:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:#edf2f7;background:#0c1016}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% 25%,#19232e55,transparent 65%),#0c1016}a{color:inherit;text-decoration:none}.app-header{height:76px;max-width:1100px;margin:auto;padding:0 32px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #252e3b}.brand{display:flex;gap:12px;align-items:center;color:#7ea6cc;font:700 13px monospace}.brand span{font:500 13px system-ui;color:#bdc9d6}.app-name{font-size:11px;font-weight:700;letter-spacing:.2em;color:#788ba0}.home-link{font-size:12px;color:#8899ad}.layout{display:grid;grid-template-columns:minmax(280px,480px) 240px;justify-content:center;align-items:start;gap:40px;padding:32px 24px 40px;max-width:1000px;margin:auto}.game{background:#111923;border:1px solid #2c3848;border-radius:14px;overflow:hidden;box-shadow:0 24px 70px #0005}.hud{display:flex;align-items:center;gap:20px;padding:18px 22px}.hud span{font-size:10px;letter-spacing:.07em;color:#8b9baf;text-transform:uppercase;display:block;margin-bottom:6px}.hud strong{font-variant-numeric:tabular-nums;letter-spacing:-.03em}.score-block{flex:1}.score-block strong{font-size:30px;font-weight:650}.best-block strong{font-size:18px;color:#a8b9cc;font-weight:500}.combo-block{text-align:right}.combo-block strong{font-size:21px;color:#94c7eb;font-weight:600}.combo-track{height:2px;background:#263342}.combo-track span{display:block;height:100%;width:0;background:#84bedf}.screen{position:relative;background:#222d38}canvas{display:block;width:100%;height:auto;touch-action:none;aspect-ratio:4/5}.overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;text-align:center;background:linear-gradient(#0c141dcc,#0c141de8);backdrop-filter:blur(3px)}.overlay[hidden]{display:none}.overlay-kicker{font-size:10px;color:#8bb6d6;letter-spacing:.2em;font-weight:650}.overlay h1{font-size:clamp(28px,4vw,38px);font-weight:600;letter-spacing:-.045em;margin:16px 0 0}.overlay p{font-size:13px;color:#9cadc1;line-height:1.7;max-width:240px;margin:14px 0 24px}button{font:550 12px system-ui;min-height:42px;padding:10px 14px;color:#b5c3d4;background:#1b2735;border:1px solid #344458;border-radius:7px;cursor:pointer}button:hover{background:#26374a;color:#f4f7fa}button:disabled{opacity:.35;cursor:default}.primary{background:#b4cde1;border-color:#b4cde1;color:#142131;padding:13px 22px;min-width:174px}.primary:hover{background:#d2e2ee;color:#142131}.telemetry{padding:16px 22px 14px;display:flex;align-items:center;gap:22px;justify-content:space-between;border-top:1px solid #344150}.telemetry strong{display:block;font-size:13px;font-weight:550;font-variant-numeric:tabular-nums}.telemetry span{display:block;margin-top:4px;font-size:10px;color:#7f92a9}.speed-readout strong{font-size:19px;letter-spacing:-.04em}.boost-readout{text-align:right;color:#8ad4d1}.toolbar{display:flex;gap:8px;padding:0 16px 12px}.toolbar button{flex:1}.toolbar .fire{background:#a5c2d9;color:#132130;border-color:#a5c2d9;font-weight:650;touch-action:none}.toolbar .fire:hover{background:#cfdeea}.toolbar kbd{background:#142b3c14;color:#223e55;border:0;margin-left:12px;padding:3px 6px}.status{display:block;color:#8096af;font-size:10px;text-align:center;padding:0 12px 12px;min-height:24px}.side-panel{padding-top:8px}.section-title{display:flex;align-items:center;gap:7px;font-size:10px;letter-spacing:.11em;color:#a7b9cc;font-weight:650}.version{margin-left:auto;color:#53677d;font-size:9px}.live-dot{width:5px;height:5px;background:#87b5d2;border-radius:50%}h2{font-size:16px;letter-spacing:-.02em;font-weight:550;margin:30px 0 16px}.side-panel label{font-size:10px;color:#7f93aa;display:block;margin-bottom:8px}select{width:100%;padding:12px 28px 12px 12px;min-height:44px;color:#cbd7e5;background:#161f2b;border:1px solid #304054;border-radius:7px;font:12px system-ui}select:disabled{opacity:.6}.hint{font-size:11px;color:#8195ab;line-height:1.7;margin:12px 0}.panel-divider{height:1px;background:#253142;margin:26px 0}.key-row{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:14px 0;font-size:11px;color:#91a4ba}.key-row div{display:flex;gap:4px}kbd{display:inline-block;text-align:center;font:10px system-ui;color:#b7c7d8;background:#18222e;border:1px solid #324154;border-bottom-width:2px;border-radius:4px;padding:4px 7px;min-width:25px}details{margin-top:28px;border-top:1px solid #253142;border-bottom:1px solid #253142;padding:16px 0;color:#8ca2b9;font-size:11px;line-height:1.7}summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;font-weight:550;color:#a5b7ca}summary::-webkit-details-marker{display:none}details p{margin:14px 0 0}.fan-note{font-size:9px;color:#657b92;margin-top:22px;line-height:1.7}.touch{display:none;gap:8px;padding:0 16px 14px}.touch button{flex:1;touch-action:none;user-select:none}button:focus-visible,a:focus-visible,select:focus-visible,canvas:focus-visible,summary:focus-visible{outline:2px solid #8dbbdd;outline-offset:3px}@media(min-width:760px) and (min-height:700px){.layout{grid-template-columns:minmax(280px,min(480px,calc((100dvh - 370px)*.8))) 240px}}@media(max-width:759px){.app-header{height:62px;padding:0 18px}.app-name{display:none}.layout{grid-template-columns:minmax(0,480px);gap:24px;padding:20px 14px}.side-panel{padding:0 8px}.side-panel .section-title,.side-panel .panel-divider,.side-panel .key-row,.side-panel h2:not(:first-of-type){display:none}.side-panel h2{margin:0 0 14px}.hud{padding:16px;gap:12px}.score-block strong{font-size:27px}.best-block strong{font-size:16px}.touch{display:flex}}@media(pointer:coarse){.touch{display:flex}}
.screen{isolation:isolate}.hud{position:absolute;top:0;left:0;right:0;z-index:2;padding:16px 18px 28px;background:linear-gradient(#101725e8,#101725a6,transparent);gap:12px;pointer-events:none}.hud span{font-size:8px;color:#a4afc1;letter-spacing:.1em}.score-block strong{font-size:25px}.best-block strong{font-size:14px}.combo-block strong{font-size:20px;color:#c2a3e7}.combo-track{position:absolute;z-index:2;left:18px;right:18px;top:73px;height:2px;background:#7c7b9126}.combo-track span{background:#b194d2}.overlay{z-index:4}.paint-label{margin-top:16px}.primary{background:#b7abd4;border-color:#b7abd4;color:#211b31}.primary:hover{background:#d7cce8}.toolbar .fire{background:#a7bcd5;border-color:#a7bcd5}.game{border-color:#394253;box-shadow:0 24px 75px #0006,0 0 50px #8c5bab09}.layout{grid-template-columns:minmax(280px,min(480px,calc((100dvh - 280px)*.8))) 240px}.live-dot{background:#b3a0d1}.app-name{color:#a795bc}@media(max-width:759px){.layout{grid-template-columns:minmax(0,480px)}.hud{padding:16px 16px 28px}.side-panel .hint{margin-bottom:18px}}
.results{display:grid;grid-template-columns:1fr 1fr;gap:16px 24px;padding:18px 0 24px;width:100%;max-width:260px;text-align:left}.results[hidden]{display:none}.results span{display:block;color:#7e94aa;font-size:9px;margin-bottom:6px}.results strong{font-size:16px;font-weight:550;color:#c5d5e5}.toolbar .fire{display:flex;align-items:center;justify-content:center;gap:8px}.toolbar kbd{margin-left:0}.ammo{font-size:9px;opacity:.7}.toolbar .fire.empty{background:#243143;border-color:#3e4b61;color:#8f9bac}.overlay h1{font-size:30px}.overlay p{margin-bottom:12px}.screen .combo-track span{transition:width .12s linear}@media(prefers-reduced-motion:reduce){.screen .combo-track span{transition:none}}
.garage-preview-card{margin:0 0 20px;border:1px solid #344356;border-radius:12px;overflow:hidden;background:#141e2c}.garage-preview-card canvas{width:100%;height:auto;aspect-ratio:160/106;touch-action:auto}.preview-caption{display:flex;flex-direction:column;gap:5px;padding:14px 16px;border-top:1px solid #334256}.preview-caption strong{font-size:13px;font-weight:600;color:#d2deec}.preview-caption span{font-size:10px;color:#8ea2ba}.side-panel h2{font-size:17px;margin-top:24px}.layout{gap:32px;grid-template-columns:minmax(300px,min(500px,calc((100dvh - 260px)*.8))) 260px}.app-header{border-bottom:0;height:68px}.game{border-radius:18px;border-color:#354456}.screen .hud{padding:18px 20px 28px}.score-block strong{font-size:28px}.toolbar button{border-radius:9px;min-height:44px}.toolbar .fire{background:#c6d8e7;color:#1b293a;border-color:#c6d8e7}.primary{background:#d0deec;border-color:#d0deec;color:#192638;border-radius:10px;font-weight:650}.primary:hover{background:#e2ecf5}.side-panel select{border-radius:9px;padding:13px 12px;background:#182334}.side-panel summary{padding:0 2px}.side-panel details{border-color:#2b394b}.section-title{font-size:9px}.app-name{color:#94a8c0}.results{background:#17243688;border:1px solid #344359;border-radius:12px;padding:16px;margin:0 0 18px}.overlay{background:linear-gradient(#0e1722d1,#0e1722ed)}.overlay p{font-size:12px;max-width:230px;line-height:1.8}.overlay h1{font-size:30px;font-weight:650}.paint-label{margin-top:14px}@media(max-width:759px){.layout{grid-template-columns:minmax(0,480px)}.side-panel{display:grid;grid-template-columns:1fr 1fr;gap:8px 14px}.side-panel h2,.garage-preview-card,.side-panel details,.side-panel .hint,.fan-note{grid-column:1/-1}.side-panel .hint{margin:4px 0}.side-panel label{grid-column:1}.side-panel select{grid-column:2;grid-row:auto}.paint-label{margin:0}.garage-preview-card canvas{max-height:220px;object-fit:contain}}
.game{background:#101925;border-color:#3e4a62}.hud{background:linear-gradient(#0c1424eb,#0c142495,transparent)}.score-block strong{font-size:29px;color:#f0f4fd}.combo-block strong{color:#c8a5ec}.combo-track span{background:#b298dc}.app-name{color:#c3aadf;letter-spacing:.24em}.overlay{backdrop-filter:blur(1px);background:linear-gradient(#0b1421b8,#0b1421e3)}.primary{background:#c1b2df;border-color:#c1b2df}.primary:hover{background:#d9cff0}.garage-preview-card{border-color:#3a4760}.toolbar .fire{background:#b3cce0;border-color:#b3cce0}.screen{background:#151f2e}
[hidden]{display:none!important}.app-header{height:64px;gap:18px;padding:0 24px}.app-nav{display:flex;gap:6px;margin-left:auto}.app-nav button{background:transparent;border:0;color:#839ab2;padding:8px 14px;min-height:36px}.app-nav button.active{background:#202e40;color:#e2eaf3}.wallet{color:#e3c286;font-size:12px;white-space:nowrap;padding:9px 13px;border:1px solid #4c4537;border-radius:8px;background:#322c221f}.home-link{font-size:11px}.home-view{max-width:1040px;margin:auto;padding:60px 32px 24px;display:grid;grid-template-columns:1fr 1.1fr;gap:40px;align-items:center}.home-kicker{font-size:9px;letter-spacing:.17em;color:#97adcb;margin:0 0 18px}.home-copy h1{font-size:clamp(56px,7vw,88px);line-height:.93;letter-spacing:-.065em;margin:0;font-weight:750}.home-copy h1 span{color:#bcb0d5}.home-description{font-size:14px;color:#99aec3;line-height:1.8;margin:24px 0}.home-actions{display:flex;gap:12px;flex-wrap:wrap}.home-actions button{min-height:48px;padding:12px 22px}.home-stats{display:flex;gap:42px;margin-top:32px}.home-stats span{display:block;font-size:10px;color:#758da7;margin-bottom:8px}.home-stats strong{font-size:22px;font-weight:550;font-variant-numeric:tabular-nums}.save-note{font-size:10px;color:#72869e;margin-top:18px}.home-car-card{background:linear-gradient(145deg,#26354b,#131e2c);border:1px solid #37465d;border-radius:20px;overflow:hidden;box-shadow:0 30px 70px #0004}.home-car-card canvas{width:100%;height:auto;aspect-ratio:5/3}.home-car-caption{display:flex;align-items:center;gap:14px;padding:18px 22px;border-top:1px solid #344259}.home-car-caption>span{font-size:8px;letter-spacing:.14em;color:#899db8}.home-car-caption strong{font-size:14px;font-weight:550}.home-car-caption button{margin-left:auto;background:none;border:0;padding:6px;color:#a5bcd5;font-size:10px}.home-controls{grid-column:1/-1;border-top:1px solid #29374a;display:flex;justify-content:center;flex-wrap:wrap;gap:28px;padding:24px 0;margin-top:12px;color:#8097b1;font-size:10px}.home-controls span{display:flex;gap:5px;align-items:center}.shop-view{max-width:1100px;margin:auto;padding:30px 28px}.shop-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.shop-heading h1{font-size:28px;letter-spacing:-.04em;margin:0}.shop-heading .home-kicker{margin-bottom:10px}.shop-intro{font-size:12px;color:#91a6be;margin:14px 0 28px}.shop-layout{display:grid;grid-template-columns:240px 1fr;gap:28px}.shop-layout .side-panel{padding:0}.shop-layout .side-panel .section-title,.shop-layout .side-panel .panel-divider,.shop-layout .side-panel .key-row,.shop-layout .side-panel h2,.shop-layout .side-panel details,.shop-layout .side-panel .hint,.shop-layout .fan-note{display:none}.shop-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.shop-card{background:#141e2c;border:1px solid #2e3e53;border-radius:12px;overflow:hidden}.shop-card.equipped{border-color:#a8a0c6}.shop-card canvas{display:block;width:100%;height:auto;aspect-ratio:5/3;background:radial-gradient(#2c3e53,#141e2c)}.shop-card-copy{padding:12px}.shop-card h2{font-size:13px;margin:0 0 5px}.shop-card p{font-size:10px;color:#8298b1;margin:0 0 12px}.shop-card button{width:100%;font-size:11px;min-height:38px}.shop-card .price{color:#e1bf80}.shop-message{min-height:18px;font-size:12px;color:#b8cbe0;margin:18px 0}.layout{display:block;width:min(560px,calc((100dvh - 230px)*.8));padding:8px 0 16px;margin:0 auto;max-width:calc(100vw - 24px)}.telemetry{padding:10px 16px}.toolbar{padding:0 10px 8px;gap:5px}.toolbar button{min-height:36px;font-size:10px;padding:8px}.toolbar .fire{gap:5px}.status{min-height:18px;padding-bottom:8px;font-size:9px}.game{border-radius:14px}.gold-earned{color:#e2c78e;font-size:13px;font-weight:600}.overlay #results-shop{margin-bottom:10px;min-height:36px}.overlay .results{padding:12px;gap:12px;margin-bottom:8px}.overlay .results strong{font-size:13px}.overlay p{margin:10px 0}.overlay h1{font-size:26px}.app-nav button:focus-visible{outline:2px solid #8dbbdd}@media(max-width:759px){.app-header{padding:0 12px;gap:8px;height:58px}.brand span,.home-link{display:none}.app-nav button{padding:8px 10px}.wallet{font-size:10px;padding:8px}.home-view{padding:28px 20px;grid-template-columns:1fr;gap:26px}.home-copy h1{font-size:64px}.home-car-card{grid-row:2}.home-controls{gap:14px;padding:18px 0}.shop-view{padding:20px 14px}.shop-layout{grid-template-columns:1fr}.shop-layout .side-panel{display:block}.shop-layout .garage-preview-card{max-width:280px}.shop-layout .side-panel select{max-width:280px}.shop-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.shop-heading h1{font-size:24px}.layout{width:min(500px,calc((100dvh - 278px)*.8))}.touch{padding:0 10px 8px}.touch button{min-height:36px}.shop-layout .side-panel label{margin-top:10px}}@media(min-width:760px) and (max-height:700px){.home-view{padding-top:28px}.home-copy h1{font-size:64px}.home-controls{margin-top:0;padding:18px 0}}
.home-copy h1{font-size:clamp(48px,6.5vw,80px);letter-spacing:-.075em}.home-copy h1 span{background:linear-gradient(100deg,#b9b6e8,#99c9db);background-clip:text;color:transparent}.home-kicker{color:#a0b8d1}.home-tags{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 24px}.home-tags span{font-size:9px;color:#b5c6d8;background:#26384b88;border:1px solid #3a4d6399;border-radius:99px;padding:6px 10px}.home-view{padding-top:40px;gap:32px}.home-car-card{transform:rotate(-2deg);border-color:#496077;box-shadow:0 30px 65px #0005}.home-car-caption{background:#162333}.home-actions .primary{background:#c2c1e8;border-color:#c2c1e8}.account-button{font-size:10px;min-height:36px;padding:8px 12px}.account-dialog{width:min(420px,calc(100vw - 32px));max-height:90dvh;overflow:auto;background:#142131;border:1px solid #43576e;border-radius:16px;padding:26px;color:#e1ebf5;box-shadow:0 40px 120px #0009}.account-dialog::backdrop{background:#050b13b8;backdrop-filter:blur(5px)}.account-dialog-head{display:flex;justify-content:space-between;align-items:center}.account-dialog-head .home-kicker{margin:0;font-size:9px}.account-dialog-head button{padding:0;min-width:32px;min-height:32px;border:0;background:none;font-size:22px}.account-dialog h2{font-size:27px;margin:20px 0 10px}.account-dialog>p{font-size:12px;color:#9cb1c8;line-height:1.7}.account-dialog label{display:block;font-size:11px;color:#adbed1;margin:16px 0 7px}.account-dialog input{width:100%;background:#0e1a29;border:1px solid #3b4e64;border-radius:8px;padding:12px;color:#e7edf6;font:14px system-ui;min-height:44px}.account-dialog input:focus-visible{outline:2px solid #a2c4dd;outline-offset:2px}.account-dialog form>.primary{margin-top:22px;width:100%}.account-message{min-height:18px;line-height:1.7}.account-links{display:flex;flex-wrap:wrap;gap:4px;margin-top:12px}.account-links button{font-size:11px;background:none;border:0;padding:8px 6px;color:#bdc6e4;min-height:34px}#recovery-display{border:1px solid #766749;background:#3b342633;border-radius:10px;padding:16px;font-size:12px;color:#e8d1a7}#recovery-display p{font-size:11px;line-height:1.7}#recovery-code{display:block;overflow-wrap:anywhere;background:#101b28;padding:12px;border-radius:6px;margin:12px 0;font-size:12px}.app-header{max-width:1180px}.save-note{max-width:340px;line-height:1.7}@media(max-width:759px){.home-copy h1{font-size:60px}.home-car-card{transform:none}.app-header{gap:5px}.account-button{padding:8px;font-size:9px}.wallet{padding:6px;font-size:9px}.home-view{padding-top:28px}}
.account-button{max-width:110px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:50px}.home-car-card{border-top-color:#7697aa}.home-stats strong{color:#d5e3f1}#home-gold{color:#e5c68e}@media(max-width:759px){.account-button{max-width:72px}.app-nav button{font-size:10px;padding:8px}.home-copy h1{font-size:clamp(42px,12vw,60px)}}
.car-stats{margin:12px 0 16px}.drive-badge{display:inline-block;font-size:9px;font-weight:650;letter-spacing:.08em;color:#bccde0;background:#293a4d;padding:4px 8px;border-radius:5px;margin-bottom:10px}.stat-row{display:grid;grid-template-columns:32px 1fr 24px;gap:8px;align-items:center;font-size:9px;margin:7px 0;color:#93a9c0}.stat-row strong{font-size:9px;text-align:right;color:#bbcde0;font-weight:500}.stat-track{height:4px;border-radius:3px;background:#29384a;overflow:hidden}.stat-track i{display:block;height:100%;background:linear-gradient(90deg,#779aaf,#b4b3d5);border-radius:3px}.shop-card-copy .car-stats{margin:10px 0 14px}#garage-stats{margin:0 0 20px}
.toolbar .boost-button{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:3px;background:#25364e;border-color:#57708b;color:#bad7ef}.boost-button kbd{padding:3px 4px;min-width:0;background:#13203333;color:#c2d9ee;border:0;font-size:8px}.boost-button i{position:absolute;bottom:0;left:0;height:3px;background:#8bcddd;width:0}.boost-button:disabled{opacity:.55}.boost-button:not(:disabled){background:#304b63;color:#e7f4fa}.boost-readout strong{font-size:12px}.toolbar{gap:4px}.toolbar button{padding:8px 5px}.toolbar .fire{gap:3px}
.ammo-hud{display:flex;align-items:center;gap:7px;margin-top:9px}.hud .ammo-hud span{display:inline;font-size:8px;margin:0;color:#9baec2}.hud .ammo-hud strong{font-size:14px;color:#e6ca91;letter-spacing:0;font-weight:650}.hud .ammo-hud strong.ammo-empty{color:#ec8d91}#ammo-rounds{display:flex;gap:3px}#ammo-rounds i{display:block;width:4px;height:11px;border-radius:2px;background:#4c5b6c}#ammo-rounds i.loaded{background:#d6bd88;box-shadow:inset 0 -3px 0 #9b7b49}.screen .combo-track{top:94px}.hud{align-items:flex-start}.overlay.results-reveal{animation:crashSummaryIn .55s ease-out both}@keyframes crashSummaryIn{from{opacity:0;backdrop-filter:blur(0)}to{opacity:1;backdrop-filter:blur(3px)}}@media(prefers-reduced-motion:reduce){.overlay.results-reveal{animation:none}}
