:root{--bg:#051d35;--surface:#08243f;--surface-2:#0b2c4b;--line:#1a4368;--text:#edf2f7;--text-2:#a9bdd1;--muted:#7b92a8;--blue:#2682dc;--blue-hi:#4098ee;--blue-btn:#1b6fc4;--blue-btn-hover:#1560ae;--warn:#e0a24a;--red:#d2726c;--radius:14px}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--bg);color:var(--text);font:16px/1.6 Inter,ui-sans-serif,-apple-system,Segoe UI,system-ui,sans-serif;-webkit-font-smoothing:antialiased}a{color:var(--blue-hi)}.wrap{max-width:1000px;margin:0 auto;padding:32px 16px 64px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px;border-bottom:1px solid var(--line);flex-wrap:wrap}.brand{font-weight:600;letter-spacing:.02em}.brand span{color:var(--blue-hi)}.simbanner{background:rgba(224,162,74,.12);border:1px solid var(--warn);border-radius:var(--radius);padding:14px 16px;margin:0 0 24px;font-size:14px}.simbanner,.simbanner strong{color:var(--warn)}.grid{display:grid;grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.tile{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:20px;display:block;text-decoration:none;color:inherit}.tile h3{margin:0 0 6px;font-size:17px}.tile p{margin:0;color:var(--text-2);font-size:14px}.tile--off{opacity:.55}.pill{display:inline-block;font-size:11px;letter-spacing:.08em;text-transform:uppercase;padding:3px 8px;border-radius:999px;border:1px solid var(--line);color:var(--muted);margin-bottom:10px}.pill--on{color:var(--blue-hi);border-color:var(--blue)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:24px;max-width:420px}label{display:block;font-size:14px;color:var(--text-2);margin:14px 0 6px}input{width:100%;padding:11px 12px;border-radius:10px;border:1px solid var(--line);background:var(--surface-2);color:var(--text);font-size:15px}input:focus{outline:2px solid var(--blue-hi);outline-offset:1px}button{margin-top:18px;width:100%;padding:12px 14px;border:0;border-radius:10px;background:var(--blue-btn);color:#fff;font-size:15px;font-weight:600;cursor:pointer}button:hover{background:var(--blue-btn-hover)}button:disabled{opacity:.6;cursor:default}.err{color:var(--red);font-size:14px;margin-top:14px}.muted{color:var(--muted);font-size:13px}.denied{border:1px solid var(--line);background:var(--surface);border-radius:var(--radius);padding:24px}.badge{margin-left:10px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;padding:2px 8px;border-radius:999px;border:1px solid var(--warn);color:var(--warn);vertical-align:middle}.player{width:100%;aspect-ratio:16/9;background:#000;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.tile--host{display:block;border-color:var(--blue)}.host h4{margin:18px 0 6px;font-size:14px;color:var(--text-2)}.state{display:inline-flex;align-items:center;gap:8px;margin-bottom:20px;padding:8px 14px;border-radius:999px;border:1px solid var(--line);background:var(--surface);font-size:14px}.state__dot{width:9px;height:9px;border-radius:50%;background:var(--muted)}.state--backstage .state__dot{background:var(--warn)}.state--live{border-color:var(--red)}.state--live .state__dot{background:var(--red);box-shadow:0 0 0 4px hsla(4,53%,62%,.25)}.field{margin:10px 0}.field__label{font-size:12px;color:var(--muted);margin-bottom:4px}.field__row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.field__value{flex:1 1 260px;min-width:0;padding:9px 10px;border-radius:8px;overflow-wrap:anywhere}.btn-sm,.field__value{background:var(--surface-2);border:1px solid var(--line);font-size:13px}.btn-sm{width:auto;margin:0;padding:8px 12px;font-weight:500;color:var(--text)}.btn-sm:hover{background:var(--line)}.host__actions{display:flex;gap:12px;margin-top:24px;flex-wrap:wrap}.host__actions button{width:auto;margin:0;padding:12px 22px}.btn-live{background:#b8413a}.btn-live:hover{background:#9e352f}.btn-end{background:var(--surface-2);border:1px solid var(--red);color:var(--red)}.btn-end:hover{background:hsla(4,53%,62%,.12)}.notice{color:var(--blue-hi);margin-top:14px}.rec{display:inline-block;margin:-8px 0 20px;padding:6px 12px;border-radius:8px;font-size:13px}.rec--on{color:var(--red);border:1px solid var(--red)}.rec--off{color:var(--warn);border:1px solid var(--warn);background:rgba(224,162,74,.08)}.wrap:has(.stage){max-width:1280px}.stage{display:grid;grid-gap:16px;gap:16px;align-items:stretch;grid-template-columns:minmax(0,1fr) 340px}.chat{min-height:360px;min-width:0;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--surface)}.chat>.str-chat{flex:1 1 auto;height:100%;min-height:0}.chat__note{padding:16px}@media (max-width:900px){.stage{grid-template-columns:1fr}.chat{height:440px}}.chat .str-chat{--str-chat__primary-color:#2682dc;--str-chat__active-primary-color:#4098ee;--str-chat__background-color:#08243f;--str-chat__secondary-background-color:#0b2c4b;--str-chat__primary-surface-color:#0b2c4b;--str-chat__text-color:#edf2f7;--str-chat__text-low-emphasis-color:#a9bdd1}