:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4f2ec;--surface:#fffefb;--surface-2:#efece3;--text:#16171c;--text-muted:#6b6f78;--line:#e2ded2;--line-strong:#cfc9b9;--live:#128a4d;--warn:#b7791f;--off:#9aa0aa;--accent:#d92d20;--radius:10px;--radius-sm:7px;--pattern-opacity:.08;--pattern-url:url(/pattern-light.png);--chip:#16171c;--chip-text:#f6f4ee;--mark-invert:1;--shadow:0 1px 2px #16171c0d, 0 16px 34px -24px #16171c73;--mono:ui-monospace, "SFMono-Regular", "Cascadia Mono", "Consolas", monospace;--display:"Bowlby One SC", "Inter", system-ui, sans-serif;--numeric:"Titan One", "Bowlby One SC", system-ui, sans-serif;--topbar-height:82px;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0d0f13;--surface:#15181e;--surface-2:#1b1f26;--text:#eceef2;--text-muted:#939aa5;--line:#262a32;--line-strong:#363c46;--live:#34c77b;--warn:#e0a33a;--off:#6a717c;--accent:#ff6154;--pattern-opacity:.09;--pattern-url:url(/pattern-dark.png);--chip:#05070a;--chip-text:#eceef2;--mark-invert:0;--shadow:0 1px 2px #0006, 0 16px 34px -24px #000000e6}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0d0f13;--surface:#15181e;--surface-2:#1b1f26;--text:#eceef2;--text-muted:#939aa5;--line:#262a32;--line-strong:#363c46;--live:#34c77b;--warn:#e0a33a;--off:#6a717c;--accent:#ff6154;--pattern-opacity:.09;--pattern-url:url(/pattern-dark.png);--chip:#05070a;--chip-text:#eceef2;--mark-invert:0;--shadow:0 1px 2px #0006, 0 16px 34px -24px #000000e6}*{box-sizing:border-box}body{background:var(--bg);min-width:320px;color:var(--text);margin:0;overflow-x:hidden}h1,h2,h3,p,ul{margin:0}h1,h2,h3{font-family:var(--display);font-weight:400}ul{padding:0;list-style:none}a{color:inherit}code{font-family:var(--mono);font-size:.92em}::selection{background:var(--text);color:var(--bg)}:focus-visible{outline:2px solid var(--text);outline-offset:2px}.app{z-index:1;flex-direction:column;height:100dvh;display:flex;position:relative;overflow:hidden}.topbar{--shelf-half:112px;--shelf-drop:18px;height:var(--topbar-height);background:var(--bg);grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;padding:0 16px;display:grid;position:relative}.topbar:before{content:"";background:linear-gradient(to right, var(--line) 0 calc(50% - var(--shelf-half)), transparent calc(50% - var(--shelf-half)) calc(50% + var(--shelf-half)), var(--line) calc(50% + var(--shelf-half)) 100%);z-index:1;height:1px;position:absolute;bottom:0;left:0;right:0}.topbar:after{content:"";width:calc(var(--shelf-half) * 2);height:calc(100% + var(--shelf-drop));background:var(--bg);border:1px solid var(--line);pointer-events:none;z-index:1;border-top:0;border-radius:0 0 22px 22px;position:absolute;top:0;left:50%;transform:translate(-50%)}.topbar-side{z-index:2;align-items:center;gap:14px;min-width:0;display:flex;position:relative}.topbar-side.left{justify-content:flex-end}.topbar-side.right{justify-content:flex-start}.wordmark{z-index:2;transform:translateY(calc(var(--shelf-drop) / 2));justify-content:center;align-items:center;text-decoration:none;display:inline-flex;position:relative}.wordmark-full{object-fit:contain;width:auto;max-width:180px;height:64px}.wordmark-mark{object-fit:contain;width:auto;height:40px;display:none}.meta{align-items:center;gap:8px;display:flex}.meta b{border-radius:var(--radius-sm);background:var(--chip);min-width:2.6ch;color:var(--chip-text);font-family:var(--numeric);justify-content:center;align-items:center;padding:5px 9px;font-size:15px;font-weight:400;line-height:1;display:inline-flex}.meta small{font-family:var(--display);letter-spacing:.07em;text-transform:uppercase;color:var(--text-muted);font-size:11px;font-weight:400}.meta b{font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:15px}.topbar-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;margin-left:auto;display:flex}.text-link{color:var(--text-muted);font-size:13px;font-weight:500;text-decoration:none}.text-link:hover{color:var(--text)}.status{border:1px solid var(--line);white-space:nowrap;border-radius:100px;align-items:center;gap:7px;padding:5px 10px 5px 8px;font-size:12px;font-weight:600;display:inline-flex}.status i{background:var(--off);border-radius:50%;width:7px;height:7px}.status-live i{background:var(--live);animation:2.4s ease-in-out infinite pulse}.status-warn i{background:var(--warn)}.ping{border-left:1px solid var(--line);font-family:var(--mono);font-variant-numeric:tabular-nums;color:var(--text-muted);margin-left:7px;padding-left:7px;font-size:11px;font-style:normal}.connection-hint{color:var(--warn);white-space:nowrap;font-size:12px;font-weight:600}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.icon-button{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);width:34px;height:34px;color:var(--text);cursor:pointer;justify-content:center;align-items:center;padding:0;font-size:14px;line-height:1;transition:border-color .15s,background .15s;display:inline-flex}.icon-button:hover{border-color:var(--line-strong);background:var(--surface-2)}.icon-button[aria-pressed=true]{border-color:var(--text)}.stage{flex:1;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr) 340px;gap:16px;min-height:0;padding:16px;display:grid}.arena-column{flex-direction:column;gap:12px;min-height:0;display:flex}.arena-frame:before{content:"";z-index:0;pointer-events:none;background-image:var(--pattern-url);opacity:var(--pattern-opacity);will-change:transform;backface-visibility:hidden;background-repeat:repeat;background-size:720px 720px;animation:140s linear infinite crown-drift;position:absolute;inset:0 0 -720px -720px}@keyframes crown-drift{0%{transform:translate(0,0)}to{transform:translate(720px,-720px)}}.arena-frame:after{content:"";z-index:0;pointer-events:none;background:linear-gradient(to top, var(--bg), transparent 22%), linear-gradient(to bottom, var(--bg), transparent 22%), linear-gradient(to left, var(--bg), transparent 22%), linear-gradient(to right, var(--bg), transparent 22%);position:absolute;inset:0}.arena-canvas{z-index:1;position:relative}.arena-frame>.overlay{z-index:1}.arena-frame{flex:1 1 0;place-items:center;min-height:0;display:grid;position:relative;overflow:hidden;container-type:size}.arena-canvas{aspect-ratio:1;width:min(100%,100cqh);height:auto;display:block}.flag{object-fit:cover;vertical-align:-2px;border-radius:2px;width:22px;height:16px;box-shadow:0 0 0 1px #0000001f}.flag.mini{width:19px;height:14px}.overlay{text-align:center;background:color-mix(in srgb, var(--bg) 78%, transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:24px;animation:.25s ease-out fade-in;display:flex;position:absolute;inset:0}.overlay.soft{background:color-mix(in srgb, var(--bg) 40%, transparent)}.overlay p{color:var(--text-muted);font-size:14px}.overlay-label{letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);font-size:11px;font-weight:700}.overlay h2{letter-spacing:.01em;font-size:30px}.overlay-note{font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:13px}.champion .flag{width:92px;height:66px;box-shadow:var(--shadow), 0 0 0 1px #00000026;border-radius:6px;animation:.4s cubic-bezier(.16,1,.3,1) rise}.loading-mark{opacity:.5;width:clamp(72px,18%,112px);height:auto;filter:invert(var(--mark-invert));animation:1.9s ease-in-out infinite mark-pulse}@keyframes mark-pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.3;transform:scale(.972)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes rise{0%{opacity:0;transform:translateY(8px)scale(.96)}to{opacity:1;transform:none}}.in-play{border-top:1px solid var(--line);align-items:baseline;gap:14px;padding-top:12px;display:flex}.in-play-count{font-family:var(--mono);font-variant-numeric:tabular-nums;flex:none;font-size:16px}.in-play-count small{letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);margin-left:4px;font-family:inherit;font-size:11px;font-weight:600}.in-play-flags{flex-wrap:wrap;gap:4px;min-width:0;display:flex}.in-play-flags .flag{flex:none}.panel{flex-direction:column;gap:12px;min-height:0;display:flex;overflow-y:auto}.panel-block{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);flex-direction:column;flex:none;gap:10px;padding:16px;display:flex}.panel-block.activity{flex:1 1 0;min-height:140px;overflow:hidden}.panel h2{letter-spacing:.04em;justify-content:space-between;align-items:center;gap:10px;font-size:13px;display:flex}.panel-tag{border:1px solid var(--line);color:var(--text-muted);white-space:nowrap;border-radius:100px;align-items:center;gap:6px;padding:3px 9px 3px 7px;font-size:11.5px;font-weight:600;display:inline-flex}.panel-note{color:var(--text-muted);font-size:13px;line-height:1.5}.panel-note.quiet{font-size:12px}.command-list{flex-direction:column;gap:8px;display:flex}.command-list li{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-2);flex-direction:column;gap:3px;padding:9px 10px;display:flex}.command-list code{font-size:12.5px;font-weight:600}.command-list span{color:var(--text-muted);font-size:12px;line-height:1.4}.watch-link{color:var(--text);border-bottom:1px solid var(--line-strong);align-self:flex-start;padding-bottom:1px;font-size:12.5px;font-weight:600;text-decoration:none}.watch-link:hover{border-color:var(--text)}.activity-list{flex-direction:column;gap:2px;margin:-4px;padding:4px;display:flex;overflow-y:auto}.activity-item{border-bottom:1px solid var(--line);gap:8px;padding:5px 0;font-size:12.5px;line-height:1.45;animation:.2s ease-out slide-in;display:flex}.activity-item:last-child{border-bottom:0}.activity-author{text-overflow:ellipsis;white-space:nowrap;flex:none;max-width:84px;font-weight:600;overflow:hidden}.activity-body{color:var(--text-muted)}.activity-body .flag{margin:0 4px 0 2px}.activity-body b{color:var(--text);font-weight:600}.activity-body em{font-family:var(--mono);color:var(--text-muted);margin-left:5px;font-size:11px;font-style:normal}.activity-item.rejected .activity-author,.activity-item.rejected .activity-body{color:var(--text-muted);opacity:.75}@keyframes slide-in{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:none}}.empty{color:var(--text-muted);font-size:12.5px;line-height:1.5}.footer{border-top:1px solid var(--line);color:var(--text-muted);justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;font-size:12px;display:flex}.footer a{text-decoration:none}.footer a:hover{color:var(--text)}.app.obs{background:0 0;min-height:100vh}.app.obs .stage{grid-template-columns:1fr;padding:0}.admin-main{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));align-content:start;gap:16px;width:100%;max-width:1100px;margin:0 auto;padding:16px;display:grid}.admin-main.narrow{max-width:420px}.card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);flex-direction:column;gap:12px;padding:18px;display:flex}.card h2{font-size:15px}.card h3{margin-top:6px;font-size:13px}.form{flex-direction:column;gap:10px;display:flex}.form.grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));display:grid}.form.inline{flex-direction:row}.form.grid button{grid-column:1/-1}.form label{color:var(--text-muted);flex-direction:column;gap:5px;font-size:12px;font-weight:600;display:flex}input{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg);width:100%;color:var(--text);font:inherit;padding:9px 11px;font-size:13px}input:focus-visible{border-color:var(--text);outline:none}button{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text);font:inherit;cursor:pointer;padding:9px 14px;font-size:13px;font-weight:600;transition:border-color .15s,opacity .15s}button:hover:not(:disabled){border-color:var(--line-strong)}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:var(--text);border-color:var(--text);color:var(--bg)}button.danger{color:var(--warn);border-color:color-mix(in srgb, var(--warn) 45%, var(--line))}button.danger:hover:not(:disabled){border-color:var(--warn)}.button-row{flex-wrap:wrap;gap:8px;display:flex}.form-error,.form-notice{grid-column:1/-1;font-size:13px;font-weight:500}.form-error{color:var(--accent)}.form-notice{color:var(--live)}@media (width<=1000px){.app{height:auto;min-height:100dvh;overflow:visible}.stage{grid-template-rows:auto;grid-template-columns:1fr}.arena-frame{flex:none;height:min(78vw,62vh)}.panel{overflow:visible}.panel-block.activity{flex:none;max-height:380px}}@media (width<=620px){.topbar{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:8px 12px;height:auto;padding:10px 12px;display:flex}.topbar:before,.topbar:after{display:none}.wordmark{flex:0 0 100%;order:1;justify-content:center;transform:none}.wordmark-full{display:none}.wordmark-mark{display:block}.topbar-side.left{flex:none;order:2}.topbar-side.right{flex:auto;order:3}.connection-hint{text-align:center;order:4;width:100%}.in-play{flex-direction:column;align-items:stretch;gap:8px}.stage{gap:12px;padding:12px}.arena-frame{height:min(92vw,56vh)}.icon-button{width:38px;height:38px}.activity-author{max-width:70px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}