.tarot-page{min-height:100vh;overflow-x:hidden;background:radial-gradient(circle at 50% 10%,#3c2454 0,#171020 38%,#09070d 100%);color:#f8f0ff}.tarot-shell{max-width:1050px;margin:auto;padding:28px 18px 70px;text-align:center}.tarot-back{display:inline-block;color:#dfc8f4;text-decoration:none;margin-bottom:18px}.tarot-shell header span{font-size:12px;letter-spacing:.3em;color:#e8c875}.tarot-shell h1{font-size:clamp(28px,6vw,54px);margin:8px 0;overflow-wrap:anywhere}.tarot-shell header p{max-width:680px;margin:0 auto 30px;color:#d8ccdf;line-height:1.8;overflow-wrap:anywhere}.tarot-stage{position:relative;min-height:330px;display:flex;justify-content:center;align-items:flex-end;padding:20px 0 50px;overflow:hidden}.tarot-pick{width:96px;height:168px;border:1px solid #c99bea;border-radius:12px;background:linear-gradient(145deg,#271538,#100a18);box-shadow:0 12px 35px #0008,inset 0 0 0 5px #ffffff08;color:#e8cf85;font-size:34px;position:absolute;bottom:60px;transform-origin:50% 190%;transition:transform .35s ease,filter .25s,box-shadow .25s;cursor:pointer}.tarot-pick:before{content:'✦';position:absolute;inset:0;display:grid;place-items:center}.tarot-pick:hover,.tarot-pick:focus{filter:brightness(1.25);box-shadow:0 18px 45px #000b,0 0 28px #b76fe955;z-index:50}.tarot-pick.selected{animation:tarotLift .75s forwards;z-index:100}.tarot-result{max-width:760px;margin:0 auto;background:#17101fdd;border:1px solid #8f68aa;border-radius:22px;padding:24px;display:grid;grid-template-columns:180px 1fr;gap:24px;text-align:left;box-shadow:0 25px 70px #0009}.chosen-card{height:300px;border-radius:16px;border:1px solid #d5b16d;background:linear-gradient(145deg,#6d397e,#1b1026);display:grid;place-items:center;font-size:58px;box-shadow:0 18px 40px #0008}.chosen-card.reversed{transform:rotate(180deg)}.tarot-result h2{font-size:30px;margin:4px 0 10px}.tarot-result p{line-height:1.8}.tarot-result textarea{width:100%;min-height:90px;margin:8px 0 12px}.tarot-result button{margin:6px 6px 6px 0}.tarot-note{margin-top:24px;color:#aa9db2;font-size:12px}@keyframes tarotLift{0%{}60%{transform:translateY(-95px) scale(1.22) rotate(0)!important}100%{transform:translateY(-70px) scale(1.12) rotateY(180deg)!important}}@media(max-width:700px){.tarot-stage{min-height:270px}.tarot-pick{width:68px;height:120px;transform-origin:50% 160%}.tarot-result{grid-template-columns:1fr;text-align:center}.chosen-card{height:230px;max-width:145px;width:100%;margin:auto}.tarot-result label{text-align:left;display:block}}
.tarot-result[hidden]{display:none}
.tarot-basic{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:18px 0}.tarot-basic h3{grid-column:1/-1;margin:0}.tarot-basic article{background:#0f0a16;border:1px solid #3b2d48;border-radius:12px;padding:12px}.tarot-basic h4{margin:0 0 6px;color:#e8cf85}.tarot-basic p{margin:0;font-size:14px}.tarot-basic article:first-of-type{grid-column:1/-1}
@media(max-width:700px){.tarot-stage{min-height:170px;justify-content:flex-start;align-items:center;gap:8px;overflow-x:auto;padding:20px 10px 30px;scroll-snap-type:x proximity}.tarot-pick{position:relative;inset:auto;flex:0 0 68px;transform:none!important;scroll-snap-align:center}.tarot-pick.selected{outline:3px solid #e8cf85;outline-offset:2px}}
@media(max-width:700px){.tarot-basic{grid-template-columns:1fr}.tarot-basic h3,.tarot-basic article:first-of-type{grid-column:auto}}
.tarot-stage{isolation:isolate;contain:layout paint}.tarot-motion-scene{position:absolute;inset:0;z-index:0;pointer-events:none}.tarot-moon{position:absolute;left:50%;top:42%;width:116px;aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle at 36% 32%,#fff9d6 0 5%,#e5c777 22%,#7e578f55 52%,transparent 70%);filter:drop-shadow(0 0 24px #e8c87599);opacity:.42}.tarot-ring{position:absolute;left:50%;top:48%;width:240px;aspect-ratio:1;border:1px solid #e8c87566;border-radius:50%;transform:translate(-50%,-50%) rotate(0);box-shadow:0 0 26px #9b5bc955,inset 0 0 24px #e8c87522;opacity:.35}.tarot-ring:before,.tarot-ring:after{content:'';position:absolute;inset:14%;border:1px dashed #d4ab6588;border-radius:50%}.tarot-ring:after{inset:31%;border-style:solid}.tarot-particles i{position:absolute;width:3px;height:3px;border-radius:50%;background:#ffe8a6;box-shadow:0 0 9px #e8c875;animation:tarotParticle 2.8s ease-in-out infinite}.tarot-particles i:nth-child(1){left:10%;top:24%}.tarot-particles i:nth-child(2){left:18%;top:62%;animation-delay:-.4s}.tarot-particles i:nth-child(3){left:27%;top:36%;animation-delay:-1.1s}.tarot-particles i:nth-child(4){left:35%;top:77%;animation-delay:-1.8s}.tarot-particles i:nth-child(5){left:43%;top:18%;animation-delay:-.7s}.tarot-particles i:nth-child(6){left:50%;top:66%;animation-delay:-2.2s}.tarot-particles i:nth-child(7){left:57%;top:27%;animation-delay:-1.4s}.tarot-particles i:nth-child(8){left:66%;top:73%;animation-delay:-.2s}.tarot-particles i:nth-child(9){left:73%;top:39%;animation-delay:-2s}.tarot-particles i:nth-child(10){left:81%;top:61%;animation-delay:-1s}.tarot-particles i:nth-child(11){left:88%;top:22%;animation-delay:-1.6s}.tarot-particles i:nth-child(12){left:92%;top:78%;animation-delay:-.5s}.tarot-motion-status{position:absolute;left:16px;right:16px;bottom:10px;z-index:220;min-height:24px;margin:0;color:#f2d78d;font-size:14px;letter-spacing:.08em;text-align:center;text-shadow:0 0 14px #d99eff}.tarot-pick{z-index:10;opacity:1;transform:var(--fan-transform);will-change:transform,opacity;backface-visibility:hidden}.tarot-pick:disabled{cursor:default}.tarot-stage[data-motion-phase=gather] .tarot-pick{opacity:0;transform:translateY(64px) scale(.42) rotateY(68deg)!important;filter:blur(4px)}.tarot-stage[data-motion-phase=shuffle] .tarot-pick{opacity:.88;animation:tarotShuffle .48s ease-in-out infinite alternate;animation-delay:var(--particle-delay)}.tarot-stage[data-motion-phase=fan] .tarot-pick,.tarot-stage[data-motion-phase=ready] .tarot-pick{opacity:1;transform:var(--fan-transform)!important;animation:none;filter:none}.tarot-stage[data-motion-phase=fan] .tarot-ring{animation:tarotRing 1s ease-out}.tarot-stage[data-motion-phase=ready] .tarot-ring{animation:tarotOrbit 11s linear infinite;opacity:.5}.tarot-stage[data-motion-phase=reveal] .tarot-pick:not(.selected),.tarot-stage[data-motion-phase=reading] .tarot-pick:not(.selected){opacity:0;transform:scale(.68)!important;pointer-events:none}.tarot-stage[data-motion-phase=reveal] .tarot-pick.selected{animation:tarotReveal 1.5s cubic-bezier(.2,.75,.22,1) forwards!important;filter:brightness(1.35);box-shadow:0 24px 60px #000b,0 0 38px #e8c875aa}.tarot-stage[data-motion-phase=reading] .tarot-pick.selected{animation:none!important;transform:translateY(-60px) scale(1.15) rotateY(180deg)!important;filter:brightness(1.4);box-shadow:0 24px 60px #000b,0 0 48px #e8c875cc}.tarot-stage[data-motion-phase=reveal] .tarot-ring,.tarot-stage[data-motion-phase=reading] .tarot-ring{opacity:.85;animation:tarotPulse 1s ease-in-out infinite alternate}.tarot-stage[data-motion-phase=reading] .tarot-motion-status{animation:tarotMessage 1s ease-in-out infinite alternate}@keyframes tarotShuffle{0%{transform:translateX(calc(var(--shuffle-shift) * -1)) translateY(-10px) rotate(-7deg) scale(.9)}100%{transform:translateX(var(--shuffle-shift)) translateY(10px) rotate(7deg) scale(1)}}@keyframes tarotReveal{0%{transform:var(--fan-transform)}45%{transform:translateY(-105px) scale(1.22) rotateY(0)}100%{transform:translateY(-60px) scale(1.15) rotateY(180deg)}}@keyframes tarotParticle{0%,100%{opacity:.2;transform:translateY(8px) scale(.7)}50%{opacity:1;transform:translateY(-12px) scale(1.4)}}@keyframes tarotRing{0%{opacity:0;transform:translate(-50%,-50%) scale(.45) rotate(-30deg)}100%{opacity:.5;transform:translate(-50%,-50%) scale(1) rotate(0)}}@keyframes tarotOrbit{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes tarotPulse{to{transform:translate(-50%,-50%) scale(1.08);box-shadow:0 0 45px #c58bea88,inset 0 0 30px #e8c87555}}@keyframes tarotMessage{to{opacity:.62}}
@media(max-width:700px){.tarot-motion-status{bottom:2px;font-size:12px;letter-spacing:.03em}.tarot-moon{top:45%;width:90px}.tarot-ring{top:48%;width:190px}.tarot-stage[data-motion-phase=fan] .tarot-pick,.tarot-stage[data-motion-phase=ready] .tarot-pick{transform:none!important}.tarot-stage[data-motion-phase=gather] .tarot-pick{position:relative;opacity:0;transform:translateY(38px) scale(.55)!important}.tarot-stage[data-motion-phase=shuffle] .tarot-pick{position:relative}.tarot-stage[data-motion-phase=reveal] .tarot-pick.selected,.tarot-stage[data-motion-phase=reading] .tarot-pick.selected{position:absolute;left:50%;bottom:36px;margin-left:-34px}.tarot-stage[data-motion-phase=reveal] .tarot-pick:not(.selected),.tarot-stage[data-motion-phase=reading] .tarot-pick:not(.selected){position:relative}}
@media(prefers-reduced-motion:reduce){.tarot-pick,.tarot-motion-scene *,.tarot-motion-status{animation:none!important;transition:none!important}.tarot-stage[data-motion-phase=gather] .tarot-pick{opacity:.25;filter:none}.tarot-stage[data-motion-phase=shuffle] .tarot-pick{opacity:.6;transform:scale(.94)!important}.tarot-stage[data-motion-phase=reveal] .tarot-pick.selected,.tarot-stage[data-motion-phase=reading] .tarot-pick.selected{transform:translateY(-24px) scale(1.05) rotateY(180deg)!important}.tarot-particles{display:none}}