/* ============================================================
   ВАМ ВЕЗЁТ ВАНЯ — Стили прелоадера (спидометр)
   Описание: анимация загрузки — спидометр разгоняется
             и переходит к основному сайту
   ============================================================ */

/* ── Контейнер прелоадера ── */
#preloader {
  position: fixed; inset: 0;
  background: #070709;
  z-index: 9999;
  display: flex; flex-direction: column;
  align-items: center; justify-content: center; gap: 32px;
}

/* ── Брендинг в прелоадере ── */
.preloader-brand {
  font-family: 'Bebas Neue', 'Oswald', sans-serif;
  font-size: 38px; letter-spacing: 8px; color: #fff;
  opacity: 0;
  animation: fadeInUp 0.8s 0.3s ease forwards;
}

/* ── Обёртка спидометра ── */
.speedo-wrap {
  position: relative; width: 340px; height: 200px;
}
#speedo-svg {
  width: 340px; height: 340px;
  position: absolute; top: -70px; left: 0;
}

/* ── Цифровой счётчик оборотов ── */
.speedo-rpm {
  position: absolute; bottom: 8px; left: 50%;
  transform: translateX(-50%);
  font-family: 'Bebas Neue', 'Oswald', sans-serif;
  font-size: 52px; letter-spacing: 3px; color: #fff;
  text-shadow: 0 0 30px rgba(232,56,43,0.8);
  width: 120px; text-align: center; line-height: 1;
}
.speedo-label {
  position: absolute; bottom: -4px; left: 50%;
  transform: translateX(-50%);
  font-size: 10px; letter-spacing: 4px; color: rgba(240,237,232,0.45);
  text-transform: uppercase; white-space: nowrap;
}

/* ── Строка статуса ── */
.preloader-status {
  font-size: 11px; letter-spacing: 3px; color: rgba(240,237,232,0.45);
  text-transform: uppercase; min-height: 16px;
  animation: fadeInUp 0.8s 0.5s ease forwards; opacity: 0;
}

/* ── SVG элементы шкалы ── */
.speedo-track      { stroke: rgba(255,255,255,0.06); }
.speedo-zones-red  { stroke: rgba(232,56,43,0.15); }
.speedo-fill {
  stroke: url(#speedoGrad);
  stroke-linecap: round;
  filter: drop-shadow(0 0 6px rgba(232,56,43,0.6));
}
/* Игла управляется через SVG-атрибут transform, CSS не нужен */
.speedo-tick       { stroke: rgba(255,255,255,0.3); }
.speedo-tick-major { stroke: rgba(255,255,255,0.6); }