/* NPC art belongs to the existing cards and speaker blocks. Face frames
   retain their relationship rings and fall back to initials before painting. */
.here-face,.relation-mono{overflow:hidden}
.here-face img,.relation-mono img{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}
.npc-figure{position:relative;display:block;width:100%;padding:0;border:0;border-radius:var(--radius-md);overflow:hidden;background:var(--well);cursor:zoom-in}
.npc-figure>img{display:block;width:100%;height:360px;max-height:55vh;object-fit:contain}
.npc-enlarge{position:absolute;right:8px;bottom:8px;padding:2px 8px;border-radius:var(--radius-xs);background:var(--surface);color:var(--text);font:var(--size-title) var(--head)}
.npc-image-actions{display:flex;flex-wrap:wrap;gap:var(--space-3);margin:var(--space-5) 0}
.npc-image-actions button{flex:1;min-height:44px;font-size:var(--size-label)}
.npc-image-more{margin:0 0 var(--space-5);font:var(--size-label) var(--head);color:var(--muted)}
.npc-image-more summary{width:max-content;min-height:44px;display:flex;align-items:center;cursor:pointer}
.npc-image-more button{margin:6px 6px 0 0;min-height:44px;font-size:var(--size-label)}
.message .speaker-line.has-portrait{position:relative;margin-left:56px}
.message .speaker-portrait{position:absolute;top:0;left:-58px;display:block;width:44px;height:44px;padding:0;border:1px solid var(--speaker);border-radius:var(--radius-round);overflow:hidden;background:var(--surface-low)}
.speaker-portrait img{display:block;width:100%;height:100%;object-fit:cover}
.message .speaker-portrait:focus-visible,.npc-figure:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
@media(max-width:480px){.npc-figure>img{height:320px}.message .speaker-line.has-portrait{margin-left:52px}.message .speaker-portrait{left:-54px}}