/* ============================================================
   RIFF-SHFTR — GAUGE + IGNITION ANIMATIONS
   ============================================================ */

.dash-stage {
  position: relative;
  transition: transform 0.2s ease;
}

/* ------------------------------------------------------------
ENGINE RUNNING RUMBLE
------------------------------------------------------------ */

.engine-running .dash-stage {
  animation: engineRumble 0.08s infinite;
}

@keyframes engineRumble {

  0% { transform: translate(0px,0px) rotate(0deg); }

  25% { transform: translate(1px,-1px) rotate(-0.2deg); }

  50% { transform: translate(-1px,1px) rotate(0.2deg); }

  75% { transform: translate(1px,1px) rotate(-0.2deg); }

  100% { transform: translate(0px,0px) rotate(0deg); }

}

/* ------------------------------------------------------------
ENGINE FULL POWER
------------------------------------------------------------ */

.engine-fired .dash-stage {

  filter: brightness(1.3) contrast(1.2);
  animation: engineRumble 0.05s infinite;

}

/* ------------------------------------------------------------
KEY INSERTED GLOW
------------------------------------------------------------ */

.key-inserted .dash-bg {

  filter: brightness(1.15);

}

/* ------------------------------------------------------------
GAUGE NEEDLE
------------------------------------------------------------ */

.gauge-needle {

  transform-origin: 100px 100px;
  transition: transform 0.2s linear;

}

/* ------------------------------------------------------------
WARNING LIGHTS ACTIVE
------------------------------------------------------------ */

.wl-on {

  background: #ff3300 !important;
  box-shadow: 0 0 12px #ff3300;

}

.wl-flash {

  background: #ff9900 !important;
  box-shadow: 0 0 10px #ff9900;

}

/* ------------------------------------------------------------
IGNITION OVERLAY
------------------------------------------------------------ */

#ignition-overlay {

  position: fixed;
  inset: 0;
  background: black;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.7s ease;
  z-index: 9999;

}

#ignition-overlay.fade-to-black {

  opacity: 1;

}

/* ------------------------------------------------------------
TITLE CARD
------------------------------------------------------------ */

#title-card {

  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  text-align: center;
  opacity: 0;
  transition: opacity 1s ease;

}

#title-card.visible {

  opacity: 1;

}