@media (max-width: 767px), (pointer: coarse) {
  .motion-reveal {
    translate: 0 14px;
    scale: .995;
    filter: blur(1.5px);
    transition:
      opacity 380ms var(--motion-ease) var(--reveal-delay, 0ms),
      translate 480ms var(--motion-spring) var(--reveal-delay, 0ms),
      scale 480ms var(--motion-spring) var(--reveal-delay, 0ms),
      filter 280ms ease var(--reveal-delay, 0ms);
  }

  .motion-reveal[data-reveal="left"] {
    translate: -14px 0;
  }

  .motion-reveal[data-reveal="pop"] {
    translate: 0 10px;
    scale: .98;
  }

  .motion-hero-title {
    animation-duration: 620ms;
  }

  .motion-hero-copy {
    animation-duration: 500ms;
    animation-delay: 80ms;
  }

  .motion-hero-actions {
    animation-duration: 540ms;
    animation-delay: 130ms;
  }

  .motion-hero-side {
    animation-name: mobile-motion-side-in;
    animation-duration: 560ms;
    animation-delay: 110ms;
  }

  @keyframes mobile-motion-side-in {
    from {
      opacity: 0;
      transform: translateY(18px) scale(.985) rotate(.25deg);
    }
    to {
      opacity: 1;
      transform: none;
    }
  }

  .motion-confetti > span {
    opacity: .3;
    animation-duration: 10s;
  }

  .motion-confetti > span:nth-child(4) {
    display: none;
  }

  .motion-card,
  .game-card,
  .guide-card,
  .creator-directory-card,
  .ranked-game,
  .motion-button,
  .choice-row button,
  .discovery-filter button,
  .filter-chip,
  .creator-preset-grid > button,
  .mobile-menu-toggle,
  .mobile-shortlist-button {
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
  }

  .motion-card,
  .game-card,
  .guide-card,
  .creator-directory-card,
  .ranked-game {
    transition:
      scale 140ms var(--motion-spring),
      translate 140ms var(--motion-spring),
      box-shadow 170ms ease,
      border-color 170ms ease;
  }

  .motion-card.motion-touch-down,
  .game-card.motion-touch-down,
  .guide-card.motion-touch-down,
  .creator-directory-card.motion-touch-down,
  .ranked-game.motion-touch-down {
    scale: .982;
    translate: 0 2px;
    box-shadow: 0 9px 20px rgba(0, 0, 0, .24);
  }

  .motion-card.motion-touch-down img,
  .game-card.motion-touch-down img,
  .guide-card.motion-touch-down img,
  .creator-directory-card.motion-touch-down img,
  .ranked-game.motion-touch-down img {
    transform: scale(1.018);
    filter: saturate(1.035);
  }

  .motion-button,
  .choice-row button,
  .discovery-filter button,
  .filter-chip,
  .creator-preset-grid > button,
  .mobile-menu-toggle,
  .mobile-shortlist-button {
    transition:
      scale 130ms var(--motion-spring),
      translate 130ms var(--motion-spring),
      background 170ms ease,
      border-color 170ms ease;
  }

  .motion-button.motion-touch-down,
  .choice-row button.motion-touch-down,
  .discovery-filter button.motion-touch-down,
  .filter-chip.motion-touch-down,
  .creator-preset-grid > button.motion-touch-down,
  .mobile-menu-toggle.motion-touch-down,
  .mobile-shortlist-button.motion-touch-down {
    scale: .955;
    translate: 0 2px;
  }

  .mobile-menu-panel:not([hidden]) {
    animation: mobile-menu-panel-in 320ms var(--motion-spring) both;
    transform-origin: top right;
  }

  .mobile-menu-panel:not([hidden]) .mobile-menu-intro {
    animation: mobile-menu-item-in 280ms var(--motion-ease) 50ms both;
  }

  .mobile-menu-panel:not([hidden]) > a {
    animation: mobile-menu-item-in 330ms var(--motion-spring) both;
  }

  .mobile-menu-panel:not([hidden]) > a:nth-of-type(1) { animation-delay: 70ms; }
  .mobile-menu-panel:not([hidden]) > a:nth-of-type(2) { animation-delay: 95ms; }
  .mobile-menu-panel:not([hidden]) > a:nth-of-type(3) { animation-delay: 120ms; }
  .mobile-menu-panel:not([hidden]) > a:nth-of-type(4) { animation-delay: 145ms; }
  .mobile-menu-panel:not([hidden]) > a:nth-of-type(5) { animation-delay: 170ms; }
  .mobile-menu-panel:not([hidden]) > a:nth-of-type(6) { animation-delay: 195ms; }
  .mobile-menu-panel:not([hidden]) > a:nth-of-type(7) { animation-delay: 220ms; }

  @keyframes mobile-menu-panel-in {
    from {
      opacity: 0;
      transform: translateX(24px) scale(.99);
    }
    to {
      opacity: 1;
      transform: none;
    }
  }

  @keyframes mobile-menu-item-in {
    from {
      opacity: 0;
      transform: translateX(12px);
    }
    to {
      opacity: 1;
      transform: none;
    }
  }

  .site-header.site-header--refined {
    transition:
      background 200ms ease,
      box-shadow 200ms ease,
      border-color 200ms ease;
  }

  .motion-mobile-scrolled .site-header.site-header--refined {
    border-bottom-color: rgba(82, 231, 255, .14);
    background: rgba(7, 11, 18, .96);
    box-shadow: 0 11px 28px rgba(0, 0, 0, .34);
  }
}

@media (prefers-reduced-motion: reduce) {
  .mobile-menu-panel:not([hidden]),
  .mobile-menu-panel:not([hidden]) .mobile-menu-intro,
  .mobile-menu-panel:not([hidden]) > a,
  .motion-card,
  .game-card,
  .guide-card,
  .creator-directory-card,
  .ranked-game,
  .motion-button,
  .choice-row button,
  .discovery-filter button,
  .filter-chip,
  .creator-preset-grid > button,
  .mobile-menu-toggle,
  .mobile-shortlist-button {
    animation: none !important;
    transition: none !important;
    transform: none !important;
    translate: none !important;
    scale: 1 !important;
  }
}