.header-nav .sound-settings{display:inline-flex;align-items:center;justify-content:center;gap:6px;flex:none}
.sound-settings svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.sound-settings .sound-cross,.sound-off .sound-waves{display:none}.sound-off .sound-cross{display:initial}.sound-off{color:var(--muted)}
.sound-panel{display:grid;gap:22px;max-width:460px;margin:auto;padding:5px 0 12px}.sound-panel p{line-height:1.6;color:var(--muted)}
.sound-panel>button{justify-self:start}.sound-panel label{display:flex;justify-content:space-between;font-size:13px}.sound-panel output{color:var(--cyan);font-variant-numeric:tabular-nums}
.sound-panel input[type=range]{width:100%;height:30px;accent-color:var(--cyan);cursor:pointer;margin:-12px 0 0}.sound-panel small{color:var(--muted);font-size:11px;line-height:1.7}
.ending-sound-button{position:absolute;z-index:5;top:20px;left:20px;background:#06101aba;border:1px solid #55758770;color:#bbd2df;font-size:11px;padding:9px 13px}
@media(max-width:700px){.header-nav .sound-settings{padding:7px;min-width:32px}.sound-settings span{display:none}.ending-sound-button{top:14px;left:12px}}
@media(max-width:400px){.site-header .brand strong{font-size:10px}.site-header .brand span{font-size:7px}.site-header .brand{gap:7px}.site-header .brand img{width:30px;height:30px}.site-header{padding-inline:10px;gap:4px}}

.sound-panel select{width:100%;padding:12px;background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:7px;font:inherit}.sound-panel small a{display:block;margin-top:9px;color:var(--cyan)}