/* ADIMASTER RELEASE 165 · CONTINUOUS COSMIC CHAMBER
   One non-repeating cosmic field now runs behind the complete Artist route.
   The accepted live Earth scene is only layered above it; its geometry is not
   referenced or modified in this release. */

body[data-route="artist"] .view.active[data-view="artist"]{
  position:relative!important;
  isolation:isolate!important;
  background:#01040a!important;
}

body[data-route="artist"] .r164HeroAtmosphere,
body[data-route="artist"] .r164StarCanvas{
  display:none!important;
}

body[data-route="artist"] .r165CosmicBackdrop{
  position:absolute!important;
  z-index:0!important;
  top:0!important;
  left:0!important;
  display:block!important;
  width:100%!important;
  height:0;
  overflow:hidden!important;
  pointer-events:none!important;
  background:
    radial-gradient(ellipse at 12% 10%,rgba(47,99,171,.12),transparent 30%),
    radial-gradient(ellipse at 87% 31%,rgba(103,43,154,.105),transparent 34%),
    radial-gradient(ellipse at 50% 68%,rgba(25,71,125,.072),transparent 38%),
    linear-gradient(180deg,#01040b 0%,#020713 45%,#01040b 100%)!important;
}
body[data-route="artist"] .r165StarCanvas{
  position:absolute!important;
  z-index:2!important;
  inset:0!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  pointer-events:none!important;
  opacity:.90!important;
}
body[data-route="artist"] .r165CosmicBackdrop>i,
body[data-route="artist"] .r165CosmicBackdrop>b{
  position:absolute!important;
  display:block!important;
  inset:0!important;
  pointer-events:none!important;
}
body[data-route="artist"] .r165CosmicBackdrop>i{
  z-index:1!important;
  background:
    repeating-linear-gradient(90deg,transparent 0 119px,rgba(89,167,228,.022) 120px,transparent 121px),
    repeating-linear-gradient(0deg,transparent 0 149px,rgba(124,89,206,.018) 150px,transparent 151px)!important;
  -webkit-mask-image:radial-gradient(ellipse at 50% 43%,#000,transparent 84%)!important;
  mask-image:radial-gradient(ellipse at 50% 43%,#000,transparent 84%)!important;
  opacity:.58!important;
}
body[data-route="artist"] .r165CosmicBackdrop>b{
  z-index:3!important;
  background:
    linear-gradient(90deg,rgba(10,5,31,.24),transparent 13%,transparent 87%,rgba(4,20,36,.22)),
    radial-gradient(ellipse at 51% 0%,rgba(64,159,232,.075),transparent 22%)!important;
}
body[data-route="artist"] .r165Twinkle{
  position:absolute!important;
  z-index:4!important;
  width:2px!important;
  height:2px!important;
  border-radius:50%!important;
  background:rgba(218,244,255,.88)!important;
  box-shadow:0 0 7px rgba(105,216,255,.68)!important;
  animation:r165Twinkle var(--r165-duration,6s) ease-in-out infinite!important;
  animation-delay:var(--r165-delay,0s)!important;
}

@media (min-width:761px){
  body[data-route="artist"] .artistHero{
    z-index:4!important;
  }

  /* R163 remains the event surface for the split beam, meteors and comets.
     Its old tiled sky is removed because the R165 field now owns the backdrop. */
  body[data-route="artist"] .r163CosmosLayer{
    z-index:1!important;
    background:transparent!important;
  }
  body[data-route="artist"] .r163CosmosLayer>i,
  body[data-route="artist"] .r163CosmosLayer>b{
    display:none!important;
    background:none!important;
    opacity:0!important;
  }

  body[data-route="artist"] .artistStoryR75{
    background:
      radial-gradient(880px 420px at 10% 22%,rgba(39,131,197,.055),transparent 72%),
      radial-gradient(900px 430px at 91% 70%,rgba(133,56,188,.064),transparent 73%),
      linear-gradient(180deg,rgba(1,6,15,.42),rgba(2,8,18,.50) 52%,rgba(1,5,13,.43))!important;
  }

  /* Every archive bay occupies exactly one grid track. This explicitly defeats
     a legacy auto-margin that was pushing TRAVEL down and to the right. */
  body[data-route="artist"] .artistStoryRailR75{
    align-items:stretch!important;
    column-gap:19px!important;
    row-gap:19px!important;
  }
  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:382px!important;
    margin:0!important;
    align-self:stretch!important;
    justify-self:stretch!important;
    transform:none!important;
    text-align:left!important;
  }
  body[data-route="artist"] .artistStoryModuleR76[data-r76-step] p{
    max-width:none!important;
    margin-left:0!important;
    font-size:clamp(13.3px,.77vw,14.7px)!important;
    font-weight:420!important;
    line-height:1.66!important;
  }

  /* The approved top chamber is echoed through geometry, light and material,
     not by pasting its bitmap into every lower panel. */
  body[data-route="artist"] .artistStoryCardR75,
  body[data-route="artist"] .artistStoryIntroR76,
  body[data-route="artist"] .artistStoryModuleR76{
    border-color:rgba(88,192,244,.42)!important;
    background:
      radial-gradient(420px 230px at 8% 0%,rgba(38,129,193,.15),transparent 76%),
      radial-gradient(390px 220px at 98% 100%,rgba(111,51,184,.13),transparent 76%),
      linear-gradient(137deg,rgba(4,15,29,.92),rgba(3,9,20,.935) 57%,rgba(10,7,25,.92))!important;
    box-shadow:
      inset 0 0 0 1px rgba(152,221,255,.035),
      inset 0 0 38px rgba(37,125,199,.07),
      0 0 22px rgba(35,91,159,.10),
      0 18px 42px rgba(0,0,0,.24)!important;
  }
  body[data-route="artist"] .artistStoryCardR75::before{
    background:
      linear-gradient(90deg,rgba(102,239,255,.80),rgba(90,135,255,.30) 43%,transparent 80%) 30px 10px/calc(100% - 70px) 1px no-repeat,
      linear-gradient(90deg,transparent,rgba(195,99,255,.62)) 32px calc(100% - 11px)/calc(100% - 65px) 1px no-repeat,
      repeating-linear-gradient(0deg,transparent 0 47px,rgba(91,177,233,.027) 48px,transparent 49px)!important;
  }
  body[data-route="artist"] .r164Hull::before{
    inset:7px!important;
    border:1px solid rgba(94,197,247,.18)!important;
    background:
      linear-gradient(90deg,rgba(91,233,255,.74),rgba(82,130,255,.20),transparent) top left/34% 2px no-repeat,
      linear-gradient(270deg,rgba(195,91,255,.55),rgba(103,121,255,.16),transparent) bottom right/34% 2px no-repeat,
      linear-gradient(180deg,rgba(84,218,255,.32),transparent 28%) top left/1px 48% no-repeat,
      linear-gradient(0deg,rgba(192,99,255,.33),transparent 28%) bottom right/1px 48% no-repeat,
      repeating-linear-gradient(90deg,transparent 0 19px,rgba(96,197,245,.035) 20px,transparent 21px)!important;
    -webkit-mask-image:none!important;
    mask-image:none!important;
    mix-blend-mode:normal!important;
    opacity:.82!important;
    box-shadow:inset 0 0 22px rgba(55,133,202,.045)!important;
  }
  body[data-route="artist"] .r164Hull::after{
    top:14px!important;
    opacity:.72!important;
  }

  body[data-route="artist"] .artistStoryIntroR76{
    min-height:278px!important;
    padding:38px clamp(260px,18vw,330px) 43px 50px!important;
  }
  body[data-route="artist"] .artistStoryIntroR76 p,
  body[data-route="artist"] .artistStoryIntroR76 p:first-of-type{
    max-width:none!important;
    font-size:clamp(13.7px,.85vw,16px)!important;
    line-height:1.68!important;
  }
  body[data-route="artist"] .r162IdentityEmblem{
    right:clamp(48px,5.8vw,104px)!important;
    width:clamp(154px,10.8vw,188px)!important;
    height:clamp(154px,10.8vw,188px)!important;
  }

  body[data-route="artist"] .r77Motto{
    background:
      radial-gradient(270px 150px at 8% 49%,rgba(247,136,50,.13),transparent 73%),
      radial-gradient(300px 165px at 92% 50%,rgba(144,77,225,.17),transparent 73%),
      linear-gradient(97deg,rgba(6,13,22,.88),rgba(3,8,18,.91) 48%,rgba(11,8,25,.88))!important;
  }
  body[data-route="artist"] .r77EnergyStream{
    -webkit-mask-image:linear-gradient(90deg,#000 0 21%,transparent 29%,transparent 71%,#000 79% 100%)!important;
    mask-image:linear-gradient(90deg,#000 0 21%,transparent 29%,transparent 71%,#000 79% 100%)!important;
  }
  body[data-route="artist"] .r77MottoCopy{
    position:relative!important;
    z-index:5!important;
    padding:17px 72px!important;
    background:radial-gradient(ellipse at center,rgba(2,7,16,.96),rgba(2,7,16,.73) 58%,transparent 79%)!important;
  }

  body[data-route="artist"] .artistIntelligenceR49{
    border-color:rgba(89,206,252,.45)!important;
    background:
      radial-gradient(470px 250px at 4% 0%,rgba(42,145,209,.14),transparent 74%),
      radial-gradient(500px 245px at 100% 100%,rgba(133,64,203,.12),transparent 76%),
      linear-gradient(147deg,rgba(5,17,32,.91),rgba(3,10,21,.93) 58%,rgba(8,8,24,.91))!important;
  }
  body[data-route="artist"] .artistStats .statCard,
  body[data-route="artist"] .artistStats .statCard:hover,
  body[data-route="artist"] .artistWorkboard .card,
  body[data-route="artist"] .artistWorkboard .card:hover{
    clip-path:polygon(12px 0,calc(100% - 15px) 0,100% 15px,100% calc(100% - 11px),calc(100% - 11px) 100%,15px 100%,0 calc(100% - 15px),0 12px)!important;
  }
  body[data-route="artist"] .artistStats .statCard,
  body[data-route="artist"] .artistStats .statCard:hover{
    background:
      radial-gradient(155px 116px at 16% 0%,rgba(52,162,215,.15),transparent 75%),
      linear-gradient(159deg,rgba(7,20,35,.96),rgba(4,10,20,.97) 75%)!important;
  }
  body[data-route="artist"] .artistWorkboard .card,
  body[data-route="artist"] .artistWorkboard .card:hover{
    background:linear-gradient(155deg,rgba(8,20,35,.965),rgba(4,10,20,.976) 76%)!important;
  }
  body[data-route="artist"] .artistWorkboard .cardTitle{
    font-size:clamp(10px,.66vw,12px)!important;
  }
  body[data-route="artist"] .artistWorkboard .cardSub{
    font-size:clamp(7.5px,.46vw,8.7px)!important;
  }
  body[data-route="artist"] .r53SystemBar{
    background:
      radial-gradient(390px 130px at 0% 50%,rgba(49,152,215,.11),transparent 76%),
      radial-gradient(390px 130px at 100% 50%,rgba(130,75,220,.11),transparent 75%),
      linear-gradient(95deg,rgba(6,17,30,.91),rgba(4,10,21,.94) 55%,rgba(9,9,25,.92))!important;
  }
  body[data-route="artist"] .r77LegalRail{
    position:relative!important;
    z-index:55!important;
    background:rgba(2,7,15,.72)!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:354px!important;
  }
  body[data-route="artist"] .artistStoryModuleR76[data-r76-step="03"]{
    min-height:275px!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:295px!important;
  }
  body[data-route="artist"] .artistStoryIntroR76{
    padding:32px 195px 38px 31px!important;
  }
}

@media (max-width:760px){
  body[data-route="artist"] .r165CosmicBackdrop{
    display:block!important;
  }
  body[data-route="artist"] .artistHero{
    position:relative!important;
    z-index:2!important;
  }
  body[data-route="artist"] .artistStoryR75,
  body[data-route="artist"] .artistIntelligenceR49,
  body[data-route="artist"] .r53SystemBar,
  body[data-route="artist"] .r77LegalRail{
    position:relative!important;
    z-index:2!important;
  }
}

@keyframes r165Twinkle{0%,100%{opacity:.16;transform:scale(.62)}46%{opacity:.90;transform:scale(1.22)}}
@media (prefers-reduced-motion:reduce){
  body[data-route="artist"] .r165Twinkle{animation:none!important}
}
