/*!
 * BappaListen — ten coins in a grid, and the replay button.
 * https://bappatutions.in
 */

.bl-board {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: clamp(0.4rem, 1.6vw, 0.8rem);
  width: 100%;
}

/* Sits in the flow rather than absolutely, unlike the shuffling coin game. */
.bl-coin {
  position: relative;
  left: auto; top: auto; margin: 0;
  width: 100%;
  aspect-ratio: 1;
  font-size: clamp(1.3rem, 5.5vw, 2.4rem);
}

.bl-again {
  margin-top: 0.8rem;
  padding: 0.55rem 1.4rem;
  border: 0;
  border-radius: 999px;
  background: rgb(255 255 255 / 0.75);
  border: 2px solid rgb(21 143 65 / 0.35);
  color: #2B2118;
  font: inherit;
  font-weight: 700;
  cursor: pointer;
}
.bl-again:active { transform: translateY(2px); }