/* V07 · Navegar por ocho planetas sin llenar el visor de controles. */
.planet-navigation {
  position: absolute;
  z-index: 5;
  top: 57px;
  left: 12px;
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 5px 8px;
  border: 1px solid #8c80b23d;
  border-radius: 9px;
  background: #111c30ed;
  box-shadow: 0 7px 24px #03071330;
  font-size: 11px;
  color: #b9c8e2;
}
.planet-navigation select {
  min-height: 29px;
  padding: 4px 7px;
  font-size: 11px;
  max-width: 165px;
}
.planet-navigation .button {
  min-height: 29px;
  padding: 5px 9px;
}
#photo-toggle.selected {
  background: #57436e;
  color: #f2e5ff;
  border-color: #a58bcb;
}
#photography-options {
  margin: 8px 0;
}
#photography-options details {
  margin: 0;
  border-radius: 11px;
}
.planet-info-picker {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 11px;
}
.planet-info-picker select {
  max-width: 145px;
  font-size: 11px;
}
.body-label {
  font-size: 11px;
}
.scene-shell {
  background: radial-gradient(ellipse at 55% 70%, #111d32 0, #060b14 66%);
}
@media (max-width: 720px) {
  .planet-navigation {
    top: 57px;
    left: 8px;
    max-width: calc(100% - 16px);
    gap: 5px;
  }
  .planet-navigation > label {
    display: none;
  }
  .planet-navigation select {
    max-width: 160px;
  }
}
#observatory-stage.is-immersive .planet-navigation {
  display: none;
}

/* Una sola fila desplazable evita que los destinos tapen pestañas en móvil. */
.view-tabs {
  flex-wrap: nowrap;
  overflow-x: auto;
  scrollbar-width: none;
}
.view-tabs button {
  flex: 0 0 auto;
  white-space: nowrap;
}

@media (max-width: 600px) {
  .lunar-map {
    top: 110px;
  }
}
#observatory-stage.is-immersive .lunar-map {
  top: 12px;
}