/* Playit — a MAKER's page (/play/maker/{name}, html/play/maker.html). Only the header lines live
   here: the sections, the best-game panel, the cards, the sort buttons and the pager are all the
   gallery's own (gallery.css, game_grid.css). */

/* Who they are: a small label, the name, one line of facts — over a thin rule. */
.maker-head {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding-bottom: 28px;
  border-bottom: 3px solid var(--color-line);
}
.maker-label {
  font-family: var(--font-display);
  font-size: 9px;
  letter-spacing: 2px;
  color: var(--color-cyan);
}
.maker-name {
  margin: 0;
  font-family: var(--font-display);
  font-size: 20px;
  line-height: 1.4;
  color: var(--color-pink-light);
  overflow-wrap: anywhere;
}
.maker-line {
  margin: 0;
  font-family: var(--font-body);
  font-size: 22px;
  color: var(--color-muted);
}
.maker-count-games { color: var(--color-gold); }
.maker-count-plays { color: var(--color-green); }

/* The sort buttons sit just above the grid. */
.maker-sort { margin-bottom: 22px; }

@media (max-width: 760px) {
  .maker-label { font-size: 8px; }
  .maker-name { font-size: 15px; }
  .maker-line { font-size: 20px; }
}