@font-face{font-family:Plex;src:var(--plex-font)}*{box-sizing:border-box}body{margin:0;background:#0c1015;color:#e8edf2;font-family:Plex,'IBM Plex Sans',sans-serif;font-size:14px}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer;background:#252d36;border:1px solid #3b4550;color:#edf3f9;border-radius:5px;min-height:38px;padding:7px 13px;font-weight:600}button:hover{background:#354353;border-color:#6b7e8e}button:disabled,input:disabled,select:disabled{opacity:.38;cursor:not-allowed}button.primary{background:#ddf568;border-color:#ddf568;color:#101709}button.danger{border-color:#ca5454;color:#ff8b8b}button.quiet{background:transparent}input,select,textarea{color:#edf3f9;background:#10161e;border:1px solid #3c4653;border-radius:4px;padding:8px 10px;min-height:38px;width:100%}input[type=color]{padding:4px;width:44px}input[type=checkbox]{width:17px;min-height:17px;height:17px;accent-color:#ddf568}input:focus,select:focus,textarea:focus{border-color:#ddf568}label{display:flex;flex-direction:column;gap:7px;font-size:12px;color:#a5b0bc}h1{font-size:20px;letter-spacing:-.4px;margin:0;font-weight:600}h2{font-size:15px;font-weight:600;margin:0}p{line-height:1.6}header{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 30px;border-bottom:1px solid #29313b;background:#10151c}.brand{display:flex;align-items:center;gap:17px}.brand-mark{font-style:italic;font-size:22px;font-weight:800;border:1px solid #4d5b6a;padding:7px;color:#ddf568}.header-right{display:flex;align-items:center;gap:20px}a{color:#ddec96;text-decoration:none}.pill{padding:5px 9px;font-size:11px;border-radius:20px;background:#232c37;color:#afbdc9}.pill.online{background:#263827;color:#a7e4a4}.pill.offline{background:#482929;color:#ffb9b9}.layout{display:grid;grid-template-columns:220px minmax(0,1fr)}aside{padding:26px 18px;border-right:1px solid #29313b;background:#11171e}aside h2{margin:30px 0 12px}nav{display:grid;gap:7px}nav button{text-align:left;display:flex;justify-content:space-between;padding:11px 12px;background:#19212b;border:1px solid transparent;font-weight:500}nav button[aria-pressed=true]{border-color:#ddf568;color:#ddf568;background:#283022}nav button span{opacity:.45;font-size:11px}.source-switch{padding:20px 0;margin-top:16px;border-top:1px solid #29313b}.switch-label{display:flex;flex-direction:row;align-items:center;gap:10px;color:#eef4fa;font-size:13px}.source-switch p,.hint{color:#8d9aa8;font-size:12px;line-height:1.55}main{padding:26px;max-width:1800px;width:100%;min-width:0}.top-grid{display:grid;grid-template-columns:minmax(420px,1.45fr) minmax(310px,1fr);gap:20px}.panel,.preview-panel{background:#141b23;border:1px solid #2c3540;border-radius:7px;padding:20px;margin-bottom:20px;min-width:0}.panel-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;gap:12px}.live-label{font-size:10px;font-weight:700;letter-spacing:1px;color:#ddf568}.preview{aspect-ratio:16/9;background:repeating-conic-gradient(#202833 0% 25%,#1b222c 0% 50%) 50%/24px 24px;overflow:hidden}.preview iframe{width:100%;height:100%;border:0}.preview-meta{display:flex;justify-content:space-between;font-size:10px;color:#82909f;margin-top:12px}.api-summary{display:flex;gap:10px;align-items:center;margin-bottom:20px}.status-dot{width:8px;height:8px;border-radius:50%;background:#657181;display:inline-block}.status-dot.good{background:#b4ed87;box-shadow:0 0 12px #b4ed8740}.status-dot.bad{background:#f48a79}.metrics{margin:0 0 17px;display:grid;gap:8px}.metrics>div{display:flex;justify-content:space-between;gap:10px}.metrics dt{color:#929fad;font-size:12px}.metrics dd{font-size:12px;text-align:right;margin:0}.endpoint{display:flex;justify-content:space-between;border-top:1px solid #28313d;padding:7px 0;font-size:10px;color:#a9b6c4}.endpoint strong{color:#b5e79a}.endpoint strong.bad{color:#f48a79}#warnings{font-size:11px;color:#e4be7b;line-height:1.5}.warning{margin-top:8px}.clock-row{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-bottom:24px;border-bottom:1px solid #2a3440}.clock-readout{display:flex;align-items:center;gap:16px}#clock{font-size:54px;letter-spacing:-2px;font-variant-numeric:tabular-nums;font-weight:500}.clock-edit{display:flex;gap:8px;align-items:end}.clock-edit label{width:110px}.clock-edit label:nth-child(2){width:100px}#input-label{font-size:10px;letter-spacing:1px;color:#899aa9}.teams-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:24px}.team-head{display:flex;gap:12px;align-items:center}.team-flag{width:32px;height:24px;object-fit:contain}.team-head strong{font-size:18px;flex:1}.score-controls{display:flex;align-items:center;gap:10px;margin:18px 0}.score-value{font-size:48px;min-width:64px;text-align:center;font-variant-numeric:tabular-nums}.score-controls button{width:40px;font-size:23px}.team-edit{display:grid;grid-template-columns:1fr 70px 44px 44px;gap:7px;margin-bottom:18px}.action-row{display:flex;gap:7px;margin-top:9px;flex-wrap:wrap}.action-row button{font-size:11px;flex:1;padding:7px}.card-YELLOW{border-color:#a58c31;color:#eed36d}.card-RED{border-color:#a64848;color:#ff9797}.card-BLUE{border-color:#4778b5;color:#9cc6ff}.penalties{display:grid;gap:5px;margin-top:12px}.penalty{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;background:#2e2b20;color:#ecd082;font-size:12px}.penalty button{min-height:24px;padding:1px 8px;font-size:12px}.goal-controls{display:flex;align-items:center;gap:20px}.goal-controls label{width:135px}.goal-controls span{flex:1;color:#a4b2c1;font-size:12px}.bottom-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:20px}.rosters-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.rosters-grid textarea{height:155px;resize:vertical;font-size:12px;margin-top:9px}.rosters-grid .hint{font-size:10px}#history{padding:0;list-style:none;max-height:290px;overflow:auto;font-size:12px}#history li{padding:9px 0;border-bottom:1px solid #29323d;display:flex;gap:14px}#history time{color:#8192a3;white-space:nowrap}#roster-status{font-size:11px;color:#9daeba}#toast{display:none;position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#65362f;color:#fff;padding:14px 22px;border:1px solid #b97365;border-radius:7px;z-index:30;max-width:80vw}@media(max-width:1200px){.top-grid{grid-template-columns:1fr}.clock-row{align-items:start;flex-direction:column}.bottom-grid{grid-template-columns:1fr}}@media(max-width:800px){header{padding:12px;height:auto}.layout{grid-template-columns:1fr}aside{border-right:0}nav{grid-template-columns:repeat(2,1fr)}main{padding:12px}.teams-grid,.rosters-grid{grid-template-columns:1fr}.clock-edit{flex-wrap:wrap}.header-right{gap:8px}h1{font-size:16px}.top-grid{display:block}.goal-controls{flex-wrap:wrap}}

#scenes button .scene-name,#scenes button .scene-out{font-size:inherit;opacity:1;color:inherit}#scenes button .scene-out{display:none}#scenes button[data-can-out="true"]:is(:hover,:focus-visible) .scene-name{display:none}#scenes button[data-can-out="true"]:is(:hover,:focus-visible) .scene-out{display:inline}#scenes button[data-can-out="true"]:is(:hover,:focus-visible){background:#583126;border-color:#ef9c77;color:#fff0e5}