.unrevealed-cell {
  opacity: 0.4;
  filter: grayscale(40%);
  border: 1px dashed rgba(255, 255, 255, 0.3) !important;
}

/* Optional: Add a slight scale effect to clicked cells to make them pop */
.cell.teal,
.cell.green,
.cell.yellow,
.cell.orange,
.cell.red,
.cell.rainbow {
  font-weight: bold;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}

#breakdown-tray {
  margin-top: 10px;
  display: flex;
  justify-content: center;
  gap: 5px;
  min-height: 32px;
  flex-wrap: wrap;
}

#ship-counter {
  margin-top: 10px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: center;
}

#status {
  font-size: 12px;
  color: #aaa;
}

#total-value {
  color: #ffd700;
  font-weight: bold;
}

#clicks {
  color: #ff4757;
  font-weight: bold;
}

.info-row {
  display: flex;
  justify-content: center;
  gap: 20px;
  margin-bottom: 10px;
}

#breakdown-log {
  max-height: 100px;
  overflow-y: auto;
  margin-top: 5px;
}