*,*:before,*:after{box-sizing:border-box}:root{--bg: #111827;--surface: #1f2937;--surface2: #374151;--border: #374151;--text: #f9fafb;--text-muted: #9ca3af;--accent: #10b981;--accent-hover: #059669;--danger: #ef4444;--warn: #f59e0b;--active: #3b82f6;--radius: 10px}body{margin:0;min-height:100dvh;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,sans-serif;font-size:16px;-webkit-font-smoothing:antialiased}#root{min-height:100dvh;display:flex;flex-direction:column}button{font-family:inherit;cursor:pointer;border:none;border-radius:var(--radius);font-size:.9rem;font-weight:600;transition:opacity .15s,background .15s}button:disabled{opacity:.4;cursor:not-allowed}button:active:not(:disabled){opacity:.8}input{font-family:inherit;font-size:1rem;background:var(--surface2);border:1.5px solid var(--border);border-radius:var(--radius);color:var(--text);padding:.6rem .8rem;outline:none;transition:border-color .15s}input:focus{border-color:var(--accent)}input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent)}.app{display:flex;flex-direction:column;min-height:100dvh;max-width:600px;margin:0 auto;padding:0 0 2rem;width:100%;box-sizing:border-box}.app-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10}.app-header h1{margin:0;font-size:1.4rem;letter-spacing:-.5px}.header-actions{display:flex;align-items:center;gap:.5rem}.history-btn,.new-game-btn,.secondary-btn{background:var(--surface2);color:var(--text);padding:.4rem .8rem}.history-btn:hover,.new-game-btn:hover,.secondary-btn:hover{background:var(--border)}.start-btn{background:var(--accent);color:#fff;padding:.75rem 2rem;font-size:1rem;width:100%;margin-top:1rem}.start-btn:hover{background:var(--accent-hover)}.add-player-btn{background:transparent;color:var(--accent);border:1.5px dashed var(--accent);width:100%;padding:.6rem;margin-top:.5rem}.remove-btn{background:transparent;color:var(--danger);padding:.4rem .6rem;font-size:.85rem}.undo-btn{background:var(--surface2);color:var(--text);padding:.5rem 1rem}.clear-btn{background:transparent;color:var(--danger);font-size:.85rem}.close-btn{background:transparent;color:var(--text-muted);font-size:1.1rem;padding:.2rem .5rem}.voice-toggle-compact{display:flex;align-items:center;gap:.3rem;cursor:pointer;font-size:1.2rem;padding:.2rem}.voice-toggle-compact input{display:none}.setup-panel{padding:1.5rem 1rem;display:flex;flex-direction:column;gap:1rem}.setup-panel h2{margin:0 0 .5rem;font-size:1.2rem;color:var(--text-muted)}.players-setup{display:flex;flex-direction:column;gap:.5rem}.player-setup-row{display:flex;gap:.5rem}.name-input{flex:1}.voice-toggle-row{display:flex;flex-direction:column;gap:.25rem}.toggle-label{display:flex;align-items:center;gap:.5rem;cursor:pointer}.toggle-text{font-size:.95rem}.toggle-hint{font-size:.8rem;color:var(--text-muted)}.checkout-discovery-hint{font-size:.78rem;font-style:italic;color:var(--text-muted)}.scoreboard{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem;padding:1rem}.player-card{background:var(--surface);border-radius:var(--radius);padding:1rem;border:2px solid transparent;transition:border-color .2s}.player-card.active{border-color:var(--active)}.player-name{font-size:.85rem;color:var(--text-muted);margin-bottom:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-score{font-size:3rem;font-weight:800;line-height:1;letter-spacing:-2px}.player-stats{display:flex;gap:.75rem;font-size:.78rem;color:var(--text-muted);margin-top:.4rem}.checkout-hint{margin-top:.6rem;padding:.5rem;background:#10b9811f;border-radius:6px;font-size:.8rem}.checkout-hint.no-checkout{background:#ef44441a;color:var(--danger)}.checkout-label{font-size:.7rem;color:var(--accent);font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.3rem}.checkout-throws{display:flex;flex-wrap:wrap;gap:.3rem}.checkout-route{display:flex;align-items:center;gap:.3rem;margin-top:.25rem}.checkout-route:first-child{margin-top:0}.route-num{font-size:.7rem;color:var(--accent);font-weight:700;min-width:1.1rem;flex-shrink:0}.checkout-hint.dim{background:#10b9810f}.checkout-hint.dim .throw-badge{background:#10b98173}.next-checkout{border:1px solid rgba(16,185,129,.25)}.throw-badge{background:var(--accent);color:#fff;border-radius:4px;padding:.1rem .4rem;font-size:.75rem;font-weight:700}.last-throw{margin:0 1rem;padding:.5rem .75rem;border-radius:var(--radius);font-size:.9rem;font-weight:600;text-align:center}.good-throw{background:#10b98126;color:var(--accent)}.bust-throw{background:#ef444426;color:var(--danger)}.free-play-badge{font-size:.7rem;font-weight:800;letter-spacing:.5px;color:var(--accent);border:1.5px solid var(--accent);border-radius:4px;padding:.15rem .4rem;text-transform:uppercase}.player-selector{display:flex;gap:.4rem}.player-btn{flex:1;padding:.5rem .4rem;background:var(--surface2);color:var(--text-muted);border:2px solid transparent;border-radius:var(--radius);font-size:.85rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:border-color .15s,color .15s}.player-btn.selected{border-color:var(--active);color:var(--text);background:var(--surface)}.player-btn.on-deck{position:relative}.player-btn.on-deck:after{content:"";position:absolute;top:4px;right:4px;width:6px;height:6px;border-radius:50%;background:var(--accent)}.score-input-panel{padding:1rem;display:flex;flex-direction:column;gap:.75rem;width:100%;box-sizing:border-box}.input-label{font-size:.9rem;color:var(--text-muted);font-weight:600}.input-row{display:flex;gap:.5rem;width:100%;box-sizing:border-box}.score-field{flex:1;font-size:1.5rem;font-weight:700;text-align:center;padding:.75rem}.score-field.bust{border-color:var(--danger)}.score-field::-webkit-outer-spin-button,.score-field::-webkit-inner-spin-button{-webkit-appearance:none}.score-field[type=number]{-moz-appearance:textfield}.submit-btn{background:var(--accent);color:#fff;padding:.75rem 1.2rem;font-size:1.4rem}.submit-btn:hover:not(:disabled){background:var(--accent-hover)}.bust-warning{color:var(--danger);font-size:.85rem;font-weight:600}.voice-section{display:flex;flex-direction:column;gap:.4rem}.voice-btn{background:var(--surface2);color:var(--text);padding:.65rem 1rem;font-size:.95rem;text-align:center;border:1.5px solid var(--border)}.voice-btn.listening{border-color:var(--danger);color:var(--danger);animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.transcript-hint{font-size:.8rem;color:var(--text-muted)}.voice-error{font-size:.8rem;color:var(--warn)}.voice-confirm{font-size:.85rem;color:var(--accent);font-weight:600}.voice-unsupported{font-size:.8rem;color:var(--text-muted)}.footer-actions{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem}.turn-counter{font-size:.8rem;color:var(--text-muted)}.win-panel{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:2rem 1rem;text-align:center}.win-trophy{font-size:5rem}.win-panel h2{font-size:2rem;margin:0}.win-stats{background:var(--surface);border-radius:var(--radius);padding:1rem;width:100%;max-width:320px;display:flex;flex-direction:column;gap:.5rem}.win-stat-row{display:flex;justify-content:space-between;font-size:.9rem;color:var(--text-muted)}.win-actions{display:flex;flex-direction:column;gap:.5rem;width:100%;max-width:320px}.history-overlay{position:fixed;inset:0;background:#0009;z-index:100;display:flex;align-items:flex-end;justify-content:center}.history-panel{background:var(--surface);border-radius:var(--radius) var(--radius) 0 0;width:100%;max-width:600px;max-height:75dvh;display:flex;flex-direction:column;overflow:hidden}.history-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid var(--border)}.history-header h2{margin:0;font-size:1.1rem}.history-actions{display:flex;align-items:center;gap:.5rem}.history-empty{padding:2rem;text-align:center;color:var(--text-muted)}.history-list{list-style:none;margin:0;padding:0;overflow-y:auto}.history-item{padding:.75rem 1rem;border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:.4rem}.history-date{font-size:.75rem;color:var(--text-muted)}.history-players{display:flex;flex-direction:column;gap:.25rem}.history-player{display:flex;gap:.75rem;align-items:center;font-size:.9rem}.history-player.winner{color:var(--accent);font-weight:700}.h-name{min-width:80px}.h-stat{color:var(--text-muted);font-size:.8rem}.h-winner{margin-left:auto}.history-turns{font-size:.75rem;color:var(--text-muted)}.home-nav{display:flex;flex-direction:column;gap:1rem;padding:2rem 1rem;flex:1}.home-btn{display:flex;align-items:center;gap:1rem;background:var(--surface);color:var(--text);padding:1.2rem 1.5rem;font-size:1rem;border-radius:var(--radius);border:2px solid var(--border);text-align:left}.home-btn:active:not(:disabled){opacity:.75}.home-btn-accent{border-color:var(--accent);background:#10b98114}.home-btn-icon{font-size:1.5rem;flex-shrink:0}.home-btn-label{font-weight:700;font-size:1.1rem}.history-tabs{display:flex;border-bottom:1px solid var(--border);flex-shrink:0}.history-tab{flex:1;padding:.6rem;background:transparent;color:var(--text-muted);border-radius:0;font-size:.9rem;border-bottom:2px solid transparent}.history-tab-active{color:var(--text);border-bottom-color:var(--accent)}.t-format-selector{display:flex;flex-direction:column;gap:.5rem}.t-selector-label{font-size:.85rem;color:var(--text-muted);font-weight:600}.t-format-options{display:flex;gap:.5rem}.t-format-opt{flex:1;padding:.5rem;background:var(--surface2);color:var(--text-muted);font-size:.95rem}.t-format-opt-on{background:var(--accent);color:#fff}.t-format-detail{font-size:.85rem;color:var(--text-muted)}.t-context-bar{display:flex;align-items:center;justify-content:space-between;padding:.4rem 1rem;background:var(--surface);border-bottom:1px solid var(--border);font-size:.85rem;color:var(--text-muted)}.t-serve-tag{color:var(--accent);font-weight:700}.t-scoreboard{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;padding:.75rem}.t-player-col{background:var(--surface);border-radius:var(--radius);padding:.75rem;border:2px solid transparent;display:flex;flex-direction:column;align-items:center;gap:.2rem;transition:border-color .2s}.t-player-col-active{border-color:var(--active)}.t-player-name{font-size:.85rem;color:var(--text-muted);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.t-sets-num{font-size:2.5rem;font-weight:800;line-height:1;letter-spacing:-1px}.t-label{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.t-leg-dots{display:flex;gap:4px}.t-leg-dot{width:10px;height:10px;border-radius:50%;background:var(--surface2);border:1.5px solid var(--border)}.t-leg-dot-on{background:var(--accent);border-color:var(--accent)}.t-501-score{font-size:2rem;font-weight:800;letter-spacing:-1px;margin-top:.25rem}.t-phase-panel{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:2rem 1rem;text-align:center}.t-phase-emoji{font-size:4rem}.t-phase-badge{font-size:.75rem;font-weight:800;letter-spacing:1px;text-transform:uppercase;padding:.25rem .75rem;border-radius:4px}.t-badge-leg{background:#3b82f626;color:var(--active)}.t-badge-set{background:#f59e0b26;color:var(--warn)}.t-badge-match{background:#10b98126;color:var(--accent)}.t-phase-winner{font-size:2rem;margin:0}.t-phase-sub{color:var(--text-muted);margin:0}.t-final-score{display:flex;align-items:center;gap:.75rem;font-size:3rem;font-weight:800;letter-spacing:-2px}.t-score-hi{color:var(--accent)}.t-score-sep{color:var(--text-muted);font-size:2rem}.t-final-names{display:flex;gap:1rem;font-size:.85rem;color:var(--text-muted)}.t-win-actions{width:100%;max-width:320px}.t-next-btn{margin-top:0}.t-serve-note{color:var(--text-muted);font-size:.9rem;margin:0}.t-legs-tally{display:flex;align-items:center;gap:1rem}.t-tally-col{display:flex;flex-direction:column;align-items:center;gap:.4rem}.t-tally-sep{font-size:1.5rem;color:var(--text-muted)}.t-tally-name{font-size:.9rem;font-weight:600}.input-label-row{display:flex;justify-content:space-between;align-items:center;width:100%;box-sizing:border-box}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.game-header-swipe{position:fixed;top:0;left:0;right:0;max-width:600px;margin:0 auto;z-index:100;animation:slideDown .2s ease-out}.header-dismiss-overlay{position:fixed;inset:0;z-index:99}.dart-indicator{font-size:.85rem;font-weight:700;color:var(--accent);letter-spacing:.3px}.dart-running-total{color:var(--text-muted);font-weight:600}@media(max-width:400px){.player-score{font-size:2.4rem}.scoreboard{grid-template-columns:1fr 1fr;gap:.5rem;padding:.75rem}}