/* ADIMASTER RELEASE 101 · R94 MASTER + R98 SIDE PANELS
   BASE: untouched RELEASE 94.
   PORTED: LEFT side panel + RIGHT telemetry panel look from RELEASE 98 only.
   LOCKED / NOT CHANGED: top header, R94 hero master, globe geometry, globe aura/platform,
   story/lower section, player, routing, mobile.
*/

@media (min-width:761px){

  /* ============================================================
     LEFT PANEL — R98 component language, fitted to R94 geometry.
     ============================================================ */
  body[data-route="artist"] .r73LeftLive{
    position:absolute!important;
    z-index:48!important;
    left:1.25%!important;
    top:2.7%!important;
    width:43.7%!important;
    height:94.2%!important;
    display:grid!important;
    grid-template-columns:43% 57%!important;
    grid-template-rows:25% 8% 20% 20% 20% 5% 2%!important;
    padding:18px 21px 16px!important;
    margin:0!important;
    overflow:visible!important;
    box-sizing:border-box!important;
    color:#e8f4fb!important;
    background:
      radial-gradient(78% 55% at 20% 22%,rgba(52,172,255,.08),transparent 72%),
      linear-gradient(145deg,rgba(2,10,24,.975),rgba(3,8,20,.955) 70%,rgba(11,6,28,.955))!important;
    border:1px solid rgba(70,222,255,.46)!important;
    clip-path:polygon(2.4% 0,95.8% 0,100% 4.2%,100% 95.5%,96.3% 100%,2.2% 100%,0 97%,0 3.5%)!important;
    box-shadow:inset 0 0 44px rgba(45,194,255,.045),0 0 34px rgba(16,126,228,.04)!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    pointer-events:none!important;
  }

  body[data-route="artist"] .r73LeftLive::before{
    content:""!important;
    display:block!important;
    position:absolute!important;
    inset:8px!important;
    z-index:0!important;
    pointer-events:none!important;
    border:1px solid rgba(78,150,255,.17)!important;
    border-left-color:rgba(67,236,255,.22)!important;
    border-bottom-color:rgba(233,87,215,.15)!important;
    clip-path:polygon(1.8% 0,97% 0,100% 3.2%,100% 96.5%,97% 100%,2% 100%,0 97%,0 3%)!important;
  }

  body[data-route="artist"] .r73LeftLive::after{
    content:""!important;
    display:block!important;
    position:absolute!important;
    left:17px!important;
    right:17px!important;
    top:41%!important;
    bottom:10%!important;
    z-index:0!important;
    pointer-events:none!important;
    background:repeating-linear-gradient(
      180deg,
      transparent 0 19.65%,
      rgba(74,225,255,.18) 19.65% 19.85%,
      transparent 19.85% 20%
    )!important;
    opacity:.8!important;
  }

  body[data-route="artist"] .r73LeftLive .r73Mask{
    box-sizing:border-box!important;
    filter:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    text-shadow:0 1px 2px rgba(0,0,0,.58)!important;
  }

  body[data-route="artist"] .r97BrandTitle{
    grid-column:2!important;
    grid-row:1!important;
    position:relative!important;
    z-index:4!important;
    display:flex!important;
    flex-direction:column!important;
    align-self:center!important;
    justify-self:stretch!important;
    padding:2px 8px 0 12px!important;
    line-height:.84!important;
    text-transform:uppercase!important;
    letter-spacing:.015em!important;
    pointer-events:none!important;
  }
  body[data-route="artist"] .r97BrandTitle span,
  body[data-route="artist"] .r97BrandTitle strong{
    display:block!important;
    font-family:Inter,system-ui,sans-serif!important;
    font-weight:300!important;
    white-space:nowrap!important;
  }
  body[data-route="artist"] .r97BrandTitle span{
    font-size:clamp(40px,3.35vw,66px)!important;
    color:#6de9ff!important;
    text-shadow:0 0 7px #139fe6,0 0 20px rgba(47,194,255,.34)!important;
  }
  body[data-route="artist"] .r97BrandTitle strong{
    font-size:clamp(44px,3.72vw,72px)!important;
    color:#c67dff!important;
    background:linear-gradient(90deg,#69cfff 0%,#847dff 39%,#f15bd5 100%)!important;
    -webkit-background-clip:text!important;
    background-clip:text!important;
    -webkit-text-fill-color:transparent!important;
    filter:drop-shadow(0 0 9px rgba(143,92,255,.22))!important;
  }

  body[data-route="artist"] .r73Identity{
    grid-column:2!important;
    grid-row:2!important;
    position:relative!important;
    z-index:4!important;
    left:auto!important;
    top:auto!important;
    width:auto!important;
    height:auto!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    align-items:flex-start!important;
    padding:0 8px 0 12px!important;
    margin:0!important;
    overflow:visible!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    clip-path:none!important;
    color:#e8f4fb!important;
  }
  body[data-route="artist"] .r73Identity::before{content:none!important;display:none!important}
  body[data-route="artist"] .r73IdentityTop{
    display:flex!important;
    align-items:center!important;
    gap:0!important;
    font-size:clamp(8px,.66vw,12px)!important;
    font-weight:850!important;
    letter-spacing:.025em!important;
    white-space:nowrap!important;
  }
  body[data-route="artist"] .r73IdentityTop span{
    color:#edf7fb!important;
    font-size:inherit!important;
    font-weight:850!important;
  }
  body[data-route="artist"] .r73IdentityTop b{
    color:#58f1ff!important;
    font-size:inherit!important;
    font-weight:850!important;
    text-shadow:0 0 8px rgba(81,234,255,.22)!important;
  }
  body[data-route="artist"] .r73Slash{
    padding:0 7px!important;
    color:#c2c9d4!important;
  }
  body[data-route="artist"] .r73DomainLine{
    display:flex!important;
    gap:8px!important;
    align-items:center!important;
    margin-top:5px!important;
    color:#5ff2ff!important;
    font-size:clamp(6.8px,.49vw,9.2px)!important;
    font-weight:900!important;
    letter-spacing:.10em!important;
    white-space:nowrap!important;
  }
  body[data-route="artist"] .r73DomainLine i{
    font-style:normal!important;
    color:#a7b5c5!important;
  }

  body[data-route="artist"] .r73Section{
    grid-column:1 / 3!important;
    position:relative!important;
    z-index:3!important;
    left:auto!important;
    top:auto!important;
    width:auto!important;
    height:auto!important;
    display:grid!important;
    grid-template-columns:27% 73%!important;
    grid-template-rows:auto 1fr!important;
    align-items:center!important;
    margin:0!important;
    padding:8px 8px 8px 5px!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    clip-path:none!important;
    overflow:visible!important;
    cursor:pointer!important;
    pointer-events:auto!important;
  }
  body[data-route="artist"] .r73Music{grid-row:3!important}
  body[data-route="artist"] .r73Travel{grid-row:4!important}
  body[data-route="artist"] .r73Creativity{grid-row:5!important}

  body[data-route="artist"] .r73Section::before{
    content:""!important;
    display:block!important;
    position:absolute!important;
    left:0!important;
    right:0!important;
    top:0!important;
    bottom:auto!important;
    width:auto!important;
    height:1px!important;
    background:linear-gradient(90deg,rgba(75,229,255,.32),rgba(76,136,255,.20) 70%,rgba(238,93,216,.16),transparent)!important;
    box-shadow:0 0 8px rgba(75,228,255,.08)!important;
  }
  body[data-route="artist"] .r73Section::after{content:none!important;display:none!important}

  body[data-route="artist"] .r97DomainIcon{
    display:block!important;
    grid-column:1!important;
    grid-row:1 / 3!important;
    position:relative!important;
    z-index:2!important;
    width:78%!important;
    max-height:82%!important;
    object-fit:contain!important;
    justify-self:center!important;
    align-self:center!important;
    filter:drop-shadow(0 0 9px rgba(72,223,255,.16))!important;
  }
  body[data-route="artist"] .r73Section strong{
    grid-column:2!important;
    grid-row:1!important;
    position:relative!important;
    z-index:3!important;
    align-self:end!important;
    display:block!important;
    margin:0 0 5px!important;
    color:#5ef0ff!important;
    font-size:clamp(11px,.86vw,16px)!important;
    font-weight:900!important;
    letter-spacing:.10em!important;
    line-height:1!important;
    text-transform:uppercase!important;
    text-shadow:0 0 8px rgba(82,232,255,.18)!important;
  }
  body[data-route="artist"] .r73Section p{
    grid-column:2!important;
    grid-row:2!important;
    position:relative!important;
    z-index:3!important;
    align-self:start!important;
    margin:0!important;
    padding-right:10px!important;
    max-width:100%!important;
    color:#e2ebf2!important;
    font-size:clamp(8px,.60vw,11.3px)!important;
    line-height:1.36!important;
    font-weight:450!important;
    text-shadow:0 1px 2px rgba(0,0,0,.58)!important;
  }
  body[data-route="artist"] .r73Section:hover strong{
    color:#a0fbff!important;
    text-shadow:0 0 12px rgba(93,237,255,.38)!important;
  }
  body[data-route="artist"] .r73Section:hover::before{
    background:linear-gradient(90deg,#58efff,#6289ff 66%,#f25bd7,transparent)!important;
  }

  body[data-route="artist"] .r73Quote{
    grid-column:1 / 3!important;
    grid-row:6!important;
    position:relative!important;
    z-index:4!important;
    left:auto!important;
    top:auto!important;
    width:auto!important;
    height:auto!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    margin:3px 4px!important;
    padding:5px 36px!important;
    overflow:hidden!important;
    background:rgba(2,10,22,.34)!important;
    border:1px solid rgba(72,222,255,.24)!important;
    clip-path:polygon(3% 0,97% 0,100% 35%,100% 100%,0 100%,0 35%)!important;
    box-shadow:inset 0 0 16px rgba(44,195,255,.025)!important;
  }
  body[data-route="artist"] .r73Quote::before{
    content:'“'!important;
    position:absolute!important;
    left:12px!important;
    top:auto!important;
    transform:none!important;
    color:#31cfff!important;
    font-size:28px!important;
    font-weight:900!important;
    line-height:1!important;
  }
  body[data-route="artist"] .r73Quote::after{
    content:'”'!important;
    position:absolute!important;
    right:12px!important;
    top:auto!important;
    transform:none!important;
    color:#31cfff!important;
    font-size:28px!important;
    font-weight:900!important;
    line-height:1!important;
  }
  body[data-route="artist"] .r73Quote span{
    color:#d6e2eb!important;
    font-size:clamp(7.5px,.55vw,10.5px)!important;
    line-height:1.25!important;
    text-align:center!important;
  }

  body[data-route="artist"] .r73Motto{
    grid-column:1 / 3!important;
    grid-row:7!important;
    position:relative!important;
    z-index:4!important;
    left:auto!important;
    top:auto!important;
    width:auto!important;
    height:auto!important;
    display:flex!important;
    align-items:end!important;
    justify-content:center!important;
    gap:9px!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    white-space:nowrap!important;
    font-size:clamp(7px,.60vw,10.5px)!important;
    font-weight:900!important;
    letter-spacing:.18em!important;
  }
  body[data-route="artist"] .r73Motto::before{
    content:""!important;
    position:absolute!important;
    left:12%!important;
    right:12%!important;
    top:-4px!important;
    width:auto!important;
    height:1px!important;
    background:linear-gradient(90deg,transparent,#55efff 17%,#6e83ff 51%,#ef5bd8 84%,transparent)!important;
    box-shadow:0 0 8px rgba(79,226,255,.10)!important;
  }
  body[data-route="artist"] .r73Motto::after{content:none!important;display:none!important}
  body[data-route="artist"] .r73World{color:#5aefff!important}
  body[data-route="artist"] .r73Stories{color:#b1b7ff!important}
  body[data-route="artist"] .r73Name{color:#f16ad9!important}
  body[data-route="artist"] .r73Motto i{font-style:normal!important;color:#93aabd!important}

  /* R98 live logo core, within the transplanted left panel. */
  body[data-route="artist"] .r77LogoSystem{
    position:absolute!important;
    z-index:52!important;
    left:3.4%!important;
    top:6.1%!important;
    width:17.7%!important;
    height:27.5%!important;
    display:block!important;
    cursor:pointer!important;
    pointer-events:auto!important;
    outline:none!important;
    filter:drop-shadow(0 0 13px rgba(68,218,255,.13))!important;
  }
  body[data-route="artist"] .r85CoreLogo{
    display:block!important;
    position:absolute!important;
    left:50%!important;
    top:49%!important;
    width:43%!important;
    height:43%!important;
    object-fit:contain!important;
    transform:translate(-50%,-50%)!important;
    z-index:2!important;
    filter:drop-shadow(0 0 10px rgba(90,227,255,.16))!important;
  }
  body[data-route="artist"] .r77LogoSystem::before{
    content:""!important;
    display:block!important;
    position:absolute!important;
    left:24%!important;
    top:24%!important;
    width:52%!important;
    height:52%!important;
    border-radius:50%!important;
    border:1px solid rgba(79,233,255,.35)!important;
    box-shadow:0 0 18px rgba(66,214,255,.18),inset 0 0 18px rgba(142,75,255,.10)!important;
    z-index:1!important;
  }
  body[data-route="artist"] .r77RingA{opacity:.58!important;stroke-width:1.3!important}
  body[data-route="artist"] .r77RingB{opacity:.42!important;stroke-width:1.05!important}
  body[data-route="artist"] .r77RingC{opacity:.28!important;stroke-width:.9!important}
  body[data-route="artist"] .r77Nodes circle{opacity:.84!important}
  body[data-route="artist"] .r77Plane{opacity:1!important}
  body[data-route="artist"] .r77AudioLine{
    left:43%!important;
    right:43%!important;
    bottom:25%!important;
    gap:1px!important;
    opacity:.92!important;
  }

  /* Preserve the exact R94 center status plaque position.
     It was only moved in the DOM so shrinking the left panel cannot drag it. */
  body[data-route="artist"] .r73Connection{
    position:absolute!important;
    z-index:51!important;
    left:40.1%!important;
    top:80.65%!important;
    width:15.7%!important;
    height:10.6%!important;
  }

  /* ============================================================
     RIGHT PANEL — R98 surface/content, R94 location locked.
     ============================================================ */
  body[data-route="artist"] .r53Telemetry{
    display:block!important;
    position:absolute!important;
    z-index:49!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    margin:0!important;
    padding:0!important;
    pointer-events:none!important;
  }
  body[data-route="artist"] .r53TelemetryPanel{
    position:absolute!important;
    display:block!important;
    overflow:hidden!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    background:linear-gradient(145deg,rgba(2,10,23,.97),rgba(6,7,25,.94))!important;
    border:1px solid rgba(71,224,255,.46)!important;
    box-shadow:inset 0 0 28px rgba(50,199,255,.035),0 0 18px rgba(43,151,255,.035)!important;
    clip-path:polygon(4% 0,96% 0,100% 8%,100% 92%,96% 100%,4% 100%,0 92%,0 8%)!important;
    filter:none!important;
  }
  body[data-route="artist"] .r53TelemetryPanel::before{
    content:""!important;
    display:block!important;
    position:absolute!important;
    inset:7px!important;
    z-index:0!important;
    border:1px solid rgba(91,108,255,.16)!important;
    border-left-color:rgba(66,228,255,.20)!important;
    border-right-color:rgba(238,88,218,.18)!important;
    clip-path:inherit!important;
    pointer-events:none!important;
  }

  /* R94 geometry stays fixed so the globe is not moved or resized. */
  body[data-route="artist"] .r53Global{left:79.25%!important;top:7.8%!important;width:18.5%!important;height:25.4%!important}
  body[data-route="artist"] .r53Sound{left:79.25%!important;top:34.0%!important;width:18.5%!important;height:22.4%!important}
  body[data-route="artist"] .r53Energy{left:79.25%!important;top:57.1%!important;width:18.5%!important;height:23.7%!important}

  body[data-route="artist"] .r53Energy::after,
  body[data-route="artist"] .r53Global::after,
  body[data-route="artist"] .r53Sound::after{
    content:none!important;
    display:none!important;
  }

  body[data-route="artist"] .r53TelemetryTitle{
    position:absolute!important;
    z-index:4!important;
    left:5.4%!important;
    right:5.4%!important;
    top:4.5%!important;
    height:12%!important;
    display:flex!important;
    align-items:center!important;
    gap:7px!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
    clip-path:none!important;
    color:#64f1ff!important;
    font-size:clamp(7px,.58vw,10.8px)!important;
    font-weight:900!important;
    letter-spacing:.055em!important;
    text-transform:uppercase!important;
    text-shadow:0 0 9px rgba(85,235,255,.22)!important;
    white-space:nowrap!important;
  }
  body[data-route="artist"] .r53TelemetryTitle i{
    width:5px!important;
    height:5px!important;
    flex:0 0 5px!important;
    border-radius:50%!important;
    background:#77fff1!important;
    box-shadow:0 0 9px #64ecff!important;
  }

  body[data-route="artist"] .r53TelemetryBody{
    display:block!important;
    position:absolute!important;
    z-index:2!important;
    left:4.6%!important;
    right:4.6%!important;
    top:18%!important;
    bottom:7%!important;
    background-repeat:no-repeat!important;
    background-position:center!important;
    background-size:contain!important;
    opacity:.98!important;
    overflow:hidden!important;
  }
  body[data-route="artist"] .r53Global .r53TelemetryBody{
    display:block!important;
    background-image:url("../../artist-map-r85.webp")!important;
  }
  body[data-route="artist"] .r53Sound .r53TelemetryBody{
    display:block!important;
    background-image:url("../../artist-sound-r85.webp")!important;
    bottom:15%!important;
    background-size:100% auto!important;
    background-position:center top!important;
  }
  body[data-route="artist"] .r53Energy .r53TelemetryBody{
    display:block!important;
    background-image:url("../../artist-energy-r85.webp")!important;
    bottom:17%!important;
    background-size:100% auto!important;
    background-position:center top!important;
  }
  body[data-route="artist"] .r53TelemetryBody > *{display:none!important}

  body[data-route="artist"] .r66SoundMeta{
    position:absolute!important;
    z-index:5!important;
    left:6%!important;
    right:6%!important;
    bottom:5%!important;
    height:10%!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:0!important;
    color:#b7c6d2!important;
    font-size:clamp(5px,.36vw,7px)!important;
    letter-spacing:.05em!important;
    text-transform:uppercase!important;
    background:transparent!important;
    border:0!important;
  }
  body[data-route="artist"] .r66SoundMeta::before{
    content:"20Hz"!important;
    position:absolute!important;
    left:0!important;
    color:#a5b3bf!important;
  }
  body[data-route="artist"] .r66SoundMeta::after{
    content:"20kHz"!important;
    position:absolute!important;
    right:0!important;
    color:#a5b3bf!important;
  }

  body[data-route="artist"] .r53EnergyMeta{
    position:absolute!important;
    z-index:5!important;
    left:6%!important;
    right:6%!important;
    bottom:5%!important;
    height:10%!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    padding:0 3px!important;
    background:transparent!important;
    border-top:1px solid rgba(67,215,255,.20)!important;
    box-shadow:none!important;
  }
  body[data-route="artist"] .r53EnergyMeta::before{
    content:""!important;
    display:block!important;
    position:absolute!important;
    left:0!important;
    width:70%!important;
    bottom:-2px!important;
    height:2px!important;
    background:linear-gradient(90deg,#5feeff,#43eab6)!important;
    box-shadow:0 0 7px rgba(76,231,255,.18)!important;
  }
  body[data-route="artist"] .r53EnergyMeta span{
    color:#7df4ff!important;
    font-size:clamp(5px,.37vw,7.2px)!important;
    font-weight:850!important;
    letter-spacing:.045em!important;
    text-transform:uppercase!important;
    white-space:nowrap!important;
  }
  body[data-route="artist"] .r53EnergyMeta b{
    color:#8bffff!important;
    font-size:clamp(8px,.58vw,10.5px)!important;
    font-weight:900!important;
    text-shadow:0 0 8px rgba(83,230,255,.20)!important;
  }
}

/* Mobile is intentionally untouched. */
@media (max-width:760px){
  body[data-route="artist"] .r97BrandTitle,
  body[data-route="artist"] .r97DomainIcon{display:none!important}
}