/* ADIMASTER RELEASE 149 · EXACT R148 SKIN
   Desktop Artist hero only.
   The accepted R148 visual master is used pixel-for-pixel as the HUD skin.
   Its Earth is cut out; the existing NASA/WebGL Earth remains live beneath it.
   Mobile and all lower Artist sections remain untouched.
*/
@media (min-width:761px){
  body[data-route="artist"] .view.active[data-view="artist"]{
    --r149-hero-h:51.754386vw; /* 531 / 1026 */
    padding-top:var(--r149-hero-h)!important;
    background:#02050c!important;
  }

  body[data-route="artist"] .artistHero{
    height:var(--r149-hero-h)!important;
    background:#02050c url("../../r149-exact-skin-full.png") center top/100% 100% no-repeat!important;
    overflow:hidden!important;
    isolation:isolate!important;
  }

  /* The exact skin is a real foreground layer, not a reconstructed set of CSS cards. */
  body[data-route="artist"] #artistHero::before,
  body[data-route="artist"] #artistHero::after{
    content:none!important;
    display:none!important;
  }

  /* Retire every previous desktop HUD/panel implementation. */
  body[data-route="artist"] .r73LeftLive,
  body[data-route="artist"] .r77LogoSystem,
  body[data-route="artist"] .r53Telemetry,
  body[data-route="artist"] .r73Connection,
  body[data-route="artist"] .r61LeftHitLayer,
  body[data-route="artist"] .artistCopyLegacy{
    display:none!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }

  /* LIVE NASA EARTH — derived directly from the accepted 1026×531 master.
     Master Earth center: x=544px (53.0214%), y=258px (48.5876%).
     Existing renderer local center: 44.6% / 39.2%.
     stage width 55%, height 90% => left/top below place that local center exactly on the master. */
  body[data-route="artist"] .artistStage{
    position:absolute!important;
    z-index:34!important;
    left:28.4914%!important;
    top:13.3076%!important;
    width:55%!important;
    height:90%!important;
    margin:0!important;
    padding:0!important;
    min-height:0!important;
    overflow:visible!important;
    isolation:isolate!important;
    transform:none!important;
    filter:none!important;
    background:transparent!important;
    pointer-events:auto!important;
  }
  body[data-route="artist"] #adiCoreFallback16,
  body[data-route="artist"] .adiCoreFallback16{
    display:none!important;
  }
  body[data-route="artist"] #adiCoreCanvas16,
  body[data-route="artist"] .adiCoreCanvas16{
    display:block!important;
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    opacity:1!important;
    background:transparent!important;
    transform:none!important;
    transform-origin:center!important;
    clip-path:circle(28.55% at 44.6% 39.2%)!important;
    -webkit-clip-path:circle(28.55% at 44.6% 39.2%)!important;
    cursor:grab!important;
    touch-action:none!important;
    pointer-events:auto!important;
  }
  body[data-route="artist"] #adiCoreCanvas16.is-dragging{cursor:grabbing!important}

  body[data-route="artist"] .r149SkinShell{
    position:absolute!important;
    z-index:36!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    object-fit:fill!important;
    display:block!important;
    pointer-events:none!important;
    user-select:none!important;
  }

  body[data-route="artist"] .r149SkinLive{
    position:absolute!important;
    z-index:44!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    pointer-events:none!important;
  }

  /* Exact hit zones translated from the approved 1026×531 R148 scene. */
  body[data-route="artist"] .r149Hit{
    position:absolute!important;
    display:block!important;
    appearance:none!important;
    -webkit-appearance:none!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    outline:0!important;
    background:transparent!important;
    color:transparent!important;
    box-shadow:none!important;
    cursor:pointer!important;
    pointer-events:auto!important;
    overflow:hidden!important;
    transform:none!important;
  }
  body[data-route="artist"] .r149Hit::before,
  body[data-route="artist"] .r149Hit::after{content:""!important;position:absolute!important;inset:0!important;pointer-events:none!important;transition:opacity .18s ease,box-shadow .18s ease!important;opacity:0!important}
  body[data-route="artist"] .r149Hit::after{
    background:radial-gradient(ellipse at 48% 50%,rgba(79,235,255,.055),transparent 70%)!important;
    box-shadow:inset 0 0 22px rgba(82,235,255,.11),0 0 12px rgba(112,83,255,.08)!important;
  }
  body[data-route="artist"] .r149Hit:hover::after,
  body[data-route="artist"] .r149Hit:focus-visible::after,
  body[data-route="artist"] .r149Hit.artistAmbient::after,
  body[data-route="artist"] .r149Hit.is-activating::after{opacity:1!important}

  body[data-route="artist"] .r149L1{left:8.8694%!important;top:30.8851%!important;width:23.0019%!important;height:17.1375%!important;clip-path:polygon(0 7%,91% 0,100% 18%,99% 84%,91% 100%,0 93%)!important}
  body[data-route="artist"] .r149L2{left:8.8694%!important;top:48.9642%!important;width:23.0994%!important;height:18.0791%!important;clip-path:polygon(0 5%,91% 0,100% 17%,99% 84%,91% 100%,0 95%)!important}
  body[data-route="artist"] .r149L3{left:10.0390%!important;top:67.4199%!important;width:24.1715%!important;height:19.5857%!important;clip-path:polygon(0 9%,89% 0,100% 17%,98% 84%,88% 100%,0 91%)!important}
  body[data-route="artist"] .r149RT{left:71.9298%!important;top:9.4162%!important;width:23.2943%!important;height:26.7420%!important;clip-path:polygon(10% 7%,89% 0,100% 12%,98% 88%,88% 100%,4% 94%,0 22%)!important}
  body[data-route="artist"] .r149RM{left:72.8070%!important;top:35.7815%!important;width:23.1969%!important;height:25.8004%!important;clip-path:polygon(8% 3%,91% 0,100% 13%,99% 87%,91% 100%,2% 94%,0 16%)!important}
  body[data-route="artist"] .r149RB{left:69.7856%!important;top:63.0885%!important;width:26.0234%!important;height:25.9887%!important;clip-path:polygon(11% 2%,91% 0,100% 14%,98% 88%,88% 100%,2% 91%,0 18%)!important}

  /* Very quiet live telemetry overlays: the accepted skin remains visually dominant. */
  body[data-route="artist"] .r149Ping{
    position:absolute!important;
    width:.585%!important;
    aspect-ratio:1!important;
    border-radius:50%!important;
    background:#8dff9a!important;
    box-shadow:0 0 9px #8dff9a!important;
    animation:r149Pulse 1.9s ease-in-out infinite!important;
    pointer-events:none!important;
  }
  body[data-route="artist"] .r149P1{left:77.6803%!important;top:20.5273%!important}
  body[data-route="artist"] .r149P2{left:88.8889%!important;top:19.2090%!important;animation-delay:-.8s!important}

  body[data-route="artist"] .r149Node{
    position:absolute!important;
    width:1.17%!important;
    aspect-ratio:1!important;
    border-radius:50%!important;
    background:radial-gradient(circle,#fff 0 12%,#74f4ff 22% 38%,rgba(109,83,255,0) 72%)!important;
    filter:drop-shadow(0 0 6px #62ecff)!important;
    animation:r149Pulse 2.4s ease-in-out infinite!important;
    pointer-events:none!important;
  }
  body[data-route="artist"] .r149N1{left:32.3587%!important;top:26.9303%!important}
  body[data-route="artist"] .r149N2{left:34.1131%!important;top:73.2580%!important;animation-delay:-.9s!important}
  body[data-route="artist"] .r149N3{left:69.0058%!important;top:50.8475%!important;animation-delay:-.45s!important}

  body[data-route="artist"] .r149Eq{
    position:absolute!important;
    left:76.5107%!important;
    top:44.6328%!important;
    width:16.6667%!important;
    height:9.4162%!important;
    display:flex!important;
    align-items:flex-end!important;
    gap:.20%!important;
    opacity:.33!important;
    mix-blend-mode:screen!important;
    pointer-events:none!important;
  }
  body[data-route="artist"] .r149Eq i{
    flex:1 1 0!important;
    min-width:1px!important;
    height:var(--h)!important;
    background:linear-gradient(#67f7ff,#9c5fff 63%,#ef5bdd)!important;
    transform-origin:50% 100%!important;
    animation:r149Eq calc(.72s + var(--d)) ease-in-out infinite alternate!important;
  }

  @keyframes r149Pulse{0%,100%{transform:scale(.65);opacity:.5}50%{transform:scale(1.3);opacity:1}}
  @keyframes r149Eq{from{transform:scaleY(.65)}to{transform:scaleY(1.07)}}

  @media (prefers-reduced-motion:reduce){
    body[data-route="artist"] .r149Ping,
    body[data-route="artist"] .r149Node,
    body[data-route="artist"] .r149Eq i{animation:none!important}
  }
}

/* R149 is desktop-only by design; mobile remains the known-good R106 system. */
@media (max-width:760px){
  .r149SkinShell,.r149SkinLive{display:none!important}
}
