mobile/public/phone-qa.html

<!doctype html><html lang="en"><meta charset="utf-8"><title>Emberveil phone layout check</title><style>body{margin:12px;background:#181b21;color:white;font:16px system-ui}button{margin:4px;padding:8px}iframe{display:block;border:2px solid #527763;margin-top:10px;width:844px;height:390px}</style><h1>Emberveil phone layout check</h1><p>Browser layout test. This does not emulate an iPhone or Android device.</p><button data-size="844,390">Landscape 844 × 390</button><button data-size="390,844">Portrait 390 × 844</button><button data-size="740,360">Small landscape 740 × 360</button><iframe title="Phone game" src="./?qa=1" allow="fullscreen"></iframe><script>document.querySelectorAll('button').forEach(button=>button.onclick=()=>{const [w,h]=button.dataset.size.split(',');const f=document.querySelector('iframe');f.style.width=w+'px';f.style.height=h+'px';});</script></html>