:root{color-scheme:dark;font-family:Segoe UI,Microsoft YaHei,sans-serif;color:#f7fffd;background:#02080d;--cyan: #39f5d0;--blue: #38a8ff;--orange: #ff8a35;--yellow: #ffe45a;--ink: #06131b}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden;overscroll-behavior:none}canvas{width:100%;height:100%;display:block}button{font:inherit;color:inherit}[hidden]{display:none!important}.ui{--track-accent: var(--cyan);--track-secondary: var(--orange);position:fixed;inset:0;pointer-events:none;overflow:hidden;isolation:isolate}.ui:before,.ui:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .35s ease}.ui[data-screen=menu]:before{opacity:1;background:linear-gradient(90deg,#020911f7 0,#06131ddb 36%,#06131d38 67%,transparent 88%),linear-gradient(0deg,#02070ccc,transparent 45%)}.ui[data-screen=menu]:after{opacity:1;background:radial-gradient(circle at 78% 48%,#32ffd128 0,transparent 28%),repeating-linear-gradient(115deg,transparent 0 100px,#54ffd006 101px 102px);mix-blend-mode:screen}.ui[data-screen=race]:after{opacity:.42;box-shadow:inset 0 0 100px #001015}.ui[data-screen=race].boosting:before{opacity:.11;background:repeating-conic-gradient(from 0deg at 50% 58%,transparent 0 10deg,#dffff833 10.5deg,transparent 11.5deg 20deg);-webkit-mask:radial-gradient(circle at 50% 58%,transparent 0 25%,#000 68%);mask:radial-gradient(circle at 50% 58%,transparent 0 25%,#000 68%)}.panel{pointer-events:auto;position:absolute}.menu{z-index:2;inset:0 auto 0 0;width:min(750px,72vw);padding:clamp(24px,4.5vh,52px) clamp(32px,5.7vw,82px);display:flex;flex-direction:column;justify-content:center;filter:drop-shadow(20px 0 50px #0009)}.menu-kicker{display:flex;align-items:center;gap:14px;color:#9fb9c4;font-size:11px;font-weight:800;letter-spacing:.22em}.menu-kicker:before{content:"";width:35px;height:4px;border-radius:4px;background:linear-gradient(90deg,var(--orange),var(--yellow));box-shadow:0 0 15px #ff9a3d}.menu-kicker b{padding:4px 8px;color:#08131a;background:var(--cyan);border-radius:2px;letter-spacing:.12em}.menu h1{position:relative;margin:13px 0 4px;width:max-content;font-size:clamp(56px,7vw,92px);line-height:.82;letter-spacing:-.1em;font-weight:950;font-style:italic;filter:drop-shadow(0 12px 24px #000c)}.menu h1 i,.menu h1 span{position:relative;font-style:inherit;background:linear-gradient(180deg,#fff 8%,#b9fff0 52%,#3cf4ce 53%,#12a7b7);background-clip:text;color:transparent;-webkit-background-clip:text;-webkit-text-stroke:1px #d8fff8}.menu h1 i:after{content:"";position:absolute;left:4%;right:-7%;bottom:9%;height:7px;transform:skew(-28deg);background:linear-gradient(90deg,var(--orange),#ffcc48 55%,transparent);box-shadow:0 0 15px #ff8c38a8;z-index:-1}.menu h1 small{display:block;margin:15px 0 0 7px;color:#e9fffa;font-size:.22em;line-height:1;letter-spacing:.54em;-webkit-text-stroke:0}.menu h2{margin:10px 0 12px 4px;color:#fff;font-size:21px;font-style:italic;letter-spacing:.12em;text-shadow:0 0 16px #37f5ce78}.menu h2 em{color:var(--orange);font-size:12px;letter-spacing:.25em}.track-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;width:min(570px,100%);margin-bottom:8px}.track-card{position:relative;min-height:60px;display:grid;grid-template-columns:30px 1fr;grid-template-rows:1fr auto;gap:0 8px;align-items:end;padding:8px 10px;overflow:hidden;color:#fff;text-align:left;border:1px solid #77a9b75c;border-radius:7px;background:linear-gradient(90deg,#04111beb,#07141d8c),var(--track-image) center/cover;box-shadow:inset 0 1px #ffffff1f;cursor:pointer;transition:transform .16s ease,border-color .16s ease,filter .16s ease}.track-card:after{content:"";position:absolute;inset:auto 0 0;height:3px;opacity:0;background:var(--track-accent);box-shadow:0 0 14px var(--track-accent)}.track-card>span{grid-row:1 / 3;align-self:center;color:#ffffff80;font-size:20px;font-weight:950;font-style:italic}.track-card strong{z-index:1;align-self:end;font-size:13px;letter-spacing:.06em}.track-card small{z-index:1;align-self:start;color:#a9c3ca;font-size:7px;font-weight:800;letter-spacing:.12em}.track-card:hover,.track-card:focus-visible{transform:translateY(-2px);border-color:#fff9;outline:none;filter:saturate(1.18)}.track-card.selected{border-color:var(--track-accent);box-shadow:inset 0 0 20px #06141b6b,0 0 14px color-mix(in srgb,var(--track-accent) 32%,transparent)}.track-card.selected:after{opacity:1}.mode-card{position:relative;display:grid;grid-template-columns:52px 1fr auto;align-items:center;gap:15px;max-width:570px;margin:0 0 10px;padding:9px 15px;overflow:hidden;border:1px solid #70ffe054;border-radius:8px;background:linear-gradient(105deg,#153647d9,#0b1c27b8);box-shadow:inset 0 1px #b8fff32c,0 12px 28px #0007;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mode-card:after{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--track-accent);box-shadow:0 0 15px var(--track-accent)}.mode-number{color:#ffffff28;font-size:39px;font-weight:950;font-style:italic;line-height:1}.mode-card div{display:grid;gap:2px}.mode-card small{color:#89aab4;font-size:10px;letter-spacing:.18em}.mode-card strong{font-size:18px;letter-spacing:.08em}.mode-card>b{padding:5px 8px;color:var(--yellow);border:1px solid #ffe76b5c;border-radius:4px;font-size:11px;letter-spacing:.12em}.menu-actions{max-width:570px}.menu-actions button{border:0;cursor:pointer;transition:transform .16s ease,filter .16s ease,background .16s ease}.primary-action{position:relative;width:100%;min-height:66px;display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:10px;padding:0 21px;overflow:hidden;color:#071014;background:linear-gradient(100deg,#ff963b,#ffd85b 72%,#fff0a0);border-radius:8px 18px 8px 8px;box-shadow:0 10px 28px #ff8e353a,inset 0 2px #fff8bc;clip-path:polygon(0 0,calc(100% - 15px) 0,100% 15px,100% 100%,0 100%)}.primary-action:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 15%,#fff9 36%,transparent 54%);transform:translate(-120%);transition:transform .5s ease}.primary-action:hover:after,.primary-action:focus-visible:after{transform:translate(120%)}.primary-action:hover,.primary-action:focus-visible{transform:translateY(-2px) scale(1.01);filter:saturate(1.15);outline:none}.play-icon{display:grid;place-items:center;width:35px;height:35px;padding-left:3px;color:#fff;background:#091721;border-radius:50%;box-shadow:0 4px 10px #5b260a6e}.primary-action b{justify-self:start;font-size:22px;font-weight:950;letter-spacing:.1em}.primary-action small{font-weight:900;letter-spacing:.14em}.secondary-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:9px}.secondary-actions button{min-height:49px;display:flex;align-items:center;gap:10px;padding:0 15px;color:#cfe5e8;border:1px solid #6eead148;border-radius:7px;background:#0b202acd;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.secondary-actions button span{display:grid;place-items:center;width:26px;height:26px;color:var(--cyan);border:1px solid #42f5cd75;border-radius:50%;font-weight:950}.secondary-actions button:hover,.secondary-actions button:focus-visible{transform:translateY(-2px);color:#fff;border-color:var(--cyan);background:#123643e8;outline:none}.secondary-actions button b{font-size:14px;letter-spacing:.08em}.menu-footer{max-width:570px;display:flex;justify-content:space-between;align-items:center;margin-top:10px;color:#67858e;font-size:10px;letter-spacing:.12em}.best{margin:0;color:#ffbe73;font-size:12px;font-weight:800}.hud{position:absolute;inset:0;pointer-events:none;z-index:2}.hud-top{position:absolute;top:22px;left:25px;display:flex;align-items:stretch;filter:drop-shadow(0 8px 14px #000a)}.rank{position:relative;width:118px;height:84px;display:grid;grid-template-columns:1fr auto;align-items:end;padding:16px 18px 10px;overflow:hidden;background:linear-gradient(135deg,#05141fe8,#0d2d36d9);border:1px solid #63ffe05e;border-radius:8px 0 0 8px;clip-path:polygon(0 0,100% 0,88% 100%,0 100%)}.rank:before{content:"";position:absolute;inset:0 auto 0 0;width:5px;background:linear-gradient(var(--cyan),var(--blue));box-shadow:0 0 16px var(--cyan)}.rank small{position:absolute;left:18px;top:8px;color:#7799a4;font-size:9px;letter-spacing:.18em}.rank strong{color:#fff;font-size:48px;line-height:.8;font-style:italic;text-shadow:0 0 18px #39f5d09c}.rank span{color:#8ca4aa;font-size:16px;padding:0 8px 2px 0}.lap{min-width:103px;display:grid;align-content:center;gap:3px;margin-left:-8px;padding:10px 19px 8px 25px;background:#06131fdb;border:1px solid #73ffe02e;border-radius:0 7px 7px 0}.lap span{color:var(--orange);font-size:9px;font-weight:900;letter-spacing:.2em}.lap strong{color:#fff;font-size:20px}.timer{position:absolute;top:22px;left:50%;min-width:170px;transform:translate(-50%);display:grid;justify-items:center;gap:2px;padding:7px 22px 9px;color:#fff;background:linear-gradient(180deg,#071722d9,#07131cc7);border-top:2px solid var(--cyan);border-radius:4px 4px 12px 12px;box-shadow:0 8px 20px #0008,0 -3px 13px #2df7ca4d;font-variant-numeric:tabular-nums}.timer small{color:#799ba4;font-size:8px;letter-spacing:.24em}.timer strong{font-size:23px;letter-spacing:.05em}.minimap{position:absolute;right:27px;top:24px;width:180px;height:93px;overflow:hidden;border-radius:12px;background:linear-gradient(145deg,#071823e8,#0b2b31cf);border:1px solid #76ffe047;box-shadow:0 9px 25px #0008;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.minimap svg{position:absolute;inset:7px 10px 18px;width:calc(100% - 20px);height:calc(100% - 25px);overflow:visible}.map-shadow,.map-route{fill:none;stroke-linejoin:round;stroke-linecap:round}.map-shadow{stroke:#001115cc;stroke-width:7}.map-route{stroke:#5db6b0;stroke-width:3;filter:drop-shadow(0 0 4px #2bf1ca7d)}.map-start{fill:#e9fff9;stroke:#07171b;stroke-width:1.5}.map-progress{fill:var(--orange);stroke:#fff;stroke-width:2;filter:drop-shadow(0 0 5px var(--orange))}.minimap span{position:absolute;left:14px;bottom:5px;color:#84a5aa;font-size:9px;letter-spacing:.18em}.speed{--speed-angle: 0deg;position:absolute;right:35px;bottom:27px;width:155px;height:155px;display:grid;place-items:center;filter:drop-shadow(0 10px 16px #000a)}.speed-ring{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 215deg,var(--cyan) var(--speed-angle),#1a3840 var(--speed-angle),#1a3840 270deg,transparent 270deg);-webkit-mask:radial-gradient(circle,transparent 58%,#000 60%);mask:radial-gradient(circle,transparent 58%,#000 60%);transform:rotate(0);filter:drop-shadow(0 0 8px #30eec7)}.speed:after{content:"";position:absolute;inset:21px;border-radius:50%;background:radial-gradient(circle at 50% 35%,#15323bc7,#050e16e8 70%);border:1px solid #6dffe047}.speed strong{z-index:1;margin-top:-5px;font-size:58px;line-height:.8;font-style:italic;font-variant-numeric:tabular-nums;text-shadow:0 0 18px #32f7cf7d}.speed span{z-index:1;position:absolute;bottom:41px;color:#7ea1a8;font-size:9px;font-weight:900;letter-spacing:.24em}.energy{appearance:none;pointer-events:auto;position:absolute;left:27px;bottom:31px;width:330px;padding:13px 17px 12px;overflow:hidden;color:inherit;text-align:left;cursor:pointer;background:linear-gradient(110deg,#071923e8,#0c2d31d4);border:1px solid #73ffdf43;border-left:4px solid var(--orange);border-radius:7px 16px 7px 7px;box-shadow:0 10px 25px #0008;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.energy:active{transform:scale(.98)}.energy:focus-visible{outline:2px solid var(--yellow);outline-offset:3px}.energy.ready{border-color:#ffe45a9c;box-shadow:0 10px 25px #0008,0 0 20px #ffc74d5e;animation:nitro-ready 1.1s ease-in-out infinite}.energy.boosting{border-color:#73ffe0b8;background:linear-gradient(110deg,#123f45ed,#17492dd9);box-shadow:0 10px 25px #0008,0 0 25px #39f5d080;animation:none}.energy-label{display:flex;align-items:center;justify-content:space-between}.energy-label b{color:var(--orange);font-size:14px;font-style:italic;letter-spacing:.14em}.energy-label span{color:#86a5aa;font-size:9px;letter-spacing:.1em}.energy-label em{color:#dffff8;font-style:normal;font-weight:900}.meter{height:8px;margin:8px 0 10px;overflow:hidden;background:#132b31;border-radius:8px;transform:skew(-12deg);box-shadow:inset 0 2px 5px #0008}.meter i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--cyan),var(--yellow) 72%,var(--orange));box-shadow:0 0 15px #3fffd1;transition:width .1s linear}.bottles{display:flex;gap:7px}.bottles i{width:45px;height:12px;border-radius:2px 7px 7px 2px;background:linear-gradient(90deg,#ff7930,#ffe565);box-shadow:0 0 11px #ff8a3e7d;transform:skew(-13deg)}.bottles i.empty{border:1px solid #54727a;background:#172d33;box-shadow:none}.energy>small{position:absolute;right:16px;bottom:11px;color:#ffc47d;font-size:10px;font-weight:800;letter-spacing:.1em}.item-slot{pointer-events:auto;position:absolute;left:27px;bottom:120px;width:218px;min-height:61px;display:flex;align-items:center;gap:12px;padding:9px 13px;color:#8ba7ac;text-align:left;border:1px solid #607f8357;border-left:4px solid #526d73;border-radius:7px 16px 7px 7px;background:linear-gradient(110deg,#071923e8,#0c262cd4);box-shadow:0 9px 24px #0008;cursor:pointer}.item-slot>span{width:39px;height:39px;display:grid;place-items:center;flex:0 0 auto;color:#7a969b;border:1px solid #55777a;border-radius:50%;background:#0e2429;font-size:23px;font-weight:900}.item-slot div{display:grid;gap:2px}.item-slot b{color:#b8c9cc;font-size:13px;letter-spacing:.08em}.item-slot small{color:#718f94;font-size:9px;letter-spacing:.06em}.item-slot.ready{color:#fff;border-color:#b675ff8a;border-left-color:#bd72ff;box-shadow:0 9px 24px #0008,0 0 20px #b76bff3d}.item-slot.ready>span{color:#fff;border-color:#d2a7ff;background:radial-gradient(circle,#c279ff,#50307e);box-shadow:0 0 14px #c078ff8a}.item-slot:active{transform:scale(.97)}.hud:after{content:"";position:absolute;inset:8px;opacity:0;pointer-events:none;border:2px solid #58ffe345;border-radius:22px;box-shadow:inset 0 0 65px #37ffe11f,0 0 24px #42ffe021;transition:opacity .18s ease}.hud.shielded:after{opacity:1}.race-status{position:absolute;left:50%;top:21%;transform:translate(-50%,12px) skew(-9deg);padding:8px 20px;opacity:0;color:var(--yellow);border:1px solid #ffe27457;border-radius:5px 12px 5px 5px;background:linear-gradient(100deg,#071721dc,#16343cbd);box-shadow:0 8px 24px #0009;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-size:19px;font-weight:950;font-style:italic;letter-spacing:.18em;text-shadow:0 0 16px #ff9a3e;transition:.2s ease}.race-status.show{opacity:1;transform:translate(-50%) skew(-9deg)}.hud.pickup .energy{animation:item-pickup .32s ease-out}@keyframes nitro-ready{50%{box-shadow:0 10px 25px #0008,0 0 29px #ffc74d91}}@keyframes item-pickup{45%{transform:scale(1.055)}}.hint{position:absolute;left:50%;bottom:12px;transform:translate(-50%);margin:0;color:#759199;font-size:10px;letter-spacing:.11em;white-space:nowrap;text-shadow:0 2px 7px #000}.countdown{position:absolute;left:50%;top:43%;transform:translate(-50%,-50%) skew(-10deg);color:#fff;font-size:clamp(105px,18vw,210px);font-weight:950;font-style:italic;text-shadow:0 0 10px #fff,0 0 38px #31f8ce,9px 9px 0 #087a78,14px 14px 0 #ff8a35;animation:countdown-pop .25s cubic-bezier(.2,.8,.2,1)}@keyframes countdown-pop{0%{transform:translate(-50%,-50%) scale(1.55) skew(-10deg);opacity:0}}.race-intro{position:absolute;z-index:3;left:50%;top:42%;width:min(520px,calc(100vw - 38px));transform:translate(-50%,-50%);display:grid;justify-items:center;padding:19px 32px 22px;background:linear-gradient(90deg,transparent,#061923e8 17%,#0c3038e8 50%,#061923e8 83%,transparent);border-top:1px solid #68ffe06e;border-bottom:1px solid #ffb05f57;text-align:center;filter:drop-shadow(0 18px 30px #000b)}.race-intro small{color:var(--cyan);font-size:9px;font-weight:900;letter-spacing:.3em}.race-intro strong{margin-top:4px;color:#fff;font-size:clamp(35px,5vw,58px);font-style:italic;line-height:1;text-shadow:0 0 20px #47f5d374}.race-intro span{color:#9eb7bd;font-size:11px;font-weight:900;letter-spacing:.32em}.race-intro b{margin-top:11px;padding:4px 11px;color:#ffd178;border:1px solid #ffb55550;border-radius:10px;background:#1c261fc2;font-size:11px;letter-spacing:.12em}.compact,.result,.help{z-index:4;left:50%;top:50%;transform:translate(-50%,-50%);width:min(440px,calc(100vw - 36px));padding:34px;border:1px solid #7affdf5e;border-radius:14px 34px 14px 14px;background:linear-gradient(145deg,#071721f5,#0a2830f0);box-shadow:0 28px 80px #000d,inset 0 1px #c2fff12c;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);text-align:center}.compact:before,.result:before,.help:before{content:"";position:absolute;left:0;top:28px;bottom:28px;width:4px;background:linear-gradient(var(--cyan),var(--blue));box-shadow:0 0 18px var(--cyan)}.eyebrow{color:var(--cyan);font-size:10px;font-weight:900;letter-spacing:.25em}.compact h2,.result h2,.help h2{margin:8px 0 24px;color:#fff;font-size:35px;font-style:italic}.compact{display:grid;gap:9px}.compact button,.result .menu-actions button{min-height:50px;padding:0 16px;color:#dffbf5;border:1px solid #5ef5d74f;border-radius:7px;background:#102b34cf;cursor:pointer;transition:.16s ease}.compact button:hover,.result .menu-actions button:hover{color:#07151a;background:var(--cyan);transform:translateY(-2px)}.result{width:min(620px,calc(100vw - 36px))}.result-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;margin:0 0 22px;text-align:left}.result-grid div{display:flex;justify-content:space-between;align-items:baseline;padding:13px 14px;border-radius:7px;background:#102b34b8}.result-grid span{color:#84a4aa;font-size:12px}.result-grid strong{color:#fff;font-size:18px}.new-best{grid-column:1 / 3;margin:7px 0 0;color:var(--yellow);text-align:center;font-weight:950;letter-spacing:.2em}.result .horizontal{display:grid;grid-template-columns:1fr 1fr;gap:8px}.result .menu-actions small{color:#789ca3}.help{max-width:620px;margin:0;color:#dff9f3}.help::backdrop{background:#01060bd1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.close{position:absolute;top:16px;right:18px;width:38px;height:38px;color:#a9c8ca;border:1px solid #5bf4d64f;border-radius:50%;background:#102a32;cursor:pointer}.key-grid{display:grid;grid-template-columns:auto 1fr auto 1fr;gap:11px 15px;align-items:center;margin:20px 0;text-align:left}kbd{padding:5px 9px;color:#06151a;background:linear-gradient(#a7ffec,var(--cyan));border-radius:5px;box-shadow:0 3px #148c7b;font-size:12px;font-weight:900;white-space:nowrap}.help p{margin-bottom:0;color:#89a8ad;line-height:1.65;text-align:left}.touch-controls{display:none;position:absolute;inset:0;pointer-events:none;user-select:none;-webkit-user-select:none}.touch-controls button{pointer-events:auto;display:grid;place-items:center;border:1px solid #9effe48c;color:#eafff8;background:radial-gradient(circle at 35% 25%,#1c4c50d9,#06171fc9 70%);box-shadow:inset 0 0 20px #2cffbb20,0 7px 18px #0009;font-weight:900;touch-action:none;-webkit-tap-highlight-color:transparent;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.touch-controls button.pressed,.touch-controls button:active{color:#071815;background:var(--cyan);transform:scale(.93);box-shadow:0 0 22px #3cffc3aa}.touch-tools{position:absolute;top:max(13px,env(safe-area-inset-top));right:max(13px,env(safe-area-inset-right));display:flex;gap:8px}.touch-tools button{width:43px;height:43px;border-radius:8px 14px 8px 8px;font-size:17px}.touch-steer{position:absolute;left:max(14px,env(safe-area-inset-left));bottom:max(14px,env(safe-area-inset-bottom));display:flex;gap:9px}.touch-steer button{width:67px;height:67px;border-radius:50%;font-size:22px}.touch-drive{position:absolute;right:max(13px,env(safe-area-inset-right));bottom:max(13px,env(safe-area-inset-bottom));width:216px;height:137px}.touch-drive button{position:absolute;border-radius:50%}.touch-throttle{right:0;bottom:0;width:88px;height:88px;border-color:#6fffd7!important;font-size:16px}.touch-brake{right:94px;bottom:0;width:64px;height:64px;font-size:13px}.touch-drift{left:0;bottom:66px;width:70px;height:70px;color:#ffd2a5!important;border-color:#ff9a55!important;font-size:13px}.touch-nitro{right:1px;top:0;width:57px;height:57px;color:#ffe671!important;border-color:#ffb54a!important;font-size:12px}.touch-nitro.ready{color:#171003!important;background:linear-gradient(145deg,#fff18a,#ff9d3e)!important;box-shadow:0 0 24px #ffb342c7!important;animation:nitro-ready 1.1s ease-in-out infinite}.touch-item{left:80px;top:2px;width:52px;height:52px;color:#d9baff!important;border-color:#b979ff!important;font-size:21px}.touch-item.ready{color:#fff!important;background:radial-gradient(circle at 35% 25%,#c07aff,#432a74 72%)!important;box-shadow:0 0 22px #b76dff9e!important}@media(pointer:coarse),(max-width:900px){.touch-controls{display:block}.hud.is-paused .touch-controls,.hint,.item-slot{display:none}.hud-top{left:max(9px,env(safe-area-inset-left));top:max(9px,env(safe-area-inset-top));transform:scale(.68);transform-origin:top left}.timer{top:max(10px,env(safe-area-inset-top));min-width:135px;padding:5px 15px 7px}.timer strong{font-size:18px}.energy{left:max(9px,env(safe-area-inset-left));top:78px;bottom:auto;width:190px;padding:9px 11px}.energy>small{display:none}.speed{right:max(9px,env(safe-area-inset-right));top:70px;bottom:auto;width:103px;height:103px}.speed strong{font-size:39px}.speed span{bottom:25px;font-size:7px}.race-status{top:24%;font-size:14px}.minimap{right:112px;top:max(8px,env(safe-area-inset-top));width:120px;height:62px}.minimap span{display:none}.minimap svg{inset:5px;width:calc(100% - 10px);height:calc(100% - 10px)}}@media(max-width:700px){.menu{width:100%;padding:34px 28px;justify-content:flex-end;background:linear-gradient(0deg,#020911f7 0,#06131dde 63%,transparent 100%)}.menu h1{font-size:56px}.menu-kicker{font-size:9px}.track-picker,.mode-card,.menu-actions,.menu-footer{max-width:none}.track-picker{grid-template-columns:repeat(2,1fr)}.compact,.result,.help{left:50%;padding:27px 24px}.result-grid{grid-template-columns:1fr}.new-best{grid-column:1}.key-grid{grid-template-columns:auto 1fr}.energy{top:72px;width:173px}.speed{top:68px}}@media(max-width:480px){.touch-steer button{width:59px;height:59px}.touch-drive{width:190px;transform:scale(.88);transform-origin:right bottom}.touch-tools{transform:scale(.9);transform-origin:right top}.secondary-actions button{padding:0 10px}}@media(max-height:520px){.menu{width:min(650px,74vw);padding:10px 24px;justify-content:center;overflow:auto}.menu-kicker{display:none}.menu h1{margin-top:0;font-size:45px}.menu h1 small{margin-top:7px}.menu h2{margin:7px 0 9px;font-size:18px}.track-picker{grid-template-columns:repeat(3,1fr);gap:5px;margin-bottom:5px}.track-card{min-height:43px;padding:5px 7px}.track-card>span{font-size:16px}.track-card strong{font-size:11px}.mode-card{margin-bottom:8px;padding:7px 12px}.mode-number{font-size:30px}.primary-action{min-height:47px}.primary-action b{font-size:17px}.secondary-actions{margin-top:6px}.secondary-actions button{min-height:39px}.menu-footer{margin-top:7px}}.orientation-lock{position:fixed;inset:0;z-index:100;display:none;place-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(24px,env(safe-area-inset-left));pointer-events:auto;background:radial-gradient(circle at 50% 42%,#164b50 0,#071922 38%,#02080df5 74%)}.orientation-card{width:min(360px,100%);padding:30px 26px 25px;text-align:center;border:1px solid #62ffe06b;border-radius:12px 28px 12px 12px;background:linear-gradient(145deg,#12303bea,#07151eea);box-shadow:0 28px 80px #000c,inset 0 1px #bafff23d,0 0 32px #2df7cf1a;clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,0 100%)}.orientation-card h2{margin:6px 0 8px;font-size:30px;font-style:italic}.orientation-card p{margin:0 0 20px;color:#a9c2c9;font-size:14px;line-height:1.7}.orientation-card button{width:100%;min-height:58px;display:grid;place-content:center;gap:1px;color:#061215;border:0;border-radius:7px 17px 7px 7px;background:linear-gradient(100deg,#36edca,#b8ffcd);box-shadow:0 10px 28px #30f0c53b,inset 0 2px #ecfff3}.orientation-card button b{font-size:17px}.orientation-card button small{font-size:8px;font-weight:900;letter-spacing:.2em}.phone-rotate{position:relative;width:86px;height:68px;margin:0 auto 12px}.phone-rotate:before{content:"";position:absolute;inset:9px 14px;border:3px solid var(--cyan);border-radius:8px;box-shadow:0 0 18px #39f5d080,inset 0 0 12px #39f5d026;animation:rotate-phone 1.8s ease-in-out infinite}.phone-rotate:after{content:"↻";position:absolute;right:-3px;top:7px;color:var(--orange);font-size:28px;font-weight:900;text-shadow:0 0 12px #ff8a35}.phone-rotate i{position:absolute;left:39px;top:11px;z-index:1;width:8px;height:3px;border-radius:3px;background:#d7fff7;animation:rotate-phone-dot 1.8s ease-in-out infinite}@keyframes rotate-phone{0%,22%{transform:rotate(0) scale(.84)}58%,to{transform:rotate(90deg) scale(.84)}}@keyframes rotate-phone-dot{0%,22%{transform:rotate(0) translateY(0)}58%,to{transform:rotate(90deg) translate(8px,-9px)}}@media(orientation:portrait)and (pointer:coarse){.orientation-lock{display:grid}}@media(orientation:portrait)and (max-width:700px){.orientation-lock{display:grid}}@media(prefers-reduced-motion:reduce){.energy.ready,.touch-nitro.ready{animation:none}}