/* Voidral Earth camera rail: never cover the four bottom action buttons.
   The footer clearance is measured against the actual bottom toolbar in JS.
   Camera stays in a scrollable side rail on small screens. */
@media (max-width:760px) and (orientation:portrait){
 #voidral-earth #ve-camera{
   position:absolute!important;
   top:calc(112px + env(safe-area-inset-top,0px))!important;
   bottom:var(--ve-camera-footer-clearance,155px)!important;
   right:8px!important;
   left:auto!important;
   width:51px!important;
   max-width:51px!important;
   max-height:none!important;
   min-height:0!important;
   height:auto!important;
   display:flex!important;
   flex-direction:column!important;
   flex-wrap:nowrap!important;
   align-items:center!important;
   justify-content:flex-start!important;
   gap:5px!important;
   padding:3px 2px 8px!important;
   box-sizing:border-box!important;
   overflow-y:auto!important;
   overflow-x:hidden!important;
   overscroll-behavior:contain;
   touch-action:pan-y!important;
   scrollbar-width:none;
   z-index:5!important;
 }
 #voidral-earth #ve-camera::-webkit-scrollbar{display:none}
 #voidral-earth #ve-camera button{
   width:40px!important;
   min-width:40px!important;
   height:40px!important;
   min-height:40px!important;
   flex:0 0 auto!important;
   margin:0!important;
   padding:0!important;
 }
 #voidral-earth #ve-camera button.ve-labeled{
   width:43px!important;
   min-width:43px!important;
   height:44px!important;
   min-height:44px!important;
   flex:0 0 auto!important;
   padding:3px 1px!important;
 }
 #voidral-earth #ve-camera .ve-caption{font-size:9px!important}
 #voidral-earth #ve-camera #ve-camera-angle{
   flex:0 0 auto!important;
   box-sizing:border-box!important;
   width:43px!important;
   min-height:18px!important;
   padding:2px 1px!important;
   font-size:10px!important;
   line-height:1.25!important;
 }
 #voidral-earth #ve-camera:not([data-ve-extras-open="true"]) #ve-tilt,
 #voidral-earth #ve-camera:not([data-ve-extras-open="true"]) #ve-cine-orbit,
 #voidral-earth #ve-camera:not([data-ve-extras-open="true"]) #ve-cine-views{
   display:none!important;
 }
 #voidral-earth #ve-camera #ve-extras-toggle{
   border-color:#72dde1!important;
   background:#0b4152!important;
 }
 #voidral-earth #ve-camera #ve-extras-toggle[aria-expanded="true"]{
   background:#0b7c84!important;
 }
 #voidral-earth .ve-actions{
   z-index:7!important;
   left:50%!important;
   max-width:calc(100vw - 16px)!important;
   box-sizing:border-box!important;
 }
 #voidral-earth .ve-actions button{
   min-width:0!important;
   white-space:nowrap!important;
 }
 #voidral-earth #ve-status{z-index:6!important;pointer-events:none!important;}
}
@media (max-width:760px) and (orientation:landscape){
 #voidral-earth #ve-camera{
   position:absolute!important;
   top:calc(62px + env(safe-area-inset-top,0px))!important;
   right:8px!important;
   bottom:auto!important;
   left:auto!important;
   width:min(520px,calc(100vw - 90px))!important;
   max-width:calc(100vw - 90px)!important;
   max-height:49px!important;
   min-height:0!important;
   display:flex!important;
   flex-direction:row!important;
   align-items:center!important;
   flex-wrap:nowrap!important;
   justify-content:flex-start!important;
   gap:5px!important;
   overflow-x:auto!important;
   overflow-y:hidden!important;
   padding:2px 3px!important;
   box-sizing:border-box!important;
   scrollbar-width:none;
   z-index:5!important;
 }
 #voidral-earth #ve-camera::-webkit-scrollbar{display:none}
 #voidral-earth #ve-camera button,
 #voidral-earth #ve-camera button.ve-labeled{flex:0 0 auto!important;height:41px!important;min-height:41px!important;width:42px!important;min-width:42px!important;}
 #voidral-earth #ve-camera:not([data-ve-extras-open="true"]) #ve-tilt,
 #voidral-earth #ve-camera:not([data-ve-extras-open="true"]) #ve-cine-orbit,
 #voidral-earth #ve-camera:not([data-ve-extras-open="true"]) #ve-cine-views{display:none!important}
 #voidral-earth .ve-actions{z-index:7!important}
}
@media(min-width:761px){
 #voidral-earth #ve-camera #ve-extras-toggle{display:none!important}
}