*{box-sizing:border-box}:root{color-scheme:light;font-family:Inter,system-ui,sans-serif;background:#f3f5fa;color:#151922;--bg: #f3f5fa;--surface: #ffffff;--surface-2: #eef1f7;--surface-3: #e3e8f1;--line: #d5dbe6;--text: #151922;--muted: #5b6578;--quiet: #8892a4;--green: #0f9d72;--green-soft: rgba(15, 157, 114, .14);--coral: #e24b2d;--coral-soft: rgba(226, 75, 45, .12);--blue: #2b74e8;--blue-soft: rgba(43, 116, 232, .12);--violet: #6d4ee8;--violet-soft: rgba(109, 78, 232, .12);--amber: #b57a00;--amber-soft: rgba(181, 122, 0, .14);--radius: 8px}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 24% 0%,rgba(15,157,114,.14),transparent 28rem),linear-gradient(180deg,#f7f8fc,#eef1f8)}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}.entry-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.entry-panel{width:min(420px,100%);display:grid;gap:28px}.brand-lockup,.brand-button{display:inline-grid;gap:0;margin:0;line-height:.82;letter-spacing:0;color:var(--text);font-family:JetBrains Mono,monospace;font-size:inherit;font-weight:inherit}.brand-lockup span,.brand-button span{font-size:clamp(44px,14vw,72px);font-weight:700}.brand-lockup strong,.brand-button strong{color:var(--green);font-size:clamp(42px,13vw,68px)}.brand-button{background:transparent;border:0;padding:0;text-align:left}.brand-button span,.brand-button strong{font-size:19px}.entry-form,.panel,.hero-band{background:#fffffff0;border:1px solid var(--line);border-radius:var(--radius)}.entry-form{display:grid;gap:14px;padding:18px}.entry-lead{margin:0;color:var(--muted);font-size:15px;line-height:1.45}.entry-hint{margin:0;color:var(--quiet);font-size:12px}.ghost-button{border:1px dashed var(--line);border-radius:7px;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:0 13px;color:var(--muted);background:transparent}.hint-banner{margin:0;padding:12px 14px;border:1px solid rgba(98,167,255,.35);border-radius:var(--radius);background:var(--blue-soft);color:var(--text);line-height:1.45}.hint-banner.compact{margin-bottom:12px}.match-cue{margin:0;color:var(--muted);font-size:14px}label{display:grid;gap:7px;color:var(--muted);font-size:13px;font-weight:700}input{width:100%;border:1px solid var(--line);border-radius:6px;background:var(--surface-2);color:var(--text);padding:12px 13px;outline:none}input:focus{border-color:var(--green);box-shadow:0 0 0 3px var(--green-soft)}.entry-actions,.admin-actions,.admin-match-actions{display:flex;gap:8px;flex-wrap:wrap}.primary-button,.secondary-button,.icon-button,.nav-button,.admin-match-actions button{border:1px solid transparent;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:0 13px;color:var(--text);background:var(--surface-2)}.primary-button{background:var(--green);color:#fff;font-weight:800}.primary-button.amber{background:var(--amber)}.secondary-button{border-color:#62a7ff73;color:var(--blue)}a.secondary-button{text-decoration:none}.icon-button,.nav-button{border-color:var(--line)}.app-shell{min-height:100vh;display:flex;flex-direction:column}.topbar{min-height:64px;display:flex;align-items:center;gap:18px;padding:10px 18px;border-bottom:1px solid var(--line);background:#ffffffe0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0;z-index:5}.top-nav{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}.nav-button{min-width:82px;color:var(--muted);background:transparent}.nav-button.active{background:var(--surface-2);color:var(--text);border-color:var(--surface-3)}.live-pill{margin-left:auto;min-width:128px;border:1px solid rgba(24,211,158,.36);border-radius:999px;color:var(--green);display:flex;align-items:center;justify-content:center;gap:7px;padding:7px 11px;font-size:12px;font-weight:800}.live-dot.offline{background:#c45c5c;box-shadow:none;animation:none}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px #18d39e14;flex:0 0 auto}.content-shell{flex:1;display:grid;grid-template-columns:minmax(0,1fr) 340px;min-height:0}.content-shell.overlay-mode{grid-template-columns:1fr}.main-surface{padding:18px;min-width:0}.side-rail{border-left:1px solid var(--line);padding:18px 14px;display:grid;align-content:start;gap:14px;max-height:calc(100vh - 64px);overflow:auto}.page-stack,.page-grid{display:grid;gap:14px}.admin-grid{grid-template-columns:minmax(280px,.9fr) minmax(360px,1.1fr);align-items:start}.admin-grid .panel:last-child{grid-column:1 / -1}.hero-band{min-height:110px;padding:20px;display:flex;align-items:center;justify-content:space-between;gap:16px;background:linear-gradient(120deg,rgba(24,211,158,.12),transparent 42%),var(--surface)}.eyebrow{color:var(--muted);font-size:12px;font-weight:800;text-transform:uppercase}.hero-band h1{margin:4px 0 0;font-family:JetBrains Mono,monospace;font-size:clamp(38px,8vw,64px)}.hero-rules{margin:8px 0 0;color:var(--muted);font-size:14px;font-weight:600}.choice-row{border:0;margin:0 0 14px;padding:0;min-width:0;display:flex;flex-wrap:wrap;gap:8px}.choice-row legend{float:none;width:100%;margin-bottom:7px;padding:0;color:var(--muted);font-size:13px;font-weight:700}.choice{min-height:38px;padding:0 12px;border:1px solid var(--line);border-radius:7px;background:var(--surface-2);color:var(--text)}.choice.active{border-color:var(--green);background:var(--green);color:#fff;font-weight:800}.choice-row:disabled .choice{opacity:.45;pointer-events:none}.panel{padding:14px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;color:var(--muted);font-size:12px;font-weight:800;text-transform:uppercase}.player-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:8px}.player-card,.active-match-card,.admin-match-card,.feed-item,.phase-mini,.admin-log-item{border:1px solid var(--line);border-radius:7px;background:var(--surface-2)}.player-card{padding:11px;display:grid;gap:10px}.player-card.current-player{border-color:#9b7cff80;background:var(--violet-soft)}.player-card.eliminated{opacity:.55}.hero-actions{display:flex;gap:8px}.kick-button{border:1px solid var(--line);background:var(--coral-soft);color:var(--coral);border-radius:6px;min-height:22px;padding:0 6px}.player-card div:first-child{display:flex;justify-content:space-between;gap:10px}.player-card span,.action-row span,.admin-match-card span{color:var(--muted);font-size:12px}.player-tags{display:flex;gap:6px;flex-wrap:wrap}.tag{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--line);border-radius:999px;padding:4px 8px;color:var(--text);font-size:12px}.tag.ready{color:var(--green);border-color:#18d39e59}.tag.muted{color:var(--quiet)}.action-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.action-row>div{display:grid;gap:4px}.active-panel,.feed-panel{min-height:0}.active-match-list,.admin-match-list,.phase-mini-list,.admin-log-list,.feed-list{display:grid;gap:8px}.active-match-card{padding:10px;display:grid;gap:8px}.active-match-names,.active-match-meta{display:flex;justify-content:space-between;gap:8px;color:var(--muted);font-size:12px}.active-match-score{display:flex;align-items:center;gap:10px;font-family:JetBrains Mono,monospace;font-size:24px}.active-match-score strong:first-child{color:var(--green)}.active-match-score strong:last-child{color:var(--coral)}.feed-list{max-height:460px;overflow:auto}.feed-item{padding:9px;display:grid;grid-template-columns:auto 1fr auto;align-items:start;gap:8px}.feed-item p{margin:0;color:var(--muted);font-size:12px;line-height:1.45}.feed-item time{color:var(--quiet);font-size:11px}.feed-mark{min-width:48px;font-family:JetBrains Mono,monospace;color:var(--quiet);font-size:10px}.tone-green{border-color:#18d39e59}.tone-blue{border-color:#62a7ff59}.tone-purple{border-color:#9b7cff59}.tone-orange{border-color:#ff6b4a59}.tone-gold{border-color:#f3bf456b}.bracket-board{min-height:520px;border:1px solid var(--line);border-radius:var(--radius);background:#ffffffc7;overflow:hidden}.bracket-scroll{display:flex;gap:12px;overflow-x:auto;padding:14px;min-height:520px}.bracket-tree-scroll{min-height:520px;overflow-x:auto;overflow-y:hidden;padding:14px}.bracket-tree{min-width:max-content;min-height:520px;display:flex;align-items:stretch;gap:42px}.tree-round{--tree-gap: 14px;min-width:236px;display:grid;grid-template-rows:auto 1fr;gap:9px;opacity:.58}.tree-round.current,.tree-round.status-completed{opacity:1}.tree-round.current .phase-column-head{color:var(--green);border-bottom-color:#18d39e6b}.tree-node-list{min-height:468px;display:flex;flex-direction:column;justify-content:center;gap:var(--tree-gap);padding:8px 0}.tree-node-wrap{position:relative}.tree-node-wrap.has-next:after{content:"";position:absolute;left:100%;top:50%;width:42px;height:1px;background:var(--line)}.tree-node-wrap.has-next.has-pair:before{content:"";position:absolute;left:calc(100% + 21px);width:1px;background:var(--line)}.tree-node-wrap.has-next.has-pair.pair-top:before{top:50%;height:calc(var(--tree-gap) / 2 + 54px)}.tree-node-wrap.has-next.has-pair.pair-bottom:before{bottom:50%;height:calc(var(--tree-gap) / 2 + 54px)}.tree-placeholder-node,.champion-tree-node{min-height:103px;border:1px dashed var(--line);border-radius:7px;background:#20242da3;display:grid;place-items:center;align-content:center;gap:7px;color:var(--quiet);text-align:center}.tree-placeholder-node span,.champion-tree-node span{font-size:12px;font-weight:800;text-transform:uppercase}.tree-placeholder-node strong,.champion-tree-node strong{color:var(--muted);font-family:JetBrains Mono,monospace;font-size:18px}.champion-tree-node{border-style:solid;border-color:#f3bf457a;background:var(--amber-soft);color:var(--amber)}.champion-tree-node strong{color:var(--text);overflow-wrap:anywhere}.phase-column{min-width:230px;display:grid;align-content:start;gap:9px;opacity:.58}.phase-column.current,.phase-column.status-completed{opacity:1}.phase-column-head{display:flex;justify-content:space-between;gap:10px;min-height:36px;border-bottom:1px solid var(--line);color:var(--text);font-weight:800}.phase-column-head small{color:var(--muted)}.phase-match-list{display:grid;gap:8px}.bracket-match,.placeholder-match{border:1px solid var(--line);border-radius:7px;background:var(--surface-2);overflow:hidden}.bracket-match.status-playing{border-color:#62a7ff75}.player-line{min-height:35px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px;padding:7px 9px;font-size:13px}.player-line+.player-line{border-top:1px solid var(--line)}.player-line span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-line.is-winner{color:var(--green);background:var(--green-soft)}.player-line.is-me{color:var(--violet)}.player-line.is-bye{color:var(--quiet)}.match-foot{padding:5px 8px;color:var(--quiet);font-size:11px;border-top:1px solid var(--line)}.placeholder-match{display:grid;place-items:center;min-height:78px;color:var(--quiet);font-family:JetBrains Mono,monospace}.match-topline{min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--muted);font-weight:800}.scoreboard{display:grid;grid-template-columns:minmax(0,1fr) 64px minmax(0,1fr);align-items:center;gap:10px}.fighter-card{min-height:160px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(160deg,var(--surface-2),rgba(255,107,74,.08));padding:18px;display:grid;align-content:center;gap:12px;text-align:center}.fighter-card.mine{background:linear-gradient(160deg,var(--surface-2),rgba(24,211,158,.1))}.fighter-card span{min-width:0;overflow-wrap:anywhere;color:var(--muted);font-weight:800}.fighter-card strong{font-family:JetBrains Mono,monospace;font-size:clamp(48px,8vw,86px);display:flex;align-items:baseline;gap:6px}.fighter-card small{font-size:.35em;color:var(--muted);font-weight:700}.versus{text-align:center;color:var(--quiet);font-family:JetBrains Mono,monospace;font-weight:800}.match-timer{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px}.match-timer span{font-size:13px;font-weight:700;color:var(--muted);white-space:nowrap}.timer-track{height:8px;border-radius:999px;background:var(--surface-3);overflow:hidden}.timer-fill{height:100%;border-radius:inherit;background:var(--green);transition:width .25s linear}.timer-fill.hot{background:var(--coral)}.move-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.move-button{min-height:124px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2);color:var(--text);display:grid;place-items:center;align-content:center;gap:8px;font-weight:800}.move-button.selected{border-color:var(--green);background:var(--green-soft)}.move-glyph{width:52px;height:52px;display:grid;place-items:center;border-radius:50%;background:var(--surface-3);font-size:28px;line-height:1}.round-list{display:grid;gap:8px}.round-row{min-height:36px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--line);color:var(--muted)}.empty-match{min-height:240px;display:grid;place-items:center;text-align:center;align-content:center;gap:8px}.empty-match h1,.empty-match p{margin:0}.empty-state{min-height:140px;display:grid;place-items:center;color:var(--quiet);text-align:center;padding:18px}.empty-state.compact{min-height:58px;padding:10px;border:1px dashed var(--line);border-radius:7px}.phase-mini{min-height:48px;padding:9px;display:flex;align-items:center;justify-content:space-between;gap:12px}.phase-mini.status-active{border-color:#62a7ff6b;background:var(--blue-soft)}.phase-mini.status-completed{border-color:#18d39e61;background:var(--green-soft)}.phase-mini.status-locked{opacity:.55}.test-room-panel{display:grid;gap:12px}.test-room-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.test-room-stats>div{min-height:72px;border:1px solid var(--line);border-radius:7px;background:var(--surface-2);display:grid;place-items:center;align-content:center;gap:5px}.test-room-stats strong{font-family:JetBrains Mono,monospace;font-size:28px}.test-room-stats span{color:var(--muted);font-size:12px;font-weight:800;text-transform:uppercase}.test-room-meter{height:8px;border-radius:999px;background:var(--surface-3);overflow:hidden}.test-room-meter span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--blue),var(--green))}.admin-match-card{padding:11px;display:grid;gap:9px}.admin-match-card>div:first-child,.admin-log-item{display:flex;justify-content:space-between;gap:10px}.admin-match-card p{margin:0;color:var(--muted)}.admin-match-actions button{min-height:32px;padding:0 10px;font-size:12px}.admin-log-item{padding:10px;color:var(--muted)}.result-page{min-height:calc(100vh - 120px);display:grid;place-items:center;align-content:center;text-align:center;gap:12px;color:var(--amber)}.result-page h1{margin:0;color:var(--text);font-size:clamp(44px,10vw,96px)}.result-page span{color:var(--muted);font-weight:800;text-transform:uppercase}.overlay-page{display:grid;grid-template-columns:280px minmax(0,1fr) 280px;gap:14px;min-height:calc(100vh - 100px)}.overlay-main{display:grid;align-content:start;gap:12px;min-width:0}.overlay-links{display:flex;flex-wrap:wrap;gap:8px}.overlay-standalone{min-height:100vh;padding:16px;color-scheme:dark;background:#101114;color:#e8edf3;--bg: #101114;--surface: #171a20;--surface-2: #20242d;--surface-3: #2b303b;--line: #333946;--text: #e8edf3;--muted: #97a1b2;--quiet: #626d80;--green: #18d39e;--green-soft: rgba(24, 211, 158, .12);--blue: #62a7ff;--amber: #f3bf45;--amber-soft: rgba(243, 191, 69, .14)}.overlay-standalone .overlay-page{min-height:calc(100vh - 32px)}.overlay-standalone.chroma,.overlay-page.chroma{background:#00b140}.match-page{position:relative}.countdown-overlay,.round-reveal{position:absolute;inset:0;z-index:4;display:grid;place-items:center;align-content:center;gap:12px;background:#101114e0;color:#f4f7fb;border-radius:var(--radius);text-align:center}.countdown-overlay strong{font-size:clamp(72px,18vw,140px);line-height:.9;color:var(--green);font-family:JetBrains Mono,monospace}.round-reveal{grid-template-columns:1fr auto 1fr;padding:24px}.round-reveal div{display:grid;gap:8px}.round-reveal strong{font-size:clamp(28px,6vw,52px)}.round-reveal p{grid-column:1 / -1;color:var(--amber);font-weight:800}.result-stats{display:flex;gap:24px;margin:12px 0 0;color:var(--muted)}.result-stats div{display:grid;gap:4px}.result-stats dd{margin:0;color:var(--text);font-size:28px;font-weight:800}.mini-timer{margin-left:auto;font-family:JetBrains Mono,monospace;color:var(--amber)}.mobile-rail-tabs{display:none}.toast{position:fixed;right:18px;bottom:18px;z-index:10;max-width:min(420px,calc(100vw - 36px));border:1px solid rgba(255,107,74,.45);border-radius:var(--radius);background:#fff4f1;color:#8a2e1a;padding:12px 14px;box-shadow:0 16px 40px #1519221f}@media(max-width:980px){.topbar{align-items:stretch;flex-wrap:wrap}.top-nav{order:3;width:100%}.live-pill{margin-left:auto}.content-shell{grid-template-columns:1fr}.mobile-rail-tabs{display:flex;gap:8px;padding:12px 18px 0;grid-column:1 / -1}.mobile-rail-tabs button{flex:1;min-height:38px;border:1px solid var(--line);border-radius:7px;background:var(--surface-2);color:var(--muted)}.mobile-rail-tabs button.active{color:var(--text);border-color:var(--green);background:var(--green-soft)}.content-shell.show-main .side-rail,.content-shell.show-live .main-surface,.content-shell.overlay-mode .mobile-rail-tabs,.content-shell.overlay-mode .side-rail{display:none}.side-rail{border-left:0;border-top:1px solid var(--line);max-height:none}.admin-grid,.overlay-page{grid-template-columns:1fr}}@media(max-width:620px){.main-surface,.side-rail{padding:12px}.nav-button{min-width:70px;padding:0 10px}.scoreboard{grid-template-columns:1fr}.versus{min-height:28px}.move-grid{grid-template-columns:1fr}.action-row,.hero-band{align-items:stretch;flex-direction:column}}