/**
 * Friendly JP-game lobby type: M PLUS Rounded — round, loud, a little silly on purpose.
 */
@import url("https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@400;500;700;800&display=swap");

:root {
  --font-sans:
    "M PLUS Rounded 1c",
    "Hiragino Maru Gothic ProN",
    "Yu Gothic UI",
    ui-rounded,
    system-ui,
    -apple-system,
    "Segoe UI",
    Roboto,
    Arial,
    sans-serif;
}

body {
  font-family: var(--font-sans);
  font-size: 18px;
  font-weight: 500;
  line-height: 1.55;
  text-wrap: pretty; /* site rule: no hanging single word on a last line */
}

h1,
h2,
h3,
h4,
.hero-welcome {
  text-wrap: balance;
}

h1 {
  font-family: var(--font-sans);
  font-size: clamp(40px, 8vw, 56px);
  font-weight: 800;
  line-height: 1.12;
}

h2 {
  font-family: var(--font-sans);
  font-size: clamp(28px, 5vw, 38px);
  font-weight: 800;
  line-height: 1.18;
}

h3,
h4 {
  font-family: var(--font-sans);
  font-weight: 700;
}

button,
input,
textarea,
select {
  font-family: inherit;
}

.btn {
  font-size: 14px;
}

.btn-sm {
  font-size: 13px;
}

@media (max-width: 720px) {
  body {
    font-size: 17px;
  }
}