#game {
  width: 320px;
}

#grid {
  border-spacing: 0;
  border-collapse: collapse;
}

#grid td div, .tile {
  border-radius: 3px;
  border: 1px solid #c4c4c4;
  width: 30px;
  height: 30px;
}

.red {
  background: red;
}

.green {
  background: green;
}

.blue {
  background: blue;
}

.yellow {
  background: yellow;
}

.purple {
  background: purple;
}

.pink {
  background: pink;
}

.black {
  background: black;
}

#progress {
  border: 1px solid #ececec;
  width: 200px;
  height: 20px;
  float: left;
}

#progress div {
  height: 100%;
}

#lookahead {
  overflow: hidden;
}

#next {
  float: left;
}
#game {
  width: 320px;
}

#grid {
  border-spacing: 0;
  border-collapse: collapse;
}

#grid td div, .tile {
  border-radius: 3px;
  border: 1px solid #c4c4c4;
  width: 30px;
  height: 30px;
}

.red {
  background: red;
}

.green {
  background: green;
}

.blue {
  background: blue;
}

.yellow {
  background: yellow;
}

.purple {
  background: purple;
}

.pink {
  background: pink;
}

.black {
  background: black;
}

#progress {
  border: 1px solid #c4c4c4;
  width: 200px;
  height: 20px;
  float: left;
}

#progress div {
  height: 100%;
}

#lookahead {
  overflow: hidden;
}

#next {
  float: left;
}
Make border color more visible
Make border color more visible
