.game-page .game-main { padding-top: 0; }
.game-page .game-hero { width: min(100%, 1160px); margin: 0 auto; min-height: 0; padding: 56px var(--page-pad); grid-template-columns: minmax(0, 1fr) 260px; gap: 64px; }
.game-page .game-hero__copy h1 { font-size: clamp(32px, 3.8vw, 50px); line-height: 1.2; }
.game-page .game-hero__copy h1 .accent-word { text-shadow: none; margin-top: 10px; }
.game-page .game-hero__copy > p:not(.kicker) { max-width: 480px; font-size: 16px; line-height: 1.8; margin-top: 24px; }
.game-page .game-hero__preview { width: 260px; }
.game-product-story { width: min(calc(100% - 2 * var(--page-pad)), 1016px); margin: 0 auto 56px; padding: 24px 40px; display: grid; grid-template-columns: 220px minmax(0, 1fr); align-items: center; gap: 48px; border: 1px solid var(--color-fog); border-radius: 24px; background: var(--snow); }
.game-product-story img { display: block; width: 220px; height: 220px; object-fit: contain; }
.game-product-story h2 { margin: 0; font-size: clamp(26px, 2.6vw, 34px); line-height: 1.3; color: var(--harbor); }
.game-product-story p:not(.kicker) { margin: 16px 0; font-size: 15px; line-height: 1.7; }
.game-product-story a { display: inline-flex; align-items: center; min-height: 44px; gap: 24px; color: var(--harbor); font-size: 14px; font-weight: 650; text-decoration: underline; text-underline-offset: 5px; }
.game-page .game-workshop { padding-block: 56px; scroll-margin-top: 84px; }
.game-page .game-workshop > .section-inner { max-width: 1016px; }
.game-page .game-workshop__head { display: block; margin-bottom: 28px; }
.game-page .game-workshop__head h2 { font-size: clamp(30px, 3.4vw, 44px); line-height: 1.25; }
.game-page .game-workshop__head h2 span:last-child { text-shadow: none; }
.game-page .game-workshop__head > p { max-width: 620px; margin-top: 20px; font-size: 15px; line-height: 1.7; }
.game-page .game-rules { width: 100%; margin-bottom: 32px; }
.game-page .game-rules__title { display: block; }
.game-page .game-rules__title h3 { font-size: 24px; }
.game-page .game-rules li strong { font-size: 14px; }
.game-page .game-rules li p { font-size: 13px; opacity: 1; }
@media (max-width: 760px) {
 .game-page .game-hero { grid-template-columns: minmax(0, 1fr); gap: 28px; padding-block: 36px; }
 .game-page .game-hero__preview { width: 220px; }
 .game-product-story { padding: 24px; grid-template-columns: minmax(0, 1fr); gap: 20px; margin-bottom: 36px; }
 .game-product-story img { width: 200px; height: 200px; margin: 0 auto; }
 .game-page .game-workshop__head { padding-inline: 0; }
 .game-page .game-workshop { padding-inline: var(--page-pad); }
}