.settings-button{position:absolute;z-index:120;top:1.8cqw;right:1.8cqw;width:10cqw;aspect-ratio:1;padding:0;border:0;border-radius:50%;background:transparent;cursor:pointer;filter:drop-shadow(0 .7cqw .65cqw rgba(30,13,4,.42));transition:transform .16s ease,filter .16s ease}.settings-button:hover,.settings-button:focus-visible{transform:scale(1.07) rotate(8deg);filter:drop-shadow(0 .8cqw .8cqw rgba(30,13,4,.55)) brightness(1.05)}.settings-button img{display:block;width:100%;height:100%;object-fit:contain}.settings-overlay{position:absolute;z-index:300;inset:0;display:grid;place-items:center;padding:4cqw 5cqw;background:#080503b8;backdrop-filter:blur(.45cqw);animation:settings-dim-in .18s ease-out both}.settings-overlay[hidden]{display:none}.settings-panel{width:min(76cqw,720px);max-height:94%;overflow:auto;padding:5.4cqw 6cqw 4.8cqw;border:.65cqw solid #5a2d13;border-radius:3.2cqw;color:#3e210f;background:linear-gradient(90deg,rgba(112,57,20,.11) 1px,transparent 1px) 0 0 / 7cqw 100%,linear-gradient(180deg,#edc982,#d9a85f 48%,#c98d45);box-shadow:inset 0 0 0 .35cqw #ffecb3b8,inset 0 -1.2cqw 2.2cqw #5b280c33,0 2cqw 5cqw #0000008c;animation:settings-panel-in .24s cubic-bezier(.2,.8,.25,1.08) both}.settings-panel h2{margin:0 0 3.6cqw;text-align:center;font-size:6.2cqw;letter-spacing:.12em;color:#4b260f;text-shadow:0 .2cqw rgba(255,232,171,.8),0 -.18cqw rgba(68,27,7,.28)}.settings-volume-list{display:grid;gap:2.8cqw}.settings-range-row{display:grid;grid-template-columns:12cqw 1fr 8cqw;align-items:center;gap:2.3cqw;font-size:3.75cqw;font-weight:800}.settings-range-row input{width:100%;height:5cqw;accent-color:#7a3c18;cursor:pointer}.settings-range-row input::-webkit-slider-runnable-track{height:1.15cqw;border-radius:1cqw}.settings-range-row input::-webkit-slider-thumb{width:4cqw;height:4cqw;margin-top:-1.42cqw}.settings-range-row output{text-align:right;font-variant-numeric:tabular-nums}.settings-credits{margin-top:3.5cqw;padding-top:2.5cqw;border-top:.25cqw solid rgba(84,39,13,.45)}.settings-credits h3{margin:0 0 1.7cqw;text-align:center;font-size:3.25cqw}.settings-credits dl{margin:0;font-size:2.5cqw;line-height:1.6}.settings-credits dl div{display:grid;grid-template-columns:11cqw 1fr;gap:1.8cqw}.settings-credits dt{font-weight:900}.settings-credits dd{margin:0}.settings-close{display:block;min-width:31cqw;margin:3.5cqw auto 0;padding:2.2cqw 5.5cqw;border:.45cqw solid #4f260e;border-radius:1.4cqw;color:#3d1d0c;background:linear-gradient(#e8bb6d,#b87532);box-shadow:inset 0 .35cqw #ffe5a6b8,0 .7cqw #6b3517;font:inherit;font-size:4cqw;font-weight:900;cursor:pointer}.settings-close:active{transform:translateY(.45cqw);box-shadow:inset 0 .25cqw #ffe5a699,0 .25cqw #6b3517}@keyframes settings-dim-in{0%{opacity:0}to{opacity:1}}@keyframes settings-panel-in{0%{opacity:0;transform:translateY(-3cqw) scale(.96)}to{opacity:1;transform:none}}.settings-panel{color-scheme:light;overscroll-behavior:contain}.settings-credits a{color:#563014;text-underline-offset:.12em}.settings-credits a:focus-visible,.settings-close:focus-visible,.settings-range-row input:focus-visible{outline:2px solid #663514;outline-offset:3px}.settings-credits small{font-size:inherit}@media(prefers-reduced-motion:reduce){.settings-overlay,.settings-panel{animation:none}.settings-button{transition:none}}