.sound-settings{margin:24px 0 20px;padding:17px 0;border:0;border-top:1px solid #e0d9d1;border-bottom:1px solid #e0d9d1;min-width:0}
.sound-settings legend{padding:0 9px 0 0;font-size:14px;font-weight:700;color:#645d56}
.sound-settings label{display:grid;grid-template-columns:48px minmax(90px,1fr) 42px;align-items:center;gap:14px;margin:12px 0;font-size:13px}
.sound-settings input{width:100%;height:28px;margin:0;accent-color:#a57761;cursor:pointer}
.sound-settings output{text-align:right;color:#7a726b;font-variant-numeric:tabular-nums}
:where(button:not(:disabled),select,summary){touch-action:manipulation;-webkit-tap-highlight-color:transparent}
button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #a878bf;outline-offset:3px}
.sound-settings input:focus-visible{outline-offset:1px}
@media(hover:hover){.composer button:not(:disabled):hover{filter:brightness(1.06)}}
/* Feedback uses paint only; it cannot shift a drag handle or the playfield. */
.app-header button:not(:disabled):active,.composer button:not(:disabled):active,.result-actions button:not(:disabled):active,.inspector button:not(:disabled):active,.stage-tools button:not(:disabled):active{filter:brightness(.91)}
@media(prefers-reduced-motion:reduce){.sound-settings *{scroll-behavior:auto}}