/* All visible effects are raster atlas frames. Dialogue owns the lower screen. */
#world-root .chapter-four-henshin{position:absolute;inset:0;z-index:3;pointer-events:none}
#world-root .c4-henshin-scene{position:absolute;inset:0 0 var(--dialogue-box-height);overflow:hidden;background:#06101c38}
#world-root .c4-henshin-scene canvas{display:block;width:100%;height:100%}
#world-root.c4-transforming :is(#world-portrait,#world-portrait-peer){visibility:hidden}
#world-root .c4-henshin-controls{display:flex;align-items:center;gap:10px;pointer-events:auto}
#world-root:is(.c4-transforming,.c4-henshin-loading) #world-actions>button{display:none}
#world-root .c4-henshin-controls>span{font-size:12px;color:#d4d9df;white-space:nowrap}
#world-root .c4-henshin-controls>button{min-height:42px;padding:7px 16px}
#world-root .c4-henshin-progress{position:absolute;bottom:var(--dialogue-box-height);left:0;width:calc(100% * var(--c4-progress,0));height:2px;background:#e3d5a2}
@media(orientation:landscape) and (max-height:330px){
 #world-root.c4-transforming #world-location{display:none}
 #world-root.c4-transforming #world-heading{font-size:16px;line-height:1.1;margin:2px 0}
 #world-root.c4-transforming #world-message{font-size:13px;line-height:1.25;margin:3px 0}
 #world-root .c4-henshin-controls>button{min-height:32px;padding:4px 12px;font-size:12px}
}