.tarot{--t-card-w:clamp(150px,26vw,230px);--t-fan-w:clamp(54px,9vw,92px);--t-ink:hsl(var(--foreground));--t-paper:hsl(var(--background));--t-radius:3.5%;padding:40px 24px 96px}@media (min-width:768px){.tarot{padding-inline:48px}}.tarot-head{max-width:1040px;margin:0 auto}.tarot-circle{animation:tarot-roll 1.1s cubic-bezier(.3,.7,.3,1) both}.tarot-tri{clip-path:polygon(50% 0,100% 100%,0 100%);transform:rotate(-14deg);animation:tarot-drop 1s cubic-bezier(.5,0,.7,1.4) .25s both}.tarot-square{transform:rotate(18deg);animation:tarot-drop .9s cubic-bezier(.5,0,.7,1.4) .1s both}.tarot-bar{transform:rotate(-6deg);transform-origin:left center;animation:tarot-swing .8s cubic-bezier(.5,0,.7,1.5) .15s both}.tarot-half{animation:tarot-drop 1s cubic-bezier(.5,0,.7,1.4) .4s both}@keyframes tarot-roll{0%{transform:translateX(60vw) rotate(200deg)}}@keyframes tarot-drop{0%{translate:0 -70vh}}@keyframes tarot-swing{0%{transform:rotate(0)}}.tarot-blink{animation:blink .8s steps(1) infinite}.tarot-mode,.tarot-term{position:relative}.tarot-mode{--c:#d6a53c;isolation:isolate;border:0;border-top:3px solid hsl(var(--foreground));background:none;color:hsl(var(--foreground));padding:12px 4px 6px 0;text-align:left;cursor:pointer}.tarot-mode.is-red{--c:#e2782d}.tarot-mode.is-blue{--c:#d6a53c}.tarot-mode.is-teal{--c:#4cb8b0}.tarot-mode-code{font-size:12px;font-weight:700;color:hsl(var(--muted-foreground))}.tarot-mode-t{position:relative;align-self:flex-start;display:inline-flex;align-items:center;gap:12px;padding-right:6px;font-weight:900;letter-spacing:-.01em}.tarot-mode-t:before{content:"";position:absolute;z-index:-1;left:-8px;right:-10px;top:6%;bottom:-2%;background:var(--c);transform:skewX(-16deg) scaleX(0);transform-origin:left;transition:transform .3s cubic-bezier(.2,.8,.2,1)}.tarot-mode.is-active .tarot-mode-t:before,.tarot-mode:focus-visible .tarot-mode-t:before,.tarot-mode:hover .tarot-mode-t:before{transform:skewX(-16deg) scaleX(1)}.tarot-mode .arrow{transition:translate .2s cubic-bezier(.2,.8,.2,1)}.tarot-mode.is-active .arrow,.tarot-mode:hover .arrow{translate:6px 0}.tarot-mode.is-active{border-top-color:var(--c)}.tarot-mode-t{transition:color .2s}.tarot-mode.is-active .tarot-mode-t,.tarot-mode:focus-visible .tarot-mode-t,.tarot-mode:hover .tarot-mode-t{color:#1c2135}.tarot-mode.is-active .tarot-mode-code{color:hsl(var(--foreground))}.tarot-mode:focus-visible{outline:3px solid #d6a53c;outline-offset:4px}.tarot-mode[disabled]{cursor:default}.tarot-lead{margin:0;max-width:46ch;line-height:1.9;color:hsl(var(--muted-foreground))}.tarot-table{max-width:1040px;margin:56px auto 0;padding-top:40px;border-top:4px solid var(--t-ink);display:flex;flex-direction:column;align-items:center;gap:24px}.tarot-modes{display:flex;flex-wrap:wrap;justify-content:center;gap:16px}.tarot-btn{position:relative;isolation:isolate;overflow:hidden;font:inherit;font-weight:900;font-size:15px;padding:10px 20px;border:2px solid var(--t-ink);background:var(--t-paper);color:var(--t-ink);cursor:pointer}.tarot-btn:before{content:"";position:absolute;z-index:-1;inset:0 -12px;background:#d6a53c;transform:skewX(-16deg) scaleX(0);transform-origin:left;transition:transform .3s cubic-bezier(.2,.8,.2,1)}.tarot-btn:hover:before{transform:skewX(-16deg) scaleX(1)}.tarot-btn:focus-visible,.tarot-fan-card:focus-visible,.tarot-flip:focus-visible,.tarot-grid-card:focus-visible{outline:4px solid #26304f;outline-offset:3px}.tarot-btn[disabled]{opacity:.45;cursor:default;transform:none;box-shadow:none}.tarot-hint{margin:0;min-height:1.6em;font-size:13px;font-weight:700}.tarot-hint:before{content:"> ";color:#e2782d}.tcard{display:block;width:100%;aspect-ratio:3/5;border-radius:4.3%/2.6%}.tarot-stack{position:relative;width:var(--t-card-w);aspect-ratio:3/5;margin-top:8px}.tarot-stack>span{position:absolute;inset:0;transform:translate(calc(var(--i) * -4px),calc(var(--i) * -4px))}.tarot-stack>span:first-child .tcard{box-shadow:8px 8px 0 #26304f}.tarot-stack.is-shuffling>span:nth-child(odd){animation:tarot-riffle-l .5s steps(4) 3}.tarot-stack.is-shuffling>span:nth-child(2n){animation:tarot-riffle-r .5s steps(4) 3}@keyframes tarot-riffle-l{50%{transform:translateX(-62%) rotate(-8deg)}}@keyframes tarot-riffle-r{50%{transform:translateX(62%) rotate(8deg)}}.tarot-fan{--spread:110deg;position:relative;width:100%;height:calc(var(--t-fan-w) * 1.67 * 2.15);margin-top:24px}.tarot-fan-card{--angle:calc((var(--i) - (var(--n) - 1) / 2) * var(--spread) / (var(--n) - 1));position:absolute;left:50%;top:0;width:var(--t-fan-w);aspect-ratio:3/5;margin-left:calc(var(--t-fan-w) / -2);padding:0;border:0;background:none;cursor:pointer;transform-origin:50% 240%;transform:rotate(var(--angle));animation:tarot-fan-in .7s cubic-bezier(.2,.8,.2,1) both}@keyframes tarot-fan-in{0%{transform:rotate(0deg);opacity:0}}.tarot-fan-card .tcard{transition:transform .2s cubic-bezier(.2,.8,.2,1),box-shadow .2s}.tarot-fan-card:focus-visible .tcard,.tarot-fan-card:hover .tcard{transform:translateY(-22%);box-shadow:5px 5px 0 #d6a53c}.tarot-fan-card.is-picked{visibility:hidden}.tarot-spread{display:grid;grid-template-columns:repeat(3,var(--t-card-w));gap:clamp(14px,3vw,36px);justify-content:center}.tarot-spread.n1{grid-template-columns:calc(var(--t-card-w) * 1.15)}.tarot-slot{display:flex;flex-direction:column;align-items:center;gap:12px}.tarot-pos{margin:0;font-size:13px;font-weight:700}.tarot-pos span{margin-left:8px;padding:1px 6px;background:var(--t-ink);color:var(--t-paper)}.tarot-slot:first-child .tarot-pos span{background:#e2782d;color:#fff}.tarot-slot:nth-child(2) .tarot-pos span{background:#d6a53c;color:#1c2135}.tarot-slot:nth-child(3) .tarot-pos span{background:#26304f;color:#fff}.tarot-slot{position:relative}.tarot-slot-shape{position:absolute;z-index:-1;top:18%;left:50%;width:118%;aspect-ratio:1;translate:-50% 0;background:#e2782d;border-radius:50%;animation:tarot-drop .7s cubic-bezier(.5,0,.7,1.4) both}.tarot-slot:nth-child(2) .tarot-slot-shape{background:#d6a53c;border-radius:0;rotate:12deg;animation-delay:.1s}.tarot-slot:nth-child(3) .tarot-slot-shape{background:#26304f;border-radius:0;clip-path:polygon(50% 0,100% 100%,0 100%);top:6%;width:135%;animation-delay:.2s}.tarot-spread.n1 .tarot-slot-shape{background:#4cb8b0;width:130%}.tarot-flip{position:relative;width:100%;aspect-ratio:3/5;padding:0;border:0;background:none;perspective:1400px;cursor:pointer}.tarot-flip.is-empty{border:3px dashed var(--t-ink);opacity:.4}.tarot-flip-inner{position:absolute;inset:0;transform-style:preserve-3d;transition:transform .9s cubic-bezier(.3,.7,.2,1)}.tarot-flip .face{position:absolute;inset:0;width:100%;height:100%;backface-visibility:hidden;-webkit-backface-visibility:hidden}.tarot-flip .front{transform:rotateY(180deg)}.tarot-flip .face .tcard{height:100%;box-shadow:6px 6px 0 #1c2135}.dark .tarot-flip .face .tcard{box-shadow:6px 6px 0 #ebe7de}.tarot-flip.is-reversed .front{transform:rotateY(180deg) rotate(180deg)}.tarot-flip.is-open .tarot-flip-inner{transform:rotateY(180deg)}.tarot-flip:not(.is-open):not(:disabled) .back .tcard{animation:tarot-invite 1.2s steps(1) infinite}@keyframes tarot-invite{0%{translate:0 0}50%{translate:-3px -3px}}.tarot-flip.is-open .front{animation:tarot-glitch .5s steps(1) .55s}@keyframes tarot-glitch{0%{filter:drop-shadow(-4px 0 #e2782d) drop-shadow(4px 0 #26304f);clip-path:inset(10% 0 55% 0)}25%{filter:drop-shadow(4px 0 #e2782d) drop-shadow(-4px 0 #26304f);clip-path:inset(60% 0 8% 0)}50%{filter:none;clip-path:inset(30% 0 30% 0)}75%{filter:none;clip-path:none}}.tarot-readings{display:grid;gap:20px;width:100%;max-width:760px;margin-top:12px}.tarot-reading{padding:0 22px 20px;border:4px solid var(--t-ink);background:hsl(var(--card));box-shadow:8px 8px 0 hsl(var(--foreground));animation:tarot-rise .5s ease-out .7s both}.tarot-reading-pos{margin:0 -22px 14px!important;padding:6px 22px;background:#e2782d;color:#fff;border-bottom:4px solid var(--t-ink)}.tarot-reading:nth-child(2) .tarot-reading-pos{background:#d6a53c;color:#1c2135}.tarot-reading:nth-child(3) .tarot-reading-pos{background:#26304f}.tarot-readings.n1 .tarot-reading-pos{background:#4cb8b0;color:#fff}@keyframes tarot-rise{0%{opacity:0;transform:translateY(14px)}}.tarot-reading-pos{font-size:12px;font-weight:700}.tarot-dialog h2,.tarot-reading h2{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px;margin:4px 0 0;font-size:26px;font-weight:900}.tarot-reading h2 small{font-size:12px;font-weight:700;color:#26304f}.dark .tarot-reading h2 small{color:#d6a53c}.tarot-tag{display:inline-block;padding:1px 8px;background:#26304f;color:#fff;font-size:12px;font-weight:900}.tarot-tag.rev{background:#e2782d}.tarot-dialog p,.tarot-reading p{margin:10px 0 0;line-height:1.85}.tarot-kw{font-weight:900}.tarot-gallery{max-width:1040px;margin:96px auto 0;padding-top:32px;border-top:4px solid var(--t-ink)}.tarot-toggle{--c:#d6a53c}.tarot-group+.tarot-group{margin-top:56px}.tarot-group-title{display:flex;flex-direction:column;gap:4px;margin:36px 0 0;padding-bottom:10px;border-bottom:3px solid hsl(var(--foreground));font-size:26px;font-weight:900}.tarot-group-title span{font-size:12px;font-weight:700;color:hsl(var(--muted-foreground))}.tarot-grid{animation:tarot-rise .4s ease-out both;display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:28px 18px;margin-top:28px}.tarot-grid-card{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:0;border:0;background:none;color:inherit;font:inherit;font-size:14px;font-weight:900;text-align:left;cursor:pointer}.tarot-grid-card .tcard{transition:transform .2s,box-shadow .2s}.tarot-grid-card:hover .tcard{transform:translate(-3px,-3px);box-shadow:6px 6px 0 #d6a53c}.tarot-dialog{width:min(860px,calc(100vw - 32px));max-height:calc(100vh - 32px);padding:0;border:4px solid var(--t-ink);background:var(--t-paper);color:var(--t-ink);box-shadow:8px 8px 0 #e2782d}.tarot-dialog::backdrop{background:#1c2135b3}.tarot-dialog-body{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:28px;padding:24px}.tarot-dialog h3{display:flex;align-items:center;gap:8px;margin:20px 0 0;font-size:16px;font-weight:900}.tarot-dialog .tarot-btn{margin-top:22px}@media (max-width:640px){.tarot-slot-shape{width:105%}.tarot{--t-card-w:calc((100vw - 48px - 28px) / 3);--t-fan-w:46px}.tarot-fan{--spread:96deg}.tarot-spread.n1{grid-template-columns:58vw}.tarot-pos{display:flex;flex-direction:column;align-items:center;gap:4px}.tarot-pos span{margin-left:0}.tarot-dialog-body{grid-template-columns:1fr}.tarot-dialog-body>.tcard{max-width:220px}.tarot-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 10px}.tarot-grid-card{font-size:12px}}@media (prefers-reduced-motion:reduce){.tarot *,.tarot :after,.tarot :before{animation:none!important;transition:none!important}}