/* We style on-screen HUD controls for mobile */
.hud-joystick {
  position: fixed;
  bottom: 24px;
  width: 160px;
  height: 160px;
  transform: translate(-50%, 0);
  z-index: 10;
}
.hud-joystick.left { left: 20%; }
.hud-joystick.right { left: 80%; }

.hud-jump-btn {
  position: fixed;
  right: 24px;
  bottom: 24px;
  z-index: 11;
  padding: 12px 16px;
  border-radius: 10px;
  border: none;
  background: rgba(255, 255, 255, 0.2);
  color: #fff;
  font: 600 16px/1.2 system-ui, -apple-system, Segoe UI, Roboto, Arial;
  text-shadow: 0 1px 2px rgba(0,0,0,0.6);
}
.hud-jump-btn:active { filter: brightness(1.2); }

/* We ensure canvas covers screen */
html, body { height: 100%; margin: 0; overflow: hidden; }
canvas { display: block; }