: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)}#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:76px 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;display:flex;gap:7px;align-items:stretch;padding:7px}.player-card{width:225px;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.1}.player-card small{color:#d2b273;margin-top:5px;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}.quick-actions img{width:34px;height:34px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(1px 2px #6a5362)}.quick-actions button:hover,.bottom-nav button:hover,.wide-button:hover{background:#aa7246;transform:translateY(-1px)}.quick-actions button:active,.bottom-nav button:active,.wide-button:active{transform:translate(2px,2px);box-shadow:inset 2px 2px #ad715f}.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)}.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-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}.reward-portrait{width:min(306px,70vw);height:min(306px,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}@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}#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}}