#anime-cat-takeover {
  position: fixed;
  inset: 0;
  z-index: 20;
  background: #000;
  display: grid;
  place-items: center;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 650ms ease, visibility 0s linear 650ms;
}
#anime-cat-takeover .maneki-neko {
  opacity: 0;
  transform: translateY(8px) scale(.98);
  transition: opacity 800ms ease, transform 1000ms ease;
}
body.anime-cat-active #anime-cat-takeover {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transition-delay: 0s;
}
body.anime-cat-active #anime-cat-takeover .maneki-neko {
  opacity: 1;
  transform: none;
  transition-delay: 140ms;
}
main { transition: opacity 350ms ease, visibility 0s; }
body.anime-cat-active main {
  opacity: 0;
  visibility: hidden;
  transition: opacity 350ms ease, visibility 0s linear 350ms;
}
body.anime-cat-active > .skip { visibility: hidden; }
@media (prefers-reduced-motion: reduce) {
  #anime-cat-takeover,
  #anime-cat-takeover .maneki-neko,
  body.anime-cat-active #anime-cat-takeover .maneki-neko,
  main, body.anime-cat-active main { transition: none; transform: none; }
}
