fix: draw street map ground and repair mobile layout

- Turn the satellite ground off behind SATELLITE_GROUND so OSM streets,
  parks and land use are drawn; the imagery index is no longer fetched.
- Restore phone rules lost in the CSS-to-JS theme migration (#rank
  height, toolbar button size) and replace invalid -var() values.
- Add a landscape-phone layout and make the briefing scrollable.
- Add two-finger pinch zoom to the big map.
- Add regression tests for the theme and the skipped imagery request.

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

src/styles/gameTheme.test.js

@@ -0,0 +1,34 @@
+import { describe, it, expect } from 'vitest';
+import { gameTheme } from './gameTheme.js';
+
+/**
+ * Collects every CSS value in the theme, including those inside media blocks.
+ * @param {object} rules - Theme rules keyed by selector or at-rule.
+ * @returns {string[]} All declaration values.
+ */
+function allValues(rules) {
+  return Object.values(rules).flatMap((body) =>
+    Object.values(body).flatMap((value) =>
+      typeof value === 'object' ? allValues({ value }) : [value],
+    ),
+  );
+}
+
+describe('game theme', () => {
+  it('uses no negated var(), which browsers drop as invalid', () => {
+    expect(allValues(gameTheme).filter((value) => String(value).includes('-var('))).toEqual([]);
+  });
+
+  it('keeps the phone rank bar at the top instead of stretching it to full height', () => {
+    expect(gameTheme['@media (max-width: 760px)']['#rank']).toMatchObject({ bottom: 'auto' });
+  });
+
+  it('keeps the landscape phone layout as a top-level media block', () => {
+    expect(gameTheme['@media (max-height: 520px)']?.['#minimap-button']).toBeDefined();
+    expect(gameTheme['@media (max-width: 760px)']['@media (max-height: 520px)']).toBeUndefined();
+  });
+
+  it('lets the briefing scroll so its buttons stay reachable on short screens', () => {
+    expect(gameTheme['#briefing']['overflow-y']).toBe('auto');
+  });
+});