/* ADIMASTER RELEASE 75 · ARTIST STRUCTURE / STORY FUSION
   R73 stable base. Desktop only.
   - real flow: command center -> creator story -> lower dashboard,
   - live translated left HUD with stronger text masks,
   - energy footer rebuilt as one clean live strip,
   - top navigation visually fused into the starfield.
*/
@media (min-width:761px){
  /* --------------------------------------------------------------
     TOP NAV: stop looking like a separate floating black card.
     It now overlaps the scene by a few pixels and fades into it.
     -------------------------------------------------------------- */
  body[data-route="artist"] header{
    top:0!important;
    width:100%!important;
    margin:0!important;
    border-radius:0!important;
    border:0!important;
    border-bottom:1px solid rgba(75,222,244,.22)!important;
    overflow:hidden!important;
    background:
      radial-gradient(600px 92px at 0% 50%,rgba(235,57,200,.22),transparent 75%),
      radial-gradient(700px 100px at 100% 50%,rgba(54,220,247,.16),transparent 76%),
      linear-gradient(90deg,rgba(18,5,26,.91),rgba(4,8,17,.90) 34%,rgba(3,10,18,.90) 68%,rgba(2,20,27,.91))!important;
    backdrop-filter:blur(16px) saturate(1.22)!important;
    -webkit-backdrop-filter:blur(16px) saturate(1.22)!important;
    box-shadow:0 10px 28px rgba(0,0,0,.25)!important;
    z-index:120!important;
  }
  body[data-route="artist"] header::before{
    inset:0!important;
    border-radius:0!important;
    padding:0!important;
    -webkit-mask:none!important;
    mask:none!important;
    opacity:1!important;
    background:linear-gradient(90deg,rgba(255,71,205,.18),transparent 30%,transparent 70%,rgba(62,229,255,.14))!important;
  }
  body[data-route="artist"] header::after{
    content:""!important;
    position:absolute!important;
    left:0!important;right:0!important;bottom:-1px!important;height:18px!important;
    background:linear-gradient(180deg,rgba(2,9,18,.42),rgba(2,9,18,0))!important;
    pointer-events:none!important;
  }
  body[data-route="artist"] header .nav{position:relative!important;z-index:2!important;max-width:1448px!important}
  body[data-route="artist"] .navlinks{
    background:rgba(4,9,18,.48)!important;
    border-color:rgba(96,220,240,.10)!important;
    box-shadow:inset 0 1px rgba(255,255,255,.018)!important;
  }
  body[data-route="artist"] .view.active[data-view="artist"]{margin-top:-3px!important}

  /* --------------------------------------------------------------
     PAGE STRUCTURE
     Top master art remains fixed in its original 1448x1086 geometry.
     Baked lower dashboard is covered from y~=714 downward.
     Real story and real lower deck then continue in normal document flow.
     -------------------------------------------------------------- */
  body[data-route="artist"] .view.active[data-view="artist"]{
    min-height:0!important;
    height:auto!important;
    overflow:hidden!important;
    padding-bottom:78px!important;
    margin-bottom:0!important;
    background:#010611 url("../../artist-master-live-ready-r66.png") center top / 100% auto no-repeat!important;
  }
  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:49.35vw!important;
    bottom:0!important;
    height:auto!important;
    pointer-events:none!important;
    background:
      radial-gradient(760px 330px at 12% 7%,rgba(28,123,160,.035),transparent 72%),
      radial-gradient(800px 360px at 86% 50%,rgba(106,63,170,.035),transparent 74%),
      linear-gradient(180deg,#010712 0%,#010611 100%)!important;
    box-shadow:0 -16px 34px rgba(1,6,17,.86)!important;
  }

  /* The absolute hero stays untouched and is allowed to live only in the top scene. */
  body[data-route="artist"] .artistHero{z-index:45!important}

  /* --------------------------------------------------------------
     LEFT LIVE HUD
     Broader masks cover the complete English copy. Edges are clipped to the
     portal geometry instead of leaving visible rectangular stickers.
     -------------------------------------------------------------- */
  body[data-route="artist"] .r73LeftLive{z-index:46!important}
  body[data-route="artist"] .r73LeftLive .r73Mask{
    background:linear-gradient(90deg,rgba(1,7,16,.998),rgba(2,8,18,.997) 82%,rgba(2,8,18,.975))!important;
    box-shadow:0 0 12px 8px rgba(1,7,16,.95)!important;
    clip-path:polygon(0 0,97.5% 0,100% 12%,100% 88%,97.5% 100%,0 100%,1.4% 50%)!important;
  }
  body[data-route="artist"] .r73Identity{
    left:23.35%!important;top:22.55%!important;width:21.35%!important;height:5.85%!important;
    padding:.38% .42%!important;
  }
  body[data-route="artist"] .r73Section{
    left:14.55%!important;width:21.65%!important;padding:3px 10px 4px 6px!important;
    transform:rotate(-.28deg)!important;transform-origin:left center!important;
  }
  body[data-route="artist"] .r73Music{top:27.72%!important;height:8.72%!important}
  body[data-route="artist"] .r73Travel{top:36.72%!important;height:9.18%!important}
  body[data-route="artist"] .r73Creativity{top:46.82%!important;height:9.32%!important}
  body[data-route="artist"] .r73Section strong{margin-bottom:7px!important}
  body[data-route="artist"] .r73Section p{
    font-size:clamp(8px,.69vw,13.2px)!important;line-height:1.39!important;color:#cad4df!important;
  }
  body[data-route="artist"] .r73Quote{
    left:7.55%!important;top:57.05%!important;width:28.15%!important;height:5.20%!important;
    padding:7px 15px!important;transform:rotate(-.18deg)!important;
  }
  body[data-route="artist"] .r73Quote span{font-size:clamp(8px,.70vw,13.3px)!important;line-height:1.35!important}
  body[data-route="artist"] .r73Motto{
    left:5.70%!important;top:62.50%!important;width:34.15%!important;height:3.30%!important;
    padding:4px 9px!important;gap:14px!important;
    box-shadow:0 0 11px 7px rgba(1,7,16,.95)!important;
  }
  body[data-route="artist"] .r73Motto .r73World{color:#55d7ff!important;text-shadow:0 0 8px rgba(85,215,255,.30)!important}
  body[data-route="artist"] .r73Motto .r73Stories{color:#829fff!important;text-shadow:0 0 8px rgba(130,159,255,.28)!important}
  body[data-route="artist"] .r73Motto .r73Name{color:#f873de!important;text-shadow:0 0 9px rgba(248,115,222,.34)!important}
  body[data-route="artist"] .r73Connection{
    left:40.15%!important;top:53.15%!important;width:14.15%!important;height:7.05%!important;
    padding:9px 15px!important;
  }

  /* --------------------------------------------------------------
     RIGHT ENERGY: one intentional footer strip, no duplicate percent / no
     small dark sticker around the label.
     -------------------------------------------------------------- */
  body[data-route="artist"] .r53Energy::after{
    content:""!important;display:block!important;position:absolute!important;z-index:9!important;
    left:3.1%!important;right:3.1%!important;bottom:3.0%!important;height:19.6%!important;
    pointer-events:none!important;
    background:
      linear-gradient(180deg,rgba(4,12,26,.96),rgba(2,8,18,.995))!important;
    border-top:1px solid rgba(75,220,244,.10)!important;
    box-shadow:none!important;
  }
  body[data-route="artist"] .r53Energy .r53TelemetryBody{opacity:0!important;visibility:hidden!important}
  body[data-route="artist"] .r53EnergyMeta{
    z-index:12!important;left:7.4%!important;right:7.4%!important;bottom:7.3%!important;
    min-height:9px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;
    gap:10px!important;background:transparent!important;box-shadow:none!important;
  }
  body[data-route="artist"] .r53EnergyMeta span,
  body[data-route="artist"] .r53EnergyMeta b{
    margin:0!important;padding:0!important;background:transparent!important;box-shadow:none!important;
    font-size:clamp(5px,.34vw,6.8px)!important;line-height:1!important;font-weight:900!important;
    letter-spacing:.045em!important;color:#69f5ff!important;white-space:nowrap!important;text-shadow:none!important;
  }
  body[data-route="artist"] .r53EnergyMeta span{max-width:72%!important;overflow:hidden!important;text-overflow:ellipsis!important}
  body[data-route="artist"] .r53EnergyMeta b{color:#c8fbff!important;text-align:right!important;flex:0 0 auto!important}

  /* --------------------------------------------------------------
     CREATOR STORY: starts only after the command center artwork.
     Narrow centered HUD panels reveal one by one while scrolling.
     -------------------------------------------------------------- */
  body[data-route="artist"] .artistStoryR75{
    position:relative!important;z-index:52!important;
    width:100%!important;
    margin:50.35vw 0 0!important;
    padding:20px 20px 16px!important;
    box-sizing:border-box!important;
  }
  body[data-route="artist"] .artistStoryRailR75{
    width:min(1040px,calc(100vw - 72px))!important;
    margin:0 auto!important;
    display:flex!important;flex-direction:column!important;gap:20px!important;
  }
  body[data-route="artist"] .artistStoryCardR75{
    position:relative!important;overflow:hidden!important;
    padding:24px 28px 26px!important;
    border:1px solid rgba(83,220,242,.18)!important;
    border-radius:14px!important;
    background:
      linear-gradient(115deg,rgba(237,70,207,.035),transparent 28%,transparent 72%,rgba(66,223,248,.04)),
      linear-gradient(180deg,rgba(4,13,25,.985),rgba(2,9,19,.995))!important;
    box-shadow:inset 0 1px rgba(255,255,255,.025),0 18px 42px rgba(0,0,0,.22)!important;
  }
  body[data-route="artist"] .artistStoryCardR75::before{
    content:"";position:absolute;left:14px;right:14px;top:10px;height:1px;
    background:linear-gradient(90deg,rgba(93,240,255,.52),transparent 38%,transparent 67%,rgba(239,92,216,.40));
    opacity:.54;
  }
  body[data-route="artist"] .artistStoryKickerR75{
    color:#6befff!important;font-size:10px!important;line-height:1!important;font-weight:850!important;
    letter-spacing:.20em!important;text-transform:uppercase!important;margin-bottom:12px!important;
  }
  body[data-route="artist"] .artistStoryCardR75 h2,
  body[data-route="artist"] .artistStoryCardR75 h3{
    margin:0 0 13px!important;line-height:1!important;font-weight:760!important;letter-spacing:.02em!important;
    background:linear-gradient(90deg,#62e8ff,#83a8ff 55%,#ee72dc)!important;
    -webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;
  }
  body[data-route="artist"] .artistStoryCardR75 h2{font-size:clamp(30px,2.4vw,45px)!important}
  body[data-route="artist"] .artistStoryCardR75 h3{font-size:clamp(23px,1.65vw,31px)!important}
  body[data-route="artist"] .artistStoryCardR75 p{
    margin:0 0 12px!important;color:#d3dce7!important;font-size:clamp(14px,.92vw,17px)!important;line-height:1.62!important;
  }
  body[data-route="artist"] .artistStoryCardR75 p:last-child{margin-bottom:0!important}
  body[data-route="artist"] .artistStoryFinalR75{
    position:relative!important;text-align:center!important;padding:20px 24px 22px!important;
    border:1px solid rgba(95,225,245,.16)!important;border-radius:14px!important;
    background:linear-gradient(90deg,rgba(6,18,30,.96),rgba(9,8,25,.96),rgba(5,18,28,.96))!important;
  }
  body[data-route="artist"] .artistStoryFinalR75 strong{
    display:block!important;color:#68eaff!important;font-size:11px!important;font-weight:850!important;letter-spacing:.24em!important;text-transform:uppercase!important;
  }
  body[data-route="artist"] .artistStoryFinalR75 span{
    display:block!important;margin-top:10px!important;color:#f27ade!important;font-size:clamp(16px,1.15vw,21px)!important;font-weight:700!important;letter-spacing:.06em!important;
  }
  body[data-route="artist"] .artistRevealR75{opacity:0!important;transform:translateY(26px)!important;transition:opacity .62s ease,transform .62s ease!important}
  body[data-route="artist"] .artistRevealR75.is-visible{opacity:1!important;transform:none!important}

  /* --------------------------------------------------------------
     LOWER DECK: same internal geometry as R70/R73, now placed AFTER story.
     -------------------------------------------------------------- */
  body[data-route="artist"] .artistIntelligenceR49{
    position:relative!important;z-index:52!important;
    left:auto!important;top:auto!important;
    width:98.48%!important;height:clamp(250px,15.81vw,322px)!important;
    margin:18px auto 0!important;
  }
  body[data-route="artist"] .r53SystemBar{
    position:relative!important;z-index:52!important;
    left:auto!important;top:auto!important;
    width:98.48%!important;height:clamp(94px,6.50vw,132px)!important;
    margin:7px auto 0!important;
  }
  body[data-route="artist"] footer{display:none!important}
  body[data-route="artist"] #adiPersistentPlayerDock.collapsed{right:18px!important;bottom:12px!important}
}

@media (min-width:761px) and (max-width:1180px){
  body[data-route="artist"] .artistStoryRailR75{width:min(920px,calc(100vw - 44px))!important}
}

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

@media (prefers-reduced-motion:reduce){
  body[data-route="artist"] .artistRevealR75{opacity:1!important;transform:none!important;transition:none!important}
}