@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;700&display=swap";:root{--bg:#04070f;--panel:#0a101cb8;--panel-line:#78a0dc24;--ink:#e8eefc;--ink-dim:#7f8fac;--accent:#5fa8ff;--mono:"JetBrains Mono", ui-monospace, monospace}*{box-sizing:border-box}html,body,#root{background:var(--bg);height:100%;color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,system-ui,sans-serif;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}.app{height:100%;position:relative}.starfield{background:radial-gradient(1200px 800px at 72% 18%, #2854a033, transparent 65%), radial-gradient(900px 700px at 22% 78%, #78308c24, transparent 62%), var(--bg);position:absolute;inset:0}.starfield:before,.starfield:after{content:"";background-image:radial-gradient(1.4px 1.4px,#ffffff8c,#0000);background-size:140px 140px;animation:240s linear infinite drift;position:absolute;inset:-50%}.starfield:after{opacity:.4;background-size:63px 63px;animation-duration:380s;animation-direction:reverse}@keyframes drift{to{transform:translate(-140px,-140px)}}.atmosphere{--globe:min(72vw, 86vh);width:calc(var(--globe) * 1.55);height:calc(var(--globe) * 1.55);pointer-events:none;background:radial-gradient(circle,#0000 0 31.5%,#569aff4d 32.3%,#569aff1a 38%,#4678dc0a 46%,#0000 58%);position:absolute;top:50%;left:42%;transform:translate(-50%,-50%)}.hud-header{pointer-events:none;z-index:5;background:linear-gradient(#04070fd9,#0000);align-items:flex-start;gap:40px;padding:24px 28px;display:flex;position:absolute;top:0;left:0;right:0}.brand{align-items:center;gap:12px;display:flex}.brand h1{letter-spacing:.34em;margin:0;font-size:17px;font-weight:700}.brand p{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-dim);margin:3px 0 0;font-size:11px}.pulse.off{box-shadow:none;background:#64748b;animation:none}.pulse{background:#4ade80;border-radius:50%;width:9px;height:9px;animation:2.4s ease-out infinite pulse;box-shadow:0 0 #4ade80b3}@keyframes pulse{70%{box-shadow:0 0 0 12px #4ade8000}to{box-shadow:0 0 #4ade8000}}.headline{flex-direction:column;display:flex}.headline-value{font-family:var(--mono);letter-spacing:-.02em;font-variant-numeric:tabular-nums;text-shadow:0 0 32px #5fa8ff73;font-size:40px;font-weight:700;line-height:1}.headline-label{letter-spacing:.16em;text-transform:uppercase;color:var(--ink-dim);margin-top:6px;font-size:11px}.hover-card{border:1px solid var(--panel-line);background:var(--panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:10px;flex-direction:column;gap:5px;max-width:280px;margin-left:auto;padding:12px 14px;display:flex}.hover-card strong{font-size:13px}.hover-card span{color:var(--ink-dim);font-size:11.5px;line-height:1.5}.modes{border:1px solid var(--panel-line);background:var(--panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);pointer-events:auto;border-radius:8px;align-self:center;gap:2px;padding:3px;display:flex}.modes button{letter-spacing:.16em;text-transform:uppercase;color:var(--ink-dim);border-radius:6px;padding:5px 13px;font-size:10.5px;transition:background .16s,color .16s}.modes button.on{color:var(--accent);background:#5fa8ff29}.live-stats{align-self:center;gap:26px;display:flex}.live-stats div{flex-direction:column;gap:2px;display:flex}.live-stats strong{font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:18px}.live-stats span{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-dim);font-size:9.5px}.ticker{z-index:5;border:1px solid var(--panel-line);background:var(--panel);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);border-radius:14px;flex-direction:column;gap:10px;width:452px;max-height:330px;padding:14px 8px 8px 16px;display:flex;position:absolute;bottom:66px;left:28px;overflow:hidden;box-shadow:0 24px 60px #00000080}.ticker h2{letter-spacing:.18em;text-transform:uppercase;color:var(--ink-dim);justify-content:space-between;margin:0 8px 0 0;font-size:11px;display:flex}.ticker h2 em{font-style:normal;font-family:var(--mono);color:var(--accent)}.ticker ul{scrollbar-width:thin;scrollbar-color:#78a0dc40 transparent;margin:0;padding:0 8px 0 0;list-style:none;overflow-y:auto;-webkit-mask-image:linear-gradient(#000 78%,#0000 100%);mask-image:linear-gradient(#000 78%,#0000 100%)}.ticker li{animation:.35s ease-out slide-in}@keyframes slide-in{0%{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:none}}.ticker button{border-left:2px solid var(--c);text-align:left;border-radius:6px;grid-template-columns:62px 1fr auto 58px;align-items:center;gap:10px;width:100%;padding:5px 8px;transition:background .15s;display:grid}.ticker button:hover{background:#78a0dc17}.ts{font-family:var(--mono);color:var(--ink-dim);font-size:10.5px}.ev-route{white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.ev-route i{color:var(--ink-dim);margin:0 2px;font-style:normal}.ev-count{font-family:var(--mono);color:var(--c);font-variant-numeric:tabular-nums;font-size:12px;font-weight:700}.ev-src{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:#7f8facb3;text-align:right;font-size:9px}.sidebar{z-index:5;border:1px solid var(--panel-line);background:var(--panel);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);border-radius:14px;flex-direction:column;gap:14px;width:336px;padding:16px;display:flex;position:absolute;top:116px;bottom:168px;right:24px;overflow:hidden;box-shadow:0 24px 60px #00000080}.filters{flex-wrap:wrap;gap:6px;display:flex}.chip{border:1px solid var(--panel-line);letter-spacing:.04em;color:var(--ink-dim);opacity:.5;border-radius:999px;align-items:center;gap:6px;padding:5px 9px;font-size:10.5px;transition:opacity .18s,border-color .18s;display:flex}.chip.on{opacity:1;color:var(--ink);border-color:color-mix(in srgb, var(--chip) 45%, transparent)}.chip .dot{background:var(--chip);border-radius:50%;width:7px;height:7px}.chip.on .dot{box-shadow:0 0 9px var(--chip)}.sidebar h2{letter-spacing:.18em;text-transform:uppercase;color:var(--ink-dim);justify-content:space-between;margin:0;font-size:11px;display:flex}.sidebar h2 em{font-style:normal;font-family:var(--mono);color:var(--accent)}.ranks{scrollbar-width:thin;scrollbar-color:#78a0dc40 transparent;flex:1;margin:0;padding:0;list-style:none;overflow-y:auto}.ranks button{text-align:left;border-radius:7px;align-items:center;gap:10px;width:100%;padding:8px 10px;transition:background .15s;display:flex;position:relative}.ranks button:hover{background:#78a0dc17}.bar{opacity:.45;border-radius:2px;height:2px;transition:width .28s ease-out;position:absolute;bottom:0;left:0}.route{flex:1;font-size:12.5px}.route i{color:var(--ink-dim);margin:0 3px;font-style:normal}.value{font-family:var(--mono);font-variant-numeric:tabular-nums;align-items:baseline;gap:6px;font-size:12px;display:flex}.value em{font-size:9.5px;font-style:normal}.value em.up{color:#ff7a6b}.value em.down{color:#4ade80}.detail{flex-direction:column;gap:12px;display:flex;overflow-y:auto}.back{letter-spacing:.08em;color:var(--ink-dim);align-self:flex-start;font-size:11px}.back:hover{color:var(--ink)}.detail-route{text-transform:none;letter-spacing:0;color:var(--ink);flex-wrap:wrap;align-items:center;gap:8px;margin:0;font-size:17px;font-weight:600;display:flex}.detail-route i{font-style:normal}.kind-tag{letter-spacing:.16em;text-transform:uppercase;margin:-6px 0 0;font-size:10.5px}.readout{flex-direction:column;gap:3px;display:flex}.readout strong{font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:30px}.readout span{color:var(--ink-dim);font-size:11px}.detail-chart{width:100%;height:90px}.chart-axis{font-family:var(--mono);color:var(--ink-dim);justify-content:space-between;margin-top:-6px;font-size:9.5px;display:flex}.driver{color:#b9c6dd;margin:0;font-size:12.5px;line-height:1.6}.source{border-top:1px solid var(--panel-line);flex-direction:column;gap:5px;padding-top:12px;display:flex}.source h3{letter-spacing:.18em;text-transform:uppercase;color:var(--ink-dim);margin:0;font-size:10px}.source strong{font-size:12.5px}.source p{color:var(--ink-dim);margin:0;font-size:11.5px;line-height:1.55}.source em{font-family:var(--mono);color:var(--accent);font-size:10px;font-style:normal}.timeline{z-index:5;border:1px solid var(--panel-line);background:var(--panel);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);border-radius:14px;align-items:center;gap:16px;padding:14px 18px;display:flex;position:absolute;bottom:56px;left:28px;right:388px;box-shadow:0 24px 60px #00000080}.transport{background:#5fa8ff1a;border:1px solid #5fa8ff59;border-radius:50%;flex:none;place-items:center;width:42px;height:42px;transition:background .18s,transform .18s;display:grid}.transport:hover{background:#5fa8ff38;transform:scale(1.05)}.transport svg{width:17px;height:17px;fill:var(--accent)}.track-wrap{flex:1;min-width:0}.track{cursor:crosshair;touch-action:none;height:78px;position:relative}.spark{width:100%;height:100%;position:absolute;inset:0}.playhead{pointer-events:none;background:#fff;width:2px;position:absolute;top:-4px;bottom:-4px;transform:translate(-1px);box-shadow:0 0 14px #fffc}.playhead-label{color:#04070f;font-family:var(--mono);white-space:nowrap;background:#fff;border-radius:5px;padding:2px 7px;font-size:10px;font-weight:700;position:absolute;top:-22px;left:50%;transform:translate(-50%)}.event-tick{width:14px;padding:0;position:absolute;top:0;bottom:0;transform:translate(-7px)}.tick-line{background:#ffd27880;width:1px;position:absolute;top:8px;bottom:0;left:6px}.event-tick:after{content:"";background:#ffd278;border-radius:50%;width:7px;height:7px;transition:transform .18s;position:absolute;top:4px;left:3.5px;box-shadow:0 0 10px #ffd278e6}.event-tick:hover:after{transform:scale(1.5)}.tick-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);width:250px;color:var(--ink-dim);text-align:left;opacity:0;pointer-events:none;background:#0c101af0;border:1px solid #ffd27847;border-radius:10px;flex-direction:column;gap:4px;padding:11px 13px;font-size:11.5px;line-height:1.55;transition:opacity .16s,transform .16s;display:flex;position:absolute;bottom:88px;left:50%;transform:translate(-50%)translateY(6px)}.event-tick:hover .tick-card{opacity:1;transform:translate(-50%)translateY(0)}.tick-card strong{color:#ffd278;font-size:12.5px}.tick-card em{font-family:var(--mono);font-size:10px;font-style:normal}.track-axis{font-family:var(--mono);color:var(--ink-dim);justify-content:space-between;margin-top:4px;font-size:9.5px;display:flex}.speeds{gap:3px;display:flex}.speeds button{letter-spacing:-1px;color:var(--ink-dim);border:1px solid #0000;border-radius:6px;padding:5px 8px;font-size:9px}.speeds button.on{color:var(--accent);background:#5fa8ff1a;border-color:#5fa8ff59}.disclaimer{z-index:5;color:#7f8facbf;pointer-events:none;max-width:452px;font-size:10px;line-height:1.5;position:absolute;bottom:16px;left:28px}.disclaimer strong{color:#ffd278;font-weight:600}@media (width<=1200px){.sidebar{width:290px}.timeline{right:336px}.ticker{width:400px}.live-stats{display:none}}