/**
 * 20261025perf1
 * Phone paint cost only. Desktop (>=769px) is not in this file.
 * Loaded after wdhc-ui-locks.css. Does not change marquee speed,
 * time color, hang-type titles, or board order.
 */
@media (max-width: 768px) {
  /* Fixed nav and the island blur the scrolling page. Solid fills stay. */
  nav:has(.nav-center),
  nav.wdhc-site-nav,
  #wdhc-island,
  .mobile-submit-bar,
  .video-carousel-viewport,
  .wdhc-reels-modal,
  .sidebar-card,
  .home-lower-band {
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }

  nav:has(.nav-center),
  nav.wdhc-site-nav {
    background: linear-gradient(180deg, #100e0c 0%, #050505 100%) !important;
  }

  #wdhc-island {
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }

  /* Big blurred shadows repaint on every scroll frame. Keep a 1px gold edge. */
  .sidebar-card,
  .home-lower-band,
  .gyms-promo-section,
  .portal-promo-section,
  .cta-section,
  .cta-section--full-grid,
  .wdhc-friend-share--home,
  .icon-legend-card,
  .grip-calc-card,
  .video-submission-item,
  .lb-row-wrapper {
    box-shadow: 0 0 0 1px rgba(212, 175, 55, 0.22) !important;
  }

  .lb-row-wrapper,
  .sidebar-card,
  .video-submission-item,
  .hang-type-board,
  .pick-board {
    will-change: auto !important;
  }

  /* Recent Submissions stays fully open on phones (main draw). */
  #wdhc-recent,
  #wdhc-recent.wdhc-fold,
  #wdhc-recent.wdhc-fold:not(.is-open) {
    max-height: none !important;
    overflow: visible !important;
  }

  #wdhc-recent::after,
  #wdhc-recent .wdhc-fold__toggle {
    display: none !important;
  }

  /* Forms and fields stay in the layout. content-visibility on an ancestor
     drops in-progress input on phones. */
  form, #submissionForm, input, textarea, select, button {
    content-visibility: visible !important;
    contain: none !important;
  }

  /* Far sections skip paint until they approach the viewport. */
  #home-challenges-winners,
  #home-rules,
  .gyms-promo-section,
  .portal-promo-section--athlete,
  [data-wdhc-email-mount="home"] {
    content-visibility: auto;
    contain-intrinsic-size: auto 640px;
  }
}

@media (max-width: 768px) {
  body,
  html,
  .home-hero,
  .page-home,
  [style*="background-attachment"] {
    background-attachment: scroll !important;
  }
}

@media (max-width: 768px) and (prefers-reduced-motion: reduce) {
  html body *:not(.wdhc-marquee):not(.wdhc-marquee *):not(.marquee-track):not(.marquee-container):not(.marquee-container *) {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}