/* Kicks in ONLY when the script adds .force-mobile to */ .force-mobile body { margin: 0; overflow-x: hidden; } /* If you have a top-level wrapper, this clamps width nicely. */ .force-mobile .app-root { max-width: 420px; /* adjust to your mobile design (360–420 typical) */ margin: 0 auto; padding-left: env(safe-area-inset-left); padding-right: env(safe-area-inset-right); padding-bottom: env(safe-area-inset-bottom); } /* If you DON’T have an .app-root wrapper, this fallback still narrows content */ .force-mobile body:not(:has(.app-root)) { max-width: 420px; margin: 0 auto; }