.music-controls{margin:16px 0;padding:12px 14px;border:1px solid #395059;border-radius:10px;background:#102129cc;text-align:left}
.music-row{display:flex;align-items:center;gap:10px;min-width:0}
.music-row button{min-width:108px;min-height:44px;padding:8px 12px;border:1px solid #4a7477;border-radius:7px;background:#173237;color:#a7eee0;font:inherit;font-size:13px;white-space:nowrap;cursor:pointer}
.music-row button[aria-pressed="false"]{color:#aec0c6;background:#20313a;border-color:#40535c}
.music-row label{font-size:12px;color:#afc3cb;white-space:nowrap}
.music-row input{flex:1;width:100%;min-width:48px;min-height:44px;padding:0;accent-color:#62d7be;cursor:pointer}
.music-row output{min-width:34px;font-size:12px;color:#d1e4e8;font-variant-numeric:tabular-nums;text-align:right}
.music-controls>small{display:block;margin-top:6px;font-size:11px;line-height:1.5;color:#9ab4bf}
.music-row button:focus-visible,.music-row input:focus-visible{outline:2px solid #9df6df;outline-offset:3px}
.lobby-music{max-width:480px;margin:24px 0 0}
@media(max-width:420px){.music-controls{padding:9px 10px}.music-row{gap:7px}.music-row label{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}.music-row button{min-width:100px}}

.menu-music-hint{display:block;margin-top:6px;font-size:11px;color:#a9bdc3}
.menu-music-hint[hidden]{display:none}