/*
 * Bingkai bersama game Academy (B1 audit 15 Sep): merek, huruf, dan pola
 * nama yang sama dengan Materi web & Academy — logo + "Irsyads" + nama ruang,
 * Manrope untuk teks, Bricolage Grotesque untuk judul.
 *
 * SENGAJA TIDAK menyentuh warna dunia & panel game: palet tiap game adalah
 * bagian dari karyanya (Biro = kota malam, Pulau Nalar = pantai siang), dan
 * menimpanya dengan palet Academy merusak keterbacaan di atas kanvasnya.
 * Dimuat SETELAH styles.css game supaya variabel hurufnya menang.
 */
:root {
  --irsyads-sans: "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;
  --irsyads-serif: "Bricolage Grotesque", "Manrope", system-ui, sans-serif;
}

/* Merek: logo + Irsyads + "Academy · Ruang bermain" */
.merek-game {
  display: flex;
  align-items: center;
  gap: 10px;
  color: inherit;
  text-decoration: none;
  font-family: var(--irsyads-serif);
  font-weight: 700;
  letter-spacing: -0.03em;
  line-height: 1.05;
}
.merek-game svg { flex: none; width: 34px; height: 34px; }
.merek-game .merek-teks { display: block; font: inherit; letter-spacing: inherit; }
.merek-game .merek-teks small {
  display: block;
  margin-top: 5px;
  font-family: var(--irsyads-sans);
  font-size: 0.6rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  white-space: nowrap;
  opacity: 0.78;
}

/* Biro Sosiologi: game.css memakai --body/--display. */
:root { --body: var(--irsyads-sans); --display: var(--irsyads-serif); }

/* Pulau Nalar: huruf langsung di :root dan Georgia di judul. */
.game-pulau-nalar,
.game-pulau-nalar button,
.game-pulau-nalar input,
.game-pulau-nalar textarea,
.game-pulau-nalar select { font-family: var(--irsyads-sans); }
.game-pulau-nalar h1,
.game-pulau-nalar h2,
.game-pulau-nalar h3,
.game-pulau-nalar .welcome-copy .subtitle,
.game-pulau-nalar .map-card strong,
.game-pulau-nalar .avatar { font-family: var(--irsyads-serif); }
.game-pulau-nalar .brand.merek-game { font-size: 1.45rem; letter-spacing: -0.03em; }
@media (max-width: 700px) {
  .game-pulau-nalar .brand.merek-game { font-size: 1.15rem; gap: 7px; }
  .game-pulau-nalar .brand.merek-game svg { width: 28px; height: 28px; }
}