/* Settings shares the warm coastal palette and stays scrollable on small screens. */
#music-panel{width:min(380px,calc(100vw - 24px));padding:0;overflow:auto;overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:thin;border-radius:20px}
#music-panel .settings-heading{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 12px 10px 20px;background:#fff5df;border-bottom:1px solid #304b5020}
#music-panel .settings-content{padding:14px 20px 20px}
#music-panel #music-title{font-size:21px;margin:0;line-height:1.2}
#music-panel .settings-section{border:0;border-top:1px solid #304b5020;margin:16px 0 0;padding:14px 0 0;min-width:0}
#music-panel .settings-section:first-of-type{border:0;margin:0;padding:0}
#music-panel .settings-section h3,#music-panel .settings-section legend{font-size:14px;font-weight:800;margin:0 0 9px;padding:0}
#music-panel button{min-height:44px;border:1px solid #aebfb1;border-radius:12px;background:#e8ecde;color:#304b50;font-size:13px;padding:10px 12px;line-height:1.25}
#music-panel button:disabled{opacity:.55;cursor:default}
#music-panel button:focus-visible,#music-panel input:focus-visible,#music-panel summary:focus-visible{outline:3px solid #356783;outline-offset:3px}
#music-panel #music-close{position:static;flex:none;border:0;background:none;font-size:25px;line-height:1;padding:5px;width:44px;height:44px}
#music-panel .settings-modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
#music-panel .settings-modes button[aria-pressed="true"]{background:#3a646c;color:#fff9e9;border-color:#3a646c}
#music-panel .settings-note{font-size:12px;line-height:1.4;color:#526d6d;margin:8px 0 0}
#music-panel .settings-status,#music-panel .music-status{position:static;display:block;width:auto;height:auto;padding:0;margin:7px 0 0;overflow:visible;clip-path:none;white-space:normal;border:0;font-size:11px;line-height:1.4;color:#526d6d}
#music-panel .settings-audio-row{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;margin:12px 0 0}
#music-panel .settings-audio-row label{font-size:13px;font-weight:700}
#music-panel #music-toggle,#music-panel #sound-toggle{display:block;margin:0;min-width:105px;font-size:12px;padding:8px 10px;background:#e8ecde}
#music-panel input[type="range"]{display:block;width:100%;min-height:44px;margin:0;accent-color:#3a646c;touch-action:auto}
#music-panel .settings-actions{display:grid;grid-template-columns:1fr;gap:8px;margin-top:15px;padding-top:14px}
#music-panel .settings-actions #reset{font:inherit;font-size:13px;min-height:44px}
#music-panel #settings-reset-progress{color:#814d41;border-color:#d0b5a3;background:#f4e7d8}
#music-panel #settings-reset-confirmation{padding:12px;border:1px solid #d0b5a3;border-radius:14px;background:#fff0df}
#music-panel #settings-reset-confirmation h3{margin:0;font-size:14px}
#music-panel #settings-reset-confirmation p{font-size:12px;line-height:1.45;margin:8px 0 12px}
#music-panel .settings-confirm-actions{display:flex;gap:8px;flex-wrap:wrap}
#music-panel .settings-confirm-actions button{flex:1 1 110px}
#music-panel #settings-reset-confirm{background:#845447;border-color:#845447;color:#fff8e9}
#music-panel .settings-help{margin-top:16px;border-top:1px solid #304b5020;padding-top:8px}
#music-panel .settings-help summary{min-height:44px;display:flex;align-items:center;font-size:13px;font-weight:700;cursor:pointer}
#music-panel[open] .settings-help summary::before{content:'+';width:20px;font-size:18px}
#music-panel[open] .settings-help[open] summary::before{content:'−'}
#music-panel .settings-help p{font-size:12px;line-height:1.5;margin:3px 0 10px}
@media(max-width:420px){#music-panel{right:max(10px,env(safe-area-inset-right));width:calc(100vw - max(10px,env(safe-area-inset-left)) - max(10px,env(safe-area-inset-right)))}#music-panel .settings-heading{padding-left:18px}#music-panel .settings-content{padding:14px 18px 18px}#music-panel .settings-modes{gap:5px}#music-panel .settings-modes button{padding-inline:8px}}
@media(max-height:480px){#music-panel{top:max(8px,env(safe-area-inset-top));max-height:calc(100dvh - max(8px,env(safe-area-inset-top)) - max(8px,env(safe-area-inset-bottom)));width:min(440px,calc(100vw - 24px))}}

/* Wake navigation stays with Settings; the main HUD keeps only its icons. */
#music-panel #return-room{display:flex;align-items:center;justify-content:center;width:100%;min-width:0;min-height:44px;height:auto;border:1px solid #aebfb1;border-radius:12px;background:#e8ecde;color:#304b50;font-size:13px;padding:10px 12px;line-height:1.25;text-decoration:none}
#music-panel #return-room:focus-visible{outline:3px solid #356783;outline-offset:3px}