Chrome Extension to Edit FIFA Matches

I need a small, clean Google Chrome extension that lets me open any match page on fifa.com and instantly change the on-screen details—team names, scores, kick-off times, or any other visible data—purely on my own browser. Think of it as a client-side overlay: the original site remains untouched on the server; I simply want to override what I see locally.

Core flow
• When I’m on a match page I click the extension icon.
• A simple popup detects the current URL, pulls the match data shown on the page, and displays editable fields.
• I type in new values, hit Save, and the page updates on the fly via a content script.
• Changes should stay until I refresh (or, optionally, until I clear them through the popup).

Technical notes
– Build for Chrome (Manifest V3).
– Vanilla JS or a light framework is fine; keep dependencies minimal.
– Use clear, well-commented code so I can tweak labels later if needed.
– No external servers or storage APIs—everything stays local, using chrome.storage if persistence is enabled.

Deliverables
1. Packed .crx or zipped extension ready for drag-and-drop install.
2. Full source code with a concise README covering setup, usage, and how to adjust fields.
3. Brief screen-share or recorded demo showing the edit–save–reset cycle working on a live fifa.com match page.

Acceptance criteria
• Popup detects match pages correctly and lists the editable fields.
• Edits reflect instantly without breaking site layout or functionality.
• No console errors and passes Chrome Web Store linting.
• Code remains under my ownership once delivered.

If you’ve built similar DOM-manipulating extensions before, let’s get this done quickly.