/* ADIMASTER RELEASE 163 · PANEL / COSMOS REFINEMENT
   The globe, renderer stage and portal-ring geometry are intentionally untouched. */

@media (min-width:761px){
  body[data-route="artist"] .view.active[data-view="artist"]{
    --r163-shell-width:var(--r162-shell-width,min(1680px,calc(100% - 76px)));
    background:#01040a!important;
  }

  /* Hero content now scales from the chamber itself, not from the viewport. */
  body[data-route="artist"] .artistHero{
    container-type:inline-size!important;
  }
  body[data-route="artist"] .r159Panel{
    background:linear-gradient(108deg,rgba(1,8,20,.42),rgba(2,12,30,.20) 55%,rgba(15,5,29,.25))!important;
    box-shadow:inset 0 0 0 1px rgba(91,216,255,.085),inset 0 0 1.25cqw rgba(40,147,224,.055)!important;
  }
  body[data-route="artist"] .r159Panel::before{
    left:5.5%!important;
    right:5.5%!important;
    top:7%!important;
    background:linear-gradient(90deg,transparent,rgba(92,238,255,.42),rgba(221,89,255,.25),transparent)!important;
  }

  /* The extra corner brackets were crossing the baked brand frame. */
  body[data-route="artist"] .r161BrandMark::before,
  body[data-route="artist"] .r161BrandMark::after{
    content:none!important;
    display:none!important;
  }
  body[data-route="artist"] .r159Brand{
    grid-template-columns:31.5% 68.5%!important;
    padding:.62cqw .78cqw .56cqw .70cqw!important;
  }
  body[data-route="artist"] .r161BrandMark{
    width:91%!important;
    height:84%!important;
  }
  body[data-route="artist"] .r161BrandMark>i{
    inset:9%!important;
    border-color:rgba(105,214,255,.09)!important;
  }
  body[data-route="artist"] .r161BrandMark .r159BrandLogo{
    width:88%!important;
    height:88%!important;
    filter:drop-shadow(0 0 .58cqw rgba(104,215,255,.29))!important;
  }
  body[data-route="artist"] .r159BrandCopy{
    padding-left:.38cqw!important;
    padding-right:.28cqw!important;
  }
  body[data-route="artist"] .r161BrandEyebrow{
    margin-bottom:.25cqw!important;
    font-size:.43cqw!important;
  }
  body[data-route="artist"] .r159BrandCopy strong{
    font-size:clamp(24px,1.72cqw,31px)!important;
    line-height:.96!important;
  }
  body[data-route="artist"] .r159BrandCopy small{
    margin-top:.39cqw!important;
    font-size:clamp(8px,.51cqw,9.5px)!important;
  }
  body[data-route="artist"] .r159BrandTelemetry{
    margin-top:.40cqw!important;
  }
  body[data-route="artist"] .r159BrandTelemetry i{
    width:.22cqw!important;
    height:.22cqw!important;
  }
  body[data-route="artist"] .r159BrandTelemetry b{
    width:6.7cqw!important;
  }
  body[data-route="artist"] .r161BrandSignature{
    margin-top:.31cqw!important;
    font-size:.39cqw!important;
  }

  /* One internal grid for all three left modules. */
  body[data-route="artist"] button.r159Panel.r159Feature{
    grid-template-columns:30.5% 69.5%!important;
    padding:.58cqw .79cqw .51cqw .66cqw!important;
  }
  body[data-route="artist"] .r159IconRing{
    width:6.35cqw!important;
    height:6.35cqw!important;
    max-width:92%!important;
    max-height:91%!important;
    box-shadow:inset 0 0 1.50cqw rgba(57,207,255,.20),0 0 .67cqw rgba(74,226,255,.21)!important;
  }
  body[data-route="artist"] .r159IconRing svg{
    width:68%!important;
    height:68%!important;
    filter:drop-shadow(0 0 .34cqw rgba(92,232,255,.70))!important;
  }
  body[data-route="artist"] .r159FeatureCopy{
    display:flex!important;
    min-width:0!important;
    height:100%!important;
    padding:.35cqw .46cqw .06cqw .31cqw!important;
    flex-direction:column!important;
    justify-content:center!important;
    overflow:visible!important;
  }
  body[data-route="artist"] .r159FeatureCopy strong{
    margin:0 0 .39cqw!important;
    padding-right:3.05cqw!important;
    font-size:clamp(16px,1.08cqw,20px)!important;
    line-height:1!important;
  }
  body[data-route="artist"] .r159FeatureCopy p{
    max-width:100%!important;
    margin:0!important;
    color:rgba(238,247,253,.95)!important;
    font-size:clamp(10.5px,.68cqw,12px)!important;
    font-weight:535!important;
    line-height:1.36!important;
    overflow-wrap:normal!important;
  }
  body[data-route="artist"] .r159PanelIndex{
    top:.02cqw!important;
    right:.40cqw!important;
    max-width:3.0cqw!important;
    overflow:hidden!important;
    color:rgba(115,230,255,.68)!important;
    font-size:clamp(6.5px,.40cqw,7.5px)!important;
    line-height:1.2!important;
    text-align:right!important;
    text-overflow:clip!important;
    white-space:nowrap!important;
  }
  body[data-route="artist"] .r159LiveRow{
    gap:.31cqw!important;
    margin-top:.38cqw!important;
    font-size:clamp(7px,.43cqw,8px)!important;
  }
  body[data-route="artist"] .r159LiveRow i{
    width:.25cqw!important;
    height:.25cqw!important;
  }
  body[data-route="artist"] .r159LiveRow b{
    width:6.8cqw!important;
    height:.72cqw!important;
  }

  /* Right bays use the same insets and occupy their frames evenly. */
  body[data-route="artist"] .r159Global,
  body[data-route="artist"] .r159Sound,
  body[data-route="artist"] .r159Energy,
  body[data-route="artist"] .r159Status{
    left:73.35%!important;
    width:23.35%!important;
  }
  body[data-route="artist"] .r159Telemetry,
  body[data-route="artist"] .r161CreatorPulse{
    padding:.70cqw .92cqw .49cqw!important;
  }
  body[data-route="artist"] .r159TelemetryTitle{
    margin:0 0 .30cqw!important;
    padding-left:.65cqw!important;
    font-size:clamp(13px,.86cqw,15.5px)!important;
    line-height:1!important;
  }
  body[data-route="artist"] .r159TelemetryTitle::before{
    top:.18cqw!important;
    width:.25cqw!important;
    height:.25cqw!important;
  }
  body[data-route="artist"] .r159MapWrap{
    width:calc(100% - .18cqw)!important;
    margin:0 auto!important;
    border:1px solid rgba(82,189,255,.09)!important;
    background:radial-gradient(ellipse at 50% 48%,rgba(20,31,91,.26),rgba(0,4,12,.06) 76%,transparent)!important;
  }
  body[data-route="artist"] .r159MapWrap img{
    width:100%!important;
    height:100%!important;
    object-fit:fill!important;
    mix-blend-mode:screen!important;
    -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 4%,#000 96%,transparent 100%)!important;
    mask-image:linear-gradient(90deg,transparent 0,#000 4%,#000 96%,transparent 100%)!important;
  }
  body[data-route="artist"] .r159MapPing{
    width:.38cqw!important;
    height:.38cqw!important;
  }
  body[data-route="artist"] .r159EqWrap{
    width:100%!important;
    gap:.12cqw!important;
    padding:.16cqw .17cqw .18cqw!important;
    border-bottom-color:rgba(88,219,255,.26)!important;
  }
  body[data-route="artist"] .r159EqMeta{
    margin-top:.20cqw!important;
    font-size:.41cqw!important;
  }
  body[data-route="artist"] .r159EqMeta b{
    font-size:.39cqw!important;
  }
  body[data-route="artist"] .r159EnergyBody{
    grid-template-columns:minmax(0,1fr) 27%!important;
    gap:.26cqw!important;
    width:100%!important;
  }
  body[data-route="artist"] .r159EnergyBody img{
    width:100%!important;
    height:100%!important;
    object-fit:fill!important;
    object-position:center!important;
    mix-blend-mode:screen!important;
  }
  body[data-route="artist"] .r159EnergyPct{
    align-self:center!important;
    padding:0!important;
  }
  body[data-route="artist"] .r159EnergyPct strong{
    font-size:1.49cqw!important;
  }
  body[data-route="artist"] .r159EnergyPct small{
    margin-top:.27cqw!important;
    font-size:.36cqw!important;
  }
  body[data-route="artist"] .r161PulseHead{
    gap:.28cqw!important;
    margin-bottom:.26cqw!important;
  }
  body[data-route="artist"] .r161PulseHead>strong{
    font-size:.84cqw!important;
  }
  body[data-route="artist"] .r161PulseHead>span{
    font-size:.37cqw!important;
  }
  body[data-route="artist"] .r161PulseBody{
    grid-template-columns:31% 69%!important;
  }
  body[data-route="artist"] .r161PulseCore{
    width:min(4.45cqw,86%)!important;
  }
  body[data-route="artist"] .r161PulseCore>b{
    font-size:.77cqw!important;
  }
  body[data-route="artist"] .r161PulseChannels{
    gap:.40cqw!important;
    padding-left:.35cqw!important;
  }
  body[data-route="artist"] .r161PulseChannel{
    grid-template-columns:38% minmax(0,1fr) 9%!important;
    gap:.25cqw!important;
  }
  body[data-route="artist"] .r161PulseChannel>strong,
  body[data-route="artist"] .r161PulseChannel>b{
    font-size:.40cqw!important;
  }
  body[data-route="artist"] .r161PulseChannel>i{
    height:.23cqw!important;
  }

  html[data-artist-lang="de"] body[data-route="artist"] .r159FeatureCopy p,
  html[data-artist-lang="es"] body[data-route="artist"] .r159FeatureCopy p{
    font-size:clamp(9.5px,.62cqw,11px)!important;
    line-height:1.32!important;
  }
  html[data-artist-lang="de"] body[data-route="artist"] .r159FeatureCopy strong,
  html[data-artist-lang="es"] body[data-route="artist"] .r159FeatureCopy strong{
    font-size:clamp(14px,1.00cqw,18px)!important;
  }

  /* Persistent black star field below the chamber. */
  body[data-route="artist"] .r163CosmosLayer{
    position:absolute!important;
    z-index:1!important;
    left:0!important;
    width:100%!important;
    height:0;
    overflow:hidden!important;
    pointer-events:none!important;
    background-color:#01040a!important;
    background-image:
      radial-gradient(circle at 18px 22px,rgba(221,248,255,.72) 0 1px,transparent 1.3px),
      radial-gradient(circle at 71px 83px,rgba(111,218,255,.56) 0 .8px,transparent 1.2px),
      radial-gradient(circle at 128px 41px,rgba(186,128,255,.47) 0 .7px,transparent 1.1px),
      radial-gradient(ellipse at 18% 18%,rgba(29,104,165,.09),transparent 35%),
      radial-gradient(ellipse at 86% 55%,rgba(116,39,148,.075),transparent 38%)!important;
    background-size:151px 139px,197px 181px,241px 227px,100% 100%,100% 100%!important;
  }
  body[data-route="artist"] .r163CosmosLayer>i,
  body[data-route="artist"] .r163CosmosLayer>b{
    position:absolute!important;
    inset:0!important;
    display:block!important;
    pointer-events:none!important;
    content:""!important;
  }
  body[data-route="artist"] .r163CosmosLayer>i{
    background-image:radial-gradient(circle at 37px 31px,rgba(255,255,255,.55) 0 .6px,transparent 1.1px),radial-gradient(circle at 103px 117px,rgba(92,169,255,.41) 0 .7px,transparent 1.1px)!important;
    background-size:173px 191px,229px 211px!important;
    animation:r163StarDrift 48s linear infinite!important;
    opacity:.70!important;
  }
  body[data-route="artist"] .r163CosmosLayer>b{
    background:radial-gradient(ellipse at 50% 0%,rgba(58,143,222,.10),transparent 31%),linear-gradient(90deg,rgba(0,0,0,.18),transparent 18%,transparent 82%,rgba(0,0,0,.18))!important;
  }
  body[data-route="artist"] .artistStoryR75{
    background:radial-gradient(780px 400px at 12% 20%,rgba(48,181,245,.055),transparent 72%),radial-gradient(850px 410px at 90% 64%,rgba(157,73,226,.062),transparent 72%),linear-gradient(180deg,rgba(1,5,13,.74),rgba(2,8,18,.77) 46%,rgba(2,7,17,.73))!important;
  }
  body[data-route="artist"] .r77WarpCanvas{
    opacity:.20!important;
  }
  body[data-route="artist"] .artistIntelligenceR49,
  body[data-route="artist"] .r53SystemBar{
    background-color:rgba(3,10,20,.88)!important;
  }

  /* The original vertical beam forks at the first archive frame and then stays
     on the two outside frame lines, away from all copy. */
  body[data-route="artist"] .r163BeamNetwork{
    position:absolute!important;
    z-index:58!important;
    left:0!important;
    width:100%!important;
    height:0;
    overflow:visible!important;
    pointer-events:none!important;
  }
  body[data-route="artist"] .r163BeamNetwork path{
    fill:none!important;
    vector-effect:non-scaling-stroke!important;
  }
  body[data-route="artist"] .r163BeamBase{
    stroke:url(#r163BeamGradient)!important;
    stroke-width:1.15!important;
    opacity:.34!important;
    filter:url(#r163BeamGlow)!important;
  }
  body[data-route="artist"] .r163BeamCenter{
    stroke-width:1.55!important;
    opacity:.66!important;
  }
  body[data-route="artist"] .r163BeamFlow{
    stroke:#a8fbff!important;
    stroke-width:1.65!important;
    stroke-dasharray:2 14 48 230!important;
    stroke-linecap:round!important;
    opacity:.86!important;
    filter:url(#r163BeamGlow)!important;
    animation:r163RailFlow 7.2s linear infinite!important;
  }
  body[data-route="artist"] .r163BeamFlowRight{
    animation-delay:-3.6s!important;
  }
  body[data-route="artist"] .r163BeamFork{
    fill:#d7feff!important;
    stroke:#6beeff!important;
    stroke-width:1!important;
    filter:url(#r163BeamGlow)!important;
    animation:r163ForkPulse 2.3s ease-in-out infinite!important;
  }

  body[data-route="artist"] .r163Meteor,
  body[data-route="artist"] .r163Comet{
    position:absolute!important;
    z-index:3!important;
    display:block!important;
    width:clamp(90px,8vw,155px)!important;
    height:1px!important;
    border-radius:50%!important;
    pointer-events:none!important;
    background:linear-gradient(90deg,transparent,rgba(79,185,255,.16),rgba(222,252,255,.94))!important;
    box-shadow:0 0 5px rgba(102,218,255,.52)!important;
    transform-origin:100% 50%!important;
    will-change:transform,opacity!important;
  }
  body[data-route="artist"] .r163Meteor::after,
  body[data-route="artist"] .r163Comet::after{
    content:""!important;
    position:absolute!important;
    right:-2px!important;
    top:50%!important;
    width:4px!important;
    height:4px!important;
    border-radius:50%!important;
    background:#fff!important;
    box-shadow:0 0 8px #b9f9ff,0 0 18px rgba(91,182,255,.72)!important;
    transform:translateY(-50%)!important;
  }
  body[data-route="artist"] .r163Comet{
    width:clamp(180px,17vw,330px)!important;
    height:2px!important;
    background:linear-gradient(90deg,transparent,rgba(105,84,255,.06) 22%,rgba(85,215,255,.34) 72%,rgba(255,255,255,.98))!important;
    box-shadow:0 0 8px rgba(88,220,255,.54),0 0 20px rgba(132,93,255,.22)!important;
  }
  body[data-route="artist"] .r163Comet::after{
    width:7px!important;
    height:7px!important;
    box-shadow:0 0 10px #fff,0 0 24px #6edfff,0 0 42px rgba(169,86,255,.62)!important;
  }

  /* Better text rhythm and less unused card height in the identity deck. */
  body[data-route="artist"] .artistStoryIntroR76{
    min-height:252px!important;
    padding-top:32px!important;
    padding-bottom:34px!important;
  }
  body[data-route="artist"] .artistStoryIntroR76 p{
    max-width:108ch!important;
    line-height:1.65!important;
  }
  body[data-route="artist"] .artistStoryModuleR76{
    min-height:344px!important;
    padding:31px 31px 46px!important;
  }
  body[data-route="artist"] .artistStoryModuleR76 h3{
    margin-bottom:15px!important;
  }
  body[data-route="artist"] .artistStoryModuleR76 p{
    font-size:clamp(13px,.78vw,15px)!important;
    line-height:1.62!important;
  }
  body[data-route="artist"] .artistStoryModuleR76 p:first-of-type{
    margin-bottom:14px!important;
    color:rgba(235,244,251,.94)!important;
  }
  body[data-route="artist"] .artistStoryModuleR76 p:last-of-type{
    margin-bottom:0!important;
    padding-top:12px!important;
    border-top:1px solid rgba(98,211,255,.12)!important;
    color:rgba(192,210,224,.84)!important;
  }

  /* Compact dashboard: media and data fill their surfaces instead of floating
     inside tall empty cards. */
  body[data-route="artist"] .artistIntelligenceR49{
    min-height:306px!important;
    padding:17px 20px 18px!important;
    grid-template-rows:32px 224px!important;
    gap:10px 19px!important;
  }
  body[data-route="artist"] .artistStats .statCard,
  body[data-route="artist"] .artistStats .statCard:hover{
    min-height:224px!important;
    padding:14px 12px 48px!important;
  }
  body[data-route="artist"] .artistStats .statCard::before{
    width:34px!important;
    height:34px!important;
    margin-bottom:13px!important;
  }
  body[data-route="artist"] .r53Sparkline{
    bottom:12px!important;
    height:28%!important;
  }
  body[data-route="artist"] .artistWorkboard .sectionHead{
    min-height:32px!important;
    margin-bottom:8px!important;
  }
  body[data-route="artist"] .artistWorkboard .rail{
    height:224px!important;
    min-height:224px!important;
    flex:0 0 224px!important;
    padding-bottom:7px!important;
  }
  body[data-route="artist"] .artistWorkboard .card,
  body[data-route="artist"] .artistWorkboard .card:hover{
    height:217px!important;
    min-height:217px!important;
  }
  body[data-route="artist"] .artistWorkboard .cover{
    aspect-ratio:16 / 8.7!important;
  }
  body[data-route="artist"] .artistWorkboard .cardBody{
    padding:7px 9px 8px!important;
    gap:3px!important;
  }
  body[data-route="artist"] .artistWorkboard .cardTitle{
    font-size:clamp(9.5px,.65vw,12px)!important;
    line-height:1.22!important;
  }
  body[data-route="artist"] .artistWorkboard .cardSub{
    font-size:clamp(7px,.43vw,8.5px)!important;
    line-height:1.30!important;
  }
  body[data-route="artist"] .artistWorkboard .metaRow{
    margin-top:5px!important;
    padding-top:0!important;
  }

  @keyframes r163StarDrift{to{transform:translate3d(-86px,54px,0)}}
  @keyframes r163RailFlow{to{stroke-dashoffset:-294}}
  @keyframes r163ForkPulse{50%{r:6px;opacity:.62}}
}

@media (min-width:761px) and (max-width:1250px){
  body[data-route="artist"] .artistStoryModuleR76{
    min-height:318px!important;
  }
  body[data-route="artist"] .artistStoryModuleR76[data-r76-step="03"]{
    min-height:250px!important;
  }
  body[data-route="artist"] .artistIntelligenceR49{
    min-height:294px!important;
    grid-template-rows:31px 214px!important;
  }
  body[data-route="artist"] .artistStats .statCard,
  body[data-route="artist"] .artistStats .statCard:hover{
    min-height:214px!important;
  }
  body[data-route="artist"] .artistWorkboard .rail{
    height:214px!important;
    min-height:214px!important;
    flex-basis:214px!important;
  }
  body[data-route="artist"] .artistWorkboard .card,
  body[data-route="artist"] .artistWorkboard .card:hover{
    height:207px!important;
    min-height:207px!important;
  }
}

@media (min-width:761px) and (max-width:970px){
  body[data-route="artist"] .artistIntelligenceR49{
    grid-template-rows:32px 168px 246px!important;
  }
  body[data-route="artist"] .artistStats .statCard,
  body[data-route="artist"] .artistStats .statCard:hover{
    min-height:168px!important;
  }
  body[data-route="artist"] .artistWorkboard .rail{
    height:228px!important;
    min-height:228px!important;
    flex-basis:228px!important;
  }
  body[data-route="artist"] .artistWorkboard .card,
  body[data-route="artist"] .artistWorkboard .card:hover{
    height:220px!important;
    min-height:220px!important;
  }
}

@media (min-width:761px) and (max-width:1100px){
  body[data-route="artist"] .r159FeatureCopy strong{
    margin-bottom:3px!important;
    font-size:14px!important;
  }
  body[data-route="artist"] .r159FeatureCopy p{
    font-size:9px!important;
    line-height:1.28!important;
  }
  body[data-route="artist"] .r159LiveRow{
    margin-top:3px!important;
    font-size:6.5px!important;
  }
  body[data-route="artist"] .r159PanelIndex{
    display:none!important;
  }
  html[data-artist-lang="de"] body[data-route="artist"] .r159FeatureCopy p,
  html[data-artist-lang="es"] body[data-route="artist"] .r159FeatureCopy p{
    font-size:8px!important;
    line-height:1.24!important;
  }
  body[data-route="artist"] .r159TelemetryTitle{
    font-size:11.5px!important;
  }
}

@media (max-width:760px){
  .r163CosmosLayer,
  .r163BeamNetwork{
    display:none!important;
  }
}

@media (prefers-reduced-motion:reduce){
  body[data-route="artist"] .r163CosmosLayer>i,
  body[data-route="artist"] .r163BeamFlow,
  body[data-route="artist"] .r163BeamFork{
    animation:none!important;
  }
  body[data-route="artist"] .r163Meteor,
  body[data-route="artist"] .r163Comet{
    display:none!important;
  }
}