:root{--bg: #0f1216;--surface: #171c22;--border: #262e38;--text: #e8edf3;--muted: #94a3b3;--accent: #7fb2ff;--danger: #ff8b7a;--radius: 12px;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.5 system-ui,-apple-system,Segoe UI,sans-serif;-webkit-text-size-adjust:100%}.page{max-width:960px;margin:0 auto;padding:24px 20px 64px;padding-right:max(20px,env(safe-area-inset-right));padding-bottom:calc(64px + env(safe-area-inset-bottom));padding-left:max(20px,env(safe-area-inset-left))}.page-narrow{max-width:480px}.masthead{margin-bottom:24px}.masthead-row{display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between}h1{margin:0;font-size:1.6rem;letter-spacing:-.01em}h2{margin:0;font-size:1rem;font-weight:600}.tagline{margin:4px 0 0;color:var(--muted);font-size:.9rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;margin-bottom:16px}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.counter{font-variant-numeric:tabular-nums;font-size:1.5rem;font-weight:700;line-height:1}label{display:block;margin:12px 0 6px;font-size:.85rem;color:var(--muted)}input{width:100%;padding:12px;font-size:16px;color:var(--text);background:#0d1116;border:1px solid var(--border);border-radius:8px}input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.code-input{font-size:28px;font-weight:700;letter-spacing:.3em;text-align:center;text-transform:uppercase}button{width:100%;margin-top:16px;padding:13px;font-size:1rem;font-weight:600;border:1px solid transparent;border-radius:8px;cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}.primary{background:var(--accent);color:#0b1017}.secondary{background:transparent;border-color:var(--border);color:var(--text)}.player-list{list-style:none;counter-reset:seat;margin:0;padding:0}.player-list li{counter-increment:seat;display:flex;align-items:center;gap:10px;padding:11px 0;border-top:1px solid var(--border)}.player-list li:before{content:counter(seat);min-width:1.75em;color:var(--muted);font-variant-numeric:tabular-nums;font-size:.85rem}.player-list li:first-child{border-top:none}.player-name{overflow-wrap:anywhere}.is-you .player-name{font-weight:700}.you-tag{padding:2px 7px;font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;color:#0b1017;background:var(--accent);border-radius:999px}.you-card{display:flex;flex-direction:column;gap:4px}.you-label{font-size:.8rem;color:var(--muted)}.you-name{font-size:1.4rem;overflow-wrap:anywhere}.room-code{display:flex;flex-direction:column;gap:2px;padding:10px 18px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.room-code-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.room-code-value{font-size:2.2rem;font-weight:800;letter-spacing:.16em;line-height:1.1}.empty,.hint{color:var(--muted);font-size:.9rem}.footnote{margin:20px 0 0;text-align:center;font-size:.9rem}.error{color:var(--danger);font-size:.9rem}.link{color:var(--accent)}code{padding:1px 5px;background:#0d1116;border:1px solid var(--border);border-radius:5px;font-size:.9em}.round-line{margin:0 0 16px;font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.round-name{text-transform:none;letter-spacing:0}.board-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}.board-label{display:block;font-size:.8rem;color:var(--muted)}.board-number{font-size:2.6rem;font-weight:800;line-height:1.1;font-variant-numeric:tabular-nums}.colour-chip{padding:7px 12px;border-radius:999px;border:1px solid var(--border);font-size:.85rem;font-weight:600;white-space:nowrap}.colour-white{background:#e8edf3;color:#0b1017}.colour-black{background:#0d1116;color:var(--text)}.board-opponent{margin:12px 0 0;font-size:1.1rem;overflow-wrap:anywhere}.board-prompt{margin:16px 0 0;font-size:1.1rem;font-weight:600}.board-waiting{margin:16px 0 0;padding:14px;text-align:center;color:var(--muted);background:#0d1116;border:1px dashed var(--border);border-radius:8px}.board-result-won,.board-result-lost{margin:16px 0 0;font-size:1.1rem;font-weight:700}.board-result-won{color:var(--accent)}.board-result-lost{color:var(--muted)}.button-row{display:flex;gap:8px}.button-row button{margin-top:12px;padding:15px 8px}.progress-card{display:flex;flex-wrap:wrap;gap:24px;align-items:center}.progress-figure{flex:0 0 auto}.progress-count{display:block;font-size:3rem;font-weight:800;line-height:1;font-variant-numeric:tabular-nums}.progress-of{font-size:1.4rem;font-weight:500;color:var(--muted)}.progress-label{display:block;margin-top:6px;font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.progress-side{flex:1 1 260px;min-width:0}.progress-breakdown{margin:0;color:var(--muted);font-size:.9rem}.breakdown-alert{color:var(--danger);font-weight:600}.filters{display:flex;flex-wrap:wrap;gap:6px}.chip{width:auto;margin-top:0;display:inline-flex;align-items:center;gap:7px;padding:7px 12px;font-size:.85rem;font-weight:500;color:var(--muted);background:transparent;border:1px solid var(--border);border-radius:999px}.chip-on{color:var(--text);border-color:var(--accent)}.chip-count{font-variant-numeric:tabular-nums;font-size:.75rem;color:var(--muted)}.chip-on .chip-count{color:var(--accent)}.board-scroll{max-height:max(280px,min(60vh,640px));overflow-y:auto;overscroll-behavior:contain}.board-row{display:grid;grid-template-columns:2.5rem minmax(0,1fr) minmax(0,1fr) 9rem 5.5rem;gap:12px;align-items:center;padding:10px 0;border-top:1px solid var(--border)}.board-row>:last-child{justify-self:end}.board-row-head{position:sticky;top:0;z-index:1;padding-top:0;border-top:none;background:var(--surface);font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.board-cell-number{font-variant-numeric:tabular-nums;font-weight:700;color:var(--muted)}.board-cell-player{overflow-wrap:anywhere}.bucket-disputed{box-shadow:inset 3px 0 0 var(--danger)}.bucket-done .board-cell-player{color:var(--muted)}.pill{display:inline-block;margin-right:6px;padding:3px 9px;border-radius:999px;border:1px solid var(--border);font-size:.75rem;font-weight:600;white-space:nowrap}.pill-disputed{color:#2a0f0b;background:var(--danger);border-color:var(--danger)}.pill-waiting{color:var(--muted)}.pill-playing{color:var(--accent);border-color:var(--accent)}.pill-half{color:#ffd479;border-color:#6b5527}.pill-done{color:var(--muted);border-color:transparent;background:#0d1116}.pill-replay{color:var(--muted);border-style:dashed;font-weight:500}.tabs{display:flex;gap:2px;margin-bottom:16px;border-bottom:1px solid var(--border)}.tab{width:auto;margin:0;padding:11px 16px;font-size:.95rem;font-weight:600;color:var(--muted);background:none;border:none;border-bottom:2px solid transparent;border-radius:0}.tab:hover{color:var(--text)}.tab-on{color:var(--text);border-bottom-color:var(--accent)}.bracket-scroll{position:relative;max-height:min(72vh,780px);overflow:auto;overscroll-behavior:contain;margin:0 -8px;padding:0 8px 8px}.bracket{--bracket-row: 74px;--bracket-box: 44px;--bracket-seat: 21px;--bracket-col: 168px;--bracket-gutter: 26px;--bracket-head: 50px;display:flex;gap:var(--bracket-gutter);align-items:start;width:max-content}.bracket-col{flex:0 0 auto;width:var(--bracket-col)}.bracket-head{position:sticky;top:0;z-index:2;display:flex;flex-direction:column;gap:1px;height:var(--bracket-head);padding:4px 0 8px;overflow:hidden;background:var(--surface)}.bracket-head-label{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em}.bracket-head-sub{overflow:hidden;font-size:.7rem;color:var(--muted);white-space:nowrap;text-overflow:ellipsis}.bracket-col-current .bracket-head-label{color:var(--accent)}.bracket-cells{display:grid;grid-template-rows:repeat(var(--bracket-rows),var(--bracket-row))}.bracket-cell{position:relative;grid-row:var(--row) / span var(--span);display:flex;align-items:center;min-width:0}.bracket-col+.bracket-col .bracket-cell:before{content:"";position:absolute;top:50%;right:calc(100% + var(--bracket-gutter) / 2);width:calc(var(--bracket-gutter) / 2);height:calc(var(--span) / 2 * var(--bracket-row));transform:translateY(-50%);border:1px solid var(--border);border-left:none;pointer-events:none}.bracket-col+.bracket-col .bracket-cell:after{content:"";position:absolute;top:50%;right:100%;width:calc(var(--bracket-gutter) / 2);border-top:1px solid var(--border);pointer-events:none}.bracket-col+.bracket-col-winner .bracket-cell:before{content:none}.bracket-col+.bracket-col-winner .bracket-cell:after{right:100%;width:var(--bracket-gutter)}.bracket-box{display:flex;flex-direction:column;justify-content:center;width:100%;height:var(--bracket-box);overflow:hidden;background:#12171d;border:1px solid var(--border);border-radius:7px;content-visibility:auto;contain-intrinsic-size:auto var(--bracket-col) auto var(--bracket-box)}.bracket-board{position:absolute;bottom:calc(50% + var(--bracket-box) / 2 + 1px);left:3px;display:flex;align-items:center;gap:5px;height:15px;font-size:.65rem;color:var(--muted)}.bracket-board-number:before{content:"#";opacity:.6}.bracket-board-number{font-variant-numeric:tabular-nums;font-weight:700}.bracket-flag{color:var(--danger);font-weight:700;text-transform:uppercase;letter-spacing:.04em}.bracket-flag-quiet{color:var(--muted);font-style:italic}.bracket-seat{display:flex;align-items:center;gap:6px;min-width:0;height:var(--bracket-seat);padding:0 8px;font-size:.8rem}.bracket-seat+.bracket-seat{border-top:1px solid var(--border)}.bracket-name{flex:1 1 auto;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.bracket-side{flex:0 0 auto;font-size:.65rem;font-weight:700;color:var(--muted)}.bracket-seat-won .bracket-name{font-weight:700}.bracket-seat-lost .bracket-name,.bracket-seat-eliminated .bracket-name{color:var(--muted)}.bracket-seat-withdrawn .bracket-name{color:var(--muted);text-decoration:line-through}.bracket-seat-bye .bracket-name{color:var(--muted);font-size:.7rem;font-style:italic;letter-spacing:.06em}.bracket-blank{width:34px;border-top:1px dashed var(--border)}.bracket-box-pending,.bracket-box-bye{background:transparent;border-style:dashed}.bracket-box-disputed{border-color:var(--danger);box-shadow:inset 2px 0 0 var(--danger)}.bracket-box-in_progress,.bracket-box-reported{border-color:#3d4a5c}.bracket-box-champion{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.bracket-col-winner .bracket-seat{height:auto;padding:8px;font-size:.95rem}.bracket-legend{margin:12px 0 0}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.offline-banner{margin:0 0 16px;padding:10px 14px;font-size:.9rem;color:#ffd479;background:#241d0d;border:1px solid #6b5527;border-radius:8px}.alert{margin:0 0 16px;padding:14px 16px;font-size:.95rem;color:var(--text);background:#2a1512;border:1px solid var(--danger);border-radius:var(--radius)}.link-button{width:auto;margin:0;padding:0;font-size:inherit;font-weight:600;color:var(--accent);background:none;border:none;text-decoration:underline}.danger{background:var(--danger);color:#2a0f0b}.button-row-wrap{flex-wrap:wrap}.button-row-wrap button{flex:1 1 auto;min-width:8rem}.row-toggle{width:auto;margin:0;padding:5px 11px;font-size:.8rem;font-weight:600;color:var(--accent);background:transparent;border:1px solid var(--border);border-radius:999px}.row-toggle:hover{border-color:var(--accent)}.board-group.is-open{background:#12171d;border-radius:8px}.board-actions{padding:4px 12px 16px}.board-claims{margin:0 0 4px;padding:10px 12px;font-size:.9rem;color:#ffd479;background:#241d0d;border-radius:8px}.board-confirm-text{margin:8px 0 0;font-size:.95rem;font-weight:600}.roster{list-style:none;margin:0;padding:0}.roster-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:9px 0;border-top:1px solid var(--border)}.roster-row:first-child{border-top:none}.roster-name{overflow-wrap:anywhere}.status-eliminated .roster-name,.status-withdrawn .roster-name{color:var(--muted)}.roster-where{display:flex;align-items:center;gap:6px}.roster-board{font-size:.8rem;color:var(--muted);white-space:nowrap}.roster-action{width:auto;margin:0;padding:6px 12px;font-size:.8rem}.roster-confirm{display:flex;gap:6px}.roster-confirm button{width:auto;margin:0;padding:6px 12px;font-size:.8rem}.pill-status-active{color:var(--accent);border-color:var(--accent)}.pill-status-withdrawn{color:#ffd479;border-color:#6b5527}.pill-status-eliminated{color:var(--muted);border-color:transparent;background:#0d1116}@media(max-width:480px){.board-card .button-row{flex-direction:column;gap:10px}.board-card .button-row button{margin-top:0;min-height:52px;padding:15px 12px}.board-card .button-row:first-of-type{margin-top:12px}.board-card .primary,.board-card .secondary,.board-actions button,.roster-confirm button,.tab{min-height:48px}.row-toggle,.roster-action{position:relative}.row-toggle:after,.roster-action:after{content:"";position:absolute;top:-9px;right:-6px;bottom:-9px;left:-6px}.chip{min-height:44px;padding:7px 14px}}@media(max-width:560px){.board-row{grid-template-columns:2rem minmax(0,1fr) minmax(0,1fr) 5.5rem}.board-row>:nth-child(4){grid-column:2 / 4}.roster-row{grid-template-columns:minmax(0,1fr) auto}.roster-where{grid-column:1 / -1}.bracket{--bracket-row: 68px;--bracket-box: 44px;--bracket-seat: 21px;--bracket-col: 136px;--bracket-gutter: 18px;--bracket-head: 50px}.bracket-scroll{max-height:min(66vh,620px)}.tab{padding:11px 12px}}.champion-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:32px max(20px,env(safe-area-inset-right)) calc(32px + env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));overflow:hidden;background:radial-gradient(circle at 50% 38%,#1e2a3a 0%,var(--bg) 72%);text-align:center;cursor:pointer;animation:champion-in .24s ease-out both}.champion-kicker{margin:0;color:var(--muted);font-size:clamp(.8rem,2.4vw,1.1rem);font-weight:600;letter-spacing:.18em;text-transform:uppercase}.champion-name{margin:0;max-width:22ch;font-size:clamp(2.5rem,11vw,8rem);line-height:1.05;letter-spacing:-.02em;overflow-wrap:anywhere;animation:champion-rise .42s cubic-bezier(.2,.8,.2,1) both}.champion-dismiss{width:auto;margin:0;padding:10px 18px;color:var(--muted);background:transparent;border:1px solid var(--border);border-radius:999px;font-size:.9rem}.champion-dismiss:hover{color:var(--text);border-color:var(--accent)}.confetti{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.confetti-piece{position:absolute;top:-6vh;border-radius:2px;animation-name:confetti-fall;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes confetti-fall{0%{transform:translateZ(0) rotate(0)}to{transform:translate3d(var(--drift),112vh,0) rotate(var(--spin))}}@keyframes champion-in{0%{opacity:0}to{opacity:1}}@keyframes champion-rise{0%{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.confetti{display:none}.champion-overlay,.champion-name{animation:none}}