:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b0c0e;--panel-bg:#16181c;--panel-border:#2a2d33;--text:#e8e9ec;--text-dim:#8b8f98;--accent:#4f8cff}*{box-sizing:border-box}html,body,#root{background:var(--bg);color:var(--text);margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.app{flex-direction:column;gap:12px;min-height:100vh;padding:12px;display:flex}.screen{border:1px solid var(--panel-border);background:#000;border-radius:8px;width:100%;position:relative;overflow:hidden}.big-screen{aspect-ratio:16/9;width:min(100%,110.222vh);max-height:62vh;margin:0 auto}.ribbon-screen{aspect-ratio:24;width:min(100%,288vh);max-height:12vh;margin:0 auto}.screen-video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.screen-canvas{width:100%;height:100%;position:absolute;inset:0}.screen-label{color:#ffffffbf;letter-spacing:.08em;pointer-events:none;z-index:10;background:#0000008c;border-radius:4px;padding:3px 8px;font-size:11px;font-weight:600;position:absolute;top:8px;left:8px}.operator-panel{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:8px;padding:16px}.panel-tabs{border-bottom:1px solid var(--panel-border);gap:4px;margin-bottom:16px;display:flex}.panel-tab{color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:8px 16px;font-size:14px}.panel-tab.active{color:var(--text);border-bottom-color:var(--accent)}.panel-section{flex-direction:column;gap:12px;display:flex}.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.team-score-block{background:#1c1f24;border-radius:6px;flex-direction:column;gap:8px;min-width:220px;padding:12px;display:flex}.team-score-block h4{color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em;margin:0;font-size:13px}.score-value{font-variant-numeric:tabular-nums;font-size:32px;font-weight:700}button{border:1px solid var(--panel-border);color:var(--text);cursor:pointer;background:#262a31;border-radius:6px;padding:8px 14px;font-size:14px}button:hover{background:#2f333b}button:active{background:#383d47}button.primary{background:var(--accent);border-color:var(--accent)}button.primary:hover{background:#6a9dff}button.danger{background:#4a2323;border-color:#6a3232}button.take-btn.active{background:var(--accent);border-color:var(--accent)}button:disabled{opacity:.4;cursor:not-allowed}input[type=text],input[type=number],select{border:1px solid var(--panel-border);color:var(--text);background:#1c1f24;border-radius:6px;padding:8px 10px;font-size:14px}label{color:var(--text-dim);flex-direction:column;gap:4px;font-size:12px;display:flex}