.pick-cards-text-container{width:100%;text-align:center;margin-bottom:2rem;animation:fadeIn .6s ease-in;display:flex;justify-content:center;align-items:center}.pick-cards-text-container .title.subtitle{font-family:"Instrument Serif",serif;font-size:4rem;font-weight:400;color:#fff;opacity:.9;margin:0;text-align:center}.drawn-cards-text-container{width:100%;text-align:center;margin-bottom:1.5rem;animation:fadeIn .6s ease-in;display:flex;justify-content:center;align-items:center}.drawn-cards-text-container .title.subtitle{font-family:"Instrument Serif",serif;font-size:4rem;font-weight:400;color:#fff;opacity:.9;margin:0;text-align:center}@media(max-width:768px){.pick-cards-text-container .title.subtitle,.drawn-cards-text-container .title.subtitle{font-size:2.2rem}}.cards-display{margin-bottom:0;margin-top:0;position:relative;display:flex;flex-direction:column;gap:0;align-items:center;justify-content:flex-start;max-height:100vh;max-height:100dvh;overflow:visible;min-height:0}body:has(.interpretation) .cards-display{max-height:none;min-height:auto}@media(max-width:1024px){.cards-display,.cards-display.all-cards-drawn{justify-content:flex-start}.cards-display .deck-container{margin-top:auto}}.cards-display.all-cards-drawn{justify-content:flex-start;min-height:0;max-height:100vh;max-height:100dvh;gap:clamp(.75rem,1.5vh,1.25rem)}:root{--deck-w: clamp(200px, 30vw, 400px);--deck-h: clamp(140px, 21vw, 280px);--pivot-x: 50%;--pivot-y: 50%;--radius: clamp(95px, 12vw, 190px);--card-w: clamp(70px, 8.5vw, 110px);--card-h: clamp(100px, 12.5vw, 160px)}@media(max-height:800px){:root{--radius: clamp(80px, 10vw, 160px);--card-w: clamp(65px, 7.5vw, 100px);--card-h: clamp(95px, 11vw, 145px)}}.deck-container{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:0;margin-top:0;min-height:0;flex:0 1 auto;padding:clamp(.5rem,2vh,1rem) clamp(2rem,8vw,4rem);padding-bottom:clamp(.75rem,2.5vh,1.25rem);animation:fadeIn .5s ease-in;width:100%;overflow:visible;position:relative;box-sizing:border-box;order:2;z-index:10;transform:none;transform-origin:center bottom;align-self:flex-end}.tarot-deck{position:relative;width:var(--deck-w);height:var(--deck-h);margin:0 auto;margin-bottom:clamp(.5rem,1.5vh,.75rem);transition:transform .3s ease;display:flex;align-items:center;justify-content:center;transform:rotate(180deg)}.tarot-deck:hover:not(.drawing):not(.fanning),.tarot-deck.deck-open:not(.drawing):not(.fanning){transform:rotate(180deg) scale(1.02)}.tarot-deck.drawing{animation:deckShake .3s ease}@keyframes deckShake{0%,to{transform:translate(0)}25%{transform:translate(clamp(-3px,-.5vw,-5px)) rotate(-2deg)}75%{transform:translate(clamp(3px,.5vw,5px)) rotate(2deg)}}.deck-card-open{position:absolute;left:var(--pivot-x);top:var(--pivot-y);width:var(--card-w);height:var(--card-h);border:clamp(.5px,.1vw,1px) solid rgba(241,132,81,.7);border-radius:clamp(1px,.2vw,2px);box-shadow:0 0 clamp(.2px,.04vw,.4px) #479ac280;transition:transform .4s ease,opacity .3s ease,scale .3s ease;overflow:hidden;transform-origin:50% calc(100% + calc(var(--radius) * .95));transform:translate(-50%,-100%) rotate(0);opacity:0;background-image:url(/assets/retro-carta-BBx_Ygv6.png);background-size:cover;background-position:center;background-color:#22211d;z-index:20;pointer-events:auto;backface-visibility:hidden;-webkit-backface-visibility:hidden}.tarot-deck.fanning,.tarot-deck.fanning .deck-card-open{pointer-events:none;cursor:default}@media(hover:hover)and (pointer:fine){.tarot-deck.deck-open:not(.fanning) .deck-card-open:hover{transform:translate(-50%,-100%) rotate(var(--a, 0deg)) translateY(clamp(-18px,-2vh,-28px)) scale(1.06)!important;box-shadow:0 clamp(2px,.6vw,4px) clamp(6px,1.5vw,10px) #0006,0 0 clamp(5px,1.5vw,10px) #d4af3740,0 clamp(1px,.3vw,2px) clamp(3px,.8vw,5px) #f1845133;filter:brightness(1.15);transition:transform .25s ease-out,box-shadow .25s ease-out,filter .25s ease-out}.tarot-deck:not(.deck-open) .deck-card-open:hover,.tarot-deck:not(.deck-open) .deck-card-open:active{transform:translate(-50%,-100%) rotate(var(--a, 0deg)) scale(1)!important;box-shadow:none!important;filter:none!important;pointer-events:none!important;cursor:default!important}}.tarot-deck.fanning .deck-card-open:hover,.tarot-deck.fanning .deck-card-open:active,.tarot-deck.fanning .deck-card-open:focus{box-shadow:none!important;filter:none!important;pointer-events:none!important;cursor:default!important;transition:none!important;transform-origin:50% calc(100% + calc(var(--radius) * .95))!important}.tarot-deck.fanning{pointer-events:none!important;cursor:default!important}.tarot-deck.fanning:hover{pointer-events:none!important}@keyframes cardLift{0%{transform:translate(-50%,-100%) rotate(var(--a, 0deg)) scale(1)}50%{transform:translate(-50%,-100%) rotate(var(--a, 0deg)) translateY(clamp(-30px,-5vh,-50px)) scale(1.15)}to{transform:translate(-50%,-100%) rotate(var(--a, 0deg)) translateY(clamp(-40px,-7vh,-70px)) scale(1.2);opacity:0}}.deck-card-open.removed{opacity:0;transform:translate(-50%,-100%) rotate(var(--a, 0deg)) scale(.5);pointer-events:none}.deck-card-open-1{opacity:0;z-index:100}.tarot-deck.deck-open:not(.fanning) .deck-card-open-1{opacity:1}.tarot-deck.fanning .deck-card-open{animation:fanOutCard .08s ease-out forwards;animation-delay:calc(var(--card-index, 0) * .05s);opacity:0;transition:none!important;transform-origin:50% calc(100% + calc(var(--radius) * .95))!important;will-change:transform,opacity}@keyframes fanOutCard{0%{opacity:0;transform:translate(-50%,-100%) rotate(0) scale(.8);transform-origin:50% calc(100% + calc(var(--radius) * .95))}to{opacity:1;transform:translate(-50%,-100%) rotate(var(--a, 0deg)) scale(1) translateY(-8px);transform-origin:50% calc(100% + calc(var(--radius) * .95));z-index:var(--z, 0)}}.tarot-deck:hover:not(.drawing):not(.fanning).deck-open .deck-card-open,.tarot-deck.deck-open:not(.drawing):not(.fanning) .deck-card-open{transform:translate(-50%,-100%) rotate(var(--a, 0deg)) translateY(-8px);z-index:var(--z, 0);opacity:1}.tarot-deck.deck-open:not(.drawing):not(.fanning) .deck-card-open{opacity:1}.tarot-deck:not(.deck-open) .deck-card-open{pointer-events:none!important;cursor:default!important}.tarot-deck:not(.deck-open){pointer-events:none!important;cursor:default!important}.deck-card-open-4,.deck-card-open-5,.deck-card-open-6,.deck-card-open-7,.deck-card-open-8,.deck-card-open-9,.deck-card-open-10,.deck-card-open-11,.deck-card-open-12,.deck-card-open-13,.deck-card-open-14,.deck-card-open-15,.deck-card-open-16,.deck-card-open-17,.deck-card-open-18,.deck-card-open-19,.deck-card-open-20{opacity:0;transform:rotate(0) translate(0) translateY(0)}.deck-label{color:#d4af37;font-size:clamp(1rem,2.5vw,1.1rem);font-weight:600;text-shadow:0 0 10px rgba(212,175,55,.5);margin-top:clamp(.375rem,1vh,.5rem)}.card-slot{width:var(--card-w, clamp(110px, 29vw, 150px));box-sizing:border-box;display:flex;flex-direction:column;align-items:center;flex-shrink:0}.card-slot.filled,.card-slot.empty{display:flex;align-items:stretch}.card-slot-empty{width:var(--card-w);height:var(--card-h);min-height:var(--card-h);visibility:hidden;display:block}.card-extracted{animation:extractAndFlip .8s ease-out forwards;opacity:0;transform:scale(.5) rotateY(180deg)}@keyframes extractAndFlip{0%{opacity:0;transform:scale(.5) rotateY(180deg) translateY(clamp(60px,10vh,100px))}50%{opacity:.8;transform:scale(1.1) rotateY(90deg) translateY(clamp(-6px,-1vh,-10px))}to{opacity:1;transform:scale(1) rotateY(0) translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.cards-display h2{text-align:center;color:#d4af37;font-size:clamp(1.5rem,4vw,2rem);margin-bottom:clamp(1.5rem,4vh,2rem);text-shadow:0 0 clamp(10px,2vw,15px) rgba(212,175,55,.5)}.your-cards-title{text-align:center;color:#d4af37;font-size:clamp(1.25rem,3vw,1.5rem);margin-top:0;margin-bottom:32px;text-shadow:0 0 clamp(10px,2vw,15px) rgba(212,175,55,.5);font-family:Georgia,Times New Roman,serif}.cards-container{display:flex;flex-direction:column;align-items:center;gap:0;perspective:clamp(800px,100vw,1000px);width:100%;max-width:100%;margin:0;padding:0;scroll-margin-top:0;min-height:0;flex:0 1 auto;order:1;position:relative;z-index:2}.cards-wrapper{--card-w: clamp(90px, 28vw, 150px);--card-h: clamp(135px, 40vw, 220px);--gap: 0;display:flex;flex-direction:column;align-items:center;gap:0;overflow:visible;width:100%;min-height:0;flex:0 1 auto}.cards-display:has(.deck-container) .cards-wrapper{--card-w: clamp(70px, 22vw, 120px);--card-h: clamp(105px, 32vw, 180px);--gap: clamp(6px, 2vw, 20px)}.cards-row{display:flex;justify-content:center;align-items:flex-start;gap:var(--gap);width:100%}.card{width:100%;display:flex;flex-direction:column;align-items:center;animation:cardFlip .6s ease-out;animation-fill-mode:forwards;box-sizing:border-box;pointer-events:auto;will-change:transform;transition:none;position:relative;z-index:10;padding:0;margin:0}.card-image-wrapper{width:100%;display:flex;flex-direction:column;align-items:center}.card:nth-child(1){animation-delay:.1s}.card:nth-child(2){animation-delay:.2s}.card:nth-child(3){animation-delay:.3s}.card:nth-child(4){animation-delay:.4s}.card:nth-child(5){animation-delay:.5s}.card:hover{transform:translateY(clamp(-6px,-1vh,-10px)) rotateY(5deg)!important;box-shadow:0 clamp(8px,2vw,12px) clamp(25px,6vw,35px) #0009,0 0 clamp(20px,5vw,30px) #d4af374d;pointer-events:auto;animation:none;z-index:100!important;opacity:1!important;visibility:visible!important;transition:none!important}.card.card-touch-hover{transform:translateY(clamp(-6px,-1vh,-10px)) rotateY(5deg)!important;box-shadow:0 clamp(8px,2vw,12px) clamp(25px,6vw,35px) #0009,0 0 clamp(20px,5vw,30px) #d4af374d;pointer-events:auto;animation:none;z-index:100!important;opacity:1!important;visibility:visible!important;transition:transform .2s ease-out,box-shadow .2s ease-out!important}@media(hover:none)and (pointer:coarse){.card:active,.card:focus{transform:translateY(clamp(-6px,-1vh,-10px)) rotateY(5deg)!important;box-shadow:0 clamp(8px,2vw,12px) clamp(25px,6vw,35px) #0009,0 0 clamp(20px,5vw,30px) #d4af374d;pointer-events:auto;animation:none;z-index:100!important;opacity:1!important;visibility:visible!important;transition:transform .2s ease-out,box-shadow .2s ease-out!important;outline:none}.card-image:active,.card-image:focus{transform:scale(1.05)!important;outline:none}.card-image.reversed:active,.card-image.reversed:focus{transform:rotate(180deg) scale(1.05)!important;outline:none}.card:focus:not(:active){transform:translateY(clamp(-6px,-1vh,-10px)) rotateY(5deg)!important;box-shadow:0 clamp(8px,2vw,12px) clamp(25px,6vw,35px) #0009,0 0 clamp(20px,5vw,30px) #d4af374d}}.tarot-reading-result.has-interpretation .card{cursor:default!important;transition:none!important;opacity:1!important;visibility:visible!important;pointer-events:none!important;will-change:auto!important;transform:none!important;animation:none!important;animation-fill-mode:forwards!important}.tarot-reading-result.has-interpretation .card:hover,.tarot-reading-result.has-interpretation .card:active,.tarot-reading-result.has-interpretation .card:focus{transform:none!important;box-shadow:none!important;z-index:auto!important;animation:none!important;transition:none!important;opacity:1!important;visibility:visible!important;pointer-events:none!important}.card-name-bottom{margin-top:clamp(8px,2vw,12px);color:#fff;text-align:center;font-weight:400;width:100%;display:flex;align-items:flex-start;justify-content:center;overflow:visible;font-family:"Instrument Serif",serif;font-style:normal;font-size:21px;line-height:28px;word-wrap:break-word;padding:0;margin-bottom:0}.card-orientation{display:block;text-align:center;font-size:clamp(.8rem,2.2vw,.9rem);font-weight:600;padding:clamp(.2rem,.5vh,.25rem) clamp(.4rem,1vw,.5rem);border-radius:clamp(4px,1vw,5px);width:fit-content;margin:0 auto}.card-orientation.upright{background:#4caf5033;color:#4caf50}.card-orientation.reversed{background:#ff980033;color:#ff9800}.card-image-container{width:100%;display:flex;justify-content:center;align-items:center;border-radius:clamp(2px,.5vw,4px);padding:0;border:none;box-shadow:0 clamp(6px,1.5vw,8px) clamp(20px,5vw,25px) #00000080,0 0 clamp(15px,4vw,20px) #d4af371a;aspect-ratio:2 / 3;overflow:hidden;position:relative}.card-image{width:100%;height:100%;object-fit:cover;border-radius:clamp(2px,.5vw,4px);transition:transform .3s ease;pointer-events:auto}.card-image.reversed{transform:rotate(180deg)}.card-image:hover{transform:scale(1.05)!important}.card-image.reversed:hover{transform:rotate(180deg) scale(1.05)!important}.image-placeholder{color:#888;font-size:clamp(.8rem,2.2vw,.9rem);text-align:center;padding:clamp(1.5rem,4vw,2rem) clamp(.75rem,2vw,1rem);font-style:italic}@keyframes cardFlip{0%{opacity:0;transform:rotateY(-90deg) scale(.8)}to{opacity:1;transform:rotateY(0) scale(1)}}@keyframes cardClick{0%{transform:translateY(0) rotateY(0) scale(1)}50%{transform:translateY(clamp(-12px,-2vh,-20px)) rotateY(10deg) scale(1.15)}to{transform:translateY(clamp(-6px,-1vh,-10px)) rotateY(5deg) scale(1.05)}}.card-clicked{animation:cardClick .6s ease-out}@media(max-width:768px){.deck-container{padding:clamp(.75rem,3vh,1.5rem) clamp(1rem,5vw,2rem);padding-bottom:clamp(1rem,4vh,2rem);margin-bottom:0;margin-top:auto;min-height:0;overflow-x:visible;overflow-y:visible;align-self:flex-end}.tarot-deck{width:var(--deck-w);max-width:100%;height:var(--deck-h)}:root{--radius: clamp(100px, 25vw, 180px);--deck-w: clamp(180px, 50vw, 300px);--deck-h: clamp(125px, 35vw, 210px);--card-w: clamp(80px, 15vw, 130px);--card-h: clamp(115px, 22vw, 190px)}.cards-container{gap:0;padding:0;margin:0 auto;scroll-margin-top:0}.cards-wrapper{--card-w: clamp(85px, 26vw, 130px);--card-h: clamp(127px, 38vw, 190px);--gap: clamp(6px, 2vw, 18px)}.card-slot{width:var(--card-w)}.card{max-width:100%;min-height:clamp(120px,20vh,180px);padding:0}.card-image{width:100%}.cards-display h2{font-size:clamp(1.25rem,3.5vw,1.5rem)}}@media(max-width:360px){.cards-wrapper{--card-w: clamp(70px, 21vw, 95px);--card-h: clamp(105px, 31vw, 142px);--gap: clamp(3px, 1vw, 10px)}.card-slot{width:var(--card-w);box-sizing:border-box}.cards-row{gap:var(--gap);padding:0;margin:0}}@media(min-width:1024px)and (max-width:1440px){:root{--deck-w: clamp(200px, 28vw, 380px);--deck-h: clamp(140px, 20vw, 280px);--radius: clamp(100px, 12vw, 200px);--card-w: clamp(50px, 7vw, 95px);--card-h: clamp(70px, 10vw, 140px)}.cards-wrapper{--card-w: clamp(110px, 24vw, 180px);--card-h: clamp(165px, 36vw, 270px);--gap: clamp(12px, 2.5vw, 24px)}.cards-display:has(.deck-container) .cards-wrapper{--card-w: clamp(90px, 22vw, 160px);--card-h: clamp(135px, 33vw, 240px);--gap: clamp(10px, 2vw, 20px)}.cards-display h2{font-size:clamp(1.2rem,3vw,1.6rem);margin-bottom:clamp(.8rem,2.5vh,1.2rem)}.your-cards-title{font-size:clamp(1rem,2.5vw,1.3rem);margin-bottom:clamp(.8rem,2.5vh,1.2rem)}.card-name-bottom{font-family:"Instrument Serif",serif;font-style:normal;font-size:21px;line-height:28px;word-wrap:break-word;padding:0;margin-bottom:0}.deck-container{padding:clamp(.4rem,1.2vh,.8rem) clamp(1rem,3vw,1.5rem);padding-bottom:clamp(.6rem,1.8vh,1rem)}}@media(min-width:769px){.card-name-bottom{font-family:"Instrument Serif",serif;font-style:normal;font-size:28px;line-height:28px;word-wrap:break-word;padding:0;margin-bottom:0}}@media(min-width:769px)and (max-width:1023px){.deck-container{margin-top:auto;align-self:flex-end}.cards-container{gap:clamp(1.5rem,4vh,1.8rem);padding:0;margin:0 auto}.cards-wrapper{--card-w: clamp(120px, 25vw, 140px);--card-h: clamp(175px, 36vw, 205px);--gap: clamp(14px, 2.5vw, 20px)}.card-slot{width:var(--card-w)}.card-slot{width:calc((100% - 24px) / 3);max-width:calc((100% - 24px) / 3)}.card{max-width:240px;min-height:350px;padding:0;margin:0}.card-image{width:100%}}@media(max-width:768px){:root{--fan-radius: 550px;--fan-spread: 320deg;--fan-tilt-x: 8deg;--fan-tilt-y: -5deg;--fan-lift: 50%;--fan-perspective: 1800px}.deck-container{width:100%;height:480px;overflow:hidden;position:relative;perspective:var(--fan-perspective);perspective-origin:center center;touch-action:none!important;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;contain:layout style paint}.tarot-deck{position:absolute!important;left:50%!important;top:var(--fan-lift)!important;width:calc(var(--fan-radius) * 2)!important;height:calc(var(--fan-radius) * 2)!important;margin:0!important;padding:0!important;transform:translate(-50%) rotateX(var(--fan-tilt-x)) rotateY(var(--fan-tilt-y)) rotate(calc(var(--m-drag, 0) * .15deg)) scale(1.1)!important;transform-style:preserve-3d!important;transition:transform .25s cubic-bezier(.25,.1,.25,1)!important;will-change:transform;cursor:grab}.tarot-deck.dragging{transition:none!important;cursor:grabbing!important;will-change:transform}.tarot-deck:active{cursor:grabbing}.tarot-deck.dragging{cursor:grabbing;transition:none!important}.tarot-deck:hover,.tarot-deck.deck-open{transform:translate(-50%) rotateX(var(--fan-tilt-x)) rotateY(var(--fan-tilt-y)) rotate(calc(var(--m-drag, 0) * .15deg)) scale(1.1)!important}.deck-card-open{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%) rotate(var(--a, 0deg)) translateY(calc(var(--fan-radius) * -1)) rotate(calc(var(--a, 0deg) * -1)) rotate(calc(var(--m-drag, 0) * -.15deg))!important;transform-style:preserve-3d!important;transform-origin:center center!important;z-index:calc(100 + var(--z, 0))!important;pointer-events:auto!important;cursor:pointer!important;touch-action:manipulation!important;padding:24px!important;margin:-24px!important;will-change:transform,opacity;transition:transform .2s ease-out,box-shadow .2s ease-out,filter .2s ease-out}.deck-card-open:hover,.deck-card-open.card-touch-hover,.deck-card-open.card-lifting{animation:none!important}.deck-card-open:hover .card,.deck-card-open.card-touch-hover .card{box-shadow:inherit!important;filter:none!important}.deck-card-open:before{content:"";position:absolute;inset:-30px;pointer-events:none;z-index:-1}.deck-card-open:hover .card,.deck-card-open.card-touch-hover .card{box-shadow:0 8px 24px #00000040,0 4px 12px #00000026;filter:brightness(1.05)}.card-extracted{transform:scale(.8)!important}}@media(max-width:480px){:root{--fan-radius: 420px;--fan-spread: 360deg;--fan-lift: 35%;--card-w: clamp(90px, 17vw, 145px);--card-h: clamp(130px, 25vw, 210px)}.deck-card-open{padding:28px!important;margin:-28px!important}.deck-card-open:before{inset:-36px;pointer-events:none!important}.deck-container{height:330px}.tarot-deck,.tarot-deck:hover,.tarot-deck.deck-open{transform:translate(-50%) rotateX(var(--fan-tilt-x)) rotateY(var(--fan-tilt-y)) rotate(calc(var(--m-drag, 0) * .15deg)) scale(1.1)!important}}@media(max-width:425px){.tarot-deck{top:200px!important}}.tarot-reading{width:100%;max-width:100%;height:100%;animation:fadeIn .6s ease-in;margin-top:0;padding-bottom:calc(24px + env(safe-area-inset-bottom));display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:visible;min-height:0}.mcb-wrap-inner{display:flex;flex-wrap:wrap;position:relative;width:100%;align-self:flex-start;background-color:#0003;padding:4%;border-radius:8px;margin:0;justify-content:center;align-items:center;align-content:center;flex:0 0 auto;min-height:0}.mcb-wrap-background-overlay{display:none}.column.mcb-column.one{width:100%;display:flex;justify-content:center;align-items:center}.mcb-column-inner{width:100%;text-align:center}.mcb-wrap-inner .title{font-family:"Instrument Serif",serif;font-size:5.5rem;font-weight:400;color:#fff;margin:0 0 .5rem;text-align:center}.mcb-wrap-inner .title.subtitle{font-size:4rem;opacity:.9}.reading-form .title{font-family:"Instrument Serif",serif;font-size:3.5rem;font-weight:400;color:#fff;margin:0 0 15px;text-align:center}.reading-subtitle-top{font-family:-apple-system,BlinkMacSystemFont,SF Pro,SF Pro Text,SF Pro Display,system-ui,sans-serif;font-size:1.3rem;font-weight:400;color:#d9d9d9;font-style:normal;opacity:.9;margin:0;text-align:center}.reading-form-title{font-family:"Instrument Serif",serif;font-size:1.8rem;font-weight:400;color:#fff;margin:0 0 1.5rem;text-align:center;flex:0 0 auto}.reading-title{margin-bottom:.5rem}.reading-subtitle{font-family:-apple-system,BlinkMacSystemFont,SF Pro,SF Pro Text,SF Pro Display,system-ui,sans-serif;font-size:1.2rem;color:#d9d9d9;font-style:normal;opacity:.9;margin:0}.tarot-reading.has-interpretation{overflow-y:visible}.reading-form{display:flex;flex-direction:column;flex:0 0 auto;min-height:0;width:100%;align-items:center}.reading-form-spacer{flex:0}.textarea-container{position:relative;width:100%;display:flex;justify-content:center;align-items:center;margin-top:0;flex:0 0 auto}.textarea-container>div{position:relative;width:90%}.textarea-container textarea{width:100%;min-height:clamp(200px,30vh,300px);max-height:clamp(200px,30vh,300px);padding:1.5rem;padding-bottom:80px;padding-left:calc(1.5rem + 10px);padding-right:calc(1.5rem + 10px);background:#1e1e1ee6;border:2px solid transparent;border-radius:12px;color:#e0e0e0;font-family:-apple-system,BlinkMacSystemFont,SF Pro,SF Pro Text,SF Pro Display,system-ui,sans-serif;font-weight:300;font-size:18px;line-height:100%;letter-spacing:0%;transition:all .3s ease;resize:none;background-image:linear-gradient(#000,#000),linear-gradient(90deg,#f18451,#eaeaea);background-origin:border-box;background-clip:padding-box,border-box}.textarea-container textarea:focus{outline:none;background:#141414f2;background-image:linear-gradient(#141414f2,#141414f2),linear-gradient(90deg,#f18451,#eaeaea 51%,#479ac2);background-origin:border-box;background-clip:padding-box,border-box}.textarea-container textarea::placeholder{color:#d9d9d9;font-style:italic}.submit-button-circle{position:absolute;bottom:20px;right:20px;width:50px;height:50px;border-radius:50%;background:#66bb6a;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 4px 15px #66bb6a66}.submit-button-circle:hover:not(:disabled){transform:scale(1.1);box-shadow:0 6px 20px #66bb6a99}.submit-button-circle:active:not(:disabled){transform:scale(.95)}.submit-button-circle:disabled{background:#2e7d32;box-shadow:0 4px 15px #2e7d324d;opacity:1;cursor:not-allowed}.submit-button-circle svg{width:15px;height:15px}.btn{padding:1rem 2rem;font-size:1.1rem;font-weight:600;border:none;border-radius:10px;cursor:pointer;transition:all .3s ease;font-family:inherit;letter-spacing:1px;text-transform:uppercase}.btn-primary{background:linear-gradient(135deg,#d4af37,#b8941f);color:#1a1a2e;box-shadow:0 4px 15px #d4af3766}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #d4af3799}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:#d4af3733;color:#d4af37;border:2px solid rgba(212,175,55,.5);margin-top:2rem}.btn-secondary:hover{background:#d4af374d;border-color:#d4af37}.btn-link{background:none;color:#d4af37;padding:.5rem 1rem;text-decoration:underline;font-size:.9rem}.error-message{background:#dc354533;border:2px solid rgba(220,53,69,.5);border-radius:10px;padding:1rem;color:#ff6b6b}.error-message p{margin-bottom:.5rem}.monthly-limit-message{width:95%;margin:2rem auto;padding:0 1rem;animation:fadeIn .6s ease-in}.monthly-limit-content{background:#fff2e4;background-image:url(/assets/background-pc-component-ePZUT02v.png);background-size:cover;background-position:center;background-repeat:no-repeat;border:1px solid rgba(138,43,226,.2);border-radius:23px;padding:1.5rem;text-align:center;color:#111}.monthly-limit-title{font-family:"Instrument Serif",serif;font-size:1.5rem;font-weight:400;color:#111;margin:0 0 .5rem}.monthly-limit-subtitle{font-family:-apple-system,BlinkMacSystemFont,SF Pro,SF Pro Text,SF Pro Display,system-ui,sans-serif;font-size:1rem;line-height:1.5;color:#111;margin:0 0 1.5rem;text-align:center}.monthly-limit-buttons{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:5px;margin-top:.5rem}.monthly-limit-buttons .contact-button{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:10.1818px;gap:12.73px;width:125px;height:49px;background:#111;border-radius:9px;border:none;cursor:pointer;transition:all .3s ease;text-decoration:none;color:inherit}.monthly-limit-buttons .contact-button:hover{opacity:.9;transform:scale(1.02)}.monthly-limit-buttons .contact-button:active{transform:scale(.98)}.monthly-limit-buttons .whatsapp-button{background:#25d366}.monthly-limit-buttons .whatsapp-button:hover{background:#1fb855}.monthly-limit-buttons .whatsapp-button svg{width:24.55px;height:24.71px}.monthly-limit-buttons .home-button svg{width:23.33px;height:23.33px}.monthly-limit-text{font-family:-apple-system,BlinkMacSystemFont,SF Pro,SF Pro Text,SF Pro Display,system-ui,sans-serif;font-size:1rem;line-height:1.5;color:#e0e0e0;margin:0}@media(max-width:768px){.monthly-limit-message{margin:1.5rem auto;padding:0 1rem}.monthly-limit-content{padding:1.25rem}.monthly-limit-title{font-size:1.25rem}.monthly-limit-subtitle{font-size:.9rem;margin-bottom:1rem}.monthly-limit-buttons .contact-button{width:115px;height:45px;padding:8px}.monthly-limit-buttons .whatsapp-button svg{width:22px;height:22px}.monthly-limit-buttons .home-button svg{width:21px;height:21px}.monthly-limit-text{font-size:.9rem}}@media(max-width:425px){.monthly-limit-content{background-image:url(/img/background-component.png)!important}}.tarot-reading-result{width:100%;max-width:none;animation:fadeIn .8s ease-in}.tarot-reading-result.deck-hidden{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100%;height:100%;flex:1}.tarot-reading-result.has-interpretation{overflow-y:visible;max-height:none;min-height:auto;height:auto;justify-content:flex-start;padding-top:30px;padding-bottom:30px}.interpretation-button-container{display:flex;justify-content:center;align-items:center;width:100%;padding:0 clamp(1rem,4vw,2rem) clamp(1rem,2vh,1.5rem);margin:-40px auto 0}.btn-read-interpretation{box-sizing:border-box;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:clamp(12px,2.5vh,14px) clamp(14px,3vw,16.1711px) clamp(14px,2.5vh,16.1711px);gap:clamp(16px,3vw,20.21px);width:clamp(250px,60vw,309px);height:clamp(40px,6vh,47px);background:#f08653;border:1px solid #F08653;border-radius:clamp(5px,1vw,7px);order:1;cursor:pointer;transition:all .3s ease;font-style:normal;font-weight:400;text-align:center;color:#111!important;flex:none;order:0;flex-grow:0}.btn-read-interpretation:hover:not(:disabled){background:#e67a42;border-color:#e67a42;transform:translateY(-2px);box-shadow:0 clamp(4px,1vw,6px) clamp(12px,2vw,15px) #f0865366}.btn-read-interpretation:active:not(:disabled){transform:translateY(0);box-shadow:0 clamp(2px,.5vw,3px) clamp(6px,1vw,8px) #f086534d}.btn-read-interpretation:disabled{opacity:.6;cursor:not-allowed}.interpretation{margin:0;background:transparent;border-radius:0;padding:2rem;border:none;scroll-margin-top:clamp(2rem,5vh,4rem)}.interpretation h2{font-family:"Instrument Serif",serif;font-weight:400;font-style:italic;font-size:30px;line-height:30px;letter-spacing:0%;text-align:center;color:#fff;margin-bottom:25px}.interpretation .title.subtitle{font-family:"Instrument Serif",serif;font-size:4rem;font-weight:400;font-style:normal;color:#fff;opacity:.9;margin:0 0 25px;text-align:center;line-height:normal;letter-spacing:normal}.interpretation-text{font-family:-apple-system,BlinkMacSystemFont,SF Pro,SF Pro Text,SF Pro Display,system-ui,sans-serif;font-weight:400;font-size:18px;line-height:25px;letter-spacing:0%;color:#e0e0e0;white-space:pre-line;text-align:left}.interpretation-text strong{font-weight:600;color:#e0e0e0}@keyframes gradientRotate{0%{background-image:linear-gradient(#000,#000),linear-gradient(90deg,#f18451,#eaeaea)}to{background-image:linear-gradient(#000,#000),linear-gradient(90deg,#f18451 100%,#eaeaea 0%)}}@keyframes gradientRotateFocus{0%{background-image:linear-gradient(#141414f2,#141414f2),linear-gradient(90deg,#f18451,#eaeaea)}to{background-image:linear-gradient(#141414f2,#141414f2),linear-gradient(90deg,#f18451 100%,#eaeaea 0%)}}@media(max-width:768px){.tarot-reading{padding-bottom:calc(100px + env(safe-area-inset-bottom));overflow-y:auto}.mcb-wrap-inner{flex:0 0 auto;margin-bottom:1rem;margin-top:0}.mcb-wrap-inner .title{font-size:3rem}.mcb-wrap-inner .title.subtitle{font-size:2.2rem}.reading-form .title{font-size:2.5rem}.interpretation .title.subtitle{font-size:2.2rem}.reading-form{flex:0 1 auto;min-height:0}.reading-form-spacer{flex:0}.textarea-container{margin-top:0;flex-shrink:0}.textarea-container textarea{min-height:250px;padding:1rem;padding-bottom:70px}.submit-button-circle{width:45px;height:45px;bottom:15px;right:15px}.submit-button-circle svg{width:12px;height:12px}.interpretation{padding:1.5rem}.interpretation-text{font-size:1rem}.interpretation-button-container{margin-top:-20px}}@media(min-width:1024px)and (max-width:1440px){.textarea-container textarea{min-height:clamp(180px,25vh,280px);max-height:clamp(180px,25vh,280px);font-size:clamp(16px,1.5vw,17px)}.interpretation h2{font-size:clamp(26px,2.5vw,28px)}.interpretation-text{font-size:clamp(16px,1.5vw,17px)}.btn-read-interpretation{font-size:clamp(17px,1.8vw,20px);width:clamp(240px,55vw,300px)}}.professional-consultation{position:relative;width:95%;height:170px;background:#fff2e4;background-image:url(/assets/background-pc-component-ePZUT02v.png);background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:23px;border:1px solid rgba(138,43,226,.2);flex:none;order:0;flex-grow:0;margin-top:2rem;margin-left:auto;margin-right:auto;overflow:hidden}.consultation-text{position:absolute;width:222px;height:90px;left:26px;top:18px;font-style:normal;font-weight:400;margin:0;z-index:1;color:#111!important}.consultation-text-italic{font-style:italic;line-height:40px}.professional-consultation .consultation-submit-button{position:absolute;inset:100px auto auto 232px;width:50px;height:50px;border-radius:50%;background:#66bb6a;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 4px 15px #66bb6a66;z-index:2;opacity:1}.professional-consultation .consultation-submit-button:hover:not(:disabled){transform:scale(1.1);box-shadow:0 6px 20px #66bb6a99}.professional-consultation .consultation-submit-button:active:not(:disabled){transform:scale(.95)}.professional-consultation .consultation-submit-button svg{width:15px;height:15px}.contact-text-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:0;gap:6px;position:absolute;width:255px;height:60px;left:calc(50% - 127.5px);top:18px;z-index:1}.contact-text{width:255px;height:60px;font-style:normal;font-weight:400;margin:0;flex:none;order:0;flex-grow:0;color:#111!important}.contact-buttons{display:flex;flex-direction:row;align-items:center;justify-content:center;padding:0;gap:5px;position:absolute;width:255px;height:49px;left:calc(50% - 127.5px);top:101px;z-index:2}.contact-button{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:10.1818px;gap:12.73px;width:125px;height:49px;background:#111;border-radius:9px;border:none;cursor:pointer;transition:all .3s ease;flex:none;flex-grow:0;text-decoration:none;color:inherit}.contact-button:hover{opacity:.9;transform:scale(1.02)}.contact-button:active{transform:scale(.98)}.contact-button svg{flex:none;order:0;flex-grow:0}.whatsapp-button{background:#25d366}.whatsapp-button:hover{background:#1fb855}.whatsapp-button svg{width:24.55px;height:24.71px}.home-button svg{width:23.33px;height:23.33px}@media(min-width:769px){.professional-consultation{width:95%;height:170px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:0 2rem}.consultation-content-desktop{display:flex;flex-direction:row;align-items:center;width:100%;gap:2rem}.consultation-content-mobile{display:none!important}.consultation-content-desktop .consultation-text{position:static;width:auto;height:auto;flex:1;margin:0;left:auto;top:auto}.contact-content-desktop{display:flex;flex-direction:column;align-items:center;gap:1rem;flex:1}.contact-content-desktop .contact-text-wrapper{position:static;width:100%;height:auto;left:auto;top:auto;display:flex;justify-content:center;align-items:center}.contact-content-desktop .contact-text{width:auto;height:auto;text-align:center}.contact-content-desktop .contact-buttons{position:static;width:100%;height:auto;left:auto;top:auto;display:flex;justify-content:center;align-items:center}.professional-consultation .consultation-submit-button{position:static;inset:auto}}@media(max-width:768px){.professional-consultation{width:309px;height:170px;margin-left:auto;margin-right:auto}.consultation-content-desktop{display:none!important}.consultation-content-mobile{display:block}.consultation-content-mobile .consultation-text{position:absolute;width:222px;height:90px;left:26px;top:18px;font-family:"Instrument Serif",serif;font-style:normal;font-weight:400;font-size:30px;line-height:30px;color:#111;margin:0;padding:0}.consultation-content-mobile .consultation-submit-button{position:absolute;width:50px;height:50px;left:232px;top:100px;border-radius:50%}.consultation-content-mobile .consultation-submit-button svg{width:15px;height:15px}}@media(max-width:425px){.professional-consultation{position:relative;background-image:url(/img/background-component.png)}.consultation-content-mobile .consultation-submit-button{position:absolute;inset:auto 20px 20px auto;width:50px;height:50px;border-radius:50%}}@media(max-width:430px){.professional-consultation{width:95%}}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow-x:hidden;margin-left:0;margin-right:0}body{font-family:Georgia,Times New Roman,serif;background:#000;min-height:100vh;min-height:100dvh;color:#e0e0e0;overflow-y:hidden}body:has(.interpretation){overflow-y:auto;height:auto;min-height:100dvh}.app{width:100%;height:100vh;height:100dvh;max-height:100vh;max-height:100dvh;display:flex;flex-direction:column;align-items:center;padding:0;margin-left:0;margin-right:0;justify-content:flex-start;overflow:hidden}body:has(.interpretation) .app{height:auto;max-height:none;overflow:visible}.app-header{position:static;text-align:center;margin-bottom:0;margin-left:0;margin-right:0;padding-top:1rem;padding-bottom:10px;background:#000;z-index:100;animation:fadeIn 1s ease-in;transform:translateZ(0);will-change:auto;flex:0}.app-header h1{font-family:"Instrument Serif",serif;font-weight:400;font-size:45px;line-height:100%;letter-spacing:0%;text-align:center;color:#fff;margin-bottom:0}.header-transition{animation:fadeIn .5s ease-in;padding-bottom:10px}.your-cards-header{font-family:"Instrument Serif",serif;font-weight:400;font-style:italic;font-size:30px;line-height:30px;letter-spacing:0%;text-align:center;color:#fff}.subtitle{font-family:-apple-system,BlinkMacSystemFont,SF Pro,SF Pro Text,SF Pro Display,system-ui,sans-serif;font-size:1.2rem;color:#d9d9d9;font-style:normal;opacity:.9}.app-main{width:100%;max-width:1200px;display:flex;flex-direction:column;justify-content:center;align-items:center;flex:1;min-height:0;overflow:visible;padding-left:0;padding-right:0;margin-left:0;margin-right:0}.app-main.has-interpretation{overflow-y:visible;justify-content:flex-start;min-height:auto;height:auto}.app-main:has(.cards-display.all-cards-drawn){justify-content:center;align-items:center}.app-main:has(.tarot-reading-result.has-interpretation){justify-content:flex-start;align-items:stretch}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.app{padding:0;height:100vh;height:100dvh}.app-header{position:static;margin-bottom:1rem;margin-left:0;margin-right:0;padding-left:0;padding-right:0;background:#000;z-index:100}.app-header h1{font-family:"Instrument Serif",serif;font-weight:400;font-size:32px;line-height:100%;letter-spacing:0%;text-align:center}.subtitle{font-size:.9rem}.app{min-height:100vh;display:flex;flex-direction:column}.app-header{flex:0;margin-bottom:1rem}.app-main{width:100%;flex:1;display:flex;flex-direction:column;justify-content:flex-start;padding-left:0;padding-right:0;margin-left:0;margin-right:0}}@media(min-width:1024px)and (max-width:1440px){.app-header h1{font-size:clamp(36px,3.5vw,42px)}.subtitle{font-size:clamp(1rem,1.2vw,1.15rem)}.app-main{max-width:1100px}}.typography-mobile,.typography-desktop{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,system-ui,sans-serif;font-style:normal;font-weight:400;font-size:18px;line-height:21px;text-align:center;color:#d9d9d9}h1.typography-h1-mobile,.typography-h1-mobile{font-family:"Instrument Serif",serif;font-style:normal;font-weight:400;font-size:45px;line-height:58px;text-align:center;color:#fff}h1.typography-h1-desktop,.typography-h1-desktop{font-family:"Instrument Serif",serif;font-style:normal;font-weight:400;font-size:64px;line-height:83px;text-align:center;color:#fff}h2.typography-h2-mobile,.typography-h2-mobile{font-family:"Instrument Serif",serif;font-style:normal;font-weight:400;font-size:30px;line-height:30px;color:#fff2e4}h2.typography-h2-desktop,.typography-h2-desktop{font-family:"Instrument Serif",serif;font-style:normal;font-weight:400;font-size:40px;line-height:30px;color:#fff2e4}h3.typography-h3-mobile,.typography-h3-mobile{font-family:"Instrument Serif",serif;font-style:normal;font-weight:400;font-size:21px;line-height:28px;text-align:center;color:#fff}h3.typography-h3-desktop,.typography-h3-desktop{font-family:"Instrument Serif",serif;font-style:normal;font-weight:400;font-size:28px;line-height:28px;text-align:center;color:#fff}.typography-body,.typography-body-md{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,system-ui,sans-serif;font-style:normal;font-weight:274;font-size:18px;line-height:21px;text-align:center;color:#d9d9d9}@media(max-width:768px){.typography-h1{font-family:"Instrument Serif",serif;font-style:normal;font-weight:400;font-size:45px;line-height:58px;text-align:center;color:#fff}.typography-h2{font-family:"Instrument Serif",serif;font-style:normal;font-weight:400;font-size:30px;line-height:30px;color:#fff2e4}.typography-h3{font-family:"Instrument Serif",serif;font-style:normal;font-weight:400;font-size:21px;line-height:28px;text-align:center;color:#fff}.typography-text{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,system-ui,sans-serif;font-style:normal;font-weight:400;font-size:18px;line-height:21px;text-align:center;color:#d9d9d9}}@media(min-width:769px){.typography-h1{font-family:"Instrument Serif",serif;font-style:normal;font-weight:400;font-size:64px;line-height:83px;text-align:center;color:#fff}.typography-h2{font-family:"Instrument Serif",serif;font-style:normal;font-weight:400;font-size:40px;line-height:30px;color:#fff2e4}.typography-h3{font-family:"Instrument Serif",serif;font-style:normal;font-weight:400;font-size:28px;line-height:28px;text-align:center;color:#fff}.typography-text{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,system-ui,sans-serif;font-style:normal;font-weight:400;font-size:18px;line-height:21px;text-align:center;color:#d9d9d9}}