/* One coordinate system; backing artwork is never stretched out of proportion. */
#inventory.settings-window{width:var(--settings-width,min(900px,96vw,calc(92dvh * 1.31233)));max-width:none;max-height:none;overflow:visible;padding:0;border:0;border-radius:0;box-shadow:none;background:transparent;color:#f0dfb5}
#inventory.settings-window::backdrop{background:#06120b80;backdrop-filter:none}
#inventory.settings-window>h1,#inventory.settings-window>small,#inventory.settings-window>#close,#inventory.settings-window>#stats{display:none}
#inventory.settings-window #items{margin:0;padding:0;max-height:none;overflow:visible}
#settings-pane{position:relative;width:100%;height:var(--settings-height,auto);aspect-ratio:1437/1095;container-type:inline-size;font:400 18px/1.4 Georgia,serif;isolation:isolate}
#settings-pane [hidden]{display:none!important}
#settings-pane .settings-frame{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;pointer-events:none;z-index:-1}
#settings-pane .settings-title{position:absolute;left:17%;top:7.8%;transform:translateY(-50%);width:66%;margin:0;padding:0;text-align:center;color:#f5dfaa;font:400 4cqw/1.15 Georgia,serif;letter-spacing:.12cqw;text-transform:uppercase;text-shadow:0 1px 1px #0009;white-space:nowrap}
#settings-pane button{display:block;margin:0;padding:0;border:0;border-radius:0;box-shadow:none;background-color:transparent;color:#eddfba;font:inherit;text-align:center;text-shadow:0 1px 1px #000;cursor:pointer}
#settings-pane button:focus-visible,#settings-pane input:focus-visible,#settings-pane select:focus-visible{outline:2px solid #f6d58b;outline-offset:3px}
#settings-pane .settings-cross{position:absolute;right:2.8%;top:7.8%;transform:translateY(-50%);width:3.8%;aspect-ratio:1;background:image-set(url('settings/close-v7.png') 1x,url('settings/close-v7@2x.png') 2x) center/contain no-repeat;color:#f0ce7c;transition:filter .12s}
#settings-pane .settings-cross:hover{filter:brightness(1.15)}
#settings-pane .settings-nav{position:absolute;left:5%;top:16%;width:28%;display:flex;flex-direction:column;gap:1.25cqw}
#settings-pane .settings-nav button{width:100%;aspect-ratio:395/81;padding:0 2cqw 0 5.3cqw;background:image-set(url('settings/tab-idle.png') 1x,url('settings/tab-idle@2x.png') 2x) center/100% 100% no-repeat;text-align:left;font-size:2.35cqw;line-height:1.2;white-space:nowrap;transition:filter .12s}
#settings-pane .settings-nav button:hover{filter:brightness(1.12)}
#settings-pane .settings-nav button[aria-selected=true]{background-image:image-set(url('settings/tab-active.png') 1x,url('settings/tab-active@2x.png') 2x);color:#271b0b;text-shadow:0 1px 1px #ffecaa66}
#settings-pane .settings-content{position:absolute;left:41%;top:16%;width:52%;height:71%;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#a38a53 #0d1c15}
#settings-pane h2{margin:0 0 .7cqw;color:#f0dfb5;text-align:center;font:600 2.9cqw/1.2 Georgia,serif;letter-spacing:.05cqw}
#settings-pane .settings-rule{display:block;width:100%;height:1.6cqw;object-fit:contain;margin:1.5cqw 0 2cqw;pointer-events:none}
#settings-pane .settings-audio{margin:0}
#settings-pane .settings-audio>label:first-child{font:400 2.5cqw/1.25 Georgia,serif;color:#f2dfb5}
#settings-pane .settings-audio p{margin:.5cqw 0 1.6cqw;color:#bbc3ae;font:400 1.8cqw/1.35 Georgia,serif}
#settings-pane .settings-volume{display:grid;grid-template-columns:minmax(0,1fr) 5.5cqw;align-items:center;gap:2cqw;margin:0 0 1.8cqw;padding-left:1cqw;min-height:3.8cqw}
#settings-pane .settings-volume output{font:400 2cqw/1.2 Georgia,serif;font-variant-numeric:tabular-nums;color:#f1dc9e;text-align:right}
#settings-pane .settings-track{position:relative;min-width:0;height:1.5cqw;border:1px solid #a78c4d;background:linear-gradient(#050b08,#15251a 55%,#09120c);box-shadow:inset 0 1px 3px #000b,0 1px 1px #0008}
#settings-pane .settings-track:before,#settings-pane .settings-track:after{content:'';position:absolute;top:50%;width:2cqw;height:2.7cqw;transform:translateY(-50%);pointer-events:none;z-index:1}
#settings-pane .settings-track:before{left:-1cqw;background:image-set(url('settings/slider-cap-left.png') 1x,url('settings/slider-cap-left@2x.png') 2x) center/contain no-repeat}
#settings-pane .settings-track:after{right:-1cqw;background:image-set(url('settings/slider-cap-right.png') 1x,url('settings/slider-cap-right@2x.png') 2x) center/contain no-repeat}
#settings-pane .settings-track i{position:absolute;inset:1px auto 1px 1px;max-width:calc(100% - 2px);width:var(--value);background:linear-gradient(#f7db91,#d8ad50 45%,#a77524 60%,#d4a245);pointer-events:none}
#settings-pane .settings-track input[type=range]{position:absolute;left:0;top:50%;transform:translateY(-50%);width:100%;height:3.8cqw;margin:0;padding:0;appearance:none;background:none;border:0;box-shadow:none;z-index:2}
#settings-pane .settings-track input[type=range]::-webkit-slider-thumb{appearance:none;width:3.8cqw;height:3.8cqw;border:0;border-radius:50%;background:image-set(url('settings/slider-thumb.png') 1x,url('settings/slider-thumb@2x.png') 2x) center/contain no-repeat}
#settings-pane .settings-track input[type=range]::-moz-range-thumb{width:3.8cqw;height:3.8cqw;border:0;border-radius:50%;background:url('settings/slider-thumb@2x.png') center/contain no-repeat}
#settings-pane .settings-check{display:flex;align-items:center;gap:1.1cqw;font:400 2cqw/1.3 Georgia,serif;cursor:pointer}
#settings-pane .settings-check input{position:relative;flex:0 0 3.4cqw;width:3.4cqw;height:3.4cqw;margin:0;padding:0;appearance:none;background:image-set(url('settings/checkbox-empty.png') 1x,url('settings/checkbox-empty@2x.png') 2x) center/contain no-repeat;border:0;border-radius:0;box-shadow:none}
#settings-pane .settings-check input:checked:after{content:'✓';position:absolute;inset:0;text-align:center;color:#f5cf73;font:700 2.7cqw/3.4cqw 'Segoe UI',sans-serif;text-shadow:0 1px 1px #000}
#settings-pane .settings-autosave{position:absolute;left:41%;bottom:6.2%;width:52%;margin:0;padding:0;color:#adb7a2;font:400 1.5cqw/1.35 Georgia,serif;text-align:center}
#settings-pane .settings-scale{display:flex;flex-direction:column;gap:1.5cqw;font:400 2.3cqw/1.3 Georgia,serif}
#settings-pane select{width:100%;box-sizing:border-box;padding:1cqw 1.2cqw;border:1px solid #a58c51;border-radius:3px;background:#102219;color:#efdfb4;font:400 2cqw/1.3 Georgia,serif}
#settings-pane .settings-help{margin:2cqw 0;color:#bbc3ae;font:400 1.8cqw/1.55 Georgia,serif}
#settings-pane dl{margin:0;font:400 1.8cqw/1.4 Georgia,serif}
#settings-pane dl>div{display:grid;grid-template-columns:43% minmax(0,1fr);gap:1cqw;padding:.85cqw 0;border-bottom:1px solid #b09a4b33;align-items:baseline}
#settings-pane dt{color:#ecd08b}#settings-pane dd{margin:0;color:#d8ddc7}
@media(prefers-reduced-motion:reduce){#settings-pane button{transition:none}}
/* Motion never changes layout or resizes the engraved artwork. */
#settings-pane .settings-cross{z-index:3;filter:brightness(1.12) drop-shadow(0 0 3px #dcb15a80);transition:filter .16s,translate .16s}
#settings-pane .settings-cross:before{content:'';position:absolute;inset:-3px;border:1px solid #e4bc6680;border-radius:6px;box-shadow:0 0 9px #e1b55050;pointer-events:none;animation:settings-close-beacon 3.2s ease-in-out infinite}
#settings-pane .settings-cross:hover,#settings-pane .settings-cross:focus-visible{filter:brightness(1.35) drop-shadow(0 0 6px #f0c56eaa);translate:0 -1px}
#settings-pane .settings-cross:active{translate:0 1px;filter:brightness(1.1)}
#settings-pane .settings-nav button{transition:filter .16s,translate .16s}
#settings-pane .settings-nav button:hover{translate:2px 0;filter:brightness(1.14)}
#settings-pane .settings-nav button:active{translate:1px 1px}
#settings-pane .settings-track{transition:box-shadow .18s,border-color .18s}
#settings-pane .settings-volume:focus-within .settings-track,#settings-pane .settings-volume:hover .settings-track{border-color:#e0bd70;box-shadow:inset 0 1px 3px #000b,0 0 7px #cba34f55}
#settings-pane .settings-check input{transition:filter .16s}
#settings-pane .settings-check:hover input{filter:brightness(1.18)}
@keyframes settings-close-beacon{0%,100%{opacity:.35}50%{opacity:.9}}
@media(prefers-reduced-motion:reduce){#settings-pane *,#settings-pane *:before{animation:none!important;transition:none!important}}

#settings-pane .graphics-options{display:flex;flex-direction:column;gap:1.5cqw;padding:0 1cqw 2cqw 0}#settings-pane .graphics-options>label{display:flex;flex-direction:column;gap:.6cqw;font-size:1.9cqw}#settings-pane .graphics-options>.settings-check{flex-direction:row;align-items:center}#settings-pane .graphics-options input[type=range]{width:100%;accent-color:#c5a45d}#settings-pane .graphics-reset{padding:1cqw;border:1px solid #a58c51;background:#203226;font-size:1.9cqw}.graphics-fps{position:fixed;left:50%;top:8px;transform:translateX(-50%);padding:4px 9px;background:#0c1b13cc;border:1px solid #967d46;color:#eddfba;pointer-events:none;font:12px monospace;z-index:90}.graphics-fps[hidden]{display:none}

/* Graphics ranges belong to their own row, never the sound slider's absolute layer. */
#settings-pane .settings-content{box-sizing:border-box;scrollbar-gutter:stable;padding-right:1.4cqw;padding-bottom:2cqw}
#settings-pane .graphics-options,#settings-pane .graphics-options *{box-sizing:border-box}
#settings-pane .graphics-options{width:100%;min-width:0;padding-right:.6cqw;padding-bottom:3cqw}
#settings-pane .graphics-options>label{min-width:0;width:100%;margin:0}
#settings-pane .graphics-options select{display:block;position:static;transform:none;width:100%;max-width:100%;min-width:0;margin:0}
#settings-pane .graphics-options input[type=range]{position:static;display:block;left:auto;top:auto;transform:none;width:100%;max-width:100%;height:2.8cqw;min-height:22px;margin:.8cqw 0;padding:0;appearance:none;border:1px solid #8c7442;border-radius:4px;background:linear-gradient(#0a160f,#243b29);box-shadow:inset 0 1px 3px #0008;cursor:pointer}
#settings-pane .graphics-options input[type=range]::-webkit-slider-thumb{appearance:none;width:2.8cqw;height:2.8cqw;min-width:20px;min-height:20px;border:1px solid #c3a65d;border-radius:50%;background:radial-gradient(circle at 35% 30%,#f3db91,#98702d);box-shadow:0 1px 3px #0008}
#settings-pane .graphics-options input[type=range]::-moz-range-thumb{width:2.8cqw;height:2.8cqw;min-width:20px;min-height:20px;border:1px solid #c3a65d;border-radius:50%;background:radial-gradient(circle at 35% 30%,#f3db91,#98702d)}
#settings-pane .graphics-options input[type=checkbox]{margin:0;flex-shrink:0}
#settings-pane .settings-content:focus-within{scroll-behavior:smooth}