.codex-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}
.codex-row{position:relative}.codex-row header,.codex-completed>b{padding-right:28px}
.codex-row .codex-favorite{position:absolute;top:6px;right:6px;width:28px;height:28px;padding:0;background:transparent;border:0;box-shadow:none;font-size:24px;line-height:28px;color:#a9b5a7}.codex-row .codex-favorite.active,.codex-row .codex-favorite:hover{color:#ffdb76;background:transparent}
.codex-reward-stats{display:flex;justify-content:center;gap:18px}.codex-reward-stats>div{display:grid;justify-items:center;gap:8px;animation:codex-stat-reveal .65s ease-out both}.codex-reward-stats .hero-stat-icon{display:block;width:76px;height:76px;filter:drop-shadow(0 0 12px #f0cf7b)}.codex-reward-stats b{font-size:24px;color:#ffe4a0}@keyframes codex-stat-reveal{from{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}
.main-weapon-list .weapon-in-use{border:1px solid #d5bd77;background:#302919}.weapon-owner-used{color:#ffe097!important;font-weight:700}.weapon-owner-free{color:#91cda3!important}
.codex-filters .selected,.codex-sprite.selected{border-color:#f5d780!important;box-shadow:0 0 0 1px #f5d780}
.codex-rows{columns:310px;column-gap:10px}.codex-rows>.codex-row{break-inside:avoid;margin-bottom:10px}.codex-pagination{display:flex;align-items:center;justify-content:center;gap:16px;margin:18px 0}
#tab-codex,#codexContent{height:auto!important;max-height:none!important;overflow:visible!important}
body:has(#tab-codex.active){height:auto!important;overflow-y:auto!important}
.codex-row{display:grid;grid-template-columns:1fr;align-content:start;gap:12px;padding:12px 16px;border:1px solid #cfb77838;border-radius:10px;background:#12221be8;min-width:0}
.codex-row h3{font-size:15px;margin:0 0 5px;color:#eadbb6}.codex-row header>b{font-size:13px;color:#a9d6ac}
.codex-slots{display:flex;gap:8px;flex-wrap:wrap}
.codex-row .codex-sprite{position:relative;display:grid;place-items:center;width:56px;height:60px;padding:2px 2px 12px;background:#091610;border:1px solid #6a7767;border-radius:7px}
.codex-sprite .hero-portrait,.codex-sprite .weapon-icon{display:block;width:36px!important;height:36px!important;margin:0!important;transform:none!important;flex:none}
.codex-sprite small{position:absolute;bottom:1px;right:0;left:0;text-align:center;font-size:10px;color:#dbe7d2}
.codex-sprite.available{border-color:#c7b86a}.codex-sprite.registered{opacity:.65;border-color:#6ab18a}
.codex-actions{display:flex;gap:7px;justify-content:flex-start;flex-wrap:wrap}.codex-actions button{font-size:12px;padding:8px 10px}
.codex-picker{grid-column:1/-1;display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding-top:10px;border-top:1px solid #ffffff18;font-size:13px}.codex-picker select{max-width:100%;background:#14291e;color:#eee2c4;border:1px solid #776d48;border-radius:5px;padding:8px}
.codex-completed{display:flex;justify-content:space-between;padding:10px 16px;color:#a9d6ac;opacity:.75}
.codex-confirm-select{display:grid;gap:8px;width:100%;font-size:13px}.codex-confirm-select select{width:100%;min-width:0;padding:10px;background:#14291e;color:#eee2c4;border:1px solid #776d48;border-radius:6px}
.codex-bonus-symbol{display:grid;place-items:center;width:76px;height:76px;font-size:50px;font-style:normal;filter:drop-shadow(0 0 12px #f0cf7b)}
@media(max-width:480px){.codex-row{grid-template-columns:1fr}.codex-actions{max-width:none;justify-content:flex-start}.codex-sprite{flex-shrink:0}}
.codex-confirm-items{list-style:none;padding:0;margin:12px 0;width:100%;max-height:260px;overflow:auto}.codex-confirm-items li{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:10px;padding:7px 0;text-align:left}.codex-confirm-items li>i{display:block;width:40px;height:40px;flex:none}.codex-confirm-items b{color:#ffe0a0;white-space:nowrap}
.codex-confirm-icon{display:grid;place-items:center;width:44px;height:44px;min-width:44px;overflow:hidden}.codex-confirm-icon>i,.codex-confirm-icon>svg{display:block;width:40px!important;height:40px!important;max-width:100%;max-height:100%;margin:0!important;flex:none;border:0!important;border-radius:0;transform:none!important;background-color:transparent!important}.codex-confirm-icon .weapon-icon.special-weapon{background-size:200% 100%;background-position:0 0}.codex-confirm-icon .weapon-icon.kael-sword{background-position:100% 0}.codex-confirm-icon .weapon-icon.main-arcane-bomb{background-size:400% 100%;background-position:0 0}.codex-confirm-icon .weapon-icon.healer-bomb{background-size:contain!important;background-position:center;background-color:transparent!important}