/* Phone and small wallet-webview ergonomics. Keep desktop showroom sizing intact. */
@media (max-width: 800px) {
  .site-header .wordmark,
  .site-header .text-button,
  .site-header .header-wallet,
  .site-footer .text-button,
  .site-footer .footer-docs a,
  .site-footer .launch-ca,
  .site-footer .launch-x,
  .scene-controls button,
  .reward-filters button,
  .choose-panel .reward-option,
  .mode-switch button,
  .amount-options button,
  .wallet-panel .trade-button,
  .trade-panel .trade-button,
  .control-deck .mint-button,
  .wallet-mini-actions .text-button,
  .activity-details summary,
  .mint-dialog .mint-button,
  .mint-dialog .dialog-secondary,
  .pass-actions button,
  .claim-optional summary {
    min-height: 44px;
  }

  .reward-filters button,
  .scene-controls button {
    min-width: 44px;
  }

  dialog .dialog-close {
    width: 44px;
    height: 44px;
    min-height: 44px;
  }

  .trade-fields select,
  .trade-fields input,
  .claim-field input,
  .claim-field select,
  .claim-field textarea,
  .launch-copy-fallback {
    font-size: 16px;
  }

  .trade-fields select,
  .trade-fields .input-shell {
    height: 46px;
    min-height: 46px;
  }

  .trade-fields .input-shell input {
    min-height: 44px;
  }

  .live-claim-dialog .claim-field:has(#live-claim-recipientName),
  .live-claim-dialog .claim-field:has(#live-claim-email) {
    grid-column: 1 / -1;
  }

  dialog[open] {
    max-height: calc(100dvh - 32px - env(safe-area-inset-top) - env(safe-area-inset-bottom));
    overscroll-behavior: contain;
    scroll-padding-block: 16px;
  }

  .site-footer {
    padding-bottom: max(20px, env(safe-area-inset-bottom));
  }
}