body[data-dayz-season=livonia]{--season-scene:url('assets/dayz-content/bbb07603f95f4d4f19.jpg')}
body[data-dayz-season=kwarantanna]{--season-scene:url('assets/dayz-content/17f3b24ce359603b4c.png')}
body[data-dayz-season=stalker]{--season-scene:url('assets/dayz.png')}
body[data-server=dayz][data-dayz-season]:not([data-dayz-season=""]):before{background:linear-gradient(180deg,#080d0f99,#080d0f55 55%,#080d0f77),var(--season-scene) center/cover no-repeat}
body[data-server=dayz][data-dayz-season]:not([data-dayz-season=""]) .page-hero{background:linear-gradient(0deg,#090d0fe0,#090d0f55 60%,#090d0f77),var(--season-scene) center/cover no-repeat}
body[data-server=dayz][data-dayz-season]:not([data-dayz-season=""]) .page-hero:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;border:0}
body[data-server=dayz][data-dayz-season]:not([data-dayz-season=""]) .page-hero>*{position:relative;z-index:1}
/* Snow falls at three depths; only the texture moves, leaving content still. */
body[data-dayz-season=livonia]:after,body[data-dayz-season=livonia] .page-hero:after{background-image:radial-gradient(circle,#fff 0 1.5px,transparent 3px),radial-gradient(circle,#f4fcff 0 1px,transparent 2px),radial-gradient(circle,#e9f5ff 0 2px,transparent 4px);background-size:173px 233px,277px 307px,383px 419px;background-position:0 0,80px 50px,140px 100px;background-repeat:repeat;opacity:.48;animation:livonia-snowfall 22s linear infinite;mask-image:linear-gradient(transparent,#000 15%,#000 90%,transparent);transform:none}
@keyframes livonia-snowfall{to{background-position:90px 466px,30px 307px,210px 838px}}
/* Slow electric discharges around the edges, with one soft pulse per cycle. */
body[data-dayz-season=stalker]:after,body[data-dayz-season=stalker] .page-hero:after{inset:0;background:url('assets/elektra.svg') center/cover no-repeat;mask-image:linear-gradient(transparent,#000 20%,#000 95%,transparent);opacity:.5;animation:elektra-discharge 9s ease-in-out infinite;transform:none}
@keyframes elektra-discharge{0%,30%,100%{opacity:.08;filter:brightness(.75)}45%{opacity:.65;filter:brightness(1.25)}62%{opacity:.12;filter:brightness(.9)}78%{opacity:.4;filter:brightness(1)}}
/* Toxic green smoke moves in broad clouds, behind the readable content. */
body[data-dayz-season=kwarantanna]:after,body[data-dayz-season=kwarantanna] .page-hero:after{background:url('assets/mist.svg') center/cover no-repeat;filter:sepia(1) saturate(4) hue-rotate(45deg);opacity:.6;mask-image:linear-gradient(transparent,#000 35%,#000 85%,transparent);animation:quarantine-toxic-smoke 32s ease-in-out infinite alternate}
@keyframes quarantine-toxic-smoke{from{transform:translate3d(-4%,3%,0) scale(1.1);opacity:.38}to{transform:translate3d(4%,-3%,0) scale(1.18);opacity:.66}}
@media(prefers-reduced-motion:reduce){body[data-dayz-season]:after,body[data-dayz-season] .page-hero:after{animation:none!important}body[data-dayz-season=stalker]:after,body[data-dayz-season=stalker] .page-hero:after{opacity:.28}}
.elektra-field{position:fixed;inset:0 0 0 100px;z-index:2;pointer-events:none;overflow:hidden;mask-image:linear-gradient(transparent,#000 20%,#000 90%,transparent)}
.elektra-field svg{width:100%;height:100%;overflow:visible}
.elektra-field path{fill:none;stroke:#9ee9ff;stroke-width:2.3;stroke-linejoin:round;filter:drop-shadow(0 0 4px #35baff) drop-shadow(0 0 9px #1683ca);stroke-dasharray:1400;stroke-dashoffset:1400;opacity:0;animation:elektra-trace 8s ease-in-out infinite}
.elektra-field path:nth-child(2){animation-delay:3.5s}.elektra-field path:nth-child(3){animation-delay:.7s}.elektra-field path:nth-child(4){animation-delay:4.2s}
@keyframes elektra-trace{0%,12%,100%{stroke-dashoffset:1400;opacity:0}30%,45%{stroke-dashoffset:0;opacity:.8}65%{stroke-dashoffset:-1400;opacity:0}}
@media(max-width:600px){.elektra-field{left:72px}}
@media(prefers-reduced-motion:reduce){.elektra-field path{animation:none;stroke-dashoffset:0;opacity:.4}}
body[data-dayz-season=czarnorus]{--season-scene:url('assets/dayz.png')}
body[data-dayz-season=czarnorus]:after,body[data-dayz-season=czarnorus] .page-hero:after{background:url('assets/mist.svg') center/cover no-repeat;opacity:.48;filter:none;mask-image:linear-gradient(transparent,#000 30%,#000 80%,transparent);animation:chernarus-fog 40s ease-in-out infinite alternate}
@keyframes chernarus-fog{from{transform:translate3d(-4%,2%,0) scale(1.08);opacity:.32}to{transform:translate3d(4%,-2%,0) scale(1.15);opacity:.55}}
body[data-stalker-version="2"] .elektra-field path{stroke:#ff9a74;filter:drop-shadow(0 0 4px #ff402b) drop-shadow(0 0 9px #c31c13)}
body[data-stalker-version="2"]:after,body[data-stalker-version="2"] .page-hero:after{filter:hue-rotate(150deg)}
.anomaly-spark{position:absolute;left:var(--x);top:var(--y);width:2px;height:5px;border-radius:50%;background:#b4efff;box-shadow:0 0 5px #37baff,0 0 10px #1683ca;opacity:0;animation:anomaly-embers var(--duration) linear var(--delay) infinite}
body[data-stalker-version="2"] .anomaly-spark{background:#ffb168;box-shadow:0 0 5px #ff542c,0 0 10px #ef2927}
body[data-server=dayz]{overflow-x:clip}
@keyframes anomaly-embers{0%{transform:translate3d(0,50px,0) rotate(-20deg);opacity:0}20%{opacity:.8}75%{opacity:.55}100%{transform:translate3d(var(--drift),-130px,0) rotate(25deg);opacity:0}}
@media(prefers-reduced-motion:reduce){.anomaly-spark{animation:none;opacity:.45}}
/* Season 2 uses only red discharges; remove the underlying blue SVG layer. */
body[data-stalker-version="2"]:after,body[data-stalker-version="2"] .page-hero:after{background:none;filter:none;animation:none}
body[data-stalker-version="2"] .elektra-field path{stroke:#ff4545;filter:drop-shadow(0 0 4px #ff2020) drop-shadow(0 0 9px #c90000)}
body[data-stalker-version="2"] .anomaly-spark{background:#ff4545;box-shadow:0 0 5px #ff2020,0 0 10px #c90000}