html,body,#root{min-height:100%}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0c1220}button{font-family:inherit}img{display:block}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@font-face{font-family:Barlow;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/7cHpv4kjgoGqM7EPCw.ttf) format("truetype")}@font-face{font-family:Barlow;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/7cHqv4kjgoGqM7E3_-gc4A.ttf) format("truetype")}@font-face{font-family:Barlow;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/7cHqv4kjgoGqM7E30-8c4A.ttf) format("truetype")}@font-face{font-family:Barlow;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/7cHqv4kjgoGqM7E3t-4c4A.ttf) format("truetype")}@font-face{font-family:Barlow Condensed;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/HTxwL3I-JCGChYJ8VI-L6OO_au7B4873_3E.ttf) format("truetype")}@font-face{font-family:Barlow Condensed;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/HTxwL3I-JCGChYJ8VI-L6OO_au7B46r2_3E.ttf) format("truetype")}@font-face{font-family:Barlow Condensed;font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/HTxwL3I-JCGChYJ8VI-L6OO_au7B47b1_3E.ttf) format("truetype")}@font-face{font-family:Barlow Condensed;font-style:normal;font-weight:900;font-display:swap;src:url(/fonts/HTxwL3I-JCGChYJ8VI-L6OO_au7B45L0_3E.ttf) format("truetype")}:root{font-family:Barlow,sans-serif;color:#fff5e5;background:#1c333c;font-synthesis:none;font-weight:500}*{box-sizing:border-box}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #a9f4ea;outline-offset:5px}button:disabled{cursor:default}.game-shell{position:relative;width:100%;height:100dvh;min-height:480px;overflow:hidden;isolation:isolate;outline:none;touch-action:none;background:#deb599}.scene,.scene canvas,.vignette{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.vignette{pointer-events:none;background:linear-gradient(180deg,#142b3970,transparent 23%,transparent 62%,#10232ecc);z-index:1}.topbar{position:absolute;z-index:3;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px 36px;color:#fff7e8;text-shadow:0 2px 9px #16323e50}.wordmark{color:inherit;text-decoration:none;display:flex;align-items:center;gap:13px}.wordmark>span{font:900 italic 40px/.8 Barlow Condensed,sans-serif;letter-spacing:-2px}.logo-slash{color:#ffa47f;margin-left:3px}.wordmark small{font:700 12px/.95 Barlow,sans-serif;letter-spacing:3px;max-width:45px}.run-stats{display:flex;gap:40px;text-align:right}.run-stats>div{display:grid;gap:2px}.run-stats small,.top-actions button{font-size:10px;letter-spacing:2px;font-weight:700}.run-stats strong{font:600 31px/1 Barlow Condensed,sans-serif}.run-stats em{font:500 14px Barlow,sans-serif}.top-actions{display:flex;align-items:center;gap:12px}.top-actions button{border:1px solid #ffffff40;background:#20313c45;color:inherit;border-radius:50px;padding:12px;min-height:40px}.top-actions button:last-child[aria-label=Pause],.top-actions button:last-child[aria-label=Resume]{font-size:20px;width:44px;padding:7px}.route-label{position:absolute;z-index:2;right:36px;top:112px;display:flex;gap:10px;align-items:center;color:#fff0d6;text-shadow:0 1px 7px #243c4450;font-size:12px;font-weight:700;letter-spacing:1.5px}.route-label small{display:block;font-size:8px;letter-spacing:2px;margin-top:4px}.route-number{border:1px solid #fff0d6b0;border-radius:5px;padding:5px;font:700 23px Barlow Condensed,sans-serif}.panel{position:absolute;z-index:4}.intro,.results{top:23%;left:7%;max-width:500px}.eyebrow{color:#ffd7b3;font-size:11px;font-weight:700;letter-spacing:3px;margin:0 0 14px}.panel h1,.panel h2{font:800 clamp(55px,7.4vw,114px)/.85 "Barlow Condensed","Arial Narrow",sans-serif;letter-spacing:-1px;margin:0 0 25px;filter:drop-shadow(0 2px 9px #143a4420)}.panel h1 span,.panel h2 span{color:#ffb594}.lede{font-size:16px;line-height:1.65;color:#fff2dd;margin:0 0 24px;text-shadow:0 1px 6px #20333d}.primary{border:0;border-radius:4px;background:#fcaa84;color:#273643;min-height:54px;min-width:258px;padding:14px 24px;display:flex;justify-content:space-between;gap:35px;align-items:center;font-size:13px;font-weight:800;letter-spacing:2px;box-shadow:0 10px 28px #1a273c22;transition:background .15s,transform .15s}.primary:hover{background:#ffc4a2;transform:translateY(-2px)}.primary span{font-size:24px}.start-hint{font-size:9px;letter-spacing:2px;opacity:.8;margin:12px 0 22px}.tutorial{display:grid;grid-template-columns:auto auto;gap:9px 24px}.tutorial p{margin:0;font-size:11px;color:#ece9df}.tutorial b{display:block;color:#fff8eb;font-size:10px;letter-spacing:1px;margin-bottom:3px}.mobile-hint{font-size:11px;line-height:1.7;color:#e4e1d8;margin-top:17px;max-width:310px}.phase-ready .vignette,.phase-crashed .vignette{background:linear-gradient(90deg,#142c3bd9,transparent 75%),linear-gradient(0deg,#122a37aa,transparent 28%)}.phase-ready .drive-deck{opacity:.55}.phase-ready .instrument,.phase-crashed .instrument{opacity:.75}.drive-deck{position:absolute;z-index:3;left:36px;right:36px;bottom:max(22px,env(safe-area-inset-bottom));display:flex;align-items:flex-end;justify-content:space-between;gap:25px}.steering{position:relative;display:flex;gap:10px;padding-bottom:18px}.steering button{border:1px solid #f8efd355;border-radius:8px;background:#1b333c7a;color:#fff4df;width:65px;height:59px;font-size:28px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.steering button:active{background:#faad83;color:#18303c}.steering small{position:absolute;bottom:0;left:0;right:0;text-align:center;font-size:8px;letter-spacing:2px}.instrument{width:200px;text-align:center;margin-left:50px}.speed{display:flex;justify-content:center;align-items:baseline;gap:7px}.speed strong{font:600 76px/.88 Barlow Condensed,sans-serif;font-variant-numeric:tabular-nums;letter-spacing:-2px}.speed span{font-size:10px;letter-spacing:1px}.energy-label{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.4px;margin:12px 0 6px}.energy-track{height:4px;background:#eef0ce30;border-radius:10px;overflow:hidden}.energy-track i{display:block;height:100%;background:#83e6d3;box-shadow:0 0 12px #83e6d3}.lane-status{display:block;font-size:8px;letter-spacing:1.4px;margin-top:10px}.lane-status span{margin:0 6px;color:#fcab85}.pedals{display:flex;align-items:flex-end;gap:12px}.pedal{display:flex;flex-direction:column;align-items:center;gap:7px;padding:12px 18px 9px;min-width:83px;color:#fff2dc;background:#18303c90;border:1px solid #f8efd350;border-radius:12px;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background .12s,transform .12s}.pedal strong{text-transform:uppercase;font-size:10px;letter-spacing:2px}.pedal small{font-size:8px;letter-spacing:1px;opacity:.7}.pedal-face{width:39px;height:38px;display:flex;flex-direction:column;justify-content:space-evenly;background:linear-gradient(120deg,#839397,#c0c5bc);border-radius:5px;transform:perspective(100px) rotateX(-12deg);padding:5px 6px;box-shadow:inset 0 0 0 2px #d6d5c930,0 4px #112832}.pedal-face i{height:3px;border-radius:3px;background:#253d46}.gas .pedal-face{height:63px;width:31px;background:linear-gradient(120deg,#d48568,#e9ae85)}.pedal.pressed{transform:translateY(4px);background:#b6694bb0;border-color:#ffd3a1}.pedal.pressed .pedal-face{transform:perspective(100px) rotateX(20deg)}.callout{position:absolute;z-index:3;top:23%;left:50%;transform:translate(-50%);text-align:center;display:grid;gap:6px;pointer-events:none;white-space:nowrap}.callout span{font:700 25px Barlow Condensed,sans-serif;letter-spacing:2px;text-shadow:0 2px 12px #133641}.callout small{font-size:10px;letter-spacing:3px;color:#ffd3a1}.modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:8;background:#152d3aba;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:grid;place-items:center;padding:24px}.pause-panel{position:static;text-align:center;max-width:430px}.pause-panel h2{font-size:72px}.pause-panel p{line-height:1.6}.pause-panel .primary{margin:24px auto 12px}.text-button{border:0;background:none;color:#f2e9d8;text-decoration:underline;font-size:12px;padding:14px}.results{top:19%}.results h2{font-size:78px;margin-bottom:20px}.result-score{font:700 55px Barlow Condensed,sans-serif}.result-score small{font:600 10px Barlow,sans-serif;letter-spacing:2px;margin-left:10px}.result-stats{display:flex;gap:30px}.result-stats p{display:grid;gap:4px;color:#d5ddd9;font-size:10px}.result-stats b{font-size:16px;color:#fff0da}.results>p:not(.eyebrow):not(.start-hint){font-size:12px}.results .primary{margin-top:22px}.phase-crashed .scene{filter:saturate(.65)}@media (min-width:1500px){.intro,.results{left:10%}}@media (max-width:760px){.game-shell{min-height:500px}.topbar{padding:18px;gap:12px}.wordmark>span{font-size:31px}.wordmark small{display:none}.run-stats{gap:17px}.run-stats strong{font-size:25px}.run-stats small{font-size:8px;letter-spacing:1px}.best-stat{display:none!important}.top-actions{gap:6px}.top-actions button{font-size:8px;letter-spacing:.6px;padding:9px;min-height:35px}.route-label{right:18px;top:88px;font-size:9px}.route-label small{font-size:6px}.route-number{font-size:19px}.intro,.results{left:24px;top:22%;max-width:330px}.panel h1{font-size:69px}.intro .lede{font-size:13px}.tutorial{display:none}.mobile-hint{font-size:10px;max-width:260px}.primary{min-width:235px}.drive-deck{left:16px;right:16px;bottom:max(18px,env(safe-area-inset-bottom));gap:14px;align-items:flex-end}.steering{gap:7px;padding-bottom:0}.steering button{width:48px;height:56px}.steering small{display:none}.pedals{gap:7px}.pedal{padding:10px 11px 8px;min-width:60px;border-radius:8px}.pedal-face{height:29px;width:30px}.gas .pedal-face{height:43px;width:25px}.pedal small{display:none}.pedal strong{font-size:9px;letter-spacing:1px}.instrument{position:absolute;bottom:112px;left:50%;transform:translate(-50%);margin:0;width:145px}.speed strong{font-size:54px}.energy-label{margin-top:8px;font-size:7px}.lane-status{font-size:7px;letter-spacing:.8px}.results{top:19%}.results h2{font-size:66px}.result-stats{gap:24px}.result-score{font-size:44px}.callout{top:24%}.callout span{font-size:20px}.phase-ready .instrument,.phase-crashed .instrument{display:none}.phase-ready .vignette,.phase-crashed .vignette{background:linear-gradient(90deg,#15303bd9,#19323d40),linear-gradient(0deg,#152c38aa,transparent 40%)}.results>p:not(.eyebrow):not(.start-hint){max-width:260px;font-size:11px}}@media (max-height:680px) and (min-width:761px){.intro,.results{top:21%;left:5%}.panel h1{font-size:65px;margin-bottom:15px}.lede{margin-bottom:15px;font-size:13px}.tutorial{display:none}.mobile-hint{font-size:10px}.results h2{font-size:58px;margin-bottom:8px}.result-score{font-size:40px}.results .primary{margin-top:13px}.start-hint{margin:8px 0}.drive-deck{bottom:16px}.speed strong{font-size:60px}}@media (max-height:700px) and (max-width:760px){.intro{top:20%}.panel h1{font-size:55px;margin-bottom:16px}.lede{line-height:1.4;margin-bottom:16px}.intro .mobile-hint{margin-top:12px}.primary{min-height:47px}.start-hint{margin-bottom:10px}.results h2{font-size:52px}.results{top:18%}.result-stats p{margin:8px 0}.results .primary{margin-top:12px}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important}}.instrument{position:absolute;left:176px;bottom:0;margin:0;width:166px}.phase-ready .drive-deck,.phase-crashed .drive-deck{visibility:hidden}@media (max-width:760px){.phase-running .instrument,.phase-paused .instrument{position:fixed;left:auto;right:20px;top:145px;bottom:auto;width:100px;transform:none}.instrument .speed strong{font-size:45px}.instrument .speed span{font-size:8px}.energy-label{font-size:6px;letter-spacing:.5px}.lane-status{font-size:6px;letter-spacing:.2px}.callout{top:24%;left:20px;transform:none;text-align:left}.callout span{font-size:16px}}.topbar{z-index:9}:root{font-family:Arial,Helvetica,sans-serif;color:#f8fafc;background:#0c1220}.wordmark>span{font:800 25px/1 Arial,Helvetica,sans-serif;letter-spacing:0}.panel h1,.panel h2{font-family:Arial,Helvetica,sans-serif;font-size:clamp(34px,4.2vw,60px);line-height:1.1;letter-spacing:0;margin-bottom:18px}.eyebrow,.panel h1 span,.panel h2 span{color:#93c5fd}.primary{background:#93c5fd;color:#10223b;letter-spacing:1px}.primary:hover{background:#bfdbfe}.top-actions button,.steering button,.pedal{background:#0c1220bc;border-color:#fff5;color:#f8fafc}.pedal.pressed{background:#244868db;border-color:#93c5fd}.gas .pedal-face{background:linear-gradient(120deg,#7196b5,#c4d7e5)}.energy-track i{background:#22c55e;box-shadow:none}.pause-panel h2,.results h2{font-size:42px}.intro{max-width:450px}.lede{font-size:15px}@media (max-width:760px){.wordmark>span{font-size:17px}.panel h1{font-size:42px}.panel h2{font-size:35px}.topbar{gap:9px}.intro{max-width:310px}}