The header clips its last control on a phone: the nav row does not wrap #40

Found reviewing #31 (the reviewer's phone screenshot), pre-existing, nothing to do with the roster.

At 390px wide the header's right-hand nav overflows its line and the last control is clipped: Sign o…. nav.row in src/pages/layout.ts holds four things — the environment pill, the commit, <span class="you"> with the person's name, and the Sign in / Sign out button — and .row in static/app.css is display: flex; align-items: center with no flex-wrap, so on a narrow screen the line runs past the edge instead of wrapping. .head itself wraps; the nav inside it does not.

It matters now because #28 puts a /group link in that same row: one more item makes a clipped row a broken one.

What done looks like

• The header's nav wraps (or the pieces that can be dropped are), so nothing is cut off at 360px or 390px and the page still has no horizontal scroll.
• Every control in that row is still at least 44px on a side and reachable by keyboard.
• A long person name does not push the button off the line — .you is white-space: nowrap, so it needs a limit of its own.
• A case in src/server.test.ts is not the tool for a layout bug; a screenshot at 360px and 390px in the pull is. bun test stays green.

Files I expect to change: static/app.css, possibly src/pages/layout.ts.

API Error: Can't reach the API server — check your internet or DNS (EAI_AGAIN)

Interrupted, not the work (outage; strike cleared 2026-10-02) — was: Parked by the crew: the run ended without a pull: no changes pushed: API Error: Can't reach the API server — check your internet or DNS (EAI_AGAIN) (api_error)