@font-face {
  font-family: "MaruMonica";
  src: url("assets/fonts/MaruMonica.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "EnkaDotMincho24";
  src: url("assets/fonts/EnkaDotMincho24.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
:root {
  --font-game: "MaruMonica", "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, "Apple Color Emoji", "Segoe UI Emoji", sans-serif;
  --font-document: "EnkaDotMincho24", "Yu Mincho", "Hiragino Mincho ProN", "Noto Serif CJK JP", serif;
  font-family: var(--font-game);
}
button, input, textarea, select { font-family: inherit; }
.room-title span, .room-title h1, .pinsta-view .game-heading {
  font-family: var(--font-game);
  font-style: normal;
}
.bubble, .tweet-text, .social-post > p, .pinsta-profile > p,
.social-comment p, .result-snippet, .photo-description {
  font-size: 1.25rem;
  line-height: 1.6;
}
.game-button, .keyword-picker button, #choices button, #composer textarea {
  font-size: 1.125rem;
}
.document-article {
  font-family: var(--font-document);
  font-size: 1.5rem;
  line-height: 1.8;
  overflow-wrap: anywhere;
}
.document-article h3 { font-size: 1.5rem; line-height: 1.6; font-weight: 400; }
.document-article p { font-size: inherit; }
.document-article .game-muted { font-size: 1rem; }
.document-article button { font-family: var(--font-game); }
.story-log .meta, .meta { font-size: .875rem; }

@font-face {
  font-family: "DotGothic16";
  src: url("assets/fonts/DotGothic16-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
/* School and news documents: compact body, clear headings. */
.dot-document .document-article,
.dot-document .website-masthead {
  font-family: "DotGothic16", "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, sans-serif;
  font-weight: 400;
  font-synthesis: none;
}
.dot-document .document-article { font-size: 1rem; line-height: 1.9; }
.dot-document .document-article p { font-size: 1rem; }
.dot-document .document-article h3,
.dot-document .website-masthead { font-size: 1.25rem; line-height: 1.6; }
.dot-document .document-article .game-muted { font-size: .875rem; }
.dot-document .document-article button { font-family: inherit; font-size: 1rem; }

/* mielle's own site shares the soft game typeface. */
.mielle-document .document-article,
.mielle-document .website-masthead { font-family: var(--font-game); }
.mielle-document .document-article { font-size: 1.25rem; line-height: 1.7; }
.mielle-document .document-article h3 { font-size: 1.5rem; }