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/services/apiClient.test.js

@@ -10,7 +10,7 @@ describe('world asset service', () => {
     const { apiClient } = await import('./apiClient.js');
     expect(apiClient.defaults.baseURL).toBe(`${location.origin}/vending-machine-game/`);
   });
-  it('retains the optional-data fallback and passes cancellation to both requests', async () => {
+  it('retains the optional-data fallback and skips the satellite index while it is off', async () => {
     const { apiClient } = await import('./apiClient.js');
     const { loadWorldFiles } = await import('./worldService.js');
     const get = vi.spyOn(apiClient, 'get').mockRejectedValue(new Error('offline'));
@@ -20,6 +20,6 @@ describe('world asset service', () => {
       responseType: 'arraybuffer',
       signal: controller.signal,
     });
-    expect(get).toHaveBeenCalledWith('./imagery/index.json', { signal: controller.signal });
+    expect(get).not.toHaveBeenCalledWith('./imagery/index.json', expect.anything());
   });
 });