.arena-banner {
  display: none;
  position: absolute;
  top: 4%;
  left: 4%;
  z-index: 8;
  padding: 12px 18px;
  border-left: 3px solid var(--orange);
  background: linear-gradient(90deg, #05070ce8, transparent);
  text-shadow: 0 2px 16px #000;
}

.arena-banner span,
.arena-banner small {
  display: block;
  font: 800 9px Inter;
  letter-spacing: .2em;
  color: var(--blue);
}

.arena-banner strong {
  display: block;
  margin: 4px 0;
  font: italic 900 34px 'Barlow Condensed';
  letter-spacing: .04em;
}

.arena-banner small { color: #8e98a5; }
.track-mode .cockpit { grid-template-columns: 1fr; }
.track-mode .modulator { display: none; }

.track-mode .visualizer {
  background:
    radial-gradient(ellipse at 50% 72%, #173245 0, #07111c 30%, #02050a 72%),
    linear-gradient(#02030a, #091420);
}

.track-mode .visualizer::before {
  background:
    radial-gradient(circle at 18% 8%, #d9f5ff30 0 1px, transparent 2px),
    radial-gradient(circle at 76% 14%, #d9f5ff26 0 1px, transparent 2px);
  background-size: 47px 43px, 61px 57px;
  mask-image: none;
  opacity: .8;
}

.track-mode .stage-copy,
.track-mode .horizon,
.track-mode .speed-lines,
.track-mode .orbit-hint { display: none; }

.track-mode .arena-banner { display: block; }

.track-mode .car-wrap {
  left: 50%;
  top: 49%;
  width: min(86vw, 1120px);
  height: 520px;
}

.track-mode #car3d { inset: -120px -110px -100px; }

.track-mode .telemetry {
  background: linear-gradient(90deg, #03070dd9, #08131de6, #03070dd9);
  border: 1px solid #263849;
  box-shadow: 0 18px 60px #000c;
}

.track-mode .telemetry strong { color: #fff; }
.track-mode .telemetry div:nth-child(2) strong { color: var(--orange); }

@media (max-width: 900px) {
  .track-mode .visualizer { height: calc(100vh - 96px); }
  .track-mode .car-wrap {
    width: 1000px;
    height: 470px;
    transform: translate(-50%, -50%) scale(.76);
  }
}