/* ADIMASTER RELEASE 66 · ARTIST COMPOSITE LOCK
   Clean desktop composite based on the approved 1448x1086 master.
   One coordinate system, no accumulated Artist overlay cascade.
   LEFT master artwork = static exact source. LIVE globe = untouched.
   RIGHT telemetry + LOWER deck = exact master-coordinate overlays.
*/

@media (min-width:761px){
  body[data-route="artist"] .view.active[data-view="artist"]{
    --a66-cyan:#61f6ff;
    --a66-blue:#3dafff;
    --a66-violet:#8a5cff;
    --a66-magenta:#ef58d4;
    /* live-ready master differs from approved art ONLY where translated telemetry titles sit */
    background:#010611 url("../../artist-master-live-ready-r66.png") center top / 100% auto no-repeat!important;
  }

  /* Header keeps the already-approved magenta -> cyan blend, but does not touch scene geometry. */
  body[data-route="artist"] header{
    background:
      radial-gradient(620px 100px at 4% 50%,rgba(238,67,203,.16),transparent 68%),
      radial-gradient(680px 110px at 96% 50%,rgba(65,226,255,.10),transparent 70%),
      linear-gradient(90deg,rgba(27,5,29,.91) 0%,rgba(7,9,19,.92) 28%,rgba(4,12,21,.92) 70%,rgba(3,20,27,.91) 100%)!important;
    border-color:rgba(108,228,255,.20)!important;
    box-shadow:-18px 0 54px rgba(238,73,204,.07),18px 0 54px rgba(72,229,255,.06),0 14px 48px rgba(0,0,0,.28),inset 0 0 38px rgba(105,98,255,.025)!important;
    backdrop-filter:blur(22px) saturate(1.35)!important;
  }
  body[data-route="artist"] header::before{
    opacity:.82!important;
    background:linear-gradient(105deg,rgba(246,71,208,.62),rgba(145,72,255,.22) 31%,rgba(57,215,255,.18) 66%,rgba(75,246,237,.48))!important;
  }
  body[data-route="artist"] header .brandWords i{color:#ff63d9!important;text-shadow:0 0 18px rgba(244,78,211,.38)!important}

  /* --------------------------------------------------------------
     RIGHT TELEMETRY — independent boxes, NOT a grid.
     Approved master coordinates:
       global  x 1150..1408 / y 57..233
       sound   x 1150..1408 / y 244..401
       energy  x 1150..1408 / y 413..578
     -------------------------------------------------------------- */
  body[data-route="artist"] .r53Telemetry{
    display:block!important;
    position:absolute!important;
    z-index:46!important;
    inset:0!important;
    width:100%!important;height:100%!important;
    margin:0!important;padding:0!important;
    transform:none!important;perspective:none!important;
    background:transparent!important;border:0!important;box-shadow:none!important;filter:none!important;
    pointer-events:none!important;
  }
  body[data-route="artist"] .r53Telemetry::before,
  body[data-route="artist"] .r53Telemetry::after{content:none!important;display:none!important}

  body[data-route="artist"] .r53TelemetryPanel,
  body[data-route="artist"] .r53TelemetryPanel:hover{
    position:absolute!important;
    margin:0!important;padding:0!important;
    min-height:0!important;
    transform:none!important;clip-path:none!important;
    border:0!important;border-radius:0!important;
    background:transparent!important;box-shadow:none!important;filter:none!important;
    overflow:hidden!important;
    pointer-events:none!important;
  }
  body[data-route="artist"] .r53Global{left:79.4199%!important;top:5.2486%!important;width:17.8177%!important;height:16.2063%!important}
  body[data-route="artist"] .r53Sound{left:79.4199%!important;top:22.4678%!important;width:17.8177%!important;height:14.4567%!important}
  body[data-route="artist"] .r53Energy{left:79.4199%!important;top:38.0295%!important;width:17.8177%!important;height:15.1934%!important}

  /* Live localized title occupies the exact text strip removed from master artwork. */
  body[data-route="artist"] .r53TelemetryTitle{
    position:absolute!important;
    z-index:8!important;
    left:10.45%!important;right:4%!important;
    top:7.2%!important;
    height:auto!important;min-height:0!important;
    margin:0!important;padding:0!important;
    display:flex!important;align-items:center!important;gap:7px!important;
    color:#62f7ff!important;
    font-family:inherit!important;
    font-size:clamp(8px,.68vw,13px)!important;
    line-height:1.15!important;font-weight:900!important;
    letter-spacing:.095em!important;text-transform:uppercase!important;
    white-space:nowrap!important;
    background:transparent!important;border:0!important;box-shadow:none!important;
    text-shadow:0 0 8px rgba(75,236,255,.22)!important;
    opacity:1!important;
  }
  body[data-route="artist"] .r53Sound .r53TelemetryTitle{top:13.8%!important}
  body[data-route="artist"] .r53Energy .r53TelemetryTitle{top:13.3%!important}
  body[data-route="artist"] .r53TelemetryTitle i{
    flex:0 0 auto!important;width:6px!important;height:6px!important;border-radius:50%!important;
    background:#6cfff5!important;box-shadow:0 0 10px rgba(92,251,255,.72)!important;
  }
  body[data-route="artist"] .r53TelemetryTitle::before,
  body[data-route="artist"] .r53TelemetryTitle::after{content:none!important;display:none!important}

  /* GLOBAL: master map stays intact; only faint data pulses are live. */
  body[data-route="artist"] .r53Global .r53TelemetryBody{
    position:absolute!important;z-index:6!important;
    left:8%!important;right:7%!important;top:25%!important;bottom:13%!important;
    border:0!important;background:
      radial-gradient(circle at 12% 30%,rgba(91,244,255,.95) 0 1px,rgba(91,244,255,.25) 2px,transparent 4px),
      radial-gradient(circle at 34% 61%,rgba(142,93,255,.95) 0 1px,rgba(142,93,255,.22) 2px,transparent 4px),
      radial-gradient(circle at 55% 43%,rgba(91,239,255,.95) 0 1px,rgba(91,239,255,.22) 2px,transparent 4px),
      radial-gradient(circle at 74% 65%,rgba(154,91,255,.95) 0 1px,rgba(154,91,255,.22) 2px,transparent 4px),
      radial-gradient(circle at 89% 31%,rgba(240,91,221,.95) 0 1px,rgba(240,91,221,.24) 2px,transparent 4px)!important;
    box-shadow:none!important;filter:drop-shadow(0 0 5px rgba(91,235,255,.16))!important;
    opacity:.58!important;overflow:hidden!important;pointer-events:none!important;
    animation:a66DataPulse 4.4s ease-in-out infinite!important;
  }
  body[data-route="artist"] .r53Global .r53TelemetryBody::before{
    content:""!important;display:block!important;position:absolute!important;inset:0!important;
    background:
      linear-gradient(19deg,transparent 0 30%,rgba(77,222,255,.18) 31%,transparent 32% 100%),
      linear-gradient(154deg,transparent 0 45%,rgba(143,86,255,.17) 46%,transparent 47% 100%)!important;
    opacity:.42!important;
  }
  body[data-route="artist"] .r53Global .r53TelemetryBody::after{content:none!important;display:none!important}

  /* SOUND: exact static spectrum remains visible. Live bars only brighten it when sound runs. */
  body[data-route="artist"] .r53Sound .r53TelemetryBody{
    position:absolute!important;z-index:6!important;
    left:7.7%!important;right:7.1%!important;top:30%!important;bottom:21%!important;
    display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:.9%!important;
    border:0!important;background:transparent!important;box-shadow:none!important;
    overflow:hidden!important;pointer-events:none!important;
    opacity:.08!important;transition:opacity .2s ease!important;
  }
  body.audioPlaying[data-route="artist"] .r53Sound .r53TelemetryBody{opacity:.56!important}
  body[data-route="artist"] .r53Sound .r53TelemetryBody i{
    display:block!important;flex:1 1 0!important;min-width:1px!important;max-width:5px!important;
    border-radius:1px 1px 0 0!important;transform-origin:center bottom!important;
    background:linear-gradient(180deg,#79fff8 0%,#42c7ff 51%,#ef59dc 100%)!important;
    box-shadow:0 0 5px rgba(81,228,255,.14)!important;
    animation:a66Eq 1.1s ease-in-out infinite alternate!important;
  }
  body:not(.audioPlaying)[data-route="artist"] .r53Sound .r53TelemetryBody i{animation-play-state:paused!important}
  body[data-route="artist"] .r66SoundMeta{
    position:absolute!important;z-index:9!important;
    left:50%!important;bottom:8.2%!important;transform:translateX(-50%)!important;
    min-width:76px!important;padding:2px 7px!important;
    color:#8ea6ba!important;background:#01051a!important;
    font-size:clamp(5px,.36vw,7px)!important;font-weight:700!important;letter-spacing:.08em!important;text-align:center!important;text-transform:uppercase!important;
    white-space:nowrap!important;box-shadow:0 0 7px 3px #01051a!important;
    pointer-events:none!important;
  }

  /* ENERGY: master rings/bars stay intact; live phase is deliberately subtle. */
  body[data-route="artist"] .r53Energy .r53TelemetryBody{
    position:absolute!important;z-index:6!important;
    left:7%!important;right:7%!important;top:29%!important;bottom:21%!important;
    display:flex!important;align-items:center!important;justify-content:space-between!important;
    border:0!important;background:transparent!important;box-shadow:none!important;
    opacity:.27!important;overflow:visible!important;pointer-events:none!important;
  }
  body.audioPlaying[data-route="artist"] .r53Energy .r53TelemetryBody{opacity:.48!important}
  body[data-route="artist"] .r53EnergyOrb{
    position:relative!important;display:block!important;width:29%!important;aspect-ratio:1!important;border-radius:50%!important;
    border:1px solid rgba(91,236,255,.20)!important;
    background:radial-gradient(circle,transparent 0 19%,rgba(121,83,255,.17) 20% 21%,transparent 22% 39%,rgba(80,225,255,.14) 40% 41%,transparent 42%)!important;
    box-shadow:none!important;animation:a66Energy 11s linear infinite!important;
  }
  body[data-route="artist"] .r53EnergyOrb:nth-child(2){animation-direction:reverse!important;animation-duration:13s!important}
  body[data-route="artist"] .r53EnergyBars{width:20%!important;height:74%!important;display:flex!important;align-items:flex-end!important;gap:3px!important}
  body[data-route="artist"] .r53EnergyBars i{flex:1!important;max-width:6px!important;background:linear-gradient(180deg,#73fff7,#44bcff 55%,#b35cff)!important;opacity:.35!important;box-shadow:none!important}
  body[data-route="artist"] .r53EnergyMeta{
    position:absolute!important;z-index:9!important;
    left:6.7%!important;right:6.7%!important;bottom:6.5%!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;background:transparent!important;box-shadow:none!important;
  }
  body[data-route="artist"] .r53EnergyMeta span{padding:2px 6px 2px 0!important;background:#010515!important;box-shadow:5px 0 7px 3px #010515!important}
  body[data-route="artist"] .r53EnergyMeta b{display:none!important}

  /* --------------------------------------------------------------
     LOWER DECK — proportions measured from approved master.
     Outer deck x 10..1436 / y ~716..968.
     Vertical division ~x 515 => 35.5% overview / 64.5% transmissions.
     -------------------------------------------------------------- */
  body[data-route="artist"] .artistIntelligenceR49{
    display:grid!important;position:absolute!important;z-index:48!important;
    left:.69%!important;top:65.93%!important;width:98.48%!important;height:23.02%!important;
    min-height:0!important;max-width:none!important;margin:0!important;
    padding:13px 16px 15px!important;box-sizing:border-box!important;
    grid-template-columns:minmax(0,35.35%) minmax(0,64.65%)!important;
    grid-template-rows:28px minmax(0,1fr)!important;gap:8px 16px!important;
    border:1px solid rgba(79,220,255,.24)!important;border-radius:10px!important;
    background:linear-gradient(180deg,rgba(2,10,20,.982),rgba(3,8,18,.992))!important;
    box-shadow:inset 0 1px rgba(255,255,255,.025)!important;
    overflow:hidden!important;pointer-events:auto!important;
  }
  body[data-route="artist"] .artistIntelligenceR49::before{content:""!important;display:block!important;position:absolute!important;inset:7px!important;border:1px solid rgba(91,233,255,.045)!important;border-radius:6px!important;pointer-events:none!important}

  body[data-route="artist"] .r49OverviewLabel{
    grid-column:1!important;grid-row:1!important;display:flex!important;align-items:center!important;gap:8px!important;
    padding-left:5px!important;color:#b5c4d6!important;font-size:clamp(7px,.61vw,11px)!important;font-weight:800!important;letter-spacing:.13em!important;text-transform:uppercase!important;
  }
  body[data-route="artist"] .r49OverviewLabel::before{content:"»"!important;color:#67f4ff!important;font-size:13px!important}
  body[data-route="artist"] .r49OverviewLabel i{flex:1!important;height:1px!important;background:linear-gradient(90deg,rgba(81,239,255,.28),transparent)!important}

  body[data-route="artist"] .artistStats{
    grid-column:1!important;grid-row:2!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:12px!important;margin:0!important;padding:0!important;min-height:0!important;
  }
  body[data-route="artist"] .artistStats .statCard,
  body[data-route="artist"] .artistStats .statCard:hover{
    position:relative!important;height:100%!important;min-height:0!important;padding:12px 12px 10px!important;box-sizing:border-box!important;
    border:1px solid rgba(82,220,255,.20)!important;border-radius:10px!important;
    background:linear-gradient(180deg,rgba(5,16,29,.985),rgba(4,9,18,.997))!important;
    box-shadow:inset 0 1px rgba(255,255,255,.025)!important;transform:none!important;
  }
  body[data-route="artist"] .artistStats .statCard::before{
    display:grid!important;place-items:center!important;width:30px!important;height:30px!important;margin-bottom:12px!important;border-radius:50%!important;
    border:1px solid rgba(83,235,255,.30)!important;color:#67f8ff!important;font-size:14px!important;background:radial-gradient(circle,rgba(63,219,255,.10),rgba(4,12,24,.78))!important;
  }
  body[data-route="artist"] .artistStats .statCard:nth-child(1)::before{content:"♫"!important}
  body[data-route="artist"] .artistStats .statCard:nth-child(2)::before{content:"◉"!important}
  body[data-route="artist"] .artistStats .statCard:nth-child(3)::before{content:"◎"!important;color:#ef63d6!important;border-color:rgba(225,81,213,.32)!important}
  body[data-route="artist"] .artistStats .statCard::after{display:none!important}
  body[data-route="artist"] .artistStats .statCard strong{display:block!important;font-size:clamp(29px,2.8vw,50px)!important;line-height:1!important;color:#eef9ff!important;white-space:nowrap!important}
  body[data-route="artist"] .artistStats .statCard:first-child strong{color:#62f7ff!important}
  body[data-route="artist"] .artistStats .statCard span{display:block!important;margin-top:7px!important;color:#8fa4ba!important;font-size:clamp(6px,.48vw,8px)!important;font-weight:900!important;letter-spacing:.11em!important;text-transform:uppercase!important}
  body[data-route="artist"] .r53Sparkline{position:absolute!important;left:12px!important;right:12px!important;bottom:11px!important;width:calc(100% - 24px)!important;height:24%!important;display:block!important;overflow:visible!important}
  body[data-route="artist"] .r53Sparkline polyline{fill:none!important;stroke:#5befff!important;stroke-width:2!important;filter:drop-shadow(0 0 3px rgba(75,225,255,.24))!important}
  body[data-route="artist"] .statCard:nth-child(2) .r53Sparkline polyline{stroke:#52f6c9!important}
  body[data-route="artist"] .statCard:nth-child(3) .r53Sparkline polyline{stroke:#ef56cc!important}

  body[data-route="artist"] .artistWorkboard{
    grid-column:2!important;grid-row:1/3!important;min-width:0!important;
    padding:0 0 0 16px!important;border:0!important;border-left:1px solid rgba(97,225,255,.14)!important;border-radius:0!important;
    background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;
  }
  body[data-route="artist"] .artistWorkboard .sectionHead{display:flex!important;align-items:center!important;justify-content:space-between!important;margin:0 0 8px!important;padding:0 2px!important}
  body[data-route="artist"] .artistWorkboard .sectionHead .kicker{display:flex!important;align-items:center!important;gap:7px!important;color:#b2c3d6!important;font-size:clamp(7px,.61vw,11px)!important;font-weight:800!important;letter-spacing:.13em!important;text-transform:uppercase!important}
  body[data-route="artist"] .artistWorkboard .sectionHead .kicker::before{content:"»"!important;width:auto!important;height:auto!important;background:none!important;color:#68f4ff!important;font-size:13px!important;box-shadow:none!important}
  body[data-route="artist"] .artistWorkboard .sectionHead h2{display:none!important}
  body[data-route="artist"] .r49ViewAll{color:#f160d7!important;font-size:clamp(6px,.5vw,9px)!important;font-weight:900!important;letter-spacing:.14em!important;text-transform:uppercase!important}
  body[data-route="artist"] .artistWorkboard .rail{display:grid!important;grid-auto-flow:column!important;grid-auto-columns:calc((100% - 48px)/5)!important;gap:12px!important;padding:0!important;height:calc(100% - 24px)!important;overflow:hidden!important}
  body[data-route="artist"] .artistWorkboard .card,
  body[data-route="artist"] .artistWorkboard .card:hover{
    position:relative!important;height:100%!important;min-height:0!important;border-radius:9px!important;overflow:hidden!important;
    background:linear-gradient(180deg,rgba(8,18,31,.988),rgba(4,9,18,.998))!important;border:1px solid rgba(91,220,255,.18)!important;
    box-shadow:inset 0 1px rgba(255,255,255,.025)!important;transform:none!important;
  }
  body[data-route="artist"] .artistWorkboard .cover{aspect-ratio:16/9!important}
  body[data-route="artist"] .artistWorkboard .cardBody{padding:8px 9px!important}
  body[data-route="artist"] .artistWorkboard .cardTitle{font-size:clamp(8px,.72vw,12px)!important;line-height:1.16!important}
  body[data-route="artist"] .artistWorkboard .cardSub{font-size:clamp(5px,.45vw,7px)!important;line-height:1.28!important;min-height:13px!important;margin-top:4px!important;color:#8196ab!important}
  body[data-route="artist"] .artistWorkboard .tag{font-size:6px!important;padding:2px 6px!important}

  /* SYSTEM RAIL — reference y ~973..1070, substantially taller than R57. */
  body[data-route="artist"] .r53SystemBar{
    display:grid!important;position:absolute!important;z-index:48!important;
    left:.69%!important;top:89.60%!important;width:98.48%!important;height:8.94%!important;
    min-height:0!important;max-width:none!important;margin:0!important;
    grid-template-columns:1.27fr 1.02fr 1.16fr 1.52fr 1.45fr .94fr!important;
    border:1px solid rgba(76,220,255,.20)!important;border-radius:9px!important;overflow:hidden!important;
    background:linear-gradient(180deg,rgba(2,9,18,.988),rgba(3,8,17,.998))!important;box-shadow:inset 0 1px rgba(255,255,255,.025)!important;
    pointer-events:auto!important;
  }
  body[data-route="artist"] .r53SystemCell{position:relative!important;display:grid!important;grid-template-columns:clamp(30px,2.4vw,46px) 1fr!important;align-items:center!important;gap:9px!important;padding:8px 13px!important;border-right:1px solid rgba(75,218,255,.12)!important;min-width:0!important}
  body[data-route="artist"] .r53SystemCell:last-child{border-right:0!important}
  body[data-route="artist"] .r53SystemIcon{width:clamp(28px,2.2vw,42px)!important;height:clamp(28px,2.2vw,42px)!important;border-radius:50%!important;display:grid!important;place-items:center!important;color:#59efff!important;border:1px solid rgba(77,226,255,.28)!important;box-shadow:inset 0 0 13px rgba(70,224,255,.05)!important;font-size:clamp(10px,.8vw,14px)!important}
  body[data-route="artist"] .r53SystemCopy{min-width:0!important}
  body[data-route="artist"] .r53SystemCopy small{display:block!important;color:#899db2!important;font-size:clamp(5px,.38vw,7px)!important;letter-spacing:.13em!important;text-transform:uppercase!important}
  body[data-route="artist"] .r53SystemCopy strong{display:block!important;margin-top:3px!important;color:#b8c8d8!important;font-size:clamp(6px,.48vw,8.5px)!important;font-weight:700!important;letter-spacing:.07em!important;text-transform:uppercase!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  body[data-route="artist"] .r53SystemCell:first-child .r53SystemCopy strong{color:#5dffe0!important}

  @keyframes a66DataPulse{0%,100%{opacity:.44}50%{opacity:.72}}
  @keyframes a66Eq{from{transform:scaleY(.46)}to{transform:scaleY(1.05)}}
  @keyframes a66Energy{to{transform:rotate(360deg)}}
}

@media (max-width:760px){
  /* Desktop composite only. Existing mobile Artist remains untouched. */
  .r53Telemetry,.r53SystemBar,.r53Sparkline,.r66SoundMeta{display:none!important}
}

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