.mj-board {
  display: grid;
  gap: 4px;
  max-width: 420px;
  margin: 0 auto;
}
.mj-tile {
  aspect-ratio: 0.75;
  border: 1px solid var(--line);
  border-radius: 6px;
  background: #f8f4e8;
  color: #1a1a1a;
  font-size: 1.15rem;
  font-weight: 700;
  cursor: pointer;
  padding: 0;
  box-shadow: 1px 2px 0 rgba(0, 0, 0, 0.12);
}
.mj-tile.empty {
  visibility: hidden;
  pointer-events: none;
}
.mj-tile.blocked {
  opacity: 0.45;
  cursor: not-allowed;
}
.mj-tile.sel {
  outline: 3px solid var(--accent, #0a7a6f);
  transform: translateY(-2px);
}
.mj-tile.hint {
  outline: 2px dashed #e9c46a;
}