/* One current gear inside the speedometer. No strip, extra card or controls. */
.speed-gauge .speed-gauge-readout > .gear-indicator {
  display: block;
  margin: 4px 0 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  min-height: 0;
  background: none;
  color: var(--gear-rpm-color, var(--accent, #79e8f1));
  transition: color .14s ease-out;
  font-family: var(--font-data, monospace);
  font-size: 1.25rem;
  font-weight: 700;
  letter-spacing: .04em;
  line-height: 1.1;
  font-variant-numeric: tabular-nums;
}
.speed-gauge .speed-gauge-readout > .gear-indicator[hidden] { display: none; }
.gear-indicator-value {
  display: inline-block;
  transform-origin: center;
  text-shadow: 0 0 12px rgba(121, 232, 241, .22);
}
.gear-indicator-value[hidden] { display: none; }
.speed-gauge .gear-indicator[data-direction="down"] { color: var(--warn, #ffd18b); }
.speed-gauge .gear-indicator[data-mode="waiting"] { color: var(--text-dim, #a9bac6); }
.gear-indicator:not([data-direction="steady"])[data-pulse="0"] .gear-indicator-value {
  animation: gear-number-pop-a .32s ease-out;
}
.gear-indicator:not([data-direction="steady"])[data-pulse="1"] .gear-indicator-value {
  animation: gear-number-pop-b .32s ease-out;
}
/* Alternate names restart successive shifts without forced layout or timers. */
@keyframes gear-number-pop-a {
  0% { transform: translateY(2px) scale(.85); }
  45% { transform: translateY(-1px) scale(1.25); }
  100% { transform: translateY(0) scale(1); }
}
@keyframes gear-number-pop-b {
  0% { transform: translateY(2px) scale(.85); }
  45% { transform: translateY(-1px) scale(1.25); }
  100% { transform: translateY(0) scale(1); }
}
@media (orientation: landscape) and (max-height: 700px) {
  .speed-gauge .speed-gauge-readout > .gear-indicator { font-size: 1rem; margin-top: 2px; }
}
@media (prefers-reduced-motion: reduce) {
  .speed-gauge .speed-gauge-readout > .gear-indicator { transition: none !important; }
  .gear-indicator-value { animation: none !important; }
}
body.performance-lite .speed-gauge .speed-gauge-readout > .gear-indicator { transition: none !important; }
body.performance-lite .gear-indicator-value { animation: none !important; }