/* Тугарин-Змей · Звук · визуальный язык разделов «Настройки»/«Аккаунт».
   Только экран звука; существующее аудиосостояние и обработчики не меняются. */
#settings-screen #settings-content.settings-section-content.tg-sound-redesign {
  left:6%!important;
  right:6%!important;
  top:60px!important;
  bottom:55px!important;
  display:flex!important;
  flex-direction:column!important;
  gap:0!important;
}
#settings-screen #settings-content.tg-sound-redesign > .settings-section-title.tg-sound-page-heading {
  display:block!important;
  width:100%!important;
  margin:0 auto!important;
  padding:0!important;
  flex-shrink:0!important;
  color:#d2b983!important;
  font:400 clamp(32px,8.3vw,37px)/1.1 'Monomakh Unicode',serif!important;
  font-synthesis:none!important;
  letter-spacing:0!important;
  text-align:center!important;
  text-transform:uppercase!important;
}
#settings-screen #settings-content.tg-sound-redesign > .tg-sound-page-rule {
  position:relative;
  display:block;
  flex:0 0 1px;
  width:78%;
  max-width:400px;
  height:1px;
  margin:7px auto 18px;
  background:linear-gradient(90deg,transparent,#806b48 24%,#b49b64 50%,#806b48 76%,transparent);
  opacity:.72;
  pointer-events:none;
}
#settings-screen #settings-content.tg-sound-redesign > .tg-sound-page-rule::after {
  content:"";
  position:absolute;
  left:50%;
  top:-3px;
  width:6px;
  height:6px;
  border:1px solid #a28b65;
  background:#1b1917;
  transform:translateX(-50%) rotate(45deg);
}
#settings-screen #settings-content.tg-sound-redesign > .settings-section-body.tg-sound-body {
  flex:1 1 auto!important;
  min-height:0!important;
  max-height:none!important;
  box-sizing:border-box!important;
  display:flex!important;
  flex-direction:column!important;
  gap:13px!important;
  width:100%!important;
  margin:0!important;
  padding:2px 3px 22px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  scrollbar-width:thin!important;
  scrollbar-color:#9e8659 transparent!important;
}
#settings-screen #settings-content.tg-sound-redesign .tg-sound-body::-webkit-scrollbar{display:block!important;width:4px!important}
#settings-screen #settings-content.tg-sound-redesign .tg-sound-body::-webkit-scrollbar-thumb{background:#9e8659!important;border-radius:5px!important}

/* Три одинаковых, компактных блока: тонкая золочёная рамка, внутренний контур и маленькие угловые акценты. */
#settings-screen #settings-content.tg-sound-redesign .tg-sound-body > .settings-volume-row.settings-control-block {
  position:relative!important;
  flex:0 0 auto!important;
  box-sizing:border-box!important;
  width:100%!important;
  min-height:102px!important;
  margin:0!important;
  padding:17px 18px 16px!important;
  border:1px solid rgba(190,158,102,.57)!important;
  background:linear-gradient(155deg,rgba(58,46,31,.36),rgba(17,15,13,.81) 65%,rgba(26,22,17,.92))!important;
  box-shadow:inset 0 0 0 4px rgba(18,16,14,.86),
             inset 0 0 0 5px rgba(194,159,98,.13),
             0 3px 15px rgba(0,0,0,.16)!important;
  border-radius:0!important;
}
#settings-screen #settings-content.tg-sound-redesign .settings-volume-row.settings-control-block::before,
#settings-screen #settings-content.tg-sound-redesign .settings-volume-row.settings-control-block::after {
  content:""!important;
  position:absolute!important;
  z-index:1!important;
  width:5px!important;
  height:5px!important;
  border:1px solid #ac905e!important;
  background:#292219!important;
  transform:rotate(45deg)!important;
  pointer-events:none!important;
}
#settings-screen #settings-content.tg-sound-redesign .settings-volume-row.settings-control-block::before {
  top:6px!important;right:6px!important;left:auto!important;bottom:auto!important;
}
#settings-screen #settings-content.tg-sound-redesign .settings-volume-row.settings-control-block::after {
  bottom:6px!important;left:6px!important;right:auto!important;top:auto!important;
}
#settings-screen #settings-content.tg-sound-redesign .settings-volume-head {
  display:flex!important;
  align-items:center!important;
  gap:11px!important;
  width:100%!important;
  margin:0 0 13px!important;
  color:#dfc38e!important;
}
#settings-screen #settings-content.tg-sound-redesign .tg-sound-row-icon {
  display:block;
  flex:0 0 30px;
  width:30px;
  height:30px;
  fill:none;
  stroke:#c3a36a;
  stroke-width:1.35;
  stroke-linecap:round;
  stroke-linejoin:round;
  filter:drop-shadow(0 0 4px rgba(199,153,80,.13));
}
#settings-screen #settings-content.tg-sound-redesign .tg-sound-icon-divider {
  display:block;
  align-self:center;
  flex:0 0 1px;
  width:1px;
  height:26px;
  background:linear-gradient(180deg,transparent,rgba(205,172,110,.65),transparent);
}
#settings-screen #settings-content.tg-sound-redesign .settings-volume-head label {
  flex:1;
  min-width:0;
  color:#dbc08a!important;
  font:400 clamp(18px,4.4vw,22px)/1.2 'Old Standard TT',Georgia,serif!important;
  text-align:left;
  cursor:pointer;
}
#settings-screen #settings-content.tg-sound-redesign .settings-volume-head strong {
  margin-left:auto;
  color:#c6a76e!important;
  font:400 clamp(17px,4.2vw,21px)/1.2 'Old Standard TT',Georgia,serif!important;
  font-variant-numeric:tabular-nums;
  white-space:nowrap;
}
#settings-screen #settings-content.tg-sound-redesign .settings-volume-row input[type="range"] {
  -webkit-appearance:none!important;
  appearance:none!important;
  display:block!important;
  box-sizing:border-box!important;
  width:100%!important;
  height:24px!important;
  padding:0!important;
  margin:0!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  cursor:pointer!important;
  touch-action:pan-y;
}
#settings-screen #settings-content.tg-sound-redesign .settings-volume-row input[type="range"]::-webkit-slider-runnable-track{
  height:6px;
  border:1px solid rgba(181,150,98,.65);
  border-radius:5px;
  background:linear-gradient(90deg,#c29d61 0%,#e0be7e var(--weight-progress,50%),#30291f var(--weight-progress,50%),#30291f 100%);
  box-shadow:inset 0 1px 2px rgba(0,0,0,.45);
}
#settings-screen #settings-content.tg-sound-redesign .settings-volume-row input[type="range"]::-webkit-slider-thumb{
  -webkit-appearance:none;
  appearance:none;
  width:19px;
  height:19px;
  margin-top:-7px;
  border:2px solid #e0c18c;
  border-radius:50%;
  background:radial-gradient(circle at 35% 35%,#e9cb91,#927044 78%);
  box-shadow:0 0 0 3px #211b14,0 0 9px rgba(206,159,82,.31);
}
#settings-screen #settings-content.tg-sound-redesign .settings-volume-row input[type="range"]::-moz-range-track{
  height:6px;
  border:1px solid rgba(181,150,98,.65);
  border-radius:5px;
  background:linear-gradient(90deg,#c29d61 0%,#e0be7e var(--weight-progress,50%),#30291f var(--weight-progress,50%),#30291f 100%);
}
#settings-screen #settings-content.tg-sound-redesign .settings-volume-row input[type="range"]::-moz-range-thumb{
  width:16px;height:16px;
  border:2px solid #e0c18c;
  border-radius:50%;
  background:#b18a52;
  box-shadow:0 0 0 3px #211b14,0 0 9px rgba(206,159,82,.31);
}
#settings-screen #settings-content.tg-sound-redesign .settings-volume-row input[type="range"]:focus-visible{
  outline:2px solid #ddbf85!important;
  outline-offset:5px!important;
}
/* Существующий общий переключатель, без изменения его событий и текста. */
#settings-screen #settings-content.tg-sound-redesign .tg-sound-body > .settings-wide-action.settings-mute-action{
  position:relative!important;
  flex:0 0 auto!important;
  width:100%!important;
  min-height:52px!important;
  margin:5px auto 0!important;
  padding:11px 14px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:12px!important;
  border:1px solid rgba(195,157,94,.69)!important;
  background:linear-gradient(180deg,rgba(68,53,32,.40),rgba(18,16,13,.87))!important;
  color:#dfc18a!important;
  font:400 clamp(17px,4vw,20px)/1.2 'Old Standard TT',Georgia,serif!important;
  box-shadow:inset 0 0 0 3px #171512,inset 0 0 0 4px rgba(202,173,113,.15)!important;
  clip-path:polygon(7px 0,calc(100% - 7px) 0,100% 7px,100% calc(100% - 7px),calc(100% - 7px) 100%,7px 100%,0 calc(100% - 7px),0 7px)!important;
}
#settings-screen #settings-content.tg-sound-redesign .tg-sound-body > .settings-mute-action.active{
  color:#cb9b87!important;
  border-color:#a77462!important;
}
#settings-screen #settings-content.tg-sound-redesign .tg-sound-mute-icon{
  width:22px;height:22px;flex:0 0 22px;fill:none;stroke:currentColor;
  stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;
}
#settings-screen #settings-content.tg-sound-redesign .settings-mute-action:focus-visible{
  outline:2px solid #e2c689!important;outline-offset:3px!important;
}
@media(max-width:390px){
  #settings-screen #settings-content.settings-section-content.tg-sound-redesign{left:5%!important;right:5%!important;top:50px!important;bottom:35px!important}
  #settings-screen #settings-content.tg-sound-redesign > .tg-sound-page-rule{margin-bottom:14px}
  #settings-screen #settings-content.tg-sound-redesign > .settings-section-body.tg-sound-body{gap:10px!important}
  #settings-screen #settings-content.tg-sound-redesign .tg-sound-body > .settings-volume-row.settings-control-block{padding:13px 14px!important;min-height:94px!important}
}

/* Secondary restore action: same gold vocabulary, deliberately quieter than mute. */
#settings-screen #settings-content.tg-sound-redesign .tg-sound-body > .tg-sound-reset-action {
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:9px!important;
  flex:0 0 auto!important;
  box-sizing:border-box!important;
  width:94%!important;
  min-height:44px!important;
  margin:2px auto 0!important;
  padding:9px 8px!important;
  background:transparent!important;
  border:1px solid rgba(178,145,88,.43)!important;
  border-radius:0!important;
  color:#c9ad79!important;
  font:400 clamp(15px,3.7vw,18px)/1.25 'Old Standard TT',Georgia,serif!important;
  text-align:center!important;
  cursor:pointer!important;
  -webkit-tap-highlight-color:transparent!important;
  transition:border-color .15s ease,color .15s ease,background .15s ease;
}
#settings-screen #settings-content.tg-sound-redesign .tg-sound-body > .tg-sound-reset-action:hover {
  border-color:rgba(211,177,118,.78)!important;
  background:rgba(75,57,35,.16)!important;
  color:#e5c993!important;
}
#settings-screen #settings-content.tg-sound-redesign .tg-sound-body > .tg-sound-reset-action:focus-visible {
  outline:2px solid #e2c689!important;
  outline-offset:3px!important;
}
#settings-screen #settings-content.tg-sound-redesign .tg-sound-reset-icon {
  display:block;
  flex:0 0 20px;
  width:20px;
  height:20px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.5;
  stroke-linecap:round;
  stroke-linejoin:round;
}