.game-panel { background: #243142; color: #e6f4ef; }
.game-panel h2, .game-panel h3, .game-panel .game-panel__theme { color: #f5b6c8; }
.game-panel p, .game-panel li, .game-panel label { color: #d7e2ea; }
.coin-panel, .rules-box { background: #1a2430; color: #d7e2ea; }
.coin-panel__balance { color: #f5b6c8; }
.hilo-board { display: grid; gap: 1rem; justify-items: center; margin: 1rem 0; }
.hilo-card {
  width: min(100%, 160px);
  aspect-ratio: 3/4;
  display: grid;
  place-items: center;
  background: #e6f4ef;
  color: #0c5c63;
  border: 5px solid #161a1c;
  font-family: var(--font-display);
  font-size: 2.8rem;
  box-shadow: 8px 8px 0 #f5b6c8;
}
.hilo-card.is-red { color: #c62828; }
.hilo-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  font-family: var(--font-mono);
  justify-content: center;
}
.hilo-meta strong { color: #f5b6c8; }