:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#111318;--panel:#1a1d24;--text:#e8e8ec;--muted:#8b8f9c;--accent:#7ebae4;--seekable:#4a5263;--margin:#343a46;--unloaded:#22262e;--ok:#5cc98a;--wait:#e3b341;--bad:#e5534b;background:var(--bg);color:var(--text);font:15px/1.4 system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}button,select,input{font:inherit;color:inherit}button,select{background:var(--panel);cursor:pointer;border:1px solid #2c313b;border-radius:6px;padding:.35em .7em}button:disabled{opacity:.4;cursor:default}button.big{background:var(--accent);color:#0b1620;border:0;padding:.6em 1.4em;font-size:1.2em}.screen{place-items:center;min-height:100vh;padding:1em;display:grid}.card{background:var(--panel);border-radius:12px;max-width:28em;padding:2em}.card h1{margin-top:0;font-size:1.4em}header{background:var(--panel);align-items:center;gap:.7em;padding:.6em 1em;display:flex}header .now{align-items:baseline;gap:.7em;min-width:0;display:flex}header .group{color:var(--muted)}.dot{background:var(--muted);border-radius:50%;flex:none;width:.6em;height:.6em;display:inline-block}.dot.ok{background:var(--ok)}.dot.wait{background:var(--wait)}.dot.bad{background:var(--bad)}.layout{grid-template-columns:1fr 18em;gap:1em;padding:1em;display:grid}@media (max-width:800px){.layout{grid-template-columns:1fr}}.stage{aspect-ratio:16/9;background:#000;border-radius:8px;position:relative;overflow:hidden}.stage video{width:100%;height:100%;display:block}.overlay{text-align:center;background:#0009;flex-direction:column;justify-content:center;align-items:center;gap:1em;padding:1em;display:flex;position:absolute;inset:0}.overlay.join label{color:var(--muted);flex-direction:column;gap:.3em;display:flex}.overlay.join input{background:var(--panel);border:1px solid #2c313b;border-radius:6px;min-width:14em;padding:.5em}.big-text{margin:0;font-size:2.4em}.notice{background:#000000bf;border-radius:999px;padding:.4em .9em;font-size:.9em;position:absolute;top:.8em;left:50%;transform:translate(-50%)}.controls{flex-wrap:wrap;align-items:center;gap:.5em;padding:.6em 0;display:flex}.controls .play{min-width:3em}.controls .time{color:var(--muted);font-variant-numeric:tabular-nums}.seek{appearance:none;cursor:pointer;border-radius:999px;flex:1;min-width:10em;height:.5em}.seek::-webkit-slider-thumb{appearance:none;background:var(--text);border-radius:50%;width:1em;height:1em}.seek::-moz-range-thumb{background:var(--text);border:0;border-radius:50%;width:1em;height:1em}aside{background:var(--panel);border-radius:8px;align-self:start;padding:.8em 1em}aside h2{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin:.4em 0;font-size:1em}aside h3{margin:.6em 0 .2em;font-size:.95em}aside ol,aside ul{margin:0;padding:0;list-style:none}aside li{grid-template-columns:1em 1fr;gap:0 .4em;padding:.25em 0;display:grid}aside li.current .label{color:var(--accent);font-weight:600}aside li .status{color:var(--muted);grid-column:2;font-size:.8em}.roster li{align-items:center;gap:.5em;display:flex}.muted{color:var(--muted)}.controls{position:relative}.volume{align-items:center;gap:.3em;display:inline-flex}.volume input{width:6em;accent-color:var(--accent)}.subpanel{z-index:5;background:var(--panel);border:1px solid #2c313b;border-radius:8px;flex-direction:column;gap:.6em;min-width:16em;margin-bottom:.5em;padding:.8em 1em;display:flex;position:absolute;bottom:100%;right:0;box-shadow:0 8px 24px #00000080}.subpanel label{grid-template-columns:6.5em 1fr 3em;align-items:center;gap:.5em;display:grid}.subpanel label.row,.subpanel .row{align-items:center;gap:.5em;display:flex}.subpanel input[type=range]{accent-color:var(--accent)}.subpanel .val{color:var(--muted);font-variant-numeric:tabular-nums;text-align:right}.swatch{border:2px solid #0000;border-radius:50%;width:1.6em;height:1.6em;padding:0}.swatch.on{border-color:var(--accent);box-shadow:0 0 0 2px var(--bg) inset}