/* Dedicated artwork: the picture rotates; names and controls remain readable. */
.hero-card.star .art{background-image:url('assets/deck/tarot-17.webp');background-size:cover;background-position:center}
.hero-card.moon .art{background-image:url('assets/deck/tarot-18.webp');background-size:cover;background-position:center}
.hero-card.sun .art{background-image:url('assets/deck/tarot-19.webp');background-size:cover;background-position:center}
.mini-card.card-art{display:block;background:#101724;width:160px;height:auto;aspect-ratio:2/3;padding:0;transform:none;overflow:hidden}
.mini-card.card-art img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .55s ease}
.mini-card.card-art.reversed{transform:none}
.mini-card.card-art.reversed img{transform:rotate(180deg)}
.flip-shell .mini-card.card-art,.daily-card-art .mini-card.card-art{width:160px;height:auto;margin:0 auto}
.astro-portrait{width:100px;height:150px;object-fit:cover;border:1px solid #c5a66a88;border-radius:5px;flex-shrink:0;box-shadow:0 12px 30px #0004}
#deckGallery{margin:85px 0 50px;scroll-margin-top:90px}
.deck-intro{color:var(--muted);line-height:1.8;max-width:680px}
.deck-filters,.deck-orientation{display:flex;flex-wrap:wrap;gap:9px;margin:22px 0}
.deck-filters button,.deck-orientation button{min-height:44px}
#deckGallery .selected{border-color:var(--gold);background:#d2b47718;color:#f2d9a4}
.deck-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:25px 18px;margin-top:28px}
.deck-tile{display:flex;flex-direction:column;align-items:center;gap:10px;background:transparent;border:1px solid transparent;border-radius:7px;padding:8px;min-width:0;color:#eee4d4;font:inherit;text-align:center;cursor:pointer;transition:transform .2s,border-color .2s}
.deck-tile:hover{transform:translateY(-4px);border-color:#d2b47765}
.deck-tile:focus-visible,#deckGallery button:focus-visible{outline:2px solid #ead4a5;outline-offset:4px}
.deck-tile .mini-card.card-art{width:100%;margin:0;box-shadow:0 8px 24px #0004}
.deck-tile>img{width:100%;height:auto;aspect-ratio:2/3;object-fit:cover;border-radius:5px;border:1px solid #d2b47788}
.deck-tile strong{font-size:13px;font-weight:500;line-height:1.5;overflow-wrap:anywhere}
.deck-tile small{color:#b8aa91;font-size:10px;margin-top:auto}
.deck-detail{display:grid;grid-template-columns:190px 1fr;gap:30px;max-width:850px;margin:25px auto;padding:28px;border:1px solid #d2b47755;border-radius:12px;background:linear-gradient(120deg,#192033,#121924);scroll-margin-top:100px}
.deck-detail .mini-card.card-art{width:100%;margin:0}
.deck-detail h3{font-family:Georgia,serif;font-size:26px;margin:8px 0 18px}
.deck-detail h4{color:#e7d0a3;margin:20px 0 8px}
.deck-detail p{line-height:1.9;color:#d0c9bc}
.deck-detail .zodiac-art{width:100%;height:auto;border-radius:6px}
.deck-detail .secondary{margin-top:14px}
@media(max-width:900px){.deck-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:600px){.deck-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 5px}.deck-tile{padding:3px}.deck-tile strong{font-size:11px}.deck-tile small{font-size:9px}.deck-filters{gap:7px}.deck-filters .secondary,.deck-orientation .secondary{font-size:12px;padding:9px 12px}.deck-detail{grid-template-columns:1fr;padding:20px;gap:15px}.deck-detail>div:first-child{width:150px;margin:auto}.deck-detail h3{font-size:23px}.flip-shell .mini-card.card-art,.daily-card-art .mini-card.card-art{width:110px}.astro-portrait{width:76px;height:114px}}
@media(prefers-reduced-motion:reduce){.mini-card.card-art img,.deck-tile{transition:none}.deck-tile:hover{transform:none}}
.effects-off .mini-card.card-art img,.effects-off .deck-tile{transition:none}