:root{--tarot-card-width:220px;--tarot-card-height:380px;--tarot-card-width-mobile:140px;--tarot-card-height-mobile:240px;--nav-height:70px}body{background-color:#050505;margin:0;overflow-x:hidden}.flip-tarot-page{background:radial-gradient(circle at center top,#1a1025 0,#050505 60%);color:#fff;display:flex;flex-direction:column;min-height:100vh;position:relative}.flip-hero{padding-bottom:2rem;padding-top:calc(var(--nav-height) + 2rem);text-align:center;z-index:5}.flip-hero h1{background:linear-gradient(135deg,#fff,#d4af37);-webkit-background-clip:text;background-clip:text;font-family:var(--font-family-heading,"Cinzel",serif);font-size:clamp(2rem,5vw,3.5rem);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 20px rgba(212,175,55,.3));margin-bottom:.5rem}.flip-hero p{color:#aaa;margin:0 auto;max-width:600px;padding:0 1rem}.deck-area{align-items:center;flex:1;flex-direction:column;justify-content:flex-start;padding-bottom:4rem;perspective:1000px}.deck-area,.deck-fan{display:flex;width:100%}.deck-fan{height:320px;justify-content:center;margin-bottom:2rem;max-width:800px;position:relative;z-index:10}.fan-card{border-radius:12px;cursor:pointer;height:var(--tarot-card-height);position:absolute;transform:rotate(var(--rot)) translateY(var(--y)) scale(.9);transform-origin:50% 150%;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.25,.46,.45,.94),z-index 0s;width:var(--tarot-card-width);will-change:transform;z-index:10}.fan-card .card-back-visual{align-items:center;backface-visibility:hidden;background-color:#0d0d14;background-image:linear-gradient(135deg,rgba(0,0,0,.8),rgba(30,15,40,.6)),repeating-linear-gradient(45deg,transparent,transparent 4px,hsla(0,0%,100%,.05) 0,hsla(0,0%,100%,.05) 8px);border-radius:12px;box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.05),inset 0 0 20px rgba(0,0,0,.3);display:flex;inset:0;justify-content:center;position:absolute;z-index:2}.card-border{border:1px solid rgba(255,215,0,.3);border-radius:8px;inset:6px}.card-accent,.card-border{pointer-events:none;position:absolute}.card-accent{border:1px solid rgba(255,215,0,.15);border-radius:6px;inset:12px}.card-symbol{animation:pulsate 4s ease-in-out infinite alternate;color:rgba(255,215,0,.8);font-size:2.5rem;text-shadow:0 0 10px rgba(255,215,0,.3)}@keyframes pulsate{0%{opacity:.7;transform:scale(.95)}to{opacity:1;transform:scale(1.05)}}.fan-card[data-pattern=celestial] .card-back-visual:before{background-image:radial-gradient(circle at 50% 30%,transparent 0,transparent 60%,hsla(0,0%,100%,.03) 0,hsla(0,0%,100%,.03) 65%,transparent 0);content:"";inset:0;opacity:.5;position:absolute}.fan-card[data-pattern=cosmic] .card-back-visual:before{background-image:radial-gradient(1.5px circle at 25% 15%,rgba(255,215,0,.5),transparent 100%);content:"";inset:0;opacity:.3;position:absolute}.fan-card .card-face-front{backface-visibility:hidden;background:#000;border:1px solid rgba(212,175,55,.5);border-radius:12px;display:flex;inset:0;position:absolute;transform:rotateY(180deg);z-index:1}.card-face-front img{border-radius:12px;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.deck-fan.shuffling .fan-card{box-shadow:0 10px 30px rgba(0,0,0,.5);transition:transform .5s ease}.fan-card.center-stage{box-shadow:0 0 50px rgba(212,175,55,.5);transform:translateY(100px) scale(1.1) rotate(0deg)!important;transition:transform .8s cubic-bezier(.34,1.56,.64,1);z-index:999!important}.fan-card.flipped{transform:translateY(100px) scale(1.1) rotateY(180deg)!important}.deck-fan.isolating .fan-card:not(.center-stage){opacity:0;pointer-events:none;transform:translateY(200px) scale(.5)}.controls-container{display:flex;gap:1rem;margin-bottom:2rem;position:relative;transition:opacity .3s;z-index:20}.deck-area.has-result .controls-container{display:none}.result-section{animation:fadeInSlideUp .8s ease forwards;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(10,5,15,.8);border:1px solid rgba(212,175,55,.3);border-radius:16px;box-shadow:0 20px 50px rgba(0,0,0,.8);display:none;margin-top:180px;max-width:600px;padding:2rem;text-align:center;width:90%}@keyframes fadeInSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.result-card-name{color:#fff;font-family:var(--font-family-heading);font-size:2rem;margin:0 0 .5rem}.result-keywords{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-bottom:1.5rem}.result-keyword{border:1px solid rgba(212,175,55,.4);border-radius:20px;color:#d4af37;font-size:.75rem;padding:2px 10px;text-transform:uppercase}.result-meaning{color:#ddd;font-size:1rem;line-height:1.6;margin-bottom:2rem}.global-cta-button,.global-cta-button--small{align-items:center;border:none;border-radius:24px;cursor:pointer;display:inline-flex;font-family:var(--font-family-heading);font-size:.9rem;height:48px;justify-content:center;letter-spacing:1px;padding:0 24px;text-decoration:none;transition:all .3s}.global-cta-button--shine{background:linear-gradient(135deg,#2d183b,#1a1025);border:1px solid rgba(212,175,55,.5);box-shadow:0 4px 15px rgba(0,0,0,.5);color:#fff}.global-cta-button--small{background:transparent;border:1px solid rgba(212,175,55,.4);color:#d4af37}.cta-actions{display:flex;gap:1rem;justify-content:center;margin-top:1rem}@media (max-width:768px){:root{--tarot-card-width:var(--tarot-card-width-mobile);--tarot-card-height:var(--tarot-card-height-mobile)}.deck-fan{height:240px}.fan-card.center-stage,.fan-card.flipped{transform:translateY(50px) scale(1.1) rotate(0deg)!important}.fan-card.flipped{transform:translateY(50px) scale(1.1) rotateY(180deg)!important}.result-section{margin-top:100px;padding:1.5rem;width:95%}.result-card-name{font-size:1.5rem}.result-meaning{font-size:.9rem}}