:root{--bg:#0d0d0f;--panel:#17171b;--line:#2a2a31;--gold:#e6c15a;--text:#f2f2f5;--muted:#8b8b96;--danger:#c0453f;--live:#3f9a55}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,sans-serif}.app{grid-template:"bar bar""courts side"1fr/1fr 320px;height:100%;display:grid}@media (width<=900px){.app{grid-template-columns:1fr;grid-template-areas:"bar""courts""side"}}.bar{border-bottom:1px solid var(--line);background:var(--panel);grid-area:bar;align-items:center;gap:16px;padding:12px 18px;display:flex}.title{letter-spacing:.02em;font-weight:800}.air{letter-spacing:.12em;background:var(--live);color:#06210d;border-radius:999px;padding:5px 12px;font-size:13px;font-weight:800}.air[data-on-break=true]{background:var(--gold);color:#241d05}.warn,.error{font-size:13px;font-weight:700}.warn{color:var(--gold)}.error{color:#f0857f;margin-left:auto}.courts{grid-area:courts;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));align-content:start;gap:14px;padding:16px;display:grid;overflow:auto}.court{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:14px}.court[data-stale=true]{border-color:var(--danger)}.court-head{align-items:center;gap:10px;margin-bottom:10px;display:flex}.court-id{text-transform:uppercase;letter-spacing:.08em;font-weight:800}.badge{text-transform:uppercase;letter-spacing:.06em;border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:3px 8px;font-size:11px;font-weight:700}.court[data-stale=true] .badge{border-color:var(--danger);color:#f0857f}.badge-alarm,.court[data-stale=true] .badge-alarm{background:var(--danger);border-color:var(--danger);color:#fff}.court[data-input-lost=true]{border-color:var(--danger)}.score{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:12px;padding:6px 0}.score-row{align-items:center;gap:10px;padding:5px 2px;font-size:16px;display:flex}.score-row[data-serving=true] .team:before{content:"●";color:var(--gold);vertical-align:middle;margin-right:7px;font-size:10px}.team{white-space:nowrap;text-overflow:ellipsis;flex:1;font-weight:600;overflow:hidden}.figures{font-variant-numeric:tabular-nums;letter-spacing:.04em;font-weight:800}.controls{flex-wrap:wrap;gap:6px;display:flex}.controls button{min-width:92px;font:inherit;border:1px solid var(--line);color:var(--text);cursor:pointer;background:#22222a;border-radius:9px;flex:auto;padding:9px 10px;font-size:13px;font-weight:700}.controls button:hover:not(:disabled){border-color:var(--gold)}.controls button:disabled{opacity:.35;cursor:default}.side{border-left:1px solid var(--line);background:var(--panel);grid-area:side;grid-template-rows:auto 1fr;gap:18px;padding:16px;display:grid;overflow:auto}@media (width<=900px){.side{border-left:none;border-top:1px solid var(--line)}}.upload{gap:6px;margin-bottom:10px;display:grid}.upload input[type=text],.upload input:not([type]){font:inherit;border:1px solid var(--line);color:var(--text);background:#101014;border-radius:8px;padding:8px 10px;font-size:13px}.file{text-align:center;border:1px dashed var(--line);cursor:pointer;border-radius:8px;padding:9px 10px;font-size:13px;font-weight:700}.file:hover{border-color:var(--gold)}.file input{display:none}.upload .file:has(input:not(:invalid)){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.upload .primary{font:inherit;border:1px solid var(--gold);background:var(--gold);color:#17170f;cursor:pointer;border-radius:8px;padding:9px 10px;font-size:13px;font-weight:800}.upload .primary:disabled{border-color:var(--line);color:var(--muted);cursor:not-allowed;background:0 0}.hint{margin:0;font-size:12px}.sponsors ul{gap:6px;margin:0;padding:0;list-style:none;display:grid}.sponsors li{border:1px solid var(--line);border-radius:9px;grid-template-columns:1fr auto;gap:2px 10px;padding:8px 10px;font-size:13px;display:grid}.asset-name{font-weight:700}.asset-courts{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;grid-column:1/-1;font-size:11px}.asset-size{color:var(--muted);font-variant-numeric:tabular-nums}.sponsors h2,.clips h2{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin:0 0 10px;font-size:13px}.clips ul{gap:6px;margin:0;padding:0;list-style:none;display:grid}.clips li{border:1px solid var(--line);border-radius:9px;grid-template-columns:auto 1fr auto;align-items:baseline;gap:4px 10px;padding:8px 10px;font-size:13px;display:grid}.clip-court{text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:800}.clip-score{font-variant-numeric:tabular-nums;font-weight:700}.clip-time{color:var(--muted);font-variant-numeric:tabular-nums}.clip-reason{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;grid-column:1/-1;font-size:11px}.muted{color:var(--muted)}.monitor-frame{border:1px solid var(--line);background:#000;border-radius:6px;padding-top:56.25%;position:relative;overflow:hidden}.monitor-frame iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.monitor-note{margin-top:6px;font-size:12px}.monitor-note a{color:inherit}.monitor-status{text-transform:uppercase;letter-spacing:.06em;color:var(--danger);margin-left:8px;font-size:11px;font-weight:700}.monitor-frame video{object-fit:contain;background:#000;width:100%;height:100%;position:absolute;inset:0}.court[data-focused=true]{border-color:var(--gold)}.switcher{border-top:1px solid var(--line);margin-top:10px;padding-top:10px}.switcher-head{align-items:center;gap:8px;margin-bottom:8px;display:flex}.switcher-title{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-size:11px;font-weight:700}.layouts{gap:4px;margin-left:auto;display:flex}.layout{color:var(--muted);border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:4px;padding:3px 8px;font-size:11px}.layout[data-desired=true]{color:var(--text);border-color:var(--muted)}.layout[data-active=true]{color:var(--bg);background:var(--gold);border-color:var(--gold)}.tiles{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:6px;margin:0;padding:0;list-style:none;display:grid}.tile{text-align:left;background:var(--panel);width:100%;color:var(--text);border:1px solid var(--line);cursor:pointer;border-radius:5px;padding:0;display:block;overflow:hidden}.tile:disabled{cursor:default;opacity:.5}.tile[data-on-air=true]{border-color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold)}.tile[data-health=lost]{border-color:var(--danger)}.tile-shot{aspect-ratio:16/9;background:#000;display:block;position:relative}.tile-shot img{object-fit:cover;width:100%;height:100%;display:block}.tile-nothumb{color:var(--muted);place-items:center;font-size:10px;display:grid;position:absolute;inset:0}.tile-tally{letter-spacing:.06em;color:var(--bg);background:var(--gold);border-radius:2px;padding:1px 4px;font-size:9px;font-weight:700;position:absolute;top:3px;left:3px}.tile-label{align-items:center;gap:5px;padding:4px 6px 0;font-size:12px;display:flex}.tile-key{min-width:12px;color:var(--muted);font-size:10px;font-weight:700}.tile-health{color:var(--muted);padding:0 6px 5px;font-size:10px;display:block}.tile-health[data-health=lost]{color:var(--danger)}.tile-health[data-health=live]{color:var(--live)}.why{color:var(--gold);margin:8px 0 0;font-size:12px}.slots{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.slot{color:var(--muted);align-items:center;gap:4px;font-size:11px;display:flex}.slot select{background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:4px;padding:2px 4px;font-size:11px}.slot-shown{color:var(--gold)}.discovered{flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px;font-size:11px;display:flex}.add-input{color:var(--gold);border:1px dashed var(--gold);cursor:pointer;background:0 0;border-radius:4px;padding:2px 7px;font-size:11px}.audio{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;font-size:11px;display:flex}.audio select,.offset input{background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:4px;padding:2px 4px;font-size:11px}.offset{align-items:center;gap:4px;display:flex}.offset input{width:62px}.cameras{border-top:1px solid var(--border,#21262d);margin-top:12px;padding-top:10px}.cameras h3{letter-spacing:.08em;text-transform:uppercase;color:#8b949e;margin:0 0 8px;font-size:12px;font-weight:600}.camera-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.camera{background:#0d1117;border:1px solid #21262d;border-radius:6px;padding:8px 10px}.camera[data-live=true]{border-left:3px solid #2f9e44}.camera[data-stale=true]{opacity:.6}.camera[data-rung="1"],.camera[data-rung="2"],.camera[data-rung="3"]{border-color:#9e6a03}.camera[data-rung="4"]{border-color:#f2353c}.camera-head{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:6px;display:flex}.camera-slot{font-size:13px;font-weight:600}.camera-model{color:#8b949e;font-size:12px}.camera-stats{flex-wrap:wrap;gap:4px 14px;margin:0;display:flex}.camera-stats .stat{flex-direction:column;display:flex}.camera-stats dt{text-transform:uppercase;letter-spacing:.06em;color:#6e7681;font-size:10px}.camera-stats dd{font-variant-numeric:tabular-nums;margin:0;font-size:13px}.camera-fault{color:#d29922;margin:6px 0 0;font-size:12px}.camera-controls,.camera-pair{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.camera-pair input{flex:140px;min-width:0}.pairing{text-align:center;background:#fff;border:1px solid #21262d;border-radius:6px;margin-top:10px;padding:12px}.pairing p{color:#0d1117;margin:0 0 8px;font-size:13px}.pairing p.muted{color:#57606a}.pairing p.error{color:#cf222e}.camera-controls .tally-pgm[data-on=true]{color:#fff;background:#f2353c;border-color:#f2353c}.camera-controls .tally-pvw[data-on=true]{color:#fff;background:#2f9e44;border-color:#2f9e44}.camera-controls .tally-pgm:disabled{opacity:.35}.camera-settings{border-top:1px dashed #21262d;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:6px 12px;margin-top:10px;padding-top:10px;display:grid}.camera-settings label{flex-direction:column;gap:2px;font-size:11px;display:flex}.camera-settings label>span{text-transform:uppercase;letter-spacing:.06em;color:#6e7681}.camera-settings label.checkbox{flex-direction:row;align-items:center;gap:6px}.camera-settings label.checkbox>span{text-transform:none;letter-spacing:0;color:#8b949e}.camera-settings input,.camera-settings select{padding:4px 6px;font-size:13px}.camera-settings .interrupting{border:1px solid #9e6a03;border-radius:6px;grid-column:1/-1;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:6px 12px;margin:4px 0 0;padding:6px 10px 8px;display:grid}.camera-settings .interrupting legend{text-transform:uppercase;letter-spacing:.06em;color:#d29922;padding:0 4px;font-size:10px}.camera-settings .profile{grid-column:1/-1;max-width:220px}.camera-settings .profile-summary,.camera-settings .profile-caution{grid-column:1/-1;margin:-2px 0 2px;font-size:11px;line-height:1.45}.camera-settings .profile-summary{color:#8b949e}.camera-settings .profile-caution{color:#d29922}