:root{color-scheme:dark;--bg:#070e1b;--surface:#101c2f;--blue:#1886ff;--cyan:#4dd7ff;--muted:#8594ad;--line:#22334d;--gold:#ffc65a}*{box-sizing:border-box}body{margin:0;background:#03070e;color:#f5f8ff;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input{font:inherit}button{cursor:pointer;color:inherit;border:0}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}button:active{transform:scale(.98)}#app{max-width:480px;margin:auto;background:var(--bg);min-height:100dvh;position:relative;overflow:hidden;border-inline:1px solid #162238}.screen{display:none;padding-bottom:100px}.screen.active{display:block}.hero{height:48dvh;min-height:340px;max-height:460px;position:relative;background:#0c1830 url('/assets/hero.png') center 59%/cover no-repeat}.hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,10,25,.48),transparent 40%,transparent 70%,#070e1b)}.brand{position:absolute;top:max(8px,env(safe-area-inset-top));left:23px;width:125px;height:67px;overflow:hidden;mix-blend-mode:screen}.brand img{position:absolute;width:195px;max-width:none;left:-33px;top:-64px}.title{position:absolute;top:93px;left:25px}.title>p{font-size:8px;letter-spacing:2.3px;color:#bacde7;font-weight:700;margin:0 0 6px}h1{font-size:65px;line-height:.82;letter-spacing:-3px;font-style:italic;font-weight:950;margin:0;text-shadow:0 4px 14px #0009}h1 span{color:#37b8ff}.tagline{font-size:9px;letter-spacing:2px;font-weight:800;margin-top:13px}.hero-bottom{position:absolute;bottom:9px;left:25px;font-size:8px;font-weight:700;letter-spacing:1.4px;color:#b7c9e0}.live-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#46d5ff;margin-right:5px;box-shadow:0 0 9px #3acbff}.home-content{padding:10px 22px 0}.player-line{display:flex;align-items:center;gap:12px;margin:3px 0 22px}.avatar{width:44px;height:44px;background:linear-gradient(135deg,#193552,#1f73c8);border:1px solid #549adb;border-radius:14px;display:grid;place-items:center;font-size:23px;font-weight:800}.player-line strong{font-size:15px}.player-line small{display:block;color:var(--muted);font-size:10px;margin-top:5px}.level{margin-left:auto;text-align:center}.level span{color:var(--cyan);font-weight:800;font-size:23px}.level small{font-size:7px;letter-spacing:1.5px;margin:1px}.primary{background:linear-gradient(180deg,#229bff,#0060ee);box-shadow:inset 0 1px 0 #88d7ff,0 5px 22px #0878ff40;border:1px solid #379cff;border-radius:12px;min-height:56px;width:100%;font-size:13px;font-weight:850;letter-spacing:.6px;display:flex;align-items:center;justify-content:center;gap:10px}.play-btn svg{width:23px;height:23px}.play-btn>span{margin-left:auto}.play-btn{padding:0 19px}.secondary{width:100%;margin-top:10px;min-height:47px;border-radius:11px;background:linear-gradient(#16263d,#0e1b2d);border:1px solid #30435e;font-size:11px;font-weight:750;letter-spacing:1px;display:flex;justify-content:space-between;align-items:center;padding:0 20px}.competition{margin-top:20px;display:flex;align-items:center;text-align:left;width:100%;background:linear-gradient(100deg,#122743,#0c1525);border:1px solid #2465a4;border-radius:12px;padding:14px 12px;gap:12px}.competition strong{display:block;font-size:10px;letter-spacing:.6px}.competition small{display:block;font-size:10px;color:#a8b6c9;margin-top:5px}.competition>span{margin-left:auto;color:var(--cyan)}.trophy-icon{font-size:28px;color:var(--gold);filter:drop-shadow(0 0 8px #ffa80065)}.pilot-note{font-size:8px;letter-spacing:1px;color:#7d8da4;text-align:center;line-height:1.8;margin:15px 0}nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,480px);height:calc(72px + env(safe-area-inset-bottom));padding:8px 16px calc(8px + env(safe-area-inset-bottom));background:#08111ff5;border-top:1px solid #25344b;backdrop-filter:blur(18px);z-index:10;display:flex;justify-content:space-around}nav button{background:none;color:#7e8ea5;width:65px;font-size:9px;display:flex;flex-direction:column;align-items:center;gap:7px;padding:4px}nav svg{height:23px;width:23px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round}nav button.selected{color:#43b9ff}nav button.selected svg{filter:drop-shadow(0 0 6px #1686ff)}.content-screen{padding:35px 24px 110px;min-height:100dvh;background:radial-gradient(ellipse at 90% 0,#12346255,transparent 55%),var(--bg)}.page-heading>p{font-size:9px;letter-spacing:2.4px;color:#7fb9ee;font-weight:700;margin:4px 0 17px}.page-heading h2{font-size:44px;line-height:1.02;letter-spacing:-1.7px;margin:0 0 30px}.page-heading em{font-style:normal;color:#409fff}.month-line{display:flex;align-items:center;justify-content:space-between;font-size:13px;color:#bbcae0}.tag{font-size:8px;letter-spacing:1px;color:#71b8ff;background:#14345b;border:1px solid #285780;padding:5px 7px;border-radius:5px}.podium-art{text-align:center;margin:25px 0 30px;padding:10px;background:radial-gradient(ellipse,#1459a94a,transparent 65%)}.podium-art svg{width:92px;height:92px;stroke:#65c7ff;stroke-width:3;fill:#1b63bd44;filter:drop-shadow(0 0 18px #1686ff)}.rank-total{font-size:45px;font-weight:850;margin-top:3px;letter-spacing:-2px}.podium-art p{font-size:8px;letter-spacing:1.8px;color:#90a8c9}.section-line{display:flex;justify-content:space-between;align-items:center;margin:20px 0 12px}.section-line h3{font-size:14px;margin:0}.section-line span{font-size:10px;color:var(--muted)}.empty{border-block:1px solid var(--line);padding:24px 2px;color:var(--muted);font-size:12px;line-height:1.8}.score-row{display:flex;align-items:center;gap:13px;padding:15px 8px;border-bottom:1px solid var(--line);font-size:12px}.score-row>span{color:#6d809e;width:20px}.score-row strong{margin-left:auto;color:var(--cyan)}.info-box{margin-top:25px;border-top:1px solid var(--line);padding-top:20px}.info-box strong{font-size:12px}.info-box p{font-size:12px;color:#99aac3;line-height:1.8}.garage-car{position:relative;height:220px;margin-top:-10px;display:grid;place-items:center;background:repeating-linear-gradient(0deg,transparent 0 29px,#22344e33 30px),repeating-linear-gradient(90deg,transparent 0 29px,#22344e33 30px);border-bottom:1px solid #365d8b}.car-sprite{background-image:url('/assets/cars.png');background-size:200% 200%;position:relative;z-index:1}.car-sprite.blue{width:150px;height:210px;background-position:0 0;transform:rotate(-12deg)}.garage-glow{position:absolute;bottom:18px;background:#078aff66;width:170px;height:20px;filter:blur(20px)}.garage-caption{text-align:center;padding:20px 0}.garage-caption h3{font-size:24px;margin:12px 0 7px}.garage-caption p{color:var(--muted);font-size:11px}.stats-grid{display:grid;grid-template-columns:1fr 1fr;border-block:1px solid var(--line);padding:22px 0;margin:10px 0 25px;text-align:center}.stats-grid div+div{border-left:1px solid var(--line)}.stats-grid strong{display:block;color:var(--cyan);font-size:28px}.stats-grid small{font-size:8px;letter-spacing:1px;color:var(--muted)}.badges{display:flex;gap:10px}.badge{flex:1;background:#0d1b2d;border:1px solid #253b58;padding:16px 5px;text-align:center;border-radius:10px;opacity:.45}.badge.earned{opacity:1;border-color:#357cc2}.badge b{display:block;font-size:25px;color:var(--gold);margin-bottom:9px}.badge span{font-size:9px}.badge small{display:block;color:var(--muted);font-size:8px;margin-top:6px}label{display:block;font-size:12px;margin-bottom:10px}input{background:#111e32;border:1px solid #314563;border-radius:10px;width:100%;padding:16px;color:white;margin-bottom:15px}#saved{min-height:16px;color:var(--cyan);font-size:11px}.text-button{background:none;color:#ff9b9b;padding:10px 0;font-size:11px;text-decoration:underline}#game{position:fixed;inset:0;max-width:480px;margin:auto;background:#111b2b;z-index:20;touch-action:none;overflow:hidden}#game[hidden],#overlay[hidden]{display:none}#road{width:100%;height:100%;display:block}.game-vignette{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 70px #0009;background:linear-gradient(#020b1bba,transparent 23%,transparent 74%,#020b1baa)}.hud{position:absolute;top:0;left:0;right:0;padding:calc(17px + env(safe-area-inset-top)) 18px 12px;display:flex;align-items:center;gap:18px;background:linear-gradient(#081323e6,#07102080);border-bottom:1px solid #4b678744}.hud small{display:block;font-size:9px;letter-spacing:1.5px;color:#c5d7ef}.hud strong{display:block;color:#4fd6ff;font-size:30px;line-height:1.1}.coin-counter{display:flex;gap:6px;align-items:center;font-size:15px}.coin-small{color:var(--gold);font-size:23px}.shields{margin-left:auto;color:#62cfff;letter-spacing:2px;font-size:17px}.hud button{background:#1d324b9c;border:1px solid #7188a3;border-radius:9px;width:38px;height:38px;font-size:20px}.run-progress{position:absolute;top:calc(82px + env(safe-area-inset-top));left:18px;right:18px;height:3px;background:#31425a;border-radius:5px;overflow:hidden}#progress-bar{height:100%;background:#3bccff;width:0}.game-top-note{position:absolute;top:calc(96px + env(safe-area-inset-top));left:20px;right:20px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.6px;color:#d5e7ff}.lane-controls{position:absolute;bottom:calc(25px + env(safe-area-inset-bottom));left:20px;right:20px;display:flex;align-items:center;justify-content:space-between}.lane-controls button{border:2px solid #4ecaff;background:#08182edb;box-shadow:0 0 17px #0a88ff77,inset 0 0 12px #0a88ff33;border-radius:50%;width:57px;height:57px;font-size:24px}.lane-controls span{font-size:7px;letter-spacing:1.1px;color:#a9c2e1}#feedback{position:absolute;top:37%;left:0;right:0;text-align:center;font-size:23px;font-weight:900;color:#ffcf6d;text-shadow:0 2px 10px black;pointer-events:none}#overlay{position:absolute;inset:0;background:#030a17bf;backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;padding:20px;overflow:auto;touch-action:pan-y}.modal{background:linear-gradient(145deg,#15243b,#080f1d);border:1px solid #357aba;border-radius:20px;padding:26px 22px;width:100%;max-height:95%;overflow:auto;box-shadow:0 15px 80px #000a}.modal .eyebrow{color:#55c9ff;letter-spacing:1.7px;font-size:9px;text-align:center;font-weight:800}.modal h2{font-size:27px;line-height:1.15;margin:12px 0;text-align:center;letter-spacing:-.7px}.modal .muted{color:#99acc7;text-align:center;font-size:12px;line-height:1.7}.modal .question{font-size:20px;line-height:1.4;text-align:left;margin:25px 0 20px}.answer{display:block;width:100%;background:#17273e;border:1px solid #435672;padding:16px 13px;text-align:left;border-radius:11px;margin:10px 0;font-size:12px;line-height:1.5;min-height:52px}.answer.correct{border-color:#39dda4;background:#104134}.answer.wrong{border-color:#ed7e80;background:#49222a}.answer:disabled{cursor:default;color:#e4ecf8;opacity:.8}.bonus{border:1px solid #987331;color:var(--gold);text-align:center;padding:12px;border-radius:10px;margin-top:22px;font-weight:850;font-size:13px}.explanation{font-size:12px;line-height:1.7;color:#c1d3eb;padding:6px 0 15px}.modal .secondary{justify-content:center}.result-score{font-size:68px;line-height:1.2;font-weight:900;color:var(--cyan);text-align:center;letter-spacing:-3px}.result-breakdown{display:flex;justify-content:space-around;border-block:1px solid var(--line);padding:17px 0;margin:20px 0}.result-breakdown div{text-align:center;font-size:18px;font-weight:800}.result-breakdown small{display:block;font-size:8px;color:var(--muted);margin-top:5px;letter-spacing:1px}#toast{position:fixed;bottom:95px;left:50%;transform:translateX(-50%);z-index:50;background:#1c3b58;color:#fff;padding:12px 20px;border:1px solid #4496cf;border-radius:9px;font-size:12px;display:none;max-width:85%;text-align:center}@media(min-width:600px){body{background:radial-gradient(ellipse at 50% 0,#122640,#03070e 65%)}#app{box-shadow:0 0 100px #0009}}@media(max-height:740px){.hero{min-height:300px;height:44dvh}.home-content{padding-top:5px}.player-line{margin-bottom:15px}.competition{margin-top:14px}.title{top:80px}h1{font-size:57px}.brand{top:2px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

nav[hidden]{display:none}.car-sprite.blue{width:140px;height:228px;background-size:500px 489px;background-position:-81px -9px}

.incident-symbol{width:100px;height:95px;margin:12px auto 0;display:grid;place-items:center;color:#ff5d56;background:radial-gradient(ellipse,#b5263544,transparent 70%)}.incident-symbol svg{width:88px;height:64px;stroke:currentColor;stroke-width:4;stroke-linejoin:round;fill:none;filter:drop-shadow(0 0 9px #fa3c4b66)}.incident-scene{height:135px;position:relative;overflow:hidden;margin-top:12px;background:radial-gradient(ellipse at 50% 80%,#1686ff33,transparent 70%)}.incident-car.car-sprite.blue{position:absolute;width:77px;height:125px;background-size:275px 269px;background-position:-45px -5px;left:calc(50% - 38px);top:3px;transform:rotate(-7deg)}.loose-wheel{position:absolute;width:39px;height:39px;left:calc(50% + 28px);top:65px;fill:#111a26;stroke:#7893ad;stroke-width:6}.loose-wheel .rim{fill:#455c74;stroke:#9cb5cf;stroke-width:3}.loose-wheel path{stroke:#bdd2e7;stroke-width:3}.loose-wheel.detached{animation:wheel-away 1.8s ease-out forwards}.loose-wheel.flat{transform:scaleY(.65);transform-origin:bottom}.incident-outcome{font-size:10px;font-weight:800;letter-spacing:.6px;padding-top:13px}.incident-outcome.safe{color:#55e6b1}.incident-outcome.unsafe{color:#ff9191}.repair-note{font-size:11px;line-height:1.6;color:#a6c9ee;border-left:2px solid #438cce;padding:8px 12px;margin:0 0 20px;background:#16345044}@keyframes wheel-away{from{transform:translate(0,0) rotate(0deg)}to{transform:translate(70px,24px) rotate(250deg)}}

.equipped-line{display:flex;gap:8px;align-items:center;font-size:7px;color:#718ba9;letter-spacing:.9px;margin:-8px 0 14px}.equipped-line strong{font-size:10px;color:#d7e8fc;letter-spacing:0}.equipped-line>span{margin-left:auto;font-size:6px;color:#4eafff}.resource-hud{position:absolute;top:calc(122px + env(safe-area-inset-top));left:20px;right:20px;display:grid;grid-template-columns:1fr 1fr;gap:6px 20px;pointer-events:none}.resource-hud span{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1px;color:#c1d4eb}.resource-hud b{font-size:8px}.resource-track{height:5px;background:#101f32;border:1px solid #52718e66;border-radius:4px;overflow:hidden;margin-top:5px}.resource-track i{display:block;width:70%;height:100%;background:#ffbe5b;transition:width .15s linear}.resource-hud>small{grid-column:1/-1;color:#91aac4;font-size:6px;letter-spacing:1.5px;text-align:center}.lane-controls .boost-button{height:72px;width:122px;border:1px solid #426179;border-radius:16px;background:linear-gradient(#17314c,#0a182a);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;box-shadow:0 0 16px #0006}.boost-button:disabled{cursor:default;opacity:.75}.boost-bolt{font-size:24px;line-height:1;color:#73c3f3;font-weight:900}.boost-button strong{font-size:12px;letter-spacing:1.8px}.boost-button small{font-size:6px;letter-spacing:1px;color:#8ca8c4}.lane-controls .boost-button.ready{border-color:#62f3ff;background:linear-gradient(#167eb5,#084583);box-shadow:0 0 27px #03cfff77;opacity:1}.boost-button.ready small,.boost-button.boosting small{color:#adfbff}.lane-controls .boost-button.boosting{border-color:#98fdff;background:linear-gradient(#0d9dbf,#0870c2);box-shadow:0 0 35px #0cf9;opacity:1}.vehicle-tag{position:absolute;bottom:calc(112px + env(safe-area-inset-bottom));left:0;right:0;text-align:center;color:#d7eaff;font-size:9px;letter-spacing:1px;text-shadow:0 2px 8px black;pointer-events:none}#garage-preview{position:relative;z-index:1;width:135px;height:180px;filter:drop-shadow(0 10px 15px #0009);transform:rotate(-9deg)}.unlock-panel{text-align:center;margin:5px 0 20px;padding:14px;background:#11294766;border:1px solid #255484;border-radius:10px}.unlock-panel strong{font-size:9px;letter-spacing:1px;color:#7fcbff}.unlock-panel p{font-size:11px;color:#afc6e1;line-height:1.6;margin:7px 0 0}.fleet-list{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0 27px}.fleet-card{border:1px solid #293d59;border-radius:12px;background:linear-gradient(160deg,#15243a,#0b1423);padding:12px 7px;display:flex;align-items:center;flex-direction:column;min-height:185px}.fleet-card.equipped{border-color:#42baff;box-shadow:inset 0 0 20px #0878bb22}.fleet-card.locked{opacity:.4;filter:grayscale(.8);cursor:default}.fleet-thumb{width:78px;height:104px;margin-bottom:10px}.fleet-card strong{font-size:10px;text-align:center;line-height:1.5}.fleet-card small{font-size:7px;letter-spacing:.5px;color:#84b6e4;margin-top:8px}.upgrade-art{text-align:center;position:relative;background:radial-gradient(ellipse,#1774bd55,transparent 65%);margin:10px 0}.upgrade-art canvas{width:140px;height:185px;filter:drop-shadow(0 8px 12px #0007)}.garage-caption h3{font-size:22px}

.incident-vehicle{position:absolute;width:84px;height:112px;left:calc(50% - 42px);top:6px;transform:rotate(-7deg)}

.endless-cta{margin-top:12px;background:linear-gradient(120deg,#087ca3,#113b9b);border-color:#37d5ef;box-shadow:inset 0 1px 0 #91f4ff55,0 5px 20px #08b7ee22}.endless-cta>span{font-size:28px;line-height:1;margin-left:10px}.personal-record{padding:17px 18px;border:1px solid #2c638f;border-radius:12px;background:linear-gradient(110deg,#13365b,#0c1c32);display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.personal-record span{font-size:8px;letter-spacing:1px;color:#7ac5fc}.personal-record strong{font-size:23px;color:#d9f3ff}#expedition-hud{position:absolute;top:calc(168px + env(safe-area-inset-top));left:20px;right:20px;pointer-events:none;background:#061226b0;border:1px solid #5481a855;border-radius:8px;padding:9px 10px;backdrop-filter:blur(5px)}#expedition-hud[hidden]{display:none}.world-line,.mission-line{display:flex;justify-content:space-between;align-items:center;gap:8px}.world-line strong{font-size:9px;text-transform:uppercase;letter-spacing:.7px;color:#c4e6ff}.world-line>span{font-size:8px;color:#ffd470;font-weight:850}.mission-line{font-size:8px;color:#94acc8;margin-top:7px}.mission-line b{font-size:8px;color:#e3f4ff;white-space:nowrap}#active-powers{font-size:7px;color:#85e6ff;letter-spacing:.5px;min-height:0}#active-powers:not(:empty){margin-top:7px}.shop-description{font-size:11px;color:#9eb3cf;line-height:1.7;margin:10px 0 15px}.cosmetic-shop{display:grid;grid-template-columns:1fr 1fr;gap:8px}.shop-item{background:#101e32;border:1px solid #2b405e;padding:16px 10px;border-radius:9px;text-align:left;min-height:70px}.shop-item.equipped{border-color:#348fce;background:#102d47}.shop-item strong{font-size:10px;line-height:1.5;display:block}.shop-item small{font-size:7px;color:#73baff;letter-spacing:.8px;display:block;margin-top:7px}.pit-choice{border-color:#3676a5}.modal .pit-choice:hover{background:#173d61}#feedback{top:42%}

.daily-cta svg{width:18px;height:18px;fill:currentColor}.daily-cta{gap:10px}.daily-cta>span{margin-left:auto}.endless-cta{margin-top:0}.personal-record strong{white-space:nowrap}

.feedback-settings{margin:0 0 24px;padding:16px;background:#11223a;border:1px solid #294765;border-radius:11px}.feedback-settings label{display:flex;align-items:center;gap:10px;font-size:12px;margin:8px 0 15px}.feedback-settings input{width:18px;height:18px;margin:0;accent-color:#1b9fff}.feedback-settings p{font-size:10px;color:#8eabc8;line-height:1.7;margin:15px 0 0}.route-choices{display:grid;gap:8px;margin:0 0 16px}.route-choices:empty{display:none}.route-choice{padding:13px 11px;text-align:left;background:#13243b;border:1px solid #344c69;border-radius:9px;font-size:10px;line-height:1.6}.route-choice.selected{border-color:#4cc8f4;background:#123856}#pit-notice{color:#ffd071;font-size:8px;font-weight:800;letter-spacing:.6px;margin-top:6px}#pit-notice:empty{display:none}.primary:disabled{opacity:.4;cursor:default}