.game-page main { width: 100%; margin-inline: 0; }
.game-page .section { width: min(calc(100% - 40px), var(--max)); margin-inline: auto; }
.game-page .game-hero, .game-page .section { scroll-margin-top: var(--site-header-offset); }
.game-hero { position: relative; isolation: isolate; overflow: hidden; min-height: clamp(700px, 50vw, 760px); border-radius: 0; background: radial-gradient(circle at 75% 30%, #167ad3, #0a244b 48%, #071327); box-shadow: 0 32px 110px rgba(0,0,0,.42); }
.game-hero-background, .game-hero-shade { position: absolute; inset: 0; width: 100%; height: 100%; }
.game-hero-background { z-index: -2; object-fit: cover; object-position: center; }
.game-hero-shade { z-index: -1; background: linear-gradient(90deg, rgba(3,15,47,.96), rgba(4,28,78,.78) 39%, rgba(4,42,105,.1) 70%); }
.game-hero-copy { display: flex; min-height: clamp(700px, 50vw, 760px); width: min(calc(100% - 40px), var(--max)); margin-inline: auto; flex-direction: column; justify-content: center; align-items: flex-start; padding: 96px 0 48px; }
.game-identity { display: flex; align-items: center; gap: 12px; margin-bottom: 34px; }
.game-identity img { width: 58px; height: 58px; border: 2px solid rgba(255,255,255,.55); border-radius: 15px; object-fit: cover; box-shadow: 0 10px 28px rgba(0,0,0,.26); }
.game-identity div { display: grid; gap: 2px; font-size: 13px; letter-spacing: .04em; }
.game-identity span { color: #d7edff; }
.game-identity strong { color: #ffbf28; }
.game-hero h1 { font-size: clamp(64px, 7vw, 92px); }
.game-lead { max-width: 570px; margin: 28px 0 0; color: #d3e8fa; font-size: 21px; line-height: 1.65; }
.button.is-static { cursor: default; pointer-events: none; }
.game-page .hero-actions { align-items: center; }
.store-badge-link { display: inline-flex; flex: 0 0 auto; align-items: center; justify-content: center; line-height: 0; transition: transform .2s ease, filter .2s ease; }
.store-badge-link:hover, .store-badge-link:focus-visible { transform: translateY(-2px); filter: brightness(1.06); }
.store-badge { display: block; height: auto; }
.store-badge--app-store.store-badge--en { width: 150px; }
.store-badge--app-store.store-badge--zh-cn { width: 136px; }
.store-badge--google-play.store-badge--en { width: 192px; }
.store-badge--google-play.store-badge--zh-cn { width: 168px; }
.store-qr-panel { width: fit-content; margin-top: 18px; }
.store-qr-panel > p { margin: 0 0 9px; color: #dfe8e2; font-size: 14px; font-weight: 750; }
.store-qr-grid { display: flex; gap: 12px; }
.store-qr-item { display: grid; width: 116px; justify-items: center; gap: 7px; padding: 9px; border: 1px solid rgba(255,255,255,.2); border-radius: 15px; background: rgba(7,19,26,.62); box-shadow: 0 10px 28px rgba(0,0,0,.18); transition: transform .2s ease, border-color .2s ease; }
.store-qr-item:hover, .store-qr-item:focus-visible { border-color: rgba(255,211,95,.65); transform: translateY(-2px); }
.store-qr-code { display: grid; width: 96px; aspect-ratio: 1; place-items: center; overflow: hidden; border-radius: 8px; background: #fff; color: #27322d; font-size: 11px; line-height: 1.3; text-align: center; }
.store-qr-code svg { display: block; width: 100%; height: 100%; }
.store-qr-item strong { color: #fff; font-size: 12px; letter-spacing: -.01em; }
.game-story { display: grid; grid-template-columns: 1fr 1fr; gap: 84px; align-items: start; margin-top: 120px; }
.game-long-copy { color: var(--muted); font-size: 19px; }
.game-long-copy p:first-child { margin-top: 0; }
.game-feature-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-top: 34px; }
.game-feature-grid article { min-height: 210px; padding: 28px; border: 1px solid var(--line); border-radius: 24px; background: linear-gradient(150deg, rgba(16,38,74,.9), rgba(8,23,48,.82)); }
.game-feature-grid p { color: var(--muted); }
.game-screenshot-strip { display: grid; grid-auto-columns: minmax(240px, 30%); grid-auto-flow: column; gap: 16px; overflow-x: auto; padding: 8px 2px 22px; scroll-snap-type: x mandatory; }
.game-screenshot-strip figure { overflow: hidden; margin: 0; border: 1px solid var(--line); border-radius: 24px; background: var(--panel); scroll-snap-align: start; }
.game-screenshot-strip img { width: 100%; aspect-ratio: 9 / 16; object-fit: cover; }
.game-screenshot-strip figcaption { padding: 12px 16px; color: var(--muted); font-size: 14px; }
.game-final-cta { display: flex; align-items: center; justify-content: space-between; gap: 50px; padding: 56px; border: 1px solid rgba(255,191,40,.2); border-radius: 30px; background: linear-gradient(120deg, #132346, #173f75); }
.game-final-cta h2 { font-size: clamp(36px, 4vw, 56px); }
.game-final-cta p:not(.eyebrow) { color: var(--muted); }
.game-links { display: flex; gap: 24px; margin-top: 38px; }
.game-links a { color: var(--cyan); font-weight: 800; }

.promotion-game-page {
  font-size: 18px;
  line-height: 1.65;
}
.career-game-page {
  background: radial-gradient(circle at 90% 15%, rgba(37,200,255,.11), transparent 34rem), #050d1d;
}
.promotion-game-page .game-hero { background: #0878e7; }
.promotion-game-page .section { margin-top: 120px; }
.promotion-game-page h2 { font-size: clamp(42px, 5vw, 68px); line-height: 1.03; letter-spacing: -.055em; }
.promotion-game-page .button { min-height: 52px; padding: 12px 22px; border-radius: 14px; font-size: 16px; }
.promotion-game-page .game-identity { margin-bottom: 20px; }
.promotion-game-page .game-lead { margin-top: 18px; line-height: 1.5; }
.promotion-game-page .hero-actions { margin-top: 20px; }
.promotion-game-page .platform-note { margin: 10px 0 0; color: #a4c8e6; font-size: 14px; }
.promotion-game-page .store-qr-panel { margin-top: 12px; }
.promotion-section-heading { max-width: 760px; }
.promotion-section-heading h2 { text-wrap: balance; }
.promotion-section-heading > p:last-child, .promotion-feature-copy > p:last-child { color: var(--muted); }
.promotion-step-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-top: 42px; }
.promotion-step-grid article { min-height: 270px; padding: 32px; border: 1px solid var(--line); border-radius: 26px; background: linear-gradient(150deg, rgba(16,38,74,.9), rgba(8,23,48,.82)); }
.promotion-step-grid article > span { display: grid; width: 50px; height: 50px; place-items: center; border-radius: 15px; background: rgba(37,200,255,.12); color: #25c8ff; font-size: 14px; font-weight: 900; }
.promotion-step-grid h3 { font-size: 24px; }
.promotion-step-grid p { color: var(--muted); font-size: 17px; }
.promotion-feature-panel { display: grid; grid-template-columns: .95fr 1.05fr; gap: 80px; padding: 72px; border: 1px solid var(--line); border-radius: 34px; background: radial-gradient(circle at 100% 0, rgba(37,200,255,.16), transparent 50%), #09182f; }
.promotion-feature-copy h2 { font-size: clamp(40px, 4vw, 56px); }
.promotion-feature-list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; }
.promotion-feature-list article { display: grid; align-content: center; min-height: 170px; padding: 26px; border: 1px solid var(--line); border-radius: 22px; background: rgba(255,255,255,.035); }
.promotion-feature-list strong { color: #ffbf28; font-size: 36px; letter-spacing: -.04em; }
.promotion-feature-list span { color: #d3e2f2; font-size: 16px; }
.promotion-story { display: grid; grid-template-columns: 1fr 1fr; gap: 84px; align-items: start; }
.promotion-final-cta { display: flex; align-items: center; justify-content: space-between; gap: 50px; padding: 56px; border: 1px solid rgba(255,191,40,.2); border-radius: 30px; background: linear-gradient(120deg, #132346, #173f75); }
.promotion-final-cta h2 { font-size: clamp(36px, 4vw, 56px); }
.promotion-final-cta p:not(.eyebrow) { color: var(--muted); }
.final-store-actions { display: flex; flex: 0 0 auto; flex-wrap: wrap; align-items: center; gap: 12px; }

.pet-game-page {
  background: radial-gradient(circle at 12% 28%, rgba(255,205,82,.1), transparent 32rem), radial-gradient(circle at 92% 48%, rgba(57,209,172,.1), transparent 30rem), #07181d;
}
.pet-game-page .game-hero { background: #f4c75a; }
.pet-game-page .game-hero-shade { background: linear-gradient(90deg, rgba(24,22,20,.9), rgba(38,31,28,.69) 38%, rgba(50,42,28,.08) 68%); }
.pet-game-page .game-identity span { color: #f3f7e6; }
.pet-game-page .game-identity strong, .pet-game-page .eyebrow { color: #ffd35f; }
.pet-game-page .game-lead { color: #f0f3e7; }
.pet-game-page .platform-note { color: #dfe8d7; }
.pet-game-page .promotion-intro .promotion-section-heading { max-width: 840px; }
.pet-game-page .button.primary { background: #ffd15a; color: #2b2419; }
.pet-game-page .button.secondary { border-color: rgba(255,255,255,.52); background: rgba(20,40,35,.32); }
.pet-game-page .promotion-step-grid article { border-color: rgba(119,226,192,.16); background: linear-gradient(150deg, rgba(22,64,65,.92), rgba(11,39,45,.88)); }
.pet-game-page .promotion-step-grid article > span { background: rgba(255,209,90,.14); color: #ffd15a; }
.pet-game-page .promotion-feature-panel { border-color: rgba(255,209,90,.18); background: radial-gradient(circle at 100% 0, rgba(255,122,104,.15), transparent 48%), radial-gradient(circle at 0 100%, rgba(66,209,174,.14), transparent 52%), #102d32; }
.pet-game-page .promotion-feature-list article { border-color: rgba(255,255,255,.1); background: rgba(255,255,255,.045); }
.pet-game-page .promotion-feature-list strong { color: #ffd15a; }
.pet-game-page .promotion-final-cta { border-color: rgba(255,209,90,.22); background: linear-gradient(120deg, #173b39, #4a3842); }

.postbot-game-page {
  background: radial-gradient(circle at 10% 26%, rgba(36,211,202,.12), transparent 32rem), radial-gradient(circle at 92% 52%, rgba(255,111,90,.1), transparent 30rem), #061c24;
}
.postbot-game-page .game-hero { background: #63d9dc; }
.postbot-game-page .game-hero-shade { background: linear-gradient(90deg, rgba(5,31,40,.94), rgba(7,49,59,.72) 40%, rgba(10,77,82,.08) 70%); }
.postbot-game-page .game-identity span { color: #ddfbf8; }
.postbot-game-page .game-identity strong, .postbot-game-page .eyebrow { color: #ffd27b; }
.postbot-game-page .game-lead { color: #e6fbf8; }
.postbot-game-page .platform-note { color: #c5e8e5; }
.postbot-game-page .button.primary { background: #ff795f; color: #fff; }
.postbot-game-page .button.secondary { border-color: rgba(255,255,255,.55); background: rgba(5,48,58,.34); }
.postbot-game-page .promotion-step-grid article { border-color: rgba(61,218,210,.18); background: linear-gradient(150deg, rgba(10,73,79,.94), rgba(7,43,54,.9)); }
.postbot-game-page .promotion-step-grid article > span { background: rgba(255,121,95,.16); color: #ff987f; }
.postbot-game-page .promotion-feature-panel { border-color: rgba(64,220,211,.2); background: radial-gradient(circle at 100% 0, rgba(255,121,95,.17), transparent 48%), radial-gradient(circle at 0 100%, rgba(53,216,209,.14), transparent 52%), #0a3540; }
.postbot-game-page .promotion-feature-list article { border-color: rgba(255,255,255,.1); background: rgba(255,255,255,.045); }
.postbot-game-page .promotion-feature-list strong { color: #ffd27b; }
.postbot-game-page .promotion-final-cta { border-color: rgba(255,151,121,.25); background: linear-gradient(120deg, #0b4148, #4a3e4b); }

@media (max-width: 800px) {
  .game-page .section { width: min(calc(100% - 24px), var(--max)); }
  .game-hero { min-height: 720px; border-radius: 0; }
  .game-hero-background { object-position: 68% center; opacity: .72; }
  .game-hero-shade { background: linear-gradient(0deg, rgba(3,13,35,.98), rgba(3,20,55,.78) 58%, rgba(4,34,86,.12)); }
  .game-hero-copy { justify-content: flex-end; min-height: 720px; width: min(calc(100% - 24px), var(--max)); padding: 120px 12px 52px; }
  .game-identity { margin-bottom: 24px; }
  .game-hero h1 { font-size: clamp(44px, 16vw, 68px); }
  .game-lead { margin-top: 20px; font-size: 17px; }
  .game-story { grid-template-columns: 1fr; gap: 30px; margin-top: 80px; }
  .game-feature-grid { grid-template-columns: 1fr; }
  .game-screenshot-strip { grid-auto-columns: minmax(250px, 82%); }
  .game-final-cta { align-items: flex-start; flex-direction: column; padding: 32px 24px; }
  .store-qr-panel { display: none; }
  .promotion-game-page { font-size: 16px; }
  .promotion-game-page .section { margin-top: 80px; }
  .promotion-game-page h2 { font-size: clamp(34px, 10vw, 48px); }
  .promotion-step-grid, .promotion-feature-panel, .promotion-story { grid-template-columns: 1fr; }
  .promotion-step-grid article { min-height: auto; padding: 26px; }
  .promotion-feature-panel { gap: 36px; padding: 32px 24px; }
  .promotion-feature-list { grid-template-columns: 1fr 1fr; }
  .promotion-feature-list article { min-height: 145px; padding: 20px; }
  .promotion-story { gap: 30px; }
  .promotion-final-cta { align-items: flex-start; flex-direction: column; padding: 32px 24px; }
  .final-store-actions { width: 100%; align-items: flex-start; flex-direction: column; }
  .store-badge--app-store.store-badge--en,
  .store-badge--app-store.store-badge--zh-cn { width: 168px; }
  .pet-game-page .game-hero-background { object-position: 72% center; }
  .postbot-game-page .game-hero-background { object-position: 70% center; }
}

@media (max-width: 480px) {
  .promotion-feature-list { grid-template-columns: 1fr; }
}