:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f1eee5;background:#10191d;font-synthesis:none;--panel:rgba(13,23,27,.78);--line:rgba(239,235,220,.16);--muted:#aab6b2;--sand:#d8bb83;--safe-top:env(safe-area-inset-top);--safe-bottom:env(safe-area-inset-bottom)}*{box-sizing:border-box}html,body,#app{margin:0;width:100%;height:100%;overflow:hidden}body{background:#10191d}button,input,select{font:inherit}button{cursor:pointer}#game{position:fixed;inset:0;width:100%;height:100%;display:block}#boot{height:100%;display:grid;place-content:center;gap:18px;text-align:center;color:#d8d4c8;letter-spacing:.12em;text-transform:uppercase;font-size:12px}.boot-mark{font-size:42px;font-weight:800;letter-spacing:-.08em;color:var(--sand)}.boot-track{height:2px;background:#334146;width:180px;overflow:hidden}.boot-track i{display:block;height:100%;width:45%;background:var(--sand);animation:load 1.1s ease-in-out infinite alternate}@keyframes load{to{transform:translate(120%)}}.hud{position:fixed;inset:0;pointer-events:none;padding:calc(22px + var(--safe-top)) 24px calc(20px + var(--safe-bottom));display:flex;flex-direction:column;justify-content:space-between}.hud-top{display:flex;justify-content:space-between;align-items:flex-start}.location{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#e4d7bb}.weather{margin-top:8px;color:#d3d8d2;font-size:12px}.route-progress{position:absolute;left:24px;bottom:calc(28px + var(--safe-bottom));width:min(240px,34vw)}.route-label{font-size:10px;letter-spacing:.15em;color:#d9d5c9;text-transform:uppercase}.route-next{font-size:14px;margin-top:5px}.progress-track{height:2px;background:#ffffff38;margin-top:12px}.progress-fill{height:100%;width:0;background:var(--sand)}.speedbox{position:absolute;right:26px;bottom:calc(24px + var(--safe-bottom));text-align:right;min-width:100px}.speed{font-size:clamp(38px,6vw,62px);font-weight:600;line-height:1;letter-spacing:-.07em;font-variant-numeric:tabular-nums}.speed-unit{font-size:10px;letter-spacing:.18em;color:#d6d3c9}.gear{font:12px DM Mono,monospace;color:var(--sand);margin-top:8px}.hud-button{pointer-events:auto;background:var(--panel);border:1px solid var(--line);color:#f1eee5;padding:10px 14px;border-radius:3px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;backdrop-filter:blur(14px)}.hud-actions{display:flex;gap:8px}.overlay{position:fixed;inset:0;display:grid;place-items:center;background:#050b0ea6;backdrop-filter:blur(10px);padding:20px;z-index:5}.panel{width:min(560px,100%);max-height:min(88dvh,780px);overflow:auto;background:#172429;border:1px solid var(--line);padding:clamp(20px,4vw,34px);box-shadow:0 20px 90px #0008}.eyebrow{color:var(--sand);font-size:10px;letter-spacing:.2em;text-transform:uppercase}.panel h1,.panel h2{font-size:clamp(26px,5vw,42px);letter-spacing:-.055em;line-height:1.04;margin:10px 0 12px}.panel p{color:var(--muted);font-size:13px;line-height:1.7}.panel-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}.primary{background:var(--sand);color:#172126;border:1px solid var(--sand);padding:13px 18px;border-radius:2px;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.secondary{background:transparent;color:#f1eee5;border:1px solid var(--line);padding:13px 18px;border-radius:2px;font-size:11px;letter-spacing:.1em;text-transform:uppercase}.setup-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}.field{display:grid;gap:7px}.field label{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#b9c1bc}.field select,.field input{background:#0e191d;color:#f1eee5;border:1px solid var(--line);padding:11px;width:100%;border-radius:2px}.setting{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--line);font-size:12px;color:#e3e4dc}.setting input{accent-color:var(--sand)}.setting select{background:#0e191d;color:#f1eee5;border:1px solid var(--line);padding:7px}.controls{position:fixed;inset:auto 0 0;display:none;justify-content:space-between;padding:0 18px calc(16px + var(--safe-bottom));pointer-events:none;z-index:2}.control-side{display:flex;gap:12px;align-items:end}.pedal,.steer{pointer-events:auto;border:1px solid #ffffff55;background:#172429a8;color:#fff;backdrop-filter:blur(10px);border-radius:50%;width:68px;height:68px;touch-action:none;user-select:none}.pedal small{display:block;font-size:9px;letter-spacing:.1em}.pedal.accel{border-color:#d8bb83aa}.steer{width:76px;height:76px;font-size:22px}.steer-row{display:flex;gap:8px}.toast{position:fixed;top:calc(76px + var(--safe-top));left:50%;transform:translate(-50%);background:#10191ddd;border:1px solid var(--line);padding:10px 15px;font-size:11px;letter-spacing:.08em;z-index:3;pointer-events:none}.hidden{display:none!important}.debug{position:fixed;top:12px;right:12px;color:#b4d9c2;font:10px DM Mono,monospace;white-space:pre;pointer-events:none}.menu-brand{font-size:11px;letter-spacing:.25em;color:var(--sand);font-weight:800}.menu-sub{max-width:390px}.menu-note{font-size:10px!important;color:#778984!important;margin-top:18px}@media(max-width:700px),(pointer:coarse){.hud{padding-left:16px;padding-right:16px}.route-progress{left:16px;bottom:calc(118px + var(--safe-bottom));width:38vw}.speedbox{right:16px;bottom:calc(112px + var(--safe-bottom))}.controls{display:flex}.hud-actions{gap:5px}.hud-button{padding:9px 10px;font-size:9px}.setup-grid{grid-template-columns:1fr 1fr}.panel{padding:22px}.panel h1{font-size:32px}}@media(orientation:portrait)and (max-width:700px){.hud:after{content:"Rotate your device for the driving view";position:fixed;inset:0;background:#10191d;display:grid;place-items:center;font-size:13px;letter-spacing:.08em;z-index:8}.controls{display:none}}.hud.minimal .hud-place,.hud.minimal .route-progress,.hud.minimal .gear,.hud.minimal #photo{display:none}.setting label{flex:1;cursor:pointer}.setting input[type=range]{width:50%}