.battle-token > span {
  width: 27px;
  height: 27px;
  display: block;
}

.placed-order > span {
  width: 23px;
  height: 23px;
}

/* Keep the hidden face deliberately unreadable. */
.placed-order-hidden > span {
  width: auto;
  height: auto;
  background-image: none;
  color: #fff0c9 !important;
}

/* Slightly enlarge the illustrated face while preserving strength badges and hit areas. */
.battle-token {
  background: radial-gradient(circle at 34% 27%, rgba(255,255,255,.16), transparent 24%), linear-gradient(145deg,#5e4937,#21150f 72%);
}

.placed-order:not(.placed-order-hidden) {
  background: radial-gradient(circle at 32% 27%, rgba(255,255,255,.24), transparent 25%), linear-gradient(145deg,color-mix(in srgb,var(--marker-color) 78%,#2c1a10),#120a07 82%);
}