/* Static, 44px controls. No animation or render loop for background music. */
button.bgm-button{display:inline-grid;place-items:center;flex:0 0 44px;width:44px;height:44px;min-width:44px;min-height:44px;padding:3px;border:1px solid #ffd39399;border-radius:15px;background:#20344e;color:#fff;box-shadow:0 2px 0 #091528;pointer-events:auto;touch-action:manipulation}
.bgm-button svg{width:36px;height:36px}.bgm-button .bgm-muted{display:none}.bgm-button[data-state=off] .bgm-waves{display:none}.bgm-button[data-state=off] .bgm-muted{display:block}
.bgm-button:focus-visible{outline:3px solid #95f0db;outline-offset:2px}.bgm-button:active{background:#35526c}
.bgm-button.bgm-floating{position:fixed;right:max(12px,env(safe-area-inset-right));top:max(10px,env(safe-area-inset-top));z-index:150}
.bgm-modal-tools{position:sticky;top:0;z-index:3;display:flex;align-items:center;justify-content:flex-end;gap:8px;min-height:44px;margin-bottom:6px;background:inherit}
dialog .bgm-modal-tools .modal-close,.neon-game dialog .bgm-modal-tools .modal-close{position:static;float:none;display:inline-grid;place-items:center;flex:0 0 44px;width:44px;height:44px;margin:0;padding:3px}
.game-shell .bgm-volume{position:absolute;left:max(12px,env(safe-area-inset-left));top:max(84px,calc(env(safe-area-inset-top) + 80px));z-index:40;display:flex;align-items:center;gap:6px;width:180px;height:44px;padding:4px 9px;border:1px solid #86edff66;border-radius:12px;background:#10223ded;color:#f1f6ff;font-size:12px}
.game-shell .bgm-volume input{flex:1;width:0;min-width:0;height:36px;min-height:0;padding:0;border:0;background:transparent;accent-color:#95f0db;cursor:pointer;touch-action:pan-y}
.bgm-volume output{width:32px;text-align:right;font-size:11px;font-variant-numeric:tabular-nums}
@media(max-width:700px){.game-shell.is-lobby .game-hud>.bgm-button{margin-left:164px}}