/* ai-tarot.html CSS [N] AI tarot page overrides. JS: js/ai-tarot-page.js, five-card-select.js, five-card-reveal.js */
/*
  CSS MAP (ai-tarot.html [N]):
    N0 — mobile fan lift (parity with onecard)
    N1 — desktop tighter 3-card reveal arc (parity with love-tarot)
*/

/* ==== N0. AI-TAROT SELECT — mobile fan lift (parity with onecard) ==== */
@media (max-width: 767px) {
  .tarot-select-stage[data-pick-limit="3"].select:not(.reveal-active) .cards-container {
    transform: scale(var(--fan-scale)) translateY(-14vh);
    transform-origin: center bottom;
  }

  .tarot-select-stage[data-pick-limit="3"].select:not(.reveal-active) .cards-container-inner {
    bottom: 11vh;
  }

  .tarot-select-stage[data-pick-limit="3"].select:not(.reveal-active) .card-wrapper {
    height: 31vh;
    margin-bottom: 1vh;
  }
}

/* ==== N1. AI-TAROT REVEAL — tighter 3-card arc on desktop (parity with love-tarot) ==== */
@media (min-width: 670px) {
  .tarot-select-stage[data-pick-limit="3"].reveal-active.reveal-desktop .card-axis.selected {
    --arc-span: 48 !important;
  }

  .tarot-select-stage[data-pick-limit="3"].reveal-active.reveal-desktop .card-axis.circle.selected .card-wrapper,
  .tarot-select-stage[data-pick-limit="3"].reveal-active.reveal-desktop .card-axis.circleOpened.selected .card-wrapper {
    transform: translateY(0) translateX(calc((1 - var(--selected-order)) * 10%)) !important;
  }
}