/* 눈 판 — 지면 전체에 한 줄기(LILT_011 부터 쓰는 공통판 · 03 은 제 CSS 를 쓴다). 동작은 invitation-snow.js.
   ⚠ 눈 판은 지면(position:relative)의 첫 자식이다. 팝업·토스트보다는 아래, 눌림은 막지 않는다.
   ⚠ 눈송이마다 필터·그림자를 걸지 않는다 — 흐림과 그림자는 그림 안에 구워 넣는다(스크립트의 캔버스).
   ⚠ 그림은 세로 --fall 마다 되풀이되고 낙하도 정확히 0 → --fall 이라 이음매가 없다. */
.snow{ position:absolute; inset:0 0 auto 0; height:0; z-index:40; overflow:hidden; pointer-events:none; }
.snow > div{ position:absolute; left:-24px; right:-24px; top:calc(var(--fall) * -1); height:calc(var(--fall) * 3);
  will-change:transform; animation:snowFall var(--d) linear var(--dl) infinite; }
.snow > div > i{ display:block; width:100%; height:100%; background-repeat:repeat;
  will-change:transform; animation:snowSway var(--sd) ease-in-out var(--sdl) infinite; }
@keyframes snowFall{ from{ transform:translateY(0) } to{ transform:translateY(var(--fall)) } }
@keyframes snowSway{ 0%,100%{ transform:translateX(calc(var(--sw) * -1)) } 50%{ transform:translateX(var(--sw)) } }
body.snow-off .snow{ display:none; }
@media (prefers-reduced-motion:reduce){ .snow{ display:none; } }