.tarot-page{max-width:980px;padding-block:var(--space-6) var(--space-14)}.tarot-intro h1{margin-bottom:12px}.tarot-intro>p{max-width:36ch;color:var(--haze)}.tarot-reading{gap:var(--space-4);margin-top:var(--space-8);display:grid}.tarot-stage{width:min(220px, calc(100% - var(--space-10)));aspect-ratio:4/7;margin-top:var(--space-10);justify-self:center;position:relative}.tarot-guide{z-index:3;display:flex;position:absolute;top:-63px;right:-32px}.tarot-perspective{perspective:900px;position:absolute;inset:0}.tarot-flipper{transform-style:preserve-3d;position:absolute;inset:0}.tarot-flipper[data-face-up=true]{transform:rotateY(180deg)}.tarot-back,.tarot-face{border-radius:var(--radius-field);background:var(--night-700);backface-visibility:hidden;place-items:center;margin:0;display:grid;position:absolute;inset:0}.tarot-back{border:5px solid var(--night-700);outline:1.5px solid var(--lilac);outline-offset:-10px;color:var(--bao)}.tarot-back svg{width:44px;height:44px}.tarot-stack-one{transform:translate(-5px,3px)rotate(-3deg)}.tarot-stack-two{transform:translate(5px,3px)rotate(3deg)}.tarot-face{overflow:hidden;transform:rotateY(180deg)}.tarot-face img{object-fit:cover;clip-path:inset(4% 5% round 8px);width:100%;height:100%;display:block;scale:1.12}.tarot-face[data-orientation=reversed] img{transform:rotate(180deg)}.tarot-skip{inset:auto var(--space-2) var(--space-2);z-index:4;border-radius:var(--radius-field);background:var(--night-900);min-height:44px;color:var(--moon);font:inherit;font-size:var(--text-sm);cursor:pointer;border:0;position:absolute}.tarot-skip:focus-visible{outline:3px solid var(--lilac);outline-offset:3px}.tarot-meaning:empty{display:none}.tarot-meaning{min-width:0}.tarot-luna{margin-bottom:var(--space-6)}.tarot-voice{align-items:flex-end;gap:8px;margin-left:8px;display:flex}.tarot-voice>span{z-index:1;margin-bottom:-6px;display:flex;position:relative}.tarot-voice strong{font-size:var(--text-sm);padding-bottom:8px}.tarot-luna>p{background:var(--lilac-50);color:var(--ink);font:600 var(--text-lg)/1.25 var(--font-display);border-radius:20px;padding:18px}.tarot-meaning .share-panel{margin-block:0 var(--space-8)}.tarot-copy{padding:var(--space-5);background:var(--cream);color:var(--ink);border-radius:20px}.tarot-copy h2{font-size:var(--text-2xl);margin-bottom:8px}.tarot-copy h3{margin-block:var(--space-6) var(--space-2);font-size:var(--text-lg)}.tarot-kicker,.tarot-keywords{color:var(--ink-2);font-size:var(--text-sm)}.tarot-keywords{margin-top:var(--space-3)!important}.tarot-direction{margin-top:var(--space-4)}.tarot-direction[data-drawn=true]{padding:var(--space-4);border-radius:var(--radius-field);background:var(--bao)}.tarot-direction h3{margin-top:0}.tarot-drawn{font-size:var(--text-xs);font-weight:600;margin-bottom:var(--space-2)!important}.tarot-saved,.tarot-controls>p{color:var(--haze);font-size:var(--text-sm)}.tarot-saved{margin-top:var(--space-6)!important}.tarot-controls{gap:var(--space-3);display:grid}.tarot-credit{min-height:44px;font-size:var(--text-xs);align-items:center;display:inline-flex;color:var(--haze)!important}.tarot-note{color:var(--haze);font-size:var(--text-xs);margin-top:var(--space-6)!important}@media (min-width:860px){.tarot-reading{align-items:start;gap:var(--space-8);grid-template-columns:280px minmax(0,1fr)}.tarot-stage{grid-area:1/1;margin-top:64px}.tarot-meaning,.tarot-controls{grid-area:1/2}.tarot-controls{margin-top:64px}}.tarot-reading[data-revealing=true] .tarot-flipper{animation:tarot-flip var(--dur-reveal) var(--ease-out) both}.tarot-reading[data-revealing=true][data-shuffle=false] .tarot-flipper{animation-name:tarot-turn}.tarot-reading[data-revealing=true] .tarot-face[data-orientation=reversed] img{animation:tarot-reverse var(--dur-reveal) var(--ease-out) both}.tarot-reading[data-revealing=true] .tarot-flipper>.tarot-back{animation:tarot-side-out var(--dur-reveal) linear both}.tarot-reading[data-revealing=true] .tarot-face{animation:tarot-side-in var(--dur-reveal) linear both}@keyframes tarot-side-out{0%,33%{opacity:1}33.01%,to{opacity:0}}@keyframes tarot-side-in{0%,33%{opacity:0}33.01%,to{opacity:1}}@keyframes tarot-flip{0%,28%{transform:rotateY(0)}12%{transform:translate(8px)rotateY(0)}22%{transform:translate(-8px)rotateY(0)}78%{transform:translateY(-8px)rotateY(180deg)}to{transform:rotateY(180deg)}}@keyframes tarot-turn{0%{transform:rotateY(0)}to{transform:rotateY(180deg)}}.tarot-reading[data-phase=shuffling] .tarot-stack-one{animation:1.8s ease-in-out both tarot-shuffle-left}.tarot-reading[data-phase=shuffling] .tarot-stack-two{animation:1.8s ease-in-out both tarot-shuffle-right}.tarot-reading[data-phase=shuffling] .tarot-flipper{animation:1.8s ease-in-out both tarot-shuffle-top}@keyframes tarot-shuffle-left{0%,to{transform:translate(-5px,3px)rotate(-3deg)}16%{transform:translate(-66px,10px)rotate(-11deg)}33%{transform:translate(-4px,2px)rotate(2deg)}50%{transform:translate(-58px,-4px)rotate(-8deg)}66%{transform:translate(-4px,4px)rotate(-1deg)}83%{transform:translate(-66px,8px)rotate(-12deg)}}@keyframes tarot-shuffle-right{0%,to{transform:translate(5px,3px)rotate(3deg)}16%{transform:translate(58px,-4px)rotate(8deg)}33%{transform:translate(4px,4px)rotate(-1deg)}50%{transform:translate(66px,10px)rotate(12deg)}66%{transform:translate(4px,2px)rotate(-2deg)}83%{transform:translate(58px,-2px)rotate(9deg)}}@keyframes tarot-shuffle-top{0%,33%,66%,to{transform:translateY(0)}16%,50%,83%{transform:translateY(-10px)}}.tarot-reading{--stage-top:var(--space-10);position:relative}.tarot-spread{z-index:2;top:calc(var(--stage-top) + 120px);width:100vw;padding:var(--space-6) var(--gutter) 100px;overscroll-behavior-x:contain;scrollbar-width:none;transition:opacity var(--dur-ui) linear;display:flex;position:absolute;left:calc(50% - 50vw);overflow-x:auto}.tarot-spread::-webkit-scrollbar{display:none}.tarot-pick{border-radius:var(--radius-field);cursor:pointer;width:84px;height:147px;transform:translateY(calc(var(--n) * var(--n) * .6px)) rotate(calc(var(--n) * 2deg));transition:translate var(--dur-ui) var(--ease-out);animation:tarot-fan .62s var(--ease-out) backwards;background:0 0;border:0;flex:none;padding:0;position:relative}.tarot-pick+.tarot-pick{margin-left:-24px}.tarot-pick .tarot-back{outline-offset:-6px;border-width:3px}.tarot-pick .tarot-back svg{width:18px;height:18px}.tarot-pick:focus-visible{outline:3px solid var(--lilac);outline-offset:2px;translate:0 -14px}.lunabao .tarot-pick:disabled{cursor:progress;opacity:1}.tarot-spread[data-picked=true]{opacity:0;pointer-events:none}.tarot-reading[data-phase=spread] .tarot-flipper,.tarot-reading[data-phase=picked] .tarot-flipper{visibility:hidden}.tarot-flying{z-index:2;animation:tarot-fly .44s var(--ease-out) both}.tarot-guide{transition:transform var(--dur-enter) var(--ease-out)}.tarot-reading[data-phase=spread] .tarot-guide{transform:translate(-94px,118px)}@keyframes tarot-fan{0%{transform:translateX(calc(var(--n) * -60px))}}@keyframes tarot-fly{0%{transform:translate(var(--fly-x), var(--fly-y)) scale(var(--fly-scale))}}@media (hover:hover){.tarot-pick:hover:not(:disabled){translate:0 -14px}.tarot-spread{scrollbar-width:thin;scrollbar-color:var(--night-700) transparent}.tarot-spread::-webkit-scrollbar{height:8px;display:block}.tarot-spread::-webkit-scrollbar-thumb{background:var(--night-700);border-radius:4px}}@media (min-width:860px){.tarot-reading{--stage-top:64px}.tarot-reading[data-phase=spread] .tarot-guide{transform:translate(-94px,136px)}}@keyframes tarot-reverse{0%,30%{transform:rotate(0)}88%{transform:rotate(188deg)}to{transform:rotate(180deg)}}@media (prefers-reduced-motion:reduce){.tarot-reading[data-revealing=true] .tarot-flipper,.tarot-reading[data-revealing=true] .tarot-flipper>.tarot-back,.tarot-reading[data-revealing=true] .tarot-face,.tarot-reading .tarot-stack,.tarot-reading .tarot-pick,.tarot-reading .tarot-flying,.tarot-reading[data-revealing=true] .tarot-face img{animation:none}}