html,body{color:#fff;background:#000;height:100%;margin:0;font-family:Sora,system-ui,sans-serif;overflow:hidden}body{place-items:center;display:grid}#stage{max-height:100vh;position:relative}#stage canvas{display:block;width:100%!important;height:100%!important}body.show,body.show #stage{cursor:none}.debug{pointer-events:none;font:12px/1.3 ui-monospace,Consolas,monospace;position:absolute;inset:0}.surface-guide{box-sizing:border-box;border:1px dashed #ffb02080;position:absolute}.surface-guide[data-touch=true]{border:2px solid #7dff9ab3}.surface-guide.surface-ceiling,.surface-guide.surface-floor{border-color:#8b2be2b3}.surface-guide span{color:#ffb020d9;letter-spacing:.08em;text-transform:uppercase;position:absolute;bottom:6px;left:8px}.surface-guide[data-touch=true] span{color:#7dff9af2}.fps,.cue{background:#0009;border-radius:4px;padding:3px 8px;position:absolute;left:8px}.fps{top:8px}.fps[data-state=ok]{color:#7dff9a}.fps[data-state=warn]{color:#ffd166}.fps[data-state=bad]{color:#ff6b6b}.cue{color:#ffb020;top:34px}.hand{opacity:0;border:2px solid #ff1f8e;border-radius:50%;width:44px;height:44px;margin:-22px 0 0 -22px;transition:opacity .3s;position:absolute;box-shadow:0 0 12px #ff1f8e}.tuning{--background-color:#0a060eeb;--title-background-color:#2a0f24;--number-color:#ffb020;--string-color:#ff8a4a}.touch-panel{--gold:#fd7900;--gold-ink:#1a1206;--ink:#f6f4f8;--muted:#b3afbf;box-sizing:border-box;color:var(--ink);pointer-events:none;font-family:Sora,system-ui,sans-serif;position:absolute;overflow:hidden;container-type:size}.touch-layer{position:absolute;inset:0}.touch-layer>*,.touch-layer button,.touch-layer form{pointer-events:auto}.touch-panel[data-mode=briefs]{background:linear-gradient(#0000 40%,#0603094d 55%,#060309d9)}.touch-panel[data-mode=sign-in]{background:linear-gradient(#0000 60%,#060309eb)}.touch{color:inherit;font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;position:relative}.touch:disabled{cursor:default}.touch:focus-visible{outline-offset:.6cqw;outline:2px solid #fff}.touch-panel.entering .touch-card,.touch-panel.entering .touch-hint{animation:.8s cubic-bezier(.2,.8,.2,1) both rise;animation-delay:calc(1.8s + var(--i,0) * 80ms)}@keyframes rise{0%{opacity:0;translate:0 3cqw}to{opacity:1;translate:0}}.touch-hint{text-align:center;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);text-shadow:0 0 1.2cqw #fd790099;font:600 1.35cqw/1 Sora,sans-serif;position:absolute;top:66%;left:0;right:0}.touch-cards{flex-wrap:wrap;justify-content:center;gap:1.8cqw;display:flex;position:absolute;top:71%;left:4%;right:4%}.touch-card{--halo:1;width:22cqw;min-height:8cqw;box-shadow:0 0 0 1px #ffd696bf, 0 0 calc(1.4cqw * var(--halo)) calc(.25cqw * var(--halo)) #ff9628f2, 0 0 calc(4cqw * var(--halo)) calc(.6cqw * var(--halo)) #ff5a1f80, inset 0 0 1.4cqw #ff8c1e59;letter-spacing:.04em;text-transform:uppercase;text-align:center;animation:2.6s ease-in-out infinite fire;animation-delay:calc(var(--i,0) * -.37s);background:radial-gradient(120% 90% at 0 0,#ff8a0029,#0000 60%),radial-gradient(100% 80% at 100% 100%,#ff1f8e38,#0000 60%),linear-gradient(165deg,#220c22f0,#561a48e6);border-radius:.4cqw;padding:1.8cqw 2cqw 2.4cqw;font:400 2.3cqw/1.02 Anton,sans-serif;transition:scale .2s}.touch-panel.entering .touch-card{animation:rise .8s cubic-bezier(.2, .8, .2, 1) both calc(1.8s + var(--i,0) * 80ms), fire 2.6s ease-in-out infinite}.touch-card:before{content:"";background:linear-gradient(90deg, #ffd36b, var(--gold) 60%, #ff5a1f66);border-radius:1cqw;height:.18cqw;position:absolute;bottom:1.1cqw;left:22%;right:22%;box-shadow:0 0 .7cqw #ffb020cc}@property --halo{syntax:"<number>";inherits:false;initial-value:1}@keyframes fire{0%,to{--halo:.85}30%{--halo:1.25}55%{--halo:.95}75%{--halo:1.15}}.touch-card:active{scale:.97}.touch-card:disabled{opacity:.45;animation:none}.touch-small{letter-spacing:.25em;text-transform:uppercase;color:#fff9;margin-top:.8cqw;font:400 1.1cqw/1 ui-monospace,Consolas,monospace;display:block}.touch-note{letter-spacing:.3em;text-transform:uppercase;color:var(--muted);font:600 1.4cqw/1 Sora,sans-serif}.touch-flash{aspect-ratio:1;pointer-events:none;background:radial-gradient(circle,#fff,#ffe6a0e6 30%,#ffb02000 70%);border-radius:50%;width:3cqw;animation:.75s cubic-bezier(.1,.7,.3,1) forwards flash;position:absolute;translate:-50% -50%;box-shadow:0 0 0 .25cqw #fff3c4f2,0 0 5cqw 1.6cqw #ffb020cc}@keyframes flash{0%{opacity:1;scale:.3}to{opacity:0;scale:7}}.touch-status,.touch-error{letter-spacing:.1em;text-transform:uppercase;margin:0;font:600 1.4cqw/1.2 Sora,sans-serif;position:absolute;top:3%;right:3%}.touch-status{color:var(--muted)}.touch-error{color:#ff6b6b;top:7%}.touch-sign-in{letter-spacing:.2em;text-transform:uppercase;color:var(--muted);flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:1.2cqw;font:600 1.3cqw/1 Sora,sans-serif;display:flex;position:absolute;bottom:8%;left:0;right:0}.touch-sign-in label{gap:.6cqw;display:grid}.touch-sign-in input{min-width:24cqw;color:var(--ink);letter-spacing:.2em;background:#ffffff12;border:0;border-radius:.6cqw;padding:1cqw 1.3cqw;font:400 1.6cqw/1 Sora,sans-serif;box-shadow:inset 0 0 0 1px #ffffff2e}.touch-sign-in input:focus{box-shadow:inset 0 0 0 1px var(--gold), 0 0 1.6cqw -.4cqw var(--gold);outline:none}.touch-submit{background:linear-gradient(135deg, #ffd36b, var(--gold) 55%, #ff5a1f);color:var(--gold-ink);letter-spacing:.1em;text-transform:uppercase;border-radius:.6cqw;padding:1cqw 2.2cqw;font:400 1.6cqw/1 Anton,sans-serif;box-shadow:0 0 2cqw -.3cqw #ffb020e6}body.show .touch-panel,body.show .touch-panel *{cursor:none}@media (prefers-reduced-motion:reduce){.touch-panel *,.touch-panel :before,.touch-panel :after{transition:none!important;animation:none!important}}.intro-video{z-index:1;box-sizing:border-box;object-fit:cover;pointer-events:none;background:#000;position:absolute}.touch-panel{z-index:2}.touch-skip{letter-spacing:.04em;pointer-events:auto;background:#0603098c;border:1px solid #ffffff73;border-radius:999px;padding:1.1cqh 2.2cqw;font-size:2.4cqh;position:absolute;bottom:4cqh;right:3cqw}