.brand-with-ai { flex-wrap:wrap; gap:.65rem; }
.tarot-open:disabled,.tarot-open:disabled:hover { opacity:.4; cursor:not-allowed; background:transparent; color:var(--ink); }
.tarot-dialog { width:min(800px,calc(100vw - 24px)); max-height:90dvh; padding:clamp(18px,4vw,36px); background:#f2efe7; color:#252a24; border:1px solid #8d9585; overscroll-behavior:contain; }
.tarot-dialog::backdrop { background:rgb(18 23 18 / .6); backdrop-filter:blur(3px); }
.tarot-heading { display:flex; justify-content:space-between; align-items:flex-start; gap:1rem; }
.tarot-heading h2 { margin:0; font:normal clamp(32px,5vw,48px)/1.1 Georgia,serif; letter-spacing:-.04em; }
.tarot-heading .section-label { margin:0 0 .6rem; }
.tarot-dialog button,.tarot-dialog select,.tarot-dialog textarea { font:inherit; color:inherit; }
.tarot-dialog button { border:1px solid #a6ad9c; background:transparent; padding:.65rem .85rem; cursor:pointer; }
.tarot-heading button { border:0; font-size:1.7rem; padding:0 .3rem; }
.tarot-note,.tarot-footnote { font-size:.8rem; line-height:1.6; color:#5b6254; }
.tarot-footnote { border-top:1px solid #d2d5c8; margin:1.5rem 0 0; padding-top:.8rem; font-size:.7rem; }
.tarot-dialog fieldset { border:0; padding:0; margin:1.5rem 0 0; min-width:0; }
.tarot-question { display:grid; gap:.5rem; font-size:.85rem; }
.tarot-question textarea { width:100%; box-sizing:border-box; resize:vertical; min-height:78px; max-height:200px; border:1px solid #afb5a4; background:#faf8f1; padding:.8rem; font-size:16px; }
.tarot-options { display:flex; align-items:flex-end; gap:1rem; justify-content:space-between; margin-top:1rem; font-size:.8rem; }
.tarot-options label { display:grid; gap:.4rem; min-width:0; }
.tarot-options select { max-width:100%; background:transparent; padding:.65rem .4rem; border:1px solid #a6ad9c; }
.tarot-selection-note { font-size:.85rem; margin:1.5rem 0 .7rem; }
.tarot-deck { display:grid; grid-template-columns:repeat(13,minmax(0,1fr)); gap:4px; max-height:230px; overflow:auto; padding:4px; }
.tarot-deck[hidden] { display:none; }
.tarot-dialog .tarot-card-back { aspect-ratio:2/3; padding:0; border:3px double #9e986d; border-radius:3px; background:repeating-linear-gradient(45deg,transparent,transparent 6px,#d6c88a19 6px,#d6c88a19 7px),#293b33; color:#d6c88a; font-size:clamp(10px,2vw,20px); transition:transform .25s,opacity .25s; }
.tarot-card-back:not(:disabled):hover { transform:translateY(-3px); background-color:#405649; }
.tarot-card-back:disabled { opacity:.22; cursor:default; }
.tarot-picked { display:flex; justify-content:center; gap:clamp(8px,3vw,22px); margin:1.3rem 0; }
.tarot-picked figure { margin:0; flex:0 1 155px; min-width:0; text-align:center; }
.tarot-picked img { width:100%; aspect-ratio:2/3.45; object-fit:contain; background:#e5e0d0; border-radius:4px; box-shadow:0 6px 15px #26312920; animation:tarot-reveal .65s ease-out; }
.tarot-picked img[data-reversed=true] { transform:rotate(180deg); }
.tarot-picked figcaption { font-size:.75rem; line-height:1.6; margin-top:.55rem; }
.tarot-picked small { display:block; font-size:.65rem; color:#6c705f; }
.tarot-dialog .tarot-submit { width:100%; background:#293b33; color:#f2efe7; padding:.9rem; }
.tarot-dialog button:disabled { cursor:default; }
.tarot-submit:disabled { opacity:.4; }
.tarot-status { font-size:.85rem; line-height:1.6; }
.tarot-result { white-space:pre-wrap; overflow-wrap:anywhere; font-size:1rem; line-height:1.85; border-top:1px solid #a6ad9c; padding-top:1.2rem; }
.tarot-dialog :focus-visible { outline:2px solid #817039; outline-offset:3px; }
@keyframes tarot-reveal { from { opacity:0; translate:0 10px; } to { opacity:1; translate:0 0; } }
@media(max-width:540px) { .tarot-deck { grid-template-columns:repeat(6,minmax(0,1fr)); max-height:210px; gap:3px; } .tarot-options { align-items:stretch; flex-direction:column; gap:.65rem; } .tarot-options button { align-self:flex-start; } .brand-with-ai .brand { flex-basis:100%; } }
@media(prefers-reduced-motion:reduce) { .tarot-picked img { animation:none; } .tarot-card-back { transition:none!important; } }