.tarot-deal-layer{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;background:none;color:inherit;overflow:visible;pointer-events:none;z-index:2147483646}
.tarot-deal-layer::backdrop{background:transparent;pointer-events:none}
.tarot-deal-card{position:absolute;pointer-events:none;transform-origin:50% 100%;transform-style:preserve-3d;will-change:transform,opacity;filter:drop-shadow(0 8px 10px #040d2355)}
.tarot-deal-card>.tarot-card-back{width:100%!important;height:100%!important;box-sizing:border-box;margin:0}
.tarot-deal-card img{width:100%;height:100%;object-fit:cover;display:block}

/* Do not show the ten face-up map cards before their deal has completed. */
.spread.is-dealing .ct-map{visibility:hidden}

/* The map shows card faces directly, outside a rotating front/back wrapper. */
.ct-map .ct-cell>.sp-front{transform:none!important;backface-visibility:visible!important;-webkit-backface-visibility:visible!important}
.ct-map .ct-cell>.sp-front.rev{transform:rotate(180deg)!important}
/* Fit the reading card to its actual column, including narrow phones. */
.spread.n10 .sp-flip{height:auto;aspect-ratio:124/178;min-width:0}
.spread.n10 .sp-inner{width:100%;height:100%}
.spread.n10 .sp-inner .cf{width:100%;height:100%}