/*
 * Movimiento reducido: se conservan los fundidos de opacidad (comunican cambio
 * de estado) y se elimina el desplazamiento y lo decorativo continuo.
 */
@media (prefers-reduced-motion: reduce) {
  .backdrop__image {
    animation: fade-in 600ms var(--ease-out) both;
  }

  .book[data-state='closed']:not([data-again]) {
    animation: fade-in 500ms var(--ease-out) both;
  }

  .btn--winged,
  .btn--winged::before,
  .btn--winged::after {
    animation: none !important;
  }

  .cover__face--front::after,
  .quill.is-resting .quill__body {
    animation: none;
  }

  .btn--open {
    animation: fade-in 400ms var(--ease-out) 0.3s both;
  }

  .ch {
    transition: opacity 200ms linear;
    text-shadow: none;
    color: var(--ink);
  }

  .controls {
    transform: none;
  }

  .notes-layer,
  .quill,
  .ink-spark {
    display: none;
  }
}