/* Illustrated pose layers share the room's coordinates. Navigation stays above them. */
.actor-animation{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden;filter:saturate(.72) brightness(.88)}
.actor-frame{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;mask-image:linear-gradient(to bottom,transparent 30%,#000 34%)}
.actor-frame.is-current{opacity:1;z-index:2}
@media(max-width:1000px) and (orientation:portrait){.actor-animation{display:none}}
@media(prefers-reduced-motion:reduce){.actor-animation{display:none}.actor-frame{transition:none}}

.actor-frame[data-pose^="typing"]{mask-image:radial-gradient(ellipse 6% 8% at 67% 72%,#000 60%,transparent 100%)}
.studio-screen{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2;filter:saturate(.72) brightness(.88);font-family:Arial,sans-serif;font-size:13px;fill:#80b6c0}
.studio-screen [hidden]{display:none}
.screen-title,.screen-small{font-size:11px;fill:#a8babe}
.screen-code{font-family:Consolas,monospace;font-size:12px}
.screen-warm{fill:#cb9b8d}.screen-light{fill:#bac9cb}.screen-logo{font-size:25px;font-weight:800;fill:#58a9b7}.screen-status{font-size:9px;fill:#81989d}
@media(max-width:1000px) and (orientation:portrait){.studio-screen{display:none}}