*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#000;font-family:Arial Black,Arial,sans-serif}canvas#game{display:block;width:100%;height:100%}.hud{position:fixed;pointer-events:none;color:#fff;text-shadow:2px 2px 0 #000,-1px -1px 0 #000;z-index:10}#hud-location{left:240px;bottom:28px;font-size:22px}#hud-location small{display:block;font-size:15px;color:#f2c94c}#hud-speed{right:32px;bottom:28px;font-size:44px;text-align:right}#hud-speed small{font-size:18px}#hud-prompt{left:50%;top:62%;transform:translate(-50%);font-family:Arial,sans-serif;font-weight:700;font-size:18px;background:#0009;padding:8px 16px;border-radius:6px;text-shadow:none}#hud-clock{right:18px;top:14px;font-family:Oswald,Arial,sans-serif;font-weight:500;font-size:18px;text-align:right;line-height:1.1;text-shadow:1px 1px 0 #000,0 0 4px rgba(0,0,0,.6)}#hud-clock small{display:block;font-size:11px;color:#f2d79a;letter-spacing:.5px}#time-toggle{right:18px;top:62px;pointer-events:auto;cursor:pointer;position:fixed;width:58px;height:26px;border-radius:13px;border:1px solid rgba(255,255,255,.35);background:linear-gradient(90deg,#8fd0ff,#4a9be0);display:flex;align-items:center;justify-content:space-between;padding:0 7px;font-size:13px;color:#fff;text-shadow:none;transition:background .3s ease;box-shadow:0 1px 4px #00000080}#time-toggle.night{background:linear-gradient(90deg,#1c2550,#0b1030)}#time-toggle span{position:relative;z-index:1;line-height:1}#time-toggle .tt-sun{color:#ffd23f}#time-toggle .tt-moon{color:#e8ecff}#time-toggle i{position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0006;transition:transform .3s ease;opacity:.35}#time-toggle.night i{transform:translate(32px)}#hud-help{left:16px;top:16px;font-family:Arial,sans-serif;font-size:13px;line-height:1.5;background:#00000073;padding:10px 14px;border-radius:6px;text-shadow:none}#hud-help b{color:#f2c94c}#minimap{position:fixed;left:20px;bottom:20px;width:200px;height:200px;border-radius:50%;z-index:10;border:4px solid rgba(0,0,0,.75);box-shadow:0 0 0 2px #ffffff4d}#bigmap{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;background:#000000d9;display:none;align-items:center;justify-content:center}#bigmap.open{display:flex}.bigmap-wrap{display:flex;align-items:center;gap:14px;max-width:98vw;max-height:94vh}#bigmap canvas{max-width:calc(98vw - 300px);max-height:94vh;border:3px solid #f2c94c;cursor:crosshair;width:auto;height:auto;min-width:0}.places{width:280px;display:flex;flex-direction:column;gap:8px;background:#14100af2;border:1px solid #5a4a2a;padding:12px;font-family:Arial,sans-serif;color:#eee;height:94vh;flex-shrink:0}.places h2{margin:0;font-family:Oswald,Arial,sans-serif;font-size:20px;color:#f6c544;letter-spacing:1px;text-transform:uppercase}.places input{padding:8px 10px;border-radius:6px;border:1px solid #5a4a2a;background:#0e0b07;color:#fff;font-size:14px;outline:none}.places input:focus{border-color:#f6c544}.places-list{overflow-y:auto;flex:1;padding-right:4px}.places-list h3{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:#b9a77d;margin:12px 0 4px;display:flex;align-items:center;gap:6px}.places-list h3 i{width:9px;height:9px;border-radius:50%;display:inline-block}.places-list button{display:flex;justify-content:space-between;gap:8px;width:100%;text-align:left;background:none;border:none;color:#eee;font-size:13px;padding:6px 8px;border-radius:5px;cursor:pointer}.places-list button:hover{background:#f6c5442e;color:#fff}.places-list button small{color:#9b8f75;white-space:nowrap}.places-hint{font-size:12px;color:#9b8f75;margin:0}.places-hint b{color:#f6c544}.gps-cancel{background:#5a1f1f;color:#fff;border:none;border-radius:6px;padding:7px;cursor:pointer;font-weight:700}.gps-cancel:hover{background:#7a2a2a}#gps{right:24px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:6px}.gps-dial{width:76px;height:76px;border-radius:50%;background:#0a0a0ab3;border:3px solid #f6c544;box-shadow:0 0 12px #f6c54473;display:flex;align-items:center;justify-content:center}.gps-dial svg{width:54px;height:54px;transition:transform .15s linear}.gps-dial path{fill:#f6c544;stroke:#000;stroke-width:3;stroke-linejoin:round}.gps-info{text-align:center;font-family:Arial,sans-serif;max-width:160px}.gps-info b{display:block;font-size:12px;line-height:1.2}.gps-info span{font-family:Oswald,Arial,sans-serif;font-size:18px;color:#f6c544}#hud-toast{left:50%;top:22%;transform:translate(-50%) scale(.9);opacity:0;transition:all .3s ease;font-family:Oswald,Arial,sans-serif;font-size:26px;background:#000000a6;padding:10px 22px;border-radius:8px;border-bottom:3px solid #f6c544}#hud-toast.show{opacity:1;transform:translate(-50%) scale(1)}body.in-menu .hud,body.in-menu #minimap{display:none!important}#menu{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;overflow:hidden;color:#fff;transition:opacity .6s ease}#menu.hidden{opacity:0;pointer-events:none}#menu-map{position:absolute;top:-8%;right:-8%;bottom:-8%;left:-8%;width:116%;height:116%;object-fit:cover;opacity:0;mix-blend-mode:screen;filter:saturate(1.4) brightness(1.6);transition:opacity 2s ease;animation:map-drift 60s ease-in-out infinite alternate}#menu.ready #menu-map{opacity:.22}@keyframes map-drift{0%{transform:scale(1) translate(0) rotate(0)}to{transform:scale(1.12) translate(-3%,2%) rotate(-2deg)}}.menu-shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#0a0804eb,#0a0804a6 38%,#0a080426 75%),radial-gradient(circle at 30% 50%,#3a2a14,#0b0805 70%);transition:background 2s ease}#menu.ready .menu-shade{background:linear-gradient(90deg,#0a0804e0,#0a08048c 38%,#0a08040d 75%),linear-gradient(0deg,rgba(10,8,4,.6),transparent 30%)}.menu-content{position:absolute;left:clamp(24px,7vw,120px);top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:40px}.logo{position:relative;width:max-content;-webkit-user-select:none;user-select:none}.logo-play{font-family:Anton,Arial Black,sans-serif;font-size:clamp(110px,16vw,210px);line-height:.9;letter-spacing:4px;background:linear-gradient(180deg,#fff6d5,#f6c544 45%,#c47a12);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-stroke:4px #120c04;filter:drop-shadow(6px 8px 0 rgba(0,0,0,.75))}.logo-city{font-family:Pacifico,cursive;font-size:clamp(54px,7.4vw,96px);line-height:1;margin:-.42em 0 0 .5em;transform:rotate(-7deg);transform-origin:left center;background:linear-gradient(180deg,#ffe2b0,#e8893a 55%,#8a3f12);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-stroke:2px #1a0e04;filter:drop-shadow(4px 5px 0 rgba(0,0,0,.8))}.logo-sub{display:flex;align-items:center;gap:14px;margin:18px 0 0 .6em;font-family:Oswald,Arial,sans-serif;font-weight:700;letter-spacing:10px;font-size:18px;color:#f2d79a}.logo-sub span{width:46px;height:2px;background:linear-gradient(90deg,transparent,#f2c94c,transparent)}.menu-nav{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.menu-nav button{font-family:Oswald,Arial,sans-serif;font-weight:700;font-size:30px;letter-spacing:2px;text-transform:uppercase;color:#f4ead2;background:none;border:none;padding:6px 0 6px 18px;cursor:pointer;border-left:4px solid transparent;transition:all .15s ease;text-shadow:2px 2px 0 #000}.menu-nav button:hover:not(:disabled),.menu-nav button:focus-visible{color:#f6c544;border-left-color:#f6c544;padding-left:26px;outline:none}.menu-nav button:disabled{color:#8d826d;cursor:default;animation:pulse 1.4s ease-in-out infinite}#btn-start:not(:disabled){font-size:40px;color:#fff}@keyframes pulse{50%{opacity:.45}}#menu-panel{font-family:Arial,sans-serif;font-size:15px;line-height:1.7;color:#e8dfca;max-width:440px;background:#0000008c;border-left:3px solid #f6c544;padding:14px 18px;display:none}#menu-panel.open{display:block}#menu-panel b{color:#f6c544}.menu-footer{position:absolute;right:24px;bottom:18px;font-family:Arial,sans-serif;font-size:12px;color:#ffffff8c}#look-panel{display:none;gap:18px;align-items:center;background:#0009;border-left:3px solid #f6c544;padding:14px 18px;font-family:Arial,sans-serif;color:#e8dfca}#look-panel.open{display:flex}#look-preview{width:150px;height:205px;border-radius:8px;background:radial-gradient(circle at 50% 40%,#4a3a22,#15100a)}.look-options{display:flex;flex-direction:column;gap:10px}.look-row{display:flex;align-items:center;gap:10px}.look-row>span{width:64px;font-size:13px;font-weight:700;color:#f2d79a;text-transform:uppercase;letter-spacing:1px}.swatch{width:26px;height:26px;border-radius:50%;border:2px solid rgba(255,255,255,.25);cursor:pointer;padding:0;transition:transform .1s ease}.swatch:hover{transform:scale(1.12)}.swatch.on{border-color:#f6c544;box-shadow:0 0 0 2px #f6c544}.chip{font:700 12px Arial,sans-serif;color:#e8dfca;background:#ffffff14;border:1px solid rgba(255,255,255,.25);border-radius:14px;padding:5px 11px;cursor:pointer}.chip.on{background:#f6c544;color:#1a1206;border-color:#f6c544}@media (max-height: 940px){.menu-content{gap:18px}.logo-play{font-size:min(16vw,15vh)}.logo-city{font-size:min(7.4vw,7vh)}.logo-sub{margin-top:8px;font-size:14px}.menu-nav{gap:0}.menu-nav button{font-size:22px;padding-top:3px;padding-bottom:3px}#btn-start:not(:disabled){font-size:30px}}#hud-money{right:18px;top:96px;font-family:Oswald,Arial,sans-serif;font-weight:700;font-size:26px;color:#7be38b;text-shadow:2px 2px 0 #000,-1px -1px 0 #000}#hud-money.gain{animation:gain .8s ease}@keyframes gain{30%{transform:scale(1.25);color:#c8ffd0}}#hud-fuel{right:32px;bottom:84px;display:flex;align-items:center;gap:6px;font-size:16px}#hud-fuel div{width:110px;height:10px;border:2px solid #000;background:#00000080;border-radius:3px;overflow:hidden}#hud-fuel i{display:block;height:100%;background:linear-gradient(90deg,#f2c94c,#7be38b)}#hud-fuel.low i{background:#e74c3c;animation:pulse .8s ease-in-out infinite}#hud-mission{left:50%;top:14px;transform:translate(-50%);min-width:300px;max-width:520px;text-align:center;font-family:Arial,sans-serif;text-shadow:none;background:#0000009e;border-top:3px solid #f6c544;border-radius:0 0 8px 8px;padding:8px 16px 10px;display:none}#hud-mission b{display:block;font-family:Oswald,Arial,sans-serif;font-size:18px;color:#f6c544;letter-spacing:1px;text-transform:uppercase}#hud-mission span{display:block;font-size:15px;margin-top:3px}#hud-mission em{display:inline-block;margin-top:4px;font-style:normal;font-weight:700;font-size:20px;color:#fff}#hud-mission em.hurry{color:#ff6b5b}#hud-mission small{display:block;font-size:11px;color:#c9c0a8;margin-top:3px}#hud-radio{right:32px;bottom:108px;font-family:Oswald,Arial,sans-serif;font-size:14px;color:#f2d79a;display:none}#weather-btn{right:84px;top:62px;pointer-events:auto;cursor:pointer;position:fixed;height:26px;padding:0 10px;border-radius:13px;border:1px solid rgba(255,255,255,.35);background:#141e2db3;color:#fff;font:700 12px Arial,sans-serif;text-shadow:none;box-shadow:0 1px 4px #00000080}body.indoors #minimap,body.indoors #hud-location,body.indoors #gps,body.indoors #hud-mission{display:none!important}#hud-online{right:18px;top:130px;font-family:Arial,sans-serif;font-weight:700;font-size:13px;text-shadow:1px 1px 0 #000;background:#143c788c;padding:4px 10px;border-radius:12px}#hud-online.off{background:#0006;color:#bbb}.name-input{font:700 14px Arial,sans-serif;padding:5px 9px;border-radius:6px;border:1px solid rgba(255,255,255,.3);background:#ffffff1a;color:#fff;width:190px}#account-status{font:13px Arial,sans-serif;color:#c9bd9f;margin-top:-8px}#account-status b{color:#f6c544}#account-panel{display:none;font:15px Arial,sans-serif;color:#e8dfca;max-width:380px;background:#0000009e;border-left:3px solid #f6c544;padding:14px 18px;line-height:1.5}#account-panel.open{display:block}#account-panel p{margin:0 0 10px}#account-panel small{color:#b9ab8c}#account-panel form{display:flex;flex-direction:column;gap:10px}#account-panel label{display:flex;flex-direction:column;gap:4px;font-size:12px;font-weight:700;color:#f2d79a;text-transform:uppercase;letter-spacing:1px}#account-panel input{font:15px Arial,sans-serif;padding:8px 10px;border-radius:6px;border:1px solid rgba(255,255,255,.3);background:#ffffff1a;color:#fff;text-transform:none;letter-spacing:0}#account-panel a{color:#f6c544;font-size:13px}.account-tabs{display:flex;gap:6px;margin-bottom:12px}.account-tabs button{flex:1;font:700 13px Oswald,Arial,sans-serif;letter-spacing:1px;text-transform:uppercase;padding:7px;border-radius:6px;border:1px solid rgba(246,197,68,.4);background:transparent;color:#e8dfca;cursor:pointer}.account-tabs button.on{background:#f6c544;color:#1a1206}.account-btn{font:700 15px Oswald,Arial,sans-serif;letter-spacing:1px;text-transform:uppercase;padding:10px;border-radius:6px;border:0;background:#f6c544;color:#1a1206;cursor:pointer}.account-btn.ghost{background:transparent;border:1px solid rgba(255,255,255,.4);color:#e8dfca}.account-btn:disabled{opacity:.6;cursor:default}.account-msg{color:#ffd27a;font-size:14px}.menu-footer a{color:inherit}