Improve operational UX, recovery flows, and action safety

Implement the approved UX review across Fleet, Betas, Library, deployments, and Settings. Add reviewed promotion and reconciliation plans, atomic queued-removal cancellation, recoverable beta drafts and launch inputs, accessible controls, and mobile improvements.

Validated with 473 tests, a clean typecheck, production build, and isolated desktop/mobile browser walkthroughs. Include the review and implementation coverage notes.

src/lib/ui/components/ServerCard.svelte

@@ -80,7 +80,7 @@
     let gameInProgress = $derived(!!gameStartedAt && !gameEndedAt && !!activeSince);
     let gameElapsed = $derived(gameInProgress ? elapsedSince(gameStartedAt, $uiNow) : null);
     let showTiming = $derived(
-        showRoster && (activeElapsed !== null || inactiveElapsed !== null || gameElapsed !== null)
+        health === 'online' && (activeElapsed !== null || inactiveElapsed !== null || gameElapsed !== null)
     );
 
     // Shared-element transition to /servers/{name} — Chromium only, others
@@ -109,6 +109,8 @@
             <Badge variant="info" uppercase>Starting</Badge>
         {:else if health === 'offline'}
             <Badge variant="danger" uppercase>offline</Badge>
+        {:else if health === 'stale'}
+            <Badge variant="warning">Stale</Badge>
         {:else}
             <div class="players" aria-live="polite">
                 <Stat
@@ -123,6 +125,11 @@
 
     {#if gtLabel || showMap}<div class="meta">{#if showMap}<span>{health === 'online' ? 'Current map' : 'Last map'}: {mapLabel}</span>{/if}{#if gtLabel}<span class="gt">{gtLabel}</span>{/if}</div>{/if}
 
+    {#if health === 'stale'}
+        <div class="stale-note"><strong>Players unknown</strong><span>Last known: {players ?? 'unknown'}{players !== null ? ' players' : ''}{lastSeenAt ? ` · ${ago(lastSeenAt, $uiNow)}` : ''}</span></div>
+        {#if topRoster.length}<div class="roster-heading">Last reported players</div>{/if}
+    {/if}
+
     {#if health === 'online' && players !== null && players > 0 && gameInProgress}<RoundTelemetry {name} since={gameStartedAt} />{/if}
 
     {#if showTiming && !(compactEmpty && players === 0)}
@@ -185,6 +192,9 @@
 </Card>
 
 <style>
+    .stale-note { display: grid; gap: 4px; margin-top: 14px; font-size: var(--text-sm); color: var(--text-secondary); }
+    .stale-note strong { color: var(--text-primary); font-weight: var(--weight-medium); }
+    .roster-heading { margin-top: 14px; font-size: var(--text-xs); color: var(--text-tertiary); }
     /* Global tweaks scoped through :global() since Card is a child component. */
     :global(.card.restarting) {
         outline: 1px solid rgba(255, 176, 32, 0.28);