/* QA-only responsive frame. It activates only when download.js adds the
   mobile-preview class from an explicit mobilePreview query value. */
body.mobile-preview { width: min(var(--mobile-preview-width,390px),100%); margin-inline: auto; overflow-x: hidden; }
body.mobile-preview .download-header,body.mobile-preview main,body.mobile-preview footer { width: calc(100% - 20px); }
body.mobile-preview .download-header { min-height: 66px; }
body.mobile-preview .download-brand strong { font-size: 14px; }
body.mobile-preview .download-hero { grid-template-columns: 1fr; min-height: 0; border-radius: 27px; }
body.mobile-preview .download-copy { padding: 38px 24px 18px; }
body.mobile-preview .download-copy h1 { font-size: 48px; }
body.mobile-preview .download-copy>p { font-size: 12px; }
body.mobile-preview .download-actions { align-items: stretch; flex-direction: column; width: 100%; margin-top: 24px; }
body.mobile-preview .primary-download { width: 100%; min-width: 0; }
body.mobile-preview .web-play { text-align: center; }
body.mobile-preview .download-visual { min-height: 470px; }
body.mobile-preview .phone-frame { width: 230px; height: 466px; border-radius: 38px; transform: translate(-50%,-48%) rotate(2deg); }
body.mobile-preview .phone-screen { padding-top: 41px; border-radius: 31px; }
body.mobile-preview .preview-hero { min-height: 150px; }
body.mobile-preview .preview-games i { height: 58px; }
body.mobile-preview .visual-orbit { right: 50%; width: 330px; height: 330px; transform: translate(50%,-50%); }
body.mobile-preview .card-one { right: 9%; }
body.mobile-preview .card-two { left: 7%; }
body.mobile-preview .trust-strip,body.mobile-preview .install-steps { grid-template-columns: 1fr; }
body.mobile-preview .trust-strip { margin-top: 10px; }
body.mobile-preview .trust-strip article { grid-template-columns: auto 1fr; align-items: center; }
body.mobile-preview .install-section { padding-top: 70px; }
body.mobile-preview .section-heading h2 { font-size: 29px; }
body.mobile-preview .install-steps { gap: 9px; margin-top: 25px; }
body.mobile-preview .install-steps article { min-height: 0; padding: 20px; }
body.mobile-preview .download-notes { align-items: flex-start; flex-direction: column; margin-bottom: 56px; padding: 24px; }
body.mobile-preview .download-notes>a { width: 100%; text-align: center; }
body.mobile-preview footer { align-items: flex-start; flex-direction: column; }
html[style*="--mobile-preview-width: 320px"] .download-copy { padding-inline: 18px; }
html[style*="--mobile-preview-width: 320px"] .download-copy h1 { font-size: 41px; }
html[style*="--mobile-preview-width: 320px"] .download-visual { min-height: 430px; }
html[style*="--mobile-preview-width: 320px"] .phone-frame { width: 208px; height: 426px; }