.game-music-controls,.game-music-controls *,.game-music-dialog{box-sizing:border-box}
.game-music-controls{display:grid;gap:12px;min-width:0;margin:16px 0;padding:16px;border:1px solid var(--music-border,rgba(150,180,200,.3));border-radius:12px;color:inherit;font:inherit;background:var(--music-panel,transparent)}
.game-music-controls legend{padding:0 6px;font-weight:700}
fieldset.game-music-controls>label{justify-content:stretch;align-items:stretch;display:grid;gap:6px;font:inherit;text-transform:none;letter-spacing:normal}
.game-music-controls .music-enabled,.game-music-controls .music-navigation label{display:flex;align-items:center;gap:8px;min-height:44px}
.game-music-controls select,.game-music-controls button{max-width:100%;width:100%;min-width:0;min-height:44px;padding:8px 10px;border:1px solid var(--music-border,rgba(150,180,200,.3));border-radius:8px;background:var(--music-input,#18232b);color:var(--music-text,#f0f5f7);font:inherit;text-transform:none;letter-spacing:normal}
.game-music-controls select{cursor:pointer}.game-music-controls button{cursor:pointer}
.game-music-controls .music-navigation{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.game-music-controls .music-navigation button{flex:1;width:auto}.game-music-controls .music-navigation label{margin-left:auto}
.game-music-controls input[type=checkbox]{width:18px;height:18px;accent-color:var(--music-accent,#84d2ee)}
.game-music-controls input[type=range]{width:100%;min-height:34px;accent-color:var(--music-accent,#84d2ee)}
.game-music-controls [data-music-status]{margin:0;font-size:.85em;line-height:1.5;opacity:.8}
.game-music-controls :focus-visible{outline:2px solid var(--music-accent,#84d2ee);outline-offset:3px}
.game-music-controls :disabled{opacity:.45;cursor:default}
.game-music-dialog{width:min(520px,calc(100vw - 28px));max-height:calc(100dvh - 32px);overflow:auto;padding:20px;border:1px solid var(--music-border,#4e6172);border-radius:16px;background:var(--music-input,#18232b);color:var(--music-text,#f0f5f7)}
.game-music-dialog::backdrop{background:rgba(0,0,0,.65)}
.game-music-dialog>button{min-height:44px;padding:10px 16px;cursor:pointer}
@media(max-width:480px){.game-music-controls{padding:12px}.game-music-controls .music-navigation label{width:100%;margin-left:0}}

fieldset.game-music-controls select,fieldset.game-music-controls input[type=range]{width:100%;max-width:100%}
.game-music-controls .music-enabled,.game-music-controls .music-navigation label{justify-content:flex-start}

/* Udderly's flight-deck skin; shared control layout stays unchanged. */
.ua-music-dialog{--music-accent:#70dfcc;--music-border:#35555c;--music-input:#0d2029;--music-text:#f2ebd5;--music-panel:#10252c;color:var(--music-text);font:500 16px/1.4 "Oxanium",sans-serif;background:linear-gradient(145deg,#172d35,#07131d);box-shadow:0 22px 80px #0009}
.ua-music-dialog>button,.ua-music-dialog>label select{padding:10px 14px;border:1px solid var(--music-border);border-radius:8px;color:var(--music-text);background:var(--music-input);font:inherit;min-height:44px}
.ua-music-dialog>button:hover,.ua-music-dialog .game-music-controls button:not(:disabled):hover{border-color:var(--music-accent);background:#183c43}
.ua-music-dialog>button:focus-visible,.ua-music-dialog>label select:focus-visible{outline:2px solid var(--music-accent);outline-offset:3px}
.ua-music-dialog>label:not([hidden]){display:flex;gap:12px;align-items:center;flex-wrap:wrap}