/* GTA Desert Open World Stylesheet */
html, body {
  touch-action: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
  overscroll-behavior: none;
  background-color: #0c0a09;
}

::-webkit-scrollbar {
  display: none;
}

/* Speedometer & UI Transitions */
#speed-circle {
  transition: stroke-dashoffset 0.08s ease-out;
}

/* Touch Control Feedback */
.touch-control {
  -webkit-tap-highlight-color: transparent;
  user-select: none;
  touch-action: none;
}

.touch-control:active {
  box-shadow: inset 0 2px 8px rgba(0, 0, 0, 0.6);
}

/* Pop Animation for Drifting & Alerts */
@keyframes pop-bounce {
  0% { transform: translate(-50%, -50%) scale(0.4) rotate(-8deg); opacity: 0; }
  50% { transform: translate(-50%, -50%) scale(1.15) rotate(3deg); opacity: 1; }
  100% { transform: translate(-50%, -50%) scale(1) rotate(-3deg); opacity: 1; }
}

.animate-pop {
  animation: pop-bounce 0.4s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
}

/* GTA Wanted Star Flash Animation */
@keyframes star-flash {
  0%, 100% { opacity: 1; transform: scale(1); filter: drop-shadow(0 0 4px #ef4444); }
  50% { opacity: 0.3; transform: scale(0.85); }
}

.star-active {
  color: #ef4444 !important;
  animation: star-flash 0.6s infinite ease-in-out;
}

/* HUD Button Styling */
.hud-btn {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

#btn-taftafah {
  box-shadow: 0 4px 14px rgba(234, 88, 12, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.2);
}

#btn-taftafah:active {
  box-shadow: 0 0 24px rgba(249, 115, 22, 0.9), inset 0 2px 6px rgba(0, 0, 0, 0.5);
}

/* 3D Canvas Fill */
#game-container canvas {
  width: 100% !important;
  height: 100% !important;
  display: block;
}

/* Radar Border Glass */
#radar-canvas {
  filter: contrast(1.1);
}