@import url('https://fonts.googleapis.com/css2?family=Share+Tech+Mono&display=swap');

body {
  font-family: 'Share Tech Mono', monospace, sans-serif;
  user-select: none;
}

/* Custom glow effects for the RPM bar */
#rpm-bar {
  box-shadow: 0 0 10px rgba(59, 130, 246, 0.5);
}

.shift-now {
  background-color: #ef4444 !important; /* Red flash */
  box-shadow: 0 0 20px #ef4444;
  animation: flash 0.1s infinite alternate;
}

@keyframes flash {
  from { opacity: 0.8; }
  to { opacity: 1; }
}

/* Christmas Tree Light States */
.light-on-yellow {
  background-color: #fbbf24 !important; /* Amber-400 */
  box-shadow: 0 0 15px #fbbf24;
}

.light-on-green {
  background-color: #22c55e !important; /* Green-500 */
  box-shadow: 0 0 20px #22c55e;
}

.light-on-red {
  background-color: #ef4444 !important; /* Red-500 */
  box-shadow: 0 0 20px #ef4444;
}

/* Car motion blur simulation when moving fast */
.moving-fast {
  filter: blur(0.5px);
}

/* Track scrolling effect */
@keyframes trackScroll {
  from { background-position: 0 0; }
  to { background-position: -100px 0; }
}

.track-scrolling {
  animation: trackScroll 0.1s linear infinite;
}

/* Custom scrollbar hide */
::-webkit-scrollbar {
  display: none;
}