@font-face{font-family:Noto Sans Thai;src:url(/longtail/fonts/NotoSansThai.ttf);font-weight:100 900;font-display:swap}@font-face{font-family:Barlow;src:url(/longtail/fonts/Barlow-Regular.ttf)}@font-face{font-family:Barlow;src:url(/longtail/fonts/Barlow-Bold.ttf);font-weight:700}@font-face{font-family:Condensed;src:url(/longtail/fonts/BarlowCondensed-ExtraBold.ttf);font-weight:800}:root{font-family:Barlow,Noto Sans Thai,Arial,sans-serif;color:#fff4db;background:#081526;font-synthesis:none;font-weight:400;--amber:#ffc277;--teal:#96e8d8;--muted:#a6b9bf;--ink:#0b202b}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--amber);outline-offset:4px}button:disabled{cursor:wait;opacity:.65}canvas#scene{position:absolute;inset:0;display:block;width:100%;height:100%;touch-action:none}button,a{color:inherit}#vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 40%,transparent 30%,#03121e44 100%)}.screen{position:absolute;inset:0;z-index:5}.hidden,[hidden]{display:none!important}#menu{background:linear-gradient(90deg,#071724ec,#071724b5 31%,#0717240a 74%);display:flex;flex-direction:column;padding:34px 4.5vw 22px}.brand{display:flex;align-items:center;gap:11px;font-size:11px;letter-spacing:3px;line-height:1.5;text-transform:uppercase}.brand svg{width:36px;height:36px;color:var(--amber)}.brand strong{display:block;color:#fff5df;font-size:13px;letter-spacing:2.6px}.menu-body{flex:1;display:flex;align-items:center}.menu-content{width:480px;max-width:47vw}.eyebrow{font-size:10px;letter-spacing:3px;text-transform:uppercase;color:var(--amber);display:flex;align-items:center;gap:10px}.eyebrow:before{content:"";display:inline-block;width:24px;height:1px;background:currentColor}h1{font:800 clamp(60px,7.4vw,110px)/.86 Condensed,sans-serif;letter-spacing:-1.5px;margin:20px 0 21px}h1 em{font-style:normal;color:var(--amber)}.lede{font-size:16px;line-height:1.65;color:#c8d3d4;max-width:335px;margin:0 0 25px}.primary{border:0;background:var(--amber);color:#182426;padding:16px 22px;display:flex;align-items:center;justify-content:space-between;font-size:14px;font-weight:700;letter-spacing:1.5px;border-radius:3px;min-width:270px;transition:background .15s,transform .15s}.primary:hover{background:#ffd49c;transform:translateY(-1px)}.primary span{font-size:22px;font-weight:400}.record-preview{margin-top:23px;display:flex;gap:24px;align-items:center}.record-preview .value{font:800 30px Condensed}.micro{font-size:9px;letter-spacing:1.8px;text-transform:uppercase;color:#99b2bb}.record-preview p{font-size:12px;line-height:1.5;color:#adc0c5;margin:0;max-width:200px}.menu-foot{display:flex;justify-content:space-between;align-items:end;gap:15px}.keys{display:flex;gap:18px;flex-wrap:wrap;font-size:10px;color:#abbabe}.keys b{font-weight:400;color:#f7e8cb;margin-right:5px}.sound-menu{position:absolute;right:4.5vw;top:34px}.round{height:40px;width:40px;border:1px solid #adccd13b;border-radius:50%;background:#091b28b0;display:inline-flex;align-items:center;justify-content:center;font-size:18px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.round:hover{background:#19313c}.round svg{width:17px;height:17px}#loading-note{font-size:11px;color:var(--teal);margin:10px 0;height:14px}#hud{position:absolute;inset:0;pointer-events:none;z-index:2;padding:25px 28px}.hud-brand{position:absolute;top:25px;left:28px}.hud-brand .brand{font-size:8px;letter-spacing:2px}.hud-brand .brand strong{font-size:11px}.hud-brand svg{width:28px;height:28px}.hud-controls{position:absolute;right:28px;top:23px;display:flex;gap:9px;pointer-events:auto}.timer{position:absolute;top:22px;left:50%;transform:translate(-50%);text-align:center}.timer .micro{color:#bac8cf;font-size:8px}.timer-value{font:800 49px/.98 Condensed;margin-top:5px;letter-spacing:1px;text-shadow:0 3px 16px #081a28}.timer.low .timer-value{color:#ff8d73}.fare-panel{position:absolute;top:103px;left:28px;width:254px;padding:19px 20px 16px;background:linear-gradient(125deg,#0b202cdd,#123037a6);border:1px solid #9fc3ba24;border-radius:4px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.fare-panel .eyebrow{font-size:8px;letter-spacing:2px}.fare-panel h2{font-size:23px;line-height:1.1;margin:12px 0 9px;letter-spacing:-.5px}.fare-panel p{font-size:11px;color:#beced0;margin:0;line-height:1.5}.fare-row{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#cee3df;margin-top:13px}.fare-row strong{color:var(--amber)}.fare-progress{height:2px;background:#acceb824;margin-top:12px}.fare-progress i{height:100%;width:100%;display:block;background:var(--teal);transition:width .12s linear}.score-panel{position:absolute;right:28px;top:101px;text-align:right;padding:0 4px}.score-panel .total{font:800 44px/1 Condensed;margin:8px 0 6px}.score-panel .best{font-size:10px;color:#bcd3d1;margin-top:9px}.score-panel .best b{color:var(--amber);font-weight:400}.score-panel .fares{font-size:9px;letter-spacing:1.5px;color:#bacad0}#navigation{position:absolute;top:29%;left:50%;transform:translate(-50%,-50%);text-align:center;filter:drop-shadow(0 3px 6px #0005)}#navigation svg{width:46px;height:58px;fill:var(--amber);transition:transform .1s linear}#nav-distance{font-size:11px;font-weight:700;margin-top:7px;text-shadow:0 2px 3px #051822}#minimap-shell{position:absolute;bottom:42px;left:28px;width:177px;height:206px;background:#071b29c4;border:1px solid #99c4c13d;border-radius:5px;overflow:hidden;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}#minimap{display:block;width:175px;height:174px}#map-caption{border-top:1px solid #a5c4cc22;padding:9px 10px;font-size:8px;letter-spacing:1.4px;display:flex;justify-content:space-between}#map-caption span{color:var(--amber)}#speed{position:absolute;bottom:45px;right:30px;text-align:right}#speed strong{font:800 70px/.9 Condensed;text-shadow:0 3px 20px #071e2b}#speed .unit{font-size:9px;letter-spacing:2px;margin-left:6px;color:#b0c9d1}#speed .gear{font-size:10px;letter-spacing:2px;margin-top:10px;color:var(--teal)}#speed.boost strong{color:var(--amber)}#stunt{position:absolute;top:42%;left:50%;transform:translate(-50%);text-align:center;text-shadow:0 3px 13px #061726;transition:opacity .15s;white-space:nowrap;color:var(--amber)}#stunt strong{display:block;font:800 39px Condensed;letter-spacing:1px}#stunt small{font-size:11px;letter-spacing:2px;color:#fff2d7}#toast{position:absolute;bottom:88px;left:50%;transform:translate(-50%);font-size:12px;padding:11px 18px;border-radius:3px;background:#081e2fd9;border:1px solid #8dc8c333;max-width:430px;text-align:center;color:#d6e4e3;transition:opacity .2s;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}#hud-keys{position:absolute;bottom:19px;left:50%;transform:translate(-50%);white-space:nowrap;gap:16px;font-size:9px}.osm{position:absolute;bottom:5px;right:10px;font-size:7px;color:#9cbdc570;pointer-events:auto}.osm a{text-decoration:none}#dock-status{position:absolute;left:50%;top:58%;transform:translate(-50%);text-align:center;color:var(--teal);text-shadow:0 2px 4px #061726;font-size:12px;letter-spacing:1px}#dock-status progress{display:block;width:130px;height:4px;accent-color:var(--teal);margin:10px auto}.modal{display:flex;align-items:center;justify-content:center;background:#05111ccb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.dialog{width:420px;max-width:90vw;padding:34px;background:#0d2530;border:1px solid #8db6b933;border-radius:7px;box-shadow:0 20px 80px #0006}.dialog h2{font:800 54px/1 Condensed;margin:13px 0 14px}.dialog p{font-size:14px;line-height:1.6;color:#bfd0d1}.dialog .primary{width:100%;margin-top:20px}.secondary{background:transparent;border:1px solid #a2b4bc44;padding:11px 16px;border-radius:3px;width:100%;margin-top:10px;font-size:12px}.setting-row{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #9fb3bd22;padding:13px 0;font-size:12px}.toggle{border:1px solid #8aadb966;background:#173a41;border-radius:3px;padding:7px 11px;color:#d9f6ec;font-size:11px}.result-total{font:800 78px/1 Condensed;color:var(--amber);margin:16px 0}.result-meta{display:flex;gap:28px;border-top:1px solid #acb6b32a;border-bottom:1px solid #acb6b32a;padding:17px 0;margin-bottom:15px}.result-meta strong{display:block;font-size:20px;color:#f4e7d2;margin-top:5px}#record-list{margin:0;padding:0;list-style:none}#record-list li{display:flex;justify-content:space-between;color:#afc4c9;font-size:12px;padding:7px 0}#record-list b{color:#f4e7d2}.modal-keys{font-size:12px!important;line-height:2!important}.countdown{position:absolute;inset:0;pointer-events:none;display:grid;place-items:center;font:800 110px Condensed;color:var(--amber);text-shadow:0 3px 25px #081a28;z-index:3}.touch{display:none;pointer-events:auto}.touch button,.touch #steer-pad{touch-action:none;user-select:none;-webkit-user-select:none}.touch-controls{position:absolute;bottom:max(30px,env(safe-area-inset-bottom));left:20px;right:20px;display:flex;justify-content:space-between;align-items:end;pointer-events:none}.touch-controls>*{pointer-events:auto}#steer-pad{width:126px;height:62px;border-radius:32px;border:1px solid #acd9d566;background:#0b253ccc;display:flex;align-items:center;justify-content:space-between;padding:0 14px;position:relative;color:#b4d5d4}#steer-pad i{position:absolute;left:43px;width:40px;height:40px;border-radius:50%;background:#a2d6cf55;border:1px solid #a2d6cf99;transform:translate(var(--thumb,0px));pointer-events:none}.touch-actions{display:grid;grid-template-columns:repeat(2,66px);gap:8px}.touch-actions button{border-radius:9px;border:1px solid #a0bcb466;background:#0b253cdd;padding:12px 3px;font-size:10px;letter-spacing:1px;font-weight:700}.touch-actions .gas{background:#dca65df0;color:#17252c;border-color:#ffdb9d}.touch-actions .pressed{background:#7fd4caaa;color:#fff}@media(pointer:coarse),(max-width:900px){.touch{display:block}#hud-keys{display:none}#minimap-shell{bottom:145px;width:130px;height:153px}#minimap{width:128px;height:127px}#map-caption{font-size:6px;padding:7px}#speed{bottom:155px}#toast{bottom:37%;font-size:11px}#menu .keys{display:none}.menu-foot{min-height:20px}}@media(max-width:700px){#menu{padding:24px}.menu-content{width:100%;max-width:100%}.menu-body{align-items:center}#menu{background:linear-gradient(90deg,#071724ed,#07172466)}h1{font-size:74px}.lede{font-size:14px;max-width:260px;margin-bottom:18px}.sound-menu{top:24px;right:24px}.menu-content .eyebrow{font-size:8px}.primary{min-width:250px;max-width:310px}.record-preview{margin-top:20px}.menu-foot .keys{display:none}#hud{padding:17px}.hud-brand{top:19px;left:17px}.hud-brand strong{font-size:9px!important}.hud-brand .brand{font-size:7px;gap:6px;letter-spacing:1px}.hud-brand svg{width:24px}.hud-controls{top:15px;right:17px;gap:5px}.round{width:32px;height:32px}.timer{top:17px}.timer-value{font-size:38px}.fare-panel{top:82px;left:17px;width:205px;padding:14px}.fare-panel h2{font-size:19px}.fare-panel .eyebrow{font-size:7px}.fare-panel p{font-size:10px}.score-panel{top:87px;right:17px}.score-panel .total{font-size:32px}.score-panel .micro{font-size:7px}.score-panel .best{font-size:8px}.score-panel .fares{font-size:7px}.fare-row{font-size:9px}#navigation{top:34%}#navigation svg{width:37px}#stunt{top:45%}#stunt strong{font-size:31px}#minimap-shell{left:17px}#speed{right:20px}#speed strong{font-size:56px}#toast{max-width:80vw;width:max-content}.dialog{padding:25px}.dialog h2{font-size:43px}.dialog .primary{max-width:none}.hud-controls .sound-btn{display:none}}@media(max-height:510px){#menu{padding:19px 28px}.menu-body{align-items:start;margin-top:20px}.menu-content{max-width:54vw}h1{font-size:57px;margin:12px 0}.lede{font-size:12px;line-height:1.4;margin-bottom:10px}.menu-content .eyebrow{font-size:8px}.primary{padding:11px 18px;min-width:235px;font-size:12px}.record-preview{position:absolute;right:28px;bottom:73px;display:block;text-align:right}.record-preview p{display:none}.sound-menu{top:18px;right:28px}#loading-note{position:absolute;bottom:18px;right:28px}.hud-brand{top:16px}.hud-controls{top:14px}.timer{top:12px}.timer-value{font-size:34px}.fare-panel{top:71px;padding:12px 15px;width:215px}.fare-panel h2{font-size:20px;margin:8px 0}.score-panel{top:70px}.score-panel .total{font-size:34px}#minimap-shell{bottom:22px;left:172px;width:101px;height:120px}#minimap{width:99px;height:98px}#map-caption{padding:5px;font-size:5px}#speed{bottom:30px;right:186px}#speed strong{font-size:49px}#toast{bottom:20px;font-size:10px;padding:8px 12px;max-width:35vw}#navigation{top:42%}#stunt{top:58%}#stunt strong{font-size:28px}#dock-status{top:64%}.dialog{padding:20px 26px;max-height:95vh;overflow:auto}.dialog h2{font-size:35px}.dialog .primary{margin-top:12px}.result-total{font-size:44px;margin:7px 0}.result-meta{padding:8px 0}.keys{font-size:9px;gap:10px}#hud-keys{display:none}.touch-controls{bottom:24px}}@media(prefers-reduced-motion:reduce){button,#navigation svg{transition:none}}.record-preview .micro{white-space:nowrap}@media(max-width:500px){.record-preview{gap:16px}.record-preview p{font-size:11px;max-width:175px}}@media(max-width:500px)and (max-height:660px){#menu{padding:20px}h1{font-size:57px;margin:13px 0}.lede{font-size:12px;line-height:1.5;margin-bottom:14px}.record-preview{margin-top:14px}.menu-content .eyebrow{font-size:7px;letter-spacing:2px}}#horn{display:none}@media(pointer:coarse),(max-width:900px){#horn{display:inline-flex}}#loading-note:empty{display:none}.damage-overlay{position:absolute;inset:0;pointer-events:none;z-index:4;background:radial-gradient(ellipse at 50% 46%,transparent 25%,#38040855 58%,#360208dc 82%,#0b0103f5 100%);box-shadow:inset 0 0 9vw 2vw #4b050955}.damage-overlay.fatal{animation:crash-impact .85s ease-out both}.damage-overlay.minor{animation:bank-impact .9s ease-out both}.crash-caption{position:absolute;inset:0;z-index:4;pointer-events:none;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;text-shadow:0 3px 14px #000;gap:10px}.crash-caption strong{font:800 clamp(65px,12vw,135px)/.9 Condensed;color:#ffe9de;letter-spacing:4px}.crash-caption span{font-size:clamp(13px,2.2vw,18px);color:#ffd0c4;letter-spacing:1px}.crashed #hud{opacity:.3;pointer-events:none}.crashed #hud button,.crashed .touch{pointer-events:none}.crashed #results{background:#080a102f;-webkit-backdrop-filter:none;backdrop-filter:none}.crashed #results .dialog{background:#211a20f5;border-color:#b7574d77;box-shadow:0 15px 80px #0008}.crashed #result-label,.crashed #result-title{color:#ffad97}@keyframes crash-impact{0%{opacity:1}24%{opacity:.72}55%{opacity:1}to{opacity:.85}}@keyframes bank-impact{0%{opacity:calc(.7 * var(--impact-opacity,1))}to{opacity:0}}@media(prefers-reduced-motion:reduce){.damage-overlay.fatal{animation:none;opacity:.85}.damage-overlay.minor{animation:none;opacity:calc(.5 * var(--impact-opacity,1))}}