diff --git a/.gitattributes b/.gitattributes
new file mode 100644
index 00000000..b5e50b47
--- /dev/null
+++ b/.gitattributes
@@ -0,0 +1 @@
+text=auto eol=lf
diff --git a/.github/workflows/latest.yml b/.github/workflows/latest.yml
index fe8ec17c..f1522df8 100644
--- a/.github/workflows/latest.yml
+++ b/.github/workflows/latest.yml
@@ -11,8 +11,28 @@ jobs:
     runs-on: emulatorjs-server
     steps:
       - name: Checkout
-        uses: actions/checkout@v3
-      - name: Run Script
+        uses: actions/checkout@v4
+      - name: Set Permissions
         run: |
           cd /mnt/HDD/public
-          ./.latest.sh
+          chmod -R 755 .EmulatorJS/
+      - name: Update Latest
+        run: |
+          cd /mnt/HDD/public/.EmulatorJS/
+          git fetch --all
+          git reset --hard origin/main
+          git pull
+      - name: Minify Files
+        run: |
+          cd /mnt/HDD/public/.EmulatorJS/
+          npm i
+          npm run minify
+      - name: Zip Minified Files
+        run: |
+          cd /mnt/HDD/public/.EmulatorJS/data/
+          zip emulator.min.zip emulator.min.js emulator.min.css
+      - name: Clean Up Minify
+        run: |
+          cd /mnt/HDD/public/.EmulatorJS/
+          rm -f "minify/package-lock.json"
+          rm -rf "minify/node_modules/"
diff --git a/.github/workflows/newlines.yml b/.github/workflows/newlines.yml
new file mode 100644
index 00000000..5dd0f16b
--- /dev/null
+++ b/.github/workflows/newlines.yml
@@ -0,0 +1,42 @@
+name: Check for Newline at End of Files
+
+on:
+  pull_request:
+    types:
+      - opened
+      - synchronize
+      - reopened
+
+jobs:
+  check-newlines:
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@v2
+
+      - name: Check for missing newlines
+        run: |
+          files=$(git ls-files)
+
+          newline_error=0
+
+          for file in $files; do
+            if file --mime "$file" | grep -q "binary"; then
+              #echo "Skipping binary file: $file"
+              continue
+            fi
+
+            last_char=$(tail -c 1 "$file" | xxd -p)
+            if [[ "$last_char" != "0a" ]]; then
+              echo "File $file does not end with a newline!"
+              newline_error=1
+            fi
+          done
+
+          if [[ $newline_error -eq 1 ]]; then
+            echo "One or more files do not end with a newline."
+            exit 1
+          else
+            echo "All files end with a newline."
+          fi
diff --git a/.github/workflows/npm.yml b/.github/workflows/npm.yml
index 690b8d1d..50bbc84e 100644
--- a/.github/workflows/npm.yml
+++ b/.github/workflows/npm.yml
@@ -9,12 +9,59 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - uses: actions/checkout@v4
-      - uses: actions/setup-node@v3
+      - uses: actions/setup-node@v4
         with:
           node-version: '20.x'
           registry-url: 'https://registry.npmjs.org'
+      - name: Get latest release tag (if workflow_dispatch)
+        if: ${{ github.event_name == 'workflow_dispatch' }}
+        run: |
+          LATEST_TAG=$(curl -s https://api.github.com/repos/${{ github.repository }}/releases/latest | jq -r '.tag_name')
+          echo "LATEST_TAG=$LATEST_TAG" >> $GITHUB_ENV
+      - name: Download cores
+        env:
+          GH_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+        run: |
+          TAG_NAME=${{ github.event.release.tag_name || env.LATEST_TAG }}
+          TRIMMED_TAG=${TAG_NAME#v}
+          echo "TRIMMED_TAG=$TRIMMED_TAG" >> $GITHUB_ENV
+          gh release download "$TAG_NAME" \
+            --repo ${{ github.repository }} \
+            --pattern "$TRIMMED_TAG.7z"
+      - name: Extract cores
+        run: |
+          7z x -y "$TRIMMED_TAG.7z" "data/cores/*" -o./
+          rm "$TRIMMED_TAG.7z"
       - run: npm i
-      - run: npm ci
-      - run: npm publish --access public
+      - name: Make @emulatorjs/emulatorjs
+        run: |
+          node build.js --npm=emulatorjs
+          npm ci
+          npm publish --access public
+        env:
+          NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}
+      - name: Get cores list
+        run: |
+          echo "CORES=$(node build.js --npm=get-cores | jq -r '. | join(" ")')" >> $GITHUB_ENV
+      - name: Setup cores
+        run: |
+          node build.js --npm=cores
+      - name: Publish each core
+        run: |
+          cd data/cores
+          for core in $CORES; do
+            echo "Processing core: $core"
+            cd $core
+            npm publish --access public
+            cd ..
+          done
+        env:
+          NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}
+      - name: Make @emulatorjs/cores
+        run: |
+          cd data/cores
+          npm i
+          npm ci
+          npm publish --access public
         env:
           NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}
diff --git a/.github/workflows/stable.yml b/.github/workflows/stable.yml
index b2cd9e8c..65ef1989 100644
--- a/.github/workflows/stable.yml
+++ b/.github/workflows/stable.yml
@@ -11,8 +11,59 @@ jobs:
     runs-on: emulatorjs-server
     steps:
       - name: Checkout
-        uses: actions/checkout@v3
-      - name: Run Script
+        uses: actions/checkout@v4
+      - name: Set Variables
+        run: |
+          cd /mnt/HDD/public/
+          wget -q "https://api.github.com/repos/EmulatorJS/EmulatorJS/releases/latest" -O .tmp.json
+          version=$(jq -r '.tag_name' .tmp.json)
+          download_url=$(jq -r '.assets[0].browser_download_url' .tmp.json)
+          name=$(jq -r '.assets[0].name' .tmp.json)
+          old_version=$(jq -r '.github' versions.json)
+          v_version="$version"
+          if [[ $version == v* ]]; then
+              version="${version:1}"
+          fi
+          rm .tmp.json
+          echo "VERSION=$version" >> $GITHUB_ENV
+          echo "DOWNLOAD_URL=$download_url" >> $GITHUB_ENV
+          echo "NAME=$name" >> $GITHUB_ENV
+          echo "OLD_VERSION=$old_version" >> $GITHUB_ENV
+          echo "V_VERSION=$v_version" >> $GITHUB_ENV
+      - name: Download Stable
+        run: |
+          cd /mnt/HDD/public/
+          mkdir -p ".stable"
+          wget -q "$DOWNLOAD_URL" -O ".stable/$NAME"
+      - name: Extract Stable
+        run: |
+          cd /mnt/HDD/public/.stable/
+          7z x "$NAME"
+      - name: Move Versions
+        run: |
+          cd /mnt/HDD/public/
+          mv ".stable/$NAME" releases/
+          mv "$OLD_VERSION" "$VERSION"
+          mv stable "$OLD_VERSION"
+          mv .stable stable
+          jq --arg version "$VERSION" '.github = $version' versions.json | sponge versions.json
+      - name: Set Permissions
         run: |
           cd /mnt/HDD/public
-          ./.stable.sh
+          chmod -R 755 stable/
+      - name: Update Stable Cores
+        run: |
+          rsync -a --delete /mnt/HDD/public/stable/data/cores/ /mnt/HDD/public/.EmulatorJS/data/cores/
+      - name: Zip Stable
+        run: |
+          cd /mnt/HDD/public/stable/data/
+          zip emulator.min.zip emulator.min.js emulator.min.css
+      - name: Update Version
+        run: |
+          cd /mnt/HDD/public/
+          jq --arg old_version "$OLD_VERSION" '.versions += {($old_version): ($old_version + "/")}' versions.json | sponge versions.json
+      - name: Clean Up
+        run: |
+          cd /mnt/HDD/public/
+          rm -f "$OLD_VERSION/data/emulator.min.zip"
+          rm -rf "$OLD_VERSION/node_modules/"
diff --git a/.gitignore b/.gitignore
index 6116e25c..3b86629b 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,11 +1,15 @@
-**/node_modules/
-*.db
-data/minify/package-lock.json
+node_modules/
 package-lock.json
 yarn.lock
 roms/
 data/emulator.min.js
 data/emulator.min.css
-data/cores
+data/cores/*
+!data/cores/README.md
+!data/cores/core-README.md
+!data/cores/package.json
+!data/cores/.npmignore
 .DS_Store
-.vscode/*
\ No newline at end of file
+.vscode/*
+*.tgz
+dist/
diff --git a/.npmignore b/.npmignore
new file mode 100644
index 00000000..470e291c
--- /dev/null
+++ b/.npmignore
@@ -0,0 +1,16 @@
+.git
+dist/
+node_modules/
+package-lock.json
+.github/
+*.tgz
+update.js
+build.js
+data/localization/translate.html
+data/cores/*
+!data/cores/README.md
+!data/cores/package.json
+minify/
+.npmignore
+.gitignore
+roms/
diff --git a/CHANGES.md b/CHANGES.md
index 392f81b6..f7699797 100644
--- a/CHANGES.md
+++ b/CHANGES.md
@@ -1,6 +1,99 @@
 # Changes
 
-# 4.1.1
+# 4.2.3
+
+Bug fix release
+
+- Redo image capture features (Thanks to [@allancoding](https://github.com/allancoding))
+- Fix issue with invalid button names (Thanks to [@michael-j-green](https://github.com/michael-j-green))
+- Fix issues with canvas size
+- Update zh-CN translations (Thanks to [@incredibleIdea](https://github.com/incredibleIdea))
+
+# 4.2.2 [View Tree](https://github.com/EmulatorJS/EmulatorJS/tree/a796c4a3866652d1b6cb74a2b90e9552955c2b13)
+
+- Prioritize gameName over gameUrl for the local storage identifier
+- Fix CSS parsing when setting a background image (Thanks to [@kellenmace](https://github.com/kellenmace))
+- Add `EJS_dontExtractBIOS` option (Thanks to [@pjft](https://github.com/pjft))
+- Delete old screenshot file before saving a new one (Thanks to [@gantoine](https://github.com/gantoine))
+- Add `saveSaveFiles` event for when save files are updated
+- Add `saveDatabaseLoaded` event, for when the `/data/saves` directory has been mounted
+- Add ability to set a system save interval
+- Add the ability to hide settings from the settings menu with the `EJS_hideSettings` option
+- Attempt to auto-detect system language and attempt to load that file.
+- Add `EJS_disableAutoLang` option to disable auto language detection in `loader.js`
+- Update Japanese translation file (Thanks to [@noel-forester](https://github.com/noel-forester))
+- Add dropdown selection for gamepads
+- Correct N64 virtual gamepad inputs
+- Change path to `retroarch.cfg`
+- Add `joystickInput` property for virtual gamepad buttons
+- Removed `this.listeners`
+- Update Korean translation file (Thanks to [@SooHyuck](https://github.com/SooHyuck))
+- Redo touchscreen detection (Thanks to [@allancoding](https://github.com/allancoding))
+- Redo toolbar visibility method (Thanks to [@allancoding](https://github.com/allancoding))
+- Add `dosbox_pure` core (requires threading)
+- Add toggle for direct keyboard input
+- Redo scrolling in settings menu
+- Redo about menu CSS
+- Add setting to enable/disable mouse lock
+- Properly handle failed save states
+- Fix unknown axis events being discarded
+- Write core settings file before loading the core (Some core settings are required to be loaded from here on startup)
+- Add option to disable `alt` key when using direct keyboard input
+- Cleanup famicom controls
+- Fix setting gamepad axis to input values 16 to 23
+- Rework internal method of getting user settings, add `this.getSettingValue` function
+- Add Romanian translation file (Thanks to [@jurcaalexandrucristian](https://github.com/jurcaalexandrucristian))
+- Fix build stack size when building cores
+- Fix CHD support
+
+# 4.2.1 [View Tree](https://github.com/EmulatorJS/EmulatorJS/tree/13362ef0786990e93462f06505de772031cfc4c2)
+
+This was a bug-fix only release.
+
+- Core-fetch failsafe now fetches a pinned version (Thanks to [@gantoine](https://github.com/n-at))
+- Fixes video rotation on the arcade core (Thanks to [@allancoding](https://github.com/allancoding))
+- Updated French `af-FR` translation (Thanks to [@t3chnob0y](https://github.com/t3chnob0y))
+- Fixes switching between cores.
+- Change: Localstorage settings are now stored by game instead of by system.
+- Fixed gamepad input for c-down.
+- Fixed RetroArch always assuming save is `.srm`.
+- Fixed EJS exit event
+- Hide the "save/load save files" buttons if unsupported.
+- Corrects the order of the core list.
+- Corrects behaviour of the placement of bios/parent/patch files.
+- Fixed rar decompression.
+- Fixed picodrive core (`sega32x`)
+- Fixed libretro-uae core (`amiga`)
+
+# 4.2.0 [View Tree](https://github.com/EmulatorJS/EmulatorJS/tree/8d42d53d4fdf0166f71eaa07529cadf93350b76e)
+
+In my opinion, this is the most stable release we've had in a while. Many features added in this release were just side affects of fixing up some bugs.
+
+- Let same_cdi core handle zipped bios file directly (Thanks to [@pastisme](https://github.com/pastisme))
+- Fix audio sliders/mute button (Thanks to [@n-at](https://github.com/n-at))
+- Add ability to rotate video (Thanks to [@allancoding](https://github.com/allancoding))
+- Added persian `fa-AF` language (Thanks to [@iits-reza](https://github.com/iits-reza))
+- Added more catches for a start-game error
+- Fixed default webgl2 option
+- Organized settings menu, by dividing entries into sub-menus
+- Fixed the EmulatorJS exit button
+- Added the ability to internally add configurable retroarch.cfg variables
+- Fixed default settings being saved to localstorage
+- Fixed in browser SRM saves (finally)
+- Read save state from WebAssembly Memory
+- Fixed an issue when loading PPSSPP assets
+- Refactored the internal downloadFile function to be promised based instead of callback based
+- Added checks if core requires threads or webgl2
+- Added ability to switch between cores in the settings menu
+- Added the ability to enable/disable threads if SharedArrayBuffer is defined
+- Added a PSP controller scheme for the control settings menu
+- Fixed the volume slider background height in firefox
+- Added handling for lightgun devices
+- Refactored the EmulatorJS `build-emulatorjs.sh` build script
+- Added `ppsspp` core
+
+# 4.1.1 [View Tree](https://github.com/EmulatorJS/EmulatorJS/tree/4951a28de05e072acbe939f46147645a91664a07)
+
 - Fixed 2xScaleHQ and 2xScaleHQ shaders (Thanks to [@n-at](https://github.com/n-at))
 - Added Vietnamese (`vi-VN`) (Thanks to [@TimKieu](https://github.com/TimKieu))
 - Disable CUE generation for the PUAE core (Thanks to [@michael-j-green](https://github.com/michael-j-green))
@@ -21,6 +114,7 @@
 - Added support for `File` objects (Thanks to [@pastisme](https://github.com/pastisme)).
 
 # 4.0.12 [View Tree](https://github.com/EmulatorJS/EmulatorJS/tree/c3ba473d1afc278db136f8e1252d0456050d6047)
+
 - Fix scroll bar css (Thanks to [@allancoding](https://github.com/allancoding))
 - Flip the context menu instead of going off the page
 - Add hooks for save files (Thanks to [@gantoine](https://github.com/gantoine))
@@ -33,12 +127,14 @@
 - Added advanced shader configuration support (Thanks to [@n-at](https://github.com/n-at))
 
 # 4.0.11 [View Tree](https://github.com/EmulatorJS/EmulatorJS/tree/cafd80d023afa9562c7054e89a4240f3381d64ff)
+
 - Added the ability to disable localstorage using `EJS_disableLocalStorage`. (Thanks to [@n-at](https://github.com/n-at))
 - Added the ability to trigger `EJS_emulator.displayMessage` with a duration. (Thanks to [@allancoding](https://github.com/allancoding))
 - `EJS_emulator.gameManager.getState` now returns a Uint8Array instead of a promise.
 - Fixed broken save states from the 4.0.10 release.
 
 # 4.0.10 [View Tree](https://github.com/EmulatorJS/EmulatorJS/tree/390605d2ab48db16c07c8fb4fc2815033af5c3a6)
+
 - Fixed bug with duplicate control inputs.
 - Fixed mobile settings menu positioning.
 - Ability to load custom files into the wasm instance.
@@ -53,6 +149,7 @@
 - Fixed volume slider shadow. (Thanks to [@allancoding](https://github.com/allancoding))
 
 # 4.0.9 [View Tree](https://github.com/EmulatorJS/EmulatorJS/tree/ddb5c6092f12a63a46d74ea67e6469726665ebc2)
+
 - Repository history rewrite - expect faster cloning times.
 - Prevent Vice64 from creating cue files (Thanks to [@michael-j-green](https://github.com/michael-j-green))
 - Chinese translation updated (Thanks to [@oyepriyansh](https://github.com/oyepriyansh))
@@ -64,6 +161,7 @@
 - Added legacy nintendo 64 cores for browsers that don't support webgl2.
 
 # 4.0.8 [View Tree](https://github.com/EmulatorJS/EmulatorJS/tree/f579eb4c080f612723fd6a119b02173cafb37503)
+
 - Fixed typo in virtual gamepad dpad.
 - Added updated desmume core.
 - Fixed key mapping (Thanks to [@allancoding](https://github.com/allancoding))
@@ -77,6 +175,7 @@
 - Added c64 core.
 
 # 4.0.7 [View Tree](https://github.com/EmulatorJS/EmulatorJS/tree/f579eb4c080f612723fd6a119b02173cafb37503)
+
 - Added rewind (Thanks to [@n-at](https://github.com/n-at))
 - Added slowdown (Thanks to [@n-at](https://github.com/n-at))
 - Fixed "zone" object in front of settings menu.
@@ -94,6 +193,7 @@
 - Use keycodes instead of labels (Thanks to [@allancoding](https://github.com/allancoding))
 
 # 4.0.6 [View Tree](https://github.com/EmulatorJS/EmulatorJS/tree/5e338e7a888480cea331f6d4656bc8986a7d6b28)
+
 - Fixed n64 on iOS safari
 - virtual gamepads for atari2600, atari7800, lynx, jaguar, vb, 3do (Thanks to [@n-at](https://github.com/n-at))
 - control buttons for gba, vb, 3do, atari2600, atari7800, lynx, jaguar (Thanks to [@n-at](https://github.com/n-at))
@@ -101,6 +201,7 @@
 - Added Fast Forward
 
 # 4.0.5 [View Tree](https://github.com/EmulatorJS/EmulatorJS/tree/5307e6294ed9df5daabd6958b2b307bae01f59f1)
+
 - Added `pcsx_rearmed` core
 - Made `pcsx_rearmed` core the default `psx` core (better compatibility)
 - Added `fbneo` core
@@ -115,20 +216,25 @@
 - Add ***highly beta*** psp core - see readme
 
 # 4.0.4 [View Tree](https://github.com/EmulatorJS/EmulatorJS/tree/41491a738cf92ef9cee7d53f323aa2ab9732c053)
+
 - Fix cheats "x" button
 - Optimize memory usage
 - Added ability to set urls to blob/arraybuffer/uint8array if needed
 
 # 4.0.3 [View Tree](https://github.com/EmulatorJS/EmulatorJS/tree/5219ab51227bc0fb60cbc7b60e476b0145c932c9)
+
 - Remove RetroArch messages
 - Center video at top
 
 # 4.0.2 [View Tree](https://github.com/EmulatorJS/EmulatorJS/tree/06fe386e780bb55ef6baa4fbc6addd486bee747a)
+
 - Add link to RetroArch License on about page
 - Fix gamepad support for legacy browsers
 
 # 4.0.1 [View Tree](https://github.com/EmulatorJS/EmulatorJS/tree/efbb9dd462ee0e4f2120a6947af312e02fcf657c)
+
 Complete application re-write. Everything changed. Although some changes to note are:
+
 - Optimization for smaller screens.
 - No more dead code.
 - Fix Gamepad for firefox.
@@ -139,10 +245,12 @@ Complete application re-write. Everything changed. Although some changes to note
 And much much more was changed...
 
 # 3.1.5 [View Tree](https://github.com/EmulatorJS/EmulatorJS/tree/f7fa5d41487a424233b40e903020455606d68fee)
+
 - Fixed iOS bug for iPads
 - Added netplay! (only working on old cores)
 
 # 3.1.0 [View Tree](https://github.com/EmulatorJS/EmulatorJS/tree/614f5cb55e2768199ba05b756b47d0ab7ab283fd)
+
 - Added ability to drag and drop save states.
 - Fixed some "update" and "cancel" and "close" button confustion
 - Removed save state retroarch messages
@@ -150,6 +258,7 @@ And much much more was changed...
 - (Theoretically) fixed a bug that did not allow iOS devices to work
 
 # 3.0.5 [View Tree](https://github.com/EmulatorJS/EmulatorJS/tree/44c31371fb3c314cd8dea36ccbaad89fb3ab98e6)
+
 - Fixed screen recording on devices that do not support getUserMedia api.
 - Added C label buttons to nintendo 64 virtual gamepad.
 - Fixed EJS_color bug.
@@ -167,63 +276,79 @@ And much much more was changed...
 - Added feature that will display the current downloaded size when the content length is not available.
 
 # 2.3.9 [View Tree](https://github.com/EmulatorJS/EmulatorJS/tree/088942083e44510f07133f2074a2d63a8af477cd)
+
 - Fixed incorrect variable referencing when update bios download data callback.
 - Fixed rom storage size limits.
 - Fixed download percent not showing with some files.
 
 # 2.3.8 [View Tree](https://github.com/EmulatorJS/EmulatorJS/tree/5f176b963e4b2055983b82396378d1e3837a69c4)
+
 - Remove broken shader.
 - Add download percent message.
 - Fixed UI "saving state" message not going away.
 
 # 2.3.7 [View Tree](https://github.com/EmulatorJS/EmulatorJS/tree/8b9607becfe0aaad42b8b8486c7d379821b72125)
+
 - Add more shaders.
 - Add bold fontsize option to custom virtual gamepad settings.
 - No longer set "normalOptions" from localization file.
 
 # 2.3.6 [View Tree](https://github.com/EmulatorJS/EmulatorJS/tree/b2919bc2c3d2d4c9fe3ab4f4486790a376b7acfe)
+
 - Remove default control mappings for gamepads.
 - Upgraded invalid character regex to catch more characters.
 
 # 2.3.5 [View Tree](https://github.com/EmulatorJS/EmulatorJS/tree/a5a9916aba041e75ee73815376ed4fd2e22701bd)
+
 - Use regex to detect and replace invalid characters in filename/gamename settings.
 
 # 2.3.4 [View Tree](https://github.com/EmulatorJS/EmulatorJS/tree/45d982b6362cfd29cb2eda9721066e03893ba0d8)
+
 - Add new arcade core.
 - Fix patch file game id set bug.
 
 # 2.3.4 [View Tree](https://github.com/EmulatorJS/EmulatorJS/tree/45d982b6362cfd29cb2eda9721066e03893ba0d8)
+
 - Add new arcade core.
 
 # 2.3.3 [View Tree](https://github.com/EmulatorJS/EmulatorJS/tree/11bddd5a4277aa04f80b941f05cc024b3de58bfc)
+
 - Make version in loader.js reasonable.
 - Created function to return the game id to prevent unnecessary data stored.
 
 # 2.3.2 [View Tree](https://github.com/EmulatorJS/EmulatorJS/tree/e9e017435f2c41c6c2b127024cc88ac51bdf04d9)
+
 - Fix reference error.
 - Fix bug in custom virtual gamepad processor where if value is set to 0 it will see that as the value being missing.
 
 # 2.3.1 [View Tree](https://github.com/EmulatorJS/EmulatorJS/tree/0fd6d58e2011fa1a39bd2e11ba3d2f17773f0961)
+
 - Use let instead of var.
 
 # 2.3.0 [View Tree](https://github.com/EmulatorJS/EmulatorJS/tree/2fd0f545285151524262cc799efef6d996d7c6c1)
+
 - Added ability to customize virtual gamepad UI.
 - Fixed bug where shader is not set on start.
 
 # 2.2.9 [View Tree](https://github.com/EmulatorJS/EmulatorJS/tree/018c39d4065b866487f8f18ca88c9488eab69a6d)
+
 - Added feature to save save files to indexeddb every 5 minutes.
 
 # 2.2.8 [View Tree](https://github.com/EmulatorJS/EmulatorJS/tree/9860d662d02b56417044cca11937448041d9cf43)
+
 - Re-write gamepad handler.
 
 # 2.2.7 [View Tree](https://github.com/EmulatorJS/EmulatorJS/tree/c03d18990b6536c1503bba2c640dbc13db982bb3)
+
 - Removed un-needed FS proxy functions.
 
 # 2.2.6 [View Tree](https://github.com/EmulatorJS/EmulatorJS/tree/fd71b5dfc2bd44d8e1f0e7c6c7b3ee1a1127a696)
+
 - Added fps counter.
 - Fixed gba core aspect.
 
 # 2.2.5 [View Tree](https://github.com/EmulatorJS/EmulatorJS/tree/4b444ec23918149a6052807d778af82f79883c01)
+
 - Added ability to set custom control mappings.
 - Added ability to set custom default volume value.
 - Fixed gamepad axis as button, gamepad varaible compared to incorrect value.
@@ -231,16 +356,19 @@ And much much more was changed...
 - Added ability to set game url to other data types.
 
 # 2.2.3 [View Tree](https://github.com/EmulatorJS/EmulatorJS/tree/41eed05677b4927bd114613040bfe4572c92c4b4)
+
 - Fixed rar unarchiving function reference.
 - Updated rar header detection.
 - Removed netplay.
 
 # 2.2.1 [View Tree](https://github.com/EmulatorJS/EmulatorJS/tree/19980deb12c3f0790176db6fc7b8b2de4069bf4e)
+
 - Added core menu options for new cores.
 - Added new mame2003 core.
 - Added support for debug emscripten setting for new cores.
 
 # 2.0.1 [View Tree](https://github.com/EmulatorJS/EmulatorJS/tree/a72222c39a793c4ff470ebb2b71c04829fee4b5e)
+
 - Control mapping for beta cores.
 - Updated beta cores.
 - Beta cores now the default option!
@@ -248,25 +376,30 @@ And much much more was changed...
 - Fixed save state for new n64 core.
 
 # 1.2.2 [View Tree](https://github.com/EmulatorJS/EmulatorJS/tree/8ab7bb3f49da373ed5d291c5f72039bbabf2fbc8)
+
 - Moved virtual gamepad menu button to the top left as 3 lines.
 - Added screen orientation lock.
 - Added beta n64 core!
 
 # 1.2.1 [View Tree](https://github.com/EmulatorJS/EmulatorJS/tree/638658e6202fd39cb5c94bedcfa00ccdf8b25840)
+
 - Updated beta core files.
 
 # 1.1.6 [View Tree](https://github.com/EmulatorJS/EmulatorJS/tree/fa153ba76791184d978f9fb8b69991b05b161bc8)
+
 - Replaced axios module with custom script.
 - Added pause/play for beta cores.
 - Sepperated css into its own file.
 - Renamed emu-min.js to emulator.min.js.
 
 # 1.1.5 [View Tree](https://github.com/EmulatorJS/EmulatorJS/tree/2767c635b8a6e05c57e054d2f9d01ae0c4ff6d47)
+
 - Cleaned up fetch error function.
 - Cleaned up virtual gamepad event listeners.
 - Add code of conduct.
 
 # 1.1.2 [View Tree](https://github.com/EmulatorJS/EmulatorJS/tree/64731dd8219931155b4e698aa98dbf65c2120038)
+
 - Fixed error where mame files were misnamed.
 - Fixed bug where variable referenced was not defined in loader.js.
 - Added .gitignore
@@ -278,6 +411,7 @@ And much much more was changed...
 - Update nodejs buffer module.
 
 # 1.1.0 [View Tree](https://github.com/EmulatorJS/EmulatorJS/tree/715ded4ae23c2135bc9a8b9b7599f12c905393b3)
+
 - Added minify feature.
 - Added emulatorjs logo.
 - Added beta nds and gb core.
@@ -285,6 +419,7 @@ And much much more was changed...
 - Added volume setting and cheats to beta cores.
 
 # 1.0 [View Tree](https://github.com/EmulatorJS/EmulatorJS/tree/fde44b095bb89e299daaaa4c8d7deebc79019865)
+
 - Official release of the beta cores.
 - Ability to use beta cores in production.
 - Ability to use the old emulatorjs netplay server.
@@ -293,6 +428,7 @@ And much much more was changed...
 - Fixed virtual gamepad bug where a function was referenced to as an array.
 
 # 0.4.26 [View Tree](https://github.com/EmulatorJS/EmulatorJS/tree/0709829a11266b6ab4bbbf3e61d6dd6d3c372133)
+
 - Sepperated emulator.js file into 2 files.
 - Added support for a custom netplay server.
 - Fixed netplay room password input bug.
@@ -307,6 +443,7 @@ And much much more was changed...
 - Update webrtc adapter.
 
 # 0.4.25 [View Tree](https://github.com/EmulatorJS/EmulatorJS/tree/ef3200ef87bffe57241e05ae9646cc201142ec46)
+
 - Moved load state on start from loader.js file to emulator.js file.
 - Moved data path function from loader.js file to emulator.js file.
 - Added ability to set custom path to data through `EJS_pathtodata` variable.
@@ -322,6 +459,7 @@ And much much more was changed...
 - Created official emulatorjs website.
 
 # 0.4.24 [View Tree](https://github.com/EmulatorJS/EmulatorJS/tree/73ff641616bcd10f088a004002183760832a1afc)
+
 - Deobsfocuted emulator.js and loader.js files to the most of my extent.
 - Added quick save/load hotkeys.
 - Added ability to use gamepad axis as button.
@@ -337,6 +475,7 @@ And much much more was changed...
 - Updated n64 core.
 
 # 0.4.23-07 [View Tree](https://github.com/EmulatorJS/EmulatorJS/tree/83e148c82cbc8b4e835a808dcf84456975f82a7c)
+
 - Removed not needed code.
 - Added reset button to control settings.
 - Added clear button to control settings.
@@ -345,27 +484,33 @@ And much much more was changed...
 - Fixed RAR unarchiving.
 
 # 0.4.23-05 [View Tree](https://github.com/EmulatorJS/EmulatorJS/tree/018c787ccf6daca58c863d38fff61910f33f98ec)
+
 - No longer cache games with the protocols of `file:`, and `chrome-extension:`.
 - Changed default keymappings.
 - Added screen recording button.
 
 # 0.4.23-04 [View Tree](https://github.com/EmulatorJS/EmulatorJS/tree/6464bbedc1cd58c023cd66656540fc174aedde8b)
+
 - Added mame2003, snes2002, snes2005, snes2010, and vbanext cores.
 - Added asmjs for all supported cores.
 
 # 0.4.23-03 [View Tree](https://github.com/EmulatorJS/EmulatorJS/tree/c883f267e1e56ed6b6472b891f78704c6e4b4c17)
+
 - Start loader.js deobsfocuting.
 - Deobsfocute extractzip.js.
 - Added `EJS_gameName`, the ability to change the file name of save states.
 
 # 0.4.23-02 [View Tree](https://github.com/EmulatorJS/EmulatorJS/tree/5d97620b25a81e49c6ba313e586fb37a5ce66002)
-- Start emulator.js  deobsfocuting.
+
+- Start emulator.js deobsfocuting.
 
 # 0.4.23-01 [View Tree](https://github.com/EmulatorJS/EmulatorJS/tree/42a7e129cfded266b72539e8d1b5978d5e4119d8)
+
 - Added support for loading "blob:" urls.
 - Added support for loading state on game start.
 
 # 0.4.23 [View Tree](https://github.com/EmulatorJS/EmulatorJS/tree/5f5cf5cbba29cfd772d525a4c73a4bc5ea26654c)
+
 - Added update available message.
 - Fixed a bug where the 'x' from the ad iframe was still visible on game start.
 - Added a2600 and mame cores.
@@ -373,9 +518,11 @@ And much much more was changed...
 - Add rar extraction support.
 
 # 0.4.19 [View Tree](https://github.com/EmulatorJS/EmulatorJS/tree/4fd22871663e5896bb5d0ce29a50ad508462387a)
+
 - Added support for 32x, 3do, a7800, arcade, bluemsx, jaguar, lynx, ngp, pce, saturn, sega, segacd, and ws cores.
 
 # Initial release [View Tree](https://github.com/EmulatorJS/EmulatorJS/tree/be2db16cba8bd85bf901cd89ca6de51414cea792)
+
 - Support for unzipping zip files.
 - Support for unzipping 7zip files.
 - Support for vb, snes, psx, nes, nds, n64, gba, and gb systems. Only support for WASM.
diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md
index f0c885e8..3f3e59a8 100644
--- a/CONTRIBUTING.md
+++ b/CONTRIBUTING.md
@@ -2,10 +2,54 @@
 
 There are several ways to contribute, be it directly to helping develop features for EmulatorJS, update the documentation, media assets or heading over to libretro and helping them develop the emulator cores that make the magic happen.
 
-* EmulatorJS, take a look through the [issues](https://github.com/EmulatorJS/EmulatorJS/issues) on github and try to help out.
+- EmulatorJS, take a look through the [issues](https://github.com/EmulatorJS/EmulatorJS/issues) on github and try to help out.
 
-* Documentation [github page](https://github.com/EmulatorJS/emulatorjs.org).
+- Documentation [github page](https://github.com/EmulatorJS/emulatorjs.org).
 
 Just wanna donate? That'd help too!
-[libretro](https://retroarch.com/index.php?page=donate)
-[EmulatorJS](https://www.patreon.com/EmulatorJS)
+
+Donate to: [EmulatorJS](https://www.patreon.com/EmulatorJS)
+
+Donate to: [libretro](https://retroarch.com/index.php?page=donate)
+
+## Project Scripts
+
+The project has several scripts that can be used to help with updating and deploying the project.
+
+### Build Script
+
+Runs the build script, which will compresses the project in 7z and zip output in dist/ folder. Note: Make sure you have the compiled cores in the `data/cores` folder before running this script.
+
+```bash
+npm run build
+```
+
+### Update Script
+
+Runs the update script, which updates dependencies and can change version number of project. It also will update the list of contributors.
+
+```bash
+npm run update # Just updates contributors list
+npm run update -- --ejs_v=4.3.1 # Updates contributors list and sets version to 4.3.1
+npm run update -- --deps=true # Updates contributors list and updates dependencies
+npm run update -- --dev=true # Updates contributors list and enables dev mode
+npm run update -- --dev=false # Updates contributors list and disables dev mode
+```
+
+## Attention Visual Studio Code Users
+
+By default Visual Studio Code will apply formatting that is not consistent with the standard formatting used by this project.
+
+Please disable the formatter *before* submitting a Pull Request.
+
+The formatter can be disabled for this repo only (without affecting your own preferences) by creating a new file called `.vscode/settings.json` (if it doesn't already exist).
+
+Add the following options to the settings.json file to disable the formatter while working on this repo:
+```json
+{
+    "diffEditor.ignoreTrimWhitespace": false,
+    "editor.formatOnPaste": false,
+    "editor.formatOnSave": false,
+    "editor.formatOnSaveMode": "modifications"
+}
+```
diff --git a/LICENSE b/LICENSE
index 2bb95c24..372f2fd9 100644
--- a/LICENSE
+++ b/LICENSE
@@ -632,7 +632,7 @@ state the exclusion of warranty; and each file should have at least
 the "copyright" line and a pointer to where the full notice is found.
 
     EmulatorJS: RetroArch on the web
-    Copyright (C) 2023  Ethan O'Brien
+    Copyright (C) 2022-2024  Ethan O'Brien
 
     This program is free software: you can redistribute it and/or modify
     it under the terms of the GNU General Public License as published by
@@ -652,7 +652,7 @@ Also add information on how to contact you by electronic and paper mail.
   If the program does terminal interaction, make it output a short
 notice like this when it starts in an interactive mode:
 
-    EmulatorJS  Copyright (C) 2023  Ethan O'Brien
+    EmulatorJS  Copyright (C) 2023-2025  Ethan O'Brien
     This program comes with ABSOLUTELY NO WARRANTY; for details type `show w'.
     This is free software, and you are welcome to redistribute it
     under certain conditions; type `show c' for details.
diff --git a/README.md b/README.md
index 5cfc84e5..7f1cb76f 100644
--- a/README.md
+++ b/README.md
@@ -1,4 +1,3 @@
-
 <div align = center>
 
 <img width = 300 src = docs/Logo-light.png#gh-dark-mode-only>
@@ -8,20 +7,17 @@
 <br>
 
 [![Badge License]][License]
-    
-    
-Self-hosted **Javascript** emulation for various system.
+
+Self-hosted **Javascript** emulation for various systems.
 
 <br>
 
-[![Button Website]][Website] 
+[![Button Website]][Website]
 [![Button Usage]][Usage]<br>
 [![Button Configurator]][Configurator]<br>
-[![Button Demo]][Demo] 
-[![Button Legacy]][Legacy]
-    
-[![Button Contributors]][Contributors]   
- 
+[![Button Demo]][Demo]<br>
+[![Button Contributors]][Contributors]
+
 Join our Discord server:
 
 [![Join our Discord server!](https://invidget.switchblade.xyz/6akryGkETU)](https://discord.gg/6akryGkETU)
@@ -35,12 +31,10 @@ Or the Matrix server (#emulatorjs:matrix.emulatorjs.org):
 <br>
 
 > [!NOTE]  
-> **As of EmulatorJS version 4.0, this project is no longer a reverse-engineered version of the emulatorjs.com project. It is now a complete re-write.**
+> **As of EmulatorJS version 4.0, this project is no longer a reverse-engineered version of the emulatorjs.com project. It is now a complete rewrite.**
 
 > [!WARNING]  
-> As of version 4.0.9 cores and minified files are no longer included in the repository. You will need to get them separately. You can get the from [releases](https://github.com/EmulatorJS/EmulatorJS/releases) or the * new CDN (see [this](#CDN) for more info). There is also a new version system that we will be using. (read [here](#Versioning) for more info).
->
-> The history of the project has been rewritten and force pushed. You will likely need to redo any active commits you have. Sorry for the inconvenience.
+> As of version 4.0.9 cores and minified files are no longer included in the repository. You will need to get them separately. You can get it from [releases](https://github.com/EmulatorJS/EmulatorJS/releases) or the \* new CDN (see [this](#CDN) for more info). There is also a new version system that we will be using. (read [here](#Versioning) for more info).
 
 > [!TIP]
 > Cloning the repository is no longer recommended for production use. You should use [releases](https://github.com/EmulatorJS/EmulatorJS/releases) or the [CDN](https://cdn.emulatorjs.org/) instead.
@@ -58,7 +52,6 @@ Or the Matrix server (#emulatorjs:matrix.emulatorjs.org):
 
 <br>
 
-
 ### Issues
 
 *If something doesn't work, please consider opening an* ***[Issue]*** <br>
@@ -66,34 +59,74 @@ Or the Matrix server (#emulatorjs:matrix.emulatorjs.org):
 
 <br>
 
+### 3rd Party Projects
+
+EmulatorJS itself is built to be a plugin, rather than an entire website. This is why there is no docker container of this project. However, there are several projects you can use that use EmulatorJS!
+
+Looking for projects that integrate EmulatorJS? Check out https://emulatorjs.org/docs/3rd-party
+
+<br>
+
 ### Versioning
+
 There are three different version names that you need to be aware of:
+
 1. **stable** - This will be the most stable version of the emulator both code and cores will be tested before release. It will be updated every time a new version is released on GitHub. This is the default version on the Demo.
 2. **latest** - This will contain the latest code but use the stable cores. This will be updated every time the *main* branch is updated.
-3. **nightly** - This will contain the latest code and the latest cores. The cores will be updated every day, so this is consiterd alpha.
+3. **nightly** - This will contain the latest code and the latest cores. The cores will be updated every day, so this is considered alpha.
+
+<br>
 
 ### CDN
-There is a new CDN that you can use to get any version of the emulator. The cdn is `https://cdn.emulatorjs.org/`. You can use this to get the stable, latest, nightly and any other main version by setting your `EJS_pathtodata` to `https://cdn.emulatorjs.org/<version>/data/`.
 
-### Extensions
+**EmulatorJS provides a CDN** at `https://cdn.emulatorjs.org/`, allowing access to any version of the emulator.
 
- **[GameLibrary]**
+To use it, set `EJS_pathtodata` to `https://cdn.emulatorjs.org/<version>/data/`, replacing `<version>` with `stable`, `latest`, `nightly`, or another main release.
 
-   *A library overview for your **ROM** folder.*
+Be sure to also update the `loader.js` path to:
+`https://cdn.emulatorjs.org/<version>/data/loader.js`
 
 <br>
 
 ### Development:
 
 *Run a local server with:* 
-```
-npm i
-npm start
-```
+
+1. Open a terminal in the root of the project.
+
+2. Install the dependencies with:
+
+   ```sh
+   npm i
+   ```
+
+3. Start the minification with:
+
+   ```sh
+   node start
+   ```
+
+4. Open your browser and go to `http://localhost:8080/` to see the demo page.
 
 <br>
 
-**>> When reporting bugs, please specify that you are using the old version**
+<br>
+
+#### Minifying
+
+Before pushing the script files onto your production server it is recommended to minify them to save on load times as well as bandwidth.
+
+Read the [minifying](minify/README.md) documentation for more info.
+
+<br>
+
+#### Localization
+
+If you want to help with localization, please check out the [localization](data/localization/README.md) documentation.
+
+<br>
+
+**>> When reporting bugs, please specify what version you are using**
 
 <br>
 <br>
@@ -128,7 +161,7 @@ npm start
 **[Saturn][Sega Saturn]**   | 
 **[32X][Sega 32X]**   | 
 **[CD][Sega CD]**
-    
+
 <br>
 <br>
 
@@ -157,36 +190,40 @@ npm start
 <br>
 
 ### Other
-    
+
 **[PlayStation]**   | 
-**[Arcade]**   | 
-**[3DO]**
+**[PlayStation Portable]**   | 
+**[Arcade]**    
 
+**[3DO]** |
 **[MAME 2003]** |
 **[ColecoVision]**
-    
+
 </div>
 
 <br>
 
+## Star History
+
+<a href="https://star-history.com/#EmulatorJS/EmulatorJS&Date">
+ <picture>
+   <source media="(prefers-color-scheme: dark)" srcset="https://api.star-history.com/svg?repos=EmulatorJS/EmulatorJS&type=Date&theme=dark" />
+   <source media="(prefers-color-scheme: light)" srcset="https://api.star-history.com/svg?repos=EmulatorJS/EmulatorJS&type=Date" />
+   <img alt="Star History Chart" src="https://api.star-history.com/svg?repos=EmulatorJS/EmulatorJS&type=Date" />
+ </picture>
+</a>
+
 <!-- 🎮 🎮 🎮 🎮 🎮 🎮 🎮 🎮 🎮 🎮 🎮 🎮 🎮 🎮 🎮 🎮 🎮 🎮 🎮 🎮 🎮 🎮 🎮 --->
 
 [License]: LICENSE
 [Issue]: https://github.com/ethanaobrien/emulatorjs/issues
 [patreon]: https://patreon.com/EmulatorJS
 
-
-<!-- 🎮 🎮 🎮 🎮 🎮 🎮 🎮 🎮 🎮   Extensions   🎮 🎮 🎮 🎮 🎮 🎮 🎮 🎮 🎮 --->
-
-[GameLibrary]: https://github.com/Ramaerel/emulatorjs-GameLibrary
-
-
 <!-- 🎮 🎮 🎮 🎮 🎮 🎮 🎮 🎮 🎮   Quicklinks   🎮 🎮 🎮 🎮 🎮 🎮 🎮 🎮 🎮 --->
 
 [Configurator]: https://emulatorjs.org/editor
-[Contributors]: docs/Contributors.md
+[Contributors]: docs/contributors.md
 [Website]: https://emulatorjs.org/
-[Legacy]: https://coldcast.org/games/1/Super-Mario-Bros
 [Usage]: https://emulatorjs.org/docs/
 [Demo]: https://demo.emulatorjs.org/
 
@@ -221,6 +258,7 @@ npm start
 [Neo Geo Poket]: https://emulatorjs.org/systems/Neo%20Geo%20Pocket
 --->
 [PlayStation]: https://emulatorjs.org/docs/systems/playstation
+[PlayStation Portable]: https://emulatorjs.org/docs/systems/psp
 [Virtual Boy]: https://emulatorjs.org/docs/systems/virtual-boy
 [Arcade]: https://emulatorjs.org/docs/systems/arcade
 [3DO]: https://emulatorjs.org/docs/systems/3do
@@ -239,10 +277,9 @@ npm start
 
 [Badge License]: https://img.shields.io/badge/License-GPLv3-blue.svg?style=for-the-badge
 
-[Button Configurator]: https://img.shields.io/badge/Configurator-992cb3?style=for-the-badge
+[Button Configurator]: https://img.shields.io/badge/Code%20Generator-992cb3?style=for-the-badge
 [Button Contributors]: https://img.shields.io/badge/Contributors-54b7dd?style=for-the-badge
 [Button Website]: https://img.shields.io/badge/Website-736e9b?style=for-the-badge
-[Button Legacy]: https://img.shields.io/badge/Legacy-ab910b?style=for-the-badge
 [Button Usage]: https://img.shields.io/badge/Usage-2478b5?style=for-the-badge
 [Button Demo]: https://img.shields.io/badge/Demo-528116?style=for-the-badge
 [Button Beta]: https://img.shields.io/badge/Beta-bb044f?style=for-the-badge
diff --git a/build.js b/build.js
new file mode 100644
index 00000000..668e6d45
--- /dev/null
+++ b/build.js
@@ -0,0 +1,183 @@
+import fs from 'fs';
+import path from 'path';
+import Seven from 'node-7z';
+let version;
+
+try {
+    const packageJsonPath = path.resolve('package.json');
+    const packageJson = JSON.parse(fs.readFileSync(packageJsonPath, 'utf8'));
+    version = packageJson.version;
+} catch(error) {
+    console.error("Error reading version from package.json:", error.message);
+    process.exit(1);
+}
+
+const args = process.argv.slice(2);
+const npmArg = args.find(arg => arg.startsWith('--npm='));
+const build_type = npmArg ? npmArg.split('=')[1] : process.env.npm;
+
+if (!build_type) {
+    const progressData = {
+        '7z': 0,
+        'zip': 0
+    };
+
+    const progressInterval = setInterval(() => {
+        process.stdout.clearLine();
+        process.stdout.cursorTo(0);
+        if (progressData['7z'] < 100 && progressData['zip'] < 100) {
+            process.stdout.write(`7z Progress: ${progressData['7z']}% | Zip Progress: ${progressData['zip']}%`);
+        } else if (progressData['7z'] === 100) {
+            console.log(`${version}.7z created successfully!`);
+            process.stdout.write(`Zip Progress: ${progressData['zip']}%`);
+            progressData['7z'] = 101;
+        } else if (progressData['zip'] === 100) {
+            console.log(`${version}.zip created successfully!`);
+            process.stdout.write(`7z Progress: ${progressData['7z']}%`);
+            progressData['zip'] = 101;
+        } else if (progressData['zip'] >= 100 && progressData['7z'] >= 100) {
+            process.stdout.write(`All archives for EmulatorJS version: ${version} created successfully!`);
+            clearInterval(progressInterval);
+            console.log('\nArchives are in the dist/ folder.');
+        } else if (progressData['7z'] >= 100) {
+            process.stdout.write(`Zip Progress: ${progressData['zip']}%`);
+        } else if (progressData['zip'] >= 100) {
+            process.stdout.write(`7z Progress: ${progressData['7z']}%`);
+        }
+    }, 100);
+
+    console.log(`Creating archives for EmulatorJS version: ${version}`);
+
+    const npmIgnorePath = path.resolve('.npmignore');
+    if (!fs.existsSync('dist')) {
+        fs.mkdirSync('dist');
+    }
+    const distNpmIgnorePath = path.resolve('dist', '.ignore');
+    fs.copyFileSync(npmIgnorePath, distNpmIgnorePath);
+    const npmIgnoreContent = fs.readFileSync(npmIgnorePath, 'utf8');
+    const updatedNpmIgnoreContent = npmIgnoreContent.replace('data/cores/*', 'data/cores/core-README.md\ndata/cores/package.json');
+    fs.writeFileSync(distNpmIgnorePath, updatedNpmIgnoreContent, 'utf8');
+
+    Seven.add(`dist/${version}.7z`, './', {
+        $raw: ['-xr@dist/.ignore'],
+        $progress: true
+    }).on('progress', function (progress) {
+        progressData['7z'] = progress.percent;
+    }).on('end', function() {
+        progressData['7z'] = 100;
+
+    });
+
+    Seven.add(`dist/${version}.zip`, './', {
+        $raw: ['-xr@dist/.ignore'],
+        $progress: true
+    }).on('progress', function (progress) {
+        progressData['zip'] = progress.percent;
+    }).on('end', function() {
+        progressData['zip'] = 100;
+    });
+} else if (build_type !== "emulatorjs" && build_type !== "cores" && build_type !== "get-cores") {
+    console.log("Invalid argument. Use --npm=emulatorjs, --npm=cores or --npm=get-cores.");
+    process.exit(1);
+} else {
+    const removeLogo = () => {
+        const readmePath = path.resolve('README.md');
+        const readmeContent = fs.readFileSync(readmePath, 'utf8');
+        const updatedContent = readmeContent
+            .split('\n')
+            .filter(line => !line.includes('docs/Logo-light.png#gh-dark-mode-only>'))
+            .join('\n');
+        fs.writeFileSync(readmePath, updatedContent, 'utf8');
+    };
+
+    const getCores = async () => {
+        const coresJsonPath = path.resolve('data', 'cores', 'cores.json');
+        if (!fs.existsSync(coresJsonPath)) {
+            console.error(`Cores JSON file not found at ${coresJsonPath}`);
+            return;
+        }
+        return JSON.parse(fs.readFileSync(coresJsonPath, 'utf8'));
+    };
+
+    if (build_type === "emulatorjs") {
+        console.log(`Current EmulatorJS Version: ${version}`);
+        removeLogo();
+        console.log("Ready to build EmulatorJS!");
+    } else if (build_type === "get-cores") {
+        const cores = await getCores();
+        console.log(JSON.stringify(cores.map(coreName => coreName.name)));
+    } else if (build_type === "cores") {
+        console.log(`Current EmulatorJS Version: ${version}`);
+        console.log("Building cores...");
+        const allCores = await getCores();
+        console.log("Building EmulatorJS cores:");
+        const coreNames = allCores.map(coreName => coreName.name);
+        console.log(coreNames.join(', '));
+        if (!coreNames) {
+            console.error("No cores found.");
+            process.exit(1);
+        }
+        const coresPath = path.resolve('data', 'cores');
+        const coresFiles = fs.readdirSync(coresPath);
+        const dataFiles = coresFiles.filter(file => file.endsWith('.data') || file.endsWith('.zip'));
+        const cores = {};
+        for (const core of coreNames) {
+            const coreFiles = dataFiles.filter(file => file.startsWith(core + '-'));
+            if (!cores[core]) {
+                cores[core] = [];
+            }
+            cores[core].push(...coreFiles);
+        }
+        const packagePath = path.resolve('data', 'cores', 'package.json');
+        const packageContent = fs.readFileSync(packagePath, 'utf8');
+        const packageJson = JSON.parse(packageContent);
+        packageJson.dependencies = {
+            "@emulatorjs/emulatorjs": "latest"
+        };
+        fs.writeFileSync(packagePath, JSON.stringify(packageJson, null, 4), 'utf8');
+        for (const core in cores) {
+            if (!fs.existsSync(path.resolve('data', 'cores', core))) {
+                fs.mkdirSync(path.resolve('data', 'cores', core));
+            }
+            for (const file of cores[core]) {
+                const sourcePath = path.resolve('data', 'cores', file);
+                const destPath = path.resolve('data', 'cores', core, file);
+                fs.copyFileSync(sourcePath, destPath);
+                const reportsPath = path.resolve('data', 'cores', core, 'reports');
+                if (!fs.existsSync(reportsPath)) {
+                    fs.mkdirSync(reportsPath);
+                }
+            }
+            const coreReportPath = path.resolve('data', 'cores', 'reports', `${core}.json`);
+            const coreReportDestPath = path.resolve('data', 'cores', core, 'reports', `${core}.json`);
+            fs.copyFileSync(coreReportPath, coreReportDestPath);
+
+            const corePackagePath = path.resolve('data', 'cores', 'package.json');
+            const corePackageDestPath = path.resolve('data', 'cores', core, 'package.json');
+            const corePackageContent = fs.readFileSync(corePackagePath, 'utf8');
+            const corePackageJson = JSON.parse(corePackageContent);
+            corePackageJson.name = `@emulatorjs/core-${core}`;
+            corePackageJson.description = `EmulatorJS Core: ${core}`;
+            corePackageJson.license = allCores.find(c => c.name === core).license;
+            corePackageJson.repository.url = allCores.find(c => c.name === core).repo + '.git';
+            corePackageJson.bugs.url = allCores.find(c => c.name === core).repo + '/issues';
+            corePackageJson.dependencies = {
+                "@emulatorjs/emulatorjs": "latest"
+            };
+            fs.writeFileSync(corePackageDestPath, JSON.stringify(corePackageJson, null, 4), 'utf8');
+
+            const coreReadmePath = path.resolve('data', 'cores', 'core-README.md');
+            const coreReadmeDestPath = path.resolve('data', 'cores', core, 'README.md');
+            const coreReadmeContent = fs.readFileSync(coreReadmePath, 'utf8');
+            const updatedCoreReadmeContent = coreReadmeContent
+                .replace(/<!-- EJS_CORE_NAME -->/g, `${core}`)
+                .replace(/<!-- EJS_CORE_REPO -->/g, allCores.find(c => c.name === core).repo);
+            fs.writeFileSync(coreReadmeDestPath, updatedCoreReadmeContent, 'utf8');
+
+            packageJson.dependencies[`@emulatorjs/core-${core}`] = "latest";
+            fs.writeFileSync(packagePath, JSON.stringify(packageJson, null, 4), 'utf8');
+        }
+        console.log("EmulatorJS cores built successfully!");
+        console.log("Ready to build EmulatorJS!");
+    }
+}
diff --git a/data/compression/README.md b/data/compression/README.md
new file mode 100644
index 00000000..86917796
--- /dev/null
+++ b/data/compression/README.md
@@ -0,0 +1,11 @@
+# Compression Libraries
+
+<!-- ## Extract7z.js
+
+## Extractzip.js -->
+
+## Libunrar.js
+
+Emscripten port of RARLab's open-source unrar library
+
+Source: https://github.com/tnikolai2/libunrar-js
diff --git a/data/compression/libunrar.js b/data/compression/libunrar.js
index a30d300b..0ae56ba3 100644
--- a/data/compression/libunrar.js
+++ b/data/compression/libunrar.js
@@ -510,7 +510,7 @@ function ShowArcInfo(Flags) {
 if (typeof process === 'object' && typeof require === 'function') { // NODE
   module.exports = readRARContent
 } else if (typeof define === 'function' && define.amd) { // AMD
-  define('readRARContent', [], function () { return readRARContent })
+  define('readRARContent', [], function() { return readRARContent })
 } else if (typeof window === 'object') { // WEB
   window['readRARContent'] = readRARContent
 } else if (typeof importScripts === 'function') { // WORKER
diff --git a/data/cores/.npmignore b/data/cores/.npmignore
new file mode 100644
index 00000000..0cd7144e
--- /dev/null
+++ b/data/cores/.npmignore
@@ -0,0 +1,3 @@
+*
+!README.md
+!package.json
diff --git a/data/cores/README.md b/data/cores/README.md
new file mode 100644
index 00000000..c897e7a0
--- /dev/null
+++ b/data/cores/README.md
@@ -0,0 +1,21 @@
+# EmulatorJS Cores
+
+This package contains the stable cores for EmulatorJS.
+
+Lean more about EmulatorJS at https://emulatorjs.org
+
+Cores are build using this repository:
+https://github.com/EmulatorJS/build
+
+## How to install
+
+To install all cores, run the following command:
+
+```bash
+npm install @emulatorjs/cores
+```
+To install a specific core, run the following command:
+
+```bash
+npm install @emulatorjs/core-<core-name>
+```
diff --git a/data/cores/core-README.md b/data/cores/core-README.md
new file mode 100644
index 00000000..68407ac7
--- /dev/null
+++ b/data/cores/core-README.md
@@ -0,0 +1,24 @@
+# EmulatorJS Core: <!-- EJS_CORE_NAME -->
+
+This package contains the stable EmulatorJS core: <!-- EJS_CORE_NAME -->
+
+Lean more about EmulatorJS at https://emulatorjs.org
+
+Core repository:
+<!-- EJS_CORE_REPO -->
+
+Core is build using this repository:
+https://github.com/EmulatorJS/build
+
+## How to install
+
+To install core, run the following command:
+
+```bash
+npm install @emulatorjs/core-<!-- EJS_CORE_NAME -->
+```
+To install all cores, run the following command:
+
+```bash
+npm install @emulatorjs/cores
+```
diff --git a/data/cores/package.json b/data/cores/package.json
new file mode 100644
index 00000000..2acaa6a8
--- /dev/null
+++ b/data/cores/package.json
@@ -0,0 +1,65 @@
+{
+    "name": "@emulatorjs/cores",
+    "version": "4.2.3",
+    "type": "module",
+    "description": "EmulatorJS Cores",
+    "homepage": "https://emulatorjs.org",
+    "license": "GPL-3.0",
+    "repository": {
+        "type": "git",
+        "url": "https://github.com/EmulatorJS/EmulatorJS.git"
+    },
+    "bugs": {
+        "url": "https://github.com/EmulatorJS/EmulatorJS/issues"
+    },
+    "sideEffects": true,
+    "dependencies": {
+        "@emulatorjs/emulatorjs": "latest",
+        "@emulatorjs/core-81": "latest",
+        "@emulatorjs/core-mame2003": "latest",
+        "@emulatorjs/core-vice_x64": "latest",
+        "@emulatorjs/core-vice_x64sc": "latest",
+        "@emulatorjs/core-vice_x128": "latest",
+        "@emulatorjs/core-vice_xpet": "latest",
+        "@emulatorjs/core-vice_xplus4": "latest",
+        "@emulatorjs/core-vice_xvic": "latest",
+        "@emulatorjs/core-fceumm": "latest",
+        "@emulatorjs/core-nestopia": "latest",
+        "@emulatorjs/core-snes9x": "latest",
+        "@emulatorjs/core-gambatte": "latest",
+        "@emulatorjs/core-mgba": "latest",
+        "@emulatorjs/core-beetle_vb": "latest",
+        "@emulatorjs/core-mupen64plus_next": "latest",
+        "@emulatorjs/core-melonds": "latest",
+        "@emulatorjs/core-desmume2015": "latest",
+        "@emulatorjs/core-desmume": "latest",
+        "@emulatorjs/core-a5200": "latest",
+        "@emulatorjs/core-fbalpha2012_cps1": "latest",
+        "@emulatorjs/core-fbalpha2012_cps2": "latest",
+        "@emulatorjs/core-prosystem": "latest",
+        "@emulatorjs/core-stella2014": "latest",
+        "@emulatorjs/core-opera": "latest",
+        "@emulatorjs/core-genesis_plus_gx": "latest",
+        "@emulatorjs/core-yabause": "latest",
+        "@emulatorjs/core-handy": "latest",
+        "@emulatorjs/core-virtualjaguar": "latest",
+        "@emulatorjs/core-pcsx_rearmed": "latest",
+        "@emulatorjs/core-picodrive": "latest",
+        "@emulatorjs/core-fbneo": "latest",
+        "@emulatorjs/core-mednafen_psx_hw": "latest",
+        "@emulatorjs/core-mednafen_pce": "latest",
+        "@emulatorjs/core-mednafen_pcfx": "latest",
+        "@emulatorjs/core-mednafen_ngp": "latest",
+        "@emulatorjs/core-mednafen_wswan": "latest",
+        "@emulatorjs/core-gearcoleco": "latest",
+        "@emulatorjs/core-parallel_n64": "latest",
+        "@emulatorjs/core-mame2003_plus": "latest",
+        "@emulatorjs/core-puae": "latest",
+        "@emulatorjs/core-smsplus": "latest",
+        "@emulatorjs/core-fuse": "latest",
+        "@emulatorjs/core-cap32": "latest",
+        "@emulatorjs/core-crocods": "latest",
+        "@emulatorjs/core-prboom": "latest",
+        "@emulatorjs/core-ppsspp": "latest"
+    }
+}
diff --git a/data/emulator.css b/data/emulator.css
index 68e362a8..27f916f2 100644
--- a/data/emulator.css
+++ b/data/emulator.css
@@ -17,25 +17,29 @@
     font-size: 14px;
 }
 
-.ejs_parent *, .ejs_parent *::after, .ejs_parent *::before {
+.ejs_parent *,
+.ejs_parent *::after,
+.ejs_parent *::before {
     font-family: Avenir, "Avenir Next", "Helvetica Neue", "Segoe UI", Helvetica, Arial, sans-serif;
     box-sizing: border-box;
-    
+
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
 }
 
-.ejs_parent ::-webkit-scrollbar{
+.ejs_parent ::-webkit-scrollbar {
     width: 8px;
     height: 16px;
 }
-.ejs_parent ::-webkit-scrollbar-thumb{
+
+.ejs_parent ::-webkit-scrollbar-thumb {
     border-radius: 10px;
     background: rgba(var(--ejs-primary-color));
 }
-.ejs_parent ::-webkit-scrollbar-track{
+
+.ejs_parent ::-webkit-scrollbar-track {
     border-radius: 10px;
     background: rgba(64, 64, 64, 0.5)
 }
@@ -47,9 +51,11 @@
     z-index: 1;
     transform: translate(-50%, -50%);
 }
+
 .ejs_ad_close {
     cursor: pointer;
 }
+
 .ejs_ad_close:after {
     content: "";
     position: absolute;
@@ -59,6 +65,7 @@
     border-bottom: 20px solid transparent;
     right: 0;
 }
+
 .ejs_ad_close a {
     right: 4px;
     top: 4px;
@@ -69,6 +76,7 @@
     height: 15px;
     z-index: 99;
 }
+
 .ejs_ad_close a:before {
     content: "";
     border-bottom: 1px solid #fff;
@@ -80,6 +88,7 @@
     top: 0;
     right: 0;
 }
+
 .ejs_ad_close a:after {
     content: "";
     border-bottom: 1px solid #fff;
@@ -112,20 +121,20 @@
 
 .ejs_game_background_blur:before,
 .ejs_game_background_blur:after {
-  content: "";
-  position: absolute;
-  width: 100%;
-  height: 100%;
-  background: var(--ejs-background-image);
-  background-repeat: no-repeat;
-  background-position: center;
-  background-size: contain;
+    content: "";
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    background: var(--ejs-background-image);
+    background-repeat: no-repeat;
+    background-position: center;
+    background-size: contain;
 }
 
 .ejs_game_background_blur:before {
-  background-size: cover;
-  filter: blur(10px);
-  transform: scale(1.1);
+    background-size: cover;
+    filter: blur(10px);
+    transform: scale(1.1);
 }
 
 .ejs_start_button {
@@ -137,7 +146,7 @@
     box-sizing: inherit;
     display: flex;
     justify-content: center;
-    text-shadow: 0 1px 1px rgba(0,0,0,0.5);
+    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
     font-size: 20px;
     line-height: 45px;
     text-transform: uppercase;
@@ -153,26 +162,29 @@
     color: #fff !important;
     border-radius: 35px;
     text-align: center;
-    background-color: rgba(var(--ejs-primary-color),1);
-    box-shadow: 0 0 0 0 #222, 0 0px 0px 0 #111, inset 0 0px 0px 0 rgba(250,250,250,0.2), inset 0 0px 0px 0px rgba(0,0,0,0.5);
+    background-color: rgba(var(--ejs-primary-color), 1);
+    box-shadow: 0 0 0 0 #222, 0 0px 0px 0 #111, inset 0 0px 0px 0 rgba(250, 250, 250, 0.2), inset 0 0px 0px 0px rgba(0, 0, 0, 0.5);
 }
 
 .ejs_start_button_border {
     border: 0.5px solid #333;
 }
 
-.ejs_start_button:active, .ejs_start_button:hover {
+.ejs_start_button:active,
+.ejs_start_button:hover {
     animation: ejs_start_button_pulse 2s infinite;
 }
 
 @keyframes ejs_start_button_pulse {
     50% {
-      box-shadow: 0 0 0 0 #222, 0 3px 7px 0 #111, inset 0 1px 1px 0 rgba(250,250,250,0.2), inset 0 0px 15px 1px rgba(0,0,0,0.5);
+        box-shadow: 0 0 0 0 #222, 0 3px 7px 0 #111, inset 0 1px 1px 0 rgba(250, 250, 250, 0.2), inset 0 0px 15px 1px rgba(0, 0, 0, 0.5);
     }
-    0%, 100% {
-      box-shadow: 0 0 0 0 #222, 0 0px 0px 0 #111, inset 0 0px 0px 0 rgba(250,250,250,0.2), inset 0 0px 0px 0px rgba(0,0,0,0.5);
+
+    0%,
+    100% {
+        box-shadow: 0 0 0 0 #222, 0 0px 0px 0 #111, inset 0 0px 0px 0 rgba(250, 250, 250, 0.2), inset 0 0px 0px 0px rgba(0, 0, 0, 0.5);
     }
-  }
+}
 
 .ejs_loading_text {
     position: absolute;
@@ -183,6 +195,8 @@
     box-sizing: inherit;
     font-size: 12px;
     color: #bcbcbc;
+    text-align: center;
+    text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
 }
 
 .ejs_loading_text_glow {
@@ -192,16 +206,31 @@
     box-shadow: 0 0 30px rgba(0, 0, 0, 0.9);
 }
 
+.ejs_error_text {
+    bottom: 10%;
+    color: #F82300;
+    border-radius: 15px;
+    padding: 1.5px 8px 1.5px 8px;
+    font-weight: bold;
+    background-color: rgba(0, 0, 0, 0.6);
+    box-shadow: 0 0 5px rgba(0, 0, 0, 0.7);
+}
+
 .ejs_canvas {
     width: 100%;
     height: 100%;
 }
 
+.ejs_canvas_parent {
+    width: 100%;
+    height: 100%;
+}
+
 .ejs_context_menu {
     position: absolute;
     display: none;
     z-index: 9;
-    background: rgba(16,16,16,0.9);
+    background: rgba(16, 16, 16, 0.9);
     border-radius: 3px;
     font-size: 13px;
     min-width: 140px;
@@ -219,6 +248,7 @@
     display: block;
     font-size: 13px;
 }
+
 .ejs_context_menu ul {
     color: #999;
     display: block;
@@ -229,30 +259,37 @@
 }
 
 .ejs_context_menu li:hover {
-    background: rgba(var(--ejs-primary-color),1);
+    background: rgba(var(--ejs-primary-color), 1);
     border-radius: 4px;
-    box-shadow: 0 0 0 5px rgba(var(--ejs-primary-color),0.5);
+    box-shadow: 0 0 0 5px rgba(var(--ejs-primary-color), 0.5);
     outline: 0;
 }
+
 .ejs_context_menu li:hover a {
     color: #fff;
 }
 
+.ejs_context_menu_tab {
+    text-align: center;
+    width: 100%;
+    padding: 10px;
+    overflow-wrap: anywhere;
+}
+
 .ejs_list_selector {
-    background: rgba(0,0,0,0.5);
+    background: rgba(0, 0, 0, 0.5);
     border-radius: 3px;
     font-size: 13px;
     min-width: 140px;
     padding: 8px;
     box-sizing: inherit;
-    float: left;
-    position: absolute;
     width: 10%;
     max-width: 15%;
     top: 10%;
     left: 0px;
     height: 80%;
     overflow: auto;
+    position: sticky;
 }
 
 .ejs_list_selector li {
@@ -261,10 +298,11 @@
 }
 
 .ejs_list_selector li a {
-    color: #999 !important;
+    color: #999;
     display: block;
     font-size: 13px;
 }
+
 .ejs_list_selector ul {
     color: #999 !important;
     display: block;
@@ -275,61 +313,84 @@
 }
 
 .ejs_list_selector li:hover {
-    background: rgba(var(--ejs-primary-color),1);
+    background: rgba(var(--ejs-primary-color), 1);
     border-radius: 4px;
-    box-shadow: 0 0 0 5px rgba(var(--ejs-primary-color),0.5);
+    box-shadow: 0 0 0 5px rgba(var(--ejs-primary-color), 0.5);
     outline: 0;
 }
+
 .ejs_list_selector li:hover a {
     color: #fff !important;
 }
 
+.ejs_active_list_element {
+    background: rgba(var(--ejs-primary-color), 1);
+    border-radius: 4px;
+    box-shadow: 0 0 0 5px rgba(var(--ejs-primary-color), 0.25);
+    outline: 0;
+    color: #fff !important;
+}
+
+.ejs_active_list_element a {
+    color: #fff !important;
+}
+
 .ejs_svg_rotate {
     transform: rotate(90deg);
 }
+
 .ejs_small_screen .ejs_settings_parent::before {
     border: none;
 }
+
 .ejs_small_screen .ejs_settings_parent::after {
     border: none;
 }
+
 .ejs_small_screen .ejs_settings_center_right {
     right: -35%
 }
+
 .ejs_small_screen .ejs_settings_center_left {
     right: -135%
 }
+
 .ejs_small_screen .ejs_settings_center_right::after {
     right: 25%;
 }
+
 .ejs_small_screen .ejs_settings_center_left::after {
     left: 25%;
 }
+
 .ejs_small_screen .ejs_menu_bar {
-    transition: opacity .4s ease-in-out,transform .4s ease-in-out;
+    transition: opacity .4s ease-in-out, transform .4s ease-in-out;
     position: absolute;
-    transform: translate(-50%,0);
+    transform: translate(-50%, 0);
     width: 300px;
     max-height: 260px;
     display: flex;
     flex-wrap: wrap;
     align-items: flex-start;
-    background: rgba(0,0,0,.9);
+    background: rgba(0, 0, 0, .9);
     padding: 10px;
     z-index: 9999;
     left: 50%;
     bottom: 0;
+    color: #fff;
 }
+
 .ejs_small_screen .ejs_menu_bar_hidden {
     opacity: 0;
     pointer-events: none;
     transform: translate(-50%, 100%);
 }
+
 .ejs_small_screen .ejs_menu_button {
     width: 135px;
     margin: 0px;
-    margin-left: 2px!important;
-    margin-right: 0!important;
+    margin-left: 2px !important;
+    margin-right: 0 !important;
     line-height: 1;
     background: 0 0;
     border: 0;
@@ -342,29 +403,36 @@
     position: relative;
     transition: all .3s ease;
 }
+
 .ejs_small_screen .ejs_menu_button:hover {
-    background: rgba(var(--ejs-primary-color),1);
+    background: rgba(var(--ejs-primary-color), 1);
     color: #fff;
+    box-shadow: none;
 }
+
 .ejs_small_screen .ejs_menu_button svg {
     float: left;
     transition: transform .3s ease;
 }
+
 .ejs_small_screen .ejs_menu_text {
     position: static;
     color: #fff;
     background: 0 0;
     opacity: 1;
     padding: 0;
-    transform: scale(.8)!important;
+    transform: scale(.8) !important;
     font-size: 12px;
 }
+
 .ejs_small_screen .ejs_menu_bar_spacer {
-    display:none;
+    display: none;
 }
+
 .ejs_small_screen .ejs_volume_parent span {
     display: none;
 }
+
 .ejs_small_screen .ejs_volume_parent button {
     width: 30px;
 }
@@ -374,24 +442,30 @@
     pointer-events: none;
     transform: translateY(100%);
 }
+
 .ejs_big_screen .ejs_settings_parent {
     right: -3px;
 }
+
 /* .ejs_big_screen .ejs_settings_parent::after {
     right: 15px;
 } */
 .ejs_big_screen .ejs_settings_text {
     display: none;
 }
+
 .ejs_big_screen .ejs_disks_text {
     display: none;
 }
+
 .ejs_big_screen .ejs_menu_bar_spacer {
-    flex:1;
+    flex: 1;
 }
+
 .ejs_big_screen .ejs_menu_button svg {
     transition: transform .3s ease;
 }
+
 .ejs_big_screen .ejs_menu_button {
     width: auto;
     margin: auto;
@@ -411,12 +485,13 @@
 }
 
 .ejs_big_screen .ejs_menu_button:hover {
-    background: rgba(var(--ejs-primary-color),1);
+    background: rgba(var(--ejs-primary-color), 1);
     color: #fff;
+    box-shadow: none;
 }
 
 .ejs_big_screen .ejs_menu_button:hover .ejs_menu_text {
-    transform: translate(0,0) scale(1);
+    transform: translate(0, 0) scale(1);
     opacity: 1;
 }
 
@@ -427,10 +502,10 @@
 
 .ejs_big_screen .ejs_menu_text {
     left: 0;
-    background: rgba(255,255,255,0.9);
+    background: rgba(255, 255, 255, 0.9);
     border-radius: 3px;
     bottom: 100%;
-    box-shadow: 0 1px 2px rgba(0,0,0,0.15);
+    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
     color: #4f5b5f;
     font-size: 14px;
     font-weight: 500;
@@ -440,9 +515,9 @@
     padding: 5px 7.5px;
     pointer-events: none;
     position: absolute;
-    transform: translate(0,10px) scale(0.8);
+    transform: translate(0, 10px) scale(0.8);
     transform-origin: 0 100%;
-    transition: transform .2s .1s ease,opacity .2s .1s ease;
+    transition: transform .2s .1s ease, opacity .2s .1s ease;
     white-space: nowrap;
     z-index: 2;
 }
@@ -450,7 +525,7 @@
 .ejs_big_screen .ejs_menu_text::before {
     border-left: 4px solid transparent;
     border-right: 4px solid transparent;
-    border-top: 4px solid rgba(255,255,255,0.9);
+    border-top: 4px solid rgba(255, 255, 255, 0.9);
     bottom: -4px;
     content: '';
     height: 0;
@@ -460,14 +535,16 @@
     width: 0;
     z-index: 2;
 }
+
 .ejs_big_screen .ejs_menu_text_right::before {
     left: auto !important;
     right: 16px;
     transform: translateX(50%) !important;
 }
+
 .ejs_big_screen .ejs_menu_bar {
     padding: 15px 10px 10px;
-    background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.7));
+    background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7));
     border-bottom-left-radius: inherit;
     border-bottom-right-radius: inherit;
     bottom: 0;
@@ -475,7 +552,7 @@
     left: 0;
     position: absolute;
     right: 0;
-    transition: opacity .4s ease-in-out,transform .4s ease-in-out;
+    transition: opacity .4s ease-in-out, transform .4s ease-in-out;
     z-index: 9999;
     align-items: center;
     display: flex;
@@ -483,6 +560,10 @@
     text-align: center;
 }
 
+.ejs_menu_button.shadow {
+    background: rgba(0, 0, 0, 0.7);
+    box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.7);
+}
 
 .ejs_menu_bar svg {
     display: block;
@@ -493,7 +574,7 @@
 }
 
 .ejs_popup_container {
-    background: rgba(0,0,0,0.8);
+    background: rgba(0, 0, 0, 0.8);
     text-align: center;
     z-index: 9999;
     height: 100%;
@@ -504,10 +585,12 @@
     color: #ccc;
 }
 
-.ejs_popup_container *, .ejs_popup_container *::after, .ejs_popup_container *::before {
+.ejs_popup_container *,
+.ejs_popup_container *::after,
+.ejs_popup_container *::before {
     box-sizing: border-box;
-    color: #bcbcbc !important;
-    
+    color: #bcbcbc;
+
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
@@ -529,7 +612,7 @@
     padding-top: .5rem;
     padding-bottom: .5rem;
     display: inline-block;
-    background-color: rgba(var(--ejs-primary-color),1);
+    background-color: rgba(var(--ejs-primary-color), 1);
     margin: 0 10px;
     color: #fff !important;
     touch-action: manipulation;
@@ -553,17 +636,21 @@
     font-weight: 700;
     color: #000 !important;
 }
+
 .ejs_control_player_bar {
     margin: 0;
     padding: 0;
 }
+
 .ejs_control_player_bar ul {
     list-style: none;
 }
+
 .ejs_control_player_bar li {
     color: #bcbcbc !important;
     display: inline-block;
 }
+
 .ejs_control_player_bar a {
     padding: 2px 5px;
     color: #bcbcbc !important;
@@ -571,10 +658,16 @@
     cursor: pointer;
 }
 
+.ejs_control_player_bar li:hover:not(.ejs_control_selected) {
+    background-color: #333;
+    border-bottom: 1px solid #333;
+}
+
 .ejs_control_selected {
     border-bottom: 1px solid #fff;
     background-color: #fff;
 }
+
 .ejs_control_selected a {
     color: #000 !important;
 }
@@ -582,10 +675,11 @@
 .ejs_control_bar:hover {
     background-color: #2d2d2d;
 }
+
 .ejs_control_set_button {
     float: none;
     padding: .1rem .5rem;
-    background-color: rgba(var(--ejs-primary-color),1);
+    background-color: rgba(var(--ejs-primary-color), 1);
     color: #fff !important;
     border-radius: .25rem;
     cursor: pointer;
@@ -607,7 +701,7 @@
     margin-left: -150px;
     margin-top: -50px;
     left: 50%;
-    background: rgba(0,0,0,0.8) !important;
+    background: rgba(0, 0, 0, 0.8) !important;
     padding: 15px 0;
 }
 
@@ -616,11 +710,13 @@
     position: absolute;
     bottom: 50px;
 }
+
 .ejs_virtualGamepad_top {
     position: absolute;
     bottom: 250px;
     width: 100%;
 }
+
 .ejs_virtualGamepad_bottom {
     position: absolute;
     bottom: 10px;
@@ -629,6 +725,7 @@
     left: 50%;
     margin-left: -62px;
 }
+
 .ejs_virtualGamepad_left {
     position: absolute;
     bottom: 50px;
@@ -636,6 +733,7 @@
     height: 125px;
     left: 10px;
 }
+
 .ejs_virtualGamepad_right {
     position: absolute;
     bottom: 50px;
@@ -643,6 +741,7 @@
     height: 130px;
     right: 10px;
 }
+
 .ejs_virtualGamepad_button {
     position: absolute;
     font-size: 20px;
@@ -654,12 +753,13 @@
     border-radius: 50%;
     font-size: 30px;
     font-weight: bold;
-    background-color: rgba(255,255,255,0.15);
+    background-color: rgba(255, 255, 255, 0.15);
     user-select: none;
     transition: all .2s;
 }
+
 .ejs_virtualGamepad_button_down {
-    background-color:#000000ad;
+    background-color: #000000ad;
 }
 
 .ejs_dpad_main {
@@ -671,100 +771,112 @@
     height: 100%;
     opacity: .7;
 }
+
 .ejs_dpad_horizontal {
     width: 100%;
     height: 36px;
-    transform: translate(0,-50%);
+    transform: translate(0, -50%);
     position: absolute;
     left: 0;
     top: 50%;
     border-radius: 5px;
     overflow: hidden;
 }
+
 .ejs_dpad_horizontal:before {
     content: "";
     position: absolute;
     left: 0;
     top: 50%;
     z-index: 1;
-    transform: translate(0,-50%);
+    transform: translate(0, -50%);
     width: 0;
     height: 0;
     border: 8px solid;
     border-color: transparent #333 transparent transparent;
 }
+
 .ejs_dpad_horizontal:after {
     content: "";
     position: absolute;
     right: 0;
     top: 50%;
     z-index: 1;
-    transform: translate(0,-50%);
+    transform: translate(0, -50%);
     width: 0;
     height: 0;
     border: 8px solid;
     border-color: transparent transparent transparent #333;
 }
+
 .ejs_dpad_vertical {
     width: 36px;
     height: 100%;
-    transform: translate(-50%,0);
+    transform: translate(-50%, 0);
     position: absolute;
     left: 50%;
     border-radius: 5px;
     overflow: hidden;
 }
+
 .ejs_dpad_vertical:before {
     content: "";
     position: absolute;
     top: 0;
     left: 50%;
     z-index: 1;
-    transform: translate(-50%,0);
+    transform: translate(-50%, 0);
     width: 0;
     height: 0;
     border: 8px solid;
     border-color: transparent transparent #333 transparent;
 }
+
 .ejs_dpad_vertical:after {
     content: "";
     position: absolute;
     bottom: 0;
     left: 50%;
     z-index: 1;
-    transform: translate(-50%,0);
+    transform: translate(-50%, 0);
     width: 0;
     height: 0;
     border: 8px solid;
     border-color: #333 transparent transparent transparent;
 }
+
 .ejs_dpad_bar {
     position: absolute;
     width: 100%;
     height: 100%;
     background: #787878;
 }
+
 .ejs_dpad_left_pressed .ejs_dpad_horizontal:before {
-    border-right-color:#fff;
+    border-right-color: #fff;
 }
+
 .ejs_dpad_right_pressed .ejs_dpad_horizontal:after {
-    border-left-color:#fff;
+    border-left-color: #fff;
 }
+
 .ejs_dpad_up_pressed .ejs_dpad_vertical:before {
-    border-bottom-color:#fff;
+    border-bottom-color: #fff;
 }
+
 .ejs_dpad_down_pressed .ejs_dpad_vertical:after {
-    border-top-color:#fff
+    border-top-color: #fff
 }
 
-@keyframes ejs_settings_parent_animation{
-    0%{
-        opacity:0.5;
-        transform:translateY(10px)
+@keyframes ejs_settings_parent_animation {
+    0% {
+        opacity: 0.5;
+        transform: translateY(10px)
     }
-    to{
-        opacity:1;
-        transform:translateY(0)
+
+    to {
+        opacity: 1;
+        transform: translateY(0)
     }
 }
 
@@ -776,7 +888,7 @@
     border-style: solid;
     border-color: rgba(49, 49, 49, 0.9);
     bottom: 100%;
-    box-shadow: 0 1px 2px rgba(0,0,0,0.15);
+    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
     color: #4f5b5f;
     font-size: 16px;
     margin-bottom: 10px;
@@ -787,6 +899,7 @@
     backdrop-filter: blur(8px);
     -webkit-backdrop-filter: blur(8px);
 }
+
 /* .ejs_settings_parent::after {
     border: 5px solid transparent;
     border-top-color: rgba(119, 119, 119, 0.9);
@@ -796,7 +909,8 @@
     top: 100%;
     width: 0;
 } */
-.ejs_settings_parent::before, .ejs_settings_parent::after {
+.ejs_settings_parent::before,
+.ejs_settings_parent::after {
     position: absolute;
     right: 15px;
     width: 0;
@@ -807,18 +921,22 @@
     border-top-width: 5px;
     border-top-style: solid;
 }
+
 .ejs_settings_parent::before {
     top: calc(100% + 1px);
     border-top-color: rgba(49, 49, 49, 0.9);
 }
+
 .ejs_settings_parent::after {
     top: 100%;
     border-top-color: rgba(29, 29, 29, 0.9);
 }
+
 .ejs_settings_transition {
     overflow: hidden;
-    transition: height .35s cubic-bezier(0.4,0,0.2,1),width .35s cubic-bezier(0.4,0,0.2,1);
+    transition: height .35s cubic-bezier(0.4, 0, 0.2, 1), width .35s cubic-bezier(0.4, 0, 0.2, 1);
 }
+
 .ejs_settings_main_bar {
     align-items: center;
     color: #999;
@@ -837,28 +955,33 @@
     transition: all .3s ease;
     box-sizing: border-box;
 }
+
 .ejs_settings_main_bar::after {
     border: 4px solid transparent;
     content: '';
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
-    border-left-color: rgba(79,91,95,0.8);
+    border-left-color: rgba(79, 91, 95, 0.8);
     right: 5px;
 }
+
 .ejs_settings_main_bar>span {
     align-items: inherit;
     display: flex;
     width: 100%;
 }
+
 .ejs_settings_main_bar:hover {
-    background: rgba(var(--ejs-primary-color),1);
+    background: rgba(var(--ejs-primary-color), 1);
     color: #fff;
     cursor: pointer;
 }
+
 .ejs_settings_main_bar:hover::after {
     border-left-color: currentColor;
 }
+
 .ejs_settings_main_bar_selected {
     align-items: center;
     display: flex;
@@ -868,9 +991,20 @@
     padding-left: 25px;
     pointer-events: none;
 }
+
 .ejs_setting_menu {
     padding: 7px;
+    overflow-x: hidden;
+    overflow-y: auto;
+}
+
+.ejs_parent_option_div {
+    display: flex;
+    flex-direction: column;
+    max-height: inherit;
+    overflow: hidden;
 }
+
 .ejs_back_button {
     font-weight: 500;
     margin: 7px;
@@ -884,7 +1018,7 @@
     font-size: 13px;
     padding: 4px 11px;
     user-select: none;
-    
+
     background: transparent;
     border: 0;
     border-radius: 3px;
@@ -893,13 +1027,16 @@
     overflow: visible;
     transition: all .3s ease;
 }
+
 .ejs_back_button:hover {
-    background: rgba(var(--ejs-primary-color),1);
+    background: rgba(var(--ejs-primary-color), 1);
     color: #fff;
 }
+
 .ejs_back_button:hover::after {
     border-right-color: currentColor;
 }
+
 .ejs_back_button::before {
     background: #b7c5cd;
     box-shadow: 0 1px 0 #fff;
@@ -912,15 +1049,17 @@
     right: 0;
     top: 100%;
 }
+
 .ejs_back_button::after {
     border: 4px solid transparent;
-    border-right-color: rgba(79,91,95,0.8);
+    border-right-color: rgba(79, 91, 95, 0.8);
     left: 7px;
     content: '';
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
 }
+
 .ejs_menu_text_a {
     align-items: center;
     display: flex;
@@ -929,14 +1068,17 @@
     user-select: none;
     width: 100%;
 }
+
 .ejs_option_row {
     padding-left: 7px;
 }
+
 .ejs_option_row:hover::before {
-    background: rgba(0,0,0,0.1);
+    background: rgba(0, 0, 0, 0.1);
 }
+
 .ejs_option_row::before {
-    background: rgba(204,204,204,0.1);
+    background: rgba(204, 204, 204, 0.1);
     content: '';
     display: block;
     flex-shrink: 0;
@@ -946,6 +1088,7 @@
     width: 16px;
     border-radius: 100%;
 }
+
 .ejs_option_row::after {
     background: #fff;
     border: 0;
@@ -954,24 +1097,28 @@
     opacity: 0;
     top: 50%;
     transform: translateY(-50%) scale(0);
-    transition: transform .3s ease,opacity .3s ease;
+    transition: transform .3s ease, opacity .3s ease;
     width: 6px;
     border-radius: 100%;
     content: '';
     position: absolute;
 }
+
 .ejs_option_row_selected::before {
-    background: rgba(var(--ejs-primary-color),1);
+    background: rgba(var(--ejs-primary-color), 1);
 }
+
 .ejs_option_row_selected::after {
     opacity: 1;
     transform: translateY(-50%) scale(1);
 }
+
 .ejs_option_row>span {
     align-items: center;
     display: flex;
     width: 100%;
 }
+
 .ejs_button_style {
     margin: 0px;
     background: transparent;
@@ -983,7 +1130,7 @@
     padding: 7px;
     position: relative;
     transition: all .3s ease;
-    
+
     align-items: center;
     color: #999;
     display: flex;
@@ -991,8 +1138,9 @@
     user-select: none;
     width: 100%;
 }
+
 .ejs_button_style:hover {
-    background: rgba(var(--ejs-primary-color),1);
+    background: rgba(var(--ejs-primary-color), 1);
     color: #fff;
 }
 
@@ -1002,8 +1150,9 @@
     font-weight: 600 !important;
     font-size: 1.25rem;
     line-height: 1.25 !important;
-    color: rgba(var(--ejs-primary-color),1) !important;
+    color: rgba(var(--ejs-primary-color), 1) !important;
 }
+
 .ejs_cheat_close {
     font: inherit;
     line-height: inherit;
@@ -1013,6 +1162,7 @@
     color: #bcbcbc !important;
     cursor: pointer;
 }
+
 .ejs_cheat_close::before {
     content: "\2715";
     color: #bcbcbc !important;
@@ -1020,37 +1170,43 @@
     line-height: inherit;
     width: auto;
 }
+
 .ejs_cheat_header {
     display: flex;
     justify-content: space-between;
     align-items: center;
 }
+
 .ejs_cheat_main {
     margin-top: 2rem;
     margin-bottom: 2rem;
     line-height: 1.5;
-    color: rgba(0,0,0,0.8);
+    color: rgba(0, 0, 0, 0.8);
     text-align: left;
     color: #bcbcbc !important;
     border: unset;
 }
+
 .ejs_cheat_code {
     color: #000 !important;
     font-size: 1rem;
     padding: .4rem;
     max-width: 100%;
 }
-@keyframes ejs_cheat_animation{
-    from{
-        transform:translateY(15%)
+
+@keyframes ejs_cheat_animation {
+    from {
+        transform: translateY(15%)
     }
-    to{
-        transform:translateY(0)
+
+    to {
+        transform: translateY(0)
     }
 }
+
 .ejs_cheat_parent {
-    background-color: rgba(0,0,0,0.8);
-    border: 1px solid rgba(238,238,238,0.2);
+    background-color: rgba(0, 0, 0, 0.8);
+    border: 1px solid rgba(238, 238, 238, 0.2);
     padding: 30px;
     min-width: 200px;
     max-width: 500px;
@@ -1059,26 +1215,29 @@
     overflow-y: auto;
     box-sizing: border-box;
     will-change: transform;
-    animation: ejs_cheat_animation .3s cubic-bezier(0,0,0.2,1);
+    animation: ejs_cheat_animation .3s cubic-bezier(0, 0, 0.2, 1);
     font-size: 14px;
 }
+
 .ejs_popup_container_box {
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
-    background: rgba(0,0,0,0.6);
+    background: rgba(0, 0, 0, 0.6);
     display: flex;
     justify-content: center;
     align-items: center;
 }
+
 .ejs_popup_submit {
     touch-action: manipulation;
     font: inherit;
     line-height: inherit;
     width: auto;
 }
+
 .ejs_button_button {
     color: #fff !important;
     padding-left: 1rem;
@@ -1096,11 +1255,13 @@
     overflow: visible;
     margin: 0;
     will-change: transform;
-    transition: transform .25s ease-out,-webkit-transform .25s ease-out;
+    transition: transform .25s ease-out, -webkit-transform .25s ease-out;
 }
+
 .ejs_button_button:hover {
     transform: scale(1.05);
 }
+
 .ejs_cheat_rows {
     max-width: 320px;
     margin: 0 auto;
@@ -1109,15 +1270,18 @@
     float: none;
     user-select: text !important;
 }
+
 .ejs_cheat_row {
     padding-left: 2.25rem;
     position: relative;
     padding: .2em 0;
     clear: both;
 }
+
 .ejs_cheat_row:hover {
-    background-color: rgba(0,0,0,0.8);
+    background-color: rgba(0, 0, 0, 0.8);
 }
+
 .ejs_cheat_row input[type=checkbox] {
     position: absolute;
     z-index: -1;
@@ -1125,6 +1289,7 @@
     box-sizing: border-box;
     width: auto;
 }
+
 .ejs_cheat_row label {
     position: relative;
     margin-bottom: 0;
@@ -1148,8 +1313,8 @@
 
 .ejs_cheat_row input:checked+label::before {
     color: #fff;
-    border-color: rgba(var(--ejs-primary-color),1);
-    background-color: rgba(var(--ejs-primary-color),1);
+    border-color: rgba(var(--ejs-primary-color), 1);
+    background-color: rgba(var(--ejs-primary-color), 1);
 }
 
 .ejs_cheat_row label::after {
@@ -1164,8 +1329,9 @@
     height: calc(1rem - 4px);
     background-color: #adb5bd;
     border-radius: .5rem;
-    transition: transform .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-transform .15s ease-in-out;
+    transition: transform .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-transform .15s ease-in-out;
 }
+
 .ejs_cheat_row input:checked+label::after {
     background-color: #fff;
     -webkit-transform: translateX(0.75rem);
@@ -1175,7 +1341,7 @@
 .ejs_cheat_row_button {
     position: absolute;
     padding: .1rem .5rem;
-    background-color: rgba(var(--ejs-primary-color),1);
+    background-color: rgba(var(--ejs-primary-color), 1);
     color: #fff !important;
     border-radius: .25rem;
     cursor: pointer;
@@ -1186,141 +1352,159 @@
 .ejs_small_screen .ejs_volume_parent input[type='range'] {
     width: 100%;
 }
+
 .ejs_big_screen .ejs_volume_parent {
     max-width: 110px;
 }
+
 .ejs_volume_parent {
     align-items: center;
     display: flex;
     flex: 1;
     position: relative;
 }
+
 .ejs_volume_parent {
     padding-right: 15px;
 }
+
+.ejs_volume_parent::-webkit-media-controls {
+    display: none;
+}
+
 .ejs_volume_parent input[type='range'] {
     display: block;
+    -webkit-appearance: none;
+    appearance: none;
+    border: 0;
+    border-radius: 28px;
+    color: rgba(var(--ejs-primary-color), 1);
+    margin: 0;
+    padding: 0;
+    transition: box-shadow 0.3s ease;
+    width: 100%;
+    background: white;
+    height: 6px;
 }
-.ejs_volume_parent::-webkit-media-controls{
-    display: none;
+
+.ejs_volume_parent input[type='range']::-webkit-slider-runnable-track {
+    background-color: rgba(255, 255, 255, 0.25);
+    outline: 0;
+    background: transparent;
+    border: 0;
+    border-radius: 3px;
+    height: 6px;
+    transition: box-shadow 0.3s ease;
+    user-select: none;
+    background-image: linear-gradient(to right, currentColor var(--value, 0%), transparent var(--value, 0%))
 }
-.ejs_volume_parent input[type='range']{
-    -webkit-appearance:none;
-    appearance: none;
-    border:0;
-    border-radius:28px;
-    color:rgba(var(--ejs-primary-color), 1);
-    margin:0;
-    padding:0;
-    transition:box-shadow 0.3s ease;
-    width:100%
-}
-
-.ejs_volume_parent input[type='range']::-webkit-slider-runnable-track{
-    background-color:rgba(255,255,255,0.25);
-    outline:0;
+
+.ejs_volume_parent input[type='range']::-webkit-slider-thumb {
+    background: #fff;
+    border: 0;
+    border-radius: 100%;
+    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2);
+    height: 14px;
+    position: relative;
+    transition: all 0.2s ease;
+    width: 14px;
+    -webkit-appearance: none;
+    margin-top: -4px
+}
+
+.ejs_volume_parent input[type='range']::-moz-range-track {
+    background-color: rgba(255, 255, 255, 0.25);
+    outline: 0;
+    background: transparent;
+    border: 0;
+    border-radius: 3px;
+    height: 6px;
+    transition: box-shadow 0.3s ease;
+    user-select: none
+}
+
+.ejs_volume_parent input[type='range']::-moz-range-thumb {
+    background: #fff;
+    border: 0;
+    border-radius: 100%;
+    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2);
+    height: 14px;
+    position: relative;
+    transition: all 0.2s ease;
+    width: 14px
+}
+
+.ejs_volume_parent input[type='range']::-moz-range-progress {
+    background: currentColor;
+    border-radius: 3px;
+    height: 6px
+}
+
+.ejs_volume_parent input[type='range']::-ms-track {
+    background-color: rgba(255, 255, 255, 0.25);
+    outline: 0;
     background: transparent;
-    border:0;
-    border-radius:3px;
-    height:6px;
-    transition:box-shadow 0.3s ease;
-    user-select:none;
-    background-image:linear-gradient(to right, currentColor var(--value, 0%), transparent var(--value, 0%))
-}
-.ejs_volume_parent input[type='range']::-webkit-slider-thumb{
-    background:#fff;
-    border:0;
-    border-radius:100%;
-    box-shadow:0 1px 1px rgba(0,0,0,0.15),0 0 0 1px rgba(47,52,61,0.2);
-    height:14px;
-    position:relative;
-    transition:all 0.2s ease;
-    width:14px;
-    -webkit-appearance:none;
-    margin-top:-4px
-}
-.ejs_volume_parent input[type='range']::-moz-range-track{
-    background-color:rgba(255,255,255,0.25);
-    outline:0;
-    background:transparent;
-    border:0;
-    border-radius:3px;
-    height:6px;
-    transition:box-shadow 0.3s ease;
-    user-select:none
-}
-.ejs_volume_parent input[type='range']::-moz-range-thumb{
-    background:#fff;
-    border:0;
-    border-radius:100%;
-    box-shadow:0 1px 1px rgba(0,0,0,0.15),0 0 0 1px rgba(47,52,61,0.2);
-    height:14px;
-    position:relative;
-    transition:all 0.2s ease;
-    width:14px
-}
-.ejs_volume_parent input[type='range']::-moz-range-progress{
-    background:currentColor;
-    border-radius:3px;
-    height:6px
-}
-.ejs_volume_parent input[type='range']::-ms-track{
-    background-color:rgba(255,255,255,0.25);
-    outline:0;
-    background:transparent;
-    border:0;
-    border-radius:3px;
-    height:6px;
-    transition:box-shadow 0.3s ease;
-    user-select:none;
-    color:transparent
-}
-.ejs_volume_parent input[type='range']::-ms-fill-upper{
-    background:transparent;
-    border:0;
-    border-radius:3px;
-    height:6px;
-    transition:box-shadow 0.3s ease;
-    user-select:none
-}
-.ejs_volume_parent input[type='range']::-ms-fill-lower{
-    background:transparent;
-    border:0;
-    border-radius:3px;
-    height:6px;
-    transition:box-shadow 0.3s ease;
-    user-select:none;
-    background:currentColor
-}
-.ejs_volume_parent input[type='range']::-ms-thumb{
-    background:#fff;
-    border:0;
-    border-radius:100%;
-    box-shadow:0 1px 1px rgba(0,0,0,0.15),0 0 0 1px rgba(47,52,61,0.2);
-    height:14px;
-    position:relative;
-    transition:all 0.2s ease;
-    width:14px;
-    margin-top:0
-}
-.ejs_volume_parent input[type='range']::-ms-tooltip{
-    display:none
-}
-.ejs_volume_parent input[type='range']:focus{
-    outline:0
-}
-.ejs_volume_parent input[type='range']::-moz-focus-outer{
-    border:0
+    border: 0;
+    border-radius: 3px;
+    height: 6px;
+    transition: box-shadow 0.3s ease;
+    user-select: none;
+    color: transparent
+}
+
+.ejs_volume_parent input[type='range']::-ms-fill-upper {
+    background: transparent;
+    border: 0;
+    border-radius: 3px;
+    height: 6px;
+    transition: box-shadow 0.3s ease;
+    user-select: none
+}
+
+.ejs_volume_parent input[type='range']::-ms-fill-lower {
+    background: transparent;
+    border: 0;
+    border-radius: 3px;
+    height: 6px;
+    transition: box-shadow 0.3s ease;
+    user-select: none;
+    background: currentColor
+}
+
+.ejs_volume_parent input[type='range']::-ms-thumb {
+    background: #fff;
+    border: 0;
+    border-radius: 100%;
+    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2);
+    height: 14px;
+    position: relative;
+    transition: all 0.2s ease;
+    width: 14px;
+    margin-top: 0
+}
+
+.ejs_volume_parent input[type='range']::-ms-tooltip {
+    display: none
+}
+
+.ejs_volume_parent input[type='range']:focus {
+    outline: 0
+}
+
+.ejs_volume_parent input[type='range']::-moz-focus-outer {
+    border: 0
 }
 
 .ejs_volume_parent input[type='range']:active::-webkit-slider-thumb {
-    box-shadow:0 1px 1px rgba(0,0,0,0.15),0 0 0 1px rgba(47,52,61,0.2),0 0 0 3px rgba(255,255,255,0.5)
+    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.5)
 }
+
 .ejs_volume_parent input[type='range']:active::-moz-range-thumb {
-    box-shadow:0 1px 1px rgba(0,0,0,0.15),0 0 0 1px rgba(47,52,61,0.2),0 0 0 3px rgba(255,255,255,0.5)
+    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.5)
 }
+
 .ejs_volume_parent input[type='range']:active::-ms-thumb {
-    box-shadow:0 1px 1px rgba(0,0,0,0.15),0 0 0 1px rgba(47,52,61,0.2),0 0 0 3px rgba(255,255,255,0.5)
+    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.5)
 }
 
 .ejs_message {
@@ -1337,15 +1521,17 @@
 
 .ejs_virtualGamepad_open {
     display: inline-block;
-    width: 30px;
-    height: 30px;
+    width: 24px;
+    height: 24px;
     color: #fff;
     position: absolute;
     top: 5px;
     right: 5px;
     opacity: .5;
     z-index: 999;
+    cursor: pointer;
 }
+
 .ejs_virtualGamepad_open svg {
     fill: currentColor;
 }
@@ -1354,45 +1540,75 @@
     margin-top: .5rem;
     margin-bottom: .5rem;
     line-height: 1.5;
-    color: rgba(0,0,0,.8);
+    color: rgba(0, 0, 0, .8);
     text-align: left;
 }
-.ejs_netplay_header input, .ejs_netplay_header select {
+
+.ejs_netplay_header input,
+.ejs_netplay_header select {
     font-size: 1rem;
     padding: .4rem;
     max-width: 100%;
-    color: #000!important;
-    background-color: #fff!important;
+    color: #000 !important;
+    background-color: #fff !important;
     margin: 0;
     height: 2rem;
     display: block;
     font-family: Arial;
     border: 0px;
 }
+
 .ejs_netplay_name_heading {
-    margin-top: 0!important;
-    margin-bottom: 0!important;
-    font-weight: 600!important;
+    margin-top: 0 !important;
+    margin-bottom: 0 !important;
+    font-weight: 600 !important;
     font-size: 1.25rem;
-    line-height: 1.25!important;
-    color: rgba(var(--ejs-primary-color),1)!important;
+    line-height: 1.25 !important;
+    color: rgba(var(--ejs-primary-color), 1) !important;
     display: flex;
     justify-content: space-between;
     align-items: center;
 }
+
 .ejs_netplay_table {
-    font-family: Avenir,"Avenir Next","Helvetica Neue","Segoe UI",Helvetica,Arial,sans-serif;
+    font-family: Avenir, "Avenir Next", "Helvetica Neue", "Segoe UI", Helvetica, Arial, sans-serif;
     font-size: 0.8rem;
     padding: 0 10px;
 }
+
 .ejs_netplay_join_button {
     float: none;
     padding: .1rem .5rem;
-    background-color: rgba(var(--ejs-primary-color),1);
-    color: #fff!important;
+    background-color: rgba(var(--ejs-primary-color), 1);
+    color: #fff !important;
     border-radius: .25rem;
     cursor: pointer;
 }
+
 .ejs_netplay_table_row:hover {
     background-color: #2d2d2d;
 }
+
+.ejs_gamepad_dropdown {
+    background-color: var(--ejs-background-color);
+    color: white;
+    border: none;
+    padding: 8px 12px;
+    border-radius: 6px;
+    font-family: inherit;
+    outline: none;
+    cursor: pointer;
+    font-size: inherit;
+}
+
+.ejs_gamepad_dropdown:focus, .ejs_gamepad_dropdown:active, .ejs_gamepad_dropdown:hover {
+    box-shadow: 0 0 0 2px rgba(51, 153, 255, 0.6);
+    background-color: var(--ejs-background-color);
+}
+
+.ejs_gamepad_section {
+    font-size: 12px;
+    justify-content: center;
+    display: flex;
+    align-items: center;
+}
diff --git a/data/loader.js b/data/loader.js
index b0dd84fc..62d22814 100644
--- a/data/loader.js
+++ b/data/loader.js
@@ -10,15 +10,15 @@
         "compression.js"
     ];
 
-    const folderPath = (path) => path.substring(0, path.length - path.split('/').pop().length);
+    const folderPath = (path) => path.substring(0, path.length - path.split("/").pop().length);
     let scriptPath = (typeof window.EJS_pathtodata === "string") ? window.EJS_pathtodata : folderPath((new URL(document.currentScript.src)).pathname);
-    if (!scriptPath.endsWith('/')) scriptPath+='/';
+    if (!scriptPath.endsWith("/")) scriptPath += "/";
     //console.log(scriptPath);
     function loadScript(file) {
-        return new Promise(function (resolve, reject) {
-            let script = document.createElement('script');
+        return new Promise(function(resolve) {
+            let script = document.createElement("script");
             script.src = function() {
-                if ('undefined' != typeof EJS_paths && typeof EJS_paths[file] === 'string') {
+                if ("undefined" != typeof EJS_paths && typeof EJS_paths[file] === "string") {
                     return EJS_paths[file];
                 } else if (file.endsWith("emulator.min.js")) {
                     return scriptPath + file;
@@ -33,15 +33,16 @@
             document.head.appendChild(script);
         })
     }
+
     function loadStyle(file) {
-        return new Promise(function(resolve, reject) {
-            let css = document.createElement('link');
-            css.rel = 'stylesheet';
+        return new Promise(function(resolve) {
+            let css = document.createElement("link");
+            css.rel = "stylesheet";
             css.href = function() {
-                if ('undefined' != typeof EJS_paths && typeof EJS_paths[file] === 'string') {
+                if ("undefined" != typeof EJS_paths && typeof EJS_paths[file] === "string") {
                     return EJS_paths[file];
                 } else {
-                    return scriptPath+file;
+                    return scriptPath + file;
                 }
             }();
             css.onload = resolve;
@@ -55,27 +56,27 @@
     async function filesmissing(file) {
         console.error("Failed to load " + file);
         let minifiedFailed = file.includes(".min.") && !file.includes("socket");
-        console[minifiedFailed?"warn":"error"]("Failed to load " + file + " beacuse it's likly that the minified files are missing.\nTo fix this you have 3 options:\n1. You can download the zip from the latest release here: https://github.com/EmulatorJS/EmulatorJS/releases/latest - Stable\n2. You can download the zip from here: https://cdn.emulatorjs.org/latest/data/emulator.min.zip and extract it to the data/ folder. (easiest option) - Beta\n3. You can build the files by running `npm i && npm run build` in the data/minify folder. (hardest option) - Beta\nNote: you will probably need to do the same for the cores, extract them to the data/cores/ folder.");
+        console[minifiedFailed ? "warn" : "error"]("Failed to load " + file + " beacuse it's likly that the minified files are missing.\nTo fix this you have 3 options:\n1. You can download the zip from the latest release here: https://github.com/EmulatorJS/EmulatorJS/releases/latest - Stable\n2. You can download the zip from here: https://cdn.emulatorjs.org/latest/data/emulator.min.zip and extract it to the data/ folder. (easiest option) - Beta\n3. You can build the files by running `npm i && npm run build` in the data/minify folder. (hardest option) - Beta\nNote: you will probably need to do the same for the cores, extract them to the data/cores/ folder.");
         if (minifiedFailed) {
             console.log("Attempting to load non-minified files");
             if (file === "emulator.min.js") {
-                for (let i=0; i<scripts.length; i++) {
+                for (let i = 0; i < scripts.length; i++) {
                     await loadScript(scripts[i]);
                 }
             } else {
-                await loadStyle('emulator.css');
+                await loadStyle("emulator.css");
             }
         }
     }
-    
-    if (('undefined' != typeof EJS_DEBUG_XX && true === EJS_DEBUG_XX)) {
-        for (let i=0; i<scripts.length; i++) {
+
+    if (("undefined" != typeof EJS_DEBUG_XX && true === EJS_DEBUG_XX)) {
+        for (let i = 0; i < scripts.length; i++) {
             await loadScript(scripts[i]);
         }
-        await loadStyle('emulator.css');
+        await loadStyle("emulator.css");
     } else {
-        await loadScript('emulator.min.js');
-        await loadStyle('emulator.min.css');
+        await loadScript("emulator.min.js");
+        await loadStyle("emulator.min.css");
     }
     const config = {};
     config.gameUrl = window.EJS_gameUrl;
@@ -112,30 +113,73 @@
     config.disableCue = window.EJS_disableCue;
     config.startBtnName = window.EJS_startButtonName;
     config.softLoad = window.EJS_softLoad;
-    config.screenRecording = window.EJS_screenRecording;
+    config.capture = window.EJS_screenCapture;
     config.externalFiles = window.EJS_externalFiles;
+    config.dontExtractBIOS = window.EJS_dontExtractBIOS;
     config.disableDatabases = window.EJS_disableDatabases;
     config.disableLocalStorage = window.EJS_disableLocalStorage;
     config.forceLegacyCores = window.EJS_forceLegacyCores;
     config.noAutoFocus = window.EJS_noAutoFocus;
     config.videoRotation = window.EJS_videoRotation;
+    config.hideSettings = window.EJS_hideSettings;
+    config.browserMode = window.EJS_browserMode;
     config.shaders = Object.assign({}, window.EJS_SHADERS, window.EJS_shaders ? window.EJS_shaders : {});
-    
-    if (typeof window.EJS_language === "string" && window.EJS_language !== "en-US") {
+
+    let systemLang;
+    try {
+        systemLang = Intl.DateTimeFormat().resolvedOptions().locale;
+    } catch(e) {} //Ignore
+    const defaultLangs = ["en", "en-US"];
+    const isDefaultLang = (lang) => defaultLangs.includes(lang);
+    if ((typeof window.EJS_language === "string" && !isDefaultLang(window.EJS_language)) || (systemLang && window.EJS_disableAutoLang !== false)) {
+        const language = window.EJS_language || systemLang;
+        const autoLang = !window.EJS_language && typeof systemLang === "string";
         try {
-            let path;
-            if ('undefined' != typeof EJS_paths && typeof EJS_paths[window.EJS_language] === 'string') {
-                path = EJS_paths[window.EJS_language];
+            let languagePath;
+            let fallbackPath = false;
+            console.log("Loading language", language);
+            if ("undefined" != typeof EJS_paths && typeof EJS_paths[language] === "string") {
+                languagePath = EJS_paths[language];
             } else {
-                path = scriptPath+"localization/"+window.EJS_language+".json";
+                languagePath = scriptPath + "localization/" + language + ".json";
+                if (language.includes("-") || language.includes("_")) {
+                    fallbackPath = scriptPath + "localization/" + language.split(/[-_]/)[0] + ".json";
+                }
+            }
+            config.language = language;
+            let langJson = {};
+            let missingLang = false;
+            if (!isDefaultLang(language)) {
+                if (autoLang) {
+                    try {
+                        let languageJson = await fetch(languagePath);
+                        if (!languageJson.ok) throw new Error(`Missing language file: ${languageJson.status}`);
+                        langJson = JSON.parse(await languageJson.text());
+                        if (fallbackPath) {
+                            let fallbackJson = await fetch(fallbackPath);
+                            missingLang = !fallbackJson.ok;
+                            if (!fallbackJson.ok) throw new Error(`Missing language file: ${fallbackJson.status}`);
+                            langJson = { ...JSON.parse(await fallbackJson.text()), ...langJson };
+                        }
+                    } catch(e) {
+                        config.language = language.split(/[-_]/)[0];
+                        console.warn("Failed to load language:", language + ",", "trying default language:", config.language);
+                        if (!missingLang) {
+                            langJson = JSON.parse(await (await fetch(fallbackPath)).text());
+                        }
+                    }
+                } else {
+                    langJson = JSON.parse(await (await fetch(languagePath)).text());
+                }
+                config.langJson = langJson;
             }
-            config.language = window.EJS_language;
-            config.langJson = JSON.parse(await (await fetch(path)).text());
         } catch(e) {
-            config.langJson = {};
+            console.log("Missing language:", language, "!!");
+            delete config.language;
+            delete config.langJson;
         }
     }
-    
+
     window.EJS_emulator = new EmulatorJS(EJS_player, config);
     window.EJS_adBlocked = (url, del) => window.EJS_emulator.adBlocked(url, del);
     if (typeof window.EJS_ready === "function") {
diff --git a/data/localization/README.md b/data/localization/README.md
new file mode 100644
index 00000000..edbc8c21
--- /dev/null
+++ b/data/localization/README.md
@@ -0,0 +1,66 @@
+# Localization
+
+Supported languages
+
+`en.json`: `en-US` - English (US)<br>
+`pt.json`: `pt-BR` - Portuguese (Brazil)<br>
+`es.json`: `es-419` - Spanish (Latin America)<br>
+`el.json`: `el-GR` - Greek (Modern Greek)<br>
+`ja.json`: `ja-JP` - Japanese (Japan)<br>
+`zh.json`: `zh-CN` - Chinese (Simplified)<br>
+`hi.json`: `hi-IN` - Hindi (India)<br>
+`ar.json`: `ar-SA` - Arabic (Saudi Arabia)<br>
+`jv.json`: `jv-ID` - Javanese (Indonesia)<br>
+`bn.json`: `bn-BD` - Bengali (Bangladesh)<br>
+`ru.json`: `ru-RU` - Russian (Russia)<br>
+`de.json`: `de-DE` - German (Germany)<br>
+`ko.json`: `ko-KR` - Korean (South Korea)<br>
+`fr.json`: `fr-FR` - French (France)<br>
+`it.json`: `it-IT` - Italian (Italy)<br>
+`tr.json`: `tr-TR` - Turkish (Turkey)<br>
+`fa.json`: `fa-AF` - Persian (Afghanistan)<br>
+`ro.json`: `ro-RO` - Romanian (Romania)<br>
+`vi.json`: `vi-VN` - Vietnamese (Vietnam)<br>
+
+default: `en-US`
+
+add the line to your code to use
+
+```
+EJS_language = ''; //language
+```
+
+If the language file is not found or there was an error fetching the file, the emulator will default to english.
+
+## Credits
+
+Translated for `es-419` originally by [@cesarcristianodeoliveira](https://github.com/cesarcristianodeoliveira) and updated by [@angelmarfil](https://github.com/angelmarfil) <br>
+Translated for `el-GR` by [@imneckro](https://github.com/imneckro) <br>
+Translated for `pt-BR` by [@zmarteline](https://github.com/zmarteline)<br>
+Translated for `zh-CN` by [@eric183](https://github.com/eric183)<br>
+Translated for `it-IT` by [@IvanMazzoli](https://github.com/IvanMazzoli) <br>
+Translated for `tr-TR` by [@iGoodie](https://github.com/iGoodie) <br>
+Translated for `fa-AF` by [@rezamohdev](https://github.com/rezamohdev) <br>
+Translated for `fr-FR` by [@t3chnob0y](https://github.com/t3chnob0y) <br>
+Translated for `ro-RO` by [@jurcaalexandrucristian](https://github.com/jurcaalexandrucristian) <br>
+Translated for `ja-JP` by [@noel-forester](https://github.com/noel-forester) <br>
+Translated for `vi-VN` by [@TimKieu](https://github.com/TimKieu) <br>
+Translated for `hi-IN`, `ar-SA`, `jv-iD`, `bn-BD`, `ru-RU`, `de-DE`, `ko-KR` by [@allancoding](https://github.com/allancoding), using a translate application <br>
+
+## Contributing
+
+To contribute, please download the default `en-US.json` language file to use as a template, translate the strings and then submit the file with a Pull Request or Issue.
+
+The EmulatorJS team will review and add your changes.
+
+As of version `4.2.2` it will default to the system language.
+
+The `retroarch.json` are all the setting names for the menu. You can set `EJS_settingsLanguage` to `true` to see the missing retroarch settings names for the current language. You can translate them and add the to the language file.
+
+The control mapping translations for controllers are diffrent for each controller. They will need to be added to the language file if they are not in the default `en-US.json` file.
+
+You can also use the [Translation Helper](https://emulatorjs.org/translate) tool to help you translate the file.
+
+Please contribute!!
+
+Enything that is incorrect or needs to be fix please perform a pull request!
diff --git a/data/localization/Translate.html b/data/localization/Translate.html
deleted file mode 100644
index 0970d6a1..00000000
--- a/data/localization/Translate.html
+++ /dev/null
@@ -1,529 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <title>EmulatorJS | Translate Languages</title>
-    <link
-      rel="icon"
-      type="image/png"
-      href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAb1BMVEVHcEwJNVMBkbwDi7cJNVMJNVMIN1UAlsIGZIcAlcEBs+kJNVMDn9EHVXYEc5kJNVMEgasFdZ0HUnMBk78EdZ0GfacFaIwHW3wINVMJNVMJNVMGYoUJNVMEeJ4JNVMDgakJNVMChwAAl8QCpNcCh7CQzQKfAAAAIXRSTlMAEvv+Py9y+L/2/Ev+q99H3s6R/u3+5r8hm82HYLpk+2GSUqJjAAAAgElEQVQY022PyQ6DMAxEHRM7KZCwdQG6ys3/f2MT1IMleLcZacZjgGOo6UjJpm/ruh3sJoy1XH03LmytgYAnBQbwItGfJVONg4gHP6U73FLWV3i8i5E+BuaXQ6Z1MbEYPAOxm8ZuXSiqCOZIKhGR/vkvjaU0oFPks7thu+mHz2l+F+sLcletMXIAAAAASUVORK5CYII="
-    />
-  </head>
-
-  <body>
-    <div class="header">
-      <h1>Translate Languages</h1>
-      <img
-        style="width: 150px"
-        src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPkAAADjCAMAAABw3EJfAAAAQlBMVEUCFicBFSQHM1EAAAAINFIAAAAINFIAAAAINVMFYogCd54AAAAAkb4BhbAGTXAHQGAINVMAruQAufEAl8QJNVMAAABDiqgaAAAAEnRSTlMAEDtHZm2Ur9Hi5ent7/Ly8vMp07OrAAALHElEQVR42u2di5qjKgyAC1oLFAWr8/6vup+1KCggeAXczJ49O05p/SchShLi43GqAAAgzPPiK6j/X55DCAB4pCoAwLwoEGr1whEqcpgcfweNeOsgCBUwGfqOuvURngQ99KQe6IscRI3N2w2CIoVfq23V7qODB7nFoXGOGO6EdH9VFeLcZvYwAXVzhAmhtP50X4PUn09dU0JwxSNn185uzjChtcSrkbquS6LFR3mc3B31ArSMTzX04U/4OTevCHWlHvFLzObsMXHzyl3ZU3g6hecIhuvP1VNlmK7EFpqvWAy+DqrcfCN2L5RM2MOb7hNDZ7tw/xSvuvmwbuknhs7wTti/Ga/4el4EhA6K47g17OF4OkXhfHfunp2Fp3Ygz3CO6ecYqRVfF4LaFZfOaP05TGqsOPmQwDk5kPt7javCsfhcUsNhhm4weQTC8OmHK3yu9usmO5AsHdHPOVKT0aFyePkUP+ZSZlK7ZPH51eDkc6bU1aXocDQ6VH9OFjKiFxeC49PBPx86fvzJV7cR/CSfbpnsp6JfDq5M9uIScPq5Sg5AB3BBxrUZx/Q6KZkUpVqWxRBDgTjnLW9tf6Q7t0u/lBOx/uGcI5TDQ1NhIYspag+2ZT4jYdeE8SBq7yDz1W3O25uIurq9g6XrV7eKxjlLUAxal8AZJiVNT0olRznM9dG5MUybVIWSara4HYJKVdmkLBRPojlwAKdN4jJEMPtbfXQb8KYhstLFyovdALxpsKR0McvJHcAbEdLgYDD2e6h8sHcOH4DfSeVNI5b1hZjmvLwJeVMJ8vxexj74OCTIq7uADxNduPb/5P/J/5OHueoiGFddgXxJb0ReYqkmlDPsDR8p+bQUtjtzcgPyEmsDa35hhbXkhJSOfw5cXU+F4ePJKXONcO5vRNjyaR5RtPjIsf3jaLLkeLJ9t9vLzNegx0ZO5J1McNjyKsHjNMlLbtizKRVakyTJK2PN55gYc1xobyTnFjmAnNjKgYYMET6B3FZ3ecStEbPWQQmtu8WVoiInC+XNhY/SoyKvFip8RRS1pYmR08Wav9zDvcdELowdLhac48TIq+VNDL8PZWmSFw7bSmha5Hy5lt0jXxIT+eI0Hyc6SYpcuHZwO/Lytjp3snaeJLm7h2t38XC2onIXcu14n+ldElx1grn7Ve03wpaCWCbHFZt/Me5KznXD3ePD8+4iLncyUji2InQ1ua1iGHqchCyO5KTSDYauTS5ECoLGRl5W+sHLKxaX9EvA5IT7fqq5Nh/HRI5dS9MNfS6W4vDBklsTCoZolFcKIlRyNaFQFLmaUNChS7sShhHcjO5MjnKdWC4wUDvAkRzrmiHKffZm2+0lU5dGQOnXVa0k32cDIHAjJ6aGAqMP46ZMw6SZmOT1cPjkYx5jbtWFpnGWtF1SM2LcqUGDJ8e2nabyXptuPqv9gq0jqtDJKbNusc29nf6AXgZOLlSOvK8aPimIEMnZUkIB+V5khxE0aPJycTt53q69oSdBk+PFeJtB6Xw5BVEFTV7ZZ7l5pjss3HnI5MKz5459qtw6q8DZRA+PXGyzgG7NXFq3djpgFqAL0No9QqyusRpdODpAnXskFG5InrTOb2jtDr7d38OJESH7duqRJne/quURXNUOvZNhQd/DLZfDQEM8Ol90DDjyFYupAwqKfMUyFLdCT5Wb+96KETzw9flCqSNAbi1iNHFZHEs0CnknFBZG0NAjkNaS5kIJQObdQ9q4Hb3QFkGHGW+vzAkFpEkoPGDROqQgWPhR50bu8weUjn2mJMvIbhwxKZ5xzy4VOrHcO+TaAY7ZJaI8iQP8UkWFJaEgIQ6PJlNGTDPJoWYUSTvZo4SU9GAOrCkIPh8xS6GnlEW29rbD8VQOEL46oeBUNBFwtYipTGZFCoKRuCqEKGaeq1H96pXjMrqqsFLH7pBQUCviypX1cKTSiTM50w53LoKkpJo+Zs1n4c4q4zbwCOpeaVl2T1okhLknFEg/wtaCIcKKX4cURGJ7Gu5b337fPQ30/54G2zxPk9wjBZHYfrX77tTDt92d6Z6CSG1HLl28ffXp3Brjzvt2KaHAmtTIiX21NqzUzui2kJsffHJEh43KFpQZwstubVWO66pyRD8ZYolHjXH1M7qqnN5JBxsTClLbfZoiOWXzuv5e4YORsbJJkVxqHNUlFL45CABhwZPvmDVPQSCkNElzBo+wMx6xfjRuDidnjHGH/9j+3RBt6KQ5mrwpXaXZX4wpCFY2x5NfK1q1ez5EJtJOt3TGznC5ylXG192Ylnh4ihJjmHh3do66lzctCenyCWsaWv/vYv6f/D/5ncjz+zxuSiFHN34eC7zZ04fokI0H3HexE7eUYxy3WHHXH7FI9S75rZQuYjtI3gNGbjTL+6RF0d7G3qkauB9SFIzcBVzkqfKxaDDpq/q4thcJC6kBESOpmjwl4+N7xvyc3F+NVZikJ/LDmpRNXjd57LvIVLh11Usc/Ebo8/2MN3nsvXY3I0yfHZla+kH1UUaJmTlHtlaGAOYFWhLpEnil8Elq1SqF2P22ab/heOOD689lMqZ1EXycJEGgU+6yqWZ3dGl77EXo5BJwFZ1eAY7ba8AVg+fkdO66ugxcRT97skslK+h0cLWN9Lno0sbVK8DVLZHsvMleY7cWOsei8/MtXi7OKq4CVxZ4/BS1ywrnxeNCkde2J6hdLo7i+eNSUda2jNRnKfwq32ZqdcDxcSZfK1VRF05xQzTnKJOvlSpAnocAPo3mHGHyNa3asCxdH8Tbm72myh78UBSuDeIxUtcHcYekcKF2rja3oPU+fq1yC6RdqfYcTRp7bDb6etpkRN3JEazJf4uQ6/3U3XIUJrc2bs1Xwtc1mXYWmT51JHj2tkXY09/VdI4d5AR3yFfwClM3+lpO9kbFbc7VcIaJVfk1JZhxfWbkEYtM/byS6Pg2uqG1EEpLUuKKGTuaFvARleT7JOlQAR7RifyErLWZbviIVOAGeLRHIuxaza8wex49tpSf9aNOAXugh8Vich6hbpdxQtQjPoCwe8qh2pa061TaPf4Qpgmt/gIAgEC0pei+u5g40wkQx4H6ssXjJurhnbUHJz/VHTS+WPtB8yGa177+5vLOxPFMfZn5OOgHGtQI3uKdgebg+LlAc7w/+Jyd5EurR+lHmf3FwIf8vZ384U3+B6YYu5K/VAEC6fm1ZJhlG3QOsuz5/nu/Xq/udzcaHug/6086gX7WvKXz6d68G9JjvMXh7iXSnJuTdx86vF7/4gnJfBZk47/X6bzX4RuIfxh+qnw73L+Kn2aq6p4GTQ4vmyv/pde5G/nfYeR/j9PJl3X+BHCLzgdTB1/zVg3+JJ33Nu+tc1n8yadgJj93pM4N4kO+QueT48BwbTtU54brze/UwSjB6xw8n68lctD7fzDjsuk221Xn7/11/jRfpU3Xc7Nvn+DtqPO//XW+D/nv1N+SQPn412j6v7fo/Clko86/79FdIJ6v5+uZWcmBfG/2PYfMw7f3qNn6+/b5LeoWndtvXc2Xbu1xH/LVvl17f75C53uSO+j89d6s8/frZ+yvbTp/D15dmC5QF6Gjb/9+XLZJ5w+wZa22u2+fuLcJkul6vkrn29bnu/v23cjH1egkJmNanz/FErGX13dFOZA/p2ETb51/3398n34BK5FnYmH76levw1pAnM779Xo+pDXCV57i+MrIhP4mJzN7Mv97OFNMxnI9Nzk/t+u5e0zGl9zzvt0ek9mTvLOuuYCvVX/NWCwRpG8nQ7LZbcMgw3GgxmEUozMckU9GrDSf8qpz9q18cP4+v+P/AIaTnnYxBPRwAAAAAElFTkSuQmCC"
-      />
-    </div>
-    <br />
-    <div class="boxes">
-      <div class="box">
-        <button class="copyBtn" id="copyBtn1" onclick="copy('box1')">
-          <svg
-            xmlns="http://www.w3.org/2000/svg"
-            viewBox="0 0 24 24"
-            fill="currentColor"
-            width="18px"
-            height="18px"
-          >
-            <path
-              d="M6 4V8H18V4H20.0066C20.5552 4 21 4.44495 21 4.9934V21.0066C21 21.5552 20.5551 22 20.0066 22H3.9934C3.44476 22 3 21.5551 3 21.0066V4.9934C3 4.44476 3.44495 4 3.9934 4H6ZM8 2H16V6H8V2Z"
-            ></path>
-          </svg>
-        </button>
-        <textarea id="box1" rows="39.5" cols="30" spellcheck="false"></textarea>
-      </div>
-      <div class="box">
-        <textarea
-          id="box2"
-          placeholder="Copy what is on the left into google translate or any other translation service, then translate it into the language you whant and paste the translation here."
-          rows="39.5"
-          cols="50"
-          spellcheck="false"
-          oninput="handleBox2Input()"
-        ></textarea>
-        <button class="nextBtn" onclick="startc()">Next</button>
-      </div>
-      <div class="box">
-        <button class="copyBtn" id="copyBtn3" onclick="copy('box3')">
-          <svg
-            xmlns="http://www.w3.org/2000/svg"
-            viewBox="0 0 24 24"
-            fill="currentColor"
-            width="18px"
-            height="18px"
-          >
-            <path
-              d="M6 4V8H18V4H20.0066C20.5552 4 21 4.44495 21 4.9934V21.0066C21 21.5552 20.5551 22 20.0066 22H3.9934C3.44476 22 3 21.5551 3 21.0066V4.9934C3 4.44476 3.44495 4 3.9934 4H6ZM8 2H16V6H8V2Z"
-            ></path>
-          </svg>
-        </button>
-        <textarea
-          id="box3"
-          placeholder="Then click next and you are done copy this box in to a .json file"
-          rows="39.5"
-          cols="50"
-          spellcheck="false"
-        ></textarea>
-      </div>
-    </div>
-  </body>
-  <script type="text/javascript">
-    var data = {
-      "0": "-0",
-      "1": "-1",
-      "2": "-2",
-      "3": "-3",
-      "4": "-4",
-      "5": "-5",
-      "6": "-6",
-      "7": "-7",
-      "8": "-8",
-      "9": "-9",
-      "Restart": "-Restart",
-      "Pause": "-Pause",
-      "Play": "-Play",
-      "Save State": "-Save State",
-      "Load State": "-Load State",
-      "Control Settings": "-Control Settings",
-      "Cheats": "-Cheats",
-      "Cache Manager": "-Cache Manager",
-      "Export Save File": "-Export Save File",
-      "Import Save File": "-Import Save File",
-      "Netplay": "-Netplay",
-      "Mute": "-Mute",
-      "Unmute": "-Unmute",
-      "Settings": "-Settings",
-      "Enter Fullscreen": "-Enter Fullscreen",
-      "Exit Fullscreen": "-Exit Fullscreen",
-      "Context Menu": "-Context Menu",
-      "Reset": "-Reset",
-      "Clear": "-Clear",
-      "Close": "-Close",
-      "QUICK SAVE STATE": "-QUICK SAVE STATE",
-      "QUICK LOAD STATE": "-QUICK LOAD STATE",
-      "CHANGE STATE SLOT": "-CHANGE STATE SLOT",
-      "FAST FORWARD": "-FAST FORWARD",
-      "Player": "-Player",
-      "Connected Gamepad": "-Connected Gamepad",
-      "Gamepad": "-Gamepad",
-      "Keyboard": "-Keyboard",
-      "Set": "-Set",
-      "Add Cheat": "-Add Cheat",
-      "Note that some cheats require a restart to disable": "-Note that some cheats require a restart to disable",
-      "Create a Room": "-Create a Room",
-      "Rooms": "-Rooms",
-      "Start Game": "-Start Game",
-      "Click to resume Emulator": "-Click to resume Emulator",
-      "Drop save state here to load": "-Drop save state here to load",
-      "Loading...": "-Loading...",
-      "Download Game Core": "-Download Game Core",
-      "Outdated graphics driver": "-Outdated graphics driver",
-      "Decompress Game Core": "-Decompress Game Core",
-      "Download Game Data": "-Download Game Data",
-      "Decompress Game Data": "-Decompress Game Data",
-      "Shaders": "-Shaders",
-      "Disabled": "-Disabled",
-      "2xScaleHQ": "-2xScaleHQ",
-      "4xScaleHQ": "-4xScaleHQ",
-      "CRT easymode": "-CRT easymode",
-      "CRT aperture": "-CRT aperture",
-      "CRT geom": "-CRT geom",
-      "CRT mattias": "-CRT mattias",
-      "FPS": "-FPS",
-      "show": "-show",
-      "hide": "-hide",
-      "Fast Forward Ratio": "-Fast Forward Ratio",
-      "Fast Forward": "-Fast Forward",
-      "Enabled": "-Enabled",
-      "Save State Slot": "-Save State Slot",
-      "Save State Location": "-Save State Location",
-      "Download": "-Download",
-      "Keep in Browser": "-Keep in Browser",
-      "Auto": "-Auto",
-      "NTSC": "-NTSC",
-      "PAL": "-PAL",
-      "Dendy": "-Dendy",
-      "8:7 PAR": "-8:7 PAR",
-      "4:3": "-4:3",
-      "Low": "-Low",
-      "High": "-High",
-      "Very High": "-Very High",
-      "None": "-None",
-      "Player 1": "-Player 1",
-      "Player 2": "-Player 2",
-      "Both": "-Both",
-      "SAVED STATE TO SLOT": "-SAVED STATE TO SLOT",
-      "LOADED STATE FROM SLOT": "-LOADED STATE FROM SLOT",
-      "SET SAVE STATE SLOT TO": "-SET SAVE STATE SLOT TO",
-      "Network Error": "-Network Error",
-      "Submit": "-Submit",
-      "Description": "-Description",
-      "Code": "-Code",
-      "Add Cheat Code": "-Add Cheat Code",
-      "Leave Room": "-Leave Room",
-      "Password": "-Password",
-      "Password (optional)": "-Password (optional)",
-      "Max Players": "-Max Players",
-      "Room Name": "-Room Name",
-      "Join": "-Join",
-      "Player Name": "-Player Name",
-      "Set Player Name": "-Set Player Name",
-      "Left Handed Mode": "-Left Handed Mode",
-      "Virtual Gamepad": "-Virtual Gamepad",
-      "Disk": "-Disk",
-      "Press Keyboard": "-Press Keyboard",
-      "INSERT COIN": "-INSERT COIN",
-      "Remove": "-Remove",
-      "SAVE LOADED FROM BROWSER": "-SAVE LOADED FROM BROWSER",
-      "SAVE SAVED TO BROWSER": "-SAVE SAVED TO BROWSER",
-      "Join the discord": "-Join the discord",
-      "View on GitHub": "-View on GitHub",
-      "Failed to start game": "-Failed to start game",
-      "Download Game BIOS": "-Download Game BIOS",
-      "Decompress Game BIOS": "-Decompress Game BIOS",
-      "Download Game Parent": "-Download Game Parent",
-      "Decompress Game Parent": "-Decompress Game Parent",
-      "Download Game Patch": "-Download Game Patch",
-      "Decompress Game Patch": "-Decompress Game Patch",
-      "Download Game State": "-Download Game State",
-      "Check console": "-Check console",
-      "Error for site owner": "-Error for site owner",
-      "EmulatorJS": "-EmulatorJS",
-      "Clear All": "-Clear All",
-      "Take Screenshot": "-Take Screenshot",
-      "Start screen recording": "-Start screen recording",
-      "Stop screen recording": "-Stop screen recording",
-      "Quick Save": "-Quick Save",
-      "Quick Load": "-Quick Load",
-      "REWIND": "-REWIND",
-      "Rewind Enabled (requires restart)": "-Rewind Enabled (requires restart)",
-      "Rewind Granularity": "-Rewind Granularity",
-      "Slow Motion Ratio": "-Slow Motion Ratio",
-      "Slow Motion": "-Slow Motion",
-      "Home": "-Home",
-      "EmulatorJS License": "-EmulatorJS License",
-      "RetroArch License": "-RetroArch License",
-      "This project is powered by": "-This project is powered by",
-      "View the RetroArch license here": "-View the RetroArch license here",
-      "SLOW MOTION": "-SLOW MOTION",
-      "A": "-A",
-      "B": "-B",
-      "SELECT": "-SELECT",
-      "START": "-START",
-      "UP": "-UP",
-      "DOWN": "-DOWN",
-      "LEFT": "-LEFT",
-      "RIGHT": "-RIGHT",
-      "X": "-X",
-      "Y": "-Y",
-      "L": "-L",
-      "R": "-R",
-      "Z": "-Z",
-      "STICK UP": "-STICK UP",
-      "STICK DOWN": "-STICK DOWN",
-      "STICK LEFT": "-STICK LEFT",
-      "STICK RIGHT": "-STICK RIGHT",
-      "C-PAD UP": "-C-PAD UP",
-      "C-PAD DOWN": "-C-PAD DOWN",
-      "C-PAD LEFT": "-C-PAD LEFT",
-      "C-PAD RIGHT": "-C-PAD RIGHT",
-      "MICROPHONE": "-MICROPHONE",
-      "BUTTON 1 / START": "-BUTTON 1 / START",
-      "BUTTON 2": "-BUTTON 2",
-      "BUTTON": "-BUTTON",
-      "LEFT D-PAD UP": "-LEFT D-PAD UP",
-      "LEFT D-PAD DOWN": "-LEFT D-PAD DOWN",
-      "LEFT D-PAD LEFT": "-LEFT D-PAD LEFT",
-      "LEFT D-PAD RIGHT": "-LEFT D-PAD RIGHT",
-      "RIGHT D-PAD UP": "-RIGHT D-PAD UP",
-      "RIGHT D-PAD DOWN": "-RIGHT D-PAD DOWN",
-      "RIGHT D-PAD LEFT": "-RIGHT D-PAD LEFT",
-      "RIGHT D-PAD RIGHT": "-RIGHT D-PAD RIGHT",
-      "C": "-C",
-      "MODE": "-MODE",
-      "FIRE": "-FIRE",
-      "RESET": "-RESET",
-      "LEFT DIFFICULTY A": "-LEFT DIFFICULTY A",
-      "LEFT DIFFICULTY B": "-LEFT DIFFICULTY B",
-      "RIGHT DIFFICULTY A": "-RIGHT DIFFICULTY A",
-      "RIGHT DIFFICULTY B": "-RIGHT DIFFICULTY B",
-      "COLOR": "-COLOR",
-      "B/W": "-B/W",
-      "PAUSE": "-PAUSE",
-      "OPTION": "-OPTION",
-      "OPTION 1": "-OPTION 1",
-      "OPTION 2": "-OPTION 2",
-      "L2": "-L2",
-      "R2": "-R2",
-      "L3": "-L3",
-      "R3": "-R3",
-      "L STICK UP": "-L STICK UP",
-      "L STICK DOWN": "-L STICK DOWN",
-      "L STICK LEFT": "-L STICK LEFT",
-      "L STICK RIGHT": "-L STICK RIGHT",
-      "R STICK UP": "-R STICK UP",
-      "R STICK DOWN": "-R STICK DOWN",
-      "R STICK LEFT": "-R STICK LEFT",
-      "R STICK RIGHT": "-R STICK RIGHT",
-      "Start": "-Start",
-      "Select": "-Select",
-      "Fast": "-Fast",
-      "Slow": "-Slow",
-      "a": "-a",
-      "b": "-b",
-      "c": "-c",
-      "d": "-d",
-      "e": "-e",
-      "f": "-f",
-      "g": "-g",
-      "h": "-h",
-      "i": "-i",
-      "j": "-j",
-      "k": "-k",
-      "l": "-l",
-      "m": "-m",
-      "n": "-n",
-      "o": "-o",
-      "p": "-p",
-      "q": "-q",
-      "r": "-r",
-      "s": "-s",
-      "t": "-t",
-      "u": "-u",
-      "v": "-v",
-      "w": "-w",
-      "x": "-x",
-      "y": "-y",
-      "z": "-z",
-      "enter": "-enter",
-      "escape": "-escape",
-      "space": "-space",
-      "tab": "-tab",
-      "backspace": "-backspace",
-      "delete": "-delete",
-      "arrowup": "-arrowup",
-      "arrowdown": "-arrowdown",
-      "arrowleft": "-arrowleft",
-      "arrowright": "-arrowright",
-      "f1": "-f1",
-      "f2": "-f2",
-      "f3": "-f3",
-      "f4": "-f4",
-      "f5": "-f5",
-      "f6": "-f6",
-      "f7": "-f7",
-      "f8": "-f8",
-      "f9": "-f9",
-      "f10": "-f10",
-      "f11": "-f11",
-      "f12": "-f12",
-      "shift": "-shift",
-      "control": "-control",
-      "alt": "-alt",
-      "meta": "-meta",
-      "capslock": "-capslock",
-      "insert": "-insert",
-      "home": "-home",
-      "end": "-end",
-      "pageup": "-pageup",
-      "pagedown": "-pagedown",
-      "!": "-!",
-      "@": "-@",
-      "#": "-#",
-      "$": "-$",
-      "%": "-%",
-      "^": "-^",
-      "&": "-&",
-      "*": "-*",
-      "(": "-(",
-      ")": "-)",
-      "-": "--",
-      "_": "-_",
-      "+": "-+",
-      "=": "-=",
-      "[": "-[",
-      "]": "-]",
-      "{": "-{",
-      "}": "-}",
-      ";": "-;",
-      ":": "-:",
-      "'": "-'",
-      "\"": "-\"",
-      ",": "-,",
-      ".": "-.",
-      "<": "-<",
-      ">": "->",
-      "/": "-/",
-      "?": "-?",
-      "LEFT_STICK_X": "-LEFT_STICK_X",
-      "LEFT_STICK_Y": "-LEFT_STICK_Y",
-      "RIGHT_STICK_X": "-RIGHT_STICK_X",
-      "RIGHT_STICK_Y": "-RIGHT_STICK_Y",
-      "LEFT_TRIGGER": "-LEFT_TRIGGER",
-      "RIGHT_TRIGGER": "-RIGHT_TRIGGER",
-      "A_BUTTON": "-A_BUTTON",
-      "B_BUTTON": "-B_BUTTON",
-      "X_BUTTON": "-X_BUTTON",
-      "Y_BUTTON": "-Y_BUTTON",
-      "START_BUTTON": "-START_BUTTON",
-      "SELECT_BUTTON": "-SELECT_BUTTON",
-      "L1_BUTTON": "-L1_BUTTON",
-      "R1_BUTTON": "-R1_BUTTON",
-      "L2_BUTTON": "-L2_BUTTON",
-      "R2_BUTTON": "-R2_BUTTON",
-      "LEFT_THUMB_BUTTON": "-LEFT_THUMB_BUTTON",
-      "RIGHT_THUMB_BUTTON": "-RIGHT_THUMB_BUTTON",
-      "DPAD_UP": "-DPAD_UP",
-      "DPAD_DOWN": "-DPAD_DOWN",
-      "DPAD_LEFT": "-DPAD_LEFT",
-      "DPAD_RIGHT": "-DPAD_RIGHT"
-    }
-
-    let data1 = '';
-    for (let i = 0; i < Object.keys(data).length; i++) {
-      data1 = data1+Object.keys(data)[i]+'\n';
-    }
-    data1 = data1.slice(0, -1);
-    document.getElementById('box1').value = data1;
-    function startc(){
-      var data2 = document.getElementById('box1').value;
-      var data3 = document.getElementById('box2').value;
-      var data4 = data2.split('\n').map(function(line){ return line.split(/\n/g);});
-      var data5 = data3.split('\n').map(function(line){ return line.split(/\n/g);});
-      var data6 = new Map();
-      for (var i = 0; i < data4.length; i++) {
-        data6.set(data4[i], data5[i]);
-      }
-      var data7 = {};
-      data6.forEach(function(value, key) {
-        data7[key] = value[0];
-      });
-      data7 = JSON.stringify(data7,null,4);
-      document.getElementById('box3').value = data7;
-      toggleCopyButton('box3','copyBtn3');
-      navigator.clipboard.writeText(document.getElementById('box3').value);
-      console.log(data7);
-    }
-
-    function toggleCopyButton(textareaId,buttonId) {
-      var textarea = document.getElementById(textareaId);
-      var button = document.getElementById(buttonId);
-      if (textarea.value.trim() !== '') {
-        button.style.display = 'block';
-      } else {
-        button.style.display = 'none';
-      }
-    }
-
-    function copy(textareaId) {
-      var textarea = document.getElementById(textareaId);
-      textarea.select();
-      document.execCommand('copy');
-    }
-
-    document.addEventListener('DOMContentLoaded',function() {
-      toggleCopyButton('box1','copyBtn1');
-      toggleCopyButton('box3','copyBtn3');
-    })
-
-    function handleBox2Input() {
-      var box2 = document.getElementById('box2');
-      var box3 = document.getElementById('box3');
-      var copyBtn3 = document.getElementById('copyBtn3');
-
-      if (!box2.value.trim()) {
-        box3.value = ''
-        copyBtn3.style.display = 'none'
-      }
-    }
-  </script>
-
-  <style>
-    :root {
-      --bg: #f6f5f2;
-      --color-primary: #09a0c1;
-      --color-secondary: #1ad6ff;
-      --success: #01b12d;
-    }
-
-    body {
-      background-color: var(--bg);
-      font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
-        Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue",
-        sans-serif;
-    }
-
-    .header {
-      display: flex;
-      flex-direction: column;
-      justify-content: center;
-      align-items: center;
-      margin-bottom: 3rem;
-    }
-
-    .boxes {
-      display: flex;
-      justify-content: center;
-      align-items: center;
-      flex-wrap: wrap;
-      gap: 1rem;
-    }
-
-    textarea {
-      padding: 12px 20px;
-      border: 2px solid #ccc;
-      border-radius: 4px;
-      background-color: #f8f8f8;
-      height: 50vh;
-      font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
-        Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue",
-        sans-serif;
-    }
-
-    #box3:not(:placeholder-shown) {
-      color: var(--success);
-    }
-
-    textarea::placeholder {
-      font-size: 1rem;
-    }
-
-    textarea:focus-visible {
-      outline: 2px solid var(--color-primary);
-    }
-
-    .box {
-      position: relative;
-    }
-
-    button {
-      appearance: none;
-      background-color: var(--color-primary);
-      border: none;
-      border-radius: 0.5rem;
-      padding: 0.625rem 1.25rem;
-      color: #fff;
-      position: absolute;
-      cursor: pointer;
-    }
-
-    button:hover {
-      background-color: var(--color-secondary);
-    }
-
-    .nextBtn {
-      bottom: 1rem;
-      right: 1rem;
-    }
-
-    .copyBtn {
-      display: none;
-      top: 1rem;
-      right: 1rem;
-    }
-  </style>
-</html>
diff --git a/data/localization/af-FR.json b/data/localization/af-FR.json
deleted file mode 100644
index ebfa601c..00000000
--- a/data/localization/af-FR.json
+++ /dev/null
@@ -1,301 +0,0 @@
-{
-    "0": "0",
-    "1": "1",
-    "2": "2",
-    "3": "3",
-    "4": "4",
-    "5": "5",
-    "6": "6",
-    "7": "7",
-    "8": "8",
-    "9": "9",
-    "Restart": "Redémarrage",
-    "Pause": "Pause",
-    "Play": "Jouer",
-    "Save State": "Enregistrer l'état",
-    "Load State": "État de chargement",
-    "Control Settings": "Paramètres de contrôle",
-    "Cheats": "Astuces",
-    "Cache Manager": "Gestionnaire de cache",
-    "Export Save File": "Exporter le fichier de sauvegarde",
-    "Import Save File": "Importer le fichier de sauvegarde",
-    "Netplay": "Jeu en réseau",
-    "Mute": "Muet",
-    "Unmute": "Rétablir le son",
-    "Settings": "Paramètres",
-    "Enter Fullscreen": "Passer en mode plein écran",
-    "Exit Fullscreen": "Quitter le mode plein écran",
-    "Reset": "Réinitialiser",
-    "Clear": "Clair",
-    "Close": "Fermer",
-    "QUICK SAVE STATE": "ÉTAT DE SAUVEGARDE RAPIDE",
-    "QUICK LOAD STATE": "ÉTAT DE CHARGEMENT RAPIDE",
-    "CHANGE STATE SLOT": "CHANGER L'EMPLACEMENT D'ÉTAT",
-    "FAST FORWARD": "AVANCE RAPIDE",
-    "Player": "Joueur",
-    "Connected Gamepad": "Manette connectée",
-    "Gamepad": "Manette de jeu",
-    "Keyboard": "Clavier",
-    "Set": "Ensemble",
-    "Add Cheat": "Ajouter une triche",
-    "Create a Room": "Créer une pièce",
-    "Rooms": "Pièces",
-    "Start Game": "Démarrer jeu",
-    "Loading...": "Chargement...",
-    "Download Game Core": "Télécharger le noyau du jeu",
-    "Decompress Game Core": "Décompresser le noyau du jeu",
-    "Download Game Data": "Télécharger les données du jeu",
-    "Decompress Game Data": "Décompresser les données de jeu",
-    "Shaders": "Shaders",
-    "Disabled": "Désactivé",
-    "2xScaleHQ": "2xScaleHQ",
-    "4xScaleHQ": "4xScaleHQ",
-    "CRT easymode": "Mode facile CRT",
-    "CRT aperture": "Ouverture CRT",
-    "CRT geom": "géomètre CRT",
-    "CRT mattias": "Mattias CRT",
-    "FPS": "FPS",
-    "show": "montrer",
-    "hide": "cacher",
-    "Fast Forward Ratio": "Rapport d'avance rapide",
-    "Fast Forward": "Avance rapide",
-    "Enabled": "Activé",
-    "Save State Slot": "Enregistrer l'emplacement d'état",
-    "Save State Location": "Enregistrer l'emplacement de l'état",
-    "Download": "Télécharger",
-    "Keep in Browser": "Conserver dans le navigateur",
-    "Auto": "Auto",
-    "NTSC": "NTSC",
-    "PAL": "COPAIN",
-    "Dendy": "Dendy",
-    "8:7 PAR": "PAR 8:7",
-    "4:3": "4:3",
-    "Low": "Faible",
-    "High": "Haut",
-    "Very High": "Très haut",
-    "None": "Aucun",
-    "Player 1": "Joueur 1",
-    "Player 2": "Joueur 2",
-    "Both": "Les deux",
-    "SAVED STATE TO SLOT": "ÉTAT SAUVEGARDÉ DANS L'EMPLACEMENT",
-    "LOADED STATE FROM SLOT": "ÉTAT CHARGÉ À PARTIR DE L'EMPLACEMENT",
-    "SET SAVE STATE SLOT TO": "SET SAVE STATE SLOT TO",
-    "Network Error": "Erreur réseau",
-    "Submit": "Soumettre",
-    "Description": "Description",
-    "Code": "Code",
-    "Add Cheat Code": "Ajouter un code de triche",
-    "Leave Room": "Quitter la pièce",
-    "Password": "Mot de passe",
-    "Password (optional)": "Mot de passe (facultatif)",
-    "Max Players": "Le maximum de joueurs",
-    "Room Name": "Nom de la salle",
-    "Join": "Rejoindre",
-    "Player Name": "Nom de joueur",
-    "Set Player Name": "Définir le nom du joueur",
-    "Left Handed Mode": "Mode gaucher",
-    "Virtual Gamepad": "Manette de jeu virtuelle",
-    "Disk": "Disque",
-    "Press Keyboard": "Appuyez sur le clavier",
-    "INSERT COIN": "INSÉRER UNE PIÈCE",
-    "Remove": "Retirer",
-    "SAVE LOADED FROM BROWSER": "ENREGISTRER CHARGÉ À PARTIR DU NAVIGATEUR",
-    "SAVE SAVED TO BROWSER": "ENREGISTRER ENREGISTRÉ DANS LE NAVIGATEUR",
-    "Join the discord": "Rejoignez la discorde",
-    "View on GitHub": "Afficher sur GitHub",
-    "Failed to start game": "Impossible de démarrer le jeu",
-    "Download Game BIOS": "Télécharger le BIOS du jeu",
-    "Decompress Game BIOS": "Décompresser le BIOS du jeu",
-    "Download Game Parent": "Télécharger le jeu Parent",
-    "Decompress Game Parent": "Décompresser le jeu parent",
-    "Download Game Patch": "Télécharger le patch du jeu",
-    "Decompress Game Patch": "Décompresser le patch du jeu",
-    "Download Game State": "Télécharger l'état du jeu",
-    "Check console": "Vérifier la console",
-    "Error for site owner": "Erreur pour le propriétaire du site",
-    "EmulatorJS": "EmulatorJS",
-    "Clear All": "Tout effacer",
-    "Take Screenshot": "Prendre une capture d'écran",
-    "Quick Save": "Sauvegarde rapide",
-    "Quick Load": "Chargement rapide",
-    "REWIND": "REMBOBINER",
-    "Rewind Enabled (requires restart)": "Rewind activé (nécessite un redémarrage)",
-    "Rewind Granularity": "Rembobiner la granularité",
-    "Slow Motion Ratio": "Rapport de ralenti",
-    "Slow Motion": "Ralenti",
-    "Home": "Maison",
-    "EmulatorJS License": "Licence EmulatorJS",
-    "RetroArch License": "Licence RetroArch",
-    "SLOW MOTION": "RALENTI",
-    "A": "UN",
-    "B": "B",
-    "SELECT": "SÉLECTIONNER",
-    "START": "COMMENCER",
-    "UP": "EN HAUT",
-    "DOWN": "VERS LE BAS",
-    "LEFT": "GAUCHE",
-    "RIGHT": "DROITE",
-    "X": "X",
-    "Y": "Oui",
-    "L": "L",
-    "R": "R",
-    "Z": "Z",
-    "STICK UP": "BÂTON VERS LE HAUT",
-    "STICK DOWN": "COLLER",
-    "STICK LEFT": "BÂTON GAUCHE",
-    "STICK RIGHT": "COLLEZ À DROITE",
-    "C-PAD UP": "C-PAD VERS LE HAUT",
-    "C-PAD DOWN": "C-PAD EN BAS",
-    "C-PAD LEFT": "C-PAD GAUCHE",
-    "C-PAD RIGHT": "C-PAD DROIT",
-    "MICROPHONE": "MICROPHONE",
-    "BUTTON 1 / START": "BOUTON 1 / DÉMARRER",
-    "BUTTON 2": "BOUTON 2",
-    "BUTTON": "BOUTON",
-    "LEFT D-PAD UP": "D-PAD GAUCHE HAUT",
-    "LEFT D-PAD DOWN": "D-PAD GAUCHE BAS",
-    "LEFT D-PAD LEFT": "D-PAD GAUCHE GAUCHE",
-    "LEFT D-PAD RIGHT": "D-PAD GAUCHE DROITE",
-    "RIGHT D-PAD UP": "D-PAD DROIT VERS LE HAUT",
-    "RIGHT D-PAD DOWN": "D-PAD DROIT BAS",
-    "RIGHT D-PAD LEFT": "D-PAD DROIT GAUCHE",
-    "RIGHT D-PAD RIGHT": "DROITE D-PAD DROITE",
-    "C": "C",
-    "MODE": "MODE",
-    "FIRE": "FEU",
-    "RESET": "RÉINITIALISER",
-    "LEFT DIFFICULTY A": "GAUCHE DIFFICULTÉ A",
-    "LEFT DIFFICULTY B": "GAUCHE DIFFICULTÉ B",
-    "RIGHT DIFFICULTY A": "BONNE DIFFICULTÉ A",
-    "RIGHT DIFFICULTY B": "DROITE DIFFICULTE B",
-    "COLOR": "COULEUR",
-    "B/W": "N/B",
-    "PAUSE": "PAUSE",
-    "OPTION": "OPTION",
-    "OPTION 1": "OPTION 1",
-    "OPTION 2": "OPTION 2",
-    "L2": "L2",
-    "R2": "R2",
-    "L3": "L3",
-    "R3": "R3",
-    "L STICK UP": "L BÂTON VERS LE HAUT",
-    "L STICK DOWN": "L BÂTON VERS LE BAS",
-    "L STICK LEFT": "BÂTON L GAUCHE",
-    "L STICK RIGHT": "L BÂTON DROIT",
-    "R STICK UP": "R STICK UP",
-    "R STICK DOWN": "BÂTON R ENFONCÉ",
-    "R STICK LEFT": "R STICK GAUCHE",
-    "R STICK RIGHT": "BÂTON R DROIT",
-    "Start": "Commencer",
-    "Select": "Sélectionner",
-    "Fast": "Rapide",
-    "Slow": "Lent",
-    "a": "un",
-    "b": "b",
-    "c": "c",
-    "d": "d",
-    "e": "e",
-    "f": "F",
-    "g": "g",
-    "h": "h",
-    "i": "je",
-    "j": "j",
-    "k": "k",
-    "l": "je",
-    "m": "m",
-    "n": "n",
-    "o": "o",
-    "p": "p",
-    "q": "q",
-    "r": "r",
-    "s": "s",
-    "t": "t",
-    "u": "tu",
-    "v": "v",
-    "w": "w",
-    "x": "X",
-    "y": "y",
-    "z": "z",
-    "enter": "entrer",
-    "escape": "s'échapper",
-    "space": "espace",
-    "tab": "languette",
-    "backspace": "retour arrière",
-    "delete": "supprimer",
-    "arrowup": "flèche vers le haut",
-    "arrowdown": "flèche vers le bas",
-    "arrowleft": "flèche gauche",
-    "arrowright": "flèche droite",
-    "f1": "f1",
-    "f2": "f2",
-    "f3": "f3",
-    "f4": "f4",
-    "f5": "f5",
-    "f6": "f6",
-    "f7": "f7",
-    "f8": "f8",
-    "f9": "f9",
-    "f10": "f10",
-    "f11": "f11",
-    "f12": "f12",
-    "shift": "changement",
-    "control": "contrôle",
-    "alt": "autre",
-    "meta": "méta",
-    "capslock": "verrouillage des majuscules",
-    "insert": "insérer",
-    "home": "maison",
-    "end": "fin",
-    "pageup": "pageup",
-    "pagedown": "bas de page",
-    "!": "!",
-    "@": "@",
-    "#": "#",
-    "$": "$",
-    "%": "%",
-    "^": "^",
-    "&": "&",
-    "*": "*",
-    "(": "(",
-    ")": ")",
-    "-": "-",
-    "_": "_",
-    "+": "+",
-    "=": "=",
-    "[": "[",
-    "]": "]",
-    "{": "{",
-    "}": "}",
-    ";": ";",
-    ":": ":",
-    "'": "'",
-    "\"": "\"",
-    ",": ",",
-    ".": ".",
-    "<": "<",
-    ">": ">",
-    "/": "/",
-    "?": "?",
-    "LEFT_STICK_X": "LEFT_STICK_X",
-    "LEFT_STICK_Y": "LEFT_STICK_Y",
-    "RIGHT_STICK_X": "RIGHT_STICK_X",
-    "RIGHT_STICK_Y": "RIGHT_STICK_Y",
-    "LEFT_TRIGGER": "GÂCHETTE GAUCHE",
-    "RIGHT_TRIGGER": "RIGHT_TRIGGER",
-    "A_BUTTON": "UN BOUTON",
-    "B_BUTTON": "B_BUTTON",
-    "X_BUTTON": "X_BUTTON",
-    "Y_BUTTON": "Y_BUTTON",
-    "START_BUTTON": "BOUTON START",
-    "SELECT_BUTTON": "SELECT_BUTTON",
-    "L1_BUTTON": "L1_BUTTON",
-    "R1_BUTTON": "R1_BUTTON",
-    "L2_BUTTON": "L2_BUTTON",
-    "R2_BUTTON": "R2_BUTTON",
-    "LEFT_THUMB_BUTTON": "LEFT_THUMB_BUTTON",
-    "RIGHT_THUMB_BUTTON": "RIGHT_THUMB_BUTTON",
-    "DPAD_UP": "DPAD_UP",
-    "DPAD_DOWN": "DPAD_DOWN",
-    "DPAD_LEFT": "DPAD_LEFT",
-    "DPAD_RIGHT": "DPAD_RIGHT"
-}
\ No newline at end of file
diff --git a/data/localization/ar-AR.json b/data/localization/ar.json
similarity index 99%
rename from data/localization/ar-AR.json
rename to data/localization/ar.json
index 6c6f715c..50d22e57 100644
--- a/data/localization/ar-AR.json
+++ b/data/localization/ar.json
@@ -298,4 +298,4 @@
     "DPAD_DOWN": "DPAD_DOWN",
     "DPAD_LEFT": "DPAD_LEFT",
     "DPAD_RIGHT": "DPAD_RIGHT"
-}
\ No newline at end of file
+}
diff --git a/data/localization/ben-BEN.json b/data/localization/bn.json
similarity index 99%
rename from data/localization/ben-BEN.json
rename to data/localization/bn.json
index aeee5699..b220966d 100644
--- a/data/localization/ben-BEN.json
+++ b/data/localization/bn.json
@@ -298,4 +298,4 @@
     "DPAD_DOWN": "DPAD_DOWN",
     "DPAD_LEFT": "DPAD_LEFT",
     "DPAD_RIGHT": "DPAD_RIGHT"
-}
\ No newline at end of file
+}
diff --git a/data/localization/de-GER.json b/data/localization/de.json
similarity index 100%
rename from data/localization/de-GER.json
rename to data/localization/de.json
diff --git a/data/localization/el-GR.json b/data/localization/el.json
similarity index 99%
rename from data/localization/el-GR.json
rename to data/localization/el.json
index 161daa84..b0c7fc4d 100644
--- a/data/localization/el-GR.json
+++ b/data/localization/el.json
@@ -298,4 +298,4 @@
     "DPAD_DOWN": "DPAD_DOWN",
     "DPAD_LEFT": "DPAD_LEFT",
     "DPAD_RIGHT": "DPAD_RIGHT"
-}
\ No newline at end of file
+}
diff --git a/data/localization/en.json b/data/localization/en.json
index 50333f51..80f69f84 100644
--- a/data/localization/en.json
+++ b/data/localization/en.json
@@ -1,310 +1,339 @@
 {
-    "0": "-0",
-    "1": "-1",
-    "2": "-2",
-    "3": "-3",
-    "4": "-4",
-    "5": "-5",
-    "6": "-6",
-    "7": "-7",
-    "8": "-8",
-    "9": "-9",
-    "Restart": "-Restart",
-    "Pause": "-Pause",
-    "Play": "-Play",
-    "Save State": "-Save State",
-    "Load State": "-Load State",
-    "Control Settings": "-Control Settings",
-    "Cheats": "-Cheats",
-    "Cache Manager": "-Cache Manager",
-    "Export Save File": "-Export Save File",
-    "Import Save File": "-Import Save File",
-    "Netplay": "-Netplay",
-    "Mute": "-Mute",
-    "Unmute": "-Unmute",
-    "Settings": "-Settings",
-    "Enter Fullscreen": "-Enter Fullscreen",
-    "Exit Fullscreen": "-Exit Fullscreen",
-    "Context Menu": "-Context Menu",
-    "Reset": "-Reset",
-    "Clear": "-Clear",
-    "Close": "-Close",
-    "QUICK SAVE STATE": "-QUICK SAVE STATE",
-    "QUICK LOAD STATE": "-QUICK LOAD STATE",
-    "CHANGE STATE SLOT": "-CHANGE STATE SLOT",
-    "FAST FORWARD": "-FAST FORWARD",
-    "Player": "-Player",
-    "Connected Gamepad": "-Connected Gamepad",
-    "Gamepad": "-Gamepad",
-    "Keyboard": "-Keyboard",
-    "Set": "-Set",
-    "Add Cheat": "-Add Cheat",
-    "Note that some cheats require a restart to disable": "-Note that some cheats require a restart to disable",
-    "Create a Room": "-Create a Room",
-    "Rooms": "-Rooms",
-    "Start Game": "-Start Game",
-    "Click to resume Emulator": "-Click to resume Emulator",
-    "Drop save state here to load": "-Drop save state here to load",
-    "Loading...": "-Loading...",
-    "Download Game Core": "-Download Game Core",
-    "Outdated graphics driver": "-Outdated graphics driver",
-    "Decompress Game Core": "-Decompress Game Core",
-    "Download Game Data": "-Download Game Data",
-    "Decompress Game Data": "-Decompress Game Data",
-    "Shaders": "-Shaders",
-    "Disabled": "-Disabled",
-    "2xScaleHQ": "-2xScaleHQ",
-    "4xScaleHQ": "-4xScaleHQ",
-    "CRT easymode": "-CRT easymode",
-    "CRT aperture": "-CRT aperture",
-    "CRT geom": "-CRT geom",
-    "CRT mattias": "-CRT mattias",
-    "FPS": "-FPS",
-    "show": "-show",
-    "hide": "-hide",
-    "Fast Forward Ratio": "-Fast Forward Ratio",
-    "Fast Forward": "-Fast Forward",
-    "Enabled": "-Enabled",
-    "Save State Slot": "-Save State Slot",
-    "Save State Location": "-Save State Location",
-    "Download": "-Download",
-    "Keep in Browser": "-Keep in Browser",
-    "Auto": "-Auto",
-    "NTSC": "-NTSC",
-    "PAL": "-PAL",
-    "Dendy": "-Dendy",
-    "8:7 PAR": "-8:7 PAR",
-    "4:3": "-4:3",
-    "Low": "-Low",
-    "High": "-High",
-    "Very High": "-Very High",
-    "None": "-None",
-    "Player 1": "-Player 1",
-    "Player 2": "-Player 2",
-    "Both": "-Both",
-    "SAVED STATE TO SLOT": "-SAVED STATE TO SLOT",
-    "LOADED STATE FROM SLOT": "-LOADED STATE FROM SLOT",
-    "SET SAVE STATE SLOT TO": "-SET SAVE STATE SLOT TO",
-    "Network Error": "-Network Error",
-    "Submit": "-Submit",
-    "Description": "-Description",
-    "Code": "-Code",
-    "Add Cheat Code": "-Add Cheat Code",
-    "Leave Room": "-Leave Room",
-    "Password": "-Password",
-    "Password (optional)": "-Password (optional)",
-    "Max Players": "-Max Players",
-    "Room Name": "-Room Name",
-    "Join": "-Join",
-    "Player Name": "-Player Name",
-    "Set Player Name": "-Set Player Name",
-    "Left Handed Mode": "-Left Handed Mode",
-    "Virtual Gamepad": "-Virtual Gamepad",
-    "Disk": "-Disk",
-    "Press Keyboard": "-Press Keyboard",
-    "INSERT COIN": "-INSERT COIN",
-    "Remove": "-Remove",
-    "SAVE LOADED FROM BROWSER": "-SAVE LOADED FROM BROWSER",
-    "SAVE SAVED TO BROWSER": "-SAVE SAVED TO BROWSER",
-    "Join the discord": "-Join the discord",
-    "View on GitHub": "-View on GitHub",
-    "Failed to start game": "-Failed to start game",
-    "Download Game BIOS": "-Download Game BIOS",
-    "Decompress Game BIOS": "-Decompress Game BIOS",
-    "Download Game Parent": "-Download Game Parent",
-    "Decompress Game Parent": "-Decompress Game Parent",
-    "Download Game Patch": "-Download Game Patch",
-    "Decompress Game Patch": "-Decompress Game Patch",
-    "Download Game State": "-Download Game State",
-    "Check console": "-Check console",
-    "Error for site owner": "-Error for site owner",
-    "EmulatorJS": "-EmulatorJS",
-    "Clear All": "-Clear All",
-    "Take Screenshot": "-Take Screenshot",
-    "Start screen recording": "-Start screen recording",
-    "Stop screen recording": "-Stop screen recording",
-    "Quick Save": "-Quick Save",
-    "Quick Load": "-Quick Load",
-    "REWIND": "-REWIND",
-    "Rewind Enabled (requires restart)": "-Rewind Enabled (requires restart)",
-    "Rewind Granularity": "-Rewind Granularity",
-    "Slow Motion Ratio": "-Slow Motion Ratio",
-    "Slow Motion": "-Slow Motion",
-    "Home": "-Home",
-    "EmulatorJS License": "-EmulatorJS License",
-    "RetroArch License": "-RetroArch License",
-    "This project is powered by": "-This project is powered by",
-    "View the RetroArch license here": "-View the RetroArch license here",
-    "SLOW MOTION": "-SLOW MOTION",
-    "A": "-A",
-    "B": "-B",
-    "SELECT": "-SELECT",
-    "START": "-START",
-    "UP": "-UP",
-    "DOWN": "-DOWN",
-    "LEFT": "-LEFT",
-    "RIGHT": "-RIGHT",
-    "X": "-X",
-    "Y": "-Y",
-    "L": "-L",
-    "R": "-R",
-    "Z": "-Z",
-    "STICK UP": "-STICK UP",
-    "STICK DOWN": "-STICK DOWN",
-    "STICK LEFT": "-STICK LEFT",
-    "STICK RIGHT": "-STICK RIGHT",
-    "C-PAD UP": "-C-PAD UP",
-    "C-PAD DOWN": "-C-PAD DOWN",
-    "C-PAD LEFT": "-C-PAD LEFT",
-    "C-PAD RIGHT": "-C-PAD RIGHT",
-    "MICROPHONE": "-MICROPHONE",
-    "BUTTON 1 / START": "-BUTTON 1 / START",
-    "BUTTON 2": "-BUTTON 2",
-    "BUTTON": "-BUTTON",
-    "LEFT D-PAD UP": "-LEFT D-PAD UP",
-    "LEFT D-PAD DOWN": "-LEFT D-PAD DOWN",
-    "LEFT D-PAD LEFT": "-LEFT D-PAD LEFT",
-    "LEFT D-PAD RIGHT": "-LEFT D-PAD RIGHT",
-    "RIGHT D-PAD UP": "-RIGHT D-PAD UP",
-    "RIGHT D-PAD DOWN": "-RIGHT D-PAD DOWN",
-    "RIGHT D-PAD LEFT": "-RIGHT D-PAD LEFT",
-    "RIGHT D-PAD RIGHT": "-RIGHT D-PAD RIGHT",
-    "C": "-C",
-    "MODE": "-MODE",
-    "FIRE": "-FIRE",
-    "RESET": "-RESET",
-    "LEFT DIFFICULTY A": "-LEFT DIFFICULTY A",
-    "LEFT DIFFICULTY B": "-LEFT DIFFICULTY B",
-    "RIGHT DIFFICULTY A": "-RIGHT DIFFICULTY A",
-    "RIGHT DIFFICULTY B": "-RIGHT DIFFICULTY B",
-    "COLOR": "-COLOR",
-    "B/W": "-B/W",
-    "PAUSE": "-PAUSE",
-    "OPTION": "-OPTION",
-    "OPTION 1": "-OPTION 1",
-    "OPTION 2": "-OPTION 2",
-    "L2": "-L2",
-    "R2": "-R2",
-    "L3": "-L3",
-    "R3": "-R3",
-    "L STICK UP": "-L STICK UP",
-    "L STICK DOWN": "-L STICK DOWN",
-    "L STICK LEFT": "-L STICK LEFT",
-    "L STICK RIGHT": "-L STICK RIGHT",
-    "R STICK UP": "-R STICK UP",
-    "R STICK DOWN": "-R STICK DOWN",
-    "R STICK LEFT": "-R STICK LEFT",
-    "R STICK RIGHT": "-R STICK RIGHT",
-    "Start": "-Start",
-    "Select": "-Select",
-    "Fast": "-Fast",
-    "Slow": "-Slow",
-    "a": "-a",
-    "b": "-b",
-    "c": "-c",
-    "d": "-d",
-    "e": "-e",
-    "f": "-f",
-    "g": "-g",
-    "h": "-h",
-    "i": "-i",
-    "j": "-j",
-    "k": "-k",
-    "l": "-l",
-    "m": "-m",
-    "n": "-n",
-    "o": "-o",
-    "p": "-p",
-    "q": "-q",
-    "r": "-r",
-    "s": "-s",
-    "t": "-t",
-    "u": "-u",
-    "v": "-v",
-    "w": "-w",
-    "x": "-x",
-    "y": "-y",
-    "z": "-z",
-    "enter": "-enter",
-    "escape": "-escape",
-    "space": "-space",
-    "tab": "-tab",
-    "backspace": "-backspace",
-    "delete": "-delete",
-    "arrowup": "-arrowup",
-    "arrowdown": "-arrowdown",
-    "arrowleft": "-arrowleft",
-    "arrowright": "-arrowright",
-    "f1": "-f1",
-    "f2": "-f2",
-    "f3": "-f3",
-    "f4": "-f4",
-    "f5": "-f5",
-    "f6": "-f6",
-    "f7": "-f7",
-    "f8": "-f8",
-    "f9": "-f9",
-    "f10": "-f10",
-    "f11": "-f11",
-    "f12": "-f12",
-    "shift": "-shift",
-    "control": "-control",
-    "alt": "-alt",
-    "meta": "-meta",
-    "capslock": "-capslock",
-    "insert": "-insert",
-    "home": "-home",
-    "end": "-end",
-    "pageup": "-pageup",
-    "pagedown": "-pagedown",
-    "!": "-!",
-    "@": "-@",
-    "#": "-#",
-    "$": "-$",
-    "%": "-%",
-    "^": "-^",
-    "&": "-&",
-    "*": "-*",
-    "(": "-(",
-    ")": "-)",
-    "-": "--",
-    "_": "-_",
-    "+": "-+",
-    "=": "-=",
-    "[": "-[",
-    "]": "-]",
-    "{": "-{",
-    "}": "-}",
-    ";": "-;",
-    ":": "-:",
-    "'": "-'",
-    "\"": "-\"",
-    ",": "-,",
-    ".": "-.",
-    "<": "-<",
-    ">": "->",
-    "/": "-/",
-    "?": "-?",
-    "LEFT_STICK_X": "-LEFT_STICK_X",
-    "LEFT_STICK_Y": "-LEFT_STICK_Y",
-    "RIGHT_STICK_X": "-RIGHT_STICK_X",
-    "RIGHT_STICK_Y": "-RIGHT_STICK_Y",
-    "LEFT_TRIGGER": "-LEFT_TRIGGER",
-    "RIGHT_TRIGGER": "-RIGHT_TRIGGER",
-    "A_BUTTON": "-A_BUTTON",
-    "B_BUTTON": "-B_BUTTON",
-    "X_BUTTON": "-X_BUTTON",
-    "Y_BUTTON": "-Y_BUTTON",
-    "START_BUTTON": "-START_BUTTON",
-    "SELECT_BUTTON": "-SELECT_BUTTON",
-    "L1_BUTTON": "-L1_BUTTON",
-    "R1_BUTTON": "-R1_BUTTON",
-    "L2_BUTTON": "-L2_BUTTON",
-    "R2_BUTTON": "-R2_BUTTON",
-    "LEFT_THUMB_BUTTON": "-LEFT_THUMB_BUTTON",
-    "RIGHT_THUMB_BUTTON": "-RIGHT_THUMB_BUTTON",
-    "DPAD_UP": "-DPAD_UP",
-    "DPAD_DOWN": "-DPAD_DOWN",
-    "DPAD_LEFT": "-DPAD_LEFT",
-    "DPAD_RIGHT": "-DPAD_RIGHT"
-}
\ No newline at end of file
+    "0": "0",
+    "1": "1",
+    "2": "2",
+    "3": "3",
+    "4": "4",
+    "5": "5",
+    "6": "6",
+    "7": "7",
+    "8": "8",
+    "9": "9",
+    "Restart": "Restart",
+    "Pause": "Pause",
+    "Play": "Play",
+    "Save State": "Save State",
+    "Load State": "Load State",
+    "Control Settings": "Control Settings",
+    "Cheats": "Cheats",
+    "Cache Manager": "Cache Manager",
+    "Export Save File": "Export Save File",
+    "Import Save File": "Import Save File",
+    "Netplay": "Netplay",
+    "Mute": "Mute",
+    "Unmute": "Unmute",
+    "Settings": "Settings",
+    "Enter Fullscreen": "Enter Fullscreen",
+    "Exit Fullscreen": "Exit Fullscreen",
+    "Context Menu": "Context Menu",
+    "Reset": "Reset",
+    "Clear": "Clear",
+    "Close": "Close",
+    "QUICK SAVE STATE": "QUICK SAVE STATE",
+    "QUICK LOAD STATE": "QUICK LOAD STATE",
+    "CHANGE STATE SLOT": "CHANGE STATE SLOT",
+    "FAST FORWARD": "FAST FORWARD",
+    "Player": "Player",
+    "Connected Gamepad": "Connected Gamepad",
+    "Gamepad": "Gamepad",
+    "Keyboard": "Keyboard",
+    "Set": "Set",
+    "Add Cheat": "Add Cheat",
+    "Note that some cheats require a restart to disable": "Note that some cheats require a restart to disable",
+    "Create a Room": "Create a Room",
+    "Rooms": "Rooms",
+    "Start Game": "Start Game",
+    "Click to resume Emulator": "Click to resume Emulator",
+    "Drop save state here to load": "Drop save state here to load",
+    "Loading...": "Loading...",
+    "Download Game Core": "Download Game Core",
+    "Outdated graphics driver": "Outdated graphics driver",
+    "Decompress Game Core": "Decompress Game Core",
+    "Download Game Data": "Download Game Data",
+    "Decompress Game Data": "Decompress Game Data",
+    "Shaders": "Shaders",
+    "Disabled": "Disabled",
+    "2xScaleHQ": "2xScaleHQ",
+    "4xScaleHQ": "4xScaleHQ",
+    "CRT easymode": "CRT easymode",
+    "CRT aperture": "CRT aperture",
+    "CRT geom": "CRT geom",
+    "CRT mattias": "CRT mattias",
+    "FPS": "FPS",
+    "show": "show",
+    "hide": "hide",
+    "Fast Forward Ratio": "Fast Forward Ratio",
+    "Fast Forward": "Fast Forward",
+    "Enabled": "Enabled",
+    "Save State Slot": "Save State Slot",
+    "Save State Location": "Save State Location",
+    "Download": "Download",
+    "Keep in Browser": "Keep in Browser",
+    "Auto": "Auto",
+    "NTSC": "NTSC",
+    "PAL": "PAL",
+    "Dendy": "Dendy",
+    "8:7 PAR": "8:7 PAR",
+    "4:3": "4:3",
+    "Low": "Low",
+    "High": "High",
+    "Very High": "Very High",
+    "None": "None",
+    "Player 1": "Player 1",
+    "Player 2": "Player 2",
+    "Both": "Both",
+    "SAVED STATE TO SLOT": "SAVED STATE TO SLOT",
+    "LOADED STATE FROM SLOT": "LOADED STATE FROM SLOT",
+    "SET SAVE STATE SLOT TO": "SET SAVE STATE SLOT TO",
+    "Network Error": "Network Error",
+    "Submit": "Submit",
+    "Description": "Description",
+    "Code": "Code",
+    "Add Cheat Code": "Add Cheat Code",
+    "Leave Room": "Leave Room",
+    "Password": "Password",
+    "Password (optional)": "Password (optional)",
+    "Max Players": "Max Players",
+    "Room Name": "Room Name",
+    "Join": "Join",
+    "Player Name": "Player Name",
+    "Set Player Name": "Set Player Name",
+    "Left Handed Mode": "Left Handed Mode",
+    "Virtual Gamepad": "Virtual Gamepad",
+    "Disk": "Disk",
+    "Press Keyboard": "Press Keyboard",
+    "INSERT COIN": "INSERT COIN",
+    "Remove": "Remove",
+    "SAVE LOADED FROM BROWSER": "SAVE LOADED FROM BROWSER",
+    "SAVE SAVED TO BROWSER": "SAVE SAVED TO BROWSER",
+    "Join the discord": "Join the discord",
+    "View on GitHub": "View on GitHub",
+    "Failed to start game": "Failed to start game",
+    "Download Game BIOS": "Download Game BIOS",
+    "Decompress Game BIOS": "Decompress Game BIOS",
+    "Download Game Parent": "Download Game Parent",
+    "Decompress Game Parent": "Decompress Game Parent",
+    "Download Game Patch": "Download Game Patch",
+    "Decompress Game Patch": "Decompress Game Patch",
+    "Download Game State": "Download Game State",
+    "Check console": "Check console",
+    "Error for site owner": "Error for site owner",
+    "EmulatorJS": "EmulatorJS",
+    "Clear All": "Clear All",
+    "Take Screenshot": "Take Screenshot",
+    "Start Screen Recording": "Start Screen Recording",
+    "Stop Screen Recording": "Stop Screen Recording",
+    "Quick Save": "Quick Save",
+    "Quick Load": "Quick Load",
+    "REWIND": "REWIND",
+    "Rewind Enabled (requires restart)": "Rewind Enabled (requires restart)",
+    "Rewind Granularity": "Rewind Granularity",
+    "Slow Motion Ratio": "Slow Motion Ratio",
+    "Slow Motion": "Slow Motion",
+    "Home": "Home",
+    "EmulatorJS License": "EmulatorJS License",
+    "RetroArch License": "RetroArch License",
+    "This project is powered by": "This project is powered by",
+    "View the RetroArch license here": "View the RetroArch license here",
+    "SLOW MOTION": "SLOW MOTION",
+    "A": "A",
+    "B": "B",
+    "SELECT": "SELECT",
+    "START": "START",
+    "UP": "UP",
+    "DOWN": "DOWN",
+    "LEFT": "LEFT",
+    "RIGHT": "RIGHT",
+    "X": "X",
+    "Y": "Y",
+    "L": "L",
+    "R": "R",
+    "Z": "Z",
+    "STICK UP": "STICK UP",
+    "STICK DOWN": "STICK DOWN",
+    "STICK LEFT": "STICK LEFT",
+    "STICK RIGHT": "STICK RIGHT",
+    "C-PAD UP": "C-PAD UP",
+    "C-PAD DOWN": "C-PAD DOWN",
+    "C-PAD LEFT": "C-PAD LEFT",
+    "C-PAD RIGHT": "C-PAD RIGHT",
+    "MICROPHONE": "MICROPHONE",
+    "BUTTON 1 / START": "BUTTON 1 / START",
+    "BUTTON 2": "BUTTON 2",
+    "BUTTON": "BUTTON",
+    "LEFT D-PAD UP": "LEFT D-PAD UP",
+    "LEFT D-PAD DOWN": "LEFT D-PAD DOWN",
+    "LEFT D-PAD LEFT": "LEFT D-PAD LEFT",
+    "LEFT D-PAD RIGHT": "LEFT D-PAD RIGHT",
+    "RIGHT D-PAD UP": "RIGHT D-PAD UP",
+    "RIGHT D-PAD DOWN": "RIGHT D-PAD DOWN",
+    "RIGHT D-PAD LEFT": "RIGHT D-PAD LEFT",
+    "RIGHT D-PAD RIGHT": "RIGHT D-PAD RIGHT",
+    "C": "C",
+    "MODE": "MODE",
+    "FIRE": "FIRE",
+    "RESET": "RESET",
+    "LEFT DIFFICULTY A": "LEFT DIFFICULTY A",
+    "LEFT DIFFICULTY B": "LEFT DIFFICULTY B",
+    "RIGHT DIFFICULTY A": "RIGHT DIFFICULTY A",
+    "RIGHT DIFFICULTY B": "RIGHT DIFFICULTY B",
+    "COLOR": "COLOR",
+    "B/W": "B/W",
+    "PAUSE": "PAUSE",
+    "OPTION": "OPTION",
+    "OPTION 1": "OPTION 1",
+    "OPTION 2": "OPTION 2",
+    "L2": "L2",
+    "R2": "R2",
+    "L3": "L3",
+    "R3": "R3",
+    "L STICK UP": "L STICK UP",
+    "L STICK DOWN": "L STICK DOWN",
+    "L STICK LEFT": "L STICK LEFT",
+    "L STICK RIGHT": "L STICK RIGHT",
+    "R STICK UP": "R STICK UP",
+    "R STICK DOWN": "R STICK DOWN",
+    "R STICK LEFT": "R STICK LEFT",
+    "R STICK RIGHT": "R STICK RIGHT",
+    "Start": "Start",
+    "Select": "Select",
+    "Fast": "Fast",
+    "Slow": "Slow",
+    "a": "a",
+    "b": "b",
+    "c": "c",
+    "d": "d",
+    "e": "e",
+    "f": "f",
+    "g": "g",
+    "h": "h",
+    "i": "i",
+    "j": "j",
+    "k": "k",
+    "l": "l",
+    "m": "m",
+    "n": "n",
+    "o": "o",
+    "p": "p",
+    "q": "q",
+    "r": "r",
+    "s": "s",
+    "t": "t",
+    "u": "u",
+    "v": "v",
+    "w": "w",
+    "x": "x",
+    "y": "y",
+    "z": "z",
+    "enter": "enter",
+    "escape": "escape",
+    "space": "space",
+    "tab": "tab",
+    "backspace": "backspace",
+    "delete": "delete",
+    "arrowup": "arrowup",
+    "arrowdown": "arrowdown",
+    "arrowleft": "arrowleft",
+    "arrowright": "arrowright",
+    "f1": "f1",
+    "f2": "f2",
+    "f3": "f3",
+    "f4": "f4",
+    "f5": "f5",
+    "f6": "f6",
+    "f7": "f7",
+    "f8": "f8",
+    "f9": "f9",
+    "f10": "f10",
+    "f11": "f11",
+    "f12": "f12",
+    "shift": "shift",
+    "control": "control",
+    "alt": "alt",
+    "meta": "meta",
+    "capslock": "capslock",
+    "insert": "insert",
+    "home": "home",
+    "end": "end",
+    "pageup": "pageup",
+    "pagedown": "pagedown",
+    "!": "!",
+    "@": "@",
+    "#": "#",
+    "$": "$",
+    "%": "%",
+    "^": "^",
+    "&": "&",
+    "*": "*",
+    "(": "(",
+    ")": ")",
+    "-": "-",
+    "_": "_",
+    "+": "+",
+    "=": "=",
+    "[": "[",
+    "]": "]",
+    "{": "{",
+    "}": "}",
+    ";": ";",
+    ":": ":",
+    "'": "'",
+    "\"": "\"",
+    ",": ",",
+    ".": ".",
+    "<": "<",
+    ">": ">",
+    "/": "/",
+    "?": "?",
+    "LEFT_STICK_X": "LEFT_STICK_X",
+    "LEFT_STICK_Y": "LEFT_STICK_Y",
+    "RIGHT_STICK_X": "RIGHT_STICK_X",
+    "RIGHT_STICK_Y": "RIGHT_STICK_Y",
+    "LEFT_TRIGGER": "LEFT_TRIGGER",
+    "RIGHT_TRIGGER": "RIGHT_TRIGGER",
+    "A_BUTTON": "A_BUTTON",
+    "B_BUTTON": "B_BUTTON",
+    "X_BUTTON": "X_BUTTON",
+    "Y_BUTTON": "Y_BUTTON",
+    "START_BUTTON": "START_BUTTON",
+    "SELECT_BUTTON": "SELECT_BUTTON",
+    "L1_BUTTON": "L1_BUTTON",
+    "R1_BUTTON": "R1_BUTTON",
+    "L2_BUTTON": "L2_BUTTON",
+    "R2_BUTTON": "R2_BUTTON",
+    "LEFT_THUMB_BUTTON": "LEFT_THUMB_BUTTON",
+    "RIGHT_THUMB_BUTTON": "RIGHT_THUMB_BUTTON",
+    "DPAD_UP": "DPAD_UP",
+    "DPAD_DOWN": "DPAD_DOWN",
+    "DPAD_LEFT": "DPAD_LEFT",
+    "DPAD_RIGHT": "DPAD_RIGHT",
+    "Disks": "Disks",
+    "Exit EmulatorJS": "Exit EmulatorJS",
+    "BUTTON_1": "BUTTON_1",
+    "BUTTON_2": "BUTTON_2",
+    "BUTTON_3": "BUTTON_3",
+    "BUTTON_4": "BUTTON_4",
+    "up arrow": "up arrow",
+    "down arrow": "down arrow",
+    "left arrow": "left arrow",
+    "right arrow": "right arrow",
+    "LEFT_TOP_SHOULDER": "LEFT_TOP_SHOULDER",
+    "RIGHT_TOP_SHOULDER": "RIGHT_TOP_SHOULDER",
+    "CRT beam": "CRT beam",
+    "CRT caligari": "CRT caligari",
+    "CRT lottes": "CRT lottes",
+    "CRT yeetron": "CRT yeetron",
+    "CRT zfast": "CRT zfast",
+    "SABR": "SABR",
+    "Bicubic": "Bicubic",
+    "Mix frames": "Mix frames",
+    "WebGL2": "WebGL2",
+    "Requires restart": "Requires restart",
+    "VSync": "VSync",
+    "Video Rotation": "Video Rotation",
+    "Rewind Enabled (Requires restart)": "Rewind Enabled (Requires restart)",
+    "System Save interval": "System Save interval",
+    "Menu Bar Button": "Menu Bar Button",
+    "visible": "visible",
+    "hidden": "hidden"
+}
diff --git a/data/localization/es-ES.json b/data/localization/es.json
similarity index 98%
rename from data/localization/es-ES.json
rename to data/localization/es.json
index 937ce257..d84cb16c 100644
--- a/data/localization/es-ES.json
+++ b/data/localization/es.json
@@ -121,8 +121,8 @@
     "EmulatorJS": "EmulatorJS",
     "Clear All": "Limpiar todo",
     "Take Screenshot": "Tomar Captura de Pantalla",
-    "Start screen recording": "Iniciar grabación de pantalla",
-    "Stop screen recording": "Detener grabación de pantalla",
+    "Start Screen Recording": "Iniciar grabación de pantalla",
+    "Stop Screen Recording": "Detener grabación de pantalla",
     "Quick Save": "Guardado Rápido",
     "Quick Load": "Carga Rápida",
     "REWIND": "REBOBINAR",
@@ -307,4 +307,4 @@
     "DPAD_DOWN": "DPAD_ABAJO",
     "DPAD_LEFT": "DPAD_IZQUIERDA",
     "DPAD_RIGHT": "DPAD_DERECHO"
-}
\ No newline at end of file
+}
diff --git a/data/localization/fa-AF.json b/data/localization/fa.json
similarity index 98%
rename from data/localization/fa-AF.json
rename to data/localization/fa.json
index 8dd19cc0..2b476892 100644
--- a/data/localization/fa-AF.json
+++ b/data/localization/fa.json
@@ -121,8 +121,8 @@
   "EmulatorJS": "EmulatorJS",
   "Clear All": "پاک کردن همه",
   "Take Screenshot": "اسکرین شات بگیرید",
-  "Start screen recording": "شروع ضبط صفحه",
-  "Stop screen recording": "ضبط صفحه را متوقف کنید",
+  "Start Screen Recording": "شروع ضبط صفحه",
+  "Stop Screen Recording": "ضبط صفحه را متوقف کنید",
   "Quick Save": "ذخیره سریع",
   "Quick Load": "بارگذاری سریع",
   "REWIND": "عقب",
diff --git a/data/localization/fr.json b/data/localization/fr.json
new file mode 100644
index 00000000..ad9824df
--- /dev/null
+++ b/data/localization/fr.json
@@ -0,0 +1,339 @@
+{
+    "0": "0",
+    "1": "1",
+    "2": "2",
+    "3": "3",
+    "4": "4",
+    "5": "5",
+    "6": "6",
+    "7": "7",
+    "8": "8",
+    "9": "9",
+    "Restart": "Redémarrer",
+    "Pause": "Mettre en pause",
+    "Play": "Jouer",
+    "Save State": "Enregistrer l'état",
+    "Load State": "Ouvrir un état",
+    "Control Settings": "Paramètres des contrôles",
+    "Cheats": "Triches",
+    "Cache Manager": "Gestionnaire du cache",
+    "Export Save File": "Exporter vers une sauvegarde",
+    "Import Save File": "Importer une sauvegarde",
+    "Netplay": "Jouer en ligne",
+    "Mute": "Désactiver le son",
+    "Unmute": "Réactiver le son",
+    "Settings": "Paramètres",
+    "Enter Fullscreen": "Passer en mode plein écran",
+    "Exit Fullscreen": "Quitter le mode plein écran",
+    "Context Menu": "Menu contextuel",
+    "Reset": "Réinitialiser",
+    "Clear": "Effacer",
+    "Close": "Fermer",
+    "QUICK SAVE STATE": "ENREGISTREMENT RAPIDE DE L'ÉTAT",
+    "QUICK LOAD STATE": "CHARGEMENT RAPIDE DE L'ÉTAT",
+    "CHANGE STATE SLOT": "CHANGER L'EMPLACEMENT DE L'ÉTAT",
+    "FAST FORWARD": "AVANCE RAPIDE",
+    "Player": "Joueur",
+    "Connected Gamepad": "Manette de jeu connectée",
+    "Gamepad": "Manette de jeu",
+    "Keyboard": "Clavier",
+    "Set": "Définir",
+    "Add Cheat": "Ajouter une triche",
+    "Note that some cheats require a restart to disable": "Notez que certaines triches nécessitent un redémarrage pour être désactivées",
+    "Create a Room": "Créer un salon",
+    "Rooms": "Salons",
+    "Start Game": "Démarrer le jeu",
+    "Click to resume Emulator": "Cliquez pour reprendre avec l'émulateur",
+    "Drop save state here to load": "Déposez un état enregistré ici pour le charger",
+    "Loading...": "Chargement...",
+    "Download Game Core": "Téléchargement du noyau pour le jeu...",
+    "Outdated graphics driver": "Pilote graphique obsolète",
+    "Decompress Game Core": "Décompression du noyau pour le jeu...",
+    "Download Game Data": "Téléchargement des données du jeu...",
+    "Decompress Game Data": "Décompression des données du jeu...",
+    "Shaders": "Shaders",
+    "Disabled": "Désactivé",
+    "2xScaleHQ": "2xScaleHQ",
+    "4xScaleHQ": "4xScaleHQ",
+    "CRT easymode": "CRT easymode",
+    "CRT aperture": "CRT aperture",
+    "CRT geom": "CRT geom",
+    "CRT mattias": "CRT mattias",
+    "FPS": "FPS",
+    "show": "Afficher",
+    "hide": "Masquer",
+    "Fast Forward Ratio": "Vitesse de l'avance rapide",
+    "Fast Forward": "Avance rapide",
+    "Enabled": "Activé",
+    "Save State Slot": "Emplacement de l'état",
+    "Save State Location": "Stockage des états",
+    "Download": "Télécharger",
+    "Keep in Browser": "Dans le navigateur",
+    "Auto": "Auto",
+    "NTSC": "NTSC",
+    "PAL": "PAL",
+    "Dendy": "Dendy",
+    "8:7 PAR": "8:7 PAR",
+    "4:3": "4:3",
+    "Low": "Basse",
+    "High": "Élevée",
+    "Very High": "Très élevée",
+    "None": "Aucun",
+    "Player 1": "Joueur 1",
+    "Player 2": "Joueur 2",
+    "Both": "Les deux",
+    "SAVED STATE TO SLOT": "ÉTAT ENREGISTRÉ VERS L'EMPLACEMENT",
+    "LOADED STATE FROM SLOT": "ÉTAT CHARGÉ À PARTIR DE L'EMPLACEMENT",
+    "SET SAVE STATE SLOT TO": "DÉFINIR L'EMPLACEMENT DE L'ÉTAT ENREGISTRÉ À",
+    "Network Error": "Erreur réseau",
+    "Submit": "Soumettre",
+    "Description": "Description",
+    "Code": "Code",
+    "Add Cheat Code": "Ajouter un code de triche",
+    "Leave Room": "Sortir du salon",
+    "Password": "Mot de passe",
+    "Password (optional)": "Mot de passe (facultatif)",
+    "Max Players": "Nombre maximal de joueurs",
+    "Room Name": "Nom du salon",
+    "Join": "Rejoindre",
+    "Player Name": "Nom du joueur",
+    "Set Player Name": "Définir le nom du joueur",
+    "Left Handed Mode": "Mode gaucher",
+    "Virtual Gamepad": "Manette de jeu virtuelle",
+    "Disk": "Disque",
+    "Press Keyboard": "Appuyez sur le clavier",
+    "INSERT COIN": "INSÉRER UNE PIÈCE",
+    "Remove": "Retirer",
+    "SAVE LOADED FROM BROWSER": "SAUVEGARDE CHARGÉE À PARTIR DU NAVIGATEUR",
+    "SAVE SAVED TO BROWSER": "SAUVEGARDE ENREGISTRÉE DANS LE NAVIGATEUR",
+    "Join the discord": "Rejoindre le serveur Discord",
+    "View on GitHub": "Afficher sur GitHub",
+    "Failed to start game": "Échec au démarrage du jeu",
+    "Download Game BIOS": "Téléchargement du BIOS du jeu...",
+    "Decompress Game BIOS": "Décompression du BIOS du jeu...",
+    "Download Game Parent": "Téléchargement du jeu parent...",
+    "Decompress Game Parent": "Décompression du jeu parent...",
+    "Download Game Patch": "Téléchargement du correctif du jeu...",
+    "Decompress Game Patch": "Décompression du correctif du jeu...",
+    "Download Game State": "Téléchargement de l'état enregistré...",
+    "Check console": "Vérifier la console",
+    "Error for site owner": "Erreur pour le propriétaire du site",
+    "EmulatorJS": "EmulatorJS",
+    "Clear All": "Effacer tout",
+    "Take Screenshot": "Prendre une capture d'écran",
+    "Start Screen Recording": "Démarrer l'enregistrement de l'écran",
+    "Stop Screen Recording": "Arrêter l'enregistrement de l'écran",
+    "Quick Save": "Enregistrement rapide",
+    "Quick Load": "Chargement rapide",
+    "REWIND": "REMBOBINER",
+    "Rewind Enabled (requires restart)": "Rembobinage activé (nécessite un redémarrage)",
+    "Rewind Granularity": "Granularité du rembobinage",
+    "Slow Motion Ratio": "Vitesse du ralenti",
+    "Slow Motion": "Au ralenti",
+    "Home": "Accueil",
+    "EmulatorJS License": "Licence EmulatorJS",
+    "RetroArch License": "Licence RetroArch",
+    "This project is powered by": "Ce projet est propulsé par",
+    "View the RetroArch license here": "Consulter la licence de RetroArch",
+    "SLOW MOTION": "AU RALENTI",
+    "A": "A",
+    "B": "B",
+    "SELECT": "SELECT",
+    "START": "START",
+    "UP": "HAUT",
+    "DOWN": "BAS",
+    "LEFT": "GAUCHE",
+    "RIGHT": "DROITE",
+    "X": "X",
+    "Y": "Y",
+    "L": "L",
+    "R": "R",
+    "Z": "Z",
+    "STICK UP": "MANCHE HAUT",
+    "STICK DOWN": "MANCHE BAS",
+    "STICK LEFT": "MANCHE GAUCHE",
+    "STICK RIGHT": "MANCHE DROITE",
+    "C-PAD UP": "CROIX HAUT",
+    "C-PAD DOWN": "CROIX BAS",
+    "C-PAD LEFT": "CROIX GAUCHE",
+    "C-PAD RIGHT": "CROIX DROITE",
+    "MICROPHONE": "MICROPHONE",
+    "BUTTON 1 / START": "BOUTON 1 / START",
+    "BUTTON 2": "BOUTON 2",
+    "BUTTON": "BOUTON",
+    "LEFT D-PAD UP": "CROIX G HAUT",
+    "LEFT D-PAD DOWN": "CROIX G BAS",
+    "LEFT D-PAD LEFT": "CROIX G GAUCHE",
+    "LEFT D-PAD RIGHT": "CROIX G DROITE",
+    "RIGHT D-PAD UP": "CROIX D HAUT",
+    "RIGHT D-PAD DOWN": "CROIX D BAS",
+    "RIGHT D-PAD LEFT": "CROIX D GAUCHE",
+    "RIGHT D-PAD RIGHT": "CROIX D DROITE",
+    "C": "C",
+    "MODE": "MODE",
+    "FIRE": "FIRE",
+    "RESET": "RESET",
+    "LEFT DIFFICULTY A": "LEFT DIFFICULTY A",
+    "LEFT DIFFICULTY B": "LEFT DIFFICULTY B",
+    "RIGHT DIFFICULTY A": "RIGHT DIFFICULTY A",
+    "RIGHT DIFFICULTY B": "RIGHT DIFFICULTY A",
+    "COLOR": "COLOR",
+    "B/W": "B/W",
+    "PAUSE": "PAUSE",
+    "OPTION": "OPTION",
+    "OPTION 1": "OPTION 1",
+    "OPTION 2": "OPTION 2",
+    "L2": "L2",
+    "R2": "R2",
+    "L3": "L3",
+    "R3": "R3",
+    "L STICK UP": "MANCHE G HAUT",
+    "L STICK DOWN": "MANCHE G BAS",
+    "L STICK LEFT": "MANCHE G GAUCHE",
+    "L STICK RIGHT": "MANCHE G DROITE",
+    "R STICK UP": "MANCHE D HAUT",
+    "R STICK DOWN": "MANCHE D BAS",
+    "R STICK LEFT": "MANCHE D GAUCHE",
+    "R STICK RIGHT": "MANCHE D DROITE",
+    "Start": "START",
+    "Select": "SELECT",
+    "Fast": "FAST",
+    "Slow": "SLOW",
+    "a": "A",
+    "b": "B",
+    "c": "C",
+    "d": "D",
+    "e": "E",
+    "f": "F",
+    "g": "G",
+    "h": "H",
+    "i": "I",
+    "j": "J",
+    "k": "K",
+    "l": "L",
+    "m": "M",
+    "n": "N",
+    "o": "O",
+    "p": "P",
+    "q": "Q",
+    "r": "R",
+    "s": "S",
+    "t": "T",
+    "u": "U",
+    "v": "V",
+    "w": "W",
+    "x": "X",
+    "y": "Y",
+    "z": "Z",
+    "enter": "Entrée",
+    "escape": "Échap",
+    "space": "Espace",
+    "tab": "Tab.",
+    "backspace": "Retour arrière",
+    "delete": "Suppr.",
+    "arrowup": "Flèche vers le haut",
+    "arrowdown": "Flèche vers le bas",
+    "arrowleft": "Flèche vers la gauche",
+    "arrowright": "Flèche vers la droite",
+    "f1": "F1",
+    "f2": "F2",
+    "f3": "F3",
+    "f4": "F4",
+    "f5": "F5",
+    "f6": "F6",
+    "f7": "F7",
+    "f8": "F8",
+    "f9": "F9",
+    "f10": "F10",
+    "f11": "F11",
+    "f12": "F12",
+    "shift": "Maj",
+    "control": "Ctrl",
+    "alt": "Alt",
+    "meta": "Méta",
+    "capslock": "Verr. maj",
+    "insert": "Insér.",
+    "home": "Début",
+    "end": "Fin",
+    "pageup": "Pg préc",
+    "pagedown": "Pg suiv",
+    "!": "!",
+    "@": "@",
+    "#": "#",
+    "$": "$",
+    "%": "%",
+    "^": "^",
+    "&": "&",
+    "*": "*",
+    "(": "(",
+    ")": ")",
+    "-": "-",
+    "_": "_",
+    "+": "+",
+    "=": "=",
+    "[": "[",
+    "]": "]",
+    "{": "{",
+    "}": "}",
+    ";": ";",
+    ":": ":",
+    "'": "'",
+    "\"": "\"",
+    ",": ",",
+    ".": ".",
+    "<": "<",
+    ">": ">",
+    "/": "/",
+    "?": "?",
+    "LEFT_STICK_X": "MANCHE_GAUCHE_X",
+    "LEFT_STICK_Y": "MANCHE_GAUCHE_Y",
+    "RIGHT_STICK_X": "MANCHE_DROIT_X",
+    "RIGHT_STICK_Y": "MANCHE_DROIT_Y",
+    "LEFT_TRIGGER": "GACHETTE_GAUCHE",
+    "RIGHT_TRIGGER": "GACHETTE_DROITE",
+    "A_BUTTON": "BOUTON_A",
+    "B_BUTTON": "BOUTON_B",
+    "X_BUTTON": "BOUTON_X",
+    "Y_BUTTON": "BOUTON_Y",
+    "START_BUTTON": "BOUTON_START",
+    "SELECT_BUTTON": "BOUTON_SELECT",
+    "L1_BUTTON": "BOUTON_L1",
+    "R1_BUTTON": "BOUTON_R1",
+    "L2_BUTTON": "BOUTON_L2",
+    "R2_BUTTON": "BOUTON_R2",
+    "LEFT_THUMB_BUTTON": "BOUTON_MANCHE_GAUCHE",
+    "RIGHT_THUMB_BUTTON": "BOUTON_MANCHE_DROIT",
+    "DPAD_UP": "CROIX_HAUT",
+    "DPAD_DOWN": "CROIX_BAS",
+    "DPAD_LEFT": "CROIX_GAUCHE",
+    "DPAD_RIGHT": "CROIX_DROITE",
+    "Disks": "Disques",
+    "Exit EmulatorJS": "Quitter EmulatorJS",
+    "BUTTON_1": "BOUTON_1",
+    "BUTTON_2": "BOUTON_2",
+    "BUTTON_3": "BOUTON_3",
+    "BUTTON_4": "BOUTON_4",
+    "up arrow": "Flèche haut",
+    "down arrow": "Flèche bas",
+    "left arrow": "Flèche gauche",
+    "right arrow": "Flèche droite",
+    "LEFT_TOP_SHOULDER": "BOUTON_EPAULE_GAUCHE",
+    "RIGHT_TOP_SHOULDER": "BOUTON_EPAULE_DROITE",
+    "CRT beam": "CRT beam",
+    "CRT caligari": "CRT caligari",
+    "CRT lottes": "CRT lottes",
+    "CRT yeetron": "CRT yeetron",
+    "CRT zfast": "CRT zfast",
+    "SABR": "SABR",
+    "Bicubic": "Bicubique",
+    "Mix frames": "Mix frames",
+    "WebGL2": "WebGL2",
+    "Requires restart": "Redémarrage requis",
+    "VSync": "VSync",
+    "Video Rotation": "Rotation vidéo",
+    "Rewind Enabled (Requires restart)": "Rembobinage activé (Redémarrage requis)",
+    "System Save interval": "Intervalle de sauvegarde du système",
+    "Menu Bar Button": "Bouton de la barre de menu",
+    "visible": "visible",
+    "hidden": "masqué"
+}
diff --git a/data/localization/hi-HI.json b/data/localization/hi.json
similarity index 99%
rename from data/localization/hi-HI.json
rename to data/localization/hi.json
index 98f13fe7..b7b05b2e 100644
--- a/data/localization/hi-HI.json
+++ b/data/localization/hi.json
@@ -298,4 +298,4 @@
     "DPAD_DOWN": "डीपीएडी_डाउन",
     "DPAD_LEFT": "DPAD_LEFT",
     "DPAD_RIGHT": "डीपीएडी_दाएँ"
-}
\ No newline at end of file
+}
diff --git a/data/localization/it-IT.json b/data/localization/it.json
similarity index 100%
rename from data/localization/it-IT.json
rename to data/localization/it.json
diff --git a/data/localization/ja-JA.json b/data/localization/ja-JA.json
deleted file mode 100644
index 1c0b012a..00000000
--- a/data/localization/ja-JA.json
+++ /dev/null
@@ -1,301 +0,0 @@
-{
-    "0": "0",
-    "1": "1",
-    "2": "2",
-    "3": "3",
-    "4": "4",
-    "5": "5",
-    "6": "6",
-    "7": "7",
-    "8": "8",
-    "9": "9",
-    "Restart": "再起動",
-    "Pause": "一時停止",
-    "Play": "遊ぶ",
-    "Save State": "状態を保存",
-    "Load State": "ロード状態",
-    "Control Settings": "コントロール設定",
-    "Cheats": "チート",
-    "Cache Manager": "キャッシュマネージャー",
-    "Export Save File": "保存ファイルのエクスポート",
-    "Import Save File": "保存ファイルのインポート",
-    "Netplay": "ネットプレイ",
-    "Mute": "ミュート",
-    "Unmute": "ミュートを解除する",
-    "Settings": "設定",
-    "Enter Fullscreen": "全画面表示に入る",
-    "Exit Fullscreen": "全画面表示を終了する",
-    "Reset": "リセット",
-    "Clear": "クリア",
-    "Close": "近い",
-    "QUICK SAVE STATE": "状態のクイック保存",
-    "QUICK LOAD STATE": "クイックロード状態",
-    "CHANGE STATE SLOT": "状態スロットの変更",
-    "FAST FORWARD": "早送り",
-    "Player": "プレーヤー",
-    "Connected Gamepad": "接続されたゲームパッド",
-    "Gamepad": "ゲームパッド",
-    "Keyboard": "キーボード",
-    "Set": "セット",
-    "Add Cheat": "チートの追加",
-    "Create a Room": "ルームを作成する",
-    "Rooms": "部屋",
-    "Start Game": "ゲームをスタート",
-    "Loading...": "読み込み中...",
-    "Download Game Core": "ゲームコアをダウンロード",
-    "Decompress Game Core": "ゲームコアを解凍する",
-    "Download Game Data": "ゲームデータのダウンロード",
-    "Decompress Game Data": "ゲームデータを解凍する",
-    "Shaders": "シェーダ",
-    "Disabled": "無効",
-    "2xScaleHQ": "2xスケール本社",
-    "4xScaleHQ": "4xスケール本社",
-    "CRT easymode": "CRTイージーモード",
-    "CRT aperture": "CRTの絞り",
-    "CRT geom": "CRT ジオム",
-    "CRT mattias": "CRT マティアス",
-    "FPS": "FPS",
-    "show": "見せる",
-    "hide": "隠れる",
-    "Fast Forward Ratio": "早送り率",
-    "Fast Forward": "早送り",
-    "Enabled": "有効",
-    "Save State Slot": "状態保存スロット",
-    "Save State Location": "状態の保存場所",
-    "Download": "ダウンロード",
-    "Keep in Browser": "ブラウザ内に保持",
-    "Auto": "自動",
-    "NTSC": "NTSC",
-    "PAL": "パル",
-    "Dendy": "デンディ",
-    "8:7 PAR": "8:7 パー",
-    "4:3": "4:3",
-    "Low": "低い",
-    "High": "高い",
-    "Very High": "すごく高い",
-    "None": "なし",
-    "Player 1": "プレイヤー 1",
-    "Player 2": "プレイヤー2",
-    "Both": "両方",
-    "SAVED STATE TO SLOT": "状態をスロットに保存しました",
-    "LOADED STATE FROM SLOT": "スロットからロードされた状態",
-    "SET SAVE STATE SLOT TO": "状態保存スロットを次のように設定します",
-    "Network Error": "ネットワークエラー",
-    "Submit": "提出する",
-    "Description": "説明",
-    "Code": "コード",
-    "Add Cheat Code": "チートコードを追加する",
-    "Leave Room": "部屋を出る",
-    "Password": "パスワード",
-    "Password (optional)": "パスワード (オプション)",
-    "Max Players": "最大プレイヤー数",
-    "Room Name": "部屋の名前",
-    "Join": "参加する",
-    "Player Name": "プレーヤの名前",
-    "Set Player Name": "プレイヤー名の設定",
-    "Left Handed Mode": "左利きモード",
-    "Virtual Gamepad": "仮想ゲームパッド",
-    "Disk": "ディスク",
-    "Press Keyboard": "キーボードを押す",
-    "INSERT COIN": "コインを入れる",
-    "Remove": "取り除く",
-    "SAVE LOADED FROM BROWSER": "ブラウザからロードして保存",
-    "SAVE SAVED TO BROWSER": "保存 ブラウザに保存",
-    "Join the discord": "ディスコードに参加する",
-    "View on GitHub": "GitHub で見る",
-    "Failed to start game": "ゲームの開始に失敗しました",
-    "Download Game BIOS": "ゲーム BIOS をダウンロードする",
-    "Decompress Game BIOS": "ゲーム BIOS を解凍する",
-    "Download Game Parent": "ゲームの親をダウンロード",
-    "Decompress Game Parent": "ゲームの親を解凍する",
-    "Download Game Patch": "ゲームパッチをダウンロード",
-    "Decompress Game Patch": "ゲームパッチを解凍する",
-    "Download Game State": "ゲームステートのダウンロード",
-    "Check console": "コンソールを確認してください",
-    "Error for site owner": "サイト所有者のエラー",
-    "EmulatorJS": "エミュレータJS",
-    "Clear All": "すべてクリア",
-    "Take Screenshot": "スクリーンショットを撮ります",
-    "Quick Save": "クイックセーブ",
-    "Quick Load": "クイックロード",
-    "REWIND": "巻き戻し",
-    "Rewind Enabled (requires restart)": "巻き戻しが有効 (再起動が必要)",
-    "Rewind Granularity": "巻き戻し粒度",
-    "Slow Motion Ratio": "スローモーション比率",
-    "Slow Motion": "スローモーション",
-    "Home": "家",
-    "EmulatorJS License": "エミュレータJSライセンス",
-    "RetroArch License": "RetroArch ライセンス",
-    "SLOW MOTION": "スローモーション",
-    "A": "あ",
-    "B": "B",
-    "SELECT": "選択する",
-    "START": "始める",
-    "UP": "上",
-    "DOWN": "下",
-    "LEFT": "左",
-    "RIGHT": "右",
-    "X": "バツ",
-    "Y": "Y",
-    "L": "L",
-    "R": "R",
-    "Z": "Z",
-    "STICK UP": "上に突き出る",
-    "STICK DOWN": "スティックダウン",
-    "STICK LEFT": "左スティック",
-    "STICK RIGHT": "右スティック",
-    "C-PAD UP": "Cパッドアップ",
-    "C-PAD DOWN": "C-パッドを下へ",
-    "C-PAD LEFT": "C-パッド左",
-    "C-PAD RIGHT": "Cパッド右",
-    "MICROPHONE": "マイクロフォン",
-    "BUTTON 1 / START": "ボタン 1 / スタート",
-    "BUTTON 2": "ボタン2",
-    "BUTTON": "ボタン",
-    "LEFT D-PAD UP": "左方向パッドを上に",
-    "LEFT D-PAD DOWN": "左方向パッド下",
-    "LEFT D-PAD LEFT": "左十字キー左",
-    "LEFT D-PAD RIGHT": "左十字キー右",
-    "RIGHT D-PAD UP": "右方向パッド上",
-    "RIGHT D-PAD DOWN": "右方向パッド下",
-    "RIGHT D-PAD LEFT": "右十字キー左",
-    "RIGHT D-PAD RIGHT": "右十字キー右",
-    "C": "C",
-    "MODE": "モード",
-    "FIRE": "火",
-    "RESET": "リセット",
-    "LEFT DIFFICULTY A": "左の難易度A",
-    "LEFT DIFFICULTY B": "左の難易度B",
-    "RIGHT DIFFICULTY A": "右の難易度A",
-    "RIGHT DIFFICULTY B": "右の難易度B",
-    "COLOR": "色",
-    "B/W": "白黒",
-    "PAUSE": "一時停止",
-    "OPTION": "オプション",
-    "OPTION 1": "オプション1",
-    "OPTION 2": "オプション 2",
-    "L2": "L2",
-    "R2": "R2",
-    "L3": "L3",
-    "R3": "R3",
-    "L STICK UP": "Lスティックアップ",
-    "L STICK DOWN": "Lスティックダウン",
-    "L STICK LEFT": "Lスティック左",
-    "L STICK RIGHT": "Lスティック右",
-    "R STICK UP": "Rスティックアップ",
-    "R STICK DOWN": "Rスティックダウン",
-    "R STICK LEFT": "Rスティック左",
-    "R STICK RIGHT": "R右スティック",
-    "Start": "始める",
-    "Select": "選択する",
-    "Fast": "速い",
-    "Slow": "遅い",
-    "a": "ある",
-    "b": "b",
-    "c": "c",
-    "d": "d",
-    "e": "e",
-    "f": "f",
-    "g": "g",
-    "h": "h",
-    "i": "私",
-    "j": "j",
-    "k": "k",
-    "l": "私",
-    "m": "メートル",
-    "n": "n",
-    "o": "ああ",
-    "p": "p",
-    "q": "q",
-    "r": "r",
-    "s": "s",
-    "t": "t",
-    "u": "あなた",
-    "v": "v",
-    "w": "w",
-    "x": "バツ",
-    "y": "y",
-    "z": "z",
-    "enter": "入力",
-    "escape": "逃げる",
-    "space": "空間",
-    "tab": "タブ",
-    "backspace": "バックスペース",
-    "delete": "消去",
-    "arrowup": "アローアップ",
-    "arrowdown": "矢印",
-    "arrowleft": "矢印左",
-    "arrowright": "右矢印",
-    "f1": "f1",
-    "f2": "f2",
-    "f3": "f3",
-    "f4": "f4",
-    "f5": "f5",
-    "f6": "f6",
-    "f7": "f7",
-    "f8": "f8",
-    "f9": "f9",
-    "f10": "f10",
-    "f11": "f11",
-    "f12": "f12",
-    "shift": "シフト",
-    "control": "コントロール",
-    "alt": "代替",
-    "meta": "メタ",
-    "capslock": "キャップスロック",
-    "insert": "入れる",
-    "home": "家",
-    "end": "終わり",
-    "pageup": "ページアップ",
-    "pagedown": "ページダウン",
-    "!": "！",
-    "@": "@",
-    "#": "#",
-    "$": "$",
-    "%": "%",
-    "^": "^",
-    "&": "&",
-    "*": "*",
-    "(": "(",
-    ")": ")",
-    "-": "-",
-    "_": "_",
-    "+": "+",
-    "=": "=",
-    "[": "[",
-    "]": "】",
-    "{": "{",
-    "}": "}",
-    ";": ";",
-    ":": ":",
-    "'": "'",
-    "\"": "」",
-    ",": "、",
-    ".": "。",
-    "<": "<",
-    ">": ">",
-    "/": "/",
-    "?": "?",
-    "LEFT_STICK_X": "LEFT_STICK_X",
-    "LEFT_STICK_Y": "左スティック_Y",
-    "RIGHT_STICK_X": "RIGHT_STICK_X",
-    "RIGHT_STICK_Y": "右スティック_Y",
-    "LEFT_TRIGGER": "LEFT_TRIGGER",
-    "RIGHT_TRIGGER": "右トリガー",
-    "A_BUTTON": "ボタン",
-    "B_BUTTON": "B_ボタン",
-    "X_BUTTON": "X_ボタン",
-    "Y_BUTTON": "Y_ボタン",
-    "START_BUTTON": "スタートボタン",
-    "SELECT_BUTTON": "SELECT_BUTTON",
-    "L1_BUTTON": "L1_ボタン",
-    "R1_BUTTON": "R1_ボタン",
-    "L2_BUTTON": "L2_ボタン",
-    "R2_BUTTON": "R2_ボタン",
-    "LEFT_THUMB_BUTTON": "LEFT_THUMB_BUTTON",
-    "RIGHT_THUMB_BUTTON": "RIGHT_THUMB_BUTTON",
-    "DPAD_UP": "DPAD_UP",
-    "DPAD_DOWN": "DPAD_DOWN",
-    "DPAD_LEFT": "DPAD_LEFT",
-    "DPAD_RIGHT": "DPAD_RIGHT"
-}
\ No newline at end of file
diff --git a/data/localization/ja.json b/data/localization/ja.json
new file mode 100644
index 00000000..272445a2
--- /dev/null
+++ b/data/localization/ja.json
@@ -0,0 +1,301 @@
+{
+    "0": "0",
+    "1": "1",
+    "2": "2",
+    "3": "3",
+    "4": "4",
+    "5": "5",
+    "6": "6",
+    "7": "7",
+    "8": "8",
+    "9": "9",
+    "Restart": "再起動",
+    "Pause": "一時停止",
+    "Play": "開始",
+    "Save State": "ステートセーブ",
+    "Load State": "ステートロード",
+    "Control Settings": "キーコンフィグ",
+    "Cheats": "チート",
+    "Cache Manager": "キャッシュマネージャー",
+    "Export Save File": "セーブデータをエクスポート",
+    "Import Save File": "セーブデータをインポート",
+    "Netplay": "ネットプレイ",
+    "Mute": "ミュート",
+    "Unmute": "ミュート解除",
+    "Settings": "設定",
+    "Enter Fullscreen": "全画面表示",
+    "Exit Fullscreen": "全画面表示を終了",
+    "Reset": "リセット",
+    "Clear": "クリア",
+    "Close": "閉じる",
+    "QUICK SAVE STATE": "クイックセーブ",
+    "QUICK LOAD STATE": "クイックロード",
+    "CHANGE STATE SLOT": "セーブスロットの変更",
+    "FAST FORWARD": "早送り",
+    "Player": "プレイヤー",
+    "Connected Gamepad": "接続されたゲームパッド",
+    "Gamepad": "ゲームパッド",
+    "Keyboard": "キーボード",
+    "Set": "セット",
+    "Add Cheat": "チートの追加",
+    "Create a Room": "部屋を作成",
+    "Rooms": "部屋",
+    "Start Game": "ゲームスタート",
+    "Loading...": "読み込み中...",
+    "Download Game Core": "ゲームコアをダウンロード",
+    "Decompress Game Core": "ゲームコアを解凍",
+    "Download Game Data": "ゲームデータのダウンロード",
+    "Decompress Game Data": "ゲームデータを解凍",
+    "Shaders": "シェーダー",
+    "Disabled": "無効",
+    "2xScaleHQ": "2xスケール",
+    "4xScaleHQ": "4xスケール",
+    "CRT easymode": "CRT (イージーモード)",
+    "CRT aperture": "CRT (アパーチャ)",
+    "CRT geom": "CRT (ジオメ)",
+    "CRT mattias": "CRT (Mattias)",
+    "FPS": "FPS",
+    "show": "表示",
+    "hide": "非表示",
+    "Fast Forward Ratio": "早送り速度",
+    "Fast Forward": "早送り",
+    "Enabled": "有効",
+    "Save State Slot": "ステートセーブスロット",
+    "Save State Location": "ステートセーブ保存場所",
+    "Download": "ダウンロード",
+    "Keep in Browser": "ブラウザ内に保持",
+    "Auto": "自動",
+    "NTSC": "NTSC",
+    "PAL": "PAL",
+    "Dendy": "Dendy",
+    "8:7 PAR": "8:7 PAR",
+    "4:3": "4:3",
+    "Low": "低",
+    "High": "高",
+    "Very High": "超高",
+    "None": "なし",
+    "Player 1": "プレイヤー1",
+    "Player 2": "プレイヤー2",
+    "Both": "両方",
+    "SAVED STATE TO SLOT": "状態をスロットにセーブしました",
+    "LOADED STATE FROM SLOT": "状態をスロットからロードしました",
+    "SET SAVE STATE SLOT TO": "状態保存スロットを次のように設定します",
+    "Network Error": "ネットワークエラー",
+    "Submit": "適用",
+    "Description": "説明",
+    "Code": "コード",
+    "Add Cheat Code": "チートコードを追加する",
+    "Leave Room": "部屋を退出",
+    "Password": "パスワード",
+    "Password (optional)": "パスワード (オプション)",
+    "Max Players": "最大プレイヤー数",
+    "Room Name": "部屋の名前",
+    "Join": "参加する",
+    "Player Name": "プレイヤー名",
+    "Set Player Name": "プレイヤー名の設定",
+    "Left Handed Mode": "左利きモード",
+    "Virtual Gamepad": "仮想ゲームパッド",
+    "Disk": "ディスク",
+    "Press Keyboard": "キーボードを押す",
+    "INSERT COIN": "コインを入れる",
+    "Remove": "削除",
+    "SAVE LOADED FROM BROWSER": "セーブをブラウザからロード",
+    "SAVE SAVED TO BROWSER": "セーブをブラウザに保存",
+    "Join the discord": "ディスコードに参加",
+    "View on GitHub": "GitHub で見る",
+    "Failed to start game": "ゲームの開始に失敗しました",
+    "Download Game BIOS": "ゲームBIOSをダウンロード",
+    "Decompress Game BIOS": "ゲームBIOSを解凍",
+    "Download Game Parent": "ゲームの親をダウンロード",
+    "Decompress Game Parent": "ゲームの親を解凍",
+    "Download Game Patch": "ゲームパッチをダウンロード",
+    "Decompress Game Patch": "ゲームパッチを解凍",
+    "Download Game State": "ゲームステートのダウンロード",
+    "Check console": "コンソールを確認してください",
+    "Error for site owner": "サイト所有者のエラー",
+    "EmulatorJS": "エミュレータJS",
+    "Clear All": "すべてクリア",
+    "Take Screenshot": "スクリーンショットを撮影",
+    "Quick Save": "クイックセーブ",
+    "Quick Load": "クイックロード",
+    "REWIND": "巻き戻し",
+    "Rewind Enabled (requires restart)": "巻き戻しが有効 (再起動が必要)",
+    "Rewind Granularity": "巻き戻し粒度",
+    "Slow Motion Ratio": "スローモーション比率",
+    "Slow Motion": "スローモーション",
+    "Home": "ホーム",
+    "EmulatorJS License": "エミュレータJSライセンス",
+    "RetroArch License": "RetroArch ライセンス",
+    "SLOW MOTION": "スローモーション",
+    "A": "A",
+    "B": "B",
+    "SELECT": "SELECT",
+    "START": "START",
+    "UP": "上",
+    "DOWN": "下",
+    "LEFT": "左",
+    "RIGHT": "右",
+    "X": "X",
+    "Y": "Y",
+    "L": "L",
+    "R": "R",
+    "Z": "Z",
+    "STICK UP": "スティック上",
+    "STICK DOWN": "スティック下",
+    "STICK LEFT": "スティック左",
+    "STICK RIGHT": "スティック右",
+    "C-PAD UP": "Cボタン上",
+    "C-PAD DOWN": "Cボタン下",
+    "C-PAD LEFT": "Cボタン左",
+    "C-PAD RIGHT": "Cボタン右",
+    "MICROPHONE": "マイク",
+    "BUTTON 1 / START": "ボタン1 / スタート",
+    "BUTTON 2": "ボタン2",
+    "BUTTON": "ボタン",
+    "LEFT D-PAD UP": "十字キー上",
+    "LEFT D-PAD DOWN": "十字キー下",
+    "LEFT D-PAD LEFT": "十字キー左",
+    "LEFT D-PAD RIGHT": "十字キー右",
+    "RIGHT D-PAD UP": "右十字キー上",
+    "RIGHT D-PAD DOWN": "右十字キー下",
+    "RIGHT D-PAD LEFT": "右十字キー左",
+    "RIGHT D-PAD RIGHT": "右十字キー右",
+    "C": "C",
+    "MODE": "モード",
+    "FIRE": "発射",
+    "RESET": "リセット",
+    "LEFT DIFFICULTY A": "左難易度A",
+    "LEFT DIFFICULTY B": "左難易度B",
+    "RIGHT DIFFICULTY A": "右難易度A",
+    "RIGHT DIFFICULTY B": "右難易度B",
+    "COLOR": "カラー",
+    "B/W": "白黒",
+    "PAUSE": "一時停止",
+    "OPTION": "オプション",
+    "OPTION 1": "オプション1",
+    "OPTION 2": "オプション2",
+    "L2": "L2",
+    "R2": "R2",
+    "L3": "L3",
+    "R3": "R3",
+    "L STICK UP": "左スティック上",
+    "L STICK DOWN": "左スティック下",
+    "L STICK LEFT": "左スティック左",
+    "L STICK RIGHT": "左スティック右",
+    "R STICK UP": "右スティック上",
+    "R STICK DOWN": "右スティック下",
+    "R STICK LEFT": "右スティック左",
+    "R STICK RIGHT": "右スティック右",
+    "Start": "Start",
+    "Select": "Select",
+    "Fast": "Fast",
+    "Slow": "Slow",
+    "a": "a",
+    "b": "b",
+    "c": "c",
+    "d": "d",
+    "e": "e",
+    "f": "f",
+    "g": "g",
+    "h": "h",
+    "i": "i",
+    "j": "j",
+    "k": "k",
+    "l": "l",
+    "m": "m",
+    "n": "n",
+    "o": "o",
+    "p": "p",
+    "q": "q",
+    "r": "r",
+    "s": "s",
+    "t": "t",
+    "u": "u",
+    "v": "v",
+    "w": "w",
+    "x": "x",
+    "y": "y",
+    "z": "z",
+    "enter": "enter",
+    "escape": "escape",
+    "space": "space",
+    "tab": "tab",
+    "backspace": "backspace",
+    "delete": "delete",
+    "arrowup": "矢印上",
+    "arrowdown": "矢印下",
+    "arrowleft": "矢印左",
+    "arrowright": "矢印右",
+    "f1": "f1",
+    "f2": "f2",
+    "f3": "f3",
+    "f4": "f4",
+    "f5": "f5",
+    "f6": "f6",
+    "f7": "f7",
+    "f8": "f8",
+    "f9": "f9",
+    "f10": "f10",
+    "f11": "f11",
+    "f12": "f12",
+    "shift": "shift",
+    "control": "control",
+    "alt": "alt",
+    "meta": "meta",
+    "capslock": "capslock",
+    "insert": "insert",
+    "home": "home",
+    "end": "end",
+    "pageup": "pageup",
+    "pagedown": "pagedown",
+    "!": "！",
+    "@": "@",
+    "#": "#",
+    "$": "$",
+    "%": "%",
+    "^": "^",
+    "&": "&",
+    "*": "*",
+    "(": "(",
+    ")": ")",
+    "-": "-",
+    "_": "_",
+    "+": "+",
+    "=": "=",
+    "[": "[",
+    "]": "]",
+    "{": "{",
+    "}": "}",
+    ";": ";",
+    ":": ":",
+    "'": "'",
+    "\"": "\"",
+    ",": ",",
+    ".": ".",
+    "<": "<",
+    ">": ">",
+    "/": "/",
+    "?": "?",
+    "LEFT_STICK_X": "左スティック_X",
+    "LEFT_STICK_Y": "左スティック_Y",
+    "RIGHT_STICK_X": "右スティック_X",
+    "RIGHT_STICK_Y": "右スティック_Y",
+    "LEFT_TRIGGER": "左トリガー",
+    "RIGHT_TRIGGER": "右トリガー",
+    "A_BUTTON": "A_ボタン",
+    "B_BUTTON": "B_ボタン",
+    "X_BUTTON": "X_ボタン",
+    "Y_BUTTON": "Y_ボタン",
+    "START_BUTTON": "スタートボタン",
+    "SELECT_BUTTON": "セレクトボタン",
+    "L1_BUTTON": "L1_ボタン",
+    "R1_BUTTON": "R1_ボタン",
+    "L2_BUTTON": "L2_ボタン",
+    "R2_BUTTON": "R2_ボタン",
+    "LEFT_THUMB_BUTTON": "左スティック押し込み",
+    "RIGHT_THUMB_BUTTON": "右スティック押し込み",
+    "DPAD_UP": "十字キー上",
+    "DPAD_DOWN": "十字キー下",
+    "DPAD_LEFT": "十字キー左",
+    "DPAD_RIGHT": "十字キー右"
+}
diff --git a/data/localization/jv-JV.json b/data/localization/jv.json
similarity index 99%
rename from data/localization/jv-JV.json
rename to data/localization/jv.json
index 7d1a10c2..47c71c91 100644
--- a/data/localization/jv-JV.json
+++ b/data/localization/jv.json
@@ -298,4 +298,4 @@
     "DPAD_DOWN": "DPAD_DOWN",
     "DPAD_LEFT": "DPAD_LEFT",
     "DPAD_RIGHT": "DPAD_RIGHT"
-}
\ No newline at end of file
+}
diff --git a/data/localization/ko-KO.json b/data/localization/ko-KO.json
deleted file mode 100644
index 133c673b..00000000
--- a/data/localization/ko-KO.json
+++ /dev/null
@@ -1,301 +0,0 @@
-{
-    "0": "0",
-    "1": "1",
-    "2": "2",
-    "3": "삼",
-    "4": "4",
-    "5": "5",
-    "6": "6",
-    "7": "7",
-    "8": "8",
-    "9": "9",
-    "Restart": "재시작",
-    "Pause": "정지시키다",
-    "Play": "놀다",
-    "Save State": "상태 저장",
-    "Load State": "로드 상태",
-    "Control Settings": "제어 설정",
-    "Cheats": "치트",
-    "Cache Manager": "캐시 관리자",
-    "Export Save File": "저장 파일 내보내기",
-    "Import Save File": "저장 파일 가져오기",
-    "Netplay": "넷플레이",
-    "Mute": "무음",
-    "Unmute": "음소거 해제",
-    "Settings": "설정",
-    "Enter Fullscreen": "전체 화면 시작",
-    "Exit Fullscreen": "전체화면 종료",
-    "Reset": "초기화",
-    "Clear": "분명한",
-    "Close": "닫다",
-    "QUICK SAVE STATE": "빠른 저장 상태",
-    "QUICK LOAD STATE": "빠른 로드 상태",
-    "CHANGE STATE SLOT": "상태 슬롯 변경",
-    "FAST FORWARD": "빨리 감기",
-    "Player": "플레이어",
-    "Connected Gamepad": "연결된 게임패드",
-    "Gamepad": "게임패드",
-    "Keyboard": "건반",
-    "Set": "세트",
-    "Add Cheat": "치트 추가",
-    "Create a Room": "방 만들기",
-    "Rooms": "객실",
-    "Start Game": "게임을 시작하다",
-    "Loading...": "로드 중...",
-    "Download Game Core": "게임 코어 다운로드",
-    "Decompress Game Core": "게임 코어 압축 해제",
-    "Download Game Data": "게임 데이터 다운로드",
-    "Decompress Game Data": "게임 데이터 압축 해제",
-    "Shaders": "셰이더",
-    "Disabled": "장애가 있는",
-    "2xScaleHQ": "2xScaleHQ",
-    "4xScaleHQ": "4xScaleHQ",
-    "CRT easymode": "브라운관 이지모드",
-    "CRT aperture": "CRT 조리개",
-    "CRT geom": "브라운관 검",
-    "CRT mattias": "CRT 마티아스",
-    "FPS": "FPS",
-    "show": "보여주다",
-    "hide": "숨다",
-    "Fast Forward Ratio": "빨리 감기 비율",
-    "Fast Forward": "빨리 감기",
-    "Enabled": "사용",
-    "Save State Slot": "상태 슬롯 저장",
-    "Save State Location": "상태 위치 저장",
-    "Download": "다운로드",
-    "Keep in Browser": "브라우저에 보관",
-    "Auto": "자동",
-    "NTSC": "NTSC",
-    "PAL": "단짝",
-    "Dendy": "덴디",
-    "8:7 PAR": "8:7 동점",
-    "4:3": "4:3",
-    "Low": "낮은",
-    "High": "높은",
-    "Very High": "매우 높음",
-    "None": "없음",
-    "Player 1": "플레이어 1",
-    "Player 2": "플레이어 2",
-    "Both": "둘 다",
-    "SAVED STATE TO SLOT": "슬롯에 저장된 상태",
-    "LOADED STATE FROM SLOT": "슬롯에서 로드된 상태",
-    "SET SAVE STATE SLOT TO": "저장 상태 슬롯을 다음으로 설정",
-    "Network Error": "네트워크 오류",
-    "Submit": "제출하다",
-    "Description": "설명",
-    "Code": "암호",
-    "Add Cheat Code": "치트 코드 추가",
-    "Leave Room": "방 나가기",
-    "Password": "비밀번호",
-    "Password (optional)": "비밀번호(선택 사항)",
-    "Max Players": "최대 플레이어",
-    "Room Name": "방 이름",
-    "Join": "가입하다",
-    "Player Name": "선수 이름",
-    "Set Player Name": "플레이어 이름 설정",
-    "Left Handed Mode": "왼손잡이 모드",
-    "Virtual Gamepad": "가상 게임패드",
-    "Disk": "디스크",
-    "Press Keyboard": "키보드 누르기",
-    "INSERT COIN": "동전을 넣으세요",
-    "Remove": "제거하다",
-    "SAVE LOADED FROM BROWSER": "브라우저에서 불러온 저장",
-    "SAVE SAVED TO BROWSER": "저장 브라우저에 저장됨",
-    "Join the discord": "불화에 동참하십시오",
-    "View on GitHub": "GitHub에서 보기",
-    "Failed to start game": "게임을 시작하지 못했습니다.",
-    "Download Game BIOS": "게임 BIOS 다운로드",
-    "Decompress Game BIOS": "게임 BIOS 압축 해제",
-    "Download Game Parent": "게임 부모 다운로드",
-    "Decompress Game Parent": "게임 부모 압축 해제",
-    "Download Game Patch": "게임 패치 다운로드",
-    "Decompress Game Patch": "게임 패치 압축 해제",
-    "Download Game State": "게임 상태 다운로드",
-    "Check console": "콘솔 확인",
-    "Error for site owner": "사이트 소유자 오류",
-    "EmulatorJS": "EmulatorJS",
-    "Clear All": "모두 지우기",
-    "Take Screenshot": "스크린 샷을 찍다",
-    "Quick Save": "빠른 저장",
-    "Quick Load": "빠른 로드",
-    "REWIND": "되감기",
-    "Rewind Enabled (requires restart)": "되감기 활성화됨(다시 시작해야 함)",
-    "Rewind Granularity": "되감기 세분성",
-    "Slow Motion Ratio": "슬로우 모션 비율",
-    "Slow Motion": "느린",
-    "Home": "집",
-    "EmulatorJS License": "EmulatorJS 라이선스",
-    "RetroArch License": "레트로아크 라이선스",
-    "SLOW MOTION": "느린",
-    "A": "ㅏ",
-    "B": "비",
-    "SELECT": "선택하다",
-    "START": "시작",
-    "UP": "위로",
-    "DOWN": "아래에",
-    "LEFT": "왼쪽",
-    "RIGHT": "오른쪽",
-    "X": "엑스",
-    "Y": "와이",
-    "L": "엘",
-    "R": "아르 자형",
-    "Z": "지",
-    "STICK UP": "스틱 업",
-    "STICK DOWN": "스틱 다운",
-    "STICK LEFT": "스틱 왼쪽",
-    "STICK RIGHT": "스틱 오른쪽",
-    "C-PAD UP": "C 패드 위로",
-    "C-PAD DOWN": "C패드 다운",
-    "C-PAD LEFT": "C 패드 왼쪽",
-    "C-PAD RIGHT": "C 패드 오른쪽",
-    "MICROPHONE": "마이크로폰",
-    "BUTTON 1 / START": "버튼 1 / 시작",
-    "BUTTON 2": "버튼 2",
-    "BUTTON": "단추",
-    "LEFT D-PAD UP": "왼쪽 방향 패드 위로",
-    "LEFT D-PAD DOWN": "왼쪽 방향 패드 아래로",
-    "LEFT D-PAD LEFT": "왼쪽 방향 패드 왼쪽",
-    "LEFT D-PAD RIGHT": "왼쪽 방향 패드 오른쪽",
-    "RIGHT D-PAD UP": "오른쪽 방향 패드 위로",
-    "RIGHT D-PAD DOWN": "오른쪽 방향 패드 아래로",
-    "RIGHT D-PAD LEFT": "오른쪽 방향 패드 왼쪽",
-    "RIGHT D-PAD RIGHT": "오른쪽 방향 패드 오른쪽",
-    "C": "씨",
-    "MODE": "방법",
-    "FIRE": "불",
-    "RESET": "초기화",
-    "LEFT DIFFICULTY A": "왼쪽 난이도 A",
-    "LEFT DIFFICULTY B": "왼쪽 난이도 B",
-    "RIGHT DIFFICULTY A": "오른쪽 난이도 A",
-    "RIGHT DIFFICULTY B": "오른쪽 난이도 B",
-    "COLOR": "색상",
-    "B/W": "흑백",
-    "PAUSE": "정지시키다",
-    "OPTION": "옵션",
-    "OPTION 1": "옵션 1",
-    "OPTION 2": "옵션 2",
-    "L2": "L2",
-    "R2": "R2",
-    "L3": "L3",
-    "R3": "R3",
-    "L STICK UP": "L 스틱 업",
-    "L STICK DOWN": "L 스틱 다운",
-    "L STICK LEFT": "왼쪽 스틱",
-    "L STICK RIGHT": "L 오른쪽 스틱",
-    "R STICK UP": "R 스틱 업",
-    "R STICK DOWN": "R 스틱 다운",
-    "R STICK LEFT": "R 스틱 왼쪽",
-    "R STICK RIGHT": "R 오른쪽 스틱",
-    "Start": "시작",
-    "Select": "선택하다",
-    "Fast": "빠른",
-    "Slow": "느린",
-    "a": "ㅏ",
-    "b": "비",
-    "c": "씨",
-    "d": "디",
-    "e": "이자형",
-    "f": "에프",
-    "g": "g",
-    "h": "시간",
-    "i": "나",
-    "j": "제이",
-    "k": "케이",
-    "l": "엘",
-    "m": "중",
-    "n": "N",
-    "o": "영형",
-    "p": "피",
-    "q": "큐",
-    "r": "아르 자형",
-    "s": "에스",
-    "t": "티",
-    "u": "유",
-    "v": "V",
-    "w": "승",
-    "x": "엑스",
-    "y": "와이",
-    "z": "지",
-    "enter": "입력하다",
-    "escape": "탈출하다",
-    "space": "공간",
-    "tab": "탭",
-    "backspace": "역행 키이",
-    "delete": "삭제",
-    "arrowup": "화살촉",
-    "arrowdown": "화살표 방향",
-    "arrowleft": "왼쪽 화살표",
-    "arrowright": "오른쪽 화살표",
-    "f1": "f1",
-    "f2": "f2",
-    "f3": "f3",
-    "f4": "f4",
-    "f5": "f5",
-    "f6": "f6",
-    "f7": "f7",
-    "f8": "f8",
-    "f9": "f9",
-    "f10": "f10",
-    "f11": "f11",
-    "f12": "f12",
-    "shift": "옮기다",
-    "control": "제어",
-    "alt": "대안",
-    "meta": "메타",
-    "capslock": "캡스락",
-    "insert": "끼워 넣다",
-    "home": "집",
-    "end": "끝",
-    "pageup": "페이지 위로",
-    "pagedown": "페이지 다운",
-    "!": "!",
-    "@": "@",
-    "#": "#",
-    "$": "$",
-    "%": "%",
-    "^": "^^",
-    "&": "&",
-    "*": "*",
-    "(": "(",
-    ")": ")",
-    "-": "-",
-    "_": "_",
-    "+": "+",
-    "=": "=",
-    "[": "[",
-    "]": "]",
-    "{": "{",
-    "}": "}",
-    ";": ";",
-    ":": ":",
-    "'": "'",
-    "\"": "\"",
-    ",": ",",
-    ".": ".",
-    "<": "<",
-    ">": ">",
-    "/": "/",
-    "?": "?",
-    "LEFT_STICK_X": "왼쪽_스틱_X",
-    "LEFT_STICK_Y": "왼쪽_스틱_Y",
-    "RIGHT_STICK_X": "RIGHT_STICK_X",
-    "RIGHT_STICK_Y": "오른쪽_스틱_Y",
-    "LEFT_TRIGGER": "왼쪽_트리거",
-    "RIGHT_TRIGGER": "RIGHT_TRIGGER",
-    "A_BUTTON": "단추",
-    "B_BUTTON": "B_버튼",
-    "X_BUTTON": "X_버튼",
-    "Y_BUTTON": "Y_버튼",
-    "START_BUTTON": "시작 버튼",
-    "SELECT_BUTTON": "선택_버튼",
-    "L1_BUTTON": "L1_버튼",
-    "R1_BUTTON": "R1_버튼",
-    "L2_BUTTON": "L2_버튼",
-    "R2_BUTTON": "R2_버튼",
-    "LEFT_THUMB_BUTTON": "LEFT_THUMB_BUTTON",
-    "RIGHT_THUMB_BUTTON": "RIGHT_THUMB_BUTTON",
-    "DPAD_UP": "DPAD_UP",
-    "DPAD_DOWN": "DPAD_DOWN",
-    "DPAD_LEFT": "DPAD_LEFT",
-    "DPAD_RIGHT": "DPAD_RIGHT"
-}
\ No newline at end of file
diff --git a/data/localization/ko.json b/data/localization/ko.json
new file mode 100644
index 00000000..a3546fbc
--- /dev/null
+++ b/data/localization/ko.json
@@ -0,0 +1,372 @@
+{
+    "0": "0",
+    "1": "1",
+    "2": "2",
+    "3": "3",
+    "4": "4",
+    "5": "5",
+    "6": "6",
+    "7": "7",
+    "8": "8",
+    "9": "9",
+    "Restart": "재시작",
+    "Pause": "일시정지",
+    "Play": "플레이",
+    "Save State": "상태 저장하기",
+    "Load State": "상태 불러오기",
+    "Control Settings": "컨트롤 설정",
+    "Cheats": "치트",
+    "Cache Manager": "캐시 관리자",
+    "Export Save File": "세이브 파일 내보내기",
+    "Import Save File": "세이브 파일 가져오기",
+    "Netplay": "넷플레이",
+    "Mute": "무음",
+    "Unmute": "음소거 해제",
+    "Settings": "설정",
+    "Enter Fullscreen": "전체화면 전환",
+    "Exit Fullscreen": "전체화면 종료",
+    "Context Menu": "컨텍스트 메뉴",
+    "Reset": "초기화",
+    "Clear": "지우기",
+    "Close": "닫기",
+    "QUICK SAVE STATE": "빠른 상태 저장하기",
+    "QUICK LOAD STATE": "빠른 상태 불러오기",
+    "CHANGE STATE SLOT": "상태 슬롯 변경하기",
+    "FAST FORWARD": "빨리 감기",
+    "Player": "플레이어",
+    "Connected Gamepad": "연결된 게임패드",
+    "Gamepad": "게임패드",
+    "Keyboard": "키보드",
+    "Set": "세트",
+    "Add Cheat": "치트 추가하기",
+    "Note that some cheats require a restart to disable": "일부 치트는 다시 시작해야 비활성화할 수 있습니다.",
+    "Create a Room": "방 만들기",
+    "Rooms": "방",
+    "Start Game": "게임 시작하기",
+    "Click to resume Emulator": "에뮬레이터를 다시 시작하려면 클릭하세요.",
+    "Drop save state here to load": "저장 상태를 여기에 놓으면 로드됩니다.",
+    "Loading...": "로딩 중...",
+    "Download Game Core": "게임 코어 다운로드",
+    "Outdated graphics driver": "오래된 그래픽 드라이버",
+    "Decompress Game Core": "게임 코어 압축 해제",
+    "Download Game Data": "게임 데이터 다운로드",
+    "Decompress Game Data": "게임 데이터 압축 해제",
+    "Shaders": "셰이더",
+    "Disabled": "비활성화됨",
+    "2xScaleHQ": "2xScaleHQ",
+    "4xScaleHQ": "4xScaleHQ",
+    "CRT easymode": "CRT 이지모드",
+    "CRT aperture": "CRT 조리개",
+    "CRT geom": "CRT 검",
+    "CRT mattias": "CRT 마티아스",
+    "FPS": "FPS",
+    "show": "보기",
+    "hide": "숨기기",
+    "Fast Forward Ratio": "빨리 감기 비율",
+    "Fast Forward": "빨리 감기",
+    "Enabled": "활성화됨",
+    "Save State Slot": "상태 저장 슬롯",
+    "Save State Location": "상태 저장 위치",
+    "Download": "다운로드",
+    "Keep in Browser": "브라우저에 보관하기",
+    "Auto": "자동",
+    "NTSC": "NTSC",
+    "PAL": "PAL",
+    "Dendy": "덴디",
+    "8:7 PAR": "8:7 PAR",
+    "4:3": "4:3",
+    "Low": "낮음",
+    "High": "높음",
+    "Very High": "매우 높음",
+    "None": "없음",
+    "Player 1": "플레이어 1",
+    "Player 2": "플레이어 2",
+    "Both": "둘 다",
+    "SAVED STATE TO SLOT": "슬롯에 상태가 저장되었습니다.",
+    "LOADED STATE FROM SLOT": "슬롯에서 상태를 불러왔습니다.",
+    "SET SAVE STATE SLOT TO": "저장 상태 슬롯을 다음으로 설정",
+    "Network Error": "네트워크 오류",
+    "Submit": "전송",
+    "Description": "설명",
+    "Code": "코드",
+    "Add Cheat Code": "치트 코드 추가",
+    "Leave Room": "방 나가기",
+    "Password": "비밀번호",
+    "Password (optional)": "비밀번호 (선택사항)",
+    "Max Players": "최대 플레이어 수",
+    "Room Name": "방 이름",
+    "Join": "들어가기",
+    "Player Name": "플레이어 이름",
+    "Set Player Name": "플레이어 이름 설정",
+    "Left Handed Mode": "왼손 모드",
+    "Virtual Gamepad": "가상 게임패드",
+    "Disk": "디스크",
+    "Press Keyboard": "키보드를 누르세요.",
+    "INSERT COIN": "동전을 넣으세요.",
+    "Remove": "제거",
+    "SAVE LOADED FROM BROWSER": "브라우저에서 세이브를 불러왔습니다.",
+    "SAVE SAVED TO BROWSER": "브라우저에 세이브가 저장되었습니다.",
+    "Join the discord": "디스코드에 참가하기",
+    "View on GitHub": "GitHub에서 보기",
+    "Failed to start game": "게임을 시작하지 못했습니다.",
+    "Download Game BIOS": "게임 BIOS 다운로드",
+    "Decompress Game BIOS": "게임 BIOS 압축 해제",
+    "Download Game Parent": "게임 부모 다운로드",
+    "Decompress Game Parent": "게임 부모 압축 해제",
+    "Download Game Patch": "게임 패치 다운로드",
+    "Decompress Game Patch": "게임 패치 압축 해제",
+    "Download Game State": "게임 상태 다운로드",
+    "Check console": "콘솔 확인",
+    "Error for site owner": "사이트 소유자 오류",
+    "EmulatorJS": "EmulatorJS",
+    "Clear All": "모두 지우기",
+    "Take Screenshot": "스크린 샷 찍기",
+    "Start screen recording": "화면 녹화 시작",
+    "Stop screen recording": "화면 녹화 정지",
+    "Quick Save": "빠른 저장하기",
+    "Quick Load": "빠른 불러오기",
+    "REWIND": "되감기",
+    "Rewind Enabled (requires restart)": "되감기 활성화됨 (재시작 필요함)",
+    "Rewind Granularity": "되감기 세분화",
+    "Slow Motion Ratio": "슬로우 모션 비율",
+    "Slow Motion": "슬로우 모션",
+    "Home": "홈",
+    "EmulatorJS License": "EmulatorJS 라이센스",
+    "RetroArch License": "RetroArch 라이센스",
+    "This project is powered by": "이 프로젝트는 다음의 지원으로 운영됩니다.",
+    "View the RetroArch license here": "RetroArch 라이센스 보기",
+    "SLOW MOTION": "슬로우 모션",
+    "A": "A",
+    "B": "B",
+    "SELECT": "선택",
+    "START": "시작",
+    "UP": "위",
+    "DOWN": "아래",
+    "LEFT": "왼쪽",
+    "RIGHT": "오른쪽",
+    "X": "X",
+    "Y": "Y",
+    "L": "L",
+    "R": "R",
+    "Z": "Z",
+    "STICK UP": "스틱 위",
+    "STICK DOWN": "스틱 아래",
+    "STICK LEFT": "스틱 왼쪽",
+    "STICK RIGHT": "스틱 오른쪽",
+    "C-PAD UP": "C 패드 위",
+    "C-PAD DOWN": "C-패드 아래",
+    "C-PAD LEFT": "C-패드 왼쪽",
+    "C-PAD RIGHT": "C-패드 오른쪽",
+    "MICROPHONE": "마이크",
+    "BUTTON 1 / START": "버튼 1 / 시작",
+    "BUTTON 2": "버튼 2",
+    "BUTTON": "단추",
+    "LEFT D-PAD UP": "왼쪽 방향 패드 위",
+    "LEFT D-PAD DOWN": "왼쪽 방향 패드 아래",
+    "LEFT D-PAD LEFT": "왼쪽 방향 패드 왼쪽",
+    "LEFT D-PAD RIGHT": "왼쪽 방향 패드 오른쪽",
+    "RIGHT D-PAD UP": "오른쪽 방향 패드 위",
+    "RIGHT D-PAD DOWN": "오른쪽 방향 패드 아래",
+    "RIGHT D-PAD LEFT": "오른쪽 방향 패드 왼쪽",
+    "RIGHT D-PAD RIGHT": "오른쪽 방향 패드 오른쪽",
+    "C": "C",
+    "MODE": "모드",
+    "FIRE": "발사",
+    "RESET": "초기화",
+    "LEFT DIFFICULTY A": "왼쪽 난이도 A",
+    "LEFT DIFFICULTY B": "왼쪽 난이도 B",
+    "RIGHT DIFFICULTY A": "오른쪽 난이도 A",
+    "RIGHT DIFFICULTY B": "오른쪽 난이도 B",
+    "COLOR": "색상",
+    "B/W": "흑백",
+    "PAUSE": "일시정지",
+    "OPTION": "옵션",
+    "OPTION 1": "옵션 1",
+    "OPTION 2": "옵션 2",
+    "L2": "L2",
+    "R2": "R2",
+    "L3": "L3",
+    "R3": "R3",
+    "L STICK UP": "L 스틱 위",
+    "L STICK DOWN": "L 스틱 아래",
+    "L STICK LEFT": "왼쪽 스틱",
+    "L STICK RIGHT": "L 스틱 오른쪽",
+    "R STICK UP": "R 스틱 위",
+    "R STICK DOWN": "R 스틱 아래",
+    "R STICK LEFT": "R 스틱 왼쪽",
+    "R STICK RIGHT": "R 스틱 오른쪽",
+    "Start": "시작",
+    "Select": "선택",
+    "Fast": "빠름",
+    "Slow": "느림",
+    "a": "a",
+    "b": "b",
+    "c": "c",
+    "d": "d",
+    "e": "e",
+    "f": "f",
+    "g": "g",
+    "h": "h",
+    "i": "i",
+    "j": "j",
+    "k": "k",
+    "l": "l",
+    "m": "m",
+    "n": "n",
+    "o": "o",
+    "p": "p",
+    "q": "q",
+    "r": "r",
+    "s": "s",
+    "t": "t",
+    "u": "u",
+    "v": "v",
+    "w": "w",
+    "x": "x",
+    "y": "y",
+    "z": "z",
+    "enter": "엔터",
+    "escape": "ESC",
+    "space": "스페이스 바",
+    "tab": "탭",
+    "backspace": "백 스페이스",
+    "delete": "DEL",
+    "arrowup": "화살표 위",
+    "arrowdown": "화살표 아래",
+    "arrowleft": "화살표 왼쪽",
+    "arrowright": "화살표 오른쪽",
+    "f1": "f1",
+    "f2": "f2",
+    "f3": "f3",
+    "f4": "f4",
+    "f5": "f5",
+    "f6": "f6",
+    "f7": "f7",
+    "f8": "f8",
+    "f9": "f9",
+    "f10": "f10",
+    "f11": "f11",
+    "f12": "f12",
+    "shift": "쉬프트",
+    "control": "컨트롤",
+    "alt": "알트",
+    "meta": "메타",
+    "capslock": "캡스락",
+    "insert": "Insert",
+    "home": "HOME",
+    "end": "END",
+    "pageup": "페이지 업",
+    "pagedown": "페이지 다운",
+    "!": "!",
+    "@": "@",
+    "#": "#",
+    "$": "$",
+    "%": "%",
+    "^": "^^",
+    "&": "&",
+    "*": "*",
+    "(": "(",
+    ")": ")",
+    "-": "-",
+    "_": "_",
+    "+": "+",
+    "=": "=",
+    "[": "[",
+    "]": "]",
+    "{": "{",
+    "}": "}",
+    ";": ";",
+    ":": ":",
+    "'": "'",
+    "\"": "\"",
+    ",": ",",
+    ".": ".",
+    "<": "<",
+    ">": ">",
+    "/": "/",
+    "?": "?",
+    "LEFT_STICK_X": "왼쪽_스틱_X",
+    "LEFT_STICK_Y": "왼쪽_스틱_Y",
+    "RIGHT_STICK_X": "오른쪽_스틱_X",
+    "RIGHT_STICK_Y": "오른쪽_스틱_Y",
+    "LEFT_TRIGGER": "왼쪽_트리거",
+    "RIGHT_TRIGGER": "오른쪽_트리거",
+    "A_BUTTON": "A_버튼",
+    "B_BUTTON": "B_버튼",
+    "X_BUTTON": "X_버튼",
+    "Y_BUTTON": "Y_버튼",
+    "START_BUTTON": "시작_버튼",
+    "SELECT_BUTTON": "선택_버튼",
+    "L1_BUTTON": "L1_버튼",
+    "R1_BUTTON": "R1_버튼",
+    "L2_BUTTON": "L2_버튼",
+    "R2_BUTTON": "R2_버튼",
+    "LEFT_THUMB_BUTTON": "왼쪽_엄지_버튼",
+    "RIGHT_THUMB_BUTTON": "오른쪽_엄지_버튼",
+    "DPAD_UP": "DPAD_위",
+    "DPAD_DOWN": "DPAD_아래",
+    "DPAD_LEFT": "DPAD_왼쪽",
+    "DPAD_RIGHT": "DPAD_오른쪽",
+    "Disks": "디스크",
+    "Exit EmulatorJS": "EmulatorJS 끝내기",
+    "BUTTON_1": "버튼_1",
+    "BUTTON_2": "버튼_2",
+    "BUTTON_3": "버튼_3",
+    "BUTTON_4": "버튼_4",
+    "up arrow": "화살표 키 위",
+    "down arrow": "화살표 키 아래",
+    "left arrow": "화살표 키 왼쪽",
+    "right arrow": "화살표 키 오른쪽",
+    "LEFT_TOP_SHOULDER": "왼쪽 상단 숄더",
+    "RIGHT_TOP_SHOULDER": "오른쪽 상단 숄더",
+    "CRT beam": "CRT 빔",
+    "CRT caligari": "CRT 칼리가리",
+    "CRT lottes": "CRT 로테스",
+    "CRT yeetron": "CRT 이트론",
+    "CRT zfast": "CRT 지패스트",
+    "SABR": "SABR",
+    "Bicubic": "쌍입방(Bicubic)",
+    "Mix frames": "프레임 혼합",
+    "WebGL2": "WebGL2",
+    "Requires restart": "재시작 필요함",
+    "VSync": "수직동기화",
+    "Video Rotation": "화면 회전",
+    "System Save interval": "시스템 세이브 간격",
+    "Menu Bar Button": "메뉴바 버튼",
+    "visible": "보이기",
+    "hidden": "숨기기",
+    "Exit Emulation": "에뮬레이터 종료",
+    "LEFT_BOTTOM_SHOULDER": "왼쪽 하단 숄더",
+    "RIGHT_BOTTOM_SHOULDER": "오른쪽 하단 숄더",
+    "LEFT_STICK": "왼쪽 스틱",
+    "RIGHT_STICK": "오른쪽 스틱",
+    "-1": "-1",
+    "+1": "+1",
+    "Mode": "모드",
+    "": "",
+    "Core (재시작 필요함)": "코어 (재시작 필요함)",
+    "Rewind Enabled (재시작 필요함)": "되감기 활성화 (재시작 필요함)",
+    "Menubar Mouse Trigger": "메뉴바 마우스 활성화",
+    "Downward Movement": "아래쪽 이동",
+    "Movement Anywhere": "전체 영역 이동",
+    "Direct Keyboard Input": "키보드 직접 입력",
+    "Forward Alt key": "Alt 키 전달",
+    "Lock Mouse": "마우스 잠금",
+    "Are you sure you want to exit?": "정말로 종료하시겠습니까?",
+    "Exit": "종료",
+    "Cancel": "취소",
+    "EmulatorJS has exited": "에뮬레이터가 종료되었습니다.",
+    "Start Screen Recording": "화면 녹화 시작",
+    "Stop Screen Recording": "화면 녹화 중지",
+    "Screenshot Source": "스크린샷 소스",
+    "Screenshot Format": "스크린샷 형식",
+    "Screenshot Upscale": "스크린샷 업스케일",
+    "Screen Recording FPS": "화면 녹화 프레임율",
+    "Screen Recording Format": "화면 녹화 형식",
+    "Screen Recording Upscale": "화면 녹화 업스케일",
+    "Screen Recording Video Bitrate": "화면 녹화 비디오 비트레이트",
+    "Screen Recording Audio Bitrate": "화면 녹화 오디오 비트레이트",
+    "customDownload": "상태 파일 다운로드",
+    "customUpload": "상태 파일 업로드",
+    "customScreenshot": "스크린 샷 찍기"
+}
diff --git a/data/localization/pt-BR.json b/data/localization/pt.json
similarity index 100%
rename from data/localization/pt-BR.json
rename to data/localization/pt.json
diff --git a/data/localization/readme.md b/data/localization/readme.md
deleted file mode 100644
index 5a9babc7..00000000
--- a/data/localization/readme.md
+++ /dev/null
@@ -1,57 +0,0 @@
-# Localization
-
-Supported languages
-
-`en-US` - English US<br>
-`pt-BR` - Portuguese<br>
-`es-ES` - Spanish<br>
-`el-GR` - Greek<br>
-`ja-JA` - Japanese<br>
-`zh-CN` - Chinese<br>
-`hi-HI` - Hindi<br>
-`ar-AR` - Arabic<br>
-`jv-JV` - Javanese<br>
-`ben-BEN` - Bengali<br>
-`ru-RU` - Russian<br>
-`de-GER` - German<br>
-`ko-KO` - Korean<br>
-`af-FR` - French<br>
-`it-IT` - Italian<br>
-`tr-Tr` - Turkish<br>
-`fa-AF` - Persian<br>
-
-default: `en-US`
-
-add the line to your code to use
-
-```
-EJS_language = ''; //language
-```
-
-If the language file is not found or there was an error fetching the file, the emulator will default to english.
-
-## Credits
-
-Translated for `es-ES` originally by [@cesarcristianodeoliveira](https://github.com/cesarcristianodeoliveira) and updated by [@angelmarfil](https://github.com/angelmarfil) <br>
-Translated for `el-GR` by [@imneckro](https://github.com/imneckro) <br>
-Translated for `ja-JA`, `hi-HI`, `ar-AR`, `jv-JV`, `ben-BEN`, `ru-RU`, `de-GER`, `ko-KO`, `af-FR` by [@allancoding](https://github.com/allancoding) <br>
-Translated for `pt-BR` originally by [@allancoding](https://github.com/allancoding) and updated by [@zmarteline](https://github.com/zmarteline)<br>
-Translated for `zh-CN` originally by [@allancoding](https://github.com/allancoding) and updated by [@eric183](https://github.com/eric183)<br>
-Translated for `pt-BR` originally by [@allancoding](https://github.com/allancoding) and updated by [@zmarteline](https://github.com/zmarteline) <br>
-Translated for `it-IT` by [@IvanMazzoli](https://github.com/IvanMazzoli) <br>
-Translated for `tr-Tr` by [@iGoodie](https://github.com/iGoodie) <br>
-Translated for `fa-AF` by [@rezamohdev](https://github.com/rezamohdev) <br>
-
-## Contributing
-
-Download the default `en.json` file and simply translate all the words that start with the `-` (remove the dash afterwards) then perform a pull request or open an issue with the file uploaded and I will add your work.
-
-The `retroarch.json` are all the setting names for the menu. They will default to english if not found. You can set `EJS_settingsLanguage` to `true` to see the missing retroarch settings names for the current language. You can translate them and add the to the language file.
-
-The control maping traslations for controllers are diffrent for each controller. They will need to be added to the language file if they are not in the default `en.json` file.
-
-You can also use the [Translation Helper](Translate.html) tool to help you translate the file.
-
-Please contribute!!
-
-Enything that is incorrect or needs to be fix please perform a pull request!
diff --git a/data/localization/retroarch.json b/data/localization/retroarch.json
index 4bd1f9b3..4ea0be5e 100644
--- a/data/localization/retroarch.json
+++ b/data/localization/retroarch.json
@@ -1,617 +1,617 @@
 {
-    "fceumm region": "-fceumm region",
-    "fceumm sndquality": "-fceumm sndquality",
-    "fceumm aspect": "-fceumm aspect",
-    "fceumm overscan h left": "-fceumm overscan h left",
-    "fceumm overscan h right": "-fceumm overscan h right",
-    "fceumm overscan v top": "-fceumm overscan v top",
-    "fceumm overscan v bottom": "-fceumm overscan v bottom",
-    "fceumm turbo enable": "-fceumm turbo enable",
-    "fceumm turbo delay": "-fceumm turbo delay",
-    "fceumm zapper tolerance": "-fceumm zapper tolerance",
-    "fceumm mouse sensitivity": "-fceumm mouse sensitivity",
-    "50%": "-50%",
-    "60%": "-60%",
-    "70%": "-70%",
-    "80%": "-80%",
-    "90%": "-90%",
-    "100%": "-100%",
-    "150%": "-150%",
-    "200%": "-200%",
-    "250%": "-250%",
-    "300%": "-300%",
-    "350%": "-350%",
-    "400%": "-400%",
-    "450%": "-450%",
-    "500%": "-500%",
-    "snes9x overclock superfx": "-snes9x overclock superfx",
-    "snes9x superscope crosshair": "-snes9x superscope crosshair",
-    "White": "-White",
-    "White (blend)": "-White (blend)",
-    "Red": "-Red",
-    "Red (blend)": "-Red (blend)",
-    "Orange": "-Orange",
-    "Orange (blend)": "-Orange (blend)",
-    "Yellow": "-Yellow",
-    "Yellow (blend)": "-Yellow (blend)",
-    "Green": "-Green",
-    "Green (blend)": "-Green (blend)",
-    "Cyan": "-Cyan",
-    "Cyan (blend)": "-Cyan (blend)",
-    "Sky": "-Sky",
-    "Sky (blend)": "-Sky (blend)",
-    "Blue": "-Blue",
-    "Blue (blend)": "-Blue (blend)",
-    "Violet": "-Violet",
-    "Violet (blend)": "-Violet (blend)",
-    "Pink": "-Pink",
-    "Pink (blend)": "-Pink (blend)",
-    "Purple": "-Purple",
-    "Purple (blend)": "-Purple (blend)",
-    "Black": "-Black",
-    "Black (blend)": "-Black (blend)",
-    "25% Grey": "-25% Grey",
-    "25% Grey (blend)": "-25% Grey (blend)",
-    "50% Grey": "-50% Grey",
-    "50% Grey (blend)": "-50% Grey (blend)",
-    "75% Grey": "-75% Grey",
-    "75% Grey (blend)": "-75% Grey (blend)",
-    "snes9x superscope color": "-snes9x superscope color",
-    "snes9x justifier1 crosshair": "-snes9x justifier1 crosshair",
-    "snes9x justifier1 color": "-snes9x justifier1 color",
-    "snes9x justifier2 crosshair": "-snes9x justifier2 crosshair",
-    "snes9x justifier2 color": "-snes9x justifier2 color",
-    "snes9x rifle crosshair": "-snes9x rifle crosshair",
-    "snes9x rifle color": "-snes9x rifle color",
-    "1.0x (12.50Mhz)": "-1.0x (12.50Mhz)",
-    "1.1x (13.75Mhz)": "-1.1x (13.75Mhz)",
-    "1.2x (15.00Mhz)": "-1.2x (15.00Mhz)",
-    "1.5x (18.75Mhz)": "-1.5x (18.75Mhz)",
-    "1.6x (20.00Mhz)": "-1.6x (20.00Mhz)",
-    "1.8x (22.50Mhz)": "-1.8x (22.50Mhz)",
-    "2.0x (25.00Mhz)": "-2.0x (25.00Mhz)",
-    "opera cpu overclock": "-opera cpu overclock",
-    "0RGB1555": "-0RGB1555",
-    "RGB565": "-RGB565",
-    "XRGB8888": "-XRGB8888",
-    "opera vdlp pixel format": "-opera vdlp pixel format",
-    "opera nvram version": "-opera nvram version",
-    "opera active devices": "-opera active devices",
-    "stella2014 stelladaptor analog sensitivity": "-stella2014 stelladaptor analog sensitivity",
-    "stella2014 stelladaptor analog center": "-stella2014 stelladaptor analog center",
-    "handy frameskip threshold": "-handy frameskip threshold",
-    "320x240": "-320x240",
-    "640x480": "-640x480",
-    "960x720": "-960x720",
-    "1280x960": "-1280x960",
-    "1440x1080": "-1440x1080",
-    "1600x1200": "-1600x1200",
-    "1920x1440": "-1920x1440",
-    "2240x1680": "-2240x1680",
-    "2560x1920": "-2560x1920",
-    "2880x2160": "-2880x2160",
-    "3200x2400": "-3200x2400",
-    "3520x2640": "-3520x2640",
-    "3840x2880": "-3840x2880",
-    "43screensize": "-43screensize",
-    "3point": "-3point",
-    "standard": "-standard",
-    "BilinearMode": "-BilinearMode",
-    "MultiSampling": "-MultiSampling",
-    "FXAA": "-FXAA",
-    "Software": "-Software",
-    "FromMem": "-FromMem",
-    "EnableCopyDepthToRDRAM": "-EnableCopyDepthToRDRAM",
-    "Stripped": "-Stripped",
-    "OnePiece": "-OnePiece",
-    "BackgroundMode": "-BackgroundMode",
-    "OverscanTop": "-OverscanTop",
-    "OverscanLeft": "-OverscanLeft",
-    "OverscanRight": "-OverscanRight",
-    "OverscanBottom": "-OverscanBottom",
-    "MaxHiResTxVramLimit": "-MaxHiResTxVramLimit",
-    "MaxTxCacheSize": "-MaxTxCacheSize",
-    "Smooth filtering 1": "-Smooth filtering 1",
-    "Smooth filtering 2": "-Smooth filtering 2",
-    "Smooth filtering 3": "-Smooth filtering 3",
-    "Smooth filtering 4": "-Smooth filtering 4",
-    "Sharp filtering 1": "-Sharp filtering 1",
-    "Sharp filtering 2": "-Sharp filtering 2",
-    "txFilterMode": "-txFilterMode",
-    "As Is": "-As Is",
-    "X2": "-X2",
-    "X2SAI": "-X2SAI",
-    "HQ2X": "-HQ2X",
-    "HQ2XS": "-HQ2XS",
-    "LQ2X": "-LQ2X",
-    "LQ2XS": "-LQ2XS",
-    "HQ4X": "-HQ4X",
-    "2xBRZ": "-2xBRZ",
-    "3xBRZ": "-3xBRZ",
-    "4xBRZ": "-4xBRZ",
-    "5xBRZ": "-5xBRZ",
-    "6xBRZ": "-6xBRZ",
-    "txEnhancementMode": "-txEnhancementMode",
-    "Original": "-Original",
-    "Fullspeed": "-Fullspeed",
-    "Framerate": "-Framerate",
-    "virefresh": "-virefresh",
-    "CountPerOp": "-CountPerOp",
-    "CountPerOpDenomPot": "-CountPerOpDenomPot",
-    "deadzone": "-deadzone",
-    "sensitivity": "-sensitivity",
-    "C1": "-C1",
-    "C2": "-C2",
-    "C3": "-C3",
-    "C4": "-C4",
-    "cbutton": "-cbutton",
-    "none": "-none",
-    "memory": "-memory",
-    "rumble": "-rumble",
-    "transfer": "-transfer",
-    "pak1": "-pak1",
-    "pak2": "-pak2",
-    "pak3": "-pak3",
-    "pak4": "-pak4",
-    "Autodetect": "-Autodetect",
-    "Game Boy": "-Game Boy",
-    "Super Game Boy": "-Super Game Boy",
-    "Game Boy Color": "-Game Boy Color",
-    "Game Boy Advance": "-Game Boy Advance",
-    "mgba gb model": "-mgba gb model",
-    "ON": "-ON",
-    "OFF": "-OFF",
-    "mgba use bios": "-mgba use bios",
-    "mgba skip bios": "-mgba skip bios",
-    "Grayscale": "-Grayscale",
-    "DMG Green": "-DMG Green",
-    "GB Pocket": "-GB Pocket",
-    "GB Light": "-GB Light",
-    "GBC Brown ↑": "-GBC Brown ↑",
-    "GBC Red ↑A": "-GBC Red ↑A",
-    "GBC Dark Brown ↑B": "-GBC Dark Brown ↑B",
-    "GBC Pale Yellow ↓": "-GBC Pale Yellow ↓",
-    "GBC Orange ↓A": "-GBC Orange ↓A",
-    "GBC Yellow ↓B": "-GBC Yellow ↓B",
-    "GBC Blue ←": "-GBC Blue ←",
-    "GBC Dark Blue ←A": "-GBC Dark Blue ←A",
-    "GBC Gray ←B": "-GBC Gray ←B",
-    "GBC Green →": "-GBC Green →",
-    "GBC Dark Green →A": "-GBC Dark Green →A",
-    "GBC Reverse →B": "-GBC Reverse →B",
-    "SGB 1-A": "-SGB 1-A",
-    "SGB 1-B": "-SGB 1-B",
-    "SGB 1-C": "-SGB 1-C",
-    "SGB 1-D": "-SGB 1-D",
-    "SGB 1-E": "-SGB 1-E",
-    "SGB 1-F": "-SGB 1-F",
-    "SGB 1-G": "-SGB 1-G",
-    "SGB 1-H": "-SGB 1-H",
-    "SGB 2-A": "-SGB 2-A",
-    "SGB 2-B": "-SGB 2-B",
-    "SGB 2-C": "-SGB 2-C",
-    "SGB 2-D": "-SGB 2-D",
-    "SGB 2-E": "-SGB 2-E",
-    "SGB 2-F": "-SGB 2-F",
-    "SGB 2-G": "-SGB 2-G",
-    "SGB 2-H": "-SGB 2-H",
-    "SGB 3-A": "-SGB 3-A",
-    "SGB 3-B": "-SGB 3-B",
-    "SGB 3-C": "-SGB 3-C",
-    "SGB 3-D": "-SGB 3-D",
-    "SGB 3-E": "-SGB 3-E",
-    "SGB 3-F": "-SGB 3-F",
-    "SGB 3-G": "-SGB 3-G",
-    "SGB 3-H": "-SGB 3-H",
-    "SGB 4-A": "-SGB 4-A",
-    "SGB 4-B": "-SGB 4-B",
-    "SGB 4-C": "-SGB 4-C",
-    "SGB 4-D": "-SGB 4-D",
-    "SGB 4-E": "-SGB 4-E",
-    "SGB 4-F": "-SGB 4-F",
-    "SGB 4-G": "-SGB 4-G",
-    "SGB 4-H": "-SGB 4-H",
-    "mgba gb colors": "-mgba gb colors",
-    "mgba sgb borders": "-mgba sgb borders",
-    "mgba color correction": "-mgba color correction",
-    "mgba solar sensor level": "-mgba solar sensor level",
-    "mgba force gbp": "-mgba force gbp",
-    "Remove Known": "-Remove Known",
-    "Detect and Remove": "-Detect and Remove",
-    "Don't Remove": "-Don't Remove",
-    "mgba idle optimization": "-mgba idle optimization",
-    "mgba frameskip threshold": "-mgba frameskip threshold",
-    "mgba frameskip interval": "-mgba frameskip interval",
-    "GB - DMG": "-GB - DMG",
-    "GB - Pocket": "-GB - Pocket",
-    "GB - Light": "-GB - Light",
-    "GBC - Blue": "-GBC - Blue",
-    "GBC - Brown": "-GBC - Brown",
-    "GBC - Dark Blue": "-GBC - Dark Blue",
-    "GBC - Dark Brown": "-GBC - Dark Brown",
-    "GBC - Dark Green": "-GBC - Dark Green",
-    "GBC - Grayscale": "-GBC - Grayscale",
-    "GBC - Green": "-GBC - Green",
-    "GBC - Inverted": "-GBC - Inverted",
-    "GBC - Orange": "-GBC - Orange",
-    "GBC - Pastel Mix": "-GBC - Pastel Mix",
-    "GBC - Red": "-GBC - Red",
-    "GBC - Yellow": "-GBC - Yellow",
-    "SGB - 1A": "-SGB - 1A",
-    "SGB - 1B": "-SGB - 1B",
-    "SGB - 1C": "-SGB - 1C",
-    "SGB - 1D": "-SGB - 1D",
-    "SGB - 1E": "-SGB - 1E",
-    "SGB - 1F": "-SGB - 1F",
-    "SGB - 1G": "-SGB - 1G",
-    "SGB - 1H": "-SGB - 1H",
-    "SGB - 2A": "-SGB - 2A",
-    "SGB - 2B": "-SGB - 2B",
-    "SGB - 2C": "-SGB - 2C",
-    "SGB - 2D": "-SGB - 2D",
-    "SGB - 2E": "-SGB - 2E",
-    "SGB - 2F": "-SGB - 2F",
-    "SGB - 2G": "-SGB - 2G",
-    "SGB - 2H": "-SGB - 2H",
-    "SGB - 3A": "-SGB - 3A",
-    "SGB - 3B": "-SGB - 3B",
-    "SGB - 3C": "-SGB - 3C",
-    "SGB - 3D": "-SGB - 3D",
-    "SGB - 3E": "-SGB - 3E",
-    "SGB - 3F": "-SGB - 3F",
-    "SGB - 3G": "-SGB - 3G",
-    "SGB - 3H": "-SGB - 3H",
-    "SGB - 4A": "-SGB - 4A",
-    "SGB - 4B": "-SGB - 4B",
-    "SGB - 4C": "-SGB - 4C",
-    "SGB - 4D": "-SGB - 4D",
-    "SGB - 4E": "-SGB - 4E",
-    "SGB - 4F": "-SGB - 4F",
-    "SGB - 4G": "-SGB - 4G",
-    "SGB - 4H": "-SGB - 4H",
-    "Special 1": "-Special 1",
-    "Special 2": "-Special 2",
-    "Special 3": "-Special 3",
-    "Special 4 (TI-83 Legacy)": "-Special 4 (TI-83 Legacy)",
-    "TWB64 - Pack 1": "-TWB64 - Pack 1",
-    "TWB64 - Pack 2": "-TWB64 - Pack 2",
-    "PixelShift - Pack 1": "-PixelShift - Pack 1",
-    "gambatte gb internal palette": "-gambatte gb internal palette",
-    "TWB64 001 - Aqours Blue": "-TWB64 001 - Aqours Blue",
-    "TWB64 002 - Anime Expo Ver.": "-TWB64 002 - Anime Expo Ver.",
-    "TWB64 003 - SpongeBob Yellow": "-TWB64 003 - SpongeBob Yellow",
-    "TWB64 004 - Patrick Star Pink": "-TWB64 004 - Patrick Star Pink",
-    "TWB64 005 - Neon Red": "-TWB64 005 - Neon Red",
-    "TWB64 006 - Neon Blue": "-TWB64 006 - Neon Blue",
-    "TWB64 007 - Neon Yellow": "-TWB64 007 - Neon Yellow",
-    "TWB64 008 - Neon Green": "-TWB64 008 - Neon Green",
-    "TWB64 009 - Neon Pink": "-TWB64 009 - Neon Pink",
-    "TWB64 010 - Mario Red": "-TWB64 010 - Mario Red",
-    "TWB64 011 - Nick Orange": "-TWB64 011 - Nick Orange",
-    "TWB64 012 - Virtual Boy Ver.": "-TWB64 012 - Virtual Boy Ver.",
-    "TWB64 013 - Golden Wild": "-TWB64 013 - Golden Wild",
-    "TWB64 014 - Builder Yellow": "-TWB64 014 - Builder Yellow",
-    "TWB64 015 - Classic Blurple": "-TWB64 015 - Classic Blurple",
-    "TWB64 016 - 765 Production Ver.": "-TWB64 016 - 765 Production Ver.",
-    "TWB64 017 - Superball Ivory": "-TWB64 017 - Superball Ivory",
-    "TWB64 018 - Crunchyroll Orange": "-TWB64 018 - Crunchyroll Orange",
-    "TWB64 019 - Muse Pink": "-TWB64 019 - Muse Pink",
-    "TWB64 020 - Nijigasaki Yellow": "-TWB64 020 - Nijigasaki Yellow",
-    "TWB64 021 - Gamate Ver.": "-TWB64 021 - Gamate Ver.",
-    "TWB64 022 - Greenscale Ver.": "-TWB64 022 - Greenscale Ver.",
-    "TWB64 023 - Odyssey Gold": "-TWB64 023 - Odyssey Gold",
-    "TWB64 024 - Super Saiyan God": "-TWB64 024 - Super Saiyan God",
-    "TWB64 025 - Super Saiyan Blue": "-TWB64 025 - Super Saiyan Blue",
-    "TWB64 026 - Bizarre Pink": "-TWB64 026 - Bizarre Pink",
-    "TWB64 027 - Nintendo Switch Lite Ver.": "-TWB64 027 - Nintendo Switch Lite Ver.",
-    "TWB64 028 - Game.com Ver.": "-TWB64 028 - Game.com Ver.",
-    "TWB64 029 - Sanrio Pink": "-TWB64 029 - Sanrio Pink",
-    "TWB64 030 - BANDAI NAMCO Ver.": "-TWB64 030 - BANDAI NAMCO Ver.",
-    "TWB64 031 - Cosmo Green": "-TWB64 031 - Cosmo Green",
-    "TWB64 032 - Wanda Pink": "-TWB64 032 - Wanda Pink",
-    "TWB64 033 - Link's Awakening DX Ver.": "-TWB64 033 - Link's Awakening DX Ver.",
-    "TWB64 034 - Travel Wood": "-TWB64 034 - Travel Wood",
-    "TWB64 035 - Pokemon Ver.": "-TWB64 035 - Pokemon Ver.",
-    "TWB64 036 - Game Grump Orange": "-TWB64 036 - Game Grump Orange",
-    "TWB64 037 - Scooby-Doo Mystery Ver.": "-TWB64 037 - Scooby-Doo Mystery Ver.",
-    "TWB64 038 - Pokemon mini Ver.": "-TWB64 038 - Pokemon mini Ver.",
-    "TWB64 039 - Supervision Ver.": "-TWB64 039 - Supervision Ver.",
-    "TWB64 040 - DMG Ver.": "-TWB64 040 - DMG Ver.",
-    "TWB64 041 - Pocket Ver.": "-TWB64 041 - Pocket Ver.",
-    "TWB64 042 - Light Ver.": "-TWB64 042 - Light Ver.",
-    "TWB64 043 - Miraitowa Blue": "-TWB64 043 - Miraitowa Blue",
-    "TWB64 044 - Someity Pink": "-TWB64 044 - Someity Pink",
-    "TWB64 045 - Pikachu Yellow": "-TWB64 045 - Pikachu Yellow",
-    "TWB64 046 - Eevee Brown": "-TWB64 046 - Eevee Brown",
-    "TWB64 047 - Microvision Ver.": "-TWB64 047 - Microvision Ver.",
-    "TWB64 048 - TI-83 Ver.": "-TWB64 048 - TI-83 Ver.",
-    "TWB64 049 - Aegis Cherry": "-TWB64 049 - Aegis Cherry",
-    "TWB64 050 - Labo Fawn": "-TWB64 050 - Labo Fawn",
-    "TWB64 051 - MILLION LIVE GOLD!": "-TWB64 051 - MILLION LIVE GOLD!",
-    "TWB64 052 - Tokyo Midtown Ver.": "-TWB64 052 - Tokyo Midtown Ver.",
-    "TWB64 053 - VMU Ver.": "-TWB64 053 - VMU Ver.",
-    "TWB64 054 - Game Master Ver.": "-TWB64 054 - Game Master Ver.",
-    "TWB64 055 - Android Green": "-TWB64 055 - Android Green",
-    "TWB64 056 - Ticketmaster Azure": "-TWB64 056 - Ticketmaster Azure",
-    "TWB64 057 - Google Red": "-TWB64 057 - Google Red",
-    "TWB64 058 - Google Blue": "-TWB64 058 - Google Blue",
-    "TWB64 059 - Google Yellow": "-TWB64 059 - Google Yellow",
-    "TWB64 060 - Google Green": "-TWB64 060 - Google Green",
-    "TWB64 061 - WonderSwan Ver.": "-TWB64 061 - WonderSwan Ver.",
-    "TWB64 062 - Neo Geo Pocket Ver.": "-TWB64 062 - Neo Geo Pocket Ver.",
-    "TWB64 063 - Dew Green": "-TWB64 063 - Dew Green",
-    "TWB64 064 - Coca-Cola Red": "-TWB64 064 - Coca-Cola Red",
-    "TWB64 065 - GameKing Ver.": "-TWB64 065 - GameKing Ver.",
-    "TWB64 066 - Do The Dew Ver.": "-TWB64 066 - Do The Dew Ver.",
-    "TWB64 067 - Digivice Ver.": "-TWB64 067 - Digivice Ver.",
-    "TWB64 068 - Bikini Bottom Ver.": "-TWB64 068 - Bikini Bottom Ver.",
-    "TWB64 069 - Blossom Pink": "-TWB64 069 - Blossom Pink",
-    "TWB64 070 - Bubbles Blue": "-TWB64 070 - Bubbles Blue",
-    "TWB64 071 - Buttercup Green": "-TWB64 071 - Buttercup Green",
-    "TWB64 072 - NASCAR Ver.": "-TWB64 072 - NASCAR Ver.",
-    "TWB64 073 - Lemon-Lime Green": "-TWB64 073 - Lemon-Lime Green",
-    "TWB64 074 - Mega Man V Ver.": "-TWB64 074 - Mega Man V Ver.",
-    "TWB64 075 - Tamagotchi Ver.": "-TWB64 075 - Tamagotchi Ver.",
-    "TWB64 076 - Phantom Red": "-TWB64 076 - Phantom Red",
-    "TWB64 077 - Halloween Ver.": "-TWB64 077 - Halloween Ver.",
-    "TWB64 078 - Christmas Ver.": "-TWB64 078 - Christmas Ver.",
-    "TWB64 079 - Cardcaptor Pink": "-TWB64 079 - Cardcaptor Pink",
-    "TWB64 080 - Pretty Guardian Gold": "-TWB64 080 - Pretty Guardian Gold",
-    "TWB64 081 - Camouflage Ver.": "-TWB64 081 - Camouflage Ver.",
-    "TWB64 082 - Legendary Super Saiyan": "-TWB64 082 - Legendary Super Saiyan",
-    "TWB64 083 - Super Saiyan Rose": "-TWB64 083 - Super Saiyan Rose",
-    "TWB64 084 - Super Saiyan": "-TWB64 084 - Super Saiyan",
-    "TWB64 085 - Perfected Ultra Instinct": "-TWB64 085 - Perfected Ultra Instinct",
-    "TWB64 086 - Saint Snow Red": "-TWB64 086 - Saint Snow Red",
-    "TWB64 087 - Yellow Banana": "-TWB64 087 - Yellow Banana",
-    "TWB64 088 - Green Banana": "-TWB64 088 - Green Banana",
-    "TWB64 089 - Super Saiyan 3": "-TWB64 089 - Super Saiyan 3",
-    "TWB64 090 - Super Saiyan Blue Evolved": "-TWB64 090 - Super Saiyan Blue Evolved",
-    "TWB64 091 - Pocket Tales Ver.": "-TWB64 091 - Pocket Tales Ver.",
-    "TWB64 092 - Investigation Yellow": "-TWB64 092 - Investigation Yellow",
-    "TWB64 093 - S.E.E.S. Blue": "-TWB64 093 - S.E.E.S. Blue",
-    "TWB64 094 - Game Awards Cyan": "-TWB64 094 - Game Awards Cyan",
-    "TWB64 095 - Hokage Orange": "-TWB64 095 - Hokage Orange",
-    "TWB64 096 - Straw Hat Red": "-TWB64 096 - Straw Hat Red",
-    "TWB64 097 - Sword Art Cyan": "-TWB64 097 - Sword Art Cyan",
-    "TWB64 098 - Deku Alpha Emerald": "-TWB64 098 - Deku Alpha Emerald",
-    "TWB64 099 - Blue Stripes Ver.": "-TWB64 099 - Blue Stripes Ver.",
-    "TWB64 100 - Stone Orange": "-TWB64 100 - Stone Orange",
-    "gambatte gb palette twb64 1": "-gambatte gb palette twb64 1",
-    "TWB64 101 - 765PRO Pink": "-TWB64 101 - 765PRO Pink",
-    "TWB64 102 - CINDERELLA Blue": "-TWB64 102 - CINDERELLA Blue",
-    "TWB64 103 - MILLION Yellow!": "-TWB64 103 - MILLION Yellow!",
-    "TWB64 104 - SideM Green": "-TWB64 104 - SideM Green",
-    "TWB64 105 - SHINY Sky Blue": "-TWB64 105 - SHINY Sky Blue",
-    "TWB64 106 - Angry Volcano Ver.": "-TWB64 106 - Angry Volcano Ver.",
-    "TWB64 107 - Yo-kai Pink": "-TWB64 107 - Yo-kai Pink",
-    "TWB64 108 - Yo-kai Green": "-TWB64 108 - Yo-kai Green",
-    "TWB64 109 - Yo-kai Blue": "-TWB64 109 - Yo-kai Blue",
-    "TWB64 110 - Yo-kai Purple": "-TWB64 110 - Yo-kai Purple",
-    "TWB64 111 - Aquatic Iro": "-TWB64 111 - Aquatic Iro",
-    "TWB64 112 - Tea Midori": "-TWB64 112 - Tea Midori",
-    "TWB64 113 - Sakura Pink": "-TWB64 113 - Sakura Pink",
-    "TWB64 114 - Wisteria Murasaki": "-TWB64 114 - Wisteria Murasaki",
-    "TWB64 115 - Oni Aka": "-TWB64 115 - Oni Aka",
-    "TWB64 116 - Golden Kiiro": "-TWB64 116 - Golden Kiiro",
-    "TWB64 117 - Silver Shiro": "-TWB64 117 - Silver Shiro",
-    "TWB64 118 - Fruity Orange": "-TWB64 118 - Fruity Orange",
-    "TWB64 119 - AKB48 Pink": "-TWB64 119 - AKB48 Pink",
-    "TWB64 120 - Miku Blue": "-TWB64 120 - Miku Blue",
-    "TWB64 121 - Fairy Tail Red": "-TWB64 121 - Fairy Tail Red",
-    "TWB64 122 - Survey Corps Brown": "-TWB64 122 - Survey Corps Brown",
-    "TWB64 123 - Island Green": "-TWB64 123 - Island Green",
-    "TWB64 124 - Mania Plus Green": "-TWB64 124 - Mania Plus Green",
-    "TWB64 125 - Ninja Turtle Green": "-TWB64 125 - Ninja Turtle Green",
-    "TWB64 126 - Slime Blue": "-TWB64 126 - Slime Blue",
-    "TWB64 127 - Lime Midori": "-TWB64 127 - Lime Midori",
-    "TWB64 128 - Ghostly Aoi": "-TWB64 128 - Ghostly Aoi",
-    "TWB64 129 - Retro Bogeda": "-TWB64 129 - Retro Bogeda",
-    "TWB64 130 - Royal Blue": "-TWB64 130 - Royal Blue",
-    "TWB64 131 - Neon Purple": "-TWB64 131 - Neon Purple",
-    "TWB64 132 - Neon Orange": "-TWB64 132 - Neon Orange",
-    "TWB64 133 - Moonlight Vision": "-TWB64 133 - Moonlight Vision",
-    "TWB64 134 - Tokyo Red": "-TWB64 134 - Tokyo Red",
-    "TWB64 135 - Paris Gold": "-TWB64 135 - Paris Gold",
-    "TWB64 136 - Beijing Blue": "-TWB64 136 - Beijing Blue",
-    "TWB64 137 - Pac-Man Yellow": "-TWB64 137 - Pac-Man Yellow",
-    "TWB64 138 - Irish Green": "-TWB64 138 - Irish Green",
-    "TWB64 139 - Kakarot Orange": "-TWB64 139 - Kakarot Orange",
-    "TWB64 140 - Dragon Ball Orange": "-TWB64 140 - Dragon Ball Orange",
-    "TWB64 141 - Christmas Gold": "-TWB64 141 - Christmas Gold",
-    "TWB64 142 - Pepsi-Cola Blue": "-TWB64 142 - Pepsi-Cola Blue",
-    "TWB64 143 - Bubblun Green": "-TWB64 143 - Bubblun Green",
-    "TWB64 144 - Bobblun Blue": "-TWB64 144 - Bobblun Blue",
-    "TWB64 145 - Baja Blast Storm": "-TWB64 145 - Baja Blast Storm",
-    "TWB64 146 - Olympic Gold": "-TWB64 146 - Olympic Gold",
-    "TWB64 147 - Value Orange": "-TWB64 147 - Value Orange",
-    "TWB64 148 - Liella Purple!": "-TWB64 148 - Liella Purple!",
-    "TWB64 149 - Olympic Silver": "-TWB64 149 - Olympic Silver",
-    "TWB64 150 - Olympic Bronze": "-TWB64 150 - Olympic Bronze",
-    "TWB64 151 - ANA Sky Blue": "-TWB64 151 - ANA Sky Blue",
-    "TWB64 152 - Nijigasaki Orange": "-TWB64 152 - Nijigasaki Orange",
-    "TWB64 153 - HoloBlue": "-TWB64 153 - HoloBlue",
-    "TWB64 154 - Wrestling Red": "-TWB64 154 - Wrestling Red",
-    "TWB64 155 - Yoshi Egg Green": "-TWB64 155 - Yoshi Egg Green",
-    "TWB64 156 - Pokedex Red": "-TWB64 156 - Pokedex Red",
-    "TWB64 157 - Disney Dream Blue": "-TWB64 157 - Disney Dream Blue",
-    "TWB64 158 - Xbox Green": "-TWB64 158 - Xbox Green",
-    "TWB64 159 - Sonic Mega Blue": "-TWB64 159 - Sonic Mega Blue",
-    "TWB64 160 - G4 Orange": "-TWB64 160 - G4 Orange",
-    "TWB64 161 - Scarlett Green": "-TWB64 161 - Scarlett Green",
-    "TWB64 162 - Glitchy Blue": "-TWB64 162 - Glitchy Blue",
-    "TWB64 163 - Classic LCD": "-TWB64 163 - Classic LCD",
-    "TWB64 164 - 3DS Virtual Console Ver.": "-TWB64 164 - 3DS Virtual Console Ver.",
-    "TWB64 165 - PocketStation Ver.": "-TWB64 165 - PocketStation Ver.",
-    "TWB64 166 - Game and Gold": "-TWB64 166 - Game and Gold",
-    "TWB64 167 - Smurfy Blue": "-TWB64 167 - Smurfy Blue",
-    "TWB64 168 - Swampy Ogre Green": "-TWB64 168 - Swampy Ogre Green",
-    "TWB64 169 - Sailor Spinach Green": "-TWB64 169 - Sailor Spinach Green",
-    "TWB64 170 - Shenron Green": "-TWB64 170 - Shenron Green",
-    "TWB64 171 - Berserk Blood": "-TWB64 171 - Berserk Blood",
-    "TWB64 172 - Super Star Pink": "-TWB64 172 - Super Star Pink",
-    "TWB64 173 - Gamebuino Classic Ver.": "-TWB64 173 - Gamebuino Classic Ver.",
-    "TWB64 174 - Barbie Pink": "-TWB64 174 - Barbie Pink",
-    "TWB64 175 - Star Command Green": "-TWB64 175 - Star Command Green",
-    "TWB64 176 - Nokia 3310 Ver.": "-TWB64 176 - Nokia 3310 Ver.",
-    "TWB64 177 - Clover Green": "-TWB64 177 - Clover Green",
-    "TWB64 178 - Crash Orange": "-TWB64 178 - Crash Orange",
-    "TWB64 179 - Famicom Disk Yellow": "-TWB64 179 - Famicom Disk Yellow",
-    "TWB64 180 - Team Rocket Red": "-TWB64 180 - Team Rocket Red",
-    "TWB64 181 - SEIKO Timer Yellow": "-TWB64 181 - SEIKO Timer Yellow",
-    "TWB64 182 - PINK109": "-TWB64 182 - PINK109",
-    "TWB64 183 - Doraemon Blue": "-TWB64 183 - Doraemon Blue",
-    "TWB64 184 - Fury Blue": "-TWB64 184 - Fury Blue",
-    "TWB64 185 - Rockstar Orange": "-TWB64 185 - Rockstar Orange",
-    "TWB64 186 - Puyo Puyo Green": "-TWB64 186 - Puyo Puyo Green",
-    "TWB64 187 - Susan G. Pink": "-TWB64 187 - Susan G. Pink",
-    "TWB64 188 - Pizza Hut Red": "-TWB64 188 - Pizza Hut Red",
-    "TWB64 189 - Plumbob Green": "-TWB64 189 - Plumbob Green",
-    "TWB64 190 - Grand Ivory": "-TWB64 190 - Grand Ivory",
-    "TWB64 191 - Demon's Gold": "-TWB64 191 - Demon's Gold",
-    "TWB64 192 - SEGA Tokyo Blue": "-TWB64 192 - SEGA Tokyo Blue",
-    "TWB64 193 - Champion Blue": "-TWB64 193 - Champion Blue",
-    "TWB64 194 - DK Barrel Brown": "-TWB64 194 - DK Barrel Brown",
-    "TWB64 195 - Evangelion Green": "-TWB64 195 - Evangelion Green",
-    "TWB64 196 - Equestrian Purple": "-TWB64 196 - Equestrian Purple",
-    "TWB64 197 - Autobot Red": "-TWB64 197 - Autobot Red",
-    "TWB64 198 - Niconico Sea Green": "-TWB64 198 - Niconico Sea Green",
-    "TWB64 199 - Duracell Copper": "-TWB64 199 - Duracell Copper",
-    "TWB64 200 - TOKYO SKYTREE CLOUDY BLUE": "-TWB64 200 - TOKYO SKYTREE CLOUDY BLUE",
-    "gambatte gb palette twb64 2": "-gambatte gb palette twb64 2",
-    "PixelShift 01 - Arctic Green": "-PixelShift 01 - Arctic Green",
-    "PixelShift 02 - Arduboy": "-PixelShift 02 - Arduboy",
-    "PixelShift 03 - BGB 0.3 Emulator": "-PixelShift 03 - BGB 0.3 Emulator",
-    "PixelShift 04 - Camouflage": "-PixelShift 04 - Camouflage",
-    "PixelShift 05 - Chocolate Bar": "-PixelShift 05 - Chocolate Bar",
-    "PixelShift 06 - CMYK": "-PixelShift 06 - CMYK",
-    "PixelShift 07 - Cotton Candy": "-PixelShift 07 - Cotton Candy",
-    "PixelShift 08 - Easy Greens": "-PixelShift 08 - Easy Greens",
-    "PixelShift 09 - Gamate": "-PixelShift 09 - Gamate",
-    "PixelShift 10 - Game Boy Light": "-PixelShift 10 - Game Boy Light",
-    "PixelShift 11 - Game Boy Pocket": "-PixelShift 11 - Game Boy Pocket",
-    "PixelShift 12 - Game Boy Pocket Alt": "-PixelShift 12 - Game Boy Pocket Alt",
-    "PixelShift 13 - Game Pocket Computer": "-PixelShift 13 - Game Pocket Computer",
-    "PixelShift 14 - Game & Watch Ball": "-PixelShift 14 - Game & Watch Ball",
-    "PixelShift 15 - GB Backlight Blue": "-PixelShift 15 - GB Backlight Blue",
-    "PixelShift 16 - GB Backlight Faded": "-PixelShift 16 - GB Backlight Faded",
-    "PixelShift 17 - GB Backlight Orange": "-PixelShift 17 - GB Backlight Orange",
-    "PixelShift 18 - GB Backlight White ": "-PixelShift 18 - GB Backlight White ",
-    "PixelShift 19 - GB Backlight Yellow Dark": "-PixelShift 19 - GB Backlight Yellow Dark",
-    "PixelShift 20 - GB Bootleg": "-PixelShift 20 - GB Bootleg",
-    "PixelShift 21 - GB Hunter": "-PixelShift 21 - GB Hunter",
-    "PixelShift 22 - GB Kiosk": "-PixelShift 22 - GB Kiosk",
-    "PixelShift 23 - GB Kiosk 2": "-PixelShift 23 - GB Kiosk 2",
-    "PixelShift 24 - GB New": "-PixelShift 24 - GB New",
-    "PixelShift 25 - GB Nuked": "-PixelShift 25 - GB Nuked",
-    "PixelShift 26 - GB Old": "-PixelShift 26 - GB Old",
-    "PixelShift 27 - GBP Bivert": "-PixelShift 27 - GBP Bivert",
-    "PixelShift 28 - GB Washed Yellow Backlight": "-PixelShift 28 - GB Washed Yellow Backlight",
-    "PixelShift 29 - Ghost": "-PixelShift 29 - Ghost",
-    "PixelShift 30 - Glow In The Dark": "-PixelShift 30 - Glow In The Dark",
-    "PixelShift 31 - Gold Bar": "-PixelShift 31 - Gold Bar",
-    "PixelShift 32 - Grapefruit": "-PixelShift 32 - Grapefruit",
-    "PixelShift 33 - Gray Green Mix": "-PixelShift 33 - Gray Green Mix",
-    "PixelShift 34 - Missingno": "-PixelShift 34 - Missingno",
-    "PixelShift 35 - MS-Dos": "-PixelShift 35 - MS-Dos",
-    "PixelShift 36 - Newspaper": "-PixelShift 36 - Newspaper",
-    "PixelShift 37 - Pip-Boy": "-PixelShift 37 - Pip-Boy",
-    "PixelShift 38 - Pocket Girl": "-PixelShift 38 - Pocket Girl",
-    "PixelShift 39 - Silhouette": "-PixelShift 39 - Silhouette",
-    "PixelShift 40 - Sunburst": "-PixelShift 40 - Sunburst",
-    "PixelShift 41 - Technicolor": "-PixelShift 41 - Technicolor",
-    "PixelShift 42 - Tron": "-PixelShift 42 - Tron",
-    "PixelShift 43 - Vaporwave": "-PixelShift 43 - Vaporwave",
-    "PixelShift 44 - Virtual Boy": "-PixelShift 44 - Virtual Boy",
-    "PixelShift 45 - Wish": "-PixelShift 45 - Wish",
-    "gambatte gb palette pixelshift 1": "-gambatte gb palette pixelshift 1",
-    "gambatte dark filter level": "-gambatte dark filter level",
-    "GB": "-GB",
-    "GBC": "-GBC",
-    "GBA": "-GBA",
-    "gambatte gb hwmode": "-gambatte gb hwmode",
-    "gambatte turbo period": "-gambatte turbo period",
-    "gambatte rumble level": "-gambatte rumble level",
-    "pcsx rearmed psxclock": "-pcsx rearmed psxclock",
-    "pcsx rearmed frameskip threshold": "-pcsx rearmed frameskip threshold",
-    "pcsx rearmed frameskip interval": "-pcsx rearmed frameskip interval",
-    "pcsx rearmed input sensitivity": "-pcsx rearmed input sensitivity",
-    "pcsx rearmed gunconadjustx": "-pcsx rearmed gunconadjustx",
-    "pcsx rearmed gunconadjusty": "-pcsx rearmed gunconadjusty",
-    "pcsx rearmed gunconadjustratiox": "-pcsx rearmed gunconadjustratiox",
-    "pcsx rearmed gunconadjustratioy": "-pcsx rearmed gunconadjustratioy",
-    "Japan NTSC": "-Japan NTSC",
-    "Japan PAL": "-Japan PAL",
-    "US": "-US",
-    "Europe": "-Europe",
-    "picodrive region": "-picodrive region",
-    "Game Gear": "-Game Gear",
-    "Master System": "-Master System",
-    "SG-1000": "-SG-1000",
-    "SC-3000": "-SC-3000",
-    "picodrive smstype": "-picodrive smstype",
-    "Sega": "-Sega",
-    "Codemasters": "-Codemasters",
-    "Korea": "-Korea",
-    "Korea MSX": "-Korea MSX",
-    "Korea X-in-1": "-Korea X-in-1",
-    "Korea 4-Pak": "-Korea 4-Pak",
-    "Korea Janggun": "-Korea Janggun",
-    "Korea Nemesis": "-Korea Nemesis",
-    "Taiwan 8K RAM": "-Taiwan 8K RAM",
-    "picodrive smsmapper": "-picodrive smsmapper",
-    "PAR": "-PAR",
-    "CRT": "-CRT",
-    "picodrive aspect": "-picodrive aspect",
-    "native": "-native",
-    "picodrive sound rate": "-picodrive sound rate",
-    "picodrive lowpass range": "-picodrive lowpass range",
-    "picodrive frameskip threshold": "-picodrive frameskip threshold",
-    "genesis plus gx frameskip threshold": "-genesis plus gx frameskip threshold",
-    "genesis plus gx lowpass range": "-genesis plus gx lowpass range",
-    "genesis plus gx psg preamp": "-genesis plus gx psg preamp",
-    "genesis plus gx fm preamp": "-genesis plus gx fm preamp",
-    "genesis plus gx cdda volume": "-genesis plus gx cdda volume",
-    "genesis plus gx pcm volume": "-genesis plus gx pcm volume",
-    "genesis plus gx audio eq low": "-genesis plus gx audio eq low",
-    "genesis plus gx audio eq mid": "-genesis plus gx audio eq mid",
-    "genesis plus gx audio eq high": "-genesis plus gx audio eq high",
-    "genesis plus gx enhanced vscroll limit": "-genesis plus gx enhanced vscroll limit",
-    "genesis plus gx psg channel 0 volume": "-genesis plus gx psg channel 0 volume",
-    "genesis plus gx psg channel 1 volume": "-genesis plus gx psg channel 1 volume",
-    "genesis plus gx psg channel 2 volume": "-genesis plus gx psg channel 2 volume",
-    "genesis plus gx psg channel 3 volume": "-genesis plus gx psg channel 3 volume",
-    "genesis plus gx md channel 0 volume": "-genesis plus gx md channel 0 volume",
-    "genesis plus gx md channel 1 volume": "-genesis plus gx md channel 1 volume",
-    "genesis plus gx md channel 2 volume": "-genesis plus gx md channel 2 volume",
-    "genesis plus gx md channel 3 volume": "-genesis plus gx md channel 3 volume",
-    "genesis plus gx md channel 4 volume": "-genesis plus gx md channel 4 volume",
-    "genesis plus gx md channel 5 volume": "-genesis plus gx md channel 5 volume",
-    "genesis plus gx sms fm channel 0 volume": "-genesis plus gx sms fm channel 0 volume",
-    "genesis plus gx sms fm channel 1 volume": "-genesis plus gx sms fm channel 1 volume",
-    "genesis plus gx sms fm channel 2 volume": "-genesis plus gx sms fm channel 2 volume",
-    "genesis plus gx sms fm channel 3 volume": "-genesis plus gx sms fm channel 3 volume",
-    "genesis plus gx sms fm channel 4 volume": "-genesis plus gx sms fm channel 4 volume",
-    "genesis plus gx sms fm channel 5 volume": "-genesis plus gx sms fm channel 5 volume",
-    "genesis plus gx sms fm channel 6 volume": "-genesis plus gx sms fm channel 6 volume",
-    "genesis plus gx sms fm channel 7 volume": "-genesis plus gx sms fm channel 7 volume",
-    "genesis plus gx sms fm channel 8 volume": "-genesis plus gx sms fm channel 8 volume",
-    "anaglyph": "-anaglyph",
-    "cyberscope": "-cyberscope",
-    "side-by-side": "-side-by-side",
-    "vli": "-vli",
-    "hli": "-hli",
-    "vb 3dmode": "-vb 3dmode",
-    "black & red": "-black & red",
-    "black & white": "-black & white",
-    "black & blue": "-black & blue",
-    "black & cyan": "-black & cyan",
-    "black & electric cyan": "-black & electric cyan",
-    "black & green": "-black & green",
-    "black & magenta": "-black & magenta",
-    "black & yellow": "-black & yellow",
-    "vb color mode": "-vb color mode",
-    "accurate": "-accurate",
-    "fast": "-fast",
-    "vb cpu emulation": "-vb cpu emulation"
-}
\ No newline at end of file
+    "fceumm region": "fceumm region",
+    "fceumm sndquality": "fceumm sndquality",
+    "fceumm aspect": "fceumm aspect",
+    "fceumm overscan h left": "fceumm overscan h left",
+    "fceumm overscan h right": "fceumm overscan h right",
+    "fceumm overscan v top": "fceumm overscan v top",
+    "fceumm overscan v bottom": "fceumm overscan v bottom",
+    "fceumm turbo enable": "fceumm turbo enable",
+    "fceumm turbo delay": "fceumm turbo delay",
+    "fceumm zapper tolerance": "fceumm zapper tolerance",
+    "fceumm mouse sensitivity": "fceumm mouse sensitivity",
+    "50%": "50%",
+    "60%": "60%",
+    "70%": "70%",
+    "80%": "80%",
+    "90%": "90%",
+    "100%": "100%",
+    "150%": "150%",
+    "200%": "200%",
+    "250%": "250%",
+    "300%": "300%",
+    "350%": "350%",
+    "400%": "400%",
+    "450%": "450%",
+    "500%": "500%",
+    "snes9x overclock superfx": "snes9x overclock superfx",
+    "snes9x superscope crosshair": "snes9x superscope crosshair",
+    "White": "White",
+    "White (blend)": "White (blend)",
+    "Red": "Red",
+    "Red (blend)": "Red (blend)",
+    "Orange": "Orange",
+    "Orange (blend)": "Orange (blend)",
+    "Yellow": "Yellow",
+    "Yellow (blend)": "Yellow (blend)",
+    "Green": "Green",
+    "Green (blend)": "Green (blend)",
+    "Cyan": "Cyan",
+    "Cyan (blend)": "Cyan (blend)",
+    "Sky": "Sky",
+    "Sky (blend)": "Sky (blend)",
+    "Blue": "Blue",
+    "Blue (blend)": "Blue (blend)",
+    "Violet": "Violet",
+    "Violet (blend)": "Violet (blend)",
+    "Pink": "Pink",
+    "Pink (blend)": "Pink (blend)",
+    "Purple": "Purple",
+    "Purple (blend)": "Purple (blend)",
+    "Black": "Black",
+    "Black (blend)": "Black (blend)",
+    "25% Grey": "25% Grey",
+    "25% Grey (blend)": "25% Grey (blend)",
+    "50% Grey": "50% Grey",
+    "50% Grey (blend)": "50% Grey (blend)",
+    "75% Grey": "75% Grey",
+    "75% Grey (blend)": "75% Grey (blend)",
+    "snes9x superscope color": "snes9x superscope color",
+    "snes9x justifier1 crosshair": "snes9x justifier1 crosshair",
+    "snes9x justifier1 color": "snes9x justifier1 color",
+    "snes9x justifier2 crosshair": "snes9x justifier2 crosshair",
+    "snes9x justifier2 color": "snes9x justifier2 color",
+    "snes9x rifle crosshair": "snes9x rifle crosshair",
+    "snes9x rifle color": "snes9x rifle color",
+    "1.0x (12.50Mhz)": "1.0x (12.50Mhz)",
+    "1.1x (13.75Mhz)": "1.1x (13.75Mhz)",
+    "1.2x (15.00Mhz)": "1.2x (15.00Mhz)",
+    "1.5x (18.75Mhz)": "1.5x (18.75Mhz)",
+    "1.6x (20.00Mhz)": "1.6x (20.00Mhz)",
+    "1.8x (22.50Mhz)": "1.8x (22.50Mhz)",
+    "2.0x (25.00Mhz)": "2.0x (25.00Mhz)",
+    "opera cpu overclock": "opera cpu overclock",
+    "0RGB1555": "0RGB1555",
+    "RGB565": "RGB565",
+    "XRGB8888": "XRGB8888",
+    "opera vdlp pixel format": "opera vdlp pixel format",
+    "opera nvram version": "opera nvram version",
+    "opera active devices": "opera active devices",
+    "stella2014 stelladaptor analog sensitivity": "stella2014 stelladaptor analog sensitivity",
+    "stella2014 stelladaptor analog center": "stella2014 stelladaptor analog center",
+    "handy frameskip threshold": "handy frameskip threshold",
+    "320x240": "320x240",
+    "640x480": "640x480",
+    "960x720": "960x720",
+    "1280x960": "1280x960",
+    "1440x1080": "1440x1080",
+    "1600x1200": "1600x1200",
+    "1920x1440": "1920x1440",
+    "2240x1680": "2240x1680",
+    "2560x1920": "2560x1920",
+    "2880x2160": "2880x2160",
+    "3200x2400": "3200x2400",
+    "3520x2640": "3520x2640",
+    "3840x2880": "3840x2880",
+    "43screensize": "43screensize",
+    "3point": "3point",
+    "standard": "standard",
+    "BilinearMode": "BilinearMode",
+    "MultiSampling": "MultiSampling",
+    "FXAA": "FXAA",
+    "Software": "Software",
+    "FromMem": "FromMem",
+    "EnableCopyDepthToRDRAM": "EnableCopyDepthToRDRAM",
+    "Stripped": "Stripped",
+    "OnePiece": "OnePiece",
+    "BackgroundMode": "BackgroundMode",
+    "OverscanTop": "OverscanTop",
+    "OverscanLeft": "OverscanLeft",
+    "OverscanRight": "OverscanRight",
+    "OverscanBottom": "OverscanBottom",
+    "MaxHiResTxVramLimit": "MaxHiResTxVramLimit",
+    "MaxTxCacheSize": "MaxTxCacheSize",
+    "Smooth filtering 1": "Smooth filtering 1",
+    "Smooth filtering 2": "Smooth filtering 2",
+    "Smooth filtering 3": "Smooth filtering 3",
+    "Smooth filtering 4": "Smooth filtering 4",
+    "Sharp filtering 1": "Sharp filtering 1",
+    "Sharp filtering 2": "Sharp filtering 2",
+    "txFilterMode": "txFilterMode",
+    "As Is": "As Is",
+    "X2": "X2",
+    "X2SAI": "X2SAI",
+    "HQ2X": "HQ2X",
+    "HQ2XS": "HQ2XS",
+    "LQ2X": "LQ2X",
+    "LQ2XS": "LQ2XS",
+    "HQ4X": "HQ4X",
+    "2xBRZ": "2xBRZ",
+    "3xBRZ": "3xBRZ",
+    "4xBRZ": "4xBRZ",
+    "5xBRZ": "5xBRZ",
+    "6xBRZ": "6xBRZ",
+    "txEnhancementMode": "txEnhancementMode",
+    "Original": "Original",
+    "Fullspeed": "Fullspeed",
+    "Framerate": "Framerate",
+    "virefresh": "virefresh",
+    "CountPerOp": "CountPerOp",
+    "CountPerOpDenomPot": "CountPerOpDenomPot",
+    "deadzone": "deadzone",
+    "sensitivity": "sensitivity",
+    "C1": "C1",
+    "C2": "C2",
+    "C3": "C3",
+    "C4": "C4",
+    "cbutton": "cbutton",
+    "none": "none",
+    "memory": "memory",
+    "rumble": "rumble",
+    "transfer": "transfer",
+    "pak1": "pak1",
+    "pak2": "pak2",
+    "pak3": "pak3",
+    "pak4": "pak4",
+    "Autodetect": "Autodetect",
+    "Game Boy": "Game Boy",
+    "Super Game Boy": "Super Game Boy",
+    "Game Boy Color": "Game Boy Color",
+    "Game Boy Advance": "Game Boy Advance",
+    "mgba gb model": "mgba gb model",
+    "ON": "ON",
+    "OFF": "OFF",
+    "mgba use bios": "mgba use bios",
+    "mgba skip bios": "mgba skip bios",
+    "Grayscale": "Grayscale",
+    "DMG Green": "DMG Green",
+    "GB Pocket": "GB Pocket",
+    "GB Light": "GB Light",
+    "GBC Brown ↑": "GBC Brown ↑",
+    "GBC Red ↑A": "GBC Red ↑A",
+    "GBC Dark Brown ↑B": "GBC Dark Brown ↑B",
+    "GBC Pale Yellow ↓": "GBC Pale Yellow ↓",
+    "GBC Orange ↓A": "GBC Orange ↓A",
+    "GBC Yellow ↓B": "GBC Yellow ↓B",
+    "GBC Blue ←": "GBC Blue ←",
+    "GBC Dark Blue ←A": "GBC Dark Blue ←A",
+    "GBC Gray ←B": "GBC Gray ←B",
+    "GBC Green →": "GBC Green →",
+    "GBC Dark Green →A": "GBC Dark Green →A",
+    "GBC Reverse →B": "GBC Reverse →B",
+    "SGB 1-A": "SGB 1-A",
+    "SGB 1-B": "SGB 1-B",
+    "SGB 1-C": "SGB 1-C",
+    "SGB 1-D": "SGB 1-D",
+    "SGB 1-E": "SGB 1-E",
+    "SGB 1-F": "SGB 1-F",
+    "SGB 1-G": "SGB 1-G",
+    "SGB 1-H": "SGB 1-H",
+    "SGB 2-A": "SGB 2-A",
+    "SGB 2-B": "SGB 2-B",
+    "SGB 2-C": "SGB 2-C",
+    "SGB 2-D": "SGB 2-D",
+    "SGB 2-E": "SGB 2-E",
+    "SGB 2-F": "SGB 2-F",
+    "SGB 2-G": "SGB 2-G",
+    "SGB 2-H": "SGB 2-H",
+    "SGB 3-A": "SGB 3-A",
+    "SGB 3-B": "SGB 3-B",
+    "SGB 3-C": "SGB 3-C",
+    "SGB 3-D": "SGB 3-D",
+    "SGB 3-E": "SGB 3-E",
+    "SGB 3-F": "SGB 3-F",
+    "SGB 3-G": "SGB 3-G",
+    "SGB 3-H": "SGB 3-H",
+    "SGB 4-A": "SGB 4-A",
+    "SGB 4-B": "SGB 4-B",
+    "SGB 4-C": "SGB 4-C",
+    "SGB 4-D": "SGB 4-D",
+    "SGB 4-E": "SGB 4-E",
+    "SGB 4-F": "SGB 4-F",
+    "SGB 4-G": "SGB 4-G",
+    "SGB 4-H": "SGB 4-H",
+    "mgba gb colors": "mgba gb colors",
+    "mgba sgb borders": "mgba sgb borders",
+    "mgba color correction": "mgba color correction",
+    "mgba solar sensor level": "mgba solar sensor level",
+    "mgba force gbp": "mgba force gbp",
+    "Remove Known": "Remove Known",
+    "Detect and Remove": "Detect and Remove",
+    "Don't Remove": "Don't Remove",
+    "mgba idle optimization": "mgba idle optimization",
+    "mgba frameskip threshold": "mgba frameskip threshold",
+    "mgba frameskip interval": "mgba frameskip interval",
+    "GB - DMG": "GB - DMG",
+    "GB - Pocket": "GB - Pocket",
+    "GB - Light": "GB - Light",
+    "GBC - Blue": "GBC - Blue",
+    "GBC - Brown": "GBC - Brown",
+    "GBC - Dark Blue": "GBC - Dark Blue",
+    "GBC - Dark Brown": "GBC - Dark Brown",
+    "GBC - Dark Green": "GBC - Dark Green",
+    "GBC - Grayscale": "GBC - Grayscale",
+    "GBC - Green": "GBC - Green",
+    "GBC - Inverted": "GBC - Inverted",
+    "GBC - Orange": "GBC - Orange",
+    "GBC - Pastel Mix": "GBC - Pastel Mix",
+    "GBC - Red": "GBC - Red",
+    "GBC - Yellow": "GBC - Yellow",
+    "SGB - 1A": "SGB - 1A",
+    "SGB - 1B": "SGB - 1B",
+    "SGB - 1C": "SGB - 1C",
+    "SGB - 1D": "SGB - 1D",
+    "SGB - 1E": "SGB - 1E",
+    "SGB - 1F": "SGB - 1F",
+    "SGB - 1G": "SGB - 1G",
+    "SGB - 1H": "SGB - 1H",
+    "SGB - 2A": "SGB - 2A",
+    "SGB - 2B": "SGB - 2B",
+    "SGB - 2C": "SGB - 2C",
+    "SGB - 2D": "SGB - 2D",
+    "SGB - 2E": "SGB - 2E",
+    "SGB - 2F": "SGB - 2F",
+    "SGB - 2G": "SGB - 2G",
+    "SGB - 2H": "SGB - 2H",
+    "SGB - 3A": "SGB - 3A",
+    "SGB - 3B": "SGB - 3B",
+    "SGB - 3C": "SGB - 3C",
+    "SGB - 3D": "SGB - 3D",
+    "SGB - 3E": "SGB - 3E",
+    "SGB - 3F": "SGB - 3F",
+    "SGB - 3G": "SGB - 3G",
+    "SGB - 3H": "SGB - 3H",
+    "SGB - 4A": "SGB - 4A",
+    "SGB - 4B": "SGB - 4B",
+    "SGB - 4C": "SGB - 4C",
+    "SGB - 4D": "SGB - 4D",
+    "SGB - 4E": "SGB - 4E",
+    "SGB - 4F": "SGB - 4F",
+    "SGB - 4G": "SGB - 4G",
+    "SGB - 4H": "SGB - 4H",
+    "Special 1": "Special 1",
+    "Special 2": "Special 2",
+    "Special 3": "Special 3",
+    "Special 4 (TI-83 Legacy)": "Special 4 (TI-83 Legacy)",
+    "TWB64 - Pack 1": "TWB64 - Pack 1",
+    "TWB64 - Pack 2": "TWB64 - Pack 2",
+    "PixelShift - Pack 1": "PixelShift - Pack 1",
+    "gambatte gb internal palette": "gambatte gb internal palette",
+    "TWB64 001 - Aqours Blue": "TWB64 001 - Aqours Blue",
+    "TWB64 002 - Anime Expo Ver.": "TWB64 002 - Anime Expo Ver.",
+    "TWB64 003 - SpongeBob Yellow": "TWB64 003 - SpongeBob Yellow",
+    "TWB64 004 - Patrick Star Pink": "TWB64 004 - Patrick Star Pink",
+    "TWB64 005 - Neon Red": "TWB64 005 - Neon Red",
+    "TWB64 006 - Neon Blue": "TWB64 006 - Neon Blue",
+    "TWB64 007 - Neon Yellow": "TWB64 007 - Neon Yellow",
+    "TWB64 008 - Neon Green": "TWB64 008 - Neon Green",
+    "TWB64 009 - Neon Pink": "TWB64 009 - Neon Pink",
+    "TWB64 010 - Mario Red": "TWB64 010 - Mario Red",
+    "TWB64 011 - Nick Orange": "TWB64 011 - Nick Orange",
+    "TWB64 012 - Virtual Boy Ver.": "TWB64 012 - Virtual Boy Ver.",
+    "TWB64 013 - Golden Wild": "TWB64 013 - Golden Wild",
+    "TWB64 014 - Builder Yellow": "TWB64 014 - Builder Yellow",
+    "TWB64 015 - Classic Blurple": "TWB64 015 - Classic Blurple",
+    "TWB64 016 - 765 Production Ver.": "TWB64 016 - 765 Production Ver.",
+    "TWB64 017 - Superball Ivory": "TWB64 017 - Superball Ivory",
+    "TWB64 018 - Crunchyroll Orange": "TWB64 018 - Crunchyroll Orange",
+    "TWB64 019 - Muse Pink": "TWB64 019 - Muse Pink",
+    "TWB64 020 - Nijigasaki Yellow": "TWB64 020 - Nijigasaki Yellow",
+    "TWB64 021 - Gamate Ver.": "TWB64 021 - Gamate Ver.",
+    "TWB64 022 - Greenscale Ver.": "TWB64 022 - Greenscale Ver.",
+    "TWB64 023 - Odyssey Gold": "TWB64 023 - Odyssey Gold",
+    "TWB64 024 - Super Saiyan God": "TWB64 024 - Super Saiyan God",
+    "TWB64 025 - Super Saiyan Blue": "TWB64 025 - Super Saiyan Blue",
+    "TWB64 026 - Bizarre Pink": "TWB64 026 - Bizarre Pink",
+    "TWB64 027 - Nintendo Switch Lite Ver.": "TWB64 027 - Nintendo Switch Lite Ver.",
+    "TWB64 028 - Game.com Ver.": "TWB64 028 - Game.com Ver.",
+    "TWB64 029 - Sanrio Pink": "TWB64 029 - Sanrio Pink",
+    "TWB64 030 - BANDAI NAMCO Ver.": "TWB64 030 - BANDAI NAMCO Ver.",
+    "TWB64 031 - Cosmo Green": "TWB64 031 - Cosmo Green",
+    "TWB64 032 - Wanda Pink": "TWB64 032 - Wanda Pink",
+    "TWB64 033 - Link's Awakening DX Ver.": "TWB64 033 - Link's Awakening DX Ver.",
+    "TWB64 034 - Travel Wood": "TWB64 034 - Travel Wood",
+    "TWB64 035 - Pokemon Ver.": "TWB64 035 - Pokemon Ver.",
+    "TWB64 036 - Game Grump Orange": "TWB64 036 - Game Grump Orange",
+    "TWB64 037 - Scooby-Doo Mystery Ver.": "TWB64 037 - Scooby-Doo Mystery Ver.",
+    "TWB64 038 - Pokemon mini Ver.": "TWB64 038 - Pokemon mini Ver.",
+    "TWB64 039 - Supervision Ver.": "TWB64 039 - Supervision Ver.",
+    "TWB64 040 - DMG Ver.": "TWB64 040 - DMG Ver.",
+    "TWB64 041 - Pocket Ver.": "TWB64 041 - Pocket Ver.",
+    "TWB64 042 - Light Ver.": "TWB64 042 - Light Ver.",
+    "TWB64 043 - Miraitowa Blue": "TWB64 043 - Miraitowa Blue",
+    "TWB64 044 - Someity Pink": "TWB64 044 - Someity Pink",
+    "TWB64 045 - Pikachu Yellow": "TWB64 045 - Pikachu Yellow",
+    "TWB64 046 - Eevee Brown": "TWB64 046 - Eevee Brown",
+    "TWB64 047 - Microvision Ver.": "TWB64 047 - Microvision Ver.",
+    "TWB64 048 - TI-83 Ver.": "TWB64 048 - TI-83 Ver.",
+    "TWB64 049 - Aegis Cherry": "TWB64 049 - Aegis Cherry",
+    "TWB64 050 - Labo Fawn": "TWB64 050 - Labo Fawn",
+    "TWB64 051 - MILLION LIVE GOLD!": "TWB64 051 - MILLION LIVE GOLD!",
+    "TWB64 052 - Tokyo Midtown Ver.": "TWB64 052 - Tokyo Midtown Ver.",
+    "TWB64 053 - VMU Ver.": "TWB64 053 - VMU Ver.",
+    "TWB64 054 - Game Master Ver.": "TWB64 054 - Game Master Ver.",
+    "TWB64 055 - Android Green": "TWB64 055 - Android Green",
+    "TWB64 056 - Ticketmaster Azure": "TWB64 056 - Ticketmaster Azure",
+    "TWB64 057 - Google Red": "TWB64 057 - Google Red",
+    "TWB64 058 - Google Blue": "TWB64 058 - Google Blue",
+    "TWB64 059 - Google Yellow": "TWB64 059 - Google Yellow",
+    "TWB64 060 - Google Green": "TWB64 060 - Google Green",
+    "TWB64 061 - WonderSwan Ver.": "TWB64 061 - WonderSwan Ver.",
+    "TWB64 062 - Neo Geo Pocket Ver.": "TWB64 062 - Neo Geo Pocket Ver.",
+    "TWB64 063 - Dew Green": "TWB64 063 - Dew Green",
+    "TWB64 064 - Coca-Cola Red": "TWB64 064 - Coca-Cola Red",
+    "TWB64 065 - GameKing Ver.": "TWB64 065 - GameKing Ver.",
+    "TWB64 066 - Do The Dew Ver.": "TWB64 066 - Do The Dew Ver.",
+    "TWB64 067 - Digivice Ver.": "TWB64 067 - Digivice Ver.",
+    "TWB64 068 - Bikini Bottom Ver.": "TWB64 068 - Bikini Bottom Ver.",
+    "TWB64 069 - Blossom Pink": "TWB64 069 - Blossom Pink",
+    "TWB64 070 - Bubbles Blue": "TWB64 070 - Bubbles Blue",
+    "TWB64 071 - Buttercup Green": "TWB64 071 - Buttercup Green",
+    "TWB64 072 - NASCAR Ver.": "TWB64 072 - NASCAR Ver.",
+    "TWB64 073 - Lemon-Lime Green": "TWB64 073 - Lemon-Lime Green",
+    "TWB64 074 - Mega Man V Ver.": "TWB64 074 - Mega Man V Ver.",
+    "TWB64 075 - Tamagotchi Ver.": "TWB64 075 - Tamagotchi Ver.",
+    "TWB64 076 - Phantom Red": "TWB64 076 - Phantom Red",
+    "TWB64 077 - Halloween Ver.": "TWB64 077 - Halloween Ver.",
+    "TWB64 078 - Christmas Ver.": "TWB64 078 - Christmas Ver.",
+    "TWB64 079 - Cardcaptor Pink": "TWB64 079 - Cardcaptor Pink",
+    "TWB64 080 - Pretty Guardian Gold": "TWB64 080 - Pretty Guardian Gold",
+    "TWB64 081 - Camouflage Ver.": "TWB64 081 - Camouflage Ver.",
+    "TWB64 082 - Legendary Super Saiyan": "TWB64 082 - Legendary Super Saiyan",
+    "TWB64 083 - Super Saiyan Rose": "TWB64 083 - Super Saiyan Rose",
+    "TWB64 084 - Super Saiyan": "TWB64 084 - Super Saiyan",
+    "TWB64 085 - Perfected Ultra Instinct": "TWB64 085 - Perfected Ultra Instinct",
+    "TWB64 086 - Saint Snow Red": "TWB64 086 - Saint Snow Red",
+    "TWB64 087 - Yellow Banana": "TWB64 087 - Yellow Banana",
+    "TWB64 088 - Green Banana": "TWB64 088 - Green Banana",
+    "TWB64 089 - Super Saiyan 3": "TWB64 089 - Super Saiyan 3",
+    "TWB64 090 - Super Saiyan Blue Evolved": "TWB64 090 - Super Saiyan Blue Evolved",
+    "TWB64 091 - Pocket Tales Ver.": "TWB64 091 - Pocket Tales Ver.",
+    "TWB64 092 - Investigation Yellow": "TWB64 092 - Investigation Yellow",
+    "TWB64 093 - S.E.E.S. Blue": "TWB64 093 - S.E.E.S. Blue",
+    "TWB64 094 - Game Awards Cyan": "TWB64 094 - Game Awards Cyan",
+    "TWB64 095 - Hokage Orange": "TWB64 095 - Hokage Orange",
+    "TWB64 096 - Straw Hat Red": "TWB64 096 - Straw Hat Red",
+    "TWB64 097 - Sword Art Cyan": "TWB64 097 - Sword Art Cyan",
+    "TWB64 098 - Deku Alpha Emerald": "TWB64 098 - Deku Alpha Emerald",
+    "TWB64 099 - Blue Stripes Ver.": "TWB64 099 - Blue Stripes Ver.",
+    "TWB64 100 - Stone Orange": "TWB64 100 - Stone Orange",
+    "gambatte gb palette twb64 1": "gambatte gb palette twb64 1",
+    "TWB64 101 - 765PRO Pink": "TWB64 101 - 765PRO Pink",
+    "TWB64 102 - CINDERELLA Blue": "TWB64 102 - CINDERELLA Blue",
+    "TWB64 103 - MILLION Yellow!": "TWB64 103 - MILLION Yellow!",
+    "TWB64 104 - SideM Green": "TWB64 104 - SideM Green",
+    "TWB64 105 - SHINY Sky Blue": "TWB64 105 - SHINY Sky Blue",
+    "TWB64 106 - Angry Volcano Ver.": "TWB64 106 - Angry Volcano Ver.",
+    "TWB64 107 - Yo-kai Pink": "TWB64 107 - Yo-kai Pink",
+    "TWB64 108 - Yo-kai Green": "TWB64 108 - Yo-kai Green",
+    "TWB64 109 - Yo-kai Blue": "TWB64 109 - Yo-kai Blue",
+    "TWB64 110 - Yo-kai Purple": "TWB64 110 - Yo-kai Purple",
+    "TWB64 111 - Aquatic Iro": "TWB64 111 - Aquatic Iro",
+    "TWB64 112 - Tea Midori": "TWB64 112 - Tea Midori",
+    "TWB64 113 - Sakura Pink": "TWB64 113 - Sakura Pink",
+    "TWB64 114 - Wisteria Murasaki": "TWB64 114 - Wisteria Murasaki",
+    "TWB64 115 - Oni Aka": "TWB64 115 - Oni Aka",
+    "TWB64 116 - Golden Kiiro": "TWB64 116 - Golden Kiiro",
+    "TWB64 117 - Silver Shiro": "TWB64 117 - Silver Shiro",
+    "TWB64 118 - Fruity Orange": "TWB64 118 - Fruity Orange",
+    "TWB64 119 - AKB48 Pink": "TWB64 119 - AKB48 Pink",
+    "TWB64 120 - Miku Blue": "TWB64 120 - Miku Blue",
+    "TWB64 121 - Fairy Tail Red": "TWB64 121 - Fairy Tail Red",
+    "TWB64 122 - Survey Corps Brown": "TWB64 122 - Survey Corps Brown",
+    "TWB64 123 - Island Green": "TWB64 123 - Island Green",
+    "TWB64 124 - Mania Plus Green": "TWB64 124 - Mania Plus Green",
+    "TWB64 125 - Ninja Turtle Green": "TWB64 125 - Ninja Turtle Green",
+    "TWB64 126 - Slime Blue": "TWB64 126 - Slime Blue",
+    "TWB64 127 - Lime Midori": "TWB64 127 - Lime Midori",
+    "TWB64 128 - Ghostly Aoi": "TWB64 128 - Ghostly Aoi",
+    "TWB64 129 - Retro Bogeda": "TWB64 129 - Retro Bogeda",
+    "TWB64 130 - Royal Blue": "TWB64 130 - Royal Blue",
+    "TWB64 131 - Neon Purple": "TWB64 131 - Neon Purple",
+    "TWB64 132 - Neon Orange": "TWB64 132 - Neon Orange",
+    "TWB64 133 - Moonlight Vision": "TWB64 133 - Moonlight Vision",
+    "TWB64 134 - Tokyo Red": "TWB64 134 - Tokyo Red",
+    "TWB64 135 - Paris Gold": "TWB64 135 - Paris Gold",
+    "TWB64 136 - Beijing Blue": "TWB64 136 - Beijing Blue",
+    "TWB64 137 - Pac-Man Yellow": "TWB64 137 - Pac-Man Yellow",
+    "TWB64 138 - Irish Green": "TWB64 138 - Irish Green",
+    "TWB64 139 - Kakarot Orange": "TWB64 139 - Kakarot Orange",
+    "TWB64 140 - Dragon Ball Orange": "TWB64 140 - Dragon Ball Orange",
+    "TWB64 141 - Christmas Gold": "TWB64 141 - Christmas Gold",
+    "TWB64 142 - Pepsi-Cola Blue": "TWB64 142 - Pepsi-Cola Blue",
+    "TWB64 143 - Bubblun Green": "TWB64 143 - Bubblun Green",
+    "TWB64 144 - Bobblun Blue": "TWB64 144 - Bobblun Blue",
+    "TWB64 145 - Baja Blast Storm": "TWB64 145 - Baja Blast Storm",
+    "TWB64 146 - Olympic Gold": "TWB64 146 - Olympic Gold",
+    "TWB64 147 - Value Orange": "TWB64 147 - Value Orange",
+    "TWB64 148 - Liella Purple!": "TWB64 148 - Liella Purple!",
+    "TWB64 149 - Olympic Silver": "TWB64 149 - Olympic Silver",
+    "TWB64 150 - Olympic Bronze": "TWB64 150 - Olympic Bronze",
+    "TWB64 151 - ANA Sky Blue": "TWB64 151 - ANA Sky Blue",
+    "TWB64 152 - Nijigasaki Orange": "TWB64 152 - Nijigasaki Orange",
+    "TWB64 153 - HoloBlue": "TWB64 153 - HoloBlue",
+    "TWB64 154 - Wrestling Red": "TWB64 154 - Wrestling Red",
+    "TWB64 155 - Yoshi Egg Green": "TWB64 155 - Yoshi Egg Green",
+    "TWB64 156 - Pokedex Red": "TWB64 156 - Pokedex Red",
+    "TWB64 157 - Disney Dream Blue": "TWB64 157 - Disney Dream Blue",
+    "TWB64 158 - Xbox Green": "TWB64 158 - Xbox Green",
+    "TWB64 159 - Sonic Mega Blue": "TWB64 159 - Sonic Mega Blue",
+    "TWB64 160 - G4 Orange": "TWB64 160 - G4 Orange",
+    "TWB64 161 - Scarlett Green": "TWB64 161 - Scarlett Green",
+    "TWB64 162 - Glitchy Blue": "TWB64 162 - Glitchy Blue",
+    "TWB64 163 - Classic LCD": "TWB64 163 - Classic LCD",
+    "TWB64 164 - 3DS Virtual Console Ver.": "TWB64 164 - 3DS Virtual Console Ver.",
+    "TWB64 165 - PocketStation Ver.": "TWB64 165 - PocketStation Ver.",
+    "TWB64 166 - Game and Gold": "TWB64 166 - Game and Gold",
+    "TWB64 167 - Smurfy Blue": "TWB64 167 - Smurfy Blue",
+    "TWB64 168 - Swampy Ogre Green": "TWB64 168 - Swampy Ogre Green",
+    "TWB64 169 - Sailor Spinach Green": "TWB64 169 - Sailor Spinach Green",
+    "TWB64 170 - Shenron Green": "TWB64 170 - Shenron Green",
+    "TWB64 171 - Berserk Blood": "TWB64 171 - Berserk Blood",
+    "TWB64 172 - Super Star Pink": "TWB64 172 - Super Star Pink",
+    "TWB64 173 - Gamebuino Classic Ver.": "TWB64 173 - Gamebuino Classic Ver.",
+    "TWB64 174 - Barbie Pink": "TWB64 174 - Barbie Pink",
+    "TWB64 175 - Star Command Green": "TWB64 175 - Star Command Green",
+    "TWB64 176 - Nokia 3310 Ver.": "TWB64 176 - Nokia 3310 Ver.",
+    "TWB64 177 - Clover Green": "TWB64 177 - Clover Green",
+    "TWB64 178 - Crash Orange": "TWB64 178 - Crash Orange",
+    "TWB64 179 - Famicom Disk Yellow": "TWB64 179 - Famicom Disk Yellow",
+    "TWB64 180 - Team Rocket Red": "TWB64 180 - Team Rocket Red",
+    "TWB64 181 - SEIKO Timer Yellow": "TWB64 181 - SEIKO Timer Yellow",
+    "TWB64 182 - PINK109": "TWB64 182 - PINK109",
+    "TWB64 183 - Doraemon Blue": "TWB64 183 - Doraemon Blue",
+    "TWB64 184 - Fury Blue": "TWB64 184 - Fury Blue",
+    "TWB64 185 - Rockstar Orange": "TWB64 185 - Rockstar Orange",
+    "TWB64 186 - Puyo Puyo Green": "TWB64 186 - Puyo Puyo Green",
+    "TWB64 187 - Susan G. Pink": "TWB64 187 - Susan G. Pink",
+    "TWB64 188 - Pizza Hut Red": "TWB64 188 - Pizza Hut Red",
+    "TWB64 189 - Plumbob Green": "TWB64 189 - Plumbob Green",
+    "TWB64 190 - Grand Ivory": "TWB64 190 - Grand Ivory",
+    "TWB64 191 - Demon's Gold": "TWB64 191 - Demon's Gold",
+    "TWB64 192 - SEGA Tokyo Blue": "TWB64 192 - SEGA Tokyo Blue",
+    "TWB64 193 - Champion Blue": "TWB64 193 - Champion Blue",
+    "TWB64 194 - DK Barrel Brown": "TWB64 194 - DK Barrel Brown",
+    "TWB64 195 - Evangelion Green": "TWB64 195 - Evangelion Green",
+    "TWB64 196 - Equestrian Purple": "TWB64 196 - Equestrian Purple",
+    "TWB64 197 - Autobot Red": "TWB64 197 - Autobot Red",
+    "TWB64 198 - Niconico Sea Green": "TWB64 198 - Niconico Sea Green",
+    "TWB64 199 - Duracell Copper": "TWB64 199 - Duracell Copper",
+    "TWB64 200 - TOKYO SKYTREE CLOUDY BLUE": "TWB64 200 - TOKYO SKYTREE CLOUDY BLUE",
+    "gambatte gb palette twb64 2": "gambatte gb palette twb64 2",
+    "PixelShift 01 - Arctic Green": "PixelShift 01 - Arctic Green",
+    "PixelShift 02 - Arduboy": "PixelShift 02 - Arduboy",
+    "PixelShift 03 - BGB 0.3 Emulator": "PixelShift 03 - BGB 0.3 Emulator",
+    "PixelShift 04 - Camouflage": "PixelShift 04 - Camouflage",
+    "PixelShift 05 - Chocolate Bar": "PixelShift 05 - Chocolate Bar",
+    "PixelShift 06 - CMYK": "PixelShift 06 - CMYK",
+    "PixelShift 07 - Cotton Candy": "PixelShift 07 - Cotton Candy",
+    "PixelShift 08 - Easy Greens": "PixelShift 08 - Easy Greens",
+    "PixelShift 09 - Gamate": "PixelShift 09 - Gamate",
+    "PixelShift 10 - Game Boy Light": "PixelShift 10 - Game Boy Light",
+    "PixelShift 11 - Game Boy Pocket": "PixelShift 11 - Game Boy Pocket",
+    "PixelShift 12 - Game Boy Pocket Alt": "PixelShift 12 - Game Boy Pocket Alt",
+    "PixelShift 13 - Game Pocket Computer": "PixelShift 13 - Game Pocket Computer",
+    "PixelShift 14 - Game & Watch Ball": "PixelShift 14 - Game & Watch Ball",
+    "PixelShift 15 - GB Backlight Blue": "PixelShift 15 - GB Backlight Blue",
+    "PixelShift 16 - GB Backlight Faded": "PixelShift 16 - GB Backlight Faded",
+    "PixelShift 17 - GB Backlight Orange": "PixelShift 17 - GB Backlight Orange",
+    "PixelShift 18 - GB Backlight White ": "PixelShift 18 - GB Backlight White ",
+    "PixelShift 19 - GB Backlight Yellow Dark": "PixelShift 19 - GB Backlight Yellow Dark",
+    "PixelShift 20 - GB Bootleg": "PixelShift 20 - GB Bootleg",
+    "PixelShift 21 - GB Hunter": "PixelShift 21 - GB Hunter",
+    "PixelShift 22 - GB Kiosk": "PixelShift 22 - GB Kiosk",
+    "PixelShift 23 - GB Kiosk 2": "PixelShift 23 - GB Kiosk 2",
+    "PixelShift 24 - GB New": "PixelShift 24 - GB New",
+    "PixelShift 25 - GB Nuked": "PixelShift 25 - GB Nuked",
+    "PixelShift 26 - GB Old": "PixelShift 26 - GB Old",
+    "PixelShift 27 - GBP Bivert": "PixelShift 27 - GBP Bivert",
+    "PixelShift 28 - GB Washed Yellow Backlight": "PixelShift 28 - GB Washed Yellow Backlight",
+    "PixelShift 29 - Ghost": "PixelShift 29 - Ghost",
+    "PixelShift 30 - Glow In The Dark": "PixelShift 30 - Glow In The Dark",
+    "PixelShift 31 - Gold Bar": "PixelShift 31 - Gold Bar",
+    "PixelShift 32 - Grapefruit": "PixelShift 32 - Grapefruit",
+    "PixelShift 33 - Gray Green Mix": "PixelShift 33 - Gray Green Mix",
+    "PixelShift 34 - Missingno": "PixelShift 34 - Missingno",
+    "PixelShift 35 - MS-Dos": "PixelShift 35 - MS-Dos",
+    "PixelShift 36 - Newspaper": "PixelShift 36 - Newspaper",
+    "PixelShift 37 - Pip-Boy": "PixelShift 37 - Pip-Boy",
+    "PixelShift 38 - Pocket Girl": "PixelShift 38 - Pocket Girl",
+    "PixelShift 39 - Silhouette": "PixelShift 39 - Silhouette",
+    "PixelShift 40 - Sunburst": "PixelShift 40 - Sunburst",
+    "PixelShift 41 - Technicolor": "PixelShift 41 - Technicolor",
+    "PixelShift 42 - Tron": "PixelShift 42 - Tron",
+    "PixelShift 43 - Vaporwave": "PixelShift 43 - Vaporwave",
+    "PixelShift 44 - Virtual Boy": "PixelShift 44 - Virtual Boy",
+    "PixelShift 45 - Wish": "PixelShift 45 - Wish",
+    "gambatte gb palette pixelshift 1": "gambatte gb palette pixelshift 1",
+    "gambatte dark filter level": "gambatte dark filter level",
+    "GB": "GB",
+    "GBC": "GBC",
+    "GBA": "GBA",
+    "gambatte gb hwmode": "gambatte gb hwmode",
+    "gambatte turbo period": "gambatte turbo period",
+    "gambatte rumble level": "gambatte rumble level",
+    "pcsx rearmed psxclock": "pcsx rearmed psxclock",
+    "pcsx rearmed frameskip threshold": "pcsx rearmed frameskip threshold",
+    "pcsx rearmed frameskip interval": "pcsx rearmed frameskip interval",
+    "pcsx rearmed input sensitivity": "pcsx rearmed input sensitivity",
+    "pcsx rearmed gunconadjustx": "pcsx rearmed gunconadjustx",
+    "pcsx rearmed gunconadjusty": "pcsx rearmed gunconadjusty",
+    "pcsx rearmed gunconadjustratiox": "pcsx rearmed gunconadjustratiox",
+    "pcsx rearmed gunconadjustratioy": "pcsx rearmed gunconadjustratioy",
+    "Japan NTSC": "Japan NTSC",
+    "Japan PAL": "Japan PAL",
+    "US": "US",
+    "Europe": "Europe",
+    "picodrive region": "picodrive region",
+    "Game Gear": "Game Gear",
+    "Master System": "Master System",
+    "SG-1000": "SG-1000",
+    "SC-3000": "SC-3000",
+    "picodrive smstype": "picodrive smstype",
+    "Sega": "Sega",
+    "Codemasters": "Codemasters",
+    "Korea": "Korea",
+    "Korea MSX": "Korea MSX",
+    "Korea X-in-1": "Korea X-in-1",
+    "Korea 4-Pak": "Korea 4-Pak",
+    "Korea Janggun": "Korea Janggun",
+    "Korea Nemesis": "Korea Nemesis",
+    "Taiwan 8K RAM": "Taiwan 8K RAM",
+    "picodrive smsmapper": "picodrive smsmapper",
+    "PAR": "PAR",
+    "CRT": "CRT",
+    "picodrive aspect": "picodrive aspect",
+    "native": "native",
+    "picodrive sound rate": "picodrive sound rate",
+    "picodrive lowpass range": "picodrive lowpass range",
+    "picodrive frameskip threshold": "picodrive frameskip threshold",
+    "genesis plus gx frameskip threshold": "genesis plus gx frameskip threshold",
+    "genesis plus gx lowpass range": "genesis plus gx lowpass range",
+    "genesis plus gx psg preamp": "genesis plus gx psg preamp",
+    "genesis plus gx fm preamp": "genesis plus gx fm preamp",
+    "genesis plus gx cdda volume": "genesis plus gx cdda volume",
+    "genesis plus gx pcm volume": "genesis plus gx pcm volume",
+    "genesis plus gx audio eq low": "genesis plus gx audio eq low",
+    "genesis plus gx audio eq mid": "genesis plus gx audio eq mid",
+    "genesis plus gx audio eq high": "genesis plus gx audio eq high",
+    "genesis plus gx enhanced vscroll limit": "genesis plus gx enhanced vscroll limit",
+    "genesis plus gx psg channel 0 volume": "genesis plus gx psg channel 0 volume",
+    "genesis plus gx psg channel 1 volume": "genesis plus gx psg channel 1 volume",
+    "genesis plus gx psg channel 2 volume": "genesis plus gx psg channel 2 volume",
+    "genesis plus gx psg channel 3 volume": "genesis plus gx psg channel 3 volume",
+    "genesis plus gx md channel 0 volume": "genesis plus gx md channel 0 volume",
+    "genesis plus gx md channel 1 volume": "genesis plus gx md channel 1 volume",
+    "genesis plus gx md channel 2 volume": "genesis plus gx md channel 2 volume",
+    "genesis plus gx md channel 3 volume": "genesis plus gx md channel 3 volume",
+    "genesis plus gx md channel 4 volume": "genesis plus gx md channel 4 volume",
+    "genesis plus gx md channel 5 volume": "genesis plus gx md channel 5 volume",
+    "genesis plus gx sms fm channel 0 volume": "genesis plus gx sms fm channel 0 volume",
+    "genesis plus gx sms fm channel 1 volume": "genesis plus gx sms fm channel 1 volume",
+    "genesis plus gx sms fm channel 2 volume": "genesis plus gx sms fm channel 2 volume",
+    "genesis plus gx sms fm channel 3 volume": "genesis plus gx sms fm channel 3 volume",
+    "genesis plus gx sms fm channel 4 volume": "genesis plus gx sms fm channel 4 volume",
+    "genesis plus gx sms fm channel 5 volume": "genesis plus gx sms fm channel 5 volume",
+    "genesis plus gx sms fm channel 6 volume": "genesis plus gx sms fm channel 6 volume",
+    "genesis plus gx sms fm channel 7 volume": "genesis plus gx sms fm channel 7 volume",
+    "genesis plus gx sms fm channel 8 volume": "genesis plus gx sms fm channel 8 volume",
+    "anaglyph": "anaglyph",
+    "cyberscope": "cyberscope",
+    "side-by-side": "side-by-side",
+    "vli": "vli",
+    "hli": "hli",
+    "vb 3dmode": "vb 3dmode",
+    "black & red": "black & red",
+    "black & white": "black & white",
+    "black & blue": "black & blue",
+    "black & cyan": "black & cyan",
+    "black & electric cyan": "black & electric cyan",
+    "black & green": "black & green",
+    "black & magenta": "black & magenta",
+    "black & yellow": "black & yellow",
+    "vb color mode": "vb color mode",
+    "accurate": "accurate",
+    "fast": "fast",
+    "vb cpu emulation": "vb cpu emulation"
+}
diff --git a/data/localization/ro.json b/data/localization/ro.json
new file mode 100644
index 00000000..5411dd2a
--- /dev/null
+++ b/data/localization/ro.json
@@ -0,0 +1,310 @@
+{
+    "0": "0",
+    "1": "1",
+    "2": "2",
+    "3": "3",
+    "4": "4",
+    "5": "5",
+    "6": "6",
+    "7": "7",
+    "8": "8",
+    "9": "9",
+    "Restart": "Repornire",
+    "Pause": "Pauză",
+    "Play": "Pornire",
+    "Save State": "Salvare Status",
+    "Load State": "Încărcare Status",
+    "Control Settings": "Setări Controale",
+    "Cheats": "Cheats",
+    "Cache Manager": "Manager Cache",
+    "Export Save File": "Exportează Fișierul Salvat",
+    "Import Save File": "Importează Fișierul Salvat",
+    "Netplay": "Netplay",
+    "Mute": "Mute",
+    "Unmute": "Unmute",
+    "Settings": "Setări",
+    "Enter Fullscreen": "Intrați în modul ecran complet",
+    "Exit Fullscreen": "Ieșire din modul ecran complet",
+    "Context Menu": "Meniu Context",
+    "Reset": "Resetare",
+    "Clear": "Ștergere",
+    "Close": "Ieșire",
+    "QUICK SAVE STATE": "QUICK SAVE STATE",
+    "QUICK LOAD STATE": "QUICK LOAD STATE",
+    "CHANGE STATE SLOT": "CHANGE STATE SLOT",
+    "FAST FORWARD": "FAST FORWARD",
+    "Player": "Player",
+    "Connected Gamepad": "Gamepad Conectat",
+    "Gamepad": "Gamepad",
+    "Keyboard": "Tastatură",
+    "Set": "Setare",
+    "Add Cheat": "Adaugă Cheat",
+    "Note that some cheats require a restart to disable": "Rețineți că unele cheat-uri necesită o repornire pentru a fi dezactivate",
+    "Create a Room": "Creați o cameră",
+    "Rooms": "Camere",
+    "Start Game": "Pornire Joc",
+    "Click to resume Emulator": "Click pentru a relua Emulatorul",
+    "Drop save state here to load": "Aruncați starea de salvare aici pentru a încărca",
+    "Loading...": "Încărcare...",
+    "Download Game Core": "Descărcați nucleul jocului",
+    "Outdated graphics driver": "Placă grafică învechită",
+    "Decompress Game Core": "Decompresați nucleul jocului",
+    "Download Game Data": "Descărcați datele jocului",
+    "Decompress Game Data": "Decompresați datele jocului",
+    "Shaders": "Shaders",
+    "Disabled": "Dezactivat",
+    "2xScaleHQ": "2xScaleHQ",
+    "4xScaleHQ": "4xScaleHQ",
+    "CRT easymode": "CRT easymode",
+    "CRT aperture": "CRT aperture",
+    "CRT geom": "CRT geom",
+    "CRT mattias": "CRT mattias",
+    "FPS": "FPS (cadre pe secundă)",
+    "show": "Afișare",
+    "hide": "Ascundere",
+    "Fast Forward Ratio": "Rată de Avans Rapid",
+    "Fast Forward": "Avansare Rapidă",
+    "Enabled": "Activat",
+    "Save State Slot": "Salvare Slotul pentru Stare",
+    "Save State Location": "Salvare Locație pentru Stare",
+    "Download": "Descărcați",
+    "Keep in Browser": "Păstrați în Browser",
+    "Auto": "Auto",
+    "NTSC": "NTSC",
+    "PAL": "PAL",
+    "Dendy": "Dendy",
+    "8:7 PAR": "8:7 PAR",
+    "4:3": "4:3",
+    "Low": "Scăzut",
+    "High": "Ridicat",
+    "Very High": "Foarte Ridicat",
+    "None": "Deloc",
+    "Player 1": "Player 1",
+    "Player 2": "Player 2",
+    "Both": "Ambele",
+    "SAVED STATE TO SLOT": "SAVED STATE TO SLOT",
+    "LOADED STATE FROM SLOT": "LOADED STATE FROM SLOT",
+    "SET SAVE STATE SLOT TO": "SET SAVE STATE SLOT TO",
+    "Network Error": "Eroare de Conectare",
+    "Submit": "Trimite",
+    "Description": "Descriere",
+    "Code": "Cod",
+    "Add Cheat Code": "Adaugă Cod Cheat",
+    "Leave Room": "Părăsește Camera",
+    "Password": "Parolă",
+    "Password (optional)": "Parolă (opțional)",
+    "Max Players": "Maximum Jucători",
+    "Room Name": "Numele Camerei",
+    "Join": "Alătură-te",
+    "Player Name": "Nume Jucător",
+    "Set Player Name": "Setează Numele Jucătorului",
+    "Left Handed Mode": "Modul Mâna Stângă",
+    "Virtual Gamepad": "Gamepad Virtual",
+    "Disk": "Disc",
+    "Press Keyboard": "Apasă Tastatură",
+    "INSERT COIN": "INSERT COIN",
+    "Remove": "Înlăturare",
+    "SAVE LOADED FROM BROWSER": "SAVE LOADED FROM BROWSER",
+    "SAVE SAVED TO BROWSER": "SAVE SAVED TO BROWSER",
+    "Join the discord": "Alăturăte pe Discord",
+    "View on GitHub": "Vezi în GitHub",
+    "Failed to start game": "Pornirea jocului a eșuat",
+    "Download Game BIOS": "Descărcați BIOS-ul Jocului",
+    "Decompress Game BIOS": "Decompresați BIOS-ul Jocului",
+    "Download Game Parent": "Descărcați Jocul părinte",
+    "Decompress Game Parent": "Decompresați Jocul părinte",
+    "Download Game Patch": "Descărcați Patch-ul pentru joc",
+    "Decompress Game Patch": "Decompresați Patch-ul jocului",
+    "Download Game State": "-Download Game State",
+    "Check console": "Verifcare consolă",
+    "Error for site owner": "Eroare pentru deținătorul site-ului",
+    "EmulatorJS": "EmulatorJS",
+    "Clear All": "Șterge tot",
+    "Take Screenshot": "Fă o captură de ecran",
+    "Start screen recording": "Pornește înregistrarea ecranului",
+    "Stop screen recording": "Oprește înregistrarea ecranului",
+    "Quick Save": "Salvare Rapidă",
+    "Quick Load": "Încărcare Rapidă",
+    "REWIND": "REWIND",
+    "Rewind Enabled (requires restart)": "Delurare Activată (necesită repornire)",
+    "Rewind Granularity": "Granularitatea de Derulare",
+    "Slow Motion Ratio": "Raport de Latență",
+    "Slow Motion": "Latență",
+    "Home": "Acasă",
+    "EmulatorJS License": "Licența EmulatorJS",
+    "RetroArch License": "Licența RetroArch",
+    "This project is powered by": "Proiectul este dezvoltat de către",
+    "View the RetroArch license here": "Vezi licența RetroArch aici",
+    "SLOW MOTION": "SLOW MOTION",
+    "A": "A",
+    "B": "B",
+    "SELECT": "SELECT",
+    "START": "START",
+    "UP": "UP",
+    "DOWN": "DOWN",
+    "LEFT": "LEFT",
+    "RIGHT": "RIGHT",
+    "X": "X",
+    "Y": "Y",
+    "L": "L",
+    "R": "R",
+    "Z": "Z",
+    "STICK UP": "STICK UP",
+    "STICK DOWN": "STICK DOWN",
+    "STICK LEFT": "STICK LEFT",
+    "STICK RIGHT": "STICK RIGHT",
+    "C-PAD UP": "C-PAD UP",
+    "C-PAD DOWN": "C-PAD DOWN",
+    "C-PAD LEFT": "C-PAD LEFT",
+    "C-PAD RIGHT": "C-PAD RIGHT",
+    "MICROPHONE": "MICROPHONE",
+    "BUTTON 1 / START": "BUTTON 1 / START",
+    "BUTTON 2": "BUTTON 2",
+    "BUTTON": "BUTTON",
+    "LEFT D-PAD UP": "LEFT D-PAD UP",
+    "LEFT D-PAD DOWN": "LEFT D-PAD DOWN",
+    "LEFT D-PAD LEFT": "LEFT D-PAD LEFT",
+    "LEFT D-PAD RIGHT": "LEFT D-PAD RIGHT",
+    "RIGHT D-PAD UP": "RIGHT D-PAD UP",
+    "RIGHT D-PAD DOWN": "RIGHT D-PAD DOWN",
+    "RIGHT D-PAD LEFT": "RIGHT D-PAD LEFT",
+    "RIGHT D-PAD RIGHT": "RIGHT D-PAD RIGHT",
+    "C": "C",
+    "MODE": "MODE",
+    "FIRE": "FIRE",
+    "RESET": "RESET",
+    "LEFT DIFFICULTY A": "LEFT DIFFICULTY A",
+    "LEFT DIFFICULTY B": "LEFT DIFFICULTY B",
+    "RIGHT DIFFICULTY A": "RIGHT DIFFICULTY A",
+    "RIGHT DIFFICULTY B": "RIGHT DIFFICULTY B",
+    "COLOR": "COLOR",
+    "B/W": "B/W",
+    "PAUSE": "PAUSE",
+    "OPTION": "OPTION",
+    "OPTION 1": "OPTION 1",
+    "OPTION 2": "OPTION 2",
+    "L2": "L2",
+    "R2": "R2",
+    "L3": "L3",
+    "R3": "R3",
+    "L STICK UP": "L STICK UP",
+    "L STICK DOWN": "L STICK DOWN",
+    "L STICK LEFT": "L STICK LEFT",
+    "L STICK RIGHT": "L STICK RIGHT",
+    "R STICK UP": "R STICK UP",
+    "R STICK DOWN": "R STICK DOWN",
+    "R STICK LEFT": "R STICK LEFT",
+    "R STICK RIGHT": "R STICK RIGHT",
+    "Start": "Pornire",
+    "Select": "Selectare",
+    "Fast": "Rapid",
+    "Slow": "Lent",
+    "a": "a",
+    "b": "b",
+    "c": "c",
+    "d": "d",
+    "e": "e",
+    "f": "f",
+    "g": "g",
+    "h": "h",
+    "i": "i",
+    "j": "j",
+    "k": "k",
+    "l": "l",
+    "m": "m",
+    "n": "n",
+    "o": "o",
+    "p": "p",
+    "q": "q",
+    "r": "r",
+    "s": "s",
+    "t": "t",
+    "u": "u",
+    "v": "v",
+    "w": "w",
+    "x": "x",
+    "y": "y",
+    "z": "z",
+    "enter": "enter",
+    "escape": "escape",
+    "space": "space",
+    "tab": "tab",
+    "backspace": "backspace",
+    "delete": "delete",
+    "arrowup": "arrowup",
+    "arrowdown": "arrowdown",
+    "arrowleft": "arrowleft",
+    "arrowright": "arrowright",
+    "f1": "f1",
+    "f2": "f2",
+    "f3": "f3",
+    "f4": "f4",
+    "f5": "f5",
+    "f6": "f6",
+    "f7": "f7",
+    "f8": "f8",
+    "f9": "f9",
+    "f10": "f10",
+    "f11": "f11",
+    "f12": "f12",
+    "shift": "shift",
+    "control": "control",
+    "alt": "alt",
+    "meta": "meta",
+    "capslock": "capslock",
+    "insert": "insert",
+    "home": "home",
+    "end": "end",
+    "pageup": "pageup",
+    "pagedown": "pagedown",
+    "!": "!",
+    "@": "@",
+    "#": "#",
+    "$": "$",
+    "%": "%",
+    "^": "^",
+    "&": "&",
+    "*": "*",
+    "(": "(",
+    ")": ")",
+    "-": "-",
+    "_": "_",
+    "+": "+",
+    "=": "=",
+    "[": "[",
+    "]": "]",
+    "{": "{",
+    "}": "}",
+    ";": ";",
+    ":": ":",
+    "'": "'",
+    "\"": "\"",
+    ",": ",",
+    ".": ".",
+    "<": "<",
+    ">": ">",
+    "/": "/",
+    "?": "?",
+    "LEFT_STICK_X": "LEFT_STICK_X",
+    "LEFT_STICK_Y": "LEFT_STICK_Y",
+    "RIGHT_STICK_X": "RIGHT_STICK_X",
+    "RIGHT_STICK_Y": "RIGHT_STICK_Y",
+    "LEFT_TRIGGER": "LEFT_TRIGGER",
+    "RIGHT_TRIGGER": "RIGHT_TRIGGER",
+    "A_BUTTON": "A_BUTTON",
+    "B_BUTTON": "B_BUTTON",
+    "X_BUTTON": "X_BUTTON",
+    "Y_BUTTON": "Y_BUTTON",
+    "START_BUTTON": "START_BUTTON",
+    "SELECT_BUTTON": "SELECT_BUTTON",
+    "L1_BUTTON": "L1_BUTTON",
+    "R1_BUTTON": "R1_BUTTON",
+    "L2_BUTTON": "L2_BUTTON",
+    "R2_BUTTON": "R2_BUTTON",
+    "LEFT_THUMB_BUTTON": "LEFT_THUMB_BUTTON",
+    "RIGHT_THUMB_BUTTON": "RIGHT_THUMB_BUTTON",
+    "DPAD_UP": "DPAD_UP",
+    "DPAD_DOWN": "DPAD_DOWN",
+    "DPAD_LEFT": "DPAD_LEFT",
+    "DPAD_RIGHT": "DPAD_RIGHT"
+}
diff --git a/data/localization/ru-RU.json b/data/localization/ru.json
similarity index 99%
rename from data/localization/ru-RU.json
rename to data/localization/ru.json
index 55a85f3b..be4d5fe3 100644
--- a/data/localization/ru-RU.json
+++ b/data/localization/ru.json
@@ -298,4 +298,4 @@
     "DPAD_DOWN": "DPAD_ВНИЗ",
     "DPAD_LEFT": "DPAD_ВЛЕВО",
     "DPAD_RIGHT": "DPAD_СПРАВО"
-}
\ No newline at end of file
+}
diff --git a/data/localization/tr-TR.json b/data/localization/tr.json
similarity index 98%
rename from data/localization/tr-TR.json
rename to data/localization/tr.json
index 0a57f569..7948f578 100644
--- a/data/localization/tr-TR.json
+++ b/data/localization/tr.json
@@ -121,8 +121,8 @@
   "EmulatorJS": "EmulatorJS",
   "Clear All": "Hepsini Temizle",
   "Take Screenshot": "Ekran Görüntüsü Al",
-  "Start screen recording": "Ekran kaydı başlat",
-  "Stop screen recording": "Ekran kaydını durdur",
+  "Start Screen Recording": "Ekran kaydı başlat",
+  "Stop Screen Recording": "Ekran kaydını durdur",
   "Quick Save": "Hızlı Kaydet",
   "Quick Load": "Hızlı Yükle",
   "REWIND": "GERİ SAR",
diff --git a/data/localization/vi-VN.json b/data/localization/vi.json
similarity index 100%
rename from data/localization/vi-VN.json
rename to data/localization/vi.json
diff --git a/data/localization/zh-CN.json b/data/localization/zh.json
similarity index 79%
rename from data/localization/zh-CN.json
rename to data/localization/zh.json
index 3b220205..2c321732 100644
--- a/data/localization/zh-CN.json
+++ b/data/localization/zh.json
@@ -297,5 +297,55 @@
     "DPAD_UP": "十字键向上",
     "DPAD_DOWN": "十字键向下",
     "DPAD_LEFT": "十字键向左",
-    "DPAD_RIGHT": "十字键向右"
-}
\ No newline at end of file
+    "DPAD_RIGHT": "十字键向右",
+    "BUTTON_1": "按钮1",
+    "BUTTON_2": "按钮2",
+    "up arrow": "方向上",
+    "down arrow": "方向下",
+    "left arrow": "方向左",
+    "right arrow": "方向右",
+    "Start Screen Recording": "开始屏幕录制",
+    "Stop Screen Recording": "停止屏幕录制",
+    "Context Menu": "菜单",
+    "Exit Emulation": "退出模拟器",
+    "System Save interval": "系统保存间隔",
+    "Are you sure you want to exit?": "您确定要退出吗？",
+    "Exit": "退出",
+    "Cancel": "取消",
+    "Note that some cheats require a restart to disable": "请注意，某些作弊码需要重新启动才能禁用",
+    "Drop save state here to load": "将状态保存文件拖放到此处以加载",
+
+    "Disks": "Disks",
+    "SWAP DISKS": "SWAP DISKS",
+    "EJECT/INSERT DISK": "EJECT/INSERT DISK",
+    "LEFT_TOP_SHOULDER": "LEFT_TOP_SHOULDER",
+    "RIGHT_TOP_SHOULDER": "RIGHT_TOP_SHOULDER",
+    "Requires restart": "Requires restart",
+    "Core (Requires restart)": "Core (Requires restart)",
+    "CRT beam": "CRT beam",
+    "CRT caligari": "CRT caligari",
+    "CRT lottes": "CRT lottes",
+    "CRT yeetron": "CRT yeetron",
+    "CRT zfast": "CRT zfast",
+    "SABR": "SABR",
+    "Bicubic": "Bicubic",
+    "Mix frames": "Mix frames",
+    "WebGL2": "WebGL2",
+    "VSync": "VSync",
+    "Video Rotation": "Video Rotation",
+    "Screenshot Source": "Screenshot Source",
+    "Screenshot Format": "Screenshot Format",
+    "Screenshot Upscale": "Screenshot Upscale",
+    "Screen Recording FPS": "Screen Recording FPS",
+    "Screen Recording Format": "Screen Recording Format",
+    "Screen Recording Upscale": "Screen Recording Upscale",
+    "Screen Recording Video Bitrate": "Screen Recording Video Bitrate",
+    "Screen Recording Audio Bitrate": "Screen Recording Audio Bitrate",
+    "Rewind Enabled (Requires restart)": "Rewind Enabled (Requires restart)",
+    "Menubar Mouse Trigger": "Menubar Mouse Trigger",
+    "Downward Movement": "Downward Movement",
+    "Movement Anywhere": "Movement Anywhere",
+    "Direct Keyboard Input": "Direct Keyboard Input",
+    "Forward Alt key": "Forward Alt key",
+    "Lock Mouse": "Lock Mouse"
+}
diff --git a/data/minify/index.js b/data/minify/index.js
deleted file mode 100644
index afd81f37..00000000
--- a/data/minify/index.js
+++ /dev/null
@@ -1,28 +0,0 @@
-const UglifyJS = require("uglify-js");
-const fs = require('fs');
-const uglifycss = require('uglifycss');
-
-const scripts = [
-    "emulator.js",
-    "nipplejs.js",
-    "shaders.js",
-    "storage.js",
-    "gamepad.js",
-    "GameManager.js",
-    "socket.io.min.js",
-    "compression.js"
-];
-let code = "(function() {\n";
-for (let i=0; i<scripts.length; i++) {
-    code += fs.readFileSync('../src/'+scripts[i], 'utf8') + "\n";
-}
-code += "\n})();"
-
-function minify(source){
-    const ast = UglifyJS.parse(source);
-    return UglifyJS.minify(ast).code;
-}
-console.log('minifying');
-fs.writeFileSync('../emulator.min.css', uglifycss.processString(fs.readFileSync('../emulator.css', 'utf8')));
-fs.writeFileSync('../emulator.min.js', minify(code));
-console.log('done!');
diff --git a/data/minify/package.json b/data/minify/package.json
deleted file mode 100644
index 2f2b3c4c..00000000
--- a/data/minify/package.json
+++ /dev/null
@@ -1,22 +0,0 @@
-{
-  "name": "emulatorjs-minify",
-  "version": "1.0.1",
-  "description": "Minify the EmulatorJS javascript files",
-  "main": "index.js",
-  "scripts": {
-    "build": "node index.js"
-  },
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/EmulatorJS/EmulatorJS.git"
-  },
-  "author": "Ethan O'Brien",
-  "bugs": {
-    "url": "https://github.com/EmulatorJS/EmulatorJS/issues"
-  },
-  "homepage": "https://github.com/EmulatorJS/EmulatorJS#readme",
-  "dependencies": {
-    "uglify-js": "^3.17.4",
-    "uglifycss": "0.0.29"
-  }
-}
diff --git a/data/src/GameManager.js b/data/src/GameManager.js
index 40da2195..ed2aab9a 100644
--- a/data/src/GameManager.js
+++ b/data/src/GameManager.js
@@ -4,69 +4,91 @@ class EJS_GameManager {
         this.Module = Module;
         this.FS = this.Module.FS;
         this.functions = {
-            restart: this.Module.cwrap('system_restart', '', []),
-            saveStateInfo: this.Module.cwrap('save_state_info', 'null', []),
-            loadState: this.Module.cwrap('load_state', 'number', ['string', 'number']),
-            screenshot: this.Module.cwrap('cmd_take_screenshot', '', []),
-            simulateInput: this.Module.cwrap('simulate_input', 'null', ['number', 'number', 'number']),
-            toggleMainLoop: this.Module.cwrap('toggleMainLoop', 'null', ['number']),
-            getCoreOptions: this.Module.cwrap('get_core_options', 'string', []),
-            setVariable: this.Module.cwrap('ejs_set_variable', 'null', ['string', 'string']),
-            setCheat: this.Module.cwrap('set_cheat', 'null', ['number', 'number', 'string']),
-            resetCheat: this.Module.cwrap('reset_cheat', 'null', []),
-            toggleShader: this.Module.cwrap('shader_enable', 'null', ['number']),
-            getDiskCount: this.Module.cwrap('get_disk_count', 'number', []),
-            getCurrentDisk: this.Module.cwrap('get_current_disk', 'number', []),
-            setCurrentDisk: this.Module.cwrap('set_current_disk', 'null', ['number']),
-            getSaveFilePath: this.Module.cwrap('save_file_path', 'string', []),
-            saveSaveFiles: this.Module.cwrap('cmd_savefiles', '', []),
-            supportsStates: this.Module.cwrap('supports_states', 'number', []),
-            loadSaveFiles: this.Module.cwrap('refresh_save_files', 'null', []),
-            toggleFastForward: this.Module.cwrap('toggle_fastforward', 'null', ['number']),
-            setFastForwardRatio: this.Module.cwrap('set_ff_ratio', 'null', ['number']),
-            toggleRewind: this.Module.cwrap('toggle_rewind', 'null', ['number']),
-            setRewindGranularity: this.Module.cwrap('set_rewind_granularity', 'null', ['number']),
-            toggleSlowMotion: this.Module.cwrap('toggle_slow_motion', 'null', ['number']),
-            setSlowMotionRatio: this.Module.cwrap('set_sm_ratio', 'null', ['number']),
-            getFrameNum: this.Module.cwrap('get_current_frame_count', 'number', ['']),
-            setVSync: this.Module.cwrap('set_vsync', 'null', ['number'])
+            restart: this.Module.cwrap("system_restart", "", []),
+            saveStateInfo: this.Module.cwrap("save_state_info", "string", []),
+            loadState: this.Module.cwrap("load_state", "number", ["string", "number"]),
+            screenshot: this.Module.cwrap("cmd_take_screenshot", "", []),
+            simulateInput: this.Module.cwrap("simulate_input", "null", ["number", "number", "number"]),
+            toggleMainLoop: this.Module.cwrap("toggleMainLoop", "null", ["number"]),
+            getCoreOptions: this.Module.cwrap("get_core_options", "string", []),
+            setVariable: this.Module.cwrap("ejs_set_variable", "null", ["string", "string"]),
+            setCheat: this.Module.cwrap("set_cheat", "null", ["number", "number", "string"]),
+            resetCheat: this.Module.cwrap("reset_cheat", "null", []),
+            toggleShader: this.Module.cwrap("shader_enable", "null", ["number"]),
+            getDiskCount: this.Module.cwrap("get_disk_count", "number", []),
+            getCurrentDisk: this.Module.cwrap("get_current_disk", "number", []),
+            setCurrentDisk: this.Module.cwrap("set_current_disk", "null", ["number"]),
+            getSaveFilePath: this.Module.cwrap("save_file_path", "string", []),
+            saveSaveFiles: this.Module.cwrap("cmd_savefiles", "", []),
+            supportsStates: this.Module.cwrap("supports_states", "number", []),
+            loadSaveFiles: this.Module.cwrap("refresh_save_files", "null", []),
+            toggleFastForward: this.Module.cwrap("toggle_fastforward", "null", ["number"]),
+            setFastForwardRatio: this.Module.cwrap("set_ff_ratio", "null", ["number"]),
+            toggleRewind: this.Module.cwrap("toggle_rewind", "null", ["number"]),
+            setRewindGranularity: this.Module.cwrap("set_rewind_granularity", "null", ["number"]),
+            toggleSlowMotion: this.Module.cwrap("toggle_slow_motion", "null", ["number"]),
+            setSlowMotionRatio: this.Module.cwrap("set_sm_ratio", "null", ["number"]),
+            getFrameNum: this.Module.cwrap("get_current_frame_count", "number", [""]),
+            setVSync: this.Module.cwrap("set_vsync", "null", ["number"]),
+            setVideoRoation: this.Module.cwrap("set_video_rotation", "null", ["number"]),
+            getVideoDimensions: this.Module.cwrap("get_video_dimensions", "number", ["string"]),
+            setKeyboardEnabled: this.Module.cwrap("ejs_set_keyboard_enabled", "null", ["number"])
         }
-        this.mkdir("/data");
-        this.mkdir("/data/saves");
-        
-        this.writeFile("/home/web_user/retroarch/userdata/retroarch.cfg", this.getRetroArchCfg());
-        
-        this.FS.mount(this.FS.filesystems.IDBFS, {autoPersist: true}, '/data/saves');
-        //this.FS.syncfs(true, () => {});
-        
+
+        this.writeFile("/home/web_user/.config/retroarch/retroarch.cfg", this.getRetroArchCfg());
+
         this.writeConfigFile();
         this.initShaders();
+        this.setupPreLoadSettings();
 
         this.EJS.on("exit", () => {
+            if (!this.EJS.failedToStart) {
+                this.saveSaveFiles();
+                this.functions.restart();
+                this.saveSaveFiles();
+            }
             this.toggleMainLoop(0);
-            this.functions.saveSaveFiles();
+            this.FS.unmount("/data/saves");
             setTimeout(() => {
-                try {window.abort()} catch(e){};
+                try {
+                    this.Module.abort();
+                } catch(e) {
+                    console.warn(e);
+                };
             }, 1000);
         })
     }
+    setupPreLoadSettings() {
+        this.Module.callbacks.setupCoreSettingFile = (filePath) => {
+            if (this.EJS.debug) console.log("Setting up core settings with path:", filePath);
+            this.writeFile(filePath, this.EJS.getCoreSettings());
+        }
+    }
+    mountFileSystems() {
+        return new Promise(async resolve => {
+            this.mkdir("/data");
+            this.mkdir("/data/saves");
+            this.FS.mount(this.FS.filesystems.IDBFS, { autoPersist: true }, "/data/saves");
+            this.FS.syncfs(true, resolve);
+        });
+    }
     writeConfigFile() {
         if (!this.EJS.defaultCoreOpts.file || !this.EJS.defaultCoreOpts.settings) {
             return;
         }
         let output = "";
         for (const k in this.EJS.defaultCoreOpts.settings) {
-            output += k + ' = "' + this.EJS.defaultCoreOpts.settings[k] +'"\n';
+            output += k + ' = "' + this.EJS.defaultCoreOpts.settings[k] + '"\n';
         }
 
         this.writeFile("/home/web_user/retroarch/userdata/config/" + this.EJS.defaultCoreOpts.file, output);
     }
     loadExternalFiles() {
         return new Promise(async (resolve, reject) => {
-            if (this.EJS.config.externalFiles && this.EJS.config.externalFiles.constructor.name === 'Object') {
+            if (this.EJS.config.externalFiles && this.EJS.config.externalFiles.constructor.name === "Object") {
                 for (const key in this.EJS.config.externalFiles) {
                     await new Promise(done => {
-                        this.EJS.downloadFile(this.EJS.config.externalFiles[key], async (res) => {
+                        this.EJS.downloadFile(this.EJS.config.externalFiles[key], null, true, { responseType: "arraybuffer", method: "GET" }).then(async (res) => {
                             if (res === -1) {
                                 if (this.EJS.debug) console.warn("Failed to fetch file from '" + this.EJS.config.externalFiles[key] + "'. Make sure the file exists.");
                                 return done();
@@ -81,7 +103,7 @@ class EJS_GameManager {
                                     path += name;
                                 } else {
                                     for (const k in files) {
-                                        this.writeFile(path+k, files[k]);
+                                        this.writeFile(path + k, files[k]);
                                     }
                                     return done();
                                 }
@@ -92,7 +114,7 @@ class EJS_GameManager {
                                 if (this.EJS.debug) console.warn("Failed to write file to '" + path + "'. Make sure there are no conflicting files.");
                             }
                             done();
-                        }, null, true, {responseType: "arraybuffer", method: "GET"});
+                        });
                     })
                 }
             }
@@ -102,7 +124,7 @@ class EJS_GameManager {
     writeFile(path, data) {
         const parts = path.split("/");
         let current = "/";
-        for (let i=0; i<parts.length-1; i++) {
+        for (let i = 0; i < parts.length - 1; i++) {
             if (!parts[i].trim()) continue;
             current += parts[i] + "/";
             this.mkdir(current);
@@ -115,27 +137,39 @@ class EJS_GameManager {
         } catch(e) {}
     }
     getRetroArchCfg() {
-        return "autosave_interval = 60\n" +
-               "screenshot_directory = \"/\"\n" +
-               "block_sram_overwrite = false\n" +
-               "video_gpu_screenshot = false\n" +
-               "audio_latency = 64\n" +
-               "video_top_portrait_viewport = true\n" +
-               "video_vsync = true\n" +
-               "video_smooth = false\n" +
-               "fastforward_ratio = 3.0\n" +
-               "slowmotion_ratio = 3.0\n" +
-                (this.EJS.rewindEnabled ? "rewind_enable = true\n" : "") +
-                (this.EJS.rewindEnabled ? "rewind_granularity = 6\n" : "") +
-               "savefile_directory = \"/data/saves\"\n" +
-               "video_rotation = " + this.EJS.videoRotation + "\n";
+        let cfg = "autosave_interval = 60\n" +
+            "screenshot_directory = \"/\"\n" +
+            "block_sram_overwrite = false\n" +
+            "video_gpu_screenshot = false\n" +
+            "audio_latency = 64\n" +
+            "video_top_portrait_viewport = true\n" +
+            "video_vsync = true\n" +
+            "video_smooth = false\n" +
+            "fastforward_ratio = 3.0\n" +
+            "slowmotion_ratio = 3.0\n" +
+            (this.EJS.rewindEnabled ? "rewind_enable = true\n" : "") +
+            (this.EJS.rewindEnabled ? "rewind_granularity = 6\n" : "") +
+            "savefile_directory = \"/data/saves\"\n";
+
+        if (this.EJS.retroarchOpts && Array.isArray(this.EJS.retroarchOpts)) {
+            this.EJS.retroarchOpts.forEach(option => {
+                let selected = this.EJS.preGetSetting(option.name);
+                console.log(selected);
+                if (!selected) {
+                    selected = option.default;
+                }
+                const value = option.isString === false ? selected : '"' + selected + '"';
+                cfg += option.name + " = " + value + "\n"
+            })
+        }
+        return cfg;
     }
     initShaders() {
         if (!this.EJS.config.shaders) return;
         this.mkdir("/shader");
         for (const shaderFileName in this.EJS.config.shaders) {
             const shader = this.EJS.config.shaders[shaderFileName];
-            if (typeof shader === 'string') {
+            if (typeof shader === "string") {
                 this.FS.writeFile(`/shader/${shaderFileName}`, shader);
             }
         }
@@ -151,23 +185,33 @@ class EJS_GameManager {
         this.functions.restart();
     }
     getState() {
-        this.functions.saveStateInfo();
-        return this.FS.readFile("/current.state");
+        const state = this.functions.saveStateInfo().split("|");
+        if (state[2] !== "1") {
+            console.error(state[0]);
+            throw new Error(state[0]);
+        }
+        const size = parseInt(state[0]);
+        const dataStart = parseInt(state[1]);
+        const data = this.Module.HEAPU8.subarray(dataStart, dataStart + size);
+        return new Uint8Array(data);
     }
     loadState(state) {
         try {
-            this.FS.unlink('game.state');
-        } catch(e){}
-        this.FS.writeFile('/game.state', state);
+            this.FS.unlink("game.state");
+        } catch(e) {}
+        this.FS.writeFile("/game.state", state);
         this.clearEJSResetTimer();
         this.functions.loadState("game.state", 0);
         setTimeout(() => {
             try {
-                this.FS.unlink('game.state');
-            } catch(e){}
+                this.FS.unlink("game.state");
+            } catch(e) {}
         }, 5000)
     }
     screenshot() {
+        try {
+            this.FS.unlink("screenshot.png");
+        } catch(e) {}
         this.functions.screenshot();
         return new Promise(async resolve => {
             while (1) {
@@ -175,26 +219,28 @@ class EJS_GameManager {
                     this.FS.stat("/screenshot.png");
                     return resolve(this.FS.readFile("/screenshot.png"));
                 } catch(e) {}
-                
                 await new Promise(res => setTimeout(res, 50));
             }
         })
     }
     quickSave(slot) {
         if (!slot) slot = 1;
-        (async () => {
-            let name = slot + '-quick.state';
-            try {
-                this.FS.unlink(name);
-            } catch (e) {}
-            let data = await this.getState();
-            this.FS.writeFile('/'+name, data);
-        })();
+        let name = slot + "-quick.state";
+        try {
+            this.FS.unlink(name);
+        } catch(e) {}
+        try {
+            let data = this.getState();
+            this.FS.writeFile("/" + name, data);
+        } catch(e) {
+            return false;
+        }
+        return true;
     }
     quickLoad(slot) {
         if (!slot) slot = 1;
         (async () => {
-            let name = slot + '-quick.state';
+            let name = slot + "-quick.state";
             this.clearEJSResetTimer();
             this.functions.loadState(name, 0);
         })();
@@ -206,25 +252,28 @@ class EJS_GameManager {
         }
         if ([24, 25, 26, 27, 28, 29].includes(index)) {
             if (index === 24 && value === 1) {
-                const slot = this.EJS.settings['save-state-slot'] ? this.EJS.settings['save-state-slot'] : "1";
-                this.quickSave(slot);
-                this.EJS.displayMessage(this.EJS.localization("SAVED STATE TO SLOT")+" "+slot);
+                const slot = this.EJS.settings["save-state-slot"] ? this.EJS.settings["save-state-slot"] : "1";
+                if (this.quickSave(slot)) {
+                    this.EJS.displayMessage(this.EJS.localization("SAVED STATE TO SLOT") + " " + slot);
+                } else {
+                    this.EJS.displayMessage(this.EJS.localization("FAILED TO SAVE STATE"));
+                }
             }
             if (index === 25 && value === 1) {
-                const slot = this.EJS.settings['save-state-slot'] ? this.EJS.settings['save-state-slot'] : "1";
+                const slot = this.EJS.settings["save-state-slot"] ? this.EJS.settings["save-state-slot"] : "1";
                 this.quickLoad(slot);
-                this.EJS.displayMessage(this.EJS.localization("LOADED STATE FROM SLOT")+" "+slot);
+                this.EJS.displayMessage(this.EJS.localization("LOADED STATE FROM SLOT") + " " + slot);
             }
             if (index === 26 && value === 1) {
                 let newSlot;
                 try {
-                    newSlot = parseFloat(this.EJS.settings['save-state-slot'] ? this.EJS.settings['save-state-slot'] : "1") + 1;
+                    newSlot = parseFloat(this.EJS.settings["save-state-slot"] ? this.EJS.settings["save-state-slot"] : "1") + 1;
                 } catch(e) {
                     newSlot = 1;
                 }
                 if (newSlot > 9) newSlot = 1;
-                this.EJS.displayMessage(this.EJS.localization("SET SAVE STATE SLOT TO")+" "+newSlot);
-                this.EJS.changeSettingOption('save-state-slot', newSlot.toString());
+                this.EJS.displayMessage(this.EJS.localization("SET SAVE STATE SLOT TO") + " " + newSlot);
+                this.EJS.changeSettingOption("save-state-slot", newSlot.toString());
             }
             if (index === 27) {
                 this.functions.toggleFastForward(this.EJS.isFastForward ? !value : value);
@@ -265,7 +314,7 @@ class EJS_GameManager {
                 return null;
             }
         }
-        for (let i=0; i<fileNames.length; i++) {
+        for (let i = 0; i < fileNames.length; i++) {
             if (fileNames[i].split(".").pop().toLowerCase() === "ccd") {
                 console.warn("Did not auto-create cue file(s). Found a ccd.");
                 return null;
@@ -279,47 +328,49 @@ class EJS_GameManager {
         if (baseFileName.includes(".")) {
             baseFileName = baseFileName.substring(0, baseFileName.length - baseFileName.split(".").pop().length - 1);
         }
-        for (let i=0; i<fileNames.length; i++) {
-            const contents = " FILE \""+fileNames[i]+"\" BINARY\n  TRACK 01 MODE1/2352\n   INDEX 01 00:00:00";
-            this.FS.writeFile("/"+baseFileName+"-"+i+".cue", contents);
+        for (let i = 0; i < fileNames.length; i++) {
+            const contents = " FILE \"" + fileNames[i] + "\" BINARY\n  TRACK 01 MODE1/2352\n   INDEX 01 00:00:00";
+            this.FS.writeFile("/" + baseFileName + "-" + i + ".cue", contents);
         }
         if (fileNames.length > 1) {
             let contents = "";
-            for (let i=0; i<fileNames.length; i++) {
-                contents += "/"+baseFileName+"-"+i+".cue\n";
+            for (let i = 0; i < fileNames.length; i++) {
+                contents += "/" + baseFileName + "-" + i + ".cue\n";
             }
-            this.FS.writeFile("/"+baseFileName+".m3u", contents);
+            this.FS.writeFile("/" + baseFileName + ".m3u", contents);
         }
-        return (fileNames.length === 1) ? baseFileName+"-0.cue" : baseFileName+".m3u";
+        return (fileNames.length === 1) ? baseFileName + "-0.cue" : baseFileName + ".m3u";
     }
     loadPpssppAssets() {
         return new Promise(resolve => {
-            this.EJS.downloadFile('cores/ppsspp-assets.zip', (res) => {
+            this.EJS.downloadFile("cores/ppsspp-assets.zip", null, false, { responseType: "arraybuffer", method: "GET" }).then((res) => {
                 this.EJS.checkCompression(new Uint8Array(res.data), this.EJS.localization("Decompress Game Data")).then((pspassets) => {
                     if (pspassets === -1) {
-                        this.EJS.textElem.innerText = this.localization('Network Error');
+                        this.EJS.textElem.innerText = this.localization("Network Error");
                         this.EJS.textElem.style.color = "red";
                         return;
                     }
                     this.mkdir("/PPSSPP");
-                    
+
                     for (const file in pspassets) {
                         const data = pspassets[file];
-                        const path = "/PPSSPP/"+file;
+                        const path = "/PPSSPP/" + file;
                         const paths = path.split("/");
                         let cp = "";
-                        for (let i=0; i<paths.length-1; i++) {
+                        for (let i = 0; i < paths.length - 1; i++) {
                             if (paths[i] === "") continue;
-                            cp += "/"+paths[i];
-                            if (!FS.analyzePath(cp).exists) {
+                            cp += "/" + paths[i];
+                            if (!this.FS.analyzePath(cp).exists) {
                                 this.FS.mkdir(cp);
                             }
                         }
-                        this.FS.writeFile(path, data);
+                        if (!path.endsWith("/")) {
+                            this.FS.writeFile(path, data);
+                        }
                     }
                     resolve();
                 })
-            }, null, false, {responseType: "arraybuffer", method: "GET"});
+            });
         })
     }
     setVSync(enabled) {
@@ -357,13 +408,16 @@ class EJS_GameManager {
     }
     saveSaveFiles() {
         this.functions.saveSaveFiles();
+        this.EJS.callEvent("saveSaveFiles", this.getSaveFile(false));
         //this.FS.syncfs(false, () => {});
     }
     supportsStates() {
         return !!this.functions.supportsStates();
     }
-    getSaveFile() {
-        this.saveSaveFiles();
+    getSaveFile(save) {
+        if (save !== false) {
+            this.saveSaveFiles();
+        }
         const exists = this.FS.analyzePath(this.getSaveFilePath()).exists;
         return (exists ? this.FS.readFile(this.getSaveFilePath()) : null);
     }
@@ -389,6 +443,22 @@ class EJS_GameManager {
     getFrameNum() {
         return this.functions.getFrameNum();
     }
+    setVideoRotation(rotation) {
+        this.functions.setVideoRoation(rotation);
+    }
+    getVideoDimensions(type) {
+        try {
+            return this.functions.getVideoDimensions(type);
+        } catch(e) {
+            console.warn(e);
+        }
+    }
+    setKeyboardEnabled(enabled) {
+        this.functions.setKeyboardEnabled(enabled === true ? 1 : 0);
+    }
+    setAltKeyEnabled(enabled) {
+        this.functions.setKeyboardEnabled(enabled === true ? 3 : 2);
+    }
 }
 
 window.EJS_GameManager = EJS_GameManager;
diff --git a/data/src/compression.js b/data/src/compression.js
index 2b8d7a09..1db5fa27 100644
--- a/data/src/compression.js
+++ b/data/src/compression.js
@@ -5,11 +5,11 @@ class EJS_COMPRESSION {
     isCompressed(data) { //https://www.garykessler.net/library/file_sigs.html
         //todo. Use hex instead of numbers
         if ((data[0] === 80 && data[1] === 75) && ((data[2] === 3 && data[3] === 4) || (data[2] === 5 && data[3] === 6) || (data[2] === 7 && data[3] === 8))) {
-            return 'zip';
+            return "zip";
         } else if (data[0] === 55 && data[1] === 122 && data[2] === 188 && data[3] === 175 && data[4] === 39 && data[5] === 28) {
-            return '7z';
+            return "7z";
         } else if ((data[0] === 82 && data[1] === 97 && data[2] === 114 && data[3] === 33 && data[4] === 26 && data[5] === 7) && ((data[6] === 0) || (data[6] === 1 && data[7] == 0))) {
-            return 'rar';
+            return "rar";
         }
         return null;
     }
@@ -19,12 +19,12 @@ class EJS_COMPRESSION {
             if (typeof fileCbFunc === "function") {
                 fileCbFunc("!!notCompressedData", data);
             }
-            return new Promise(resolve => resolve({"!!notCompressedData": data}));
+            return new Promise(resolve => resolve({ "!!notCompressedData": data }));
         }
         return this.decompressFile(compressed, data, updateMsg, fileCbFunc);
     }
     getWorkerFile(method) {
-        return new Promise((resolve, reject) => {
+        return new Promise(async (resolve, reject) => {
             let path, obj;
             if (method === "7z") {
                 path = "compression/extract7z.js";
@@ -36,31 +36,75 @@ class EJS_COMPRESSION {
                 path = "compression/libunrar.js";
                 obj = "rar";
             }
-            this.EJS.downloadFile(path, (res) => {
-                if (res === -1) {
-                    this.EJS.startGameError(this.EJS.localization('Network Error'));
+            const res = await this.EJS.downloadFile(path, null, false, { responseType: "text", method: "GET" });
+            if (res === -1) {
+                this.EJS.startGameError(this.EJS.localization("Network Error"));
+                return;
+            }
+            if (method === "rar") {
+                const res2 = await this.EJS.downloadFile("compression/libunrar.wasm", null, false, { responseType: "arraybuffer", method: "GET" });
+                if (res2 === -1) {
+                    this.EJS.startGameError(this.EJS.localization("Network Error"));
                     return;
                 }
-                if (method === "rar") {
-                    this.EJS.downloadFile("compression/libunrar.wasm", (res2) => {
-                        if (res2 === -1) {
-                            this.EJS.startGameError(this.EJS.localization('Network Error'));
-                            return;
+                const path = URL.createObjectURL(new Blob([res2.data], { type: "application/wasm" }));
+                let script = `
+                    let dataToPass = [];
+                    Module = {
+                        monitorRunDependencies: function(left) {
+                            if (left == 0) {
+                                setTimeout(function() {
+                                    unrar(dataToPass, null);
+                                }, 100);
+                            }
+                        },
+                        onRuntimeInitialized: function() {},
+                        locateFile: function(file) {
+                            console.log("locateFile");
+                            return "` + path + `";
                         }
-                        const path = URL.createObjectURL(new Blob([res2.data], {type: "application/wasm"}));
-                        let data = '\nlet dataToPass = [];\nModule = {\n    monitorRunDependencies: function(left)  {\n        if (left == 0) {\n            setTimeout(function() {\n                unrar(dataToPass, null);\n            }, 100);\n        }\n    },\n    onRuntimeInitialized: function() {\n    },\n    locateFile: function(file) {\n        return \''+path+'\';\n    }\n};\n'+res.data+'\nlet unrar = function(data, password) {\n    let cb = function(fileName, fileSize, progress) {\n        postMessage({"t":4,"current":progress,"total":fileSize, "name": fileName});\n    };\n\n    let rarContent = readRARContent(data.map(function(d) {\n        return {\n            name: d.name,\n            content: new Uint8Array(d.content)\n        }\n    }), password, cb)\n    let rec = function(entry) {\n        if (!entry) return;\n        if (entry.type === \'file\') {\n            postMessage({"t":2,"file":entry.fullFileName,"size":entry.fileSize,"data":entry.fileContent});\n        } else if (entry.type === \'dir\') {\n            Object.keys(entry.ls).forEach(function(k) {\n                rec(entry.ls[k]);\n            })\n        } else {\n            throw "Unknown type";\n        }\n    }\n    rec(rarContent);\n    postMessage({"t":1});\n    return rarContent;\n};\nonmessage = function(data) {\n    dataToPass.push({name:  \'test.rar\', content: data.data});\n};\n                ';
-                        const blob = new Blob([data], {
-                            type: 'application/javascript'
-                        })
-                        resolve(blob);
-                    }, null, false, {responseType: "arraybuffer", method: "GET"});
-                } else {
-                    const blob = new Blob([res.data], {
-                        type: 'application/javascript'
-                    })
-                    resolve(blob);
-                }
-            }, null, false, {responseType: "arraybuffer", method: "GET"});
+                    };
+                    ` + res.data + `
+                    let unrar = function(data, password) {
+                        let cb = function(fileName, fileSize, progress) {
+                            postMessage({ "t": 4, "current": progress, "total": fileSize, "name": fileName });
+                        };
+                        let rarContent = readRARContent(data.map(function(d) {
+                            return {
+                                name: d.name,
+                                content: new Uint8Array(d.content)
+                            }
+                        }), password, cb)
+                        let rec = function(entry) {
+                            if (!entry) return;
+                            if (entry.type === "file") {
+                                postMessage({ "t": 2, "file": entry.fullFileName, "size": entry.fileSize, "data": entry.fileContent });
+                            } else if (entry.type === "dir") {
+                                Object.keys(entry.ls).forEach(function(k) {
+                                    rec(entry.ls[k]);
+                                });
+                            } else {
+                                throw "Unknown type";
+                            }
+                        }
+                        rec(rarContent);
+                        postMessage({ "t": 1 });
+                        return rarContent;
+                    };
+                    onmessage = function(data) {
+                        dataToPass.push({ name: "test.rar", content: data.data });
+                    };
+                `;
+                const blob = new Blob([script], {
+                    type: "application/javascript"
+                })
+                resolve(blob);
+            } else {
+                const blob = new Blob([res.data], {
+                    type: "application/javascript"
+                })
+                resolve(blob);
+            }
         })
     }
     decompressFile(method, data, updateMsg, fileCbFunc) {
@@ -75,7 +119,7 @@ class EJS_COMPRESSION {
                     const pg = data.data;
                     const num = Math.floor(pg.current / pg.total * 100);
                     if (isNaN(num)) return;
-                    const progress = ' '+num.toString()+'%';
+                    const progress = " " + num.toString() + "%";
                     updateMsg(progress, true);
                 }
                 if (data.data.t === 2) {
diff --git a/data/src/emulator.js b/data/src/emulator.js
index 1f63296d..92668939 100644
--- a/data/src/emulator.js
+++ b/data/src/emulator.js
@@ -1,93 +1,75 @@
 class EmulatorJS {
+    getCores() {
+        let rv = {
+            "atari5200": ["a5200"],
+            "vb": ["beetle_vb"],
+            "nds": ["melonds", "desmume", "desmume2015"],
+            "arcade": ["fbneo", "fbalpha2012_cps1", "fbalpha2012_cps2"],
+            "nes": ["fceumm", "nestopia"],
+            "gb": ["gambatte"],
+            "coleco": ["gearcoleco"],
+            "segaMS": ["smsplus", "genesis_plus_gx", "picodrive"],
+            "segaMD": ["genesis_plus_gx", "picodrive"],
+            "segaGG": ["genesis_plus_gx"],
+            "segaCD": ["genesis_plus_gx", "picodrive"],
+            "sega32x": ["picodrive"],
+            "sega": ["genesis_plus_gx", "picodrive"],
+            "lynx": ["handy"],
+            "mame": ["mame2003_plus", "mame2003"],
+            "ngp": ["mednafen_ngp"],
+            "pce": ["mednafen_pce"],
+            "pcfx": ["mednafen_pcfx"],
+            "psx": ["pcsx_rearmed", "mednafen_psx_hw"],
+            "ws": ["mednafen_wswan"],
+            "gba": ["mgba"],
+            "n64": ["mupen64plus_next", "parallel_n64"],
+            "3do": ["opera"],
+            "psp": ["ppsspp"],
+            "atari7800": ["prosystem"],
+            "snes": ["snes9x"],
+            "atari2600": ["stella2014"],
+            "jaguar": ["virtualjaguar"],
+            "segaSaturn": ["yabause"],
+            "amiga": ["puae"],
+            "c64": ["vice_x64sc"],
+            "c128": ["vice_x128"],
+            "pet": ["vice_xpet"],
+            "plus4": ["vice_xplus4"],
+            "vic20": ["vice_xvic"],
+            "dos": ["dosbox_pure"]
+        };
+        if (this.isSafari && this.isMobile) {
+            rv.n64 = rv.n64.reverse();
+        }
+        return rv;
+    }
+    requiresThreads(core) {
+        const requiresThreads = ["ppsspp", "dosbox_pure"];
+        return requiresThreads.includes(core);
+    }
+    requiresWebGL2(core) {
+        const requiresWebGL2 = ["ppsspp"];
+        return requiresWebGL2.includes(core);
+    }
     getCore(generic) {
+        const cores = this.getCores();
         const core = this.config.system;
         if (generic) {
-            const options = {
-                'a5200': 'atari5200',
-                'beetle_vb': 'vb',
-                'desmume': 'nds',
-                'desmume2015': 'nds',
-                'fbalpha2012_cps1': 'arcade',
-                'fbalpha2012_cps2': 'arcade',
-                'fbneo': 'arcade',
-                'fceumm': 'nes',
-                'gambatte': 'gb',
-                'gearcoleco': 'coleco',
-                'genesis_plus_gx': 'sega',
-                'handy': 'lynx',
-                'mame2003': 'mame',
-                'mame2003_plus': 'mame',
-                'mednafen_ngp': 'ngp',
-                'mednafen_pce': 'pce',
-                'mednafen_pcfx': 'pcfx',
-                'mednafen_psx_hw': 'psx',
-                'mednafen_wswan': 'ws',
-                'melonds': 'nds',
-                'mgba': 'gba',
-                'mupen64plus_next': 'n64',
-                'nestopia': 'nes',
-                'opera': '3do',
-                'parallel_n64': 'n64',
-                'pcsx_rearmed': 'psx',
-                'picodrive': 'sega',
-                'ppsspp': 'psp',
-                'prosystem': 'atari7800',
-                'snes9x': 'snes',
-                'stella2014': 'atari2600',
-                'virtualjaguar': 'jaguar',
-                'yabause': 'segaSaturn',
-                'puae': 'amiga',
-                'vice_x64sc': 'c64',
-                'vice_x128': 'c128',
-                'vice_xpet': 'pet',
-                'vice_xplus4': 'plus4',
-                'vice_xvic': 'vic20'
-            }
-            return options[core] || core;
-        }
-        const options = {
-            'jaguar': 'virtualjaguar',
-            'lynx': 'handy',
-            'segaSaturn': 'yabause',
-            'segaMS': 'smsplus',
-            'segaMD': 'genesis_plus_gx',
-            'segaGG': 'genesis_plus_gx',
-            'segaCD': 'genesis_plus_gx',
-            'sega32x': 'picodrive',
-            'atari2600': 'stella2014',
-            'atari7800': 'prosystem',
-            'nes': 'fceumm',
-            'snes': 'snes9x',
-            'atari5200': 'a5200',
-            'gb': 'gambatte',
-            'gba': 'mgba',
-            'vb': 'beetle_vb',
-            'n64': 'mupen64plus_next',
-            'nds': 'melonds',
-            'mame': 'mame2003_plus',
-            'arcade': 'fbneo',
-            'psx': 'pcsx_rearmed',
-            '3do': 'opera',
-            'psp': 'ppsspp',
-            'pce': 'mednafen_pce',
-            'pcfx': 'mednafen_pcfx',
-            'ngp': 'mednafen_ngp',
-            'ws': 'mednafen_wswan',
-            'coleco': 'gearcoleco',
-            'amiga': 'puae',
-            'c64': 'vice_x64sc',
-            'c128': 'vice_x128',
-            'pet': 'vice_xpet',
-            'plus4': 'vice_xplus4',
-            'vic20': 'vice_xvic'
-        }
-        if (this.isSafari && this.isMobile && this.getCore(true) === "n64") {
-            return "parallel_n64";
-        }
-        if (!this.supportsWebgl2 && this.getCore(true) === "psx") {
-            return "mednafen_psx_hw";
-        }
-        return options[core] || core;
+            for (const k in cores) {
+                if (cores[k].includes(core)) {
+                    return k;
+                }
+            }
+            return core;
+        }
+        const gen = this.getCore(true);
+        if (cores[gen] && cores[gen].includes(this.preGetSetting("retroarch_core"))) {
+            return this.preGetSetting("retroarch_core");
+        }
+        if (cores[core]) {
+            return cores[core][0];
+        }
+        return core;
     }
     createElement(type) {
         return document.createElement(type);
@@ -95,47 +77,63 @@ class EmulatorJS {
     addEventListener(element, listener, callback) {
         const listeners = listener.split(" ");
         let rv = [];
-        for (let i=0; i<listeners.length; i++) {
+        for (let i = 0; i < listeners.length; i++) {
             element.addEventListener(listeners[i], callback);
-            const data = {cb:callback, elem:element, listener:listeners[i]};
+            const data = { cb: callback, elem: element, listener: listeners[i] };
             rv.push(data);
-            this.listeners.push(data);
         }
         return rv;
     }
     removeEventListener(data) {
-        for (let i=0; i<data.length; i++) {
+        for (let i = 0; i < data.length; i++) {
             data[i].elem.removeEventListener(data[i].listener, data[i].cb);
         }
     }
-    downloadFile(path, cb, progressCB, notWithPath, opts) {
-        const data = this.toData(path);//check other data types
-        if (data) {
-            data.then((game) => {
-                if (opts.method === 'HEAD') {
-                    cb({headers:{}});
-                    return;
-                } else {
-                    cb({headers:{}, data:game});
+    downloadFile(path, progressCB, notWithPath, opts) {
+        return new Promise(async cb => {
+            const data = this.toData(path); //check other data types
+            if (data) {
+                data.then((game) => {
+                    if (opts.method === "HEAD") {
+                        cb({ headers: {} });
+                    } else {
+                        cb({ headers: {}, data: game });
+                    }
+                })
+                return;
+            }
+            const basePath = notWithPath ? "" : this.config.dataPath;
+            path = basePath + path;
+            if (!notWithPath && this.config.filePaths && typeof this.config.filePaths[path.split("/").pop()] === "string") {
+                path = this.config.filePaths[path.split("/").pop()];
+            }
+            let url;
+            try { url = new URL(path) } catch(e) {};
+            if (url && !["http:", "https:"].includes(url.protocol)) {
+                //Most commonly blob: urls. Not sure what else it could be
+                if (opts.method === "HEAD") {
+                    cb({ headers: {} });
                     return;
                 }
-            })
-            return;
-        }
-        const basePath = notWithPath ? '' : this.config.dataPath;
-        path = basePath + path;
-        if (!notWithPath && this.config.filePaths) {
-            if (typeof this.config.filePaths[path.split('/').pop()] === "string") {
-                path = this.config.filePaths[path.split('/').pop()];
+                try {
+                    let res = await fetch(path)
+                    if ((opts.type && opts.type.toLowerCase() === "arraybuffer") || !opts.type) {
+                        res = await res.arrayBuffer();
+                    } else {
+                        res = await res.text();
+                        try { res = JSON.parse(res) } catch(e) {}
+                    }
+                    if (path.startsWith("blob:")) URL.revokeObjectURL(path);
+                    cb({ data: res, headers: {} });
+                } catch(e) {
+                    cb(-1);
+                }
+                return;
             }
-        }
-        let url;
-        try {url=new URL(path)}catch(e){};
-        if ((url && ['http:', 'https:'].includes(url.protocol)) || !url) {
             const xhr = new XMLHttpRequest();
             if (progressCB instanceof Function) {
-                xhr.addEventListener('progress', (e) => {
-                    const progress = e.total ? ' '+Math.floor(e.loaded / e.total * 100).toString()+'%' : ' '+(e.loaded/1048576).toFixed(2)+'MB';
+                xhr.addEventListener("progress", (e) => {
+                    const progress = e.total ? " " + Math.floor(e.loaded / e.total * 100).toString() + "%" : " " + (e.loaded / 1048576).toFixed(2) + "MB";
                     progressCB(progress);
                 });
             }
@@ -146,11 +144,11 @@ class EmulatorJS {
                         cb(-1);
                         return;
                     }
-                    try {data=JSON.parse(data)}catch(e){}
+                    try { data = JSON.parse(data) } catch(e) {}
                     cb({
                         data: data,
                         headers: {
-                            "content-length": xhr.getResponseHeader('content-length')
+                            "content-length": xhr.getResponseHeader("content-length")
                         }
                     });
                 }
@@ -159,32 +157,7 @@ class EmulatorJS {
             xhr.onerror = () => cb(-1);
             xhr.open(opts.method, path, true);
             xhr.send();
-        } else {
-            (async () => {
-                //Most commonly blob: urls. Not sure what else it could be
-                if (opts.method === 'HEAD') {
-                    cb({headers:{}});
-                    return;
-                }
-                let res;
-                try {
-                    res = await fetch(path);
-                    if ((opts.type && opts.type.toLowerCase() === 'arraybuffer') || !opts.type) {
-                        res = await res.arrayBuffer();
-                    } else {
-                        res = await res.text();
-                        try {res = JSON.parse(res)} catch(e) {}
-                    }
-                } catch(e) {
-                    cb(-1);
-                }
-                if (path.startsWith('blob:')) URL.revokeObjectURL(path);
-                cb({
-                    data: res,
-                    headers: {}
-                });
-            })();
-        }
+        })
     }
     toData(data, rv) {
         if (!(data instanceof ArrayBuffer) && !(data instanceof Uint8Array) && !(data instanceof Blob)) return null;
@@ -205,12 +178,12 @@ class EmulatorJS {
             console.warn("Using EmulatorJS beta. Not checking for updates. This instance may be out of date. Using stable is highly recommended unless you build and ship your own cores.");
             return;
         }
-        fetch('https://cdn.emulatorjs.org/stable/data/version.json').then(response => {
+        fetch("https://cdn.emulatorjs.org/stable/data/version.json").then(response => {
             if (response.ok) {
                 response.text().then(body => {
                     let version = JSON.parse(body);
                     if (this.versionAsInt(this.ejs_version) < this.versionAsInt(version.version)) {
-                        console.log('Using EmulatorJS version ' + this.ejs_version + ' but the newest version is ' + version.current_version + '\nopen https://github.com/EmulatorJS/EmulatorJS to update');
+                        console.log(`Using EmulatorJS version ${this.ejs_version} but the newest version is ${version.current_version}\nopen https://github.com/EmulatorJS/EmulatorJS to update`);
                     }
                 })
             }
@@ -221,24 +194,42 @@ class EmulatorJS {
             return 99999999;
         }
         let rv = ver.split(".");
-        if (rv[rv.length-1].length === 1) {
-            rv[rv.length-1] = "0" + rv[rv.length-1];
+        if (rv[rv.length - 1].length === 1) {
+            rv[rv.length - 1] = "0" + rv[rv.length - 1];
         }
         return parseInt(rv.join(""));
     }
     constructor(element, config) {
-        this.ejs_version = "4.1.1";
+        this.ejs_version = "4.2.3";
         this.extensions = [];
         this.initControlVars();
         this.debug = (window.EJS_DEBUG_XX === true);
-        if (this.debug || (window.location && ['localhost', '127.0.0.1'].includes(location.hostname))) this.checkForUpdates();
+        if (this.debug || (window.location && ["localhost", "127.0.0.1"].includes(location.hostname))) this.checkForUpdates();
         this.netplayEnabled = (window.EJS_DEBUG_XX === true) && (window.EJS_EXPERIMENTAL_NETPLAY === true);
-        this.settingsLanguage = window.EJS_settingsLanguage || false;
         this.config = config;
+        this.config.buttonOpts = this.buildButtonOptions(this.config.buttonOpts);
+        this.config.settingsLanguage = window.EJS_settingsLanguage || false;
+        switch (this.config.browserMode) {
+            case 1: // Force mobile
+            case "1":
+            case "mobile":
+                if (this.debug) { console.log("Force mobile mode is enabled"); }
+                this.config.browserMode = 1;
+                break;
+            case 2: // Force desktop
+            case "2":
+            case "desktop":
+                if (this.debug) { console.log("Force desktop mode is enabled"); }
+                this.config.browserMode = 2;
+                break;
+            default: // Auto detect
+                config.browserMode = undefined;
+        }
         this.currentPopup = null;
         this.isFastForward = false;
         this.isSlowMotion = false;
-        this.rewindEnabled = this.preGetSetting("rewindEnabled") === 'enabled';
+        this.failedToStart = false;
+        this.rewindEnabled = this.preGetSetting("rewindEnabled") === "enabled";
         this.touch = false;
         this.cheats = [];
         this.started = false;
@@ -246,7 +237,6 @@ class EmulatorJS {
         if (this.config.defaultControllers) this.defaultControllers = this.config.defaultControllers;
         this.muted = false;
         this.paused = true;
-        this.listeners = [];
         this.missingLang = [];
         this.setElements(element);
         this.setColor(this.config.color || "");
@@ -256,18 +246,53 @@ class EmulatorJS {
             this.config.adSize = (Array.isArray(this.config.adSize)) ? this.config.adSize : ["300px", "250px"];
             this.setupAds(this.config.adUrl, this.config.adSize[0], this.config.adSize[1]);
         }
-        this.isMobile = (function() {
+        this.isMobile = (() => {
+            // browserMode can be either a 1 (force mobile), 2 (force desktop) or undefined (auto detect)
+            switch (this.config.browserMode) {
+                case 1:
+                    return true;
+                case 2:
+                    return false;
+            }
+
             let check = false;
-            (function(a){if(/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino|android|ipad|playbook|silk/i.test(a)||/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(a.substr(0,4))) check = true;})(navigator.userAgent||navigator.vendor||window.opera);
+            (function (a) { if (/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino|android|ipad|playbook|silk/i.test(a) || /1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(a.substr(0, 4))) check = true; })(navigator.userAgent || navigator.vendor || window.opera);
             return check;
         })();
-        this.canvas = this.createElement('canvas');
-        this.canvas.classList.add('ejs_canvas');
+        this.hasTouchScreen = (function() {
+            if (window.PointerEvent && ("maxTouchPoints" in navigator)) {
+                if (navigator.maxTouchPoints > 0) {
+                    return true;
+                }
+            } else {
+                if (window.matchMedia && window.matchMedia("(any-pointer:coarse)").matches) {
+                    return true;
+                } else if (window.TouchEvent || ("ontouchstart" in window)) {
+                    return true;
+                }
+            }
+            return false;
+        })();
+        this.canvas = this.createElement("canvas");
+        this.canvas.classList.add("ejs_canvas");
         this.videoRotation = ([0, 1, 2, 3].includes(this.config.videoRotation)) ? this.config.videoRotation : this.preGetSetting("videoRotation") || 0;
+        this.videoRotationChanged = false;
+        this.capture = this.capture || {};
+        this.capture.photo = this.capture.photo || {};
+        this.capture.photo.source = ["canvas", "retroarch"].includes(this.capture.photo.source) ? this.capture.photo.source : "canvas";
+        this.capture.photo.format = (typeof this.capture.photo.format === "string") ? this.capture.photo.format : "png";
+        this.capture.photo.upscale = (typeof this.capture.photo.upscale === "number") ? this.capture.photo.upscale : 1;
+        this.capture.video = this.capture.video || {};
+        this.capture.video.format = (typeof this.capture.video.format === "string") ? this.capture.video.format : "detect";
+        this.capture.video.upscale = (typeof this.capture.video.upscale === "number") ? this.capture.video.upscale : 1;
+        this.capture.video.fps = (typeof this.capture.video.fps === "number") ? this.capture.video.fps : 30;
+        this.capture.video.videoBitrate = (typeof this.capture.video.videoBitrate === "number") ? this.capture.video.videoBitrate : 2.5 * 1024 * 1024;
+        this.capture.video.audioBitrate = (typeof this.capture.video.audioBitrate === "number") ? this.capture.video.audioBitrate : 192 * 1024;
         this.bindListeners();
         this.config.netplayUrl = this.config.netplayUrl || "https://netplay.emulatorjs.org";
         this.fullscreen = false;
-        this.supportsWebgl2 = !!document.createElement('canvas').getContext('webgl2') && (this.config.forceLegacyCores !== true);
+        this.enableMouseLock = false;
+        this.supportsWebgl2 = !!document.createElement("canvas").getContext("webgl2") && (this.config.forceLegacyCores !== true);
         this.webgl2Enabled = (() => {
             let setting = this.preGetSetting("webgl2Enabled");
             if (setting === "disabled" || !this.supportsWebgl2) {
@@ -293,22 +318,22 @@ class EmulatorJS {
         }
         // This is not cache. This is save data
         this.storage.states = new window.EJS_STORAGE("EmulatorJS-states", "states");
-        
+
         this.game.classList.add("ejs_game");
         if (typeof this.config.backgroundImg === "string") {
             this.game.classList.add("ejs_game_background");
             if (this.config.backgroundBlur) this.game.classList.add("ejs_game_background_blur");
-            this.game.setAttribute("style", "--ejs-background-image: url("+this.config.backgroundImg+"); --ejs-background-color: "+this.config.backgroundColor+";");
+            this.game.setAttribute("style", `--ejs-background-image: url("${this.config.backgroundImg}"); --ejs-background-color: ${this.config.backgroundColor};`);
             this.on("start", () => {
                 this.game.classList.remove("ejs_game_background");
                 if (this.config.backgroundBlur) this.game.classList.remove("ejs_game_background_blur");
             })
         } else {
-            this.game.setAttribute("style", "--ejs-background-color: "+this.config.backgroundColor+";");
+            this.game.setAttribute("style", "--ejs-background-color: " + this.config.backgroundColor + ";");
         }
-        
+
         if (Array.isArray(this.config.cheats)) {
-            for (let i=0; i<this.config.cheats.length; i++) {
+            for (let i = 0; i < this.config.cheats.length; i++) {
                 const cheat = this.config.cheats[i];
                 if (Array.isArray(cheat) && cheat[0] && cheat[1]) {
                     this.cheats.push({
@@ -320,7 +345,7 @@ class EmulatorJS {
                 }
             }
         }
-        
+
         this.createStartButton();
         this.handleResize();
     }
@@ -330,15 +355,15 @@ class EmulatorJS {
             color = color.toLowerCase();
             if (color && /^#([0-9a-fA-f]{3}|[0-9a-fA-f]{6})$/.test(color)) {
                 if (color.length === 4) {
-                    let rv = '#';
-                    for (let i=1; i<4; i++) {
-                        rv += color.slice(i, i+1)+color.slice(i, i+1);
+                    let rv = "#";
+                    for (let i = 1; i < 4; i++) {
+                        rv += color.slice(i, i + 1) + color.slice(i, i + 1);
                     }
                     color = rv;
                 }
                 let rv = [];
-                for (let i=1; i<7; i+=2) {
-                    rv.push(parseInt('0x'+color.slice(i, i+2), 16));
+                for (let i = 1; i < 7; i += 2) {
+                    rv.push(parseInt("0x" + color.slice(i, i + 2), 16));
                 }
                 return rv.join(", ");
             }
@@ -373,14 +398,14 @@ class EmulatorJS {
         this.addEventListener(closeButton, "click", () => {
             div.remove();
         })
-        
+
         this.on("start-clicked", () => {
             if (this.config.adMode === 0) div.remove();
-            if (this.config.adMode === 1){
+            if (this.config.adMode === 1) {
                 this.elements.parent.appendChild(div);
             }
         })
-        
+
         this.on("start", () => {
             closeParent.removeAttribute("hidden");
             const time = (typeof this.config.adTimer === "number" && this.config.adTimer > 0) ? this.config.adTimer : 10000;
@@ -390,10 +415,10 @@ class EmulatorJS {
                 div.remove();
             }, time);
         })
-        
+
     }
     adBlocked(url, del) {
-        if (del){
+        if (del) {
             document.querySelector('div[class="ejs_ad_iframe"]').remove();
         } else {
             try {
@@ -420,7 +445,7 @@ class EmulatorJS {
         elem.innerHTML = "";
         elem.appendChild(game);
         this.game = game;
-        
+
         this.elements = {
             main: this.game,
             parent: elem
@@ -433,15 +458,15 @@ class EmulatorJS {
         const button = this.createElement("div");
         button.classList.add("ejs_start_button");
         let border = 0;
-        if (typeof this.config.backgroundImg === "string"){
+        if (typeof this.config.backgroundImg === "string") {
             button.classList.add("ejs_start_button_border");
             border = 1;
         }
-        button.innerText = (typeof this.config.startBtnName === 'string') ? this.config.startBtnName : this.localization("Start Game");
-        if (this.config.alignStartButton == "top"){
+        button.innerText = (typeof this.config.startBtnName === "string") ? this.config.startBtnName : this.localization("Start Game");
+        if (this.config.alignStartButton == "top") {
             button.style.bottom = "calc(100% - 20px)";
-        }else if (this.config.alignStartButton == "center"){
-            button.style.bottom = "calc(50% + 22.5px + "+border+"px)";
+        } else if (this.config.alignStartButton == "center") {
+            button.style.bottom = "calc(50% + 22.5px + " + border + "px)";
         }
         this.elements.parent.appendChild(button);
         this.addEventListener(button, "touchstart", () => {
@@ -478,14 +503,14 @@ class EmulatorJS {
         this.elements.parent.appendChild(this.textElem);
     }
     localization(text, log) {
-        if (typeof text === "undefined") return;
+        if (typeof text === "undefined" || text.length === 0) return;
         text = text.toString();
         if (text.includes("EmulatorJS v")) return text;
         if (this.config.langJson) {
             if (typeof log === "undefined") log = true;
             if (!this.config.langJson[text] && log) {
                 if (!this.missingLang.includes(text)) this.missingLang.push(text);
-                console.log("Translation not found for '"+text+"'. Language set to '"+this.config.language+"'");
+                console.log(`Translation not found for '${text}'. Language set to '${this.config.language}'`);
             }
             return this.config.langJson[text] || text;
         }
@@ -511,19 +536,28 @@ class EmulatorJS {
     startGameError(message) {
         console.log(message);
         this.textElem.innerText = message;
-        this.textElem.style.color = "red";
-        this.textElem.style.bottom = "10%";
+        this.textElem.classList.add("ejs_error_text");
 
         this.setupSettingsMenu();
         this.loadSettings();
 
         this.menu.failedToStart();
         this.handleResize();
+        this.failedToStart = true;
     }
     downloadGameCore() {
         this.textElem.innerText = this.localization("Download Game Core");
-        if (this.config.threads && ((typeof window.SharedArrayBuffer) !== "function")) {
-            this.startGameError(this.localization('Error for site owner')+"\n"+this.localization("Check console"));
+        if (!this.config.threads && this.requiresThreads(this.getCore())) {
+            this.startGameError(this.localization("Error for site owner") + "\n" + this.localization("Check console"));
+            console.warn("This core requires threads, but EJS_threads is not set!");
+            return;
+        }
+        if (!this.supportsWebgl2 && this.requiresWebGL2(this.getCore())) {
+            this.startGameError(this.localization("Outdated graphics driver"));
+            return;
+        }
+        if (this.config.threads && typeof window.SharedArrayBuffer !== "function") {
+            this.startGameError(this.localization("Error for site owner") + "\n" + this.localization("Check console"));
             console.warn("Threads is set to true, but the SharedArrayBuffer function is not exposed. Threads requires 2 headers to be set when sending you html page. See https://stackoverflow.com/a/68630724");
             return;
         }
@@ -546,71 +580,89 @@ class EmulatorJS {
                         this.coreName = core.name;
                         this.repository = core.repo;
                         this.defaultCoreOpts = core.options;
+                        this.enableMouseLock = core.options.supportsMouse;
+                        this.retroarchOpts = core.retroarchOpts;
+                        this.saveFileExt = core.save;
                     } else if (k === "license.txt") {
                         this.license = new TextDecoder().decode(data[k]);
                     }
                 }
+
+                if (this.saveFileExt === false) {
+                    this.elements.bottomBar.saveSavFiles[0].style.display = "none";
+                    this.elements.bottomBar.loadSavFiles[0].style.display = "none";
+                }
+
                 this.initGameCore(js, wasm, thread);
             });
         }
         const report = "cores/reports/" + this.getCore() + ".json";
-        this.downloadFile(report, (rep) => {
-            if (rep === -1 || typeof report === "string") {
+        this.downloadFile(report, null, false, { responseType: "text", method: "GET" }).then(async rep => {
+            if (rep === -1 || typeof rep === "string" || typeof rep.data === "string") {
                 rep = {};
             } else {
                 rep = rep.data;
             }
             if (!rep.buildStart) {
+                console.warn("Could not fetch core report JSON! Core caching will be disabled!");
                 rep.buildStart = Math.random() * 100;
             }
             if (this.webgl2Enabled === null) {
-                this.webgl2Enabled = rep.options && rep.options.defaultWebGL2;
+                this.webgl2Enabled = rep.options ? rep.options.defaultWebGL2 : false;
+            }
+            if (this.requiresWebGL2(this.getCore())) {
+                this.webgl2Enabled = true;
             }
+            let threads = false;
+            if (typeof window.SharedArrayBuffer === "function") {
+                const opt = this.preGetSetting("ejs_threads");
+                if (opt) {
+                    threads = (opt === "enabled");
+                } else {
+                    threads = this.config.threads;
+                }
+            }
+
             let legacy = (this.supportsWebgl2 && this.webgl2Enabled ? "" : "-legacy");
-            let filename = this.getCore()+(this.config.threads ? "-thread" : "")+legacy+"-wasm.data";
-            this.storage.core.get(filename).then((result) => {
-                if (result && result.version === rep.buildStart && !this.debug) {
+            let filename = this.getCore() + (threads ? "-thread" : "") + legacy + "-wasm.data";
+            if (!this.debug) {
+                const result = await this.storage.core.get(filename);
+                if (result && result.version === rep.buildStart) {
                     gotCore(result.data);
                     return;
                 }
-                const corePath = 'cores/'+filename;
-                this.downloadFile(corePath, (res) => {
-                    if (res === -1) {
-                        console.log("File not found, attemping to fetch from emulatorjs cdn");
-                        this.downloadFile("https://cdn.emulatorjs.org/stable/data/"+corePath, (res) => {
-                            if (res === -1) {
-                                if (!this.supportsWebgl2) {
-                                    this.startGameError(this.localization('Outdated graphics driver'));
-                                } else {
-                                    this.startGameError(this.localization('Network Error'));
-                                }
-                                return;
-                            }
-                            console.warn("File was not found locally, but was found on the emulatorjs cdn.\nIt is recommended to download the stable release from here: https://cdn.emulatorjs.org/releases/");
-                            gotCore(res.data);
-                            this.storage.core.put(filename, {
-                                version: rep.buildStart,
-                                data: res.data
-                            });
-                        }, (progress) => {
-                            this.textElem.innerText = this.localization("Download Game Core") + progress;
-                        }, true, {responseType: "arraybuffer", method: "GET"})
-                        return;
-                    }
-                    gotCore(res.data);
-                    this.storage.core.put(filename, {
-                        version: rep.buildStart,
-                        data: res.data
-                    });
-                }, (progress) => {
+            }
+            const corePath = "cores/" + filename;
+            let res = await this.downloadFile(corePath, (progress) => {
+                this.textElem.innerText = this.localization("Download Game Core") + progress;
+            }, false, { responseType: "arraybuffer", method: "GET" });
+            if (res === -1) {
+                console.log("File not found, attemping to fetch from emulatorjs cdn.");
+                console.error("**THIS METHOD IS A FAILSAFE, AND NOT OFFICIALLY SUPPORTED. USE AT YOUR OWN RISK**");
+                let version = this.ejs_version.endsWith("-beta") ? "nightly" : this.ejs_version;
+                res = await this.downloadFile(`https://cdn.emulatorjs.org/${version}/data/${corePath}`, (progress) => {
                     this.textElem.innerText = this.localization("Download Game Core") + progress;
-                }, false, {responseType: "arraybuffer", method: "GET"});
-            })
-        }, null, false, {responseType: "text", method: "GET"});
+                }, true, { responseType: "arraybuffer", method: "GET" });
+                if (res === -1) {
+                    if (!this.supportsWebgl2) {
+                        this.startGameError(this.localization("Outdated graphics driver"));
+                    } else {
+                        this.startGameError(this.localization("Error downloading core") + " (" + filename + ")");
+                    }
+                    return;
+                }
+                console.warn("File was not found locally, but was found on the emulatorjs cdn.\nIt is recommended to download the stable release from here: https://cdn.emulatorjs.org/releases/");
+            }
+            gotCore(res.data);
+            this.storage.core.put(filename, {
+                version: rep.buildStart,
+                data: res.data
+            });
+        });
     }
     initGameCore(js, wasm, thread) {
         let script = this.createElement("script");
-        script.src = URL.createObjectURL(new Blob([js], {type: "application/javascript"}));
+        script.src = URL.createObjectURL(new Blob([js], { type: "application/javascript" }));
         script.addEventListener("load", () => {
             this.initModule(wasm, thread);
         });
@@ -620,7 +672,7 @@ class EmulatorJS {
         //Only once game and core is loaded
         if (!this.started && !force) return null;
         if (force && this.config.gameUrl !== "game" && !this.config.gameUrl.startsWith("blob:")) {
-            return this.config.gameUrl.split('/').pop().split("#")[0].split("?")[0];
+            return this.config.gameUrl.split("/").pop().split("#")[0].split("?")[0];
         }
         if (typeof this.config.gameName === "string") {
             const invalidCharacters = /[#<$+%>!`&*'|{}/\\?"=@:^\r\n]/ig;
@@ -629,7 +681,7 @@ class EmulatorJS {
         }
         if (!this.fileName) return "game";
         let parts = this.fileName.split(".");
-        parts.splice(parts.length-1, 1);
+        parts.splice(parts.length - 1, 1);
         return parts.join(".");
     }
     saveInBrowserSupported() {
@@ -654,10 +706,12 @@ class EmulatorJS {
                 return;
             }
             this.textElem.innerText = this.localization("Download Game State");
-            
-            this.downloadFile(this.config.loadState, (res) => {
+
+            this.downloadFile(this.config.loadState, (progress) => {
+                this.textElem.innerText = this.localization("Download Game State") + progress;
+            }, true, { responseType: "arraybuffer", method: "GET" }).then((res) => {
                 if (res === -1) {
-                    this.startGameError(this.localization('Network Error'));
+                    this.startGameError(this.localization("Error downloading game state"));
                     return;
                 }
                 this.on("start", () => {
@@ -666,174 +720,83 @@ class EmulatorJS {
                     }, 10);
                 })
                 resolve();
-            }, (progress) => {
-                this.textElem.innerText = this.localization("Download Game State") + progress;
-            }, true, {responseType: "arraybuffer", method: "GET"});
+            });
         })
     }
-    downloadGamePatch() {
-        return new Promise((resolve, reject) => {
-            if ((typeof this.config.gamePatchUrl !== "string" || !this.config.gamePatchUrl.trim()) && !this.toData(this.config.gamePatchUrl, true)) {
-                resolve();
-                return;
-            }
-            this.textElem.innerText = this.localization("Download Game Patch");
-            const gotData = (data) => {
-                this.checkCompression(new Uint8Array(data), this.localization("Decompress Game Patch")).then((data) => {
-                    for (const k in data) {
-                        if (k === "!!notCompressedData") {
-                            this.gameManager.FS.writeFile(this.config.gamePatchUrl.split('/').pop().split("#")[0].split("?")[0], data[k]);
-                            break;
-                        }
-                        if (k.endsWith('/')) continue;
-                        this.gameManager.FS.writeFile("/" + k.split('/').pop(), data[k]);
+    downloadGameFile(assetUrl, type, progressMessage, decompressProgressMessage) {
+        return new Promise(async (resolve, reject) => {
+            if ((typeof assetUrl !== "string" || !assetUrl.trim()) && !this.toData(assetUrl, true)) {
+                return resolve(assetUrl);
+            }
+            const gotData = async (input) => {
+                if (this.config.dontExtractBIOS === true) {
+                    this.gameManager.FS.writeFile(assetUrl, new Uint8Array(input));
+                    return resolve(assetUrl);
+                }
+                const data = await this.checkCompression(new Uint8Array(input), decompressProgressMessage);
+                for (const k in data) {
+                    const coreFilename = "/" + this.fileName;
+                    const coreFilePath = coreFilename.substring(0, coreFilename.length - coreFilename.split("/").pop().length);
+                    if (k === "!!notCompressedData") {
+                        this.gameManager.FS.writeFile(coreFilePath + assetUrl.split("/").pop().split("#")[0].split("?")[0], data[k]);
+                        break;
                     }
-                    resolve();
-                })
+                    if (k.endsWith("/")) continue;
+                    this.gameManager.FS.writeFile(coreFilePath + k.split("/").pop(), data[k]);
+                }
             }
-            
-            this.downloadFile(this.config.gamePatchUrl, (res) => {
-                this.storage.rom.get(this.config.gamePatchUrl.split("/").pop()).then((result) => {
-                    if (result && result['content-length'] === res.headers['content-length'] && !this.debug) {
-                        gotData(result.data);
-                        return;
-                    }
-                    this.downloadFile(this.config.gamePatchUrl, (res) => {
-                        if (res === -1) {
-                            this.startGameError(this.localization('Network Error'));
-                            return;
-                        }
-                        if (this.config.gamePatchUrl instanceof File) {
-                            this.config.gamePatchUrl = this.config.gamePatchUrl.name;
-                        } else if (this.toData(this.config.gamePatchUrl, true)) {
-                            this.config.gamePatchUrl = "game";
-                        }
-                        gotData(res.data);
-                        const limit = (typeof this.config.cacheLimit === "number") ? this.config.cacheLimit : 1073741824;
-                        if (parseFloat(res.headers['content-length']) < limit && this.saveInBrowserSupported() && this.config.gamePatchUrl !== "game") {
-                            this.storage.rom.put(this.config.gamePatchUrl.split("/").pop(), {
-                                "content-length": res.headers['content-length'],
-                                data: res.data
-                            })
-                        }
-                    }, (progress) => {
-                        this.textElem.innerText = this.localization("Download Game Patch") + progress;
-                    }, true, {responseType: "arraybuffer", method: "GET"});
-                })
-            }, null, true, {method: "HEAD"})
-        })
-    }
-    downloadGameParent() {
-        return new Promise((resolve, reject) => {
-            if ((typeof this.config.gameParentUrl !== "string" || !this.config.gameParentUrl.trim()) && !this.toData(this.config.gameParentUrl, true)) {
-                resolve();
+
+            this.textElem.innerText = progressMessage;
+            if (!this.debug) {
+                const res = await this.downloadFile(assetUrl, null, true, { method: "HEAD" });
+                const result = await this.storage.rom.get(assetUrl.split("/").pop());
+                if (result && result["content-length"] === res.headers["content-length"] && result.type === type) {
+                    await gotData(result.data);
+                    return resolve(assetUrl);
+                }
+            }
+            const res = await this.downloadFile(assetUrl, (progress) => {
+                this.textElem.innerText = progressMessage + progress;
+            }, true, { responseType: "arraybuffer", method: "GET" });
+            if (res === -1) {
+                this.startGameError(this.localization("Network Error"));
+                resolve(assetUrl);
                 return;
             }
-            this.textElem.innerText = this.localization("Download Game Parent");
-            const gotData = (data) => {
-                this.checkCompression(new Uint8Array(data), this.localization("Decompress Game Parent")).then((data) => {
-                    for (const k in data) {
-                        if (k === "!!notCompressedData") {
-                            this.gameManager.FS.writeFile(this.config.gameParentUrl.split('/').pop().split("#")[0].split("?")[0], data[k]);
-                            break;
-                        }
-                        if (k.endsWith('/')) continue;
-                        this.gameManager.FS.writeFile("/" + k.split('/').pop(), data[k]);
-                    }
-                    resolve();
+            if (assetUrl instanceof File) {
+                assetUrl = assetUrl.name;
+            } else if (this.toData(assetUrl, true)) {
+                assetUrl = "game";
+            }
+            await gotData(res.data);
+            resolve(assetUrl);
+            const limit = (typeof this.config.cacheLimit === "number") ? this.config.cacheLimit : 1073741824;
+            if (parseFloat(res.headers["content-length"]) < limit && this.saveInBrowserSupported() && assetUrl !== "game") {
+                this.storage.rom.put(assetUrl.split("/").pop(), {
+                    "content-length": res.headers["content-length"],
+                    data: res.data,
+                    type: type
                 })
             }
-            
-            this.downloadFile(this.config.gameParentUrl, (res) => {
-                this.storage.rom.get(this.config.gameParentUrl.split("/").pop()).then((result) => {
-                    if (result && result['content-length'] === res.headers['content-length'] && !this.debug) {
-                        gotData(result.data);
-                        return;
-                    }
-                    this.downloadFile(this.config.gameParentUrl, (res) => {
-                        if (res === -1) {
-                            this.startGameError(this.localization('Network Error'));
-                            return;
-                        }
-                        if (this.config.gameParentUrl instanceof File) {
-                            this.config.gameParentUrl = this.config.gameParentUrl.name;
-                        } else if (this.toData(this.config.gameParentUrl, true)) {
-                            this.config.gameParentUrl = "game";
-                        }
-                        gotData(res.data);
-                        const limit = (typeof this.config.cacheLimit === "number") ? this.config.cacheLimit : 1073741824;
-                        if (parseFloat(res.headers['content-length']) < limit && this.saveInBrowserSupported() && this.config.gameParentUrl !== "game") {
-                            this.storage.rom.put(this.config.gameParentUrl.split("/").pop(), {
-                                "content-length": res.headers['content-length'],
-                                data: res.data
-                            })
-                        }
-                    }, (progress) => {
-                        this.textElem.innerText = this.localization("Download Game Parent") + progress;
-                    }, true, {responseType: "arraybuffer", method: "GET"});
-                })
-            }, null, true, {method: "HEAD"})
-        })
+        });
+    }
+    downloadGamePatch() {
+        return new Promise(async (resolve) => {
+            this.config.gamePatchUrl = await this.downloadGameFile(this.config.gamePatchUrl, "patch", this.localization("Download Game Patch"), this.localization("Decompress Game Patch"));
+            resolve();
+        });
+    }
+    downloadGameParent() {
+        return new Promise(async (resolve) => {
+            this.config.gameParentUrl = await this.downloadGameFile(this.config.gameParentUrl, "parent", this.localization("Download Game Parent"), this.localization("Decompress Game Parent"));
+            resolve();
+        });
     }
     downloadBios() {
-        return new Promise((resolve, reject) => {
-            if ((typeof this.config.biosUrl !== "string" || !this.config.biosUrl.trim()) && !this.toData(this.config.biosUrl, true)) {
-                resolve();
-                return;
-            }
-            this.textElem.innerText = this.localization("Download Game BIOS");
-            const gotBios = (data) => {
-                if (this.getCore() === "same_cdi") {
-                    this.gameManager.FS.writeFile(this.config.biosUrl.split('/').pop().split("#")[0].split("?")[0], new Uint8Array(data));
-                    resolve();
-                    return;
-                }
-                this.checkCompression(new Uint8Array(data), this.localization("Decompress Game BIOS")).then((data) => {
-                    for (const k in data) {
-                        if (k === "!!notCompressedData") {
-                            this.gameManager.FS.writeFile(this.config.biosUrl.split('/').pop().split("#")[0].split("?")[0], data[k]);
-                            break;
-                        }
-                        if (k.endsWith('/')) continue;
-                        this.gameManager.FS.writeFile("/" + k.split('/').pop(), data[k]);
-                    }
-                    resolve();
-                })
-            }
-            
-            this.downloadFile(this.config.biosUrl, (res) => {
-                if (res === -1) {
-                    this.startGameError(this.localization('Network Error'));
-                    return;
-                }
-                this.storage.bios.get(this.config.biosUrl.split("/").pop()).then((result) => {
-                    if (result && result['content-length'] === res.headers['content-length'] && !this.debug) {
-                        gotBios(result.data);
-                        return;
-                    }
-                    this.downloadFile(this.config.biosUrl, (res) => {
-                        if (res === -1) {
-                            this.startGameError(this.localization('Network Error'));
-                            return;
-                        }
-                        if (this.config.biosUrl instanceof File) {
-                            this.config.biosUrl = this.config.biosUrl.name;
-                        } else if (this.toData(this.config.biosUrl, true)) {
-                            this.config.biosUrl = "game";
-                        }
-                        gotBios(res.data);
-                        if (this.saveInBrowserSupported() && this.config.biosUrl !== "game") {
-                            this.storage.bios.put(this.config.biosUrl.split("/").pop(), {
-                                "content-length": res.headers['content-length'],
-                                data: res.data
-                            })
-                        }
-                    }, (progress) => {
-                        this.textElem.innerText = this.localization("Download Game BIOS") + progress;
-                    }, true, {responseType: "arraybuffer", method: "GET"});
-                })
-            }, null, true, {method: "HEAD"})
-        })
+        return new Promise(async (resolve) => {
+            this.config.biosUrl = await this.downloadGameFile(this.config.biosUrl, "bios", this.localization("Download Game BIOS"), this.localization("Decompress Game BIOS"));
+            resolve();
+        });
     }
     downloadRom() {
         const supportsExt = (ext) => {
@@ -846,7 +809,7 @@ class EmulatorJS {
             this.textElem.innerText = this.localization("Download Game Data");
 
             const gotGameData = (data) => {
-                if (['arcade', 'mame'].includes(this.getCore(true))) {
+                if (["arcade", "mame"].includes(this.getCore(true))) {
                     this.fileName = this.getBaseFileName(true);
                     this.gameManager.FS.writeFile(this.fileName, new Uint8Array(data));
                     resolve();
@@ -856,7 +819,7 @@ class EmulatorJS {
                 const altName = this.getBaseFileName(true);
 
                 let disableCue = false;
-                if (['pcsx_rearmed', 'genesis_plus_gx', 'picodrive', 'mednafen_pce', 'smsplus', 'vice_x64', 'vice_x64sc', 'vice_x128', 'vice_xvic', 'vice_xplus4', 'vice_xpet', 'puae'].includes(this.getCore()) && this.config.disableCue === undefined) {
+                if (["pcsx_rearmed", "genesis_plus_gx", "picodrive", "mednafen_pce", "smsplus", "vice_x64", "vice_x64sc", "vice_x128", "vice_xvic", "vice_xplus4", "vice_xpet", "puae"].includes(this.getCore()) && this.config.disableCue === undefined) {
                     disableCue = true;
                 } else {
                     disableCue = this.config.disableCue;
@@ -867,7 +830,7 @@ class EmulatorJS {
                     if (fileName.includes("/")) {
                         const paths = fileName.split("/");
                         let cp = "";
-                        for (let i=0; i<paths.length-1; i++) {
+                        for (let i = 0; i < paths.length - 1; i++) {
                             if (paths[i] === "") continue;
                             cp += `/${paths[i]}`;
                             if (!this.gameManager.FS.analyzePath(cp).exists) {
@@ -875,7 +838,7 @@ class EmulatorJS {
                             }
                         }
                     }
-                    if (fileName.endsWith('/')) {
+                    if (fileName.endsWith("/")) {
                         this.gameManager.FS.mkdir(fileName);
                         return;
                     }
@@ -892,26 +855,26 @@ class EmulatorJS {
                     let cueFile = null;
                     let selectedCueExt = null;
                     fileNames.forEach(fileName => {
-                        const ext = fileName.split('.').pop().toLowerCase();
+                        const ext = fileName.split(".").pop().toLowerCase();
                         if (supportedFile === null && supportsExt(ext)) {
                             supportedFile = fileName;
                         }
-                        if (isoFile === null && ['iso', 'cso', 'chd', 'elf'].includes(ext)) {
+                        if (isoFile === null && ["iso", "cso", "chd", "elf"].includes(ext)) {
                             isoFile = fileName;
                         }
-                        if (['cue', 'ccd', 'toc', 'm3u'].includes(ext)) {
-                            if (this.getCore(true) === 'psx') {
+                        if (["cue", "ccd", "toc", "m3u"].includes(ext)) {
+                            if (this.getCore(true) === "psx") {
                                 //always prefer m3u files for psx cores
-                                if (selectedCueExt !== 'm3u') {
-                                    if (cueFile === null || ext === 'm3u') {
+                                if (selectedCueExt !== "m3u") {
+                                    if (cueFile === null || ext === "m3u") {
                                         cueFile = fileName;
                                         selectedCueExt = ext;
                                     }
                                 }
                             } else {
                                 //prefer cue or ccd files over toc or m3u
-                                if (!['cue', 'ccd'].includes(selectedCueExt)) {
-                                    if (cueFile === null || ['cue', 'ccd'].includes(ext)) {
+                                if (!["cue", "ccd"].includes(selectedCueExt)) {
+                                    if (cueFile === null || ["cue", "ccd"].includes(ext)) {
                                         cueFile = fileName;
                                         selectedCueExt = ext;
                                     }
@@ -924,9 +887,9 @@ class EmulatorJS {
                     } else {
                         this.fileName = fileNames[0];
                     }
-                    if (isoFile !== null && (supportsExt('iso') || supportsExt('cso') || supportsExt('chd') || supportsExt('elf'))) {
+                    if (isoFile !== null && (supportsExt("iso") || supportsExt("cso") || supportsExt("chd") || supportsExt("elf"))) {
                         this.fileName = isoFile;
-                    } else if (supportsExt('cue') || supportsExt('ccd') || supportsExt('toc') || supportsExt('m3u')) {
+                    } else if (supportsExt("cue") || supportsExt("ccd") || supportsExt("toc") || supportsExt("m3u")) {
                         if (cueFile !== null) {
                             this.fileName = cueFile;
                         } else if (!disableCue) {
@@ -936,47 +899,50 @@ class EmulatorJS {
                     resolve();
                 });
             }
-            
-            this.downloadFile(this.config.gameUrl, (res) => {
+            const downloadFile = async () => {
+                const res = await this.downloadFile(this.config.gameUrl, (progress) => {
+                    this.textElem.innerText = this.localization("Download Game Data") + progress;
+                }, true, { responseType: "arraybuffer", method: "GET" });
                 if (res === -1) {
-                    this.startGameError(this.localization('Network Error'));
+                    this.startGameError(this.localization("Network Error"));
                     return;
                 }
-                const name = (typeof this.config.gameUrl === "string") ? this.config.gameUrl.split('/').pop() : "game";
-                this.storage.rom.get(name).then((result) => {
-                    if (result && result['content-length'] === res.headers['content-length'] && !this.debug && name !== "game") {
+                if (this.config.gameUrl instanceof File) {
+                    this.config.gameUrl = this.config.gameUrl.name;
+                } else if (this.toData(this.config.gameUrl, true)) {
+                    this.config.gameUrl = "game";
+                }
+                gotGameData(res.data);
+                const limit = (typeof this.config.cacheLimit === "number") ? this.config.cacheLimit : 1073741824;
+                if (parseFloat(res.headers["content-length"]) < limit && this.saveInBrowserSupported() && this.config.gameUrl !== "game") {
+                    this.storage.rom.put(this.config.gameUrl.split("/").pop(), {
+                        "content-length": res.headers["content-length"],
+                        data: res.data
+                    })
+                }
+            }
+
+            if (!this.debug) {
+                this.downloadFile(this.config.gameUrl, null, true, { method: "HEAD" }).then(async (res) => {
+                    const name = (typeof this.config.gameUrl === "string") ? this.config.gameUrl.split("/").pop() : "game";
+                    const result = await this.storage.rom.get(name);
+                    if (result && result["content-length"] === res.headers["content-length"] && name !== "game") {
                         gotGameData(result.data);
                         return;
                     }
-                    this.downloadFile(this.config.gameUrl, (res) => {
-                        if (res === -1) {
-                            this.startGameError(this.localization('Network Error'));
-                            return;
-                        }
-                        if (this.config.gameUrl instanceof File) {
-                            this.config.gameUrl = this.config.gameUrl.name;
-                        } else if (this.toData(this.config.gameUrl, true)) {
-                            this.config.gameUrl = "game";
-                        }
-                        gotGameData(res.data);
-                        const limit = (typeof this.config.cacheLimit === "number") ? this.config.cacheLimit : 1073741824;
-                        if (parseFloat(res.headers['content-length']) < limit && this.saveInBrowserSupported() && this.config.gameUrl !== "game") {
-                            this.storage.rom.put(this.config.gameUrl.split("/").pop(), {
-                                "content-length": res.headers['content-length'],
-                                data: res.data
-                            })
-                        }
-                    }, (progress) => {
-                        this.textElem.innerText = this.localization("Download Game Data") + progress;
-                    }, true, {responseType: "arraybuffer", method: "GET"});
+                    downloadFile();
                 })
-            }, null, true, {method: "HEAD"})
+            } else {
+                downloadFile();
+            }
         })
     }
     downloadFiles() {
         (async () => {
             this.gameManager = new window.EJS_GameManager(this.Module, this);
             await this.gameManager.loadExternalFiles();
+            await this.gameManager.mountFileSystems();
+            this.callEvent("saveDatabaseLoaded", this.gameManager.FS);
             if (this.getCore() === "ppsspp") {
                 await this.gameManager.loadPpssppAssets();
             }
@@ -989,6 +955,11 @@ class EmulatorJS {
         })();
     }
     initModule(wasmData, threadData) {
+        if (typeof window.EJS_Runtime !== "function") {
+            console.warn("EJS_Runtime is not defined!");
+            this.startGameError(this.localization("Error loading EmulatorJS runtime"));
+            throw new Error("EJS_Runtime is not defined!");
+        }
         window.EJS_Runtime({
             noInitialRun: true,
             onRuntimeInitialized: null,
@@ -996,6 +967,8 @@ class EmulatorJS {
             preRun: [],
             postRun: [],
             canvas: this.canvas,
+            callbacks: {},
+            parent: this.elements.parent,
             print: (msg) => {
                 if (this.debug) {
                     console.log(msg);
@@ -1004,30 +977,36 @@ class EmulatorJS {
             printErr: (msg) => {
                 if (this.debug) {
                     console.log(msg);
-
                 }
-
             },
             totalDependencies: 0,
-            monitorRunDependencies: () => {},
-            locateFile: function(fileName) {
+            locateFile: function (fileName) {
                 if (this.debug) console.log(fileName);
                 if (fileName.endsWith(".wasm")) {
-                    return URL.createObjectURL(new Blob([wasmData], {type: "application/wasm"}));
+                    return URL.createObjectURL(new Blob([wasmData], { type: "application/wasm" }));
                 } else if (fileName.endsWith(".worker.js")) {
-                    return URL.createObjectURL(new Blob([threadData], {type: "application/javascript"}));
+                    return URL.createObjectURL(new Blob([threadData], { type: "application/javascript" }));
                 }
+            },
+            getSavExt: () => {
+                if (this.saveFileExt) {
+                    return "." + this.saveFileExt;
+                }
+                return ".srm";
             }
         }).then(module => {
             this.Module = module;
             this.downloadFiles();
+        }).catch(e => {
+            console.warn(e);
+            this.startGameError(this.localization("Failed to start game"));
         });
     }
     startGame() {
         try {
             const args = [];
-            if (this.debug) args.push('-v');
-            args.push('/'+this.fileName);
+            if (this.debug) args.push("-v");
+            args.push("/" + this.fileName);
             if (this.debug) console.log(args);
             this.Module.callMain(args);
             if (typeof this.config.softLoad === "number" && this.config.softLoad > 0) {
@@ -1040,7 +1019,7 @@ class EmulatorJS {
             this.setupDisksMenu();
             // hide the disks menu if the disk count is not greater than 1
             if (!(this.gameManager.getDiskCount() > 1)) {
-                this.diskParent.style.display = 'none';
+                this.diskParent.style.display = "none";
             }
             this.setupSettingsMenu();
             this.loadSettings();
@@ -1051,6 +1030,7 @@ class EmulatorJS {
             this.textElem.remove();
             this.textElem = null;
             this.game.classList.remove("ejs_game");
+            this.game.classList.add("ejs_canvas_parent");
             this.game.appendChild(this.canvas);
             this.handleResize();
             this.started = true;
@@ -1072,14 +1052,15 @@ class EmulatorJS {
                 this.checkStarted();
             }
         } catch(e) {
-            console.warn("failed to start game", e);
+            console.warn("Failed to start game", e);
             this.startGameError(this.localization("Failed to start game"));
+            this.callEvent("exit");
             return;
         }
         this.callEvent("start");
     }
     checkStarted() {
-        (async() => {
+        (async () => {
             let sleep = (ms) => new Promise(r => setTimeout(r, ms));
             let state = "suspended";
             let popup;
@@ -1118,13 +1099,13 @@ class EmulatorJS {
         })
         this.addEventListener(window, "resize", this.handleResize.bind(this));
         //this.addEventListener(window, "blur", e => console.log(e), true); //TODO - add "click to make keyboard keys work" message?
-        
+
         let counter = 0;
         this.elements.statePopupPanel = this.createPopup("", {}, true);
         this.elements.statePopupPanel.innerText = this.localization("Drop save state here to load");
         this.elements.statePopupPanel.style["text-align"] = "center";
         this.elements.statePopupPanel.style["font-size"] = "28px";
-        
+
         //to fix a funny apple bug
         this.addEventListener(window, "webkitfullscreenchange mozfullscreenchange fullscreenchange MSFullscreenChange", () => {
             setTimeout(() => {
@@ -1132,6 +1113,10 @@ class EmulatorJS {
                 if (this.config.noAutoFocus !== true) this.elements.parent.focus();
             }, 0);
         });
+        this.addEventListener(window, "beforeunload", (e) => {
+            if (!this.started) return;
+            this.callEvent("exit");
+        });
         this.addEventListener(this.elements.parent, "dragenter", (e) => {
             e.preventDefault();
             if (!this.started) return;
@@ -1155,6 +1140,7 @@ class EmulatorJS {
             counter = 0;
             this.elements.statePopupPanel.parentElement.style.display = "none";
         });
+
         this.addEventListener(this.elements.parent, "drop", (e) => {
             e.preventDefault();
             if (!this.started) return;
@@ -1162,8 +1148,8 @@ class EmulatorJS {
             counter = 0;
             const items = e.dataTransfer.items;
             let file;
-            for (let i=0; i<items.length; i++) {
-                if (items[i].kind !== 'file') continue;
+            for (let i = 0; i < items.length; i++) {
+                if (items[i].kind !== "file") continue;
                 file = items[i];
                 break;
             }
@@ -1173,18 +1159,31 @@ class EmulatorJS {
                 this.gameManager.loadState(new Uint8Array(data));
             })
         });
-        
+
         this.gamepad = new GamepadHandler(); //https://github.com/ethanaobrien/Gamepad
-        this.gamepad.on('connected', (e) => {
+        this.gamepad.on("connected", (e) => {
             if (!this.gamepadLabels) return;
+            for (let i = 0; i < this.gamepadSelection.length; i++) {
+                if (this.gamepadSelection[i] === "") {
+                    this.gamepadSelection[i] = this.gamepad.gamepads[e.gamepadIndex].id + "_" + this.gamepad.gamepads[e.gamepadIndex].index;
+                    break;
+                }
+            }
             this.updateGamepadLabels();
         })
-        this.gamepad.on('disconnected', (e) => {
+        this.gamepad.on("disconnected", (e) => {
+            const gamepadIndex = this.gamepad.gamepads.indexOf(this.gamepad.gamepads.find(f => f.index == e.gamepadIndex));
+            const gamepadSelection = this.gamepad.gamepads[gamepadIndex].id + "_" + this.gamepad.gamepads[gamepadIndex].index;
+            for (let i = 0; i < this.gamepadSelection.length; i++) {
+                if (this.gamepadSelection[i] === gamepadSelection) {
+                    this.gamepadSelection[i] = "";
+                }
+            }
             setTimeout(this.updateGamepadLabels.bind(this), 10);
         })
-        this.gamepad.on('axischanged', this.gamepadEvent.bind(this));
-        this.gamepad.on('buttondown', this.gamepadEvent.bind(this));
-        this.gamepad.on('buttonup', this.gamepadEvent.bind(this));
+        this.gamepad.on("axischanged", this.gamepadEvent.bind(this));
+        this.gamepad.on("buttondown", this.gamepadEvent.bind(this));
+        this.gamepad.on("buttonup", this.gamepadEvent.bind(this));
     }
     checkSupportedOpts() {
         if (!this.gameManager.supportsStates()) {
@@ -1199,12 +1198,19 @@ class EmulatorJS {
         }
     }
     updateGamepadLabels() {
-        for (let i=0; i<this.gamepadLabels.length; i++) {
-            if (this.gamepad.gamepads[i]) {
-                this.gamepadLabels[i].innerText = this.gamepad.gamepads[i].id;
-            } else {
-                this.gamepadLabels[i].innerText = "n/a";
-            }
+        for (let i = 0; i < this.gamepadLabels.length; i++) {
+            this.gamepadLabels[i].innerHTML = ""
+            const def = this.createElement("option");
+            def.setAttribute("value", "notconnected");
+            def.innerText = "Not Connected";
+            this.gamepadLabels[i].appendChild(def);
+            for (let j = 0; j < this.gamepad.gamepads.length; j++) {
+                const opt = this.createElement("option");
+                opt.setAttribute("value", this.gamepad.gamepads[j].id + "_" + this.gamepad.gamepads[j].index);
+                opt.innerText = this.gamepad.gamepads[j].id + "_" + this.gamepad.gamepads[j].index;
+                this.gamepadLabels[i].appendChild(opt);
+            }
+            this.gamepadLabels[i].value = this.gamepadSelection[i] || "notconnected";
         }
     }
     createLink(elem, link, text, useP) {
@@ -1220,26 +1226,238 @@ class EmulatorJS {
             elem.appendChild(elm);
         }
     }
+    defaultButtonOptions = {
+        playPause: {
+            visible: true,
+            icon: "play",
+            displayName: "Play/Pause"
+        },
+        play: {
+            visible: true,
+            icon: '<svg viewBox="0 0 320 512"><path d="M361 215C375.3 223.8 384 239.3 384 256C384 272.7 375.3 288.2 361 296.1L73.03 472.1C58.21 482 39.66 482.4 24.52 473.9C9.377 465.4 0 449.4 0 432V80C0 62.64 9.377 46.63 24.52 38.13C39.66 29.64 58.21 29.99 73.03 39.04L361 215z"/></svg>',
+            displayName: "Play"
+        },
+        pause: {
+            visible: true,
+            icon: '<svg viewBox="0 0 320 512"><path d="M272 63.1l-32 0c-26.51 0-48 21.49-48 47.1v288c0 26.51 21.49 48 48 48L272 448c26.51 0 48-21.49 48-48v-288C320 85.49 298.5 63.1 272 63.1zM80 63.1l-32 0c-26.51 0-48 21.49-48 48v288C0 426.5 21.49 448 48 448l32 0c26.51 0 48-21.49 48-48v-288C128 85.49 106.5 63.1 80 63.1z"/></svg>',
+            displayName: "Pause"
+        },
+        restart: {
+            visible: true,
+            icon: '<svg viewBox="0 0 512 512"><path d="M496 48V192c0 17.69-14.31 32-32 32H320c-17.69 0-32-14.31-32-32s14.31-32 32-32h63.39c-29.97-39.7-77.25-63.78-127.6-63.78C167.7 96.22 96 167.9 96 256s71.69 159.8 159.8 159.8c34.88 0 68.03-11.03 95.88-31.94c14.22-10.53 34.22-7.75 44.81 6.375c10.59 14.16 7.75 34.22-6.375 44.81c-39.03 29.28-85.36 44.86-134.2 44.86C132.5 479.9 32 379.4 32 256s100.5-223.9 223.9-223.9c69.15 0 134 32.47 176.1 86.12V48c0-17.69 14.31-32 32-32S496 30.31 496 48z"/></svg>',
+            displayName: "Restart"
+        },
+        mute: {
+            visible: true,
+            icon: '<svg viewBox="0 0 640 512"><path d="M412.6 182c-10.28-8.334-25.41-6.867-33.75 3.402c-8.406 10.24-6.906 25.35 3.375 33.74C393.5 228.4 400 241.8 400 255.1c0 14.17-6.5 27.59-17.81 36.83c-10.28 8.396-11.78 23.5-3.375 33.74c4.719 5.806 11.62 8.802 18.56 8.802c5.344 0 10.75-1.779 15.19-5.399C435.1 311.5 448 284.6 448 255.1S435.1 200.4 412.6 182zM473.1 108.2c-10.22-8.334-25.34-6.898-33.78 3.34c-8.406 10.24-6.906 25.35 3.344 33.74C476.6 172.1 496 213.3 496 255.1s-19.44 82.1-53.31 110.7c-10.25 8.396-11.75 23.5-3.344 33.74c4.75 5.775 11.62 8.771 18.56 8.771c5.375 0 10.75-1.779 15.22-5.431C518.2 366.9 544 313 544 255.1S518.2 145 473.1 108.2zM534.4 33.4c-10.22-8.334-25.34-6.867-33.78 3.34c-8.406 10.24-6.906 25.35 3.344 33.74C559.9 116.3 592 183.9 592 255.1s-32.09 139.7-88.06 185.5c-10.25 8.396-11.75 23.5-3.344 33.74C505.3 481 512.2 484 519.2 484c5.375 0 10.75-1.779 15.22-5.431C601.5 423.6 640 342.5 640 255.1S601.5 88.34 534.4 33.4zM301.2 34.98c-11.5-5.181-25.01-3.076-34.43 5.29L131.8 160.1H48c-26.51 0-48 21.48-48 47.96v95.92c0 26.48 21.49 47.96 48 47.96h83.84l134.9 119.8C272.7 477 280.3 479.8 288 479.8c4.438 0 8.959-.9314 13.16-2.835C312.7 471.8 320 460.4 320 447.9V64.12C320 51.55 312.7 40.13 301.2 34.98z"/></svg>',
+            displayName: "Mute"
+        },
+        unmute: {
+            visible: true,
+            icon: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path d="M301.2 34.85c-11.5-5.188-25.02-3.122-34.44 5.253L131.8 160H48c-26.51 0-48 21.49-48 47.1v95.1c0 26.51 21.49 47.1 48 47.1h83.84l134.9 119.9c5.984 5.312 13.58 8.094 21.26 8.094c4.438 0 8.972-.9375 13.17-2.844c11.5-5.156 18.82-16.56 18.82-29.16V64C319.1 51.41 312.7 40 301.2 34.85zM513.9 255.1l47.03-47.03c9.375-9.375 9.375-24.56 0-33.94s-24.56-9.375-33.94 0L480 222.1L432.1 175c-9.375-9.375-24.56-9.375-33.94 0s-9.375 24.56 0 33.94l47.03 47.03l-47.03 47.03c-9.375 9.375-9.375 24.56 0 33.94c9.373 9.373 24.56 9.381 33.94 0L480 289.9l47.03 47.03c9.373 9.373 24.56 9.381 33.94 0c9.375-9.375 9.375-24.56 0-33.94L513.9 255.1z"/></svg>',
+            displayName: "Unmute"
+        },
+        settings: {
+            visible: true,
+            icon: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M495.9 166.6C499.2 175.2 496.4 184.9 489.6 191.2L446.3 230.6C447.4 238.9 448 247.4 448 256C448 264.6 447.4 273.1 446.3 281.4L489.6 320.8C496.4 327.1 499.2 336.8 495.9 345.4C491.5 357.3 486.2 368.8 480.2 379.7L475.5 387.8C468.9 398.8 461.5 409.2 453.4 419.1C447.4 426.2 437.7 428.7 428.9 425.9L373.2 408.1C359.8 418.4 344.1 427 329.2 433.6L316.7 490.7C314.7 499.7 307.7 506.1 298.5 508.5C284.7 510.8 270.5 512 255.1 512C241.5 512 227.3 510.8 213.5 508.5C204.3 506.1 197.3 499.7 195.3 490.7L182.8 433.6C167 427 152.2 418.4 138.8 408.1L83.14 425.9C74.3 428.7 64.55 426.2 58.63 419.1C50.52 409.2 43.12 398.8 36.52 387.8L31.84 379.7C25.77 368.8 20.49 357.3 16.06 345.4C12.82 336.8 15.55 327.1 22.41 320.8L65.67 281.4C64.57 273.1 64 264.6 64 256C64 247.4 64.57 238.9 65.67 230.6L22.41 191.2C15.55 184.9 12.82 175.3 16.06 166.6C20.49 154.7 25.78 143.2 31.84 132.3L36.51 124.2C43.12 113.2 50.52 102.8 58.63 92.95C64.55 85.8 74.3 83.32 83.14 86.14L138.8 103.9C152.2 93.56 167 84.96 182.8 78.43L195.3 21.33C197.3 12.25 204.3 5.04 213.5 3.51C227.3 1.201 241.5 0 256 0C270.5 0 284.7 1.201 298.5 3.51C307.7 5.04 314.7 12.25 316.7 21.33L329.2 78.43C344.1 84.96 359.8 93.56 373.2 103.9L428.9 86.14C437.7 83.32 447.4 85.8 453.4 92.95C461.5 102.8 468.9 113.2 475.5 124.2L480.2 132.3C486.2 143.2 491.5 154.7 495.9 166.6V166.6zM256 336C300.2 336 336 300.2 336 255.1C336 211.8 300.2 175.1 256 175.1C211.8 175.1 176 211.8 176 255.1C176 300.2 211.8 336 256 336z"/></svg>',
+            displayName: "Settings"
+        },
+        fullscreen: {
+            visible: true,
+            icon: "fullscreen",
+            displayName: "Fullscreen"
+        },
+        enterFullscreen: {
+            visible: true,
+            icon: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M208 281.4c-12.5-12.5-32.76-12.5-45.26-.002l-78.06 78.07l-30.06-30.06c-6.125-6.125-14.31-9.367-22.63-9.367c-4.125 0-8.279 .7891-12.25 2.43c-11.97 4.953-19.75 16.62-19.75 29.56v135.1C.0013 501.3 10.75 512 24 512h136c12.94 0 24.63-7.797 29.56-19.75c4.969-11.97 2.219-25.72-6.938-34.87l-30.06-30.06l78.06-78.07c12.5-12.49 12.5-32.75 .002-45.25L208 281.4zM487.1 0h-136c-12.94 0-24.63 7.797-29.56 19.75c-4.969 11.97-2.219 25.72 6.938 34.87l30.06 30.06l-78.06 78.07c-12.5 12.5-12.5 32.76 0 45.26l22.62 22.62c12.5 12.5 32.76 12.5 45.26 0l78.06-78.07l30.06 30.06c9.156 9.141 22.87 11.84 34.87 6.937C504.2 184.6 512 172.9 512 159.1V23.1C512 10.74 501.3 0 487.1 0z"/></svg>',
+            displayName: "Enter Fullscreen"
+        },
+        exitFullscreen: {
+            visible: true,
+            icon: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M215.1 272h-136c-12.94 0-24.63 7.797-29.56 19.75C45.47 303.7 48.22 317.5 57.37 326.6l30.06 30.06l-78.06 78.07c-12.5 12.5-12.5 32.75-.0012 45.25l22.62 22.62c12.5 12.5 32.76 12.5 45.26 .0013l78.06-78.07l30.06 30.06c6.125 6.125 14.31 9.367 22.63 9.367c4.125 0 8.279-.7891 12.25-2.43c11.97-4.953 19.75-16.62 19.75-29.56V296C239.1 282.7 229.3 272 215.1 272zM296 240h136c12.94 0 24.63-7.797 29.56-19.75c4.969-11.97 2.219-25.72-6.938-34.87l-30.06-30.06l78.06-78.07c12.5-12.5 12.5-32.76 .0002-45.26l-22.62-22.62c-12.5-12.5-32.76-12.5-45.26-.0003l-78.06 78.07l-30.06-30.06c-9.156-9.141-22.87-11.84-34.87-6.937c-11.97 4.953-19.75 16.62-19.75 29.56v135.1C272 229.3 282.7 240 296 240z"/></svg>',
+            displayName: "Exit Fullscreen"
+        },
+        saveState: {
+            visible: true,
+            icon: '<svg viewBox="0 0 448 512"><path fill="currentColor" d="M433.941 129.941l-83.882-83.882A48 48 0 0 0 316.118 32H48C21.49 32 0 53.49 0 80v352c0 26.51 21.49 48 48 48h352c26.51 0 48-21.49 48-48V163.882a48 48 0 0 0-14.059-33.941zM224 416c-35.346 0-64-28.654-64-64 0-35.346 28.654-64 64-64s64 28.654 64 64c0 35.346-28.654 64-64 64zm96-304.52V212c0 6.627-5.373 12-12 12H76c-6.627 0-12-5.373-12-12V108c0-6.627 5.373-12 12-12h228.52c3.183 0 6.235 1.264 8.485 3.515l3.48 3.48A11.996 11.996 0 0 1 320 111.48z"/></svg>',
+            displayName: "Save State"
+        },
+        loadState: {
+            visible: true,
+            icon: '<svg viewBox="0 0 576 512"><path fill="currentColor" d="M572.694 292.093L500.27 416.248A63.997 63.997 0 0 1 444.989 448H45.025c-18.523 0-30.064-20.093-20.731-36.093l72.424-124.155A64 64 0 0 1 152 256h399.964c18.523 0 30.064 20.093 20.73 36.093zM152 224h328v-48c0-26.51-21.49-48-48-48H272l-64-64H48C21.49 64 0 85.49 0 112v278.046l69.077-118.418C86.214 242.25 117.989 224 152 224z"/></svg>',
+            displayName: "Load State"
+        },
+        screenRecord: {
+            visible: true
+        },
+        gamepad: {
+            visible: true,
+            icon: '<svg viewBox="0 0 640 512"><path fill="currentColor" d="M480 96H160C71.6 96 0 167.6 0 256s71.6 160 160 160c44.8 0 85.2-18.4 114.2-48h91.5c29 29.6 69.5 48 114.2 48 88.4 0 160-71.6 160-160S568.4 96 480 96zM256 276c0 6.6-5.4 12-12 12h-52v52c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-52H76c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h52v-52c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v52h52c6.6 0 12 5.4 12 12v40zm184 68c-26.5 0-48-21.5-48-48s21.5-48 48-48 48 21.5 48 48-21.5 48-48 48zm80-80c-26.5 0-48-21.5-48-48s21.5-48 48-48 48 21.5 48 48-21.5 48-48 48z"/></svg>',
+            displayName: "Control Settings"
+        },
+        cheat: {
+            visible: true,
+            icon: '<svg viewBox="0 0 496 512"><path fill="currentColor" d="M248 8C111 8 0 119 0 256s111 248 248 248 248-111 248-248S385 8 248 8zm0 448c-110.3 0-200-89.7-200-200S137.7 56 248 56s200 89.7 200 200-89.7 200-200 200zm-80-216c17.7 0 32-14.3 32-32s-14.3-32-32-32-32 14.3-32 32 14.3 32 32 32zm160 0c17.7 0 32-14.3 32-32s-14.3-32-32-32-32 14.3-32 32 14.3 32 32 32zm4 72.6c-20.8 25-51.5 39.4-84 39.4s-63.2-14.3-84-39.4c-8.5-10.2-23.7-11.5-33.8-3.1-10.2 8.5-11.5 23.6-3.1 33.8 30 36 74.1 56.6 120.9 56.6s90.9-20.6 120.9-56.6c8.5-10.2 7.1-25.3-3.1-33.8-10.1-8.4-25.3-7.1-33.8 3.1z" class=""></path></svg>',
+            displayName: "Cheats"
+        },
+        volumeSlider: {
+            visible: true
+        },
+        saveSavFiles: {
+            visible: true,
+            icon: '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 23 23"><path d="M3 6.5V5C3 3.89543 3.89543 3 5 3H16.1716C16.702 3 17.2107 3.21071 17.5858 3.58579L20.4142 6.41421C20.7893 6.78929 21 7.29799 21 7.82843V19C21 20.1046 20.1046 21 19 21H5C3.89543 21 3 20.1046 3 19V17.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="transparent"></path><path d="M8 3H16V8.4C16 8.73137 15.7314 9 15.4 9H8.6C8.26863 9 8 8.73137 8 8.4V3Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="transparent"></path><path d="M18 21V13.6C18 13.2686 17.7314 13 17.4 13H15" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="transparent"></path><path d="M6 21V17.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="transparent"></path><path d="M12 12H1M1 12L4 9M1 12L4 15" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path></svg>',
+            displayName: "Export Save File"
+        },
+        loadSavFiles: {
+            visible: true,
+            icon: '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 23 23"><path d="M3 7.5V5C3 3.89543 3.89543 3 5 3H16.1716C16.702 3 17.2107 3.21071 17.5858 3.58579L20.4142 6.41421C20.7893 6.78929 21 7.29799 21 7.82843V19C21 20.1046 20.1046 21 19 21H5C3.89543 21 3 20.1046 3 19V16.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="transparent"></path><path d="M6 21V17" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M18 21V13.6C18 13.2686 17.7314 13 17.4 13H15" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="transparent"></path><path d="M16 3V8.4C16 8.73137 15.7314 9 15.4 9H13.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="transparent"></path><path d="M8 3V6" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M1 12H12M12 12L9 9M12 12L9 15" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path></svg>',
+            displayName: "Import Save File"
+        },
+        quickSave: {
+            visible: true
+        },
+        quickLoad: {
+            visible: true
+        },
+        screenshot: {
+            visible: true
+        },
+        cacheManager: {
+            visible: true,
+            icon: '<svg viewBox="0 0 1800 1800"><path d="M896 768q237 0 443-43t325-127v170q0 69-103 128t-280 93.5-385 34.5-385-34.5T231 896 128 768V598q119 84 325 127t443 43zm0 768q237 0 443-43t325-127v170q0 69-103 128t-280 93.5-385 34.5-385-34.5-280-93.5-103-128v-170q119 84 325 127t443 43zm0-384q237 0 443-43t325-127v170q0 69-103 128t-280 93.5-385 34.5-385-34.5-280-93.5-103-128V982q119 84 325 127t443 43zM896 0q208 0 385 34.5t280 93.5 103 128v128q0 69-103 128t-280 93.5T896 640t-385-34.5T231 512 128 384V256q0-69 103-128t280-93.5T896 0z"/></svg>',
+            displayName: "Cache Manager"
+        },
+        exitEmulation: {
+            visible: true,
+            icon: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 460 460"><path style="fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke:rgb(255,255,255);stroke-opacity:1;stroke-miterlimit:4;" d="M 14.000061 7.636414 L 14.000061 4.5 C 14.000061 4.223877 13.776123 3.999939 13.5 3.999939 L 4.5 3.999939 C 4.223877 3.999939 3.999939 4.223877 3.999939 4.5 L 3.999939 19.5 C 3.999939 19.776123 4.223877 20.000061 4.5 20.000061 L 13.5 20.000061 C 13.776123 20.000061 14.000061 19.776123 14.000061 19.5 L 14.000061 16.363586 " transform="matrix(21.333333,0,0,21.333333,0,0)"/><path style="fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke:rgb(255,255,255);stroke-opacity:1;stroke-miterlimit:4;" d="M 9.999939 12 L 21 12 M 21 12 L 18.000366 8.499939 M 21 12 L 18 15.500061 " transform="matrix(21.333333,0,0,21.333333,0,0)"/></svg>',
+            displayName: "Exit Emulation"
+        },
+        netplay: {
+            visible: false,
+            icon: '<svg viewBox="0 0 512 512"><path fill="currentColor" d="M364.215 192h131.43c5.439 20.419 8.354 41.868 8.354 64s-2.915 43.581-8.354 64h-131.43c5.154-43.049 4.939-86.746 0-128zM185.214 352c10.678 53.68 33.173 112.514 70.125 151.992.221.001.44.008.661.008s.44-.008.661-.008c37.012-39.543 59.467-98.414 70.125-151.992H185.214zm174.13-192h125.385C452.802 84.024 384.128 27.305 300.95 12.075c30.238 43.12 48.821 96.332 58.394 147.925zm-27.35 32H180.006c-5.339 41.914-5.345 86.037 0 128h151.989c5.339-41.915 5.345-86.037-.001-128zM152.656 352H27.271c31.926 75.976 100.6 132.695 183.778 147.925-30.246-43.136-48.823-96.35-58.393-147.925zm206.688 0c-9.575 51.605-28.163 104.814-58.394 147.925 83.178-15.23 151.852-71.949 183.778-147.925H359.344zm-32.558-192c-10.678-53.68-33.174-112.514-70.125-151.992-.221 0-.44-.008-.661-.008s-.44.008-.661.008C218.327 47.551 195.872 106.422 185.214 160h141.572zM16.355 192C10.915 212.419 8 233.868 8 256s2.915 43.581 8.355 64h131.43c-4.939-41.254-5.154-84.951 0-128H16.355zm136.301-32c9.575-51.602 28.161-104.81 58.394-147.925C127.872 27.305 59.198 84.024 27.271 160h125.385z"/></svg>',
+            displayName: "Netplay"
+        },
+        diskButton: {
+            visible: true,
+            icon: '<svg fill="#FFFFFF" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 473.109 473.109"><path d="M340.963,101.878H12.105C5.423,101.878,0,107.301,0,113.983v328.862c0,6.68,5.423,12.105,12.105,12.105h328.857 c6.685,0,12.104-5.426,12.104-12.105V113.983C353.067,107.301,347.647,101.878,340.963,101.878z M67.584,120.042h217.895v101.884 H67.584V120.042z M296.076,429.228H56.998V278.414h239.079V429.228z M223.947,135.173h30.269v72.638h-30.269V135.173z M274.13,315.741H78.933v-12.105H274.13V315.741z M274.13,358.109H78.933v-12.105H274.13V358.109z M274.13,398.965H78.933v-12.105 H274.13V398.965z M473.109,30.263v328.863c0,6.68-5.426,12.105-12.105,12.105H384.59v-25.724h31.528V194.694H384.59v-56.489h20.93 V36.321H187.625v43.361h-67.583v-49.42c0-6.682,5.423-12.105,12.105-12.105H461.01C467.695,18.158,473.109,23.581,473.109,30.263z M343.989,51.453h30.269v31.321c-3.18-1.918-6.868-3.092-10.853-3.092h-19.416V51.453z M394.177,232.021h-9.581v-12.105h9.581 V232.021z M384.59,262.284h9.581v12.105h-9.581V262.284z M384.59,303.14h9.581v12.104h-9.581V303.14z"/></svg>',
+            displayName: "Disks"
+        },
+        contextMenu: {
+            visible: true,
+            icon: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2023 Fonticons, Inc.--><path d="M0 96C0 78.3 14.3 64 32 64H416c17.7 0 32 14.3 32 32s-14.3 32-32 32H32C14.3 128 0 113.7 0 96zM0 256c0-17.7 14.3-32 32-32H416c17.7 0 32 14.3 32 32s-14.3 32-32 32H32c-17.7 0-32-14.3-32-32zM448 416c0 17.7-14.3 32-32 32H32c-17.7 0-32-14.3-32-32s14.3-32 32-32H416c17.7 0 32 14.3 32 32z"/></svg>',
+            displayName: "Context Menu"
+        }
+    };
+    defaultButtonAliases = {
+        volume: "volumeSlider"
+    };
+    buildButtonOptions(buttonUserOpts) {
+        let mergedButtonOptions = this.defaultButtonOptions;
+
+        // merge buttonUserOpts with mergedButtonOptions
+        if (buttonUserOpts) {
+            for (const key in buttonUserOpts) {
+                let searchKey = key;
+                // If the key is an alias, find the actual key in the default buttons
+                if (this.defaultButtonAliases[key]) {
+                    // Use the alias to find the actual key
+                    // and update the searchKey to the actual key
+                    searchKey = this.defaultButtonAliases[key];
+                }
+
+                // Check if the button exists in the default buttons, and update its properties
+                // If the button does not exist, create a custom button
+                if (!mergedButtonOptions[searchKey]) {
+                    // If the button does not exist in the default buttons, create a custom button
+                    // Custom buttons must have a displayName, icon, and callback property
+                    if (!buttonUserOpts[searchKey] || !buttonUserOpts[searchKey].displayName || !buttonUserOpts[searchKey].icon || !buttonUserOpts[searchKey].callback) {
+                        console.warn(`Custom button "${searchKey}" is missing required properties`);
+                        continue;
+                    }
+
+                    mergedButtonOptions[searchKey] = {
+                        visible: true,
+                        displayName: buttonUserOpts[searchKey].displayName || searchKey,
+                        icon: buttonUserOpts[searchKey].icon || "",
+                        callback: buttonUserOpts[searchKey].callback || (() => { }),
+                        custom: true
+                    };
+                }
+
+                // if the value is a boolean, set the visible property to the value
+                if (typeof buttonUserOpts[searchKey] === "boolean") {
+                    mergedButtonOptions[searchKey].visible = buttonUserOpts[searchKey];
+                } else if (typeof buttonUserOpts[searchKey] === "object") {
+                    // If the value is an object, merge it with the default button properties
+    
+                    // if the button is the contextMenu, only allow the visible property to be set
+                    if (searchKey === "contextMenu") {
+                        mergedButtonOptions[searchKey].visible = buttonUserOpts[searchKey].visible !== undefined ? buttonUserOpts[searchKey].visible : true;
+                    } else if (this.defaultButtonOptions[searchKey]) {
+                        // copy properties from the button definition if they aren't null
+                        for (const prop in buttonUserOpts[searchKey]) {
+                            if (buttonUserOpts[searchKey][prop] !== null) {
+                                mergedButtonOptions[searchKey][prop] = buttonUserOpts[searchKey][prop];
+                            }
+                        }
+                    } else {
+                        // button was not in the default buttons list and is therefore a custom button
+                        // verify that the value has a displayName, icon, and callback property
+                        if (buttonUserOpts[searchKey].displayName && buttonUserOpts[searchKey].icon && buttonUserOpts[searchKey].callback) {
+                            mergedButtonOptions[searchKey] = {
+                                visible: true,
+                                displayName: buttonUserOpts[searchKey].displayName,
+                                icon: buttonUserOpts[searchKey].icon,
+                                callback: buttonUserOpts[searchKey].callback,
+                                custom: true
+                            };
+                        } else {
+                            console.warn(`Custom button "${searchKey}" is missing required properties`);
+                        }
+                    }
+                }
+    
+                // behaviour exceptions
+                switch (searchKey) {
+                    case "playPause":
+                        mergedButtonOptions.play.visible = mergedButtonOptions.playPause.visible;
+                        mergedButtonOptions.pause.visible = mergedButtonOptions.playPause.visible;
+                        break;
+    
+                    case "mute":
+                        mergedButtonOptions.unmute.visible = mergedButtonOptions.mute.visible;
+                        break;
+    
+                    case "fullscreen":
+                        mergedButtonOptions.enterFullscreen.visible = mergedButtonOptions.fullscreen.visible;
+                        mergedButtonOptions.exitFullscreen.visible = mergedButtonOptions.fullscreen.visible;
+                        break;
+                }
+            }
+        }
+
+        return mergedButtonOptions;
+    }
     createContextMenu() {
-        this.elements.contextmenu = this.createElement('div');
+        this.elements.contextmenu = this.createElement("div");
         this.elements.contextmenu.classList.add("ejs_context_menu");
-        this.addEventListener(this.game, 'contextmenu', (e) => {
+        this.addEventListener(this.game, "contextmenu", (e) => {
             e.preventDefault();
             if ((this.config.buttonOpts && this.config.buttonOpts.rightClick === false) || !this.started) return;
             const parentRect = this.elements.parent.getBoundingClientRect();
             this.elements.contextmenu.style.display = "block";
             const rect = this.elements.contextmenu.getBoundingClientRect();
-            const up = e.offsetY + rect.height > parentRect.bottom - 25;
-            const left = e.offsetX + rect.width > parentRect.right - 5;
+            const up = e.offsetY + rect.height > parentRect.height - 25;
+            const left = e.offsetX + rect.width > parentRect.width - 5;
             this.elements.contextmenu.style.left = (e.offsetX - (left ? rect.width : 0)) + "px";
             this.elements.contextmenu.style.top = (e.offsetY - (up ? rect.height : 0)) + "px";
         })
         const hideMenu = () => {
             this.elements.contextmenu.style.display = "none";
         }
-        this.addEventListener(this.elements.contextmenu, 'contextmenu', (e) => e.preventDefault());
-        this.addEventListener(this.elements.parent, 'contextmenu', (e) => e.preventDefault());
-        this.addEventListener(this.game, 'mousedown', hideMenu);
+        this.addEventListener(this.elements.contextmenu, "contextmenu", (e) => e.preventDefault());
+        this.addEventListener(this.elements.parent, "contextmenu", (e) => e.preventDefault());
+        this.addEventListener(this.game, "mousedown touchend", hideMenu);
         const parent = this.createElement("ul");
         const addButton = (title, hidden, functi0n) => {
             //<li><a href="#" onclick="return false">'+title+'</a></li>
@@ -1247,7 +1465,7 @@ class EmulatorJS {
             if (hidden) li.hidden = true;
             const a = this.createElement("a");
             if (functi0n instanceof Function) {
-                this.addEventListener(li, 'click', (e) => {
+                this.addEventListener(li, "click", (e) => {
                     e.preventDefault();
                     functi0n();
                 });
@@ -1263,20 +1481,20 @@ class EmulatorJS {
         let screenshotUrl;
         const screenshot = addButton("Take Screenshot", false, () => {
             if (screenshotUrl) URL.revokeObjectURL(screenshotUrl);
-            this.gameManager.screenshot().then(screenshot => {
-                const blob = new Blob([screenshot]);
+            const date = new Date();
+            const fileName = this.getBaseFileName() + "-" + date.getMonth() + "-" + date.getDate() + "-" + date.getFullYear();
+            this.screenshot((blob, format) => {
                 screenshotUrl = URL.createObjectURL(blob);
                 const a = this.createElement("a");
                 a.href = screenshotUrl;
-                const date = new Date();
-                a.download = this.getBaseFileName()+"-"+date.getMonth()+"-"+date.getDate()+"-"+date.getFullYear()+".png";
+                a.download = fileName + "." + format;
                 a.click();
                 hideMenu();
             });
         });
 
         let screenMediaRecorder = null;
-        const startScreenRecording = addButton("Start screen recording", false, () => {
+        const startScreenRecording = addButton("Start Screen Recording", false, () => {
             if (screenMediaRecorder !== null) {
                 screenMediaRecorder.stop();
             }
@@ -1285,7 +1503,7 @@ class EmulatorJS {
             stopScreenRecording.removeAttribute("hidden");
             hideMenu();
         });
-        const stopScreenRecording = addButton("Stop screen recording", true, () => {
+        const stopScreenRecording = addButton("Stop Screen Recording", true, () => {
             if (screenMediaRecorder !== null) {
                 screenMediaRecorder.stop();
                 screenMediaRecorder = null;
@@ -1296,15 +1514,18 @@ class EmulatorJS {
         });
 
         const qSave = addButton("Quick Save", false, () => {
-            const slot = this.settings['save-state-slot'] ? this.settings['save-state-slot'] : "1";
-            this.gameManager.quickSave(slot);
-            this.displayMessage(this.localization("SAVED STATE TO SLOT")+" "+slot);
+            const slot = this.getSettingValue("save-state-slot") ? this.getSettingValue("save-state-slot") : "1";
+            if (this.gameManager.quickSave(slot)) {
+                this.displayMessage(this.localization("SAVED STATE TO SLOT") + " " + slot);
+            } else {
+                this.displayMessage(this.localization("FAILED TO SAVE STATE"));
+            }
             hideMenu();
         });
         const qLoad = addButton("Quick Load", false, () => {
-            const slot = this.settings['save-state-slot'] ? this.settings['save-state-slot'] : "1";
+            const slot = this.getSettingValue("save-state-slot") ? this.getSettingValue("save-state-slot") : "1";
             this.gameManager.quickLoad(slot);
-            this.displayMessage(this.localization("LOADED STATE FROM SLOT")+" "+slot);
+            this.displayMessage(this.localization("LOADED STATE FROM SLOT") + " " + slot);
             hideMenu();
         });
         this.elements.contextMenu = {
@@ -1314,15 +1535,18 @@ class EmulatorJS {
             save: qSave,
             load: qLoad
         }
-        addButton("EmulatorJS v"+this.ejs_version, false, () => {
+        addButton("EmulatorJS v" + this.ejs_version, false, () => {
             hideMenu();
             const body = this.createPopup("EmulatorJS", {
                 "Close": () => {
                     this.closePopup();
                 }
             });
-            
-            const menu = this.createElement('div');
+
+            body.style.display = "flex";
+
+            const menu = this.createElement("div");
+            body.appendChild(menu);
             menu.classList.add("ejs_list_selector");
             const parent = this.createElement("ul");
             const addButton = (title, hidden, functi0n) => {
@@ -1330,9 +1554,9 @@ class EmulatorJS {
                 if (hidden) li.hidden = true;
                 const a = this.createElement("a");
                 if (functi0n instanceof Function) {
-                    this.addEventListener(li, 'click', (e) => {
+                    this.addEventListener(li, "click", (e) => {
                         e.preventDefault();
-                        functi0n();
+                        functi0n(li);
                     });
                 }
                 a.href = "#";
@@ -1355,12 +1579,16 @@ class EmulatorJS {
             body.appendChild(license);
             body.appendChild(retroarch);
             body.appendChild(coreLicense);
-            
-            let current = home;
-            home.innerText = "EmulatorJS v"+this.ejs_version;
+
+            home.innerText = "EmulatorJS v" + this.ejs_version;
             home.appendChild(this.createElement("br"));
             home.appendChild(this.createElement("br"));
 
+            home.classList.add("ejs_context_menu_tab");
+            license.classList.add("ejs_context_menu_tab");
+            retroarch.classList.add("ejs_context_menu_tab");
+            coreLicense.classList.add("ejs_context_menu_tab");
+
             this.createLink(home, "https://github.com/EmulatorJS/EmulatorJS", "View on GitHub", true);
 
             this.createLink(home, "https://discord.gg/6akryGkETU", "Join the discord", true);
@@ -1383,34 +1611,37 @@ class EmulatorJS {
 
             home.appendChild(this.createElement("br"));
             menu.appendChild(parent);
-            body.appendChild(menu);
-            const setElem = (element) => {
+            let current = home;
+            const setElem = (element, li) => {
                 if (current === element) return;
                 if (current) {
                     current.style.display = "none";
                 }
+                let activeLi = li.parentElement.querySelector(".ejs_active_list_element");
+                if (activeLi) {
+                    activeLi.classList.remove("ejs_active_list_element");
+                }
+                li.classList.add("ejs_active_list_element");
                 current = element;
                 element.style.display = "";
             }
-            addButton("Home", false, () => {
-                setElem(home);
-            })
-            addButton("EmulatorJS License", false, () => {
-                setElem(license);
-            })
-            addButton("RetroArch License", false, () => {
-                setElem(retroarch);
-            })
+            addButton("Home", false, (li) => {
+                setElem(home, li);
+            }).classList.add("ejs_active_list_element");
+            addButton("EmulatorJS License", false, (li) => {
+                setElem(license, li);
+            });
+            addButton("RetroArch License", false, (li) => {
+                setElem(retroarch, li);
+            });
             if (this.coreName && this.license) {
-                addButton(this.coreName + " License", false, () => {
-                    setElem(coreLicense);
+                addButton(this.coreName + " License", false, (li) => {
+                    setElem(coreLicense, li);
                 })
-                coreLicense.style['text-align'] = "center";
-                coreLicense.style['padding'] = "10px";
                 coreLicense.innerText = this.license;
             }
             //Todo - Contributors.
-            
+
             retroarch.innerText = this.localization("This project is powered by") + " ";
             const a = this.createElement("a");
             a.href = "https://github.com/libretro/RetroArch";
@@ -1423,50 +1654,47 @@ class EmulatorJS {
             licenseLink.innerText = this.localization("View the RetroArch license here");
             a.appendChild(this.createElement("br"));
             a.appendChild(licenseLink);
-            
-            license.style['text-align'] = "center";
-            license.style['padding'] = "10px";
-            //license.style["white-space"] = "pre-wrap";
-            license.innerText = '                    GNU GENERAL PUBLIC LICENSE\n                       Version 3, 29 June 2007\n\n Copyright (C) 2007 Free Software Foundation, Inc. <https://fsf.org/>\n Everyone is permitted to copy and distribute verbatim copies\n of this license document, but changing it is not allowed.\n\n                            Preamble\n\n  The GNU General Public License is a free, copyleft license for\nsoftware and other kinds of works.\n\n  The licenses for most software and other practical works are designed\nto take away your freedom to share and change the works.  By contrast,\nthe GNU General Public License is intended to guarantee your freedom to\nshare and change all versions of a program--to make sure it remains free\nsoftware for all its users.  We, the Free Software Foundation, use the\nGNU General Public License for most of our software; it applies also to\nany other work released this way by its authors.  You can apply it to\nyour programs, too.\n\n  When we speak of free software, we are referring to freedom, not\nprice.  Our General Public Licenses are designed to make sure that you\nhave the freedom to distribute copies of free software (and charge for\nthem if you wish), that you receive source code or can get it if you\nwant it, that you can change the software or use pieces of it in new\nfree programs, and that you know you can do these things.\n\n  To protect your rights, we need to prevent others from denying you\nthese rights or asking you to surrender the rights.  Therefore, you have\ncertain responsibilities if you distribute copies of the software, or if\nyou modify it: responsibilities to respect the freedom of others.\n\n  For example, if you distribute copies of such a program, whether\ngratis or for a fee, you must pass on to the recipients the same\nfreedoms that you received.  You must make sure that they, too, receive\nor can get the source code.  And you must show them these terms so they\nknow their rights.\n\n  Developers that use the GNU GPL protect your rights with two steps:\n(1) assert copyright on the software, and (2) offer you this License\ngiving you legal permission to copy, distribute and/or modify it.\n\n  For the developers\' and authors\' protection, the GPL clearly explains\nthat there is no warranty for this free software.  For both users\' and\nauthors\' sake, the GPL requires that modified versions be marked as\nchanged, so that their problems will not be attributed erroneously to\nauthors of previous versions.\n\n  Some devices are designed to deny users access to install or run\nmodified versions of the software inside them, although the manufacturer\ncan do so.  This is fundamentally incompatible with the aim of\nprotecting users\' freedom to change the software.  The systematic\npattern of such abuse occurs in the area of products for individuals to\nuse, which is precisely where it is most unacceptable.  Therefore, we\nhave designed this version of the GPL to prohibit the practice for those\nproducts.  If such problems arise substantially in other domains, we\nstand ready to extend this provision to those domains in future versions\nof the GPL, as needed to protect the freedom of users.\n\n  Finally, every program is threatened constantly by software patents.\nStates should not allow patents to restrict development and use of\nsoftware on general-purpose computers, but in those that do, we wish to\navoid the special danger that patents applied to a free program could\nmake it effectively proprietary.  To prevent this, the GPL assures that\npatents cannot be used to render the program non-free.\n\n  The precise terms and conditions for copying, distribution and\nmodification follow.\n\n                       TERMS AND CONDITIONS\n\n  0. Definitions.\n\n  "This License" refers to version 3 of the GNU General Public License.\n\n  "Copyright" also means copyright-like laws that apply to other kinds of\nworks, such as semiconductor masks.\n\n  "The Program" refers to any copyrightable work licensed under this\nLicense.  Each licensee is addressed as "you".  "Licensees" and\n"recipients" may be individuals or organizations.\n\n  To "modify" a work means to copy from or adapt all or part of the work\nin a fashion requiring copyright permission, other than the making of an\nexact copy.  The resulting work is called a "modified version" of the\nearlier work or a work "based on" the earlier work.\n\n  A "covered work" means either the unmodified Program or a work based\non the Program.\n\n  To "propagate" a work means to do anything with it that, without\npermission, would make you directly or secondarily liable for\ninfringement under applicable copyright law, except executing it on a\ncomputer or modifying a private copy.  Propagation includes copying,\ndistribution (with or without modification), making available to the\npublic, and in some countries other activities as well.\n\n  To "convey" a work means any kind of propagation that enables other\nparties to make or receive copies.  Mere interaction with a user through\na computer network, with no transfer of a copy, is not conveying.\n\n  An interactive user interface displays "Appropriate Legal Notices"\nto the extent that it includes a convenient and prominently visible\nfeature that (1) displays an appropriate copyright notice, and (2)\ntells the user that there is no warranty for the work (except to the\nextent that warranties are provided), that licensees may convey the\nwork under this License, and how to view a copy of this License.  If\nthe interface presents a list of user commands or options, such as a\nmenu, a prominent item in the list meets this criterion.\n\n  1. Source Code.\n\n  The "source code" for a work means the preferred form of the work\nfor making modifications to it.  "Object code" means any non-source\nform of a work.\n\n  A "Standard Interface" means an interface that either is an official\nstandard defined by a recognized standards body, or, in the case of\ninterfaces specified for a particular programming language, one that\nis widely used among developers working in that language.\n\n  The "System Libraries" of an executable work include anything, other\nthan the work as a whole, that (a) is included in the normal form of\npackaging a Major Component, but which is not part of that Major\nComponent, and (b) serves only to enable use of the work with that\nMajor Component, or to implement a Standard Interface for which an\nimplementation is available to the public in source code form.  A\n"Major Component", in this context, means a major essential component\n(kernel, window system, and so on) of the specific operating system\n(if any) on which the executable work runs, or a compiler used to\nproduce the work, or an object code interpreter used to run it.\n\n  The "Corresponding Source" for a work in object code form means all\nthe source code needed to generate, install, and (for an executable\nwork) run the object code and to modify the work, including scripts to\ncontrol those activities.  However, it does not include the work\'s\nSystem Libraries, or general-purpose tools or generally available free\nprograms which are used unmodified in performing those activities but\nwhich are not part of the work.  For example, Corresponding Source\nincludes interface definition files associated with source files for\nthe work, and the source code for shared libraries and dynamically\nlinked subprograms that the work is specifically designed to require,\nsuch as by intimate data communication or control flow between those\nsubprograms and other parts of the work.\n\n  The Corresponding Source need not include anything that users\ncan regenerate automatically from other parts of the Corresponding\nSource.\n\n  The Corresponding Source for a work in source code form is that\nsame work.\n\n  2. Basic Permissions.\n\n  All rights granted under this License are granted for the term of\ncopyright on the Program, and are irrevocable provided the stated\nconditions are met.  This License explicitly affirms your unlimited\npermission to run the unmodified Program.  The output from running a\ncovered work is covered by this License only if the output, given its\ncontent, constitutes a covered work.  This License acknowledges your\nrights of fair use or other equivalent, as provided by copyright law.\n\n  You may make, run and propagate covered works that you do not\nconvey, without conditions so long as your license otherwise remains\nin force.  You may convey covered works to others for the sole purpose\nof having them make modifications exclusively for you, or provide you\nwith facilities for running those works, provided that you comply with\nthe terms of this License in conveying all material for which you do\nnot control copyright.  Those thus making or running the covered works\nfor you must do so exclusively on your behalf, under your direction\nand control, on terms that prohibit them from making any copies of\nyour copyrighted material outside their relationship with you.\n\n  Conveying under any other circumstances is permitted solely under\nthe conditions stated below.  Sublicensing is not allowed; section 10\nmakes it unnecessary.\n\n  3. Protecting Users\' Legal Rights From Anti-Circumvention Law.\n\n  No covered work shall be deemed part of an effective technological\nmeasure under any applicable law fulfilling obligations under article\n11 of the WIPO copyright treaty adopted on 20 December 1996, or\nsimilar laws prohibiting or restricting circumvention of such\nmeasures.\n\n  When you convey a covered work, you waive any legal power to forbid\ncircumvention of technological measures to the extent such circumvention\nis effected by exercising rights under this License with respect to\nthe covered work, and you disclaim any intention to limit operation or\nmodification of the work as a means of enforcing, against the work\'s\nusers, your or third parties\' legal rights to forbid circumvention of\ntechnological measures.\n\n  4. Conveying Verbatim Copies.\n\n  You may convey verbatim copies of the Program\'s source code as you\nreceive it, in any medium, provided that you conspicuously and\nappropriately publish on each copy an appropriate copyright notice;\nkeep intact all notices stating that this License and any\nnon-permissive terms added in accord with section 7 apply to the code;\nkeep intact all notices of the absence of any warranty; and give all\nrecipients a copy of this License along with the Program.\n\n  You may charge any price or no price for each copy that you convey,\nand you may offer support or warranty protection for a fee.\n\n  5. Conveying Modified Source Versions.\n\n  You may convey a work based on the Program, or the modifications to\nproduce it from the Program, in the form of source code under the\nterms of section 4, provided that you also meet all of these conditions:\n\n    a) The work must carry prominent notices stating that you modified\n    it, and giving a relevant date.\n\n    b) The work must carry prominent notices stating that it is\n    released under this License and any conditions added under section\n    7.  This requirement modifies the requirement in section 4 to\n    "keep intact all notices".\n\n    c) You must license the entire work, as a whole, under this\n    License to anyone who comes into possession of a copy.  This\n    License will therefore apply, along with any applicable section 7\n    additional terms, to the whole of the work, and all its parts,\n    regardless of how they are packaged.  This License gives no\n    permission to license the work in any other way, but it does not\n    invalidate such permission if you have separately received it.\n\n    d) If the work has interactive user interfaces, each must display\n    Appropriate Legal Notices; however, if the Program has interactive\n    interfaces that do not display Appropriate Legal Notices, your\n    work need not make them do so.\n\n  A compilation of a covered work with other separate and independent\nworks, which are not by their nature extensions of the covered work,\nand which are not combined with it such as to form a larger program,\nin or on a volume of a storage or distribution medium, is called an\n"aggregate" if the compilation and its resulting copyright are not\nused to limit the access or legal rights of the compilation\'s users\nbeyond what the individual works permit.  Inclusion of a covered work\nin an aggregate does not cause this License to apply to the other\nparts of the aggregate.\n\n  6. Conveying Non-Source Forms.\n\n  You may convey a covered work in object code form under the terms\nof sections 4 and 5, provided that you also convey the\nmachine-readable Corresponding Source under the terms of this License,\nin one of these ways:\n\n    a) Convey the object code in, or embodied in, a physical product\n    (including a physical distribution medium), accompanied by the\n    Corresponding Source fixed on a durable physical medium\n    customarily used for software interchange.\n\n    b) Convey the object code in, or embodied in, a physical product\n    (including a physical distribution medium), accompanied by a\n    written offer, valid for at least three years and valid for as\n    long as you offer spare parts or customer support for that product\n    model, to give anyone who possesses the object code either (1) a\n    copy of the Corresponding Source for all the software in the\n    product that is covered by this License, on a durable physical\n    medium customarily used for software interchange, for a price no\n    more than your reasonable cost of physically performing this\n    conveying of source, or (2) access to copy the\n    Corresponding Source from a network server at no charge.\n\n    c) Convey individual copies of the object code with a copy of the\n    written offer to provide the Corresponding Source.  This\n    alternative is allowed only occasionally and noncommercially, and\n    only if you received the object code with such an offer, in accord\n    with subsection 6b.\n\n    d) Convey the object code by offering access from a designated\n    place (gratis or for a charge), and offer equivalent access to the\n    Corresponding Source in the same way through the same place at no\n    further charge.  You need not require recipients to copy the\n    Corresponding Source along with the object code.  If the place to\n    copy the object code is a network server, the Corresponding Source\n    may be on a different server (operated by you or a third party)\n    that supports equivalent copying facilities, provided you maintain\n    clear directions next to the object code saying where to find the\n    Corresponding Source.  Regardless of what server hosts the\n    Corresponding Source, you remain obligated to ensure that it is\n    available for as long as needed to satisfy these requirements.\n\n    e) Convey the object code using peer-to-peer transmission, provided\n    you inform other peers where the object code and Corresponding\n    Source of the work are being offered to the general public at no\n    charge under subsection 6d.\n\n  A separable portion of the object code, whose source code is excluded\nfrom the Corresponding Source as a System Library, need not be\nincluded in conveying the object code work.\n\n  A "User Product" is either (1) a "consumer product", which means any\ntangible personal property which is normally used for personal, family,\nor household purposes, or (2) anything designed or sold for incorporation\ninto a dwelling.  In determining whether a product is a consumer product,\ndoubtful cases shall be resolved in favor of coverage.  For a particular\nproduct received by a particular user, "normally used" refers to a\ntypical or common use of that class of product, regardless of the status\nof the particular user or of the way in which the particular user\nactually uses, or expects or is expected to use, the product.  A product\nis a consumer product regardless of whether the product has substantial\ncommercial, industrial or non-consumer uses, unless such uses represent\nthe only significant mode of use of the product.\n\n  "Installation Information" for a User Product means any methods,\nprocedures, authorization keys, or other information required to install\nand execute modified versions of a covered work in that User Product from\na modified version of its Corresponding Source.  The information must\nsuffice to ensure that the continued functioning of the modified object\ncode is in no case prevented or interfered with solely because\nmodification has been made.\n\n  If you convey an object code work under this section in, or with, or\nspecifically for use in, a User Product, and the conveying occurs as\npart of a transaction in which the right of possession and use of the\nUser Product is transferred to the recipient in perpetuity or for a\nfixed term (regardless of how the transaction is characterized), the\nCorresponding Source conveyed under this section must be accompanied\nby the Installation Information.  But this requirement does not apply\nif neither you nor any third party retains the ability to install\nmodified object code on the User Product (for example, the work has\nbeen installed in ROM).\n\n  The requirement to provide Installation Information does not include a\nrequirement to continue to provide support service, warranty, or updates\nfor a work that has been modified or installed by the recipient, or for\nthe User Product in which it has been modified or installed.  Access to a\nnetwork may be denied when the modification itself materially and\nadversely affects the operation of the network or violates the rules and\nprotocols for communication across the network.\n\n  Corresponding Source conveyed, and Installation Information provided,\nin accord with this section must be in a format that is publicly\ndocumented (and with an implementation available to the public in\nsource code form), and must require no special password or key for\nunpacking, reading or copying.\n\n  7. Additional Terms.\n\n  "Additional permissions" are terms that supplement the terms of this\nLicense by making exceptions from one or more of its conditions.\nAdditional permissions that are applicable to the entire Program shall\nbe treated as though they were included in this License, to the extent\nthat they are valid under applicable law.  If additional permissions\napply only to part of the Program, that part may be used separately\nunder those permissions, but the entire Program remains governed by\nthis License without regard to the additional permissions.\n\n  When you convey a copy of a covered work, you may at your option\nremove any additional permissions from that copy, or from any part of\nit.  (Additional permissions may be written to require their own\nremoval in certain cases when you modify the work.)  You may place\nadditional permissions on material, added by you to a covered work,\nfor which you have or can give appropriate copyright permission.\n\n  Notwithstanding any other provision of this License, for material you\nadd to a covered work, you may (if authorized by the copyright holders of\nthat material) supplement the terms of this License with terms:\n\n    a) Disclaiming warranty or limiting liability differently from the\n    terms of sections 15 and 16 of this License; or\n\n    b) Requiring preservation of specified reasonable legal notices or\n    author attributions in that material or in the Appropriate Legal\n    Notices displayed by works containing it; or\n\n    c) Prohibiting misrepresentation of the origin of that material, or\n    requiring that modified versions of such material be marked in\n    reasonable ways as different from the original version; or\n\n    d) Limiting the use for publicity purposes of names of licensors or\n    authors of the material; or\n\n    e) Declining to grant rights under trademark law for use of some\n    trade names, trademarks, or service marks; or\n\n    f) Requiring indemnification of licensors and authors of that\n    material by anyone who conveys the material (or modified versions of\n    it) with contractual assumptions of liability to the recipient, for\n    any liability that these contractual assumptions directly impose on\n    those licensors and authors.\n\n  All other non-permissive additional terms are considered "further\nrestrictions" within the meaning of section 10.  If the Program as you\nreceived it, or any part of it, contains a notice stating that it is\ngoverned by this License along with a term that is a further\nrestriction, you may remove that term.  If a license document contains\na further restriction but permits relicensing or conveying under this\nLicense, you may add to a covered work material governed by the terms\nof that license document, provided that the further restriction does\nnot survive such relicensing or conveying.\n\n  If you add terms to a covered work in accord with this section, you\nmust place, in the relevant source files, a statement of the\nadditional terms that apply to those files, or a notice indicating\nwhere to find the applicable terms.\n\n  Additional terms, permissive or non-permissive, may be stated in the\nform of a separately written license, or stated as exceptions;\nthe above requirements apply either way.\n\n  8. Termination.\n\n  You may not propagate or modify a covered work except as expressly\nprovided under this License.  Any attempt otherwise to propagate or\nmodify it is void, and will automatically terminate your rights under\nthis License (including any patent licenses granted under the third\nparagraph of section 11).\n\n  However, if you cease all violation of this License, then your\nlicense from a particular copyright holder is reinstated (a)\nprovisionally, unless and until the copyright holder explicitly and\nfinally terminates your license, and (b) permanently, if the copyright\nholder fails to notify you of the violation by some reasonable means\nprior to 60 days after the cessation.\n\n  Moreover, your license from a particular copyright holder is\nreinstated permanently if the copyright holder notifies you of the\nviolation by some reasonable means, this is the first time you have\nreceived notice of violation of this License (for any work) from that\ncopyright holder, and you cure the violation prior to 30 days after\nyour receipt of the notice.\n\n  Termination of your rights under this section does not terminate the\nlicenses of parties who have received copies or rights from you under\nthis License.  If your rights have been terminated and not permanently\nreinstated, you do not qualify to receive new licenses for the same\nmaterial under section 10.\n\n  9. Acceptance Not Required for Having Copies.\n\n  You are not required to accept this License in order to receive or\nrun a copy of the Program.  Ancillary propagation of a covered work\noccurring solely as a consequence of using peer-to-peer transmission\nto receive a copy likewise does not require acceptance.  However,\nnothing other than this License grants you permission to propagate or\nmodify any covered work.  These actions infringe copyright if you do\nnot accept this License.  Therefore, by modifying or propagating a\ncovered work, you indicate your acceptance of this License to do so.\n\n  10. Automatic Licensing of Downstream Recipients.\n\n  Each time you convey a covered work, the recipient automatically\nreceives a license from the original licensors, to run, modify and\npropagate that work, subject to this License.  You are not responsible\nfor enforcing compliance by third parties with this License.\n\n  An "entity transaction" is a transaction transferring control of an\norganization, or substantially all assets of one, or subdividing an\norganization, or merging organizations.  If propagation of a covered\nwork results from an entity transaction, each party to that\ntransaction who receives a copy of the work also receives whatever\nlicenses to the work the party\'s predecessor in interest had or could\ngive under the previous paragraph, plus a right to possession of the\nCorresponding Source of the work from the predecessor in interest, if\nthe predecessor has it or can get it with reasonable efforts.\n\n  You may not impose any further restrictions on the exercise of the\nrights granted or affirmed under this License.  For example, you may\nnot impose a license fee, royalty, or other charge for exercise of\nrights granted under this License, and you may not initiate litigation\n(including a cross-claim or counterclaim in a lawsuit) alleging that\nany patent claim is infringed by making, using, selling, offering for\nsale, or importing the Program or any portion of it.\n\n  11. Patents.\n\n  A "contributor" is a copyright holder who authorizes use under this\nLicense of the Program or a work on which the Program is based.  The\nwork thus licensed is called the contributor\'s "contributor version".\n\n  A contributor\'s "essential patent claims" are all patent claims\nowned or controlled by the contributor, whether already acquired or\nhereafter acquired, that would be infringed by some manner, permitted\nby this License, of making, using, or selling its contributor version,\nbut do not include claims that would be infringed only as a\nconsequence of further modification of the contributor version.  For\npurposes of this definition, "control" includes the right to grant\npatent sublicenses in a manner consistent with the requirements of\nthis License.\n\n  Each contributor grants you a non-exclusive, worldwide, royalty-free\npatent license under the contributor\'s essential patent claims, to\nmake, use, sell, offer for sale, import and otherwise run, modify and\npropagate the contents of its contributor version.\n\n  In the following three paragraphs, a "patent license" is any express\nagreement or commitment, however denominated, not to enforce a patent\n(such as an express permission to practice a patent or covenant not to\nsue for patent infringement).  To "grant" such a patent license to a\nparty means to make such an agreement or commitment not to enforce a\npatent against the party.\n\n  If you convey a covered work, knowingly relying on a patent license,\nand the Corresponding Source of the work is not available for anyone\nto copy, free of charge and under the terms of this License, through a\npublicly available network server or other readily accessible means,\nthen you must either (1) cause the Corresponding Source to be so\navailable, or (2) arrange to deprive yourself of the benefit of the\npatent license for this particular work, or (3) arrange, in a manner\nconsistent with the requirements of this License, to extend the patent\nlicense to downstream recipients.  "Knowingly relying" means you have\nactual knowledge that, but for the patent license, your conveying the\ncovered work in a country, or your recipient\'s use of the covered work\nin a country, would infringe one or more identifiable patents in that\ncountry that you have reason to believe are valid.\n\n  If, pursuant to or in connection with a single transaction or\narrangement, you convey, or propagate by procuring conveyance of, a\ncovered work, and grant a patent license to some of the parties\nreceiving the covered work authorizing them to use, propagate, modify\nor convey a specific copy of the covered work, then the patent license\nyou grant is automatically extended to all recipients of the covered\nwork and works based on it.\n\n  A patent license is "discriminatory" if it does not include within\nthe scope of its coverage, prohibits the exercise of, or is\nconditioned on the non-exercise of one or more of the rights that are\nspecifically granted under this License.  You may not convey a covered\nwork if you are a party to an arrangement with a third party that is\nin the business of distributing software, under which you make payment\nto the third party based on the extent of your activity of conveying\nthe work, and under which the third party grants, to any of the\nparties who would receive the covered work from you, a discriminatory\npatent license (a) in connection with copies of the covered work\nconveyed by you (or copies made from those copies), or (b) primarily\nfor and in connection with specific products or compilations that\ncontain the covered work, unless you entered into that arrangement,\nor that patent license was granted, prior to 28 March 2007.\n\n  Nothing in this License shall be construed as excluding or limiting\nany implied license or other defenses to infringement that may\notherwise be available to you under applicable patent law.\n\n  12. No Surrender of Others\' Freedom.\n\n  If conditions are imposed on you (whether by court order, agreement or\notherwise) that contradict the conditions of this License, they do not\nexcuse you from the conditions of this License.  If you cannot convey a\ncovered work so as to satisfy simultaneously your obligations under this\nLicense and any other pertinent obligations, then as a consequence you may\nnot convey it at all.  For example, if you agree to terms that obligate you\nto collect a royalty for further conveying from those to whom you convey\nthe Program, the only way you could satisfy both those terms and this\nLicense would be to refrain entirely from conveying the Program.\n\n  13. Use with the GNU Affero General Public License.\n\n  Notwithstanding any other provision of this License, you have\npermission to link or combine any covered work with a work licensed\nunder version 3 of the GNU Affero General Public License into a single\ncombined work, and to convey the resulting work.  The terms of this\nLicense will continue to apply to the part which is the covered work,\nbut the special requirements of the GNU Affero General Public License,\nsection 13, concerning interaction through a network will apply to the\ncombination as such.\n\n  14. Revised Versions of this License.\n\n  The Free Software Foundation may publish revised and/or new versions of\nthe GNU General Public License from time to time.  Such new versions will\nbe similar in spirit to the present version, but may differ in detail to\naddress new problems or concerns.\n\n  Each version is given a distinguishing version number.  If the\nProgram specifies that a certain numbered version of the GNU General\nPublic License "or any later version" applies to it, you have the\noption of following the terms and conditions either of that numbered\nversion or of any later version published by the Free Software\nFoundation.  If the Program does not specify a version number of the\nGNU General Public License, you may choose any version ever published\nby the Free Software Foundation.\n\n  If the Program specifies that a proxy can decide which future\nversions of the GNU General Public License can be used, that proxy\'s\npublic statement of acceptance of a version permanently authorizes you\nto choose that version for the Program.\n\n  Later license versions may give you additional or different\npermissions.  However, no additional obligations are imposed on any\nauthor or copyright holder as a result of your choosing to follow a\nlater version.\n\n  15. Disclaimer of Warranty.\n\n  THERE IS NO WARRANTY FOR THE PROGRAM, TO THE EXTENT PERMITTED BY\nAPPLICABLE LAW.  EXCEPT WHEN OTHERWISE STATED IN WRITING THE COPYRIGHT\nHOLDERS AND/OR OTHER PARTIES PROVIDE THE PROGRAM "AS IS" WITHOUT WARRANTY\nOF ANY KIND, EITHER EXPRESSED OR IMPLIED, INCLUDING, BUT NOT LIMITED TO,\nTHE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR\nPURPOSE.  THE ENTIRE RISK AS TO THE QUALITY AND PERFORMANCE OF THE PROGRAM\nIS WITH YOU.  SHOULD THE PROGRAM PROVE DEFECTIVE, YOU ASSUME THE COST OF\nALL NECESSARY SERVICING, REPAIR OR CORRECTION.\n\n  16. Limitation of Liability.\n\n  IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN WRITING\nWILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MODIFIES AND/OR CONVEYS\nTHE PROGRAM AS PERMITTED ABOVE, BE LIABLE TO YOU FOR DAMAGES, INCLUDING ANY\nGENERAL, SPECIAL, INCIDENTAL OR CONSEQUENTIAL DAMAGES ARISING OUT OF THE\nUSE OR INABILITY TO USE THE PROGRAM (INCLUDING BUT NOT LIMITED TO LOSS OF\nDATA OR DATA BEING RENDERED INACCURATE OR LOSSES SUSTAINED BY YOU OR THIRD\nPARTIES OR A FAILURE OF THE PROGRAM TO OPERATE WITH ANY OTHER PROGRAMS),\nEVEN IF SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE POSSIBILITY OF\nSUCH DAMAGES.\n\n  17. Interpretation of Sections 15 and 16.\n\n  If the disclaimer of warranty and limitation of liability provided\nabove cannot be given local legal effect according to their terms,\nreviewing courts shall apply local law that most closely approximates\nan absolute waiver of all civil liability in connection with the\nProgram, unless a warranty or assumption of liability accompanies a\ncopy of the Program in return for a fee.\n\n                     END OF TERMS AND CONDITIONS\n\n            How to Apply These Terms to Your New Programs\n\n  If you develop a new program, and you want it to be of the greatest\npossible use to the public, the best way to achieve this is to make it\nfree software which everyone can redistribute and change under these terms.\n\n  To do so, attach the following notices to the program.  It is safest\nto attach them to the start of each source file to most effectively\nstate the exclusion of warranty; and each file should have at least\nthe "copyright" line and a pointer to where the full notice is found.\n\n    EmulatorJS: RetroArch on the web\n    Copyright (C) 2023  Ethan O\'Brien\n\n    This program is free software: you can redistribute it and/or modify\n    it under the terms of the GNU General Public License as published by\n    the Free Software Foundation, either version 3 of the License, or\n    (at your option) any later version.\n\n    This program is distributed in the hope that it will be useful,\n    but WITHOUT ANY WARRANTY; without even the implied warranty of\n    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n    GNU General Public License for more details.\n\n    You should have received a copy of the GNU General Public License\n    along with this program.  If not, see <https://www.gnu.org/licenses/>.\n\nAlso add information on how to contact you by electronic and paper mail.\n\n  If the program does terminal interaction, make it output a short\nnotice like this when it starts in an interactive mode:\n\n    EmulatorJS  Copyright (C) 2023  Ethan O\'Brien\n    This program comes with ABSOLUTELY NO WARRANTY; for details type `show w\'.\n    This is free software, and you are welcome to redistribute it\n    under certain conditions; type `show c\' for details.\n\nThe hypothetical commands `show w\' and `show c\' should show the appropriate\nparts of the General Public License.  Of course, your program\'s commands\nmight be different; for a GUI interface, you would use an "about box".\n\n  You should also get your employer (if you work as a programmer) or school,\nif any, to sign a "copyright disclaimer" for the program, if necessary.\nFor more information on this, and how to apply and follow the GNU GPL, see\n<https://www.gnu.org/licenses/>.\n\n  The GNU General Public License does not permit incorporating your program\ninto proprietary programs.  If your program is a subroutine library, you\nmay consider it more useful to permit linking proprietary applications with\nthe library.  If this is what you want to do, use the GNU Lesser General\nPublic License instead of this License.  But first, please read\n<https://www.gnu.org/licenses/why-not-lgpl.html>.\n';
+
+            license.innerText = '                    GNU GENERAL PUBLIC LICENSE\n                       Version 3, 29 June 2007\n\n Copyright (C) 2007 Free Software Foundation, Inc. <https://fsf.org/>\n Everyone is permitted to copy and distribute verbatim copies\n of this license document, but changing it is not allowed.\n\n                            Preamble\n\n  The GNU General Public License is a free, copyleft license for\nsoftware and other kinds of works.\n\n  The licenses for most software and other practical works are designed\nto take away your freedom to share and change the works.  By contrast,\nthe GNU General Public License is intended to guarantee your freedom to\nshare and change all versions of a program--to make sure it remains free\nsoftware for all its users.  We, the Free Software Foundation, use the\nGNU General Public License for most of our software; it applies also to\nany other work released this way by its authors.  You can apply it to\nyour programs, too.\n\n  When we speak of free software, we are referring to freedom, not\nprice.  Our General Public Licenses are designed to make sure that you\nhave the freedom to distribute copies of free software (and charge for\nthem if you wish), that you receive source code or can get it if you\nwant it, that you can change the software or use pieces of it in new\nfree programs, and that you know you can do these things.\n\n  To protect your rights, we need to prevent others from denying you\nthese rights or asking you to surrender the rights.  Therefore, you have\ncertain responsibilities if you distribute copies of the software, or if\nyou modify it: responsibilities to respect the freedom of others.\n\n  For example, if you distribute copies of such a program, whether\ngratis or for a fee, you must pass on to the recipients the same\nfreedoms that you received.  You must make sure that they, too, receive\nor can get the source code.  And you must show them these terms so they\nknow their rights.\n\n  Developers that use the GNU GPL protect your rights with two steps:\n(1) assert copyright on the software, and (2) offer you this License\ngiving you legal permission to copy, distribute and/or modify it.\n\n  For the developers\' and authors\' protection, the GPL clearly explains\nthat there is no warranty for this free software.  For both users\' and\nauthors\' sake, the GPL requires that modified versions be marked as\nchanged, so that their problems will not be attributed erroneously to\nauthors of previous versions.\n\n  Some devices are designed to deny users access to install or run\nmodified versions of the software inside them, although the manufacturer\ncan do so.  This is fundamentally incompatible with the aim of\nprotecting users\' freedom to change the software.  The systematic\npattern of such abuse occurs in the area of products for individuals to\nuse, which is precisely where it is most unacceptable.  Therefore, we\nhave designed this version of the GPL to prohibit the practice for those\nproducts.  If such problems arise substantially in other domains, we\nstand ready to extend this provision to those domains in future versions\nof the GPL, as needed to protect the freedom of users.\n\n  Finally, every program is threatened constantly by software patents.\nStates should not allow patents to restrict development and use of\nsoftware on general-purpose computers, but in those that do, we wish to\navoid the special danger that patents applied to a free program could\nmake it effectively proprietary.  To prevent this, the GPL assures that\npatents cannot be used to render the program non-free.\n\n  The precise terms and conditions for copying, distribution and\nmodification follow.\n\n                       TERMS AND CONDITIONS\n\n  0. Definitions.\n\n  "This License" refers to version 3 of the GNU General Public License.\n\n  "Copyright" also means copyright-like laws that apply to other kinds of\nworks, such as semiconductor masks.\n\n  "The Program" refers to any copyrightable work licensed under this\nLicense.  Each licensee is addressed as "you".  "Licensees" and\n"recipients" may be individuals or organizations.\n\n  To "modify" a work means to copy from or adapt all or part of the work\nin a fashion requiring copyright permission, other than the making of an\nexact copy.  The resulting work is called a "modified version" of the\nearlier work or a work "based on" the earlier work.\n\n  A "covered work" means either the unmodified Program or a work based\non the Program.\n\n  To "propagate" a work means to do anything with it that, without\npermission, would make you directly or secondarily liable for\ninfringement under applicable copyright law, except executing it on a\ncomputer or modifying a private copy.  Propagation includes copying,\ndistribution (with or without modification), making available to the\npublic, and in some countries other activities as well.\n\n  To "convey" a work means any kind of propagation that enables other\nparties to make or receive copies.  Mere interaction with a user through\na computer network, with no transfer of a copy, is not conveying.\n\n  An interactive user interface displays "Appropriate Legal Notices"\nto the extent that it includes a convenient and prominently visible\nfeature that (1) displays an appropriate copyright notice, and (2)\ntells the user that there is no warranty for the work (except to the\nextent that warranties are provided), that licensees may convey the\nwork under this License, and how to view a copy of this License.  If\nthe interface presents a list of user commands or options, such as a\nmenu, a prominent item in the list meets this criterion.\n\n  1. Source Code.\n\n  The "source code" for a work means the preferred form of the work\nfor making modifications to it.  "Object code" means any non-source\nform of a work.\n\n  A "Standard Interface" means an interface that either is an official\nstandard defined by a recognized standards body, or, in the case of\ninterfaces specified for a particular programming language, one that\nis widely used among developers working in that language.\n\n  The "System Libraries" of an executable work include anything, other\nthan the work as a whole, that (a) is included in the normal form of\npackaging a Major Component, but which is not part of that Major\nComponent, and (b) serves only to enable use of the work with that\nMajor Component, or to implement a Standard Interface for which an\nimplementation is available to the public in source code form.  A\n"Major Component", in this context, means a major essential component\n(kernel, window system, and so on) of the specific operating system\n(if any) on which the executable work runs, or a compiler used to\nproduce the work, or an object code interpreter used to run it.\n\n  The "Corresponding Source" for a work in object code form means all\nthe source code needed to generate, install, and (for an executable\nwork) run the object code and to modify the work, including scripts to\ncontrol those activities.  However, it does not include the work\'s\nSystem Libraries, or general-purpose tools or generally available free\nprograms which are used unmodified in performing those activities but\nwhich are not part of the work.  For example, Corresponding Source\nincludes interface definition files associated with source files for\nthe work, and the source code for shared libraries and dynamically\nlinked subprograms that the work is specifically designed to require,\nsuch as by intimate data communication or control flow between those\nsubprograms and other parts of the work.\n\n  The Corresponding Source need not include anything that users\ncan regenerate automatically from other parts of the Corresponding\nSource.\n\n  The Corresponding Source for a work in source code form is that\nsame work.\n\n  2. Basic Permissions.\n\n  All rights granted under this License are granted for the term of\ncopyright on the Program, and are irrevocable provided the stated\nconditions are met.  This License explicitly affirms your unlimited\npermission to run the unmodified Program.  The output from running a\ncovered work is covered by this License only if the output, given its\ncontent, constitutes a covered work.  This License acknowledges your\nrights of fair use or other equivalent, as provided by copyright law.\n\n  You may make, run and propagate covered works that you do not\nconvey, without conditions so long as your license otherwise remains\nin force.  You may convey covered works to others for the sole purpose\nof having them make modifications exclusively for you, or provide you\nwith facilities for running those works, provided that you comply with\nthe terms of this License in conveying all material for which you do\nnot control copyright.  Those thus making or running the covered works\nfor you must do so exclusively on your behalf, under your direction\nand control, on terms that prohibit them from making any copies of\nyour copyrighted material outside their relationship with you.\n\n  Conveying under any other circumstances is permitted solely under\nthe conditions stated below.  Sublicensing is not allowed; section 10\nmakes it unnecessary.\n\n  3. Protecting Users\' Legal Rights From Anti-Circumvention Law.\n\n  No covered work shall be deemed part of an effective technological\nmeasure under any applicable law fulfilling obligations under article\n11 of the WIPO copyright treaty adopted on 20 December 1996, or\nsimilar laws prohibiting or restricting circumvention of such\nmeasures.\n\n  When you convey a covered work, you waive any legal power to forbid\ncircumvention of technological measures to the extent such circumvention\nis effected by exercising rights under this License with respect to\nthe covered work, and you disclaim any intention to limit operation or\nmodification of the work as a means of enforcing, against the work\'s\nusers, your or third parties\' legal rights to forbid circumvention of\ntechnological measures.\n\n  4. Conveying Verbatim Copies.\n\n  You may convey verbatim copies of the Program\'s source code as you\nreceive it, in any medium, provided that you conspicuously and\nappropriately publish on each copy an appropriate copyright notice;\nkeep intact all notices stating that this License and any\nnon-permissive terms added in accord with section 7 apply to the code;\nkeep intact all notices of the absence of any warranty; and give all\nrecipients a copy of this License along with the Program.\n\n  You may charge any price or no price for each copy that you convey,\nand you may offer support or warranty protection for a fee.\n\n  5. Conveying Modified Source Versions.\n\n  You may convey a work based on the Program, or the modifications to\nproduce it from the Program, in the form of source code under the\nterms of section 4, provided that you also meet all of these conditions:\n\n    a) The work must carry prominent notices stating that you modified\n    it, and giving a relevant date.\n\n    b) The work must carry prominent notices stating that it is\n    released under this License and any conditions added under section\n    7.  This requirement modifies the requirement in section 4 to\n    "keep intact all notices".\n\n    c) You must license the entire work, as a whole, under this\n    License to anyone who comes into possession of a copy.  This\n    License will therefore apply, along with any applicable section 7\n    additional terms, to the whole of the work, and all its parts,\n    regardless of how they are packaged.  This License gives no\n    permission to license the work in any other way, but it does not\n    invalidate such permission if you have separately received it.\n\n    d) If the work has interactive user interfaces, each must display\n    Appropriate Legal Notices; however, if the Program has interactive\n    interfaces that do not display Appropriate Legal Notices, your\n    work need not make them do so.\n\n  A compilation of a covered work with other separate and independent\nworks, which are not by their nature extensions of the covered work,\nand which are not combined with it such as to form a larger program,\nin or on a volume of a storage or distribution medium, is called an\n"aggregate" if the compilation and its resulting copyright are not\nused to limit the access or legal rights of the compilation\'s users\nbeyond what the individual works permit.  Inclusion of a covered work\nin an aggregate does not cause this License to apply to the other\nparts of the aggregate.\n\n  6. Conveying Non-Source Forms.\n\n  You may convey a covered work in object code form under the terms\nof sections 4 and 5, provided that you also convey the\nmachine-readable Corresponding Source under the terms of this License,\nin one of these ways:\n\n    a) Convey the object code in, or embodied in, a physical product\n    (including a physical distribution medium), accompanied by the\n    Corresponding Source fixed on a durable physical medium\n    customarily used for software interchange.\n\n    b) Convey the object code in, or embodied in, a physical product\n    (including a physical distribution medium), accompanied by a\n    written offer, valid for at least three years and valid for as\n    long as you offer spare parts or customer support for that product\n    model, to give anyone who possesses the object code either (1) a\n    copy of the Corresponding Source for all the software in the\n    product that is covered by this License, on a durable physical\n    medium customarily used for software interchange, for a price no\n    more than your reasonable cost of physically performing this\n    conveying of source, or (2) access to copy the\n    Corresponding Source from a network server at no charge.\n\n    c) Convey individual copies of the object code with a copy of the\n    written offer to provide the Corresponding Source.  This\n    alternative is allowed only occasionally and noncommercially, and\n    only if you received the object code with such an offer, in accord\n    with subsection 6b.\n\n    d) Convey the object code by offering access from a designated\n    place (gratis or for a charge), and offer equivalent access to the\n    Corresponding Source in the same way through the same place at no\n    further charge.  You need not require recipients to copy the\n    Corresponding Source along with the object code.  If the place to\n    copy the object code is a network server, the Corresponding Source\n    may be on a different server (operated by you or a third party)\n    that supports equivalent copying facilities, provided you maintain\n    clear directions next to the object code saying where to find the\n    Corresponding Source.  Regardless of what server hosts the\n    Corresponding Source, you remain obligated to ensure that it is\n    available for as long as needed to satisfy these requirements.\n\n    e) Convey the object code using peer-to-peer transmission, provided\n    you inform other peers where the object code and Corresponding\n    Source of the work are being offered to the general public at no\n    charge under subsection 6d.\n\n  A separable portion of the object code, whose source code is excluded\nfrom the Corresponding Source as a System Library, need not be\nincluded in conveying the object code work.\n\n  A "User Product" is either (1) a "consumer product", which means any\ntangible personal property which is normally used for personal, family,\nor household purposes, or (2) anything designed or sold for incorporation\ninto a dwelling.  In determining whether a product is a consumer product,\ndoubtful cases shall be resolved in favor of coverage.  For a particular\nproduct received by a particular user, "normally used" refers to a\ntypical or common use of that class of product, regardless of the status\nof the particular user or of the way in which the particular user\nactually uses, or expects or is expected to use, the product.  A product\nis a consumer product regardless of whether the product has substantial\ncommercial, industrial or non-consumer uses, unless such uses represent\nthe only significant mode of use of the product.\n\n  "Installation Information" for a User Product means any methods,\nprocedures, authorization keys, or other information required to install\nand execute modified versions of a covered work in that User Product from\na modified version of its Corresponding Source.  The information must\nsuffice to ensure that the continued functioning of the modified object\ncode is in no case prevented or interfered with solely because\nmodification has been made.\n\n  If you convey an object code work under this section in, or with, or\nspecifically for use in, a User Product, and the conveying occurs as\npart of a transaction in which the right of possession and use of the\nUser Product is transferred to the recipient in perpetuity or for a\nfixed term (regardless of how the transaction is characterized), the\nCorresponding Source conveyed under this section must be accompanied\nby the Installation Information.  But this requirement does not apply\nif neither you nor any third party retains the ability to install\nmodified object code on the User Product (for example, the work has\nbeen installed in ROM).\n\n  The requirement to provide Installation Information does not include a\nrequirement to continue to provide support service, warranty, or updates\nfor a work that has been modified or installed by the recipient, or for\nthe User Product in which it has been modified or installed.  Access to a\nnetwork may be denied when the modification itself materially and\nadversely affects the operation of the network or violates the rules and\nprotocols for communication across the network.\n\n  Corresponding Source conveyed, and Installation Information provided,\nin accord with this section must be in a format that is publicly\ndocumented (and with an implementation available to the public in\nsource code form), and must require no special password or key for\nunpacking, reading or copying.\n\n  7. Additional Terms.\n\n  "Additional permissions" are terms that supplement the terms of this\nLicense by making exceptions from one or more of its conditions.\nAdditional permissions that are applicable to the entire Program shall\nbe treated as though they were included in this License, to the extent\nthat they are valid under applicable law.  If additional permissions\napply only to part of the Program, that part may be used separately\nunder those permissions, but the entire Program remains governed by\nthis License without regard to the additional permissions.\n\n  When you convey a copy of a covered work, you may at your option\nremove any additional permissions from that copy, or from any part of\nit.  (Additional permissions may be written to require their own\nremoval in certain cases when you modify the work.)  You may place\nadditional permissions on material, added by you to a covered work,\nfor which you have or can give appropriate copyright permission.\n\n  Notwithstanding any other provision of this License, for material you\nadd to a covered work, you may (if authorized by the copyright holders of\nthat material) supplement the terms of this License with terms:\n\n    a) Disclaiming warranty or limiting liability differently from the\n    terms of sections 15 and 16 of this License; or\n\n    b) Requiring preservation of specified reasonable legal notices or\n    author attributions in that material or in the Appropriate Legal\n    Notices displayed by works containing it; or\n\n    c) Prohibiting misrepresentation of the origin of that material, or\n    requiring that modified versions of such material be marked in\n    reasonable ways as different from the original version; or\n\n    d) Limiting the use for publicity purposes of names of licensors or\n    authors of the material; or\n\n    e) Declining to grant rights under trademark law for use of some\n    trade names, trademarks, or service marks; or\n\n    f) Requiring indemnification of licensors and authors of that\n    material by anyone who conveys the material (or modified versions of\n    it) with contractual assumptions of liability to the recipient, for\n    any liability that these contractual assumptions directly impose on\n    those licensors and authors.\n\n  All other non-permissive additional terms are considered "further\nrestrictions" within the meaning of section 10.  If the Program as you\nreceived it, or any part of it, contains a notice stating that it is\ngoverned by this License along with a term that is a further\nrestriction, you may remove that term.  If a license document contains\na further restriction but permits relicensing or conveying under this\nLicense, you may add to a covered work material governed by the terms\nof that license document, provided that the further restriction does\nnot survive such relicensing or conveying.\n\n  If you add terms to a covered work in accord with this section, you\nmust place, in the relevant source files, a statement of the\nadditional terms that apply to those files, or a notice indicating\nwhere to find the applicable terms.\n\n  Additional terms, permissive or non-permissive, may be stated in the\nform of a separately written license, or stated as exceptions;\nthe above requirements apply either way.\n\n  8. Termination.\n\n  You may not propagate or modify a covered work except as expressly\nprovided under this License.  Any attempt otherwise to propagate or\nmodify it is void, and will automatically terminate your rights under\nthis License (including any patent licenses granted under the third\nparagraph of section 11).\n\n  However, if you cease all violation of this License, then your\nlicense from a particular copyright holder is reinstated (a)\nprovisionally, unless and until the copyright holder explicitly and\nfinally terminates your license, and (b) permanently, if the copyright\nholder fails to notify you of the violation by some reasonable means\nprior to 60 days after the cessation.\n\n  Moreover, your license from a particular copyright holder is\nreinstated permanently if the copyright holder notifies you of the\nviolation by some reasonable means, this is the first time you have\nreceived notice of violation of this License (for any work) from that\ncopyright holder, and you cure the violation prior to 30 days after\nyour receipt of the notice.\n\n  Termination of your rights under this section does not terminate the\nlicenses of parties who have received copies or rights from you under\nthis License.  If your rights have been terminated and not permanently\nreinstated, you do not qualify to receive new licenses for the same\nmaterial under section 10.\n\n  9. Acceptance Not Required for Having Copies.\n\n  You are not required to accept this License in order to receive or\nrun a copy of the Program.  Ancillary propagation of a covered work\noccurring solely as a consequence of using peer-to-peer transmission\nto receive a copy likewise does not require acceptance.  However,\nnothing other than this License grants you permission to propagate or\nmodify any covered work.  These actions infringe copyright if you do\nnot accept this License.  Therefore, by modifying or propagating a\ncovered work, you indicate your acceptance of this License to do so.\n\n  10. Automatic Licensing of Downstream Recipients.\n\n  Each time you convey a covered work, the recipient automatically\nreceives a license from the original licensors, to run, modify and\npropagate that work, subject to this License.  You are not responsible\nfor enforcing compliance by third parties with this License.\n\n  An "entity transaction" is a transaction transferring control of an\norganization, or substantially all assets of one, or subdividing an\norganization, or merging organizations.  If propagation of a covered\nwork results from an entity transaction, each party to that\ntransaction who receives a copy of the work also receives whatever\nlicenses to the work the party\'s predecessor in interest had or could\ngive under the previous paragraph, plus a right to possession of the\nCorresponding Source of the work from the predecessor in interest, if\nthe predecessor has it or can get it with reasonable efforts.\n\n  You may not impose any further restrictions on the exercise of the\nrights granted or affirmed under this License.  For example, you may\nnot impose a license fee, royalty, or other charge for exercise of\nrights granted under this License, and you may not initiate litigation\n(including a cross-claim or counterclaim in a lawsuit) alleging that\nany patent claim is infringed by making, using, selling, offering for\nsale, or importing the Program or any portion of it.\n\n  11. Patents.\n\n  A "contributor" is a copyright holder who authorizes use under this\nLicense of the Program or a work on which the Program is based.  The\nwork thus licensed is called the contributor\'s "contributor version".\n\n  A contributor\'s "essential patent claims" are all patent claims\nowned or controlled by the contributor, whether already acquired or\nhereafter acquired, that would be infringed by some manner, permitted\nby this License, of making, using, or selling its contributor version,\nbut do not include claims that would be infringed only as a\nconsequence of further modification of the contributor version.  For\npurposes of this definition, "control" includes the right to grant\npatent sublicenses in a manner consistent with the requirements of\nthis License.\n\n  Each contributor grants you a non-exclusive, worldwide, royalty-free\npatent license under the contributor\'s essential patent claims, to\nmake, use, sell, offer for sale, import and otherwise run, modify and\npropagate the contents of its contributor version.\n\n  In the following three paragraphs, a "patent license" is any express\nagreement or commitment, however denominated, not to enforce a patent\n(such as an express permission to practice a patent or covenant not to\nsue for patent infringement).  To "grant" such a patent license to a\nparty means to make such an agreement or commitment not to enforce a\npatent against the party.\n\n  If you convey a covered work, knowingly relying on a patent license,\nand the Corresponding Source of the work is not available for anyone\nto copy, free of charge and under the terms of this License, through a\npublicly available network server or other readily accessible means,\nthen you must either (1) cause the Corresponding Source to be so\navailable, or (2) arrange to deprive yourself of the benefit of the\npatent license for this particular work, or (3) arrange, in a manner\nconsistent with the requirements of this License, to extend the patent\nlicense to downstream recipients.  "Knowingly relying" means you have\nactual knowledge that, but for the patent license, your conveying the\ncovered work in a country, or your recipient\'s use of the covered work\nin a country, would infringe one or more identifiable patents in that\ncountry that you have reason to believe are valid.\n\n  If, pursuant to or in connection with a single transaction or\narrangement, you convey, or propagate by procuring conveyance of, a\ncovered work, and grant a patent license to some of the parties\nreceiving the covered work authorizing them to use, propagate, modify\nor convey a specific copy of the covered work, then the patent license\nyou grant is automatically extended to all recipients of the covered\nwork and works based on it.\n\n  A patent license is "discriminatory" if it does not include within\nthe scope of its coverage, prohibits the exercise of, or is\nconditioned on the non-exercise of one or more of the rights that are\nspecifically granted under this License.  You may not convey a covered\nwork if you are a party to an arrangement with a third party that is\nin the business of distributing software, under which you make payment\nto the third party based on the extent of your activity of conveying\nthe work, and under which the third party grants, to any of the\nparties who would receive the covered work from you, a discriminatory\npatent license (a) in connection with copies of the covered work\nconveyed by you (or copies made from those copies), or (b) primarily\nfor and in connection with specific products or compilations that\ncontain the covered work, unless you entered into that arrangement,\nor that patent license was granted, prior to 28 March 2007.\n\n  Nothing in this License shall be construed as excluding or limiting\nany implied license or other defenses to infringement that may\notherwise be available to you under applicable patent law.\n\n  12. No Surrender of Others\' Freedom.\n\n  If conditions are imposed on you (whether by court order, agreement or\notherwise) that contradict the conditions of this License, they do not\nexcuse you from the conditions of this License.  If you cannot convey a\ncovered work so as to satisfy simultaneously your obligations under this\nLicense and any other pertinent obligations, then as a consequence you may\nnot convey it at all.  For example, if you agree to terms that obligate you\nto collect a royalty for further conveying from those to whom you convey\nthe Program, the only way you could satisfy both those terms and this\nLicense would be to refrain entirely from conveying the Program.\n\n  13. Use with the GNU Affero General Public License.\n\n  Notwithstanding any other provision of this License, you have\npermission to link or combine any covered work with a work licensed\nunder version 3 of the GNU Affero General Public License into a single\ncombined work, and to convey the resulting work.  The terms of this\nLicense will continue to apply to the part which is the covered work,\nbut the special requirements of the GNU Affero General Public License,\nsection 13, concerning interaction through a network will apply to the\ncombination as such.\n\n  14. Revised Versions of this License.\n\n  The Free Software Foundation may publish revised and/or new versions of\nthe GNU General Public License from time to time.  Such new versions will\nbe similar in spirit to the present version, but may differ in detail to\naddress new problems or concerns.\n\n  Each version is given a distinguishing version number.  If the\nProgram specifies that a certain numbered version of the GNU General\nPublic License "or any later version" applies to it, you have the\noption of following the terms and conditions either of that numbered\nversion or of any later version published by the Free Software\nFoundation.  If the Program does not specify a version number of the\nGNU General Public License, you may choose any version ever published\nby the Free Software Foundation.\n\n  If the Program specifies that a proxy can decide which future\nversions of the GNU General Public License can be used, that proxy\'s\npublic statement of acceptance of a version permanently authorizes you\nto choose that version for the Program.\n\n  Later license versions may give you additional or different\npermissions.  However, no additional obligations are imposed on any\nauthor or copyright holder as a result of your choosing to follow a\nlater version.\n\n  15. Disclaimer of Warranty.\n\n  THERE IS NO WARRANTY FOR THE PROGRAM, TO THE EXTENT PERMITTED BY\nAPPLICABLE LAW.  EXCEPT WHEN OTHERWISE STATED IN WRITING THE COPYRIGHT\nHOLDERS AND/OR OTHER PARTIES PROVIDE THE PROGRAM "AS IS" WITHOUT WARRANTY\nOF ANY KIND, EITHER EXPRESSED OR IMPLIED, INCLUDING, BUT NOT LIMITED TO,\nTHE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR\nPURPOSE.  THE ENTIRE RISK AS TO THE QUALITY AND PERFORMANCE OF THE PROGRAM\nIS WITH YOU.  SHOULD THE PROGRAM PROVE DEFECTIVE, YOU ASSUME THE COST OF\nALL NECESSARY SERVICING, REPAIR OR CORRECTION.\n\n  16. Limitation of Liability.\n\n  IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN WRITING\nWILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MODIFIES AND/OR CONVEYS\nTHE PROGRAM AS PERMITTED ABOVE, BE LIABLE TO YOU FOR DAMAGES, INCLUDING ANY\nGENERAL, SPECIAL, INCIDENTAL OR CONSEQUENTIAL DAMAGES ARISING OUT OF THE\nUSE OR INABILITY TO USE THE PROGRAM (INCLUDING BUT NOT LIMITED TO LOSS OF\nDATA OR DATA BEING RENDERED INACCURATE OR LOSSES SUSTAINED BY YOU OR THIRD\nPARTIES OR A FAILURE OF THE PROGRAM TO OPERATE WITH ANY OTHER PROGRAMS),\nEVEN IF SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE POSSIBILITY OF\nSUCH DAMAGES.\n\n  17. Interpretation of Sections 15 and 16.\n\n  If the disclaimer of warranty and limitation of liability provided\nabove cannot be given local legal effect according to their terms,\nreviewing courts shall apply local law that most closely approximates\nan absolute waiver of all civil liability in connection with the\nProgram, unless a warranty or assumption of liability accompanies a\ncopy of the Program in return for a fee.\n\n                     END OF TERMS AND CONDITIONS\n\n            How to Apply These Terms to Your New Programs\n\n  If you develop a new program, and you want it to be of the greatest\npossible use to the public, the best way to achieve this is to make it\nfree software which everyone can redistribute and change under these terms.\n\n  To do so, attach the following notices to the program.  It is safest\nto attach them to the start of each source file to most effectively\nstate the exclusion of warranty; and each file should have at least\nthe "copyright" line and a pointer to where the full notice is found.\n\n    EmulatorJS: RetroArch on the web\n    Copyright (C) 2022-2024  Ethan O\'Brien\n\n    This program is free software: you can redistribute it and/or modify\n    it under the terms of the GNU General Public License as published by\n    the Free Software Foundation, either version 3 of the License, or\n    (at your option) any later version.\n\n    This program is distributed in the hope that it will be useful,\n    but WITHOUT ANY WARRANTY; without even the implied warranty of\n    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n    GNU General Public License for more details.\n\n    You should have received a copy of the GNU General Public License\n    along with this program.  If not, see <https://www.gnu.org/licenses/>.\n\nAlso add information on how to contact you by electronic and paper mail.\n\n  If the program does terminal interaction, make it output a short\nnotice like this when it starts in an interactive mode:\n\n    EmulatorJS  Copyright (C) 2023-2025  Ethan O\'Brien\n    This program comes with ABSOLUTELY NO WARRANTY; for details type `show w\'.\n    This is free software, and you are welcome to redistribute it\n    under certain conditions; type `show c\' for details.\n\nThe hypothetical commands `show w\' and `show c\' should show the appropriate\nparts of the General Public License.  Of course, your program\'s commands\nmight be different; for a GUI interface, you would use an "about box".\n\n  You should also get your employer (if you work as a programmer) or school,\nif any, to sign a "copyright disclaimer" for the program, if necessary.\nFor more information on this, and how to apply and follow the GNU GPL, see\n<https://www.gnu.org/licenses/>.\n\n  The GNU General Public License does not permit incorporating your program\ninto proprietary programs.  If your program is a subroutine library, you\nmay consider it more useful to permit linking proprietary applications with\nthe library.  If this is what you want to do, use the GNU Lesser General\nPublic License instead of this License.  But first, please read\n<https://www.gnu.org/licenses/why-not-lgpl.html>.\n';
         });
-        
+
         if (this.config.buttonOpts) {
-            if (this.config.buttonOpts.screenshot === false) screenshot.setAttribute("hidden", "");
-            if (this.config.buttonOpts.screenRecord === false) startScreenRecording.setAttribute("hidden", "");
-            if (this.config.buttonOpts.quickSave === false) qSave.setAttribute("hidden", "");
-            if (this.config.buttonOpts.quickLoad === false) qLoad.setAttribute("hidden", "");
+            if (this.config.buttonOpts.screenshot.visible === false) screenshot.setAttribute("hidden", "");
+            if (this.config.buttonOpts.screenRecord.visible === false) startScreenRecording.setAttribute("hidden", "");
+            if (this.config.buttonOpts.quickSave.visible === false) qSave.setAttribute("hidden", "");
+            if (this.config.buttonOpts.quickLoad.visible === false) qLoad.setAttribute("hidden", "");
         }
-        
+
         this.elements.contextmenu.appendChild(parent);
-        
+
         this.elements.parent.appendChild(this.elements.contextmenu);
     }
     closePopup() {
         if (this.currentPopup !== null) {
             try {
                 this.currentPopup.remove();
-            } catch(e){}
+            } catch(e) {}
             this.currentPopup = null;
         }
     }
     //creates a full box popup.
     createPopup(popupTitle, buttons, hidden) {
         if (!hidden) this.closePopup();
-        const popup = this.createElement('div');
+        const popup = this.createElement("div");
         popup.classList.add("ejs_popup_container");
         this.elements.parent.appendChild(popup);
         const title = this.createElement("h4");
         title.innerText = this.localization(popupTitle);
         const main = this.createElement("div");
         main.classList.add("ejs_popup_body");
-        
+
         popup.appendChild(title);
         popup.appendChild(main);
-        
+
         const padding = this.createElement("div");
         padding.style["padding-top"] = "10px";
         popup.appendChild(padding);
-        
+
         for (let k in buttons) {
             const button = this.createElement("a");
             if (buttons[k] instanceof Function) {
@@ -1484,7 +1712,7 @@ class EmulatorJS {
         } else {
             popup.style.display = "none";
         }
-        
+
         return main;
     }
     selectFile() {
@@ -1506,7 +1734,7 @@ class EmulatorJS {
 
         if (first === second) return true;
 
-        if (adown.contains) { 
+        if (adown.contains) {
             return adown.contains(second);
         }
 
@@ -1514,7 +1742,7 @@ class EmulatorJS {
     }
     createBottomMenuBar() {
         this.elements.menu = this.createElement("div");
-        
+
         //prevent weird glitch on some devices
         this.elements.menu.style.opacity = 0;
         this.on("start", (e) => {
@@ -1522,22 +1750,20 @@ class EmulatorJS {
         })
         this.elements.menu.classList.add("ejs_menu_bar");
         this.elements.menu.classList.add("ejs_menu_bar_hidden");
-        
+
         let timeout = null;
         let ignoreEvents = false;
         const hide = () => {
             if (this.paused || this.settingsMenuOpen || this.disksMenuOpen) return;
             this.elements.menu.classList.add("ejs_menu_bar_hidden");
         }
-        
-        this.addEventListener(this.elements.parent, 'mousemove click', (e) => {
-            if (e.pointerType === "touch") return;
-            if (!this.started || ignoreEvents || document.pointerLockElement === this.canvas) return;
-            if (this.isPopupOpen()) return;
+
+        const show = () => {
             clearTimeout(timeout);
             timeout = setTimeout(hide, 3000);
             this.elements.menu.classList.remove("ejs_menu_bar_hidden");
-        })
+        }
+
         this.menu = {
             close: () => {
                 clearTimeout(timeout);
@@ -1555,11 +1781,48 @@ class EmulatorJS {
                 if (this.elements.menu.classList.contains("ejs_menu_bar_hidden")) {
                     timeout = setTimeout(hide, 3000);
                 }
-                this.elements.menu.classList.toggle("ejs_menu_bar_hidden");
+                this.elements.menu.classList.toggle("ejs_menu_bar_hidden");
+            }
+        }
+
+        this.createBottomMenuBarListeners = () => {
+            const clickListener = (e) => {
+                if (e.pointerType === "touch") return;
+                if (!this.started || ignoreEvents || document.pointerLockElement === this.canvas) return;
+                if (this.isPopupOpen()) return;
+                show();
+            }
+            const mouseListener = (e) => {
+                if (!this.started || ignoreEvents || document.pointerLockElement === this.canvas) return;
+                if (this.isPopupOpen()) return;
+                const deltaX = e.movementX;
+                const deltaY = e.movementY;
+                const threshold = this.elements.menu.offsetHeight + 30;
+                const mouseY = e.clientY;
+
+                if (mouseY >= window.innerHeight - threshold) {
+                    show();
+                    return;
+                }
+                let angle = Math.atan2(deltaY, deltaX) * (180 / Math.PI);
+                if (angle < 0) angle += 360;
+                if (angle < 85 || angle > 95) return;
+                show();
             }
+            if (this.menu.mousemoveListener) this.removeEventListener(this.menu.mousemoveListener);
+            
+            if ((this.preGetSetting("menubarBehavior") || "downward") === "downward") {
+                this.menu.mousemoveListener = this.addEventListener(this.elements.parent, "mousemove", mouseListener);
+            } else {
+                this.menu.mousemoveListener = this.addEventListener(this.elements.parent, "mousemove", clickListener);
+            }
+
+            this.addEventListener(this.elements.parent, "click", clickListener);
         }
+        this.createBottomMenuBarListeners();
+
         this.elements.parent.appendChild(this.elements.menu);
-        
+
         let tmout;
         this.addEventListener(this.elements.parent, "mousedown touchstart", (e) => {
             if (this.isChild(this.elements.menu, e.target) || this.isChild(this.elements.menuToggle, e.target)) return;
@@ -1573,22 +1836,21 @@ class EmulatorJS {
             ignoreEvents = true;
             this.menu.close();
         })
-        
-        
+
         let paddingSet = false;
         //Now add buttons
-        const addButton = (title, image, callback, element, both) => {
+        const addButton = (buttonConfig, callback, element, both) => {
             const button = this.createElement("button");
             button.type = "button";
-            const svg = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
+            const svg = document.createElementNS("http://www.w3.org/2000/svg", "svg");
             svg.setAttribute("role", "presentation");
             svg.setAttribute("focusable", "false");
-            svg.innerHTML = image;
+            svg.innerHTML = buttonConfig.icon;
             const text = this.createElement("span");
-            text.innerText = this.localization(title);
+            text.innerText = this.localization(buttonConfig.displayName);
             if (paddingSet) text.classList.add("ejs_menu_text_right");
             text.classList.add("ejs_menu_text");
-            
+
             button.classList.add("ejs_menu_button");
             button.appendChild(svg);
             button.appendChild(text);
@@ -1598,34 +1860,38 @@ class EmulatorJS {
                 this.elements.menu.appendChild(button);
             }
             if (callback instanceof Function) {
-                this.addEventListener(button, 'click', callback);
+                this.addEventListener(button, "click", callback);
+            }
+
+            if (buttonConfig.callback instanceof Function) {
+                this.addEventListener(button, "click", buttonConfig.callback);
             }
             return both ? [button, svg, text] : button;
         }
         
-        const restartButton = addButton("Restart", '<svg viewBox="0 0 512 512"><path d="M496 48V192c0 17.69-14.31 32-32 32H320c-17.69 0-32-14.31-32-32s14.31-32 32-32h63.39c-29.97-39.7-77.25-63.78-127.6-63.78C167.7 96.22 96 167.9 96 256s71.69 159.8 159.8 159.8c34.88 0 68.03-11.03 95.88-31.94c14.22-10.53 34.22-7.75 44.81 6.375c10.59 14.16 7.75 34.22-6.375 44.81c-39.03 29.28-85.36 44.86-134.2 44.86C132.5 479.9 32 379.4 32 256s100.5-223.9 223.9-223.9c69.15 0 134 32.47 176.1 86.12V48c0-17.69 14.31-32 32-32S496 30.31 496 48z"/></svg>', () => {
+        const restartButton = addButton(this.config.buttonOpts.restart, () => {
             if (this.isNetplay && this.netplay.owner) {
                 this.gameManager.restart();
                 this.netplay.reset();
-                this.netplay.sendMessage({restart:true});
+                this.netplay.sendMessage({ restart: true });
                 this.play();
             } else if (!this.isNetplay) {
                 this.gameManager.restart();
             }
         });
-        const pauseButton = addButton("Pause", '<svg viewBox="0 0 320 512"><path d="M272 63.1l-32 0c-26.51 0-48 21.49-48 47.1v288c0 26.51 21.49 48 48 48L272 448c26.51 0 48-21.49 48-48v-288C320 85.49 298.5 63.1 272 63.1zM80 63.1l-32 0c-26.51 0-48 21.49-48 48v288C0 426.5 21.49 448 48 448l32 0c26.51 0 48-21.49 48-48v-288C128 85.49 106.5 63.1 80 63.1z"/></svg>', () => {
+        const pauseButton = addButton(this.config.buttonOpts.pause, () => {
             if (this.isNetplay && this.netplay.owner) {
                 this.pause();
                 this.gameManager.saveSaveFiles();
-                this.netplay.sendMessage({pause:true});
+                this.netplay.sendMessage({ pause: true });
             } else if (!this.isNetplay) {
                 this.pause();
             }
         });
-        const playButton = addButton("Play", '<svg viewBox="0 0 320 512"><path d="M361 215C375.3 223.8 384 239.3 384 256C384 272.7 375.3 288.2 361 296.1L73.03 472.1C58.21 482 39.66 482.4 24.52 473.9C9.377 465.4 0 449.4 0 432V80C0 62.64 9.377 46.63 24.52 38.13C39.66 29.64 58.21 29.99 73.03 39.04L361 215z"/></svg>', () => {
+        const playButton = addButton(this.config.buttonOpts.play, () => {
             if (this.isNetplay && this.netplay.owner) {
                 this.play();
-                this.netplay.sendMessage({play:true});
+                this.netplay.sendMessage({ play: true });
             } else if (!this.isNetplay) {
                 this.play();
             }
@@ -1643,9 +1909,9 @@ class EmulatorJS {
                 }
             }
             this.gameManager.toggleMainLoop(this.paused ? 0 : 1);
-            
+
             //I now realize its not easy to pause it while the cursor is locked, just in case I guess
-            if (this.defaultCoreOpts.supportsMouse) {
+            if (this.enableMouseLock) {
                 if (this.canvas.exitPointerLock) {
                     this.canvas.exitPointerLock();
                 } else if (this.canvas.mozExitPointerLock) {
@@ -1659,33 +1925,41 @@ class EmulatorJS {
         this.pause = (dontUpdate) => {
             if (!this.paused) this.togglePlaying(dontUpdate);
         }
-        
+
         let stateUrl;
-        const saveState = addButton("Save State", '<svg viewBox="0 0 448 512"><path fill="currentColor" d="M433.941 129.941l-83.882-83.882A48 48 0 0 0 316.118 32H48C21.49 32 0 53.49 0 80v352c0 26.51 21.49 48 48 48h352c26.51 0 48-21.49 48-48V163.882a48 48 0 0 0-14.059-33.941zM224 416c-35.346 0-64-28.654-64-64 0-35.346 28.654-64 64-64s64 28.654 64 64c0 35.346-28.654 64-64 64zm96-304.52V212c0 6.627-5.373 12-12 12H76c-6.627 0-12-5.373-12-12V108c0-6.627 5.373-12 12-12h228.52c3.183 0 6.235 1.264 8.485 3.515l3.48 3.48A11.996 11.996 0 0 1 320 111.48z"/></svg>', async () => {
-            const state = this.gameManager.getState();
+        const saveState = addButton(this.config.buttonOpts.saveState, async () => {
+            let state;
+            try {
+                state = this.gameManager.getState();
+            } catch(e) {
+                this.displayMessage(this.localization("FAILED TO SAVE STATE"));
+                return;
+            }
+            const { screenshot, format } = await this.takeScreenshot(this.capture.photo.source, this.capture.photo.format, this.capture.photo.upscale);
             const called = this.callEvent("saveState", {
-                screenshot: await this.gameManager.screenshot(),
+                screenshot: screenshot,
+                format: format,
                 state: state
             });
             if (called > 0) return;
             if (stateUrl) URL.revokeObjectURL(stateUrl);
-            if (this.settings['save-state-location'] === "browser" && this.saveInBrowserSupported()) {
-                this.storage.states.put(this.getBaseFileName()+".state", state);
+            if (this.getSettingValue("save-state-location") === "browser" && this.saveInBrowserSupported()) {
+                this.storage.states.put(this.getBaseFileName() + ".state", state);
                 this.displayMessage(this.localization("SAVE SAVED TO BROWSER"));
             } else {
                 const blob = new Blob([state]);
                 stateUrl = URL.createObjectURL(blob);
                 const a = this.createElement("a");
                 a.href = stateUrl;
-                a.download = this.getBaseFileName()+".state";
+                a.download = this.getBaseFileName() + ".state";
                 a.click();
             }
         });
-        const loadState = addButton("Load State", '<svg viewBox="0 0 576 512"><path fill="currentColor" d="M572.694 292.093L500.27 416.248A63.997 63.997 0 0 1 444.989 448H45.025c-18.523 0-30.064-20.093-20.731-36.093l72.424-124.155A64 64 0 0 1 152 256h399.964c18.523 0 30.064 20.093 20.73 36.093zM152 224h328v-48c0-26.51-21.49-48-48-48H272l-64-64H48C21.49 64 0 85.49 0 112v278.046l69.077-118.418C86.214 242.25 117.989 224 152 224z"/></svg>', async () => {
+        const loadState = addButton(this.config.buttonOpts.loadState, async () => {
             const called = this.callEvent("loadState");
             if (called > 0) return;
-            if (this.settings['save-state-location'] === "browser" && this.saveInBrowserSupported()) {
-                this.storage.states.get(this.getBaseFileName()+".state").then(e => {
+            if (this.getSettingValue("save-state-location") === "browser" && this.saveInBrowserSupported()) {
+                this.storage.states.get(this.getBaseFileName() + ".state").then(e => {
                     this.gameManager.loadState(e);
                     this.displayMessage(this.localization("SAVE LOADED FROM BROWSER"));
                 })
@@ -1695,24 +1969,27 @@ class EmulatorJS {
                 this.gameManager.loadState(state);
             }
         });
-        const controlMenu = addButton("Control Settings", '<svg viewBox="0 0 640 512"><path fill="currentColor" d="M480 96H160C71.6 96 0 167.6 0 256s71.6 160 160 160c44.8 0 85.2-18.4 114.2-48h91.5c29 29.6 69.5 48 114.2 48 88.4 0 160-71.6 160-160S568.4 96 480 96zM256 276c0 6.6-5.4 12-12 12h-52v52c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-52H76c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h52v-52c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v52h52c6.6 0 12 5.4 12 12v40zm184 68c-26.5 0-48-21.5-48-48s21.5-48 48-48 48 21.5 48 48-21.5 48-48 48zm80-80c-26.5 0-48-21.5-48-48s21.5-48 48-48 48 21.5 48 48-21.5 48-48 48z"/></svg>', () => {
+        const controlMenu = addButton(this.config.buttonOpts.gamepad, () => {
             this.controlMenu.style.display = "";
         });
-        const cheatMenu = addButton("Cheats", '<svg viewBox="0 0 496 512"><path fill="currentColor" d="M248 8C111 8 0 119 0 256s111 248 248 248 248-111 248-248S385 8 248 8zm0 448c-110.3 0-200-89.7-200-200S137.7 56 248 56s200 89.7 200 200-89.7 200-200 200zm-80-216c17.7 0 32-14.3 32-32s-14.3-32-32-32-32 14.3-32 32 14.3 32 32 32zm160 0c17.7 0 32-14.3 32-32s-14.3-32-32-32-32 14.3-32 32 14.3 32 32 32zm4 72.6c-20.8 25-51.5 39.4-84 39.4s-63.2-14.3-84-39.4c-8.5-10.2-23.7-11.5-33.8-3.1-10.2 8.5-11.5 23.6-3.1 33.8 30 36 74.1 56.6 120.9 56.6s90.9-20.6 120.9-56.6c8.5-10.2 7.1-25.3-3.1-33.8-10.1-8.4-25.3-7.1-33.8 3.1z" class=""></path></svg>', () => {
+        const cheatMenu = addButton(this.config.buttonOpts.cheat, () => {
             this.cheatMenu.style.display = "";
         });
-        
-        const cache = addButton("Cache Manager", '<svg viewBox="0 0 1800 1800"><path d="M896 768q237 0 443-43t325-127v170q0 69-103 128t-280 93.5-385 34.5-385-34.5T231 896 128 768V598q119 84 325 127t443 43zm0 768q237 0 443-43t325-127v170q0 69-103 128t-280 93.5-385 34.5-385-34.5-280-93.5-103-128v-170q119 84 325 127t443 43zm0-384q237 0 443-43t325-127v170q0 69-103 128t-280 93.5-385 34.5-385-34.5-280-93.5-103-128V982q119 84 325 127t443 43zM896 0q208 0 385 34.5t280 93.5 103 128v128q0 69-103 128t-280 93.5T896 640t-385-34.5T231 512 128 384V256q0-69 103-128t280-93.5T896 0z"/></svg>', () => {
+
+        const cache = addButton(this.config.buttonOpts.cacheManager, () => {
             this.openCacheMenu();
         });
+
         if (this.config.disableDatabases) cache.style.display = "none";
-        
+
         let savUrl;
-        
-        const saveSavFiles = addButton("Export Save File", '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 23 23"><path d="M3 6.5V5C3 3.89543 3.89543 3 5 3H16.1716C16.702 3 17.2107 3.21071 17.5858 3.58579L20.4142 6.41421C20.7893 6.78929 21 7.29799 21 7.82843V19C21 20.1046 20.1046 21 19 21H5C3.89543 21 3 20.1046 3 19V17.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="transparent"></path><path d="M8 3H16V8.4C16 8.73137 15.7314 9 15.4 9H8.6C8.26863 9 8 8.73137 8 8.4V3Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="transparent"></path><path d="M18 21V13.6C18 13.2686 17.7314 13 17.4 13H15" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="transparent"></path><path d="M6 21V17.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="transparent"></path><path d="M12 12H1M1 12L4 9M1 12L4 15" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path></svg>', async () => {
+
+        const saveSavFiles = addButton(this.config.buttonOpts.saveSavFiles, async () => {
             const file = await this.gameManager.getSaveFile();
+            const { screenshot, format } = await this.takeScreenshot(this.capture.photo.source, this.capture.photo.format, this.capture.photo.upscale);
             const called = this.callEvent("saveSave", {
-                screenshot: await this.gameManager.screenshot(),
+                screenshot: screenshot,
+                format: format,
                 save: file
             });
             if (called > 0) return;
@@ -1723,7 +2000,7 @@ class EmulatorJS {
             a.download = this.gameManager.getSaveFilePath().split("/").pop();
             a.click();
         });
-        const loadSavFiles = addButton("Import Save File", '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 23 23"><path d="M3 7.5V5C3 3.89543 3.89543 3 5 3H16.1716C16.702 3 17.2107 3.21071 17.5858 3.58579L20.4142 6.41421C20.7893 6.78929 21 7.29799 21 7.82843V19C21 20.1046 20.1046 21 19 21H5C3.89543 21 3 20.1046 3 19V16.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="transparent"></path><path d="M6 21V17" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M18 21V13.6C18 13.2686 17.7314 13 17.4 13H15" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="transparent"></path><path d="M16 3V8.4C16 8.73137 15.7314 9 15.4 9H13.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="transparent"></path><path d="M8 3V6" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M1 12H12M12 12L9 9M12 12L9 15" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path></svg>', async () => {
+        const loadSavFiles = addButton(this.config.buttonOpts.loadSavFiles, async () => {
             const called = this.callEvent("loadSave");
             if (called > 0) return;
             const file = await this.selectFile();
@@ -1731,33 +2008,43 @@ class EmulatorJS {
             const path = this.gameManager.getSaveFilePath();
             const paths = path.split("/");
             let cp = "";
-            for (let i=0; i<paths.length-1; i++) {
+            for (let i = 0; i < paths.length - 1; i++) {
                 if (paths[i] === "") continue;
-                cp += "/"+paths[i];
+                cp += "/" + paths[i];
                 if (!this.gameManager.FS.analyzePath(cp).exists) this.gameManager.FS.mkdir(cp);
             }
             if (this.gameManager.FS.analyzePath(path).exists) this.gameManager.FS.unlink(path);
             this.gameManager.FS.writeFile(path, sav);
             this.gameManager.loadSaveFiles();
         });
-        const netplay = addButton("Netplay", '<svg viewBox="0 0 512 512"><path fill="currentColor" d="M364.215 192h131.43c5.439 20.419 8.354 41.868 8.354 64s-2.915 43.581-8.354 64h-131.43c5.154-43.049 4.939-86.746 0-128zM185.214 352c10.678 53.68 33.173 112.514 70.125 151.992.221.001.44.008.661.008s.44-.008.661-.008c37.012-39.543 59.467-98.414 70.125-151.992H185.214zm174.13-192h125.385C452.802 84.024 384.128 27.305 300.95 12.075c30.238 43.12 48.821 96.332 58.394 147.925zm-27.35 32H180.006c-5.339 41.914-5.345 86.037 0 128h151.989c5.339-41.915 5.345-86.037-.001-128zM152.656 352H27.271c31.926 75.976 100.6 132.695 183.778 147.925-30.246-43.136-48.823-96.35-58.393-147.925zm206.688 0c-9.575 51.605-28.163 104.814-58.394 147.925 83.178-15.23 151.852-71.949 183.778-147.925H359.344zm-32.558-192c-10.678-53.68-33.174-112.514-70.125-151.992-.221 0-.44-.008-.661-.008s-.44.008-.661.008C218.327 47.551 195.872 106.422 185.214 160h141.572zM16.355 192C10.915 212.419 8 233.868 8 256s2.915 43.581 8.355 64h131.43c-4.939-41.254-5.154-84.951 0-128H16.355zm136.301-32c9.575-51.602 28.161-104.81 58.394-147.925C127.872 27.305 59.198 84.024 27.271 160h125.385z"/></svg>', async () => {
+        const netplay = addButton(this.config.buttonOpts.netplay, async () => {
             this.openNetplayMenu();
         });
         
+        // add custom buttons
+        // get all elements from this.config.buttonOpts with custom: true
+        if (this.config.buttonOpts) {
+            for (const [key, value] of Object.entries(this.config.buttonOpts)) {
+                if (value.custom === true) {
+                    const customBtn = addButton(value);
+                }
+            }
+        }
+
         const spacer = this.createElement("span");
         spacer.classList.add("ejs_menu_bar_spacer");
         this.elements.menu.appendChild(spacer);
         paddingSet = true;
-        
+
         const volumeSettings = this.createElement("div");
         volumeSettings.classList.add("ejs_volume_parent");
-        const muteButton = addButton("Mute", '<svg viewBox="0 0 640 512"><path d="M412.6 182c-10.28-8.334-25.41-6.867-33.75 3.402c-8.406 10.24-6.906 25.35 3.375 33.74C393.5 228.4 400 241.8 400 255.1c0 14.17-6.5 27.59-17.81 36.83c-10.28 8.396-11.78 23.5-3.375 33.74c4.719 5.806 11.62 8.802 18.56 8.802c5.344 0 10.75-1.779 15.19-5.399C435.1 311.5 448 284.6 448 255.1S435.1 200.4 412.6 182zM473.1 108.2c-10.22-8.334-25.34-6.898-33.78 3.34c-8.406 10.24-6.906 25.35 3.344 33.74C476.6 172.1 496 213.3 496 255.1s-19.44 82.1-53.31 110.7c-10.25 8.396-11.75 23.5-3.344 33.74c4.75 5.775 11.62 8.771 18.56 8.771c5.375 0 10.75-1.779 15.22-5.431C518.2 366.9 544 313 544 255.1S518.2 145 473.1 108.2zM534.4 33.4c-10.22-8.334-25.34-6.867-33.78 3.34c-8.406 10.24-6.906 25.35 3.344 33.74C559.9 116.3 592 183.9 592 255.1s-32.09 139.7-88.06 185.5c-10.25 8.396-11.75 23.5-3.344 33.74C505.3 481 512.2 484 519.2 484c5.375 0 10.75-1.779 15.22-5.431C601.5 423.6 640 342.5 640 255.1S601.5 88.34 534.4 33.4zM301.2 34.98c-11.5-5.181-25.01-3.076-34.43 5.29L131.8 160.1H48c-26.51 0-48 21.48-48 47.96v95.92c0 26.48 21.49 47.96 48 47.96h83.84l134.9 119.8C272.7 477 280.3 479.8 288 479.8c4.438 0 8.959-.9314 13.16-2.835C312.7 471.8 320 460.4 320 447.9V64.12C320 51.55 312.7 40.13 301.2 34.98z"/></svg>', () => {
+        const muteButton = addButton(this.config.buttonOpts.mute, () => {
             muteButton.style.display = "none";
             unmuteButton.style.display = "";
             this.muted = true;
             this.setVolume(0);
         }, volumeSettings);
-        const unmuteButton = addButton("Unmute", '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path d="M301.2 34.85c-11.5-5.188-25.02-3.122-34.44 5.253L131.8 160H48c-26.51 0-48 21.49-48 47.1v95.1c0 26.51 21.49 47.1 48 47.1h83.84l134.9 119.9c5.984 5.312 13.58 8.094 21.26 8.094c4.438 0 8.972-.9375 13.17-2.844c11.5-5.156 18.82-16.56 18.82-29.16V64C319.1 51.41 312.7 40 301.2 34.85zM513.9 255.1l47.03-47.03c9.375-9.375 9.375-24.56 0-33.94s-24.56-9.375-33.94 0L480 222.1L432.1 175c-9.375-9.375-24.56-9.375-33.94 0s-9.375 24.56 0 33.94l47.03 47.03l-47.03 47.03c-9.375 9.375-9.375 24.56 0 33.94c9.373 9.373 24.56 9.381 33.94 0L480 289.9l47.03 47.03c9.373 9.373 24.56 9.381 33.94 0c9.375-9.375 9.375-24.56 0-33.94L513.9 255.1z"/></svg>', () => {
+        const unmuteButton = addButton(this.config.buttonOpts.unmute, () => {
             if (this.volume === 0) this.volume = 0.5;
             muteButton.style.display = "";
             unmuteButton.style.display = "none";
@@ -1765,7 +2052,7 @@ class EmulatorJS {
             this.setVolume(this.volume);
         }, volumeSettings);
         unmuteButton.style.display = "none";
-        
+
         const volumeSlider = this.createElement("input");
         volumeSlider.setAttribute("data-range", "volume");
         volumeSlider.setAttribute("type", "range");
@@ -1777,14 +2064,14 @@ class EmulatorJS {
         volumeSlider.setAttribute("aria-label", "Volume");
         volumeSlider.setAttribute("aria-valuemin", 0);
         volumeSlider.setAttribute("aria-valuemax", 100);
-    
+
         this.setVolume = (volume) => {
             this.saveSettings();
             this.muted = (volume === 0);
             volumeSlider.value = volume;
-            volumeSlider.setAttribute("aria-valuenow", volume*100);
-            volumeSlider.setAttribute("aria-valuetext", (volume*100).toFixed(1) + "%");
-            volumeSlider.setAttribute("style", "--value: "+volume*100+"%;margin-left: 5px;position: relative;z-index: 2;");
+            volumeSlider.setAttribute("aria-valuenow", volume * 100);
+            volumeSlider.setAttribute("aria-valuetext", (volume * 100).toFixed(1) + "%");
+            volumeSlider.setAttribute("style", "--value: " + volume * 100 + "%;margin-left: 5px;position: relative;z-index: 2;");
             if (this.Module.AL && this.Module.AL.currentCtx && this.Module.AL.currentCtx.sources) {
                 this.Module.AL.currentCtx.sources.forEach(e => {
                     e.gain.gain.value = volume;
@@ -1795,7 +2082,7 @@ class EmulatorJS {
                 muteButton.style.display = (volume === 0) ? "none" : "";
             }
         }
-        
+
         this.addEventListener(volumeSlider, "change mousemove touchmove mousedown touchstart mouseup", (e) => {
             setTimeout(() => {
                 const newVal = parseFloat(volumeSlider.value);
@@ -1811,21 +2098,21 @@ class EmulatorJS {
 
         this.elements.menu.appendChild(volumeSettings);
 
-        const contextMenuButton = addButton("Context Menu", '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2023 Fonticons, Inc.--><path d="M0 96C0 78.3 14.3 64 32 64H416c17.7 0 32 14.3 32 32s-14.3 32-32 32H32C14.3 128 0 113.7 0 96zM0 256c0-17.7 14.3-32 32-32H416c17.7 0 32 14.3 32 32s-14.3 32-32 32H32c-17.7 0-32-14.3-32-32zM448 416c0 17.7-14.3 32-32 32H32c-17.7 0-32-14.3-32-32s14.3-32 32-32H416c17.7 0 32 14.3 32 32z"/></svg>', () => {
+        const contextMenuButton = addButton(this.config.buttonOpts.contextMenu, () => {
             if (this.elements.contextmenu.style.display === "none") {
                 this.elements.contextmenu.style.display = "block";
-                this.elements.contextmenu.style.left = (getComputedStyle(this.elements.parent).width.split("px")[0]/2 - getComputedStyle(this.elements.contextmenu).width.split("px")[0]/2)+"px";
-                this.elements.contextmenu.style.top = (getComputedStyle(this.elements.parent).height.split("px")[0]/2 - getComputedStyle(this.elements.contextmenu).height.split("px")[0]/2)+"px";
+                this.elements.contextmenu.style.left = (getComputedStyle(this.elements.parent).width.split("px")[0] / 2 - getComputedStyle(this.elements.contextmenu).width.split("px")[0] / 2) + "px";
+                this.elements.contextmenu.style.top = (getComputedStyle(this.elements.parent).height.split("px")[0] / 2 - getComputedStyle(this.elements.contextmenu).height.split("px")[0] / 2) + "px";
                 setTimeout(this.menu.close.bind(this), 20);
             } else {
                 this.elements.contextmenu.style.display = "none";
             }
         });
-        
+
         this.diskParent = this.createElement("div");
         this.diskParent.id = "ejs_disksMenu";
         this.disksMenuOpen = false;
-        const diskButton = addButton("Disks", '<svg fill="#FFFFFF" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 473.109 473.109"><path d="M340.963,101.878H12.105C5.423,101.878,0,107.301,0,113.983v328.862c0,6.68,5.423,12.105,12.105,12.105h328.857 c6.685,0,12.104-5.426,12.104-12.105V113.983C353.067,107.301,347.647,101.878,340.963,101.878z M67.584,120.042h217.895v101.884 H67.584V120.042z M296.076,429.228H56.998V278.414h239.079V429.228z M223.947,135.173h30.269v72.638h-30.269V135.173z M274.13,315.741H78.933v-12.105H274.13V315.741z M274.13,358.109H78.933v-12.105H274.13V358.109z M274.13,398.965H78.933v-12.105 H274.13V398.965z M473.109,30.263v328.863c0,6.68-5.426,12.105-12.105,12.105H384.59v-25.724h31.528V194.694H384.59v-56.489h20.93 V36.321H187.625v43.361h-67.583v-49.42c0-6.682,5.423-12.105,12.105-12.105H461.01C467.695,18.158,473.109,23.581,473.109,30.263z M343.989,51.453h30.269v31.321c-3.18-1.918-6.868-3.092-10.853-3.092h-19.416V51.453z M394.177,232.021h-9.581v-12.105h9.581 V232.021z M384.59,262.284h9.581v12.105h-9.581V262.284z M384.59,303.14h9.581v12.104h-9.581V303.14z"/></svg>', () => {
+        const diskButton = addButton(this.config.buttonOpts.diskButton, () => {
             this.disksMenuOpen = !this.disksMenuOpen;
             diskButton[1].classList.toggle("ejs_svg_rotate", this.disksMenuOpen);
             this.disksMenu.style.display = this.disksMenuOpen ? "" : "none";
@@ -1848,7 +2135,7 @@ class EmulatorJS {
 
         this.settingParent = this.createElement("div");
         this.settingsMenuOpen = false;
-        const settingButton = addButton("Settings", '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M495.9 166.6C499.2 175.2 496.4 184.9 489.6 191.2L446.3 230.6C447.4 238.9 448 247.4 448 256C448 264.6 447.4 273.1 446.3 281.4L489.6 320.8C496.4 327.1 499.2 336.8 495.9 345.4C491.5 357.3 486.2 368.8 480.2 379.7L475.5 387.8C468.9 398.8 461.5 409.2 453.4 419.1C447.4 426.2 437.7 428.7 428.9 425.9L373.2 408.1C359.8 418.4 344.1 427 329.2 433.6L316.7 490.7C314.7 499.7 307.7 506.1 298.5 508.5C284.7 510.8 270.5 512 255.1 512C241.5 512 227.3 510.8 213.5 508.5C204.3 506.1 197.3 499.7 195.3 490.7L182.8 433.6C167 427 152.2 418.4 138.8 408.1L83.14 425.9C74.3 428.7 64.55 426.2 58.63 419.1C50.52 409.2 43.12 398.8 36.52 387.8L31.84 379.7C25.77 368.8 20.49 357.3 16.06 345.4C12.82 336.8 15.55 327.1 22.41 320.8L65.67 281.4C64.57 273.1 64 264.6 64 256C64 247.4 64.57 238.9 65.67 230.6L22.41 191.2C15.55 184.9 12.82 175.3 16.06 166.6C20.49 154.7 25.78 143.2 31.84 132.3L36.51 124.2C43.12 113.2 50.52 102.8 58.63 92.95C64.55 85.8 74.3 83.32 83.14 86.14L138.8 103.9C152.2 93.56 167 84.96 182.8 78.43L195.3 21.33C197.3 12.25 204.3 5.04 213.5 3.51C227.3 1.201 241.5 0 256 0C270.5 0 284.7 1.201 298.5 3.51C307.7 5.04 314.7 12.25 316.7 21.33L329.2 78.43C344.1 84.96 359.8 93.56 373.2 103.9L428.9 86.14C437.7 83.32 447.4 85.8 453.4 92.95C461.5 102.8 468.9 113.2 475.5 124.2L480.2 132.3C486.2 143.2 491.5 154.7 495.9 166.6V166.6zM256 336C300.2 336 336 300.2 336 255.1C336 211.8 300.2 175.1 256 175.1C211.8 175.1 176 211.8 176 255.1C176 300.2 211.8 336 256 336z"/></svg>', () => {
+        const settingButton = addButton(this.config.buttonOpts.settings, () => {
             this.settingsMenuOpen = !this.settingsMenuOpen;
             settingButton[1].classList.toggle("ejs_svg_rotate", this.settingsMenuOpen);
             this.settingsMenu.style.display = this.settingsMenuOpen ? "" : "none";
@@ -1871,7 +2158,7 @@ class EmulatorJS {
 
         this.addEventListener(this.canvas, "click", (e) => {
             if (e.pointerType === "touch") return;
-            if (this.defaultCoreOpts.supportsMouse && !this.paused) {
+            if (this.enableMouseLock && !this.paused) {
                 if (this.canvas.requestPointerLock) {
                     this.canvas.requestPointerLock();
                 } else if (this.canvas.mozRequestPointerLock) {
@@ -1880,15 +2167,15 @@ class EmulatorJS {
                 this.menu.close();
             }
         })
-        
-        const enter = addButton("Enter Fullscreen", '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M208 281.4c-12.5-12.5-32.76-12.5-45.26-.002l-78.06 78.07l-30.06-30.06c-6.125-6.125-14.31-9.367-22.63-9.367c-4.125 0-8.279 .7891-12.25 2.43c-11.97 4.953-19.75 16.62-19.75 29.56v135.1C.0013 501.3 10.75 512 24 512h136c12.94 0 24.63-7.797 29.56-19.75c4.969-11.97 2.219-25.72-6.938-34.87l-30.06-30.06l78.06-78.07c12.5-12.49 12.5-32.75 .002-45.25L208 281.4zM487.1 0h-136c-12.94 0-24.63 7.797-29.56 19.75c-4.969 11.97-2.219 25.72 6.938 34.87l30.06 30.06l-78.06 78.07c-12.5 12.5-12.5 32.76 0 45.26l22.62 22.62c12.5 12.5 32.76 12.5 45.26 0l78.06-78.07l30.06 30.06c9.156 9.141 22.87 11.84 34.87 6.937C504.2 184.6 512 172.9 512 159.1V23.1C512 10.74 501.3 0 487.1 0z"/></svg>', () => {
+
+        const enter = addButton(this.config.buttonOpts.enterFullscreen, () => {
             this.toggleFullscreen(true);
         });
-        const exit = addButton("Exit Fullscreen", '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M215.1 272h-136c-12.94 0-24.63 7.797-29.56 19.75C45.47 303.7 48.22 317.5 57.37 326.6l30.06 30.06l-78.06 78.07c-12.5 12.5-12.5 32.75-.0012 45.25l22.62 22.62c12.5 12.5 32.76 12.5 45.26 .0013l78.06-78.07l30.06 30.06c6.125 6.125 14.31 9.367 22.63 9.367c4.125 0 8.279-.7891 12.25-2.43c11.97-4.953 19.75-16.62 19.75-29.56V296C239.1 282.7 229.3 272 215.1 272zM296 240h136c12.94 0 24.63-7.797 29.56-19.75c4.969-11.97 2.219-25.72-6.938-34.87l-30.06-30.06l78.06-78.07c12.5-12.5 12.5-32.76 .0002-45.26l-22.62-22.62c-12.5-12.5-32.76-12.5-45.26-.0003l-78.06 78.07l-30.06-30.06c-9.156-9.141-22.87-11.84-34.87-6.937c-11.97 4.953-19.75 16.62-19.75 29.56v135.1C272 229.3 282.7 240 296 240z"/></svg>', () => {
+        const exit = addButton(this.config.buttonOpts.exitFullscreen, () => {
             this.toggleFullscreen(false);
         });
         exit.style.display = "none";
-        
+
         this.toggleFullscreen = (fullscreen) => {
             if (fullscreen) {
                 if (this.elements.parent.requestFullscreen) {
@@ -1928,7 +2215,7 @@ class EmulatorJS {
         }
 
         let exitMenuIsOpen = false;
-        const exitEmulation = addButton("Exit EmulatorJS", '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 460 460"><path style="fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke:rgb(255,255,255);stroke-opacity:1;stroke-miterlimit:4;" d="M 14.000061 7.636414 L 14.000061 4.5 C 14.000061 4.223877 13.776123 3.999939 13.5 3.999939 L 4.5 3.999939 C 4.223877 3.999939 3.999939 4.223877 3.999939 4.5 L 3.999939 19.5 C 3.999939 19.776123 4.223877 20.000061 4.5 20.000061 L 13.5 20.000061 C 13.776123 20.000061 14.000061 19.776123 14.000061 19.5 L 14.000061 16.363586 " transform="matrix(21.333333,0,0,21.333333,0,0)"/><path style="fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke:rgb(255,255,255);stroke-opacity:1;stroke-miterlimit:4;" d="M 9.999939 12 L 21 12 M 21 12 L 18.000366 8.499939 M 21 12 L 18 15.500061 " transform="matrix(21.333333,0,0,21.333333,0,0)"/></svg>', async () => {
+        const exitEmulation = addButton(this.config.buttonOpts.exitEmulation, async () => {
             if (exitMenuIsOpen) return;
             exitMenuIsOpen = true;
             const popups = this.createSubPopup();
@@ -1981,8 +2268,7 @@ class EmulatorJS {
             })
             setTimeout(this.menu.close.bind(this), 20);
         });
-        
-        
+
         this.addEventListener(document, "webkitfullscreenchange mozfullscreenchange fullscreenchange", (e) => {
             if (e.target !== this.elements.parent) return;
             if (document.fullscreenElement === null) {
@@ -1994,14 +2280,14 @@ class EmulatorJS {
                 enter.style.display = "none";
             }
         })
-        
+
         const hasFullscreen = !!(this.elements.parent.requestFullscreen || this.elements.parent.mozRequestFullScreen || this.elements.parent.webkitRequestFullscreen || this.elements.parent.msRequestFullscreen);
-        
+
         if (!hasFullscreen) {
             exit.style.display = "none";
             enter.style.display = "none";
         }
-        
+
         this.elements.bottomBar = {
             playPause: [pauseButton, playButton],
             restart: [restartButton],
@@ -2018,36 +2304,35 @@ class EmulatorJS {
             netplay: [netplay],
             exit: [exitEmulation]
         }
-        
-        
+
         if (this.config.buttonOpts) {
             if (this.debug) console.log(this.config.buttonOpts);
-            if (this.config.buttonOpts.playPause === false) {
+            if (this.config.buttonOpts.playPause.visible === false) {
                 pauseButton.style.display = "none";
                 playButton.style.display = "none";
             }
-            if (this.config.buttonOpts.contextMenuButton === false && this.config.buttonOpts.rightClick !== false && this.isMobile === false) contextMenuButton.style.display = "none"
-            if (this.config.buttonOpts.restart === false) restartButton.style.display = "none"
-            if (this.config.buttonOpts.settings === false) settingButton[0].style.display = "none"
-            if (this.config.buttonOpts.fullscreen === false) {
+            if (this.config.buttonOpts.contextMenu.visible === false && this.config.buttonOpts.rightClick !== false && this.isMobile === false) contextMenuButton.style.display = "none"
+            if (this.config.buttonOpts.restart.visible === false) restartButton.style.display = "none"
+            if (this.config.buttonOpts.settings.visible === false) settingButton[0].style.display = "none"
+            if (this.config.buttonOpts.fullscreen.visible === false) {
                 enter.style.display = "none";
                 exit.style.display = "none";
             }
-            if (this.config.buttonOpts.mute === false) {
+            if (this.config.buttonOpts.mute.visible === false) {
                 muteButton.style.display = "none";
                 unmuteButton.style.display = "none";
             }
-            if (this.config.buttonOpts.saveState === false) saveState.style.display = "none";
-            if (this.config.buttonOpts.loadState === false) loadState.style.display = "none";
-            if (this.config.buttonOpts.saveSavFiles === false) saveSavFiles.style.display = "none";
-            if (this.config.buttonOpts.loadSavFiles === false) loadSavFiles.style.display = "none";
-            if (this.config.buttonOpts.gamepad === false) controlMenu.style.display = "none";
-            if (this.config.buttonOpts.cheat === false) cheatMenu.style.display = "none";
-            if (this.config.buttonOpts.cacheManager === false) cache.style.display = "none";
-            if (this.config.buttonOpts.netplay === false) netplay.style.display = "none";
-            if (this.config.buttonOpts.diskButton === false) diskButton[0].style.display = "none";
-            if (this.config.buttonOpts.volumeSlider === false) volumeSlider.style.display = "none";
-            if (this.config.buttonOpts.exitEmulation === false) exitEmulation.style.display = "none";
+            if (this.config.buttonOpts.saveState.visible === false) saveState.style.display = "none";
+            if (this.config.buttonOpts.loadState.visible === false) loadState.style.display = "none";
+            if (this.config.buttonOpts.saveSavFiles.visible === false) saveSavFiles.style.display = "none";
+            if (this.config.buttonOpts.loadSavFiles.visible === false) loadSavFiles.style.display = "none";
+            if (this.config.buttonOpts.gamepad.visible === false) controlMenu.style.display = "none";
+            if (this.config.buttonOpts.cheat.visible === false) cheatMenu.style.display = "none";
+            if (this.config.buttonOpts.cacheManager.visible === false) cache.style.display = "none";
+            if (this.config.buttonOpts.netplay.visible === false) netplay.style.display = "none";
+            if (this.config.buttonOpts.diskButton.visible === false) diskButton[0].style.display = "none";
+            if (this.config.buttonOpts.volumeSlider.visible === false) volumeSlider.style.display = "none";
+            if (this.config.buttonOpts.exitEmulation.visible === false) exitEmulation.style.display = "none";
         }
 
         this.menu.failedToStart = () => {
@@ -2078,6 +2363,9 @@ class EmulatorJS {
             exitEmulation.style.display = "none";
 
             this.elements.menu.style.opacity = "";
+            this.elements.menu.style.background = "transparent";
+            this.virtualGamepad.style.display = "none";
+            settingButton[0].classList.add("shadow");
             this.menu.open(true);
         }
     }
@@ -2103,12 +2391,12 @@ class EmulatorJS {
             list.style["text-align"] = "left";
             body.appendChild(list);
             list.appendChild(tbody);
-            const getSize = function(size) {
+            const getSize = function (size) {
                 let i = -1;
                 do {
                     size /= 1024, i++;
                 } while (size > 1024);
-                return Math.max(size, 0.1).toFixed(1) + [' kB', ' MB', ' GB', ' TB', 'PB', 'EB', 'ZB', 'YB'][i];
+                return Math.max(size, 0.1).toFixed(1) + [" kB", " MB", " GB", " TB", "PB", "EB", "ZB", "YB"][i];
             }
             for (const k in roms) {
                 const line = this.createElement("tr");
@@ -2118,7 +2406,7 @@ class EmulatorJS {
                 remove.style.cursor = "pointer";
                 name.innerText = k;
                 size.innerText = getSize(roms[k]);
-                
+
                 const a = this.createElement("a");
                 a.innerText = this.localization("Remove");
                 this.addEventListener(remove, "click", () => {
@@ -2126,17 +2414,16 @@ class EmulatorJS {
                     line.remove();
                 })
                 remove.appendChild(a);
-                
+
                 line.appendChild(name);
                 line.appendChild(size);
                 line.appendChild(remove);
                 tbody.appendChild(line);
             }
-            
         })();
     }
     getControlScheme() {
-        if (this.config.controlScheme && typeof this.config.controlScheme === 'string') {
+        if (this.config.controlScheme && typeof this.config.controlScheme === "string") {
             return this.config.controlScheme;
         } else {
             return this.getCore(true);
@@ -2146,6 +2433,7 @@ class EmulatorJS {
         let buttonListeners = [];
         this.checkGamepadInputs = () => buttonListeners.forEach(elem => elem());
         this.gamepadLabels = [];
+        this.gamepadSelection = [];
         this.controls = JSON.parse(JSON.stringify(this.defaultControllers));
         const body = this.createPopup("Control Settings", {
             "Reset": () => {
@@ -2155,7 +2443,7 @@ class EmulatorJS {
                 this.saveSettings();
             },
             "Clear": () => {
-                this.controls = {0:{},1:{},2:{},3:{}};
+                this.controls = { 0: {}, 1: {}, 2: {}, 3: {} };
                 this.setupKeys();
                 this.checkGamepadInputs();
                 this.saveSettings();
@@ -2167,351 +2455,374 @@ class EmulatorJS {
         this.setupKeys();
         this.controlMenu = body.parentElement;
         body.classList.add("ejs_control_body");
-        
+
         let buttons;
         if ("gb" === this.getControlScheme()) {
             buttons = [
-                {id: 8, label: this.localization('A')},
-                {id: 0, label: this.localization('B')},
-                {id: 2, label: this.localization('SELECT')},
-                {id: 3, label: this.localization('START')},
-                {id: 4, label: this.localization('UP')},
-                {id: 5, label: this.localization('DOWN')},
-                {id: 6, label: this.localization('LEFT')},
-                {id: 7, label: this.localization('RIGHT')},
+                { id: 8, label: this.localization("A") },
+                { id: 0, label: this.localization("B") },
+                { id: 2, label: this.localization("SELECT") },
+                { id: 3, label: this.localization("START") },
+                { id: 4, label: this.localization("UP") },
+                { id: 5, label: this.localization("DOWN") },
+                { id: 6, label: this.localization("LEFT") },
+                { id: 7, label: this.localization("RIGHT") },
             ];
         } else if ("nes" === this.getControlScheme()) {
             buttons = [
-                {id: 8, label: this.localization('A')},
-                {id: 0, label: this.localization('B')},
-                {id: 2, label: this.localization('SELECT')},
-                {id: 3, label: this.localization('START')},
-                {id: 4, label: this.localization('UP')},
-                {id: 5, label: this.localization('DOWN')},
-                {id: 6, label: this.localization('LEFT')},
-                {id: 7, label: this.localization('RIGHT')},
-                {id: 10, label: this.localization('EJECT')},//Famicon games only
-                {id: 11, label: this.localization('SWAP DISKS')},
+                { id: 8, label: this.localization("A") },
+                { id: 0, label: this.localization("B") },
+                { id: 2, label: this.localization("SELECT") },
+                { id: 3, label: this.localization("START") },
+                { id: 4, label: this.localization("UP") },
+                { id: 5, label: this.localization("DOWN") },
+                { id: 6, label: this.localization("LEFT") },
+                { id: 7, label: this.localization("RIGHT") },
             ];
-        } else if ('snes' === this.getControlScheme()) {
+            if (this.getCore() === "nestopia") {
+                buttons.push({ id: 10, label: this.localization("SWAP DISKS") });
+            } else {
+                buttons.push({ id: 10, label: this.localization("SWAP DISKS") });
+                buttons.push({ id: 11, label: this.localization("EJECT/INSERT DISK") });
+            }
+        } else if ("snes" === this.getControlScheme()) {
+            buttons = [
+                { id: 8, label: this.localization("A") },
+                { id: 0, label: this.localization("B") },
+                { id: 9, label: this.localization("X") },
+                { id: 1, label: this.localization("Y") },
+                { id: 2, label: this.localization("SELECT") },
+                { id: 3, label: this.localization("START") },
+                { id: 4, label: this.localization("UP") },
+                { id: 5, label: this.localization("DOWN") },
+                { id: 6, label: this.localization("LEFT") },
+                { id: 7, label: this.localization("RIGHT") },
+                { id: 10, label: this.localization("L") },
+                { id: 11, label: this.localization("R") },
+            ];
+        } else if ("n64" === this.getControlScheme()) {
             buttons = [
-                {id: 8, label: this.localization('A')},
-                {id: 0, label: this.localization('B')},
-                {id: 9, label: this.localization('X')},
-                {id: 1, label: this.localization('Y')},
-                {id: 2, label: this.localization('SELECT')},
-                {id: 3, label: this.localization('START')},
-                {id: 4, label: this.localization('UP')},
-                {id: 5, label: this.localization('DOWN')},
-                {id: 6, label: this.localization('LEFT')},
-                {id: 7, label: this.localization('RIGHT')},
-                {id: 10, label: this.localization('L')},
-                {id: 11, label: this.localization('R')},
+                { id: 0, label: this.localization("A") },
+                { id: 1, label: this.localization("B") },
+                { id: 3, label: this.localization("START") },
+                { id: 4, label: this.localization("D-PAD UP") },
+                { id: 5, label: this.localization("D-PAD DOWN") },
+                { id: 6, label: this.localization("D-PAD LEFT") },
+                { id: 7, label: this.localization("D-PAD RIGHT") },
+                { id: 10, label: this.localization("L") },
+                { id: 11, label: this.localization("R") },
+                { id: 12, label: this.localization("Z") },
+                { id: 19, label: this.localization("STICK UP") },
+                { id: 18, label: this.localization("STICK DOWN") },
+                { id: 17, label: this.localization("STICK LEFT") },
+                { id: 16, label: this.localization("STICK RIGHT") },
+                { id: 23, label: this.localization("C-PAD UP") },
+                { id: 22, label: this.localization("C-PAD DOWN") },
+                { id: 21, label: this.localization("C-PAD LEFT") },
+                { id: 20, label: this.localization("C-PAD RIGHT") },
             ];
-        } else if ('n64' === this.getControlScheme()) {
+        } else if ("gba" === this.getControlScheme()) {
             buttons = [
-                {id: 0, label: this.localization('A')},
-                {id: 1, label: this.localization('B')},
-                {id: 3, label: this.localization('START')},
-                {id: 4, label: this.localization('D-PAD UP')},
-                {id: 5, label: this.localization('D-PAD DOWN')},
-                {id: 6, label: this.localization('D-PAD LEFT')},
-                {id: 7, label: this.localization('D-PAD RIGHT')},
-                {id: 10, label: this.localization('L')},
-                {id: 11, label: this.localization('R')},
-                {id: 12, label: this.localization('Z')},
-                {id: 19, label: this.localization('STICK UP')},
-                {id: 18, label: this.localization('STICK DOWN')},
-                {id: 17, label: this.localization('STICK LEFT')},
-                {id: 16, label: this.localization('STICK RIGHT')},
-                {id: 23, label: this.localization('C-PAD UP')},
-                {id: 22, label: this.localization('C-PAD DOWN')},
-                {id: 21, label: this.localization('C-PAD LEFT')},
-                {id: 20, label: this.localization('C-PAD RIGHT')},
+                { id: 8, label: this.localization("A") },
+                { id: 0, label: this.localization("B") },
+                { id: 10, label: this.localization("L") },
+                { id: 11, label: this.localization("R") },
+                { id: 2, label: this.localization("SELECT") },
+                { id: 3, label: this.localization("START") },
+                { id: 4, label: this.localization("UP") },
+                { id: 5, label: this.localization("DOWN") },
+                { id: 6, label: this.localization("LEFT") },
+                { id: 7, label: this.localization("RIGHT") },
             ];
-        } else if ('gba' === this.getControlScheme()) {
+        } else if ("nds" === this.getControlScheme()) {
             buttons = [
-                {id: 8, label: this.localization('A')},
-                {id: 0, label: this.localization('B')},
-                {id: 10, label: this.localization('L')},
-                {id: 11, label: this.localization('R')},
-                {id: 2, label: this.localization('SELECT')},
-                {id: 3, label: this.localization('START')},
-                {id: 4, label: this.localization('UP')},
-                {id: 5, label: this.localization('DOWN')},
-                {id: 6, label: this.localization('LEFT')},
-                {id: 7, label: this.localization('RIGHT')},
+                { id: 8, label: this.localization("A") },
+                { id: 0, label: this.localization("B") },
+                { id: 9, label: this.localization("X") },
+                { id: 1, label: this.localization("Y") },
+                { id: 2, label: this.localization("SELECT") },
+                { id: 3, label: this.localization("START") },
+                { id: 4, label: this.localization("UP") },
+                { id: 5, label: this.localization("DOWN") },
+                { id: 6, label: this.localization("LEFT") },
+                { id: 7, label: this.localization("RIGHT") },
+                { id: 10, label: this.localization("L") },
+                { id: 11, label: this.localization("R") },
+                { id: 14, label: this.localization("Microphone") },
             ];
-        } else if ('nds' === this.getControlScheme()) {
+        } else if ("vb" === this.getControlScheme()) {
             buttons = [
-                {id: 8, label: this.localization('A')},
-                {id: 0, label: this.localization('B')},
-                {id: 9, label: this.localization('X')},
-                {id: 1, label: this.localization('Y')},
-                {id: 2, label: this.localization('SELECT')},
-                {id: 3, label: this.localization('START')},
-                {id: 4, label: this.localization('UP')},
-                {id: 5, label: this.localization('DOWN')},
-                {id: 6, label: this.localization('LEFT')},
-                {id: 7, label: this.localization('RIGHT')},
-                {id: 10, label: this.localization('L')},
-                {id: 11, label: this.localization('R')},
-                {id: 14, label: this.localization('Microphone')},
+                { id: 8, label: this.localization("A") },
+                { id: 0, label: this.localization("B") },
+                { id: 10, label: this.localization("L") },
+                { id: 11, label: this.localization("R") },
+                { id: 2, label: this.localization("SELECT") },
+                { id: 3, label: this.localization("START") },
+                { id: 4, label: this.localization("LEFT D-PAD UP") },
+                { id: 5, label: this.localization("LEFT D-PAD DOWN") },
+                { id: 6, label: this.localization("LEFT D-PAD LEFT") },
+                { id: 7, label: this.localization("LEFT D-PAD RIGHT") },
+                { id: 19, label: this.localization("RIGHT D-PAD UP") },
+                { id: 18, label: this.localization("RIGHT D-PAD DOWN") },
+                { id: 17, label: this.localization("RIGHT D-PAD LEFT") },
+                { id: 16, label: this.localization("RIGHT D-PAD RIGHT") },
             ];
-        } else if ('vb' === this.getControlScheme()) {
+        } else if (["segaCD", "sega32x"].includes(this.getControlScheme())) {
             buttons = [
-                {id: 8, label: this.localization('A')},
-                {id: 0, label: this.localization('B')},
-                {id: 10, label: this.localization('L')},
-                {id: 11, label: this.localization('R')},
-                {id: 2, label: this.localization('SELECT')},
-                {id: 3, label: this.localization('START')},
-                {id: 4, label: this.localization('LEFT D-PAD UP')},
-                {id: 5, label: this.localization('LEFT D-PAD DOWN')},
-                {id: 6, label: this.localization('LEFT D-PAD LEFT')},
-                {id: 7, label: this.localization('LEFT D-PAD RIGHT')},
-                {id: 19, label: this.localization('RIGHT D-PAD UP')},
-                {id: 18, label: this.localization('RIGHT D-PAD DOWN')},
-                {id: 17, label: this.localization('RIGHT D-PAD LEFT')},
-                {id: 16, label: this.localization('RIGHT D-PAD RIGHT')},
+                { id: 1, label: this.localization("A") },
+                { id: 0, label: this.localization("B") },
+                { id: 8, label: this.localization("C") },
+                { id: 10, label: this.localization("X") },
+                { id: 9, label: this.localization("Y") },
+                { id: 11, label: this.localization("Z") },
+                { id: 3, label: this.localization("START") },
+                { id: 2, label: this.localization("MODE") },
+                { id: 4, label: this.localization("UP") },
+                { id: 5, label: this.localization("DOWN") },
+                { id: 6, label: this.localization("LEFT") },
+                { id: 7, label: this.localization("RIGHT") },
             ];
-        } else if (['segaMD', 'segaCD', 'sega32x'].includes(this.getControlScheme())) {
+        } else if ("segaMS" === this.getControlScheme()) {
             buttons = [
-                {id: 1, label: this.localization('A')},
-                {id: 0, label: this.localization('B')},
-                {id: 8, label: this.localization('C')},
-                {id: 10, label: this.localization('X')},
-                {id: 9, label: this.localization('Y')},
-                {id: 11, label: this.localization('Z')},
-                {id: 3, label: this.localization('START')},
-                {id: 2, label: this.localization('MODE')},
-                {id: 4, label: this.localization('UP')},
-                {id: 5, label: this.localization('DOWN')},
-                {id: 6, label: this.localization('LEFT')},
-                {id: 7, label: this.localization('RIGHT')},
+                { id: 0, label: this.localization("BUTTON 1 / START") },
+                { id: 8, label: this.localization("BUTTON 2") },
+                { id: 4, label: this.localization("UP") },
+                { id: 5, label: this.localization("DOWN") },
+                { id: 6, label: this.localization("LEFT") },
+                { id: 7, label: this.localization("RIGHT") },
             ];
-        } else if ('segaMS' === this.getControlScheme()) {
+        } else if ("segaGG" === this.getControlScheme()) {
             buttons = [
-                {id: 0, label: this.localization('BUTTON 1 / START')},
-                {id: 8, label: this.localization('BUTTON 2')},
-                {id: 4, label: this.localization('UP')},
-                {id: 5, label: this.localization('DOWN')},
-                {id: 6, label: this.localization('LEFT')},
-                {id: 7, label: this.localization('RIGHT')},
+                { id: 0, label: this.localization("BUTTON 1") },
+                { id: 8, label: this.localization("BUTTON 2") },
+                { id: 3, label: this.localization("START") },
+                { id: 4, label: this.localization("UP") },
+                { id: 5, label: this.localization("DOWN") },
+                { id: 6, label: this.localization("LEFT") },
+                { id: 7, label: this.localization("RIGHT") },
             ];
-        } else if ('segaGG' === this.getControlScheme()) {
+        } else if ("segaSaturn" === this.getControlScheme()) {
             buttons = [
-                {id: 0, label: this.localization('BUTTON 1')},
-                {id: 8, label: this.localization('BUTTON 2')},
-                {id: 3, label: this.localization('START')},
-                {id: 4, label: this.localization('UP')},
-                {id: 5, label: this.localization('DOWN')},
-                {id: 6, label: this.localization('LEFT')},
-                {id: 7, label: this.localization('RIGHT')},
+                { id: 1, label: this.localization("A") },
+                { id: 0, label: this.localization("B") },
+                { id: 8, label: this.localization("C") },
+                { id: 9, label: this.localization("X") },
+                { id: 10, label: this.localization("Y") },
+                { id: 11, label: this.localization("Z") },
+                { id: 12, label: this.localization("L") },
+                { id: 13, label: this.localization("R") },
+                { id: 3, label: this.localization("START") },
+                { id: 4, label: this.localization("UP") },
+                { id: 5, label: this.localization("DOWN") },
+                { id: 6, label: this.localization("LEFT") },
+                { id: 7, label: this.localization("RIGHT") },
             ];
-        } else if ('segaSaturn' === this.getControlScheme()) {
+        } else if ("3do" === this.getControlScheme()) {
             buttons = [
-                {id: 1, label: this.localization('A')},
-                {id: 0, label: this.localization('B')},
-                {id: 8, label: this.localization('C')},
-                {id: 9, label: this.localization('X')},
-                {id: 10, label: this.localization('Y')},
-                {id: 11, label: this.localization('Z')},
-                {id: 12, label: this.localization('L')},
-                {id: 13, label: this.localization('R')},
-                {id: 3, label: this.localization('START')},
-                {id: 4, label: this.localization('UP')},
-                {id: 5, label: this.localization('DOWN')},
-                {id: 6, label: this.localization('LEFT')},
-                {id: 7, label: this.localization('RIGHT')},
+                { id: 1, label: this.localization("A") },
+                { id: 0, label: this.localization("B") },
+                { id: 8, label: this.localization("C") },
+                { id: 10, label: this.localization("L") },
+                { id: 11, label: this.localization("R") },
+                { id: 2, label: this.localization("X") },
+                { id: 3, label: this.localization("P") },
+                { id: 4, label: this.localization("UP") },
+                { id: 5, label: this.localization("DOWN") },
+                { id: 6, label: this.localization("LEFT") },
+                { id: 7, label: this.localization("RIGHT") },
             ];
-        } else if ('3do' === this.getControlScheme()) {
+        } else if ("atari2600" === this.getControlScheme()) {
             buttons = [
-                {id: 1, label: this.localization('A')},
-                {id: 0, label: this.localization('B')},
-                {id: 8, label: this.localization('C')},
-                {id: 10, label: this.localization('L')},
-                {id: 11, label: this.localization('R')},
-                {id: 2, label: this.localization('X')},
-                {id: 3, label: this.localization('P')},
-                {id: 4, label: this.localization('UP')},
-                {id: 5, label: this.localization('DOWN')},
-                {id: 6, label: this.localization('LEFT')},
-                {id: 7, label: this.localization('RIGHT')},
+                { id: 0, label: this.localization("FIRE") },
+                { id: 2, label: this.localization("SELECT") },
+                { id: 3, label: this.localization("RESET") },
+                { id: 4, label: this.localization("UP") },
+                { id: 5, label: this.localization("DOWN") },
+                { id: 6, label: this.localization("LEFT") },
+                { id: 7, label: this.localization("RIGHT") },
+                { id: 10, label: this.localization("LEFT DIFFICULTY A") },
+                { id: 12, label: this.localization("LEFT DIFFICULTY B") },
+                { id: 11, label: this.localization("RIGHT DIFFICULTY A") },
+                { id: 13, label: this.localization("RIGHT DIFFICULTY B") },
+                { id: 14, label: this.localization("COLOR") },
+                { id: 15, label: this.localization("B/W") },
             ];
-        } else if ('atari2600' === this.getControlScheme()) {
+        } else if ("atari7800" === this.getControlScheme()) {
             buttons = [
-                {id: 0, label: this.localization('FIRE')},
-                {id: 2, label: this.localization('SELECT')},
-                {id: 3, label: this.localization('RESET')},
-                {id: 4, label: this.localization('UP')},
-                {id: 5, label: this.localization('DOWN')},
-                {id: 6, label: this.localization('LEFT')},
-                {id: 7, label: this.localization('RIGHT')},
-                {id: 10, label: this.localization('LEFT DIFFICULTY A')},
-                {id: 12, label: this.localization('LEFT DIFFICULTY B')},
-                {id: 11, label: this.localization('RIGHT DIFFICULTY A')},
-                {id: 13, label: this.localization('RIGHT DIFFICULTY B')},
-                {id: 14, label: this.localization('COLOR')},
-                {id: 15, label: this.localization('B/W')},
+                { id: 0, label: this.localization("BUTTON 1") },
+                { id: 8, label: this.localization("BUTTON 2") },
+                { id: 2, label: this.localization("SELECT") },
+                { id: 3, label: this.localization("PAUSE") },
+                { id: 9, label: this.localization("RESET") },
+                { id: 4, label: this.localization("UP") },
+                { id: 5, label: this.localization("DOWN") },
+                { id: 6, label: this.localization("LEFT") },
+                { id: 7, label: this.localization("RIGHT") },
+                { id: 10, label: this.localization("LEFT DIFFICULTY") },
+                { id: 11, label: this.localization("RIGHT DIFFICULTY") },
             ];
-        } else if ('atari7800' === this.getControlScheme()) {
+        } else if ("lynx" === this.getControlScheme()) {
             buttons = [
-                {id: 0, label: this.localization('BUTTON 1')},
-                {id: 8, label: this.localization('BUTTON 2')},
-                {id: 2, label: this.localization('SELECT')},
-                {id: 3, label: this.localization('PAUSE')},
-                {id: 9, label: this.localization('RESET')},
-                {id: 4, label: this.localization('UP')},
-                {id: 5, label: this.localization('DOWN')},
-                {id: 6, label: this.localization('LEFT')},
-                {id: 7, label: this.localization('RIGHT')},
-                {id: 10, label: this.localization('LEFT DIFFICULTY')},
-                {id: 11, label: this.localization('RIGHT DIFFICULTY')},
+                { id: 8, label: this.localization("A") },
+                { id: 0, label: this.localization("B") },
+                { id: 10, label: this.localization("OPTION 1") },
+                { id: 11, label: this.localization("OPTION 2") },
+                { id: 3, label: this.localization("START") },
+                { id: 4, label: this.localization("UP") },
+                { id: 5, label: this.localization("DOWN") },
+                { id: 6, label: this.localization("LEFT") },
+                { id: 7, label: this.localization("RIGHT") },
             ];
-        } else if ('lynx' === this.getControlScheme()) {
+        } else if ("jaguar" === this.getControlScheme()) {
             buttons = [
-                {id: 8, label: this.localization('A')},
-                {id: 0, label: this.localization('B')},
-                {id: 10, label: this.localization('OPTION 1')},
-                {id: 11, label: this.localization('OPTION 2')},
-                {id: 3, label: this.localization('START')},
-                {id: 4, label: this.localization('UP')},
-                {id: 5, label: this.localization('DOWN')},
-                {id: 6, label: this.localization('LEFT')},
-                {id: 7, label: this.localization('RIGHT')},
+                { id: 8, label: this.localization("A") },
+                { id: 0, label: this.localization("B") },
+                { id: 1, label: this.localization("C") },
+                { id: 2, label: this.localization("PAUSE") },
+                { id: 3, label: this.localization("OPTION") },
+                { id: 4, label: this.localization("UP") },
+                { id: 5, label: this.localization("DOWN") },
+                { id: 6, label: this.localization("LEFT") },
+                { id: 7, label: this.localization("RIGHT") },
             ];
-        } else if ('jaguar' === this.getControlScheme()) {
+        } else if ("pce" === this.getControlScheme()) {
             buttons = [
-                {id: 8, label: this.localization('A')},
-                {id: 0, label: this.localization('B')},
-                {id: 1, label: this.localization('C')},
-                {id: 2, label: this.localization('PAUSE')},
-                {id: 3, label: this.localization('OPTION')},
-                {id: 4, label: this.localization('UP')},
-                {id: 5, label: this.localization('DOWN')},
-                {id: 6, label: this.localization('LEFT')},
-                {id: 7, label: this.localization('RIGHT')},
+                { id: 8, label: this.localization("I") },
+                { id: 0, label: this.localization("II") },
+                { id: 2, label: this.localization("SELECT") },
+                { id: 3, label: this.localization("RUN") },
+                { id: 4, label: this.localization("UP") },
+                { id: 5, label: this.localization("DOWN") },
+                { id: 6, label: this.localization("LEFT") },
+                { id: 7, label: this.localization("RIGHT") },
             ];
-        } else if ('pce' === this.getControlScheme()) {
+        } else if ("ngp" === this.getControlScheme()) {
             buttons = [
-                {id: 8, label: this.localization('I')},
-                {id: 0, label: this.localization('II')},
-                {id: 2, label: this.localization('SELECT')},
-                {id: 3, label: this.localization('RUN')},
-                {id: 4, label: this.localization('UP')},
-                {id: 5, label: this.localization('DOWN')},
-                {id: 6, label: this.localization('LEFT')},
-                {id: 7, label: this.localization('RIGHT')},
+                { id: 0, label: this.localization("A") },
+                { id: 8, label: this.localization("B") },
+                { id: 3, label: this.localization("OPTION") },
+                { id: 4, label: this.localization("UP") },
+                { id: 5, label: this.localization("DOWN") },
+                { id: 6, label: this.localization("LEFT") },
+                { id: 7, label: this.localization("RIGHT") },
             ];
-        } else if ('ngp' === this.getControlScheme()) {
+        } else if ("ws" === this.getControlScheme()) {
             buttons = [
-                {id: 0, label: this.localization('A')},
-                {id: 8, label: this.localization('B')},
-                {id: 3, label: this.localization('OPTION')},
-                {id: 4, label: this.localization('UP')},
-                {id: 5, label: this.localization('DOWN')},
-                {id: 6, label: this.localization('LEFT')},
-                {id: 7, label: this.localization('RIGHT')},
+                { id: 8, label: this.localization("A") },
+                { id: 0, label: this.localization("B") },
+                { id: 3, label: this.localization("START") },
+                { id: 4, label: this.localization("X UP") },
+                { id: 5, label: this.localization("X DOWN") },
+                { id: 6, label: this.localization("X LEFT") },
+                { id: 7, label: this.localization("X RIGHT") },
+                { id: 13, label: this.localization("Y UP") },
+                { id: 12, label: this.localization("Y DOWN") },
+                { id: 10, label: this.localization("Y LEFT") },
+                { id: 11, label: this.localization("Y RIGHT") },
             ];
-        } else if ('ws' === this.getControlScheme()) {
+        } else if ("coleco" === this.getControlScheme()) {
             buttons = [
-                {id: 8, label: this.localization('A')},
-                {id: 0, label: this.localization('B')},
-                {id: 3, label: this.localization('START')},
-                {id: 4, label: this.localization('X UP')},
-                {id: 5, label: this.localization('X DOWN')},
-                {id: 6, label: this.localization('X LEFT')},
-                {id: 7, label: this.localization('X RIGHT')},
-                {id: 13, label: this.localization('Y UP')},
-                {id: 12, label: this.localization('Y DOWN')},
-                {id: 10, label: this.localization('Y LEFT')},
-                {id: 11, label: this.localization('Y RIGHT')},
+                { id: 8, label: this.localization("LEFT BUTTON") },
+                { id: 0, label: this.localization("RIGHT BUTTON") },
+                { id: 9, label: this.localization("1") },
+                { id: 1, label: this.localization("2") },
+                { id: 11, label: this.localization("3") },
+                { id: 10, label: this.localization("4") },
+                { id: 13, label: this.localization("5") },
+                { id: 12, label: this.localization("6") },
+                { id: 15, label: this.localization("7") },
+                { id: 14, label: this.localization("8") },
+                { id: 2, label: this.localization("*") },
+                { id: 3, label: this.localization("#") },
+                { id: 4, label: this.localization("UP") },
+                { id: 5, label: this.localization("DOWN") },
+                { id: 6, label: this.localization("LEFT") },
+                { id: 7, label: this.localization("RIGHT") },
             ];
-        } else if ('coleco' === this.getControlScheme()) {
+        } else if ("pcfx" === this.getControlScheme()) {
             buttons = [
-                {id: 8, label: this.localization('LEFT BUTTON')},
-                {id: 0, label: this.localization('RIGHT BUTTON')},
-                {id: 9, label: this.localization('1')},
-                {id: 1, label: this.localization('2')},
-                {id: 11, label: this.localization('3')},
-                {id: 10, label: this.localization('4')},
-                {id: 13, label: this.localization('5')},
-                {id: 12, label: this.localization('6')},
-                {id: 15, label: this.localization('7')},
-                {id: 14, label: this.localization('8')},
-                {id: 2, label: this.localization('*')},
-                {id: 3, label: this.localization('#')},
-                {id: 4, label: this.localization('UP')},
-                {id: 5, label: this.localization('DOWN')},
-                {id: 6, label: this.localization('LEFT')},
-                {id: 7, label: this.localization('RIGHT')},
+                { id: 8, label: this.localization("I") },
+                { id: 0, label: this.localization("II") },
+                { id: 9, label: this.localization("III") },
+                { id: 1, label: this.localization("IV") },
+                { id: 10, label: this.localization("V") },
+                { id: 11, label: this.localization("VI") },
+                { id: 3, label: this.localization("RUN") },
+                { id: 2, label: this.localization("SELECT") },
+                { id: 12, label: this.localization("MODE1") },
+                { id: 13, label: this.localization("MODE2") },
+                { id: 4, label: this.localization("UP") },
+                { id: 5, label: this.localization("DOWN") },
+                { id: 6, label: this.localization("LEFT") },
+                { id: 7, label: this.localization("RIGHT") },
             ];
-        } else if ('pcfx' === this.getControlScheme()) {
+        } else if ("psp" === this.getControlScheme()) {
             buttons = [
-                {id: 8, label: this.localization('I')},
-                {id: 0, label: this.localization('II')},
-                {id: 9, label: this.localization('III')},
-                {id: 1, label: this.localization('IV')},
-                {id: 10, label: this.localization('V')},
-                {id: 11, label: this.localization('VI')},
-                {id: 3, label: this.localization('RUN')},
-                {id: 2, label: this.localization('SELECT')},
-                {id: 12, label: this.localization('MODE1')},
-                {id: 13, label: this.localization('MODE2')},
-                {id: 4, label: this.localization('UP')},
-                {id: 5, label: this.localization('DOWN')},
-                {id: 6, label: this.localization('LEFT')},
-                {id: 7, label: this.localization('RIGHT')},
+                { id: 9, label: this.localization("\u25B3") }, // △
+                { id: 1, label: this.localization("\u25A1") }, // □
+                { id: 0, label: this.localization("\uFF58") }, // ｘ
+                { id: 8, label: this.localization("\u25CB") }, // ○
+                { id: 2, label: this.localization("SELECT") },
+                { id: 3, label: this.localization("START") },
+                { id: 4, label: this.localization("UP") },
+                { id: 5, label: this.localization("DOWN") },
+                { id: 6, label: this.localization("LEFT") },
+                { id: 7, label: this.localization("RIGHT") },
+                { id: 10, label: this.localization("L") },
+                { id: 11, label: this.localization("R") },
+                { id: 19, label: this.localization("STICK UP") },
+                { id: 18, label: this.localization("STICK DOWN") },
+                { id: 17, label: this.localization("STICK LEFT") },
+                { id: 16, label: this.localization("STICK RIGHT") },
             ];
         } else {
             buttons = [
-                {id: 0, label: this.localization('B')},
-                {id: 1, label: this.localization('Y')},
-                {id: 2, label: this.localization('SELECT')},
-                {id: 3, label: this.localization('START')},
-                {id: 4, label: this.localization('UP')},
-                {id: 5, label: this.localization('DOWN')},
-                {id: 6, label: this.localization('LEFT')},
-                {id: 7, label: this.localization('RIGHT')},
-                {id: 8, label: this.localization('A')},
-                {id: 9, label: this.localization('X')},
-                {id: 10, label: this.localization('L')},
-                {id: 11, label: this.localization('R')},
-                {id: 12, label: this.localization('L2')},
-                {id: 13, label: this.localization('R2')},
-                {id: 14, label: this.localization('L3')},
-                {id: 15, label: this.localization('R3')},
-                {id: 19, label: this.localization('L STICK UP')},
-                {id: 18, label: this.localization('L STICK DOWN')},
-                {id: 17, label: this.localization('L STICK LEFT')},
-                {id: 16, label: this.localization('L STICK RIGHT')},
-                {id: 23, label: this.localization('R STICK UP')},
-                {id: 22, label: this.localization('R STICK DOWN')},
-                {id: 21, label: this.localization('R STICK LEFT')},
-                {id: 20, label: this.localization('R STICK RIGHT')},
+                { id: 0, label: this.localization("B") },
+                { id: 1, label: this.localization("Y") },
+                { id: 2, label: this.localization("SELECT") },
+                { id: 3, label: this.localization("START") },
+                { id: 4, label: this.localization("UP") },
+                { id: 5, label: this.localization("DOWN") },
+                { id: 6, label: this.localization("LEFT") },
+                { id: 7, label: this.localization("RIGHT") },
+                { id: 8, label: this.localization("A") },
+                { id: 9, label: this.localization("X") },
+                { id: 10, label: this.localization("L") },
+                { id: 11, label: this.localization("R") },
+                { id: 12, label: this.localization("L2") },
+                { id: 13, label: this.localization("R2") },
+                { id: 14, label: this.localization("L3") },
+                { id: 15, label: this.localization("R3") },
+                { id: 19, label: this.localization("L STICK UP") },
+                { id: 18, label: this.localization("L STICK DOWN") },
+                { id: 17, label: this.localization("L STICK LEFT") },
+                { id: 16, label: this.localization("L STICK RIGHT") },
+                { id: 23, label: this.localization("R STICK UP") },
+                { id: 22, label: this.localization("R STICK DOWN") },
+                { id: 21, label: this.localization("R STICK LEFT") },
+                { id: 20, label: this.localization("R STICK RIGHT") },
             ];
         }
-        if (['arcade', 'mame'].includes(this.getControlScheme())) {
+        if (["arcade", "mame"].includes(this.getControlScheme())) {
             for (const buttonIdx in buttons) {
                 if (buttons[buttonIdx].id === 2) {
-                    buttons[buttonIdx].label = this.localization('INSERT COIN');
+                    buttons[buttonIdx].label = this.localization("INSERT COIN");
                 }
             }
         }
         buttons.push(
-            {id: 24, label: this.localization('QUICK SAVE STATE')},
-            {id: 25, label: this.localization('QUICK LOAD STATE')},
-            {id: 26, label: this.localization('CHANGE STATE SLOT')},
-            {id: 27, label: this.localization('FAST FORWARD')},
-            {id: 29, label: this.localization('SLOW MOTION')},
-            {id: 28, label: this.localization('REWIND')}
+            { id: 24, label: this.localization("QUICK SAVE STATE") },
+            { id: 25, label: this.localization("QUICK LOAD STATE") },
+            { id: 26, label: this.localization("CHANGE STATE SLOT") },
+            { id: 27, label: this.localization("FAST FORWARD") },
+            { id: 29, label: this.localization("SLOW MOTION") },
+            { id: 28, label: this.localization("REWIND") }
         );
         let nums = [];
-        for (let i=0; i<buttons.length; i++) {
+        for (let i = 0; i < buttons.length; i++) {
             nums.push(buttons[i].id);
         }
-        for (let i=0; i<30; i++) {
+        for (let i = 0; i < 30; i++) {
             if (!nums.includes(i)) {
                 delete this.defaultControllers[0][i];
                 delete this.defaultControllers[1][i];
@@ -2532,52 +2843,75 @@ class EmulatorJS {
         let selectedPlayer;
         let players = [];
         let playerDivs = [];
-        
+
         const playerSelect = this.createElement("ul");
         playerSelect.classList.add("ejs_control_player_bar");
-        for (let i=1; i<5; i++) {
+        for (let i = 1; i < 5; i++) {
             const playerContainer = this.createElement("li");
             playerContainer.classList.add("tabs-title");
             playerContainer.setAttribute("role", "presentation");
             const player = this.createElement("a");
-            player.innerText = this.localization("Player")+" "+i;
+            player.innerText = this.localization("Player") + " " + i;
             player.setAttribute("role", "tab");
-            player.setAttribute("aria-controls", "controls-"+(i-1));
+            player.setAttribute("aria-controls", "controls-" + (i - 1));
             player.setAttribute("aria-selected", "false");
-            player.id = "controls-"+(i-1)+"-label";
+            player.id = "controls-" + (i - 1) + "-label";
             this.addEventListener(player, "click", (e) => {
                 e.preventDefault();
                 players[selectedPlayer].classList.remove("ejs_control_selected");
                 playerDivs[selectedPlayer].setAttribute("hidden", "");
-                selectedPlayer = i-1;
-                players[i-1].classList.add("ejs_control_selected");
-                playerDivs[i-1].removeAttribute("hidden");
+                selectedPlayer = i - 1;
+                players[i - 1].classList.add("ejs_control_selected");
+                playerDivs[i - 1].removeAttribute("hidden");
             })
             playerContainer.appendChild(player);
             playerSelect.appendChild(playerContainer);
             players.push(playerContainer);
         }
         body.appendChild(playerSelect);
-        
+
         const controls = this.createElement("div");
-        for (let i=0; i<4; i++) {
+        for (let i = 0; i < 4; i++) {
             if (!this.controls[i]) this.controls[i] = {};
             const player = this.createElement("div");
             const playerTitle = this.createElement("div");
-            
+
             const gamepadTitle = this.createElement("div");
-            gamepadTitle.style = "font-size:12px;";
-            gamepadTitle.innerText = this.localization("Connected Gamepad")+": ";
-            
-            const gamepadName = this.createElement("span");
+            gamepadTitle.innerText = this.localization("Connected Gamepad") + ": ";
+
+            const gamepadName = this.createElement("select");
+            gamepadName.classList.add("ejs_gamepad_dropdown");
+            gamepadName.setAttribute("title", "gamepad-" + i);
+            gamepadName.setAttribute("index", i);
             this.gamepadLabels.push(gamepadName);
-            gamepadName.innerText = "n/a";
+            this.gamepadSelection.push("");
+            this.addEventListener(gamepadName, "change", e => {
+                const controller = e.target.value;
+                const player = parseInt(e.target.getAttribute("index"));
+                if (controller === "notconnected") {
+                    this.gamepadSelection[player] = "";
+                } else {
+                    for (let i = 0; i < this.gamepadSelection.length; i++) {
+                        if (player === i) continue;
+                        if (this.gamepadSelection[i] === controller) {
+                            this.gamepadSelection[i] = "";
+                        }
+                    }
+                    this.gamepadSelection[player] = controller;
+                    this.updateGamepadLabels();
+                }
+            });
+            const def = this.createElement("option");
+            def.setAttribute("value", "notconnected");
+            def.innerText = "Not Connected";
+            gamepadName.appendChild(def);
             gamepadTitle.appendChild(gamepadName);
-            
+            gamepadTitle.classList.add("ejs_gamepad_section");
+
             const leftPadding = this.createElement("div");
             leftPadding.style = "width:25%;float:left;";
             leftPadding.innerHTML = "&nbsp;";
-            
+
             const aboutParent = this.createElement("div");
             aboutParent.style = "font-size:12px;width:50%;float:left;";
             const gamepad = this.createElement("div");
@@ -2588,15 +2922,15 @@ class EmulatorJS {
             keyboard.style = "text-align:center;width:50%;float:left;";
             keyboard.innerText = this.localization("Keyboard");
             aboutParent.appendChild(keyboard);
-            
+
             const headingPadding = this.createElement("div");
             headingPadding.style = "clear:both;";
-            
+
             playerTitle.appendChild(gamepadTitle);
             playerTitle.appendChild(leftPadding);
             playerTitle.appendChild(aboutParent);
-            
-            if ((this.touch || navigator.maxTouchPoints > 0) && i === 0) {
+
+            if ((this.touch || this.hasTouchScreen) && i === 0) {
                 const vgp = this.createElement("div");
                 vgp.style = "width:25%;float:right;clear:none;padding:0;font-size: 11px;padding-left: 2.25rem;";
                 vgp.classList.add("ejs_control_row");
@@ -2613,21 +2947,20 @@ class EmulatorJS {
                 vgp.appendChild(label);
                 label.addEventListener("click", (e) => {
                     input.checked = !input.checked;
-                    this.changeSettingOption('virtual-gamepad', input.checked ? 'enabled' : "disabled");
+                    this.changeSettingOption("virtual-gamepad", input.checked ? "enabled" : "disabled");
                 })
                 this.on("start", (e) => {
-                    if (this.settings["virtual-gamepad"] === "disabled") {
+                    if (this.getSettingValue("virtual-gamepad") === "disabled") {
                         input.checked = false;
                     }
                 })
                 playerTitle.appendChild(vgp);
             }
-            
+
             playerTitle.appendChild(headingPadding);
-            
-            
+
             player.appendChild(playerTitle);
-            
+
             for (const buttonIdx in buttons) {
                 const k = buttons[buttonIdx].id;
                 const controlLabel = buttons[buttonIdx].label;
@@ -2638,17 +2971,16 @@ class EmulatorJS {
                 buttonText.setAttribute("data-label", controlLabel);
                 buttonText.style = "margin-bottom:10px;";
                 buttonText.classList.add("ejs_control_bar");
-                
-                
+
                 const title = this.createElement("div");
                 title.style = "width:25%;float:left;font-size:12px;";
                 const label = this.createElement("label");
-                label.innerText = controlLabel+":";
+                label.innerText = controlLabel + ":";
                 title.appendChild(label);
-                
+
                 const textBoxes = this.createElement("div");
                 textBoxes.style = "width:50%;float:left;";
-                
+
                 const textBox1Parent = this.createElement("div");
                 textBox1Parent.style = "width:50%;float:left;padding: 0 5px;";
                 const textBox1 = this.createElement("input");
@@ -2657,7 +2989,7 @@ class EmulatorJS {
                 textBox1.setAttribute("readonly", "");
                 textBox1.setAttribute("placeholder", "");
                 textBox1Parent.appendChild(textBox1);
-                
+
                 const textBox2Parent = this.createElement("div");
                 textBox2Parent.style = "width:50%;float:left;padding: 0 5px;";
                 const textBox2 = this.createElement("input");
@@ -2666,7 +2998,7 @@ class EmulatorJS {
                 textBox2.setAttribute("readonly", "");
                 textBox2.setAttribute("placeholder", "");
                 textBox2Parent.appendChild(textBox2);
-                
+
                 buttonListeners.push(() => {
                     textBox2.value = "";
                     textBox1.value = "";
@@ -2680,15 +3012,15 @@ class EmulatorJS {
                         if (value2.includes(":")) {
                             value2 = value2.split(":");
                             value2 = this.localization(value2[0]) + ":" + this.localization(value2[1])
-                        } else if (!isNaN(value2)){
-                            value2 = this.localization("BUTTON")+" "+this.localization(value2);
+                        } else if (!isNaN(value2)) {
+                            value2 = this.localization("BUTTON") + " " + this.localization(value2);
                         } else {
                             value2 = this.localization(value2);
                         }
                         textBox1.value = value2;
                     }
                 })
-                
+
                 if (this.controls[i][k] && this.controls[i][k].value) {
                     let value = this.keyMap[this.controls[i][k].value];
                     value = this.localization(value);
@@ -2699,42 +3031,42 @@ class EmulatorJS {
                     if (value2.includes(":")) {
                         value2 = value2.split(":");
                         value2 = this.localization(value2[0]) + ":" + this.localization(value2[1])
-                    } else if (!isNaN(value2)){
-                        value2 = this.localization("BUTTON")+" "+this.localization(value2);
+                    } else if (!isNaN(value2)) {
+                        value2 = this.localization("BUTTON") + " " + this.localization(value2);
                     } else {
                         value2 = this.localization(value2);
                     }
                     textBox1.value = value2;
                 }
-                
+
                 textBoxes.appendChild(textBox1Parent);
                 textBoxes.appendChild(textBox2Parent);
-                
+
                 const padding = this.createElement("div");
                 padding.style = "clear:both;";
                 textBoxes.appendChild(padding);
-                
+
                 const setButton = this.createElement("div");
                 setButton.style = "width:25%;float:left;";
                 const button = this.createElement("a");
                 button.classList.add("ejs_control_set_button");
                 button.innerText = this.localization("Set");
                 setButton.appendChild(button);
-                
+
                 const padding2 = this.createElement("div");
                 padding2.style = "clear:both;";
-                
+
                 buttonText.appendChild(title);
                 buttonText.appendChild(textBoxes);
                 buttonText.appendChild(setButton);
                 buttonText.appendChild(padding2);
-                
+
                 player.appendChild(buttonText);
-                
+
                 this.addEventListener(buttonText, "mousedown", (e) => {
                     e.preventDefault();
                     this.controlPopup.parentElement.parentElement.removeAttribute("hidden");
-                    this.controlPopup.innerText = "[ " + controlLabel + " ]\n"+this.localization("Press Keyboard");
+                    this.controlPopup.innerText = "[ " + controlLabel + " ]\n" + this.localization("Press Keyboard");
                     this.controlPopup.setAttribute("button-num", k);
                     this.controlPopup.setAttribute("player-num", i);
                 })
@@ -2744,14 +3076,12 @@ class EmulatorJS {
             playerDivs.push(player);
         }
         body.appendChild(controls);
-        
-        
+
         selectedPlayer = 0;
         players[0].classList.add("ejs_control_selected");
         playerDivs[0].removeAttribute("hidden");
-        
-        
-        const popup = this.createElement('div');
+
+        const popup = this.createElement("div");
         popup.classList.add("ejs_popup_container");
         const popupMsg = this.createElement("div");
         this.addEventListener(popup, "mousedown click touchstart", (e) => {
@@ -2783,115 +3113,114 @@ class EmulatorJS {
         popupMsg.appendChild(this.createElement("br"));
         popupMsg.appendChild(btn);
         this.controlMenu.appendChild(popup);
-        
     }
     initControlVars() {
         this.defaultControllers = {
             0: {
                 0: {
-                    'value': 'x',
-                    'value2': 'BUTTON_2'
+                    "value": "x",
+                    "value2": "BUTTON_2"
                 },
                 1: {
-                    'value': 's',
-                    'value2': 'BUTTON_4'
+                    "value": "s",
+                    "value2": "BUTTON_4"
                 },
                 2: {
-                    'value': 'v',
-                    'value2': 'SELECT'
+                    "value": "v",
+                    "value2": "SELECT"
                 },
                 3: {
-                    'value': 'enter',
-                    'value2': 'START'
+                    "value": "enter",
+                    "value2": "START"
                 },
                 4: {
-                    'value': 'up arrow',
-                    'value2': 'DPAD_UP'
+                    "value": "up arrow",
+                    "value2": "DPAD_UP"
                 },
                 5: {
-                    'value': 'down arrow',
-                    'value2': 'DPAD_DOWN'
+                    "value": "down arrow",
+                    "value2": "DPAD_DOWN"
                 },
                 6: {
-                    'value': 'left arrow',
-                    'value2': 'DPAD_LEFT'
+                    "value": "left arrow",
+                    "value2": "DPAD_LEFT"
                 },
                 7: {
-                    'value': 'right arrow',
-                    'value2': 'DPAD_RIGHT'
+                    "value": "right arrow",
+                    "value2": "DPAD_RIGHT"
                 },
                 8: {
-                    'value': 'z',
-                    'value2': 'BUTTON_1'
+                    "value": "z",
+                    "value2": "BUTTON_1"
                 },
                 9: {
-                    'value': 'a',
-                    'value2': 'BUTTON_3'
+                    "value": "a",
+                    "value2": "BUTTON_3"
                 },
                 10: {
-                    'value': 'q',
-                    'value2': 'LEFT_TOP_SHOULDER'
+                    "value": "q",
+                    "value2": "LEFT_TOP_SHOULDER"
                 },
                 11: {
-                    'value': 'e',
-                    'value2': 'RIGHT_TOP_SHOULDER'
+                    "value": "e",
+                    "value2": "RIGHT_TOP_SHOULDER"
                 },
                 12: {
-                    'value': 'tab',
-                    'value2': 'LEFT_BOTTOM_SHOULDER'
+                    "value": "tab",
+                    "value2": "LEFT_BOTTOM_SHOULDER"
                 },
                 13: {
-                    'value': 'r',
-                    'value2': 'RIGHT_BOTTOM_SHOULDER'
+                    "value": "r",
+                    "value2": "RIGHT_BOTTOM_SHOULDER"
                 },
                 14: {
-                    'value': '',
-                    'value2': 'LEFT_STICK',
+                    "value": "",
+                    "value2": "LEFT_STICK",
                 },
                 15: {
-                    'value': '',
-                    'value2': 'RIGHT_STICK',
+                    "value": "",
+                    "value2": "RIGHT_STICK",
                 },
                 16: {
-                    'value': 'h',
-                    'value2': 'LEFT_STICK_X:+1'
+                    "value": "h",
+                    "value2": "LEFT_STICK_X:+1"
                 },
                 17: {
-                    'value': 'f',
-                    'value2': 'LEFT_STICK_X:-1'
+                    "value": "f",
+                    "value2": "LEFT_STICK_X:-1"
                 },
                 18: {
-                    'value': 'g',
-                    'value2': 'LEFT_STICK_Y:+1'
+                    "value": "g",
+                    "value2": "LEFT_STICK_Y:+1"
                 },
                 19: {
-                    'value': 't',
-                    'value2': 'LEFT_STICK_Y:-1'
+                    "value": "t",
+                    "value2": "LEFT_STICK_Y:-1"
                 },
                 20: {
-                    'value': 'l',
-                    'value2': 'RIGHT_STICK_X:+1'
+                    "value": "l",
+                    "value2": "RIGHT_STICK_X:+1"
                 },
                 21: {
-                    'value': 'j',
-                    'value2': 'RIGHT_STICK_X:-1'
+                    "value": "j",
+                    "value2": "RIGHT_STICK_X:-1"
                 },
                 22: {
-                    'value': 'k',
-                    'value2': 'RIGHT_STICK_Y:+1'
+                    "value": "k",
+                    "value2": "RIGHT_STICK_Y:+1"
                 },
                 23: {
-                    'value': 'i',
-                    'value2': 'RIGHT_STICK_Y:-1'
+                    "value": "i",
+                    "value2": "RIGHT_STICK_Y:-1"
                 },
                 24: {
-                    'value': '1'
+                    "value": "1"
                 },
                 25: {
-                    'value': '2'
+                    "value": "2"
                 },
                 26: {
-                    'value': '3'
+                    "value": "3"
                 },
                 27: {},
                 28: {},
@@ -2902,116 +3231,116 @@ class EmulatorJS {
             3: {}
         }
         this.keyMap = {
-            0: '',
-            8: 'backspace',
-            9: 'tab',
-            13: 'enter',
-            16: 'shift',
-            17: 'ctrl',
-            18: 'alt',
-            19: 'pause/break',
-            20: 'caps lock',
-            27: 'escape',
-            32: 'space',
-            33: 'page up',
-            34: 'page down',
-            35: 'end',
-            36: 'home',
-            37: 'left arrow',
-            38: 'up arrow',
-            39: 'right arrow',
-            40: 'down arrow',
-            45: 'insert',
-            46: 'delete',
-            48: '0',
-            49: '1',
-            50: '2',
-            51: '3',
-            52: '4',
-            53: '5',
-            54: '6',
-            55: '7',
-            56: '8',
-            57: '9',
-            65: 'a',
-            66: 'b',
-            67: 'c',
-            68: 'd',
-            69: 'e',
-            70: 'f',
-            71: 'g',
-            72: 'h',
-            73: 'i',
-            74: 'j',
-            75: 'k',
-            76: 'l',
-            77: 'm',
-            78: 'n',
-            79: 'o',
-            80: 'p',
-            81: 'q',
-            82: 'r',
-            83: 's',
-            84: 't',
-            85: 'u',
-            86: 'v',
-            87: 'w',
-            88: 'x',
-            89: 'y',
-            90: 'z',
-            91: 'left window key',
-            92: 'right window key',
-            93: 'select key',
-            96: 'numpad 0',
-            97: 'numpad 1',
-            98: 'numpad 2',
-            99: 'numpad 3',
-            100: 'numpad 4',
-            101: 'numpad 5',
-            102: 'numpad 6',
-            103: 'numpad 7',
-            104: 'numpad 8',
-            105: 'numpad 9',
-            106: 'multiply',
-            107: 'add',
-            109: 'subtract',
-            110: 'decimal point',
-            111: 'divide',
-            112: 'f1',
-            113: 'f2',
-            114: 'f3',
-            115: 'f4',
-            116: 'f5',
-            117: 'f6',
-            118: 'f7',
-            119: 'f8',
-            120: 'f9',
-            121: 'f10',
-            122: 'f11',
-            123: 'f12',
-            144: 'num lock',
-            145: 'scroll lock',
-            186: 'semi-colon',
-            187: 'equal sign',
-            188: 'comma',
-            189: 'dash',
-            190: 'period',
-            191: 'forward slash',
-            192: 'grave accent',
-            219: 'open bracket',
-            220: 'back slash',
-            221: 'close braket',
-            222: 'single quote'
+            0: "",
+            8: "backspace",
+            9: "tab",
+            13: "enter",
+            16: "shift",
+            17: "ctrl",
+            18: "alt",
+            19: "pause/break",
+            20: "caps lock",
+            27: "escape",
+            32: "space",
+            33: "page up",
+            34: "page down",
+            35: "end",
+            36: "home",
+            37: "left arrow",
+            38: "up arrow",
+            39: "right arrow",
+            40: "down arrow",
+            45: "insert",
+            46: "delete",
+            48: "0",
+            49: "1",
+            50: "2",
+            51: "3",
+            52: "4",
+            53: "5",
+            54: "6",
+            55: "7",
+            56: "8",
+            57: "9",
+            65: "a",
+            66: "b",
+            67: "c",
+            68: "d",
+            69: "e",
+            70: "f",
+            71: "g",
+            72: "h",
+            73: "i",
+            74: "j",
+            75: "k",
+            76: "l",
+            77: "m",
+            78: "n",
+            79: "o",
+            80: "p",
+            81: "q",
+            82: "r",
+            83: "s",
+            84: "t",
+            85: "u",
+            86: "v",
+            87: "w",
+            88: "x",
+            89: "y",
+            90: "z",
+            91: "left window key",
+            92: "right window key",
+            93: "select key",
+            96: "numpad 0",
+            97: "numpad 1",
+            98: "numpad 2",
+            99: "numpad 3",
+            100: "numpad 4",
+            101: "numpad 5",
+            102: "numpad 6",
+            103: "numpad 7",
+            104: "numpad 8",
+            105: "numpad 9",
+            106: "multiply",
+            107: "add",
+            109: "subtract",
+            110: "decimal point",
+            111: "divide",
+            112: "f1",
+            113: "f2",
+            114: "f3",
+            115: "f4",
+            116: "f5",
+            117: "f6",
+            118: "f7",
+            119: "f8",
+            120: "f9",
+            121: "f10",
+            122: "f11",
+            123: "f12",
+            144: "num lock",
+            145: "scroll lock",
+            186: "semi-colon",
+            187: "equal sign",
+            188: "comma",
+            189: "dash",
+            190: "period",
+            191: "forward slash",
+            192: "grave accent",
+            219: "open bracket",
+            220: "back slash",
+            221: "close braket",
+            222: "single quote"
         }
     }
     setupKeys() {
-        for (let i=0; i<4; i++) {
-            for (let j=0; j<30; j++) {
+        for (let i = 0; i < 4; i++) {
+            for (let j = 0; j < 30; j++) {
                 if (this.controls[i][j]) {
                     this.controls[i][j].value = parseInt(this.keyLookup(this.controls[i][j].value));
                     if (this.controls[i][j].value === -1 && this.debug) {
                         delete this.controls[i][j].value;
-                        console.warn("Invalid key for control "+j+" player "+i);
+                        console.warn("Invalid key for control " + j + " player " + i);
                     }
                 }
             }
@@ -3043,20 +3372,24 @@ class EmulatorJS {
             this.saveSettings();
             return;
         }
-        if (this.settingsMenu.style.display !== "none" || this.isPopupOpen()) return;
+        if (this.settingsMenu.style.display !== "none" || this.isPopupOpen() || this.getSettingValue("keyboardInput") === "enabled") return;
         e.preventDefault();
         const special = [16, 17, 18, 19, 20, 21, 22, 23];
-        for (let i=0; i<4; i++) {
-            for (let j=0; j<30; j++) {
+        for (let i = 0; i < 4; i++) {
+            for (let j = 0; j < 30; j++) {
                 if (this.controls[i][j] && this.controls[i][j].value === e.keyCode) {
-                    this.gameManager.simulateInput(i, j, (e.type === 'keyup' ? 0 : (special.includes(j) ? 0x7fff : 1)));
+                    this.gameManager.simulateInput(i, j, (e.type === "keyup" ? 0 : (special.includes(j) ? 0x7fff : 1)));
                 }
             }
         }
     }
     gamepadEvent(e) {
         if (!this.started) return;
-        const value = function(value) {
+        const gamepadIndex = this.gamepadSelection.indexOf(this.gamepad.gamepads[e.gamepadIndex].id + "_" + this.gamepad.gamepads[e.gamepadIndex].index);
+        if (gamepadIndex < 0) {
+            return; // Gamepad not set anywhere
+        }
+        const value = function (value) {
             if (value > 0.5 || value < -0.5) {
                 return (value > 0) ? 1 : -1;
             } else {
@@ -3064,10 +3397,10 @@ class EmulatorJS {
             }
         }(e.value || 0);
         if (this.controlPopup.parentElement.parentElement.getAttribute("hidden") === null) {
-            if ('buttonup' === e.type || (e.type === "axischanged" && value === 0)) return;
+            if ("buttonup" === e.type || (e.type === "axischanged" && value === 0)) return;
             const num = this.controlPopup.getAttribute("button-num");
             const player = parseInt(this.controlPopup.getAttribute("player-num"));
-            if (e.gamepadIndex !== player) return;
+            if (gamepadIndex !== player) return;
             if (!this.controls[player][num]) {
                 this.controls[player][num] = {};
             }
@@ -3079,20 +3412,20 @@ class EmulatorJS {
         }
         if (this.settingsMenu.style.display !== "none" || this.isPopupOpen()) return;
         const special = [16, 17, 18, 19, 20, 21, 22, 23];
-        for (let i=0; i<4; i++) {
-            if (e.gamepadIndex !== i) continue;
-            for (let j=0; j<30; j++) {
+        for (let i = 0; i < 4; i++) {
+            if (gamepadIndex !== i) continue;
+            for (let j = 0; j < 30; j++) {
                 if (!this.controls[i][j] || this.controls[i][j].value2 === undefined) {
                     continue;
                 }
                 const controlValue = this.controls[i][j].value2;
 
-                if (['buttonup', 'buttondown'].includes(e.type) && (controlValue === e.label || controlValue === e.index)) {
-                    this.gameManager.simulateInput(i, j, (e.type === 'buttonup' ? 0 : (special.includes(j) ? 0x7fff : 1)));
+                if (["buttonup", "buttondown"].includes(e.type) && (controlValue === e.label || controlValue === e.index)) {
+                    this.gameManager.simulateInput(i, j, (e.type === "buttonup" ? 0 : (special.includes(j) ? 0x7fff : 1)));
                 } else if (e.type === "axischanged") {
-                    if (typeof controlValue === 'string' && controlValue.split(":")[0] === e.axis) {
+                    if (typeof controlValue === "string" && controlValue.split(":")[0] === e.axis) {
                         if (special.includes(j)) {
-                            if (e.axis === 'LEFT_STICK_X') {
+                            if (j === 16 || j === 17) {
                                 if (e.value > 0) {
                                     this.gameManager.simulateInput(i, 16, 0x7fff * e.value);
                                     this.gameManager.simulateInput(i, 17, 0);
@@ -3100,7 +3433,7 @@ class EmulatorJS {
                                     this.gameManager.simulateInput(i, 17, -0x7fff * e.value);
                                     this.gameManager.simulateInput(i, 16, 0);
                                 }
-                            } else if (e.axis === 'LEFT_STICK_Y') {
+                            } else if (j === 18 || j === 19) {
                                 if (e.value > 0) {
                                     this.gameManager.simulateInput(i, 18, 0x7fff * e.value);
                                     this.gameManager.simulateInput(i, 19, 0);
@@ -3108,7 +3441,7 @@ class EmulatorJS {
                                     this.gameManager.simulateInput(i, 19, -0x7fff * e.value);
                                     this.gameManager.simulateInput(i, 18, 0);
                                 }
-                            } else if (e.axis === 'RIGHT_STICK_X') {
+                            } else if (j === 20 || j === 21) {
                                 if (e.value > 0) {
                                     this.gameManager.simulateInput(i, 20, 0x7fff * e.value);
                                     this.gameManager.simulateInput(i, 21, 0);
@@ -3116,12 +3449,12 @@ class EmulatorJS {
                                     this.gameManager.simulateInput(i, 21, -0x7fff * e.value);
                                     this.gameManager.simulateInput(i, 20, 0);
                                 }
-                            } else if (e.axis === 'RIGHT_STICK_Y') {
+                            } else if (j === 22 || j === 23) {
                                 if (e.value > 0) {
                                     this.gameManager.simulateInput(i, 22, 0x7fff * e.value);
                                     this.gameManager.simulateInput(i, 23, 0);
                                 } else {
-                                    this.gameManager.simulateInput(i, 23, 0x7fff * e.value);
+                                    this.gameManager.simulateInput(i, 23, -0x7fff * e.value);
                                     this.gameManager.simulateInput(i, 22, 0);
                                 }
                             }
@@ -3142,15 +3475,15 @@ class EmulatorJS {
         this.elements.parent.appendChild(this.virtualGamepad);
 
         const speedControlButtons = [
-            {"type":"button","text":"Fast","id":"speed_fast","location":"center","left":-35,"top":50,"fontSize":15,"block":true,"input_value":27},
-            {"type":"button","text":"Slow","id":"speed_slow","location":"center","left":95,"top":50,"fontSize":15,"block":true,"input_value":29},
+            { "type": "button", "text": "Fast", "id": "speed_fast", "location": "center", "left": -35, "top": 50, "fontSize": 15, "block": true, "input_value": 27 },
+            { "type": "button", "text": "Slow", "id": "speed_slow", "location": "center", "left": 95, "top": 50, "fontSize": 15, "block": true, "input_value": 29 },
         ];
         if (this.rewindEnabled) {
-            speedControlButtons.push({"type":"button","text":"Rewind","id":"speed_rewind","location":"center","left":30,"top":50,"fontSize":15,"block":true,"input_value":28});
+            speedControlButtons.push({ "type": "button", "text": "Rewind", "id": "speed_rewind", "location": "center", "left": 30, "top": 50, "fontSize": 15, "block": true, "input_value": 28 });
         }
 
         let info;
-        if (this.config.VirtualGamepadSettings && function(set) {
+        if (this.config.VirtualGamepadSettings && function (set) {
             if (!Array.isArray(set)) {
                 console.warn("Virtual gamepad settings is not array! Using default gamepad settings");
                 return false;
@@ -3159,30 +3492,30 @@ class EmulatorJS {
                 console.warn("Virtual gamepad settings is empty! Using default gamepad settings");
                 return false;
             }
-            for (let i=0; i<set.length; i++) {
+            for (let i = 0; i < set.length; i++) {
                 if (!set[i].type) continue;
                 try {
-                    if (set[i].type === 'zone' || set[i].type === 'dpad') {
+                    if (set[i].type === "zone" || set[i].type === "dpad") {
                         if (!set[i].location) {
-                            console.warn("Missing location value for "+set[i].type+"! Using default gamepad settings");
+                            console.warn("Missing location value for " + set[i].type + "! Using default gamepad settings");
                             return false;
                         } else if (!set[i].inputValues) {
-                            console.warn("Missing inputValues for "+set[i].type+"! Using default gamepad settings");
+                            console.warn("Missing inputValues for " + set[i].type + "! Using default gamepad settings");
                             return false;
                         }
                         continue;
                     }
                     if (!set[i].location) {
-                        console.warn("Missing location value for button "+set[i].text+"! Using default gamepad settings");
+                        console.warn("Missing location value for button " + set[i].text + "! Using default gamepad settings");
                         return false;
                     } else if (!set[i].type) {
-                        console.warn("Missing type value for button "+set[i].text+"! Using default gamepad settings");
+                        console.warn("Missing type value for button " + set[i].text + "! Using default gamepad settings");
                         return false;
                     } else if (!set[i].id.toString()) {
-                        console.warn("Missing id value for button "+set[i].text+"! Using default gamepad settings");
+                        console.warn("Missing id value for button " + set[i].text + "! Using default gamepad settings");
                         return false;
                     } else if (!set[i].input_value.toString()) {
-                        console.warn("Missing input_value for button "+set[i].text+"! Using default gamepad settings");
+                        console.warn("Missing input_value for button " + set[i].text + "! Using default gamepad settings");
                         return false;
                     }
                 } catch(e) {
@@ -3195,245 +3528,244 @@ class EmulatorJS {
             info = this.config.VirtualGamepadSettings;
         } else if ("gba" === this.getControlScheme()) {
             info = [
-                {"type":"button","text":"B","id":"b","location":"right","left":10,"top":70,"bold":true,"input_value":0},
-                {"type":"button","text":"A","id":"a","location":"right","left":81,"top":40,"bold":true,"input_value":8},
-                {"type":"dpad","id":"dpad","location":"left","left":"50%","top":"50%","joystickInput":false,"inputValues":[4,5,6,7]},
-                {"type":"button","text":"Start","id":"start","location":"center","left":60,"fontSize":15,"block":true,"input_value":3},
-                {"type":"button","text":"Select","id":"select","location":"center","left":-5,"fontSize":15,"block":true,"input_value":2},
-                {"type":"button","text":"L","id":"l","location":"left","left":3,"top":-90,"bold":true,"block":true,"input_value":10},
-                {"type":"button","text":"R","id":"r","location":"right","right":3,"top":-90,"bold":true,"block":true,"input_value":11}
+                { "type": "button", "text": "B", "id": "b", "location": "right", "left": 10, "top": 70, "bold": true, "input_value": 0 },
+                { "type": "button", "text": "A", "id": "a", "location": "right", "left": 81, "top": 40, "bold": true, "input_value": 8 },
+                { "type": "dpad", "id": "dpad", "location": "left", "left": "50%", "top": "50%", "joystickInput": false, "inputValues": [4, 5, 6, 7] },
+                { "type": "button", "text": "Start", "id": "start", "location": "center", "left": 60, "fontSize": 15, "block": true, "input_value": 3 },
+                { "type": "button", "text": "Select", "id": "select", "location": "center", "left": -5, "fontSize": 15, "block": true, "input_value": 2 },
+                { "type": "button", "text": "L", "id": "l", "location": "left", "left": 3, "top": -90, "bold": true, "block": true, "input_value": 10 },
+                { "type": "button", "text": "R", "id": "r", "location": "right", "right": 3, "top": -90, "bold": true, "block": true, "input_value": 11 }
             ];
             info.push(...speedControlButtons);
         } else if ("gb" === this.getControlScheme()) {
             info = [
-                {"type":"button","text":"A","id":"a","location":"right","left":81,"top":40,"bold":true,"input_value":8},
-                {"type":"button","text":"B","id":"b","location":"right","left":10,"top":70,"bold":true,"input_value":0},
-                {"type":"dpad","id":"dpad","location":"left","left":"50%","top":"50%","joystickInput":false,"inputValues":[4,5,6,7]},
-                {"type":"button","text":"Start","id":"start","location":"center","left":60,"fontSize":15,"block":true,"input_value":3},
-                {"type":"button","text":"Select","id":"select","location":"center","left":-5,"fontSize":15,"block":true,"input_value":2}
+                { "type": "button", "text": "A", "id": "a", "location": "right", "left": 81, "top": 40, "bold": true, "input_value": 8 },
+                { "type": "button", "text": "B", "id": "b", "location": "right", "left": 10, "top": 70, "bold": true, "input_value": 0 },
+                { "type": "dpad", "id": "dpad", "location": "left", "left": "50%", "top": "50%", "joystickInput": false, "inputValues": [4, 5, 6, 7] },
+                { "type": "button", "text": "Start", "id": "start", "location": "center", "left": 60, "fontSize": 15, "block": true, "input_value": 3 },
+                { "type": "button", "text": "Select", "id": "select", "location": "center", "left": -5, "fontSize": 15, "block": true, "input_value": 2 }
             ];
             info.push(...speedControlButtons);
-        } else if ('nes' === this.getControlScheme()) {
+        } else if ("nes" === this.getControlScheme()) {
             info = [
-                {"type":"button","text":"B","id":"b","location":"right","right":75,"top":70,"bold":true,"input_value":0},
-                {"type":"button","text":"A","id":"a","location":"right","right":5,"top":70,"bold":true,"input_value":8},
-                {"type":"dpad","id":"dpad","location":"left","left":"50%","right":"50%","joystickInput":false,"inputValues":[4,5,6,7]},
-                {"type":"button","text":"Start","id":"start","location":"center","left":60,"fontSize":15,"block":true,"input_value":3},
-                {"type":"button","text":"Select","id":"select","location":"center","left":-5,"fontSize":15,"block":true,"input_value":2}
+                { "type": "button", "text": "B", "id": "b", "location": "right", "right": 75, "top": 70, "bold": true, "input_value": 0 },
+                { "type": "button", "text": "A", "id": "a", "location": "right", "right": 5, "top": 70, "bold": true, "input_value": 8 },
+                { "type": "dpad", "id": "dpad", "location": "left", "left": "50%", "right": "50%", "joystickInput": false, "inputValues": [4, 5, 6, 7] },
+                { "type": "button", "text": "Start", "id": "start", "location": "center", "left": 60, "fontSize": 15, "block": true, "input_value": 3 },
+                { "type": "button", "text": "Select", "id": "select", "location": "center", "left": -5, "fontSize": 15, "block": true, "input_value": 2 }
             ];
             info.push(...speedControlButtons);
-        } else if ('n64' === this.getControlScheme()) {
+        } else if ("n64" === this.getControlScheme()) {
             info = [
-                {"type":"button","text":"B","id":"b","location":"right","left":-10,"top":95,"input_value":1,"bold":true},
-                {"type":"button","text":"A","id":"a","location":"right","left":40,"top":150,"input_value":0,"bold":true},
-                {"type":"zone","id":"stick","location":"left","left":"50%","top":"100%","joystickInput":true,"inputValues":[16, 17, 18, 19]},
-                {"type":"zone","id":"dpad","location":"left","left":"50%","top":"0%","joystickInput":false,"inputValues":[4,5,6,7]},
-                {"type":"button","text":"Start","id":"start","location":"center","left":30,"top":-10,"fontSize":15,"block":true,"input_value":3},
-                {"type":"button","text":"L","id":"l","block":true,"location":"top","left":10,"top":-40,"bold":true,"input_value":10},
-                {"type":"button","text":"R","id":"r","block":true,"location":"top","right":10,"top":-40,"bold":true,"input_value":11},
-                {"type":"button","text":"Z","id":"z","block":true,"location":"top","left":10,"bold":true,"input_value":12},
-                {"fontSize":20,"type":"button","text":"CU","id":"cu","location":"right","left":25,"top":-65,"input_value":23},
-                {"fontSize":20,"type":"button","text":"CD","id":"cd","location":"right","left":25,"top":15,"input_value":22},
-                {"fontSize":20,"type":"button","text":"CL","id":"cl","location":"right","left":-15,"top":-25,"input_value":21},
-                {"fontSize":20,"type":"button","text":"CR","id":"cr","location":"right","left":65,"top":-25,"input_value":20}
+                { "type": "button", "text": "B", "id": "b", "location": "right", "left": -10, "top": 95, "input_value": 1, "bold": true },
+                { "type": "button", "text": "A", "id": "a", "location": "right", "left": 40, "top": 150, "input_value": 0, "bold": true },
+                { "type": "zone", "id": "stick", "location": "left", "left": "50%", "top": "100%", "joystickInput": true, "inputValues": [16, 17, 18, 19] },
+                { "type": "zone", "id": "dpad", "location": "left", "left": "50%", "top": "0%", "joystickInput": false, "inputValues": [4, 5, 6, 7] },
+                { "type": "button", "text": "Start", "id": "start", "location": "center", "left": 30, "top": -10, "fontSize": 15, "block": true, "input_value": 3 },
+                { "type": "button", "text": "L", "id": "l", "block": true, "location": "top", "left": 10, "top": -40, "bold": true, "input_value": 10 },
+                { "type": "button", "text": "R", "id": "r", "block": true, "location": "top", "right": 10, "top": -40, "bold": true, "input_value": 11 },
+                { "type": "button", "text": "Z", "id": "z", "block": true, "location": "top", "left": 10, "bold": true, "input_value": 12 },
+                { "fontSize": 20, "type": "button", "text": "CU", "id": "cu", "joystickInput": true, "location": "right", "left": 25, "top": -65, "input_value": 23 },
+                { "fontSize": 20, "type": "button", "text": "CD", "id": "cd", "joystickInput": true, "location": "right", "left": 25, "top": 15, "input_value": 22 },
+                { "fontSize": 20, "type": "button", "text": "CL", "id": "cl", "joystickInput": true, "location": "right", "left": -15, "top": -25, "input_value": 21 },
+                { "fontSize": 20, "type": "button", "text": "CR", "id": "cr", "joystickInput": true, "location": "right", "left": 65, "top": -25, "input_value": 20 }
             ];
             info.push(...speedControlButtons);
         } else if ("nds" === this.getControlScheme()) {
             info = [
-                {"type":"button","text":"X","id":"x","location":"right","left":40,"bold":true,"input_value":9},
-                {"type":"button","text":"Y","id":"y","location":"right","top":40,"bold":true,"input_value":1},
-                {"type":"button","text":"A","id":"a","location":"right","left":81,"top":40,"bold":true,"input_value":8},
-                {"type":"button","text":"B","id":"b","location":"right","left":40,"top":80,"bold":true,"input_value":0},
-                {"type":"dpad","id":"dpad","location":"left","left":"50%","top":"50%","joystickInput":false,"inputValues":[4,5,6,7]},
-                {"type":"button","text":"Start","id":"start","location":"center","left":60,"fontSize":15,"block":true,"input_value":3},
-                {"type":"button","text":"Select","id":"select","location":"center","left":-5,"fontSize":15,"block":true,"input_value":2},
-                {"type":"button","text":"L","id":"l","location":"left","left":3,"top":-100,"bold":true,"block":true,"input_value":10},
-                {"type":"button","text":"R","id":"r","location":"right","right":3,"top":-100,"bold":true,"block":true,"input_value":11}
+                { "type": "button", "text": "X", "id": "x", "location": "right", "left": 40, "bold": true, "input_value": 9 },
+                { "type": "button", "text": "Y", "id": "y", "location": "right", "top": 40, "bold": true, "input_value": 1 },
+                { "type": "button", "text": "A", "id": "a", "location": "right", "left": 81, "top": 40, "bold": true, "input_value": 8 },
+                { "type": "button", "text": "B", "id": "b", "location": "right", "left": 40, "top": 80, "bold": true, "input_value": 0 },
+                { "type": "dpad", "id": "dpad", "location": "left", "left": "50%", "top": "50%", "joystickInput": false, "inputValues": [4, 5, 6, 7] },
+                { "type": "button", "text": "Start", "id": "start", "location": "center", "left": 60, "fontSize": 15, "block": true, "input_value": 3 },
+                { "type": "button", "text": "Select", "id": "select", "location": "center", "left": -5, "fontSize": 15, "block": true, "input_value": 2 },
+                { "type": "button", "text": "L", "id": "l", "location": "left", "left": 3, "top": -100, "bold": true, "block": true, "input_value": 10 },
+                { "type": "button", "text": "R", "id": "r", "location": "right", "right": 3, "top": -100, "bold": true, "block": true, "input_value": 11 }
             ];
             info.push(...speedControlButtons);
         } else if ("snes" === this.getControlScheme()) {
             info = [
-                {"type":"button","text":"X","id":"x","location":"right","left":40,"bold":true,"input_value":9},
-                {"type":"button","text":"Y","id":"y","location":"right","top":40,"bold":true,"input_value":1},
-                {"type":"button","text":"A","id":"a","location":"right","left":81,"top":40,"bold":true,"input_value":8},
-                {"type":"button","text":"B","id":"b","location":"right","left":40,"top":80,"bold":true,"input_value":0},
-                {"type":"dpad","id":"dpad","location":"left","left":"50%","top":"50%","joystickInput":false,"inputValues":[4,5,6,7]},
-                {"type":"button","text":"Start","id":"start","location":"center","left":60,"fontSize":15,"block":true,"input_value":3},
-                {"type":"button","text":"Select","id":"select","location":"center","left":-5,"fontSize":15,"block":true,"input_value":2},
-                {"type":"button","text":"L","id":"l","location":"left","left":3,"top":-100,"bold":true,"block":true,"input_value":10},
-                {"type":"button","text":"R","id":"r","location":"right","right":3,"top":-100,"bold":true,"block":true,"input_value":11}
+                { "type": "button", "text": "X", "id": "x", "location": "right", "left": 40, "bold": true, "input_value": 9 },
+                { "type": "button", "text": "Y", "id": "y", "location": "right", "top": 40, "bold": true, "input_value": 1 },
+                { "type": "button", "text": "A", "id": "a", "location": "right", "left": 81, "top": 40, "bold": true, "input_value": 8 },
+                { "type": "button", "text": "B", "id": "b", "location": "right", "left": 40, "top": 80, "bold": true, "input_value": 0 },
+                { "type": "dpad", "id": "dpad", "location": "left", "left": "50%", "top": "50%", "joystickInput": false, "inputValues": [4, 5, 6, 7] },
+                { "type": "button", "text": "Start", "id": "start", "location": "center", "left": 60, "fontSize": 15, "block": true, "input_value": 3 },
+                { "type": "button", "text": "Select", "id": "select", "location": "center", "left": -5, "fontSize": 15, "block": true, "input_value": 2 },
+                { "type": "button", "text": "L", "id": "l", "location": "left", "left": 3, "top": -100, "bold": true, "block": true, "input_value": 10 },
+                { "type": "button", "text": "R", "id": "r", "location": "right", "right": 3, "top": -100, "bold": true, "block": true, "input_value": 11 }
             ];
             info.push(...speedControlButtons);
-        } else if (['segaMD', 'segaCD', 'sega32x'].includes(this.getControlScheme())) {
+        } else if (["segaMD", "segaCD", "sega32x"].includes(this.getControlScheme())) {
             info = [
-                {"type":"button","text":"A","id":"a","location":"right","right":145,"top":70,"bold":true,"input_value":1},
-                {"type":"button","text":"B","id":"b","location":"right","right":75,"top":70,"bold":true,"input_value":0},
-                {"type":"button","text":"C","id":"c","location":"right","right":5,"top":70,"bold":true,"input_value":8},
-                {"type":"button","text":"X","id":"x","location":"right","right":145,"top":0,"bold":true,"input_value":10},
-                {"type":"button","text":"Y","id":"y","location":"right","right":75,"top":0,"bold":true,"input_value":9},
-                {"type":"button","text":"Z","id":"z","location":"right","right":5,"top":0,"bold":true,"input_value":11},
-                {"type":"dpad","id":"dpad","location":"left","left":"50%","right":"50%","joystickInput":false,"inputValues":[4,5,6,7]},
-                {"type":"button","text":"Mode","id":"mode","location":"center","left":-5,"fontSize":15,"block":true,"input_value":2},
-                {"type":"button","text":"Start","id":"start","location":"center","left":60,"fontSize":15,"block":true,"input_value":3}
+                { "type": "button", "text": "A", "id": "a", "location": "right", "right": 145, "top": 70, "bold": true, "input_value": 1 },
+                { "type": "button", "text": "B", "id": "b", "location": "right", "right": 75, "top": 70, "bold": true, "input_value": 0 },
+                { "type": "button", "text": "C", "id": "c", "location": "right", "right": 5, "top": 70, "bold": true, "input_value": 8 },
+                { "type": "button", "text": "X", "id": "x", "location": "right", "right": 145, "top": 0, "bold": true, "input_value": 10 },
+                { "type": "button", "text": "Y", "id": "y", "location": "right", "right": 75, "top": 0, "bold": true, "input_value": 9 },
+                { "type": "button", "text": "Z", "id": "z", "location": "right", "right": 5, "top": 0, "bold": true, "input_value": 11 },
+                { "type": "dpad", "id": "dpad", "location": "left", "left": "50%", "right": "50%", "joystickInput": false, "inputValues": [4, 5, 6, 7] },
+                { "type": "button", "text": "Mode", "id": "mode", "location": "center", "left": -5, "fontSize": 15, "block": true, "input_value": 2 },
+                { "type": "button", "text": "Start", "id": "start", "location": "center", "left": 60, "fontSize": 15, "block": true, "input_value": 3 }
             ];
             info.push(...speedControlButtons);
         } else if ("segaMS" === this.getControlScheme()) {
             info = [
-                {"type":"button","text":"1","id":"button_1","location":"right","left":10,"top":40,"bold":true,"input_value":0},
-                {"type":"button","text":"2","id":"button_2","location":"right","left":81,"top":40,"bold":true,"input_value":8},
-                {"type":"dpad","id":"dpad","location":"left","left":"50%","right":"50%","joystickInput":false,"inputValues":[4,5,6,7]}
+                { "type": "button", "text": "1", "id": "button_1", "location": "right", "left": 10, "top": 40, "bold": true, "input_value": 0 },
+                { "type": "button", "text": "2", "id": "button_2", "location": "right", "left": 81, "top": 40, "bold": true, "input_value": 8 },
+                { "type": "dpad", "id": "dpad", "location": "left", "left": "50%", "right": "50%", "joystickInput": false, "inputValues": [4, 5, 6, 7] }
             ];
             info.push(...speedControlButtons);
         } else if ("segaGG" === this.getControlScheme()) {
             info = [
-                {"type":"button","text":"1","id":"button_1","location":"right","left":10,"top":70,"bold":true,"input_value":0},
-                {"type":"button","text":"2","id":"button_2","location":"right","left":81,"top":40,"bold":true,"input_value":8},
-                {"type":"dpad","id":"dpad","location":"left","left":"50%","top":"50%","joystickInput":false,"inputValues":[4,5,6,7]},
-                {"type":"button","text":"Start","id":"start","location":"center","left":30,"fontSize":15,"block":true,"input_value":3}
+                { "type": "button", "text": "1", "id": "button_1", "location": "right", "left": 10, "top": 70, "bold": true, "input_value": 0 },
+                { "type": "button", "text": "2", "id": "button_2", "location": "right", "left": 81, "top": 40, "bold": true, "input_value": 8 },
+                { "type": "dpad", "id": "dpad", "location": "left", "left": "50%", "top": "50%", "joystickInput": false, "inputValues": [4, 5, 6, 7] },
+                { "type": "button", "text": "Start", "id": "start", "location": "center", "left": 30, "fontSize": 15, "block": true, "input_value": 3 }
             ];
             info.push(...speedControlButtons);
         } else if ("segaSaturn" === this.getControlScheme()) {
             info = [
-                {"type":"button","text":"A","id":"a","location":"right","right":145,"top":70,"bold":true,"input_value":1},
-                {"type":"button","text":"B","id":"b","location":"right","right":75,"top":70,"bold":true,"input_value":0},
-                {"type":"button","text":"C","id":"c","location":"right","right":5,"top":70,"bold":true,"input_value":8},
-                {"type":"button","text":"X","id":"x","location":"right","right":145,"top":0,"bold":true,"input_value":9},
-                {"type":"button","text":"Y","id":"y","location":"right","right":75,"top":0,"bold":true,"input_value":10},
-                {"type":"button","text":"Z","id":"z","location":"right","right":5,"top":0,"bold":true,"input_value":11},
-                {"type":"dpad","id":"dpad","location":"left","left":"50%","right":"50%","joystickInput":false,"inputValues":[4,5,6,7]},
-                {"type":"button","text":"L","id":"l","location":"left","left":3,"top":-90,"bold":true,"block":true,"input_value":12},
-                {"type":"button","text":"R","id":"r","location":"right","right":3,"top":-90,"bold":true,"block":true,"input_value":13},
-                {"type":"button","text":"Start","id":"start","location":"center","left":30,"fontSize":15,"block":true,"input_value":3}
+                { "type": "button", "text": "A", "id": "a", "location": "right", "right": 145, "top": 70, "bold": true, "input_value": 1 },
+                { "type": "button", "text": "B", "id": "b", "location": "right", "right": 75, "top": 70, "bold": true, "input_value": 0 },
+                { "type": "button", "text": "C", "id": "c", "location": "right", "right": 5, "top": 70, "bold": true, "input_value": 8 },
+                { "type": "button", "text": "X", "id": "x", "location": "right", "right": 145, "top": 0, "bold": true, "input_value": 9 },
+                { "type": "button", "text": "Y", "id": "y", "location": "right", "right": 75, "top": 0, "bold": true, "input_value": 10 },
+                { "type": "button", "text": "Z", "id": "z", "location": "right", "right": 5, "top": 0, "bold": true, "input_value": 11 },
+                { "type": "dpad", "id": "dpad", "location": "left", "left": "50%", "right": "50%", "joystickInput": false, "inputValues": [4, 5, 6, 7] },
+                { "type": "button", "text": "L", "id": "l", "location": "left", "left": 3, "top": -90, "bold": true, "block": true, "input_value": 12 },
+                { "type": "button", "text": "R", "id": "r", "location": "right", "right": 3, "top": -90, "bold": true, "block": true, "input_value": 13 },
+                { "type": "button", "text": "Start", "id": "start", "location": "center", "left": 30, "fontSize": 15, "block": true, "input_value": 3 }
             ];
             info.push(...speedControlButtons);
         } else if ("atari2600" === this.getControlScheme()) {
             info = [
-                {"type":"button","text":"","id":"button_1","location":"right","right":10,"top":70,"bold":true,"input_value":0},
-                {"type":"dpad","id":"dpad","location":"left","left":"50%","right":"50%","joystickInput":false,"inputValues":[4,5,6,7]},
-                {"type":"button","text":"Reset","id":"reset","location":"center","left":60,"fontSize":15,"block":true,"input_value":3},
-                {"type":"button","text":"Select","id":"select","location":"center","left":-5,"fontSize":15,"block":true,"input_value":2}
+                { "type": "button", "text": "", "id": "button_1", "location": "right", "right": 10, "top": 70, "bold": true, "input_value": 0 },
+                { "type": "dpad", "id": "dpad", "location": "left", "left": "50%", "right": "50%", "joystickInput": false, "inputValues": [4, 5, 6, 7] },
+                { "type": "button", "text": "Reset", "id": "reset", "location": "center", "left": 60, "fontSize": 15, "block": true, "input_value": 3 },
+                { "type": "button", "text": "Select", "id": "select", "location": "center", "left": -5, "fontSize": 15, "block": true, "input_value": 2 }
             ];
             info.push(...speedControlButtons);
         } else if ("atari7800" === this.getControlScheme()) {
             info = [
-                {"type":"button","text":"1","id":"button_1","location":"right","right":75,"top":70,"bold":true,"input_value":0},
-                {"type":"button","text":"2","id":"button_2","location":"right","right":5,"top":70,"bold":true,"input_value":8},
-                {"type":"dpad","id":"dpad","location":"left","left":"50%","right":"50%","joystickInput":false,"inputValues":[4,5,6,7]},
-                {"type":"button","text":"Reset","id":"reset","location":"center","left":-35,"fontSize":15,"block":true,"input_value":9},
-                {"type":"button","text":"Pause","id":"pause","location":"center","left":95,"fontSize":15,"block":true,"input_value":3},
-                {"type":"button","text":"Select","id":"select","location":"center","left":30,"fontSize":15,"block":true,"input_value":2},
+                { "type": "button", "text": "1", "id": "button_1", "location": "right", "right": 75, "top": 70, "bold": true, "input_value": 0 },
+                { "type": "button", "text": "2", "id": "button_2", "location": "right", "right": 5, "top": 70, "bold": true, "input_value": 8 },
+                { "type": "dpad", "id": "dpad", "location": "left", "left": "50%", "right": "50%", "joystickInput": false, "inputValues": [4, 5, 6, 7] },
+                { "type": "button", "text": "Reset", "id": "reset", "location": "center", "left": -35, "fontSize": 15, "block": true, "input_value": 9 },
+                { "type": "button", "text": "Pause", "id": "pause", "location": "center", "left": 95, "fontSize": 15, "block": true, "input_value": 3 },
+                { "type": "button", "text": "Select", "id": "select", "location": "center", "left": 30, "fontSize": 15, "block": true, "input_value": 2 },
             ];
             info.push(...speedControlButtons);
         } else if ("lynx" === this.getControlScheme()) {
             info = [
-                {"type":"button","text":"B","id":"button_1","location":"right","right":75,"top":70,"bold":true,"input_value":0},
-                {"type":"button","text":"A","id":"button_2","location":"right","right":5,"top":70,"bold":true,"input_value":8},
-                {"type":"dpad","id":"dpad","location":"left","left":"50%","right":"50%","joystickInput":false,"inputValues":[4,5,6,7]},
-                {"type":"button","text":"Opt 1","id":"option_1","location":"center","left":-35,"fontSize":15,"block":true,"input_value":10},
-                {"type":"button","text":"Opt 2","id":"option_2","location":"center","left":95,"fontSize":15,"block":true,"input_value":11},
-                {"type":"button","text":"Start","id":"start","location":"center","left":30,"fontSize":15,"block":true,"input_value":3}
+                { "type": "button", "text": "B", "id": "button_1", "location": "right", "right": 75, "top": 70, "bold": true, "input_value": 0 },
+                { "type": "button", "text": "A", "id": "button_2", "location": "right", "right": 5, "top": 70, "bold": true, "input_value": 8 },
+                { "type": "dpad", "id": "dpad", "location": "left", "left": "50%", "right": "50%", "joystickInput": false, "inputValues": [4, 5, 6, 7] },
+                { "type": "button", "text": "Opt 1", "id": "option_1", "location": "center", "left": -35, "fontSize": 15, "block": true, "input_value": 10 },
+                { "type": "button", "text": "Opt 2", "id": "option_2", "location": "center", "left": 95, "fontSize": 15, "block": true, "input_value": 11 },
+                { "type": "button", "text": "Start", "id": "start", "location": "center", "left": 30, "fontSize": 15, "block": true, "input_value": 3 }
             ];
             info.push(...speedControlButtons);
         } else if ("jaguar" === this.getControlScheme()) {
             info = [
-                {"type":"button","text":"A","id":"a","location":"right","right":145,"top":70,"bold":true,"input_value":8},
-                {"type":"button","text":"B","id":"b","location":"right","right":75,"top":70,"bold":true,"input_value":0},
-                {"type":"button","text":"C","id":"c","location":"right","right":5,"top":70,"bold":true,"input_value":1},
-                {"type":"dpad","id":"dpad","location":"left","left":"50%","right":"50%","joystickInput":false,"inputValues":[4,5,6,7]},
-                {"type":"button","text":"Option","id":"option","location":"center","left":60,"fontSize":15,"block":true,"input_value":3},
-                {"type":"button","text":"Pause","id":"pause","location":"center","left":-5,"fontSize":15,"block":true,"input_value":2}
+                { "type": "button", "text": "A", "id": "a", "location": "right", "right": 145, "top": 70, "bold": true, "input_value": 8 },
+                { "type": "button", "text": "B", "id": "b", "location": "right", "right": 75, "top": 70, "bold": true, "input_value": 0 },
+                { "type": "button", "text": "C", "id": "c", "location": "right", "right": 5, "top": 70, "bold": true, "input_value": 1 },
+                { "type": "dpad", "id": "dpad", "location": "left", "left": "50%", "right": "50%", "joystickInput": false, "inputValues": [4, 5, 6, 7] },
+                { "type": "button", "text": "Option", "id": "option", "location": "center", "left": 60, "fontSize": 15, "block": true, "input_value": 3 },
+                { "type": "button", "text": "Pause", "id": "pause", "location": "center", "left": -5, "fontSize": 15, "block": true, "input_value": 2 }
             ];
             info.push(...speedControlButtons);
         } else if ("vb" === this.getControlScheme()) {
             info = [
-                {"type":"button","text":"B","id":"b","location":"right","right":75,"top":150,"bold":true,"input_value":0},
-                {"type":"button","text":"A","id":"a","location":"right","right":5,"top":150,"bold":true,"input_value":8},
-                {"type":"dpad","id":"left_dpad","location":"left","left":"50%","right":"50%","joystickInput":false,"inputValues":[4,5,6,7]},
-                {"type":"dpad","id":"right_dpad","location":"right","left":"50%","right":"50%","joystickInput":false,"inputValues":[19,18,17,16]},
-                {"type":"button","text":"L","id":"l","location":"left","left":3,"top":-90,"bold":true,"block":true,"input_value":10},
-                {"type":"button","text":"R","id":"r","location":"right","right":3,"top":-90,"bold":true,"block":true,"input_value":11},
-                {"type":"button","text":"Start","id":"start","location":"center","left":60,"fontSize":15,"block":true,"input_value":3},
-                {"type":"button","text":"Select","id":"select","location":"center","left":-5,"fontSize":15,"block":true,"input_value":2}
+                { "type": "button", "text": "B", "id": "b", "location": "right", "right": 75, "top": 150, "bold": true, "input_value": 0 },
+                { "type": "button", "text": "A", "id": "a", "location": "right", "right": 5, "top": 150, "bold": true, "input_value": 8 },
+                { "type": "dpad", "id": "left_dpad", "location": "left", "left": "50%", "right": "50%", "joystickInput": false, "inputValues": [4, 5, 6, 7] },
+                { "type": "dpad", "id": "right_dpad", "location": "right", "left": "50%", "right": "50%", "joystickInput": false, "inputValues": [19, 18, 17, 16] },
+                { "type": "button", "text": "L", "id": "l", "location": "left", "left": 3, "top": -90, "bold": true, "block": true, "input_value": 10 },
+                { "type": "button", "text": "R", "id": "r", "location": "right", "right": 3, "top": -90, "bold": true, "block": true, "input_value": 11 },
+                { "type": "button", "text": "Start", "id": "start", "location": "center", "left": 60, "fontSize": 15, "block": true, "input_value": 3 },
+                { "type": "button", "text": "Select", "id": "select", "location": "center", "left": -5, "fontSize": 15, "block": true, "input_value": 2 }
             ];
             info.push(...speedControlButtons);
         } else if ("3do" === this.getControlScheme()) {
             info = [
-                {"type":"button","text":"A","id":"a","location":"right","right":145,"top":70,"bold":true,"input_value":1},
-                {"type":"button","text":"B","id":"b","location":"right","right":75,"top":70,"bold":true,"input_value":0},
-                {"type":"button","text":"C","id":"c","location":"right","right":5,"top":70,"bold":true,"input_value":8},
-                {"type":"dpad","id":"dpad","location":"left","left":"50%","right":"50%","joystickInput":false,"inputValues":[4,5,6,7]},
-                {"type":"button","text":"L","id":"l","location":"left","left":3,"top":-90,"bold":true,"block":true,"input_value":10},
-                {"type":"button","text":"R","id":"r","location":"right","right":3,"top":-90,"bold":true,"block":true,"input_value":11},
-                {"type":"button","text":"X","id":"x","location":"center","left":-5,"fontSize":15,"block":true,"bold":true,"input_value":2},
-                {"type":"button","text":"P","id":"p","location":"center","left":60,"fontSize":15,"block":true,"bold":true,"input_value":3}
+                { "type": "button", "text": "A", "id": "a", "location": "right", "right": 145, "top": 70, "bold": true, "input_value": 1 },
+                { "type": "button", "text": "B", "id": "b", "location": "right", "right": 75, "top": 70, "bold": true, "input_value": 0 },
+                { "type": "button", "text": "C", "id": "c", "location": "right", "right": 5, "top": 70, "bold": true, "input_value": 8 },
+                { "type": "dpad", "id": "dpad", "location": "left", "left": "50%", "right": "50%", "joystickInput": false, "inputValues": [4, 5, 6, 7] },
+                { "type": "button", "text": "L", "id": "l", "location": "left", "left": 3, "top": -90, "bold": true, "block": true, "input_value": 10 },
+                { "type": "button", "text": "R", "id": "r", "location": "right", "right": 3, "top": -90, "bold": true, "block": true, "input_value": 11 },
+                { "type": "button", "text": "X", "id": "x", "location": "center", "left": -5, "fontSize": 15, "block": true, "bold": true, "input_value": 2 },
+                { "type": "button", "text": "P", "id": "p", "location": "center", "left": 60, "fontSize": 15, "block": true, "bold": true, "input_value": 3 }
             ];
             info.push(...speedControlButtons);
         } else if ("pce" === this.getControlScheme()) {
             info = [
-                {"type":"button","text":"II","id":"ii","location":"right","right":75,"top":70,"bold":true,"input_value":0},
-                {"type":"button","text":"I","id":"i","location":"right","right":5,"top":70,"bold":true,"input_value":8},
-                {"type":"dpad","id":"dpad","location":"left","left":"50%","right":"50%","joystickInput":false,"inputValues":[4,5,6,7]},
-                {"type":"button","text":"Run","id":"run","location":"center","left":60,"fontSize":15,"block":true,"input_value":3},
-                {"type":"button","text":"Select","id":"select","location":"center","left":-5,"fontSize":15,"block":true,"input_value":2}
+                { "type": "button", "text": "II", "id": "ii", "location": "right", "right": 75, "top": 70, "bold": true, "input_value": 0 },
+                { "type": "button", "text": "I", "id": "i", "location": "right", "right": 5, "top": 70, "bold": true, "input_value": 8 },
+                { "type": "dpad", "id": "dpad", "location": "left", "left": "50%", "right": "50%", "joystickInput": false, "inputValues": [4, 5, 6, 7] },
+                { "type": "button", "text": "Run", "id": "run", "location": "center", "left": 60, "fontSize": 15, "block": true, "input_value": 3 },
+                { "type": "button", "text": "Select", "id": "select", "location": "center", "left": -5, "fontSize": 15, "block": true, "input_value": 2 }
             ];
             info.push(...speedControlButtons);
-        } else if ('ngp' === this.getControlScheme()) {
-                info = [
-                    {"type":"button","text":"A","id":"a","location":"right","right":75,"top":70,"bold":true,"input_value":0},
-                    {"type":"button","text":"B","id":"b","location":"right","right":5,"top":50,"bold":true,"input_value":8},
-                    {"type":"dpad","id":"dpad","location":"left","left":"50%","right":"50%","joystickInput":false,"inputValues":[4,5,6,7]},
-                    {"type":"button","text":"Option","id":"option","location":"center","left":30,"fontSize":15,"block":true,"input_value":3}
-                ];
-                info.push(...speedControlButtons);
-        } else if ('ws' === this.getControlScheme()) {
+        } else if ("ngp" === this.getControlScheme()) {
             info = [
-                {"type":"button","text":"B","id":"b","location":"right","right":75,"top":150,"bold":true,"input_value":0},
-                {"type":"button","text":"A","id":"a","location":"right","right":5,"top":150,"bold":true,"input_value":8},
-                {"type":"dpad","id":"x_dpad","location":"left","left":"50%","right":"50%","joystickInput":false,"inputValues":[4,5,6,7]},
-                {"type":"dpad","id":"y_dpad","location":"right","left":"50%","right":"50%","joystickInput":false,"inputValues":[13,12,10,11]},
-                {"type":"button","text":"Start","id":"start","location":"center","left":30,"fontSize":15,"block":true,"input_value":3},
+                { "type": "button", "text": "A", "id": "a", "location": "right", "right": 75, "top": 70, "bold": true, "input_value": 0 },
+                { "type": "button", "text": "B", "id": "b", "location": "right", "right": 5, "top": 50, "bold": true, "input_value": 8 },
+                { "type": "dpad", "id": "dpad", "location": "left", "left": "50%", "right": "50%", "joystickInput": false, "inputValues": [4, 5, 6, 7] },
+                { "type": "button", "text": "Option", "id": "option", "location": "center", "left": 30, "fontSize": 15, "block": true, "input_value": 3 }
             ];
             info.push(...speedControlButtons);
-        } else if ('coleco' === this.getControlScheme()) {
+        } else if ("ws" === this.getControlScheme()) {
             info = [
-                {"type":"button","text":"L","id":"l","location":"right","left":10,"top":40,"bold":true,"input_value":8},
-                {"type":"button","text":"R","id":"r","location":"right","left":81,"top":40,"bold":true,"input_value":0},
-                {"type":"dpad","id":"dpad","location":"left","left":"50%","right":"50%","joystickInput":false,"inputValues":[4,5,6,7]}
+                { "type": "button", "text": "B", "id": "b", "location": "right", "right": 75, "top": 150, "bold": true, "input_value": 0 },
+                { "type": "button", "text": "A", "id": "a", "location": "right", "right": 5, "top": 150, "bold": true, "input_value": 8 },
+                { "type": "dpad", "id": "x_dpad", "location": "left", "left": "50%", "right": "50%", "joystickInput": false, "inputValues": [4, 5, 6, 7] },
+                { "type": "dpad", "id": "y_dpad", "location": "right", "left": "50%", "right": "50%", "joystickInput": false, "inputValues": [13, 12, 10, 11] },
+                { "type": "button", "text": "Start", "id": "start", "location": "center", "left": 30, "fontSize": 15, "block": true, "input_value": 3 },
             ];
             info.push(...speedControlButtons);
-        } else if ('pcfx' === this.getControlScheme()) {
+        } else if ("coleco" === this.getControlScheme()) {
             info = [
-                {"type":"button","text":"I","id":"i","location":"right","right":5,"top":70,"bold":true,"input_value":8},
-                {"type":"button","text":"II","id":"ii","location":"right","right":75,"top":70,"bold":true,"input_value":0},
-                {"type":"button","text":"III","id":"iii","location":"right","right":145,"top":70,"bold":true,"input_value":9},
-                {"type":"button","text":"IV","id":"iv","location":"right","right":5,"top":0,"bold":true,"input_value":1},
-                {"type":"button","text":"V","id":"v","location":"right","right":75,"top":0,"bold":true,"input_value":10},
-                {"type":"button","text":"VI","id":"vi","location":"right","right":145,"top":0,"bold":true,"input_value":11},
-                {"type":"dpad","id":"dpad","location":"left","left":"50%","right":"50%","joystickInput":false,"inputValues":[4,5,6,7]},
-                {"type":"button","text":"Select","id":"select","location":"center","left":-5,"fontSize":15,"block":true,"input_value":2},
-                {"type":"button","text":"Run","id":"run","location":"center","left":60,"fontSize":15,"block":true,"input_value":3}
+                { "type": "button", "text": "L", "id": "l", "location": "right", "left": 10, "top": 40, "bold": true, "input_value": 8 },
+                { "type": "button", "text": "R", "id": "r", "location": "right", "left": 81, "top": 40, "bold": true, "input_value": 0 },
+                { "type": "dpad", "id": "dpad", "location": "left", "left": "50%", "right": "50%", "joystickInput": false, "inputValues": [4, 5, 6, 7] }
+            ];
+            info.push(...speedControlButtons);
+        } else if ("pcfx" === this.getControlScheme()) {
+            info = [
+                { "type": "button", "text": "I", "id": "i", "location": "right", "right": 5, "top": 70, "bold": true, "input_value": 8 },
+                { "type": "button", "text": "II", "id": "ii", "location": "right", "right": 75, "top": 70, "bold": true, "input_value": 0 },
+                { "type": "button", "text": "III", "id": "iii", "location": "right", "right": 145, "top": 70, "bold": true, "input_value": 9 },
+                { "type": "button", "text": "IV", "id": "iv", "location": "right", "right": 5, "top": 0, "bold": true, "input_value": 1 },
+                { "type": "button", "text": "V", "id": "v", "location": "right", "right": 75, "top": 0, "bold": true, "input_value": 10 },
+                { "type": "button", "text": "VI", "id": "vi", "location": "right", "right": 145, "top": 0, "bold": true, "input_value": 11 },
+                { "type": "dpad", "id": "dpad", "location": "left", "left": "50%", "right": "50%", "joystickInput": false, "inputValues": [4, 5, 6, 7] },
+                { "type": "button", "text": "Select", "id": "select", "location": "center", "left": -5, "fontSize": 15, "block": true, "input_value": 2 },
+                { "type": "button", "text": "Run", "id": "run", "location": "center", "left": 60, "fontSize": 15, "block": true, "input_value": 3 }
             ];
             info.push(...speedControlButtons);
         } else {
             info = [
-                {"type":"button","text":"Y","id":"y","location":"right","left":40,"bold":true,"input_value":9},
-                {"type":"button","text":"X","id":"x","location":"right","top":40,"bold":true,"input_value":1},
-                {"type":"button","text":"B","id":"b","location":"right","left":81,"top":40,"bold":true,"input_value":8},
-                {"type":"button","text":"A","id":"a","location":"right","left":40,"top":80,"bold":true,"input_value":0},
-                {"type":"zone","id":"dpad","location":"left","left":"50%","top":"50%","joystickInput":false,"inputValues":[4,5,6,7]},
-                {"type":"button","text":"Start","id":"start","location":"center","left":60,"fontSize":15,"block":true,"input_value":3},
-                {"type":"button","text":"Select","id":"select","location":"center","left":-5,"fontSize":15,"block":true,"input_value":2}
+                { "type": "button", "text": "Y", "id": "y", "location": "right", "left": 40, "bold": true, "input_value": 9 },
+                { "type": "button", "text": "X", "id": "x", "location": "right", "top": 40, "bold": true, "input_value": 1 },
+                { "type": "button", "text": "B", "id": "b", "location": "right", "left": 81, "top": 40, "bold": true, "input_value": 8 },
+                { "type": "button", "text": "A", "id": "a", "location": "right", "left": 40, "top": 80, "bold": true, "input_value": 0 },
+                { "type": "zone", "id": "dpad", "location": "left", "left": "50%", "top": "50%", "joystickInput": false, "inputValues": [4, 5, 6, 7] },
+                { "type": "button", "text": "Start", "id": "start", "location": "center", "left": 60, "fontSize": 15, "block": true, "input_value": 3 },
+                { "type": "button", "text": "Select", "id": "select", "location": "center", "left": -5, "fontSize": 15, "block": true, "input_value": 2 }
             ];
             info.push(...speedControlButtons);
         }
-        for (let i=0; i<info.length; i++) {
+        for (let i = 0; i < info.length; i++) {
             if (info[i].text) {
                 info[i].text = this.localization(info[i].text);
             }
         }
         info = JSON.parse(JSON.stringify(info));
-        
-        
+
         const up = this.createElement("div");
         up.classList.add("ejs_virtualGamepad_top");
         const down = this.createElement("div");
@@ -3442,28 +3774,28 @@ class EmulatorJS {
         left.classList.add("ejs_virtualGamepad_left");
         const right = this.createElement("div");
         right.classList.add("ejs_virtualGamepad_right");
-        const elems = {top:up, center:down, left, right};
-        
+        const elems = { top: up, center: down, left, right };
+
         this.virtualGamepad.appendChild(up);
         this.virtualGamepad.appendChild(down);
         this.virtualGamepad.appendChild(left);
         this.virtualGamepad.appendChild(right);
-        
+
         this.toggleVirtualGamepadLeftHanded = (enabled) => {
             left.classList.toggle("ejs_virtualGamepad_left", !enabled);
             right.classList.toggle("ejs_virtualGamepad_right", !enabled);
             left.classList.toggle("ejs_virtualGamepad_right", enabled);
             right.classList.toggle("ejs_virtualGamepad_left", enabled);
         }
-        
+
         const leftHandedMode = false;
-        const blockCSS = 'height:31px;text-align:center;border:1px solid #ccc;border-radius:5px;line-height:31px;';
-        const controlSchemeCls = `cs_${this.getControlScheme()}`.split(/\s/g).join('_');
-        
-        for (let i=0; i<info.length; i++) {
-            if (info[i].type !== 'button') continue;
-            if (leftHandedMode && ['left', 'right'].includes(info[i].location)) {
-                info[i].location = (info[i].location==='left') ? 'right' : 'left';
+        const blockCSS = "height:31px;text-align:center;border:1px solid #ccc;border-radius:5px;line-height:31px;";
+        const controlSchemeCls = `cs_${this.getControlScheme()}`.split(/\s/g).join("_");
+
+        for (let i = 0; i < info.length; i++) {
+            if (info[i].type !== "button") continue;
+            if (leftHandedMode && ["left", "right"].includes(info[i].location)) {
+                info[i].location = (info[i].location === "left") ? "right" : "left";
                 const amnt = JSON.parse(JSON.stringify(info[i]));
                 if (amnt.left) {
                     info[i].right = amnt.left;
@@ -3472,27 +3804,27 @@ class EmulatorJS {
                     info[i].left = amnt.right;
                 }
             }
-            let style = '';
+            let style = "";
             if (info[i].left) {
-                style += 'left:'+info[i].left+(typeof info[i].left === 'number'?'px':'')+';';
+                style += "left:" + info[i].left + (typeof info[i].left === "number" ? "px" : "") + ";";
             }
             if (info[i].right) {
-                style += 'right:'+info[i].right+(typeof info[i].right === 'number'?'px':'')+';';
+                style += "right:" + info[i].right + (typeof info[i].right === "number" ? "px" : "") + ";";
             }
             if (info[i].top) {
-                style += 'top:'+info[i].top+(typeof info[i].top === 'number'?'px':'')+';';
+                style += "top:" + info[i].top + (typeof info[i].top === "number" ? "px" : "") + ";";
             }
             if (!info[i].bold) {
-                style += 'font-weight:normal;';
+                style += "font-weight:normal;";
             } else if (info[i].bold) {
-                style += 'font-weight:bold;';
+                style += "font-weight:bold;";
             }
             info[i].fontSize = info[i].fontSize || 30;
-            style += 'font-size:'+info[i].fontSize+'px;';
+            style += "font-size:" + info[i].fontSize + "px;";
             if (info[i].block) {
                 style += blockCSS;
             }
-            if (['top', 'center', 'left', 'right'].includes(info[i].location)) {
+            if (["top", "center", "left", "right"].includes(info[i].location)) {
                 const button = this.createElement("div");
                 button.style = style;
                 button.innerText = info[i].text;
@@ -3502,21 +3834,22 @@ class EmulatorJS {
                 }
                 elems[info[i].location].appendChild(button);
                 const value = info[i].input_new_cores || info[i].input_value;
+                let downValue = info[i].joystickInput === true ? 0x7fff : 1;
                 this.addEventListener(button, "touchstart touchend touchcancel", (e) => {
                     e.preventDefault();
-                    if (e.type === 'touchend' || e.type === 'touchcancel') {
+                    if (e.type === "touchend" || e.type === "touchcancel") {
                         e.target.classList.remove("ejs_virtualGamepad_button_down");
                         window.setTimeout(() => {
                             this.gameManager.simulateInput(0, value, 0);
                         })
                     } else {
                         e.target.classList.add("ejs_virtualGamepad_button_down");
-                        this.gameManager.simulateInput(0, value, 1);
+                        this.gameManager.simulateInput(0, value, downValue);
                     }
                 })
             }
         }
-        
+
         const createDPad = (opts) => {
             const container = opts.container;
             const callback = opts.event;
@@ -3530,12 +3863,12 @@ class EmulatorJS {
             bar1.classList.add("ejs_dpad_bar");
             const bar2 = this.createElement("div");
             bar2.classList.add("ejs_dpad_bar");
-            
+
             horizontal.appendChild(bar1);
             vertical.appendChild(bar2);
             dpadMain.appendChild(vertical);
             dpadMain.appendChild(horizontal);
-            
+
             const updateCb = (e) => {
                 e.preventDefault();
                 const touch = e.targetTouches[0];
@@ -3548,14 +3881,14 @@ class EmulatorJS {
                     left = 0,
                     right = 0,
                     angle = Math.atan(x / y) / (Math.PI / 180);
-                
+
                 if (y <= -10) {
                     up = 1;
                 }
                 if (y >= 10) {
                     down = 1;
                 }
-                
+
                 if (x >= 10) {
                     right = 1;
                     left = 0;
@@ -3565,7 +3898,7 @@ class EmulatorJS {
                     up = (angle < 0 && angle >= -55 ? 1 : 0);
                     down = (angle > 0 && angle <= 55 ? 1 : 0);
                 }
-                
+
                 if (x <= -10) {
                     right = 0;
                     left = 1;
@@ -3575,12 +3908,12 @@ class EmulatorJS {
                     up = (angle > 0 && angle <= 55 ? 1 : 0);
                     down = (angle < 0 && angle >= -55 ? 1 : 0);
                 }
-                
+
                 dpadMain.classList.toggle("ejs_dpad_up_pressed", up);
                 dpadMain.classList.toggle("ejs_dpad_down_pressed", down);
                 dpadMain.classList.toggle("ejs_dpad_right_pressed", right);
                 dpadMain.classList.toggle("ejs_dpad_left_pressed", left);
-                
+
                 callback(up, down, left, right);
             }
             const cancelCb = (e) => {
@@ -3589,21 +3922,21 @@ class EmulatorJS {
                 dpadMain.classList.remove("ejs_dpad_down_pressed");
                 dpadMain.classList.remove("ejs_dpad_right_pressed");
                 dpadMain.classList.remove("ejs_dpad_left_pressed");
-                
+
                 callback(0, 0, 0, 0);
             }
-            
-            this.addEventListener(dpadMain, 'touchstart touchmove', updateCb);
-            this.addEventListener(dpadMain, 'touchend touchcancel', cancelCb);
-            
-            
+
+            this.addEventListener(dpadMain, "touchstart touchmove", updateCb);
+            this.addEventListener(dpadMain, "touchend touchcancel", cancelCb);
+
+
             container.appendChild(dpadMain);
         }
-        
+
         info.forEach((dpad, index) => {
-            if (dpad.type !== 'dpad') return;
-            if (leftHandedMode && ['left', 'right'].includes(dpad.location)) {
-                dpad.location = (dpad.location==='left') ? 'right' : 'left';
+            if (dpad.type !== "dpad") return;
+            if (leftHandedMode && ["left", "right"].includes(dpad.location)) {
+                dpad.location = (dpad.location === "left") ? "right" : "left";
                 const amnt = JSON.parse(JSON.stringify(dpad));
                 if (amnt.left) {
                     dpad.right = amnt.left;
@@ -3613,15 +3946,15 @@ class EmulatorJS {
                 }
             }
             const elem = this.createElement("div");
-            let style = '';
+            let style = "";
             if (dpad.left) {
-                style += 'left:'+dpad.left+';';
+                style += "left:" + dpad.left + ";";
             }
             if (dpad.right) {
-                style += 'right:'+dpad.right+';';
+                style += "right:" + dpad.right + ";";
             }
             if (dpad.top) {
-                style += 'top:'+dpad.top+';';
+                style += "top:" + dpad.top + ";";
             }
             elem.classList.add(controlSchemeCls);
             if (dpad.id) {
@@ -3629,25 +3962,27 @@ class EmulatorJS {
             }
             elem.style = style;
             elems[dpad.location].appendChild(elem);
-            createDPad({container: elem, event: (up, down, left, right) => {
-                if (dpad.joystickInput) {
-                    if (up === 1) up=0x7fff;
-                    if (down === 1) down=0x7fff;
-                    if (left === 1) left=0x7fff;
-                    if (right === 1) right=0x7fff;
+            createDPad({
+                container: elem,
+                event: (up, down, left, right) => {
+                    if (dpad.joystickInput) {
+                        if (up === 1) up = 0x7fff;
+                        if (down === 1) down = 0x7fff;
+                        if (left === 1) left = 0x7fff;
+                        if (right === 1) right = 0x7fff;
+                    }
+                    this.gameManager.simulateInput(0, dpad.inputValues[0], up);
+                    this.gameManager.simulateInput(0, dpad.inputValues[1], down);
+                    this.gameManager.simulateInput(0, dpad.inputValues[2], left);
+                    this.gameManager.simulateInput(0, dpad.inputValues[3], right);
                 }
-                this.gameManager.simulateInput(0, dpad.inputValues[0], up);
-                this.gameManager.simulateInput(0, dpad.inputValues[1], down);
-                this.gameManager.simulateInput(0, dpad.inputValues[2], left);
-                this.gameManager.simulateInput(0, dpad.inputValues[3], right);
-            }});
+            });
         })
-        
-        
+
         info.forEach((zone, index) => {
-            if (zone.type !== 'zone') return;
-            if (leftHandedMode && ['left', 'right'].includes(zone.location)) {
-                zone.location = (zone.location==='left') ? 'right' : 'left';
+            if (zone.type !== "zone") return;
+            if (leftHandedMode && ["left", "right"].includes(zone.location)) {
+                zone.location = (zone.location === "left") ? "right" : "left";
                 const amnt = JSON.parse(JSON.stringify(zone));
                 if (amnt.left) {
                     zone.right = amnt.left;
@@ -3666,21 +4001,21 @@ class EmulatorJS {
             }
             elems[zone.location].appendChild(elem);
             const zoneObj = nipplejs.create({
-                'zone': elem,
-                'mode': 'static',
-                'position': {
-                    'left': zone.left,
-                    'top': zone.top
+                "zone": elem,
+                "mode": "static",
+                "position": {
+                    "left": zone.left,
+                    "top": zone.top
                 },
-                'color': zone.color || 'red'
+                "color": zone.color || "red"
             });
-            zoneObj.on('end', () => {
+            zoneObj.on("end", () => {
                 this.gameManager.simulateInput(0, zone.inputValues[0], 0);
                 this.gameManager.simulateInput(0, zone.inputValues[1], 0);
                 this.gameManager.simulateInput(0, zone.inputValues[2], 0);
                 this.gameManager.simulateInput(0, zone.inputValues[3], 0);
             });
-            zoneObj.on('move', (e, info) => {
+            zoneObj.on("move", (e, info) => {
                 const degree = info.angle.degree;
                 const distance = info.distance;
                 if (zone.joystickInput === true) {
@@ -3731,7 +4066,7 @@ class EmulatorJS {
                         this.gameManager.simulateInput(0, zone.inputValues[3], 0x7fff * -y);
                         this.gameManager.simulateInput(0, zone.inputValues[2], 0);
                     }
-                    
+
                 } else {
                     if (degree >= 30 && degree < 150) {
                         this.gameManager.simulateInput(0, zone.inputValues[0], 1);
@@ -3764,13 +4099,19 @@ class EmulatorJS {
                 }
             });
         })
-        
-        if (this.touch || navigator.maxTouchPoints > 0) {
+
+        if (this.touch || this.hasTouchScreen) {
             const menuButton = this.createElement("div");
             menuButton.innerHTML = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M0 96C0 78.33 14.33 64 32 64H416C433.7 64 448 78.33 448 96C448 113.7 433.7 128 416 128H32C14.33 128 0 113.7 0 96zM0 256C0 238.3 14.33 224 32 224H416C433.7 224 448 238.3 448 256C448 273.7 433.7 288 416 288H32C14.33 288 0 273.7 0 256zM416 448H32C14.33 448 0 433.7 0 416C0 398.3 14.33 384 32 384H416C433.7 384 448 398.3 448 416C448 433.7 433.7 448 416 448z"/></svg>';
             menuButton.classList.add("ejs_virtualGamepad_open");
             menuButton.style.display = "none";
-            this.on("start", () => menuButton.style.display = "");
+            this.on("start", () => {
+                menuButton.style.display = "";
+                if (matchMedia('(pointer:fine)').matches && this.getSettingValue("menu-bar-button") !== "visible") {
+                    menuButton.style.opacity = 0;
+                    this.changeSettingOption('menu-bar-button', 'hidden', true);
+                }
+            });
             this.elements.parent.appendChild(menuButton);
             let timeout;
             let ready = true;
@@ -3786,7 +4127,7 @@ class EmulatorJS {
             })
             this.elements.menuToggle = menuButton;
         }
-        
+
         this.virtualGamepad.style.display = "none";
     }
     handleResize() {
@@ -3804,30 +4145,26 @@ class EmulatorJS {
         this.game.parentElement.classList.toggle("ejs_small_screen", positionInfo.width <= 575);
         //This wouldnt work using :not()... strange.
         this.game.parentElement.classList.toggle("ejs_big_screen", positionInfo.width > 575);
-        
-        if (!this.Module) return;
-        const dpr = window.devicePixelRatio || 1;
-        const width = positionInfo.width * dpr;
-        const height = (positionInfo.height * dpr);
-        this.Module.setCanvasSize(width, height);
+
         if (!this.handleSettingsResize) return;
         this.handleSettingsResize();
     }
     getElementSize(element) {
         let elem = element.cloneNode(true);
-        elem.style.position = 'absolute';
+        elem.style.position = "absolute";
         elem.style.opacity = 0;
-        elem.removeAttribute('hidden');
+        elem.removeAttribute("hidden");
         element.parentNode.appendChild(elem);
         const res = elem.getBoundingClientRect();
         elem.remove();
         return {
-            'width': res.width,
-            'height': res.height
+            "width": res.width,
+            "height": res.height
         };
     }
     saveSettings() {
         if (!window.localStorage || this.config.disableLocalStorage || !this.settingsLoaded) return;
+        if (!this.started && !this.failedToStart) return;
         const coreSpecific = {
             controlSettings: this.controls,
             settings: this.settings,
@@ -3838,32 +4175,77 @@ class EmulatorJS {
             muted: this.muted
         }
         localStorage.setItem("ejs-settings", JSON.stringify(ejs_settings));
-        localStorage.setItem("ejs-"+this.getCore()+"-settings", JSON.stringify(coreSpecific));
+        localStorage.setItem(this.getLocalStorageKey(), JSON.stringify(coreSpecific));
+    }
+    getLocalStorageKey() {
+        let identifier = (this.config.gameId || 1) + "-" + this.getCore(true);
+        if (typeof this.config.gameName === "string") {
+            identifier += "-" + this.config.gameName;
+        } else if (typeof this.config.gameUrl === "string" && !this.config.gameUrl.toLowerCase().startsWith("blob:")) {
+            identifier += "-" + this.config.gameUrl;
+        } else if (this.config.gameUrl instanceof File) {
+            identifier += "-" + this.config.gameUrl.name;
+        } else if (typeof this.config.gameId !== "number") {
+            console.warn("gameId (EJS_gameID) is not set. This may result in settings persisting across games.");
+        }
+        return "ejs-" + identifier + "-settings";
     }
     preGetSetting(setting) {
-        if (!window.localStorage || this.config.disableLocalStorage) {
-            if (this.config.defaultOptions && this.config.defaultOptions[setting]) {
-                return this.config.defaultOptions[setting];
+        if (window.localStorage && !this.config.disableLocalStorage) {
+            let coreSpecific = localStorage.getItem(this.getLocalStorageKey());
+            try {
+                coreSpecific = JSON.parse(coreSpecific);
+                if (coreSpecific && coreSpecific.settings) {
+                    return coreSpecific.settings[setting];
+                }
+            } catch(e) {
+                console.warn("Could not load previous settings", e);
             }
-            return false;
         }
-        let coreSpecific = localStorage.getItem("ejs-"+this.getCore()+"-settings");
-        try {
-           coreSpecific = JSON.parse(coreSpecific);
-           if (!coreSpecific || !coreSpecific.settings) {
-               return false;
-           }
-           return coreSpecific.settings[setting];
-        } catch (e) {
-            console.warn("Could not load previous settings", e);
-            return false;
+        if (this.config.defaultOptions && this.config.defaultOptions[setting]) {
+            return this.config.defaultOptions[setting];
+        }
+        return null;
+    }
+    getCoreSettings() {
+        if (!window.localStorage || this.config.disableLocalStorage) {
+            if (this.config.defaultOptions) {
+                let rv = "";
+                for (const k in this.config.defaultOptions) {
+                    let value = isNaN(this.config.defaultOptions[k]) ? `"${this.config.defaultOptions[k]}"` : this.config.defaultOptions[k];
+                    rv += `${k} = ${value}\n`;
+                }
+                return rv;
+            }
+            return "";
+        };
+        let coreSpecific = localStorage.getItem(this.getLocalStorageKey());
+        if (coreSpecific) {
+            try {
+                coreSpecific = JSON.parse(coreSpecific);
+                if (!(coreSpecific.settings instanceof Object)) throw new Error("Not a JSON object");
+                let rv = "";
+                for (const k in coreSpecific.settings) {
+                    let value = isNaN(coreSpecific.settings[k]) ? `"${coreSpecific.settings[k]}"` : coreSpecific.settings[k];
+                    rv += `${k} = ${value}\n`;
+                }
+                for (const k in this.config.defaultOptions) {
+                    if (rv.includes(k)) continue;
+                    let value = isNaN(this.config.defaultOptions[k]) ? `"${this.config.defaultOptions[k]}"` : this.config.defaultOptions[k];
+                    rv += `${k} = ${value}\n`;
+                }
+                return rv;
+            } catch(e) {
+                console.warn("Could not load previous settings", e);
+            }
         }
+        return "";
     }
     loadSettings() {
         if (!window.localStorage || this.config.disableLocalStorage) return;
         this.settingsLoaded = true;
         let ejs_settings = localStorage.getItem("ejs-settings");
-        let coreSpecific = localStorage.getItem("ejs-"+this.getCore()+"-settings");
+        let coreSpecific = localStorage.getItem(this.getLocalStorageKey());
         if (coreSpecific) {
             try {
                 coreSpecific = JSON.parse(coreSpecific);
@@ -3873,10 +4255,10 @@ class EmulatorJS {
                 for (const k in coreSpecific.settings) {
                     this.changeSettingOption(k, coreSpecific.settings[k]);
                 }
-                for (let i=0; i<coreSpecific.cheats.length; i++) {
+                for (let i = 0; i < coreSpecific.cheats.length; i++) {
                     const cheat = coreSpecific.cheats[i];
                     let includes = false;
-                    for (let j=0; j<this.cheats.length; j++) {
+                    for (let j = 0; j < this.cheats.length; j++) {
                         if (this.cheats[j].desc === cheat.desc && this.cheats[j].code === cheat.code) {
                             this.cheats[j].checked = cheat.checked;
                             includes = true;
@@ -3886,7 +4268,7 @@ class EmulatorJS {
                     if (includes) continue;
                     this.cheats.push(cheat);
                 }
-                
+
             } catch(e) {
                 console.warn("Could not load previous settings", e);
             }
@@ -3903,18 +4285,16 @@ class EmulatorJS {
             }
         }
     }
-    menuOptionChanged(option, value) {
-        this.saveSettings();
-        if (this.debug) console.log(option, value);
-        if (!this.gameManager) return;
+    handleSpecialOptions(option, value) {
         if (option === "shader") {
             this.enableShader(value);
-            return;
         } else if (option === "disk") {
             this.gameManager.setCurrentDisk(value);
-            return;
         } else if (option === "virtual-gamepad") {
             this.toggleVirtualGamepad(value !== "disabled");
+        } else if (option === "menu-bar-button") {
+            this.elements.menuToggle.style.display = "";
+            this.elements.menuToggle.style.opacity = value === "visible" ? 0.5 : 0;
         } else if (option === "virtual-gamepad-left-handed-mode") {
             this.toggleVirtualGamepadLeftHanded(value !== "disabled");
         } else if (option === "ff-ratio") {
@@ -3935,13 +4315,13 @@ class EmulatorJS {
                 this.isFastForward = false;
                 this.gameManager.toggleFastForward(0);
             }
-        } else if (option === 'sm-ratio') {
+        } else if (option === "sm-ratio") {
             if (this.isSlowMotion) this.gameManager.toggleSlowMotion(0);
             this.gameManager.setSlowMotionRatio(parseFloat(value));
             setTimeout(() => {
                 if (this.isSlowMotion) this.gameManager.toggleSlowMotion(1);
             }, 10);
-        } else if (option === 'slowMotion') {
+        } else if (option === "slowMotion") {
             if (value === "enabled") {
                 this.isSlowMotion = true;
                 this.gameManager.toggleSlowMotion(1);
@@ -3955,7 +4335,44 @@ class EmulatorJS {
             }
         } else if (option === "vsync") {
             this.gameManager.setVSync(value === "enabled");
+        } else if (option === "videoRotation") {
+            value = parseInt(value);
+            if (this.videoRotationChanged === true || value !== 0) {
+                this.gameManager.setVideoRotation(value);
+                this.videoRotationChanged = true;
+            } else if (this.videoRotationChanged === true && value === 0) {
+                this.gameManager.setVideoRotation(0);
+                this.videoRotationChanged = true;
+            }
+        } else if (option === "save-save-interval") {
+            value = parseInt(value);
+            if (this.saveSaveInterval && this.saveSaveInterval !== null) {
+                clearInterval(this.saveSaveInterval);
+                this.saveSaveInterval = null;
+            }
+            // Disabled
+            if (value === 0 || isNaN(value)) return;
+            if (this.started) this.gameManager.saveSaveFiles();
+            if (this.debug) console.log("Saving every", value * 1000, "miliseconds");
+            this.saveSaveInterval = setInterval(() => {
+                if (this.started) this.gameManager.saveSaveFiles();
+            }, value * 1000);
+        } else if (option === "menubarBehavior") {
+            this.createBottomMenuBarListeners();
+        } else if (option === "keyboardInput") {
+            this.gameManager.setKeyboardEnabled(value === "enabled");
+        } else if (option === "altKeyboardInput") {
+            this.gameManager.setAltKeyEnabled(value === "enabled");
+        } else if (option === "lockMouse") {
+            this.enableMouseLock = (value === "enabled");
         }
+    }
+    menuOptionChanged(option, value) {
+        this.saveSettings();
+        this.allSettings[option] = value;
+        if (this.debug) console.log(option, value);
+        if (!this.gameManager) return;
+        this.handleSpecialOptions(option, value);
         this.gameManager.setVariable(option, value);
         this.saveSettings();
     }
@@ -3965,7 +4382,7 @@ class EmulatorJS {
         const nested = this.createElement("div");
         nested.classList.add("ejs_settings_transition");
         this.disks = {};
-        
+
         const home = this.createElement("div");
         home.style.overflow = "auto";
         const menus = [];
@@ -3980,12 +4397,12 @@ class EmulatorJS {
             let w2 = this.diskParent.parentElement.getBoundingClientRect().width;
             let disksX = this.diskParent.getBoundingClientRect().x;
             if (w2 > window.innerWidth) disksX += (w2 - window.innerWidth);
-            const onTheRight = disksX > (w2-15)/2;
+            const onTheRight = disksX > (w2 - 15) / 2;
             if (height > 375) height = 375;
-            home.style['max-height'] = (height - 95) + "px";
-            nested.style['max-height'] = (height - 95) + "px";
-            for (let i=0; i<menus.length; i++) {
-                menus[i].style['max-height'] = (height - 95) + "px";
+            home.style["max-height"] = (height - 95) + "px";
+            nested.style["max-height"] = (height - 95) + "px";
+            for (let i = 0; i < menus.length; i++) {
+                menus[i].style["max-height"] = (height - 95) + "px";
             }
             this.disksMenu.classList.toggle("ejs_settings_center_left", !onTheRight);
             this.disksMenu.classList.toggle("ejs_settings_center_right", onTheRight);
@@ -3994,7 +4411,7 @@ class EmulatorJS {
                 this.disksMenu.style.opacity = "";
             }
         }
-        
+
         home.classList.add("ejs_setting_menu");
         nested.appendChild(home);
         let funcs = [];
@@ -4003,30 +4420,31 @@ class EmulatorJS {
             funcs.forEach(e => e(title));
         }
         let allOpts = {};
-        
+
+        // TODO - Why is this duplicated?
         const addToMenu = (title, id, options, defaultOption) => {
             const span = this.createElement("span");
             span.innerText = title;
-            
+
             const current = this.createElement("div");
             current.innerText = "";
             current.classList.add("ejs_settings_main_bar_selected");
             span.appendChild(current);
-            
+
             const menu = this.createElement("div");
             menus.push(menu);
-            menu.style.overflow  = "auto";
             menu.setAttribute("hidden", "");
+            menu.classList.add("ejs_parent_option_div");
             const button = this.createElement("button");
             const goToHome = () => {
                 const homeSize = this.getElementSize(home);
-                nested.style.width = (homeSize.width+20) + "px";
+                nested.style.width = (homeSize.width + 20) + "px";
                 nested.style.height = homeSize.height + "px";
                 menu.setAttribute("hidden", "");
                 home.removeAttribute("hidden");
             }
             this.addEventListener(button, "click", goToHome);
-            
+
             button.type = "button";
             button.classList.add("ejs_back_button");
             menu.appendChild(button);
@@ -4034,29 +4452,29 @@ class EmulatorJS {
             pageTitle.innerText = title;
             pageTitle.classList.add("ejs_menu_text_a");
             button.appendChild(pageTitle);
-            
+
             const optionsMenu = this.createElement("div");
             optionsMenu.classList.add("ejs_setting_menu");
-            
+
             let buttons = [];
             let opts = options;
             if (Array.isArray(options)) {
                 opts = {};
-                for (let i=0; i<options.length; i++) {
+                for (let i = 0; i < options.length; i++) {
                     opts[options[i]] = options[i];
                 }
             }
             allOpts[id] = opts;
-            
+
             funcs.push((title) => {
                 if (id !== title) return;
-                for (let j=0; j<buttons.length; j++) {
+                for (let j = 0; j < buttons.length; j++) {
                     buttons[j].classList.toggle("ejs_option_row_selected", buttons[j].getAttribute("ejs_value") === this.disks[id]);
                 }
                 this.menuOptionChanged(id, this.disks[id]);
                 current.innerText = opts[this.disks[id]];
             });
-            
+
             for (const opt in opts) {
                 const optionButton = this.createElement("button");
                 buttons.push(optionButton);
@@ -4065,10 +4483,10 @@ class EmulatorJS {
                 optionButton.value = opts[opt];
                 optionButton.classList.add("ejs_option_row");
                 optionButton.classList.add("ejs_button_style");
-                
+
                 this.addEventListener(optionButton, "click", (e) => {
                     this.disks[id] = opt;
-                    for (let j=0; j<buttons.length; j++) {
+                    for (let j = 0; j < buttons.length; j++) {
                         buttons[j].classList.remove("ejs_option_row_selected");
                     }
                     optionButton.classList.add("ejs_option_row_selected");
@@ -4081,33 +4499,33 @@ class EmulatorJS {
                     this.menuOptionChanged(id, opt);
                     current.innerText = opts[opt];
                 }
-                
+
                 const msg = this.createElement("span");
                 msg.innerText = opts[opt];
                 optionButton.appendChild(msg);
-                
+
                 optionsMenu.appendChild(optionButton);
             }
-            
+
             home.appendChild(optionsMenu);
-            
+
             nested.appendChild(menu);
         }
-        
+
         if (this.gameManager.getDiskCount() > 1) {
             const diskLabels = {};
             let isM3U = false;
             let disks = {};
             if (this.fileName.split(".").pop() === "m3u") {
-                disks = this.gameManager.Module.FS.readFile(this.fileName, { encoding: 'utf8' }).split("\n");
+                disks = this.gameManager.Module.FS.readFile(this.fileName, { encoding: "utf8" }).split("\n");
                 isM3U = true;
             }
-            for (let i=0; i<this.gameManager.getDiskCount(); i++) {
+            for (let i = 0; i < this.gameManager.getDiskCount(); i++) {
                 // default if not an m3u loaded rom is "Disk x"
                 // if m3u, then use the file name without the extension
                 // if m3u, and contains a |, then use the string after the | as the disk label
                 if (!isM3U) {
-                    diskLabels[i.toString()] = "Disk "+(i+1);
+                    diskLabels[i.toString()] = "Disk " + (i + 1);
                 } else {
                     // get disk name from m3u
                     const diskLabelValues = disks[i].split("|");
@@ -4122,38 +4540,129 @@ class EmulatorJS {
             }
             addToMenu(this.localization("Disk"), "disk", diskLabels, this.gameManager.getCurrentDisk().toString());
         }
-        
+
         this.disksMenu.appendChild(nested);
-        
+
         this.diskParent.appendChild(this.disksMenu);
         this.diskParent.style.position = "relative";
-        
+
         const homeSize = this.getElementSize(home);
-        nested.style.width = (homeSize.width+20) + "px";
+        nested.style.width = (homeSize.width + 20) + "px";
         nested.style.height = homeSize.height + "px";
-        
+
         this.disksMenu.style.display = "none";
-        
+
         if (this.debug) {
             console.log("Available core options", allOpts);
         }
-        
+
         if (this.config.defaultOptions) {
             for (const k in this.config.defaultOptions) {
                 this.changeDiskOption(k, this.config.defaultOptions[k]);
             }
         }
     }
+    getSettingValue(id) {
+        return this.allSettings[id] || this.settings[id] || null;
+    }
     setupSettingsMenu() {
         this.settingsMenu = this.createElement("div");
         this.settingsMenu.classList.add("ejs_settings_parent");
         const nested = this.createElement("div");
         nested.classList.add("ejs_settings_transition");
         this.settings = {};
-        
-        const home = this.createElement("div");
-        home.style.overflow = "auto";
+        this.allSettings = {};
         const menus = [];
+        let parentMenuCt = 0;
+
+        const createSettingParent = (child, title, parentElement) => {
+            const rv = this.createElement("div");
+            rv.classList.add("ejs_setting_menu");
+
+            if (child) {
+                const menuOption = this.createElement("div");
+                menuOption.classList.add("ejs_settings_main_bar");
+                const span = this.createElement("span");
+                span.innerText = title;
+
+                menuOption.appendChild(span);
+                parentElement.appendChild(menuOption);
+
+                const menu = this.createElement("div");
+                const menuChild = this.createElement("div");
+                menus.push(menu);
+                parentMenuCt++;
+                menu.setAttribute("hidden", "");
+                menuChild.classList.add("ejs_parent_option_div");
+                const button = this.createElement("button");
+                const goToHome = () => {
+                    const homeSize = this.getElementSize(parentElement);
+                    nested.style.width = (homeSize.width + 20) + "px";
+                    nested.style.height = homeSize.height + "px";
+                    menu.setAttribute("hidden", "");
+                    parentElement.removeAttribute("hidden");
+                }
+                this.addEventListener(menuOption, "click", (e) => {
+                    const targetSize = this.getElementSize(menu);
+                    nested.style.width = (targetSize.width + 20) + "px";
+                    nested.style.height = targetSize.height + "px";
+                    menu.removeAttribute("hidden");
+                    rv.scrollTo(0, 0);
+                    parentElement.setAttribute("hidden", "");
+                })
+                const observer = new MutationObserver((list) => {
+                    for (const k of list) {
+                        for (const removed of k.removedNodes) {
+                            if (removed === menu) {
+                                menuOption.remove();
+                                observer.disconnect();
+                                const index = menus.indexOf(menu);
+                                if (index !== -1) menus.splice(index, 1);
+                                this.settingsMenu.style.display = "";
+                                const homeSize = this.getElementSize(parentElement);
+                                nested.style.width = (homeSize.width + 20) + "px";
+                                nested.style.height = homeSize.height + "px";
+                                // This SHOULD always be called before the game started - this SHOULD never be an issue
+                                this.settingsMenu.style.display = "none";
+                            }
+                        }
+                    }
+                });
+                this.addEventListener(button, "click", goToHome);
+
+                button.type = "button";
+                button.classList.add("ejs_back_button");
+                menuChild.appendChild(button);
+                const pageTitle = this.createElement("span");
+                pageTitle.innerText = title;
+                pageTitle.classList.add("ejs_menu_text_a");
+                button.appendChild(pageTitle);
+                
+                // const optionsMenu = this.createElement("div");
+                // optionsMenu.classList.add("ejs_setting_menu");
+                // menu.appendChild(optionsMenu);
+
+                menuChild.appendChild(rv);
+                menu.appendChild(menuChild);
+                nested.appendChild(menu);
+                observer.observe(nested, {
+                    childList: true,
+                    subtree: true,
+                });
+            }
+
+            return rv;
+        }
+
+        const checkForEmptyMenu = (element) => {
+            if (element.firstChild === null) {
+                element.parentElement.remove(); // No point in keeping an empty menu
+                parentMenuCt--;
+            }
+        }
+
+        const home = createSettingParent();
+
         this.handleSettingsResize = () => {
             let needChange = false;
             if (this.settingsMenu.style.display !== "") {
@@ -4165,12 +4674,12 @@ class EmulatorJS {
             let w2 = this.settingParent.parentElement.getBoundingClientRect().width;
             let settingsX = this.settingParent.getBoundingClientRect().x;
             if (w2 > window.innerWidth) settingsX += (w2 - window.innerWidth);
-            const onTheRight = settingsX > (w2-15)/2;
+            const onTheRight = settingsX > (w2 - 15) / 2;
             if (height > 375) height = 375;
-            home.style['max-height'] = (height - 95) + "px";
-            nested.style['max-height'] = (height - 95) + "px";
-            for (let i=0; i<menus.length; i++) {
-                menus[i].style['max-height'] = (height - 95) + "px";
+            home.style["max-height"] = (height - 95) + "px";
+            nested.style["max-height"] = (height - 95) + "px";
+            for (let i = 0; i < menus.length; i++) {
+                menus[i].style["max-height"] = (height - 95) + "px";
             }
             this.settingsMenu.classList.toggle("ejs_settings_center_left", !onTheRight);
             this.settingsMenu.classList.toggle("ejs_settings_center_right", onTheRight);
@@ -4179,81 +4688,95 @@ class EmulatorJS {
                 this.settingsMenu.style.opacity = "";
             }
         }
-        
-        home.classList.add("ejs_setting_menu");
         nested.appendChild(home);
+
         let funcs = [];
-        this.changeSettingOption = (title, newValue) => {
-            this.settings[title] = newValue;
+        let settings = {};
+        this.changeSettingOption = (title, newValue, startup) => {
+            this.allSettings[title] = newValue;
+            if (startup !== true) {
+                this.settings[title] = newValue;
+            }
+            settings[title] = newValue;
             funcs.forEach(e => e(title));
         }
         let allOpts = {};
-        
-        const addToMenu = (title, id, options, defaultOption) => {
+
+        const addToMenu = (title, id, options, defaultOption, parentElement, useParentParent) => {
+            if (Array.isArray(this.config.hideSettings) && this.config.hideSettings.includes(id)) {
+                return;
+            }
+            parentElement = parentElement || home;
+            const transitionElement = useParentParent ? parentElement.parentElement.parentElement : parentElement;
             const menuOption = this.createElement("div");
             menuOption.classList.add("ejs_settings_main_bar");
             const span = this.createElement("span");
             span.innerText = title;
-            
+
             const current = this.createElement("div");
             current.innerText = "";
             current.classList.add("ejs_settings_main_bar_selected");
             span.appendChild(current);
-            
+
             menuOption.appendChild(span);
-            home.appendChild(menuOption);
-            
+            parentElement.appendChild(menuOption);
+
             const menu = this.createElement("div");
             menus.push(menu);
-            menu.style.overflow  = "auto";
+            const menuChild = this.createElement("div");
             menu.setAttribute("hidden", "");
+            menuChild.classList.add("ejs_parent_option_div");
+
+            const optionsMenu = this.createElement("div");
+            optionsMenu.classList.add("ejs_setting_menu");
+
             const button = this.createElement("button");
             const goToHome = () => {
-                const homeSize = this.getElementSize(home);
-                nested.style.width = (homeSize.width+20) + "px";
-                nested.style.height = homeSize.height + "px";
+                transitionElement.removeAttribute("hidden");
                 menu.setAttribute("hidden", "");
-                home.removeAttribute("hidden");
+                const homeSize = this.getElementSize(transitionElement);
+                nested.style.width = (homeSize.width + 20) + "px";
+                nested.style.height = homeSize.height + "px";
+                transitionElement.removeAttribute("hidden");
             }
             this.addEventListener(menuOption, "click", (e) => {
                 const targetSize = this.getElementSize(menu);
-                nested.style.width = (targetSize.width+20) + "px";
+                nested.style.width = (targetSize.width + 20) + "px";
                 nested.style.height = targetSize.height + "px";
                 menu.removeAttribute("hidden");
-                home.setAttribute("hidden", "");
+                optionsMenu.scrollTo(0, 0);
+                transitionElement.setAttribute("hidden", "");
+                transitionElement.setAttribute("hidden", "");
             })
             this.addEventListener(button, "click", goToHome);
-            
+
             button.type = "button";
             button.classList.add("ejs_back_button");
-            menu.appendChild(button);
+            menuChild.appendChild(button);
             const pageTitle = this.createElement("span");
             pageTitle.innerText = title;
             pageTitle.classList.add("ejs_menu_text_a");
             button.appendChild(pageTitle);
-            
-            const optionsMenu = this.createElement("div");
-            optionsMenu.classList.add("ejs_setting_menu");
-            
+
             let buttons = [];
             let opts = options;
             if (Array.isArray(options)) {
                 opts = {};
-                for (let i=0; i<options.length; i++) {
+                for (let i = 0; i < options.length; i++) {
                     opts[options[i]] = options[i];
                 }
             }
             allOpts[id] = opts;
-            
+
             funcs.push((title) => {
                 if (id !== title) return;
-                for (let j=0; j<buttons.length; j++) {
-                    buttons[j].classList.toggle("ejs_option_row_selected", buttons[j].getAttribute("ejs_value") === this.settings[id]);
+                for (let j = 0; j < buttons.length; j++) {
+                    buttons[j].classList.toggle("ejs_option_row_selected", buttons[j].getAttribute("ejs_value") === settings[id]);
                 }
-                this.menuOptionChanged(id, this.settings[id]);
-                current.innerText = opts[this.settings[id]];
+                this.menuOptionChanged(id, settings[id]);
+                current.innerText = opts[settings[id]];
             });
-            
+
             for (const opt in opts) {
                 const optionButton = this.createElement("button");
                 buttons.push(optionButton);
@@ -4262,10 +4785,10 @@ class EmulatorJS {
                 optionButton.value = opts[opt];
                 optionButton.classList.add("ejs_option_row");
                 optionButton.classList.add("ejs_button_style");
-                
+
                 this.addEventListener(optionButton, "click", (e) => {
-                    this.settings[id] = opt;
-                    for (let j=0; j<buttons.length; j++) {
+                    this.changeSettingOption(id, opt);
+                    for (let j = 0; j < buttons.length; j++) {
                         buttons[j].classList.remove("ejs_option_row_selected");
                     }
                     optionButton.classList.add("ejs_option_row_selected");
@@ -4278,38 +4801,52 @@ class EmulatorJS {
                     this.menuOptionChanged(id, opt);
                     current.innerText = opts[opt];
                 }
-                
+
                 const msg = this.createElement("span");
                 msg.innerText = opts[opt];
                 optionButton.appendChild(msg);
-                
+
                 optionsMenu.appendChild(optionButton);
             }
-            
-            menu.appendChild(optionsMenu);
-            
+
+            menuChild.appendChild(optionsMenu);
+
+            menu.appendChild(menuChild);
             nested.appendChild(menu);
         }
+        const cores = this.getCores();
+        const core = cores[this.getCore(true)];
+        if (core && core.length > 1) {
+            addToMenu(this.localization("Core" + " (" + this.localization("Requires restart") + ")"), "retroarch_core", core, this.getCore(), home);
+        }
+        if (typeof window.SharedArrayBuffer === "function" && !this.requiresThreads(this.getCore())) {
+            addToMenu(this.localization("Threads"), "ejs_threads", {
+                "enabled": this.localization("Enabled"),
+                "disabled": this.localization("Disabled")
+            }, this.config.threads ? "enabled" : "disabled", home);
+        }
+
+        const graphicsOptions = createSettingParent(true, "Graphics Settings", home);
 
         if (this.config.shaders) {
             const builtinShaders = {
-                '2xScaleHQ.glslp': this.localization("2xScaleHQ"),
-                '4xScaleHQ.glslp': this.localization("4xScaleHQ"),
-                'crt-aperture.glslp': this.localization('CRT aperture'),
-                'crt-beam': this.localization('CRT beam'),
-                'crt-caligari': this.localization('CRT caligari'),
-                'crt-easymode.glslp': this.localization('CRT easymode'),
-                'crt-geom.glslp': this.localization('CRT geom'),
-                'crt-lottes': this.localization('CRT lottes'),
-                'crt-mattias.glslp': this.localization('CRT mattias'),
-                'crt-yeetron': this.localization('CRT yeetron'),
-                'crt-zfast': this.localization('CRT zfast'),
-                'sabr': this.localization('SABR'),
-                'bicubic': this.localization('Bicubic'),
-                'mix-frames': this.localization('Mix frames'),
+                "2xScaleHQ.glslp": this.localization("2xScaleHQ"),
+                "4xScaleHQ.glslp": this.localization("4xScaleHQ"),
+                "crt-aperture.glslp": this.localization("CRT aperture"),
+                "crt-beam": this.localization("CRT beam"),
+                "crt-caligari": this.localization("CRT caligari"),
+                "crt-easymode.glslp": this.localization("CRT easymode"),
+                "crt-geom.glslp": this.localization("CRT geom"),
+                "crt-lottes": this.localization("CRT lottes"),
+                "crt-mattias.glslp": this.localization("CRT mattias"),
+                "crt-yeetron": this.localization("CRT yeetron"),
+                "crt-zfast": this.localization("CRT zfast"),
+                "sabr": this.localization("SABR"),
+                "bicubic": this.localization("Bicubic"),
+                "mix-frames": this.localization("Mix frames"),
             };
             let shaderMenu = {
-                'disabled': this.localization("Disabled"),
+                "disabled": this.localization("Disabled"),
             };
             for (const shaderName in this.config.shaders) {
                 if (builtinShaders[shaderName]) {
@@ -4318,123 +4855,305 @@ class EmulatorJS {
                     shaderMenu[shaderName] = shaderName;
                 }
             }
-            addToMenu(this.localization('Shaders'), 'shader', shaderMenu, 'disabled');
+            addToMenu(this.localization("Shaders"), "shader", shaderMenu, "disabled", graphicsOptions, true);
         }
 
-        if (this.supportsWebgl2) {
-            addToMenu(this.localization('WebGL2') + " (" + this.localization('Requires page reload') + ")", 'webgl2Enabled', {
-                'enabled': this.localization("Enabled"),
-                'disabled': this.localization("Disabled")
-            }, this.webgl2Enabled ? "enabled" : "disabled");
+        if (this.supportsWebgl2 && !this.requiresWebGL2(this.getCore())) {
+            addToMenu(this.localization("WebGL2") + " (" + this.localization("Requires restart") + ")", "webgl2Enabled", {
+                "enabled": this.localization("Enabled"),
+                "disabled": this.localization("Disabled")
+            }, this.webgl2Enabled ? "enabled" : "disabled", graphicsOptions, true);
         }
-        
-        addToMenu(this.localization('FPS'), 'fps', {
-            'show': this.localization("show"),
-            'hide': this.localization("hide")
-        }, 'hide');
-        
+
+        addToMenu(this.localization("FPS"), "fps", {
+            "show": this.localization("show"),
+            "hide": this.localization("hide")
+        }, "hide", graphicsOptions, true);
+
         addToMenu(this.localization("VSync"), "vsync", {
-            'enabled': this.localization("Enabled"),
-            'disabled': this.localization("Disabled")
-        }, "enabled");
-        
-        addToMenu(this.localization('Fast Forward Ratio'), 'ff-ratio', [
+            "enabled": this.localization("Enabled"),
+            "disabled": this.localization("Disabled")
+        }, "enabled", graphicsOptions, true);
+
+        addToMenu(this.localization("Video Rotation"), "videoRotation", {
+            "0": "0 deg",
+            "1": "90 deg",
+            "2": "180 deg",
+            "3": "270 deg"
+        }, this.videoRotation.toString(), graphicsOptions, true);
+
+        const screenCaptureOptions = createSettingParent(true, "Screen Capture", home);
+
+        addToMenu(this.localization("Screenshot Source"), "screenshotSource", {
+            "canvas": "canvas",
+            "retroarch": "retroarch"
+        }, this.capture.photo.source, screenCaptureOptions, true);
+
+        let screenshotFormats = {
+            "png": "png",
+            "jpeg": "jpeg",
+            "webp": "webp"
+        }
+        if (this.isSafari) {  
+            delete screenshotFormats["webp"]; 
+        }
+        if (!(this.capture.photo.format in screenshotFormats)) {
+            this.capture.photo.format = "png";
+        }
+        addToMenu(this.localization("Screenshot Format"), "screenshotFormat", screenshotFormats, this.capture.photo.format, screenCaptureOptions, true);
+
+        const screenshotUpscale = this.capture.photo.upscale.toString();
+        let screenshotUpscales = {
+            "0": "native",
+            "1": "1x",
+            "2": "2x",
+            "3": "3x"
+        }
+        if (!(screenshotUpscale in screenshotUpscales)) {
+            screenshotUpscales[screenshotUpscale] = screenshotUpscale + "x";
+        }
+        addToMenu(this.localization("Screenshot Upscale"), "screenshotUpscale", screenshotUpscales, screenshotUpscale, screenCaptureOptions, true);
+
+        const screenRecordFPS = this.capture.video.fps.toString();
+        let screenRecordFPSs = {
+            "30": "30",
+            "60": "60"
+        }
+        if (!(screenRecordFPS in screenRecordFPSs)) {
+            screenRecordFPSs[screenRecordFPS] = screenRecordFPS;
+        }
+        addToMenu(this.localization("Screen Recording FPS"), "screenRecordFPS", screenRecordFPSs, screenRecordFPS, screenCaptureOptions, true);
+
+        let screenRecordFormats = {
+            "mp4": "mp4",
+            "webm": "webm"
+        }
+        for (const format in screenRecordFormats) {
+            if (!MediaRecorder.isTypeSupported("video/" + format)) {
+                delete screenRecordFormats[format];
+            }
+        }
+        if (!(this.capture.video.format in screenRecordFormats)) {
+            this.capture.video.format = Object.keys(screenRecordFormats)[0];
+        }
+        addToMenu(this.localization("Screen Recording Format"), "screenRecordFormat", screenRecordFormats, this.capture.video.format, screenCaptureOptions, true);
+
+        const screenRecordUpscale = this.capture.video.upscale.toString();
+        let screenRecordUpscales = {
+            "1": "1x",
+            "2": "2x",
+            "3": "3x",
+            "4": "4x"
+        }
+        if (!(screenRecordUpscale in screenRecordUpscales)) {
+            screenRecordUpscales[screenRecordUpscale] = screenRecordUpscale + "x";
+        }
+        addToMenu(this.localization("Screen Recording Upscale"), "screenRecordUpscale", screenRecordUpscales, screenRecordUpscale, screenCaptureOptions, true);
+
+        const screenRecordVideoBitrate = this.capture.video.videoBitrate.toString();
+        let screenRecordVideoBitrates = {
+            "1048576": "1 Mbit/sec",
+            "2097152": "2 Mbit/sec",
+            "2621440": "2.5 Mbit/sec",
+            "3145728": "3 Mbit/sec",
+            "4194304": "4 Mbit/sec"
+        }
+        if (!(screenRecordVideoBitrate in screenRecordVideoBitrates)) {
+            screenRecordVideoBitrates[screenRecordVideoBitrate] = screenRecordVideoBitrate + " Bits/sec";
+        }
+        addToMenu(this.localization("Screen Recording Video Bitrate"), "screenRecordVideoBitrate", screenRecordVideoBitrates, screenRecordVideoBitrate, screenCaptureOptions, true);
+
+        const screenRecordAudioBitrate = this.capture.video.audioBitrate.toString();
+        let screenRecordAudioBitrates = {
+            "65536": "64 Kbit/sec",
+            "131072": "128 Kbit/sec",
+            "196608": "192 Kbit/sec",
+            "262144": "256 Kbit/sec",
+            "327680": "320 Kbit/sec"
+        }
+        if (!(screenRecordAudioBitrate in screenRecordAudioBitrates)) {
+            screenRecordAudioBitrates[screenRecordAudioBitrate] = screenRecordAudioBitrate + " Bits/sec";
+        }
+        addToMenu(this.localization("Screen Recording Audio Bitrate"), "screenRecordAudioBitrate", screenRecordAudioBitrates, screenRecordAudioBitrate, screenCaptureOptions, true);
+
+        checkForEmptyMenu(screenCaptureOptions);
+
+        const speedOptions = createSettingParent(true, "Speed Options", home);
+
+        addToMenu(this.localization("Fast Forward"), "fastForward", {
+            "enabled": this.localization("Enabled"),
+            "disabled": this.localization("Disabled")
+        }, "disabled", speedOptions, true);
+
+        addToMenu(this.localization("Fast Forward Ratio"), "ff-ratio", [
             "1.5", "2.0", "2.5", "3.0", "3.5", "4.0", "4.5", "5.0", "5.5", "6.0", "6.5", "7.0", "7.5", "8.0", "8.5", "9.0", "9.5", "10.0", "unlimited"
-        ], "3.0");
+        ], "3.0", speedOptions, true);
 
-        addToMenu(this.localization('Slow Motion Ratio'), 'sm-ratio', [
+        addToMenu(this.localization("Slow Motion"), "slowMotion", {
+            "enabled": this.localization("Enabled"),
+            "disabled": this.localization("Disabled")
+        }, "disabled", speedOptions, true);
+
+        addToMenu(this.localization("Slow Motion Ratio"), "sm-ratio", [
             "1.5", "2.0", "2.5", "3.0", "3.5", "4.0", "4.5", "5.0", "5.5", "6.0", "6.5", "7.0", "7.5", "8.0", "8.5", "9.0", "9.5", "10.0"
-        ], "3.0");
+        ], "3.0", speedOptions, true);
+
+        addToMenu(this.localization("Rewind Enabled" + " (" + this.localization("Requires restart") + ")"), "rewindEnabled", {
+            "enabled": this.localization("Enabled"),
+            "disabled": this.localization("Disabled")
+        }, "disabled", speedOptions, true);
+
+        if (this.rewindEnabled) {
+            addToMenu(this.localization("Rewind Granularity"), "rewind-granularity", [
+                "1", "3", "6", "12", "25", "50", "100"
+            ], "6", speedOptions, true);
+        }
+
+        const inputOptions = createSettingParent(true, "Input Options", home);
 
-        addToMenu(this.localization('Fast Forward'), 'fastForward', {
-            'enabled': this.localization("Enabled"),
-            'disabled': this.localization("Disabled")
-        }, "disabled");
+        addToMenu(this.localization("Menubar Mouse Trigger"), "menubarBehavior", {
+            "downward": this.localization("Downward Movement"),
+            "anywhere": this.localization("Movement Anywhere"),
+        }, "downward", inputOptions, true);
 
-        addToMenu(this.localization('Slow Motion'), 'slowMotion', {
-            'enabled': this.localization("Enabled"),
-            'disabled': this.localization("Disabled")
-        }, "disabled");
+        addToMenu(this.localization("Direct Keyboard Input"), "keyboardInput", {
+            "disabled": this.localization("Disabled"),
+            "enabled": this.localization("Enabled"),
+        }, ((this.defaultCoreOpts && this.defaultCoreOpts.useKeyboard === true) ? "enabled" : "disabled"), inputOptions, true);
 
-        addToMenu(this.localization('Rewind Enabled (requires restart)'), 'rewindEnabled', {
-            'enabled': this.localization("Enabled"),
-            'disabled': this.localization("Disabled")
-        }, 'disabled');
+        addToMenu(this.localization("Forward Alt key"), "altKeyboardInput", {
+            "disabled": this.localization("Disabled"),
+            "enabled": this.localization("Enabled"),
+        }, "disabled", inputOptions, true);
 
-        addToMenu(this.localization('Rewind Granularity'), 'rewind-granularity', [
-            '1', '3', '6', '12', '25', '50', '100'
-        ], '6');
+        addToMenu(this.localization("Lock Mouse"), "lockMouse", {
+            "disabled": this.localization("Disabled"),
+            "enabled": this.localization("Enabled"),
+        }, (this.enableMouseLock === true ? "enabled" : "disabled"), inputOptions, true);
+
+        checkForEmptyMenu(inputOptions);
 
         if (this.saveInBrowserSupported()) {
-            addToMenu(this.localization('Save State Slot'), 'save-state-slot', ["1", "2", "3", "4", "5", "6", "7", "8", "9"], "1");
-            addToMenu(this.localization('Save State Location'), 'save-state-location', {
-                'download': this.localization("Download"),
-                'browser': this.localization("Keep in Browser")
-            }, 'download');
-        }
-
-        addToMenu(this.localization('Video Rotation (requires restart)'), 'videoRotation', {
-            '0': "0 deg",
-            '1': "90 deg",
-            '2': "180 deg",
-            '3': "270 deg"
-        }, this.videoRotation.toString());
-        
-        if (this.touch || navigator.maxTouchPoints > 0) {
-            addToMenu(this.localization('Virtual Gamepad'), 'virtual-gamepad', {
-                'enabled': this.localization("Enabled"),
-                'disabled': this.localization("Disabled")
-            }, this.isMobile ? 'enabled' : 'disabled');
-            addToMenu(this.localization('Left Handed Mode'), 'virtual-gamepad-left-handed-mode', {
-                'enabled': this.localization("Enabled"),
-                'disabled': this.localization("Disabled")
-            }, 'disabled');
+            const saveStateOpts = createSettingParent(true, "Save States", home);
+            addToMenu(this.localization("Save State Slot"), "save-state-slot", ["1", "2", "3", "4", "5", "6", "7", "8", "9"], "1", saveStateOpts, true);
+            addToMenu(this.localization("Save State Location"), "save-state-location", {
+                "download": this.localization("Download"),
+                "browser": this.localization("Keep in Browser")
+            }, "download", saveStateOpts, true);
+            addToMenu(this.localization("System Save interval"), "save-save-interval", {
+                "0": "Disabled",
+                "30": "30 seconds",
+                "60": "1 minute",
+                "300": "5 minutes",
+                "600": "10 minutes",
+                "900": "15 minutes",
+                "1800": "30 minutes"
+            }, "300", saveStateOpts, true);
+            checkForEmptyMenu(saveStateOpts);
+        }
+
+        if (this.touch || this.hasTouchScreen) {
+            const virtualGamepad = createSettingParent(true, "Virtual Gamepad", home);
+            addToMenu(this.localization("Virtual Gamepad"), "virtual-gamepad", {
+                "enabled": this.localization("Enabled"),
+                "disabled": this.localization("Disabled")
+            }, this.isMobile ? "enabled" : "disabled", virtualGamepad, true);
+            addToMenu(this.localization("Menu Bar Button"), "menu-bar-button", {
+                "visible": this.localization("visible"),
+                "hidden": this.localization("hidden")
+            }, "visible", virtualGamepad, true);
+            addToMenu(this.localization("Left Handed Mode"), "virtual-gamepad-left-handed-mode", {
+                "enabled": this.localization("Enabled"),
+                "disabled": this.localization("Disabled")
+            }, "disabled", virtualGamepad, true);
+            checkForEmptyMenu(virtualGamepad);
         }
+
         let coreOpts;
         try {
             coreOpts = this.gameManager.getCoreOptions();
-        } catch(e){}
+        } catch(e) {}
         if (coreOpts) {
-            coreOpts.split('\n').forEach((line, index) => {
-                let option = line.split('; ');
+            const coreOptions = createSettingParent(true, "Backend Core Options", home);
+            coreOpts.split("\n").forEach((line, index) => {
+                let option = line.split("; ");
                 let name = option[0];
-                let options = option[1].split('|'),
-                    optionName = name.split("|")[0].replace(/_/g, ' ').replace(/.+\-(.+)/, '$1');
+                let options = option[1].split("|"),
+                    optionName = name.split("|")[0].replace(/_/g, " ").replace(/.+\-(.+)/, "$1");
                 options.slice(1, -1);
                 if (options.length === 1) return;
                 let availableOptions = {};
-                for (let i=0; i<options.length; i++) {
-                    availableOptions[options[i]] = this.localization(options[i], this.settingsLanguage);
+                for (let i = 0; i < options.length; i++) {
+                    availableOptions[options[i]] = this.localization(options[i], this.config.settingsLanguage);
                 }
-                addToMenu(this.localization(optionName, this.settingsLanguage),
-                          name.split("|")[0], availableOptions,
-                          (name.split("|").length > 1) ? name.split("|")[1] : options[0].replace('(Default) ', ''));
+                addToMenu(this.localization(optionName, this.config.settingsLanguage),
+                    name.split("|")[0], availableOptions,
+                    (name.split("|").length > 1) ? name.split("|")[1] : options[0].replace("(Default) ", ""),
+                    coreOptions,
+                    true);
             })
+            checkForEmptyMenu(coreOptions);
         }
-        
+
+        /*
+        this.retroarchOpts = [
+            {
+                title: "Audio Latency", // String
+                name: "audio_latency", // String - value to be set in retroarch.cfg
+                // options should ALWAYS be strings here...
+                options: ["8", "16", "32", "64", "128"], // values
+                options: {"8": "eight", "16": "sixteen", "32": "thirty-two", "64": "sixty-four", "128": "one hundred-twenty-eight"}, // This also works
+                default: "128", // Default
+                isString: false // Surround value with quotes in retroarch.cfg file?
+            }
+        ];*/
+
+        if (this.retroarchOpts && Array.isArray(this.retroarchOpts)) {
+            const retroarchOptsMenu = createSettingParent(true, "RetroArch Options" + " (" + this.localization("Requires restart") + ")", home);
+            this.retroarchOpts.forEach(option => {
+                addToMenu(this.localization(option.title, this.config.settingsLanguage),
+                    option.name,
+                    option.options,
+                    option.default,
+                    retroarchOptsMenu,
+                    true);
+            })
+            checkForEmptyMenu(retroarchOptsMenu);
+        }
+
+        checkForEmptyMenu(graphicsOptions);
+        checkForEmptyMenu(speedOptions);
+
         this.settingsMenu.appendChild(nested);
-        
+
         this.settingParent.appendChild(this.settingsMenu);
         this.settingParent.style.position = "relative";
-        
+
+        this.settingsMenu.style.display = "";
         const homeSize = this.getElementSize(home);
-        nested.style.width = (homeSize.width+20) + "px";
+        nested.style.width = (homeSize.width + 20) + "px";
         nested.style.height = homeSize.height + "px";
-        
+
         this.settingsMenu.style.display = "none";
-        
+
         if (this.debug) {
             console.log("Available core options", allOpts);
         }
-        
+
         if (this.config.defaultOptions) {
             for (const k in this.config.defaultOptions) {
-                this.changeSettingOption(k, this.config.defaultOptions[k]);
+                this.changeSettingOption(k, this.config.defaultOptions[k], true);
             }
         }
+
+        if (parentMenuCt === 0) {
+            this.on("start", () => {
+                this.elements.bottomBar.settings[0][0].style.display = "none";
+            });
+        }
     }
     createSubPopup(hidden) {
-        const popup = this.createElement('div');
+        const popup = this.createElement("div");
         popup.classList.add("ejs_popup_container");
         popup.classList.add("ejs_popup_container_box");
         const popupMsg = this.createElement("div");
@@ -4481,12 +5200,11 @@ class EmulatorJS {
         addToHeader("").style.width = "80px"; //"join" button
         table.appendChild(thead);
         const tbody = this.createElement("tbody");
-        
+
         table.appendChild(tbody);
         rooms.appendChild(title);
         rooms.appendChild(table);
-        
-        
+
         const joined = this.createElement("div");
         const title2 = this.createElement("strong");
         title2.innerText = "{roomname}";
@@ -4510,16 +5228,16 @@ class EmulatorJS {
         addToHeader2("").style.width = "80px"; //"join" button
         table2.appendChild(thead2);
         const tbody2 = this.createElement("tbody");
-        
+
         table2.appendChild(tbody2);
         joined.appendChild(title2);
         joined.appendChild(password);
         joined.appendChild(table2);
-        
+
         joined.style.display = "none";
         body.appendChild(rooms);
         body.appendChild(joined);
-        
+
         this.openNetplayMenu = () => {
             this.netplayMenu.style.display = "";
             if (!this.netplay || (this.netplay && !this.netplay.name)) {
@@ -4535,14 +5253,14 @@ class EmulatorJS {
                 this.netplayMenu.appendChild(popups[0]);
                 popups[1].classList.add("ejs_cheat_parent"); //Hehe
                 const popup = popups[1];
-                
+
                 const header = this.createElement("div");
                 const title = this.createElement("h2");
                 title.innerText = this.localization("Set Player Name");
                 title.classList.add("ejs_netplay_name_heading");
                 header.appendChild(title);
                 popup.appendChild(header);
-                
+
                 const main = this.createElement("div");
                 main.classList.add("ejs_netplay_header");
                 const head = this.createElement("strong");
@@ -4550,12 +5268,12 @@ class EmulatorJS {
                 const input = this.createElement("input");
                 input.type = "text";
                 input.setAttribute("maxlength", 20);
-                
+
                 main.appendChild(head);
                 main.appendChild(this.createElement("br"));
                 main.appendChild(input);
                 popup.appendChild(main);
-                
+
                 popup.appendChild(this.createElement("br"));
                 const submit = this.createElement("button");
                 submit.classList.add("ejs_button_button");
@@ -4575,17 +5293,17 @@ class EmulatorJS {
     defineNetplayFunctions() {
         function guidGenerator() {
             const S4 = function() {
-               return (((1+Math.random())*0x10000)|0).toString(16).substring(1);
+                return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);
             };
-            return (S4()+S4()+"-"+S4()+"-"+S4()+"-"+S4()+"-"+S4()+S4()+S4());
+            return (S4() + S4() + "-" + S4() + "-" + S4() + "-" + S4() + "-" + S4() + S4() + S4());
         }
         this.netplay.url = this.config.netplayUrl;
         while (this.netplay.url.endsWith("/")) {
-            this.netplay.url = this.netplay.url.substring(0, this.netplay.url.length-1);
+            this.netplay.url = this.netplay.url.substring(0, this.netplay.url.length - 1);
         }
         this.netplay.current_frame = 0;
         this.netplay.getOpenRooms = async () => {
-            return JSON.parse(await (await fetch(this.netplay.url+"/list?domain="+window.location.host+"&game_id="+this.config.gameId)).text());
+            return JSON.parse(await (await fetch(this.netplay.url + "/list?domain=" + window.location.host + "&game_id=" + this.config.gameId)).text());
         }
         this.netplay.updateTableList = async () => {
             const addToTable = (id, name, current, max) => {
@@ -4601,7 +5319,7 @@ class EmulatorJS {
                 }
                 addToHeader(name).style["text-align"] = "left";
                 addToHeader(current + "/" + max).style.width = "80px";
-                
+
                 const parent = addToHeader("");
                 parent.style.width = "80px";
                 this.netplay.table.appendChild(row);
@@ -4630,23 +5348,23 @@ class EmulatorJS {
             this.netplayMenu.appendChild(popups[0]);
             popups[1].classList.add("ejs_cheat_parent"); //Hehe
             const popup = popups[1];
-            
+
             const header = this.createElement("div");
             const title = this.createElement("h2");
             title.innerText = this.localization("Create a room");
             title.classList.add("ejs_netplay_name_heading");
             header.appendChild(title);
             popup.appendChild(header);
-            
+
             const main = this.createElement("div");
-            
+
             main.classList.add("ejs_netplay_header");
             const rnhead = this.createElement("strong");
             rnhead.innerText = this.localization("Room Name");
             const rninput = this.createElement("input");
             rninput.type = "text";
             rninput.setAttribute("maxlength", 20);
-            
+
             const maxhead = this.createElement("strong");
             maxhead.innerText = this.localization("Max Players");
             const maxinput = this.createElement("select");
@@ -4663,28 +5381,27 @@ class EmulatorJS {
             maxinput.appendChild(val2);
             maxinput.appendChild(val3);
             maxinput.appendChild(val4);
-            
-            
+
             const pwhead = this.createElement("strong");
             pwhead.innerText = this.localization("Password (optional)");
             const pwinput = this.createElement("input");
             pwinput.type = "text";
             pwinput.setAttribute("maxlength", 20);
-            
+
             main.appendChild(rnhead);
             main.appendChild(this.createElement("br"));
             main.appendChild(rninput);
-            
+
             main.appendChild(maxhead);
             main.appendChild(this.createElement("br"));
             main.appendChild(maxinput);
-            
+
             main.appendChild(pwhead);
             main.appendChild(this.createElement("br"));
             main.appendChild(pwinput);
-            
+
             popup.appendChild(main);
-            
+
             popup.appendChild(this.createElement("br"));
             const submit = this.createElement("button");
             submit.classList.add("ejs_button_button");
@@ -4737,7 +5454,7 @@ class EmulatorJS {
             }
             this.netplay.players[this.netplay.playerID] = this.netplay.extra;
             this.netplay.users = {};
-            
+
             this.netplay.startSocketIO((error) => {
                 this.netplay.socket.emit("open-room", {
                     extra: this.netplay.extra,
@@ -4768,7 +5485,7 @@ class EmulatorJS {
                 sessionid: sessionid
             }
             this.netplay.players[this.netplay.playerID] = this.netplay.extra;
-            
+
             this.netplay.startSocketIO((error) => {
                 this.netplay.socket.emit("join-room", {
                     extra: this.netplay.extra//,
@@ -4795,7 +5512,7 @@ class EmulatorJS {
             this.netplay.tabs[1].style.display = "";
             if (password) {
                 this.netplay.passwordElem.style.display = "";
-                this.netplay.passwordElem.innerText = this.localization("Password")+": "+password
+                this.netplay.passwordElem.innerText = this.localization("Password") + ": " + password
             } else {
                 this.netplay.passwordElem.style.display = "none";
             }
@@ -4848,7 +5565,7 @@ class EmulatorJS {
                 addToHeader("").style.width = "80px"; //"join" button
                 table.appendChild(row);
             }
-            let i=1;
+            let i = 1;
             for (const k in this.netplay.players) {
                 addToTable(i, this.netplay.players[k].player_name);
                 i++;
@@ -4899,7 +5616,7 @@ class EmulatorJS {
             syncing = false;
         }
         this.netplay.getUserIndex = (user) => {
-            let i=0;
+            let i = 0;
             for (const k in this.netplay.players) {
                 if (k === user) return i;
                 i++;
@@ -4907,7 +5624,7 @@ class EmulatorJS {
             return -1;
         }
         this.netplay.getUserCount = () => {
-            let i=0;
+            let i = 0;
             for (const k in this.netplay.players) i++;
             return i;
         }
@@ -4922,7 +5639,7 @@ class EmulatorJS {
                 this.netplay.setLoading(true);
                 this.pause(true);
                 this.gameManager.loadState(new Uint8Array(data.state));
-                this.netplay.sendMessage({ready:true});
+                this.netplay.sendMessage({ ready: true });
             }
             if (data.play && !this.owner) {
                 this.play(true);
@@ -4933,7 +5650,7 @@ class EmulatorJS {
             if (data.ready && this.netplay.owner) {
                 this.netplay.ready++;
                 if (this.netplay.ready === this.netplay.getUserCount()) {
-                    this.netplay.sendMessage({readyready:true});
+                    this.netplay.sendMessage({ readyready: true });
                     this.netplay.reset();
                     setTimeout(() => this.play(true), 48);
                     this.netplay.setLoading(false);
@@ -4980,7 +5697,7 @@ class EmulatorJS {
                             this.play(true);
                         }
                         if (frame + 10 <= inFrame && inFrame > this.netplay.init_frame + 100) {
-                            this.netplay.sendMessage({shortPause:this.netplay.playerID});
+                            this.netplay.sendMessage({ shortPause: this.netplay.playerID });
                         }
                     }
                 });
@@ -5008,7 +5725,7 @@ class EmulatorJS {
             } else {
                 this.netplay.sendMessage({
                     "sync-control": [{
-                        frame: frame+10,
+                        frame: frame + 10,
                         connected_input: [player, index, value]
                     }]
                 })
@@ -5031,19 +5748,18 @@ class EmulatorJS {
             //fps = 1000 / (newTime - lastTime);
             //console.log(fps);
             //lastTime = newTime;
-            
             //frame syncing - working
             //control syncing - broken
             this.netplay.currentFrame = parseInt(this.gameManager.getFrameNum()) - this.netplay.init_frame;
             if (!this.isNetplay) return;
             if (this.netplay.owner) {
                 let to_send = [];
-                let i = this.netplay.currentFrame-1;
+                let i = this.netplay.currentFrame - 1;
                 this.netplay.inputsData[i] ? this.netplay.inputsData[i].forEach((value) => {
-                    value.frame+=10;
+                    value.frame += 10;
                     to_send.push(value);
-                }) : to_send.push({frame: i+10});
-                this.netplay.sendMessage({"sync-control": to_send});
+                }) : to_send.push({ frame: i + 10 });
+                this.netplay.sendMessage({ "sync-control": to_send });
             } else {
                 if (this.netplay.currentFrame <= 0 || this.netplay.inputsData[this.netplay.currentFrame]) {
                     this.netplay.wait = false;
@@ -5056,7 +5772,7 @@ class EmulatorJS {
                 } else if (!this.netplay.syncing) {
                     console.log("sync");
                     this.pause(true);
-                    this.netplay.sendMessage({sync:true});
+                    this.netplay.sendMessage({ sync: true });
                     this.netplay.syncing = true;
                 }
             }
@@ -5068,10 +5784,8 @@ class EmulatorJS {
                     }
                 })
             }
-            
-            
         }
-        
+
         this.netplay.updateList = {
             start: () => {
                 this.netplay.updateList.interval = setInterval(this.netplay.updateTableList.bind(this), 1000);
@@ -5102,7 +5816,7 @@ class EmulatorJS {
                 this.addEventListener(close, "click", (e) => {
                     popups[0].remove();
                 })
-                
+
                 const main = this.createElement("div");
                 main.classList.add("ejs_cheat_main");
                 const header3 = this.createElement("strong");
@@ -5125,7 +5839,7 @@ class EmulatorJS {
                 main.appendChild(mainText2);
                 main.appendChild(this.createElement("br"));
                 popup.appendChild(main);
-                
+
                 const footer = this.createElement("footer");
                 const submit = this.createElement("button");
                 const closeButton = this.createElement("button");
@@ -5142,7 +5856,7 @@ class EmulatorJS {
                 footer.appendChild(span);
                 footer.appendChild(closeButton);
                 popup.appendChild(footer);
-                
+
                 this.addEventListener(submit, "click", (e) => {
                     if (!mainText.value.trim() || !mainText2.value.trim()) return;
                     popups[0].remove();
@@ -5157,7 +5871,6 @@ class EmulatorJS {
                 this.addEventListener(closeButton, "click", (e) => {
                     popups[0].remove();
                 })
-                
             },
             "Close": () => {
                 this.cheatMenu.style.display = "none";
@@ -5178,7 +5891,7 @@ class EmulatorJS {
     updateCheatUI() {
         if (!this.gameManager) return;
         this.elements.cheatRows.innerHTML = "";
-        
+
         const addToMenu = (desc, checked, code, is_permanent, i) => {
             const row = this.createElement("div");
             row.classList.add("ejs_cheat_row");
@@ -5186,10 +5899,10 @@ class EmulatorJS {
             input.type = "checkbox";
             input.checked = checked;
             input.value = i;
-            input.id = "ejs_cheat_switch_"+i;
+            input.id = "ejs_cheat_switch_" + i;
             row.appendChild(input);
             const label = this.createElement("label");
-            label.for = "ejs_cheat_switch_"+i;
+            label.for = "ejs_cheat_switch_" + i;
             label.innerText = desc;
             row.appendChild(label);
             label.addEventListener("click", (e) => {
@@ -5214,7 +5927,7 @@ class EmulatorJS {
             this.cheatChanged(checked, code, i);
         }
         this.gameManager.resetCheat();
-        for (let i=0; i<this.cheats.length; i++) {
+        for (let i = 0; i < this.cheats.length; i++) {
             addToMenu(this.cheats[i].desc, this.cheats[i].checked, this.cheats[i].code, this.cheats[i].is_permanent, i);
         }
     }
@@ -5236,14 +5949,14 @@ class EmulatorJS {
 
         const shaderConfig = this.config.shaders[name];
 
-        if (typeof shaderConfig === 'string') {
-            this.Module.FS.writeFile("/shader/shader.glslp", shaderConfig, {}, 'w+');
+        if (typeof shaderConfig === "string") {
+            this.Module.FS.writeFile("/shader/shader.glslp", shaderConfig, {}, "w+");
         } else {
             const shader = shaderConfig.shader;
-            this.Module.FS.writeFile('/shader/shader.glslp', shader.type === 'base64' ? atob(shader.value) : shader.value, {}, 'w+');
+            this.Module.FS.writeFile("/shader/shader.glslp", shader.type === "base64" ? atob(shader.value) : shader.value, {}, "w+");
             if (shaderConfig.resources && shaderConfig.resources.length) {
                 shaderConfig.resources.forEach(resource => {
-                    this.Module.FS.writeFile(`/shader/${resource.name}`, resource.type === 'base64' ? atob(resource.value) : resource.value, {}, 'w+');
+                    this.Module.FS.writeFile(`/shader/${resource.name}`, resource.type === "base64" ? atob(resource.value) : resource.value, {}, "w+");
                 });
             }
         }
@@ -5251,13 +5964,113 @@ class EmulatorJS {
         this.gameManager.toggleShader(1);
     }
 
+    screenshot(callback, source, format, upscale) {
+        const imageFormat = format || this.getSettingValue("screenshotFormat") || this.capture.photo.format;
+        const imageUpscale = upscale || parseInt(this.getSettingValue("screenshotUpscale") || this.capture.photo.upscale);
+        const screenshotSource = source || this.getSettingValue("screenshotSource") || this.capture.photo.source;
+        const videoRotation = parseInt(this.getSettingValue("videoRotation") || 0);
+        const aspectRatio = this.gameManager.getVideoDimensions("aspect") || 1.333333;
+        const gameWidth = this.gameManager.getVideoDimensions("width") || 256;
+        const gameHeight = this.gameManager.getVideoDimensions("height") || 224;
+        const videoTurned = (videoRotation === 1 || videoRotation === 3);
+        let width = this.canvas.width;
+        let height = this.canvas.height;
+        let scaleHeight = imageUpscale;
+        let scaleWidth = imageUpscale;
+        let scale = 1;
+        
+        if (screenshotSource === "retroarch") {
+            if (width >= height) {
+                width = height * aspectRatio;
+            } else if (width < height) {
+                height = width / aspectRatio;
+            }
+            this.gameManager.screenshot().then(screenshot => {
+                const blob = new Blob([screenshot], { type: "image/png" });
+                if (imageUpscale === 0) {
+                    callback(blob, "png");
+                } else if (imageUpscale > 1) {
+                    scale = imageUpscale;
+                    const img = new Image();
+                    const screenshotUrl = URL.createObjectURL(blob);
+                    img.src = screenshotUrl;
+                    img.onload = () => {
+                        const canvas = document.createElement("canvas");
+                        canvas.width = width * scale;
+                        canvas.height = height * scale;
+                        const ctx = canvas.getContext("2d", { alpha: false });
+                        ctx.imageSmoothingEnabled = false;
+                        ctx.scale(scaleWidth, scaleHeight);
+                        ctx.drawImage(img, 0, 0, width, height);
+                        canvas.toBlob((blob) => {
+                            callback(blob, imageFormat);
+                            img.remove();
+                            URL.revokeObjectURL(screenshotUrl);
+                            canvas.remove();
+                        }, "image/" + imageFormat, 1);
+                    }
+                }
+            });
+        } else if (screenshotSource === "canvas") {
+            if (width >= height && !videoTurned) {
+                width = height * aspectRatio;
+            } else if (width < height && !videoTurned) {
+                height = width / aspectRatio;
+            } else if (width >= height && videoTurned) {
+                width = height * (1/aspectRatio);
+            } else if (width < height && videoTurned) {
+                width = height / (1/aspectRatio);
+            }
+            if (imageUpscale === 0) {
+                scale = gameHeight / height;
+                scaleHeight = scale;
+                scaleWidth = scale;
+            } else if (imageUpscale > 1) {
+                scale = imageUpscale;
+            }
+            const captureCanvas = document.createElement("canvas");
+            captureCanvas.width = width * scale;
+            captureCanvas.height = height * scale;
+            captureCanvas.style.display = "none";
+            const captureCtx = captureCanvas.getContext("2d", { alpha: false });
+            captureCtx.imageSmoothingEnabled = false;
+            captureCtx.scale(scale, scale);
+            const imageAspect = this.canvas.width / this.canvas.height;
+            const canvasAspect = width / height;
+            let offsetX = 0;
+            let offsetY = 0;
+
+            if (imageAspect > canvasAspect) {
+                offsetX = (this.canvas.width - width) / -2;
+            } else if (imageAspect < canvasAspect) {
+                offsetY = (this.canvas.height - height) / -2;
+            }
+            const drawNextFrame = () => {
+                captureCtx.drawImage(this.canvas, offsetX, offsetY, this.canvas.width, this.canvas.height);
+                captureCanvas.toBlob((blob) => {
+                    callback(blob, imageFormat);
+                    captureCanvas.remove();
+                }, "image/" + imageFormat, 1);
+            };
+            requestAnimationFrame(drawNextFrame);
+        }
+    }
+
+    async takeScreenshot(source, format, upscale) {
+        return new Promise((resolve) => {
+            this.screenshot((blob, format) => {
+                resolve({ blob, format });
+            }, source, format, upscale);
+        });
+    }
+
     collectScreenRecordingMediaTracks(canvasEl, fps) {
         let videoTrack = null;
         const videoTracks = canvasEl.captureStream(fps).getVideoTracks();
         if (videoTracks.length !== 0) {
             videoTrack = videoTracks[0];
         } else {
-            console.error('Unable to capture video stream');
+            console.error("Unable to capture video stream");
             return null;
         }
 
@@ -5284,44 +6097,67 @@ class EmulatorJS {
         }
 
         const stream = new MediaStream();
-        if (videoTrack && videoTrack.readyState === 'live') {
+        if (videoTrack && videoTrack.readyState === "live") {
             stream.addTrack(videoTrack);
         }
-        if (audioTrack && audioTrack.readyState === 'live') {
+        if (audioTrack && audioTrack.readyState === "live") {
             stream.addTrack(audioTrack);
         }
         return stream;
     }
 
     screenRecord() {
-        const captureScreenWidth= (this.config.screenRecording && (typeof this.config.screenRecording.width == "number")) ? this.config.screenRecording.width : 800;
-        const captureScreenHeight = (this.config.screenRecording && (typeof this.config.screenRecording.height == "number")) ? this.config.screenRecording.height : 600;
-        const captureFps = (this.config.screenRecording && (typeof this.config.screenRecording.fps == "number")) ? this.config.screenRecording.fps : 30;
-        const captureVideoBitrate = (this.config.screenRecording && (typeof this.config.screenRecording.videoBitrate == "number")) ? this.config.screenRecording.videoBitrate : 2 * 1024 * 1014;
-        const captureAudioBitrate = (this.config.screenRecording && (typeof this.config.screenRecording.audioBitrate == "number")) ? this.config.screenRecording.audioBitrate : 256 * 1024;
-
-        const captureCanvas = document.createElement('canvas');
-        captureCanvas.width = captureScreenWidth;
-        captureCanvas.height = captureScreenHeight;
-        captureCanvas.style.position = 'absolute';
-        captureCanvas.style.top = '-999px';
-        captureCanvas.style.bottom = '-999px';
-        document.getElementsByTagName('body')[0].append(captureCanvas);
-
-        const captureCtx = captureCanvas.getContext('2d', { alpha: false });
-        captureCtx.fillStyle = '#000';
+        const captureFps = this.getSettingValue("screenRecordingFPS") || this.capture.video.fps;
+        const captureFormat = this.getSettingValue("screenRecordFormat") || this.capture.video.format;
+        const captureUpscale = this.getSettingValue("screenRecordUpscale") || this.capture.video.upscale;
+        const captureVideoBitrate = this.getSettingValue("screenRecordVideoBitrate") || this.capture.video.videoBitrate;
+        const captureAudioBitrate = this.getSettingValue("screenRecordAudioBitrate") || this.capture.video.audioBitrate;
+        const aspectRatio = this.gameManager.getVideoDimensions("aspect") || 1.333333;
+        const videoRotation = parseInt(this.getSettingValue("videoRotation") || 0);
+        const videoTurned = (videoRotation === 1 || videoRotation === 3);
+        let width = 800;
+        let height = 600;
+        let frameAspect = this.canvas.width / this.canvas.height;
+        let canvasAspect = width / height;
+        let offsetX = 0;
+        let offsetY = 0;
+
+        const captureCanvas = document.createElement("canvas");
+        const captureCtx = captureCanvas.getContext("2d", { alpha: false });
+        captureCtx.fillStyle = "#000";
+        captureCtx.imageSmoothingEnabled = false;
+        const updateSize = () => {
+            width = this.canvas.width;
+            height = this.canvas.height;
+            frameAspect = width / height
+            if (width >= height && !videoTurned) {
+                width = height * aspectRatio;
+            } else if (width < height && !videoTurned) {
+                height = width / aspectRatio;
+            } else if (width >= height && videoTurned) {
+                width = height * (1/aspectRatio);
+            } else if (width < height && videoTurned) {
+                width = height / (1/aspectRatio);
+            }
+            canvasAspect = width / height;
+            captureCanvas.width = width * captureUpscale;
+            captureCanvas.height = height * captureUpscale;
+            captureCtx.scale(captureUpscale, captureUpscale);
+            if (frameAspect > canvasAspect) {
+                offsetX = (this.canvas.width - width) / -2;
+            } else if (frameAspect < canvasAspect) {
+                offsetY = (this.canvas.height - height) / -2;
+            }
+        }
+        updateSize();
+        this.addEventListener(this.canvas, "resize", () => {
+            updateSize();
+        });
 
         let animation = true;
 
         const drawNextFrame = () => {
-            const scaleX = captureScreenWidth / this.canvas.width;
-            const scaleY = captureScreenHeight / this.canvas.height;
-            const scale = Math.max(scaleY, scaleX);
-            const width = this.canvas.width * scale;
-            const height = this.canvas.height * scale;
-            const startX = (captureScreenWidth - width) / 2;
-            const startY = (captureScreenHeight - height) / 2;
-            captureCtx.drawImage(this.canvas, Math.round(startX), Math.round(startY), Math.round(width), Math.round(height));
+            captureCtx.drawImage(this.canvas, offsetX, offsetY, this.canvas.width, this.canvas.height);
             if (animation) {
                 requestAnimationFrame(drawNextFrame);
             }
@@ -5333,17 +6169,18 @@ class EmulatorJS {
         const recorder = new MediaRecorder(tracks, {
             videoBitsPerSecond: captureVideoBitrate,
             audioBitsPerSecond: captureAudioBitrate,
+            mimeType: "video/" + captureFormat
         });
-        recorder.addEventListener('dataavailable', e => {
+        recorder.addEventListener("dataavailable", e => {
             chunks.push(e.data);
         });
-        recorder.addEventListener('stop', () => {
+        recorder.addEventListener("stop", () => {
             const blob = new Blob(chunks);
             const url = URL.createObjectURL(blob);
             const date = new Date();
-            const a = document.createElement('a');
+            const a = document.createElement("a");
             a.href = url;
-            a.download = this.getBaseFileName()+"-"+date.getMonth()+"-"+date.getDate()+"-"+date.getFullYear()+".webm";
+            a.download = this.getBaseFileName() + "-" + date.getMonth() + "-" + date.getDate() + "-" + date.getFullYear() + "." + captureFormat;
             a.click();
 
             animation = false;
@@ -5353,6 +6190,5 @@ class EmulatorJS {
 
         return recorder;
     }
-
 }
 window.EmulatorJS = EmulatorJS;
diff --git a/data/src/gamepad.js b/data/src/gamepad.js
index 9a1d82c4..22095ab1 100644
--- a/data/src/gamepad.js
+++ b/data/src/gamepad.js
@@ -1,4 +1,7 @@
 class GamepadHandler {
+    gamepads;
+    timeout;
+    listeners;
     constructor() {
         this.buttonLabels = {
             0: 'BUTTON_1',
@@ -34,7 +37,16 @@ class GamepadHandler {
         this.timeout = setTimeout(this.loop.bind(this), 10);
     }
     updateGamepadState() {
-        const gamepads = Array.from(this.getGamepads());
+        let gamepads = Array.from(this.getGamepads());
+        if (!gamepads) return;
+        if (!Array.isArray(gamepads) && gamepads.length) {
+            let gp = [];
+            for (let i=0; i<gamepads.length; i++) {
+                gp.push(gamepads[i]);
+            }
+            gamepads = gp;
+        } else if (!Array.isArray(gamepads)) return;
+
         gamepads.forEach((gamepad, index) => {
             if (!gamepad) return;
             let hasGamepad = false;
@@ -47,13 +59,15 @@ class GamepadHandler {
                     id: oldGamepad.id
                 }
                 hasGamepad = true;
-                
+
                 oldGamepad.axes.forEach((axis, axisIndex) => {
                     const val = (axis < 0.01 && axis > -0.01) ? 0 : axis;
                     const newVal = (gamepad.axes[axisIndex] < 0.01 && gamepad.axes[axisIndex] > -0.01) ? 0 : gamepad.axes[axisIndex];
                     if (newVal !== val) {
-                        const axis = ['LEFT_STICK_X', 'LEFT_STICK_Y', 'RIGHT_STICK_X', 'RIGHT_STICK_Y'][axisIndex];
-                        if (!axis) return;
+                        let axis = ['LEFT_STICK_X', 'LEFT_STICK_Y', 'RIGHT_STICK_X', 'RIGHT_STICK_Y'][axisIndex];
+                        if (!axis) {
+                            axis = "EXTRA_STICK_" + axisIndex;
+                        }
                         this.dispatchEvent('axischanged', {
                             axis: axis,
                             value: newVal,
@@ -64,7 +78,7 @@ class GamepadHandler {
                     }
                     gamepadToSave.axes[axisIndex] = newVal;
                 })
-                
+
                 gamepad.buttons.forEach((button, buttonIndex) => {
                     let pressed = oldGamepad.buttons[buttonIndex] === 1.0;
                     if (typeof oldGamepad.buttons[buttonIndex] === "object") {
@@ -82,16 +96,22 @@ class GamepadHandler {
                             this.dispatchEvent('buttonup', {index: buttonIndex, label:this.getButtonLabel(buttonIndex), gamepadIndex: gamepad.index});
                         }
                     }
-                    
+
                 })
                 this.gamepads[oldIndex] = gamepadToSave;
             })
             if (!hasGamepad) {
                 this.gamepads.push(gamepads[index]);
+                this.gamepads.sort((a, b) => {
+                    if (a == null && b == null) return 0;
+                    if (a == null) return 1;
+                    if (b == null) return -1;
+                    return a.index - b.index;
+                });
                 this.dispatchEvent('connected', {gamepadIndex: gamepad.index});
             }
         });
-        
+
         for (let j=0; j<this.gamepads.length; j++) {
             if (!this.gamepads[j]) continue;
             let has = false;
diff --git a/data/src/nipplejs.js b/data/src/nipplejs.js
index 48fa61c1..bf35a0c2 100644
--- a/data/src/nipplejs.js
+++ b/data/src/nipplejs.js
@@ -1 +1 @@
-!function(t,i){"object"==typeof exports&&"object"==typeof module?module.exports=i():"function"==typeof define&&define.amd?define("nipplejs",[],i):"object"==typeof exports?exports.nipplejs=i():t.nipplejs=i()}(window,(function(){return function(t){var i={};function e(o){if(i[o])return i[o].exports;var n=i[o]={i:o,l:!1,exports:{}};return t[o].call(n.exports,n,n.exports,e),n.l=!0,n.exports}return e.m=t,e.c=i,e.d=function(t,i,o){e.o(t,i)||Object.defineProperty(t,i,{enumerable:!0,get:o})},e.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},e.t=function(t,i){if(1&i&&(t=e(t)),8&i)return t;if(4&i&&"object"==typeof t&&t&&t.__esModule)return t;var o=Object.create(null);if(e.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:t}),2&i&&"string"!=typeof t)for(var n in t)e.d(o,n,function(i){return t[i]}.bind(null,n));return o},e.n=function(t){var i=t&&t.__esModule?function(){return t.default}:function(){return t};return e.d(i,"a",i),i},e.o=function(t,i){return Object.prototype.hasOwnProperty.call(t,i)},e.p="",e(e.s=0)}([function(t,i,e){"use strict";e.r(i);var o,n=function(t,i){var e=i.x-t.x,o=i.y-t.y;return Math.sqrt(e*e+o*o)},s=function(t){return t*(Math.PI/180)},r=function(t){return t*(180/Math.PI)},d=new Map,a=function(t){d.has(t)&&clearTimeout(d.get(t)),d.set(t,setTimeout(t,100))},p=function(t,i,e){for(var o,n=i.split(/[ ,]+/g),s=0;s<n.length;s+=1)o=n[s],t.addEventListener?t.addEventListener(o,e,!1):t.attachEvent&&t.attachEvent(o,e)},c=function(t,i,e){for(var o,n=i.split(/[ ,]+/g),s=0;s<n.length;s+=1)o=n[s],t.removeEventListener?t.removeEventListener(o,e):t.detachEvent&&t.detachEvent(o,e)},l=function(t){return t.preventDefault(),t.type.match(/^touch/)?t.changedTouches:t},h=function(){return{x:void 0!==window.pageXOffset?window.pageXOffset:(document.documentElement||document.body.parentNode||document.body).scrollLeft,y:void 0!==window.pageYOffset?window.pageYOffset:(document.documentElement||document.body.parentNode||document.body).scrollTop}},u=function(t,i){i.top||i.right||i.bottom||i.left?(t.style.top=i.top,t.style.right=i.right,t.style.bottom=i.bottom,t.style.left=i.left):(t.style.left=i.x+"px",t.style.top=i.y+"px")},f=function(t,i,e){var o=y(t);for(var n in o)if(o.hasOwnProperty(n))if("string"==typeof i)o[n]=i+" "+e;else{for(var s="",r=0,d=i.length;r<d;r+=1)s+=i[r]+" "+e+", ";o[n]=s.slice(0,-2)}return o},y=function(t){var i={};i[t]="";return["webkit","Moz","o"].forEach((function(e){i[e+t.charAt(0).toUpperCase()+t.slice(1)]=""})),i},m=function(t,i){for(var e in i)i.hasOwnProperty(e)&&(t[e]=i[e]);return t},v=function(t,i){if(t.length)for(var e=0,o=t.length;e<o;e+=1)i(t[e]);else i(t)},g=!!("ontouchstart"in window),b=!!window.PointerEvent,x=!!window.MSPointerEvent,O={start:"mousedown",move:"mousemove",end:"mouseup"},w={};function _(){}b?o={start:"pointerdown",move:"pointermove",end:"pointerup, pointercancel"}:x?o={start:"MSPointerDown",move:"MSPointerMove",end:"MSPointerUp"}:g?(o={start:"touchstart",move:"touchmove",end:"touchend, touchcancel"},w=O):o=O,_.prototype.on=function(t,i){var e,o=t.split(/[ ,]+/g);this._handlers_=this._handlers_||{};for(var n=0;n<o.length;n+=1)e=o[n],this._handlers_[e]=this._handlers_[e]||[],this._handlers_[e].push(i);return this},_.prototype.off=function(t,i){return this._handlers_=this._handlers_||{},void 0===t?this._handlers_={}:void 0===i?this._handlers_[t]=null:this._handlers_[t]&&this._handlers_[t].indexOf(i)>=0&&this._handlers_[t].splice(this._handlers_[t].indexOf(i),1),this},_.prototype.trigger=function(t,i){var e,o=this,n=t.split(/[ ,]+/g);o._handlers_=o._handlers_||{};for(var s=0;s<n.length;s+=1)e=n[s],o._handlers_[e]&&o._handlers_[e].length&&o._handlers_[e].forEach((function(t){t.call(o,{type:e,target:o},i)}))},_.prototype.config=function(t){this.options=this.defaults||{},t&&(this.options=function(t,i){var e={};for(var o in t)t.hasOwnProperty(o)&&i.hasOwnProperty(o)?e[o]=i[o]:t.hasOwnProperty(o)&&(e[o]=t[o]);return e}(this.options,t))},_.prototype.bindEvt=function(t,i){var e=this;return e._domHandlers_=e._domHandlers_||{},e._domHandlers_[i]=function(){"function"==typeof e["on"+i]?e["on"+i].apply(e,arguments):console.warn('[WARNING] : Missing "on'+i+'" handler.')},p(t,o[i],e._domHandlers_[i]),w[i]&&p(t,w[i],e._domHandlers_[i]),e},_.prototype.unbindEvt=function(t,i){return this._domHandlers_=this._domHandlers_||{},c(t,o[i],this._domHandlers_[i]),w[i]&&c(t,w[i],this._domHandlers_[i]),delete this._domHandlers_[i],this};var T=_;function k(t,i){return this.identifier=i.identifier,this.position=i.position,this.frontPosition=i.frontPosition,this.collection=t,this.defaults={size:100,threshold:.1,color:"white",fadeTime:250,dataOnly:!1,restJoystick:!0,restOpacity:.5,mode:"dynamic",zone:document.body,lockX:!1,lockY:!1,shape:"circle"},this.config(i),"dynamic"===this.options.mode&&(this.options.restOpacity=0),this.id=k.id,k.id+=1,this.buildEl().stylize(),this.instance={el:this.ui.el,on:this.on.bind(this),off:this.off.bind(this),show:this.show.bind(this),hide:this.hide.bind(this),add:this.addToDom.bind(this),remove:this.removeFromDom.bind(this),destroy:this.destroy.bind(this),setPosition:this.setPosition.bind(this),resetDirection:this.resetDirection.bind(this),computeDirection:this.computeDirection.bind(this),trigger:this.trigger.bind(this),position:this.position,frontPosition:this.frontPosition,ui:this.ui,identifier:this.identifier,id:this.id,options:this.options},this.instance}k.prototype=new T,k.constructor=k,k.id=0,k.prototype.buildEl=function(t){return this.ui={},this.options.dataOnly||(this.ui.el=document.createElement("div"),this.ui.back=document.createElement("div"),this.ui.front=document.createElement("div"),this.ui.el.className="nipple collection_"+this.collection.id,this.ui.back.className="back",this.ui.front.className="front",this.ui.el.setAttribute("id","nipple_"+this.collection.id+"_"+this.id),this.ui.el.appendChild(this.ui.back),this.ui.el.appendChild(this.ui.front)),this},k.prototype.stylize=function(){if(this.options.dataOnly)return this;var t=this.options.fadeTime+"ms",i=function(t,i){var e=y(t);for(var o in e)e.hasOwnProperty(o)&&(e[o]=i);return e}("borderRadius","50%"),e=f("transition","opacity",t),o={};return o.el={position:"absolute",opacity:this.options.restOpacity,display:"block",zIndex:999},o.back={position:"absolute",display:"block",width:this.options.size+"px",height:this.options.size+"px",marginLeft:-this.options.size/2+"px",marginTop:-this.options.size/2+"px",background:this.options.color,opacity:".5"},o.front={width:this.options.size/2+"px",height:this.options.size/2+"px",position:"absolute",display:"block",marginLeft:-this.options.size/4+"px",marginTop:-this.options.size/4+"px",background:this.options.color,opacity:".5",transform:"translate(0px, 0px)"},m(o.el,e),"circle"===this.options.shape&&m(o.back,i),m(o.front,i),this.applyStyles(o),this},k.prototype.applyStyles=function(t){for(var i in this.ui)if(this.ui.hasOwnProperty(i))for(var e in t[i])this.ui[i].style[e]=t[i][e];return this},k.prototype.addToDom=function(){return this.options.dataOnly||document.body.contains(this.ui.el)||this.options.zone.appendChild(this.ui.el),this},k.prototype.removeFromDom=function(){return this.options.dataOnly||!document.body.contains(this.ui.el)||this.options.zone.removeChild(this.ui.el),this},k.prototype.destroy=function(){clearTimeout(this.removeTimeout),clearTimeout(this.showTimeout),clearTimeout(this.restTimeout),this.trigger("destroyed",this.instance),this.removeFromDom(),this.off()},k.prototype.show=function(t){var i=this;return i.options.dataOnly||(clearTimeout(i.removeTimeout),clearTimeout(i.showTimeout),clearTimeout(i.restTimeout),i.addToDom(),i.restCallback(),setTimeout((function(){i.ui.el.style.opacity=1}),0),i.showTimeout=setTimeout((function(){i.trigger("shown",i.instance),"function"==typeof t&&t.call(this)}),i.options.fadeTime)),i},k.prototype.hide=function(t){var i=this;if(i.options.dataOnly)return i;if(i.ui.el.style.opacity=i.options.restOpacity,clearTimeout(i.removeTimeout),clearTimeout(i.showTimeout),clearTimeout(i.restTimeout),i.removeTimeout=setTimeout((function(){var e="dynamic"===i.options.mode?"none":"block";i.ui.el.style.display=e,"function"==typeof t&&t.call(i),i.trigger("hidden",i.instance)}),i.options.fadeTime),i.options.restJoystick){var e=i.options.restJoystick,o={};o.x=!0===e||!1!==e.x?0:i.instance.frontPosition.x,o.y=!0===e||!1!==e.y?0:i.instance.frontPosition.y,i.setPosition(t,o)}return i},k.prototype.setPosition=function(t,i){var e=this;e.frontPosition={x:i.x,y:i.y};var o=e.options.fadeTime+"ms",n={};n.front=f("transition",["transform"],o);var s={front:{}};s.front={transform:"translate("+e.frontPosition.x+"px,"+e.frontPosition.y+"px)"},e.applyStyles(n),e.applyStyles(s),e.restTimeout=setTimeout((function(){"function"==typeof t&&t.call(e),e.restCallback()}),e.options.fadeTime)},k.prototype.restCallback=function(){var t={};t.front=f("transition","none",""),this.applyStyles(t),this.trigger("rested",this.instance)},k.prototype.resetDirection=function(){this.direction={x:!1,y:!1,angle:!1}},k.prototype.computeDirection=function(t){var i,e,o,n=t.angle.radian,s=Math.PI/4,r=Math.PI/2;if(n>s&&n<3*s&&!t.lockX?i="up":n>-s&&n<=s&&!t.lockY?i="left":n>3*-s&&n<=-s&&!t.lockX?i="down":t.lockY||(i="right"),t.lockY||(e=n>-r&&n<r?"left":"right"),t.lockX||(o=n>0?"up":"down"),t.force>this.options.threshold){var d,a={};for(d in this.direction)this.direction.hasOwnProperty(d)&&(a[d]=this.direction[d]);var p={};for(d in this.direction={x:e,y:o,angle:i},t.direction=this.direction,a)a[d]===this.direction[d]&&(p[d]=!0);if(p.x&&p.y&&p.angle)return t;p.x&&p.y||this.trigger("plain",t),p.x||this.trigger("plain:"+e,t),p.y||this.trigger("plain:"+o,t),p.angle||this.trigger("dir dir:"+i,t)}else this.resetDirection();return t};var P=k;function E(t,i){this.nipples=[],this.idles=[],this.actives=[],this.ids=[],this.pressureIntervals={},this.manager=t,this.id=E.id,E.id+=1,this.defaults={zone:document.body,multitouch:!1,maxNumberOfNipples:10,mode:"dynamic",position:{top:0,left:0},catchDistance:200,size:100,threshold:.1,color:"white",fadeTime:250,dataOnly:!1,restJoystick:!0,restOpacity:.5,lockX:!1,lockY:!1,shape:"circle",dynamicPage:!1,follow:!1},this.config(i),"static"!==this.options.mode&&"semi"!==this.options.mode||(this.options.multitouch=!1),this.options.multitouch||(this.options.maxNumberOfNipples=1);var e=getComputedStyle(this.options.zone.parentElement);return e&&"flex"===e.display&&(this.parentIsFlex=!0),this.updateBox(),this.prepareNipples(),this.bindings(),this.begin(),this.nipples}E.prototype=new T,E.constructor=E,E.id=0,E.prototype.prepareNipples=function(){var t=this.nipples;t.on=this.on.bind(this),t.off=this.off.bind(this),t.options=this.options,t.destroy=this.destroy.bind(this),t.ids=this.ids,t.id=this.id,t.processOnMove=this.processOnMove.bind(this),t.processOnEnd=this.processOnEnd.bind(this),t.get=function(i){if(void 0===i)return t[0];for(var e=0,o=t.length;e<o;e+=1)if(t[e].identifier===i)return t[e];return!1}},E.prototype.bindings=function(){this.bindEvt(this.options.zone,"start"),this.options.zone.style.touchAction="none",this.options.zone.style.msTouchAction="none"},E.prototype.begin=function(){var t=this.options;if("static"===t.mode){var i=this.createNipple(t.position,this.manager.getIdentifier());i.add(),this.idles.push(i)}},E.prototype.createNipple=function(t,i){var e=this.manager.scroll,o={},n=this.options,s=this.parentIsFlex?e.x:e.x+this.box.left,r=this.parentIsFlex?e.y:e.y+this.box.top;if(t.x&&t.y)o={x:t.x-s,y:t.y-r};else if(t.top||t.right||t.bottom||t.left){var d=document.createElement("DIV");d.style.display="hidden",d.style.top=t.top,d.style.right=t.right,d.style.bottom=t.bottom,d.style.left=t.left,d.style.position="absolute",n.zone.appendChild(d);var a=d.getBoundingClientRect();n.zone.removeChild(d),o=t,t={x:a.left+e.x,y:a.top+e.y}}var p=new P(this,{color:n.color,size:n.size,threshold:n.threshold,fadeTime:n.fadeTime,dataOnly:n.dataOnly,restJoystick:n.restJoystick,restOpacity:n.restOpacity,mode:n.mode,identifier:i,position:t,zone:n.zone,frontPosition:{x:0,y:0},shape:n.shape});return n.dataOnly||(u(p.ui.el,o),u(p.ui.front,p.frontPosition)),this.nipples.push(p),this.trigger("added "+p.identifier+":added",p),this.manager.trigger("added "+p.identifier+":added",p),this.bindNipple(p),p},E.prototype.updateBox=function(){this.box=this.options.zone.getBoundingClientRect()},E.prototype.bindNipple=function(t){var i,e=this,o=function(t,o){i=t.type+" "+o.id+":"+t.type,e.trigger(i,o)};t.on("destroyed",e.onDestroyed.bind(e)),t.on("shown hidden rested dir plain",o),t.on("dir:up dir:right dir:down dir:left",o),t.on("plain:up plain:right plain:down plain:left",o)},E.prototype.pressureFn=function(t,i,e){var o=this,n=0;clearInterval(o.pressureIntervals[e]),o.pressureIntervals[e]=setInterval(function(){var e=t.force||t.pressure||t.webkitForce||0;e!==n&&(i.trigger("pressure",e),o.trigger("pressure "+i.identifier+":pressure",e),n=e)}.bind(o),100)},E.prototype.onstart=function(t){var i=this,e=i.options,o=t;t=l(t),i.updateBox();return v(t,(function(n){i.actives.length<e.maxNumberOfNipples?i.processOnStart(n):o.type.match(/^touch/)&&(Object.keys(i.manager.ids).forEach((function(e){if(Object.values(o.touches).findIndex((function(t){return t.identifier===e}))<0){var n=[t[0]];n.identifier=e,i.processOnEnd(n)}})),i.actives.length<e.maxNumberOfNipples&&i.processOnStart(n))})),i.manager.bindDocument(),!1},E.prototype.processOnStart=function(t){var i,e=this,o=e.options,s=e.manager.getIdentifier(t),r=t.force||t.pressure||t.webkitForce||0,d={x:t.pageX,y:t.pageY},a=e.getOrCreate(s,d);a.identifier!==s&&e.manager.removeIdentifier(a.identifier),a.identifier=s;var p=function(i){i.trigger("start",i),e.trigger("start "+i.id+":start",i),i.show(),r>0&&e.pressureFn(t,i,i.identifier),e.processOnMove(t)};if((i=e.idles.indexOf(a))>=0&&e.idles.splice(i,1),e.actives.push(a),e.ids.push(a.identifier),"semi"!==o.mode)p(a);else{if(!(n(d,a.position)<=o.catchDistance))return a.destroy(),void e.processOnStart(t);p(a)}return a},E.prototype.getOrCreate=function(t,i){var e,o=this.options;return/(semi|static)/.test(o.mode)?(e=this.idles[0])?(this.idles.splice(0,1),e):"semi"===o.mode?this.createNipple(i,t):(console.warn("Coudln't find the needed nipple."),!1):e=this.createNipple(i,t)},E.prototype.processOnMove=function(t){var i=this.options,e=this.manager.getIdentifier(t),o=this.nipples.get(e),d=this.manager.scroll;if(function(t){return isNaN(t.buttons)?0!==t.pressure:0!==t.buttons}(t)){if(!o)return console.error("Found zombie joystick with ID "+e),void this.manager.removeIdentifier(e);if(i.dynamicPage){var a=o.el.getBoundingClientRect();o.position={x:d.x+a.left,y:d.y+a.top}}o.identifier=e;var p=o.options.size/2,c={x:t.pageX,y:t.pageY};i.lockX&&(c.y=o.position.y),i.lockY&&(c.x=o.position.x);var l,h,u,f,y,m,v,g,b,x,O=n(c,o.position),w=(l=c,h=o.position,u=h.x-l.x,f=h.y-l.y,r(Math.atan2(f,u))),_=s(w),T=O/p,k={distance:O,position:c};if("circle"===o.options.shape?(y=Math.min(O,p),v=o.position,g=y,x={x:0,y:0},b=s(b=w),x.x=v.x-g*Math.cos(b),x.y=v.y-g*Math.sin(b),m=x):(m=function(t,i,e){return{x:Math.min(Math.max(t.x,i.x-e),i.x+e),y:Math.min(Math.max(t.y,i.y-e),i.y+e)}}(c,o.position,p),y=n(m,o.position)),i.follow){if(O>p){var P=c.x-m.x,E=c.y-m.y;o.position.x+=P,o.position.y+=E,o.el.style.top=o.position.y-(this.box.top+d.y)+"px",o.el.style.left=o.position.x-(this.box.left+d.x)+"px",O=n(c,o.position)}}else c=m,O=y;var I=c.x-o.position.x,z=c.y-o.position.y;o.frontPosition={x:I,y:z},i.dataOnly||(o.ui.front.style.transform="translate("+I+"px,"+z+"px)");var D={identifier:o.identifier,position:c,force:T,pressure:t.force||t.pressure||t.webkitForce||0,distance:O,angle:{radian:_,degree:w},vector:{x:I/p,y:-z/p},raw:k,instance:o,lockX:i.lockX,lockY:i.lockY};(D=o.computeDirection(D)).angle={radian:s(180-w),degree:180-w},o.trigger("move",D),this.trigger("move "+o.id+":move",D)}else this.processOnEnd(t)},E.prototype.processOnEnd=function(t){var i=this,e=i.options,o=i.manager.getIdentifier(t),n=i.nipples.get(o),s=i.manager.removeIdentifier(n.identifier);n&&(e.dataOnly||n.hide((function(){"dynamic"===e.mode&&(n.trigger("removed",n),i.trigger("removed "+n.id+":removed",n),i.manager.trigger("removed "+n.id+":removed",n),n.destroy())})),clearInterval(i.pressureIntervals[n.identifier]),n.resetDirection(),n.trigger("end",n),i.trigger("end "+n.id+":end",n),i.ids.indexOf(n.identifier)>=0&&i.ids.splice(i.ids.indexOf(n.identifier),1),i.actives.indexOf(n)>=0&&i.actives.splice(i.actives.indexOf(n),1),/(semi|static)/.test(e.mode)?i.idles.push(n):i.nipples.indexOf(n)>=0&&i.nipples.splice(i.nipples.indexOf(n),1),i.manager.unbindDocument(),/(semi|static)/.test(e.mode)&&(i.manager.ids[s.id]=s.identifier))},E.prototype.onDestroyed=function(t,i){this.nipples.indexOf(i)>=0&&this.nipples.splice(this.nipples.indexOf(i),1),this.actives.indexOf(i)>=0&&this.actives.splice(this.actives.indexOf(i),1),this.idles.indexOf(i)>=0&&this.idles.splice(this.idles.indexOf(i),1),this.ids.indexOf(i.identifier)>=0&&this.ids.splice(this.ids.indexOf(i.identifier),1),this.manager.removeIdentifier(i.identifier),this.manager.unbindDocument()},E.prototype.destroy=function(){for(var t in this.unbindEvt(this.options.zone,"start"),this.nipples.forEach((function(t){t.destroy()})),this.pressureIntervals)this.pressureIntervals.hasOwnProperty(t)&&clearInterval(this.pressureIntervals[t]);this.trigger("destroyed",this.nipples),this.manager.unbindDocument(),this.off()};var I=E;function z(t){var i=this;i.ids={},i.index=0,i.collections=[],i.scroll=h(),i.config(t),i.prepareCollections();var e=function(){var t;i.collections.forEach((function(e){e.forEach((function(e){t=e.el.getBoundingClientRect(),e.position={x:i.scroll.x+t.left,y:i.scroll.y+t.top}}))}))};p(window,"resize",(function(){a(e)}));var o=function(){i.scroll=h()};return p(window,"scroll",(function(){a(o)})),i.collections}z.prototype=new T,z.constructor=z,z.prototype.prepareCollections=function(){var t=this;t.collections.create=t.create.bind(t),t.collections.on=t.on.bind(t),t.collections.off=t.off.bind(t),t.collections.destroy=t.destroy.bind(t),t.collections.get=function(i){var e;return t.collections.every((function(t){return!(e=t.get(i))})),e}},z.prototype.create=function(t){return this.createCollection(t)},z.prototype.createCollection=function(t){var i=new I(this,t);return this.bindCollection(i),this.collections.push(i),i},z.prototype.bindCollection=function(t){var i,e=this,o=function(t,o){i=t.type+" "+o.id+":"+t.type,e.trigger(i,o)};t.on("destroyed",e.onDestroyed.bind(e)),t.on("shown hidden rested dir plain",o),t.on("dir:up dir:right dir:down dir:left",o),t.on("plain:up plain:right plain:down plain:left",o)},z.prototype.bindDocument=function(){this.binded||(this.bindEvt(document,"move").bindEvt(document,"end"),this.binded=!0)},z.prototype.unbindDocument=function(t){Object.keys(this.ids).length&&!0!==t||(this.unbindEvt(document,"move").unbindEvt(document,"end"),this.binded=!1)},z.prototype.getIdentifier=function(t){var i;return t?void 0===(i=void 0===t.identifier?t.pointerId:t.identifier)&&(i=this.latest||0):i=this.index,void 0===this.ids[i]&&(this.ids[i]=this.index,this.index+=1),this.latest=i,this.ids[i]},z.prototype.removeIdentifier=function(t){var i={};for(var e in this.ids)if(this.ids[e]===t){i.id=e,i.identifier=this.ids[e],delete this.ids[e];break}return i},z.prototype.onmove=function(t){return this.onAny("move",t),!1},z.prototype.onend=function(t){return this.onAny("end",t),!1},z.prototype.oncancel=function(t){return this.onAny("end",t),!1},z.prototype.onAny=function(t,i){var e,o=this,n="processOn"+t.charAt(0).toUpperCase()+t.slice(1);i=l(i);var s=function(t,i,e){e.ids.indexOf(i)>=0&&(e[n](t),t._found_=!0)};return v(i,(function(t){e=o.getIdentifier(t),v(o.collections,s.bind(null,t,e)),t._found_||o.removeIdentifier(e)})),!1},z.prototype.destroy=function(){this.unbindDocument(!0),this.ids={},this.index=0,this.collections.forEach((function(t){t.destroy()})),this.off()},z.prototype.onDestroyed=function(t,i){if(this.collections.indexOf(i)<0)return!1;this.collections.splice(this.collections.indexOf(i),1)};var D=new z;i.default={create:function(t){return D.create(t)},factory:D}}]).default}));
\ No newline at end of file
+!function(t,i){"object"==typeof exports&&"object"==typeof module?module.exports=i():"function"==typeof define&&define.amd?define("nipplejs",[],i):"object"==typeof exports?exports.nipplejs=i():t.nipplejs=i()}(window,function(){return function(t){var i={};function e(o){if(i[o])return i[o].exports;var n=i[o]={i:o,l:!1,exports:{}};return t[o].call(n.exports,n,n.exports,e),n.l=!0,n.exports}return e.m=t,e.c=i,e.d=function(t,i,o){e.o(t,i)||Object.defineProperty(t,i,{enumerable:!0,get:o})},e.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},e.t=function(t,i){if(1&i&&(t=e(t)),8&i)return t;if(4&i&&"object"==typeof t&&t&&t.__esModule)return t;var o=Object.create(null);if(e.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:t}),2&i&&"string"!=typeof t)for(var n in t)e.d(o,n,function(i){return t[i]}.bind(null,n));return o},e.n=function(t){var i=t&&t.__esModule?function(){return t.default}:function(){return t};return e.d(i,"a",i),i},e.o=function(t,i){return Object.prototype.hasOwnProperty.call(t,i)},e.p="",e(e.s=0)}([function(t,i,e){"use strict";e.r(i);var o,n=function(t,i){var e=i.x-t.x,o=i.y-t.y;return Math.sqrt(e*e+o*o)},s=function(t){return t*(Math.PI/180)},r=function(t){return t*(180/Math.PI)},d=new Map,a=function(t){d.has(t)&&clearTimeout(d.get(t)),d.set(t,setTimeout(t,100))},p=function(t,i,e){for(var o,n=i.split(/[ ,]+/g),s=0;s<n.length;s+=1)o=n[s],t.addEventListener?t.addEventListener(o,e,!1):t.attachEvent&&t.attachEvent(o,e)},c=function(t,i,e){for(var o,n=i.split(/[ ,]+/g),s=0;s<n.length;s+=1)o=n[s],t.removeEventListener?t.removeEventListener(o,e):t.detachEvent&&t.detachEvent(o,e)},l=function(t){return t.preventDefault(),t.type.match(/^touch/)?t.changedTouches:t},h=function(){return{x:void 0!==window.pageXOffset?window.pageXOffset:(document.documentElement||document.body.parentNode||document.body).scrollLeft,y:void 0!==window.pageYOffset?window.pageYOffset:(document.documentElement||document.body.parentNode||document.body).scrollTop}},u=function(t,i){i.top||i.right||i.bottom||i.left?(t.style.top=i.top,t.style.right=i.right,t.style.bottom=i.bottom,t.style.left=i.left):(t.style.left=i.x+"px",t.style.top=i.y+"px")},f=function(t,i,e){var o=y(t);for(var n in o)if(o.hasOwnProperty(n))if("string"==typeof i)o[n]=i+" "+e;else{for(var s="",r=0,d=i.length;r<d;r+=1)s+=i[r]+" "+e+", ";o[n]=s.slice(0,-2)}return o},y=function(t){var i={};i[t]="";return["webkit","Moz","o"].forEach(function(e){i[e+t.charAt(0).toUpperCase()+t.slice(1)]=""}),i},m=function(t,i){for(var e in i)i.hasOwnProperty(e)&&(t[e]=i[e]);return t},v=function(t,i){if(t.length)for(var e=0,o=t.length;e<o;e+=1)i(t[e]);else i(t)},g=!!("ontouchstart"in window),b=!!window.PointerEvent,x=!!window.MSPointerEvent,O={start:"mousedown",move:"mousemove",end:"mouseup"},w={};function _(){}b?o={start:"pointerdown",move:"pointermove",end:"pointerup, pointercancel"}:x?o={start:"MSPointerDown",move:"MSPointerMove",end:"MSPointerUp"}:g?(o={start:"touchstart",move:"touchmove",end:"touchend, touchcancel"},w=O):o=O,_.prototype.on=function(t,i){var e,o=t.split(/[ ,]+/g);this._handlers_=this._handlers_||{};for(var n=0;n<o.length;n+=1)e=o[n],this._handlers_[e]=this._handlers_[e]||[],this._handlers_[e].push(i);return this},_.prototype.off=function(t,i){return this._handlers_=this._handlers_||{},void 0===t?this._handlers_={}:void 0===i?this._handlers_[t]=null:this._handlers_[t]&&this._handlers_[t].indexOf(i)>=0&&this._handlers_[t].splice(this._handlers_[t].indexOf(i),1),this},_.prototype.trigger=function(t,i){var e,o=this,n=t.split(/[ ,]+/g);o._handlers_=o._handlers_||{};for(var s=0;s<n.length;s+=1)e=n[s],o._handlers_[e]&&o._handlers_[e].length&&o._handlers_[e].forEach(function(t){t.call(o,{type:e,target:o},i)})},_.prototype.config=function(t){this.options=this.defaults||{},t&&(this.options=function(t,i){var e={};for(var o in t)t.hasOwnProperty(o)&&i.hasOwnProperty(o)?e[o]=i[o]:t.hasOwnProperty(o)&&(e[o]=t[o]);return e}(this.options,t))},_.prototype.bindEvt=function(t,i){var e=this;return e._domHandlers_=e._domHandlers_||{},e._domHandlers_[i]=function(){"function"==typeof e["on"+i]?e["on"+i].apply(e,arguments):console.warn('[WARNING] : Missing "on'+i+'" handler.')},p(t,o[i],e._domHandlers_[i]),w[i]&&p(t,w[i],e._domHandlers_[i]),e},_.prototype.unbindEvt=function(t,i){return this._domHandlers_=this._domHandlers_||{},c(t,o[i],this._domHandlers_[i]),w[i]&&c(t,w[i],this._domHandlers_[i]),delete this._domHandlers_[i],this};var T=_;function k(t,i){return this.identifier=i.identifier,this.position=i.position,this.frontPosition=i.frontPosition,this.collection=t,this.defaults={size:100,threshold:.1,color:"white",fadeTime:250,dataOnly:!1,restJoystick:!0,restOpacity:.5,mode:"dynamic",zone:document.body,lockX:!1,lockY:!1,shape:"circle"},this.config(i),"dynamic"===this.options.mode&&(this.options.restOpacity=0),this.id=k.id,k.id+=1,this.buildEl().stylize(),this.instance={el:this.ui.el,on:this.on.bind(this),off:this.off.bind(this),show:this.show.bind(this),hide:this.hide.bind(this),add:this.addToDom.bind(this),remove:this.removeFromDom.bind(this),destroy:this.destroy.bind(this),setPosition:this.setPosition.bind(this),resetDirection:this.resetDirection.bind(this),computeDirection:this.computeDirection.bind(this),trigger:this.trigger.bind(this),position:this.position,frontPosition:this.frontPosition,ui:this.ui,identifier:this.identifier,id:this.id,options:this.options},this.instance}k.prototype=new T,k.constructor=k,k.id=0,k.prototype.buildEl=function(t){return this.ui={},this.options.dataOnly?this:(this.ui.el=document.createElement("div"),this.ui.back=document.createElement("div"),this.ui.front=document.createElement("div"),this.ui.el.className="nipple collection_"+this.collection.id,this.ui.back.className="back",this.ui.front.className="front",this.ui.el.setAttribute("id","nipple_"+this.collection.id+"_"+this.id),this.ui.el.appendChild(this.ui.back),this.ui.el.appendChild(this.ui.front),this)},k.prototype.stylize=function(){if(this.options.dataOnly)return this;var t=this.options.fadeTime+"ms",i=function(t,i){var e=y(t);for(var o in e)e.hasOwnProperty(o)&&(e[o]=i);return e}("borderRadius","50%"),e=f("transition","opacity",t),o={};return o.el={position:"absolute",opacity:this.options.restOpacity,display:"block",zIndex:999},o.back={position:"absolute",display:"block",width:this.options.size+"px",height:this.options.size+"px",left:0,marginLeft:-this.options.size/2+"px",marginTop:-this.options.size/2+"px",background:this.options.color,opacity:".5"},o.front={width:this.options.size/2+"px",height:this.options.size/2+"px",position:"absolute",display:"block",left:0,marginLeft:-this.options.size/4+"px",marginTop:-this.options.size/4+"px",background:this.options.color,opacity:".5",transform:"translate(0px, 0px)"},m(o.el,e),"circle"===this.options.shape&&m(o.back,i),m(o.front,i),this.applyStyles(o),this},k.prototype.applyStyles=function(t){for(var i in this.ui)if(this.ui.hasOwnProperty(i))for(var e in t[i])this.ui[i].style[e]=t[i][e];return this},k.prototype.addToDom=function(){return this.options.dataOnly||document.body.contains(this.ui.el)?this:(this.options.zone.appendChild(this.ui.el),this)},k.prototype.removeFromDom=function(){return this.options.dataOnly||!document.body.contains(this.ui.el)?this:(this.options.zone.removeChild(this.ui.el),this)},k.prototype.destroy=function(){clearTimeout(this.removeTimeout),clearTimeout(this.showTimeout),clearTimeout(this.restTimeout),this.trigger("destroyed",this.instance),this.removeFromDom(),this.off()},k.prototype.show=function(t){var i=this;return i.options.dataOnly?i:(clearTimeout(i.removeTimeout),clearTimeout(i.showTimeout),clearTimeout(i.restTimeout),i.addToDom(),i.restCallback(),setTimeout(function(){i.ui.el.style.opacity=1},0),i.showTimeout=setTimeout(function(){i.trigger("shown",i.instance),"function"==typeof t&&t.call(this)},i.options.fadeTime),i)},k.prototype.hide=function(t){var i=this;if(i.options.dataOnly)return i;if(i.ui.el.style.opacity=i.options.restOpacity,clearTimeout(i.removeTimeout),clearTimeout(i.showTimeout),clearTimeout(i.restTimeout),i.removeTimeout=setTimeout(function(){var e="dynamic"===i.options.mode?"none":"block";i.ui.el.style.display=e,"function"==typeof t&&t.call(i),i.trigger("hidden",i.instance)},i.options.fadeTime),i.options.restJoystick){var e=i.options.restJoystick,o={};o.x=!0===e||!1!==e.x?0:i.instance.frontPosition.x,o.y=!0===e||!1!==e.y?0:i.instance.frontPosition.y,i.setPosition(t,o)}return i},k.prototype.setPosition=function(t,i){var e=this;e.frontPosition={x:i.x,y:i.y};var o=e.options.fadeTime+"ms",n={};n.front=f("transition",["transform"],o);var s={front:{}};s.front={transform:"translate("+e.frontPosition.x+"px,"+e.frontPosition.y+"px)"},e.applyStyles(n),e.applyStyles(s),e.restTimeout=setTimeout(function(){"function"==typeof t&&t.call(e),e.restCallback()},e.options.fadeTime)},k.prototype.restCallback=function(){var t={};t.front=f("transition","none",""),this.applyStyles(t),this.trigger("rested",this.instance)},k.prototype.resetDirection=function(){this.direction={x:!1,y:!1,angle:!1}},k.prototype.computeDirection=function(t){var i,e,o,n=t.angle.radian,s=Math.PI/4,r=Math.PI/2;if(n>s&&n<3*s&&!t.lockX?i="up":n>-s&&n<=s&&!t.lockY?i="left":n>3*-s&&n<=-s&&!t.lockX?i="down":t.lockY||(i="right"),t.lockY||(e=n>-r&&n<r?"left":"right"),t.lockX||(o=n>0?"up":"down"),t.force>this.options.threshold){var d,a={};for(d in this.direction)this.direction.hasOwnProperty(d)&&(a[d]=this.direction[d]);var p={};for(d in this.direction={x:e,y:o,angle:i},t.direction=this.direction,a)a[d]===this.direction[d]&&(p[d]=!0);if(p.x&&p.y&&p.angle)return t;p.x&&p.y||this.trigger("plain",t),p.x||this.trigger("plain:"+e,t),p.y||this.trigger("plain:"+o,t),p.angle||this.trigger("dir dir:"+i,t)}else this.resetDirection();return t};var P=k;function E(t,i){this.nipples=[],this.idles=[],this.actives=[],this.ids=[],this.pressureIntervals={},this.manager=t,this.id=E.id,E.id+=1,this.defaults={zone:document.body,multitouch:!1,maxNumberOfNipples:10,mode:"dynamic",position:{top:0,left:0},catchDistance:200,size:100,threshold:.1,color:"white",fadeTime:250,dataOnly:!1,restJoystick:!0,restOpacity:.5,lockX:!1,lockY:!1,shape:"circle",dynamicPage:!1,follow:!1},this.config(i),"static"!==this.options.mode&&"semi"!==this.options.mode||(this.options.multitouch=!1),this.options.multitouch||(this.options.maxNumberOfNipples=1);var e=getComputedStyle(this.options.zone.parentElement);return e&&"flex"===e.display&&(this.parentIsFlex=!0),this.updateBox(),this.prepareNipples(),this.bindings(),this.begin(),this.nipples}E.prototype=new T,E.constructor=E,E.id=0,E.prototype.prepareNipples=function(){var t=this.nipples;t.on=this.on.bind(this),t.off=this.off.bind(this),t.options=this.options,t.destroy=this.destroy.bind(this),t.ids=this.ids,t.id=this.id,t.processOnMove=this.processOnMove.bind(this),t.processOnEnd=this.processOnEnd.bind(this),t.get=function(i){if(void 0===i)return t[0];for(var e=0,o=t.length;e<o;e+=1)if(t[e].identifier===i)return t[e];return!1}},E.prototype.bindings=function(){this.bindEvt(this.options.zone,"start"),this.options.zone.style.touchAction="none",this.options.zone.style.msTouchAction="none"},E.prototype.begin=function(){var t=this.options;if("static"===t.mode){var i=this.createNipple(t.position,this.manager.getIdentifier());i.add(),this.idles.push(i)}},E.prototype.createNipple=function(t,i){var e=this.manager.scroll,o={},n=this.options,s=this.parentIsFlex?e.x:e.x+this.box.left,r=this.parentIsFlex?e.y:e.y+this.box.top;if(t.x&&t.y)o={x:t.x-s,y:t.y-r};else if(t.top||t.right||t.bottom||t.left){var d=document.createElement("DIV");d.style.display="hidden",d.style.top=t.top,d.style.right=t.right,d.style.bottom=t.bottom,d.style.left=t.left,d.style.position="absolute",n.zone.appendChild(d);var a=d.getBoundingClientRect();n.zone.removeChild(d),o=t,t={x:a.left+e.x,y:a.top+e.y}}var p=new P(this,{color:n.color,size:n.size,threshold:n.threshold,fadeTime:n.fadeTime,dataOnly:n.dataOnly,restJoystick:n.restJoystick,restOpacity:n.restOpacity,mode:n.mode,identifier:i,position:t,zone:n.zone,frontPosition:{x:0,y:0},shape:n.shape});return n.dataOnly||(u(p.ui.el,o),u(p.ui.front,p.frontPosition)),this.nipples.push(p),this.trigger("added "+p.identifier+":added",p),this.manager.trigger("added "+p.identifier+":added",p),this.bindNipple(p),p},E.prototype.updateBox=function(){this.box=this.options.zone.getBoundingClientRect()},E.prototype.bindNipple=function(t){var i,e=this,o=function(t,o){i=t.type+" "+o.id+":"+t.type,e.trigger(i,o)};t.on("destroyed",e.onDestroyed.bind(e)),t.on("shown hidden rested dir plain",o),t.on("dir:up dir:right dir:down dir:left",o),t.on("plain:up plain:right plain:down plain:left",o)},E.prototype.pressureFn=function(t,i,e){var o=this,n=0;clearInterval(o.pressureIntervals[e]),o.pressureIntervals[e]=setInterval(function(){var e=t.force||t.pressure||t.webkitForce||0;e!==n&&(i.trigger("pressure",e),o.trigger("pressure "+i.identifier+":pressure",e),n=e)}.bind(o),100)},E.prototype.onstart=function(t){var i=this,e=i.options,o=t;t=l(t),i.updateBox();return v(t,function(n){i.actives.length<e.maxNumberOfNipples?i.processOnStart(n):o.type.match(/^touch/)&&(Object.keys(i.manager.ids).forEach(function(e){if(Object.values(o.touches).findIndex(function(t){return t.identifier===e})<0){var n=[t[0]];n.identifier=e,i.processOnEnd(n)}}),i.actives.length<e.maxNumberOfNipples&&i.processOnStart(n))}),i.manager.bindDocument(),!1},E.prototype.processOnStart=function(t){var i,e=this,o=e.options,s=e.manager.getIdentifier(t),r=t.force||t.pressure||t.webkitForce||0,d={x:t.pageX,y:t.pageY},a=e.getOrCreate(s,d);a.identifier!==s&&e.manager.removeIdentifier(a.identifier),a.identifier=s;var p=function(i){i.trigger("start",i),e.trigger("start "+i.id+":start",i),i.show(),r>0&&e.pressureFn(t,i,i.identifier),e.processOnMove(t)};if((i=e.idles.indexOf(a))>=0&&e.idles.splice(i,1),e.actives.push(a),e.ids.push(a.identifier),"semi"!==o.mode)p(a);else{if(!(n(d,a.position)<=o.catchDistance))return a.destroy(),void e.processOnStart(t);p(a)}return a},E.prototype.getOrCreate=function(t,i){var e,o=this.options;return/(semi|static)/.test(o.mode)?(e=this.idles[0])?(this.idles.splice(0,1),e):"semi"===o.mode?this.createNipple(i,t):(console.warn("Coudln't find the needed nipple."),!1):e=this.createNipple(i,t)},E.prototype.processOnMove=function(t){var i=this.options,e=this.manager.getIdentifier(t),o=this.nipples.get(e),d=this.manager.scroll;if(function(t){return isNaN(t.buttons)?0!==t.pressure:0!==t.buttons}(t)){if(!o)return console.error("Found zombie joystick with ID "+e),void this.manager.removeIdentifier(e);if(i.dynamicPage){var a=o.el.getBoundingClientRect();o.position={x:d.x+a.left,y:d.y+a.top}}o.identifier=e;var p=o.options.size/2,c={x:t.pageX,y:t.pageY};i.lockX&&(c.y=o.position.y),i.lockY&&(c.x=o.position.x);var l,h,u,f,y,m,v,g,b,x,O=n(c,o.position),w=(l=c,h=o.position,u=h.x-l.x,f=h.y-l.y,r(Math.atan2(f,u))),_=s(w),T=O/p,k={distance:O,position:c};if("circle"===o.options.shape?(y=Math.min(O,p),v=o.position,g=y,x={x:0,y:0},b=s(b=w),x.x=v.x-g*Math.cos(b),x.y=v.y-g*Math.sin(b),m=x):(m=function(t,i,e){return{x:Math.min(Math.max(t.x,i.x-e),i.x+e),y:Math.min(Math.max(t.y,i.y-e),i.y+e)}}(c,o.position,p),y=n(m,o.position)),i.follow){if(O>p){var P=c.x-m.x,E=c.y-m.y;o.position.x+=P,o.position.y+=E,o.el.style.top=o.position.y-(this.box.top+d.y)+"px",o.el.style.left=o.position.x-(this.box.left+d.x)+"px",O=n(c,o.position)}}else c=m,O=y;var I=c.x-o.position.x,z=c.y-o.position.y;o.frontPosition={x:I,y:z},i.dataOnly||(o.ui.front.style.transform="translate("+I+"px,"+z+"px)");var D={identifier:o.identifier,position:c,force:T,pressure:t.force||t.pressure||t.webkitForce||0,distance:O,angle:{radian:_,degree:w},vector:{x:I/p,y:-z/p},raw:k,instance:o,lockX:i.lockX,lockY:i.lockY};(D=o.computeDirection(D)).angle={radian:s(180-w),degree:180-w},o.trigger("move",D),this.trigger("move "+o.id+":move",D)}else this.processOnEnd(t)},E.prototype.processOnEnd=function(t){var i=this,e=i.options,o=i.manager.getIdentifier(t),n=i.nipples.get(o),s=i.manager.removeIdentifier(n.identifier);n&&(e.dataOnly||n.hide(function(){"dynamic"===e.mode&&(n.trigger("removed",n),i.trigger("removed "+n.id+":removed",n),i.manager.trigger("removed "+n.id+":removed",n),n.destroy())}),clearInterval(i.pressureIntervals[n.identifier]),n.resetDirection(),n.trigger("end",n),i.trigger("end "+n.id+":end",n),i.ids.indexOf(n.identifier)>=0&&i.ids.splice(i.ids.indexOf(n.identifier),1),i.actives.indexOf(n)>=0&&i.actives.splice(i.actives.indexOf(n),1),/(semi|static)/.test(e.mode)?i.idles.push(n):i.nipples.indexOf(n)>=0&&i.nipples.splice(i.nipples.indexOf(n),1),i.manager.unbindDocument(),/(semi|static)/.test(e.mode)&&(i.manager.ids[s.id]=s.identifier))},E.prototype.onDestroyed=function(t,i){this.nipples.indexOf(i)>=0&&this.nipples.splice(this.nipples.indexOf(i),1),this.actives.indexOf(i)>=0&&this.actives.splice(this.actives.indexOf(i),1),this.idles.indexOf(i)>=0&&this.idles.splice(this.idles.indexOf(i),1),this.ids.indexOf(i.identifier)>=0&&this.ids.splice(this.ids.indexOf(i.identifier),1),this.manager.removeIdentifier(i.identifier),this.manager.unbindDocument()},E.prototype.destroy=function(){for(var t in this.unbindEvt(this.options.zone,"start"),this.nipples.forEach(function(t){t.destroy()}),this.pressureIntervals)this.pressureIntervals.hasOwnProperty(t)&&clearInterval(this.pressureIntervals[t]);this.trigger("destroyed",this.nipples),this.manager.unbindDocument(),this.off()};var I=E;function z(t){var i=this;i.ids={},i.index=0,i.collections=[],i.scroll=h(),i.config(t),i.prepareCollections();var e=function(){var t;i.collections.forEach(function(e){e.forEach(function(e){t=e.el.getBoundingClientRect(),e.position={x:i.scroll.x+t.left,y:i.scroll.y+t.top}})})};p(window,"resize",function(){a(e)});var o=function(){i.scroll=h()};return p(window,"scroll",function(){a(o)}),i.collections}z.prototype=new T,z.constructor=z,z.prototype.prepareCollections=function(){var t=this;t.collections.create=t.create.bind(t),t.collections.on=t.on.bind(t),t.collections.off=t.off.bind(t),t.collections.destroy=t.destroy.bind(t),t.collections.get=function(i){var e;return t.collections.every(function(t){return!(e=t.get(i))}),e}},z.prototype.create=function(t){return this.createCollection(t)},z.prototype.createCollection=function(t){var i=new I(this,t);return this.bindCollection(i),this.collections.push(i),i},z.prototype.bindCollection=function(t){var i,e=this,o=function(t,o){i=t.type+" "+o.id+":"+t.type,e.trigger(i,o)};t.on("destroyed",e.onDestroyed.bind(e)),t.on("shown hidden rested dir plain",o),t.on("dir:up dir:right dir:down dir:left",o),t.on("plain:up plain:right plain:down plain:left",o)},z.prototype.bindDocument=function(){this.binded||(this.bindEvt(document,"move").bindEvt(document,"end"),this.binded=!0)},z.prototype.unbindDocument=function(t){Object.keys(this.ids).length&&!0!==t||(this.unbindEvt(document,"move").unbindEvt(document,"end"),this.binded=!1)},z.prototype.getIdentifier=function(t){var i;return t?void 0===(i=void 0===t.identifier?t.pointerId:t.identifier)&&(i=this.latest||0):i=this.index,void 0===this.ids[i]&&(this.ids[i]=this.index,this.index+=1),this.latest=i,this.ids[i]},z.prototype.removeIdentifier=function(t){var i={};for(var e in this.ids)if(this.ids[e]===t){i.id=e,i.identifier=this.ids[e],delete this.ids[e];break}return i},z.prototype.onmove=function(t){return this.onAny("move",t),!1},z.prototype.onend=function(t){return this.onAny("end",t),!1},z.prototype.oncancel=function(t){return this.onAny("end",t),!1},z.prototype.onAny=function(t,i){var e,o=this,n="processOn"+t.charAt(0).toUpperCase()+t.slice(1);i=l(i);return v(i,function(t){e=o.getIdentifier(t),v(o.collections,function(t,i,e){e.ids.indexOf(i)>=0&&(e[n](t),t._found_=!0)}.bind(null,t,e)),t._found_||o.removeIdentifier(e)}),!1},z.prototype.destroy=function(){this.unbindDocument(!0),this.ids={},this.index=0,this.collections.forEach(function(t){t.destroy()}),this.off()},z.prototype.onDestroyed=function(t,i){if(this.collections.indexOf(i)<0)return!1;this.collections.splice(this.collections.indexOf(i),1)};var D=new z;i.default={create:function(t){return D.create(t)},factory:D}}]).default});
diff --git a/data/src/socket.io.min.js b/data/src/socket.io.min.js
index 4bd0ea7a..c72110d7 100644
--- a/data/src/socket.io.min.js
+++ b/data/src/socket.io.min.js
@@ -1,7 +1,7 @@
 /*!
- * Socket.IO v4.7.0
- * (c) 2014-2023 Guillermo Rauch
+ * Socket.IO v4.8.1
+ * (c) 2014-2024 Guillermo Rauch
  * Released under the MIT License.
  */
-!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&define.amd?define(e):(t="undefined"!=typeof globalThis?globalThis:t||self).io=e()}(this,(function(){"use strict";function t(e){return t="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},t(e)}function e(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function n(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function r(t,e,r){return e&&n(t.prototype,e),r&&n(t,r),Object.defineProperty(t,"prototype",{writable:!1}),t}function i(){return i=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(t[r]=n[r])}return t},i.apply(this,arguments)}function o(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&a(t,e)}function s(t){return s=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t)},s(t)}function a(t,e){return a=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t},a(t,e)}function c(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}function u(t,e,n){return u=c()?Reflect.construct.bind():function(t,e,n){var r=[null];r.push.apply(r,e);var i=new(Function.bind.apply(t,r));return n&&a(i,n.prototype),i},u.apply(null,arguments)}function h(t){var e="function"==typeof Map?new Map:void 0;return h=function(t){if(null===t||(n=t,-1===Function.toString.call(n).indexOf("[native code]")))return t;var n;if("function"!=typeof t)throw new TypeError("Super expression must either be null or a function");if(void 0!==e){if(e.has(t))return e.get(t);e.set(t,r)}function r(){return u(t,arguments,s(this).constructor)}return r.prototype=Object.create(t.prototype,{constructor:{value:r,enumerable:!1,writable:!0,configurable:!0}}),a(r,t)},h(t)}function f(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}function l(t,e){if(e&&("object"==typeof e||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return f(t)}function p(t){var e=c();return function(){var n,r=s(t);if(e){var i=s(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return l(this,n)}}function d(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=s(t)););return t}function y(){return y="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(t,e,n){var r=d(t,e);if(r){var i=Object.getOwnPropertyDescriptor(r,e);return i.get?i.get.call(arguments.length<3?t:n):i.value}},y.apply(this,arguments)}function v(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function g(t,e){var n="undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(!n){if(Array.isArray(t)||(n=function(t,e){if(t){if("string"==typeof t)return v(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?v(t,e):void 0}}(t))||e&&t&&"number"==typeof t.length){n&&(t=n);var r=0,i=function(){};return{s:i,n:function(){return r>=t.length?{done:!0}:{done:!1,value:t[r++]}},e:function(t){throw t},f:i}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var o,s=!0,a=!1;return{s:function(){n=n.call(t)},n:function(){var t=n.next();return s=t.done,t},e:function(t){a=!0,o=t},f:function(){try{s||null==n.return||n.return()}finally{if(a)throw o}}}}var m=Object.create(null);m.open="0",m.close="1",m.ping="2",m.pong="3",m.message="4",m.upgrade="5",m.noop="6";var k=Object.create(null);Object.keys(m).forEach((function(t){k[m[t]]=t}));var b,w={type:"error",data:"parser error"},_="function"==typeof Blob||"undefined"!=typeof Blob&&"[object BlobConstructor]"===Object.prototype.toString.call(Blob),O="function"==typeof ArrayBuffer,A=function(t){return"function"==typeof ArrayBuffer.isView?ArrayBuffer.isView(t):t&&t.buffer instanceof ArrayBuffer},E=function(t,e,n){var r=t.type,i=t.data;return _&&i instanceof Blob?e?n(i):R(i,n):O&&(i instanceof ArrayBuffer||A(i))?e?n(i):R(new Blob([i]),n):n(m[r]+(i||""))},R=function(t,e){var n=new FileReader;return n.onload=function(){var t=n.result.split(",")[1];e("b"+(t||""))},n.readAsDataURL(t)};function T(t){return t instanceof Uint8Array?t:t instanceof ArrayBuffer?new Uint8Array(t):new Uint8Array(t.buffer,t.byteOffset,t.byteLength)}for(var C="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/",B="undefined"==typeof Uint8Array?[]:new Uint8Array(256),S=0;S<C.length;S++)B[C.charCodeAt(S)]=S;var L,N="function"==typeof ArrayBuffer,x=function(t,e){if("string"!=typeof t)return{type:"message",data:j(t,e)};var n=t.charAt(0);return"b"===n?{type:"message",data:P(t.substring(1),e)}:k[n]?t.length>1?{type:k[n],data:t.substring(1)}:{type:k[n]}:w},P=function(t,e){if(N){var n=function(t){var e,n,r,i,o,s=.75*t.length,a=t.length,c=0;"="===t[t.length-1]&&(s--,"="===t[t.length-2]&&s--);var u=new ArrayBuffer(s),h=new Uint8Array(u);for(e=0;e<a;e+=4)n=B[t.charCodeAt(e)],r=B[t.charCodeAt(e+1)],i=B[t.charCodeAt(e+2)],o=B[t.charCodeAt(e+3)],h[c++]=n<<2|r>>4,h[c++]=(15&r)<<4|i>>2,h[c++]=(3&i)<<6|63&o;return u}(t);return j(n,e)}return{base64:!0,data:t}},j=function(t,e){return"blob"===e?t instanceof Blob?t:new Blob([t]):t instanceof ArrayBuffer?t:t.buffer},q=String.fromCharCode(30);function I(t){if(t)return function(t){for(var e in I.prototype)t[e]=I.prototype[e];return t}(t)}I.prototype.on=I.prototype.addEventListener=function(t,e){return this._callbacks=this._callbacks||{},(this._callbacks["$"+t]=this._callbacks["$"+t]||[]).push(e),this},I.prototype.once=function(t,e){function n(){this.off(t,n),e.apply(this,arguments)}return n.fn=e,this.on(t,n),this},I.prototype.off=I.prototype.removeListener=I.prototype.removeAllListeners=I.prototype.removeEventListener=function(t,e){if(this._callbacks=this._callbacks||{},0==arguments.length)return this._callbacks={},this;var n,r=this._callbacks["$"+t];if(!r)return this;if(1==arguments.length)return delete this._callbacks["$"+t],this;for(var i=0;i<r.length;i++)if((n=r[i])===e||n.fn===e){r.splice(i,1);break}return 0===r.length&&delete this._callbacks["$"+t],this},I.prototype.emit=function(t){this._callbacks=this._callbacks||{};for(var e=new Array(arguments.length-1),n=this._callbacks["$"+t],r=1;r<arguments.length;r++)e[r-1]=arguments[r];if(n){r=0;for(var i=(n=n.slice(0)).length;r<i;++r)n[r].apply(this,e)}return this},I.prototype.emitReserved=I.prototype.emit,I.prototype.listeners=function(t){return this._callbacks=this._callbacks||{},this._callbacks["$"+t]||[]},I.prototype.hasListeners=function(t){return!!this.listeners(t).length};var D="undefined"!=typeof self?self:"undefined"!=typeof window?window:Function("return this")();function F(t){for(var e=arguments.length,n=new Array(e>1?e-1:0),r=1;r<e;r++)n[r-1]=arguments[r];return n.reduce((function(e,n){return t.hasOwnProperty(n)&&(e[n]=t[n]),e}),{})}var U=D.setTimeout,M=D.clearTimeout;function V(t,e){e.useNativeTimers?(t.setTimeoutFn=U.bind(D),t.clearTimeoutFn=M.bind(D)):(t.setTimeoutFn=D.setTimeout.bind(D),t.clearTimeoutFn=D.clearTimeout.bind(D))}function H(t){for(var e={},n=t.split("&"),r=0,i=n.length;r<i;r++){var o=n[r].split("=");e[decodeURIComponent(o[0])]=decodeURIComponent(o[1])}return e}var K,Y=function(t){o(i,t);var n=p(i);function i(t,r,o){var s;return e(this,i),(s=n.call(this,t)).description=r,s.context=o,s.type="TransportError",s}return r(i)}(h(Error)),W=function(t){o(i,t);var n=p(i);function i(t){var r;return e(this,i),(r=n.call(this)).writable=!1,V(f(r),t),r.opts=t,r.query=t.query,r.socket=t.socket,r}return r(i,[{key:"onError",value:function(t,e,n){return y(s(i.prototype),"emitReserved",this).call(this,"error",new Y(t,e,n)),this}},{key:"open",value:function(){return this.readyState="opening",this.doOpen(),this}},{key:"close",value:function(){return"opening"!==this.readyState&&"open"!==this.readyState||(this.doClose(),this.onClose()),this}},{key:"send",value:function(t){"open"===this.readyState&&this.write(t)}},{key:"onOpen",value:function(){this.readyState="open",this.writable=!0,y(s(i.prototype),"emitReserved",this).call(this,"open")}},{key:"onData",value:function(t){var e=x(t,this.socket.binaryType);this.onPacket(e)}},{key:"onPacket",value:function(t){y(s(i.prototype),"emitReserved",this).call(this,"packet",t)}},{key:"onClose",value:function(t){this.readyState="closed",y(s(i.prototype),"emitReserved",this).call(this,"close",t)}},{key:"pause",value:function(t){}},{key:"createUri",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return t+"://"+this._hostname()+this._port()+this.opts.path+this._query(e)}},{key:"_hostname",value:function(){var t=this.opts.hostname;return-1===t.indexOf(":")?t:"["+t+"]"}},{key:"_port",value:function(){return this.opts.port&&(this.opts.secure&&Number(443!==this.opts.port)||!this.opts.secure&&80!==Number(this.opts.port))?":"+this.opts.port:""}},{key:"_query",value:function(t){var e=function(t){var e="";for(var n in t)t.hasOwnProperty(n)&&(e.length&&(e+="&"),e+=encodeURIComponent(n)+"="+encodeURIComponent(t[n]));return e}(t);return e.length?"?"+e:""}}]),i}(I),z="0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz-_".split(""),J={},$=0,Q=0;function X(t){var e="";do{e=z[t%64]+e,t=Math.floor(t/64)}while(t>0);return e}function G(){var t=X(+new Date);return t!==K?($=0,K=t):t+"."+X($++)}for(;Q<64;Q++)J[z[Q]]=Q;var Z=!1;try{Z="undefined"!=typeof XMLHttpRequest&&"withCredentials"in new XMLHttpRequest}catch(t){}var tt=Z;function et(t){var e=t.xdomain;try{if("undefined"!=typeof XMLHttpRequest&&(!e||tt))return new XMLHttpRequest}catch(t){}if(!e)try{return new(D[["Active"].concat("Object").join("X")])("Microsoft.XMLHTTP")}catch(t){}}function nt(){}var rt=null!=new et({xdomain:!1}).responseType,it=function(t){o(s,t);var n=p(s);function s(t){var r;if(e(this,s),(r=n.call(this,t)).polling=!1,"undefined"!=typeof location){var i="https:"===location.protocol,o=location.port;o||(o=i?"443":"80"),r.xd="undefined"!=typeof location&&t.hostname!==location.hostname||o!==t.port}var a=t&&t.forceBase64;return r.supportsBinary=rt&&!a,r.opts.withCredentials&&(r.cookieJar=void 0),r}return r(s,[{key:"name",get:function(){return"polling"}},{key:"doOpen",value:function(){this.poll()}},{key:"pause",value:function(t){var e=this;this.readyState="pausing";var n=function(){e.readyState="paused",t()};if(this.polling||!this.writable){var r=0;this.polling&&(r++,this.once("pollComplete",(function(){--r||n()}))),this.writable||(r++,this.once("drain",(function(){--r||n()})))}else n()}},{key:"poll",value:function(){this.polling=!0,this.doPoll(),this.emitReserved("poll")}},{key:"onData",value:function(t){var e=this;(function(t,e){for(var n=t.split(q),r=[],i=0;i<n.length;i++){var o=x(n[i],e);if(r.push(o),"error"===o.type)break}return r})(t,this.socket.binaryType).forEach((function(t){if("opening"===e.readyState&&"open"===t.type&&e.onOpen(),"close"===t.type)return e.onClose({description:"transport closed by the server"}),!1;e.onPacket(t)})),"closed"!==this.readyState&&(this.polling=!1,this.emitReserved("pollComplete"),"open"===this.readyState&&this.poll())}},{key:"doClose",value:function(){var t=this,e=function(){t.write([{type:"close"}])};"open"===this.readyState?e():this.once("open",e)}},{key:"write",value:function(t){var e=this;this.writable=!1,function(t,e){var n=t.length,r=new Array(n),i=0;t.forEach((function(t,o){E(t,!1,(function(t){r[o]=t,++i===n&&e(r.join(q))}))}))}(t,(function(t){e.doWrite(t,(function(){e.writable=!0,e.emitReserved("drain")}))}))}},{key:"uri",value:function(){var t=this.opts.secure?"https":"http",e=this.query||{};return!1!==this.opts.timestampRequests&&(e[this.opts.timestampParam]=G()),this.supportsBinary||e.sid||(e.b64=1),this.createUri(t,e)}},{key:"request",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return i(t,{xd:this.xd,cookieJar:this.cookieJar},this.opts),new ot(this.uri(),t)}},{key:"doWrite",value:function(t,e){var n=this,r=this.request({method:"POST",data:t});r.on("success",e),r.on("error",(function(t,e){n.onError("xhr post error",t,e)}))}},{key:"doPoll",value:function(){var t=this,e=this.request();e.on("data",this.onData.bind(this)),e.on("error",(function(e,n){t.onError("xhr poll error",e,n)})),this.pollXhr=e}}]),s}(W),ot=function(t){o(i,t);var n=p(i);function i(t,r){var o;return e(this,i),V(f(o=n.call(this)),r),o.opts=r,o.method=r.method||"GET",o.uri=t,o.data=void 0!==r.data?r.data:null,o.create(),o}return r(i,[{key:"create",value:function(){var t,e=this,n=F(this.opts,"agent","pfx","key","passphrase","cert","ca","ciphers","rejectUnauthorized","autoUnref");n.xdomain=!!this.opts.xd;var r=this.xhr=new et(n);try{r.open(this.method,this.uri,!0);try{if(this.opts.extraHeaders)for(var o in r.setDisableHeaderCheck&&r.setDisableHeaderCheck(!0),this.opts.extraHeaders)this.opts.extraHeaders.hasOwnProperty(o)&&r.setRequestHeader(o,this.opts.extraHeaders[o])}catch(t){}if("POST"===this.method)try{r.setRequestHeader("Content-type","text/plain;charset=UTF-8")}catch(t){}try{r.setRequestHeader("Accept","*/*")}catch(t){}null===(t=this.opts.cookieJar)||void 0===t||t.addCookies(r),"withCredentials"in r&&(r.withCredentials=this.opts.withCredentials),this.opts.requestTimeout&&(r.timeout=this.opts.requestTimeout),r.onreadystatechange=function(){var t;3===r.readyState&&(null===(t=e.opts.cookieJar)||void 0===t||t.parseCookies(r)),4===r.readyState&&(200===r.status||1223===r.status?e.onLoad():e.setTimeoutFn((function(){e.onError("number"==typeof r.status?r.status:0)}),0))},r.send(this.data)}catch(t){return void this.setTimeoutFn((function(){e.onError(t)}),0)}"undefined"!=typeof document&&(this.index=i.requestsCount++,i.requests[this.index]=this)}},{key:"onError",value:function(t){this.emitReserved("error",t,this.xhr),this.cleanup(!0)}},{key:"cleanup",value:function(t){if(void 0!==this.xhr&&null!==this.xhr){if(this.xhr.onreadystatechange=nt,t)try{this.xhr.abort()}catch(t){}"undefined"!=typeof document&&delete i.requests[this.index],this.xhr=null}}},{key:"onLoad",value:function(){var t=this.xhr.responseText;null!==t&&(this.emitReserved("data",t),this.emitReserved("success"),this.cleanup())}},{key:"abort",value:function(){this.cleanup()}}]),i}(I);if(ot.requestsCount=0,ot.requests={},"undefined"!=typeof document)if("function"==typeof attachEvent)attachEvent("onunload",st);else if("function"==typeof addEventListener){addEventListener("onpagehide"in D?"pagehide":"unload",st,!1)}function st(){for(var t in ot.requests)ot.requests.hasOwnProperty(t)&&ot.requests[t].abort()}var at="function"==typeof Promise&&"function"==typeof Promise.resolve?function(t){return Promise.resolve().then(t)}:function(t,e){return e(t,0)},ct=D.WebSocket||D.MozWebSocket,ut="undefined"!=typeof navigator&&"string"==typeof navigator.product&&"reactnative"===navigator.product.toLowerCase(),ht=function(t){o(i,t);var n=p(i);function i(t){var r;return e(this,i),(r=n.call(this,t)).supportsBinary=!t.forceBase64,r}return r(i,[{key:"name",get:function(){return"websocket"}},{key:"doOpen",value:function(){if(this.check()){var t=this.uri(),e=this.opts.protocols,n=ut?{}:F(this.opts,"agent","perMessageDeflate","pfx","key","passphrase","cert","ca","ciphers","rejectUnauthorized","localAddress","protocolVersion","origin","maxPayload","family","checkServerIdentity");this.opts.extraHeaders&&(n.headers=this.opts.extraHeaders);try{this.ws=ut?new ct(t,e,n):e?new ct(t,e):new ct(t)}catch(t){return this.emitReserved("error",t)}this.ws.binaryType=this.socket.binaryType||"arraybuffer",this.addEventListeners()}}},{key:"addEventListeners",value:function(){var t=this;this.ws.onopen=function(){t.opts.autoUnref&&t.ws._socket.unref(),t.onOpen()},this.ws.onclose=function(e){return t.onClose({description:"websocket connection closed",context:e})},this.ws.onmessage=function(e){return t.onData(e.data)},this.ws.onerror=function(e){return t.onError("websocket error",e)}}},{key:"write",value:function(t){var e=this;this.writable=!1;for(var n=function(n){var r=t[n],i=n===t.length-1;E(r,e.supportsBinary,(function(t){try{e.ws.send(t)}catch(t){}i&&at((function(){e.writable=!0,e.emitReserved("drain")}),e.setTimeoutFn)}))},r=0;r<t.length;r++)n(r)}},{key:"doClose",value:function(){void 0!==this.ws&&(this.ws.close(),this.ws=null)}},{key:"uri",value:function(){var t=this.opts.secure?"wss":"ws",e=this.query||{};return this.opts.timestampRequests&&(e[this.opts.timestampParam]=G()),this.supportsBinary||(e.b64=1),this.createUri(t,e)}},{key:"check",value:function(){return!!ct}}]),i}(W);var ft=function(t){o(i,t);var n=p(i);function i(){return e(this,i),n.apply(this,arguments)}return r(i,[{key:"name",get:function(){return"webtransport"}},{key:"doOpen",value:function(){var t=this;"function"==typeof WebTransport&&(this.transport=new WebTransport(this.createUri("https"),this.opts.transportOptions[this.name]),this.transport.closed.then((function(){return t.onClose()})),this.transport.ready.then((function(){t.transport.createBidirectionalStream().then((function(e){var n,r=e.readable.getReader();t.writer=e.writable.getWriter();!function e(){r.read().then((function(r){var i=r.done,o=r.value;i||(n||1!==o.byteLength||54!==o[0]?(t.onPacket(function(t,e,n){L||(L=new TextDecoder);var r=e||t[0]<48||t[0]>54;return x(r?t:L.decode(t),n)}(o,n,"arraybuffer")),n=!1):n=!0,e())}))}();var i=t.query.sid?'0{"sid":"'.concat(t.query.sid,'"}'):"0";t.writer.write((new TextEncoder).encode(i)).then((function(){return t.onOpen()}))}))})))}},{key:"write",value:function(t){var e=this;this.writable=!1;for(var n=function(n){var r=t[n],i=n===t.length-1;!function(t,e){_&&t.data instanceof Blob?t.data.arrayBuffer().then(T).then(e):O&&(t.data instanceof ArrayBuffer||A(t.data))?e(T(t.data)):E(t,!1,(function(t){b||(b=new TextEncoder),e(b.encode(t))}))}(r,(function(t){(function(t,e){return"message"===t.type&&"string"!=typeof t.data&&e[0]>=48&&e[0]<=54})(r,t)&&e.writer.write(Uint8Array.of(54)),e.writer.write(t).then((function(){i&&at((function(){e.writable=!0,e.emitReserved("drain")}),e.setTimeoutFn)}))}))},r=0;r<t.length;r++)n(r)}},{key:"doClose",value:function(){var t;null===(t=this.transport)||void 0===t||t.close()}}]),i}(W),lt={websocket:ht,webtransport:ft,polling:it},pt=/^(?:(?![^:@\/?#]+:[^:@\/]*@)(http|https|ws|wss):\/\/)?((?:(([^:@\/?#]*)(?::([^:@\/?#]*))?)?@)?((?:[a-f0-9]{0,4}:){2,7}[a-f0-9]{0,4}|[^:\/?#]*)(?::(\d*))?)(((\/(?:[^?#](?![^?#\/]*\.[^?#\/.]+(?:[?#]|$)))*\/?)?([^?#\/]*))(?:\?([^#]*))?(?:#(.*))?)/,dt=["source","protocol","authority","userInfo","user","password","host","port","relative","path","directory","file","query","anchor"];function yt(t){var e=t,n=t.indexOf("["),r=t.indexOf("]");-1!=n&&-1!=r&&(t=t.substring(0,n)+t.substring(n,r).replace(/:/g,";")+t.substring(r,t.length));for(var i,o,s=pt.exec(t||""),a={},c=14;c--;)a[dt[c]]=s[c]||"";return-1!=n&&-1!=r&&(a.source=e,a.host=a.host.substring(1,a.host.length-1).replace(/;/g,":"),a.authority=a.authority.replace("[","").replace("]","").replace(/;/g,":"),a.ipv6uri=!0),a.pathNames=function(t,e){var n=/\/{2,9}/g,r=e.replace(n,"/").split("/");"/"!=e.slice(0,1)&&0!==e.length||r.splice(0,1);"/"==e.slice(-1)&&r.splice(r.length-1,1);return r}(0,a.path),a.queryKey=(i=a.query,o={},i.replace(/(?:^|&)([^&=]*)=?([^&]*)/g,(function(t,e,n){e&&(o[e]=n)})),o),a}var vt=function(n){o(a,n);var s=p(a);function a(n){var r,o=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return e(this,a),(r=s.call(this)).writeBuffer=[],n&&"object"===t(n)&&(o=n,n=null),n?(n=yt(n),o.hostname=n.host,o.secure="https"===n.protocol||"wss"===n.protocol,o.port=n.port,n.query&&(o.query=n.query)):o.host&&(o.hostname=yt(o.host).host),V(f(r),o),r.secure=null!=o.secure?o.secure:"undefined"!=typeof location&&"https:"===location.protocol,o.hostname&&!o.port&&(o.port=r.secure?"443":"80"),r.hostname=o.hostname||("undefined"!=typeof location?location.hostname:"localhost"),r.port=o.port||("undefined"!=typeof location&&location.port?location.port:r.secure?"443":"80"),r.transports=o.transports||["polling","websocket","webtransport"],r.writeBuffer=[],r.prevBufferLen=0,r.opts=i({path:"/engine.io",agent:!1,withCredentials:!1,upgrade:!0,timestampParam:"t",rememberUpgrade:!1,addTrailingSlash:!0,rejectUnauthorized:!0,perMessageDeflate:{threshold:1024},transportOptions:{},closeOnBeforeunload:!0},o),r.opts.path=r.opts.path.replace(/\/$/,"")+(r.opts.addTrailingSlash?"/":""),"string"==typeof r.opts.query&&(r.opts.query=H(r.opts.query)),r.id=null,r.upgrades=null,r.pingInterval=null,r.pingTimeout=null,r.pingTimeoutTimer=null,"function"==typeof addEventListener&&(r.opts.closeOnBeforeunload&&(r.beforeunloadEventListener=function(){r.transport&&(r.transport.removeAllListeners(),r.transport.close())},addEventListener("beforeunload",r.beforeunloadEventListener,!1)),"localhost"!==r.hostname&&(r.offlineEventListener=function(){r.onClose("transport close",{description:"network connection lost"})},addEventListener("offline",r.offlineEventListener,!1))),r.open(),r}return r(a,[{key:"createTransport",value:function(t){var e=i({},this.opts.query);e.EIO=4,e.transport=t,this.id&&(e.sid=this.id);var n=i({},this.opts.transportOptions[t],this.opts,{query:e,socket:this,hostname:this.hostname,secure:this.secure,port:this.port});return new lt[t](n)}},{key:"open",value:function(){var t,e=this;if(this.opts.rememberUpgrade&&a.priorWebsocketSuccess&&-1!==this.transports.indexOf("websocket"))t="websocket";else{if(0===this.transports.length)return void this.setTimeoutFn((function(){e.emitReserved("error","No transports available")}),0);t=this.transports[0]}this.readyState="opening";try{t=this.createTransport(t)}catch(t){return this.transports.shift(),void this.open()}t.open(),this.setTransport(t)}},{key:"setTransport",value:function(t){var e=this;this.transport&&this.transport.removeAllListeners(),this.transport=t,t.on("drain",this.onDrain.bind(this)).on("packet",this.onPacket.bind(this)).on("error",this.onError.bind(this)).on("close",(function(t){return e.onClose("transport close",t)}))}},{key:"probe",value:function(t){var e=this,n=this.createTransport(t),r=!1;a.priorWebsocketSuccess=!1;var i=function(){r||(n.send([{type:"ping",data:"probe"}]),n.once("packet",(function(t){if(!r)if("pong"===t.type&&"probe"===t.data){if(e.upgrading=!0,e.emitReserved("upgrading",n),!n)return;a.priorWebsocketSuccess="websocket"===n.name,e.transport.pause((function(){r||"closed"!==e.readyState&&(f(),e.setTransport(n),n.send([{type:"upgrade"}]),e.emitReserved("upgrade",n),n=null,e.upgrading=!1,e.flush())}))}else{var i=new Error("probe error");i.transport=n.name,e.emitReserved("upgradeError",i)}})))};function o(){r||(r=!0,f(),n.close(),n=null)}var s=function(t){var r=new Error("probe error: "+t);r.transport=n.name,o(),e.emitReserved("upgradeError",r)};function c(){s("transport closed")}function u(){s("socket closed")}function h(t){n&&t.name!==n.name&&o()}var f=function(){n.removeListener("open",i),n.removeListener("error",s),n.removeListener("close",c),e.off("close",u),e.off("upgrading",h)};n.once("open",i),n.once("error",s),n.once("close",c),this.once("close",u),this.once("upgrading",h),-1!==this.upgrades.indexOf("webtransport")&&"webtransport"!==t?this.setTimeoutFn((function(){r||n.open()}),200):n.open()}},{key:"onOpen",value:function(){if(this.readyState="open",a.priorWebsocketSuccess="websocket"===this.transport.name,this.emitReserved("open"),this.flush(),"open"===this.readyState&&this.opts.upgrade)for(var t=0,e=this.upgrades.length;t<e;t++)this.probe(this.upgrades[t])}},{key:"onPacket",value:function(t){if("opening"===this.readyState||"open"===this.readyState||"closing"===this.readyState)switch(this.emitReserved("packet",t),this.emitReserved("heartbeat"),t.type){case"open":this.onHandshake(JSON.parse(t.data));break;case"ping":this.resetPingTimeout(),this.sendPacket("pong"),this.emitReserved("ping"),this.emitReserved("pong");break;case"error":var e=new Error("server error");e.code=t.data,this.onError(e);break;case"message":this.emitReserved("data",t.data),this.emitReserved("message",t.data)}}},{key:"onHandshake",value:function(t){this.emitReserved("handshake",t),this.id=t.sid,this.transport.query.sid=t.sid,this.upgrades=this.filterUpgrades(t.upgrades),this.pingInterval=t.pingInterval,this.pingTimeout=t.pingTimeout,this.maxPayload=t.maxPayload,this.onOpen(),"closed"!==this.readyState&&this.resetPingTimeout()}},{key:"resetPingTimeout",value:function(){var t=this;this.clearTimeoutFn(this.pingTimeoutTimer),this.pingTimeoutTimer=this.setTimeoutFn((function(){t.onClose("ping timeout")}),this.pingInterval+this.pingTimeout),this.opts.autoUnref&&this.pingTimeoutTimer.unref()}},{key:"onDrain",value:function(){this.writeBuffer.splice(0,this.prevBufferLen),this.prevBufferLen=0,0===this.writeBuffer.length?this.emitReserved("drain"):this.flush()}},{key:"flush",value:function(){if("closed"!==this.readyState&&this.transport.writable&&!this.upgrading&&this.writeBuffer.length){var t=this.getWritablePackets();this.transport.send(t),this.prevBufferLen=t.length,this.emitReserved("flush")}}},{key:"getWritablePackets",value:function(){if(!(this.maxPayload&&"polling"===this.transport.name&&this.writeBuffer.length>1))return this.writeBuffer;for(var t,e=1,n=0;n<this.writeBuffer.length;n++){var r=this.writeBuffer[n].data;if(r&&(e+="string"==typeof(t=r)?function(t){for(var e=0,n=0,r=0,i=t.length;r<i;r++)(e=t.charCodeAt(r))<128?n+=1:e<2048?n+=2:e<55296||e>=57344?n+=3:(r++,n+=4);return n}(t):Math.ceil(1.33*(t.byteLength||t.size))),n>0&&e>this.maxPayload)return this.writeBuffer.slice(0,n);e+=2}return this.writeBuffer}},{key:"write",value:function(t,e,n){return this.sendPacket("message",t,e,n),this}},{key:"send",value:function(t,e,n){return this.sendPacket("message",t,e,n),this}},{key:"sendPacket",value:function(t,e,n,r){if("function"==typeof e&&(r=e,e=void 0),"function"==typeof n&&(r=n,n=null),"closing"!==this.readyState&&"closed"!==this.readyState){(n=n||{}).compress=!1!==n.compress;var i={type:t,data:e,options:n};this.emitReserved("packetCreate",i),this.writeBuffer.push(i),r&&this.once("flush",r),this.flush()}}},{key:"close",value:function(){var t=this,e=function(){t.onClose("forced close"),t.transport.close()},n=function n(){t.off("upgrade",n),t.off("upgradeError",n),e()},r=function(){t.once("upgrade",n),t.once("upgradeError",n)};return"opening"!==this.readyState&&"open"!==this.readyState||(this.readyState="closing",this.writeBuffer.length?this.once("drain",(function(){t.upgrading?r():e()})):this.upgrading?r():e()),this}},{key:"onError",value:function(t){a.priorWebsocketSuccess=!1,this.emitReserved("error",t),this.onClose("transport error",t)}},{key:"onClose",value:function(t,e){"opening"!==this.readyState&&"open"!==this.readyState&&"closing"!==this.readyState||(this.clearTimeoutFn(this.pingTimeoutTimer),this.transport.removeAllListeners("close"),this.transport.close(),this.transport.removeAllListeners(),"function"==typeof removeEventListener&&(removeEventListener("beforeunload",this.beforeunloadEventListener,!1),removeEventListener("offline",this.offlineEventListener,!1)),this.readyState="closed",this.id=null,this.emitReserved("close",t,e),this.writeBuffer=[],this.prevBufferLen=0)}},{key:"filterUpgrades",value:function(t){for(var e=[],n=0,r=t.length;n<r;n++)~this.transports.indexOf(t[n])&&e.push(t[n]);return e}}]),a}(I);vt.protocol=4,vt.protocol;var gt="function"==typeof ArrayBuffer,mt=Object.prototype.toString,kt="function"==typeof Blob||"undefined"!=typeof Blob&&"[object BlobConstructor]"===mt.call(Blob),bt="function"==typeof File||"undefined"!=typeof File&&"[object FileConstructor]"===mt.call(File);function wt(t){return gt&&(t instanceof ArrayBuffer||function(t){return"function"==typeof ArrayBuffer.isView?ArrayBuffer.isView(t):t.buffer instanceof ArrayBuffer}(t))||kt&&t instanceof Blob||bt&&t instanceof File}function _t(e,n){if(!e||"object"!==t(e))return!1;if(Array.isArray(e)){for(var r=0,i=e.length;r<i;r++)if(_t(e[r]))return!0;return!1}if(wt(e))return!0;if(e.toJSON&&"function"==typeof e.toJSON&&1===arguments.length)return _t(e.toJSON(),!0);for(var o in e)if(Object.prototype.hasOwnProperty.call(e,o)&&_t(e[o]))return!0;return!1}function Ot(t){var e=[],n=t.data,r=t;return r.data=At(n,e),r.attachments=e.length,{packet:r,buffers:e}}function At(e,n){if(!e)return e;if(wt(e)){var r={_placeholder:!0,num:n.length};return n.push(e),r}if(Array.isArray(e)){for(var i=new Array(e.length),o=0;o<e.length;o++)i[o]=At(e[o],n);return i}if("object"===t(e)&&!(e instanceof Date)){var s={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&(s[a]=At(e[a],n));return s}return e}function Et(t,e){return t.data=Rt(t.data,e),delete t.attachments,t}function Rt(e,n){if(!e)return e;if(e&&!0===e._placeholder){if("number"==typeof e.num&&e.num>=0&&e.num<n.length)return n[e.num];throw new Error("illegal attachments")}if(Array.isArray(e))for(var r=0;r<e.length;r++)e[r]=Rt(e[r],n);else if("object"===t(e))for(var i in e)Object.prototype.hasOwnProperty.call(e,i)&&(e[i]=Rt(e[i],n));return e}var Tt,Ct=["connect","connect_error","disconnect","disconnecting","newListener","removeListener"];!function(t){t[t.CONNECT=0]="CONNECT",t[t.DISCONNECT=1]="DISCONNECT",t[t.EVENT=2]="EVENT",t[t.ACK=3]="ACK",t[t.CONNECT_ERROR=4]="CONNECT_ERROR",t[t.BINARY_EVENT=5]="BINARY_EVENT",t[t.BINARY_ACK=6]="BINARY_ACK"}(Tt||(Tt={}));var Bt=function(){function t(n){e(this,t),this.replacer=n}return r(t,[{key:"encode",value:function(t){return t.type!==Tt.EVENT&&t.type!==Tt.ACK||!_t(t)?[this.encodeAsString(t)]:this.encodeAsBinary({type:t.type===Tt.EVENT?Tt.BINARY_EVENT:Tt.BINARY_ACK,nsp:t.nsp,data:t.data,id:t.id})}},{key:"encodeAsString",value:function(t){var e=""+t.type;return t.type!==Tt.BINARY_EVENT&&t.type!==Tt.BINARY_ACK||(e+=t.attachments+"-"),t.nsp&&"/"!==t.nsp&&(e+=t.nsp+","),null!=t.id&&(e+=t.id),null!=t.data&&(e+=JSON.stringify(t.data,this.replacer)),e}},{key:"encodeAsBinary",value:function(t){var e=Ot(t),n=this.encodeAsString(e.packet),r=e.buffers;return r.unshift(n),r}}]),t}();function St(t){return"[object Object]"===Object.prototype.toString.call(t)}var Lt=function(t){o(i,t);var n=p(i);function i(t){var r;return e(this,i),(r=n.call(this)).reviver=t,r}return r(i,[{key:"add",value:function(t){var e;if("string"==typeof t){if(this.reconstructor)throw new Error("got plaintext data when reconstructing a packet");var n=(e=this.decodeString(t)).type===Tt.BINARY_EVENT;n||e.type===Tt.BINARY_ACK?(e.type=n?Tt.EVENT:Tt.ACK,this.reconstructor=new Nt(e),0===e.attachments&&y(s(i.prototype),"emitReserved",this).call(this,"decoded",e)):y(s(i.prototype),"emitReserved",this).call(this,"decoded",e)}else{if(!wt(t)&&!t.base64)throw new Error("Unknown type: "+t);if(!this.reconstructor)throw new Error("got binary data when not reconstructing a packet");(e=this.reconstructor.takeBinaryData(t))&&(this.reconstructor=null,y(s(i.prototype),"emitReserved",this).call(this,"decoded",e))}}},{key:"decodeString",value:function(t){var e=0,n={type:Number(t.charAt(0))};if(void 0===Tt[n.type])throw new Error("unknown packet type "+n.type);if(n.type===Tt.BINARY_EVENT||n.type===Tt.BINARY_ACK){for(var r=e+1;"-"!==t.charAt(++e)&&e!=t.length;);var o=t.substring(r,e);if(o!=Number(o)||"-"!==t.charAt(e))throw new Error("Illegal attachments");n.attachments=Number(o)}if("/"===t.charAt(e+1)){for(var s=e+1;++e;){if(","===t.charAt(e))break;if(e===t.length)break}n.nsp=t.substring(s,e)}else n.nsp="/";var a=t.charAt(e+1);if(""!==a&&Number(a)==a){for(var c=e+1;++e;){var u=t.charAt(e);if(null==u||Number(u)!=u){--e;break}if(e===t.length)break}n.id=Number(t.substring(c,e+1))}if(t.charAt(++e)){var h=this.tryParse(t.substr(e));if(!i.isPayloadValid(n.type,h))throw new Error("invalid payload");n.data=h}return n}},{key:"tryParse",value:function(t){try{return JSON.parse(t,this.reviver)}catch(t){return!1}}},{key:"destroy",value:function(){this.reconstructor&&(this.reconstructor.finishedReconstruction(),this.reconstructor=null)}}],[{key:"isPayloadValid",value:function(t,e){switch(t){case Tt.CONNECT:return St(e);case Tt.DISCONNECT:return void 0===e;case Tt.CONNECT_ERROR:return"string"==typeof e||St(e);case Tt.EVENT:case Tt.BINARY_EVENT:return Array.isArray(e)&&("number"==typeof e[0]||"string"==typeof e[0]&&-1===Ct.indexOf(e[0]));case Tt.ACK:case Tt.BINARY_ACK:return Array.isArray(e)}}}]),i}(I),Nt=function(){function t(n){e(this,t),this.packet=n,this.buffers=[],this.reconPack=n}return r(t,[{key:"takeBinaryData",value:function(t){if(this.buffers.push(t),this.buffers.length===this.reconPack.attachments){var e=Et(this.reconPack,this.buffers);return this.finishedReconstruction(),e}return null}},{key:"finishedReconstruction",value:function(){this.reconPack=null,this.buffers=[]}}]),t}(),xt=Object.freeze({__proto__:null,protocol:5,get PacketType(){return Tt},Encoder:Bt,Decoder:Lt});function Pt(t,e,n){return t.on(e,n),function(){t.off(e,n)}}var jt=Object.freeze({connect:1,connect_error:1,disconnect:1,disconnecting:1,newListener:1,removeListener:1}),qt=function(t){o(a,t);var n=p(a);function a(t,r,o){var s;return e(this,a),(s=n.call(this)).connected=!1,s.recovered=!1,s.receiveBuffer=[],s.sendBuffer=[],s._queue=[],s._queueSeq=0,s.ids=0,s.acks={},s.flags={},s.io=t,s.nsp=r,o&&o.auth&&(s.auth=o.auth),s._opts=i({},o),s.io._autoConnect&&s.open(),s}return r(a,[{key:"disconnected",get:function(){return!this.connected}},{key:"subEvents",value:function(){if(!this.subs){var t=this.io;this.subs=[Pt(t,"open",this.onopen.bind(this)),Pt(t,"packet",this.onpacket.bind(this)),Pt(t,"error",this.onerror.bind(this)),Pt(t,"close",this.onclose.bind(this))]}}},{key:"active",get:function(){return!!this.subs}},{key:"connect",value:function(){return this.connected||(this.subEvents(),this.io._reconnecting||this.io.open(),"open"===this.io._readyState&&this.onopen()),this}},{key:"open",value:function(){return this.connect()}},{key:"send",value:function(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];return e.unshift("message"),this.emit.apply(this,e),this}},{key:"emit",value:function(t){if(jt.hasOwnProperty(t))throw new Error('"'+t.toString()+'" is a reserved event name');for(var e=arguments.length,n=new Array(e>1?e-1:0),r=1;r<e;r++)n[r-1]=arguments[r];if(n.unshift(t),this._opts.retries&&!this.flags.fromQueue&&!this.flags.volatile)return this._addToQueue(n),this;var i={type:Tt.EVENT,data:n,options:{}};if(i.options.compress=!1!==this.flags.compress,"function"==typeof n[n.length-1]){var o=this.ids++,s=n.pop();this._registerAckCallback(o,s),i.id=o}var a=this.io.engine&&this.io.engine.transport&&this.io.engine.transport.writable,c=this.flags.volatile&&(!a||!this.connected);return c||(this.connected?(this.notifyOutgoingListeners(i),this.packet(i)):this.sendBuffer.push(i)),this.flags={},this}},{key:"_registerAckCallback",value:function(t,e){var n,r=this,i=null!==(n=this.flags.timeout)&&void 0!==n?n:this._opts.ackTimeout;if(void 0!==i){var o=this.io.setTimeoutFn((function(){delete r.acks[t];for(var n=0;n<r.sendBuffer.length;n++)r.sendBuffer[n].id===t&&r.sendBuffer.splice(n,1);e.call(r,new Error("operation has timed out"))}),i);this.acks[t]=function(){r.io.clearTimeoutFn(o);for(var t=arguments.length,n=new Array(t),i=0;i<t;i++)n[i]=arguments[i];e.apply(r,[null].concat(n))}}else this.acks[t]=e}},{key:"emitWithAck",value:function(t){for(var e=this,n=arguments.length,r=new Array(n>1?n-1:0),i=1;i<n;i++)r[i-1]=arguments[i];var o=void 0!==this.flags.timeout||void 0!==this._opts.ackTimeout;return new Promise((function(n,i){r.push((function(t,e){return o?t?i(t):n(e):n(t)})),e.emit.apply(e,[t].concat(r))}))}},{key:"_addToQueue",value:function(t){var e,n=this;"function"==typeof t[t.length-1]&&(e=t.pop());var r={id:this._queueSeq++,tryCount:0,pending:!1,args:t,flags:i({fromQueue:!0},this.flags)};t.push((function(t){if(r===n._queue[0]){var i=null!==t;if(i)r.tryCount>n._opts.retries&&(n._queue.shift(),e&&e(t));else if(n._queue.shift(),e){for(var o=arguments.length,s=new Array(o>1?o-1:0),a=1;a<o;a++)s[a-1]=arguments[a];e.apply(void 0,[null].concat(s))}return r.pending=!1,n._drainQueue()}})),this._queue.push(r),this._drainQueue()}},{key:"_drainQueue",value:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];if(this.connected&&0!==this._queue.length){var e=this._queue[0];e.pending&&!t||(e.pending=!0,e.tryCount++,this.flags=e.flags,this.emit.apply(this,e.args))}}},{key:"packet",value:function(t){t.nsp=this.nsp,this.io._packet(t)}},{key:"onopen",value:function(){var t=this;"function"==typeof this.auth?this.auth((function(e){t._sendConnectPacket(e)})):this._sendConnectPacket(this.auth)}},{key:"_sendConnectPacket",value:function(t){this.packet({type:Tt.CONNECT,data:this._pid?i({pid:this._pid,offset:this._lastOffset},t):t})}},{key:"onerror",value:function(t){this.connected||this.emitReserved("connect_error",t)}},{key:"onclose",value:function(t,e){this.connected=!1,delete this.id,this.emitReserved("disconnect",t,e)}},{key:"onpacket",value:function(t){if(t.nsp===this.nsp)switch(t.type){case Tt.CONNECT:t.data&&t.data.sid?this.onconnect(t.data.sid,t.data.pid):this.emitReserved("connect_error",new Error("It seems you are trying to reach a Socket.IO server in v2.x with a v3.x client, but they are not compatible (more information here: https://socket.io/docs/v3/migrating-from-2-x-to-3-0/)"));break;case Tt.EVENT:case Tt.BINARY_EVENT:this.onevent(t);break;case Tt.ACK:case Tt.BINARY_ACK:this.onack(t);break;case Tt.DISCONNECT:this.ondisconnect();break;case Tt.CONNECT_ERROR:this.destroy();var e=new Error(t.data.message);e.data=t.data.data,this.emitReserved("connect_error",e)}}},{key:"onevent",value:function(t){var e=t.data||[];null!=t.id&&e.push(this.ack(t.id)),this.connected?this.emitEvent(e):this.receiveBuffer.push(Object.freeze(e))}},{key:"emitEvent",value:function(t){if(this._anyListeners&&this._anyListeners.length){var e,n=g(this._anyListeners.slice());try{for(n.s();!(e=n.n()).done;){e.value.apply(this,t)}}catch(t){n.e(t)}finally{n.f()}}y(s(a.prototype),"emit",this).apply(this,t),this._pid&&t.length&&"string"==typeof t[t.length-1]&&(this._lastOffset=t[t.length-1])}},{key:"ack",value:function(t){var e=this,n=!1;return function(){if(!n){n=!0;for(var r=arguments.length,i=new Array(r),o=0;o<r;o++)i[o]=arguments[o];e.packet({type:Tt.ACK,id:t,data:i})}}}},{key:"onack",value:function(t){var e=this.acks[t.id];"function"==typeof e&&(e.apply(this,t.data),delete this.acks[t.id])}},{key:"onconnect",value:function(t,e){this.id=t,this.recovered=e&&this._pid===e,this._pid=e,this.connected=!0,this.emitBuffered(),this.emitReserved("connect"),this._drainQueue(!0)}},{key:"emitBuffered",value:function(){var t=this;this.receiveBuffer.forEach((function(e){return t.emitEvent(e)})),this.receiveBuffer=[],this.sendBuffer.forEach((function(e){t.notifyOutgoingListeners(e),t.packet(e)})),this.sendBuffer=[]}},{key:"ondisconnect",value:function(){this.destroy(),this.onclose("io server disconnect")}},{key:"destroy",value:function(){this.subs&&(this.subs.forEach((function(t){return t()})),this.subs=void 0),this.io._destroy(this)}},{key:"disconnect",value:function(){return this.connected&&this.packet({type:Tt.DISCONNECT}),this.destroy(),this.connected&&this.onclose("io client disconnect"),this}},{key:"close",value:function(){return this.disconnect()}},{key:"compress",value:function(t){return this.flags.compress=t,this}},{key:"volatile",get:function(){return this.flags.volatile=!0,this}},{key:"timeout",value:function(t){return this.flags.timeout=t,this}},{key:"onAny",value:function(t){return this._anyListeners=this._anyListeners||[],this._anyListeners.push(t),this}},{key:"prependAny",value:function(t){return this._anyListeners=this._anyListeners||[],this._anyListeners.unshift(t),this}},{key:"offAny",value:function(t){if(!this._anyListeners)return this;if(t){for(var e=this._anyListeners,n=0;n<e.length;n++)if(t===e[n])return e.splice(n,1),this}else this._anyListeners=[];return this}},{key:"listenersAny",value:function(){return this._anyListeners||[]}},{key:"onAnyOutgoing",value:function(t){return this._anyOutgoingListeners=this._anyOutgoingListeners||[],this._anyOutgoingListeners.push(t),this}},{key:"prependAnyOutgoing",value:function(t){return this._anyOutgoingListeners=this._anyOutgoingListeners||[],this._anyOutgoingListeners.unshift(t),this}},{key:"offAnyOutgoing",value:function(t){if(!this._anyOutgoingListeners)return this;if(t){for(var e=this._anyOutgoingListeners,n=0;n<e.length;n++)if(t===e[n])return e.splice(n,1),this}else this._anyOutgoingListeners=[];return this}},{key:"listenersAnyOutgoing",value:function(){return this._anyOutgoingListeners||[]}},{key:"notifyOutgoingListeners",value:function(t){if(this._anyOutgoingListeners&&this._anyOutgoingListeners.length){var e,n=g(this._anyOutgoingListeners.slice());try{for(n.s();!(e=n.n()).done;){e.value.apply(this,t.data)}}catch(t){n.e(t)}finally{n.f()}}}}]),a}(I);function It(t){t=t||{},this.ms=t.min||100,this.max=t.max||1e4,this.factor=t.factor||2,this.jitter=t.jitter>0&&t.jitter<=1?t.jitter:0,this.attempts=0}It.prototype.duration=function(){var t=this.ms*Math.pow(this.factor,this.attempts++);if(this.jitter){var e=Math.random(),n=Math.floor(e*this.jitter*t);t=0==(1&Math.floor(10*e))?t-n:t+n}return 0|Math.min(t,this.max)},It.prototype.reset=function(){this.attempts=0},It.prototype.setMin=function(t){this.ms=t},It.prototype.setMax=function(t){this.max=t},It.prototype.setJitter=function(t){this.jitter=t};var Dt=function(n){o(s,n);var i=p(s);function s(n,r){var o,a;e(this,s),(o=i.call(this)).nsps={},o.subs=[],n&&"object"===t(n)&&(r=n,n=void 0),(r=r||{}).path=r.path||"/socket.io",o.opts=r,V(f(o),r),o.reconnection(!1!==r.reconnection),o.reconnectionAttempts(r.reconnectionAttempts||1/0),o.reconnectionDelay(r.reconnectionDelay||1e3),o.reconnectionDelayMax(r.reconnectionDelayMax||5e3),o.randomizationFactor(null!==(a=r.randomizationFactor)&&void 0!==a?a:.5),o.backoff=new It({min:o.reconnectionDelay(),max:o.reconnectionDelayMax(),jitter:o.randomizationFactor()}),o.timeout(null==r.timeout?2e4:r.timeout),o._readyState="closed",o.uri=n;var c=r.parser||xt;return o.encoder=new c.Encoder,o.decoder=new c.Decoder,o._autoConnect=!1!==r.autoConnect,o._autoConnect&&o.open(),o}return r(s,[{key:"reconnection",value:function(t){return arguments.length?(this._reconnection=!!t,this):this._reconnection}},{key:"reconnectionAttempts",value:function(t){return void 0===t?this._reconnectionAttempts:(this._reconnectionAttempts=t,this)}},{key:"reconnectionDelay",value:function(t){var e;return void 0===t?this._reconnectionDelay:(this._reconnectionDelay=t,null===(e=this.backoff)||void 0===e||e.setMin(t),this)}},{key:"randomizationFactor",value:function(t){var e;return void 0===t?this._randomizationFactor:(this._randomizationFactor=t,null===(e=this.backoff)||void 0===e||e.setJitter(t),this)}},{key:"reconnectionDelayMax",value:function(t){var e;return void 0===t?this._reconnectionDelayMax:(this._reconnectionDelayMax=t,null===(e=this.backoff)||void 0===e||e.setMax(t),this)}},{key:"timeout",value:function(t){return arguments.length?(this._timeout=t,this):this._timeout}},{key:"maybeReconnectOnOpen",value:function(){!this._reconnecting&&this._reconnection&&0===this.backoff.attempts&&this.reconnect()}},{key:"open",value:function(t){var e=this;if(~this._readyState.indexOf("open"))return this;this.engine=new vt(this.uri,this.opts);var n=this.engine,r=this;this._readyState="opening",this.skipReconnect=!1;var i=Pt(n,"open",(function(){r.onopen(),t&&t()})),o=function(n){e.cleanup(),e._readyState="closed",e.emitReserved("error",n),t?t(n):e.maybeReconnectOnOpen()},s=Pt(n,"error",o);if(!1!==this._timeout){var a=this._timeout,c=this.setTimeoutFn((function(){i(),o(new Error("timeout")),n.close()}),a);this.opts.autoUnref&&c.unref(),this.subs.push((function(){e.clearTimeoutFn(c)}))}return this.subs.push(i),this.subs.push(s),this}},{key:"connect",value:function(t){return this.open(t)}},{key:"onopen",value:function(){this.cleanup(),this._readyState="open",this.emitReserved("open");var t=this.engine;this.subs.push(Pt(t,"ping",this.onping.bind(this)),Pt(t,"data",this.ondata.bind(this)),Pt(t,"error",this.onerror.bind(this)),Pt(t,"close",this.onclose.bind(this)),Pt(this.decoder,"decoded",this.ondecoded.bind(this)))}},{key:"onping",value:function(){this.emitReserved("ping")}},{key:"ondata",value:function(t){try{this.decoder.add(t)}catch(t){this.onclose("parse error",t)}}},{key:"ondecoded",value:function(t){var e=this;at((function(){e.emitReserved("packet",t)}),this.setTimeoutFn)}},{key:"onerror",value:function(t){this.emitReserved("error",t)}},{key:"socket",value:function(t,e){var n=this.nsps[t];return n?this._autoConnect&&!n.active&&n.connect():(n=new qt(this,t,e),this.nsps[t]=n),n}},{key:"_destroy",value:function(t){for(var e=0,n=Object.keys(this.nsps);e<n.length;e++){var r=n[e];if(this.nsps[r].active)return}this._close()}},{key:"_packet",value:function(t){for(var e=this.encoder.encode(t),n=0;n<e.length;n++)this.engine.write(e[n],t.options)}},{key:"cleanup",value:function(){this.subs.forEach((function(t){return t()})),this.subs.length=0,this.decoder.destroy()}},{key:"_close",value:function(){this.skipReconnect=!0,this._reconnecting=!1,this.onclose("forced close"),this.engine&&this.engine.close()}},{key:"disconnect",value:function(){return this._close()}},{key:"onclose",value:function(t,e){this.cleanup(),this.backoff.reset(),this._readyState="closed",this.emitReserved("close",t,e),this._reconnection&&!this.skipReconnect&&this.reconnect()}},{key:"reconnect",value:function(){var t=this;if(this._reconnecting||this.skipReconnect)return this;var e=this;if(this.backoff.attempts>=this._reconnectionAttempts)this.backoff.reset(),this.emitReserved("reconnect_failed"),this._reconnecting=!1;else{var n=this.backoff.duration();this._reconnecting=!0;var r=this.setTimeoutFn((function(){e.skipReconnect||(t.emitReserved("reconnect_attempt",e.backoff.attempts),e.skipReconnect||e.open((function(n){n?(e._reconnecting=!1,e.reconnect(),t.emitReserved("reconnect_error",n)):e.onreconnect()})))}),n);this.opts.autoUnref&&r.unref(),this.subs.push((function(){t.clearTimeoutFn(r)}))}}},{key:"onreconnect",value:function(){var t=this.backoff.attempts;this._reconnecting=!1,this.backoff.reset(),this.emitReserved("reconnect",t)}}]),s}(I),Ft={};function Ut(e,n){"object"===t(e)&&(n=e,e=void 0);var r,i=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",n=arguments.length>2?arguments[2]:void 0,r=t;n=n||"undefined"!=typeof location&&location,null==t&&(t=n.protocol+"//"+n.host),"string"==typeof t&&("/"===t.charAt(0)&&(t="/"===t.charAt(1)?n.protocol+t:n.host+t),/^(https?|wss?):\/\//.test(t)||(t=void 0!==n?n.protocol+"//"+t:"https://"+t),r=yt(t)),r.port||(/^(http|ws)$/.test(r.protocol)?r.port="80":/^(http|ws)s$/.test(r.protocol)&&(r.port="443")),r.path=r.path||"/";var i=-1!==r.host.indexOf(":")?"["+r.host+"]":r.host;return r.id=r.protocol+"://"+i+":"+r.port+e,r.href=r.protocol+"://"+i+(n&&n.port===r.port?"":":"+r.port),r}(e,(n=n||{}).path||"/socket.io"),o=i.source,s=i.id,a=i.path,c=Ft[s]&&a in Ft[s].nsps;return n.forceNew||n["force new connection"]||!1===n.multiplex||c?r=new Dt(o,n):(Ft[s]||(Ft[s]=new Dt(o,n)),r=Ft[s]),i.query&&!n.query&&(n.query=i.queryKey),r.socket(i.path,n)}return i(Ut,{Manager:Dt,Socket:qt,io:Ut,connect:Ut}),Ut}));
+!function(t,n){"object"==typeof exports&&"undefined"!=typeof module?module.exports=n():"function"==typeof define&&define.amd?define(n):(t="undefined"!=typeof globalThis?globalThis:t||self).io=n()}(this,(function(){"use strict";function t(t,n){(null==n||n>t.length)&&(n=t.length);for(var i=0,r=Array(n);i<n;i++)r[i]=t[i];return r}function n(t,n){for(var i=0;i<n.length;i++){var r=n[i];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,f(r.key),r)}}function i(t,i,r){return i&&n(t.prototype,i),r&&n(t,r),Object.defineProperty(t,"prototype",{writable:!1}),t}function r(n,i){var r="undefined"!=typeof Symbol&&n[Symbol.iterator]||n["@@iterator"];if(!r){if(Array.isArray(n)||(r=function(n,i){if(n){if("string"==typeof n)return t(n,i);var r={}.toString.call(n).slice(8,-1);return"Object"===r&&n.constructor&&(r=n.constructor.name),"Map"===r||"Set"===r?Array.from(n):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?t(n,i):void 0}}(n))||i&&n&&"number"==typeof n.length){r&&(n=r);var e=0,o=function(){};return{s:o,n:function(){return e>=n.length?{done:!0}:{done:!1,value:n[e++]}},e:function(t){throw t},f:o}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var s,u=!0,h=!1;return{s:function(){r=r.call(n)},n:function(){var t=r.next();return u=t.done,t},e:function(t){h=!0,s=t},f:function(){try{u||null==r.return||r.return()}finally{if(h)throw s}}}}function e(){return e=Object.assign?Object.assign.bind():function(t){for(var n=1;n<arguments.length;n++){var i=arguments[n];for(var r in i)({}).hasOwnProperty.call(i,r)&&(t[r]=i[r])}return t},e.apply(null,arguments)}function o(t){return o=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t)},o(t)}function s(t,n){t.prototype=Object.create(n.prototype),t.prototype.constructor=t,h(t,n)}function u(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(t){}return(u=function(){return!!t})()}function h(t,n){return h=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,n){return t.__proto__=n,t},h(t,n)}function f(t){var n=function(t,n){if("object"!=typeof t||!t)return t;var i=t[Symbol.toPrimitive];if(void 0!==i){var r=i.call(t,n||"default");if("object"!=typeof r)return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(t)}(t,"string");return"symbol"==typeof n?n:n+""}function c(t){return c="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},c(t)}function a(t){var n="function"==typeof Map?new Map:void 0;return a=function(t){if(null===t||!function(t){try{return-1!==Function.toString.call(t).indexOf("[native code]")}catch(n){return"function"==typeof t}}(t))return t;if("function"!=typeof t)throw new TypeError("Super expression must either be null or a function");if(void 0!==n){if(n.has(t))return n.get(t);n.set(t,i)}function i(){return function(t,n,i){if(u())return Reflect.construct.apply(null,arguments);var r=[null];r.push.apply(r,n);var e=new(t.bind.apply(t,r));return i&&h(e,i.prototype),e}(t,arguments,o(this).constructor)}return i.prototype=Object.create(t.prototype,{constructor:{value:i,enumerable:!1,writable:!0,configurable:!0}}),h(i,t)},a(t)}var v=Object.create(null);v.open="0",v.close="1",v.ping="2",v.pong="3",v.message="4",v.upgrade="5",v.noop="6";var l=Object.create(null);Object.keys(v).forEach((function(t){l[v[t]]=t}));var p,d={type:"error",data:"parser error"},y="function"==typeof Blob||"undefined"!=typeof Blob&&"[object BlobConstructor]"===Object.prototype.toString.call(Blob),b="function"==typeof ArrayBuffer,w=function(t){return"function"==typeof ArrayBuffer.isView?ArrayBuffer.isView(t):t&&t.buffer instanceof ArrayBuffer},g=function(t,n,i){var r=t.type,e=t.data;return y&&e instanceof Blob?n?i(e):m(e,i):b&&(e instanceof ArrayBuffer||w(e))?n?i(e):m(new Blob([e]),i):i(v[r]+(e||""))},m=function(t,n){var i=new FileReader;return i.onload=function(){var t=i.result.split(",")[1];n("b"+(t||""))},i.readAsDataURL(t)};function k(t){return t instanceof Uint8Array?t:t instanceof ArrayBuffer?new Uint8Array(t):new Uint8Array(t.buffer,t.byteOffset,t.byteLength)}for(var A="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/",j="undefined"==typeof Uint8Array?[]:new Uint8Array(256),E=0;E<64;E++)j[A.charCodeAt(E)]=E;var O,B="function"==typeof ArrayBuffer,S=function(t,n){if("string"!=typeof t)return{type:"message",data:C(t,n)};var i=t.charAt(0);return"b"===i?{type:"message",data:N(t.substring(1),n)}:l[i]?t.length>1?{type:l[i],data:t.substring(1)}:{type:l[i]}:d},N=function(t,n){if(B){var i=function(t){var n,i,r,e,o,s=.75*t.length,u=t.length,h=0;"="===t[t.length-1]&&(s--,"="===t[t.length-2]&&s--);var f=new ArrayBuffer(s),c=new Uint8Array(f);for(n=0;n<u;n+=4)i=j[t.charCodeAt(n)],r=j[t.charCodeAt(n+1)],e=j[t.charCodeAt(n+2)],o=j[t.charCodeAt(n+3)],c[h++]=i<<2|r>>4,c[h++]=(15&r)<<4|e>>2,c[h++]=(3&e)<<6|63&o;return f}(t);return C(i,n)}return{base64:!0,data:t}},C=function(t,n){return"blob"===n?t instanceof Blob?t:new Blob([t]):t instanceof ArrayBuffer?t:t.buffer},T=String.fromCharCode(30);function U(){return new TransformStream({transform:function(t,n){!function(t,n){y&&t.data instanceof Blob?t.data.arrayBuffer().then(k).then(n):b&&(t.data instanceof ArrayBuffer||w(t.data))?n(k(t.data)):g(t,!1,(function(t){p||(p=new TextEncoder),n(p.encode(t))}))}(t,(function(i){var r,e=i.length;if(e<126)r=new Uint8Array(1),new DataView(r.buffer).setUint8(0,e);else if(e<65536){r=new Uint8Array(3);var o=new DataView(r.buffer);o.setUint8(0,126),o.setUint16(1,e)}else{r=new Uint8Array(9);var s=new DataView(r.buffer);s.setUint8(0,127),s.setBigUint64(1,BigInt(e))}t.data&&"string"!=typeof t.data&&(r[0]|=128),n.enqueue(r),n.enqueue(i)}))}})}function M(t){return t.reduce((function(t,n){return t+n.length}),0)}function x(t,n){if(t[0].length===n)return t.shift();for(var i=new Uint8Array(n),r=0,e=0;e<n;e++)i[e]=t[0][r++],r===t[0].length&&(t.shift(),r=0);return t.length&&r<t[0].length&&(t[0]=t[0].slice(r)),i}function I(t){if(t)return function(t){for(var n in I.prototype)t[n]=I.prototype[n];return t}(t)}I.prototype.on=I.prototype.addEventListener=function(t,n){return this.t=this.t||{},(this.t["$"+t]=this.t["$"+t]||[]).push(n),this},I.prototype.once=function(t,n){function i(){this.off(t,i),n.apply(this,arguments)}return i.fn=n,this.on(t,i),this},I.prototype.off=I.prototype.removeListener=I.prototype.removeAllListeners=I.prototype.removeEventListener=function(t,n){if(this.t=this.t||{},0==arguments.length)return this.t={},this;var i,r=this.t["$"+t];if(!r)return this;if(1==arguments.length)return delete this.t["$"+t],this;for(var e=0;e<r.length;e++)if((i=r[e])===n||i.fn===n){r.splice(e,1);break}return 0===r.length&&delete this.t["$"+t],this},I.prototype.emit=function(t){this.t=this.t||{};for(var n=new Array(arguments.length-1),i=this.t["$"+t],r=1;r<arguments.length;r++)n[r-1]=arguments[r];if(i){r=0;for(var e=(i=i.slice(0)).length;r<e;++r)i[r].apply(this,n)}return this},I.prototype.emitReserved=I.prototype.emit,I.prototype.listeners=function(t){return this.t=this.t||{},this.t["$"+t]||[]},I.prototype.hasListeners=function(t){return!!this.listeners(t).length};var R="function"==typeof Promise&&"function"==typeof Promise.resolve?function(t){return Promise.resolve().then(t)}:function(t,n){return n(t,0)},L="undefined"!=typeof self?self:"undefined"!=typeof window?window:Function("return this")();function _(t){for(var n=arguments.length,i=new Array(n>1?n-1:0),r=1;r<n;r++)i[r-1]=arguments[r];return i.reduce((function(n,i){return t.hasOwnProperty(i)&&(n[i]=t[i]),n}),{})}var D=L.setTimeout,P=L.clearTimeout;function $(t,n){n.useNativeTimers?(t.setTimeoutFn=D.bind(L),t.clearTimeoutFn=P.bind(L)):(t.setTimeoutFn=L.setTimeout.bind(L),t.clearTimeoutFn=L.clearTimeout.bind(L))}function F(){return Date.now().toString(36).substring(3)+Math.random().toString(36).substring(2,5)}var V=function(t){function n(n,i,r){var e;return(e=t.call(this,n)||this).description=i,e.context=r,e.type="TransportError",e}return s(n,t),n}(a(Error)),q=function(t){function n(n){var i;return(i=t.call(this)||this).writable=!1,$(i,n),i.opts=n,i.query=n.query,i.socket=n.socket,i.supportsBinary=!n.forceBase64,i}s(n,t);var i=n.prototype;return i.onError=function(n,i,r){return t.prototype.emitReserved.call(this,"error",new V(n,i,r)),this},i.open=function(){return this.readyState="opening",this.doOpen(),this},i.close=function(){return"opening"!==this.readyState&&"open"!==this.readyState||(this.doClose(),this.onClose()),this},i.send=function(t){"open"===this.readyState&&this.write(t)},i.onOpen=function(){this.readyState="open",this.writable=!0,t.prototype.emitReserved.call(this,"open")},i.onData=function(t){var n=S(t,this.socket.binaryType);this.onPacket(n)},i.onPacket=function(n){t.prototype.emitReserved.call(this,"packet",n)},i.onClose=function(n){this.readyState="closed",t.prototype.emitReserved.call(this,"close",n)},i.pause=function(t){},i.createUri=function(t){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return t+"://"+this.i()+this.o()+this.opts.path+this.u(n)},i.i=function(){var t=this.opts.hostname;return-1===t.indexOf(":")?t:"["+t+"]"},i.o=function(){return this.opts.port&&(this.opts.secure&&Number(443!==this.opts.port)||!this.opts.secure&&80!==Number(this.opts.port))?":"+this.opts.port:""},i.u=function(t){var n=function(t){var n="";for(var i in t)t.hasOwnProperty(i)&&(n.length&&(n+="&"),n+=encodeURIComponent(i)+"="+encodeURIComponent(t[i]));return n}(t);return n.length?"?"+n:""},n}(I),X=function(t){function n(){var n;return(n=t.apply(this,arguments)||this).h=!1,n}s(n,t);var r=n.prototype;return r.doOpen=function(){this.v()},r.pause=function(t){var n=this;this.readyState="pausing";var i=function(){n.readyState="paused",t()};if(this.h||!this.writable){var r=0;this.h&&(r++,this.once("pollComplete",(function(){--r||i()}))),this.writable||(r++,this.once("drain",(function(){--r||i()})))}else i()},r.v=function(){this.h=!0,this.doPoll(),this.emitReserved("poll")},r.onData=function(t){var n=this;(function(t,n){for(var i=t.split(T),r=[],e=0;e<i.length;e++){var o=S(i[e],n);if(r.push(o),"error"===o.type)break}return r})(t,this.socket.binaryType).forEach((function(t){if("opening"===n.readyState&&"open"===t.type&&n.onOpen(),"close"===t.type)return n.onClose({description:"transport closed by the server"}),!1;n.onPacket(t)})),"closed"!==this.readyState&&(this.h=!1,this.emitReserved("pollComplete"),"open"===this.readyState&&this.v())},r.doClose=function(){var t=this,n=function(){t.write([{type:"close"}])};"open"===this.readyState?n():this.once("open",n)},r.write=function(t){var n=this;this.writable=!1,function(t,n){var i=t.length,r=new Array(i),e=0;t.forEach((function(t,o){g(t,!1,(function(t){r[o]=t,++e===i&&n(r.join(T))}))}))}(t,(function(t){n.doWrite(t,(function(){n.writable=!0,n.emitReserved("drain")}))}))},r.uri=function(){var t=this.opts.secure?"https":"http",n=this.query||{};return!1!==this.opts.timestampRequests&&(n[this.opts.timestampParam]=F()),this.supportsBinary||n.sid||(n.b64=1),this.createUri(t,n)},i(n,[{key:"name",get:function(){return"polling"}}])}(q),H=!1;try{H="undefined"!=typeof XMLHttpRequest&&"withCredentials"in new XMLHttpRequest}catch(t){}var z=H;function J(){}var K=function(t){function n(n){var i;if(i=t.call(this,n)||this,"undefined"!=typeof location){var r="https:"===location.protocol,e=location.port;e||(e=r?"443":"80"),i.xd="undefined"!=typeof location&&n.hostname!==location.hostname||e!==n.port}return i}s(n,t);var i=n.prototype;return i.doWrite=function(t,n){var i=this,r=this.request({method:"POST",data:t});r.on("success",n),r.on("error",(function(t,n){i.onError("xhr post error",t,n)}))},i.doPoll=function(){var t=this,n=this.request();n.on("data",this.onData.bind(this)),n.on("error",(function(n,i){t.onError("xhr poll error",n,i)})),this.pollXhr=n},n}(X),Y=function(t){function n(n,i,r){var e;return(e=t.call(this)||this).createRequest=n,$(e,r),e.l=r,e.p=r.method||"GET",e.m=i,e.k=void 0!==r.data?r.data:null,e.A(),e}s(n,t);var i=n.prototype;return i.A=function(){var t,i=this,r=_(this.l,"agent","pfx","key","passphrase","cert","ca","ciphers","rejectUnauthorized","autoUnref");r.xdomain=!!this.l.xd;var e=this.j=this.createRequest(r);try{e.open(this.p,this.m,!0);try{if(this.l.extraHeaders)for(var o in e.setDisableHeaderCheck&&e.setDisableHeaderCheck(!0),this.l.extraHeaders)this.l.extraHeaders.hasOwnProperty(o)&&e.setRequestHeader(o,this.l.extraHeaders[o])}catch(t){}if("POST"===this.p)try{e.setRequestHeader("Content-type","text/plain;charset=UTF-8")}catch(t){}try{e.setRequestHeader("Accept","*/*")}catch(t){}null===(t=this.l.cookieJar)||void 0===t||t.addCookies(e),"withCredentials"in e&&(e.withCredentials=this.l.withCredentials),this.l.requestTimeout&&(e.timeout=this.l.requestTimeout),e.onreadystatechange=function(){var t;3===e.readyState&&(null===(t=i.l.cookieJar)||void 0===t||t.parseCookies(e.getResponseHeader("set-cookie"))),4===e.readyState&&(200===e.status||1223===e.status?i.O():i.setTimeoutFn((function(){i.B("number"==typeof e.status?e.status:0)}),0))},e.send(this.k)}catch(t){return void this.setTimeoutFn((function(){i.B(t)}),0)}"undefined"!=typeof document&&(this.S=n.requestsCount++,n.requests[this.S]=this)},i.B=function(t){this.emitReserved("error",t,this.j),this.N(!0)},i.N=function(t){if(void 0!==this.j&&null!==this.j){if(this.j.onreadystatechange=J,t)try{this.j.abort()}catch(t){}"undefined"!=typeof document&&delete n.requests[this.S],this.j=null}},i.O=function(){var t=this.j.responseText;null!==t&&(this.emitReserved("data",t),this.emitReserved("success"),this.N())},i.abort=function(){this.N()},n}(I);if(Y.requestsCount=0,Y.requests={},"undefined"!=typeof document)if("function"==typeof attachEvent)attachEvent("onunload",G);else if("function"==typeof addEventListener){addEventListener("onpagehide"in L?"pagehide":"unload",G,!1)}function G(){for(var t in Y.requests)Y.requests.hasOwnProperty(t)&&Y.requests[t].abort()}var Q,W=(Q=tt({xdomain:!1}))&&null!==Q.responseType,Z=function(t){function n(n){var i;i=t.call(this,n)||this;var r=n&&n.forceBase64;return i.supportsBinary=W&&!r,i}return s(n,t),n.prototype.request=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return e(t,{xd:this.xd},this.opts),new Y(tt,this.uri(),t)},n}(K);function tt(t){var n=t.xdomain;try{if("undefined"!=typeof XMLHttpRequest&&(!n||z))return new XMLHttpRequest}catch(t){}if(!n)try{return new(L[["Active"].concat("Object").join("X")])("Microsoft.XMLHTTP")}catch(t){}}var nt="undefined"!=typeof navigator&&"string"==typeof navigator.product&&"reactnative"===navigator.product.toLowerCase(),it=function(t){function n(){return t.apply(this,arguments)||this}s(n,t);var r=n.prototype;return r.doOpen=function(){var t=this.uri(),n=this.opts.protocols,i=nt?{}:_(this.opts,"agent","perMessageDeflate","pfx","key","passphrase","cert","ca","ciphers","rejectUnauthorized","localAddress","protocolVersion","origin","maxPayload","family","checkServerIdentity");this.opts.extraHeaders&&(i.headers=this.opts.extraHeaders);try{this.ws=this.createSocket(t,n,i)}catch(t){return this.emitReserved("error",t)}this.ws.binaryType=this.socket.binaryType,this.addEventListeners()},r.addEventListeners=function(){var t=this;this.ws.onopen=function(){t.opts.autoUnref&&t.ws.C.unref(),t.onOpen()},this.ws.onclose=function(n){return t.onClose({description:"websocket connection closed",context:n})},this.ws.onmessage=function(n){return t.onData(n.data)},this.ws.onerror=function(n){return t.onError("websocket error",n)}},r.write=function(t){var n=this;this.writable=!1;for(var i=function(){var i=t[r],e=r===t.length-1;g(i,n.supportsBinary,(function(t){try{n.doWrite(i,t)}catch(t){}e&&R((function(){n.writable=!0,n.emitReserved("drain")}),n.setTimeoutFn)}))},r=0;r<t.length;r++)i()},r.doClose=function(){void 0!==this.ws&&(this.ws.onerror=function(){},this.ws.close(),this.ws=null)},r.uri=function(){var t=this.opts.secure?"wss":"ws",n=this.query||{};return this.opts.timestampRequests&&(n[this.opts.timestampParam]=F()),this.supportsBinary||(n.b64=1),this.createUri(t,n)},i(n,[{key:"name",get:function(){return"websocket"}}])}(q),rt=L.WebSocket||L.MozWebSocket,et=function(t){function n(){return t.apply(this,arguments)||this}s(n,t);var i=n.prototype;return i.createSocket=function(t,n,i){return nt?new rt(t,n,i):n?new rt(t,n):new rt(t)},i.doWrite=function(t,n){this.ws.send(n)},n}(it),ot=function(t){function n(){return t.apply(this,arguments)||this}s(n,t);var r=n.prototype;return r.doOpen=function(){var t=this;try{this.T=new WebTransport(this.createUri("https"),this.opts.transportOptions[this.name])}catch(t){return this.emitReserved("error",t)}this.T.closed.then((function(){t.onClose()})).catch((function(n){t.onError("webtransport error",n)})),this.T.ready.then((function(){t.T.createBidirectionalStream().then((function(n){var i=function(t,n){O||(O=new TextDecoder);var i=[],r=0,e=-1,o=!1;return new TransformStream({transform:function(s,u){for(i.push(s);;){if(0===r){if(M(i)<1)break;var h=x(i,1);o=!(128&~h[0]),e=127&h[0],r=e<126?3:126===e?1:2}else if(1===r){if(M(i)<2)break;var f=x(i,2);e=new DataView(f.buffer,f.byteOffset,f.length).getUint16(0),r=3}else if(2===r){if(M(i)<8)break;var c=x(i,8),a=new DataView(c.buffer,c.byteOffset,c.length),v=a.getUint32(0);if(v>Math.pow(2,21)-1){u.enqueue(d);break}e=v*Math.pow(2,32)+a.getUint32(4),r=3}else{if(M(i)<e)break;var l=x(i,e);u.enqueue(S(o?l:O.decode(l),n)),r=0}if(0===e||e>t){u.enqueue(d);break}}}})}(Number.MAX_SAFE_INTEGER,t.socket.binaryType),r=n.readable.pipeThrough(i).getReader(),e=U();e.readable.pipeTo(n.writable),t.U=e.writable.getWriter();!function n(){r.read().then((function(i){var r=i.done,e=i.value;r||(t.onPacket(e),n())})).catch((function(t){}))}();var o={type:"open"};t.query.sid&&(o.data='{"sid":"'.concat(t.query.sid,'"}')),t.U.write(o).then((function(){return t.onOpen()}))}))}))},r.write=function(t){var n=this;this.writable=!1;for(var i=function(){var i=t[r],e=r===t.length-1;n.U.write(i).then((function(){e&&R((function(){n.writable=!0,n.emitReserved("drain")}),n.setTimeoutFn)}))},r=0;r<t.length;r++)i()},r.doClose=function(){var t;null===(t=this.T)||void 0===t||t.close()},i(n,[{key:"name",get:function(){return"webtransport"}}])}(q),st={websocket:et,webtransport:ot,polling:Z},ut=/^(?:(?![^:@\/?#]+:[^:@\/]*@)(http|https|ws|wss):\/\/)?((?:(([^:@\/?#]*)(?::([^:@\/?#]*))?)?@)?((?:[a-f0-9]{0,4}:){2,7}[a-f0-9]{0,4}|[^:\/?#]*)(?::(\d*))?)(((\/(?:[^?#](?![^?#\/]*\.[^?#\/.]+(?:[?#]|$)))*\/?)?([^?#\/]*))(?:\?([^#]*))?(?:#(.*))?)/,ht=["source","protocol","authority","userInfo","user","password","host","port","relative","path","directory","file","query","anchor"];function ft(t){if(t.length>8e3)throw"URI too long";var n=t,i=t.indexOf("["),r=t.indexOf("]");-1!=i&&-1!=r&&(t=t.substring(0,i)+t.substring(i,r).replace(/:/g,";")+t.substring(r,t.length));for(var e,o,s=ut.exec(t||""),u={},h=14;h--;)u[ht[h]]=s[h]||"";return-1!=i&&-1!=r&&(u.source=n,u.host=u.host.substring(1,u.host.length-1).replace(/;/g,":"),u.authority=u.authority.replace("[","").replace("]","").replace(/;/g,":"),u.ipv6uri=!0),u.pathNames=function(t,n){var i=/\/{2,9}/g,r=n.replace(i,"/").split("/");"/"!=n.slice(0,1)&&0!==n.length||r.splice(0,1);"/"==n.slice(-1)&&r.splice(r.length-1,1);return r}(0,u.path),u.queryKey=(e=u.query,o={},e.replace(/(?:^|&)([^&=]*)=?([^&]*)/g,(function(t,n,i){n&&(o[n]=i)})),o),u}var ct="function"==typeof addEventListener&&"function"==typeof removeEventListener,at=[];ct&&addEventListener("offline",(function(){at.forEach((function(t){return t()}))}),!1);var vt=function(t){function n(n,i){var r;if((r=t.call(this)||this).binaryType="arraybuffer",r.writeBuffer=[],r.M=0,r.I=-1,r.R=-1,r.L=-1,r._=1/0,n&&"object"===c(n)&&(i=n,n=null),n){var o=ft(n);i.hostname=o.host,i.secure="https"===o.protocol||"wss"===o.protocol,i.port=o.port,o.query&&(i.query=o.query)}else i.host&&(i.hostname=ft(i.host).host);return $(r,i),r.secure=null!=i.secure?i.secure:"undefined"!=typeof location&&"https:"===location.protocol,i.hostname&&!i.port&&(i.port=r.secure?"443":"80"),r.hostname=i.hostname||("undefined"!=typeof location?location.hostname:"localhost"),r.port=i.port||("undefined"!=typeof location&&location.port?location.port:r.secure?"443":"80"),r.transports=[],r.D={},i.transports.forEach((function(t){var n=t.prototype.name;r.transports.push(n),r.D[n]=t})),r.opts=e({path:"/engine.io",agent:!1,withCredentials:!1,upgrade:!0,timestampParam:"t",rememberUpgrade:!1,addTrailingSlash:!0,rejectUnauthorized:!0,perMessageDeflate:{threshold:1024},transportOptions:{},closeOnBeforeunload:!1},i),r.opts.path=r.opts.path.replace(/\/$/,"")+(r.opts.addTrailingSlash?"/":""),"string"==typeof r.opts.query&&(r.opts.query=function(t){for(var n={},i=t.split("&"),r=0,e=i.length;r<e;r++){var o=i[r].split("=");n[decodeURIComponent(o[0])]=decodeURIComponent(o[1])}return n}(r.opts.query)),ct&&(r.opts.closeOnBeforeunload&&(r.P=function(){r.transport&&(r.transport.removeAllListeners(),r.transport.close())},addEventListener("beforeunload",r.P,!1)),"localhost"!==r.hostname&&(r.$=function(){r.F("transport close",{description:"network connection lost"})},at.push(r.$))),r.opts.withCredentials&&(r.V=void 0),r.q(),r}s(n,t);var i=n.prototype;return i.createTransport=function(t){var n=e({},this.opts.query);n.EIO=4,n.transport=t,this.id&&(n.sid=this.id);var i=e({},this.opts,{query:n,socket:this,hostname:this.hostname,secure:this.secure,port:this.port},this.opts.transportOptions[t]);return new this.D[t](i)},i.q=function(){var t=this;if(0!==this.transports.length){var i=this.opts.rememberUpgrade&&n.priorWebsocketSuccess&&-1!==this.transports.indexOf("websocket")?"websocket":this.transports[0];this.readyState="opening";var r=this.createTransport(i);r.open(),this.setTransport(r)}else this.setTimeoutFn((function(){t.emitReserved("error","No transports available")}),0)},i.setTransport=function(t){var n=this;this.transport&&this.transport.removeAllListeners(),this.transport=t,t.on("drain",this.X.bind(this)).on("packet",this.H.bind(this)).on("error",this.B.bind(this)).on("close",(function(t){return n.F("transport close",t)}))},i.onOpen=function(){this.readyState="open",n.priorWebsocketSuccess="websocket"===this.transport.name,this.emitReserved("open"),this.flush()},i.H=function(t){if("opening"===this.readyState||"open"===this.readyState||"closing"===this.readyState)switch(this.emitReserved("packet",t),this.emitReserved("heartbeat"),t.type){case"open":this.onHandshake(JSON.parse(t.data));break;case"ping":this.J("pong"),this.emitReserved("ping"),this.emitReserved("pong"),this.K();break;case"error":var n=new Error("server error");n.code=t.data,this.B(n);break;case"message":this.emitReserved("data",t.data),this.emitReserved("message",t.data)}},i.onHandshake=function(t){this.emitReserved("handshake",t),this.id=t.sid,this.transport.query.sid=t.sid,this.I=t.pingInterval,this.R=t.pingTimeout,this.L=t.maxPayload,this.onOpen(),"closed"!==this.readyState&&this.K()},i.K=function(){var t=this;this.clearTimeoutFn(this.Y);var n=this.I+this.R;this._=Date.now()+n,this.Y=this.setTimeoutFn((function(){t.F("ping timeout")}),n),this.opts.autoUnref&&this.Y.unref()},i.X=function(){this.writeBuffer.splice(0,this.M),this.M=0,0===this.writeBuffer.length?this.emitReserved("drain"):this.flush()},i.flush=function(){if("closed"!==this.readyState&&this.transport.writable&&!this.upgrading&&this.writeBuffer.length){var t=this.G();this.transport.send(t),this.M=t.length,this.emitReserved("flush")}},i.G=function(){if(!(this.L&&"polling"===this.transport.name&&this.writeBuffer.length>1))return this.writeBuffer;for(var t,n=1,i=0;i<this.writeBuffer.length;i++){var r=this.writeBuffer[i].data;if(r&&(n+="string"==typeof(t=r)?function(t){for(var n=0,i=0,r=0,e=t.length;r<e;r++)(n=t.charCodeAt(r))<128?i+=1:n<2048?i+=2:n<55296||n>=57344?i+=3:(r++,i+=4);return i}(t):Math.ceil(1.33*(t.byteLength||t.size))),i>0&&n>this.L)return this.writeBuffer.slice(0,i);n+=2}return this.writeBuffer},i.W=function(){var t=this;if(!this._)return!0;var n=Date.now()>this._;return n&&(this._=0,R((function(){t.F("ping timeout")}),this.setTimeoutFn)),n},i.write=function(t,n,i){return this.J("message",t,n,i),this},i.send=function(t,n,i){return this.J("message",t,n,i),this},i.J=function(t,n,i,r){if("function"==typeof n&&(r=n,n=void 0),"function"==typeof i&&(r=i,i=null),"closing"!==this.readyState&&"closed"!==this.readyState){(i=i||{}).compress=!1!==i.compress;var e={type:t,data:n,options:i};this.emitReserved("packetCreate",e),this.writeBuffer.push(e),r&&this.once("flush",r),this.flush()}},i.close=function(){var t=this,n=function(){t.F("forced close"),t.transport.close()},i=function i(){t.off("upgrade",i),t.off("upgradeError",i),n()},r=function(){t.once("upgrade",i),t.once("upgradeError",i)};return"opening"!==this.readyState&&"open"!==this.readyState||(this.readyState="closing",this.writeBuffer.length?this.once("drain",(function(){t.upgrading?r():n()})):this.upgrading?r():n()),this},i.B=function(t){if(n.priorWebsocketSuccess=!1,this.opts.tryAllTransports&&this.transports.length>1&&"opening"===this.readyState)return this.transports.shift(),this.q();this.emitReserved("error",t),this.F("transport error",t)},i.F=function(t,n){if("opening"===this.readyState||"open"===this.readyState||"closing"===this.readyState){if(this.clearTimeoutFn(this.Y),this.transport.removeAllListeners("close"),this.transport.close(),this.transport.removeAllListeners(),ct&&(this.P&&removeEventListener("beforeunload",this.P,!1),this.$)){var i=at.indexOf(this.$);-1!==i&&at.splice(i,1)}this.readyState="closed",this.id=null,this.emitReserved("close",t,n),this.writeBuffer=[],this.M=0}},n}(I);vt.protocol=4;var lt=function(t){function n(){var n;return(n=t.apply(this,arguments)||this).Z=[],n}s(n,t);var i=n.prototype;return i.onOpen=function(){if(t.prototype.onOpen.call(this),"open"===this.readyState&&this.opts.upgrade)for(var n=0;n<this.Z.length;n++)this.tt(this.Z[n])},i.tt=function(t){var n=this,i=this.createTransport(t),r=!1;vt.priorWebsocketSuccess=!1;var e=function(){r||(i.send([{type:"ping",data:"probe"}]),i.once("packet",(function(t){if(!r)if("pong"===t.type&&"probe"===t.data){if(n.upgrading=!0,n.emitReserved("upgrading",i),!i)return;vt.priorWebsocketSuccess="websocket"===i.name,n.transport.pause((function(){r||"closed"!==n.readyState&&(c(),n.setTransport(i),i.send([{type:"upgrade"}]),n.emitReserved("upgrade",i),i=null,n.upgrading=!1,n.flush())}))}else{var e=new Error("probe error");e.transport=i.name,n.emitReserved("upgradeError",e)}})))};function o(){r||(r=!0,c(),i.close(),i=null)}var s=function(t){var r=new Error("probe error: "+t);r.transport=i.name,o(),n.emitReserved("upgradeError",r)};function u(){s("transport closed")}function h(){s("socket closed")}function f(t){i&&t.name!==i.name&&o()}var c=function(){i.removeListener("open",e),i.removeListener("error",s),i.removeListener("close",u),n.off("close",h),n.off("upgrading",f)};i.once("open",e),i.once("error",s),i.once("close",u),this.once("close",h),this.once("upgrading",f),-1!==this.Z.indexOf("webtransport")&&"webtransport"!==t?this.setTimeoutFn((function(){r||i.open()}),200):i.open()},i.onHandshake=function(n){this.Z=this.nt(n.upgrades),t.prototype.onHandshake.call(this,n)},i.nt=function(t){for(var n=[],i=0;i<t.length;i++)~this.transports.indexOf(t[i])&&n.push(t[i]);return n},n}(vt),pt=function(t){function n(n){var i=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r="object"===c(n)?n:i;return(!r.transports||r.transports&&"string"==typeof r.transports[0])&&(r.transports=(r.transports||["polling","websocket","webtransport"]).map((function(t){return st[t]})).filter((function(t){return!!t}))),t.call(this,n,r)||this}return s(n,t),n}(lt);pt.protocol;var dt="function"==typeof ArrayBuffer,yt=function(t){return"function"==typeof ArrayBuffer.isView?ArrayBuffer.isView(t):t.buffer instanceof ArrayBuffer},bt=Object.prototype.toString,wt="function"==typeof Blob||"undefined"!=typeof Blob&&"[object BlobConstructor]"===bt.call(Blob),gt="function"==typeof File||"undefined"!=typeof File&&"[object FileConstructor]"===bt.call(File);function mt(t){return dt&&(t instanceof ArrayBuffer||yt(t))||wt&&t instanceof Blob||gt&&t instanceof File}function kt(t,n){if(!t||"object"!==c(t))return!1;if(Array.isArray(t)){for(var i=0,r=t.length;i<r;i++)if(kt(t[i]))return!0;return!1}if(mt(t))return!0;if(t.toJSON&&"function"==typeof t.toJSON&&1===arguments.length)return kt(t.toJSON(),!0);for(var e in t)if(Object.prototype.hasOwnProperty.call(t,e)&&kt(t[e]))return!0;return!1}function At(t){var n=[],i=t.data,r=t;return r.data=jt(i,n),r.attachments=n.length,{packet:r,buffers:n}}function jt(t,n){if(!t)return t;if(mt(t)){var i={_placeholder:!0,num:n.length};return n.push(t),i}if(Array.isArray(t)){for(var r=new Array(t.length),e=0;e<t.length;e++)r[e]=jt(t[e],n);return r}if("object"===c(t)&&!(t instanceof Date)){var o={};for(var s in t)Object.prototype.hasOwnProperty.call(t,s)&&(o[s]=jt(t[s],n));return o}return t}function Et(t,n){return t.data=Ot(t.data,n),delete t.attachments,t}function Ot(t,n){if(!t)return t;if(t&&!0===t._placeholder){if("number"==typeof t.num&&t.num>=0&&t.num<n.length)return n[t.num];throw new Error("illegal attachments")}if(Array.isArray(t))for(var i=0;i<t.length;i++)t[i]=Ot(t[i],n);else if("object"===c(t))for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(t[r]=Ot(t[r],n));return t}var Bt,St=["connect","connect_error","disconnect","disconnecting","newListener","removeListener"];!function(t){t[t.CONNECT=0]="CONNECT",t[t.DISCONNECT=1]="DISCONNECT",t[t.EVENT=2]="EVENT",t[t.ACK=3]="ACK",t[t.CONNECT_ERROR=4]="CONNECT_ERROR",t[t.BINARY_EVENT=5]="BINARY_EVENT",t[t.BINARY_ACK=6]="BINARY_ACK"}(Bt||(Bt={}));var Nt=function(){function t(t){this.replacer=t}var n=t.prototype;return n.encode=function(t){return t.type!==Bt.EVENT&&t.type!==Bt.ACK||!kt(t)?[this.encodeAsString(t)]:this.encodeAsBinary({type:t.type===Bt.EVENT?Bt.BINARY_EVENT:Bt.BINARY_ACK,nsp:t.nsp,data:t.data,id:t.id})},n.encodeAsString=function(t){var n=""+t.type;return t.type!==Bt.BINARY_EVENT&&t.type!==Bt.BINARY_ACK||(n+=t.attachments+"-"),t.nsp&&"/"!==t.nsp&&(n+=t.nsp+","),null!=t.id&&(n+=t.id),null!=t.data&&(n+=JSON.stringify(t.data,this.replacer)),n},n.encodeAsBinary=function(t){var n=At(t),i=this.encodeAsString(n.packet),r=n.buffers;return r.unshift(i),r},t}(),Ct=function(t){function n(n){var i;return(i=t.call(this)||this).reviver=n,i}s(n,t);var i=n.prototype;return i.add=function(n){var i;if("string"==typeof n){if(this.reconstructor)throw new Error("got plaintext data when reconstructing a packet");var r=(i=this.decodeString(n)).type===Bt.BINARY_EVENT;r||i.type===Bt.BINARY_ACK?(i.type=r?Bt.EVENT:Bt.ACK,this.reconstructor=new Tt(i),0===i.attachments&&t.prototype.emitReserved.call(this,"decoded",i)):t.prototype.emitReserved.call(this,"decoded",i)}else{if(!mt(n)&&!n.base64)throw new Error("Unknown type: "+n);if(!this.reconstructor)throw new Error("got binary data when not reconstructing a packet");(i=this.reconstructor.takeBinaryData(n))&&(this.reconstructor=null,t.prototype.emitReserved.call(this,"decoded",i))}},i.decodeString=function(t){var i=0,r={type:Number(t.charAt(0))};if(void 0===Bt[r.type])throw new Error("unknown packet type "+r.type);if(r.type===Bt.BINARY_EVENT||r.type===Bt.BINARY_ACK){for(var e=i+1;"-"!==t.charAt(++i)&&i!=t.length;);var o=t.substring(e,i);if(o!=Number(o)||"-"!==t.charAt(i))throw new Error("Illegal attachments");r.attachments=Number(o)}if("/"===t.charAt(i+1)){for(var s=i+1;++i;){if(","===t.charAt(i))break;if(i===t.length)break}r.nsp=t.substring(s,i)}else r.nsp="/";var u=t.charAt(i+1);if(""!==u&&Number(u)==u){for(var h=i+1;++i;){var f=t.charAt(i);if(null==f||Number(f)!=f){--i;break}if(i===t.length)break}r.id=Number(t.substring(h,i+1))}if(t.charAt(++i)){var c=this.tryParse(t.substr(i));if(!n.isPayloadValid(r.type,c))throw new Error("invalid payload");r.data=c}return r},i.tryParse=function(t){try{return JSON.parse(t,this.reviver)}catch(t){return!1}},n.isPayloadValid=function(t,n){switch(t){case Bt.CONNECT:return Mt(n);case Bt.DISCONNECT:return void 0===n;case Bt.CONNECT_ERROR:return"string"==typeof n||Mt(n);case Bt.EVENT:case Bt.BINARY_EVENT:return Array.isArray(n)&&("number"==typeof n[0]||"string"==typeof n[0]&&-1===St.indexOf(n[0]));case Bt.ACK:case Bt.BINARY_ACK:return Array.isArray(n)}},i.destroy=function(){this.reconstructor&&(this.reconstructor.finishedReconstruction(),this.reconstructor=null)},n}(I),Tt=function(){function t(t){this.packet=t,this.buffers=[],this.reconPack=t}var n=t.prototype;return n.takeBinaryData=function(t){if(this.buffers.push(t),this.buffers.length===this.reconPack.attachments){var n=Et(this.reconPack,this.buffers);return this.finishedReconstruction(),n}return null},n.finishedReconstruction=function(){this.reconPack=null,this.buffers=[]},t}();var Ut=Number.isInteger||function(t){return"number"==typeof t&&isFinite(t)&&Math.floor(t)===t};function Mt(t){return"[object Object]"===Object.prototype.toString.call(t)}var xt=Object.freeze({__proto__:null,protocol:5,get PacketType(){return Bt},Encoder:Nt,Decoder:Ct,isPacketValid:function(t){return"string"==typeof t.nsp&&(void 0===(n=t.id)||Ut(n))&&function(t,n){switch(t){case Bt.CONNECT:return void 0===n||Mt(n);case Bt.DISCONNECT:return void 0===n;case Bt.EVENT:return Array.isArray(n)&&("number"==typeof n[0]||"string"==typeof n[0]&&-1===St.indexOf(n[0]));case Bt.ACK:return Array.isArray(n);case Bt.CONNECT_ERROR:return"string"==typeof n||Mt(n);default:return!1}}(t.type,t.data);var n}});function It(t,n,i){return t.on(n,i),function(){t.off(n,i)}}var Rt=Object.freeze({connect:1,connect_error:1,disconnect:1,disconnecting:1,newListener:1,removeListener:1}),Lt=function(t){function n(n,i,r){var o;return(o=t.call(this)||this).connected=!1,o.recovered=!1,o.receiveBuffer=[],o.sendBuffer=[],o.it=[],o.rt=0,o.ids=0,o.acks={},o.flags={},o.io=n,o.nsp=i,r&&r.auth&&(o.auth=r.auth),o.l=e({},r),o.io.et&&o.open(),o}s(n,t);var o=n.prototype;return o.subEvents=function(){if(!this.subs){var t=this.io;this.subs=[It(t,"open",this.onopen.bind(this)),It(t,"packet",this.onpacket.bind(this)),It(t,"error",this.onerror.bind(this)),It(t,"close",this.onclose.bind(this))]}},o.connect=function(){return this.connected||(this.subEvents(),this.io.ot||this.io.open(),"open"===this.io.st&&this.onopen()),this},o.open=function(){return this.connect()},o.send=function(){for(var t=arguments.length,n=new Array(t),i=0;i<t;i++)n[i]=arguments[i];return n.unshift("message"),this.emit.apply(this,n),this},o.emit=function(t){var n,i,r;if(Rt.hasOwnProperty(t))throw new Error('"'+t.toString()+'" is a reserved event name');for(var e=arguments.length,o=new Array(e>1?e-1:0),s=1;s<e;s++)o[s-1]=arguments[s];if(o.unshift(t),this.l.retries&&!this.flags.fromQueue&&!this.flags.volatile)return this.ut(o),this;var u={type:Bt.EVENT,data:o,options:{}};if(u.options.compress=!1!==this.flags.compress,"function"==typeof o[o.length-1]){var h=this.ids++,f=o.pop();this.ht(h,f),u.id=h}var c=null===(i=null===(n=this.io.engine)||void 0===n?void 0:n.transport)||void 0===i?void 0:i.writable,a=this.connected&&!(null===(r=this.io.engine)||void 0===r?void 0:r.W());return this.flags.volatile&&!c||(a?(this.notifyOutgoingListeners(u),this.packet(u)):this.sendBuffer.push(u)),this.flags={},this},o.ht=function(t,n){var i,r=this,e=null!==(i=this.flags.timeout)&&void 0!==i?i:this.l.ackTimeout;if(void 0!==e){var o=this.io.setTimeoutFn((function(){delete r.acks[t];for(var i=0;i<r.sendBuffer.length;i++)r.sendBuffer[i].id===t&&r.sendBuffer.splice(i,1);n.call(r,new Error("operation has timed out"))}),e),s=function(){r.io.clearTimeoutFn(o);for(var t=arguments.length,i=new Array(t),e=0;e<t;e++)i[e]=arguments[e];n.apply(r,i)};s.withError=!0,this.acks[t]=s}else this.acks[t]=n},o.emitWithAck=function(t){for(var n=this,i=arguments.length,r=new Array(i>1?i-1:0),e=1;e<i;e++)r[e-1]=arguments[e];return new Promise((function(i,e){var o=function(t,n){return t?e(t):i(n)};o.withError=!0,r.push(o),n.emit.apply(n,[t].concat(r))}))},o.ut=function(t){var n,i=this;"function"==typeof t[t.length-1]&&(n=t.pop());var r={id:this.rt++,tryCount:0,pending:!1,args:t,flags:e({fromQueue:!0},this.flags)};t.push((function(t){if(r===i.it[0]){if(null!==t)r.tryCount>i.l.retries&&(i.it.shift(),n&&n(t));else if(i.it.shift(),n){for(var e=arguments.length,o=new Array(e>1?e-1:0),s=1;s<e;s++)o[s-1]=arguments[s];n.apply(void 0,[null].concat(o))}return r.pending=!1,i.ft()}})),this.it.push(r),this.ft()},o.ft=function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];if(this.connected&&0!==this.it.length){var n=this.it[0];n.pending&&!t||(n.pending=!0,n.tryCount++,this.flags=n.flags,this.emit.apply(this,n.args))}},o.packet=function(t){t.nsp=this.nsp,this.io.ct(t)},o.onopen=function(){var t=this;"function"==typeof this.auth?this.auth((function(n){t.vt(n)})):this.vt(this.auth)},o.vt=function(t){this.packet({type:Bt.CONNECT,data:this.lt?e({pid:this.lt,offset:this.dt},t):t})},o.onerror=function(t){this.connected||this.emitReserved("connect_error",t)},o.onclose=function(t,n){this.connected=!1,delete this.id,this.emitReserved("disconnect",t,n),this.yt()},o.yt=function(){var t=this;Object.keys(this.acks).forEach((function(n){if(!t.sendBuffer.some((function(t){return String(t.id)===n}))){var i=t.acks[n];delete t.acks[n],i.withError&&i.call(t,new Error("socket has been disconnected"))}}))},o.onpacket=function(t){if(t.nsp===this.nsp)switch(t.type){case Bt.CONNECT:t.data&&t.data.sid?this.onconnect(t.data.sid,t.data.pid):this.emitReserved("connect_error",new Error("It seems you are trying to reach a Socket.IO server in v2.x with a v3.x client, but they are not compatible (more information here: https://socket.io/docs/v3/migrating-from-2-x-to-3-0/)"));break;case Bt.EVENT:case Bt.BINARY_EVENT:this.onevent(t);break;case Bt.ACK:case Bt.BINARY_ACK:this.onack(t);break;case Bt.DISCONNECT:this.ondisconnect();break;case Bt.CONNECT_ERROR:this.destroy();var n=new Error(t.data.message);n.data=t.data.data,this.emitReserved("connect_error",n)}},o.onevent=function(t){var n=t.data||[];null!=t.id&&n.push(this.ack(t.id)),this.connected?this.emitEvent(n):this.receiveBuffer.push(Object.freeze(n))},o.emitEvent=function(n){if(this.bt&&this.bt.length){var i,e=r(this.bt.slice());try{for(e.s();!(i=e.n()).done;){i.value.apply(this,n)}}catch(t){e.e(t)}finally{e.f()}}t.prototype.emit.apply(this,n),this.lt&&n.length&&"string"==typeof n[n.length-1]&&(this.dt=n[n.length-1])},o.ack=function(t){var n=this,i=!1;return function(){if(!i){i=!0;for(var r=arguments.length,e=new Array(r),o=0;o<r;o++)e[o]=arguments[o];n.packet({type:Bt.ACK,id:t,data:e})}}},o.onack=function(t){var n=this.acks[t.id];"function"==typeof n&&(delete this.acks[t.id],n.withError&&t.data.unshift(null),n.apply(this,t.data))},o.onconnect=function(t,n){this.id=t,this.recovered=n&&this.lt===n,this.lt=n,this.connected=!0,this.emitBuffered(),this.emitReserved("connect"),this.ft(!0)},o.emitBuffered=function(){var t=this;this.receiveBuffer.forEach((function(n){return t.emitEvent(n)})),this.receiveBuffer=[],this.sendBuffer.forEach((function(n){t.notifyOutgoingListeners(n),t.packet(n)})),this.sendBuffer=[]},o.ondisconnect=function(){this.destroy(),this.onclose("io server disconnect")},o.destroy=function(){this.subs&&(this.subs.forEach((function(t){return t()})),this.subs=void 0),this.io.wt(this)},o.disconnect=function(){return this.connected&&this.packet({type:Bt.DISCONNECT}),this.destroy(),this.connected&&this.onclose("io client disconnect"),this},o.close=function(){return this.disconnect()},o.compress=function(t){return this.flags.compress=t,this},o.timeout=function(t){return this.flags.timeout=t,this},o.onAny=function(t){return this.bt=this.bt||[],this.bt.push(t),this},o.prependAny=function(t){return this.bt=this.bt||[],this.bt.unshift(t),this},o.offAny=function(t){if(!this.bt)return this;if(t){for(var n=this.bt,i=0;i<n.length;i++)if(t===n[i])return n.splice(i,1),this}else this.bt=[];return this},o.listenersAny=function(){return this.bt||[]},o.onAnyOutgoing=function(t){return this.gt=this.gt||[],this.gt.push(t),this},o.prependAnyOutgoing=function(t){return this.gt=this.gt||[],this.gt.unshift(t),this},o.offAnyOutgoing=function(t){if(!this.gt)return this;if(t){for(var n=this.gt,i=0;i<n.length;i++)if(t===n[i])return n.splice(i,1),this}else this.gt=[];return this},o.listenersAnyOutgoing=function(){return this.gt||[]},o.notifyOutgoingListeners=function(t){if(this.gt&&this.gt.length){var n,i=r(this.gt.slice());try{for(i.s();!(n=i.n()).done;){n.value.apply(this,t.data)}}catch(t){i.e(t)}finally{i.f()}}},i(n,[{key:"disconnected",get:function(){return!this.connected}},{key:"active",get:function(){return!!this.subs}},{key:"volatile",get:function(){return this.flags.volatile=!0,this}}])}(I);function _t(t){t=t||{},this.ms=t.min||100,this.max=t.max||1e4,this.factor=t.factor||2,this.jitter=t.jitter>0&&t.jitter<=1?t.jitter:0,this.attempts=0}_t.prototype.duration=function(){var t=this.ms*Math.pow(this.factor,this.attempts++);if(this.jitter){var n=Math.random(),i=Math.floor(n*this.jitter*t);t=1&Math.floor(10*n)?t+i:t-i}return 0|Math.min(t,this.max)},_t.prototype.reset=function(){this.attempts=0},_t.prototype.setMin=function(t){this.ms=t},_t.prototype.setMax=function(t){this.max=t},_t.prototype.setJitter=function(t){this.jitter=t};var Dt=function(t){function n(n,i){var r,e;(r=t.call(this)||this).nsps={},r.subs=[],n&&"object"===c(n)&&(i=n,n=void 0),(i=i||{}).path=i.path||"/socket.io",r.opts=i,$(r,i),r.reconnection(!1!==i.reconnection),r.reconnectionAttempts(i.reconnectionAttempts||1/0),r.reconnectionDelay(i.reconnectionDelay||1e3),r.reconnectionDelayMax(i.reconnectionDelayMax||5e3),r.randomizationFactor(null!==(e=i.randomizationFactor)&&void 0!==e?e:.5),r.backoff=new _t({min:r.reconnectionDelay(),max:r.reconnectionDelayMax(),jitter:r.randomizationFactor()}),r.timeout(null==i.timeout?2e4:i.timeout),r.st="closed",r.uri=n;var o=i.parser||xt;return r.encoder=new o.Encoder,r.decoder=new o.Decoder,r.et=!1!==i.autoConnect,r.et&&r.open(),r}s(n,t);var i=n.prototype;return i.reconnection=function(t){return arguments.length?(this.kt=!!t,t||(this.skipReconnect=!0),this):this.kt},i.reconnectionAttempts=function(t){return void 0===t?this.At:(this.At=t,this)},i.reconnectionDelay=function(t){var n;return void 0===t?this.jt:(this.jt=t,null===(n=this.backoff)||void 0===n||n.setMin(t),this)},i.randomizationFactor=function(t){var n;return void 0===t?this.Et:(this.Et=t,null===(n=this.backoff)||void 0===n||n.setJitter(t),this)},i.reconnectionDelayMax=function(t){var n;return void 0===t?this.Ot:(this.Ot=t,null===(n=this.backoff)||void 0===n||n.setMax(t),this)},i.timeout=function(t){return arguments.length?(this.Bt=t,this):this.Bt},i.maybeReconnectOnOpen=function(){!this.ot&&this.kt&&0===this.backoff.attempts&&this.reconnect()},i.open=function(t){var n=this;if(~this.st.indexOf("open"))return this;this.engine=new pt(this.uri,this.opts);var i=this.engine,r=this;this.st="opening",this.skipReconnect=!1;var e=It(i,"open",(function(){r.onopen(),t&&t()})),o=function(i){n.cleanup(),n.st="closed",n.emitReserved("error",i),t?t(i):n.maybeReconnectOnOpen()},s=It(i,"error",o);if(!1!==this.Bt){var u=this.Bt,h=this.setTimeoutFn((function(){e(),o(new Error("timeout")),i.close()}),u);this.opts.autoUnref&&h.unref(),this.subs.push((function(){n.clearTimeoutFn(h)}))}return this.subs.push(e),this.subs.push(s),this},i.connect=function(t){return this.open(t)},i.onopen=function(){this.cleanup(),this.st="open",this.emitReserved("open");var t=this.engine;this.subs.push(It(t,"ping",this.onping.bind(this)),It(t,"data",this.ondata.bind(this)),It(t,"error",this.onerror.bind(this)),It(t,"close",this.onclose.bind(this)),It(this.decoder,"decoded",this.ondecoded.bind(this)))},i.onping=function(){this.emitReserved("ping")},i.ondata=function(t){try{this.decoder.add(t)}catch(t){this.onclose("parse error",t)}},i.ondecoded=function(t){var n=this;R((function(){n.emitReserved("packet",t)}),this.setTimeoutFn)},i.onerror=function(t){this.emitReserved("error",t)},i.socket=function(t,n){var i=this.nsps[t];return i?this.et&&!i.active&&i.connect():(i=new Lt(this,t,n),this.nsps[t]=i),i},i.wt=function(t){for(var n=0,i=Object.keys(this.nsps);n<i.length;n++){var r=i[n];if(this.nsps[r].active)return}this.St()},i.ct=function(t){for(var n=this.encoder.encode(t),i=0;i<n.length;i++)this.engine.write(n[i],t.options)},i.cleanup=function(){this.subs.forEach((function(t){return t()})),this.subs.length=0,this.decoder.destroy()},i.St=function(){this.skipReconnect=!0,this.ot=!1,this.onclose("forced close")},i.disconnect=function(){return this.St()},i.onclose=function(t,n){var i;this.cleanup(),null===(i=this.engine)||void 0===i||i.close(),this.backoff.reset(),this.st="closed",this.emitReserved("close",t,n),this.kt&&!this.skipReconnect&&this.reconnect()},i.reconnect=function(){var t=this;if(this.ot||this.skipReconnect)return this;var n=this;if(this.backoff.attempts>=this.At)this.backoff.reset(),this.emitReserved("reconnect_failed"),this.ot=!1;else{var i=this.backoff.duration();this.ot=!0;var r=this.setTimeoutFn((function(){n.skipReconnect||(t.emitReserved("reconnect_attempt",n.backoff.attempts),n.skipReconnect||n.open((function(i){i?(n.ot=!1,n.reconnect(),t.emitReserved("reconnect_error",i)):n.onreconnect()})))}),i);this.opts.autoUnref&&r.unref(),this.subs.push((function(){t.clearTimeoutFn(r)}))}},i.onreconnect=function(){var t=this.backoff.attempts;this.ot=!1,this.backoff.reset(),this.emitReserved("reconnect",t)},n}(I),Pt={};function $t(t,n){"object"===c(t)&&(n=t,t=void 0);var i,r=function(t){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",i=arguments.length>2?arguments[2]:void 0,r=t;i=i||"undefined"!=typeof location&&location,null==t&&(t=i.protocol+"//"+i.host),"string"==typeof t&&("/"===t.charAt(0)&&(t="/"===t.charAt(1)?i.protocol+t:i.host+t),/^(https?|wss?):\/\//.test(t)||(t=void 0!==i?i.protocol+"//"+t:"https://"+t),r=ft(t)),r.port||(/^(http|ws)$/.test(r.protocol)?r.port="80":/^(http|ws)s$/.test(r.protocol)&&(r.port="443")),r.path=r.path||"/";var e=-1!==r.host.indexOf(":")?"["+r.host+"]":r.host;return r.id=r.protocol+"://"+e+":"+r.port+n,r.href=r.protocol+"://"+e+(i&&i.port===r.port?"":":"+r.port),r}(t,(n=n||{}).path||"/socket.io"),e=r.source,o=r.id,s=r.path,u=Pt[o]&&s in Pt[o].nsps;return n.forceNew||n["force new connection"]||!1===n.multiplex||u?i=new Dt(e,n):(Pt[o]||(Pt[o]=new Dt(e,n)),i=Pt[o]),r.query&&!n.query&&(n.query=r.queryKey),i.socket(r.path,n)}return e($t,{Manager:Dt,Socket:Lt,io:$t,connect:$t}),$t}));
 //# sourceMappingURL=socket.io.min.js.map
diff --git a/data/src/storage.js b/data/src/storage.js
index d7da6885..7b60c909 100644
--- a/data/src/storage.js
+++ b/data/src/storage.js
@@ -34,7 +34,7 @@ class EJS_STORAGE {
             };
             openRequest.onupgradeneeded = () => {
                 let db = openRequest.result;
-                if (! db.objectStoreNames.contains(this.storeName)) {
+                if (!db.objectStoreNames.contains(this.storeName)) {
                     db.createObjectStore(this.storeName);
                 };
             };
@@ -58,7 +58,7 @@ class EJS_STORAGE {
             };
             openRequest.onupgradeneeded = () => {
                 let db = openRequest.result;
-                if (! db.objectStoreNames.contains(this.storeName)) {
+                if (!db.objectStoreNames.contains(this.storeName)) {
                     db.createObjectStore(this.storeName);
                 };
             };
@@ -80,7 +80,7 @@ class EJS_STORAGE {
             };
             openRequest.onupgradeneeded = () => {
                 let db = openRequest.result;
-                if (! db.objectStoreNames.contains(this.storeName)) {
+                if (!db.objectStoreNames.contains(this.storeName)) {
                     db.createObjectStore(this.storeName);
                 };
             };
@@ -92,7 +92,7 @@ class EJS_STORAGE {
             const keys = await this.get("?EJS_KEYS!");
             if (!keys) return resolve({});
             let rv = {};
-            for (let i=0; i<keys.length; i++) {
+            for (let i = 0; i < keys.length; i++) {
                 const result = await this.get(keys[i]);
                 if (!result || !result.data || typeof result.data.byteLength !== "number") continue;
                 rv[keys[i]] = result.data.byteLength;
diff --git a/data/version.json b/data/version.json
index b4867f83..db3336d5 100644
--- a/data/version.json
+++ b/data/version.json
@@ -1 +1,5 @@
-{ "read_me": "CURRENT_VERSION IS NO LONGER UPDATED. USE VERION", "current_version": 999999, "version": "4.1.1" }
+{
+    "read_me": "CURRENT_VERSION IS NO LONGER UPDATED. USE VERSION",
+    "current_version": 999999,
+    "version": "4.2.3"
+}
diff --git a/docs/Logo.svg b/docs/Logo.svg
index 41ebbc7b..8eef0bf1 100644
--- a/docs/Logo.svg
+++ b/docs/Logo.svg
@@ -4484,4 +4484,4 @@ M 453.00 474.00
 C 452.61 472.13 453.87 469.14 452.00 468.00
 C 452.39 469.87 451.13 472.86 453.00 474.00 Z"/>
 </g>
-</svg>
\ No newline at end of file
+</svg>
diff --git a/docs/contributors.json b/docs/contributors.json
new file mode 100644
index 00000000..d1eebe70
--- /dev/null
+++ b/docs/contributors.json
@@ -0,0 +1,46 @@
+{
+    "ignore": [
+        "ethanaobrien",
+        "allancoding",
+        "michael-j-green",
+        "ElectronicsArchiver"
+    ],
+    "missing": [
+        {
+            "login": "jurcaalexandrucristian",
+            "contributions": 1,
+            "avatar_url": "https://avatars.githubusercontent.com/u/74395896?v=4",
+            "html_url": "https://github.com/jurcaalexandrucristian"
+        },
+        {
+            "login": "Grey41",
+            "contributions": 2,
+            "avatar_url": "https://avatars.githubusercontent.com/u/85015029?v=4",
+            "html_url": "https://github.com/Grey41"
+        },
+        {
+            "login": "eric183",
+            "contributions": 1,
+            "avatar_url": "https://avatars.githubusercontent.com/u/10773980?v=4",
+            "html_url": "https://github.com/eric183"
+        },
+        {
+            "login": "Protektor-Desura",
+            "contributions": 1,
+            "avatar_url": "https://avatars.githubusercontent.com/u/1195496?v=4",
+            "html_url": "https://github.com/Protektor-Desura"
+        },
+        {
+            "login": "cheesykyle",
+            "contributions": 1,
+            "avatar_url": "https://avatars.githubusercontent.com/u/17484761?v=4",
+            "html_url": "https://github.com/cheesykyle"
+        },
+        {
+            "login": "imneckro",
+            "contributions": 1,
+            "avatar_url": "https://avatars.githubusercontent.com/u/42493772?v=4",
+            "html_url": "https://github.com/imneckro"
+        }
+    ]
+}
diff --git a/docs/Contributors.md b/docs/contributors.md
similarity index 55%
rename from docs/Contributors.md
rename to docs/contributors.md
index 40c18634..d12e7243 100644
--- a/docs/Contributors.md
+++ b/docs/contributors.md
@@ -27,7 +27,7 @@
 
 <a href="https://github.com/allancoding" target="_blank">**![Badge Allan GitHub]**</a>
 
-<a href="https://allancoding.is-a.dev/" target="_blank">**![Badge Allan Website]**</a>
+<a href="https://allancoding.dev/" target="_blank">**![Badge Allan Website]**</a>
 
 <br>
 <br>
@@ -68,69 +68,36 @@
 <br>
 <br>
 
-<a href="https://github.com/n-at" target="_blank" title="n-at - Alexey Nurgaliev">![Avatar Alexey]</a>&nbsp;
-<a href="https://github.com/angelmarfil" target="_blank" title="angelmarfil - Angel Marfil">![Avatar angelmarfil]</a>&nbsp;
-<a href="https://github.com/incredibleIdea" target="_blank" title="incredibleIdea">![Avatar incredibleIdea]</a>&nbsp;
-<a href="https://github.com/pastisme" target="_blank" title="pastisme">![Avatar pastisme]</a>&nbsp;
-<a href="https://github.com/gantoine" target="_blank" title="gantoine - Georges-Antoine Assi">![Avatar gantoine]</a>&nbsp;
-<a href="https://github.com/E-Sh4rk" target="_blank" title="E-Sh4rk - Mickaël Laurent" width="95px"><img src="https://github.com/E-Sh4rk.png?size=95" width="95px"></a>&nbsp;
-<a href="https://github.com/Grey41" target="_blank" title="Grey41 - Grey Hope">![Avatar Grey]</a>&nbsp;
-<a href="https://github.com/oyepriyansh" target="_blank" title="oyepriyansh - Priyansh Prajapat">![Avatar Priyansh]</a>&nbsp;
-<a href="https://github.com/andrigamerita" target="_blank" title="andrigamerita">![Avatar andrigamerita]</a>&nbsp;
-<a href="https://github.com/debuggerx01" target="_blank" title="debuggerx01">![Avatar debuggerx01]</a>&nbsp;
-<a href="https://github.com/MattiaPell" target="_blank" title="MattiaPell">![Avatar MattiaPell]</a>&nbsp;
-<a href="https://github.com/TimKieu" target="_blank" title="TimKieu"><img src="https://github.com/TimKieu.png?size=95" width="95px"></a>&nbsp;
-<a href="https://github.com/jonas0b1011001" target="_blank" title="jonas0b1011001">![Avatar jonas0b1011001]</a>&nbsp;
-<a href="https://github.com/IvanMazzoli" target="_blank" title="IvanMazzoli">![Avatar IvanMazzoli]</a>&nbsp;
-<a href="https://github.com/iGoodie" target="_blank" title="iGoodie - Anılcan Metinyurt">![Avatar iGoodie]</a>&nbsp;
-<a href="https://github.com/eric183" target="_blank" title="eric183 - ericKuang">![Avatar ericKuang]</a>&nbsp;
-<a href="https://github.com/ZhaoTonggang" target="_blank" title="ZhaoTonggang - 赵彤刚">![Avatar ZhaoTonggang]</a>&nbsp;
-<a href="https://github.com/Protektor-Desura" target="_blank" title="Protektor-Desura - Protektor">![Avatar Protektor]</a>&nbsp;
-<a href="https://github.com/cheesykyle" target="_blank" title="CheesyKyle - Kyle Steffel">![Avatar Kyle]</a>&nbsp;
-<a href="https://github.com/imneckro" target="_blank" title="ImNekro - ck-oneman">![Avatar Nekro]</a>&nbsp;
-</div>
-
-
-<!------------------------------------------------------------------------------>
-
-[Avatar Nekro]: https://github.com/imneckro.png?size=95
-
-[Avatar Grey]: https://github.com/Grey41.png?size=95
-
-[Avatar Kyle]: https://github.com/cheesykyle.png?size=95
-
-[Avatar Protektor]: https://github.com/Protektor-Desura.png?size=95
-
-[Avatar ericKuang]: https://github.com/eric183.png?size=95
-
-[Avatar incredibleIdea]: https://github.com/incredibleIdea.png?size=95
-
-[Avatar Alexey]: https://github.com/n-at.png?size=95
-
-[Avatar Mickaël]: https://github.com/E-Sh4rk.png?size=95 
-
-[Avatar andrigamerita]: https://github.com/andrigamerita.png?size=95
-
-[Avatar Priyansh]: https://github.com/oyepriyansh.png?size=95
-
-[Avatar debuggerx01]: https://github.com/debuggerx01.png?size=95
-
-[Avatar gantoine]: https://github.com/gantoine.png?size=95
-
-[Avatar angelmarfil]: https://github.com/angelmarfil.png?size=95
-
-[Avatar MattiaPell]: https://github.com/MattiaPell.png?size=95
-
-[Avatar jonas0b1011001]: https://github.com/jonas0b1011001.png?size=95
-
-[Avatar IvanMazzoli]: https://github.com/IvanMazzoli.png?size=95
-
-[Avatar iGoodie]: https://github.com/iGoodie.png?size=95
-
-[Avatar ZhaoTonggang]: https://github.com/ZhaoTonggang.png?size=95
-
-[Avatar pastisme]: https://github.com/pastisme.png?size=95
-
+<!-- Others -->
+<a href="https://github.com/n-at" target="_blank" title="n-at - Contributions: 40" alt="n-at"><img src="https://avatars.githubusercontent.com/u/2185280?v=4&size=95" width="95px"></a>&nbsp;
+<a href="https://github.com/gantoine" target="_blank" title="gantoine - Contributions: 4" alt="gantoine"><img src="https://avatars.githubusercontent.com/u/3247106?v=4&size=95" width="95px"></a>&nbsp;
+<a href="https://github.com/incredibleIdea" target="_blank" title="incredibleIdea - Contributions: 4" alt="incredibleIdea"><img src="https://avatars.githubusercontent.com/u/23035551?v=4&size=95" width="95px"></a>&nbsp;
+<a href="https://github.com/angelmarfil" target="_blank" title="angelmarfil - Contributions: 3" alt="angelmarfil"><img src="https://avatars.githubusercontent.com/u/59626670?v=4&size=95" width="95px"></a>&nbsp;
+<a href="https://github.com/t3chnob0y" target="_blank" title="t3chnob0y - Contributions: 3" alt="t3chnob0y"><img src="https://avatars.githubusercontent.com/u/18381004?v=4&size=95" width="95px"></a>&nbsp;
+<a href="https://github.com/pastisme" target="_blank" title="pastisme - Contributions: 2" alt="pastisme"><img src="https://avatars.githubusercontent.com/u/166672781?v=4&size=95" width="95px"></a>&nbsp;
+<a href="https://github.com/E-Sh4rk" target="_blank" title="E-Sh4rk - Contributions: 2" alt="E-Sh4rk"><img src="https://avatars.githubusercontent.com/u/13153243?v=4&size=95" width="95px"></a>&nbsp;
+<a href="https://github.com/Grey41" target="_blank" title="Grey41 - Contributions: 2" alt="Grey41"><img src="https://avatars.githubusercontent.com/u/85015029?v=4&size=95" width="95px"></a>&nbsp;
+<a href="https://github.com/ZhaoTonggang" target="_blank" title="ZhaoTonggang - Contributions: 1" alt="ZhaoTonggang"><img src="https://avatars.githubusercontent.com/u/81669862?v=4&size=95" width="95px"></a>&nbsp;
+<a href="https://github.com/pjft" target="_blank" title="pjft - Contributions: 1" alt="pjft"><img src="https://avatars.githubusercontent.com/u/22025709?v=4&size=95" width="95px"></a>&nbsp;
+<a href="https://github.com/noel-forester" target="_blank" title="noel-forester - Contributions: 1" alt="noel-forester"><img src="https://avatars.githubusercontent.com/u/62397558?v=4&size=95" width="95px"></a>&nbsp;
+<a href="https://github.com/jonas0b1011001" target="_blank" title="jonas0b1011001 - Contributions: 1" alt="jonas0b1011001"><img src="https://avatars.githubusercontent.com/u/43352574?v=4&size=95" width="95px"></a>&nbsp;
+<a href="https://github.com/debuggerx01" target="_blank" title="debuggerx01 - Contributions: 1" alt="debuggerx01"><img src="https://avatars.githubusercontent.com/u/19624835?v=4&size=95" width="95px"></a>&nbsp;
+<a href="https://github.com/andrigamerita" target="_blank" title="andrigamerita - Contributions: 1" alt="andrigamerita"><img src="https://avatars.githubusercontent.com/u/37557992?v=4&size=95" width="95px"></a>&nbsp;
+<a href="https://github.com/TimKieu" target="_blank" title="TimKieu - Contributions: 1" alt="TimKieu"><img src="https://avatars.githubusercontent.com/u/90356683?v=4&size=95" width="95px"></a>&nbsp;
+<a href="https://github.com/SooHyuck" target="_blank" title="SooHyuck - Contributions: 1" alt="SooHyuck"><img src="https://avatars.githubusercontent.com/u/104526248?v=4&size=95" width="95px"></a>&nbsp;
+<a href="https://github.com/iits-reza" target="_blank" title="iits-reza - Contributions: 1" alt="iits-reza"><img src="https://avatars.githubusercontent.com/u/56708670?v=4&size=95" width="95px"></a>&nbsp;
+<a href="https://github.com/oyepriyansh" target="_blank" title="oyepriyansh - Contributions: 1" alt="oyepriyansh"><img src="https://avatars.githubusercontent.com/u/83062406?v=4&size=95" width="95px"></a>&nbsp;
+<a href="https://github.com/MattiaPell" target="_blank" title="MattiaPell - Contributions: 1" alt="MattiaPell"><img src="https://avatars.githubusercontent.com/u/47603639?v=4&size=95" width="95px"></a>&nbsp;
+<a href="https://github.com/kellenmace" target="_blank" title="kellenmace - Contributions: 1" alt="kellenmace"><img src="https://avatars.githubusercontent.com/u/5306336?v=4&size=95" width="95px"></a>&nbsp;
+<a href="https://github.com/IvanMazzoli" target="_blank" title="IvanMazzoli - Contributions: 1" alt="IvanMazzoli"><img src="https://avatars.githubusercontent.com/u/7896815?v=4&size=95" width="95px"></a>&nbsp;
+<a href="https://github.com/iGoodie" target="_blank" title="iGoodie - Contributions: 1" alt="iGoodie"><img src="https://avatars.githubusercontent.com/u/8591785?v=4&size=95" width="95px"></a>&nbsp;
+<a href="https://github.com/jurcaalexandrucristian" target="_blank" title="jurcaalexandrucristian - Contributions: 1" alt="jurcaalexandrucristian"><img src="https://avatars.githubusercontent.com/u/74395896?v=4&size=95" width="95px"></a>&nbsp;
+<a href="https://github.com/eric183" target="_blank" title="eric183 - Contributions: 1" alt="eric183"><img src="https://avatars.githubusercontent.com/u/10773980?v=4&size=95" width="95px"></a>&nbsp;
+<a href="https://github.com/Protektor-Desura" target="_blank" title="Protektor-Desura - Contributions: 1" alt="Protektor-Desura"><img src="https://avatars.githubusercontent.com/u/1195496?v=4&size=95" width="95px"></a>&nbsp;
+<a href="https://github.com/cheesykyle" target="_blank" title="cheesykyle - Contributions: 1" alt="cheesykyle"><img src="https://avatars.githubusercontent.com/u/17484761?v=4&size=95" width="95px"></a>&nbsp;
+<a href="https://github.com/imneckro" target="_blank" title="imneckro - Contributions: 1" alt="imneckro"><img src="https://avatars.githubusercontent.com/u/42493772?v=4&size=95" width="95px"></a>&nbsp;
+
+<!-- Others End -->
 
 <!----------------------------------{ Ethan }----------------------------------->
 [Badge Ethan GitHub]: https://img.shields.io/badge/Ethan_O'_Brien-181717.svg?style=for-the-badge&logo=GitHub&logoColor=white
@@ -144,7 +111,7 @@
 
 <!----------------------------------{ Allan }---------------------------------->
 [Badge Allan GitHub]: https://img.shields.io/badge/allancoding-181717.svg?style=for-the-badge&logo=GitHub&logoColor=white
-[Badge Allan Website]: https://img.shields.io/badge/allancoding.is–a.dev-lightgray.svg?style=for-the-badge&logo=data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAATCAYAAACKsM07AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAALJSURBVEhLtZVNSFRRGIbfc2emctLUimmV4KIWBbNpUf4lZAYRBBH0syioTZA/1cKKcVGkbqQkCKJNGRlRVLpwMSiWlakhakaaWv7kIFqZVKhDznjv13vGASWTGdCel4d75zuHc+6ZOeeODdGjaAF101ZdiIZoJ9CDn6M+6qDbaDuNiBG+RiKPjg4C1Z1ABe/1g53QDZGIZoIc+pODV1lKVTmVul8P3GZtNT2mOyyFU/QkB181oFT1gGGItl+pB5zEzrZ8ekR3XAz93XqU0pcFbKBptHI7kJmh1J5QNUydSHUH8Ia3egIv/aXr8xERqKKiIsnP1w+y/HBsoLS0lBP9Hzwej9iys7MvB1MDaJJGeMWLFJWKErMYKUYqcs3TSFCJeCQP0SFv4UQMcq0cDDPXrTIEGI95EVvUVtyVO6ixatAoDaiQexhkpur9s7uo1qpFuVWOdmlDkOlHH3ziwxPrMSqtpygzr2JIhjAogzikDiOByVK78VyewWTOmnnolm7csm7iPaPHWMFoQiv4kTIOUQKdFmlBl3TiA7qwSW3Gd4whQ2XCpVxYyejV+Jg+fIKL6WWu2IoxKl/gVm5uLTt6pAfjzLr69VD6Nygo0G+AOV6+8CMYFPj9FpKSHPD5gtwRbKDpO5143eAPtcXFGpgOCPsCu7KccLn0zp2jsLAQ9kAggImJiXBplslJP9rbfmNkJIi0dCeGPgcxPDyD+HgDlsTgXcc0vn2dgV2/NIhp8gXlTkRMTLgQRo+tHA7HNRouzcFN4LIsy22z2eoyLSs1WWRHuClEr2G8alaq1TTNvYZhNPEsLTgHQb20CJynB/j+ie0zjIZ5J9nLmv4Vj1N92hfln0f4Lzy06yNQbzcML5c2pUT2JwMHWV9Lb+hOS6WQ7hsD4vhH4OT9UXpGN0QimhVodL9LtJmuoRtpGV1W9CQl9ELoU1QAfwCDI3HISCyhigAAAABJRU5ErkJggg==
+[Badge Allan Website]: https://img.shields.io/badge/allancoding.dev-lightgray.svg?style=for-the-badge&logo=data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAATCAYAAACKsM07AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAALJSURBVEhLtZVNSFRRGIbfc2emctLUimmV4KIWBbNpUf4lZAYRBBH0syioTZA/1cKKcVGkbqQkCKJNGRlRVLpwMSiWlakhakaaWv7kIFqZVKhDznjv13vGASWTGdCel4d75zuHc+6ZOeeODdGjaAF101ZdiIZoJ9CDn6M+6qDbaDuNiBG+RiKPjg4C1Z1ABe/1g53QDZGIZoIc+pODV1lKVTmVul8P3GZtNT2mOyyFU/QkB181oFT1gGGItl+pB5zEzrZ8ekR3XAz93XqU0pcFbKBptHI7kJmh1J5QNUydSHUH8Ia3egIv/aXr8xERqKKiIsnP1w+y/HBsoLS0lBP9Hzwej9iys7MvB1MDaJJGeMWLFJWKErMYKUYqcs3TSFCJeCQP0SFv4UQMcq0cDDPXrTIEGI95EVvUVtyVO6ixatAoDaiQexhkpur9s7uo1qpFuVWOdmlDkOlHH3ziwxPrMSqtpygzr2JIhjAogzikDiOByVK78VyewWTOmnnolm7csm7iPaPHWMFoQiv4kTIOUQKdFmlBl3TiA7qwSW3Gd4whQ2XCpVxYyejV+Jg+fIKL6WWu2IoxKl/gVm5uLTt6pAfjzLr69VD6Nygo0G+AOV6+8CMYFPj9FpKSHPD5gtwRbKDpO5143eAPtcXFGpgOCPsCu7KccLn0zp2jsLAQ9kAggImJiXBplslJP9rbfmNkJIi0dCeGPgcxPDyD+HgDlsTgXcc0vn2dgV2/NIhp8gXlTkRMTLgQRo+tHA7HNRouzcFN4LIsy22z2eoyLSs1WWRHuClEr2G8alaq1TTNvYZhNPEsLTgHQb20CJynB/j+ie0zjIZ5J9nLmv4Vj1N92hfln0f4Lzy06yNQbzcML5c2pUT2JwMHWV9Lb+hOS6WQ7hsD4vhH4OT9UXpGN0QimhVodL9LtJmuoRtpGV1W9CQl9ELoU1QAfwCDI3HISCyhigAAAABJRU5ErkJggg==
 [Allan Avatar]: https://avatars.githubusercontent.com/u/74841470?s=90 'Allancoding - Allan Niles'
 
 <!----------------------------------{ BinBashBanana }---------------------------------->
diff --git a/index.html b/index.html
index 62afa032..93a3e057 100644
--- a/index.html
+++ b/index.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
     <head>
-        <title>EmulatorJS Demo</title>
+        <title>EmulatorJS</title>
         <link rel = icon href = docs/favicon.ico sizes = "16x16 32x32 48x48 64x64" type = image/vnd.microsoft.icon>
         <meta name = viewport content = "width = device-width, initial-scale = 1">
         <style>
@@ -40,10 +40,12 @@
                 font-weight: bold;
                 font-size: 20px;
                 margin: 5px;
+                text-align: center;
+                padding: 10px;
             }
 
             #box:hover, #box[drag] {
-                border-color: #38f;
+                border-color: #1AAFFF;
                 color: #ddd
             }
 
@@ -54,7 +56,7 @@
                 top: 0;
                 width: 100%;
                 height: 100%;
-                opacity: 0
+                opacity: 0;
             }
 
             #display {
@@ -86,7 +88,7 @@
             .logo {
                 width: 130px;
                 height: 130px;
-                filter: drop-shadow(0 0 10px white);
+                filter: drop-shadow(0 0 8px white);
             }
 
             #top {
@@ -99,8 +101,9 @@
         <div id="top">
             <h1>EmulatorJS Demo</h1>
             <img src="docs/Logo-light.png" alt="Logo" class="logo">
+            <br>
         </div>
-        <div id = box>
+        <div id="box">
             <input type = file id = input>
             Drag ROM file or click here
         </div>
@@ -108,16 +111,17 @@ <h1>EmulatorJS Demo</h1>
         <script>
             let enableDebug = false;
             let enableThreads = false;
+            let browserMode;
             const queryString = window.location.search;
             const urlParams = new URLSearchParams(queryString);
-            if (urlParams.get('debug') == 1) {
+            if (parseInt(urlParams.get("debug")) === 1 || urlParams.get("debug") === "true") {
                 enableDebug = true;
                 console.log("Debug is enabled");
             } else {
                 console.log("Debug is disabled");
             }
 
-            if (urlParams.get('threads') == 1) {
+            if (parseInt(urlParams.get("threads")) === 1 || urlParams.get("threads") === "true") {
                 if (window.SharedArrayBuffer) {
                     enableThreads = true;
                     console.log("Threads are enabled");
@@ -128,10 +132,19 @@ <h1>EmulatorJS Demo</h1>
             } else {
                 console.log("Threads are disabled");
             }
-            
-            input.onchange = async () => {
-                const url = input.files[0]
-                const parts = input.files[0].name.split(".")
+
+            if (urlParams.get("browserMode")) {
+                browserMode = urlParams.get("browserMode");
+            }
+
+            if (urlParams.get("rom")) {
+                console.log(`Loading ROM from URL: roms/${urlParams.get("rom")}`);
+                run(false, urlParams.get("rom"));
+            }
+
+            async function run(upload, file) {
+                const url = upload ? input.files[0] : `roms/${file}`;
+                const parts = upload ? input.files[0].name.split(".") : file.split(".");
 
                 const core = await (async (ext) => {
                     if (["fds", "nes", "unif", "unf"].includes(ext))
@@ -181,6 +194,7 @@ <h1>EmulatorJS Demo</h1>
                             "Sega Saturn": "segaSaturn",
                             "Atari 7800": "atari7800",
                             "Atari 2600": "atari2600",
+                            "Arcade": "arcade",
                             "NEC TurboGrafx-16/SuperGrafx/PC Engine": "pce",
                             "NEC PC-FX": "pcfx",
                             "SNK NeoGeo Pocket (Color)": "ngp",
@@ -244,10 +258,18 @@ <h1>EmulatorJS Demo</h1>
                 window.EJS_DEBUG_XX = enableDebug;
                 window.EJS_disableDatabases = true;
                 window.EJS_threads = enableThreads;
+                if (browserMode) {
+                    window.EJS_browserMode = browserMode;
+                }
 
                 script.src = "data/loader.js";
                 document.body.appendChild(script);
             }
+            
+            input.onchange = async () => {
+                run(true);
+            }
+            
             box.ondragover = () => box.setAttribute("drag", true);
             box.ondragleave = () => box.removeAttribute("drag");
         </script>
diff --git a/data/minify/README.md b/minify/README.md
similarity index 50%
rename from data/minify/README.md
rename to minify/README.md
index e08e24fd..2261bd72 100644
--- a/data/minify/README.md
+++ b/minify/README.md
@@ -1,9 +1,6 @@
-
 # Minifying
 
-Before pushing the script files onto your production <br>
-server it is recommended to minify them to save on <br>
-load times as well as bandwidth.
+Before pushing the script files onto your production server it is recommended to minify them to save on load times as well as bandwidth.
 
 <br>
 
@@ -15,20 +12,19 @@ load times as well as bandwidth.
 
 ## Steps
 
-1. Open a terminal in `/data/minify` .
+1. Open a terminal in the root of the project.
 
 2. Install the dependencies with:
 
-    ```sh
-    npm install
-    ```
+   ```sh
+   npm i
+   ```
 
 3. Start the minification with:
 
-    ```sh
-    node index.js
-    ```
-
+   ```sh
+   node run minify
+   ```
 
 <!----------------------------------------------------------------------------->
 
diff --git a/minify/minify.js b/minify/minify.js
new file mode 100644
index 00000000..af1f3755
--- /dev/null
+++ b/minify/minify.js
@@ -0,0 +1,38 @@
+import path from "path";
+import { fileURLToPath } from "url";
+import minify from "@node-minify/core";
+import terser from "@node-minify/terser";
+import cleanCSS from "@node-minify/clean-css";
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+const rootPath = path.resolve(__dirname, "../");
+
+async function doMinify() {
+    await minify({
+        compressor: terser,
+        input: path.join(rootPath, "data/src/*.js"),
+        output: path.join(rootPath, "data/emulator.min.js"),
+    })
+        .catch(function (err) {
+            console.error(err);
+        })
+        .then(function() {
+            console.log("Minified JS");
+        });
+    await minify({
+        compressor: cleanCSS,
+        input: path.join(rootPath, "data/emulator.css"),
+        output: path.join(rootPath, "data/emulator.min.css"),
+    })
+        .catch(function (err) {
+            console.error(err);
+        })
+        .then(function() {
+            console.log("Minified CSS");
+        });
+}
+
+console.log("Minifying");
+await doMinify();
+console.log("Minifying Done!");
diff --git a/package.json b/package.json
index a02ac677..7662152c 100644
--- a/package.json
+++ b/package.json
@@ -1,16 +1,35 @@
 {
-  "name": "@emulatorjs/emulatorjs",
-  "version": "4.1.1",
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/EmulatorJS/EmulatorJS.git"
-  },
-  "license": "GPL-3.0",
-  "description": "EmulatorJS is a frontend for RetroArch in the web browser.",
-  "scripts": {
-    "start": "http-server"
-  },
-  "dependencies": {
-    "http-server": "^14.1.1"
-  }
+    "name": "@emulatorjs/emulatorjs",
+    "version": "4.2.3",
+    "type": "module",
+    "description": "EmulatorJS is a frontend for RetroArch in the web browser.",
+    "homepage": "https://emulatorjs.org",
+    "license": "GPL-3.0",
+    "sideEffects": true,
+    "repository": {
+        "type": "git",
+        "url": "https://github.com/EmulatorJS/EmulatorJS.git"
+    },
+    "bugs": {
+        "url": "https://github.com/EmulatorJS/EmulatorJS/issues"
+    },
+    "scripts": {
+        "start": "http-server",
+        "minify": "node minify/minify.js",
+        "build": "node build.js",
+        "update": "node update.js"
+    },
+    "dependencies": {
+        "@node-minify/clean-css": "^9.0.1",
+        "@node-minify/core": "^9.0.2",
+        "@node-minify/terser": "^9.0.1",
+        "http-server": "^14.1.1",
+        "node-7z": "^3.0.0",
+        "node-fetch": "^3.3.2",
+        "nipplejs": "^0.10.2",
+        "socket.io": "^4.8.1"
+    },
+    "optionalDependencies": {
+        "@emulatorjs/cores": "latest"
+    }
 }
diff --git a/update.js b/update.js
new file mode 100644
index 00000000..44e3a352
--- /dev/null
+++ b/update.js
@@ -0,0 +1,135 @@
+import fs from 'fs';
+import path from 'path';
+import fetch from 'node-fetch';
+
+const args = process.argv.slice(2);
+const versionArg = args.find(arg => arg.startsWith('--ejs_v='));
+const devArg = args.find(arg => arg.startsWith('--dev='));
+const depsArg = args.find(arg => arg.startsWith('--deps='));
+const update_version = versionArg ? versionArg.split('=')[1] : process.env.ejs_v;
+const dev = devArg ? devArg.split('=')[1] : null;
+let version;
+
+try {
+    const packageJsonPath = path.resolve('package.json');
+    const packageJson = JSON.parse(fs.readFileSync(packageJsonPath, 'utf8'));
+    version = packageJson.version;
+} catch(error) {
+    console.error("Error reading version from package.json:", error.message);
+    process.exit(1);
+}
+
+const updateDependencies = async () => {
+    const socket_io = path.resolve('node_modules', 'socket.io', 'client-dist', 'socket.io.min.js');
+    const ejs_socket_io = path.resolve('data', 'src', 'socket.io.min.js');
+    const nipplejs = path.resolve('node_modules', 'nipplejs', 'dist', 'nipplejs.js');
+    const ejs_nipplejs = path.resolve('data', 'src', 'nipplejs.js');
+
+    try {
+        fs.copyFileSync(socket_io, ejs_socket_io);
+        if (!fs.readFileSync(ejs_socket_io, 'utf8').endsWith('\n')) {
+            fs.appendFileSync(ejs_socket_io, '\n');
+        }
+    } catch(error) {
+        console.error("Error updating socket.io:", error.message);
+    }
+
+    try {
+        fs.copyFileSync(nipplejs, ejs_nipplejs);
+        if (!fs.readFileSync(ejs_nipplejs, 'utf8').endsWith('\n')) {
+            fs.appendFileSync(ejs_nipplejs, '\n');
+        }
+    } catch(error) {
+        console.error("Error updating nipplejs:", error.message);
+    }
+    console.log("Updated socket.io and nipplejs.");
+};
+
+const updateVersion = async (newVersion) => {
+    const packageJsonPath = path.resolve('package.json');
+    const packageJson = JSON.parse(fs.readFileSync(packageJsonPath, 'utf8'));
+    packageJson.version = newVersion;
+    fs.writeFileSync(packageJsonPath, JSON.stringify(packageJson, null, 4) + '\n');
+    console.log(`Updated version to ${newVersion} in package.json.`);
+
+    const versionJsonPath = path.resolve('data', 'version.json');
+    const versionJson = JSON.parse(fs.readFileSync(versionJsonPath, 'utf8'));
+    versionJson.version = newVersion;
+    fs.writeFileSync(versionJsonPath, JSON.stringify(versionJson, null, 4) + '\n');
+    console.log(`Updated version to ${newVersion} in data/version.json.`);
+
+    const coresJsonPath = path.resolve('data', 'cores', 'package.json');
+    const coresJson = JSON.parse(fs.readFileSync(coresJsonPath, 'utf8'));
+    coresJson.version = newVersion;
+    fs.writeFileSync(coresJsonPath, JSON.stringify(coresJson, null, 4) + '\n');
+    console.log(`Updated version to ${newVersion} in data/cores/package.json.`);
+
+    const emulatorJsPath = path.resolve('data', 'src', 'emulator.js');
+    const emulatorJs = fs.readFileSync(emulatorJsPath, 'utf8');
+    let updatedEmulatorJs = "";
+    if (dev === "true") {
+        updatedEmulatorJs = emulatorJs.replace(/this\.ejs_version\s*=\s*".*?";/, `this.ejs_version = "${newVersion}-dev";`);
+    } else {
+        updatedEmulatorJs = emulatorJs.replace(/this\.ejs_version\s*=\s*".*?";/, `this.ejs_version = "${newVersion}";`);
+    }
+    fs.writeFileSync(emulatorJsPath, updatedEmulatorJs);
+    console.log(`Updated version to ${newVersion} in data/src/emulator.js.`);
+};
+
+const fetchContributors = async () => {
+    const url = 'https://api.github.com/repos/EmulatorJS/EmulatorJS/contributors';
+    try {
+        const response = await fetch(url);
+        if (!response.ok) {
+            throw new Error(`Failed to fetch contributors: ${response.statusText}`);
+        }
+        return await response.json();
+    } catch(error) {
+        console.error("Error fetching contributors:", error.message);
+    }
+};
+
+const updateContributors = async () => {
+    const contributors = await fetchContributors();
+    const ignoredContributors = JSON.parse(fs.readFileSync(path.resolve('docs', 'contributors.json'), 'utf8')).ignore;
+    const missingContributors = JSON.parse(fs.readFileSync(path.resolve('docs', 'contributors.json'), 'utf8')).missing;
+    if (!contributors) return;
+    const sortedContributors = contributors
+        .concat(missingContributors)
+        .sort((a, b) => b.contributions - a.contributions)
+        .filter(contributor => !ignoredContributors.includes(contributor.login));
+    const uniqueContributors = Array.from(new Set(sortedContributors.map(contributor => contributor.login)))
+        .map(login => sortedContributors.find(contributor => contributor.login === login));
+    const finalContributors = uniqueContributors.sort((a, b) => b.contributions - a.contributions);
+    let contributorReadme = ""
+    finalContributors
+        .forEach(contributor => {
+            contributorReadme += `<a href="${contributor.html_url}" target="_blank" title="${contributor.login} - Contributions: ${contributor.contributions}" alt="${contributor.login}"><img src="${contributor.avatar_url}&size=95" width="95px"></a>&nbsp;\n`;
+        });
+    const contributorsPath = path.resolve('docs', 'contributors.md');
+    const contributorsReadme = fs.readFileSync(contributorsPath, 'utf8');
+    const startLine = contributorsReadme.split('\n').findIndex(line => line.startsWith("<!-- Others -->")) + 1;
+    const endLine = contributorsReadme.split('\n').findIndex(line => line.startsWith("<!-- Others End -->")) - 1;
+    const updatedContributorsReadme = contributorsReadme.split('\n').filter((line, index) => index < startLine || index > endLine).join('\n');
+    const newContributorsReadme = updatedContributorsReadme.replace("<!-- Others -->", `<!-- Others -->\n${contributorReadme}`);
+    fs.writeFileSync(contributorsPath, newContributorsReadme);
+    console.log("Updated Contributors.md with new contributors.");
+}
+
+console.log(`Current EmulatorJS Version: ${version}`);
+if (!update_version) {
+    console.warn("Warning: Version number not provided.");
+} else {
+    console.log(`Updating EmulatorJS Version number to: ${update_version}`);
+}
+
+console.log("Updating EmulatorJS dependencies...");
+if (depsArg) {
+    await updateDependencies();
+}
+if (update_version || dev === "false" || dev === "true") {
+    console.log("Updating EmulatorJS version...");
+    await updateVersion(update_version || version);
+}
+await updateContributors();
+console.log("Updating EmulatorJS completed.");