/* ==============================
   Retro / terminal primitives (2026 redesign)
   Pixel sprites, .pixel / .mono / .label helpers, reduced-motion.
   Shared layer - safe to load globally.
   ============================== */

.pixel { font-family: var(--pixel); font-weight: 400; line-height: 1.6; }
.mono { font-family: var(--mono); }
.label {
  font-family: var(--mono);
  font-size: 11px;
  letter-spacing: .055em;
  text-transform: uppercase;
  color: var(--tx-3);
  font-weight: 500;
}

/* pixel-sprite system (filled by the pixel-sprites JS module from string patterns) */
.sprite { display: inline-grid; line-height: 0; gap: 1px; vertical-align: middle; }
.sprite b { display: block; width: var(--px, 3px); height: var(--px, 3px); background: currentColor; }
.sprite b.o { background: transparent; }

/* Respect reduced-motion: kill the blinking cursor + lift transitions. */
@media (prefers-reduced-motion: reduce) {
  .cmd__cur { animation: none; }
  .btn--primary, .engine-card, .ex-card, .artcard, .thumb { transition: none; }
}