/* Pinned fantasy settings reference. All rules are local to the existing dialog. */
body.adventure-hud #settings-dialog.settings-reference{--sr-u:min(1px,calc(100vw / 1672),calc(100dvh / 941));box-sizing:border-box;position:fixed;inset:0;margin:auto;width:min(1672px,100vw,calc(100dvh * 1.776833));height:min(941px,100dvh,calc(100vw / 1.776833));max-width:none;max-height:none;padding:0;border:0;border-radius:0;overflow:visible;color:#f5f0fb;background:transparent url('../assets/ui/settings-reference-v1/frame.webp') center/100% 100% no-repeat;box-shadow:none;font-family:'Noto Sans Thai',sans-serif;zoom:1;isolation:isolate}
#settings-dialog.settings-reference::backdrop{background:#0809118c;backdrop-filter:blur(5px)}
#settings-dialog.settings-reference :is(button,input){font-family:inherit;touch-action:manipulation}
#settings-dialog.settings-reference button{cursor:pointer}
#settings-dialog.settings-reference button:disabled{opacity:.42;cursor:default}
#settings-dialog.settings-reference button:focus-visible,#settings-dialog.settings-reference input:focus-visible{outline:2px solid #fff0b4;outline-offset:4px}
#settings-dialog.settings-reference :is(.settings-panel,.settings-source-actions,[hidden])[hidden]{display:none}
#settings-dialog.settings-reference .settings-heading{position:absolute;left:5.5%;right:3.8%;top:5.8%;height:10.5%;gap:0}
#settings-dialog.settings-reference{outline:none}
#settings-dialog.settings-reference .settings-heading>div{gap:calc(15 * var(--sr-u));height:100%}
#settings-dialog.settings-reference .settings-heading .adventure-icon{position:relative;width:calc(90 * var(--sr-u));height:calc(90 * var(--sr-u));flex:none;filter:sepia(.65) saturate(1.8) drop-shadow(0 4px 3px #0008)}
#settings-dialog.settings-reference .settings-heading .adventure-icon::after{content:'';position:absolute;inset:25%;background:url('../assets/ui/settings-reference-v1/jewel.svg') center/contain no-repeat;filter:sepia(0)}
#settings-dialog.settings-reference .settings-heading h2{font-size:calc(48 * var(--sr-u) * var(--sr-text,1));font-weight:700;line-height:1.35;color:#ffe3a0;margin:0}
#settings-dialog.settings-reference .settings-character{padding:0;margin:0;border:0;background:transparent;font-size:calc(21 * var(--sr-u) * var(--sr-text,1));color:#f8f4ff;line-height:1.5}
#settings-dialog.settings-reference #settings-close{align-self:flex-start;margin:0;width:calc(69 * var(--sr-u));height:calc(69 * var(--sr-u));font-size:calc(57 * var(--sr-u) * var(--sr-text,1));line-height:1;padding:0;border:2px solid #f1c877;border-radius:7px;background:#111221;color:#ffe4a2;box-shadow:inset 0 0 0 3px #4e3826,0 4px 7px #0008}
#settings-dialog.settings-reference .settings-options{position:absolute;inset:17.1% 4.3% 5.85% 3.94%;border:0;border-radius:0;overflow:visible;background:transparent}
#settings-dialog.settings-reference .settings-tabs{position:absolute;left:0;top:0;bottom:0;width:25.2%;display:block;overflow-y:auto;overflow-x:hidden;border:0;padding:calc(7 * var(--sr-u)) calc(20 * var(--sr-u)) calc(18 * var(--sr-u));background:transparent;scrollbar-gutter:stable}
#settings-dialog.settings-reference .settings-side-title{display:flex;align-items:center;gap:calc(20 * var(--sr-u));margin:calc(13 * var(--sr-u)) 0 calc(5 * var(--sr-u));font-size:calc(25 * var(--sr-u) * var(--sr-text,1));font-weight:600;color:#ffe9aa;line-height:1.45;white-space:nowrap}
#settings-dialog.settings-reference .settings-side-title::after{content:'';flex:1;height:1px;background:#d5b675;min-width:12px}
#settings-dialog.settings-reference .settings-side-group:first-child .settings-side-title{margin-top:0}
#settings-dialog.settings-reference :is(.settings-tab,.settings-side-action){position:relative;box-sizing:border-box;display:flex;align-items:center;gap:calc(31 * var(--sr-u));width:100%;min-height:calc(55 * var(--sr-u));padding:calc(8 * var(--sr-u)) calc(17 * var(--sr-u));margin:0;border:0;border-bottom:1px solid #81709446;border-radius:0;color:#f8f1ff;background:transparent;box-shadow:none;font:inherit;font-size:calc(23 * var(--sr-u) * var(--sr-text,1));font-weight:500;text-align:left;line-height:1.3;white-space:nowrap}
#settings-dialog.settings-reference .settings-tab[aria-selected=true]{border:2px solid #f1aede;border-radius:5px;background:linear-gradient(100deg,#4c063fa8,#4b013d);box-shadow:inset 0 0 12px #d42a999c,0 0 6px #ff80e0;padding:calc(6 * var(--sr-u)) calc(15 * var(--sr-u));color:#fff5fb}
#settings-dialog.settings-reference .settings-tab[aria-selected=true]::after{content:'';position:absolute;right:calc(-10 * var(--sr-u));width:calc(20 * var(--sr-u));height:calc(24 * var(--sr-u));background:url('../assets/ui/settings-reference-v1/jewel.svg') center/contain no-repeat}
#settings-dialog.settings-reference .settings-ref-icon{width:calc(36 * var(--sr-u));height:calc(36 * var(--sr-u));flex:none;fill:none;stroke:#ffdb8c;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 2px 1px #713a16)}
#settings-dialog.settings-reference .settings-panels{position:absolute;left:27.2%;right:0;top:0;bottom:16%;min-width:0;overflow:auto;padding:calc(18 * var(--sr-u)) calc(20 * var(--sr-u)) calc(8 * var(--sr-u)) calc(7 * var(--sr-u));scrollbar-gutter:stable}
#settings-dialog.settings-reference .settings-panel{padding:0;min-width:0}
#settings-dialog.settings-reference .settings-content-heading{margin:0 0 calc(6 * var(--sr-u));padding-left:calc(14 * var(--sr-u))}
#settings-dialog.settings-reference .settings-content-heading h3{display:flex;align-items:center;gap:calc(28 * var(--sr-u));margin:0;color:#ffe4a1;font-size:calc(38 * var(--sr-u) * var(--sr-text,1));line-height:1.5;font-weight:600}
#settings-dialog.settings-reference .settings-content-heading h3::after{content:'';flex:1;height:1px;background:#d8b674}
#settings-dialog.settings-reference .settings-content-heading p{margin:0;font-size:calc(23 * var(--sr-u) * var(--sr-text,1));color:#e5dfee;line-height:1.55}
#settings-dialog.settings-reference .settings-row{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:calc(32 * var(--sr-u));min-width:0;min-height:calc(94 * var(--sr-u));padding:calc(12 * var(--sr-u)) calc(20 * var(--sr-u)) calc(12 * var(--sr-u)) calc(34 * var(--sr-u));border:0;border-bottom:1px solid #9b825d66;background:transparent}
#settings-dialog.settings-reference .settings-row>.settings-ref-icon{width:calc(54 * var(--sr-u));height:calc(54 * var(--sr-u))}
#settings-dialog.settings-reference .settings-row>span{flex:1;min-width:0;gap:0}
#settings-dialog.settings-reference .settings-row strong{font-size:calc(25 * var(--sr-u) * var(--sr-text,1));color:#fff7ff;font-weight:600;line-height:1.4}
#settings-dialog.settings-reference .settings-row small{font-size:calc(20 * var(--sr-u) * var(--sr-text,1));color:#d5cde2;line-height:1.5}
#settings-dialog.settings-reference [data-settings-panel=audio]>.settings-row:first-of-type{padding-top:calc(16 * var(--sr-u));padding-bottom:calc(16 * var(--sr-u));border:1px solid #77617d8c;border-radius:9px;background:#34244426;margin-bottom:calc(8 * var(--sr-u))}
#settings-dialog.settings-reference .settings-volume-row{gap:calc(35 * var(--sr-u));min-height:calc(96 * var(--sr-u))}
#settings-dialog.settings-reference .settings-volume-row>span{flex:0 0 27%}
#settings-dialog.settings-reference .settings-volume{flex:1;gap:calc(44 * var(--sr-u));min-width:0}
#settings-dialog.settings-reference .settings-volume output{width:calc(78 * var(--sr-u));min-width:calc(65 * var(--sr-u));font-size:calc(24 * var(--sr-u) * var(--sr-text,1));text-align:right;color:#f7f1ff}
#settings-dialog.settings-reference .settings-volume input[type=range]{--volume:0%;appearance:none;-webkit-appearance:none;flex:1;min-width:0;width:100%;height:calc(48 * var(--sr-u));margin:0;background:transparent;cursor:pointer;border:0;outline-offset:0}
#settings-dialog.settings-reference .settings-volume input[type=range]::-webkit-slider-runnable-track{height:calc(15 * var(--sr-u));border-radius:30px;border:1px solid #807094;background:linear-gradient(90deg,#8607e3,#b631fc) 0/var(--volume) 100% no-repeat,#090917;box-shadow:inset 0 2px 4px #0008}
#settings-dialog.settings-reference .settings-volume input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:calc(44 * var(--sr-u));height:calc(52 * var(--sr-u));margin-top:calc(-19 * var(--sr-u));background:url('../assets/ui/settings-reference-v1/jewel.svg') center/contain no-repeat;border:0;border-radius:0;filter:drop-shadow(0 3px 3px #000a)}
#settings-dialog.settings-reference .settings-volume input[type=range]::-moz-range-track{height:calc(15 * var(--sr-u));border-radius:30px;border:1px solid #807094;background:#090917}
#settings-dialog.settings-reference .settings-volume input[type=range]::-moz-range-progress{height:calc(13 * var(--sr-u));border-radius:30px;background:#9914ee}
#settings-dialog.settings-reference .settings-volume input[type=range]::-moz-range-thumb{width:calc(44 * var(--sr-u));height:calc(52 * var(--sr-u));background:url('../assets/ui/settings-reference-v1/jewel.svg') center/contain no-repeat;border:0;border-radius:0}
#settings-dialog.settings-reference .settings-row button{border:1px solid #c9aa6b;border-radius:5px;background:#171421;color:#fce5b4;padding:calc(8 * var(--sr-u)) calc(17 * var(--sr-u));min-height:calc(44 * var(--sr-u));font-size:calc(20 * var(--sr-u) * var(--sr-text,1));line-height:1.4}
#settings-dialog.settings-reference .settings-row button[aria-pressed=true]{background:#61168a;color:#fff1ff;border-color:#d08de7}
#settings-dialog.settings-reference #settings-sound{display:flex;align-items:center;gap:calc(24 * var(--sr-u));min-width:calc(175 * var(--sr-u));border:0;background:transparent;box-shadow:none;color:#f7f0ff;font-size:calc(23 * var(--sr-u) * var(--sr-text,1));padding:0;position:relative}
#settings-dialog.settings-reference #settings-sound::before{content:'';width:calc(102 * var(--sr-u));height:calc(46 * var(--sr-u));border:2px solid #ead0f7;border-radius:30px;background:#393045;box-shadow:inset 0 1px 5px #080613}
#settings-dialog.settings-reference #settings-sound[aria-pressed=true]::before{background:linear-gradient(140deg,#9701ed,#5500a4)}
#settings-dialog.settings-reference #settings-sound::after{content:'';position:absolute;left:calc(7 * var(--sr-u));width:calc(33 * var(--sr-u));height:calc(33 * var(--sr-u));border-radius:50%;background:#fef5ff;box-shadow:0 2px 4px #3a185588}
#settings-dialog.settings-reference #settings-sound[aria-pressed=true]::after{left:calc(65 * var(--sr-u))}
#settings-dialog.settings-reference .settings-source-actions{display:none}
#settings-dialog.settings-reference .settings-reference-footer{position:absolute;left:27.5%;right:4.3%;top:82.6%;bottom:5.65%;display:flex;flex-direction:column;align-items:flex-start;gap:calc(10 * var(--sr-u));padding:0 calc(104 * var(--sr-u))}
#settings-dialog.settings-reference .settings-world-note{margin:0;width:calc(580 * var(--sr-u));text-align:center;color:#e0d8e9;font-size:calc(19 * var(--sr-u) * var(--sr-text,1));line-height:1.4}
#settings-dialog.settings-reference .settings-actions{display:flex;align-items:center;gap:calc(32 * var(--sr-u));width:auto;flex:1}
#settings-dialog.settings-reference .settings-actions button{height:calc(65 * var(--sr-u));min-height:calc(60 * var(--sr-u));border-radius:8px;border:2px solid #e6c681;padding:0 calc(28 * var(--sr-u));color:#fff9ff;background:#111220;box-shadow:inset 0 0 0 3px #52402a,0 3px 5px #0008;font-size:calc(26 * var(--sr-u) * var(--sr-text,1));font-weight:600;white-space:nowrap}
#settings-dialog.settings-reference #settings-resume{width:calc(262 * var(--sr-u));height:calc(65 * var(--sr-u));font-size:calc(32 * var(--sr-u) * var(--sr-text,1));border-color:#f6d986;background:linear-gradient(#9c087e,#4c003d);box-shadow:inset 0 0 0 3px #4b0529,inset 0 0 18px #f340ae80,0 3px 5px #0008;position:relative}
#settings-dialog.settings-reference #settings-resume::before,#settings-dialog.settings-reference #settings-resume::after{content:'';position:absolute;top:50%;transform:translateY(-50%);width:calc(30 * var(--sr-u));height:calc(38 * var(--sr-u));background:url('../assets/ui/settings-reference-v1/jewel.svg') center/contain no-repeat}
#settings-dialog.settings-reference #settings-resume::before{left:calc(-17 * var(--sr-u))}
#settings-dialog.settings-reference #settings-resume::after{right:calc(-17 * var(--sr-u))}
#settings-dialog.settings-reference #settings-lobby{width:calc(250 * var(--sr-u));display:flex;align-items:center;justify-content:center;gap:calc(20 * var(--sr-u));background:#111220;color:#fff9ff}
#settings-dialog.settings-reference #settings-lobby .settings-ref-icon{width:calc(31 * var(--sr-u));height:calc(31 * var(--sr-u))}
#settings-dialog.settings-reference .settings-escape{position:absolute;right:calc(18 * var(--sr-u));bottom:0;font-size:calc(18 * var(--sr-u) * var(--sr-text,1));color:#d2c5dd}
#settings-dialog.settings-reference .keybind-note,#settings-dialog.settings-reference .keybind-status{font-size:calc(18 * var(--sr-u) * var(--sr-text,1));color:#d8cee5}
#settings-dialog.settings-reference .keybind-status.bad{color:#ffb5a8}
#settings-dialog.settings-reference .keybind-group h3{font-size:calc(21 * var(--sr-u) * var(--sr-text,1));color:#efcb8c;margin:16px 0 8px}
#settings-dialog.settings-reference .keybind-row{grid-template-columns:minmax(0,1fr) calc(135 * var(--sr-u)) calc(135 * var(--sr-u)) auto;gap:calc(12 * var(--sr-u));padding:calc(7 * var(--sr-u)) 0;border-color:#9b825d66}
#settings-dialog.settings-reference .keybind-name{font-size:calc(21 * var(--sr-u) * var(--sr-text,1));color:#f1e9f8}
#settings-dialog.settings-reference :is(.keybind-slot,.keybind-reset,.keybind-reset-all,.keybind-prompt button){min-height:calc(44 * var(--sr-u));border:1px solid #a7855f;border-radius:5px;color:#f9eaca;background:#201927;font:inherit;font-size:calc(19 * var(--sr-u) * var(--sr-text,1));padding:calc(5 * var(--sr-u)) calc(12 * var(--sr-u))}
#settings-dialog.settings-reference .keybind-prompt{background:#29112e;border-color:#d7afd8;color:#ffe9fb;font-size:calc(21 * var(--sr-u) * var(--sr-text,1))}
#settings-dialog.settings-reference .keybind-prompt small{color:#dfcee5}
#settings-dialog.settings-reference .keybind-slot.capturing{background:#62177e;color:#fff6ff;animation:none}
#settings-dialog.settings-reference .settings-choice{gap:calc(9 * var(--sr-u))}
#settings-dialog.settings-reference .settings-zoom button{width:calc(44 * var(--sr-u))}
#settings-dialog.settings-reference #settings-zoom-value{font-size:calc(20 * var(--sr-u) * var(--sr-text,1));min-width:calc(55 * var(--sr-u))}
#settings-dialog.settings-reference :is(.settings-tabs,.settings-panels){scrollbar-width:thin;scrollbar-color:#957649 #17121e}
#settings-dialog.settings-reference ::selection{color:#fff4fa;background:#813190}
@media(max-width:900px),(max-height:600px){
 body.adventure-hud #settings-dialog.settings-reference{--sr-u:1px;width:100vw;height:100dvh;background-size:100% 100%}
 #settings-dialog.settings-reference .settings-heading{top:5.4%;height:10.8%}
 #settings-dialog.settings-reference .settings-heading .adventure-icon{width:44px;height:44px}
 #settings-dialog.settings-reference .settings-heading>div{gap:12px}
 #settings-dialog.settings-reference .settings-heading h2{font-size:calc(23px * var(--sr-text,1));line-height:1.2}
 #settings-dialog.settings-reference .settings-character{font-size:calc(12px * var(--sr-text,1))}
 #settings-dialog.settings-reference #settings-close{width:44px;height:44px;font-size:calc(36px * var(--sr-text,1))}
 #settings-dialog.settings-reference .settings-tabs{padding:4px 8px 12px;width:25.2%}
 #settings-dialog.settings-reference .settings-side-title{font-size:calc(15px * var(--sr-text,1));gap:8px;margin:13px 0 4px}
 #settings-dialog.settings-reference :is(.settings-tab,.settings-side-action){min-height:44px;font-size:calc(13px * var(--sr-text,1));padding:6px 8px;gap:10px;white-space:normal}
 #settings-dialog.settings-reference .settings-tab[aria-selected=true]{padding:4px 6px}
 #settings-dialog.settings-reference .settings-tab[aria-selected=true]::after{width:14px;height:20px;right:-7px}
 #settings-dialog.settings-reference .settings-ref-icon{width:24px;height:26px}
 #settings-dialog.settings-reference .settings-panels{padding:7px 7px 12px 4px;bottom:16%}
 #settings-dialog.settings-reference .settings-content-heading{margin-bottom:10px;padding-left:6px}
 #settings-dialog.settings-reference .settings-content-heading h3{font-size:calc(23px * var(--sr-text,1));gap:12px}
 #settings-dialog.settings-reference .settings-content-heading p{font-size:calc(13px * var(--sr-text,1))}
 #settings-dialog.settings-reference .settings-row{min-height:60px;padding:8px 8px;gap:12px}
 #settings-dialog.settings-reference .settings-row>.settings-ref-icon{width:28px;height:30px}
 #settings-dialog.settings-reference .settings-row strong{font-size:calc(14px * var(--sr-text,1))}
 #settings-dialog.settings-reference .settings-row small{font-size:calc(12px * var(--sr-text,1))}
 #settings-dialog.settings-reference .settings-volume-row{min-height:65px;gap:12px}
 #settings-dialog.settings-reference .settings-volume-row>span{flex-basis:30%}
 #settings-dialog.settings-reference .settings-volume{gap:13px}
 #settings-dialog.settings-reference .settings-volume output{width:37px;min-width:37px;font-size:calc(14px * var(--sr-text,1))}
 #settings-dialog.settings-reference .settings-volume input[type=range]{height:44px}
 #settings-dialog.settings-reference .settings-volume input[type=range]::-webkit-slider-runnable-track{height:9px}
 #settings-dialog.settings-reference .settings-volume input[type=range]::-webkit-slider-thumb{width:28px;height:34px;margin-top:-13px}
 #settings-dialog.settings-reference .settings-row button{font-size:calc(13px * var(--sr-text,1));min-height:44px;padding:6px 10px}
 #settings-dialog.settings-reference #settings-sound{min-width:100px;font-size:calc(14px * var(--sr-text,1));gap:10px}
 #settings-dialog.settings-reference #settings-sound::before{width:56px;height:28px}
 #settings-dialog.settings-reference #settings-sound::after{width:21px;height:21px;left:5px}
 #settings-dialog.settings-reference #settings-sound[aria-pressed=true]::after{left:33px}
 #settings-dialog.settings-reference [data-settings-panel=audio]>.settings-row:first-of-type{padding:8px;margin-bottom:3px}
 #settings-dialog.settings-reference .settings-reference-footer{padding:0 10px;gap:5px;top:82.2%;right:4.3%}
 #settings-dialog.settings-reference .settings-world-note{display:none}
 #settings-dialog.settings-reference .settings-actions{gap:18px;align-self:center}
 #settings-dialog.settings-reference .settings-actions button,#settings-dialog.settings-reference #settings-resume{width:150px;height:44px;min-height:44px;font-size:calc(17px * var(--sr-text,1));padding:0 14px}
 #settings-dialog.settings-reference #settings-lobby{width:145px;gap:10px;font-size:calc(15px * var(--sr-text,1))}
 #settings-dialog.settings-reference #settings-lobby .settings-ref-icon{width:22px;height:22px}
 #settings-dialog.settings-reference #settings-resume::before,#settings-dialog.settings-reference #settings-resume::after{width:22px;height:28px}
 #settings-dialog.settings-reference .settings-escape{display:none}
 #settings-dialog.settings-reference .keybind-name,#settings-dialog.settings-reference .keybind-group h3{font-size:calc(14px * var(--sr-text,1))}
 #settings-dialog.settings-reference .keybind-note,#settings-dialog.settings-reference .keybind-status{font-size:calc(12px * var(--sr-text,1))}
 #settings-dialog.settings-reference .keybind-row{grid-template-columns:minmax(0,1fr) 58px 58px auto;gap:5px;padding:4px 0}
 #settings-dialog.settings-reference :is(.keybind-slot,.keybind-reset,.keybind-reset-all,.keybind-prompt button){min-height:44px;font-size:calc(12px * var(--sr-text,1));padding:4px 6px}
 #settings-dialog.settings-reference .keybind-prompt{font-size:calc(14px * var(--sr-text,1))}
 #settings-dialog.settings-reference #settings-zoom-value{font-size:calc(14px * var(--sr-text,1));min-width:44px}
}
@media(max-width:500px){
 #settings-dialog.settings-reference .settings-options{left:4%;right:4%;top:17.1%}
 #settings-dialog.settings-reference .settings-tabs{width:30%;padding:8px 4px}
 #settings-dialog.settings-reference .settings-panels{left:33.5%;padding-right:2px}
 #settings-dialog.settings-reference .settings-side-title{font-size:calc(13px * var(--sr-text,1));gap:4px}
 #settings-dialog.settings-reference :is(.settings-tab,.settings-side-action){font-size:calc(12px * var(--sr-text,1));gap:5px;padding-left:3px;padding-right:3px}
 #settings-dialog.settings-reference .settings-ref-icon{width:18px;height:22px}
 #settings-dialog.settings-reference .settings-row>.settings-ref-icon{display:none}
 #settings-dialog.settings-reference .settings-row{flex-wrap:wrap;gap:6px}
 #settings-dialog.settings-reference .settings-row>span,#settings-dialog.settings-reference .settings-volume-row>span{flex:1 1 100%}
 #settings-dialog.settings-reference .settings-volume{width:100%;flex:1 1 100%}
 #settings-dialog.settings-reference .settings-content-heading h3{font-size:calc(21px * var(--sr-text,1))}
 #settings-dialog.settings-reference .settings-content-heading p{font-size:calc(12px * var(--sr-text,1))}
 #settings-dialog.settings-reference .settings-reference-footer{left:33.5%;padding:0 5px;gap:0;top:auto;height:104px;bottom:5.65%}
 #settings-dialog.settings-reference .settings-panels{bottom:125px}
 #settings-dialog.settings-reference .settings-actions{flex-direction:column;gap:8px;align-self:stretch}
 #settings-dialog.settings-reference #settings-resume,#settings-dialog.settings-reference #settings-lobby{width:100%;height:44px}
 #settings-dialog.settings-reference .keybind-row{grid-template-columns:1fr 1fr 1fr}
 #settings-dialog.settings-reference .keybind-name{grid-column:1/-1}
}

/* Review R1/R2: dark settings retain contrast and text enlargement within fixed frame. */
body.adventure-hud #settings-dialog.settings-reference{--sr-text:var(--ui-zoom,1)}
html[data-ui-text] body.adventure-hud #settings-dialog.settings-reference[open]{zoom:1;max-width:none!important;max-height:none!important;overflow:visible!important}
html[data-ui-contrast="high"] body.adventure-hud #settings-dialog.settings-reference :is(small,p,.settings-density){color:#fff2d8;opacity:1}
html[data-ui-contrast="high"] body.adventure-hud #settings-dialog.settings-reference .settings-panels{background:#0e0d19}
html[data-ui-text] #settings-dialog.settings-reference :is(.settings-tab,.settings-side-action,.settings-side-title){white-space:normal;overflow-wrap:anywhere}