button.game-button,a.game-button,button.game-button:hover:not(:disabled),a.game-button:hover,button.game-button:active,a.game-button:active{box-sizing:border-box;color:#b8aa93;text-align:center;text-shadow:1px 1px 1px #210d08;min-width:100px;min-height:42px;box-shadow:none;filter:none;cursor:pointer;background:0 0;border:8px solid #0000;border-image:url(/assets/ui/controls/red-action.png) 12 16 fill/6.4px 8.53333px;border-radius:0;outline:none;justify-content:center;align-items:center;padding:0 16px 6px;font:18px/1.2 Microsoft YaHei,Noto Sans SC,sans-serif;text-decoration:none;transition:none;display:inline-flex;transform:none}button.game-button:disabled,a.game-button[aria-disabled=true]{opacity:.55;cursor:default}button.game-button:focus-visible,a.game-button:focus-visible{outline:none}.hioss-options[data-v-015d3214]{z-index:150;color:#aaa9a2;background:#030505;font-family:Microsoft YaHei,Noto Sans SC,sans-serif;position:fixed;inset:0;overflow:hidden}.options-reference[data-v-015d3214]{transform-origin:50%;background:url(/assets/ui/options-reference/shell.png?v=2) 50%/100% 100% no-repeat;width:2048px;height:1152px;position:absolute;top:50%;left:50%}.options-reference button[data-v-015d3214],.options-reference select[data-v-015d3214],.options-reference input[data-v-015d3214],.options-reference a[data-v-015d3214]{font:inherit;color:inherit;box-sizing:border-box}.options-reference button[data-v-015d3214],.options-reference a[data-v-015d3214]{cursor:pointer;box-shadow:none;border-radius:0;text-decoration:none}.options-reference button[data-v-015d3214]:focus-visible,.options-reference select[data-v-015d3214]:focus-visible,.options-reference input[data-v-015d3214]:focus-visible,.options-reference a[data-v-015d3214]:focus-visible{outline:none}.options-title-hit[data-v-015d3214],.options-back-hit[data-v-015d3214]{background:0 0;border:0;height:43px;position:absolute;top:13px}.options-title-hit[data-v-015d3214]{width:113px;left:12px}.options-back-hit[data-v-015d3214]{width:40px;right:9px}.options-tabs[data-v-015d3214]{align-items:center;gap:20px;height:43px;display:flex;position:absolute;top:13px;left:729px}.options-tabs button[data-v-015d3214],.options-tabs button[data-v-015d3214]:hover:not(:disabled),.options-tabs button[data-v-015d3214]:active,.options-tabs button[data-v-015d3214]:focus,.options-tabs button[data-v-015d3214]:focus-visible{color:#aaa9a2;box-shadow:none;letter-spacing:.5px;white-space:nowrap;background:0 0;border:0;outline:none;height:43px;padding:0 16px;font-family:Noto Serif SC,Source Han Serif SC,SimSun,serif;font-size:20px;font-weight:800;transition:none}.options-tabs button.selected[data-v-015d3214],.options-tabs button.selected[data-v-015d3214]:hover:not(:disabled),.options-tabs button.selected[data-v-015d3214]:active,.options-tabs button.selected[data-v-015d3214]:focus{color:#e3ddd2;background:url(/assets/ui/options-reference/tab.png) 50%/100% 100%}.options-tabs button[data-v-015d3214]:hover,.options-tabs button[data-v-015d3214]:active{box-shadow:none;filter:none}.options-section-title[data-v-015d3214]{letter-spacing:.5px;color:#c6c5bb;background:0 0;align-items:center;width:868px;height:36px;font-family:Noto Serif SC,Source Han Serif SC,SimSun,serif;font-size:19px;font-weight:800;line-height:1;display:flex;position:absolute;top:140px;left:329px}.options-content[data-v-015d3214]{box-sizing:border-box;scrollbar-width:none;width:932px;height:840px;padding:0 15px 40px 39px;position:absolute;top:197px;left:282px;overflow:auto}.options-content[data-v-015d3214]::-webkit-scrollbar{display:none}.options-scrollbar-cover[data-v-015d3214]{pointer-events:none;background:url(/assets/ui/options-reference/scrollbar-cover.png) 50%/100% 100% no-repeat;width:27px;height:927px;position:absolute;top:115px;left:1240px}.options-scrollbar[data-v-015d3214]{box-sizing:border-box;touch-action:none;background:linear-gradient(90deg,#080d0c,#13201c 48%,#080d0c);border:2px solid #343f3e;width:20px;height:912px;position:absolute;top:120px;left:1243px}.options-scrollbar[data-v-015d3214]:before,.options-scrollbar[data-v-015d3214]:after{content:"";background:#171f1c;border:1px solid #4b5753;width:12px;height:17px;position:absolute;left:2px}.options-scrollbar[data-v-015d3214]:before{clip-path:polygon(50% 12%,95% 80%,5% 80%);background:#a9aaa0;top:1px}.options-scrollbar[data-v-015d3214]:after{clip-path:polygon(5% 20%,95% 20%,50% 88%);background:#a9aaa0;bottom:1px}.options-scrollbar-thumb[data-v-015d3214]{box-sizing:border-box;cursor:grab;touch-action:none;background:linear-gradient(90deg,#777363,#aaa08a 45%,#827c6b);border:1px solid #777568;width:12px;position:absolute;left:2px}.options-scrollbar-thumb[data-v-015d3214]:active{cursor:grabbing}.options-row[data-v-015d3214]{justify-content:space-between;align-items:center;height:60px;min-height:60px;margin:0;font-family:Noto Sans SC,Microsoft YaHei,sans-serif;font-size:21px;font-weight:400;line-height:1.3;display:flex}.options-row>span[data-v-015d3214]:first-child{color:#c1c2bf;white-space:nowrap}.options-row select[data-v-015d3214],.options-row output[data-v-015d3214],.options-select[data-v-015d3214]{text-align:left;background:linear-gradient(#ffffff0a,#ffffff05);border:2px solid #535b59;width:336px;height:41px;padding:3px 8px;font-size:20px}.options-row output[data-v-015d3214]{color:#94958f;justify-content:center;align-items:center;display:flex}.options-row select[data-v-015d3214],.options-select[data-v-015d3214]{appearance:none;background:url(/assets/ui/options-reference/select-arrow.png) right 2px center/35px 35px no-repeat,linear-gradient(#ffffff0a,#ffffff05);padding-right:42px}.options-row select option[data-v-015d3214]{color:#d4d1c6;background:#202525}.options-row .options-action[data-v-015d3214]{color:#b8aa93;width:334px;height:42px;font-family:Microsoft YaHei,Noto Sans SC,sans-serif;font-size:18px;font-weight:400;line-height:1.2}.options-reference button[data-v-015d3214]:disabled{cursor:default;filter:grayscale();opacity:.55}.options-row input[type=checkbox][data-v-015d3214],.options-check[data-v-015d3214]{appearance:none;cursor:pointer;background:url(/assets/ui/options-reference/unchecked.png) 50%/36px 36px no-repeat;border:0;width:39px;height:37px;margin:0 3px 0 0}.options-row input[type=checkbox][data-v-015d3214]:checked,.options-check.checked[data-v-015d3214]{background-image:url(/assets/ui/options-reference/checked.png);background-size:39px 37px}.options-row input[data-v-015d3214]:disabled{opacity:.4;cursor:default}.options-segments[data-v-015d3214]{background:#1d272955;border:2px solid #4a5b5f;width:334px;height:21px;display:flex;position:relative}.options-segments>span[data-v-015d3214]{white-space:nowrap;color:#958e7d;font-size:20px;position:absolute;top:-5px;right:calc(100% + 14px)}.options-segments i[data-v-015d3214]{border-right:3px solid #465454;width:33.333%}.options-segments i[data-v-015d3214]:last-child{border:0}.options-segments .filled[data-v-015d3214]{background:#aaa89c;box-shadow:inset 0 0 0 3px #4a514f}.options-color[data-v-015d3214]{background:#3cf000;border:5px solid #354544;border-radius:50%;width:43px;height:43px;margin-right:3px}.options-range[data-v-015d3214]{align-items:center;gap:20px;display:flex}.options-range output[data-v-015d3214]{background:0 0;border:0;width:80px}.options-range input[data-v-015d3214]{accent-color:#a69e86;width:235px}.options-help[data-v-015d3214]{color:#817d73;margin-top:35px;font-size:20px;line-height:1.8}.options-bottom-fade[data-v-015d3214]{pointer-events:none;background:linear-gradient(#0000,#000c);width:932px;height:90px;position:absolute;top:947px;left:282px}.options-footer[data-v-015d3214]{width:456px;height:45px;position:absolute;top:1097px;left:796px}.options-footer button[data-v-015d3214],.options-footer button[data-v-015d3214]:hover,.options-footer button[data-v-015d3214]:hover:not(:disabled),.options-footer button[data-v-015d3214]:focus,.options-footer button[data-v-015d3214]:active,.options-footer button[data-v-015d3214]:disabled{opacity:1;filter:none;width:141px;height:45px;min-height:0;box-shadow:none;background:0 0;border:0;padding:0;transition:none;position:absolute;top:0;transform:none}.options-footer .options-footer-save[data-v-015d3214]{left:0}.options-footer-save[data-v-015d3214]:before{content:"";pointer-events:none;background:url(/assets/ui/options-reference/button.png) 50%/130% 190% no-repeat;position:absolute;inset:9px 16px}.options-footer-save[data-v-015d3214]:disabled:before{filter:grayscale()brightness(1.3)}.options-footer-save-label[data-v-015d3214]{color:#b8aa93;text-shadow:1px 1px 1px #210d08;pointer-events:none;justify-content:center;align-items:center;font:20px/1 Microsoft YaHei,Noto Sans SC,sans-serif;display:flex;position:absolute;inset:0;transform:translateY(-1px)}.options-footer-save:disabled .options-footer-save-label[data-v-015d3214]{color:#777;text-shadow:1px 1px 1px #111}.options-footer .options-footer-reset[data-v-015d3214],.options-footer .options-footer-reset[data-v-015d3214]:hover:not(:disabled),.options-footer .options-footer-reset[data-v-015d3214]:focus,.options-footer .options-footer-reset[data-v-015d3214]:active{width:150px;left:153px}.options-footer .options-footer-close[data-v-015d3214]{left:315px}.options-footer img[data-v-015d3214]{object-fit:fill;pointer-events:none;width:100%;max-width:none;height:100%;transition:none;display:block;transform:none}.options-status[data-v-015d3214]{text-align:right;color:#aaa597;max-width:540px;font-size:17px;position:absolute;bottom:22px;right:300px}.options-resolution[data-v-015d3214]{color:#aaa9a2;font-size:23px;position:absolute;bottom:18px;right:45px}.options-row small[data-v-015d3214]{color:#817d73;white-space:nowrap;margin-left:12px;font-size:14px;display:inline}.game-codex[data-v-576ec926]{z-index:150;color:#b7b7b1;--text:#ccc9be;--muted:#a29e92;--gold:#aaa18a;--gold-bright:#d1c5aa;background:#030505;font:21px/1.65 Microsoft YaHei,Noto Sans SC,sans-serif;position:fixed;inset:0;overflow:hidden}.codex-frame[data-v-576ec926]{background:url(/assets/ui/options-reference/shell.png?v=2) 50%/100% 100% no-repeat;width:2048px;height:1152px;position:absolute;top:50%;left:50%}.codex-back[data-v-576ec926],.codex-close[data-v-576ec926]{background:0 0;border:0;height:43px;position:absolute;top:13px}.codex-back[data-v-576ec926]{width:113px;left:12px}.codex-close[data-v-576ec926]{width:40px;right:9px}.codex-nav[data-v-576ec926]{gap:16px;display:flex;position:absolute;top:13px;left:500px}.codex-nav button[data-v-576ec926]{color:#aaa9a2;letter-spacing:.5px;height:43px;box-shadow:none;background:0 0;border:0;border-radius:0;padding:0 18px;font-family:Noto Serif SC,Source Han Serif SC,SimSun,serif;font-size:20px;font-weight:800}.codex-nav button.selected[data-v-576ec926]{color:#e3ddd2;background:url(/assets/ui/options-reference/tab.png) 50%/100% 100%}.codex-title[data-v-576ec926]{color:#c6c5bb;letter-spacing:.5px;margin:0;font-family:Noto Serif SC,Source Han Serif SC,SimSun,serif;font-size:19px;font-weight:800;line-height:36px;position:absolute;top:140px;left:329px}.codex-content[data-v-576ec926]{overscroll-behavior:contain;scrollbar-color:#9b9481 #1a211f;scrollbar-width:auto;width:981px;height:840px;padding:0 47px 40px 39px;position:absolute;top:197px;left:282px;overflow:auto}.codex-scrollbar-cover[data-v-576ec926]{pointer-events:none;background:url(/assets/ui/options-reference/scrollbar-cover.png) 50%/100% 100% no-repeat;width:27px;height:927px;position:absolute;top:115px;left:1240px}.codex-intro[data-v-576ec926]{color:var(--muted);margin-bottom:28px}.codex-intro[data-v-576ec926] p{margin-top:0}.codex-footer[data-v-576ec926]{color:#928d80;justify-content:space-between;align-items:center;width:931px;font-size:18px;display:flex;position:absolute;top:1097px;left:321px}.codex-footer button.game-button[data-v-576ec926],.codex-footer button.game-button[data-v-576ec926]:hover:not(:disabled),.codex-footer button.game-button[data-v-576ec926]:active{text-align:center;justify-content:center;align-items:center;width:180px;height:45px;padding:0;transition:none;transform:none}.game-codex[data-v-576ec926] :focus,.game-codex[data-v-576ec926] :focus-visible{outline:none}.codex-content[data-v-576ec926]>section{background:0 0;border:0;border-bottom:1px solid #50544c;max-width:none;margin:0 0 32px;padding:0 0 28px}.codex-content[data-v-576ec926] h2{color:#c6c5bb;margin:0 0 18px;font:700 25px/1.5 SimSun,serif}.codex-content[data-v-576ec926] .eyebrow{color:#8f8979;font-size:13px}.codex-content[data-v-576ec926] .gold-drop-note{font-size:17px;line-height:1.7}.codex-content[data-v-576ec926] .ability-grid{grid-template-columns:1fr}.codex-content[data-v-576ec926] .ability-card,.codex-content[data-v-576ec926] .gold-drop-rules article,.codex-content[data-v-576ec926] .content-status-card dl>div,.codex-content[data-v-576ec926] .gold-drop-facts>div{background:#0c111166;border-color:#454d48}.codex-content[data-v-576ec926] .ability-card{padding:24px}.codex-content[data-v-576ec926] .ability-description{min-height:0}.codex-content[data-v-576ec926] .ability-facts dt,.codex-content[data-v-576ec926] .gold-drop-rules dt,.codex-content[data-v-576ec926] .gold-drop-facts dt,.codex-content[data-v-576ec926] .content-status-card dt{font-size:17px}.codex-content[data-v-576ec926] .ability-facts dd{font-size:20px}.codex-content[data-v-576ec926] .ability-card-heading code,.codex-content[data-v-576ec926] .content-status-card code{font-size:16px}.codex-content[data-v-576ec926] kbd,.codex-content[data-v-576ec926] .ability-tags li,.codex-content[data-v-576ec926] .content-status-badge,.codex-content[data-v-576ec926] .gold-drop-badge{color:#c9c3b3;background:#171b1a;border-color:#68665b;border-radius:0;font-size:16px}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#0a0c0d;--panel:#111719;--line:#394343;--text:#ece4d2;--muted:#a9a28f;--gold:#d4aa67;--gold-bright:#f0cf91;--red:#9b3e49;--cyan:#4c9aa3;--danger:#e07878;--ui-obsidian:#090a09;--ui-coal:#11120f;--ui-parchment:#d7cfbd;--ui-bronze:#8a6c43;--ui-slot:clamp(3rem, 4vw, 4.6rem);--screen-edge-gap:clamp(.75rem, 1.5vw, 2rem);--game-chrome-unit:calc(100vw / 3840);--game-chrome-height:calc(132 * var(--game-chrome-unit));background:var(--ink);color:var(--text);font-family:Georgia,Times New Roman,serif}*{box-sizing:border-box}html,body,#app{min-width:320px;min-height:100%;margin:0}body{background:#000;min-height:100vh}button,input{font:inherit}button,.button-link,.primary-button,.secondary-button{min-height:42px;color:var(--text);cursor:pointer;background:#1a2223;border:1px solid #59615b;border-radius:2px;padding:.65rem 1rem;text-decoration:none;transition:border-color .15s,background .15s,color .15s,transform .15s}button:hover:not(:disabled),.button-link:hover,.secondary-button:hover{border-color:var(--gold);color:var(--gold-bright);background:#222b2a}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--gold-bright);outline-offset:3px}button:disabled{opacity:.42;cursor:not-allowed}.primary-button{color:#16120c;background:linear-gradient(135deg,#efd197,#b4854c);border-color:#a98049;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.primary-button:hover:not(:disabled){color:#090806;background:linear-gradient(135deg,#ffe7b4,#c99a5c);transform:translateY(-1px)}.secondary-button{justify-content:center;align-items:center;display:inline-flex}.danger{color:var(--danger);border-color:#663b3f}a{color:inherit}.app-shell{min-height:100vh}.bootstrap-failure{width:min(36rem,100vw - 2rem);min-height:100vh;color:var(--text);place-content:center;justify-items:start;gap:1rem;margin:0 auto;display:grid}.bootstrap-failure h1,.bootstrap-failure p{margin:0}.bootstrap-failure code{border:1px solid var(--danger);color:#ffd2d2;overflow-wrap:anywhere;background:#32191d;width:100%;padding:.75rem}.topbar{height:56px;padding:0 var(--screen-edge-gap);box-shadow:none;z-index:20;background:#000;border-bottom:0;justify-content:flex-start;align-items:center;display:flex;position:relative}.brand{flex:none;align-items:center;text-decoration:none;display:inline-flex}.brand img{object-fit:contain;filter:drop-shadow(0 0 2px #ffe5a8)drop-shadow(0 0 6px #efbb55cc)drop-shadow(0 0 13px #b46b1980);-webkit-user-select:none;user-select:none;width:auto;height:40px;transition:filter .2s,transform .2s;display:block}.brand:hover img,.brand:focus-visible img{filter:brightness(1.08)drop-shadow(0 0 3px #fff0bd)drop-shadow(0 0 9px #f7c761e6)drop-shadow(0 0 18px #c57a2399);transform:scale(1.025)}.topbar nav{align-items:center;gap:clamp(.15rem,.35vw,.45rem);height:100%;display:flex}.topbar nav a{isolation:isolate;place-items:center;width:clamp(5.75rem,5.2vw,6.5rem);height:100%;text-decoration:none;display:grid;position:relative}.topbar nav a:before{content:"";z-index:-1;aspect-ratio:896/264;opacity:0;background:url(/assets/ui/navigation/nav-active-plaque.png) 50%/contain no-repeat;width:clamp(7rem,6.5vw,8rem);transition:opacity .16s,transform .16s,filter .16s;position:absolute;transform:scale(.94)}.topbar nav a.router-link-active:before{opacity:1;filter:brightness(.9)saturate(.92)drop-shadow(0 3px 4px #000b);transform:scale(1)}.main-nav-label{z-index:1;filter:drop-shadow(1px 2px 1px #000);opacity:.82;background:linear-gradient(#a09a91,#78736d);width:4.5rem;height:2rem;transition:background .16s,filter .16s,opacity .16s;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.main-nav-label-saves{-webkit-mask-image:url(/assets/ui/navigation/nav-saves-label.png);mask-image:url(/assets/ui/navigation/nav-saves-label.png)}.main-nav-label-collection{-webkit-mask-image:url(/assets/ui/navigation/nav-collection-label.png);mask-image:url(/assets/ui/navigation/nav-collection-label.png)}.main-nav-label-settings{-webkit-mask-image:url(/assets/ui/navigation/nav-settings-label.png);mask-image:url(/assets/ui/navigation/nav-settings-label.png)}.main-nav-label-editor{width:6.75rem;-webkit-mask-image:url(/assets/ui/navigation/nav-editor-label.png);mask-image:url(/assets/ui/navigation/nav-editor-label.png)}.topbar nav a.main-nav-item-editor{width:clamp(6.5rem,6vw,7.25rem)}.topbar nav a:hover .main-nav-label,.topbar nav a.router-link-active .main-nav-label{filter:drop-shadow(1px 2px 1px #230706)drop-shadow(0 0 2px #f7e9d070);opacity:1;background:linear-gradient(#fff9ee,#d4c8b9)}.game-settings-overlay{z-index:140;color:#d7d0c3;-webkit-backdrop-filter:brightness(.7)saturate(.72);backdrop-filter:brightness(.7)saturate(.72);background:radial-gradient(circle at 62% 45%,#0000 0 17%,#04060638 58%),linear-gradient(90deg,#02030342,#0203031c 58%,#02030378);font-family:Georgia,Times New Roman,serif;position:fixed;inset:0;overflow:hidden}.game-settings-overlay:after{content:"";z-index:-1;pointer-events:none;mix-blend-mode:multiply;background:repeating-linear-gradient(0deg,#0000 0 3px,#ffffff06 4px),radial-gradient(#0000 42%,#0008 100%);position:absolute;inset:0}.game-options-page{grid-template-rows:var(--game-chrome-height) minmax(0, 1fr) auto;background:radial-gradient(circle at 76% 46%,#191b1b 0 1px,#0000 2px),radial-gradient(circle at 73%,#0000 0 15%,#111414a6 15.2% 15.5%,#0000 15.7%),linear-gradient(90deg,#030606f9,#0c1010f7 53%,#090b0bf8);display:grid;position:absolute;inset:0}.game-options-topbar{padding:0 calc(24 * var(--game-chrome-unit));grid-template-columns:1fr auto 1fr;align-items:center;display:grid}.game-options-title{justify-self:start;align-items:center;gap:calc(18 * var(--game-chrome-unit));min-height:0;padding:calc(12 * var(--game-chrome-unit)) calc(24 * var(--game-chrome-unit));color:#ddd5c7;font-size:calc(46 * var(--game-chrome-unit));background:0 0;border:0;font-weight:700;display:inline-flex}.game-options-title span{color:#d8b083;filter:drop-shadow(0 0 3px #8d1e18);transform:rotate(180deg)}.game-options-topbar>strong{color:#b3aca0;font-size:calc(40 * var(--game-chrome-unit));letter-spacing:.2em}.game-options-corner-back{width:calc(76 * var(--game-chrome-unit));aspect-ratio:1;color:#e2ceb0;min-height:0;font-size:calc(48 * var(--game-chrome-unit));background:linear-gradient(135deg,#8c211b,#3b0a08);border:2px solid #806b4d;justify-self:end;padding:0;box-shadow:inset 0 0 0 3px #250604,inset 0 0 10px #e24c3359,0 3px 8px #000d}.game-options-layout{grid-template-columns:minmax(600px,.56fr) minmax(280px,.44fr);gap:clamp(1rem,3vw,4rem);min-height:0;padding:clamp(1rem,3vh,3rem) clamp(1rem,7vw,9rem);display:grid;overflow:hidden}.game-options-card{background:linear-gradient(90deg,#101514f7,#080b0bf8),repeating-linear-gradient(135deg,#0000 0 11px,#ffffff05 12px 13px);border:1px solid #59615d;grid-template-rows:auto minmax(0,1fr);min-height:0;display:grid;position:relative;box-shadow:inset 0 0 0 4px #030504,inset 0 0 0 5px #29302d,inset 0 0 60px #000,0 22px 70px #000d}.game-options-card:before,.game-options-card:after{content:"◆";z-index:3;color:#6d746e;text-shadow:0 0 7px #000;position:absolute}.game-options-card:before{top:-.65rem;left:-.55rem}.game-options-card:after{bottom:-.65rem;right:-.55rem}.game-options-card>header{background:linear-gradient(90deg,#272b29,#141817);border:1px solid #414945;align-items:center;gap:.8rem;margin:1rem 1rem 0;padding:.75rem 1rem;display:flex;box-shadow:inset 0 -8px 14px #0005}.game-options-card h2,.game-options-card p{margin:0}.game-options-card h2{color:#ddd5c8;font-size:clamp(1rem,1.25vw,1.35rem)}.game-options-card p{color:#777e79;margin-top:.2rem;font:.72rem system-ui,sans-serif}.game-options-section-rune{color:#a8ada7;font-size:1.15rem}.game-options-list{scrollbar-color:#857250 #151918;scrollbar-width:thin;min-height:0;margin:0 1rem 1rem;padding:0 1rem 1rem;overflow-y:auto}.game-option-row{border-bottom:1px solid #3b413e;grid-template-columns:minmax(230px,1fr) minmax(80px,auto) minmax(116px,.32fr);align-items:center;gap:1rem;min-height:82px;padding:.75rem 0;display:grid}.game-option-row>div{gap:.28rem;display:grid}.game-option-row strong{color:#d4cdc1;letter-spacing:.04em;font-size:clamp(.92rem,1.05vw,1.12rem)}.game-option-row small{color:#7f8580;font:.68rem/1.45 system-ui,sans-serif}.game-option-row>kbd,.game-option-state{color:#a7a49c;white-space:nowrap;justify-self:end;font:.72rem system-ui,sans-serif}.game-option-row>kbd{text-align:center;background:#171c1a;border:1px solid #545b57;min-width:2rem;padding:.2rem .4rem}.game-option-state.is-saved{color:#a7c7a9}.game-option-state.is-saving,.game-option-state.is-dirty{color:#d1b574}.game-option-state.is-failed{color:#d9877d}.game-option-row>button,.game-option-row>a{color:#dcd4c7;background:linear-gradient(#33312d,#171816);border:1px solid #696c65;border-radius:0;place-items:center;min-height:42px;padding:.55rem .9rem;font-size:.82rem;text-decoration:none;display:grid;box-shadow:inset 0 0 0 2px #0a0c0b,0 3px 6px #0008}.game-option-row>button:hover:not(:disabled),.game-option-row>button:focus-visible,.game-option-row>a:hover,.game-option-row>a:focus-visible,.game-option-row>button[aria-pressed=true]{color:#f0dfc3;background:linear-gradient(#77221c,#310c09);border-color:#b7925e}.game-option-row.is-danger-row strong{color:#cf988f}.game-option-row.is-danger-row>a:hover,.game-option-row.is-danger-row>a:focus-visible{background:linear-gradient(#66201b,#290b09);border-color:#9c4c42}.game-options-side{min-height:0;position:relative}.game-options-decoration{opacity:.48;position:absolute;inset:0;overflow:hidden}.game-options-decoration:before,.game-options-decoration:after,.game-options-decoration span{content:"";aspect-ratio:1;border:1px solid #383e3b;border-radius:50%;width:min(31vw,520px);position:absolute;left:50%;transform:translate(-50%);box-shadow:inset 0 0 0 1px #080b0a,0 0 0 28px #14181766,0 0 0 29px #30353266}.game-options-decoration:before{top:-28%}.game-options-decoration:after{bottom:-29%}.game-options-decoration span:first-child{top:35%}.game-options-decoration span:nth-child(2),.game-options-decoration span:nth-child(3){display:none}.game-options-display-info{right:calc(42 * var(--game-chrome-unit));align-items:center;gap:calc(34 * var(--game-chrome-unit));color:#9e9a91;font-size:calc(27 * var(--game-chrome-unit));font-variant-numeric:tabular-nums;white-space:nowrap;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.game-options-display-info span{align-items:baseline;gap:calc(12 * var(--game-chrome-unit));display:inline-flex}.game-options-display-info strong{color:#c8bca8;font-weight:500}@media (width<=720px){.game-options-layout{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);padding:.65rem}.game-options-card{height:auto}.game-options-card>header{margin:.55rem .55rem 0}.game-options-list{margin:0 .55rem .55rem;padding-inline:.55rem}.game-option-row{grid-template-columns:minmax(150px,1fr) auto;gap:.5rem}.game-option-row>kbd,.game-option-state,.game-option-row>span{display:none}.game-option-row>button,.game-option-row>a{grid-area:1/2;min-width:86px}.game-options-decoration,.game-options-side{display:none}.game-options-display-info{gap:.65rem;font-size:clamp(.58rem,2.2vw,.72rem);right:.65rem}.game-options-display-info span{gap:.25rem}}.editor-page{min-height:calc(100vh - 56px);padding:clamp(1rem, 2vw, 2rem) var(--screen-edge-gap) 2rem;background:radial-gradient(circle at 50% 0,#321a1242,#0000 34rem),linear-gradient(#090a0a,#050606);font-family:system-ui,sans-serif}.editor-heading{justify-content:space-between;align-items:flex-end;gap:2rem;max-width:1880px;margin:0 auto 1rem;display:flex}.editor-heading h1,.reference-heading h2,.editor-panel-heading h2{font-family:Georgia,Times New Roman,serif}.editor-heading h1{margin:0;font-size:clamp(2rem,4vw,4rem);line-height:1}.editor-heading p{max-width:780px;color:var(--muted);margin:.65rem 0 0;line-height:1.6}.editor-heading-actions{flex-wrap:wrap;justify-content:flex-end;gap:.55rem;display:flex}.editor-tabs{border-bottom:1px solid #4c4132;gap:.25rem;max-width:1880px;margin:0 auto;display:flex;overflow-x:auto}.editor-tabs button{min-height:42px;color:var(--muted);white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000}.editor-tabs button:hover,.editor-tabs button.is-active{border-bottom-color:var(--gold);color:var(--gold-bright);background:#241d14}.editor-workspace{grid-template-columns:minmax(260px,320px) minmax(520px,1fr) minmax(250px,300px);gap:.75rem;max-width:1880px;min-height:calc(100vh - 230px);margin:.75rem auto 0;display:grid}.editor-panel,.editor-stage-column,.editor-reference-page{background:#0e1212f2;border:1px solid #373c39;box-shadow:0 18px 42px #0007}.editor-panel{min-height:0;padding:1rem}.editor-panel-heading,.reference-heading{justify-content:space-between;align-items:center;gap:1rem;display:flex}.editor-panel-heading h2,.reference-heading h2{margin:.15rem 0 0}.editor-panel-heading>strong{color:var(--gold-bright);font-size:1.4rem}.asset-browser{flex-direction:column;max-height:calc(100vh - 230px);display:flex}.asset-category-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.35rem;margin:1rem 0 .75rem;display:grid}.asset-category-grid button{background:#111817;border-color:#333b39;min-height:46px;padding:.35rem;display:grid}.asset-category-grid button.is-active{border-color:var(--gold);color:var(--gold-bright);background:#2b2115}.asset-category-grid small{color:#898879;font-size:.67rem}.editor-search input,.editor-map-settings input,.editor-map-settings select,.inspector-fields input,.inspector-fields select{width:100%;min-height:36px;color:var(--text);font:inherit;background:#090c0c;border:1px solid #414846;border-radius:2px;padding:.45rem .55rem}.asset-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem;min-height:0;margin-top:.75rem;padding-right:.2rem;display:grid;overflow-y:auto}.asset-card{text-align:left;cursor:grab;background:#0a0e0e;border-color:#2f3634;align-content:start;min-width:0;min-height:126px;padding:.35rem;display:grid}.asset-card:active{cursor:grabbing}.asset-card:hover,.asset-card.is-selected{background:#221b13;border-color:#b28950}.asset-card-preview{background-color:#25262b;background-image:linear-gradient(45deg,#303137 25%,#0000 25%),linear-gradient(-45deg,#303137 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#303137 75%),linear-gradient(-45deg,#0000 75%,#303137 75%);background-position:0 0,0 6px,6px -6px,-6px 0;background-size:12px 12px;place-items:center;height:78px;margin-bottom:.3rem;display:grid;overflow:hidden}.asset-card-preview .map-asset-image-shell,.asset-card-preview img{max-width:100%;max-height:74px;display:flex}.asset-card strong,.asset-card small{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.asset-card strong{font-size:.67rem;font-weight:600}.asset-card small{color:#8f9188;margin-top:.15rem;font-size:.58rem}.asset-load-more{width:100%;margin-top:.55rem}.asset-image-loading{border:2px solid #565b56;border-top-color:var(--gold);border-radius:50%;width:20px;height:20px;animation:.8s linear infinite editor-spin}.asset-image-fallback{color:var(--danger);font-size:.68rem}@keyframes editor-spin{to{transform:rotate(360deg)}}.editor-stage-column{grid-template-rows:auto minmax(0,1fr) auto;min-width:0;display:grid;overflow:hidden}.editor-map-settings{background:#111615;border-bottom:1px solid #333936;grid-template-columns:minmax(130px,1.2fr) minmax(120px,1fr) 70px 70px minmax(130px,1fr) minmax(150px,1.2fr);gap:.55rem;padding:.7rem;display:grid}.editor-map-settings label,.inspector-fields label{color:var(--muted);gap:.25rem;font-size:.67rem;display:grid}.editor-zoom{grid-template-columns:1fr auto;align-items:end}.editor-zoom input{grid-row:2}.editor-zoom output{min-width:3rem;color:var(--gold-bright);text-align:right;grid-row:2}.editor-canvas-viewport{background:radial-gradient(circle at 50% 45%,#23221f,#080909 68%),#080909;min-height:540px;overflow:auto}.editor-canvas-scale{min-width:100%;min-height:100%}.editor-canvas{transform-origin:0 0;cursor:crosshair;background-image:linear-gradient(#ffffff13 1px,#0000 1px),linear-gradient(90deg,#ffffff13 1px,#0000 1px),linear-gradient(#d6a85a20 1px,#0000 1px),linear-gradient(90deg,#d6a85a20 1px,#0000 1px);background-size:32px 32px,32px 32px,256px 256px,256px 256px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 2px #9d74414f}.placed-map-asset{transform-origin:50% 100%;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;display:block;position:absolute}.placed-map-asset:active{cursor:grabbing}.placed-map-asset img{pointer-events:none;width:auto;height:auto;display:block}.placed-map-asset.is-selected{filter:drop-shadow(0 0 2px #fff)drop-shadow(0 0 8px #f4b85b)}.editor-stage-status{color:#9da097;border-top:1px solid #333936;justify-content:space-between;gap:1rem;padding:.55rem .75rem;font-size:.7rem;display:flex}.inspector-panel{max-height:calc(100vh - 230px);overflow-y:auto}.inspector-preview{background:radial-gradient(circle,#33312c,#171a19);border:1px solid #323835;place-items:center;height:150px;margin-top:1rem;display:grid;overflow:hidden}.inspector-preview .map-asset-image-shell,.inspector-preview img{max-width:100%;max-height:142px;display:flex}.inspector-panel h3{margin-bottom:.35rem}.inspector-panel>code{color:var(--gold);overflow-wrap:anywhere;font-size:.7rem;display:block}.inspector-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;margin-top:1rem;display:grid}.inspector-fields .is-wide{grid-column:1/-1}.inspector-actions{grid-template-columns:1fr 1fr;gap:.5rem;margin-top:.8rem;display:grid}.inspector-empty{color:var(--muted);border:1px dashed #444944;margin:1rem 0;padding:1rem;font-size:.8rem;line-height:1.5}.inspector-empty kbd{color:var(--gold-bright)}.layer-overview{border-top:1px solid #303633;gap:.3rem;margin-top:1rem;padding-top:.5rem;display:grid}.layer-overview button{background:#0b0f0f;border-color:#303633;justify-content:space-between;min-height:34px;padding:.35rem .55rem;font-size:.72rem;display:flex}.layer-overview button.is-active{color:var(--gold-bright);border-color:#85643c}.layer-overview small{color:var(--muted)}.editor-clear-button{width:100%;margin-top:1rem}.editor-reference-page{max-width:1880px;min-height:600px;margin:.75rem auto 0;padding:clamp(1rem,2vw,2rem)}.reference-heading{margin-bottom:1.25rem}.reference-heading p{color:var(--muted)}.catalog-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;display:grid}.catalog-stat-grid article{background:linear-gradient(145deg,#171d1c,#0e1212);border:1px solid #3a403d;gap:.25rem;padding:1.25rem;display:grid}.catalog-stat-grid strong{color:var(--gold-bright);font:700 2rem Georgia,serif}.catalog-stat-grid span{color:var(--muted)}.catalog-category-list{gap:.5rem;margin-top:1rem;display:grid}.catalog-category-list article{background:#0b0f0f;border:1px solid #313734;grid-template-columns:3rem 1fr auto auto;align-items:center;gap:1rem;padding:.75rem 1rem;display:grid}.catalog-category-list article>span,.catalog-category-list article>strong{color:var(--gold-bright);font:700 1.5rem Georgia,serif}.catalog-category-list h3{margin:0 0 .2rem}.catalog-category-list code{color:#858b83}.catalog-notes,.guide-summary-callout{border-left:3px solid var(--gold);color:var(--muted);background:#211b13;margin-top:1rem;padding:1rem 1.2rem;line-height:1.65}.catalog-notes h3{color:var(--text);margin-top:0}.contact-sheet-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;display:grid}.contact-sheet-grid button{background:#090c0c;gap:.5rem;min-width:0;padding:.5rem;display:grid}.contact-sheet-grid img{aspect-ratio:16/10;object-fit:cover;object-position:top;width:100%}.contact-sheet-grid span{color:#b8b3a5;text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;overflow:hidden}.guide-search{width:min(420px,100%)}.guide-document-list{gap:.65rem;margin-top:1rem;display:grid}.guide-document-list details{background:#0a0e0e;border:1px solid #343a37}.guide-document-list summary{color:var(--gold-bright);cursor:pointer;justify-content:space-between;gap:1rem;padding:1rem;display:flex}.guide-document-list summary code{color:#7f857e;font-size:.7rem}.guide-document-list pre{color:#c8c4b8;white-space:pre-wrap;border-top:1px solid #343a37;max-height:560px;margin:0;padding:1rem;font:.84rem/1.75 system-ui,sans-serif;overflow:auto}.editor-no-results{color:var(--muted);text-align:center;padding:3rem}.example-gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.example-gallery-grid article{background:#0a0e0e;border:1px solid #373d3a}.example-gallery-grid button{background:#050606;border:0;width:100%;padding:0;display:block}.example-gallery-grid img{aspect-ratio:3/2;object-fit:cover;width:100%;display:block}.example-gallery-grid article>div{padding:1rem}.example-gallery-grid h3,.example-gallery-grid p{margin:0}.example-gallery-grid h3{color:var(--gold-bright);text-transform:capitalize}.example-gallery-grid p{color:var(--muted);margin-top:.5rem;line-height:1.55}.scene-idea-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin-top:1rem;display:grid}.scene-idea-grid article{background:#17130f;border:1px solid #38352e;padding:1rem}.scene-idea-grid span{color:#896b42;letter-spacing:.15em;font:700 .72rem system-ui,sans-serif}.scene-idea-grid h3{margin:.35rem 0}.scene-idea-grid p{color:var(--muted);margin:0;line-height:1.55}.editor-lightbox{z-index:300;background:#000e;place-items:center;padding:2rem;display:grid;position:fixed;inset:0}.editor-lightbox figure{max-width:min(1500px,94vw);max-height:92vh;margin:0;position:relative}.editor-lightbox img{object-fit:contain;border:1px solid #76613f;max-width:100%;max-height:84vh;display:block}.editor-lightbox figcaption{color:var(--muted);text-align:center;padding:.55rem}.editor-lightbox button{color:#fff;background:#080909df;border-radius:50%;width:42px;padding:0;font-size:1.5rem;position:absolute;top:.5rem;right:.5rem}@media (width<=1280px){.editor-workspace{grid-template-columns:280px minmax(480px,1fr)}.inspector-panel{grid-column:1/-1;grid-template-columns:220px 1fr;gap:1rem;max-height:none;display:grid}.inspector-panel .editor-panel-heading,.inspector-panel .layer-overview,.inspector-panel .editor-clear-button{grid-column:1/-1}.editor-map-settings{grid-template-columns:repeat(3,minmax(100px,1fr))}}@media (width<=820px){.topbar nav a.main-nav-item-editor{width:5rem}.main-nav-label-editor{width:4.125rem}.editor-heading,.reference-heading{flex-direction:column;align-items:flex-start}.editor-heading-actions{justify-content:flex-start}.editor-workspace{grid-template-columns:1fr}.asset-browser,.inspector-panel{max-height:none}.asset-card-grid{max-height:480px}.inspector-panel{display:block}.editor-map-settings{grid-template-columns:repeat(2,minmax(100px,1fr))}.editor-canvas-viewport{min-height:460px}.catalog-stat-grid,.contact-sheet-grid,.example-gallery-grid,.scene-idea-grid{grid-template-columns:1fr}.catalog-category-list article{grid-template-columns:2rem 1fr auto}.catalog-category-list button{grid-column:1/-1}}.error-banner{z-index:100;border:1px solid var(--danger);background:#32191d;align-items:center;gap:1rem;max-width:520px;padding:.8rem;display:flex;position:fixed;top:74px;right:1rem;box-shadow:0 12px 40px #000a}.eyebrow{letter-spacing:.2em;color:var(--gold);text-transform:uppercase;margin:0 0 .65rem;font:700 .72rem/1.2 system-ui,sans-serif}.home-page{background:#000;align-items:center;min-height:calc(100vh - 56px);padding:clamp(2rem,6vw,7rem) clamp(2rem,6vw,7rem) clamp(14rem,25vh,19rem);display:flex;position:relative;overflow:hidden}.home-page:before{content:none}.hero-panel{z-index:4;max-width:850px;position:static}.hero-actions{opacity:0;pointer-events:none;transition:opacity .45s,transform .45s;display:flex;position:absolute;bottom:clamp(3rem,9.5vh,13rem);right:clamp(1.5rem,2.8vw,7rem);transform:translateY(.75rem)}.start-game-button{filter:drop-shadow(0 8px 13px #000c);background:0 0;border:0;border-radius:0;width:clamp(19rem,19.3vw,46rem);min-height:0;padding:0;transition:filter .16s,transform .16s;position:relative}.start-game-button img{pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:auto;display:block}.start-game-button:hover:not(:disabled){color:inherit;filter:brightness(1.1)drop-shadow(0 9px 16px #000e)drop-shadow(0 0 9px #e7352b80);background:0 0;border-color:#0000;transform:translateY(-2px)}.start-game-button:active:not(:disabled){filter:brightness(.88);transform:translateY(1px)}.start-game-button:disabled{filter:grayscale(.35)brightness(.62)drop-shadow(0 8px 13px #000c)}.home-page.is-intro-complete .hero-actions{opacity:1;pointer-events:auto;transform:translateY(0)}.diablo-title-sequence{z-index:200;pointer-events:none;background:#000;position:fixed;inset:0;overflow:hidden}.home-page.is-intro-complete .diablo-title-sequence{z-index:1}.home-page.is-intro-skipped .diablo-wordmark,.home-page.is-intro-skipped .diablo-wordmark-unlit,.home-page.is-intro-skipped .diablo-wordmark-lit,.home-page.is-intro-skipped .diablo-iv-mark,.home-page.is-intro-skipped .blood-fog-plume,.home-page.is-intro-skipped .ember-haze{animation:none}.home-page.is-intro-skipped .diablo-wordmark{opacity:1;filter:brightness(.88)contrast(1.08)blur();transform:translate(-50%,-50%)scale(1)}.home-page.is-intro-skipped .diablo-wordmark-unlit{opacity:0}.home-page.is-intro-skipped .diablo-wordmark-lit{opacity:1;filter:brightness(1.02)saturate(1.12)drop-shadow(0 10px 11px #8f18007a);transform:translate(.271%,1.466%)scale(1.03467,1.05222)}.home-page.is-intro-skipped .diablo-iv-mark{opacity:1;filter:brightness(.92)saturate(1.18)blur()drop-shadow(0 22px 26px #9d17008f);transform:scale(1)}.home-page.is-intro-skipped .blood-fog-plume{opacity:.8;clip-path:inset(0);transform:translate(-50%)}.home-page.is-intro-skipped .ember-haze{opacity:.68;transform:translate(-50%,-50%)}.diablo-wordmark,.diablo-iv-stage{position:absolute;top:49%;left:50%}.diablo-wordmark,.diablo-iv-mark{will-change:opacity, transform, filter}.diablo-wordmark{z-index:3;aspect-ratio:3;opacity:0;width:min(76vw,1900px);animation:2.15s cubic-bezier(.16,.72,.19,1) 2.35s forwards diablo-wordmark-reveal;transform:translate(-50%,-50%)scale(.52)}.diablo-wordmark img{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.diablo-wordmark-unlit{opacity:1;animation:1.25s 4.4s forwards diablo-unlit-dim}.diablo-wordmark-lit{opacity:0;filter:brightness(.72)saturate(.65);animation:1.4s ease-out 4.25s forwards diablo-fire-reflection;transform:translate(.271%,1.466%)scale(1.03467,1.05222)}.diablo-iv-stage{z-index:1;aspect-ratio:1131/1391;width:min(34vw,55.3vh,675px);transform:translate(-50%,-48%)}.diablo-iv-mark{z-index:1;object-fit:contain;opacity:0;filter:brightness(.22)saturate(.45)drop-shadow(0 0 #0000);width:100%;height:100%;animation:1.75s cubic-bezier(.18,.73,.2,1) 3.65s forwards diablo-iv-reveal;position:absolute;inset:0;transform:scale(.9)}.blood-fog-plume{z-index:0;object-fit:fill;opacity:0;clip-path:inset(100% 0 0);transform-origin:50% 100%;filter:saturate(.78)brightness(1.75)blur(2.5px);mix-blend-mode:screen;height:85%;animation:2.5s linear 4.25s forwards blood-fog-plume-rise;position:absolute;transform:translate(-50%)}.blood-fog-plume-i{width:71%;top:7.3%;left:26.2%}.blood-fog-plume-v{width:84%;top:2.2%;left:67%}.blood-fog-gap{z-index:0;background:#000;width:15%;height:108%;position:absolute;top:-4%;left:46.6%;transform:translate(-50%)}.ember-haze{z-index:2;opacity:0;filter:blur(.4px);background:radial-gradient(circle at 18% 57%,#9b110936 0 1px,#0000 3px) 0 0/127px 143px,radial-gradient(circle at 32% 71%,#ff3f152c 0 1px,#0000 3px) 0 0/193px 161px,radial-gradient(circle at 69% 61%,#c5130a36 0 1px,#0000 3px) 0 0/149px 177px,radial-gradient(circle at 81% 75%,#ff5a1c2b 0 1px,#0000 3px) 0 0/211px 137px;width:min(90vw,1500px);height:min(54vh,570px);animation:2.05s 4.7s forwards ember-haze-show;position:absolute;top:50%;left:50%;transform:translate(-50%,-40%)}@keyframes diablo-wordmark-reveal{0%{opacity:0;filter:brightness(.18)contrast(1.35)blur(1.2px);transform:translate(-50%,-50%)scale(.52)}22%{opacity:.42}to{opacity:1;filter:brightness(.88)contrast(1.08)blur();transform:translate(-50%,-50%)scale(1)}}@keyframes diablo-unlit-dim{to{opacity:0}}@keyframes diablo-fire-reflection{0%{opacity:0;filter:brightness(.62)saturate(.4)drop-shadow(0 8px 9px #0000)}58%{opacity:.82}to{opacity:1;filter:brightness(1.02)saturate(1.12)drop-shadow(0 10px 11px #8f18007a)}}@keyframes diablo-iv-reveal{0%{opacity:0;filter:brightness(.18)saturate(.35)blur(1px)drop-shadow(0 0 #0000);transform:scale(.9)}46%{opacity:.72}to{opacity:1;filter:brightness(.92)saturate(1.18)blur()drop-shadow(0 22px 26px #9d17008f);transform:scale(1)}}@keyframes blood-fog-plume-rise{0%{opacity:0;clip-path:inset(100% 0 0);transform:translate(-50%)}to{opacity:.8;clip-path:inset(0);transform:translate(-50%)}}@keyframes ember-haze-show{0%{opacity:0;transform:translate(-50%,-35%)}to{opacity:.68;transform:translate(-50%,-50%)}}.page-frame{width:min(1520px,100% - 2rem);margin:0 auto;padding:clamp(2rem,5vw,5rem) 0}.page-heading{max-width:820px;margin-bottom:2.5rem}.page-heading h1{margin:0;font-size:clamp(2.5rem,5vw,5rem)}.page-heading p{color:var(--muted);line-height:1.7}.toolbar,.card-actions{flex-wrap:wrap;gap:.6rem;display:flex}.notice{border-left:3px solid var(--gold);background:#292617;padding:.8rem 1rem}.save-list{gap:1rem;margin-top:1.5rem;display:grid}.save-card{border:1px solid var(--line);background:linear-gradient(120deg,#151c1d,#101516);justify-content:space-between;align-items:center;gap:2rem;padding:1.5rem;display:flex}.save-card h2{margin:.2rem 0}.save-card p,.save-card code{color:var(--muted)}.save-card code{font:.72rem system-ui,sans-serif}.empty-state{text-align:center;color:var(--muted);background:#11161780;border:1px dashed #4b5350;margin-top:1.5rem;padding:3rem}.empty-state h2{color:var(--text)}.field-note{color:#858a80;font-size:.85rem}.visually-hidden{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.collection-summary{border:1px solid var(--gold);background:#211e16;justify-content:space-between;align-items:end;padding:2rem;display:flex}.collection-summary strong{color:var(--gold-bright);font-size:4rem}.collection-summary span,.collection-summary p{color:var(--muted)}.settings-card{border:1px solid var(--line);background:var(--panel);gap:2rem;max-width:760px;padding:2rem;display:grid}.settings-card label{grid-template-columns:1fr minmax(180px,2fr) 4rem;align-items:center;gap:1rem;display:grid}.settings-card input[type=range]{accent-color:var(--gold)}.settings-card select{border:1px solid var(--line);min-height:2.75rem;color:var(--text);background:#171b1a;border-radius:4px;padding:.55rem .75rem}.settings-card .quality-row{grid-template-columns:1fr minmax(180px,2fr) 7rem}.settings-card .check-row{grid-template-columns:auto 1fr}.content-status-card{background:linear-gradient(135deg,#101916,#101414 62%);border:1px solid #3f5547;max-width:760px;margin-top:1.5rem;padding:1.5rem 2rem}.content-status-card[data-degraded=true]{background:linear-gradient(135deg,#211b11,#121514 62%);border-color:#7b653b}.content-status-card>header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.content-status-card h2{margin:.25rem 0 0}.content-status-badge{color:#b9d6bf;white-space:nowrap;border:1px solid #587462;border-radius:999px;padding:.3rem .65rem;font:600 .78rem/1.2 system-ui,sans-serif}.content-status-card[data-degraded=true] .content-status-badge{color:#f0d48a;border-color:#967331}.content-status-card dl{grid-template-columns:minmax(0,2fr) minmax(9rem,1fr);gap:.75rem;margin:1.25rem 0 0;display:grid}.content-status-card dl>div{background:#0c1110a6;border:1px solid #303a35;min-width:0;padding:.8rem 1rem}.content-status-card dt{color:var(--muted);margin-bottom:.35rem;font-size:.8rem}.content-status-card dd{color:var(--text);margin:0}.content-status-card code{overflow-wrap:anywhere;color:var(--gold-bright);font-size:.86rem}.content-status-card>p{color:var(--muted);margin:1rem 0 0;line-height:1.6}.gold-drop-card{background:radial-gradient(circle at 88% 8%,#8e641725,#0000 28%),linear-gradient(135deg,#201b13,#111719 62%);border:1px solid #725835;max-width:760px;margin-top:1.5rem;padding:2rem}.gold-drop-card>header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.gold-drop-card h2{margin:.25rem 0 0}.gold-drop-card>p{color:var(--muted);margin:1rem 0 1.4rem;line-height:1.6}.gold-drop-badge{color:var(--gold-bright);white-space:nowrap;border:1px solid #8f713f;border-radius:999px;padding:.3rem .65rem;font:600 .78rem/1.2 system-ui,sans-serif}.gold-drop-rules{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;display:grid}.gold-drop-rules article{background:#0d1111b8;border:1px solid #4d4433;min-width:0;padding:1rem}.gold-drop-rules article>header{border-bottom:1px solid #3d392f;justify-content:space-between;align-items:flex-start;gap:.6rem;padding-bottom:.75rem;display:flex}.gold-drop-rules article>header span{color:var(--gold-bright);text-align:right;font-size:.78rem}.gold-drop-rules dl{gap:.65rem;margin:.75rem 0 0;display:grid}.gold-drop-rules dt,.gold-drop-facts dt{color:var(--muted);margin-bottom:.25rem;font-size:.75rem}.gold-drop-rules dd,.gold-drop-facts dd{color:var(--text);margin:0}.gold-drop-card>.gold-drop-formula{color:#bcb5a4;background:#18170f99;border-left:2px solid #97763e;margin-bottom:1rem;padding:.8rem 1rem;font-size:.86rem}.gold-drop-facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin:0;display:grid}.gold-drop-facts>div{background:#0c1110a6;border:1px solid #383a33;padding:.75rem 1rem}.gold-drop-note{color:#7f837a;margin-top:1rem;line-height:1.5;display:block}.game-test-card{background:linear-gradient(135deg,#201b13,#111719 58%);border:1px solid #725835;max-width:760px;margin-top:1.5rem;padding:2rem}.game-test-card>header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.game-test-card h2{margin:.25rem 0 0}.game-test-card>p{color:var(--muted);margin:1rem 0 1.4rem;line-height:1.6}.test-badge{color:var(--gold-bright);border:1px solid #80643c;border-radius:999px;padding:.25rem .55rem;font:.72rem system-ui,sans-serif}.game-test-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;display:grid}.game-test-options label{cursor:pointer;background:#0d1111b8;border:1px solid #3c4039;grid-template-columns:auto 1fr;align-items:flex-start;gap:.75rem;padding:1rem;display:grid}.game-test-options input{accent-color:var(--gold);margin-top:.15rem}.game-test-options span{gap:.35rem;display:grid}.game-test-options small{color:var(--muted);line-height:1.45}.controls-card{border:1px solid var(--line);background:var(--panel);max-width:760px;margin-top:1.5rem;padding:2rem}.controls-card h2{margin:.25rem 0 1.25rem}.controls-card dl{gap:0;margin:0;display:grid}.controls-card dl>div{border-top:1px solid #343a37;grid-template-columns:minmax(180px,.8fr) 2fr;gap:1rem;padding:.8rem 0;display:grid}.controls-card dt{font-weight:700}.controls-card dd{color:var(--muted);margin:0}.controls-card kbd{color:var(--text);background:#171b1a;border:1px solid #68665b;border-radius:3px;padding:.15rem .4rem;font:.78rem system-ui,sans-serif;box-shadow:inset 0 -1px #0008}.abilities-card{border:1px solid var(--line);background:var(--panel);max-width:1200px;margin-top:1.5rem;padding:2rem}.abilities-heading{justify-content:space-between;align-items:end;gap:2rem;margin-bottom:1.5rem;display:flex}.abilities-heading h2{margin:.25rem 0 0}.abilities-heading p{color:var(--muted);margin:0}.ability-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.ability-card{background:linear-gradient(145deg,#171e1f,#101516);border:1px solid #343a37;padding:1.4rem}.ability-card-heading{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.ability-card-heading span{color:var(--gold);letter-spacing:.12em;font:700 .72rem/1 system-ui,sans-serif}.ability-card-heading h3{color:var(--gold-bright);margin:.3rem 0 .2rem;font-size:1.5rem}.ability-card-heading code{color:#7f8b88;font-size:.72rem}.ability-card-heading kbd{min-width:2.3rem;color:var(--gold-bright);text-align:center;background:#211d15;border:1px solid #8a744e;border-radius:3px;flex:none;padding:.45rem .6rem;font:700 .78rem system-ui,sans-serif;box-shadow:inset 0 -2px #0008}.ability-description{min-height:3.2rem;color:var(--muted);margin:1rem 0;line-height:1.6}.ability-tags{flex-wrap:wrap;gap:.4rem;margin:0 0 1rem;padding:0;list-style:none;display:flex}.ability-tags li{color:#c9c3b3;border:1px solid #4b5551;border-radius:999px;padding:.2rem .5rem;font:.72rem system-ui,sans-serif}.ability-facts{grid-template-columns:repeat(2,minmax(0,1fr));margin:0;display:grid}.ability-facts>div{border-top:1px solid #303735;min-width:0;padding:.65rem .5rem .65rem 0}.ability-facts dt{color:#858f8a;letter-spacing:.06em;margin-bottom:.25rem;font:.68rem system-ui,sans-serif}.ability-facts dd{color:var(--text);margin:0;font-size:.9rem;line-height:1.4}.projectile-facts{margin-top:1rem}.projectile-facts h4{color:var(--gold);margin:0 0 .65rem;font-size:.85rem}.game-page{background:#080b0b;width:100%;height:100dvh;min-height:0;position:relative;overflow:hidden}.phaser-host{position:absolute;inset:0;overflow:hidden}.phaser-host canvas{display:block}.game-page,.game-page :is(button,a,[role=button]),.phaser-host canvas{cursor:url(/assets/ui/cursors/mouse-cursor-24.png) 1 1,default}.center-state{text-align:center;min-height:100%;color:var(--muted);place-content:center;justify-items:center;gap:1rem;display:grid}.center-state h1{color:var(--text)}.hud{pointer-events:none;z-index:10;grid-template-columns:220px minmax(360px,1fr) auto;align-items:start;gap:1rem;display:grid;position:absolute;inset:1rem 1rem auto}.hud>*{pointer-events:auto}.hud-identity,.hud-vitals,.hud-actions,.boss-bar,.target-panel,.mount-button,.healing-potion-button,.experience-bar,.specialization-hud,.skill-bar,.debug-panel{background:#0b0e0ee8;border:1px solid #5a5649;padding:.75rem;box-shadow:0 8px 28px #0009}.hud-identity{display:grid}.hud-identity small{color:var(--muted);margin-top:.2rem}.hud-identity .render-resolution{color:#a9c8c1;font-variant-numeric:tabular-nums}.hud-vitals{grid-column:1/-1;gap:.45rem;display:grid}.hud-vitals>div{grid-template-columns:3.5rem 1fr 5.5rem;align-items:center;gap:.5rem;font:.72rem system-ui,sans-serif;display:grid}.hud-vitals meter{width:100%;accent-color:var(--red)}.hud-vitals meter.energy{accent-color:var(--cyan)}.hud-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.4rem;display:flex}.hud-actions button,.hud-actions .button-link{min-height:34px;padding:.4rem .65rem;font-size:.8rem}.save-state{color:var(--muted);font:.72rem system-ui,sans-serif}.save-state.is-saving{color:var(--gold)}.save-state.is-failed{color:var(--danger)}.boss-bar{grid-template-columns:1fr auto;align-items:center;gap:.3rem .8rem;width:min(560px,100vw - 34rem);min-width:360px;font:.75rem system-ui,sans-serif;display:grid;position:fixed;top:7rem;left:50%;transform:translate(-50%)}.boss-bar meter{accent-color:#d7583e;grid-column:1/-1;width:100%}.boss-bar small{color:var(--muted)}.target-panel{gap:.3rem;width:min(280px,100vw - 2rem);font:.75rem system-ui,sans-serif;display:grid;position:fixed;top:7rem;right:1rem}.target-panel span,.target-panel small{color:var(--muted)}.target-panel meter{width:100%;accent-color:var(--red)}.combat-notice{pointer-events:none;color:#ffd5b7;background:#281715ed;border:1px solid #b96e58;padding:.6rem 1rem;font:700 .88rem system-ui,sans-serif;position:fixed;top:23%;left:50%;transform:translate(-50%);box-shadow:0 8px 28px #000a}.bottom-hud-stack{pointer-events:none;gap:.75rem;width:min(760px,100vw - 2rem);display:grid;position:fixed;bottom:1.2rem;left:50%;transform:translate(-50%)}.specialization-hud{color:#ead8ff;background:linear-gradient(90deg,#160f20ed,#0b0e0eed);border-color:#745098;grid-template-columns:auto minmax(8rem,1fr) auto;justify-self:center;align-items:center;gap:.4rem .65rem;width:min(500px,100%);min-height:2.4rem;padding:.4rem .7rem;font:.7rem system-ui,sans-serif;display:grid}.specialization-hud strong{color:#e4bdff;white-space:nowrap}.specialization-hud small{color:#cbbbd8;white-space:nowrap}.combo-pips{justify-content:center;gap:.4rem;display:flex}.combo-pips i{background:#17120a;border:1px solid #c49c55;width:.72rem;height:.72rem;transform:rotate(45deg)}.combo-pips i.is-filled{background:#f3bd55;box-shadow:0 0 9px #f3bd55}.specialization-track{background:#09070c;border:1px solid #62417f;height:.48rem;overflow:hidden}.specialization-track i{background:linear-gradient(90deg,#7240a0,#dda5ff);height:100%;transition:width 80ms linear;display:block;box-shadow:0 0 9px #bf76ed}.preparation-track i{background:linear-gradient(90deg,#8f431f,#f4b362);box-shadow:0 0 9px #d17a37}.mount-control{gap:.3rem;width:6rem;display:grid;position:absolute;bottom:.5rem;right:-13rem}.mount-button{color:#f1d0a1;background:radial-gradient(circle at 35% 30%,#75402666,#0000 52%),linear-gradient(145deg,#261a12,#0c0908);border-color:#9b6738;grid-template-columns:auto auto 1fr;align-items:center;gap:.2rem .35rem;min-height:3.8rem;padding:.4rem;display:grid}.mount-button kbd{color:#f4cf92;background:#0c0806;border:1px solid #d0a261;padding:.2rem .35rem}.mount-button>span{color:#e2aa5a;font-size:1.35rem}.mount-button strong{font-size:.72rem}.mount-button small{color:#b79a76;text-overflow:ellipsis;white-space:nowrap;grid-column:1/-1;font-size:.54rem;overflow:hidden}.mount-button.is-mounted{border-color:#e1aa52;box-shadow:inset 0 0 16px #ce7f2a33,0 0 14px #c47a2b55}.mount-spur-button{color:#dca552;background:#110d09ee;border-color:#725633;grid-template-columns:auto 1fr auto;align-items:center;gap:.25rem;min-height:1.75rem;padding:.2rem .35rem;font-size:.57rem;display:grid}.mount-spur-button kbd{font-size:.48rem}.mount-spur-button span{letter-spacing:.05em}.mount-button:disabled,.mount-spur-button:disabled{filter:grayscale(.7);opacity:.58}.healing-potion-control{position:absolute;bottom:.5rem;left:-7.2rem}.healing-potion-button{color:#ffd5d8;background:radial-gradient(circle at 50% 36%,#8b1d2e 0,#2e1018 42%,#0000 43%),linear-gradient(150deg,#251117,#0d090b);border-color:#8f3742;grid-template-columns:auto 1fr;align-items:center;gap:.2rem .35rem;width:6.4rem;min-height:5rem;padding:.45rem;display:grid;box-shadow:inset 0 0 18px #e23b5533,0 0 20px #4b101aaa}.healing-potion-button kbd{color:#ffc6ca;background:#11070a;border:1px solid #e27882;padding:.22rem .38rem}.healing-potion-icon{background:radial-gradient(circle at 38% 28%,#ff7a86,#9d172d 55%,#3b0912);border:2px solid #ff939b;border-radius:45% 45% 52% 52%;justify-self:center;width:2.1rem;height:2.1rem;position:relative;box-shadow:inset 0 0 8px #ffd2d766,0 0 9px #d72642aa}.healing-potion-icon i{background:#80623f;border:1px solid #dcb987;width:.8rem;height:.45rem;position:absolute;top:-.42rem;left:50%;transform:translate(-50%)}.healing-potion-button strong{font-variant-numeric:tabular-nums;grid-column:1/-1}.healing-potion-button small{color:#cfa5a8;grid-column:1/-1;font-size:.58rem}.healing-potion-button:disabled{filter:grayscale(.65)saturate(.45);opacity:.58}.town-portal-control{position:absolute;bottom:.5rem;right:-6.2rem}.town-portal-button{color:#d9eaff;background:radial-gradient(circle at 35% 25%,#274467 0,#0000 45%),linear-gradient(150deg,#161d2a,#090c12);border:1px solid #61779b;grid-template-columns:auto 1fr;align-items:center;gap:.25rem .4rem;width:5.4rem;min-height:4.4rem;padding:.5rem;display:grid;box-shadow:inset 0 0 18px #4aa7d128,0 0 18px #142b4eaa}.town-portal-button kbd{color:#bdeaff;background:#080c12;border:1px solid #86b7d7;grid-row:1/3;padding:.25rem .4rem}.town-portal-button span{font-weight:800}.town-portal-button small{color:#8fa9bd;grid-column:1/-1;font-size:.58rem}.town-portal-button:disabled{filter:saturate(.4);opacity:.58}.town-portal-channel{color:#dcecff;text-align:center;background:#0b1019ee;border:1px solid #6f91bd;grid-template-columns:1fr auto;gap:.35rem .7rem;width:min(30rem,100vw - 2rem);padding:.65rem .85rem;display:grid;position:fixed;bottom:13.2rem;left:50%;transform:translate(-50%);box-shadow:0 0 32px #386c9b66}.town-portal-channel>div{background:#05070b;border:1px solid #38516e;grid-column:1/-1;height:.48rem;overflow:hidden}.town-portal-channel i{background:linear-gradient(90deg,#365b9c,#8adfff,#d8c4ff);height:100%;transition:width 80ms linear;display:block;box-shadow:0 0 12px #78d7ff}.experience-bar{grid-template-columns:auto minmax(160px,1fr) auto;justify-self:center;align-items:center;gap:.55rem;width:min(620px,100%);min-width:360px;padding:.35rem .55rem;font:.68rem system-ui,sans-serif;display:grid;position:static}.experience-level{color:#e4d1a4;white-space:nowrap}.experience-track{background:#090a0d;border:1px solid #403c49;height:7px;overflow:hidden;box-shadow:inset 0 1px 4px #000}.experience-track span{background:linear-gradient(90deg,#486db0,#91b8f4);height:100%;transition:width .18s ease-out;display:block;box-shadow:0 0 9px #6198e6aa}.experience-bar.is-paragon .experience-track span{background:linear-gradient(90deg,#684a9d,#c29af0);box-shadow:0 0 9px #a56fe6aa}.experience-value{color:#a9a4b4;font-variant-numeric:tabular-nums;white-space:nowrap}.skill-bar{grid-template-columns:repeat(4,minmax(108px,1fr));gap:.45rem;width:100%;padding:.5rem;display:grid;position:static}.skill-slot{background:linear-gradient(145deg,#222826,#121716);border:1px solid #766749;grid-template-columns:auto 1fr;align-items:center;gap:.15rem .55rem;min-height:62px;padding:.45rem .6rem;font:.72rem system-ui,sans-serif;display:grid}.skill-slot kbd{min-width:2.3rem;color:var(--gold-bright);text-align:center;background:#0b0d0d;border:1px solid #9b7c4b;grid-row:1/3;padding:.35rem}.skill-slot small{color:var(--muted)}.skill-slot.is-cooling{filter:saturate(.4);opacity:.72}.skill-slot.is-resource-low{background:linear-gradient(145deg,#301918,#151212);border-color:#9d3f35}.skill-slot.is-resource-low small{color:#ef8c76}.debug-panel{color:#98d4ca;grid-column:1/-1;justify-self:end;gap:.25rem;font:.72rem ui-monospace,monospace;display:grid}.debug-actions{flex-wrap:wrap;gap:.3rem;display:flex}.debug-actions button{min-height:30px;padding:.3rem .5rem;font-size:.7rem}.equipment-overlay{z-index:40;background:radial-gradient(circle at 50% 35%,#341d155e,#0000 38rem),#050707e8;place-items:center;padding:clamp(.75rem,2vw,2rem);font-family:system-ui,sans-serif;display:grid;position:fixed;inset:0}.equipment-panel{background:linear-gradient(145deg,#151716f7,#090b0bf7 68%);border:1px solid #826945;width:min(1180px,100%);max-height:min(820px,100vh - 4rem);overflow:auto;box-shadow:0 24px 80px #000e}.equipment-heading{z-index:2;background:#101313f7;border-bottom:1px solid #574834;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;display:flex;position:sticky;top:0}.equipment-heading h2,.equipment-slots h3,.inventory-list h3,.item-tooltip h3,.item-tooltip h4{margin:0;font-family:Georgia,Times New Roman,serif}.equipment-layout{grid-template-columns:minmax(220px,.75fr) minmax(240px,.8fr) minmax(320px,1.35fr);min-height:590px;display:grid}.equipment-slots,.inventory-list,.item-tooltip{min-width:0;padding:1.15rem}.equipment-slots,.inventory-list{border-right:1px solid #39372f}.equipment-slots>article{background:#121615;border:1px solid #4a4335;grid-template-columns:1fr auto;gap:.25rem .6rem;margin-top:.65rem;padding:.75rem;display:grid}.equipment-slots>article span{color:var(--muted);font-size:.72rem}.equipment-slots>article strong{grid-column:1/-1}.equipment-slots>article button{grid-area:1/2;min-height:26px;padding:.15rem .45rem;font-size:.68rem}.equipment-slots>h3:not(:first-child){margin-top:1.4rem}.final-stats{margin:.65rem 0 0}.final-stats>div{border-bottom:1px solid #2e312d;justify-content:space-between;gap:1rem;padding:.38rem 0;font-size:.78rem;display:flex}.final-stats dt{color:var(--muted)}.final-stats dd{color:var(--gold-bright);font-variant-numeric:tabular-nums;margin:0}.inventory-list>header{justify-content:space-between;align-items:baseline;margin-bottom:.65rem;display:flex}.inventory-list>header small{color:var(--muted)}.inventory-item{text-align:left;gap:.22rem;width:100%;min-height:0;margin-bottom:.45rem;padding:.65rem .75rem;display:grid}.inventory-item small{color:var(--muted);font-size:.68rem}.inventory-item.is-selected{border-color:var(--gold-bright);background:#2a2419;box-shadow:inset 3px 0 #c4944e}.rarity-magic{color:#83b6ff}.rarity-rare{color:#f2d36c}.rarity-legendary{color:#dc8f47}.rarity-unique{color:#d5b287}.rarity-mythic{color:#f3a6a6}.item-tooltip>header{border-bottom:1px solid #4d4333;padding-bottom:.9rem}.item-tooltip>header span,.item-tooltip>header small{margin-top:.2rem;font-size:.72rem;display:block}.item-tooltip>header small,.comparison-delta small{color:var(--muted)}.compare-slot-tabs,.equip-actions{flex-wrap:wrap;gap:.4rem;margin-top:.8rem;display:flex}.compare-slot-tabs button,.equip-actions button{min-height:34px;padding:.35rem .65rem;font-size:.72rem}.compare-slot-tabs button[aria-pressed=true]{border-color:var(--gold);color:var(--gold-bright);background:#2b2419}.item-stat-groups{gap:.65rem;margin-top:.9rem;display:grid}.item-stat-groups section,.comparison-delta{background:#0c0f0ecc;border:1px solid #373a34;padding:.7rem .8rem}.item-stat-groups h4,.comparison-delta h4{color:var(--gold);font-size:.82rem}.item-stat-groups p,.comparison-delta p{color:#d7d0bf;margin:.4rem 0 0;font-size:.76rem}.gameplay-effects article{border-left:2px solid #d98238;gap:.2rem;margin-top:.55rem;padding-left:.65rem;display:grid}.gameplay-effects article>b{color:#f0b46c;font-size:.78rem}.gameplay-effects article>small{color:#999d91;font-size:.68rem}.gameplay-effects article.is-suppressed{opacity:.62;border-left-color:#666b65}.comparison-delta{margin-top:.65rem}.comparison-delta p{justify-content:space-between;display:flex}.comparison-breakdown{grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem;margin-top:.65rem;display:grid}.comparison-breakdown section{border-top:1px solid #3b3d37;align-content:start;gap:.25rem;padding:.5rem;display:grid}.comparison-breakdown b{color:#c2a66f;font-size:.68rem}.comparison-breakdown small{font-size:.66rem}.delta-positive{color:#78c897}.delta-negative{color:#e37e78}.crafting-workbench{background:linear-gradient(135deg,#2b1a1088,#0000 42%),#0d0f0e;border:1px solid #695338;margin-top:.8rem;padding:.8rem}.crafting-workbench>header,.crafting-wallet,.crafting-confirmation{justify-content:space-between;align-items:center;gap:.55rem;display:flex}.crafting-wallet{color:#cdb98d;flex-wrap:wrap;justify-content:flex-end}.crafting-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;margin-top:.7rem;display:grid}.crafting-columns>section{background:#0a0d0ccc;border:1px solid #3f3a31;min-width:0;padding:.65rem}.crafting-columns article{gap:.35rem;margin:.55rem 0;display:grid}.crafting-columns button{min-height:34px;padding:.35rem .55rem;font-size:.7rem}.crafting-columns button small{color:#b1a994;display:block}.crafting-warning{color:#e18b75;margin-top:.35rem;display:block}.quality-track{background:#050707;border:1px solid #4e483b;height:7px;margin:.45rem 0 .7rem;overflow:hidden}.quality-track span{background:linear-gradient(90deg,#a45632,#e2ba68);height:100%;display:block}.crafting-confirmation{border-left:3px solid var(--gold);background:#241d14;align-items:flex-end;margin-top:.7rem;padding:.65rem}.crafting-confirmation p{margin:.25rem 0;font-size:.72rem}.equipment-loading{min-height:320px;color:var(--muted);place-items:center;display:grid}@media (width>=2000px){.page-frame{max-width:1900px;margin-inline:auto}}@media (width<=1100px){.hud{grid-template-columns:1fr 1fr}.hud-vitals{order:3;grid-column:1/-1}.boss-bar{width:min(520px,100vw - 4rem);top:10.8rem}.save-card{flex-direction:column;align-items:flex-start}.town-portal-control{bottom:calc(100% + .4rem);right:0}.mount-control{bottom:calc(100% + .4rem);left:50%;right:auto;transform:translate(-50%)}.healing-potion-control{bottom:calc(100% + .4rem);left:0}}@media (width<=720px){.topbar{align-items:flex-start;height:auto;min-height:64px;padding-block:1rem}.topbar nav{flex-wrap:wrap;justify-content:flex-end;gap:0}.topbar .brand img{height:32px}.topbar nav a{width:3.4rem;height:2.8rem}.topbar nav a:before{width:4.3rem}.main-nav-label{width:2.75rem;height:1.3rem}.home-page{align-content:start;gap:1.5rem;padding:2rem 1rem;display:grid;overflow:visible}.hero-panel{display:contents}.hero-actions{width:100%;margin-top:.5rem;position:static}.start-game-button{width:100%}.collection-summary{flex-direction:column;align-items:flex-start}.settings-card label{grid-template-columns:1fr}.content-status-card{padding:1.25rem}.content-status-card>header{flex-direction:column;align-items:flex-start}.content-status-card dl{grid-template-columns:1fr}.gold-drop-card{padding:1.25rem}.gold-drop-card>header{flex-direction:column;align-items:flex-start}.gold-drop-rules,.gold-drop-facts,.game-test-options{grid-template-columns:1fr}.controls-card dl>div{grid-template-columns:1fr;gap:.35rem}.abilities-card{padding:1.25rem}.abilities-heading{flex-direction:column;align-items:flex-start;gap:.5rem}.ability-grid{grid-template-columns:1fr}.hud{grid-template-columns:1fr;max-height:50%;overflow:auto}.hud-vitals,.debug-panel{grid-column:auto}.skill-bar{grid-template-columns:repeat(2,minmax(0,1fr))}.bottom-hud-stack{gap:.5rem;width:calc(100vw - 1rem);bottom:.5rem}.town-portal-control{bottom:calc(100% + .4rem);left:auto;right:0}.mount-control{width:6rem;bottom:calc(100% + .4rem);left:50%;right:auto;transform:translate(-50%)}.mount-button{min-height:3rem}.mount-spur-button{min-height:1.4rem}.healing-potion-control{bottom:calc(100% + .4rem);left:0}.healing-potion-button{width:8.6rem;min-height:3rem}.town-portal-button{width:7.5rem;min-height:3rem}.town-portal-channel{bottom:12rem}.experience-bar{grid-template-columns:auto 1fr;width:100%;min-width:0}.specialization-hud{grid-template-columns:auto 1fr;width:100%}.specialization-hud small{white-space:normal;grid-column:1/-1}.experience-value{display:none}.boss-bar{width:calc(100vw - 2rem);min-width:0;top:15.5rem}.skill-slot{min-height:48px}.equipment-overlay{padding:0}.equipment-panel{max-height:100vh}.equipment-layout,.comparison-breakdown,.crafting-columns{grid-template-columns:1fr}.crafting-confirmation{flex-direction:column;align-items:stretch}.equipment-slots,.inventory-list{border-bottom:1px solid #39372f;border-right:0}}.inventory-ui{z-index:95;padding:max(.5rem, env(safe-area-inset-top)) max(.5rem, env(safe-area-inset-right)) max(.5rem, env(safe-area-inset-bottom)) max(.5rem, env(safe-area-inset-left));-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:radial-gradient(circle at 47% 40%,#39291f66 0,#0000 34%),linear-gradient(#020303e8,#020303fa);place-items:center}.inventory-shell{width:min(96vw,3000px);height:min(94vh,1640px);color:var(--ui-parchment);background:linear-gradient(90deg,#191815f7,#0d0e0cf8 35%,#10100ef8),repeating-linear-gradient(135deg,#0000 0 10px,#ffffff05 11px 12px);border:1px solid #8e744d;border-image:linear-gradient(90deg,#4a3823,#c4a16a,#4a3823) 1;grid-template-rows:auto minmax(0,1fr) auto;font-family:Georgia,Times New Roman,serif;display:grid;position:relative;overflow:hidden;box-shadow:0 0 0 3px #050606,0 0 0 4px #4c3c28,0 35px 100px #000}.inventory-shell:before,.inventory-shell:after{content:"◆";z-index:4;color:#b18b57;text-shadow:0 0 12px #000;position:absolute}.inventory-shell:before{top:-.45rem;left:-.35rem}.inventory-shell:after{bottom:-.45rem;right:-.35rem}.inventory-shell-heading,.inventory-footer{z-index:3;background:linear-gradient(#171712f7,#0b0c0af7);border-bottom:1px solid #54442e;align-items:center;gap:1rem;padding:.7rem 1.1rem;display:grid;position:relative}.inventory-shell-heading{grid-template-columns:1fr auto 1fr}.inventory-shell-heading h2,.item-browser-heading h2,.diablo-tooltip h3,.smart-comparison h3,.compact-crafting-state h3{margin:0}.inventory-character-name .eyebrow,.item-browser-heading .eyebrow{margin-bottom:.15rem}.inventory-shell-heading nav{background:#050606c7;border:1px solid #443a2b;gap:.15rem;padding:.22rem;display:flex}.inventory-shell-heading nav button,.inventory-shell-heading nav a{color:#999184;background:0 0;border-color:#0000;min-height:34px;padding:.35rem 1rem;font-size:.8rem;text-decoration:none}.inventory-shell-heading nav button[aria-pressed=true]{color:#f1d39c;background:linear-gradient(#392f21,#17140f);border-color:#8e7147}.inventory-close{border-radius:50%;justify-self:end;min-width:42px;min-height:42px;padding:0;font-size:1.35rem}.inventory-close span{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.inventory-main-layout{grid-template-columns:minmax(280px,.26fr) minmax(390px,.36fr) minmax(340px,.38fr);min-height:0;display:grid;overflow:hidden}.paperdoll-panel,.item-browser-panel,.tooltip-stage{min-width:0;min-height:0;overflow:auto}.paperdoll-panel,.item-browser-panel{border-right:1px solid #463b2a}.paperdoll-panel{background:radial-gradient(at 50% 42%,#51402b2e,#0000 48%),linear-gradient(90deg,#0c0d0bd9,#171711d9,#0b0c0ad9);padding:clamp(.75rem,1vw,1.25rem)}.paperdoll-panel>header{border-bottom:1px solid #423928;justify-content:space-between;align-items:baseline;padding-bottom:.6rem;display:flex}.paperdoll-panel>header span{color:#aaa08d;font-size:.72rem}.paperdoll-panel>header strong{color:#e5c98f;letter-spacing:.08em}.paperdoll{height:clamp(350px,50vh,710px);min-height:350px;position:relative}.paperdoll-silhouette{opacity:.7;filter:drop-shadow(0 0 18px #b78a4838);position:absolute;inset:12% 22% 7%}.silhouette-head,.silhouette-body{background:linear-gradient(135deg,#292923,#0e100e);border:1px solid #64543c;position:absolute;left:50%;transform:translate(-50%)}.silhouette-head{aspect-ratio:.85;border-radius:45% 45% 35% 35%;width:30%;top:0}.silhouette-body{clip-path:polygon(25% 0,75% 0,100% 44%,72% 100%,28% 100%,0 44%);width:64%;height:71%;top:15%}.equipment-slot-tile{width:var(--ui-slot);aspect-ratio:1;color:#5e625b;background:linear-gradient(135deg,#20211dcc,#090a09ee),radial-gradient(circle,#5e4a2d33,#0000);border:1px solid #4b473e;border-radius:0;place-items:center;min-height:0;padding:.25rem;display:grid;position:absolute;box-shadow:inset 0 0 0 2px #090a09,inset 0 0 12px #000}.equipment-slot-tile.is-filled{color:#e0ad65;border-color:#ad8450;box-shadow:inset 0 0 0 2px #090a09,inset 0 0 18px #a158202e,0 0 12px #c87b2830}.equipment-slot-tile.is-selected{outline-offset:2px;outline:2px solid #f0cd8c}.equipment-slot-tile span{font-size:clamp(1.2rem,2vw,2rem)}.equipment-slot-tile small{color:#89867d;width:max-content;font-size:.58rem;position:absolute;top:calc(100% + .12rem);left:50%;transform:translate(-50%)}.equipment-slot-tile[data-slot=head]{top:3%;left:50%;transform:translate(-50%)}.equipment-slot-tile[data-slot=neck]{top:8%;right:3%}.equipment-slot-tile[data-slot=chest]{top:27%;left:50%;transform:translate(-50%)}.equipment-slot-tile[data-slot=hands]{top:28%;left:2%}.equipment-slot-tile[data-slot=ringLeft]{top:45%;left:0}.equipment-slot-tile[data-slot=ringRight]{top:45%;right:0}.equipment-slot-tile[data-slot=legs]{top:57%;left:50%;transform:translate(-50%)}.equipment-slot-tile[data-slot=feet]{bottom:2%;left:50%;transform:translate(-50%)}.equipment-slot-tile[data-slot=mainHand]{top:68%;left:0}.equipment-slot-tile[data-slot=offHand]{top:68%;right:0}.equipment-slot-tile[data-slot=ranged]{bottom:2%;right:5%}.paperdoll-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 1rem;margin:.75rem 0 0;display:grid}.paperdoll-stats>div{border-bottom:1px solid #302e27;justify-content:space-between;gap:.5rem;padding:.35rem 0;font-size:.7rem;display:flex}.paperdoll-stats dt{color:#969185}.paperdoll-stats dd{color:#e1c38a;font-variant-numeric:tabular-nums;margin:0}.item-browser-panel{background:#090a09a6;flex-direction:column;padding:clamp(.75rem,1.2vw,1.4rem);display:flex}.item-browser-heading{border-bottom:1px solid #493c2a;justify-content:space-between;align-items:end;padding-bottom:.65rem;display:flex}.item-browser-heading>strong{color:#c7b892;font-size:.78rem}.stash-tabs{gap:.3rem;margin-top:.7rem;display:flex}.stash-tabs button{border-radius:0;flex:1;min-height:38px;padding:.35rem;font-size:.72rem}.stash-tabs button[aria-pressed=true]{color:#f0d49e;background:#312719;border-color:#b18b56}.stash-tabs small{color:#77746d;font-size:.56rem;display:block}.inventory-filters,.codex-filters{grid-template-columns:minmax(110px,1fr) auto auto;gap:.35rem;margin:.7rem 0;display:grid}.inventory-filters input,.inventory-filters select,.codex-filters input,.codex-filters select{color:#c9c3b6;background:#0e100f;border:1px solid #46453e;border-radius:0;min-width:0;min-height:36px;padding:.35rem .5rem;font:.7rem system-ui,sans-serif}.inventory-grid{background:radial-gradient(circle at 50% 20%,#5034171c,#0000 45%),#050606;border:1px solid #3f392d;grid-template-columns:repeat(10,minmax(0,1fr));align-content:start;gap:clamp(2px,.28vw,5px);padding:.45rem;display:grid}.item-grid-slot{aspect-ratio:1;color:#9da096;background:radial-gradient(circle at 50% 43%,#60523e1c,#0000 55%),linear-gradient(135deg,#171a18,#080909);border:1px solid #3c403c;border-radius:0;place-items:center;min-width:0;min-height:0;padding:0;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 8px #000}.item-grid-slot:not(.is-empty):after{content:"";opacity:.24;pointer-events:none;border:1px solid;position:absolute;inset:4px}.item-grid-slot.is-empty{color:#282b29;font-size:1.1rem}.item-grid-slot.is-selected{border-color:#f0cf91;box-shadow:inset 0 0 12px #b982383d,0 0 0 1px #e6c686,0 0 12px #c8934b73}.item-grid-slot.is-equipped{background:linear-gradient(135deg,#2d281d,#0d0e0c)}.item-grid-icon{filter:drop-shadow(0 2px 3px #000);font-size:clamp(.85rem,1.55vw,1.55rem)}.item-grid-slot>small{color:#ddd6c8;font:600 clamp(.45rem,.62vw,.62rem) system-ui,sans-serif;position:absolute;bottom:.08rem;right:.18rem}.item-slot-favorite,.item-slot-lock,.item-slot-new,.item-slot-equipped{z-index:2;font:700 .5rem system-ui,sans-serif;position:absolute}.item-slot-favorite{color:#f0c65d;top:.12rem;left:.16rem}.item-slot-lock{color:#d6d1c8;top:.12rem;right:.16rem}.item-slot-new{color:#fff;background:#9c3227;padding:.08rem .15rem;bottom:0;left:0}.item-slot-equipped{color:#fff2c8;background:#946f32;padding:.08rem .16rem;top:0;right:0}.inventory-browser-actions{grid-template-columns:repeat(4,minmax(0,1fr));gap:.3rem;margin-top:auto;padding-top:.65rem;display:grid}.inventory-browser-actions button{min-height:36px;padding:.35rem;font-size:.68rem}.inventory-key-hint{color:#77766e;text-align:center;margin:.45rem 0 0;font:.62rem system-ui,sans-serif}.tooltip-stage{background:radial-gradient(circle at 50% 0,#5b3a1a1d,#0000 30%),#070808d9;padding:clamp(.75rem,1.2vw,1.4rem)}.tooltip-pair{align-items:start;gap:.65rem;display:grid}.diablo-tooltip{color:#b8b5ad;background:linear-gradient(130deg,#2b241a73,#0000 36%),linear-gradient(#141613f7,#080909f7);border:1px solid;min-width:0;overflow:hidden;box-shadow:inset 0 0 0 3px #060706,inset 0 0 0 4px #463a2b,0 12px 30px #000b}.diablo-tooltip>header{background:#080909c2;border-bottom:1px solid #51452f;padding:.85rem 1rem .7rem}.diablo-tooltip h3{color:currentColor;letter-spacing:.035em;margin-top:.2rem;font-size:clamp(1rem,1.35vw,1.35rem)}.diablo-tooltip>header p,.diablo-tooltip section p{margin:.25rem 0 0}.diablo-tooltip>header p{color:#96928a;font-size:.7rem}.tooltip-comparison-label{color:#c7b991;letter-spacing:.14em;text-transform:uppercase;font:700 .6rem system-ui,sans-serif}.tooltip-power,.tooltip-stat-section,.tooltip-effect-section,.tooltip-set-section,.diablo-tooltip footer{border-bottom:1px solid #36362f;padding:.7rem 1rem}.tooltip-power{grid-template-columns:auto 1fr;align-items:end;gap:0 .55rem;display:grid}.tooltip-power strong{color:#eee9de;grid-row:1/3;font-size:2rem;line-height:1}.tooltip-power span,.tooltip-power small{color:#aaa69c;font-size:.66rem}.tooltip-stat-section p{color:#d4d0c6;font-size:.72rem;line-height:1.45}.tooltip-stat-section h4,.tooltip-effect-section h4{color:#9f927b;letter-spacing:.12em;text-transform:uppercase;margin:0 0 .4rem;font-size:.62rem}.tooltip-stat-section p>span{color:#857963}.tooltip-stat-section p>b{color:#f0ece1}.tooltip-affixes .is-greater-affix{color:#f2d77e}.tooltip-affixes .is-tempered-affix{color:#76c7bb}.tooltip-effect-section{color:#d88f50}.tooltip-effect-section div+div{border-top:1px solid #593d28;margin-top:.65rem;padding-top:.65rem}.tooltip-effect-section b{color:currentColor}.tooltip-effect-section p{color:#d7c3ae;font-size:.72rem;line-height:1.55}.tooltip-effect-section small{color:#8f8b82}.tooltip-set-section{color:#8dc786;font-size:.72rem}.diablo-tooltip footer{color:#8e8d87;border:0;flex-wrap:wrap;gap:.35rem .65rem;font:.6rem system-ui,sans-serif;display:flex}.diablo-tooltip footer small{flex-basis:100%}.smart-comparison,.compact-crafting-state{background:#0c0e0ce8;border:1px solid #474034;margin-top:.65rem;padding:.75rem}.smart-comparison h3,.compact-crafting-state h3{color:#c6a86d;font-size:.78rem}.smart-comparison p{justify-content:space-between;gap:.5rem;margin:.3rem 0 0;font-size:.68rem;display:flex}.compact-crafting-state p,.compact-crafting-state small{color:#a7a195;margin:.35rem 0 0;font-size:.68rem}.compact-crafting-actions{flex-wrap:wrap;gap:.3rem;margin-top:.6rem;display:flex}.compact-crafting-actions button{min-height:32px;padding:.3rem .5rem;font-size:.62rem}.tooltip-empty-state{color:#696861;text-align:center;place-content:center;justify-items:center;min-height:100%;display:grid}.tooltip-empty-state span{font-size:3rem}.inventory-footer{color:#a59c8b;border-top:1px solid #4e412e;border-bottom:0;grid-template-columns:1fr auto auto;min-height:48px;font-size:.7rem}.inventory-footer button{min-height:32px;padding:.3rem .75rem;font-size:.7rem}.inventory-confirm{z-index:110;background:#000b;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.inventory-confirm>div{background:#12130ff5;border:1px solid #a18252;width:min(420px,100%);padding:1.4rem;box-shadow:0 18px 50px #000}.inventory-confirm h3,.inventory-confirm p{margin:.5rem 0}.inventory-confirm>div>div{gap:.5rem;margin-top:1rem;display:flex}.inventory-confirm button{flex:1}.codex-summary{background:linear-gradient(120deg,#282219,#101211 55%);border:1px solid #7e6848;justify-content:space-between;align-items:end;padding:1.2rem 1.5rem;display:flex}.codex-summary strong{color:#efcc8e;font-size:3rem}.codex-summary span,.codex-summary p{color:#aaa291}.codex-state{color:#9c988f;border:1px dashed #4c4c45;place-items:center;min-height:220px;margin-top:1rem;display:grid}.codex-state.is-error{color:#e79d9d;border-color:#8f4949}.codex-workspace{grid-template-columns:minmax(0,1fr) minmax(320px,.38fr);gap:1rem;margin-top:1rem;display:grid}.codex-browser,.codex-detail{background:#0c0f0e;border:1px solid #484940}.codex-browser{padding:1rem}.codex-filters{grid-template-columns:minmax(180px,1fr) repeat(3,auto);margin-top:0}.codex-filters label,.codex-filters input{width:100%}.codex-result-count{color:#8d8a81;font-size:.72rem}.codex-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;display:grid}.codex-card{text-align:left;background:radial-gradient(circle at 50% 25%,currentColor 0,#0000 1px),#111411;border-color:currentColor;grid-template-rows:1fr auto auto auto;justify-items:start;min-height:145px;padding:.8rem;display:grid}.codex-card-rune{opacity:.65;place-self:center;font-size:2rem}.codex-card small,.codex-card em{color:#8f8c83;font-size:.65rem}.codex-card em{margin-top:.3rem;font-style:normal}.codex-card.is-missing{color:#686963;filter:grayscale()}.codex-card.is-selected{box-shadow:inset 3px 0 #d4aa67}.codex-detail{border-color:currentColor;align-self:start;padding:1.25rem;position:sticky;top:1rem}.codex-detail h2{color:currentColor;margin:0}.codex-acquired-state{color:#a5a095}.codex-detail dl>div{border-bottom:1px solid #35362f;justify-content:space-between;gap:1rem;padding:.55rem 0;display:flex}.codex-detail dt{color:#8f8c83}.codex-detail dd{text-align:right;margin:0}.codex-detail section{border-top:1px solid #58472f;margin-top:1rem;padding-top:1rem}.codex-detail section h3{color:#d3b477}.codex-detail section p{color:#bbb3a5;line-height:1.6}@media (width>=1720px){.inventory-main-layout{grid-template-columns:minmax(330px,.23fr) minmax(500px,.33fr) minmax(680px,.44fr)}.tooltip-pair.has-comparison{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=1100px){.inventory-shell{width:calc(100vw - 1rem);height:calc(100vh - 1rem)}.inventory-main-layout{grid-template-columns:minmax(250px,.35fr) minmax(430px,.65fr);overflow:auto}.tooltip-stage{border-top:1px solid #463b2a;grid-column:1/-1;min-height:400px}.tooltip-pair.has-comparison{grid-template-columns:repeat(2,minmax(0,1fr))}.codex-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=720px){.inventory-ui{padding:0}.inventory-shell{border-inline:0;width:100vw;height:100dvh}.inventory-shell-heading{grid-template-columns:1fr auto;gap:.5rem}.inventory-shell-heading nav{grid-area:2/1/auto/-1;justify-content:stretch}.inventory-shell-heading nav>*{text-align:center;flex:1}.inventory-main-layout{display:block;overflow:auto}.paperdoll-panel,.item-browser-panel{border-bottom:1px solid #463b2a;border-right:0}.paperdoll{height:440px}.paperdoll-stats{grid-template-columns:1fr}.inventory-filters,.codex-filters{grid-template-columns:1fr 1fr}.inventory-filters input,.codex-filters label{grid-column:1/-1}.inventory-grid{grid-template-columns:repeat(8,minmax(0,1fr))}.inventory-browser-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.tooltip-pair.has-comparison{grid-template-columns:1fr}.inventory-footer{grid-template-columns:1fr auto}.inventory-footer span:nth-child(2){display:none}.codex-workspace{grid-template-columns:1fr}.codex-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.codex-detail{position:static}}.character-drawer-overlay{z-index:96;background:linear-gradient(90deg,#0000 0 40%,#0305054d 64%,#000b);justify-content:flex-end;font-family:Georgia,Times New Roman,serif;animation:.18s ease-out both character-backdrop-in;display:flex;position:fixed;inset:0}.character-drawer{--character-slot-size:clamp(3.15rem, 4.2vw, 5.25rem);color:#d8d2c5;background:linear-gradient(90deg,#121613f4,#080b0af9 42%,#111411f7),repeating-linear-gradient(135deg,#0000 0 12px,#ffffff05 13px 14px);border-left:1px solid #927548;grid-template-rows:auto minmax(0,1fr) auto;width:clamp(720px,42vw,1480px);height:100dvh;animation:.28s cubic-bezier(.2,.8,.2,1) both character-panel-in;display:grid;position:relative;overflow:hidden;box-shadow:-3px 0 #050706,-4px 0 #56442d,-32px 0 80px #0009}.character-drawer:before{content:"";z-index:6;pointer-events:none;background:linear-gradient(#261b12,#a07943 16%,#302318 50%,#9b7746 84%,#261b12);width:5px;position:absolute;inset:0 auto 0 0;box-shadow:2px 0 12px #000}.character-drawer-heading{z-index:5;background:linear-gradient(#171b18f8,#090c0bf8);border-bottom:1px solid #4e4436;grid-template-columns:1fr auto 1fr;align-items:center;min-height:58px;padding:.45rem 1rem .45rem 1.35rem;display:grid;position:relative;box-shadow:0 2px 12px #000b}.character-drawer-heading:after{content:"";background:linear-gradient(90deg,#a17c46,#0000 78%);height:1px;position:absolute;bottom:-1px;left:1rem;right:4.5rem}.character-drawer-heading>div{color:#e4c590;letter-spacing:.08em;align-items:center;gap:.55rem;font-size:clamp(1.05rem,1.3vw,1.5rem);font-weight:700;display:flex}.character-drawer-heading kbd,.character-close-hint kbd{color:#242522;text-align:center;background:#b9b6aa;border:1px solid #6f6b61;min-width:1.35rem;padding:.08rem .28rem;font:700 .68rem system-ui,sans-serif;box-shadow:inset 0 0 0 1px #e1ded3}.character-drawer-heading>strong{color:#8e8a80;letter-spacing:.24em;text-transform:uppercase;font-size:.72rem}.character-drawer-close{z-index:2;color:#e3d2bd;background:radial-gradient(circle,#852b25,#2c1513 68%);border:2px solid #a1513d;border-radius:50%;justify-self:end;width:38px;min-height:38px;padding:0;font:700 1.35rem/1 system-ui,sans-serif;position:relative;box-shadow:inset 0 0 0 2px #23100e,0 0 0 1px #c08063}.character-sheet{background:radial-gradient(at 75% 42%,#3d4c4029,#0000 37%),radial-gradient(at 52% 100%,#6b49292b,#0000 47%);border-bottom:1px solid #57452f;grid-template-columns:minmax(190px,.34fr) minmax(350px,.66fr);min-height:0;display:grid;overflow:hidden}.character-stat-panel{z-index:3;background:linear-gradient(90deg,#0c0f0ee8,#171816c7);border-right:1px solid #483c2d;min-width:0;padding:clamp(.75rem,1.2vw,1.4rem);position:relative;overflow:auto}.character-level-badge{clip-path:polygon(50% 0,100% 42%,82% 100%,18% 100%,0 42%);color:#dff5ff;text-shadow:0 2px 3px #000;background:linear-gradient(#4d9ac0,#172f40);place-items:center;width:3.25rem;height:2.8rem;margin:0 auto .35rem;font-size:1.25rem;font-weight:700;display:grid;box-shadow:inset 0 0 0 2px #7fc0d6}.character-class,.character-title{color:#8e887c;letter-spacing:.08em;text-align:center;margin:0;font-size:.68rem}.character-stat-panel h2{color:#e7d7bc;text-align:center;margin:.12rem 0;font-size:clamp(1.05rem,1.35vw,1.55rem)}.character-material-button{color:#c8c3b8;opacity:1;background:linear-gradient(#47443d,#262825);border-color:#625b50;width:100%;min-height:38px;margin:.85rem 0 .6rem;font-size:.76rem}.character-headline-stats{border-block:1px solid #37352f;gap:.18rem;padding:.65rem 0;display:grid}.character-headline-stats article{grid-template-columns:1.4rem 1fr auto;align-items:center;gap:.35rem;min-height:2rem;display:grid}.character-headline-stats article>span{color:#aaa897;text-align:center}.character-headline-stats small{color:#a9a398;font-size:.7rem}.character-headline-stats strong{color:#e2b96c;font-variant-numeric:tabular-nums;font-size:1rem}.character-stat-panel h3{color:#8f887b;letter-spacing:.18em;margin:.85rem 0 .25rem;font-size:.7rem;font-weight:400}.character-attribute-list>div{border-bottom:1px solid #2e302c;justify-content:space-between;gap:.75rem;padding:.34rem 0;font-size:.7rem;display:flex}.character-portrait-aura{background:radial-gradient(#4769702b,#0000 66%);border:1px solid #72654b2e;border-radius:48% 48% 13% 13%;position:absolute;inset:8% 23% 2%;box-shadow:inset 0 0 80px #37575f24}.character-portrait{z-index:1;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 16px 18px #000)drop-shadow(0 0 15px #6d989744);-webkit-user-select:none;user-select:none;width:min(64%,390px);height:94%;position:absolute;bottom:-1%;left:50%;transform:translate(-50%)}.character-equipment-slot{z-index:2;width:var(--character-slot-size);aspect-ratio:.88;color:#a2784b;background:linear-gradient(135deg,#282723e8,#090b0af5),radial-gradient(circle,currentColor,#0000 62%);border:1px solid;border-radius:0;place-items:center;min-height:0;padding:.2rem;display:grid;position:absolute;box-shadow:inset 0 0 0 3px #070908,inset 0 0 14px,0 5px 14px #000b}.character-equipment-slot.is-empty{color:#42443f;filter:grayscale()}.character-equipment-slot.is-selected{outline-offset:2px;outline:2px solid #f2d394;box-shadow:inset 0 0 0 3px #070908,inset 0 0 18px,0 0 16px #efc3768f}.character-equipment-slot>span{filter:drop-shadow(0 2px 3px #000);font-size:clamp(1.25rem,1.7vw,2rem)}.character-equipment-slot>small{color:#8d8a81;width:max-content;font:.56rem system-ui,sans-serif;position:absolute;top:calc(100% + .12rem);left:50%;transform:translate(-50%)}.character-equipment-slot[data-slot=feet]{top:67%;right:5%}.character-equipment-slot[data-slot=mainHand]{bottom:3%;left:25%}.character-equipment-slot[data-slot=offHand]{bottom:3%;right:25%}.character-equipment-slot[data-slot=ranged]{bottom:3%;left:50%;transform:translate(-50%)}.character-drawer-loading{color:#8d897f;place-items:center;min-height:360px;display:grid}.character-backpack{z-index:4;background:linear-gradient(#111512f8,#080a09fc);min-height:0;padding:.55rem 1rem .65rem 1.25rem;position:relative;box-shadow:0 -8px 24px #0008}.character-backpack>header{border-bottom:1px solid #51432e;grid-template-columns:1fr auto auto;align-items:center;gap:.8rem;min-height:46px;display:grid}.character-backpack>header>div:first-child{align-items:center;gap:.55rem;display:flex}.character-backpack-mark{color:#f1c37b;background:#5d241b;border:1px solid #9b6237;border-radius:50%;place-items:center;width:1.8rem;height:1.8rem;display:grid}.character-backpack h2,.character-backpack p{margin:0}.character-backpack h2{color:#d7c9ae;font-size:1rem}.character-backpack header small{color:#7f7d75;font:.56rem system-ui,sans-serif;display:block}.character-backpack>header>strong{color:#aaa393;font-size:.68rem}.character-selected-item{text-align:right;min-width:0;max-width:18rem}.character-selected-item span{text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;display:block;overflow:hidden}.character-backpack-grid.inventory-grid{grid-template-columns:repeat(10,minmax(0,1fr));gap:clamp(2px,.24vw,5px);margin-top:.5rem;padding:.35rem}.character-backpack-grid .item-grid-slot{max-height:4.8rem}.character-backpack-footer{border-top:1px solid #312d25;grid-template-columns:1fr auto auto;align-items:center;gap:.8rem;min-height:42px;margin-top:.4rem;padding-top:.35rem;display:grid}.character-wallet{color:#c4bda9;align-items:center;gap:.4rem;display:flex}.character-wallet>span{color:#d5a942;text-shadow:0 0 5px #d09a39;font-size:1.15rem}.character-wallet strong{color:#d0c6af;font-variant-numeric:tabular-nums;font-size:.92rem}.character-item-actions{gap:.25rem;display:flex}.character-item-actions button{min-height:30px;padding:.22rem .55rem;font-size:.62rem}.character-close-hint{color:#77766f;align-items:center;gap:.3rem;font:.62rem system-ui,sans-serif;display:flex}@keyframes character-panel-in{0%{transform:translate(104%)}to{transform:translate(0)}}@keyframes character-backdrop-in{0%{opacity:0}to{opacity:1}}.character-drawer-leave-active{transition:opacity .17s ease-in}.character-drawer-leave-active .character-drawer{transition:transform .19s ease-in}.character-drawer-leave-to{opacity:0}.character-drawer-leave-to .character-drawer{transform:translate(104%)}@media (width>=2200px){.character-backpack-grid .item-grid-icon{font-size:1.8rem}}@media (width<=900px){.character-drawer-overlay{background:#0008}.character-drawer{width:min(100vw,760px)}}@media (width<=620px){.character-drawer{--character-slot-size:3.25rem;grid-template-rows:auto auto auto;width:100vw;overflow:auto}.character-sheet{grid-template-columns:1fr;overflow:visible}.character-stat-panel{border-bottom:1px solid #483c2d;border-right:0;max-height:none}.character-headline-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.character-headline-stats article{text-align:center;grid-template-columns:1fr;justify-items:center}.character-attribute-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 .8rem;display:grid}.character-paperdoll-panel{min-height:520px}.character-backpack{padding-inline:.5rem}.character-backpack>header{grid-template-columns:1fr auto}.character-selected-item{display:none}.character-backpack-grid.inventory-grid{grid-template-columns:repeat(8,minmax(0,1fr))}.character-backpack-footer{grid-template-columns:1fr auto}.character-close-hint{display:none}}@media (prefers-reduced-motion:reduce){.character-drawer-overlay,.character-drawer{animation:none}}.stash-drawer-overlay{z-index:205;background:linear-gradient(90deg,#000b 0 42%,#0005 64%,#0000 100%);justify-content:flex-start;animation:.18s ease-out character-backdrop-in;display:flex;position:fixed;inset:0}.stash-drawer{background:linear-gradient(115deg,#5c311918,#0000 30%),radial-gradient(circle at 12% 10%,#8d603119,#0000 34%),#090b0af8;border-right:2px solid #655039;grid-template-rows:auto auto minmax(0,1fr) auto;width:clamp(720px,43vw,1480px);min-width:0;height:100dvh;animation:.22s cubic-bezier(.2,.75,.2,1) stash-panel-in;display:grid;position:relative;overflow:hidden;box-shadow:22px 0 50px #000c,inset -5px 0 18px #000b}.stash-drawer:before{content:"";z-index:0;pointer-events:none;border:1px solid #31291f;position:absolute;inset:5px}.stash-drawer-heading,.stash-drawer-tabs,.stash-drawer-content,.stash-drawer-footer,.stash-drawer-loading{z-index:1;position:relative}.stash-drawer-heading{background:linear-gradient(#181b18f2,#0c0f0df2);border-bottom:1px solid #57452f;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;min-height:72px;padding:.65rem 1.2rem;display:grid;box-shadow:0 5px 15px #0009}.stash-drawer-heading>div small{color:#8e8779;letter-spacing:.12em;font:.6rem system-ui,sans-serif;display:block}.stash-drawer-heading h2{color:#ead7b7;letter-spacing:.18em;margin:.1rem 0 0;font:1.35rem Georgia,serif}.stash-drawer-heading>strong{color:#9c8763;letter-spacing:.12em;font-size:.72rem}.stash-drawer-close{color:#efd5af;background:radial-gradient(circle,#7a251c,#2c100d 70%);border-color:#915445;border-radius:50%;justify-self:end;width:2.35rem;height:2.35rem;padding:0;font-size:1.45rem;line-height:1}.stash-drawer-tabs{background:#080a09ee;border-bottom:1px solid #302b23;grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem;padding:.65rem 1rem;display:grid}.stash-drawer-tabs button{color:#8b8981;background:linear-gradient(#1a1d1a,#0d0f0e);border-color:#3d3a32;justify-content:space-between;align-items:center;gap:.5rem;min-width:0;min-height:42px;padding:.45rem .7rem;font-size:.72rem;display:flex}.stash-drawer-tabs button[aria-pressed=true]{color:#e7cca0;background:linear-gradient(#432516,#1b130d);border-color:#a06f38;box-shadow:inset 0 -2px #bb7c36,0 0 10px #8b542333}.stash-drawer-tabs small{color:#77746d;font-size:.57rem}.stash-drawer-content{grid-template-rows:minmax(0,1.15fr) minmax(0,.85fr);min-height:0;display:grid;overflow:hidden}.stash-storage-section,.stash-inventory-section{grid-template-rows:auto minmax(0,1fr);min-height:0;padding:.7rem 1rem;display:grid;overflow:hidden}.stash-inventory-section{background:linear-gradient(#17161180,#090b09);border-top:1px solid #55432d;box-shadow:0 -9px 22px #0007}.stash-storage-section>header,.stash-inventory-section>header{color:#a6a093;justify-content:space-between;align-items:center;gap:1rem;min-height:34px;display:flex}.stash-storage-section>header>div,.stash-inventory-section>header>div{align-items:center;gap:.5rem;display:flex}.stash-storage-section h3,.stash-inventory-section h3{color:#d0c1a7;letter-spacing:.08em;margin:0;font:.82rem Georgia,serif}.stash-storage-section header strong,.stash-inventory-section header strong{color:#837c6d;font-size:.62rem}.stash-item-grid.inventory-grid,.stash-inventory-grid.inventory-grid{scrollbar-color:#685034 #111;grid-template-columns:repeat(10,minmax(0,1fr));gap:clamp(2px,.22vw,5px);min-height:0;overflow:auto}.stash-item-grid .item-grid-slot,.stash-inventory-grid .item-grid-slot{max-height:4.5rem}.stash-drawer-footer{background:linear-gradient(#171a16f8,#090b09f8);border-top:1px solid #655039;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:.8rem;min-height:72px;padding:.65rem 1rem;display:grid;box-shadow:0 -7px 16px #0009}.stash-selected-item{gap:.15rem;min-width:0;display:grid}.stash-selected-item strong,.stash-selected-item span,.stash-selected-item small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.stash-selected-item span,.stash-selected-item small,.stash-drawer-footer>small{color:#7f7c73;font:.6rem system-ui,sans-serif}.stash-drawer-actions{gap:.3rem;display:flex}.stash-drawer-actions button{min-height:32px;padding:.3rem .58rem;font-size:.62rem}.stash-drawer-loading{color:#8b867d;place-items:center;min-height:320px;display:grid}@keyframes stash-panel-in{0%{transform:translate(-104%)}to{transform:translate(0)}}.stash-drawer-leave-active{transition:opacity .17s ease-in}.stash-drawer-leave-active .stash-drawer{transition:transform .19s ease-in}.stash-drawer-leave-to{opacity:0}.stash-drawer-leave-to .stash-drawer{transform:translate(-104%)}@media (width<=900px){.stash-drawer-overlay{background:#0008}.stash-drawer{width:min(100vw,760px)}}@media (width<=620px){.stash-drawer{grid-template-rows:auto auto auto auto;width:100vw;overflow:auto}.stash-drawer-content{grid-template-rows:auto auto;overflow:visible}.stash-storage-section,.stash-inventory-section{overflow:visible}.stash-item-grid.inventory-grid,.stash-inventory-grid.inventory-grid{grid-template-columns:repeat(8,minmax(0,1fr));overflow:visible}.stash-drawer-footer{grid-template-columns:1fr}.stash-drawer-actions{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){.stash-drawer-overlay,.stash-drawer{animation:none}}.character-drawer-overlay{z-index:96;-webkit-backdrop-filter:brightness(.88)blur(.4px);backdrop-filter:brightness(.88)blur(.4px);background:linear-gradient(90deg,#0000 0 56%,#02050524 72%,#02030362);justify-content:flex-end;font-family:Georgia,Noto Serif SC,Songti SC,serif;animation:.18s ease-out both character-backdrop-in;display:flex;position:fixed;inset:0;overflow:hidden}.character-drawer{--character-px:min(.0260417vw, .0462963vh);--character-gold:#c19a61;--character-warm-white:#ded7c9;--character-muted:#8f918b;width:calc(1376 * var(--character-px));grid-template-rows:calc(122 * var(--character-px)) calc(1218 * var(--character-px)) calc(820 * var(--character-px));box-sizing:border-box;min-width:0;height:100dvh;box-shadow:calc(-5 * var(--character-px)) 0 #050706, calc(-8 * var(--character-px)) 0 #4e3d2a, calc(-46 * var(--character-px)) 0 calc(110 * var(--character-px)) #0009;color:var(--character-warm-white);isolation:isolate;background:linear-gradient(90deg,#111715fa,#07100efc 42%,#0d1412fc),url(/assets/ui/chrome/stone-strip.svg) 50%/auto 100%;border:0;animation:.28s cubic-bezier(.2,.8,.2,1) both character-panel-in;display:grid;position:relative;overflow:hidden}.character-drawer:before,.character-drawer:after{content:"";z-index:20;pointer-events:none;position:absolute}.character-drawer:before{border:calc(8 * var(--character-px)) solid #171c19;box-shadow:inset 0 0 0 calc(3 * var(--character-px)) #70583b, inset 0 0 0 calc(8 * var(--character-px)) #080b0a, inset 0 0 calc(34 * var(--character-px)) #000;inset:0}.character-drawer:after{inset:calc(17 * var(--character-px)) calc(18 * var(--character-px));border:calc(2 * var(--character-px)) solid #3c4a45;clip-path:polygon(0 0,45% 0,47% 5px,53% 5px,55% 0,100% 0,100% 100%,55% 100%,53% calc(100% - 5px),47% calc(100% - 5px),45% 100%,0 100%);opacity:.82}.game-ui-icon{width:1em;height:1em;display:block;overflow:visible}.character-shell-nav{z-index:10;min-width:0;padding:0 calc(58 * var(--character-px)) 0 calc(72 * var(--character-px));border-bottom:calc(2 * var(--character-px)) solid #3f4a45;box-shadow:inset 0 calc(-10 * var(--character-px)) calc(18 * var(--character-px)) #000b, 0 calc(5 * var(--character-px)) calc(18 * var(--character-px)) #000c;background:linear-gradient(90deg,#151d1afa,#09100efa),url(/assets/ui/chrome/header-strip.png) 50%/cover;align-items:center;display:flex;position:relative}.character-shell-nav:after{content:"";right:calc(24 * var(--character-px));bottom:calc(-10 * var(--character-px));left:calc(18 * var(--character-px));height:calc(16 * var(--character-px));border-block:calc(2 * var(--character-px)) solid #2d3935;clip-path:polygon(0 35%,47% 35%,49% 0,51% 0,53% 35%,100% 35%,100% 65%,53% 65%,51% 100%,49% 100%,47% 65%,0 65%);background:linear-gradient(90deg,#6d5639,#26332f 18% 82%,#6d5639);position:absolute}.character-shell-title{align-items:center;gap:calc(16 * var(--character-px));min-width:calc(360 * var(--character-px));color:#ecd6ae;font-size:calc(46 * var(--character-px));letter-spacing:.08em;text-shadow:0 calc(3 * var(--character-px)) calc(4 * var(--character-px)) #000;font-weight:700;display:flex}.character-shell-title>b{color:#9b8970;font:calc(25 * var(--character-px)) / 1 system-ui, sans-serif}.character-shell-title>span{padding:calc(10 * var(--character-px)) calc(25 * var(--character-px));background:linear-gradient(90deg,#481710d9,#22100bb0 78%,#0000);position:relative}.character-shell-title kbd,.character-close-hint kbd{min-width:calc(36 * var(--character-px));padding:calc(3 * var(--character-px)) calc(7 * var(--character-px));box-sizing:border-box;border:calc(2 * var(--character-px)) solid #716e65;border-radius:calc(2 * var(--character-px));box-shadow:inset 0 0 0 calc(2 * var(--character-px)) #e0ddd2;color:#242522;font:700 calc(25 * var(--character-px)) / 1 system-ui, sans-serif;text-align:center;background:#b8b5ab}.character-shell-nav nav{height:100%;padding-right:calc(118 * var(--character-px));align-items:stretch;margin-left:auto;display:flex}.character-shell-nav nav button{width:calc(112 * var(--character-px));min-width:0;min-height:0;padding:calc(15 * var(--character-px));border:0;border-inline:calc(2 * var(--character-px)) solid #364039;color:#aaa69a;background:linear-gradient(#29302be8,#0d1210e8);border-radius:0;place-items:center;display:grid;position:relative}.character-shell-nav nav button+button{margin-left:calc(4 * var(--character-px))}.character-shell-nav nav button .game-ui-icon{width:calc(58 * var(--character-px));height:calc(58 * var(--character-px));filter:drop-shadow(0 calc(3 * var(--character-px)) calc(4 * var(--character-px)) #000)}.character-shell-nav nav button>span{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.character-shell-nav nav button.is-active{box-shadow:inset 0 0 0 calc(5 * var(--character-px)) #220d0a, inset 0 0 calc(18 * var(--character-px)) #d3482c88;color:#eadac0;background:linear-gradient(#8f2019e8,#4e110fea),radial-gradient(circle,#c86b45,#0000 68%);border-color:#9d4b35}.character-shell-nav nav button:focus-visible,.character-equipment-slot:focus-visible,.character-backpack-heading nav button:focus-visible,.character-drawer-close:focus-visible{outline:calc(4 * var(--character-px)) solid #f0d19a;outline-offset:calc(-6 * var(--character-px))}.character-drawer-close{z-index:24;top:calc(108 * var(--character-px));right:calc(-6 * var(--character-px));width:calc(92 * var(--character-px));height:calc(92 * var(--character-px));border:calc(5 * var(--character-px)) solid #a6523d;min-width:0;min-height:0;box-shadow:inset 0 0 0 calc(5 * var(--character-px)) #25100d, 0 0 0 calc(3 * var(--character-px)) #bf8764, 0 calc(7 * var(--character-px)) calc(13 * var(--character-px)) #000c;background:radial-gradient(circle at 42% 35%,#b43729,#5a1714 52%,#1f0c0b 74%);border-radius:50%;padding:0;position:absolute}.character-drawer-close span:before,.character-drawer-close span:after{content:"";width:calc(44 * var(--character-px));height:calc(6 * var(--character-px));border-radius:calc(3 * var(--character-px));box-shadow:0 calc(2 * var(--character-px)) #3a1510;background:#e5d0b2;position:absolute;top:50%;left:50%}.character-drawer-close span:before{transform:translate(-50%,-50%)rotate(45deg)}.character-drawer-close span:after{transform:translate(-50%,-50%)rotate(-45deg)}.character-sheet{grid-template-columns:calc(422 * var(--character-px)) calc(880 * var(--character-px));min-height:0;padding-inline:calc(28 * var(--character-px)) calc(46 * var(--character-px));background:radial-gradient(at 69% 43%,#31524d2e,#0000 45%),linear-gradient(90deg,#0b100ef5,#101815e9 31%,#07100ef2);border-bottom:0;display:grid;position:relative;overflow:hidden}.character-sheet:after{content:"";z-index:9;right:calc(20 * var(--character-px));bottom:0;left:calc(18 * var(--character-px));height:calc(18 * var(--character-px));border-block:calc(2 * var(--character-px)) solid #37443f;clip-path:polygon(0 38%,45% 38%,48% 0,52% 0,55% 38%,100% 38%,100% 62%,55% 62%,52% 100%,48% 100%,45% 62%,0 62%);background:linear-gradient(90deg,#293a35,#795e3e 50%,#293a35);position:absolute}.character-stat-panel{z-index:3;box-sizing:border-box;min-width:0;padding:calc(68 * var(--character-px)) calc(28 * var(--character-px)) calc(28 * var(--character-px));border-right:calc(3 * var(--character-px)) solid #3d4540;background:radial-gradient(circle at 50% 12%,#24302cb3,#0000 30%),linear-gradient(90deg,#090d0cf7,#151b18e8);position:relative;overflow:hidden}.character-level-badge{z-index:5;top:calc(-34 * var(--character-px));left:calc(-72 * var(--character-px));width:calc(122 * var(--character-px));height:calc(122 * var(--character-px));clip-path:polygon(50% 0,64% 15%,86% 15%,86% 36%,100% 50%,86% 64%,86% 85%,64% 85%,50% 100%,36% 85%,14% 85%,14% 64%,0 50%,14% 36%,14% 15%,36% 15%);box-shadow:inset 0 0 0 calc(6 * var(--character-px)) #78a9bc;color:#dff5ff;font-size:calc(43 * var(--character-px));text-shadow:0 calc(3 * var(--character-px)) calc(4 * var(--character-px)) #000;background:radial-gradient(circle,#175875 26%,#0f334c 58%,#061927 76%);place-items:center;font-weight:700;display:grid;position:absolute}.character-class,.character-title{color:#a6a196;font-size:calc(28 * var(--character-px));letter-spacing:.08em;text-align:center;margin:0}.character-stat-panel h2{margin:calc(10 * var(--character-px)) 0 calc(17 * var(--character-px));color:#ead9bd;font-size:calc(41 * var(--character-px));text-align:center;text-shadow:0 calc(3 * var(--character-px)) calc(4 * var(--character-px)) #000}.character-summary-actions{grid-template-columns:repeat(2, calc(112 * var(--character-px)));justify-content:center;gap:calc(28 * var(--character-px));margin-top:calc(27 * var(--character-px));padding:calc(16 * var(--character-px)) 0;background:linear-gradient(90deg,#0000,#65170ed9 16% 84%,#0000);display:grid}.character-summary-actions button{width:calc(112 * var(--character-px));height:calc(82 * var(--character-px));min-width:0;min-height:0;padding:calc(14 * var(--character-px));border:calc(3 * var(--character-px)) solid #b34832;box-shadow:inset 0 0 0 calc(5 * var(--character-px)) #210a08;color:#e7dbca;background:linear-gradient(#8b2019,#3b100e);border-radius:0;place-items:center;display:grid}.character-summary-actions .game-ui-icon{width:calc(45 * var(--character-px));height:calc(45 * var(--character-px))}.character-material-button{width:100%;height:calc(82 * var(--character-px));min-height:0;margin:calc(23 * var(--character-px)) 0 calc(42 * var(--character-px));border:calc(3 * var(--character-px)) solid #6b6a61;box-shadow:inset 0 0 0 calc(4 * var(--character-px)) #171b19, 0 calc(5 * var(--character-px)) calc(10 * var(--character-px)) #0009;color:#d1cabd;font-size:calc(31 * var(--character-px));opacity:1;background:linear-gradient(#4c4e49e8,#232825ef),url(/assets/ui/chrome/stone-strip.svg) 50%/cover;border-radius:0;padding:0}.character-material-button:not(:disabled):hover,.character-material-button:not(:disabled):focus-visible{color:#f2dfbd;background:linear-gradient(#675e50e8,#302c27ef),url(/assets/ui/chrome/stone-strip.svg) 50%/cover;border-color:#c69a65}.character-material-button:not(:disabled):focus-visible{outline:calc(4 * var(--character-px)) solid #f0d19a;outline-offset:calc(-7 * var(--character-px))}.character-details-panel{--character-px:min(.0260417vw, .0462963vh);--character-gold:#c19a61;--character-warm-white:#ded7c9;z-index:14;top:calc(122 * var(--character-px));right:auto;left:calc(100vw - calc(2096 * var(--character-px)));width:calc(720 * var(--character-px));height:calc(2038 * var(--character-px));grid-template-rows:calc(172 * var(--character-px)) calc(1598 * var(--character-px)) calc(252 * var(--character-px));box-sizing:border-box;border:calc(8 * var(--character-px)) solid #101513;min-width:0;box-shadow:inset 0 0 0 calc(3 * var(--character-px)) #5c4b36, inset 0 0 calc(30 * var(--character-px)) #000, calc(-8 * var(--character-px)) 0 #050706, calc(-12 * var(--character-px)) 0 #4e3d2a, calc(-38 * var(--character-px)) 0 calc(70 * var(--character-px)) #0007;color:var(--character-warm-white);isolation:isolate;background:linear-gradient(90deg,#101614fa,#080d0cfc),url(/assets/ui/chrome/stone-strip.svg) 50%/auto 100%;border-right-width:0;font-family:Georgia,Noto Serif SC,Songti SC,serif;display:grid;position:absolute;overflow:hidden}.character-details-panel:before,.character-details-panel:after{content:"";z-index:10;pointer-events:none;position:absolute}.character-details-panel:before{inset:calc(11 * var(--character-px));border:calc(2 * var(--character-px)) solid #35413c}.character-details-panel:after{top:calc(-2 * var(--character-px));right:calc(22 * var(--character-px));left:calc(18 * var(--character-px));height:calc(28 * var(--character-px));clip-path:polygon(0 52%,10% 52%,13% 0,19% 52%,81% 52%,87% 0,90% 52%,100% 52%,100% 72%,0 72%);background:linear-gradient(90deg,#131a18,#806645 50%,#131a18)}.character-details-tabs{z-index:4;justify-content:center;align-items:end;gap:calc(14 * var(--character-px));padding-bottom:calc(12 * var(--character-px));box-sizing:border-box;border-bottom:calc(3 * var(--character-px)) solid #56615b;background:linear-gradient(#111816f8,#101412f2);display:flex;position:relative}.character-details-tabs button{width:calc(146 * var(--character-px));height:calc(112 * var(--character-px));min-width:0;min-height:0;padding:calc(20 * var(--character-px));border:calc(3 * var(--character-px)) solid #62645d;box-shadow:inset 0 0 0 calc(5 * var(--character-px)) #151816;color:#d6d1c5;background:linear-gradient(#575a53e8,#242925ef),url(/assets/ui/chrome/stone-strip.svg) 50%/cover;border-radius:0;place-items:center;display:grid;position:relative}.character-details-tabs button.is-active{box-shadow:inset 0 0 0 calc(5 * var(--character-px)) #230b09, inset 0 0 calc(22 * var(--character-px)) #e24d3185;color:#f0dfc3;background:linear-gradient(#a5231ae8,#4c100def);border-color:#bd4a34}.character-details-tabs button:focus-visible,.character-details-group-heading:focus-visible,.character-details-footer button:focus-visible{outline:calc(4 * var(--character-px)) solid #f0d19a;outline-offset:calc(-7 * var(--character-px))}.character-details-tabs .game-ui-icon{width:calc(70 * var(--character-px));height:calc(70 * var(--character-px));filter:drop-shadow(0 calc(3 * var(--character-px)) calc(4 * var(--character-px)) #000)}.character-details-tabs button>span{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.character-details-scroll{z-index:3;min-width:0;min-height:0;margin:0 calc(28 * var(--character-px));border-inline:calc(2 * var(--character-px)) solid #313b37;scrollbar-color:#8b8d82 #101614;scrollbar-width:thin;overscroll-behavior:contain;background:#090d0ced;position:relative;overflow:hidden auto}.character-details-scroll::-webkit-scrollbar{width:calc(20 * var(--character-px))}.character-details-scroll::-webkit-scrollbar-track{border-inline:calc(2 * var(--character-px)) solid #3a443f;background:#090d0c}.character-details-scroll::-webkit-scrollbar-thumb{border:calc(3 * var(--character-px)) solid #171c19;background:linear-gradient(90deg,#4d5651,#a3a094,#4d5651)}.character-details-section{margin:0}.character-details-group-heading{width:100%;height:calc(74 * var(--character-px));align-items:center;gap:calc(19 * var(--character-px));min-width:0;min-height:0;padding:0 calc(27 * var(--character-px));border:calc(2 * var(--character-px)) solid #414540;box-shadow:inset 0 calc(3 * var(--character-px)) #080b0a, inset 0 calc(-3 * var(--character-px)) #090b0a;color:#e2dace;font:700 calc(31 * var(--character-px)) / 1 Georgia, "Noto Serif SC", serif;letter-spacing:.04em;text-align:left;background:linear-gradient(90deg,#201816f4,#0e0d0ced),url(/assets/ui/chrome/header-strip.png) 50%/cover;border-radius:0;display:flex;position:relative}.character-details-chevron{border-top:calc(13 * var(--character-px)) solid transparent;border-bottom:calc(13 * var(--character-px)) solid transparent;border-left:calc(20 * var(--character-px)) solid #aba69c;width:0;height:0;filter:drop-shadow(calc(2 * var(--character-px)) calc(2 * var(--character-px)) #000);transition:transform .12s;transform:rotate(90deg)}.character-details-group-heading[aria-expanded=false] .character-details-chevron{transform:rotate(0)}.character-detail-row{min-height:calc(76 * var(--character-px));grid-template-columns:minmax(0, 1fr) calc(238 * var(--character-px));box-sizing:border-box;border:calc(2 * var(--character-px)) solid #3a403c;color:#cbc7bd;font-size:calc(27 * var(--character-px));background:linear-gradient(90deg,#262a27e8,#171a18ed);border-top:0;align-items:center;display:grid}.character-detail-row>span,.character-detail-row>strong{padding:calc(12 * var(--character-px)) calc(20 * var(--character-px))}.character-detail-row>strong{border-left:calc(2 * var(--character-px)) solid #7c7c73;color:#d8ad67;font-variant-numeric:tabular-nums;text-align:right;font-weight:400}.character-effect-row{min-height:calc(68 * var(--character-px));grid-template-columns:calc(62 * var(--character-px)) 1fr;padding:calc(8 * var(--character-px)) calc(18 * var(--character-px));box-sizing:border-box;color:#cbc7bd;font-size:calc(27 * var(--character-px));align-items:center;display:grid}.character-effect-row .game-ui-icon{width:calc(48 * var(--character-px));height:calc(48 * var(--character-px));padding:calc(7 * var(--character-px));box-sizing:border-box;border:calc(2 * var(--character-px)) solid #47864b;color:#83c37a}.character-details-empty{min-height:calc(92 * var(--character-px));padding:calc(18 * var(--character-px));box-sizing:border-box;color:#787c76;font-size:calc(23 * var(--character-px));text-align:center;place-items:center;margin:0;display:grid}.character-details-empty.is-large{min-height:calc(260 * var(--character-px))}.character-material-row{min-height:calc(132 * var(--character-px));grid-template-columns:calc(112 * var(--character-px)) 1fr;padding:calc(12 * var(--character-px)) calc(24 * var(--character-px));box-sizing:border-box;border:calc(2 * var(--character-px)) solid #3b423e;background:linear-gradient(90deg,#282c29ea,#171a18ed);border-top:0;align-items:center;display:grid}.character-material-icon{width:calc(90 * var(--character-px));height:calc(94 * var(--character-px));box-sizing:border-box;border:calc(3 * var(--character-px)) solid #62675f;color:#b8aa8b;box-shadow:inset 0 0 0 calc(4 * var(--character-px)) #171c19;background:radial-gradient(circle,#66685b66,#0000 62%),#111613;place-items:center;display:grid}.character-material-icon .game-ui-icon{width:calc(58 * var(--character-px));height:calc(58 * var(--character-px))}.character-material-icon:is([data-material-id=iron-chunk],[data-material-id=veiled-crystal],[data-material-id=mat-veiled-crystal],[data-material-id=mat-forgotten-soul],[data-material-id=mat-scroll-restoration],[data-material-id=mat-neathiron],[data-material-id=mat-obducite]){box-shadow:none;background-position:50%;background-size:100% 100%;border:0}.character-material-icon[data-material-id=iron-chunk]{background-image:url(/assets/ui/character-details/iron-chunk.png)}.character-material-icon:is([data-material-id=veiled-crystal],[data-material-id=mat-veiled-crystal]){background-image:url(/assets/ui/character-details/veiled-crystal.png)}.character-material-icon[data-material-id=mat-forgotten-soul]{background-image:url(/assets/ui/character-details/forgotten-soul.png)}.character-material-icon[data-material-id=mat-scroll-restoration]{background-image:url(/assets/ui/character-details/restoration-scroll.png)}.character-material-icon[data-material-id=mat-neathiron]{background-image:url(/assets/ui/character-details/neathiron.png)}.character-material-icon[data-material-id=mat-obducite]{background-image:url(/assets/ui/character-details/obducite.png)}.character-material-icon:is([data-material-id=iron-chunk],[data-material-id=veiled-crystal],[data-material-id=mat-veiled-crystal],[data-material-id=mat-forgotten-soul],[data-material-id=mat-scroll-restoration],[data-material-id=mat-neathiron],[data-material-id=mat-obducite]) .game-ui-icon{display:none}.character-material-copy{gap:calc(5 * var(--character-px));min-width:0;display:grid}.character-material-copy b{color:#d4d0c6;font-size:calc(28 * var(--character-px));text-overflow:ellipsis;white-space:nowrap;font-weight:400;overflow:hidden}.character-material-copy strong{color:#d8ad67;font-size:calc(25 * var(--character-px));font-variant-numeric:tabular-nums;font-weight:400}.character-details-footer{z-index:4;border-top:calc(4 * var(--character-px)) solid #35423d;box-shadow:inset 0 calc(12 * var(--character-px)) calc(24 * var(--character-px)) #0009;background:linear-gradient(#171c1af5,#0b100ff5),url(/assets/ui/chrome/stone-strip.svg) 50%/cover;place-items:center;display:grid;position:relative}.character-details-footer button{width:calc(330 * var(--character-px));height:calc(94 * var(--character-px));border:calc(4 * var(--character-px)) solid #ba4b36;min-width:0;min-height:0;box-shadow:inset 0 0 0 calc(5 * var(--character-px)) #280c09, 0 0 0 calc(3 * var(--character-px)) #7e725d;color:#e5c9a3;font:calc(31 * var(--character-px)) / 1 Georgia, "Noto Serif SC", serif;background:linear-gradient(#a4251ce8,#4b100def);border-radius:0}.character-details-enter-active,.character-details-leave-active{transition:opacity .15s}.character-details-enter-from,.character-details-leave-to{opacity:0}.character-details-panel.character-details-reference{box-shadow:none;background:0 0;border-color:#0000;font-family:Microsoft YaHei,Noto Sans CJK SC,system-ui,sans-serif;overflow:visible}.character-details-reference:before{z-index:0;top:calc(-10 * var(--character-px));bottom:auto;right:auto;left:calc(-52 * var(--character-px));width:calc(790 * var(--character-px));height:calc(1945 * var(--character-px));box-shadow:none;background:url(/assets/ui/character-details/frame-attributes.png) 0 0/100% 100% no-repeat;border:0}.character-details-reference[data-active-tab=materials]:before{background-image:url(/assets/ui/character-details/frame-materials.png)}.character-details-reference:after{display:none}.character-details-reference .character-details-tabs{border:0;border-bottom:calc(3 * var(--character-px)) solid transparent;box-shadow:none;background:0 0}.character-details-reference .character-details-tabs button,.character-details-reference .character-details-tabs button.is-active{box-shadow:none;background:0 0;border:0}.character-details-reference .character-details-tabs button:focus-visible{outline:none}.character-details-reference .character-details-tabs .game-ui-icon{visibility:hidden}.character-details-reference .character-details-scroll{padding-right:calc(10 * var(--character-px));box-sizing:border-box;background:url(/assets/ui/character-details/content-fill.png) 0 0 / calc(150 * var(--character-px)) calc(100 * var(--character-px)) repeat;scrollbar-gutter:stable;scrollbar-width:auto;scrollbar-color:#a19b8b #1a201d;border:0}.character-details-reference .character-details-scroll::-webkit-scrollbar{width:calc(20 * var(--character-px))}.character-details-reference .character-details-scroll::-webkit-scrollbar-track{border-inline:calc(2 * var(--character-px)) solid #3b413b;background:#151c19}.character-details-reference .character-details-scroll::-webkit-scrollbar-thumb{border:calc(3 * var(--character-px)) solid #30332e;border-radius:calc(6 * var(--character-px));background:#aaa798}.character-details-reference .character-details-group-heading,.character-details-reference .character-details-group-heading:hover:not(:disabled){padding:0 calc(12 * var(--character-px)) 0 calc(106 * var(--character-px));background:url(/assets/ui/character-details/heading-left.png) calc(-7 * var(--character-px)) center / calc(100 * var(--character-px)) 100% no-repeat, url(/assets/ui/character-details/heading-fill.png) left center / calc(150 * var(--character-px)) 100% repeat-x;box-shadow:none;color:#e5e0d5;font:700 calc(38 * var(--character-px)) / 1 Georgia, "Noto Serif SC", serif;letter-spacing:0;text-shadow:0 calc(2 * var(--character-px)) #000;border:0;outline:none;gap:0;transition:none}.character-details-reference .character-details-group-heading:focus-visible{outline:none}.character-details-reference .character-details-group-heading:after{content:"";width:calc(36 * var(--character-px));pointer-events:none;background:url(/assets/ui/character-details/heading-right.png) 100%/100% 100% no-repeat;position:absolute;inset:0 0 0 auto;-webkit-mask-image:linear-gradient(90deg,#0000,#000 30%);mask-image:linear-gradient(90deg,#0000,#000 30%)}.character-details-reference .character-details-section+.character-details-section{margin-top:calc(18 * var(--character-px))}.character-details-reference .character-details-chevron{display:none}.character-details-reference .character-detail-row{grid-template-columns:minmax(0, 1fr) calc(190 * var(--character-px));background:url(/assets/ui/character-details/row-fill.png) left center / calc(150 * var(--character-px)) 100% repeat-x;color:#d4d1ca;font:calc(37 * var(--character-px)) / 1.2 "Microsoft YaHei", "Noto Sans CJK SC", system-ui, sans-serif;text-shadow:0 calc(2 * var(--character-px)) #111;border:0;position:relative}.character-details-reference .character-detail-row>span,.character-details-reference .character-detail-row>strong{padding:calc(9 * var(--character-px)) calc(22 * var(--character-px))}.character-details-reference .character-detail-row>span{font-family:Microsoft YaHei UI Light,Microsoft YaHei Light,Microsoft YaHei,Noto Sans CJK SC,system-ui,sans-serif;font-weight:300}.character-details-reference .character-detail-row>strong{padding-top:calc(15 * var(--character-px));padding-bottom:calc(3 * var(--character-px));background:url(/assets/ui/character-details/value-divider.png) left center / calc(9 * var(--character-px)) 100% no-repeat;color:#dcb06e;font-family:Arial,Microsoft YaHei,sans-serif;font-size:calc(38 * var(--character-px));font-variant-numeric:proportional-nums;border:0}.character-details-reference .character-detail-currency[data-currency-id=gold]:before{content:"";top:50%;left:calc(14 * var(--character-px));width:calc(40 * var(--character-px));height:calc(40 * var(--character-px));background:url(/assets/ui/character-details/gold-coin.png) 50%/100% 100% no-repeat;position:absolute;transform:translateY(-50%)}.character-details-reference .character-detail-currency[data-currency-id=gold]>span{padding-left:calc(60 * var(--character-px))}.character-details-reference .character-effect-row{color:#cbc9c4;font:calc(36 * var(--character-px)) / 1.2 "Microsoft YaHei", "Noto Sans CJK SC", system-ui, sans-serif}.character-details-reference .character-details-empty{color:#797a75;font-size:calc(27 * var(--character-px))}.character-details-reference .character-material-row{background:url(/assets/ui/character-details/row-fill.png) left center / calc(150 * var(--character-px)) 100% repeat-x;border:0}.character-details-reference .character-material-copy b{font:calc(36 * var(--character-px)) / 1.1 "Microsoft YaHei", "Noto Sans CJK SC", system-ui, sans-serif}.character-details-reference .character-material-copy strong{font-size:calc(32 * var(--character-px))}.character-details-reference .character-details-footer{box-shadow:none;background:0 0;border:0}.character-details-reference .character-details-footer button{width:calc(260 * var(--character-px));height:calc(84 * var(--character-px));transform:translateY(calc(-60 * var(--character-px)));box-shadow:none;color:#0000;text-shadow:none;background:0 0;border:0}.character-headline-stats{gap:calc(28 * var(--character-px));padding:calc(9 * var(--character-px)) calc(4 * var(--character-px)) calc(31 * var(--character-px));border-bottom:calc(2 * var(--character-px)) solid #363d39;display:grid}.character-headline-stats article{grid-template-columns:calc(70 * var(--character-px)) 1fr;min-height:calc(78 * var(--character-px));grid-template-rows:auto auto;align-items:center;display:grid}.character-headline-stats .game-ui-icon{width:calc(58 * var(--character-px));height:calc(58 * var(--character-px));padding:calc(9 * var(--character-px));box-sizing:border-box;border:calc(2 * var(--character-px)) solid #5d615b;color:#b7b2a5;border-radius:50%;grid-row:1/3}.character-headline-stats small{color:#c4beb1;font-size:calc(27 * var(--character-px));align-self:end}.character-headline-stats strong{color:#dfb56e;font-size:calc(35 * var(--character-px));font-variant-numeric:tabular-nums;align-self:start}.character-stat-panel h3{margin:calc(26 * var(--character-px)) 0 calc(5 * var(--character-px));color:#888a84;font-size:calc(24 * var(--character-px));letter-spacing:.18em;font-weight:400}.character-attribute-list{margin:0}.character-attribute-list>div{justify-content:space-between;gap:calc(18 * var(--character-px));padding:calc(10 * var(--character-px)) calc(8 * var(--character-px));border-bottom:calc(2 * var(--character-px)) solid #303834;font-size:calc(25 * var(--character-px));display:flex}.character-attribute-list dt{color:#aaa79e}.character-attribute-list dd{color:#dbb66f;font-variant-numeric:tabular-nums;margin:0}.character-paperdoll-panel{background:linear-gradient(90deg,#07100ed9,#0000 15% 85%,#07100ed9),radial-gradient(at 50% 85%,#315e5e42,#0000 47%),radial-gradient(at 50% 34%,#46524835,#0000 60%);min-width:0;min-height:0;position:relative;overflow:hidden}.character-portrait-aura{inset:calc(42 * var(--character-px)) calc(198 * var(--character-px)) calc(16 * var(--character-px));filter:blur(calc(8 * var(--character-px)));background:radial-gradient(at 50% 37%,#568b8230,#0000 44%),linear-gradient(90deg,#0000,#1f312d42,#0000);position:absolute}.character-portrait-backdrop{display:none}.character-portrait{z-index:1;left:50%;bottom:calc(-12 * var(--character-px));width:calc(592 * var(--character-px));height:calc(1110 * var(--character-px));object-fit:fill;object-position:center bottom;image-rendering:auto;filter:drop-shadow(0 calc(24 * var(--character-px)) calc(22 * var(--character-px)) #000) drop-shadow(0 0 calc(24 * var(--character-px)) #789b8b35);-webkit-user-select:none;user-select:none;position:absolute;transform:translate(-50%)}.character-equipment-slot{z-index:3;width:calc(110 * var(--character-px));height:calc(180 * var(--character-px));min-width:0;min-height:0;padding:calc(19 * var(--character-px));box-sizing:border-box;border:calc(3 * var(--character-px)) solid currentColor;box-shadow:inset 0 0 0 calc(8 * var(--character-px)) #070a09, inset 0 0 calc(21 * var(--character-px)) currentColor, 0 calc(8 * var(--character-px)) calc(17 * var(--character-px)) #000d;color:#9a754a;background:radial-gradient(circle at 50% 48%,#60625b1f,#0000 55%),linear-gradient(135deg,#222824f1,#080c0bf7);border-radius:0;place-items:center;display:grid;position:absolute}.character-equipment-slot:before,.character-equipment-slot:after{content:"";pointer-events:none;position:absolute}.character-equipment-slot:before{inset:calc(-10 * var(--character-px));border:calc(3 * var(--character-px)) solid #303c37;clip-path:polygon(0 8%,8% 8%,8% 0,92% 0,92% 8%,100% 8%,100% 92%,92% 92%,92% 100%,8% 100%,8% 92%,0 92%)}.character-equipment-slot:after{top:calc(-18 * var(--character-px));right:calc(-15 * var(--character-px));width:calc(30 * var(--character-px));height:calc(30 * var(--character-px));border:calc(3 * var(--character-px)) solid #9a3c2c;background:#2b1712;transform:rotate(45deg)}.character-equipment-slot.is-empty{color:#4c514c}.character-equipment-slot.is-selected{outline:calc(4 * var(--character-px)) solid #f2d394;outline-offset:calc(4 * var(--character-px));box-shadow:inset 0 0 0 calc(8 * var(--character-px)) #070a09, inset 0 0 calc(28 * var(--character-px)) currentColor, 0 0 calc(24 * var(--character-px)) #efc3768f}.character-equipment-slot.is-keyboard-target{box-shadow:inset 0 0 0 calc(8 * var(--character-px)) #120b08, inset 0 0 calc(24 * var(--character-px)) #a94b2b8f, 0 0 calc(14 * var(--character-px)) #d3a05b70;border-color:#b88345}.character-equipment-slot.is-drop-compatible{box-shadow:inset 0 0 0 calc(8 * var(--character-px)) #210b08, inset 0 0 calc(34 * var(--character-px)) #d85132b8, 0 0 calc(28 * var(--character-px)) #d89b508f;background:radial-gradient(circle at 50% 48%,#c9553457,#0000 62%),linear-gradient(135deg,#542016f5,#170b08f7);border-color:#e1ae61}.character-equipment-slot.is-drop-rejected{box-shadow:inset 0 0 0 calc(8 * var(--character-px)) #100605, inset 0 0 calc(26 * var(--character-px)) #7e1e1e8f;color:#5b3935;background:linear-gradient(135deg,#2d1110f5,#0c0808f7);border-color:#6d2824}.character-equipment-slot.is-equip-success{animation:.42s ease-out both character-equipment-success}.character-equipment-slot .game-ui-icon{width:calc(70 * var(--character-px));height:calc(70 * var(--character-px));opacity:.74;filter:drop-shadow(0 calc(3 * var(--character-px)) calc(4 * var(--character-px)) #000)}.character-equipment-slot>small{right:calc(8 * var(--character-px));bottom:calc(6 * var(--character-px));color:#e0d8c8;font:700 calc(19 * var(--character-px)) / 1 system-ui, sans-serif;position:absolute}.character-equipment-slot[data-slot=head]{top:calc(30 * var(--character-px));left:calc(22 * var(--character-px))}.character-equipment-slot[data-slot=chest]{top:calc(234 * var(--character-px));left:calc(22 * var(--character-px))}.character-equipment-slot[data-slot=hands]{top:calc(440 * var(--character-px));left:calc(22 * var(--character-px))}.character-equipment-slot[data-slot=legs]{top:calc(646 * var(--character-px));left:calc(22 * var(--character-px))}.character-equipment-slot[data-slot=feet]{top:calc(852 * var(--character-px));left:calc(22 * var(--character-px))}.character-equipment-slot[data-slot=neck]{top:calc(234 * var(--character-px));right:calc(19 * var(--character-px))}.character-equipment-slot[data-slot=ringLeft]{top:calc(440 * var(--character-px));right:calc(19 * var(--character-px))}.character-equipment-slot[data-slot=ringRight]{top:calc(646 * var(--character-px));right:calc(19 * var(--character-px))}.character-equipment-slot[data-slot=mainHand],.character-equipment-slot[data-slot=ranged],.character-equipment-slot[data-slot=offHand]{top:calc(989 * var(--character-px));width:calc(124 * var(--character-px));height:calc(207 * var(--character-px))}.character-equipment-slot[data-slot=mainHand]{left:calc(22 * var(--character-px))}.character-equipment-slot[data-slot=ranged]{left:calc(614 * var(--character-px));transform:none}.character-equipment-slot[data-slot=offHand]{right:calc(19 * var(--character-px))}.character-backpack{z-index:5;min-height:0;box-shadow:0 calc(-9 * var(--character-px)) calc(25 * var(--character-px)) #000b;background:linear-gradient(#111815fb,#070b0afb),repeating-linear-gradient(135deg,#0000 0 18px,#fff 19px 20px);padding:0;position:relative;overflow:hidden}.character-backpack:after{content:"";z-index:8;right:calc(20 * var(--character-px));bottom:calc(12 * var(--character-px));left:calc(18 * var(--character-px));height:calc(54 * var(--character-px));border-block:calc(3 * var(--character-px)) solid #35413c;clip-path:polygon(0 35%,47% 35%,49% 0,51% 0,53% 35%,100% 35%,100% 65%,53% 65%,51% 100%,49% 100%,47% 65%,0 65%);pointer-events:none;background:linear-gradient(#15201c,#080c0b);position:absolute}.character-backpack>.character-backpack-heading{height:calc(104 * var(--character-px));min-height:0;padding:0 calc(46 * var(--character-px)) 0 calc(28 * var(--character-px));box-sizing:border-box;border-bottom:calc(3 * var(--character-px)) solid #55452f;background:linear-gradient(90deg,#111816f6,#17201cf1 52%,#0c1210f8),url(/assets/ui/chrome/header-strip.png) 50%/cover;align-items:center;display:flex}.character-backpack-title{align-items:center;gap:calc(18 * var(--character-px));display:flex}.character-backpack-mark{width:calc(66 * var(--character-px));height:calc(66 * var(--character-px));border:calc(3 * var(--character-px)) solid #a84933;box-shadow:inset 0 0 0 calc(4 * var(--character-px)) #1c0908;color:#eddbc1;background:radial-gradient(circle,#87251d,#35100e 66%);border-radius:50%;place-items:center;display:grid}.character-backpack-mark .game-ui-icon{width:calc(42 * var(--character-px));height:calc(42 * var(--character-px))}.character-backpack h2{color:#ded5c5;font-size:calc(40 * var(--character-px));margin:0;font-weight:500}.character-backpack-title>strong{margin-bottom:calc(7 * var(--character-px));color:#8e8f87;font:500 calc(22 * var(--character-px)) / 1 system-ui, sans-serif;font-variant-numeric:tabular-nums;align-self:end}.character-backpack-heading nav{height:calc(88 * var(--character-px));align-self:flex-end;margin-left:auto;display:flex}.character-backpack-heading nav button{width:calc(88 * var(--character-px));height:calc(88 * var(--character-px));min-width:0;min-height:0;padding:calc(16 * var(--character-px));border:calc(2 * var(--character-px)) solid #515650;color:#aaa99f;background:linear-gradient(#333a35,#141a17);border-bottom:0;border-radius:0;place-items:center;display:grid}.character-backpack-heading nav button+button{margin-left:calc(5 * var(--character-px))}.character-backpack-heading nav button.is-active{box-shadow:inset 0 0 0 calc(5 * var(--character-px)) #2b0d0a, inset 0 0 calc(18 * var(--character-px)) #d94a307a;color:#efdfc6;background:linear-gradient(#9b261d,#54130f);border-color:#ac4a35}.character-backpack-heading nav button:disabled{opacity:.78;cursor:not-allowed}.character-backpack-heading nav .game-ui-icon{width:calc(53 * var(--character-px));height:calc(53 * var(--character-px))}.character-backpack-grid.inventory-grid{width:calc(1214 * var(--character-px));height:calc(486 * var(--character-px));grid-template-columns:repeat(11,minmax(0,1fr));grid-auto-rows:calc(162 * var(--character-px));margin:0 calc(90 * var(--character-px)) 0 calc(72 * var(--character-px));box-sizing:border-box;border:calc(2 * var(--character-px)) solid #48504a;scrollbar-width:none;background:radial-gradient(circle at 50% 0,#6a49241d,#0000 42%),#070a09;gap:0;padding:0;overflow:hidden auto}.character-backpack-grid.inventory-grid::-webkit-scrollbar{display:none}.character-backpack-grid .item-grid-slot{aspect-ratio:auto;box-sizing:border-box;background:radial-gradient(circle at 50% 25%,#4e543f20,#0000 48%),linear-gradient(135deg,#111715,#080b0a);border-color:#3b4440;width:100%;height:100%;max-height:none}.character-backpack-grid .item-grid-slot:not(.is-empty){touch-action:none}.character-backpack-grid .item-slot-favorite .game-ui-icon,.character-backpack-grid .item-slot-lock .game-ui-icon{width:calc(22 * var(--character-px));height:calc(22 * var(--character-px))}.character-backpack-grid .item-grid-slot.is-empty>span{display:none}.character-backpack-grid .item-grid-icon{font-size:calc(53 * var(--character-px))}.character-backpack-grid .item-grid-slot:disabled{opacity:1;cursor:default}.character-backpack-grid .item-grid-slot:not(.is-empty) .game-ui-icon{width:calc(68 * var(--character-px));height:calc(68 * var(--character-px));color:#c9a46a;filter:drop-shadow(0 0 calc(9 * var(--character-px)) currentColor)}.character-stack-kind{top:calc(8 * var(--character-px));left:calc(9 * var(--character-px));color:#858c84;font-size:calc(16 * var(--character-px));position:absolute}.character-category-popover{max-width:calc(760 * var(--character-px))}.character-category-popover>div{max-width:calc(570 * var(--character-px))}.character-category-popover small{white-space:normal}.character-talisman-panel{background:radial-gradient(circle at 50% 46%,#60452255,#0000 35%),radial-gradient(circle at 50% 46%,#172923 0 42%,#0000 66%),linear-gradient(90deg,#080c0bf7,#17201bf0 50%,#080c0bf7);grid-column:1/-1;min-width:0;min-height:0;position:relative;overflow:hidden}.character-talisman-rings{top:calc(94 * var(--character-px));left:calc(50% + calc(9 * var(--character-px)));width:calc(810 * var(--character-px));height:calc(810 * var(--character-px));border:calc(16 * var(--character-px)) double #665030;box-shadow:inset 0 0 0 calc(22 * var(--character-px)) #111816, inset 0 0 calc(54 * var(--character-px)) #b47c334f, 0 0 0 calc(13 * var(--character-px)) #141b18, 0 0 calc(45 * var(--character-px)) #000;border-radius:50%;position:absolute;transform:translate(-50%)}.character-talisman-rings:before,.character-talisman-rings:after{content:"";border-radius:50%;position:absolute}.character-talisman-rings:before{inset:calc(73 * var(--character-px));border:calc(8 * var(--character-px)) solid #8e6b35;box-shadow:inset 0 0 calc(35 * var(--character-px)) #d5a64b42}.character-talisman-rings:after{inset:calc(236 * var(--character-px));border:calc(10 * var(--character-px)) double #806032;background:radial-gradient(circle,#20362e,#08100d 72%)}.character-talisman-core{z-index:3;top:calc(385 * var(--character-px));left:calc(50% + calc(9 * var(--character-px)));width:calc(220 * var(--character-px));height:calc(220 * var(--character-px));border:calc(8 * var(--character-px)) solid #8c6b38;box-shadow:inset 0 0 calc(34 * var(--character-px)) #8ac6a05e;color:#8fc4a5;background:radial-gradient(circle,#1b614e,#0b231c 62%,#050907 70%);border-radius:50%;place-items:center;display:grid;position:absolute;transform:translate(-50%)}.character-talisman-core .game-ui-icon{width:calc(108 * var(--character-px));height:calc(108 * var(--character-px))}.character-talisman-slot{z-index:4;width:calc(154 * var(--character-px));height:calc(184 * var(--character-px));min-width:0;min-height:0;padding:calc(18 * var(--character-px));border:calc(5 * var(--character-px)) solid #6e5836;border-radius:calc(18 * var(--character-px));box-shadow:inset 0 0 0 calc(7 * var(--character-px)) #0b0d0c, inset 0 0 calc(22 * var(--character-px)) #b6843d42, 0 calc(8 * var(--character-px)) calc(20 * var(--character-px)) #000c;color:#c49c5d;background:linear-gradient(145deg,#29302a,#090d0b 72%);place-items:center;display:grid;position:absolute}.character-talisman-slot[data-talisman-slot="0"]{top:calc(52 * var(--character-px));left:calc(574 * var(--character-px))}.character-talisman-slot[data-talisman-slot="1"]{top:calc(236 * var(--character-px));left:calc(872 * var(--character-px))}.character-talisman-slot[data-talisman-slot="2"]{top:calc(586 * var(--character-px));left:calc(872 * var(--character-px))}.character-talisman-slot[data-talisman-slot="3"]{top:calc(765 * var(--character-px));left:calc(574 * var(--character-px))}.character-talisman-slot[data-talisman-slot="4"]{top:calc(586 * var(--character-px));left:calc(276 * var(--character-px))}.character-talisman-slot[data-talisman-slot="5"]{top:calc(236 * var(--character-px));left:calc(276 * var(--character-px))}.character-talisman-slot .game-ui-icon{width:calc(78 * var(--character-px));height:calc(78 * var(--character-px))}.character-talisman-slot>span{max-width:100%;font-size:calc(16 * var(--character-px));text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.character-talisman-slot>small{color:#777b74;font-size:calc(22 * var(--character-px))}.character-talisman-slot.is-locked{color:#676d66;filter:saturate(.35)brightness(.75);opacity:1;border-color:#404640}.character-talisman-slot.is-drop-target{box-shadow:inset 0 0 calc(30 * var(--character-px)) #c2502d75, 0 0 calc(22 * var(--character-px)) #d8a65e85;border-color:#d0a45d}.character-talisman-caption{right:0;bottom:calc(28 * var(--character-px));text-align:center;position:absolute;left:0}.character-talisman-caption h2{margin:0 0 calc(8 * var(--character-px));color:#d6c39d;font-size:calc(34 * var(--character-px))}.character-talisman-caption p{color:#7e837b;font-size:calc(19 * var(--character-px));margin:0}.character-item-popover{z-index:12;right:calc(98 * var(--character-px));bottom:calc(186 * var(--character-px));max-width:calc(620 * var(--character-px));align-items:center;gap:calc(8 * var(--character-px));padding:calc(12 * var(--character-px));border:calc(2 * var(--character-px)) solid #756044;box-shadow:0 calc(8 * var(--character-px)) calc(24 * var(--character-px)) #000d;background:#0a0e0def;display:flex;position:absolute}.character-equipment-feedback{z-index:14;right:calc(92 * var(--character-px));bottom:calc(176 * var(--character-px));left:calc(92 * var(--character-px));padding:calc(12 * var(--character-px)) calc(20 * var(--character-px));border:calc(2 * var(--character-px)) solid #83513b;box-shadow:0 calc(8 * var(--character-px)) calc(20 * var(--character-px)) #000b;color:#dfc399;font-size:calc(22 * var(--character-px));text-align:center;background:#160c09ed;margin:0;position:absolute}.character-equipment-drag-ghost{z-index:40;width:calc(300 * var(--character-px));min-height:calc(86 * var(--character-px));grid-template-columns:calc(72 * var(--character-px)) minmax(0, 1fr);align-items:center;gap:calc(13 * var(--character-px));padding:calc(9 * var(--character-px)) calc(16 * var(--character-px));box-sizing:border-box;border:calc(3 * var(--character-px)) solid currentColor;box-shadow:inset 0 0 calc(20 * var(--character-px)) currentColor, 0 calc(10 * var(--character-px)) calc(28 * var(--character-px)) #000d;color:#a88555;pointer-events:none;transform:translate(calc(18 * var(--character-px)), -50%);background:linear-gradient(135deg,#1c211ef5,#080a09f8);display:grid;position:fixed}.character-equipment-drag-icon{width:calc(66 * var(--character-px));height:calc(66 * var(--character-px));border:calc(2 * var(--character-px)) solid currentColor;background:#090c0b;place-items:center;display:grid}.character-equipment-drag-icon .game-ui-icon{width:calc(46 * var(--character-px));height:calc(46 * var(--character-px))}.character-equipment-drag-ghost strong{color:#e4d9c8;font-size:calc(22 * var(--character-px));text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.character-item-popover>div{min-width:0;margin-right:calc(10 * var(--character-px))}.character-item-popover strong,.character-item-popover small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.character-item-popover strong{font-size:calc(25 * var(--character-px))}.character-item-popover small{color:#8f8b80;font-size:calc(18 * var(--character-px))}.character-item-popover button{min-height:calc(46 * var(--character-px));padding:0 calc(14 * var(--character-px));font-size:calc(20 * var(--character-px))}.character-backpack-footer{z-index:10;height:calc(126 * var(--character-px));margin:calc(21 * var(--character-px)) calc(46 * var(--character-px)) 0 calc(28 * var(--character-px));padding:0 calc(26 * var(--character-px));box-sizing:border-box;border-block:calc(3 * var(--character-px)) solid #4b504a;box-shadow:inset 0 calc(8 * var(--character-px)) calc(15 * var(--character-px)) #0007;background:linear-gradient(90deg,#30342ff4,#1d221ff5),url(/assets/ui/chrome/footer-strip.png) 50%/cover;align-items:center;display:flex;position:relative}.character-wallet{align-items:center;gap:calc(13 * var(--character-px));color:#cfc8b8;display:flex}.character-wallet .game-ui-icon{width:calc(58 * var(--character-px));height:calc(58 * var(--character-px));padding:calc(7 * var(--character-px));box-sizing:border-box;color:#ffe29a;filter:drop-shadow(0 0 calc(8 * var(--character-px)) #d09a39);background:radial-gradient(circle,#e5bb58,#765322 70%);border-radius:50%}.character-wallet strong{padding-left:calc(17 * var(--character-px));border-left:calc(3 * var(--character-px)) solid #696860;color:#d0c9bc;font-size:calc(39 * var(--character-px));font-variant-numeric:tabular-nums;font-weight:400}.character-wallet small{color:#85837b;font-size:calc(20 * var(--character-px))}.character-close-hint{align-items:center;gap:calc(8 * var(--character-px));color:#777a74;font:calc(20 * var(--character-px)) / 1 system-ui, sans-serif;margin-left:auto;display:flex}.character-drawer-loading{color:#8d897f;grid-row:2/4;place-items:center;display:grid}.character-development-state{place-content:center;justify-items:center;gap:calc(22 * var(--character-px));padding:calc(80 * var(--character-px));text-align:center;background:radial-gradient(circle,#29443c36,#0000 45%);grid-row:2/4;display:grid}.character-development-state .game-ui-icon{width:calc(116 * var(--character-px));height:calc(116 * var(--character-px));color:#977b54}.character-development-state h2{color:#e1d3b9;font-size:calc(44 * var(--character-px));margin:0}.character-development-state p{max-width:calc(720 * var(--character-px));color:#96968e;font-size:calc(25 * var(--character-px));margin:0;line-height:1.7}.character-abilities-page{grid-row:2/4;grid-template-rows:calc(160 * var(--character-px)) minmax(0, 1fr);background:#050807;min-width:0;min-height:0;display:grid;position:relative;overflow:hidden}.character-abilities-tabs{z-index:12;justify-content:center;align-items:end;gap:calc(18 * var(--character-px));padding-bottom:calc(12 * var(--character-px));border-bottom:calc(3 * var(--character-px)) solid #29322e;box-shadow:inset 0 calc(-18 * var(--character-px)) calc(26 * var(--character-px)) #000b, 0 calc(5 * var(--character-px)) calc(12 * var(--character-px)) #000c;background:linear-gradient(#111816f2,#090d0cf7),url(/assets/ui/chrome/header-strip.png) 50%/cover;display:flex;position:relative}.character-abilities-tabs button{min-width:calc(180 * var(--character-px));min-height:calc(86 * var(--character-px));padding:0 calc(34 * var(--character-px));border:calc(3 * var(--character-px)) solid #39413d;box-shadow:inset 0 0 0 calc(3 * var(--character-px)) #0b0d0c, 0 calc(5 * var(--character-px)) calc(10 * var(--character-px)) #000;color:#bdb8ad;font:700 max(13px, calc(34 * var(--character-px))) / 1 Georgia, "Noto Serif SC", serif;text-shadow:0 calc(3 * var(--character-px)) #000;background:linear-gradient(#3a3c38e8,#141816ed);border-radius:0;position:relative}.character-abilities-tabs button[aria-pressed=true]{box-shadow:inset 0 0 0 calc(5 * var(--character-px)) #2c0c09, inset 0 0 calc(22 * var(--character-px)) #df4a3080, 0 0 calc(16 * var(--character-px)) #8b231b88;color:#f0dcc1;background:linear-gradient(#9b2118,#4b100d 65%,#190b09);border-color:#9d4b35}.character-abilities-tabs button:focus-visible{outline:calc(4 * var(--character-px)) solid #f0d19a;outline-offset:calc(-7 * var(--character-px))}.character-abilities-content{min-width:0;min-height:0;position:relative;overflow:hidden}.character-specialization-page{background:linear-gradient(90deg,#09110ff7,#070c0bfb),url(/assets/ui/chrome/stone-strip.svg) 50%/auto 100%;grid-row:2/4;min-height:0;position:relative;overflow:hidden}.character-specialization-heading{z-index:3;height:calc(128 * var(--character-px));box-sizing:border-box;border-bottom:calc(4 * var(--character-px)) solid #151b19;box-shadow:inset 0 calc(8 * var(--character-px)) calc(18 * var(--character-px)) #fff5, inset 0 calc(-10 * var(--character-px)) calc(18 * var(--character-px)) #0005, 0 calc(7 * var(--character-px)) calc(13 * var(--character-px)) #000b;background:linear-gradient(#d4d2c9ed,#bdbdb5ed),url(/assets/ui/chrome/header-strip.png) 50%/cover;place-items:center;display:grid;position:relative}.character-specialization-heading:before{content:"";top:0;right:calc(54 * var(--character-px));left:calc(28 * var(--character-px));height:calc(22 * var(--character-px));clip-path:polygon(0 0,43% 0,47% 100%,53% 100%,57% 0,100% 0);background:linear-gradient(90deg,#0000,#36130e 38% 62%,#0000);position:absolute}.character-specialization-heading h1{color:#111311;font-size:calc(43 * var(--character-px));letter-spacing:.12em;text-shadow:0 calc(2 * var(--character-px)) #f4f1e7;margin:0}.character-specialization-scroll{inset:calc(128 * var(--character-px)) 0 0;scrollbar-color:#4b5650 #070b0a;scrollbar-width:thin;position:absolute;overflow:hidden auto}.character-specialization-empty{margin:calc(160 * var(--character-px)) auto;color:#aaa397;font-size:calc(28 * var(--character-px));text-align:center}.character-specialization-notice{z-index:8;right:calc(150 * var(--character-px));bottom:calc(30 * var(--character-px));left:calc(74 * var(--character-px));padding:calc(12 * var(--character-px)) calc(24 * var(--character-px));border:calc(2 * var(--character-px)) solid #6e4a35;color:#d1b88f;font-size:calc(21 * var(--character-px));text-align:center;background:#100b09e8;margin:0;position:absolute}.character-qa-page{background:radial-gradient(at 39% 42%,#9c886b33,#0000 26%),linear-gradient(145deg,#0000 0 42%,#111a1866 43% 55%,#0000 56%),#111815;position:fixed;inset:0;overflow:hidden}.character-qa-world{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.character-qa-page:before{content:"";background:linear-gradient(90deg,#a8a28b24,#0000 55%,#0004);position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.character-drawer-overlay,.character-drawer,.character-details-panel{animation:none}.character-details-enter-active,.character-details-leave-active{transition:none}}@keyframes character-equipment-success{0%{filter:brightness()}38%{filter:brightness(1.7);box-shadow:inset 0 0 0 calc(8 * var(--character-px)) #251008, inset 0 0 calc(34 * var(--character-px)) #e1a953d4, 0 0 calc(36 * var(--character-px)) #f0bf6fa3}to{filter:brightness()}}.stash-drawer-overlay{z-index:205;pointer-events:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;font-family:Georgia,Noto Serif SC,Songti SC,serif;animation:none;position:fixed;inset:0}.stash-drawer{--stash-px:min(.0260417vw, .0462963vh);width:calc(1400 * var(--stash-px));height:calc(2160 * var(--stash-px));box-shadow:none;pointer-events:auto;isolation:isolate;background:0 0;border:0;animation:none;display:block;position:relative;overflow:hidden}.stash-drawer:before{content:none}.stash-reference-main,.stash-reference-editor-art{pointer-events:none;background:url(/assets/ui/stash-reference/stash.png) 0 0/100% 100% no-repeat;position:absolute;inset:0}.stash-reference-main.customized{background-image:url(/assets/ui/stash-reference/stash-customized.png)}.stash-drawer button{--stash-button-background:transparent;--stash-button-border:transparent;--stash-button-color:transparent;cursor:pointer;font-family:inherit}.stash-drawer button:is(:hover:not(:disabled),:active:not(:disabled),:focus-visible){background:var(--stash-button-background);border-color:var(--stash-button-border);color:var(--stash-button-color);outline-offset:0;outline:none}.stash-drawer input:focus-visible{outline-offset:0;outline:none}.stash-reference-close,.stash-reference-editor-x{top:calc(107 * var(--stash-px));left:calc(1325 * var(--stash-px));width:calc(72 * var(--stash-px));height:calc(78 * var(--stash-px));background:0 0;border:0;position:absolute}.stash-reference-tabs{top:calc(287 * var(--stash-px));left:calc(274 * var(--stash-px));grid-template-columns:repeat(7, calc(124 * var(--stash-px)));height:calc(113 * var(--stash-px));display:grid;position:absolute}.stash-reference-tabs button{width:calc(115 * var(--stash-px));height:calc(113 * var(--stash-px));background:0 0;border:0;padding:0;position:relative}.stash-reference-tabs button:first-child:not(.active){--stash-button-background:url(/assets/ui/stash-reference/tab-idle.png) center / 100% 100% no-repeat;background:url(/assets/ui/stash-reference/tab-idle.png) 50%/100% 100% no-repeat}.stash-reference-tabs button:not(:first-child).active{--stash-button-background:url(/assets/ui/stash-reference/tab-selected.png) center / 100% 100% no-repeat;background:url(/assets/ui/stash-reference/tab-selected.png) 50%/100% 100% no-repeat}.stash-reference-tabs button.custom-icon:not(.active){--stash-button-background:url(/assets/ui/stash-reference/tab-idle-blank.png) center / 100% 100% no-repeat;background:var(--stash-button-background)}.stash-reference-tabs button.custom-icon.active{--stash-button-background:url(/assets/ui/stash-reference/tab-selected-blank.png) center / 100% 100% no-repeat;background:var(--stash-button-background)}.stash-reference-tabs img{inset:auto;top:calc(50% + 4 * var(--stash-px));width:calc(112 * var(--stash-px));height:calc(112 * var(--stash-px));object-fit:contain;border:0;position:absolute;left:50%;transform:translate(-50%,-50%)}.stash-reference-tab-name{top:calc(439 * var(--stash-px));left:calc(217 * var(--stash-px));width:calc(785 * var(--stash-px));height:calc(71 * var(--stash-px));padding-left:calc(8 * var(--stash-px));color:#d8d7d0;font-size:calc(37 * var(--stash-px));text-shadow:0 calc(2 * var(--stash-px)) #000;background:#181b1b;align-items:center;font-weight:700;display:flex;position:absolute}.stash-reference-edit-trigger{top:calc(439 * var(--stash-px));left:calc(1020 * var(--stash-px));width:calc(270 * var(--stash-px));height:calc(72 * var(--stash-px));color:#0000;background:0 0;border:0;padding:0;position:absolute}.stash-reference-grid{left:calc(91 * var(--stash-px));top:calc(542 * var(--stash-px));width:calc(1222 * var(--stash-px));height:calc(971 * var(--stash-px));pointer-events:none;position:absolute}.stash-reference-item{--stash-button-background:radial-gradient(#634329b8, #171a1ad9);--stash-button-border:#81633e;--stash-button-color:#e6d4a9;width:calc(122 * var(--stash-px));height:calc(194 * var(--stash-px));pointer-events:auto;border:calc(2 * var(--stash-px)) solid #81633e;color:#e6d4a9;font-size:calc(23 * var(--stash-px));background:radial-gradient(#634329b8,#171a1ad9);position:absolute}.stash-reference-item[aria-selected=true]{--stash-button-border:#e2be7c;border-color:#e2be7c}.stash-reference-search{left:calc(171 * var(--stash-px));top:calc(1895 * var(--stash-px));width:calc(1130 * var(--stash-px));height:calc(78 * var(--stash-px));padding:0 calc(9 * var(--stash-px));color:#e0ded8;font-size:calc(34 * var(--stash-px));background:0 0;border:0;outline:0;position:absolute}.stash-reference-search::placeholder{color:#0000}.stash-reference-inventory-trigger{top:calc(1758 * var(--stash-px));left:calc(149 * var(--stash-px));width:calc(77 * var(--stash-px));height:calc(80 * var(--stash-px));background:0 0;border:0;position:absolute}.stash-reference-inventory-popover{z-index:2;top:calc(1260 * var(--stash-px));left:calc(145 * var(--stash-px));width:calc(720 * var(--stash-px));max-height:calc(470 * var(--stash-px));padding:calc(14 * var(--stash-px));border:calc(3 * var(--stash-px)) solid #536062;color:#ded6c6;box-shadow:0 0 calc(35 * var(--stash-px)) #000;font-size:calc(29 * var(--stash-px));background:#11191af5;position:absolute;overflow:auto}.stash-reference-inventory-popover button{--stash-button-border:#494943;--stash-button-color:#ded6c6;width:100%;padding:calc(12 * var(--stash-px));border:0;border-bottom:calc(1 * var(--stash-px)) solid #494943;color:inherit;font-size:inherit;text-align:left;background:0 0;display:block}.stash-reference-inventory-popover button:disabled{color:#777;cursor:not-allowed}.stash-reference-selection{top:calc(1540 * var(--stash-px));left:calc(92 * var(--stash-px));padding:calc(10 * var(--stash-px));color:#ded6c6;font-size:calc(30 * var(--stash-px));background:#111b1be8;position:absolute}.stash-reference-selection button{--stash-button-background:#572119;--stash-button-color:#ded6c6;margin-left:calc(16 * var(--stash-px));color:#ded6c6;background:#572119}.stash-reference-editor{position:absolute;inset:0}.stash-reference-editor-art{background-image:url(/assets/ui/stash-reference/edit-first.png)}.stash-reference-editor-art.second{background-image:url(/assets/ui/stash-reference/edit-second.png)}.stash-reference-name-input{top:calc(478 * var(--stash-px));left:calc(162 * var(--stash-px));width:calc(1085 * var(--stash-px));height:calc(90 * var(--stash-px));padding:0 calc(24 * var(--stash-px));color:#c6c5bf;font-size:calc(38 * var(--stash-px));background:#222728;border:0;outline:none;font-family:inherit;position:absolute}.stash-reference-name-input:focus{box-shadow:inset 0 0 0 calc(2 * var(--stash-px)) #667372}.stash-reference-icon-options{top:calc(723 * var(--stash-px));left:calc(157 * var(--stash-px));grid-template-columns:repeat(7, calc(157 * var(--stash-px)));grid-auto-rows:calc(157 * var(--stash-px));display:grid;position:absolute}.stash-reference-icon-options button{width:calc(138 * var(--stash-px));height:calc(138 * var(--stash-px));background:0 0;border:0;padding:0;position:relative}.stash-reference-icon-options img{width:100%;height:100%;display:none}.stash-reference-icon-options.custom button:first-child img{display:block}.stash-reference-icon-options.custom button.selected{box-shadow:inset 0 0 0 calc(6 * var(--stash-px)) #8b1511}.stash-reference-confirm,.stash-reference-cancel{top:calc(1880 * var(--stash-px));width:calc(258 * var(--stash-px));height:calc(80 * var(--stash-px));color:#0000;background:0 0;border:0;position:absolute}.stash-reference-confirm{left:calc(425 * var(--stash-px))}.stash-reference-confirm:not(:disabled){--stash-button-background:url(/assets/ui/stash-reference/confirm-active.png) center / 100% 100% no-repeat;background:url(/assets/ui/stash-reference/confirm-active.png) 50%/100% 100% no-repeat}.stash-reference-confirm:disabled{cursor:default}.stash-reference-cancel{left:calc(719 * var(--stash-px))}@media (aspect-ratio<=4/5){.stash-drawer{--stash-px:calc(100vw / 1400)}}@media (prefers-reduced-motion:reduce){.stash-drawer-overlay,.stash-drawer{animation:none}}.character-reference-overlay{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;animation:none}.character-qa-page{z-index:21}.character-health-summary{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.character-reference{width:calc(1400 * var(--character-px));height:calc(2160 * var(--character-px));box-shadow:none;background:0 0;flex:none;animation:none}.character-reference-shell-art,.character-shared-frame-art{z-index:0;pointer-events:none;width:calc(1540*min(.0260417vw,.0462963vh));height:calc(2160*min(.0260417vw,.0462963vh));position:absolute;top:0;right:0}.character-page-shell-art{z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.character-reference .character-shared-frame-art{z-index:1}.character-reference.specialization-reference,.character-reference.abilities-reference{overflow:visible}.character-reference:is([data-inventory-category=equipment],[data-inventory-category=talismans],[data-inventory-category=socketables],[data-inventory-category=consumables],[data-inventory-category=dungeonKeys]){background:0 0;overflow:visible}.character-reference .character-shell-nav nav button:focus-visible{outline:none}.character-reference:before,.character-reference:after,.character-reference .character-shell-nav:after,.character-reference .character-sheet:after,.character-reference .character-backpack:after,.character-reference .character-equipment-slot:before,.character-reference .character-equipment-slot:after,.character-reference .character-drawer-close span,.character-reference .character-portrait-aura{display:none}.character-reference .character-shell-nav,.character-reference .character-sheet,.character-reference .character-stat-panel,.character-reference .character-paperdoll-panel,.character-reference .character-backpack,.character-reference .character-backpack-heading,.character-reference .character-backpack-footer{box-shadow:none;background:0 0;border:0;padding:0;overflow:visible}.character-reference .character-shell-title,.character-reference .character-class,.character-reference .character-title,.character-reference .character-stat-panel h3,.character-reference .character-summary-actions .game-ui-icon,.character-reference .character-backpack-mark,.character-reference .character-backpack-title>strong,.character-reference .character-wallet>.game-ui-icon,.character-reference .character-wallet small,.character-reference .character-close-hint,.character-reference .character-headline-stats .game-ui-icon,.character-reference .character-shell-nav nav .game-ui-icon,.character-reference .character-backpack-heading nav .game-ui-icon,.character-reference .character-equipment-slot.is-empty .game-ui-icon{opacity:0;pointer-events:none}.character-reference .character-shell-nav nav{top:calc(14 * var(--character-px));left:calc(842 * var(--character-px));height:calc(87 * var(--character-px));gap:calc(20 * var(--character-px));margin:0;padding:0;position:absolute}.character-reference .character-shell-nav nav button{width:calc(90 * var(--character-px));height:100%;box-shadow:none;background:0 0;border:0;margin:0;padding:0}.character-reference .character-drawer-close{top:calc(120 * var(--character-px));right:calc(6 * var(--character-px));width:calc(60 * var(--character-px));height:calc(62 * var(--character-px));box-shadow:none;background:0 0;border:0}.character-reference .character-sheet{grid-template-columns:calc(474 * var(--character-px)) calc(900 * var(--character-px))}.character-reference .character-stat-panel h2{top:calc(82 * var(--character-px));left:calc(147 * var(--character-px));width:calc(260 * var(--character-px));height:calc(48 * var(--character-px));color:#dedcd3;font-size:calc(35 * var(--character-px));letter-spacing:0;background:url(/assets/ui/character-reference/name-blank.png) 50%/auto 100% repeat-x;place-items:center;margin:0;padding:0;font-weight:700;line-height:1;display:grid;position:absolute}.character-reference .character-level-badge{z-index:11;top:calc(-2 * var(--character-px));width:calc(110 * var(--character-px));height:calc(115 * var(--character-px));padding-right:calc(12 * var(--character-px));padding-bottom:calc(5 * var(--character-px));clip-path:none;box-shadow:none;color:#9fdef8;font-size:calc(44 * var(--character-px));background:url(/assets/ui/character-reference/level-badge.png) 50%/100% 100%;border:0;border-radius:0;font-weight:400;line-height:1;left:0;transform:none}.character-reference .character-summary-actions{top:calc(247 * var(--character-px));left:calc(115 * var(--character-px));gap:calc(29 * var(--character-px));background:0 0;margin:0;padding:0;display:flex;position:absolute}.character-reference .character-summary-actions button{width:calc(135 * var(--character-px));height:calc(90 * var(--character-px));min-height:0;box-shadow:none;background:0 0;border:0;margin:0;padding:0}.character-reference .character-material-button{top:calc(357 * var(--character-px));left:calc(78 * var(--character-px));width:calc(372 * var(--character-px));height:calc(105 * var(--character-px));min-height:0;box-shadow:none;color:#0000;text-shadow:none;background:0 0;border:0;margin:0;padding:0;position:absolute}.character-reference .character-material-button:not(:disabled):is(:hover,:focus-visible){box-shadow:none;color:#0000;text-shadow:none;background:0 0;border:0}.character-reference .character-headline-stats{top:calc(542 * var(--character-px));left:calc(169 * var(--character-px));width:calc(277 * var(--character-px));height:calc(246 * var(--character-px));border:0;flex-direction:column;justify-content:space-between;gap:0;padding:0;display:flex;position:absolute}.character-reference .character-headline-stats article{height:calc(92 * var(--character-px));background:url(/assets/ui/character-reference/summary-blank.png) 50%/100% 100%;flex-direction:column;align-items:stretch;gap:0;min-height:0;display:flex;position:relative}.character-reference .character-headline-stats .game-ui-icon{position:absolute}.character-reference .character-headline-stats small{font-family:Microsoft YaHei UI Light,Microsoft YaHei Light,Microsoft YaHei,sans-serif;font-size:calc(36 * var(--character-px));font-weight:300;line-height:calc(44 * var(--character-px));align-self:start}.character-reference .character-headline-stats strong{color:#dcb06e;font-family:Times New Roman,Georgia,serif;font-size:calc(47 * var(--character-px));font-variant-numeric:lining-nums proportional-nums;font-weight:700;line-height:calc(44 * var(--character-px));align-self:start}.character-reference .character-attribute-list{top:calc(862 * var(--character-px));left:calc(70 * var(--character-px));width:calc(383 * var(--character-px));margin:0;position:absolute}.character-reference .character-attribute-list>div{height:calc(86 * var(--character-px));border:0;margin:0;padding:0;display:block;position:relative}.character-reference .character-attribute-list dt{opacity:0}.character-reference .character-attribute-list dd{top:calc(10 * var(--character-px));right:calc(17 * var(--character-px));width:calc(126 * var(--character-px));height:calc(60 * var(--character-px));color:#dcb06e;font-family:Times New Roman,Georgia,serif;font-size:calc(46 * var(--character-px));font-variant-numeric:lining-nums proportional-nums;font-weight:700;line-height:calc(60 * var(--character-px));text-align:right;background:0 0;padding:0;position:absolute;overflow:hidden}.character-reference .character-portrait-backdrop{z-index:0;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.character-reference .character-portrait{z-index:1;width:calc(900 * var(--character-px));height:calc(1218 * var(--character-px));object-fit:fill;object-position:center bottom;filter:none;top:0;bottom:auto;left:50%;-webkit-mask:url(/assets/ui/character-reference/portrait-slot-mask.png) 50%/100% 100% no-repeat;mask:url(/assets/ui/character-reference/portrait-slot-mask.png) 50%/100% 100% no-repeat}.character-reference .character-equipment-slot{box-shadow:none;padding:calc(12 * var(--character-px));width:calc(132 * var(--character-px));height:calc(184 * var(--character-px));left:calc(12 * var(--character-px));background:0 0;border:0;right:auto;transform:none}.character-reference .character-equipment-slot:hover:not(:disabled){background:0 0}.character-reference .character-equipment-slot[data-slot=head]{top:calc(39 * var(--character-px));height:calc(179 * var(--character-px))}.character-reference .character-equipment-slot[data-slot=chest]{top:calc(222 * var(--character-px));height:calc(188 * var(--character-px))}.character-reference .character-equipment-slot[data-slot=hands]{top:calc(415 * var(--character-px))}.character-reference .character-equipment-slot[data-slot=legs]{top:calc(606 * var(--character-px));height:calc(180 * var(--character-px))}.character-reference .character-equipment-slot[data-slot=feet]{top:calc(790 * var(--character-px));height:calc(189 * var(--character-px))}.character-reference .character-equipment-slot[data-slot=neck]{left:calc(743 * var(--character-px));top:calc(235 * var(--character-px));width:calc(128 * var(--character-px));height:calc(180 * var(--character-px))}.character-reference .character-equipment-slot[data-slot=ringLeft]{left:calc(743 * var(--character-px));top:calc(424 * var(--character-px));width:calc(128 * var(--character-px));height:calc(176 * var(--character-px))}.character-reference .character-equipment-slot[data-slot=ringRight]{left:calc(743 * var(--character-px));top:calc(612 * var(--character-px));width:calc(128 * var(--character-px));height:calc(180 * var(--character-px))}.character-reference .character-equipment-slot[data-slot=mainHand]{left:calc(13 * var(--character-px));top:calc(989 * var(--character-px));width:calc(147 * var(--character-px));height:calc(204 * var(--character-px))}.character-reference .character-equipment-slot[data-slot=ranged]{left:calc(616 * var(--character-px));top:calc(996 * var(--character-px));width:calc(126 * var(--character-px));height:calc(184 * var(--character-px))}.character-reference .character-equipment-slot[data-slot=offHand]{left:calc(742 * var(--character-px));top:calc(996 * var(--character-px));width:calc(124 * var(--character-px));height:calc(184 * var(--character-px))}.character-reference .character-equipment-slot:not(.is-empty){box-shadow:inset 0 0 0 calc(4 * var(--character-px)) #827056;background:radial-gradient(#634729,#101513 80%)}.character-reference .character-equipment-slot:is(.is-selected,.is-keyboard-target,.is-drop-compatible){outline:calc(3 * var(--character-px)) solid #efc675;outline-offset:calc(-4 * var(--character-px));box-shadow:inset 0 0 calc(25 * var(--character-px)) #cd934880}.character-reference .character-equipment-slot.is-drop-rejected{outline:calc(3 * var(--character-px)) solid #c43327;background-color:#76181888}.character-reference .character-backpack-heading{height:calc(108 * var(--character-px))}.character-reference .character-backpack-title h2{top:calc(20 * var(--character-px));left:calc(112 * var(--character-px));color:#0000;text-shadow:none;margin:0;position:absolute}.character-reference .character-backpack-heading nav{left:calc(834 * var(--character-px));top:calc(7 * var(--character-px));height:calc(80 * var(--character-px));gap:calc(4 * var(--character-px));margin:0;padding:0;position:absolute}.character-reference .character-backpack-heading nav button{width:calc(97 * var(--character-px));height:calc(80 * var(--character-px));min-height:0;box-shadow:none;background:0 0;border:0;margin:0;padding:0}.character-reference .character-backpack-grid.inventory-grid{top:calc(104 * var(--character-px));left:calc(96 * var(--character-px));width:calc(1214 * var(--character-px));height:calc(486 * var(--character-px));grid-template-columns:repeat(11,minmax(0,1fr));grid-auto-rows:calc(162 * var(--character-px));background:url(/assets/ui/character-reference/empty-grid.png) 0 0/100% 100%;border:0;gap:0;margin:0;padding:0;position:absolute}.character-reference .character-backpack-grid .item-grid-slot{box-shadow:none;background:0 0;border:0;border-radius:0}.character-reference .character-backpack-grid .item-grid-slot:where(:not(.is-empty)){box-shadow:inset 0 0 0 calc(3 * var(--character-px)) #8a714d;background:radial-gradient(#51371ce0,#131310f5)}.character-reference .character-backpack-grid .item-grid-slot.is-selected{outline:calc(3 * var(--character-px)) solid #ffe0a0;outline-offset:calc(-4 * var(--character-px))}.character-reference .character-backpack-footer{top:calc(617 * var(--character-px));left:calc(154 * var(--character-px));width:calc(400 * var(--character-px));height:calc(65 * var(--character-px));margin:0;position:absolute}.character-reference .character-wallet{flex:none;width:100%}.character-reference .character-wallet>.game-ui-icon,.character-reference .character-wallet small,.character-reference .character-close-hint{display:none}.character-reference .character-wallet strong{width:100%;height:calc(58 * var(--character-px));padding:0 calc(4 * var(--character-px));color:#a6a7a6;font-family:Arial Narrow,sans-serif;font-size:calc(42 * var(--character-px));line-height:calc(58 * var(--character-px));background:url(/assets/ui/character-reference/gold-blank.png) 50%/auto 100% repeat-x;border:0}.character-reference[data-inventory-category=talismans] .character-talisman-panel{grid-column:1/-1}.character-reference:not([data-inventory-category=equipment]) .character-backpack-title h2{min-width:calc(290 * var(--character-px));color:#d1ccc0;background:#202622}.character-reference:not([data-inventory-category=equipment]) .character-backpack-heading nav button.is-active{box-shadow:inset 0 0 0 calc(3 * var(--character-px)) #b9623a;background:#b7281677}.character-reference :is(.character-shell-nav nav button,.character-drawer-close,.character-summary-actions button,.character-material-button,.character-backpack-heading nav button):hover{background-color:#f5ddac18}.character-reference button:focus-visible{outline:calc(3 * var(--character-px)) solid #e9d29b;outline-offset:calc(-4 * var(--character-px))}.character-reference .character-backpack-heading nav button:focus-visible{filter:brightness(1.12);outline:none}.character-talisman-panel-art{z-index:2;width:calc(1540 * var(--character-px));height:calc(1930 * var(--character-px));pointer-events:none;position:absolute;top:0;right:0}.character-talisman-reference .character-talisman-panel{background:0 0;overflow:visible}.character-talisman-reference .character-talisman-rings,.character-talisman-reference .character-talisman-core,.character-talisman-reference .character-talisman-caption{visibility:hidden}.character-talisman-reference .character-talisman-slot{width:calc(154 * var(--character-px));height:calc(184 * var(--character-px));box-shadow:none;filter:none;background:0 0;border:0;border-radius:0;padding:0}.character-talisman-reference .character-talisman-slot .game-ui-icon,.character-talisman-reference .character-talisman-slot>small,.character-talisman-reference .character-talisman-slot>span{visibility:hidden}.character-talisman-reference .character-talisman-slot.is-drop-target{box-shadow:none}.character-talisman-reference .character-talisman-slot:not(:disabled):hover,.character-talisman-reference .character-talisman-slot.is-drop-target:focus-visible{outline:calc(3 * var(--character-px)) solid #d3aa62;outline-offset:calc(-7 * var(--character-px))}.character-talisman-reference .character-talisman-slot[data-talisman-slot="0"]{left:calc(626 * var(--character-px))}.character-talisman-reference .character-talisman-slot[data-talisman-slot="1"],.character-talisman-reference .character-talisman-slot[data-talisman-slot="2"]{left:calc(924 * var(--character-px))}.character-talisman-reference .character-talisman-slot[data-talisman-slot="3"]{left:calc(626 * var(--character-px))}.character-talisman-reference .character-talisman-slot[data-talisman-slot="4"],.character-talisman-reference .character-talisman-slot[data-talisman-slot="5"]{left:calc(328 * var(--character-px))}.character-talisman-reference .character-backpack-title h2{color:#0000!important;background:0 0!important}.character-reference.character-talisman-reference .character-backpack-heading nav button.is-active{box-shadow:none;background:0 0}.character-talisman-reference .character-backpack-grid.inventory-grid{background-image:url(/assets/ui/talisman-reference/empty-grid.png)}.character-talisman-reference .character-backpack-grid .item-grid-slot.is-selected{box-shadow:none;outline:none}.character-talisman-reference .character-backpack-grid .talisman-reference-tile{background-color:#0000;background-size:100% 100%;box-shadow:none!important}.character-talisman-reference .character-backpack-grid .talisman-reference-tile:after{display:none}.character-talisman-reference .character-backpack-grid .talisman-reference-tile .game-ui-icon,.character-talisman-reference .character-backpack-grid .talisman-reference-tile small{visibility:hidden}.character-socketables-backpack-art{z-index:2;top:calc(1340 * var(--character-px));width:calc(1540 * var(--character-px));height:calc(590 * var(--character-px));pointer-events:none;position:absolute;right:0}.character-socketables-reference .character-backpack-title h2{color:#0000!important;background:0 0!important}.character-reference.character-socketables-reference .character-backpack-heading nav button.is-active{box-shadow:none;background:0 0}.character-socketables-reference .character-backpack-grid.inventory-grid{background-image:url(/assets/ui/socketables-reference/empty-grid.png)}.character-socketables-reference .character-backpack-grid .item-grid-slot.is-selected{box-shadow:none;outline:none}.character-socketables-reference .character-backpack-grid .item-grid-slot:focus-visible{filter:brightness(1.12);outline:none}.character-socketables-reference .character-backpack-grid .socketable-reference-tile{background-color:#0000;background-size:100% 100%;box-shadow:none!important}.character-socketables-reference .character-backpack-grid .socketable-reference-tile:after{display:none}.character-socketables-reference .character-backpack-grid .socketable-reference-tile :is(.game-ui-icon,.character-stack-kind,small){visibility:hidden}.character-category-backpack-art{z-index:2;top:calc(1340 * var(--character-px));width:calc(1540 * var(--character-px));height:calc(590 * var(--character-px));pointer-events:none;position:absolute;right:0}.character-reference:is(.character-consumables-reference,.character-dungeon-keys-reference) .character-backpack-title h2{color:#0000!important;background:0 0!important}.character-reference:is(.character-consumables-reference,.character-dungeon-keys-reference) .character-backpack-heading nav button.is-active{box-shadow:none;background:0 0}.character-reference:is(.character-consumables-reference,.character-dungeon-keys-reference) .character-backpack-grid .item-grid-slot.is-selected{box-shadow:none;outline:none}.character-reference:is(.character-consumables-reference,.character-dungeon-keys-reference) .character-backpack-grid .item-grid-slot:focus-visible{filter:brightness(1.12);outline:none}.character-reference:is(.character-consumables-reference,.character-dungeon-keys-reference) .character-backpack-grid :is(.consumable-reference-tile,.dungeon-key-reference-tile){background-color:#0000;background-size:100% 100%;box-shadow:none!important}.character-reference:is(.character-consumables-reference,.character-dungeon-keys-reference) .character-backpack-grid :is(.consumable-reference-tile,.dungeon-key-reference-tile):after{display:none}.character-reference:is(.character-consumables-reference,.character-dungeon-keys-reference) .character-backpack-grid :is(.consumable-reference-tile,.dungeon-key-reference-tile) :is(.game-ui-icon,.character-stack-kind,small){visibility:hidden}.character-stash-reference .character-shared-frame-art,.character-stash-reference .character-reference-shell-art{clip-path:inset(calc(120 * var(--character-px)) 0 calc(115 * var(--character-px)) 0)}.character-stash-horse-art{z-index:0;top:0;left:calc(-240 * var(--character-px));width:calc(265 * var(--character-px));height:calc(400 * var(--character-px));pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute}.character-stash-close-art,.character-stash-lower-corner-art{z-index:12;pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute}.character-stash-close-art{left:calc(1305 * var(--character-px));top:calc(102 * var(--character-px));width:calc(92 * var(--character-px));height:calc(98 * var(--character-px))}.character-stash-lower-corner-art{left:calc(-60 * var(--character-px));top:calc(2000 * var(--character-px));width:calc(140 * var(--character-px));height:calc(150 * var(--character-px))}.character-stash-reference .character-level-badge{background-image:url(/assets/ui/character-reference/stash-level-badge.png)}.character-drawer.specialization-reference{background:0 0}.character-drawer.specialization-reference .character-specialization-page{background:0 0;overflow:visible}.character-drawer.specialization-reference .character-specialization-heading{height:calc(154 * var(--character-px));box-shadow:none;background:0 0;border:0}.character-drawer.specialization-reference .character-specialization-heading:before{display:none}.character-drawer.specialization-reference .character-specialization-heading h1{opacity:0}.character-drawer.specialization-reference .character-specialization-scroll{inset:calc(154 * var(--character-px)) 0 0;overflow:visible}.character-drawer.specialization-reference .character-specialization-page .specialization-card-list--character{width:100%;height:calc(1758 * var(--character-px));margin:0;padding:0;display:block;position:relative}.character-drawer.specialization-reference .character-specialization-page .specialization-card-list--character .specialization-card-frame{top:0;left:calc(60 * var(--character-px));width:calc(1276 * var(--character-px));height:calc(574 * var(--character-px));box-shadow:none;background:0 0;border:0;margin:0;padding:0;position:absolute}.character-drawer.specialization-reference .character-specialization-page .specialization-card-list--character .specialization-card-frame:nth-child(2){top:calc(582 * var(--character-px));height:calc(580 * var(--character-px))}.character-drawer.specialization-reference .character-specialization-page .specialization-card-list--character .specialization-card-frame:nth-child(3){top:calc(1170 * var(--character-px));height:calc(588 * var(--character-px))}.character-drawer.specialization-reference .character-specialization-page .specialization-card-list--character .specialization-card-frame:before{display:none}.character-drawer.specialization-reference .character-specialization-page .specialization-card-list--character .specialization-card-choice{width:100%;height:100%;min-height:0;box-shadow:none;filter:none;background:0 0;border:0;border-radius:0;margin:0;padding:0;transition:none;display:block}.character-drawer.specialization-reference .character-specialization-page .specialization-card-list--character .specialization-card-choice:focus:not(:focus-visible){outline:none}.character-drawer.specialization-reference .character-specialization-page .specialization-card-list--character .specialization-card-choice:focus-visible{outline:calc(3 * var(--character-px)) solid #e9d29b;outline-offset:calc(-10 * var(--character-px))}.character-drawer.specialization-reference .character-specialization-page .specialization-card-list--character .specialization-card-choice.is-locked{cursor:not-allowed}.specialization-reference-card-art{pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.character-drawer.specialization-reference .character-specialization-page .specialization-card-list--character .specialization-card-choice.is-locked .specialization-reference-card-art{filter:grayscale(.65)brightness(.55)}.character-drawer.specialization-reference .character-specialization-page .specialization-card-list--character .specialization-card-emblem{display:none}.character-drawer.specialization-reference .character-specialization-page .specialization-card-list--character .specialization-card-copy{pointer-events:none;display:block;position:absolute;inset:0}.character-drawer.specialization-reference .character-specialization-page .specialization-card-list--character .specialization-card-copy>*{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.character-drawer.specialization-reference .character-specialization-page .specialization-card-list--character .specialization-card-choice.is-locked .specialization-card-copy small{right:calc(80 * var(--character-px));bottom:calc(60 * var(--character-px));width:auto;height:auto;padding:calc(8 * var(--character-px)) calc(16 * var(--character-px));color:#dcc69b;font-size:calc(27 * var(--character-px));clip-path:none;background:#100e0bdd}.character-drawer.abilities-reference{background:0 0}.character-drawer.abilities-reference .character-abilities-page{grid-template-rows:calc(158 * var(--character-px)) minmax(0, 1fr);background:0 0}.character-drawer.abilities-reference .character-abilities-tabs{box-shadow:none;background:0 0;border:0;padding:0;display:block}.character-drawer.abilities-reference .character-abilities-tabs button{top:calc(49 * var(--character-px));left:calc(542 * var(--character-px));width:calc(166 * var(--character-px));height:calc(92 * var(--character-px));min-width:0;min-height:0;box-shadow:none;color:#0000;text-shadow:none;background:0 0;border:0;padding:0;position:absolute}.character-drawer.abilities-reference .character-abilities-tabs button+button{left:calc(734 * var(--character-px));width:calc(132 * var(--character-px))}.character-drawer.abilities-reference [data-abilities-tab=paragon] .character-abilities-tabs button{color:#cbc5b9;font-size:calc(32 * var(--character-px));background:#282a26}.character-drawer.abilities-reference [data-abilities-tab=paragon] .character-abilities-tabs button[aria-pressed=true]{background:#7e120b}:is(.character-drawer.abilities-reference .skill-ui-overlay.is-embedded:has(.is-reference-overview),.character-drawer.abilities-reference .skill-ui-shell.is-reference-overview){box-shadow:none;background:0 0;border:0;outline:0}.character-drawer.abilities-reference .skill-ui-shell.is-reference-overview .skill-tree-layout{inset:0 0 calc(136 * var(--character-px));overflow:visible}.character-drawer.abilities-reference .skill-ui-shell.is-reference-overview .skill-tree-viewport{box-shadow:none;background:0 0;border:0;overflow:visible}.character-drawer.abilities-reference .skill-ui-shell.is-reference-overview .skill-tree-viewport:after,.character-drawer.abilities-reference .skill-ui-shell.is-reference-overview .skill-zoom-controls,.character-drawer.abilities-reference .skill-ui-shell.is-reference-overview .skill-original-toggle{display:none}.character-drawer.abilities-reference .skill-ui-shell.is-reference-overview .point-orb{left:calc(54 * var(--character-px));top:calc(2 * var(--character-px));width:calc(500 * var(--character-px));height:calc(188 * var(--character-px));box-shadow:none;background:url(/assets/ui/abilities-reference/points.png) 0 0/100% 100%;border:0;margin:0;padding:0}.character-drawer.abilities-reference .skill-ui-shell.is-reference-overview .point-orb>*{opacity:0}.character-drawer.abilities-reference .skill-ui-shell.is-reference-overview .skill-search{top:0;right:calc(46 * var(--character-px));width:calc(798 * var(--character-px));height:calc(94 * var(--character-px));background:0 0;min-width:0}.character-drawer.abilities-reference .skill-ui-shell.is-reference-overview .skill-search input{height:100%;min-height:0;font-size:calc(35 * var(--character-px))}.character-drawer.abilities-reference .skill-ui-shell.is-reference-overview .skill-search input:focus,.character-drawer.abilities-reference .skill-ui-shell.is-reference-overview .skill-search input:not(:placeholder-shown){width:calc(704 * var(--character-px));color:#ddd5c7;background:#252724}.ability-reference-viewport{top:calc(94 * var(--character-px));left:calc(54 * var(--character-px));width:calc(1300 * var(--character-px));height:calc(1650 * var(--character-px));background:#15181d;position:absolute;overflow:hidden}.ability-reference-canvas{transform-origin:0 0;position:absolute}.ability-reference-tree-art{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.character-drawer.abilities-reference .skill-ui-shell .ability-reference-node{min-width:0;min-height:0;box-shadow:none;background:0 0;border:0;border-radius:0;margin:0;padding:0;transition:none;position:absolute}.ability-reference-node img{pointer-events:none;width:100%;height:100%;display:block}.character-drawer.abilities-reference .skill-ui-shell .ability-reference-node.is-search-dimmed{opacity:.35}.character-drawer.abilities-reference .skill-ui-shell .ability-reference-node:is(:hover,:focus-visible,.is-search-match){outline-offset:-3px;outline:2px solid #d7b16a}.character-drawer.abilities-reference .skill-ui-shell .ability-overview-toggle{z-index:14;top:calc(990 * var(--character-px));right:calc(1316 * var(--character-px));width:calc(180 * var(--character-px));height:calc(190 * var(--character-px));color:#0000;min-width:0;min-height:0;box-shadow:none;background:url(/assets/ui/abilities-reference/expand.png) 0 0/100% 100%;border:0;border-radius:0;padding:0;position:fixed}.character-drawer.abilities-reference .skill-ui-shell .ability-overview-toggle.is-expanded{right:auto;top:calc(205 * var(--character-px));left:calc(54 * var(--character-px));width:calc(190 * var(--character-px));height:calc(70 * var(--character-px));color:#ddc49a;font-size:calc(28 * var(--character-px));background:#231914;border:1px solid #866443;position:absolute}.character-drawer.abilities-reference .skill-ui-shell.is-reference-overview .skill-action-bar{height:calc(136 * var(--character-px));min-height:0;box-shadow:none;background:0 0;border:0}.character-drawer.abilities-reference .skill-ui-shell.is-reference-overview .skill-action-bar>*{visibility:hidden}.character-drawer.abilities-reference .skill-ui-shell.is-reference-overview :is(.skill-reset,.skill-allocation-toggle){bottom:calc(14 * var(--character-px));left:calc(440 * var(--character-px));width:calc(264 * var(--character-px));height:calc(74 * var(--character-px));color:#0000;min-width:0;min-height:0;box-shadow:none;text-shadow:none;background:0 0;border:0;border-radius:0;margin:0;padding:0;position:absolute;transform:none}.character-drawer.abilities-reference .skill-ui-shell.is-reference-overview .skill-allocation-toggle{left:calc(732 * var(--character-px));width:calc(264 * var(--character-px))}.character-drawer.abilities-reference .skill-ui-shell.is-reference-overview .skill-allocation-toggle:before{display:none}.combat-hud{--combat-hud-unit:min(.0260417vw, .0462963vh)}.combat-hud .hud-vitals{display:none}.bottom-hud-stack{width:calc(1840 * var(--combat-hud-unit));height:calc(420 * var(--combat-hud-unit));pointer-events:none;isolation:isolate;filter:none;display:block;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.bottom-hud-stack>*{pointer-events:auto}.bottom-hud-stack button{min-width:0;min-height:0;box-shadow:none;color:inherit;font:inherit;background:0 0;border:0;border-radius:0;margin:0;padding:0}.healing-potion-button:before,.mount-button:before,.evade-control:before,.town-portal-button:before{content:"";z-index:0;pointer-events:none;position:absolute}.healing-potion-button:before{left:calc(61 * var(--combat-hud-unit));top:calc(25 * var(--combat-hud-unit));width:calc(124 * var(--combat-hud-unit));height:calc(75 * var(--combat-hud-unit));background:linear-gradient(90deg,#1d2d32b8 0%,#4b3b2d73 54%,#aa916f29 82%,#0000 100%)}.mount-button:before{left:calc(70 * var(--combat-hud-unit));top:calc(63 * var(--combat-hud-unit));width:calc(115 * var(--combat-hud-unit));height:calc(48 * var(--combat-hud-unit));background:linear-gradient(90deg,#1b2a2eb3 0%,#5644316b 56%,#ad947024 83%,#0000 100%)}.evade-control:before{left:0;top:calc(17 * var(--combat-hud-unit));width:calc(153 * var(--combat-hud-unit));height:calc(90 * var(--combat-hud-unit));background:linear-gradient(270deg,#1b2c33b8 0%,#49463e6b 53%,#a7977b24 82%,#0000 100%)}.town-portal-button:before{left:0;top:calc(65 * var(--combat-hud-unit));width:calc(129 * var(--combat-hud-unit));height:calc(46 * var(--combat-hud-unit));background:linear-gradient(270deg,#18282fb8 0%,#483e336b 54%,#a4917224 82%,#0000 100%)}.healing-potion-button>img,.healing-potion-button>strong,.mount-button>img,.evade-control>img,.town-portal-button>img{z-index:1}.bottom-hud-stack img{object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block}.sr-only,.hud-sr-status{clip:rect(0, 0, 0, 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.hud-orb{top:calc(68 * var(--combat-hud-unit));width:calc(370 * var(--combat-hud-unit));height:calc(352 * var(--combat-hud-unit));background:#060909;border-radius:50%;position:absolute;overflow:hidden}.hud-orb>img{left:calc(39 * var(--combat-hud-unit));top:calc(22 * var(--combat-hud-unit));width:calc(294 * var(--combat-hud-unit));height:calc(294 * var(--combat-hud-unit));object-fit:cover;border-radius:50%;position:absolute;transform:translateZ(0)}.hud-orb .orb-depletion{z-index:2;left:calc(45 * var(--combat-hud-unit));top:calc(28 * var(--combat-hud-unit));width:calc(282 * var(--combat-hud-unit));height:calc(282 * var(--combat-hud-unit));clip-path:inset(0 0 var(--orb-fill) 0 round 50%);background:linear-gradient(#020303e8,#080909ba 75%,#13131366),radial-gradient(circle at 50% 15%,#0000 0 36%,#0009 85%);border-radius:50%;transition:clip-path .14s linear;position:absolute}.hud-orb .orb-frame{z-index:3;inset:calc(7 * var(--combat-hud-unit)) calc(8 * var(--combat-hud-unit));border:calc(7 * var(--combat-hud-unit)) ridge #263339;box-shadow:inset 0 0 0 calc(5 * var(--combat-hud-unit)) #071015, inset 0 0 0 calc(10 * var(--combat-hud-unit)) #34444a, inset 0 0 calc(20 * var(--combat-hud-unit)) #000, 0 0 0 calc(3 * var(--combat-hud-unit)) #090d0f;border-radius:50%;position:absolute}.hud-health-orb .orb-frame{box-shadow:inset 0 0 0 calc(5 * var(--combat-hud-unit)) #071015, inset 0 0 0 calc(9 * var(--combat-hud-unit)) #b51d13, inset 0 0 0 calc(13 * var(--combat-hud-unit)) #10191c, inset 0 0 calc(20 * var(--combat-hud-unit)) #000, 0 0 0 calc(3 * var(--combat-hud-unit)) #090d0f;border-color:#313c3f}.hud-orb:before,.hud-orb:after{content:"";z-index:4;width:calc(24 * var(--combat-hud-unit));height:calc(30 * var(--combat-hud-unit));clip-path:polygon(50% 0,66% 28%,100% 48%,67% 60%,50% 100%,32% 61%,0 48%,34% 28%);background:linear-gradient(90deg,#142026,#637078 48%,#142026 52%,#080e12);position:absolute;left:50%;transform:translate(-50%)}.hud-orb:before{top:0}.hud-orb:after{bottom:0;transform:translate(-50%)rotate(180deg)}.healing-potion-button{z-index:7;left:calc(288 * var(--combat-hud-unit));top:calc(32 * var(--combat-hud-unit));width:calc(118 * var(--combat-hud-unit));height:calc(154 * var(--combat-hud-unit));position:absolute}.healing-potion-button img{width:calc(118 * var(--combat-hud-unit));height:calc(118 * var(--combat-hud-unit));position:absolute;top:0;left:0}.healing-potion-button strong{left:50%;top:calc(94 * var(--combat-hud-unit));color:#f4f0e7;font-family:Georgia,Times New Roman,serif;font-size:calc(35 * var(--combat-hud-unit));letter-spacing:calc(-2 * var(--combat-hud-unit));text-shadow:0 calc(2 * var(--combat-hud-unit)) 0 #000, calc(2 * var(--combat-hud-unit)) 0 0 #000, calc(-2 * var(--combat-hud-unit)) 0 0 #000;white-space:nowrap;font-weight:400;line-height:1;position:absolute;transform:translate(-50%)}.bottom-hud-stack kbd{min-width:calc(31 * var(--combat-hud-unit));height:calc(34 * var(--combat-hud-unit));padding:0 calc(5 * var(--combat-hud-unit));border:calc(2 * var(--combat-hud-unit)) solid #292821;border-radius:calc(5 * var(--combat-hud-unit));box-shadow:inset 0 calc(2 * var(--combat-hud-unit)) calc(2 * var(--combat-hud-unit)) #f5f2eb, 0 calc(2 * var(--combat-hud-unit)) calc(3 * var(--combat-hud-unit)) #0008;color:#171714;font:400 calc(27 * var(--combat-hud-unit)) / 1 Georgia, "Times New Roman", serif;background:linear-gradient(#d8d3c9,#aaa69d);place-items:center;display:grid}.healing-potion-button>kbd{left:calc(110 * var(--combat-hud-unit));top:calc(44 * var(--combat-hud-unit));position:absolute}.healing-potion-button:disabled,.mount-button:disabled,.town-portal-button:disabled{opacity:1;filter:none}.mount-control{z-index:8;left:calc(300 * var(--combat-hud-unit));top:calc(288 * var(--combat-hud-unit));width:calc(170 * var(--combat-hud-unit));height:calc(132 * var(--combat-hud-unit));position:absolute}.mount-button{width:calc(126 * var(--combat-hud-unit));height:calc(126 * var(--combat-hud-unit));position:absolute;inset:0 auto auto 0}.mount-button img{width:calc(126 * var(--combat-hud-unit));height:calc(126 * var(--combat-hud-unit));position:absolute}.mount-button>kbd{left:calc(112 * var(--combat-hud-unit));top:calc(36 * var(--combat-hud-unit));position:absolute}.mount-button.is-mounted img{filter:brightness(1.18)}.mount-spur-button{left:calc(20 * var(--combat-hud-unit));top:calc(-38 * var(--combat-hud-unit));align-items:center;gap:calc(5 * var(--combat-hud-unit));color:#e4b353;font-size:calc(17 * var(--combat-hud-unit));text-shadow:0 calc(2 * var(--combat-hud-unit)) calc(2 * var(--combat-hud-unit)) #000;display:flex;position:absolute}.mount-spur-button small{font-size:calc(14 * var(--combat-hud-unit))}.hud-core{z-index:5;left:calc(500 * var(--combat-hud-unit));width:calc(756 * var(--combat-hud-unit));height:calc(420 * var(--combat-hud-unit));position:absolute;top:0}.hud-core:before,.hud-core:after{content:none}.hud-gargoyle{z-index:0;object-fit:contain;pointer-events:none;filter:none;position:absolute}.hud-aux-skills{left:calc(43 * var(--combat-hud-unit));top:calc(16 * var(--combat-hud-unit));gap:calc(7 * var(--combat-hud-unit));display:flex;position:absolute}.hud-aux-skills span{width:calc(81 * var(--combat-hud-unit));height:calc(81 * var(--combat-hud-unit));box-shadow:none;background:0 0}.experience-bar{z-index:4;left:calc(-8 * var(--combat-hud-unit));top:calc(116 * var(--combat-hud-unit));width:calc(825 * var(--combat-hud-unit));min-width:0;height:calc(104 * var(--combat-hud-unit));box-shadow:none;font:inherit;background:0 0;border:0;padding:0;display:block;position:absolute}.experience-frame-art{z-index:1;width:calc(825 * var(--combat-hud-unit));height:calc(104 * var(--combat-hud-unit));position:absolute;inset:0;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 825 104'%3E%3Cpath fill='white' fill-rule='evenodd' d='M0 0H825V104H0Z M85 52H799V66H70V64L75 59H78Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 825 104'%3E%3Cpath fill='white' fill-rule='evenodd' d='M0 0H825V104H0Z M85 52H799V66H70V64L75 59H78Z'/%3E%3C/svg%3E");-webkit-mask-size:100% 100%;mask-size:100% 100%}.experience-level{z-index:2;width:calc(100 * var(--combat-hud-unit));height:calc(104 * var(--combat-hud-unit));color:#a9e9fa;text-align:center;fill:#a9e9fa;filter:drop-shadow(0 calc(1 * var(--combat-hud-unit)) #061c25);cursor:pointer;font-family:Times New Roman,serif;font-size:32px;font-weight:400;line-height:1;position:absolute;top:0;left:0}.experience-level:focus-visible{outline:calc(2 * var(--combat-hud-unit)) solid #c7efff;outline-offset:calc(2 * var(--combat-hud-unit))}.experience-track{z-index:0;left:calc(70 * var(--combat-hud-unit));top:calc(52 * var(--combat-hud-unit));width:calc(729 * var(--combat-hud-unit));height:calc(14 * var(--combat-hud-unit));clip-path:polygon(calc(15 * var(--combat-hud-unit)) 0, 100% 0, 100% 100%, 0 100%, 0 calc(12 * var(--combat-hud-unit)), calc(5 * var(--combat-hud-unit)) calc(7 * var(--combat-hud-unit)), calc(8 * var(--combat-hud-unit)) calc(7 * var(--combat-hud-unit)));box-shadow:inset 0 0 calc(5 * var(--combat-hud-unit)) #000;background:#020708;border:0;position:absolute;overflow:hidden}.experience-track span{height:100%;box-shadow:0 0 calc(8 * var(--combat-hud-unit)) #70dfff, inset 0 calc(2 * var(--combat-hud-unit)) calc(2 * var(--combat-hud-unit)) #d4f7ff;background:linear-gradient(#baf3ff 0 12%,#42bfdf 35%,#147a9a 72%,#073748 100%);transition:width .18s ease-out;display:block}.experience-bar.is-paragon .experience-track span{box-shadow:0 0 calc(8 * var(--combat-hud-unit)) #ad82f0, inset 0 calc(2 * var(--combat-hud-unit)) calc(2 * var(--combat-hud-unit)) #eadfff;background:linear-gradient(#d4bcff 0 12%,#9d75d5 35%,#60408e 72%,#2d1d48 100%)}.skill-bar{left:calc(35 * var(--combat-hud-unit));top:calc(172 * var(--combat-hud-unit));width:calc(756 * var(--combat-hud-unit));grid-template-columns:repeat(6, calc(126 * var(--combat-hud-unit)));box-shadow:none;background:0 0;border:0;gap:0;padding:0;display:grid;position:absolute}.skill-slot{width:calc(126 * var(--combat-hud-unit));height:calc(144 * var(--combat-hud-unit));min-height:0;padding:calc(17 * var(--combat-hud-unit));border:calc(6 * var(--combat-hud-unit)) ridge #27373b;box-shadow:inset 0 0 0 calc(4 * var(--combat-hud-unit)) #050708, inset 0 0 calc(18 * var(--combat-hud-unit)) #000, 0 calc(4 * var(--combat-hud-unit)) calc(4 * var(--combat-hud-unit)) #000a;font:inherit;background:linear-gradient(90deg,#0b1114,#263236 48%,#0a1114 52%),#0b0e10;display:block;position:relative}.skill-slot:before{content:"";z-index:2;inset:calc(10 * var(--combat-hud-unit));border:calc(2 * var(--combat-hud-unit)) solid #344347;pointer-events:none;position:absolute}.skill-slot>img,.skill-slot>.skill-slot-art{object-fit:contain;filter:brightness(.88)contrast(1.08);width:100%;height:100%;display:block}.skill-slot.is-resource-low>img,.skill-slot.is-resource-low>.skill-slot-art{filter:brightness(.62)saturate(.4)}.skill-slot.is-cooling{opacity:1;filter:none}.skill-cooldown{z-index:3;box-shadow:inset 0 calc(-2 * var(--combat-hud-unit)) #b7b0a77a;background:#020304c9;position:absolute;inset:0 0 auto}.skill-charge,.utility-cooldown{z-index:5;right:calc(8 * var(--combat-hud-unit));bottom:calc(8 * var(--combat-hud-unit));color:#f2eee4;font-family:Georgia,Times New Roman,serif;font-size:calc(30 * var(--combat-hud-unit));text-shadow:calc(2 * var(--combat-hud-unit)) calc(2 * var(--combat-hud-unit)) 0 #000, calc(-2 * var(--combat-hud-unit)) 0 0 #000;line-height:1;position:absolute}.skill-slot>kbd{z-index:5;left:50%;top:calc(158 * var(--combat-hud-unit));position:absolute;transform:translate(-50%)}.skill-slot>kbd.is-mouse{width:calc(36 * var(--combat-hud-unit));min-width:calc(36 * var(--combat-hud-unit));box-shadow:none;background:0 0;border:0}.mouse-glyph{width:calc(24 * var(--combat-hud-unit));height:calc(34 * var(--combat-hud-unit));border:calc(3 * var(--combat-hud-unit)) solid #393a38;border-radius:calc(10 * var(--combat-hud-unit)) calc(10 * var(--combat-hud-unit)) calc(7 * var(--combat-hud-unit)) calc(7 * var(--combat-hud-unit));background:#aaa79e;display:block;position:relative}.mouse-glyph:before{content:"";top:0;left:50%;bottom:calc(18 * var(--combat-hud-unit));border-left:calc(2 * var(--combat-hud-unit)) solid #393a38;position:absolute}.mouse-glyph:after{content:"";top:calc(2 * var(--combat-hud-unit));width:calc(8 * var(--combat-hud-unit));height:calc(13 * var(--combat-hud-unit));border-radius:calc(3 * var(--combat-hud-unit));background:#e4bb36;position:absolute}.mouse-glyph.is-left:after{left:calc(2 * var(--combat-hud-unit))}.mouse-glyph.is-right:after{right:calc(2 * var(--combat-hud-unit))}.evade-control{z-index:8;left:calc(1437 * var(--combat-hud-unit));top:calc(35 * var(--combat-hud-unit));width:calc(160 * var(--combat-hud-unit));height:calc(136 * var(--combat-hud-unit));position:absolute}.evade-control>img{width:calc(120 * var(--combat-hud-unit));height:calc(120 * var(--combat-hud-unit));position:absolute}.evade-control>kbd{left:calc(-28 * var(--combat-hud-unit));top:calc(42 * var(--combat-hud-unit));width:calc(69 * var(--combat-hud-unit));min-width:calc(69 * var(--combat-hud-unit));position:absolute}.space-key-mark{width:calc(37 * var(--combat-hud-unit));height:calc(10 * var(--combat-hud-unit));border:calc(3 * var(--combat-hud-unit)) solid #393a35;border-top:0;display:block}.evade-control.is-cooling>img{filter:brightness(.45)saturate(.35)}.utility-cooldown{right:calc(38 * var(--combat-hud-unit));bottom:calc(8 * var(--combat-hud-unit));font-size:calc(24 * var(--combat-hud-unit))}.specialization-control{z-index:9;left:calc(1704 * var(--combat-hud-unit));top:calc(18 * var(--combat-hud-unit));width:calc(144 * var(--combat-hud-unit));height:calc(150 * var(--combat-hud-unit));position:absolute}.specialization-control img{width:calc(144 * var(--combat-hud-unit));height:calc(146 * var(--combat-hud-unit));position:absolute;top:0;left:0}.specialization-control>kbd{left:calc(115 * var(--combat-hud-unit));top:calc(82 * var(--combat-hud-unit));position:absolute}.town-portal-control{z-index:9;left:calc(1398 * var(--combat-hud-unit));top:calc(290 * var(--combat-hud-unit));width:calc(170 * var(--combat-hud-unit));height:calc(130 * var(--combat-hud-unit));position:absolute}.town-portal-button{width:calc(126 * var(--combat-hud-unit));height:calc(126 * var(--combat-hud-unit));position:absolute;inset:0 auto auto 0}.town-portal-button img{width:calc(126 * var(--combat-hud-unit));height:calc(126 * var(--combat-hud-unit));position:absolute}.town-portal-button>kbd{left:calc(-31 * var(--combat-hud-unit));top:calc(39 * var(--combat-hud-unit));position:absolute}.town-portal-channel{left:50%;bottom:calc(450 * var(--combat-hud-unit));width:calc(620 * var(--combat-hud-unit));gap:calc(7 * var(--combat-hud-unit));padding:calc(14 * var(--combat-hud-unit));border:calc(2 * var(--combat-hud-unit)) solid #718b9c;color:#e4e0d7;font-size:calc(22 * var(--combat-hud-unit));text-shadow:0 calc(2 * var(--combat-hud-unit)) #000;background:#070b0ee8;grid-template-columns:1fr auto;display:grid;position:fixed;transform:translate(-50%)}.town-portal-channel>div{height:calc(10 * var(--combat-hud-unit));border:calc(2 * var(--combat-hud-unit)) solid #253d4b;background:#020405;grid-column:1/-1;overflow:hidden}.town-portal-channel i{height:100%;box-shadow:0 0 calc(12 * var(--combat-hud-unit)) #7bddff;background:linear-gradient(90deg,#285a8f,#8adeff,#d9c6ff);display:block}.bottom-hud-stack button:focus-visible{outline:calc(4 * var(--combat-hud-unit)) solid #f1d891;outline-offset:calc(5 * var(--combat-hud-unit))}.hud-orb{top:calc(55 * var(--combat-hud-unit));width:calc(380 * var(--combat-hud-unit));height:calc(365 * var(--combat-hud-unit));background:0 0;border-radius:0;overflow:visible}.hud-health-orb{left:calc(40 * var(--combat-hud-unit))}.hud-energy-orb{left:calc(1430 * var(--combat-hud-unit))}.hud-orb>img{object-fit:contain;border-radius:0;inset:auto}.hud-health-orb>img{left:calc(12 * var(--combat-hud-unit));top:calc(22 * var(--combat-hud-unit));width:calc(324 * var(--combat-hud-unit));height:calc(332 * var(--combat-hud-unit))}.hud-energy-orb>img{left:calc(35 * var(--combat-hud-unit));top:calc(22 * var(--combat-hud-unit));width:calc(319 * var(--combat-hud-unit));height:calc(331 * var(--combat-hud-unit))}.hud-orb .orb-frame,.hud-orb:before,.hud-orb:after{display:none}.hud-orb .orb-depletion{left:calc(51 * var(--combat-hud-unit));top:calc(52 * var(--combat-hud-unit));width:calc(270 * var(--combat-hud-unit));height:calc(270 * var(--combat-hud-unit))}.healing-potion-button{left:calc(280 * var(--combat-hud-unit));top:calc(25 * var(--combat-hud-unit));width:calc(185 * var(--combat-hud-unit));height:calc(165 * var(--combat-hud-unit))}.healing-potion-button img{left:calc(8 * var(--combat-hud-unit));top:calc(13 * var(--combat-hud-unit));width:calc(149 * var(--combat-hud-unit));height:calc(121 * var(--combat-hud-unit))}.healing-potion-button>kbd,.mount-button>kbd,.evade-control>kbd,.town-portal-button>kbd{display:none}.healing-potion-button strong{left:calc(72 * var(--combat-hud-unit));top:calc(112 * var(--combat-hud-unit));font-size:calc(39 * var(--combat-hud-unit))}.mount-control{left:calc(290 * var(--combat-hud-unit));top:calc(270 * var(--combat-hud-unit));width:calc(185 * var(--combat-hud-unit));height:calc(140 * var(--combat-hud-unit))}.mount-button{width:calc(185 * var(--combat-hud-unit));height:calc(140 * var(--combat-hud-unit))}.mount-button img{left:calc(12 * var(--combat-hud-unit));top:calc(18 * var(--combat-hud-unit));width:calc(156 * var(--combat-hud-unit));height:calc(106 * var(--combat-hud-unit))}.hud-core{left:calc(500 * var(--combat-hud-unit));width:calc(840 * var(--combat-hud-unit))}.hud-gargoyle.is-left{left:calc(-140 * var(--combat-hud-unit));top:calc(162 * var(--combat-hud-unit));width:calc(173 * var(--combat-hud-unit));height:calc(174 * var(--combat-hud-unit))}.hud-gargoyle.is-right{left:calc(801 * var(--combat-hud-unit));top:calc(166 * var(--combat-hud-unit));width:calc(164 * var(--combat-hud-unit));height:calc(170 * var(--combat-hud-unit))}.skill-bar{z-index:2;left:calc(20 * var(--combat-hud-unit));top:calc(175 * var(--combat-hud-unit));width:calc(820 * var(--combat-hud-unit));height:calc(170 * var(--combat-hud-unit));grid-template-columns:repeat(6, calc(126 * var(--combat-hud-unit)));padding-left:calc(10 * var(--combat-hud-unit))}.skill-bar>.skill-bar-empty-art{z-index:0;left:calc(11 * var(--combat-hud-unit));top:calc(10 * var(--combat-hud-unit));width:calc(784 * var(--combat-hud-unit));height:calc(162 * var(--combat-hud-unit));position:absolute}.skill-bar .skill-slot{z-index:1;left:calc(var(--skill-slot-left) * var(--combat-hud-unit));top:calc(44 * var(--combat-hud-unit));width:calc(106 * var(--combat-hud-unit));height:calc(105 * var(--combat-hud-unit));box-shadow:none;background:0 0;border:0;padding:0;position:absolute;overflow:hidden}.skill-slot:before{content:none}.skill-slot>kbd{display:none}.bottom-hud-stack .skill-bindings-art{z-index:5;left:calc(90 * var(--combat-hud-unit));top:calc(358 * var(--combat-hud-unit));width:calc(663 * var(--combat-hud-unit));height:calc(36 * var(--combat-hud-unit));pointer-events:none;position:absolute}.evade-control{left:calc(1340 * var(--combat-hud-unit));top:calc(25 * var(--combat-hud-unit));width:calc(220 * var(--combat-hud-unit));height:calc(140 * var(--combat-hud-unit))}.evade-control>img{left:calc(22 * var(--combat-hud-unit));top:calc(13 * var(--combat-hud-unit));width:calc(185 * var(--combat-hud-unit));height:calc(107 * var(--combat-hud-unit))}.town-portal-control{left:calc(1340 * var(--combat-hud-unit));top:calc(270 * var(--combat-hud-unit));width:calc(190 * var(--combat-hud-unit));height:calc(145 * var(--combat-hud-unit))}.town-portal-button{width:calc(190 * var(--combat-hud-unit));height:calc(145 * var(--combat-hud-unit))}.town-portal-button img{left:calc(40 * var(--combat-hud-unit));top:calc(18 * var(--combat-hud-unit));width:calc(146 * var(--combat-hud-unit));height:calc(109 * var(--combat-hud-unit))}@media (prefers-reduced-motion:reduce){.orb-depletion,.experience-track span{transition:none}}.app-shell>.topbar{background:linear-gradient(90deg,#070908e8,#15130ff2 50%,#070908e8),url(/assets/ui/chrome/stone-strip.svg) 50%/auto 100%;border-bottom:1px solid #49382a;height:64px;box-shadow:inset 0 -2px #090807,0 5px 24px #000b}.app-shell>.topbar:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#9a7140 18% 82%,#0000);height:1px;position:absolute;bottom:-2px;left:0;right:0}.app-shell:has(>.home-page)>.topbar{box-shadow:none;background:#000;border-bottom:0}.app-shell:has(>.home-page)>.topbar:after{content:none}.app-shell>.topbar .brand img{height:42px}.home-page{min-height:calc(100dvh - 64px)}.page-frame,.editor-page{--static-iron:#433c32;--static-gold:#b59665;--static-paper:#ded3be;color:var(--static-paper)}.page-frame{isolation:isolate;background:radial-gradient(at 50% -10%,#71301942,#0000 44%),radial-gradient(at 100% 78%,#37201b35,#0000 40%),repeating-linear-gradient(125deg,#0000 0 58px,#ffffff02 59px 60px),linear-gradient(#10110f,#080a09 54%,#050606);width:100%;max-width:none;min-height:calc(100dvh - 64px);margin:0;padding:clamp(1.5rem,3.5vw,3.5rem) max(1rem,50vw - 760px) 5rem;position:relative}.page-frame:before{content:"";z-index:-1;opacity:.2;pointer-events:none;background:url(/assets/ui/chrome/stone-strip.svg) top/720px 184px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0008,#0000 75%);mask-image:linear-gradient(#0008,#0000 75%)}.page-heading{border-bottom:1px solid #66513a;max-width:none;min-height:136px;margin-bottom:1.5rem;padding:.45rem 0 1.55rem;position:relative}.page-heading:after{content:"◆";color:#9b7548;background:#10100d;padding:0 .8rem;font-size:.8rem;position:absolute;bottom:-.68rem;left:50%;transform:translate(-50%)}.page-heading .eyebrow,.editor-heading .eyebrow{color:#b77e5e;letter-spacing:.32em}.page-heading h1,.editor-heading h1{color:#ece1cf;letter-spacing:.1em;text-shadow:0 3px 2px #000,0 0 24px #7b392544;font-family:Georgia,Noto Serif SC,Source Han Serif SC,serif;font-size:clamp(2.4rem,4.2vw,4.6rem);font-weight:600;line-height:1.12}.page-heading p,.editor-heading p{color:#aaa193;max-width:78ch}.page-frame button,.page-frame .primary-button,.page-frame .secondary-button,.editor-page button,.editor-page .primary-button{color:#ded2bb;background:linear-gradient(#35332d,#191b19 55%,#101311);border-color:#766248;border-radius:0;box-shadow:inset 0 0 0 2px #0b0d0c,inset 0 1px #b9a17a38,0 4px 10px #0008}.page-frame button:hover:not(:disabled),.page-frame a.primary-button:hover,.page-frame a.secondary-button:hover,.editor-page button:hover:not(:disabled){color:#f5e5c5;background:linear-gradient(#6a3023,#351611 60%,#1b0e0b);border-color:#bc9965}.page-frame .primary-button,.editor-page .primary-button{color:#f4dfbc;background:linear-gradient(#8c3b2c,#521e18 54%,#2d120f);border-color:#ae7850;font-weight:700}.page-frame .primary-button:hover:not(:disabled),.editor-page .primary-button:hover:not(:disabled){color:#fff0d2;background:linear-gradient(#a74a34,#67261b 54%,#39150e)}.page-frame .toolbar{margin-bottom:1.35rem}.page-frame .notice,.page-frame .empty-state,.page-frame .codex-state{background:linear-gradient(135deg,#1d1a15,#0c0f0e);border:1px solid #6a5037;box-shadow:inset 0 0 0 3px #080a09}.page-frame .notice{border-left:3px solid #b18b59}.page-frame .notice.danger,.page-frame .codex-state.is-error{color:#e7ada0;border-color:#9a4941}.page-frame .field-note{color:#9b907f}.page-frame .save-list{gap:.85rem}.page-frame .save-card{background:radial-gradient(at 8% 45%,#8239243a,#0000 42%),linear-gradient(108deg,#27231c,#141713 46%,#0a0d0c);border:1px solid #705b40;min-height:176px;padding:1.4rem 1.6rem 1.4rem 2.2rem;position:relative;overflow:hidden;box-shadow:inset 0 0 0 3px #0a0c0a,inset 0 0 0 4px #383328,0 14px 28px #0008}.page-frame .save-card:before{content:"◆";color:#ac7b4d;font-size:.7rem;position:absolute;top:50%;left:.45rem;transform:translateY(-50%)}.page-frame .save-card:after{content:"";background:linear-gradient(#0000,#a77d4c,#0000);width:1px;position:absolute;top:10%;bottom:10%;left:1.45rem}.page-frame .save-card h2{color:#eadbc4;letter-spacing:.06em;font-size:clamp(1.35rem,2vw,1.9rem)}.page-frame .save-card p,.page-frame .save-card code{color:#a9a192}.page-frame .save-card .card-actions{justify-content:flex-end}.page-frame .save-card .danger{color:#d69b91;border-color:#78423a}.page-frame .codex-summary,.page-frame .codex-browser,.page-frame .codex-detail{background:radial-gradient(circle at 50% 0,#6e321625,#0000 48%),linear-gradient(#1a1b17,#0a0d0c);border:1px solid #715b3f;box-shadow:inset 0 0 0 3px #080a09,inset 0 0 0 4px #393629,0 15px 30px #0007}.page-frame .codex-summary{align-items:center;min-height:106px;padding-inline:1.7rem}.page-frame .codex-summary strong{color:#e0bd7e;text-shadow:0 0 18px #b472304d;font-family:Georgia,serif}.page-frame .codex-browser,.page-frame .codex-detail{padding:1.35rem}.page-frame .codex-filters{gap:.55rem;margin-bottom:1rem}.page-frame .codex-filters input,.page-frame .codex-filters select{color:#ded3bf;background:#111512;border:1px solid #605541;border-radius:0;min-height:42px;box-shadow:inset 0 1px 8px #0008}.page-frame .codex-card{background:radial-gradient(circle at 50% 23%,#8e5b3226,#0000 50%),linear-gradient(#29251c,#111512 65%);border-color:#675440;position:relative;overflow:hidden;box-shadow:inset 0 0 0 2px #0a0d0b,inset 0 0 0 3px #4a3d2d}.page-frame .codex-card.is-selected{border-color:#d1a568;box-shadow:inset 0 0 0 2px #0a0d0b,inset 0 0 0 3px #a77943,0 0 16px #9a5a2a55}.page-frame .codex-card.is-missing{filter:grayscale(.75);opacity:.77}.page-frame .codex-detail{border-color:currentColor;top:1rem}.page-frame .codex-detail h2{color:#eadcc2;margin-top:.35rem;font-size:1.75rem}.editor-page{background:radial-gradient(at 50% -14%,#6b2c1d4d,#0000 45%),linear-gradient(#131410,#070908 65%);min-height:calc(100dvh - 64px)}.editor-heading{border-bottom:1px solid #725338;padding:.7rem 0 1.25rem}.editor-heading h1{font-size:clamp(2.2rem,3.5vw,3.8rem)}.editor-tabs{border-bottom-color:#685139;gap:.3rem;padding-top:.65rem}.editor-page .editor-tabs button{color:#aea593;background:linear-gradient(#25251e,#111512);border:1px solid #4c4437;border-bottom:0;box-shadow:inset 0 0 0 2px #0a0c0a}.editor-page .editor-tabs button.is-active{color:#f1ddbd;background:linear-gradient(#713224,#381912);border-color:#ad8052;box-shadow:inset 0 -2px #bd8d52,inset 0 0 0 2px #1d100c}.editor-panel,.editor-stage-column,.editor-reference-page{background:radial-gradient(circle at 50% 0,#69321b1e,#0000 50%),linear-gradient(#191b17,#0b0f0d);border-color:#6c573d;box-shadow:inset 0 0 0 3px #080a09,inset 0 0 0 4px #38352a,0 15px 30px #0009}.editor-panel-heading,.reference-heading{border-bottom:1px solid #554631;padding-bottom:.7rem}.editor-page .editor-panel-heading h2,.editor-page .reference-heading h2{color:#e1d2b8;letter-spacing:.05em}.editor-page .asset-category-grid button,.editor-page .layer-overview button,.editor-page .contact-sheet-grid button,.editor-page .guide-document-list details,.editor-page .example-gallery-grid article,.editor-page .catalog-stat-grid article,.editor-page .catalog-category-list article,.editor-page .scene-idea-grid article{background:linear-gradient(#25231d,#101411);border-color:#5a4d3a}.editor-page .asset-category-grid button.is-active,.editor-page .layer-overview button.is-active{color:#f0d6ab;background:linear-gradient(#633024,#271712);border-color:#c0935c}.editor-page input,.editor-page select,.editor-page textarea{color:#ded3bf;background:#101410;border-color:#67553d;border-radius:0}.editor-page .catalog-notes,.editor-page .guide-summary-callout{background:#261c15;border-left-color:#b0784a}@media (width<=900px){.page-frame .save-card{flex-direction:column;align-items:stretch;gap:1.2rem}.page-frame .save-card .card-actions{justify-content:flex-start}}@media (width<=600px){.page-frame{padding-inline:.75rem}.page-heading{min-height:0}.page-frame .save-card{padding:1.25rem .85rem 1.25rem 1.7rem}.page-frame .save-card:after{left:1.25rem}.page-frame .codex-browser,.page-frame .codex-detail{padding:.8rem}.page-frame .codex-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.page-frame .codex-filters label{grid-column:1/-1}}