/* Every turn uses one fixed window. Extra words advance as another page. */
.vn-modal .vn-scene>.vn-dialogue-window{top:auto!important;bottom:36px!important;left:10px!important;right:10px!important;height:132px!important;min-height:132px!important;max-height:132px!important;box-sizing:border-box;padding:22px 18px 28px!important;overflow:visible!important}
.vn-modal .vn-dialogue-window>p{font-size:16px!important;line-height:1.6!important;letter-spacing:0!important;margin:0;height:80px;max-height:80px;overflow:hidden!important;white-space:normal;overflow-wrap:normal}
.vn-modal .vn-dialogue-window .vn-next{bottom:6px!important;font-size:10px!important}.vn-page-count{position:absolute;bottom:8px;left:16px;font-size:9px;color:#d9e4ef}
.vn-modal .vn-scene:not(.opening-cg-scene):not(.ending-cg-scene)>.vn-cast{top:50px!important;bottom:36px!important;overflow:hidden;container-type:size}
.vn-modal .vn-scene:not(.opening-cg-scene):not(.ending-cg-scene) .vn-actor{height:100%!important;bottom:0!important;justify-content:flex-end}
.vn-modal .vn-scene:not(.opening-cg-scene):not(.ending-cg-scene) .vn-actor>.atlas-character{height:min(100cqh,calc(150cqw / var(--cast-count)))!important;width:auto!important;transform:none!important}
@media(max-width:600px){
 /* Give the date, stage, and friendship rail a real row before the commands. */
 body{overflow:hidden}.pocket-shell{height:100dvh;min-height:0;overflow:hidden}.pocket-middle{flex:1 1 0;height:auto;min-height:155px;position:relative;margin:0}
 .pocket-middle>.pocket-dateboard,.pocket-middle>.mobile-friend-rail,.pocket-middle>.pocket-world{min-height:0;max-height:100%;box-sizing:border-box}
 .pocket-dateboard{overflow:hidden;gap:3px}.pocket-dateboard>span{padding-bottom:4px}.pocket-dateboard>div{padding-top:4px}.pocket-dateboard>div>b{font-size:18px}.pocket-dateboard>p{display:none}
 .pocket-commands{position:relative;z-index:auto;flex:0 0 auto;margin-top:0;background:#25344e;padding-top:0}.pocket-action-grid{margin-top:0}.pocket-menubar{flex:0 0 auto;padding-block:2px}
 .mobile-friend-rail{overflow:hidden;justify-content:space-around;gap:3px}.mobile-friend-meter{gap:1px}.mobile-friend-meter>.atlas-character,.friend-unknown{width:22px!important;height:22px}.mobile-friend-meter>meter{height:6px}
 .pocket-narration{height:78px;min-height:78px;max-height:78px;box-sizing:border-box;padding:18px 10px 22px;bottom:7px;left:7px;right:7px}.pocket-narration>p{font-size:11px;line-height:1.6;margin:0;max-height:36px;overflow:hidden}
 .pocket-world-actors{inset:35px 3% 0;padding-bottom:20px}.pocket-world-actors .atlas-character{height:min(100cqh,80cqw,255px)!important}
 .vn-modal .vn-scene:not(.opening-cg-scene):not(.ending-cg-scene){display:block!important;min-height:260px;position:relative}
 .vn-modal .vn-scene>.vn-toolbar{position:absolute!important;top:0!important;left:0!important;right:0!important;height:48px;grid-area:auto!important}
 .vn-modal .vn-scene>.vn-dialogue-window{position:absolute!important;grid-area:auto!important;top:auto!important;bottom:30px!important;left:7px!important;right:7px!important;margin:0!important;height:108px!important;min-height:108px!important;max-height:108px!important;padding:18px 11px 27px!important}
 .vn-modal .vn-dialogue-window>p{font-size:12px!important;line-height:1.65!important;height:60px!important;max-height:60px!important;overflow:hidden!important}
 .vn-modal .vn-scene>.vn-cast{position:absolute!important;grid-area:auto!important;inset:48px 0 30px!important;min-height:0}
 .vn-modal .vn-scene:not(.opening-cg-scene):not(.ending-cg-scene) .vn-actor>.atlas-character{height:min(100cqh,calc(164cqw / var(--cast-count)))!important}
 .vn-modal .vn-scene>.vn-status{position:absolute!important;grid-area:auto!important;inset:auto 0 0!important;height:26px;min-height:26px;box-sizing:border-box}
 .vn-modal .vn-dialogue-window .vn-speaker{font-size:9px!important;padding:3px 8px!important;top:-12px!important;left:9px!important;min-width:80px!important}.vn-modal .vn-dialogue-window .vn-next{font-size:9px!important;bottom:4px!important}.vn-page-count{font-size:8px;bottom:6px;left:11px}
 .vn-modal .vn-stage-row{min-height:286px;flex:1 0 286px}.vn-modal .vn-stage-row>.mobile-friend-rail{flex:0 0 44px}.vn-modal{overflow-y:auto!important}
 .vn-modal>.vn-decision,.vn-modal>.vn-outcome{flex-shrink:0!important}
}
@media(min-width:601px) and (max-height:500px){.vn-modal .vn-scene>.vn-dialogue-window{height:88px!important;min-height:88px!important;max-height:88px!important;padding:15px 12px 22px!important;bottom:25px!important}.vn-modal .vn-dialogue-window>p{font-size:11px!important;line-height:1.5!important;height:50px;max-height:50px}}

.vn-dialogue-line{display:block;white-space:nowrap;min-height:1.5em;line-height:inherit;word-break:normal;overflow-wrap:normal}
@media(max-width:600px) and (max-height:640px){
 .pocket-middle{min-height:120px}
 .pocket-world-actors{inset:5px 3% 55px;padding-bottom:0}
}
