.form {
  display: grid;
  /* Creates two columns: one auto-sized for labels, one for inputs */
  grid-template-columns: auto 1fr; 
  gap: 10px; /* Space between rows and columns */
  max-width: 400px
}

.form-group {
  display: contents; /* Makes children participate directly in the grid */
}

label {
  text-align: right; /* Aligns label text to the right, close to the input */
  padding-right: 10px; /* Adds space between label and input */
  grid-column: 1; /* Places labels in the first column */
}

input {
  grid-column: 2; /* Places inputs in the second column */
  width: 75%; /* Ensures inputs fill the second column width consistently */
  box-sizing: border-box; /* Ensures padding/border doesn't add to the width */
}

th, td {
  padding: 8px; /* Adds space between the content and the border */
  text-align: center;
}

td input {
    text-align: center;
}

.empty {
    display: none;
}

.skinny-input {
  max-width: 5em;
}

.p-ive {
  color: green;
}

.n-ive {
  color: red;
}

#warning-text {
  color: red;
}

.remove-player-icon {
  width: 1em;
  height: 1em;
}