.piece {
  width: clamp(50px, 11cqh, 160px);
  height: clamp(40px, 8cqh, 120px);
  display: block;
  object-fit: contain;
  pointer-events: auto;
}

.piece[draggable='true'] {
  cursor: grab;
}

.piece[draggable='true']:active {
  cursor: grabbing;
}

@media (max-width: 991px) {
  .piece {
    width: clamp(40px, 9cqh, 130px);
    height: clamp(40px, 9cqh, 130px);
  }
}

@media (max-width: 768px) {
  .piece {
    width: clamp(32px, 8cqh, 100px);
    height: clamp(32px, 8cqh, 100px);
  }
}

@media (max-width: 480px) {
  .piece {
    width: clamp(24px, 6cqh, 75px);
    height: clamp(24px, 6cqh, 75px);
  }
}
