/* A janela de som: um controle por grupo, como o painel de audio do cliente
   original (trilha, efeitos, voz, ambiente e interface em linhas separadas). */
.som-lista { display: grid; gap: 9px; }

.som-faixa { display: grid; grid-template-columns: 1fr auto; gap: 2px 8px; align-items: center; }
.som-faixa > label { font-size: 12px; color: var(--muted); }
.som-faixa > output { font-size: 11px; color: var(--text); font-variant-numeric: tabular-nums; min-width: 34px; text-align: right; }
.som-faixa > input[type=range] { grid-column: 1 / -1; width: 100%; accent-color: #d8a63a; }

/* O geral manda nos outros: fica destacado e separado por uma linha. */
.som-faixa.mestre { padding-bottom: 7px; border-bottom: 1px solid #ffffff1f; }
.som-faixa.mestre > label { color: var(--text); font-weight: 600; }

.som-mudo { display: flex; align-items: center; gap: 7px; font-size: 12px; color: var(--muted); }
.som-mudo input { accent-color: #d8a63a; }

#screen-game .som-faixa > input[type=range],
#screen-game .som-mudo input { accent-color: #40c7d8; }
#screen-game .som-faixa > label { color: #c7d3cc; }
#screen-game .som-faixa.mestre > label,
#screen-game .som-faixa > output { color: #ffe4a4; }