[bashmohandes]

Motivation

• The leaderboard game-filter controls were overflowing on narrow screens (iPhone), preventing filters from fitting in the available width.
• The change makes the filter UI responsive so the tabs stack into a compact grid on small viewports to avoid horizontal overflow.

Description

• Updated profile.html CSS to extend the @media (max-width:650px) rule with .tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))} and .tabs button{min-width:0;padding-inline:8px;font-size:13px} to create a two-column compact layout for the game filters.
• Added a regression test in tests/profile-page.test.js asserting the new responsive CSS selectors are present in profile.html.

Testing

• Ran the profile tests with node --test tests/profile-page.test.js and the new responsive test passed.
• Ran the repository checks with npm run check (type checks via node --check) and they completed successfully.
• An earlier full npm test run showed the new test failed before the fix, and after the change the focused profile tests passed; the suite check passed after fixing the CSS.

---

Codex Task