.tdg-wrap{--tdg-ink:#28203b;--tdg-purple:#4c326b;--tdg-gold:#d8b66a;--tdg-paper:#fffaf2;max-width:920px;margin:28px auto;padding:clamp(20px,4vw,38px);box-sizing:border-box;background:linear-gradient(145deg,#fffaf3,#f5effa);border:1px solid #e5d9eb;border-radius:22px;color:var(--tdg-ink);font-family:inherit;box-shadow:0 12px 36px rgba(54,34,71,.09)}
.tdg-wrap *{box-sizing:border-box}.tdg-heading{text-align:center;max-width:680px;margin:0 auto 24px}.tdg-eyebrow{display:inline-block;color:#76558b;font-size:12px;font-weight:800;letter-spacing:.18em;margin-bottom:8px}.tdg-heading h2{font-size:clamp(26px,4vw,36px);line-height:1.2;margin:0 0 12px;color:var(--tdg-ink)}.tdg-heading p{font-size:16px;line-height:1.65;margin:0;color:#62596b}.tdg-instruction{text-align:center;font-weight:700;margin:24px 0 16px}
.tdg-deck{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:clamp(6px,1.5vw,14px);align-items:stretch}.tdg-card-back{appearance:none;position:relative;min-width:0;aspect-ratio:2/3;border:2px solid var(--tdg-gold);border-radius:10px;background:radial-gradient(ellipse at center,#654b83 0%,#38264f 72%);color:#f6df9e;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 5px 12px rgba(44,25,58,.18);transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease;padding:5px}.tdg-card-back:before{content:"";position:absolute;inset:5px;border:1px solid rgba(239,207,129,.65);border-radius:6px;pointer-events:none}.tdg-card-back:hover,.tdg-card-back:focus-visible{transform:translateY(-7px);box-shadow:0 12px 20px rgba(44,25,58,.24);outline:3px solid #b89bd0;outline-offset:3px}.tdg-card-ornament{font-size:clamp(18px,3vw,30px);line-height:1}.tdg-card-number{font-size:11px;position:absolute;bottom:12px;letter-spacing:.15em}.tdg-status{text-align:center;min-height:26px;margin:18px 0 0;color:#6a5a75;font-size:14px}.tdg-result{display:grid;grid-template-columns:minmax(150px,230px) 1fr;gap:clamp(22px,4vw,38px);align-items:start;margin-top:30px}.tdg-result[hidden]{display:none}.tdg-result-card{aspect-ratio:2/3;border-radius:14px;padding:18px 12px;background:linear-gradient(155deg,#fff9e8,#e9d5a0);border:3px solid #b68e43;box-shadow:0 10px 24px rgba(55,35,61,.16);display:flex;flex-direction:column;align-items:center;justify-content:space-between;text-align:center;color:#3c2b4b;min-height:250px}.tdg-result-symbol{font-size:clamp(44px,7vw,68px);line-height:1.2;margin:auto 0}.tdg-result-number{font-size:12px;letter-spacing:.16em}.tdg-result-name{font-size:15px;font-weight:800;line-height:1.3}.tdg-result-label{font-size:11px;letter-spacing:.16em;font-weight:800;color:#7b5a8b}.tdg-result-title{font-size:clamp(23px,3vw,30px);margin:7px 0 10px;color:var(--tdg-ink)}.tdg-result-intro{font-size:16px;line-height:1.7;margin:0 0 18px;color:#51485a}.tdg-areas{display:grid;grid-template-columns:1fr;gap:12px}.tdg-areas>div{padding:14px 16px;background:rgba(255,255,255,.72);border:1px solid #e9dfef;border-radius:12px}.tdg-areas h4{font-size:15px;margin:0 0 5px;color:#54376c}.tdg-areas p{font-size:14px;line-height:1.65;margin:0;color:#51485a}.tdg-disclaimer{font-size:12px;line-height:1.5;color:#776d7d;margin:16px 0}.tdg-again{border:0;border-radius:999px;padding:12px 20px;background:#4c326b;color:#fff;font:inherit;font-weight:700;cursor:pointer}.tdg-again:hover,.tdg-again:focus-visible{background:#352149;outline:3px solid #c7aed8;outline-offset:2px}
@media(max-width:600px){.tdg-wrap{padding:18px 14px;border-radius:16px}.tdg-deck{grid-template-columns:repeat(4,minmax(0,1fr));max-width:360px;margin:auto}.tdg-card-back{max-height:125px}.tdg-card-back:nth-child(n+5){display:none}.tdg-result{grid-template-columns:1fr;max-width:420px;margin-left:auto;margin-right:auto}.tdg-result-card{width:min(210px,65%);min-height:270px;margin:0 auto}.tdg-result-copy{width:100%}}
@media(prefers-reduced-motion:reduce){.tdg-card-back{transition:none}}

.tdg-card-back.tdg-muted{opacity:.42;cursor:default;transform:none;box-shadow:none}.tdg-card-back:disabled:hover{transform:none}