/* MOBILE ULTRAFAST PATCH: mobile-only extra paint/layout reductions.
   Desktop/tablet fine-pointer styling remains unchanged. */
@media (max-width: 820px), (hover: none) and (pointer: coarse) {
  html::before {
    background:
      radial-gradient(900px 620px at 10% -8%, #250f5a 0%, transparent 52%),
      #000000 !important;
  }

  *, *::before, *::after {
    scroll-behavior: auto !important;
  }

  .card,
  .mini-row,
  .mini-issue-header,
  .for-you-card,
  .comic-cuts-row,
  .random-card-day-btn,
  .altthumb,
  .altthumb img,
  .gallery-open-btn,
  .mobile-1cc-gallery-toggle,
  .mc-gallery-card,
  .mc-gallery-slide,
  .mc-progress-track,
  .progress-bar,
  .progress {
    transition: none !important;
    animation: none !important;
    will-change: auto !important;
  }

  .topbar,
  .searchwrap,
  .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,
  .mobile-1cc-gallery-toggle,
  .altthumbs-wrap,
  .more {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    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,
  .altthumbs-wrap,
  .more {
    box-shadow: none !important;
  }

  .mini-results .mini-row,
  .mini-results .mini-issue-header,
  .for-you-card,
  .comic-cuts-row {
    content-visibility: auto;
    contain-intrinsic-size: 120px 160px;
  }

  .more,
  .altthumbs-wrap {
    overscroll-behavior: contain;
  }
}