:root{color:#f1ecdf;font-synthesis:none;--accent:#f4b36b;--ink:#1c2324;background:#222a2b;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,a,select,input{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit;border:0}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:5px}button:disabled{cursor:wait;opacity:.65}[hidden]{display:none!important}#game{width:100%;height:100%;display:block;position:fixed;inset:0}#vignette{pointer-events:none;background:radial-gradient(at 60% 40%,#0000 35%,#12171570 100%);position:fixed;inset:0}#grain{pointer-events:none;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath filter='url(%23n)' opacity='.6' d='M0 0h180v180H0z'/%3E%3C/svg%3E");position:fixed;inset:0}header{z-index:5;background:linear-gradient(#10171985,#0000);justify-content:space-between;align-items:center;padding:28px 38px;display:flex;position:fixed;top:0;left:0;right:0}.wordmark{color:#fff2dc;align-items:center;gap:16px;font-size:29px;font-weight:700;text-decoration:none;display:flex}.wordmark span{letter-spacing:3px;border-left:1px solid #ffffff50;padding-left:17px;font-size:12px}.live{letter-spacing:2px;align-items:center;gap:12px;font-size:10px;display:flex}.live i{background:var(--accent);width:5px;height:5px;box-shadow:0 0 10px var(--accent);border-radius:100%}.live span{opacity:.5;margin-left:10px;font-size:9px}.glass{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#1b2426b8;border:1px solid #e9e4cc30}#menu-button{border-radius:3px;padding:11px 16px;font-size:17px}#menu-button span{letter-spacing:2px;vertical-align:2px;margin-left:8px;font-size:10px}.panel{background:linear-gradient(90deg,#101a1ae8 0%,#14201cd0 64%,#17232000 100%);flex-direction:column;justify-content:center;width:660px;padding:128px 58px 65px 54px;display:flex;position:fixed;top:0;bottom:0;left:0}.eyebrow{letter-spacing:2px;color:var(--accent);gap:36px;font-size:10px;display:flex}h1{letter-spacing:-3.5px;margin:25px 0 19px;font-size:clamp(45px,5.1vw,77px);font-weight:500;line-height:1.015}h1 em{color:#eebf88;font-family:Georgia,serif;font-weight:400}p.intro-copy{color:#e4e3d0aa;margin:0 0 24px;font-size:14px;line-height:1.75}.trip{border-top:1px solid #e3ddc82a;align-items:center;gap:17px;max-width:355px;padding:16px 0 19px;display:flex}.trip-icon{color:var(--accent);font-size:29px}.trip small,.route-card small{letter-spacing:1.8px;color:#e7d8bfaa;font-size:8px}.trip strong{font-size:14px;font-weight:500;line-height:1.9;display:block}.trip span{color:#cccfbd99;font-size:10px}.primary{background:var(--accent);color:#202624;letter-spacing:1.8px;border-radius:2px;justify-content:space-between;align-items:center;width:355px;padding:20px 23px;font-size:11px;font-weight:700;transition:background .2s,transform .2s;display:flex}.primary:hover{background:#ffd2a0;transform:translateY(-1px)}.primary>span:last-child{font-size:20px;line-height:.5}.intro-options{justify-content:space-between;width:355px;margin-top:17px;display:flex}.intro-options button{letter-spacing:1.5px;opacity:.75;background:0 0;padding:5px 0;font-size:9px}.keys-guide{gap:24px;margin-top:34px;display:flex}.keys-guide>div{align-items:center;gap:8px;display:flex}.keys-guide span{opacity:.55;font-size:10px}kbd{letter-spacing:.7px;color:#f3e4c8;border:1px solid #fff4da55;border-radius:3px;padding:4px 6px;font-family:inherit;font-size:9px}.small-note{opacity:.4;margin-top:17px;font-size:10px}footer{letter-spacing:2px;color:#f3e4c888;justify-content:space-between;font-size:9px;display:flex;position:fixed;bottom:25px;left:38px;right:38px}#loading{width:100%;height:2px;position:fixed;bottom:0}#loading span{background:var(--accent);width:5%;height:100%;transition:width .3s;display:block}#hud{pointer-events:none;position:fixed;inset:0}.route-card{border-radius:4px;align-items:center;gap:18px;min-width:320px;padding:20px 24px 23px;display:flex;position:absolute;top:110px;left:38px}.route-arrow{color:var(--accent);font-size:34px}.route-card strong{margin:6px 0;font-size:18px;font-weight:500;display:block}.route-card span{color:#dedbc7b0;font-size:11px}.route-card b{font-weight:400}.route-card i{padding:0 6px;font-style:normal}.route-progress{background:#ffffff20;width:100%;height:2px;position:absolute;bottom:0;left:0}.route-progress span{background:var(--accent);width:0;height:100%;display:block}#fare{color:var(--accent);margin-left:20px;font-size:21px}#notice{text-align:center;text-shadow:0 2px 16px #000;transition:opacity .5s;position:absolute;top:22%;left:50%;transform:translate(-50%)}#notice span{letter-spacing:3px;color:#f8c384;margin-bottom:12px;font-size:9px;display:block}#notice strong{letter-spacing:-.5px;font-size:26px;font-weight:400}.drive-stats{text-align:right;text-shadow:0 2px 6px #0009;gap:35px;display:flex;position:absolute;top:115px;right:40px}.drive-stats small{letter-spacing:1.5px;opacity:.7;font-size:8px;display:block}.drive-stats strong{margin-top:6px;font-size:28px;font-weight:400;display:block}.drive-stats strong span{opacity:.5;margin-left:4px;font-size:12px}.bottom-left{position:absolute;bottom:30px;left:38px}.minimap{border-radius:5px;width:170px;height:184px;padding:7px}.minimap canvas{width:154px;height:147px}.minimap>span{letter-spacing:1.5px;padding:0 6px;font-size:8px;display:block}.minimap b{float:right;color:var(--accent);font-weight:400}.control-strip{color:#deded0ab;gap:16px;margin-top:20px;font-size:10px;display:flex}.control-strip kbd{margin-right:4px}.speed-panel{width:235px;position:absolute;bottom:35px;right:40px}.speed-number{text-align:right}.speed-number strong{letter-spacing:-6px;font-variant-numeric:tabular-nums;font-size:87px;font-weight:300;line-height:1}.speed-number>span{letter-spacing:2px;opacity:.7;margin-left:14px;font-size:10px}.gear{border-left:2px solid var(--accent);padding-left:10px;position:absolute;top:22px;left:6px}.gear>span{font-size:23px;display:block}.gear small{letter-spacing:1.5px;color:var(--accent);font-size:7px}.rpm{background:#ffffff30;width:100%;height:3px;margin-top:17px}.rpm span{background:var(--accent);width:5%;height:100%;transition:width .1s;display:block}.speed-meta{letter-spacing:1.5px;color:#f5efd6a0;justify-content:space-between;margin-top:12px;font-size:8px;display:flex}#horn-light.active{color:#ffb351;text-shadow:0 0 12px #ffb351}.modal{z-index:9;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#142020d9;place-items:center;display:grid;position:fixed;inset:0}.modal>div{width:430px;max-width:90vw}.modal h2{letter-spacing:-1.5px;margin:20px 0;font-size:44px;font-weight:400}.modal p{color:#c9d0c4;font-size:13px;line-height:1.7}.modal .primary{width:100%;margin:25px 0}.settings{border-top:1px solid #ffffff25;margin-top:26px}.settings label{border-bottom:1px solid #ffffff15;justify-content:space-between;align-items:center;padding:13px 0;font-size:12px;display:flex}select{color:#f3d3a9;background:#273535;border:1px solid #ffffff25;border-radius:3px;padding:7px}input{accent-color:var(--accent)}.help{color:#cbd3c18c;margin-top:20px;font-size:11px;line-height:2.2}.text-button{color:var(--accent);letter-spacing:1.5px;background:0 0;padding:18px 0;font-size:10px}#finish-stats{border-block:1px solid #fff3;justify-content:space-between;margin:25px 0;padding:20px 0;display:flex}#finish-stats small{color:#c9cebf;letter-spacing:1px;margin-bottom:9px;font-size:9px;display:block}#finish-stats strong{font-size:27px;font-weight:400}#impact{pointer-events:none;opacity:0;transition:opacity .12s;position:fixed;inset:0;box-shadow:inset 0 0 160px #bc351d}body.playing header{padding-top:23px}body.playing .live span{display:none}@media (height<=800px){.panel{padding-top:96px;padding-bottom:35px}h1{margin:17px 0;font-size:58px}.intro-copy{margin-bottom:14px!important}.keys-guide{margin-top:23px}.small-note{margin-bottom:0}}@media (width<=800px){header{padding:20px}.live{display:none}.panel{background:linear-gradient(90deg,#13201be8,#13201b40);width:100%;padding-left:30px}h1{font-size:55px}.route-card{min-width:260px;padding:14px;top:90px;left:20px}.drive-stats{gap:18px;top:210px;right:20px}.bottom-left{bottom:25px;left:20px}.speed-panel{width:195px;right:20px}.speed-number strong{font-size:70px}.control-strip{gap:9px;font-size:8px}.control-strip span:last-child{display:none}.minimap{width:130px;height:140px}.minimap canvas{width:114px;height:106px}.wordmark{font-size:23px}.wordmark span{font-size:10px}.speed-meta{font-size:7px}}.route-card{max-width:440px;padding-bottom:46px}.route-card strong{font-size:15px}#turn-instruction{color:#eac18c;font-size:11px;position:absolute;bottom:15px;left:24px}#map-open{pointer-events:auto;letter-spacing:1px;border-radius:3px;padding:10px 15px;font-size:9px;position:absolute;bottom:252px;left:38px}.minimap canvas{pointer-events:auto;cursor:pointer}#arrival{color:#24342e;letter-spacing:1px;background:#f4b36b;border-radius:4px;padding:17px 28px;font-size:12px;position:absolute;bottom:180px;left:50%;transform:translate(-50%)}.modal>.atlas-panel{width:1100px;max-width:94vw}.atlas-heading{justify-content:space-between;align-items:center;display:flex}.atlas-heading h2{margin:12px 0 18px}#map-close{letter-spacing:1px;padding:13px 18px;font-size:10px}.atlas-content{grid-template-columns:minmax(350px,680px) 1fr;gap:28px;display:grid}.atlas-content canvas{object-fit:contain;background:#233532;border:1px solid #ffffff25;border-radius:4px;width:100%;height:auto;max-height:70vh}.atlas-content p{font-size:12px}.map-destination{text-align:left;color:#ebcba0;background:#30443d;border:1px solid #f4b36b35;width:100%;margin-bottom:9px;padding:14px;font-size:12px;display:block}.map-destination:hover{background:#435a4c}.minimap>span{letter-spacing:.6px;font-size:7px}#notice{top:30%}@media (width<=800px){.atlas-content{grid-template-columns:1fr}.atlas-content canvas{max-height:40vh}.atlas-content>div{max-height:30vh;overflow:auto}#map-open{bottom:214px;left:20px}}#physics-readout{z-index:20;color:#dbdfca;pointer-events:none;background:#101b20e8;border:1px solid #65736d;border-radius:8px;padding:18px;font:12px/1.7 monospace;position:fixed;top:110px;right:25px}body.playing #grain{opacity:.015}body.playing #vignette{opacity:.55}body.playing .route-card{background:#172322c9;min-width:265px;max-width:320px;padding:14px 18px 43px;top:88px}body.playing .drive-stats{opacity:.65;gap:22px;top:97px}body.playing .drive-stats strong{font-size:21px}body.playing .speed-number strong{font-size:66px}body.playing .speed-panel{width:208px;bottom:29px}body.playing .minimap{width:142px;height:158px}body.playing .minimap canvas{width:126px;height:121px}body.playing #notice{opacity:0;top:28%;transform:translate(-50%)scale(.86)}.vehicle-picker{color:#ddcfb4;justify-content:space-between;align-items:center;max-width:400px;margin:10px 0;font-size:12px;display:flex}.modal{padding:20px 0;overflow-y:auto}.modal>div{margin:auto}#parking-brake{color:#ff986e;letter-spacing:.6px;font-weight:700}#turn-signals{color:#5b7061;justify-content:space-between;font-size:25px;display:flex;position:absolute;bottom:calc(100% + 8px);left:0;right:0}#turn-signals span{border-bottom:2px solid #0000;padding:2px 8px}#turn-signals kbd{color:#b4b9a8;font-size:12px}#turn-signals .selected{border-color:#6ca875}#turn-signals .lit{color:#91ff9c;text-shadow:0 0 12px #67ee8370}#flow-hud{text-shadow:0 2px 8px #0009;width:240px;position:absolute;top:97px;left:38px}.flow-chain-label{letter-spacing:2px;color:#e7d3b3;justify-content:space-between;align-items:center;font-size:10px;display:flex}.flow-chain-label strong{letter-spacing:-1px;color:#ffd296;font-size:35px}.flow-chain{background:#e3e6d229;height:3px;margin:10px 0}.flow-chain span{background:#f4b36b;height:100%;transition:width .1s linear;display:block}#flow-hud p{color:#cdd5c6;letter-spacing:.6px;font-size:10px}#flow-hud i{margin:0 9px;font-style:normal}#flow-feedback{color:#f4d1a0;min-height:24px;margin-top:15px;font-size:16px;font-weight:500;display:block}.flow-driving .route-card,.flow-driving #arrival{display:none!important}.flow-driving #notice{top:24%}.flow-driving .drive-stats{opacity:.9}.flow-driving .drive-stats>div:first-child strong{font-size:30px}#intro h1{font-size:clamp(44px,4.6vw,68px)}@media (width<=800px){#flow-hud{width:210px;top:90px;left:20px}}@media (width<=1100px){.control-strip{flex-wrap:wrap;row-gap:7px;max-width:calc(100vw - 36px)}.speed-meta{max-width:220px}#camera-label{font-size:8px}}#infotainment{z-index:8;color:#e2eae5;box-sizing:border-box;background:#111e22f5;border-radius:12px;width:344px;padding:12px;position:fixed;top:105px;right:24px;box-shadow:0 12px 35px #0005}.radio-heading,.radio-tuner,.radio-volume{justify-content:space-between;align-items:center;gap:10px;display:flex}.radio-heading{letter-spacing:2px;color:#eab271;font-size:10px}#infotainment button{background:#29383d;border-radius:5px;padding:7px 12px;font-size:12px}#infotainment h2{margin:12px 0 4px;font-size:23px}#infotainment p{color:#bacbc7;margin:6px 0 10px;font-size:11px;line-height:1.5}.radio-tuner{margin:12px 0}.radio-tuner select{color:#eff4e9;background:#172a2e;border:1px solid #526663;border-radius:5px;flex:1;min-width:0;padding:8px}#radio-video,#radio-video video{border:0;width:320px;height:200px}#radio-local-art{background:linear-gradient(145deg,#384b5d,#23382e);border-radius:6px;flex-direction:column;justify-content:center;align-items:center;height:130px;font-size:44px;display:flex}#radio-local-art span{letter-spacing:4px;margin-top:15px;font-size:11px}.radio-volume{font-size:10px}.radio-volume input{width:220px}#infotainment small{color:#92aaa3;margin-top:10px;font-size:9px;display:block}@media (width<=700px){#infotainment{top:80px;right:8px}}#infotainment.in-dashboard{transform-origin:0 0;width:400px;height:320px;box-shadow:none;background:#071711;border:0;border-radius:0;padding:0;top:0;left:0;right:auto;overflow:hidden}#infotainment.in-dashboard .radio-heading{letter-spacing:1px;height:32px;padding:0 10px;font-size:11px}#infotainment.in-dashboard h2,#infotainment.in-dashboard #radio-description,#infotainment.in-dashboard small{display:none}#infotainment.in-dashboard .radio-tuner{gap:6px;height:30px;margin:0;padding:0 8px}#infotainment.in-dashboard button{padding:3px 9px;font-size:12px}#infotainment.in-dashboard select{padding:3px;font-size:12px}#infotainment.in-dashboard #radio-video,#infotainment.in-dashboard #radio-video video{width:400px;height:225px;display:block}#infotainment.in-dashboard #radio-video[hidden]{display:none}#infotainment.in-dashboard #radio-local-art{border-radius:0;height:225px}#infotainment.in-dashboard #radio-status{align-items:center;width:245px;height:30px;margin:0;font-size:9px;line-height:1.1;display:flex;position:absolute;bottom:0;left:8px}#infotainment.in-dashboard .radio-volume{gap:4px;font-size:8px;position:absolute;bottom:8px;right:8px}#infotainment.in-dashboard .radio-volume input{width:90px}#infotainment:not(.in-dashboard){display:none}#radio-player{object-fit:contain;background:#000}