.tarot-table{--t-bg1:#1f1b4d;--t-bg2:#110e27;--t-gold:#f3d68c;--t-pink:#f3d68c;--t-ink:#1b1640;--t-muted:#c3bfe6;background:radial-gradient(120% 80% at 50% 0%, var(--t-bg1), var(--t-bg2) 70%);color:#f4f1ff;perspective:1200px}.tarot-table .muted{color:var(--t-muted)}.tarot-gold{color:#f3d68c}.tarot-flip{cursor:pointer;-webkit-tap-highlight-color:transparent;transform-style:preserve-3d;background:0 0;border:0;padding:0;display:block;position:relative}.tarot-sm{width:56px;height:93px}.tarot-md{width:84px;height:140px}.tarot-lg{width:132px;height:220px}@media (min-width:400px){.tarot-md{width:92px;height:153px}}.tarot-inner{transform-style:preserve-3d;transition:transform .7s cubic-bezier(.2,.7,.2,1);position:absolute;inset:0}.tarot-flip.is-flipped .tarot-inner{transform:rotateY(180deg)}.tarot-side{backface-visibility:hidden;border-radius:8px;position:absolute;inset:0;overflow:hidden;box-shadow:0 6px 18px #00000073}.tarot-back{background:#231f5c}.tarot-back svg{display:block}.tarot-front{background:#f5ebdd;transform:rotateY(180deg)}.tarot-face{width:100%;height:100%;position:relative}.tarot-face img{object-fit:cover;width:100%;height:100%;transition:transform .4s;display:block}.tarot-face-label{text-align:center;color:#fff;letter-spacing:-.2px;background:linear-gradient(#110e2700,#110e27e6);padding:3px 4px;font-size:10px;font-weight:700;line-height:1.2;position:absolute;bottom:0;left:0;right:0}.tarot-flip.is-highlight .tarot-side{box-shadow:0 0 0 2px var(--t-gold), 0 0 24px #f3d68c80}.tarot-flip:focus-visible{outline:2px solid var(--t-pink);outline-offset:2px;border-radius:8px}.tarot-shuffle{height:200px;position:relative}.tarot-shuffle .tarot-flip{margin:-70px 0 0 -42px;animation:1.4s ease-in-out infinite tarot-shuffle;position:absolute;top:50%;left:50%}@keyframes tarot-shuffle{0%{transform:translate(0)rotate(0)}25%{transform:translate(var(--dx), -18px) rotate(var(--rz))}50%{transform:translate(0)rotate(0)}75%{transform:translate(calc(var(--dx) * -1), 12px) rotate(calc(var(--rz) * -1))}to{transform:translate(0)rotate(0)}}.tarot-fan{scrollbar-width:none;-webkit-overflow-scrolling:touch;height:270px;position:relative;overflow:auto hidden}.tarot-fan::-webkit-scrollbar{display:none}.tarot-fan-track{height:100%;transform-style:preserve-3d;position:relative}.tarot-fan .tarot-flip{transform-origin:50% 140%;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;transition:transform .35s cubic-bezier(.2,.8,.2,1),opacity .3s;position:absolute;bottom:24px}.tarot-fan .tarot-flip .tarot-inner{transition:transform .24s cubic-bezier(.2,.8,.2,1),opacity .2s ease-out}@media (hover:hover) and (pointer:fine){.tarot-fan .tarot-flip:not(.is-picked):hover .tarot-inner{transform:translateY(-16px)scale(1.02)}}.tarot-fan .tarot-flip.is-pressing:not(.is-picked) .tarot-inner{transition-duration:.14s;transform:translateY(-22px)scale(1.04)}.tarot-fan .tarot-flip.is-picked{pointer-events:none}.tarot-fan .tarot-flip.is-picked .tarot-inner{opacity:0;will-change:transform, opacity;transition:transform .42s cubic-bezier(.2,.9,.25,1),opacity .3s ease-out;transform:translateY(-72px)scale(.82)rotate(-5deg)}.tarot-slots{grid-template-columns:repeat(10,1fr);gap:4px;display:grid}.tarot-slot{aspect-ratio:3/5;color:#c3bfe6;border:1.5px dashed #f3d68c73;border-radius:6px;justify-content:center;align-items:center;font-size:10px;display:flex;overflow:hidden}.tarot-slot.is-filled{border-style:solid;border-color:var(--t-gold);background:#231f5c;animation:.4s cubic-bezier(.2,.9,.25,1) both tarot-land}@keyframes tarot-land{0%{opacity:0;transform:translateY(-16px)scale(.86)}60%{opacity:1;transform:translateY(2px)scale(1.04)}to{opacity:1;transform:none}}.tarot-slot .tarot-back{width:100%;height:100%}.celtic{grid-template-columns:repeat(3, var(--cw)) 14px var(--cw);grid-template-rows:repeat(4, var(--ch));--cw:84px;--ch:140px;justify-content:center;gap:24px 8px;display:grid}@media (min-width:400px){.celtic{--cw:92px;--ch:153px}}.celtic .pos{justify-content:center;align-items:center;display:flex;position:relative}.celtic .pos-num{z-index:3;background:var(--t-gold);color:#1b1640;pointer-events:none;border-radius:999px;justify-content:center;align-items:center;width:18px;height:18px;font-size:11px;font-weight:800;display:flex;position:absolute;top:2px;left:2px}.celtic .pos-num-right{left:auto;right:2px}.celtic .pos-title{text-align:center;color:#c3bfe6;white-space:nowrap;text-overflow:ellipsis;font-size:10px;position:absolute;bottom:-18px;left:-4px;right:-4px;overflow:hidden}.celtic .p1{grid-area:2/2}.celtic .p2{z-index:2;pointer-events:none;grid-area:2/2}.celtic .p2 .tarot-flip{pointer-events:auto;transform:rotate(90deg)translateY(0)}.celtic .p3{grid-area:3/2}.celtic .p4{grid-area:2/1}.celtic .p5{grid-area:1/2}.celtic .p6{grid-area:2/3}.celtic .p7{grid-area:4/5}.celtic .p8{grid-area:3/5}.celtic .p9{grid-area:2/5}.celtic .p10{grid-area:1/5}.celtic .pos .tarot-flip{animation:.5s cubic-bezier(.2,.8,.2,1) both tarot-deal;animation-delay:calc(var(--i) * 90ms)}@keyframes tarot-deal{0%{opacity:0;transform:translateY(-40px)scale(.9)}to{opacity:1;transform:none}}.celtic .p2 .tarot-flip{animation-name:tarot-deal-rot}@keyframes tarot-deal-rot{0%{opacity:0;transform:rotate(90deg)translateY(-40px)scale(.9)}to{opacity:1;transform:rotate(90deg)}}.tarot-orb{background:radial-gradient(circle at 40% 35%,#fff3d6 0%,#6a5fd8 35%,#1b1640 75%);border-radius:50%;width:120px;height:120px;animation:2.4s ease-in-out infinite tarot-orb;position:relative;box-shadow:0 0 40px #6a5fd88c,0 0 120px #f3d68c40}.tarot-orb:before,.tarot-orb:after{content:"";border:1.5px dashed #f3d68cb3;border-radius:50%;animation:9s linear infinite tarot-spin;position:absolute;inset:-14px}.tarot-orb:after{border-style:dotted;animation-duration:14s;animation-direction:reverse;inset:-28px}@keyframes tarot-orb{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes tarot-spin{to{transform:rotate(360deg)}}.tarot-sheet{color:#1b1640;background:#f7f5fe;border-radius:20px 20px 0 0}@media (prefers-reduced-motion:reduce){.tarot-inner,.tarot-fan .tarot-flip,.tarot-fan .tarot-flip .tarot-inner,.tarot-fan .tarot-flip.is-picked .tarot-inner{transition:none}.tarot-fan .tarot-flip:not(.is-picked):hover .tarot-inner,.tarot-fan .tarot-flip.is-pressing:not(.is-picked) .tarot-inner{transform:translateY(-10px)}.tarot-slot.is-filled,.tarot-shuffle .tarot-flip,.celtic .pos .tarot-flip,.tarot-orb,.tarot-orb:before,.tarot-orb:after{animation:none}}.tarot-table.tarot-night{color:#f4f1ff;background:radial-gradient(120% 55% at 50% 100%,#1f1b4d 0%,#110e27 70%)}.tarot-night .muted{color:#c3bfe6}.tarot-night .btn-primary{color:#1b1640;box-shadow:0 8px 24px #f3d68c38}.tarot-night .bottom-cta{background:linear-gradient(#110e2700 0%,#110e27 32%)}.tarot-night .tarot-pick-on{color:#1b1640;background:linear-gradient(135deg,#f3d68c 0%,#dcb563 100%);box-shadow:0 0 0 1px #f3d68c99,0 6px 18px #f3d68c2e}.tarot-night input[type=checkbox]{accent-color:#f3d68c}.tarot-night .tarot-ghost{color:#f4f1ff;background:#ffffff1a;border:1px solid #f3d68c59}.tarot-night .tarot-note{color:#e9e5ff;background:#ffffff12;border:1px solid #f3d68c59}.tarot-paper{--g-love:linear-gradient(135deg, #f3d68c 0%, #c99a45 100%);--g-soft:linear-gradient(180deg, #eceafb 0%, #fff 100%);background:#f6f5fc;min-height:100dvh}.tarot-paper .btn-primary{color:#1b1640;box-shadow:0 8px 22px #c99a4547}.tarot-paper .bottom-cta{background:linear-gradient(#f6f5fc00 0%,#f6f5fc 30%)}.tarot-paper .prose-report strong{color:#2c2870}.tarot-band{color:#f4f1ff;background:radial-gradient(120% 90% at 50% 0,#2c2870 0%,#18153a 60%,#110e27 100%)}.tarot-gold-btn{color:#1b1640;background:linear-gradient(135deg,#f3d68c 0%,#dcb563 100%)}.tarot-night .tarot-feature{background:#221d52;border:1px solid #f3d68c66;box-shadow:0 6px 18px #00000040}.tarot-night .tarot-preset{color:#fff;background:#ffffff12;border:1px solid #ffffff1f;transition:background .15s,border-color .15s}.tarot-night .tarot-preset.is-on{background:#f3d68c1f;border-color:#f3d68c;box-shadow:inset 0 0 0 1px #f3d68c,0 6px 18px #f3d68c24}.tarot-ai-line{background:linear-gradient(90deg,#eeebfb 0%,#f8f6ff 40%,#eeebfb 80%) 0 0/200% 100%;animation:1.4s linear infinite tarot-ai-shimmer}.tarot-ai-dot{background:#6a5fd8;border-radius:9999px;width:8px;height:8px;animation:1.2s ease-in-out infinite tarot-ai-pulse}@keyframes tarot-ai-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes tarot-ai-pulse{0%,to{opacity:.35;transform:scale(.85)}50%{opacity:1;transform:scale(1.1)}}@media (prefers-reduced-motion:reduce){.tarot-ai-line,.tarot-ai-dot{animation:none}}.tarot-zoom{-webkit-tap-highlight-color:transparent;overscroll-behavior:contain;background:radial-gradient(120% 80% at 50% 30%,#2c2870f0 0%,#110e27f7 70%);animation:.2s ease-out both tarot-zoom-fade}.tarot-zoom .tarot-zoom-card{animation:.26s cubic-bezier(.2,.9,.25,1.1) both tarot-zoom-pop}.tarot-zoom .tarot-zoom-text{animation:.3s ease-out 60ms both tarot-zoom-fade}.tarot-zoom.is-closing{animation:.18s ease-in both tarot-zoom-fade-out}.tarot-zoom.is-closing .tarot-zoom-card{animation:.18s ease-in both tarot-zoom-pop-out}@keyframes tarot-zoom-fade{0%{opacity:0}to{opacity:1}}@keyframes tarot-zoom-fade-out{0%{opacity:1}to{opacity:0}}@keyframes tarot-zoom-pop{0%{opacity:0;transform:scale(.86)translateY(10px)}to{opacity:1;transform:none}}@keyframes tarot-zoom-pop-out{0%{opacity:1;transform:none}to{opacity:0;transform:scale(.92)}}.tarot-zoomable{cursor:zoom-in;-webkit-tap-highlight-color:transparent;background:0 0;border:0;transition:transform .15s}.tarot-zoomable:active{transform:scale(.96)}.tarot-zoomable:focus-visible{outline-offset:2px;outline:2px solid #6b63c9}@media (prefers-reduced-motion:reduce){.tarot-zoom,.tarot-zoom .tarot-zoom-card,.tarot-zoom .tarot-zoom-text,.tarot-zoom.is-closing,.tarot-zoom.is-closing .tarot-zoom-card{animation:none}.tarot-zoomable,.tarot-zoomable:active{transition:none;transform:none}}
