/* A contained, responsive fan shared by free and personal readings. */
.deck-fan{--fan-width:96px;position:relative;width:100%;height:250px;margin:20px auto 26px;isolation:isolate;transform:none!important;overflow:visible}
.deck-fan .fan-card{position:absolute;left:50%;top:26px;width:var(--fan-width);height:auto;aspect-ratio:300/538;margin:0;padding:0;border:0;border-radius:8px;background:transparent;transform-origin:50% 75%;transform:translateX(calc(-50% + var(--fan-x,0px))) translateY(var(--fan-y,0px)) rotate(var(--fan-angle,0deg));transition:transform .25s ease,opacity .2s ease;cursor:pointer;box-shadow:0 8px 22px #0005;touch-action:manipulation}
.deck-fan .fan-card img{width:100%;height:100%;object-fit:contain;display:block;pointer-events:none;border-radius:7px}
.deck-fan .fan-card:hover,.deck-fan .fan-card:focus-visible{transform:translateX(calc(-50% + var(--fan-x,0px))) translateY(calc(var(--fan-y,0px) - 20px)) rotate(var(--fan-angle,0deg));z-index:2;outline:2px solid #deca96;outline-offset:4px}
.deck-fan .fan-card.picked{opacity:0;pointer-events:none;transform:translateX(calc(-50% + var(--fan-x,0px))) translateY(-40px) rotate(var(--fan-angle,0deg))}
.deck-fan .fan-card:disabled{cursor:default}
#splash-mark{margin-inline:auto;flex-shrink:0}#splash-mark img{width:100%;height:auto;display:block}
.demo-stage .deck-fan{max-width:580px}.demo-stage .deck-fan[hidden]{display:none}
@media(max-width:480px){.deck-fan{height:210px;margin-bottom:20px}.deck-fan .fan-card{top:24px}}
@media(prefers-reduced-motion:reduce){.deck-fan .fan-card{transition:none}}