#mainUI
{
  border: 0px solid pink; 
  position: fixed; 
  top: 0px;  
  width:99%; 
  height:99%; 
  z-index: 1; 
  pointer-events: none; /* allow click-through in transparent areas */
}

#regionUI
{
  border: 0px solid yellow;
  position: absolute; 
  display: flex;
  flex-direction: row;
  pointer-events: none;
  bottom: 10px; 
  left: 10px;
}

#buttonUI
{
  border: 0px solid lime;
  display: flex;
  flex-direction: column;
  justify-content: center;
  pointer-events: auto;	
  /* filter: drop-shadow(0px 0px 5px white); */
  width: 128px; 
  opacity: 0.80;
}

#joystick
{
  position: absolute;
  left: 32px;
  top: 32px;
}