/* 게임 페이지 공유 스타일 — 각 게임 ./style.css 뒤에 로드되어 풀스크린 제약을
   덮어쓰고, 보이는 .game-seo 콘텐츠(설명 + 플레이 방법)를 게임 아래에 노출한다.
   AdSense "보이는 콘텐츠" 요건 + 사람이 스크롤로 읽을 수 있는 설명용.
   게임 자체는 첫 화면(100dvh)을 그대로 채우므로 플레이 경험은 변하지 않음. */

html, body {
  height: auto;
  min-height: 100dvh;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior-y: contain;
}

/* 설명을 읽으려고 .game-seo가 상단까지 올라오면 고정 게임 chrome이 본문을 가린다.
   sw-register.js가 body.seo-open을 토글 → 아래에서 ←/🏆/중앙 타이틀바를 숨김.
   게임으로 스크롤해 돌아오면 다시 나타남. (게임별 style.css는 건드리지 않음) */
.home-link, .hof-link, .game-title-bar {
  transition: opacity 0.2s ease;
}
body.seo-open .home-link,
body.seo-open .hof-link,
body.seo-open .game-title-bar {
  opacity: 0;
  pointer-events: none;
}

/* main을 definite 100dvh로 고정 → 자식의 height:100% / flex 체인이 그대로 유지되고
   (게임 영역은 종전과 동일하게 첫 화면을 채움), .game-seo는 그 아래로 흐른다.
   body > main 으로 게임별 `main` 규칙(specificity 0,0,1)보다 우선. */
body > main {
  height: 100dvh;
}

.game-seo {
  max-width: 480px;
  margin: 0 auto;
  padding: 20px 16px max(36px, env(safe-area-inset-bottom));
  border-top: 1px solid #1f1f1f;
  user-select: text;
  -webkit-user-select: text;
}
.game-seo h1 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  font-size: 22px;
  font-weight: 800;
  letter-spacing: -0.02em;
  margin: 4px 0 8px;
}
.game-seo .game-seo-name {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* 게임명 행 오른쪽의 눈에 띄는 '플레이' 버튼 → 누르면 게임(맨 위)으로 스크롤. */
.game-play-btn {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font: 700 15px/1 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  color: #fff;
  background: #4f9eff;
  border: none;
  border-radius: 999px;
  padding: 11px 20px;
  cursor: pointer;
  white-space: nowrap;
  box-shadow: 0 3px 14px rgba(79, 158, 255, 0.45);
  -webkit-tap-highlight-color: transparent;
}
.game-play-btn:active { background: #3d8ae8; }
.game-play-ico { font-size: 12px; }
.game-seo h2 {
  font-size: 16px;
  font-weight: 700;
  margin: 22px 0 8px;
  color: #f5f5f5;
}
.game-seo p {
  font-size: 14px;
  line-height: 1.65;
  color: #c4c4c4;
  margin: 0 0 10px;
}