.tarot-stage{--tcw:110px;--tch:187px;--trad:9px;isolation:isolate;position:relative;overflow:hidden}@media (width<=600px){.tarot-stage{--tcw:84px;--tch:143px}}.tarot-stage .tarot-stars{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;inset:0}.tarot-stage .tarot-content{z-index:1;position:relative}.tarot-stage .tarot-deck{height:260px;margin:18px auto;position:relative}.tarot-stage .tarot-dcard{width:var(--tcw);height:var(--tch);border-radius:var(--trad);cursor:pointer;border:2px solid var(--accent);transition:transform .3s,box-shadow .3s;position:absolute;bottom:0;overflow:hidden;box-shadow:0 4px 18px #00000080}.tarot-stage .tarot-dcard:hover{box-shadow:0 14px 44px color-mix(in oklch, var(--accent) 45%, transparent);z-index:60!important;transform:translateY(-28px)scale(1.06)!important}.tarot-stage .tarot-dcard.tarot-leaving{pointer-events:none;opacity:0;transition:transform .4s,opacity .4s}.tarot-stage .tarot-sgrid{transform-origin:top;justify-content:center;justify-items:center;gap:12px;transition:transform .3s;display:grid}.tarot-stage .tarot-cslot{flex-direction:column;align-items:center;gap:7px;display:flex}.tarot-stage .tarot-plbl{color:var(--accent);text-align:center;max-width:var(--tcw);letter-spacing:.5px;font-size:.65rem;line-height:1.3}.tarot-stage .tarot-cframe{width:var(--tcw);height:var(--tch);border:1px dashed color-mix(in oklch, var(--accent) 28%, transparent);border-radius:var(--trad);background:color-mix(in oklch, var(--accent) 2%, transparent);color:color-mix(in oklch, var(--accent) 16%, transparent);justify-content:center;align-items:center;font-size:1.4rem;display:flex}.tarot-stage .tarot-gspc{width:var(--tcw)}.tarot-stage .tarot-card{width:var(--tcw);height:var(--tch);border-radius:var(--trad);perspective:1000px}.tarot-stage .tarot-inner{width:100%;height:100%;transform-style:preserve-3d;border-radius:var(--trad);transition:transform .7s cubic-bezier(.4,0,.2,1);position:relative}.tarot-stage .tarot-card.tarot-flipped .tarot-inner{transform:rotateY(180deg)}.tarot-stage .tarot-face,.tarot-stage .tarot-back{backface-visibility:hidden;border-radius:var(--trad);border:2px solid var(--accent);width:100%;height:100%;position:absolute;overflow:hidden;box-shadow:0 6px 24px #000000a6}.tarot-stage .tarot-face{background:var(--surface);transform:rotateY(180deg)}.tarot-stage img{object-fit:cover;width:100%;height:100%;display:block}.tarot-stage img.tarot-rev{transform:rotate(180deg)}.tarot-stage .tarot-imgph{background:linear-gradient(135deg, var(--surface-elevated), var(--background));width:100%;height:100%;color:var(--accent);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:8px;font-size:.6rem;line-height:1.6;display:flex}.tarot-stage .tarot-imgph span{opacity:.7;margin-bottom:6px;font-size:2rem;display:block}.tarot-stage .tarot-diwrap{border:1px solid var(--accent);background:var(--surface);border-radius:6px;width:72px;height:123px;overflow:hidden}.tarot-cur{background:var(--accent);vertical-align:text-bottom;width:2px;height:1em;animation:1s step-end infinite tarot-blink;display:inline-block}@keyframes tarot-blink{0%,to{opacity:1}50%{opacity:0}}