.officials-panel{border-top:1px solid #e0e0e0;background:#f8f9fa;padding:6px 10px;overflow:hidden}.officials-scroll{display:flex;gap:10px;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin}.official-card{display:flex;flex-direction:column;gap:4px;background:#fff;border:1px solid #dee2e6;border-radius:8px;padding:6px 10px;min-width:fit-content;flex-shrink:0}.official-name{font-size:.72em;font-weight:700;color:#495057;white-space:nowrap;text-transform:uppercase;letter-spacing:.3px}.official-cps{display:flex;gap:4px;flex-wrap:nowrap}.cp-badge{position:relative;padding:3px 8px;font-size:.78em;font-weight:700;border-radius:4px;border:1px solid #ced4da;background:#f1f3f5;color:#495057;cursor:pointer;transition:background .15s,border-color .15s;white-space:nowrap}.cp-badge:hover{background:#e2e6ea;border-color:#adb5bd}.cp-badge--active{background:#1a3a5c;border-color:#1a3a5c;color:#f0b429;cursor:default;padding-right:18px}.cp-badge--active:hover{background:#1a3a5c;border-color:#1a3a5c}.cp-badge__dot{position:absolute;top:4px;right:5px;width:6px;height:6px;border-radius:50%;background:#f0b429}.no-cp{font-size:.8em;color:#adb5bd}.matrix-container{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;overflow:hidden;background-image:url(/logo.webp);background-repeat:no-repeat;background-position:center bottom;background-size:600px auto}.matrix-header{flex-shrink:0;position:relative;background:#fff;z-index:10;padding:5px 10px;box-shadow:0 2px 8px #0000001a;border-top:1px solid #8a3333;border-bottom:1px solid #8a3333}.header-content{display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;gap:10px}.filter-grid{display:flex;flex-direction:column;gap:8px;color:#000;font-size:1rem;font-weight:700;min-width:200px}.filter-block{display:flex;align-items:center;gap:6px}.small-input{width:40px;padding:4px;background-color:#fff;font-size:.85rem}.start-columns{display:flex;gap:10px;flex-wrap:wrap}.title-center{flex:1;text-align:center}.title{font-size:1.4rem;margin:0;font-weight:600;color:#036}.logo-right{display:flex;align-items:center;justify-content:flex-end}.eleta-logo{height:40px;object-fit:contain}.matrix-scroll-wrapper{flex:1;min-height:0;overflow:auto;position:relative;-webkit-overflow-scrolling:touch;background-color:#fff;padding-bottom:200px;box-sizing:border-box}.matrix-table{border-collapse:collapse;width:max-content;table-layout:fixed;background-color:#fff}.matrix-table th,.matrix-table td{border:1px solid #ccc;text-align:center;vertical-align:top;padding:4px 6px;width:80px;min-width:80px;max-width:80px;word-wrap:break-word;white-space:normal;overflow:hidden}.matrix-table td{background-color:inherit}.sticky-header{position:sticky;top:2px;z-index:20;background:#fff;border-bottom:1px solid #b0bcd8;height:50px}.sticky-header2{position:sticky;top:62px;z-index:20;background:#fff;border-bottom:2px solid #b0bcd8}.car-header{position:sticky;left:0;z-index:15;background:#f0f0f0;font-size:20px;font-weight:900;min-width:80px;max-width:80px;width:80px;text-align:center;vertical-align:middle;white-space:nowrap;border-right:1px solid #ccc;box-shadow:2px 0 5px #0000001a}.corner-cell{position:sticky;top:0;left:0;z-index:25;background:#ddd;font-weight:700;min-width:80px;max-width:80px;width:80px;text-align:center;vertical-align:middle;border-right:1px solid #aaa;border-bottom:1px solid #aaa}.matrix-table tbody tr:nth-child(odd){background-color:#fff}.matrix-table tbody tr:nth-child(2n){background-color:#f4f6fb}.matrix-cell--clickable{cursor:pointer}.matrix-cell--clickable:hover{filter:brightness(.91)}.status-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:1000;display:flex;justify-content:center;align-items:center}.modal-content{background:#fff;padding:20px 30px;border-radius:10px;text-align:center;box-shadow:0 0 10px #00000080}.modal-content h3{margin-bottom:15px}.modal-content button{margin:5px 10px;padding:10px 20px;font-weight:700;border:none;border-radius:8px;cursor:pointer;background-color:#eee;transition:background-color .2s ease}.modal-content button:hover{background-color:#ddd}.admin-tabs{display:flex;gap:4px;margin-bottom:16px}.admin-tab{padding:7px 20px;border:1px solid #ced4da;border-radius:6px;background:#fff;font-weight:600;font-size:.88em;cursor:pointer;color:#495057}.admin-tab:hover{background:#f1f3f5}.admin-tab--active{background:#1a3a5c;color:#fff;border-color:#1a3a5c}.cp-table-wrapper{background:#fff;border:1px solid #dee2e6;border-radius:10px;overflow:auto;max-width:1000px}.cp-table{width:100%;border-collapse:collapse;font-size:.88em}.cp-table th{background:#1a3a5c;color:#fff;padding:9px 12px;text-align:left;font-weight:700;white-space:nowrap}.cp-table td{padding:5px 8px;border-bottom:1px solid #f1f3f5;vertical-align:middle}.cp-table tr:last-child td{border-bottom:none}.cp-row--dirty{background:#fffbe6}.cp-id-cell{color:#868e96;font-weight:700;text-align:center;width:40px}.cp-input{padding:5px 8px;border:1px solid #dee2e6;border-radius:5px;font-size:.92em;width:90px;box-sizing:border-box}.cp-input:focus{outline:none;border-color:#1a3a5c}.cp-input--code{width:70px;font-weight:700}.cp-input--wide{width:240px}.cp-input--timing{width:60px;text-align:center}.btn-row-save{padding:4px 12px;border-radius:5px;border:1px solid #ced4da;background:#f8f9fa;color:#868e96;font-size:.82em;cursor:not-allowed}.btn-row-save--dirty{background:#1a3a5c;color:#fff;border-color:#1a3a5c;cursor:pointer}.btn-row-save--dirty:hover{background:#122a45}.admin-page{padding:16px;min-height:100%;background:#f4f6f8;font-family:Segoe UI,system-ui,sans-serif}.admin-flash{position:fixed;top:56px;left:50%;transform:translate(-50%);padding:10px 24px;border-radius:8px;font-weight:700;font-size:.9em;z-index:999;box-shadow:0 4px 12px #0003}.admin-flash--ok{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.admin-flash--err{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.admin-layout{display:flex;gap:20px;max-width:1100px;margin:0 auto}.admin-list{width:260px;flex-shrink:0;background:#fff;border:1px solid #dee2e6;border-radius:10px;overflow:hidden;align-self:flex-start}.admin-list-header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:#1a3a5c;color:#fff;font-weight:700;font-size:.9em}.btn-add{background:#f0b429;color:#1a3a5c;border:none;border-radius:6px;padding:4px 10px;font-weight:800;font-size:.85em;cursor:pointer}.btn-add:hover{background:#d9a020}.admin-list-items{max-height:70vh;overflow-y:auto}.admin-list-item{padding:10px 14px;cursor:pointer;border-bottom:1px solid #f1f3f5;transition:background .1s}.admin-list-item:hover{background:#f8f9fa}.admin-list-item--active{background:#e8f0fb;border-left:3px solid #1a3a5c}.ali-name{font-weight:600;font-size:.92em;color:#212529}.ali-meta{font-size:.76em;color:#868e96;margin-top:2px}.admin-editor{flex:1;background:#fff;border:1px solid #dee2e6;border-radius:10px;padding:24px;align-self:flex-start}.admin-placeholder{color:#868e96;text-align:center;padding:60px 0;font-size:.95em}.admin-editor-title{margin:0 0 20px;font-size:1.1em;color:#1a3a5c;border-bottom:2px solid #e9ecef;padding-bottom:10px}.admin-form{display:grid;grid-template-columns:140px 1fr;gap:10px 14px;align-items:center;max-width:480px}.admin-form label{font-size:.85em;font-weight:600;color:#495057;text-align:right}.admin-form input{padding:8px 10px;border:1px solid #ced4da;border-radius:6px;font-size:.9em;width:100%;box-sizing:border-box}.admin-form input:focus{outline:none;border-color:#1a3a5c;box-shadow:0 0 0 2px #1a3a5c26}.admin-form input:disabled{background:#f1f3f5;color:#868e96}.admin-form-actions{grid-column:2;display:flex;gap:10px;margin-top:4px}.btn-save{padding:8px 20px;background:#1a3a5c;color:#fff;border:none;border-radius:6px;font-weight:700;cursor:pointer;font-size:.9em}.btn-save:hover{background:#122a45}.btn-save:disabled{background:#adb5bd;cursor:not-allowed}.btn-delete{padding:8px 20px;background:#fff;color:#c0392b;border:1px solid #c0392b;border-radius:6px;font-weight:700;cursor:pointer;font-size:.9em}.btn-delete:hover{background:#fdf0ef}.btn-delete:disabled{opacity:.5;cursor:not-allowed}.admin-assignments{margin-top:28px;border-top:1px solid #e9ecef;padding-top:18px}.admin-assignments h4{margin:0 0 14px;font-size:.95em;color:#1a3a5c;text-transform:uppercase;letter-spacing:.4px}.assignment-grid{display:flex;flex-wrap:wrap;gap:8px}.cp-toggle{display:flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid #ced4da;border-radius:6px;cursor:pointer;background:#f8f9fa;transition:background .15s,border-color .15s;-webkit-user-select:none;user-select:none}.cp-toggle:hover{background:#e9ecef}.cp-toggle input[type=checkbox]{display:none}.cp-toggle--on{background:#1a3a5c;border-color:#1a3a5c;color:#fff}.cp-toggle--on .cp-toggle-name{color:#94b4cc}.cp-toggle-id{font-weight:800;font-size:.9em;min-width:22px;text-align:center}.cp-toggle-name{font-size:.8em;color:#495057;max-width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cpv-host{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;background:#f9f9f9;color:#213547;color-scheme:light;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5}.cpv-nav{height:40px;flex-shrink:0;background:#1a3a5c;display:flex;align-items:center;gap:4px;padding:0 12px;box-shadow:0 2px 6px #0000004d;z-index:20}.cpv-nav img{height:28px;margin-right:12px;border-radius:4px}.cpv-nav button{padding:4px 14px;background:transparent;color:#94b4cc;border:1px solid #2e4a6a;border-radius:5px;font-weight:700;font-size:.85em;cursor:pointer}.cpv-nav button.on{background:#f0b429;color:#1a3a5c;border-color:transparent}.cpv-body{flex:1;min-height:0;position:relative;overflow:auto}.app-container{display:flex;height:100%;width:100%;background:#95c0ff;color:#000}.sidebar{width:220px;min-width:180px;border-right:none;padding:16px 12px;overflow:auto;box-sizing:border-box;background:#1a2744;color:#e2e8f0;box-shadow:2px 0 8px #0003}.sidebar h3{margin:0 0 12px;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#94a3b8;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.08)}.sidebar h4{margin:20px 0 8px;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#94a3b8}.sidebar-table-item{padding:7px 10px;margin-bottom:2px;cursor:pointer;border-radius:6px;color:#cbd5e1;font-size:14px;transition:background .12s,color .12s}.sidebar-table-item:hover{background:#ffffff1a;color:#fff}.sidebar-table-item.active{background:#2563eb;color:#fff;font-weight:600}.preset-btn{background:#ffffff12;color:#cbd5e1;border:1px solid rgba(255,255,255,.14);border-radius:5px;padding:5px 10px;font-size:13px;font:inherit;cursor:pointer;text-align:left;width:100%;transition:background .12s,color .12s}.preset-btn:hover{background:#ffffff29;color:#fff}.main{flex:1;padding:20px;overflow:hidden;display:flex;flex-direction:column;box-sizing:border-box;color:#000;background:#e5e5e5}.race-title-banner{position:absolute;background:#fff;padding:8px 28px;border-radius:8px;top:8px;left:50%;transform:translate(-50%);z-index:20;box-shadow:0 2px 12px #0000001f;border:1px solid rgba(0,0,0,.06);font-size:18px;font-weight:600;color:#1e3a5f;letter-spacing:.02em;white-space:nowrap}.table-header-row{margin-bottom:12px;display:flex;gap:10px;align-items:center}.table-heading{background:#0000000f;padding:4px 12px;border-radius:6px;font-size:18px;font-weight:700;margin:0;color:#1e3a5f}.columns-heading{background:#0000000f;padding:4px 12px;border-radius:6px;font-size:15px;font-weight:600;margin:0;color:#374151}.column-toggles{position:sticky;left:0;z-index:10;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px;padding:10px 14px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;max-width:70vw;box-shadow:0 1px 4px #0000000f}.column-toggles label{display:flex;gap:5px;align-items:center;font-size:13px;color:#374151;cursor:pointer;padding:2px 4px;border-radius:4px;transition:background .1s}.column-toggles label:hover{background:#f1f5f9}.action-bar{margin-bottom:12px;display:flex;gap:10px;align-items:center}.btn-save{background:#2563eb;color:#fff;border:none;border-radius:6px;padding:7px 16px;font-size:14px;font-weight:600;font:inherit;cursor:pointer;transition:background .12s,box-shadow .12s;box-shadow:0 1px 3px #2563eb4d}.btn-save{font-weight:600}.btn-save:hover{background:#1d4ed8;box-shadow:0 2px 6px #2563eb66}.btn-reload{background:#fff;color:#374151;border:1px solid #d1d5db;border-radius:6px;padding:7px 16px;font-size:14px;font:inherit;cursor:pointer;transition:background .12s,border-color .12s}.btn-reload:hover{background:#f9fafb;border-color:#9ca3af}.cascade-select{padding:6px 10px;border:1px solid #d1d5db;border-radius:6px;font-size:13px;background:#fff;cursor:pointer}.seq-editor{display:flex;align-items:center;gap:8px;margin-bottom:10px;flex-wrap:wrap}.seq-label{font-size:13px;color:#374151}.seq-input{flex:1;min-width:200px;padding:5px 8px;border:1px solid #d1d5db;border-radius:6px;font-size:13px;font-family:monospace}.btn-save-seq{padding:5px 12px;background:#059669;color:#fff;border:none;border-radius:6px;font-size:13px;cursor:pointer}.btn-save-seq:hover{background:#047857}.table-selected{background:#95c0ff}.grid-table{border-collapse:collapse;width:auto;color:#000;font-size:14px}.grid-table th,.grid-table td{border:1px solid #e2e8f0;padding:4px 6px;color:#000}.grid-table th{position:sticky;top:0;z-index:1;vertical-align:top;text-align:center;line-height:1.2;background:#f1f5f9;font-size:12px;font-weight:700;letter-spacing:.03em;color:#374151;border-bottom:2px solid #cbd5e1}.grid-table tbody tr:nth-child(odd){background-color:#fff}.grid-table tbody tr:nth-child(2n){background-color:#0000000a;border-bottom:3px solid #7c7c7c}.grid-table tbody tr:nth-child(2n) td{border-bottom:5px solid #c7c7c7}.grid-table tbody tr:hover{background-color:#2563eb0f!important}.grid-table th div{display:block}.cell-input,input,select,textarea,button{color-scheme:light;font:inherit;color:#000}.cell-input,input,select,textarea{background:#fff;border:1px solid #d1d5db}.cell-input{width:100%;min-width:85px;outline:none;padding:3px 5px;box-sizing:border-box;border-radius:3px;transition:border-color .12s,background .12s}.cell-input:focus{border-color:#2563eb;background:#eff6ff;box-shadow:0 0 0 2px #2563eb26}.cell-input.edited{background:#fff3a0;border-color:#ca8a04;color:#000}.readonly-cell{color:#555;display:inline-block;min-width:20px}[class^=col-]{background:#fff}.col-start{background:#e8f4ff}.col-split1,.col-split2,.col-split3,.col-split4,.col-split5{background:#fff8dc}.col-flying{background:#fdeaea}.col-total{background:#eafbea;font-weight:700}.col-penalty,.col-forced_time,.col-base_time,.col-faillap,.col-failsed{background:#fff0f0}.col-timeraw,.col-speed,.col-lap1,.col-lap2,.col-lap3,.col-lap4,.col-lap5,.col-lap6,.col-calc_pen{background:#f3f3f3}.col-time-limit{background:#f3f3f3;text-align:center;min-width:60px}.editor-host{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;color-scheme:light;font-family:Inter,Arial,sans-serif;font-size:15px}.report-container{padding:20px;font-family:Arial,sans-serif;font-size:small;color:var(--color-text)}.imei-table,.raceNo-table{width:fit-content;min-width:160px;max-width:420px;max-height:150px;overflow-y:auto;border:1px solid var(--color-border);margin-top:10px;background-color:var(--color-bg)}.imei-table table,.raceNo-table table{width:100%;border-collapse:collapse}.imei-table td,.raceNo-table td{padding:6px 10px;cursor:pointer;border-bottom:1px solid var(--color-border);white-space:nowrap}.imei-table tr:hover,.raceNo-table tr:hover{background-color:var(--color-bg-ele)}.imei-table .selected,.raceNo-table .selected{background-color:var(--color-selected);font-weight:700}.fetch-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:10px 0}.time-fieldset{border:1px solid var(--color-border);border-radius:6px;padding:2px 10px 6px;margin:0}.time-fieldset legend{padding:0 4px;font-size:.85em;opacity:.65}.time-row{display:flex;align-items:center;gap:6px}.summary-table{margin:20px 0 10px;border-collapse:collapse;width:fit-content}.summary-table th,.summary-table td{padding:6px 12px;border:1px solid var(--color-border);text-align:center;white-space:nowrap}.summary-table th{background-color:var(--color-bg-ele);font-weight:600;letter-spacing:.02em}.summary-table tbody tr:nth-child(2n){background-color:var(--color-row-even)}.table-scroll{max-height:400px;overflow-x:auto;overflow-y:auto;border:1px solid var(--color-border);margin-top:10px}.results{border-collapse:collapse;width:max-content;min-width:100%}.results th,.results td{border:1px solid var(--color-border);padding:6px 12px;white-space:nowrap;text-align:left}.results th{background-color:var(--color-bg-ele);font-weight:600;position:sticky;top:0;z-index:1}.results th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.results th.sortable:hover{background-color:var(--color-border)}.results tbody tr:nth-child(2n){background-color:var(--color-row-even)}.results tbody tr:hover{background-color:var(--color-selected)}.empty-state{display:flex;flex-direction:column;align-items:center;gap:8px;padding:32px;margin:20px 0;border:1px dashed var(--color-border);border-radius:8px;opacity:.7}.empty-icon{font-size:2em}.info-message{font-style:italic;opacity:.65;margin:6px 0}.imei-table tr.on-track{background-color:var(--color-on-track)}.imei-table tr.on-track td{border-left:3px solid var(--color-on-track-border);padding-left:7px}.imei-table tr.on-track:hover{background-color:var(--color-on-track-hover)}.on-track-badge{color:var(--color-on-track-badge);font-weight:700;margin-left:4px}.checking-track{font-size:.78em;font-weight:400;color:#888;font-style:italic}.admin-trigger{background:none;border:1px solid var(--color-border);color:var(--color-text);font-size:.85em;padding:2px 8px;cursor:pointer;opacity:.45;letter-spacing:3px;border-radius:4px;min-width:28px}.admin-trigger:hover{opacity:.85;background:none}.admin-active{font-size:.7em;font-weight:700;color:var(--color-error);opacity:.65;letter-spacing:1px;padding:2px 7px;border:1px solid var(--color-error);border-radius:4px;align-self:center}.results th.admin-header{cursor:pointer;background-color:#b4282826;-webkit-user-select:none;user-select:none}.results th.admin-header:hover{background-color:#b428284d}.results tbody tr.admin-row{cursor:pointer}.results tbody tr.admin-row:hover{background-color:#a0282821!important}.results tbody tr.admin-row.row-selected{background-color:#4682dc47!important}.results tbody tr.admin-row.row-selected:hover{background-color:#4682dc66!important}.selection-count{font-size:.78em;font-weight:400;color:var(--color-link);margin-left:4px}.table-header-row{display:flex;align-items:center;gap:14px;margin:10px 0 6px}.correct-selected-btn{font-size:.8em;padding:3px 10px;border-color:var(--color-error);color:var(--color-error);background:none}.correct-selected-btn:hover{background-color:#b400001a;border-color:var(--color-error)}.modal-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-box{background:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;padding:24px 28px;display:flex;flex-direction:column;gap:10px;min-width:200px;box-shadow:0 8px 32px #00000059}.modal-input{background:var(--color-btn-bg);color:var(--color-text);border:1px solid var(--color-border);border-radius:4px;padding:6px 10px;font-size:1em;font-family:inherit}.modal-error{color:var(--color-error);font-size:.85em}.modal-actions{display:flex;gap:8px;justify-content:flex-end}.speedcheck-host{position:absolute;top:0;right:0;bottom:0;left:0;overflow:auto;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;color-scheme:light dark;--color-bg: #ffffff;--color-bg-alt: #f5f5f5;--color-bg-ele: #e8e8e8;--color-text: #213547;--color-border: #cccccc;--color-selected: #dde5ff;--color-row-even: #f4f4f4;--color-btn-bg: #f0f0f0;--color-btn-border: #cccccc;--color-link: #646cff;--color-error: #b00020;--color-on-track: #c0f0d0;--color-on-track-hover: #a4e8bc;--color-on-track-border: #28a050;--color-on-track-badge: #1a7030;background-color:var(--color-bg);color:var(--color-text)}@media (prefers-color-scheme: dark){.speedcheck-host{--color-bg: #1e1e1e;--color-bg-alt: #252525;--color-bg-ele: #333333;--color-text: rgba(255, 255, 255, .87);--color-border: #505050;--color-selected: #3a3a7a;--color-row-even: #2a2a2a;--color-btn-bg: #2e2e2e;--color-btn-border: #555555;--color-link: #747bff;--color-error: #ff6b6b;--color-on-track: #173525;--color-on-track-hover: #1e4a30;--color-on-track-border: #40c870;--color-on-track-badge: #50e080}}.speedcheck-host button{border-radius:8px;border:1px solid var(--color-btn-border);padding:.5em 1.1em;font-size:.9em;font-weight:500;font-family:inherit;background-color:var(--color-btn-bg);color:var(--color-text);cursor:pointer;transition:border-color .2s,background-color .2s}.speedcheck-host button:hover{border-color:var(--color-link);background-color:var(--color-bg-ele)}.speedcheck-host select,.speedcheck-host input[type=date]{background-color:var(--color-btn-bg);color:var(--color-text);border:1px solid var(--color-border);border-radius:4px;padding:2px 6px;font-family:inherit;font-size:inherit}:root{--bg: #0d1117;--panel: #161b22;--sb: #000000;--border: #30363d;--text: #e6edf3;--muted: #8b949e;--neon: #39ff14;--red: #e94560;--sbw: 240px;--sbw-closed: 46px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:Arial,Segoe UI,sans-serif}.center-wrap{min-height:100%;display:flex;align-items:center;justify-content:center;padding:20px}.card{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:26px}.muted{color:var(--muted)}.err{color:#f66;margin-top:10px;font-size:14px}.brand{letter-spacing:3px;font-size:26px;margin:0 0 20px;text-align:center}.brand span{color:var(--neon)}.brand.small{font-size:18px;margin:0;text-align:left}.login-card{width:320px;display:flex;flex-direction:column;gap:12px}.login-logo{height:110px;align-self:center;object-fit:contain;border-radius:12px;margin-bottom:2px}.login-foot{text-align:center;color:var(--muted);font-size:13px;text-decoration:none;margin-top:4px}.login-foot:hover{color:var(--neon)}.login-card input{background:var(--bg);border:1px solid var(--border);border-radius:8px;color:var(--text);padding:13px 12px;font-size:16px}.login-card button{background:var(--neon);color:#000;font-weight:700;border:none;border-radius:8px;padding:13px;font-size:16px;cursor:pointer}.login-card button:disabled{opacity:.5}.picker-card{width:min(560px,94vw);display:flex;flex-direction:column;gap:10px}.picker-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;gap:10px}.who{color:var(--muted);font-size:14px;white-space:nowrap}.linkish{background:none;border:none;color:var(--neon);cursor:pointer;font-size:14px;padding:4px 6px}.race-btn{display:flex;flex-direction:column;align-items:flex-start;gap:4px;background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:14px 16px;cursor:pointer;text-align:left;color:var(--text)}.race-btn:hover{border-color:var(--neon)}.race-name{font-size:17px;font-weight:700}.race-meta{color:var(--muted);font-size:13px}.state{font-size:11px;letter-spacing:1px;padding:2px 8px;border-radius:10px;border:1px solid var(--border);color:var(--muted);display:inline-block}.state.s-live{color:var(--neon);border-color:var(--neon)}.state.s-draft{color:#f0a020;border-color:#f0a020}.shell{height:100%;display:flex}.sidebar{background:var(--sb);border-right:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0;width:var(--sbw);transition:width .15s ease;overflow-y:auto;overflow-x:hidden}.sb-closed .sidebar{position:fixed;top:0;left:0;width:auto;height:auto;background:transparent;border-right:none;z-index:60}.sb-top{display:flex;align-items:center;gap:10px;padding:10px 8px}.sb-toggle{background:none;border:1px solid var(--border);color:var(--text);border-radius:8px;width:30px;height:30px;cursor:pointer;flex-shrink:0}.sb-toggle:hover{border-color:var(--neon);color:var(--neon)}.sb-closed .sb-toggle{background:var(--sb);box-shadow:0 2px 10px #00000059}.sb-brand{letter-spacing:2px;font-size:14px;color:var(--muted)}.sb-brand b{color:var(--neon)}.sb-race{padding:10px 12px;border-bottom:1px solid var(--border)}.sb-race-name{font-weight:700;font-size:14px;margin:8px 0 6px;line-height:1.3}.sb-pulse{font-size:12px;color:var(--muted)}.sb-pulse b{color:var(--neon)}.sb-tabs{display:flex;flex-direction:column;padding:10px 8px;gap:3px;border-bottom:1px solid var(--border)}.sb-tab{background:none;border:none;text-align:left;color:var(--muted);padding:10px 12px;font-size:14px;cursor:pointer;border-radius:8px;border-left:3px solid transparent}.sb-tab:hover{color:var(--text);background:#0d1117}.sb-tab.active{color:var(--neon);background:#0d1117;border-left-color:var(--neon);font-weight:700}.sb-actions{display:flex;flex-direction:column;padding:10px 8px;gap:3px;border-bottom:1px solid var(--border)}.sb-actions button{background:none;border:none;text-align:left;color:var(--muted);padding:8px 12px;font-size:13px;cursor:pointer;border-radius:8px}.sb-actions button:hover{color:var(--text);background:#0d1117}.sb-switch{padding:10px 8px;border-bottom:1px solid var(--border)}.sb-label{font-size:11px;letter-spacing:1px;color:var(--muted);padding:0 12px 6px;text-transform:uppercase}.sb-race-sw{display:block;width:100%;background:none;border:none;text-align:left;color:var(--muted);padding:7px 12px;font-size:13px;cursor:pointer;border-radius:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sb-race-sw:hover{color:var(--text);background:#0d1117}.sb-race-sw.all{color:var(--neon)}.sb-user{margin-top:auto;padding:12px;font-size:13px;color:var(--muted);display:flex;justify-content:space-between;align-items:center;gap:6px}.sb-user .lvl{margin-left:6px;font-size:11px;border:1px solid var(--border);border-radius:8px;padding:1px 6px}.content{flex:1;min-width:0;background:#fff}.tab-frame{width:100%;height:100%;border:none;display:block}.tab-native{position:relative;width:100%;height:100%;overflow:hidden;background:#f9f9f9}@media (max-width: 700px){.sb-open .sidebar{position:fixed;z-index:50;height:100%;width:min(78vw,300px);box-shadow:4px 0 24px #0009}}