/* ======================================================================
   ADIMASTER RELEASE 39 — REACTOR PLAYER V9 — MOBILE DEEP SPACE
   Visual-only mobile override. Audio/radio/state JS untouched.
   Target: user-approved mockup #3. Clean spacecraft HUD, prominent art,
   large reactor transport, restrained cyan/violet/magenta accents.
   ====================================================================== */

@media (max-width:760px){
  #adiPersistentPlayerDock.userExpandedMobile{
    left:50%!important;
    right:auto!important;
    bottom:max(6px,env(safe-area-inset-bottom))!important;
    width:min(322px,calc(100vw - 22px))!important;
    max-width:322px!important;
    height:auto!important;
    max-height:none!important;
    transform:translateX(-50%)!important;
    overflow:visible!important;
    contain:layout paint!important;
  }

  #adiPersistentPlayerDock.userExpandedMobile #heroFeature.adiReactorPlayer34{
    --r39-cyan:#55efff;
    --r39-blue:#1eb7ff;
    --r39-violet:#7558ff;
    --r39-mag:#ef5aca;
    --r39-green:#4ef0c2;
    --r39-red:#ef5364;
    --r39-text:#f2f7fb;
    --r39-muted:#8996a6;
    position:relative!important;
    width:100%!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    padding:6px!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
    border:1px solid rgba(118,136,168,.22)!important;
    border-left-color:rgba(85,239,255,.34)!important;
    border-right-color:rgba(239,90,202,.27)!important;
    border-radius:20px!important;
    background:
      radial-gradient(110% 70% at 50% 112%,rgba(90,67,255,.10),transparent 58%),
      radial-gradient(55% 42% at 8% 5%,rgba(41,202,255,.055),transparent 68%),
      linear-gradient(180deg,rgba(3,8,16,.997),rgba(2,6,12,.997))!important;
    box-shadow:
      0 24px 58px rgba(0,0,0,.70),
      0 0 32px rgba(32,145,214,.045),
      inset 0 0 0 1px rgba(255,255,255,.012)!important;
    transform:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
  #adiPersistentPlayerDock.userExpandedMobile #heroFeature.adiReactorPlayer34:hover{
    transform:none!important;
    border-color:rgba(118,136,168,.22)!important;
    border-left-color:rgba(85,239,255,.34)!important;
    border-right-color:rgba(239,90,202,.27)!important;
    box-shadow:0 24px 58px rgba(0,0,0,.70),0 0 32px rgba(32,145,214,.045),inset 0 0 0 1px rgba(255,255,255,.012)!important;
  }
  /* Kill every inherited decorative plate/beam. This is intentionally clean. */
  #adiPersistentPlayerDock.userExpandedMobile #heroFeature.adiReactorPlayer34::before{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    z-index:0!important;
    pointer-events:none!important;
    border-radius:20px!important;
    opacity:1!important;
    background:
      linear-gradient(90deg,transparent 2%,rgba(85,239,255,.68) 13%,rgba(117,88,255,.14) 43%,rgba(239,90,202,.42) 88%,transparent 98%) top/100% 1px no-repeat,
      linear-gradient(90deg,rgba(85,239,255,.12),transparent 34%,transparent 66%,rgba(239,90,202,.10)) bottom/100% 1px no-repeat!important;
    -webkit-mask:none!important;
    mask:none!important;
    box-shadow:none!important;
  }
  #adiPersistentPlayerDock.userExpandedMobile #heroFeature.adiReactorPlayer34::after{display:none!important;content:none!important}

  /* TOP RAIL — exactly the mockup hierarchy: clean tabs, one active underline. */
  #adiPersistentPlayerDock.userExpandedMobile #heroFeature.adiReactorPlayer34 .qpTopline{
    position:relative!important;
    z-index:3!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    width:100%!important;
    min-height:34px!important;
    height:34px!important;
    margin:0!important;
    padding:0 38px 0 13px!important;
    gap:0!important;
    box-sizing:border-box!important;
    overflow:visible!important;
    border:0!important;
    border-bottom:1px solid rgba(111,144,176,.08)!important;
    background:transparent!important;
    clip-path:none!important;
  }
  #adiPersistentPlayerDock.userExpandedMobile #heroFeature.adiReactorPlayer34 .qpTopline::before,
  #adiPersistentPlayerDock.userExpandedMobile #heroFeature.adiReactorPlayer34 .qpTopline::after{
    display:none!important;content:none!important;background:none!important;clip-path:none!important;
  }
  #adiPersistentPlayerDock.userExpandedMobile #heroFeature.adiReactorPlayer34 .qpModeSwitch{
    display:flex!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    width:auto!important;
    height:34px!important;
    margin:0!important;
    padding:0!important;
    gap:28px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    clip-path:none!important;
  }
  #adiPersistentPlayerDock.userExpandedMobile #heroFeature.adiReactorPlayer34 .qpModeSwitch::before,
  #adiPersistentPlayerDock.userExpandedMobile #heroFeature.adiReactorPlayer34 .qpModeSwitch::after{
    display:none!important;content:none!important;
  }
  #adiPersistentPlayerDock.userExpandedMobile #heroFeature.adiReactorPlayer34 .qpModeSwitch button{
    position:relative!important;
    flex:0 0 auto!important;
    min-width:58px!important;
    width:auto!important;
    height:34px!important;
    margin:0!important;
    padding:0 2px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:6px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    clip-path:none!important;
    color:#777f92!important;
    font-size:8px!important;
    font-weight:850!important;
    line-height:1!important;
    letter-spacing:.18em!important;
    text-shadow:none!important;
  }
  #adiPersistentPlayerDock.userExpandedMobile #heroFeature.adiReactorPlayer34 .qpModeSwitch button::before{display:none!important;content:none!important}
  #adiPersistentPlayerDock.userExpandedMobile #heroFeature.adiReactorPlayer34 .qpModeSwitch button::after{
    content:""!important;
    position:absolute!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    width:100%!important;
    height:1px!important;
    opacity:0!important;
    transform:scaleX(.45)!important;
    transform-origin:center!important;
    background:linear-gradient(90deg,transparent,var(--r39-cyan) 22%,var(--r39-cyan) 78%,transparent)!important;
    box-shadow:0 0 8px rgba(85,239,255,.45)!important;
    transition:opacity .18s ease,transform .18s ease!important;
  }
  #adiPersistentPlayerDock.userExpandedMobile #heroFeature.adiReactorPlayer34 .qpModeSwitch button.active{
    color:#dffbff!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    text-shadow:0 0 9px rgba(85,239,255,.18)!important;
  }
  #adiPersistentPlayerDock.userExpandedMobile #heroFeature.adiReactorPlayer34 .qpModeSwitch button.active::after{
    opacity:1!important;transform:scaleX(1)!important;
  }
  #adiPersistentPlayerDock.userExpandedMobile #heroFeature.adiReactorPlayer34.radioMode #qpModeRadio.active::after{
    background:linear-gradient(90deg,transparent,var(--r39-mag) 22%,var(--r39-mag) 78%,transparent)!important;
    box-shadow:0 0 8px rgba(239,90,202,.36)!important;
  }
  #adiPersistentPlayerDock.userExpandedMobile #heroFeature.adiReactorPlayer34 .qpModeDot{
    display:block!important;
    width:3px!important;height:3px!important;flex:0 0 3px!important;
    border-radius:50%!important;
    background:var(--r39-red)!important;
    box-shadow:0 0 5px rgba(239,83,100,.45)!important;
  }
  #adiPersistentPlayerDock.userExpandedMobile #heroFeature.adiReactorPlayer34 .qpModeSwitch button.active .qpModeDot{
    background:var(--r39-green)!important;
    box-shadow:0 0 7px rgba(78,240,194,.78)!important;
    transform:none!important;
  }
  #adiPersistentPlayerDock.userExpandedMobile #heroFeature.adiReactorPlayer34.isPlaying .qpModeSwitch button.active .qpModeDot{
    animation:r39StatusPulse 2.2s ease-in-out infinite!important;
  }
  #adiPersistentPlayerDock.userExpandedMobile #heroFeature.adiReactorPlayer34 .qpLiveMark34{display:none!important}

  /* Collapse is the discreet utility/menu glyph visible in the concept. */
  #adiPersistentPlayerDock.userExpandedMobile #adiPlayerDockToggle{
    position:absolute!important;
    z-index:8!important;
    top:11px!important;
    right:13px!important;
    bottom:auto!important;
    width:22px!important;height:22px!important;min-width:22px!important;
    margin:0!important;padding:0!important;
    display:grid!important;place-items:center!important;
    border:0!important;border-radius:5px!important;
    background:transparent!important;
    color:#8290a0!important;
    box-shadow:none!important;
    font-size:0!important;
    clip-path:none!important;
  }
  #adiPersistentPlayerDock.userExpandedMobile #adiPlayerDockToggle::before{
    content:"≡"!important;
    font:500 15px/1 Arial,sans-serif!important;
    color:#8391a0!important;
    letter-spacing:-1px!important;
  }
  #adiPersistentPlayerDock.userExpandedMobile #adiPlayerDockToggle::after{display:none!important;content:none!important}

  /* MAIN BODY — taller, calmer, nearly the same proportions as mockup #3. */
  #adiPersistentPlayerDock.userExpandedMobile #heroFeature.adiReactorPlayer34 .qpMain{
    position:relative!important;
    z-index:2!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:9px 22px 28px 84px 80px 20px!important;
    row-gap:2px!important;
    align-items:center!important;
    justify-items:center!important;
    width:100%!important;
    min-height:0!important;
    max-height:none!important;
    height:auto!important;
    margin:0!important;
    padding:10px 12px 8px!important;
    box-sizing:border-box!important;
    overflow:visible!important;
    border:1px solid rgba(96,190,220,.13)!important;
    border-left-color:rgba(85,239,255,.24)!important;
    border-right-color:rgba(239,90,202,.11)!important;
    border-radius:16px!important;
    background:
      radial-gradient(80% 42% at 50% 80%,rgba(64,68,224,.055),transparent 67%),
      linear-gradient(180deg,rgba(2,7,14,.985),rgba(2,6,12,.995))!important;
    box-shadow:
      inset 0 0 42px rgba(15,74,112,.018),
      inset 0 1px 0 rgba(255,255,255,.012)!important;
    clip-path:none!important;
  }
  #adiPersistentPlayerDock.userExpandedMobile #heroFeature.adiReactorPlayer34 .qpMain::before{
    content:""!important;
    position:absolute!important;
    left:50%!important;
    top:121px!important;
    width:1px!important;
    height:106px!important;
    transform:translateX(-50%)!important;
    pointer-events:none!important;
    opacity:.42!important;
    background:linear-gradient(to bottom,transparent,rgba(85,239,255,.24) 34%,rgba(117,88,255,.20) 67%,transparent)!important;
    box-shadow:0 0 8px rgba(85,239,255,.07)!important;
  }
  #adiPersistentPlayerDock.userExpandedMobile #heroFeature.adiReactorPlayer34 .qpMain::after{display:none!important;content:none!important}
  #adiPersistentPlayerDock.userExpandedMobile #heroFeature.adiReactorPlayer34 .qpData{display:contents!important}

  #adiPersistentPlayerDock.userExpandedMobile #heroFeature.adiReactorPlayer34 .qpEyebrow{
    grid-column:1!important;grid-row:1!important;
    align-self:end!important;
    width:100%!important;margin:0!important;padding:0!important;
    text-align:center!important;
    color:#7f8998!important;
    font-size:6px!important;font-weight:650!important;line-height:1!important;
    letter-spacing:.17em!important;
  }
  #adiPersistentPlayerDock.userExpandedMobile #heroFeature.adiReactorPlayer34 .qpData h2{
    grid-column:1!important;grid-row:2!important;
    align-self:center!important;
    width:100%!important;max-width:286px!important;
    margin:0!important;padding:0!important;
    overflow:hidden!important;white-space:nowrap!important;text-overflow:ellipsis!important;
    text-align:center!important;
    color:var(--r39-text)!important;
    font-size:16px!important;font-weight:800!important;line-height:1!important;letter-spacing:.01em!important;
    text-shadow:0 0 14px rgba(85,239,255,.055)!important;
  }
  #adiPersistentPlayerDock.userExpandedMobile #heroFeature.adiReactorPlayer34 .qpData p{
    grid-column:1!important;grid-row:3!important;
    align-self:start!important;
    display:-webkit-box!important;
    width:100%!important;max-width:255px!important;min-height:0!important;
    margin:1px 0 0!important;padding:0!important;
    overflow:hidden!important;
    -webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;
    white-space:normal!important;text-overflow:ellipsis!important;
    text-align:center!important;
    color:#8b96a5!important;
    font-size:7px!important;font-weight:450!important;line-height:1.35!important;letter-spacing:.005em!important;
  }

  /* ALBUM ART — visually important, not a thumbnail. */
  #adiPersistentPlayerDock.userExpandedMobile #heroFeature.adiReactorPlayer34 .qpCoverStage,
  #adiPersistentPlayerDock.userExpandedMobile #heroFeature.adiReactorPlayer34.radioMode .qpCoverStage{
    grid-column:1!important;grid-row:4!important;
    align-self:center!important;justify-self:center!important;
    width:82px!important;min-width:82px!important;height:82px!important;min-height:82px!important;aspect-ratio:1!important;
    margin:0!important;padding:0!important;
    overflow:visible!important;
    border-radius:13px!important;
    transform:none!important;
    box-shadow:0 12px 26px rgba(0,0,0,.48)!important;
  }
  #adiPersistentPlayerDock.userExpandedMobile #heroFeature.adiReactorPlayer34 .qpCoverStage img{
    position:relative!important;z-index:2!important;
    width:100%!important;height:100%!important;object-fit:cover!important;
    margin:0!important;padding:0!important;
    border:1px solid rgba(105,215,236,.22)!important;border-radius:12px!important;
    background:#050a11!important;
    box-shadow:0 0 0 1px rgba(255,255,255,.018),0 0 22px rgba(55,172,222,.05)!important;
  }
  #adiPersistentPlayerDock.userExpandedMobile #heroFeature.adiReactorPlayer34.radioMode .qpCoverStage img{
    object-fit:contain!important;padding:10px!important;
    background:radial-gradient(circle,rgba(40,190,229,.055),rgba(3,7,14,.97) 70%)!important;
  }
  #adiPersistentPlayerDock.userExpandedMobile #heroFeature.adiReactorPlayer34 .qpCoverGlow{
    display:block!important;
    position:absolute!important;inset:-18%!important;z-index:0!important;
    opacity:.55!important;filter:blur(15px)!important;
    background:radial-gradient(circle,rgba(85,239,255,.11),rgba(117,88,255,.05) 44%,transparent 72%)!important;
  }
  #adiPersistentPlayerDock.userExpandedMobile #heroFeature.adiReactorPlayer34 .qpCorner{
    display:block!important;position:absolute!important;z-index:3!important;
    width:11px!important;height:11px!important;
    border-color:rgba(102,231,248,.38)!important;
    filter:drop-shadow(0 0 4px rgba(85,239,255,.13))!important;
  }
  #adiPersistentPlayerDock.userExpandedMobile #heroFeature.adiReactorPlayer34 .qpScan{display:none!important}

  /* TRANSPORT — a true reactor, but still elegant. */
  #adiPersistentPlayerDock.userExpandedMobile #heroFeature.adiReactorPlayer34 .qpControls,
  #adiPersistentPlayerDock.userExpandedMobile #heroFeature.adiReactorPlayer34.radioMode .qpControls{
    grid-column:1!important;grid-row:5!important;
    position:relative!important;
    display:flex!important;align-items:center!important;justify-content:space-between!important;
    align-self:center!important;justify-self:center!important;
    width:222px!important;height:80px!important;min-height:80px!important;
    margin:0!important;padding:0!important;gap:0!important;
    overflow:visible!important;
    left:auto!important;right:auto!important;bottom:auto!important;
  }
  #adiPersistentPlayerDock.userExpandedMobile #heroFeature.adiReactorPlayer34 .qpControls::before,
  #adiPersistentPlayerDock.userExpandedMobile #heroFeature.adiReactorPlayer34 .qpControls::after{
    content:""!important;
    position:absolute!important;top:50%!important;width:52px!important;height:1px!important;
    pointer-events:none!important;opacity:.38!important;
    background:linear-gradient(90deg,transparent,rgba(85,239,255,.72))!important;
  }
  #adiPersistentPlayerDock.userExpandedMobile #heroFeature.adiReactorPlayer34 .qpControls::before{left:34px!important}
  #adiPersistentPlayerDock.userExpandedMobile #heroFeature.adiReactorPlayer34 .qpControls::after{right:34px!important;transform:scaleX(-1)!important}

  #adiPersistentPlayerDock.userExpandedMobile #heroFeature.adiReactorPlayer34 .qpControls button:not(.qpPlay){
    position:relative!important;z-index:3!important;
    width:34px!important;min-width:34px!important;height:34px!important;flex:0 0 34px!important;
    margin:0!important;padding:0!important;
    display:grid!important;place-items:center!important;
    border:1px solid rgba(164,183,202,.15)!important;border-radius:50%!important;
    background:rgba(2,7,13,.94)!important;
    color:#dce7ef!important;
    box-shadow:inset 0 0 14px rgba(255,255,255,.012)!important;
    font-size:0!important;line-height:1!important;
    clip-path:none!important;
  }
  #adiPersistentPlayerDock.userExpandedMobile #heroFeature.adiReactorPlayer34 #qpPrev::before{
    content:"|◁"!important;font:700 11px/1 Arial,sans-serif!important;letter-spacing:-1.2px!important;color:#d7e2ea!important;
  }
  #adiPersistentPlayerDock.userExpandedMobile #heroFeature.adiReactorPlayer34 #qpNext::before{
    content:"▷|"!important;font:700 11px/1 Arial,sans-serif!important;letter-spacing:-1.2px!important;color:#d7e2ea!important;
  }

  #adiPersistentPlayerDock.userExpandedMobile #heroFeature.adiReactorPlayer34 .qpPlay,
  #adiPersistentPlayerDock.userExpandedMobile #heroFeature.adiReactorPlayer34.radioMode .qpPlay{
    position:relative!important;z-index:4!important;isolation:isolate!important;
    width:62px!important;min-width:62px!important;height:62px!important;flex:0 0 62px!important;
    margin:0!important;padding:0!important;
    display:grid!important;place-items:center!important;
    border:1px solid rgba(93,231,255,.65)!important;border-radius:50%!important;
    color:#ecfdff!important;
    background:
      radial-gradient(circle at 47% 43%,rgba(91,239,255,.34) 0 6%,rgba(29,157,218,.24) 27%,rgba(12,48,98,.46) 48%,rgba(4,12,29,.98) 70%)!important;
    box-shadow:
      0 0 0 5px rgba(85,239,255,.038),
      0 0 0 9px rgba(117,88,255,.032),
      0 0 26px rgba(56,205,255,.22),
      0 0 42px rgba(117,88,255,.08),
      inset 0 0 20px rgba(111,239,255,.14)!important;
    font-size:18px!important;line-height:1!important;
    text-shadow:0 0 10px rgba(122,245,255,.70)!important;
    clip-path:none!important;
  }
  #adiPersistentPlayerDock.userExpandedMobile #heroFeature.adiReactorPlayer34 .qpPlay::before,
  #adiPersistentPlayerDock.userExpandedMobile #heroFeature.adiReactorPlayer34 .qpPlay::after{
    content:""!important;
    position:absolute!important;pointer-events:none!important;border-radius:50%!important;z-index:-1!important;
  }
  #adiPersistentPlayerDock.userExpandedMobile #heroFeature.adiReactorPlayer34 .qpPlay::before{
    inset:-10px!important;
    border:1px solid transparent!important;
    background:
      conic-gradient(from 12deg,transparent 0 8%,rgba(85,239,255,.75) 9% 12%,transparent 13% 29%,rgba(117,88,255,.58) 30% 34%,transparent 35% 53%,rgba(239,90,202,.56) 54% 58%,transparent 59% 77%,rgba(85,239,255,.56) 78% 82%,transparent 83% 100%) border-box!important;
    -webkit-mask:linear-gradient(#000 0 0) padding-box,linear-gradient(#000 0 0)!important;
    -webkit-mask-composite:xor!important;
    mask-composite:exclude!important;
    padding:1px!important;
    box-shadow:0 0 10px rgba(85,239,255,.06)!important;
  }
  #adiPersistentPlayerDock.userExpandedMobile #heroFeature.adiReactorPlayer34 .qpPlay::after{
    inset:-17px!important;
    border:1px solid rgba(111,137,186,.10)!important;
    border-top-color:rgba(85,239,255,.28)!important;
    border-right-color:rgba(117,88,255,.22)!important;
    border-bottom-color:rgba(239,90,202,.20)!important;
    box-shadow:inset 0 0 0 4px rgba(85,239,255,.012)!important;
  }
  #adiPersistentPlayerDock.userExpandedMobile #heroFeature.adiReactorPlayer34.isPlaying .qpPlay::before{animation:r39ReactorA 7s linear infinite!important}
  #adiPersistentPlayerDock.userExpandedMobile #heroFeature.adiReactorPlayer34.isPlaying .qpPlay::after{animation:r39ReactorB 11s linear infinite reverse!important}

  /* PROGRESS — thin spectral line with a tiny waveform in the center. */
  #adiPersistentPlayerDock.userExpandedMobile #heroFeature.adiReactorPlayer34 .qpWave{
    grid-column:1!important;grid-row:6!important;z-index:2!important;
    align-self:center!important;justify-self:center!important;
    display:flex!important;align-items:center!important;justify-content:center!important;
    width:126px!important;height:12px!important;margin:0!important;padding:0!important;gap:1px!important;
    opacity:.66!important;pointer-events:none!important;
  }
  #adiPersistentPlayerDock.userExpandedMobile #heroFeature.adiReactorPlayer34 .qpWave span{
    width:1px!important;min-width:1px!important;border-radius:2px!important;
    background:linear-gradient(to top,var(--r39-mag),var(--r39-violet) 46%,var(--r39-cyan))!important;
    box-shadow:none!important;
  }
  #adiPersistentPlayerDock.userExpandedMobile #heroFeature.adiReactorPlayer34 .qpSeekWrap{
    grid-column:1!important;grid-row:6!important;z-index:3!important;
    align-self:center!important;justify-self:stretch!important;
    display:flex!important;align-items:center!important;
    width:100%!important;height:18px!important;margin:0!important;padding:0!important;gap:6px!important;
    color:#748194!important;font-size:6px!important;line-height:1!important;
  }
  #adiPersistentPlayerDock.userExpandedMobile #heroFeature.adiReactorPlayer34 .qpSeekWrap span{
    width:28px!important;flex:0 0 28px!important;font-variant-numeric:tabular-nums!important;
  }
  #adiPersistentPlayerDock.userExpandedMobile #heroFeature.adiReactorPlayer34 .qpSeekWrap span:first-child{text-align:left!important}
  #adiPersistentPlayerDock.userExpandedMobile #heroFeature.adiReactorPlayer34 .qpSeekWrap span:last-child{text-align:right!important}
  #adiPersistentPlayerDock.userExpandedMobile #heroFeature.adiReactorPlayer34 #qpSeek{
    flex:1 1 auto!important;width:auto!important;min-width:0!important;height:12px!important;margin:0!important;padding:0!important;
    appearance:none!important;-webkit-appearance:none!important;background:transparent!important;
  }
  #adiPersistentPlayerDock.userExpandedMobile #heroFeature.adiReactorPlayer34 #qpSeek::-webkit-slider-runnable-track{
    height:1px!important;border-radius:999px!important;
    background:linear-gradient(90deg,var(--r39-cyan),var(--r39-violet) 52%,var(--r39-mag))!important;
    box-shadow:0 0 7px rgba(85,239,255,.10)!important;
  }
  #adiPersistentPlayerDock.userExpandedMobile #heroFeature.adiReactorPlayer34 #qpSeek::-webkit-slider-thumb{
    width:5px!important;height:5px!important;margin-top:-2px!important;border:0!important;border-radius:50%!important;
    background:#7af5ff!important;box-shadow:0 0 8px rgba(122,245,255,.62)!important;
    -webkit-appearance:none!important;appearance:none!important;
  }

  /* Continuous Play: functional but visually quiet. */
  #adiPersistentPlayerDock.userExpandedMobile #heroFeature.adiReactorPlayer34 .qpContinuous{
    position:absolute!important;z-index:7!important;
    top:10px!important;right:39px!important;
    display:grid!important;place-items:center!important;
    width:20px!important;min-width:20px!important;height:20px!important;min-height:20px!important;
    margin:0!important;padding:0!important;
    border:0!important;border-radius:50%!important;
    background:transparent!important;box-shadow:none!important;
    font-size:0!important;line-height:1!important;
  }
  #adiPersistentPlayerDock.userExpandedMobile #heroFeature.adiReactorPlayer34.radioMode .qpContinuous{display:none!important}
  #adiPersistentPlayerDock.userExpandedMobile #heroFeature.adiReactorPlayer34 .qpContinuous::before{
    content:"∞"!important;font:500 12px/1 Arial,sans-serif!important;color:#566677!important;
  }
  #adiPersistentPlayerDock.userExpandedMobile #heroFeature.adiReactorPlayer34 .qpContinuous.active::before{
    color:#78f5df!important;text-shadow:0 0 7px rgba(78,240,194,.28)!important;
  }
  #adiPersistentPlayerDock.userExpandedMobile #heroFeature.adiReactorPlayer34 .qpToggle,
  #adiPersistentPlayerDock.userExpandedMobile #heroFeature.adiReactorPlayer34 .qpContinuousText{display:none!important}

  /* RADIO — four tiny presets, same chassis, no layout jump. */
  #adiPersistentPlayerDock.userExpandedMobile #heroFeature.adiReactorPlayer34 .qpRadioPresets{
    grid-column:1!important;grid-row:6!important;z-index:6!important;
    align-self:center!important;justify-self:center!important;
    width:210px!important;height:18px!important;margin:0!important;padding:0!important;
    display:none!important;grid-template-columns:repeat(4,1fr)!important;gap:5px!important;
  }
  #adiPersistentPlayerDock.userExpandedMobile #heroFeature.adiReactorPlayer34.radioMode .qpRadioPresets{display:grid!important}
  #adiPersistentPlayerDock.userExpandedMobile #heroFeature.adiReactorPlayer34 .qpRadioPresets button{
    min-width:0!important;min-height:18px!important;height:18px!important;margin:0!important;padding:0!important;
    display:grid!important;place-items:center!important;
    border:1px solid rgba(255,255,255,.065)!important;border-radius:5px!important;
    background:rgba(3,8,15,.86)!important;color:#7f8b9a!important;box-shadow:none!important;
  }
  #adiPersistentPlayerDock.userExpandedMobile #heroFeature.adiReactorPlayer34 .qpRadioPresets button.active{
    border-color:rgba(78,240,194,.22)!important;background:rgba(78,240,194,.035)!important;color:#c6fff1!important;
  }
  #adiPersistentPlayerDock.userExpandedMobile #heroFeature.adiReactorPlayer34 .qpRadioPresets strong{
    font-size:6px!important;line-height:1!important;letter-spacing:.08em!important;color:inherit!important;
  }
  #adiPersistentPlayerDock.userExpandedMobile #heroFeature.adiReactorPlayer34 .qpRadioPresets span{display:none!important}
  #adiPersistentPlayerDock.userExpandedMobile #heroFeature.adiReactorPlayer34.radioMode .qpWave,
  #adiPersistentPlayerDock.userExpandedMobile #heroFeature.adiReactorPlayer34.radioMode .qpSeekWrap{visibility:hidden!important;pointer-events:none!important}

  /* FOOTER — same visual ending as the selected reference. */
  #adiPersistentPlayerDock.userExpandedMobile #heroFeature.adiReactorPlayer34 .qpFooter{
    position:relative!important;z-index:3!important;
    display:flex!important;align-items:center!important;justify-content:space-between!important;
    width:100%!important;min-height:24px!important;height:24px!important;
    margin:0!important;padding:4px 10px 0!important;box-sizing:border-box!important;
    border:0!important;border-top:1px solid rgba(100,128,158,.055)!important;
    color:#748092!important;font-size:6px!important;line-height:1!important;letter-spacing:.12em!important;
    background:transparent!important;
  }
  #adiPersistentPlayerDock.userExpandedMobile #heroFeature.adiReactorPlayer34 .qpFooter a{
    color:#62effa!important;font-size:6px!important;font-weight:850!important;letter-spacing:.13em!important;
    text-shadow:0 0 7px rgba(85,239,255,.12)!important;
  }
}

@media (max-width:360px){
  #adiPersistentPlayerDock.userExpandedMobile{width:min(312px,calc(100vw - 18px))!important;max-width:312px!important}
  #adiPersistentPlayerDock.userExpandedMobile #heroFeature.adiReactorPlayer34 .qpControls,
  #adiPersistentPlayerDock.userExpandedMobile #heroFeature.adiReactorPlayer34.radioMode .qpControls{width:210px!important}
  #adiPersistentPlayerDock.userExpandedMobile #heroFeature.adiReactorPlayer34 .qpCoverStage,
  #adiPersistentPlayerDock.userExpandedMobile #heroFeature.adiReactorPlayer34.radioMode .qpCoverStage{width:78px!important;min-width:78px!important;height:78px!important;min-height:78px!important}
}

@keyframes r39ReactorA{to{transform:rotate(360deg)}}
@keyframes r39ReactorB{to{transform:rotate(360deg)}}
@keyframes r39StatusPulse{50%{opacity:.55;box-shadow:0 0 10px rgba(78,240,194,.85)}}

@media (prefers-reduced-motion:reduce){
  #adiPersistentPlayerDock.userExpandedMobile #heroFeature.adiReactorPlayer34 .qpPlay::before,
  #adiPersistentPlayerDock.userExpandedMobile #heroFeature.adiReactorPlayer34 .qpPlay::after,
  #adiPersistentPlayerDock.userExpandedMobile #heroFeature.adiReactorPlayer34 .qpModeDot{animation:none!important}
}

/* ======================================================================
   ADIMASTER RELEASE 40 — REACTOR PLAYER V10 — MOBILE WIDE COSMIC
   Precision pass based on real S23 Ultra capture. Visual-only override.

   Portrait geometry target at 384 CSS px viewport:
   dock 376 px wide (4 px side clearance), chassis ~214 px high.
   top rail 29 px / main 157 px / footer 18 px.
   main content: 86 px cover + 10 px gap + remaining transport/data column.
   ====================================================================== */
@media (max-width:760px) and (orientation:portrait){
  #adiPersistentPlayerDock.userExpandedMobile{
    left:4px!important;
    right:4px!important;
    bottom:max(5px,env(safe-area-inset-bottom))!important;
    width:auto!important;
    max-width:none!important;
    height:214px!important;
    max-height:214px!important;
    transform:none!important;
    overflow:visible!important;
    contain:layout paint!important;
  }

  #adiPersistentPlayerDock.userExpandedMobile #heroFeature.adiReactorPlayer34{
    --r40-cyan:#61f4ff;
    --r40-blue:#2ba8ff;
    --r40-violet:#745dff;
    --r40-mag:#f05bd8;
    --r40-green:#52f1c8;
    position:relative!important;
    width:100%!important;
    height:214px!important;
    min-height:214px!important;
    max-height:214px!important;
    margin:0!important;
    padding:5px!important;
    overflow:hidden!important;
    border-radius:17px!important;
    border:1px solid rgba(122,151,183,.20)!important;
    border-left-color:rgba(97,244,255,.46)!important;
    border-right-color:rgba(240,91,216,.30)!important;
    background:
      radial-gradient(72% 115% at 49% 122%,rgba(76,68,255,.14),transparent 59%),
      radial-gradient(38% 70% at 4% 55%,rgba(23,183,255,.08),transparent 73%),
      radial-gradient(36% 70% at 98% 48%,rgba(240,91,216,.055),transparent 76%),
      linear-gradient(180deg,rgba(2,7,15,.995),rgba(1,5,11,.998))!important;
    box-shadow:
      0 18px 46px rgba(0,0,0,.70),
      0 0 34px rgba(36,179,244,.065),
      inset 0 1px 0 rgba(255,255,255,.02),
      inset 0 -1px 0 rgba(126,80,255,.035)!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
  #adiPersistentPlayerDock.userExpandedMobile #heroFeature.adiReactorPlayer34:hover{
    transform:none!important;
  }

  /* Chassis edge: long, clean energy rails instead of decorative plates. */
  #adiPersistentPlayerDock.userExpandedMobile #heroFeature.adiReactorPlayer34::before{
    content:""!important;
    display:block!important;
    position:absolute!important;
    inset:0!important;
    z-index:0!important;
    pointer-events:none!important;
    border-radius:17px!important;
    opacity:1!important;
    background:
      radial-gradient(circle at 8% 17%,rgba(97,244,255,.72) 0 1px,transparent 1.8px),
      radial-gradient(circle at 18% 75%,rgba(101,157,255,.35) 0 1px,transparent 1.7px),
      radial-gradient(circle at 71% 20%,rgba(142,112,255,.28) 0 1px,transparent 1.6px),
      radial-gradient(circle at 91% 67%,rgba(240,91,216,.31) 0 1px,transparent 1.7px),
      linear-gradient(90deg,transparent 0%,rgba(97,244,255,.86) 8%,rgba(74,173,255,.25) 28%,transparent 46%,rgba(117,93,255,.22) 66%,rgba(240,91,216,.62) 92%,transparent 100%) top/100% 1px no-repeat,
      linear-gradient(90deg,transparent 2%,rgba(97,244,255,.13) 19%,transparent 42%,transparent 58%,rgba(240,91,216,.10) 83%,transparent 98%) bottom/100% 1px no-repeat!important;
    box-shadow:none!important;
    -webkit-mask:none!important;
    mask:none!important;
  }

  /* 29 px header rail. */
  #adiPersistentPlayerDock.userExpandedMobile #heroFeature.adiReactorPlayer34 .qpTopline{
    position:relative!important;
    z-index:4!important;
    width:100%!important;
    height:29px!important;
    min-height:29px!important;
    margin:0!important;
    padding:0 40px 0 12px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    border:0!important;
    border-bottom:1px solid rgba(114,150,184,.09)!important;
    background:transparent!important;
    clip-path:none!important;
  }
  #adiPersistentPlayerDock.userExpandedMobile #heroFeature.adiReactorPlayer34 .qpModeSwitch{
    width:auto!important;
    height:29px!important;
    display:flex!important;
    align-items:stretch!important;
    gap:34px!important;
  }
  #adiPersistentPlayerDock.userExpandedMobile #heroFeature.adiReactorPlayer34 .qpModeSwitch button{
    min-width:65px!important;
    height:29px!important;
    padding:0!important;
    gap:7px!important;
    display:flex!important;
    justify-content:flex-start!important;
    align-items:center!important;
    color:#788497!important;
    font-size:8px!important;
    font-weight:850!important;
    line-height:1!important;
    letter-spacing:.18em!important;
  }
  #adiPersistentPlayerDock.userExpandedMobile #heroFeature.adiReactorPlayer34 .qpModeSwitch button::after{
    left:0!important;right:0!important;bottom:-1px!important;height:1px!important;
    background:linear-gradient(90deg,transparent,var(--r40-cyan) 18%,var(--r40-cyan) 82%,transparent)!important;
    box-shadow:0 0 10px rgba(97,244,255,.52)!important;
  }
  #adiPersistentPlayerDock.userExpandedMobile #heroFeature.adiReactorPlayer34.radioMode #qpModeRadio.active::after{
    background:linear-gradient(90deg,transparent,var(--r40-mag) 18%,var(--r40-mag) 82%,transparent)!important;
    box-shadow:0 0 10px rgba(240,91,216,.38)!important;
  }
  #adiPersistentPlayerDock.userExpandedMobile #heroFeature.adiReactorPlayer34 .qpModeDot{
    width:4px!important;height:4px!important;flex:0 0 4px!important;
  }

  /* Collapse control stays utility-only, top-right. */
  #adiPersistentPlayerDock.userExpandedMobile #adiPlayerDockToggle{
    top:8px!important;right:10px!important;
    width:22px!important;height:22px!important;min-width:22px!important;min-height:22px!important;
    border:1px solid rgba(113,169,194,.12)!important;
    border-radius:6px!important;
    background:rgba(4,11,20,.74)!important;
    box-shadow:inset 0 0 12px rgba(78,209,255,.025)!important;
  }
  #adiPersistentPlayerDock.userExpandedMobile #adiPlayerDockToggle::before{
    content:"⌄"!important;
    color:#7e91a4!important;
    font:600 14px/1 Arial,sans-serif!important;
    transform:translateY(-1px)!important;
  }

  /* 157 px body. Horizontal architecture uses the width instead of height. */
  #adiPersistentPlayerDock.userExpandedMobile #heroFeature.adiReactorPlayer34 .qpMain{
    position:relative!important;
    z-index:2!important;
    width:100%!important;
    height:157px!important;
    min-height:157px!important;
    max-height:157px!important;
    margin:0!important;
    padding:8px 10px!important;
    box-sizing:border-box!important;
    overflow:visible!important;
    display:grid!important;
    grid-template-columns:86px minmax(0,1fr)!important;
    grid-template-rows:8px 22px 15px 68px 16px!important;
    column-gap:10px!important;
    row-gap:2px!important;
    align-items:center!important;
    justify-items:stretch!important;
    border:1px solid rgba(85,191,226,.12)!important;
    border-left-color:rgba(97,244,255,.22)!important;
    border-right-color:rgba(240,91,216,.10)!important;
    border-radius:13px!important;
    background:
      radial-gradient(80px 90px at 52px 72px,rgba(28,178,255,.07),transparent 74%),
      radial-gradient(130px 105px at 72% 58%,rgba(91,68,255,.065),transparent 76%),
      linear-gradient(180deg,rgba(2,8,16,.985),rgba(1,6,13,.995))!important;
    box-shadow:inset 0 0 44px rgba(15,81,124,.018)!important;
    clip-path:none!important;
  }
  /* Micro-star field + reactor axis; deliberately subtle. */
  #adiPersistentPlayerDock.userExpandedMobile #heroFeature.adiReactorPlayer34 .qpMain::before{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    width:auto!important;height:auto!important;
    left:0!important;top:0!important;
    transform:none!important;
    opacity:.8!important;
    pointer-events:none!important;
    background:
      radial-gradient(circle at 8% 22%,rgba(117,240,255,.55) 0 1px,transparent 1.6px),
      radial-gradient(circle at 18% 67%,rgba(117,240,255,.24) 0 1px,transparent 1.6px),
      radial-gradient(circle at 42% 14%,rgba(153,145,255,.22) 0 1px,transparent 1.5px),
      radial-gradient(circle at 69% 79%,rgba(135,108,255,.20) 0 1px,transparent 1.5px),
      radial-gradient(circle at 88% 31%,rgba(245,113,221,.22) 0 1px,transparent 1.5px)!important;
    box-shadow:none!important;
  }
  #adiPersistentPlayerDock.userExpandedMobile #heroFeature.adiReactorPlayer34 .qpMain::after{
    content:""!important;
    display:block!important;
    position:absolute!important;
    z-index:0!important;
    left:calc(86px + 10px + (100% - 106px)/2)!important;
    top:67px!important;
    width:1px!important;height:68px!important;
    pointer-events:none!important;
    opacity:.20!important;
    background:linear-gradient(to bottom,transparent,rgba(97,244,255,.68) 42%,rgba(117,93,255,.46) 68%,transparent)!important;
    box-shadow:0 0 9px rgba(97,244,255,.15)!important;
  }
  #adiPersistentPlayerDock.userExpandedMobile #heroFeature.adiReactorPlayer34 .qpData{display:contents!important}

  /* Artwork 86x86 — substantial, but compact. */
  #adiPersistentPlayerDock.userExpandedMobile #heroFeature.adiReactorPlayer34 .qpCoverStage,
  #adiPersistentPlayerDock.userExpandedMobile #heroFeature.adiReactorPlayer34.radioMode .qpCoverStage{
    grid-column:1!important;
    grid-row:1 / span 4!important;
    align-self:center!important;justify-self:center!important;
    width:86px!important;min-width:86px!important;
    height:86px!important;min-height:86px!important;
    margin:0!important;padding:0!important;
    overflow:visible!important;
    border-radius:13px!important;
    box-shadow:0 12px 28px rgba(0,0,0,.46)!important;
  }
  #adiPersistentPlayerDock.userExpandedMobile #heroFeature.adiReactorPlayer34 .qpCoverStage img{
    width:86px!important;height:86px!important;
    border-radius:11px!important;
    border:1px solid rgba(111,229,244,.28)!important;
    box-shadow:
      0 0 0 1px rgba(255,255,255,.018),
      0 0 18px rgba(45,190,243,.07)!important;
  }
  #adiPersistentPlayerDock.userExpandedMobile #heroFeature.adiReactorPlayer34 .qpCoverGlow{
    inset:-18%!important;
    opacity:.74!important;
    filter:blur(13px)!important;
    background:radial-gradient(circle,rgba(97,244,255,.13),rgba(117,93,255,.055) 44%,transparent 72%)!important;
  }
  #adiPersistentPlayerDock.userExpandedMobile #heroFeature.adiReactorPlayer34 .qpCorner{
    width:12px!important;height:12px!important;
    border-color:rgba(105,239,252,.51)!important;
    filter:drop-shadow(0 0 5px rgba(97,244,255,.20))!important;
  }
  #adiPersistentPlayerDock.userExpandedMobile #heroFeature.adiReactorPlayer34 .qpScan{
    display:block!important;
    position:absolute!important;z-index:4!important;
    left:5px!important;right:5px!important;top:8px!important;height:1px!important;
    opacity:.20!important;
    background:linear-gradient(90deg,transparent,var(--r40-cyan),transparent)!important;
    animation:r40CoverScan 5.2s ease-in-out infinite!important;
  }

  /* Metadata precisely occupies the upper-right 49 px. */
  #adiPersistentPlayerDock.userExpandedMobile #heroFeature.adiReactorPlayer34 .qpEyebrow{
    grid-column:2!important;grid-row:1!important;
    align-self:end!important;
    width:100%!important;
    margin:0!important;padding:0!important;
    text-align:left!important;
    color:#758398!important;
    font-size:5.5px!important;font-weight:700!important;line-height:1!important;letter-spacing:.18em!important;
  }
  #adiPersistentPlayerDock.userExpandedMobile #heroFeature.adiReactorPlayer34 .qpData h2{
    grid-column:2!important;grid-row:2!important;
    width:100%!important;max-width:none!important;
    margin:0!important;padding:0!important;
    overflow:hidden!important;white-space:nowrap!important;text-overflow:ellipsis!important;
    text-align:left!important;
    color:#f3f8fc!important;
    font-size:15px!important;font-weight:840!important;line-height:1!important;letter-spacing:.005em!important;
    text-shadow:0 0 12px rgba(97,244,255,.055)!important;
  }
  #adiPersistentPlayerDock.userExpandedMobile #heroFeature.adiReactorPlayer34 .qpData p{
    grid-column:2!important;grid-row:3!important;
    align-self:start!important;
    display:block!important;
    width:100%!important;max-width:none!important;min-height:0!important;
    margin:0!important;padding:0!important;
    overflow:hidden!important;white-space:nowrap!important;text-overflow:ellipsis!important;
    text-align:left!important;
    color:#8391a3!important;
    font-size:6.5px!important;font-weight:480!important;line-height:1.2!important;
  }

  /* Reactor transport: 68 px row, 224 px wide. */
  #adiPersistentPlayerDock.userExpandedMobile #heroFeature.adiReactorPlayer34 .qpControls,
  #adiPersistentPlayerDock.userExpandedMobile #heroFeature.adiReactorPlayer34.radioMode .qpControls{
    grid-column:2!important;grid-row:4!important;
    position:relative!important;
    align-self:center!important;justify-self:center!important;
    display:flex!important;align-items:center!important;justify-content:space-between!important;
    width:min(224px,100%)!important;
    height:68px!important;min-height:68px!important;
    margin:0!important;padding:0 3px!important;gap:0!important;
    overflow:visible!important;
  }
  #adiPersistentPlayerDock.userExpandedMobile #heroFeature.adiReactorPlayer34 .qpControls::before,
  #adiPersistentPlayerDock.userExpandedMobile #heroFeature.adiReactorPlayer34 .qpControls::after{
    top:50%!important;width:48px!important;height:1px!important;opacity:.40!important;
    background:linear-gradient(90deg,transparent,rgba(97,244,255,.68))!important;
  }
  #adiPersistentPlayerDock.userExpandedMobile #heroFeature.adiReactorPlayer34 .qpControls::before{left:29px!important}
  #adiPersistentPlayerDock.userExpandedMobile #heroFeature.adiReactorPlayer34 .qpControls::after{right:29px!important}
  #adiPersistentPlayerDock.userExpandedMobile #heroFeature.adiReactorPlayer34 .qpControls button:not(.qpPlay){
    width:33px!important;height:33px!important;min-width:33px!important;min-height:33px!important;
    border:1px solid rgba(117,155,183,.18)!important;
    border-radius:50%!important;
    background:rgba(3,9,17,.78)!important;
    color:#b9c8d3!important;
    box-shadow:inset 0 0 14px rgba(55,180,233,.025)!important;
    font-size:18px!important;font-weight:300!important;line-height:1!important;
  }
  #adiPersistentPlayerDock.userExpandedMobile #heroFeature.adiReactorPlayer34 .qpPlay{
    position:relative!important;z-index:4!important;
    width:56px!important;height:56px!important;min-width:56px!important;min-height:56px!important;
    margin:0!important;padding:0 0 0 2px!important;
    border:1px solid rgba(116,240,255,.64)!important;
    border-radius:50%!important;
    color:#eaffff!important;
    background:
      radial-gradient(circle at 50% 45%,rgba(111,250,255,.33) 0 5%,rgba(37,166,225,.28) 24%,rgba(16,63,120,.55) 47%,rgba(3,11,27,.98) 70%)!important;
    box-shadow:
      0 0 0 4px rgba(97,244,255,.035),
      0 0 0 8px rgba(117,93,255,.026),
      0 0 22px rgba(65,218,255,.25),
      0 0 34px rgba(117,93,255,.10),
      inset 0 0 18px rgba(118,245,255,.16)!important;
    font-size:16px!important;
    text-shadow:0 0 10px rgba(151,251,255,.78)!important;
  }
  #adiPersistentPlayerDock.userExpandedMobile #heroFeature.adiReactorPlayer34 .qpPlay::before{
    inset:-8px!important;padding:1px!important;
    background:conic-gradient(from 0deg,transparent 0 10%,rgba(97,244,255,.95) 10% 13%,transparent 13% 31%,rgba(117,93,255,.70) 31% 35%,transparent 35% 54%,rgba(240,91,216,.67) 54% 58%,transparent 58% 79%,rgba(97,244,255,.72) 79% 83%,transparent 83% 100%) border-box!important;
    box-shadow:0 0 12px rgba(97,244,255,.08)!important;
  }
  #adiPersistentPlayerDock.userExpandedMobile #heroFeature.adiReactorPlayer34 .qpPlay::after{
    inset:-13px!important;
    border:1px solid rgba(116,141,184,.10)!important;
    border-top-color:rgba(97,244,255,.31)!important;
    border-right-color:rgba(117,93,255,.25)!important;
    border-bottom-color:rgba(240,91,216,.20)!important;
    box-shadow:inset 0 0 0 3px rgba(97,244,255,.012)!important;
  }
  #adiPersistentPlayerDock.userExpandedMobile #heroFeature.adiReactorPlayer34.isPlaying .qpPlay::before{animation:r40OrbitA 5.8s linear infinite!important}
  #adiPersistentPlayerDock.userExpandedMobile #heroFeature.adiReactorPlayer34.isPlaying .qpPlay::after{animation:r40OrbitB 9.5s linear infinite reverse!important}

  /* Progress uses the entire player width. */
  #adiPersistentPlayerDock.userExpandedMobile #heroFeature.adiReactorPlayer34 .qpWave{
    grid-column:1 / -1!important;grid-row:5!important;
    align-self:center!important;justify-self:center!important;
    width:128px!important;height:10px!important;margin:0!important;padding:0!important;
    z-index:2!important;opacity:.70!important;
  }
  #adiPersistentPlayerDock.userExpandedMobile #heroFeature.adiReactorPlayer34 .qpSeekWrap{
    grid-column:1 / -1!important;grid-row:5!important;
    align-self:center!important;justify-self:stretch!important;
    width:100%!important;height:16px!important;margin:0!important;padding:0!important;gap:7px!important;
    z-index:3!important;
    color:#728196!important;font-size:5.5px!important;line-height:1!important;
  }
  #adiPersistentPlayerDock.userExpandedMobile #heroFeature.adiReactorPlayer34 .qpSeekWrap span{
    width:27px!important;flex:0 0 27px!important;
  }
  #adiPersistentPlayerDock.userExpandedMobile #heroFeature.adiReactorPlayer34 #qpSeek::-webkit-slider-runnable-track{
    height:1px!important;
    background:linear-gradient(90deg,var(--r40-cyan),var(--r40-blue) 31%,var(--r40-violet) 66%,var(--r40-mag))!important;
    box-shadow:0 0 8px rgba(97,244,255,.12)!important;
  }
  #adiPersistentPlayerDock.userExpandedMobile #heroFeature.adiReactorPlayer34 #qpSeek::-webkit-slider-thumb{
    width:7px!important;height:7px!important;margin-top:-3px!important;
    background:#89f9ff!important;
    box-shadow:0 0 9px rgba(137,249,255,.84)!important;
  }

  /* Continuous play is a tiny status control in the footer, not in the content. */
  #adiPersistentPlayerDock.userExpandedMobile #heroFeature.adiReactorPlayer34 .qpContinuous{
    position:absolute!important;
    z-index:8!important;
    left:50%!important;right:auto!important;top:auto!important;bottom:4px!important;
    transform:translateX(-50%)!important;
    display:grid!important;place-items:center!important;
    width:20px!important;height:16px!important;min-width:20px!important;min-height:16px!important;
    margin:0!important;padding:0!important;border:0!important;border-radius:8px!important;
    background:transparent!important;box-shadow:none!important;
    font-size:0!important;
  }
  #adiPersistentPlayerDock.userExpandedMobile #heroFeature.adiReactorPlayer34 .qpContinuous::before{
    content:"∞"!important;
    color:#556778!important;
    font:500 11px/1 Arial,sans-serif!important;
  }
  #adiPersistentPlayerDock.userExpandedMobile #heroFeature.adiReactorPlayer34 .qpContinuous.active::before{
    color:#72f4da!important;text-shadow:0 0 8px rgba(82,241,200,.38)!important;
  }
  #adiPersistentPlayerDock.userExpandedMobile #heroFeature.adiReactorPlayer34.radioMode .qpContinuous{display:none!important}

  /* Radio presets occupy the subtitle row; controls remain exactly in place. */
  #adiPersistentPlayerDock.userExpandedMobile #heroFeature.adiReactorPlayer34 .qpRadioPresets{
    grid-column:2!important;grid-row:3!important;
    align-self:center!important;justify-self:stretch!important;
    width:100%!important;height:14px!important;margin:0!important;padding:0!important;
    display:none!important;grid-template-columns:repeat(4,1fr)!important;gap:4px!important;
    z-index:6!important;
  }
  #adiPersistentPlayerDock.userExpandedMobile #heroFeature.adiReactorPlayer34.radioMode .qpRadioPresets{display:grid!important}
  #adiPersistentPlayerDock.userExpandedMobile #heroFeature.adiReactorPlayer34.radioMode .qpData p{display:none!important}
  #adiPersistentPlayerDock.userExpandedMobile #heroFeature.adiReactorPlayer34 .qpRadioPresets button{
    height:14px!important;min-height:14px!important;padding:0!important;
    border:1px solid rgba(118,149,177,.10)!important;border-radius:4px!important;
    background:rgba(3,9,17,.82)!important;color:#738395!important;
  }
  #adiPersistentPlayerDock.userExpandedMobile #heroFeature.adiReactorPlayer34 .qpRadioPresets button.active{
    border-color:rgba(82,241,200,.26)!important;background:rgba(82,241,200,.035)!important;color:#c9fff2!important;
  }
  #adiPersistentPlayerDock.userExpandedMobile #heroFeature.adiReactorPlayer34 .qpRadioPresets strong{font-size:5.5px!important}
  #adiPersistentPlayerDock.userExpandedMobile #heroFeature.adiReactorPlayer34.radioMode .qpWave,
  #adiPersistentPlayerDock.userExpandedMobile #heroFeature.adiReactorPlayer34.radioMode .qpSeekWrap{visibility:hidden!important;pointer-events:none!important}

  /* 18 px footer. */
  #adiPersistentPlayerDock.userExpandedMobile #heroFeature.adiReactorPlayer34 .qpFooter{
    position:relative!important;z-index:3!important;
    width:100%!important;height:18px!important;min-height:18px!important;
    margin:0!important;padding:3px 8px 0!important;
    display:flex!important;align-items:center!important;justify-content:space-between!important;
    border:0!important;border-top:1px solid rgba(105,137,168,.055)!important;
    color:#708094!important;font-size:5.5px!important;line-height:1!important;letter-spacing:.12em!important;
    background:transparent!important;
  }
  #adiPersistentPlayerDock.userExpandedMobile #heroFeature.adiReactorPlayer34 .qpFooter a{
    color:#68f1fb!important;font-size:5.5px!important;font-weight:850!important;letter-spacing:.13em!important;
    text-shadow:0 0 8px rgba(97,244,255,.14)!important;
  }

  /* CLOSED STATE — the note behaves like a small beacon asking to be tapped. */
  #adiPersistentPlayerDock:not(.userExpandedMobile){
    left:auto!important;right:11px!important;
    bottom:max(11px,env(safe-area-inset-bottom))!important;
    width:60px!important;height:60px!important;max-height:none!important;
    overflow:visible!important;contain:none!important;
  }
  #adiPersistentPlayerDock:not(.userExpandedMobile) #adiPlayerDockToggle{
    position:relative!important;
    width:58px!important;height:58px!important;min-width:58px!important;min-height:58px!important;
    margin:0!important;padding:0!important;
    overflow:visible!important;
    border:1px solid rgba(104,235,255,.46)!important;
    border-radius:50%!important;
    color:#ecfeff!important;
    font-size:0!important;
    background:
      radial-gradient(circle at 50% 44%,rgba(112,251,255,.25) 0 8%,rgba(30,161,224,.18) 30%,rgba(74,67,212,.18) 54%,rgba(4,10,22,.98) 73%)!important;
    box-shadow:
      0 0 0 4px rgba(97,244,255,.032),
      0 0 0 9px rgba(117,93,255,.025),
      0 0 24px rgba(60,217,255,.27),
      0 0 38px rgba(240,91,216,.09),
      inset 0 0 20px rgba(97,244,255,.12)!important;
    animation:r40Beacon 4.8s ease-in-out infinite!important;
  }
  #adiPersistentPlayerDock:not(.userExpandedMobile) #adiPlayerDockToggle::before{
    content:"♫"!important;
    display:block!important;
    position:absolute!important;left:50%!important;top:50%!important;
    transform:translate(-50%,-52%)!important;
    color:#e9ffff!important;
    font:700 23px/1 Arial,sans-serif!important;
    text-shadow:0 0 8px rgba(115,248,255,.92),0 0 18px rgba(80,181,255,.44)!important;
    animation:r40NoteCall 2.2s ease-in-out infinite!important;
  }
  #adiPersistentPlayerDock:not(.userExpandedMobile) #adiPlayerDockToggle::after{
    content:""!important;
    display:block!important;
    position:absolute!important;inset:-6px!important;
    border:1px solid rgba(97,244,255,.52)!important;
    border-right-color:rgba(240,91,216,.34)!important;
    border-radius:50%!important;
    box-shadow:0 0 0 8px rgba(97,244,255,.055),0 0 0 16px rgba(117,93,255,.025)!important;
    animation:r40Ping 2.6s cubic-bezier(.2,.65,.3,1) infinite!important;
    pointer-events:none!important;
  }
}

@media (max-width:370px) and (orientation:portrait){
  #adiPersistentPlayerDock.userExpandedMobile,
  #adiPersistentPlayerDock.userExpandedMobile #heroFeature.adiReactorPlayer34{
    height:208px!important;min-height:208px!important;max-height:208px!important;
  }
  #adiPersistentPlayerDock.userExpandedMobile #heroFeature.adiReactorPlayer34 .qpMain{
    height:151px!important;min-height:151px!important;max-height:151px!important;
    grid-template-columns:80px minmax(0,1fr)!important;
    grid-template-rows:8px 21px 14px 66px 16px!important;
    column-gap:8px!important;padding:7px 8px!important;
  }
  #adiPersistentPlayerDock.userExpandedMobile #heroFeature.adiReactorPlayer34 .qpCoverStage,
  #adiPersistentPlayerDock.userExpandedMobile #heroFeature.adiReactorPlayer34.radioMode .qpCoverStage,
  #adiPersistentPlayerDock.userExpandedMobile #heroFeature.adiReactorPlayer34 .qpCoverStage img{
    width:80px!important;min-width:80px!important;height:80px!important;min-height:80px!important;
  }
  #adiPersistentPlayerDock.userExpandedMobile #heroFeature.adiReactorPlayer34 .qpData h2{font-size:14px!important}
  #adiPersistentPlayerDock.userExpandedMobile #heroFeature.adiReactorPlayer34 .qpControls,
  #adiPersistentPlayerDock.userExpandedMobile #heroFeature.adiReactorPlayer34.radioMode .qpControls{width:min(210px,100%)!important;height:66px!important;min-height:66px!important}
}

@keyframes r40OrbitA{to{transform:rotate(360deg)}}
@keyframes r40OrbitB{to{transform:rotate(360deg)}}
@keyframes r40CoverScan{
  0%,12%{transform:translateY(0);opacity:0}
  20%{opacity:.22}
  58%{transform:translateY(68px);opacity:.13}
  70%,100%{transform:translateY(68px);opacity:0}
}
@keyframes r40Beacon{
  0%,68%,100%{transform:translateY(0) scale(1);filter:brightness(1)}
  72%{transform:translateY(-2px) scale(1.035);filter:brightness(1.16)}
  77%{transform:translateY(0) scale(.99);filter:brightness(1.02)}
  82%{transform:translateY(-1px) scale(1.02);filter:brightness(1.10)}
  88%{transform:translateY(0) scale(1);filter:brightness(1)}
}
@keyframes r40NoteCall{
  0%,100%{transform:translate(-50%,-52%) scale(1);opacity:.92}
  50%{transform:translate(-50%,-58%) scale(1.09);opacity:1}
}
@keyframes r40Ping{
  0%{transform:scale(.82);opacity:0}
  18%{opacity:.82}
  72%{transform:scale(1.22);opacity:0}
  100%{transform:scale(1.22);opacity:0}
}

@media (prefers-reduced-motion:reduce){
  #adiPersistentPlayerDock:not(.userExpandedMobile) #adiPlayerDockToggle,
  #adiPersistentPlayerDock:not(.userExpandedMobile) #adiPlayerDockToggle::before,
  #adiPersistentPlayerDock:not(.userExpandedMobile) #adiPlayerDockToggle::after,
  #adiPersistentPlayerDock.userExpandedMobile #heroFeature.adiReactorPlayer34 .qpScan,
  #adiPersistentPlayerDock.userExpandedMobile #heroFeature.adiReactorPlayer34 .qpPlay::before,
  #adiPersistentPlayerDock.userExpandedMobile #heroFeature.adiReactorPlayer34 .qpPlay::after{
    animation:none!important;
  }
}