/* Burnout Crash Global Styling & Arcade Effects */

@layer utilities {
  .font-chakra {
    font-family: 'Chakra Petch', sans-serif;
  }
  .font-cabinet {
    font-family: 'Cabinet Grotesk', sans-serif;
  }
}

/* Safe Area Insets for Mobile Devices */
body {
  padding-top: env(safe-area-inset-top);
  padding-bottom: env(safe-area-inset-bottom);
  padding-left: env(safe-area-inset-left);
  padding-right: env(safe-area-inset-right);
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  background-color: #050507;
}

/* Slow-Mo Vignette effect */
#slowmo-vignette {
  background: radial-gradient(circle, transparent 45%, rgba(220, 38, 38, 0.4) 85%, rgba(0, 0, 0, 0.9) 100%);
}

/* Speed and Impact glitch shakes */
@keyframes screen-shake-heavy {
  0% { transform: translate(0, 0) rotate(0deg); }
  20% { transform: translate(-8px, 6px) rotate(-1.5deg); }
  40% { transform: translate(8px, -6px) rotate(1.5deg); }
  60% { transform: translate(-6px, -4px) rotate(-1deg); }
  80% { transform: translate(6px, 4px) rotate(1deg); }
  100% { transform: translate(0, 0) rotate(0deg); }
}

.shake-heavy {
  animation: screen-shake-heavy 0.35s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
}

/* Custom scrollbars */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-track {
  background: rgba(0,0,0,0.3);
}
::-webkit-scrollbar-thumb {
  background: rgba(255,255,255,0.2);
  border-radius: 3px;
}

/* Button glow effects */
button {
  -webkit-tap-highlight-color: transparent;
}

/* Animated Nitro Flow */
@keyframes nitro-pulse {
  0%, 100% { filter: brightness(1) drop-shadow(0 0 8px #06b6d4); }
  50% { filter: brightness(1.3) drop-shadow(0 0 16px #38bdf8); }
}

.nitro-active {
  animation: nitro-pulse 0.4s infinite alternate;
}