/* interaction-states.css — App-wide hover states for pointer devices, and the
   prefers-reduced-motion switch. */

@media (hover: hover) {
  .big:hover {
    filter: brightness(1.05);
  }

  .ghost:hover,
  .chip:hover,
  .why:hover,
  .deck:hover,
  .pill:not(.on):hover {
    background: var(--panel);
  }
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    animation-duration: 0.01ms !important;
    animation-delay: 0s !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }

  .hint.show,
  .hint.show .hint-thumb,
  .hint.show .hint-trail,
  .pop,
  .opt.is-correct,
  .opt.is-wrong,
  .scorenum,
  .stamp,
  .panel {
    animation: none !important;
  }

  .sheet,
  #soundToast {
    transition: none !important;
  }
}