@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;700;800&family=IBM+Plex+Mono:wght@400;600&display=swap";:root{color:#f4f6f8;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#050508;font-family:Barlow Condensed,Arial Narrow,sans-serif}*{box-sizing:border-box}html,body,#root,.app{touch-action:none;background:#050508;width:100%;height:100%;margin:0;overflow:hidden}canvas{display:block}.hud{pointer-events:none;padding:18px 22px;position:absolute;inset:0}.hud-top{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.brand-kicker{letter-spacing:.28em;color:#ff3b3b;font-size:11px;font-weight:700;display:block}.brand-car{letter-spacing:.08em;font-size:22px;font-weight:800}.laps{gap:18px;font-family:IBM Plex Mono,ui-monospace,monospace;display:flex}.readout{flex-direction:column;min-width:88px;display:flex}.readout span{letter-spacing:.18em;color:#8b93a0;font-size:10px}.readout strong{font-size:18px;font-weight:600}.hud-left{flex-direction:column;gap:14px;width:min(240px,42vw);display:flex;position:absolute;top:96px;left:22px}.gauge-head{letter-spacing:.12em;color:#c5ccd4;justify-content:space-between;margin-bottom:6px;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:11px;display:flex}.gauge-bar{background:#1a1d24;border:1px solid #2a3038;height:6px;overflow:hidden}.gauge-fill{height:100%;box-shadow:0 0 12px}.hud-bottom{align-items:flex-end;gap:22px;display:flex;position:absolute;bottom:22px;left:22px}.speed-num{letter-spacing:-.03em;font-size:72px;font-weight:800;line-height:.85}.speed-unit{letter-spacing:.28em;color:#8b93a0;font-size:12px}.gmeter{width:76px;height:76px;position:relative}.gmeter-ring{border:1px solid #3a424c;border-radius:50%;position:absolute;inset:0;box-shadow:inset 0 0 12px #000}.gmeter-dot{background:#ff3b3b;border-radius:50%;width:8px;height:8px;position:absolute;top:34px;left:34px;box-shadow:0 0 8px #ff3b3b}.gmeter-label{text-align:center;color:#c5ccd4;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:11px;position:absolute;bottom:-18px;left:0;right:0}.status{flex-wrap:wrap;gap:6px;max-width:220px;display:flex}.pill{letter-spacing:.14em;border:1px solid #333;padding:3px 7px;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:10px}.pill.on{background:#1118}.countdown{letter-spacing:.08em;text-shadow:0 0 40px #ff2a2a;font-size:84px;font-weight:800;position:absolute;top:38%;left:50%;transform:translate(-50%,-50%)}.sim-tag{letter-spacing:.22em;color:#7a8088;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:10px;position:absolute;bottom:14px;right:16px}.title{pointer-events:none;background:linear-gradient(90deg,#050508d1 0%,#05050833 55%,#0505088c 100%);justify-content:space-between;padding:48px 56px;display:flex;position:absolute;inset:0}.title-copy,.title-controls{pointer-events:auto;max-width:520px}.kicker{letter-spacing:.28em;text-transform:uppercase;color:#ff3b3b;font-size:13px}.title h1{letter-spacing:.04em;margin:8px 0 16px;font-size:clamp(48px,8vw,92px);line-height:.9}.sub{color:#d0d6de;max-width:36ch;font-size:20px;line-height:1.35}.title-actions{flex-wrap:wrap;gap:12px;margin:28px 0 12px;display:flex}.btn{pointer-events:auto;color:#f4f6f8;font:inherit;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid #d0d6de;padding:12px 22px;font-size:18px}.btn.primary{color:#fff;background:#ff2a2a;border-color:#ff2a2a}.btn:hover{filter:brightness(1.08)}.bests{color:#8b93a0;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:12px}.title-controls{background:#08090c8c;border:1px solid #262b33;align-self:flex-end;padding:18px 20px}.title-controls h2{letter-spacing:.2em;color:#ff3b3b;margin:0 0 10px;font-size:13px}.title-controls ul{margin:0;padding:0;font-size:15px;line-height:1.7;list-style:none}kbd{border:1px solid #3a424c;padding:0 6px;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:12px}.touch{pointer-events:none;position:absolute;inset:0}.steer{pointer-events:auto;letter-spacing:.2em;color:#8b93a0;background:#0c0e1299;border:1px solid #2a3038;justify-content:center;align-items:center;width:42vw;height:120px;display:flex;position:absolute;bottom:16px;left:16px}.touch-right{pointer-events:auto;grid-template-columns:1fr 1fr;gap:8px;width:min(240px,46vw);display:grid;position:absolute;bottom:12px;right:12px}.tbtn{color:#f4f6f8;height:52px;font:inherit;letter-spacing:.14em;background:#14181ccc;border:1px solid #3a424c}.tbtn.small{height:40px;font-size:12px}.touch-row{grid-column:1/-1;gap:8px;display:flex}.touch-row .tbtn{flex:1}@media (max-width:720px){.title{flex-direction:column;padding:28px 20px;overflow:auto}.speed-num{font-size:52px}.hud-left{width:min(180px,48vw)}.title-controls{align-self:stretch}}
