@font-face {
  font-family: "HYYueXiChuKaiFull";
  src: url("assets/HYYueXiChuKaiF-2.ttf") format("truetype");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

.booking-choice[href="#sibilla"],
.sibilla-screen .tarot-shell,
.sibilla-screen .tarot-return {
  font-family: "HYYueXiChuKai", "HYYueXiChuKaiFull", "Kaiti SC", "STKaiti", "KaiTi", serif;
}

.booking-menu { gap: clamp(28px, 5vh, 54px); }
.page.is-entering-booking .booking-choice:nth-of-type(5) { --reveal-delay: 1100ms; }

.page.is-entering-sibilla .background,
.page.is-sibilla .background {
  transform: scale(1.018);
  filter: saturate(0.72) sepia(0.12) brightness(0.8) contrast(0.96) blur(6px);
  transition-duration: var(--tarot-enter-duration);
  transition-timing-function: var(--tarot-ease);
}
.page.is-leaving-sibilla .background { transition-duration: var(--tarot-return-duration); }
.page.is-entering-sibilla .flowers-layer,
.page.is-sibilla .flowers-layer {
  opacity: 0.76;
  filter: brightness(0.82) saturate(0.82) blur(4px);
  transition-duration: var(--tarot-enter-duration);
  transition-timing-function: var(--tarot-ease);
}
.page.is-leaving-sibilla .flowers-layer { transition-duration: var(--tarot-return-duration); }
.page.is-entering-sibilla .sibilla-screen,
.page.is-sibilla .sibilla-screen { opacity: 1; filter: blur(0); transform: translateY(0); }
.page.is-sibilla .sibilla-screen { pointer-events: auto; }
.page.is-leaving-sibilla .sibilla-screen {
  opacity: 0;
  filter: blur(3px);
  transform: translateY(5px);
  transition: opacity 480ms ease, filter 560ms ease, transform 560ms var(--tarot-ease);
}
.page.is-entering-sibilla .booking-menu,
.page.is-sibilla .booking-menu,
.page.is-entering-sibilla .return-control,
.page.is-sibilla .return-control {
  opacity: 0;
  filter: blur(2px);
  transform: translateY(-4px);
  pointer-events: none;
  transition-duration: 520ms;
  transition-delay: 0ms;
}
.page.is-leaving-sibilla .booking-menu,
.page.is-leaving-sibilla .return-control {
  opacity: 1;
  filter: blur(0);
  transform: translateY(0);
  pointer-events: none;
  transition: opacity 720ms ease 180ms, filter 760ms ease 150ms, transform 760ms var(--tarot-ease) 150ms;
}
.page.is-entering-sibilla .booking-screen,
.page.is-sibilla .booking-screen,
.page.is-leaving-sibilla .booking-screen { pointer-events: none; }
.page.is-shared-payment .sibilla-screen,
.page.is-sibilla-personal .sibilla-screen {
  opacity: 0;
  filter: blur(3px);
  transform: translateY(4px);
  pointer-events: none;
  transition: opacity 520ms ease, filter 620ms ease, transform 620ms var(--tarot-ease);
}
.sibilla-screen .tarot-discount-note[hidden],
.sibilla-screen .tarot-price-row[hidden] { display: none !important; }

@media (max-width: 768px) {
  .booking-menu { gap: clamp(20px, 4vh, 31px); transform: translateY(0); }
  .page.is-entering-booking .booking-choice:nth-of-type(5) { --reveal-delay: 880ms; }
}
@media (prefers-reduced-motion: reduce) {
  .sibilla-screen { transition-duration: 30ms !important; transition-delay: 0ms !important; }
}