:root{--ink: #1c1a22;--paper: #ece6d8;--sun: #f2d36b;--red: #b4483a;--green: #7aa44e}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#1c1a22;touch-action:none;user-select:none;-webkit-user-select:none}#game{position:fixed;inset:0;width:100%;height:100%;image-rendering:pixelated;display:block}#hud,#touch{position:fixed;inset:0;pointer-events:none;font:700 13px/1.35 ui-monospace,Menlo,Consolas,monospace;color:var(--paper);text-shadow:2px 2px 0 var(--ink)}.hud-top{position:absolute;top:max(10px,env(safe-area-inset-top));left:12px;right:12px;display:flex;justify-content:space-between}.hud-top [data-k=money]{font-size:22px;color:var(--sun)}.hud-order{position:absolute;top:44px;left:50%;transform:translate(-50%);background:#1c1a22d1;border:2px solid var(--paper);padding:6px 12px;text-align:center;max-width:min(92vw,520px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hud-order b{color:var(--sun);margin-right:6px}.hud-order i{color:#a8cce4;font-style:normal}.hud-order .late{color:#e07a4e}.hud-toast{position:absolute;top:34%;left:50%;transform:translate(-50%);background:var(--ink);border:2px solid var(--sun);padding:6px 12px;transition:opacity .4s;white-space:nowrap;max-width:94vw;overflow:hidden;text-overflow:ellipsis}.hud-speed{position:absolute;bottom:max(18px,env(safe-area-inset-bottom));left:max(14px,env(safe-area-inset-left));font-size:18px}.hud-turbo{display:block;text-align:left;font-size:11px;opacity:.55;letter-spacing:1px}.hud-turbo.ready{opacity:1;color:var(--sun)}.hud-turbo.on{opacity:1;color:#e07a4e;animation:blink .25s steps(2) infinite}@keyframes blink{50%{opacity:.4}}.hud-compass{position:absolute;top:100px;left:12px;width:64px;text-align:center}.hud-compass .dial{position:relative;width:56px;height:56px;margin:0 auto;border:3px solid var(--paper);border-radius:50%;background:#1c1a22b3;box-shadow:2px 2px 0 var(--ink)}.hud-compass .dial b,.hud-compass .dial i{position:absolute;left:50%;top:50%;width:14px;margin:-7px 0 0 -7px;font-style:normal;font-size:11px;line-height:14px}.hud-compass .dial b{color:#e07a4e;transform:translateY(-19px)}.hud-compass .dial i:nth-of-type(1){transform:translate(19px)}.hud-compass .dial i:nth-of-type(2){transform:translateY(19px)}.hud-compass .dial i:nth-of-type(3){transform:translate(-19px)}.hud-compass .needle{position:absolute;left:50%;top:31px;width:6px;height:22px;margin:-22px 0 0 -3px;background:var(--sun);border:1px solid var(--ink);transform-origin:50% 100%}.hud-compass .dir{margin-top:4px;font-size:10px;white-space:nowrap}.hud-arrow{position:absolute;font-size:30px;color:var(--sun);text-shadow:0 0 3px var(--ink),2px 2px 0 var(--ink)}.hud-arrow.over{animation:bob .8s ease-in-out infinite alternate}@keyframes bob{to{margin-top:-8px}}.hud-horizon{position:absolute;left:12%;right:12%;top:22%;height:2px;background:#ece6d859}.hud-horizon span{position:absolute;top:-9px;transform:translate(-50%);padding:1px 7px;white-space:nowrap;font:700 12px ui-monospace,monospace;color:var(--ink);border:2px solid var(--ink);text-shadow:none}.hud-horizon.pick span{background:#f2b06a}.hud-horizon.drop span{background:#6a9ccc}.hud-help{position:absolute;bottom:44px;left:50%;transform:translate(-50%);opacity:.85;white-space:nowrap}#credits{position:fixed;right:6px;bottom:4px;font:10px ui-monospace,monospace;color:var(--paper);text-shadow:1px 1px 0 var(--ink);opacity:.8;pointer-events:none}.pad{position:absolute;bottom:max(26px,env(safe-area-inset-bottom));display:flex;gap:12px;pointer-events:auto}.pad-l{left:14px}.pad-r{right:14px}.pad-x{right:14px;bottom:calc(max(26px,env(safe-area-inset-bottom)) + 88px)}.pad-x button{height:40px;font-size:11px!important}.pad button[data-b=turbo]{background:#f2d36b73}.pad button{width:76px;height:76px;border:3px solid var(--paper);background:#1c1a228c;color:var(--paper);font:700 16px ui-monospace,monospace;touch-action:none;-webkit-tap-highlight-color:transparent}.pad button[data-b=gas]{background:#7aa44e99}.pad button[data-b=brake]{background:#b4483a99;font-size:13px}.pad button.on{background:var(--sun);color:var(--ink)}@media (pointer: coarse){.hud-speed{bottom:120px}}.hud-help{bottom:22px!important;left:auto!important;right:12px;transform:none!important}@media (max-width: 600px){.hud-order{top:40px;font-size:12px}.pad button{width:66px;height:66px}#credits{font-size:8px;bottom:2px}}@media (max-width: 600px){.pad-x{bottom:calc(max(26px,env(safe-area-inset-bottom)) + 78px)}.pad-x button{height:36px}}#camui{position:fixed;top:max(40px,calc(env(safe-area-inset-top) + 30px));right:10px;display:flex;flex-direction:column;align-items:flex-end;gap:6px;font:700 12px ui-monospace,monospace;color:var(--paper);text-shadow:2px 2px 0 var(--ink)}.cam-btn{width:40px;height:40px;border:2px solid var(--paper);background:#1c1a22b3;width:auto;padding:0 8px;color:var(--paper);font:700 12px ui-monospace,monospace;cursor:pointer}.cam-panel{background:#1c1a22d9;border:2px solid var(--paper);padding:8px 10px;display:flex;flex-direction:column;gap:8px}.cam-panel label{display:flex;justify-content:space-between;gap:10px;align-items:center}.cam-panel input{width:130px;accent-color:#f2d36b}.cam-reset{border:2px solid var(--paper);background:transparent;color:var(--paper);font:700 12px ui-monospace,monospace;padding:4px;cursor:pointer}#labels{position:fixed;inset:0;pointer-events:none;overflow:hidden}.lbl{position:absolute;left:0;top:0;white-space:nowrap;font:600 12px/1 system-ui,-apple-system,Segoe UI,sans-serif;letter-spacing:.02em}.lbl-street{color:#fff;text-shadow:0 0 3px #1c1a22,0 0 3px #1c1a22,0 1px 2px #1c1a22}.lbl-place{color:#1c1a22;background:#f2d36b;padding:3px 7px;border:2px solid #1c1a22;font-weight:700}#appui{position:fixed;inset:0;pointer-events:none;font:13px/1.35 system-ui,-apple-system,Segoe UI,sans-serif}.app-btn{position:absolute;top:max(86px,calc(env(safe-area-inset-top) + 76px));right:10px;pointer-events:auto;height:40px;padding:0 10px;border:2px solid var(--paper);background:#b4483a;color:#fff;font:700 12px ui-monospace,monospace;cursor:pointer}.app-badge{position:absolute;top:-6px;right:-6px;width:12px;height:12px;border-radius:50%;background:var(--sun);border:2px solid var(--ink)}.horn-btn{position:absolute;right:10px;top:max(132px,calc(env(safe-area-inset-top) + 122px));pointer-events:auto;height:40px;padding:0 10px;border:2px solid var(--paper);background:#1c1a22b3;color:var(--sun);font:700 12px ui-monospace,monospace}.app{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:min(360px,calc(100vw - 20px));height:min(680px,calc(100dvh - 40px));display:flex;flex-direction:column;pointer-events:auto;background:#f4f1ea;color:#1c1a22;border:3px solid #1c1a22;border-radius:22px;box-shadow:6px 6px #00000059;overflow:hidden}.app-head{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#b4483a;color:#fff}.app-head b{font:700 15px ui-monospace,monospace}.app-money{margin-left:auto;font-weight:700}.app-x{background:none;border:0;color:#fff;font-size:16px;cursor:pointer}.app-tabs{display:flex;border-bottom:2px solid #1c1a22}.app-tabs button{flex:1;padding:8px 4px;border:0;background:#e6e0d4;font:600 13px system-ui,sans-serif;cursor:pointer}.app-tabs button.on{background:#f4f1ea;box-shadow:inset 0 -3px #b4483a}.app-body{flex:1;min-height:0;overflow-y:auto;padding:10px;display:flex;flex-direction:column;gap:8px}.app-card{background:#fff;border:2px solid #1c1a22;border-radius:10px;padding:10px}.app-card.cur{background:#fff7d6}.app-card button{width:100%;margin-top:8px;padding:9px;border:2px solid #1c1a22;border-radius:8px;background:#7aa44e;color:#1c1a22;font:700 13px system-ui,sans-serif;cursor:pointer}.app-card button:disabled{background:#ccc;color:#666;cursor:default}.app-k{font:700 11px ui-monospace,monospace;color:#b4483a;text-transform:uppercase;margin-bottom:2px}.app-to,.app-row{color:#4a4650;font-size:12px}.app-grid{display:grid;grid-template-columns:auto 1fr;gap:2px 10px;margin-top:6px;font-size:12px}.app-grid b{text-align:right}.app-grid small{font-weight:400;color:#6a6670}.app-card.ext{display:flex;gap:10px;align-items:center}.app-card.ext>div{flex:1}.app-card.ext button{width:auto;margin:0;white-space:nowrap}.app-card.ext.own{background:#eef6e4}.app-own{color:#4a7a3e;font-weight:700}.app-lock{color:#6a6670;font-size:11px;max-width:90px;text-align:right}.app-note{margin:2px 2px 4px;color:#4a4650;font-size:12px}.app-sum{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;text-align:center;font-size:11px;color:#4a4650}.app-sum b{display:block;font-size:14px;color:#1c1a22}.app-hist{display:flex;gap:8px;border-bottom:1px solid #ddd6c8;padding:6px 2px;font-size:12px}.app-hist>div:first-child{flex:1}.app-pay{text-align:right;font-weight:700;white-space:nowrap;color:#4a7a3e}#screens{position:fixed;inset:0;pointer-events:none;z-index:20}.scr{position:absolute;inset:0;display:grid;place-items:center;background:#1c1a22b8;pointer-events:auto;padding:16px}.scr[hidden]{display:none}.scr-box{max-width:520px;width:100%;text-align:center;color:var(--paper);font:14px/1.4 system-ui,sans-serif}.scr h1{font:900 clamp(40px,11vw,76px)/.95 ui-monospace,monospace;color:var(--sun);text-shadow:4px 4px 0 #b4483a,8px 8px 0 var(--ink);margin:0 0 14px}.scr h2{font:900 40px ui-monospace,monospace;color:var(--sun);margin:0 0 12px}.scr-bar{height:10px;border:2px solid var(--paper);margin:14px 0 6px}.scr-bar i{display:block;height:100%;width:0;background:var(--sun);transition:width .2s}.scr-load{font-size:12px;opacity:.85;margin:0 0 12px}.scr-go,.scr-go2{padding:12px 34px;border:3px solid var(--ink);background:var(--sun);color:var(--ink);font:900 18px ui-monospace,monospace;cursor:pointer;box-shadow:4px 4px 0 var(--ink)}.scr-go:disabled{opacity:.45;cursor:default}.scr-keys{display:grid;grid-template-columns:auto 1fr auto 1fr;gap:4px 10px;text-align:left;margin-top:18px;font-size:12px;opacity:.9}.scr-keys span{font:700 12px ui-monospace,monospace;color:var(--sun);text-align:right}@media (max-width: 600px){.scr-keys{grid-template-columns:auto 1fr}.app-btn{top:84px}}.cam-panel[hidden],.app[hidden],.horn-btn[hidden],.app-badge[hidden]{display:none!important}.app-map{width:100%;height:auto;border:2px solid #1c1a22;border-radius:10px;display:block}.app-legend{font-size:11px;color:#4a4650;text-align:center;margin-top:-4px}.app-num{display:inline-block;width:18px;height:18px;border-radius:50%;color:#fff;text-align:center;line-height:18px;font-size:11px;margin-right:2px}.app-ttl{height:4px;background:#e6e0d4;border-radius:2px;margin:-2px 0 6px;overflow:hidden}.app-ttl i{display:block;height:100%;background:#c89a3a}.app-card .app-free{width:auto;margin-top:6px;padding:4px 8px;background:#fff7d6;font-size:11px}.app-card.free{background:#fff7d6}.app-gift{font:700 11px ui-monospace,monospace;color:#b4483a}.scr-pick{font-size:13px;margin:0 0 6px;color:var(--sun)}.scr-free{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.scr-free button{padding:6px 10px;border:2px solid var(--paper);background:#1c1a2299;color:var(--paper);font:600 12px system-ui,sans-serif;cursor:pointer}.scr-free button.on{background:var(--sun);color:var(--ink);border-color:var(--ink)}.hud-heat{position:absolute;left:max(12px,env(safe-area-inset-left));top:150px;width:92px;padding:8px 6px 6px;display:flex;flex-direction:column;align-items:center;gap:4px;background:#1c1a22b8;border:2px solid var(--paper);border-radius:10px;font:700 11px ui-monospace,monospace;color:var(--paper);text-shadow:none;pointer-events:auto}.hud-heat.lvl0{opacity:.55}.th-title{font-size:11px;letter-spacing:.5px}.th-body{position:relative;width:26px;height:96px}.th-tube{position:absolute;left:6px;top:0;width:14px;height:80px;border:2px solid var(--paper);border-bottom:0;border-radius:8px 8px 0 0;background:#ffffff14;overflow:hidden}.th-tube i{position:absolute;left:0;right:0;bottom:0;height:0;transition:height .4s;background:linear-gradient(to top,#6a9ccc,#f2d36b 40px,#e07a4e,#e0302a 80px);background-size:100% 80px;background-position:bottom}.th-tube b{position:absolute;right:-2px;width:5px;height:2px;background:var(--paper)}.th-bulb{position:absolute;left:1px;bottom:0;width:24px;height:24px;border-radius:50%;border:2px solid var(--paper);background:#6a9ccc}.hud-heat.lvl1 .th-bulb{background:#f2d36b}.hud-heat.lvl2 .th-bulb{background:#e07a4e}.hud-heat.lvl3 .th-bulb,.hud-heat.lvl4 .th-bulb,.hud-heat.lvl5 .th-bulb{background:#e0302a}.th-state{font-size:11px;text-align:center;line-height:1.15;min-height:13px}.hud-heat.lvl4 .th-state,.hud-heat.lvl5 .th-state{color:#ff8a7a}.th-cops{font-size:12px;letter-spacing:-2px;min-height:0}.hud-heat.chase{border-color:#e0302a;animation:siren .7s steps(2) infinite}@keyframes siren{50%{border-color:#2a6ae0}}.hud-copline{position:absolute;left:12%;right:12%;top:22%;height:0}.hud-copline i{position:absolute;top:-16px;width:10px;height:10px;margin-left:-5px;border-radius:50%;border:2px solid var(--ink);background:#e0302a;animation:blip .5s steps(2) infinite}@keyframes blip{50%{background:#2a6ae0}}@media (max-width: 600px){.hud-heat{top:130px;transform:scale(.85);transform-origin:top left}}
