:root{--accent:#ffd23f;--accent2:#ff5a36;--ink:#0b1020;--panel:#0a0e18b8;--text:#f4f6fb;--muted:#9aa4b8;--green:#4cd964;--red:#ff3b30;--display:"Anton", Impact, "Arial Black", sans-serif;--ui:"Inter", system-ui, -apple-system, sans-serif}*{box-sizing:border-box}html,body,#root{background:var(--ink);height:100%;color:var(--text);font-family:var(--ui);-webkit-user-select:none;user-select:none;touch-action:none;margin:0;overflow:hidden}.app,.viewport{position:fixed;inset:0}button{cursor:pointer;font-family:inherit}.logo{font-family:var(--display);letter-spacing:.04em;color:#fff;text-shadow:0 4px #00000059;font-size:44px;line-height:1}.logo span{color:var(--accent)}.logo.big{text-shadow:0 6px #c2410c,0 12px 30px #00000080;font-size:clamp(64px,11vw,140px);transform:skew(-6deg)}.loading{z-index:50;background:radial-gradient(1200px 600px at 50% 40%,#1b2a4a 0%,#0b1020 70%);place-items:center;display:grid;position:fixed;inset:0}.loading-inner{text-align:center;width:min(520px,86vw)}.loading-bar{background:#ffffff1a;border-radius:99px;height:8px;margin:34px 0 12px;overflow:hidden}.loading-fill{background:linear-gradient(90deg, var(--accent2), var(--accent));height:100%;transition:width .2s}.loading-label{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:13px}.loading-tip{color:#c9d2e3;margin-top:40px;font-size:14px}.menu{z-index:40;position:fixed;inset:0}.menu-shade{background:linear-gradient(90deg,#080c18d1 0%,#080c1873 45%,#080c1800 75%),linear-gradient(#080c1800 70%,#080c1899 100%);position:absolute;inset:0}.menu-content{max-width:min(560px,100vw - 40px);position:absolute;top:50%;left:clamp(20px,7vw,110px);transform:translateY(-50%)}.tagline{color:#dbe3f2;margin:18px 0 38px;font-size:17px;font-style:italic}.menu-nav{flex-direction:column;align-items:flex-start;gap:10px;display:flex}.menu-btn{font-family:var(--display);letter-spacing:.06em;color:#fff;text-align:left;background:0 0;border:none;border-left:4px solid #0000;padding:6px 22px 6px 18px;font-size:30px;transition:all .15s}.menu-btn:hover,.menu-btn:focus-visible{border-left-color:var(--accent);background:linear-gradient(90deg,#ffd23f2e,#0000);outline:none;padding-left:26px}.menu-btn.primary{color:var(--accent);font-size:46px}.menu-btn.small{margin-top:18px;font-size:20px}.controls-hint{color:var(--muted);flex-wrap:wrap;gap:8px 16px;margin-top:46px;font-size:12px;display:flex}.panel{background:var(--panel);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid #ffffff14;border-radius:14px;max-width:460px;padding:20px 24px}.panel h3{font-family:var(--display);letter-spacing:.05em;margin:0 0 12px;font-size:26px;font-weight:400}.panel p{color:#dbe3f2;line-height:1.55}.muted{font-size:13px;color:var(--muted)!important}.settings .row{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;gap:18px;padding:10px 0;font-size:14px;display:flex}.seg{border:1px solid #ffffff26;border-radius:8px;display:flex;overflow:hidden}.seg button{color:var(--text);text-transform:capitalize;background:0 0;border:none;padding:6px 12px;font-size:13px}.seg button.on{background:var(--accent);color:#111;font-weight:700}input[type=range]{accent-color:var(--accent);width:160px}input[type=checkbox]{accent-color:var(--accent);width:18px;height:18px}.pause{z-index:45;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#060912b8;align-items:center;gap:40px;padding:30px clamp(20px,5vw,70px);display:flex;position:fixed;inset:0}.pause-left{flex-direction:column;flex:none;gap:24px;display:flex}.pause-map{flex:1;place-items:center;min-width:0;height:100%;display:grid}.citymap{border-radius:14px;max-width:100%;max-height:100%;box-shadow:0 20px 60px #00000080}@media (max-width:760px){.pause{flex-direction:column;align-items:stretch;overflow-y:auto}.pause-map{height:auto}}.hud{pointer-events:none;z-index:10;font-family:var(--ui);position:fixed;inset:0}.hud-tl{flex-direction:column;gap:10px;max-width:min(380px,60vw);display:flex;position:absolute;top:20px;left:22px}.hud-tr{text-align:right;position:absolute;top:18px;right:26px}.hud-bl{flex-direction:column;align-items:flex-start;gap:8px;display:flex;position:absolute;bottom:20px;left:22px}.hud-br{position:absolute;bottom:22px;right:26px}.money-wrap{position:relative}.money{font-family:var(--display);color:#6fe38a;letter-spacing:.02em;-webkit-text-stroke:1.5px #0d2a16;text-shadow:0 3px #00000080;font-size:46px}.money-pop{font-family:var(--display);color:#6fe38a;-webkit-text-stroke:1px #0d2a16;font-size:28px;animation:2.2s ease-out forwards pop;position:absolute;top:52px;right:0}.money-pop.neg{color:var(--red);-webkit-text-stroke:1px #3a0a08}@keyframes pop{0%{opacity:0;transform:translateY(10px)scale(.8)}12%{opacity:1;transform:translateY(0)scale(1.1)}80%{opacity:1}to{opacity:0;transform:translateY(26px)}}.wanted{letter-spacing:2px;color:#ffffff2e;-webkit-text-stroke:1px #00000073;opacity:.55;margin-top:46px;font-size:30px;transition:opacity .3s}.wanted.active{opacity:1}.wanted .on{color:#fff;text-shadow:0 0 10px #ffffffb3}.wanted.flash .on{animation:.5s steps(2,end) infinite blink}@keyframes blink{50%{color:#ffffff40;text-shadow:none}}.minimap{border-radius:50%;display:block;box-shadow:0 6px 24px #00000073}.vitals{flex-direction:column;gap:5px;width:190px;display:flex}.district{font-family:var(--display);letter-spacing:.08em;text-transform:uppercase;text-shadow:0 2px 6px #000000b3;text-align:center;font-size:17px}.bar{background:#0000008c;border:1px solid #ffffff1f;border-radius:99px;height:7px;overflow:hidden}.bar>div{height:100%;transition:width .25s}.bar.health>div{background:linear-gradient(90deg,#2ecc71,#7cf29c)}.bar.stamina>div{background:linear-gradient(90deg,#3a8dde,#78c4ff)}.objective{background:var(--panel);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-left:4px solid var(--accent);border-radius:8px;padding:10px 14px 12px;animation:.35s ease-out slidein}.obj-title{font-family:var(--display);letter-spacing:.05em;color:var(--accent);font-size:20px}.obj-text{margin-top:4px;font-size:15px;line-height:1.4}.obj-timer{font-family:var(--display);margin-top:6px;font-size:26px}.obj-timer.low{color:var(--red);animation:1s steps(2,end) infinite blink}@keyframes slidein{0%{opacity:0;transform:translate(-16px)}}.toasts{flex-direction:column;gap:6px;display:flex}.toast{background:#0a0e18cc;border-radius:6px;align-self:flex-start;padding:7px 12px;font-size:14px;animation:.25s ease-out slidein}.context{flex-direction:column;align-items:flex-end;gap:10px;display:flex}.prompt{background:var(--panel);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:10px;align-items:center;gap:10px;padding:10px 16px;font-size:17px;font-weight:600;animation:.2s ease-out slidein;display:flex}.key{color:#111;background:#f4f6fb;border-radius:6px;place-items:center;min-width:26px;height:26px;margin-right:3px;padding:0 7px;font-size:13px;font-weight:800;display:inline-grid;box-shadow:0 3px #9aa4b8}.hints{color:#e5eaf3;text-shadow:0 1px 4px #000c;gap:14px;font-size:12px;display:flex}.hints .key{min-width:20px;height:20px;padding:0 5px;font-size:11px;box-shadow:0 2px #9aa4b8}.speedo{text-align:right;line-height:1}.speed-val{font-family:var(--display);text-shadow:0 3px 10px #0009;font-size:64px}.speed-unit{color:var(--muted);letter-spacing:.15em;text-transform:uppercase;font-size:13px}.veh-name{font-family:var(--display);letter-spacing:.06em;color:var(--accent);margin-top:6px;font-size:18px}.banner{text-align:center;animation:.5s cubic-bezier(.2,1.4,.4,1) bannerIn;position:absolute;top:30%;left:0;right:0}.banner-title{font-family:var(--display);letter-spacing:.04em;-webkit-text-stroke:2px #0009;text-shadow:0 6px 24px #00000080;font-size:clamp(42px,8vw,92px)}.banner-sub{text-shadow:0 2px 8px #000c;margin-top:6px;font-size:20px;font-weight:600}.banner.success .banner-title{color:var(--accent)}.banner.fail .banner-title,.banner.wasted .banner-title{color:var(--red)}.banner.info .banner-title{color:#fff;font-size:clamp(30px,5vw,56px)}@keyframes bannerIn{0%{opacity:0;transform:scale(1.4)}}.stats{background:#0009;border-radius:6px;padding:4px 10px;font:12px ui-monospace,monospace;position:absolute;top:10px;left:50%;transform:translate(-50%)}.touch{z-index:20;pointer-events:none;position:fixed;inset:0}.touch-look{pointer-events:auto;width:60%;height:100%;position:absolute;top:0;right:0}.touch-stick{pointer-events:auto;background:#ffffff14;border:2px solid #ffffff40;border-radius:50%;place-items:center;width:130px;height:130px;display:grid;position:absolute;bottom:230px;left:28px}.touch-knob{background:#ffffff8c;border-radius:50%;width:56px;height:56px}.touch-buttons{pointer-events:auto;grid-template-columns:repeat(2,72px);gap:12px;display:grid;position:absolute;bottom:150px;right:22px}.tbtn{color:#fff;background:#0a0e188c;border:2px solid #ffffff59;border-radius:50%;width:72px;height:72px;font-size:13px;font-weight:800}.tbtn.act{background:var(--accent);color:#111;font-size:20px}.tbtn.on{background:#3a8dde}.tbtn.small{width:48px;height:48px;font-size:14px}@media (max-width:640px){.hud-tl{top:12px;left:12px}.hud-tr{top:10px;right:14px}.money{font-size:32px}.wanted{margin-top:34px;font-size:22px}.hud-bl{transform-origin:0 100%;bottom:12px;left:12px;transform:scale(.75)}.hud-br{bottom:12px;right:12px}.speed-val{font-size:44px}.hints{display:none}.obj-text{font-size:13px}}.fade{opacity:0;pointer-events:none;z-index:30;background:#000;transition:opacity .25s;position:fixed;inset:0}.fade.on{opacity:1}