/* Separate sound controls keep the tested game board and question dimensions intact. */
#ts .bgm-start-note{display:flex;align-items:flex-start;gap:10px;max-width:560px;margin:10px 0 0;padding:9px 11px;background:#101c2bcc;border:1px solid #d8ba7f70;color:#f3e7d5;font:600 13px/1.55 'Yu Gothic',Meiryo,sans-serif}
#ts .bgm-start-note p{flex:1;margin:0}
#ts .bgm-toggle,#bs .bgm-toggle{flex:none;min-height:36px;border:1px solid #ffbd70;background:#3c2a17;color:#ffdcad;font:700 12px/1.2 'Yu Gothic',Meiryo,sans-serif;padding:6px 10px;cursor:pointer;white-space:nowrap}
#ts .bgm-toggle[aria-pressed=false],#bs .bgm-toggle[aria-pressed=false]{border-color:#9cabc0;background:#253246;color:#e3e8ed}
#ts .bgm-credit{margin:4px 0 0;font:12px/1.5 'Yu Gothic',Meiryo,sans-serif}
#ts .bgm-credit a,#bgm-panel a{color:#ffcb89;text-decoration:underline;text-underline-offset:2px}
#ts .bgm-toggle:focus-visible,#bs .bgm-toggle:focus-visible,#bs #bgm-settings:focus-visible,#bgm-volume:focus-visible{outline:2px solid #ffdcad;outline-offset:2px}
#bs .bgm-tools{position:relative;display:flex;align-items:center;gap:5px;flex:none}
#bs #bgm-settings{min-height:34px;background:transparent;color:#f5d79c;border:1px solid #8393ab80;font:700 18px/1 'Yu Gothic',Meiryo,sans-serif;padding:3px 9px;cursor:pointer}
#bs #bgm-panel{position:absolute;z-index:50;right:0;top:calc(100% + 6px);width:205px;padding:13px;background:#111d2df5;border:1px solid #a9b7c8;color:#f4e7d3;box-shadow:0 10px 24px #080e20a6;font:600 12px/1.6 'Yu Gothic',Meiryo,sans-serif}
#bs #bgm-panel[hidden]{display:none}
#bs .bgm-range-row{display:flex;align-items:center;gap:8px;margin:5px 0}
#bs .bgm-range-row input{flex:1;min-width:0;accent-color:#ffac42}
#bs #bgm-volume-value{min-width:35px;text-align:right}
#bs #bgm-panel-credit{font-size:11px}
#bs #bgm-status:empty{display:none}
#bs #bgm-status{margin:7px 0 0;color:#ffdf9f}
@media(max-width:700px){#ts .bgm-start-note{font-size:12px;padding:8px;gap:7px}#ts .bgm-toggle,#bs .bgm-toggle{min-height:34px;font-size:11px;padding:5px 8px}#bs #bgm-settings{min-height:30px;font-size:16px;padding:2px 7px}#bs .stage-name{min-width:0}}
@media(max-height:560px) and (orientation:landscape){#ts .bgm-start-note{font-size:11px;line-height:1.35;padding:5px 7px;margin-top:6px}#ts .bgm-credit{font-size:10px}#ts .bgm-toggle{min-height:30px}#bs .bgm-toggle{min-height:28px}#bs #bgm-settings{min-height:28px}#bs .bgm-tools{gap:3px}#bs .stage-bar{gap:5px}}