.portrait{object-fit:cover;object-position:center 38%;display:block;background:#d7d5c7}
.portrait-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:24px}.portrait-options figure{margin:0;min-width:0}.portrait-option{padding:0;width:100%;overflow:hidden;text-align:left;background:var(--white)}.portrait-option img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover}.portrait-option span{display:block;padding:12px;font-size:11px}.portrait-option[aria-pressed=true]{outline:3px solid var(--gold);outline-offset:2px}.portrait-options figure>a{display:inline-block;font-size:11px;margin-top:10px;text-underline-offset:3px}
@media screen{.character-card .portrait-card{width:calc(100% + 42px);height:auto;aspect-ratio:1.2;max-width:none;margin:17px -21px 17px;border-block:1px solid var(--line)}.nav-item .portrait-nav{width:32px;height:32px;border-radius:50%;border:1px solid #b59b66;flex-shrink:0}.profile-identity{display:flex;align-items:center;gap:23px;margin:24px 0 8px}.portrait-profile{width:112px;height:112px;flex:0 0 112px;border:3px solid var(--white);outline:1px solid var(--line)}.profile-identity .eyebrow{margin-bottom:5px}.profile-identity p{font:italic 17px/1.5 var(--serif);margin-bottom:12px}.profile-identity button{padding:6px 12px;font-size:11px}.portrait-crew{width:70px;height:70px;float:right;margin:0 0 12px 14px;border-radius:2px}.portrait-shared{width:90px;height:90px;float:right;margin:0 0 10px 14px}.character-card:has(.portrait-card) .tagline{min-height:50px}}
@media(max-width:760px){.character-card .portrait-card{width:calc(100% + 28px);margin:14px -14px}.portrait-options{grid-template-columns:1fr}.portrait-option img{max-height:340px}.nav-item .portrait-nav{width:26px;height:26px}.portrait-profile{width:85px;height:85px;flex-basis:85px}.profile-identity{gap:17px}.profile-identity p{font-size:15px}}
@media print{.portrait{display:none!important}.portrait-options{display:none}}

@media screen{.profile-identity+.character-subtitle{margin-top:17px}}

.npc-artwork{margin:14px 0 18px;background:#142e38;border:1px solid var(--line);position:relative;overflow:hidden}
.npc-artwork>a{display:block;color:#f1e7d0;text-decoration:none}
.npc-artwork>a:focus-visible{outline:3px solid var(--gold);outline-offset:-3px}
.roster-image-card{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;object-position:center 35%}
.npc-artwork figcaption{position:absolute;right:10px;bottom:10px;padding:5px 9px;background:#102831dd;color:#f1e7d0;font-size:10px;letter-spacing:.4px}
.npc-portrait{margin-bottom:18px}.npc-portrait .npc-artwork{margin-bottom:10px}.npc-portrait>button{padding:7px 12px;font-size:12px}
.roster-image-shared{display:block;float:right;width:90px;height:90px;object-fit:cover;object-position:center 35%;margin:0 0 10px 14px}
@media print{.npc-artwork,.roster-image{display:none!important}}