#story-msgbox.with-portrait{min-height:158px;padding-top:20px;overflow:visible;align-items:flex-start}
.with-portrait #story-speaker{width:108px;min-width:108px;align-self:stretch;position:relative;min-height:126px}
.with-portrait .character-portrait{position:absolute;bottom:-14px;left:-12px;width:122px;height:244px;display:block;filter:drop-shadow(3px 0 1px #1c6b8530)}
.with-portrait .character-portrait[data-character='hina']{background-image:url('assets/characters/hina-dialogue.png');background-size:600% 100%;background-position:var(--expression-position,0%) 0}
#story-msgbox.portrait-right{flex-direction:row-reverse}
#story-msgbox.portrait-right .character-portrait{left:auto;right:-12px}
.dialogue-name{position:absolute;top:-16px;left:131px;background:#133e62;color:#f3fbfd;font-size:12px;line-height:1.3;padding:6px 21px;letter-spacing:.15em}
.portrait-right .dialogue-name{left:auto;right:131px}
#story-msgbox.with-portrait #story-text{font-size:15px;line-height:1.9;max-height:180px;padding-top:4px}
@media(max-width:600px){
 #story-msgbox.with-portrait{min-height:153px;padding:19px 13px 14px 8px;gap:10px}
 .with-portrait #story-speaker{width:83px;min-width:83px;min-height:120px}
 .with-portrait .character-portrait{width:96px;height:192px;left:-8px;bottom:-14px}
 #story-msgbox.portrait-right .character-portrait{left:auto;right:-8px}
 .dialogue-name{left:104px;font-size:12px;padding:5px 17px}
 .portrait-right .dialogue-name{left:auto;right:104px}
 #story-msgbox.with-portrait #story-text{font-size:14px;line-height:1.85;max-height:165px}
}