.perspective-1000{perspective:1000px}@keyframes shuffle-float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-10px) rotate(5deg)}}.shuffle-animate{animation:shuffle-float .6s ease-in-out infinite}.single-card-layout,.three-card-layout{display:flex;justify-content:center;align-items:center;padding:2rem}.three-card-layout{gap:2rem;flex-wrap:wrap}.relationship-layout{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:1.5rem;max-width:600px;margin:0 auto;padding:2rem}.relationship-layout>:first-child{grid-area:1/1/2/2}.relationship-layout>:nth-child(2){grid-area:1/3/2/4}.relationship-layout>:nth-child(3){grid-area:2/2/3/3}.relationship-layout>:nth-child(4){grid-area:3/1/4/2}.relationship-layout>:nth-child(5){grid-area:3/3/4/4}.relationship-layout>:nth-child(6){grid-area:2/1/3/2}.relationship-layout>:nth-child(7){grid-area:2/3/3/4}.career-path-layout{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:1.5rem;max-width:600px;margin:0 auto;padding:2rem}.career-path-layout>:first-child{grid-area:1/2/2/3}.career-path-layout>:nth-child(2){grid-area:2/1/3/2}.career-path-layout>:nth-child(3){grid-area:2/3/3/4}.career-path-layout>:nth-child(4){grid-area:1/1/2/2}.career-path-layout>:nth-child(5){grid-area:1/3/2/4}.decision-making-layout{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:1.5rem;max-width:600px;margin:0 auto;padding:2rem}.decision-making-layout>:first-child{grid-area:1/2/2/3}.decision-making-layout>:nth-child(2){grid-area:2/1/3/2}.decision-making-layout>:nth-child(3){grid-area:2/3/3/4}.decision-making-layout>:nth-child(4){grid-area:1/1/2/2}.decision-making-layout>:nth-child(5){grid-area:1/3/2/4}.year-ahead-layout{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,1fr);gap:1rem;max-width:800px;margin:0 auto;padding:2rem}@keyframes card-reveal{0%{transform:scale(.8) rotateY(90deg);opacity:0}to{transform:scale(1) rotateY(0deg);opacity:1}}.card-reveal-animation{animation:card-reveal .6s ease-out forwards}@keyframes card-glow{0%,to{box-shadow:0 0 20px rgba(var(--primary),.3)}50%{box-shadow:0 0 30px rgba(var(--primary),.6)}}.card-glow{animation:card-glow 2s ease-in-out infinite}@media (max-width:768px){.career-path-layout,.decision-making-layout,.relationship-layout,.three-card-layout{grid-template-columns:1fr;grid-template-rows:auto;gap:1rem}.career-path-layout>*,.decision-making-layout>*,.relationship-layout>*{grid-area:auto!important}.year-ahead-layout{grid-template-columns:repeat(2,1fr);gap:.75rem}}.perspective{perspective:1000px}.scene{width:180px;height:280px;cursor:pointer}.tarot-card{width:100%;height:100%;position:relative;transition:transform .8s;transform-style:preserve-3d}.tarot-card.is-flipped{transform:rotateY(180deg)}.tarot-card-face{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden}.tarot-card-face--front{background-color:hsl(var(--card));color:hsl(var(--card-foreground));border:1px solid hsl(var(--border));transform:rotateY(180deg)}.perspective-deck{perspective:1500px;width:128px;height:192px}.deck-container{position:relative;width:100%;height:100%;transform-style:preserve-3d}.deck-card{position:absolute;width:100%;height:100%;border-radius:.5rem;box-shadow:0 4px 15px rgba(0,0,0,.4);transition:transform .5s ease-in-out;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform-origin:center}.deck-card--1{transform:translateZ(2px)}.deck-card--2{transform:translateZ(0)}.deck-card--3{transform:translateZ(-2px)}.shuffling .deck-card--1{animation:shuffle-1 1s ease-in-out forwards}.shuffling .deck-card--2{animation:shuffle-2 1s ease-in-out forwards}.shuffling .deck-card--3{animation:shuffle-3 1s ease-in-out forwards}@keyframes shuffle-1{0%,to{transform:translateZ(2px) rotate(0deg)}33%{transform:translate(-120px) rotate(-20deg) translateZ(20px)}66%{transform:translate(120px) rotate(20deg) translateZ(0)}}@keyframes shuffle-2{0%,to{transform:translateZ(0) rotate(0deg)}33%{transform:translate(120px) rotate(20deg) translateZ(0)}66%{transform:translate(-120px) rotate(-20deg) translateZ(20px)}}@keyframes shuffle-3{0%,to{transform:translateZ(-2px) rotate(0deg)}33%{transform:translateY(20px) rotate(10deg) translateZ(10px)}66%{transform:translateY(-20px) rotate(-10deg) translateZ(10px)}}.cutting .deck-card--1{animation:cut-top 1s ease-in-out forwards}.cutting .deck-card--2,.cutting .deck-card--3{animation:cut-bottom 1s ease-in-out forwards}@keyframes cut-top{0%{transform:translateZ(2px)}50%{transform:translateX(-150px) rotate(-5deg) translateZ(2px)}51%{transform:translateX(-150px) rotate(-5deg) translateZ(-10px)}to{transform:translateZ(-2px)}}@keyframes cut-bottom{0%{transform:translateZ(0)}50%{transform:translateX(20px) translateZ(0)}to{transform:translateZ(2px)}}.layout-1 .icon-pos-1{grid-column:2;grid-row:2/span 2}.layout-2 .icon-pos-1{grid-column:2;grid-row:1}.layout-2 .icon-pos-2{grid-column:2;grid-row:4;transform:rotate(180deg)}.layout-3 .icon-pos-1{grid-column:2;grid-row:1}.layout-3 .icon-pos-2{grid-column:2;grid-row:2/span 2}.layout-3 .icon-pos-3{grid-column:2;grid-row:4;transform:rotate(180deg)}.layout-4 .icon-pos-1{grid-column:1;grid-row:1}.layout-4 .icon-pos-2{grid-column:3;grid-row:1}.layout-4 .icon-pos-3{grid-column:1;grid-row:4;transform:rotate(180deg)}.layout-4 .icon-pos-4{grid-column:3;grid-row:4;transform:rotate(180deg)}.layout-5 .icon-pos-1{grid-column:1;grid-row:1}.layout-5 .icon-pos-2{grid-column:3;grid-row:1}.layout-5 .icon-pos-3{grid-column:2;grid-row:2/span 2}.layout-5 .icon-pos-4{grid-column:1;grid-row:4;transform:rotate(180deg)}.layout-5 .icon-pos-5{grid-column:3;grid-row:4;transform:rotate(180deg)}.layout-6 .icon-pos-1{grid-column:1;grid-row:1}.layout-6 .icon-pos-2{grid-column:3;grid-row:1}.layout-6 .icon-pos-3{grid-column:1;grid-row:2/span 2}.layout-6 .icon-pos-4{grid-column:3;grid-row:2/span 2}.layout-6 .icon-pos-5{grid-column:1;grid-row:4;transform:rotate(180deg)}.layout-6 .icon-pos-6{grid-column:3;grid-row:4;transform:rotate(180deg)}.layout-7 .icon-pos-1{grid-column:1;grid-row:1}.layout-7 .icon-pos-2{grid-column:3;grid-row:1}.layout-7 .icon-pos-3{grid-column:2;grid-row:1;margin-top:1rem}.layout-7 .icon-pos-4{grid-column:1;grid-row:2/span 2}.layout-7 .icon-pos-5{grid-column:3;grid-row:2/span 2}.layout-7 .icon-pos-6{grid-column:1;grid-row:4;transform:rotate(180deg)}.layout-7 .icon-pos-7{grid-column:3;grid-row:4;transform:rotate(180deg)}.layout-8 .icon-pos-1{grid-column:1;grid-row:1}.layout-8 .icon-pos-2{grid-column:3;grid-row:1}.layout-8 .icon-pos-3{grid-column:1;grid-row:2}.layout-8 .icon-pos-4{grid-column:3;grid-row:2}.layout-8 .icon-pos-5{grid-column:1;grid-row:3;transform:rotate(180deg)}.layout-8 .icon-pos-6{grid-column:3;grid-row:3;transform:rotate(180deg)}.layout-8 .icon-pos-7{grid-column:1;grid-row:4;transform:rotate(180deg)}.layout-8 .icon-pos-8{grid-column:3;grid-row:4;transform:rotate(180deg)}.layout-9 .icon-pos-1,.layout-9 .icon-pos-2,.layout-9 .icon-pos-3,.layout-9 .icon-pos-4,.layout-9 .icon-pos-5{grid-column:1}.layout-9 .icon-pos-6,.layout-9 .icon-pos-7,.layout-9 .icon-pos-8,.layout-9 .icon-pos-9{grid-column:3}.layout-9 .icon-pos-1{grid-row:1}.layout-9 .icon-pos-2{grid-row:2}.layout-9 .icon-pos-3{grid-row:3}.layout-9 .icon-pos-4{grid-row:4}.layout-9 .icon-pos-5{grid-column:2;grid-row:2}.layout-9 .icon-pos-6{grid-row:1;transform:rotate(180deg)}.layout-9 .icon-pos-7{grid-row:2;transform:rotate(180deg)}.layout-9 .icon-pos-8{grid-row:3;transform:rotate(180deg)}.layout-9 .icon-pos-9{grid-row:4;transform:rotate(180deg)}.layout-10 .icon-pos-1,.layout-10 .icon-pos-2,.layout-10 .icon-pos-3,.layout-10 .icon-pos-4{grid-column:1}.layout-10 .icon-pos-5,.layout-10 .icon-pos-6{grid-column:2}.layout-10 .icon-pos-10,.layout-10 .icon-pos-7,.layout-10 .icon-pos-8,.layout-10 .icon-pos-9{grid-column:3}.layout-10 .icon-pos-1{grid-row:1}.layout-10 .icon-pos-2{grid-row:2}.layout-10 .icon-pos-3{grid-row:3;transform:rotate(180deg)}.layout-10 .icon-pos-4{grid-row:4;transform:rotate(180deg)}.layout-10 .icon-pos-5{grid-row:1;margin-top:1rem}.layout-10 .icon-pos-6{grid-row:4;transform:rotate(180deg);margin-bottom:1rem}.layout-10 .icon-pos-7{grid-row:1}.layout-10 .icon-pos-8{grid-row:2}.layout-10 .icon-pos-9{grid-row:3;transform:rotate(180deg)}.layout-10 .icon-pos-10{grid-row:4;transform:rotate(180deg)}.celtic-cross-layout{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);gap:1rem;width:600px;height:800px;position:relative}.celtic-cross-layout .scene{width:120px;height:180px}.celtic-cross-layout .scene:first-child{grid-column:2/3;grid-row:2/3;z-index:1}.celtic-cross-layout .scene:nth-child(2){grid-column:2/3;grid-row:2/3;transform:rotate(90deg);z-index:2}.celtic-cross-layout .scene:nth-child(3){grid-column:2/3;grid-row:1/2}.celtic-cross-layout .scene:nth-child(4){grid-column:2/3;grid-row:3/4}.celtic-cross-layout .scene:nth-child(5){grid-column:1/2;grid-row:2/3}.celtic-cross-layout .scene:nth-child(6){grid-column:3/4;grid-row:2/3}.celtic-cross-layout .scene:nth-child(7){grid-column:4/5;grid-row:4/5}.celtic-cross-layout .scene:nth-child(8){grid-column:4/5;grid-row:3/4}.celtic-cross-layout .scene:nth-child(9){grid-column:4/5;grid-row:2/3}.celtic-cross-layout .scene:nth-child(10){grid-column:4/5;grid-row:1/2}@media (max-width:640px){.celtic-cross-layout{width:100%;max-width:360px;height:auto;aspect-ratio:3/4.2;gap:.25rem}.celtic-cross-layout .scene{width:70px;height:105px}.celtic-cross-layout .scene:nth-child(2){transform:rotate(90deg) scale(.95)}}