@keyframes moveToSlot{0%{opacity:.8;transform:translate(0) scale(1)}to{opacity:1;transform:translate(var(--x),var(--y)) scale(1)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes shuffleToCenter{0%{transform:translateX(var(--offset-x))}to{transform:translateX(0)}}@keyframes shuffleToSide{0%{transform:translateX(0)}to{transform:translateX(var(--offset-x))}}@keyframes shuffleComplete{0%,to{transform:translateX(0)}50%{transform:translateX(10px)}}.draw-container{align-items:center;background:linear-gradient(135deg,#d9acb1,#f1e5e5);border-radius:16px;display:flex;flex-direction:column;margin:20px auto;overflow:hidden}@media(min-width:768px){.draw-container{padding:20px}}@media(min-width:1024px){.draw-container{padding:25px 30px}}.tarot-description{color:#fff;font-size:14px;line-height:1.4;opacity:.9;padding:0 10px}@media(min-width:768px){.tarot-description{font-size:16px;line-height:1.5}}.tarot-interaction-area{align-items:center;display:flex;justify-content:space-between;width:100%}.tarot-interaction-area .tarot-description{color:#fff;font-size:16px;line-height:1.5;margin-right:20px;max-width:57%;padding-left:20px;text-align:left}@media(max-width:767px){.tarot-interaction-area .tarot-description{font-size:14px;margin-right:10px}}@media(min-width:767px){.tarot-interaction-area .tarot-description{font-size:14px;margin-right:10px;padding-left:unset}}.tarot-interaction-area .deck-container{flex-shrink:0}.tarot-deck{background-size:cover;border-radius:12px;box-shadow:0 5px 15px rgba(0,0,0,.5);cursor:pointer;height:100%;left:0;position:absolute;top:0;transform:scale(1);transform-style:preserve-3d;transition:transform .3s;width:100%;z-index:6}.tarot-deck .card-back{position:unset}.draw-grid{align-items:center;backdrop-filter:blur(10px);background:#000;border-radius:12px;box-shadow:inset 0 0 10px rgba(0,0,0,.3);display:flex;flex-direction:column;max-height:540px;overflow:scroll;padding:20px 15px 40px;scrollbar-width:none;width:100%;z-index:100;-ms-overflow-style:none}.draw-grid::-webkit-scrollbar{display:none}@media(min-width:768px){.draw-grid{padding:30px 25px}}@media(min-width:1024px){.draw-grid{padding:40px 0}}.slot-label{color:#fff;font-size:12px;line-height:1.2;max-width:74px;opacity:.9;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.5);word-break:break-word}@media(min-width:480px){.slot-label{font-size:13px;max-width:84px}}@media(min-width:768px){.slot-label{font-size:14px;max-width:92px}}.card-slot{animation:fadeIn .5s ease-out;background-color:hsla(0,0%,100%,.05);border:2px dashed #fff;border-radius:10px;box-shadow:0 3px 6px rgba(0,0,0,.2);flex-shrink:0;height:134px;position:relative;transition:all .3s ease;width:70px}@media(min-width:480px){.card-slot{border-radius:11px;height:152px;width:80px}}@media(min-width:768px){.card-slot{border-radius:12px;height:168px;width:88px}}.card-slot:hover{background-color:hsla(0,0%,100%,.1);border-color:rgba(9,9,9,.5)!important;transform:translateY(-3px)}.card-slot:empty{animation:pulse 2s ease-in-out infinite}.ghost-card,.shuffle-card,.tarot-card-base{background-position:50%;background-size:cover;border-radius:10px;box-shadow:0 3px 10px rgba(0,0,0,.3);height:146px;width:80px}@media(min-width:480px){.ghost-card,.shuffle-card,.tarot-card-base{border-radius:11px;height:164px;width:90px}}@media(min-width:768px){.ghost-card,.shuffle-card,.tarot-card-base{border-radius:12px;height:182px;width:100px}}.card{box-shadow:0 5px 15px rgba(0,0,0,.3);height:100%;position:absolute;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,0,.2,1);width:100%}.card.is-moving{animation:moveToSlot .7s ease-out forwards}.card.is-flipped{transform:rotateY(180deg);transition:transform .6s cubic-bezier(.4,0,.2,1)}.card-back,.card-front{backface-visibility:hidden;background-position:50%;background-size:cover;border-radius:12px;box-shadow:0 2px 10px rgba(0,0,0,.2);height:100%;position:absolute;width:100%}.card-front{transform:rotateY(180deg)}.ghost-card{background-color:#1a1a2e;background-image:inherit;left:0;position:absolute;top:0;transform:translate(0);z-index:100}.ghost-card.is-moving{animation:moveToSlot .7s cubic-bezier(.4,0,.2,1) forwards}.deck-container{height:146px;margin:15px auto;perspective:1000px;position:relative;width:80px}@media(min-width:480px){.deck-container{height:164px;margin:18px auto;width:90px}}@media(min-width:768px){.deck-container{height:182px;margin:20px auto;width:100px}}.shuffle-card{position:absolute;transform:scale(1);transition:transform .3s ease-in-out}.shuffle-card.shuffle-to-center{animation:shuffleToCenter .3s cubic-bezier(.4,0,.2,1) forwards}.shuffle-card.shuffle-to-side{animation:shuffleToSide .3s cubic-bezier(.4,0,.2,1) forwards}.shuffle-card.shuffle-complete{animation:shuffleComplete .3s cubic-bezier(.4,0,.2,1)}.shuffle-card.position-center{transform:translateX(0)}.shuffle-card.position-side{transform:translateX(var(--offset-x,100px))}:root{--tarot-deck-zindex:100;--shuffle-offset:3;--x:0px;--y:0px;--offset-x:100px}.tarot-deck.hidden{visibility:hidden}.tarot-deck.visible{visibility:visible}@media(max-width:479px){.tarot-description{font-size:13px}}.slot-container{align-items:center;display:flex;flex-direction:column;gap:10px;position:relative}