
/* Compact overview: installing comes first, screenshots are supporting previews. */
.main .mobile-overview { display:grid!important; grid-template-columns:minmax(0,1fr)!important; grid-template-rows:auto auto!important; align-content:center!important; gap:20px!important; padding:20px!important; height:100%!important; overflow:hidden!important; }
.main .mobile-overview .mobile-game-hero { display:grid!important; grid-template-columns:minmax(0,1fr) minmax(250px,360px)!important; align-items:center!important; gap:24px!important; padding:0!important; }
.main .mobile-overview .mobile-game-copy h1 { font-size:clamp(22px,3vw,34px)!important; margin:0 0 12px!important; }
.main .mobile-overview .mobile-game-copy > p { display:none!important; }
.main .mobile-overview .mobile-game-install-button { width:auto!important; min-height:42px!important; padding:10px 22px!important; }
.main .mobile-overview .mobile-game-qr,.main .install-guide-qr { display:flex!important; align-items:center; gap:14px; padding:14px!important; border:1px solid #aa814844!important; border-radius:16px; background:#332d2b!important; min-width:0; }
.main .mobile-overview .mobile-game-qr img,.main .install-guide-qr > img { width:100px!important; height:100px!important; min-width:100px; padding:6px!important; border-radius:10px!important; background:#fff!important; object-fit:contain; }
.main .install-link-copy { min-width:0; }
.main .install-link-copy p { margin:0 0 8px!important; color:#d9cdb9; font-size:13px!important; line-height:1.4; }
.main .install-direct-link { color:#f0cf86; font-size:14px; text-decoration:underline; text-underline-offset:3px; overflow-wrap:anywhere; }
.main .mobile-overview .mobile-game-gallery { height:auto!important; min-height:0!important; padding:0!important; gap:12px!important; }
.main .mobile-overview .mobile-game-gallery-heading h2 { font-size:18px!important; margin:0!important; text-align:center; }
.main .mobile-overview .mobile-game-screens { display:flex!important; flex:0 0 auto!important; align-items:center!important; justify-content:center!important; gap:24px!important; height:auto!important; }
.main .mobile-overview .mobile-game-screen { display:flex!important; flex-direction:column; width:auto!important; min-width:0!important; max-width:48%!important; margin:0!important; padding:0!important; }
.main .mobile-overview .mobile-game-screen > div { width:auto!important; height:auto!important; max-height:170px!important; border:0!important; background:none!important; box-shadow:none!important; }
.main .mobile-overview .mobile-game-screen img { display:block; width:auto!important; height:auto!important; max-width:100%!important; max-height:170px!important; object-fit:contain!important; border-radius:10px; }
.main .mobile-overview .mobile-game-screen figcaption { margin:7px 0 0!important; font-size:12px!important; text-align:center; }
.main .install-guide { height:100%!important; overflow:hidden!important; display:flex!important; align-items:center!important; padding:18px!important; }
.main .install-guide .install-conversion-shell { display:grid!important; grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important; grid-template-rows:auto auto!important; align-items:center!important; gap:16px!important; max-height:100%; }
.main .install-guide .install-conversion-brand,.main .install-guide .install-conversion-benefits { display:none!important; }
.main .install-guide .install-conversion-copy { grid-column:1; grid-row:1; padding:0!important; }
.main .install-guide .install-guide-qr { grid-column:1; grid-row:2; }
.main .install-guide .install-conversion-action-card { grid-column:2; grid-row:1 / 3; max-height:100%; overflow:auto; }
.main .install-guide .install-conversion-copy h1 { font-size:26px!important; margin:6px 0!important; }
@media (orientation:portrait) and (max-width:932px) {
 .main .mobile-overview { padding:12px!important; gap:18px!important; }
 .main .mobile-overview .mobile-game-hero { grid-template-columns:minmax(0,1fr)!important; gap:18px!important; }
 .main .mobile-overview .mobile-game-copy h1 { font-size:22px!important; text-align:center; }
 .main .mobile-overview .mobile-game-install-button { display:flex!important; width:100%!important; justify-content:center; }
 .main .mobile-overview .mobile-game-qr img,.main .install-guide-qr > img { width:86px!important; height:86px!important; min-width:86px; }
 .main .mobile-overview .mobile-game-screen img,.main .mobile-overview .mobile-game-screen > div { max-height:min(160px,22dvh)!important; }
 .main .install-guide { padding:10px!important; }
 .main .install-guide .install-conversion-shell { grid-template-columns:minmax(0,1fr)!important; grid-template-rows:auto auto auto!important; gap:10px!important; }
 .main .install-guide .install-conversion-copy,.main .install-guide .install-guide-qr,.main .install-guide .install-conversion-action-card { grid-column:1!important; grid-row:auto!important; }
 .main .install-guide .install-conversion-kicker { display:none; }
 .main .install-guide .install-conversion-copy h1 { font-size:22px!important; }
 .main .install-guide .install-conversion-reward { margin-top:7px!important; padding:7px!important; }
 .main .install-guide .install-guide-qr { padding:9px!important; }
 .main .install-guide .install-conversion-action-card { padding:10px!important; }
}
@media (orientation:landscape) and (max-height:600px) and (max-width:1024px) {
 .main .mobile-overview { grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important; grid-template-rows:minmax(0,1fr)!important; gap:16px!important; padding:12px!important; align-items:center!important; }
 .main .mobile-overview .mobile-game-hero { grid-template-columns:minmax(0,1fr)!important; gap:12px!important; }
 .main .mobile-overview .mobile-game-copy h1 { font-size:20px!important; margin-bottom:8px!important; }
 .main .mobile-overview .mobile-game-qr { padding:8px!important; gap:10px!important; }
 .main .mobile-overview .mobile-game-qr img,.main .install-guide-qr > img { width:72px!important; height:72px!important; min-width:72px; }
 .main .mobile-overview .mobile-game-screen img,.main .mobile-overview .mobile-game-screen > div { max-height:110px!important; }
 .main .mobile-overview .mobile-game-screens { gap:10px!important; }
 .main .mobile-overview .install-link-copy p { font-size:12px!important; }
 .main .mobile-overview .install-direct-link { font-size:13px; }
 .main .install-guide .install-conversion-shell { gap:10px!important; }
 .main .install-guide .install-conversion-copy h1 { font-size:22px!important; }
 .main .install-guide .install-guide-qr { padding:8px!important; gap:9px!important; }
}
@media (max-width:932px), (orientation:landscape) and (max-width:1024px) and (max-height:600px) {
 .main .mobile-overview .mobile-game-install-button { margin:12px 0 10px!important; }
}
@media (min-width:933px) and (min-height:601px) {
 .main .mobile-overview { grid-template-rows:auto minmax(0,1fr)!important; align-content:stretch!important; padding:28px 36px!important; gap:26px!important; }
 .main .mobile-overview .mobile-game-copy > p { display:block!important; font-size:16px!important; line-height:1.5; margin:12px 0 18px!important; max-width:620px; }
 .main .mobile-overview .mobile-game-gallery { align-self:center; gap:16px!important; }
 .main .mobile-overview .mobile-game-gallery-heading h2 { font-size:24px!important; }
 .main .mobile-overview .mobile-game-screen img,.main .mobile-overview .mobile-game-screen > div { max-height:min(300px,34dvh)!important; }
 .main .mobile-overview .mobile-game-screens { gap:40px!important; }
}
@media (max-width:932px), (orientation:landscape) and (max-width:1024px) and (max-height:600px) {
 .main .install-guide .install-conversion-shell { gap:16px!important; }
 .main .install-guide .install-conversion-action-card { padding:14px!important; }
 .main .install-guide .install-conversion-panel-heading { gap:12px!important; margin-bottom:12px!important; }
 .main .install-guide .install-conversion-panel p { margin:12px 0!important; line-height:1.45!important; }
 .main .install-guide .install-conversion-primary,.main .install-guide .install-conversion-secondary { margin-top:12px!important; margin-bottom:10px!important; }
 .main .install-guide .install-conversion-mini-steps { gap:8px!important; margin:12px 0!important; }
}

/* Single centered installation composition, without screenshot gallery. */
.main .mobile-overview-clean{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto!important;align-content:center!important;padding:clamp(16px,3vw,40px)!important}
.main .mobile-overview-clean .mobile-game-hero{width:100%;max-width:940px;margin:auto;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)!important;gap:clamp(24px,4vw,56px)!important;align-items:center!important}
.main .mobile-overview-clean .mobile-game-copy{min-width:0;text-align:left}
.main .mobile-overview-clean .mobile-game-brand{display:block;width:120px;height:120px;object-fit:contain;margin:0 0 20px}
.main .mobile-overview-clean .mobile-game-copy h1{font-size:clamp(24px,3vw,36px)!important;line-height:1.15!important;margin:0!important}
.main .mobile-overview-clean .mobile-game-copy>p{display:block!important;font-size:16px!important;line-height:1.5;margin:16px 0 22px!important;color:#dfd2bd}
.main .mobile-overview-clean .mobile-game-install-button{min-height:48px!important;margin:0 0 10px!important}
.main .mobile-overview-clean .mobile-game-qr{flex-direction:column;text-align:center;padding:24px!important;gap:20px;border-radius:22px;background:linear-gradient(145deg,#4a3c30,#2c292c)!important}
.main .mobile-overview-clean .mobile-game-qr>img{width:180px!important;height:180px!important;min-width:0;padding:10px!important;border-radius:14px!important}
.main .mobile-overview-clean .install-link-copy p{font-size:15px!important;line-height:1.5!important}.main .mobile-overview-clean .install-direct-link{font-size:17px;overflow-wrap:anywhere}
@media(orientation:portrait) and (max-width:932px){.main .mobile-overview-clean .mobile-game-hero{grid-template-columns:minmax(0,1fr)!important;max-width:460px;gap:22px!important}.main .mobile-overview-clean .mobile-game-copy{text-align:center}.main .mobile-overview-clean .mobile-game-brand{width:88px;height:88px;margin:0 auto 14px}.main .mobile-overview-clean .mobile-game-qr{flex-direction:row;text-align:left;padding:16px!important;gap:16px}.main .mobile-overview-clean .mobile-game-qr>img{width:100px!important;height:100px!important;flex:0 0 100px}.main .mobile-overview-clean .mobile-game-copy>p{margin:12px 0 18px!important}}
@media(orientation:landscape) and (max-height:600px){.main .mobile-overview-clean{padding:16px!important}.main .mobile-overview-clean .mobile-game-hero{gap:24px!important}.main .mobile-overview-clean .mobile-game-brand{width:58px;height:58px;margin:0 0 8px}.main .mobile-overview-clean .mobile-game-copy h1{font-size:23px!important}.main .mobile-overview-clean .mobile-game-copy>p{font-size:14px!important;margin:8px 0 12px!important}.main .mobile-overview-clean .mobile-game-qr{padding:14px!important;gap:10px}.main .mobile-overview-clean .mobile-game-qr>img{width:104px!important;height:104px!important}.main .mobile-overview-clean .mobile-game-install-button{min-height:42px!important}}

/* Readable portrait installation instructions. */
@media(orientation:portrait) and (max-width:932px){
.main .install-guide{padding:16px!important;min-height:0}
.main .install-guide .install-conversion-shell{gap:22px!important;grid-template-rows:auto auto minmax(0,1fr)!important}
.main .install-guide .install-conversion-copy h1{font-size:25px!important;line-height:1.2!important;margin:0 0 14px!important}
.main .install-guide .install-conversion-copy>p,.main .install-guide .install-conversion-panel>p,.main .install-guide .install-link-copy p{font-size:15px!important;line-height:1.5!important;color:#ebdfcb!important;margin:0 0 14px!important}
.main .install-guide .install-conversion-reward{padding:12px!important;margin-top:16px!important;gap:12px}
.main .install-guide .install-conversion-reward strong{font-size:15px!important;line-height:1.4}
.main .install-guide .install-conversion-reward span{font-size:14px!important;line-height:1.45;color:#dfd0b8!important}
.main .install-guide .install-guide-qr{padding:14px!important;gap:16px!important}.main .install-guide .install-direct-link{font-size:16px;overflow-wrap:anywhere}
.main .install-guide .install-conversion-action-card{padding:16px!important;min-height:0;overflow-y:auto;overscroll-behavior:contain}
.main .install-guide .install-conversion-panel-heading{margin-bottom:18px!important;gap:14px!important}
.main .install-guide .install-conversion-panel h2{font-size:21px!important;line-height:1.3!important}
.main .install-guide .install-conversion-panel>small{display:block;font-size:14px!important;line-height:1.5!important;color:#dfd0b8!important;margin:14px 0!important}
.main .install-guide .install-conversion-mini-steps{gap:12px!important;margin:18px 0!important}.main .install-guide .install-conversion-mini-steps span{font-size:14px!important;line-height:1.45;padding:12px!important}
.main .install-guide .install-conversion-primary,.main .install-guide .install-conversion-secondary{min-height:46px!important;font-size:15px!important;margin:16px 0!important;padding:12px!important}
}
