:root{font-family:Arial,Helvetica,sans-serif;color:#f1eee4;--gold:#d6bd80;--line:#eee5ca26}*{box-sizing:border-box}html,body,#game{margin:0;width:100%;height:100%;overflow:hidden;background:#78887c}button,select,input{font:inherit}button{cursor:pointer;color:inherit}button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:4px}#world{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}#shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#14271d55,transparent 23%,transparent 72%,#0d1b135c)}.topbar{position:absolute;top:30px;left:36px;right:36px;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.identity{display:flex;gap:12px;align-items:center}.brand-mark{font-size:32px;letter-spacing:-10px;color:var(--gold);margin-right:10px;transform:rotate(-10deg)}.identity>div{display:flex;flex-direction:column;gap:6px}.brand{font-size:19px;font-weight:800;letter-spacing:3.7px}.edition{font-size:8px;letter-spacing:2.3px;color:#e6e6d4ad}.top-right{display:flex;gap:25px;align-items:center}.weather{font-size:10px;letter-spacing:1.7px;color:#eeeeddc2}.wallet{display:flex;gap:7px;align-items:baseline;padding-left:24px;border-left:1px solid var(--line)}.wallet>span{font-size:23px;letter-spacing:.8px}.wallet small{font-size:9px;letter-spacing:1.2px;color:var(--gold)}.icon{border:1px solid #eae7d624;border-radius:3px;background:#16261d22;width:33px;height:33px;display:grid;place-items:center;font-size:19px;pointer-events:auto}.icon:hover{background:#d2bc7d2b}.objective{position:absolute;left:36px;top:117px;max-width:340px;pointer-events:none;text-shadow:0 1px 14px #0e221a6b}.eyebrow{display:flex;align-items:center;gap:9px;font-size:8px;letter-spacing:2.3px;color:var(--gold)}.dot{width:5px;height:5px;border-radius:50%;background:var(--gold);box-shadow:0 0 9px #d6bd8055}.objective h1{font-size:20px;font-weight:400;letter-spacing:.2px;line-height:1.25;margin:12px 0 7px}.objective p{font-size:11px;color:#e4e6d6b8;margin:0;letter-spacing:.3px}.navigator{position:absolute;bottom:80px;left:36px;width:236px;background:#14231fe0;border:1px solid #dfd8ba20;border-radius:4px;overflow:hidden;box-shadow:0 8px 24px #0000000f;transition:width .2s,bottom .2s}.map-head,.map-bottom{height:30px;display:flex;align-items:center;justify-content:space-between;padding:0 13px;font-size:8px;letter-spacing:1.5px;color:#ced2beaa}.map-head{border-bottom:1px solid #dddacb10}.map-head>span:last-child{color:var(--gold)}.navigator canvas{display:block;width:100%;height:145px;opacity:.9}.map-bottom{height:36px;border-top:1px solid #dddacb10;letter-spacing:1px}.map-bottom>span{max-width:165px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:8px}.map-bottom strong{font-size:11px;font-weight:400;color:#ead9b0;white-space:nowrap}.navigator.expanded{width:min(740px,80vw);bottom:80px;left:50%;transform:translateX(-50%)}.navigator.expanded canvas{height:min(520px,65vh)}.bottom{position:absolute;bottom:29px;left:36px;right:36px;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.controls{display:flex;gap:18px;font-size:9px;color:#eeeedea6}.controls span{display:flex;align-items:center;gap:6px}kbd{font:8px Arial,sans-serif;letter-spacing:.5px;padding:4px 5px;border:1px solid #f0ebd54a;border-radius:2px;color:#f1eddebd}.bottom-center{display:flex;gap:20px;color:#c9cebaa1;font-size:8px;letter-spacing:1.8px;margin-right:225px}.context{position:absolute;bottom:111px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:12px;background:#18261edb;border:1px solid #cfc9ac30;padding:9px 18px 9px 9px;border-radius:4px;box-shadow:0 5px 30px #0002;white-space:nowrap;font-size:12px;letter-spacing:.2px}.context kbd{font-size:13px;background:#d7c997;color:#233128;padding:8px 11px;border:0;font-weight:700}.notification{position:absolute;bottom:185px;left:50%;transform:translate(-50%,7px);opacity:0;transition:opacity .25s,transform .25s;font-size:11px;color:#f0ead6;text-align:center;letter-spacing:.3px;text-shadow:0 2px 8px #091d17;padding:10px 15px;background:#18271b77;border-radius:3px;pointer-events:none;max-width:600px}.notification.show{opacity:1;transform:translate(-50%,0)}.instruments{position:absolute;right:36px;bottom:73px;width:210px}.speed-row{display:flex;align-items:baseline;justify-content:flex-end;gap:12px}.speed-row>strong{font-size:68px;font-weight:300;letter-spacing:-3px;font-variant-numeric:tabular-nums;line-height:1.15}.speed-row>small{font-size:8px;letter-spacing:1.7px;color:#dde1cba1}.gear{font-size:14px;color:var(--gold);border:1px solid #ded5b642;border-radius:3px;padding:5px 8px;margin-right:5px;align-self:center}.speed-line{height:2px;background:#d6d7bd25;margin:12px 0}.speed-line i{display:block;height:2px;background:var(--gold);width:0}.vehicle-meters{display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:.8px;color:#ecebd5b8}.fuel-icon{font-style:normal;color:var(--gold);margin-right:2px}.vehicle-meters>span:last-child{font-size:7px;letter-spacing:1.3px}.invoice{position:absolute;left:36px;top:222px;width:285px;background:#e9e3d2;color:#3c463a;padding:23px 24px;box-shadow:0 8px 25px #12271933;transform:rotate(-1deg);border-radius:1px;z-index:3}.invoice-kicker{font-size:8px;letter-spacing:2px;color:#5e6a58}.invoice-head{display:flex;justify-content:space-between;font-size:10px;margin:12px 0 22px;border-bottom:1px solid #53604e40;padding-bottom:11px}.invoice-head>span{font-size:7px;letter-spacing:1.5px}.invoice h2{font-size:19px;font-weight:400;margin:0 0 5px}.invoice p{font-size:9px;letter-spacing:1.7px;margin:0 0 24px}.invoice-row,.invoice-total{display:flex;justify-content:space-between;align-items:center;font-size:11px}.invoice-total{margin-top:21px;padding-top:15px;border-top:1px solid #53604e40}.invoice-total span{font-size:7px;letter-spacing:1.4px}.invoice-total strong{font-size:18px;font-weight:400}.stamp{display:block;margin-top:24px;font-size:7px;letter-spacing:1.5px;text-align:center;color:#587466}.settings{position:absolute;right:30px;top:95px;bottom:75px;width:355px;max-height:710px;overflow:auto;background:#16271ff5;border:1px solid #d6d2b82b;border-radius:4px;padding:22px 25px;z-index:10;box-shadow:0 10px 50px #0003}.panel-heading{display:flex;justify-content:space-between;align-items:center;color:var(--gold);font-size:8px;letter-spacing:2px}.panel-heading .icon{border:0;background:transparent;font-size:24px}.settings h2{font-weight:400;font-size:24px;line-height:1.2;margin:17px 0 30px}.settings label{display:flex;align-items:center;justify-content:space-between;margin:22px 0;font-size:12px;color:#d8decb}.settings select{padding:7px 10px;background:#22392d;color:#e7e6d5;border:1px solid #d5d2ba38;border-radius:2px;width:118px;font-size:11px}.settings input[type=range]{width:120px;accent-color:#c3af7b}.settings input[type=checkbox]{accent-color:#c3af7b}.settings-controls{font-size:10px;line-height:2;color:#d3d9c59c;padding-top:16px;border-top:1px solid var(--line)}.primary,.secondary{width:100%;margin-top:17px;padding:13px 14px;border:0;border-radius:2px;font-size:11px;background:#c9b681;color:#17261e;display:flex;align-items:center;justify-content:space-between}.primary:hover{background:#ddc78b}.primary>span{font-size:8px;letter-spacing:1px}.secondary{justify-content:center;background:transparent;border:1px solid var(--line);color:#ccd2be;font-size:10px}.performance{display:block;color:#bfc8ad80;font-size:9px;line-height:1.6;margin-top:15px}.credits{color:#bfc8ad80;font-size:9px;margin-top:15px;line-height:1.65}.credits summary{cursor:pointer}.service-choice{padding:16px 0;border:0;border-top:1px solid var(--line);width:100%;display:flex;justify-content:space-between;align-items:center;background:transparent;font-size:11px;gap:20px;text-align:left}.service-choice strong{font-size:9px;font-weight:400;color:var(--gold);white-space:nowrap}#condition{color:#cfd5c29e;font-size:11px;line-height:1.6}.police-status{position:absolute;top:36px;left:50%;transform:translateX(-50%);background:#1a2634eb;padding:12px 20px;border-radius:3px;font-size:9px;letter-spacing:1.8px;display:flex;gap:10px;align-items:center}.police-status i{width:6px;height:6px;background:#6795e5;box-shadow:0 0 10px #6795e5;animation:patrol 1s steps(2) infinite}@keyframes patrol{50%{background:#e36b65;box-shadow:0 0 10px #e36b65}}.loading{position:absolute;inset:0;display:grid;place-items:center;background:#25382f;z-index:30;color:#e3dabe}.loading>div{width:280px}.loading-brand{font-size:19px;font-weight:700;letter-spacing:4px}.loading p{font-size:10px;line-height:1.7;color:#c8d1ba99;letter-spacing:.3px;margin-top:18px}.loading-track{height:2px;background:#b5bc9d26;margin-top:27px}.loading-track i{height:2px;width:0;background:#c8b37b;display:block;transition:width .25s}.error{position:absolute;inset:0;background:#25352f;z-index:40;padding:12vh 12vw;color:#e5e0cc}.error h1{font-size:28px;font-weight:400}.error p{max-width:600px;font-size:14px;line-height:1.8}.error button{margin-top:20px;padding:12px 20px;background:#c5b17d;color:#1f3327;border:0}.hidden{display:none!important}@media(max-width:950px){.topbar{left:22px;right:22px;top:22px}.brand{font-size:15px;letter-spacing:2px}.weather{display:none}.objective{left:22px;top:100px;max-width:260px}.objective h1{font-size:17px}.navigator{left:22px;width:205px;bottom:69px}.navigator canvas{height:120px}.bottom{left:22px;right:22px;bottom:21px}.controls{gap:9px}.controls span:nth-child(2){display:none}.bottom-center{display:none}.instruments{right:22px;bottom:65px;width:170px}.speed-row>strong{font-size:53px}.context{bottom:86px}.notification{bottom:146px;max-width:65vw}.invoice{left:22px;top:195px}.settings{right:22px;top:83px;bottom:55px}.police-status{top:75px;font-size:8px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}