Add landscape mobile responsiveness for map + control-pane review

[Copilot]

Mobile review was effectively desktop-only: map overlays and right-hand controls competed for limited landscape space. This update makes the app minimally usable on mobile landscape, including map interaction and core panel workflows.

• Responsive shell/layout

  • Added a landscape-targeted breakpoint (max-width: 1024px, orientation: landscape).
  • Rebalanced the split view to preserve map usability while keeping the side pane actionable (minmax(0, 1fr) + constrained side width).

• Control density + scanability

  • Reduced header/tab/body padding and typography to fit short-height displays.
  • Hid low-value chrome (tagline) to recover vertical space.
  • Tuned inspector max height to avoid consuming the full pane.

• Map UI survivability on small viewports

  • Made toolbar full-width within map bounds with wrapping enabled.
  • Converted map toggles into a compact 2-column grid.
  • Reduced legend footprint and anchored both legends to remain visible without excessive overlap.

@media (max-width: 1024px) and (orientation: landscape) {
  .app-shell { grid-template-columns: minmax(0, 1fr) minmax(250px, 44vw); }
  .map-toolbar { left: 8px; right: 8px; flex-wrap: wrap; }
  .map-toggles { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

[github-actions]

PR Preview Action v1.8.1
🚀 View preview at https://DeepBlueCLtd.github.io/blockbuster/pr-preview/pr-25/
Built to branch gh-pages at 2026-06-03 21:48 UTC. Preview will be ready when the GitHub Pages deployment is complete.