:root{--red:#d81f2a;--ink:#09090c;--font:"PingFang TC", "Noto Sans TC", "Microsoft JhengHei", system-ui, sans-serif}*{box-sizing:border-box}html,body{background:var(--ink);color:#fff;height:100%;font-family:var(--font);margin:0;overflow:hidden}#app{touch-action:none;-webkit-user-select:none;user-select:none;position:fixed;inset:0}canvas{display:block}#loader{z-index:50;background:radial-gradient(ellipse at 50% 40%, #2a1418, var(--ink) 70%);place-content:center;justify-items:center;gap:18px;transition:opacity .5s;display:grid;position:fixed;inset:0}#loader.done{opacity:0;pointer-events:none}#loader .logo{align-items:center;gap:14px;display:flex}#loader .tag{background:var(--red);outline:4px solid var(--ink);border:4px solid #fff;padding:6px 10px;font-size:52px;font-weight:900;line-height:1.05;display:grid}#loader .gta{letter-spacing:-4px;color:#fff;-webkit-text-stroke:4px var(--ink);text-shadow:6px 6px 0 var(--red);font-size:110px;font-style:italic;font-weight:900}#loader .sub{background:var(--ink);letter-spacing:6px;padding:6px 16px;font-size:20px;font-weight:800}#loader .bar{background:#333;border-radius:3px;width:min(320px,70vw);height:6px;overflow:hidden}#loader .bar i{background:var(--red);width:0;height:100%;transition:width .3s;display:block}#loader .msg{color:#aaa;text-align:center;padding:0 16px;font-size:13px}.hud-top{top:max(12px, env(safe-area-inset-top));pointer-events:none;justify-items:center;gap:6px;width:min(92vw,560px);display:grid;position:fixed;left:50%;transform:translate(-50%)}.street{background:#1f6e43;border:2px solid #fff;border-radius:4px;min-height:1.6em;padding:3px 14px;font-size:16px;font-weight:800}.street:empty{visibility:hidden}.mission{text-align:center;background:#0009;border-radius:4px;padding:4px 12px;font-size:14px}.hud-right{top:max(12px, env(safe-area-inset-top));right:max(16px, env(safe-area-inset-right));pointer-events:none;position:fixed}.money{color:#7dff8a;-webkit-text-stroke:1.5px #000;font-variant-numeric:tabular-nums;font-size:30px;font-weight:900}.speedo{right:max(16px, env(safe-area-inset-right));bottom:max(16px, env(safe-area-inset-bottom));pointer-events:none;text-shadow:0 2px 4px #000;justify-items:end;display:grid;position:fixed}.speedo b{font-variant-numeric:tabular-nums;font-size:46px;line-height:1}.speedo small{opacity:.8;font-size:12px}.minimap{left:max(16px, env(safe-area-inset-left));bottom:max(16px, env(safe-area-inset-bottom));border:3px solid #fff;border-radius:50%;position:fixed;box-shadow:0 2px 12px #0009}.toast{opacity:0;pointer-events:none;text-align:center;background:#000000c7;border-radius:6px;max-width:90vw;padding:10px 18px;font-size:18px;font-weight:800;transition:opacity .25s,transform .25s;position:fixed;top:30%;left:50%;transform:translate(-50%,-10px)}.toast.show{opacity:1;transform:translate(-50%)}.toast.ok{color:#7dff8a}.toast.fail{color:#ff6b6b}.toast.info{color:#ffd23f}.attrib{opacity:.6;pointer-events:none;white-space:nowrap;font-size:10px;position:fixed;bottom:2px;left:50%;transform:translate(-50%)}.debug{background:#0009;padding:2px 6px;font:12px ui-monospace,monospace;position:fixed;top:4px;left:4px}.stick{left:max(24px, env(safe-area-inset-left));bottom:max(200px, calc(env(safe-area-inset-bottom) + 190px));touch-action:none;background:#ffffff1f;border:2px solid #ffffff59;border-radius:50%;width:120px;height:120px;position:fixed}.stick .knob{pointer-events:none;background:#fff9;border-radius:50%;width:50px;height:50px;position:absolute;top:35px;left:35px}.pedal{bottom:max(90px, calc(env(safe-area-inset-bottom) + 80px));color:#fff;width:78px;height:78px;font:800 15px var(--font);touch-action:none;border:2px solid #ffffff80;border-radius:50%;position:fixed}.pedal.gas{right:max(20px, env(safe-area-inset-right));background:#28aa508c}.pedal.brake{right:max(110px, calc(env(safe-area-inset-right) + 100px));background:#d228288c}@media (width<=600px){.money{font-size:22px}#loader .gta{font-size:72px}#loader .tag{font-size:36px}}.help{top:max(12px, env(safe-area-inset-top));left:max(16px, env(safe-area-inset-left));z-index:5;position:fixed}.help-chip{color:#fff;font:700 13px var(--font);cursor:pointer;background:#0009;border:0;border-radius:4px;align-items:center;gap:6px;padding:5px 10px;display:none}.help:not(.open) .help-chip{display:inline-flex}.help-panel{border-left:3px solid var(--red);cursor:pointer;background:#08090cd1;border-radius:4px;min-width:210px;padding:10px 14px 12px;display:none}.help.open .help-panel{gap:6px;display:grid}.help-title{margin-bottom:4px;font-size:15px;font-weight:900;display:grid}.help-title small{opacity:.7;font-size:11px;font-weight:500}.help .row{align-items:center;gap:10px;font-size:13px;display:flex}.help .keys{gap:4px;min-width:74px;display:inline-flex}kbd{color:#111;min-width:24px;height:24px;font:800 12px var(--font);background:#f2f2f2;border-radius:4px;place-items:center;padding:0 6px;display:inline-grid;box-shadow:0 2px #888}.debug{inset:auto 4px 4px auto}.dlg[hidden]{display:none}.dlg{z-index:40;padding:0 16px calc(14vh + env(safe-area-inset-bottom,0px));cursor:pointer;background:linear-gradient(#0000 55%,#00000073);justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.dlg-box{border-left:3px solid var(--red);background:#08090ceb;border-radius:6px;width:min(640px,94vw);padding:12px 16px 10px;box-shadow:0 6px 24px #00000080}.dlg-name{color:#ffd23f;letter-spacing:.08em;margin-bottom:4px;font-size:14px;font-weight:900}.dlg-name[hidden]{display:none}.dlg-text{min-height:2.6em;font-size:17px;line-height:1.55}.dlg-text.aside{color:#b9bec6;font-style:italic}.dlg-next{text-align:right;color:#8a8f99;margin-top:6px;font-size:12px;animation:1.2s ease-in-out infinite dlgBlink}@keyframes dlgBlink{0%,to{opacity:.35}50%{opacity:1}}.nav-btn{right:16px;bottom:calc(118px + env(safe-area-inset-bottom,0px));z-index:30;color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#08090cd1;border:1px solid #2ad4ff80;border-radius:22px;min-height:44px;padding:9px 16px;font:700 14px/1 PingFang TC,Noto Sans TC,system-ui,sans-serif;position:fixed}.nav-btn.on{color:#07131a;background:#2ad4ff;border-color:#2ad4ff;box-shadow:0 0 14px #2ad4ff99}@media (width<=760px){.nav-btn{bottom:calc(150px + env(safe-area-inset-bottom,0px));right:12px}}