/* Compact illustrated directories (Black Ops 1 style) for characters and items. */
.cx-directory .lead{margin-bottom:10px}
.cx-directory .edition-scope{margin:14px 0}
.cx-count{font-size:13px;color:var(--muted,#b9bec4);margin:8px 0 4px}
.cx-jump{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 4px}
.cx-jump a{font-size:13px;padding:5px 10px;border:1px solid var(--line,#ffffff2e);border-radius:999px;color:inherit;text-decoration:none;background:var(--surface)}
.cx-jump a:hover{border-color:var(--accent)}
.cx-group{margin:26px 0;scroll-margin-top:90px}
.cx-group>h2{padding-bottom:10px;margin-bottom:14px;border-bottom:2px solid color-mix(in srgb,var(--accent) 45%,transparent)}
.cx-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,190px),1fr));gap:14px}
.cx-grid.items{grid-template-columns:repeat(auto-fill,minmax(min(100%,170px),1fr))}
.cx-card{border:1px solid var(--line,#ffffff26);background:var(--surface);border-radius:6px;overflow:hidden;scroll-margin-top:90px;display:flex;flex-direction:column}
.cx-card:target{outline:2px solid var(--accent);outline-offset:2px}
.cx-picture{display:flex;align-items:center;justify-content:center;height:200px;background:radial-gradient(ellipse at center,#ffffff22,#00000055);overflow:hidden}
.cx-picture img{display:block;width:100%;height:100%;object-fit:contain;padding:8px;max-width:none;margin:0;border:0;box-shadow:none;background:none}
.cx-items .cx-picture,.cx-grid.items .cx-picture{height:130px}
.cx-grid.items .cx-picture img{padding:14px}
.cx-picture img.cx-pixels,.cx-picture img.retro-game-pixels{image-rendering:pixelated}
.cx-missing{font-size:34px;font-weight:700;color:var(--accent);letter-spacing:2px}
.cx-card-body{padding:13px 14px 14px}
.cx-card small{display:block;color:var(--accent);font-size:11px;letter-spacing:.4px;text-transform:uppercase;line-height:1.4}
.cx-card h3{font-size:18px;margin:6px 0 6px;line-height:1.3;overflow-wrap:anywhere}
.cx-card h3 a{color:inherit;text-decoration:none}
.cx-card p{font-size:14px;line-height:1.55;margin:6px 0}
.cx-card .cx-meta{font-size:12px;color:var(--muted,#b9bec4)}
.cx-card .cx-credit{font-size:12px;margin-top:8px}
.cx-facts{margin:6px 0 0;padding-left:18px;font-size:13px;line-height:1.5}
.cx-facts li{margin:2px 0}
.cx-list,.cx-notes{margin:28px 0;padding:16px 18px;border:1px solid var(--line,#ffffff26);border-radius:6px;background:var(--surface)}
.cx-list h2,.cx-notes h2{font-size:19px;margin:0 0 10px}
.cx-list ul{columns:2 240px;column-gap:28px;margin:0;padding-left:18px}
.cx-list li{break-inside:avoid;margin:3px 0;font-size:14px;line-height:1.5}
.cx-notes ul{margin:0;padding-left:18px}
.cx-notes li{margin:7px 0;font-size:14px;line-height:1.55;scroll-margin-top:90px}
@media(max-width:600px){
 .cx-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .cx-grid.items{grid-template-columns:repeat(2,minmax(0,1fr))}
 .cx-picture{height:150px}
 .cx-grid.items .cx-picture{height:105px}
 .cx-card-body{padding:10px}
 .cx-card h3{font-size:15px}
 .cx-card p{font-size:13px}
}
.cx-picture img.audit-framed-image{-webkit-mask-image:none!important;mask-image:none!important}
.cx-table{margin:26px 0}.cx-table h2{font-size:19px;margin:0 0 10px}.cx-table table{width:100%}