/*
 * RELEASE 178 — narrow-screen chamber, instrument and compact-player polish.
 * The stage remains wider than its globe diameter at every affected width;
 * its existing renderer, backdrop, desktop presentation and expanded player
 * are intentionally unchanged.
 */

@media (max-width: 760px) {
  body[data-route="artist"] #artistHero .r159Telemetry,
  body[data-route="artist"] #artistHero .r161CreatorPulse {
    min-height: 130px !important;
    padding: 12px 8px 10px !important;
  }

  body[data-route="artist"] #artistHero .r172TelemetryHead,
  body[data-route="artist"] #artistHero .r161PulseHead {
    min-height: 19px !important;
    align-items: center !important;
    gap: 3px !important;
  }

  body[data-route="artist"] #artistHero .r172TelemetryHead > strong,
  body[data-route="artist"] #artistHero .r161PulseHead > strong {
    font-size: clamp(6.1px, 1.76vw, 7.8px) !important;
    line-height: 1.16 !important;
    letter-spacing: .012em !important;
  }

  body[data-route="artist"] #artistHero .r172TelemetryHead > span,
  body[data-route="artist"] #artistHero .r161PulseHead > span {
    font-size: clamp(4.1px, 1.2vw, 4.7px) !important;
    letter-spacing: .018em !important;
  }

  body[data-route="artist"] #artistHero .r161PulseHead > span {
    max-width: none !important;
    overflow: visible !important;
    font-size: clamp(4px, 1.16vw, 4.5px) !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
  }

  body[data-route="artist"] #artistHero .r159MapWrap {
    height: 80px !important;
    margin-top: 2px !important;
  }

  body[data-route="artist"] #artistHero .r159MapWrap > img {
    height: 80% !important;
  }

  body[data-route="artist"] #artistHero .r172MapStatus {
    right: 1px !important;
    bottom: 2px !important;
  }

  body[data-route="artist"] #artistHero .r159EqWrap {
    height: 68px !important;
    margin-top: 4px !important;
  }

  body[data-route="artist"] #artistHero .r159EqMeta {
    margin-top: 3px !important;
  }

  body[data-route="artist"] #artistHero .r159EnergyBody,
  body[data-route="artist"] #artistHero .r161PulseBody {
    height: 78px !important;
    margin-top: 3px !important;
  }

  body[data-route="artist"] #artistHero .r159EnergyBody {
    grid-template-columns: minmax(0, 1fr) 47px !important;
  }

  body[data-route="artist"] #artistHero .r159EnergyBody > img {
    height: 80% !important;
  }

  body[data-route="artist"] #artistHero .r161PulseChannels {
    gap: 5px !important;
  }

  /* Only the closed, floating launcher changes; its 44px target stays usable. */
  body[data-route="artist"] #adiPersistentPlayerDock:not(.userExpandedMobile) {
    right: max(3px, env(safe-area-inset-right)) !important;
    bottom: max(8px, env(safe-area-inset-bottom)) !important;
    width: 46px !important;
    height: 46px !important;
    max-width: 46px !important;
    max-height: 46px !important;
  }

  body[data-route="artist"] #adiPersistentPlayerDock:not(.userExpandedMobile) #adiPlayerDockToggle {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
    border-color: rgba(105, 246, 255, .4) !important;
    box-shadow:
      0 0 0 2px rgba(105, 246, 255, .025),
      0 0 13px rgba(63, 219, 255, .2),
      0 0 19px rgba(237, 98, 219, .045),
      inset 0 0 11px rgba(105, 246, 255, .085) !important;
  }

  body[data-route="artist"] #adiPersistentPlayerDock:not(.userExpandedMobile) #adiPlayerDockToggle::before {
    font-size: 18px !important;
    text-shadow: 0 0 6px rgba(124, 250, 255, .76) !important;
  }

  body[data-route="artist"] #adiPersistentPlayerDock:not(.userExpandedMobile) #adiPlayerDockToggle::after {
    inset: -3px !important;
    box-shadow: 0 0 0 4px rgba(105, 246, 255, .033) !important;
  }
}

@media (max-width: 500px) {
  body[data-route="artist"] #artistHero > .artistStage {
    height: clamp(318px, 96vw, 480px) !important;
  }
}

@media (max-width: 355px) {
  body[data-route="artist"] #artistHero .r159Telemetry,
  body[data-route="artist"] #artistHero .r161CreatorPulse {
    padding-right: 6px !important;
    padding-left: 6px !important;
  }
}