.card-flip{perspective:1000px}.card-flip-inner{position:relative;width:100%;height:100%;text-align:center;transition:transform .8s;transform-style:preserve-3d}.card-flip.flipped .card-flip-inner{transform:rotateY(180deg)}.card-flip-front,.card-flip-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:8px;overflow:hidden}.card-flip-back{transform:rotateY(180deg)}@keyframes cardReveal{0%{opacity:0;transform:scale(.8) translateY(20px)}50%{opacity:.5;transform:scale(1.05) translateY(-5px)}to{opacity:1;transform:scale(1) translateY(0)}}.card-reveal{animation:cardReveal .8s ease-out forwards}.card-hover{transition:all .3s ease}.card-hover:hover{transform:translateY(-8px) scale(1.05);box-shadow:0 20px 40px #0000004d}.celtic-cross-animation{animation:celticCrossReveal 2s ease-out forwards}@keyframes celticCrossReveal{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.celtic-cross-card{transition:all .6s cubic-bezier(.4,0,.2,1)}.celtic-cross-card.position-1{animation:slideInCenter .8s ease-out .2s both}.celtic-cross-card.position-2{animation:slideInTop .8s ease-out .4s both}.celtic-cross-card.position-3{animation:slideInLeft .8s ease-out .6s both}.celtic-cross-card.position-4{animation:slideInBottom .8s ease-out .8s both}.celtic-cross-card.position-5{animation:slideInTop .8s ease-out 1s both}.celtic-cross-card.position-6{animation:slideInRight .8s ease-out 1.2s both}.celtic-cross-card.position-7,.celtic-cross-card.position-8,.celtic-cross-card.position-9,.celtic-cross-card.position-10{animation:slideInRight .8s ease-out calc(1.4s + var(--delay, 0s)) both}@keyframes slideInCenter{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes slideInTop{0%{opacity:0;transform:translate(-50%,-50%) translateY(-100px)}to{opacity:1;transform:translate(-50%,-50%) translateY(0)}}@keyframes slideInBottom{0%{opacity:0;transform:translate(-50%,-50%) translateY(100px)}to{opacity:1;transform:translate(-50%,-50%) translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-50%,-50%) translate(-100px)}to{opacity:1;transform:translate(-50%,-50%) translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(-50%,-50%) translate(100px)}to{opacity:1;transform:translate(-50%,-50%) translate(0)}}@keyframes shuffle{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(-10px) rotate(-2deg)}75%{transform:translate(10px) rotate(2deg)}}.shuffle-animation{animation:shuffle .5s ease-in-out infinite}@keyframes drawCard{0%{transform:translateY(0) rotate(0);opacity:1}50%{transform:translateY(-50px) rotate(10deg);opacity:.8}to{transform:translateY(-100px) rotate(0);opacity:0}}.draw-card-animation{animation:drawCard .8s ease-out forwards}.card-glow{box-shadow:0 0 20px #8b5cf680;animation:pulse 2s infinite}@keyframes pulse{0%,to{box-shadow:0 0 20px #8b5cf680}50%{box-shadow:0 0 30px #8b5cf6cc}}.spread-layout{transition:all .6s cubic-bezier(.4,0,.2,1)}@media(max-width:768px){.card-flip-inner{transition:transform .6s}.card-reveal{animation-duration:.6s}.celtic-cross-card{transition-duration:.4s}}@media(prefers-reduced-motion:reduce){.card-flip-inner,.card-reveal,.celtic-cross-card,.card-hover,.spread-layout{animation:none;transition:none}.card-hover:hover{transform:none}}
