/* ADIMASTER RELEASE 177
   The approved desktop command center, reflowed for a phone.
   Every rule is restricted to mobile; desktop geometry and renderers stay frozen. */

@media (max-width: 760px) {
  body[data-route="artist"] {
    --r177-inset: 12px;
    --r177-cyan: 100, 226, 244;
    --r177-violet: 167, 109, 247;
    --r177-hull: polygon(11px 0, calc(100% - 12px) 0, 100% 12px, 100% calc(100% - 10px), calc(100% - 10px) 100%, 12px 100%, 0 calc(100% - 12px), 0 11px);
  }

  body[data-route="artist"] header,
  body[data-route="artist"] header.scrolled {
    width: calc(100% - 2 * var(--r177-inset)) !important;
    margin: 7px auto 0 !important;
    border-color: rgba(88, 208, 237, .29) !important;
    border-radius: 5px !important;
    background:
      linear-gradient(90deg, rgba(80, 220, 237, .095), transparent 21%, transparent 80%, rgba(152, 95, 238, .075)),
      rgba(3, 8, 17, .98) !important;
    box-shadow: inset 0 0 0 1px rgba(103, 210, 243, .07), 0 8px 22px rgba(0, 0, 0, .23) !important;
    clip-path: polygon(8px 0, calc(100% - 9px) 0, 100% 9px, 100% calc(100% - 8px), calc(100% - 8px) 100%, 9px 100%, 0 calc(100% - 9px), 0 8px) !important;
  }

  body[data-route="artist"] header .nav {
    height: 54px !important;
    min-height: 54px !important;
    padding: 4px 6px !important;
  }

  body[data-route="artist"] header .logoStage,
  body[data-route="artist"] header .logoStage img {
    width: 40px !important;
    height: 40px !important;
  }

  body[data-route="artist"] header #openSearch,
  body[data-route="artist"] header .mobileMenuBtn {
    width: 34px !important;
    height: 34px !important;
    border-radius: 4px !important;
  }

  /* The old phone-only landing screen was unrelated to the desktop chamber. */
  body[data-route="artist"] #artistHero > .artistCopyLegacy,
  body[data-route="artist"] #artistHero > .r73Connection,
  body[data-route="artist"] #artistHero > .r73LeftLive,
  body[data-route="artist"] #artistHero > .r77LogoSystem,
  body[data-route="artist"] #artistHero > .r159Backdrop,
  body[data-route="artist"] #artistHero > .r161OrbitSystem,
  body[data-route="artist"] #artistHero > .r149SkinShell,
  body[data-route="artist"] #artistHero > .r149SkinLive,
  body[data-route="artist"] #artistHero > .r53Telemetry,
  body[data-route="artist"] #artistHero > .r166HeroEdgeBlend {
    display: none !important;
  }

  body[data-route="artist"] #artistHero.artistHero {
    position: relative !important;
    z-index: 3 !important;
    display: grid !important;
    width: calc(100% - 2 * var(--r177-inset)) !important;
    min-height: 0 !important;
    margin: 0 auto !important;
    padding: 10px 0 8px !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-template-rows: auto auto auto auto auto auto auto !important;
    gap: 8px !important;
    align-items: stretch !important;
    background: transparent !important;
    overflow: visible !important;
  }

  /* display:contents exposes the same eight live desktop panels to this grid. */
  body[data-route="artist"] #artistHero > .r159Hud {
    position: static !important;
    display: contents !important;
    width: auto !important;
    height: auto !important;
    pointer-events: auto !important;
  }

  body[data-route="artist"] #artistHero > .artistStage {
    position: relative !important;
    z-index: 2 !important;
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    width: 100% !important;
    height: clamp(360px, 111vw, 515px) !important;
    min-height: 0 !important;
    margin: 0 !important;
    border: 1px solid rgba(91, 188, 248, .38) !important;
    border-radius: 0 !important;
    background:
      radial-gradient(ellipse at 48% 41%, transparent 0 27%, rgba(1, 4, 11, .16) 77%),
      url("../../artist-flat-hud-backdrop-r160.webp") 56.3% 93% / auto 125% no-repeat,
      #030611 !important;
    box-shadow:
      inset 0 0 0 1px rgba(107, 201, 245, .10),
      inset 0 -33px 37px rgba(0, 0, 0, .33),
      0 10px 27px rgba(0, 0, 0, .28) !important;
    clip-path: var(--r177-hull) !important;
    overflow: hidden !important;
  }

  body[data-route="artist"] #artistHero .r159Panel {
    --r177-channel: var(--r177-cyan);
    position: relative !important;
    z-index: 3 !important;
    display: block !important;
    min-width: 0 !important;
    margin: 0 !important;
    border: 1px solid rgba(var(--r177-channel), .43) !important;
    border-radius: 0 !important;
    background:
      radial-gradient(150px 88px at 94% 2%, rgba(var(--r177-channel), .11), transparent 78%),
      linear-gradient(146deg, rgba(5, 18, 31, .985), rgba(4, 10, 22, .99) 68%, rgba(10, 8, 25, .98)) !important;
    box-shadow:
      inset 0 0 0 1px rgba(var(--r177-channel), .075),
      inset 0 11px 19px rgba(var(--r177-channel), .035),
      0 7px 17px rgba(0, 0, 0, .23) !important;
    clip-path: var(--r177-hull) !important;
    overflow: hidden !important;
  }

  body[data-route="artist"] #artistHero .r159Panel::before,
  body[data-route="artist"] #artistHero .r159Panel::after {
    content: "" !important;
    position: absolute !important;
    z-index: 2 !important;
    display: block !important;
    opacity: 1 !important;
    clip-path: none !important;
    transform: none !important;
    pointer-events: none !important;
  }

  body[data-route="artist"] #artistHero .r159Panel::before {
    top: 6px !important;
    right: 10px !important;
    bottom: auto !important;
    left: 10px !important;
    height: 1px !important;
    background: linear-gradient(90deg, rgba(var(--r177-channel), .78), transparent 56%, rgba(158, 110, 243, .54)) !important;
  }

  body[data-route="artist"] #artistHero .r159Panel::after {
    top: auto !important;
    right: 11px !important;
    bottom: 6px !important;
    left: 11px !important;
    height: 1px !important;
    background: linear-gradient(90deg, rgba(91, 216, 240, .24), transparent 49%, rgba(var(--r177-channel), .75)) !important;
  }

  /* Desktop identity bay, including its original live localized indicators. */
  body[data-route="artist"] #artistHero .r159Brand {
    grid-column: 1 / -1 !important;
    grid-row: 1 !important;
    display: grid !important;
    min-height: 93px !important;
    padding: 11px 12px !important;
    grid-template-columns: 66px minmax(0, 1fr) !important;
    gap: 11px !important;
    align-items: center !important;
  }

  body[data-route="artist"] #artistHero .r161BrandMark {
    position: relative !important;
    display: grid !important;
    width: 64px !important;
    height: 64px !important;
    place-items: center !important;
  }

  body[data-route="artist"] #artistHero .r159BrandLogo {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    filter: drop-shadow(0 0 7px rgba(118, 176, 244, .18)) !important;
  }

  body[data-route="artist"] #artistHero .r159BrandCopy {
    display: grid !important;
    min-width: 0 !important;
    align-content: center !important;
    gap: 3px !important;
  }

  body[data-route="artist"] #artistHero .r161BrandEyebrow,
  body[data-route="artist"] #artistHero .r161BrandSignature {
    display: block !important;
    max-width: 100% !important;
    overflow: hidden !important;
    color: rgba(140, 213, 223, .88) !important;
    font-size: clamp(5px, 1.42vw, 6px) !important;
    font-weight: 750 !important;
    letter-spacing: .10em !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body[data-route="artist"] #artistHero .r159BrandCopy > strong {
    display: block !important;
    overflow: hidden !important;
    font-size: clamp(20px, 7.1vw, 29px) !important;
    font-weight: 860 !important;
    line-height: .98 !important;
    letter-spacing: -.035em !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
    background: linear-gradient(90deg, #79eff0 0%, #74bded 49%, #a788dc 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    color: transparent !important;
  }

  body[data-route="artist"] #artistHero .r159BrandCopy > small {
    display: block !important;
    overflow: hidden !important;
    color: #78efdb !important;
    font-size: clamp(5.5px, 1.5vw, 6.5px) !important;
    font-weight: 820 !important;
    letter-spacing: .095em !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body[data-route="artist"] #artistHero .r159BrandTelemetry {
    display: block !important;
    width: min(134px, 78%) !important;
    height: 1px !important;
    background: linear-gradient(90deg, #71f4ff, transparent) !important;
  }

  /* The original desktop left-hand bays become three real touch targets. */
  body[data-route="artist"] #artistHero button.r159Feature {
    grid-column: 1 / -1 !important;
    display: grid !important;
    min-height: 99px !important;
    padding: 11px 12px 10px !important;
    grid-template-columns: 66px minmax(0, 1fr) !important;
    gap: 11px !important;
    align-items: center !important;
    text-align: left !important;
    color: inherit !important;
    cursor: pointer !important;
    appearance: none !important;
    -webkit-appearance: none !important;
  }

  body[data-route="artist"] #artistHero .r159Music { grid-row: 3 !important; }
  body[data-route="artist"] #artistHero .r159Travel { grid-row: 4 !important; }
  body[data-route="artist"] #artistHero .r159Creative {
    --r177-channel: 186, 112, 239;
    grid-row: 5 !important;
  }

  body[data-route="artist"] #artistHero .r159IconRing {
    position: relative !important;
    display: grid !important;
    width: 62px !important;
    height: 62px !important;
    place-items: center !important;
    border: 1px solid rgba(var(--r177-channel), .50) !important;
    border-radius: 50% !important;
    background: radial-gradient(circle, rgba(var(--r177-channel), .11), rgba(4, 11, 22, .91) 71%) !important;
    box-shadow: inset 0 0 12px rgba(var(--r177-channel), .10), 0 0 12px rgba(var(--r177-channel), .085) !important;
  }

  body[data-route="artist"] #artistHero .r159IconRing::after {
    content: "" !important;
    position: absolute !important;
    inset: 4px !important;
    border: 1px solid rgba(var(--r177-channel), .41) !important;
    border-right-color: transparent !important;
    border-radius: 50% !important;
    animation: r177Orbit 8s linear infinite !important;
  }

  body[data-route="artist"] #artistHero .r159IconRing > svg {
    width: 48px !important;
    height: 48px !important;
  }

  body[data-route="artist"] #artistHero .r159FeatureCopy {
    position: relative !important;
    z-index: 3 !important;
    display: grid !important;
    min-width: 0 !important;
    align-content: center !important;
    gap: 4px !important;
  }

  body[data-route="artist"] #artistHero .r172FeatureHeading {
    display: flex !important;
    min-width: 0 !important;
    align-items: baseline !important;
    justify-content: space-between !important;
    gap: 5px !important;
  }

  body[data-route="artist"] #artistHero .r172FeatureHeading > strong {
    min-width: 0 !important;
    overflow: hidden !important;
    color: rgb(var(--r177-channel)) !important;
    font-size: clamp(13px, 4.15vw, 17px) !important;
    font-weight: 840 !important;
    line-height: 1.07 !important;
    letter-spacing: .015em !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body[data-route="artist"] #artistHero .r172FeatureHeading > .r159PanelIndex {
    position: static !important;
    flex: 0 0 auto !important;
    color: rgba(166, 213, 225, .84) !important;
    font-size: clamp(4.8px, 1.4vw, 6px) !important;
    font-weight: 750 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  body[data-route="artist"] #artistHero .r172FeatureRule {
    display: block !important;
    width: 100% !important;
    height: 1px !important;
    background: linear-gradient(90deg, rgba(var(--r177-channel), .58), transparent 86%) !important;
  }

  body[data-route="artist"] #artistHero .r159FeatureCopy > p {
    display: -webkit-box !important;
    min-width: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    color: rgba(217, 229, 238, .96) !important;
    font-size: clamp(8px, 2.32vw, 10px) !important;
    font-weight: 570 !important;
    line-height: 1.38 !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
  }

  body[data-route="artist"] #artistHero .r159LiveRow {
    display: flex !important;
    min-height: 8px !important;
    align-items: center !important;
    gap: 4px !important;
  }

  body[data-route="artist"] #artistHero .r159LiveRow > span {
    color: #78f8b0 !important;
    font-size: 5.8px !important;
    font-weight: 850 !important;
    letter-spacing: .10em !important;
  }

  body[data-route="artist"] #artistHero .r159LiveRow > i {
    width: 4px !important;
    height: 4px !important;
    border-radius: 50% !important;
    background: #71f4a2 !important;
    box-shadow: 0 0 6px rgba(92, 247, 153, .76) !important;
    animation: r177Signal 1.8s ease-in-out infinite !important;
  }

  body[data-route="artist"] #artistHero .r159LiveRow > b {
    width: min(93px, 52%) !important;
    height: 8px !important;
    background: repeating-linear-gradient(90deg, rgba(var(--r177-channel), .78) 0 1px, transparent 1px 4px) !important;
    clip-path: polygon(0 45%, 8% 45%, 12% 4%, 16% 70%, 22% 39%, 30% 82%, 35% 17%, 42% 58%, 49% 25%, 58% 72%, 66% 19%, 74% 55%, 83% 29%, 92% 64%, 100% 43%, 100% 100%, 0 100%) !important;
  }

  /* The four live right-hand desktop instruments remain actual, translated DOM. */
  body[data-route="artist"] #artistHero .r159Telemetry,
  body[data-route="artist"] #artistHero .r161CreatorPulse {
    min-height: 125px !important;
    padding: 12px 8px 9px !important;
  }

  body[data-route="artist"] #artistHero .r159Global { grid-column: 1 !important; grid-row: 6 !important; }
  body[data-route="artist"] #artistHero .r159Sound { grid-column: 2 !important; grid-row: 6 !important; }
  body[data-route="artist"] #artistHero .r159Energy { grid-column: 1 !important; grid-row: 7 !important; }
  body[data-route="artist"] #artistHero .r161CreatorPulse {
    --r177-channel: var(--r177-violet);
    grid-column: 2 !important;
    grid-row: 7 !important;
  }

  body[data-route="artist"] #artistHero .r172TelemetryHead,
  body[data-route="artist"] #artistHero .r161PulseHead {
    position: relative !important;
    z-index: 3 !important;
    display: flex !important;
    min-height: 15px !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 4px !important;
  }

  body[data-route="artist"] #artistHero .r172TelemetryHead > strong,
  body[data-route="artist"] #artistHero .r161PulseHead > strong {
    min-width: 0 !important;
    color: #8aeefa !important;
    font-size: clamp(6.4px, 1.85vw, 8.2px) !important;
    font-weight: 835 !important;
    line-height: 1.22 !important;
    letter-spacing: .018em !important;
    overflow-wrap: anywhere !important;
  }

  body[data-route="artist"] #artistHero .r172TelemetryHead > span,
  body[data-route="artist"] #artistHero .r161PulseHead > span {
    flex: 0 0 auto !important;
    color: rgba(131, 197, 219, .87) !important;
    font-size: 4.6px !important;
    font-weight: 720 !important;
    line-height: 1.34 !important;
    letter-spacing: .035em !important;
    white-space: nowrap !important;
  }

  body[data-route="artist"] #artistHero .r161PulseHead > span {
    max-width: 42px !important;
    overflow: hidden !important;
    color: #8cf5b2 !important;
    text-overflow: clip !important;
  }

  body[data-route="artist"] #artistHero .r159MapWrap {
    position: relative !important;
    z-index: 2 !important;
    display: grid !important;
    height: 82px !important;
    margin-top: 2px !important;
    place-items: center !important;
    overflow: hidden !important;
  }

  body[data-route="artist"] #artistHero .r159MapWrap > img {
    width: 100% !important;
    height: 77% !important;
    object-fit: contain !important;
    mix-blend-mode: screen !important;
    filter: saturate(1.2) contrast(1.1) !important;
  }

  body[data-route="artist"] #artistHero .r159MapPing {
    position: absolute !important;
    width: 4px !important;
    height: 4px !important;
    border-radius: 50% !important;
    background: #73ffac !important;
    box-shadow: 0 0 7px #73ffac !important;
    animation: r177Signal 1.8s ease-in-out infinite !important;
  }

  body[data-route="artist"] #artistHero .r159MapP1 { top: 37% !important; left: 28% !important; }
  body[data-route="artist"] #artistHero .r159MapP2 { top: 38% !important; left: 70% !important; animation-delay: -.6s !important; }
  body[data-route="artist"] #artistHero .r161MapP3 { top: 52% !important; left: 46% !important; animation-delay: -.9s !important; }
  body[data-route="artist"] #artistHero .r161MapP4 { top: 63% !important; left: 80% !important; animation-delay: -1.2s !important; }

  body[data-route="artist"] #artistHero .r172MapStatus {
    position: absolute !important;
    right: 2px !important;
    bottom: 1px !important;
    display: flex !important;
    align-items: center !important;
    gap: 3px !important;
  }

  body[data-route="artist"] #artistHero .r172MapStatus > i {
    width: 3px !important;
    height: 3px !important;
    border-radius: 50% !important;
    background: #77f8a5 !important;
  }

  body[data-route="artist"] #artistHero .r172MapStatus > b {
    color: #8beef3 !important;
    font-size: 5px !important;
    letter-spacing: .045em !important;
  }

  body[data-route="artist"] #artistHero .r159EqWrap {
    display: flex !important;
    height: 69px !important;
    margin-top: 6px !important;
    padding: 0 0 3px !important;
    align-items: flex-end !important;
    gap: 1px !important;
    border-bottom: 1px solid rgba(106, 223, 250, .30) !important;
  }

  body[data-route="artist"] #artistHero .r159EqWrap > i {
    display: block !important;
    min-width: 1px !important;
    height: var(--h) !important;
    flex: 1 1 0 !important;
    transform-origin: 50% 100% !important;
    background: linear-gradient(180deg, #75f3e7 0%, #42c7e3 41%, #7568eb 76%, #bc66ee 100%) !important;
    animation: r177Equalizer calc(.8s + var(--d)) ease-in-out infinite alternate !important;
  }

  body[data-route="artist"] #artistHero .r159EqMeta {
    display: flex !important;
    margin-top: 4px !important;
    align-items: center !important;
    justify-content: space-between !important;
    color: rgba(163, 206, 219, .83) !important;
    font-size: 4.7px !important;
  }

  body[data-route="artist"] #artistHero .r159EqMeta > b {
    overflow: hidden !important;
    color: #80e8ef !important;
    font-size: 4.4px !important;
    white-space: nowrap !important;
  }

  body[data-route="artist"] #artistHero .r159EnergyBody {
    display: grid !important;
    height: 79px !important;
    margin-top: 4px !important;
    grid-template-columns: minmax(0, 1fr) 48px !important;
    align-items: center !important;
  }

  body[data-route="artist"] #artistHero .r159EnergyBody > img {
    width: 100% !important;
    height: 76% !important;
    object-fit: contain !important;
    mix-blend-mode: screen !important;
  }

  body[data-route="artist"] #artistHero .r159EnergyPct {
    display: grid !important;
    align-content: center !important;
    gap: 4px !important;
    text-align: right !important;
  }

  body[data-route="artist"] #artistHero .r159EnergyPct > strong {
    color: #74efce !important;
    font-size: 14px !important;
    font-weight: 850 !important;
    letter-spacing: -.07em !important;
    white-space: nowrap !important;
  }

  body[data-route="artist"] #artistHero .r159EnergyPct > small {
    color: #a3c5d3 !important;
    font-size: 4.5px !important;
    line-height: 1.3 !important;
  }

  body[data-route="artist"] #artistHero .r172EnergyMeter {
    display: block !important;
    width: 100% !important;
    height: 4px !important;
    background: rgba(74, 114, 141, .26) !important;
  }

  body[data-route="artist"] #artistHero .r172EnergyMeter > b {
    display: block !important;
    width: 98.7% !important;
    height: 100% !important;
    background: linear-gradient(90deg, #50d8f4, #85f1b1) !important;
  }

  body[data-route="artist"] #artistHero .r161PulseBody {
    display: grid !important;
    height: 79px !important;
    margin-top: 4px !important;
    grid-template-columns: 38px minmax(0, 1fr) !important;
    gap: 5px !important;
    align-items: center !important;
  }

  body[data-route="artist"] #artistHero .r161PulseCore {
    position: relative !important;
    display: grid !important;
    width: 37px !important;
    height: 37px !important;
    place-items: center !important;
    border: 1px solid rgba(108, 223, 245, .65) !important;
    border-radius: 50% !important;
    background: radial-gradient(circle, rgba(96, 188, 226, .15), rgba(5, 12, 25, .87) 73%) !important;
  }

  body[data-route="artist"] #artistHero .r161PulseCore::before {
    content: "" !important;
    position: absolute !important;
    inset: 4px !important;
    border: 1px solid rgba(130, 174, 239, .43) !important;
    border-top-color: transparent !important;
    border-radius: 50% !important;
    animation: r177Orbit 7s linear infinite !important;
  }

  body[data-route="artist"] #artistHero .r161PulseCore > b {
    color: #a1edf4 !important;
    font-size: 10px !important;
    font-weight: 800 !important;
  }

  body[data-route="artist"] #artistHero .r161PulseChannels {
    display: grid !important;
    min-width: 0 !important;
    gap: 6px !important;
  }

  body[data-route="artist"] #artistHero .r161PulseChannel {
    display: grid !important;
    min-width: 0 !important;
    grid-template-columns: minmax(0, 1fr) 18px !important;
    grid-template-rows: auto 4px !important;
    column-gap: 3px !important;
    row-gap: 2px !important;
    align-items: center !important;
  }

  body[data-route="artist"] #artistHero .r161PulseChannel > strong {
    min-width: 0 !important;
    overflow: hidden !important;
    color: #d4e5ee !important;
    font-size: clamp(4.1px, 1.32vw, 5.2px) !important;
    font-weight: 760 !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
  }

  body[data-route="artist"] #artistHero .r161PulseChannel > b {
    grid-column: 2 !important;
    grid-row: 1 !important;
    color: #9eeaf0 !important;
    font-size: 5px !important;
    text-align: right !important;
  }

  body[data-route="artist"] #artistHero .r161PulseChannel > i {
    position: relative !important;
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    width: 100% !important;
    height: 4px !important;
    background: rgba(91, 124, 147, .25) !important;
  }

  body[data-route="artist"] #artistHero .r161PulseChannel > i::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 auto 0 0 !important;
    width: var(--r161-channel-level) !important;
    background: linear-gradient(90deg, #45dbe9, #9af1bb) !important;
  }

  body[data-route="artist"] #artistHero .r161PulseCreative > i::before {
    background: linear-gradient(90deg, #9075ec, #d16ded) !important;
  }

  /* The lower deck keeps the desktop hierarchy, without inflated empty cards. */
  body[data-route="artist"] .artistStoryR75 {
    padding: 7px var(--r177-inset) 11px !important;
  }

  body[data-route="artist"] .r162DeckHeading {
    min-height: 27px !important;
    margin: 0 0 7px !important;
  }

  body[data-route="artist"] .artistStoryRailR75 {
    gap: 9px !important;
  }

  body[data-route="artist"] .artistStoryCardR75,
  body[data-route="artist"] .artistIntelligenceR49,
  body[data-route="artist"] .r77Motto {
    clip-path: var(--r177-hull) !important;
  }

  body[data-route="artist"] .artistStoryIntroR76 {
    min-height: 124px !important;
    padding: 16px 79px 14px 13px !important;
    background:
      radial-gradient(114px 88px at 92% 50%, rgba(109, 176, 239, .12), transparent 80%),
      linear-gradient(143deg, rgba(5, 17, 30, .99), rgba(5, 10, 22, .99)) !important;
  }

  body[data-route="artist"] .artistStoryIntroR76 .r162IdentityEmblem {
    right: 10px !important;
    width: 61px !important;
    height: 61px !important;
  }

  body[data-route="artist"] .artistStoryIntroR76 h2 {
    margin-bottom: 6px !important;
    font-size: clamp(22px, 7vw, 32px) !important;
  }

  body[data-route="artist"] .artistStoryIntroR76 p[data-r76-i18n="storyIntro1"] {
    font-size: 9.3px !important;
    line-height: 1.42 !important;
  }

  body[data-route="artist"] .artistStoryModuleR76[data-r76-step] {
    min-height: 147px !important;
    padding: 15px 13px 31px !important;
    background:
      radial-gradient(126px 105px at 92% 10%, rgba(var(--r176-channel), .135), transparent 77%),
      linear-gradient(147deg, rgba(5, 17, 30, .99), rgba(4, 10, 22, .99) 68%, rgba(10, 8, 25, .985)) !important;
  }

  body[data-route="artist"] .artistStoryModuleR76 .artistStoryKickerR75 {
    margin-bottom: 6px !important;
    font-size: 6.5px !important;
  }

  body[data-route="artist"] .artistStoryModuleR76 h3 {
    margin-bottom: 6px !important;
    font-size: clamp(20px, 6.1vw, 27px) !important;
  }

  body[data-route="artist"] .artistStoryModuleR76 > .r176MobileSummary {
    padding: 6px 8px 6px 8px !important;
    font-size: 9.3px !important;
    line-height: 1.40 !important;
  }

  body[data-route="artist"] .artistStoryModuleR76 .r162ModuleSigil {
    top: 14px !important;
    right: 13px !important;
    width: 39px !important;
    height: 39px !important;
  }

  body[data-route="artist"] .artistStoryModuleR76 .r162ModuleSignal {
    right: 12px !important;
    bottom: 10px !important;
    left: 13px !important;
  }

  body[data-route="artist"] .r77Motto {
    height: 95px !important;
    min-height: 95px !important;
  }

  body[data-route="artist"] .r77MottoCopy > strong {
    font-size: clamp(13px, 3.85vw, 17px) !important;
    background: linear-gradient(90deg, #ffe9bc, #b6e8e9 45%, #bba1ed) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    color: transparent !important;
  }

  body[data-route="artist"] .artistIntelligenceR49 {
    width: calc(100% - 2 * var(--r177-inset)) !important;
    margin-bottom: 10px !important;
    padding: 11px 9px 12px !important;
    gap: 9px !important;
  }

  body[data-route="artist"] .artistStats {
    gap: 6px !important;
  }

  body[data-route="artist"] .artistStats .statCard,
  body[data-route="artist"] .artistStats .statCard:hover {
    height: 105px !important;
    min-height: 105px !important;
    padding: 11px 6px 32px !important;
  }

  body[data-route="artist"] .artistStats .statCard > strong {
    font-size: clamp(21px, 7.7vw, 31px) !important;
  }

  body[data-route="artist"] .artistStats .statCard > #aViews {
    font-size: clamp(13px, 4.1vw, 18px) !important;
  }

  body[data-route="artist"] #artistRail {
    grid-auto-columns: minmax(192px, 76%) !important;
    gap: 8px !important;
  }

  body[data-route="artist"] #artistRail > .card,
  body[data-route="artist"] #artistRail > .card:hover {
    height: 188px !important;
    max-height: 188px !important;
  }

  body[data-route="artist"] #artistRail .cover {
    height: 122px !important;
    min-height: 122px !important;
    max-height: 122px !important;
    flex-basis: 122px !important;
  }

  body[data-route="artist"] .r53SystemBar,
  body[data-route="artist"] .r77LegalRail {
    width: calc(100% - 2 * var(--r177-inset)) !important;
    clip-path: polygon(7px 0, calc(100% - 8px) 0, 100% 8px, 100% calc(100% - 7px), calc(100% - 7px) 100%, 8px 100%, 0 calc(100% - 8px), 0 7px) !important;
  }

  body[data-route="artist"] .r53SystemCell {
    min-height: 53px !important;
  }

  @keyframes r177Orbit {
    to { transform: rotate(360deg); }
  }

  @keyframes r177Signal {
    50% { opacity: .47; transform: scale(.78); }
  }

  @keyframes r177Equalizer {
    from { opacity: .72; transform: scaleY(.55); }
    to { opacity: 1; transform: scaleY(1.04); }
  }
}

@media (max-width: 355px) {
  body[data-route="artist"] { --r177-inset: 9px; }

  body[data-route="artist"] #artistHero .r159Brand,
  body[data-route="artist"] #artistHero button.r159Feature {
    padding-right: 9px !important;
    padding-left: 9px !important;
    grid-template-columns: 57px minmax(0, 1fr) !important;
    gap: 8px !important;
  }

  body[data-route="artist"] #artistHero .r161BrandMark,
  body[data-route="artist"] #artistHero .r159IconRing {
    width: 55px !important;
    height: 55px !important;
  }

  body[data-route="artist"] #artistHero .r159IconRing > svg {
    width: 44px !important;
    height: 44px !important;
  }

  body[data-route="artist"] #artistHero .r159Telemetry,
  body[data-route="artist"] #artistHero .r161CreatorPulse {
    padding-right: 6px !important;
    padding-left: 6px !important;
  }

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

  body[data-route="artist"] #artistHero .r161PulseCore {
    width: 32px !important;
    height: 32px !important;
  }
}

@media (max-width: 760px) and (prefers-reduced-motion: reduce) {
  body[data-route="artist"] #artistHero .r159IconRing::after,
  body[data-route="artist"] #artistHero .r159LiveRow > i,
  body[data-route="artist"] #artistHero .r159MapPing,
  body[data-route="artist"] #artistHero .r159EqWrap > i,
  body[data-route="artist"] #artistHero .r161PulseCore::before {
    animation: none !important;
  }
}