:root {
  --quaternity-piece-size: 92%;
}

.piece,
.piece-chip,
.academy-square {
  padding: 0;
  box-sizing: border-box;
}

.piece,
.piece-chip {
  display: flex;
  align-items: center;
  justify-content: center;
}

.piece {
  width: calc(100% / 12);
  height: calc(100% / 12);
}

.piece-chip {
  width: 100%;
  height: 100%;
}

.quaternity-piece,
.piece img,
.piece-image,
.piece-visual img,
.academy-piece,
.removed-king-ghost img {
  width: var(--quaternity-piece-size);
  height: var(--quaternity-piece-size);
  max-width: var(--quaternity-piece-size);
  max-height: var(--quaternity-piece-size);
  object-fit: contain;
  display: block;
  margin: 0;
}

.piece-visual {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}