:root{font-family:Arial,Helvetica,sans-serif;color:#f0eee4;background:#111c23;font-synthesis:none;--gold:#edb963;--muted:#bac1bd;--glass:#0f1c24dd}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,select{font:inherit}button{cursor:pointer;border:1px solid #ffffff22;color:inherit;background:#ffffff0a;border-radius:5px;padding:11px 16px;transition:background .16s,border-color .16s}button:hover{background:#ffffff1a;border-color:#ffffff5a}button:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:4px}.hidden{display:none!important}#game,#world{position:fixed;inset:0;width:100%;height:100%}#world{display:block;outline:none}.vignette{position:fixed;inset:0;pointer-events:none;box-shadow:inset 0 0 140px #08131a66;background:linear-gradient(#0b161b38,transparent 25%,transparent 70%,#07101766)}#hud{position:fixed;inset:0;pointer-events:none;text-shadow:0 1px 6px #0008}#hud button{pointer-events:auto}.topbar{position:absolute;top:28px;left:30px;right:30px;display:flex;justify-content:space-between;align-items:center}.identity{display:flex;gap:13px;align-items:center}.brand-symbol{font-size:30px;font-weight:900;color:var(--gold);font-style:italic;border-right:1px solid #ffffff44;padding-right:13px}.identity strong{font-size:16px;letter-spacing:2px}.identity strong span{font-weight:400;color:#c6cec9}.identity small{display:block;font-size:11px;letter-spacing:2px;margin-top:6px;color:#d6d9cd}.top-right{display:flex;align-items:center;gap:25px}.clock{display:flex;gap:9px;align-items:center;font-size:15px;font-variant-numeric:tabular-nums}.sun-icon{color:var(--gold);font-size:28px}.cash{display:flex;gap:9px;align-items:center}.cash span{font-size:10px;letter-spacing:1px;color:#cfdbd5}.cash b{font-size:19px;font-variant-numeric:tabular-nums}#pause-btn{padding:7px 12px;font-weight:700;background:#0d1a2477}.objective{position:absolute;top:112px;left:32px;max-width:300px;padding:15px 19px 17px;border-left:2px solid var(--gold);background:linear-gradient(90deg,#0c1b25d9,#0c1b2570 80%,transparent)}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;color:var(--gold);display:flex;align-items:center;gap:9px}.gold-square{width:5px;height:5px;background:var(--gold);transform:rotate(45deg)}.objective h2{font-size:20px;margin:13px 0 8px;font-weight:600;line-height:1.2}.objective p{font-size:13px;line-height:1.6;color:#d0d6d2;margin:0 0 12px}.objective>span{color:var(--gold);font-size:12px;font-variant-numeric:tabular-nums}.map-wrap{position:absolute;left:30px;bottom:28px;width:220px;background:#102128e8;border:1px solid #d5dcc127;border-radius:8px;overflow:hidden;box-shadow:0 8px 24px #0003}.map-label{display:flex;align-items:center;justify-content:space-between;padding:8px 11px;font-size:10px;letter-spacing:1px;color:#bdcbc8}.map-label>span:first-child{color:var(--gold);font-weight:700}.map-label button{padding:0 4px;border:0;font-size:18px;line-height:1}#minimap{width:100%;height:170px;display:block}.vitals{height:4px;display:flex;gap:3px;padding:0 8px;margin-top:8px}.vitals>span{display:block;width:65%;height:100%;background:#56716733}.vitals>span.stamina{width:35%}.vitals i{display:block;height:100%;transition:width .2s}.health i{background:#8bbb9b}.stamina i{background:#e4c083}.map-foot{display:flex;justify-content:space-between;padding:8px 10px;font-size:9px;color:#b3c3bd;letter-spacing:1px}.controls{position:absolute;bottom:30px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:17px;white-space:nowrap;font-size:11px;color:#d2d9d3}.controls span{display:flex;align-items:center;gap:6px}kbd{font:600 10px Arial;padding:4px 6px;border:1px solid #c7d1c85c;border-radius:3px;background:#0c1c29a1;box-shadow:0 2px #0003;color:#f2eee3;white-space:nowrap}.interaction{position:absolute;left:50%;bottom:130px;transform:translate(-50%);display:flex;align-items:center;gap:12px;background:#0e1b24ed;padding:12px 19px;border:1px solid #e9be694d;border-radius:6px;font-size:14px;white-space:nowrap}.interaction kbd{background:var(--gold);color:#172126;border:0;font-size:13px;padding:5px 8px}.speed-panel{position:absolute;right:34px;bottom:53px;width:170px;text-align:right}.vehicle-name{font-size:11px;letter-spacing:2px}.vehicle-name #tune-label{color:#b8c3bd;margin-left:5px;font-size:9px}.speed{display:flex;align-items:center;justify-content:flex-end;gap:10px}.speed>b{font-weight:300;font-size:74px;letter-spacing:-4px;font-variant-numeric:tabular-nums}.speed>span{text-align:left;color:#c8d0c8;font-size:10px;line-height:2}.speed i{font-size:21px;color:var(--gold);font-weight:700;font-style:normal}.condition{height:3px;background:#dad5ba40}.condition span{display:block;height:3px;background:var(--gold)}.speed-panel>small{font-size:8px;letter-spacing:1.5px;display:block;margin-top:7px;color:#bcc8bf}.wanted{position:absolute;top:102px;right:32px;text-align:right}.heat-icons{display:flex;justify-content:flex-end;gap:9px;margin:4px 0 14px}.heat-icons i{width:13px;height:13px;transform:rotate(45deg);border:1px solid #eee2b66b;background:#121e2855}.heat-icons .lit{background:#ef755b;border-color:#ffaf82;box-shadow:0 0 12px #ec715a44}.wanted b{display:block;font-size:12px;letter-spacing:1.5px;color:#f3b992}.wanted small{display:block;margin-top:7px;font-size:11px;color:#e0d6c6}.search-track{height:3px;background:#d3957c3d;margin-top:10px}.search-track span{display:block;background:#8ac4ed;height:100%}.dialog{position:absolute;bottom:82px;left:50%;transform:translate(-50%);max-width:560px;min-width:300px;text-align:center;padding:14px 22px;background:#0c1822e3;border-radius:5px;border-bottom:2px solid #dfb465}.dialog b{color:var(--gold);font-size:11px;letter-spacing:2px;text-transform:uppercase}.dialog p{font-size:15px;line-height:1.5;margin:8px 0 0}.dialog:not(.hidden)~.controls{opacity:.4}.toast{position:absolute;top:31px;left:50%;transform:translate(-50%);display:flex;gap:13px;align-items:center;background:#14252ce8;border:1px solid #d3b36a44;border-radius:5px;padding:13px 20px;max-width:400px}.toast-icon{color:var(--gold);font-size:20px}.toast b{font-size:13px}.toast p{font-size:11px;color:#c5d0c8;margin:5px 0 0;line-height:1.4}.start-screen{position:fixed;inset:0;background:linear-gradient(90deg,#07131bf5,#09161cda 29%,#09161c50 62%,#09161c15 85%),linear-gradient(0deg,#09161bdd,transparent 30%);display:flex;align-items:center;padding:50px 6vw}.start-copy{max-width:490px}.kicker{font-size:10px;letter-spacing:2.2px;color:#c4cfc7;display:flex;align-items:center;gap:12px;line-height:1.6}.kicker>span{width:25px;height:1px;background:var(--gold)}h1{font-size:clamp(62px,7vw,110px);line-height:.88;letter-spacing:-3px;margin:32px 0 19px;font-weight:900}h1>span{color:var(--gold);font-weight:300;letter-spacing:3px}.start-intro{font-size:16px;font-weight:400;color:#cad0c7;letter-spacing:1px;margin:22px 0 40px}.chapter{border-left:1px solid #d7b97569;padding-left:20px}.chapter>span{font-size:10px;letter-spacing:2px;color:var(--gold)}.chapter h2{font-size:24px;font-weight:500;margin:12px 0 10px}.chapter p{font-size:14px;line-height:1.7;color:#afbcb7;margin:0}.start-actions{display:flex;align-items:center;gap:12px;margin-top:31px}.primary{background:var(--gold);border-color:var(--gold);color:#18242a;font-weight:700;padding:15px 36px;min-width:190px}.primary:hover{background:#f6cd86;border-color:#f6cd86}.text-button{border:0;font-size:12px;color:#cbd0c6;padding:10px}.device-note{font-size:11px;color:#9caea9;margin-top:18px}.device-note span{margin:0 8px;color:var(--gold)}.start-bottom{position:absolute;left:6vw;right:4vw;bottom:30px;display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:2px;color:#9dafaa}.start-bottom b{font-size:9px;font-weight:400;color:var(--gold);border:1px solid #e0b65a88;border-radius:2px;padding:3px 5px;margin-left:9px}.start-location{position:absolute;right:5vw;top:47%;font-size:12px;letter-spacing:2px;text-align:right;text-shadow:0 2px 10px #000}.start-location small{display:block;font-size:9px;letter-spacing:3px;color:#e6c388;margin-top:10px}.start-location i{display:inline-block;width:4px;height:4px;background:#e4bd75;vertical-align:middle;margin-right:9px;border-radius:50%}.overlay{position:fixed;inset:0;background:#07121bdd;backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:20px;z-index:10}.panel{background:#14242c;border:1px solid #ffffff15;border-radius:12px;padding:30px 34px;max-width:460px;width:100%;max-height:95vh;overflow:auto;box-shadow:0 40px 120px #0005}.panel h2{font-size:32px;letter-spacing:-1px;margin:18px 0 4px;font-weight:500}.muted{color:#acbbb5;font-size:14px;margin:0 0 24px}.panel>.primary{width:100%;margin-bottom:12px}.button-row{display:flex;gap:10px;margin-bottom:20px}.button-row>button{flex:1;font-size:12px;padding:12px 6px}.setting{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #ffffff12;font-size:13px}.setting select{color:#eee6d7;background:#21343c;border:1px solid #ffffff33;padding:6px 9px;border-radius:4px}.setting button{font-size:11px;padding:6px 10px}.setting input{accent-color:var(--gold);width:18px;height:18px}.key-guide{display:grid;grid-template-columns:1fr 1fr;gap:13px 8px;margin:24px 0}.key-guide>span{font-size:10px;color:#beccc5;display:flex;gap:6px;align-items:center}.key-guide kbd{font-size:8px}.save-note{color:#8fa69f;font-size:10px;line-height:1.6;display:block}.map-panel{width:min(700px,90vw);background:#14242c;border:1px solid #ffffff22;padding:22px 24px;border-radius:12px}.map-heading{display:flex;justify-content:space-between;align-items:center}.map-heading h2{font-size:26px;font-weight:400;margin:12px 0 16px}.map-heading button{font-size:16px;padding:8px 12px}#large-map{width:100%;max-height:65vh;object-fit:contain;display:block;border-radius:5px}.map-legend{display:flex;justify-content:space-around;font-size:11px;color:#c3cdc5;padding-top:16px}.gold{color:var(--gold)}.blue{color:#89bcec}.webgl-error{position:fixed;z-index:30;right:25px;bottom:80px;max-width:400px;background:#26333cf5;border:1px solid #e6b97188;border-radius:8px;padding:20px;box-shadow:0 10px 50px #0006}.webgl-error b{font-size:15px;color:#f4cd8b}.webgl-error p{font-size:13px;line-height:1.6;color:#d2d9d5}.webgl-error button{font-size:12px}@media(max-width:850px){.topbar{top:18px;left:18px;right:18px}.identity strong{font-size:12px}.identity small{font-size:9px}.top-right{gap:14px}.objective{left:18px;top:83px;max-width:250px}.map-wrap{left:18px;bottom:20px;width:175px}#minimap{height:135px}.controls{left:auto;right:20px;transform:none;font-size:9px;gap:8px;bottom:20px;flex-wrap:wrap;max-width:48%;justify-content:flex-end}.controls kbd{font-size:8px}.speed-panel{bottom:70px;right:20px}.wanted{right:18px;top:85px}.start-screen{padding:40px 7vw}.start-location{display:none}.toast{top:85px;max-width:300px}.dialog{max-width:65%;bottom:80px;margin-left:70px}.interaction{bottom:157px}.webgl-error{max-width:340px;bottom:20px;right:20px}}@media(max-width:560px){.start-copy{max-width:320px}.start-bottom>span:last-child{display:none}.start-actions{flex-direction:column;align-items:flex-start}.start-intro{margin-bottom:26px}.start-screen{align-items:flex-start;padding-top:10vh}.kicker{font-size:8px;max-width:280px}.chapter p{font-size:12px}.identity{gap:8px}.brand-symbol{font-size:21px;padding-right:8px}.identity strong{font-size:10px}.identity small{font-size:8px;letter-spacing:1px}.clock{font-size:12px}.cash b{font-size:14px}.top-right{gap:8px}.objective{max-width:200px;padding:12px}.objective h2{font-size:17px}.objective p{font-size:11px}.wanted{top:auto;bottom:255px;right:18px;max-width:165px}.wanted small{font-size:10px}.dialog{margin:0;max-width:90%;min-width:280px;bottom:180px}.interaction{max-width:94%;font-size:12px}.speed-panel{width:135px}.speed>b{font-size:58px}.map-wrap{width:150px}#minimap{height:120px}.key-guide{grid-template-columns:1fr}.start-bottom{bottom:18px}.panel{padding:22px}.webgl-error{left:20px;max-width:none;bottom:20px}}