/* ADIMASTER RELEASE 63 · RIGHT PANELS LIVE CONTENT LOCK
   RULE: the approved master wallpaper remains the exact visual frame.
   We do NOT redraw the right-side panel chrome. We only mask the baked-in
   English labels where needed and place live/localized content INSIDE the
   existing wallpaper panels. Globe/core/left master artwork are untouched. */

@media (min-width:761px){
  body[data-route="artist"] .r53Telemetry{
    display:grid!important;
    position:absolute!important;
    z-index:46!important;
    left:79.42%!important;
    top:5.34%!important;
    width:17.75%!important;
    height:47.70%!important;
    grid-template-rows:1.08fr .97fr .99fr!important;
    gap:.92vw!important;
    margin:0!important;
    padding:0!important;
    pointer-events:none!important;
    perspective:none!important;
  }

  /* Keep the EXACT frame from the wallpaper. The live DOM itself is frameless. */
  body[data-route="artist"] .r53TelemetryPanel,
  body[data-route="artist"] .r53TelemetryPanel:hover{
    position:relative!important;
    min-height:0!important;
    overflow:visible!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    transform:none!important;
    transition:none!important;
    filter:none!important;
    pointer-events:none!important;
  }
  body[data-route="artist"] .r53TelemetryPanel::before,
  body[data-route="artist"] .r53TelemetryPanel::after{
    content:none!important;
    display:none!important;
  }

  /* Localized title = a surgical mask over the baked English title only.
     The cyan dot and all wallpaper frame pixels remain visible. */
  body[data-route="artist"] .r53TelemetryTitle{
    position:absolute!important;
    z-index:8!important;
    left:13px!important;
    top:9px!important;
    right:auto!important;
    width:auto!important;
    min-width:0!important;
    display:flex!important;
    align-items:center!important;
    gap:7px!important;
    padding:3px 7px 3px 0!important;
    margin:0!important;
    color:#63f6ff!important;
    font-size:clamp(7px,.55vw,10px)!important;
    line-height:1!important;
    font-weight:900!important;
    letter-spacing:.09em!important;
    text-transform:uppercase!important;
    white-space:nowrap!important;
    background:linear-gradient(90deg,rgba(2,10,22,.99) 0%,rgba(2,10,22,.97) 82%,rgba(2,10,22,0) 100%)!important;
    text-shadow:0 0 8px rgba(83,238,255,.20)!important;
    box-shadow:0 0 10px 5px rgba(2,10,22,.94)!important;
    pointer-events:none!important;
  }
  body[data-route="artist"] .r53TelemetryTitle i{
    width:6px!important;height:6px!important;flex:0 0 6px!important;
    border-radius:50%!important;
    background:#73fff5!important;
    box-shadow:0 0 10px #60f7ff!important;
  }

  /* GLOBAL ACTIVITY: keep the master map exactly. Add only live pulse nodes/routes. */
  body[data-route="artist"] .r53Global .r53TelemetryBody{
    position:absolute!important;
    z-index:4!important;
    inset:33px 10px 17px!important;
    overflow:hidden!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    opacity:1!important;
    animation:none!important;
    pointer-events:none!important;
  }
  body[data-route="artist"] .r53Global .r53TelemetryBody::before{
    content:""!important;
    position:absolute!important;
    inset:5% 4%!important;
    display:block!important;
    background:
      radial-gradient(circle at 15% 28%,rgba(94,247,255,.95) 0 1px,rgba(94,247,255,.28) 2px,transparent 4px),
      radial-gradient(circle at 34% 61%,rgba(154,101,255,.9) 0 1px,rgba(154,101,255,.24) 2px,transparent 4px),
      radial-gradient(circle at 54% 42%,rgba(91,239,255,.95) 0 1px,rgba(91,239,255,.26) 2px,transparent 4px),
      radial-gradient(circle at 74% 66%,rgba(151,92,255,.9) 0 1px,rgba(151,92,255,.22) 2px,transparent 4px),
      radial-gradient(circle at 89% 31%,rgba(240,91,221,.95) 0 1px,rgba(240,91,221,.26) 2px,transparent 4px)!important;
    filter:drop-shadow(0 0 6px rgba(92,233,255,.25))!important;
    animation:r63GlobalPulse 3.8s ease-in-out infinite!important;
    opacity:.72!important;
  }
  body[data-route="artist"] .r53Global .r53TelemetryBody::after{
    content:""!important;
    position:absolute!important;
    inset:10% 7%!important;
    display:block!important;
    background:
      linear-gradient(18deg,transparent 0 29%,rgba(80,226,255,.0) 30%,rgba(80,226,255,.28) 31%,transparent 32% 100%),
      linear-gradient(154deg,transparent 0 43%,rgba(148,91,255,.0) 44%,rgba(148,91,255,.25) 45%,transparent 46% 100%)!important;
    opacity:.32!important;
    animation:r63RouteGlow 5.2s ease-in-out infinite!important;
  }

  /* SOUND FREQUENCIES: preserve the exact static reference spectrum underneath.
     Live bars appear as a low-opacity signal overlay; stronger only while audio plays. */
  body[data-route="artist"] .r53Sound .r53TelemetryBody{
    position:absolute!important;
    z-index:5!important;
    left:7.5%!important;
    right:7.5%!important;
    top:27%!important;
    bottom:22%!important;
    display:flex!important;
    align-items:flex-end!important;
    justify-content:space-between!important;
    gap:1.1%!important;
    overflow:hidden!important;
    border:0!important;
    background:transparent!important;
    opacity:.20!important;
    pointer-events:none!important;
    transition:opacity .25s ease!important;
  }
  body.audioPlaying[data-route="artist"] .r53Sound .r53TelemetryBody{opacity:.72!important}
  body[data-route="artist"] .r53Sound .r53TelemetryBody i{
    display:block!important;
    flex:1 1 0!important;
    min-width:2px!important;
    max-width:5px!important;
    border-radius:1px 1px 0 0!important;
    transform-origin:center bottom!important;
    background:linear-gradient(180deg,#77fff8 0%,#42c5ff 52%,#f05add 100%)!important;
    box-shadow:0 0 7px rgba(78,230,255,.18)!important;
    animation:r63SignalIdle 3.2s ease-in-out infinite!important;
    animation-delay:calc(var(--r63-index,0) * -93ms)!important;
  }
  body.audioPlaying[data-route="artist"] .r53Sound .r53TelemetryBody i{
    animation-name:r63SignalLive!important;
    animation-duration:1.05s!important;
  }
  body[data-route="artist"] .r63SoundMeta{
    position:absolute!important;
    z-index:7!important;
    left:9%!important;right:9%!important;bottom:7.5%!important;
    display:flex!important;justify-content:space-between!important;align-items:center!important;
    color:#70889f!important;
    font-size:clamp(5px,.35vw,7px)!important;
    font-weight:700!important;
    letter-spacing:.08em!important;
    text-transform:uppercase!important;
    pointer-events:none!important;
  }
  body[data-route="artist"] .r63SoundMeta span:nth-child(2){color:#7ea3ba!important}

  /* ENERGY FIELD: keep wallpaper rings/bars; add only a subtle live energy phase. */
  body[data-route="artist"] .r53Energy .r53TelemetryBody{
    position:absolute!important;
    z-index:5!important;
    inset:29% 7% 20%!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    border:0!important;
    background:transparent!important;
    overflow:visible!important;
    opacity:.54!important;
    pointer-events:none!important;
  }
  body[data-route="artist"] .r53EnergyOrb{
    display:block!important;
    position:relative!important;
    width:29%!important;
    aspect-ratio:1!important;
    border:1px solid rgba(98,237,255,.24)!important;
    border-radius:50%!important;
    background:
      radial-gradient(circle at center,transparent 0 19%,rgba(117,84,255,.18) 20% 21%,transparent 22% 39%,rgba(84,225,255,.15) 40% 41%,transparent 42%)!important;
    box-shadow:0 0 12px rgba(77,222,255,.06)!important;
    animation:r63EnergyPhase 8s linear infinite!important;
  }
  body[data-route="artist"] .r53EnergyOrb:nth-child(2){animation-direction:reverse!important;animation-duration:10.5s!important}
  body[data-route="artist"] .r53EnergyBars{
    width:20%!important;height:72%!important;
    display:flex!important;align-items:flex-end!important;justify-content:flex-end!important;gap:4px!important;
  }
  body[data-route="artist"] .r53EnergyBars i{
    flex:1!important;max-width:6px!important;
    background:linear-gradient(180deg,#72fff6,#43b9ff 55%,#b45cff)!important;
    opacity:.44!important;
    box-shadow:0 0 8px rgba(77,232,255,.12)!important;
  }
  body.audioPlaying[data-route="artist"] .r53EnergyBars i{opacity:.78!important}
  body[data-route="artist"] .r53EnergyMeta{
    position:absolute!important;
    z-index:8!important;
    left:11px!important;right:11px!important;bottom:8px!important;
    display:flex!important;align-items:center!important;justify-content:space-between!important;
    color:#5befff!important;
    font-size:clamp(5px,.36vw,7px)!important;
    line-height:1!important;
    font-weight:800!important;
    letter-spacing:.06em!important;
    text-transform:uppercase!important;
    pointer-events:none!important;
  }
  body[data-route="artist"] .r53EnergyMeta span{
    padding:2px 5px 2px 0!important;
    background:linear-gradient(90deg,rgba(2,10,22,.98),rgba(2,10,22,.86),transparent)!important;
    box-shadow:0 0 8px 4px rgba(2,10,22,.86)!important;
  }
  body[data-route="artist"] .r53EnergyMeta b{
    color:#b8ffff!important;
    text-shadow:0 0 8px rgba(94,242,255,.28)!important;
  }

  /* Do not allow the previous hover-tilt JS to visually move these exact overlays. */
  body[data-route="artist"] .r53TelemetryPanel{
    --r57-rx:0deg!important;
    --r57-ry:0deg!important;
  }

  @keyframes r63GlobalPulse{
    0%,100%{opacity:.44;filter:drop-shadow(0 0 4px rgba(92,233,255,.16))}
    50%{opacity:.82;filter:drop-shadow(0 0 8px rgba(92,233,255,.32))}
  }
  @keyframes r63RouteGlow{0%,100%{opacity:.18}50%{opacity:.42}}
  @keyframes r63SignalIdle{0%,100%{transform:scaleY(.82)}50%{transform:scaleY(1)}}
  @keyframes r63SignalLive{0%,100%{transform:scaleY(.48)}35%{transform:scaleY(1.12)}70%{transform:scaleY(.72)}}
  @keyframes r63EnergyPhase{to{transform:rotate(360deg)}}
}

@media (prefers-reduced-motion:reduce){
  body[data-route="artist"] .r53Global .r53TelemetryBody::before,
  body[data-route="artist"] .r53Global .r53TelemetryBody::after,
  body[data-route="artist"] .r53Sound .r53TelemetryBody i,
  body[data-route="artist"] .r53EnergyOrb{animation:none!important}
}