.snowflake {
  position: fixed;
  top: -10%;
  pointer-events: none;
  user-select: none;

  animation-name: fall;
  animation-timing-function: linear;
  animation-iteration-count: infinite;

  /* MOCNY, MIĘKKI CIEŃ + POŚWIATA */
  filter:
    drop-shadow(0 4px 8px rgba(0, 0, 0, 0.45))
    drop-shadow(0 0 12px rgba(180, 210, 255, 0.6));
}

/* WARSTWY – jeszcze lepsza głębia */
.layer-0 {
  z-index: 9997;
  filter:
    blur(2px)
    drop-shadow(0 2px 6px rgba(0,0,0,0.3));
}

.layer-1 {
  z-index: 9998;
  filter:
    blur(1px)
    drop-shadow(0 4px 10px rgba(0,0,0,0.4))
    drop-shadow(0 0 10px rgba(200,220,255,0.5));
}

.layer-2 {
  z-index: 9999;
  filter:
    drop-shadow(0 6px 14px rgba(0,0,0,0.55))
    drop-shadow(0 0 16px rgba(190,220,255,0.8));
}

@keyframes fall {
  0% {
    transform: translate(0, 0) rotate(0deg);
  }
  100% {
    transform: translate(var(--drift), 120vh) rotate(360deg);
  }
}