/* Spelling Bee */

.sbe-status {
  text-align: center;
  font-weight: 700;
  padding: 8px;
  border-radius: 10px;
  margin-bottom: 10px;
}
.sbe-status--win { color: var(--color-success); background: rgba(74, 222, 128, 0.12); }
.sbe-status--lose { color: var(--color-accent); background: rgba(238, 111, 168, 0.12); }
.sbe-status--msg { color: var(--color-text); background: var(--color-bg-alt); }

.sbe-input {
  text-align: center;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: 2px;
  min-height: 40px;
  margin-bottom: 16px;
  color: var(--color-text);
}
.sbe-input-placeholder {
  font-size: 0.85rem;
  font-weight: 400;
  letter-spacing: normal;
  color: var(--color-text-soft);
}

.sbe-hive {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
  max-width: 280px;
  margin: 0 auto 20px;
}

.sbe-cell {
  width: 64px;
  height: 56px;
  border: none;
  border-radius: 10px;
  background: var(--color-bg-alt);
  color: var(--color-text);
  font-size: 1.3rem;
  font-weight: 700;
  text-transform: uppercase;
  cursor: pointer;
}
.sbe-cell:hover { background: rgba(255, 213, 79, 0.18); }
.sbe-cell--center {
  background: #ffd54f;
  color: #1a1a1a;
  order: -1;
}
.sbe-cell--center:hover { background: #ffdd6b; }

.sbe-controls {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
  margin-bottom: 20px;
}

.sbe-found-title {
  font-size: 0.8rem;
  color: var(--color-text-soft);
  margin-bottom: 8px;
  text-align: center;
}
.sbe-found-empty {
  text-align: center;
  font-size: 0.8rem;
  color: var(--color-text-soft);
}

.sbe-found-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 6px;
}

.sbe-found-word {
  padding: 3px 10px;
  border-radius: 999px;
  background: var(--color-bg-alt);
  color: var(--color-text);
  font-weight: 700;
  font-size: 0.8rem;
}
.sbe-found-word--pangram { background: #ffd54f; color: #1a1a1a; }