Restore campaign terminology across UI and docs

src/routes/+page.svelte

@@ -154,7 +154,7 @@
             <span><strong>{healthy.length ? players : '—'}</strong> players online</span>
             <span><strong>{healthy.length}/{servers.length}</strong> healthy</span>
             <button class="metric-link" onclick={() => { resetFilters(); filter = 'empty'; }}><strong>{empty}</strong> empty lobbies</button>
-            <a class="metric-link" class:no-rollouts={!campaigns} href="/campaigns"><strong>{campaigns}</strong> active rollouts</a>
+            <a class="metric-link" class:no-campaigns={!campaigns} href="/campaigns"><strong>{campaigns}</strong> active campaigns</a>
             <span class="freshness">{$fleetError ? 'Reconnecting' : 'Updated'} · {snapshotAge < 60 ? `${snapshotAge}s` : `${Math.floor(snapshotAge / 60)}m`} ago</span>
         </div>{/if}
         {#if $fleetIntegrations && (!$fleetIntegrations.komodo || !$fleetIntegrations.rcon)}
@@ -282,7 +282,7 @@
     .freshness { margin-left: auto; font-size: var(--text-xs); color: var(--text-tertiary); }
     .setup-note { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 16px; border: 1px solid var(--border-strong); border-radius: var(--radius-md); font-size: var(--text-sm); color: var(--text-secondary); }
     .setup-note strong { color: var(--text-primary); }
-    @media (max-width: 600px) { .freshness { flex-basis: 100%; margin-left: 0; } .no-rollouts { display: none; } }
+    @media (max-width: 600px) { .freshness { flex-basis: 100%; margin-left: 0; } .no-campaigns { display: none; } }
     .page { display: flex; flex-direction: column; gap: var(--space-4); }
     button, input, select { font: inherit; }
     button { cursor: pointer; }