/* Same compact presentation as hub story-scene dialogue, scoped away from combat HUD. */
#encounter-dialogue.scene-dialogue{background:transparent;--dialogue-bottom:3%;--text-box-height:125px}
#encounter-dialogue.scene-dialogue .dialogue-box{box-sizing:border-box;left:4%;right:4%;width:auto;bottom:var(--dialogue-bottom);min-height:0;max-height:26%;padding:12px 20px 10px;overflow:auto;transform:none;gap:0;background:linear-gradient(120deg,#15222bf7,#17212af7);border:1px solid #7e929d;border-left:3px solid #bed0d6;color:#e6e3e8;box-shadow:0 12px 40px #0007}
#encounter-dialogue.scene-dialogue .dialogue-box>strong{font-size:22px;letter-spacing:3px;color:#bed0d6}
#encounter-dialogue.scene-dialogue #encounter-line{font-size:17px;line-height:1.65;margin:7px 0 6px;min-height:0;letter-spacing:1px;white-space:pre-wrap}
#encounter-dialogue.scene-dialogue .dialogue-box small{font-size:10px;margin-top:4px;opacity:.65}
#encounter-dialogue.scene-dialogue .dialogue-kicker{display:none}
#encounter-dialogue.scene-dialogue .portrait-stage{inset:auto 4% calc(var(--dialogue-bottom) + var(--text-box-height) - 3px) auto;width:25%;height:43%;padding:0;gap:0;justify-content:flex-end;pointer-events:none}
#encounter-dialogue.scene-dialogue .portrait-stage>:is(#portrait-melitas,#portrait-mystica,#portrait-patron,#portrait-starweaver){position:static;inset:auto;align-self:flex-end;margin:0;width:100%;height:100%;max-width:none;object-fit:contain;object-position:bottom;transform:none;mask-image:none;opacity:1;filter:drop-shadow(0 4px 12px #0006);image-rendering:pixelated;border-radius:0;transition:none}
#encounter-dialogue.scene-dialogue .portrait-stage>:not(.active-portrait){display:none!important}
#encounter-dialogue.scene-dialogue .portrait-stage>.active-portrait{display:block!important}
#encounter-dialogue.scene-dialogue .portrait-stage #portrait-starweaver{image-rendering:auto}
#encounter-dialogue.scene-dialogue .dialogue-skip{font-size:10px;top:3%;right:4%;padding:7px 10px}
#encounter-dialogue.scene-dialogue .dialogue-skip[hidden]{display:none}
@media(max-height:600px),(max-width:700px){
 #encounter-dialogue.scene-dialogue{--dialogue-bottom:2%}
 #encounter-dialogue.scene-dialogue .dialogue-box{padding:9px 13px;max-height:32%}
 #encounter-dialogue.scene-dialogue .dialogue-box>strong{font-size:17px}
 #encounter-dialogue.scene-dialogue #encounter-line{font-size:14px;line-height:1.5}
 #encounter-dialogue.scene-dialogue .dialogue-box small{font-size:9px}
 #encounter-dialogue.scene-dialogue .portrait-stage{height:38%;width:23%}
}
#encounter-dialogue.scene-dialogue .dialogue-box:focus{outline:none}