/* Presentation only. Offsets compensate transparent canvas; source pixels are untouched. */
.cp-scene {height:540px;min-height:0;--cp-base-size:min(360px,calc((100% - 24px)/1.118));}
.cp-scene .cp-art {position:absolute;width:calc(var(--cp-base-size)*var(--cp-scale,1));max-width:none;left:50%;bottom:10%;transform:translateX(-50%);}
.cp-scene .cp-image {object-fit:contain;transform:translate(var(--cp-offset-x,0%),var(--cp-offset-y,0%));}
.cp-scene .cp-speech {position:absolute;top:18px;right:18px;max-width:min(62%,260px);margin:0;padding:10px 14px;font-size:.95rem;line-height:1.5;z-index:1;}
@media(max-width:1100px) {
 .cp-scene {height:520px;--cp-base-size:min(320px,calc((100% - 24px)/1.118));}
}
@media(max-width:767px) {
 .cp-scene {height:clamp(430px,calc(100vw + 110px),540px);--cp-base-size:min(310px,calc((100% - 24px)/1.118));}
 .cp-scene .cp-speech {top:14px;right:14px;max-width:64%;padding:10px 12px;font-size:.9rem;}
}