:root{color-scheme:light;font-family:Cascadia Mono,Lucida Console,Courier New,monospace;--ink: #f3d6a2;--outline: #17120f;--peach: #70472d;--peach-dark: #4b3021;--cream: #95633d;--cream-light: #b37b4a;--green: #3b984f;--green-dark: #23723c}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#241a13;color:var(--ink)}body,button{font-family:inherit;-webkit-font-smoothing:none}button{color:var(--ink)}.auth-overlay{position:fixed;inset:0;z-index:3000;display:grid;place-items:center;padding:24px;background:#160e09e8}.auth-overlay[hidden]{display:none}.auth-window{width:min(470px,94vw);padding:34px 42px 38px;text-align:center;color:#ffe5b5;background:#70472d;box-shadow:inset 0 0 0 4px #b37b4a,inset 0 0 0 8px #2a1b13,9px 11px #100b08}.auth-window:before{inset:12px}.auth-kicker{position:relative;z-index:4;color:#b9dc75;font-size:12px;letter-spacing:1px}.auth-window h1{position:relative;z-index:4;margin:9px 0 14px;color:#fff0c6;font-size:27px;text-shadow:2px 2px #3a2115}.auth-window p{position:relative;z-index:4;margin:0 auto 24px;max-width:350px;color:#efd19b;font-size:13px;line-height:1.55}.google-signin{position:relative;z-index:4;min-height:44px;display:grid;place-items:center}.auth-window small{position:relative;z-index:4;display:block;margin-top:16px;color:#d6b37d;font-size:10px}.auth-window small[data-kind=error]{color:#ffb2a2}#game-shell{width:100vw;height:100dvh;padding:7px;display:grid;gap:7px;grid-template-columns:minmax(225px,1fr) min(132dvh,calc(100vw - 464px)) minmax(225px,1fr);grid-template-rows:88px minmax(0,1fr) 88px;background:repeating-linear-gradient(0deg,transparent 0 7px,#8d5f5520 7px 8px),#3b281b}.pixel-panel,.hud-card{position:relative;border:3px solid var(--outline);background:var(--peach);box-shadow:inset 0 0 0 2px #9b693f,3px 3px #100d0b}.pixel-panel:before,.hud-card:before{content:"";pointer-events:none;position:absolute;inset:5px;z-index:3;border:1px solid #3c281d}.topbar{grid-column:1 / -1;min-width:0;display:flex;gap:7px;align-items:stretch;padding:7px;overflow:visible}.player-card{width:225px;min-width:0;display:flex;align-items:center;gap:10px;padding:2px 10px 2px 4px;border-right:2px solid var(--outline)}.portrait{width:48px;height:48px;overflow:hidden;position:relative;flex:0 0 auto;background:#4a9851;border:2px solid var(--outline);box-shadow:inset 2px 2px #a5d575}.portrait img{position:absolute;height:110px;width:auto;left:-30px;top:-30px;image-rendering:pixelated}.player-card strong,.player-card small{display:block}.player-card strong{font-size:17px;line-height:1.12}.player-card small{color:#d2b273;margin-top:4px;font-size:12px}.resources{flex:1;display:grid;grid-template-columns:repeat(4,minmax(110px,1fr));gap:6px}.resource{min-width:0;display:grid;grid-template-columns:38px 1fr;grid-template-rows:1fr 1fr;column-gap:8px;align-items:center;padding:5px 10px;background:var(--cream);border:2px solid var(--outline);box-shadow:inset 2px 2px #b98250,inset -2px -2px #4e3324}.resource img,.buffs-card img{width:34px;height:34px;object-fit:contain;image-rendering:pixelated;grid-row:1 / 3;filter:drop-shadow(1px 2px #6a5362)}.resource span{font-size:11px;text-transform:uppercase;color:#e0bd82}.resource strong{font-size:20px;color:#ffe2a9}.quick-actions{display:flex;gap:5px}.quick-actions button{width:48px;padding:5px;display:grid;place-items:center;cursor:pointer;background:var(--cream);border:2px solid var(--outline);box-shadow:inset 2px 2px #b98250,inset -2px -2px #4e3324}.account-menu{position:absolute;z-index:1200;top:78px;right:5px;width:220px;display:grid;gap:8px;padding:13px;color:#ffe0aa;background:#70472d;box-shadow:inset 0 0 0 2px #a97045,5px 6px #100d0b}.account-menu[hidden]{display:none}.account-menu strong,.account-menu span,.account-menu button{position:relative;z-index:4}.account-menu strong{color:#b9dc75;font-size:11px;letter-spacing:1px}.account-menu span{padding-bottom:8px;color:#e4c18a;border-bottom:1px dashed #a6734c;font-size:10px}.account-menu button{width:100%;min-height:38px;cursor:pointer;color:#fff0c6;background:#824535;border:2px solid var(--outline);box-shadow:inset 2px 2px #bd7554,2px 2px #271711;font:11px inherit}.account-menu button:hover{background:#a4513c}.account-menu button:disabled{cursor:wait;opacity:.7}.quick-actions img{width:34px;height:34px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(1px 2px #6a5362)}.quick-actions button:not(:disabled):hover,.bottom-nav button:not(:disabled):hover,.wide-button:not(:disabled):hover{background:#aa7246;transform:translateY(-1px)}.quick-actions button:not(:disabled):active,.bottom-nav button:not(:disabled):active,.wide-button:not(:disabled):active{transform:translate(2px,2px);box-shadow:inset 2px 2px #ad715f}.quick-actions button[aria-pressed=true]{background:#6f9e4d;box-shadow:inset 2px 2px #a9d477,inset -2px -2px #365527,0 0 0 2px #d8f29a}.quick-actions button:disabled{cursor:not-allowed;filter:grayscale(1);opacity:.45}.left-rail,.right-rail{min-height:0;display:flex;flex-direction:column;gap:7px;overflow:hidden}.left-rail{grid-column:1;grid-row:2}.right-rail{grid-column:3;grid-row:2}.hud-card{padding:9px}.hud-card h2{position:relative;z-index:4;margin:-4px -4px 10px;padding:6px 12px;text-align:left;text-transform:none;font-size:14px;color:var(--ink);background:var(--cream);border:2px solid var(--outline);box-shadow:inset 2px 2px #b98250,2px 2px #221713}.hud-card h2:before{content:"";display:inline-block;width:6px;height:6px;margin-right:7px;background:var(--green);border:1px solid var(--outline);transform:rotate(45deg)}.hud-card h2:after{display:none}.hud-card h2 small{float:right;color:#b9dc75;font-size:11px;margin-top:1px}.objective-title{display:flex;align-items:center;gap:8px;font-size:13px}.objective-title img{width:31px;image-rendering:pixelated;filter:drop-shadow(1px 1px #201712)}.progress,.hp-bar{height:14px;margin:9px 0 5px;padding:2px;background:#38271b;border:2px solid var(--outline);box-shadow:inset 1px 1px #120e0c}.progress i,.hp-bar i{height:100%;display:block;width:0;background:repeating-linear-gradient(90deg,var(--green) 0 8px,#55b45f 8px 10px);box-shadow:inset 0 1px #9ae378}.objective-card>strong{display:block;text-align:center;font-size:12px}.mission{position:relative;z-index:4;padding:8px 3px;border-bottom:1px dashed #9a6545;font-size:12px}.mission span{display:flex;align-items:center;gap:6px}.mission span img{width:19px;height:19px;object-fit:contain;image-rendering:pixelated}.mission strong{display:block;text-align:right;color:#f0c982;margin-top:4px}.wide-button{position:relative;z-index:4;width:100%;margin-top:8px;padding:8px;background:var(--cream);border:2px solid var(--outline);box-shadow:inset 2px 2px #b98250,2px 2px #221713;font-size:13px;cursor:pointer}.buffs-card>div{position:relative;z-index:4;display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:7px;margin:9px 2px;font-size:12px}.buffs-card img{width:25px;height:25px;grid-row:auto}.buffs-card strong{color:#f0ca84}.game-stage{min-width:0;min-height:0;grid-column:2;grid-row:2;align-self:center;display:grid;grid-template-rows:32px auto;padding:5px;background:var(--peach)}.stage-heading{position:relative;z-index:4;display:flex;align-items:center;justify-content:space-between;padding:0 10px;color:var(--ink);text-transform:none;font-size:14px;background:var(--cream);border:2px solid var(--outline);box-shadow:inset 2px 2px #b98250}.stage-heading span{font-size:11px;color:#e0ba7d}#game{position:relative;width:100%;aspect-ratio:2 / 1;min-height:0;overflow:hidden;background:#276a75;border:2px solid var(--outline);box-shadow:inset 0 0 0 2px #f6c490}#game canvas{position:absolute;display:block;width:105.2632%!important;height:auto!important;max-width:none;max-height:none;margin:0!important;left:-2.6316%;top:-7.8947%;image-rendering:pixelated}.team-card{flex:1;min-height:0;display:flex;flex-direction:column}.entity-list{position:relative;z-index:4;overflow:auto;min-height:0;display:flex;flex-direction:column;gap:5px;scrollbar-color:#9b605a var(--cream);scrollbar-width:thin}.entity-row{display:grid;grid-template-columns:56px 1fr;gap:7px;padding:5px;background:#815334;border:2px solid var(--outline);box-shadow:inset 2px 2px #a56d42;min-height:76px}.sprite-portrait{width:54px;height:54px;overflow:hidden;background:#4a9851;border:2px solid var(--outline);box-shadow:inset 2px 2px #9cd271;position:relative}.sprite-portrait img{height:170px;width:auto;image-rendering:pixelated;position:absolute;left:-58px;top:-58px}.sprite-portrait img.custom-hero-portrait{width:100%;height:100%;inset:0;object-fit:contain}.entity-info{min-width:0}.entity-info strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#ffe0a6;font-size:12px}.entity-info small{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#f0c88d;font-size:9px}.entity-name{display:flex;align-items:center;justify-content:space-between;gap:4px;min-width:0}.entity-name strong{min-width:0}.entity-name em{flex:none;font-size:8px;font-style:normal;font-weight:800;text-transform:uppercase;text-shadow:1px 1px #2b170d}.entity-state{flex:none;padding:1px 3px;border:1px solid #332012;color:#ffe8a5;background:#674329;font-size:8px;line-height:1.2}.entity-state.fury-state{color:#ffd878;background:#613c24}.entity-state.is-active{color:#fff4a6;background:#a23b22;box-shadow:0 0 5px #ff8a31}.skill-summary{display:block;margin-top:3px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#f3d7a8;font-size:9px}.hp-bar{height:9px;margin:4px 0 0;padding:1px}.empty-state{color:#d6ae76;font-size:11px;padding:8px}.buildings-card{flex:0 0 auto}.building-grid{position:relative;z-index:4;display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.building-tile{position:relative;aspect-ratio:1;display:grid;place-items:center;overflow:hidden;background:var(--cream);border:2px solid var(--outline);box-shadow:inset 2px 2px #b98250}.building-tile img{width:74%;max-width:74%;max-height:74%;image-rendering:pixelated}.building-icon{width:70%;height:70%;display:block;background-repeat:no-repeat;background-position:left center;image-rendering:pixelated}.mill-icon{background-image:url(../structures/windmill-animation-9-frames.png);background-size:900% 100%}.building-tile b{position:absolute;right:3px;bottom:2px;font-size:11px;color:#ffe0a6}.bottom-nav{grid-column:1 / -1;display:grid;grid-template-columns:repeat(8,minmax(72px,1fr));gap:7px;padding:7px}.bottom-nav button{position:relative;overflow:hidden;min-width:0;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;background:var(--cream);border:2px solid var(--outline);box-shadow:inset 2px 2px #b98250,inset -2px -2px #4e3324,2px 2px #17120f;text-transform:none;font-size:13px;transition:.08s}.bottom-nav button:after{content:"";position:absolute;left:6px;right:6px;bottom:4px;height:2px;background:var(--peach-dark)}.bottom-nav img{width:40px;height:40px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(1px 2px #84616a)}.bottom-nav button:disabled,.wide-button:disabled{cursor:not-allowed;color:#b99570;filter:grayscale(.8) saturate(.45);opacity:.52;box-shadow:inset 2px 2px #79543a,inset -2px -2px #3e2c21,1px 1px #17120f}.bottom-nav button:disabled img{filter:grayscale(1) drop-shadow(1px 2px #4c3b34)}.resource,.quick-actions button,.wide-button,.entity-row,.building-tile,.bottom-nav button{clip-path:polygon(3px 0,calc(100% - 3px) 0,100% 3px,100% calc(100% - 3px),calc(100% - 3px) 100%,3px 100%,0 calc(100% - 3px),0 3px)}.battle-log{position:fixed;z-index:1100;top:88px;right:10px;bottom:102px;width:min(610px,calc(100vw - 20px));display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;padding:7px;color:#f7dfb2;background:#4a3021;box-shadow:inset 0 0 0 3px #9c673e,7px 8px #100b08}.battle-log-header{position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:8px 10px 8px 14px;background:linear-gradient(#95603b,#70452d);border:2px solid #21160f;box-shadow:inset 2px 2px #bd8352}.battle-log-header small{display:block;color:#e2ba7d;font-size:9px;text-transform:uppercase}.battle-log-header h2{margin:3px 0 0;font-size:17px}.battle-log-header h2 b{margin-left:5px;padding:1px 5px;color:#26180f;background:#efc987;border:1px solid #291a12;font-size:11px}.battle-log-header>button{width:38px;height:38px;cursor:pointer;color:#fff0c6;background:#7b3c2d;border:2px solid #24150f;box-shadow:inset 2px 2px #c97853;font:25px/1 inherit}.battle-log-toolbar{position:relative;z-index:5;display:grid;gap:6px;padding:7px;background:#342219;border:2px solid #21160f;border-top:0}.battle-log-filters,.battle-log-actions{display:flex;flex-wrap:wrap;gap:4px}.battle-log-toolbar button{min-height:26px;padding:4px 8px;cursor:pointer;color:#e7c38c;background:#68442d;border:2px solid #21160f;box-shadow:inset 1px 1px #98613d;font:9px inherit}.battle-log-toolbar button:hover{background:#855638}.battle-log-toolbar button[aria-pressed=true]{color:#fff0bf;background:#3f6f3d;outline:1px solid #9bc568;outline-offset:-3px}.battle-log-actions{justify-content:flex-end}.battle-log-actions button:first-child[aria-pressed=true]{background:#8a442e}.battle-log-list{position:relative;z-index:4;min-height:0;overflow-y:auto;padding:5px;background:repeating-linear-gradient(0deg,#2e2018 0 31px,#31231b 31px 32px);border:2px solid #21160f;scrollbar-color:#9b6541 #302018;scrollbar-width:thin}.battle-log-empty,.battle-log-truncated{padding:12px 14px;color:#b99068;text-align:center;font-size:9px}.battle-log-empty{padding-block:34px;font-size:11px}.battle-log-truncated{margin:0 0 5px;background:#3d2a20;border:1px dashed #906344}.log-entry{display:grid;grid-template-columns:54px 74px minmax(0,1fr);gap:7px;margin-bottom:4px;padding:7px;background:#6c472f;border:2px solid #21160f;box-shadow:inset 2px 2px #91603e;font-size:10px}.log-time{color:#e2b979;font-variant-numeric:tabular-nums}.log-category{align-self:start;padding:2px 4px;text-align:center;text-transform:uppercase;color:#fff0c1;background:#526a3e;border:1px solid #24170f;font-size:8px}.log-entry[data-category=combat] .log-category{background:#8b3e32}.log-entry[data-category=skill] .log-category{background:#5e4c91}.log-entry[data-category=status] .log-category{background:#8a682b}.log-entry[data-category=farm] .log-category{background:#39714a}.log-entry[data-category=system] .log-category{background:#4a6576}.log-content{min-width:0}.log-content strong{display:block;margin-bottom:3px;color:#ffe4ad;font-size:11px}.log-content p{margin:0;color:#e5c79b;line-height:1.4}.log-details{display:flex;flex-wrap:wrap;gap:3px;margin-top:5px}.log-details span{padding:2px 4px;color:#f4d9a7;background:#432d20;border:1px solid #24170f;font-size:8px}.battle-log footer{position:relative;z-index:5;display:flex;justify-content:space-between;padding:6px 8px 1px;color:#bd966b;font-size:8px}.compendium-overlay{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:28px;background:#160e09d9;backdrop-filter:blur(2px)}.compendium-window{width:min(1480px,96vw);height:min(820px,92dvh);display:grid;grid-template-rows:84px 50px minmax(0,1fr);padding:8px;color:#ffe5b5;background:#5c3925;box-shadow:inset 0 0 0 3px #a76b3c,inset 0 0 0 7px #2a1b13,8px 10px #100b08}.compendium-window:after{content:"";pointer-events:none;position:absolute;inset:12px;border:2px dashed #c18a5060}.compendium-header{position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:8px 16px 8px 22px;border:3px solid #25170f;background:linear-gradient(#9a6039,#73452c);box-shadow:inset 2px 2px #c98b55,inset -3px -3px #492b1d}.compendium-kicker{color:#edd09a;font-size:11px;text-transform:uppercase;letter-spacing:1px}.compendium-header h1{margin:3px 0 0;font-size:clamp(20px,2vw,28px);color:#fff0c6;text-shadow:2px 2px #3a2115}.compendium-close{width:50px;height:50px;padding:0 0 5px;cursor:pointer;font:32px/1 inherit;color:#fff0c6;background:#7b3c2d;border:3px solid #24150f;box-shadow:inset 2px 2px #c97853,3px 3px #2a1810}.compendium-close:hover{background:#a65039}.compendium-tabs{position:relative;z-index:5;display:flex;align-items:end;gap:5px;padding:5px 16px 0;border-bottom:3px solid #24170f;background:#3d281c}.compendium-tabs button{min-width:220px;height:42px;padding:7px 18px;cursor:pointer;color:#e9c891;font-size:14px;background:#69432c;border:2px solid #24170f;box-shadow:inset 2px 2px #9b653f}.compendium-tabs button[aria-selected=true]{height:45px;color:#fff1be;background:#98603a;border-bottom-color:#98603a;transform:translateY(3px)}.compendium-panel{position:relative;z-index:4;min-height:0;padding:9px;background:repeating-linear-gradient(0deg,#4d3325 0 31px,#503629 31px 32px)}#compendium-classes{display:grid;grid-template-columns:300px minmax(0,1fr);gap:9px}.class-selector{min-height:0;padding:7px;overflow-y:auto;border:3px solid #24170f;background:#332218;box-shadow:inset 2px 2px #68442d}.class-selector button{width:100%;min-height:71px;display:grid;grid-template-columns:58px 1fr;align-items:center;gap:9px;margin-bottom:6px;padding:5px;cursor:pointer;text-align:left;color:#f5d9a3;background:#71492f;border:2px solid #25170f;box-shadow:inset 2px 2px #a26a41,2px 2px #1c120d}.class-selector button:hover{background:#805436}.class-selector button[aria-selected=true]{color:#fff3c9;background:#996039;outline:2px solid #e4a34e;outline-offset:-5px}.class-selector button>span:last-child{min-width:0}.class-selector strong,.class-selector small{display:block}.class-selector strong{font-size:14px}.class-selector small{margin-top:5px;color:#e1b975;font-size:10px}.class-sprite-small,.class-sprite-large{position:relative;overflow:hidden;flex:0 0 auto;background:#498d4d;border:2px solid #20150f;box-shadow:inset 2px 2px #79bb61}.class-sprite-small{width:58px;height:58px}.class-sprite-small img{position:absolute;width:auto;height:150px;left:-47px;top:-47px;image-rendering:pixelated}.class-details{min-width:0;min-height:0;overflow-y:auto;padding:12px;border:3px solid #24170f;background:#70482f;box-shadow:inset 3px 3px #9a633d}.class-hero{display:flex;gap:18px;align-items:center;min-height:154px;padding:12px 16px;color:#3a2418;background:#d6a36d;border:3px solid #271810;box-shadow:inset 3px 3px #f1cc91,inset -3px -3px #9e6945}.class-sprite-large{width:130px;height:130px}.class-sprite-large img{position:absolute;width:auto;height:300px;left:-85px;top:-84px;image-rendering:pixelated}.class-hero span{color:#714027;font-size:11px;text-transform:uppercase}.class-hero h2{margin:4px 0 8px;font-size:27px;color:#432618}.class-hero p{max-width:720px;margin:0;font-size:14px;line-height:1.55}.skills-title{display:flex;justify-content:space-between;margin:14px 2px 8px;color:#ffdea2;font-size:15px}.skills-title small{color:#dcaf70;font-size:11px}.skills-list{display:grid;grid-template-columns:repeat(2,minmax(250px,1fr));gap:8px}.skill-card{display:grid;grid-template-columns:58px 1fr;gap:10px;min-height:106px;padding:10px;color:#3d271b;background:#d7a46f;border:3px solid #281910;box-shadow:inset 2px 2px #f0ca91,inset -2px -2px #9b6541}.skill-card img{width:58px;height:58px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(2px 2px #87583d)}.skill-card h3{margin:2px 0 6px;font-size:15px;color:#482718}.skill-card p{margin:0;font-size:12px;line-height:1.5}.glossary-panel{overflow-y:auto;padding:14px 18px 24px}.glossary-search{position:sticky;top:0;z-index:4;display:grid;grid-template-columns:auto minmax(220px,520px);justify-content:center;align-items:center;gap:14px;padding:12px;color:#ffe1a6;background:#3a271c;border:3px solid #24170f;box-shadow:3px 3px #1d130d}.glossary-search span{font-size:13px}.glossary-search input{height:38px;padding:6px 12px;color:#352116;font:13px inherit;outline:none;background:#efd09b;border:3px solid #24170f;box-shadow:inset 2px 2px #a86e47}.glossary-search input:focus{outline:2px solid #e4a34e}.glossary-count{margin:11px 4px 5px;color:#dab47d;font-size:11px;text-align:right}.glossary-list{display:grid;grid-template-columns:repeat(2,minmax(300px,1fr));align-items:start;gap:10px}.glossary-group{padding:8px;background:#70482f;border:3px solid #24170f;box-shadow:inset 2px 2px #96603c}.glossary-group h2{margin:0 0 7px;padding:8px 11px;font-size:16px;color:#fff0bd;background:#3f5f31;border:2px solid #23170f;box-shadow:inset 2px 2px #67874d}.glossary-group article{padding:9px 10px;color:#3b2518;background:#d5a16c;border:2px solid #3a2418;border-bottom-width:0}.glossary-group article:last-child{border-bottom-width:2px}.glossary-group h3{margin:0 0 5px;font-size:13px;color:#542d1b}.glossary-group p{margin:0;font-size:11px;line-height:1.5}.glossary-empty{grid-column:1 / -1;padding:40px;text-align:center;color:#eccb93}[hidden]{display:none!important}.chest-overlay{position:fixed;inset:0;z-index:450;display:grid;place-items:center;padding:18px;background:#180e09c7}.chest-window{width:min(680px,96vw);min-height:580px;display:grid;grid-template-rows:78px minmax(0,1fr) 86px;color:#f7dca5;background:#4b3022;border:5px solid #24150d;box-shadow:inset 3px 3px #98603b,10px 12px #0f0805a6}.chest-window>header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:#75472d;border-bottom:4px solid #26170e;box-shadow:inset 0 3px #a96c42}.chest-window header span{color:#d9aa69;font-size:9px}.chest-window h1{margin:4px 0 0;color:#ffe8b1;font-size:24px}.chest-window header button{width:48px;height:48px;cursor:pointer;color:#fbe5b6;font:30px monospace;background:#8b5032;border:3px solid #27170f;box-shadow:inset 2px 2px #c07a49}.chest-content{min-height:0;padding:18px;overflow-y:auto;background:repeating-linear-gradient(0deg,#513527 0 31px,#54382a 31px 32px)}.chest-window>footer{display:grid;place-items:center;padding:12px;border-top:4px solid #24150d;background:#68412b}.chest-window>footer button{width:min(340px,90%);height:54px;cursor:pointer;color:#3a2417;font:800 15px monospace;background:#e8c98d;border:4px solid #29180f;box-shadow:inset 3px 3px #fff0bd,inset -3px -3px #a97547,3px 3px #1c100a}.chest-window>footer button:disabled{cursor:wait;filter:grayscale(.65);opacity:.7}.chest-showcase{display:grid;grid-template-columns:112px 1fr;gap:16px;align-items:center;padding:14px;color:#3b2417;background:#d5a06b;border:4px solid #28180f;box-shadow:inset 3px 3px #efc992}.chest-showcase img{width:104px;height:104px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(4px 5px #8d5638)}.chest-showcase h2{margin:0 0 7px;font-size:21px}.chest-showcase p{margin:0 0 10px;font-size:12px;line-height:1.5}.chest-showcase small{color:#795033;font-size:9px}.chest-chances{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin:14px 0;padding:0;list-style:none}.chest-chances li{min-width:0;padding:9px 5px;text-align:center;color:#f5d9a4;background:#70472f;border:3px solid #26170f;box-shadow:inset 2px 2px #99603d}.chest-chances i{width:14px;height:14px;display:block;margin:0 auto 5px;border:2px solid #21140d}.chest-chances span,.chest-chances b{display:block;overflow:hidden;text-overflow:ellipsis}.chest-chances span{font-size:9px}.chest-chances b{margin-top:5px;color:#fff0ba;font-size:13px}.pity-box{padding:13px;background:#36241b;border:3px solid #21140d;box-shadow:inset 2px 2px #684532}.pity-box p{display:flex;justify-content:space-between;margin:3px 0;font-size:11px}.pity-box progress{width:100%;height:13px;accent-color:#d99a42}.pity-box small{display:block;margin-top:9px;color:#d5ad74;font-size:9px}.chest-loading,.chest-error{margin:100px auto;text-align:center}.chest-error{color:#ff9f83}.chest-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:10px}.chest-tabs button{min-height:42px;cursor:pointer;color:#e6bc7d;font:700 11px monospace;background:#503225;border:3px solid #25160e;box-shadow:inset 2px 2px #765039}.chest-tabs button[aria-selected=true]{color:#382318;background:#e3b970;box-shadow:inset 2px 2px #ffe4a4,inset -2px -2px #996638}.chest-reward{--rarity:#b8b8b8;display:grid;justify-items:center;padding:18px;text-align:center;color:#3b2418;background:#d7a36d;border:5px solid var(--rarity);outline:3px solid #21140d;box-shadow:inset 4px 4px #f0ca92,0 0 22px var(--rarity)}.reward-kicker{color:#77452b;font-size:10px}.reward-portrait{position:relative;width:150px;height:150px;margin:10px;overflow:hidden;background:#4b9550;border:5px solid var(--rarity);box-shadow:3px 4px #392217}.reward-portrait img{position:absolute;width:auto;height:340px;left:-97px;top:-96px;image-rendering:pixelated}.reward-portrait img.custom-hero-portrait{width:100%;height:100%;inset:0;object-fit:contain}.chest-reward h2{margin:4px 0;font-size:25px}.chest-reward>strong{color:var(--rarity);font-size:16px;text-shadow:1px 1px #2b180f}.reward-stats{display:grid;grid-template-columns:repeat(4,1fr);width:100%;gap:6px;margin:15px 0}.reward-stats span{padding:8px;color:#f0c98e;font-size:9px;background:#70482f;border:3px solid #28180f}.reward-stats b{display:block;margin-top:4px;color:#fff0b9;font-size:13px}.chest-reward small{font-size:9px}.chest-reward p{margin:12px 0 0;font-size:11px}.item-reward-icon{width:150px;height:150px;display:grid;place-items:center;margin:12px;background:#33231b;border:5px solid #28180f;box-shadow:0 0 0 4px var(--rarity),4px 5px #392217}.item-reward-icon img{width:112px;height:112px;object-fit:contain;image-rendering:pixelated}.item-reward-owner{padding:6px 12px;color:#f6d79b;background:#70482f;border:2px solid #28180f}.item-reward-stats{width:100%;margin:10px 0;padding:10px;color:#fff0b9;font-size:12px;background:#70482f;border:3px solid #28180f}.reward-portrait{width:min(250px,70vw);height:min(250px,70vw);border-color:#fff;box-shadow:4px 5px #392217}.characters-overlay{position:fixed;inset:0;z-index:440;display:grid;place-items:center;padding:16px;background:#180e09cc}.characters-window{width:min(1120px,97vw);height:min(790px,96vh);display:grid;grid-template-rows:76px 188px minmax(0,1fr) 72px;color:#f4d69d;background:#4b3022;border:5px solid #24150d;box-shadow:inset 3px 3px #98603b,10px 12px #0f0805a6}.characters-window>header{display:flex;align-items:center;justify-content:space-between;padding:9px 14px;background:#75472d;border-bottom:4px solid #26170e;box-shadow:inset 0 3px #a96c42}.characters-window header span{color:#d9aa69;font-size:9px}.characters-window h1{margin:4px 0 0;color:#ffe8b1;font-size:23px}.characters-window header>div:last-child{display:flex;gap:7px}.characters-window header button{height:44px;padding:0 13px;cursor:pointer;color:#fbe5b6;font:11px monospace;background:#8b5032;border:3px solid #27170f;box-shadow:inset 2px 2px #c07a49}#close-characters{width:46px;padding:0;font-size:28px}.composition-builder,.owned-collection{min-height:0;padding:10px 14px}.composition-builder{background:#36241b;border-bottom:4px solid #24150d}.characters-window h2{margin:0 0 8px;color:#ffe4aa;font-size:14px}.characters-window h2 small{margin-left:8px;color:#bd9160;font-size:9px}#composition-slots{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.composition-slot{--rarity:#b8b8b8;min-width:0;height:132px;display:grid;grid-template-columns:24px 58px minmax(0,1fr);grid-template-rows:1fr 1fr;align-items:center;gap:3px 7px;padding:7px;cursor:pointer;text-align:left;color:#f6d9a2;background:#754a30;border:3px solid var(--rarity);box-shadow:inset 2px 2px #a26942}.composition-slot>b{grid-row:1/3;align-self:start;color:#eab56d;font-size:18px}.composition-slot .owned-portrait{grid-row:1/3}.composition-slot>span:not(.owned-portrait){align-self:end;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:11px}.composition-slot>small{align-self:start;color:var(--rarity);font-size:8px}.composition-slot.empty{display:grid;grid-template-columns:24px 1fr;opacity:.65;border-color:#68462f}.composition-slot.empty span{grid-row:1/3;align-self:center;text-align:center}.owned-collection{overflow:hidden;background:repeating-linear-gradient(0deg,#513527 0 31px,#54382a 31px 32px)}.collection-toolbar{height:38px;display:flex;align-items:center;gap:8px}.collection-toolbar h2{margin:0 auto 0 0}.collection-toolbar input,.collection-toolbar select{height:30px;padding:4px 8px;color:#3b2418;font:9px monospace;background:#e4bd83;border:3px solid #28180f;outline:none}.collection-toolbar input{width:230px}.collection-toolbar select{width:160px}#character-roster{height:calc(100% - 40px);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;gap:8px;overflow-y:auto;padding-right:4px}.owned-character{--rarity:#b8b8b8;min-width:0;min-height:104px;display:grid;grid-template-columns:70px minmax(0,1fr);grid-template-rows:1fr auto;gap:5px 9px;padding:7px;cursor:pointer;text-align:left;color:#f4d6a0;background:#754a30;border:3px solid #28180f;border-left:6px solid var(--rarity);box-shadow:inset 2px 2px #a26942}.owned-character.selected{outline:2px solid var(--rarity);outline-offset:-7px;background:#875638}.owned-character .owned-portrait{grid-row:1/3}.owned-character div{min-width:0}.owned-character strong,.owned-character em,.owned-character small{display:block}.owned-character strong{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:12px}.owned-character em{margin:4px 0;color:var(--rarity);font-size:8px;font-style:normal}.owned-character small{color:#e2b878;font-size:8px;line-height:1.55}.owned-character>span{color:#f2c886;font-size:8px}.owned-portrait{position:relative;width:64px;height:64px;display:block;overflow:hidden;background:#4b9550;border:3px solid #28180f}.owned-portrait img{position:absolute;width:auto;height:175px;left:-61px;top:-60px;image-rendering:pixelated}.owned-portrait img.custom-hero-portrait{width:100%;height:100%;inset:0;object-fit:contain}.composition-slot{border-color:#28180f}.owned-character{border-left:3px solid #28180f}.owned-character.selected{outline-color:#e8c98d}.characters-window>footer{display:flex;align-items:center;justify-content:flex-end;gap:14px;padding:9px 14px;border-top:4px solid #24150d;background:#68412b}.characters-window>footer span{margin-right:auto;color:#f0c888;font-size:10px}.characters-window>footer button{width:250px;height:46px;cursor:pointer;color:#3a2417;font:800 12px monospace;background:#e8c98d;border:4px solid #29180f;box-shadow:inset 3px 3px #fff0bd,inset -3px -3px #a97547,3px 3px #1c100a}.characters-window>footer button:disabled{cursor:wait;opacity:.65}.character-loading,.character-error{grid-column:1/-1;padding:50px;text-align:center}.character-error{color:#ff9f83}.items-overlay{position:fixed;inset:0;z-index:445;display:grid;place-items:center;padding:16px;background:#180e09d1}.items-window{width:min(1040px,97vw);height:min(840px,97vh);display:grid;grid-template-rows:76px 62px 390px minmax(0,1fr);color:#f4d69d;background:#4b3022;border:5px solid #24150d;box-shadow:inset 3px 3px #98603b,10px 12px #0f0805a6}.items-window>header{display:flex;align-items:center;justify-content:space-between;padding:9px 14px;background:#75472d;border-bottom:4px solid #26170e}.items-window header span{color:#d9aa69;font-size:9px}.items-window h1{margin:4px 0 0;color:#ffe8b1;font-size:23px}.items-window header button{width:46px;height:44px;cursor:pointer;color:#fbe5b6;font:28px monospace;background:#8b5032;border:3px solid #27170f}.equipment-character-picker{display:flex;align-items:center;gap:10px;padding:8px 14px;background:#68412b;border-bottom:3px solid #24150d}.equipment-character-picker label{font-size:10px}.equipment-character-picker select{height:34px;min-width:230px;padding:4px 8px;color:#3b2418;font:10px monospace;background:#e4bd83;border:3px solid #28180f}.equipment-character-picker p{margin-left:auto;font-size:9px;color:#ffd894}.equipment-slots{display:grid;grid-template-columns:170px minmax(260px,340px) 170px;grid-template-rows:repeat(3,110px);justify-content:center;gap:8px 12px;padding:16px;background:radial-gradient(circle at center,#684a32 0 24%,#3b291f 63%,#2a1c17);border-bottom:4px solid #24150d;box-shadow:inset 0 0 30px #1a100c}.equipment-slot{position:relative;min-width:0;display:grid;grid-template-columns:62px 1fr;grid-template-rows:18px 1fr auto;gap:2px 7px;padding:7px;overflow:hidden;background:linear-gradient(135deg,#795337,#503421);border:3px solid var(--rarity);box-shadow:inset 2px 2px #a97a4d,3px 3px #1c110d}.equipment-slot>span{grid-column:1/-1;color:#e6bd7d;font-size:8px;text-transform:uppercase}.equipment-slot img{grid-row:2/4;width:58px;height:58px;object-fit:contain;image-rendering:pixelated;background:#2d211a;border:2px solid #24150d}.equipment-slot strong{align-self:end;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:9px}.equipment-slot small{color:#e2b878;font-size:7px;line-height:1.4}.equipment-slot em{align-self:center;color:#aa805b;font-size:9px;font-style:normal}.equipment-slot button{position:absolute;right:3px;top:3px;width:20px;height:20px;padding:0;cursor:pointer;color:#ffe2a8;font:14px monospace;background:#7e3928;border:2px solid #28180f}.empty-equipment-icon,.equipment-locked>i{grid-row:2/4;width:58px;height:58px;display:grid;place-items:center;color:#906a49;font:26px serif;background:#32241b;border:2px dashed #705039}.equipment-weapon{grid-column:1;grid-row:1}.equipment-accessory{grid-column:1;grid-row:2}.equipment-boots{grid-column:1;grid-row:3}.equipment-armor{grid-column:3;grid-row:1}.equipment-tool{grid-column:3;grid-row:2}.equipment-ring{grid-column:3;grid-row:3}.equipment-locked{filter:saturate(.5);opacity:.65}.equipment-locked>i{font-style:normal}.equipment-locked em{align-self:center}.equipment-hero{grid-column:2;grid-row:1/4;display:grid;grid-template-rows:38px minmax(0,1fr) 26px 48px;justify-items:center;padding:8px 13px;overflow:hidden;background:linear-gradient(#bd9160 0 12%,#906640 12% 83%,#4c3325 83%);border:4px solid #24150d;outline:3px solid var(--rarity);outline-offset:-8px;box-shadow:inset 3px 3px #e4bd83,inset -3px -3px #61412d,5px 5px #180e0a}.equipment-hero-name{width:100%;display:grid;grid-template-columns:30px 1fr 30px;align-items:center;gap:4px;color:#382318;text-align:center}.equipment-hero-name strong{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:14px}.equipment-hero-name button{height:27px;cursor:pointer;color:#ffe2a9;background:#67412b;border:2px solid #2a190f}.equipment-hero-portrait{position:relative;width:170px;height:205px;align-self:end;overflow:hidden;background:radial-gradient(circle,#95bd72,#517a47 70%);border:3px solid #2a190f;box-shadow:inset 0 0 18px #314b30}.equipment-hero-portrait img{position:absolute;width:auto;height:390px;left:-112px;top:-87px;image-rendering:pixelated}.equipment-hero-portrait img.custom-hero-portrait{width:100%;height:100%;inset:0;object-fit:contain}.equipment-hero>b{align-self:center;padding:2px 12px;color:#fff0a9;font-size:15px;background:#4f3222;border:2px solid #26160e}.equipment-hero-stats{width:100%;display:grid;grid-template-columns:repeat(4,1fr);gap:3px}.equipment-hero-stats span{display:grid;place-items:center;color:#efd09b;font-size:7px;background:#38251b;border:2px solid #21140e}.item-inventory{min-height:0;padding:11px 14px;overflow:hidden}.item-inventory h2{margin:0 0 8px;font-size:14px}.item-inventory h2 small{color:#bd9160;font-size:9px}#item-roster{height:calc(100% - 30px);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;gap:8px;overflow-y:auto}.inventory-item{min-width:0;min-height:86px;display:grid;grid-template-columns:62px 1fr;gap:8px;padding:7px;cursor:pointer;text-align:left;color:#f4d6a0;background:#754a30;border:3px solid #28180f;border-left:5px solid var(--rarity)}.inventory-item.equipped{outline:2px solid var(--rarity);outline-offset:-7px}.inventory-item img{width:58px;height:58px;align-self:center;object-fit:contain;image-rendering:pixelated;background:#33241d;border:2px solid #28180f}.inventory-item span,.inventory-item strong,.inventory-item em,.inventory-item small,.inventory-item b{min-width:0;display:block}.inventory-item strong{font-size:11px}.inventory-item em{margin:4px 0;color:var(--rarity);font-size:8px;font-style:normal}.inventory-item small{color:#e2b878;font-size:8px}.inventory-item b{margin-top:5px;color:#ffe8a9;font-size:8px}.item-loading,.item-error{grid-column:1/-1;padding:50px;text-align:center}.item-error{color:#ff9f83}.items-window{width:min(1420px,99vw);height:min(890px,98vh);grid-template-rows:76px 250px minmax(290px,1fr) 230px}.items-window:has([data-character-view=team][aria-selected=true]){grid-template-rows:76px 150px minmax(350px,1fr) 230px}.items-window>header>div:last-child{display:flex;gap:8px}.items-window>header #open-compendium-from-items{width:130px;padding:0 12px;font-size:10px}.equipment-character-browser{min-height:0;overflow:hidden;background:#38241a;border-bottom:4px solid #24150d}.equipment-browser-tabs{height:52px;display:flex;align-items:center;gap:10px;padding:7px 18px;background:#4d3022;border-bottom:3px solid #24150d}.equipment-browser-tabs button{width:265px;height:38px;cursor:pointer;color:#d9aa69;font:700 11px monospace;background:#382219;border:3px solid #21130d;box-shadow:inset 2px 2px #68402b}.equipment-browser-tabs button[aria-selected=true]{color:#3a2417;background:#e3b970;box-shadow:inset 2px 2px #ffe4a4,inset -2px -2px #996638}.equipment-browser-tabs p{margin-left:auto;color:#d1a46a;font-size:8px}#equipment-character-roster{height:calc(100% - 52px);overflow-y:auto}.equipment-character-group{padding:7px 18px;border-bottom:3px solid #24150d}.equipment-character-group h3{height:18px;margin:0;color:#d9b475;font-size:9px;text-transform:uppercase}.equipment-character-group>div{display:flex;gap:8px;overflow-x:auto}.equipment-character-card{--rarity:#b8b8b8;position:relative;flex:0 0 225px;height:70px;display:grid;grid-template-columns:58px 1fr;grid-template-rows:1fr 1fr;align-items:center;gap:1px 9px;padding:6px;cursor:pointer;text-align:left;color:#f3d29b;background:#74482e;border:3px solid #28180f;box-shadow:inset 2px 2px #a76b42}.equipment-character-card.selected{border-color:#f0c471;outline:2px solid var(--rarity);outline-offset:-7px;background:#875536}.equipment-character-card>span{position:relative;grid-row:1/3;width:52px;height:52px;overflow:hidden;background:#4f814d;border:3px solid var(--rarity)}.equipment-character-card img{position:absolute;width:auto;height:140px;left:-49px;top:-49px;image-rendering:pixelated}.equipment-character-card img.custom-hero-portrait{width:100%;height:100%;inset:0;object-fit:contain}.equipment-character-card strong{align-self:end;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:11px}.equipment-character-card small{align-self:start;font-size:8px}.equipment-character-card em{position:absolute;right:5px;bottom:4px;padding:2px 5px;color:#3c281a;font-size:7px;font-style:normal;background:#e1b971}.equipment-workbench{min-height:0;display:grid;grid-template-columns:minmax(650px,1fr) 250px;overflow:hidden;background:#2a1c16;border-bottom:4px solid #24150d}.equipment-workbench .equipment-slots{min-height:0;grid-template-columns:190px minmax(260px,390px) 190px;grid-template-rows:repeat(3,92px);align-content:center;gap:7px 12px;padding:12px;border:0}.equipment-workbench .equipment-slot{grid-template-columns:58px 1fr;grid-template-rows:16px 1fr auto}.equipment-workbench .equipment-slot img,.equipment-workbench .empty-equipment-icon,.equipment-workbench .equipment-locked>i{width:52px;height:52px}.equipment-workbench .equipment-hero{grid-template-rows:32px minmax(0,1fr) 24px 42px;padding:6px 10px}.equipment-workbench .equipment-hero-portrait{width:160px;height:160px}.equipment-workbench .equipment-hero-portrait img{height:350px;left:-100px;top:-92px}.equipment-hero-name strong em{margin-left:5px;padding:2px 5px;color:#493120;font-size:7px;font-style:normal;background:#d4a965}.equipment-hero-stats span b{display:block;color:#fff1ae;font-size:10px}.item-comparison{min-height:0;padding:10px;overflow-y:auto;background:#442b20;border-left:4px solid #24150d}.item-comparison h3{margin:0 0 10px;color:#e8c27f;font-size:11px;text-transform:uppercase}.item-comparison>p,.comparison-empty{padding:25px 10px;color:#a98258;font-size:9px;line-height:1.6;text-align:center;border:2px dashed #725039}.comparison-item{display:grid;grid-template-columns:64px 1fr;grid-template-rows:20px auto auto 1fr;gap:2px 8px;padding:7px;color:#f2d19b;background:#6c442d;border:3px solid #28180f;border-left-color:var(--rarity)}.comparison-item>span{grid-column:1/-1;color:#d6a866;font-size:8px;text-transform:uppercase}.comparison-item img{grid-row:2/5;width:60px;height:60px;object-fit:contain;image-rendering:pixelated;background:#302119;border:2px solid #21140e}.comparison-item strong{font-size:10px}.comparison-item em{color:var(--rarity);font-size:8px;font-style:normal}.comparison-item small{color:#e7bd7e;font-size:8px;line-height:1.5}.comparison-arrow{display:block;margin:3px;color:#f0c36e;text-align:center;font-style:normal}.item-comparison>button{width:100%;height:36px;margin-top:7px;cursor:pointer;color:#392416;font:800 10px monospace;background:#e5bd74;border:3px solid #28180f;box-shadow:inset 2px 2px #ffe5a7,inset -2px -2px #996638}.item-comparison>button:disabled{cursor:default;filter:grayscale(.7)}.item-inventory{padding:8px 18px 12px;background:#37241b}.inventory-toolbar{height:44px;display:flex;align-items:center;gap:7px}.inventory-toolbar h2{margin:0 15px 0 0}.inventory-toolbar nav{display:flex;gap:5px}.inventory-toolbar button,.inventory-toolbar select{height:32px;padding:0 12px;cursor:pointer;color:#d8aa6e;font:8px monospace;background:#513323;border:3px solid #25160e}.inventory-toolbar button[aria-selected=true]{color:#382318;background:#e3b970}.inventory-toolbar select{margin-left:auto;color:#f2d19b}.item-inventory>p{position:absolute;right:35px;margin:-38px 190px 0 0;color:#f1c77e;font-size:8px}#item-roster{height:calc(100% - 44px);display:flex;gap:8px;overflow-x:auto;overflow-y:hidden}.inventory-item{flex:0 0 220px;min-height:0;height:150px;display:grid;grid-template-columns:1fr;grid-template-rows:1fr 28px;gap:0;padding:6px;cursor:default}.inventory-item.selected{border-color:#f0c471;box-shadow:inset 0 0 0 2px var(--rarity)}.inventory-item>button{min-width:0;display:grid;grid-template-columns:62px minmax(0,1fr);gap:7px;padding:0;cursor:pointer;text-align:left;color:inherit;background:transparent;border:0}.inventory-item>button img{align-self:start}.inventory-item>b{display:grid;place-items:center;margin:4px 0 0;color:#392416;background:#dfb36c;border:2px solid #28180f}.inventory-item.equipped>b{color:#d8b16e;background:#3d291e}.items-window{grid-template-rows:76px 150px minmax(350px,1fr) 230px}.equipment-browser-tabs button{font-size:13px}.equipment-browser-tabs p{color:#e0b77c;font-size:10px}#equipment-character-roster{overflow-y:hidden}.equipment-character-group{border-bottom:0}.equipment-character-group h3{color:#e5c184;font-size:11px}.equipment-character-card{--rarity:#28180f}.equipment-character-card.selected{border-color:#e8c98d;outline-color:#3b2519}.equipment-character-card>span{border-color:#28180f}.equipment-character-card strong{font-size:12px}.equipment-character-card small{font-size:10px}.equipment-character-card em{font-size:8px}.hero-equipment-indicator{position:absolute;right:5px;top:5px;display:flex!important;align-items:center;gap:3px;padding:2px 4px;color:#ffe3a1;font-size:9px;background:#38251b;border:2px solid #24150d}.hero-equipment-indicator span{font-size:8px}.hero-equipment-indicator i{font-style:normal}.equipment-character-group h3{display:flex;align-items:center;gap:10px}.equipment-character-group h3 span{color:#a98258;font-size:9px;font-weight:400;text-transform:none}.equipment-character-group>.hero-row-shell{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:5px;overflow:visible}.hero-row-track{display:flex;gap:8px;min-width:0;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#b7834d #38251b}.hero-scroll-button{z-index:2;width:34px;height:70px;padding:0;cursor:pointer;color:#ffe0a0;font:18px monospace;background:#5b3826;border:3px solid #24150d;box-shadow:inset 2px 2px #8d5838}.hero-scroll-button:hover,.hero-scroll-button:focus-visible{color:#382318;background:#e3b970}.hero-scroll-button.next{animation:hero-scroll-hint 1.1s ease-in-out 2}@keyframes hero-scroll-hint{50%{transform:translate(3px);filter:brightness(1.25)}}.equipment-hero-portrait{background:transparent;box-shadow:none}.equipment-workbench .equipment-hero-portrait img.custom-hero-portrait{width:100%;height:100%;inset:0;object-fit:contain}.equipment-workbench{grid-template-columns:minmax(650px,1fr) 270px}.equipment-workbench .equipment-slot{grid-template-rows:18px 1fr auto}.equipment-workbench .equipment-slot>span{font-size:10px}.equipment-workbench .equipment-slot strong{font-size:11px}.equipment-workbench .equipment-slot small,.equipment-workbench .equipment-slot em{font-size:9px}.equipment-workbench .equipment-hero{outline-color:#e8c98d}.equipment-hero-name strong{font-size:15px}.equipment-hero-name strong em{font-size:8px}.equipment-hero-stats span{font-size:9px}.equipment-hero-stats span b{font-size:12px}.item-comparison h3{font-size:13px}.item-comparison>p,.comparison-empty{color:#c89c66;font-size:11px}.comparison-item>span{font-size:10px}.comparison-item strong{font-size:12px}.comparison-item em,.comparison-item small{font-size:10px;line-height:1.6}.comparison-item small>span{display:block}.comparison-item small b{font-size:10px}.comparison-item small .gain{color:#8ddd70}.comparison-item small .loss{color:#ff927d}.comparison-hint{margin:8px 0 0;padding:6px!important;color:#f2cf8c!important;border:0!important}.inventory-toolbar h2{font-size:16px}.inventory-toolbar button,.inventory-toolbar select{height:34px;font-size:10px}.item-inventory>p{font-size:10px}.inventory-item{flex-basis:235px;grid-template-rows:1fr 30px}.inventory-item strong{font-size:12px}.inventory-item em,.inventory-item small{font-size:10px;line-height:1.5}.inventory-item>b,.inventory-equip-action{font-size:10px}.inventory-item>.inventory-equip-action{display:grid;grid-template-columns:1fr;place-items:center;width:100%;min-height:30px;margin:4px 0 0;padding:4px 8px;color:#392416;background:#dfb36c;border:2px solid #28180f;font-family:inherit;font-weight:700;text-align:center;cursor:pointer}.inventory-item>.inventory-equip-action:hover,.inventory-item>.inventory-equip-action:focus-visible{background:#f0c77f;outline:2px solid #f6dd9a;outline-offset:-4px}#item-hero-filter{min-width:150px;margin-left:auto}#item-rarity-filter{min-width:145px;margin-left:0}button{font-weight:800}.bottom-nav button{font-size:14px;font-weight:900}.resource span{font-size:12px;font-weight:700}.resource strong{font-size:21px}.hud-card h2{font-size:15px;font-weight:900}.objective-title,.mission,.buffs-card>div{font-size:13px;font-weight:700}.entity-info strong{font-size:13px}.entity-info small,.skill-summary{font-size:10px}.characters-window header span{font-size:11px}.characters-window h1{font-size:27px}.characters-window header button{font-size:13px;font-weight:900}.characters-window h2{font-size:17px}.characters-window h2 small{font-size:11px}.composition-slot>span:not(.owned-portrait){font-size:13px;font-weight:800}.composition-slot>small{font-size:10px}.collection-toolbar{height:44px}.collection-toolbar input,.collection-toolbar select{height:36px;font-size:11px;font-weight:700}#character-roster{height:calc(100% - 46px)}.owned-character strong{font-size:14px}.owned-character em,.owned-character small,.owned-character>span{font-size:10px}.characters-window>footer span{font-size:12px;font-weight:800}.characters-window>footer span[data-kind=dirty]{padding:7px 10px;color:#382318;background:#f0c36e;border:2px solid #29180f;animation:unsaved-pulse 1.4s ease-in-out infinite}.characters-window>footer span[data-kind=error]{color:#ffad98}.characters-window>footer button{font-size:14px;font-weight:900}.composition-confirm{position:absolute;inset:0;z-index:2;display:grid;place-items:center;padding:18px;background:#190e09d1}.composition-confirm-panel{width:min(520px,calc(100vw - 48px));padding:25px;color:#f6d79f;text-align:center;background:#70452e;border:5px solid #24150d;box-shadow:inset 3px 3px #aa6d43,8px 10px #120905b3}.composition-confirm-panel>span{color:#e8b86f;font-size:12px;font-weight:900;letter-spacing:.08em}.composition-confirm-panel h2{margin:13px 0 10px;color:#ffe8b1;font-size:24px}.composition-confirm-panel p{margin:0 auto 22px;max-width:430px;font-size:14px;font-weight:700;line-height:1.65}.composition-confirm-panel>div{display:grid;grid-template-columns:1fr 1fr;gap:12px}.composition-confirm-panel button{min-height:52px;padding:8px 12px;cursor:pointer;color:#f8dfad;font:900 13px monospace;background:#74452d;border:4px solid #29180f;box-shadow:inset 2px 2px #a96d43,3px 3px #1c100a}.composition-confirm-panel button[data-action=save],.composition-confirm-panel button[data-action=discard]{color:#3a2417;background:#e8c98d;box-shadow:inset 3px 3px #fff0bd,inset -3px -3px #a97547,3px 3px #1c100a}@keyframes unsaved-pulse{50%{filter:brightness(1.18)}}.items-overlay{padding:12px}.items-window{box-sizing:border-box;width:min(1380px,calc(100vw - 24px));height:min(860px,calc(100dvh - 32px));max-height:calc(100dvh - 32px);overflow:hidden;grid-template-rows:72px minmax(112px,150px) minmax(280px,1fr) minmax(180px,230px)}.items-window h1{font-size:26px}.items-window header span{font-size:11px}.items-window>header #open-compendium-from-items{font-size:12px;font-weight:900}.equipment-browser-tabs button{font-size:14px;font-weight:900}.equipment-browser-tabs p{font-size:11px}.equipment-character-group h3{font-size:12px}.equipment-character-group h3 span{font-size:10px}.equipment-character-card strong{font-size:13px}.equipment-character-card small{font-size:11px}.equipment-character-card em{font-size:9px}.equipment-workbench .equipment-slot>span{font-size:11px}.equipment-workbench .equipment-slot strong{font-size:12px}.equipment-workbench .equipment-slot small,.equipment-workbench .equipment-slot em{font-size:10px}.item-comparison h3{font-size:14px}.comparison-item strong{font-size:13px}.comparison-item em,.comparison-item small{font-size:11px}.inventory-toolbar button,.inventory-toolbar select{font-size:11px;font-weight:800}.inventory-item strong{font-size:13px}.inventory-item em,.inventory-item small{font-size:11px}.inventory-item>.inventory-equip-action{font-size:11px;font-weight:900}.items-window:has([data-character-view=team][aria-selected=true]){grid-template-rows:72px 160px minmax(240px,1fr) 205px}.items-window:has([data-character-view=team][aria-selected=true]) .inventory-item{box-sizing:border-box;height:141px}.player-card strong{color:#fff0bd;font-size:19px;line-height:1.12;font-weight:900;text-shadow:2px 2px #3a2014}.player-card small{color:#f2cf91;font-size:13px;font-weight:800;text-shadow:1px 1px #3a2014}.resource span{color:#f5d79e;font-size:13px;font-weight:900;text-shadow:1px 1px #3a2014}.resource strong{min-width:0;overflow:hidden;color:#fff0bd;font-size:clamp(18px,1.4vw,23px);font-weight:900;white-space:nowrap;text-overflow:ellipsis;text-shadow:2px 2px #3a2014}.hud-card h2,.hud-card h2 small{font-weight:900;text-shadow:1px 1px #2b190f}.entity-row{min-height:82px}.entity-info strong{color:#fff0bd;font-size:14px;font-weight:900;text-shadow:2px 2px #3a2014}.entity-info small{color:#ffe0a5;font-size:11px;font-weight:800;text-shadow:1px 1px #3a2014}.skill-summary{color:#fff0bd;font-size:11px;font-weight:800;text-shadow:1px 1px #3a2014}.entity-state{font-size:9px;font-weight:900;text-shadow:1px 1px #28150d}.account-menu{width:270px;gap:11px;padding:16px}.account-menu strong{color:#d8f487;font-size:14px;font-weight:900;text-shadow:1px 1px #263319}.account-menu span{color:#ffe0a6;font-size:13px;font-weight:700;line-height:1.45;text-shadow:1px 1px #3a2014}.account-menu button{min-height:46px;color:#fff0c6;font-size:14px;font-weight:900;text-shadow:1px 1px #3a2014}.chest-window header span{color:#f3ca8d;font-size:12px;font-weight:900;text-shadow:1px 1px #3a2014}.chest-window{box-sizing:border-box;width:min(860px,calc(100vw - 36px));height:min(760px,calc(100dvh - 36px));min-height:0}.chest-window h1{font-size:28px;font-weight:900;text-shadow:2px 2px #3a2014}.chest-tabs button{min-height:48px;font-size:15px;font-weight:900;text-shadow:1px 1px #2d190f}.chest-tabs button[aria-selected=true]{text-shadow:none}.chest-showcase h2{font-size:25px;font-weight:900}.chest-showcase p{font-size:15px;font-weight:700}.chest-showcase small{font-size:13px;font-weight:700}.chest-chances span{font-size:13px;font-weight:800;text-shadow:1px 1px #3a2014}.chest-chances b{font-size:17px;font-weight:900;text-shadow:1px 1px #3a2014}.pity-box p{font-size:14px;font-weight:800;text-shadow:1px 1px #24140d}.pity-box small{font-size:12px;font-weight:700;text-shadow:1px 1px #24140d}.chest-window>footer button{font-size:17px;font-weight:900}.reward-kicker{font-size:13px;font-weight:900}.chest-reward h2{font-size:29px;font-weight:900}.chest-reward>strong{font-size:18px;font-weight:900}.reward-stats span{font-size:11px;font-weight:800}.reward-stats b{font-size:16px;font-weight:900}.chest-reward small{font-size:13px;font-weight:700}.chest-reward p{font-size:14px;font-weight:700}.item-reward-owner,.item-reward-stats{font-size:14px;font-weight:800}.rarity-text{font-weight:900!important;-webkit-text-stroke:.75px #26150d;paint-order:stroke fill;text-shadow:1px 1px #26150d!important}.characters-window,.items-window{--panel-text-shadow: 1px 1px #2a170f}.characters-window header span,.characters-window h1,.characters-window h2,.composition-slot,.owned-character,.characters-window>footer span,.items-window header span,.items-window h1,.equipment-browser-tabs p,.equipment-character-group h3,.equipment-character-card,.equipment-workbench .equipment-slot,.item-comparison,.item-inventory h2,.inventory-item{text-shadow:var(--panel-text-shadow)}.characters-window input,.characters-window select,.characters-window button,.items-window select,.items-window button,.equipment-hero{text-shadow:none}.compendium-window{box-sizing:border-box;width:min(1480px,calc(100vw - 32px));height:min(860px,calc(100dvh - 32px))}.compendium-kicker{font-size:13px;font-weight:900;text-shadow:1px 1px #392116}.compendium-header h1{font-size:clamp(24px,2.2vw,32px)}.compendium-tabs button{min-width:250px;font-size:16px;font-weight:900;text-shadow:1px 1px #321c12}.class-selector strong{font-size:16px;font-weight:900;text-shadow:1px 1px #321c12}.class-selector small{font-size:12px;font-weight:700;text-shadow:1px 1px #321c12}.class-hero span{font-size:13px;font-weight:800}.class-hero h2{font-size:30px;font-weight:900}.class-hero p{font-size:16px;font-weight:700;line-height:1.6}.skills-title{font-size:18px;font-weight:900;text-shadow:1px 1px #321c12}.skills-title small{font-size:13px;font-weight:700}.skill-card h3{font-size:17px;font-weight:900}.skill-card p{font-size:14px;font-weight:700;line-height:1.55}.glossary-panel{padding:14px 18px 28px}.glossary-search{grid-template-columns:auto minmax(280px,620px);justify-content:start}.glossary-search span{font-size:15px;font-weight:900;text-shadow:1px 1px #28170f}.glossary-search input{height:44px;font-size:15px;font-weight:700}.glossary-count{margin:12px 4px 8px;font-size:13px;font-weight:800;text-align:left;text-shadow:1px 1px #28170f}.glossary-list{grid-template-columns:1fr;gap:14px}.glossary-group{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 10px;padding:10px}.glossary-group h2{grid-column:1/-1;font-size:19px;font-weight:900;text-shadow:1px 1px #26331a}.glossary-group article{margin-bottom:8px;border-width:2px}.glossary-group h3{font-size:16px;font-weight:900}.glossary-group p{font-size:14px;font-weight:700;line-height:1.6}@media(max-height:720px)and (min-width:781px){.items-window{grid-template-rows:66px 112px minmax(250px,1fr) 205px}.equipment-workbench .equipment-slots{grid-template-rows:repeat(3,78px)}.equipment-workbench .equipment-hero-portrait{width:138px;height:138px}.inventory-item{height:150px}}@media(max-width:1050px){#game-shell{grid-template-columns:166px minmax(0,1fr) 166px}.player-card{width:178px}.resource{padding:4px 6px}.resource span{display:none}.bottom-nav button{flex-direction:column;gap:1px;font-size:8px}.bottom-nav img{width:30px;height:30px}}@media(max-width:780px){html,body{height:auto;min-height:100%;overflow:visible}#game-shell{overflow:visible;height:auto;min-height:100dvh;grid-template-columns:1fr;grid-template-rows:auto minmax(380px,1fr) auto auto auto}.topbar{grid-column:1;flex-wrap:wrap;height:auto}.player-card{width:170px}.resources{grid-template-columns:repeat(4,1fr)}.quick-actions{margin-left:auto}.game-stage{grid-column:1;grid-row:2;min-height:0;width:100%}.left-rail{grid-column:1;grid-row:3;min-height:220px;display:grid;grid-template-columns:repeat(3,1fr);overflow:visible}.right-rail{grid-column:1;grid-row:4;min-height:125px;display:grid;grid-template-columns:1fr 1fr;overflow:visible}.bottom-nav{grid-column:1;grid-row:5;grid-template-columns:repeat(4,1fr);min-height:150px}.compendium-overlay{padding:8px}.compendium-window{width:100%;height:96dvh;grid-template-rows:72px 48px minmax(0,1fr)}.compendium-header{padding-left:10px}.compendium-header h1{font-size:18px}.compendium-kicker{display:none}.compendium-tabs button{min-width:0;flex:1;padding-inline:5px;font-size:11px}.battle-log{inset:8px;width:auto}.log-entry{grid-template-columns:48px 62px minmax(0,1fr);gap:4px}.characters-window{height:96vh;grid-template-rows:76px 160px minmax(0,1fr) 72px}#character-roster{grid-template-columns:1fr}.collection-toolbar input{width:150px}.collection-toolbar select{width:125px}#composition-slots{gap:3px}.composition-slot{height:105px;grid-template-columns:18px 1fr;padding:4px}.composition-slot .owned-portrait{display:none}.items-window{width:calc(100vw - 16px);height:calc(100dvh - 24px);max-height:calc(100dvh - 24px);grid-template-rows:70px 80px minmax(300px,350px) minmax(180px,1fr)}.equipment-character-picker{flex-wrap:wrap}.equipment-character-picker p{width:100%;margin:0}.equipment-slots{grid-template-columns:92px minmax(150px,210px) 92px;grid-template-rows:repeat(3,100px);gap:5px;padding:12px 5px}.equipment-slot{grid-template-columns:1fr;grid-template-rows:16px 49px 1fr;padding:4px;text-align:center}.equipment-slot img,.empty-equipment-icon,.equipment-locked>i{grid-row:2;width:45px;height:45px;place-self:center}.equipment-slot strong,.equipment-slot small,.equipment-slot em{grid-column:1}.equipment-slot strong{font-size:9px}.equipment-slot small{display:none}.equipment-hero{grid-template-rows:34px minmax(0,1fr) 24px 42px;padding:6px}.equipment-hero-portrait{width:130px;height:130px}.equipment-hero-portrait img{height:330px;left:-99px;top:-76px}.equipment-hero-name strong{font-size:11px}#item-roster{grid-template-columns:1fr}#compendium-classes{grid-template-columns:1fr;grid-template-rows:92px minmax(0,1fr)}.class-selector{display:flex;gap:5px;overflow-x:auto;overflow-y:hidden}.class-selector button{min-width:166px;height:70px;margin:0}.class-hero{align-items:flex-start}.class-sprite-large{width:92px;height:92px}.class-sprite-large img{height:230px;left:-70px;top:-68px}.skills-list,.glossary-list{grid-template-columns:1fr}.glossary-search{grid-template-columns:1fr;gap:5px}.skill-card{grid-template-columns:48px 1fr;min-height:0}.skill-card img{width:48px;height:48px}}@media(max-width:1050px){.bottom-nav button{font-size:11px;font-weight:900}}@media(max-width:560px){.composition-confirm-panel>div{grid-template-columns:1fr}}@media(max-width:900px){.glossary-group,.glossary-search{grid-template-columns:1fr}}