:root{font-family:Arial,Helvetica,sans-serif;color:#fff4db;background:#418e8d;font-synthesis:none;--cream:#fff3d9;--orange:#ff693d;--ink:#193c37;--safe:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none;touch-action:none}button{font:inherit;cursor:pointer;color:inherit;border:0;touch-action:manipulation}button:focus-visible,[tabindex]:focus-visible{outline:3px solid #ffba72;outline-offset:4px}button:active{transform:scale(.97)}[hidden]{display:none!important}#scene{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}#loading{position:fixed;top:0;right:0;bottom:0;left:0;background:#193c37;z-index:20;display:grid;align-content:center;justify-items:center;gap:10px}.wordmark{font-size:74px;font-weight:1000;font-style:italic;letter-spacing:-8px}.wordmark span{color:var(--orange)}#loading p{font-size:11px;letter-spacing:2px;text-transform:uppercase}#error{position:fixed;top:0;right:0;bottom:0;left:0;background:#193c37;padding:15vh 25px;z-index:25}#error button{background:var(--orange);padding:20px}#vignette{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,#102c3260,transparent 30%,transparent 55%,#102c327a)}#brand{position:absolute;top:max(24px,env(safe-area-inset-top));left:27px;right:27px;pointer-events:none;text-shadow:0 2px 20px #1c37334a}.eyebrow{font-size:9px;letter-spacing:1.9px;font-weight:800;line-height:1.4}.tiny-flag{font-size:17px;vertical-align:-2px;margin-right:5px}.edition{float:right;font-size:8px;opacity:.75;margin-top:5px}h1{font-family:Impact,Arial Narrow,Arial,sans-serif;font-size:clamp(45px,13.6vw,74px);font-weight:950;line-height:.91;letter-spacing:-1.4px;margin:16px 0 13px}h1 em{font-style:italic;color:var(--cream);position:relative}h1 em span{font:12px Arial;position:absolute;right:-14px;top:2px}#brand p{font-size:12px;letter-spacing:.2px}#top-actions{position:absolute;right:24px;top:env(safe-area-inset-top,0px);margin-top:65px;display:flex;flex-direction:column;gap:9px}.icon{background:#193c376e;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:39px;height:39px;border:1px solid #fff2ce50;border-radius:50%;font-size:19px;display:grid;place-content:center;position:relative}.off-mark{position:absolute;top:5px;left:16px;font-size:27px;font-weight:300;color:#ffc8ad}.bottom-panel{position:absolute;bottom:0;left:0;right:0;padding:24px 25px calc(15px + var(--safe));background:linear-gradient(180deg,#153b3500 0,#193b35f5 11%,#193b35 60%);padding-top:37px;max-width:520px;margin:auto}.menu-heading{display:flex;justify-content:space-between;align-items:flex-end}.menu-heading .eyebrow{color:#ddcda9;font-size:8px}h2{font-size:32px;letter-spacing:-1.3px;margin:5px 0 0;font-weight:800}.track-count{font-size:13px;padding-bottom:4px;letter-spacing:1px}.track-count span{opacity:.42}#track-description{font-size:11px;color:#dacfb7;margin:8px 0 19px}.track-tabs{display:flex;gap:7px}.track-tabs button{flex:1;background:#21483f;border:1px solid #8d9f8050;padding:12px 2px;font-size:9px;font-weight:800;letter-spacing:.6px;border-radius:3px}.track-tabs button span{opacity:.5;margin-right:4px;font-size:8px}.track-tabs button.selected{background:#ece1bf;color:#1e3e36;border-color:#ece1bf}.race-detail{display:flex;gap:24px;font-size:8px;letter-spacing:1px;margin:17px 0;color:#a9b4a0;align-items:center}.race-detail b{color:var(--cream);font-size:10px;margin-right:4px}.best-record{margin-left:auto}.primary{width:100%;background:var(--orange);color:#1a322c;border-radius:3px;padding:19px 20px;display:flex;align-items:center;justify-content:space-between;font-size:14px;font-weight:900;letter-spacing:1px;box-shadow:0 6px 18px #06171320}.button-arrow{font-size:23px;line-height:16px}.menu-foot{display:flex;justify-content:space-between;align-items:center;margin-top:16px;font-size:12px;font-weight:700}.menu-foot button{background:transparent;padding:6px 0;font-size:10px;letter-spacing:.9px;display:flex;gap:10px}.garage-icon{font-size:18px;line-height:10px;color:var(--orange)}#credits{font-size:12px;color:#edce83}.control-note{text-align:center;font-size:6.8px;letter-spacing:1px;color:#a1ae94;margin:17px 0 0}.hud-top{position:absolute;top:max(19px,env(safe-area-inset-top));left:23px;right:23px;display:flex;align-items:center;gap:24px;text-shadow:0 2px 12px #16332b}.position{display:flex;align-items:center;gap:7px}.position>span{font-size:53px;font-weight:900;font-style:italic;line-height:1;letter-spacing:-2px}.position small{font-size:13px;font-weight:700}.position em{display:block;font-size:6px;font-style:normal;letter-spacing:1.2px;margin-top:7px}.lap{border-left:1px solid #fff4da5c;padding-left:21px;display:flex;flex-direction:column;gap:3px}.lap .eyebrow{font-size:7px}.lap b{font-size:20px}.lap small{opacity:.65;font-size:11px}.hud-top .icon{margin-left:auto}.race-clock{position:absolute;left:24px;top:93px;display:flex;flex-direction:column;text-shadow:0 1px 5px #193c37;font-size:12px;font-weight:700;letter-spacing:1px}.race-clock small{font-size:6px;margin-top:6px;letter-spacing:1px}#minimap{position:absolute;right:15px;top:75px;width:90px;height:90px;filter:drop-shadow(0 1px 3px #23463888)}#player-tag{position:absolute;left:50%;top:calc(34% - 39px);display:flex;align-items:center;flex-direction:column;font-size:13px;color:#ffefbd;text-shadow:0 1px 4px #152f27;transform:translate(-50%);pointer-events:none}#player-tag span{font-size:6px;letter-spacing:1px;order:-1;margin-bottom:1px}#countdown{position:absolute;left:50%;top:43%;transform:translate(-50%,-50%);font-size:100px;font-weight:900;font-style:italic;text-shadow:4px 6px 0 #193c3750;pointer-events:none}#notice{position:absolute;top:49%;left:10px;right:10px;text-align:center;font-size:15px;letter-spacing:2px;font-weight:900;text-shadow:0 2px 4px #193c37;pointer-events:none}#touch-controls{position:absolute;bottom:calc(65px + var(--safe));left:20px;right:20px;display:flex;justify-content:space-between;align-items:flex-end;gap:12px}.steering-wrap>span{font-size:6px;letter-spacing:1px;font-weight:800;display:block;margin:0 0 13px 7px;text-shadow:0 1px 4px #14332c}#steering{width:163px;height:82px;border:1px solid #fff3d943;background:#193c373d;border-radius:45px;display:flex;align-items:center;justify-content:space-around;touch-action:none;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.steer-arrow{font-size:25px;color:#fff2d498}#steering-knob{width:70px;height:70px;border-radius:50%;background:#f4e8c42b;border:1px solid #f4e8c46e;display:grid;place-content:center;will-change:transform}#steering svg{width:56px;fill:none;stroke:#fff4d9;stroke-width:3.5}.pedals{display:flex;gap:11px;align-items:flex-end}.pedals button{display:flex;flex-direction:column;align-items:center;justify-content:center;touch-action:none;font-size:7px;font-weight:800;letter-spacing:1px}#brake{height:57px;width:49px;border-radius:14px;border:1px solid #fff3d945;background:#193c3740}#brake span{font-size:22px;line-height:23px;margin-bottom:4px}#boost{width:77px;height:90px;background:#ff693dee;color:#24382e;border-radius:23px;position:relative;overflow:hidden;border:1px solid #ffa671;box-shadow:0 4px 22px #fc723b2b}#boost svg{width:23px;height:31px;fill:#213c33;margin-bottom:7px;z-index:1}#boost>span{z-index:1}.nitro-fill{position:absolute;bottom:0;left:0;right:0;background:#fff0bd32;height:100%;pointer-events:none}.pedals button.held{filter:brightness(1.3);transform:scale(.95)}.hud-bottom{position:absolute;bottom:calc(22px + var(--safe));left:25px;right:25px;display:flex;justify-content:space-between;align-items:center;font-size:7px;letter-spacing:1px;text-shadow:0 1px 3px #15392f}.hud-bottom b{font-size:18px;letter-spacing:0;margin-right:3px}.hud-bottom>span:last-child{font-size:20px;font-weight:900;font-style:italic;letter-spacing:-2px}.orange{color:var(--orange)}#drift-label{font-size:6px;letter-spacing:1.8px}#keyboard-help{display:none}dialog{border:1px solid #a1ad8750;background:#193c37;color:var(--cream);border-radius:10px;width:min(420px,calc(100% - 34px));padding:27px;max-height:88dvh;overflow:auto;box-shadow:0 20px 80px #08231e77;touch-action:pan-y}dialog::backdrop{background:#102e2866;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}dialog h2{margin:7px 0 20px}dialog .eyebrow{color:#b1b99b}dialog p{font-size:12px;color:#cdd1b6;line-height:1.6}.modal-top{display:flex;justify-content:space-between;align-items:center}.close{background:#ffffff10;border-radius:50%;width:30px;height:30px;font-size:20px}.secondary{width:100%;border:1px solid #84947a70;border-radius:3px;background:#264a3f;padding:14px;margin-top:10px;font-size:10px;font-weight:800;letter-spacing:1px}.setting-row{display:flex;justify-content:space-between;align-items:center;padding:15px 0;border-bottom:1px solid #71866a40;gap:15px;font-size:12px}.setting-row small{display:block;font-size:9px;color:#aebaa0;margin-top:5px}.toggle{border-radius:30px;background:#53624f;min-width:54px;padding:10px;font-size:9px;font-weight:900}.toggle.on{background:var(--orange);color:#183b34}.garage-options{display:flex;gap:6px}.garage-options button{background:#294e42;border:1px solid transparent;flex:1;border-radius:4px;padding:14px 4px;font-size:8px;font-weight:800}.garage-options button.active{border-color:#ffc77c;background:#42604a}.car-swatch{display:block;width:36px;height:21px;margin:0 auto 10px;border-radius:7px 9px 4px 4px;box-shadow:0 3px #0c2925}.stat{display:flex;justify-content:space-between;align-items:center;margin:13px 0;font-size:9px;font-weight:700}.stat-track{width:60%;height:5px;background:#ffffff18;border-radius:2px;overflow:hidden}.stat-track i{display:block;height:100%;background:#e9c987}.result-position{font-size:80px;font-weight:900;font-style:italic;color:#f1d399;line-height:1;letter-spacing:-5px}.result-position small{font-size:24px;letter-spacing:-1px}.results-grid{display:flex;justify-content:space-between;margin:24px 0;font-size:8px;color:#b8c2a7;letter-spacing:1px}.results-grid strong{display:block;font-size:17px;color:var(--cream);letter-spacing:0;margin-top:8px}.leaderboard{font-size:10px;margin:20px 0}.leaderboard div{display:flex;justify-content:space-between;padding:8px 5px;border-bottom:1px solid #ffffff10}.leaderboard .you{color:#ffa171}.reward{font-size:12px!important;color:#edce83!important;text-align:center}.recovery{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;background:#17382dec;z-index:35;text-align:center;padding:20px}@media (min-width:700px){#brand{left:45px;top:37px;max-width:460px}h1{font-size:78px}.edition{float:none;margin-left:30px}#brand p{font-size:13px}#top-actions{right:33px;top:0;flex-direction:row;margin-top:33px}.bottom-panel{left:auto;right:35px;bottom:32px;width:365px;border:1px solid #fcf1ce32;border-radius:8px;padding:27px;background:#193c37ed;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.control-note{font-size:6px}#touch-controls{left:40px;right:40px;bottom:73px}.hud-top{left:35px;right:35px}.race-clock{left:36px}#minimap{width:110px;height:110px;right:29px}#keyboard-help{position:absolute;bottom:22px;left:50%;transform:translate(-50%);display:block;font-size:8px;letter-spacing:1px;white-space:nowrap}#keyboard-help span{margin:0 17px;opacity:.6}.hud-bottom{bottom:25px;left:42px;right:42px}.hud-bottom #drift-label{display:none}.steering-wrap>span{font-size:8px}#vignette{background:linear-gradient(180deg,#102c3260,transparent 35%,transparent 60%,#102c3270)}}@media (max-height:720px) and (max-width:699px){#brand{top:19px;left:21px}h1{font-size:47px;margin-top:12px}#brand p{font-size:10px}#brand .eyebrow{font-size:7px}.bottom-panel{padding:24px 21px calc(10px + var(--safe))}h2{font-size:26px}#track-description{margin:6px 0 12px}.track-tabs button{padding:10px 0}.race-detail{margin:12px 0}.primary{padding:15px 18px}.menu-foot{margin-top:10px}.control-note{margin-top:12px;font-size:5.8px}#top-actions{right:20px;margin-top:53px}.icon{width:33px;height:33px}#touch-controls{left:13px;right:13px;bottom:55px;gap:6px}#steering{width:140px;height:70px}#steering-knob{width:60px;height:60px}#steering svg{width:48px}#boost{width:65px;height:79px}.pedals{gap:7px}#brake{width:43px}.hud-bottom{bottom:17px}#steer-caption{font-size:5px}}@media (orientation:landscape) and (max-height:550px){#brand{top:19px;left:26px;right:auto}#brand h1{font-size:44px}#brand .eyebrow{font-size:6px}.edition{display:none}.bottom-panel{width:300px;right:18px;left:auto;bottom:10px;padding:17px;background:#193c37ed;border-radius:7px}.bottom-panel h2{font-size:24px}#track-description{margin:5px 0 10px}.track-tabs button{padding:9px 0;font-size:8px}.race-detail{margin:10px 0}.primary{padding:12px 15px}.menu-foot{margin-top:9px}.control-note{font-size:5px;margin-top:9px}#top-actions{left:25px;right:auto;top:150px;margin-top:0;flex-direction:row}.hud-top{left:20px;right:20px;top:15px}.position>span{font-size:36px}.race-clock{top:68px;font-size:9px}#minimap{top:49px;width:73px;height:73px}#touch-controls{bottom:39px}#steering{width:136px;height:65px}#steering-knob{width:56px;height:56px}#boost{height:68px;width:66px}#brake{height:48px}.hud-bottom{bottom:10px}#player-tag{top:calc(34% - 31px)}#keyboard-help{display:none}.steering-wrap>span{margin-bottom:5px}dialog{max-height:94dvh;padding:19px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}button:active{transform:none}}.garage-options button{overflow:hidden;padding:0 0 12px}.car-preview{width:100%;height:74px;object-fit:cover;display:block;margin-bottom:11px}.garage-options{margin-bottom:22px}#notice{top:66%;font-size:12px;letter-spacing:1px;padding:0 14px}#player-tag span{font-size:7px;font-weight:800;padding:2px 4px;background:#193c37b8;border-radius:3px}#countdown{top:40%}@media (orientation:landscape){#notice{top:80%;font-size:10px}}
