/* ======================================================================
   ADIMASTER RELEASE 44 — REACTOR PLAYER V14 — DESKTOP UNIVERSE FUSION
   Desktop-only visual integration over R43.
   Mobile R41 geometry and all JS/audio/radio logic are untouched.

   Desktop geometry >= 981px:
   dock width: clamp(700px,40vw,780px)
   chassis: 218px
   header: 30px | body: 162px | footer: 18px | chassis padding: 8px
   body inner grid: 120px art | 198px metadata | flexible reactor field
   ====================================================================== */

@media (min-width:981px){
  #adiPersistentPlayerDock{
    right:14px!important;
    bottom:14px!important;
    width:clamp(700px,40vw,780px)!important;
    max-width:calc(100vw - 28px)!important;
  }

  #adiPersistentPlayerDock #heroFeature.adiReactorPlayer34{
    --r44-cyan:#73f7ff;
    --r44-blue:#2aa9ff;
    --r44-violet:#7b61ff;
    --r44-mag:#f05bd9;
    --r44-green:#58f0c9;
    position:relative!important;
    isolation:isolate!important;
    box-sizing:border-box!important;
    height:218px!important;
    min-height:218px!important;
    max-height:218px!important;
    padding:4px!important;
    overflow:hidden!important;
    border:1px solid rgba(102,210,245,.24)!important;
    border-left-color:rgba(115,247,255,.62)!important;
    border-right-color:rgba(240,91,217,.42)!important;
    border-radius:16px!important;
    background:
      radial-gradient(44% 170% at 72% 105%,rgba(83,69,255,.18),transparent 62%),
      radial-gradient(34% 140% at 13% 98%,rgba(31,185,255,.13),transparent 64%),
      radial-gradient(28% 130% at 100% 33%,rgba(240,91,217,.095),transparent 67%),
      linear-gradient(180deg,rgba(2,8,18,.982),rgba(1,5,13,.994))!important;
    box-shadow:
      0 20px 54px rgba(0,0,0,.62),
      -8px 0 34px rgba(60,218,255,.075),
      9px 0 36px rgba(240,91,217,.052),
      inset 0 1px 0 rgba(220,250,255,.035),
      inset 0 0 42px rgba(25,108,170,.035)!important;
  }

  /* Thin stellar shell + low horizon grid: same visual language as Gateway. */
  #adiPersistentPlayerDock #heroFeature.adiReactorPlayer34::before{
    content:""!important;
    display:block!important;
    position:absolute!important;
    inset:0!important;
    z-index:0!important;
    border-radius:16px!important;
    pointer-events:none!important;
    opacity:.92!important;
    background:
      radial-gradient(circle at 4% 23%,rgba(135,249,255,.80) 0 1px,transparent 1.6px),
      radial-gradient(circle at 11% 68%,rgba(77,183,255,.32) 0 1px,transparent 1.6px),
      radial-gradient(circle at 26% 19%,rgba(151,136,255,.28) 0 1px,transparent 1.55px),
      radial-gradient(circle at 45% 76%,rgba(92,191,255,.23) 0 1px,transparent 1.55px),
      radial-gradient(circle at 66% 15%,rgba(153,126,255,.26) 0 1px,transparent 1.55px),
      radial-gradient(circle at 81% 70%,rgba(237,102,222,.25) 0 1px,transparent 1.55px),
      radial-gradient(circle at 95% 28%,rgba(246,132,227,.42) 0 1px,transparent 1.6px),
      linear-gradient(90deg,transparent 0%,rgba(115,247,255,.94) 5%,rgba(50,166,255,.22) 29%,transparent 47%,rgba(123,97,255,.17) 69%,rgba(240,91,217,.68) 95%,transparent 100%) top/100% 1px no-repeat,
      linear-gradient(90deg,transparent 1%,rgba(115,247,255,.13) 18%,transparent 42%,transparent 58%,rgba(240,91,217,.105) 82%,transparent 99%) bottom/100% 1px no-repeat!important;
    -webkit-mask:none!important;
    mask:none!important;
  }
  #adiPersistentPlayerDock #heroFeature.adiReactorPlayer34::after{
    content:""!important;
    display:block!important;
    position:absolute!important;
    left:6px!important;
    right:6px!important;
    bottom:4px!important;
    height:74px!important;
    z-index:0!important;
    pointer-events:none!important;
    opacity:.40!important;
    background:
      repeating-linear-gradient(90deg,rgba(73,196,255,.085) 0 1px,transparent 1px 27px),
      repeating-linear-gradient(0deg,rgba(104,107,255,.065) 0 1px,transparent 1px 18px),
      radial-gradient(ellipse at 70% 100%,rgba(67,102,255,.15),transparent 56%)!important;
    transform:perspective(170px) rotateX(58deg) scaleX(1.02)!important;
    transform-origin:50% 100%!important;
    -webkit-mask-image:linear-gradient(to top,#000,transparent 88%)!important;
    mask-image:linear-gradient(to top,#000,transparent 88%)!important;
  }

  #adiPersistentPlayerDock #heroFeature.adiReactorPlayer34 > *{
    position:relative!important;
    z-index:2!important;
  }

  /* HEADER — clean rail, no old boxed-tab feeling. */
  #adiPersistentPlayerDock #heroFeature.adiReactorPlayer34 .qpTopline{
    box-sizing:border-box!important;
    height:30px!important;
    min-height:30px!important;
    padding:0 40px 0 16px!important;
    margin:0!important;
    border-bottom:1px solid rgba(108,181,218,.085)!important;
    background:linear-gradient(90deg,rgba(26,163,218,.025),transparent 38%,rgba(132,73,229,.018),transparent)!important;
  }
  #adiPersistentPlayerDock #heroFeature.adiReactorPlayer34 .qpModeSwitch{
    height:30px!important;
    gap:52px!important;
  }
  #adiPersistentPlayerDock #heroFeature.adiReactorPlayer34 .qpModeSwitch button{
    min-width:86px!important;
    height:30px!important;
    padding:0!important;
    gap:8px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    color:#7d8ba2!important;
    box-shadow:none!important;
    font-size:8.7px!important;
    font-weight:920!important;
    letter-spacing:.20em!important;
  }
  #adiPersistentPlayerDock #heroFeature.adiReactorPlayer34 .qpModeSwitch button.active{
    color:#ecfcff!important;
    text-shadow:0 0 13px rgba(115,247,255,.22)!important;
  }
  #adiPersistentPlayerDock #heroFeature.adiReactorPlayer34 .qpModeSwitch button::after{
    left:5px!important;
    right:5px!important;
    height:1px!important;
    background:linear-gradient(90deg,transparent,var(--r44-cyan) 18%,#b8fdff 50%,var(--r44-cyan) 82%,transparent)!important;
    box-shadow:0 0 10px rgba(115,247,255,.58),0 0 21px rgba(42,169,255,.19)!important;
  }
  #adiPersistentPlayerDock #heroFeature.adiReactorPlayer34.radioMode #qpModeRadio.active::after{
    background:linear-gradient(90deg,transparent,var(--r44-mag) 18%,#ffc1f1 50%,var(--r44-mag) 82%,transparent)!important;
    box-shadow:0 0 10px rgba(240,91,217,.45),0 0 20px rgba(123,97,255,.16)!important;
  }
  #adiPersistentPlayerDock #heroFeature.adiReactorPlayer34 .qpModeDot{
    width:4px!important;height:4px!important;flex:0 0 4px!important;
  }
  #adiPersistentPlayerDock #heroFeature.adiReactorPlayer34 .qpLiveMark34{display:none!important}

  /* BODY — deliberately filled: album + metadata + dedicated reactor field. */
  #adiPersistentPlayerDock #heroFeature.adiReactorPlayer34 .qpMain{
    position:relative!important;
    box-sizing:border-box!important;
    display:grid!important;
    grid-template-columns:120px minmax(198px,.80fr) minmax(292px,1.25fr)!important;
    grid-template-rows:8px 27px 14px 67px 18px!important;
    column-gap:14px!important;
    row-gap:2px!important;
    align-content:center!important;
    width:100%!important;
    height:162px!important;
    min-height:162px!important;
    max-height:162px!important;
    margin:0!important;
    padding:10px 12px!important;
    overflow:hidden!important;
    border:1px solid rgba(95,205,241,.145)!important;
    border-left-color:rgba(115,247,255,.28)!important;
    border-right-color:rgba(240,91,217,.15)!important;
    border-radius:12px!important;
    background:
      radial-gradient(150px 130px at 64px 79px,rgba(29,188,255,.12),transparent 72%),
      radial-gradient(250px 145px at 73% 56%,rgba(78,77,255,.12),transparent 68%),
      radial-gradient(180px 120px at 96% 46%,rgba(240,91,217,.07),transparent 74%),
      linear-gradient(180deg,rgba(2,10,21,.965),rgba(1,6,15,.982))!important;
    box-shadow:
      inset 0 0 44px rgba(25,105,164,.035),
      inset 0 1px 0 rgba(176,241,255,.018)!important;
  }
  #adiPersistentPlayerDock #heroFeature.adiReactorPlayer34 .qpMain::before{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    z-index:0!important;
    pointer-events:none!important;
    opacity:.80!important;
    background:
      radial-gradient(circle at 3% 22%,rgba(142,250,255,.58) 0 1px,transparent 1.6px),
      radial-gradient(circle at 16% 77%,rgba(79,184,255,.24) 0 1px,transparent 1.55px),
      radial-gradient(circle at 31% 12%,rgba(155,145,255,.22) 0 1px,transparent 1.55px),
      radial-gradient(circle at 55% 73%,rgba(87,180,255,.20) 0 1px,transparent 1.55px),
      radial-gradient(circle at 73% 17%,rgba(145,119,255,.24) 0 1px,transparent 1.55px),
      radial-gradient(circle at 88% 76%,rgba(240,91,217,.19) 0 1px,transparent 1.55px),
      linear-gradient(90deg,transparent 0 42%,rgba(78,205,255,.045) 50%,transparent 58%)!important;
  }
  #adiPersistentPlayerDock #heroFeature.adiReactorPlayer34 .qpMain::after{
    content:""!important;
    position:absolute!important;
    z-index:0!important;
    right:22px!important;
    top:11px!important;
    left:auto!important;
    width:320px!important;
    height:138px!important;
    border-radius:50%!important;
    border:1px solid rgba(99,203,255,.09)!important;
    opacity:.72!important;
    pointer-events:none!important;
    background:
      radial-gradient(circle at 50% 52%,rgba(54,194,255,.12) 0 4%,transparent 5% 19%,rgba(91,96,255,.052) 20% 21%,transparent 22% 35%,rgba(240,91,217,.035) 36% 37%,transparent 38%),
      conic-gradient(from 18deg,transparent 0 11%,rgba(115,247,255,.17) 11% 12%,transparent 12% 31%,rgba(123,97,255,.12) 31% 32%,transparent 32% 58%,rgba(240,91,217,.12) 58% 59%,transparent 59% 82%,rgba(115,247,255,.11) 82% 83%,transparent 83%)!important;
    box-shadow:inset 0 0 32px rgba(55,140,255,.035),0 0 40px rgba(75,83,255,.03)!important;
  }
  #adiPersistentPlayerDock #heroFeature.adiReactorPlayer34 .qpMain > *,
  #adiPersistentPlayerDock #heroFeature.adiReactorPlayer34 .qpData > *{
    position:relative!important;
    z-index:2!important;
  }

  /* Make qpData children real grid items, like the accepted mobile layout. */
  #adiPersistentPlayerDock #heroFeature.adiReactorPlayer34 .qpData{display:contents!important}

  /* ALBUM ART */
  #adiPersistentPlayerDock #heroFeature.adiReactorPlayer34 .qpCoverStage,
  #adiPersistentPlayerDock #heroFeature.adiReactorPlayer34.radioMode .qpCoverStage{
    grid-column:1!important;
    grid-row:1 / 6!important;
    align-self:center!important;
    justify-self:center!important;
    width:120px!important;min-width:120px!important;
    height:120px!important;min-height:120px!important;
    border-radius:13px!important;
    box-shadow:0 13px 31px rgba(0,0,0,.47),0 0 26px rgba(44,190,255,.065)!important;
  }
  #adiPersistentPlayerDock #heroFeature.adiReactorPlayer34 .qpCoverStage img{
    width:120px!important;height:120px!important;
    border-radius:11px!important;
    border:1px solid rgba(115,232,250,.34)!important;
    box-shadow:0 0 0 1px rgba(255,255,255,.018),0 0 22px rgba(42,187,243,.09),9px 0 26px rgba(123,97,255,.035)!important;
  }
  #adiPersistentPlayerDock #heroFeature.adiReactorPlayer34.radioMode .qpCoverStage img{
    padding:18px!important;
    object-fit:contain!important;
    background:radial-gradient(circle at 50% 44%,rgba(67,225,255,.14),rgba(17,36,82,.27) 37%,rgba(2,9,19,.96) 72%)!important;
  }
  #adiPersistentPlayerDock #heroFeature.adiReactorPlayer34 .qpCoverGlow{
    inset:-18%!important;
    opacity:.78!important;
    filter:blur(15px)!important;
    background:radial-gradient(circle,rgba(65,218,255,.22),rgba(95,88,255,.12) 39%,rgba(240,91,217,.05) 56%,transparent 72%)!important;
  }
  #adiPersistentPlayerDock #heroFeature.adiReactorPlayer34 .qpCorner{
    width:14px!important;height:14px!important;
    opacity:.88!important;
    border-color:rgba(115,247,255,.61)!important;
    filter:drop-shadow(0 0 4px rgba(115,247,255,.20))!important;
  }
  #adiPersistentPlayerDock #heroFeature.adiReactorPlayer34 .qpScan{
    left:5px!important;right:5px!important;
    opacity:.22!important;
    animation-duration:5.4s!important;
  }

  /* METADATA — compact but no longer microscopic. */
  #adiPersistentPlayerDock #heroFeature.adiReactorPlayer34 .qpEyebrow{
    grid-column:2!important;grid-row:1!important;
    align-self:end!important;
    margin:0!important;
    color:#75dff0!important;
    font-size:6.6px!important;
    font-weight:950!important;
    letter-spacing:.21em!important;
  }
  #adiPersistentPlayerDock #heroFeature.adiReactorPlayer34 .qpData h2{
    grid-column:2!important;grid-row:2!important;
    align-self:center!important;
    margin:0!important;
    min-width:0!important;
    overflow:hidden!important;
    white-space:nowrap!important;
    text-overflow:ellipsis!important;
    color:#f7fbff!important;
    font-size:20px!important;
    line-height:1!important;
    font-weight:850!important;
    letter-spacing:-.018em!important;
    text-shadow:0 0 15px rgba(115,247,255,.09),0 0 25px rgba(123,97,255,.04)!important;
  }
  #adiPersistentPlayerDock #heroFeature.adiReactorPlayer34 .qpData p{
    grid-column:2!important;grid-row:3!important;
    align-self:start!important;
    margin:0!important;
    min-width:0!important;
    overflow:hidden!important;
    white-space:nowrap!important;
    text-overflow:ellipsis!important;
    color:#8d9bb0!important;
    font-size:7.6px!important;
    line-height:1.15!important;
  }

  /* Waveform becomes an ambient instrument, filling the old dead zone. */
  #adiPersistentPlayerDock #heroFeature.adiReactorPlayer34 .qpWave{
    grid-column:2!important;grid-row:4!important;
    align-self:center!important;
    justify-self:stretch!important;
    width:100%!important;
    height:30px!important;
    margin:0!important;
    padding:0 5px!important;
    gap:4px!important;
    opacity:.72!important;
    border-left:1px solid rgba(115,247,255,.10)!important;
    border-right:1px solid rgba(240,91,217,.075)!important;
    background:linear-gradient(90deg,rgba(45,175,255,.025),transparent 35%,rgba(123,97,255,.035),rgba(240,91,217,.018))!important;
    box-shadow:inset 0 0 22px rgba(63,169,255,.02)!important;
  }
  #adiPersistentPlayerDock #heroFeature.adiReactorPlayer34 .qpWave span{
    width:3px!important;
    border-radius:3px!important;
    background:linear-gradient(to top,var(--r44-mag),var(--r44-violet) 43%,var(--r44-cyan))!important;
    box-shadow:0 0 7px rgba(115,247,255,.19)!important;
  }

  /* REACTOR FIELD — a miniature sibling of the center Gateway core. */
  #adiPersistentPlayerDock #heroFeature.adiReactorPlayer34 .qpControls,
  #adiPersistentPlayerDock #heroFeature.adiReactorPlayer34.radioMode .qpControls{
    grid-column:3!important;
    grid-row:1 / 5!important;
    align-self:center!important;
    justify-self:stretch!important;
    position:relative!important;
    width:100%!important;
    height:104px!important;
    min-height:104px!important;
    margin:0!important;
    padding:0 20px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:0!important;
  }
  #adiPersistentPlayerDock #heroFeature.adiReactorPlayer34 .qpControls::before,
  #adiPersistentPlayerDock #heroFeature.adiReactorPlayer34 .qpControls::after{
    content:""!important;
    position:absolute!important;
    top:50%!important;
    width:104px!important;
    height:1px!important;
    opacity:.78!important;
    pointer-events:none!important;
    transform:none!important;
    background:linear-gradient(90deg,transparent,rgba(115,247,255,.20) 28%,rgba(115,247,255,.72) 100%)!important;
    box-shadow:0 0 8px rgba(115,247,255,.18)!important;
  }
  #adiPersistentPlayerDock #heroFeature.adiReactorPlayer34 .qpControls::before{left:55px!important}
  #adiPersistentPlayerDock #heroFeature.adiReactorPlayer34 .qpControls::after{
    right:55px!important;
    background:linear-gradient(90deg,rgba(240,91,217,.60),rgba(123,97,255,.20) 60%,transparent)!important;
    box-shadow:0 0 8px rgba(240,91,217,.12)!important;
  }
  #adiPersistentPlayerDock #heroFeature.adiReactorPlayer34 .qpControls button:not(.qpPlay){
    position:relative!important;
    z-index:3!important;
    width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;flex:0 0 38px!important;
    padding:0!important;
    overflow:visible!important;
    border:1px solid rgba(122,166,199,.20)!important;
    border-radius:50%!important;
    background:radial-gradient(circle,rgba(15,43,72,.38),rgba(2,9,18,.93) 66%)!important;
    color:#d5e6ef!important;
    box-shadow:0 0 17px rgba(44,181,237,.045),inset 0 0 14px rgba(83,194,244,.035)!important;
    font-size:0!important;
    line-height:0!important;
    text-indent:-9999px!important;
  }
  #adiPersistentPlayerDock #heroFeature.adiReactorPlayer34 .qpControls button:not(.qpPlay):hover{
    border-color:rgba(115,247,255,.42)!important;
    box-shadow:0 0 20px rgba(74,211,255,.12),inset 0 0 14px rgba(83,194,244,.05)!important;
  }
  #adiPersistentPlayerDock #heroFeature.adiReactorPlayer34 #qpPrev::before,
  #adiPersistentPlayerDock #heroFeature.adiReactorPlayer34 #qpNext::before{
    content:""!important;
    position:absolute!important;
    top:50%!important;
    width:0!important;height:0!important;
    margin-top:-6px!important;
    border-top:6px solid transparent!important;
    border-bottom:6px solid transparent!important;
    filter:drop-shadow(0 0 5px rgba(115,247,255,.18))!important;
  }
  #adiPersistentPlayerDock #heroFeature.adiReactorPlayer34 #qpPrev::before{left:14px!important;border-right:8px solid #d2e3eb!important;border-left:0!important}
  #adiPersistentPlayerDock #heroFeature.adiReactorPlayer34 #qpNext::before{right:14px!important;border-left:8px solid #d2e3eb!important;border-right:0!important}
  #adiPersistentPlayerDock #heroFeature.adiReactorPlayer34 #qpPrev::after,
  #adiPersistentPlayerDock #heroFeature.adiReactorPlayer34 #qpNext::after{
    content:""!important;
    position:absolute!important;
    top:50%!important;
    width:1px!important;height:13px!important;
    margin-top:-6.5px!important;
    border:0!important;
    background:#d2e3eb!important;
    box-shadow:0 0 5px rgba(115,247,255,.18)!important;
  }
  #adiPersistentPlayerDock #heroFeature.adiReactorPlayer34 #qpPrev::after{left:11px!important}
  #adiPersistentPlayerDock #heroFeature.adiReactorPlayer34 #qpNext::after{right:11px!important}

  #adiPersistentPlayerDock #heroFeature.adiReactorPlayer34 .qpPlay,
  #adiPersistentPlayerDock #heroFeature.adiReactorPlayer34.radioMode .qpPlay{
    position:relative!important;
    z-index:4!important;
    width:72px!important;height:72px!important;min-width:72px!important;min-height:72px!important;flex:0 0 72px!important;
    padding-left:2px!important;
    border:1px solid rgba(128,245,255,.72)!important;
    border-radius:50%!important;
    color:#f2ffff!important;
    background:
      radial-gradient(circle at 50% 45%,rgba(191,255,255,.47) 0 3%,rgba(98,232,255,.36) 10%,rgba(44,171,232,.30) 27%,rgba(29,83,164,.47) 48%,rgba(7,19,49,.98) 70%)!important;
    box-shadow:
      0 0 0 4px rgba(115,247,255,.045),
      0 0 0 10px rgba(123,97,255,.035),
      0 0 29px rgba(65,218,255,.34),
      0 0 48px rgba(123,97,255,.13),
      0 0 64px rgba(240,91,217,.045),
      inset 0 0 22px rgba(145,251,255,.23),
      inset 0 -13px 20px rgba(5,18,55,.34)!important;
    font-size:19px!important;
    line-height:1!important;
    text-indent:0!important;
    text-shadow:0 0 9px rgba(160,255,255,.92)!important;
  }
  #adiPersistentPlayerDock #heroFeature.adiReactorPlayer34 .qpPlay::before{
    inset:-10px!important;
    border:1px solid transparent!important;
    background:conic-gradient(from 5deg,transparent 0 10%,rgba(115,247,255,.95) 10% 12%,transparent 12% 30%,rgba(42,169,255,.62) 30% 32%,transparent 32% 48%,rgba(123,97,255,.76) 48% 51%,transparent 51% 68%,rgba(240,91,217,.67) 68% 71%,transparent 71% 86%,rgba(115,247,255,.72) 86% 89%,transparent 89%) border-box!important;
    -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 1.5px),#000 0)!important;
    mask:radial-gradient(farthest-side,transparent calc(100% - 1.5px),#000 0)!important;
    box-shadow:0 0 13px rgba(115,247,255,.10)!important;
  }
  #adiPersistentPlayerDock #heroFeature.adiReactorPlayer34 .qpPlay::after{
    inset:-18px!important;
    border:1px solid rgba(116,141,184,.11)!important;
    border-top-color:rgba(115,247,255,.38)!important;
    border-right-color:rgba(123,97,255,.30)!important;
    border-bottom-color:rgba(240,91,217,.22)!important;
    box-shadow:inset 0 0 0 5px rgba(115,247,255,.012),0 0 18px rgba(74,168,255,.04)!important;
  }
  #adiPersistentPlayerDock #heroFeature.adiReactorPlayer34.isPlaying .qpPlay{
    animation:r44CorePulse 2.75s ease-in-out infinite!important;
  }
  #adiPersistentPlayerDock #heroFeature.adiReactorPlayer34.isPlaying .qpPlay::before{animation:r44OrbitA 5.3s linear infinite!important}
  #adiPersistentPlayerDock #heroFeature.adiReactorPlayer34.isPlaying .qpPlay::after{animation:r44OrbitB 8.8s linear infinite reverse!important}

  /* ENERGY RAIL / PROGRESS across metadata + reactor, not a tiny old-style slider. */
  #adiPersistentPlayerDock #heroFeature.adiReactorPlayer34 .qpSeekWrap{
    grid-column:2 / 4!important;
    grid-row:5!important;
    align-self:center!important;
    width:100%!important;
    height:18px!important;
    margin:0!important;
    gap:8px!important;
    color:#688098!important;
    font-size:6.1px!important;
  }
  #adiPersistentPlayerDock #heroFeature.adiReactorPlayer34 .qpSeekWrap span{
    width:31px!important;flex:0 0 31px!important;
  }
  #adiPersistentPlayerDock #heroFeature.adiReactorPlayer34 #qpSeek{
    height:12px!important;
  }
  #adiPersistentPlayerDock #heroFeature.adiReactorPlayer34 #qpSeek::-webkit-slider-runnable-track{
    height:2px!important;
    border-radius:99px!important;
    background:linear-gradient(90deg,var(--r44-cyan),var(--r44-blue) 30%,var(--r44-violet) 65%,var(--r44-mag))!important;
    box-shadow:0 0 8px rgba(115,247,255,.17),0 0 14px rgba(123,97,255,.07)!important;
  }
  #adiPersistentPlayerDock #heroFeature.adiReactorPlayer34 #qpSeek::-webkit-slider-thumb{
    width:8px!important;height:8px!important;margin-top:-3px!important;
    border:1px solid #d9ffff!important;
    background:#79f8ff!important;
    box-shadow:0 0 11px rgba(121,248,255,.88)!important;
  }

  /* Continuous Play = tiny deliberate reactor node, not a text strip. */
  #adiPersistentPlayerDock #heroFeature.adiReactorPlayer34 .qpContinuous{
    position:absolute!important;
    left:58%!important;
    bottom:7px!important;
    transform:translateX(-50%)!important;
    z-index:6!important;
    width:20px!important;height:13px!important;min-width:20px!important;min-height:13px!important;
    margin:0!important;padding:0!important;
    display:grid!important;place-items:center!important;
    border:1px solid rgba(100,147,171,.17)!important;
    border-radius:8px!important;
    background:rgba(2,9,18,.96)!important;
    box-shadow:0 0 0 2px rgba(2,9,18,.90),0 0 9px rgba(80,207,255,.035)!important;
    color:transparent!important;
  }
  #adiPersistentPlayerDock #heroFeature.adiReactorPlayer34 .qpContinuous::before{
    content:"∞"!important;
    position:static!important;
    color:#62798d!important;
    font:700 10px/1 Arial,sans-serif!important;
  }
  #adiPersistentPlayerDock #heroFeature.adiReactorPlayer34 .qpContinuous.active{
    border-color:rgba(88,240,201,.30)!important;
    box-shadow:0 0 0 2px rgba(2,9,18,.92),0 0 10px rgba(88,240,201,.14)!important;
  }
  #adiPersistentPlayerDock #heroFeature.adiReactorPlayer34 .qpContinuous.active::before{
    color:#5ef0cd!important;
    text-shadow:0 0 7px rgba(88,240,201,.54)!important;
  }
  #adiPersistentPlayerDock #heroFeature.adiReactorPlayer34 .qpContinuous .qpToggle,
  #adiPersistentPlayerDock #heroFeature.adiReactorPlayer34 .qpContinuous .qpContinuousText{display:none!important}

  /* RADIO presets occupy the metadata instrument zone when active. */
  #adiPersistentPlayerDock #heroFeature.adiReactorPlayer34 .qpRadioPresets{
    grid-column:2!important;
    grid-row:4!important;
    align-self:center!important;
    width:100%!important;
    height:39px!important;
    margin:0!important;
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:4px!important;
  }
  #adiPersistentPlayerDock #heroFeature.adiReactorPlayer34 .qpRadioPresets button{
    min-width:0!important;
    height:39px!important;min-height:39px!important;
    padding:4px 2px!important;
    border:1px solid rgba(108,160,188,.12)!important;
    border-radius:7px!important;
    background:linear-gradient(180deg,rgba(15,35,58,.27),rgba(2,9,18,.68))!important;
    box-shadow:inset 0 0 13px rgba(82,194,244,.018)!important;
  }
  #adiPersistentPlayerDock #heroFeature.adiReactorPlayer34 .qpRadioPresets strong{
    font-size:6.5px!important;color:#c2d3dd!important;
  }
  #adiPersistentPlayerDock #heroFeature.adiReactorPlayer34 .qpRadioPresets span{
    margin-top:2px!important;font-size:5.6px!important;color:#71869a!important;
  }
  #adiPersistentPlayerDock #heroFeature.adiReactorPlayer34 .qpRadioPresets button.active{
    border-color:rgba(88,240,201,.31)!important;
    background:linear-gradient(180deg,rgba(56,191,172,.11),rgba(3,13,23,.74))!important;
    box-shadow:0 0 14px rgba(88,240,201,.065),inset 0 0 12px rgba(88,240,201,.03)!important;
  }
  #adiPersistentPlayerDock #heroFeature.adiReactorPlayer34.radioMode .qpWave{visibility:hidden!important}
  #adiPersistentPlayerDock #heroFeature.adiReactorPlayer34.radioMode .qpControls{height:104px!important;min-height:104px!important}

  /* FOOTER */
  #adiPersistentPlayerDock #heroFeature.adiReactorPlayer34 .qpFooter{
    box-sizing:border-box!important;
    height:18px!important;min-height:18px!important;
    padding:3px 9px 0!important;
    border-top:0!important;
    color:#60768a!important;
    font-size:5.9px!important;
    letter-spacing:.14em!important;
  }
  #adiPersistentPlayerDock #heroFeature.adiReactorPlayer34 .qpFooter a{
    color:#63efff!important;
    font-size:5.9px!important;
    text-shadow:0 0 8px rgba(99,239,255,.18)!important;
  }

  /* OPEN/CLOSE control stays a tiny HUD control. */
  #adiPersistentPlayerDock #adiPlayerDockToggle{
    top:7px!important;right:9px!important;
    width:22px!important;height:22px!important;min-width:22px!important;min-height:22px!important;
    display:grid!important;place-items:center!important;
    border:1px solid rgba(110,183,212,.14)!important;
    border-radius:6px!important;
    background:linear-gradient(180deg,rgba(16,38,61,.38),rgba(2,9,18,.78))!important;
    box-shadow:inset 0 0 12px rgba(74,201,255,.035),0 0 10px rgba(65,218,255,.025)!important;
  }

  /* COLLAPSED BEACON — optically centered note, stronger 'click me' call. */
  #adiPersistentPlayerDock.collapsed{
    width:72px!important;height:72px!important;
  }
  #adiPersistentPlayerDock.collapsed #adiPlayerDockToggle{
    position:relative!important;
    width:66px!important;height:66px!important;min-width:66px!important;min-height:66px!important;
    margin:3px!important;
    display:block!important;
    border:1px solid rgba(115,247,255,.58)!important;
    border-radius:50%!important;
    background:
      radial-gradient(circle at 50% 46%,rgba(185,255,255,.34) 0 6%,rgba(48,190,238,.23) 23%,rgba(75,79,226,.19) 48%,rgba(22,20,82,.16) 61%,rgba(2,9,20,.99) 75%)!important;
    box-shadow:
      0 0 0 4px rgba(115,247,255,.042),
      0 0 0 10px rgba(123,97,255,.030),
      0 0 28px rgba(63,219,255,.34),
      0 0 45px rgba(240,91,217,.10),
      inset 0 0 20px rgba(115,247,255,.15)!important;
    animation:r44BeaconCall 4.2s ease-in-out infinite!important;
  }
  #adiPersistentPlayerDock.collapsed #adiPlayerDockToggle::before{
    content:"♫"!important;
    position:absolute!important;
    left:50%!important;top:50%!important;
    width:30px!important;height:30px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    color:#f2ffff!important;
    font:700 26px/30px "Segoe UI Symbol","Arial Unicode MS",Arial,sans-serif!important;
    transform:translate(-52%,-51%)!important;
    text-align:center!important;
    text-indent:0!important;
    text-shadow:0 0 9px rgba(151,253,255,.98),0 0 20px rgba(73,186,255,.50)!important;
    animation:r44NoteBreathe 2.0s ease-in-out infinite!important;
  }
  #adiPersistentPlayerDock.collapsed #adiPlayerDockToggle::after{
    content:""!important;
    display:block!important;
    position:absolute!important;
    inset:-7px!important;
    border:1px solid rgba(115,247,255,.62)!important;
    border-right-color:rgba(240,91,217,.37)!important;
    border-bottom-color:rgba(123,97,255,.34)!important;
    border-radius:50%!important;
    box-shadow:0 0 0 8px rgba(115,247,255,.052),0 0 0 17px rgba(123,97,255,.022)!important;
    animation:r44Radar 2.65s cubic-bezier(.18,.64,.26,1) infinite!important;
    pointer-events:none!important;
  }
}

@media (min-width:981px) and (max-width:1280px){
  #adiPersistentPlayerDock{width:700px!important}
  #adiPersistentPlayerDock #heroFeature.adiReactorPlayer34 .qpMain{
    grid-template-columns:116px minmax(185px,.78fr) minmax(270px,1.2fr)!important;
    column-gap:12px!important;
  }
  #adiPersistentPlayerDock #heroFeature.adiReactorPlayer34 .qpCoverStage,
  #adiPersistentPlayerDock #heroFeature.adiReactorPlayer34.radioMode .qpCoverStage,
  #adiPersistentPlayerDock #heroFeature.adiReactorPlayer34 .qpCoverStage img{
    width:116px!important;min-width:116px!important;height:116px!important;min-height:116px!important;
  }
  #adiPersistentPlayerDock #heroFeature.adiReactorPlayer34 .qpData h2{font-size:18.5px!important}
  #adiPersistentPlayerDock #heroFeature.adiReactorPlayer34 .qpControls::before,
  #adiPersistentPlayerDock #heroFeature.adiReactorPlayer34 .qpControls::after{width:87px!important}
}

@keyframes r44CorePulse{
  0%,100%{filter:brightness(1);box-shadow:0 0 0 4px rgba(115,247,255,.045),0 0 0 10px rgba(123,97,255,.035),0 0 29px rgba(65,218,255,.34),0 0 48px rgba(123,97,255,.13),inset 0 0 22px rgba(145,251,255,.23),inset 0 -13px 20px rgba(5,18,55,.34)}
  50%{filter:brightness(1.08);box-shadow:0 0 0 4px rgba(115,247,255,.065),0 0 0 10px rgba(123,97,255,.05),0 0 38px rgba(65,218,255,.46),0 0 59px rgba(123,97,255,.17),0 0 70px rgba(240,91,217,.055),inset 0 0 26px rgba(145,251,255,.29),inset 0 -13px 20px rgba(5,18,55,.31)}
}
@keyframes r44OrbitA{to{transform:rotate(360deg)}}
@keyframes r44OrbitB{to{transform:rotate(360deg)}}
@keyframes r44BeaconCall{
  0%,72%,100%{transform:translateY(0) scale(1);filter:brightness(1)}
  80%{transform:translateY(-3px) scale(1.025);filter:brightness(1.12)}
  88%{transform:translateY(0) scale(1);filter:brightness(1.03)}
}
@keyframes r44NoteBreathe{
  0%,100%{opacity:.88;filter:brightness(.94)}
  50%{opacity:1;filter:brightness(1.20)}
}
@keyframes r44Radar{
  0%{transform:scale(.88);opacity:.78}
  70%,100%{transform:scale(1.26);opacity:0}
}

@media (prefers-reduced-motion:reduce) and (min-width:981px){
  #adiPersistentPlayerDock #heroFeature.adiReactorPlayer34.isPlaying .qpPlay,
  #adiPersistentPlayerDock #heroFeature.adiReactorPlayer34.isPlaying .qpPlay::before,
  #adiPersistentPlayerDock #heroFeature.adiReactorPlayer34.isPlaying .qpPlay::after,
  #adiPersistentPlayerDock.collapsed #adiPlayerDockToggle,
  #adiPersistentPlayerDock.collapsed #adiPlayerDockToggle::before,
  #adiPersistentPlayerDock.collapsed #adiPlayerDockToggle::after{animation:none!important}
}