*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{font-family:Arial,Helvetica,sans-serif;color:#f7f5e9;background:#14201d}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #f2dc78;outline-offset:4px}button:disabled{opacity:.5;cursor:wait}button{border:1px solid #657166;background:#283c32;color:#fff;padding:14px 20px;border-radius:3px}button:hover:not(:disabled){background:#3a5043}button.primary{background:#e4cb67;border-color:#e4cb67;color:#20291f;font-weight:800}button.primary:hover:not(:disabled){background:#f4df8a}button[hidden],[hidden]{display:none!important}#viewport,#viewport canvas{position:absolute;inset:0;width:100%;height:100%;display:block}#viewport canvas:focus{outline:none}.brand{position:absolute;left:32px;top:28px;text-shadow:0 2px 12px #14201d80;pointer-events:none}.brand b{font-family:Impact,'Arial Black',sans-serif;font-size:34px;letter-spacing:.5px;font-weight:900}.brand b span{color:#e9d47c}.brand small{display:flex;align-items:center;gap:8px;font-family:monospace;font-size:10px;letter-spacing:2px;margin-top:5px}.brand i{width:5px;height:5px;border-radius:100%;background:#e9d47c}.objective{position:absolute;top:30px;right:34px;width:340px;padding:20px 22px;border-left:3px solid #e9d47c;background:linear-gradient(110deg,#17281df5,#17281dc4);box-shadow:0 6px 28px #0002}.overline{font-family:monospace;font-size:11px;letter-spacing:2.5px;color:#e9d47c;font-weight:700}.objective h2{font-size:22px;margin:10px 0 7px}.objective p{font-size:13px;line-height:1.5;margin:0;color:#d4ded1}.mission-meta{display:flex;justify-content:space-between;font:12px monospace;color:#e9d47c;margin-top:12px}.toast{position:absolute;left:50%;top:22%;transform:translateX(-50%);text-align:center;padding:16px 25px;max-width:80%;background:#14251eed;border:1px solid #c9b65b;color:#f5edc8;font-size:15px;box-shadow:0 5px 30px #0003}.map-panel{position:absolute;bottom:65px;left:30px;width:230px;height:252px;background:#182a23e8;border:1px solid #7d8b7150;box-shadow:0 6px 25px #0003}.map-panel canvas{display:block;width:230px;height:230px}.map-label{display:flex;justify-content:space-between;padding:0 10px;font:10px monospace;letter-spacing:2px;color:#c5d0bf}.map-label b{color:#f3dc78}.bottom-controls{position:absolute;bottom:36px;left:30px;right:32px;display:flex;gap:20px;font-size:11px;text-shadow:0 2px 5px #000;color:#fff}.bottom-controls span{white-space:nowrap}kbd{font:10px monospace;letter-spacing:.5px;font-weight:700;color:#fae69b}.bottom-controls kbd{background:#13251cd9;border:1px solid #6a7a624d;border-radius:2px;padding:3px 5px;margin-right:5px}.telemetry{position:absolute;bottom:85px;right:38px;text-align:right;text-shadow:0 2px 14px #0d201b8a}.wallet{font:22px monospace;font-weight:700;color:#eddb8d;margin-bottom:14px}.speed{display:flex;align-items:baseline;justify-content:flex-end;gap:10px}.speed strong{font-family:Impact,'Arial Black',sans-serif;font-size:80px;font-weight:500;line-height:1}.speed span{font:14px monospace;color:#ece9d5}.vehicle-name{font:11px monospace;letter-spacing:2.5px;margin-top:10px;color:#f5df8a}#odometer{font:11px monospace;color:#d4ded1;margin-top:9px}.location{position:absolute;bottom:80px;left:285px;font:11px monospace;text-shadow:0 2px 8px #13251c}.pause-button{position:absolute;right:34px;top:207px;padding:9px 13px;background:#17281dcc;border-color:#7d8b7150;font:16px monospace}.menu{position:absolute;inset:0;background:linear-gradient(90deg,#102219f5 0%,#102219e8 35%,#10221988 60%,#10221910 100%);display:flex;align-items:center;padding:70px 8vw;overflow:auto}.menu-card{max-width:435px}.menu-card h1{font-family:Impact,'Arial Black',sans-serif;font-size:clamp(42px,5vw,76px);font-weight:500;line-height:1.02;letter-spacing:.3px;margin:19px 0 20px}.menu-card>p{color:#c4d2c1;font-size:14px;line-height:1.7}.menu-card>button{width:100%;margin-top:10px}.loading{height:2px;background:#5c6f575e;margin-top:25px}.loading>div{height:100%;background:#e4cb67;width:0;transition:width .3s}#load-status{font:11px monospace;min-height:14px;margin-top:10px;color:#e5d494}.control-guide{display:grid;grid-template-columns:1fr 1fr;gap:17px 10px;border-top:1px solid #6e81634f;padding-top:20px;margin-top:27px}.control-guide div{display:flex;flex-direction:column;gap:7px}.control-guide span{font-size:11px;color:#9eaf98}.menu-card p.fineprint{font-size:10px;margin-top:24px;color:#9eaf98;line-height:1.8}.fineprint a{color:#d3d9b9;text-decoration:none}.fineprint a:hover{text-decoration:underline}footer{position:absolute;bottom:10px;left:30px;color:#f0f4db9c;font:9px monospace;letter-spacing:.2px;pointer-events:none}.error #load-status{color:#ffbd9f}.error .loading>div{background:#d9896c}@media(max-height:760px){.menu{padding:85px 6vw 30px}.menu-card h1{font-size:52px;margin:14px 0}.menu-card>p{font-size:12px}.control-guide{margin-top:18px;padding-top:15px;gap:12px}.menu-card p.fineprint{margin-top:16px}.map-panel{width:190px;height:210px}.map-panel canvas{width:190px;height:190px}}@media(max-width:760px){.brand{left:18px;top:18px}.brand b{font-size:25px}.brand small{font-size:8px}.objective{top:85px;right:18px;width:250px;padding:12px 16px}.objective h2{font-size:18px}.objective p{font-size:11px}.pause-button{right:18px;top:18px}.map-panel{left:18px;bottom:66px;width:150px;height:172px}.map-panel canvas{width:150px;height:150px}.map-label{font-size:8px;letter-spacing:.5px}.bottom-controls{left:18px;gap:12px;flex-wrap:wrap;bottom:28px;font-size:9px;right:16px}.bottom-controls span:nth-child(n+4){display:none}.telemetry{right:18px;bottom:84px}.speed strong{font-size:56px}.location{display:none}.menu{background:#102219ed;padding:100px 24px 30px}.menu-card{max-width:420px}.menu-card h1{font-size:48px}footer{left:18px;font-size:7px}}
.photo-button{position:absolute;right:88px;top:207px;padding:10px 13px;background:#17281dcc;border-color:#7d8b7150;font:12px monospace;color:#e9d47c}@media(max-width:760px){.photo-button{right:72px;top:18px}}