/* BPM mobile floating player — presentation-only; no audio/AutoDJ changes. */
@media (max-width: 760px) {
  body { padding-bottom: calc(86px + env(safe-area-inset-bottom)) !important; }
  body:has(#bpmGlobalPlayer.is-collapsed) { padding-bottom: calc(86px + env(safe-area-inset-bottom)) !important; }
  #bpmGlobalPlayer.bpm-mobile-float {
    position: fixed !important; left: auto !important; right: var(--bpm-float-right, 12px) !important;
    bottom: calc(86px + env(safe-area-inset-bottom)) !important;
    width: 146px !important; max-width: calc(100vw - 24px) !important;
    border-radius: 24px !important; z-index: 190 !important;
    touch-action: auto; transition: opacity .15s ease;
  }
  #bpmGlobalPlayer.bpm-mobile-float .bpm-gp-main,
  .page-index #bpmGlobalPlayer.bpm-mobile-float .bpm-gp-main {
    display: flex !important; align-items: center !important; height: 54px !important;
    padding: 5px !important; gap: 4px !important; grid-template-columns: none !important;
  }
  #bpmGlobalPlayer.bpm-mobile-float .bpm-gp-cover { width: 42px !important; height: 42px !important; flex: 0 0 42px !important; border-radius: 16px !important; }
  #bpmGlobalPlayer.bpm-mobile-float .bpm-gp-controls { display: flex !important; align-items:center !important; flex: 0 0 auto !important; }
  #bpmGlobalPlayer.bpm-mobile-float .bpm-gp-controls > :not(#bpmGpPlay) { display: none !important; }
  #bpmGlobalPlayer.bpm-mobile-float .bpm-gp-meta,
  #bpmGlobalPlayer.bpm-mobile-float .bpm-gp-time,
  #bpmGlobalPlayer.bpm-mobile-float .bpm-gp-progress,
  #bpmGlobalPlayer.bpm-mobile-float .bpm-gp-volume,
  #bpmGlobalPlayer.bpm-mobile-float .bpm-gp-search-btn { display: none !important; }
  #bpmGlobalPlayer.bpm-mobile-float #bpmGpPlay { width: 38px !important; height: 38px !important; min-width: 38px !important; }
  #bpmGlobalPlayer.bpm-mobile-float .bpm-gp-collapse { display: flex !important; width: 30px !important; height: 38px !important; padding: 0 !important; justify-content:center; align-items:center; }
  #bpmGlobalPlayer.bpm-mobile-float .bpm-float-grip { position:absolute;top:-12px;right:8px;width:38px;height:18px;border-radius:12px 12px 0 0;background:#1a2b46;color:#dceaff;border:1px solid rgba(255,255,255,.14);border-bottom:0;display:flex;align-items:center;justify-content:center;touch-action:none;cursor:grab;font-size:12px; }
  #bpmGlobalPlayer.bpm-mobile-float .bpm-float-grip:active { cursor:grabbing; }
  #bpmGlobalPlayer.bpm-mobile-float .bpm-gp-panel { position:absolute !important;bottom:calc(100% + 20px) !important;right:0 !important;left:auto !important;width:min(360px, calc(100vw - 24px)) !important;max-height: min(62dvh,520px) !important;overflow-y:auto !important; }
  #bpmGlobalPlayer.bpm-mobile-float.is-collapsed { width: 146px !important; right:var(--bpm-float-right, 12px) !important; }
  body.bpm-mobile-menu-visible #bpmGlobalPlayer.bpm-mobile-float { opacity:0 !important; pointer-events:none !important; }
}
@media (prefers-reduced-motion: reduce) { #bpmGlobalPlayer.bpm-mobile-float { transition:none !important; } }