:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#fff8e8;background:#aac9c4;font-synthesis:none;--cream:#fff3d5;--ink:#203d3b;--gold:#efbb62;--steering-size:148px;--pedal-size:84px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none}body{position:fixed;inset:0;touch-action:none;user-select:none;-webkit-user-select:none}button,a{touch-action:manipulation}button{font:inherit;cursor:pointer;border:0;color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #f4b953;outline-offset:4px}button:disabled{cursor:wait;opacity:.75}[hidden]{display:none!important}#game,#interface{position:absolute;inset:0;width:100%;height:100%;height:100dvh}#game{display:block;touch-action:none}#interface{pointer-events:none}button,a,dialog,#steering{pointer-events:auto}.topbar{position:absolute;top:max(20px,env(safe-area-inset-top));left:max(28px,env(safe-area-inset-left));right:max(28px,env(safe-area-inset-right));display:flex;justify-content:space-between;align-items:center;gap:16px;z-index:2}.place{display:flex;align-items:center;gap:10px;text-shadow:0 1px 6px #233b3b66}.place-icon{background:var(--ink);border:1px solid #ffffff30;width:44px;height:44px;border-radius:13px;display:grid;place-content:center;font:italic 29px Georgia,serif;position:relative}.place-icon span{position:absolute;color:var(--gold);right:6px;bottom:4px;font-size:16px}.place strong{font-size:12px;letter-spacing:2.8px;display:block}.place div>span{display:block;font-size:8px;letter-spacing:2px;margin-top:5px}.top-actions{display:flex;gap:7px}.top-actions button{background:#203b3bd9;backdrop-filter:blur(12px);border:1px solid #f5efd526;border-radius:12px;min-width:48px;min-height:44px;padding:0 14px;font-size:12px}.top-actions button[aria-pressed=true]{background:var(--gold);color:var(--ink)}#location{position:absolute;left:max(28px,env(safe-area-inset-left));top:86px;display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid #ffffff24;border-radius:20px;background:#203d3baa;font-size:11px;letter-spacing:.3px}.live-dot{width:5px;height:5px;border-radius:50%;background:var(--gold)}.map-wrap{position:absolute;right:max(28px,env(safe-area-inset-right));top:86px;width:174px;height:145px;border:1px solid #f7ecd244;border-radius:17px;background:#223f3be8;overflow:hidden;box-shadow:0 8px 20px #1d3c3b19}#minimap{width:100%;height:124px}.map-north{position:absolute;top:9px;right:10px;font-size:9px;font-weight:700;color:var(--gold)}.map-label{position:absolute;left:13px;bottom:9px;font-size:8px;letter-spacing:1.5px;color:#cfdbc8}#controls{position:absolute;inset:0}.steering-wrap{position:absolute;bottom:max(22px,env(safe-area-inset-bottom));left:max(35px,calc(env(safe-area-inset-left) + 12px));display:flex;flex-direction:column;align-items:center;gap:8px}#steering{width:var(--steering-size);height:var(--steering-size);border:1px solid #fff5dc5c;border-radius:50%;background:radial-gradient(circle,#2b444d20 40%,#243c4b65);box-shadow:inset 0 0 0 15px #ffffff06;display:grid;place-items:center;touch-action:none;position:relative}.steering-arrows{position:absolute;left:10px;right:10px;top:calc(50% - 21px);font:34px Georgia;color:#fff7db88;display:flex;justify-content:space-between}#steering-knob{width:66px;height:66px;border-radius:50%;display:grid;place-items:center;border:1px solid #ffefd884;background:#243d45c9;box-shadow:0 4px 16px #18363340;pointer-events:none}#steering-knob svg{width:42px;fill:none;stroke:#fff1d1;stroke-width:2}.control-label{font-size:9px;font-weight:600;letter-spacing:2px;color:var(--cream);text-shadow:0 1px 4px #0007}.pedals{position:absolute;right:max(35px,calc(env(safe-area-inset-right) + 12px));bottom:max(35px,calc(env(safe-area-inset-bottom) + 8px));display:flex;gap:14px;align-items:flex-end}.pedals button{width:var(--pedal-size);height:calc(var(--pedal-size) + 14px);border-radius:25px;display:flex;flex-direction:column;gap:13px;justify-content:center;align-items:center;touch-action:none;border:1px solid #ffefd770;background:#243d45b5;box-shadow:0 8px 20px #14333222}.pedals button svg{width:32px;height:32px;stroke:currentColor;stroke-width:2.5;fill:none;stroke-linecap:round}.pedals button span{font-size:9px;letter-spacing:1.3px;font-weight:700}.pedals #throttle{height:calc(var(--pedal-size) + 40px);background:#efbb62e8;color:#263f3b;border-color:#ffe3a5}.pedals #throttle.pressed{background:#ffda8c;transform:translateY(2px);box-shadow:0 0 24px #ffdd6d6b}.pedals #brake.pressed{background:#bd694b;transform:translateY(2px)}.speed{position:absolute;bottom:max(26px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);text-align:center;color:#fff8df;text-shadow:0 2px 10px #183534}.speed>div{display:flex;align-items:baseline;justify-content:center;gap:7px}#speed-number{font-size:52px;line-height:1;font-weight:300;font-variant-numeric:tabular-nums;letter-spacing:-2px}.speed-unit{font-size:10px;letter-spacing:1px}#gear{font-size:8px;letter-spacing:2px;display:block;margin-top:8px}#debug{position:absolute;left:50%;top:max(22px,env(safe-area-inset-top));transform:translate(-50%);padding:12px 15px;border-radius:12px;background:#142b2af2;border:1px solid #91b8a661;z-index:4;min-width:268px;pointer-events:none}.debug-title{font-size:8px;letter-spacing:1px;color:#efcc86;display:flex;gap:20px;justify-content:space-between}.debug-title span{color:#9eb8a8;font-size:7px}#debug pre{margin:8px 0 0;font:10px/1.55 ui-monospace,monospace;color:#e1ead9}#notice{position:absolute;top:32%;left:50%;transform:translate(-50%);padding:12px 20px;background:#233d3aed;border-radius:12px;text-align:center;max-width:60%;font-size:12px;z-index:5}#start-screen{position:absolute;inset:0;background:linear-gradient(90deg,#203d3bf2 0%,#254b46dd 34%,#24453f44 67%,transparent 100%);z-index:6;pointer-events:auto;display:flex;align-items:center;padding:70px max(6vw,env(safe-area-inset-left)) 56px}.welcome-card{width:355px}.eyebrow{font-size:9px;letter-spacing:2.1px;color:#e6d8b6;display:flex;align-items:center;gap:8px}.eyebrow>span{width:5px;height:5px;background:var(--gold);border-radius:50%}h1{font: 64px/.99 Georgia,Times New Roman,serif;letter-spacing:-2px;margin:22px 0;color:#fcf1d8}h1 span{display:block;font-style:italic;color:var(--gold);margin-top:4px}.intro{font-size:13px;line-height:1.7;color:#d1ddcf;margin:0 0 26px}.route{display:flex;gap:14px;align-items:center;border-top:1px solid #cedbc32c;padding:18px 0}.route>span{font:italic 24px Georgia;color:#e6bc76}.route strong{font-size:12px;font-weight:500;display:block}.route small{display:block;font-size:10px;color:#aebfae;margin-top:5px}#start{width:100%;height:53px;padding:0 20px;background:var(--gold);color:#23413b;border-radius:8px;display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:700;letter-spacing:.3px}#start>span+span{font-size:22px}.controls-hint{font-size:10px;color:#d0ddca;line-height:1.8;margin:14px 0 0}.controls-hint>span{font-size:9px;color:#a5b7a6}.loading-line{height:2px;background:#79918444;margin-top:15px;overflow:hidden}#loading-fill{display:block;width:12%;height:100%;background:#edbd68;transition:width .5s}#loading-status{font-size:9px;color:#9db7a6;margin-top:7px}.welcome-note{position:absolute;right:6vw;bottom:20%;text-align:right;text-shadow:0 2px 18px #173e3c88}.welcome-note>span{font:9px ui-monospace,monospace;letter-spacing:1px;color:#fff6de}.welcome-note strong{font:italic 28px/1.25 Georgia;display:block;margin:16px 0;color:#fff5da}.welcome-note small{font-size:8px;letter-spacing:1.5px;color:#ebf0db}footer{position:absolute;left:max(6vw,env(safe-area-inset-left));right:max(6vw,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));display:flex;justify-content:space-between;align-items:center;gap:20px;color:#b2c6b4;font-size:9px}footer a{color:inherit;text-underline-offset:3px}footer button{background:transparent;padding:12px 0;font-size:10px;color:var(--cream)}#rotate{display:none}dialog{max-width:540px;width:calc(100% - 48px);max-height:85dvh;overflow:auto;touch-action:pan-y;border:1px solid #cad7b5;border-radius:18px;padding:28px;background:#f3ecd9;color:#27413c;font-size:13px;line-height:1.7;user-select:text;-webkit-user-select:text}dialog::backdrop{background:#142e2be6}dialog h2{font:28px Georgia;margin-top:5px}dialog a{color:#307168}#credits-close{position:absolute;right:10px;top:8px;width:44px;height:44px;background:transparent;color:#27413c;font-size:26px}#fatal{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:30px;background:#203d3bf5;z-index:20;pointer-events:auto;text-align:center}#fatal p{max-width:450px;font-size:13px;line-height:1.7}#fatal button,#update{background:var(--gold);color:var(--ink);padding:14px 20px;border-radius:10px}#update{position:absolute;left:50%;top:40%;transform:translate(-50%);z-index:10;font-size:12px}@media(max-height:550px)and (orientation:landscape){.topbar{top:max(10px,env(safe-area-inset-top));left:max(20px,env(safe-area-inset-left));right:max(20px,env(safe-area-inset-right))}.place-icon{width:36px;height:36px;font-size:25px}.place strong{font-size:10px}.place div>span{font-size:7px}.top-actions button{min-height:42px;padding:0 12px}#location{top:60px;left:max(20px,env(safe-area-inset-left));font-size:10px;padding:6px 10px}.map-wrap{top:60px;right:max(20px,env(safe-area-inset-right));width:140px;height:112px}#minimap{height:99px}.map-label{font-size:7px;bottom:6px}.map-north{font-size:8px;top:6px;right:7px}.steering-wrap{bottom:max(14px,env(safe-area-inset-bottom))}#steering{width:calc(var(--steering-size) * .84);height:calc(var(--steering-size) * .84)}#steering-knob{width:58px;height:58px}.pedals{bottom:max(19px,env(safe-area-inset-bottom));gap:12px}.pedals button{height:var(--pedal-size);border-radius:22px}.pedals #throttle{height:calc(var(--pedal-size) + 20px)}#speed-number{font-size:42px}.speed{bottom:max(18px,env(safe-area-inset-bottom))}#start-screen{padding:28px max(6vw,env(safe-area-inset-left)) 36px}.welcome-card{width:295px}.eyebrow{font-size:7px;letter-spacing:1.8px}h1{font-size:43px;margin:13px 0}.intro{font-size:11px;line-height:1.5;margin:0 0 8px}.route{padding:10px 0}.route strong{font-size:11px}.route small{font-size:9px}#start{height:43px}.controls-hint{font-size:9px;margin-top:7px;line-height:1.5}.controls-hint>span{font-size:8px}.loading-line{margin-top:6px}#loading-status{margin-top:4px;font-size:8px}.welcome-note{bottom:22%}.welcome-note strong{font-size:24px}footer{bottom:max(5px,env(safe-area-inset-bottom));font-size:8px}footer button{font-size:9px}#debug{top:12px;min-width:240px;padding:9px 11px}#debug pre{font-size:9px;line-height:1.45}.debug-title{font-size:7px}.debug-title span{font-size:6px}}@media(orientation:portrait)and (max-width:700px){#rotate{position:absolute;inset:0;z-index:15;background:#203d3bf5;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;pointer-events:auto;padding:24px}#rotate svg{width:64px;height:64px;stroke:var(--gold);stroke-width:2;fill:none;transform:rotate(90deg);margin-bottom:28px}#rotate strong{font:italic 27px Georgia}#rotate p{font-size:13px;line-height:1.7;color:#c4d3bd}}