.stage{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none}.loading{position:fixed;inset:0;z-index:60;display:grid;grid-template-rows:1fr auto auto auto auto;justify-items:center;align-content:center;gap:1.1rem;padding:calc(2rem + var(--sat)) 2rem calc(2.4rem + var(--sab));background:var(--canvas) url(../assets/wall.webp) center / cover no-repeat;transition:opacity .26s ease}.loading:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 130% 85% at 50% 40%,transparent,rgba(21,6,9,.86) 76%)}.loading.done{opacity:0;pointer-events:none}.loading>*{position:relative}.wordmark{width:min(72vw,320px);aspect-ratio:var(--wm-aspect);height:auto;display:block;align-self:end}.load-pip,.gate-pip,.screen-pip{width:auto;height:min(var(--pip-h),22vh);max-height:var(--pip-h);image-rendering:auto;animation:pip-idle 3.4s ease-in-out infinite}@keyframes pip-idle{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-4px) rotate(-1.2deg)}}.bar{width:min(66vw,260px);height:3px;background:var(--hairline);border-radius:2px;overflow:hidden}.bar-fill{height:100%;background:var(--lime);transform:scaleX(0);transform-origin:left center;transition:transform .18s linear}.pct{font-size:.72rem;font-weight:400;letter-spacing:.08em;color:var(--muted);font-variant-numeric:tabular-nums}.load-line{font-size:.9rem;font-weight:400;letter-spacing:-.01em;color:var(--body);text-align:center;min-height:1.3em}.hud{position:fixed;inset:0;z-index:20;pointer-events:none;padding:calc(.9rem + var(--sat)) calc(1rem + var(--sar)) calc(1rem + var(--sab)) calc(1rem + var(--sal))}.hud.hidden{display:none}.score{position:absolute;top:calc(1.1rem + var(--sat));left:50%;transform:translate(-50%);display:flex;align-items:baseline;gap:.28rem}.score-num{font-size:clamp(3.6rem,19vw,5.6rem);font-weight:400;letter-spacing:-.045em;line-height:.9;color:var(--lime);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.score-unit{font-size:clamp(.9rem,3.6vw,1.15rem);font-weight:400;letter-spacing:.1em;color:var(--muted)}.best{position:absolute;top:calc(6.6rem + var(--sat));left:50%;transform:translate(-50%);display:flex;align-items:center;gap:.45rem;white-space:nowrap}.best-label{font-size:.62rem;font-weight:400;letter-spacing:.14em;color:var(--muted)}.pill{background:var(--lime);color:var(--cocoa);padding:.04em .32em;border-radius:.08em;font-size:.74rem;font-weight:400;letter-spacing:.01em;-webkit-box-decoration-break:clone;box-decoration-break:clone}.lean{position:absolute;right:calc(.7rem + var(--sar));top:26vh;bottom:22vh;width:4px;background:var(--hairline);border-radius:3px;overflow:visible}.lean-fill{position:absolute;inset:0;border-radius:3px;background:var(--lime);transform:scaleY(0);transform-origin:bottom center;transition:transform .09s linear}.lean.critical{animation:lean-alarm .34s steps(2) infinite}@keyframes lean-alarm{0%,to{box-shadow:0 0 10px 1px var(--red-spark)}50%{box-shadow:none}}.lean-label{position:absolute;bottom:-1.5rem;right:-.15rem;font-size:.55rem;font-weight:400;letter-spacing:.16em;color:var(--muted)}.next{position:absolute;top:calc(1.2rem + var(--sat));right:calc(1rem + var(--sar));display:flex;flex-direction:column;align-items:flex-end;gap:.12rem}.next-label{font-size:.55rem;font-weight:400;letter-spacing:.16em;color:var(--muted)}.next-kind{font-size:.82rem;font-weight:400;letter-spacing:.02em;color:var(--body)}.warnings{position:absolute;top:calc(1.4rem + var(--sat));left:calc(1rem + var(--sal));display:flex;gap:5px}.warn-pip{width:7px;height:7px;border-radius:50%;border:1px solid var(--lime);background:transparent;transition:background .2s ease,border-color .2s ease}.warn-pip.spent{background:var(--red-spark);border-color:var(--red-spark)}.pip-wrap{position:absolute;left:calc(.6rem + var(--sal));bottom:calc(.8rem + var(--sab));display:flex;flex-direction:column;align-items:center;gap:.3rem;transition:transform .12s ease-out}.pip{width:auto;height:min(var(--pip-h),15vh);max-height:var(--pip-h)}.pip-wrap[data-state=braced] .pip,.pip-wrap[data-state=nervous] .pip{animation:none}.pip-line{font-size:.68rem;font-weight:400;letter-spacing:-.01em;color:var(--body);background:#1c0d14c7;padding:.2rem .45rem;border-radius:3px;opacity:0;transition:opacity .24s ease;white-space:nowrap}.pip-line.show{opacity:1}.toast{position:absolute;left:50%;top:38vh;transform:translate(-50%) scale(.96);font-size:1.15rem;font-weight:400;letter-spacing:-.025em;text-transform:uppercase;color:var(--ink);opacity:0;transition:opacity .2s ease,transform .2s ease;text-align:center;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%) scale(1)}.mute{position:absolute;right:calc(1rem + var(--sar));bottom:calc(1rem + var(--sab));pointer-events:auto;background:none;border:1px solid var(--hairline);border-radius:999px;padding:.4rem .7rem;font-family:inherit;font-size:.58rem;font-weight:400;letter-spacing:.14em;color:var(--muted);-webkit-tap-highlight-color:transparent}.screen{position:fixed;inset:0;z-index:40;display:grid;justify-items:center;align-content:center;gap:.7rem;padding:calc(2rem + var(--sat)) 1.6rem calc(2rem + var(--sab));background:var(--canvas) url(../assets/wall.webp) center / cover no-repeat;text-align:center;overflow:hidden}.screen:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#150609b3,#150609ed)}.screen>*{position:relative}.display{font-size:clamp(2.6rem,15vw,4rem);font-weight:400;letter-spacing:-.045em;line-height:.95;text-transform:uppercase;color:var(--ink)}.kicker{font-size:.9rem;font-weight:400;letter-spacing:-.02em;text-transform:uppercase;color:var(--lime)}.sub{font-size:.86rem;font-weight:400;letter-spacing:-.01em;line-height:1.35;color:var(--body);max-width:22rem}.hint{font-size:.74rem;font-weight:400;color:var(--muted);max-width:20rem;line-height:1.4}.how{list-style:none;display:grid;gap:.16rem;font-size:.78rem;font-weight:400;color:var(--body)}.final{display:flex;align-items:baseline;gap:.3rem}.stat{font-size:.82rem;font-weight:400;letter-spacing:-.01em;color:var(--body);max-width:20rem;line-height:1.4;margin-top:.4rem}.stat-src{font-size:.58rem;font-weight:400;letter-spacing:.06em;color:var(--muted)}.stat-row{font-size:.7rem;font-weight:400;letter-spacing:.02em;color:var(--muted)}.pill-line{margin:.3rem 0;font-size:1rem;letter-spacing:-.02em}.cta{margin-top:.6rem;pointer-events:auto;background:var(--lime);color:var(--cocoa);border:none;border-radius:999px;padding:.85rem 2.4rem;font-family:inherit;font-size:.9rem;font-weight:400;letter-spacing:.1em;-webkit-tap-highlight-color:transparent;cursor:pointer}.cta:active{background:var(--lime-hover)}.cta.ghost{background:transparent;color:var(--body);border:1px solid var(--hairline)}.btn-row{display:flex;gap:.6rem;flex-wrap:wrap;justify-content:center}.gate,.rotate,.rotate-layer{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:calc(2rem + var(--sat)) 1.6rem calc(2rem + var(--sab));background:var(--canvas) url(../assets/wall.webp) center / cover no-repeat;text-align:center}.gate:before,.rotate:before,.rotate-layer:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 120% 80% at 50% 45%,#1506099e,#150609f0)}.gate-inner{position:relative;display:grid;justify-items:center;gap:1rem;max-width:26rem}.gate-kicker{font-size:clamp(1.6rem,6vw,2.4rem);font-weight:400;letter-spacing:-.035em;line-height:.98;text-transform:uppercase;color:var(--ink)}.gate-line{font-size:.95rem;font-weight:400;letter-spacing:-.01em;color:var(--body);max-width:20rem;line-height:1.4}.gate-hint{font-size:.62rem;font-weight:400;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.qr{padding:.7rem;background:var(--lime);border-radius:6px;line-height:0}.qr canvas{display:block;width:min(46vw,190px);height:auto;image-rendering:pixelated}.rotate-layer.rotate{display:none}body[data-orientation=landscape] .rotate-layer.rotate{display:grid}body[data-orientation=landscape] .hud{display:none}@media(prefers-reduced-motion:reduce){.load-pip,.gate-pip,.screen-pip,.pip{animation:none}.lean.critical{animation:none;box-shadow:0 0 10px 1px var(--red-spark)}}