.tcard__face>picture{z-index:1;border-radius:inherit;position:absolute;inset:0;overflow:hidden}.tcard__face>picture img{object-fit:cover;width:100%;height:100%}.tcard.is-reversed .tcard__face>picture{transform:rotate(180deg)}.tcard--static .tcard__face{transform:none}.tcard--thumb{width:100%}.tarot-note{font-size:var(--text-sm);color:var(--color-muted);max-width:44ch}.card-page{gap:var(--space-3xl);padding-bottom:var(--section-gap-s);grid-template-columns:minmax(0,7fr) minmax(0,4fr);align-items:start;display:grid}.card-page__aside{top:calc(var(--nav-h) + var(--space-lg));gap:var(--space-md);justify-items:center;display:grid;position:sticky}.card-page__aside .tcard{width:min(100%,20rem)}.card-page__aside .caption{text-align:center;max-width:30ch}.card-page__aside .caption a{color:var(--color-ink-2)}.keys{gap:var(--space-md);display:grid}.keys>div{gap:var(--space-xs);display:grid}.keys dt{font-size:var(--text-sm);color:var(--color-muted)}.keys dd{margin:0}.answer-badge{min-height:40px;padding:0 var(--space-md);border-radius:var(--radius-pill);box-shadow:inset 0 0 0 var(--rule-hair) var(--color-ink-2);align-items:center;font-weight:500;display:inline-flex}.prose h3{font-size:var(--text-xl)}.prose .facts p,.prose dl p{font-size:var(--text-md)}.prose .sub{gap:var(--space-xs);display:grid}.prose .sub h3{font-family:var(--font-body);font-size:var(--text-md);color:var(--color-muted);letter-spacing:0;font-weight:500}.prev-next{justify-content:space-between;gap:var(--space-sm);flex-wrap:wrap;display:flex}.tarot-grid{gap:var(--space-lg) var(--space-md);grid-template-columns:repeat(auto-fill,minmax(min(100%,9.5rem),1fr));margin:0;padding:0;list-style:none;display:grid}.tarot-grid a{gap:var(--space-xs);color:var(--color-ink);border-radius:var(--radius-well);text-decoration:none;display:grid}.tarot-grid a:focus-visible{outline:2px solid var(--color-focus);outline-offset:4px}@media (hover:hover){.tarot-grid a:hover .tarot-grid__name{text-decoration:underline;text-decoration-color:var(--color-accent)}}.tarot-grid .tcard{width:100%;transition:transform var(--dur-short) var(--ease-out)}@media (hover:hover){.tarot-grid a:hover .tcard{transform:translateY(-2px)}}.tarot-grid__name{font-size:var(--text-sm);font-weight:500}.tarot-grid__keys{font-size:var(--text-xs);color:var(--color-muted)}.tarot-group{gap:var(--space-lg);padding-block:var(--space-xl);border-top:var(--rule-hair) solid var(--color-rule);display:grid}.tarot-group h2{font-size:var(--text-2xl)}.tarot-group p{color:var(--color-ink-2)}.tarot-filter{gap:var(--space-md);margin-bottom:var(--space-lg);flex-wrap:wrap;align-items:end;display:flex}.tarot-filter .switch__tabs{margin-bottom:0}.tarot-filter .field{min-width:min(100%,16rem)}.tarot-empty{color:var(--color-muted);padding-block:var(--space-xl)}.yn{font-family:var(--font-display);font-weight:var(--display-weight);font-size:var(--text-display);letter-spacing:var(--tracking-display);line-height:1}.spread{gap:var(--space-md);justify-content:center;width:100%;display:flex}.spread .tcard{width:auto;min-width:0;color:inherit;font:inherit;background:0 0;border:0;flex:0 12rem;padding:0}.spread .tcard__name{font-size:var(--text-lg)}.spread .tcard__face{padding:var(--space-sm) var(--space-xs)}.spread .flip:nth-child(2) .tcard__back,.spread .flip:nth-child(2) .tcard__face{transition-delay:.16s}.spread .flip:nth-child(3) .tcard__back,.spread .flip:nth-child(3) .tcard__face{transition-delay:.32s}.spread-result{gap:var(--space-lg);margin:0;padding:0;list-style:none;display:grid}.spread-result li{gap:var(--space-xs);padding-top:var(--space-md);border-top:var(--rule-hair) solid var(--color-rule);display:grid}.spread-result h3{font-size:var(--text-xl)}.spread-result .pos{font-size:var(--text-sm);color:var(--color-muted)}.spread-result p{font-size:var(--text-md)}.synthesis{font-family:var(--font-display);font-size:var(--text-xl);color:var(--color-ink);max-width:40ch;line-height:1.3}.draw__stage .spread .tcard{cursor:default}.tarot-hero{gap:var(--space-3xl);padding-block:var(--space-xl) var(--space-2xl);grid-template-columns:minmax(0,6fr) minmax(0,5fr);align-items:center;display:grid}.tarot-hero__cards{gap:var(--space-md);justify-content:center;display:flex}@media (width<=60rem){.card-page,.tarot-hero{gap:var(--space-xl);grid-template-columns:minmax(0,1fr)}.card-page__aside{order:-1;position:static}.card-page__aside .tcard{width:min(70%,16rem)}}@media (prefers-reduced-motion:reduce){.tarot-grid .tcard{transition:none}.spread .flip .tcard__back,.spread .flip .tcard__face{transition-delay:0s}}.tcard--thumb{display:block}.tarot-filter .switch__tabs button[aria-pressed=true]{background:var(--color-paper-3);color:var(--color-ink);box-shadow:inset 0 0 0 var(--rule-hair) var(--color-ink-2)}.card-page__head{grid-area:1/1}.card-page__body{grid-area:2/1}.card-page__aside{margin-top:var(--space-xl);grid-area:1/2/span 2}@media (width<=60rem){.card-page__head,.card-page__body,.card-page__aside{grid-area:auto/1}.card-page__aside{order:0;margin-top:0}.card-page__body{order:1}}.losuj-pick{margin-bottom:0}.losuj-q{max-width:28rem}.losuj-q input{font-size:16px}.spread--many{flex-wrap:wrap}.spread--many .tcard{flex:0 1 calc((100% - 2 * var(--space-md)) / 3);max-width:10rem}.spread .flip:nth-child(4) .tcard__back,.spread .flip:nth-child(4) .tcard__face{transition-delay:.48s}.spread .flip:nth-child(5) .tcard__back,.spread .flip:nth-child(5) .tcard__face{transition-delay:.64s}@media (prefers-reduced-motion:reduce){.spread .flip:nth-child(n) .tcard__back,.spread .flip:nth-child(n) .tcard__face{transition-delay:0s}}.losuj-pick button[aria-pressed=true]{background:var(--color-paper-3);color:var(--color-ink);box-shadow:inset 0 0 0 var(--rule-hair) var(--color-ink-2)}.losuj-pick{border-radius:var(--radius-well,16px)}
