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/pages/game/MapDialog.jsx

@@ -59,7 +59,7 @@ export function MapDialog({ nodes, actions }) {
             <GameNode as="canvas" id="fullmap" model={nodes['fullmap']} />
             <GameNode as="canvas" id="iran-map" hidden model={nodes['iran-map']} />
             <p className="map-help">
-              {'کشیدن: جابه‌جایی · چرخ ماوس: زوم · کلیک روی دستگاه: انتخاب'}
+              {'کشیدن: جابه‌جایی · دو انگشت یا چرخ ماوس: زوم · لمس یا کلیک روی دستگاه: انتخاب'}
             </p>
           </div>
           <aside className="map-side">