.ask-tarot__deck{display:flex;align-items:flex-end;width:100%;min-height:190px;padding:28px 6px 18px;overflow:hidden;box-sizing:border-box}
.ask-tarot__card{position:relative;flex:0 0 clamp(58px,7vw,82px);width:clamp(58px,7vw,82px);aspect-ratio:.57;margin:0;border:1px solid rgba(216,181,107,.48);border-radius:7px;padding:0;background:#100b1d;box-shadow:0 7px 20px rgba(0,0,0,.38);cursor:pointer;transition:transform .2s,border-color .2s,opacity .2s}
.ask-tarot__card:not(:first-child){margin-left:calc((100% - clamp(58px,7vw,82px))/77 - clamp(58px,7vw,82px))}
.ask-tarot__card-back{position:absolute;inset:4px;border:1px solid rgba(230,189,85,.5);border-radius:4px;background:radial-gradient(circle,#c9a14b 0 4%,transparent 5%),repeating-linear-gradient(45deg,rgba(230,189,85,.2) 0 2px,transparent 2px 8px),linear-gradient(145deg,#32204f,#0b1024)}
.ask-tarot__card:hover,.ask-tarot__card:focus-visible{z-index:90!important;border-color:#f5d77f;transform:translateY(-12px)}
.ask-tarot__card.is-selected{z-index:100!important;border-color:#f5d77f;transform:translateY(-24px);box-shadow:0 0 22px rgba(230,189,85,.5)}
.ask-tarot__card:disabled:not(.is-selected){opacity:.42}
.ask-tarot--visible-deck .ask-tarot__deck{display:grid;grid-template-columns:repeat(auto-fill,minmax(128px,1fr));align-items:start;gap:22px;width:min(100%,1180px);max-height:none;min-height:0;margin:0 auto;padding:24px 4px;overflow:visible}
.ask-tarot__deck-group{grid-column:1/-1;margin:22px 0 0;padding:0 0 10px;border-bottom:1px solid rgba(230,189,85,.45);color:#f5d77f;font-size:1.25rem;text-align:left}
.ask-tarot__deck-group:first-child{margin-top:0}
.ask-tarot--visible-deck .ask-tarot__card{display:flex;flex-direction:column;width:100%;aspect-ratio:auto;margin:0;overflow:hidden;border-radius:10px;background:#17102a}
.ask-tarot--visible-deck .ask-tarot__card:not(:first-child){margin-left:0}
.ask-tarot--visible-deck .ask-tarot__card:hover,.ask-tarot--visible-deck .ask-tarot__card:focus-visible{transform:translateY(-6px)}
.ask-tarot--visible-deck .ask-tarot__card.is-selected{transform:translateY(-8px);outline:3px solid #f5d77f;outline-offset:3px}
.ask-tarot__card-face{display:block;width:100%;aspect-ratio:.57;object-fit:cover;background:#100b1d}
.ask-tarot__card-name{display:flex;align-items:center;justify-content:center;min-height:48px;padding:8px;color:#f2dfad;font:600 .88rem/1.25 inherit;text-align:center}
.ask-tarot__spread{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(10px,2vw,24px);width:min(100%,760px);margin:1.5rem auto}
.ask-tarot__spread figure{margin:0;overflow:hidden;border:1px solid rgba(230,189,85,.5);border-radius:10px;background:#17102a;text-align:center}.ask-tarot__spread img{display:block;width:100%;aspect-ratio:.57;object-fit:cover}.ask-tarot__spread img.is-reversed{transform:rotate(180deg)}.ask-tarot__spread figcaption{padding:8px 6px;color:#f2dfad;font-family:inherit;font-size:.9rem}
.ask-tarot__guest-submit{display:inline-flex;align-items:center;justify-content:center;gap:.6rem}.ask-tarot__guest-submit[aria-busy="true"]{cursor:wait;opacity:.85}.ask-tarot__submit-spinner{width:1rem;height:1rem;flex:0 0 1rem;border:2px solid rgba(23,16,42,.35);border-top-color:#17102a;border-radius:50%;animation:ask-tarot-submit-spin .75s linear infinite}@keyframes ask-tarot-submit-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.ask-tarot__submit-spinner{animation:none;border-color:#17102a}}
@media(max-width:600px){.ask-tarot__deck{min-height:150px;padding-inline:2px}.ask-tarot__card{flex-basis:58px;width:58px}.ask-tarot__card:not(:first-child){margin-left:calc((100% - 58px)/77 - 58px)}.ask-tarot--visible-deck .ask-tarot__deck{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:16px 2px}.ask-tarot--visible-deck .ask-tarot__card{width:100%}.ask-tarot__card-name{min-height:42px;font-size:.78rem}.ask-tarot__spread{gap:7px}.ask-tarot__spread figcaption{font-size:.68rem}}