/* ADIMASTER RELEASE 56 · ARTIST MASTER WALLPAPER FOUNDATION
   Strategy: the approved concept image becomes the visual master, exactly as-is.
   Existing desktop Artist UI is hidden for now. Only the working interactive globe remains live.
   Later releases will selectively fade portions of the master and replace them with live panels.
   Mobile is intentionally untouched. */

@media (min-width:761px){
  body[data-route="artist"] .view.active[data-view="artist"]{
    --r56-master-ratio: .75; /* 1086 / 1448 */
    position:relative!important;
    isolation:isolate!important;
    overflow:hidden!important;
    min-height:75vw!important;
    background:#010611 url("../../artist-master-approved-r56.png") center top / 100% auto no-repeat!important;
  }

  /* Disable the former Artist wallpaper/overlay. The approved master is now the scene. */
  body[data-route="artist"] [data-view="artist"]::before,
  body[data-route="artist"] [data-view="artist"]::after{
    content:none!important;
    display:none!important;
  }

  /* The current DOM becomes a transparent live-overlay layer over the master wallpaper. */
  body[data-route="artist"] .artistHero{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    max-width:none!important;
    height:75vw!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    display:block!important;
    overflow:visible!important;
    pointer-events:none!important;
    background:none!important;
    border:0!important;
    box-shadow:none!important;
  }
  body[data-route="artist"] .artistHero::before,
  body[data-route="artist"] .artistHero::after{content:none!important;display:none!important}

  /* Phase 1: everything is already present in the master image. Hide duplicate live UI. */
  body[data-route="artist"] .artistCopyLegacy,
  body[data-route="artist"] .artistCopyR49,
  body[data-route="artist"] .r53Telemetry,
  body[data-route="artist"] .artistIntelligenceR49,
  body[data-route="artist"] .r53SystemBar{
    display:none!important;
  }

  /* Exact mapping from approved master image (1448 × 1086):
     master globe center = (975, 285), radius ≈ 204.24 px.
     WebGL renderer globe center inside stage = (44.6%, 39.2%), radius = 32.1% of min(stage W,H).
     These values solve the stage box so the LIVE globe lands precisely over the static master globe. */
  body[data-route="artist"] .artistStage{
    position:absolute!important;
    z-index:30!important;
    left:42.804254%!important;
    top:3.276742%!important;
    width:55%!important;
    height:58.587632%!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    isolation:isolate!important;
    background:none!important;
    transform:none!important;
    filter:none!important;
    pointer-events:auto!important;
  }
  body[data-route="artist"] .artistStage::before,
  body[data-route="artist"] .artistStage::after{content:none!important;display:none!important}

  /* The approved wallpaper itself becomes the instant visual fallback.
     No separate fallback image = no black rectangle while WebGL initializes. */
  body[data-route="artist"] #adiCoreFallback16,
  body[data-route="artist"] .adiCoreFallback16{display:none!important}

  /* The old WebGL shader also draws orbit lines. For the master-wallpaper workflow we reveal
     only the interactive sphere/atmosphere and leave the approved static HUD/rings underneath.
     28.35% maps to the renderer's 0.321×stage-height globe radius for this exact stage ratio. */
  body[data-route="artist"] #adiCoreCanvas16,
  body[data-route="artist"] .adiCoreCanvas16{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    transform:none!important;
    transform-origin:center!important;
    background:transparent!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}

  /* Master image is 4:3 by design. At desktop widths the complete concept remains 1:1
     and naturally continues below the first viewport rather than being cropped or stretched. */
  body[data-route="artist"] footer{position:relative;z-index:2}
}

/* R56 is desktop foundation only. Preserve the existing mobile Artist implementation verbatim. */
@media (max-width:760px){
  body[data-route="artist"] .view.active[data-view="artist"]{background:initial}
}