/* Page flip: CSS leave на уходящей странице.
   lobby→game: короткий флип (0.55с) — см. .is-page-flip-to-game
   game→lobby: полный 1.9с
   Откат: localStorage.monopolyPageFlip='0' */

html.page-flip-on.is-page-flip-out {
  perspective: 1600px;
  overflow: hidden;
  background: #1a1208 !important;
}

html.page-flip-on.is-page-flip-out body {
  transform-origin: left center;
  backface-visibility: hidden;
  pointer-events: none;
  background: #1a1208 !important;
  animation: page-flip-out-left 1.9s cubic-bezier(0.22, 0.75, 0.2, 1) forwards;
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.45);
}

/* Короткий флип в игру — совпадает с TO_GAME_FLIP_MS в page-flip.js */
html.page-flip-on.is-page-flip-out.is-page-flip-to-game body {
  animation-duration: 0.55s;
}

@keyframes page-flip-out-left {
  from {
    transform: perspective(1600px) rotateY(0deg);
    opacity: 1;
  }
  to {
    transform: perspective(1600px) rotateY(-95deg);
    opacity: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  html.page-flip-on.is-page-flip-out body {
    animation-duration: 0.01ms !important;
  }
}