body[data-server=skyrp] .page-hero{overflow:hidden}
.skyrp-blizzard{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:2;mask-image:linear-gradient(transparent,#000 12%,#000 90%,transparent)}
.skyrp-snow{position:absolute;inset:-100%;background-repeat:repeat;will-change:transform}
.snow-distant{background-image:radial-gradient(ellipse at 20% 25%,#e8f4ff99 0 1px,transparent 2px),radial-gradient(ellipse at 75% 65%,#e8f4ff77 0 1px,transparent 2px);background-size:157px 193px,211px 257px;animation:skyrim-snow-distant 18s linear infinite}
.snow-near{background-image:radial-gradient(ellipse at 12% 15%,#fff 0 1.5px,transparent 3px),radial-gradient(ellipse at 63% 48%,#f6fbffbb 0 2px,transparent 4px);background-size:227px 263px,347px 311px;opacity:.65;animation:skyrim-snow-near 9s linear infinite}
.snow-fast{background-image:radial-gradient(ellipse 5px 1.5px at 30% 20%,#e7f5ffa6 40%,transparent 100%);background-size:193px 157px;opacity:.55;animation:skyrim-snow-fast 6s linear infinite}
.skyrp-wind,.skyrp-gust{position:absolute;inset:-25% -50%;background:url('assets/mist.svg') center/cover no-repeat;opacity:.2;transform:skewY(-8deg);animation:skyrim-wind 16s ease-in-out infinite alternate}
.skyrp-gust{inset:30% -70% -40%;opacity:.3;animation:skyrim-gust 11s ease-in-out infinite}
@keyframes skyrim-snow-distant{from{transform:translate3d(0,0,0)}to{transform:translate3d(157px,193px,0)}}
@keyframes skyrim-snow-near{from{transform:translate3d(0,0,0)}to{transform:translate3d(454px,263px,0)}}
@keyframes skyrim-snow-fast{from{transform:translate3d(0,0,0)}to{transform:translate3d(579px,157px,0)}}
@keyframes skyrim-wind{from{transform:translate3d(-12%,4%,0) skewY(-8deg);opacity:.12}to{transform:translate3d(12%,-4%,0) skewY(-8deg);opacity:.3}}
@keyframes skyrim-gust{0%,100%{transform:translate3d(-15%,3%,0);opacity:.08}45%{transform:translate3d(0,-2%,0);opacity:.4}85%{transform:translate3d(18%,-6%,0);opacity:.1}}
@media(max-width:600px){.snow-fast{display:none}.snow-near{opacity:.45}.skyrp-gust{opacity:.2}}
body[data-animations=off] .skyrp-blizzard *{animation-play-state:paused!important}
/* Dense mountain blizzard. */
.snow-distant{background-size:89px 107px,131px 149px;animation-duration:7s;opacity:.8}
.snow-near{background-size:113px 137px,173px 157px;animation-duration:3.8s;opacity:.85}
.snow-fast{background-image:radial-gradient(ellipse 11px 1.4px at 30% 20%,#e7f5ffcc 35%,transparent 100%),radial-gradient(ellipse 6px 1px at 75% 70%,#fff9 35%,transparent 100%);background-size:107px 83px,157px 113px;opacity:.8;animation-duration:1.8s}
.skyrp-wind{animation-duration:7s}.skyrp-gust{animation-duration:5s}
@keyframes skyrim-wind{from{transform:translate3d(-18%,7%,0) skewY(-12deg);opacity:.25}to{transform:translate3d(18%,-7%,0) skewY(-12deg);opacity:.55}}
@keyframes skyrim-gust{0%,100%{transform:translate3d(-24%,6%,0);opacity:.12}45%{transform:translate3d(0,-2%,0);opacity:.65}85%{transform:translate3d(24%,-8%,0);opacity:.2}}
body[data-server=skyrp] .page-hero h1,body[data-server=skyrp] .page-hero .lead,body[data-server=skyrp] .page-hero .subnav{position:relative;z-index:3;text-shadow:0 2px 12px #000,0 0 24px #0009}
@media(max-width:600px){.snow-fast{display:block;opacity:.5}.snow-near{opacity:.65;background-size:149px 173px,193px 207px}}