.tarot-container{position:relative;width:100%;height:100vh;min-height:700px;overflow:hidden;perspective:1000px;background:linear-gradient(135deg,#1a0b2e,#30176e)}.shuffle-animation{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:300px;height:400px;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:100}.shuffle-text{margin-top:20px;font-size:1.5rem;color:#f0d890;text-shadow:0 2px 4px rgba(0,0,0,.5)}.rotating-deck{position:relative;width:200px;height:300px;transform-style:preserve-3d}.shuffling-card{position:absolute;width:120px;height:200px;background-size:cover;background-position:center;border-radius:10px;box-shadow:0 4px 8px #00000080;top:50%;left:50%;transform:translate(-50%,-50%);transform-origin:center center;animation:rotateAround 5s cubic-bezier(.4,0,.2,1) forwards}@keyframes rotateAround{0%{transform:translate(-50%,-50%) rotate(0) translate(0) rotate(0);opacity:.8}10%{opacity:1;transform:translate(-50%,-50%) rotate(36deg) translate(100px) rotate(-36deg)}20%{transform:translate(-50%,-50%) rotate(72deg) translate(100px) rotate(-72deg)}30%{transform:translate(-50%,-50%) rotate(108deg) translate(100px) rotate(-108deg)}40%{transform:translate(-50%,-50%) rotate(144deg) translate(100px) rotate(-144deg)}50%{transform:translate(-50%,-50%) rotate(180deg) translate(100px) rotate(-180deg)}60%{transform:translate(-50%,-50%) rotate(216deg) translate(100px) rotate(-216deg)}70%{transform:translate(-50%,-50%) rotate(252deg) translate(100px) rotate(-252deg)}80%{transform:translate(-50%,-50%) rotate(288deg) translate(100px) rotate(-288deg)}90%{transform:translate(-50%,-50%) rotate(324deg) translate(100px) rotate(-324deg);opacity:1}to{transform:translate(-50%,-50%) rotate(360deg) translate(0) rotate(-360deg);opacity:.8}}.tarot-deck{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80%;height:300px;display:flex;justify-content:center;align-items:center;transition:all .5s ease;opacity:0}.tarot-deck.dealt{opacity:1}.tarot-card{position:absolute;width:80px;height:140px;background-size:cover;background-position:center;border-radius:10px;box-shadow:0 4px 8px #00000080;transition:all .5s ease;cursor:pointer;transform-style:preserve-3d}.tarot-deck.dealt .tarot-card{transform-origin:center center}.tarot-deck.dealt .tarot-card:hover{transform:translateY(-10px)!important;box-shadow:0 8px 16px #f0d89080;z-index:100!important}.tarot-card.selected{animation:selectCard .5s forwards;pointer-events:none}@keyframes selectCard{0%{transform:translate(0) translateY(0) rotate(0);box-shadow:0 4px 8px #00000080}50%{transform:translate(0) translateY(-30px) rotate(0);box-shadow:0 12px 24px #f0d890b3}to{transform:translate(0) translateY(0) rotate(0);opacity:.6;box-shadow:0 4px 8px #00000080}}.selection-indicator{position:absolute;bottom:20px;left:50%;transform:translate(-50%);background:#2a1a5ecc;padding:10px 20px;border-radius:20px;font-size:1.2rem;color:#f0d890;box-shadow:0 2px 10px #0000004d;z-index:100}@media (max-width: 768px){.tarot-card{width:60px;height:105px}}.selected-cards-section{position:absolute;bottom:0;left:0;width:100%;height:250px;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:50}.selected-cards-area{display:flex;justify-content:center;align-items:center;gap:40px;margin-bottom:20px}.selected-card-container{width:100px;height:180px;perspective:1000px;cursor:pointer;position:relative}.selected-card-container.empty{cursor:default}.selected-card{width:100%;height:100%;position:relative;transition:transform .8s cubic-bezier(.175,.885,.32,1.275);transform-style:preserve-3d}.selected-card.flipped{transform:rotateY(180deg)}.card-front,.card-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:10px;box-shadow:0 4px 8px #00000080}.card-front{background:#fff;color:#333;transform:rotateY(180deg);display:flex;flex-direction:column;align-items:center;padding:5px;box-sizing:border-box}.card-front img{width:90%;height:70%;-o-object-fit:cover;object-fit:cover;border-radius:5px;margin-bottom:5px}.card-front h3{margin:5px 0;font-size:.9rem;text-align:center}.card-position{position:absolute;bottom:-25px;left:0;width:100%;text-align:center;font-size:1rem;color:#f0d890;text-shadow:0 1px 2px rgba(0,0,0,.5)}.empty-slot{width:100%;height:100%;border:2px dashed rgba(240,216,144,.5);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#f0d890b3;font-size:.9rem;text-align:center;padding:10px;box-sizing:border-box}.analysis-button{background:linear-gradient(135deg,#f0d890,#e6a417);color:#2a1a5e;border:none;padding:12px 30px;border-radius:25px;font-size:1.2rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #0000004d;opacity:0;pointer-events:none;margin-top:20px}.analysis-button.visible{opacity:1;pointer-events:auto;animation:fadeInButton .5s ease forwards}@keyframes fadeInButton{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.analysis-button:hover{transform:translateY(-3px);box-shadow:0 6px 20px #0006}@media (max-width: 768px){.selected-cards-area{gap:20px}.selected-card-container{width:80px;height:140px}.card-position{font-size:.9rem;bottom:-20px}.analysis-button{padding:10px 25px;font-size:1.1rem}}.analysis-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;opacity:0;pointer-events:none;transition:opacity .5s ease}.analysis-modal.visible{opacity:1;pointer-events:auto}.modal-content{background:linear-gradient(135deg,#2a1a5e,#4b2d8b);border-radius:15px;padding:30px;width:80%;max-width:500px;box-shadow:0 10px 30px #00000080;text-align:center;transform:scale(.9);transition:transform .5s cubic-bezier(.175,.885,.32,1.275);animation:modalAppear .5s forwards}@keyframes modalAppear{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.modal-content h2{color:#f0d890;margin-top:0;font-size:2rem;text-shadow:0 2px 4px rgba(0,0,0,.3)}.cards-names{margin:30px 0;padding:20px;background:#f0d8901a;border-radius:10px;border:1px solid rgba(240,216,144,.3)}.cards-names p{color:#fff;font-size:1.5rem;margin:0;font-weight:700;text-shadow:0 2px 10px rgba(240,216,144,.5);animation:nameGlow 2s infinite alternate}@keyframes nameGlow{0%{text-shadow:0 0 10px rgba(240,216,144,.5)}to{text-shadow:0 0 20px rgba(240,216,144,.8),0 0 30px rgba(240,216,144,.6)}}.close-button{background:#f0d89033;color:#f0d890;border:1px solid #f0d890;padding:10px 25px;border-radius:20px;font-size:1.1rem;cursor:pointer;transition:all .3s ease;margin-top:20px}.close-button:hover{background:#f0d8904d;transform:translateY(-2px);box-shadow:0 4px 10px #0000004d}.modal-content.animation-complete .cards-names p{animation:namePulse .5s 3}@keyframes namePulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@media (max-width: 768px){.modal-content{width:90%;padding:20px}.modal-content h2{font-size:1.5rem}.cards-names p{font-size:1.2rem}}body{margin:0;font-family:Segoe UI,Roboto,Oxygen,sans-serif;background:#121438;color:#f0f0f0;overflow-x:hidden}.App{text-align:center;min-height:100vh;display:flex;flex-direction:column;position:relative}.App-header{padding:15px;background:linear-gradient(135deg,#2a1a5e,#4b2d8b);box-shadow:0 4px 20px #0000004d;z-index:10}.App-header h1{margin:0;font-size:2.5rem;color:#f0d890;text-shadow:0 2px 4px rgba(0,0,0,.5)}.App-main{flex:1;position:relative;overflow:hidden}.reset-button{position:fixed;bottom:20px;right:20px;background:#f0d89033;color:#f0d890;border:1px solid #f0d890;padding:10px 20px;border-radius:20px;font-size:1rem;cursor:pointer;transition:all .3s ease;z-index:1001}.reset-button:hover{background:#f0d8904d;transform:translateY(-2px);box-shadow:0 4px 10px #0000004d}.card-moving{position:fixed;width:80px;height:140px;background-size:cover;background-position:center;border-radius:10px;box-shadow:0 4px 8px #00000080;transition:all 1s cubic-bezier(.175,.885,.32,1.275);z-index:1000;transform-style:preserve-3d}.card-moving.flipping{animation:flipCard 1s forwards}.card-front-moving{position:absolute;width:100%;height:100%;top:0;left:0;background:#fff;color:#333;border-radius:10px;display:flex;flex-direction:column;align-items:center;padding:5px;box-sizing:border-box;backface-visibility:hidden;transform:rotateY(180deg)}.card-front-moving img{width:90%;height:70%;-o-object-fit:cover;object-fit:cover;border-radius:5px;margin-bottom:5px}.card-front-moving h3{margin:5px 0;font-size:.9rem;text-align:center}@keyframes flipCard{0%{transform:translate(-50%,-50%) rotateY(0)}to{transform:translate(-50%,-50%) rotateY(180deg)}}@media (max-width: 768px){.App-header h1{font-size:2rem}.reset-button{bottom:10px;right:10px;padding:8px 16px;font-size:.9rem}.card-moving{width:60px;height:105px}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#121438;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0;padding:0}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;overflow-x:hidden}#root{width:100%;height:100vh}