/*
 * CheatCut pages opt in to cross-document view transitions. The root layout (app/layout.tsx) links this file on
 * CheatCut requests only, so no Vyrex document ever opts in: an @view-transition rule cannot be scoped to an element,
 * and the CheatCut theme also loads on the VyrexSocial editor pages. The named parts (header, wordmark, page content)
 * and their animations are in components/cheatcut/cheatcut-theme.css ("page transitions").
 *
 * Both documents must opt in, so the static website at "/" (which does not) is entered and left with a plain cut.
 * Reduced motion keeps every navigation a plain cut.
 *
 * Served as immutable (next.config.mjs): Chrome runs the transition only if the arriving page has this rule at once,
 * which a revalidated file is too late for. Any change to this file needs a new name (v2) here and in
 * lib/site-identity.ts CHEATCUT_VIEW_TRANSITIONS_CSS.
 */
@media (prefers-reduced-motion: no-preference) {
  @view-transition {
    navigation: auto;
  }
}