.m-card-body{padding:28px}
@media(max-width:768px){.m-card-body{padding:20px}}
.tc-center{text-align:center}
.tc-deck{display:inline-block;cursor:pointer;margin-bottom:1.5rem}
.tc-card-back{width:180px;height:280px;background:linear-gradient(135deg,#312e81,#6d28d9);border-radius:14px;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px rgba(109,40,217,.25);transition:transform .3s ease,box-shadow .3s ease;margin:0 auto}
.tc-card-back:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(109,40,217,.35)}
.tc-card-back-inner{color:#fff;text-align:center}
.tc-star{font-size:3rem;margin-bottom:.5rem;opacity:.7}
.tc-tap-hint{font-size:.75rem;opacity:.5;text-transform:uppercase;letter-spacing:.08em}
.tc-out{margin-top:1.5rem}
.tc-result{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:2rem;text-align:center;animation:tcReveal .5s ease}
@keyframes tcReveal{from{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}
.tc-card-name{font-size:1.5rem;font-weight:700;color:#1e1b4b;margin-bottom:.25rem}
.tc-orientation{display:inline-block;padding:.25rem .75rem;border-radius:99px;font-size:.8rem;font-weight:600;margin-bottom:1rem}
.tc-upright{background:#dcfce7;color:#166534}
.tc-reversed{background:#fef3c7;color:#92400e}
.tc-numeral{font-size:.85rem;color:#94a3b8;margin-bottom:.75rem}
.tc-theme-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;color:#94a3b8;margin-bottom:.35rem}
.tc-theme{font-size:1.05rem;color:#334155;line-height:1.6;max-width:420px;margin:0 auto;font-style:italic}