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/src/map/battle-markers.ts

@@ -17,18 +17,16 @@
 // same `world` / `hitLookup` plumbing as planets and ship groups.
 
 import type { GameReport, ReportPlanet } from "../api/game-state";
-import type {
-	CirclePrim,
-	LinePrim,
-	Primitive,
-	PrimitiveID,
-	Style,
+import {
+	DARK_THEME,
+	type CirclePrim,
+	type LinePrim,
+	type Primitive,
+	type PrimitiveID,
+	type Style,
+	type Theme,
 } from "./world";
 
-export const BATTLE_MARKER_COLOR = 0xffd400;
-export const BOMBING_MARKER_COLOR_DAMAGED = 0xffd400;
-export const BOMBING_MARKER_COLOR_WIPED = 0xff3030;
-
 /** Battle and bombing marker primitive ids use a high-bit prefix to
  * avoid colliding with planet numbers or cargo-route line ids. */
 export const BATTLE_MARKER_ID_PREFIX = 0xa0000000;
@@ -102,6 +100,7 @@ export function battleMarkerStrokeWidth(shots: number): number {
  */
 export function buildBattleAndBombingMarkers(
 	report: GameReport,
+	theme: Theme = DARK_THEME,
 ): BuildMarkersResult {
 	const planetByNumber = new Map<number, ReportPlanet>();
 	for (const planet of report.planets) {
@@ -127,7 +126,7 @@ export function buildBattleAndBombingMarkers(
 		if (planet === undefined) continue;
 		const strokeWidthPx = battleMarkerStrokeWidth(battle.shots);
 		const style: Style = {
-			strokeColor: BATTLE_MARKER_COLOR,
+			strokeColor: theme.battleMarker,
 			strokeAlpha: 0.95,
 			strokeWidthPx,
 		};
@@ -172,9 +171,7 @@ export function buildBattleAndBombingMarkers(
 		const bombing = report.bombings[i];
 		const planet = planetByNumber.get(bombing.planetNumber);
 		if (planet === undefined) continue;
-		const color = bombing.wiped
-			? BOMBING_MARKER_COLOR_WIPED
-			: BOMBING_MARKER_COLOR_DAMAGED;
+		const color = bombing.wiped ? theme.bombingWiped : theme.bombingDamaged;
 		const style: Style = {
 			strokeColor: color,
 			strokeAlpha: 0.9,