/* The existing preview is isolated so its debug selectors cannot touch site UI. */
#room-motion{position:absolute;inset:0;width:100%;height:100%;border:0;pointer-events:none;z-index:0;filter:brightness(1.08) saturate(.92) contrast(1.025)}
.door-opening{position:absolute;pointer-events:none;perspective:1000px;z-index:2;overflow:hidden;background:radial-gradient(ellipse at 65% 35%,#936336,#362719 55%,#100e0d);opacity:0}
.door-opening.ready{opacity:1}.door-leaf{width:100%;height:100%;display:block;transform-origin:right center;backface-visibility:hidden;transition:transform var(--door-duration) cubic-bezier(.25,.65,.3,1),filter var(--door-duration);image-rendering:pixelated}
.door-opening.open .door-leaf{transform:rotateY(var(--door-street-angle));filter:brightness(.96)}
#street .door-opening{background:linear-gradient(90deg,#d4a25f,#70502e 12%,#201911 35%)}
#street.door-approach{transform-origin:50% 48%;animation:door-approach var(--door-duration) ease-out both}
@keyframes door-approach{from{transform:scale(1)}to{transform:scale(var(--door-approach-scale))}}
#room .door-opening{background:linear-gradient(100deg,#152333,#3c5261);clip-path:polygon(0 6%,93% 0,93% 89%,0 99%)}
#room .door-leaf{transform-origin:left center}#room .door-opening.open .door-leaf{transform:rotateY(var(--door-room-angle))}
@media(prefers-reduced-motion:reduce){.door-leaf{transition:none!important}.door-opening.open .door-leaf{transform:none}#street.door-approach{animation:none}}