@charset "UTF-8";
:root{color-scheme:dark;--bg:#080c12;--panel:#101720e6;--ink:#f5f7fa;--muted:#82909e;--gold:#f0b90b;--cyan:#73deef;--line:#ffffff1c;font-family:"Bahnschrift","DIN Alternate","Arial","Microsoft YaHei",sans-serif;font-synthesis:none}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{background:var(--bg);color:var(--ink);min-width:320px;overscroll-behavior:none}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;touch-action:manipulation}button:disabled{cursor:default}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:2px solid var(--gold);outline-offset:5px}button{transition:background .2s,transform .2s,box-shadow .2s}button:active{transform:translateY(1px)}.hidden{display:none!important}.app,.game,.stage{position:relative;width:100%;height:100%;height:100dvh}.app{min-height:440px}.game{isolation:isolate}.stage{overflow:hidden;background:#080d17}#game{display:block;width:100%;height:100%;outline:0;touch-action:none}.header{position:absolute;inset:0 0 auto;z-index:20;height:92px;padding:0 4.2%;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line);background:linear-gradient(#070c14ed,#080d16a3);backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:13px;text-decoration:none;color:#fff;white-space:nowrap}.brand-symbol{width:43px;height:43px;display:grid;place-items:center;background:var(--gold);clip-path:polygon(0 0,100% 0,100% 76%,76% 100%,0 100%)}.brand-symbol img{width:29px;height:29px}.brand-name{font-size:19px;font-weight:800;letter-spacing:.04em}.brand-name small{display:block;font-size:7px;font-weight:500;letter-spacing:.21em;color:#8995a4;margin-top:6px}.header-center{display:flex;gap:34px;align-items:center;font-size:10px;color:#778695;letter-spacing:.12em;height:100%}.header-center>span{height:100%;display:flex;align-items:center;position:relative}.header-center .menu-active{color:#fff}.menu-active:after{content:"";height:2px;background:var(--gold);position:absolute;bottom:0;left:0;right:0;box-shadow:0 0 14px #f0b90b80}.header-center i{font-style:normal;color:var(--gold);margin:0 8px}.header-actions{display:flex;align-items:center;gap:28px}.online{font-size:8px;letter-spacing:.12em;color:#91a0ad;white-space:nowrap}.online i,.route-live{display:inline-block;width:5px;height:5px;border-radius:50%;background:#75e2bd;box-shadow:0 0 9px #75e2bd80;margin-right:8px}.quiet-button{display:flex;align-items:center;gap:9px;border:0;background:none;color:#c2cbd3;font-size:11px;padding:10px 0}.quiet-button:hover{color:var(--gold)}.help-key{width:23px;height:23px;border:1px solid #ffffff38;display:grid;place-items:center;font-size:12px}
.hud{position:absolute;z-index:15;top:116px;left:4.2%;right:4.2%;display:flex;justify-content:space-between;align-items:center;gap:25px;pointer-events:none}.hud button{pointer-events:auto}.route{display:flex;gap:13px;align-items:center;color:#c5ced5;font-size:12px;font-weight:700}.route-symbol{color:var(--gold);font-size:37px;font-weight:400;line-height:1}.route small{display:block;font-size:7px;letter-spacing:.14em;font-weight:400;color:#778c9c;margin-top:6px}.route-live{margin:0 0 0 9px;width:4px;height:4px}.stats{display:flex;margin-left:auto;gap:29px}.stat{border-left:1px solid #ffffff25;padding-left:24px;min-width:105px}.stat>span{font-size:7px;letter-spacing:.12em;color:#7d92a3;white-space:nowrap}.stat>span i{display:none}.stat div{display:flex;align-items:baseline;gap:7px;margin-top:6px}.stat b{font-size:29px;font-weight:500;font-variant-numeric:tabular-nums;line-height:1;letter-spacing:.01em}.stat small{font-size:9px;color:#758a9a}.star-stat b,.star-stat small{color:var(--gold)}.utilities{display:flex;gap:7px;margin-left:12px}.utility{width:35px;height:35px;border:1px solid #ffffff29;background:#101a24b3;color:#c8d3dd;display:flex;align-items:center;justify-content:center;gap:3px;font-size:15px}.utility:hover{background:#f0b90b22;border-color:#f0b90b99}.utility span{font-size:7px;color:#8c9fae}.utility:disabled{opacity:.3}#pauseBtn{font-size:12px}
.scene-backdrop{position:absolute;inset:0;z-index:1;background:#101927 url('assets/skybreak-world.png') center 45%/cover no-repeat;pointer-events:none;opacity:1;transition:opacity .8s}.scene-grade{position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(90deg,#040810ed 0%,#060c159c 27%,#08101c12 61%,#060b173d 100%),linear-gradient(0deg,#050910f2 0%,transparent 33%,#060a1429 65%,#050911ad 100%)}.scene-grain{position:absolute;inset:0;z-index:3;opacity:.2;pointer-events:none;background-image:repeating-linear-gradient(0deg,transparent,transparent 3px,#00000021 4px);mix-blend-mode:soft-light}.world-type{position:absolute;z-index:3;right:5.7%;top:24%;font-size:clamp(70px,10vw,155px);font-weight:900;letter-spacing:-.045em;color:transparent;-webkit-text-stroke:1px #a3bbca28;line-height:1;pointer-events:none}.car-preview{position:absolute;z-index:4;pointer-events:none;right:-1.5%;top:45%;width:min(67vw,1100px);transform:translateY(-41%);display:none}.car-preview img{display:block;width:100%;filter:drop-shadow(0 25px 35px #00000055);animation:jetHover 6s ease-in-out infinite}.car-orbit{position:absolute;bottom:6%;left:13%;width:69%;height:18%;border:1px solid #80d7eb30;transform:rotate(-9deg);border-radius:50%;box-shadow:0 0 25px #30bde414,inset 0 0 35px #30bde413;z-index:-1}.car-tag{position:absolute;right:13%;bottom:5%;font-size:7px;letter-spacing:.19em;color:#a5bfca;border-left:2px solid var(--gold);padding:7px 10px;background:#09111a99}.car-tag i{display:inline-block;width:4px;height:4px;background:var(--gold);margin-right:7px}body.car-art-ready[data-state="ready"] .car-preview{display:block}@keyframes jetHover{0%,100%{transform:translateY(7px) rotate(-1deg)}50%{transform:translateY(-6px) rotate(.5deg)}}
.start-panel{position:absolute;z-index:7;top:27%;left:5.2%;max-width:490px}.eyebrow{font-size:9px;font-weight:500;letter-spacing:.23em;color:#a8b6c5;margin:0 0 24px;display:flex;align-items:center;gap:11px}.eyebrow>span{display:block;width:19px;height:2px;background:var(--gold);box-shadow:0 0 10px #f0b90b66}.eyebrow i{font-style:normal;color:#526372;margin:0 2px}.start-panel h1{font-size:clamp(52px,5.7vw,88px);font-weight:900;line-height:1.12;letter-spacing:-.045em;margin:0 0 20px;text-shadow:0 4px 30px #03070dab}.start-panel h1 em{font-style:italic;color:var(--gold);font-size:1.27em;letter-spacing:-.06em;position:relative}.title-lines{font-size:.42em;letter-spacing:-.13em;position:absolute;left:calc(100% + 24px);top:32%;font-weight:400;color:#f0b90b6e}.intro{font-size:12px;line-height:2;letter-spacing:.12em;color:#8fa0ad;margin:0 0 27px}.intro strong{font-weight:400;color:#c5d0d9}.primary{width:100%;min-height:60px;border:0;padding:15px 22px;background:var(--gold);color:#11151a;display:flex;align-items:center;justify-content:space-between;gap:25px;font-weight:800;letter-spacing:.1em;clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px))}.primary:hover{background:#ffd13d;box-shadow:0 0 40px #f0b90b55;transform:translateY(-2px)}.start-panel .primary{width:292px;min-height:76px}.button-copy{font-size:17px;text-align:left}.button-copy small{display:block;font-size:7px;letter-spacing:.25em;font-weight:600;margin-top:7px;color:#5b4e18}.button-arrow{font-size:43px;font-weight:400;line-height:1}.start-caption{margin-top:15px;display:flex;gap:8px;align-items:center;font-size:8px;letter-spacing:.09em;color:#718693}.start-caption>span{width:4px;height:4px;background:#6bdaae;box-shadow:0 0 8px #6bdaae70}.start-caption i{font-style:normal;color:#53616a}.quick-controls{display:flex;gap:21px;margin-top:34px;font-size:8px;color:#7f929f}.quick-controls>span{display:flex;gap:4px;align-items:center}.quick-controls i{font-style:normal;margin-left:4px}kbd{display:inline-grid;place-items:center;height:21px;min-width:22px;padding:3px 5px;border:1px solid #9bb2c336;border-bottom-width:2px;background:#1019239e;font:500 8px/1 system-ui,sans-serif;color:#a4b6c4;letter-spacing:0}.mobile-instruction{display:none}
.vehicle-spec{position:absolute;z-index:7;bottom:85px;right:5.2%;width:395px;border-top:1px solid #c2d7e240;padding:18px 0 0;background:linear-gradient(90deg,transparent,#060c1322)}.vehicle-spec-title{display:flex;align-items:center;justify-content:space-between;font-size:7px;letter-spacing:.16em;color:#758c9e}.vehicle-spec-title i{font-style:normal;color:var(--gold);margin:0 7px}.vehicle-badge{color:var(--gold);border:1px solid #f0b90b4a;padding:4px 7px;font-size:6px}.vehicle-spec h2{font-size:20px;letter-spacing:.05em;font-weight:300;margin:11px 0 17px;display:flex;align-items:center;gap:7px}.vehicle-spec h2 strong{font-weight:700}.vehicle-spec h2>span{margin-left:auto;color:#7a92a4;font-size:23px;font-weight:300}.spec-grid{display:flex;justify-content:space-between;gap:24px}.spec-grid>div+div{padding-left:23px;border-left:1px solid #ffffff20}.spec-grid span{display:block;font-size:7px;color:#6f8698;margin-bottom:7px}.spec-grid strong{font-size:10px;font-weight:500;color:#b9c7d1}.paint-swatch{display:inline-block;width:6px;height:6px;background:var(--gold);margin-right:4px}.spec-bars{display:flex;gap:3px;margin-top:20px}.spec-bars span{height:3px;flex:1;background:#d7ad3140}.spec-bars span:nth-child(-n+9){background:#e9b71499}
.flight-crosshair{position:absolute;z-index:4;left:50%;top:47%;transform:translate(-50%,-50%);display:none;align-items:center;gap:12px;pointer-events:none;opacity:.5}.flight-crosshair>span{width:16px;height:1px;background:#9ed9df}.flight-crosshair>i{width:5px;height:5px;border:1px solid #9ed9df;transform:rotate(45deg)}.telemetry{position:absolute;z-index:7;bottom:88px;left:4.2%;display:none;align-items:center;gap:24px;pointer-events:none}.telemetry-gauge{--gauge:45%;width:142px;height:142px;border-radius:50%;padding:5px;background:conic-gradient(from 222deg,var(--gold) 0 var(--gauge),#597a8a26 var(--gauge) 78%,transparent 78% 100%);transform:rotate(0deg);position:relative}.telemetry-gauge:after{content:"";position:absolute;inset:12px;border-radius:50%;border:1px solid #77a9b52b}.telemetry-gauge>div{width:100%;height:100%;border-radius:50%;background:#07101ceb;display:flex;flex-direction:column;align-items:center;justify-content:center}.telemetry-gauge small{font-size:6px;letter-spacing:.2em;color:#5a8197}.telemetry-gauge strong{font-size:43px;line-height:1.1;font-weight:400;font-variant-numeric:tabular-nums;letter-spacing:-.04em;margin:5px 0}.telemetry-gauge span{font-size:7px;letter-spacing:.16em;color:#6d93a3}.telemetry-side{display:flex;flex-direction:column;gap:8px}.telemetry-side>span{font-size:6px;letter-spacing:.15em;color:#6f96a8}.telemetry-side>strong{font-size:17px;letter-spacing:.1em;font-weight:400;margin-bottom:8px}.telemetry-side b{font-weight:400}.telemetry-side small{font-size:8px;margin-left:6px;color:#7196a8}.lane-marker{position:absolute;z-index:7;right:4.2%;bottom:100px;display:none;pointer-events:none;text-align:center}.lane-marker small{font-size:7px;letter-spacing:.15em;color:#6991a3}.lane-marker>div{display:flex;gap:9px;margin-top:14px}.lane-marker span{display:block;width:25px;height:60px;border:1px solid #7cc9e333;transform:skewY(-8deg);background:linear-gradient(transparent,#3f829118)}.lane-marker .active{background:linear-gradient(#f0b90b00,#f0b90b55);border-color:#f0b90b99;box-shadow:0 5px 20px #f0b90b0d}.flight-tip{position:absolute;z-index:7;top:192px;left:50%;transform:translateX(-50%);display:none;align-items:center;gap:11px;white-space:nowrap;font-size:8px;color:#8fa9b7;background:#07111acc;border:1px solid #8eb9ca21;padding:11px 17px;pointer-events:none;letter-spacing:.04em}.flight-tip>span{color:var(--gold)}.flight-tip i{font-style:normal;color:#3d6071}.boost-status{position:absolute;z-index:7;bottom:98px;left:50%;transform:translateX(-50%);display:none;width:240px;background:#07111aa6;padding:13px 16px;border:1px solid #86b4c026;color:#c4d9e1}.boost-top{display:flex;align-items:center;justify-content:space-between;font-size:9px}.boost-top b{font-weight:500}.boost-top kbd{font-size:6px;height:17px;border-color:#6895a633}.boost-dot{display:inline-block;width:4px;height:4px;background:var(--gold);margin-right:7px;box-shadow:0 0 8px #f0b90b77}.engine-track{height:4px;background:#3f6b7b42;margin:13px 0 8px;overflow:hidden}.engine-track>div{height:100%;background:var(--gold);width:100%;transition:width .1s;box-shadow:0 0 13px #f0b90b77}.boost-status>small{font-size:5px;letter-spacing:.2em;color:#548194}.boost-status[data-ready="false"] .engine-track>div{background:var(--cyan)}.speed-lines{position:absolute;inset:0;z-index:5;pointer-events:none;opacity:0;transition:opacity .2s;background:radial-gradient(ellipse at 50% 42%,transparent 35%,#56c9f91c 85%,#76d9ff35),linear-gradient(115deg,transparent 15%,#b8eaff33 15.1%,transparent 15.3%,transparent 80%,#b8eaff33 80.1%,transparent 80.3%)}body[data-boosting="true"] .speed-lines{opacity:.8}
.modal{position:absolute;z-index:30;left:50%;top:52%;transform:translate(-50%,-50%);width:380px;max-width:calc(100% - 32px);max-height:calc(100% - 160px);overflow-y:auto;overscroll-behavior:contain;padding:34px 30px 27px;border:1px solid #7796ab46;border-top:2px solid var(--gold);background:#09121ded;backdrop-filter:blur(24px);box-shadow:0 25px 100px #000b;text-align:center}.modal .eyebrow{justify-content:center;letter-spacing:.1em;font-size:8px;margin:15px 0;color:#728fa0}.modal-icon{display:grid;place-items:center;width:43px;height:43px;margin:0 auto;color:var(--gold);border:1px solid #f0b90b38;background:#f0b90b0b;font-size:22px}.modal h2{font-size:27px;line-height:1.35;letter-spacing:.02em;margin:0 0 14px;font-weight:800}.modal-description{font-size:10px;line-height:1.9;color:#879eae;margin:0 0 23px}.modal .primary{font-size:12px;min-height:53px}.panel-note{font-size:8px;line-height:1.9;letter-spacing:.05em;color:#566f80;margin:18px 0 0}.result-stats{display:flex;margin:0 0 23px;padding:19px 0;border-top:1px solid #7d9aa723;border-bottom:1px solid #7d9aa723}.result-stats>div{flex:1}.result-stats>div+div{border-left:1px solid #7d9aa723}.result-stats span{display:block;font-size:8px;color:#6f8d9f;margin-bottom:10px}.result-stats strong{font-size:32px;font-weight:400}.result-stats small{font-size:8px;margin-left:5px;color:#6b8a9c}.result-stats>div:last-child strong{color:var(--gold)}.modal-close{position:absolute;right:12px;top:9px;border:0;background:none;color:#8399a8;font-size:23px}.help-list{margin:25px 0;text-align:left}.help-list p{display:grid;grid-template-columns:30px 1fr;gap:8px;margin:19px 0}.help-list span{grid-row:span 2;align-self:center;color:var(--gold);font-size:11px}.help-list strong{font-size:12px;font-weight:500}.help-list small{font-size:9px;color:#6d8b9d}.help-list+.panel-note{margin-bottom:22px}.toast{position:absolute;z-index:8;left:50%;top:239px;transform:translateX(-50%);font-size:11px;color:var(--gold);background:#0d161ed9;border:1px solid #f0b90b3d;padding:9px 18px;pointer-events:none;opacity:0;transition:opacity .18s}.toast.visible{opacity:1}.touch-controls{position:absolute;z-index:10;bottom:74px;left:20px;right:20px;display:none;justify-content:space-between;align-items:flex-end;pointer-events:none}.touch-controls button{pointer-events:auto;width:57px;height:53px;display:grid;place-items:center;touch-action:none;user-select:none;-webkit-user-select:none;border:1px solid #8eacbd55;background:#0a1826da;color:#b9d4e2;backdrop-filter:blur(8px);font-size:25px}.touch-controls button[data-action="boost"]{width:66px;height:66px;border:1px solid #f0b90b88;background:#f0b90b1f;color:var(--gold);display:flex;flex-direction:column;justify-content:center;gap:4px}.touch-controls small{font-size:7px;letter-spacing:.15em}.touch-controls button:active{background:#f0b90b55}.game-footer{position:absolute;inset:auto 4.2% 0;z-index:18;height:57px;border-top:1px solid #ffffff18;display:flex;align-items:center;justify-content:space-between;gap:20px;pointer-events:none;font-size:7px;letter-spacing:.13em;color:#526c7f}.footer-motto{display:flex;align-items:center;gap:9px;color:#a7b9c5;font-size:8px}.footer-motto>i{height:4px;width:4px;background:var(--gold)}.footer-motto>span{font-size:7px;color:#526c7f;letter-spacing:.04em;margin-left:5px}.footer-mid{font-size:6px;letter-spacing:.25em}.footer-signature>i{font-style:normal;color:var(--gold);margin:0 7px}.footer-signature>span{border:1px solid #71899540;padding:4px 7px;margin-left:12px;font-size:6px}
body:not([data-state="ready"]) .scene-backdrop{opacity:0}body:not([data-state="ready"]) .scene-grade{background:linear-gradient(0deg,#030a13b8,transparent 30%,transparent 65%,#050c16a1)}body:not([data-state="ready"]) .world-type,body:not([data-state="ready"]) .vehicle-spec{display:none}body[data-state="running"] .telemetry,body[data-state="running"] .lane-marker,body[data-state="running"] .boost-status,body[data-state="running"] .flight-tip,body[data-state="running"] .flight-crosshair{display:flex}body[data-state="running"] .boost-status,body[data-state="running"] .lane-marker{display:block}body[data-help="true"] .start-panel{visibility:hidden}body[data-help="true"] .vehicle-spec{opacity:.2}body[data-help="true"] .flight-tip{display:none}
@media(min-width:1700px){.header{height:110px}.hud{top:140px}.start-panel{top:29%}.start-panel h1{font-size:100px}.intro{font-size:14px}.car-preview{right:0;width:65vw;max-width:1300px}.vehicle-spec{width:450px;bottom:105px}.game-footer{height:67px}.start-panel .primary{width:330px}}
@media(max-width:1100px){.header-center{display:none}.header{padding:0 4%}.hud{left:4%;right:4%;gap:12px}.stats{gap:18px}.stat{padding-left:18px;min-width:85px}.start-panel{left:5%;top:28%}.start-panel h1{font-size:64px}.intro{font-size:11px}.car-preview{width:66vw;right:-5%;top:48%}.vehicle-spec{width:330px;right:5%;bottom:83px}.spec-grid{gap:15px}.spec-grid>div+div{padding-left:15px}.world-type{top:28%;right:3%;font-size:12vw}}
@media(max-height:780px) and (min-width:761px){.header{height:75px}.hud{top:94px}.start-panel{top:26%}.eyebrow{margin-bottom:15px}.start-panel h1{font-size:62px;margin-bottom:12px}.intro{margin-bottom:18px;font-size:11px}.start-panel .primary{min-height:62px;width:270px}.quick-controls{margin-top:21px}.vehicle-spec{bottom:73px}.car-preview{top:46%}.game-footer{height:48px}}
@media(max-width:760px){.app{min-height:440px}.header{height:69px;padding:0 21px;gap:10px}.brand{gap:10px}.brand-symbol{width:34px;height:34px}.brand-symbol img{width:24px;height:24px}.brand-name{font-size:15px}.brand-name small{font-size:5px;letter-spacing:.15em;margin-top:5px}.online{display:none}.quiet-button{font-size:9px;gap:6px}.help-key{width:19px;height:19px;font-size:10px}.hud{top:91px;left:21px;right:21px;gap:10px;align-items:flex-start}.route{display:none}.stats{margin:0;flex:1;gap:0;justify-content:space-between}.stat{min-width:0;padding-left:13px;flex:1}.stat:first-child{border:0;padding-left:0}.stat>span{font-size:5px;letter-spacing:.06em}.stat b{font-size:23px}.stat div{gap:4px;margin-top:7px}.stat small{font-size:7px}.utilities{gap:4px;margin:0 0 0 3px}.utility{width:28px;height:28px;font-size:12px}.utility span{font-size:6px}.start-panel{top:23.5%;left:26px;max-width:calc(100% - 48px)}.eyebrow{font-size:7px;letter-spacing:.15em;gap:8px;margin-bottom:18px}.eyebrow>span{width:13px}.start-panel h1{font-size:51px;line-height:1.07;margin-bottom:17px}.title-lines{left:calc(100% + 19px);top:33%}.intro{font-size:10px;line-height:1.9;letter-spacing:.07em;margin-bottom:19px}.start-panel .primary{width:235px;min-height:64px;padding:13px 19px}.button-copy{font-size:14px}.button-copy small{font-size:6px;margin-top:5px}.button-arrow{font-size:35px}.start-caption{font-size:6px;gap:6px;margin-top:12px}.quick-controls{display:none}.mobile-instruction{display:block;font-size:7px;letter-spacing:.06em;color:#637d91;margin-top:14px}.mobile-instruction i{font-style:normal;color:#f0b90b66;margin:0 7px}.car-preview{top:auto;bottom:103px;right:-4%;width:108%;transform:none}.car-preview img{max-height:32vh;object-fit:contain}.car-tag{font-size:5px;right:13%;bottom:0;padding:5px 7px}.car-orbit{bottom:3%;height:12%}.world-type{top:auto;bottom:32%;left:23px;right:auto;font-size:19vw;letter-spacing:-.04em}.vehicle-spec{bottom:56px;right:23px;left:23px;width:auto;padding-top:9px}.vehicle-spec-title{font-size:5px}.vehicle-badge{font-size:5px;padding:3px 5px}.vehicle-spec h2{font-size:15px;margin:7px 0}.vehicle-spec h2>span{font-size:17px}.spec-grid,.spec-bars{display:none}.scene-backdrop{background-position:59% center}.scene-grade{background:linear-gradient(90deg,#050a12e0,transparent 90%),linear-gradient(0deg,#050910f5,transparent 44%,#050a1240 75%,#050910f0)}.game-footer{left:21px;right:21px;height:40px;gap:10px}.footer-motto{font-size:6px;gap:6px}.footer-motto>span,.footer-mid{display:none}.footer-signature{font-size:5px;letter-spacing:.08em}.footer-signature>i{margin:0 3px}.footer-signature>span{font-size:5px;padding:3px 5px;margin-left:4px}.flight-tip{top:155px;font-size:6px;padding:9px 12px;gap:7px}.toast{top:197px;font-size:9px}.telemetry{bottom:176px;left:21px;gap:13px}.telemetry-gauge{width:104px;height:104px;padding:3px}.telemetry-gauge:after{inset:9px}.telemetry-gauge strong{font-size:31px;margin:4px 0}.telemetry-gauge small{font-size:5px}.telemetry-gauge span{font-size:5px}.telemetry-side{gap:5px}.telemetry-side>span{font-size:5px}.telemetry-side>strong{font-size:13px;margin-bottom:5px}.telemetry-side small{font-size:6px}.lane-marker{right:24px;bottom:194px}.lane-marker small{font-size:5px}.lane-marker>div{gap:5px;margin-top:9px}.lane-marker span{width:15px;height:43px}.boost-status{bottom:77px;width:146px;padding:9px 11px}.boost-top{font-size:7px}.boost-top kbd{display:none}.boost-status>small{font-size:4px}.engine-track{margin:10px 0 6px;height:3px}.touch-controls{bottom:64px;left:21px;right:21px}.touch-controls button[data-action="boost"]{visibility:hidden}body[data-state="running"] .touch-controls{display:flex}body[data-state="running"] .boost-status{pointer-events:none;bottom:72px}body[data-state="running"] .touch-controls button[data-action="boost"]{visibility:visible;transform:translateY(-81px)}.modal{width:340px;top:53%;padding:27px 24px 23px;max-height:calc(100% - 160px)}.modal h2{font-size:25px}}
@media(max-width:380px){.header{padding:0 16px}.brand-name{font-size:13px}.brand{gap:7px}.quiet-button{font-size:8px}.start-panel{left:23px;top:23%}.start-panel h1{font-size:46px}.start-panel .primary{width:220px}.hud{left:17px;right:17px}.stat>span{font-size:4.5px}.stat{padding-left:9px}.car-preview{bottom:101px}.vehicle-spec{left:21px;right:21px}}
@media(max-height:740px) and (max-width:760px){.header{height:61px}.hud{top:79px}.start-panel{top:23%}.start-panel h1{font-size:43px;margin-bottom:12px}.eyebrow{margin-bottom:12px;font-size:6px}.intro{font-size:9px;margin-bottom:15px}.start-panel .primary{width:216px;min-height:56px}.start-caption{margin-top:10px}.mobile-instruction{margin-top:11px}.car-preview{bottom:95px;width:96%;right:-3%}.car-preview img{max-height:29vh}.world-type{bottom:31%;font-size:17vw}}
@media(max-height:620px) and (max-width:760px){.start-panel{top:25%}.start-panel h1{font-size:37px;margin-bottom:9px}.intro{display:none}.eyebrow{margin-bottom:10px}.start-panel .primary{min-height:51px;width:204px}.start-caption,.mobile-instruction{display:none}.car-preview{bottom:94px;width:84%;right:-1%}.car-preview img{max-height:28vh}.vehicle-spec{bottom:51px}.vehicle-spec-title{display:none}.vehicle-spec h2{margin:4px 0}.world-type{bottom:30%}.telemetry{bottom:160px}.flight-tip{top:140px}.modal{max-height:calc(100% - 130px)}}
@media(max-height:500px) and (min-width:600px){.header{height:57px}.hud{top:76px}.start-panel{top:34%;left:5%}.start-panel h1{font-size:36px;margin-bottom:15px}.eyebrow{font-size:6px;margin-bottom:10px}.intro,.quick-controls,.start-caption,.mobile-instruction{display:none}.start-panel .primary{width:210px;min-height:50px}.button-copy{font-size:12px}.button-copy small{font-size:5px}.button-arrow{font-size:29px}.car-preview{top:53%;bottom:auto;width:59vw;right:0;transform:translateY(-42%)}.car-preview img{max-height:100%}.vehicle-spec{right:4%;left:auto;width:275px;bottom:54px;padding-top:8px}.vehicle-spec-title{font-size:5px}.vehicle-spec h2{font-size:14px;margin:7px 0}.spec-grid,.spec-bars{display:none}.world-type{top:28%;right:5%;left:auto;font-size:11vw}.game-footer{height:38px}.route{display:none}.telemetry{bottom:52px;gap:12px}.telemetry-gauge{width:90px;height:90px}.telemetry-gauge strong{font-size:29px}.telemetry-side>strong{font-size:11px}.telemetry-side>span{font-size:5px}.boost-status{bottom:56px;width:190px}.lane-marker{bottom:63px}.flight-tip{top:122px}.modal{padding:20px 25px;top:57%;max-height:calc(100% - 110px)}.modal-icon,.modal .eyebrow,.modal .panel-note{display:none}.modal h2{font-size:22px}.modal-description{margin-bottom:13px}.result-stats{padding:11px 0;margin-bottom:13px}.help-list{margin:13px 0}.help-list p{margin:12px 0}}
@media(pointer:coarse) and (min-width:761px){body[data-state="running"] .touch-controls{display:flex}.telemetry{bottom:147px}.boost-status{bottom:151px}.lane-marker{bottom:159px}.touch-controls{bottom:72px}.quick-controls{display:none}.mobile-instruction{display:block;font-size:8px;color:#7890a0}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.speed-lines{display:none}}
@supports(padding:max(0px)){.game-footer{padding-bottom:env(safe-area-inset-bottom)}.touch-controls{bottom:max(64px,env(safe-area-inset-bottom))}}

/* Keep the vehicle data panel clear of artwork annotations. */
.car-tag{display:none}
@media(max-width:760px){.telemetry{bottom:220px}.lane-marker{bottom:235px}body[data-state="running"] .boost-status{bottom:143px}body[data-state="running"] .touch-controls button[data-action="boost"]{transform:none}}
@media(max-height:620px) and (max-width:760px){.telemetry{bottom:205px}.lane-marker{bottom:220px}}
@media(max-height:740px) and (max-width:760px){.start-caption,.mobile-instruction{display:none}}