:root{--bg:#0f172a;--surface:#1e293b;--surface-2:#273549;--surface-3:#334155;--border:#334155;--border-2:#475569;--text:#f1f5f9;--muted:#94a3b8;--muted-2:#64748b;--brand:#a3e635;--brand-ink:#1a2e05;--teamA:#38bdf8;--teamB:#fb7185;--winner:#22c55e;--winner-ink:#052e16;--forced:#f59e0b;--forced-ink:#422006;--unforced:#ef4444;--unforced-ink:#450a0a;--radius:16px;--radius-sm:11px;--gap:8px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);overscroll-behavior:none;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Apple SD Gothic Neo,Noto Sans KR,sans-serif;font-size:16px;line-height:1.4}button{color:inherit;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;background:0 0;border:none;font-family:inherit}input,select{font-family:inherit;font-size:16px}h1,h2,h3{margin:0;font-weight:700}.app{flex-direction:column;max-width:520px;min-height:100%;margin:0 auto;display:flex}.screen{padding:calc(var(--safe-top) + 12px) 14px calc(var(--safe-bottom) + 14px);flex-direction:column;flex:1;gap:14px;display:flex}.screen-title{letter-spacing:-.02em;font-size:22px}.muted{color:var(--muted)}.small{font-size:13px}.btn{border-radius:var(--radius-sm);background:var(--surface-3);color:var(--text);justify-content:center;align-items:center;gap:6px;padding:14px 16px;font-size:16px;font-weight:600;transition:transform 50ms,background .12s,opacity .12s;display:inline-flex}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.4;cursor:default}.btn-primary{background:var(--brand);color:var(--brand-ink)}.btn-ghost{background:var(--surface);border:1px solid var(--border)}.btn-block{width:100%}.btn-lg{padding:18px;font-size:18px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px}.field{flex-direction:column;gap:6px;display:flex}.field>label{color:var(--muted);font-size:13px;font-weight:600}.input{background:var(--surface-2);border:1px solid var(--border-2);border-radius:var(--radius-sm);width:100%;color:var(--text);padding:12px 13px}.input:focus{outline:2px solid var(--brand);outline-offset:-1px}.row{gap:var(--gap);display:flex}.row>*{flex:1}.seg{background:var(--surface-2);border-radius:var(--radius-sm);gap:4px;padding:4px;display:flex}.seg button{color:var(--muted);border-radius:8px;flex:1;padding:10px;font-weight:600}.seg button.on{background:var(--brand);color:var(--brand-ink)}.hero{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:28px 0 8px;display:flex}.hero .logo{width:64px;height:64px}.hero h1{letter-spacing:-.02em;font-size:26px}.live{padding:calc(var(--safe-top) + 8px) 10px calc(var(--safe-bottom) + 10px);gap:10px}.scorebar{align-items:center;gap:10px;display:flex}.scorebar .games{flex:1;gap:8px;display:flex}.team-score{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);flex:1;justify-content:space-between;align-items:center;padding:8px 10px;display:flex}.team-score .name{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;max-width:56%;font-size:13px;overflow:hidden}.team-score.A .dot{color:var(--teamA)}.team-score.B .dot{color:var(--teamB)}.team-score .pts{font-variant-numeric:tabular-nums;align-items:baseline;gap:8px;display:flex}.team-score .game{font-size:20px;font-weight:800}.team-score .point{color:var(--brand);text-align:right;min-width:26px;font-size:15px;font-weight:700}.team-score.serving{border-color:var(--brand)}.undo-btn{border-radius:var(--radius-sm);background:var(--surface-3);flex-direction:column;flex:none;align-items:center;gap:2px;width:58px;padding:12px 0;font-size:13px;font-weight:700;display:flex}.undo-btn .ic{font-size:18px}.progress{gap:6px;display:flex}.progress .step{background:var(--surface);border:1px solid var(--border);color:var(--muted);border-radius:999px;flex:1;align-items:center;gap:6px;padding:7px 10px;font-size:13px;display:flex;overflow:hidden}.progress .step .n{color:var(--muted-2);font-weight:800}.progress .step.filled{border-color:var(--brand);color:var(--text)}.progress .step.filled .n{color:var(--brand)}.progress .step .v{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.serverow{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);flex-direction:column;gap:6px;padding:8px 10px;display:flex}.serverow .who{align-items:center;gap:8px;font-size:13px;display:flex}.serverow .who .tag{font-weight:700}.serverow .who .tag.serve{color:var(--brand)}.serverow .actions{gap:6px;display:flex}.serverow .actions .btn{background:var(--surface-3);flex:1;padding:11px 6px;font-size:14px}.serverow .actions .btn.fault.armed{background:var(--forced);color:var(--forced-ink)}.serverow .actions .btn.opp-df{background:color-mix(in srgb, var(--winner) 22%, var(--surface-3));color:var(--text);justify-content:center;align-items:baseline;gap:8px;display:flex}.serverow .actions .btn .sub{color:var(--winner);font-size:12px;font-weight:600}.court{gap:8px;display:flex}.player-btn{border-radius:var(--radius);background:var(--surface);border:2px solid var(--border);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;min-height:92px;padding:10px;display:flex}.player-btn .pname{letter-spacing:-.01em;font-size:19px;font-weight:800}.player-btn .pside{color:var(--muted);font-size:12px}.player-btn.sel{border-color:var(--brand);background:color-mix(in srgb, var(--brand) 14%, var(--surface))}.player-btn.serving:after{content:"🎾";position:absolute}.player-btn{position:relative}.player-btn .serve-ic{font-size:13px;position:absolute;top:6px;right:8px}.opp-btn{border-radius:var(--radius);background:color-mix(in srgb, var(--teamB) 16%, var(--surface));border:2px solid color-mix(in srgb, var(--teamB) 40%, var(--border));min-height:92px;color:var(--teamB);text-align:center;flex-direction:column;flex:0 0 30%;justify-content:center;align-items:center;gap:4px;font-weight:800;line-height:1.2;display:flex}.opp-btn .sub{color:var(--muted);font-size:11px;font-weight:600}.shots{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.shot-btn{border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--border);padding:12px 4px;font-size:14px;font-weight:600}.shot-btn.sel{border-color:var(--brand);background:color-mix(in srgb, var(--brand) 16%, var(--surface))}.results{gap:8px;margin-top:auto;display:flex}.result-btn{border-radius:var(--radius);flex-direction:column;flex:1;align-items:center;gap:3px;padding:20px 6px;font-size:17px;font-weight:800;display:flex}.result-btn .sub{opacity:.85;font-size:11px;font-weight:600}.result-btn.winner{background:var(--winner);color:var(--winner-ink)}.result-btn.forced{background:var(--forced);color:var(--forced-ink)}.result-btn.unforced{background:var(--unforced);color:var(--unforced-ink)}.result-btn:disabled{opacity:.35}.toast{left:50%;bottom:calc(var(--safe-bottom) + 18px);color:#0f172a;z-index:50;text-align:center;background:#f8fafc;border-radius:999px;max-width:92%;padding:10px 16px;font-size:14px;font-weight:700;animation:.16s toast-in;position:fixed;transform:translate(-50%);box-shadow:0 8px 24px #0006}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}}.done-banner{background:color-mix(in srgb, var(--brand) 18%, var(--surface));border:1px solid var(--brand);border-radius:var(--radius);text-align:center;flex-direction:column;align-items:center;gap:10px;padding:16px;display:flex}.list{flex-direction:column;gap:8px;display:flex}.list-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);justify-content:space-between;align-items:center;gap:8px;padding:12px 14px;display:flex}.stat-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}.stat-table th,.stat-table td{text-align:center;border-bottom:1px solid var(--border);padding:9px 8px;font-size:14px}.stat-table th{color:var(--muted);font-size:12px;font-weight:600}.stat-table td.label{text-align:left;color:var(--muted)}.stat-table td.name{text-align:left;font-weight:700}.coach-head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.coach-loading{color:var(--muted);align-items:center;gap:10px;padding:8px 0;display:flex}.spinner{border:2px solid var(--surface-3);border-top-color:var(--brand);border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.coach-result{flex-direction:column;gap:14px;display:flex}.coach-headline{letter-spacing:-.01em;font-size:18px;font-weight:800;line-height:1.35}.coach-block ul{margin:6px 0 0;padding-left:18px}.coach-block li{margin-bottom:4px}.coach-label{letter-spacing:.02em;font-size:12px;font-weight:700}.coach-improvement{gap:10px;margin-top:8px;display:flex}.coach-improvement .rank{background:var(--forced);height:22px;color:var(--forced-ink);border-radius:50%;flex:0 0 22px;justify-content:center;align-items:center;font-size:13px;font-weight:800;display:flex}.imp-title{font-weight:700}.imp-detail{margin-top:2px;line-height:1.4}.coach-next{background:color-mix(in srgb, var(--brand) 12%, var(--surface));border:1px solid color-mix(in srgb, var(--brand) 35%, var(--border));border-radius:var(--radius-sm);padding:10px 12px}.coach-next .coach-label{color:var(--brand);margin-bottom:3px;display:block}.persona-section{border-top:1px solid var(--border);margin-top:6px;padding-top:12px}.persona-toggle{text-align:left;width:100%;color:var(--text);padding:4px 0;font-size:14px;font-weight:700}.persona-list{flex-direction:column;gap:10px;margin-top:10px;display:flex}.persona-card{background:var(--surface-2);border:1px solid var(--border);border-top:3px solid var(--border-2);border-radius:var(--radius-sm);padding:12px}.persona-name{font-size:15px;font-weight:800}.persona-philo{margin-top:2px;font-style:italic}.persona-result{flex-direction:column;gap:6px;margin-top:10px;display:flex}.persona-headline{font-size:14px;font-weight:700;line-height:1.35}.persona-imp{line-height:1.4}.persona-next{margin-top:2px;font-weight:700}.sync-badge{border:1px solid var(--border);background:var(--surface);border-radius:999px;align-items:center;gap:4px;padding:6px 12px;font-size:13px;font-weight:700;display:inline-flex}.sync-badge.ok{color:var(--winner);border-color:color-mix(in srgb, var(--winner) 40%, var(--border))}.sync-badge.pending{color:var(--forced);border-color:color-mix(in srgb, var(--forced) 40%, var(--border))}.sync-badge.off{color:var(--muted)}.spacer{flex:1}.stack{flex-direction:column;gap:12px;display:flex}.topnav{align-items:center;gap:10px;display:flex}.back{color:var(--muted);padding:6px 4px;font-size:15px}