/* Consistent, uncropped art frames. Artwork is never stretched or cropped to fill. */
:root{--art-mat:#101a22;--art-keyline:#53646c;--art-radius:10px}
.team-story-card,.species-card,.crew-person,.machine-panel{border-radius:var(--art-radius);overflow:hidden}
.team-story-card{--team-accent:#e4e0ce}
#team-common-line,#crew-common-line{--team-accent:#b85249}
#team-crownward,#crew-astra{--team-accent:#b89a55}
#team-ninefold,#crew-varrik{--team-accent:#ac704d}
#team-sinterline,#crew-sinterline{--team-accent:#3abec7}
#team-ivaran,#crew-ivaran{--team-accent:#608b79}
.team-story-card:first-child{display:block;grid-column:auto}
.team-story-card>img,.team-story-card:first-child>img,
.species-card img,.species-card.feature img,.species-card.zeru img,
.crew-person img,.crew-person:last-child img,
.machine-panel img,.place img,.duel-result img{
 display:block;width:100%;height:auto;min-height:0;max-width:100%;aspect-ratio:4/3;
 object-fit:contain;object-position:center!important;box-sizing:border-box;
 padding:12px;background:var(--art-mat);border:1px solid var(--art-keyline);
 border-bottom:3px solid var(--team-accent,#526d79);
}
.team-story-card>img,.team-story-card:first-child>img{height:auto}
.species-card.feature{display:block;grid-column:auto}
.machine-panel:first-child{display:block;grid-column:auto}
.crew-image-pending{height:auto;aspect-ratio:4/3;box-sizing:border-box;border:1px solid var(--art-keyline);border-bottom:3px solid var(--team-accent,#526d79)}
.crew-person>a{border-radius:var(--art-radius) var(--art-radius) 0 0}
.crew-cards{align-items:stretch}
.crew-person:last-child{grid-column:auto}
.place{border:1px solid #2d414e;border-radius:var(--art-radius);overflow:hidden}
/* Trading cards retain their own portrait/landscape ratios inside complete frames. */
.card-link img,.rarity-layer img{object-fit:contain;max-width:100%;height:auto}
@media(max-width:700px){
 .team-story-card>img,.team-story-card:first-child>img,.machine-panel img{aspect-ratio:4/3;height:auto;min-height:0}
 .team-story-card>div{padding:22px}
}
@media(max-width:600px){
 .crew-person img,.crew-person:last-child img{height:auto;aspect-ratio:4/3}
 .crew-image-pending{height:auto}
}
/* Character artwork is full bleed in one shared 4:3 window. Original files
   remain intact; focal positions keep faces and distinctive anatomy visible. */
.species-card img,.species-card.feature img,.species-card.zeru img,
.team-story-card>img,.team-story-card:first-child>img,
.crew-person img,.crew-person:last-child img{
 aspect-ratio:4/3;height:auto;min-height:0;padding:0;object-fit:cover;
 object-position:var(--portrait-focus,50% 30%)!important;
 border:1px solid var(--art-keyline);border-bottom:3px solid var(--team-accent,#526d79);
}
img[src$="nyra-hero.webp"]{--portrait-focus:18% 50%}
img[src$="astra-vale.webp"]{--portrait-focus:72% 50%}
img[src$="varrik-korva-v2.webp"]{--portrait-focus:50% 50%}
img[src$="ilyx-renn-original-four-ears.webp"]{--portrait-focus:0% 0%}
img[src$="kira-mossk-option-c-four-ears.webp"]{--portrait-focus:50% 0%}
img[src$="keth.webp"]{--portrait-focus:73% 50%}
img[src$="miri-ollo-v2.webp"]{--portrait-focus:50% 30%}
/* Unfinished multi-view studies remain fully visible as reference sheets. */
.crew-person img[src$="orren-recovered-study.webp"],
.crew-person img[src$="sera-recovered-study.webp"]{object-fit:contain;background:var(--art-mat)}

.crew-person img[src*="crew-studies/"]{--portrait-focus:50% 0%}