:root{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.4;font-weight:450;color:#111827;background:radial-gradient(circle at top,#f9fafb,#f2f4f7 45%,#e9edf3);--bg-surface: rgba(255, 255, 255, .9);--bg-surface-strong: rgba(255, 255, 255, .98);--bg-soft: #eef2f7;--text-main: #111827;--text-muted: #6b7280;--text-subtle: #4b5563;--line-soft: rgba(107, 114, 128, .24);--line-strong: rgba(107, 114, 128, .36);--action: #2563eb;--action-hover: #1d4ed8;--on-action: #f8faff;--serve: #ea580c;--error: #b91c1c;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}a{color:inherit}button,input,select{font:inherit}#root{margin:0 auto}.app-shell{max-width:1040px;margin:0 auto;padding:1rem}.brand{margin:0;font-size:1.15rem;font-weight:700;letter-spacing:.04em}.top-controls{display:flex;justify-content:center;align-items:center;gap:.45rem;margin-top:.2rem;margin-bottom:.6rem}.top-brand{margin:0;display:inline-flex;align-items:center;gap:.35rem;color:var(--text-subtle);font-size:.92rem;font-weight:700;padding:.25rem .5rem}.top-links{display:inline-flex;align-items:center;gap:.45rem;margin-left:.4rem;padding-left:.55rem;border-left:1px solid var(--line-soft)}.tournament-players{display:grid;gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.tournament-player-option{display:flex;align-items:center;gap:.55rem;min-height:44px;padding:.45rem .55rem;border:1px solid var(--line-soft);border-radius:12px;background:var(--bg-surface-strong);font-weight:600}.tournament-player-option input[type=checkbox]{width:1rem;height:1rem}.tournament-actions{display:flex;align-items:center;justify-content:space-between;gap:.8rem;flex-wrap:wrap}.tournament-actions .helper{margin:0}.tournament-action-buttons{display:inline-flex;align-items:center;gap:.5rem;flex-wrap:wrap}.tournament-turns-list,.tournament-round-list{margin:0;padding:0;list-style:none;display:grid;gap:.45rem}.tournament-turns-list li,.tournament-round-list li{display:flex;justify-content:space-between;align-items:center;gap:.7rem;background:var(--bg-surface-strong);border:1px solid var(--line-soft);border-radius:10px;padding:.5rem .65rem}.tournament-round-list li{align-items:flex-start;flex-direction:column}.tournament-round .tournament-round-status{font-weight:700;font-size:.92rem}.tournament-round.winner{border-color:#05966980;background:linear-gradient(135deg,#dcfce7eb,#f0fdf4fa)}.tournament-round.winner .tournament-round-status{color:#065f46}.tournament-round.in-progress{border-color:#2563eb73;background:linear-gradient(135deg,#dbeafee6,#eff6fffa)}.tournament-round.in-progress .tournament-round-status{color:#1d4ed8}.tournament-leaderboard{border:1px solid var(--line-soft);border-radius:12px;overflow:auto;background:var(--bg-surface)}.tournament-leaderboard table{width:100%;border-collapse:collapse;font-size:.92rem}.tournament-leaderboard th,.tournament-leaderboard td{padding:.45rem .55rem;border-bottom:1px solid var(--line-soft);text-align:left;white-space:nowrap}.tournament-leaderboard th{background:var(--bg-soft);font-size:.78rem;text-transform:uppercase;letter-spacing:.05em}.tournament-leaderboard tbody tr:last-child td{border-bottom:none}.tournament-leaderboard tbody tr.podium{background:linear-gradient(135deg,#fef9c366,#fffbeb8c)}.leaderboard-delta{font-weight:700}.leaderboard-delta.up{color:#166534}.leaderboard-delta.down{color:#991b1b}.leaderboard-delta.same{color:var(--text-muted)}.top-controls a{text-decoration:none;color:var(--text-muted);font-weight:600;font-size:.95rem;padding:.35rem .65rem;border-radius:999px}.top-controls a.active,.top-controls a:hover{background:var(--bg-soft)}.page{margin-top:1rem;display:grid;gap:1rem}.live-header{display:grid;gap:.3rem}.tournament-chip{margin:0;justify-self:start;display:inline-flex;align-items:center;gap:.4rem;padding:.25rem .65rem;border-radius:999px;border:1px solid rgba(14,116,144,.28);background:linear-gradient(135deg,#e0f2fee6,#cffafecc);color:#155e75;font-size:.86rem;font-weight:700}.round-timer{margin:0;justify-self:start;display:inline-flex;align-items:center;padding:.2rem .55rem;border-radius:999px;border:1px solid var(--line-soft);background:var(--bg-surface-strong);color:var(--text-muted);font-size:.82rem;font-weight:700}.live-layout{display:grid;gap:1rem}.page h1,.page h2,.page h3{margin:0}.helper{margin:0;color:var(--text-muted)}.error{margin:0;color:var(--error);font-weight:600}.panel{background:var(--bg-surface);border:1px solid var(--line-soft);border-radius:18px;padding:1rem;display:grid;gap:.75rem}.start-panel{gap:1rem}.start-top-controls{display:grid;gap:.7rem}.team-setup-grid{display:grid;gap:.9rem}.team-card{border:1px solid var(--line-soft);border-radius:14px;padding:.8rem;display:grid;gap:.6rem;background:var(--bg-surface)}.team-card h2{margin:0;font-size:1rem;color:var(--text-subtle)}.start-footer{display:flex;align-items:center;justify-content:space-between;gap:.8rem}.start-footer .helper{font-size:.95rem}label{display:grid;gap:.35rem;font-weight:600}input,select{background:var(--bg-surface-strong);border:1px solid var(--line-strong);border-radius:12px;min-height:44px;padding:.5rem .65rem}button{border:none;border-radius:12px;min-height:44px;padding:.5rem .85rem;cursor:pointer;background:var(--action);color:var(--on-action);font-weight:650}button:hover:not(:disabled){background:color-mix(in srgb,var(--action) 88%,#000)}button:disabled{opacity:.48;cursor:not-allowed}button.button-danger{background:#fee2e2;color:#991b1b;border:1px solid #fca5a5}button.button-danger:hover:not(:disabled){background:#fecaca;border-color:#f87171}.row{display:flex;gap:.7rem}.row input{flex:1}.scoreboard{display:grid;gap:.9rem}.game-ball-banner{grid-column:1 / -1;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.5rem .8rem;border-radius:999px;border:2px solid var(--serve);color:#fff;background:linear-gradient(135deg,#fb923c,#ea580c 45%,#c2410c);box-shadow:0 8px 18px #c2410c47;animation:game-ball-glow 1.8s ease-in-out infinite}.winner-banner{grid-column:1 / -1;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.5rem .8rem;border-radius:999px;border:2px solid #059669;color:#ecfdf5;background:linear-gradient(135deg,#22c55e,#16a34a 45%,#15803d);box-shadow:0 8px 18px #15803d4d;animation:winner-glow 1.9s ease-in-out infinite}.winner-crown{display:inline-block;animation:winner-bob 1.2s ease-in-out infinite}.winner-spark{display:inline-block;animation:winner-twinkle 1s ease-in-out infinite}.game-ball-slot{grid-column:1 / -1;min-height:2.35rem;display:flex;align-items:center;justify-content:center}.game-ball-dot{width:.58rem;height:.58rem;border-radius:999px;background:#fff8ea;animation:game-ball-ping 1.2s ease-in-out infinite}.game-ball-spark{display:inline-block;animation:game-ball-bob 1.1s ease-in-out infinite}@keyframes game-ball-glow{0%,to{transform:translateY(0);box-shadow:0 8px 18px #c2410c3d}50%{transform:translateY(-1px);box-shadow:0 12px 24px #c2410c5c}}@keyframes game-ball-ping{0%,to{opacity:1;transform:scale(1)}50%{opacity:.65;transform:scale(1.35)}}@keyframes game-ball-bob{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-2px) rotate(-12deg)}}@keyframes winner-glow{0%,to{transform:translateY(0);box-shadow:0 8px 18px #15803d42}50%{transform:translateY(-1px);box-shadow:0 12px 24px #15803d66}}@keyframes winner-bob{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-2px) rotate(-10deg)}}@keyframes winner-twinkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.65;transform:scale(1.2)}}@media(prefers-reduced-motion:reduce){.game-ball-banner,.game-ball-dot,.game-ball-spark,.winner-banner,.winner-crown,.winner-spark{animation:none}}.player-card{border-radius:18px;padding:1rem;background:var(--bg-surface);border:2px solid transparent;display:grid;gap:.55rem}.player-card.tappable{cursor:pointer}.player-card.tappable:active{transform:scale(.995)}.player-card.serving{border-color:var(--serve)}.player-card h2{margin:0;font-size:1.35rem}.score{margin:0;font-size:clamp(2.7rem,12vw,4.4rem);font-weight:750}.score-actions{display:grid;grid-template-columns:1fr auto auto;gap:.5rem}.serve-progress{display:flex;gap:.55rem;align-items:center;min-height:2.2rem}.serve-progress.placeholder{visibility:hidden}.serve-step{width:2.2rem;height:2.2rem;border-radius:999px;display:grid;place-items:center;font-size:1.1rem;font-weight:700;border:2px solid var(--line-strong);color:var(--text-subtle);background:var(--bg-surface-strong)}.serve-step.filled{background:var(--serve);color:#fff;border-color:var(--serve)}.serve-pill{display:inline-flex;align-items:center;justify-content:center;min-height:2.2rem;min-width:10rem;border-radius:999px;padding:0 1rem;font-weight:800;letter-spacing:.06em;border:2px solid var(--line-strong);color:var(--text-subtle);background:var(--bg-surface-strong)}.serve-pill.deuce{background:var(--serve);color:#fff;border-color:var(--serve)}.controls-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:1rem}.controls-row.ended{grid-template-columns:minmax(0,1fr) auto}.postgame-cta{grid-column:1 / -1;display:flex;justify-content:center}.postgame-cta button{width:min(100%,22rem);font-size:1.05rem;font-weight:700}.control-actions{display:flex;gap:.45rem;flex-wrap:wrap;justify-content:flex-end}@media(max-width:560px){.top-links{margin-left:.25rem;padding-left:.4rem;gap:.25rem}.score-actions{grid-template-columns:1fr 1fr}.score-actions button:first-child{grid-column:1 / -1}.controls-row{grid-template-columns:1fr}}@media(orientation:landscape)and (max-width:960px){.app-shell{padding-top:.6rem;padding-bottom:.6rem}.top-controls{margin-bottom:.3rem}.live-game-page{margin-top:.45rem;gap:.6rem}.live-layout{gap:.6rem}.live-game-page .scoreboard{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.55rem;min-height:clamp(15rem,68vh,27rem)}.live-game-page .player-card{padding:.8rem;gap:.45rem}.live-game-page .player-card h2{font-size:clamp(.95rem,2.4vw,1.1rem)}.live-game-page .score-actions{grid-template-columns:1fr 1fr 1fr;gap:.4rem}.live-game-page .score-actions button{min-height:38px;padding:.35rem .45rem;font-size:.82rem}.live-game-page .controls-row{grid-column:1 / -1;gap:.6rem}.live-game-page .status-line{font-size:.92rem}.live-game-page .serve-progress{min-height:1.9rem}.live-game-page .serve-step,.live-game-page .serve-pill{height:1.9rem;min-height:1.9rem}.live-game-page .serve-pill{min-width:8.4rem}.live-game-page .score{font-size:clamp(2.2rem,13vh,4.4rem)}}@media(orientation:landscape)and (max-width:960px)and (max-height:520px){.live-game-page,.live-layout{gap:.45rem}.live-game-page .player-card{padding:.7rem;gap:.35rem}.live-game-page .score{font-size:clamp(1.9rem,12vh,3.2rem)}.live-game-page .score-actions button{min-height:34px;font-size:.78rem;padding:.3rem .35rem}.live-game-page .serve-step,.live-game-page .serve-pill{min-height:1.75rem;height:1.75rem}.live-game-page .serve-pill{min-width:7.6rem}}.status-line{margin:0;font-weight:650;min-width:0}.timeline ul,.history-list,.user-list{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}.timeline li{display:grid;grid-template-columns:auto 1fr;gap:.8rem;font-size:.95rem;padding:.45rem .55rem;border-radius:9px;background:var(--bg-surface-strong)}.timeline li.undone{opacity:.55;text-decoration:line-through}.history-item{width:100%;text-align:left;display:grid;gap:.25rem;background:var(--bg-soft);color:var(--text-main);border:1px solid transparent}.history-item:hover:not(:disabled){background:color-mix(in srgb,var(--bg-soft) 70%,#dbeafe);border-color:color-mix(in srgb,var(--line-strong) 72%,#60a5fa)}.history-item[aria-expanded=true]{border-color:var(--line-strong)}.history-detail{margin-top:.45rem;border-radius:12px;padding:.75rem;gap:.6rem}.user-list li{display:flex;gap:.7rem}.user-list input{flex:1}@media(min-width:760px){.app-shell{padding:1.4rem}.scoreboard,.start-top-controls,.team-setup-grid{grid-template-columns:1fr 1fr}.controls-row{grid-column:1 / -1}}