.sound-button{display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid #4f7a74;border-radius:10px;background:#21403f;color:#dff0ea;padding:10px 12px;flex-shrink:0;min-height:44px;font-weight:600;font-size:11px;cursor:pointer}
.sound-button svg{color:#8fd8c9;flex-shrink:0}
.sound-button.muted{background:#2b3436;border-color:#5b6668;color:#b9c4c4}
.sound-button.muted svg{color:#e79a7c}
.sound-dialog{width:min(560px,94vw)}
.sound-dialog h2 span{color:#b4ec73}
.sound-dialog>p{font-size:13px;line-height:1.55;color:#b6ccc6;margin:6px 0 16px}
.sound-dialog .sound-master,.sound-dialog .sound-switch{display:flex;align-items:center;gap:12px;margin:0;cursor:pointer}
.sound-dialog .sound-master{padding:14px 16px;border-radius:12px;background:#22403a;border:1px solid #456057;margin-bottom:12px}
.sound-master span,.sound-switch span{display:flex;flex-direction:column;gap:2px;min-width:0}
.sound-master b,.sound-switch b{font-size:14px;color:#e8f2dc}
.sound-master small,.sound-switch small{font-size:11px;color:#a5bdc5;line-height:1.4}
.sound-master input,.sound-switch input,.sound-check input{width:20px;height:20px;margin:0;flex-shrink:0;accent-color:#b4ec73;cursor:pointer}
.sound-rows{display:grid;gap:6px}
.sound-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(110px,190px);align-items:center;gap:16px;padding:12px 14px;border-radius:10px;background:#1d363f}
.sound-dialog .sound-row input[type=range]{accent-color:#b4ec73;padding:0;margin:0;border:0;background:none;height:20px}
.sound-row input[type=range]:disabled{opacity:.35;cursor:default}
.sound-dialog.muted .sound-rows,.sound-dialog.muted .sound-track,.sound-dialog.muted .sound-check{opacity:.5}
.sound-track{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:10px 0 4px;padding:10px 14px;border-radius:10px;background:#10262e;font-size:12px;color:#cde9a6}
.sound-track button{width:auto;margin:0;min-height:38px;padding:8px 12px;font-size:12px;flex-shrink:0}
.sound-dialog .sound-check{display:flex;align-items:center;gap:10px;margin:12px 2px 0;font-size:12px;color:#d5e6df;cursor:pointer;line-height:1.4}
.sound-credits{font-size:11px!important;color:#8fa9b1!important;margin:16px 0 0!important;line-height:1.5}
@media(max-width:900px){.sound-button{padding:10px;font-size:0;gap:0}}
@media(max-width:700px){.topbar #soundButton{display:none!important}.sound-row{grid-template-columns:1fr;gap:10px}.sound-track{flex-direction:column;align-items:stretch}.sound-track button{width:100%}}