@tailwind base;
@tailwind components;
@tailwind utilities;

/* Custom App Polish & Rocket League Aesthetic */
body {
  margin: 0;
  padding: 0;
  user-select: none;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
  touch-action: none;
  background-color: #050713;
}

canvas {
  display: block;
  width: 100vw !important;
  height: 100vh !important;
}

.hud-btn {
  user-select: none;
  -webkit-user-select: none;
  touch-action: none;
  transition: transform 0.08s ease, filter 0.08s ease;
}

.hud-btn:active {
  filter: brightness(1.3);
}

.diff-btn.selected {
  border-color: #00d2ff;
  background: rgba(0, 210, 255, 0.2);
  color: #00d2ff;
  box-shadow: 0 0 15px rgba(0, 210, 255, 0.4);
}

/* Pulse animation for stadium glow */
@keyframes neonPulse {
  0%, 100% { opacity: 0.85; filter: drop-shadow(0 0 8px currentColor); }
  50% { opacity: 1; filter: drop-shadow(0 0 16px currentColor); }
}

.neon-glow {
  animation: neonPulse 2.5s infinite ease-in-out;
}