:root{--fg:#dfe6ee;--subtle:#8b96a5;--accent:#e3332c;--panel:#080b10b8;--night:#070a12;--neon:#35d5f2}*{box-sizing:border-box}html,body{height:100%;color:var(--fg);background:#05070a;margin:0;padding:0;font-family:Segoe UI,system-ui,-apple-system,Roboto,Helvetica,Arial,sans-serif;overflow:hidden}#app,#app canvas{display:block;position:fixed;inset:0}.overlay{pointer-events:none;z-index:10;position:fixed;inset:0}.overlay.center{pointer-events:auto;background:#0304078c;justify-content:center;align-items:center;display:flex}.hidden{display:none!important}.hud-top-left{background:var(--panel);border-left:3px solid var(--accent);border-radius:8px;padding:10px 14px;position:absolute;top:18px;left:22px}.hud-label{letter-spacing:.22em;text-transform:uppercase;color:var(--subtle);font-size:11px}.hud-time{font-variant-numeric:tabular-nums;margin-top:2px;font-size:26px;font-weight:600}.hud-mode{letter-spacing:.18em;color:var(--subtle);margin-top:4px;font-size:11px}.hud-top-right{background:var(--panel);color:var(--subtle);border-radius:8px;padding:10px 14px;font-size:12px;position:absolute;top:18px;right:22px}.hud-controls div{justify-content:flex-end;gap:10px;line-height:1.75;display:flex}.hud-controls span{text-align:right;min-width:74px;color:var(--fg);font-weight:600;display:inline-block}.hud-bottom-right{background:var(--panel);border-right:3px solid var(--accent);border-radius:10px;width:320px;padding:14px 16px 12px;position:absolute;bottom:22px;right:22px}.hud-rpm-track{background:#ffffff17;border-radius:5px;height:10px;overflow:hidden}.hud-rpm-fill{background:linear-gradient(90deg,#2fd06a 0%,#d8d838 55%,#e3332c 88%);border-radius:5px;width:0%;height:100%;transition:width 50ms linear}.hud-rpm-fill.redline{background:#ff2d24;box-shadow:0 0 12px #ff2d24d9}.hud-cluster{justify-content:space-between;align-items:flex-end;margin-top:6px;display:flex}.hud-gear{color:var(--accent);min-width:44px;font-size:44px;font-style:italic;font-weight:800;line-height:1}.hud-speed-block{align-items:baseline;gap:6px;display:flex}.hud-speed{font-variant-numeric:tabular-nums;font-size:52px;font-weight:700;line-height:1}.hud-unit{color:var(--subtle);letter-spacing:.1em;font-size:13px}.loading-card{text-align:center;background:#080b10eb;border:1px solid #ffffff14;border-radius:12px;min-width:340px;padding:30px 38px 26px}#loading{background:radial-gradient(120% 70% at 50% 115%, #35d5f21a, transparent 60%), radial-gradient(90% 60% at 50% -20%, #e3332c14, transparent 55%), var(--night);justify-content:center;align-items:center;display:flex}.loading-card{position:relative}.loading-eyebrow{letter-spacing:.32em;text-transform:uppercase;color:var(--subtle);margin:0 0 10px;font-size:11px}.loading-title{letter-spacing:.04em;color:#f4f7fb;text-transform:uppercase;text-shadow:0 0 18px #35d5f259,0 0 46px #35d5f21f;margin:0 0 2px;font-size:46px;font-style:italic;font-weight:800;line-height:1}.loading-title .gt{color:var(--accent);text-shadow:0 0 16px #e3332ca6}.loading-controls{color:var(--subtle);letter-spacing:.06em;border-top:1px solid #ffffff14;margin:16px 0 0;padding-top:12px;font-size:12px}.loading-credits{text-align:center;color:#5d6b7d;letter-spacing:.04em;margin:0;font-size:11px;line-height:1.7;position:absolute;bottom:18px;left:24px;right:24px}.loading-credits a{color:#7f96ad;border-bottom:1px solid #7f96ad59;text-decoration:none}.loading-credits a:hover{color:var(--fg);border-bottom-color:var(--neon)}.credits-license{letter-spacing:.08em;color:#45505f;font-size:10px;display:block}@media (width<=560px){#loading{align-items:flex-start;padding-top:8vh}.loading-title{font-size:34px}.loading-credits{margin:22px 12px 0;position:static}}.card h2{margin:0 0 6px;font-size:22px}.subtle{color:var(--subtle);margin:6px 0 0;font-size:13px}.loading-track{background:#ffffff1a;border-radius:3px;height:6px;margin-top:18px;position:relative;overflow:hidden}.loading-track:after{content:"";background:linear-gradient(90deg,#0000,#35d5f240,#0000);border-radius:3px;width:30%;animation:1.8s ease-in-out infinite loading-shimmer;position:absolute;inset:0}@keyframes loading-shimmer{0%{transform:translate(-100%)}to{transform:translate(433%)}}.loading-bar-fill{z-index:1;background:linear-gradient(90deg, var(--neon), #1fa8c4 70%, var(--accent));border-radius:3px;width:0%;height:100%;transition:width .2s;position:relative}.error-card{border-color:#e3332c99}.error-card h2{color:var(--accent)}