/* Minecraft Animated Background */
.mc-hero::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 0;
  background: 
    url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32"><rect width="32" height="32" fill="%230a0a0a"/><rect width="16" height="16" x="0" y="0" fill="%230d1117" opacity="0.5"/><rect width="16" height="16" x="16" y="16" fill="%230d1117" opacity="0.5"/></svg>') repeat;
  background-size: 32px 32px;
  animation: mc-grid-move 20s linear infinite;
  opacity: 0.4;
}

.mc-hero::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 0;
  background: 
    radial-gradient(circle at 20% 50%, rgba(34,197,94,0.15) 0%, transparent 50%),
    radial-gradient(circle at 80% 30%, rgba(59,130,246,0.1) 0%, transparent 40%),
    radial-gradient(circle at 50% 80%, rgba(168,85,247,0.08) 0%, transparent 40%);
  animation: mc-glow-pulse 8s ease-in-out infinite alternate;
}

@keyframes mc-grid-move {
  0% { background-position: 0 0; }
  100% { background-position: 32px 32px; }
}

@keyframes mc-glow-pulse {
  0% { opacity: 0.6; }
  100% { opacity: 1; }
}

/* Pixel particles */
.mc-pixel {
  position: absolute;
  width: 6px;
  height: 6px;
  background: #22c55e;
  opacity: 0.4;
  animation: mc-float 4s ease-in-out infinite;
  image-rendering: pixelated;
}

.mc-pixel:nth-child(1) { left: 5%; top: 15%; animation-delay: 0s; background: #22c55e; }
.mc-pixel:nth-child(2) { left: 15%; top: 45%; animation-delay: 0.5s; background: #3b82f6; width: 8px; height: 8px; }
.mc-pixel:nth-child(3) { left: 25%; top: 25%; animation-delay: 1s; background: #a855f7; }
.mc-pixel:nth-child(4) { left: 40%; top: 65%; animation-delay: 1.5s; background: #22c55e; width: 4px; height: 4px; }
.mc-pixel:nth-child(5) { left: 55%; top: 35%; animation-delay: 2s; background: #f59e0b; }
.mc-pixel:nth-child(6) { left: 70%; top: 55%; animation-delay: 2.5s; background: #3b82f6; width: 10px; height: 10px; }
.mc-pixel:nth-child(7) { left: 85%; top: 20%; animation-delay: 3s; background: #22c55e; }
.mc-pixel:nth-child(8) { left: 92%; top: 70%; animation-delay: 0.8s; background: #a855f7; width: 5px; height: 5px; }
.mc-pixel:nth-child(9) { left: 33%; top: 80%; animation-delay: 1.8s; background: #22c55e; width: 7px; height: 7px; }
.mc-pixel:nth-child(10) { left: 60%; top: 10%; animation-delay: 3.5s; background: #f59e0b; width: 4px; height: 4px; }

@keyframes mc-float {
  0%, 100% { transform: translateY(0) scale(1); opacity: 0.4; }
  50% { transform: translateY(-15px) scale(1.2); opacity: 0.7; }
}

/* Grass block bottom border */
.mc-grass-line {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: repeating-linear-gradient(90deg, #22c55e 0px, #22c55e 8px, #16a34a 8px, #16a34a 16px);
  image-rendering: pixelated;
  z-index: 1;
  opacity: 0.6;
}

@media (prefers-reduced-motion: reduce) {
  .mc-hero::before, .mc-hero::after, .mc-pixel { animation: none !important; }
}