body {
  font-family: 'Orbitron', sans-serif;
  background-color: #f4f4f4;
}

.game-board {
  display: grid;
  grid-template-columns: repeat(4, 80px);
  gap: 10px;
  justify-content: center;
}

.card {
  background-color: #ffffff;
  border: 2px solid #ccc;
  font-size: 2rem;
  padding: 15px;
  cursor: pointer;
  user-select: none;
  border-radius: 10px;
  transition: transform 0.2s;
}

.card:hover {
  transform: scale(1.05);
}

.card.matched {
  background-color: #d4edda;
  border-color: #28a745;
}

/* Advanced CSS Selectors */
#scoreboard p:first-child {
  font-weight: bold;
}

input:focus {
  border: 2px solid #28a745;
}