.lore-card{--card-contrast:color-mix(in srgb, var(--card-color,var(--accent-cyan)) 52%, white);--card-absence-tile:linear-gradient(135deg, color-mix(in srgb, var(--card-contrast) 18%, transparent), #0003);--card-mono-size:1.6rem;background:var(--bg-card);flex-direction:column;min-width:0;text-decoration:none;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex;overflow:hidden}.lore-card-A,.lore-card-B,.lore-card-C,.lore-card-D{border:1px solid var(--card-contrast)}.lore-card-A,.lore-card-B,.lore-card-C{border-radius:8px}.lore-card-A:hover,.lore-card-B:hover,.lore-card-C:hover{transform:translateY(-3px);box-shadow:0 10px 28px #00000059}.lore-card-D{border-radius:4px}.lore-card-D:hover{transform:translateY(-1px)}.lore-card-media{background:#00000047;width:100%;position:relative;overflow:hidden}.lore-card-A .lore-card-media{aspect-ratio:16/10}.lore-card-B .lore-card-media{aspect-ratio:4/3}.lore-card-C .lore-card-media,.lore-card-D .lore-card-media{aspect-ratio:1}.lore-card .lore-card-media.lore-card-media-wide{aspect-ratio:16/9}.lore-card-media img{object-fit:cover;width:100%;height:100%;image-rendering:pixelated;transition:transform .3s}.lore-card:hover .lore-card-media img{transform:scale(1.05)}.lore-card-media img{position:relative}.lore-card-media img:after{content:attr(data-lore-card-initial);background:var(--card-absence-tile), var(--bg-card);font-family:var(--font-mono);font-weight:700;font-size:var(--card-mono-size);color:var(--card-contrast);place-items:center;display:grid;position:absolute;inset:0}.lore-card-media.no-img{background:var(--card-absence-tile);place-items:center;display:grid}.lore-card-mono{font-family:var(--font-mono);color:var(--card-contrast);font-weight:700;font-size:var(--card-mono-size)}.lore-card-A{--card-mono-size:2.1rem}.lore-card-C,.lore-card-D{--card-mono-size:1.3rem}.lore-card-overlay{background:linear-gradient(#0000 0%,#05060f8c 45%,#05060feb 100%);flex-direction:column;gap:.15rem;padding:1.5rem .85rem .6rem;display:flex;position:absolute;inset:auto 0 0}.lore-card-overlay-dense{padding:.9rem .5rem .35rem}.lore-card-name-row{flex-wrap:wrap;align-items:baseline;gap:.35rem;min-width:0;display:flex}.lore-card-name{color:var(--card-contrast);text-shadow:0 1px 4px #0009;font-size:1rem;font-weight:600;line-height:1.25}.lore-card-D .lore-card-name{font-size:.8rem;font-weight:500}.lore-card-B .lore-card-name{font-size:.92rem}.lore-card-C .lore-card-name{font-size:.82rem}.lore-card-type{color:var(--text-secondary);opacity:.85;text-shadow:0 1px 3px #000000b3;font-size:.68rem;font-style:italic;font-weight:400}.lore-card-D .lore-card-type{font-size:.62rem}.lore-card-edge-meta{flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.lore-card-relationship,.lore-card-facet,.lore-card-tier{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;text-shadow:0 1px 3px #000000b3;font-size:.62rem;font-weight:600;line-height:1.1}.lore-card-tier{border-left:1px solid color-mix(in srgb, var(--text-muted) 45%, transparent);padding-left:.35rem}.lore-card-facet{color:var(--text-secondary);letter-spacing:.04em;font-size:.6rem}.lore-card-D .lore-card-relationship,.lore-card-D .lore-card-facet,.lore-card-D .lore-card-tier{font-size:.56rem}.lore-card-epithet{color:var(--text-secondary);opacity:.9;text-shadow:0 1px 3px #000000b3;font-size:.72rem;font-style:italic}.lore-card-body{flex-direction:column;gap:.5rem;padding:.9rem 1rem;display:flex}.lore-card-B .lore-card-body,.lore-card-C .lore-card-body{gap:.35rem;padding:.7rem .8rem}.lore-card-description{color:var(--text-primary);-webkit-line-clamp:6;-webkit-box-orient:vertical;margin:0;font-size:.9rem;line-height:1.5;display:-webkit-box;overflow:hidden}.lore-card-oneliner{color:var(--text-muted);border-top:1px dashed var(--border-color);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;padding-top:.4rem;font-size:.8rem;line-height:1.45;display:-webkit-box;overflow:hidden}.lore-card-B .lore-card-description{color:var(--text-secondary);-webkit-line-clamp:4;-webkit-box-orient:vertical;margin:0;font-size:.82rem;line-height:1.45;display:-webkit-box;overflow:hidden}.lore-card-C .lore-card-description{color:var(--text-secondary);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:.75rem;line-height:1.4;display:-webkit-box;overflow:hidden}@media (width<=600px){.lore-card-A .lore-card-media{aspect-ratio:4/3}}