@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}.draw-croix-celtique,.draw-la-croix-celtique-amour{overflow:hidden!important}.scrolling-top{display:none!important}.tarot-controls{align-items:center;display:flex;flex-direction:column;gap:10px;justify-content:center;margin-top:15px;width:100%}@media(min-width:480px){.tarot-controls{flex-direction:row;gap:15px;margin-top:20px}}.cross-formation{display:grid;gap:25px;grid-template-areas:". above ." "left center right" ". below .";grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);height:350px;margin-bottom:250px;padding-left:80px;position:relative;width:350px}@media(min-width:340px){.cross-formation{padding-left:0}}@media(min-width:480px){.cross-formation{gap:40px;height:420px;margin-bottom:270px;width:420px}}@media(min-width:768px){.cross-formation{gap:70px;height:520px;margin-bottom:0;margin-top:90px;width:520px}}.staff-formation{display:flex;flex-direction:row-reverse;flex-wrap:wrap;gap:25px;justify-content:center;padding-left:40px;position:relative;z-index:5}@media(min-width:340px){.staff-formation{padding-left:0}}@media(min-width:480px){.staff-formation{gap:30px}}@media(min-width:768px){.staff-formation{flex-direction:column-reverse;gap:35px}}.staff-formation .card-slot{width:70px}@media(min-width:480px){.staff-formation .card-slot{width:80px}}@media(min-width:768px){.staff-formation .card-slot{width:88px}}.staff-formation .slot-container{width:70px}@media(min-width:480px){.staff-formation .slot-container{width:80px}}@media(min-width:768px){.staff-formation .slot-container{width:88px}}.cross-formation .slot-container:first-child{align-self:center;grid-area:center;justify-self:center;z-index:2}.cross-formation .slot-container:nth-child(2){align-self:center;grid-area:center;justify-self:center;z-index:1}.cross-formation .slot-container:nth-child(3){align-self:center;grid-area:below;justify-self:center}.cross-formation .slot-container:nth-child(4){align-self:center;grid-area:left;justify-self:center}.cross-formation .slot-container:nth-child(5){align-self:center;grid-area:above;justify-self:center}.cross-formation .slot-container:nth-child(6){align-self:center;grid-area:right;justify-self:center}.slot-container-crossing{position:relative;transform:rotate(90deg)}.slot-container-crossing .slot-label{left:190%;position:absolute;text-align:center;top:calc(81% + 35px);transform:translateX(-50%) rotate(-90deg);width:120px}.position-center{z-index:2}.position-crossing{z-index:1}.position-below{z-index:3}@media(hover:none){.draw-all-btn:hover,.shuffle-btn:hover{box-shadow:none!important;transform:none!important}}@media(min-width:768px){.croix-celtique-grid{align-items:flex-start;flex-direction:row;gap:40px;justify-content:center}}@media(min-width:1024px){.croix-celtique-grid{gap:60px}}.slot-container-crossing .slot-separator{height:93px;left:128%;position:absolute;top:74%;transform:translateX(-50%) rotate(-69deg);width:2px}.card-back,.ghost-card,.tarot-card-base,.tarot-deck{background-image:url(/build/images/cardback.fb6c3992.gif)}.draw-grid.croix-celtique-grid{background-color:rgba(250,147,175,.78)}.slot-container-crossing .slot-separator{background-color:rgba(233,69,96,.7)}.croix-celtique-amour-container{background:linear-gradient(135deg,#d9acb1,#f1e5e5)}