/* controls.css – Steuerelemente (Action-Button, Travel-Progress).
   Click-Travel: Bewegung erfolgt durch Klicks/Taps direkt aufs Spielfeld,
   daher gibt es keinen virtuellen Joystick mehr. */

.action-button {
  display: block;
  position: absolute;
  right: calc(var(--safe-right) + 12px + var(--hud-rail-w, 0px));
  bottom: calc(var(--safe-bottom) + var(--hud-chrome-bottom, 76px));
  width: 72px;
  height: 72px;
  border-radius: 50%;
  border: none;
  background: url('/assets/ui/ctrl_action_button.png') center / contain no-repeat;
  color: #1c1d24;
  font-weight: 700;
  font-size: 0.72em;
  z-index: 35;
  touch-action: manipulation;
  box-shadow: var(--shadow-1);
  padding: 0 8px 4px;
}

.action-button[hidden] { display: none; }
.action-button:active {
  transform: scale(0.95);
  background-image: url('/assets/ui/ctrl_action_button_pressed.png');
}

.action-button[disabled] {
  background: rgba(80, 82, 96, 0.6);
  color: var(--text-dim);
}

.action-button .action-label {
  display: block;
  font-size: 0.85em;
}