/* Adapted from 鲸鲸卡牌屋 cardhouse-stage.css: fly-in and 3D reveal. */
.tarot-visual{width:min(145px,70%);aspect-ratio:2/3;margin:1rem auto;perspective:900px;animation:atlas-card-fly .72s cubic-bezier(.22,.84,.28,1) both}.tarot-flip{position:relative;width:100%;height:100%;transform-style:preserve-3d;animation:atlas-card-reveal .65s ease .45s both}.tarot-back,.tarot-face{position:absolute;inset:0;overflow:hidden;border:1px solid #d9bf82;border-radius:8px;backface-visibility:hidden;box-shadow:0 8px 26px #071c3c55}.tarot-back{background:#071d36 url('/assets/cards/back.png') center/cover}.tarot-face{transform:rotateY(180deg);background:#08182b}.tarot-face img{width:100%;height:100%;object-fit:cover}.tarot-face img.reversed{transform:rotate(180deg)}.tarot-results article:nth-child(2) .tarot-visual{animation-delay:.15s}.tarot-results article:nth-child(3) .tarot-visual{animation-delay:.3s}
@keyframes atlas-card-fly{from{opacity:0;transform:translateY(25px) scale(.65)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes atlas-card-reveal{from{transform:rotateY(0)}to{transform:rotateY(180deg)}}
@media(prefers-reduced-motion:reduce){.tarot-visual,.tarot-flip{animation:none}.tarot-flip{transform:rotateY(180deg)}}
.tarot-picks{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(.3rem,1.2vw,.7rem);margin:1.3rem 0}.pick-card{aspect-ratio:2/3;width:100%;border:1px solid #d9bf82;border-radius:7px;background:#071d36 url('/assets/cards/back.png') center/cover;cursor:pointer;transition:transform .2s,opacity .2s}.pick-card:hover,.pick-card:focus-visible{transform:translateY(-6px);outline:3px solid #e0b65d;outline-offset:2px}.pick-card:disabled{opacity:.3;transform:none;cursor:default}@media(max-width:520px){.tarot-picks{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.pick-card{transition:none}}
/* Adapted from the user's 鲸鲸 cardhouse scene and ripple; no audio or blocking delay. */
.tarot-stage{position:relative;isolation:isolate;overflow:hidden;border:1px solid #c5aa74;border-radius:18px;background:linear-gradient(180deg,#061a31db,#061a31e8),url('/assets/cardhouse/moonlit-pavilion-v1.png') center 40%/cover;color:#fff7e7;box-shadow:0 14px 36px #0d243b26}.tarot-stage::after{content:'';position:absolute;z-index:0;left:50%;top:48%;width:68%;aspect-ratio:1;border:1px solid #bdeaf5;border-radius:50%;pointer-events:none;opacity:0;animation:atlas-stage-ripple 1.8s ease-out both}.tarot-stage-content{position:relative;z-index:1;padding:clamp(1.2rem,4vw,2.4rem)}.tarot-stage h2{color:#fff7e7;margin:.2rem 0 .6rem}.tarot-stage-eyebrow{font-size:.7rem;letter-spacing:.16em;color:#f3d598}.tarot-stage #pick-progress{color:#fff4d8;font-weight:600}.tarot-stage-note{font-size:.8rem;line-height:1.65;color:#e1edf0}.tarot-stage .pick-card{box-shadow:0 6px 18px #00102088;animation:atlas-pick-enter .55s ease backwards;animation-delay:var(--entry-delay,0s)}.tarot-stage .pick-card[aria-pressed="true"]{opacity:.35;outline:2px solid #e8ce93;outline-offset:2px}
.tool-shell .tarot-stage .tarot-stage-note{color:#e1edf0}.tool-shell .tarot-stage .tarot-stage-eyebrow{color:#f3d598}#tarot-result{scroll-margin-top:90px}
.tarot-results article:nth-child(2) .tarot-visual{--card-delay:.15s}.tarot-results article:nth-child(3) .tarot-visual{--card-delay:.3s}.tarot-results article:nth-child(4) .tarot-visual{--card-delay:.45s;animation-delay:.45s}.tarot-results article:nth-child(5) .tarot-visual{--card-delay:.6s;animation-delay:.6s}.tarot-flip{animation-delay:calc(var(--card-delay,0s) + .45s)}
/* The English spread uses a different result container but the same reveal rhythm. */
.en-results article:nth-child(2) .tarot-visual{--card-delay:.15s;animation-delay:.15s}.en-results article:nth-child(3) .tarot-visual{--card-delay:.3s;animation-delay:.3s}.en-results article:nth-child(4) .tarot-visual{--card-delay:.45s;animation-delay:.45s}.en-results article:nth-child(5) .tarot-visual{--card-delay:.6s;animation-delay:.6s}
@keyframes atlas-stage-ripple{0%{opacity:0;transform:translate(-50%,-50%) scale(.3)}35%{opacity:.5}100%{opacity:0;transform:translate(-50%,-50%) scale(1.4)}}@keyframes atlas-pick-enter{from{opacity:0;transform:translateY(18px) scale(.93)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(prefers-reduced-motion:reduce){.tarot-stage::after,.tarot-stage .pick-card{animation:none}.tarot-stage .pick-card{transition:none}}
@media(max-width:640px){.tarot-results article:last-child:nth-child(odd){grid-column:1/-1;width:calc(50% - 6px);justify-self:center}}
.tarot-stage .pick-card[aria-disabled="true"]{cursor:default;transform:none}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.tarot-image-status{position:absolute;inset:0;display:grid;place-items:center;text-align:center;padding:.7rem;box-sizing:border-box;color:#f5e8c9;background:#102b40;font-size:.78rem;line-height:1.5}
.tarot-image-retry{border:1px solid #f5e8c9;border-radius:4px;background:#173e50;color:#fff7e7;padding:.45rem .55rem;font:inherit;cursor:pointer}.tarot-image-retry:focus-visible{outline:2px solid #fff;outline-offset:2px}
