@import "https://fonts.googleapis.com/css2?family=Orbitron:wght@600;800&family=Manrope:wght@500;700&display=swap";:root{--bg:#070b18;--cyan:#22d3ee;--magenta:#e879f9;--gold:#fbbf24;--text:#f8fafc;--muted:#94a3b8;color:var(--text);background:var(--bg);font-family:Manrope,system-ui,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}html,body,#root{background:var(--bg);width:100%;height:100%;margin:0;overflow:hidden}.app{touch-action:none;width:100%;height:100%;position:relative}.app canvas{display:block;width:100%!important;height:100%!important}.hud{top:max(12px, env(safe-area-inset-top));pointer-events:none;z-index:5;justify-content:space-between;align-items:center;gap:8px;padding:0 16px;display:flex;position:absolute;left:0;right:0}.hud-pill{letter-spacing:.02em;background:#070b18b8;border:1px solid #22d3ee59;border-radius:999px;padding:8px 14px;font-family:Orbitron,Manrope,sans-serif;font-size:13px;font-weight:700}.hud-pill.gold,.gold{color:var(--gold)}.hud-pill.muted{color:var(--muted);opacity:.9;border-color:#94a3b84d;font-size:11px}.hud-right{align-items:center;gap:8px;display:flex}.hud-pill.jump{color:var(--cyan);text-align:center;border-color:#22d3ee8c;min-width:4.2rem}.hud-pill.jump.empty{color:var(--muted);opacity:.75;border-color:#94a3b840}.hud-speed{flex-direction:column;align-items:center;gap:4px;min-width:88px;display:flex;position:relative}.speed-bar{background:#94a3b840;border-radius:999px;width:100%;height:4px;overflow:hidden}.speed-bar-fill{border-radius:inherit;background:linear-gradient(90deg, var(--cyan), var(--magenta));height:100%;transition:width .15s linear}.speed-flash{letter-spacing:.08em;color:var(--cyan);text-shadow:0 0 12px #22d3eecc;pointer-events:none;white-space:nowrap;font-family:Orbitron,Manrope,sans-serif;font-size:11px;font-weight:800;animation:.9s ease-out speedPulse;position:absolute;top:calc(100% + 6px)}@keyframes speedPulse{0%{opacity:0;transform:translateY(4px)scale(.9)}20%{opacity:1;transform:translateY(0)scale(1.05)}to{opacity:0;transform:translateY(-8px)scale(1)}}.diff-row{gap:8px;width:min(360px,100%);display:flex}.diff{color:var(--muted);cursor:pointer;background:#0f172a8c;border:1px solid #94a3b840;border-radius:12px;flex-direction:column;flex:1;align-items:center;gap:2px;padding:10px 8px;font-family:inherit;font-size:13px;font-weight:700;display:flex}.diff-label{letter-spacing:.04em;font-family:Orbitron,Manrope,sans-serif;font-size:12px}.diff-hint{opacity:.75;font-size:10px;font-weight:500}.diff.on{color:#042f2e;background:linear-gradient(120deg, var(--cyan), #67e8f9);border-color:#0000}.diff.on .diff-hint{color:#0f766e;opacity:1}.diff.locked{opacity:.55;cursor:not-allowed}.diff.locked .diff-hint{color:#fbbf24;opacity:.9}.diff-note{color:var(--muted);text-align:center;width:min(360px,100%);margin:-4px 0 0;font-size:11px}.menu-actions{gap:8px;width:min(360px,100%);display:flex}.menu-main{flex-direction:column;flex:auto;justify-content:flex-end;align-items:center;gap:10px;width:100%;min-height:0;display:flex;overflow:hidden}.overlay.menu.panel-open .menu-main{-webkit-overflow-scrolling:touch;justify-content:center;overflow-y:auto}.menu-footer{z-index:12;flex-direction:column;flex-shrink:0;align-items:center;gap:10px;width:min(360px,100%);display:flex;position:relative}.menu-footer .btn.primary{width:100%}.menu-actions .btn{flex:1;width:auto;padding:12px 8px;font-size:13px}.info-btn{top:max(12px, env(safe-area-inset-top));right:max(14px, env(safe-area-inset-right));z-index:20;width:36px;height:36px;color:var(--cyan);cursor:pointer;background:#070b18c7;border:1.5px solid #22d3ee8c;border-radius:50%;place-items:center;font-family:Orbitron,Manrope,sans-serif;font-size:16px;font-style:italic;font-weight:800;line-height:1;transition:transform .12s,border-color .12s,filter .12s;display:grid;position:absolute;box-shadow:0 0 16px #22d3ee33}.info-btn:active{transform:scale(.94)}.info-btn:hover{filter:brightness(1.1);border-color:#22d3eee6}.info-modal-root{z-index:30;padding:max(16px, env(safe-area-inset-top)) 16px max(16px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#070b18b8;justify-content:center;align-items:center;animation:.2s both shopin;display:flex;position:absolute;inset:0}.info-modal{-webkit-overflow-scrolling:touch;background:linear-gradient(165deg,#0f172af7 0%,#070b18fa 100%);border:1px solid #22d3ee47;border-radius:16px;width:min(380px,100%);max-height:min(78vh,560px);padding:20px 18px 18px;position:relative;overflow-y:auto;box-shadow:0 12px 40px #00000073,0 0 28px #22d3ee1f}.info-modal-close{width:32px;height:32px;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:8px;place-items:center;font-size:24px;line-height:1;display:grid;position:absolute;top:10px;right:10px}.info-modal-close:hover{color:var(--text)}.info-modal h2{letter-spacing:.06em;color:var(--cyan);margin:0 28px 8px 0;font-family:Orbitron,Manrope,sans-serif;font-size:18px}.info-lead{color:var(--muted);margin:0 0 14px;font-size:13px;line-height:1.45}.info-section{margin:0 0 14px}.info-section h3{letter-spacing:.1em;text-transform:uppercase;color:#f8fafcb3;margin:0 0 8px;font-family:Orbitron,Manrope,sans-serif;font-size:11px}.info-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.info-list li{color:var(--muted);font-size:13px;line-height:1.4}.info-list strong{color:var(--text);font-weight:700}.info-guide{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.info-guide li{background:#0f172aa6;border:1px solid #94a3b829;border-radius:12px;align-items:center;gap:12px;padding:8px 10px;display:flex}.info-guide li>div{flex-direction:column;gap:2px;min-width:0;display:flex}.info-guide strong{color:var(--text);font-size:13px}.info-guide span{color:var(--muted);font-size:12px;line-height:1.35}.info-vignette{background:#070b18d9;border:1px solid #94a3b833;border-radius:10px;flex-shrink:0;place-items:center;width:44px;height:44px;display:grid}.info-vignette--rival{border-color:#e879f973;box-shadow:inset 0 0 12px #e879f91f}.info-vignette--truck{border-color:#2563eb80;box-shadow:inset 0 0 12px #fbbf241f}.info-vignette--barrier{border-color:#f9731673;box-shadow:inset 0 0 12px #fbbf241a}.info-vignette--crate{border-color:#fbbf2466;box-shadow:inset 0 0 12px #b4530933}.info-vignette--coin{border-color:#fbbf2480;box-shadow:inset 0 0 12px #fbbf2426}.info-vignette--jump{border-color:#22d3ee80;box-shadow:inset 0 0 12px #22d3ee26}.info-vignette svg{display:block}.info-foot{color:var(--muted);text-align:center;margin:2px 0 0;font-size:12px;line-height:1.4}@media (height<=640px){.info-modal{max-height:min(86vh,520px);padding:16px 14px 14px}.info-guide li{padding:6px 8px}}.settings-panel{flex-direction:column;gap:10px;width:min(360px,100%);animation:.22s both shopin;display:flex}.settings-row{width:100%;color:var(--text);font:inherit;cursor:pointer;background:#0f172aa6;border:1px solid #94a3b838;border-radius:12px;justify-content:space-between;align-items:center;padding:14px 16px;font-weight:700;display:flex}.settings-row:disabled{cursor:default;opacity:.85}.settings-row--muted{opacity:.72}.settings-val{color:var(--cyan);font-family:Orbitron,Manrope,sans-serif;font-size:13px}.settings-hint{color:var(--muted);text-align:center;margin:0;font-size:12px;line-height:1.4}.settings-link{color:var(--cyan);pointer-events:auto;text-decoration:underline}.board{width:min(420px,100%);max-height:240px;animation:.22s both shopin;overflow:auto}.board-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.board-list li{background:#0f172aa6;border:1px solid #94a3b826;border-radius:10px;grid-template-columns:40px 1fr auto;align-items:center;gap:8px;padding:8px 10px;font-size:13px;display:grid}.board-list .rank{color:var(--cyan);font-family:Orbitron,Manrope,sans-serif;font-weight:700}.board-list .score{color:var(--gold);font-weight:700}.board-empty{color:var(--muted);text-align:center;margin:8px 0}.board-pseudo{color:var(--muted);text-align:center;margin:0 0 8px;font-size:12px}.name-field{width:100%;color:var(--muted);flex-direction:column;gap:6px;margin-bottom:8px;font-size:12px;display:flex}.name-field.inline{width:min(360px,100%);margin:0}.name-field input{width:100%;color:var(--text);font:inherit;background:#0f172acc;border:1px solid #94a3b84d;border-radius:12px;padding:11px 12px}.rank-line{font-size:14px;font-weight:700;color:var(--cyan)!important}.result-pseudo{color:var(--text);margin:0 0 4px;font-size:13px;font-weight:700}.result-pseudo-hint{color:var(--muted);font-size:12px;font-weight:500}.name-field .name-save{width:100%;margin-top:4px}.hint{bottom:max(28px, env(safe-area-inset-bottom));text-align:center;z-index:6;color:#f8fafcbf;letter-spacing:.04em;pointer-events:none;margin:0;font-size:13px;animation:.8s both hintfade;position:absolute;left:0;right:0}@keyframes hintfade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.overlay{z-index:10;padding:24px 20px calc(70px + env(safe-area-inset-bottom));pointer-events:auto;background:linear-gradient(#0000 0%,#070b1840 40%,#070b18eb 72%);flex-direction:column;justify-content:flex-end;align-items:center;gap:12px;display:flex;position:absolute;inset:0}.overlay.menu .brand{margin-bottom:4px}.overlay.menu .brand.compact h1{font-size:clamp(24px,7vw,34px)}.overlay.menu .brand.compact .tagline{display:none}.overlay.menu.panel-open{padding-top:max(18px, env(safe-area-inset-top));padding-bottom:max(20px, env(safe-area-inset-bottom));justify-content:center;gap:10px}.overlay.menu.garage-open{gap:8px}.overlay.menu.garage-open .stats-row{gap:10px;margin:0;font-size:12px}.overlay.menu.garage-open .menu-actions{gap:6px}.overlay.menu.garage-open .menu-actions .btn{border-radius:10px;padding:8px 6px;font-size:12px}.overlay.menu.panel-open .menu-actions .btn{padding:10px 6px;font-size:12px}.overlay.dim{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#070b18bd;justify-content:center;gap:10px}.brand{text-align:center}.brand h1{letter-spacing:.04em;background:linear-gradient(120deg, var(--cyan), var(--magenta));color:#0000;filter:drop-shadow(0 0 24px #22d3ee59);-webkit-background-clip:text;background-clip:text;margin:0;font-family:Orbitron,Manrope,sans-serif;font-size:clamp(48px,14vw,72px);font-weight:800;line-height:.92}.tagline{color:var(--muted);margin:10px 0 0;font-size:15px}.stats-row{color:var(--muted);gap:18px;font-size:14px;display:flex}.btn{cursor:pointer;border:none;border-radius:14px;width:min(360px,100%);padding:15px 18px;font-family:inherit;font-size:16px;font-weight:700;transition:transform .12s,filter .12s}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.78;cursor:default;transform:none}.btn.primary{background:linear-gradient(120deg, var(--cyan), #06b6d4);color:#042f2e;box-shadow:0 0 28px #22d3ee59}.btn.ghost{color:var(--text);background:#94a3b81a;border:1px solid #94a3b838}.btn.small{padding:11px 14px;font-size:13px}.shop{width:min(420px,100%);animation:.22s both shopin}@keyframes shopin{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.garage-panel{flex-direction:column;flex:none;align-items:center;gap:10px;width:min(400px,100%);display:flex;overflow:visible}.garage-tabs{background:#0f172a8c;border:1px solid #94a3b833;border-radius:12px;gap:6px;width:100%;padding:2px;display:flex}.garage-tab{color:var(--muted);font:inherit;letter-spacing:.04em;cursor:pointer;background:0 0;border:none;border-radius:10px;flex:1;padding:8px 10px;font-family:Orbitron,Manrope,sans-serif;font-size:12px;font-weight:700}.garage-tab.on{color:#042f2e;background:linear-gradient(120deg, var(--cyan), #67e8f9)}.stage-swatch{border:1px solid;border-radius:12px;width:100%;height:88px;margin:0 0 6px;position:relative;overflow:hidden}.stage-swatch-rail{opacity:.95;border-radius:3px;height:6px;position:absolute;bottom:18px;left:12%;right:12%;box-shadow:0 0 12px}.garage-top{justify-content:space-between;align-items:center;width:min(420px,100%);margin-bottom:8px;display:flex}.garage-nav{grid-template-columns:36px 1fr 36px;align-items:center;gap:6px;width:100%;display:grid}.garage-arrow{width:36px;min-width:36px;height:44px;padding:0;font-size:26px;line-height:1}.garage-stage{border:1px solid color-mix(in srgb, var(--c) 35%, transparent);contain:strict;background:#0a1020;border-radius:12px;flex:0 0 168px;width:100%;height:168px;min-height:168px;max-height:168px;margin:0 0 6px;overflow:hidden}.garage-stage canvas{display:block;width:100%!important;height:100%!important}.garage-info{box-sizing:border-box;text-align:center;border:1px solid color-mix(in srgb, var(--c) 45%, transparent);height:452px;min-height:452px;max-height:452px;box-shadow:0 0 18px color-mix(in srgb, var(--c) 18%, transparent);background:#0f172ad1;border-radius:14px;flex-direction:column;align-items:center;padding:12px 14px 14px;display:flex;overflow:hidden}.garage-name{letter-spacing:.02em;color:var(--c);text-overflow:ellipsis;white-space:nowrap;width:100%;height:1.2em;max-height:1.2em;margin:0;font-size:20px;font-weight:800;line-height:1.2;overflow:hidden}.garage-blurb{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;width:100%;height:2.7em;min-height:2.7em;max-height:2.7em;margin:3px 0 10px;font-size:13px;line-height:1.35;display:-webkit-box;overflow:hidden}.stat-bars{flex-shrink:0;gap:6px;width:100%;margin-bottom:8px;display:grid}.garage-power{color:var(--text);opacity:.9;-webkit-line-clamp:2;-webkit-box-orient:vertical;width:100%;height:2.7em;min-height:2.7em;max-height:2.7em;margin:0 0 10px;font-size:12px;line-height:1.35;display:-webkit-box;overflow:hidden}.stat-row{color:var(--muted);text-align:left;grid-template-columns:56px 1fr;align-items:center;gap:8px;font-size:13px;display:grid}.stat-track{grid-template-columns:repeat(5,1fr);gap:3px;display:grid}.stat-track i{background:#94a3b838;border-radius:3px;height:7px}.stat-track i.on{background:var(--c);box-shadow:0 0 8px color-mix(in srgb, var(--c) 55%, transparent)}.garage-dots{flex-shrink:0;justify-content:center;gap:7px;margin:0;display:flex}.garage-dot{cursor:pointer;background:#94a3b833;border:1px solid #94a3b866;border-radius:50%;width:8px;height:8px;padding:0}.garage-dot.on{background:var(--c,#22d3ee);border-color:var(--c,#22d3ee);box-shadow:0 0 10px color-mix(in srgb, var(--c,#22d3ee) 55%, transparent)}.garage-cta{flex-direction:column;flex-shrink:0;align-items:center;gap:4px;width:100%;min-height:58px;margin-top:auto;display:flex}.garage-cta .btn{width:100%;max-width:220px;padding:12px 16px;font-size:14px}.garage-cta .btn.equipped{opacity:.85;cursor:default;border-color:color-mix(in srgb, var(--c) 55%, transparent);color:var(--c)}.garage-cta .btn.locked{opacity:.9;font-size:13px}.garage-cta .btn.short{color:var(--gold);border-color:#fbbf2473}.garage-cta.shake{animation:.38s garageShake}.garage-hint{letter-spacing:.02em;min-height:14px;color:var(--gold);text-shadow:0 0 12px #fbbf2459;margin:0;font-size:12px;font-weight:700;animation:.22s both garageHintIn}@keyframes garageShake{0%,to{transform:translate(0)}20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}@keyframes garageHintIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.power-btn{right:max(14px, env(safe-area-inset-right));bottom:max(88px, calc(env(safe-area-inset-bottom) + 72px));z-index:6;width:72px;height:72px;color:var(--text);cursor:pointer;background:#0f172ac7;border:2px solid #67e8f973;border-radius:50%;place-items:center;gap:0;padding:0;font-family:inherit;display:grid;position:absolute;box-shadow:0 0 18px #22d3ee40}.power-btn:disabled{opacity:.7;cursor:default}.power-btn.ready{border-color:#67e8f9;box-shadow:0 0 22px #22d3ee8c}.power-btn.active{border-color:#fbbf24;box-shadow:0 0 26px #fbbf248c}.power-btn.auto{border-color:#a78bfa;box-shadow:0 0 22px #a78bfa8c}.power-btn.auto.ready{border-color:#c4b5fd;box-shadow:0 0 26px #a78bfab3}.power-btn.auto.active{border-color:#fbbf24}.power-ring{background:conic-gradient(#94a3b88c calc(var(--cd,0) * 1turn), transparent 0);pointer-events:none;border-radius:50%;position:absolute;inset:-2px;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 4px),#000 0);mask:radial-gradient(farthest-side,#0000 calc(100% - 4px),#000 0)}.power-btn.auto .power-ring{box-shadow:inset 0 0 0 2px #a78bfad9}.power-icon{margin-top:4px;font-size:18px;line-height:1}.power-label{letter-spacing:.04em;text-transform:uppercase;margin-bottom:6px;font-size:10px;font-weight:700}.power-auto-tag{letter-spacing:.06em;color:#f5f3ff;background:#7c3aed;border-radius:999px;padding:2px 5px;font-size:8px;font-weight:800;line-height:1.2;position:absolute;top:-6px;right:-4px}.skin-grid{grid-template-columns:repeat(2,1fr);gap:8px;max-height:210px;margin-bottom:8px;display:grid;overflow:auto}.skin{text-align:left;color:var(--text);cursor:pointer;background:#0f172aa6;border:1px solid #94a3b833;border-radius:12px;grid-template-rows:auto auto;grid-template-columns:28px 1fr;gap:2px 10px;padding:10px;font-family:inherit;display:grid}.skin.on{border-color:var(--c);box-shadow:0 0 0 1px var(--c), 0 0 18px color-mix(in srgb, var(--c) 35%, transparent)}.skin .swatch{background:var(--c);width:28px;height:28px;box-shadow:0 0 12px color-mix(in srgb, var(--c) 55%, transparent);border-radius:8px;grid-row:span 2;align-self:center}.skin .name{font-size:12px;font-weight:700}.skin .price{color:var(--muted);font-size:11px}.iap-row{flex-direction:column;flex-shrink:0;align-items:center;gap:6px;width:100%;display:flex}.iap-row .btn{text-align:center;border-radius:12px;width:min(240px,100%);padding:10px 14px;font-size:13px}@media (height<=720px){.overlay.menu.garage-open,.garage-panel{gap:6px}.garage-stage{flex-basis:132px;height:132px;min-height:132px;max-height:132px;margin-bottom:4px}.garage-info{height:392px;min-height:392px;max-height:392px;padding:8px 10px 10px}.garage-name{font-size:17px}.garage-blurb{margin-bottom:7px;font-size:12px}.garage-power{margin-bottom:7px;font-size:11px}.stat-row{font-size:12px}.garage-cta{min-height:52px}.iap-row .btn{padding:8px 12px;font-size:12px}}@media (height<=620px){.overlay.menu.garage-open{gap:4px}.garage-stage{flex-basis:110px;height:110px;min-height:110px;max-height:110px}.garage-info{height:340px;min-height:340px;max-height:340px;padding:6px 8px 8px}.garage-name{font-size:15px}.garage-blurb,.garage-power{-webkit-line-clamp:1;height:1.35em;min-height:1.35em;max-height:1.35em}.garage-cta{min-height:48px}.garage-cta .btn{padding:9px 12px;font-size:13px}}@media (height<=480px){.overlay.menu.panel-open,.overlay.menu.garage-open{-webkit-overflow-scrolling:touch;justify-content:flex-start;overflow-y:auto}.garage-panel{max-height:none;overflow:visible}.garage-stage{flex-basis:72px;height:72px;min-height:72px;max-height:72px}.garage-info{height:250px;min-height:250px;max-height:250px}.garage-power,.garage-blurb{height:0;min-height:0;max-height:0;margin:0;display:none}}.daily-block{text-align:left;background:#080c1cb8;border:1px solid #67e8f92e;border-radius:14px;width:min(360px,92vw);margin:0 auto 10px;padding:10px 12px}.daily-streak{justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;display:flex}.daily-block.collapsed .daily-streak{margin-bottom:2px}.daily-toggle{width:100%;color:var(--muted);font:inherit;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;margin:0;padding:4px 0 2px;font-size:12px;font-weight:700;display:flex}.daily-toggle:active{color:var(--text)}.daily-chevron{color:var(--cyan);font-size:14px;line-height:1}.daily-streak-day{letter-spacing:.06em;color:var(--cyan);font-family:Orbitron,Manrope,sans-serif;font-size:13px}.daily-missions{flex-direction:column;gap:6px;margin:6px 0 0;padding:0;list-style:none;display:flex}.daily-missions li{color:var(--muted);justify-content:space-between;align-items:center;gap:8px;font-size:12px;display:flex}.daily-missions li.done{color:#e2e8f0}.daily-mission-label em{opacity:.65;font-size:11px;font-style:normal}.daily-toast{color:#fbbf24;margin:6px 0 0;font-size:12px}.result-score{color:var(--cyan);margin:0;font-family:Orbitron,Manrope,sans-serif;font-size:48px;font-weight:800}.overlay.dim h2{letter-spacing:.06em;margin:0;font-family:Orbitron,Manrope,sans-serif}.overlay.dim p{color:var(--muted);margin:0}html,body{background:#070b18;margin:0;padding:0}