/* MOBILE PERFORMANCE PATCH: mobile-only paint reductions. Desktop glass styling is unchanged. */
@media (max-width: 820px), (hover: none) and (pointer: coarse) {
  .topbar,
  .card,
  .ac,
  .flyout-overlay,
  .flyout,
  .modal-overlay,
  .modal,
  .mini-popover,
  .mini-popover-card,
  .mc-issue-overlay,
  .mc-issue-overlay-panel,
  .protip-popup-overlay,
  .protip-popup,
  .for-you-card-meta,
  .for-you-popover-card,
  .mc-filters-panel,
  .page-magnifier,
  #site-footer {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  .card,
  .random-card-day-btn,
  .mini-popover-card,
  .mc-issue-overlay-panel,
  .for-you-popover-card,
  .modal,
  .flyout,
  .protip-popup,
  .mc-filters-panel {
    box-shadow: none !important;
  }

  .card,
  .mini-row,
  .for-you-card,
  .comic-cuts-row,
  .random-card-day-btn {
    transition: none !important;
  }

  html::before {
    transform: none !important;
  }
}