*{box-sizing:border-box}html,body{color:#f3f4e9;background:#152321;width:100%;height:100%;margin:0;font-family:Arial,Helvetica,sans-serif;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible{outline-offset:4px;outline:2px solid #dbf6a7}#stage{position:fixed;inset:0}canvas{display:block}header{pointer-events:none;align-items:center;gap:18px;display:flex;position:fixed;top:25px;left:28px}.brand{letter-spacing:-1.5px;text-shadow:0 2px 10px #0007;font-size:25px;font-weight:900}.brand b{color:#dbf6a7}.eyebrow{letter-spacing:2px;text-transform:uppercase;text-shadow:0 1px 8px #000;font-size:9px;line-height:1.8}.controls{gap:8px;display:flex;position:fixed;top:24px;right:26px}.controls button{-webkit-backdrop-filter:none;backdrop-filter:none;background:#152321bf;border:1px solid #ffffff35;border-radius:9px;padding:10px 13px;font-size:11px}.controls button[aria-pressed=true]{color:#dbf6a7}.controls button:hover{background:#263b32}.telemetry{pointer-events:none;background:#13201de3;border:1px solid #ffffff25;border-radius:14px;min-width:142px;padding:17px 20px;position:fixed;bottom:27px;right:28px}.speed-row{align-items:baseline;gap:9px;display:flex}.speed{letter-spacing:-3px;font-variant-numeric:tabular-nums;font-size:56px;font-weight:400;line-height:1}.unit{color:#aebeb4;letter-spacing:1px;font-size:9px}.gear{color:#dbf6a7;letter-spacing:2px;margin-top:10px;font-size:11px}.bar{background:#ffffff17;width:100%;height:3px;margin-top:11px}.bar i{background:#dbf6a7;width:0;height:100%;display:block}.surface{color:#9aaea0;letter-spacing:1px;margin-top:10px;font-size:9px}.map-wrap{pointer-events:none;background:#13201ddf;border:1px solid #ffffff25;border-radius:13px;width:174px;padding:12px 12px 10px;position:fixed;bottom:25px;left:26px}#map{width:148px;height:112px}.lap{letter-spacing:1px;color:#b6c5b7;justify-content:space-between;margin-top:7px;font-size:9px;display:flex}.instructions{color:#fff;white-space:nowrap;pointer-events:none;background:#13201dd9;border:1px solid #ffffff25;border-radius:10px;gap:16px;padding:12px 16px;font-size:9px;line-height:1.7;transition:opacity .5s;display:flex;position:fixed;bottom:29px;left:50%;transform:translate(-50%)}.instructions kbd{font:inherit;color:#dbf6a7;font-size:12px}.notice{color:#f2f6e9;opacity:0;pointer-events:none;background:#152321d9;border-radius:8px;padding:10px 15px;font-size:11px;position:fixed;top:27px;left:50%;transform:translate(-50%)}.loading{z-index:20;text-align:center;background:#152321;place-content:center;gap:14px;padding:30px;line-height:1.6;display:grid;position:fixed;inset:0}.loading strong{letter-spacing:4px;color:#dbf6a7;font-size:40px}.loading span{color:#b6c6b5;max-width:420px;font-size:12px}.pause-overlay{z-index:12;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);text-align:center;background:#101c18a8;place-content:center;gap:20px;display:none;position:fixed;inset:0}.pause-overlay.show{display:grid}.pause-overlay strong{font-size:36px;font-weight:400}.pause-overlay button{color:#162219;background:#dbf6a7;border:0;border-radius:10px;padding:14px 25px}.touch{gap:8px;display:none;position:fixed;bottom:188px}.touch.left{left:20px}.touch.right{right:20px}.touch button{touch-action:none;-webkit-user-select:none;user-select:none;background:#152321b8;border:1px solid #ffffff50;border-radius:12px;width:56px;height:52px;font-size:24px}.touch button:active{background:#78925c}#stats{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}@media (max-width:800px){header{gap:10px;top:19px;left:18px}.brand{font-size:22px}.eyebrow{letter-spacing:1px;font-size:7px}.controls{gap:5px;top:18px;right:16px}.controls button{padding:9px;font-size:9px}.telemetry{min-width:125px;padding:13px 15px;bottom:18px;right:16px}.speed{font-size:44px}.map-wrap{width:138px;padding:9px;bottom:18px;left:16px}#map{width:118px;height:92px}.instructions{gap:10px;padding:9px 11px;font-size:8px;bottom:185px}.notice{white-space:nowrap;max-width:90vw;font-size:10px;top:75px}}@media (pointer:coarse){.touch{display:flex}.instructions{display:none}}@media (max-width:480px){header .eyebrow{display:none}.controls button{padding:8px;font-size:8px}header .brand{font-size:20px}.controls{gap:4px}.notice{font-size:9px}}.instructions{white-space:normal;flex-wrap:wrap;gap:10px 16px;max-width:calc(100vw - 52px);top:81px;bottom:auto;left:26px;transform:none}.notice{top:77px}@media (max-width:800px){.instructions{max-width:calc(100vw - 36px);top:77px;bottom:auto;left:18px}.notice{top:118px}}.paint-picker{background:#152321d9;border:1px solid #ffffff35;border-radius:10px;align-items:center;gap:8px;padding:9px 12px;display:flex;position:fixed;top:76px;right:26px}.paint-picker span{letter-spacing:1.2px;color:#bdccbf;margin-right:3px;font-size:8px}.paint-swatch{background:var(--paint);border:3px solid #152321;border-radius:50%;outline:1px solid #0000;width:23px;height:23px;padding:0}.paint-swatch[aria-pressed=true]{outline-color:#f2f8e8}.paint-swatch:focus-visible{outline-offset:3px;outline:2px solid #dbf6a7}@media (max-width:800px){.paint-picker{gap:7px;padding:8px 10px;top:65px;right:16px}.paint-picker span{font-size:7px}.paint-swatch{width:21px;height:21px}.instructions{top:121px}.notice{top:169px}}.controls{flex-wrap:wrap;justify-content:flex-end;max-width:72vw}@media (max-width:480px){.controls{gap:3px;max-width:73vw}.controls button{padding:8px 6px;font-size:7px}}@media (max-width:800px){.instructions{top:166px}.notice{top:210px}}.fps{color:#a0b5a8;letter-spacing:.08em;font-variant-numeric:tabular-nums;margin-top:9px;font-size:9px}.pursuit-hud{pointer-events:none;background:#102031d9;border:1px solid #789bbd55;border-radius:10px;width:196px;padding:12px 14px;position:fixed;top:78px;left:28px}.pursuit-hud span,.pursuit-hud small{letter-spacing:1.2px;color:#b2c4d8;font-size:8px;display:block}.pursuit-hud strong{letter-spacing:1px;color:#eff5ff;margin-top:6px;font-size:12px;display:block}.pursuit-bar{background:#ffffff18;height:3px;margin:10px 0 8px}.pursuit-bar i{background:linear-gradient(90deg,#65acff,#ff516e);width:8%;height:100%;transition:width .3s;display:block}.game-over{z-index:15;text-align:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#060d1cce;place-content:center;gap:15px;padding:25px;display:grid;position:fixed;inset:0}.game-over[hidden]{display:none}.caught-eyebrow{letter-spacing:3px;color:#f088a0;font-size:10px}.game-over strong{letter-spacing:-2px;font-size:clamp(32px,6vw,64px)}.game-over p{color:#c2d1e2;margin:0 0 10px;font-size:13px}.game-over button{color:#101d30;background:#e1edff;border:1px solid #c3dcff60;border-radius:10px;padding:15px 24px}@media (max-width:800px){.pursuit-hud{width:157px;padding:9px 10px;top:72px;left:18px}.pursuit-hud span,.pursuit-hud small{letter-spacing:.5px;font-size:7px}.pursuit-hud strong{font-size:10px}.instructions{top:180px}}.rear-hint{opacity:.7;margin-top:7px}@media (max-width:800px){.instructions{top:198px}}@media (max-width:480px){.pursuit-hud{top:120px}.instructions{top:240px}}body.is-menu header,body.is-menu .controls,body.is-menu .pursuit-hud,body.is-menu .map-wrap,body.is-menu .paint-picker,body.is-menu .telemetry,body.is-menu .instructions,body.is-menu .touch,body.is-menu .notice{visibility:hidden;pointer-events:none}.start-menu{z-index:16;background:linear-gradient(90deg,#030912f5 0%,#030912c9 35%,#03091230 75%);align-items:flex-start;padding:clamp(20px,4vw,64px);display:flex;position:fixed;inset:0;overflow-y:auto}.start-menu[hidden]{display:none}.menu-panel{background:#081323c4;border:1px solid #a0c1e32b;border-radius:20px;width:448px;max-width:100%;margin-block:auto;padding:28px}.menu-brand{letter-spacing:2px;color:#d6e6f6;font-size:12px;font-weight:800}.menu-brand b{color:#6eb5ff;padding-inline:5px}.menu-kicker{color:#8aaccb;letter-spacing:2px;margin-top:28px;font-size:8px;display:block}.menu-panel h1{letter-spacing:-3px;margin:12px 0 18px;font-size:clamp(40px,5vw,66px);line-height:.93}.menu-panel h1 em{color:#a7ceff;font-style:normal}.menu-description{color:#c0cbd9;max-width:340px;margin:0;font-size:13px;line-height:1.7}.menu-rule{color:#e5bbc5;align-items:center;gap:9px;margin-top:15px;font-size:10px;line-height:1.6;display:flex}.police-dot{background:#ff5b7a;border-radius:50%;flex-shrink:0;width:6px;height:6px;box-shadow:0 0 10px #ff5b7a90}.play-button{color:#091729;background:#c5ddff;border:0;border-radius:9px;justify-content:space-between;align-items:center;width:100%;padding:16px;font-size:12px;font-weight:700;display:flex}.play-button:hover{background:#e1edff}.play-button span{font-size:20px;line-height:1}.menu-help{color:#a5b9d0;margin-top:18px;font-size:10px;line-height:1.8}.menu-help summary{cursor:pointer}.menu-help p{margin-bottom:0}.menu-help kbd{font:inherit;color:#dce9f9}.police-direction{margin-top:5px;color:#a9cfff!important}.pause-overlay button.secondary-action,.game-over button.secondary-action{color:#c9d9eb;background:0 0;border:1px solid #abc9ef35}.instructions{top:228px}@media (max-width:800px){.start-menu{background:#040b16c9;padding:20px}.menu-panel{width:400px;padding:22px}.menu-kicker{margin-top:22px}.instructions{top:224px}}@media (max-width:480px){.start-menu{padding:14px}.menu-panel{padding:20px 17px}.controls{scrollbar-width:thin;flex-wrap:nowrap;justify-content:flex-start;max-width:calc(100vw - 105px);overflow-x:auto}.controls button{flex-shrink:0}.instructions{top:260px}}.play-button{margin-top:24px}.camera-control{-webkit-backdrop-filter:none;backdrop-filter:none;background:#152321bf;border:1px solid #ffffff35;border-radius:9px;flex-shrink:0;align-items:center;gap:8px;padding:0 10px;display:flex}.camera-control span{color:#b6c9d7;white-space:nowrap;font-size:9px}.camera-control select{font:inherit;color:#e3efff;cursor:pointer;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:0 0;border:0;border-radius:4px;padding:10px 2px;font-size:11px}.camera-control select option{color:#e3efff;background:#152321}.camera-control select:focus-visible{outline-offset:2px;outline:2px solid #dbf6a7}@media (max-width:800px){.camera-control{gap:5px;padding:0 7px}.camera-control span{font-size:8px}.camera-control select{padding:9px 0;font-size:9px}}@media (max-width:480px){.camera-control span{font-size:7px}.camera-control select{padding:8px 0;font-size:8px}}.speed-limit{color:#a8c8e6;letter-spacing:.25px;margin-top:8px;font-size:8px}.capture-warning{margin-top:10px}.capture-warning small{color:#ffb6a2}.capture-bar{background:#ffffff18;border-radius:3px;height:5px;margin-top:5px;overflow:hidden}.capture-bar i{background:linear-gradient(90deg,#ffbc62,#ff3859);width:0;height:100%;transition:width .1s linear;display:block}.pursuit-bar i.maximum-alert{background:#ff304f;animation:.6s step-end infinite maximum-pursuit}@keyframes maximum-pursuit{0%,to{opacity:1}50%{opacity:.3}}@media (prefers-reduced-motion:reduce){.pursuit-bar i.maximum-alert{animation:none}}
