:root{--bg:#07090d;--panel:#0d1117;--panel2:#090d12;--line:#212a34;--line2:#2e3946;--text:#f4f6f8;--muted:#7f8c99;--acc:#d8ff3e;--danger:#ff5665;--ok:#66e49a;--font:'Arial Narrow','Roboto Condensed',Arial,sans-serif}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif}button,input,select{font:inherit}.page{min-height:100vh}.top{height:56px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 15px;gap:11px;background:#080b0f;position:sticky;top:0;z-index:20}.brand{display:flex;gap:9px;align-items:center}.mark{width:31px;height:31px;border-radius:6px;background:var(--acc);color:#080b0e;display:grid;place-items:center;font:900 18px var(--font)}.eyebrow{font:800 8px var(--font);letter-spacing:.24em;color:var(--acc)}.brand strong{font:900 12px var(--font);letter-spacing:.09em}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 4px #66e49a17}.status-text{font-size:10px;color:#9aa6b1}.spacer{flex:1}.top-btn{height:30px;border:1px solid var(--line2);background:#10161e;color:#bac5cf;border-radius:6px;padding:0 10px;cursor:pointer;font-size:9px;font-weight:850;letter-spacing:.09em;text-decoration:none;display:inline-flex;align-items:center}.top-btn:hover{color:#fff;border-color:#4a5867}.workspace{padding:12px;max-width:1800px;margin:auto}.upper{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:12px;align-items:start}.preview-card,.setup-card,.rack{background:var(--panel);border:1px solid var(--line);border-radius:8px;overflow:hidden}.card-head{height:37px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 11px;gap:8px}.card-head .title{font:900 10px var(--font);letter-spacing:.18em;color:#dfe5ea}.card-head .sub{font-size:9px;color:var(--muted)}.tag{height:20px;padding:0 7px;border:1px solid #2c3945;border-radius:4px;display:inline-flex;align-items:center;font:800 8px var(--font);letter-spacing:.12em;color:#8c9aa7}.tag.live{color:#77efa7;border-color:#275a40;background:#0c2017}.preview-wrap{padding:9px}.preview-stage{position:relative;aspect-ratio:16/9;background:linear-gradient(135deg,#10151b,#06080b);overflow:hidden;border:1px solid #1e2832}.preview-stage:before{content:'WEBRTC PREVIEW';position:absolute;inset:0;display:grid;place-items:center;color:#25303a;font:900 28px var(--font);letter-spacing:.16em}.preview-stage iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.preview-stage .video{z-index:1;background:#05070a}.preview-stage .overlay{z-index:2;pointer-events:none;background:transparent}.preview-foot{height:30px;display:flex;align-items:center;gap:8px;padding-top:7px}.preview-url{min-width:0;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:ui-monospace,monospace;font-size:8px;color:#687582}.mini-btn{height:25px;border:1px solid #2b3642;background:#111720;color:#aab6c1;border-radius:5px;padding:0 8px;cursor:pointer;font:800 8px var(--font);letter-spacing:.08em}.mini-btn:hover{color:#fff}.setup-body{padding:10px;display:grid;gap:9px}.section-label{font:900 8px var(--font);letter-spacing:.18em;color:var(--acc);margin:2px 0 0}.event-load{display:grid;grid-template-columns:1fr auto;gap:6px}.input,.select{width:100%;height:34px;border:1px solid #27323e;background:#080c11;color:#eef2f5;border-radius:5px;padding:0 9px;outline:none;font-size:10px}.input:focus,.select:focus{border-color:#586977}.take-btn{height:34px;border:1px solid var(--acc);background:var(--acc);color:#080b0e;border-radius:5px;padding:0 12px;cursor:pointer;font:900 9px var(--font);letter-spacing:.1em}.seg{display:grid;grid-template-columns:1fr 1fr;gap:5px}.seg button{height:31px;border:1px solid #2a3540;background:#10161d;color:#8593a1;border-radius:5px;cursor:pointer;font:900 9px var(--font);letter-spacing:.12em}.seg button.active{background:#1a2116;border-color:#6e802e;color:var(--acc)}.field{display:grid;gap:4px}.field span{font:800 8px var(--font);letter-spacing:.1em;color:#7f8d9b;text-transform:uppercase}.row{display:flex;gap:6px;align-items:center}.row .grow{flex:1}.match-card{border:1px solid #202a34;background:#090d12;border-radius:6px;padding:8px}.match-title{font:900 13px var(--font);letter-spacing:.05em}.match-meta{font-size:9px;color:#7f8c99;margin-top:3px;line-height:1.4}.players{display:grid;grid-template-columns:1fr 26px 1fr;gap:6px;align-items:end}.swap{height:34px;width:26px;border:1px solid #2c3742;background:#11171e;color:#93a1ae;border-radius:5px;cursor:pointer}.connection{display:grid;grid-template-columns:1fr 1fr;gap:6px}.conn-box{border:1px solid #202a34;background:#090d12;border-radius:5px;padding:7px}.conn-k{font:800 7px var(--font);letter-spacing:.12em;color:#687683}.conn-v{margin-top:3px;font:900 10px var(--font);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conn-v.ok{color:#73eca5}.conn-v.bad{color:#ff7f89}.rack{margin-top:12px}.rack-head{height:35px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 10px;gap:8px}.rack-head strong{font:900 10px var(--font);letter-spacing:.17em}.score-source{font:800 8px var(--font);letter-spacing:.12em;color:#7d8995}.rack-grid{display:grid;grid-template-columns:300px minmax(460px,1fr) 360px;min-height:255px}.rack-section{padding:10px;border-right:1px solid var(--line)}.rack-section:last-child{border-right:0}.rack-label{font:900 8px var(--font);letter-spacing:.18em;color:var(--acc);margin-bottom:8px}.score-live{border:1px solid #252f39;background:#090d12;border-radius:6px;overflow:hidden}.score-row{display:grid;grid-template-columns:20px 1fr 42px 42px 34px;align-items:center;min-height:37px;padding:0 8px;border-bottom:1px solid #202832}.score-row:last-child{border-bottom:0}.serve{width:8px;height:8px;border-radius:50%;border:1px solid #596672}.serve.on{background:var(--acc);border-color:var(--acc)}.player-name{font:900 12px var(--font);letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.score-cell{font:900 15px var(--font);text-align:center}.score-cell.point{background:#151b12;color:var(--acc);border-radius:3px;padding:3px 0}.quick-score{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:7px}.score-edit{display:grid;grid-template-columns:1fr 1fr;gap:5px}.score-edit input,.score-edit select{height:29px;border:1px solid #293541;background:#080c11;color:#fff;border-radius:4px;padding:0 7px;font-size:9px}.graphic-grid{display:grid;grid-template-columns:repeat(3,minmax(120px,1fr));gap:6px}.gbtn{height:38px;border:1px solid #2a3540;background:#10161d;color:#9ba8b4;border-radius:5px;padding:0 9px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:8px;font:900 9px var(--font);letter-spacing:.08em;text-align:left}.gbtn:hover{border-color:#465563;color:#fff}.gbtn .state{font-size:7px;color:#61707d;letter-spacing:.12em}.gbtn.on{background:#1c2415;border-color:#66772a;color:#efffc0}.gbtn.on .state{color:var(--acc)}.gbtn.score.on{background:#14201a;border-color:#2b6544;color:#8bf2b2}.gbtn.score.on .state{color:#70e8a0}.callouts{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin-top:7px}.callouts button{height:28px;border:1px solid #2a3540;background:#10161d;color:#8996a2;border-radius:4px;cursor:pointer;font:900 7px var(--font);letter-spacing:.08em}.callouts button.on{border-color:#6f7f30;color:var(--acc);background:#1a2114}.clear-btn{height:34px;width:100%;margin-top:7px;border:1px solid #6d2d36;background:#211014;color:#ff8089;border-radius:5px;cursor:pointer;font:900 9px var(--font);letter-spacing:.16em}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.quick-grid .full{grid-column:1/-1}.select-small,.input-small{height:30px;width:100%;border:1px solid #293541;background:#080c11;color:#fff;border-radius:4px;padding:0 7px;font-size:9px}.update-btn{height:31px;width:100%;border:1px solid #3a4652;background:#141a21;color:#d6dde3;border-radius:4px;cursor:pointer;font:900 8px var(--font);letter-spacing:.1em}.sponsor-preview{height:47px;border:1px solid #232d37;background:#fff;border-radius:4px;display:grid;place-items:center;margin-top:6px;overflow:hidden}.sponsor-preview img{max-height:38px;max-width:90%;object-fit:contain}.sponsor-preview span{color:#7a8792;font-size:9px}.toast{position:fixed;right:14px;bottom:14px;z-index:99;background:#111820;border:1px solid #34414e;color:#eaf0f5;padding:9px 11px;border-radius:6px;font-size:10px;opacity:0;transform:translateY(6px);transition:.15s;pointer-events:none}.toast.show{opacity:1;transform:none}.toast.bad{border-color:#6d3038;color:#ff929a}@media(max-width:1200px){.upper{grid-template-columns:1fr}.rack-grid{grid-template-columns:280px 1fr}.rack-section:nth-child(3){grid-column:1/-1;border-top:1px solid var(--line);border-right:0}.quick-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:760px){.workspace{padding:7px}.top{padding:0 8px}.status-text,.top .hide-sm{display:none}.rack-grid{display:block}.rack-section{border-right:0;border-bottom:1px solid var(--line)}.graphic-grid{grid-template-columns:1fr 1fr}.quick-grid{grid-template-columns:1fr 1fr}.upper{gap:7px}.setup-card,.preview-card,.rack{border-radius:5px}}