#route-picker{width:min(900px,94vw);max-height:92dvh;overflow:auto;padding:24px;border:1px solid #5c7869;border-radius:18px;background:#edf0e5;color:#193e30;box-shadow:0 24px 100px #0008}#route-picker::backdrop{background:#0a211bb5}#route-picker h2{font-size:32px;margin:5px 0}#route-picker p{font-size:14px}.route-heading,.route-tools,.route-actions{display:flex;gap:10px;align-items:center}.route-heading,.route-actions{justify-content:space-between}.route-heading small{letter-spacing:2px}.route-tools{margin:12px 0}#route-picker button{background:#254e3e;color:#fff;border:0;border-radius:8px;padding:10px 16px;cursor:pointer;font:inherit}#route-picker button:disabled{opacity:.45;cursor:default}#route-picker canvas{display:block;width:100%;height:auto;max-height:55dvh;object-fit:fill;border-radius:10px;touch-action:none;cursor:crosshair}#route-guidance{position:fixed;top:90px;left:50%;transform:translate(-50%);z-index:8;background:#153d32ed;color:#fff;padding:14px 18px;border:1px solid #90ac94;border-radius:12px;max-width:90vw;box-shadow:0 8px 30px #0004}#route-guidance[hidden]{display:none}#route-guidance strong,#route-guidance span{display:block;margin-bottom:5px}#route-guidance span{font-size:12px;color:#d1dfd4}#route-guidance button{color:#fff;background:transparent;border:1px solid #819e8b;border-radius:6px;padding:4px 12px;margin-right:8px}#route-picker :focus-visible{outline:3px solid #de9d33;outline-offset:3px}#graphics-settings{color:#f8efd8;background:#203c32;border:1px solid #c9d0ad55;border-radius:12px;padding:24px;width:min(380px,90vw);max-height:85vh;overflow:auto;box-shadow:0 15px 65px #0008}#graphics-settings::backdrop{background:#10221cc0}#graphics-settings h2{margin:0;font-size:24px;font-weight:500}#graphics-settings p{font-size:12px;color:#c6cfbe}#graphics-settings label{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;margin:18px 0;font-size:13px}#graphics-settings select{padding:8px;background:#304e3f;color:#fff2d9;border:1px solid #d6dbc077;border-radius:4px}#graphics-settings input[type=range]{width:100%;accent-color:#b3cb80}#graphics-settings input[type=checkbox]{accent-color:#b3cb80;width:18px;height:18px}#graphics-settings output{color:#cedfa3}#graphics-close{width:100%;background:#bed194;color:#17372d}*{box-sizing:border-box}body{margin:0;background:#b9c6be;color:#203b33;font-family:system-ui,sans-serif;overflow:hidden}#world canvas{display:block}header{position:fixed;top:25px;left:32px;right:32px;display:flex;align-items:center;gap:28px}a{color:inherit;text-decoration:none}header a{font-size:22px}header span,small{font-size:10px;letter-spacing:2px}header button{margin-left:auto}button{background:#244b3e;color:#fff5df;border:0;padding:15px 22px;border-radius:5px;cursor:pointer}button:disabled{opacity:.5}.intro{position:fixed;left:40px;top:22%;max-width:350px;background:#fff8eae8;padding:28px;border-radius:8px}h1{font-size:46px;margin:18px 0;line-height:1.3}h1 em{font:italic 32px Georgia}p{font-size:13px;line-height:1.7}.hud{position:fixed;right:35px;bottom:110px;text-align:right}.hud b{font-size:65px;font-weight:400}.hud span{font-size:11px;margin-left:10px}#map{position:fixed;bottom:95px;left:32px;border:5px solid #f5f0dd;border-radius:10px;width:180px;height:180px}footer{position:fixed;bottom:20px;left:32px;right:32px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:11px;background:#fff8eacc;padding:12px;border-radius:4px}footer small{letter-spacing:0;font-size:10px}#error{position:fixed;top:90px;right:30px;background:#fff5df;padding:5px;font-size:12px}#error:empty{display:none}body.driving .intro{display:none}@media(max-width:650px){header{left:15px;right:15px;gap:8px}header span{display:none}.intro{left:15px;top:17%;padding:20px;max-width:290px}h1{font-size:32px}#map{width:110px;height:110px;left:15px;bottom:125px}footer{left:15px;right:15px}.hud{bottom:130px;right:15px}}[hidden]{display:none!important}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid #fff4da;outline-offset:4px}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(180deg,#173c311c,transparent 28%,transparent 65%,#132a227d)}header{gap:20px;color:#fff2d9;text-shadow:0 1px 8px #1c382c66}header a{font-size:18px;letter-spacing:1.4px}header span{margin-right:auto;font-size:8px}header button{margin-left:0;background:#21443766;border:1px solid #f4e5c930;padding:9px 12px;border-radius:3px;font-size:10px}.intro{background:transparent;color:#fff3dd;text-shadow:0 2px 12px #17372f66;left:5%;padding:0;max-width:330px}.intro h1{font-weight:400}.intro p{font-size:11px;color:#fff3ddcc}.intro button{border-radius:0;padding:14px 0;background:none;border-bottom:1px solid #fff3dd66;letter-spacing:1px}.hud{color:#fff1d4;bottom:130px;text-shadow:0 1px 10px #163f3155}.hud b{font-size:40px}.hud p{font-size:10px;max-width:260px}.hud #gear{display:inline-block;border:1px solid #fff1d433;border-radius:3px;padding:4px 6px;margin-right:14px;font-size:10px}.journey{position:fixed;left:32px;bottom:153px;color:#fff1d4}.journey b{font-size:29px;font-weight:400}.journey small{display:block;font-size:7px;letter-spacing:1.6px;margin-top:8px}.drive-options{position:fixed;left:32px;bottom:95px;display:flex;align-items:center;gap:24px;color:#fff1d4bb;font-size:9px;letter-spacing:1px}.drive-options button{padding:8px 0;background:none;color:inherit;font-size:9px;letter-spacing:1px}.drive-options a:hover,.drive-options button:hover{color:#fff9e8}#map{bottom:220px;width:150px;height:150px;opacity:.88;border-width:2px;border-radius:4px}footer{background:transparent;color:#fff2d9b3;padding:0;font-size:9px;line-height:1.6}footer a{text-decoration:underline;text-underline-offset:3px}footer small{font-size:8px}#error{background:#223f34e0;color:#fff2d9;top:80px;padding:10px 15px;max-width:90%;border-radius:3px}.touch-controls{display:none}@media(max-width:650px){header{top:18px;gap:7px}header a{font-size:12px;margin-right:auto}header button{font-size:8px;padding:9px 7px}.intro{top:20%;left:22px;max-width:270px}footer{font-size:8px;bottom:12px;gap:4px}.hud{bottom:195px;right:20px}.hud b{font-size:30px}.hud p{font-size:8px;max-width:170px}.journey{left:20px;bottom:216px}.journey b{font-size:24px}.journey small{font-size:6px}.drive-options{left:20px;right:20px;bottom:94px;gap:16px;justify-content:space-between;font-size:7px}.drive-options button{font-size:7px}.touch-controls{position:fixed;bottom:137px;left:20px;right:20px;display:flex;justify-content:space-between}.touch-controls>div{display:flex;gap:8px}.touch-controls button{touch-action:none;-webkit-user-select:none;user-select:none;width:40px;height:44px;padding:0;border-radius:50%;background:#173c3166;border:1px solid #fff1d43b;font-size:18px}#map{bottom:280px;left:20px;width:110px;height:110px}body:not(.driving) .touch-controls{display:none}}.vehicle-picker{display:flex;align-items:center;gap:7px;font-size:8px}.vehicle-picker select{background:#234337;color:#fff2d9;border:1px solid #fff2d933;border-radius:3px;padding:6px;font-size:10px}.vehicle-picker option{background:#234337;color:#fff2d9}@media(max-width:650px){.drive-options{gap:8px;flex-wrap:wrap;bottom:86px}.vehicle-picker{font-size:6px;gap:4px}.vehicle-picker select{font-size:8px;padding:4px}.drive-options>a{font-size:7px}}#location-name{font-size:14px;max-width:350px;margin:5px 0;color:#203b33;background:#faf6e9e8;padding:5px 9px;border-radius:4px}#coordinates{display:block;font-size:11px;letter-spacing:.3px;background:#faf6e9df;padding:3px 8px}.hud #road{margin-bottom:4px}.hud #coordinates,.hud #location-name{color:#203b33;text-shadow:none}body:not(.driving) #map{display:none}#music{display:grid;place-items:center;min-width:36px;padding:7px}#music .music-slash{display:none}#music[aria-pressed=false] .music-slash{display:block}#music[aria-pressed=false]{opacity:.65}@media(max-width:650px){header{gap:5px}header a{font-size:11px;letter-spacing:.5px}#music{min-width:28px;padding:6px}}#city-clock{position:fixed;top:88px;left:28px;padding:9px 13px;border-radius:4px;background:#102522d9;color:#fff1d7;font:11px system-ui,sans-serif;letter-spacing:1px;pointer-events:none}@media(max-width:650px){#city-clock{left:12px;top:76px;font-size:9px;letter-spacing:.4px}}.music-controls{display:flex;align-items:center;gap:8px}.music-volume-control{display:flex;align-items:center;gap:5px;font-size:9px}.music-volume-control>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}#music-volume{width:76px;accent-color:#e7d2a5;cursor:pointer;margin:0}#music-volume-value{min-width:28px;font-variant-numeric:tabular-nums}#music-volume:focus-visible{outline:2px solid #fff4da;outline-offset:4px}@media(max-width:650px){.music-volume-control{position:fixed;right:15px;top:78px;padding:7px;background:#102522d9;border-radius:3px}#music-volume{width:75px}}#driver-reaction{position:fixed;left:50%;bottom:145px;transform:translate(-50%);max-width:min(520px,85vw);padding:17px 24px;background:#fff4de;color:#254437;border-left:5px solid #b55a36;border-radius:5px;box-shadow:0 8px 30px #0004;z-index:20;pointer-events:none}#driver-reaction[hidden]{display:none}#driver-reaction small,#driver-reaction strong,#driver-reaction span{display:block}#driver-reaction small{font-size:10px;letter-spacing:1.6px;margin-bottom:8px}#driver-reaction strong{font-size:22px;line-height:1.5}#driver-reaction span{font-size:13px;margin-top:4px}.collision-flash #world{filter:brightness(1.15) saturate(.8)}@media(max-width:650px){#driver-reaction{bottom:185px;padding:12px 17px}#driver-reaction strong{font-size:17px}}#load-progress{height:2px;background:#2c4a3f1f;margin:14px 0 4px;overflow:hidden}.intro #load-progress{background:#fff3dd2e}#load-fill{display:block;height:100%;width:0;background:#b65a31;transition:width .35s ease}#shot-name{font-size:10px!important;letter-spacing:2.2px;text-transform:uppercase;margin:8px 0 0;opacity:0;transition:opacity .5s ease}#shot-name.visible{opacity:1}body.driving #load-progress,body.driving #shot-name{display:none}#map{cursor:pointer;transition:opacity .18s,border-color .18s,box-shadow .18s}#map:hover{opacity:1;border-color:#fff9e8}#map:focus-visible{outline:2px solid #fff4da;outline-offset:4px}#map.overview-open{opacity:1;border-color:#e7b98a;box-shadow:0 0 0 2px #b65a3166}#active-block{position:fixed;top:125px;left:28px;color:#f7dfaf;background:#102522dc;padding:8px 12px;font-size:11px;pointer-events:none}@media(max-width:650px){#active-block{top:115px;left:12px;font-size:9px}}#place-arrival{position:fixed;left:50%;top:105px;transform:translate(-50%);z-index:25;max-width:min(540px,88vw);padding:16px 30px;background:#183a31e8;border:1px solid #d1b88780;border-radius:4px;color:#fff2d4;text-align:center;pointer-events:none;box-shadow:0 8px 30px #0003}#place-arrival[hidden]{display:none}#place-arrival small{display:block;font:9px sans-serif;letter-spacing:2px;margin-bottom:8px;color:#d7c9a6}#place-arrival strong{display:block;font:500 clamp(19px,3vw,29px) Georgia,serif;overflow-wrap:anywhere}@media(min-width:651px){#place-arrival{top:82px;max-width:370px;padding:10px 20px;background:#183a31d9;box-shadow:0 4px 18px #0002}#place-arrival small{font-size:8px;margin-bottom:5px}#place-arrival strong{font-size:20px}#city-clock{top:73px;padding:7px 10px;font-size:10px}#active-block{top:106px;font-size:9px;padding:6px 10px;opacity:.8}.hud #location-name{font-size:11px;background:#203b33b8;color:#fff2d9;padding:5px 8px}.hud #coordinates{font-size:9px;background:transparent;color:#fff2d9b3}}.city-mark{display:flex;align-items:baseline;gap:9px;margin-right:auto}.city-mark strong{font-family:system-ui,sans-serif;font-size:14px;letter-spacing:.4px;color:#fff5df}.city-mark i{font-style:normal}.city-mark strong+i{opacity:.8}@media(max-width:650px){.city-mark{gap:4px}.city-mark strong{font-size:11px}.city-mark i{font-size:7px;letter-spacing:1px}}