/* Shared card back for every draw page: the Hour Light Time Card back (360×618).
   Containers keep the card's own ratio so the whole back is visible; nothing is cropped. */
:root{--hl-cardback:url("/images/fuling-card-back.jpg?v=20260724");--hl-card-ratio:360/618}

/* Tarot (3D flip): the back face + card size follows the 360:618 ratio */
.card-3d{height:auto!important;aspect-ratio:360/618!important}
.c-face.c-back,.card-back{background:#F0EEE9 var(--hl-cardback) center/100% 100% no-repeat!important;border:2px solid #3D3835!important}
.c-face.c-back::before,.c-face.c-back::after,.card-back::before,.card-back::after{display:none!important;content:none!important}
.c-face.c-back .c-back-inner,.c-face.c-back .c-back-key,.c-face.c-back .c-back-txt{display:none!important}
.sh-cards i,.sh-cards span,.sh-cards div{background:#F0EEE9 var(--hl-cardback) center/100% 100% no-repeat!important}

/* Sibilla (flip): card box uses the back's ratio; the deck's own back image is replaced */
.flip-in{aspect-ratio:var(--hl-card-ratio)!important}
.face.back{background:#F0EEE9 var(--hl-cardback) center/100% 100% no-repeat!important}
.face.back img{display:none!important}
.face.front img{object-fit:contain!important}

/* Etteilla / Kipper: the shuffle deck stack */
.deck-stack{width:96px!important;height:165px!important}
.deck-stack i{background:#F0EEE9 var(--hl-cardback) center/100% 100% no-repeat!important;border-radius:10px!important}

/* I Ching cards: the shuffle animation cards */
.lo-shuffle-cards{width:140px!important;height:240px!important}
.lo-shuffle-card{background:#F0EEE9 var(--hl-cardback) center/100% 100% no-repeat!important}

/* Any card art anywhere on these pages must show in full */
.lo-card-img,.card-item img,.rune-img img,.c-face img{object-fit:contain!important}