/* Neuriosity — Word Memory playfield.
   Shared chrome lives in ../_shared/game-kit.css */

.neu-term {
  display: grid;
  place-items: center;
  min-height: calc(var(--gu) * 26);
  padding: 0 calc(var(--gu) * 3);
  color: var(--navy, #062b63);
  font-size: calc(var(--gu) * 11);
  font-weight: 800;
  letter-spacing: -0.045em;
  line-height: 1;
  overflow-wrap: anywhere;
}

.neu-term.is-right { animation: neu-term-yes 280ms ease; }
.neu-term.is-wrong { animation: neu-term-no 340ms ease; }

@keyframes neu-term-yes {
  0% { transform: scale(1); }
  50% { transform: scale(1.05); }
  100% { transform: scale(1); }
}

@keyframes neu-term-no {
  0%, 100% { transform: translateX(0); }
  25% { transform: translateX(calc(var(--gu) * -1.4)); }
  75% { transform: translateX(calc(var(--gu) * 1.4)); }
}

.neu-verdict {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: calc(var(--gu) * 2);
  width: min(100%, calc(var(--gu) * 74));
}

.neu-verdict .neu-btn { width: 100%; font-size: calc(var(--gu) * 3.4); min-height: calc(var(--gu) * 10); }

.neu-verdict__new { background: var(--neu-accent, #c94f86); }
.neu-verdict__seen { background: var(--navy, #062b63); }

.neu-verdict.is-locked .neu-btn { cursor: default; }