/* Small readable cards, no fixed-height list or nested scroll trap. */
#panelBody .lootGuide{font-size:13px;line-height:1.5}
#panelBody .codexSearch{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:5px;margin:8px 0}
.codexSearch label{grid-column:1/-1;font-size:11px}.codexSearch input{width:100%;min-width:0;padding:7px}
#panelBody .codexSearch button,#panelBody .codexBack{min-height:36px;padding:6px 9px;font-size:12px}
.codexCategories,.transformPageTabs{display:flex;gap:5px;flex-wrap:wrap;margin:8px 0}
#panelBody .codexCategories button,#panelBody .transformPageTabs button{min-height:34px;padding:6px 9px;font-size:12px}
#panelBody .codexCategories button[aria-pressed=true],#panelBody .transformPageTabs button[aria-pressed=true]{background:#234e40;color:#fff1d4;border-color:#be994e}
.codexFilters,.transformSetFilters{display:flex;gap:8px}.codexFilters label,.transformSetFilters label{flex:1;min-width:0;font-size:11px}
#panelBody .codexFilters select,#panelBody .transformSetFilters select{width:100%;min-height:36px;margin:3px 0 6px;padding:5px 7px;font-size:13px}
.codexCount,.codexHint{font-size:11px;color:#6b604c;margin:7px 0}.codexList{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
#panelBody .codexCard{display:grid;grid-template-columns:52px minmax(0,1fr);gap:4px 9px;padding:10px;border:1px solid #c8b996;border-radius:7px;background:#fff9ed}
.codexCard>div{min-width:0}.codexCard h3,.codexHeading h3{font-size:14px;margin:2px 0;line-height:1.4;overflow-wrap:anywhere}
.codexCard p,.codexHeading p{font-size:12px;margin:2px 0}.codexCard small,.codexCard>div>span,.codexHeading small{font-size:11px;color:#6a5b44;display:block;overflow-wrap:anywhere}
#panelBody .codexCard>button{grid-column:2;justify-self:start;padding:4px 9px;min-height:30px;font-size:11px;margin-top:3px}
#panelBody .codexCard>.monsterPortrait,#panelBody .codexCard>.lootPortrait,#panelBody .codexCard>.commerceIcon,#panelBody .codexCard>.artIcon{width:52px;height:52px;min-width:52px;grid-row:1/3;align-self:start}
.codexHeading{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid #c4b58f}.codexHeading>div{min-width:0}
#panelBody .codexHeading>.monsterPortrait,#panelBody .codexHeading>.lootPortrait,#panelBody .codexHeading>.commerceIcon,#panelBody .codexHeading>.artIcon{width:76px;height:76px;min-width:76px}
.codexDetail h4{margin:12px 0 5px;font-size:14px}.codexDetail .lootSourceRows article{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:7px;padding:8px 0}
#panelBody .codexDetail .lootSourceRows article .monsterPortrait{width:42px;height:42px;min-width:42px}.codexDetail .lootSourceRows span,.codexDetail .lootSourceRows strong{font-size:11px}.codexDetail .lootSourceRows button{min-height:34px;font-size:11px;padding:5px}
.transformSetSummary{border:1px solid #aa8746;background:#e9efd9;border-radius:8px;padding:12px}.transformSetSummary h3{margin:3px 0 8px;font-size:19px}.transformSetSummary>div,.transformSetEffects{display:flex;gap:5px;flex-wrap:wrap}.transformSetSummary b{font-size:12px;background:#fff8e6;padding:5px 8px;border-radius:4px;color:#325440}
.transformSetHelp{font-size:12px;line-height:1.55;color:#665b47;margin:9px 0}.transformSetList{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.transformSetCard{border:1px solid #c5b795;border-top:3px solid var(--rarity);background:#fff9ec;border-radius:7px;padding:10px;min-width:0}.transformSetCard.complete{background:#edf3e3;border-color:#849869;border-top-color:var(--rarity)}
.transformSetCard .transformSetHeading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.transformSetCard h4{font-size:14px;margin:2px 0}.transformSetCard .transformSetHeading small{font-size:11px;color:#756449}.transformSetCard .transformSetHeading>b{font-size:11px;white-space:nowrap;color:#705c40}.transformSetCard.complete .transformSetHeading>b{color:#2c653d}
.transformSetMembers{display:flex;gap:5px}.transformSetMembers button{flex:1;min-width:0;display:flex;align-items:center;flex-direction:column;padding:6px 3px;background:#263c36;color:#f5ead2;border:1px solid #677764;border-radius:5px}
#panelBody .transformSetMembers .transformPortrait{width:54px;height:54px;min-width:54px}.transformSetMembers b{font-size:11px;overflow-wrap:anywhere;line-height:1.4}.transformSetMembers small{font-size:10px;color:#b6d3b3;margin-top:4px}.transformSetMembers .missing .transformPortrait{filter:grayscale(1);opacity:.45}.transformSetMembers .missing small{color:#d4c7b1}
.transformSetEffects{margin-top:9px}.transformSetEffects span{padding:4px 6px;border-radius:4px;background:#e7dfc7;color:#665432;font-size:11px}.complete .transformSetEffects span{background:#dceacd;color:#315132}
.menuPaintedIcon{display:block;width:100%;height:100%;background-image:url('assets/menu-icons-vnext.webp');background-size:600% 400%;background-repeat:no-repeat;border-radius:8px}
@media(max-width:640px){.codexList,.transformSetList{grid-template-columns:minmax(0,1fr)}#panelBody .codexCard{grid-template-columns:48px minmax(0,1fr);padding:8px;gap:4px 8px}#panelBody .codexCard>.monsterPortrait,#panelBody .codexCard>.lootPortrait,#panelBody .codexCard>.commerceIcon,#panelBody .codexCard>.artIcon{width:48px;height:48px;min-width:48px}.codexCard h3{font-size:13px}.codexCard p{font-size:11px}.codexFilters,.transformSetFilters{gap:5px}.codexDetail .lootSourceRows article{grid-template-columns:34px minmax(0,1fr)}.codexDetail .lootSourceRows article>button{grid-column:2;justify-self:start}.transformSetMembers button{min-height:90px}}

#panelBody .codexCard,#panelBody .transformSetCard,#panelBody .transformSetSummary{color:#2d3f33}#panelBody .codexCard h3,#panelBody .transformSetCard h4,#panelBody .transformSetSummary h3{color:#2d3f33}.codexCard.codexGrade2{border-left:3px solid #a454bd!important}.codexCard.codexGrade3{border-left:3px solid #c79630!important}.codexCard.codexGrade4{border-left:3px solid #ce5667!important}

#game #panel #panelBody .codexCard h3,#game #panel #panelBody .transformSetCard h4,#game #panel #panelBody .transformSetSummary h3{color:#2d3f33}.codexCount,.codexHint,.transformSetHelp{color:#c9c6ad}
.gameMenuTile .menuTileArt{width:32px;height:32px}.gameMenuTile.planned .menuPaintedIcon{opacity:.6}

#game #panel #panelBody .communityMenuTile{text-decoration:none;color:#f8eac0}.communityMenuTile .menuTileArt{border:0;background:none;box-shadow:none}.communityMenuTile img{width:30px;height:30px;border-radius:8px}.communityMenuTile:focus-visible{outline:2px solid #fee500;outline-offset:2px}