/* The labyrinth streak: right answers in a row (js/tasks/streak.js).
   The run of lights is the love meter now (css/tasks/meter.css): a step per
   right answer, drained whole by a wrong one. Shared task classes (.pill)
   and the shake / pill-in keyframes stay in base.css. */

.streak {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.5em;
  margin-top: 1.2em;
}
.streak-card {
  font-family: var(--serif);
  font-size: clamp(1.15rem, 3vw, 1.5rem);
  color: var(--cream);
  text-align: center;
  max-width: 16em;
  line-height: 1.55;
}
.streak-card.enter { animation: pill-in 0.45s ease; }
.streak-card.no { animation: shake 0.4s ease; }
.streak-pills { display: flex; gap: 0.8em; }
/* The mercy door: fades in only after the labyrinth has held you a while. */
.streak-escape {
  margin-top: 0.4em;
  opacity: 0;
  transform: translateY(6px);
  transition: opacity 0.6s ease, transform 0.6s ease;
  border-color: rgba(116, 176, 255, 0.5);
}
.streak-escape.show { opacity: 1; transform: none; }