/* ══ THE SLIDE BETWEEN PAGES ═══════════════════════════════════  2 Oct 2026 ══
   Sir: "Make sure all pages use the slide transition to other pages."

   Measured on 60 pages: 44 slid both ways, and 14 did not. Four loaded the
   script with no keyframes (a 320ms pause, then a hard cut), five loaded
   neither, the three Records pages had the arrival and no exit, and the trade
   profile turned like a page instead of sliding.

   This is the block from hyyryn-account.css, character for character, for
   the pages that do not load that sheet. One motion, one definition. */
@keyframes pageEnter {
  from { opacity: 0; transform: translateX(-18px); }
  to   { opacity: 1; transform: translateX(0); }
}
@keyframes pageExit {
  from { opacity: 1; transform: translateX(0); }
  to   { opacity: 0; transform: translateX(18px); }
}
body:not(:has(.app)) {
  animation: pageEnter 0.4s cubic-bezier(0.25, 0.1, 0.25, 1) backwards;
}
.app > .main-wrap,
.app > main {
  animation: pageEnter 0.4s cubic-bezier(0.25, 0.1, 0.25, 1) backwards;
}
body.page-exit {
  animation: pageExit 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) both;
  pointer-events: none;
}
.app > .main-wrap.page-exit,
.app > main.page-exit {
  animation: pageExit 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) both;
  pointer-events: none;
}
/* A slide is motion. Reduced motion keeps the page and drops the travel. */
@media (prefers-reduced-motion: reduce) {
  body:not(:has(.app)), .app > .main-wrap, .app > main,
  body.page-exit, .app > .main-wrap.page-exit, .app > main.page-exit {
    animation: none;
  }
}