:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f8f5e8;background:#9ed3df;font-synthesis:none}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden;overscroll-behavior:none;touch-action:none;user-select:none;-webkit-user-select:none}button{font:inherit;color:inherit;border:0;cursor:pointer;touch-action:none}.game-shell,.canvas-host,canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.hud{position:absolute;inset:0;pointer-events:none;padding:max(24px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left))}.drive-readout{position:absolute;left:max(28px,env(safe-area-inset-left));bottom:max(14px,calc(env(safe-area-inset-bottom) + 6px));display:flex;flex-direction:column-reverse;align-items:flex-start;gap:24px}.speed{display:flex;align-items:baseline;gap:8px;text-shadow:0 2px 14px #20333780}.speed strong{font-size:clamp(2.8rem,7vw,5.8rem);font-weight:350;letter-spacing:-.07em;line-height:.8;font-variant-numeric:tabular-nums}.speed span{font-size:.68rem;font-weight:750;letter-spacing:.18em;opacity:.82}.odometer{min-width:154px;margin-left:2px;padding:10px 13px;border:1px solid #ffffff1c;border-radius:13px;background:#14292da8;backdrop-filter:blur(10px);display:grid;gap:5px;font-variant-numeric:tabular-nums}.odometer div{display:flex;align-items:baseline;justify-content:space-between;gap:14px}.odometer span{color:#d7ef8a;font-size:.49rem;font-weight:850;letter-spacing:.14em}.odometer strong{font-size:.72rem;font-weight:620}.gear-indicator{margin-left:10px;padding-left:15px;border-left:1px solid #f8f5e84a;display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto auto;align-items:baseline;column-gap:3px;min-width:54px;text-shadow:0 2px 12px #14272c99}.gear-indicator small{grid-column:1 / 3;font-size:.46rem;font-weight:800;letter-spacing:.16em;opacity:.6}.gear-indicator b{font-size:1.7rem;font-weight:560;line-height:1;font-variant-numeric:tabular-nums}.gear-indicator em{font-style:normal;font-size:.56rem;font-weight:750;opacity:.62}.gear-indicator i{grid-column:1 / 3;width:48px;height:3px;margin-top:5px;overflow:hidden;border-radius:99px;background:#ffffff28}.gear-indicator u{display:block;width:100%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#d7ef8a,#f3c875 72%,#ed6a4d);transform:scaleX(0);transform-origin:left;transition:transform .06s linear}.status{position:absolute;left:max(30px,env(safe-area-inset-left));top:max(28px,env(safe-area-inset-top));padding:10px 15px;border-radius:99px;background:#1e3138a6;backdrop-filter:blur(12px);font-size:.68rem;letter-spacing:.12em;font-weight:720;display:flex;gap:8px;align-items:center}.status i{width:7px;height:7px;border-radius:50%;background:#a7aaa1}.status.active i{background:#d7ef8a;box-shadow:0 0 12px #d7ef8a}.cruise-panel{--cruise-progress: 29%;position:absolute;left:max(28px,env(safe-area-inset-left));top:max(82px,calc(env(safe-area-inset-top) + 54px));width:min(336px,calc(100vw - 56px));padding:7px;border:1px solid #f7f4e72b;border-radius:17px;background:linear-gradient(145deg,#112326e8,#203a3cce);box-shadow:0 14px 34px #0d24293d,inset 0 1px #ffffff12;backdrop-filter:blur(14px);display:grid;grid-template-columns:72px 38px 1fr 38px;align-items:center;gap:5px;pointer-events:auto;transition:border-color .25s,box-shadow .25s}.cruise-panel.active{border-color:#d7ef8a66;box-shadow:0 18px 42px #0d242942,0 0 24px #d7ef8a18,inset 0 1px #ffffff16}.cruise-panel.auto{border-color:#7ed8e87d;box-shadow:0 18px 42px #0d242942,0 0 24px #7ed8e81c,inset 0 1px #ffffff16}.cruise-panel.boost{border-color:#f3c8758c}.cruise-toggle,.cruise-step{height:36px;border-radius:10px;background:#ffffff0d;border:1px solid #ffffff14}.cruise-toggle{display:grid;place-content:center;grid-auto-flow:column;align-items:center;gap:7px;font-size:.58rem;font-weight:820;letter-spacing:.1em}.cruise-toggle i{width:7px;height:7px;border-radius:50%;background:#788485;transition:background .2s,box-shadow .2s}.cruise-panel.active .cruise-toggle i{background:#d7ef8a;box-shadow:0 0 10px #d7ef8a}.cruise-panel.auto .cruise-toggle i{background:#7ed8e8;box-shadow:0 0 10px #7ed8e8}.cruise-panel.boost .cruise-toggle i{background:#f3c875;box-shadow:0 0 10px #f3c875}.cruise-toggle:hover,.cruise-step:hover{background:#ffffff18}.cruise-step{font-size:1.3rem;font-weight:420;line-height:1}.cruise-readout{min-width:0;display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;align-items:baseline;justify-content:center;column-gap:5px;font-variant-numeric:tabular-nums}.cruise-readout small{grid-column:1 / 3;font-size:.46rem;font-weight:750;letter-spacing:.16em;opacity:.52}.cruise-readout strong{font-size:1.28rem;line-height:1;font-weight:520;letter-spacing:-.04em}.cruise-readout em{font-style:normal;font-size:.48rem;font-weight:780;letter-spacing:.08em;opacity:.62}.cruise-range{grid-column:1 / 4;width:100%;height:14px;margin:0;padding:0 3px;appearance:none;background:transparent;cursor:pointer}.cruise-range::-webkit-slider-runnable-track{height:3px;border-radius:99px;background:linear-gradient(90deg,#d7ef8a var(--cruise-progress),#ffffff22 var(--cruise-progress))}.cruise-range::-webkit-slider-thumb{appearance:none;width:13px;height:13px;margin-top:-5px;border-radius:50%;background:#f7f4e7;border:3px solid #526d63;box-shadow:0 2px 8px #0008}.cruise-range::-moz-range-track{height:3px;border-radius:99px;background:#fff2}.cruise-range::-moz-range-progress{height:3px;border-radius:99px;background:#d7ef8a}.cruise-range::-moz-range-thumb{width:9px;height:9px;border-radius:50%;background:#f7f4e7;border:3px solid #526d63}.cruise-mode{grid-column:4;grid-row:2;align-self:center;justify-self:center;color:#d7ef8a;font-size:.48rem;font-weight:850;letter-spacing:.1em}.cruise-panel.auto .cruise-mode{color:#8fe5f1}.cruise-panel.boost .cruise-mode{color:#f3c875}.top-actions{position:absolute;top:max(24px,env(safe-area-inset-top));right:max(24px,env(safe-area-inset-right));display:flex;gap:8px;pointer-events:auto}.top-actions button,.quality{padding:10px 14px;border-radius:99px;background:#17282ba8;backdrop-filter:blur(12px);font-size:.64rem;font-weight:740;letter-spacing:.1em}.top-actions button,.quality{flex-shrink:0}.top-actions button:hover{background:#263f48df}.quality{pointer-events:auto;display:flex;align-items:center;gap:7px}.quality span{opacity:.62;font-size:.54rem}.quality select{border:0;outline:0;color:#f8f5e8;background:transparent;font:800 .62rem/1 inherit;letter-spacing:.08em;cursor:pointer}.quality option{color:#e9eee8;background:#22363a}.touch-controls{display:none}.main-menu-open .hud,.main-menu-open .music-player,.main-menu-open .orientation-hint,.main-menu-open .debug-panel{opacity:0;visibility:hidden;pointer-events:none}.start-screen{position:absolute;z-index:6;inset:0;display:flex;align-items:center;padding:max(24px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(clamp(28px,6vw,96px),env(safe-area-inset-left));overflow:hidden;background:radial-gradient(circle at 72% 18%,#fff5c2 0 1.2%,#ffe6a47a 1.4% 7%,transparent 16%),linear-gradient(180deg,#83c8d8,#b8dde0 48%,#8aae82 49%,#476b4b);isolation:isolate;transition:opacity .46s,visibility .46s}.start-screen:before{content:"";position:absolute;z-index:0;inset:34% -8% 0;background:linear-gradient(155deg,transparent 0 22%,#41694f 23% 44%,transparent 45%),linear-gradient(205deg,transparent 0 26%,#567b55 27% 51%,transparent 52%),linear-gradient(180deg,#66885e,#34553e);clip-path:polygon(0 35%,12% 14%,25% 31%,39% 4%,52% 29%,66% 11%,80% 34%,91% 17%,100% 35%,100% 100%,0 100%)}.start-screen:after{content:"";position:absolute;z-index:1;left:54%;top:45%;width:min(44vw,680px);height:72%;background:linear-gradient(90deg,#c8c3ad 0 4%,#424846 4% 47%,#e9e5c8 47% 48%,transparent 48% 52%,#e9e5c8 52% 53%,#424846 53% 96%,#c8c3ad 96% 100%);clip-path:polygon(47% 0,53% 0,100% 100%,0 100%);filter:drop-shadow(0 12px 18px #1e33274d)}.start-screen.hidden{opacity:0;visibility:hidden;pointer-events:none}.start-gradient{position:absolute;z-index:2;inset:0;background:linear-gradient(90deg,#071c22df 0%,#0b2528b8 29%,#153b3b35 56%,transparent 79%),linear-gradient(0deg,#10282042,transparent 45%);pointer-events:none}.start-content{position:relative;z-index:3;width:min(450px,42vw);padding:clamp(22px,3vw,34px);color:#f8f5e8;border:1px solid #ffffff24;border-radius:24px;background:linear-gradient(145deg,#102b2db5,#18383c75);box-shadow:0 24px 70px #06191e4a;backdrop-filter:blur(8px);animation:start-enter .62s cubic-bezier(.2,.75,.2,1) both}.eyebrow{color:#d7ef8a;font-size:.68rem;letter-spacing:.22em;font-weight:800}h1{margin:10px 0 13px;font-size:clamp(3.25rem,6vw,5.3rem);line-height:.88;letter-spacing:-.07em;font-weight:480}.start-content>p{margin:0;max-width:390px;color:#e5eee7df;line-height:1.5;font-size:.98rem}.start-world-meta{display:flex;flex-wrap:wrap;gap:6px;margin:17px 0}.start-world-meta span{padding:5px 8px;color:#c9d9d5a8;border:1px solid #ffffff18;border-radius:99px;font-size:.46rem;font-weight:800;letter-spacing:.11em}.controls-copy{margin:13px 0 0;padding-top:11px;border-top:1px solid #f8f5e81a;display:grid;gap:3px;font-size:.66rem}.controls-copy span{opacity:.68}.start-button{width:100%;min-height:52px;padding:13px 15px 13px 18px;border-radius:14px;background:#d7ef8a;color:#1b3536;font-weight:850;letter-spacing:.09em;display:flex;align-items:center;justify-content:space-between;transition:transform .18s,background .18s,box-shadow .18s}.start-button kbd{min-width:45px;padding:7px 9px;border:1px solid #1b353633;border-radius:8px;background:#17323612;font:850 .58rem/1 system-ui}.start-button:hover,.start-button:focus-visible,.start-button.gamepad-focus{transform:translateY(-2px);background:#e4f6aa;box-shadow:0 8px 28px #d7ef8a2e;outline:2px solid #fff;outline-offset:3px}.start-secondary-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.start-secondary-actions button{min-height:40px;border:1px solid #ffffff20;border-radius:11px;background:#ffffff09;font-size:.57rem;font-weight:820;letter-spacing:.1em}.start-secondary-actions button:hover,.start-secondary-actions button:focus-visible,.start-secondary-actions button.gamepad-focus{background:#ffffff16;outline:2px solid #d7ef8a;outline-offset:2px}.start-controls-panel{display:grid;grid-template-columns:1fr 1fr;gap:5px 12px;margin-top:9px;padding:11px;border:1px solid #ffffff15;border-radius:11px;background:#071d2085}.start-controls-panel[hidden]{display:none}.start-controls-panel div{display:grid;grid-template-columns:66px 1fr;align-items:center;gap:5px;min-width:0;color:#dce8e4c4;font-size:.56rem}.start-controls-panel kbd{color:#d7ef8a;font:800 .52rem/1 system-ui}.start-footer{min-height:30px;margin-top:10px;display:flex;align-items:end;justify-content:space-between;gap:12px}.start-total{margin-left:auto;display:grid;text-align:right}.start-total span{color:#ffffff68;font-size:.43rem;font-weight:800;letter-spacing:.13em}.start-total strong{font-size:.7rem;font-variant-numeric:tabular-nums}.start-gamepad-status{display:grid;grid-template-columns:7px 1fr;column-gap:6px;align-items:center}.start-gamepad-status[hidden]{display:none}.start-gamepad-status i{width:7px;height:7px;border-radius:50%;background:#d7ef8a;box-shadow:0 0 9px #d7ef8a}.start-gamepad-status span{font-size:.48rem;font-weight:820;letter-spacing:.1em}.start-gamepad-status small{grid-column:2;color:#ffffff70;font-size:.5rem}@keyframes start-enter{0%{opacity:0;transform:translate(-18px)}to{opacity:1;transform:translate(0)}}.orientation-hint{display:none}.debug-panel{display:none;position:absolute;z-index:4;top:190px;left:max(28px,env(safe-area-inset-left));margin:0;padding:14px 16px;border-radius:12px;color:#dff7ea;background:#10272bd9;font:600 11px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;pointer-events:none;white-space:pre}.debug-panel.visible{display:block}@media(pointer:coarse){.drive-readout{display:contents}.top-actions,.status{display:none}.speed{bottom:auto;top:max(24px,env(safe-area-inset-top));left:50%;transform:translate(-50%)}.speed strong{font-size:2.6rem}.cruise-panel{top:max(128px,calc(env(safe-area-inset-top) + 106px));right:max(18px,env(safe-area-inset-right));left:auto;width:min(244px,calc(100vw - 36px));padding:5px;border-radius:14px;grid-template-columns:58px 30px 1fr 30px;gap:3px;transform:none}.cruise-toggle,.cruise-step{height:31px;border-radius:9px}.cruise-toggle{gap:4px;font-size:.48rem}.cruise-step{font-size:1rem}.cruise-readout small{font-size:.39rem}.cruise-readout strong{font-size:1.02rem}.cruise-readout em,.cruise-mode{font-size:.39rem}.cruise-range{height:11px}.touch-controls{display:block;position:absolute;inset:0}.steering{pointer-events:auto;position:absolute;left:max(18px,env(safe-area-inset-left));bottom:max(20px,env(safe-area-inset-bottom));width:min(38vw,300px);height:92px;border:1px solid #ffffff36;background:#17353c65;backdrop-filter:blur(8px);border-radius:28px;display:flex;align-items:center;justify-content:space-around;color:#ffffffad}.steering span{font-size:2.2rem}.steering b{font-size:.65rem;letter-spacing:.16em}.pedals{pointer-events:auto;position:absolute;right:max(18px,env(safe-area-inset-right));bottom:max(20px,env(safe-area-inset-bottom));display:flex;gap:10px;align-items:end}.pedal{width:min(18vw,112px);border-radius:24px;background:#17353c80;border:1px solid #ffffff36;font-size:.64rem;font-weight:800;letter-spacing:.08em}.pedal:active{background:#d7ef8a99;color:#17353c}.gas{height:112px}.brake{height:82px}.reset-touch,.mobile-action-stack button{pointer-events:auto;min-height:38px;padding:9px 13px;border-radius:99px;background:#1e3138a6;font-size:.58rem;font-weight:800;white-space:nowrap}.reset-touch{position:absolute;top:max(24px,env(safe-area-inset-top));left:max(18px,env(safe-area-inset-left))}.mobile-action-stack{position:absolute;top:max(18px,env(safe-area-inset-top));right:max(18px,env(safe-area-inset-right));display:flex;flex-direction:column;align-items:flex-end;gap:6px;pointer-events:none}.quick-controls{display:grid;grid-template-columns:repeat(2,max-content);align-items:center;justify-content:end;gap:6px;pointer-events:none}.quick-controls button{min-height:44px}.mobile-action-stack .sound-touch{grid-column:1 / -1;justify-self:end;padding-inline:11px;font-size:.52rem}.mobile-action-stack .graphics-touch{min-height:34px;padding-block:7px}.speed{position:absolute;top:max(34px,calc(env(safe-area-inset-top) + 10px))}.odometer{position:absolute;left:max(18px,env(safe-area-inset-left));top:max(98px,calc(env(safe-area-inset-top) + 74px));bottom:auto;min-width:138px;margin-left:0;padding:8px 10px}}@media(pointer:coarse)and (orientation:portrait){.orientation-hint.visible{display:block;position:absolute;z-index:5;left:50%;bottom:155px;transform:translate(-50%);text-align:center;color:#fff;background:#19363cc4;padding:12px 18px;border-radius:14px;font-size:.72rem;letter-spacing:.04em}.orientation-hint small{opacity:.65}.steering{width:44vw}.pedal{width:20vw}.cruise-panel{top:max(160px,calc(env(safe-area-inset-top) + 138px))}}@media(pointer:coarse)and (orientation:landscape){.mobile-action-stack{flex-direction:row;align-items:center}.quick-controls{order:1;display:flex}.mobile-action-stack .sound-touch{grid-column:auto}.mobile-action-stack .graphics-touch{order:2;min-height:38px;padding-block:9px}}@media(max-width:620px)and (pointer:fine){.cruise-panel{top:76px;width:min(330px,calc(100vw - 32px))}.top-actions{right:16px}.quality{display:none}}@media(pointer:coarse){.start-screen{align-items:flex-end;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}.start-gradient{background:linear-gradient(0deg,#071c22ed 0%,#102f31b8 43%,transparent 77%)}.start-screen:after{left:19%;top:31%;width:62vw;height:58%}.start-content{width:min(100%,560px);padding:18px;border-radius:20px;background:linear-gradient(145deg,#102b2dc7,#18383c8c);backdrop-filter:blur(6px)}.start-content h1{font-size:clamp(2.7rem,14vw,4rem)}.start-content>p{font-size:.84rem}.start-world-meta{margin:11px 0}.start-button{min-height:50px}.start-secondary-actions button{min-height:44px}}@media(pointer:coarse)and (orientation:landscape){.start-screen{align-items:center;padding-block:max(8px,env(safe-area-inset-top))}.start-gradient{background:linear-gradient(90deg,#071c22df 0%,#102f31a1 45%,transparent 80%)}.start-screen:after{left:58%;top:39%;width:38vw;height:70%}.start-content{width:min(390px,48vw);padding:14px 17px}.start-content h1{margin-block:5px 8px;font-size:2.7rem}.start-content>p{font-size:.76rem;line-height:1.35}.start-world-meta{margin:8px 0}.start-world-meta span:nth-child(3){display:none}.start-button{min-height:44px}.start-secondary-actions button{min-height:36px}.controls-copy{margin-top:7px;padding-top:6px}.start-footer{margin-top:6px}.start-controls-panel{max-height:92px;overflow-y:auto}}@media(prefers-reduced-motion:reduce){.start-content{animation:none}.start-screen{transition-duration:.01s}}@media(max-height:520px)and (pointer:fine){.cruise-panel{top:72px;transform:scale(.88);transform-origin:top left}}@media(max-height:520px)and (pointer:coarse){.cruise-panel{top:max(120px,calc(env(safe-area-inset-top) + 98px))}}.asset-loading{position:fixed;inset:0;display:grid;place-items:center;padding:2rem;color:#183730;background:#a9d8df;font:600 clamp(.9rem,2vw,1.1rem)/1.4 system-ui,sans-serif;letter-spacing:.04em;text-align:center}.asset-loading--error{color:#612828}.music-player{position:absolute;z-index:5;right:max(24px,env(safe-area-inset-right));bottom:max(24px,env(safe-area-inset-bottom));width:min(330px,calc(100vw - 48px));overflow:hidden;color:#f8f5e8;border:1px solid #ffffff25;border-radius:18px;background:linear-gradient(145deg,#10272be8,#223e40dc);box-shadow:0 18px 45px #071a2059,inset 0 1px #ffffff10;backdrop-filter:blur(16px);pointer-events:auto}.music-header{min-height:47px;display:grid;grid-template-columns:24px minmax(0,1fr) 34px;align-items:center;gap:7px;padding:7px 8px 7px 13px}.music-note{color:#d7ef8a;font-size:1.05rem;text-shadow:0 0 12px #d7ef8a80}.music-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;font-weight:720;letter-spacing:.02em}.music-player button{background:transparent}.music-collapse{height:32px;border-radius:10px;color:#ffffffa8;font-size:1rem}.music-collapse:hover,.music-controls button:hover,.music-list-toggle:hover{background:#ffffff12}.music-body{padding:0 12px 12px;border-top:1px solid #ffffff10}.music-player.collapsed .music-body{display:none}.music-controls{display:grid;grid-template-columns:36px 42px 36px 1fr 48px;align-items:center;gap:5px;padding:10px 0 7px}.music-controls button{height:34px;border:1px solid #ffffff10;border-radius:10px;color:#ffffffb8;font-size:.55rem;font-weight:800;letter-spacing:.06em}.music-controls .music-play{height:40px;color:#173236;background:#d7ef8a;border-color:#d7ef8a;font-size:.8rem}.music-controls button.active{color:#d7ef8a;border-color:#d7ef8a66;background:#d7ef8a12}.music-progress,.music-volume{accent-color:#d7ef8a;cursor:pointer;touch-action:pan-x}.music-progress{display:block;width:100%;height:14px;margin:0;touch-action:none}.music-meta{display:flex;justify-content:space-between;color:#ffffff75;font-size:.55rem;font-variant-numeric:tabular-nums}.music-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:8px}.music-volume-label{display:flex;align-items:center;gap:7px;color:#ffffff85;font-size:.52rem;font-weight:800;letter-spacing:.08em}.music-volume{width:90px}.music-list-toggle{padding:7px 9px;border-radius:8px;color:#ffffff8f;font-size:.5rem;font-weight:800;letter-spacing:.08em}.music-list{max-height:152px;margin-top:9px;overflow-y:auto;overscroll-behavior-y:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;border-top:1px solid #ffffff12;padding-top:6px}.music-list button{display:block;width:100%;padding:8px 9px;overflow:hidden;color:#ffffff9c;border-radius:8px;text-align:left;text-overflow:ellipsis;white-space:nowrap;font-size:.66rem;touch-action:pan-y}.music-list button:hover{background:#ffffff0e}.music-list button.active{color:#d7ef8a;background:#d7ef8a0d}.music-player button:disabled,.music-player input:disabled{cursor:default;opacity:.35}.graphics-menu{position:absolute;z-index:10;top:max(18px,env(safe-area-inset-top));right:max(18px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));width:min(410px,calc(100vw - 36px));color:#edf4ee;border:1px solid #ffffff26;border-radius:22px;background:#102629f2;box-shadow:0 24px 70px #05151999;backdrop-filter:blur(18px);overflow:hidden;pointer-events:auto}.graphics-menu[hidden]{display:none}.graphics-menu header{height:64px;display:flex;align-items:center;justify-content:space-between;padding:10px 13px 10px 19px;border-bottom:1px solid #ffffff17}.graphics-menu header div{display:grid}.graphics-menu header small{color:#d7ef8a;font-size:.48rem;font-weight:850;letter-spacing:.18em}.graphics-menu header strong{font-size:1.05rem;letter-spacing:.05em}.graphics-menu header button{width:38px;height:38px;border-radius:12px;background:#ffffff0d;font-size:1.25rem}.graphics-scroll{height:calc(100% - 64px);padding:4px 16px 20px;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y}.graphics-menu section{padding:15px 2px 11px;border-bottom:1px solid #ffffff12}.graphics-menu h3{margin:0 0 11px;color:#8fd7df;font-size:.56rem;letter-spacing:.16em}.graphics-control{display:grid;gap:5px;margin:10px 0}.graphics-control>span,.graphics-select,.graphics-toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:.67rem}.graphics-control output{color:#d7ef8a;font-variant-numeric:tabular-nums}.graphics-control input{width:100%;accent-color:#d7ef8a;touch-action:pan-x}.graphics-select{margin:9px 0}.graphics-select select{min-width:110px;padding:6px 8px;color:#edf4ee;border:1px solid #ffffff18;border-radius:8px;background:#20383b}.graphics-toggle{position:relative;margin:9px 0;padding-right:2px;cursor:pointer}.graphics-toggle input{position:absolute;top:50%;right:2px;width:36px;height:20px;margin:0;opacity:0;transform:translateY(-50%);cursor:pointer}.graphics-toggle i{flex:0 0 auto;width:36px;height:20px;padding:3px;border-radius:99px;background:#ffffff20}.graphics-toggle i:after{content:"";display:block;width:14px;height:14px;border-radius:50%;background:#b4c0bd;transition:transform .18s,background .18s}.graphics-toggle input:focus-visible+i{outline:2px solid #d7ef8a;outline-offset:3px}.graphics-toggle input:checked+i{background:#d7ef8a38}.graphics-toggle input:checked+i:after{transform:translate(16px);background:#d7ef8a}.graphics-reset{width:100%;margin-top:17px;padding:13px;border:1px solid #d7ef8a5c;border-radius:12px;color:#d7ef8a;background:transparent;font-size:.61rem;font-weight:850;letter-spacing:.08em}@media(min-width:900px){.top-actions,.music-player{transition:right .2s ease}.graphics-open .top-actions,.graphics-open .music-player{right:max(446px,calc(env(safe-area-inset-right) + 430px))}}@media(pointer:coarse){.music-player{right:max(18px,env(safe-area-inset-right));bottom:max(142px,calc(env(safe-area-inset-bottom) + 122px));width:min(320px,calc(100vw - 36px))}}@media(pointer:coarse)and (orientation:portrait){.music-player{right:50%;bottom:max(274px,calc(env(safe-area-inset-bottom) + 254px));transform:translate(50%)}}.gamepad-status{display:grid;gap:3px;margin:0 0 12px;padding:10px 11px;border:1px solid #ffffff14;border-radius:10px;background:#ffffff08}.gamepad-status strong{color:#d7ef8a;font-size:.62rem;letter-spacing:.12em}.gamepad-status span{overflow:hidden;color:#aab9b6;font-size:.62rem;text-overflow:ellipsis;white-space:nowrap}.gamepad-status span.connected{color:#edf4ee}.vehicle-color-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px;color:#b7c6c3;font-size:.62rem;letter-spacing:.07em}.vehicle-color-heading output{color:#d7ef8a;letter-spacing:.02em}.vehicle-color-palette{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.vehicle-color-swatch{position:relative;height:38px;padding:0;border:2px solid #ffffff18;border-radius:10px;background:var(--vehicle-color);box-shadow:inset 0 1px #ffffff2b,inset 0 -6px 12px #00000026}.vehicle-color-swatch:after{content:"";position:absolute;inset:4px;border:1px solid #ffffff13;border-radius:6px}.vehicle-color-swatch:hover{border-color:#ffffff75;transform:translateY(-1px)}.vehicle-color-swatch.selected{border-color:#d7ef8a;box-shadow:0 0 0 2px #d7ef8a32,inset 0 1px #ffffff42,inset 0 -6px 12px #00000026}.vehicle-color-swatch.selected:before{content:"✓";position:absolute;z-index:1;right:5px;bottom:3px;color:#fff;font-size:.7rem;font-weight:900;text-shadow:0 1px 4px black}.control-hints{position:absolute;z-index:4;top:38%;right:max(24px,env(safe-area-inset-right));width:174px;padding:11px 12px;color:#edf4eec7;border:1px solid #ffffff22;border-radius:14px;background:#10262959;box-shadow:0 10px 28px #071a2024;backdrop-filter:blur(8px);transform:translateY(-50%);pointer-events:none;transition:opacity .18s}.control-hints[hidden]{display:none}.control-hints>strong{display:block;margin-bottom:7px;color:#d7ef8abf;font-size:.52rem;letter-spacing:.15em}.control-hints>div{display:grid;grid-template-columns:58px 1fr;align-items:center;gap:7px;min-height:21px;font-size:.56rem}.control-hints kbd{min-width:27px;padding:3px 5px;color:#f8f5e8d9;border:1px solid #ffffff2b;border-radius:6px;background:#ffffff0d;box-shadow:inset 0 -1px #0000002e;text-align:center;font:750 .52rem/1 system-ui,sans-serif}.graphics-open .control-hints{opacity:0}.gamepad-focus,.graphics-menu .gamepad-focus+i{outline:2px solid #d7ef8a!important;outline-offset:3px}@media(pointer:coarse){.graphics-open .touch-controls,.graphics-open .touch-controls *{pointer-events:none}.graphics-menu{position:fixed;top:max(8px,env(safe-area-inset-top));right:max(8px,env(safe-area-inset-right));bottom:max(8px,env(safe-area-inset-bottom));width:min(410px,calc(100vw - max(16px,env(safe-area-inset-left)) - max(16px,env(safe-area-inset-right))));max-height:calc(100dvh - max(16px,env(safe-area-inset-top)) - max(16px,env(safe-area-inset-bottom)))}.graphics-scroll{-webkit-overflow-scrolling:touch}}@media(pointer:coarse)and (orientation:portrait){.graphics-menu{left:max(8px,env(safe-area-inset-left));width:auto;border-radius:18px}}@media(max-height:620px){.control-hints{top:35%;transform:translateY(-50%) scale(.78);transform-origin:right center}}@media(max-height:520px)and (pointer:coarse){.music-player{right:50%;bottom:max(125px,calc(env(safe-area-inset-bottom) + 105px));width:min(300px,42vw);transform:translate(50%)}}
