.n84-page {
  --bo-display: 'Vazirmatn', var(--font-sans);
  --bo-names: var(--bo-display);
  --bo-read: 'Bo Naskh', 'Noto Naskh Arabic', var(--font-sans);
  --bo-read-size: 1.125rem;
  --bo-read-leading: 2.08;
  --bo-lacquer: #101413;
  --bo-lacquer-2: #171a19;
  --bo-wall: #252a27;
  --bo-wall-lit: #414640;
  --bo-gold: #b6a47d;
  --bo-gold-pale: #e5dcc4;
  --bo-bone: #e4e1d5;
  --bo-ash: #b6b2a2;
  --bo-dim: #817e70;
  --bo-indigo: #849c9a;
  --bo-blood: #a76c5a;
  --bo-glow: #b58f5c;
  --bo-ink: #0d1110;
  --bo-ink-2: #111614;
  --bo-panel: #1b201e;
  --bo-deep: #0b0f0e;
  --bo-deep-2: #131816;
  --bo-on-gold: #151613;
  --bo-gold-dark: #777052;
  --bo-indigo-deep: #4c6260;
  --bo-blood-deep: #704539;
  background:
    radial-gradient(68rem 38rem at 82% 0%, color-mix(in srgb, var(--bo-glow) 8%, transparent), transparent 63%),
    linear-gradient(180deg, var(--bo-wall) 0%, var(--bo-deep-2) 60%, var(--bo-deep) 100%);
}

.n84-page .bo-game__still {
  background: var(--bo-deep);
}

.n84-page .bo-game__still img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.n84-page .bo-game__start .bo-title {
  font-weight: 650;
  line-height: 1.25;
}

.n84-lens__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-4);
}

.n84-lens__grid article {
  padding: clamp(1.25rem, 3vw, 2rem);
  border: 1px solid var(--bo-gold-line);
  border-radius: var(--r-lg);
  background: color-mix(in srgb, var(--bo-panel) 88%, transparent);
}

.n84-lens__grid h3 {
  color: var(--bo-gold-pale);
  font-family: var(--bo-display);
  font-size: var(--text-xl);
  font-weight: 600;
}

.n84-lens__grid p {
  margin-block-start: var(--space-3);
  color: var(--bo-ash);
  font-family: var(--bo-read);
  line-height: var(--bo-read-leading);
}

@media (max-width: 680px) {
  .n84-lens__grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* The ending card's art: the café telescreen, still playing. */
.n84-card__screen {
  display: block;
  inline-size: 5rem;
  block-size: 3.8rem;
  border: 3px solid var(--bo-gold);
  border-radius: 0.3rem;
  background: repeating-linear-gradient(180deg, #8fa3a0 0 2px, #6f8380 2px 4px);
  box-shadow: 0 0 24px color-mix(in srgb, #a8c8c4 35%, transparent);
}
