:root{font-family:DM Sans,sans-serif;color:#fff8e8;background:#96c8c7;font-synthesis:none;--cream:#fff8e8;--ink:#253c3c;--orange:#f57950}*{box-sizing:border-box}body{margin:0;overflow:hidden}button{font:inherit;cursor:pointer}button:focus-visible{outline:3px solid #ffb05c;outline-offset:4px}#app,#game,#vignette{position:absolute;inset:0;width:100%;height:100%}#game{display:block;outline:none;touch-action:none;cursor:crosshair}#vignette{pointer-events:none;background:linear-gradient(180deg,rgba(28,59,62,.18),transparent 24%,transparent 58%,rgba(27,42,39,.27))}#crosshair{position:absolute;left:50%;top:50%;width:26px;height:26px;margin:-13px 0 0 -13px;pointer-events:none;opacity:0;transition:opacity .15s}#crosshair:before,#crosshair:after{content:"";position:absolute;background:#fff8e8;box-shadow:0 0 3px #1b3a3a88}#crosshair:before{left:50%;top:0;width:2px;height:100%;margin-left:-1px;clip-path:polygon(0 0,100% 0,100% 30%,0 30%,0 70%,100% 70%,100% 100%,0 100%)}#crosshair:after{top:50%;left:0;height:2px;width:100%;margin-top:-1px;clip-path:polygon(0 0,30% 0,30% 100%,0 100%,70% 0,100% 0,100% 100%,70% 100%)}#crosshair i{position:absolute;left:50%;top:50%;width:4px;height:4px;margin:-2px 0 0 -2px;border-radius:50%;background:#ff966b;box-shadow:0 0 3px #1b3a3a88}.aiming #crosshair{opacity:1}.topbar{position:absolute;top:30px;left:34px;right:34px;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.brand{display:flex;align-items:center;gap:12px;text-shadow:0 2px 12px #365a4c44}.brand svg{width:43px;height:50px;fill:none;stroke:var(--cream);stroke-width:2.7;stroke-linecap:round;stroke-linejoin:round}.brand h1{font:800 34px/.96 Barlow Condensed,Impact,sans-serif;letter-spacing:1px;margin:0}.brand h1 span{font:600 8px DM Sans,sans-serif;letter-spacing:1.4px;padding:5px 7px;border:1px solid #fff8e87a;vertical-align:middle;margin-left:13px;border-radius:3px}.brand p{font-size:8px;letter-spacing:3.3px;margin:8px 0 0}.top-actions{display:flex;align-items:center;gap:12px;pointer-events:auto}.weather{display:flex;align-items:center;gap:10px;font-size:10px;font-weight:700;letter-spacing:1.5px;margin-right:8px;text-shadow:0 1px 8px #24463655}.weather i{height:12px;width:1px;background:#fff8e875;margin:0 4px}.sun-icon{font-size:23px;line-height:1}.icon-button{border:1px solid #fff8e85c;border-radius:50%;background:#254d4b16;width:39px;height:39px;color:var(--cream);display:grid;place-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.icon-button:hover{background:#fff8e829}.icon-button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}#welcome{position:absolute;top:139px;left:39px;max-width:320px;text-shadow:0 2px 12px #24433044;transition:opacity .7s,transform .7s}.eyebrow{font-size:8px;font-weight:700;letter-spacing:2.4px}#welcome h2{font:700 42px/.98 Barlow Condensed,Impact,sans-serif;letter-spacing:.1px;margin:15px 0 13px}#welcome p{font-size:11px;opacity:.85}#dismiss-welcome{background:var(--cream);border:0;color:var(--ink);font-size:10px;font-weight:700;padding:11px 15px;border-radius:3px;margin-top:8px;min-width:112px;display:flex;align-items:center;justify-content:space-between;gap:24px}#welcome.dismissed{opacity:0;transform:translateY(-10px);pointer-events:none}#location-banner{position:absolute;top:35px;left:50%;transform:translate(-50%);text-align:center;display:flex;flex-direction:column;gap:6px;text-shadow:0 2px 8px #264a4144}#district{font:600 13px Barlow Condensed,sans-serif;letter-spacing:3.2px}.location-sub{font-size:7px;letter-spacing:2px;opacity:.7}.minimap-panel{position:absolute;bottom:75px;left:34px;width:206px;padding:12px 12px 8px;background:#fcf6e9ed;color:#405552;border-radius:8px;box-shadow:0 4px 24px #223f3a15}.map-top,.map-bottom{display:flex;align-items:center;justify-content:space-between;font-size:8px;font-weight:700;letter-spacing:1px}.map-top>span:first-child{display:flex;align-items:center;gap:5px}.map-top i{width:5px;height:5px;border-radius:50%;background:#ed8056}#minimap{width:100%;height:145px;display:block;margin-top:7px}.map-bottom{font-size:6px;letter-spacing:.7px;border-top:1px solid #46685a1a;padding-top:8px}.map-bottom span{display:flex;align-items:center;gap:4px}.you-dot,.car-dot{width:5px;height:5px;border-radius:50%;background:#e87952;display:inline-block}.car-dot{background:#819c8c;width:4px;height:4px}#interaction{position:absolute;bottom:100px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:13px;padding:13px 18px 13px 12px;background:#fff8ecf5;color:#354d47;border-radius:6px;min-width:253px;box-shadow:0 4px 28px #1e3c2c22;transition:opacity .2s;pointer-events:none}#interaction>kbd{width:33px;height:35px;display:grid;place-items:center;font:700 16px DM Sans,sans-serif;background:#ee7952;color:#fff8e8;border:0;box-shadow:0 2px #ce593c}#interaction strong{display:block;font-size:13px;font-weight:700;margin-bottom:4px}#interaction div>span{display:block;font-size:10px;color:#738078}.prompt-arrow{margin-left:auto;font-size:23px;opacity:.7}#driving-tip{position:absolute;bottom:88px;left:50%;transform:translate(-50%);font-size:10px;letter-spacing:1px;opacity:.9;text-shadow:0 2px 5px #152b28;display:none}#telemetry{position:absolute;bottom:78px;right:35px;width:175px;text-shadow:0 2px 8px #233e3730}.vehicle-label{display:flex;flex-direction:column;gap:6px}.vehicle-label>span:first-child{font-size:8px;letter-spacing:2px;opacity:.7}.vehicle-label>span:last-child{font:600 20px Barlow Condensed,Impact,sans-serif;letter-spacing:1.2px}.speed-display{display:flex;align-items:center;gap:10px;height:80px}.speed-display>span{font:700 88px/.85 Barlow Condensed,Impact,sans-serif;font-variant-numeric:tabular-nums;letter-spacing:-1.5px}.speed-display>div{display:flex;flex-direction:column;gap:9px;padding-top:10px}.speed-display>div>span{font-size:7px;letter-spacing:1.4px}.speed-display strong{font:500 14px DM Sans,sans-serif;opacity:.8}.speed-ticks{display:flex;gap:4px;height:8px;margin:5px 0 15px}.speed-ticks i{height:100%;width:100%;background:#fff8e83c;transform:skew(-17deg)}.speed-ticks i.lit{background:#fff8e8}.speed-ticks i:nth-last-child(-n+3).lit{background:#ff966b}.condition{display:flex;justify-content:space-between;font-size:7px;letter-spacing:1.2px;margin-bottom:6px}.condition-track{height:3px;background:#fff8e837}.condition-track div{height:100%;width:100%;background:#f7c17d;transition:width .3s,background .3s}.on-foot .speed-display{opacity:.75}.controls{position:absolute;bottom:24px;left:50%;transform:translate(-50%);display:flex;align-items:center;justify-content:center;white-space:nowrap;gap:22px;font-size:10px;color:#fff8e8c4}.controls>span{display:flex;align-items:center;gap:5px}kbd{display:inline-block;border:1px solid #fff8e857;border-radius:3px;font:500 9px DM Sans,sans-serif;padding:5px;color:#fff8e8;min-width:21px;text-align:center;background:#173e3422}.controls>span:first-child{gap:3px}.controls>span:first-child>span{margin-left:3px}#toast{position:absolute;top:119px;left:50%;transform:translate(-50%,-10px);opacity:0;transition:opacity .3s,transform .3s;text-align:center;pointer-events:none;padding:13px 23px;background:#2c4941d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:5px}#toast.visible{opacity:1;transform:translate(-50%)}#toast-title{font:600 21px Barlow Condensed,sans-serif;letter-spacing:1px;display:block}#toast-sub{display:block;font-size:10px;margin-top:5px;opacity:.75}.overlay{position:absolute;inset:0;background:#244a4777;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);display:grid;place-items:center}.overlay[hidden]{display:none}.menu-card{width:410px;max-width:calc(100vw - 30px);background:#fff8e8;color:#38554b;padding:36px;border-radius:10px;box-shadow:0 30px 100px #163c4444}.menu-card h2{font:700 40px/1 Barlow Condensed,Impact,sans-serif;margin:14px 0 10px}.menu-card p{font-size:11px;opacity:.7}.control-grid{display:grid;grid-template-columns:1fr auto;gap:12px;font-size:10px;padding:22px 0;margin:18px 0;border-top:1px solid #38554b22;border-bottom:1px solid #38554b22}.control-grid span:nth-child(2n){font-weight:700;text-align:right}.primary,.secondary{border:0;width:100%;padding:14px 16px;border-radius:4px;font-size:11px;font-weight:700}.primary{background:#eb7953;color:#fff8e8;display:flex;justify-content:space-between}.primary:hover{background:#dc6945}.secondary{background:transparent;color:#667a70;margin-top:5px}.menu-footnote{text-align:center;font:500 italic 13px Georgia,serif!important;margin-bottom:0}#loading{position:absolute;inset:0;background:#f7ecd6;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#325b51;transition:opacity .6s}.loading-brand{font:800 75px Barlow Condensed,Impact,sans-serif;letter-spacing:3px}#loading p{font-size:11px;letter-spacing:2px}.loading-line{width:160px;height:3px;background:#eb7953;margin-top:25px;animation:load 1s ease-in-out infinite alternate}@keyframes load{0%{transform:scaleX(.2);opacity:.3}to{transform:scaleX(1);opacity:1}}#loading[hidden]{display:none}#fatal{position:absolute;inset:0;background:#fff8e8;color:#35544c;padding:15vh 15vw}#fatal[hidden]{display:none}.hide-hud .topbar,.hide-hud #welcome,.hide-hud #location-banner,.hide-hud .minimap-panel,.hide-hud #interaction,.hide-hud #driving-tip,.hide-hud #telemetry,.hide-hud .controls,.hide-hud #toast,.hide-hud #crosshair{visibility:hidden}@media(max-width:850px){.topbar{top:22px;left:22px;right:22px}.brand h1{font-size:28px}.brand svg{width:32px}.brand h1 span,.weather,#location-banner{display:none}#welcome{top:118px;left:25px}#welcome h2{font-size:35px}.minimap-panel{left:20px;bottom:63px;width:158px;padding:10px}#minimap{height:112px}#telemetry{right:20px;bottom:65px;width:140px}.speed-display>span{font-size:72px}.speed-display{height:66px}.controls{gap:11px;font-size:8px;bottom:20px}.controls kbd{font-size:8px;min-width:18px;padding:4px}.vehicle-label>span:last-child{font-size:17px}#interaction{bottom:88px;min-width:220px}#driving-tip{bottom:68px;font-size:8px}}#bigmap{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(.96);width:min(620px,86vw);height:auto;aspect-ratio:620/680;background:#fcf6e9ed;border-radius:10px;box-shadow:0 12px 60px #223f3a33;opacity:0;pointer-events:none;transition:opacity .15s,transform .15s}#bigmap.visible{opacity:1;transform:translate(-50%,-50%) scale(1)}.hide-hud #bigmap{visibility:hidden}#stick{position:fixed;display:none;width:104px;height:104px;margin:-52px 0 0 -52px;border-radius:50%;background:#fff8ec22;border:2px solid #fff8ec66;pointer-events:none;z-index:5}#stick-knob{position:absolute;left:50%;top:50%;width:46px;height:46px;border-radius:50%;background:#fff8ecaa;transform:translate(-50%,-50%)}.touch-btn{position:fixed;display:none;border-radius:50%;border:2px solid #fff8ec88;background:#2b3f3d99;color:#fff8ec;font:700 12px/1 Barlow Condensed,sans-serif;letter-spacing:.1em;z-index:5;touch-action:none;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none;box-shadow:0 4px 18px #1e3c2c33}#fire-btn{right:max(22px,env(safe-area-inset-right));bottom:max(24px,env(safe-area-inset-bottom));width:88px;height:88px;font-size:16px;border-color:#ee7952cc;background:#e8774f66;color:#fff3e3}#fire-btn.brake{border-color:#78b9bacc;background:#3f827c77;color:#e9fbf7}#enter-btn{right:max(120px,calc(env(safe-area-inset-right) + 98px));bottom:max(30px,calc(env(safe-area-inset-bottom) + 6px));width:66px;height:66px;font-size:13px;border-color:#f5c85ecc;background:#e0a83a66;color:#fff6dc;opacity:.35}#enter-btn.on{opacity:1;box-shadow:0 0 0 4px #f5c85e33,0 4px 18px #1e3c2c33}.touch-btn.small{width:48px;height:48px;font-size:10px;bottom:max(130px,calc(env(safe-area-inset-bottom) + 106px))}#cam-btn{right:max(42px,calc(env(safe-area-inset-right) + 20px))}#map-btn{right:max(102px,calc(env(safe-area-inset-right) + 80px))}#horn-btn{right:max(162px,calc(env(safe-area-inset-right) + 140px))}#reset-btn{right:max(222px,calc(env(safe-area-inset-right) + 200px))}body.touch #fire-btn,body.touch #enter-btn,body.touch #cam-btn,body.touch #map-btn,body.touch.driving #horn-btn,body.touch.driving #reset-btn{display:block}body.touch #game{touch-action:none}body.touch .minimap-panel,body.touch #telemetry,body.touch #interaction,body.touch #driving-tip,body.touch #location-banner,body.touch #toast,body.touch #welcome,body.touch #bigmap{pointer-events:none}body.touch #welcome button{pointer-events:auto}body.touch .controls{display:none}body.touch #interaction>kbd{display:none}body.touch #interaction{bottom:max(196px,calc(env(safe-area-inset-bottom) + 172px));min-width:0;padding:10px 14px}body.touch #driving-tip{display:none!important}body.touch #telemetry{right:max(20px,env(safe-area-inset-right));bottom:auto;top:max(74px,calc(env(safe-area-inset-top) + 60px));width:150px;padding:10px 12px}body.touch .speed-display>span{font-size:54px}body.touch .speed-display{height:52px}body.touch .minimap-panel{left:max(14px,env(safe-area-inset-left));bottom:max(14px,env(safe-area-inset-bottom));width:150px;padding:8px}body.touch #minimap{height:104px}body.touch .weather{display:none}body.touch #welcome{top:auto;bottom:max(190px,calc(env(safe-area-inset-bottom) + 170px));left:max(20px,env(safe-area-inset-left));max-width:min(420px,60vw)}body.touch #welcome h2{font-size:30px}@media(max-height:500px){body.touch .topbar{top:10px;left:max(14px,env(safe-area-inset-left));right:max(14px,env(safe-area-inset-right))}body.touch .brand h1{font-size:22px}body.touch #telemetry{top:max(58px,calc(env(safe-area-inset-top) + 48px));width:130px;padding:8px 10px}body.touch .speed-display>span{font-size:44px}body.touch .speed-display{height:44px}body.touch .speed-ticks,body.touch .condition-track{display:none}body.touch #welcome{bottom:max(150px,calc(env(safe-area-inset-bottom) + 130px));max-width:min(360px,46vw)}body.touch #welcome h2{font-size:24px}body.touch .minimap-panel{width:126px;padding:6px}body.touch #minimap{height:84px}body.touch .map-bottom{display:none}body.touch #bigmap{width:auto;height:88vh}}