/* RELEASE 172 — eight upper HUD bays rebuilt from their content outward.
   Background, live globe, orbital tracks, frame geometry and lower page stay frozen. */

@media (min-width:761px){
  /* The identity module reads as the owner of the whole command system. */
  body[data-route="artist"] .r159Brand{
    grid-template-columns:28.8% minmax(0,71.2%)!important;
    padding:.48cqw .82cqw .43cqw .74cqw!important;
  }
  body[data-route="artist"] .r161BrandMark{
    width:100%!important;
    height:91%!important;
  }
  body[data-route="artist"] .r161BrandMark .r159BrandLogo{
    width:100%!important;
    height:100%!important;
    filter:
      drop-shadow(0 0 .33cqw rgba(101,220,254,.36))
      drop-shadow(0 0 .80cqw rgba(132,95,231,.18))!important;
  }
  body[data-route="artist"] .r159BrandCopy{
    padding:.05cqw .19cqw .03cqw .47cqw!important;
  }
  body[data-route="artist"] .r161BrandEyebrow{
    margin-bottom:.24cqw!important;
    color:rgba(140,232,249,.84)!important;
    font-size:clamp(7.1px,.475cqw,8.6px)!important;
    letter-spacing:.12em!important;
  }
  body[data-route="artist"] .r159BrandCopy strong{
    font-size:clamp(25px,1.87cqw,33px)!important;
    line-height:.98!important;
  }
  body[data-route="artist"] .r159BrandCopy small{
    margin-top:.34cqw!important;
    font-size:clamp(8.4px,.55cqw,10px)!important;
    letter-spacing:.07em!important;
  }
  body[data-route="artist"] .r159BrandTelemetry{
    gap:.30cqw!important;
    margin-top:.35cqw!important;
  }
  body[data-route="artist"] .r159BrandTelemetry i{
    width:.29cqw!important;
    height:.29cqw!important;
  }
  body[data-route="artist"] .r159BrandTelemetry b{
    width:8.65cqw!important;
    height:2px!important;
    opacity:.91!important;
  }
  body[data-route="artist"] .r161BrandSignature{
    margin-top:.26cqw!important;
    color:rgba(208,228,239,.91)!important;
    font-size:clamp(7.1px,.445cqw,8.2px)!important;
    letter-spacing:.025em!important;
  }

  /* Feature bays: real headings replace the overlapping floating badges. */
  body[data-route="artist"] button.r159Panel.r159Feature{
    grid-template-columns:26.2% minmax(0,73.8%)!important;
    align-items:center!important;
    padding:.47cqw .99cqw .43cqw .72cqw!important;
  }
  body[data-route="artist"] .r159IconRing{
    width:5.90cqw!important;
    height:5.90cqw!important;
    max-width:95%!important;
    max-height:91%!important;
    border-color:rgba(104,235,247,.83)!important;
    box-shadow:
      inset 0 0 1.31cqw rgba(66,186,232,.21),
      0 0 .63cqw rgba(94,217,247,.23)!important;
  }
  body[data-route="artist"] .r159Creative .r159IconRing{
    border-color:rgba(180,128,255,.86)!important;
    box-shadow:
      inset 0 0 1.34cqw rgba(121,83,222,.22),
      0 0 .67cqw rgba(179,104,250,.24)!important;
  }
  body[data-route="artist"] .r159IconRing svg{
    width:76%!important;
    height:76%!important;
  }
  body[data-route="artist"] .r159FeatureCopy{
    box-sizing:border-box!important;
    height:100%!important;
    min-width:0!important;
    overflow:hidden!important;
    padding:.13cqw .53cqw .07cqw .55cqw!important;
    justify-content:center!important;
  }
  body[data-route="artist"] .r172FeatureHeading{
    display:flex!important;
    flex:0 0 auto!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:.40cqw!important;
    min-width:0!important;
    width:100%!important;
  }
  body[data-route="artist"] .r172FeatureHeading>strong{
    flex:1 1 auto!important;
    width:auto!important;
    min-width:0!important;
    overflow:hidden!important;
    margin:0!important;
    padding:0!important;
    font-size:clamp(16.3px,1.18cqw,20.8px)!important;
    line-height:1.04!important;
    letter-spacing:.017em!important;
    text-overflow:ellipsis!important;
  }
  body[data-route="artist"] .r172FeatureHeading>.r159PanelIndex{
    position:static!important;
    display:block!important;
    flex:0 0 auto!important;
    width:auto!important;
    max-width:none!important;
    overflow:visible!important;
    color:rgba(153,231,251,.90)!important;
    font-size:clamp(7.1px,.465cqw,8.4px)!important;
    font-weight:780!important;
    letter-spacing:.045em!important;
    text-align:right!important;
    white-space:nowrap!important;
  }
  body[data-route="artist"] .r172FeatureRule{
    display:block!important;
    flex:0 0 auto!important;
    width:100%!important;
    height:1px!important;
    margin:.29cqw 0 .26cqw!important;
    background:linear-gradient(90deg,rgba(90,226,246,.77),rgba(105,111,250,.46) 57%,transparent)!important;
    opacity:.76!important;
  }
  body[data-route="artist"] .r159Creative .r172FeatureRule{
    background:linear-gradient(90deg,rgba(124,212,255,.75),rgba(198,111,250,.60) 61%,transparent)!important;
  }
  body[data-route="artist"] .r159FeatureCopy p{
    width:100%!important;
    max-width:100%!important;
    overflow:hidden!important;
    color:rgba(238,248,254,.98)!important;
    font-size:clamp(10.7px,.735cqw,12.9px)!important;
    font-weight:490!important;
    line-height:1.32!important;
    -webkit-line-clamp:3!important;
  }
  body[data-route="artist"] .r159LiveRow{
    gap:.34cqw!important;
    margin-top:.31cqw!important;
    font-size:clamp(7.6px,.48cqw,8.7px)!important;
    letter-spacing:.055em!important;
  }
  body[data-route="artist"] .r159LiveRow i{
    width:.29cqw!important;
    height:.29cqw!important;
  }
  body[data-route="artist"] .r159LiveRow b{
    width:7.15cqw!important;
    height:.77cqw!important;
    opacity:.92!important;
  }

  /* Right modules gain matching, readable subsystem heading architecture. */
  body[data-route="artist"] .r159Telemetry,
  body[data-route="artist"] .r161CreatorPulse{
    padding:.51cqw .80cqw .43cqw .80cqw!important;
  }
  body[data-route="artist"] .r172TelemetryHead{
    display:flex!important;
    flex:0 0 auto!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:.38cqw!important;
    min-width:0!important;
    margin:0 0 .28cqw!important;
  }
  body[data-route="artist"] .r172TelemetryHead>.r159TelemetryTitle{
    flex:1 1 auto!important;
    min-width:0!important;
    margin:0!important;
    padding-left:.57cqw!important;
    font-size:clamp(12.5px,.895cqw,16px)!important;
    line-height:1.09!important;
    letter-spacing:.018em!important;
  }
  body[data-route="artist"] .r172TelemetryHead>.r159TelemetryTitle::before{
    top:.23cqw!important;
    width:.27cqw!important;
    height:.27cqw!important;
  }
  body[data-route="artist"] .r172TelemetryHead>span{
    display:block!important;
    flex:0 0 auto!important;
    color:rgba(160,224,246,.79)!important;
    font-size:clamp(7px,.45cqw,8.1px)!important;
    font-weight:770!important;
    letter-spacing:.055em!important;
    white-space:nowrap!important;
  }

  /* World map becomes a proper live-network monitor. */
  body[data-route="artist"] .r159MapWrap{
    min-height:0!important;
    overflow:hidden!important;
  }
  body[data-route="artist"] .r159MapWrap img{
    filter:saturate(1.28) contrast(1.13) brightness(1.09)!important;
  }
  body[data-route="artist"] .r159MapPing{
    width:.42cqw!important;
    height:.42cqw!important;
  }
  body[data-route="artist"] .r172MapStatus{
    position:absolute!important;
    z-index:4!important;
    right:.32cqw!important;
    bottom:.23cqw!important;
    display:flex!important;
    align-items:center!important;
    gap:.28cqw!important;
    pointer-events:none!important;
  }
  body[data-route="artist"] .r172MapStatus>i{
    width:.28cqw!important;
    height:.28cqw!important;
    border-radius:50%!important;
    background:#79ffad!important;
    box-shadow:0 0 .38cqw rgba(107,255,162,.78)!important;
  }
  body[data-route="artist"] .r172MapStatus>b{
    color:#9affc0!important;
    font-size:clamp(7px,.445cqw,8px)!important;
    font-weight:790!important;
    letter-spacing:.065em!important;
    text-shadow:0 1px 4px rgba(0,0,0,.9)!important;
  }

  /* Analyzer labels and animated bands are visibly larger. */
  body[data-route="artist"] .r159EqWrap{
    gap:.10cqw!important;
    padding:.07cqw .08cqw .16cqw!important;
    background:repeating-linear-gradient(0deg,transparent 0 22%,rgba(104,177,242,.12) 22.5% 23%)!important;
  }
  body[data-route="artist"] .r159EqWrap i{
    background:linear-gradient(180deg,#89ffff 0%,#45e0ef 35%,#7164f7 74%,#ed63db 100%)!important;
    box-shadow:0 0 .21cqw rgba(112,241,253,.43)!important;
    animation-name:r172SignalSweep!important;
  }
  @keyframes r172SignalSweep{
    from{transform:scaleY(.82);opacity:.86}
    to{transform:scaleY(1.13);opacity:1}
  }
  body[data-route="artist"] .r159EqMeta{
    margin-top:.20cqw!important;
    padding:0 .11cqw!important;
    color:rgba(167,226,246,.89)!important;
    font-size:clamp(7.5px,.48cqw,8.8px)!important;
    font-weight:710!important;
  }
  body[data-route="artist"] .r159EqMeta b{
    color:#9af6ff!important;
    font-size:clamp(7.7px,.49cqw,8.9px)!important;
    letter-spacing:.07em!important;
  }

  /* The energy readout is a real instrument with a dedicated stability bar. */
  body[data-route="artist"] .r159EnergyBody{
    grid-template-columns:minmax(0,1fr) 31.5%!important;
    align-items:center!important;
    gap:.25cqw!important;
  }
  body[data-route="artist"] .r159EnergyBody img{
    filter:saturate(1.28) contrast(1.19) brightness(1.055)!important;
    -webkit-mask-image:linear-gradient(180deg,#000 0 75%,rgba(0,0,0,.67) 84%,transparent 96%)!important;
    mask-image:linear-gradient(180deg,#000 0 75%,rgba(0,0,0,.67) 84%,transparent 96%)!important;
  }
  body[data-route="artist"] .r159EnergyPct{
    padding:0 .03cqw 0 0!important;
  }
  body[data-route="artist"] .r159EnergyPct strong{
    font-size:clamp(21px,1.62cqw,28.5px)!important;
    line-height:1!important;
    color:#86fff4!important;
    text-shadow:0 0 .35cqw rgba(86,240,237,.44)!important;
  }
  body[data-route="artist"] .r159EnergyPct small{
    max-height:2.5em!important;
    margin-top:.25cqw!important;
    color:rgba(191,233,242,.90)!important;
    font-size:clamp(6.8px,.445cqw,8px)!important;
    line-height:1.2!important;
    letter-spacing:.035em!important;
  }
  body[data-route="artist"] .r172EnergyMeter{
    position:relative!important;
    display:block!important;
    width:100%!important;
    height:.29cqw!important;
    overflow:hidden!important;
    margin-top:.32cqw!important;
    background:rgba(117,172,214,.18)!important;
  }
  body[data-route="artist"] .r172EnergyMeter>b{
    position:absolute!important;
    inset:0 auto 0 0!important;
    width:98.7%!important;
    background:linear-gradient(90deg,#56dcff,#78ffae)!important;
    box-shadow:0 0 .26cqw rgba(98,246,195,.61)!important;
  }

  /* Three two-level channels replace the previous unreadable one-line rows. */
  body[data-route="artist"] .r161PulseHead{
    gap:.35cqw!important;
    margin-bottom:.30cqw!important;
  }
  body[data-route="artist"] .r161PulseHead>strong{
    font-size:clamp(13px,.905cqw,16px)!important;
    letter-spacing:.026em!important;
  }
  body[data-route="artist"] .r161PulseHead>span{
    position:relative!important;
    padding-left:.52cqw!important;
    color:#8cffb1!important;
    font-size:clamp(6.5px,.415cqw,7.6px)!important;
    font-weight:760!important;
  }
  body[data-route="artist"] .r161PulseHead>span::before{
    content:""!important;
    position:absolute!important;
    top:50%!important;
    left:0!important;
    width:.25cqw!important;
    height:.25cqw!important;
    border-radius:50%!important;
    background:#77ffab!important;
    box-shadow:0 0 .36cqw rgba(99,253,156,.7)!important;
    transform:translateY(-50%)!important;
  }
  body[data-route="artist"] .r161PulseBody{
    grid-template-columns:32% minmax(0,68%)!important;
    align-items:center!important;
  }
  body[data-route="artist"] .r161PulseCore{
    width:min(5.25cqw,91%)!important;
    border-color:rgba(116,239,248,.86)!important;
    box-shadow:
      0 0 .66cqw rgba(78,222,244,.25),
      inset 0 0 .93cqw rgba(122,104,245,.19)!important;
  }
  body[data-route="artist"] .r161PulseCore>b{
    font-size:clamp(12px,.90cqw,16px)!important;
    letter-spacing:.055em!important;
  }
  body[data-route="artist"] .r161PulseChannels{
    gap:.31cqw!important;
    padding:.04cqw .06cqw .02cqw .39cqw!important;
  }
  body[data-route="artist"] .r161PulseChannel{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-rows:auto .33cqw!important;
    align-items:center!important;
    column-gap:.28cqw!important;
    row-gap:.14cqw!important;
    min-width:0!important;
  }
  body[data-route="artist"] .r161PulseChannel>strong{
    grid-column:1!important;
    grid-row:1!important;
    min-width:0!important;
    overflow:hidden!important;
    color:rgba(234,248,254,.97)!important;
    font-size:clamp(7.6px,.485cqw,8.8px)!important;
    font-weight:780!important;
    letter-spacing:.025em!important;
    text-overflow:ellipsis!important;
  }
  body[data-route="artist"] .r161PulseChannel>b{
    grid-column:2!important;
    grid-row:1!important;
    color:#9af0ff!important;
    font-size:clamp(7.6px,.49cqw,8.9px)!important;
    font-weight:790!important;
    letter-spacing:.02em!important;
  }
  body[data-route="artist"] .r161PulseChannel>i{
    grid-column:1 / -1!important;
    grid-row:2!important;
    width:100%!important;
    height:.33cqw!important;
    background:rgba(110,166,223,.24)!important;
  }

  /* Long translations keep their structural hierarchy without clipping. */
  html[data-artist-lang="de"] body[data-route="artist"] .r172FeatureHeading>strong,
  html[data-artist-lang="es"] body[data-route="artist"] .r172FeatureHeading>strong{
    font-size:clamp(15.7px,1.075cqw,19.2px)!important;
  }
  html[data-artist-lang="de"] body[data-route="artist"] .r159FeatureCopy p,
  html[data-artist-lang="es"] body[data-route="artist"] .r159FeatureCopy p{
    font-size:clamp(10.2px,.68cqw,12px)!important;
    line-height:1.32!important;
  }
  html[data-artist-lang="pl"] body[data-route="artist"] .r172TelemetryHead>.r159TelemetryTitle,
  html[data-artist-lang="de"] body[data-route="artist"] .r172TelemetryHead>.r159TelemetryTitle,
  html[data-artist-lang="es"] body[data-route="artist"] .r172TelemetryHead>.r159TelemetryTitle{
    font-size:clamp(11.6px,.805cqw,14.3px)!important;
  }
  html[data-artist-lang="pl"] body[data-route="artist"] .r161PulseChannel>strong,
  html[data-artist-lang="de"] body[data-route="artist"] .r161PulseChannel>strong,
  html[data-artist-lang="es"] body[data-route="artist"] .r161PulseChannel>strong{
    font-size:clamp(7.1px,.455cqw,8.3px)!important;
  }
}

@media (min-width:761px) and (prefers-reduced-motion:reduce){
  body[data-route="artist"] .r159EqWrap i{
    animation:none!important;
  }
}