On the go
Mobile experience
Mobile is an app-like layout rather than a compressed desktop. It respects safe areas, keeps a bottom navigation bar for Home, Tournaments, Rankings, and Support, and turns wide tables into cards.
These six captures cover the public pages and the two dashboard shells, all at 780 by 1688.
# Mobile home
The mobile home page keeps the same hero and the same primary call to action, with the header menu collapsed behind a single control and the bottom bar carrying the four primary destinations.
# Mobile tournaments
The tournaments list keeps its status and region filters, and the tournaments tab stays lit in the bottom bar so the current section is always obvious.
# Mobile tournament detail
Event details stack into a single column so the name, the rules, and the key facts stay readable without horizontal scrolling or shrunk-down type.
# Mobile rankings
The ladder keeps the players-or-teams switch, the period selector, and the collapsible weights disclosure on a narrow screen, so nothing that explains a ranking has to be given up on mobile.
# Mobile player dashboard
The player dashboard swaps the desktop sidebar for the dashboard bottom navigation and keeps the counters above the fold, so the state of the account is readable in one glance.
# Mobile organizer dashboard
The organizer dashboard follows the same pattern, so an organizer can check totals and open an event from a phone without waiting to get back to a desk.
The site installs as an app, so it can be added to the home screen and receive push notifications.