.tarot-table{--t-bg1:#2b1720;--t-bg2:#17101a;--t-gold:#d4af6a;--t-pink:#ffd1dc;background:radial-gradient(120% 80% at 50% 0%, var(--t-bg1), var(--t-bg2) 70%);color:#f6ebe6;perspective:1200px}.tarot-table .muted{color:#c9b5bb}.tarot-flip{cursor:pointer;-webkit-tap-highlight-color:transparent;transform-style:preserve-3d;background:0 0;border:0;padding:0;display:block;position:relative}.tarot-sm{width:56px;height:93px}.tarot-md{width:84px;height:140px}.tarot-lg{width:132px;height:220px}@media (min-width:400px){.tarot-md{width:92px;height:153px}}.tarot-inner{transform-style:preserve-3d;transition:transform .7s cubic-bezier(.2,.7,.2,1);position:absolute;inset:0}.tarot-flip.is-flipped .tarot-inner{transform:rotateY(180deg)}.tarot-side{backface-visibility:hidden;border-radius:8px;position:absolute;inset:0;overflow:hidden;box-shadow:0 6px 18px #00000073}.tarot-back{background:#7a1b33}.tarot-back svg{display:block}.tarot-front{background:#f5ebdd;transform:rotateY(180deg)}.tarot-face{width:100%;height:100%;position:relative}.tarot-face img{object-fit:cover;width:100%;height:100%;transition:transform .4s;display:block}.tarot-face-label{text-align:center;color:#fff;letter-spacing:-.2px;background:linear-gradient(#140a0e00,#140a0ee6);padding:3px 4px;font-size:10px;font-weight:700;line-height:1.2;position:absolute;bottom:0;left:0;right:0}.tarot-flip.is-highlight .tarot-side{box-shadow:0 0 0 2px var(--t-gold), 0 0 24px #d4af6a8c}.tarot-flip:focus-visible{outline:2px solid var(--t-pink);outline-offset:2px;border-radius:8px}.tarot-shuffle{height:200px;position:relative}.tarot-shuffle .tarot-flip{margin:-70px 0 0 -42px;animation:1.4s ease-in-out infinite tarot-shuffle;position:absolute;top:50%;left:50%}@keyframes tarot-shuffle{0%{transform:translate(0)rotate(0)}25%{transform:translate(var(--dx), -18px) rotate(var(--rz))}50%{transform:translate(0)rotate(0)}75%{transform:translate(calc(var(--dx) * -1), 12px) rotate(calc(var(--rz) * -1))}to{transform:translate(0)rotate(0)}}.tarot-fan{scrollbar-width:none;-webkit-overflow-scrolling:touch;height:270px;position:relative;overflow:auto hidden}.tarot-fan::-webkit-scrollbar{display:none}.tarot-fan-track{height:100%;transform-style:preserve-3d;position:relative}.tarot-fan .tarot-flip{transform-origin:50% 140%;transition:transform .35s cubic-bezier(.2,.8,.2,1),opacity .3s;position:absolute;bottom:24px}.tarot-fan .tarot-flip:hover{z-index:5}.tarot-fan .tarot-flip.is-picked{opacity:.25;pointer-events:none}.tarot-fan .tarot-flip.is-hover-lift .tarot-inner{transform:translateY(-14px)rotateX(6deg)}.tarot-fan .tarot-flip:not(.is-picked):hover .tarot-inner{transform:translateY(-18px)rotateX(8deg)}.tarot-fan .tarot-flip:not(.is-picked):active .tarot-inner{transform:translateY(-26px)scale(1.04)}.tarot-slots{grid-template-columns:repeat(10,1fr);gap:4px;display:grid}.tarot-slot{aspect-ratio:3/5;color:#c9b5bb;border:1.5px dashed #d4af6a73;border-radius:6px;justify-content:center;align-items:center;font-size:10px;display:flex;overflow:hidden}.tarot-slot.is-filled{border-style:solid;border-color:var(--t-gold);background:#7a1b33}.tarot-slot .tarot-back{width:100%;height:100%}.celtic{grid-template-columns:repeat(3, var(--cw)) 14px var(--cw);grid-template-rows:repeat(4, var(--ch));--cw:84px;--ch:140px;justify-content:center;gap:24px 8px;display:grid}@media (min-width:400px){.celtic{--cw:92px;--ch:153px}}.celtic .pos{justify-content:center;align-items:center;display:flex;position:relative}.celtic .pos-num{z-index:3;background:var(--t-gold);color:#2a1f22;pointer-events:none;border-radius:999px;justify-content:center;align-items:center;width:18px;height:18px;font-size:11px;font-weight:800;display:flex;position:absolute;top:2px;left:2px}.celtic .pos-num-right{left:auto;right:2px}.celtic .pos-title{text-align:center;color:#c9b5bb;white-space:nowrap;font-size:10px;position:absolute;bottom:-18px;left:0;right:0}.celtic .p1{grid-area:2/2}.celtic .p2{z-index:2;grid-area:2/2}.celtic .p2 .tarot-flip{transform:rotate(90deg)translateY(0)}.celtic .p3{grid-area:3/2}.celtic .p4{grid-area:2/1}.celtic .p5{grid-area:1/2}.celtic .p6{grid-area:2/3}.celtic .p7{grid-area:4/5}.celtic .p8{grid-area:3/5}.celtic .p9{grid-area:2/5}.celtic .p10{grid-area:1/5}.celtic .pos .tarot-flip{animation:.5s cubic-bezier(.2,.8,.2,1) both tarot-deal;animation-delay:calc(var(--i) * 90ms)}@keyframes tarot-deal{0%{opacity:0;transform:translateY(-40px)scale(.9)}to{opacity:1;transform:none}}.celtic .p2 .tarot-flip{animation-name:tarot-deal-rot}@keyframes tarot-deal-rot{0%{opacity:0;transform:rotate(90deg)translateY(-40px)scale(.9)}to{opacity:1;transform:rotate(90deg)}}.tarot-sheet{color:#2a1f22;background:#f8f0ea;border-radius:20px 20px 0 0}@media (prefers-reduced-motion:reduce){.tarot-inner,.tarot-fan .tarot-flip{transition:none}.tarot-shuffle .tarot-flip,.celtic .pos .tarot-flip{animation:none}}