header{z-index:4}
.audio-settings{position:relative;pointer-events:auto;font-size:11px;flex-shrink:0}
.audio-settings summary{list-style:none;cursor:pointer;border:1px solid #b09a5a50;background:#141a1de8;color:#d6c8aa;padding:10px 13px}
.audio-settings summary::-webkit-details-marker{display:none}
.audio-settings summary:hover,.audio-settings[open] summary{border-color:#ceaa65;background:#272a25}
.audio-settings summary:focus-visible{outline:2px solid #ead6a3;outline-offset:3px}
.audio-panel{position:absolute;right:0;top:calc(100% + 10px);width:260px;max-width:calc(100vw - 32px);padding:18px;background:linear-gradient(130deg,#1a2a30,#10181efc);border:1px solid #a58c58;box-shadow:0 12px 35px #0009;z-index:5}
.audio-panel label{display:block;font-size:12px;line-height:1.7;color:#ded6c2}
.audio-panel .audio-enable{display:flex;align-items:center;gap:10px;margin-bottom:17px}
.audio-enable input{width:17px;height:17px;accent-color:#c9ad73}
.audio-slider{margin-top:13px}.audio-slider output{float:right;color:#bba577;font-size:11px}
.audio-slider input{display:block;accent-color:#c9ad73;width:100%;margin:8px 0 0;cursor:pointer}
.audio-panel p{font-size:10px;line-height:1.7;color:#a7b3ad;margin:17px 0 0;letter-spacing:0}
@media(max-width:850px){.audio-settings summary{padding:9px;font-size:10px}.audio-panel{position:fixed;top:73px;right:14px}}
@media(max-width:520px){header .sigil{display:none}header h1{font-size:16px;letter-spacing:4px}header #inventory{font-size:0}header #inventory::after{content:'Plecak';font-size:10px}header{gap:7px}.audio-settings summary{padding:8px;font-size:9px}}