.oracle-cards-section{width:100%;min-height:fit-content;background:linear-gradient(135deg,#9575B8 0%,#7B468C 100%);display:flex;align-items:center;justify-content:center;padding:4rem 2rem;position:relative;overflow:hidden}.oracle-container{text-align:center;position:relative;z-index:1;max-width:1000px;width:100%}.oracle-header{margin-bottom:3rem}.oracle-title{font-size:4rem;font-weight:400;color:#fff;margin-bottom:.8rem;font-family:HV Simplicite;line-height:normal;text-shadow:0 2px 4px rgb(0 0 0 / .1)}.oracle-subtitle{font-size:1.5rem;color:#fff;font-weight:500;font-family:'Karla';font-style:normal;opacity:.9}.oracle-guidance-text{margin-top:2rem;margin-bottom:1rem;padding:2rem;background:rgb(255 255 255 / .1);border-radius:15px;backdrop-filter:blur(10px);border:1px solid rgb(255 255 255 / .2);box-shadow:0 8px 25px rgb(0 0 0 / .1)}.oracle-guidance-text p{font-size:1.5rem;color:#fff;font-family:'Karla',sans-serif;font-weight:400;line-height:1.7;text-align:left;margin:0;text-shadow:0 1px 3px rgb(0 0 0 / .2)}.oracle-container{text-align:center;position:relative;z-index:1;max-width:1200px;width:100%}.oracle-cards-section{width:100%;min-height:fit-content;background:linear-gradient(135deg,#9575B8 0%,#7B468C 100%);display:flex;align-items:center;justify-content:center;padding:4rem 2rem;position:relative;overflow:visible}.cards-area{display:flex;flex-direction:column;align-items:center;gap:3rem}.deck-container{position:relative;width:250px;height:400px;perspective:1000px;flex-shrink:0;margin:0 auto;overflow:visible;transform-style:preserve-3d;z-index:1}.card{position:absolute;width:250px;height:400px;border-radius:15px;cursor:pointer;transition:none;transform-style:preserve-3d;box-shadow:0 8px 25px rgb(255 255 255 / .15),0 4px 10px rgb(255 255 255 / .1);border:2px solid rgb(255 255 255 / .2);top:0;left:0;backface-visibility:visible}.card:not([style*="animation"]){transition:all 0.8s cubic-bezier(.23,1,.32,1)}.card img{width:100%;height:100%;border-radius:15px;object-fit:cover;user-select:none;-webkit-user-drag:none;backface-visibility:visible;transition:none}.card:hover:not(.shuffling):not(.flipping){transform:translateY(-15px) scale(1.05) rotateX(5deg);box-shadow:0 20px 40px rgb(255 255 255 / .2),0 10px 20px rgb(255 255 255 / .15)}.card.shuffling{pointer-events:none}.card.loading{position:relative}.card.loading::after{content:'';position:absolute;top:50%;left:50%;width:30px;height:30px;margin:-15px 0 0 -15px;border:3px solid rgb(255 255 255 / .3);border-top:3px solid rgb(255 255 255 / .8);border-radius:50%;animation:cardLoadSpin 1s linear infinite;z-index:10;pointer-events:none}@keyframes cardLoadSpin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.card.shuffling{pointer-events:none}.card.shuffling::before{content:'';position:absolute;top:100%;left:50%;width:200px;height:100px;background:radial-gradient(ellipse at center,rgb(0 0 0 / .3) 0%,transparent 70%);transform:translateX(-50%) translateY(-50px) scale(.8);border-radius:50%;z-index:-1;animation:shadowPulse 6.2s ease-in-out forwards;filter:blur(15px)}@keyframes shadowPulse{0%,100%{opacity:0;transform:translateX(-50%) translateY(-20px) scale(.8)}25%,75%{opacity:.6;transform:translateX(-50%) translateY(-40px) scale(1.2)}50%{opacity:.4;transform:translateX(-50%) translateY(-60px) scale(1.5)}}@keyframes shuffleScatterArc{0%{transform:translateX(0) translateY(0) translateZ(0) rotate(0deg) scale(1);opacity:1;box-shadow:0 8px 25px rgb(255 255 255 / .15),0 4px 10px rgb(255 255 255 / .1)}25%{transform:translateX(var(--mid-x,50px)) translateY(var(--mid-y,-30px)) translateZ(var(--lift,50px)) rotate(var(--mid-rotate,10deg)) scale(.95);opacity:.95;box-shadow:0 15px 35px rgb(255 255 255 / .2),0 8px 15px rgb(255 255 255 / .15)}50%{transform:translateX(var(--scatter-x,100px)) translateY(var(--scatter-y,-60px)) translateZ(var(--max-lift,100px)) rotate(var(--scatter-rotate,25deg)) scale(var(--scatter-scale,.9));opacity:.9;box-shadow:0 25px 50px rgb(255 255 255 / .25),0 12px 20px rgb(255 255 255 / .2)}75%{transform:translateX(var(--final-x,120px)) translateY(var(--final-y,-50px)) translateZ(var(--settle-lift,40px)) rotate(var(--final-rotate,20deg)) scale(var(--scatter-scale,.9));opacity:.9;box-shadow:0 20px 40px rgb(255 255 255 / .2),0 10px 15px rgb(255 255 255 / .15)}100%{transform:translateX(var(--final-x,120px)) translateY(var(--final-y,-50px)) translateZ(var(--settle-lift,40px)) rotate(var(--final-rotate,20deg)) scale(var(--scatter-scale,.9));opacity:.9;box-shadow:0 20px 40px rgb(255 255 255 / .2),0 10px 15px rgb(255 255 255 / .15)}}@keyframes shuffleFloat{0%,100%{transform:translateX(var(--final-x,120px)) translateY(var(--final-y,-50px)) translateZ(var(--settle-lift,40px)) rotate(var(--final-rotate,20deg)) scale(var(--scatter-scale,.9));box-shadow:0 20px 40px rgb(255 255 255 / .2),0 10px 15px rgb(255 255 255 / .15)}50%{transform:translateX(calc(var(--final-x, 120px) + var(--float-x, 5px))) translateY(calc(var(--final-y, -50px) + var(--float-y, -10px))) translateZ(calc(var(--settle-lift, 40px) + var(--float-z, 20px))) rotate(calc(var(--final-rotate, 20deg) + var(--float-rotate, 5deg))) scale(var(--scatter-scale,.9));box-shadow:0 25px 45px rgb(255 255 255 / .25),0 12px 18px rgb(255 255 255 / .18)}}@keyframes shuffleGather{0%{transform:translateX(var(--final-x,120px)) translateY(var(--final-y,-50px)) translateZ(var(--settle-lift,40px)) rotate(var(--final-rotate,20deg)) scale(var(--scatter-scale,.9));opacity:.9;box-shadow:0 20px 40px rgb(255 255 255 / .2),0 10px 15px rgb(255 255 255 / .15)}30%{transform:translateX(calc(var(--final-x, 120px) * 0.7)) translateY(calc(var(--final-y, -50px) * 0.8)) translateZ(var(--return-lift,30px)) rotate(calc(var(--final-rotate, 20deg) * 0.6)) scale(.95);opacity:.95;box-shadow:0 18px 35px rgb(255 255 255 / .22),0 9px 14px rgb(255 255 255 / .17)}70%{transform:translateX(calc(var(--final-x, 120px) * 0.3)) translateY(calc(var(--final-y, -50px) * 0.4)) translateZ(var(--return-lift,15px)) rotate(calc(var(--final-rotate, 20deg) * 0.3)) scale(.98);opacity:.98;box-shadow:0 12px 28px rgb(255 255 255 / .18),0 6px 12px rgb(255 255 255 / .14)}90%{transform:translateX(var(--overshoot-x,3px)) translateY(var(--overshoot-y,2px)) translateZ(5px) rotate(var(--overshoot-rotate,2deg)) scale(1);opacity:1;box-shadow:0 10px 22px rgb(255 255 255 / .16),0 5px 10px rgb(255 255 255 / .12)}100%{transform:translateX(var(--final-stack-x,0)) translateY(var(--final-stack-y,0)) translateZ(0) rotate(var(--final-stack-rotate,0deg)) scale(1);opacity:1;box-shadow:0 8px 25px rgb(255 255 255 / .15),0 4px 10px rgb(255 255 255 / .1)}}.card.flipping{animation:cardFlip 1.2s ease-in-out forwards;z-index:10000!important;pointer-events:none;position:relative}.card.flipped{transform:translateY(0) rotateX(180deg) scale(1)!important;z-index:10000!important;position:relative;cursor:pointer;transition:all 0.3s ease}.card.flipped:hover{box-shadow:0 0 30px rgb(255 255 255 / .8),0 0 60px rgb(255 255 255 / .6),0 0 90px rgb(255 255 255 / .4),0 8px 25px rgb(255 255 255 / .15);filter:brightness(1.1);transform:translateY(-5px) rotateX(180deg) scale(1.02)!important}.card.flipped img{transform:rotateX(180deg)!important}@keyframes cardFlip{0%{transform:translateY(0) rotateX(0deg) scale(1);z-index:10000}20%{transform:translateY(-25px) rotateX(0deg) scale(1.02);z-index:10000}45%{transform:translateY(-35px) rotateX(85deg) scale(1.05);z-index:10000}50%{transform:translateY(-40px) rotateX(90deg) scale(1.08);z-index:10000}55%{transform:translateY(-35px) rotateX(95deg) scale(1.05);z-index:10000}80%{transform:translateY(-25px) rotateX(180deg) scale(1.02);z-index:10000}100%{transform:translateY(0) rotateX(180deg) scale(1);z-index:10000}}.card.flipping img{transition:none!important}.card.flipping.image-swapped img{transform:rotateX(180deg)!important}.card.flipping,.card.flipped{isolation:isolate;contain:layout style paint;will-change:transform}.deck-container:has(.card.flipping) .card:not(.flipping):not(.flipped){z-index:10!important}.revealed-card-container{display:none}.interaction-area{display:flex;flex-direction:column;align-items:center;gap:2rem}.shuffle-btn{background:#fff;color:#7B468C;border:none;padding:15px 35px;font-size:16px;font-weight:600;border-radius:50px;cursor:pointer;transition:all 0.3s ease,opacity 0.3s ease;box-shadow:0 4px 15px rgb(0 0 0 / .1);display:flex;align-items:center;gap:.8rem;position:relative;overflow:hidden;font-family:inherit;text-transform:none;letter-spacing:.5px;z-index:100}.shuffle-btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgb(255 255 255 / .2),transparent);transition:left 0.8s ease}.shuffle-btn:hover::before{left:100%}.shuffle-btn:hover{background:#fff;color:#7B468C;box-shadow:0 6px 20px rgb(0 0 0 / .15);transform:translateY(-3px) scale(1.05)}.shuffle-btn:active{transform:translateY(-1px) scale(1.02)}.shuffle-btn:disabled{opacity:.7;cursor:not-allowed;transform:none!important}.shuffle-btn.shuffling{background:#f0f0f0;color:#999;cursor:not-allowed;pointer-events:none}.shuffle-btn.shuffling .shuffle-icon{animation:shuffleButtonSpin 1s linear infinite}.shuffle-icon{font-size:14px;animation:sparkleEnhanced 2.5s ease-in-out infinite}@keyframes shuffleButtonSpin{0%{transform:rotate(0deg) scale(1)}50%{transform:rotate(180deg) scale(1.2)}100%{transform:rotate(360deg) scale(1)}}@keyframes sparkleEnhanced{0%,100%{transform:rotate(0deg) scale(1);filter:brightness(1)}25%{transform:rotate(-8deg) scale(1.15);filter:brightness(1.2)}50%{transform:rotate(0deg) scale(1.2);filter:brightness(1.3)}75%{transform:rotate(8deg) scale(1.15);filter:brightness(1.2)}}.already-drawn-message{text-align:center;background:#f8f7fc;padding:2.5rem;border-radius:15px;border:1px solid rgb(123 70 140 / .1);box-shadow:0 4px 15px rgb(123 70 140 / .05)}.already-drawn-message p{color:#7b468c;font-size:14px;margin-bottom:1.5rem;font-family:inherit;font-weight:400}.countdown-timer{color:#7b468c;font-size:14px;font-weight:600;font-family:inherit;background:#fff;padding:1rem 1.5rem;border-radius:25px;border:1px solid rgb(123 70 140 / .1);box-shadow:0 2px 8px rgb(123 70 140 / .1)}.card-message{margin-top:2rem;text-align:center}.card-message p{font-size:14px;color:#7b468c;font-family:inherit;margin-bottom:1rem}.come-back-message{font-size:14px;color:#7b468c;font-style:normal;font-family:inherit}@media (max-width:768px){.oracle-title{font-size:20px}.oracle-guidance-text{padding:1.5rem;margin-top:1.5rem}.oracle-guidance-text p{font-size:1.5rem;line-height:1.6}.deck-container{width:187.5px;height:300px}.card{width:187.5px;height:300px}.oracle-container{padding:0 1rem}.cards-area{gap:2rem}.oracle-timer{min-width:250px;margin:1.5rem auto 0}}@media (max-width:480px){.oracle-title{font-size:18px}.oracle-guidance-text{padding:1rem;margin-top:1rem}.oracle-guidance-text p{font-size:.9rem;line-height:1.5}.deck-container{width:156.25px;height:250px}.card{width:156.25px;height:250px}.shuffle-btn{padding:10px 20px;font-size:14px}.oracle-timer{min-width:200px;margin:1rem auto 0;font-size:12px}}.oracle-bg-elements{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.floating-particle{position:absolute;width:8px;height:8px;background:rgb(255 255 255 / .4);border-radius:50%;animation:floatParticle 6s ease-in-out infinite alternate}@keyframes floatParticle{0%{transform:translateY(0) scale(1);opacity:.4}50%{opacity:.8}100%{transform:translateY(-20px) scale(1.2);opacity:.2}}.oracle-timer{background:rgb(255 255 255 / .95);border-radius:25px;padding:1.5rem 2rem;margin:2rem auto 0;text-align:center;box-shadow:0 4px 15px rgb(0 0 0 / .1);max-width:400px}.timer-title{color:#7B468C;font-size:1.2rem;font-weight:600;margin-bottom:1rem;font-family:inherit}.timer-display{color:#7B468C;font-size:1.5rem;font-weight:700;font-family:'Courier New',monospace;background:rgb(123 70 140 / .1);padding:.8rem 1.5rem;border-radius:15px;display:inline-block;min-width:200px}.timer-message{color:#7B468C;font-size:.9rem;margin-top:.8rem;font-style:italic;opacity:.8}.oracle-info{display:none}