#zone_joystick {
    position: relative;
    box-sizing: content-box;
    width: 100%;
    height: 100%;
}

.joystick-container{
    visibility: hidden;
    position: absolute;
    z-index: -100;
    width: 100%;
    height: 100%;
    bottom: 0px;
}

@media (any-pointer:coarse) and (orientation:landscape){
    .joystick-container{
      visibility: visible;
    }
  }