/* Shared vector playing cards (js/cards.js). Size with --cw on the card or any ancestor. */
.dc{position:absolute;left:0;top:0;width:var(--cw,92px);height:calc(var(--cw,92px) * 1.4);perspective:900px;will-change:transform;
  transition:transform .42s cubic-bezier(.22,.8,.26,1),opacity .3s,filter .3s}
.dc.nt,.nt .dc{transition:none!important}
.dc-in{position:absolute;inset:0;transform-style:flat}
.dc.down .dc-in{transform:none}
.dc-f,.dc-b{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:calc(var(--cw,92px) * .07);overflow:hidden;
  box-shadow:0 calc(var(--cw,92px) * .05) calc(var(--cw,92px) * .14) #02081a99,0 0 0 1px #0b1a3522}
.dc-f{background:#fbfcff}
.dc-b{transform:none;visibility:hidden;background:#10244a}
.dc.down .dc-f{visibility:hidden}
.dc.down .dc-b{visibility:visible}
.dc-svg{display:block;width:100%;height:100%}
.dc.flipping .dc-in{animation:none}
@keyframes dc-lift{50%{scale:1.06}}
/* states the games can toggle */
.dc .dc-f:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 0 transparent;transition:box-shadow .25s}
.dc.ring-w .dc-f:after{box-shadow:inset 0 0 0 3px var(--win)}
.dc.ring-l .dc-f:after{box-shadow:inset 0 0 0 3px var(--lose)}
.dc.ring-a .dc-f:after{box-shadow:inset 0 0 0 3px var(--cyan)}
/* static deck stack (backs only) */
.dc-stack{position:absolute;width:var(--cw,92px);height:calc(var(--cw,92px) * 1.4)}
.dc-stack .dc{transition:none}
.dc-stack .dc:nth-child(2){transform:translate(2px,-2px)}
.dc-stack .dc:nth-child(3){transform:translate(4px,-4px)}
.dc-stack .dc:nth-child(4){transform:translate(6px,-6px)}
@media (prefers-reduced-motion: reduce){ .dc,.dc-in{transition-duration:.01ms!important} .dc.flipping .dc-in{animation:none} }