Mobile audits must enter interactive states, not just landing screens

A page can report 0px horizontal overflow yet be unusable on phones because the audit only saw its landing/picker state — the broken layout was one click deeper (the analysis board+sidebar behind selecting a game). Lesson: a mobile UX audit must exercise each screen INTO its interactive states, not just screenshot the first render. Also: an inline grid with fixed minmax() minimums and no matching @media rule (e.g. grid-template-columns: minmax(320px,1fr) minmax(360px,440px)) can never collapse — its ~680px floor overflows a 390px viewport. Move such layout to a CSS class so a media query can stack it.