/* Stage 33: restore large mobile action buttons after Stage 32 made them too small. */
:root {
  --btn-size: clamp(56px, 13.5vmin, 78px);
}
.touch-controls .action-cluster {
  right: calc(var(--safe-r) + 12px);
  bottom: calc(var(--safe-b) + 18px);
  transform: none;
}
.touch-btn {
  width: var(--btn-size);
  height: var(--btn-size);
  font-size: calc(var(--btn-size) * 0.44);
  background: rgba(18, 25, 40, 0.18);
  box-shadow: 0 0 0 2px currentColor, 0 9px 20px rgba(0, 0, 0, 0.18);
}
@media (orientation: portrait) and (max-width: 560px) {
  :root { --btn-size: clamp(52px, 14.5vmin, 72px); }
  .touch-controls .action-cluster {
    right: calc(var(--safe-r) + 7px);
    bottom: calc(var(--safe-b) + 12px);
  }
}
@media (max-width: 380px) {
  :root { --btn-size: clamp(50px, 14vmin, 66px); }
  .touch-controls .action-cluster { transform: none; }
}