.tarot-alpha-container{z-index:3;pointer-events:none;justify-content:center;align-items:flex-end;height:55%;transition:all .4s;display:flex;position:absolute;top:20px;left:0;right:0}.tarot-alpha-image{object-fit:contain;object-position:bottom center;max-width:100%;max-height:100%;transition:all .4s}.tarot-cards-container{z-index:10;pointer-events:auto;justify-content:flex-start;align-items:center;width:90%;max-width:1400px;height:55%;display:flex;position:absolute;top:5%;left:50%;transform:translate(-50%)}.tarot-spread{z-index:10;pointer-events:auto;padding:.5rem;position:absolute;top:5%;left:50%;transform:translate(-50%)}.tarot-spread-grid{grid-template-columns:repeat(3,1fr);gap:.6rem;width:320px;margin:0 auto;display:grid}.tarot-card-container{cursor:pointer;transition:transform .2s;position:relative}.tarot-card-container:hover:not(.interpreted){transform:translateY(-4px)}.tarot-card-container.active{z-index:10}.tarot-card-container.active .tarot-card{box-shadow:0 0 20px #8a2be299}.tarot-card-container.interpreted{opacity:.7;cursor:default}.tarot-position-label{color:#ffffffb3;white-space:nowrap;z-index:5;font-size:.65rem;position:absolute;top:-1.2rem;left:50%;transform:translate(-50%)}.tarot-card{aspect-ratio:2/3;perspective:1000px;border-radius:8px;width:100%;overflow:hidden}.tarot-card-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s;position:relative}.tarot-card.flipped .tarot-card-inner{transform:rotateY(180deg)}.tarot-card.reversed.flipped .tarot-card-inner{transform:rotateY(180deg)rotate(180deg)}.tarot-card-front,.tarot-card-back{backface-visibility:hidden;border-radius:8px;width:100%;height:100%;position:absolute;overflow:hidden}.tarot-card-back{background:linear-gradient(135deg,#2d1b4e 0%,#1a0a2e 100%);border:2px solid #6b4c9a}.tarot-card-back-design{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.tarot-logo{color:#9b7cc9;text-shadow:0 0 10px #9b7cc980;font-size:2rem}.tarot-pattern{border:1px solid #9b7cc94d;border-radius:50%;width:80%;height:80%;position:absolute}.tarot-pattern:before{content:"";border:1px solid #9b7cc933;border-radius:50%;width:60%;height:60%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tarot-card-front{background:#1a1a2e;flex-direction:column;display:flex;transform:rotateY(180deg)}.tarot-card-image{object-fit:cover;width:100%;height:85%}.tarot-card-name{color:#fff;background:#000000b3;justify-content:center;align-items:center;height:15%;padding:.2rem;font-size:.7rem;display:flex}.tarot-reversed-badge{color:#ff6b6b;z-index:5;background:#000c;border-radius:4px;padding:.1rem .4rem;font-size:.55rem;position:absolute;bottom:-.5rem;left:50%;transform:translate(-50%)}@keyframes shuffle{0%{transform:translate(0)rotate(0)}25%{transform:translate(-20px)rotate(-5deg)}50%{transform:translate(20px)rotate(5deg)}75%{transform:translate(-10px)rotate(-2deg)}to{transform:translate(0)rotate(0)}}.tarot-shuffle{animation:.5s ease-in-out shuffle}.tarot-controls{flex-direction:column;gap:.5rem;margin-bottom:1rem;padding:0 1rem;display:flex}.tarot-topic-input{gap:.5rem;display:flex}.tarot-topic-input input{color:#fff;background:#0000004d;border:1px solid #9b7cc980;border-radius:20px;flex:1;padding:.6rem 1rem;font-size:.9rem}.tarot-topic-input input::placeholder{color:#ffffff80}.tarot-topic-input input:focus{border-color:#9b7cc9;outline:none}.tarot-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6b4c9a 0%,#4a2c7a 100%);border:none;border-radius:20px;padding:.6rem 1.2rem;font-size:.9rem;transition:all .2s}.tarot-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #6b4c9a66}.tarot-btn:disabled{opacity:.5;cursor:not-allowed}.tarot-btn.secondary{background:#ffffff1a;border:1px solid #ffffff4d}.tarot-status{text-align:center;color:#fffc;padding:.5rem;font-size:.85rem}.tarot-status.highlight{color:#9b7cc9;font-weight:500}.tarot-progress{justify-content:center;gap:.3rem;padding:.5rem;display:flex}.tarot-progress-dot{background:#fff3;border-radius:50%;width:8px;height:8px;transition:all .3s}.tarot-progress-dot.active{background:#9b7cc9;transform:scale(1.2)}.tarot-progress-dot.done{background:#9b7cc980}@media (max-width:400px){.tarot-spread-grid{gap:.3rem;max-width:300px}.tarot-position-label{font-size:.55rem;top:-1rem}.tarot-card-name{font-size:.6rem}.tarot-logo{font-size:1.5rem}}.celtic-cross-spread{z-index:10;pointer-events:auto;transform-origin:0 0;align-items:flex-start;gap:1.5rem;display:flex;transform:scale(.9)}.celtic-cross-center{flex-direction:column;align-items:center;gap:.3rem;margin-top:5.5rem;display:flex}.celtic-cross-middle{align-items:center;gap:.3rem;display:flex}.celtic-center-stack{width:81px;height:144px;position:relative}.celtic-staff{flex-direction:column-reverse;gap:.3rem;display:flex}.celtic-pos-7{margin-bottom:.5rem}.celtic-pos-10{margin-top:.5rem}.celtic-card{perspective:1000px;cursor:pointer;width:81px;height:144px;position:relative}.celtic-card.interpreted{opacity:.6;cursor:default}.celtic-card.active{z-index:20}.celtic-card.active .celtic-card-inner{box-shadow:0 0 15px #8a2be2b3}.celtic-pos-1{z-index:1;position:absolute;top:0;left:0}.celtic-pos-2.celtic-crossed{z-index:10;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(90deg)}.celtic-card-inner{width:100%;height:100%;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;border-radius:6px;transition:transform .6s;position:relative}.celtic-card.flipped .celtic-card-inner{transform:rotateY(180deg)}.celtic-card-back,.celtic-card-front{backface-visibility:hidden;border-radius:6px;width:100%;height:100%;position:absolute;top:0;left:0}.celtic-card-back{background:#1a1a2e url(/tarot/card-back.webp) 50%/contain no-repeat}.celtic-card-number{color:#fffc;text-shadow:0 2px 4px #00000080;font-size:1.2rem;font-weight:700}.celtic-card-front{background:#1a1a2e;transform:rotateY(180deg)}.celtic-card-front img{object-fit:contain;background:#1a1a2e;width:100%;height:100%}.celtic-card-front.reversed img{transform:rotate(180deg)}.celtic-position-label{color:#fffc;white-space:nowrap;text-shadow:0 1px 3px #00000080;font-size:.75rem;position:absolute;bottom:-1.3rem;left:50%;transform:translate(-50%)}.card-detail-overlay{z-index:100;background:#000000d9;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.card-detail-overlay.card-detail-transparent{pointer-events:none;background:0 0;justify-content:flex-end;align-items:flex-start;width:90%;max-width:1400px;padding-top:5%;left:50%;transform:translate(-50%)}.card-detail-overlay.card-detail-transparent .card-detail-content{pointer-events:auto;margin-right:3rem}.card-detail-content{flex-direction:row;align-items:center;gap:.5rem;display:flex}.card-nav-btn{color:#fff;cursor:pointer;background:#00000080;border:1px solid #fff3;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.4rem;transition:background .2s;display:flex}.card-nav-btn:hover:not(:disabled){background:#8a2be280}.celtic-card.viewing .celtic-card-inner{outline:2px solid #ffc83d99;box-shadow:0 0 12px #ffc83db3}.celtic-card.next-flip .celtic-card-inner{outline:2px solid #8a2be280;animation:2s ease-in-out infinite pulse-glow;box-shadow:0 0 10px #8a2be299}@keyframes pulse-glow{0%,to{box-shadow:0 0 10px #8a2be266}50%{box-shadow:0 0 18px #8a2be2cc}}.card-detail-image{border-radius:12px;width:270px;height:auto;box-shadow:0 8px 32px #8a2be266}.card-detail-image.reversed{transform:rotate(180deg)}.card-detail-name{color:#fff;font-size:1.2rem;font-weight:600}.card-detail-position{color:#ffffffb3;font-size:.85rem}@media (max-width:768px){.card-detail-overlay.card-detail-transparent{justify-content:center;align-items:flex-start;padding-top:5%}.card-detail-overlay.card-detail-transparent .card-detail-content{margin-right:0}.card-detail-image{width:200px}}@media (max-width:500px){.tarot-cards-container{height:55%;top:3%}.celtic-card{perspective:800px;width:50px;height:90px}.celtic-center-stack{width:50px;height:90px}.celtic-cross-spread{gap:.8rem}.celtic-cross-center{gap:.2rem;margin-top:1rem}.celtic-cross-middle,.celtic-staff{gap:.2rem}.celtic-card-number{font-size:1rem}.celtic-position-label{font-size:.6rem;bottom:-1.1rem}}@media (max-width:380px){.tarot-cards-container{height:55%;top:2%}.celtic-card{perspective:600px;width:40px;height:72px}.celtic-center-stack{width:40px;height:72px}.celtic-cross-spread{gap:.5rem}.celtic-cross-center{margin-top:.8rem}}