.air-kiff{isolation:isolate;background:#050609;min-height:100svh;position:relative;overflow:hidden}.topbar{z-index:20;pointer-events:none;justify-content:space-between;align-items:center;width:100%;padding:clamp(1rem,2.5vw,2rem) clamp(1rem,4vw,4.25rem);display:flex;position:absolute;top:0;left:0}.brand{pointer-events:auto;letter-spacing:.13em;text-transform:uppercase;align-items:center;gap:.65rem;font-family:Anybody Variable,sans-serif;font-size:.82rem;font-weight:640;font-stretch:118%;display:inline-flex}.brand:before{content:"";background:var(--signal);border:1px solid #d4ff3fb8;border-radius:50%;width:.54rem;height:.54rem;box-shadow:inset 0 0 0 2px #050609,0 0 1rem #d4ff3f73}.landing{grid-template-columns:minmax(0,1.02fr) minmax(22rem,.98fr);align-items:center;gap:clamp(2rem,6vw,7rem);min-height:100svh;padding:clamp(6.25rem,11vh,8.5rem) clamp(1.25rem,6vw,7.5rem) clamp(2rem,6vh,5rem);display:grid;position:relative}.landing__glow{z-index:-1;aspect-ratio:1;opacity:.42;filter:blur(48px);background:radial-gradient(circle at 28% 58%,#ff4a8e29,#0000 27%),radial-gradient(circle at 50% 35%,#44e8ff29,#0000 34%),radial-gradient(circle at 72% 62%,#7e6aff2e,#0000 32%);border-radius:50%;width:min(62vw,58rem);position:absolute;top:45%;left:56%;transform:translate(-50%,-50%)}.landing__copy{z-index:2;max-width:48rem;position:relative}.landing h1{letter-spacing:-.075em;text-wrap:balance;max-width:11ch;margin:0;font-family:Anybody Variable,sans-serif;font-size:clamp(4.4rem,10vw,10.8rem);font-weight:430;font-stretch:118%;line-height:.79}.landing h1 em{color:#0000;-webkit-text-stroke:1px #f4f1e88f;font-style:normal;display:block;transform:translate(.14em)}.landing__intro{max-width:36rem;color:var(--ink-soft);margin:clamp(1.7rem,4vw,3.2rem) 0 0;font-size:clamp(1rem,1.45vw,1.28rem);line-height:1.5}.landing__intro strong{color:var(--ink);font-weight:520}.start-actions{flex-wrap:wrap;align-items:center;gap:.8rem;margin-top:clamp(2rem,4vw,3.4rem);display:flex}.primary-action,.secondary-action,.upload-action,.text-action,.icon-action,.pause-card button{cursor:pointer;transition:transform .22s var(--ease-spring), background .22s ease, border-color .22s ease, color .22s ease;border:0}.primary-action,.secondary-action,.upload-action{letter-spacing:.04em;border-radius:999px;justify-content:center;align-items:center;gap:.7rem;min-height:3.45rem;padding:.2rem 1.35rem;font-size:.83rem;font-weight:650;display:inline-flex}.primary-action{color:#0a0b0d;background:var(--ink)}.primary-action:after{content:"";border-top:1.5px solid;border-right:1.5px solid;width:.62rem;height:.62rem;transform:translate(-.05rem,.08rem)}.secondary-action,.upload-action{border:1px solid var(--line);color:var(--ink);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f4f1e80b}.primary-action:hover,.secondary-action:hover,.upload-action:hover,.pause-card button:hover{transform:translateY(-2px)}.secondary-action:hover,.upload-action:hover{border-color:var(--line-strong);background:#f4f1e814}.upload-action input{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.privacy-note{max-width:36rem;color:var(--ink-faint);margin:1.15rem 0 0;font-size:.78rem;line-height:1.45}.lab-actions{flex-wrap:wrap;gap:.55rem 1rem;margin-top:1rem;display:flex}.lab-actions a{color:var(--ink-soft);letter-spacing:.08em;text-transform:uppercase;transition:color .18s ease, transform .18s var(--ease-out);align-items:baseline;gap:.42rem;font-size:.69rem;font-weight:650;text-decoration:none;display:inline-flex}.lab-actions a:before{content:"";border:1px solid;border-radius:50%;width:.38rem;height:.38rem}.lab-actions a span{color:var(--ink-faint);letter-spacing:.02em;text-transform:none;font-size:.58rem;font-weight:500}.lab-actions a:hover,.lab-actions a:focus-visible{color:var(--signal);transform:translate(.18rem)}.landing__instrument{justify-content:center;align-self:stretch;align-items:center;min-width:0;display:flex;position:relative}.landing__instrument:before{z-index:-1;content:"";border:1px solid #f4f1e814;border-radius:50%;width:82%;height:64%;position:absolute;transform:perspective(36rem)rotateX(72deg);box-shadow:0 0 8rem #5272ff1c,inset 0 0 5rem #ffffff05}.hand-orbit{aspect-ratio:1;place-items:center;width:min(38rem,43vw);display:grid;position:relative}.hand-orbit__ring{border:1px solid #f4f1e81c;border-radius:50%;animation:22s linear infinite orbit-spin;position:absolute;inset:9%}.hand-orbit__ring:before,.hand-orbit__ring:after{content:"";background:#70efff;border-radius:50%;width:.42rem;height:.42rem;position:absolute;box-shadow:0 0 1.2rem}.hand-orbit__ring:before{top:7%;left:22%}.hand-orbit__ring:after{background:#ff5fa0;bottom:29%;right:4%}.hand-orbit__palm{aspect-ratio:.92;background:linear-gradient(135deg,#f4f1e81f,#f4f1e804);border:1px solid #f4f1e838;border-radius:48% 48% 42% 42%/54% 54% 42% 42%;width:34%;position:relative;transform:rotate(-6deg);box-shadow:inset 0 0 3rem #ffffff0a,0 2.5rem 7rem #000000a6}.hand-orbit__finger{width:clamp(1.25rem,2.4vw,2.1rem);height:var(--finger-height);border:1px solid color-mix(in srgb, var(--lane-color) 62%, transparent);transform:translateX(calc(-50% + var(--finger-x))) rotate(var(--finger-rotate));transform-origin:50% 100%;background:linear-gradient(to top, color-mix(in srgb, var(--lane-color) 12%, transparent), color-mix(in srgb, var(--lane-color) 28%, transparent));box-shadow:0 0 2rem color-mix(in srgb, var(--lane-color) 18%, transparent);border-radius:999px;position:absolute;bottom:76%;left:50%}.hand-orbit__finger:after{content:"";background:var(--lane-color);width:.66rem;height:.66rem;box-shadow:0 0 1.3rem var(--lane-color);border-radius:50%;position:absolute;top:-.34rem;left:50%;transform:translate(-50%)}.mode-note{border-left:1px solid var(--line-strong);max-width:14rem;color:var(--ink-faint);letter-spacing:.04em;margin:0;padding-left:1rem;font-size:.72rem;line-height:1.5;position:absolute;bottom:9%;right:0}.game-shell{--lane-field-width:min(66vw, 44rem);--lane-gap:clamp(.4rem, 1vw, .85rem);background:#07080b;min-height:100svh;position:relative}.instrument-stage{position:absolute;inset:0}.instrument-canvas,.scene-fallback{width:100%!important;height:100%!important}.scene-fallback{padding:13vh calc((100% - var(--lane-field-width)) / 2);background:radial-gradient(circle at 50% 18%,#1a1e27,#07080b 65%);grid-template-columns:repeat(5,minmax(0,1fr));align-items:end;gap:0;display:grid}.scene-fallback span{background:var(--lane-color);width:clamp(.35rem,1vw,.8rem);height:72%;box-shadow:0 0 1.4rem var(--lane-color);border-radius:999px;justify-self:center;transform:perspective(28rem)rotateX(54deg)}.scene-fallback--flat span{opacity:.78;transform:perspective(28rem)rotateX(54deg)scaleY(.94)}.game-vignette{z-index:4;pointer-events:none;background:linear-gradient(#050609bd,#0000 24% 68%,#050609eb),radial-gradient(#0000 42%,#0203059e 100%);position:absolute;inset:0}.timing-overlay{z-index:6;width:var(--lane-field-width);pointer-events:none;position:absolute;top:0;bottom:0;left:50%;overflow:hidden;transform:translate(-50%)}.timing-grid{position:absolute;inset:0}.timing-grid>span{top:calc(31% + var(--grid-index) * 11.6%);left:calc(50% - (var(--grid-index) + 1) * 7.8%);width:calc((var(--grid-index) + 1) * 15.6%);height:1px;opacity:calc(.1 + var(--grid-index) * .035);background:repeating-linear-gradient(90deg,#f4f1e8b8 0 .18rem,#0000 .18rem .62rem);position:absolute}.strike-line{opacity:.7;background:linear-gradient(90deg,#0000,#f4f1e875 12% 88%,#0000);width:100%;height:1px;position:absolute;top:78%;left:0;box-shadow:0 0 1.5rem #f4f1e81a}.strike-line:before{content:"";background:#07080b;border:1px solid #f4f1e8c2;border-radius:50%;width:.4rem;height:.4rem;position:absolute;top:-.2rem;left:50%;transform:translate(-50%)}.strike-line>span{color:#f4f1e859;letter-spacing:.18em;text-transform:uppercase;white-space:nowrap;font-size:.54rem;position:absolute;top:.6rem;left:50%;transform:translate(-50%)}.strike-line[data-instruction]{opacity:.92}.strike-line[data-instruction]>span{color:#f4f1e8b8;letter-spacing:.11em;font-weight:620}.timing-note{width:1.55rem;height:1.55rem;transform:translate(-50%, -50%) scale(var(--note-scale));filter:drop-shadow(0 0 .75rem color-mix(in srgb, var(--lane-color) 62%, transparent));will-change:left, top, transform;place-items:center;display:grid;position:absolute}.timing-note:before{border:2px solid var(--lane-color);content:"";background:color-mix(in srgb, var(--lane-color) 14%, #07080be0);width:100%;height:100%;box-shadow:inset 0 0 0 2px #07080ba3}.timing-note>span{background:var(--lane-color);height:.18rem;box-shadow:0 0 .8rem var(--lane-color);border-radius:999px;position:absolute;bottom:-.14rem;left:-.18rem;right:-.18rem}.timing-note[data-accent]:after{border:1px solid color-mix(in srgb, var(--lane-color) 42%, transparent);border-radius:inherit;content:"";position:absolute;inset:-.36rem}.timing-note[data-shape=ring],.timing-note[data-shape=ring]:before{border-radius:50%}.timing-note[data-shape=triangle]:before{clip-path:polygon(50% 0,100% 100%,0 100%);background:var(--lane-color);box-shadow:none;border:0}.timing-note[data-shape=diamond]:before{border-radius:.08rem;transform:rotate(45deg)scale(.76)}.timing-note[data-shape=square]:before{border-radius:.12rem}.timing-note[data-shape=pentagon]:before{clip-path:polygon(50% 0,100% 38%,81% 100%,19% 100%,0 38%);background:var(--lane-color);box-shadow:none;border:0}.game-hud{z-index:8;pointer-events:none;grid-template-columns:1fr auto auto;align-items:center;gap:clamp(1rem,3vw,2.6rem);width:100%;padding:clamp(4.6rem,9vh,6.3rem) clamp(1rem,4vw,4.25rem) 1rem;display:grid;position:absolute;top:0;left:0}.performance-readout{gap:clamp(1rem,4vw,4.2rem);margin:0;display:flex}.performance-readout div{gap:.2rem;display:grid}.performance-readout dt{color:var(--ink-faint);letter-spacing:.16em;text-transform:uppercase;font-size:.65rem}.performance-readout dd{font-variant-numeric:tabular-nums;letter-spacing:-.035em;margin:0;font-family:Anybody Variable,sans-serif;font-size:clamp(1.15rem,2vw,1.7rem)}.tracking-readout{width:min(17rem,26vw);color:var(--ink-soft);letter-spacing:.04em;gap:.45rem;font-size:.73rem;display:grid}.tracking-readout small{max-width:25ch;color:var(--ink-faint);letter-spacing:.025em;font-size:.66rem;line-height:1.35}.tracking-readout__meter{background:#f4f1e821;height:2px;overflow:hidden}.tracking-readout__meter span{transform-origin:0;background:var(--signal);width:100%;height:100%;transition:transform .18s linear,background .22s;display:block}.tracking-readout[data-quality=fair] .tracking-readout__meter span{background:#ffca57}.tracking-readout[data-quality=low] .tracking-readout__meter span{background:var(--danger)}.icon-action{border:1px solid var(--line);width:2.7rem;height:2.7rem;color:var(--ink);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:auto;background:#05060975;border-radius:50%;place-items:center;display:grid}.icon-action:hover{border-color:var(--line-strong);background:#f4f1e81a}.pause-icon{width:.7rem;height:.9rem;display:block;position:relative}.pause-icon:before,.pause-icon:after{content:"";background:currentColor;width:1.5px;height:100%;position:absolute;top:0}.pause-icon:before{left:.15rem}.pause-icon:after{right:.15rem}.finger-controls{z-index:9;width:var(--lane-field-width);grid-template-columns:repeat(5,minmax(0,1fr));gap:0;display:grid;position:absolute;bottom:clamp(1rem,4vh,3rem);left:50%;transform:translate(-50%)}.tracking-ghosts{z-index:7;pointer-events:none;position:absolute;inset:0;overflow:hidden}.tracking-ghosts span{border:1px solid var(--lane-color);opacity:0;width:1rem;height:1rem;transition:left 70ms linear, top 70ms linear, opacity .18s ease, transform .18s var(--ease-out);box-shadow:0 0 0 .36rem color-mix(in srgb, var(--lane-color) 10%, transparent), 0 0 1.3rem color-mix(in srgb, var(--lane-color) 48%, transparent);border-radius:50%;position:absolute;transform:translate(-50%,-50%)scale(.7)}.tracking-ghosts span[data-tracked]{opacity:.9;transform:translate(-50%,-50%)scale(1)}.tracking-ghosts[data-frozen] span[data-tracked]{opacity:.24;filter:saturate(.38);transform:translate(-50%,-50%)scale(.92)}.debug-dock{z-index:12;pointer-events:none;justify-content:flex-end;align-items:flex-start;gap:.5rem;width:min(31rem,100% - 2rem);display:flex;position:absolute;top:.75rem;right:clamp(.8rem,2vw,2rem)}.debug-dock:has(.debug-pipeline[open],.intent-debug:not([data-collapsed])){justify-items:end;display:grid}.debug-dock>*{pointer-events:auto}@media (height<=600px){.debug-dock{overscroll-behavior:contain;scrollbar-gutter:stable;max-height:calc(100dvh - 5rem);padding-left:.25rem;overflow-y:auto}}@media (width<=700px),(height<=600px){.debug-dock:has(.debug-pipeline[open],.intent-debug:not([data-collapsed])){overscroll-behavior:contain;scrollbar-gutter:stable;align-content:start;max-height:42dvh;padding:0 .2rem .25rem .25rem;overflow-y:auto}}.debug-pipeline{z-index:1;width:min(12.5rem,100vw - 2rem);color:var(--ink-soft);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);pointer-events:auto;background:#07080bd1;border:1px solid #ece9dd24;border-radius:.75rem;padding:0;position:relative;box-shadow:inset 0 1px #ffffff09}.debug-pipeline summary,.debug-pipeline dl>div{justify-content:space-between;align-items:baseline;gap:.7rem;display:flex}.debug-pipeline summary{cursor:pointer;min-height:2.75rem;padding:.65rem .78rem;list-style:none}.debug-pipeline summary::-webkit-details-marker{display:none}.debug-pipeline summary:after{color:var(--ink-faint);content:"+";font-size:.82rem}.debug-pipeline[open] summary{border-bottom:1px solid #ece9dd1c}.debug-pipeline[open] summary:after{content:"−"}.debug-pipeline summary:focus-visible{outline:2px solid var(--signal);outline-offset:2px}.debug-pipeline summary span,.debug-pipeline dt{color:var(--ink-faint);letter-spacing:.1em;text-transform:uppercase;font-size:.56rem}.debug-pipeline summary strong,.debug-pipeline dd{color:var(--ink);font-variant-numeric:tabular-nums;margin:0;font-family:Anybody Variable,sans-serif;font-weight:570}.debug-pipeline summary strong{color:var(--signal);font-size:.68rem}.debug-pipeline dl{gap:.34rem;margin:.65rem .78rem 0;display:grid}.debug-pipeline dd{font-size:.66rem}.debug-pipeline>p{color:var(--ink-faint);font-variant-numeric:tabular-nums;margin:.6rem .78rem .72rem;font-size:.58rem;line-height:1.35}.debug-tracking-notice{z-index:12;width:min(42rem,100% - 8rem);min-height:3.4rem;color:var(--ink);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);pointer-events:none;background:#0a0b0ee6;border:1px solid #ffd06c5c;border-radius:.85rem;grid-template-columns:auto 1fr auto;align-items:center;gap:.8rem;padding:.7rem .85rem;display:grid;position:absolute;top:clamp(1rem,2.5vh,1.7rem);left:50%;transform:translate(-50%);box-shadow:0 .8rem 2.4rem #00000047,inset 0 1px #ffffff0a}.debug-tracking-notice[data-state=stabilizing],.debug-tracking-notice[data-state=countdown]{border-color:#d4ff3f52}.debug-tracking-notice__signal{border:1px solid #ffd06c;border-radius:50%;width:.58rem;height:.58rem}.debug-tracking-notice[data-state=stabilizing] .debug-tracking-notice__signal,.debug-tracking-notice[data-state=countdown] .debug-tracking-notice__signal{border-color:var(--signal);background:var(--signal);box-shadow:0 0 .8rem #d4ff3f5c}.debug-tracking-notice strong{letter-spacing:.04em;font-size:.72rem;font-weight:640;display:block}.debug-tracking-notice p{color:var(--ink-faint);margin:.18rem 0 0;font-size:.64rem;line-height:1.35}.debug-tracking-notice__countdown{min-width:2.2rem;color:var(--signal);font-variant-numeric:tabular-nums;text-align:center;font-family:Anybody Variable,sans-serif;font-size:1.8rem;font-weight:470;line-height:1}.tracking-ghosts span[data-shape=triangle]{clip-path:polygon(50% 0,100% 100%,0 100%);background:color-mix(in srgb, var(--lane-color) 35%, transparent);border-radius:0}.tracking-ghosts span[data-shape=diamond]{border-radius:.08rem;rotate:45deg}.tracking-ghosts span[data-shape=square]{border-radius:.08rem}.tracking-ghosts span[data-shape=pentagon]{clip-path:polygon(50% 0,100% 38%,81% 100%,19% 100%,0 38%);background:var(--lane-color);border:0;border-radius:0}.judge-flash{z-index:10;color:#f4f1e8d1;letter-spacing:.2em;text-transform:uppercase;animation:judgement-rise .65s var(--ease-out) both;margin:0;font-family:Anybody Variable,sans-serif;font-size:clamp(.72rem,1.2vw,1rem);font-weight:630;font-stretch:116%;position:absolute;top:24%;left:50%;transform:translate(-50%)}.finger-control{width:calc(100% - var(--lane-gap));border:1px solid color-mix(in srgb, var(--lane-color) 26%, transparent);cursor:pointer;touch-action:manipulation;min-width:0;min-height:clamp(4.6rem,8vw,6.35rem);color:var(--ink-soft);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:transform .13s var(--ease-spring), border-color .13s ease, background .13s ease;background:#0506098f;border-radius:.85rem;grid-template-rows:1fr auto;justify-self:center;place-items:center;gap:.28rem;padding:.65rem .3rem .5rem;display:grid;position:relative;overflow:hidden}.finger-control:before{content:"";opacity:.62;background:var(--lane-color);height:3px;transition:transform .18s var(--ease-out), opacity .18s ease;position:absolute;inset:auto 0 0;transform:scaleX(.4)}.finger-control:hover,.finger-control[data-active]{border-color:color-mix(in srgb, var(--lane-color) 72%, transparent);color:var(--ink);background:color-mix(in srgb, var(--lane-color) 12%, #050609b3);transform:translateY(-.22rem)}.finger-control[data-active]:before{opacity:1;box-shadow:0 0 1.8rem var(--lane-color);transform:scaleX(1)}.finger-control__glyph{border:2px solid var(--lane-color);width:1.15rem;height:1.15rem;box-shadow:0 0 .9rem color-mix(in srgb, var(--lane-color) 40%, transparent);display:block}.finger-control[data-shape=ring] .finger-control__glyph{border-radius:50%}.finger-control[data-shape=triangle] .finger-control__glyph{border-style:solid;border-width:0 .62rem 1.05rem;border-color:transparent transparent var(--lane-color);width:0;height:0;box-shadow:none}.finger-control[data-shape=diamond] .finger-control__glyph{transform:rotate(45deg)scale(.84)}.finger-control[data-shape=square] .finger-control__glyph{border-radius:.08rem}.finger-control[data-shape=pentagon] .finger-control__glyph{clip-path:polygon(50% 0,100% 38%,81% 100%,19% 100%,0 38%);background:var(--lane-color);border:0}.finger-control__label{letter-spacing:.09em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;max-width:100%;font-size:clamp(.58rem,1vw,.72rem);overflow:hidden}.finger-control kbd{color:var(--ink-faint);font-family:inherit;font-size:.58rem;position:absolute;top:.38rem;right:.5rem}.finger-control__state{color:var(--signal);letter-spacing:.08em;text-transform:uppercase;font-size:.52rem;font-weight:640;position:absolute;top:.38rem;right:.48rem}.finger-control[data-readiness=reopen]{border-color:#ffd06c85}.finger-control[data-readiness=reopen] .finger-control__state{color:#ffd06c}.finger-control[data-readiness=reopen]:before{background:#ffd06c}.camera-source{z-index:13;object-fit:cover;pointer-events:none;opacity:0;filter:grayscale(.55)contrast(1.12)brightness(.72);width:100%;height:100%;transition:opacity .42s;position:fixed;inset:0;transform:scaleX(-1)}.camera-source[data-visible]{opacity:.52}.camera-layer{z-index:14;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#05060957;padding:clamp(5.6rem,10vh,7.5rem) clamp(1rem,4vw,4rem) clamp(1.4rem,4vh,3rem);position:absolute;inset:0;overflow:auto}.camera-layer:after{content:"";pointer-events:none;background:radial-gradient(circle at 76% 48%,#0000 0 18%,#05060914 44%,#0000 68%),linear-gradient(90deg,#050609e6 0,#0506097a 53%,#05060947 100%);position:absolute;inset:0}.camera-layer--arming{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#05060975;place-items:center;display:grid}.camera-layer--arming:after{background:radial-gradient(circle at 76% 48%,#0000 0 20%,#0506091f 48%,#0000 72%),linear-gradient(90deg,#050609f0 0,#05060994 53%,#05060957 100%)}.gameplay-ready{z-index:2;grid-template-columns:minmax(0,1.08fr) minmax(22rem,.82fr);align-items:center;gap:clamp(2rem,7vw,7rem);width:min(74rem,100%);min-height:min(39rem,100svh - 9rem);display:grid;position:relative}.gameplay-ready__copy{max-width:42rem}.gameplay-ready__eyebrow{color:var(--signal);letter-spacing:.17em;text-transform:uppercase;font-size:.68rem;font-weight:650}.gameplay-ready h2{letter-spacing:-.045em;text-wrap:balance;max-width:10ch;margin:.8rem 0 0;font-family:Anybody Variable,sans-serif;font-size:clamp(3rem,5vw,5.4rem);font-weight:430;font-stretch:112%;line-height:.92}.gameplay-ready__copy>p{max-width:34rem;color:var(--ink-soft);margin:1.15rem 0 0;line-height:1.55}.gameplay-ready__copy>.gameplay-ready__promise{color:var(--ink-faint);margin-top:.55rem;font-size:.78rem}.gameplay-ready__progress{gap:.65rem;width:min(34rem,100%);margin-top:1.5rem;display:grid}.gameplay-ready__progress>div{letter-spacing:.1em;text-transform:uppercase;justify-content:space-between;align-items:baseline;gap:1rem;font-size:.68rem;display:flex}.gameplay-ready__progress span{color:var(--ink-faint)}.gameplay-ready__progress strong{color:var(--ink);font-weight:620}.gameplay-ready__progress progress{width:100%;height:.24rem;color:var(--signal);background:#f7f5f01f;border:0;border-radius:999px;overflow:hidden}.gameplay-ready__progress progress::-webkit-progress-bar{background:#f7f5f01f}.gameplay-ready__progress progress::-webkit-progress-value{background:var(--signal);transition:width .12s linear;box-shadow:0 0 1rem #d4ff3f75}.gameplay-ready__progress progress::-moz-progress-bar{background:var(--signal);transition:width .12s linear;box-shadow:0 0 1rem #d4ff3f75}.gameplay-ready__fingers{grid-template-columns:repeat(5,minmax(0,1fr));gap:.42rem;width:min(34rem,100%);margin:.8rem 0 0;padding:0;list-style:none;display:grid}.gameplay-ready__fingers li{border:1px solid color-mix(in srgb, var(--lane-color) 22%, transparent);min-width:0;color:var(--ink-faint);background:#0506096b;border-radius:.72rem;justify-items:center;gap:.35rem;padding:.72rem .25rem .62rem;transition:border-color .18s,color .18s,background .18s;display:grid}.gameplay-ready__fingers li>span:nth-child(2){letter-spacing:.07em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;max-width:100%;font-size:.57rem;overflow:hidden}.gameplay-ready__fingers li strong{color:currentColor;font-size:.6rem;font-weight:620}.gameplay-ready__fingers li[data-state=ready]{border-color:color-mix(in srgb, var(--lane-color) 62%, transparent);color:var(--ink);background:color-mix(in srgb, var(--lane-color) 8%, #05060994)}.gameplay-ready__fingers li[data-state=reopen]{color:#ffd06c;border-color:#ffd06c99}.gameplay-ready__finger-shape{border:1px solid var(--lane-color);width:.72rem;height:.72rem}.gameplay-ready__finger-shape[data-shape=ring]{border-radius:50%}.gameplay-ready__finger-shape[data-shape=triangle]{clip-path:polygon(50% 0,100% 100%,0 100%);background:var(--lane-color)}.gameplay-ready__finger-shape[data-shape=diamond]{background:var(--lane-color);transform:rotate(45deg)scale(.8)}.gameplay-ready__finger-shape[data-shape=square]{background:var(--lane-color);border-radius:.08rem}.gameplay-ready__finger-shape[data-shape=pentagon]{clip-path:polygon(50% 0,100% 38%,81% 100%,19% 100%,0 38%);background:var(--lane-color)}.gameplay-ready__scanner{background:radial-gradient(circle at 50% 46%,#58d9d017,#0000 50%),linear-gradient(#f7f5f00e,#0000 42%),#07090ca3;border:1px solid #f7f5f021;border-radius:clamp(1rem,2vw,1.5rem);align-content:center;place-items:center;min-height:clamp(27rem,58vh,34rem);padding:clamp(1rem,2.5vw,1.6rem);display:grid;box-shadow:inset 0 1px #ffffff0b}.gameplay-ready__scanner>p{max-width:26rem;color:var(--ink-soft);text-align:center;margin:-.2rem auto 0;font-size:.76rem;line-height:1.45}.gameplay-ready__scanner>p[data-ready]{color:var(--signal)}.calibration-panel{z-index:2;grid-template-rows:auto 1fr;gap:clamp(1.5rem,3.5vh,2.5rem);width:min(76rem,100%);min-height:calc(100svh - clamp(8rem,14vh,10.5rem));margin-inline:auto;display:grid;position:relative}.calibration-progress{width:min(18rem,46vw);color:var(--ink-soft);letter-spacing:.12em;align-items:center;gap:1rem;font-size:.68rem;display:flex}.calibration-progress strong{min-width:2.8rem;color:var(--ink);font-variant-numeric:tabular-nums;font-weight:580}.calibration-progress ol{flex:1;grid-template-columns:repeat(7,minmax(0,1fr));gap:.35rem;margin:0;padding:0;list-style:none;display:grid}.calibration-progress li{background:#f7f5f033;border-radius:50%;height:.22rem;transition:background .18s,transform .18s}.calibration-progress li[data-complete]{background:var(--signal)}.calibration-progress li[data-current]{background:var(--ink);transform:scaleY(1.8)}.calibration-panel__layout{grid-template-columns:minmax(0,1fr) minmax(22rem,.9fr);align-items:center;gap:clamp(2rem,7vw,7.5rem);display:grid}.calibration-panel__copy{align-self:center}.calibration-panel h2{letter-spacing:-.04em;text-wrap:balance;max-width:11ch;margin:0;font-family:Anybody Variable,sans-serif;font-size:clamp(2.7rem,4.6vw,4.95rem);font-weight:430;font-stretch:112%;line-height:.93}.calibration-panel h2:focus{outline:none}.calibration-panel__body{max-width:30rem;color:var(--ink-soft);margin:1.2rem 0 0;font-size:1rem;line-height:1.55}.calibration-panel__hint{color:var(--ink-faint);margin:.72rem 0 0;font-size:.82rem}.calibration-feedback{min-height:2.6rem;color:var(--ink-soft);align-items:center;gap:.65rem;margin:1.1rem 0 0;font-size:.88rem;line-height:1.35;display:flex}.calibration-feedback>span{border:1px solid;border-radius:50%;flex:none;width:.55rem;height:.55rem}.calibration-feedback[data-tone=positive]{color:var(--signal)}.calibration-feedback[data-tone=positive]>span{background:var(--signal);box-shadow:0 0 .7rem #d4ff3f6b}.calibration-feedback[data-tone=attention]{color:#ffd06c}.calibration-panel__actions{margin-top:.5rem}.latency-instructions{max-width:42rem;color:var(--ink-soft);gap:.42rem;margin:1rem 0 0;padding-left:1.25rem;font-size:.82rem;line-height:1.42;display:grid}.latency-instructions li::marker{color:var(--signal);font-variant-numeric:tabular-nums;font-weight:650}.text-action{border-bottom:1px solid var(--line-strong);width:fit-content;min-height:2.75rem;color:var(--ink-soft);background:0 0;margin-top:1.3rem;padding:.65rem 0;font-size:.76rem}.text-action:hover{border-color:var(--ink);color:var(--ink)}.keymap-open{margin-top:.9rem}.calibration-panel__actions .text-action{margin-top:0}.calibration-panel__start{min-height:3rem;margin-right:.25rem;padding:.8rem 1.25rem}.calibration-panel__latency-start{min-height:3rem;padding:.65rem 1.15rem}.calibration-help{color:var(--ink-faint);font-size:.74rem}.calibration-help summary{cursor:pointer;align-items:center;gap:.55rem;width:fit-content;min-height:2.75rem;list-style:none;transition:color .18s;display:inline-flex}.calibration-help summary::-webkit-details-marker{display:none}.calibration-help summary:after{content:"";border-bottom:1px solid;border-right:1px solid;width:.38rem;height:.38rem;transition:transform .18s;transform:translateY(-.1rem)rotate(45deg)}.calibration-help[open] summary:after{transform:translateY(.1rem)rotate(225deg)}.calibration-help summary:hover,.calibration-help summary:focus-visible{color:var(--ink)}.calibration-help>div{flex-wrap:wrap;gap:.25rem 1rem;display:flex}.calibration-coach{background:linear-gradient(#f7f5f00e,#0000 42%),#07090c94;border:1px solid #f7f5f021;border-radius:clamp(1rem,2vw,1.5rem);flex-direction:column;justify-content:center;align-items:center;min-height:clamp(27rem,58vh,34rem);padding:clamp(1rem,2.5vw,1.6rem);display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0b}.calibration-coach:before{content:"";pointer-events:none;background:color-mix(in srgb, var(--lane-color,var(--signal)) 10%, transparent);filter:blur(64px);border-radius:50%;width:16rem;height:16rem;position:absolute}.frame-coach,.gesture-coach,.latency-coach,.complete-coach{z-index:1;width:min(22rem,100%);position:relative}.hand-scanner{align-content:end;justify-items:center;width:min(18rem,100%);height:21rem;margin:0 auto 1.1rem;padding:.9rem 1rem .8rem;display:grid;position:relative}.hand-scanner:before{content:"";background:radial-gradient(circle at 50% 56%,#f7f5f00b,#0000 64%);border-radius:46% 46% 38% 38%;position:absolute;inset:.7rem}.hand-scanner__corner{z-index:2;border-style:solid;border-color:#f7f5f06b;width:2.15rem;height:2.15rem;transition:border-color .18s,filter .18s;position:absolute}.hand-scanner__corner--tl{border-width:1px 0 0 1px;top:0;left:0}.hand-scanner__corner--tr{border-width:1px 1px 0 0;top:0;right:0}.hand-scanner__corner--bl{border-width:0 0 1px 1px;bottom:0;left:0}.hand-scanner__corner--br{border-width:0 1px 1px 0;bottom:0;right:0}.hand-scanner[data-guidance=good] .hand-scanner__corner{border-color:var(--signal);filter:drop-shadow(0 0 .45rem #d4ff3f66)}.hand-guide{--guide-scale:1;--hand-mirror:1;color:#f7f5f09e;width:14rem;height:16.8rem;transform:translateX(-50%) scale(var(--guide-scale)) scaleX(var(--hand-mirror));transform-origin:top;opacity:0;transition:opacity .18s;position:absolute;top:.3rem;left:50%}.hand-guide[data-fallback]{opacity:.68}.hand-guide[data-handedness=Left]{--hand-mirror:-1}.hand-guide__palm,.hand-guide__wrist,.hand-guide__finger{background:#07090c52;border:1.5px solid;transition:color .18s,background .18s,box-shadow .18s;position:absolute}.hand-guide__palm{border-radius:42% 42% 48% 48%;width:7.3rem;height:7.5rem;bottom:2.8rem;left:3.55rem}.hand-guide__wrist{border-block:0;border-radius:.4rem;width:4rem;height:4.1rem;bottom:0;left:5.2rem}.hand-guide__finger{border-bottom:0;border-radius:1rem 1rem 0 0;width:1.35rem;bottom:9.55rem}.hand-guide__finger[data-finger=thumb]{transform-origin:100% 100%;height:4.7rem;bottom:5.9rem;left:1.45rem;transform:rotate(-48deg)}.hand-guide__finger[data-finger=index]{height:6.4rem;left:3.8rem}.hand-guide__finger[data-finger=middle]{height:7.45rem;left:5.7rem}.hand-guide__finger[data-finger=ring]{height:6.8rem;left:7.6rem}.hand-guide__finger[data-finger=pinky]{height:5.15rem;left:9.5rem}.hand-guide__finger[data-active]{z-index:2;color:var(--lane-color);background:color-mix(in srgb, var(--lane-color) 12%, #07090c8c);box-shadow:0 0 1.4rem color-mix(in srgb, var(--lane-color) 34%, transparent)}.hand-guide__motion{z-index:4;background:var(--lane-color);width:.7rem;height:.7rem;box-shadow:0 0 1.1rem color-mix(in srgb, var(--lane-color) 68%, transparent);opacity:calc(.72 + var(--gesture-level) * .28);border:1px solid #07090ccc;border-radius:50%;animation:1.65s cubic-bezier(.45,0,.2,1) infinite hand-motion-long;position:absolute}.hand-guide__motion[data-finger=thumb]{animation-name:hand-motion-thumb;top:6rem;left:1.15rem}.hand-guide__motion[data-finger=index]{top:.5rem;left:4.13rem}.hand-guide__motion[data-finger=middle]{top:-.55rem;left:6.03rem}.hand-guide__motion[data-finger=ring]{top:.1rem;left:7.93rem}.hand-guide__motion[data-finger=pinky]{top:1.75rem;left:9.83rem}.hand-scan-live{z-index:3;color:#f7f5f0ad;filter:drop-shadow(0 0 .75rem #f7f5f01f);width:min(18rem,100%);height:calc(100% - 3.2rem);position:absolute;top:0;left:50%;overflow:visible;transform:translate(-50%)}.hand-scan-live__mesh line{stroke:currentColor;stroke-width:1.25px;stroke-linecap:round;vector-effect:non-scaling-stroke;transition:stroke .1s linear,opacity .1s linear}.hand-scan-live__mesh line[data-active]{stroke:var(--lane-color);stroke-width:2.35px;filter:drop-shadow(0 0 .35rem var(--lane-color))}.hand-scan-live__joints circle{fill:#07090c;stroke:currentColor;stroke-width:1.25px;vector-effect:non-scaling-stroke;transition:fill .1s linear,stroke .1s linear,r .1s linear}.hand-scan-live__joints circle[data-tip]{fill:#f7f5f029}.hand-scan-live__joints circle[data-active]{fill:color-mix(in srgb, var(--lane-color) 28%, #07090c);stroke:var(--lane-color);filter:drop-shadow(0 0 .35rem var(--lane-color))}.hand-scanner[data-guidance=good] .hand-scan-live{color:#f7f5f0e6;filter:drop-shadow(0 0 .9rem #d4ff3f24)}.hand-scanner__status{z-index:4;color:#ffd06c;align-items:center;gap:.55rem;margin:0;font-size:.72rem;display:inline-flex;position:relative}.hand-scanner__status>span{border:1px solid;border-radius:50%;width:.46rem;height:.46rem}.hand-scanner__status strong{font-weight:560}.hand-scanner[data-guidance=good] .hand-scanner__status{color:var(--signal)}.hand-scanner[data-guidance=good] .hand-scanner__status>span{background:var(--signal);box-shadow:0 0 .65rem #d4ff3f70}.hand-scanner__note{z-index:4;max-width:16rem;min-height:1.9rem;color:var(--ink-faint);text-align:center;margin:.4rem 0 0;font-size:.7rem;line-height:1.4;position:relative}.calibration-metric{color:var(--ink-soft);letter-spacing:.1em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.7rem;font-size:.7rem;display:flex}.calibration-metric strong{color:var(--ink);font-size:1rem;font-weight:540}.calibration-coach progress{appearance:none;background:#f7f5f021;border:0;border-radius:999px;width:100%;height:.22rem;display:block;overflow:hidden}.calibration-coach progress::-webkit-progress-bar{border-radius:inherit;background:#f7f5f021}.calibration-coach progress::-webkit-progress-value{border-radius:inherit;background:var(--lane-color,var(--signal));box-shadow:0 0 .8rem color-mix(in srgb, var(--lane-color,var(--signal)) 58%, transparent)}.calibration-coach progress::-moz-progress-bar{border-radius:inherit;background:var(--lane-color,var(--signal))}.gesture-marker{border:2px solid var(--lane-color);width:1.55rem;height:1.55rem;box-shadow:0 0 1.2rem color-mix(in srgb, var(--lane-color) 34%, transparent);background:#07090cdb;border-radius:50%;display:block}.gesture-marker[data-shape=triangle]{clip-path:polygon(50% 2%,98% 95%,2% 95%);background:var(--lane-color);border:0;border-radius:0}.gesture-marker[data-shape=diamond]{border-radius:.15rem;transform:rotate(45deg)scale(.78)}.gesture-marker[data-shape=square]{border-radius:.12rem}.gesture-marker[data-shape=pentagon]{clip-path:polygon(50% 0,100% 38%,81% 100%,19% 100%,0 38%);background:var(--lane-color);border:0;border-radius:0}.gesture-count{gap:.55rem;margin-top:.8rem;display:flex}.gesture-count span{border:1px solid color-mix(in srgb, var(--lane-color) 62%, transparent);border-radius:999px;width:2.5rem;height:.24rem}.gesture-count span[data-complete]{background:var(--lane-color);box-shadow:0 0 .8rem color-mix(in srgb, var(--lane-color) 58%, transparent)}.latency-coach{justify-items:center;display:grid}.latency-coach__signal{place-items:center;width:7rem;height:7rem;display:grid}.latency-coach__pulse,.latency-coach__ready-ring{border:1px solid var(--signal);border-radius:50%;width:7rem;height:7rem}.latency-coach__ready-ring{opacity:.32;box-shadow:inset 0 0 2.5rem #d4ff3f0f}.latency-coach[data-index-ready] .latency-coach__ready-ring{opacity:.72;box-shadow:0 0 1.8rem #d4ff3f24,inset 0 0 2.5rem #d4ff3f1a}.latency-coach__pulse{animation:latency-pulse .62s var(--ease-out) both;background:#d4ff3f1a;box-shadow:0 0 #d4ff3f7a,inset 0 0 2.5rem #d4ff3f1f}.latency-coach__countdown{color:var(--signal);font-variant-numeric:tabular-nums;letter-spacing:-.035em;animation:countdown-in .46s var(--ease-out) both;font-family:Anybody Variable,sans-serif;font-size:5rem;font-weight:420;line-height:1}.latency-coach>p{color:var(--signal);letter-spacing:.13em;text-transform:uppercase;margin:1.2rem 0 2.5rem;font-size:.68rem}.latency-coach>p:not([data-ready]){color:var(--ink-soft)}.latency-coach .calibration-metric{width:100%}.complete-coach{text-align:center;justify-items:center;gap:1rem;display:grid}.complete-coach__lanes{gap:1rem;margin-bottom:1.2rem;display:flex}.gesture-marker--complete{--lane-color:var(--signal);animation:complete-glow 2.4s var(--ease-out) infinite alternate}.gesture-marker--complete:nth-child(2){animation-delay:-.4s}.gesture-marker--complete:nth-child(3){animation-delay:-.8s}.gesture-marker--complete:nth-child(4){animation-delay:-1.2s}.gesture-marker--complete:nth-child(5){animation-delay:-1.6s}.complete-coach strong{letter-spacing:-.04em;font-family:Anybody Variable,sans-serif;font-size:clamp(2rem,4vw,3.4rem);font-weight:430;font-stretch:112%}.complete-coach>span{color:var(--ink-faint);letter-spacing:.1em;text-transform:uppercase;font-size:.72rem}@keyframes hand-motion-long{0%,16%,to{transform:translateY(0)}48%,66%{transform:translateY(6.5rem)}}@keyframes hand-motion-thumb{0%,16%,to{transform:translate(0)}48%,66%{transform:translate(4.4rem,2.2rem)}}@keyframes complete-glow{to{opacity:.52;box-shadow:0 0 2rem #d4ff3f9e}}@media (prefers-reduced-motion:reduce){.hand-guide__motion,.gesture-marker--complete,.latency-coach__pulse{animation:none}}.pause-layer,.error-layer{z-index:40;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#030406c7;place-items:center;padding:1.25rem;display:grid;position:fixed;inset:0}.pause-card{border:1px solid var(--line);border-radius:var(--radius-l);width:min(31rem,100%);max-height:calc(100svh - 2.5rem);box-shadow:var(--shadow-float);background:#0d0f14e6;padding:clamp(1.8rem,5vw,3.2rem);overflow:auto}.keymap-dialog{width:min(39rem,100% - 2rem);max-height:calc(100svh - 2rem);color:var(--ink);background:0 0;border:0;padding:0;overflow:auto}.keymap-dialog::backdrop{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#030406d1}.keymap-card{border:1px solid var(--line);border-radius:var(--radius-l);box-shadow:var(--shadow-float);background:#0d0f14f5;padding:clamp(1.5rem,5vw,3rem)}.keymap-card h2{letter-spacing:-.055em;margin:0;font-family:Anybody Variable,sans-serif;font-size:clamp(2.4rem,7vw,4.8rem);font-weight:430;line-height:.9}.keymap-card>p{max-width:34rem;color:var(--ink-soft);margin:1rem 0 1.5rem;line-height:1.5}.keymap-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:.55rem;display:grid}.keymap-grid button{border:1px solid color-mix(in srgb, var(--lane-color) 35%, transparent);border-radius:var(--radius-m);min-width:0;min-height:5.2rem;color:var(--ink-soft);background:color-mix(in srgb, var(--lane-color) 7%, var(--surface-solid));place-items:center;gap:.4rem;display:grid}.keymap-grid button[data-listening]{border-color:var(--lane-color);color:var(--ink);box-shadow:inset 0 -2px 0 var(--lane-color), 0 0 1.6rem color-mix(in srgb, var(--lane-color) 16%, transparent)}.keymap-grid span{letter-spacing:.12em;text-transform:uppercase;font-size:.66rem}.keymap-grid kbd{text-overflow:ellipsis;max-width:100%;font-family:Anybody Variable,sans-serif;font-size:clamp(1rem,3vw,1.55rem);overflow:hidden}.keymap-card .keymap-status{min-height:1.4rem;color:var(--ink-faint);margin-bottom:1rem;font-size:.78rem}.pause-card h2{letter-spacing:-.055em;margin:0;font-family:Anybody Variable,sans-serif;font-size:clamp(2.4rem,7vw,4.6rem);font-weight:430;line-height:.92}.pause-card>p{color:var(--ink-soft);margin:1.2rem 0 2rem;line-height:1.55}.pause-card__actions{gap:.65rem;display:grid}.pause-card button{border:1px solid var(--line);background:#f4f1e80d;border-radius:999px;min-height:3.2rem;padding:.5rem 1rem}.pause-card button:first-child{border-color:var(--ink);color:#050609;background:var(--ink)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes orbit-spin{to{transform:rotate(360deg)}}@keyframes judgement-rise{0%{opacity:0;transform:translate(-50%,.6rem)scale(.86)}18%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:0;transform:translate(-50%,-1rem)scale(1.04)}}@keyframes latency-pulse{0%{opacity:.35;transform:scale(.5);box-shadow:0 0 #d4ff3f80}35%{opacity:1;transform:scale(1.18);box-shadow:0 0 0 .8rem #d4ff3f00}to{opacity:.55;transform:scale(.82);box-shadow:0 0 0 1.1rem #d4ff3f00}}@keyframes countdown-in{0%{opacity:.18;filter:blur(.35rem);transform:scale(.82)}to{opacity:1;filter:blur();transform:scale(1)}}@media (width<=900px){.debug-dock{width:min(31rem,100% - 1.6rem);top:.75rem;right:.8rem}.debug-pipeline{width:11.5rem}.debug-tracking-notice{width:min(38rem,100% - 2rem)}.landing{grid-template-columns:1fr;align-content:center;gap:1rem;padding-top:6.2rem}.landing__copy{z-index:3}.landing h1{font-size:clamp(4rem,17vw,7.2rem)}.landing__instrument{z-index:0;opacity:.58;position:absolute;inset:7rem -15% 4rem 28%;-webkit-mask-image:linear-gradient(270deg,#000,#0000 88%);mask-image:linear-gradient(270deg,#000,#0000 88%)}.hand-orbit{width:min(34rem,74vw)}.mode-note{display:none}.calibration-panel{gap:2rem}.calibration-panel__layout{grid-template-columns:1fr;gap:1.5rem}.calibration-coach{min-height:28rem}.calibration-panel__copy{width:min(37rem,100%);margin-inline:auto}.calibration-panel h2{max-width:13ch}.gameplay-ready{grid-template-columns:1fr;gap:1.4rem;width:min(38rem,100%)}.camera-layer--arming{place-items:start center}.gameplay-ready__scanner{min-height:26rem}}@media (width<=620px){.game-shell{--lane-field-width:calc(100% - 1rem);--lane-gap:.28rem}.debug-pipeline{width:10.25rem;padding:0}.debug-dock{gap:.35rem;width:calc(100% - 1rem);top:4.75rem;right:.5rem}.debug-pipeline dl{gap:.2rem;margin-top:.4rem}.debug-pipeline>p{margin-top:.4rem}.debug-tracking-notice{width:calc(100% - 4.5rem);min-height:3rem;padding:.58rem .68rem;top:3.4rem;left:.5rem;transform:none}.debug-tracking-notice p{display:none}.topbar{padding:1.1rem}.landing{min-height:100svh;padding:7rem 1.1rem max(1.25rem, env(safe-area-inset-bottom));align-content:end}.landing h1{font-size:clamp(4.15rem,23vw,6.1rem)}.landing__intro{max-width:27rem;font-size:.98rem}.start-actions{grid-template-columns:1fr 1fr;display:grid}.primary-action{grid-column:1/-1}.primary-action,.secondary-action,.upload-action{width:100%;min-height:3.2rem;padding-inline:.75rem;font-size:.76rem}.landing__instrument{opacity:.42;inset:5.2rem -36% 42% 8%;-webkit-mask-image:linear-gradient(#0000 6%,#000);mask-image:linear-gradient(#0000 6%,#000)}.game-hud{grid-template-columns:1fr auto;align-items:start;padding:4rem 1rem 1rem}.performance-readout{gap:1rem}.performance-readout div:nth-child(3){display:none}.tracking-readout{width:9.5rem;position:absolute;top:calc(100% + .25rem);left:1rem}.finger-controls{width:var(--lane-field-width);bottom:max(.5rem, env(safe-area-inset-bottom))}.strike-line{width:100%;left:0}.timing-note{width:1.3rem;height:1.3rem}.timing-grid>span{left:calc(50% - (var(--grid-index) + 1) * 11%);width:calc((var(--grid-index) + 1) * 22%)}.finger-control{border-radius:.62rem;min-height:4.25rem;padding-inline:.1rem}.finger-control__label{font-size:.54rem}.finger-control kbd{display:none}.finger-control__state{font-size:.43rem;top:.3rem;right:.28rem}.camera-layer{padding:5.2rem 1rem max(1.3rem, env(safe-area-inset-bottom))}.gameplay-ready{gap:.9rem}.gameplay-ready h2{font-size:clamp(2.65rem,12vw,4rem)}.gameplay-ready__copy>p{margin-top:.8rem;font-size:.88rem}.gameplay-ready__progress{margin-top:1rem}.gameplay-ready__fingers{gap:.26rem}.gameplay-ready__fingers li{padding-inline:.1rem}.gameplay-ready__fingers li>span:nth-child(2){font-size:.48rem}.gameplay-ready__scanner{border-radius:1.15rem;min-height:22rem}.calibration-panel{gap:1.3rem;min-height:calc(100svh - 6.5rem)}.calibration-panel h2{font-size:clamp(2.45rem,12vw,3.7rem)}.calibration-progress{width:min(17rem,78vw)}.calibration-panel__layout{gap:.8rem}.calibration-coach{border-radius:1.15rem;min-height:22.5rem}.hand-scanner{height:16.5rem;margin-bottom:.6rem}.hand-guide{--guide-scale:.82}.calibration-panel__body{margin-top:1rem;font-size:.94rem}.calibration-feedback{margin-top:.85rem}.latency-instructions{gap:.25rem;margin-top:.55rem;padding-left:1rem;font-size:.7rem;line-height:1.3}.calibration-panel__actions{gap:.35rem 1rem}.keymap-grid{gap:.35rem}.keymap-grid button{min-height:4.5rem;padding-inline:.15rem}}@media (width<=360px),(orientation:portrait) and (height<=650px){.camera-layer{padding:4.25rem .75rem max(.7rem, env(safe-area-inset-bottom))}.calibration-panel{gap:.8rem}.gameplay-ready{gap:.6rem}.gameplay-ready h2{margin-top:.45rem;font-size:2.3rem}.gameplay-ready__copy>p{margin-top:.55rem;font-size:.76rem;line-height:1.35}.gameplay-ready__promise,.gameplay-ready__eyebrow{display:none}.gameplay-ready__progress{margin-top:.65rem}.gameplay-ready__fingers li{padding-block:.45rem}.gameplay-ready__fingers li>span:nth-child(2){display:none}.gameplay-ready__scanner{min-height:11rem;padding:.4rem}.gameplay-ready__scanner .hand-scanner{height:8.8rem}.gameplay-ready__scanner>p{display:none}.calibration-panel__layout{gap:.65rem}.calibration-panel__copy{order:-1}.calibration-coach{order:0;min-height:12.25rem}.hand-scanner{height:8.8rem;margin-bottom:0}.hand-guide{--guide-scale:.41;top:.1rem}.hand-scanner__note{display:none}.calibration-panel h2{font-size:clamp(2.05rem,10.5vw,2.75rem)}.calibration-panel__body{margin-top:.7rem;font-size:.82rem;line-height:1.42}.calibration-feedback{min-height:1.9rem;margin-top:.55rem;font-size:.76rem}.calibration-metric{margin-bottom:.4rem;font-size:.62rem}.calibration-metric strong{font-size:.82rem}}@media (orientation:landscape) and (height<=520px){.game-shell{--lane-field-width:min(35rem, calc(100% - 1rem));--lane-gap:.35rem}.topbar{padding:.75rem 1rem}.landing{grid-template-columns:minmax(0,1.2fr) minmax(12rem,.8fr);align-content:center;align-items:center;gap:1rem;padding:3.4rem 2rem .75rem}.landing h1{max-width:9ch;font-size:clamp(3.2rem,14vh,4.6rem);line-height:.82}.landing__intro{margin-top:.9rem;font-size:.88rem}.start-actions{gap:.5rem;margin-top:1rem}.primary-action,.secondary-action,.upload-action{min-height:2.75rem;padding-inline:.9rem;font-size:.72rem}.privacy-note{margin-top:.65rem;font-size:.68rem}.keymap-open{margin-top:.45rem}.landing__instrument{opacity:.68;position:relative;inset:auto;-webkit-mask-image:none;mask-image:none}.hand-orbit{width:min(15rem,31vw)}.instrument-stage,.timing-overlay{height:88%;bottom:auto}.game-hud{grid-template-columns:1fr auto auto;align-items:start;gap:1rem;padding:2.6rem 1rem .35rem}.performance-readout{gap:1.2rem}.performance-readout div:nth-child(3){display:none}.performance-readout dt{font-size:.55rem}.performance-readout dd{font-size:1.05rem}.tracking-readout{width:10rem;font-size:.65rem;position:static}.finger-controls{bottom:max(.35rem, env(safe-area-inset-bottom));width:var(--lane-field-width)}.finger-control{grid-template-rows:1fr;min-height:3.15rem;padding:.3rem .15rem}.finger-control__glyph{width:.9rem;height:.9rem}.finger-control__label{display:none}.finger-control kbd{font-size:.52rem;top:.25rem;right:.32rem}.finger-control__state{font-size:.42rem;top:.24rem;right:.3rem}.judge-flash{top:18%}.pause-layer,.error-layer{place-items:start center;padding:.5rem;overflow:auto}.pause-card{max-height:calc(100svh - 1rem);padding:1.15rem 1.35rem}.pause-card h2{font-size:clamp(1.9rem,9vh,2.7rem)}.pause-card>p{margin:.65rem 0 .8rem;font-size:.82rem}.pause-card__actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem}.pause-card button{min-height:2.55rem;padding-inline:.55rem;font-size:.72rem}.camera-layer{padding:3.2rem 1rem .75rem}.gameplay-ready{grid-template-columns:minmax(0,1.1fr) minmax(14rem,.8fr);gap:1.5rem;min-height:calc(100svh - 3.95rem)}.gameplay-ready h2{margin-top:.35rem;font-size:clamp(2rem,10vh,3rem)}.gameplay-ready__copy>p{margin-top:.55rem;font-size:.76rem;line-height:1.35}.gameplay-ready__copy>.gameplay-ready__promise{display:none}.gameplay-ready__progress{margin-top:.65rem}.gameplay-ready__fingers{margin-top:.5rem}.gameplay-ready__fingers li{gap:.2rem;padding:.42rem .1rem}.gameplay-ready__fingers li>span:nth-child(2){display:none}.gameplay-ready__scanner{min-height:13.5rem;padding:.65rem 1rem}.gameplay-ready__scanner .hand-scanner{height:10.4rem;margin-bottom:0}.gameplay-ready__scanner>p{display:none}.calibration-panel{gap:.55rem;min-height:calc(100svh - 3.95rem)}.calibration-progress{width:min(15rem,44vw)}.calibration-panel__layout{grid-template-columns:minmax(0,1.1fr) minmax(14rem,.8fr);align-items:center;gap:1.5rem}.calibration-coach{order:0;min-height:13.5rem;padding:.65rem 1rem}.calibration-panel h2{font-size:clamp(2rem,10vh,3rem)}.calibration-panel__body{margin-top:.55rem;font-size:.78rem;line-height:1.35}.calibration-panel__hint{display:none}.calibration-feedback{min-height:1.8rem;margin-top:.45rem;font-size:.72rem}.calibration-panel__actions{gap:.2rem .75rem;margin-top:.2rem}.calibration-panel__actions .text-action{min-height:2.75rem;padding-block:.4rem;font-size:.67rem}.hand-scanner{height:10.4rem;margin-bottom:0}.hand-guide{--guide-scale:.43;top:.1rem}.hand-scanner__status{font-size:.75rem}.hand-scanner__note{display:none}.latency-coach__signal,.latency-coach__pulse,.latency-coach__ready-ring{width:4.5rem;height:4.5rem}.latency-coach__countdown{font-size:3.4rem}.latency-coach>p{margin:.45rem 0 .75rem}.complete-coach__lanes{margin-bottom:.2rem}.keymap-dialog{width:min(44rem,100% - 1rem);max-height:calc(100svh - 1rem)}.keymap-card{padding:1rem 1.25rem}.keymap-card h2{font-size:2.3rem}.keymap-card>p{margin:.5rem 0 .8rem;font-size:.78rem}.keymap-grid button{min-height:3.2rem}.keymap-card .keymap-status{margin:.55rem 0}}