:root{color:#f3f5f7;background:#080a0c;font-family:Inter,SF Pro Display,Helvetica Neue,Arial,sans-serif}*{box-sizing:border-box}body{background:#080a0c;margin:0;overflow:hidden}button{font:inherit}#game{z-index:0;width:100%;height:100%;position:fixed;inset:0}#ui-root{z-index:1;pointer-events:none;position:fixed;inset:0}.garage,.finish,.orientation-lock{pointer-events:auto}.garage{touch-action:pan-y;-webkit-overflow-scrolling:touch;background:radial-gradient(55% 70% at 90% 5%,#282d31aa 0%,#0000 62%),radial-gradient(40% 50% at 5% 100%,#1c2024 0%,#0000 70%),linear-gradient(135deg,#080a0c,#111519 55%,#0a0d10);height:100%;padding:28px clamp(32px,5.5vw,92px) 56px;transition:opacity .3s,visibility .3s;position:absolute;inset:0;overflow:hidden auto}.garage:before{content:"";pointer-events:none;opacity:.2;background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:54px 54px;position:fixed;inset:0}.garage.hidden{opacity:0;visibility:hidden}.garage-head,.select-top,.garage-footer,header{justify-content:space-between;align-items:center;gap:20px;display:flex;position:relative}.brand-mark{letter-spacing:.04em;font-size:18px;font-weight:800}.brand-mark span,.hud-brand>span{color:#11151a;background:#f4c84a;border-radius:3px;place-items:center;width:19px;height:19px;margin-right:5px;font-size:10px;font-weight:900;display:inline-grid}.brand-mark b,.hud-brand b{color:#f4c84a;font-weight:800}.concept,.desktop-controls,.garage-title p,.select-top span{letter-spacing:.15em;color:#8e989f;font:700 9px/1.3 ui-monospace,SFMono-Regular,monospace}.garage-title{justify-content:space-between;align-items:end;gap:28px;max-width:1180px;margin:42px 0 28px auto;display:flex;position:relative}.garage-title p{color:#f4c84a;margin:0;position:absolute;top:-18px;left:1px}.garage-title h1{letter-spacing:-.065em;margin:0;font-size:clamp(42px,5.3vw,76px);font-weight:750;line-height:.9}.garage-title h1 em{color:#f4c84a;font-style:normal;font-weight:400}.garage-title>span{color:#aab1b5;max-width:270px;margin:0 4px 5px 0;font-size:12px;line-height:1.5}.track-select{max-width:1180px;margin-left:auto;position:relative}.select-top{border-bottom:1px solid #ffffff1c;padding:0 0 12px}.select-top h2{letter-spacing:.1em;margin:0;font-size:13px}.select-top i{color:#f4c84a;font-style:normal}.track-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:12px;display:grid}.track-card{color:#f4f6f7;text-align:left;cursor:pointer;background:linear-gradient(135deg,#20262bdb,#101418e6);border:1px solid #ffffff1b;border-radius:14px;height:132px;padding:15px;transition:transform .2s,border-color .2s,background .2s,box-shadow .2s;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0a,0 10px 30px #00000028}.track-card:after{content:"";pointer-events:none;background:linear-gradient(115deg,#ffffff0d,#0000 38%);position:absolute;inset:0}.track-card:hover{background:#20272c;border-color:#ffffff42;transform:translateY(-2px)}.track-card.selected{border-color:#f4c84a;box-shadow:inset 0 0 0 1px #f4c84a44,0 0 0 1px #f4c84a22,0 12px 36px #0009}.track-number{color:#748087;font:10px ui-monospace,SFMono-Regular,monospace;position:absolute;top:13px;right:14px}.track-card b{letter-spacing:-.04em;font-size:22px;display:block}.track-card small{color:#96a0a6;max-width:78%;margin-top:3px;font:9px ui-monospace,SFMono-Regular,monospace;display:block}.track-card svg{color:#74c7a0;background:linear-gradient(#0000 49%,#ffffff08 50%,#0000 51%) 0 0/100% 14px;width:calc(100% - 30px);height:42px;position:absolute;bottom:28px;left:15px;right:15px}.track-card polyline,.trend-panel polyline{stroke-width:2px;vector-effect:non-scaling-stroke}.track-card.up{color:#7ed4a8}.track-card.down{color:#ff8b82}.track-card.up b,.track-card.down b{color:#f4f6f7}.track-card.up polyline{stroke:#7ed4a8}.track-card.down polyline{stroke:#ff8b82}.card-bottom{z-index:1;justify-content:space-between;font:10px ui-monospace,SFMono-Regular,monospace;display:flex;position:absolute;bottom:12px;left:15px;right:15px}.difficulty{color:#f4c84a}.track-card.up strong{color:#7ed4a8}.track-card.down strong{color:#ff8b82}.garage-footer{max-width:1180px;margin:14px 0 0 auto}.selected-track{color:#aab2b6;letter-spacing:.08em;font:700 10px ui-monospace,SFMono-Regular,monospace}.ignite,.finish-actions button{color:#15181a;letter-spacing:.1em;cursor:pointer;background:#f4c84a;border:1px solid #0000;border-radius:10px;padding:13px 18px;font-size:11px;font-weight:850;transition:transform .2s,filter .2s}.ignite:hover:not(:disabled),.finish-actions button:hover{filter:brightness(1.08);transform:translateY(-1px)}.ignite:disabled{opacity:.35;cursor:not-allowed}.desktop-controls{position:absolute;bottom:22px;left:clamp(32px,5.5vw,92px)}.hud{pointer-events:none;display:none;position:absolute;inset:0}.hud.visible{display:block}.hud header{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#12171bdd;border:1px solid #fff2;border-radius:13px;min-height:50px;padding:9px 11px;position:absolute;top:18px;left:22px;right:22px;box-shadow:0 8px 30px #0007}.hud-brand{letter-spacing:.04em;font-size:14px;font-weight:800}.hud-brand>span{width:15px;height:15px;font-size:8px}.hud-brand small{letter-spacing:.13em;color:#8e999f;margin-top:4px;font:8px ui-monospace,SFMono-Regular,monospace;display:block}.hud-track{text-align:center;line-height:1}.hud-track small{color:#808b91;letter-spacing:.14em;margin-bottom:3px;font:8px ui-monospace,SFMono-Regular,monospace;display:block}.hud-track b{letter-spacing:.04em;font-size:18px}.hud-track span{color:#c6cdd0;margin-top:3px;font:8px ui-monospace,SFMono-Regular,monospace;display:block}.mute{pointer-events:auto;color:#d9dee0;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff25;border-radius:8px;padding:8px 9px;font:8px ui-monospace,SFMono-Regular,monospace}.trend-panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#11161ad9;border:1px solid #ffffff1c;border-radius:10px;width:min(220px,27vw);padding:8px 10px;position:absolute;top:82px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0006}.trend-panel>div{letter-spacing:.1em;color:#a8b1b5;justify-content:space-between;font:8px ui-monospace,SFMono-Regular,monospace;display:flex}.trend-panel>div b{color:#f4c84a}.trend-panel svg{background:linear-gradient(90deg,#ffffff08 1px,#0000 1px) 0 0/25% 100%,linear-gradient(#ffffff08 1px,#0000 1px) 0 0/100% 13px;width:100%;height:38px;margin-top:5px}.trend-panel polyline.map{stroke:#f4c84a}.trend-panel circle{fill:#f4c84a;stroke:#101418;stroke-width:2px;vector-effect:non-scaling-stroke}.hud-left,.hud-right{position:absolute;bottom:24px}.hud-left{left:22px}.hud-right{text-align:right;right:22px}.gauge-island{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#11161ad9;border:1px solid #fff2;border-radius:14px;min-width:180px;padding:13px 16px;box-shadow:0 10px 30px #0007}.timer small,.drift small{letter-spacing:.14em;color:#939da2;font:8px ui-monospace,SFMono-Regular,monospace;display:block}.timer b{font:700 20px ui-monospace,SFMono-Regular,monospace}.speed{align-items:baseline;gap:7px;margin-top:7px;display:flex}.speed b{letter-spacing:-.08em;font-size:50px;line-height:.8}.speed small{color:#f4c84a;font:9px ui-monospace,SFMono-Regular,monospace}.nitro{margin-bottom:12px}.nitro span{letter-spacing:.12em;color:#f4c84a;margin-bottom:5px;font:700 8px ui-monospace,SFMono-Regular,monospace;display:block}.nitro i{background:#ffffff1b;border-radius:99px;width:150px;height:5px;display:block;overflow:hidden}.nitro b{transform-origin:0;background:#f4c84a;width:100%;height:100%;display:block}.drift b{font:700 20px ui-monospace,SFMono-Regular,monospace}.drift span{color:#f4c84a;margin-top:3px;font:9px ui-monospace,SFMono-Regular,monospace;display:block}.race-message{color:#f4c84a;letter-spacing:.12em;background:#11161ac9;border:1px solid #f4c84a55;border-radius:8px;padding:8px 12px;font:800 11px ui-monospace,SFMono-Regular,monospace;position:absolute;top:55%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 25px #0008}.race-message:empty{display:none}.race-message.warning{color:#ff8b82;border-color:#ff8b82}.finish{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:radial-gradient(circle at 50% 30%,#20262acc,#0000 48%),#090c0ee8;place-content:center;justify-items:center;padding:24px;display:none;position:absolute;inset:0}.finish.visible{display:grid}.finish p,.finish-track{color:#f4c84a;letter-spacing:.18em;font:10px ui-monospace,SFMono-Regular,monospace}.finish h2{letter-spacing:-.08em;text-align:center;margin:15px 0 6px;font-size:clamp(58px,9vw,116px);line-height:.77}.finish h2 em{color:#f4c84a;font-style:normal;font-weight:400}.finish-grid{background:#151a1dd9;border:1px solid #ffffff20;border-radius:12px;margin:24px 0;display:flex;overflow:hidden}.finish-grid span{text-align:center;padding:13px 22px}.finish-grid span+span{border-left:1px solid #ffffff1d}.finish-grid small{color:#8f999f;letter-spacing:.1em;margin-bottom:5px;font:8px ui-monospace,SFMono-Regular,monospace;display:block}.finish-grid b{font:700 17px ui-monospace,SFMono-Regular,monospace}.finish-actions{gap:9px;display:flex}.finish-actions button:first-child{color:#e7ebed;background:#20272c;border-color:#ffffff30}.touch-controls{inset:auto 0 max(12px,env(safe-area-inset-bottom));pointer-events:none;justify-content:space-between;padding:0 14px;display:none;position:absolute}.touch-controls.visible{display:flex}.steer,.pedals{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#11161ac4;border:1px solid #ffffff1f;border-radius:15px;align-items:end;gap:7px;padding:7px;display:flex;box-shadow:0 8px 24px #0008}.touch-controls button{pointer-events:auto;color:#e8edef;letter-spacing:.06em;touch-action:none;background:#ffffff0d;border:1px solid #ffffff2b;border-radius:11px;width:56px;height:56px;font:800 9px ui-monospace,SFMono-Regular,monospace}.touch-controls .n2o{color:#15181a;background:#f4c84a;border-color:#f4c84a88}.touch-controls button.pressed{color:#15181a;background:#f4c84a;transform:scale(.93)}.orientation-lock{display:none}@media (max-width:700px){body.garage-open{overflow-y:auto}body.garage-open #ui-root{height:auto;min-height:100%;position:absolute;overflow:visible}body.garage-open .garage{height:auto;min-height:100vh;position:relative;inset:auto;overflow:visible}.garage{padding:max(20px,env(safe-area-inset-top)) 16px max(28px,env(safe-area-inset-bottom))}.garage-title{margin:38px 0 24px;display:block}.garage-title h1{font-size:45px;line-height:.96}.garage-title>span{margin-top:13px;display:block}.track-grid{grid-template-columns:1fr;gap:10px}.track-card{height:116px}.garage-footer{flex-direction:column;align-items:stretch}.ignite{width:100%}.desktop-controls{display:none}.concept{text-align:right;max-width:145px;font-size:8px}.finish-grid span{padding:12px 10px}.finish-grid b{font-size:13px}}@media (orientation:portrait) and (max-width:700px){.hud,.touch-controls{display:none!important}#ui-root.is-driving .orientation-lock{z-index:5;color:#eef1f2;text-align:center;background:#0b0e10;place-content:center;justify-items:center;gap:10px;display:grid;position:absolute;inset:0}.orientation-lock div{color:#f4c84a;font-size:64px}.orientation-lock strong{letter-spacing:.12em}.orientation-lock span{color:#9fa8ad;font:11px ui-monospace,SFMono-Regular,monospace}}@media (max-height:500px) and (orientation:landscape){.hud header{min-height:42px;padding:6px 9px;top:10px;left:14px;right:14px}.trend-panel{width:min(170px,24vw);top:60px}.hud-left,.hud-right{bottom:12px}.gauge-island{min-width:142px;padding:9px 11px}.speed b{font-size:40px}.nitro{margin-bottom:8px}.touch-controls{padding:0 10px}.touch-controls button{width:56px;height:56px}.steer,.pedals{gap:5px;padding:5px}}.garage{background:linear-gradient(90deg,#080a0cd9 0%,#1014199c 46%,#080a0c55 100%);grid-template-rows:auto 1fr auto;display:grid}.garage-layout{grid-template-columns:minmax(330px,1fr) minmax(470px,590px);align-items:center;gap:clamp(32px,6vw,112px);width:min(1280px,100%);margin:auto;display:grid;position:relative}.garage-title{max-width:500px;margin:0;display:block}.garage-title p{margin:0 0 18px;position:static}.garage-title h1{font-size:clamp(50px,5.8vw,82px);line-height:.84}.garage-title strong{letter-spacing:.02em;margin-top:24px;font-size:clamp(18px,1.7vw,25px);line-height:1.35;display:block}.garage-title>span{max-width:300px;margin:12px 0 0;display:block}.garage-title ul{letter-spacing:.08em;color:#d6dcdf;gap:8px;margin:22px 0 0;padding:0;font:700 10px ui-monospace,SFMono-Regular,monospace;list-style:none;display:grid}.garage-title li:before{content:"◆";color:#f4c84a;margin-right:9px;font-size:8px}.track-select{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#10151ad1;border:1px solid #ffffff24;border-radius:18px;width:100%;margin:0;padding:18px;box-shadow:0 18px 60px #0008}.select-top{padding-bottom:13px}.track-grid{margin-top:13px}.track-page.is-hidden{display:none}.track-card{height:124px}.track-pagination{border-top:1px solid #ffffff16;justify-content:space-between;align-items:center;margin-top:14px;padding-top:13px;display:flex}.track-pagination button{color:#e7ebed;letter-spacing:.12em;cursor:pointer;background:0 0;border:0;padding:4px 0;font:800 9px ui-monospace,SFMono-Regular,monospace}.track-pagination button:disabled{opacity:.35;cursor:not-allowed}.track-pagination span{color:#f4c84a;letter-spacing:.13em;font:800 10px ui-monospace,SFMono-Regular,monospace}.garage-footer{width:min(1280px,100%);max-width:none;margin:18px auto 0}.selected-track{min-width:200px}.ignite{text-align:left;grid-template-columns:auto auto;align-items:center;gap:0 4px;min-width:230px;display:grid}.ignite span{margin-left:14px}.ignite small{color:#15181ab8;letter-spacing:.1em;grid-column:1/-1;margin-top:4px;font:700 8px ui-monospace,SFMono-Regular,monospace}.garage:before{opacity:.1}.start-flash{z-index:8;pointer-events:none;opacity:0;background:#f4c84a;position:fixed;inset:0}.starting .start-flash{animation:.32s ease-out both launch-flash}@keyframes launch-flash{0%{opacity:0}10%{opacity:.92;background:#f4c84a}35%{opacity:.55;background:#fff}to{opacity:0;background:#fff}}@media (max-width:700px){.garage{padding-bottom:max(24px,env(safe-area-inset-bottom));background:linear-gradient(#080a0ce8,#101419b8);display:block}.garage-layout{width:auto;margin:0;display:block}.garage-title{margin:20px 0 16px}.garage-title p{margin-bottom:9px}.garage-title h1{font-size:39px;line-height:.9}.garage-title strong{margin-top:12px;font-size:16px;line-height:1.25}.garage-title>span{margin-top:7px;font-size:11px}.garage-title ul{display:none}.track-select{border-radius:14px;padding:11px}.select-top{padding-bottom:8px}.track-grid{gap:7px;margin-top:8px}.track-card{height:92px;padding:11px 13px}.track-card svg{height:40px;margin-top:7px}.card-bottom{bottom:8px}.track-pagination{margin-top:8px;padding-top:9px}.garage-footer{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0d1216dc;border:1px solid #ffffff20;border-radius:14px;width:auto;margin-top:10px;padding:9px;position:static;box-shadow:0 12px 32px #0009}.selected-track{font-size:8px;display:block}.ignite{width:100%;min-height:52px}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}