/* English homepage additions; existing shared styles and behavior are retained. */
body.localized-page { min-width: 0; }
.go-hero h1 { text-wrap: balance; }
.go-gameplay { --play-surface: #101b2c; --play-border: #30435b; --play-accent: #7ddcf9; }
.go-play-jump { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; margin: 20px 0; }
.go-play-jump a { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-height: 48px; padding: 11px 14px; border: 1px solid var(--play-border); border-radius: 12px; background: #11253b; text-decoration: none!important; font-size: .92rem; font-weight: 700; line-height: 1.4; }
.go-play-grid { display: grid; gap: 18px; }
.go-play-card { display: flex; flex-direction: column; padding: 20px; border: 1px solid var(--play-border); border-radius: 18px; background: var(--play-surface); scroll-margin-top: 20px; }
.go-play-heading { display: grid; grid-template-columns: minmax(0,1fr) 104px; align-items: center; gap: 16px; margin-bottom: 18px; }
.go-play-heading h3 { font-size: clamp(1.35rem,4.7vw,1.65rem); line-height: 1.25; margin: 0; }
.go-gameplay .go-play-label { color: var(--play-accent); font-size: .78rem; font-weight: 650; line-height: 1.5; margin: 0 0 8px; }
.go-play-screen { display: block; border: 1px solid #445d78; border-radius: 10px; overflow: hidden; text-decoration: none!important; background: #09111e; }
.go-play-screen img { display: block; width: 100%; height: 76px; object-fit: cover; object-position: center 29%; }
.go-play-screen > span { display: flex; align-items: center; justify-content: space-between; gap: 4px; min-height: 36px; padding: 6px 8px; background: #142b43; color: #d4efff; font-size: .7rem; font-weight: 650; line-height: 1.3; }
.go-play-card > p { font-size: 1rem; line-height: 1.65; margin-bottom: 20px; }
.go-play-steps { display: grid; gap: 18px; list-style: none; counter-reset: gameplay; padding: 0; margin: 0 0 24px; }
.go-play-steps li { position: relative; counter-increment: gameplay; padding-left: 39px; color: #c1cee1; font-size: .96rem; line-height: 1.6; }
.go-play-steps li::before { content: counter(gameplay); position: absolute; top: 0; left: 0; display: grid; place-items: center; width: 27px; height: 27px; border: 1px solid #365b75; border-radius: 50%; color: #a2e8ff; background: #123047; font-size: .8rem; font-weight: 750; }
.go-play-steps strong { display: block; margin-bottom: 4px; }
.go-play-steps span { display: block; }
.go-gameplay .go-play-guide { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 48px; margin-top: auto; padding: 12px 14px; border: 1px solid #426482; border-radius: 10px; background: #17314a; color: #dcf4ff; font-weight: 700; font-size: .9rem; line-height: 1.45; text-decoration: none; }
.go-play-guide > span { flex-shrink: 0; }
.go-play-jump a:active,.go-play-guide:active,.go-play-screen:active { background: #25465e; }
.go-gameplay .go-play-caption { color: #a8bbd4; font-size: .8rem; line-height: 1.6; margin: 14px 0 22px; }
.go-play-other { margin: 0 0 20px; }
@media (hover:hover) { .go-play-jump a:hover,.go-play-guide:hover { background: #23425d; border-color: #72b2d4; } .go-play-screen:hover { border-color: #7ddcf9; } }
@media (min-width:900px) { .go-play-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } .go-play-card { padding: 26px; } .go-play-jump { max-width: 480px; } }
@media (max-width:719px) { .go-hero h1 { font-size: clamp(1.625rem,7.2vw,2rem); line-height: 1.18; } .go-gameplay h2 { font-size: 1.5rem; } }
@media (max-width:359px) { .go-play-card { padding: 16px; } .go-play-heading { grid-template-columns: minmax(0,1fr) 92px; gap: 12px; } .go-play-jump a { font-size: .82rem; padding-inline: 10px; } }