Buttons disappear when browser extensions mutate the DOM

[Aotumuri]

Describe the bug
Homepage game buttons disappear when a browser extension that modifies the page DOM, such as DeepL, is enabled.

The affected buttons include the public lobby cards and the Solo, Create, Ranked, and Join buttons. Disabling the extension and reloading the page restores them.

To Reproduce
Steps to reproduce the behavior:

1. Install and enable the DeepL browser extension, or another extension that modifies page DOM.
2. Go to https://openfront.io/.
3. Wait for the homepage and public lobby information to load.
4. Observe that the homepage game buttons disappear.

Expected behavior
Homepage buttons should remain visible and functional even when a browser extension modifies unrelated page DOM.

External DOM mutations should not corrupt the application’s rendered component tree.

Screenshots

Assignment

• I'd like to be assigned to this issue and work on it myself

[github-actions]

Hi @Aotumuri, thanks for opening this issue. It hasn't been approved by a maintainer yet — we'll get back to you shortly to either milestone it (approval) or close it.

— Automated. See CONTRIBUTING.md.

[Aotumuri]

A possible fix would be to split the static action buttons and frequently updated lobby list into separate, replaceable render islands.
If external DOM mutations corrupt a Lit-managed subtree, only the affected view could be remounted from the current application state.

This approach keeps the current light DOM because the homepage relies on globally generated Tailwind styles, while still limiting and recovering from external DOM mutations without a larger Shadow DOM styling migration