*,:before,:after{box-sizing:border-box}:root{--bg:#14161b;--panel:#1c1f26;--panel-2:#23272f;--line:#333844;--text:#e8eaee;--muted:#98a0ae;--accent:#3ea55f;--danger:#d3453c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:system-ui,Segoe UI,Roboto,sans-serif}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);overflow:hidden}button{font:inherit;color:var(--text);background:var(--panel-2);border:1px solid var(--line);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:7px 10px;font-size:13px;display:inline-flex}button:hover:not(:disabled){background:#2b3038;border-color:#4b5262}button:disabled{opacity:.45;cursor:not-allowed}button.active,button.active:hover:not(:disabled){background:var(--accent);border-color:var(--accent);color:#06140b;font-weight:600}button.active:hover:not(:disabled){background:#4bbb70}button.danger{color:#ffb4ae;background:#3a1f1e;border-color:#6b302c}button.danger:hover:not(:disabled){background:var(--danger);color:#fff}input[type=text],input[type=password],input[type=date],select{font:inherit;width:100%;color:var(--text);border:1px solid var(--line);background:#12141a;border-radius:6px;padding:7px 9px;font-size:13px}input[type=color]{border:1px solid var(--line);cursor:pointer;background:#12141a;border-radius:6px;width:34px;height:30px;padding:2px}input:focus,select:focus,button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.controller{width:100%;height:100%;display:flex}.stage-wrap{flex:1;min-width:0;position:relative}.sidebar{background:var(--panel);border-left:1px solid var(--line);flex-direction:column;flex:none;gap:12px;width:320px;padding:12px;display:flex;overflow-y:auto}.section{background:var(--panel-2);border:1px solid var(--line);border-radius:8px}.section>summary{cursor:pointer;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);align-items:center;gap:7px;padding:9px 11px;font-size:12px;font-weight:600;list-style:none;display:flex}.section>summary::-webkit-details-marker{display:none}.section>summary:before{content:"▸";font-size:10px;transition:transform .15s}.section[open]>summary:before{transform:rotate(90deg)}.section-body{flex-direction:column;gap:9px;padding:0 11px 11px;display:flex}.row{align-items:center;gap:6px;display:flex}.row>*{min-width:0}.grid-2{grid-template-columns:1fr 1fr;gap:6px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.grid-5{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.toggle{border:1px solid var(--line);cursor:pointer;width:34px;height:30px;color:var(--muted);background:#12141a;border-radius:6px;flex:none;justify-content:center;align-items:center;display:flex}.toggle:has(input:checked){color:var(--accent);border-color:var(--accent)}.toggle:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:1px}.toggle input{opacity:0;width:0;height:0;position:absolute}.label{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:11px}.hint{color:var(--muted);font-size:11px;line-height:1.45}.host-bar{align-items:center;gap:9px;padding:4px 2px;display:flex}.dot{border:2px solid #ffffff59;border-radius:50%;flex:none;width:14px;height:14px}.status{color:var(--muted);align-items:center;gap:5px;margin-left:auto;font-size:11px;display:flex}.status .dot{border:none;width:8px;height:8px}.list{flex-direction:column;gap:4px;max-height:190px;display:flex;overflow-y:auto}.list-item{border:1px solid var(--line);background:#12141a;border-radius:6px;align-items:center;gap:6px;padding:5px 8px;font-size:13px;display:flex}.list-item span{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.list-item button{padding:3px 7px;font-size:11px}.error{color:#ff9d95;background:#3a1f1e;border:1px solid #6b302c;border-radius:6px;padding:7px 9px;font-size:12px}.ok{color:#a6e8bb;font-size:12px}.warning{color:#ffdf9e;background:#3d3016;border:1px solid #7a5f20;border-radius:6px;padding:8px 10px;font-size:12px;line-height:1.5}.warning code{font-family:var(--mono,ui-monospace, Consolas, monospace);background:#0000004d;border-radius:3px;padding:0 3px}.login{background:radial-gradient(circle at 50% 20%,#1d3a26,#0e1014 70%);justify-content:center;align-items:center;height:100%;display:flex}.login-card{background:var(--panel);border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:14px;width:340px;padding:22px;display:flex;box-shadow:0 18px 40px #00000080}.login-card h1{margin:0;font-size:21px}.login-card p{margin:0}.modal-backdrop{z-index:50;background:#06080cb8;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal{background:var(--panel);border:1px solid var(--line);border-radius:12px;flex-direction:column;width:min(880px,100%);max-height:88vh;display:flex;overflow:hidden;box-shadow:0 24px 60px #0009}.modal-head{border-bottom:1px solid var(--line);background:var(--panel-2);align-items:center;gap:9px;padding:12px 14px;display:flex}.modal-body{flex-direction:column;gap:11px;padding:14px;display:flex;overflow-y:auto}.match-row{text-align:left;background:#12141a;grid-template-columns:20px 1fr 20px auto;align-items:center;gap:8px;padding:7px 10px;display:grid}.match-teams{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.match-score{font-variant-numeric:tabular-nums;font-weight:600}.match-meta{grid-column:1/-1}.scorecard{border:1px solid var(--line);background:#12141a;border-radius:10px;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;padding:14px;display:grid}.scorecard-team{align-items:center;gap:10px;min-width:0;display:flex}.scorecard-team:last-child{flex-direction:row-reverse}.scorecard-team span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.scorecard-score{font-variant-numeric:tabular-nums;color:#ffe27a;white-space:nowrap;font-size:27px;font-weight:700}.lineups{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (width<=720px){.lineups{grid-template-columns:1fr}}.lineup{border:1px solid var(--line);background:#12141a;border-radius:10px;padding:11px}.lineup-head{align-items:center;gap:9px;margin-bottom:9px;display:flex}.lineup-name{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.kit{flex:none;gap:3px;display:flex}.kit i{border:1px solid #ffffff40;border-radius:5px;justify-content:center;align-items:center;width:22px;height:22px;font-size:10px;font-style:normal;font-weight:700;display:flex}.players{margin:0;padding:0;font-size:13px;line-height:1.7;list-style:none}.players b{min-width:22px;color:var(--muted);font-variant-numeric:tabular-nums;display:inline-block}.subs{flex-direction:column;gap:4px;display:flex}.sub-row{text-align:left;grid-template-columns:32px 1fr 14px 1fr;align-items:center;gap:6px;padding:5px 7px;font-size:12px;display:grid}.sub-row .minute{color:var(--muted);font-variant-numeric:tabular-nums}.sub-row .out{color:#ff9d95;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sub-row .in{color:#a6e8bb;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sub-row.done{border-color:var(--accent);background:#3ea55f29}.viewer{width:100%;height:100%}