.rs-kpi{ display:flex; flex-direction:column; gap:2px; margin-top:10px; }

/* Ensure sq-lines grid background doesn't fill the whole card width */
.rs-board{ display:inline-grid; }

.rs-cell{
  display:flex;
  align-items:center;
  justify-content:center;
  font-family: var(--mono);
  font-weight: 700;
  font-size: 14px;
  user-select:none;
}

.rs-cell.dead{
  background: rgba(255,255,255,0.06);
  color: rgba(255,255,255,0.18);
}

/* alive but not yet playable */
.rs-cell.empty{
  background: rgba(255,255,255,0.85);
  color: rgba(0,0,0,0.55);
}

/* playable */
.rs-cell.empty.playable{
  background: #ffffff;
  color: #000000;
}

.rs-cell.filled{
  background: rgba(255,255,255,1.0);
  color: #000000;
}

.rs-cell.invalid{
  outline: 2px solid var(--danger);
}