/* Decorative movement stays inside the artwork; controls keep their own layer. */
[data-ambient-scene] {
    isolation: isolate;
}

[data-ambient-scene] > canvas.ambient-scene__canvas {
    display: block;
    position: absolute;
    inset: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    pointer-events: none;
    user-select: none;
    opacity: var(--ambient-scene-opacity, .8);
    mix-blend-mode: screen;
    contain: strict;
}

/* A host may contain real copy, or may itself be a decorative sibling. */
[data-ambient-scene] > .room-hero__content,
[data-ambient-scene] > .room-hero__coordinate {
    z-index: 1;
}

[data-ambient-scene="silk"] > canvas.ambient-scene__canvas {
    -webkit-mask-image: linear-gradient(90deg, transparent, #000 35%, #000 92%, transparent);
    mask-image: linear-gradient(90deg, transparent, #000 35%, #000 92%, transparent);
}

@media (max-width: 640px) {
    [data-ambient-scene] > canvas.ambient-scene__canvas {
        opacity: var(--ambient-scene-mobile-opacity, .65);
    }
}