:root{--bg: #0E1513;--panel: #141D1B;--panel-alt: #1B2624;--line: #263330;--text: #ECE8DD;--muted: #8A9691;--accent: #FF6A2B;--accent-dim: #B84E20;--teal: #4FADA6;--amber: #E3B23C;--danger: #D3543F;--font-display: "Space Grotesk", sans-serif;--font-body: "Inter", sans-serif;--font-mono: "JetBrains Mono", monospace}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%;width:100%;background:var(--bg);color:var(--text);font-family:var(--font-body);overflow:hidden}#app{display:grid;grid-template-columns:340px 1fr;grid-template-rows:68px 1fr 56px;grid-template-areas:"header header" "sidebar map" "footer footer";height:100vh;width:100vw}#header{grid-area:header;background:var(--panel);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 22px}.brand{display:flex;align-items:center;gap:14px}.brand-logo{height:48px;width:auto;display:block}.event-select{font-family:var(--font-mono);font-size:11px;color:var(--muted);letter-spacing:1.5px;text-transform:uppercase;border:none;border-left:1px solid var(--line);background:transparent;padding-left:14px;cursor:pointer;max-width:280px}.event-select:hover,.event-select:focus{color:var(--text)}.event-select option{background:var(--panel);color:var(--text);text-transform:none}.header-right{display:flex;align-items:center;gap:22px}.mode-badge{display:flex;align-items:center;gap:7px;font-family:var(--font-mono);font-size:12px;font-weight:600;letter-spacing:1.5px;padding:6px 12px;border-radius:20px;background:#ff6a2b1f;color:var(--accent);border:1px solid rgba(255,106,43,.35)}.dot{width:7px;height:7px;border-radius:50%;background:var(--accent)}.dot.pulse{animation:pulse 1.4s infinite ease-in-out}@keyframes pulse{0%{opacity:1}50%{opacity:.25}to{opacity:1}}.clock{font-family:var(--font-mono);font-size:22px;color:var(--muted);font-variant-numeric:tabular-nums}#sidebar{grid-area:sidebar;background:var(--panel);border-right:1px solid var(--line);display:flex;flex-direction:column;overflow:hidden}.sidebar-head{padding:14px 16px 10px;border-bottom:1px solid var(--line)}.sidebar-head .count{font-family:var(--font-mono);font-size:11px;color:var(--muted);letter-spacing:1px;text-transform:uppercase;margin-bottom:8px}.search-box{width:100%;background:var(--panel-alt);border:1px solid var(--line);border-radius:6px;padding:8px 10px;color:var(--text);font-family:var(--font-body);font-size:13px;outline:none}.search-box::placeholder{color:var(--muted)}#roster{flex:1;overflow-y:auto;padding:6px 0}#roster::-webkit-scrollbar{width:6px}#roster::-webkit-scrollbar-thumb{background:var(--line);border-radius:3px}.replay-select-all{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text);cursor:pointer}.replay-row{cursor:pointer}.replay-load-action{padding:12px 16px;border-top:1px solid var(--line)}.replay-load-action .admin-btn{width:100%}.bib-row{display:flex;align-items:center;gap:10px;padding:8px 16px;cursor:pointer;border-bottom:1px solid rgba(255,255,255,.03);transition:background .15s}.bib-row:hover{background:var(--panel-alt)}.bib-row.selected{background:#ff6a2b14;border-left:2px solid var(--accent)}.color-swatch{width:10px;height:10px;border-radius:50%;flex-shrink:0;box-shadow:0 0 0 1px #fff3}.bib-tag{font-family:var(--font-display);font-weight:600;font-size:12px;background:var(--panel-alt);border:1px solid var(--line);color:var(--text);border-radius:4px;padding:3px 6px;min-width:34px;text-align:center;flex-shrink:0}.bib-mid{flex:1;min-width:0}.bib-name{font-size:13px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bib-team{font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bib-right{display:flex;flex-direction:column;align-items:flex-end;gap:3px;flex-shrink:0}.bib-time{font-family:var(--font-mono);font-size:11px;color:var(--muted)}.bib-status{display:flex;align-items:center;gap:4px;font-family:var(--font-mono);font-size:9px;letter-spacing:.5px;text-transform:uppercase}.status-dot{width:6px;height:6px;border-radius:50%}.status-live .status-dot{background:var(--accent)}.status-live{color:var(--accent)}.status-stale .status-dot{background:var(--amber)}.status-stale{color:var(--amber)}.status-disconnected .status-dot{background:var(--muted)}.status-disconnected{color:var(--muted)}.status-emergency .status-dot{background:var(--danger)}.status-emergency{color:var(--danger)}#map-wrap{grid-area:map;position:relative}#map{position:absolute;top:0;right:0;bottom:0;left:0}.mapboxgl-ctrl-logo{opacity:.5}.token-warning{position:absolute;top:16px;left:50%;transform:translate(-50%);background:#d3543f26;border:1px solid var(--danger);color:var(--text);font-family:var(--font-mono);font-size:12px;padding:10px 16px;border-radius:6px;max-width:560px;text-align:center;z-index:10;line-height:1.5}.empty-state{position:absolute;top:16px;left:50%;transform:translate(-50%);background:var(--panel);border:1px solid var(--line);color:var(--muted);font-family:var(--font-mono);font-size:12px;padding:10px 16px;border-radius:6px;z-index:10}#footer{grid-area:footer;background:var(--panel);border-top:1px solid var(--line);display:flex;align-items:center;gap:16px;padding:0 20px}.toggle-group{display:flex;background:var(--panel-alt);border:1px solid var(--line);border-radius:6px;overflow:hidden;flex-shrink:0}.toggle-btn{font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:1px;text-transform:uppercase;padding:8px 14px;background:transparent;border:none;color:var(--muted);cursor:not-allowed}.toggle-btn.active{background:var(--panel-alt);color:var(--text)}.footer-note{font-family:var(--font-mono);font-size:11px;color:var(--muted)}.view-toggle{font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:1px;text-transform:uppercase;padding:8px 14px;border-radius:6px;border:1px solid var(--line);background:var(--panel-alt);color:var(--text);cursor:pointer}.view-toggle:hover{border-color:var(--accent);color:var(--accent)}.view-toggle-inline{margin-left:auto}#admin{min-height:100vh;width:100%;background:var(--bg);color:var(--text);padding:24px 24px 60px;overflow-y:auto}.admin-toolbar{display:flex;align-items:center;gap:10px;margin-bottom:16px}.admin-select{background:var(--panel-alt);border:1px solid var(--line);color:var(--text);border-radius:6px;padding:8px 10px;font-family:var(--font-body);font-size:13px;min-width:240px}.admin-input{background:var(--panel-alt);border:1px solid var(--line);color:var(--text);border-radius:6px;padding:8px 10px;font-family:var(--font-body);font-size:13px}.admin-input::placeholder{color:var(--muted)}.admin-btn{font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.5px;padding:8px 14px;border-radius:6px;border:1px solid var(--line);background:var(--panel-alt);color:var(--text);cursor:pointer}.admin-btn:disabled{opacity:.4;cursor:not-allowed}.admin-btn:not(:disabled):hover{border-color:var(--accent)}.admin-btn-primary{background:var(--accent);border-color:var(--accent);color:#0e1513}.admin-new-race{display:flex;gap:10px;padding:16px;margin-bottom:16px}.admin-panel{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:18px;margin-bottom:16px}.admin-error{background:#d3543f1f;border:1px solid var(--danger);color:var(--danger);font-family:var(--font-mono);font-size:12px;padding:8px 12px;border-radius:6px;margin-bottom:16px}.admin-hint{color:var(--muted);font-size:12px}.admin-tabs,.admin-subtabs{display:flex;gap:4px;margin-bottom:16px}.admin-subtabs{margin-bottom:14px}.admin-tab{font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;padding:8px 14px;border-radius:6px;border:1px solid var(--line);background:transparent;color:var(--muted);cursor:pointer}.admin-tab.active{background:var(--panel-alt);color:var(--text);border-color:var(--accent)}.admin-route-status{font-family:var(--font-mono);font-size:12px;color:var(--muted);margin-bottom:14px}.admin-mode-body{display:flex;flex-direction:column;gap:12px}.admin-mode-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.admin-manual-rows{display:flex;flex-direction:column;gap:8px}.admin-manual-row{display:flex;gap:8px;align-items:center}.admin-manual-row .admin-input{flex:1}.admin-pin-map{width:100%;height:360px;border-radius:8px;overflow:hidden;border:1px solid var(--line)}.admin-participant-search{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}.admin-user-list{max-height:360px;overflow-y:auto;border:1px solid var(--line);border-radius:6px;margin-bottom:14px}.admin-user-row{display:flex;align-items:center;gap:10px;padding:8px 12px;border-bottom:1px solid rgba(255,255,255,.03);font-size:13px}.admin-user-row:hover{background:var(--panel-alt)}.admin-user-name{flex:1}.admin-user-id,.admin-user-grupo{font-family:var(--font-mono);font-size:11px;color:var(--muted)}.group-select{background:var(--panel-alt);border:1px solid var(--line);color:var(--text);font-family:var(--font-mono);font-size:12px;padding:6px 10px;border-radius:6px;outline:none;cursor:pointer}.group-select:focus{border-color:var(--accent-dim)}.sidebar-toggle-fab{display:none}@media (max-width: 820px){#app{grid-template-columns:1fr;grid-template-areas:"header" "map" "footer"}#sidebar{position:fixed;left:0;right:0;bottom:56px;top:auto;height:55vh;max-height:55vh;border-right:none;border-top:1px solid var(--line);border-radius:14px 14px 0 0;box-shadow:0 -8px 24px #0006;transform:translateY(100%);transition:transform .25s ease;z-index:15}#sidebar.open{transform:translateY(0)}.sidebar-toggle-fab{display:flex;align-items:center;gap:6px;position:fixed;right:14px;bottom:70px;z-index:16;background:var(--accent);color:#12100d;border:none;font-family:var(--font-mono);font-weight:600;font-size:12px;padding:10px 14px;border-radius:20px;box-shadow:0 4px 14px #0006;cursor:pointer}}.track-toggle{display:flex;align-items:center;gap:7px;font-family:var(--font-mono);font-size:11px;color:var(--muted);margin-top:10px;cursor:pointer;-webkit-user-select:none;user-select:none}.track-toggle input{accent-color:var(--accent);cursor:pointer}.map-controls{position:absolute;top:16px;left:16px;z-index:10;display:flex;gap:8px}.map-toggle-btn{background:var(--panel-alt);border:1px solid var(--line);color:var(--text);font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.5px;padding:8px 12px;border-radius:6px;cursor:pointer;box-shadow:0 2px 8px #0000004d}.map-toggle-btn:hover{background:var(--line)}