/* FSOnline autumn overlay – transforms only, no repaints through top animation */
.fs-autumn-leaves{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:90;contain:layout style paint;transition:opacity .2s;user-select:none}
.fs-autumn-leaves.fs-autumn-hidden{opacity:0;visibility:hidden}
.fs-autumn-item{position:absolute;left:var(--x);top:-35px;animation:fs-autumn-fall var(--duration) linear var(--delay) infinite;will-change:transform}
.fs-autumn-glyph{display:block;font-size:var(--size);opacity:.75;animation:fs-autumn-sway 3.7s ease-in-out infinite alternate}
@keyframes fs-autumn-fall{0%{transform:translate3d(0,-36px,0);opacity:0}12%{opacity:.8}86%{opacity:.8}100%{transform:translate3d(var(--drift),calc(100vh + 80px),0);opacity:0}}
@keyframes fs-autumn-sway{from{transform:translateX(-14px) rotate(-35deg)}to{transform:translateX(14px) rotate(130deg)}}
@media(max-width:767px){.fs-autumn-item:nth-child(n+7){display:none}.fs-autumn-glyph{opacity:.6}}
@media(prefers-reduced-motion:reduce){.fs-autumn-leaves{display:none!important}}

/* Winter: white flakes with a faint shadow, same lightweight transform animations. */
.fs-season-snow .fs-autumn-glyph{color:#fff;opacity:.76;text-shadow:0 1px 3px rgba(10,25,48,.24);animation-duration:5.4s}
@media(max-width:767px){.fs-season-snow .fs-autumn-glyph{opacity:.58}}