/* The approved engraving stays visible until its animated layers are ready. */
.scenery .living-stage-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none;opacity:0;transition:opacity .7s ease;object-fit:fill}
.scenery .living-stage-canvas.is-ready{opacity:1}
.scenery .living-stage-canvas.is-lost{opacity:0;transition:none}
.stage-cue,.puppet-cue{visibility:hidden;opacity:0;pointer-events:none;min-height:36px;padding:8px 4px;border:0;background:none;color:#c3a184;font-size:11px;letter-spacing:.13em;line-height:1.5;transition:opacity .5s ease,color .25s ease}
.stage-ready:not(.stage-unavailable) .stage-cue,.stage-ready:not(.stage-unavailable) .puppet-cue{visibility:visible;opacity:.82;pointer-events:auto}
.stage-cue{position:absolute;bottom:calc(11.5% + 74px);left:50%;transform:translateX(-50%);z-index:3;white-space:nowrap;text-shadow:0 2px 10px #000}
.stage-cue span{margin-right:6px;color:#b65a43}
.puppet-cue{display:inline-flex;align-items:center;gap:16px;margin-top:3px;padding-left:1px;text-align:left}
.puppet-cue span{color:#a56f51;font-size:14px}
.stage-ready .stage-cue:hover,.stage-ready .puppet-cue:hover{color:#f3d7b6;opacity:1}
.stage-cue:focus-visible,.puppet-cue:focus-visible{outline:2px solid #f7cba7;outline-offset:5px;opacity:1}
.stage-unavailable .stage-cue,.stage-unavailable .puppet-cue{display:none}
@media(min-aspect-ratio:19/9){.stage-cue{bottom:calc(10% + 74px)}}
@media(max-width:700px){.stage-cue{bottom:calc(11% + 122px);font-size:10px}.puppet-cue{min-height:40px}}
@media(prefers-reduced-motion:reduce){.scenery .living-stage-canvas{transition:none}}