.ck-board {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin: 10px 0;
}
@media (max-width: 480px) {
  .ck-board { grid-template-columns: repeat(2, 1fr); }
}

.ck-station {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  padding: 18px 10px;
  border: 2px solid var(--color-border);
  border-radius: 12px;
  background: #12131a;
  cursor: pointer;
  font-family: inherit;
}
.ck-station__icon { font-size: 2.2rem; line-height: 1; }
.ck-station__label { font-weight: 700; font-size: 0.85rem; color: var(--color-text-muted, #9ca3af); }

.ck-station--cooking {
  border-color: #f4a340;
}
.ck-station--cooking .ck-station__label { color: #f4a340; }

.ck-station--ready {
  border-color: var(--color-success);
  background: rgba(74, 222, 128, 0.12);
  animation: ck-pulse 0.6s ease-in-out infinite;
}
.ck-station--ready .ck-station__label { color: var(--color-success); }

@keyframes ck-pulse {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.04); }
}

.ck-station__bar {
  width: 100%;
  height: 6px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  overflow: hidden;
}
.ck-station__bar-fill {
  display: block;
  height: 100%;
  background: currentColor;
  transition: width 0.1s linear;
}
.ck-station--cooking .ck-station__bar-fill { background: #f4a340; }
.ck-station--ready .ck-station__bar-fill { background: var(--color-success); }
