.tarot-card-wrapper{perspective:1000px;width:140px;height:220px;cursor:pointer}@media (min-width: 640px){.tarot-card-wrapper{width:160px;height:250px}}.tarot-card-inner{position:relative;width:100%;height:100%;transition:transform .8s cubic-bezier(.4,0,.2,1);transform-style:preserve-3d}.tarot-card-inner.flipped{transform:rotateY(180deg)}.tarot-card-face{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.tarot-card-back{background:linear-gradient(135deg,#1a1040,#2d1b69,#1a1040);border:2px solid #6b5ce7;box-shadow:inset 0 0 30px #6b5ce74d}.tarot-card-back:before{content:"";position:absolute;inset:8px;border:1px solid rgba(107,92,231,.4);border-radius:8px;background:repeating-conic-gradient(rgba(107,92,231,.1) 0% 25%,transparent 25% 50%) 50% / 20px 20px}.tarot-card-back:after{content:"🔮";font-size:2.5rem;position:relative;z-index:1;filter:drop-shadow(0 0 8px rgba(107,92,231,.6))}.tarot-card-front{transform:rotateY(180deg);background:var(--color-bg-card);border:2px solid var(--color-border);padding:1rem .5rem;text-align:center}.tarot-card-front.reversed{transform:rotateY(180deg) rotate(180deg)}.tarot-card-front .card-symbol{font-size:3rem;margin-bottom:.5rem}.tarot-card-front .card-name{font-size:.85rem;font-weight:700;color:var(--color-text);margin-bottom:.25rem}.tarot-card-front .card-name-en{font-size:.7rem;color:var(--color-text-secondary)}.tarot-card-front .card-position-badge{font-size:.65rem;margin-top:.5rem;padding:.15rem .5rem;border-radius:9999px;background:#6b5ce71f;color:#6b5ce7;font-weight:600}@keyframes shuffleCard{0%{transform:translate(0) rotate(0)}25%{transform:translate(-30px) rotate(-5deg)}50%{transform:translate(30px) rotate(5deg)}75%{transform:translate(-15px) rotate(-2deg)}to{transform:translate(0) rotate(0)}}.shuffle-anim{animation:shuffleCard .6s ease-in-out}.tarot-card-wrapper:hover .tarot-card-back{box-shadow:inset 0 0 30px #6b5ce74d,0 0 20px #6b5ce74d}.spread-container{display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem}.reading-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:1rem;padding:1.5rem;margin-bottom:1rem;box-shadow:0 2px 8px var(--color-shadow)}.daily-card-container{background:linear-gradient(135deg,#6b5ce714,#6366f10d);border:2px solid transparent;border-radius:1rem;padding:1.5rem;margin-bottom:2rem;text-align:center;background-clip:padding-box;position:relative}.daily-card-container:before{content:"";position:absolute;inset:-2px;border-radius:1rem;background:linear-gradient(135deg,#6b5ce7,#a78bfa,#7c3aed,#6b5ce7);z-index:-1}.daily-card-container:after{content:"";position:absolute;inset:0;border-radius:calc(1rem - 2px);background:linear-gradient(135deg,#6b5ce714,#6366f10d);background-color:var(--color-bg-card);z-index:-1}.tarot-fade-in{animation:tarotFadeIn .5s ease forwards}@keyframes tarotFadeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.spread-option{border:2px solid var(--color-border);border-radius:1rem;padding:1.5rem;background:var(--color-bg-card);cursor:pointer;transition:all .3s ease;text-align:center}.spread-option:hover{border-color:#6b5ce7;transform:translateY(-4px);box-shadow:0 0 20px #6b5ce759,0 4px 16px #6b5ce733}.deck-pile{position:relative;width:140px;height:220px;margin:0 auto;cursor:pointer;transition:transform .2s ease}@media (min-width: 640px){.deck-pile{width:160px;height:250px}}.deck-pile:hover{transform:scale(1.03)}.deck-pile:active{transform:scale(.97)}.deck-pile-layer{position:absolute;width:100%;height:100%;border-radius:12px;background:linear-gradient(135deg,#1a1040,#2d1b69,#1a1040);border:2px solid #6b5ce7;box-shadow:inset 0 0 30px #6b5ce74d}.deck-pile-layer:nth-child(1){top:8px;left:6px;opacity:.4}.deck-pile-layer:nth-child(2){top:5px;left:4px;opacity:.6}.deck-pile-layer:nth-child(3){top:2px;left:2px;opacity:.8}.deck-pile-layer:nth-child(4){top:0;left:0;display:flex;align-items:center;justify-content:center;opacity:1}.deck-pile-layer:nth-child(4):before{content:"";position:absolute;inset:8px;border:1px solid rgba(107,92,231,.4);border-radius:8px;background:repeating-conic-gradient(rgba(107,92,231,.1) 0% 25%,transparent 25% 50%) 50% / 20px 20px}.deck-pile-layer:nth-child(4):after{content:"🔮";font-size:2.5rem;position:relative;z-index:1;filter:drop-shadow(0 0 8px rgba(107,92,231,.6))}@keyframes cardDrawOut{0%{transform:translate(0) translateY(0) rotate(0);opacity:1}to{transform:translate(200px) translateY(-40px) rotate(8deg);opacity:0}}.deck-draw-anim{animation:cardDrawOut .45s ease-out forwards}.deck-pile:hover .deck-pile-layer:nth-child(4){box-shadow:inset 0 0 30px #6b5ce74d,0 0 24px #6b5ce766}.pick-card{transition:transform .3s ease,box-shadow .3s ease}.pick-card:hover{transform:translateY(-8px)}.pick-card.selected{opacity:.4;pointer-events:none;transform:scale(.95)}