/* ==========================================================================
   ORBIT — Live Tracker Layout
   ========================================================================== */

.tracker-page { position: relative; height: 100vh; overflow: hidden; }
#tracker-canvas { position: absolute; inset: 0; }

.tracker-panel {
  position: absolute;
  top: 100px;
  left: var(--space-6);
  z-index: 5;
  width: 260px;
  max-width: calc(100vw - 48px);
}

.tracker-info {
  position: absolute;
  bottom: var(--space-6);
  right: var(--space-6);
  z-index: 5;
  width: 280px;
  max-width: calc(100vw - 48px);
  opacity: 0;
  transform: translateY(12px);
  transition: opacity var(--dur-base), transform var(--dur-base);
  pointer-events: none;
}
.tracker-info.is-visible { opacity: 1; transform: translateY(0); }
.tracker-info h4 { font-size: var(--fs-base); margin-bottom: var(--space-2); }

.tracker-speed-wrap {
  position: absolute;
  bottom: var(--space-6);
  left: 50%;
  transform: translateX(-50%);
  z-index: 5;
  display: flex;
  align-items: center;
  gap: var(--space-3);
  width: 260px;
}
.tracker-speed-wrap input[type="range"] { flex: 1; accent-color: var(--cosmic-gold); }

.tracker-check { display: flex; align-items: center; gap: var(--space-3); padding-block: var(--space-2); font-size: var(--fs-sm); }