/* Candy dice: the supplied renders (cut by tools/cut_dice.py) plus SVG power-ups, in assets/dice/. */
.die { padding: 2px; }
.die.static { position: relative; width: 100%; height: 100%; padding: 0; }

.face {
  width: 100%;
  height: 100%;
  background: center / contain no-repeat;
  transition: transform 0.2s ease;
}

.die[data-v="1"] .face { background-image: url("dice/1.png"); }
.die[data-v="2"] .face { background-image: url("dice/2.png"); }
.die[data-v="3"] .face { background-image: url("dice/3.png"); }
.die[data-v="4"] .face { background-image: url("dice/4.png"); }
.die[data-v="5"] .face { background-image: url("dice/5.png"); }
.die[data-v="6"] .face { background-image: url("dice/6.png"); }

/* Power-ups in the same style. */
.die[data-v="bomb"] .face { background-image: url("dice/bomb.svg"); }
.die[data-v="star"] .face { background-image: url("dice/star.svg"); }