/* Tetromino component styles */
.tetro {
  position: relative;
  display: grid;
  /* Transparent background so page shows through */
  background: transparent;
  image-rendering: pixelated;
  image-rendering: crisp-edges;
}

.tetro-cell {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  /* Per-cell borders set inline from component for correct adjacency */
}

.tetro-empty { width: 100%; height: 100%; background: transparent; }