/* Quest sizing */

/* ── Desktop (768px+) ───────────────────────────────────── */
@media (min-width: 768px) {
  .quest-button-gradient,
  .quest-button-waiting {
    min-height: 48px !important;
    font-size: 14px !important;
    padding: 0.625rem 1rem !important;
  }

  .primary-button-gradient {
    min-height: 48px !important;
    font-size: 15px !important;
    padding: 0.75rem 1.25rem !important;
    margin-left: auto !important;
    margin-right: auto !important;
    display: block !important;
  }

  .text-xl  { font-size: 1.5rem !important; }
  .text-sm  { font-size: 1rem !important; }
  .text-base { font-size: 1.125rem !important; }
}

/* ── Mobile (≤640px) ────────────────────────────────────── */
@media (max-width: 640px) {
  .quest-button-gradient,
  .quest-button-waiting {
    min-height: 52px !important;
    font-size: 15px !important;
    padding: 0.75rem 1rem !important;
    line-height: 1.3 !important;
  }

  .primary-button-gradient {
    min-height: 52px !important;
    font-size: 16px !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    display: block !important;
  }

  .text-xl  { font-size: 1.25rem !important; }
  .text-sm  { font-size: 0.9375rem !important; }
  .text-xs  { font-size: 0.8125rem !important; }
}

/* ── Very small phones (≤380px) ─────────────────────────── */
@media (max-width: 380px) {
  .quest-button-gradient,
  .quest-button-waiting {
    min-height: 48px !important;
    font-size: 14px !important;
    padding: 0.625rem 0.875rem !important;
  }

  .primary-button-gradient {
    min-height: 48px !important;
    font-size: 15px !important;
  }
}