/* One face ratio across every method and state; no Tarot artwork is simulated. */
main>section{margin-top:36px}main>.eyebrow{margin-top:24px}.state-gallery{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:16px}.state-sample{min-width:0}.state-sample h3{font:11px Segoe UI,sans-serif;letter-spacing:1px;color:var(--gold);margin-bottom:16px}.tarot-card{--card-width:120px;margin:0;width:var(--card-width);max-width:100%;min-width:0}.tarot-card[data-size=compact]{--card-width:72px}.tarot-face{position:relative;display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:2/3;min-height:0;padding:10px;border:1px solid #93a6a5;border-radius:8px;background:#1c3c42;color:#f1ece1;overflow:hidden;transition:transform .16s ease,border-color .16s ease,background .16s ease;cursor:default}.tarot-face:disabled{background:#1c3c42;color:#d6e0dc;border-style:solid;cursor:default}.tarot-face:not(:disabled){cursor:pointer}.tarot-face:not(:disabled):hover,.tarot-card[data-state=HOVER] .tarot-face{transform:translateY(-3px);border-color:#f0d199;background:#264b51}.tarot-face:focus-visible{outline:3px solid #f0d199;outline-offset:4px}.tarot-card[data-state=EMPTY] .tarot-face{background:transparent;border-style:dashed}.tarot-card[data-state=SELECTED] .tarot-face{border:3px solid #e1bf77;background:#345154}.tarot-card[data-state=COMMITTED] .tarot-face{border:3px double #a2d9bd;background:#23463b}.tarot-card[data-state=BLOCKED] .tarot-face{background:#283238;border-style:dashed;color:#a9b5bb}.tarot-card[data-state=REVEALED] .tarot-face,.tarot-card[data-state=DERIVED] .tarot-face{background:#ece4d4;color:#213136;border-color:#e0c788}.tarot-card[data-state=DERIVED] .tarot-face{border:3px double #ac843d}.card-content{display:flex;flex-direction:column;gap:10px;width:100%;align-items:center;justify-content:center;text-align:center}.card-content[hidden]{display:none}.back-mark{font:40px Georgia,serif;color:#c7b586}.empty-mark{font-size:24px;color:var(--muted)}.card-category{font-size:10px;line-height:1.3}.card-name{font:18px Georgia,serif;line-height:1.2;overflow-wrap:anywhere}.card-details{font-size:12px}.tarot-face .image-pending{color:#43534f;font-size:10px;line-height:1.2;margin:0}.tarot-face img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#ece4d4}.tarot-face img[hidden]{display:none}.tarot-card figcaption{font-size:12px;line-height:1.5;margin-top:10px;color:var(--muted);overflow-wrap:anywhere}.derived-label{display:block;color:var(--gold);margin-top:4px}.sizes-gallery{display:flex;align-items:start;gap:32px;padding:20px 0}.selection-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.demo-actions{display:flex;gap:8px;flex-wrap:wrap}.demo-actions button:not(:disabled){cursor:pointer;border-color:var(--gold);color:var(--text)}.selection-grid{display:grid;grid-template-columns:repeat(13,minmax(0,1fr));gap:14px;padding:24px;background:#142a2e;border:1px solid var(--line);border-radius:10px}.selection-grid .tarot-card{width:100%;--card-width:72px}.selection-grid .tarot-face{max-width:72px;margin:auto}.selection-grid figcaption{font-size:10px;text-align:center}.tarot-card[data-size=compact] .card-name{font-size:13px}.tarot-card[data-size=compact] .card-content{gap:5px}.tarot-card[data-size=compact] .tarot-face{padding:5px}.tarot-card[data-size=compact] .card-category,.tarot-card[data-size=compact] .image-pending{font-size:9px}.tarot-card[data-size=compact] .card-details{font-size:10px}#demo-status{color:var(--muted);min-height:26px}@media(min-width:1600px){.tarot-card{--card-width:144px}}@media(max-width:1100px){.state-gallery{grid-template-columns:repeat(4,minmax(0,1fr))}.selection-grid{grid-template-columns:repeat(10,minmax(0,1fr))}.selection-heading{align-items:start;flex-direction:column}}@media(max-width:760px){.state-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.selection-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;padding:12px}}@media(prefers-reduced-motion:reduce){.tarot-face{transition:none!important;transform:none!important}}
/* 14G fallback used only if the official shared reverse cannot load. */
.tarot-card:is([data-state=AVAILABLE],[data-state=HOVER],[data-state=SELECTED],[data-state=COMMITTED],[data-state=BLOCKED]) .tarot-face{background:radial-gradient(ellipse at 50% 48%,#fff4c9aa,transparent 48%),repeating-linear-gradient(45deg,#a7732410 0 1px,transparent 1px 5px),linear-gradient(135deg,#fae9a5,#d8b661 48%,#f4dea0);color:#73501b;border:2px solid #a97d2f}
.tarot-card:is([data-state=AVAILABLE],[data-state=HOVER],[data-state=SELECTED],[data-state=COMMITTED],[data-state=BLOCKED]) .tarot-face::before{content:'';position:absolute;inset:5px;border:3px double #91661f;border-radius:8px;pointer-events:none}
.tarot-card:is([data-state=AVAILABLE],[data-state=HOVER],[data-state=SELECTED],[data-state=COMMITTED],[data-state=BLOCKED]) .tarot-face::after{content:'';position:absolute;inset:11px;border:1px solid #a7772999;border-radius:40% 40% 40% 40% / 12% 12% 12% 12%;pointer-events:none;background:radial-gradient(circle at 50% 13%,transparent 0 4px,#91661f 4px 5px,transparent 5px),radial-gradient(circle at 50% 87%,transparent 0 4px,#91661f 4px 5px,transparent 5px)}
.tarot-card .back-mark{position:relative;display:grid;place-items:center;width:70%;aspect-ratio:1;max-width:70px;height:auto;border:3px double #91661f;border-radius:50%;color:#805819;font-size:0;background:radial-gradient(circle,#fff2bf88,transparent 70%)}
.tarot-card .back-mark::before{content:'';position:absolute;inset:13%;background:#91661f;clip-path:polygon(50% 0,58% 31%,85% 15%,69% 42%,100% 50%,69% 58%,85% 85%,58% 69%,50% 100%,42% 69%,15% 85%,31% 58%,0 50%,31% 42%,15% 15%,42% 31%)}
.tarot-card .back-mark::after{content:'';position:absolute;inset:-13%;border:1px solid #91661f;transform:rotate(45deg);border-radius:4px}
.tarot-face:has(>img:not([hidden]))::before,.tarot-face:has(>img:not([hidden]))::after{display:none}