*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-page: #0d0f14;--bg-header: #111419;--bg-surface: #181c24;--bg-row-alt: #1c2130;--bg-row-hover: #222840;--bg-expanded: #141822;--accent-primary: #e8a020;--accent-secondary: #5b9cf6;--text-primary: #e8eaf0;--text-secondary: #9aa3b8;--text-muted: #5c6478;--border-subtle: #2a2f3e;--border-anomaly: #cc3333;--status-connected: #22c55e;--status-connecting: #f59e0b;--status-disconnected: #ef4444;--font-mono: "JetBrains Mono", "Fira Mono", "Courier New", monospace;--font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;font-family:var(--font-sans);font-size:16px;color:var(--text-primary);background:var(--bg-page)}body{min-height:100vh}.app{display:flex;flex-direction:column;min-height:100vh}.app-header{background:var(--bg-header);border-bottom:1px solid var(--border-subtle);padding:1rem 2rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;position:sticky;top:0;z-index:100}.header-brand{display:flex;align-items:center;gap:.75rem}.header-logo{width:140px;flex-shrink:0}.header-title{display:flex;flex-direction:column;gap:0}.header-event{font-size:1.4rem;font-weight:700;color:var(--accent-primary);letter-spacing:.03em;text-transform:uppercase}.header-subtitle{font-size:.8rem;font-weight:400;color:var(--text-secondary);letter-spacing:.12em;text-transform:uppercase}.app-main{flex:1;padding:1.5rem 2rem;max-width:1400px;width:100%;margin:0 auto}.app-footer{background:var(--bg-header);border-top:1px solid var(--border-subtle);padding:.75rem 2rem;text-align:center;font-size:.75rem;color:var(--text-muted)}.status-badge{display:inline-flex;align-items:center;gap:.4rem;font-size:.8rem;font-weight:500;padding:.3rem .7rem;border-radius:9999px;background:var(--bg-surface);border:1px solid var(--border-subtle);white-space:nowrap}.status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.status-badge--connected{color:var(--status-connected);border-color:#22c55e4d}.status-badge--connected .status-dot{background:var(--status-connected);box-shadow:0 0 6px #22c55e99;animation:pulse-green 2s infinite}.status-badge--connecting,.status-badge--reconnecting{color:var(--status-connecting);border-color:#f59e0b4d}.status-badge--connecting .status-dot,.status-badge--reconnecting .status-dot{background:var(--status-connecting);animation:pulse-amber 1s infinite}.status-badge--disconnected{color:var(--status-disconnected);border-color:#ef44444d}.status-badge--disconnected .status-dot{background:var(--status-disconnected)}@keyframes pulse-green{0%,to{opacity:1}50%{opacity:.5}}@keyframes pulse-amber{0%,to{opacity:1}50%{opacity:.3}}.leaderboard-wrapper{overflow-x:auto}.leaderboard-table{width:100%;border-collapse:collapse;font-size:.9rem}.leaderboard-table thead th{background:var(--bg-surface);color:var(--text-secondary);font-weight:600;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;padding:.6rem .75rem;text-align:left;border-bottom:2px solid var(--border-subtle);position:sticky;top:57px}.leaderboard-table tbody tr.leaderboard-row{border-bottom:1px solid var(--border-subtle);cursor:pointer;transition:background .1s ease}.leaderboard-table tbody tr.leaderboard-row:nth-child(2n of.leaderboard-row){background:var(--bg-row-alt)}.leaderboard-table tbody tr.leaderboard-row:hover{background:var(--bg-row-hover)}.leaderboard-table tbody tr.leaderboard-row.has-anomalies{border-left:3px solid var(--border-anomaly)}.leaderboard-table tbody tr.leaderboard-row.expanded{background:var(--bg-row-hover)}.leaderboard-table td{padding:.6rem .75rem;vertical-align:middle}.col-position{width:3.5rem;text-align:center;color:var(--text-muted);font-size:.8rem}.col-unit{width:8rem;font-weight:600}.col-participant,.col-gate{min-width:10rem;color:var(--text-secondary)}.col-timestamp{width:9rem;font-family:var(--font-mono);font-size:.85rem;color:var(--accent-secondary)}.col-anomalies{width:5rem;text-align:center}.anomaly-badge{display:inline-block;background:#c333;color:#ff6b6b;border:1px solid rgba(204,51,51,.5);border-radius:4px;padding:.15rem .4rem;font-size:.7rem;font-weight:600;cursor:help}.leaderboard-empty{padding:3rem 2rem;text-align:center;color:var(--text-secondary)}.leaderboard-empty p{margin-bottom:.5rem}.leaderboard-empty-hint{font-size:.85rem;color:var(--text-muted)}.expanded-row td{padding:0;background:var(--bg-expanded);border-bottom:2px solid var(--border-subtle)}.expanded-panel{padding:1rem 1.5rem}.gate-history-table{width:100%;border-collapse:collapse;font-size:.85rem;margin-bottom:.75rem}.gate-history-table th{color:var(--text-muted);font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;padding:.4rem .6rem;text-align:left;border-bottom:1px solid var(--border-subtle)}.gate-history-table td{padding:.4rem .6rem;color:var(--text-secondary)}.gate-history-table .timestamp{font-family:var(--font-mono);font-size:.82rem;color:var(--accent-secondary)}.anomaly-detail{margin:.5rem 0;font-size:.82rem;color:#ff6b6b}.anomaly-detail ul{margin:.25rem 0 0 1rem;list-style:disc}.history-notice{font-size:.75rem;color:var(--text-muted);font-style:italic;margin-top:.5rem}.leaderboard-row:focus-visible{outline:2px solid var(--accent-secondary);outline-offset:-2px}