/* Override hardcoded sizes from main.css — dynamic styles take precedence */

/* Reset hardcoded tile positions from main.css (both desktop and mobile) */
.tile.tile-position-1-1, .tile.tile-position-1-2, .tile.tile-position-1-3, .tile.tile-position-1-4,
.tile.tile-position-2-1, .tile.tile-position-2-2, .tile.tile-position-2-3, .tile.tile-position-2-4,
.tile.tile-position-3-1, .tile.tile-position-3-2, .tile.tile-position-3-3, .tile.tile-position-3-4,
.tile.tile-position-4-1, .tile.tile-position-4-2, .tile.tile-position-4-3, .tile.tile-position-4-4 {
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  transform: none;
}

/* Let dynamic styles control these */
.grid-cell {
  width: auto;
  height: auto;
  margin-right: 0;
}

.grid-row {
  margin-bottom: 0;
}

.tile, .tile .tile-inner {
  width: auto;
  height: auto;
  line-height: normal;
}

/* Fix game container to not have hardcoded dimensions */
.game-container {
  width: 500px;
  height: 500px;
}

/* The .container width will be set dynamically */