.poster a.art{display:block;color:inherit;text-decoration:none;cursor:pointer}
.poster a.art:focus-visible{outline:3px solid var(--marker);outline-offset:4px}
.poster .art .card{--rx:0deg;--ry:0deg;--lift:1;overflow:hidden;transform:perspective(800px) rotate(var(--rot)) rotateX(var(--rx)) rotateY(var(--ry)) scale(var(--lift));transition:transform .3s ease-out}
.poster .art .card-orange{--rot:-9deg}
.poster .art .card-green{--rot:6deg}
.poster .art .card-black{--rot:12deg}
.poster .art .card::after{content:'';position:absolute;inset:-20% -60%;background:var(--paper);clip-path:polygon(45% 0,53% 0,47% 100%,39% 100%);mix-blend-mode:screen;opacity:0;transform:translateX(var(--gx,-70%));pointer-events:none}
.poster .art.fx-sweep .card::after{transition:transform .9s ease-in-out,opacity .3s ease-out;transition-delay:var(--d,0s)}
.poster .art.fx-sweep.fx-go .card::after{--gx:70%;opacity:.55}
.poster .art.fx-done .card::after{opacity:0;transition:opacity .3s ease-out}
.poster .art .card.is-glare{--lift:1.04;z-index:4}
.poster .art .card.is-glare::after{opacity:.6;transition:opacity .2s ease-out}
@media (prefers-reduced-motion:reduce){
.poster .art .card{transition:none;transform:rotate(var(--rot))}
.poster .art .card::after{display:none}
}