.mia-tarot {
  --mia-bg: #07111d;
  --mia-bg2: #0d1b2a;
  --mia-gold: #d6ad61;
  --mia-gold-soft: #f0d79e;
  --mia-ink: #f8f2e7;
  --mia-muted: #c8c3ba;
  --mia-line: rgba(214, 173, 97, .34);
  position: relative;
  overflow: hidden;
  border: 1px solid var(--mia-line);
  border-radius: 24px;
  background: radial-gradient(circle at 50% -20%, rgba(214,173,97,.14), transparent 40%), linear-gradient(145deg, var(--mia-bg2), var(--mia-bg));
  color: var(--mia-ink);
  box-shadow: 0 24px 70px rgba(0,0,0,.28);
  margin: 2rem 0;
}
.mia-tarot::before,
.mia-tarot::after { content:""; position:absolute; width:220px; height:220px; border:1px solid rgba(214,173,97,.16); border-radius:50%; }
.mia-tarot::before { top:-130px; left:-95px; }
.mia-tarot::after { bottom:-150px; right:-100px; }
.mia-tarot__inner { position:relative; z-index:2; max-width:1080px; margin:0 auto; padding:clamp(28px,5vw,64px); text-align:center; }
.mia-tarot__eyebrow { color:var(--mia-gold); letter-spacing:.22em; font-size:.78rem; font-weight:700; margin-bottom:14px; }
.mia-tarot__intro { max-width:680px; margin:0 auto 30px; color:var(--mia-muted); font-size:clamp(1rem,2vw,1.2rem); line-height:1.7; }
.mia-tarot__deck { position:relative; width:150px; height:240px; margin:28px auto 30px; perspective:800px; }
.mia-tarot__back { position:absolute; inset:0; border-radius:12px; border:2px solid var(--mia-gold); background:
  radial-gradient(circle at center, transparent 0 26px, rgba(214,173,97,.75) 27px 28px, transparent 29px),
  radial-gradient(circle at center, rgba(214,173,97,.15), transparent 54%),
  repeating-linear-gradient(45deg, rgba(214,173,97,.08) 0 2px, transparent 2px 9px), #081322;
  box-shadow:0 14px 28px rgba(0,0,0,.34), inset 0 0 0 6px #081322, inset 0 0 0 7px rgba(214,173,97,.5);
  transition:transform .5s ease;
}
.mia-tarot__back span { position:absolute; inset:0; display:grid; place-items:center; color:var(--mia-gold); font-size:52px; text-shadow:0 0 24px rgba(214,173,97,.4); }
.mia-tarot__back--1 { transform:rotate(0deg); }
.mia-tarot__back--2 { transform:rotate(-4deg) translate(-5px,4px); opacity:.8; }
.mia-tarot__back--3 { transform:rotate(4deg) translate(5px,7px); opacity:.55; }
.mia-tarot.is-shuffling .mia-tarot__back--1 { animation:miaShuffle1 .75s ease-in-out infinite alternate; }
.mia-tarot.is-shuffling .mia-tarot__back--2 { animation:miaShuffle2 .65s ease-in-out infinite alternate; }
.mia-tarot.is-shuffling .mia-tarot__back--3 { animation:miaShuffle3 .7s ease-in-out infinite alternate; }
@keyframes miaShuffle1 { to { transform:translateX(22px) rotate(4deg); } }
@keyframes miaShuffle2 { to { transform:translateX(-22px) rotate(-7deg); } }
@keyframes miaShuffle3 { to { transform:translateY(-9px) rotate(7deg); } }
.mia-tarot__draw { appearance:none; border:1px solid var(--mia-gold); color:#17120a; background:linear-gradient(180deg,#f0d79e,#c79745); font:inherit; font-weight:700; letter-spacing:.04em; border-radius:999px; padding:14px 28px; cursor:pointer; box-shadow:0 10px 30px rgba(214,173,97,.18); transition:.2s ease; }
.mia-tarot__draw:hover { transform:translateY(-2px); box-shadow:0 13px 34px rgba(214,173,97,.27); }
.mia-tarot__draw:disabled { opacity:.55; cursor:wait; transform:none; }
.mia-tarot__status { min-height:1.5em; margin-top:15px; color:var(--mia-gold-soft); }
.mia-tarot__results { display:grid; grid-template-columns:repeat(auto-fit,minmax(230px,1fr)); gap:24px; align-items:start; margin-top:34px; text-align:left; }
.mia-tarot-card { opacity:0; transform:translateY(18px); animation:miaReveal .65s ease forwards; animation-delay:var(--delay); background:rgba(7,17,29,.72); border:1px solid var(--mia-line); border-radius:18px; overflow:hidden; box-shadow:0 18px 40px rgba(0,0,0,.3); }
@keyframes miaReveal { to { opacity:1; transform:none; } }
.mia-tarot-card__position { text-align:center; color:var(--mia-gold); letter-spacing:.12em; text-transform:uppercase; font-size:.72rem; padding:12px; border-bottom:1px solid var(--mia-line); }
.mia-tarot-card__image-wrap { aspect-ratio:2/3; overflow:hidden; background:#03070b; }
.mia-tarot-card__image { width:100%; height:100%; object-fit:cover; display:block; }
.mia-tarot-card__image--reversed { transform:rotate(180deg); }
.mia-tarot-card__placeholder { aspect-ratio:2/3; display:grid; place-items:center; font-size:70px; color:var(--mia-gold); }
.mia-tarot-card__body { padding:20px; }
.mia-tarot-card__meta { min-height:24px; display:flex; justify-content:space-between; gap:8px; color:var(--mia-gold); font-size:.78rem; letter-spacing:.08em; text-transform:uppercase; }
.mia-tarot-card h3 { color:var(--mia-ink); margin:5px 0 10px; font-size:1.35rem; }
.mia-tarot-card__meaning { color:var(--mia-muted); line-height:1.65; margin:0; }
.mia-tarot-card__details { border-top:1px solid var(--mia-line); margin-top:16px; padding-top:8px; }
.mia-tarot-card details { border-bottom:1px solid rgba(214,173,97,.16); padding:8px 0; }
.mia-tarot-card summary { cursor:pointer; color:var(--mia-gold-soft); }
.mia-tarot-card details p { color:var(--mia-muted); line-height:1.6; }
.mia-tarot-card__reversed { color:#dba3a3; }
.mia-tarot__disclaimer { margin:30px auto 0; max-width:720px; color:rgba(248,242,231,.55); font-size:.8rem; line-height:1.55; }
@media (max-width:600px) { .mia-tarot__inner { padding:28px 18px; } .mia-tarot__deck { width:125px; height:200px; } }
@media (prefers-reduced-motion: reduce) { .mia-tarot *, .mia-tarot *::before, .mia-tarot *::after { animation:none !important; scroll-behavior:auto !important; transition:none !important; } .mia-tarot-card { opacity:1; transform:none; } }

/* v0.5 — choice between one-card and three-card readings */
.mia-tarot__choices { display:flex; flex-wrap:wrap; justify-content:center; gap:12px; }
.mia-tarot__draw--three { color:var(--mia-gold-soft); background:rgba(214,173,97,.08); border-color:rgba(214,173,97,.65); box-shadow:none; }
.mia-tarot__draw--three:hover { background:rgba(214,173,97,.16); }
@media (max-width:600px) {
  .mia-tarot__choices { flex-direction:column; align-items:center; }
  .mia-tarot__choices .mia-tarot__draw { width:min(100%, 280px); }
}

/* v0.5.2 — strict three-card row + compact mobile details */
.mia-tarot__results--three {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: clamp(8px, 1.6vw, 18px) !important;
  align-items: start;
}
.mia-tarot__results--three .mia-tarot-card {
  min-width: 0 !important;
  width: 100% !important;
}
.mia-tarot__results--three .mia-tarot-card__image-wrap {
  width: 100%;
  aspect-ratio: 2 / 3;
}
.mia-tarot__results--three .mia-tarot-card__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.mia-tarot-card__more {
  display: none;
}

@media (max-width: 900px) {
  .mia-tarot__inner { padding-left: 12px; padding-right: 12px; }
  .mia-tarot__results--three {
    width: 100%;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 7px !important;
    margin-top: 24px;
  }
  .mia-tarot__results--three .mia-tarot-card {
    border-radius: 11px;
    overflow: hidden;
  }
  .mia-tarot__results--three .mia-tarot-card__position {
    padding: 7px 2px;
    font-size: clamp(.52rem, 1.8vw, .68rem);
    letter-spacing: .04em;
    white-space: nowrap;
  }
  .mia-tarot__results--three .mia-tarot-card__body {
    padding: 8px 6px 9px;
  }
  .mia-tarot__results--three .mia-tarot-card__meta {
    min-height: 0;
    font-size: .58rem;
  }
  .mia-tarot__results--three .mia-tarot-card h3 {
    margin: 3px 0 5px;
    font-size: clamp(.7rem, 2.2vw, .95rem);
    line-height: 1.12;
    overflow-wrap: anywhere;
  }
  .mia-tarot__results--three .mia-tarot-card__meaning {
    margin: 0;
    font-size: clamp(.58rem, 1.75vw, .76rem);
    line-height: 1.3;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .mia-tarot__results--three .mia-tarot-card__details {
    display: none;
    margin-top: 8px;
    padding-top: 4px;
  }
  .mia-tarot__results--three .mia-tarot-card.is-expanded .mia-tarot-card__details {
    display: block;
  }
  .mia-tarot__results--three .mia-tarot-card__more {
    display: inline-block;
    appearance: none;
    width: 100%;
    margin-top: 7px;
    padding: 6px 4px;
    border: 1px solid rgba(214,173,97,.45);
    border-radius: 999px;
    background: rgba(214,173,97,.08);
    color: var(--mia-gold-soft);
    font: inherit;
    font-size: clamp(.55rem, 1.7vw, .72rem);
    cursor: pointer;
  }
  .mia-tarot__results--three .mia-tarot-card details { padding: 4px 0; }
  .mia-tarot__results--three .mia-tarot-card summary { font-size: clamp(.55rem, 1.6vw, .7rem); line-height: 1.15; }
  .mia-tarot__results--three .mia-tarot-card details p { font-size: clamp(.56rem, 1.6vw, .7rem); line-height: 1.25; }
}

@media (max-width: 480px) {
  .mia-tarot__inner { padding-left: 8px; padding-right: 8px; }
  .mia-tarot__results--three { gap: 5px !important; }
  .mia-tarot__results--three .mia-tarot-card__body { padding: 6px 4px 7px; }
  .mia-tarot__results--three .mia-tarot-card__position { font-size: .5rem; }
  .mia-tarot__results--three .mia-tarot-card h3 { font-size: .68rem; }
  .mia-tarot__results--three .mia-tarot-card__meaning { font-size: .56rem; -webkit-line-clamp: 3; }
}


/* v0.7 — combined three-card interpretation */
.mia-tarot__interpretation{grid-column:1/-1;width:100%;margin:18px auto 4px;text-align:center}
.mia-tarot__interpret-button{appearance:none;border:1px solid rgba(214,178,99,.78);background:linear-gradient(180deg,#f3d890,#caa457);color:#122638;border-radius:999px;padding:12px 22px;font-weight:700;cursor:pointer;box-shadow:0 8px 24px rgba(0,0,0,.18)}
.mia-tarot__interpret-button:disabled{opacity:.6;cursor:wait}
.mia-tarot__interpret-content{max-width:900px;margin:16px auto 0;padding:18px 20px;border:1px solid rgba(214,178,99,.35);border-radius:18px;background:rgba(5,20,31,.72);text-align:left;line-height:1.65;color:inherit}
.mia-tarot__interpret-content p:first-child{margin-top:0}.mia-tarot__interpret-content p:last-child{margin-bottom:0}

/* v0.7.1 — topic selector for 3-card readings */
.mia-tarot__topic{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;margin:0 auto 14px;font-size:.92rem}
.mia-tarot__topic label{opacity:.9}
.mia-tarot__topic-select{max-width:260px;min-height:40px;padding:7px 34px 7px 12px;border:1px solid rgba(218,183,112,.65);border-radius:999px;background:rgba(7,24,38,.88);color:#f1e2bd}
@media(max-width:520px){.mia-tarot__topic{gap:6px;margin-bottom:10px}.mia-tarot__topic-select{max-width:100%;width:100%;font-size:.88rem}}