/* Neuriosity — Pattern Logic playfield.
   Shared chrome lives in ../_shared/game-kit.css */

.neu-matrix {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: calc(var(--gu) * 1.3);
  width: calc(var(--gu) * 44);
  max-width: 100%;
  aspect-ratio: 1;
}

.neu-cell {
  display: grid;
  place-items: center;
  background: #fff;
  border: calc(var(--gu) * 0.26) solid rgba(8, 120, 232, 0.18);
  border-radius: calc(var(--gu) * 1.4);
}

.neu-cell--blank {
  background: rgba(139, 70, 201, 0.08);
  border-style: dashed;
  border-color: rgba(139, 70, 201, 0.55);
}

.neu-cell--blank::after {
  content: "?";
  color: rgba(139, 70, 201, 0.75);
  font-size: calc(var(--gu) * 5);
  font-weight: 800;
}

.neu-glyph { width: 72%; height: 72%; }

.neu-options {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: calc(var(--gu) * 1.6);
  width: min(100%, calc(var(--gu) * 72));
}

.neu-option {
  display: grid;
  place-items: center;
  aspect-ratio: 1;
  padding: calc(var(--gu) * 1.2);
  background: #fff;
  border: calc(var(--gu) * 0.3) solid rgba(6, 43, 99, 0.16);
  border-radius: calc(var(--gu) * 1.8);
  cursor: pointer;
  transition: transform 130ms ease, border-color 130ms ease;
}

.neu-options:not(.is-locked) .neu-option:hover,
.neu-option:focus-visible {
  border-color: var(--neu-accent, #8b46c9);
  transform: translateY(calc(var(--gu) * -0.4));
}

.neu-options.is-locked .neu-option { cursor: default; }

.neu-option.is-right { border-color: var(--teal, #13aa8b); background: #eefaf5; }
.neu-option.is-wrong { border-color: var(--coral, #f15f6d); background: #fff1f2; }
.neu-option.is-answer { border-color: var(--teal, #13aa8b); border-style: dashed; }