/* Local photo layers keep the established scene; robot hit buttons remain above them. */
#cinemaRobots{position:absolute;inset:0;width:1600px;height:800px;overflow:visible;pointer-events:none;z-index:3}
#cinemaRobots .cinema-robot-motion{display:none;pointer-events:none}
#cinemaRobots.robot-motion-ready .cinema-robot-motion.robot-working{display:block}
#cinemaRobots .robot-head{animation:robot-screen-look 5.6s ease-in-out infinite;animation-delay:var(--robot-phase);transform-box:view-box}
#cinemaRobots .robot-arm-left{animation:robot-key-left .62s ease-in-out infinite;animation-delay:var(--robot-phase);transform-box:view-box}
#cinemaRobots .robot-arm-right{animation:robot-key-right .71s ease-in-out infinite;animation-delay:calc(var(--robot-phase) - .32s);transform-box:view-box}
@keyframes robot-screen-look{0%,100%{transform:translate(0,-1px) rotate(-3deg)}18%,30%{transform:translate(-2px,-2px) rotate(-6deg)}50%,65%{transform:translate(1px,-1px) rotate(5deg)}80%{transform:translate(0,0) rotate(1deg)}}
@keyframes robot-key-left{0%,100%{transform:rotate(49deg)}35%{transform:rotate(56deg)}52%{transform:rotate(47deg)}75%{transform:rotate(53deg)}}
@keyframes robot-key-right{0%,100%{transform:rotate(-53deg)}40%{transform:rotate(-47deg)}65%{transform:rotate(-57deg)}82%{transform:rotate(-50deg)}}
.cinema-background #cinemaRobots .robot-head,.cinema-background #cinemaRobots .robot-arm-left,.cinema-background #cinemaRobots .robot-arm-right{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){#cinemaRobots{display:none!important}}