html:has(body.storm){height:100%;overflow:hidden;overscroll-behavior:none}body.storm{position:fixed;inset:0;min-height:0;height:100dvh;overflow:hidden;overscroll-behavior:none;-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.storm-gl,.storm-fx{position:fixed;inset:0;width:100%;height:100%;display:block}.storm-gl{z-index:1;pointer-events:none}.storm-fx{z-index:4;touch-action:none;cursor:crosshair}body.storm .noise-overlay{z-index:3}.storm-hud{position:fixed;inset:0 0 auto;z-index:10;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.75rem;padding:calc(env(safe-area-inset-top) + .75rem) calc(env(safe-area-inset-right) + 1rem) .75rem calc(env(safe-area-inset-left) + 1rem);pointer-events:none}.storm-hud>*{pointer-events:auto}.storm-home{display:inline-flex;align-items:center;gap:.5rem;justify-self:start;min-height:44px;font-size:.72rem;font-weight:700;color:var(--text-main)}.storm-meta{grid-column:2;display:flex;flex-direction:column;align-items:center;line-height:1.1;pointer-events:none}.storm-score{font-size:1.5rem;font-weight:600;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.storm-wave{font-size:.62rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.storm-right{grid-column:3;justify-self:end;display:flex;align-items:center;gap:.5rem}.storm-health{display:flex;align-items:center;gap:.5rem;font-size:.68rem;font-variant-numeric:tabular-nums;color:var(--text-dim);pointer-events:none}.storm-health-bar{position:relative;width:56px;height:4px;border-radius:99px;background:var(--border-strong);overflow:hidden}.storm-health-bar i{position:absolute;inset:0;background:var(--text-main);transform-origin:left;transition:transform .3s cubic-bezier(.16,1,.3,1),background .3s}.is-critical .storm-health-bar i{background:var(--accent)}.is-critical .storm-health{color:var(--accent)}.storm-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1px solid var(--border-strong);background:var(--surface);color:var(--text-main);cursor:pointer}.storm-meta,.storm-health,.storm-icon{display:none}[data-state=play] .storm-meta,[data-state=paused] .storm-meta,[data-state=play] .storm-health,[data-state=paused] .storm-health{display:flex}[data-state=play] .storm-icon{display:grid}[data-state=play] .storm-home,[data-state=play] .toggle{display:none}.storm-banner{position:fixed;left:50%;top:calc(env(safe-area-inset-top) + 18%);z-index:6;width:min(90vw,26rem);display:flex;flex-direction:column;align-items:center;gap:.35rem;text-align:center;pointer-events:none;opacity:0;transform:translate(-50%,8px)}.storm-banner strong{font-size:clamp(1.6rem,7vw,2.4rem);font-weight:700;letter-spacing:-.04em;line-height:1}.storm-banner-hint{font-size:.85rem;color:var(--text-dim)}.storm-banner.show{animation:storm-banner 2.4s cubic-bezier(.16,1,.3,1) forwards}@keyframes storm-banner{0%{opacity:0;transform:translate(-50%,8px)}14%,78%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-6px)}}@media(prefers-reduced-motion:reduce){.storm-banner.show{animation-timing-function:steps(1,end)}}.storm-screen{position:fixed;inset:0;z-index:8;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;padding:0 calc(env(safe-area-inset-right) + 1rem) calc(env(safe-area-inset-bottom) + clamp(1.5rem,6vh,3.5rem)) calc(env(safe-area-inset-left) + 1rem);background:linear-gradient(to top,var(--bg) 0%,color-mix(in srgb,var(--bg) 80%,transparent) 38%,transparent 62%);opacity:0;visibility:hidden;transition:opacity .45s cubic-bezier(.16,1,.3,1),visibility 0s .45s}[data-state=menu] [data-screen=menu],[data-state=paused] [data-screen=paused],[data-state=over] [data-screen=over]{opacity:1;visibility:visible;transition:opacity .45s cubic-bezier(.16,1,.3,1)}[data-screen=paused]{background:color-mix(in srgb,var(--bg) 72%,transparent);justify-content:center}.storm-card{width:100%;max-width:26rem;display:flex;flex-direction:column;align-items:center;text-align:center}.storm-title{margin-top:.75rem;font-size:clamp(2.6rem,12vw,4.25rem);font-weight:700;letter-spacing:-.05em;line-height:.95}.storm-title .serif-italic{font-weight:400;letter-spacing:-.02em}.storm-final{font-variant-numeric:tabular-nums}.storm-dek{margin-top:.9rem;max-width:22rem;font-size:.98rem;line-height:1.5;color:var(--text-dim)}.storm-legend{display:flex;gap:1.5rem;margin-top:1.25rem;list-style:none;font-size:.72rem;color:var(--text-dim)}.storm-legend li{display:flex;align-items:center;gap:.5rem;text-align:left;line-height:1.3}.storm-legend li.accent{color:var(--accent)}.storm-legend b{display:block;color:var(--text-main);font-weight:600;letter-spacing:.04em;text-transform:uppercase}.storm-legend li.accent b{color:var(--accent)}.storm-go{min-height:52px;padding-inline:2rem;cursor:pointer;border:0}.storm-ghost{min-height:52px;border:1px solid var(--border-strong);background:var(--surface);color:var(--text-main);cursor:pointer}.storm-actions{display:flex;gap:.6rem;flex-wrap:wrap;justify-content:center}.storm-best{margin-top:.9rem;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.storm-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;width:100%;margin-top:1.25rem;padding:.9rem 0;border-block:1px solid var(--border)}.storm-stats div{display:flex;flex-direction:column-reverse;justify-content:flex-end;gap:.25rem}.storm-stats dt{font-size:.58rem;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.storm-stats dd{font-size:1.05rem;font-weight:600;font-variant-numeric:tabular-nums}.storm-noscript{position:fixed;inset:auto 1rem 2rem;z-index:20;text-align:center}@media(max-width:420px){.storm-home span{display:none}.storm-health-bar{width:40px}.storm-legend{gap:1rem}}@media(max-height:560px)and (orientation:landscape){.storm-screen{justify-content:center;align-items:flex-end;background:linear-gradient(to left,var(--bg) 0%,color-mix(in srgb,var(--bg) 80%,transparent) 40%,transparent 65%)}.storm-card{max-width:22rem}.storm-title{font-size:2.4rem}.storm-dek{font-size:.85rem}.storm-legend,.storm-stats{margin-top:.75rem}.btn.storm-go,.btn.storm-ghost{margin-top:1rem}}@keyframes storm-in{0%{opacity:0;transform:translateY(14px)}}.storm-card{animation:storm-in .9s .55s cubic-bezier(.16,1,.3,1) both}.storm-hud{animation:storm-in .8s .75s cubic-bezier(.16,1,.3,1) both}@media(prefers-reduced-motion:reduce){.storm-card,.storm-hud{animation:none}}