.tt-tarot{background:#1f1a3d;color:#f5efe0;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,#2c2560 0 6px,#3a3278 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-q{display:block;width:100%;max-width:420px;margin:6px auto 4px;padding:10px 12px;border-radius:8px;border:1px solid #c9973f;background:#fbf6e9;color:#2a2340;font-size:1em}
.tt-pend-wrap{height:230px;overflow:hidden;display:flex;justify-content:center;align-items:flex-start;perspective:600px}
.tt-pend{position:relative;width:4px;height:200px;transform-origin:50% 0}
.tt-fil{position:absolute;left:1px;top:0;width:2px;height:170px;background:#e3b85a}
.tt-poids{position:absolute;left:-14px;top:166px;width:30px;height:38px;background:radial-gradient(circle at 35% 30%,#fff3c8,#c9973f 45%,#7a5a1f);clip-path:polygon(50% 100%,0 30%,25% 0,75% 0,100% 30%)}
.tt-swing{animation:ttswing .7s ease-in-out infinite alternate}
.tt-cw{animation:ttcw 1s linear infinite}.tt-ccw{animation:ttccw 1s linear infinite}.tt-hesit{animation:ttswing 1.4s ease-in-out infinite alternate}
@keyframes ttswing{from{transform:rotate(-22deg)}to{transform:rotate(22deg)}}
@keyframes ttcw{0.0%{transform:rotate3d(1.000,0,0.000,24deg)}12.5%{transform:rotate3d(0.707,0,0.707,24deg)}25.0%{transform:rotate3d(0.000,0,1.000,24deg)}37.5%{transform:rotate3d(-0.707,0,0.707,24deg)}50.0%{transform:rotate3d(-1.000,0,0.000,24deg)}62.5%{transform:rotate3d(-0.707,0,-0.707,24deg)}75.0%{transform:rotate3d(-0.000,0,-1.000,24deg)}87.5%{transform:rotate3d(0.707,0,-0.707,24deg)}100.0%{transform:rotate3d(1.000,0,-0.000,24deg)}}
@keyframes ttccw{0.0%{transform:rotate3d(1.000,0,-0.000,24deg)}12.5%{transform:rotate3d(0.707,0,-0.707,24deg)}25.0%{transform:rotate3d(0.000,0,-1.000,24deg)}37.5%{transform:rotate3d(-0.707,0,-0.707,24deg)}50.0%{transform:rotate3d(-1.000,0,-0.000,24deg)}62.5%{transform:rotate3d(-0.707,0,0.707,24deg)}75.0%{transform:rotate3d(-0.000,0,1.000,24deg)}87.5%{transform:rotate3d(0.707,0,0.707,24deg)}100.0%{transform:rotate3d(1.000,0,0.000,24deg)}}
.tt-qq{font-style:italic;color:#e9e2d0}.tt-expl{max-width:560px;margin:6px auto;color:#f5efe0}
.tt-grille{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px;margin:24px 0}
.tt-grille a{display:block;background:#1f1a3d;color:#f5efe0;border-radius:12px;padding:18px 16px;text-decoration:none;border:1px solid rgba(201,151,63,.35);transition:transform .15s,border-color .15s}
.tt-grille a:hover{transform:translateY(-3px);border-color:#c9973f;color:#fff}
.tt-grille .g-ic{font-size:1.9em;color:#e3b85a;line-height:1;font-family:"Segoe UI Symbol","DejaVu Sans",sans-serif}
.tt-grille .g-t{display:block;font-weight:700;font-size:1.08em;margin:8px 0 4px;color:#fff}
.tt-grille .g-d{display:block;font-size:.88em;color:#cfc6dd;line-height:1.4}

/* v1.5 : arcanes mineurs, FAQ, articles */
.tt-mineurs{background:#1f1a3d;color:#f5efe0;border-radius:14px;padding:22px 18px;margin:24px 0;text-align:center;box-shadow:0 4px 18px rgba(0,0,0,.18)}
.tt-mineurs .tt-title{font-size:1.35em;font-weight:700;color:#e3b85a;margin:0 0 6px}
.tt-mineurs .tt-intro,.tt-mineurs .tt-info{margin:6px 0 14px;color:#e9e2d0}
.tt-mineurs .tt-note{font-size:.82em;color:#b9b1c9;margin:16px 0 0}
.tm-bar{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.tm-face{width:96px;margin:0 auto 8px;padding:8px 4px}
.tm-icons{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:2px;min-height:44px}
.tm-ico{width:26px;height:26px}
.tm-x{font-weight:700;color:#2f4fa0;font-size:.9em}
.tm-fig{display:block;width:100%;font-size:.7em;color:#b8323a;font-weight:700}
.tm-grid{display:grid;gap:12px;margin:12px auto 0;max-width:760px}
.tm-3{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.tm-res{background:#fbf6e9;color:#2a2340;border-radius:12px;padding:14px;text-align:center}
.tm-res h3{margin:4px 0;font-size:1.1em;color:#1f1a3d}
.tm-kw{color:#8a6d2b;font-weight:700;font-size:.92em;margin:2px 0 6px}
.tm-pick{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;max-width:700px;margin:0 auto}
.tm-pick4{grid-template-columns:repeat(4,1fr);max-width:440px}
@media(max-width:600px){.tm-pick{grid-template-columns:repeat(4,1fr)}}
.tm-btn{background:none;border:0;padding:0;cursor:pointer;transition:transform .15s}
.tm-btn .tm-face{width:100%;margin:0;animation:none}
.tm-btn:hover,.tm-btn.on{transform:translateY(-5px)}
.tm-btn.on .tt-face{box-shadow:0 0 0 3px #e3b85a}
.tm-btn .tt-name{font-size:.62em}
.tt-faq details{border:1px solid #e3dcf0;border-radius:10px;margin:8px 0;padding:10px 14px;background:#faf8ff}
.tt-faq summary{cursor:pointer;font-weight:700;color:#1f1a3d}
.tt-faq-r{margin-top:6px}
.tt-articles{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px;margin:20px 0}
.tt-articles a{display:block;background:#fff;border:1px solid #e3dcf0;border-radius:14px;overflow:hidden;text-decoration:none;color:#1f1a3d;box-shadow:0 2px 10px rgba(31,26,61,.07);transition:transform .15s,box-shadow .15s}
.tt-articles a:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(31,26,61,.15)}
.tt-articles img{display:block;width:100%;height:auto;aspect-ratio:1200/630;object-fit:cover}
.tt-articles .a-t{display:block;font-weight:700;padding:10px 12px 4px;line-height:1.3}
.tt-articles .a-d{display:block;font-size:.88em;color:#5e5878;padding:0 12px 12px}