/* CELVOIR: retain the original desktop WebGL room on real mobile browsers. */
@media (max-width:1000px){
  html,body,#__nuxt,#__layout,main{
    width:100%!important;
    height:var(--celvoir-vh,100dvh)!important;
    min-height:var(--celvoir-vh,100dvh)!important;
    overflow:hidden!important;
    overscroll-behavior:none!important;
  }
  .artwork{
    position:fixed!important;
    inset:0!important;
    width:100vw!important;
    height:var(--celvoir-vh,100dvh)!important;
    min-height:var(--celvoir-vh,100dvh)!important;
    overflow:hidden!important;
  }
  .artwork canvas{
    display:block!important;
    width:100%!important;
    height:100%!important;
  }
  .artwork .scrollArea{
    touch-action:none!important;
    -webkit-user-select:none!important;
    user-select:none!important;
  }
  celvoir-home-menu{
    position:fixed!important;
    inset:0 0 auto!important;
    z-index:2147483000!important;
  }
}

/* CELVOIR: hide every visual scrollbar while preserving gesture input. */
@media (max-width:1000px){
  html,body,#__nuxt,#__layout,main,.artwork,.scrollArea,celvoir-home-menu{
    scrollbar-width:none!important;
    -ms-overflow-style:none!important;
  }
  html::-webkit-scrollbar,body::-webkit-scrollbar,#__nuxt::-webkit-scrollbar,#__layout::-webkit-scrollbar,main::-webkit-scrollbar,.artwork::-webkit-scrollbar,.scrollArea::-webkit-scrollbar,celvoir-home-menu::-webkit-scrollbar{
    display:none!important;width:0!important;height:0!important;background:transparent!important;
  }
}
