.bgm-settings{z-index:150;right:max(10px, env(safe-area-inset-right));top:calc(82px + env(safe-area-inset-top));color:#edf5ff;font:14px/1.45 system-ui,sans-serif;position:fixed}.bgm-settings [hidden]{display:none!important}.bgm-settings button{font:inherit;cursor:pointer;touch-action:manipulation;color:inherit;background:#172a3d;border:1px solid #567388;border-radius:9px;min-height:40px;padding:6px 12px}.bgm-settings button:focus-visible,.bgm-settings input:focus-visible{outline-offset:2px;outline:3px solid #7be5de}.bgm-settings #bgm-open{background:#101d2ee8;width:40px;height:40px;padding:0;font-size:24px;box-shadow:0 2px 8px #0004}.bgm-settings #bgm-open.bgm-off{opacity:.65}.bgm-settings #bgm-panel{box-sizing:border-box;background:#0c1929f8;border:1px solid #567388;border-radius:12px;width:min(264px,100vw - 28px);max-height:calc(100dvh - 160px);padding:14px;position:absolute;top:46px;right:0;overflow-y:auto;box-shadow:0 10px 28px #0007}.bgm-settings .bgm-heading{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.bgm-settings #bgm-close{width:40px;padding:0;font-size:22px}.bgm-settings #bgm-toggle{width:100%;margin-bottom:12px}.bgm-settings label{justify-content:space-between;display:flex}.bgm-settings input{accent-color:#73d9ca;touch-action:pan-x;width:100%;min-height:38px}.bgm-settings p{color:#b8ccdb;overflow-wrap:anywhere;margin:6px 0 0;font-size:12px}@media (max-height:480px){.bgm-settings{top:calc(50px + env(safe-area-inset-top))}.bgm-settings #bgm-panel{max-height:calc(100dvh - 110px)}}