.tt-tarot{background:#3a1631;color:#f8eee6;border-radius:14px;padding:22px 18px;margin:24px 0;text-align:center;box-shadow:0 4px 18px rgba(0,0,0,.18)}
.tt-tarot .tt-title{font-size:1.35em;font-weight:700;color:#e3b85a;margin:0 0 6px}
.tt-tarot .tt-intro,.tt-tarot .tt-info{margin:6px 0 14px;color:#e9e2d0}
.tt-tarot .tt-note{font-size:.82em;color:#b9b1c9;margin:16px 0 0}
.tt-btn{background:#c9973f;color:#1f1a3d;border:0;border-radius:30px;padding:12px 26px;font-size:1.05em;font-weight:700;cursor:pointer;margin:8px 0}
.tt-btn:hover{background:#e3b85a}
.tt-spread{display:grid;grid-template-columns:repeat(11,1fr);gap:6px;max-width:640px;margin:0 auto}
.tt-back{aspect-ratio:2/3.3;border:2px solid #c9973f;border-radius:6px;cursor:pointer;padding:0;background:repeating-linear-gradient(45deg,#5a2147 0 6px,#6e2b58 6px 12px);transition:transform .15s}
.tt-back:hover:not(:disabled){transform:translateY(-6px)}
.tt-back.tt-picked{opacity:.25;transform:translateY(-10px)}
.tt-row{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin:10px 0 18px}
.tt-slot{width:120px}
.tt-pos{font-size:.85em;color:#e3b85a;margin:0 0 6px;font-weight:700}
.tt-face{background:#fbf6e9;color:#2a2340;border:3px solid #c9973f;outline:2px solid #b8323a;outline-offset:-8px;border-radius:8px;aspect-ratio:2/3.3;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:10px 4px;animation:ttflip .5s ease}
.tt-num{font-weight:700;font-size:1em;color:#b8323a}
.tt-glyph{font-size:2.6em;line-height:1;color:#2f4fa0;font-family:"Segoe UI Symbol","DejaVu Sans","Noto Sans Symbols",Arial,sans-serif;font-variant-emoji:text}
.tt-name{font-size:.78em;font-weight:700;line-height:1.15}
@keyframes ttflip{from{transform:rotateY(90deg)}to{transform:rotateY(0)}}
.tt-verdict{font-size:1.4em;margin:6px 0 10px}
.tt-verdict strong{padding:4px 14px;border-radius:20px}
.t-oui strong{background:#2f8a55;color:#fff}.t-non strong{background:#b8323a;color:#fff}.t-peut strong{background:#c9973f;color:#1f1a3d}
.tt-result{text-align:left;background:#fbf6e9;color:#2a2340;border-radius:10px;padding:14px 16px;margin:0 auto 10px;max-width:720px}
.tt-result h3{font-size:1.05em;margin:10px 0 4px;color:#1f1a3d}
.tt-result h3 small{font-weight:400;color:#6d6380}
.tt-result p{margin:4px 0 8px}
.tt-synth{border-top:1px solid #e0d6bf;padding-top:8px}
@media (max-width:600px){.tt-spread{grid-template-columns:repeat(6,1fr)}.tt-slot{width:96px}.tt-glyph{font-size:2em}}
.tt-s32{grid-template-columns:repeat(8,1fr);max-width:520px}
.tt-c32 .tt-glyph{font-size:3em}
@media (max-width:600px){.tt-s32{grid-template-columns:repeat(8,1fr);gap:4px}}