/* ADIMASTER RELEASE 180
   Mobile-only localized narrative modules and routed cinematic light.
   Desktop, globe geometry and the floating player remain untouched. */

@media (max-width: 760px) {
  body[data-route="artist"] .artistStoryModuleR76[data-r76-step] {
    min-height: 0 !important;
    height: auto !important;
    padding: 15px 13px 35px !important;
    border-color: rgba(var(--r176-channel), .48) !important;
    box-shadow:
      inset 0 0 0 1px rgba(var(--r176-channel), .08),
      inset 0 13px 20px rgba(var(--r176-channel), .032),
      0 11px 24px rgba(0, 0, 0, .24) !important;
  }

  body[data-route="artist"] .artistStoryModuleR76[data-r76-step] > .r176MobileSummary {
    display: none !important;
  }

  body[data-route="artist"] .artistStoryModuleR76[data-r76-step] > p[data-r76-i18n] {
    position: relative !important;
    z-index: 4 !important;
    display: block !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    overflow: visible !important;
    font-size: clamp(8.55px, 2.45vw, 9.7px) !important;
    font-weight: 590 !important;
    line-height: 1.49 !important;
    letter-spacing: .006em !important;
    overflow-wrap: break-word !important;
    text-wrap: pretty !important;
  }

  body[data-route="artist"] .artistStoryModuleR76[data-r76-step] > p[data-r76-i18n]:nth-of-type(1) {
    padding: 8px 8px 8px 9px !important;
    border-left: 2px solid rgba(var(--r176-channel), .63) !important;
    background:
      linear-gradient(102deg, rgba(var(--r176-channel), .095), rgba(var(--r176-channel), .024) 64%, transparent) !important;
    color: rgba(219, 231, 239, .97) !important;
  }

  body[data-route="artist"] .artistStoryModuleR76[data-r76-step] > p[data-r76-i18n]:nth-of-type(2) {
    margin-top: 8px !important;
    padding: 8px 5px 1px 9px !important;
    border-top: 1px solid rgba(var(--r176-channel), .25) !important;
    border-left: 1px solid rgba(var(--r176-channel), .29) !important;
    background: linear-gradient(107deg, rgba(var(--r176-channel), .049), transparent 76%) !important;
    color: rgba(175, 197, 215, .97) !important;
    font-size: clamp(8.35px, 2.35vw, 9.25px) !important;
    line-height: 1.47 !important;
  }

  body[data-route="artist"] .artistStoryModuleR76[data-r76-step] .r162ModuleSignal {
    z-index: 5 !important;
    bottom: 10px !important;
  }

  body[data-route="artist"] .artistStoryIntroR76 > .r164Hull,
  body[data-route="artist"] .artistStoryModuleR76[data-r76-step] > .r164Hull,
  body[data-route="artist"] .r77Motto > .r164Hull,
  body[data-route="artist"] .artistIntelligenceR49 > .r164Hull {
    --r180-hull-light: var(--r176-channel, 98, 217, 241);
    position: absolute !important;
    z-index: 2 !important;
    inset: 0 !important;
    display: block !important;
    overflow: hidden !important;
    pointer-events: none !important;
  }

  body[data-route="artist"] .r77Motto > .r164Hull {
    --r180-hull-light: 126, 204, 244;
  }

  body[data-route="artist"] .artistIntelligenceR49 > .r164Hull {
    --r180-hull-light: 89, 199, 236;
  }

  body[data-route="artist"] .artistStoryIntroR76 > .r164Hull::before,
  body[data-route="artist"] .artistStoryModuleR76[data-r76-step] > .r164Hull::before,
  body[data-route="artist"] .r77Motto > .r164Hull::before,
  body[data-route="artist"] .artistIntelligenceR49 > .r164Hull::before {
    content: "" !important;
    position: absolute !important;
    inset: 5px 8px !important;
    display: block !important;
    background:
      linear-gradient(90deg, rgba(var(--r180-hull-light), .49), transparent 80%) top left / 41% 1px no-repeat,
      linear-gradient(270deg, rgba(var(--r180-hull-light), .42), transparent 79%) right bottom / 39% 1px no-repeat !important;
    pointer-events: none !important;
  }

  body[data-route="artist"] .artistStoryIntroR76 > .r164Hull > .r166FrameShell,
  body[data-route="artist"] .artistStoryModuleR76[data-r76-step] > .r164Hull > .r166FrameShell,
  body[data-route="artist"] .r77Motto > .r164Hull > .r166FrameShell,
  body[data-route="artist"] .artistIntelligenceR49 > .r164Hull > .r166FrameShell {
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    overflow: hidden !important;
    pointer-events: none !important;
  }

  body[data-route="artist"] .artistStoryIntroR76 > .r164Hull > .r166FrameShell::before,
  body[data-route="artist"] .artistStoryModuleR76[data-r76-step] > .r164Hull > .r166FrameShell::before,
  body[data-route="artist"] .r77Motto > .r164Hull > .r166FrameShell::before,
  body[data-route="artist"] .artistIntelligenceR49 > .r164Hull > .r166FrameShell::before {
    content: "" !important;
    position: absolute !important;
    top: 4px !important;
    left: 11px !important;
    width: 32% !important;
    height: 2px !important;
    display: block !important;
    background:
      linear-gradient(90deg, transparent, rgba(var(--r180-hull-light), .22) 17%, rgba(216, 250, 255, .97) 51%, rgba(var(--r180-hull-light), .76) 67%, transparent) !important;
    filter: drop-shadow(0 0 3px rgba(var(--r180-hull-light), .73)) !important;
    animation: r180HullUpperFlow 4.8s linear infinite !important;
    pointer-events: none !important;
  }

  body[data-route="artist"] .artistStoryIntroR76 > .r164Hull > .r166FrameShell::after,
  body[data-route="artist"] .artistStoryModuleR76[data-r76-step] > .r164Hull > .r166FrameShell::after,
  body[data-route="artist"] .r77Motto > .r164Hull > .r166FrameShell::after,
  body[data-route="artist"] .artistIntelligenceR49 > .r164Hull > .r166FrameShell::after {
    content: "" !important;
    position: absolute !important;
    right: 11px !important;
    bottom: 4px !important;
    width: 35% !important;
    height: 2px !important;
    display: block !important;
    background:
      linear-gradient(90deg, transparent, rgba(199, 141, 253, .83) 33%, rgba(236, 218, 255, .98) 52%, rgba(var(--r180-hull-light), .33) 77%, transparent) !important;
    filter: drop-shadow(0 0 3px rgba(173, 117, 246, .62)) !important;
    animation: r180HullLowerFlow 5.6s linear infinite !important;
    pointer-events: none !important;
  }

  body[data-route="artist"] .artistStoryIntroR76 > .r164Hull > i,
  body[data-route="artist"] .artistStoryModuleR76[data-r76-step] > .r164Hull > i,
  body[data-route="artist"] .r77Motto > .r164Hull > i,
  body[data-route="artist"] .artistIntelligenceR49 > .r164Hull > i {
    position: absolute !important;
    top: 30% !important;
    left: 1px !important;
    width: 2px !important;
    height: 27px !important;
    display: block !important;
    background:
      linear-gradient(180deg, transparent, rgba(var(--r180-hull-light), .86), transparent) !important;
    filter: drop-shadow(0 0 4px rgba(var(--r180-hull-light), .50)) !important;
    animation: r180HullEdgePulse 3.2s ease-in-out infinite alternate !important;
  }

  body[data-route="artist"] .artistStoryIntroR76 > .r164Hull > b,
  body[data-route="artist"] .artistStoryModuleR76[data-r76-step] > .r164Hull > b,
  body[data-route="artist"] .r77Motto > .r164Hull > b,
  body[data-route="artist"] .artistIntelligenceR49 > .r164Hull > b {
    position: absolute !important;
    right: 1px !important;
    bottom: 26% !important;
    width: 2px !important;
    height: 25px !important;
    display: block !important;
    background: linear-gradient(180deg, transparent, rgba(176, 124, 247, .82), transparent) !important;
    filter: drop-shadow(0 0 4px rgba(173, 114, 246, .46)) !important;
    animation: r180HullEdgePulse 3.8s ease-in-out infinite alternate-reverse !important;
  }

  body[data-route="artist"] .artistStoryModuleR76[data-r76-step="02"] > .r164Hull > .r166FrameShell::before,
  body[data-route="artist"] .artistStoryModuleR76[data-r76-step="02"] > .r164Hull > .r166FrameShell::after {
    animation-delay: -1.45s !important;
  }

  body[data-route="artist"] .artistStoryModuleR76[data-r76-step="03"] > .r164Hull > .r166FrameShell::before,
  body[data-route="artist"] .artistStoryModuleR76[data-r76-step="03"] > .r164Hull > .r166FrameShell::after {
    animation-delay: -2.8s !important;
  }

  body[data-route="artist"] .r77Motto > .r164Hull > .r166FrameShell::before,
  body[data-route="artist"] .artistIntelligenceR49 > .r164Hull > .r166FrameShell::before {
    animation-delay: -2.15s !important;
  }

  body[data-route="artist"] .r77Motto .r77Solar,
  body[data-route="artist"] .r77Motto .r77Singularity {
    z-index: 5 !important;
  }

  body[data-route="artist"] .r77Motto .r77MottoCopy {
    z-index: 6 !important;
  }

  body[data-route="artist"] .r77Motto .r77EnergyStream {
    position: absolute !important;
    z-index: 3 !important;
    top: 50% !important;
    right: 10.8% !important;
    left: 10.8% !important;
    height: 73px !important;
    display: block !important;
    overflow: visible !important;
    background: none !important;
    transform: translateY(-50%) !important;
    -webkit-mask: none !important;
    mask: none !important;
    -webkit-mask-image: none !important;
    mask-image: none !important;
    pointer-events: none !important;
  }

  body[data-route="artist"] .r77Motto .r77EnergyStream::before,
  body[data-route="artist"] .r77Motto .r77EnergyStream::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    background:
      linear-gradient(90deg, rgba(255, 194, 109, .93), rgba(130, 235, 239, .77) 44%, rgba(169, 138, 250, .83) 78%, rgba(216, 158, 255, .98)) !important;
    filter: drop-shadow(0 0 2px rgba(108, 222, 243, .49)) !important;
    pointer-events: none !important;
  }

  body[data-route="artist"] .r77Motto .r77EnergyStream::before {
    clip-path: polygon(0 49%, 18% 5%, 82% 5%, 100% 49%, 100% 51%, 82% 8%, 18% 8%, 0 52%) !important;
    opacity: .82 !important;
  }

  body[data-route="artist"] .r77Motto .r77EnergyStream::after {
    clip-path: polygon(0 49%, 18% 92%, 82% 92%, 100% 49%, 100% 52%, 82% 95%, 18% 95%, 0 52%) !important;
    opacity: .72 !important;
  }

  body[data-route="artist"] .r77Motto .r77EnergyStream > i,
  body[data-route="artist"] .r77Motto .r77EnergyStream > b {
    position: absolute !important;
    z-index: 2 !important;
    left: 0 !important;
    width: 13px !important;
    height: 3px !important;
    display: block !important;
    border-radius: 50% !important;
    background:
      linear-gradient(90deg, rgba(255, 226, 178, 0), rgba(239, 253, 255, .98) 48%, rgba(115, 236, 252, .60) 78%, transparent) !important;
    box-shadow: 0 0 8px rgba(125, 225, 255, .84) !important;
    pointer-events: none !important;
  }

  body[data-route="artist"] .r77Motto .r77EnergyStream > i {
    top: 5% !important;
    animation: r180SolarUpperPacket 2.8s ease-in-out infinite !important;
  }

  body[data-route="artist"] .r77Motto .r77EnergyStream > b {
    bottom: 5% !important;
    animation: r180SolarLowerPacket 3.35s ease-in-out infinite !important;
    animation-delay: -1.6s !important;
  }

  body[data-route="artist"] .r77Motto .r77Solar > .r168SolarFilament {
    position: absolute !important;
    z-index: 2 !important;
    inset: 8% !important;
    display: block !important;
    overflow: hidden !important;
    border-radius: 50% !important;
    background:
      radial-gradient(ellipse at 31% 31%, rgba(255, 255, 237, .71), transparent 16%),
      repeating-conic-gradient(from 12deg, rgba(255, 234, 177, .20) 0 8deg, transparent 9deg 22deg) !important;
    mix-blend-mode: screen !important;
    animation: r180SolarRotation 14s linear infinite !important;
    pointer-events: none !important;
  }

  body[data-route="artist"] .r77Motto .r77Singularity > .r168PhotonRing {
    position: absolute !important;
    z-index: 3 !important;
    inset: -17% !important;
    display: block !important;
    border: 1px solid rgba(157, 197, 255, .70) !important;
    border-right-color: rgba(201, 146, 255, .91) !important;
    border-left-color: rgba(112, 224, 248, .87) !important;
    border-radius: 50% !important;
    box-shadow: 0 0 7px rgba(136, 164, 249, .47) !important;
    transform: rotate(-14deg) scaleY(.39) !important;
    animation: r180PhotonOrbit 5.7s ease-in-out infinite alternate !important;
    pointer-events: none !important;
  }

  @keyframes r180HullUpperFlow {
    0% { opacity: 0; transform: translateX(-112%); }
    12% { opacity: .95; }
    86% { opacity: .92; }
    100% { opacity: 0; transform: translateX(262%); }
  }

  @keyframes r180HullLowerFlow {
    0% { opacity: 0; transform: translateX(114%); }
    13% { opacity: .88; }
    86% { opacity: .91; }
    100% { opacity: 0; transform: translateX(-234%); }
  }

  @keyframes r180HullEdgePulse {
    0% { opacity: .27; transform: translateY(-6px); }
    100% { opacity: .92; transform: translateY(9px); }
  }

  @keyframes r180SolarUpperPacket {
    0% { left: 0; opacity: 0; transform: translateY(31px) scaleX(.62); }
    19% { left: 18%; opacity: 1; transform: translateY(0) scaleX(1); }
    79% { left: 81%; opacity: .98; transform: translateY(0) scaleX(1); }
    100% { left: 96%; opacity: 0; transform: translateY(31px) scaleX(.62); }
  }

  @keyframes r180SolarLowerPacket {
    0% { left: 0; opacity: 0; transform: translateY(-31px) scaleX(.62); }
    19% { left: 18%; opacity: 1; transform: translateY(0) scaleX(1); }
    79% { left: 81%; opacity: .98; transform: translateY(0) scaleX(1); }
    100% { left: 96%; opacity: 0; transform: translateY(-31px) scaleX(.62); }
  }

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

  @keyframes r180PhotonOrbit {
    0% { transform: rotate(-17deg) scaleY(.36); }
    100% { transform: rotate(12deg) scaleY(.46); }
  }
}

@media (max-width: 355px) {
  body[data-route="artist"] .artistStoryModuleR76[data-r76-step] {
    padding-right: 11px !important;
    padding-left: 11px !important;
  }

  body[data-route="artist"] .artistStoryModuleR76[data-r76-step] > p[data-r76-i18n]:nth-of-type(1),
  body[data-route="artist"] .artistStoryModuleR76[data-r76-step] > p[data-r76-i18n]:nth-of-type(2) {
    padding-right: 6px !important;
    padding-left: 7px !important;
  }

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

@media (max-width: 760px) and (prefers-reduced-motion: reduce) {
  body[data-route="artist"] .artistStoryIntroR76 > .r164Hull *,
  body[data-route="artist"] .artistStoryModuleR76[data-r76-step] > .r164Hull *,
  body[data-route="artist"] .r77Motto > .r164Hull *,
  body[data-route="artist"] .artistIntelligenceR49 > .r164Hull *,
  body[data-route="artist"] .r77Motto .r77EnergyStream > i,
  body[data-route="artist"] .r77Motto .r77EnergyStream > b,
  body[data-route="artist"] .r77Motto .r77Solar > .r168SolarFilament,
  body[data-route="artist"] .r77Motto .r77Singularity > .r168PhotonRing {
    animation: none !important;
  }

  body[data-route="artist"] .r77Motto .r77EnergyStream > i,
  body[data-route="artist"] .r77Motto .r77EnergyStream > b {
    opacity: 0 !important;
  }
}