.bgm-toggle{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px;padding:9px 13px;border:1px solid #3b5075;border-radius:8px;background:#071120;color:#b0bfd5;font:600 11px var(--sans);white-space:nowrap;cursor:pointer;flex-shrink:0}
.bgm-toggle .icon{width:17px;height:17px}.bgm-toggle b{margin-left:4px;font-size:11px;letter-spacing:1px}.bgm-toggle[aria-pressed=true]{color:#78e5ff;border-color:#25bde7;background:#081e32;box-shadow:inset 0 0 12px #00aeff14}.bgm-toggle[aria-pressed=true] .bgm-slash{display:none}.bgm-toggle:hover{border-color:#dc72e3}.bgm-toggle:focus-visible{outline:2px solid #ff69da;outline-offset:4px}.bgm-toggle.bgm-compact{width:40px;height:40px;padding:0}.bgm-compact .bgm-button-label{display:none}
.bgm-strip{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 15px;border:1px solid #293650;border-radius:9px;background:linear-gradient(105deg,#13102b,#051323);margin:12px 0}.bgm-strip>div{display:grid;gap:4px}.bgm-strip small{font-size:10px;letter-spacing:2px;color:#a0aaca}.bgm-strip>div>span{font:500 14px var(--sans);color:#e1d8f2}.bgm-strip .bgm-toggle{min-height:38px}.dashboard-side .bgm-strip{margin:0}
.bgm-settings{margin-bottom:22px;border-color:#513d78!important;background:linear-gradient(120deg,#19152c,#071724)!important}.bgm-settings-heading{display:flex;align-items:center;justify-content:space-between;gap:18px}.bgm-settings h2{font:500 23px var(--serif);margin:10px 0}.bgm-settings p{font-size:12px;line-height:1.8;color:#b1bdd5}.bgm-settings p span{color:#8e9cb7}.bgm-volume-row{display:flex;align-items:center;gap:18px;max-width:570px;margin:24px 0 12px;color:#c4cde1;font-size:12px}.bgm-volume-row input{flex:1;min-width:40px;height:32px;accent-color:#d568e9}.bgm-volume-row output{min-width:40px;text-align:right;font-variant-numeric:tabular-nums}.bgm-settings .bgm-playback-status{color:#73d2ea;min-height:22px;margin:0 0 6px}.bgm-settings .hint{font-size:11px}.desktop-account button.bgm-toggle,.top-right button.bgm-toggle{width:40px;height:40px}.arena-menu .bgm-toggle{width:37px;height:37px;min-height:37px;border-radius:6px;background:#071323ed}
@media(max-width:650px){.bgm-settings{padding:20px 16px}.bgm-settings-heading{gap:8px}.bgm-settings h2{font-size:20px}.bgm-settings p span{display:block;font-size:11px}.bgm-volume-row{gap:10px}.bgm-volume-row label{font-size:11px}.arena-menu{gap:5px}.arena-menu .bgm-toggle{width:32px;height:34px;min-height:34px}.bgm-strip{margin:0 0 12px}.top-right button.bgm-toggle{width:32px;height:36px;min-height:36px}}
.bgm-select{border:0;background:transparent;color:#c4cde1;text-decoration:underline;text-underline-offset:4px;font:500 12px var(--sans);cursor:pointer;min-height:40px;white-space:nowrap;padding:4px}
.bgm-strip{flex-wrap:wrap}.bgm-strip>div{flex:1;min-width:130px}.bgm-strip .bgm-select{flex-shrink:0}
.bgm-tracks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0 12px}
.bgm-track{display:flex;align-items:flex-start;gap:12px;padding:14px;border:1px solid #56608066;border-radius:10px;background:#06101dcc;min-width:0}
.bgm-track.selected{border-color:#ce81de;background:#231b39}.bgm-track>img{width:58px;height:76px;object-fit:cover;border-radius:5px;flex:none}.bgm-track>div{min-width:0}
.bgm-track h3{margin:5px 0;color:#f1eaf5;font-size:14px;line-height:1.45;overflow-wrap:anywhere}.bgm-track small{color:#ce9fdc;font-size:10px;letter-spacing:.08em}.bgm-settings .bgm-track p{font-size:11px;line-height:1.7;margin:4px 0 12px;color:#bdc5d8}
.bgm-track .btn{min-height:38px;font-size:11px;padding:8px 10px;color:#e0c9ef;border-color:#9577ae}.bgm-track .btn:disabled{opacity:.65}.bgm-track button:focus-visible,.bgm-select:focus-visible{outline:2px solid #ff8be0;outline-offset:3px}
@media(max-width:650px){.bgm-tracks{grid-template-columns:1fr}.bgm-track>img{width:54px;height:72px}.bgm-strip .bgm-select{font-size:11px}}