:root{--radius: 4px;--radius-sm: 2px;--gap: 10px;--pad: 14px;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-score: "Segoe UI", system-ui, sans-serif}[data-theme=rg]{--bg: #7c3a1d;--surface: #8a4322;--surface-alt: #934826;--line: rgba(255, 255, 255, .1);--text: #f6efe4;--text-dim: rgba(246, 239, 228, .58);--accent: #f2c14e;--accent-p1: #e8a13c;--accent-p2: #2f9f6a;--winner: #f2c14e;--btn-bg: #1f6b3d;--btn-bg-active: #258049;--btn-text: #ffffff;--btn-secondary-bg: rgba(255, 255, 255, .1);--btn-secondary-text: var(--text)}[data-theme=ao]{--bg: #0a2540;--surface: #123a63;--surface-alt: #16456f;--line: rgba(255, 255, 255, .1);--text: #eef5fb;--text-dim: rgba(238, 245, 251, .58);--accent: #2ea3f2;--accent-p1: #ffd23c;--accent-p2: #4ec3ff;--winner: #2ea3f2;--btn-bg: #1d6fb8;--btn-bg-active: #2588d8;--btn-text: #ffffff;--btn-secondary-bg: rgba(255, 255, 255, .1);--btn-secondary-text: var(--text)}[data-theme=usopen]{--bg: #10243e;--surface: #1b3a5f;--surface-alt: #21456e;--line: rgba(255, 255, 255, .1);--text: #f1f5fa;--text-dim: rgba(241, 245, 250, .58);--accent: #ffd400;--accent-p1: #ffd400;--accent-p2: #5aa0e6;--winner: #ffd400;--btn-bg: #15467a;--btn-bg-active: #1c5896;--btn-text: #ffffff;--btn-secondary-bg: rgba(255, 255, 255, .1);--btn-secondary-text: var(--text)}[data-theme=wimbledon]{--bg: #00492f;--surface: #015c3c;--surface-alt: #066844;--line: rgba(255, 255, 255, .1);--text: #f3f7f4;--text-dim: rgba(243, 247, 244, .58);--accent: #caa54a;--accent-p1: #caa54a;--accent-p2: #7a4fb0;--winner: #caa54a;--btn-bg: #52297a;--btn-bg-active: #653497;--btn-text: #ffffff;--btn-secondary-bg: rgba(255, 255, 255, .1);--btn-secondary-text: var(--text)}[data-theme=wta]{--bg: #3a1a5c;--surface: #4a2470;--surface-alt: #552a7f;--line: rgba(255, 255, 255, .1);--text: #f6f0fb;--text-dim: rgba(246, 240, 251, .58);--accent: #e6007e;--accent-p1: #e6007e;--accent-p2: #b98cff;--winner: #e6007e;--btn-bg: #8a2bbf;--btn-bg-active: #a13ad9;--btn-text: #ffffff;--btn-secondary-bg: rgba(255, 255, 255, .1);--btn-secondary-text: var(--text)}[data-theme=atp]{--bg: #06122b;--surface: #0e2a52;--surface-alt: #133564;--line: rgba(255, 255, 255, .1);--text: #eef3fb;--text-dim: rgba(238, 243, 251, .58);--accent: #0091ff;--accent-p1: #0091ff;--accent-p2: #9fd0ff;--winner: #0091ff;--btn-bg: #11498f;--btn-bg-active: #185db4;--btn-text: #ffffff;--btn-secondary-bg: rgba(255, 255, 255, .1);--btn-secondary-text: var(--text)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;touch-action:manipulation;-webkit-user-select:none;user-select:none}.material-symbols-outlined{font-size:1.4em;line-height:1;vertical-align:middle;-webkit-font-smoothing:antialiased;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}.app{height:100dvh;display:flex;flex-direction:column;padding:max(var(--pad),env(safe-area-inset-top)) var(--pad) max(var(--pad),env(safe-area-inset-bottom));gap:var(--gap);overflow:hidden}.scoreboard{flex:1;min-height:0;background:var(--surface);border-radius:var(--radius);display:grid;grid-template-rows:auto 1fr 1fr;overflow:hidden}.row{display:grid;grid-template-columns:2fr 1fr 1fr 1.2fr;align-items:center}.row.header{border-bottom:1px solid var(--line)}.row.player+.row.player{border-top:1px solid var(--line)}.cell{padding:0 12px;display:flex;align-items:center;min-width:0}.cell.center{justify-content:center}.row.header .cell{height:34px;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim)}.player-name{font-size:clamp(1.1rem,5vw,1.6rem);font-weight:600;background:none;border:none;color:var(--text);padding:6px 0;width:100%;font-family:inherit;outline:none}.player-name:focus{color:var(--accent)}.swatch{width:8px;align-self:stretch;flex:none;margin-right:10px}.row.player[data-player="0"] .swatch{background:var(--accent-p1)}.row.player[data-player="1"] .swatch{background:var(--accent-p2)}.score{font-family:var(--font-score);font-variant-numeric:tabular-nums;font-weight:700;line-height:1}.score.sets,.score.games{font-size:clamp(1.6rem,8vw,2.6rem)}.score.points{font-size:clamp(2.2rem,12vw,3.6rem);color:var(--accent)}.row.player.winner{background:color-mix(in srgb,var(--winner) 12%,transparent)}.row.player.winner .player-name{color:var(--winner)}.winner-banner{display:flex;align-items:center;justify-content:center;gap:6px;text-align:center;font-size:.85rem;color:var(--winner);font-weight:600;padding:4px 0 2px}.controls{display:flex;flex-direction:column;gap:var(--gap);flex:none}.score-buttons{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap)}.history-buttons{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--gap)}button{font-family:inherit;cursor:pointer;border:none;border-radius:var(--radius-sm);color:var(--btn-text);-webkit-tap-highlight-color:transparent}.btn-score{background:var(--btn-bg);padding:18px 12px;font-size:clamp(1rem,4.5vw,1.25rem);font-weight:700;min-height:64px;display:flex;flex-direction:column;align-items:center;gap:4px;line-height:1.1}.btn-score:active{background:var(--btn-bg-active)}.btn-score[data-player="0"]{border-bottom:4px solid var(--accent-p1)}.btn-score[data-player="1"]{border-bottom:4px solid var(--accent-p2)}.btn-score .material-symbols-outlined{font-size:1.8em}.btn-score:disabled{opacity:.4}.btn-secondary{background:var(--btn-secondary-bg);color:var(--btn-secondary-text);padding:14px;font-size:1rem;font-weight:600;min-height:50px}.btn-secondary:active{background:#ffffff29}.btn-secondary:disabled{opacity:.35}.reset-link{background:none;color:var(--text-dim);font-size:.8rem;padding:2px;align-self:center;display:inline-flex;align-items:center;gap:5px}.reset-link .material-symbols-outlined{font-size:1.1em}.icon-btn{background:none;color:var(--text);display:inline-flex;align-items:center;justify-content:center;padding:6px}.settings-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:flex-end;justify-content:center;z-index:100}.settings-panel{width:100%;max-width:520px;background:var(--surface);border-radius:var(--radius) var(--radius) 0 0;padding:var(--pad) var(--pad) max(var(--pad),env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:var(--gap);max-height:85dvh;overflow-y:auto}.settings-header{display:flex;align-items:center;justify-content:space-between}.settings-title{margin:0;font-size:1.1rem;font-weight:700}.settings-section-title{margin:0 0 8px;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim)}.theme-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap)}.theme-option{display:flex;align-items:center;gap:10px;background:var(--btn-secondary-bg);color:var(--text);padding:12px;text-align:left;border:2px solid transparent;min-height:56px}.theme-option.selected{border-color:var(--accent)}.theme-swatches{display:inline-flex;flex:none}.theme-swatch{width:14px;height:22px}.theme-swatch:first-child{border-radius:var(--radius-sm) 0 0 var(--radius-sm)}.theme-swatch:last-child{border-radius:0 var(--radius-sm) var(--radius-sm) 0}.theme-label{font-size:.9rem;font-weight:600;flex:1;min-width:0}.theme-check{color:var(--accent);font-size:1.2em;flex:none}