/* Custom Styles & Cockpit HUD Enhancements */

:root {
  --neon-cyber: #00FFA3;
  --neon-warn: #FF3366;
  --neon-blue: #00D4FF;
}

body {
  background: radial-gradient(circle at 50% 30%, #101726 0%, #080B10 80%);
  -webkit-tap-highlight-color: transparent;
}

/* Digital Font Classes */
.speed-text {
  font-feature-settings: "tnum";
  font-variant-numeric: tabular-nums;
  line-height: 1;
}

#speedDecimal {
  font-feature-settings: "tnum";
  font-variant-numeric: tabular-nums;
  line-height: 1;
}

/* Mirror inversion for HUD windshield reflection mode */
.hud-mirrored {
  transform: scaleY(-1) scaleX(1);
  filter: contrast(1.25) brightness(1.2);
  background-color: #000000 !important;
}

/* Speed limit exceeded state styles */
.speed-danger-glow {
  background-color: rgba(255, 51, 102, 0.2) !important;
  box-shadow: 0 0 80px rgba(255, 51, 102, 0.4) !important;
}

.speed-danger-text {
  color: #FF3366 !important;
  text-shadow: 0 0 25px rgba(255, 51, 102, 0.8) !important;
}

/* Range input styled slider */
input[type=range] {
  -webkit-appearance: none;
  appearance: none;
}

input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  height: 18px;
  width: 18px;
  border-radius: 50%;
  background: #00FFA3;
  cursor: pointer;
  box-shadow: 0 0 8px rgba(0, 255, 163, 0.6);
  border: 2px solid #0E131C;
}

/* Smooth transitions */
#dialActiveTrack {
  transition: stroke-dashoffset 0.15s linear, stroke 0.3s ease;
}

/* Prevent unwanted browser pinch-zoom & callouts */
* {
  touch-action: manipulation;
}