/* Touch devices: larger targets, safe-area spacing and less decorative animation. */
@media (pointer: coarse) {
  #touch-controls { bottom: max(12px, env(safe-area-inset-bottom)); }
  #touch-controls button { min-width: 68px; min-height: 48px; padding: 12px; }
  #touch-controls #pause-button { min-width: 48px; }
  .difficulty-options button, .plane-tabs button, .upgrade button { min-height: 44px; }
  #overlay[data-view=main] .hero-plane { height: 60px; }
  .hero-plane { animation: none; }
  #overlay { padding-left: max(6%, env(safe-area-inset-left)); padding-right: max(6%, env(safe-area-inset-right)); }
}
h1 { font-size: clamp(36px, 12cqw, 62px); }
.brand span { font-size: 18px; }