/* Mobile reading sizes only; retain the existing palette and desktop layout. */
.game-gallery{padding-top:12px}
.game-gallery-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.game-preview{padding:28px;border:1px solid var(--line);border-radius:16px;background:#fffefb;display:grid;grid-template-columns:minmax(145px,.8fr) 1fr;align-items:center;gap:24px}
.game-preview figure{min-width:0}.game-preview img{width:100%;height:auto;border-radius:12px;border:1px solid var(--line)}
.game-preview figcaption{font-size:14px;line-height:1.7;margin-top:12px;color:var(--muted)}
.game-preview h3{font-size:24px;line-height:1.5;margin-bottom:16px}.game-preview p{font-size:17px;line-height:1.9;color:var(--muted)}
.game-preview .eyebrow{font-size:13px;color:var(--teal);margin-bottom:12px;letter-spacing:1px}
.store-invite{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;padding:36px;margin-block:12px 32px;border:1px solid var(--line);border-radius:18px;background:#e7eadc}
.store-invite h2{font-size:32px;line-height:1.5;margin-bottom:18px}.store-invite p{font-size:17px;line-height:1.9;color:var(--muted);margin-bottom:18px}
.store-invite .eyebrow{font-size:14px;letter-spacing:1px;color:var(--teal)}.store-invite .invite-note{font-size:15px;margin:18px 0 0}
.store-invite img{width:100%;height:auto;border:5px solid #fffefb;border-radius:12px}.store-invite figcaption{font-size:15px;line-height:1.8;color:var(--muted);margin-top:12px}
@media(max-width:1100px){.game-preview{grid-template-columns:1fr}.game-preview figure{width:min(100%,260px);margin-inline:auto}}
@media(max-width:720px){.game-gallery-grid,.store-invite{grid-template-columns:1fr}.game-preview{padding:24px 20px;gap:24px}.game-preview figure{width:min(100%,320px)}.game-preview h3{font-size:25px}.store-invite{padding:26px 20px;gap:26px}.store-invite h2{font-size:28px}.store-invite .button{width:100%}}
@media(max-width:900px){
 .hero-description,.section-heading>p:last-child:not(.eyebrow),.feature p,.story-note p,.trailer-copy>p:not(.eyebrow),.steps p,.faq details p,.closing p:not(.eyebrow),.feedback p{font-size:1.0625rem;line-height:1.9}
 .hero .eyebrow,.eyebrow,.feature-number{font-size:.8125rem;letter-spacing:1px;line-height:1.7}
 .brand span{font-size:.875rem;letter-spacing:.5px;line-height:1.5}
 .header-inner nav{font-size:.9375rem;gap:16px}
 .quick-facts{font-size:.9375rem;line-height:1.8;gap:10px 16px}
 .small-note,.hero-figure figcaption,.trailer-caption span,.feedback-contact>span,.feedback-contact p,.site-footer small{font-size:.9375rem;line-height:1.8}
 .trailer-copy .video-note{font-size:.9375rem!important;line-height:1.8}
 .text-link,.light-link,.trailer-caption b,.video-cover-label,.site-footer nav{font-size:1rem;line-height:1.7}
 .journey-strip p{font-size:1.125rem}.journey-strip p>span{font-size:.9375rem;line-height:1.8}
 .story-note h3,.steps b,.faq summary{font-size:1.125rem;line-height:1.7}
 .hero h2 .beta-tag{font-size:.875rem;letter-spacing:0}
 .button{font-size:1.125rem}
 .intro-page-tools>button{font-size:.875rem;min-width:56px;min-height:60px}
 .intro-share-status,.intro-share-fallback p,.intro-share-fallback input,.intro-share-fallback button{font-size:1rem;line-height:1.7}
 .site-footer nav{flex-wrap:wrap;gap:12px 20px}.site-footer nav a{padding-block:8px}
 .hero-figure figcaption{flex-wrap:wrap;gap:6px 12px}
 .header-inner{flex-wrap:wrap;padding-block:14px;gap:14px}
}
@media(max-width:540px){
 .journey-strip{grid-template-columns:1fr;gap:0;padding-block:8px}
 .journey-strip>div{display:flex;align-items:center;gap:20px;padding:16px 8px}
 .journey-strip>div+div{border-left:0;border-top:1px solid var(--line)}
 .journey-strip b{font-size:1.75rem;min-width:38px}
 .quick-facts{display:grid;gap:8px}
 .header-inner nav{flex-wrap:wrap}
}