body {
    font-family: sans-serif;
    text-align: center;
    background: #111;
    color: #fff;
  }
  
  #board {
    display: grid;
    grid-template-rows: repeat(6, 1fr);
    gap: 10px;
    justify-content: center;
    margin: 20px auto;
  }
  
  .row {
    display: grid;
    grid-template-columns: repeat(5, 50px);
    gap: 5px;
  }
  
  .tile {
    width: 50px;
    height: 50px;
    border: 2px solid #444;
    font-size: 24px;
    line-height: 50px;
    text-transform: uppercase;
    font-weight: bold;
    background: #222;
    color: #fff;
  }
  
  .green { background-color: #6aaa64; }
  .yellow { background-color: #c9b458; }
  .gray { background-color: #3a3a3c; }
  
  input {
    font-size: 18px;
    text-transform: uppercase;
    margin-top: 10px;
  }