/* css/packs/o.css | Source: MonarqueXD_v95L_GUILDORIGINS.html lignes 59506-59560 (id="mx-fx-pack-o-styles") */
/* ============================================================ */
/*  PACK O — Bouton mute musique discret                        */
/* ============================================================ */

#mx-mute-btn {
  position: fixed;
  top: 16px;
  right: 16px;
  z-index: 99999;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: linear-gradient(135deg, rgba(20,10,30,.85) 0%, rgba(8,4,16,.95) 100%);
  border: 1px solid rgba(80, 220, 255, .4);
  color: #80e8ff;
  font-size: 1.3em;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 0 14px rgba(80, 220, 255, .25), inset 0 1px 0 rgba(255,255,255,.08);
  transition: all .2s ease;
  backdrop-filter: blur(6px);
  text-shadow: 0 0 6px currentColor;
  font-family: system-ui, sans-serif;
}
#mx-mute-btn:hover {
  transform: scale(1.08);
  box-shadow: 0 0 22px rgba(80, 220, 255, .55);
  border-color: #50dcff;
}
#mx-mute-btn:active { transform: scale(.92); }
#mx-mute-btn.muted {
  border-color: rgba(255, 80, 80, .5);
  color: #ff8080;
  box-shadow: 0 0 12px rgba(255, 80, 80, .25);
}
#mx-mute-btn.muted:hover {
  box-shadow: 0 0 22px rgba(255, 80, 80, .5);
}

/* Si HUD du Pack F est présent, on positionne le mute juste à côté */
body.mx-on-login #mx-mute-btn {
  top: 70px;
}

@media (max-width: 600px) {
  #mx-mute-btn {
    width: 38px; height: 38px; font-size: 1.1em;
    top: 12px; right: 12px;
  }
}