.card-surface{display:block;position:relative;isolation:isolate;line-height:0;transform-style:preserve-3d;transition:translate .25s ease,scale .25s ease,filter .25s ease;transform-origin:center;perspective:900px}
.card-surface>img{display:block;width:100%;height:auto;border-radius:inherit;pointer-events:none}
.card-surface>.card-foil{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;border-radius:inherit;opacity:0}
.card-surface.foil-ready>.card-foil{opacity:1}
.card-surface.card-active{translate:0 -9px;scale:1.035;filter:drop-shadow(0 14px 13px #0008);z-index:8!important}
.card-surface>img,.card-surface>.card-foil{transform:rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .12s ease-out}
.card-entry button:hover .card-surface>img{transform:rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg))}
.card-entry button>.card-surface,.kaiju-showcase button>.card-surface{width:100%;border-radius:10px}
.card-entry button,.kaiju-showcase button{overflow:visible}
#card-dialog>.card-surface{width:fit-content;max-width:100%;margin:auto;clear:both}
#card-dialog>.card-surface>img{width:auto;max-width:100%;max-height:73vh;object-fit:contain}
#card-dialog>.card-surface.card-active{translate:0 0;scale:1}
@media(prefers-reduced-motion:reduce){.card-surface,.card-surface>img,.card-surface>.card-foil{transition:none;transform:none}.card-surface.card-active{translate:none;scale:1}}