.music-title { max-width:200px; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:12px; color:#d8c79a; background:transparent; border:0; padding:4px 8px; }
.hud .music-title { flex:0 1 200px; }
/* Compact information sheet, expanding only when choosing a track. */
.music-overlay .overlay-panel { max-width:560px; }
.music-panel { display:flex; flex-direction:column; gap:14px; padding:18px 18px calc(20px + var(--safe-b,0px)); }
.music-panel p,.music-panel h2 { margin:0; }
.music-panel h2 { font-size:22px; line-height:1.5; }
.music-panel > button { min-height:44px; }
.music-current { display:flex; flex-direction:column; align-items:flex-start; gap:8px; padding:4px 0 12px; }
.music-eyebrow { color:var(--text-faint); font-size:12px; }
.music-current p { color:var(--text-dim); font-size:14px; }
.music-applied { border:1px solid var(--line); border-radius:20px; padding:3px 10px; font-size:12px; color:#dfc891; }
.music-price-note { color:var(--text-dim); font-size:12px; line-height:1.7; }
.music-back { align-self:flex-start; min-height:36px!important; padding:4px 0; }
.music-expanded .overlay-panel { height:90dvh; }
.music-expanded .music-panel { overflow:hidden; min-height:0; gap:10px; }
.music-choice-top { flex:none; display:flex; flex-direction:column; gap:8px; }
.music-choice-top p { font-size:12px; }
.music-target { display:flex; align-items:center; gap:12px; }
.music-target>span { flex:none; font-size:13px; }
.music-panel select { min-width:0; width:100%; min-height:44px; padding:8px; }
.music-muted { display:flex; align-items:center; justify-content:space-between; font-size:12px; color:var(--text-dim); }
.music-muted button { min-height:32px; font-size:12px; }
.music-options { overflow-y:auto; overscroll-behavior:contain; min-height:0; flex:1 1 auto; border-top:1px solid var(--line); }
.music-option { display:flex; align-items:center; gap:4px; border-bottom:1px solid var(--line-soft); }
.music-pick { flex:1; display:flex; align-items:center; gap:10px; min-width:0; min-height:66px; text-align:left; background:transparent; border:0!important; box-shadow:none; padding:10px 4px; }
.music-pick>span:last-child { min-width:0; }
.music-pick strong { display:block; font-size:14px; line-height:1.4; }
.music-pick small { display:block; font-size:12px; color:var(--text-dim); margin-top:4px; }
.music-pick[aria-checked="true"] { color:#f0d59b; background:#e0bc7020; }
.music-radio { width:16px; height:16px; flex:0 0 16px; border:1px solid #b9a77e; border-radius:50%; }
.music-pick[aria-checked="true"] .music-radio { background:#e0bd75; box-shadow:inset 0 0 0 3px #293341; }
.music-preview { flex:0 0 auto; min-height:44px; padding:8px; font-size:12px; }
.music-preview[aria-pressed="true"] { color:#f0d59b; }
.music-choice-footer { flex:none; display:flex; flex-direction:column; gap:8px; border-top:1px solid var(--line); padding-top:12px; }
.music-choice-footer>strong { font-size:13px; }
.music-choice-footer button { min-height:46px; }
.music-notice { color:#e3c995; font-size:12px; line-height:1.5; }
.music-error { color:#f3a69d; font-size:13px; line-height:1.6; }
.music-confirm { display:flex; flex-direction:column; gap:12px; }
.music-confirm-price { font-size:18px; color:#efd099; }
.music-confirm dl { display:grid; grid-template-columns:70px minmax(0,1fr); gap:10px; padding:14px; margin:0; border:1px solid var(--line); }
.music-confirm dt { color:var(--text-dim); }
.music-confirm dd { margin:0; }
.music-confirm .muted { font-size:13px; line-height:1.6; }
@media (max-width:700px) {
 body:not(.is-gate) .hud { position:relative; }
 .hud .music-title { position:absolute; top:6px; right:10px; width:auto; max-width:45%; min-height:18px; line-height:18px; padding:0; text-align:right; }
}

.music-title[hidden] { display:none!important; }
.music-display-toggle { display:flex; align-items:center; gap:10px; min-height:44px; font-size:13px; }
.music-display-toggle input { width:18px; height:18px; }