#character-card .character-heading{display:flex;align-items:flex-start;justify-content:flex-start;gap:7px;flex-wrap:nowrap}
#character-card .character-heading>span{display:inline-block;flex:0 0 auto;white-space:nowrap;word-break:keep-all;padding-top:4px}
#character-card .emotion-current{font-size:13px;color:#952e63;white-space:nowrap;padding:3px 7px;background:#f5c8dd;border:1px solid #a13c6c;border-radius:4px}
#character-card .character-heading{flex-wrap:wrap;align-items:center}
.emotion-overview{display:flex;flex:1 0 100%;min-width:0;gap:3px;align-items:center;height:12px;overflow:hidden}
.emotion-chip{display:block;flex:1 1 0;height:3px;background:#ddced7;border-radius:2px;min-width:2px}
.emotion-chip.is-current{height:9px;background:#a13c6c;box-shadow:0 0 0 1px #a13c6c}
.portrait-load-status{display:grid;place-content:center;min-height:240px;padding:16px;background:#f8edf3;color:#785c6e;font-size:13px;text-align:center}
.portrait-load-status button{font:inherit;border:1px solid #b784a1;border-radius:5px;padding:9px;background:#fff7fb;color:#8a3c64}
#character-card .sanity-label{display:flex;align-items:center;justify-content:space-between;gap:8px;white-space:nowrap;word-break:keep-all;margin:12px 12px 6px}
#character-card .sanity-meter{margin:0 12px 12px}
#character-card>.voice-caption-row{display:block;padding:10px 12px;margin:0;border-top:1px solid #ead5e1}
.character-voice-controls{display:flex;flex-wrap:wrap;align-items:center;gap:7px}
.character-voice-controls button{min-height:36px;padding:7px 9px;border:1px solid #ceb8c4;background:#fff7fb;border-radius:5px;font-size:11px;white-space:nowrap;word-break:keep-all}
@media(max-width:1050px){
 #character-card{display:grid;grid-template-columns:110px minmax(0,1fr);align-items:start;padding-right:0}
 #character-card .portrait{grid-column:1;grid-row:1/5;height:100%;min-height:160px;max-height:440px}
 #character-card .character-heading{grid-column:2;grid-row:1;padding:10px 9px 4px}
 #character-card .sanity-label{grid-column:2;grid-row:2;align-self:center;margin:8px 9px 6px}
 #character-card .sanity-meter{grid-column:2;grid-row:3;margin:0 9px 8px}
 #character-card .speech{grid-column:2;grid-row:4;margin:2px 9px 10px}
 #character-card>.voice-caption-row{grid-column:1/-1;grid-row:5}
}
@media(max-width:390px){#character-card{grid-template-columns:78px minmax(0,1fr)}.emotion-chip{min-width:1px}.emotion-overview{gap:3px}#character-card .character-heading{gap:4px;padding-left:5px;padding-right:5px}#character-card .character-heading>span{font-size:10px}}
@media(max-width:690px){
 #character-card{grid-template-columns:74px minmax(0,1fr)}#character-card .portrait{min-height:135px;max-height:160px}#character-card .character-heading{padding:5px 7px 3px;gap:4px}#character-card .sanity-label{margin:4px 7px}#character-card .sanity-meter{margin:0 7px 5px}#character-card .speech{margin:2px 7px 6px}
 #character-card>.voice-caption-row{display:flex;flex-wrap:wrap;gap:5px 8px;align-items:center;padding:6px 8px}#character-card #voice-state{margin:0;font-size:11px;line-height:1.4;flex:1 1 100px}.character-voice-controls{gap:5px}.character-voice-controls button{min-height:36px;padding:5px 7px}.portrait-load-status{min-height:135px;padding:8px}
}