/* The deck's own furniture. A .cf is a real card face from games/cards.svg —
   it fills whatever slot it is dropped into, and the art carries the white
   body, the black keyline and the rounded corners, so a slot needs no paint of
   its own. The white background here is the placeholder for the moment before
   the sprite lands: a blank card, not a hole. */
#cards-sprite { position: absolute; width: 0; height: 0; overflow: hidden }
.cf {
  display: block; width: 100%; height: auto;   /* the viewBox sets the height */
  background: #fff; border-radius: 8.3%/5.5%;   /* the art's own corner radius */
}