/* Custom arcade racer styling */
* {
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
}

body {
  font-family: 'Cairo', system-ui, -apple-system, sans-serif;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
}

/* Radical vignette for nitro boost */
.bg-radial-vignette {
  background: radial-gradient(circle at center, rgba(6, 182, 212, 0.25) 0%, rgba(2, 132, 199, 0.45) 70%, rgba(15, 23, 42, 0.8) 100%);
}

/* Touch Control buttons active states and layout */
[data-meeem-game-controls] {
  touch-action: none;
}

.ctrl-btn {
  user-select: none;
  -webkit-user-select: none;
  touch-action: none;
}

/* Smooth keyframes for announcer */
@keyframes pop-bounce {
  0% { transform: scale(0.6); opacity: 0; }
  50% { transform: scale(1.15); opacity: 1; }
  100% { transform: scale(1); opacity: 1; }
}

.animate-pop {
  animation: pop-bounce 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
}

/* Custom scrollbar for menus */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-track {
  background: rgba(15, 23, 42, 0.5);
}
::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.2);
  border-radius: 9999px;
}
::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.4);
}