#game .quickmenu.audiopanel { width: min(540px, calc(100% - 24px)); max-height: calc(92 * var(--dvhu)); display: flex; flex-direction: column; overflow: hidden; }
.audiopanel .quickmenuhead { flex: 0 0 auto; }
.audiobody { padding: 6px 22px 18px; overflow-y: auto; overscroll-behavior: contain; min-height: 0; }
.audiointro { color: var(--muted, #a1adba); font-size: 13px; line-height: 1.6; margin: 0 0 18px; }
.audiotracks { display: grid; gap: 9px; }
.audiotrack { display: flex; align-items: center; gap: 14px; min-height: 76px; width: 100%; padding: 11px 14px; border: 1px solid rgba(255,255,255,.09); border-radius: 12px; background: rgba(255,255,255,.025); color: #eef1f4; text-align: left; cursor: pointer; }
.audiotrack[aria-pressed="true"] { border-color: #cf9b67; background: rgba(204,139,80,.09); }
.audiotrackart { display: grid; place-items: center; flex: 0 0 48px; height: 48px; border-radius: 10px; font-size: 30px; color: #b8d9b1; background: radial-gradient(ellipse at 30% 10%, #536d4b, #162825); }
.audiotrack[data-tone="astral"] .audiotrackart { color: #d5caff; background: radial-gradient(ellipse at 30% 10%, #605580, #20263f); }
.audiotrack[data-tone="ember"] .audiotrackart { color: #f4c08e; background: radial-gradient(ellipse at 30% 10%, #925b36, #362323); }
.audiotracklabel { display: grid; gap: 6px; min-width: 0; flex: 1; }
.audiotracklabel b { font: 600 17px/1.15 'Bricolage Grotesque', sans-serif; }
.audiotracklabel small { font-size: 11px; line-height: 1.45; color: #aab5c2; }
.audiotrackselected { opacity: 0; color: #e1b689; }
.audiotrack[aria-pressed="true"] .audiotrackselected { opacity: 1; }
.audiolevels { display: grid; gap: 12px; padding: 22px 0 10px; }
.audiolevel { display: grid; grid-template-columns: 1fr auto; align-items: center; column-gap: 16px; }
.audiolevel label { font-size: 13px; font-weight: 600; }
.audiolevel output { font: 12px 'JetBrains Mono', monospace; color: #dcb389; }
.audiolevel input { grid-column: 1/-1; width: 100%; height: 44px; margin: 0; accent-color: #d6a16e; cursor: pointer; }
.audioactions, .audiofooter { display: flex; gap: 10px; }
.audioactions > *, .audiofooter > * { min-height: 44px; flex: 1; }
.audioeffectpicker { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 12px; margin: 4px 0 14px; }
.audioeffectpicker label { font-size: 13px; font-weight: 600; }
.audioeffectpicker select { min-width: 0; min-height: 44px; padding: 8px 10px; border: 1px solid rgba(255,255,255,.18); border-radius: 8px; background: #202832; color: #eef1f4; font: inherit; font-size: 13px; }
.audiofooter { flex: 0 0 auto; padding: 14px 22px; border-top: 1px solid rgba(255,255,255,.08); }
.audiostatus { min-height: 32px; margin: 14px 0 3px; font-size: 12px; line-height: 1.5; color: #dbc3aa; }
.audiohint { margin: 0; color: #98a4b4; font-size: 11px; line-height: 1.6; }
.audiopanel button:focus-visible, .audiopanel input:focus-visible, .audiopanel select:focus-visible { outline: 2px solid #e5b683; outline-offset: 3px; }
@media (max-width: 560px) {
  .audiobody { padding: 4px 16px 14px; }
  .audiofooter { padding: 12px 16px; }
  .audiotrack { gap: 10px; padding: 9px 10px; }
  .audiotracklabel b { font-size: 16px; }
}