/* ======================================================================
   ADIMASTER RELEASE 43 — REACTOR PLAYER V13 — DESKTOP PRECISION
   Desktop-only refinement over R42. Mobile R41/R40 untouched.
   Geometry target >=981px:
   dock width = clamp(600px, 38vw, 720px)
   chassis height = 216px fixed
   header 30px + body 160px + footer 18px + chassis padding 8px = 216px
   No audio/radio/state/routing changes.
   ====================================================================== */

@media (min-width:981px){
  #adiPersistentPlayerDock{
    right:16px!important;
    bottom:16px!important;
    width:clamp(600px,38vw,720px)!important;
    max-width:calc(100vw - 32px)!important;
  }

  #adiPersistentPlayerDock #heroFeature.adiReactorPlayer34{
    --r43-cyan:#70f7ff;
    --r43-blue:#35b6ff;
    --r43-violet:#7866ff;
    --r43-mag:#ee64dd;
    --r43-green:#57f2ca;
    height:216px!important;
    min-height:216px!important;
    max-height:216px!important;
    padding:4px!important;
    border-radius:16px!important;
    border:1px solid rgba(116,150,180,.18)!important;
    border-left-color:rgba(112,247,255,.46)!important;
    border-right-color:rgba(238,100,221,.29)!important;
    background:
      radial-gradient(54% 150% at 57% 120%,rgba(77,67,235,.13),transparent 60%),
      radial-gradient(35% 105% at 0% 48%,rgba(31,187,255,.078),transparent 73%),
      radial-gradient(28% 100% at 100% 46%,rgba(238,100,221,.052),transparent 75%),
      linear-gradient(180deg,rgba(2,7,15,.998),rgba(1,5,11,1))!important;
    box-shadow:
      0 18px 48px rgba(0,0,0,.66),
      0 0 34px rgba(52,188,246,.06),
      inset 0 1px 0 rgba(255,255,255,.018)!important;
  }

  #adiPersistentPlayerDock #heroFeature.adiReactorPlayer34 .qpTopline{
    height:30px!important;
    min-height:30px!important;
    padding:0 40px 0 16px!important;
  }
  #adiPersistentPlayerDock #heroFeature.adiReactorPlayer34 .qpModeSwitch{
    height:30px!important;
    gap:54px!important;
  }
  #adiPersistentPlayerDock #heroFeature.adiReactorPlayer34 .qpModeSwitch button{
    min-width:84px!important;
    height:30px!important;
    gap:8px!important;
    font-size:8.4px!important;
    letter-spacing:.19em!important;
  }
  #adiPersistentPlayerDock #heroFeature.adiReactorPlayer34 .qpModeSwitch button::after{
    left:6px!important;
    right:6px!important;
  }

  #adiPersistentPlayerDock #adiPlayerDockToggle{
    top:7px!important;
    right:9px!important;
    width:22px!important;
    height:22px!important;
    min-width:22px!important;
    min-height:22px!important;
  }

  #adiPersistentPlayerDock #heroFeature.adiReactorPlayer34 .qpMain{
    grid-template-columns:110px minmax(0,1fr)!important;
    grid-template-rows:8px 25px 14px 71px 18px!important;
    column-gap:15px!important;
    row-gap:2px!important;
    height:160px!important;
    min-height:160px!important;
    max-height:160px!important;
    padding:8px 13px!important;
    border-radius:12px!important;
    background:
      radial-gradient(100px 100px at 62px 76px,rgba(28,176,255,.064),transparent 74%),
      radial-gradient(230px 110px at 70% 60%,rgba(91,70,245,.054),transparent 76%),
      linear-gradient(180deg,rgba(2,8,16,.992),rgba(1,6,13,.999))!important;
  }

  #adiPersistentPlayerDock #heroFeature.adiReactorPlayer34 .qpMain::after{
    left:calc(110px + 15px + (100% - 151px)/2)!important;
    top:58px!important;
    height:72px!important;
    opacity:.14!important;
  }

  #adiPersistentPlayerDock #heroFeature.adiReactorPlayer34 .qpCoverStage,
  #adiPersistentPlayerDock #heroFeature.adiReactorPlayer34.radioMode .qpCoverStage{
    width:108px!important;
    min-width:108px!important;
    height:108px!important;
    min-height:108px!important;
    border-radius:13px!important;
  }
  #adiPersistentPlayerDock #heroFeature.adiReactorPlayer34 .qpCoverStage img{
    width:108px!important;
    height:108px!important;
    border-radius:11px!important;
  }
  #adiPersistentPlayerDock #heroFeature.adiReactorPlayer34.radioMode .qpCoverStage img{
    padding:17px!important;
  }
  #adiPersistentPlayerDock #heroFeature.adiReactorPlayer34 .qpCoverGlow{
    inset:-16%!important;
    filter:blur(14px)!important;
  }
  #adiPersistentPlayerDock #heroFeature.adiReactorPlayer34 .qpCorner{
    width:13px!important;
    height:13px!important;
  }

  #adiPersistentPlayerDock #heroFeature.adiReactorPlayer34 .qpEyebrow{
    font-size:6.2px!important;
    letter-spacing:.20em!important;
  }
  #adiPersistentPlayerDock #heroFeature.adiReactorPlayer34 .qpData h2{
    font-size:19px!important;
    font-weight:840!important;
    letter-spacing:-.018em!important;
  }
  #adiPersistentPlayerDock #heroFeature.adiReactorPlayer34 .qpData p{
    font-size:7.3px!important;
    line-height:1.2!important;
  }

  #adiPersistentPlayerDock #heroFeature.adiReactorPlayer34 .qpControls,
  #adiPersistentPlayerDock #heroFeature.adiReactorPlayer34.radioMode .qpControls{
    width:min(410px,90%)!important;
    height:71px!important;
    min-height:71px!important;
    padding:0 10px!important;
  }
  #adiPersistentPlayerDock #heroFeature.adiReactorPlayer34 .qpControls::before,
  #adiPersistentPlayerDock #heroFeature.adiReactorPlayer34 .qpControls::after{
    width:96px!important;
    opacity:.28!important;
  }
  #adiPersistentPlayerDock #heroFeature.adiReactorPlayer34 .qpControls::before{left:40px!important}
  #adiPersistentPlayerDock #heroFeature.adiReactorPlayer34 .qpControls::after{right:40px!important}

  #adiPersistentPlayerDock #heroFeature.adiReactorPlayer34 .qpControls button:not(.qpPlay){
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    min-height:36px!important;
    flex:0 0 36px!important;
  }
  #adiPersistentPlayerDock #heroFeature.adiReactorPlayer34 #qpPrev::before{
    left:12px!important;
  }
  #adiPersistentPlayerDock #heroFeature.adiReactorPlayer34 #qpPrev::after{
    left:10px!important;
    top:12px!important;
  }
  #adiPersistentPlayerDock #heroFeature.adiReactorPlayer34 #qpNext::before{
    right:12px!important;
  }
  #adiPersistentPlayerDock #heroFeature.adiReactorPlayer34 #qpNext::after{
    right:10px!important;
    top:12px!important;
  }

  #adiPersistentPlayerDock #heroFeature.adiReactorPlayer34 .qpPlay,
  #adiPersistentPlayerDock #heroFeature.adiReactorPlayer34.radioMode .qpPlay{
    width:62px!important;
    height:62px!important;
    min-width:62px!important;
    min-height:62px!important;
    flex:0 0 62px!important;
    font-size:17px!important;
    box-shadow:
      0 0 0 3px rgba(112,247,255,.034),
      0 0 0 9px rgba(120,102,255,.025),
      0 0 26px rgba(65,218,255,.27),
      0 0 38px rgba(120,102,255,.085),
      inset 0 0 19px rgba(126,247,255,.17),
      inset 0 -10px 18px rgba(8,24,58,.25)!important;
  }
  #adiPersistentPlayerDock #heroFeature.adiReactorPlayer34 .qpPlay::before{inset:-9px!important}
  #adiPersistentPlayerDock #heroFeature.adiReactorPlayer34 .qpPlay::after{inset:-15px!important}

  #adiPersistentPlayerDock #heroFeature.adiReactorPlayer34 .qpSeekWrap{
    gap:8px!important;
    font-size:6.2px!important;
  }
  #adiPersistentPlayerDock #heroFeature.adiReactorPlayer34 .qpSeekWrap span{
    width:32px!important;
  }
  #adiPersistentPlayerDock #heroFeature.adiReactorPlayer34 .qpWave{
    width:42px!important;
    height:12px!important;
  }
  #adiPersistentPlayerDock #heroFeature.adiReactorPlayer34 .qpContinuous{
    width:30px!important;
    min-width:30px!important;
  }

  #adiPersistentPlayerDock #heroFeature.adiReactorPlayer34 .qpRadioPresets{
    width:min(430px,95%)!important;
    height:18px!important;
    gap:5px!important;
  }
  #adiPersistentPlayerDock #heroFeature.adiReactorPlayer34 .qpRadioPresets button{
    height:18px!important;
    min-height:18px!important;
  }
  #adiPersistentPlayerDock #heroFeature.adiReactorPlayer34 .qpRadioPresets strong{
    font-size:6.1px!important;
  }
  #adiPersistentPlayerDock #heroFeature.adiReactorPlayer34.radioMode .qpControls{
    height:52px!important;
    min-height:52px!important;
  }
  #adiPersistentPlayerDock #heroFeature.adiReactorPlayer34.radioMode .qpPlay{
    width:58px!important;
    height:58px!important;
    min-width:58px!important;
    min-height:58px!important;
    flex-basis:58px!important;
  }

  #adiPersistentPlayerDock #heroFeature.adiReactorPlayer34 .qpFooter{
    height:18px!important;
    min-height:18px!important;
    padding:3px 9px 0!important;
    font-size:5.8px!important;
  }
  #adiPersistentPlayerDock #heroFeature.adiReactorPlayer34 .qpFooter a{
    font-size:5.8px!important;
  }

  /* Collapsed invitation: retain the accepted beacon, slightly stronger on desktop. */
  #adiPersistentPlayerDock.collapsed{
    width:70px!important;
    height:70px!important;
  }
  #adiPersistentPlayerDock.collapsed #adiPlayerDockToggle{
    width:66px!important;
    height:66px!important;
    min-width:66px!important;
    min-height:66px!important;
    box-shadow:
      0 0 0 4px rgba(112,247,255,.038),
      0 0 0 10px rgba(120,102,255,.025),
      0 0 28px rgba(63,219,255,.28),
      0 0 42px rgba(238,100,221,.085),
      inset 0 0 20px rgba(112,247,255,.13)!important;
  }
  #adiPersistentPlayerDock.collapsed #adiPlayerDockToggle::before{
    font-size:25px!important;
  }
  #adiPersistentPlayerDock.collapsed #adiPlayerDockToggle::after{
    inset:-7px!important;
    box-shadow:0 0 0 9px rgba(112,247,255,.05),0 0 0 18px rgba(120,102,255,.019)!important;
  }
}

@media (min-width:981px) and (max-width:1365px){
  #adiPersistentPlayerDock{width:600px!important}
  #adiPersistentPlayerDock #heroFeature.adiReactorPlayer34 .qpData h2{font-size:18px!important}
  #adiPersistentPlayerDock #heroFeature.adiReactorPlayer34 .qpControls{width:min(360px,90%)!important}
  #adiPersistentPlayerDock #heroFeature.adiReactorPlayer34 .qpControls::before,
  #adiPersistentPlayerDock #heroFeature.adiReactorPlayer34 .qpControls::after{width:76px!important}
}