/* R13.2.B — NEXT_MOVES living-lightbulb pills. */

.next-moves {
  margin: 10px 0 4px 0;
  padding: 10px 12px;
  border-radius: 12px;
  background: linear-gradient(135deg, rgba(250, 204, 21, 0.08), rgba(249, 115, 22, 0.06));
  border: 1px dashed #fcd34d;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.next-moves-label {
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #854d0e;
}
.next-moves-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.next-moves-chip {
  padding: 7px 12px;
  border-radius: 9999px;
  border: 1px solid #fcd34d;
  background: #fefce8;
  color: #78350f;
  font: inherit;
  font-size: 0.85rem;
  font-weight: 500;
  cursor: pointer;
  max-width: 100%;
  text-align: left;
  white-space: normal;
  line-height: 1.3;
  transition: background 100ms ease, transform 100ms ease, box-shadow 100ms ease;
}
.next-moves-chip:hover {
  background: #fde68a;
  transform: translateY(-1px);
  box-shadow: 0 2px 6px rgba(251, 191, 36, 0.3);
}
.next-moves-chip:focus-visible { outline: 2px solid #f97316; outline-offset: 2px; }

/* Hint card (lightbulb) — show NEXT_MOVES when in free-build mode */
.hint-nm-title {
  font-size: 0.82rem;
  font-weight: 700;
  color: #78350f;
  margin-bottom: 8px;
}
.hint-nm-list {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.hint-nm-row {
  background: #fefce8;
  border: 1px solid #fcd34d;
  color: #78350f;
  padding: 8px 12px;
  border-radius: 10px;
  font: inherit;
  font-size: 0.86rem;
  text-align: left;
  cursor: pointer;
  transition: background 100ms ease;
}
.hint-nm-row:hover { background: #fde68a; }
.hint-nm-row:focus-visible { outline: 2px solid #f97316; outline-offset: 2px; }