:root{color-scheme:dark;--bg:#08141c;--panel:#0e202b;--line:#263d48;--text:#ecf3ee;--muted:#93a9ad;--lime:#d2f879}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 20% 0%,#17323b 0%,var(--bg) 60%);color:var(--text);font-family:Arial,Helvetica,sans-serif}button,select{font:inherit}button{cursor:pointer;border:1px solid var(--line);color:var(--text);background:#142b35;border-radius:9px;padding:11px 15px}button:hover{border-color:var(--lime)}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid var(--lime);outline-offset:3px}header{max-width:1400px;margin:auto;padding:25px 32px;display:flex;justify-content:space-between;align-items:center}.brand{color:inherit;text-decoration:none;display:flex;gap:12px;align-items:center;font-size:18px;letter-spacing:1px}.brand small{display:block;color:var(--muted);font-size:9px;letter-spacing:3px;margin-top:6px}.mark{background:var(--lime);color:#132621;padding:12px 8px;border-radius:8px;font-weight:900;font-style:italic;letter-spacing:-1px}.top-actions{display:flex;gap:8px}.top-actions button{font-size:12px}main{max-width:1400px;margin:auto;padding:10px 32px 35px;display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:25px}.arena{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#0c1c24;box-shadow:0 20px 80px #0005}.scoreboard{display:flex;align-items:center;justify-content:space-between;padding:18px 28px;background:#122831}.scoreboard>div:not(.match){display:flex;align-items:center;gap:16px}.tag{color:var(--lime);font-size:11px;letter-spacing:2px;font-weight:bold}.tag.rival{color:#ffb69e}.scoreboard strong{font-size:40px;font-weight:500;font-variant-numeric:tabular-nums}.match{text-align:center;display:grid;gap:6px}.match>span{font-size:9px;color:var(--muted);letter-spacing:2px}.match b{font-size:15px}.match small{font-size:10px;color:var(--muted)}.court-wrap{position:relative;height:min(62vw,610px);min-height:400px;overflow:hidden}canvas{width:100%;height:100%;display:block;touch-action:none}.court-caption{position:absolute;top:17px;left:22px;right:22px;display:flex;justify-content:space-between;color:#8cb1b6;font-size:8px;letter-spacing:2px;pointer-events:none}.announcement{position:absolute;top:17%;width:100%;text-align:center;pointer-events:none;color:var(--lime);font-weight:bold;font-size:22px;text-shadow:0 2px 8px #000;opacity:0;transition:opacity .15s}.announcement.show{opacity:1}.overlay{position:absolute;inset:0;display:flex;align-items:center;background:linear-gradient(90deg,#091821ed 0%,#091821d9 42%,#09182145 100%);padding:36px}.hidden{display:none!important}.menu-card{max-width:420px;width:100%}.eyebrow{font-size:9px;letter-spacing:2.5px;color:var(--lime);font-weight:700}h1{font-size:72px;line-height:.95;letter-spacing:-4px;margin:20px 0}h1 em{color:var(--lime);font-style:normal}p{color:#a9bcc0;line-height:1.65;font-size:14px}.settings{display:flex;gap:12px;margin:20px 0 15px}.settings label{width:50%;font-size:10px;color:var(--muted);display:grid;gap:8px}select{width:100%;padding:12px 8px;border:1px solid #35505c;border-radius:7px;background:#142a35;color:var(--text);font-size:12px}.assist{font-size:12px;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.assist input{accent-color:var(--lime)}.assist span{font-size:10px;color:var(--muted);margin-left:23px}.primary{display:flex;justify-content:space-between;align-items:center;background:var(--lime);color:#132621;font-weight:700;width:100%;border:0;padding:17px 20px;margin-top:22px}.menu-note{display:block;color:var(--muted);font-size:10px;margin-top:14px}.controls{display:flex;gap:14px;padding:16px 20px;border-top:1px solid var(--line)}.shot-buttons{display:flex;gap:10px;flex:1}.shot-buttons button{flex:1;display:grid;gap:4px;text-align:left;padding:11px 16px;transition:background .1s}.shot-buttons small{font-size:8px;color:var(--muted)}.shot-buttons b{font-size:18px}.shot-buttons span{font-size:10px;color:var(--muted)}.shot-buttons .smash{background:#d2f879;color:#173221}.smash small,.smash span{color:#426244}.shot-buttons button.active{background:#477165}.utility{display:grid;gap:7px}.utility button{font-size:11px;padding:8px 12px}.coach{padding:0 20px 15px;font-size:11px;color:var(--muted);min-height:29px}aside{display:flex;flex-direction:column;gap:16px}.panel{border:1px solid var(--line);background:linear-gradient(145deg,#152d37,#0c1b24);border-radius:15px;padding:24px}h2{font-size:29px;line-height:1.2;letter-spacing:-1px;margin:15px 0}.panel p{font-size:12px}.shot-guide{display:grid;gap:19px;margin-top:25px}.shot-guide>div{display:flex;gap:12px;align-items:center}.shot-guide i{width:9px;height:9px;border-radius:50%;background:#8ed7ef}.shot-guide .drop-dot{background:#d2f879}.shot-guide .smash-dot{background:#ffb69e}.shot-guide b{font-size:12px}.shot-guide small{display:block;color:var(--muted);font-size:10px;margin-top:6px}.compact{padding:22px}.muted{color:#759095!important}.personal-best{padding:18px 24px;border:1px solid var(--line);border-radius:12px;display:grid;grid-template-columns:1fr auto;gap:8px}.personal-best span{font-size:9px;letter-spacing:2px;color:var(--muted)}.personal-best strong{grid-column:2;grid-row:1/3;font-size:35px;color:var(--lime)}.personal-best small{font-size:10px;color:#69848b}.result-card h1{font-size:53px;letter-spacing:-2px}.result-stats{display:flex;gap:30px}.result-stats span{font-size:11px;color:var(--muted)}.result-stats b{display:block;font-size:34px;color:white;margin-top:6px}.secondary{width:100%;margin-top:10px}dialog{color:var(--text);background:#112732;border:1px solid #45616c;border-radius:18px;padding:32px;max-width:510px;width:calc(100% - 30px)}dialog::backdrop{background:#000b}.dialog-close{float:right;padding:3px 10px;font-size:24px}dialog p{font-size:13px}button:disabled{opacity:.4;cursor:default}@media(max-width:1000px){main{grid-template-columns:1fr}aside{display:grid;grid-template-columns:1fr 1fr}.personal-best{display:none}.court-wrap{height:590px}}@media(max-width:600px){header{padding:15px 12px}.brand{font-size:12px;gap:8px}.brand small{font-size:7px;letter-spacing:1.5px}.mark{padding:10px 7px}.top-actions button{font-size:10px;padding:9px 8px}main{padding:0 8px 20px;gap:16px}.arena{border-radius:12px}.scoreboard{padding:12px 14px}.scoreboard>div:not(.match){gap:8px}.scoreboard strong{font-size:29px}.tag{font-size:8px;letter-spacing:1px}.match>span{font-size:7px;letter-spacing:1px}.match b{font-size:11px}.match small{font-size:8px}.court-wrap{height:520px;min-height:0}.court-caption{left:13px;right:13px;font-size:7px;letter-spacing:1px}.overlay{padding:26px 22px;background:#091821dc}h1{font-size:61px;margin:18px 0}p{font-size:12px}.settings{margin-top:16px}.primary{margin-top:17px;padding:15px}.controls{padding:10px;gap:7px}.shot-buttons{gap:6px}.shot-buttons button{padding:10px 9px}.shot-buttons b{font-size:16px}.shot-buttons span{font-size:8px}.utility button{padding:6px;font-size:9px}.coach{font-size:10px;padding:0 12px 12px}aside{grid-template-columns:1fr}.panel{padding:20px}.panel h2 br{display:none}.shot-guide{grid-template-columns:1fr 1fr 1fr;gap:10px}.shot-guide>div{gap:6px}.shot-guide small{font-size:9px}.compact{display:none}}

.hit-hint{min-height:28px;padding:8px 12px;text-align:center;font-size:10px;letter-spacing:1.4px;color:#aac3c5;background:#122932;border-top:1px solid var(--line);transition:background .1s}.hit-hint.ready{background:var(--lime);color:#162d24;font-weight:800}.overlay{overflow:auto}.menu-card{margin:auto 0}button{touch-action:manipulation}.shot-buttons button{min-height:64px}.court-wrap{isolation:isolate}@media(max-width:600px){.court-wrap{height:clamp(285px,calc(100svh - 300px),520px)}.overlay{padding:18px}.menu-card h1{font-size:48px;margin:12px 0}.menu-card p{margin:10px 0}.settings{margin:12px 0}.settings select{padding:10px 6px}.menu-note{margin-top:10px}.assist span{margin-left:0}.shot-buttons button{min-height:64px}.utility button{min-height:30px}.hit-hint{font-size:9px;padding:7px}.court-caption{top:11px}}@media(max-height:650px) and (min-width:601px){.court-wrap{height:440px}.overlay{padding:20px}.menu-card h1{font-size:48px;margin:12px 0}.menu-card p{margin:10px 0}.settings{margin:10px 0}.primary{margin-top:12px}}

@media(max-width:350px){header{padding:12px 8px}.brand{font-size:10px;gap:6px}.brand small{font-size:6px;letter-spacing:1px}.top-actions{gap:4px}.top-actions button{font-size:9px;padding:8px 6px}.shot-buttons b{font-size:14px}.shot-buttons span{font-size:7px}.menu-card h1{font-size:40px}}
@media (max-height:500px) and (min-width:601px) and (max-width:1000px){header{padding:8px 16px}.mark{padding:8px}.brand small{margin-top:3px}main{padding:0 10px 10px}.arena{display:grid;grid-template-columns:minmax(0,1fr) 180px;grid-template-rows:auto auto 1fr auto}.scoreboard{grid-column:1/3;padding:8px 18px}.scoreboard strong{font-size:28px}.match{gap:3px}.court-wrap{grid-column:1;grid-row:2/5;height:calc(100svh - 135px);min-height:180px}.hit-hint{grid-column:2;grid-row:2;font-size:8px;letter-spacing:.5px}.controls{grid-column:2;grid-row:3;display:flex;flex-direction:column;padding:7px;gap:6px}.shot-buttons{flex-direction:column;gap:5px}.shot-buttons button{min-height:39px;display:flex;align-items:center;gap:8px;padding:7px}.shot-buttons b{font-size:14px}.shot-buttons span{font-size:9px}.shot-buttons small{display:none}.utility{display:flex}.utility button{flex:1;padding:5px;font-size:9px}.coach{grid-column:2;grid-row:4;font-size:9px;padding:5px 8px}.overlay{padding:12px 18px}.menu-card h1{font-size:34px;margin:8px 0}.menu-card p{font-size:11px;margin:6px 0}.settings{margin:8px 0}.settings select{padding:7px}.primary{padding:11px;margin-top:10px}.menu-note{font-size:8px}aside{display:none}}