.character-portrait{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:flex-end;justify-content:center;background:linear-gradient(145deg,#d6bd8d,#765333)}
.character-portrait__background{position:absolute;z-index:0;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.character-portrait__artwork{position:relative;z-index:1;display:block;width:auto;height:auto;max-width:94%;max-height:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 12px 9px rgba(43,27,12,.28))}
.character-portrait__placeholder{position:relative;z-index:1;align-self:center;padding:12px 16px;border:1px solid rgba(238,204,132,.65);background:rgba(49,34,22,.72);color:#f1d49a;font:9px monospace;letter-spacing:.14em;box-shadow:0 5px 14px rgba(35,22,12,.28)}
.character-portrait__placeholder[hidden]{display:none}
.character-portrait--profile{width:100%;height:100%;min-height:0}
.character-portrait--roster{width:100%;height:100%;min-height:190px}
.character-portrait--roster .character-portrait__artwork{max-width:92%;max-height:205px}
.character-portrait--introduction{width:100%;height:330px;border:1px solid rgba(238,204,132,.55);border-radius:14px}
.character-portrait--status{width:100%;height:100%}
.roster-portrait{background:none}
.roster-portrait .character-portrait__background,.intro-record .character-portrait__background{width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;object-position:center}
.roster-portrait .character-portrait__artwork,.intro-record .character-portrait__artwork{width:auto;height:auto;object-fit:contain;object-position:center bottom}
@media(max-width:600px){.character-portrait--roster{min-height:180px}.roster-portrait .character-portrait__artwork{max-height:180px}.character-portrait--introduction{height:300px}}
.status-art .character-portrait{width:100%;height:125px}
.status-art .character-portrait__background{width:100%;height:100%;max-width:none;object-fit:cover;object-position:center}
.status-art .character-portrait__artwork{width:auto;height:auto;max-width:100%;max-height:123px;object-fit:contain;object-position:center bottom}