/* Presentation only: dimensions and fixed table layout belong to style.css. */
.card-stage .current{transform-origin:50% 50%;backface-visibility:hidden}
.card-stage .round-flip-out{animation:deck-flip-out .36s cubic-bezier(.3,.08,.55,1) both}
.card-stage .round-flip-in{animation:deck-flip-in .28s cubic-bezier(.16,.7,.25,1) both}
.card-stage .war-deal,.card-stage .war-final-deal{animation:deck-card-deal .42s cubic-bezier(.18,.72,.22,1) both}
.card-stage .war-flip-out{animation:end-over-end-out .23s ease-in both}
.card-stage .war-flip-in{animation:deck-flip-in .3s ease-out both}
.card-stage .motion-measuring{animation:none!important;transform:none!important}
@keyframes deck-flip-out{
 0%{transform:translate(var(--deal-x,0px),var(--deal-y,0px)) scale(var(--deck-scale-x,.23),var(--deck-scale-y,.27)) rotateX(0deg)}
 55%{transform:translate(calc(var(--deal-x,0px)*.3),calc(var(--deal-y,0px)*.3 - 12px)) scale(.82) rotateX(calc(var(--flip-pitch,-90deg)*.2))}
 100%{transform:translateY(-9px) scale(1) rotateX(var(--flip-pitch,-90deg))}
}
@keyframes deck-flip-in{
 from{transform:translateY(-9px) rotateX(var(--flip-enter,90deg))}
 to{transform:translateY(0) rotateX(0deg)}
}
@keyframes end-over-end-out{from{transform:rotateX(0deg)}to{transform:translateY(-9px) rotateX(var(--flip-pitch,-90deg))}}
@keyframes deck-card-deal{
 0%{transform:translate(var(--deal-x,0px),var(--deal-y,0px)) scale(var(--deck-scale-x,.23),var(--deck-scale-y,.27));opacity:.65}
 75%{transform:translateY(-5px) scale(1.015);opacity:1}
 100%{transform:none;opacity:1}
}
.opening-deal-layer{position:absolute;inset:0;z-index:25;pointer-events:none;contain:layout style}
.opening-deal-card{position:absolute;left:50%;top:50%;width:27px;height:38px;margin:-19px 0 0 -13.5px;border:2px solid #8198b6;border-radius:5px;background:repeating-linear-gradient(45deg,#29354a,#29354a 3px,#384863 3px,#384863 6px);box-shadow:0 2px 8px #0005;animation:opening-card-deal .38s cubic-bezier(.22,.65,.3,1) var(--opening-delay) both}
@keyframes opening-card-deal{
 0%{opacity:0;transform:translate(0,0) scale(1.1)}
 8%{opacity:1}
 85%{opacity:1}
 100%{opacity:0;transform:translate(var(--opening-x),var(--opening-y)) scale(1)}
}
.motion-paused .card,.motion-paused .card-stage,.motion-paused .battle-history,.motion-paused .deck-marker,.motion-paused .win-banner,.motion-paused .opening-deal-card{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){
 .card-stage .round-flip-out,.card-stage .round-flip-in,.card-stage .war-deal,.card-stage .war-final-deal,.card-stage .war-flip-out,.card-stage .war-flip-in{animation:none!important;transform:none!important}
 .opening-deal-layer{display:none}
}