/* Game-page introductions. Kept separate from homepage styles. */
.game-seo-page h1.game-window-title {
  margin: 0;
  line-height: 1.3;
}
.game-seo-page .game-window-container > .game-description {
  box-sizing: border-box;
  width: 100%;
  max-width: 1000px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--text, #edf2f4);
  font-size: 1rem;
  line-height: 1.7;
  text-align: left;
  user-select: text;
}
/* Cookie Clicker's game stylesheet retains a dark body texture in both themes. */
.game-seo-cookie-page .game-description { color: #edf2f4 !important; }
@media (max-width: 1499px), (max-height: 1050px) {
  .game-seo-page .game-window-container > .game-description {
    max-width: min(50rem, var(--game-viewport-inline-limit));
  }
}
@media (min-width: 901px) and (max-width: 1799px) {
  .game-seo-page .game-window-container > .game-description {
    width: calc(100% - var(--game-rail-size) - var(--game-rail-size) - var(--game-rail-gap) - var(--game-rail-gap));
    max-width: min(var(--game-center-max), var(--game-viewport-inline-limit));
  }
}
@media (max-width: 767px) {
  .game-seo-page .game-window-container > .game-description { width: 100%; max-width: 100%; }
}
.game-seo-page.x8-page .game-window-container > .game-description {
  width: var(--x8-player-width);
  max-width: 100%;
}
html:has(> .game-seo-frame-page),
html:has(> .game-seo-canvas-page) { height: auto; overflow: auto; }
body.game-seo-frame-page,
body.game-seo-canvas-page {
  height: auto;
  overflow: visible;
  background: #101318;
  color: #edf2f4;
  font-family: system-ui, sans-serif;
}
.game-seo-frame-page > iframe { height: 100svh; }
.game-seo-canvas-page > #content { height: 100svh; }
.game-seo-info {
  box-sizing: border-box;
  max-width: 1000px;
  margin: 0 auto;
  padding: 2rem 1.25rem;
  text-align: left;
  user-select: text;
}
.game-seo-info h1 { margin: 0 0 0.75rem; font-size: 1.5rem; line-height: 1.3; }
.game-seo-info .game-description { margin: 0; font-size: 1rem; line-height: 1.7; }
.game-seo-2048-page .heading .title { font-size: 80px; font-weight: bold; margin: 0; display: block; float: left; }
.game-seo-2048-page .game-seo-info { padding: 1.5rem 0 0; }
@media (max-width: 520px) {
  .game-seo-2048-page .heading .title { font-size: 27px; margin-top: 15px; }
}