: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}}#location{flex-wrap:wrap;max-width:235px}#landmark-name{flex-basis:100%;font-size:10px;letter-spacing:.2px;color:#f0d7a1;padding-left:13px;line-height:1.2}#gameplay-hud{position:absolute;z-index:1;pointer-events:none;left:max(20px,env(safe-area-inset-left));top:145px;display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;max-width:min(390px,calc(100vw - 40px));padding:9px 12px;border:1px solid #f5efd526;border-radius:13px;background:#203b3bd9;backdrop-filter:blur(12px);color:var(--cream);font-size:9px;letter-spacing:.5px;text-shadow:0 1px 3px #0007}.hud-health{display:flex;gap:6px;align-items:baseline}.hud-health>span{font-size:7px;letter-spacing:1.1px;color:#d2c7a9}.hud-health strong{font-size:10px;font-variant-numeric:tabular-nums}.hud-weapon{display:flex;align-items:baseline;gap:7px;border-left:1px solid #ffffff35;padding-left:12px}.hud-weapon strong{font-size:10px}.hud-weapon span{color:var(--gold);font-variant-numeric:tabular-nums}#target-info,#interaction-prompt,#gameplay-message{flex-basis:100%;font-size:9px;letter-spacing:.2px;color:#f0d7a1}#gameplay-message{font-weight:700;color:var(--gold)}#target-info:empty,#interaction-prompt:empty,#gameplay-message:empty{display:none}#controls[data-mode=walking] .speed{display:none}#driving-controls,#walking-controls{position:absolute;inset:0}#walking-controls .movement-wrap{position:absolute;bottom:max(18px,env(safe-area-inset-bottom));left:max(24px,calc(env(safe-area-inset-left) + 10px));display:flex;flex-direction:column;align-items:center;gap:5px}#movement-pad{width:128px;height:128px;border:1px solid #fff5dc5c;border-radius:50%;background:radial-gradient(circle,#2b444d20 40%,#243c4b65);box-shadow:inset 0 0 0 13px #ffffff06;display:grid;place-items:center;touch-action:none;position:relative;pointer-events:auto}#movement-knob{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;border:1px solid #ffefd884;background:#243d45c9;box-shadow:0 4px 16px #18363340;pointer-events:none}#movement-knob svg{width:36px;fill:none;stroke:#fff1d1;stroke-width:2}.movement-arrows{position:absolute;inset:0 10px;top:calc(50% - 15px);font:28px Georgia;color:#fff7db88;display:flex;justify-content:space-between}.foot-actions{position:absolute;right:max(22px,calc(env(safe-area-inset-right) + 8px));bottom:max(19px,env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(2,64px);gap:7px}.foot-actions button{width:64px;height:54px;border-radius:15px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;touch-action:none;border:1px solid #ffefd770;background:#243d45d9;box-shadow:0 6px 16px #14333222;font-size:18px;line-height:1}.foot-actions button span{font-size:7px;letter-spacing:.8px;font-weight:700}.foot-actions #attack{background:#9e634cd9}.foot-actions #interact{background:#efbb62e8;color:#263f3b;border-color:#ffe3a5}.foot-actions button.pressed{background:#ffda8c;color:#263f3b;transform:translateY(2px);box-shadow:0 0 20px #ffdd6d55}.extra-hint{margin-top:5px!important;color:#c0cfbb!important;font-size:8px!important;line-height:1.45!important}@media(max-width:900px)and (orientation:landscape){#gameplay-hud{top:98px;max-width:min(310px,calc(100vw - 40px));padding:7px 9px;gap:5px 10px;font-size:8px}.hud-health>span{font-size:6px}.hud-health strong,.hud-weapon strong{font-size:9px}#target-info,#interaction-prompt,#gameplay-message{font-size:8px}#movement-pad{width:112px;height:112px}#walking-controls .movement-wrap{bottom:max(12px,env(safe-area-inset-bottom));left:max(17px,calc(env(safe-area-inset-left) + 8px))}#movement-knob{width:50px;height:50px}.foot-actions{grid-template-columns:repeat(2,58px);right:max(18px,calc(env(safe-area-inset-right) + 7px));bottom:max(13px,env(safe-area-inset-bottom));gap:6px}.foot-actions button{width:58px;height:48px;border-radius:13px}.steering-wrap{left:max(24px,calc(env(safe-area-inset-left) + 8px))}.pedals{right:max(24px,calc(env(safe-area-inset-right) + 8px))}}@media(max-height:430px)and (orientation:landscape){#gameplay-hud{top:94px;padding:5px 8px;gap:3px 8px}.foot-actions{grid-template-columns:repeat(2,54px);gap:5px}.foot-actions button{width:54px;height:43px}.foot-actions button span{font-size:6px}#movement-pad{width:98px;height:98px}#walking-controls .movement-wrap{bottom:max(9px,env(safe-area-inset-bottom))}.control-label{font-size:7px}}#controls[data-mode=driving] .foot-actions{display:block;top:240px;bottom:auto;right:max(22px,calc(env(safe-area-inset-right) + 8px))}#controls[data-mode=driving] .foot-actions button:not(#interact){display:none}#controls[data-mode=driving] .foot-actions #interact{display:flex;width:64px;height:54px}@media(max-width:900px)and (orientation:landscape){#controls[data-mode=driving] .foot-actions{top:182px;right:max(18px,calc(env(safe-area-inset-right) + 7px))}#controls[data-mode=driving] .foot-actions #interact{width:58px;height:48px}}@media(max-height:430px)and (orientation:landscape){.foot-actions button{min-height:44px}#controls[data-mode=driving] .foot-actions #interact{height:44px}}@media(max-height:430px)and (orientation:landscape){.welcome-card{max-height:calc(100dvh - 80px);overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;padding-right:6px}.controls-hint{font-size:8px;line-height:1.35}.controls-hint>span{font-size:7px}.extra-hint{font-size:7px!important;line-height:1.3!important}}