.vr-wrapper{position:relative;width:100%;height:calc(100dvh - 60px);overflow:hidden;background-color:#000}.vr-wrapper .vr{width:inherit;height:inherit;background-color:#e6f0f0}.vr-wrapper .exterior-controls{display:flex;gap:16px}.vr-wrapper .controls-button{border:1.5px solid #901852;border-radius:3vh;background-color:#fff;box-shadow:0 1px 2px 0 rgba(0,0,0,.15);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease-in-out;padding:1.5vh;gap:1vh;z-index:1000}.vr-wrapper .controls-button svg{width:2vh;height:2vh;color:#333}.vr-wrapper .controls-button:hover{background-color:#f8f9fa;box-shadow:0 2px 4px 0 rgba(0,0,0,.2)}.vr-wrapper .controls-button:active{box-shadow:0 1px 2px 0 rgba(0,0,0,.15)}.vr-wrapper .controls-button.active{background-color:rgba(255,153,0,.2);border-color:#f90;color:#f90}.vr-wrapper .mobile-vr-controls{display:none}.exterior-controls{display:flex;gap:2vh;position:fixed;bottom:20px;left:50%;transform:translateX(-50%);z-index:1100}.exterior-btn{min-width:120px;font-size:1.1rem;font-weight:500}.exterior-btn.active{background:#e0e0e0!important;color:#333!important;pointer-events:none;border-color:#bdbdbd!important}@media screen and (max-width:600px){.vr-wrapper .exterior-controls{display:none}.vr-wrapper .mobile-vr-controls{display:flex;position:fixed;left:50%;bottom:20px;transform:translateX(-50%);z-index:1200;gap:16px;border-radius:32px;padding:8px 20px;align-items:center}.vr-wrapper .mobile-vr-controls .mobile-vr-btn{background:#fff;border:none;border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 4px rgba(0,0,0,.1);cursor:pointer;transition:background .2s;padding:0}.vr-wrapper .mobile-vr-controls .mobile-vr-btn.active{background:#e0e0e0}.vr-wrapper .mobile-vr-controls .mobile-vr-btn img{width:28px;height:28px}}