/* Scene, actors and their ground share a single stage. Captions stay outside it. */
.ending-stage{display:grid;grid-template-rows:auto minmax(0,1fr) auto;background:#16131c}
.ending-heading{position:static;grid-row:1;padding:20px 28px 12px}
.ending-heading h2{font-size:clamp(24px,2.2vw,36px);margin:6px 0}
.ending-heading p{margin:0;color:#d4c7b5;font-size:14px}
#endingCanvas{grid-row:2;min-height:0;width:100%;height:100%;align-self:stretch}
.ending-speech{position:static;grid-row:3;margin:0;padding:18px 28px;min-height:76px;background:#101715;border-top:1px solid #d4ad664f;font-size:clamp(16px,1.25vw,20px);line-height:1.65}
.ending-credits{border-left:1px solid #d4ad6629}
@media(max-width:780px){
 .ending-panel{grid-template-rows:minmax(360px,56%) minmax(0,1fr)}
 .ending-heading{padding:12px 16px 8px}
 .ending-heading h2{font-size:23px;margin:4px 0}
 .ending-heading>span{font-size:10px}
 .ending-heading p{font-size:12px}
 .ending-speech{min-height:74px;padding:12px 16px;font-size:16px}
 .ending-credits{border-left:0;border-top:1px solid #d4ad6629}
}
@media(max-height:600px) and (orientation:landscape){
 .ending-panel{grid-template-columns:minmax(0,2fr) minmax(240px,1fr);grid-template-rows:1fr}
 .ending-heading{padding:8px 16px 4px}
 .ending-heading h2{font-size:21px;display:inline;margin-left:12px}
 .ending-heading p{font-size:11px}
 .ending-speech{min-height:56px;padding:8px 16px;font-size:15px}
}