body { 
  margin: 0; 
  overflow: hidden; 
  touch-action: none; 
  background: skyblue; 
  user-select: none; 
}

#joystick {
  position: fixed; left: 30px; bottom: 30px;
  width: 140px; height: 140px;
  background: rgba(255,255,255,0.08);
  border: 2px solid rgba(255,255,255,0.15);
  border-radius: 50%; backdrop-filter: blur(4px); z-index: 10;
}

#stick {
  position: absolute; left: 50%; top: 50%;
  width: 60px; height: 60px;
  background: rgba(255,255,255,0.35);
  border: 1px solid rgba(255,255,255,0.4);
  border-radius: 50%; transform: translate(-50%, -50%);
  pointer-events: none;
}

#areaCamera { 
  position: fixed; right: 0; top: 0; 
  width: 55%; height: 100%; z-index: 5; 
}