Revise game card design

[johnpooch]

Goal

The active ("Started") tab of My Games stuffs nation, order status, NMR/CD status, and game mode into a single flat badge row (e.g. [Italy] [Orders Submitted] [NMR] [CD] [Gunboat]) — four different kinds of information rendered with the same element in the same row, expressing no hierarchy and no urgency. Revise the game card so each kind of information has a distinct, purposeful home, and group active games into priority-ordered triage lanes so a player can see what needs their attention at a glance. PR #990 attempted this, surfaced good feedback, and was closed; this RFC carries the agreed decisions and open questions into a cleaner second attempt.

Definition of done

The active My Games tab is redesigned and merged such that:

• The flat badge row on active game cards is broken up — nation, order status, NMR/CD status, and game mode are visually separated so their differing meaning and urgency is legible.
• Nation renders as a floating chip over the top-left of the map (kept from PR Redesign My Games active tab with triage lanes #990).
• Active games are grouped into priority-ordered triage lanes; a game sits in the highest lane it qualifies for and moves between lanes naturally as backend state changes.
• Lane/section headers are not colour-coded — they use the same consistent styling as the rest of the app — and are separated by a divider line with enough vertical padding (more above than below) that they are not missed on mobile.
• CD and NMR remain discoverable on the card itself (a badge next to or under the game name), not only via the lane header, so a player who misses the header still gets the information.
• Civil Disorder is presented as "Civil Disorder" with a question-mark affordance that reveals — via tooltip on hover, tap on mobile — what CD is (how the player got there), its effect (the game no longer waits on them), and how to leave it (submit any order). The unclear "submit to rejoin" wording is gone. NMR gets similar, lighter progressive-disclosure treatment.
• NMR and CD are never shown together — CD supersedes NMR.
• Order status stays legible on every active card, so a player who misses the lane header still knows whether they owe orders. (The core review concern: removing status from the card entirely left mobile users with no per-card status indicator.)

Context

Closed attempt and full feedback thread: #990

Current implementation is a single flat badgeCluster in packages/web/src/components/GameCard.tsx — nation, order-status, NMR, CD, gunboat, and paused all rendered as sibling badges in one wrapping row.

Open questions for the discussion to resolve (these are the design decisions PR #990 got wrong or left unsettled):

• Where should each remaining info type live once nation moves to the map — specifically game mode (gunboat/sandbox), NMR/CD status, and order status? The lanes express urgency at the group level, but each card still needs a clear, non-crowded home for these so they read as distinct things.
• Should the divider + header-padding treatment also be applied to the Find Games "Fastest Start" section headers, for consistency across screens?

Settled from the PR thread (inputs to the design, not up for re-litigation): keep the triage-lane grouping; nation as a floating chip over the map; headers not colour-coded; add a divider and more header padding; keep CD/NMR visible on the card; replace "submit to rejoin" with a "Civil Disorder" + question-mark tooltip; don't show NMR and CD together.

[johnpooch]

@JorenC moved the PR feedback here for further discussion. Something about the wall of badges is getting under my skin!