/* V20 — Red Moon premium background-music control */
.sound-wrap{display:flex!important;align-items:center!important;gap:12px!important;position:relative!important}
.sound{
  min-width:150px!important;height:58px!important;padding:0 22px!important;border-radius:999px!important;
  border:1px solid rgba(225,31,63,.32)!important;
  background:linear-gradient(145deg,rgba(20,10,13,.96),rgba(8,6,8,.94))!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.025),0 10px 30px rgba(0,0,0,.35),0 0 24px rgba(216,23,54,.07)!important;
  color:#eadcdf!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:13px!important;
  transition:border-color .22s ease,box-shadow .22s ease,background .22s ease!important;
}
.sound:hover,.sound[aria-pressed="true"]{border-color:rgba(240,39,72,.58)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.035),0 12px 34px rgba(0,0,0,.42),0 0 28px rgba(230,24,57,.14)!important}
.sound #soundIcon{font:500 15px/1 "Noto Sans",sans-serif!important;letter-spacing:-3px!important;color:#f22d50!important;text-shadow:0 0 8px rgba(242,45,80,.7),0 0 18px rgba(242,45,80,.3)!important;transform:translateX(-2px)}
.sound span:last-child{font:600 8px/1 "Noto Sans",sans-serif!important;letter-spacing:2.7px!important;color:#d9c8cc!important;white-space:nowrap!important}
.volume-panel{
  position:relative!important;width:286px!important;min-width:286px!important;height:58px!important;padding:8px 18px 8px 22px!important;
  display:grid!important;grid-template-columns:78px 1fr!important;grid-template-rows:24px 18px!important;column-gap:15px!important;row-gap:0!important;align-items:center!important;
  border:1px solid rgba(230,31,63,.34)!important;border-radius:5px!important;
  background:linear-gradient(135deg,rgba(22,8,12,.97),rgba(8,6,8,.96))!important;
  box-shadow:inset 0 0 28px rgba(141,0,24,.08),inset 0 0 0 1px rgba(255,255,255,.018),0 12px 34px rgba(0,0,0,.4),0 0 28px rgba(213,21,53,.06)!important;
  backdrop-filter:none!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:none!important;overflow:visible!important;
}
.volume-panel::before{content:""!important;position:absolute!important;left:10px!important;top:10px!important;bottom:10px!important;width:1px!important;background:linear-gradient(180deg,transparent,rgba(239,31,65,.65),transparent)!important;box-shadow:0 0 8px rgba(239,31,65,.25)!important}
.volume-head{display:contents!important}
.volume-head span{grid-column:1!important;grid-row:1 / 3!important;align-self:center!important;font:600 7px/1 "Noto Sans",sans-serif!important;letter-spacing:2.7px!important;color:#8f7d82!important;white-space:nowrap!important}
.volume-head strong{grid-column:2!important;grid-row:1!important;justify-self:start!important;align-self:center!important;display:inline-flex!important;align-items:baseline!important;overflow:visible!important;font:500 17px/1.05 Cinzel,Georgia,serif!important;font-variant-numeric:tabular-nums!important;letter-spacing:.4px!important;color:#f6e7e9!important;text-shadow:0 0 13px rgba(242,42,76,.22)!important}
.volume-head strong::after{content:"%"!important;display:inline-block!important;margin-left:5px!important;font:600 8px/1 "Noto Sans",sans-serif!important;letter-spacing:.6px!important;color:#ee3150!important;vertical-align:2px!important;text-shadow:0 0 9px rgba(238,49,80,.4)!important}
#volumeSlider{grid-column:2!important;grid-row:2!important;width:100%!important;height:16px!important;margin:0!important;padding:0!important;appearance:none!important;-webkit-appearance:none!important;background:transparent!important;outline:none!important;cursor:pointer!important;--vol:45%}
#volumeSlider::-webkit-slider-runnable-track{height:4px!important;border-radius:999px!important;background:linear-gradient(90deg,#ef1744 0 var(--vol),rgba(255,255,255,.15) var(--vol) 100%)!important;box-shadow:0 0 10px rgba(239,23,68,.15)!important}
#volumeSlider::-webkit-slider-thumb{appearance:none!important;-webkit-appearance:none!important;width:15px!important;height:15px!important;margin-top:-5.5px!important;border-radius:50%!important;border:2px solid #ffe8ec!important;background:#d91d3f!important;box-shadow:0 0 0 3px rgba(229,26,61,.14),0 0 13px rgba(239,32,69,.55)!important;transform:none!important}
#volumeSlider::-moz-range-track{height:4px!important;border-radius:999px!important;background:rgba(255,255,255,.15)!important}
#volumeSlider::-moz-range-progress{height:4px!important;border-radius:999px!important;background:#ef1744!important;box-shadow:0 0 10px rgba(239,23,68,.15)!important}
#volumeSlider::-moz-range-thumb{width:11px!important;height:11px!important;border-radius:50%!important;border:2px solid #ffe8ec!important;background:#d91d3f!important;box-shadow:0 0 0 3px rgba(229,26,61,.14),0 0 13px rgba(239,32,69,.55)!important}
@media(max-width:900px){
  .sound{min-width:54px!important;width:54px!important;height:48px!important;padding:0!important}
  .sound span:last-child{display:none!important}
  .volume-panel{position:absolute!important;right:0!important;top:56px!important;width:250px!important;min-width:250px!important;height:64px!important;grid-template-columns:72px 1fr!important;padding:10px 15px 10px 20px!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:none!important}
  .volume-panel.open,.volume-panel:focus-within{opacity:1!important;visibility:visible!important;pointer-events:auto!important}
}
@media(max-width:420px){.volume-panel{right:-42px!important;width:min(250px,calc(100vw - 28px))!important;min-width:0!important}}