/* A living photographic setting behind the interactive foreground. */
.environment-backdrop{position:absolute;inset:-10px;z-index:0;pointer-events:none;overflow:hidden;background:#ded6ca;transform:translate3d(var(--environment-x,0px),var(--environment-y,0px),0) scale(1.035);will-change:transform}
.environment-backdrop img{width:100%;height:100%;display:block;object-fit:cover;object-position:50% 54%}
.environment-ready canvas{z-index:1;background:transparent!important}
#opening-stage.environment-ready::after,#production-stage.environment-ready::after{content:'';position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(180deg,#16233215,transparent 30%,transparent 72%,#1524341c)}
.environment-label{position:absolute;left:18px;top:18px;z-index:3;color:#fff;background:#14273ac2;border:1px solid #ffffff45;padding:9px 13px;border-radius:100px;font-size:9px;letter-spacing:.035em;backdrop-filter:blur(12px);pointer-events:none}
#opening-stage.environment-ready .opening-overline{color:#fff;background:#14273abf;padding:8px 12px;border-radius:100px;left:18px;top:18px;font-size:7px}
#opening-stage.environment-ready .opening-state{color:#fff;text-shadow:0 1px 7px #0009;background:#18293d80;border-radius:12px;padding:8px 11px}
#production-stage.visual-mode .environment-label{display:none}
.environment-ready .scene-live,.environment-ready .scene-hint{z-index:3;background:#fbf9f1e8}
#scene3d.environment-ready .environment-backdrop img{object-position:50% 48%}
html.motion-paused .environment-backdrop{will-change:auto}
@media(prefers-reduced-motion:reduce){.environment-backdrop{will-change:auto;transform:scale(1.035)}}
@media(max-width:680px){.environment-label{top:12px;left:12px;font-size:8px;padding:7px 10px}.environment-backdrop img{object-position:50% 52%}}