.lz-board {
  display: grid;
  gap: 2px;
  width: min(360px, 92vw);
  margin: 0 auto;
  background: #0f172a;
  padding: 6px;
  border-radius: 10px;
  touch-action: manipulation;
}
.lz-cell {
  aspect-ratio: 1 / 1;
  display: flex; align-items: center; justify-content: center;
  font-size: clamp(16px, 5vw, 22px);
  font-weight: 800;
  background: #1e293b; border-radius: 4px; color: #cbd5e1;
  cursor: default; user-select: none;
}
.lz-cell.mirror { cursor: pointer; color: #fbbf24; background: #334155; }
.lz-cell.beam { background: #fef3c7; color: #b45309; }
.lz-cell.src { color: #34d399; }
.lz-cell.tgt { color: #f87171; }
.lz-cell.lit { box-shadow: inset 0 0 0 2px #fde68a; }