/* ADIMASTER RELEASE 55 · EXACT WALLPAPER AXIS
   Measurement-driven geometry pass only.
   Reference A: approved Artist mockup.
     globe axis x ~= 975px, platform/core axis x ~= 974px (1448px image) -> same vertical axis.
     globe center y ~= 285px, radius ~= 205px, platform energy center y ~= 565px.
     center-to-core distance ~= 1.366 * globe radius.
   Reference B: real 1920px R53 deployment screenshot.
     globe center ~= (1102, 476), radius ~= 236px.
     real wallpaper luminous core ~= (1279, 835).
   Required correction at 1920px: +177px X, +37px Y.
   No panel, table, telemetry, player, route, or WebGL logic changes. */

@media (min-width:761px){
  body[data-route="artist"]{
    /* Scales with desktop width, capped at the measured 1920px reference. */
    --r55-axis-x:clamp(118px,9.21875vw,177px);
    --r55-axis-y:clamp(24px,1.92708vw,37px);
  }

  /* The room wallpaper is the canonical coordinate system. */
  body[data-route="artist"] [data-view="artist"]::before{
    background-position:center center!important;
    background-size:cover!important;
  }

  /* R53's synthetic platform/beam created a second, false axis.
     Remove it so only the original wallpaper core remains visible. */
  body[data-route="artist"] .artistStage::before,
  body[data-route="artist"] .artistStage::after{
    content:none!important;
    display:none!important;
  }

  /* Move the complete transparent WebGL canvas (globe + native effects)
     onto the wallpaper's true luminous core axis. */
  body[data-route="artist"] .adiCoreCanvas16,
  body[data-route="artist"] #adiCoreCanvas16{
    transform:translate3d(var(--r55-axis-x),var(--r55-axis-y),0) scale(1.08)!important;
    transform-origin:50% 48%!important;
  }

  /* Keep the image fallback on exactly the same measured axis. */
  body[data-route="artist"] .adiCoreFallback16,
  body[data-route="artist"] #adiCoreFallback16{
    left:calc(50% + var(--r55-axis-x))!important;
    top:calc(43% + var(--r55-axis-y))!important;
  }
}

@media (min-width:761px) and (max-width:1380px){
  body[data-route="artist"]{
    --r55-axis-x:clamp(104px,9.0vw,124px);
    --r55-axis-y:clamp(22px,1.9vw,29px);
  }
}

@media (max-width:760px){
  /* Mobile intentionally unchanged. */
}