/* Card systems beyond tarot (Lenormand, …): sizes for their card shapes. Loaded only on deck pages. */
.deck-lenormand .reveal-card{aspect-ratio:300/450;width:min(100%,180px)}
.deck-lenormand .card-back{border:0;background:none}.deck-lenormand .card-back img,.deck-lenormand .card-front img{width:100%;height:100%;display:block;border-radius:10px}
.deck-lenormand .deck-card{aspect-ratio:2/3;border-radius:6px}
.deck-lenormand .library-card img{aspect-ratio:300/450;border:0;border-radius:10px}
.deck-reference img{aspect-ratio:300/450;border:0!important;border-radius:12px}
.deck-line-5{grid-template-columns:repeat(5,1fr);gap:18px;max-width:1100px}
.deck-line-5 .reveal-card{width:min(100%,160px)}
.spread-card.is-focus .spread-position{color:var(--gold)}
.deck-pairs{padding-left:20px;text-align:left;max-width:720px;margin:0 auto 22px}.deck-pairs li{margin-bottom:10px}
.deck-combos li{margin-bottom:8px}.deck-credit{font-size:13px;color:var(--muted)}
@media(max-width:900px){.deck-line-5{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.deck-draw{grid-template-columns:repeat(6,1fr)}.deck-line-5,.deck-line-3{grid-template-columns:1fr;gap:22px}.deck-lenormand .reveal-card{width:min(100%,140px)}}
/* Playing cards (300×420) */
.deck-playing .reveal-card{aspect-ratio:300/420;width:min(100%,180px)}
.deck-playing .card-back{border:0;background:none}.deck-playing .card-back img,.deck-playing .card-front img{width:100%;height:100%;display:block;border-radius:12px}
.deck-playing .deck-card{aspect-ratio:5/7;border-radius:6px}
.deck-playing .library-card img{aspect-ratio:300/420;border:0;border-radius:12px}
.deck-playing.deck-reference img,.deck-playing .deck-reference img{aspect-ratio:300/420}
.deck-playing .deck-draw{grid-template-columns:repeat(13,1fr)}
.suit-heading{margin:44px 0 20px;font-size:clamp(26px,4vw,40px)}.suit-links a{color:var(--gold)}
@media(max-width:700px){.deck-playing .deck-draw{grid-template-columns:repeat(7,1fr)}.deck-playing .reveal-card{width:min(100%,140px)}}
/* Velvet Omen Oracle (300×480) */
.deck-oracle .reveal-card{aspect-ratio:300/480;width:min(100%,180px)}
.deck-oracle .card-back{border:0;background:none}.deck-oracle .card-back img,.deck-oracle .card-front img{width:100%;height:100%;display:block;border-radius:14px}
.deck-oracle .deck-card{aspect-ratio:5/8;border-radius:8px}
.deck-oracle .library-card img{aspect-ratio:300/480;border:0;border-radius:14px}
.deck-oracle.deck-reference img,.deck-oracle .deck-reference img{aspect-ratio:300/480}
.deck-oracle .deck-draw{grid-template-columns:repeat(11,1fr)}
.deck-line-1{grid-template-columns:1fr;max-width:420px}.deck-line-1 .reveal-card{width:min(100%,220px)}
.oracle-affirmation{font-family:var(--serif);font-size:24px;font-style:italic;color:var(--gold);line-height:1.4}
.oracle-today{max-width:980px;margin:10px auto 40px}.oracle-day-card h2{margin-top:4px}
@media(max-width:700px){.deck-oracle .deck-draw{grid-template-columns:repeat(6,1fr)}.deck-oracle .reveal-card{width:min(100%,140px)}}
/* Lenormand nine-card box: a 3 × 3 square, the centre card highlighted. */
.deck-line-9{grid-template-columns:repeat(3,1fr);gap:20px 26px;max-width:960px}
.deck-line-9 .reveal-card{width:min(100%,150px)}
.deck-box .spread-card.is-focus{border-radius:14px;box-shadow:0 0 0 1px #d3b78a55;background:#d3b78a0d;padding-top:8px}
@media(max-width:700px){.deck-line-9{grid-template-columns:1fr;gap:22px}}
/* Lenormand Grand Tableau: four rows of nine small cards (scrolls sideways on narrow phones), then a detail panel. */
.tableau-scroll{overflow-x:auto;margin:24px auto 28px;max-width:1100px;padding:6px 4px 10px;-webkit-overflow-scrolling:touch}
.tableau-grid{display:grid;grid-template-columns:repeat(9,minmax(58px,1fr));gap:10px;min-width:600px}
.tableau-card{position:relative;padding:0;border:0;background:none;aspect-ratio:300/450;perspective:900px;cursor:pointer;border-radius:8px}
.tableau-card .card-inner{display:block;width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform .7s;transition-delay:calc(var(--i)*22ms)}
.tableau-card.revealed .card-inner{transform:rotateY(180deg)}
.tableau-card .card-back,.tableau-card .card-front{position:absolute;inset:0;backface-visibility:hidden;border:0;background:none;border-radius:8px;overflow:hidden;display:block}
.tableau-card .card-front{transform:rotateY(180deg)}
.tableau-card img{width:100%;height:100%;display:block}
.tableau-house{position:absolute;left:4px;top:-9px;font-size:10px;letter-spacing:.5px;color:var(--muted);background:var(--bg,#100d14);padding:0 4px;border-radius:6px;z-index:2}
.tableau-card.is-you{box-shadow:0 0 0 2px var(--gold),0 0 18px #d3b78a66}
.tableau-card.is-active{outline:2px solid #e6b8c4;outline-offset:3px}
.tableau-card:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.tableau-card[data-tile]:hover{transform:translateY(-3px)}
.tableau-detail{display:grid;grid-template-columns:160px 1fr;gap:28px;align-items:start;max-width:860px;margin:0 auto 36px;padding:24px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(180deg,#1f1828,#15111c)}
.tableau-detail>img{width:100%;height:auto;border-radius:10px}
.tableau-detail h2{margin:2px 0 6px}.tableau-detail .deck-summary{padding-left:18px;text-align:left;margin:14px 0}
@media(max-width:700px){.tableau-detail{grid-template-columns:90px 1fr;gap:16px;padding:16px}.tableau-grid{gap:8px}}
@media(prefers-reduced-motion:reduce){.tableau-card .card-inner{transition:none}.tableau-card[data-tile]:hover{transform:none}}
/* Yes or no tarot: the tarot reading's card proportions (300×527) and a single card. */
.deck-yesno .deck-draw{grid-template-columns:repeat(13,1fr)}
.deck-yesno .reveal-card{aspect-ratio:300/527;width:min(100%,220px)}
.deck-yesno .card-front img{width:100%;height:100%;display:block}
@media(max-width:700px){.deck-yesno .deck-draw{grid-template-columns:repeat(7,1fr)}.deck-yesno .reveal-card{width:min(100%,170px)}}
.yesno-scale{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0 26px}
.yesno-scale div{border:1px solid var(--line);border-radius:12px;padding:14px 16px;background:#19151f}
.yesno-scale strong{display:block;color:var(--gold);font-family:var(--serif);font-size:20px;margin-bottom:4px}
@media(max-width:700px){.yesno-scale{grid-template-columns:1fr}}
.field-error{color:#f0a6b5;font-size:14px;margin:6px 0 0}
.yesno-list{columns:3 180px;column-gap:28px;padding-left:18px;margin:8px 0 22px}.yesno-list li{margin-bottom:4px;break-inside:avoid}
/* Wide screens: the tableau and the tapped card side by side, the card panel staying in view. */
.tableau-layout{max-width:1180px;margin:0 auto}
@media(min-width:1000px){.tableau-layout.is-done{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:26px;align-items:start}.tableau-layout.is-done .tableau-scroll{margin:24px 0}.tableau-layout.is-done .tableau-detail{position:sticky;top:20px;grid-template-columns:1fr;margin:24px 0;padding:20px}.tableau-layout.is-done .tableau-detail>img{width:110px}.tableau-layout.is-done .tableau-grid{min-width:0;grid-template-columns:repeat(9,minmax(0,1fr));gap:8px}}
@media(min-width:1000px){.tableau-layout.is-done .tableau-detail h2{font-size:26px;line-height:1.2}}
.tableau-detail h2 .muted{font-size:.6em;font-family:var(--sans,inherit);letter-spacing:.5px}
/* Cup reading symbols (240×240, a cup seen from above). */
.cup-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}
.cup-grid .library-card img,.cup-reference img{aspect-ratio:1/1;border:0!important;border-radius:0;background:none}
.cup-reference img{max-width:240px}
/* Elder Futhark runes (240×300 stones). */
.deck-rune .reveal-card{aspect-ratio:240/300;width:min(100%,170px)}
.deck-rune .card-back,.deck-rune .card-front{border:0;background:none}.deck-rune .card-back img,.deck-rune .card-front img{width:100%;height:100%;display:block}
.deck-rune .deck-card{aspect-ratio:4/5;border-radius:46% 46% 44% 44%;background:radial-gradient(circle at 38% 32%,#5b5466,#2a2531);border-color:#4a4352}
.deck-rune .deck-draw{grid-template-columns:repeat(8,1fr);max-width:760px;margin-left:auto;margin-right:auto}
.deck-rune .library-card img,.rune-reference img{aspect-ratio:240/300;border:0!important;background:none}
.rune-glyph{font-size:1.1em;color:var(--gold)}
@media(max-width:700px){.deck-rune .deck-draw{grid-template-columns:repeat(6,1fr)}.deck-rune .reveal-card{width:min(100%,130px)}}
@media(min-width:760px){.deck-rune .library-grid{grid-template-columns:repeat(4,1fr);max-width:900px;margin-left:auto;margin-right:auto}}