:root{--ink: #f3ede2;--ink-dim: rgba(243, 237, 226, .66);--paper: rgba(16, 22, 19, .52);--line: rgba(243, 237, 226, .16);--accent: #e6a945;--shadow: 0 18px 48px rgba(8, 10, 8, .4)}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden}body{font-family:Avenir Next,Avenir,Segoe UI,system-ui,sans-serif;color:var(--ink);background:#101613;user-select:none;-webkit-user-select:none}#c{position:fixed;inset:0;width:100%;height:100%;touch-action:none}kbd{display:inline-block;min-width:20px;padding:2px 5px;margin-right:4px;border:1px solid var(--line);border-bottom-width:2px;border-radius:5px;background:#f3ede214;font:600 10px/1.2 ui-monospace,monospace;text-align:center}button{font:inherit;color:inherit;background:none;border:none;padding:0;cursor:pointer;pointer-events:auto}button:hover kbd{background:#e6a94540;border-color:var(--accent)}header{position:fixed;top:0;left:0;right:0;z-index:3;display:flex;align-items:center;justify-content:space-between;padding:16px 22px;pointer-events:none}.brand{display:flex;align-items:center;gap:10px;font-size:13px;letter-spacing:.22em}.brand-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--accent);color:#14170f;font-size:19px;box-shadow:var(--shadow)}.brand small{display:block;font-size:8.5px;letter-spacing:.34em;color:var(--ink-dim)}.route{font-size:11px;letter-spacing:.18em;color:var(--ink-dim);display:flex;gap:8px;align-items:center}.route .divider{opacity:.4}.live-dot{width:7px;height:7px;border-radius:50%;background:#7fd47f;box-shadow:0 0 10px #7fd47f}.badge{font:600 10px/1 ui-monospace,monospace;letter-spacing:.14em;border:1px solid var(--line);border-radius:999px;padding:7px 11px;background:var(--paper);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.badge span{color:#7fd47f}.race-panel{position:fixed;left:22px;top:84px;width:280px;z-index:3;background:linear-gradient(160deg,#181e18a8,#0e120f94);border:1px solid var(--line);border-radius:18px;padding:18px 20px 16px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow)}.eyebrow{display:flex;justify-content:space-between;font-size:9.5px;letter-spacing:.3em;color:var(--accent);margin-bottom:10px}.eyebrow span{color:var(--ink-dim)}.race-panel h1{margin:0 0 6px;font-size:27px;line-height:1.02;font-weight:600;letter-spacing:-.01em}.race-panel h1 em{font-style:italic;color:var(--accent)}.race-panel p{margin:0 0 14px;font-size:11.5px;color:var(--ink-dim);letter-spacing:.04em}.race-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:10px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.race-stats small{display:block;font-size:8.5px;letter-spacing:.26em;color:var(--ink-dim);margin-bottom:3px}.race-stats strong{font:600 19px/1 Avenir Next,sans-serif;font-variant-numeric:tabular-nums}.race-stats strong span{font-size:11px;color:var(--ink-dim);font-weight:500}.best-line,.checkpoint-line{display:flex;justify-content:space-between;font:500 10px/1 ui-monospace,monospace;letter-spacing:.14em;color:var(--ink-dim);padding:9px 0 0}.checkpoint-line{padding-top:6px}.checkpoint-line #surface{color:var(--accent)}.progress-track{height:4px;border-radius:99px;background:#f3ede21f;margin-top:10px;overflow:hidden}.progress-track i{display:block;height:100%;width:0%;background:var(--accent);border-radius:99px;transition:width .2s}#message{position:fixed;left:50%;top:96px;transform:translate(-50%);z-index:3;font:italic 500 15px/1 Avenir Next,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--ink);text-shadow:0 2px 12px rgba(8,10,8,.7);transition:opacity .5s;pointer-events:none;white-space:nowrap}#message.hidden{opacity:0}.bottom-left{position:fixed;left:22px;bottom:64px;z-index:3;display:grid;gap:8px}.map-wrap{width:172px;padding:10px 10px 6px;border-radius:16px;background:var(--paper);border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow)}#minimap{display:block;width:152px;height:152px}.map-label{display:flex;justify-content:space-between;font:500 8.5px/1 ui-monospace,monospace;letter-spacing:.14em;color:var(--ink-dim);padding:7px 2px 2px}.map-label span:last-child{color:var(--accent)}.coordinates{font:500 9.5px/1 ui-monospace,monospace;letter-spacing:.12em;color:var(--ink-dim);display:flex;gap:12px}.coordinates span{color:var(--accent)}.speed-panel{position:fixed;right:22px;bottom:64px;z-index:3;width:190px;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:4px 12px;background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:14px 16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow)}.gear{font:700 30px/1 Avenir Next,sans-serif;color:var(--accent)}.speed-panel strong{font:600 30px/1 Avenir Next,sans-serif;font-variant-numeric:tabular-nums;letter-spacing:.02em}.speed-panel span{font-size:9px;letter-spacing:.26em;color:var(--ink-dim)}.speed-panel strong{display:block}.speed-panel>div:nth-child(2) span{display:block;margin-top:2px}.speed-track{grid-column:1 / -1;height:4px;border-radius:99px;background:#f3ede21f;overflow:hidden}.speed-track i{display:block;height:100%;width:0%;background:linear-gradient(90deg,#e6a945,#e6682f);border-radius:99px}.speed-panel small{grid-column:1 / -1;font:500 8.5px/1 ui-monospace,monospace;letter-spacing:.2em;color:var(--ink-dim)}.speed-panel small span{letter-spacing:.1em;color:var(--ink)}footer{position:fixed;left:22px;right:22px;bottom:16px;z-index:3;display:flex;gap:18px;align-items:center;font:500 10px/1 ui-monospace,monospace;letter-spacing:.14em;color:var(--ink-dim)}footer span:first-child{margin-right:auto}#touch-controls{position:fixed;right:18px;top:50%;transform:translateY(-50%);z-index:3;display:none;grid-template-columns:58px 58px;gap:10px}#touch-controls button{height:58px;border-radius:16px;border:1px solid var(--line);background:var(--paper);color:var(--ink);font-size:18px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}#touch-controls button:active{background:#e6a94559}@media(pointer:coarse){#touch-controls{display:grid}}#loading{position:fixed;inset:0;z-index:9;display:grid;place-content:center;text-align:center;gap:6px;background:radial-gradient(120% 120% at 50% 10%,#2a3a30,#131a15 62%,#0c110d);transition:opacity .6s;padding-bottom:12vh}#loading.done{opacity:0;pointer-events:none}.loading-brand{font-size:30px;font-weight:700;letter-spacing:.3em}.loading-brand span{display:block;margin-top:8px;font-size:9.5px;font-weight:500;letter-spacing:.42em;color:var(--accent)}#loading-text{font-size:12px;letter-spacing:.18em;color:var(--ink-dim);text-transform:uppercase}#loading.error{place-content:center}#loading.error p{max-width:420px;line-height:1.6;color:#f0b0a0}@media(max-width:900px){.race-panel{top:72px;left:12px;width:236px;padding:14px 16px}.race-panel h1{font-size:22px}.bottom-left{left:12px;bottom:58px}.speed-panel{right:12px;bottom:58px;width:160px}footer{left:12px;right:12px;gap:10px;flex-wrap:wrap}.route,.coordinates{display:none}}