/* ADIMASTER RELEASE 103 · CENTERED NASA CLEAN MASTER
   BASE: RELEASE 101.
   PURPOSE:
   - replace the baked R94 side-panel wallpaper with a clean panel-free master
   - keep the existing live NASA/WebGL Earth exactly the same size
   - move that live Earth to the exact horizontal center
   - keep the center light axis at 50%
   - remove the old connection plaque completely
   - modestly reduce/reposition the transplanted side panels to clear the centered globe
   MOBILE: untouched.
*/

@media (min-width:761px){

  /* New clean wallpaper: no baked left/right panels, no baked status plaque, no baked Earth. */
  body[data-route="artist"] #artistHero::before{
    background:url("../../artist-hero-master-r103-clean.png") center top/100% 100% no-repeat!important;
  }

  /* LIVE NASA EARTH
     R94 accepted globe diameter is preserved:
     stage = 55% of 1448 x 88.38% of 720
     renderer sphere radius ~= 32.1% of min(stage) = 204.26px
     visible diameter ~= 408.53px on the 1448px design canvas.
     Only X changes: globe center moves from x=975 to x=724 (exact 50%). */
  body[data-route="artist"] .artistStage{
    left:25.470000%!important;
    top:4.940000%!important;
    width:55%!important;
    height:88.38%!important;
    transform:none!important;
    filter:drop-shadow(0 0 18px rgba(56,191,255,.16))!important;
  }

  body[data-route="artist"] #adiCoreCanvas16,
  body[data-route="artist"] .adiCoreCanvas16{
    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;
  }

  /* The old small center table is gone. The message can be reintroduced later elsewhere. */
  body[data-route="artist"] .r73Connection{
    display:none!important;
  }

  /* Left panel: narrower so it does not collide with the centered ~408px globe. */
  body[data-route="artist"] .r73LeftLive{
    left:1.25%!important;
    top:2.7%!important;
    width:34.20%!important;
    height:94.2%!important;
    grid-template-columns:39% 61%!important;
  }

  body[data-route="artist"] .r77LogoSystem{
    left:2.80%!important;
    top:6.2%!important;
    width:14.3%!important;
    height:27.0%!important;
  }

  body[data-route="artist"] .r97BrandTitle{
    padding-left:8px!important;
  }
  body[data-route="artist"] .r97BrandTitle span{
    font-size:clamp(34px,2.75vw,54px)!important;
  }
  body[data-route="artist"] .r97BrandTitle strong{
    font-size:clamp(38px,3.05vw,60px)!important;
  }

  body[data-route="artist"] .r73Section{
    grid-template-columns:25% 75%!important;
  }
  body[data-route="artist"] .r73Section strong{
    font-size:clamp(10px,.73vw,14px)!important;
  }
  body[data-route="artist"] .r73Section p{
    font-size:clamp(7.4px,.51vw,9.8px)!important;
  }

  /* Right telemetry: a little smaller and farther outward.
     It remains independent from the wallpaper and from the live Earth. */
  body[data-route="artist"] .r53Global{
    left:81.2%!important;
    top:8.2%!important;
    width:16.7%!important;
    height:24.4%!important;
  }
  body[data-route="artist"] .r53Sound{
    left:81.2%!important;
    top:34.2%!important;
    width:16.7%!important;
    height:21.5%!important;
  }
  body[data-route="artist"] .r53Energy{
    left:81.2%!important;
    top:57.2%!important;
    width:16.7%!important;
    height:22.9%!important;
  }

  /* Panels can now be slightly translucent because the new master has no baked panels. */
  body[data-route="artist"] .r73LeftLive,
  body[data-route="artist"] .r53TelemetryPanel{
    background:
      radial-gradient(78% 55% at 20% 22%,rgba(52,172,255,.055),transparent 72%),
      linear-gradient(145deg,rgba(2,10,24,.91),rgba(3,8,20,.89) 70%,rgba(11,6,28,.90))!important;
    backdrop-filter:blur(2px)!important;
    -webkit-backdrop-filter:blur(2px)!important;
  }
}

/* Tablet/mobile remains exactly as before. */
@media (max-width:760px){
}
