/* Custom Styling for MDcars */
@layer utilities {
  .touch-none {
    touch-action: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: none;
  }
}

body {
  font-family: 'Tajawal', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  background-color: #07090e;
  color: #ffffff;
  margin: 0;
  padding: 0;
  overflow: hidden;
  height: 100vh;
  width: 100vw;
  -webkit-font-smoothing: antialiased;
}

/* Speed Lines on Nitro & High Speed */
#speed-lines {
  background: radial-gradient(circle, transparent 40%, rgba(0, 240, 255, 0.15) 85%, rgba(255, 0, 85, 0.25) 100%);
  mix-blend-mode: screen;
}

#nitro-overlay {
  background: radial-gradient(circle, transparent 50%, rgba(245, 158, 11, 0.2) 80%, rgba(255, 0, 85, 0.35) 100%);
}

/* Custom Scrollbar for Leaderboard */
::-webkit-scrollbar {
  width: 5px;
}
::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.05);
  border-radius: 4px;
}
::-webkit-scrollbar-thumb {
  background: rgba(0, 240, 255, 0.4);
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 240, 255, 0.8);
}

/* Glowing text and buttons */
.neon-glow-cyan {
  box-shadow: 0 0 15px rgba(0, 240, 255, 0.5);
}

.neon-glow-rose {
  box-shadow: 0 0 15px rgba(255, 0, 85, 0.5);
}

/* Touch controls glassmorphism */
#touch-walking-controls button,
#touch-driving-controls button {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}

/* Prevent image dragging and blue selection highlight */
* {
  -webkit-tap-highlight-color: transparent;
}