#bgSoundBtn{position:fixed;left:16px;bottom:24px;z-index:8000;width:46px;height:46px;border-radius:50%;border:1px solid rgba(176,130,44,.4);
  background:rgba(74,15,46,.92);color:#E8C77A;display:flex;align-items:center;justify-content:center;cursor:pointer;
  box-shadow:0 6px 20px rgba(42,10,26,.32);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:transform .2s;}
#bgSoundBtn:hover{transform:scale(1.06);}
#bgSoundBtn svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
#bgSoundBtn.on{background:linear-gradient(135deg,#7B2554,#4A0F2E);}
#bgSoundBtn .ring{position:absolute;inset:-4px;border-radius:50%;border:2px solid rgba(232,199,122,.5);opacity:0;}
#bgSoundBtn.on .ring{animation:bgPulse 1.8s ease-out infinite;}
@keyframes bgPulse{0%{opacity:.6;transform:scale(1)}100%{opacity:0;transform:scale(1.4)}}
#bgAudioBox{position:fixed;width:1px;height:1px;left:-9999px;top:-9999px;overflow:hidden;pointer-events:none;}
@media(max-width:768px){ #bgSoundBtn{bottom:84px;} }   /* clear the bottom tab bar */