body.p4-theme {
  --bg-color: #0e1220;
  --surface-color: #16223d;
  --accent-color: #ffcc33;
}

.p4-board {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 6px;
  max-width: 380px;
  margin: 20px auto;
  background: var(--surface-color);
  padding: 10px;
  border-radius: 14px;
}

.p4-col {
  display: flex;
  flex-direction: column-reverse;
  gap: 6px;
  cursor: pointer;
}

.p4-cell {
  aspect-ratio: 1;
  border-radius: 50%;
  background: #0e1220;
}

.p4-cell.yellow { background: #ffcc33; }
.p4-cell.red { background: #ff5c5c; }