#card-codex{width:min(1200px,94vw);max-width:94vw;height:min(800px,88dvh);max-height:88dvh;background:#3b3e43f5;border:1px solid #8a8c91;color:#f0eee7;padding:24px;clip-path:none;filter:none;overflow:auto}
#card-codex.cheat-codex .codex-body{grid-template-columns:1fr}#card-codex.cheat-codex .codex-details,#card-codex.cheat-codex .codex-tabs{display:none}#card-codex.cheat-codex .codex-card:active{filter:brightness(1.25)}
.codex-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.codex-header h2{font-size:28px}
#codex-search{width:100%;background:#25282c;color:#fff;margin-bottom:10px}.codex-count{font-size:13px;color:#c2c0b8;margin-bottom:16px}
.codex-body{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:24px;align-items:start}.codex-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px 12px;min-width:0}
.codex-card{background:var(--parchment-image) center/100% 100% no-repeat;aspect-ratio:183/260;min-width:0;width:100%;padding:10px 6px;color:#352a1e;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;border:2px solid transparent;transform:none!important}
.codex-card.active,.codex-card:hover{border-color:#f3d28b}.codex-art{height:60%;width:100%;display:flex;align-items:center;justify-content:center}.codex-card .source-card-icon{width:48px;height:48px;max-width:85%;object-fit:contain;image-rendering:pixelated}.codex-card strong{font-size:13px;overflow-wrap:anywhere}
.codex-details{background:#292c31;padding:18px;position:sticky;top:0;min-width:0}.codex-details h3{font-size:23px;margin-bottom:10px}.codex-details p{font-size:13px;line-height:1.8;margin:8px 0}.codex-details h4{margin-top:18px}.codex-detail-art img{width:72px;height:72px;object-fit:contain;image-rendering:pixelated}.codex-recipe{padding:10px 0;border-bottom:1px solid #ffffff20}.codex-recipe b{color:#e6c88f;font-size:13px}
@media(max-width:800px){#card-codex{padding:14px}.codex-body{grid-template-columns:1fr}.codex-grid{gap:10px 6px}.codex-card{padding:4px 2px}.codex-card strong{font-size:10px}.codex-card .source-card-icon{width:32px;height:32px}.codex-details{position:static}}
.codex-card:is([data-codex-card="rebellion"],[data-codex-card="agitation"]) .source-card-icon{width:54px;height:54px;max-width:85%;object-fit:contain}
.codex-details:is([data-card-type="rebellion"],[data-card-type="agitation"]) .codex-detail-art img{width:81px;height:81px;object-fit:contain}
@media(max-width:800px){.codex-card:is([data-codex-card="rebellion"],[data-codex-card="agitation"]) .source-card-icon{width:36px;height:36px}}
.codex-card[data-codex-card="agitation"] .source-card-icon{width:60px;height:60px}
.codex-details[data-card-type="agitation"] .codex-detail-art img{width:90px;height:90px}
@media(max-width:800px){.codex-card[data-codex-card="agitation"] .source-card-icon{width:40px;height:40px}}

.codex-tabs{display:flex;gap:8px;margin-bottom:14px}.codex-tabs button{padding:10px 20px;background:#444;color:#eee}.codex-tabs [aria-pressed="true"]{background:#765592}.codex-art .monster-art,.codex-detail-art .monster-art{width:100%;height:100%;object-fit:contain!important;image-rendering:pixelated;padding:8px;box-sizing:border-box}.monster-normal{color:#181818}.monster-danger{color:#b487e0}.monster-legendary{color:#ed6b70}