/* ADIMASTER RELEASE 166 · DIMENSIONAL HUD POLISH
   The accepted globe, orbit rings and hero coordinate system are frozen.
   All new visual architecture is confined to independent backdrop blending,
   the lower-panel perimeter and explicitly decorative telemetry surfaces. */

@media (min-width:761px){
  /* Dissolve the scene into the continuous sky without touching the live HUD.
     Backdrop: 21, this transition: 24, live globe: 30, upper HUD: 42. */
  body[data-route="artist"] .r166HeroEdgeBlend{
    position:absolute!important;
    z-index:24!important;
    inset:0!important;
    display:block!important;
    overflow:hidden!important;
    pointer-events:none!important;
  }
  body[data-route="artist"] .r166HeroEdgeBlend>i,
  body[data-route="artist"] .r166HeroEdgeBlend>b{
    position:absolute!important;
    top:0!important;
    bottom:0!important;
    display:block!important;
    width:clamp(27px,3.15vw,57px)!important;
    pointer-events:none!important;
  }
  body[data-route="artist"] .r166HeroEdgeBlend>i{
    left:0!important;
    background:linear-gradient(90deg,rgba(1,4,10,.88),rgba(2,6,16,.37) 41%,transparent 100%)!important;
  }
  body[data-route="artist"] .r166HeroEdgeBlend>b{
    right:0!important;
    background:linear-gradient(270deg,rgba(1,4,10,.88),rgba(2,6,16,.37) 41%,transparent 100%)!important;
  }

  /* Stars remain organic: neither the sky nor panel interiors receive grids. */
  body[data-route="artist"] .r165CosmicBackdrop>i{
    background:
      radial-gradient(ellipse at 24% 18%,rgba(82,146,215,.055),transparent 34%),
      radial-gradient(ellipse at 79% 71%,rgba(135,78,193,.047),transparent 38%)!important;
    -webkit-mask-image:none!important;
    mask-image:none!important;
    opacity:.58!important;
  }
  body[data-route="artist"] .artistStoryCardR75::before{
    background:
      linear-gradient(90deg,rgba(100,234,255,.76),rgba(97,148,248,.29) 47%,transparent 84%) 33px 10px/calc(100% - 76px) 1px no-repeat,
      linear-gradient(90deg,transparent,rgba(146,119,254,.35) 48%,rgba(192,102,250,.68)) 35px calc(100% - 11px)/calc(100% - 74px) 1px no-repeat!important;
    opacity:.93!important;
  }
  body[data-route="artist"] .r164Hull::before{
    inset:8px!important;
    border:1px solid rgba(109,199,247,.195)!important;
    background:
      linear-gradient(90deg,rgba(108,235,255,.86),rgba(85,148,255,.31),transparent) top left/36% 2px no-repeat,
      linear-gradient(270deg,rgba(206,115,255,.79),rgba(108,144,252,.25),transparent) bottom right/37% 2px no-repeat,
      linear-gradient(180deg,rgba(111,224,255,.45),transparent 74%) top left/1px 30% no-repeat,
      linear-gradient(0deg,rgba(191,111,250,.46),transparent 74%) bottom right/1px 31% no-repeat!important;
    -webkit-mask-image:none!important;
    mask-image:none!important;
    mix-blend-mode:normal!important;
    opacity:.87!important;
    box-shadow:
      inset 0 0 0 1px rgba(85,170,226,.032),
      inset 0 0 17px rgba(53,127,191,.048)!important;
  }

  /* A second chassis follows the same beveled construction as the chamber. */
  body[data-route="artist"] .r164Hull{
    --r166-front:96,224,255;
    --r166-rear:155,115,251;
  }
  body[data-route="artist"] .r164TravelHull{
    --r166-front:118,176,255;
    --r166-rear:160,125,255;
  }
  body[data-route="artist"] .r164CreativeHull{
    --r166-front:177,126,255;
    --r166-rear:230,112,241;
  }
  body[data-route="artist"] .r164MottoHull{
    --r166-front:109,213,247;
    --r166-rear:193,119,255;
  }
  body[data-route="artist"] .r166FrameShell{
    position:absolute!important;
    z-index:2!important;
    inset:0!important;
    display:block!important;
    overflow:hidden!important;
    pointer-events:none!important;
  }
  body[data-route="artist"] .r166FrameShell::before,
  body[data-route="artist"] .r166FrameShell::after{
    content:""!important;
    position:absolute!important;
    display:block!important;
    pointer-events:none!important;
  }
  body[data-route="artist"] .r166FrameShell::before{
    top:0!important;
    left:0!important;
    width:142px!important;
    height:38px!important;
    background:
      linear-gradient(90deg,rgba(var(--r166-front),.82),rgba(var(--r166-front),.23) 56%,transparent 91%) 19px 1px/115px 2px no-repeat,
      linear-gradient(136deg,transparent 0 46%,rgba(var(--r166-front),.74) 47% 52%,transparent 54%) 1px 1px/27px 27px no-repeat,
      linear-gradient(180deg,rgba(66,129,188,.34),rgba(13,42,76,.16) 50%,transparent 100%) 23px 3px/99px 11px no-repeat!important;
    clip-path:polygon(19px 0,100% 0,100% 11px,30px 11px,11px 31px,0 31px,0 19px)!important;
    filter:drop-shadow(0 0 5px rgba(var(--r166-front),.18))!important;
  }
  body[data-route="artist"] .r166FrameShell::after{
    right:0!important;
    bottom:0!important;
    width:150px!important;
    height:39px!important;
    background:
      linear-gradient(270deg,rgba(var(--r166-rear),.88),rgba(var(--r166-rear),.26) 55%,transparent 93%) calc(100% - 18px) calc(100% - 2px)/124px 2px no-repeat,
      linear-gradient(136deg,transparent 0 45%,rgba(var(--r166-rear),.72) 47% 52%,transparent 54%) calc(100% - 2px) calc(100% - 2px)/28px 28px no-repeat,
      linear-gradient(0deg,rgba(95,69,155,.32),rgba(24,23,70,.16) 55%,transparent 100%) calc(100% - 24px) calc(100% - 4px)/108px 10px no-repeat!important;
    clip-path:polygon(0 calc(100% - 11px),calc(100% - 30px) calc(100% - 11px),calc(100% - 11px) 8px,100% 8px,100% calc(100% - 19px),calc(100% - 19px) 100%,0 100%)!important;
    filter:drop-shadow(0 0 5px rgba(var(--r166-rear),.19))!important;
  }
  body[data-route="artist"] .r166FrameShell>i,
  body[data-route="artist"] .r166FrameShell>b,
  body[data-route="artist"] .r166FrameShell>em,
  body[data-route="artist"] .r166FrameShell>u{
    position:absolute!important;
    display:block!important;
    font-style:normal!important;
    text-decoration:none!important;
    pointer-events:none!important;
  }
  body[data-route="artist"] .r166FrameShell>i{
    top:0!important;
    right:0!important;
    width:104px!important;
    height:36px!important;
    background:
      linear-gradient(270deg,rgba(var(--r166-front),.61),rgba(var(--r166-front),.16),transparent) 0 1px/80px 2px no-repeat,
      linear-gradient(44deg,transparent 0 46%,rgba(var(--r166-front),.58) 47% 53%,transparent 55%) calc(100% - 1px) 1px/28px 28px no-repeat!important;
    opacity:.75!important;
  }
  body[data-route="artist"] .r166FrameShell>b{
    bottom:0!important;
    left:0!important;
    width:104px!important;
    height:36px!important;
    background:
      linear-gradient(90deg,rgba(var(--r166-rear),.64),rgba(var(--r166-rear),.15),transparent) 22px calc(100% - 2px)/75px 2px no-repeat,
      linear-gradient(45deg,transparent 0 46%,rgba(var(--r166-rear),.57) 47% 53%,transparent 55%) 1px calc(100% - 1px)/28px 28px no-repeat!important;
    opacity:.75!important;
  }
  body[data-route="artist"] .r166FrameShell>em{
    top:35%!important;
    left:0!important;
    width:12px!important;
    height:67px!important;
    background:
      linear-gradient(180deg,transparent 0 10%,rgba(var(--r166-front),.90) 35%,rgba(var(--r166-front),.62) 69%,transparent 92%) 1px 0/3px 100% no-repeat,
      linear-gradient(90deg,rgba(var(--r166-front),.24),transparent) 4px 10px/8px 45px no-repeat!important;
    clip-path:polygon(0 0,4px 0,12px 12px,12px calc(100% - 12px),4px 100%,0 100%)!important;
    filter:drop-shadow(0 0 6px rgba(var(--r166-front),.32))!important;
  }
  body[data-route="artist"] .r166FrameShell>u{
    right:0!important;
    bottom:29%!important;
    width:12px!important;
    height:60px!important;
    background:
      linear-gradient(180deg,transparent 0 9%,rgba(var(--r166-rear),.82) 34%,rgba(var(--r166-rear),.64) 72%,transparent 94%) calc(100% - 1px) 0/3px 100% no-repeat,
      linear-gradient(270deg,rgba(var(--r166-rear),.24),transparent) 0 9px/8px 42px no-repeat!important;
    clip-path:polygon(8px 0,100% 0,100% 100%,8px 100%,0 calc(100% - 11px),0 11px)!important;
    filter:drop-shadow(0 0 6px rgba(var(--r166-rear),.31))!important;
  }

  body[data-route="artist"] .artistStoryCardR75,
  body[data-route="artist"] .artistStoryIntroR76,
  body[data-route="artist"] .artistStoryModuleR76{
    border-color:rgba(109,197,249,.49)!important;
    background:
      radial-gradient(360px 195px at 4% 0%,rgba(35,115,180,.16),transparent 76%),
      radial-gradient(365px 215px at 100% 100%,rgba(108,49,170,.135),transparent 78%),
      linear-gradient(145deg,rgba(4,15,28,.955),rgba(3,9,20,.967) 57%,rgba(9,7,23,.955))!important;
    box-shadow:
      inset 0 0 0 1px rgba(145,217,255,.067),
      inset 0 0 30px rgba(35,112,181,.078),
      0 0 19px rgba(43,97,166,.13),
      0 18px 40px rgba(0,0,0,.25)!important;
  }
  body[data-route="artist"] .artistStoryModuleR76[data-r76-step="02"]{
    border-color:rgba(132,157,252,.51)!important;
  }
  body[data-route="artist"] .artistStoryModuleR76[data-r76-step="03"]{
    border-color:rgba(187,115,242,.53)!important;
  }

  /* Equal-height domains retain exact top/bottom alignment and breathing room. */
  body[data-route="artist"] .artistStoryModuleR76[data-r76-step="01"],
  body[data-route="artist"] .artistStoryModuleR76[data-r76-step="02"],
  body[data-route="artist"] .artistStoryModuleR76[data-r76-step="03"]{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    min-height:416px!important;
    margin:0!important;
    padding:36px 35px 76px!important;
    align-self:stretch!important;
    justify-self:stretch!important;
    justify-content:flex-start!important;
    transform:none!important;
    text-align:left!important;
  }
  body[data-route="artist"] .artistStoryModuleR76[data-r76-step] p{
    position:relative!important;
    z-index:4!important;
    font-size:clamp(13px,.755vw,14.4px)!important;
    line-height:1.61!important;
  }
  body[data-route="artist"] .artistStoryModuleR76[data-r76-step] p:last-of-type{
    margin-bottom:0!important;
    padding-top:11px!important;
  }
  body[data-route="artist"] .artistStoryKickerR75,
  body[data-route="artist"] .artistStoryIntroR76 h2,
  body[data-route="artist"] .artistStoryIntroR76 p,
  body[data-route="artist"] .artistStoryModuleR76 h3{
    position:relative!important;
    z-index:4!important;
  }
  body[data-route="artist"] .r162ModuleSigil,
  body[data-route="artist"] .r162IdentityEmblem{
    z-index:5!important;
  }

  /* Localized technical telemetry occupies the otherwise empty lower zone. */
  body[data-route="artist"] .r166DomainTelemetry{
    position:absolute!important;
    z-index:3!important;
    right:36px!important;
    bottom:42px!important;
    left:36px!important;
    display:block!important;
    height:22px!important;
    overflow:hidden!important;
    pointer-events:none!important;
    background:linear-gradient(90deg,rgba(83,194,242,.12),transparent 53%) center bottom/100% 1px no-repeat!important;
  }
  body[data-route="artist"] .r166DomainTelemetry>i,
  body[data-route="artist"] .r166DomainTelemetry>b,
  body[data-route="artist"] .r166DomainTelemetry>em,
  body[data-route="artist"] .r166DomainTelemetry>u{
    position:absolute!important;
    bottom:3px!important;
    display:block!important;
    height:14px!important;
    font-style:normal!important;
    text-decoration:none!important;
    pointer-events:none!important;
  }
  body[data-route="artist"] .r166DomainTelemetry>i{
    left:0!important;
    width:62px!important;
    background:
      linear-gradient(180deg,transparent 40%,rgba(83,230,244,.69) 41% 59%,transparent 60%) 0 0/12px 14px no-repeat,
      linear-gradient(180deg,transparent 18%,rgba(97,240,249,.79) 19% 80%,transparent 81%) 17px 0/9px 14px no-repeat,
      linear-gradient(180deg,transparent 33%,rgba(83,213,247,.66) 34% 69%,transparent 70%) 31px 0/11px 14px no-repeat,
      linear-gradient(180deg,transparent 8%,rgba(123,239,246,.78) 9% 92%,transparent 93%) 48px 0/8px 14px no-repeat!important;
  }
  body[data-route="artist"] .r166DomainTelemetry>b{
    left:74px!important;
    width:89px!important;
    background:
      linear-gradient(90deg,rgba(92,223,255,.78),rgba(91,145,252,.22),transparent) center/89px 1px no-repeat,
      radial-gradient(circle,rgba(105,231,252,.93) 0 2px,transparent 2.5px) 29px 4px/6px 6px no-repeat!important;
  }
  body[data-route="artist"] .r166DomainTelemetry>em{
    left:176px!important;
    width:43px!important;
    background:
      linear-gradient(180deg,transparent 35%,rgba(138,173,255,.60) 36% 67%,transparent 68%) 0 0/7px 14px no-repeat,
      linear-gradient(180deg,transparent 12%,rgba(139,176,255,.76) 13% 87%,transparent 88%) 12px 0/8px 14px no-repeat,
      linear-gradient(180deg,transparent 28%,rgba(168,139,255,.73) 29% 74%,transparent 75%) 25px 0/10px 14px no-repeat!important;
  }
  body[data-route="artist"] .r166DomainTelemetry>u{
    right:0!important;
    bottom:8px!important;
    width:66px!important;
    height:3px!important;
    background:linear-gradient(90deg,transparent,rgba(95,178,248,.51),rgba(181,117,255,.79))!important;
    box-shadow:0 0 6px rgba(124,147,251,.24)!important;
  }
  body[data-route="artist"] .artistStoryModuleR76[data-r76-step="02"] .r166DomainTelemetry{
    filter:hue-rotate(17deg)!important;
  }
  body[data-route="artist"] .artistStoryModuleR76[data-r76-step="03"] .r166DomainTelemetry{
    filter:hue-rotate(53deg)!important;
  }
  body[data-route="artist"] .r162ModuleSignal{
    z-index:4!important;
    bottom:18px!important;
  }

  /* A hard, generous central dead zone guarantees unobstructed lettering. */
  body[data-route="artist"] .r77EnergyStream{
    -webkit-mask-image:linear-gradient(90deg,#000 0 19%,transparent 22%,transparent 78%,#000 81% 100%)!important;
    mask-image:linear-gradient(90deg,#000 0 19%,transparent 22%,transparent 78%,#000 81% 100%)!important;
  }
  body[data-route="artist"] .r77EnergyStream>b{
    display:none!important;
    background:none!important;
  }
  body[data-route="artist"] .r77MottoCopy{
    z-index:6!important;
    padding:17px 88px!important;
    background:radial-gradient(ellipse at center,rgba(2,7,16,.975),rgba(2,7,16,.88) 64%,transparent 87%)!important;
  }
  body[data-route="artist"] .r164MottoHull .r166FrameShell>em,
  body[data-route="artist"] .r164MottoHull .r166FrameShell>u{
    height:43px!important;
    opacity:.72!important;
  }

  /* The complete intelligence deck becomes one continuous technical console. */
  body[data-route="artist"] .artistIntelligenceR49{
    border-color:rgba(112,207,252,.51)!important;
    background:
      radial-gradient(470px 250px at 3% 0%,rgba(39,139,203,.17),transparent 76%),
      radial-gradient(460px 230px at 100% 100%,rgba(119,62,190,.15),transparent 76%),
      linear-gradient(149deg,rgba(4,16,30,.955),rgba(3,9,19,.969) 58%,rgba(8,7,23,.955))!important;
    box-shadow:
      inset 0 0 0 1px rgba(147,225,255,.07),
      inset 0 0 34px rgba(45,124,190,.08),
      0 0 22px rgba(40,109,177,.12),
      0 18px 38px rgba(0,0,0,.23)!important;
  }
  body[data-route="artist"] .r49OverviewLabel,
  body[data-route="artist"] .artistWorkboard .sectionHead{
    position:relative!important;
    z-index:4!important;
    background:linear-gradient(90deg,rgba(51,140,189,.075),transparent 74%)!important;
  }
  body[data-route="artist"] .artistStats,
  body[data-route="artist"] .artistWorkboard{
    position:relative!important;
    z-index:3!important;
  }
  body[data-route="artist"] .artistStats .statCard,
  body[data-route="artist"] .artistStats .statCard:hover{
    border-color:rgba(105,205,247,.39)!important;
    background:
      linear-gradient(90deg,rgba(105,226,252,.70),rgba(88,148,252,.22),transparent) 13px 0/calc(100% - 31px) 2px no-repeat,
      linear-gradient(270deg,rgba(159,117,250,.63),transparent 80%) calc(100% - 13px) calc(100% - 1px)/67% 1px no-repeat,
      radial-gradient(165px 125px at 13% 0%,rgba(52,155,206,.18),transparent 77%),
      linear-gradient(158deg,rgba(6,19,34,.975),rgba(4,10,19,.987) 76%)!important;
    box-shadow:inset 0 0 0 1px rgba(117,187,232,.042),inset 0 0 18px rgba(51,137,190,.07)!important;
  }
  body[data-route="artist"] .artistStats .statCard:nth-child(2),
  body[data-route="artist"] .artistStats .statCard:nth-child(2):hover{
    border-color:rgba(93,207,172,.34)!important;
  }
  body[data-route="artist"] .artistStats .statCard:nth-child(3),
  body[data-route="artist"] .artistStats .statCard:nth-child(3):hover{
    border-color:rgba(171,119,222,.38)!important;
  }
  body[data-route="artist"] .artistStats .statCard::before{
    box-shadow:0 0 13px rgba(93,215,248,.17),inset 0 0 10px rgba(73,191,231,.12)!important;
  }
  body[data-route="artist"] .artistWorkboard .card,
  body[data-route="artist"] .artistWorkboard .card:hover{
    border-color:rgba(105,200,243,.38)!important;
    background:
      linear-gradient(270deg,rgba(156,119,250,.55),transparent 77%) calc(100% - 12px) calc(100% - 1px)/66% 1px no-repeat,
      radial-gradient(170px 120px at 10% 0%,rgba(39,125,181,.11),transparent 77%),
      linear-gradient(156deg,rgba(7,19,33,.98),rgba(4,10,19,.989) 77%)!important;
    box-shadow:inset 0 0 0 1px rgba(115,180,226,.033),inset 0 0 17px rgba(50,120,184,.075)!important;
  }
  body[data-route="artist"] .artistWorkboard .card::before{
    height:2px!important;
    background:linear-gradient(90deg,rgba(100,226,252,.84),rgba(88,153,247,.26) 53%,rgba(170,119,248,.76))!important;
  }
  body[data-route="artist"] .artistWorkboard .cover{
    border-bottom-color:rgba(116,195,244,.37)!important;
  }
  body[data-route="artist"] .artistWorkboard .cardBody{
    background:linear-gradient(180deg,rgba(38,97,145,.085),transparent 44px)!important;
  }
}

@media (min-width:761px) and (max-width:1250px){
  body[data-route="artist"] .artistStoryModuleR76[data-r76-step="01"],
  body[data-route="artist"] .artistStoryModuleR76[data-r76-step="02"]{
    min-height:388px!important;
    padding:34px 30px 75px!important;
  }
  body[data-route="artist"] .artistStoryModuleR76[data-r76-step="03"]{
    min-height:307px!important;
    padding:34px 30px 72px!important;
  }
  body[data-route="artist"] .r166DomainTelemetry{
    right:31px!important;
    left:31px!important;
  }
}

@media (min-width:761px) and (max-width:970px){
  body[data-route="artist"] .artistStoryModuleR76[data-r76-step="01"],
  body[data-route="artist"] .artistStoryModuleR76[data-r76-step="02"],
  body[data-route="artist"] .artistStoryModuleR76[data-r76-step="03"]{
    min-height:329px!important;
    padding:31px 30px 72px!important;
  }
  body[data-route="artist"] .r77MottoCopy{
    padding:15px 58px!important;
  }
  body[data-route="artist"] .r166FrameShell::before,
  body[data-route="artist"] .r166FrameShell::after{
    opacity:.83!important;
  }
}

@media (max-width:760px){
  body[data-route="artist"] .r166HeroEdgeBlend,
  body[data-route="artist"] .r166FrameShell,
  body[data-route="artist"] .r166DomainTelemetry{
    display:none!important;
  }
}

@media (prefers-reduced-motion:reduce){
  body[data-route="artist"] .r166HeroEdgeBlend,
  body[data-route="artist"] .r166FrameShell,
  body[data-route="artist"] .r166DomainTelemetry{
    animation:none!important;
    transition:none!important;
  }
}