Adding general usage for systems that aren't PF2E

public/style.css

···
     width: 70% !important;
 }
 
-.mobile-mode.system-pf2e #scene-navigation,
-    .mobile-mode.system-pf2e #hotbar,
-    .mobile-mode.system-pf2e #players,
-    .mobile-mode.system-pf2e #scene-controls,
-    .mobile-mode.system-pf2e #sidebar,
-    .mobile-mode.system-pf2e #effects-panel,
-    .mobile-mode.system-pf2e #chat-notifications,
-    .mobile-mode.system-pf2e #notifications,
-    .mobile-mode.system-pf2e header.window-header a {
+.mobile-mode #scene-navigation,
+    .mobile-mode #hotbar,
+    .mobile-mode #players,
+    .mobile-mode #scene-controls,
+    .mobile-mode #sidebar,
+    .mobile-mode #effects-panel,
+    .mobile-mode #chat-notifications,
+    .mobile-mode #notifications,
+    .mobile-mode header.window-header a,
+    .mobile-mode header.window-header button {
         display: none !important;
+}
+
+.mobile-mode:not(.system-pf2e) section.token-buttons button {
+    width: 90%;
+    margin: 20px auto;
+    height: fit-content;
+}
+
+.mobile-mode:not(.system-pf2e) section.token-buttons button * {
+    padding: 1.25rem;
+    width: 100%;
 }

src/main.ts

···
 import { registerSocket } from "./socket";
+import UniversalControl from "./unicontrol";
 import { editPlayerModes, tokenControlCB } from "./utils";
 
 Hooks.once("init", (): void => {
···
         if (document.body.classList.contains("system-pf2e")) {
             (game as foundry.Game).user.character.sheet.render(true);
         } else {
-            ui.notifications?.warn((game as foundry.Game).i18n!.localize("pf2e-table-mode.featureMissing"));
+            const app = new UniversalControl();
+            app.render(true);
         }
     }
 

src/svelte/unicontrol.svelte

···
+<script lang="ts">
+    import { tokenControlCB } from "../utils";
+</script>
+
+<section class="token-buttons">
+    <button onclick={tokenControlCB} data-direction="left" aria-label="left"><i class="fas fa-arrow-left"></i></button>
+    <button onclick={tokenControlCB} data-direction="right" aria-label="right"><i class="fas fa-arrow-right"></i></button>
+    <button onclick={tokenControlCB} data-direction="down" aria-label="down"><i class="fas fa-arrow-down"></i></button>
+    <button onclick={tokenControlCB} data-direction="up" aria-label="up"><i class="fas fa-arrow-up"></i></button>
+</section>

src/unicontrol.ts

···
+import { mount } from "svelte";
+import UniControl from "./svelte/unicontrol.svelte";
+
+export default class UniversalControl extends foundry.applications.api.ApplicationV2 {
+    static override get DEFAULT_OPTIONS() {
+        return foundry.utils.mergeObject(
+            super.DEFAULT_OPTIONS,
+            {
+                actions: [],
+                classes: [
+                    "sheet",
+                    "application"
+                ],
+                id: "universal-control",
+                position: {
+                    left: 0,
+                    top: 0,
+                    width: window.innerWidth,
+                    height: window.innerHeight
+                },
+                window: {
+                    resizable: false
+                }
+            }
+        );
+    }
+
+    _renderHTML(context: any, options: foundry.applications.types.ApplicationRenderOptions): Promise<any> {
+        console.log(context);
+
+        return new Promise((resolve: (value: string) => void): void => {
+            resolve((game as foundry.Game).user.id);
+        });
+    }
+
+    /*override render(options?: boolean | foundry.applications.types.ApplicationRenderOptions, _options?: foundry.applications.types.ApplicationRenderOptions): Promise<this> {
+        if (document.getElementById("universal-control") === null) {
+            super.render(options).then((value: this): void => {
+                mount(UniControl, {
+                    target: value.element,
+                    props: {}
+                });
+            });
+        }
+
+        return new Promise((resolve: (value: this) => void): void => {
+            resolve(this);
+        });
+    }*/
+
+    _replaceHTML(id: string, element: HTMLElement, options: any): void {
+        element.innerHTML = "";
+
+        mount(UniControl, {
+            target: element,
+            props: {}
+        });
+    }
+}