:root{--bg: #0b1220;--panel: #151f35;--panel-2: #1b2747;--border: #2a3a63;--text: #e6eaf3;--muted: #8ea2c6;--accent: #60a5fa;--danger: #ef4444;--success: #22c55e;--shadow: 0 6px 20px rgba(0, 0, 0, .35)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,system-ui,sans-serif;font-size:16px;overscroll-behavior-y:contain}body{min-height:100dvh;min-height:100vh}#root{min-height:100dvh;display:flex;flex-direction:column;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}button{cursor:pointer;font-family:inherit}.screen{flex:1;display:flex;flex-direction:column;padding:12px 16px;gap:12px;max-width:720px;width:100%;margin:0 auto}.screen-setup{justify-content:flex-start}.app-header{text-align:center;margin-bottom:8px}.app-header h1{margin:24px 0 4px;font-size:1.9rem;letter-spacing:.5px}.subtitle{color:var(--muted);margin:0}.setup-players{display:flex;flex-direction:column;gap:14px}.player-setup{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:14px}.field-label{display:block;color:var(--muted);font-size:.85rem;margin-bottom:6px}.input{width:100%;background:var(--panel-2);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:10px 12px;font-size:1rem;margin-bottom:10px}.input:focus{outline:2px solid var(--accent);outline-offset:0}.color-row{display:flex;gap:8px;flex-wrap:wrap}.color-dot{width:30px;height:30px;border-radius:50%;border:2px solid transparent;padding:0}.color-dot.selected{transform:scale(1.08);outline:3px solid var(--accent);outline-offset:2px}.color-dot.disabled{opacity:.25;cursor:not-allowed}.btn-link{background:none;border:none;color:var(--accent);text-decoration:underline;font-size:.9rem;padding:8px 0}.roster-select{width:100%;background:var(--panel-2);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:8px 28px 8px 10px;font-size:.95rem;margin-bottom:8px;appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 16px) 50%,calc(100% - 11px) 50%;background-size:5px 5px;background-repeat:no-repeat}.roster-select:focus{outline:2px solid var(--accent);outline-offset:0}.roster-save{margin-top:10px}.roster-save:disabled{opacity:.55;cursor:default}.roster-manage{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:10px 14px}.roster-empty{color:var(--muted);font-size:.9rem;margin:6px 0}.roster-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.roster-item{display:flex;align-items:center;gap:10px;padding:6px 8px;background:var(--panel-2);border-radius:8px}.roster-item-dot{width:14px;height:14px;border-radius:50%;flex-shrink:0}.roster-item-name{flex:1;font-size:.95rem}.roster-item-delete{color:var(--danger);background:transparent;border:1px solid var(--danger);cursor:pointer}.rules-editor{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:14px}.rules-editor h3{margin-top:0}.zone-row{display:flex;gap:12px;align-items:center;margin-bottom:10px;flex-wrap:wrap}.zone-row label{display:flex;flex-direction:column;font-size:.85rem;color:var(--muted);gap:4px}.zone-row input{width:72px;background:var(--panel-2);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:6px 8px}.btn{background:var(--panel-2);color:var(--text);border:1px solid var(--border);border-radius:10px;padding:12px 16px;font-size:1rem;transition:transform .05s ease,background .1s ease}.btn:active{transform:scale(.98)}.btn-primary{background:var(--accent);color:#000;border-color:var(--accent);font-weight:600}.btn-danger{background:var(--danger);color:#fff;border-color:var(--danger);font-weight:600}.btn-ghost{background:transparent}.btn-xl{padding:16px 22px;font-size:1.15rem}.btn-mini{background:var(--panel-2);border:1px solid var(--border);color:var(--text);padding:4px 10px;border-radius:6px;font-size:.85rem}.screen-game{gap:10px;padding-top:8px}.game-topbar{display:flex;align-items:center;margin-bottom:-4px}.timer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 2px}.round-label{color:var(--muted);font-size:.85rem}.timer-display{font-size:1.8rem;font-weight:700;font-variant-numeric:tabular-nums;background:var(--panel);border:1px solid var(--border);color:var(--text);border-radius:10px;padding:6px 18px;min-width:110px;text-align:center}.timer-display.paused{opacity:.55}.timer-display.running{color:var(--accent)}.pocket-board{display:flex;flex-direction:column;gap:8px;padding:10px;background:linear-gradient(180deg,#14213d,#0b1628);border-radius:14px;border:1px solid var(--border);box-shadow:var(--shadow)}.zone-row{display:flex;align-items:center;gap:8px}.zone-label{width:34px;flex-shrink:0;text-align:right;font-size:.8rem;color:var(--muted);font-weight:600}.zone-pockets{flex:1;display:flex;gap:6px;justify-content:center}.pocket-wrapper{position:relative}.pocket{width:min(48px,11vw);height:min(48px,11vw);border-radius:50%;border:2px solid var(--border);background:var(--panel-2);color:var(--muted);font-size:.85rem;display:flex;align-items:center;justify-content:center;padding:0;transition:transform .08s ease}.pocket:active{transform:scale(.92)}.pocket.filled{font-weight:700;box-shadow:inset 0 2px 6px #0000004d}.pocket-letter{pointer-events:none}.pocket-menu{position:absolute;top:calc(100% + 4px);left:50%;transform:translate(-50%);background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:4px;display:flex;flex-direction:column;gap:4px;z-index:10;min-width:180px;box-shadow:var(--shadow)}.pocket-menu-item{background:var(--panel-2);color:var(--text);border:none;padding:8px 10px;font-size:.85rem;border-radius:6px;text-align:left}.pocket-menu-item.displaced{background:var(--panel);border:1px dashed var(--border)}.players-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.player-panel{background:var(--panel);border:2px solid var(--border);border-radius:12px;padding:10px;display:flex;flex-direction:column;gap:4px;min-height:130px}.player-panel.active{border-color:var(--player-color);box-shadow:0 0 0 2px var(--player-color) inset,0 0 0 1px #ffffff59,var(--shadow)}.player-name-row{display:flex;align-items:center;gap:6px;font-size:.85rem}.player-color-dot{display:inline-block;width:12px;height:12px;border-radius:50%;box-shadow:0 0 0 1px #ffffff59}.player-name{flex:1}.active-indicator{color:var(--player-color);font-size:1.2rem;line-height:1;text-shadow:0 0 2px rgba(255,255,255,.5)}.player-score{font-size:2.4rem;font-weight:800;line-height:1.1;color:var(--text);font-variant-numeric:tabular-nums}.player-last-score{color:var(--success);font-weight:600;font-size:.85rem;margin-top:-4px}.player-balls{display:flex;gap:6px;align-items:center;margin-top:auto;font-size:.85rem}.balls-label{color:var(--muted)}.balls-count{font-weight:700;font-variant-numeric:tabular-nums;min-width:20px}.balls-adjust{display:inline-flex;gap:4px;margin-left:auto}.score-adjust{display:flex;gap:6px;margin-top:4px}.action-row{display:flex;gap:8px;align-items:center}.action-row .btn-danger{flex:1}.screen-halfend,.screen-gameover{justify-content:center;text-align:center}.screen-halfend h1,.screen-gameover h1{font-size:2rem;margin:12px 0 4px}.score-summary{display:flex;gap:12px;justify-content:center;margin:20px 0}.score-card{background:var(--panel);border:2px solid var(--border);border-radius:12px;padding:16px;min-width:140px}.score-card.winner{border-color:var(--player-color);box-shadow:0 0 20px #ffffff1a}@media(min-width:720px){.pocket{width:56px;height:56px;font-size:.95rem}}.landing-actions{display:flex;flex-direction:column;gap:10px;margin-top:20px}.page-header{display:flex;align-items:center;gap:10px;margin:4px 0 8px}.page-header h1{font-size:1.4rem;margin:0;flex:1}.btn-back{background:transparent;border:1px solid var(--border);color:var(--text);border-radius:8px;padding:6px 12px;font-size:.9rem}.section-title{margin:18px 0 6px;font-size:1rem;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.section-toggle{background:transparent;border:none;color:var(--muted);font-family:inherit;font-size:1rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin:18px 0 6px;padding:0;display:flex;align-items:center;gap:8px;text-align:left;cursor:pointer}.section-toggle:hover{color:var(--text)}.section-toggle-caret{display:inline-block;width:12px;font-size:.9rem}.muted-text{color:var(--muted);font-size:.9rem;margin:8px 0}.form-actions{display:flex;gap:8px;margin-top:10px}.rules-selects{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:12px 14px}.rules-table{width:100%;border-collapse:collapse;margin-bottom:10px}.rules-table th,.rules-table td{padding:6px 8px;text-align:left;font-size:.9rem}.rules-table th{color:var(--muted);font-weight:600;border-bottom:1px solid var(--border)}.rules-table td:first-child{color:var(--muted)}.rules-table select,.rules-row-inline select{background:var(--panel-2);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:6px 8px;font-size:.95rem;min-width:64px}.rules-row-inline{display:flex;gap:16px;flex-wrap:wrap;padding-top:10px;border-top:1px solid var(--border)}.rules-row-inline label{display:flex;flex-direction:column;gap:4px;font-size:.85rem;color:var(--muted)}.section-subtitle{margin:14px 0 6px;font-size:.9rem;color:var(--muted);font-weight:600}.saved-chips{display:flex;flex-wrap:wrap;gap:6px}.chip{background:var(--panel-2);border:1px solid var(--border);color:var(--text);border-radius:16px;padding:6px 12px;font-size:.9rem;font-family:inherit;cursor:pointer}.chip:hover{border-color:var(--accent)}.inline-form{display:flex;gap:8px;align-items:flex-start}.inline-form .input{margin-bottom:0;flex:1}.standings-table{width:100%;border-collapse:collapse;background:var(--panel);border:1px solid var(--border);border-radius:10px;overflow:hidden;font-variant-numeric:tabular-nums}.standings-table th,.standings-table td{padding:8px 10px;text-align:left;font-size:.9rem;border-bottom:1px solid var(--border)}.standings-table th{background:var(--panel-2);color:var(--muted);font-weight:600}.standings-table tbody tr:last-child td{border-bottom:none}.standings-table th:first-child,.standings-table td:first-child{width:32px;color:var(--muted)}.standings-table td:nth-child(2){font-weight:600}.standings-winner{background:#22c55e1f}.standings-winner td{color:var(--success);font-weight:700}.match-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.match-item{display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:10px;padding:8px 12px;background:var(--panel);border:1px solid var(--border);border-radius:8px;font-size:.9rem}.match-item.played{opacity:.75}.match-item.played .match-names{text-decoration:line-through;text-decoration-color:var(--muted)}.match-item.next{border-color:var(--accent)}.match-item.live{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}.match-num{color:var(--muted);font-weight:600}.match-names{font-weight:500}.match-result{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.85rem}.btn-sub{display:block;font-size:.8rem;font-weight:400;opacity:.8;margin-top:2px}.end-actions{display:flex;flex-direction:column;gap:8px;margin-top:12px}