feat(ui): map canvas follows light/dark theme; fix invisible gear control

The map view now selects a DARK_THEME or LIGHT_THEME palette from the
resolved app theme and threads it through every primitive builder, so
the canvas, planets, ship groups, cargo routes, battle/bombing markers,
fog, reach + selection rings, pending-Send tracks, and the pick overlay
all switch with the rest of the chrome. A theme flip remounts the
renderer preserving the camera — Pixi bakes the background at init and
every primitive bakes its colour at build, so a live re-tint is not
possible on the same instance.

This also fixes the reported bug: the gear-popover trigger and the
loading overlay hardcoded a dark navy background, so in light theme the
gear was invisible (dark icon on dark chip) until hover flipped it to a
white chip. Both now use the --color-surface-overlay token and read
correctly in both themes.

The light palette mirrors the dark one role-for-role, darkened /
saturated for contrast on a light background while keeping the incoming,
battle, and bombing accents vivid. The values are a first pass meant to
be refined during the F8 manual-QA loop.

Removes the now-dead "Phase 35" references from the code and lifts the
map-recoloring prohibition from the design-system / renderer docs; the
battle scene stays a fixed-palette data-viz surface.

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>

ui/frontend/tests/pending-send-routes.test.ts

@@ -12,6 +12,7 @@ import type {
 } from "../src/api/game-state";
 import type { OrderCommand } from "../src/sync/order-types";
 import { buildPendingSendLines } from "../src/map/pending-send-routes";
+import { DARK_THEME, LIGHT_THEME } from "../src/map/world";
 
 function planet(overrides: Partial<ReportPlanet> & Pick<ReportPlanet, "number" | "x" | "y">): ReportPlanet {
 	return {
@@ -108,7 +109,29 @@ describe("buildPendingSendLines", () => {
 		expect(line.x2).toBe(110);
 		expect(line.y2).toBe(100);
 		expect(line.style.strokeDashPx).toBeGreaterThan(0);
-		expect(line.style.strokeColor).toBe(0x66bb6a);
+		expect(line.style.strokeColor).toBe(DARK_THEME.pendingSend);
+	});
+
+	test("uses the supplied palette's dashed-line colour", () => {
+		const report = makeReport({
+			planets: [SOURCE_PLANET, DEST_PLANET],
+			localShipGroups: [localGroup({ id: GROUP_ID, destination: 1 })],
+		});
+		const cmd: OrderCommand = {
+			kind: "sendShipGroup",
+			id: "cmd-1",
+			groupId: GROUP_ID,
+			destinationPlanetNumber: 2,
+		};
+		const lines = buildPendingSendLines(
+			report,
+			[cmd],
+			{ "cmd-1": "valid" },
+			undefined,
+			LIGHT_THEME,
+		);
+		expect(lines[0]?.style.strokeColor).toBe(LIGHT_THEME.pendingSend);
+		expect(LIGHT_THEME.pendingSend).not.toBe(DARK_THEME.pendingSend);
 	});
 
 	test("uses the torus-shortest path across the seam", () => {