Add recenter button for mobile zoom/pan

[Copilot]

Mobile users can zoom and pan the bingo grid but have no way to return to the original centered view without manual adjustment.

Changes

UI Component

• Added floating button (bottom-right) with crosshair SVG icon
• Hidden on desktop via @media (hover: none) and (pointer: coarse)
• Includes aria-label for screen reader accessibility

CSS

• New .btn-recenter class with fixed positioning
• Added --primary-color-hover variable to consolidate hardcoded hover colors

TouchManager

• Added recenter() method to reset transform state (scale: 1, translate: 0,0)
• Refactored reset() to call recenter() to eliminate duplication

App Integration

• Connected button click event to TouchManager.recenter()

// TouchManager now provides explicit recentering
recenter() {
    this.scale = 1;
    this.translateX = 0;
    this.translateY = 0;
    this.updateTransform();
}

reset() {
    this.recenter(); // Maintains API compatibility
}

The button appears only on touch-capable devices where zoom/pan is available.

Warning

Firewall rules blocked me from connecting to one or more addresses (expand for details)

I tried to connect to the following addresses, but was blocked by firewall rules:

• checkpoint.prisma.io
  • Triggering command: /opt/hostedtoolcache/node/24.13.0/x64/bin/node /opt/hostedtoolcache/node/24.13.0/x64/bin/node /home/REDACTED/work/bingo-string/bingo-string/node_modules/prisma/build/child {"product":"prisma","version":"5.22.0","cli_install_type":"local","information":"","local_timestamp":"2026-02-14T01:42:17Z","project_hash":"eb3f3be5","cli_path":"/home/REDACTED/work/bingo-string/bingo-string/node_modules/.bin/prisma","cli_path_hash":"9ad344 (dns block)

If you need me to access, download, or install something from one of these locations, you can either:

• Configure Actions setup steps to set up my environment, which run before the firewall is enabled
• Add the appropriate URLs or hosts to the custom allowlist in this repository's Copilot coding agent settings (admins only)

Original prompt

Fix the issue stated in #58 for the "String-sg/bingo-string" repository. Carefully address the problem and implement an appropriate solution based on the details of the issue and the requirements described.

This pull request was created from Copilot chat.

---

💬 We'd love your input! Share your thoughts on Copilot coding agent in our 2 minute survey.

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
bingo-string	Ready	Preview, Comment	Feb 14, 2026 1:46am