/* A self-contained 3D tarot calling card. */
.tarot{--card-width:clamp(190px,62vw,320px);margin:0 auto}
.tarot-stage{display:grid;place-items:center;perspective:1200px;min-height:calc(var(--card-width)*1.5 + 90px);padding:42px 0;isolation:isolate;background:radial-gradient(ellipse at center,rgba(110,13,22,.18),transparent 65%)}
.tarot-card{width:var(--card-width);aspect-ratio:2/3;position:relative;transform-style:preserve-3d;transform:rotateX(5deg) rotateY(-12deg);cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none;outline:none;will-change:transform}
.tarot-card.is-dragging{cursor:grabbing}.tarot-card.is-settling{transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.tarot-card:focus-visible .tarot-face{outline:2px solid #e05b64;outline-offset:8px}
.tarot-face{position:absolute;inset:0;overflow:hidden;border-radius:13px;backface-visibility:hidden;-webkit-backface-visibility:hidden;border:1px solid #9b7959;box-shadow:0 0 0 2px #251914,0 22px 75px #000,0 0 48px #9b172a24;background:#110c0b}
.tarot-front{transform:translateZ(2px)}
.tarot-front img{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}
.tarot-back{transform:rotateY(180deg) translateZ(2px);padding:14px;background:repeating-linear-gradient(45deg,#180b0e 0,#180b0e 1px,#100a0b 1px,#100a0b 9px)}
.tarot-back-frame{height:100%;border:1px solid #97745680;outline:1px solid #97745640;outline-offset:-7px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:26px 12px;color:#c7ac89;background:radial-gradient(ellipse at center,#63142544,transparent 70%)}
.tarot-back-name{font-size:.75rem;letter-spacing:.3em;line-height:1.5}
.tarot-seal{width:65%;aspect-ratio:1;display:grid;place-items:center;border:1px solid #97745680;border-radius:50%;outline:1px solid #97745640;outline-offset:9px;font-family:Georgia,serif;font-size:5rem;font-weight:400;color:#c4a278;text-shadow:0 0 30px #c82a4160}
.tarot-shine{position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 20%,rgba(255,218,168,.15) 43%,transparent 63%);opacity:var(--shine,.35);mix-blend-mode:screen}
/* The calling-card page deliberately shows only the card. */
.calling-card-page{background:#000;min-height:100vh;min-height:100svh;margin:0}
.calling-card-page::before{display:none}
.calling-card-page main{width:100%;min-height:100vh;min-height:100svh;display:grid;place-items:center;padding:36px 24px;overflow:hidden}
.calling-card-page .tarot{width:100%;max-width:640px;--card-width:clamp(190px,62vw,320px)}
@media(max-width:400px){.calling-card-page .tarot{--card-width:210px}.tarot-stage{padding:35px 0;min-height:385px}}
@media(prefers-reduced-motion:reduce){.tarot-card.is-settling{transition:none}.tarot-card{will-change:auto}}
@media print{.tarot-card{transform:none!important}.tarot-back{display:none!important}}