/* SnakQ — mobile layout adjustments.
   Phase 5 will add the virtual joystick + boost/discharge buttons.
   This file currently just tunes the start screen for small displays. */

@media (max-width: 767px) {
  .logo { font-size: 3.2rem; }
  .tagline { font-size: 0.85rem; letter-spacing: 3px; }
  .card { padding: 18px; gap: 12px; }
  .skin-chip { width: 40px; height: 40px; }
  .btn { padding: 14px 16px; font-size: 1rem; }
  .hint { font-size: 0.72rem; }
  .footer { font-size: 0.7rem; bottom: 8px; }
}

@supports (padding: max(0px)) {
  .overlay {
    padding-top: max(24px, env(safe-area-inset-top));
    padding-bottom: max(24px, env(safe-area-inset-bottom));
  }
}