@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=Space+Grotesk:wght@300;400;500;600;700;800&display=swap";
:root,:root[data-theme=dark]{--c-dark:#1c1d20;--c-cream:#fef7e6;--c-red:#d62828;--c-white:#fff;--c-grey:#8a8a8a;--c-orange:#f15b40;--c-bleu2:#3a6fd8;--c-rouge:#d62828;--c-rose:#e8a0bf;--font-swiss:"Helvetica Neue", Helvetica, Arial, sans-serif;--font-head:"Space Grotesk", var(--font-swiss);--font-body:"DM Sans", var(--font-swiss);--bg:#131416;--panel:#1e1f23;--panel2:#28292e;--a:#1a1b1f;--b:#1e1f23;--border:#505258;--accent:var(--c-red);--accent-dim:color-mix(in srgb, var(--c-red) 55%, transparent);--gold:var(--c-orange);--gold-strong:var(--c-orange);--green:#2ecc71;--red:var(--c-red);--dead:#4b5666;--text:#f0f0f0;--dim:#a0a0a0;--code:#111;--shadow:5px 5px 0px #0000008c;--shadow-accent:5px 5px 0px var(--c-red);--shadow-heavy:8px 8px 0px #0009;--glow:none}:root[data-theme=light]{--bg:var(--c-cream);--panel:var(--c-white);--panel2:#f4efe6;--a:var(--c-white);--b:#f9f5ed;--border:#000;--accent:var(--c-red);--accent-dim:color-mix(in srgb, var(--c-red) 55%, transparent);--gold:var(--c-orange);--gold-strong:var(--c-orange);--green:#27ae60;--red:var(--c-red);--dead:#95a5a6;--text:var(--c-dark);--dim:#555;--code:#f4efe6;--shadow:4px 4px 0px #000;--shadow-accent:5px 5px 0px var(--c-red);--shadow-heavy:6px 6px 0px #000;--glow:none}*,:before,:after{box-sizing:border-box}html{background:var(--bg)}body{background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0;transition:background .25s,color .25s}.stage{max-width:1600px;margin:0 auto;padding:30px 4vw 60px}.dashboard-container{flex-direction:column;gap:32px;margin-top:36px;display:flex}@media (min-width:1200px){.dashboard-container{grid-template-columns:minmax(0,1.6fr) minmax(320px,1fr);align-items:start;gap:32px;display:grid}.dashboard-side-col{flex-direction:column;gap:28px;display:flex}}.match-workspace-container{flex-direction:column;gap:32px;width:100%;margin-top:0;display:flex}.match-workspace-main{width:100%;max-width:100%}.match-workspace-below{grid-template-columns:1fr;gap:28px;width:100%;margin-top:8px;display:grid}@media (min-width:1100px){.match-workspace-below{grid-template-columns:repeat(auto-fit,minmax(460px,1fr))}}.settings-dashboard{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:32px;margin-top:32px;display:grid}.topbar{border-bottom:1px solid #ffffff0d;justify-content:flex-end;align-items:center;gap:16px;margin-bottom:30px;padding-bottom:20px;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand img{width:32px;height:32px}.brand strong{font-family:var(--font-head);letter-spacing:-.04em;text-transform:uppercase;font-size:24px;font-weight:800;line-height:1}.brand strong span{color:var(--accent)}.brand small{letter-spacing:.12em;text-transform:uppercase;color:var(--dim);margin-top:2px;font-size:10px;font-weight:700;display:block}.top-actions{gap:10px;display:flex}@media (max-width:800px){.topbar{flex-direction:column;justify-content:flex-start;align-items:stretch}}.undo-group{border-right:2px solid var(--border);gap:6px;padding-right:10px;display:flex}.undo-group button:disabled{opacity:.3;cursor:default}.undo-group button:disabled:hover{color:var(--dim);box-shadow:none;background:0 0;transform:none}.top-reset{border:2px solid var(--border);background:var(--panel);height:36px;color:var(--text);font:800 11px var(--font-head);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;box-shadow:2px 2px 0px var(--shadow);padding:0 14px;transition:transform .1s,box-shadow .1s,background .15s}.top-reset:hover{border-color:var(--border);color:var(--text);background:var(--panel2);box-shadow:1px 1px 0px var(--border);transform:translate(1px,1px)}.top-reset.danger{border-color:var(--border)}.top-reset.danger:hover{border-color:var(--border);background:var(--red);color:#fff;box-shadow:1px 1px 0px var(--border);transform:translate(1px,1px)}h1,input.title{font:800 42px var(--font-head);letter-spacing:-.04em;text-transform:uppercase;color:var(--text);text-shadow:none;margin:28px 0 8px}.title{border:0;border-bottom:4px solid var(--border);background:0 0;outline:none;width:100%;padding:0 0 16px;transition:border-color .15s}.title:focus{border-color:var(--accent)}.sub,.hint{color:var(--dim);font-size:12px;font-weight:500;line-height:1.6}kbd{border:2px solid var(--border);background:var(--panel2);font-family:var(--font-head);color:var(--text);padding:2px 6px;font-size:13px;font-weight:800;display:inline-block}.board-meta{border-bottom:3px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:16px 0 8px;display:flex}.control-order{color:var(--gold-strong);font:800 11px var(--font-head);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}.control-order span{color:var(--dim);padding:0 6px}.gridhead,.row{grid-template-columns:44px minmax(280px,1fr) 112px 64px 64px 110px 84px 72px;align-items:center;gap:12px;padding:12px 16px;display:grid}.gridhead{color:var(--text);font:800 11px var(--font-head);letter-spacing:.2em;text-transform:uppercase;background:var(--panel2);border-bottom:4px solid var(--border);padding:16px}.board{border:4px solid var(--border);background:var(--panel);box-shadow:var(--shadow-heavy);margin-top:24px;overflow:visible}.board,.card{box-shadow:var(--shadow-heavy)}.row.dropdown-active,.row.expanded{z-index:10!important}.team-expanded-drawer{grid-column:1/-1;width:100%}.row{border-top:3px solid var(--border);background:var(--a);min-height:72px;transition:background .1s}.row:nth-child(odd){background:var(--b)}.row:hover{background:var(--panel2)}.row.highlight{background:color-mix(in srgb, var(--accent) 8%, var(--a))!important;border-left:4px solid var(--accent)!important;box-shadow:none!important}.row.dead{opacity:.5}.row.kb-selected{background:color-mix(in srgb, var(--accent) 6%, var(--panel2));outline:none;box-shadow:inset 4px 0 0 var(--accent), inset 0 0 0 1px var(--accent)!important}.rank{color:var(--accent);font:800 19px var(--font-head);font-variant-numeric:tabular-nums;border-right:2px solid var(--border);align-self:stretch;place-items:center;display:grid}.elims{min-width:46px;font:800 19px var(--font-head);font-variant-numeric:tabular-nums;place-items:center;display:grid}.score-cell{flex-direction:column;align-items:center;gap:4px;display:flex}.score-input{background:var(--panel2);border:2px solid var(--border);width:58px;height:28px;color:var(--text);text-align:center;font-family:var(--font-head);font-variant-numeric:tabular-nums;padding:4px 6px;font-size:12px;font-weight:700}.score-input:focus,.name:focus{border-color:var(--accent);box-shadow:none;outline:2px solid var(--accent);outline-offset:-2px}.team{flex-direction:column;align-items:stretch;gap:6px;min-width:0;display:flex}.team-identity-row{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.team-identity{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.team-fields{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.team-actions{flex:none;gap:4px;display:flex}.badge-wrapper{flex:none;position:relative}.badge{color:#20180f;width:36px;height:36px;font:800 11px var(--font-head);border:2px solid var(--border);cursor:pointer;flex:none;place-items:center;transition:border-color .15s,transform .1s;display:grid;position:relative;overflow:hidden}.badge:hover{border-color:var(--accent);box-shadow:0 0 8px #ffae004d}.badge img{object-fit:contain;background:var(--panel2);width:100%;height:100%;position:absolute;inset:0}.badge-edit-overlay{color:#fff;opacity:0;letter-spacing:.05em;z-index:5;pointer-events:none;background:#000000b8;flex-direction:column;justify-content:center;align-items:center;font-size:10px;font-weight:900;transition:opacity .15s;display:flex;position:absolute;inset:0}.badge:hover .badge-edit-overlay{opacity:1}.badge-remove-btn{color:#fff;cursor:pointer;z-index:6;background:#e63946;border:1.5px solid #000;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;padding:0;font-size:9px;font-weight:900;line-height:1;transition:transform .1s;display:flex;position:absolute;top:-6px;right:-6px;box-shadow:1px 1px #000}.badge-remove-btn:hover{background:#d90429;transform:scale(1.15)}.logo-fallback{place-items:center;width:100%;height:100%;display:grid}.logo-fallback.reupload{background:var(--red);color:#fff;font-size:16px}.name{color:var(--text);font:700 16px var(--font-head);letter-spacing:-.01em;background:0 0;border:2px solid #0000;outline:none;width:100%;min-width:0;padding:5px 6px}.name:hover{border-color:var(--border);background:#ffffff08}.country-input{width:100%;max-width:148px;color:var(--dim);font:10px var(--font-body);background:0 0;border:1px solid #0000;outline:none;padding:1px 6px}.country-input:hover,.country-input:focus{border-color:var(--border);background:var(--panel2)}.logo-button{cursor:pointer;border:2px solid var(--border);min-width:42px;color:var(--dim);font:700 10px var(--font-head);text-transform:uppercase;background:0 0;padding:0 7px;overflow:hidden}.logo-button:hover{border-color:var(--accent);color:var(--accent);background:color-mix(in srgb, var(--accent) 8%, transparent)}.highlight-toggle{min-width:34px;height:28px;font:700 10px var(--font-head);letter-spacing:.08em;border:2px solid var(--border);color:var(--dim);cursor:pointer;background:0 0;padding:0 7px;transition:all .1s}.highlight-toggle:hover{border-color:var(--accent);color:var(--accent)}.highlight-toggle.active{background:var(--accent);border-color:var(--accent);color:var(--c-white)}.auto-highlight-row{box-shadow:inset 4px 0 0 var(--gold);background:color-mix(in srgb, var(--gold) 7%, var(--panel))}.auto-highlight-badge{background:var(--gold);color:#111;height:22px;font:800 9px var(--font-head);letter-spacing:.05em;white-space:nowrap;align-items:center;padding:0 6px;display:inline-flex}.champion-rush-toggle{border:2px solid var(--border);min-width:64px;height:28px;color:var(--dim);font:700 10px var(--font-head);letter-spacing:.06em;cursor:pointer;align-items:center;gap:3px;padding:0 6px;display:inline-flex}.champion-rush-toggle:has(input:checked){border-color:var(--gold);color:var(--gold-strong);background:#f15b401a}.champion-rush-toggle input{accent-color:var(--gold);cursor:pointer;margin:0}.team-list-toggle{border:2px solid var(--border);min-width:48px;height:28px;color:var(--dim);font:700 10px var(--font-head);letter-spacing:.06em;cursor:pointer;background:0 0;align-items:center;gap:3px;padding:0 6px;transition:all .1s;display:inline-flex}.team-list-toggle:hover{color:#00d2ff;border-color:#00d2ff}.team-list-toggle:has(input:checked){color:#00d2ff;background:#00d2ff1f;border-color:#00d2ff}.team-list-toggle input{accent-color:#00d2ff;cursor:pointer;margin:0}.squad{align-items:center;gap:10px;display:flex}.pip{background:var(--green);cursor:pointer;border:2px solid #0000;border-radius:50%;width:20px;height:20px;padding:0;transition:transform .1s}.squad[data-style=boxes] .pip{border-radius:0}.squad[data-style=checkbox] .pip{border:2px solid var(--dim);background:0 0;border-radius:0}.squad[data-style=checkbox] .pip.alive{background:var(--green);border-color:var(--green)}.squad[data-style=checkbox] .pip.alive:after{content:"✓";color:#fff;font-size:14px;line-height:1}.squad[data-style=checkbox] .pip.knocked{background:var(--red);border-color:var(--red)}.squad[data-style=checkbox] .pip.knocked:after{content:"-";color:#fff;font-size:14px;line-height:1}.pip:hover{transform:scale(1.15)}.pip.knocked{background:var(--red)}.pip.eliminated{border:2px solid var(--dead);background:0 0}button,.template-link{cursor:pointer}.step,.remove,.secondary,.template-link,.danger-small{background:var(--panel2);border:2px solid var(--border);color:var(--text)}.score-buttons{gap:4px;display:flex}.step{width:25px;height:21px;font:700 14px/1 var(--font-head);border:2px solid var(--border);color:var(--dim);cursor:pointer;background:0 0;margin:0}.step:hover{border-color:var(--accent);color:var(--accent)}.remove{width:28px;height:28px;color:var(--dim);cursor:pointer;background:0 0;border:2px solid #0000;font-size:20px;line-height:1}.remove:hover{border-color:var(--red);background:color-mix(in srgb, var(--red) 10%, transparent);color:var(--red)}.danger-small{color:var(--dim);background:0 0;border-color:#0000}.danger-small:hover{color:var(--red);background:color-mix(in srgb, var(--red) 10%, transparent);border-color:var(--red)}.pill{border:2px solid var(--accent);color:var(--accent);letter-spacing:.12em;text-transform:uppercase;background:0 0;align-items:center;gap:12px;padding:6px 14px;font-size:14px;font-weight:800;display:inline-flex}.dot{background:var(--accent);border-radius:50%;width:8px;height:8px;animation:1.5s infinite pulse-live}@keyframes pulse-live{0%{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.add{gap:12px;margin-top:20px;display:flex}.add input:not([type=checkbox]):not([type=number]){background:var(--panel2);border:3px solid var(--border);min-width:0;color:var(--text);font-family:var(--font-body);flex:1;padding:12px 14px;transition:border-color .15s}.add input:focus{border-color:var(--accent);outline:none}.primary{background:var(--accent);border:3px solid var(--border);color:var(--c-white);font:800 13px/1 var(--font-head);text-transform:uppercase;box-shadow:var(--shadow);padding:0 24px;transition:transform .1s,box-shadow .1s,background .15s}.primary:hover{background:var(--gold);color:var(--c-white);transform:translate(2px,2px);box-shadow:3px 3px #0006}.primary:active{transform:translate(4px,4px);box-shadow:0 0}.secondary,.template-link{border:3px solid var(--border);height:44px;color:var(--text);background:var(--panel2);font:800 13px var(--font-head);text-transform:uppercase;box-shadow:var(--shadow);justify-content:center;align-items:center;padding:0 16px;text-decoration:none;transition:transform .1s,box-shadow .1s,border-color .15s;display:inline-flex}.secondary:hover,.template-link:hover{border-color:var(--border);color:var(--text);background:color-mix(in srgb, var(--panel) 80%, var(--border));transform:translate(2px,2px);box-shadow:3px 3px #0003}.team-operations{grid-template-columns:1fr 1fr;gap:16px;margin-top:24px;display:grid}.compact-card{border:3px solid var(--border);background:var(--panel);box-shadow:var(--shadow);padding:20px}.compact-head{color:var(--gold-strong);font:800 13px var(--font-head);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;display:flex}.mini-stat-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-top:16px;display:grid}.mini-stat-grid div{border-left:4px solid var(--accent);background:var(--panel2);padding:10px 12px}.mini-stat-grid b{color:var(--text);font:800 24px/1 var(--font-head);display:block}.mini-stat-grid span{color:var(--dim);text-transform:uppercase;letter-spacing:.1em;margin-top:6px;font-size:10px;font-weight:800;display:block}.operator-card p{color:var(--dim);margin:14px 0;font-size:12px;line-height:1.6}.operator-links{gap:12px;display:flex}.operator-links a{border:3px solid var(--border);color:var(--text);font:800 10px var(--font-head);text-transform:uppercase;letter-spacing:.06em;background:var(--panel2);padding:8px 12px;text-decoration:none;transition:transform .1s,box-shadow .1s;box-shadow:3px 3px #0003}.operator-links a:hover{border-color:var(--accent);color:var(--accent);transform:translate(1px,1px);box-shadow:2px 2px #0003}.post-match-card{border-color:var(--gold);background:linear-gradient(135deg, color-mix(in srgb, var(--gold) 10%, var(--panel)), var(--panel))}.post-match-team{color:var(--text);font:800 28px/1 var(--font-head);text-transform:uppercase;letter-spacing:-.02em;margin-top:10px;display:block}.post-match-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-top:16px;display:grid}.post-match-grid div{border-left:4px solid var(--gold);background:#00000024;padding:8px 10px}.post-match-grid b{color:var(--gold-strong);font:800 18px/1 var(--font-head);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.post-match-grid span{color:var(--dim);text-transform:uppercase;margin-top:4px;font-size:10px;display:block}.post-match-note{color:var(--dim);margin:14px 0 0;font-size:11px}.card{background:var(--panel);border:3px solid var(--border);box-shadow:var(--shadow-heavy);margin:0;padding:24px}.card h2{font:800 16px/1 var(--font-head);color:var(--gold-strong);text-transform:uppercase;letter-spacing:.02em;border-left:4px solid var(--accent);border-bottom:none;margin:0 0 14px;padding-bottom:0;padding-left:12px}.mini-head{font:800 13px var(--font-head);color:var(--accent);text-transform:uppercase;letter-spacing:.06em;margin:22px 0 12px}.card p,li{color:var(--dim);font-size:12px;line-height:1.7}.settings-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-top:16px;display:grid}.setting-field{color:var(--text);text-transform:uppercase;letter-spacing:.04em;opacity:.8;flex-direction:column;gap:6px;font-size:11px;font-weight:800;display:flex}.setting-field select,.setting-field input{background:var(--panel2);border:3px solid var(--border);width:100%;color:var(--text);font-family:var(--font-body);padding:12px;transition:border-color .15s}.setting-field select:focus,.setting-field input:focus{border-color:var(--accent);outline:none}.color-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-top:16px;display:grid}.color-field{color:var(--dim);flex-direction:column;gap:6px;font-size:11px;font-weight:800;display:flex}.color-field input[type=color]{border:3px solid var(--border);background:var(--panel2);cursor:pointer;width:100%;height:48px;padding:4px;transition:border-color .15s}.color-field input[type=color]:hover{border-color:var(--accent)}.helper-row{align-items:center;gap:12px;margin-top:10px;display:flex}.footer{border-top:3px solid var(--border);justify-content:space-between;align-items:center;gap:10px;margin-top:36px;padding-top:22px;display:flex}.link{color:var(--dim);font-family:var(--font-body);background:0 0;border:0;font-size:11px;text-decoration:underline}.software-guide{grid-template-columns:1.4fr 1fr;gap:28px;margin-top:20px;display:grid}.software-guide ol{margin:0;padding-left:20px}.flow{color:var(--text);font:700 11px var(--font-head);text-transform:uppercase;align-items:center;gap:12px;display:flex}.flow b{color:var(--accent);font-size:16px}.toast{background:var(--panel);border:2px solid var(--accent);font:700 11px var(--font-head);text-transform:uppercase;letter-spacing:.04em;opacity:0;z-index:9999;box-shadow:4px 4px 0px var(--accent);padding:10px 16px;transition:all .25s;position:fixed;bottom:18px;left:50%;transform:translate(-50%)}.toast.show{opacity:1}.empty{text-align:center;color:var(--dim);font:500 14px var(--font-body);padding:30px}code,path,pre{font-family:var(--font-body)}.path,.csv-preview{background:var(--code)!important;border-color:var(--border)!important;color:var(--text)!important}.vmix-source-grid{gap:12px;display:grid}.vmix-source-grid label{color:var(--dim);gap:4px;font-size:10px;font-weight:700;display:grid}.vmix-source-grid select{background:var(--panel2);border:2px solid var(--border);width:100%;color:var(--text);font:inherit;padding:7px;font-size:10px}.vmix-guide{width:100%;margin-top:10px;font-size:11px}.pt-grid{grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:12px;margin-top:8px;display:grid}.pt-label{color:var(--dim);font:700 10px var(--font-head);text-align:center;flex-direction:column;gap:4px;display:flex}.pt-input{width:100%;height:32px;font-size:14px}.match-history-row{background:var(--a);border:2px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:6px;padding:10px;display:flex}.match-history-row:nth-child(2n){background:var(--b)}.match-history-info{flex-direction:column;gap:3px;min-width:0;display:flex}.match-history-select{color:var(--gold);font:700 10px var(--font-head);text-transform:uppercase;cursor:pointer;align-items:center;gap:5px;margin-top:3px;display:flex}.match-history-select input{accent-color:var(--accent)}.match-history-title{font:700 13px var(--font-head);color:var(--text)}.match-history-meta{color:var(--dim);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.match-history-delete{width:26px;height:26px;font-size:18px;line-height:1}.overall-table{border-collapse:collapse;border:2px solid var(--border);background:var(--panel2);width:100%;margin-top:8px;font-size:12px}.overall-table th{background:color-mix(in srgb, var(--panel) 50%, #000 50%);color:var(--gold);font:700 11px var(--font-head);text-transform:uppercase;letter-spacing:.08em;text-align:left;border-bottom:2px solid var(--border);padding:8px 10px}.overall-table td{border-bottom:1px solid var(--border);background:var(--a);padding:8px 10px}.overall-table tr:nth-child(2n) td{background:var(--b)}.ov-rank{color:var(--gold);font-weight:700}.ov-team{color:var(--text);font:500 12px/1 var(--font-body);white-space:nowrap;text-overflow:ellipsis;max-width:140px;overflow:hidden}.dashboard-side-col .primary[id^=btn]{text-transform:uppercase;cursor:pointer;border:2px solid var(--c-dark);flex:1;padding:12px 16px;font-size:13px;font-weight:800;transition:transform .1s,box-shadow .1s}.dashboard-side-col .primary[id^=btn]:active{transform:translate(4px,4px);box-shadow:0 0}.kill-btn{background:var(--btn-color,#555);color:#fff;border:3px solid color-mix(in srgb, var(--btn-color,#555) 60%, #fff 40%);font:800 13px/1 var(--font-head);text-transform:uppercase;letter-spacing:.06em;cursor:pointer;box-shadow:4px 4px 0px color-mix(in srgb, var(--btn-color,#555) 70%, #000 30%);justify-content:center;align-items:center;gap:6px;padding:14px 10px;transition:transform .1s,box-shadow .1s;display:flex}.kill-btn:hover{box-shadow:2px 2px 0px color-mix(in srgb, var(--btn-color,#555) 70%, #000 30%);transform:translate(2px,2px)}.kill-btn:active{transform:translate(4px,4px);box-shadow:0 0}.mobile-nav-toggle{background:var(--panel);border:2px solid var(--border);color:var(--text);cursor:pointer;width:36px;height:36px;box-shadow:2px 2px 0px var(--shadow);flex-shrink:0;justify-content:center;align-items:center;margin-right:8px;transition:transform .1s,background .15s;display:none}.mobile-nav-toggle:hover{background:var(--accent);color:#fff}.mobile-nav-toggle:active{box-shadow:1px 1px 0px var(--shadow);transform:translate(1px,1px)}.sidebar-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:99;opacity:0;pointer-events:none;background:#000000a6;transition:opacity .25s;display:none;position:fixed;inset:0}@media (max-width:768px){.mobile-nav-toggle{display:inline-flex}.sidebar-backdrop.show{opacity:1;pointer-events:auto;display:block}.app-layout .sidebar,.app-layout.sidebar-closed .sidebar{z-index:1000!important;border-right:2px solid var(--border)!important;width:260px!important;min-width:260px!important;height:100vh!important;transition:transform .25s cubic-bezier(.16,1,.3,1)!important;position:fixed!important;top:0!important;bottom:0!important;left:0!important;transform:translate(-100%)!important;box-shadow:8px 0 25px #00000080!important}.app-layout .sidebar.mobile-open,.app-layout.sidebar-closed .sidebar.mobile-open{transform:translate(0)!important}.main-wrapper{width:100%!important;min-width:0!important;height:100vh!important}.app-header{flex-wrap:wrap!important;gap:8px!important;height:auto!important;min-height:52px!important;padding:8px 12px!important}.header-left{flex:auto!important;align-items:center!important;gap:6px!important;min-width:0!important;display:flex!important}.header-title{white-space:nowrap!important;text-overflow:ellipsis!important;font-size:15px!important;overflow:hidden!important}.header-badge{white-space:nowrap!important;padding:2px 6px!important;font-size:10px!important}.header-right{flex-wrap:wrap!important;align-items:center!important;gap:6px!important;display:flex!important}.system-status{padding:4px 8px!important;font-size:10px!important}.stage{padding:12px 10px 36px!important}.match-action-bar{flex-direction:column!important;align-items:stretch!important;gap:10px!important}.match-action-bar input.title{width:100%!important;min-width:0!important;font-size:16px!important}.match-workspace-actions{flex-wrap:wrap!important;gap:6px!important;width:100%!important;display:flex!important}.top-reset{text-align:center!important;flex:auto!important;padding:8px 10px!important;font-size:11px!important}.board{-webkit-overflow-scrolling:touch!important;width:100%!important;margin-bottom:16px!important;overflow-x:auto!important}.gridhead,.row{grid-template-columns:30px minmax(320px,1fr) 92px 56px 56px 100px 32px!important;gap:6px!important;padding:8px!important}.pip{touch-action:manipulation!important;cursor:pointer!important;width:26px!important;min-width:26px!important;height:26px!important;min-height:26px!important}.step{touch-action:manipulation!important;width:30px!important;min-width:30px!important;height:30px!important;min-height:30px!important;font-size:15px!important}.score-input{min-width:44px!important;height:30px!important;font-size:14px!important;font-weight:800!important}.matches-grid{grid-template-columns:1fr!important;gap:12px!important}.team-operations{grid-template-columns:1fr!important;gap:16px!important}}@media (max-width:1749px){.dashboard-container{gap:20px}.dashboard-side-col{flex-direction:column;gap:20px;display:flex}.board{width:100%;overflow-x:auto}.gridhead,.row{min-width:720px}.control-order{white-space:normal}}@media (max-width:900px){.software-guide{grid-template-columns:1fr}.brand strong{font-size:22px}}@media (max-width:620px){.team-operations{grid-template-columns:1fr}}.app-layout{background:var(--bg);width:100%;height:100vh;display:flex;overflow:hidden}.sidebar{background:var(--bg);border-right:2px solid var(--border);z-index:50;flex-direction:column;flex-shrink:0;width:240px;min-width:240px;height:100vh;transition:width .25s cubic-bezier(.16,1,.3,1),min-width .25s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.app-layout.sidebar-closed .sidebar{width:72px;min-width:72px}.sidebar .brand{border-bottom:2px solid var(--border);background:var(--bg);flex-shrink:0;justify-content:space-between;align-items:center;height:64px;padding:0 16px;display:flex}.brand-content{white-space:nowrap;align-items:center;gap:10px;display:flex;overflow:hidden}.brand-content img{flex-shrink:0;width:26px;height:26px}.brand-text{transition:opacity .2s;overflow:hidden}.brand-text strong{font-family:var(--font-head);letter-spacing:-.5px;text-transform:uppercase;color:var(--text);font-size:18px;font-weight:900;line-height:1.1;display:block}.brand-text strong span{color:var(--accent)}.brand-text small{color:var(--dim);text-transform:uppercase;letter-spacing:.1em;font-size:10px;font-weight:700}.sidebar-toggle{background:var(--panel);border:2px solid var(--border);color:var(--text);cursor:pointer;width:32px;height:32px;box-shadow:2px 2px 0px var(--shadow);border-radius:0;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.sidebar-toggle:hover{background:var(--accent);color:#fff;border-color:var(--border)}.sidebar-nav{flex-direction:column;flex:1;gap:6px;padding:16px 10px;display:flex;overflow-y:auto}.sidebar-nav .nav-label{font-family:var(--font-head);text-transform:uppercase;letter-spacing:.15em;color:var(--dim);padding:4px 8px;font-size:10px;font-weight:800}.sidebar-nav a{color:var(--text);font-family:var(--font-head);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;border:2px solid #0000;border-radius:0;align-items:center;gap:10px;padding:10px 12px;font-size:12px;font-weight:800;text-decoration:none;transition:all .15s;display:flex}.sidebar-nav a svg{opacity:.7;flex-shrink:0;transition:all .15s}.sidebar-nav a:hover{background:var(--panel);color:var(--text);border-color:var(--border);box-shadow:3px 3px 0px var(--shadow)}.sidebar-nav a:hover svg{opacity:1;stroke:var(--text)}.sidebar-nav a.active{background:var(--text);color:var(--bg);border:2px solid var(--border);box-shadow:3px 3px 0px var(--accent)}.sidebar-nav a.active svg{opacity:1;stroke:var(--bg)}:root[data-theme=dark] .sidebar-nav a{color:var(--dim)}:root[data-theme=dark] .sidebar-nav a:hover{background:var(--panel2);color:#fff;border-color:var(--border);box-shadow:3px 3px 0px var(--shadow)}:root[data-theme=dark] .sidebar-nav a.active{background:var(--accent);color:#fff;border:2px solid var(--border);box-shadow:3px 3px #000}:root[data-theme=dark] .sidebar-nav a.active svg{stroke:#fff}.sidebar-footer{border-top:2px solid var(--border);background:var(--panel);flex-direction:column;flex-shrink:0;gap:12px;padding:12px 10px;display:flex}.sf-user-block{padding:0}.sf-label{font-family:var(--font-head);text-transform:uppercase;letter-spacing:.08em;color:var(--dim);margin-bottom:3px;font-size:10px;font-weight:800}.sf-val,.sf-email{font-family:var(--font-head);color:var(--text);word-break:break-all;font-size:12px;font-weight:800;display:block}.sign-out-btn{background:var(--panel);border:2px solid var(--border);width:100%;color:var(--text);font-family:var(--font-head);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;box-shadow:3px 3px 0px var(--shadow);justify-content:center;align-items:center;padding:9px 12px;font-size:11px;font-weight:800;transition:all .1s;display:flex}.sign-out-btn:hover{box-shadow:1px 1px 0px var(--shadow);background:var(--accent);color:#fff;border-color:var(--accent);transform:translate(2px,2px)}.header-theme-toggle{border:2px solid var(--border);background:var(--panel);display:flex;overflow:hidden}.header-theme-toggle button.htb{color:var(--dim);font-family:var(--font-head);text-transform:uppercase;letter-spacing:.06em;cursor:pointer;box-shadow:none;background:0 0;border:none;padding:6px 12px;font-size:10px;font-weight:800;transition:all .1s}.header-theme-toggle button.htb:hover{background:var(--panel2);color:var(--text);transform:none}.header-theme-toggle button.htb.active{background:var(--text);color:var(--bg)}.main-wrapper{background:var(--bg);flex-direction:column;flex:1;min-width:0;height:100vh;display:flex;overflow:hidden}.app-header{border-bottom:2px solid var(--border);background:var(--bg);z-index:20;flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;min-height:64px;padding:0 28px;display:flex}.header-left{align-items:center;gap:16px;display:flex}.header-title{font-family:var(--font-head);text-transform:uppercase;letter-spacing:-.5px;color:var(--text);margin:0;font-size:18px;font-weight:900}.header-badge{font-family:var(--font-head);color:var(--dim);background:var(--panel);border:2px solid var(--border);text-transform:uppercase;box-shadow:2px 2px 0px var(--shadow);align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:800;display:inline-flex}.header-badge b{color:var(--text)}.dot-online{background:#34a853;border-radius:50%;width:8px;height:8px;display:inline-block}.header-right{align-items:center;gap:16px;display:flex}.system-status{align-items:center;gap:12px;display:flex}.system-status .status-dot{border:2px solid var(--border);background:#34a853;border-radius:50%;width:10px;height:10px}.system-status .status-text{font-family:var(--font-head);color:var(--text);text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:800}.header-actions{align-items:center;gap:12px;display:flex}.stage.content-area{flex:1;max-width:100%;margin:0;padding:24px 32px 60px;overflow:hidden auto}.app-layout.sidebar-closed .brand-text,.app-layout.sidebar-closed .nav-label,.app-layout.sidebar-closed .nav-text,.app-layout.sidebar-closed .footer-block,.app-layout.sidebar-closed .sidebar-theme-container,.app-layout.sidebar-closed .sidebar-theme-toggle{display:none!important}.app-layout.sidebar-closed .brand-content{display:none}.app-layout.sidebar-closed .sidebar .brand{justify-content:center;padding:0}.app-layout.sidebar-closed .sidebar-toggle{margin:0 auto}.app-layout.sidebar-closed .sidebar-nav{align-items:center;padding:24px 14px}.app-layout.sidebar-closed .sidebar-nav a{border:1px solid #0000;justify-content:center;width:42px;height:42px;padding:0}.app-layout.sidebar-closed .sidebar-nav a.active{border:1px solid #d6282833}.app-layout.sidebar-closed .sidebar-footer{justify-content:center;padding:0 14px 24px;display:flex}.app-layout.sidebar-closed .sign-out-btn{justify-content:center;width:42px;height:42px;padding:0;font-size:0}.app-layout.sidebar-closed .nav-text,.app-layout.sidebar-closed .nav-label,.app-layout.sidebar-closed .footer-block,.app-layout.sidebar-closed .sf-user-block,.app-layout.sidebar-closed .so-text{display:none!important}:root[data-theme=light] .sidebar{box-shadow:none;background:#fdf6e3;border-right:2px solid #000;transition:width .3s cubic-bezier(.16,1,.3,1)}:root[data-theme=light] .sidebar .brand{background:#fdf6e3;border-bottom:2px solid #000}:root[data-theme=light] .sidebar-nav .nav-label{color:#666;letter-spacing:.15em;font-size:10px}:root[data-theme=light] .sidebar-nav a{color:#000;text-transform:uppercase;border:2px solid #0000;border-radius:0;font-size:13px;font-weight:700}:root[data-theme=light] .sidebar-nav a:hover{color:#000;background:#fff;border-color:#000;transform:none;box-shadow:3px 3px #000}:root[data-theme=light] .sidebar-nav a.active{color:#fff;background:#000;border:2px solid #000;box-shadow:3px 3px #d62828}:root[data-theme=light] .sidebar-nav a.active svg{stroke:#fff;opacity:1}:root[data-theme=light] .sidebar-nav a:hover svg{opacity:1;stroke:#000}:root[data-theme=light] .sidebar-footer{background:#fff;border-color:#000}:root[data-theme=light] .sf-label{color:#666}:root[data-theme=light] .sf-val,:root[data-theme=light] .sf-email{color:#000}:root[data-theme=light] .sign-out-btn{color:#000;background:#fff;border:2px solid #000;box-shadow:3px 3px #000}:root[data-theme=light] .sign-out-btn:hover{color:#fff;background:#d62828;border-color:#d62828;box-shadow:1px 1px #000}:root[data-theme=light] .header-theme-toggle{background:#fff;border-color:#000}:root[data-theme=light] .header-theme-toggle button.htb{color:#666}:root[data-theme=light] .header-theme-toggle button.htb:hover{color:#000;background:#fdf6e3}:root[data-theme=light] .header-theme-toggle button.htb.active,:root[data-theme=light] .sidebar-toggle:hover{color:#fff;background:#000}:root[data-theme=light] .mini-stat-grid div{background:#fdf6e3;border:2px solid #000;border-radius:0}:root[data-theme=light] .mini-stat-grid div b{color:#d62828}:root[data-theme=light] .operator-links a{color:#000;text-transform:uppercase;background:#fff;border:2px solid #000;border-radius:0;font-weight:700;box-shadow:3px 3px #000}:root[data-theme=light] .operator-links a:hover{color:#fff;background:#d62828;box-shadow:1px 1px #000}:root[data-theme=light] .add input{text-transform:uppercase;border:2px solid #000;font-weight:700;box-shadow:3px 3px #000}:root[data-theme=light] .settings-grid input,:root[data-theme=light] .settings-grid select{background:#fff;border:2px solid #000;border-radius:0;padding:10px;font-weight:700;box-shadow:3px 3px #000}.dash-welcome{background:var(--panel);border:2px solid var(--border);box-shadow:6px 6px 0px var(--shadow);justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px;padding:28px 32px;display:flex}.dash-welcome-title{font-family:var(--font-head);text-transform:uppercase;letter-spacing:-.5px;color:var(--text);margin:0 0 8px;font-size:26px;font-weight:900;line-height:1.1}.dash-welcome-title span{color:var(--accent)}.dash-welcome-sub{color:var(--dim);max-width:520px;margin:0;font-size:13px;line-height:1.6}.dash-status-chip{border:2px solid var(--border);background:var(--panel);box-shadow:3px 3px 0px var(--shadow);font-family:var(--font-head);text-transform:uppercase;letter-spacing:.08em;color:var(--text);white-space:nowrap;align-items:center;gap:12px;padding:8px 16px;font-size:11px;font-weight:800;display:inline-flex}.chip-dot{background:#34a853;border-radius:50%;width:8px;height:8px;animation:2s infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.dash-stats-row{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}.metrics-telemetry-2x2{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}@media (max-width:900px){.metrics-telemetry-2x2{grid-template-columns:1fr}}.dash-stat-card{background:var(--panel);border:2px solid var(--border);box-shadow:4px 4px 0px var(--shadow);align-items:center;gap:16px;padding:20px 24px;transition:box-shadow .1s,transform .1s;display:flex}.dash-stat-card:hover{box-shadow:2px 2px 0px var(--shadow);transform:translate(2px,2px)}.dash-stat-icon{border:2px solid var(--border);background:var(--panel);width:44px;height:44px;color:var(--dim);flex-shrink:0;justify-content:center;align-items:center;display:flex}.dash-stat-icon.accent-icon{color:var(--accent);border-color:var(--accent)}.dash-stat-label{font-family:var(--font-head);text-transform:uppercase;letter-spacing:.1em;color:var(--dim);margin-bottom:4px;font-size:10px;font-weight:800}.dash-stat-value{font-family:var(--font-head);color:var(--text);font-size:20px;font-weight:900;line-height:1}.dash-grid{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px;display:grid}.dash-panel{background:var(--panel);border:2px solid var(--border);box-shadow:6px 6px 0px var(--shadow);overflow:hidden}.dash-panel-header{border-bottom:2px solid var(--border);background:var(--panel);justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.dash-panel-title{font-family:var(--font-head);text-transform:uppercase;letter-spacing:.1em;color:var(--text);font-size:12px;font-weight:900}.dash-panel-body{flex-direction:column;gap:12px;padding:20px;display:flex}.dash-action-btn{border:2px solid var(--border);background:var(--bg);box-shadow:3px 3px 0px var(--shadow);cursor:pointer;align-items:center;gap:16px;padding:16px 18px;text-decoration:none;transition:box-shadow .1s,transform .1s,background .15s;display:flex}.dash-action-btn:hover{background:var(--panel);box-shadow:1px 1px 0px var(--shadow);transform:translate(2px,2px)}.dash-action-icon{border:2px solid var(--border);background:var(--panel);width:40px;height:40px;color:var(--accent);flex-shrink:0;justify-content:center;align-items:center;display:flex}.dash-action-title{font-family:var(--font-head);text-transform:uppercase;color:var(--text);letter-spacing:.03em;margin-bottom:3px;font-size:13px;font-weight:800}.dash-action-sub{color:var(--dim);font-size:11px;line-height:1.4}.dash-action-arrow{color:var(--dim);flex-shrink:0;margin-left:auto}.dash-steps{flex-direction:column;gap:14px;display:flex}.dash-step{border:2px solid var(--border);background:var(--bg);align-items:flex-start;gap:14px;padding:12px 14px;display:flex}.dash-step-num{font-family:var(--font-head);color:var(--accent);flex-shrink:0;width:32px;font-size:20px;font-weight:900;line-height:1}.dash-step-text{color:var(--dim);padding-top:2px;font-size:12px;line-height:1.6}.dash-flow-banner{background:var(--panel);border:2px solid var(--border);box-shadow:6px 6px 0px var(--shadow);margin-bottom:16px;padding:20px 28px}.dash-flow-label{font-family:var(--font-head);text-transform:uppercase;letter-spacing:.15em;color:var(--dim);margin-bottom:14px;font-size:10px;font-weight:800}.dash-flow-chain{align-items:center;gap:12px;margin-bottom:16px;display:flex}.dash-flow-node{background:var(--bg);border:2px solid var(--border);font-family:var(--font-head);text-transform:uppercase;letter-spacing:.05em;color:var(--text);box-shadow:2px 2px 0px var(--shadow);padding:6px 14px;font-size:11px;font-weight:800}.dash-flow-node.accent-node{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:2px 2px #000}.dash-flow-arrow{font-family:var(--font-head);color:var(--dim);font-size:16px;font-weight:900}.dash-flow-shortcuts{gap:20px;display:flex}.dash-flow-shortcuts span{color:var(--dim);align-items:center;gap:6px;font-size:11px;display:flex}.dash-flow-shortcuts kbd{background:var(--bg);border:2px solid var(--border);font-family:var(--font-head);color:var(--text);box-shadow:2px 2px 0px var(--shadow);padding:2px 6px;font-size:10px;font-weight:800}@media (max-width:1100px){.dash-stats-row{grid-template-columns:repeat(2,1fr)}.dash-grid{grid-template-columns:1fr}}@media (max-width:640px){.dash-stats-row{grid-template-columns:1fr 1fr}.dash-welcome{flex-direction:column;align-items:flex-start}.dash-flow-chain{gap:6px}}:root[data-theme=light] .dash-welcome,:root[data-theme=light] .dash-stat-card,:root[data-theme=light] .dash-panel{background:#fff}:root[data-theme=light] .dash-panel-header{background:#fff;border-color:#000}:root[data-theme=light] .dash-action-btn{background:#fdf6e3;border-color:#000;box-shadow:3px 3px #000}:root[data-theme=light] .dash-action-btn:hover{background:#fff;box-shadow:1px 1px #000}:root[data-theme=light] .dash-action-icon,:root[data-theme=light] .dash-step{background:#fdf6e3;border-color:#000}:root[data-theme=light] .dash-flow-banner{background:#fff;border-color:#000;box-shadow:6px 6px #000}:root[data-theme=light] .dash-flow-node{background:#fdf6e3;border-color:#000;box-shadow:2px 2px #000}:root[data-theme=light] .dash-flow-node.accent-node{background:#d62828;border-color:#d62828;box-shadow:2px 2px #000}:root[data-theme=light] .dash-status-chip{background:#fff;border-color:#000;box-shadow:3px 3px #000}:root[data-theme=light] .dash-stat-card{box-shadow:4px 4px #000}:root[data-theme=light] .dash-welcome,:root[data-theme=light] .dash-panel{border-color:#000;box-shadow:6px 6px #000}:root[data-theme=light] .dash-flow-shortcuts kbd{background:#fdf6e3;border-color:#000;box-shadow:2px 2px #000}.matches-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;width:100%;display:grid}.match-card{background:var(--panel);border:2px solid var(--border);box-shadow:6px 6px 0px var(--shadow);border-radius:2px;flex-direction:column;padding:24px;transition:transform .1s,box-shadow .1s;display:flex}.match-card:hover{box-shadow:4px 4px 0px var(--shadow);transform:translate(2px,2px)}.match-card-head{border-bottom:2px solid var(--border);justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;padding-bottom:16px;display:flex}.match-card-title{font-family:var(--font-head);text-transform:uppercase;color:var(--text);word-break:break-word;margin:0;font-size:20px;font-weight:900;line-height:1.1}.match-card-status{color:#fff;text-transform:uppercase;background:#000;border:2px solid #000;flex-shrink:0;padding:4px 8px;font-size:10px;font-weight:700;display:inline-block}.match-card-status.live{background:var(--accent);border-color:var(--accent)}.match-card-action{width:100%;margin-top:auto;font-size:13px!important}:root[data-theme=light] .match-card-status{color:#fff;background:#000}:root[data-theme=light] .match-card-status.live{background:#d62828;border-color:#d62828}:root[data-theme=light] .match-card{background:#fff;border-color:#000;box-shadow:6px 6px #000}:root[data-theme=light] .match-card:hover{box-shadow:4px 4px #000}.so-icon{display:none}.app-layout.sidebar-closed .so-icon{margin:0 auto;display:block}.app-layout.sidebar-closed .sign-out-btn{border-radius:2px;justify-content:center;align-items:center;padding:0;display:flex}.ping-text{color:var(--dim,#666);background:#0000000d;border-radius:4px;margin-left:6px;padding:2px 6px;font-family:monospace;font-size:10px}:root[data-theme=dark] .ping-text{background:#ffffff1a}.logo-input{width:90px;height:24px;font-family:var(--font-mono);border:2px solid var(--border);background:var(--panel2);color:var(--text);border-radius:2px;outline:none;padding:0 6px;font-size:9px}.logo-input:focus{border-color:var(--accent)}.team-fields{min-width:90px}.name{width:100%;min-width:90px}.logo-input{flex-shrink:0}