#bgm{position:fixed;right:14px;bottom:14px;z-index:70;width:44px;height:44px;border-radius:50%;border:1px solid rgba(0,0,0,.12);background:rgba(255,255,255,.82);backdrop-filter:blur(8px);color:#333;display:grid;place-items:center;cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.12);opacity:.75;transition:opacity .2s,transform .2s;touch-action:manipulation;padding:0}
#bgm:hover,#bgm:focus-visible{opacity:1;transform:scale(1.06)}#bgm svg{width:20px;height:20px}#bgm .x{display:block}#bgm.on .x{display:none}#bgm.on{opacity:1;color:#fff;background:#c2562c}
#bgm.hint{animation:bgmP 2.4s ease-in-out 3}@keyframes bgmP{0%,100%{box-shadow:0 4px 14px rgba(0,0,0,.12)}50%{box-shadow:0 0 0 8px rgba(194,86,44,.18)}}
[dir=rtl] #bgm{right:auto;left:14px}
@media (prefers-reduced-motion:reduce){#bgm,#bgm.hint{animation:none;transition:none}}