/* ADIMASTER RELEASE 73 · ARTIST LIVE LANGUAGE / CLEAN LOCK
   Desktop-only corrective pass over R72.
   Goals:
   - make the whole left identity copy truly live + translatable in PL/EN/DE/ES,
   - fully matte-out the baked lower command deck before live replacements,
   - clean the ENERGY FIELD lower strip and avoid doubled rings/bars,
   - make the top navigation a self-contained opaque HUD surface so the scene cannot bleed through.
   Globe/core/player logic/lower-deck geometry are not changed. */

@media (min-width:761px){
  /* --------------------------------------------------------------
     TOP NAV · isolated surface, no scene bleed-through
     -------------------------------------------------------------- */
  body[data-route="artist"] header{
    isolation:isolate!important;
    background:
      radial-gradient(520px 96px at 0% 50%,rgba(224,55,196,.14),transparent 72%),
      radial-gradient(620px 96px at 100% 50%,rgba(45,214,242,.10),transparent 72%),
      linear-gradient(90deg,#18071c 0%,#080a14 31%,#050b14 67%,#03151d 100%)!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    border-color:rgba(88,220,238,.19)!important;
    box-shadow:0 10px 30px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.025)!important;
  }
  body[data-route="artist"] header .nav{position:relative!important;z-index:2!important}
  body[data-route="artist"] header::before{
    opacity:.64!important;
    background:linear-gradient(100deg,rgba(242,70,208,.58),rgba(130,73,255,.15) 34%,rgba(53,210,255,.12) 72%,rgba(74,240,232,.44))!important;
  }
  body[data-route="artist"] .navlinks{
    background:linear-gradient(180deg,rgba(5,10,19,.90),rgba(4,8,16,.94))!important;
    border-color:rgba(95,213,239,.10)!important;
    box-shadow:inset 0 1px rgba(255,255,255,.018)!important;
  }

  /* --------------------------------------------------------------
     LOWER MASTER MATTE · remove the baked table/system-bar entirely
     behind the live deck instead of masking only the last few pixels.
     -------------------------------------------------------------- */
  body[data-route="artist"] .view.active[data-view="artist"]::after{
    content:""!important;
    display:block!important;
    position:absolute!important;
    z-index:47!important;
    left:0!important;
    right:0!important;
    top:64.90%!important;
    bottom:0!important;
    height:auto!important;
    pointer-events:none!important;
    background:
      radial-gradient(620px 170px at 12% 8%,rgba(28,110,150,.018),transparent 72%),
      radial-gradient(720px 190px at 86% 80%,rgba(92,58,150,.018),transparent 74%),
      linear-gradient(180deg,#010712 0%,#010611 100%)!important;
    box-shadow:none!important;
  }

  /* Keep the short player bay from R72, but reduce the empty gap. */
  body[data-route="artist"] .view.active[data-view="artist"]{margin-bottom:58px!important}
  body[data-route="artist"] #adiPersistentPlayerDock.collapsed{right:18px!important;bottom:10px!important}

  /* --------------------------------------------------------------
     LEFT IDENTITY · live copy over exact static HUD artwork.
     The large ADI MASTER wordmark + orbital/logo/icon art remain baked.
     Only textual areas are matted and redrawn as live DOM.
     -------------------------------------------------------------- */
  body[data-route="artist"] .r73LeftLive{
    display:block!important;
    position:absolute!important;
    z-index:45!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    margin:0!important;
    padding:0!important;
    pointer-events:none!important;
    font-family:inherit!important;
    color:#c5d0dc!important;
  }

  body[data-route="artist"] .r73LeftLive .r73Mask{
    position:absolute!important;
    box-sizing:border-box!important;
    background:linear-gradient(90deg,rgba(1,7,16,.995) 0%,rgba(2,8,18,.988) 78%,rgba(2,8,18,.96) 100%)!important;
    box-shadow:0 0 8px 6px rgba(1,7,16,.94)!important;
  }

  /* identity line */
  body[data-route="artist"] .r73Identity{
    left:23.55%!important;
    top:22.78%!important;
    width:20.85%!important;
    height:5.55%!important;
    padding:0.36% 0.30%!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    gap:7px!important;
  }
  body[data-route="artist"] .r73IdentityTop{
    display:flex!important;
    align-items:baseline!important;
    gap:7px!important;
    white-space:nowrap!important;
    font-size:clamp(10px,.90vw,17px)!important;
    line-height:1!important;
    letter-spacing:.035em!important;
    text-transform:uppercase!important;
    font-weight:500!important;
    color:#f2f5fa!important;
  }
  body[data-route="artist"] .r73IdentityTop .r73Slash{color:#9eafc0!important;font-weight:700!important}
  body[data-route="artist"] .r73IdentityTop b{
    color:#45edf7!important;
    font-size:.78em!important;
    font-weight:850!important;
    text-shadow:0 0 8px rgba(66,229,244,.20)!important;
  }
  body[data-route="artist"] .r73DomainLine{
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    white-space:nowrap!important;
    color:#3eeaf5!important;
    font-size:clamp(8px,.71vw,13px)!important;
    line-height:1!important;
    font-weight:850!important;
    letter-spacing:.18em!important;
    text-transform:uppercase!important;
  }
  body[data-route="artist"] .r73DomainLine i{font-style:normal!important;color:#657e9d!important;letter-spacing:0!important}

  /* content rows */
  body[data-route="artist"] .r73Section{
    left:14.72%!important;
    width:21.05%!important;
    padding:2px 7px 3px 4px!important;
  }
  body[data-route="artist"] .r73Music{top:28.10%!important;height:8.10%!important}
  body[data-route="artist"] .r73Travel{top:37.26%!important;height:8.26%!important}
  body[data-route="artist"] .r73Creativity{top:47.73%!important;height:8.46%!important}
  body[data-route="artist"] .r73Section strong{
    display:block!important;
    margin:0 0 7px!important;
    color:#47eef8!important;
    font-size:clamp(10px,.98vw,18px)!important;
    line-height:1!important;
    font-weight:850!important;
    letter-spacing:.10em!important;
    text-transform:uppercase!important;
    text-shadow:0 0 9px rgba(69,232,247,.17)!important;
  }
  body[data-route="artist"] .r73Section p{
    margin:0!important;
    max-width:100%!important;
    color:#c2ccd8!important;
    font-size:clamp(8px,.70vw,13.4px)!important;
    line-height:1.41!important;
    font-weight:430!important;
    letter-spacing:0!important;
    text-shadow:0 1px 6px rgba(0,0,0,.48)!important;
  }

  /* quote: leave the master quote marks/frame visible; cover only text center */
  body[data-route="artist"] .r73Quote{
    left:7.95%!important;
    top:59.12%!important;
    width:27.45%!important;
    height:4.20%!important;
    padding:7px 10px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    background:rgba(2,8,18,.992)!important;
    box-shadow:0 0 8px 5px rgba(2,8,18,.96)!important;
  }
  body[data-route="artist"] .r73Quote span{
    color:#c5cfda!important;
    font-size:clamp(8px,.76vw,14px)!important;
    line-height:1.38!important;
    font-weight:440!important;
  }

  body[data-route="artist"] .r73Motto{
    left:5.86%!important;
    top:64.43%!important;
    width:33.30%!important;
    height:2.38%!important;
    padding:4px 7px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:14px!important;
    white-space:nowrap!important;
    background:linear-gradient(90deg,rgba(1,7,16,.995),rgba(2,8,18,.985) 88%,rgba(2,8,18,.95))!important;
    box-shadow:0 0 8px 5px rgba(1,7,16,.94)!important;
    font-size:clamp(8px,.74vw,13.5px)!important;
    line-height:1!important;
    font-weight:650!important;
    letter-spacing:.22em!important;
    text-transform:uppercase!important;
  }
  body[data-route="artist"] .r73Motto .r73World{color:#45c9ff!important}
  body[data-route="artist"] .r73Motto .r73Stories{color:#689dff!important}
  body[data-route="artist"] .r73Motto .r73Name{color:#ef62d6!important}
  body[data-route="artist"] .r73Motto i{font-style:normal!important;color:#67f5ff!important;font-size:.75em!important;letter-spacing:0!important}
  body[data-route="artist"] .r73Motto i:nth-of-type(2){color:#a26eff!important}

  /* Connection HUD text is also live so every supported language is consistent. */
  body[data-route="artist"] .r73Connection{
    left:40.80%!important;
    top:55.72%!important;
    width:13.13%!important;
    height:5.52%!important;
    padding:10px 14px!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    gap:8px!important;
    background:rgba(2,9,18,.988)!important;
    box-shadow:0 0 8px 5px rgba(2,9,18,.93)!important;
  }
  body[data-route="artist"] .r73Connection small{
    display:flex!important;
    align-items:center!important;
    gap:7px!important;
    color:#9cadbe!important;
    font-size:clamp(7px,.60vw,11px)!important;
    line-height:1!important;
    font-weight:560!important;
    letter-spacing:.07em!important;
    text-transform:uppercase!important;
    white-space:nowrap!important;
  }
  body[data-route="artist"] .r73Connection small::after{
    content:""!important;
    width:6px!important;height:6px!important;border-radius:50%!important;
    background:#27f49a!important;box-shadow:0 0 9px rgba(39,244,154,.75)!important;
  }
  body[data-route="artist"] .r73Connection strong{
    display:block!important;
    color:#27f28e!important;
    font-size:clamp(8px,.72vw,13px)!important;
    line-height:1.05!important;
    font-weight:760!important;
    letter-spacing:.08em!important;
    text-transform:uppercase!important;
    white-space:nowrap!important;
    text-shadow:0 0 10px rgba(39,242,142,.18)!important;
  }

  /* DE/ES text runs slightly longer; keep it inside the exact master windows. */
  html[data-artist-lang="de"] body[data-route="artist"] .r73Section p,
  html[data-artist-lang="es"] body[data-route="artist"] .r73Section p{font-size:clamp(7.5px,.655vw,12.6px)!important;line-height:1.37!important}
  html[data-artist-lang="de"] body[data-route="artist"] .r73IdentityTop b,
  html[data-artist-lang="es"] body[data-route="artist"] .r73IdentityTop b{font-size:.72em!important}
  html[data-artist-lang="de"] body[data-route="artist"] .r73DomainLine,
  html[data-artist-lang="es"] body[data-route="artist"] .r73DomainLine{font-size:clamp(7.3px,.64vw,12px)!important;gap:8px!important;letter-spacing:.14em!important}
  html[data-artist-lang="de"] body[data-route="artist"] .r73Motto,
  html[data-artist-lang="es"] body[data-route="artist"] .r73Motto{font-size:clamp(7.2px,.66vw,12.4px)!important;gap:11px!important;letter-spacing:.17em!important}
  html[data-artist-lang="de"] body[data-route="artist"] .r73Connection strong,
  html[data-artist-lang="es"] body[data-route="artist"] .r73Connection strong{font-size:clamp(7px,.63vw,11.5px)!important;letter-spacing:.055em!important}

  /* --------------------------------------------------------------
     ENERGY FIELD · clean lower interior, no doubled live geometry.
     -------------------------------------------------------------- */
  body[data-route="artist"] .r53Energy::after{
    content:""!important;
    display:block!important;
    position:absolute!important;
    z-index:8!important;
    left:4.2%!important;
    right:3.7%!important;
    bottom:2.0%!important;
    height:17.8%!important;
    pointer-events:none!important;
    background:#010611!important;
    box-shadow:0 -5px 9px rgba(1,6,17,.56)!important;
  }
  /* master rings/bars are already exact: suppress the duplicate live rings/bars */
  body[data-route="artist"] .r53Energy .r53TelemetryBody{opacity:0!important;visibility:hidden!important}
  body[data-route="artist"] .r53EnergyMeta{
    z-index:12!important;
    left:6.8%!important;
    right:7.0%!important;
    bottom:6.3%!important;
    min-height:10px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:8px!important;
    color:#63f4ff!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  body[data-route="artist"] .r53EnergyMeta span,
  body[data-route="artist"] .r53EnergyMeta b{
    display:block!important;
    margin:0!important;
    padding:0!important;
    color:#63f4ff!important;
    background:transparent!important;
    box-shadow:none!important;
    font-size:clamp(5px,.35vw,7px)!important;
    line-height:1!important;
    font-weight:900!important;
    letter-spacing:.055em!important;
    text-transform:uppercase!important;
    white-space:nowrap!important;
    text-shadow:0 0 7px rgba(81,233,255,.16)!important;
  }
  body[data-route="artist"] .r53EnergyMeta b{color:#bdfbff!important;letter-spacing:.03em!important}
}

@media (max-width:760px){
  body[data-route="artist"] .r73LeftLive{display:none!important}
}