/* Only the three approved Rosi video surfaces. */
.dd134-video{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:contain!important;pointer-events:none;opacity:0!important}
.dd134-video.is-playing{opacity:1!important}
.dd132-stage:has(>.dd134-video.is-playing)>.dd132-art{opacity:0!important}
.dd134-guide .rosi-live>video.is-playing{opacity:1!important}
.dd134-guide .rosi-live:has(>video.is-playing)>img{opacity:0!important}
.dd-hero-rosi-wrap.dd134-hero>.dd-hero-rosi{animation:none!important;transform:none!important;opacity:1!important}
.dd134-hero:has(>.dd134-video.is-playing)>.dd-hero-rosi{opacity:0!important}
.dd134-hero>.dd134-video,.dd134-hero>.dd-hero-rosi{translate:100% 0;transition:translate 5s cubic-bezier(.18,.55,.3,1)!important}
.dd134-hero.dd134-entered>.dd134-video,.dd134-hero.dd134-entered>.dd-hero-rosi{translate:0 0}
@media(prefers-reduced-motion:reduce){.dd134-video{display:none!important}.dd132-stage>.dd132-art,.dd134-guide .rosi-live>img{opacity:1!important}.dd134-hero>.dd-hero-rosi{translate:0 0!important;opacity:1!important;transition:none!important}}
/* Empty left area of the head clip: discard an isolated matte-edge artifact. */
.dd134-hero>.dd134-video{clip-path:inset(0 0 0 35%)}
.dd134-video{clip-path:inset(2px)}
.dd134-hero>.dd134-video{clip-path:inset(2px 0 2px 35%)}

.dd134-static .dd133-confetti{display:none!important}.dd134-static .dd132-chat-message:after{animation:none!important;display:none}.dd134-static .dd132-screen-track{transition:none!important}
/* Only empty frame margins; actor bounds stay inside this matte cleanup. */
.dd132-stage>.dd134-video{clip-path:inset(2%)}

/* v135: slightly larger type portraits within the existing laptop display. */
.dd132-screen-slide{padding:2% 1% 1%}.dd132-screen-slide img{width:98%!important;height:81%!important}
.dd132-ai[data-phase="4"] .dd133-confetti{display:none}
.dd132-ai[data-phase="4"] .dd132-chat-message:after{display:none}
/* Only the animated AI laptop UI. */
.dd132-ai .dd132-screen{padding:3.5% 3% 2% 4.5%;gap:4%;border-top:1px solid #475565}
.dd132-ai .dd132-chat-brand:before{content:'•••';letter-spacing:.08em;margin-right:.6em;color:#83958f}
.dd132-ai .dd132-chat-message{line-height:1.28;min-height:0}
.dd132-ai[data-phase="3"] .dd132-screen{box-shadow:inset 0 0 20px #d5a75435}
.dd132-ai[data-phase="4"] .dd132-screen{box-shadow:none}
.dd132-types .dd132-screen{left:51.6%;top:22.6%;width:44.1%;height:35%;clip-path:polygon(4% 0,100% 0,98.5% 100%,0 95.5%)}
.dd132-ai .dd132-chat-speaker,.dd132-ai .dd132-chat-message{transition:opacity .65s ease}
.dd132-ai[data-phase="4"] .dd132-chat-speaker,.dd132-ai[data-phase="4"] .dd132-chat-message{opacity:0}

/* Final mini: launch the chat app, then retain the reaction result on screen. */
.dd136-launch{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4%;background:#111820;z-index:6;opacity:1;transition:opacity .4s ease,scale .4s ease}
.dd136-launch span{font-size:clamp(16px,6cqw,34px);line-height:1}.dd136-launch b{font:600 clamp(7px,2.4cqw,13px)/1.2 system-ui;color:#d0b783}
.dd132-ai[data-app-open="true"] .dd136-launch{opacity:0;scale:1.06;pointer-events:none}
.dd132-ai[data-app-open="false"] .dd132-chat-brand,.dd132-ai[data-app-open="false"] .dd132-chat-speaker,.dd132-ai[data-app-open="false"] .dd132-chat-message{opacity:0}
.dd132-types[data-type-reaction="joy"] .dd132-screen{box-shadow:inset 0 0 18px #dfb16445}
@media(prefers-reduced-motion:reduce){.dd136-launch{transition:none}}

/* Upper-right peek: independent from the old bottom-aligned mascot placement. */
.dd-hero-rosi-wrap.dd134-hero{top:clamp(82px,13vh,130px)!important;bottom:auto!important;right:0!important;width:clamp(170px,24vw,290px)!important;aspect-ratio:4/3;z-index:2}
.dd134-hero>.dd134-video,.dd134-hero>.dd-hero-rosi{width:100%!important;height:100%!important;object-fit:contain!important;clip-path:none!important}
