.storm{z-index:108;pointer-events:none;--mx:0;--my:0;position:fixed;inset:0}.storm[hidden]{display:none}html.storm-on{overflow:hidden}.storm-on .grain{opacity:.14;transition:opacity 1.2s}.storm-dim{opacity:0;transition:opacity .9s var(--ease);background:#03040533;position:absolute;inset:0}.storm-on .storm-dim{opacity:1}.storm canvas{width:100%;height:100%;position:absolute;inset:0}.storm-back{opacity:.8}.storm-front{opacity:.88}.storm-back{transform:translate3d(calc(var(--mx) * 16px),calc(var(--my) * 10px),0);transition:transform 1.2s var(--ease)}.storm-front{transform:translate3d(calc(var(--mx) * -38px),calc(var(--my) * -24px),0);transition:transform .9s var(--ease)}.storm-bolts{mix-blend-mode:screen;transform:translate3d(calc(var(--mx) * -12px),calc(var(--my) * -8px),0);transition:transform 1s var(--ease)}.storm-window{pointer-events:auto;clip-path:circle(0 at var(--ix,50%) var(--iy,50%));visibility:hidden;transition:clip-path .7s cubic-bezier(.7,0,.84,0),visibility 0s .7s;position:absolute}.storm.is-open .storm-window{clip-path:circle(75% at var(--ix,50%) var(--iy,50%));visibility:visible;transition:clip-path 1.05s cubic-bezier(.16,1,.3,1),visibility}.storm-frame{--feather:clamp(28px,4vw,64px);-webkit-mask-image:linear-gradient(90deg,transparent,#000 var(--feather),#000 calc(100% - var(--feather)),transparent),linear-gradient(transparent,#000 var(--feather),#000 calc(100% - var(--feather)),transparent);-webkit-mask-composite:source-in;-webkit-mask-image:linear-gradient(90deg,transparent,#000 var(--feather),#000 calc(100% - var(--feather)),transparent),linear-gradient(transparent,#000 var(--feather),#000 calc(100% - var(--feather)),transparent);mask-image:linear-gradient(90deg,transparent,#000 var(--feather),#000 calc(100% - var(--feather)),transparent),linear-gradient(transparent,#000 var(--feather),#000 calc(100% - var(--feather)),transparent);background:radial-gradient(80% 60% at 50% 110%,#e20b1b73,#0000 70%),radial-gradient(60% 50%,#83161d59,#0000 75%),#06080a;position:absolute;inset:0;overflow:hidden;box-shadow:inset 0 0 120px 30px #030405e6;-webkit-mask-composite:source-in;mask-composite:intersect}.storm-frame>.pact-root{opacity:0;transition:opacity .9s .15s var(--ease),transform 1.4s .15s var(--ease);transform:scale(1.04)}.storm-window.is-loaded .storm-frame>.pact-root{opacity:1;transform:none}.storm-window.is-broken .storm-frame>.pact-root{visibility:hidden}.storm-window.is-broken .storm-frame:before{content:"THE PACT COULD NOT BE SUMMONED. RUN AWAY AND TRY AGAIN.";text-align:center;font-family:var(--wide);letter-spacing:.12em;color:var(--yellow);text-shadow:2px 2px 0 var(--ink);place-items:center;padding:0 10%;font-size:clamp(11px,1vw,14px);font-style:italic;display:grid;position:absolute;inset:0}.storm-frame:after{content:"";pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 60px 18px #030405d9}.storm-flash{opacity:0;mix-blend-mode:screen;background:radial-gradient(90% 80% at var(--fx,50%) 30%,#f2feff,#8be9ed 35%,#8be9ed00 75%);position:absolute;inset:0}.storm-flash.on{animation:.9s linear storm-flash}@keyframes storm-flash{0%{opacity:0}5%{opacity:.75}11%{opacity:.08}17%{opacity:.5}30%{opacity:.04}to{opacity:0}}.storm-close{top:max(14px,calc(var(--wy,40px) - 20px));right:max(14px,calc(100vw - var(--wx,40px) - var(--ww,90vw) - 16px));background:var(--bone);color:var(--ink);border:2px solid var(--ink);box-shadow:4px 4px 0 var(--red),4px 4px 0 2px var(--ink);font-family:var(--wide);letter-spacing:.06em;cursor:pointer;pointer-events:auto;opacity:0;visibility:hidden;transition:opacity .3s,transform .5s var(--ease),box-shadow .3s var(--ease),visibility 0s .3s;align-items:center;gap:.6em;padding:.8em 1.1em;font-size:11px;display:inline-flex;position:absolute;transform:rotate(3deg)translateY(-8px)}.storm.is-open .storm-close{opacity:1;visibility:visible;transition:opacity .5s .7s,transform .6s .7s var(--ease),box-shadow .3s var(--ease),visibility 0s;transform:rotate(3deg)}.storm.is-open .storm-close:hover{box-shadow:7px 7px 0 var(--red),7px 7px 0 2px var(--ink);transform:rotate(0)translate(-2px,-2px)}.storm-close span{font-size:1.2em;line-height:1}.storm-source{animation:90ms steps(2,end) infinite storm-charge;background:var(--ink-2)!important;color:var(--red)!important;box-shadow:0 0 0 2px var(--red-deep),0 0 40px 10px #e20b1b59!important;transition:background .8s,color .8s,box-shadow .8s!important}.storm-source:before{opacity:0;animation:none!important}@keyframes storm-charge{50%{translate:1px -1px}}.storm-quake main{animation:.11s steps(2,end) infinite storm-quake}@keyframes storm-quake{0%{translate:0}50%{translate:-2px 1px}to{translate:1px -2px}}@media (max-width:760px){.storm-close{font-size:10px;top:22px;left:22px;right:auto;transform:rotate(-3deg)translateY(-8px)}.storm.is-open .storm-close{transform:rotate(-3deg)}}@media (prefers-reduced-motion:reduce){.storm-window,.storm.is-open .storm-window{transition:clip-path .35s,visibility}.storm-source,.storm-quake main,.storm-flash.on{animation:none}}