/* A-Frame viewer chrome — minimal wrapper styles. The scene itself fills the
   container; this file only handles the mobile poster fallback. */
[data-aframe-viewer] {
    position: relative;
    width: 100%;
    background: #1e1a16;
    overflow: hidden;
    border-radius: .375rem;
}

[data-aframe-viewer] a-scene {
    display: block;
    width: 100%;
    height: 100%;
}

.aframe-fallback {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 240px;
}
.aframe-fallback img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.aframe-fallback .aframe-promote {
    position: absolute;
    inset: auto 0 .75rem 0;
    margin: 0 auto;
    width: max-content;
    z-index: 5;
}