:root{--bg: #070b10;--fg: #e6edf3;--muted: #8ba3b5;--near: #c8ff3d;--far: #ff6b4a;--panel: rgba(10, 18, 26, .72);--border: rgba(140, 190, 220, .18);color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--fg);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;overflow:hidden;-webkit-font-smoothing:antialiased}button{font:inherit;cursor:pointer}.start{display:grid;place-items:center;height:100%;background:radial-gradient(1200px 700px at 50% 12%,#123044 0%,transparent 62%),var(--bg)}.start-inner{width:min(560px,90vw);text-align:center}.start h1{font-size:clamp(3rem,9vw,5rem);margin:0;letter-spacing:-.05em;background:linear-gradient(180deg,#ffffff 20%,var(--near) 140%);-webkit-background-clip:text;background-clip:text;color:transparent}.start-tag{margin:.25rem 0 2.25rem;color:var(--muted);line-height:1.55}.start-tag em{color:var(--fg);font-style:normal;font-weight:600}.start-section{margin-bottom:1.75rem}.start-label{display:block;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:.6rem}.start-options{display:flex;gap:.5rem;justify-content:center}.chip{padding:.5rem 1.1rem;border-radius:999px;border:1px solid var(--border);background:transparent;color:var(--muted);transition:all .16s ease}.chip:hover{border-color:#c8ff3d66;color:var(--fg)}.chip-on{background:var(--near);border-color:var(--near);color:#0a1200;font-weight:600}.start-keys{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem 1rem;margin-bottom:2rem;padding:1rem;border:1px solid var(--border);border-radius:12px;background:var(--panel)}.key{display:flex;align-items:center;gap:.5rem;font-size:.8rem}.key kbd{font-family:ui-monospace,SFMono-Regular,monospace;font-size:.7rem;padding:.15rem .4rem;border-radius:5px;border:1px solid var(--border);background:#ffffff0d;white-space:nowrap}.key span{color:var(--muted)}.start-actions{display:flex;gap:.75rem;justify-content:center}.primary,.secondary{padding:.75rem 2rem;border-radius:10px;border:1px solid transparent;font-weight:600;transition:transform .12s ease,opacity .12s ease}.primary{background:var(--near);color:#0a1200}.secondary{background:transparent;border-color:var(--border);color:var(--fg)}.primary:hover,.secondary:hover{transform:translateY(-1px)}.court{position:relative;height:100%;width:100%}.stage{position:absolute;inset:0}.scene-canvas{display:block;width:100%;height:100%}.exit{position:absolute;top:1rem;left:1rem;padding:.4rem .85rem;border-radius:8px;border:1px solid var(--border);background:var(--panel);color:var(--muted);font-size:.8rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.exit:hover{color:var(--fg)}.hud{position:absolute;inset:0;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;padding:1rem}.hud-score{align-self:flex-end;min-width:230px;padding:.6rem .75rem;border-radius:10px;border:1px solid var(--border);background:var(--panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-variant-numeric:tabular-nums}.score-row{display:grid;grid-template-columns:1rem 1fr 1.6rem 1.6rem 2.6rem;align-items:center;gap:.25rem;padding:.2rem 0;font-size:.9rem}.score-serving{font-size:.6rem;color:var(--near)}.score-near .score-name{color:var(--near)}.score-far .score-name{color:var(--far)}.score-sets,.score-games{text-align:center;color:var(--muted)}.score-point{text-align:right;font-weight:700}.hud-caption{margin-top:.35rem;padding-top:.35rem;border-top:1px solid var(--border);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);text-align:center}.hud-centre{display:flex;flex-direction:column;align-items:center;gap:.4rem}.hud-rally{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.hud-grade{font-size:1.6rem;font-weight:700;letter-spacing:-.02em;animation:pop .28s ease}.hud-kind{font-size:.9rem;font-weight:500;opacity:.7;text-transform:capitalize}.grade-perfect{color:var(--near)}.grade-good{color:#7fd8ff}.grade-weak{color:#ffc93d}.grade-miss{color:var(--far)}@keyframes pop{0%{transform:scale(.82);opacity:0}to{transform:scale(1);opacity:1}}.hud-bottom{display:flex;flex-direction:column;align-items:center;gap:.55rem}.timing{position:relative;width:min(440px,70vw);height:9px;border-radius:999px;background:#ffffff12;border:1px solid var(--border);overflow:hidden;transition:opacity .2s ease}.timing-idle{opacity:.25}.timing-band{position:absolute;top:0;bottom:0}.timing-good{background:#7fd8ff4d}.timing-perfect{background:#c8ff3d8c}.timing-needle{position:absolute;top:-3px;bottom:-3px;width:3px;margin-left:-1.5px;border-radius:2px;background:#fff;box-shadow:0 0 8px #fffc}.hud-meters{display:flex;gap:1.25rem}.meter{display:flex;align-items:center;gap:.45rem;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.meter-track{position:relative;width:110px;height:5px;border-radius:999px;background:#ffffff14;overflow:hidden}.meter-fill{height:100%;background:var(--near);transition:width .05s linear}.meter-aim{overflow:visible}.meter-aim-dot{position:absolute;top:-2px;width:9px;height:9px;margin-left:-4.5px;border-radius:50%;background:var(--fg);transition:left .06s linear}.hud-prompt{font-size:.78rem;color:var(--muted);animation:breathe 1.8s ease-in-out infinite}@keyframes breathe{0%,to{opacity:.45}50%{opacity:1}}.start-camera{grid-template-columns:repeat(2,1fr)}.start-note{grid-column:1 / -1;margin:.35rem 0 0;font-size:.75rem;color:var(--muted);line-height:1.5}.start-note kbd{font-family:ui-monospace,SFMono-Regular,monospace;font-size:.68rem;padding:.1rem .3rem;border-radius:4px;border:1px solid var(--border);background:#ffffff0d}.tuning-open{position:absolute;top:1rem;left:7.5rem;padding:.4rem .85rem;border-radius:8px;border:1px solid var(--border);background:var(--panel);color:var(--muted);font-size:.8rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.tuning-open:hover{color:var(--near);border-color:#c8ff3d66}.tuning{position:absolute;top:1rem;left:1rem;width:272px;max-height:calc(100% - 2rem);overflow-y:auto;padding:.75rem;border-radius:12px;border:1px solid var(--border);background:#080e14eb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:auto;z-index:10}.tuning-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.6rem;font-size:.85rem}.tuning-head button{padding:.15rem .5rem;border-radius:6px;border:1px solid var(--border);background:transparent;color:var(--muted);font-size:.7rem}.tuning-cam,.tuning-trace{display:block;width:100%;border-radius:8px;border:1px solid var(--border);margin-bottom:.4rem;background:#0d1620}.tuning-readouts{display:grid;grid-template-columns:repeat(3,1fr);gap:.25rem;margin-bottom:.7rem}.readout{display:flex;flex-direction:column;padding:.25rem .35rem;border-radius:6px;background:#ffffff0a;font-variant-numeric:tabular-nums}.readout span{font-size:.58rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.readout strong{font-size:.82rem}.readout-warn{background:#ff6b4a29}.readout-warn strong{color:var(--far)}.tuning-sliders{display:flex;flex-direction:column;gap:.3rem}.tuning-slider{display:grid;grid-template-columns:5.6rem 1fr 2.3rem;align-items:center;gap:.4rem;font-size:.68rem}.tuning-slider-label{color:var(--muted)}.tuning-slider-value{text-align:right;font-variant-numeric:tabular-nums}.tuning-slider input{width:100%;accent-color:var(--near)}.tuning-reset{width:100%;margin-top:.7rem;padding:.4rem;border-radius:7px;border:1px solid var(--border);background:transparent;color:var(--muted);font-size:.72rem}.pose-error{position:absolute;bottom:5rem;left:50%;transform:translate(-50%);max-width:420px;padding:.85rem 1.1rem;border-radius:10px;border:1px solid rgba(255,107,74,.35);background:#280e0aeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:center;pointer-events:auto}.pose-error p{margin:.3rem 0 0;font-size:.8rem;color:var(--muted)}.pose-error-hint{opacity:.8}.mute{position:absolute;bottom:1rem;right:1rem;width:2.1rem;height:2.1rem;border-radius:8px;border:1px solid var(--border);background:var(--panel);font-size:.9rem;line-height:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.tuning-perf{border-top:1px solid var(--border);padding-top:.5rem}.second-serve{font-size:.74rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#ffc93d}.footwork{font-size:.74rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;animation:pop .28s ease}.footwork-good{color:var(--near)}.footwork-bad{color:#ffc93d}.calib{margin-top:.7rem;padding-top:.6rem;border-top:1px solid var(--border)}.calib-start{width:100%;padding:.45rem;border-radius:7px;border:1px solid var(--near);background:#c8ff3d1f;color:var(--near);font-size:.75rem;font-weight:600}.calib-start:hover{background:#c8ff3d38}.calib-live{display:flex;align-items:center;justify-content:space-between;padding:.55rem .7rem;margin-top:.7rem;border-radius:7px;border:1px solid var(--near);background:#c8ff3d29;font-size:.8rem;animation:breathe 1.2s ease-in-out infinite}.calib-live span{font-variant-numeric:tabular-nums;font-weight:700}.calib-result{margin:.45rem 0 0;font-size:.7rem;line-height:1.45;color:var(--muted)}.calib-problem{color:#ffc93d}.result{position:absolute;inset:0;display:grid;place-content:center;gap:1.25rem;justify-items:center;background:#070b10d1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:auto}.result h2{margin:0;font-size:3rem;letter-spacing:-.03em}.point-end{display:flex;flex-direction:column;align-items:center;gap:.15rem;padding:.5rem 1.1rem;border-radius:10px;background:#080e14c7;border:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:pop .3s ease}.point-end-verdict{font-size:1.15rem;font-weight:700;letter-spacing:-.01em}.point-end-reason{font-size:.78rem;color:var(--muted)}.point-won .point-end-verdict{color:var(--near)}.point-lost .point-end-verdict{color:var(--far)}.framing{position:absolute;top:1rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.15rem;padding:.5rem 1.1rem;border-radius:10px;border:1px solid rgba(255,201,61,.4);background:#2c2208e6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:center;pointer-events:none}.framing strong{font-size:.85rem;color:#ffc93d}.framing span{font-size:.74rem;color:var(--muted)}.stake{padding:.3rem .9rem;border-radius:999px;font-size:.78rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;animation:pop .3s ease}.stake-mine{background:#c8ff3d29;border:1px solid rgba(200,255,61,.5);color:var(--near)}.stake-theirs{background:#ff6b4a24;border:1px solid rgba(255,107,74,.45);color:var(--far)}.stake-who{font-weight:500;opacity:.75}.summary{position:absolute;inset:0;display:grid;place-items:center;background:#070b10e0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:auto;overflow-y:auto;padding:1.5rem}.summary-card{width:min(440px,92vw);padding:1.5rem;border-radius:16px;border:1px solid var(--border);background:#0c141ce6;text-align:center}.summary-card h2{margin:0;font-size:2.4rem;letter-spacing:-.03em}.summary-win{color:var(--near)}.summary-loss{color:var(--far)}.summary-sets{display:flex;gap:.5rem;justify-content:center;margin:.5rem 0 1.25rem}.summary-set{padding:.2rem .6rem;border-radius:6px;background:#ffffff0f;font-variant-numeric:tabular-nums;font-size:.85rem}.summary-nosets{font-size:.8rem;color:var(--muted)}.summary-table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums;font-size:.85rem}.summary-table th,.summary-table td{padding:.32rem .5rem;text-align:right}.summary-table thead th{font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--border)}.summary-table th[scope=row]{text-align:left;font-weight:400;color:var(--muted)}.summary-lead{color:var(--near);font-weight:700}.summary-extras{display:grid;grid-template-columns:repeat(2,1fr);gap:.4rem;margin:1rem 0}.summary-extra{display:flex;flex-direction:column;gap:.1rem;padding:.4rem .55rem;border-radius:8px;background:#ffffff0a;text-align:left}.summary-extra span{font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.summary-advice{margin:0 0 1.25rem;padding:.6rem .75rem;border-radius:8px;border-left:2px solid var(--near);background:#c8ff3d12;font-size:.8rem;line-height:1.5;text-align:left;color:var(--fg)}.summary-actions{display:flex;gap:.6rem;justify-content:center}.milestone{display:flex;align-items:baseline;gap:.5rem;padding:.45rem 1.1rem;border-radius:10px;border:1px solid var(--border);background:#080e14d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:pop .32s ease}.milestone-kind{font-size:1.2rem;font-weight:800;letter-spacing:-.02em}.milestone-set .milestone-kind{font-size:1.6rem}.milestone-mine .milestone-kind{color:var(--near)}.milestone-theirs .milestone-kind{color:var(--far)}.milestone-who{font-size:.8rem;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}.milestone-detail{font-size:.95rem;font-variant-numeric:tabular-nums;font-weight:600}.hud-level{margin-top:.3rem;font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);text-align:center;opacity:.75}.start-adaptive{margin:-1rem 0 1.6rem;font-size:.76rem;color:var(--muted);line-height:1.5}.practice-panel{min-width:150px}.practice-row{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;padding:.15rem 0;font-variant-numeric:tabular-nums}.practice-row span{font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.practice-row strong{font-size:1.15rem;color:var(--near)}.lobby{text-align:left}.lobby h1{font-size:clamp(2rem,6vw,3rem);text-align:center}.lobby .start-tag{text-align:center;margin-bottom:1.5rem}.lobby-step{display:flex;align-items:center;gap:.6rem;margin:1.1rem 0 .5rem;font-size:.84rem;color:var(--fg)}.lobby-step-n{display:grid;place-items:center;width:1.4rem;height:1.4rem;flex:none;border-radius:50%;background:var(--near);color:#0a1200;font-size:.72rem;font-weight:700}.lobby-code{position:relative}.lobby-code textarea,.lobby-input{width:100%;height:5.5rem;padding:.6rem;border-radius:10px;border:1px solid var(--border);background:#ffffff0a;color:var(--fg);font-family:ui-monospace,SFMono-Regular,monospace;font-size:.64rem;line-height:1.4;resize:none;word-break:break-all}.lobby-code button{position:absolute;top:.4rem;right:.4rem;padding:.25rem .6rem;border-radius:6px;border:1px solid var(--border);background:#0a121ae6;color:var(--near);font-size:.68rem}.lobby-go{width:100%;margin-top:.8rem}.lobby-go:disabled{opacity:.4;cursor:default;transform:none}.lobby-waiting{margin-top:.9rem;animation:breathe 1.8s ease-in-out infinite}.lobby-error{margin:1rem 0;padding:.7rem .9rem;border-radius:10px;border:1px solid rgba(255,107,74,.4);background:#280e0ab3;font-size:.82rem;color:var(--fg)}.lobby-back{display:block;margin:1.4rem auto 0;padding:.35rem .9rem;border-radius:8px;border:1px solid var(--border);background:transparent;color:var(--muted);font-size:.78rem}.replay-badge{position:absolute;top:1rem;left:50%;transform:translate(-50%);padding:.3rem .9rem;border-radius:999px;border:1px solid rgba(200,255,61,.35);background:var(--panel);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--near);font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;pointer-events:none}.crash{display:grid;place-items:center;height:100%;padding:1rem;background:radial-gradient(1200px 700px at 50% 12%,#2a1520 0%,transparent 62%),var(--bg)}.crash-card{width:min(520px,92vw);padding:1.75rem;border-radius:16px;border:1px solid rgba(255,107,74,.28);background:var(--panel);text-align:center}.crash-card h2{margin:0 0 .5rem;font-size:1.6rem;color:var(--far)}.crash-card p{margin:0 0 1rem;color:var(--muted);line-height:1.55}.crash-detail{margin:0 0 1.25rem;padding:.7rem .85rem;border-radius:8px;background:#00000059;border:1px solid var(--border);color:var(--fg);font-family:ui-monospace,SFMono-Regular,monospace;font-size:.75rem;text-align:left;overflow-x:auto;white-space:pre-wrap;word-break:break-word}.stage{touch-action:none}@media(max-width:720px){.start-inner{width:min(560px,94vw)}.start-keys{grid-template-columns:repeat(2,1fr)}.start-actions{flex-wrap:wrap}.primary,.secondary{padding:.7rem 1.25rem}.hud{padding:.6rem}.hud-score{min-width:170px;font-size:.82rem}.timing{width:min(440px,88vw)}.meter-track{width:78px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.paused{position:absolute;inset:0;display:grid;place-items:center;background:#04080c9e;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.paused-card{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1.5rem 2.25rem;border-radius:14px;border:1px solid var(--border);background:var(--panel)}.paused-card strong{font-size:1.4rem;letter-spacing:.16em;text-transform:uppercase;color:var(--near)}