/* Complete, non-spoiling codex: unknown content has no image, name or action. */
.encyclopedia .codex-grid{min-width:0}
.encyclopedia .codex-entry{padding:10px 6px 15px;min-width:0}
.encyclopedia .codex-art{overflow:hidden;position:relative;max-width:100%;min-width:0}
.encyclopedia .codex-art img{display:block;object-fit:contain;image-rendering:auto;max-width:100%}
.encyclopedia .codex-art-locked{background:radial-gradient(ellipse at 50% 44%,#273b4c,#111b28 75%);border-color:#4e6275;cursor:default;box-shadow:inset 0 0 30px #03091370}
.encyclopedia .codex-silhouette{display:grid;place-items:center;width:100%;height:100%;max-width:100%;overflow:hidden}
.encyclopedia .codex-silhouette svg{display:block;height:91%;width:88%;max-width:100%;fill:#02060b;stroke:#71889d;stroke-width:1.1;stroke-linejoin:round;filter:drop-shadow(0 2px 5px #0009)}
.encyclopedia .codex-silhouette svg path+path{fill:none;stroke:#344b60;stroke-width:1}
.encyclopedia .codex-silhouette-person svg{height:96%;width:auto;max-width:91%}
.encyclopedia .codex-locked .codex-copy h3{color:#a9b9ca;font:600 14px/1.5 ui-monospace,monospace;letter-spacing:.18em;text-align:center;margin:12px 0 2px}
.encyclopedia .codex-copy{min-width:0}
.encyclopedia .codex-copy h3{margin:12px 0 7px;overflow-wrap:anywhere}
.encyclopedia .codex-copy p{margin:0;overflow-wrap:anywhere}
.encyclopedia .codex-grid-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px 13px}
.encyclopedia .codex-grid-cards .codex-art{height:auto;aspect-ratio:2/3;max-height:260px;border-radius:5px;padding:5px}
.encyclopedia .codex-grid-cards .codex-art img{height:100%;width:100%;max-height:none}
.encyclopedia .codex-grid-cards .codex-entry{padding:7px 4px 13px}
.encyclopedia .codex-grid-cards .codex-copy{text-align:center}
.encyclopedia .codex-grid-cards .codex-copy p{font-size:11px;line-height:1.6}
.encyclopedia .codex-grid-bosses{grid-template-columns:minmax(0,1fr);gap:17px}
.encyclopedia .codex-grid-bosses .codex-entry{display:grid;grid-template-columns:140px minmax(0,1fr);align-items:center;gap:17px;padding:5px 3px 17px}
.encyclopedia .codex-grid-bosses .codex-art{height:185px;padding:4px}
.encyclopedia .codex-grid-bosses .codex-art img{max-height:none;height:100%}
.encyclopedia .codex-grid-bosses .codex-copy h3{margin-top:0;text-align:left}
.encyclopedia .codex-grid-bosses .codex-copy p{font-size:13px;line-height:1.9;color:#c3d2e4}
.encyclopedia .codex-grid-bots{grid-template-columns:repeat(2,minmax(0,1fr))}
.encyclopedia .codex-grid-gear{grid-template-columns:repeat(3,minmax(0,1fr))}
.encyclopedia .codex-grid-gear .codex-art{height:125px}
.encyclopedia .codex-grid-gear .codex-art img{height:100%;max-height:115px}
.encyclopedia .codex-grid-gear .codex-silhouette svg{width:80%;height:80%;max-width:100px}
.encyclopedia .codex-grid-bots .codex-art{height:205px}
.encyclopedia .codex-grid-bots .codex-art img{max-height:195px}
.encyclopedia .codex-grid-mystery{grid-template-columns:minmax(0,1fr)}
.encyclopedia .codex-empty{text-align:center;border:1px dashed #344e63;background:#0a1522;min-height:180px;display:grid;place-items:center;margin:0}
@media(max-width:640px){
 .encyclopedia .codex-nav{padding:2px 2px 8px;max-width:100%;scrollbar-width:thin}
 .encyclopedia .codex-grid-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px 6px}
 .encyclopedia .codex-grid-cards .codex-entry{padding:3px 1px 10px}
 .encyclopedia .codex-grid-cards .codex-art{padding:3px;min-height:0;max-height:190px}
 .encyclopedia .codex-grid-cards .codex-copy h3{font-size:12px;margin:8px 0 3px}
 .encyclopedia .codex-grid-cards .codex-copy p{font-size:10px;line-height:1.5}
 .encyclopedia .codex-grid-bosses{grid-template-columns:minmax(0,1fr)}
 .encyclopedia .codex-grid-bosses .codex-entry{grid-template-columns:90px minmax(0,1fr);gap:11px}
 .encyclopedia .codex-grid-bosses .codex-art{height:133px}
 .encyclopedia .codex-grid-bosses .codex-copy h3{font-size:15px;line-height:1.5}
 .encyclopedia .codex-grid-bosses .codex-copy p{font-size:12px;line-height:1.8}
 .encyclopedia .codex-grid-bots,.encyclopedia .codex-grid-gear{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .encyclopedia .codex-grid-bots .codex-art{height:165px}
 .encyclopedia .codex-grid-bots .codex-art img{max-height:155px}
 .encyclopedia .codex-grid-gear .codex-art{height:110px}
 .encyclopedia .codex-grid-gear .codex-art img{max-height:100px}
}