/* Minecraft-Style Schneefall – 5-Pixel-Flocken (X / +) */
#mc-snow {
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 9999;
  overflow: hidden;
}

/* Container einer Flocke: 3x3 Raster aus Einheiten (—mc-px) */
.mc-snow-flake {
  position: absolute;
  width: calc(var(--mc-px, 6px) * 3);
  height: calc(var(--mc-px, 6px) * 3);
  opacity: var(--mc-op, 0.9);
  will-change: transform;
}

/* Einzelnes „Pixel“-Quadrat */
.mc-snow-flake .p {
  position: absolute;
  width: var(--mc-px, 6px);
  height: var(--mc-px, 6px);
  image-rendering: pixelated;
  background: repeating-linear-gradient(
    0deg,
    #ffffff, #ffffff 50%,
    #e8f3ff 50%, #e8f3ff 100%
  );
  box-shadow:
    0 0 0 1px rgba(0,0,0,0.05) inset,
    1px 1px 0 0 rgba(0,0,0,0.06);
  border-radius: 2px;
}

/* Raster-Positionen im 3x3 Feld */
.mc-snow-flake .c  { left: calc(var(--mc-px) * 1); top: calc(var(--mc-px) * 1); } /* center */
.mc-snow-flake .t  { left: calc(var(--mc-px) * 1); top: 0; }                     /* top */
.mc-snow-flake .b  { left: calc(var(--mc-px) * 1); top: calc(var(--mc-px) * 2); }/* bottom */
.mc-snow-flake .l  { left: 0;                       top: calc(var(--mc-px) * 1); }/* left */
.mc-snow-flake .r  { left: calc(var(--mc-px) * 2); top: calc(var(--mc-px) * 1); }/* right */
.mc-snow-flake .tl { left: 0;                       top: 0; }                     /* top-left */
.mc-snow-flake .tr { left: calc(var(--mc-px) * 2); top: 0; }                     /* top-right */
.mc-snow-flake .bl { left: 0;                       top: calc(var(--mc-px) * 2); }/* bottom-left */
.mc-snow-flake .br { left: calc(var(--mc-px) * 2); top: calc(var(--mc-px) * 2); }/* bottom-right */

@media (prefers-reduced-motion: reduce) {
  #mc-snow { display: none; }
}