@font-face{font-family:Rally;src:local('Avenir Next'),local('Avenir'),local('Trebuchet MS');font-display:swap}
:root{--cream:#fff8e7;--paper:#f6efd9;--ink:#183d43;--muted:#627576;--cyan:#2abcc3;--coral:#ed7056;--line:rgba(24,61,67,.14);--shadow:0 18px 70px #193e4333;color-scheme:light;font-family:Rally,'Avenir Next',system-ui,sans-serif;color:var(--ink);background:#efcdaa;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;overflow:hidden}button,select,input{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{cursor:default;opacity:.42}button{transition:transform .16s ease-out,background .16s ease-out}button:not(:disabled):active{transform:scale(.975)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--cyan);outline-offset:4px}[hidden]{display:none!important}h1,h2,h3,p{margin:0}button{border:0}#rally-app{height:100dvh;min-height:540px;position:relative;isolation:isolate;overflow:hidden}#scene,.scene-wash,#unity-canvas{position:absolute;inset:0;width:100%;height:100%}#scene{background:radial-gradient(ellipse at 70% 18%,#fff4c4 0,transparent 38%),linear-gradient(#e6bf9b 0%,#ffdca7 45%,#9bc6b6 68%,#559c9f 100%);z-index:-3}#unity-canvas{display:block;outline:none}.scene-wash{z-index:-1;pointer-events:none;background:linear-gradient(90deg,#f7eedcef 0%,#f7eedccc 34%,#f7eedc22 65%,transparent);transition:opacity .25s ease-out}#rally-app:not([data-view=home]) .scene-wash{opacity:0}.brandbar{position:absolute;left:3.2%;right:3.2%;top:25px;display:flex;align-items:center;justify-content:space-between;z-index:4;pointer-events:none}.brandbar>*{pointer-events:auto}.wordmark{font-weight:850;font-style:italic;font-size:26px;letter-spacing:-1.8px;color:var(--ink);text-decoration:none}.wordmark span{font-size:19px;font-style:normal;margin:0 12px;color:#527477}.wordmark b{font-size:11px;letter-spacing:2px;font-style:normal;vertical-align:middle}.utility{display:flex;align-items:center;gap:12px}.club-label{font-size:9px;letter-spacing:2px;font-weight:800;margin-right:8px}.icon-button{width:38px;height:38px;border-radius:50%;background:#fff8e7cf;display:inline-grid;place-items:center;font-size:22px;box-shadow:0 2px 12px #183d4310}.icon-button:hover{background:#fff8e7}.view{position:absolute;inset:0}.home-view{padding:112px 7% 70px;display:flex;align-items:center}.home-copy{width:390px;max-width:45vw}.eyebrow{font-size:10px;font-weight:850;letter-spacing:2.4px;line-height:1.5}.sun-icon{color:var(--coral);font-size:25px;vertical-align:middle;margin-right:8px}h1{font-size:clamp(64px,7.7vw,130px);font-weight:950;letter-spacing:-.075em;line-height:.82;margin:23px 0;position:relative;transform:rotate(-4deg);transform-origin:0 50%}h1 span{color:var(--coral)}.title-ball{position:absolute;width:45px;height:45px;border:3px solid var(--ink);border-radius:50%;background:#e7ed8d;transform:rotate(30deg);left:245px;bottom:6px;overflow:hidden}.title-ball:before,.title-ball:after{content:'';position:absolute;width:25px;height:52px;border:2px solid #fcffe7;border-radius:50%;top:-7px;left:-13px}.title-ball:after{left:25px}.tagline{font-size:20px;font-weight:650;line-height:1.4;margin-bottom:25px;letter-spacing:-.5px}.mode-picker{display:flex;gap:8px;margin-bottom:12px}.mode{flex:1;text-align:left;padding:12px 13px;border:1.5px solid var(--line);border-radius:12px;background:#fff8e77d}.mode.selected{border-color:var(--ink);background:#fff8e7}.mode b{font-size:13px;display:block}.mode span{display:block;font-size:10px;margin-top:4px;color:var(--muted)}.primary{display:flex;justify-content:space-between;align-items:center;gap:18px;width:100%;padding:17px 21px;background:var(--ink);color:var(--cream);border-radius:13px;font-size:16px;font-weight:750;text-align:left;box-shadow:0 5px 0 #0c2b2f22}.primary:hover:not(:disabled){background:#235159}.primary>span:last-child{font-size:23px;line-height:1}.play-note{font-size:10px;font-weight:650;letter-spacing:.35px;text-align:center;margin:13px 0 20px;color:var(--muted)}.text-button{background:transparent;font-size:12px;font-weight:650;padding:7px 0}.text-button span{margin-left:8px}.home-stamp{position:absolute;right:6%;bottom:90px;transform:rotate(3deg);padding:21px 25px;border:1px solid #fff8e765;background:#fff8e7d9;border-radius:3px;box-shadow:0 6px 22px #193e4314}.home-stamp>span{font-size:8px;letter-spacing:2px;font-weight:800}.home-stamp p{font-size:24px;line-height:1.1;letter-spacing:-1px;margin:13px 0}.palette-dots{display:flex;gap:6px}.palette-dots i{width:12px;height:12px;border-radius:50%;background:var(--cyan)}.palette-dots i:nth-child(2){background:var(--coral)}.palette-dots i:nth-child(3){background:#c7d75a}.load-status{position:absolute;bottom:25px;left:7%;width:250px;font-size:10px;color:var(--muted)}progress{display:block;width:100%;height:4px;border:0;border-radius:3px;overflow:hidden;background:#183d4315;margin-top:8px;accent-color:var(--cyan)}progress::-webkit-progress-bar{background:#183d4315}progress::-webkit-progress-value{background:var(--cyan)}.setup-view{background:#f6efd9ef;padding:108px 6% 40px;overflow:auto}.section-heading{display:flex;align-items:flex-start;gap:20px;max-width:1240px;margin:auto}.back-button{border:1px solid var(--line);background:transparent;border-radius:50%;width:36px;height:36px;font-size:22px;margin-top:5px}.section-heading h2{font-size:40px;letter-spacing:-1.8px;margin:5px 0 7px}.section-heading p{font-size:13px;color:var(--muted)}.setup-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(290px,1fr);gap:35px;max-width:1160px;margin:24px auto 0}.camera-wrap{position:relative;aspect-ratio:16/10;background:linear-gradient(130deg,#193e43,#31686b);border-radius:23px;overflow:hidden;box-shadow:0 8px 30px #193e4315}#camera{position:absolute;width:100%;height:100%;object-fit:contain;transform:scaleX(-1)}#camera-overlay{position:absolute;width:100%;height:100%;object-fit:contain}.camera-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;color:var(--cream);background:#193e43d9}.camera-glyph{font-size:40px;margin-bottom:12px}.camera-center b{font-size:22px;letter-spacing:-.7px}.camera-center p{font-size:12px;line-height:1.6;max-width:270px;margin:12px 0 22px}.camera-center .primary{max-width:240px;background:var(--cream);color:var(--ink)}.camera-center small{font-size:10px;opacity:.6;margin-top:15px}#lane-labels{position:absolute;inset:0;pointer-events:none}.lane-label{position:absolute;bottom:20px;left:6%;font-size:9px;font-weight:850;letter-spacing:1px;padding:8px 11px;border-radius:20px;background:var(--cyan);color:#103e44}.lane-label.p2{left:auto;right:6%;background:var(--coral);color:#412724}.setup-guide{display:flex;flex-direction:column;justify-content:center;gap:11px}.player-check{display:flex;gap:12px;align-items:center;background:#fff8e7;border:1px solid var(--line);border-radius:13px;padding:13px 15px}.player-number{display:grid;place-items:center;background:#d5f0e7;color:#18707a;width:38px;height:44px;border-radius:8px;font-size:20px;font-weight:900;letter-spacing:-1px}.p2 .player-number{background:#ffe0ce;color:#a13f32}.player-check b{font-size:14px}.check-state{display:block;font-size:10px;color:var(--muted);margin:3px 0 6px}.player-check label{font-size:9px;color:var(--muted)}.player-check select{font-size:9px;border:0;background:transparent;color:var(--ink)}.checkmark{margin-left:auto;font-size:25px;color:var(--muted)}.player-check.ready .checkmark{color:#1c888b}.player-check.ready{border-color:#58b5a6}.setup-hint{padding:12px 1px}.setup-hint>span{font-size:8px;font-weight:850;letter-spacing:1.5px;color:var(--muted)}.setup-hint h3{font-size:19px;margin:8px 0;letter-spacing:-.5px}.setup-hint p{font-size:12px;line-height:1.5;color:var(--muted);min-height:35px}.small-note{font-size:10px;color:var(--muted);line-height:1.6}.playing-view{pointer-events:none}.playing-view button{pointer-events:auto}#rally-app[data-view=playing] .brandbar .wordmark b,#rally-app[data-view=playing] .brandbar .wordmark span,#rally-app[data-view=playing] .club-label{display:none}.scoreboard{position:absolute;top:22px;left:50%;transform:translateX(-50%);display:flex;gap:18px;padding:15px 22px;background:#fff8e7ef;border:1px solid #ffffff8c;border-radius:16px;box-shadow:0 4px 20px #193e4314}.score-player{min-width:142px}.score-name{display:flex;align-items:center;gap:7px;font-size:9px;color:#198791;font-weight:850;letter-spacing:1px}.score-name b{font-size:8px;color:var(--ink);letter-spacing:.8px}.score-name i{font-style:normal;font-size:7px;margin-left:auto;color:var(--ink)}.p2 .score-name{color:#d2674e}.score-line{display:flex;align-items:center;gap:18px;margin:3px 0}.score-line strong{font-size:42px;letter-spacing:-2px;line-height:1;font-variant-numeric:tabular-nums;min-width:48px}.score-line>span{font-size:7px;letter-spacing:.7px;color:var(--muted)}.score-line>span b{font-size:14px;display:block;color:var(--ink);letter-spacing:0;line-height:1.6}.score-divider{border-left:1px solid var(--line);font-size:7px;font-weight:700;display:flex;align-items:center;padding-left:18px;color:var(--muted)}.charge{display:flex;gap:4px;align-items:center;margin-top:7px}.charge i{width:11px;height:4px;border-radius:2px;background:#193e4320}.charge i.filled{background:var(--cyan)}.p2 .charge i.filled{background:var(--coral)}.charge span{font-size:6px;letter-spacing:.6px;margin-left:3px;font-weight:800;color:var(--muted)}.charge.charged span{color:#6c651d}.pause-button{position:absolute;right:3.2%;top:78px;font-size:16px;font-weight:800}.match-banner{position:absolute;top:27%;left:50%;transform:translateX(-50%);padding:15px 24px;background:#fff8e7ed;border-radius:12px;text-align:center;box-shadow:0 6px 30px #193e4312;max-width:80%}.match-banner>span{display:block;font-size:8px;letter-spacing:2px;font-weight:850;margin-bottom:5px;color:var(--muted)}.match-banner>b{font-size:26px;letter-spacing:-1px}.match-footer{position:absolute;left:3%;right:3%;bottom:22px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:10px;color:#fff8e7;text-shadow:0 1px 7px #102e31}.tracking-pill{display:flex;align-items:center;gap:7px;border:1px solid #fff8e730;background:#153e43c9;border-radius:30px;padding:8px 12px;font-size:9px}.tracking-pill i{width:5px;height:5px;border-radius:50%;background:#abdbba}.court-label{font-size:8px;letter-spacing:1.5px}.timing-cue{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:65px;height:65px;border:2px solid #fff8e7;border-radius:50%;display:grid;place-items:center;filter:drop-shadow(0 2px 4px #0006);color:#fff8e7}.timing-cue>b{font-size:13px;font-weight:900}.timing-ring{position:absolute;inset:-12px;border:3px solid var(--cyan);border-radius:50%;transform:scale(var(--ring-scale,1));will-change:transform}.timing-cue.p2 .timing-ring{border-color:var(--coral)}#timing-label{position:absolute;top:calc(100% + 7px);font-size:9px;font-weight:850;letter-spacing:1px;white-space:nowrap;background:#193e43c9;padding:4px 7px;border-radius:5px}.results-view{display:flex;align-items:center;justify-content:flex-end;padding:80px 6vw 45px;background:linear-gradient(90deg,transparent 32%,#fff8e720 50%,#fff8e7ed 100%)}.result-card{text-align:left;min-width:0;width:38vw;max-width:450px;padding:24px;background:transparent}.winner-number{font-size:100px;color:var(--coral);font-weight:950;letter-spacing:-8px;line-height:1.1;margin-top:14px}.result-card h2{font-size:33px;letter-spacing:-1.5px;line-height:1.1;margin:5px 0 18px}#result-score{font-size:26px;letter-spacing:8px;font-variant-numeric:tabular-nums}.result-actions{margin-top:25px;display:grid;gap:12px}.secondary{background:transparent;border:1px solid var(--line);padding:14px 20px;width:100%;border-radius:12px;font-size:13px;font-weight:700}dialog{position:fixed;border:1px solid #fff8e7cc;border-radius:22px;background:var(--cream);color:var(--ink);box-shadow:var(--shadow);padding:30px;width:min(430px,90vw);max-height:90dvh;overflow:auto}dialog::backdrop{background:#183d4380;backdrop-filter:blur(8px)}.dialog-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.dialog-top .icon-button{background:#193e4309;width:30px;height:30px}dialog h2{font-size:35px;letter-spacing:-1.5px;line-height:1.1;margin-bottom:15px}dialog>p{font-size:13px;line-height:1.6;color:var(--muted);margin-bottom:24px}dialog>.primary,dialog>.secondary{margin-top:12px}dialog>.text-button{display:block;margin:14px auto 0}.setting-row{display:flex;justify-content:space-between;align-items:center;padding:15px 0;border-top:1px solid var(--line);font-size:13px;font-weight:750}.setting-row small{display:block;font-size:10px;font-weight:400;color:var(--muted);margin-top:4px}.setting-row input{width:21px;height:21px;accent-color:var(--ink)}.setting-row select{max-width:145px;border:1px solid var(--line);padding:7px;border-radius:8px;background:transparent;font-size:11px}dialog .small-note{font-size:10px;margin:12px 0}.tutorial-dialog{width:min(740px,90vw)}.tutorial-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:24px 0}.tutorial-steps article>span{display:inline-block;font-size:11px;font-weight:850;background:#ccebe4;padding:6px 10px;border-radius:7px;margin-bottom:12px}.tutorial-steps h3{font-size:16px;letter-spacing:-.3px;margin-bottom:8px}.tutorial-steps p{font-size:12px;line-height:1.65;color:var(--muted)}.power-key{display:flex;justify-content:space-between;gap:10px;border-top:1px solid var(--line);padding:18px 0;font-size:10px;color:var(--muted)}.power-key b{color:var(--ink);margin-right:3px}.toast{position:absolute;z-index:8;bottom:75px;left:50%;transform:translateX(-50%);background:var(--ink);color:var(--cream);padding:12px 20px;border-radius:10px;max-width:80%;font-size:12px;text-align:center;box-shadow:var(--shadow)}.developer-entry{position:absolute;right:20px;bottom:15px;background:#172f35;color:#fff;font-size:10px;padding:8px 12px;border-radius:5px}.developer-badge{position:absolute;bottom:3px;left:50%;transform:translateX(-50%);font-size:8px;letter-spacing:1px;color:#fff;background:#933424;padding:4px 10px;border-radius:4px;z-index:10;pointer-events:none}#performance{position:absolute;left:10px;bottom:10px;background:#000c;color:white;font:10px monospace;z-index:11;padding:7px;border-radius:4px}.pseudo-fullscreen{position:fixed;inset:0;z-index:99999}.feedback-pop{animation:feedback-pop .32s cubic-bezier(.2,.85,.3,1.2)}@keyframes feedback-pop{from{transform:scale(.92);opacity:.5}to{transform:scale(1);opacity:1}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}[data-reduced-motion=true] *,[data-reduced-motion=true] *::before,[data-reduced-motion=true] *::after{animation:none!important;transition:none!important}
@media(max-height:760px){.home-view{padding-top:90px}.home-copy{width:350px}h1{font-size:89px;margin:17px 0}.tagline{font-size:17px;margin-bottom:18px}.mode{padding:9px 11px}.play-note{margin:10px 0}.title-ball{left:200px;width:37px;height:37px}.setup-view{padding-top:85px}.section-heading h2{font-size:32px}.setup-grid{margin-top:18px;gap:25px;max-width:1000px}.setup-hint h3{font-size:17px}.player-check{padding:10px 12px}.setup-guide{gap:8px}}
@media(max-width:800px){.brandbar{top:18px}.club-label{display:none}.home-view{padding-left:7%}.home-copy{max-width:60vw;width:330px}.home-stamp{right:4%;padding:17px;bottom:100px}.home-stamp p{font-size:20px}.setup-view{padding:85px 4% 25px}.setup-grid{gap:18px;grid-template-columns:minmax(0,1.2fr) minmax(245px,1fr)}.camera-wrap{aspect-ratio:4/5}.camera-center{padding:15px}.camera-center b{font-size:18px}.camera-center p{font-size:11px}.scoreboard{padding:12px 15px;gap:12px}.score-player{min-width:115px}.score-divider{padding-left:12px}.score-name b{font-size:7px}.wordmark b{display:none}.wordmark span{display:none}.match-footer>span{display:none}}
@media(max-width:600px){#rally-app{min-height:100dvh}.home-view{padding:95px 8% 65px;background:linear-gradient(90deg,#f7eedce8,#f7eedc88);overflow:auto;align-items:flex-start}.home-copy{max-width:100%;width:100%;margin-top:30px}h1{font-size:100px;max-width:300px}.home-stamp{display:none}.tagline{font-size:18px}.load-status{left:8%;bottom:25px}.setup-grid{grid-template-columns:1fr}.camera-wrap{aspect-ratio:16/10;max-height:280px}.section-heading{gap:12px}.section-heading h2{font-size:30px}.section-heading p{font-size:12px;max-width:280px}.setup-guide{display:grid;grid-template-columns:1fr 1fr}.player-check{gap:7px;padding:10px 8px}.player-number{font-size:16px;width:28px}.checkmark{font-size:17px}.setup-hint,.setup-guide>.primary,.setup-guide>.small-note{grid-column:1/-1}.player-check b{font-size:12px}.check-state{font-size:8px}.scoreboard{top:70px;padding:10px 13px}.score-player{min-width:115px}.score-line strong{font-size:34px}.pause-button{top:auto;bottom:65px}.result-card{min-width:0;width:88%;padding:28px}.result-card h2{font-size:29px}.tutorial-steps{grid-template-columns:1fr;gap:16px}.tutorial-steps article{display:grid;grid-template-columns:35px 1fr;column-gap:12px}.tutorial-steps article>span{grid-row:1/3;align-self:start}.tutorial-steps h3,.tutorial-steps p{grid-column:2}.power-key{flex-wrap:wrap}.match-banner{top:35%;width:max-content}.match-banner>b{font-size:21px}.court-label{display:none}}

/* Labels follow matched bodies; the full camera image stays available to MediaPipe. */
.art-version{position:absolute;left:3.2%;bottom:12px;z-index:4;padding:8px 12px;border-radius:8px;background:#fff8e7e8;color:var(--ink);font-size:10px;font-weight:750;text-decoration:none}#rally-app:not([data-view=home]) .art-version{display:none}#rally-app[data-view=art-review] .brandbar{display:none}.art-review-status{position:absolute;left:18px;bottom:18px;padding:9px 13px;border-radius:9px;background:#fff8e7e8;font-size:10px;font-weight:800;letter-spacing:1px;pointer-events:none}
.player-tag{position:absolute;z-index:3;transform:translate(-50%,-100%);pointer-events:none;padding:7px 10px;border:2px solid #66e5d5;border-radius:9px;background:#14383bed;color:#66e5d5;text-align:center;max-width:165px}.player-tag.p2{border-color:#ff9b75;color:#ffb18f}.player-tag b{display:block;font-size:12px;font-weight:900;letter-spacing:1px}.player-tag span{display:block;font-size:9px;color:#fff8e7;margin-top:3px}.player-tag[data-tracking=reacquiring],.player-tag[data-tracking=stale]{border-style:dashed;opacity:.7}

/* Art choices stay on the home screen, outside calibration and match controls. */
.art-picker{width:294px;max-width:38vw;transform:none;padding:20px;background:#fff8e7f2;border-radius:14px;border-color:var(--line)}
.art-picker h2{font-size:25px;line-height:1.1;letter-spacing:-1px;margin:12px 0 8px}
.art-picker p{font-size:12px;line-height:1.5;letter-spacing:0;margin:0 0 17px;color:var(--muted)}
.art-picker nav{display:flex;gap:7px}
.art-picker nav a{flex:1;display:grid;place-items:center;min-height:44px;padding:11px 6px;border:1px solid var(--line);border-radius:8px;font-size:11px;font-weight:800;text-align:center;text-decoration:none;color:var(--ink)}
.art-picker nav a[aria-current=page]{background:var(--ink);color:var(--cream);border-color:var(--ink)}
.art-compare-link{display:flex;justify-content:space-between;align-items:center;min-height:44px;margin-top:6px;color:var(--ink);font-size:12px;font-weight:750;text-decoration:none}
@media(max-width:600px){.home-view{flex-direction:column}.art-picker{display:block;position:static;width:100%;max-width:none;margin-top:24px}.home-copy,.art-picker{flex-shrink:0}}

/* Keep the athlete clear of the result actions; matches RallyFinishCamera's aspect split. */
@media(max-aspect-ratio:6/5){
 .results-view{align-items:flex-end;justify-content:center;padding:0 18px max(28px,env(safe-area-inset-bottom));background:linear-gradient(180deg,transparent 42%,#fff8e7a8 67%,#fff8e7 100%)}
 .result-card{width:min(100%,450px);padding:12px 12px 0;text-align:center}
 .winner-number{font-size:44px;letter-spacing:-3px;margin-top:4px;line-height:1}
 .result-card h2{font-size:clamp(23px,5vw,32px);margin:5px 0 8px}
 .result-actions{margin-top:12px;gap:8px}
 .result-actions .primary{padding:12px 16px}
 .result-actions .secondary{padding:9px 16px}
}
@media(min-aspect-ratio:6/5) and (max-height:600px){
 .results-view{padding-top:68px;padding-bottom:20px}
 .result-card{padding:12px;width:42vw}
 .winner-number{font-size:58px;margin-top:4px;letter-spacing:-4px}
 .result-card h2{font-size:26px;margin-bottom:10px}
 .result-actions{margin-top:14px;gap:8px}
}

#rally-app[data-view=results]{min-height:100dvh}
@media(min-aspect-ratio:6/5) and (max-height:420px){
 .results-view{padding-top:62px;padding-bottom:12px}
 .result-card{padding:0 10px;width:43vw}
 .winner-number{display:none}
 .result-card h2{font-size:22px;margin:6px 0}
 .result-actions{margin-top:10px;gap:6px}
 .result-actions .primary{padding:10px 14px;font-size:14px}
 .result-actions .secondary{padding:8px 12px;font-size:12px}
}

/* Live shot feedback stays beneath the score, away from the ball flight. */
.match-banner{pointer-events:none}
.match-banner[data-compact=true]{display:flex;align-items:center;gap:10px;width:max-content;max-width:90%;padding:7px 12px;border-radius:20px;box-shadow:0 2px 10px #193e4312}
.match-banner[data-compact=true]>span{font-size:9px;letter-spacing:1px;margin:0}
.match-banner[data-compact=true]>b{font-size:15px;letter-spacing:-.2px;line-height:1.2}

/* Timing indicator uses the same authoritative windows as match input. */
.timing-cue .timing-ring{inset:auto;width:var(--perfect-size,18px);height:var(--perfect-size,18px);transform:none;border:1px solid #ffe588;background:#ffe58835}.timing-cue>b{position:absolute;bottom:calc(100% + 8px)}.timing-ball{position:absolute;width:12px;height:12px;background:#f2ff75;border-radius:50%;transform:translateX(var(--ball-x,0px));box-shadow:0 0 10px #efff77}.timing-cue[data-window=hit]{border-color:#bbf4dd;background:#98eed630}.timing-cue[data-window=perfect]{border-color:#ffe588;background:#ffe58855}#practice-panel{position:absolute;top:100px;left:24px;max-width:260px;padding:16px;background:#183d43eb;color:#fff8e7;border-radius:14px;font-size:12px;pointer-events:none}#practice-panel b{font-size:10px;letter-spacing:2px}#practice-panel p{margin-top:8px;line-height:1.5}#practice-panel small{display:block;margin-top:8px;color:#bdf0dc}#practice-entry{display:block;margin-top:10px}#start-match{pointer-events:none} @media(max-width:600px){#practice-panel{top:76px;left:12px;max-width:210px;padding:10px;font-size:10px}}

#cv-debug-toggle{position:fixed;right:18px;bottom:62px;z-index:25;padding:9px 14px;border-radius:9px;background:#153d43;color:#fff8e7}#cv-debug{position:fixed;right:12px;top:75px;width:min(390px,94vw);max-height:75vh;overflow:auto;z-index:26;background:#15313aee;color:#fff8e7;border-radius:14px;padding:12px;font:11px system-ui;box-shadow:0 5px 25px #0006}#cv-debug canvas,#cv-debug video{width:100%;border-radius:8px;margin-top:8px}#cv-debug pre{white-space:pre-wrap;overflow-wrap:anywhere;font:11px monospace;margin:8px 0}#cv-debug button{padding:8px;margin:5px 3px;background:#d7e877;color:#15313a;border-radius:7px}#cv-debug [data-close]{float:right}#cv-debug p{line-height:1.5;margin:8px 0}#cv-debug ol{padding-left:18px}#cv-debug [data-status]{display:block;line-height:1.5;margin-top:8px}