 .ee-tarot{--deep:#173d40;--gold:#c6a76b;--paper:#fbf7f0;--plum:#59476b;background:var(--paper);border:1px solid #e2d6c2;border-radius:18px;padding:clamp(18px,4vw,40px);color:#283c3c;text-align:center;font-family:inherit;max-width:1100px;margin:1.5rem auto}.ee-tarot *{box-sizing:border-box}.ee-tarot h2{font-size:clamp(1.8rem,4vw,2.8rem);color:var(--deep);margin:.2em 0 .5em}.ee-kicker{font-size:.75rem;letter-spacing:.22em;color:var(--plum);font-weight:700}.ee-intro{max-width:710px;line-height:1.75;margin:0 auto 24px}.ee-controls{display:flex;align-items:end;justify-content:center;flex-wrap:wrap;gap:12px;margin:24px auto}.ee-controls label{display:flex;flex-direction:column;gap:6px;text-align:left;font-weight:600;font-size:.9rem}.ee-spread{background:#fff;color:#263d3e;border:1px solid #b8a78d;border-radius:8px;min-height:46px;padding:8px 12px;font:inherit;max-width:100%}.ee-button{font:inherit;font-weight:700;border:0;border-radius:8px;padding:12px 20px;min-height:46px;background:var(--deep);color:#fff;cursor:pointer}.ee-button:hover{background:#2a6060}.ee-button:focus-visible,.ee-spread:focus-visible,.ee-card:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.ee-status{font-weight:600;margin:18px 0}.ee-deck{display:flex;justify-content:center;gap:clamp(8px,2vw,18px);flex-wrap:wrap;min-height:215px;align-items:center}.ee-card{position:relative;width:clamp(102px,22vw,170px);aspect-ratio: .59;border:0;background:transparent;cursor:pointer;padding:0;perspective:1000px}.ee-card-inner{position:absolute;inset:0;transform-style:preserve-3d;transition:transform .7s}.ee-card.is-revealed .ee-card-inner{transform:rotateY(180deg)}.ee-face{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:9px;overflow:hidden}.ee-back{background:radial-gradient(circle at 50% 50%,#356166,#12363b 76%);border:5px double var(--gold);box-shadow:0 5px 15px #152e3040;color:#e7cc95}.ee-back::before{content:'✧';font-size:3.4rem;line-height:1}.ee-back::after{content:'ENCHANTED\A EMPATH';white-space:pre;text-align:center;letter-spacing:.15em;font-size:.53rem;line-height:1.7;margin-top:14px;color:#f5e6c6}.ee-card.is-selected .ee-back{box-shadow:0 0 0 4px var(--gold),0 5px 15px #152e3040}.ee-front{transform:rotateY(180deg);background:#efe5d2;border:2px solid #bfa978}.ee-front img{width:100%;height:100%;object-fit:fill;display:block}.ee-fallback{font-size:1rem;padding:8px;font-weight:700}.ee-buttons{display:flex;justify-content:center;gap:12px;margin:22px auto}.ee-readings{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:16px;margin:20px auto}.ee-reading{background:#fff;border:1px solid #e1d6c4;border-radius:12px;padding:22px;text-align:left}.ee-reading h3{font-size:1.28rem;color:var(--deep);margin:0 0 8px}.ee-reading p{line-height:1.65;margin:9px 0}.ee-pos{color:var(--plum);text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;font-weight:800}.ee-reflect{border-top:1px solid #e8decf;padding-top:12px}.ee-outro{border-top:1px solid #e3d7c7;padding-top:18px;margin-top:20px;line-height:1.6}.ee-outro a{color:var(--deep);font-weight:700;text-decoration:underline}.ee-credit{font-size:.75rem;opacity:.75;margin-top:18px}@media(max-width:520px){.ee-controls{flex-direction:column;align-items:stretch}.ee-spread,.ee-controls .ee-button{width:100%}.ee-deck{gap:8px}.ee-card{width:calc(33.333% - 7px)}.ee-back::after{font-size:.38rem}.ee-back::before{font-size:2.2rem}}@media(prefers-reduced-motion:reduce){.ee-card-inner{transition:none}}

/* v1.2: 15-card choice spread and a separate selected-card reading area */
.ee-tarot .ee-deck{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));justify-items:center;gap:12px;max-width:780px;margin:22px auto 28px;min-height:0}
.ee-tarot .ee-deck[hidden],.ee-tarot .ee-picked[hidden]{display:none!important}
.ee-tarot .ee-deck .ee-card{width:min(100%,105px);aspect-ratio:.59;transition:transform .2s,opacity .2s}
.ee-tarot .ee-deck .ee-card:hover:not(:disabled){transform:translateY(-9px)}
.ee-tarot .ee-deck .ee-card.ee-taken{opacity:.16;cursor:default;transform:scale(.94)}
.ee-tarot .ee-picked{display:flex;justify-content:center;gap:clamp(12px,3vw,35px);flex-wrap:wrap;margin:22px auto}
.ee-tarot .ee-picked-slot{width:clamp(105px,22vw,170px);max-width:30%;display:flex;flex-direction:column;align-items:center;gap:9px}
.ee-tarot .ee-picked-slot .ee-card,.ee-tarot .ee-placeholder{width:100%;aspect-ratio:.59}
.ee-tarot .ee-placeholder{border:2px dashed #c9bca8;border-radius:9px;display:grid;place-items:center;color:#b7a17c;font-size:3rem;background:#f5eee2}
.ee-tarot .ee-picked-slot p{font-size:.78rem;line-height:1.4;text-transform:uppercase;letter-spacing:.05em;color:var(--plum);font-weight:700;margin:0}
.ee-tarot .ee-shuffling .ee-card{animation:ee-wiggle .28s ease-in-out 2 alternate}
@keyframes ee-wiggle{from{transform:translateX(-5px) rotate(-2deg)}to{transform:translateX(5px) rotate(2deg)}}
@media(max-width:520px){.ee-tarot .ee-deck{gap:7px}.ee-tarot .ee-deck .ee-card{width:100%}.ee-tarot .ee-deck .ee-back{border-width:3px}.ee-tarot .ee-deck .ee-back::before{font-size:1.7rem}.ee-tarot .ee-deck .ee-back::after{font-size:.28rem;letter-spacing:.05em;margin-top:6px}.ee-tarot .ee-picked-slot{max-width:30%;width:30%}.ee-tarot .ee-picked-slot p{font-size:.66rem}}
@media(prefers-reduced-motion:reduce){.ee-tarot .ee-shuffling .ee-card{animation:none}.ee-tarot .ee-deck .ee-card{transition:none}}

/* v1.3: one continuous overlapping fan of selectable cards */
.ee-tarot .ee-deck {
  display:flex; flex-wrap:nowrap; align-items:center; justify-content:safe center;
  gap:0; width:100%; max-width:100%; min-height:230px;
  overflow-x:auto; overflow-y:hidden; padding:32px 8px 24px;
  margin:16px auto 28px; scrollbar-width:thin;
  scrollbar-color:#bda882 transparent;
}
.ee-tarot .ee-deck .ee-card {
  flex:0 0 102px; width:102px; min-width:102px; margin-right:-50px;
  transform:translateY(var(--ee-fan-y, 0px)) rotate(var(--ee-fan-angle, 0deg));
  transform-origin:center 90%;
  transition:transform .2s ease, opacity .2s ease, filter .2s ease;
  z-index:var(--ee-fan-z,1);
}
.ee-tarot .ee-deck .ee-card:last-child {margin-right:0}
.ee-tarot .ee-deck .ee-card:hover:not(:disabled),
.ee-tarot .ee-deck .ee-card:focus-visible {
  transform:translateY(calc(var(--ee-fan-y, 0px) - 18px)) rotate(var(--ee-fan-angle,0deg));
  z-index:50; filter:drop-shadow(0 5px 6px #0004);
}
.ee-tarot .ee-deck .ee-card.ee-taken {
  opacity:.24; cursor:default; transform:translateY(var(--ee-fan-y,0px)) rotate(var(--ee-fan-angle,0deg));
}
.ee-tarot .ee-back {
  background:#fff url('images/enchanted-card-back.jpg') center / 100% 100% no-repeat;
  border:1px solid #191919;
  box-shadow:0 3px 9px #152e3040;
}
.ee-tarot .ee-back::before,.ee-tarot .ee-back::after{content:none;display:none}
.ee-tarot .ee-shuffling .ee-card {animation:ee-fan-shuffle .35s ease-in-out 2 alternate}
@keyframes ee-fan-shuffle {
  from{transform:translateY(calc(var(--ee-fan-y,0px) - 5px)) rotate(calc(var(--ee-fan-angle,0deg) - 3deg))}
  to{transform:translateY(calc(var(--ee-fan-y,0px) + 5px)) rotate(calc(var(--ee-fan-angle,0deg) + 3deg))}
}
@media(max-width:650px) {
  .ee-tarot .ee-deck {justify-content:flex-start;min-height:205px;padding:28px 4px 20px}
  .ee-tarot .ee-deck .ee-card {flex-basis:88px;width:88px;min-width:88px;margin-right:-42px}
}
@media(prefers-reduced-motion:reduce){.ee-tarot .ee-shuffling .ee-card{animation:none}}

/* v1.4: responsive compact fan for sidebar layouts; monochrome styling */
.ee-tarot {--deep:#111;--gold:#111;--paper:#fff;--plum:#111;background:#fff;color:#111;border:2px solid #111;border-radius:4px;padding:clamp(12px,2.5vw,26px);max-width:100%;}
.ee-tarot h2 {color:#000;font-weight:800;letter-spacing:-.025em;}
.ee-kicker {color:#111;font-weight:800;letter-spacing:.14em;}
.ee-intro {line-height:1.6;color:#222;}
.ee-tarot .ee-controls {gap:12px;margin:18px auto;}
.ee-tarot .ee-controls label {color:#111;font-weight:800;}
.ee-tarot .ee-spread {color:#111;border:2px solid #111;border-radius:3px;background:#fff;font-weight:600;}
.ee-tarot .ee-button {background:#000;color:#fff;border:2px solid #000;border-radius:3px;font-weight:800;letter-spacing:.01em;min-height:48px;box-shadow:none;}
.ee-tarot .ee-button:hover:not(:disabled) {background:#333;border-color:#333;color:#fff;}
.ee-tarot .ee-button:disabled {opacity:.4;cursor:not-allowed;}
.ee-tarot .ee-button:focus-visible,.ee-tarot .ee-spread:focus-visible,.ee-tarot .ee-card:focus-visible {outline:3px solid #777;outline-offset:3px;}
.ee-tarot .ee-status {font-size:1.04rem;line-height:1.5;font-weight:800;color:#111;}
.ee-tarot .ee-deck {display:flex;flex-wrap:nowrap;justify-content:flex-start;align-items:center;overflow:visible;width:100%;max-width:100%;min-height:0;padding:22px 3px 20px;margin:12px auto 22px;isolation:isolate;}
.ee-tarot .ee-deck .ee-card {box-sizing:border-box;flex:0 0 var(--ee-card-width,76px);width:var(--ee-card-width,76px);min-width:0;max-width:none;margin-right:calc(var(--ee-step,20px) - var(--ee-card-width,76px));aspect-ratio:.59;transform:translateY(var(--ee-fan-y,0px)) rotate(var(--ee-fan-angle,0deg));}
.ee-tarot .ee-deck .ee-card:last-child {margin-right:0;}
.ee-tarot .ee-deck .ee-card:hover:not(:disabled),.ee-tarot .ee-deck .ee-card:focus-visible {transform:translateY(calc(var(--ee-fan-y,0px) - 12px)) rotate(var(--ee-fan-angle,0deg));}
.ee-tarot .ee-deck .ee-card.ee-taken {opacity:.22;}
.ee-tarot .ee-picked-slot p,.ee-tarot .ee-pos {color:#111;font-weight:800;}
.ee-tarot .ee-placeholder {background:#f8f8f8;border:2px dashed #555;color:#333;}
.ee-tarot .ee-reading {border:2px solid #111;border-radius:3px;background:#fff;}
.ee-tarot .ee-reading h3 {color:#000;font-weight:800;}
.ee-tarot .ee-reflect,.ee-tarot .ee-outro {border-top:1px solid #777;}
.ee-tarot .ee-outro a {color:#000;font-weight:800;text-decoration:underline;}
@media(max-width:650px) {.ee-tarot .ee-deck {justify-content:flex-start;padding:22px 3px 20px;min-height:0;} .ee-tarot .ee-deck .ee-card {flex-basis:var(--ee-card-width,76px);width:var(--ee-card-width,76px);min-width:0;margin-right:calc(var(--ee-step,20px) - var(--ee-card-width,76px));}}
@media(max-width:520px) {.ee-tarot .ee-deck .ee-back {border-width:1px;} .ee-tarot .ee-picked-slot p {font-size:.69rem;}}
