@import"https://fonts.googleapis.com/css2?family=Fredoka:wght@400;600;700;800;900&family=Bungee&display=swap";:root{--font-main: "Fredoka", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-bungee: "Bungee", cursive;--primary-red: #ff3b30;--primary-orange: #ff9500;--primary-yellow: #ffcc00;--primary-green: #34c759;--primary-blue: #007aff;--primary-purple: #af52de}*{box-sizing:border-box;margin:0;padding:0;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}html,body,#root{width:100%;height:100%;height:100dvh;overflow:hidden;position:fixed;inset:0;background-color:#0b0c10;font-family:var(--font-main);touch-action:none;-webkit-overflow-scrolling:auto}.game-canvas-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.hud-layer{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;padding:env(safe-area-inset-top,16px) env(safe-area-inset-right,16px) env(safe-area-inset-bottom,16px) env(safe-area-inset-left,16px)}.hud-interactive{pointer-events:auto}.kid-btn{pointer-events:auto;font-family:var(--font-main);font-weight:800;border-radius:9999px;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;box-shadow:0 8px #00000059,0 12px 20px #0000004d;transition:transform .08s ease,filter .1s ease,box-shadow .08s ease;touch-action:manipulation;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.4);position:relative;overflow:hidden}.kid-btn:active,.kid-btn.active-pressed{transform:translateY(6px) scale(.96);box-shadow:0 2px #0006,0 4px 10px #0000004d}.kid-btn:after{content:"";position:absolute;top:4px;left:10%;width:80%;height:38%;background:linear-gradient(to bottom,#ffffff80,#ffffff0d);border-radius:9999px;pointer-events:none}.btn-go{width:120px;height:120px;background:linear-gradient(135deg,#30e36b,#1bb34f);border:4px solid #75f09e;font-size:26px;flex-direction:column}@media (min-width: 768px){.btn-go{width:140px;height:140px;font-size:30px}}.btn-action{width:78px;height:78px;font-size:14px;flex-direction:column;gap:2px}@media (min-width: 768px){.btn-action{width:88px;height:88px;font-size:16px}}.btn-turbo{background:linear-gradient(135deg,#ff9500,#ff5e00);border:3.5px solid #ffd080}.btn-banana{background:linear-gradient(135deg,#ffd60a,#ffb703);border:3.5px solid #fff099;color:#332000;text-shadow:none}.btn-jump{background:linear-gradient(135deg,#00b4d8,#0077b6);border:3.5px solid #90e0ef}.btn-horn{background:linear-gradient(135deg,#af52de,#7b2cbf);border:3.5px solid #e0aaff}.btn-steer{width:86px;height:86px;font-size:38px;background:linear-gradient(135deg,#48cae4,#0096c7);border:4px solid #caf0f8;border-radius:28px}@media (min-width: 768px){.btn-steer{width:105px;height:105px;font-size:46px}}.counter-badge{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#141423bf;backdrop-filter:blur(12px);border:2.5px solid rgba(255,255,255,.25);border-radius:9999px;font-weight:800;font-size:18px;color:#fff;box-shadow:0 4px 12px #0000004d}.counter-icon{font-size:24px}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#0a0c19e0;backdrop-filter:blur(16px);z-index:50;display:flex;align-items:center;justify-content:center;padding:20px}.modal-card{width:100%;max-width:1050px;max-height:90vh;background:linear-gradient(160deg,#1e1e38,#111124);border:4px solid #ffcc00;border-radius:36px;box-shadow:0 20px 50px #0009;display:flex;flex-direction:column;overflow:hidden;position:relative}.car-grid,.track-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;padding:24px;overflow-y:auto;-webkit-overflow-scrolling:touch}.selection-card{background:#ffffff12;border:3px solid rgba(255,255,255,.15);border-radius:24px;padding:16px;display:flex;flex-direction:column;align-items:center;text-align:center;cursor:pointer;transition:transform .15s ease,border-color .15s ease,background-color .15s ease;position:relative}.selection-card:hover,.selection-card.selected{transform:translateY(-4px) scale(1.02);border-color:#ffd60a;background:#ffd60a1f;box-shadow:0 10px 24px #ffd60a40}.speed-bar-container{width:120px;height:14px;background:#fff3;border-radius:9999px;overflow:hidden;border:2px solid rgba(255,255,255,.4)}.speed-bar-fill{height:100%;background:linear-gradient(90deg,#34c759,#fc0,#ff3b30);transition:width .1s ease}@keyframes bounceIn{0%{transform:scale(.3);opacity:0}60%{transform:scale(1.1);opacity:1}to{transform:scale(1)}}.animate-pop{animation:bounceIn .35s cubic-bezier(.175,.885,.32,1.275) forwards}@keyframes pulseGlow{0%,to{filter:drop-shadow(0 0 8px rgba(255,214,10,.6))}50%{filter:drop-shadow(0 0 18px rgba(255,214,10,.9))}}.glow-star{animation:pulseGlow 1.8s infinite}