:root{--bg:#f4f6f8;--card:#fff;--text:#16202a;--muted:#6b7785;--border:#dde3ea;--accent:#0e7c66;--accent-soft:#dff5ee;--current:#2563eb;--danger:#b42318;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;-webkit-text-size-adjust:100%;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#0f172a;--card:#182235;--text:#e6ebf2;--muted:#8e9bb0;--border:#2a3750;--accent:#34d399;--accent-soft:#10392f;--current:#60a5fa;--danger:#f87171}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;line-height:1.4}#app{max-width:560px;padding:16px 16px calc(24px + env(safe-area-inset-bottom));margin:0 auto}header{justify-content:space-between;align-items:baseline;margin-bottom:12px;display:flex}h1{margin:0;font-size:1.4rem}h2.round{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:20px 4px 8px;font-size:.8rem}.muted{color:var(--muted)}.small{margin:8px 0 0;font-size:.8rem}.card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:14px}.setup{gap:12px;display:grid}.setup p{margin:0}.setup label{color:var(--muted);gap:4px;font-size:.85rem;display:grid}.error{color:var(--danger)}input{font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:10px;width:100%;padding:10px 12px;font-size:16px}input:focus{outline:2px solid var(--current);outline-offset:1px}button{font:inherit;border:1px solid var(--border);background:var(--card);color:var(--text);cursor:pointer;border-radius:10px;min-height:44px;padding:12px 16px;font-weight:600}button.primary{background:var(--accent);border-color:var(--accent);color:#fff}button.danger{color:var(--danger)}button:disabled{opacity:.5;cursor:default}@media (prefers-color-scheme:dark){button.primary{color:#06261e}}table{border-collapse:collapse;width:100%;font-size:.95rem}th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);padding:0 6px 6px;font-size:.75rem;font-weight:600}th:not(:first-child),td.num{text-align:right}td{border-top:1px solid var(--border);font-variant-numeric:tabular-nums;padding:6px}td:first-child{overflow-wrap:anywhere}tr.leader td{background:var(--accent-soft);font-weight:600}tr.leader td:first-child{border-radius:8px 0 0 8px}tr.leader td:last-child{border-radius:0 8px 8px 0}.active{border-color:var(--current);box-shadow:0 0 0 1px var(--current);margin-bottom:12px}.active h2{margin:0;font-size:1.15rem}.active-head{justify-content:space-between;align-items:baseline;margin-bottom:10px;display:flex}.active.finished{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent);gap:10px;display:grid}.active.finished p{margin:0}.out{color:var(--muted);font-size:.85rem}.score-form{gap:8px;display:grid}.team{background:var(--bg);border-radius:10px;align-items:center;gap:10px;padding:4px 4px 4px 10px;display:flex}.team .names{overflow-wrap:anywhere;flex:1;min-width:0;font-weight:600}.team input{text-align:center;background:var(--card);flex:none;width:72px;font-size:1.25rem;font-weight:700}.form-actions{gap:8px;display:flex}.form-actions button{flex:1}#standings{margin-bottom:4px}.section-title{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:20px 4px 8px;font-size:.8rem}.list{margin:0;padding:4px 0;list-style:none}.list .round{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);padding:10px 14px 4px;font-size:.72rem}.row{border-top:1px solid var(--border)}.round+.row{border-top:none}.row-main{all:unset;box-sizing:border-box;cursor:pointer;align-items:center;gap:10px;width:100%;padding:10px 14px;display:flex}.row-main:disabled{cursor:default}.row-main:focus-visible{outline:2px solid var(--current);outline-offset:-2px}.row:not(.done):not(.current) .matchup{color:var(--muted)}.no{font-variant-numeric:tabular-nums;width:1.6em;color:var(--muted);flex:none;font-size:.85rem}.matchup{flex-wrap:wrap;flex:1;column-gap:6px;min-width:0;font-size:.92rem;display:flex}.matchup .vs{color:var(--muted);align-self:center;font-size:.8rem}.matchup .out{flex-basis:100%;font-size:.78rem}.matchup .won{color:var(--accent);font-weight:700}.matchup .won:after{content:" ✓"}.score{font-variant-numeric:tabular-nums;flex:none;font-weight:700}.badge{background:var(--current);color:var(--card);border-radius:999px;padding:2px 10px;font-size:.75rem}.row.current{background:color-mix(in srgb, var(--current) 12%, transparent);box-shadow:inset 3px 0 0 var(--current)}.row.editing{background:var(--accent-soft)}.row.editing .score-form{padding:0 14px 12px}.actions{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.actions button{flex:140px}input[type=number]{appearance:textfield}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.swap{margin-top:10px}.swap summary{cursor:pointer;color:var(--current);padding:6px 0;font-size:.9rem;font-weight:600;list-style-position:inside}.swap p{margin:2px 0 8px}.swap-option{text-align:left;flex-direction:column;align-items:flex-start;gap:2px;width:100%;margin-top:6px;font-weight:600;display:flex}.swap-option .vs{color:var(--muted);font-size:.8rem;font-weight:400}.swap-option .small{margin:0;font-weight:400}.no-score{font-size:.8rem;font-weight:400}
