/* ── Below-the-fold SEO content shared by all game pages ─────────────────── */

#game-viewport {
  touch-action: none;
}

body {
  min-height: 100vh;
  min-height: 100dvh;
  overflow-x: hidden;
  touch-action: pan-y;
}

.seo-content,
.seo-content * {
  touch-action: auto;
  -webkit-user-select: text;
  user-select: text;
}

.seo-content {
  background: #111;
  color: #d7d7de;
  font-family: 'Outfit', 'Fredoka', sans-serif;
  padding: 48px 20px 90px;
}

.seo-content .seo-inner {
  max-width: 760px;
  margin: 0 auto;
}

.seo-breadcrumb {
  font-size: 13px;
  color: #8b8b96;
  margin-bottom: 28px;
}
.seo-breadcrumb a {
  color: #8b8b96;
  text-decoration: none;
}
.seo-breadcrumb a:hover {
  color: #fff;
  text-decoration: underline;
}

.seo-content h1 {
  font-family: 'Fredoka One', cursive;
  font-size: clamp(24px, 4vw, 34px);
  color: #fff;
  margin-bottom: 14px;
  line-height: 1.25;
}

.seo-content h2 {
  font-family: 'Fredoka One', cursive;
  font-size: clamp(18px, 3vw, 22px);
  color: #fff;
  margin: 36px 0 14px;
}

.seo-content p {
  font-size: 15px;
  line-height: 1.75;
  color: #b8b8c2;
  margin-bottom: 14px;
}

.seo-content ol,
.seo-content ul {
  padding-left: 22px;
  margin-bottom: 14px;
}
.seo-content li {
  font-size: 15px;
  line-height: 1.8;
  color: #b8b8c2;
  margin-bottom: 6px;
}

.seo-faq details {
  background: rgba(255,255,255,0.05);
  border: 1px solid rgba(255,255,255,0.1);
  border-radius: 12px;
  padding: 14px 18px;
  margin-bottom: 10px;
}
.seo-faq summary {
  cursor: pointer;
  font-weight: 600;
  color: #fff;
  font-size: 15px;
  list-style: none;
}
.seo-faq summary::-webkit-details-marker { display: none; }
.seo-faq summary::before {
  content: "+ ";
  color: #6ea8ff;
}
.seo-faq details[open] summary::before {
  content: "\2212 ";
}
.seo-faq p {
  margin-top: 10px;
  margin-bottom: 0;
}

.seo-related {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 12px;
}
.seo-related a {
  display: inline-block;
  background: rgba(255,255,255,0.07);
  border: 1px solid rgba(255,255,255,0.14);
  color: #fff;
  text-decoration: none;
  font-size: 14px;
  font-weight: 600;
  padding: 9px 16px;
  border-radius: 30px;
  transition: background 0.15s, transform 0.1s;
}
.seo-related a:hover {
  background: rgba(255,255,255,0.15);
  transform: translateY(-1px);
}

.seo-footer-note {
  margin-top: 40px;
  padding-top: 20px;
  border-top: 1px solid rgba(255,255,255,0.1);
  font-size: 13px;
  color: #6f6f7a;
}
.seo-footer-note a {
  color: #6ea8ff;
  text-decoration: none;
}
.seo-footer-note a:hover {
  text-decoration: underline;
}