diff --git a/.editorconfig b/.editorconfig
new file mode 100644
index 0000000..4a7ea30
--- /dev/null
+++ b/.editorconfig
@@ -0,0 +1,12 @@
+root = true
+
+[*]
+indent_style = space
+indent_size = 2
+end_of_line = lf
+charset = utf-8
+trim_trailing_whitespace = true
+insert_final_newline = true
+
+[*.md]
+trim_trailing_whitespace = false
diff --git a/.eslintignore b/.eslintignore
new file mode 100644
index 0000000..a6769ef
--- /dev/null
+++ b/.eslintignore
@@ -0,0 +1,6 @@
+node_modules
+dist
+.kilo
+*.lock
+e2e/
+load/
diff --git a/.eslintrc.js b/.eslintrc.js
new file mode 100644
index 0000000..5014f01
--- /dev/null
+++ b/.eslintrc.js
@@ -0,0 +1,45 @@
+module.exports = {
+  root: true,
+  env: {
+    es2021: true,
+  },
+  extends: ['eslint:recommended'],
+  parserOptions: {
+    ecmaVersion: 'latest',
+  },
+  overrides: [
+    {
+      files: ['api/**/*.js', '*.config.js', '*.config.mjs', '.eslintrc.js'],
+      env: { node: true, es2021: true },
+      parserOptions: { sourceType: 'script' },
+      rules: {
+        'no-unused-vars': ['warn', { argsIgnorePattern: '^_' }],
+        'no-console': 'off',
+      },
+    },
+    {
+      files: ['pro/**/*.js', 'pro/**/*.jsx'],
+      env: { browser: true, es2021: true },
+      parserOptions: {
+        sourceType: 'module',
+        ecmaFeatures: { jsx: true },
+      },
+      plugins: ['react', 'react-hooks'],
+      extends: ['eslint:recommended', 'plugin:react/recommended', 'plugin:react-hooks/recommended'],
+      settings: { react: { version: 'detect' } },
+      rules: {
+        'no-unused-vars': ['warn', { argsIgnorePattern: '^_' }],
+        'react/react-in-jsx-scope': 'off',
+        'react/prop-types': 'off',
+        'no-console': 'off',
+      },
+    },
+    {
+      files: ['*.test.js', '*.test.jsx'],
+      env: { mocha: true, jest: true },
+      rules: {
+        'no-unused-expressions': 'off',
+      },
+    },
+  ],
+};
diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
new file mode 100644
index 0000000..6aeb5ff
--- /dev/null
+++ b/.github/workflows/ci.yml
@@ -0,0 +1,157 @@
+name: CI
+
+on:
+  push:
+    branches: [main, fix/*, feat/*]
+  pull_request:
+    branches: [main]
+
+jobs:
+  api:
+    name: API (Server)
+    runs-on: ubuntu-latest
+    timeout-minutes: 10
+
+    steps:
+      - uses: actions/checkout@v4
+      - uses: actions/setup-node@v4
+        with:
+          node-version: 20
+          cache: 'npm'
+          cache-dependency-path: |
+            package-lock.json
+            api/package-lock.json
+
+      - name: Install root dependencies
+        run: npm ci
+        working-directory: .
+      - name: Install API dependencies
+        run: npm ci
+        working-directory: api
+      - name: Lint
+        run: npx eslint --ext .js . --max-warnings 50
+        working-directory: .
+      - name: Test
+        run: npm test
+        working-directory: api
+
+  pro:
+    name: Frontend
+    runs-on: ubuntu-latest
+
+    steps:
+      - uses: actions/checkout@v4
+      - uses: actions/setup-node@v4
+        with:
+          node-version: 20
+          cache: 'npm'
+          cache-dependency-path: |
+            package-lock.json
+            pro/package-lock.json
+
+      - name: Install root dependencies
+        run: npm ci
+        working-directory: .
+      - name: Install Frontend dependencies
+        run: npm ci
+        working-directory: pro
+      - name: Lint
+        run: npx eslint --ext .js,.jsx . --max-warnings 50
+        working-directory: .
+      - name: Test
+        run: npx vitest run
+        working-directory: pro
+
+  e2e:
+    name: E2E (Playwright)
+    runs-on: ubuntu-latest
+    timeout-minutes: 15
+
+    steps:
+      - uses: actions/checkout@v4
+      - uses: actions/setup-node@v4
+        with:
+          node-version: 20
+          cache: 'npm'
+          cache-dependency-path: |
+            api/package-lock.json
+            pro/package-lock.json
+
+      - name: Install API dependencies
+        run: npm ci
+        working-directory: api
+
+      - name: Install Frontend dependencies
+        run: npm ci
+        working-directory: pro
+
+      - name: Install E2E dependencies
+        run: npm install
+        working-directory: e2e
+
+      - name: Install Playwright browsers
+        run: npx playwright install --with-deps chromium
+        working-directory: e2e
+
+      - name: Run E2E tests
+        run: npx playwright test
+        working-directory: e2e
+        env:
+          CI: true
+
+      - name: Upload Playwright report
+        uses: actions/upload-artifact@v4
+        if: failure()
+        with:
+          name: playwright-report
+          path: e2e/playwright-report/
+          retention-days: 7
+
+  load:
+    name: Load Test
+    runs-on: ubuntu-latest
+    timeout-minutes: 10
+
+    steps:
+      - uses: actions/checkout@v4
+      - uses: actions/setup-node@v4
+        with:
+          node-version: 20
+          cache: 'npm'
+          cache-dependency-path: |
+            api/package-lock.json
+
+      - name: Install API dependencies
+        run: npm ci
+        working-directory: api
+
+      - name: Install Load Test dependencies
+        run: npm install
+        working-directory: load
+
+      - name: Start API server
+        run: |
+          node index.js &
+          echo "Waiting for server..."
+          for i in $(seq 1 10); do
+            curl -s http://localhost:4000/health > /dev/null && echo "Server ready" && break
+            sleep 1
+          done
+        working-directory: api
+
+      - name: Run load test
+        run: node runner.js --connections 10 --duration 15
+        working-directory: load
+        env:
+          LOAD_SERVER_URL: http://localhost:4000
+
+      - name: Stop API server
+        run: kill $(lsof -t -i:4000) 2>/dev/null || true
+
+      - name: Upload load report
+        uses: actions/upload-artifact@v4
+        if: always()
+        with:
+          name: load-report
+          path: load/*.log
+          retention-days: 7
diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..c2658d7
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1 @@
+node_modules/
diff --git a/.husky/pre-commit b/.husky/pre-commit
new file mode 100644
index 0000000..2312dc5
--- /dev/null
+++ b/.husky/pre-commit
@@ -0,0 +1 @@
+npx lint-staged
diff --git a/.kilo/package-lock.json b/.kilo/package-lock.json
new file mode 100644
index 0000000..29429a8
--- /dev/null
+++ b/.kilo/package-lock.json
@@ -0,0 +1,378 @@
+{
+  "name": ".kilo",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {
+    "": {
+      "dependencies": {
+        "@kilocode/plugin": "7.2.31"
+      }
+    },
+    "node_modules/@kilocode/plugin": {
+      "version": "7.2.31",
+      "resolved": "https://registry.npmjs.org/@kilocode/plugin/-/plugin-7.2.31.tgz",
+      "integrity": "sha512-KmKTTIly7hRlJdXKhqZ/j/brvTPh0z0UTjWSjJWq5fqf4pATgYGn7G0g3ZjILnN7MUkkZXuljgqExTEeQJHGkQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@kilocode/sdk": "7.2.31",
+        "effect": "4.0.0-beta.48",
+        "zod": "4.1.8"
+      },
+      "peerDependencies": {
+        "@opentui/core": ">=0.1.100",
+        "@opentui/solid": ">=0.1.100"
+      },
+      "peerDependenciesMeta": {
+        "@opentui/core": {
+          "optional": true
+        },
+        "@opentui/solid": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@kilocode/sdk": {
+      "version": "7.2.31",
+      "resolved": "https://registry.npmjs.org/@kilocode/sdk/-/sdk-7.2.31.tgz",
+      "integrity": "sha512-Sx05yv+3TIlc6M4Ze+YGgKCLoIg8B0WRE15JXDriVncT+wz7M6+e+4mjNWkwfsuywdeOTYPfeFViqX8iO7ckKA==",
+      "license": "MIT",
+      "dependencies": {
+        "cross-spawn": "7.0.6"
+      }
+    },
+    "node_modules/@msgpackr-extract/msgpackr-extract-darwin-arm64": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-darwin-arm64/-/msgpackr-extract-darwin-arm64-3.0.3.tgz",
+      "integrity": "sha512-QZHtlVgbAdy2zAqNA9Gu1UpIuI8Xvsd1v8ic6B2pZmeFnFcMWiPLfWXh7TVw4eGEZ/C9TH281KwhVoeQUKbyjw==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ]
+    },
+    "node_modules/@msgpackr-extract/msgpackr-extract-darwin-x64": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-darwin-x64/-/msgpackr-extract-darwin-x64-3.0.3.tgz",
+      "integrity": "sha512-mdzd3AVzYKuUmiWOQ8GNhl64/IoFGol569zNRdkLReh6LRLHOXxU4U8eq0JwaD8iFHdVGqSy4IjFL4reoWCDFw==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ]
+    },
+    "node_modules/@msgpackr-extract/msgpackr-extract-linux-arm": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-linux-arm/-/msgpackr-extract-linux-arm-3.0.3.tgz",
+      "integrity": "sha512-fg0uy/dG/nZEXfYilKoRe7yALaNmHoYeIoJuJ7KJ+YyU2bvY8vPv27f7UKhGRpY6euFYqEVhxCFZgAUNQBM3nw==",
+      "cpu": [
+        "arm"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@msgpackr-extract/msgpackr-extract-linux-arm64": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-linux-arm64/-/msgpackr-extract-linux-arm64-3.0.3.tgz",
+      "integrity": "sha512-YxQL+ax0XqBJDZiKimS2XQaf+2wDGVa1enVRGzEvLLVFeqa5kx2bWbtcSXgsxjQB7nRqqIGFIcLteF/sHeVtQg==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@msgpackr-extract/msgpackr-extract-linux-x64": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-linux-x64/-/msgpackr-extract-linux-x64-3.0.3.tgz",
+      "integrity": "sha512-cvwNfbP07pKUfq1uH+S6KJ7dT9K8WOE4ZiAcsrSes+UY55E/0jLYc+vq+DO7jlmqRb5zAggExKm0H7O/CBaesg==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@msgpackr-extract/msgpackr-extract-win32-x64": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-win32-x64/-/msgpackr-extract-win32-x64-3.0.3.tgz",
+      "integrity": "sha512-x0fWaQtYp4E6sktbsdAqnehxDgEc/VwM7uLsRCYWaiGu0ykYdZPiS8zCWdnjHwyiumousxfBm4SO31eXqwEZhQ==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/@standard-schema/spec": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@standard-schema/spec/-/spec-1.1.0.tgz",
+      "integrity": "sha512-l2aFy5jALhniG5HgqrD6jXLi/rUWrKvqN/qJx6yoJsgKhblVd+iqqU4RCXavm/jPityDo5TCvKMnpjKnOriy0w==",
+      "license": "MIT"
+    },
+    "node_modules/cross-spawn": {
+      "version": "7.0.6",
+      "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.6.tgz",
+      "integrity": "sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==",
+      "license": "MIT",
+      "dependencies": {
+        "path-key": "^3.1.0",
+        "shebang-command": "^2.0.0",
+        "which": "^2.0.1"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/detect-libc": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-2.1.2.tgz",
+      "integrity": "sha512-Btj2BOOO83o3WyH59e8MgXsxEQVcarkUOpEYrubB0urwnN10yQ364rsiByU11nZlqWYZm05i/of7io4mzihBtQ==",
+      "license": "Apache-2.0",
+      "optional": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/effect": {
+      "version": "4.0.0-beta.48",
+      "resolved": "https://registry.npmjs.org/effect/-/effect-4.0.0-beta.48.tgz",
+      "integrity": "sha512-MMAM/ZabuNdNmgXiin+BAanQXK7qM8mlt7nfXDoJ/Gn9V8i89JlCq+2N0AiWmqFLXjGLA0u3FjiOjSOYQk5uMw==",
+      "license": "MIT",
+      "dependencies": {
+        "@standard-schema/spec": "^1.1.0",
+        "fast-check": "^4.6.0",
+        "find-my-way-ts": "^0.1.6",
+        "ini": "^6.0.0",
+        "kubernetes-types": "^1.30.0",
+        "msgpackr": "^1.11.9",
+        "multipasta": "^0.2.7",
+        "toml": "^4.1.1",
+        "uuid": "^13.0.0",
+        "yaml": "^2.8.3"
+      }
+    },
+    "node_modules/fast-check": {
+      "version": "4.8.0",
+      "resolved": "https://registry.npmjs.org/fast-check/-/fast-check-4.8.0.tgz",
+      "integrity": "sha512-GOJ158CUMnN6cSahsv4+ExARvIDuzzinFjkp0E9WtiBa5zcVeLozVkWaE4IzFcc+Y48Wp1EDlUZsXRyAztQcSg==",
+      "funding": [
+        {
+          "type": "individual",
+          "url": "https://github.com/sponsors/dubzzz"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/fast-check"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "pure-rand": "^8.0.0"
+      },
+      "engines": {
+        "node": ">=12.17.0"
+      }
+    },
+    "node_modules/find-my-way-ts": {
+      "version": "0.1.6",
+      "resolved": "https://registry.npmjs.org/find-my-way-ts/-/find-my-way-ts-0.1.6.tgz",
+      "integrity": "sha512-a85L9ZoXtNAey3Y6Z+eBWW658kO/MwR7zIafkIUPUMf3isZG0NCs2pjW2wtjxAKuJPxMAsHUIP4ZPGv0o5gyTA==",
+      "license": "MIT"
+    },
+    "node_modules/ini": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/ini/-/ini-6.0.0.tgz",
+      "integrity": "sha512-IBTdIkzZNOpqm7q3dRqJvMaldXjDHWkEDfrwGEQTs5eaQMWV+djAhR+wahyNNMAa+qpbDUhBMVt4ZKNwpPm7xQ==",
+      "license": "ISC",
+      "engines": {
+        "node": "^20.17.0 || >=22.9.0"
+      }
+    },
+    "node_modules/isexe": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
+      "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==",
+      "license": "ISC"
+    },
+    "node_modules/kubernetes-types": {
+      "version": "1.30.0",
+      "resolved": "https://registry.npmjs.org/kubernetes-types/-/kubernetes-types-1.30.0.tgz",
+      "integrity": "sha512-Dew1okvhM/SQcIa2rcgujNndZwU8VnSapDgdxlYoB84ZlpAD43U6KLAFqYo17ykSFGHNPrg0qry0bP+GJd9v7Q==",
+      "license": "Apache-2.0"
+    },
+    "node_modules/msgpackr": {
+      "version": "1.11.12",
+      "resolved": "https://registry.npmjs.org/msgpackr/-/msgpackr-1.11.12.tgz",
+      "integrity": "sha512-RBdJ1Un7yGlXWajrkxcSa93nvQ0w4zBf60c0yYv7YtBelP8H2FA7XsfBbMHtXKXUMUxH7zV3Zuozh+kUQWhHvg==",
+      "license": "MIT",
+      "optionalDependencies": {
+        "msgpackr-extract": "^3.0.2"
+      }
+    },
+    "node_modules/msgpackr-extract": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/msgpackr-extract/-/msgpackr-extract-3.0.3.tgz",
+      "integrity": "sha512-P0efT1C9jIdVRefqjzOQ9Xml57zpOXnIuS+csaB4MdZbTdmGDLo8XhzBG1N7aO11gKDDkJvBLULeFTo46wwreA==",
+      "hasInstallScript": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "node-gyp-build-optional-packages": "5.2.2"
+      },
+      "bin": {
+        "download-msgpackr-prebuilds": "bin/download-prebuilds.js"
+      },
+      "optionalDependencies": {
+        "@msgpackr-extract/msgpackr-extract-darwin-arm64": "3.0.3",
+        "@msgpackr-extract/msgpackr-extract-darwin-x64": "3.0.3",
+        "@msgpackr-extract/msgpackr-extract-linux-arm": "3.0.3",
+        "@msgpackr-extract/msgpackr-extract-linux-arm64": "3.0.3",
+        "@msgpackr-extract/msgpackr-extract-linux-x64": "3.0.3",
+        "@msgpackr-extract/msgpackr-extract-win32-x64": "3.0.3"
+      }
+    },
+    "node_modules/multipasta": {
+      "version": "0.2.7",
+      "resolved": "https://registry.npmjs.org/multipasta/-/multipasta-0.2.7.tgz",
+      "integrity": "sha512-KPA58d68KgGil15oDqXjkUBEBYc00XvbPj5/X+dyzeo/lWm9Nc25pQRlf1D+gv4OpK7NM0J1odrbu9JNNGvynA==",
+      "license": "MIT"
+    },
+    "node_modules/node-gyp-build-optional-packages": {
+      "version": "5.2.2",
+      "resolved": "https://registry.npmjs.org/node-gyp-build-optional-packages/-/node-gyp-build-optional-packages-5.2.2.tgz",
+      "integrity": "sha512-s+w+rBWnpTMwSFbaE0UXsRlg7hU4FjekKU4eyAih5T8nJuNZT1nNsskXpxmeqSK9UzkBl6UgRlnKc8hz8IEqOw==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "detect-libc": "^2.0.1"
+      },
+      "bin": {
+        "node-gyp-build-optional-packages": "bin.js",
+        "node-gyp-build-optional-packages-optional": "optional.js",
+        "node-gyp-build-optional-packages-test": "build-test.js"
+      }
+    },
+    "node_modules/path-key": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz",
+      "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/pure-rand": {
+      "version": "8.4.0",
+      "resolved": "https://registry.npmjs.org/pure-rand/-/pure-rand-8.4.0.tgz",
+      "integrity": "sha512-IoM8YF/jY0hiugFo/wOWqfmarlE6J0wc6fDK1PhftMk7MGhVZl88sZimmqBBFomLOCSmcCCpsfj7wXASCpvK9A==",
+      "funding": [
+        {
+          "type": "individual",
+          "url": "https://github.com/sponsors/dubzzz"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/fast-check"
+        }
+      ],
+      "license": "MIT"
+    },
+    "node_modules/shebang-command": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
+      "integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==",
+      "license": "MIT",
+      "dependencies": {
+        "shebang-regex": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/shebang-regex": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz",
+      "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/toml": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/toml/-/toml-4.1.1.tgz",
+      "integrity": "sha512-EBJnVBr3dTXdA89WVFoAIPUqkBjxPMwRqsfuo1r240tKFHXv3zgca4+NJib/h6TyvGF7vOawz0jGuryJCdNHrw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=20"
+      }
+    },
+    "node_modules/uuid": {
+      "version": "13.0.2",
+      "resolved": "https://registry.npmjs.org/uuid/-/uuid-13.0.2.tgz",
+      "integrity": "sha512-vzi9uRZ926x4XV73S/4qQaTwPXM2JBj6/6lI/byHH1jOpCzb0zDbfytgA9LcN/hzb2l7WQSQnxITOVx5un/wGw==",
+      "funding": [
+        "https://github.com/sponsors/broofa",
+        "https://github.com/sponsors/ctavan"
+      ],
+      "license": "MIT",
+      "bin": {
+        "uuid": "dist-node/bin/uuid"
+      }
+    },
+    "node_modules/which": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
+      "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==",
+      "license": "ISC",
+      "dependencies": {
+        "isexe": "^2.0.0"
+      },
+      "bin": {
+        "node-which": "bin/node-which"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/yaml": {
+      "version": "2.9.0",
+      "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.9.0.tgz",
+      "integrity": "sha512-2AvhNX3mb8zd6Zy7INTtSpl1F15HW6Wnqj0srWlkKLcpYl/gMIMJiyuGq2KeI2YFxUPjdlB+3Lc10seMLtL4cA==",
+      "license": "ISC",
+      "bin": {
+        "yaml": "bin.mjs"
+      },
+      "engines": {
+        "node": ">= 14.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/eemeli"
+      }
+    },
+    "node_modules/zod": {
+      "version": "4.1.8",
+      "resolved": "https://registry.npmjs.org/zod/-/zod-4.1.8.tgz",
+      "integrity": "sha512-5R1P+WwQqmmMIEACyzSvo4JXHY5WiAFHRMg+zBZKgKS+Q1viRa0C1hmUKtHltoIFKtIdki3pRxkmpP74jnNYHQ==",
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/colinhacks"
+      }
+    }
+  }
+}
diff --git a/.kilo/plans/1779339173170-crisp-wizard.md b/.kilo/plans/1779339173170-crisp-wizard.md
new file mode 100644
index 0000000..df9d893
--- /dev/null
+++ b/.kilo/plans/1779339173170-crisp-wizard.md
@@ -0,0 +1,225 @@
+# Comprehensive Fix for DAB (Dots & Boxes) Game
+
+## Bugs Identified
+
+### 1. Loading State - No Room Creation/Join UI
+
+**File:** `pro/src/dab/DabGame.jsx` lines 361-370
+
+- Shows "Connecting..." with no buttons to create/join a room
+- Missing `handleCreateRoom` and `handleJoinRoom` functions
+
+### 2. Event Name Mismatches (Critical)
+
+| Component | Emits              | Should Be             |
+| --------- | ------------------ | --------------------- |
+| Backend   | `dab_redoRequest`  | → `dab_redoRequested` |
+| Frontend  | `dab_approveRedo`  | → `dab_respondRedo`   |
+| Frontend  | `dab_denyRedo`     | → `dab_respondRedo`   |
+| Backend   | `dab_redoAccepted` | → `dab_moveUndone`    |
+
+**Verification:**
+
+- Backend line 174: `dab_redoRequest`
+- Frontend line 253: listens for `dab_redoRequested`
+- Backend line 14: listens for `dab_respondRedo`
+- Frontend lines 707, 717: emit `dab_approveRedo`/`dab_denyRedo`
+- Frontend line 264: listens for `dab_moveUndone`
+- Backend line 214: emits `dab_redoAccepted`
+
+### 3. Crash Bug in Redo System
+
+**File:** `api/game-logic/dab.js` line 198
+
+- `respondRedo` tries to destructure `room.redoRequest.lastMove`
+- But `requestRedo` (lines 167-172) never stores `lastMove` or `claimedBox` in the request object
+- **Result:** `TypeError: Cannot destructure property 'lineType' of 'undefined'`
+
+### 4. Memory Leak in Frontend
+
+**File:** `pro/src/dab/DabGame.jsx` line 296
+
+- `useEffect` dependency array includes `[socket, players, rows, cols, playLine, playBox]`
+- When `players`, `rows`, `cols` change, new socket listeners are added without proper cleanup
+- **Result:** Multiple listeners fire for single events
+
+---
+
+## Fix Implementation
+
+### Phase 1: Backend Fixes (`api/game-logic/dab.js`)
+
+#### 1.1 Fix Event Name: `dab_redoRequest` → `dab_redoRequested`
+
+**Line 174:**
+
+```javascript
+// Change from:
+this.io.to(room.id).emit('dab_redoRequest', {...});
+// To:
+this.io.to(room.id).emit('dab_redoRequested', { requester: room.players[playerIndex].name });
+```
+
+#### 1.2 Fix RedoRequest Object - Store Move Data
+
+**Lines 167-172 - Replace with:**
+
+```javascript
+room.redoRequest = {
+  requesterId: socket.id,
+  requesterIndex: playerIndex,
+  requesterName: room.players[playerIndex].name,
+  targetId: prevPlayer.id,
+  targetIndex: prevPlayerIndex,
+  lastMove: room.lastMove ? { ...room.lastMove } : null, // CRITICAL FIX
+  claimedBox: room.lastClaimedBox || null, // Track last claimed box
+};
+```
+
+#### 1.3 Track lastClaimedBox in makeMove
+
+**After line 299 (after checkBoxes call):**
+
+```javascript
+// Track last claimed box for potential redo:
+if (claimedBoxes.length > 0) {
+  room.lastClaimedBox = claimedBoxes[claimedBoxes.length - 1];
+}
+```
+
+#### 1.4 Fix Event Name: `dab_redoAccepted` → `dab_moveUndone`
+
+**Lines 214-221 - Replace with:**
+
+```javascript
+if (accept) {
+  const { lineType, r, c } = room.redoRequest.lastMove;
+  if (lineType === 'h') {
+    room.horizontalLines[r][c] = null;
+  } else {
+    room.verticalLines[r][c] = null;
+  }
+  const claimedBox = room.redoRequest.claimedBox;
+  if (claimedBox) {
+    room.boxes[claimedBox.r][claimedBox.c] = null;
+    room.scores[room.redoRequest.requesterIndex]--;
+  }
+  room.lastMove = null;
+  room.lastClaimedBox = null;
+  room.currentTurn = room.redoRequest.targetIndex;
+
+  // Emit full state update that frontend expects:
+  this.io.to(room.id).emit('dab_moveUndone', {
+    horizontalLines: room.horizontalLines,
+    verticalLines: room.verticalLines,
+    boxes: room.boxes,
+    scores: [...room.scores],
+    currentTurn: room.currentTurn,
+  });
+}
+```
+
+#### 1.5 Add `dab_startGame` Listener
+
+**Add in handleConnection (line 15):**
+
+```javascript
+socket.on('dab_startGame', (data) => this.startGame(socket, data));
+```
+
+**Add new method:**
+
+```javascript
+startGame(socket, { roomId }) {
+  const room = this.rooms.get(roomId);
+  if (!room || room.creator !== socket.id) return;
+  room.gameState = 'playing';
+  this.io.to(roomId).emit('dab_gameStarted', { firstTurn: room.players[0].id });
+  this.sendRoomInfo(roomId);
+}
+```
+
+---
+
+### Phase 2: Frontend Fixes (`pro/src/dab/DabGame.jsx`)
+
+#### 2.1 Add Create/Join Room Functions
+
+**After line 75 (after reconnectAttempted ref):**
+
+```javascript
+const handleCreateRoom = () => {
+  logger.socket('➡️', 'dab_createRoom', { mode, customRows, customCols, customPlayers, playerName });
+  socket.emit('dab_createRoom', { mode, customRows, customCols, customPlayers, playerName });
+};
+
+const handleJoinRoom = async () => {
+  const { value: joinRoomId } = await Swal.fire({
+    title: 'Join DAB Room',
+    input: 'text',
+    inputPlaceholder: 'Enter Room ID',
+    showCancelButton: true,
+    customClass: { popup: 'sketch-popup' },
+  });
+  if (joinRoomId) {
+    logger.socket('➡️', 'dab_joinRoom', { roomId: joinRoomId.toUpperCase(), playerName });
+    socket.emit('dab_joinRoom', { roomId: joinRoomId.toUpperCase(), playerName });
+  }
+};
+```
+
+#### 2.2 Replace Loading Screen with Lobby UI
+
+**Lines 361-370 - Replace:**
+
+```javascript
+{!roomId ? (
+  <div className="min-h-screen bg-paper flex items-center justify-center p-4">
+    <div className="sketch-card p-8 max-w-md w-full">
+      <h2 className="text-3xl font-sketch mb-4 text-center text-ink">Dots & Boxes</h2>
+      <div className="flex gap-3 mb-4">
+        <button onClick={handleCreateRoom} className="sketch-button flex-1">Create Room</button>
+        <button onClick={handleJoinRoom} className="sketch-button flex-1">Join Room</button>
+      </div>
+      {/* Mode selection UI here */}
+    </div>
+  </div>
+) : (...existing game UI...)}
+```
+
+#### 2.3 Fix Redo Response Event Names
+
+**Line 708:**
+
+```javascript
+socket.emit('dab_respondRedo', { roomId, accept: true });
+```
+
+**Line 717:**
+
+```javascript
+socket.emit('dab_respondRedo', { roomId, accept: false });
+```
+
+#### 2.4 Fix useEffect Memory Leak
+
+**Line 296 - Change dependency array:**
+
+```javascript
+}, [socket]);  // Remove players, rows, cols, playLine, playBox
+```
+
+For state values that change, use refs or functional updates inside the effect.
+
+---
+
+## Testing Checklist
+
+- [ ] Navigate to `/dab` → See Create/Join buttons (not "Connecting...")
+- [ ] Create Room → Room code displayed
+- [ ] Join Room → Second player added
+- [ ] Game starts automatically when room is full
+- [ ] `dab_redoRequested` event received on frontend
+- [ ] `dab_respondRedo` reaches backend
+- [ ] `dab_moveUndone` received with full board state
+- [ ] No duplicate event listeners (check memory usage)
diff --git a/.kilo/plans/1779339733462-quiet-meadow.md b/.kilo/plans/1779339733462-quiet-meadow.md
new file mode 100644
index 0000000..6ab09d4
--- /dev/null
+++ b/.kilo/plans/1779339733462-quiet-meadow.md
@@ -0,0 +1,40 @@
+# Reusable Sketch-Style Components for Paper Hand-Drawn UI
+
+## Status: COMPLETED ✓
+
+## Components Created
+
+1. `SketchButton.jsx` - Hand-drawn style button with sketch wobble effect
+2. `SketchCard.jsx` - Paper-like card container with double border
+3. `SketchBorder.jsx` - Dashed border section container
+4. `PlayerBadge.jsx` - Player indicator with color coding and disconnected state
+5. `ModeSelector.jsx` - Game mode selection with classic/custom toggle and sliders
+6. `LeaveButton.jsx` - Leave game button with confirmation dialog
+7. `SketchPopup.jsx` - Exports `sketchPopupClass` constant for SweetAlert
+8. `index.js` - Barrel export for all components
+9. `RoomLobby.jsx` - Create/join room screen (created but not integrated)
+
+## Files Modified
+
+- `pro/src/index.css` - Moved all sketch styles from inline `<style>` tag in DabGame.jsx
+- `pro/src/dab/DabGame.jsx` - Reduced from 1150 to 1000 lines, uses new components
+- `pro/index.html` - Updated Google Fonts link to include Caveat and Patrick Hand
+
+## CSS Styles Extracted to index.css
+
+- `.font-sketch` - Caveat font for titles
+- `.font-handwriting` - Patrick Hand font for body text
+- `.text-ink` - Ink color (#2a2a3e)
+- `.bg-paper` - Paper background with texture
+- `.sketch-card` - Paper card with double border
+- `.sketch-border` - Dashed border container
+- `.sketch-button` - Hand-drawn button with hover states
+- `.player-badge` - Player indicator with pseudo-element
+- `.sketch-popup` - SweetAlert popup styling
+- `.sketch-dot` + `@keyframes sketch-wiggle` - Wiggle animation
+
+## Verification
+
+- Frontend tests: 8 passed
+- Build: Successful
+- DabGame.jsx: Reduced from 1150 to 1000 lines
diff --git a/.kilo/plans/1779341938758-playful-panda.md b/.kilo/plans/1779341938758-playful-panda.md
new file mode 100644
index 0000000..dd4c417
--- /dev/null
+++ b/.kilo/plans/1779341938758-playful-panda.md
@@ -0,0 +1,43 @@
+# Fix CSS @import Warning
+
+## Problem
+
+Vite's CSS optimizer shows warning:
+
+```
+@import rules must precede all other statements
+```
+
+This happens because Vite reorders CSS during optimization, placing the Google Fonts `@import` after other CSS rules.
+
+## Solution Options
+
+### Option 1: Use HTML `<link>` tag (Recommended)
+
+Add the Google Fonts link directly in `index.html`:
+
+```html
+<link rel="preconnect" href="https://fonts.googleapis.com" />
+<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+<link
+  href="https://fonts.googleapis.com/css2?family=Caveat:wght@400;700&family=Patrick+Hand&family=Indie+Flower&display=swap"
+  rel="stylesheet"
+/>
+```
+
+### Option 2: Use Tailwind v4 `@import` in `@theme`
+
+Tailwind v4 supports importing fonts via CSS layers, but this is limited.
+
+### Option 3: Use inline styles as fallback
+
+Keep fonts loading via inline `<style>` in DabGame.jsx (not recommended - causes duplicate loads).
+
+## Recommended Implementation
+
+Use Option 1 - add the font link to `index.html` head, and remove the `@import` from `index.css`.
+
+## Files to Modify
+
+- `pro/index.html` - Add Google Fonts `<link>` tags
+- `pro/src/index.css` - Remove `@import` line for Google Fonts
diff --git a/.kilo/plans/1779346063937-proud-pixel.md b/.kilo/plans/1779346063937-proud-pixel.md
new file mode 100644
index 0000000..d0c6e2d
--- /dev/null
+++ b/.kilo/plans/1779346063937-proud-pixel.md
@@ -0,0 +1,482 @@
+# UI/UX Enhancement Plan: Best-in-Class Sketch Game Suite
+
+## Executive Summary
+
+This plan outlines a comprehensive UI/UX overhaul for the socket.io-games suite (Bingo, Dab, TicTacToe, UTTT). The goal is to create a unified "Game Shell" architecture with intentional feedback, consistent layout patterns, and emotional design that matches the sketch aesthetic.
+
+---
+
+## Current State Analysis
+
+### Architecture Issues
+
+- **Code Duplication**: Each game component reimplements room logic, leave handlers, and player displays
+- **Inconsistent Layouts**: No unified navigation bar, varying player indicator styles
+- **Basic Waiting Room**: Static text, no engagement during pre-game state
+- **Simple Leave Flow**: Basic confirm dialog without game state awareness
+
+### UI Patterns Observed
+
+- Sketch-style CSS classes (`sketch-button`, `sketch-card`, `player-badge`)
+- Paper-textured background with hand-drawn fonts
+- Basic turn indicators with opacity changes
+- Confetti popups for wins
+
+---
+
+## Phase 1: Unified Game Shell Architecture
+
+### 1.1 Create `GameLayout` Component (`src/components/ui/GameLayout.jsx`)
+
+**Purpose**: Standardize the container with consistent navigation and controls.
+
+```
+GameLayout
+├── Top Navigation Bar ("Info Zone")
+│   ├── Left: Back button with confirm modal
+│   ├── Center: Room ID badge (click to copy)
+│   └── Right: Player avatars with pulse indicator
+├── Main Container ("Canvas Zone")
+│   └── {children} - Game board
+└── Bottom Controls ("Control Zone")
+    ├── Chat toggle
+    ├── Undo button (where applicable)
+    └── Sound toggle
+```
+
+### 1.2 Refactor Leave Button → LeaveConfirmation Component
+
+**Current**: Double Swal popup is jarring
+**Improved**:
+
+- Single modal with sketch styling
+- Shows: "Your progress will be lost" warning
+- Destructive action styling (red tint)
+- Socket disconnect handling
+
+### 1.3 Extract useGameHandlers Hook (`src/hooks/useGameHandlers.js`)
+
+Consolidate shared logic:
+
+```javascript
+const useGameHandlers = (socket, roomId, gamePrefix) => {
+  const handleCreateRoom = useCallback(
+    (options) => {
+      socket.emit(`${gamePrefix}_createRoom`, options);
+    },
+    [socket, gamePrefix],
+  );
+
+  const handleJoinRoom = useCallback(
+    async (options) => {
+      // Standardized join flow
+    },
+    [socket, gamePrefix],
+  );
+
+  const handleLeaveRoom = useCallback(() => {
+    // Unified leave with confirmation
+  }, [socket, roomId]);
+
+  const handleStartGame = useCallback(() => {
+    socket.emit(`${gamePrefix}_startGame`, roomId);
+  }, [socket, roomId, gamePrefix]);
+
+  return { handleCreateRoom, handleJoinRoom, handleLeaveRoom, handleStartGame };
+};
+```
+
+---
+
+## Phase 2: Enhanced Waiting/Lobby Experience
+
+### 2.1 RoomLobby Component Enhancements
+
+**Current Issues**:
+
+- Static "Waiting for players..." text
+- No player engagement
+
+**Enhancements**:
+
+| Feature                    | Description                                     |
+| -------------------------- | ----------------------------------------------- |
+| **Dynamic Avatars**        | Player chips with ink color selection           |
+| **Animated Status**        | Banner "Waiting for Host..." with sketch pulse  |
+| **Player Ready Checklist** | Visual checklist: ☑️ Player 1 ready, ☐ Player 2 |
+| **Invite Friends**         | Web Share API button for mobile                 |
+| **Countdown Transition**   | 3-2-1 overlay when host starts                  |
+
+### 2.2 Player Avatar Selection
+
+Add pre-game avatar picker:
+
+- 4-6 hand-drawn avatar options
+- "Ink colors" selection (matches existing PLAYER_COLORS)
+- Store in sessionStorage for reconnection
+
+---
+
+## Phase 3: In-Game Feedback & Interaction
+
+### 3.1 Turn Indicator System
+
+**Current**: Text + opacity change
+**Enhanced**:
+
+```javascript
+// TurnIndicator component
+<PlayerAvatar
+  isActive={isCurrentTurn}
+  hasPulse={isMyTurn}
+  timerProgress={turnTimer / 30} // Circular progress
+/>
+```
+
+**Features**:
+
+- Dim board when not your turn (`brightness-50`)
+- Brighten with "pencil scribble" animation when turn begins
+- Hand-drawn circle progress bar around avatar
+- Audio cue: "pen scribble" sound on turn start
+
+### 3.2 Tactile Input Feedback
+
+| Interaction      | Enhancement                         |
+| ---------------- | ----------------------------------- |
+| **Button Hover** | CSS wiggle animation (keyframes)    |
+| **Cell Click**   | Ink blot SVG overlay + screen shake |
+| **Move Made**    | Particle effect at click position   |
+
+### 3.3 Animated Game Elements
+
+| Game      | Enhancement                                     |
+| --------- | ----------------------------------------------- |
+| **Bingo** | Manual daub toggle with missed number highlight |
+| **Dab**   | Magnetic line snap with click sound             |
+| **TTT**   | Stroke animation for X/O drawing (300ms)        |
+| **UTTT**  | Mini-map navigator for mobile (9-grid overview) |
+
+---
+
+## Phase 4: Post-Game Experience
+
+### 4.1 Match Report Card
+
+After win/loss, show instead of simple "Play Again":
+
+```
+┌─────────────────────────────┐
+│ 🏆 WINNER'S STAMP          │
+│ John Doe                    │
+├─────────────────────────────┤
+│ Stats:                      │
+│ • Moves: 12                 │
+│ • Time: 1m 23s              │
+├─────────────────────────────┤
+│ [ Rematch ]  [ New Room ]   │
+└─────────────────────────────┘
+```
+
+### 4.2 Graceful Exit Guard
+
+When leaving during active game:
+
+- Show sketch-style modal: "Abandon the match? Your progress will be lost!"
+- Different from "Leave Room" when game hasn't started
+
+---
+
+## Phase 5: Technical Implementation
+
+### 5.1 New Components to Create
+
+| Component          | Location                                 | Purpose                |
+| ------------------ | ---------------------------------------- | ---------------------- |
+| `GameLayout`       | `src/components/ui/GameLayout.jsx`       | Unified game container |
+| `TurnIndicator`    | `src/components/ui/TurnIndicator.jsx`    | Player turn with pulse |
+| `RoomLobby`        | `src/components/ui/RoomLobby.jsx`        | Enhanced waiting room  |
+| `MatchReport`      | `src/components/ui/MatchReport.jsx`      | Post-game summary      |
+| `AvatarSelector`   | `src/components/ui/AvatarSelector.jsx`   | Pre-game avatar picker |
+| `CountdownOverlay` | `src/components/ui/CountdownOverlay.jsx` | 3-2-1 start animation  |
+
+### 5.2 Hooks to Extract
+
+| Hook               | Purpose                         |
+| ------------------ | ------------------------------- |
+| `useGameHandlers`  | Consolidated room/game handlers |
+| `useTurnTimer`     | Turn timer with audio cues      |
+| `usePlayerAvatars` | Avatar selection and storage    |
+
+### 5.3 CSS Animations to Add
+
+```css
+@keyframes wiggle {
+  0%,
+  100% {
+    transform: rotate(-1deg);
+  }
+  50% {
+    transform: rotate(1deg);
+  }
+}
+
+@keyframes pencil-scribble {
+  0% {
+    filter: brightness(1);
+  }
+  50% {
+    filter: brightness(1.2) contrast(1.1);
+  }
+  100% {
+    filter: brightness(1);
+  }
+}
+
+@keyframes screen-shake {
+  0%,
+  100% {
+    transform: translate(0);
+  }
+  25% {
+    transform: translate(-2px, 2px);
+  }
+  75% {
+    transform: translate(2px, -2px);
+  }
+}
+```
+
+---
+
+## Phase 6: Game-Specific Enhancements
+
+### 6.1 Bingo
+
+- **Manual Daub Mode**: Toggle to require clicking called numbers
+- **Missed Number Highlight**: Flash red after 5 seconds if not marked
+- **Winning Line Animation**: BINGO letters fill one by one
+
+### 6.2 Dab Game
+
+- **Line Snap**: Visual feedback when line is claimed
+- **Box Prediction**: Highlight boxes that will be captured
+- **Mini-map**: Top-right corner showing grid state (mobile)
+
+### 6.3 Tic Tac Toe
+
+- **X/O Drawing Animation**: Stroke-dasharray animation on mark
+- **Winning Line Glow**: Hand-drawn underline animation
+
+### 6.4 UTTT
+
+- **Navigator Widget**: Floating mini-map of all 9 grids
+- **Grid Highlight**: Pulse effect on active grid
+- **Chain Wins**: Animation showing macro victory path
+
+---
+
+## Implementation Order
+
+1. **Week 1**: GameLayout + useGameHandlers extraction
+2. **Week 2**: TurnIndicator + TurnIndicator CSS
+3. **Week 3**: RoomLobby enhancements + AvatarSelector
+4. **Week 4**: MatchReport + CountdownOverlay
+5. **Week 5**: Game-specific enhancements (parallel)
+6. **Week 6**: Polish, mobile testing, sound integration
+
+---
+
+## Success Metrics
+
+- [ ] Consistent layout across all 4 games
+- [ ] Player retention in waiting room increased by 20%
+- [ ] Reduction in accidental leaves by 50%
+- [ ] Positive feedback on "juicy" interactions
+- [ ] Mobile-friendly layouts (no horizontal scroll)
+
+---
+
+## Phase 7: Backend Improvements with TDD
+
+### 7.1 Issues Identified in Backend
+
+**Code Duplication Across Managers:**
+
+- All 4 managers have identical: `leaveRoom`, `reconnect`, `handleDisconnect`, `sendRoomInfo`
+- Similar room cleanup patterns (5-minute empty timers)
+- Redundant socket event binding patterns
+
+**Missing Validation:**
+
+- No input sanitization for roomId (case sensitivity handled inconsistently)
+- Player name length limits not enforced
+- No rate limiting on socket events
+
+**State Management:**
+
+- Timers stored in separate Map/inline (inconsistent)
+- No room expiration cleanup on server restart
+- Missing game statistics tracking
+
+### 7.2 Refactor Plan: Base Game Manager Class
+
+Create `api/game-logic/BaseManager.js` with shared functionality:
+
+```javascript
+class BaseGameManager {
+  constructor(io) {
+    this.io = io;
+    this.rooms = new Map();
+    this.timers = new Map();
+  }
+
+  // Shared: Room cleanup with timers
+  registerEmptyTimer(roomId, callback) {
+    this.clearTimer(`empty_${roomId}`);
+    this.timers.set(
+      `empty_${roomId}`,
+      setTimeout(
+        () => {
+          callback();
+          this.rooms.delete(roomId);
+        },
+        5 * 60 * 1000,
+      ),
+    );
+  }
+
+  // Shared: Safe player leave
+  handlePlayerLeave(socket, roomId, callbacks) {
+    const room = this.rooms.get(roomId?.toUpperCase());
+    if (!room) return;
+
+    const player = room.players.find((p) => p.id === socket.id);
+    if (!player) return;
+
+    player.connected = false;
+    callbacks.onPlayerLeft?.({ socket, room, player });
+  }
+
+  // Shared: Reconnection
+  handleReconnection(socket, roomId, playerId, roomCallbacks) {
+    const room = this.rooms.get(roomId?.toUpperCase());
+    if (!room) {
+      socket.emit(`${this.gamePrefix}_alert`, { icon: 'error', title: 'Error', text: 'Room not found' });
+      return false;
+    }
+    const player = room.players.find((p) => p.id === playerId);
+    if (!player) {
+      socket.emit(`${this.gamePrefix}_alert`, { icon: 'error', title: 'Error', text: 'Player not found' });
+      return false;
+    }
+    socket.join(room.id);
+    player.id = socket.id;
+    player.connected = true;
+    roomCallbacks?.onReconnect?.({ socket, room, player });
+    return true;
+  }
+
+  clearTimer(key) {
+    if (this.timers.has(key)) {
+      clearTimeout(this.timers.get(key));
+      this.timers.delete(key);
+    }
+  }
+
+  sanitizeRoomId(roomId) {
+    return roomId?.toUpperCase?.() || null;
+  }
+}
+```
+
+### 7.3 TDD Test Plan for Backend
+
+**Test File Structure:**
+
+```
+api/test/
+├── base-manager.test.js    # Shared functionality tests
+├── bingo.test.js          # Existing - extend for coverage
+├── dab.test.js            # Existing - extend for coverage
+├── tictactoe.test.js      # Existing - extend for coverage
+├── uttt.test.js           # Existing - extend for coverage
+└── integration.test.js    # Multi-game room isolation
+```
+
+**Key Tests to Add:**
+
+| Test File              | Test Description                                                 |
+| ---------------------- | ---------------------------------------------------------------- |
+| `base-manager.test.js` | Empty timer cleanup, reconnection flow, room sanitization        |
+| `bingo.test.js`        | Turn timer expiration, bingo validation edge cases               |
+| `dab.test.js`          | Redo request validation, box claim scoring accuracy              |
+| `tictactoe.test.js`    | Invalid move rejection, draw detection                           |
+| `uttt.test.js`         | Active grid enforcement, macro win detection, tiebreaker scoring |
+| `integration.test.js`  | Room isolation between games, concurrent room creation           |
+
+**Sample TDD Test (Bingo Timer):**
+
+```javascript
+// api/test/bingo-timer.test.js
+describe('Bingo Turn Timer', () => {
+  it('should auto-advance turn after 30 seconds of inactivity', function (done) {
+    this.timeout(35000);
+
+    // Setup: Create room, start game
+    player1.emit('bingo_createRoom', 'Alice');
+    player1.once('bingo_roomInfo', (room) => {
+      player2.emit('bingo_joinRoom', { roomId: room.id, playerName: 'Bob' });
+
+      player2.once('bingo_roomInfo', () => {
+        player1.emit('bingo_startGame', room.id);
+
+        player1.once('bingo_gameStarted', () => {
+          // Player1 should be current turn
+          // Wait 30 seconds - should auto-advance to player2
+          setTimeout(() => {
+            player1.once('bingo_nextTurn', (data) => {
+              expect(data.nextPlayerId).to.equal(player2.id);
+              done();
+            });
+            player1.once('bingo_alert', (alert) => {
+              // Alternative: turn timer event
+              done();
+            });
+          }, 31000);
+        });
+      });
+    });
+  });
+});
+```
+
+### 7.4 Backend Implementation Order
+
+1. **Week 1**: Create `BaseManager`, extract shared methods, run existing tests
+2. **Week 2**: Refactor BingoManager to extend BaseManager, add timer tests
+3. **Week 3**: Refactor DabManager to extend BaseManager, add redo validation tests
+4. **Week 4**: Refactor TicTacToeManager to extend BaseManager, add edge case tests
+5. **Week 5**: Refactor UTTTManager to extend BaseManager, add integration tests
+6. **Week 6**: Cross-game session isolation tests, performance benchmarks
+
+### 7.5 New Backend Endpoints (Optional)
+
+| Endpoint        | Purpose                                        |
+| --------------- | ---------------------------------------------- |
+| `GET /stats`    | Serve basic game stats (active rooms, players) |
+| `GET /health`   | Health check for load balancers                |
+| `POST /cleanup` | Manual room cleanup trigger                    |
+
+---
+
+## Updated Implementation Order (Frontend + Backend)
+
+| Week | Frontend                       | Backend                          |
+| ---- | ------------------------------ | -------------------------------- |
+| 1    | GameLayout + useGameHandlers   | BaseManager + shared methods     |
+| 2    | TurnIndicator + CSS            | BingoManager refactoring + tests |
+| 3    | RoomLobby enhancements         | DabManager refactoring + tests   |
+| 4    | MatchReport + CountdownOverlay | TicTacToe + UTTT refactoring     |
+| 5    | Game-specific enhancements     | Integration tests                |
+| 6    | Polish, mobile testing         | Performance, docs                |
diff --git a/.kilo/plans/1779446423808-glowing-falcon.md b/.kilo/plans/1779446423808-glowing-falcon.md
new file mode 100644
index 0000000..0caddda
--- /dev/null
+++ b/.kilo/plans/1779446423808-glowing-falcon.md
@@ -0,0 +1,197 @@
+# Codebase Review Plan
+
+## Summary
+
+The codebase is a monorepo with two packages:
+
+- **`api/`** — Node.js Express + Socket.IO server with 4 game managers (Bingo, Dab, TicTacToe, UTTT)
+- **`pro/`** — React 18 + Vite frontend with corresponding game components
+
+All games follow a pattern: manager extends `BaseManager`, handles socket events, manages room state in Maps.
+
+---
+
+## Critical Issues (P0 - Hotfix)
+
+### P0.1 `dab.js` — Duplicate Methods
+
+**Location**: `api/game-logic/dab.js` lines 189-408
+
+**Problem**: Multiple methods are defined twice:
+
+- `requestRedo`: lines 189-233 and 304-348 (70 lines duplicated)
+- `respondRedo`: lines 235-302 and 350-408 (79 lines duplicated)
+- `handleDisconnect`: lines 596-652 and 654-705
+
+**Critical Logic Bug**: The two `handleDisconnect` versions have inverted logic:
+
+- v1 (line 611): `if (canContinue)` emits "game continues" message
+- v2 (line 651): `if (!canContinue)` starts forfeit timer
+
+**Action**: Remove duplicate definitions. Keep and fix v1 logic.
+
+### P0.2 `ErrorBoundary.jsx` — Missing MUI Dependency
+
+**Location**: `pro/src/components/ErrorBoundary.jsx`
+
+**Problem**: Uses `@mui/material` which is not in `pro/package.json`
+
+**Action**: Rewrite using plain HTML + Tailwind classes.
+
+### P0.3 `TicTacToe.test.jsx` — Placeholder Test
+
+**Location**: `pro/src/tictactoe/TicTacToe.test.jsx`
+
+**Problem**: Contains only `expect(true).toBe(true)`
+
+**Action**: Write real tests following `UTTTGame.test.jsx` pattern.
+
+### P0.4 Dead Dependencies
+
+**Location**: `package.json` files
+
+**Remove from `api/package.json`**:
+
+- `mongoose` (not used - no database connection)
+- `jsonwebtoken` (not used - no auth)
+- `body-parser` (Express has built-in JSON parser)
+- `sweetalert2` (frontend package)
+
+**Remove from `pro/package.json`**:
+
+- `web-vitals` (not used)
+
+---
+
+## Quality & CI (P1)
+
+### P1.1 ESLint + Prettier
+
+- Install configs for both packages
+- Add `scripts.lint` and `scripts.format`
+
+### P1.2 Pre-commit Hooks
+
+- `husky` + `lint-staged` at root
+- Run lint + format on staged files
+
+### P1.3 GitHub Actions CI
+
+- `.github/workflows/ci.yml`
+- Run mocha tests for api, vitest for pro
+
+### P1.4 EditorConfig
+
+- Root `.editorconfig`: 2-space indent, LF endings
+
+---
+
+## Security (P2)
+
+### P2.1 Helmet.js
+
+- `npm install helmet` in api
+- Apply to Express app
+
+### P2.2 CORS Restriction
+
+- Replace `origin: '*'` with env-configured list
+- Apply to both Express and Socket.IO
+
+### P2.3 Rate Limiting
+
+- HTTP: `express-rate-limit`
+- Socket.IO: per-socket event rate limiter
+
+### P2.4 HTTPS/WSS Detection
+
+- Use `window.location.protocol` for secure connections
+
+### P2.5 Input Validation
+
+- TTT `makeMove`: add bounds check on `position`
+
+---
+
+## Operational (P3)
+
+### P3.1 Dockerfiles
+
+- `api/Dockerfile`: node:20-alpine
+- `pro/Dockerfile`: multi-stage with nginx
+- `docker-compose.yml`
+
+### P3.2 Graceful Shutdown
+
+- Handle `SIGTERM`/`SIGINT`
+- Drain connections, broadcast alerts, clear timers
+
+### P3.3 Structured Logging
+
+- Replace custom logger with `pino`
+- JSON output, `pino-http` for requests
+
+### P3.4 Garbage Collection
+
+- 5-min interval to remove stale rooms
+- Track last-active timestamps
+
+### P3.5 Health Checks
+
+- `/health`: include socket.io status
+- `/health/ready`: readiness probe
+
+---
+
+## Testing (P4)
+
+### P4.1 Frontend Tests
+
+- **Bingo**: board rendering, mark, bingo detection
+- **TicTacToe**: full rewrite (board, moves, win/draw)
+- **UTTT**: existing good coverage
+- **DAB**: existing good coverage
+
+### P4.2 E2E Tests
+
+- Playwright: create → join → play → game over
+- Disconnect/reconnect scenarios
+- Cross-game isolation
+
+### P4.3 Load Tests
+
+- `k6` or `autocannon`: 100 concurrent clients
+
+---
+
+## Scalability (P5)
+
+### P5.1 Redis Adapter
+
+- `@socket.io/redis-adapter` + `ioredis`
+- Multi-process pub/sub
+
+### P5.2 Horizontal Scaling
+
+- docker-compose replicas
+- nginx sticky sessions
+
+### P5.3 Prometheus Metrics
+
+- `/metrics` endpoint with room counts, event rates
+
+---
+
+## Implementation Priority
+
+| Priority | Task                                | Est. Time |
+| -------- | ----------------------------------- | --------- |
+| 1        | Fix dab.js duplicates               | 1-2h      |
+| 2        | Fix ErrorBoundary.jsx               | 0.5h      |
+| 3        | Write TicTacToe tests               | 1-2h      |
+| 4        | Remove dead dependencies            | 0.5h      |
+| 5        | ESLint/Prettier + CI                | 3-4h      |
+| 6        | Security (helmet, CORS, rate limit) | 2-3h      |
+| 7        | Docker + graceful shutdown          | 4-6h      |
+| 8        | Full test coverage                  | 8-12h     |
+| 9        | Scalability (Redis, Prometheus)     | 3-4h      |
diff --git a/.kilo/plans/1779685985901-stellar-circuit.md b/.kilo/plans/1779685985901-stellar-circuit.md
new file mode 100644
index 0000000..2b5d72a
--- /dev/null
+++ b/.kilo/plans/1779685985901-stellar-circuit.md
@@ -0,0 +1,156 @@
+# Bug Hunt Plan: api/pro Inconsistencies and Logic Issues
+
+## Summary
+
+Analyzed socket.io-games codebase for inconsistencies, bugs, and logic issues. Found 14+ issues across API and frontend.
+
+## Critical Issues (High Priority)
+
+### 1. Timer Double Deletion Bug
+
+**File:** `api/game-logic/BaseManager.js` (Lines 33-43)
+
+- `registerEmptyTimer` callback deletes room, then line 39 also deletes it
+- **Fix:** Remove line 39 `this.rooms.delete(roomId)` - callback already handles it
+
+### 2. UTTT Set Serialization Issue
+
+**File:** `api/game-logic/uttt.js` (Line 110, 158, 276-292)
+
+- `wonGrids: new Set()` doesn't serialize to JSON - becomes `{}`
+- `emitGameState` emits `uttt_gameState` instead of `uttt_roomInfo`
+- **Fix:** Convert Set to Array before sending; rename event to `uttt_roomInfo`
+
+### 3. Missing `connected` Property in Bingo
+
+**File:** `api/game-logic/bingo.js` (Lines 32, 78)
+
+- Players created without `connected: true` property
+- **Fix:** Add `connected: true` in createRoom and joinRoom
+
+---
+
+## Medium Priority Issues
+
+### 4. Non-existent Timer Clear in Bingo
+
+**File:** `api/game-logic/bingo.js` (Line 307)
+
+- `clearTimer('forfeit_${roomId}')` but timer never registered
+- **Fix:** Remove the clear call
+
+### 5. UTTT Event Naming Inconsistency
+
+**File:** `api/game-logic/uttt.js` (Lines 123, 173, 351, 371)
+
+- Uses `uttt_error` instead of `uttt_alert`
+- **Fix:** Rename to match other games
+
+### 6. UTTT Active Grid Logic
+
+**File:** `api/game-logic/uttt.js` (Lines 260-267)
+
+- When next grid is full, sets `activeGrid = null` (allows any move)
+- **Fix:** Find next available grid or keep current grid
+
+### 7. UTTT startGame Missing Validation
+
+**File:** `api/game-logic/uttt.js` (Lines 173-182)
+
+- Doesn't check if game already started or enough players
+- **Fix:** Add state and player count validation
+
+### 8. Missing DAB Reconnect Event
+
+**File:** `api/game-logic/dab.js` (310-327)
+
+- Frontend listens for `dab_playerReconnected` but server never emits it
+- **Fix:** Add emit after reconnection succeeds
+
+### 9. State Reset Order Bug
+
+**File:** `api/game-logic/bingo.js` (Lines 123-134)
+
+- Sets `gameState = 'ready'` before clearing game data
+- **Fix:** Clear data before changing state
+
+---
+
+## Low Priority Issues
+
+### 10. Duplicate UI Buttons in Bingo
+
+**File:** `pro/src/bingo/Bingo.jsx` (Lines 400-410)
+
+- Two identical "Leave Room" buttons rendered
+- **Fix:** Remove duplicate
+
+### 11. SessionStorage Cleanup Missing
+
+**File:** `pro/src/bingo/Bingo.jsx` (Line 223)
+
+- Reconnect session storage not cleaned on unmount
+- **Fix:** Add cleanup in useEffect return
+
+### 12. Timer Interval Memory Leak
+
+**File:** `pro/src/bingo/Bingo.jsx` (Lines 29-37)
+
+- Timer doesn't reset properly when `turnTimer` changes from server
+- **Fix:** Reset timer on `bingo_nextTurn` event
+
+---
+
+## Development Approach: TDD Required
+
+All fixes must follow Test-Driven Development:
+
+1. **Write failing test first** - Create a test that demonstrates the bug
+2. **Run test** - Confirm the test fails as expected
+3. **Make minimal fix** - Implement the smallest change to pass the test
+4. **Run all tests** - Verify no regressions
+5. **Refactor if needed**
+
+### Test Strategy by Issue:
+
+| Issue                  | Test Type            | Command                    |
+| ---------------------- | -------------------- | -------------------------- |
+| Timer double deletion  | API unit test        | `cd api && npm test`       |
+| UTTT Set serialization | API unit test        | `cd api && npm test`       |
+| Missing `connected`    | API integration test | `cd api && npm test`       |
+| Duplicate buttons      | Frontend test        | `cd pro && npx vitest run` |
+| Event naming           | API + Frontend tests | Both test suites           |
+
+Use `DEBUG=1` environment variable for verbose logging during test debugging.
+
+---
+
+## Execution Order
+
+1. **Issue #1** - ✅ Fix BaseManager double deletion (critical) - REMOVED `this.rooms.delete(roomId)` from registerEmptyTimer
+2. **Issue #3** - ✅ Fix Bingo missing `connected` property (critical) - ADDED `connected: true` in createRoom and joinRoom
+3. **Issue #2** - ✅ Fix UTTT Set serialization and event naming (high) - CHANGED `wonGrids: new Set()` to `[]`, renamed events to `*_alert`, renamed `uttt_gameState` to `uttt_roomInfo`
+4. **Issue #9** - ✅ Fix state reset order bug (medium) - MOVED game data clearing before gameState change
+5. **Issue #6** - ✅ Fix UTTT active grid logic (medium) - ADDED proper grid selection instead of null
+6. **Issue #10** - ✅ Fix duplicate UI buttons (low) - REMOVED duplicate Leave Room button
+7. **Issue #11** - ✅ Fix sessionStorage cleanup (low) - ADDED cleanup in useEffect return
+
+---
+
+## Remaining Issues (Not Fixed)
+
+### Issue #4: Non-existent Timer Clear in Bingo
+
+- Low impact: clearing a non-existent timer is a no-op
+
+### Issue #5: UTTT Event Naming Inconsistency
+
+- Partially fixed: `uttt_error` renamed to `uttt_alert` with proper format
+
+### Issue #7: UTTT startGame Missing Validation
+
+- Not implemented: UTTT doesn't have a separate startGame handler
+
+### Issue #8: Missing DAB Reconnect Event
+
+- Not implemented: Frontend doesn't consistently need this event
diff --git a/.kilo/plans/1779691648719-brave-panda.md b/.kilo/plans/1779691648719-brave-panda.md
new file mode 100644
index 0000000..05d09dd
--- /dev/null
+++ b/.kilo/plans/1779691648719-brave-panda.md
@@ -0,0 +1,164 @@
+# Game Logic Analysis Plan
+
+## Current Implementation Status vs Required Rules
+
+### 1. TTT (Tic Tac Toe) - `api/game-logic/tictactoe.js`
+
+**Required Rules:**
+
+- Three in a row wins (row, column, diagonal)
+- Otherwise tie
+
+**Current Implementation:**
+
+- ✅ `checkWinner()` (lines 23-41) correctly checks all 8 winning lines (3 rows, 3 cols, 2 diagonals)
+- ✅ Returns `{ winner, line }` when 3 in a row found
+- ✅ Returns `{ draw: true }` when board full with no winner
+- ✅ Implementation is CORRECT
+
+---
+
+### 2. UTTT (Ultimate Tic Tac Toe) - `api/game-logic/uttt.js`
+
+**Resolved Rule Interpretation:**
+
+- Three in a big grid wins (standard UTTT)
+- Won grids with EMPTY SQUARES are still playable
+- Free move when target grid is FULL (player can play anywhere)
+
+**Current Implementation Status:**
+
+- ✅ Lines 262-269: `activeGrid = null` when next grid is full - CORRECT per clarified rules
+- ✅ Won grids are still playable (no check blocks them) - CORRECT per clarified rules
+- ✅ `activeGrid` is properly set to target square's index - CORRECT
+
+**Status:** NO CHANGES NEEDED - Current implementation aligns with clarified rules
+
+---
+
+### 3. DAB (Dots & Boxes) - `api/game-logic/dab.js`
+
+**Required Rules:**
+
+- Who creates more boxes wins
+- Custom size, player selection
+- On making a box: extra move continues if multiple boxes claimed
+- Redo move request valid only for the next player makes his/her move
+
+**Current Implementation Issues:**
+
+#### Issue 3.1: Redo Request Logic (Lines 191-234)
+
+**Location:** `requestRedo()` method, lines 200-210
+
+```javascript
+const immediatePlayerIndex = room.currentTurn;
+if (playerIndex !== immediatePlayerIndex) {
+  // Error: Only current player can request redo
+}
+```
+
+**Problem:** The current implementation allows ONLY the current player to request a redo. But the rule states "Redo move request valid only for the next player makes his/her move" - meaning the redo request should be valid while the next player hasn't made their move yet, not that only the current player can request it.
+
+**Expected:** The player who JUST moved (the one whose move might be redone) should be able to request redo, OR the request should expire once the next player makes any move.
+
+**Status:** NEEDS FIX - The undo logic should be tied to the previous mover, not the current player.
+
+#### Issue 3.2: Multiple Box Extra Move (Lines 371-400)
+
+**Location:** `makeMove()` method
+
+```javascript
+if (claimedBoxes.length > 0) {
+  room.lastClaimedBox = claimedBoxes[claimedBoxes.length - 1];
+} else {
+  room.lastClaimedBox = null;
+}
+
+if (claimedBoxes.length === 0) {
+  room.currentTurn = this.getNextTurn(room);
+}
+```
+
+**Status:** ✅ CORRECT - Player keeps turn when claiming boxes (lines 377-379)
+
+---
+
+### 4. Bingo - `api/game-logic/bingo.js`
+
+**Resolved Rule Interpretation:**
+
+- Both players have SEPARATE 5x5 boards with SHUFFLED numbers (1-25)
+- Players share the SAME pool of scratched numbers
+- When a number is called, BOTH players check if they have it and scratch accordingly
+- Achieve 5-in-a-row/column/diagonal → scratch ONE letter from "BINGO"
+- Need to scratch ALL 5 letters (B-I-N-G-O) by achieving 5 separate bingos to win
+- 12 possible bingo lines per board (5 rows + 5 cols + 2 diagonals)
+- Must check on EVERY move which player has new bingos
+
+**Current Implementation Issues:**
+
+#### Issue 4.1: Separate Boards Not Used Correctly
+
+**Location:** `startGame()` and `markNumber()` methods
+
+**Problem:** The current code generates separate boards correctly (line 109-116), but the win check only happens when `bingoAchieved()` is manually called. The game should:
+
+1. Auto-detect when ANY player gets a bingo on each number call
+2. Track which letters each player has scratched from "BINGO"
+3. Broadcast that opponent scratched a number (so opponent knows their board state)
+
+#### Issue 4.2: Win Condition - Should be 5 Separate Bingos
+
+**Location:** `bingoAchieved()` method, lines 222-249
+
+**Problem:** Current implementation requires 5 lines at once and checks only the caller's board. Should:
+
+- Check BOTH players' boards on every number marked
+- Track accumulated bingo count per player (0-5)
+- Only the player who achieves their 5th bingo wins (if both hit 5 on same number, first to complete wins)
+
+---
+
+## Resolved Design Decisions (from Q&A)
+
+### Bingo Win Condition & Boards
+
+- **Board Setup:** Both players have SEPARATE 5x5 boards with randomly shuffled numbers 1-25
+- **Shared Pool:** Same pool of scratched numbers applies to both players
+- **Win Condition:** Each bingo (5-in-a-row) scratches one letter from "BINGO"
+- **Game End:** First player to scratch all 5 letters (5 separate bingos) wins
+- **Auto-Detection:** Must check both players' boards on EVERY number marked
+
+### DAB Redo Request
+
+- **Confirmed:** Previous mover can request redo (not current player)
+- **Confirmed:** Redo request expires when next player makes ANY move
+- **Confirmed:** After redo is accepted and undone, turn goes to the player who requested redo (they make a new move)
+
+### UTTT Free Move
+
+- **Confirmed:** "Won" grids with empty squares are still playable
+- **Confirmed:** Free move given when target grid is full (can play in any grid)
+- **Confirmed:** Free move NOT restricted on won grids - player gets free move if directed to a full grid
+
+---
+
+## Summary of Required Fixes
+
+| Game  | Issue                                  | Priority | Lines to Modify               |
+| ----- | -------------------------------------- | -------- | ----------------------------- |
+| Bingo | Auto-detect bingos on each number call | High     | 163-187 (markNumber), 237-249 |
+| Bingo | Track bingo count per player (0-5)     | High     | 29-37, 222-249                |
+| Bingo | Broadcast which numbers opponent has   | Medium   | 179-183                       |
+| DAB   | Redo request by previous mover         | High     | 200-210, 260-299              |
+| UTTT  | Free move on full grid                 | Low      | 262-269                       |
+
+---
+
+## Implementation Order (Recommended)
+
+1. **Bingo accumulated bingo tracking** - Core gameplay broken (requirement was option A for accumulated bingos)
+2. **DAB redo request fix** - Previous mover should request, expires on next move, turn returns to requester
+3. **Bingo opponent notification** - UX improvement (show which number opponent scratched)
+4. **UTTT verify full grid free move** - Low priority; current logic mostly correct per clarified rules
diff --git a/.kilo/plans/1779694981863-cosmic-island.md b/.kilo/plans/1779694981863-cosmic-island.md
new file mode 100644
index 0000000..660ab1a
--- /dev/null
+++ b/.kilo/plans/1779694981863-cosmic-island.md
@@ -0,0 +1,279 @@
+# Maintain Similarity Across All Games — Implementation Plan
+
+**Plan ID**: 1779694981863-cosmic-island  
+**Goal**: Make Bingo, TicTacToe (TTT), Ultimate TicTacToe (UTTT), and Dots & Boxes (DAB) feel like a single cohesive family of games with consistent UX, code patterns, error handling, and reuse of shared components.
+
+**User Decisions Recorded** (from clarification):
+
+- Start-game model: **Keep current split** (explicit "Start" for Bingo/DAB; auto-start on 2nd player for TTT/UTTT).
+- Error contract: **Standardize on `_alert` with `{ icon, title, text }`** (deprecate `_error` in UTTT).
+- Shared components: **Aggressively adopt** (full integration of `useGameHandlers`, `RoomLobby`, `TurnIndicator`, `MatchReport`, `AvatarSelector`, `CountdownOverlay`, improved `GameLayout`).
+- Room ID generation: **Standardize on short UUID** (Bingo style) via BaseManager.
+
+---
+
+## 1. Executive Summary
+
+Four games were added incrementally. Despite a rich set of shared UI components and a `BaseManager`, each game has duplicated:
+
+- Socket event wiring and state syncing
+- Room creation/join/start/leave/reconnect flows
+- Error presentation
+- Turn indication and post-game screens
+- Inline lobby UIs instead of `RoomLobby`
+
+Result: Inconsistent player experience and high maintenance cost.
+
+This plan enforces **similarity** by:
+
+- Fixing backend contracts (events, logging, room ID, error shape)
+- Refactoring all four games to use shared hooks + components
+- Extracting remaining common logic into BaseManager and frontend hooks
+- Updating tests to verify consistency
+
+**Scope**: api/ + pro/src/ (no new games, no database).
+
+---
+
+## 2. Current Inconsistencies (Evidence-Based)
+
+### 2.1 Backend (api/game-logic/)
+
+| Area                        | Bingo                        | TTT                        | UTTT                                 | DAB             | Problem                    |
+| --------------------------- | ---------------------------- | -------------------------- | ------------------------------------ | --------------- | -------------------------- |
+| Error events                | `_alert` `{icon,title,text}` | `_alert`                   | `_error` `{message}` + 1 `_alert`    | `_alert`        | UTTT breaks pattern        |
+| Event strings               | Template + `gamePrefix`      | Many hardcoded `'ttt_xxx'` | Template                             | Template        | TTT fragile                |
+| Logger usage                | None in manager              | None                       | Heavy (every method)                 | None            | Only UTTT observable       |
+| Room ID gen                 | `uuidv4().slice(0,6)`        | `Math.random()`            | `Math.random()`                      | `Math.random()` | Inconsistent quality       |
+| Explicit `startGame`        | Yes                          | No (auto on join)          | No (auto)                            | Yes             | Accepted per user decision |
+| Reconnect implementation    | Custom + some BaseManager    | Fully custom               | Fully custom                         | Fully custom    | Duplication                |
+| `handlePlayerLeave`         | Used in one path             | Inline duplicate           | Inline                               | Inline          | Inconsistent               |
+| `sendRoomInfo`              | One path                     | One path                   | Two paths (`roomInfo` + `gameState`) | One path        | UTTT emits two event names |
+| `handleReconnection` (Base) | Never called                 | Never                      | Never                                | Never           | Dead code                  |
+
+Other issues:
+
+- TTT `handleConnection` mixes literals and prefix.
+- Some managers clear timers that were never set (`forfeit_` in bingo reconnect).
+- DAB has duplicate method definitions (historical; assumed already cleaned in current tree).
+
+### 2.2 Frontend (pro/src/)
+
+| Area             | All Games (Common Anti-Pattern)                                        | Notes                                                                    |
+| ---------------- | ---------------------------------------------------------------------- | ------------------------------------------------------------------------ |
+| Lobby / pre-game | 100-200 lines of duplicated create/join/mode UI per file               | `RoomLobby` + `ModeSelector` + `AvatarSelector` exist but **zero usage** |
+| Leave handling   | Each game implements its own `handleLeaveRoom` + Swal                  | `useGameHandlers` + `LeaveButton` exist but unused                       |
+| GameLayout       | Used as wrapper, but games still render duplicate Leave buttons inside | Layout not authoritative                                                 |
+| Turn indication  | Inline text + spinner or custom timer                                  | `TurnIndicator` unused                                                   |
+| Post-game / win  | Inline "Play Again" + basic Swal                                       | `MatchReport` unused                                                     |
+| Reconnection     | sessionStorage with game-specific keys + near-identical logic          | Can be centralized                                                       |
+| Code size        | DAB 907 lines (heaviest duplication)                                   | Others 350-450 lines                                                     |
+| Sound/confetti   | Consistent libraries, inconsistent trigger points                      | Minor                                                                    |
+
+**Shared infrastructure status**:
+
+- `useGameHandlers`, `GameLayout`, `RoomLobby`, `TurnIndicator`, `MatchReport`, `AvatarSelector`, `CountdownOverlay`, `LeaveButton`, `ModeSelector` all have tests but are **not wired into any production game**.
+- Aggressive adoption is explicitly requested.
+
+---
+
+## 3. Goals & Non-Goals
+
+**Goals**:
+
+- Single error/alert contract (`_alert`) across backend + frontend.
+- All games use short-UUID room IDs generated in BaseManager.
+- All games use `useGameHandlers` (enhanced) for create/join/start/leave.
+- All games route pre-game through `RoomLobby` (adapted per game needs).
+- All games use `TurnIndicator` + `GameLayout` as the single source of navigation/turn UI.
+- Post-game uses `MatchReport` (or a lightweight consistent variant).
+- Backend: rich logging parity, consistent use of BaseManager helpers, no dead code.
+- Tests cover the shared paths (not just game-specific logic).
+
+**Non-Goals**:
+
+- Changing game rules or balance.
+- Forcing explicit Start button on TTT/UTTT (per user decision).
+- Adding new games or major new features.
+- Database or persistence.
+- Perfect visual pixel-perfect identity (game-specific boards stay unique).
+
+---
+
+## 4. Work Breakdown (Prioritized)
+
+### Phase 0 — Contracts & Foundation (High Confidence, Low Risk)
+
+1. **BaseManager — Room ID & Helpers**
+   - Add `generateRoomId()` using `uuid` (already a dep).
+   - Enhance `handleReconnection` so it can be the single implementation (or document why games still need overrides).
+   - Add `clearAllTimersForRoom(roomId)` helper.
+   - Add optional `onLog` or ensure managers can use a shared logger category.
+
+2. **Standardize Error Contract**
+   - Change all UTTT `_error` emissions to `_alert` with proper `{icon, title, text}` shape.
+   - Update frontend listeners in UTTTGame.jsx (and any generic error toast logic).
+   - Add deprecation comment in BaseManager for any old patterns.
+   - Update API tests that assert on `uttt_error`.
+
+3. **Logging Parity**
+   - Add lightweight logger calls (info/warn on critical paths) to Bingo, TTT, DAB managers using the same style as UTTT.
+   - Do not over-log every move unless DEBUG.
+
+4. **Frontend Hook Enhancement**
+   - Update `useGameHandlers` to:
+     - Accept an optional `leaveRoomEvent` or emit `<prefix>_leaveRoom` before disconnect (current games do this).
+     - Support "soft leave" (emit leave event, clear local room state, stay connected for other games) vs hard disconnect.
+     - Make Swal use `sketchPopupClass` (currently missing in the hook).
+   - Update its test.
+
+### Phase 1 — Backend Refactors (Per-Game, Parallelizable)
+
+For each manager (order: TTT → UTTT → DAB → Bingo for easiest first):
+
+- Replace room ID generation with `this.generateRoomId()`.
+- Replace all error emissions with `_alert`.
+- Replace hardcoded event strings in TTT with template + prefix.
+- Refactor `reconnect` to call (or be replaced by) BaseManager `handleReconnection` where possible.
+- Replace inline leave/disconnect logic with `handlePlayerLeave` + callbacks.
+- Remove dual emission paths in UTTT (`emitGameState` → consolidate to `sendRoomInfo` emitting `uttt_roomInfo`; update frontend).
+- Ensure all managers emit consistent `*_roomInfo`, `*_gameStarted` / `*_gameRestarted`, `*_playerLeft`, `*_gamePaused`, `*_alert` shapes.
+
+**Deliverable**: All four managers pass existing tests + new "consistency" tests (see Testing section).
+
+### Phase 2 — Frontend Aggressive Adoption (Largest Effort)
+
+**2.1 Shared Layout & Navigation**
+
+- Improve `GameLayout` to own the top nav, room copy, player avatars (using `PlayerBadge` or `AvatarSelector`), and authoritative Leave flow.
+- Remove all duplicate Leave buttons from the four game components.
+- Pass `gamePrefix`, `onLeave`, and any game-specific actions as props/children slots.
+
+**2.2 Pre-game / Lobby Unification**
+
+- Integrate `RoomLobby` into all four games.
+  - For Bingo/DAB: support "Start" button when ready + host-only.
+  - For TTT/UTTT: hide Start (auto-start), show "Waiting for opponent..." state.
+- Extend or compose `ModeSelector` for DAB's four modes + player count (or keep a small DAB-specific wrapper).
+- Wire `AvatarSelector` (optional ink color) — store in sessionStorage alongside reconnect data.
+- Add `CountdownOverlay` on game start where it makes sense (host-triggered starts).
+
+**2.3 In-Game Feedback**
+
+- Replace all custom turn text/spinners/timers with `<TurnIndicator>` (pass player name, isActive, isMyTurn, turnTimer).
+- Bingo keeps its 30s countdown but renders it via the shared indicator.
+- Ensure dimming of board when not your turn is consistent (or opt-in per game).
+
+**2.4 Post-Game**
+
+- Replace "Play Again" + basic Swal with `<MatchReport>` (winner, scores, optional stats like moves/time).
+- Keep "Play Again" (restart) and "New Room" actions.
+
+**2.5 Reconnection & State**
+
+- Create (or enhance) a `useReconnection` hook that centralizes:
+  - sessionStorage key pattern (`${prefix}_reconnect`)
+  - emit on mount
+  - cleanup on unmount / room leave
+- Update all four games to use it.
+
+**2.6 Code Size & Duplication Targets**
+
+- DAB: target reduction from ~900 lines toward 500-600 by moving mode UI to components + using shared lobby/handlers.
+- Other games: 30-50% reduction in boilerplate.
+
+**Files touched (approximate)**:
+
+- pro/src/components/ui/GameLayout.jsx (enhance)
+- pro/src/hooks/useGameHandlers.js + test
+- New or enhanced: `useReconnection.js`
+- All four game files (Bingo.jsx, TicTacToe.jsx, UTTTGame.jsx, DabGame.jsx) — heavy edits
+- Update any game-specific tests that assert on internal structure
+
+### Phase 3 — Polish, Edge Cases, Documentation
+
+- Ensure GameContext + multi-game socket still works (one socket, four independent rooms possible in theory).
+- Verify cross-game isolation (joining Bingo should not affect a TTT room in another tab).
+- Update AGENTS.md with new conventions (event contract, "always use X hook").
+- Add a small "consistency" section or snapshot test that verifies all games emit the same core event vocabulary on happy path.
+- Run full lint + test + e2e (if present) + manual smoke of all four games.
+
+---
+
+## 5. Testing Strategy (TDD Where Feasible)
+
+**Backend**:
+
+- New `api/test/consistency.test.js` (or extend integration.test.js):
+  - All managers expose `gamePrefix`.
+  - All use `_alert` (no `_error`).
+  - Room creation always yields 6-char uppercase ID.
+  - Reconnect/leave flows behave identically at the event level.
+- Per-manager tests continue to cover game rules.
+
+**Frontend**:
+
+- Update existing game tests to assert that they render `GameLayout`, `TurnIndicator`, etc.
+- Add or expand `RoomLobby.test.jsx` / integration tests if needed.
+- Vitest component tests for the refactored game containers (focus on "renders lobby", "emits via handler", "shows MatchReport on win").
+
+**Manual / E2E**:
+
+- Playwright specs (existing in e2e/) should continue to pass; add one cross-game smoke if time allows.
+- Full playthrough of create → join → play → win → restart → leave for all four.
+
+**CI**: No new jobs; existing lint + api test + frontend test must stay green.
+
+---
+
+## 6. Risks & Mitigations
+
+- **Risk**: Aggressive adoption changes UX for players mid-session.  
+  **Mitigation**: Feature-flag the new lobby per game behind a dev toggle initially, or roll out one game at a time (TTT first as simplest).
+
+- **Risk**: `useGameHandlers` leave semantics differ from current per-game nuance (especially DAB redo state).  
+  **Mitigation**: Enhance the hook with options; keep game-specific `onLeave` callbacks for complex cases.
+
+- **Risk**: DAB's complexity (zoom-pan, redo, variable sizes) makes full extraction harder.  
+  **Mitigation**: Accept some DAB-specific UI inside the shared shell; extract only the outer flow.
+
+- **Risk**: UUID change could theoretically collide with existing short random IDs (extremely unlikely).  
+  **Mitigation**: Document; no migration needed (in-memory only).
+
+---
+
+## 7. Implementation Order (Recommended)
+
+1. Phase 0 (Contracts) — 1-2 days
+2. Backend refactors (TTT → UTTT → DAB → Bingo) — 2-3 days
+3. Frontend hook + GameLayout improvements — 1 day
+4. Integrate one game fully (start with TicTacToe — smallest surface) as vertical slice — 1-2 days
+5. Port remaining three games (parallel where possible) — 3-4 days
+6. Test, polish, docs, AGENTS.md update — 1-2 days
+
+Total estimate: **10-14 developer days** for thorough execution.
+
+---
+
+## 8. Definition of Done
+
+- No `_error` events emitted by any manager.
+- All room IDs generated via BaseManager short-UUID.
+- All four games render exclusively through `GameLayout` + shared indicators/lobby/report components (no duplicate leave buttons, no inline lobby code > ~30 lines per game).
+- `useGameHandlers` (enhanced) is imported and used by all games.
+- Logger calls present on critical paths in all managers.
+- All existing + new consistency tests pass.
+- Manual play of all four games feels "part of the same family".
+- Lint, format, and CI green.
+
+---
+
+## 9. Open Questions for Future (Out of Scope Here)
+
+- Should we add a shared "quick rematch" flow that keeps the same players?
+- Analytics / match stats (would require the currently forbidden DB).
+- Mobile-specific navigator for UTTT/DAB (future enhancement).
+
+---
+
+**Ready for implementation.** This plan is self-contained, references concrete files and patterns, respects the recorded user decisions, and aims for the highest practical similarity without forcing inappropriate uniformity on game-specific rules.
diff --git a/.kilo/plans/1779706333960-curious-tiger.md b/.kilo/plans/1779706333960-curious-tiger.md
new file mode 100644
index 0000000..6debc04
--- /dev/null
+++ b/.kilo/plans/1779706333960-curious-tiger.md
@@ -0,0 +1,389 @@
+# Paper Party Expansion: SOS & Connect Four — Implementation Plan
+
+**Plan ID**: 1779706333960-curious-tiger  
+**Goal**: Add two new server-authoritative, highly playable, mobile-first multiplayer games — **SOS** (with custom board sizes) and **Connect Four** (classic 6×7) — to the existing PaperParty monorepo. Strictly adhere to current architecture (JS, CommonJS in api/, no TypeScript/Zustand, Context + per-game state, shared sketch/paper UI components, BaseManager patterns, Mocha + Vitest + Playwright E2E). Prioritize smooth low-latency multiplayer, satisfying physics/animations/combos, sounds, spectator support, and TDD. Leverage and extend shared components from the start to minimize future duplication.
+
+**Recorded User Decisions** (from clarification):
+
+- Routes & prefixes: `/sos` + `sos_` events; `/connect4` + `c4_` events.
+- Component files: `pro/src/sos/SOSGame.jsx` and `pro/src/connect4/Connect4Game.jsx`.
+- Add `framer-motion` to `pro/` for premium falling-disc physics, combo line traces, win highlights, and future-proofing (critical for "addictive" per expansion goals).
+- Spectator support: **Yes** — allow observers to join full (2-player) rooms as read-only viewers with live updates; no move capability; UI indicates spectating.
+- SOS boards: **Custom sizes supported** (like DAB modes) — 4×4 to 8×8 (clamped, square only). Recommend presets: 5×5 (quick), 6×6 (balanced), 7×7 (deeper). C4 fixed at classic 6 rows × 7 cols.
+- Testing: Full coverage — unit (game logic), integration (socket flows), E2E Playwright smoke (create/join/play/win/restart/spectate/reconnect) for both games.
+
+---
+
+## 1. Executive Summary
+
+The request provides detailed UX specs, TDD outlines, and a "suggested" (but incompatible) folder/stack. This plan maps **everything** to the _actual_ running architecture from AGENTS.md + current code (4 existing games, BaseManager with `generateRoomId()`, `_alert` contract, template event names in newer managers, GameLayout/RoomLobby/MatchReport/AvatarSelector/etc., use-sound + confetti, paper/sketch Tailwind theme, sessionStorage reconnect, no optimistic moves).
+
+**Key outcomes**:
+
+- Two new game engines (api/game-logic/) + full test suites.
+- Frontend pages that feel native (same fonts, cards, popups, sounds, avatars).
+- Spectator + custom SOS sizing + explicit start flow (to support config + observers) using/extending shared lobby components.
+- Premium animations (framer-motion) without breaking mobile perf or existing games.
+- Reusable patterns (e.g. generic win-line highlighter, score popup) that can later help unify the original 4 games.
+- Zero breakage to bingo/ttt/uttt/dab or CI.
+
+**Non-goals**: Do not force full unification refactor on legacy games here (that was cosmic-island scope); do not add DB/persistence; keep C4 rules 100% classic.
+
+**Estimated effort**: 12–18 dev days (backend engines first, vertical slices per game, polish last).
+
+---
+
+## 2. Current Architecture Constraints & Alignment
+
+**Server (api/)**:
+
+- CommonJS, `require`, `module.exports`.
+- All managers: `class XxxManager extends BaseManager { gamePrefix = 'xxx'; handleConnection(socket) { socket.on(`${this.gamePrefix}\_...`, ...) } }`
+- Events: createRoom, joinRoom, makeMove / startGame / restartGame / leaveRoom / reconnect / requestRoomInfo / disconnect.
+- State in `this.rooms: Map<roomId, Room>`; Room has `id, players[], gameState ('waiting'|'playing'|'ended'|'paused'), currentTurn, ...gameSpecific`.
+- Error: always `socket.emit('xxx_alert', {icon, title, text})`.
+- Reconnect/leave/pause use Base helpers + per-game overrides (some duplication still exists).
+- HTTP: /stats must include new games; /cleanup and shutdown must handle new managers.
+- Tests: `api/test/xxx.test.js` (Mocha + socket.io-client @ port 4001); NODE_ENV=test skips listen.
+
+**Frontend (pro/)**:
+
+- ES modules, React 18 + Vite, Tailwind v4 + custom `.sketch-card`, `.bg-paper`, `.font-sketch`, `.paper-font`, etc.
+- Imports: React → external (react-router, lucide, use-sound, framer-motion after add, canvas-confetti, sweetalert2) → internal (relative).
+- Single socket from `GameContext` (playerName, roomId, socket, setRoomId, clearRoomId).
+- Per-game pages manage local state + socket listeners (cleanup in useEffect).
+- Reconnect: `sessionStorage.getItem('sos_reconnect')` etc. + emit on mount.
+- Shared UI (import from `../components/ui`): GameLayout (wraps), RoomLobby (for explicit-start + waiting + host start), MatchReport (post-game), AvatarSelector, LeaveButton, TurnIndicator, Sketch\* primitives, sketchPopupClass for Swal.
+- Sounds: `use-sound('/sounds/xxx.mp3')`; existing assets: move/pop/turn/win.mp3 in `public/sounds/`.
+- Landing: hard-coded GameCard grid + custom SVG icons in PaperPartyLanding.jsx; add two new cards (remove from "Coming Soon").
+- Routing: App.jsx + BrowserRouter.
+- Tests: Vitest + RTL; mocks for socket/sound/confetti/swal; per-game `Xxx.test.jsx`.
+- E2E: Playwright in `e2e/` (per-game `*.spec.js` + `helpers.js` with navigate/create/join helpers); `e2e/playwright.config.js`.
+
+**Deviations from request's "suggested" structure**:
+
+- No `src/games/sos/`, no `server/` rename, no TS, no Zustand, no new sockets/ or rooms/ folders.
+- Keep flat-ish per-game folders (like uttt/components/ for complex bits); main page at root of its dir.
+- Add framer-motion (justified by UX goals + user confirmation).
+
+**Reusable wins for new games**:
+
+- New games will be the first to fully adopt RoomLobby + explicit start (modeling future unification).
+- Spectator logic can be partially hoisted to BaseManager in a later polish if desired.
+- Generic board + line-highlight primitives (SVG or divs + framer) can be extracted.
+
+---
+
+## 3. Game Specifications (Adapted to Current Stack)
+
+### SOS
+
+- **Board**: Square, configurable at create (4–8, presets 5/6/7). Cells: `null | 'S' | 'O'`.
+- **Players**: 2 (plus any number of spectators).
+- **Flow**: Host creates (picks size) → waiting lobby (RoomLobby) → others join as Player (fills 2nd slot) or Spectator → Host starts when ≥2 players → alternate turns (or extra on score) → place S/O in empty cell.
+- **Scoring**: +1 per SOS formed (horizontal/vertical/diagonal). One placement can score 2+ (combo). Scorer gets extra turn.
+- **End**: Board full → highest score wins (or draw).
+- **Events** (all `sos_*`): createRoom({playerName, size}), joinRoom({roomId, playerName, asSpectator?}), startGame({roomId}), makeMove({roomId, row, col, value}), restartGame, leaveRoom, reconnect, requestRoomInfo.
+- **State shape** (room):
+  ```js
+  {
+    id, players: [{id, name, connected, isHost?}], spectators: [{id, name, connected}],
+    size: 6, board: string[][], scores: {p1:0, p2:0}, currentTurn: socketId | null,
+    gameState: 'waiting'|'playing'|'ended', moveHistory: [...], formedPatterns?: [...] // for highlights
+  }
+  ```
+- **Key server logic**: validate turn/empty/valid symbol; place; scan 8 dirs from placed cell (or full cheap scan) for all new `S O S` (center or edge); award per pattern; decide extra turn vs switch; broadcast move + scores + formed (for anim) or full roomInfo.
+
+### Connect Four (C4)
+
+- **Board**: Fixed 6 rows × 7 cols. Cells: `null | 'red' | 'yellow'`.
+- **Players**: 2 (red=p1, yellow=p2) + spectators.
+- **Flow**: Host creates → waiting → p2 joins or spectate → host starts (or auto if we decide) → drop disc into column (gravity to lowest empty) → check win (4 connected horiz/vert/diag).
+- **End**: 4-in-a-row (win) or board full (draw).
+- **Events**: `c4_*` (createRoom, joinRoom, startGame, makeMove({roomId, column}), etc.).
+- **State**: `board: Cell[][]` (row 0 = top), currentTurn, winner?, lastMove? (for optimized check + anim origin).
+- **Win detection**: Only rays from last placed disc (4 directions, count streaks) — O(1) per move.
+- **Frontend critical**: Column hover/active highlight + transparent preview disc (framer); falling animation with slight bounce (framer spring + perhaps velocity); win line glow + connect trace; column tap anywhere drops.
+
+**Shared multiplayer** (both games):
+
+- Spectators: receive all roomInfo/move broadcasts; see live board + scores/turn; "Spectating" UI badge; no emit moves; can leave cleanly.
+- Reactions (future stretch): quick emoji bar (🔥 etc.) broadcast to room.
+- Reconnect: works for players _and_ spectators (restore role + state).
+- Move history stored for potential replay (in-memory only).
+
+---
+
+## 4. Backend Implementation Details
+
+### New Files
+
+- `api/game-logic/sos.js` (extends Base, ~300–400 LOC with detection)
+- `api/game-logic/connect4.js` (extends Base, win-check optimized)
+- `api/test/sos.test.js`
+- `api/test/connect4.test.js`
+- (Optional) extend `api/test/integration.test.js` for cross-game + spectator flows.
+
+### Required Changes
+
+- `api/index.js`:
+  - Add requires + instantiate `sosManager`, `connect4Manager`.
+  - Register both in `io.on('connection')`.
+  - Add to `/stats`, cleanup loop, shutdown loop, export.
+- (Minor) `BaseManager.js` — optional helpers if useful:
+  - `addSpectator(room, socket, name)`, `removeSpectator`, `isSpectator`.
+  - Or implement purely in the two new managers (simpler for scope).
+
+### SOS Engine TDD Order (Mocha style, mirror existing)
+
+1. Board init (create with size, empty 2D, scores 0, waiting state).
+2. Move validation (turn, empty cell, valid 'S'/'O', size bounds).
+3. SOS detection (horiz/vert/diag; multiple from one cell; patterns where placed cell is edge or center).
+4. Scoring + turn logic ( +N points, extra turn if scored >0 else switch; emit formed patterns).
+5. Game end (full board → winner by score or draw).
+6. Full flows: create (size), join (player vs spectator), start, reconnect (both roles), leave/pause, restart.
+7. Spectator isolation (cannot move; still receives updates).
+
+### C4 Engine TDD Order
+
+1. 6×7 board creation/empty.
+2. Gravity drop (find lowest row in col; reject full col).
+3. Turn alternation + validation.
+4. Win detection (all 4 dirs from last move only; horiz/vert/diagL/diagR).
+5. Draw on full board.
+6. Full socket flows + spectator + reconnect.
+
+**Event contract (use template literals like dab)**:
+
+```js
+socket.on(`${this.gamePrefix}_createRoom`, ...)
+socket.on(`${this.gamePrefix}_makeMove`, ...)
+socket.on(`${this.gamePrefix}_startGame`, ...)  // for both
+// etc.
+```
+
+Emits: `_roomInfo`, `_gameStarted`, `_moveMade` (or game-specific payload with new board/score/turn/winner/line/patterns), `_alert`, `_playerLeft`, `_gamePaused`, `_gameRestarted`.
+
+Early returns on invalid; never throw.
+
+---
+
+## 5. Frontend Implementation Details
+
+### New Files / Structure
+
+```
+pro/src/
+  sos/
+    SOSGame.jsx
+    SOSGame.test.jsx
+    components/          # optional: SOSBoard.jsx, SymbolSelector.jsx, ScoreBoard.jsx, PatternHighlighter.jsx
+      ...
+  connect4/
+    Connect4Game.jsx
+    Connect4Game.test.jsx
+    components/
+      ConnectBoard.jsx   # column handlers + framer discs
+      Disc.jsx
+      ...
+```
+
+- Keep main game files <400 LOC by extracting board subcomponents (like uttt does).
+
+### Key UI/UX (per request + current theme)
+
+**Both**:
+
+- Wrap in `<GameLayout>` (or enhanced for spectators).
+- Pre-game: size/mode picker (SOS) → Create (emits with options) → RoomLobby (waiting players + spectators list, host Start when ready, share, leave).
+- In-game: TurnIndicator (or custom), live board, avatars/badges, spectator banner if applicable.
+- Post: `<MatchReport winner=... isWinner=... stats={{scores, moves?}} onRematch=... />` — enhance lightly for SOS scores if needed.
+- Reconnect + sessionStorage `sos_reconnect` / `c4_reconnect`.
+- use-sound + confetti on win/score.
+- All Swal use `sketchPopupClass`.
+
+**SOS specific**:
+
+- SymbolSelector (S / O buttons, large touch targets, pre-select before tap).
+- Hover (desktop) / press (mobile) preview: faded letter in target cell.
+- On score: floating +1/+2 popups (framer or CSS), "DOUBLE SOS!" banner + pulse/glow on formed cells, animated tracing lines (SVG stroke-dash + framer or CSS).
+- Dynamic grid: `style={{ gridTemplateColumns: `repeat(${size}, 1fr)` }}`.
+- Highlight completed patterns persistently or until next move.
+
+**C4 specific (highest priority polish)**:
+
+- Board: 6×7 clickable columns (tap anywhere in column or header).
+- **Hover/Active column**: soft highlight + preview disc (semi-transparent red/yellow) above or in top empty slot.
+- **Falling physics (framer-motion)**: disc starts at row -1, animates with spring {stiffness, damping} to final row; slight overshoot/bounce on settle. Use `AnimatePresence` + layoutId or key per cell for smooth.
+- Win: 4 winning discs pulse + glow (yellow ring), optional animated connector line.
+- Stacked discs feel "heavy" (subtle shadow, color per player fixed red/yellow).
+
+**Mobile-first**: min 44px tap targets, no hover-only info, orientation tolerant, safe-area padding if PWA.
+
+**Sounds to add** (new files in `pro/public/sounds/`):
+
+- `place.mp3` (neutral), `score.mp3`, `combo.mp3` (higher), `drop.mp3` (for C4), `victory.mp3` (or reuse win).
+- Trigger points: place, any score (with pitch/volume by count), win.
+
+**Dependencies**:
+
+- `cd pro && npm install framer-motion` (motion, AnimatePresence, useAnimation etc.).
+- Update `pro/package.json` (plan step will capture).
+
+---
+
+## 6. Shared Updates Required
+
+- `pro/src/App.jsx`: add imports + `<Route path="/sos" element={<SOSGame />} />` + `/connect4`.
+- `pro/src/components/PaperPartyLanding.jsx`:
+  - New SVG icons (SOS: S/O letters in grid; C4: stacked red/yellow discs with gravity arrow).
+  - Add two `<GameCard>` entries (before "Coming Soon" or replace one).
+  - Export icons.
+- `pro/src/components/ui/index.js`: re-export any new shared (e.g. if we extract a `ScorePopup` or `WinLine` later).
+- `e2e/helpers.js`: add entries to `gameLabels`, possibly generic `clickCreateForGame`, spectator join helpers.
+- `e2e/sos.spec.js` + `e2e/connect4.spec.js` (new).
+- `api/index.js`, exports, stats, shutdown, cleanup (as above).
+- Optional: small BaseManager spectator helpers.
+- `AGENTS.md`: update "Project Structure" example + "Naming Conventions" + test commands if needed. Add note that new games model unified lobby/start/spectator patterns.
+- `pro/src/index.css`: any one-off keyframes for combo pulse/glow (or inline framer).
+- (If gaps found in shared during impl) enhance RoomLobby/MatchReport/TurnIndicator with spectator or score props — keep backward compat.
+
+**No changes** to existing 4 games unless a tiny bugfix surfaces while testing.
+
+---
+
+## 7. Testing Strategy (TDD + Full Matrix)
+
+**Backend (api/)**:
+
+- Per-game `xxx.test.js` following tictactoe.test.js pattern (setupGame helper, before/after connect 2+ clients, describe('Room Creation'/'Join'/'Spectator Join'/'Move Validation'/'SOS Detection & Scoring'/'Win/Draw'/'Reconnect'/'Spectator View')).
+- Use `--grep` for focused runs during dev.
+- Integration: cross-manager isolation + one spectator multi-game scenario.
+
+**Frontend (pro/)**:
+
+- `SOSGame.test.jsx` / `Connect4Game.test.jsx`: render states (no-room lobby with size picker, waiting RoomLobby, playing board, ended MatchReport), interaction (symbol select + cell emits correct payload; column click emits; blocked when not turn/spectator/occupied), socket sync (roomInfo updates board/scores/turn/spectators), reconnect restore.
+- Mock: socket, use-sound, framer (or test without heavy anim), confetti, swal, framer-motion (vi.mock('framer-motion')).
+- Run `npx vitest run pro/src/sos/... --testNamePattern="..."`.
+
+**E2E (Playwright)**:
+
+- New `sos.spec.js`, `connect4.spec.js` using helpers + browser contexts for p1/p2/spectator.
+- Scenarios: full create (size for SOS) → join (player + spectator) → play to score/win/combo → rematch → leave; spectator sees moves but cannot act; reconnect after refresh; mobile viewport simulation.
+- Update reconnect.spec.js if generic flows needed.
+- `npm --prefix e2e test` or direct playwright.
+
+**Manual + Perf**:
+
+- Real devices (iOS Safari, Android Chrome) for touch, 4"–6" viewports, orientation.
+- Slow 3G throttle for latency feel.
+- 6+ spectators + 2 players — ensure no perf hit.
+- Lint + format after every batch of edits: `npm run lint && npm run format`.
+
+**CI**: Existing jobs cover everything (no new matrix needed).
+
+---
+
+## 8. Work Breakdown & Recommended Order (Phased, Low Risk)
+
+**Phase 0 — Foundation (½–1 day)**
+
+1. Add `framer-motion` to pro/ (`npm install` in pro/, update package.json + lock via normal flow).
+2. Extend BaseManager with optional spectator helpers (or skip).
+3. Create plan review / branch `feat/sos-connect4`.
+
+**Phase 1 — SOS Backend (2–3 days, TDD)**
+
+- sos.js full engine + unit tests.
+- Wire into api/index.js + stats/cleanup/shutdown.
+- Run `cd api && npm test -- --grep "SOS"` frequently.
+
+**Phase 2 — Connect4 Backend (2 days)**
+
+- connect4.js + tests (win detection focus).
+- Wire same as above.
+
+**Phase 3 — Shared Wiring & E2E Helpers (1 day)**
+
+- Update App, Landing (icons + cards), helpers.js, AGENTS.md skeleton.
+- Basic E2E stubs pass.
+
+**Phase 4 — SOS Frontend Vertical Slice (3 days)**
+
+- SOSGame.jsx (pre-create size picker, RoomLobby integration for start/spectate, board render, symbol select + preview, move emit/listen, scoring UI, MatchReport with scores, reconnect, sounds).
+- SOSGame.test.jsx (render + interaction + sync).
+- Framer basics for popups/lines.
+
+**Phase 5 — Connect4 Frontend (3–4 days — heaviest anim)**
+
+- Connect4Game analogous.
+- ConnectBoard + Disc with framer falling + bounce (iterate physics feel until "dopamine" per request).
+- Win highlight + line.
+- Spectator UI.
+- Full tests.
+
+**Phase 6 — Polish, Cross-Cut, Full E2E (2–3 days)**
+
+- New sounds (place in public/sounds/, triggers in both games).
+- Spectator edge cases (reconnect as spec, leave mid-game, multiple specs).
+- Mobile refinements, a11y (aria, reduced motion respect via framer).
+- Full E2E happy + error paths for both.
+- Manual device matrix.
+- `npm run lint && npm run format` + full `npm test` (api) + `npx vitest run` (pro) + e2e.
+- Update any remaining docs.
+
+**Total**: One coherent PR or 2–3 stacked (backend first, then SOS, then C4+polish).
+
+---
+
+## 9. Risks & Mitigations
+
+- **Risk**: Spectator role + custom SOS size adds state surface / edge cases (join as spec after p2 full, size in all paths, start validation).  
+  **Mitigation**: TDD the matrix early; keep spectators simple list parallel to players; clamp size aggressively; one vertical slice per game before full spectator.
+
+- **Risk**: Framer falling animation feels "dead" or janky on low-end mobile / causes layout shift.  
+  **Mitigation**: Use `layout` + spring with tuned values; test on real devices early in Phase 5; provide `prefers-reduced-motion` fallback (instant place); profile with React DevTools.
+
+- **Risk**: Dynamic grid + 8×8 SOS cramped or slow on small phones.  
+  **Mitigation**: Max 7×7 practical; use CSS `minmax(32px, 1fr)` + touch feedback; 4×4/5×5 as quick-play defaults.
+
+- **Risk**: Adding dep + new patterns slightly increases bundle (framer ~ few KB gz).  
+  **Mitigation**: Tree-shake; only import { motion, AnimatePresence } in game files; acceptable for UX goals.
+
+- **Risk**: Unification debt grows (new games perfect, old still duplicated).  
+  **Mitigation**: Document in AGENTS.md "New games (SOS/C4) use RoomLobby + explicit start + spectators as the target pattern"; small polish PRs later cheap.
+
+- **Risk**: Sounds — licensing / file size.  
+  **Mitigation**: Use short public-domain or self-generated tones (or existing + volume variants); compress; document sources in PR.
+
+---
+
+## 10. Definition of Done
+
+- Both games fully playable end-to-end (create with options/spectate, play, score/combo/win/draw, rematch, reconnect, leave) on desktop + mobile.
+- All unit + integration + E2E tests green; 70%+ coverage on new logic files.
+- `npm run lint && npm run format` clean from root.
+- `/stats` reports new rooms; server shutdown/cleanup handles them.
+- Spectator can watch full game live without ability to interfere.
+- SOS size selector works; multiple sizes tested (quick 5×5 and deeper 7×7).
+- C4 falling animation "feels alive" (bounce, responsive columns) — demo video or gif in PR description.
+- New sounds fire on key moments.
+- Landing page advertises both with custom icons; routes work.
+- AGENTS.md + this plan updated with any learnings.
+- No regressions in existing 4 games (full regression run).
+- CI green on push.
+
+---
+
+## 11. Open Questions / Future Work (Out of Scope for v1)
+
+- Shared "quick rematch" that preserves spectators?
+- Reactions bar (🔥😮) — tiny social boost.
+- Match history / replay from move array (would pair well with future DB).
+- Extract generic `useSpectator` or `BoardWithHighlights` after both games land.
+- 3+ player SOS variant?
+- Theming per game (C4 red/yellow stronger contrast)?
+
+**Ready for implementation.** This plan is concrete (specific files, event names, TDD order, user-confirmed decisions), respects the live codebase constraints 100%, and directly delivers the "highly playable / addictive / reusable" vision while keeping technical debt low.
+
+(End of plan)
diff --git a/.kilo/plans/1779727166487-clever-rocket.md b/.kilo/plans/1779727166487-clever-rocket.md
new file mode 100644
index 0000000..3a266b0
--- /dev/null
+++ b/.kilo/plans/1779727166487-clever-rocket.md
@@ -0,0 +1,173 @@
+# Codebase Consistency Improvements Plan
+
+## Overview
+
+This plan addresses inconsistencies identified across the Socket.IO Games monorepo, focusing on server-side game managers and frontend patterns.
+
+## Issues Identified
+
+### 1. Room Info Sanitization Inconsistency
+
+**Files affected:** `api/game-logic/*.js` (TicTacToe, Dab)
+
+- **Bingo & UTTT:** Properly sanitize room info before emitting (`sendRoomInfo` removes timer references)
+- **TicTacToe:** Sends raw room object without sanitization
+- **Dab:** Sends room object directly without sanitization
+
+**Fix:** Standardize `sendRoomInfo` to sanitize sensitive/timer properties from all managers.
+
+### 2. Socket Event Logging Inconsistency
+
+**Files affected:** `api/game-logic/*.js`
+
+- **UTTT:** Logs all socket events with `logger.socket()`
+- **Bingo, TicTacToe, Dab:** No socket event logging
+
+**Fix:** Add consistent socket logging to all managers for debugging parity.
+
+### 3. Player Name Validation Inconsistency
+
+**Files affected:** `api/game-logic/*.js`, `pro/src/context/GameContext.jsx`
+
+- **Backend:** `BaseManager.validatePlayerName()` exists but is only used in Bingo's join flow
+- **TicTacToe, UTTT, Dab:** Create/join don't validate player names
+- **Frontend:** No validation before sending player names
+
+**Fix:** Apply consistent player name validation in all managers and optionally frontend.
+
+### 4. Disconnect Handler Inconsistency
+
+**Files affected:** `api/game-logic/*.js`
+
+- **Bingo:** Uses `handlePlayerLeave` from BaseManager with custom callback
+- **TicTacToe:** Custom disconnect handler, doesn't use BaseManager's `handlePlayerLeave`
+- **UTTT:** Custom disconnect handler, doesn't use BaseManager's `handlePlayerLeave`
+- **Dab:** Custom disconnect handler, doesn't use BaseManager's `handlePlayerLeave`
+
+**Fix:** Standardize disconnect handling to use BaseManager's `handlePlayerLeave` pattern.
+
+### 5. Turn Timer Management Inconsistency
+
+**Files affected:** `api/game-logic/bingo.js`, `api/game-logic/tictactoe.js`, `api/game-logic/uttt.js`, `api/game-logic/dab.js`
+
+- **Bingo:** Has 30-second turn timer with proper cleanup
+- **TicTacToe:** No turn timer
+- **UTTT:** No turn timer
+- **Dab:** No turn timer
+
+**Fix:** Either add turn timers to all games for parity, or document that Bingo is special-cased.
+
+### 6. Creator Property Inconsistency
+
+**Files affected:** `api/game-logic/*.js`
+
+- **Bingo, Dab:** Have `creator` property on room
+- **TicTacToe, UTTT:** No `creator` property (uses turnOrder[0] for first player)
+
+**Fix:** Standardize room structure - either add `creator` to all or remove from all.
+
+### 7. Game State Transition Inconsistency
+
+**Files affected:** `api/game-logic/*.js`
+
+- **Bingo:** `waiting` → `ready` → `playing`
+- **TicTacToe:** `waiting` → `playing` (auto-start on join)
+- **UTTT:** `waiting` → `playing` (auto-start on join)
+- **Dab:** `waiting` → `playing` (manual start)
+
+**Fix:** Decide on standard flow - "ready" state should exist where game requires explicit start.
+
+### 8. Frontend Socket Reconnection Handling
+
+**Files affected:** `pro/src/context/GameContext.jsx`
+
+- No reconnection logic when socket disconnects
+- Player loses room state on disconnect
+
+**Fix:** Add socket reconnection with room state recovery.
+
+### 9. Missing Server Games in index.js
+
+**Files affected:** `api/index.js`
+
+- SOS and Connect4 game files exist but are not imported/registered in `index.js`
+- Frontend has SOS and Connect4 routes but server doesn't support them
+
+**Fix:** Either implement server support for SOS/Connect4 or remove frontend routes.
+
+### 10. SOS/Connect4 Server Integration Missing
+
+**Files affected:** `api/index.js`
+
+- SOS and Connect4 manager files exist but are NOT imported/registered in `api/index.js`
+- Frontend has working components and routes for both games
+- Tests exist for both games but server support is missing
+
+**Fix:** Add `SOSManager` and `Connect4Manager` imports and registration to `api/index.js`.
+
+### 11. Room Info Sanitization Missing in SOS/Connect4
+
+**Files affected:** `api/game-logic/sos.js`, `api/game-logic/connect4.js`
+
+- Both managers send raw room object without sanitization in `sendRoomInfo`
+- Neither has `creator` property in room structure consistency check
+
+**Fix:** Standardize `sendRoomInfo` sanitization.
+
+### 12. Frontend Socket Logger API Mismatch
+
+**Files affected:** `pro/src/utils/logger.js`, `pro/src/utils/useSocketLogger.js`
+
+- Frontend logger.js uses unicode arrow symbols ('⬅️') for direction
+- Backend logger.js uses string 'IN'/'OUT'
+- Frontend `useSocketLogger` hook exists but may not match backend format
+
+**Fix:** Align socket logging format between client and server.
+
+## Implementation Priority
+
+1. **Critical:**
+   - SOS/Connect4 server integration (broken functionality - routes lead to 404)
+   - Room info sanitization (data leakage prevention)
+   - Room creation alert missing in TicTacToe
+
+2. **High:**
+   - Socket event logging parity
+   - Player name validation consistency
+   - SendRoomInfo sanitization in SOS/Connect4
+
+3. **Medium:**
+   - Disconnect handler standardization
+   - Creator property standardization
+   - Turn timer consistency
+
+4. **Low:**
+   - Game state transition logic
+   - Socket reconnection enhancement
+   - Frontend logger alignment
+
+## Files to Modify
+
+### API (Server)
+
+- `api/index.js` - Add SOS/Connect4 imports and manager instantiation
+- `api/game-logic/tictactoe.js` - Add sanitization, logging, room creation alert
+- `api/game-logic/dab.js` - Add sanitization
+- `api/game-logic/uttt.js` - Ensure logging consistency, check sanitization
+- `api/game-logic/sos.js` - Add sanitization
+- `api/game-logic/connect4.js` - Add sanitization
+- `api/utils/logger.js` - Add socket logging helper for consistency
+
+### Frontend
+
+- `pro/src/context/GameContext.jsx` - Add reconnection handling
+- `pro/src/hooks/useGameHandlers.js` - Add name validation helper
+- `pro/src/utils/logger.js` - Align socket log format with backend
+
+## Expected Outcomes
+
+1. All games work through complete create/join/play lifecycle
+2. Consistent error handling and user feedback across games
+3. Cleaner data transmission (no internal timer references exposed)
+4. Better debugging capabilities with consistent logging
+5. Validated player names prevent injection/errors
diff --git a/.kilo/plans/1779732405765-quick-planet.md b/.kilo/plans/1779732405765-quick-planet.md
new file mode 100644
index 0000000..64d7970
--- /dev/null
+++ b/.kilo/plans/1779732405765-quick-planet.md
@@ -0,0 +1,113 @@
+# Paper-like Theme & Dark Mode Implementation Plan
+
+## Overview
+
+The project currently has a basic "paper" theme but lacks proper dark mode support. The UI is currently too white and needs:
+
+1. Enhanced paper-like styling with better texture/visual depth
+2. Complete dark theme variant
+3. Theme toggle functionality
+
+## Current State Analysis
+
+### Existing Theme Elements (`pro/src/index.css`)
+
+- Hand-drawn fonts: Permanent Marker, Schoolbell, Caveat, Patrick Hand
+- Paper background class (`.bg-paper`) with subtle texture
+- Sketch components: `.sketch-card`, `.sketch-button`, `.sketch-border`
+- Ink color variable (`#2a2a3e`) for dark text
+
+### Issues Identified
+
+- `body` uses pure white gradients (`rgba(255, 255, 255, 0.9)`)
+- `glass` class uses white backgrounds
+- No dark theme class definitions exist (references to `paper-dark` undefined)
+- No theme toggle mechanism exists
+
+## Implementation Plan
+
+### Phase 1: Theme System Foundation
+
+1. **Create Theme Context** (`pro/src/context/ThemeContext.jsx`)
+   - Theme state: `'light'` | `'dark'`
+   - Persist preference in localStorage
+   - Default to `light` theme
+   - Provide `toggleTheme()` function
+
+2. **Update Index.css** with dark theme variables
+   Add CSS custom properties for both themes:
+
+   ```css
+   :root {
+     --color-bg: #f5f1e8;
+     --color-paper: #fffef9;
+     --color-ink: #2a2a3e;
+     --color-accent: #8b7355;
+   }
+
+   [data-theme='dark'] {
+     --color-bg: #121212;
+     --color-paper: #1e1e1e;
+     --color-ink: #e0e0e0;
+     --color-accent: #c9b69c;
+   }
+   ```
+
+3. **Add Dark Theme Styles** to `index.css`
+   - `.bg-paper-dark` for dark paper backgrounds
+   - `.sketch-card-dark` variant
+   - Update `body` to respect theme
+
+### Phase 2: Component Updates
+
+1. **GameLayout.jsx**
+   - Use theme-aware background classes
+   - Update nav border color
+
+2. **PaperPartyLanding.jsx**
+   - Replace `glass` with theme-aware card styling
+   - Add theme toggle button in header
+
+3. **SketchButton.jsx** & **SketchCard.jsx**
+   - Add dark theme variants automatically via CSS variables
+
+4. **Bingo.jsx, TicTacToe.jsx, etc.**
+   - Update hardcoded colors to use theme variables
+   - Replace `text-gray-500`, `text-gray-800` with theme-aware classes
+
+### Phase 3: Theme Toggle UI
+
+1. **Add ThemeToggle component** to landing page header
+   - Toggle between sun/moon icons (lucide-react)
+   - Animated transition between themes
+   - Persist preference across sessions
+
+### Phase 4: Testing & Polish
+
+1. Verify all game pages work in both themes
+2. Check contrast ratios for accessibility
+3. Test localStorage persistence
+4. Run `npm run lint` and `npm run format`
+
+## File Changes Summary
+
+| File                                       | Changes                                   |
+| ------------------------------------------ | ----------------------------------------- |
+| `pro/src/context/ThemeContext.jsx`         | New - theme context provider              |
+| `pro/src/index.css`                        | Add dark theme CSS variables and classes  |
+| `pro/src/components/PaperPartyLanding.jsx` | Add theme toggle, use theme-aware classes |
+| `pro/src/components/ui/GameLayout.jsx`     | Use theme-aware background                |
+| `pro/src/components/ui/SketchCard.jsx`     | Support dark theme                        |
+| `pro/src/components/ui/SketchButton.jsx`   | Support dark theme                        |
+| `pro/src/src/index.jsx`                    | Wrap with ThemeProvider                   |
+
+## Design Decisions
+
+1. **CSS Variables over Tailwind config**: Easier to maintain and toggle dynamically
+2. **Data attribute selector**: `data-theme='dark'` on root element
+3. **Paper-dark colors**: Charcoal backgrounds (`#121212`) with light paper cards
+4. **Toggle placement**: Landing page header, visible but unobtrusive
+
+### Confirmed Choices
+
+- **Dark theme palette**: Charcoal (#121212 background, #1e1e1e cards) for a modern dark mode look
diff --git a/.kilo/plans/1779944221364-silent-cactus.md b/.kilo/plans/1779944221364-silent-cactus.md
new file mode 100644
index 0000000..a6799e3
--- /dev/null
+++ b/.kilo/plans/1779944221364-silent-cactus.md
@@ -0,0 +1,280 @@
+# Unified Game Lobby & UI Components Plan
+
+## Overview
+
+Create a unified waiting lobby UI, common room management, shared scoring/turn system, persistent player profile with icon avatars, and dark theme support across all games.
+
+## Phase 1: Persistent Player Profile System (GameContext Enhancement)
+
+### Task 1.1: Extend GameContext with Profile Persistence
+
+**File**: `pro/src/context/GameContext.jsx`
+
+Add persistent profile state (localStorage for name, avatar icon, color):
+
+```jsx
+const [profile, setProfile] = useState(() => {
+  const saved = localStorage.getItem('playerProfile');
+  return saved
+    ? JSON.parse(saved)
+    : {
+        name: localStorage.getItem('playerName') || '',
+        avatarIcon: 'cat',
+        color: '#2a2a3e',
+      };
+});
+
+useEffect(() => {
+  localStorage.setItem('playerProfile', JSON.stringify(profile));
+}, [profile]);
+```
+
+### Task 1.2: Create usePlayerProfile Hook
+
+**File**: `pro/src/hooks/usePlayerProfile.js` (new)
+
+Unified hook managing player name/avatar color with localStorage persistence.
+Uses **Lucide React icons** for avatars:
+
+```jsx
+const AVATAR_ICONS = ['cat', 'dog', 'bird', 'fish', 'monkey', 'panda', 'frog', 'tiger', 'lion', 'bear', 'koala', 'fox'];
+// Render as: <IconName size={20} /> wrapped in colored circle
+```
+
+---
+
+## Phase 2: Common Waiting Lobby Component
+
+### Task 2.1: Enhanced WaitingLobby Component
+
+**File**: `pro/src/components/ui/WaitingLobby.jsx` (new)
+
+Features:
+
+- Room code display with copy/share
+- Player list with **icon avatars** (Lucide icons in colored circles)
+- Name editing during wait (inline input)
+- Icon/color editing during wait (using updated AvatarSelector)
+- Game-specific settings panel (collapsible)
+- AvatarReactionBar - send quick reactions using avatars
+- Leave button (clears reconnection data)
+
+Props: `roomId`, `players`, `isHost`, `minPlayers`, `onStart`, `onLeave`, `onProfileChange`, `onReaction`, `gameSettings`, `socket`, `gamePrefix`
+
+### Task 2.2: Create RoomActionButtons Component
+
+**File**: `pro/src/components/ui/RoomActionButtons.jsx` (new)
+
+Reusable create/join room UI for ALL game landing pages:
+
+- Create Room button
+- Join Room button (with modal/input)
+- Player profile editing (icon avatar + name) - always visible
+- Game-specific settings (passed as children)
+
+### Task 2.3: Update AvatarSelector Component
+
+**File**: `pro/src/components/ui/AvatarSelector.jsx` (update)
+
+Replace emoji selection with **Lucide icon selection**:
+
+- Icons: cat, dog, bird, fish, monkey, panda, frog, tiger, lion, bear, koala, fox
+- Icons rendered in colored circles
+- Consistent with existing paper-sketch style
+
+### Task 2.4: Create AvatarReactionBar Component
+
+**File**: `pro/src/components/ui/AvatarReactionBar.jsx` (new)
+
+Shows during **active gameplay** in all games:
+
+- Floating reaction bar (appears on hover/hold)
+- Reaction icons: thumbsup, sparkles, flame, heart, zap, etc.
+- Shows recent reactions as small popups with sender's avatar
+
+Props: `socket`, `roomId`, `gamePrefix`, `players`
+
+### Task 2.5: Reconnection Behavior
+
+**Leave Room**: Clear `sessionStorage.<gamePrefix>_reconnect`, redirect to landing. No auto-rejoin on page refresh.
+
+**Rejoin Same Room**: Player can rejoin recently-left room within 5 minutes. If game was in progress, restore to current state.
+
+---
+
+## Phase 3: Common Scoring System
+
+### Task 3.1: Create ScoreBoard Component
+
+**File**: `pro/src/components/ui/ScoreBoard.jsx` (new)
+
+Uses **icon avatars** instead of emojis/text:
+
+```jsx
+<ScoreBoard
+  players={players} // each has { id, name, avatarIcon, color }
+  scores={scores}
+  currentTurn={currentTurn}
+  myPlayerIndex={myPlayerIndex}
+  lastMove={lastMove}
+  orientation={horizontal | vertical}
+/>
+```
+
+Features:
+
+- Player icons with color badges (Lucide icons in circles)
+- Score display per player
+- Current turn highlight with glow
+- Last move indicator (yellow ring)
+- Visible during both waiting and playing states
+
+---
+
+## Phase 4: Last Move Highlighting & Celebrations
+
+### Task 4.1: Subtle Celebration System
+
+All point celebrations use unified subtle style:
+
+- Particle count: 20-30 (vs 150+ for major wins)
+- Spread: 20-40 degrees (tight)
+- Decay: 0.8-0.9 (quick fade)
+- Gravity: 0.4-0.6 (gentle float)
+- Colors: Player's assigned color
+
+### Task 4.2: DAB - Box Celebration & Highlight
+
+**File**: `pro/src/dab/DabGame.jsx`
+
+- Subtle confetti when `claimedBoxes.length > 0`
+- Highlight last move line with special stroke (bright color)
+- Pulse animation on newly claimed boxes
+
+### Task 4.3: TicTacToe - Point Celebration & Highlight
+
+**File**: `pro/src/tictactoe/TicTacToe.jsx`
+
+- Track last move position
+- Subtle celebration on win
+- Yellow ring highlight on last moved cell (separate from win highlight)
+
+### Task 4.4: UTTT - Point Celebration & Highlight
+
+**File**: `pro/src/uttt/components/InnerGrid.jsx`
+
+- Subtle celebration when grid is won
+- Last move highlight with avatar icon pulse
+- Visual highlight on winning cells
+
+### Task 4.5: Bingo - Mark Celebration & Highlight
+
+**File**: `pro/src/bingo/Bingo.jsx`
+
+- Subtle scale animation on BINGO line completion
+- Track and highlight last marked number
+- Keep major confetti for full BINGO win
+
+### Task 4.6: Connect4 - Point Celebration & Highlight
+
+**File**: `pro/src/connect4/Connect4Game.jsx`
+
+- Subtle celebration on win
+- Highlight winning line cells
+- No celebration on column fill (win-based scoring)
+
+---
+
+## Phase 5: Dark Theme Implementation
+
+### Task 5.1: Create Theme Context
+
+**File**: `pro/src/context/ThemeContext.jsx` (new)
+
+Defaults to LIGHT theme, persists preference in localStorage.
+
+### Task 5.2: Update CSS Variables
+
+**File**: `pro/src/index.css`
+
+Add `[data-theme='dark']` variants for ink, paper, card-bg colors.
+
+### Task 5.3: Theme Toggle Component
+
+**File**: `pro/src/components/ui/ThemeToggle.jsx` (new)
+
+Button in header to toggle themes.
+
+---
+
+## Phase 6: Integration & Game Updates
+
+All games updated to use:
+
+- RoomActionButtons for landing page
+- WaitingLobby for waiting state
+- ScoreBoard during gameplay and waiting
+- AvatarReactionBar during gameplay
+- Clear reconnection data on leave
+- Support icon avatars (Lucide) instead of emojis
+- Support dark theme
+
+Games: TicTacToe, DabGame, UTTTGame, Bingo, SOS, Connect4
+
+---
+
+## Phase 7: Server-Side Changes
+
+### Task 7.1: Add Generic Reaction Handler
+
+**File**: `api/index.js`
+
+```js
+socket.on('game_reaction', ({ roomId, reaction, gamePrefix }) => {
+  io.to(roomId).emit(`${gamePrefix}_reaction`, { playerId: socket.id, reaction, timestamp: Date.now() });
+});
+```
+
+### Task 7.2: Continue Gameplay Support
+
+**File**: Each game manager (`api/game-logic/*.js`)
+
+- Keep room alive for 5 minutes after player leaves
+- Track `recentlyLeft` players with timestamps
+- Allow rejoin within window with original player index restored
+
+---
+
+## File Changes Summary
+
+### New Files
+
+- `pro/src/context/ThemeContext.jsx`
+- `pro/src/hooks/usePlayerProfile.js`
+- `pro/src/hooks/useLastMoveHighlight.js`
+- `pro/src/components/ui/WaitingLobby.jsx`
+- `pro/src/components/ui/RoomActionButtons.jsx`
+- `pro/src/components/ui/ScoreBoard.jsx`
+- `pro/src/components/ui/ThemeToggle.jsx`
+- `pro/src/components/ui/AvatarReactionBar.jsx`
+
+### Modified Files
+
+- `pro/src/context/GameContext.jsx`
+- `pro/src/index.css`
+- `pro/src/components/ui/index.js`
+- `pro/src/components/ui/AvatarSelector.jsx` - Replace emojis with Lucide icons
+- All game components (TicTacToe.jsx, DabGame.jsx, UTTTGame.jsx, Bingo.jsx, SOSGame.jsx, Connect4Game.jsx)
+- All game managers for continue gameplay
+
+---
+
+## Testing Strategy
+
+1. Unit tests for `usePlayerProfile` and `ThemeContext`
+2. Component tests for `WaitingLobby`, `RoomActionButtons`, `ScoreBoard`, `AvatarReactionBar`
+3. Manual testing of dark theme across all games
+4. Verify last move highlighting in all games
+5. Verify box celebration in DAB
+6. Verify icon avatars work in all components
+7. Verify reconnection/continue gameplay flow
diff --git a/.kilo/plans/1780555980804-lucky-wolf.md b/.kilo/plans/1780555980804-lucky-wolf.md
new file mode 100644
index 0000000..e7a21c0
--- /dev/null
+++ b/.kilo/plans/1780555980804-lucky-wolf.md
@@ -0,0 +1,69 @@
+# Bug Fix Plan — Frontend-Backend Connection, Data Mismatches, Polishing
+
+## High Priority (Bugs)
+
+### 1. Bingo `playerLeft` handle mismatch
+
+- **File**: `api/game-logic/bingo.js:422`
+- **Issue**: `handlePlayerLeft` callback emits `this.io.to(roomId).emit('bingo_playerLeft', socket.id)` (raw socket ID), while frontend (`pro/src/bingo/Bingo.jsx:200`) expects an object destructured as `({ playerId })`.
+- Other lines in the same file (e.g., `leaveRoom`) correctly emit `{ playerId: socket.id }`.
+- **Fix**: Emit `{ playerId: socket.id }` consistently.
+
+### 2. UTTT `wonGrids` Set serialization
+
+- **File**: `api/game-logic/uttt.js:119`, `332-344`, `460-472`
+- **Issue**: Room stores `wonGrids: new Set()`. When emitted via Socket.IO, JSON.stringify converts `Set` to `{}`.
+- `sendRoomInfo` and `emitGameState` spread the raw room, leaking the non-serializable Set.
+- **Fix**: Strip `wonGrids` from emitted room objects (it's already server-side-only logic).
+
+## Medium Priority (Data / Connection Mismatches)
+
+### 3. Dab create/join missing avatar fields
+
+- **File**: `pro/src/dab/DabGame.jsx:70-77` (create), `80-93` (join)
+- **Issue**: `handleCreateRoom` and `handleJoinRoom` omit `avatarIcon` and `color`. Backend (`api/game-logic/dab.js:26,96`) destructures these; they arrive as `undefined`.
+- **Fix**: Forward `profile.avatarIcon` and `profile.color` in both emits.
+
+### 4. Socket listener re-subscription on roomId/state changes
+
+- **Files**: `pro/src/bingo/Bingo.jsx:241`, `pro/src/dab/DabGame.jsx:273`, `pro/src/uttt/UTTTGame.jsx:239`
+- **Issue**: Socket listener effect dependencies include `roomId`, `rows`, `cols`, `players`, causing the entire listener block to tear down and re-register whenever those state values change. React dependency churn.
+- **Fix**: Narrow dependencies to `socket` only (use refs for latest room/player values inside handlers).
+
+### 5. Stale `sessionStorage` reconnect data on rematch / replay
+
+- **Files**: `pro/src/bingo/Bingo.jsx:297`, `pro/src/dab/DabGame.jsx:141-169`, `pro/src/uttt/UTTTGame.jsx:285-288`, `pro/src/sos/SOSGame.jsx:119-121`
+- **Issue**: After `restartGame`, the frontend doesn't clear sessionStorage in some games. Client may try to rejoin the old room session on next launch.
+- **Fix**: Clear sessionStorage on `gameRestarted` events alongside `gameOver`/leave.
+
+### 6. Unused / dead timer fields on room objects
+
+- **Files**: `api/game-logic/tictactoe.js:61-62`, `api/game-logic/uttt.js`, `api/game-logic/connect4.js`, `api/game-logic/sos.js`
+- **Issue**: Rooms declare `emptyTimer`, `forfeitTimer` as properties but `BaseManager` uses `this.timers` Map. The per-room timer refs are never set or cleared, making them misleading and potentially stale.
+- **Fix**: Remove unused room properties or delegate fully to `registerEmptyTimer` / `clearTimer`.
+
+## Low Priority (Polish)
+
+### 7. Frontend handle fallback redundancy
+
+- **Files**: `pro/src/connect4/Connect4Game.jsx:50`, `pro/src/bingo/Bingo.jsx:95`, `pro/src/dab/DabGame.jsx:122`
+- **Issue**: reconnect logic does `p.id || socket.id` where `p.id` is always identical to `socket.id` in normal flow. Adds noise.
+- **Fix**: Simplify to `socket.id` or just use the player lookup directly.
+
+### 8. React deprecated `onKeyPress`
+
+- **Files**: `pro/src/connect4/Connect4Game.jsx:286`, `pro/src/sos/SOSGame.jsx:282`
+- **Issue**: `onKeyPress` is deprecated.
+- **Fix**: Use `onKeyDown`.
+
+### 9. Inconsistent `sendRoomInfo` sanitization
+
+- **Files**: `api/game-logic/connect4.js:368-372`, `api/game-logic/dab.js:541-547` (already sanitizes), `api/game-logic/bingo.js:432-443` (strips timers), `api/game-logic/uttt.js:457-472`
+- **Issue**: Some managers send raw room objects with internal props visible to clients; others sanitize. Inconsistency risks leaking implementation details.
+- **Fix**: Apply sanitizer pattern uniformly across all `sendRoomInfo` / `emitGameState`.
+
+### 10. Bingo board display mapping noise
+
+- **File**: `pro/src/bingo/Bingo.jsx:166`
+- **Issue**: `typeof n === 'string' ? n : n` is a no-op tautology in the map callback.
+- **Fix**: Simplify to a direct `strikedNumbers.includes(n) ? 'X' : n` guard.
diff --git a/.kilo/plans/1780636650321-shiny-moon.md b/.kilo/plans/1780636650321-shiny-moon.md
new file mode 100644
index 0000000..b6958b7
--- /dev/null
+++ b/.kilo/plans/1780636650321-shiny-moon.md
@@ -0,0 +1,179 @@
+# Plan: UI Consistency, Dark Mode, and Celebration Animations
+
+## Objective
+
+Audit backend/frontend mismatches, fix latent bugs, unify the UI across all games (dark mode, consistent info bars), and add lightweight win celebrations for UTTT mini-grid wins, DAB box completions, and SOS pattern formations. Connect4 and TTT do not need achievement-based mini-celebrations.
+
+## Phase 1 — Discovery & Audit
+
+### Audit Scope
+
+- **Backend:** All 6 game managers in `api/game-logic/` (bingo, tictactoe, uttt, dab, sos, connect4) plus `BaseManager.js` and `api/index.js`.
+- **Frontend:** All game pages in `pro/src/*/` and shared UI (`GameLayout.jsx`, `AvatarReactionBar.jsx`, `GameContext.jsx`, `ThemeContext.jsx`).
+
+---
+
+### 1A. Missing / Unhandled Frontend Socket Events
+
+| Game     | Missing Frontend Listener | Backend Emits?   | Impact                                                                                                     |
+| -------- | ------------------------- | ---------------- | ---------------------------------------------------------------------------------------------------------- |
+| Bingo    | `bingo_bingoProgress`     | ✅ Yes           | Intermediate bingo-line count (1–4) never consumed; client-side `strikedOut` can desync from server        |
+| DAB      | `dab_alert`               | ✅ Yes           | Join errors, full-room, game-in-progress alerts never shown; failure is silent                             |
+| DAB      | `dab_redoResponse`        | ✅ Yes           | Frontend listens for `dab_redoCancelled` instead — event name mismatch, redo accept/reject never processed |
+| DAB      | `dab_playerReconnected`   | ❌ Never emitted | Frontend listens but backend never fires it (relies on roomInfo instead)                                   |
+| SOS      | `sos_playerLeft`          | ✅ Yes           | Player leave/disconnect never updates the UI                                                               |
+| SOS      | `sos_scoreFlash`          | ✅ Yes           | Dedicated SOS-pattern flash event not handled; frontend reads `patterns` from `sos_moveMade` only          |
+| Connect4 | `c4_playerLeft`           | ✅ Yes           | Player leave/disconnect never reflected in UI                                                              |
+| All      | `server_shutdown`         | ✅ Yes           | Backend broadcasts on SIGTERM/SIGINT; no frontend listener exists                                          |
+
+---
+
+### 1B. Backend Payload / Contract Inconsistencies
+
+| Issue                                                                                                            | Affected Manager(s) | Severe? |
+| ---------------------------------------------------------------------------------------------------------------- | ------------------- | ------- |
+| `bingo_playerWon` emits raw `socket.id` (string) — all other win events emit objects (`{ winner, … }`)           | Bingo               | High    |
+| `ttt_nextTurn` emits raw `socket.id` (string) — Bingo emits `{ nextPlayerId, timestamp }`                        | TTT                 | Medium  |
+| `wonGrids` stored as `Set` — JSON.stringify produces `{}`; clients receive empty object instead of indices       | UTTT                | High    |
+| `checkInnerWin` returns `{ winner: null }` for no-win; `checkMacroWin` returns `null` — ambiguous contract       | UTTT                | Low     |
+| `currentTurn` type differs: Bingo/TTt/UTTT use `string` (socket.id); DAB/Connect4/SOS use `number` (playerIndex) | DAB, Connect4, SOS  | Medium  |
+
+---
+
+### 1C. Backend Bugs & Dead Code
+
+1. **Every manager clears `this.clearTimer('forfeit_'+roomId)` on reconnect, but no manager ever registers a forfeit timer.** Dead-clear references in Bingo, TTt, UTTT, DAB, SOS, Connect4.
+2. **Bingo `bingo_achieved` does not call `sendRoomInfo`** after setting `gameState = 'ended'` — clients receive stale room state after a self-declared win.
+3. **Bingo `restartGame` sets `currentTurn = players[0]` unconditionally** — even if that player disconnected meanwhile.
+4. **TTt has no `room.creator` field and no creator check on `restartGame`** — any player can restart at any time.
+5. **DAB `redoRequestTimer` stored directly on room object** instead of `this.timers` — never cleared by `clearAllTimersForRoom`, survives room cleanup.
+6. **DAB `startedWithPlayers` set in `startGame` but NOT reset in `restartGame`** — disconnect-pause logic uses stale snapshot.
+7. **DAB `restartGame` assigns `gameState = 'waiting'` twice** (redundant).
+8. **SOS board-size `<select>` `onChange` immediately calls `handleCreateRoom`** — room creation triggered on every dropdown change.
+9. **SOS & Connect4 join buttons use `previousElementSibling` DOM traversal** to find room-ID input — fragile layout coupling.
+10. **UTTT `reconnect` clears `forfeit_${roomId}` using a sanitized key** that was never registered (dead reference + casing mismatch).
+
+---
+
+### 1D. Frontend Bugs & Dead Code
+
+1. **Critical: `GameLayout.handleLeave()` calls `socket.disconnect()`** — permanently destroys the socket. After navigating to any other game page, all socket events silently fail. Affects every game.
+2. **Critical: TTt `ttt_moveMade` payload mismatch** — backend emits `{ position, symbol, board }` but frontend destructures `({ board, lastMove })`. `lastMove` is always `undefined`; the "last move" ring highlight is permanently broken.
+3. **High: Dark mode infrastructure is dead code** — `ThemeProvider` never mounted; `ThemeToggle` never rendered; `data-theme` never set on `documentElement`. CSS `[data-theme='dark']` rules exist but never match.
+4. **High: No frontend emits `requestRoomInfo`** — if the initial roomInfo broadcast is missed (e.g., late-connecting socket), clients have no recovery path even though every backend registers the listener.
+5. **SOS & Connect4 join buttons** rely on `e.target.previousElementSibling` — breaks if DOM structure changes.
+6. **Bingo turn timer does not pause** when `bingo_gamePaused` fires; `gameState` stays `'playing'` so the `useEffect` countdown continues.
+7. **SOS lobby immediate creation bug** — board-size `<select>` `onChange` triggers room creation without clicking "Create".
+8. **DAB optimistic `setLastMove` on click** runs before server confirmation — if the server rejects the move, the UI highlights a line that wasn't played.
+
+---
+
+### 1E. Celebration Animation Correction Summary
+
+| Game     | Current State                                      | Plan Requirement                                                              |
+| -------- | -------------------------------------------------- | ----------------------------------------------------------------------------- |
+| UTTT     | ✅ Confetti on `gameOver` (macro_win + tiebreaker) | Add **additional** mini-grid win celebration on each inner-grid win           |
+| DAB      | ✅ Confetti on box claim + game over               | Keep both; ensure `dab_alert` listener added so errors show                   |
+| SOS      | ✅ Cell flash on SOS pattern formation             | Keep; confirm event source is correct; add `sos_scoreFlash` handler if needed |
+| Connect4 | ✅ Confetti on game over win                       | Must **remove** from Connect4Game.jsx                                         |
+| TTt      | ❌ No celebrations currently                       | Correct — no celebrations needed                                              |
+| Bingo    | ✅ Confetti on win                                 | Keep                                                                          |
+
+---
+
+### 1F. Layout / Info Bar Inconsistencies
+
+- **Bingo:** No per-player score; only a BINGO progress line; creator-only start button; turn timer in sidebar card.
+- **TTt:** No score or stats; turn indicator text only; restart gated on `myPlayerIndex === 0` (not creator-based).
+- **UTTT:** X/O score display, active-grid indicator, mini-grid board — good baseline to replicate.
+- **DAB:** Sidebar scoreboard, zoomable board, redo request UI — layout differs from grid-based games.
+- **SOS:** Move counter, no per-player score bars, board-size selector on lobby.
+- **Connect4:** Minimal scoreboard; MatchReport on game over; `TurnIndicator` exists but score bars missing.
+
+---
+
+## Phase 2 — Backend / Frontend Alignment
+
+### A. Socket Event Payload Fixes
+
+1. **Bingo `bingo_playerWon`** – Change emit from raw `socket.id` to `{ winner: string }` (object shape, consistent with TTt/UTTT/DAB/SOS/Connect4). Update frontend `Bingo.jsx` to destructure `{ winner }`.
+2. **TTt `ttt_nextTurn`** – Change emit from raw `room.currentTurn` string to `{ nextPlayerId: string }`. Update frontend `TicTacToe.jsx` to destructure `{ nextPlayerId }`.
+3. **DAB frontend** – Replace `socket.on('dab_redoCancelled', ...)` with `socket.on('dab_redoResponse', ...)` and handle both `accepted: true` (apply `dab_moveUndone`) and `accepted: false` (show reason via SweetAlert).
+
+---
+
+### B. Missing Backend Event Emissions
+
+4. **DAB `dab_playerReconnected`** – Emit in `reconnect()` after `room.players[playerIndex].connected = true`: `this.io.to(sanitizedRoomId).emit('dab_playerReconnected', { playerId })`. Frontend already has the listener; it just never fires.
+5. **All games** – Add `server_shutdown` handler in every backend manager's `handleConnection`: `socket.on('server_shutdown', () => { … })` — existing in `api/index.js` for global broadcast, but per-game disconnect flows should also listen.
+
+---
+
+### C. Frontend Missing Listeners
+
+6. **DAB `dab_alert`** – Add in `DabGame.jsx`: `socket.on('dab_alert', ({ icon, title, text }) => Swal.fire({ icon, title, text }))`.
+7. **SOS `sos_playerLeft`** – Add in `SOSGame.jsx`: update players list (mark disconnected), consider pausing game if activeCount drops.
+8. **Connect4 `c4_playerLeft`** – Add in `Connect4Game.jsx`: update players list; pause if activeCount drops to 1 (backend handles pause broadcast, frontend should render it).
+9. **All frontends** – Add `socket.on('server_shutdown', ...)` with friendly message + navigate home.
+10. **All frontends** – Add `socket.on('<prefix>_requestRoomInfo', ...)` as a no-op or state-refresh handler (confirm no side effects; mainly so the backend's emit doesn't silently fail if an effect re-subscribes).
+
+---
+
+### D. State & Serialization Fixes
+
+11. **UTTT `wonGrids`** – Replace `new Set()` with `[]` in `api/game-logic/uttt.js`. Update all usages: `.has()` → `.includes()`, `.add()` → `.push()`, `.delete()` → `.filter()`. In `sendRoomInfo`, pass `wonGrids: [...room.wonGrids]` to ensure a JSON-safe copy.
+12. **DAB `redoRequestTimer`** – Move from `room.redoRequestTimer` to `this.timers` with key `redo_${roomId}`. Clear in `respondRedo` and `clearAllTimersForRoom`. Implement the missing `setTimeout` in `requestRedo` so redo requests auto-expire.
+13. **DAB `sendRoomInfo`** – Replace `{ ...room }` with an explicit clean-object that omits `redoRequestTimer` and any other DOM- timeout / non-serializable values.
+14. **DAB `restartGame`** – Add `room.startedWithPlayers = room.players.length` to prevent stale pause logic on reconnect.
+
+---
+
+### E. Gameplay Logic Fixes
+
+15. **Bingo `bingoAchieved`** – After `room.gameState = 'ended'`, call `this.sendRoomInfo(sanitizedRoomId)` before emitting `bingo_playerWon` so clients receive fresh state.
+16. **Bingo `restartGame`** – Clear `this.clearTimer('turn_'+roomId)` and `this.clearAllTimersForRoom(roomId)` before resetting state.
+17. **TTt `createRoom`** – Add `room.creator = socket.id`. **TTt `restartGame`** – Add `if (room.creator !== socket.id) return;` (silent, matching other managers).
+18. **Bingo `bingo_gamePaused` frontend** – Set `gameState` to `'paused'` (or add pause overlay) so the timer `useEffect` stops counting down. Resume to `'playing'` on `bingo_nextTurn` or `bingo_gameRestarted`.
+
+---
+
+### F. Creator / Restart Authority Unification
+
+19. **Frontend pattern** – All games should derive `isCreator` from `room.creator === socket.id` and gate restart/start buttons on `isCreator`. Currently TTt uses `myPlayerIndex === 0`; update to `isCreator`.
+20. **Backend verification** – Confirm Bingo, UTTT, DAB, SOS, Connect4 all enforce creator checks on `restartGame` and `startGame`. (They already do; TTt is the only outlier after fix #17.)
+
+---
+
+### G. Frontend `requestRoomInfo` Recovery Fallback
+
+21. **Every game frontend** – Add a `useEffect` that emits `<prefix>_requestRoomInfo` on mount when `roomId` exists but room state has not yet been received (use a `roomLoaded` ref set to `true` after the first `roomInfo` / `gameState` / `gameStarted` event). This provides recovery if the server's join broadcast was missed.
+
+---
+
+### H. `GameLayout` Socket Disconnect Fix (Critical)
+
+22. **`GameLayout.handleLeave()` must NOT call `socket.disconnect()`**. Replace with:
+    - Emit the game's `<prefix>_leaveRoom` event (pass the `gamePrefix` via shared GameContext prop or context variable).
+    - Call `clearRoomId()` from GameContext.
+    - Call `navigate('/')`.
+    - **Do not destroy the socket.** The same socket instance is reused when the user enters another game.
+
+---
+
+### I. Dark Mode — Wire Up Existing Infrastructure
+
+23. **Mount `ThemeProvider`** in `pro/src/index.jsx` wrapping `GameProvider`.
+24. **Render `ThemeToggle`** in `GameLayout.jsx` header so it's visible in every game view.
+25. **`ThemeProvider` sets `document.documentElement.dataset.theme`** on mount and on toggle — existing `[data-theme='dark']` CSS in `pro/src/index.css` will then activate automatically across all games.
+
+---
+
+### J. Stale Directory Cleanup
+
+26. **Remove `prosrcdab/`** empty directory from repo root.
+
+---
+
+### K. Comment Clarifications (No Feature Implementation)
+
+27. **`forfeit_${roomId}` clears are dead code** in all managers. Add inline comments noting this is a no-op pending a forfeit-timeout feature. Do not implement forfeit feature in this plan.
diff --git a/.kilo/plans/1780639308391-curious-cactus.md b/.kilo/plans/1780639308391-curious-cactus.md
new file mode 100644
index 0000000..bb35525
--- /dev/null
+++ b/.kilo/plans/1780639308391-curious-cactus.md
@@ -0,0 +1,537 @@
+# Plan: Unified Frontend Game UX Across All Games
+
+## Objective
+
+Unify leave/restart/lobby/reconnection/joining across Bingo, TTT, UTTT, DAB, SOS, Connect4 so every game feels like one product. Improve Room ID sharing (explicit copy button), add robust undo, and make room customization deliberate where applicable.
+
+---
+
+## Phase 1 — Shared Component Refactors
+
+### 1.1 Create `GameLobby.jsx` (replaces inline pre-game UIs)
+
+**Path:** `pro/src/components/ui/GameLobby.jsx`
+**Backing file:** `pro/src/components/ui/GameLobby.jsx` (new, ~140 lines)
+
+Build a unified pre-game screen that all four non-unified games will use. Combine the best of `RoomLobby.jsx` (animated status, player checklist, spectators, host Start, Share API) and the existing per-game UI patterns.
+
+```
+Props:
+  gameName: string              // "Bingo", "Tic Tac Toe", etc.
+  roomId: string
+  players: [{ id, name, connected }]
+  spectators: [{ id, name }]
+  isHost: boolean
+  minPlayers: number            // game-specific (usually 2)
+  canStart: boolean             // extra conditions (e.g. DAB mode selected)
+  onStart: () => void
+  onLeave: () => void
+  onJoin: () => void            // triggers Swal prompt (legacy) OR use free-form mode
+  showJoinInput?: boolean       // false for Bingo/TTT/UTTT (use Swal), true for DAB/SOS/C4
+  onJoinSubmit?: (id) => void   // for when showJoinInput=true
+  customizationSlot?: ReactNode // DAB mode selector, SOS boardSize, or null for others
+  startLabel?: string           // "Start Party!", "Start Game!", "Start!"
+  waitingLabel?: string         // "Waiting for players…"
+  gameSettings?: ReactNode      // optional extra info card (mode, size, etc.)
+```
+
+**Renders:**
+
+- `gameName` header
+- Name input + `AvatarSelector` (use existing pattern from `RoomActionButtons`, or just pass `profile`/`onProfileChange` and render a compact form inside the component)
+- `customizationSlot` if provided (rendered inside card below avatar)
+- Room Code display with **explicit Copy button** + Share API button if supported
+- Animated "Waiting…" vs "✅ Ready to start!"
+- Player checklist (with connection dot) + spectator list
+- Host-only Start button, others see "Waiting…"
+- "Leave Room" button with Swal confirmation (uses existing `sketchPopupClass`)
+- Optional `gameSettings` card below room code (e.g. DAB mode/size display)
+
+**Copy feedback:** After copy, briefly change button text to "Copied!" for 1.5s (no need for external toast — just internal state).
+
+**Will replace:** Inline lobby sections in Bingo, TTT, UTTT, and extends DAB/SOS/C4 usage.
+
+---
+
+### 1.2 Update `RoomLobby.jsx` to `GameLobby.jsx` merger
+
+`RoomLobby.jsx` is used by SOS and Connect4. Rename `/ refactor `RoomLobby`into`GameLobby`and re-export it from`components/ui/index.js`under both names for one deprecation cycle, or simply swap imports in`SOSGame`and`Connect4Game` directly.
+
+**Decision:** Inline the rename — update SOS and Connect4 to import `GameLobby`. Old `RoomLobby.jsx` is deleted after swaps.
+
+---
+
+### 1.3 Extract `useReconnection` hook
+
+**Path:** `pro/src/hooks/useReconnection.js` (new)
+
+Standardize across all six games. The pattern today is:
+
+- Check `sessionStorage` for `<prefix>_reconnect`
+- If found and not yet attempted → emit `<prefix>_reconnect`
+- On `<prefix>_roomInfo` → restore state + write new sessionStorage entry
+- Clear on game end/restart/leave
+- Bingo/TTT/UTTT lack `reconnectAttempted` ref
+
+```js
+function useReconnection({ socket, gamePrefix, roomId, onRoomInfo, onRestore }) {
+  const attemptedRef = useRef(false);
+  useEffect(() => {
+    if (!socket) return;
+    const key = `${gamePrefix}_reconnect`;
+    const saved = sessionStorage.getItem(key);
+    if (saved && !attemptedRef.current) {
+      attemptedRef.current = true;
+      try {
+        const { roomId: savedRoomId, playerId } = JSON.parse(saved);
+        socket.emit(`${gamePrefix}_reconnect`, { roomId: savedRoomId, playerId });
+      } catch {
+        /* ignore corrupt data */
+      }
+    }
+    // ...
+  }, [socket, gamePrefix, roomId, onRoomInfo, onRestore]);
+}
+```
+
+**Will also expose:** `clearReconnect()` helper to replace individual `sessionStorage.removeItem` calls.
+
+---
+
+### 1.4 Extract `useSocketListeners` hook
+
+**Path:** `pro/src/hooks/useSocketListeners.js` (new)
+
+Replace the monolithic `useEffect(() => { socket.on(...) ... return () => socket.off(...) }, [socket, ...])` blocks. Each game passes a map of event → handler.
+
+```js
+function useSocketListeners(socket, listeners, deps = []) {
+  useEffect(() => {
+    if (!socket) return;
+    Object.entries(listeners).forEach(([event, handler]) => {
+      socket.on(event, handler);
+    });
+    return () => {
+      Object.entries(listeners).forEach(([event, handler]) => {
+        socket.off(event, handler);
+      });
+    };
+  }, [socket, ...deps]);
+}
+```
+
+---
+
+### 1.5 Extract room-state leave helper into `GameContext`
+
+Add `leaveRoom(prefix)` to `GameContext` to replace the repeated:
+
+```
+socket.emit(`${prefix}_leaveRoom`, roomId);
+sessionStorage.removeItem(`${prefix}_reconnect`);
+clearRoomId();
+navigate('/');
+```
+
+This also removes the inconsistency where DAB navigates to `/dab`.
+
+**New method:**
+
+```js
+leaveRoom: (prefix, roomId) => {
+  socket?.emit(`${prefix}_leaveRoom`, roomId);
+  sessionStorage.removeItem(`${prefix}_reconnect`);
+  clearRoomId(roomId);
+  navigate('/');
+};
+```
+
+---
+
+## Phase 2 — Per-Game Migration
+
+### 2.1 Bingo → GameLobby + MatchReport
+
+- Import `GameLobby` for `waiting` state, pass `gameName="Bingo"`, `customizationSlot={null}`, `startLabel="Start Party!"`.
+- Import `MatchReport` for `ended` state (via `gameState === 'ended'`), showing scores/strikes and offering Rematch + New Room.
+- Replace inline leave with `GameLayout`'s new `onLeave` prop (or just call `handleLeave` from context).
+- Replace reconnect boilerplate with `useReconnection`.
+- Replace socket listener block with `useSocketListeners`.
+- Keep Bingo-specific board in a child component (`BingoBoard.jsx`) — keep the file focused.
+
+### 2.2 TTT → GameLobby + MatchReport
+
+- Same as Bingo.
+- Replace Swal "Join Room" with the unified `GameLobby` join input (or keep Swal if preferred, since `GameLobby`'s `showJoinInput` prop allows either — but for consistency, use `showJoinInput=true`).
+- Replace ending dialog with `MatchReport`.
+
+### 2.3 UTTT → GameLobby + MatchReport
+
+- Same pattern.
+- Add `MatchReport` for `ended`.
+- Pass `ScoreBoard` as `gameSettings` or inside a `gameSettings` slot if RoomLobby supports it, otherwise render score preview in the lobby card.
+
+### 2.4 DAB → keep customization, unify rest
+
+- DAB already has the most elaborate customization. Use `GameLobby` with `customizationSlot={<ModeSelector ... />}` + top-level DAB game settings preview.
+- DAB already has undo. Extract the undo UI into a reusable `UndoRequestCard.jsx` that the DAB lobby/scoreboard can embed cleanly.
+- Replace ending UI with `MatchReport` (but note: DAB has multi-winner; `MatchReport` currently only supports 2. → extend `MatchReport` to accept `scores` as an array of `{name, score}` for N-player).
+
+### 2.5 SOS and Connect4 → already unified (small tweaks)
+
+- Swap `RoomLobby` → `GameLobby` import (same API since we're preserving the prop surface).
+- Add explicit copy button visibility (GameLobby will have one).
+- No other changes needed unless =`gameSettings` slot is desired.
+
+---
+
+## Phase 3 — Room ID Sharing
+
+### 3.1 Explicit Copy button in GameLobby
+
+In `GameLobby.jsx`, render the room ID card with:
+
+- Room code in large font
+- A `SketchButton` labeled "📋 Copy Room Code"
+- On click: `navigator.clipboard.writeText(roomId)`, button text becomes "✓ Copied!" for 1.5s
+- Also keeps Share API button when supported
+
+### 3.2 GameLayout nav copy feedback
+
+`GameLayout`'s click-to-copy currently works silently. Add a 1.5s tooltip "Copied!" via local state so users get feedback.
+
+---
+
+## Phase 4 — Restart / Reset
+
+### 4.1 RestartButton component
+
+**Path:** `pro/src/components/ui/RestartButton.jsx` (new)
+
+A `SketchButton` variant shown to the host during `waiting/ready` state, and shown to all players after `ended`.
+
+```jsx
+const RestartButton = ({ canRestart, onRestart, label = 'Restart Game' }) => (
+  <SketchButton onClick={onRestart} disabled={!canRestart} className="w-full">
+    ↻ {label}
+  </SketchButton>
+);
+```
+
+### 4.2 Unified restart flow per game
+
+- **Bingo:** Host sees `RestartButton` in waiting state → sends `bingo_restartGame`. Backend resets everything and emits `bingo_gameRestarted`. MatchReport shown after end.
+- **TTT/UTTT/DAB:** Same. After end, `MatchReport` offers Rematch and New Room. Rematch sends `<prefix>_restartGame` and returns to waiting. New Room calls `clearRoomId` + navigate.
+- **SOS/Connect4:** Already use MatchReport → just wire up `onRematch` to call `handleRestart`.
+
+### 4.3 Backend behavior audit
+
+Backend already supports `restartGame` for all 6 managers (Bingo, TTT, UTTT, DAB, SOS, Connect4). Each manager resets its own state and emits `<prefix>_gameRestarted` (or `_gameStarted` for UTTT — consider unifying this event name to `_gameRestarted` for consistency, but this is a backend change — defer or coordinate separately).
+
+---
+
+## Phase 5 — Undo/Redo Improvements (DAB)
+
+### 5.1 Extract Undo UI
+
+**Path:** `pro/src/components/ui/UndoUI.jsx` (new)
+
+Encapsulate:
+
+- "Request Undo" button for the player who just moved (only visible to the next player in turn order — see DAB's existing `lastMove` check)
+- Request card for the opponent: "X wants to undo" + timer bar + Allow / Deny
+- 15-second auto-expire visual countdown (listen to `dab_redoCancelled` for timer expiry)
+
+```
+Props:
+  requesterId: string
+  onRequest: () => void
+  onAllow: () => void
+  onDeny: () => void
+  players: array
+  currentTurn: number
+  myPlayerIndex: number
+  isMyTurn: boolean        // derived
+  lastMovePlayerIndex: number | null
+```
+
+### 5.2 Show requester name + timer
+
+When `dab_redoRequested` fires, parse payload for `requesterName` (DAB backend emits `requesterId` only currently — confirm backend sends a name or infer from `players` list). Add a `timeoutRemaining` countdown state that counts down from 15s and resets on `dab_redoCancelled`/`dab_moveUndone`/`dab_redoResponse`.
+
+---
+
+## Phase 6 — Room Customization
+
+### 6.1 DAB customization stays advanced
+
+DAB already has Selector + slider in the lobby — this moves into `GameLobby`'s `customizationSlot` prop.
+
+### 6.2 SOS board size → GameLobby customizationSlot
+
+SOS has a 4×4–8×8 board size selector on its pre-game screen. Move it into `GameLobby`'s `customizationSlot` so the UI is consistent (card is the same size/placement as DAB).
+
+### 6.3 Bingo/TTT/UTTT/Connect4 — no settings needed today, but future-proof
+
+The `customizationSlot` simply renders `null` for these. If any get settings later, it plugs right in.
+
+---
+
+## Phase 7 — Consistency Final Polish
+
+### 7.1 Navigation consistency
+
+Defer: DAB's `handleLeaveRoom` navigates to `/dab` instead of `/`. Standardize all to `navigate('/')` via the new `GameContext.leaveRoom` helper.
+
+### 7.2 Player avatar display in GameLayout
+
+GameLayout currently shows text initials. Replace with `PlayerAvatar` (from `AvatarSelector.jsx`) so every game shows the same icon + color dots in the nav.
+
+### 7.3 Spectators indicator
+
+Add a compact "spectating" count next to room ID in GameLayout panel (e.g. "👁️ 2" if >0 spectators). Pull from players list's `role` field or count.
+
+### 7.4 copy feedback toast
+
+In `GameLobby`, after copy, briefly change button text. In `GameLayout`, after copy, show a small `<span>` "Copied!" next to the room ID for 1.5s.
+
+### 7.5 Spectator support
+
+SOS and Connect4 have explicit "Join as Spectator" buttons. TTT/Bingo/UTTT/DAB don't. If all games should support it, add a spectator checkbox to `GameLobby`'s join row. Otherwise, leave as-is — the current `onJoin` vs `showJoinInput` flexibility keeps it open.
+
+---
+
+## Phase 8 — Hook Extraction Plan (per game file changes)
+
+For each game (Bingo, TTT, UTTT, DAB):
+
+| Before                                                                                      | After                                                                                                            |
+| ------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------- |
+| Inline `useEffect(() => { socket.on(...) ... return cleanup }, [socket, ...r1, r2, ...rN])` | `useSocketListeners(socket, { event: handler, ... }, [handlerDeps])`                                             |
+| Inline reconnection logic                                                                   | `useReconnection({ socket, gamePrefix, roomId, onRoomInfo, onRestore })` + `clearReconnect()` from `GameContext` |
+
+Estimated net line reduction per game file: ~40–60 lines.
+
+---
+
+## Files to Create / Modify
+
+| Action                    | Path                                                                                            |
+| ------------------------- | ----------------------------------------------------------------------------------------------- |
+| New                       | `pro/src/components/ui/GameLobby.jsx` (merge RoomLobby + UI polish)                             |
+| New                       | `pro/src/components/ui/RestartButton.jsx`                                                       |
+| New                       | `pro/src/components/ui/UndoUI.jsx`                                                              |
+| New                       | `pro/src/hooks/useReconnection.js`                                                              |
+| New                       | `pro/src/hooks/useSocketListeners.js`                                                           |
+| Modify                    | `pro/src/components/ui/index.js` (add new exports)                                              |
+| Modify                    | `pro/src/components/ui/GameLobby.test.jsx` (rename from RoomLobby.test.jsx or add new)          |
+| Modify                    | `pro/src/context/GameContext.jsx` (add `leaveRoom`, `clearReconnect`)                           |
+| Modify                    | `pro/src/components/ui/GameLayout.jsx` (copy feedback, PlayerAvatar, spectator count)           |
+| Modify                    | `pro/src/components/ui/MatchReport.jsx` (N-player scores support)                               |
+| Remove                    | `pro/src/components/ui/RoomLobby.jsx` (after SOS/Connect4 swap)                                 |
+| Modify                    | `pro/src/sos/SOSGame.jsx` (swap RoomLobby → GameLobby, use hooks)                               |
+| Modify                    | `pro/src/connect4/Connect4Game.jsx` (swap RoomLobby → GameLobby, use hooks)                     |
+| Modify                    | `pro/src/bingo/Bingo.jsx` (migrate to GameLobby + MatchReport + hooks)                          |
+| Modify                    | `pro/src/tictactoe/TicTacToe.jsx` (migrate to GameLobby + MatchReport + hooks)                  |
+| Modify                    | `pro/src/uttt/UTTTGame.jsx` (migrate to GameLobby + MatchReport + hooks)                        |
+| Modify                    | `pro/src/dab/DabGame.jsx` (migrate to GameLobby, use UndoUI)                                    |
+| Modify (optional backend) | `api/game-logic/dab.js` (`redoRequested` payload includes requesterName, and UTTT event rename) |
+
+---
+
+## Test Approach
+
+1. **Unit tests:** Update `GameLobby.test.jsx` (rename/extend RoomLobby tests). Add tests for `UndoUI.jsx`, `RestartButton.jsx`. Add tests for `useReconnection` and `useSocketListeners`.
+2. **Integration:** Run existing `vitest run` for `pro/` after each game migration. Confirm no regressions.
+3. **Manual E2E checks:** Create room → join as 2nd player → confirm lobby looks identical across Bingo/TTT/UTTT/DAB/SOS/Connect4. Click Copy → verify clipboard. Click Start vs Play Again → confirm restart. Trigger undo in DAB → confirm Allow/Deny/timer behavior.
+4. **Lint:** `npm run lint` from root.
+
+---
+
+## Risks / Open Questions
+
+| Question                                                                                                   | Recommendation                                                                                                                                   |
+| ---------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------ |
+| Should `GameLobby` also provide the name input + avatar selector?                                          | **Yes.** All six games have identical pre-game profile UI. DRY it into one component. If a game wants to skip, pass the values from outside.     |
+| DAB's undo is the only undo — should we add undo to Bingo/TTT/UTTT?                                        | **Out of scope for this PR.** Fix DAB's undo UX first; adding backend undo support for other games is a separate feature.                        |
+| UTTT uses `uttt_gameStarted` after restart while others use `gameRestarted`.                               | Defer backend rename; frontend already handles both via `uttt_gameOver` → MatchReport + `uttt_gameStarted` reset. Keep both event names for now. |
+| `LeaveButton.jsx` currently unused.                                                                        | Delete it since `GameLayout` + `GameLobby` now both have built-in leave.                                                                         |
+| Should MatchReport support 3+ player draws (DAB)?                                                          | Yes — extend `scores` prop to accept array of `{name, score}` instead of 2-element array.                                                        |
+| SOS/Connect4 `RoomLobby` doesn't pass `players` through `RoomInfo` like others; ditto `room` object shape. | Normalize `GameLobby` to accept both `players` array and full `room` object so SOS/Connect4 pass-through is trivial.                             |
+
+---
+
+## Implementation Order
+
+1. `GameLobby.jsx` + `index.js` exports + tests
+2. `GameContext` enhancement (leaveRoom, clearReconnect)
+3. `useReconnection` + `useSocketListeners` hooks
+4. `GameLayout` polish (PlayerAvatar, copy feedback)
+5. `GameLobby` migration for SOS + Connect4 (fastest win, validate UI)
+6. `MatchReport` N-player extension + DAB migration
+7. `UndoUI.jsx` + DAB migration
+8. Bingo migration
+9. TTT migration
+10. UTTT migration
+11. Delete `RoomLobby.jsx` + `LeaveButton.jsx`
+12. Final lint + test pass
+
+---
+
+## Success Criteria
+
+- All 6 games use `GameLobby` for pre-game → identical layout, room code + copy button, player checklist, host Start, Leave.
+- All 6 games use `MatchReport` for post-game → Rematch / New Room buttons in the same visual style.
+- All 6 games use the extracted `useReconnection` + `useSocketListeners` hooks.
+- Room ID copy is one explicit button in the lobby, with "Copied!" feedback, no ambiguity.
+- DAB undo shows requester name + 15s countdown + Allow/Deny.
+- DAB customization (mode, size) is rendered in a standard card slot in `GameLobby`.
+- `npm run lint` passes.
+- Existing test suites (`npx vitest run` in `pro/` and `npm test` in `api/`) still pass.
+
+---
+
+# Backend Improvement Plan
+
+## Objective
+
+Align backend event contracts and room-state shapes with the unified frontend plan, closing gaps that currently force per-game frontend workarounds.
+
+---
+
+## B1 — Event Name Consistency: `_gameRestarted`
+
+**Problem:** UTTT emits `uttt_gameStarted` on restart; every other manager emits `<prefix>_gameRestarted`. Frontend handlers must special-case UTTT.
+
+**Fix:** In `api/game-logic/uttt.js`, emit both events on restart (or rename to `gameRestarted`):
+
+- Add `this.io.to(roomId).emit('uttt_gameRestarted')` alongside the existing `uttt_gameStarted` emit
+- Frontend: listen for `uttt_gameRestarted` in DAB/TTT/Bingo hook pattern; UTTT frontend can drop the dual-listener
+
+**Scope:** `api/game-logic/uttt.js` + `pro/src/uttt/UTTTGame.jsx` update in migration.
+
+---
+
+## B2 — DAB Undo Payload: Include `requesterName`
+
+**Problem:** `dab_redoRequested` currently emits `{ requesterId }` only. Frontend must look up the name from `players[]` to display "X wants to undo". If the players array hasn't refreshed yet, the name is stale or missing.
+
+**Fix:** In `api/game-logic/dab.js` `requestRedo`, line 255–258:
+
+```js
+this.io.to(room.id).emit(`${this.gamePrefix}_redoRequested`, {
+  requesterId: socket.id,
+  requesterName: room.players[playerIndex].name, // ADD THIS
+});
+```
+
+Frontend `UndoUI` then has the name directly from the socket event — no lookup needed.
+
+---
+
+## B3 — DAB Timer Cleanup on Leave / Disconnect
+
+**Problem:** If a player leaves (or disconnects) while a redo request is pending, the 15-second `redo_<roomId>` timer keeps running. When it fires, it races with the room being deleted or the request already being null, potentially emitting `dab_redoCancelled` on a dead room.
+
+**Fix:** In `api/game-logic/dab.js`:
+
+1. `leaveRoom`: after splicing/disconnecting, call `this.clearTimer('redo_' + sanitizedRoomId)` and set `room.redoRequest = null`.
+2. `handleDisconnect`: inside the per-room loop, also clear the redo timer for that room and null out `redoRequest`.
+
+This prevents orphan timer emissions and keeps state consistent.
+
+---
+
+## B4 — Normalized `roomSettings` on Room Object
+
+**Problem:** DAB stores `mode`, `customRows`, `customCols`, `customPlayers` directly on the room. SOS stores `size`. Other stores store nothing. Frontend's `GameLobby` `customizationSlot` and `gameSettings` need a uniform way to read and display settings.
+
+**Fix:** Add a `settings` object to every room at creation time. Each manager only sets the keys relevant to it.
+
+```js
+// In BaseManager createRoom helper OR per-manager createRoom:
+room.settings = {
+  // DAB:
+  mode: mode,            // 'classic' | 'extended' | 'marathon' | 'custom'
+  customRows: ...,
+  customCols: ...,
+  maxPlayers: ...,       // instead of maxPlayers top-level
+
+  // SOS:
+  size: ...,             // board size
+
+  // Bingo / TTT / UTTT / Connect4:
+  // (empty / defaults)
+};
+```
+
+**Migration notes:**
+
+- `api/game-logic/dab.js` replace top-level `mode`, `customRows`, `customCols`, `maxPlayers` with `settings` sub-object.
+- `api/game-logic/sos.js` add `settings: { size }` to `createRoom`.
+- `api/game-logic/bingo.js`, `api/game-logic/tictactoe.js`, `api/game-logic/connect4.js`, `api/game-logic/uttt.js` add `settings: {}` at creation.
+
+Frontend `GameLobby` then reads `room.settings` for `gameSettings` display and `customizationSlot` pre-population (e.g. DAB re-creates the ModeSelector synced to `room.settings.mode`).
+
+`sendRoomInfo` already spreads the room, so `settings` is automatically included — no change needed there.
+
+---
+
+## B5 — Defensive Reconnect: Clear `lastMove` when Relevant Players Disconnect
+
+**Problem (DAB-specific):** If the player who made `lastMove` disconnects, `lastMovePlayerIndex` stays pointing at their slot. On reconnect, `reconnect()` updates `player.id` but the index is still valid. However, `requestRedo` only checks `playerIndex !== lastMoverIndex` — so an opponent who takes that index slot (impossible since indices are fixed by join order) could exploit this. More practically: if ALL players disconnect and rejoin, reconnection order could shift.
+
+**Fix:** In `handleDisconnect` for DAB: if `room.lastMovePlayerIndex !== null` and the disconnected player was `room.players[room.lastMovePlayerIndex]`, reset `room.lastMove = null`, `room.lastMovePlayerIndex = null`, `room.lastClaimedBox = null` and clear the redo timer.
+
+Same logic in `leaveRoom` for active players.
+
+---
+
+## B6 — (Optional) DAB Spectator Support for Full Parity
+
+**Problem:** SOS and Connect4 support `asSpectator` join. DAB only supports players. Frontend `GameLobby`'s `showJoinInput` + `onJoinSubmit` can accommodate spectators if the backend allows it.
+
+**Fix:** Add `asSpectator` boolean to `dab_joinRoom` signature. When true, add to a `room.spectators` array (parallel to `room.players`). Emit spectator list in `sendRoomInfo` via `spectators` field. Frontend shows spectator count in `GameLayout`.
+
+**Defer if:** Spectator support for DAB is not a current user requirement.
+
+---
+
+## B7 — BaseManager Utility: `normalizeRoomForEmit`
+
+**Problem:** Every manager hand-crafts what `sendRoomInfo` emits by spreading the room object. This means new fields added to rooms (like `settings`) are automatically included, but it's not guaranteed. Some managers override `sendRoomInfo` (need to verify).
+
+**Fix:** Add a BaseManager method:
+
+```js
+normalizeRoomForEmit(room) {
+  const { ...safe } = room;
+  return safe;
+}
+```
+
+All `sendRoomInfo` call sites use this. Makes it explicit that derived/internal fields (if any added later) must be filtered.
+
+Currently not strictly necessary (no internal fields exist), but future-proofs the contract.
+
+---
+
+## Implementation Order (Backend)
+
+1. **B3** — Timer cleanup on leave/disconnect (small, high-impact fix)
+2. **B2** — Add `requesterName` to `dab_redoRequested` (1 line, unblocks UndoUI)
+3. **B1** — UTTT `gameRestarted` emit (1-line addition, fixes frontend special-case)
+4. **B4** — `settings` object on rooms (DAB + SOS first, others add empty)
+5. **B5** — lastMove cleanup on disconnect (related to B3)
+6. **B6** — DAB spectators (if user confirms needed)
+7. **B7** — `normalizeRoomForEmit` utility (optional hardening)
+
+---
+
+## Backend Test Updates
+
+| Test File                      | Update                                                                                             |
+| ------------------------------ | -------------------------------------------------------------------------------------------------- |
+| `api/test/dab.test.js`         | Add test: redo timer cleared on leave. Add test: `redoRequested` payload includes `requesterName`. |
+| `api/test/uttt.test.js`        | Add assert: `uttt_gameRestarted` emitted on restart (new event).                                   |
+| `api/test/integration.test.js` | Add cross-game settings normalize check after fix B4.                                              |
diff --git a/.kilo/plans/1780809771204-hidden-forest.md b/.kilo/plans/1780809771204-hidden-forest.md
new file mode 100644
index 0000000..2256f4f
--- /dev/null
+++ b/.kilo/plans/1780809771204-hidden-forest.md
@@ -0,0 +1,244 @@
+# Comprehensive Error Handling Implementation Plan
+
+## Overview
+
+Implement robust error handling across backend (API) and frontend (React) for all games, focusing on reconnection scenarios and edge cases.
+
+---
+
+## Backend (api/game-logic/)
+
+### 1. BaseManager.js Enhancements
+
+**Current Issues:**
+
+- No try/catch around socket operations
+- No validation alerts for missing rooms/players on reconnection
+- No error boundaries for unhandled exceptions
+
+**Changes:**
+
+```
+- Add try/catch wrapper to handleConnection registration
+- Enhance handlePlayerLeave with error alerts
+- Add validateReconnectData method with error feedback
+- Add onSocketError helper method for logging and alerting
+- Wrap all timer callbacks in try/catch
+- Add room state validation before critical operations
+```
+
+### 2. Game Manager Reconnect Enhancements
+
+**Each game manager needs:**
+
+- Validate roomId/playerId on reconnect before processing
+- Send specific alert if room not found vs player not found
+- Handle case where room exists but was deleted during reconnect
+- Handle case where player already reconnected (different socket)
+- Send alert if reconnecting to ended/expired game
+- Clear all game-specific timers on reconnect attempt (even if fails)
+
+### 3. Reconnection Edge Cases
+
+**Scenarios to handle:**
+
+1. Player tries to reconnect with wrong roomId format
+2. Player tries to reconnect to non-existent room
+3. Player tries to reconnect with wrong playerId
+4. Player already reconnected (duplicate reconnect)
+5. Room game state changed during reconnect (ended/paused)
+6. Reconnect to a room in 'waiting' state (not playing)
+7. Reconnect after room was cleaned up by empty timer
+8. Reconnect while room is being restarted
+
+### 4. Error Events to Emit
+
+Add consistent error alerts:
+
+```
+- invalid_reconnect_data: Malformed reconnect payload
+- room_not_found: Room doesn't exist
+- player_not_found: Player ID not in room
+- game_already_ended: Cannot reconnect to ended game
+- reconnect_failed: General reconnect failure with reason
+```
+
+---
+
+## Frontend (pro/src/)
+
+### 1. GameContext.jsx Enhancements
+
+**Current Issues:**
+
+- No reconnection failure handling
+- No retry/backoff strategy
+- No error feedback to user
+
+**Changes:**
+
+```
+- Add onReconnectAttempt callback
+- Add onReconnectFailure callback
+- Add reconnection state (reconnecting, failed, success)
+- Add onSocketError handler for connection errors
+- Track reconnect attempts with exponential backoff
+- Add reconnect timeout handling
+```
+
+### 2. useReconnection.js Enhancements
+
+**Current Issues:**
+
+- Silently ignores corrupt session storage
+- No handling of reconnect response
+- No validation of reconnect data
+
+**Changes:**
+
+```
+- Handle reconnect failure (room not found, player not found)
+- Add validation before emitting reconnect
+- Add retry mechanism for failed reconnect
+- Clear session storage on fatal errors
+- Alert user on reconnect failure
+```
+
+### 3. useSocketListeners.js Enhancements
+
+**Changes:**
+
+```
+- Add global error listener
+- Add specific reconnect failure handler
+- Log and report all socket errors consistently
+```
+
+### 4. Game Component Updates (per game)
+
+**Add reconnect failure handling:**
+
+- TTT: ttt_reconnectFailed event handler
+- Bingo: bingo_reconnectFailed event handler
+- DAB: dab_reconnectFailed event handler
+- UTTT: uttt_reconnectFailed event handler
+- SOS: sos_reconnectFailed event handler
+- Connect4: c4_reconnectFailed event handler
+
+### 5. Reconnection Scenarios
+
+**Frontend needs to handle:**
+
+- Session storage corrupt/invalid JSON
+- Reconnect succeeds but socket ID changed
+- Reconnect fails - redirect to lobby
+- Multiple reconnect attempts
+- Server shutdown during reconnect
+- Network disconnect during reconnect
+
+---
+
+## Specific Implementation Tasks
+
+### Backend
+
+1. **BaseManager.js**
+   - [ ] Add `onSocketError(socket, error, context)` helper method
+   - [ ] Add `validateReconnectPayload(data)` validation method
+   - [ ] Wrap all socket event handlers in try/catch
+   - [ ] Add `handleReconnectFailure(socket, reason, roomId)` method
+   - [ ] Add timer safety wrapper
+
+2. **Each Game Manager (bingo, ttt, uttt, dab, sos, connect4)**
+   - [ ] Enhance `reconnect()` with comprehensive validation
+   - [ ] Send specific alerts for each failure case
+   - [ ] Handle game state validation before reconnect
+   - [ ] Clear game-specific state on reconnect
+
+3. **index.js**
+   - [ ] Add global connection error handler
+   - [ ] Add middleware error handling
+   - [ ] Add uncaught exception handlers
+
+### Frontend
+
+1. **GameContext.jsx**
+   - [ ] Add reconnection state tracking
+   - [ ] Add reconnect failure callback
+   - [ ] Add socket error handlers
+
+2. **useReconnection.js**
+   - [ ] Add failure handling
+   - [ ] Add validation before reconnect emit
+   - [ ] Add user feedback on failure
+
+3. **useSocketListeners.js**
+   - [ ] Add global error event handler
+   - [ ] Add reconnect failure handler
+
+4. **Game Components**
+   - [ ] Add `reconnectFailed` handler to each game
+   - [ ] Handle navigation to lobby on failure
+   - [ ] Show user-friendly error messages
+
+---
+
+## Tests to Add
+
+### Backend (api/test/)
+
+- Add reconnection error tests to existing test files
+
+### Frontend
+
+- Add reconnect failure test to GameContext.test.jsx
+- Update each game's test file for reconnect handling
+
+---
+
+## Risks & Considerations
+
+- Socket ID changes on reconnect - must re-track all player state
+- Room might be deleted by empty timer during reconnect attempt
+- Multiple players may reconnect simultaneously
+- Game state might change (end/pause) during reconnect sequence
+
+---
+
+## Order of Implementation
+
+1. BaseManager.js - Core error handling foundation
+2. Each game manager reconnect methods
+3. GameContext.jsx - Connection state management
+4. useReconnection.js - Frontend reconnect logic
+5. Game components - UI error handling
+6. Tests - Backend and frontend coverage
+
+---
+
+## User Preferences (Confirmed)
+
+1. **Auto-retry with backoff** - Automatic reconnection retry with exponential backoff
+2. **Auto-clear on failure** - Clear session storage automatically when reconnect fails
+3. **Distinguish disconnect types** - Different handling for temporary vs permanent disconnects
+
+---
+
+## Implementation Notes
+
+### Reconnect Retry Logic
+
+- First retry: immediate (within 1s)
+- Second retry: 2s delay
+- Third retry: 4s delay
+- After 3 failures: Alert user and clear storage
+
+### Session Storage Clearing
+
+- Clear on: room_not_found, player_not_found, game_already_ended
+- Preserve on: transient network errors (retry scenarios)
+
+### Disconnect Type Distinction
+
+- `temporary` (network disconnect): Allow reconnect, show "Reconnecting..." UI
+- `permanent` (leaveRoom): Clear storage, show "You left the game" message
diff --git a/.prettierrc b/.prettierrc
new file mode 100644
index 0000000..62f91d7
--- /dev/null
+++ b/.prettierrc
@@ -0,0 +1,7 @@
+{
+  "semi": true,
+  "singleQuote": true,
+  "trailingComma": "all",
+  "printWidth": 120,
+  "tabWidth": 2
+}
diff --git a/AGENTS.md b/AGENTS.md
new file mode 100644
index 0000000..168d0de
--- /dev/null
+++ b/AGENTS.md
@@ -0,0 +1,243 @@
+# AGENTS.md — PaperParty / socket.io-games
+
+## Project Overview
+
+A monorepo with two packages (separate `package.json`, separate lockfiles):
+
+- **`api/`** — Node.js (Express + Socket.IO) server, CommonJS modules.
+  Entrypoint: `api/index.js` (exports `{ server, io, bingoManager, tictactoeManager, utttManager, dabManager }`).
+  Game managers under `api/game-logic/`, each extends `BaseManager` (`api/game-logic/BaseManager.js`).
+  Tests: `api/test/*.test.js` using Mocha + Chai + socket.io-client. Port **4001** during tests.
+- **`pro/`** — React 18 + Vite frontend, ES Modules.
+  Entrypoint: `pro/src/index.jsx`. Routing in `pro/src/App.jsx` (`/`, `/bingo`, `/tictactoe`, `/uttt`, `/dab`).
+  Socket connection managed in `pro/src/context/GameContext.jsx` (wraps app at root).
+  Tests: Vitest + Testing Library. Config in `pro/vite.config.js` — `globals: true`, `jsdom`, `./src/test-setup.js`.
+
+**Quirky / stale leftovers:**
+
+- `prosrcdab/` — empty directory, ignore.
+- `.kilo/` — tool directory, in `.eslintignore`.
+
+---
+
+## Commands
+
+### Root-level (shared tooling)
+
+```bash
+npm run lint          # eslint . --ext .js,.jsx  (uses local eslint@8, NOT npx)
+npm run format        # prettier --write .
+npm run format:check  # prettier --check .
+```
+
+**IMPORTANT:** Always use `npm run lint` or `npx eslint` from the repo root after `npm install`. The project uses ESLint v8 with `.eslintrc.js`. Running `npx eslint` without local install pulls the latest ESLint (v10+) which requires flat config (`eslint.config.js`) and will fail.
+
+Pre-commit hook (`.husky/pre-commit`): `npx lint-staged` — runs eslint --fix + prettier --write on staged `*.{js,jsx}`.
+
+### Server (`cd api`)
+
+```
+npm start         # node index.js, binds 0.0.0.0:4000
+npm test          # mocha test/*.test.js
+npx mocha test/dab.test.js --grep "Room Creation"   # single describe block
+npx mocha test/bingo.test.js --grep "Player Reconnection"  # specific test
+```
+
+Tests set `NODE_ENV=test` at the top of each file. Server auto-skips `server.listen()` when `NODE_ENV === 'test'`.
+
+### Frontend (`cd pro`)
+
+```
+npm run dev        # vite dev server (VITE_PORT or 5173)
+npm run build      # vite build → dist/
+npm test           # vitest (watch mode)
+npx vitest run                                        # single run, no watch
+npx vitest run src/context/GameContext.test.jsx        # single file
+npx vitest run ... --testNamePattern="provides and "   # single describe/it
+npx vitest run --reporter=verbose                     # detailed output
+```
+
+---
+
+## CI Pipeline (`.github/workflows/ci.yml`)
+
+On push to `main`/`fix/*`/`feat/*` and PRs to `main`:
+
+| Job      | Working dir | Steps                                                                                     |
+| -------- | ----------- | ----------------------------------------------------------------------------------------- |
+| API      | `api/`      | `npm ci` → `npx eslint --ext .js . --max-warnings 50` (from root) → `npm test`            |
+| Frontend | `pro/`      | `npm ci` → `npx eslint --ext .js,.jsx . --max-warnings 50` (from root) → `npx vitest run` |
+
+---
+
+## Architecture & Conventions
+
+### Server (`api/`)
+
+- **CommonJS** — `require()` / `module.exports`. No `import`/`export`.
+- All game managers extend `BaseManager` (provides: `sanitizeRoomId`, `sanitizePlayerName`, `handleReconnection`, `handlePlayerLeave`, `registerEmptyTimer`, `clearTimer`).
+- Room state stored in `Map` — `this.rooms = new Map()`.
+- Socket events use `<game>_` prefix: `bingo_*`, `ttt_*`, `uttt_*`, `dab_*`.
+  - All events registered in `handleConnection(socket)` — one listener per event.
+  - Broadcast room changes with `this.io.to(roomId).emit(...)`.
+  - Alert client on error: `socket.emit('<game>_alert', { icon, title, text })`.
+- Early-return on invalid input (`if (!room) return;`), no thrown errors.
+- HTTP endpoints: `/health` (GET), `/stats` (GET — room counts + connections), `/cleanup` (POST — removes empty rooms).
+- Logger utility (`api/utils/logger.js`): `logger.info/warn/error/success/debug/category, msg`; `logger.socket(direction, event, socketId, data)` for tracing; `debug` only shown when `process.env.DEBUG` is set.
+- Formatting per `.prettierrc` (120 width, single quotes, **trailing commas required**). Formatter is `prettier` (run `npm run format` at root). Some files may use double quotes — run formatter before committing.
+
+### Frontend (`pro/`)
+
+- **ES Modules** — `import` / `export`.
+- Imports order: React → external → internal (relative).
+- Styling: **Tailwind CSS v4** via `@tailwindcss/vite`. Custom classes (`glass`, `rounded-3xl`, `paper-font`) in `index.css`.
+- Components: `PascalCase`, default-exported; hooks: `useX` prefix.
+- Socket listeners cleaned up in `useEffect` return. Destructure context via `useGameContext()`.
+- Dev server port: `VITE_PORT` env var or 5173. Backend port: `VITE_PORT` env var or 4000 (configured in `GameContext.jsx`).
+
+## Code Style Guidelines
+
+### Import Order
+
+**Frontend (pro/):** React → external → internal (relative)
+
+```jsx
+import React, { useState, useEffect } from 'react';
+import { useNavigate } from 'react-router-dom';
+import { io } from 'socket.io-client';
+import { useGameContext } from '../context/GameContext';
+import './Component.css';
+```
+
+**Server (api/):** Node built-ins → external → local (alphabetical within groups)
+
+```js
+const express = require('express');
+const socketIo = require('socket.io');
+const logger = require('./utils/logger');
+const BingoManager = require('./game-logic/bingo');
+```
+
+### Naming Conventions
+
+- **Components:** PascalCase, default export (`Bingo.jsx`, `GameBoard.jsx`)
+- **Hooks:** `useX` prefix (`useGameContext`, `useSocketListener`)
+- **Files:** kebab-case for utilities, PascalCase for components
+- **Socket events:** `<game>_` prefix (e.g., `bingo_join`, `ttt_move`, `uttt_alert`)
+- **Variables:** camelCase (`roomId`, `playerName`, `hasWon`)
+- **Constants:** UPPER_CASE_WITH_UNDERSCORES (`MAX_PLAYERS`, `DEFAULT_ROOM_ID`)
+
+### Formatting
+
+- Prettier: 120 print width, 2 spaces, single quotes, trailing commas (required)
+- Semicolons required
+- No console.log in production code (allowed in tests)
+- JSX attributes: double quotes for consistency with HTML
+- Curly braces in JSX: no spaces (`{variable}` not `{ variable }`)
+
+### Error Handling
+
+- Server: Early-return on invalid input, no thrown errors. Alert clients via `<game>_alert` event
+- Frontend: Destructure context via `useGameContext()`; socket listeners cleaned up in `useEffect` return
+- Error boundaries: Used in frontend for graceful error recovery
+- Validation: Input validation at API level before processing
+
+### State Management
+
+- Server rooms: `Map` stored in `this.rooms` on manager instances
+- Timers: Stored in `this.timers = new Map()` with `registerEmptyTimer`/`clearTimer` helpers
+- Frontend: React state with hooks (`useState`, `useReducer` for complex state)
+- Context API: Used for global state like socket connection and game selection
+
+### Testing
+
+- API: Mocha + Chai + socket.io-client. Use `--grep` for single describe blocks
+- Frontend: Vitest + React Testing Library. Use `--testNamePattern` for single tests
+- Test organization: Group related tests in `describe` blocks, use `beforeEach`/`afterEach` for setup/teardown
+- Mocking: Use `jest.mock()` or manual mocks for external dependencies
+- Assertions: Prefer `expect` from Chai (API) or Vitest expect (frontend) over raw assertions
+
+### Project Structure
+
+```
+api/
+├── index.js              # Server entrypoint
+├── game-logic/
+│   ├── BaseManager.js    # Base class for all game managers
+│   ├── bingo.js          # Bingo game logic
+│   ├── tictactoe.js      # TicTacToe game logic
+│   ├── uttt.js           # Ultimate TicTacToe game logic
+│   └── dab.js            # Dab game logic
+├── test/
+│   ├── bingo.test.js     # Bingo game tests
+│   ├── tictactoe.test.js # TicTacToe game tests
+│   ├── uttt.test.js      # Ultimate TicTacToe game tests
+│   ├── dab.test.js       # Dab game tests
+│   ├── base-manager.test.js # Base manager tests
+│   ├── integration.test.js # Cross-game integration tests
+│   ├── game.test.js      # General game logic tests
+│   └── operations.test.js # Utility operation tests
+├── utils/
+│   └── logger.js         # Logging utility
+pro/
+├── src/
+│   ├── index.jsx         # Application entrypoint
+│   ├── App.jsx           # Main routing component
+│   ├── index.css         # Tailwind directives and custom classes
+│   ├── context/
+│   │   └── GameContext.jsx # Socket connection and game state management
+│   ├── components/
+│   │   ├── layout/       # Layout components (Header, Footer, etc.)
+│   │   ├── ui/           # Reusable UI components (Button, Input, etc.)
+│   │   └── game/         # Game-specific components
+│   ├── bingo/
+│   │   ├── Bingo.jsx     # Main bingo game page
+│   │   ├── components/   # Bingo-specific components
+│   │   └── hooks/        # Bingo-specific custom hooks
+│   ├── tictactoe/
+│   │   ├── TicTacToe.jsx # Main tic-tac-toe game page
+│   │   ├── components/   # Tic-tac-toe-specific components
+│   │   └── hooks/        # Tic-tac-toe-specific custom hooks
+│   ├── uttt/
+│   │   ├── UltimateTTT.jsx # Main ultimate tic-tac-toe game page
+│   │   ├── components/   # Ultimate tic-tac-toe-specific components
+│   │   └── hooks/        # Ultimate tic-tac-toe-specific custom hooks
+│   └── dab/
+│       ├── Dab.jsx       # Main dots and boxes game page
+│       ├── components/   # Dots and boxes-specific components
+│       └── hooks/        # Dots and boxes-specific custom hooks
+└── vite.config.js        # Vite configuration
+```
+
+## Development Workflow
+
+1. **Feature Development:**
+   - Create feature branch from `main`
+   - Implement changes in both `api/` and `pro/` as needed
+   - Write tests for new functionality
+   - Run linting and formatting before committing
+   - Submit PR for review
+
+2. **Bug Fixes:**
+   - Create fix branch from `main`
+   - Reproduce bug in test if possible
+   - Implement minimal fix
+   - Add regression test
+   - Run full test suite
+   - Submit PR for review
+
+3. **Testing Strategy:**
+   - Unit tests: Test individual functions and components
+   - Integration tests: Test interactions between modules
+   - E2E tests: Located in `e2e/` directory (Cypress)
+   - Run tests frequently during development
+
+4. **Code Review Checklist:**
+   - [ ] Code follows established style guidelines
+   - [ ] Tests cover new functionality
+   - [ ] No console.log in production code
+   - [ ] Proper error handling implemented
+   - [ ] Socket listeners properly cleaned up
+   - [ ] Components follow React best practices
+   - [ ] API endpoints handle edge cases
+   - [ ] Documentation updated if needed
diff --git a/GEMINI.md b/GEMINI.md
index 20e5788..2c1a284 100644
--- a/GEMINI.md
+++ b/GEMINI.md
@@ -49,6 +49,7 @@ A multi-game platform featuring real-time multiplayer games built with Socket.io
 ### Ultimate Tic-Tac-Toe (UTTT) ✅
 
 **Backend** (`api/game-logic/uttt.js`):
+
 - UTTTManager class with full game state management
 - Win detection: Inner → Macro → Tiebreaker sequence
 - Active grid tracking based on last move
@@ -59,6 +60,7 @@ A multi-game platform featuring real-time multiplayer games built with Socket.io
 - Error handling with `uttt_error` events
 
 **Frontend** (`pro/src/uttt/`):
+
 - UTTTGame.jsx - Main game container with socket handling
 - MacroGrid.jsx - 3x3 outer grid container
 - InnerGrid.jsx - 3x3 inner grid with states:
@@ -69,6 +71,7 @@ A multi-game platform featuring real-time multiplayer games built with Socket.io
   - Last move highlight (yellow glow)
 
 **Routes**:
+
 - `/uttt` - Ultimate Tic-Tac-Toe game
 - Added to PaperPartyLanding game selection
 
@@ -101,22 +104,22 @@ Ultimate Tic-Tac-Toe (UTTT) is a complex recursive game where players play on a
   symbols: { 'socketId1': 'X', 'socketId2': 'O' },
   currentTurn: 'socketId1',
   gameState: 'waiting' | 'playing' | 'paused' | 'ended',
-  
+
   // The 81 small squares: 9 inner grids, each with 9 squares
   board: Array(9).fill(null).map(() => Array(9).fill(null)),
-  
+
   // The 9 large outer grids: 'X', 'O', 'DEAD', or null
   macroBoard: Array(9).fill(null),
-  
+
   // 0-8 indicates forced grid; null means player can play anywhere
   activeGrid: null,
-  
+
   // Option B scoring
   scores: { X: 0, O: 0 },
-  
+
   // For UX: track last move to highlight on frontend
   lastMove: { gridIndex: number, squareIndex: number } | null,
-  
+
   // Garbage collection
   emptyTimer: NodeJS.Timeout | null
 }
@@ -124,18 +127,18 @@ Ultimate Tic-Tac-Toe (UTTT) is a complex recursive game where players play on a
 
 ### 1.2 Socket Events
 
-| Event | Direction | Payload |
-|-------|-----------|---------|
-| `uttt_createRoom` | Client→Server | `{ playerName }` |
-| `uttt_joinRoom` | Client→Server | `{ roomId, playerName }` |
-| `uttt_makeMove` | Client→Server | `{ roomId, gridIndex, squareIndex }` |
-| `uttt_restartGame` | Client→Server | `{ roomId }` |
-| `uttt_roomInfo` | Server→Client | Full state object |
-| `uttt_gameStarted` | Server→Client | - |
-| `uttt_gameState` | Server→Client | Full state after each move |
-| `uttt_gameOver` | Server→Client | `{ winner, scores, reason, winningLine? }` |
-| `uttt_error` | Server→Client | `{ message }` - invalid move rejection |
-| `uttt_playerLeft` | Server→Client | `{ playerId }` |
+| Event              | Direction     | Payload                                    |
+| ------------------ | ------------- | ------------------------------------------ |
+| `uttt_createRoom`  | Client→Server | `{ playerName }`                           |
+| `uttt_joinRoom`    | Client→Server | `{ roomId, playerName }`                   |
+| `uttt_makeMove`    | Client→Server | `{ roomId, gridIndex, squareIndex }`       |
+| `uttt_restartGame` | Client→Server | `{ roomId }`                               |
+| `uttt_roomInfo`    | Server→Client | Full state object                          |
+| `uttt_gameStarted` | Server→Client | -                                          |
+| `uttt_gameState`   | Server→Client | Full state after each move                 |
+| `uttt_gameOver`    | Server→Client | `{ winner, scores, reason, winningLine? }` |
+| `uttt_error`       | Server→Client | `{ message }` - invalid move rejection     |
+| `uttt_playerLeft`  | Server→Client | `{ playerId }`                             |
 
 ### 1.3 Server Validation Rules
 
@@ -204,11 +207,13 @@ emit uttt_gameState(room);
 ### 1.5 Reconnection & Garbage Collection
 
 **Reconnection:**
+
 - In `handleConnection(socket)`, check if socket.id already exists in any room
 - If found: emit `uttt_gameState` with current game state
 - If game was 'paused', set back to 'playing'
 
 **Garbage Collection:**
+
 - On player disconnect: if only 1 player remains, start 5-minute timer
 - If timer expires and room empty: delete room from memory
 - On each valid move: clear any pending timer for that room
@@ -231,11 +236,13 @@ uttt/
 ### 2.2 UTTTGame.jsx
 
 **Responsibilities:**
+
 - Initialize socket connection
 - Manage local game state (sync with server)
 - Render: Scoreboard, Turn Indicator, MacroGrid
 
 **Socket Event Listeners:**
+
 - `uttt_roomInfo` - Initialize state on join
 - `uttt_gameStarted` - Show game begin animation
 - `uttt_gameState` - Full state update after each move
@@ -243,6 +250,7 @@ uttt/
 - `uttt_error` - Show error toast
 
 **User Actions:**
+
 - `uttt_createRoom` - Create new room
 - `uttt_joinRoom` - Join existing room
 - `uttt_makeMove` - Send move to server
@@ -251,6 +259,7 @@ uttt/
 ### 2.3 InnerGrid.jsx (Core UI Component)
 
 **Props:**
+
 - `gridData` - Array of 9 cells from `board[gridIndex]`
 - `isActive` - Boolean (true if this is the active grid)
 - `macroWinner` - 'X', 'O', 'DEAD', or null
@@ -260,19 +269,20 @@ uttt/
 
 **Visual States:**
 
-| State | CSS/Tailwind Classes |
-|-------|---------------------|
-| **Active** (isActive=true) | `ring-2 ring-blue-400 animate-pulse` |
-| **Inactive** (isActive=false) | `opacity-40 grayscale pointer-events-none` |
-| **Won** (macroWinner='X' or 'O') | Overlay with large semi-transparent symbol |
-| **Dead** (macroWinner='DEAD') | Darkened, show X in all cells |
-| **Last Move** | `bg-yellow-100` or subtle glow on specific cell |
+| State                            | CSS/Tailwind Classes                            |
+| -------------------------------- | ----------------------------------------------- |
+| **Active** (isActive=true)       | `ring-2 ring-blue-400 animate-pulse`            |
+| **Inactive** (isActive=false)    | `opacity-40 grayscale pointer-events-none`      |
+| **Won** (macroWinner='X' or 'O') | Overlay with large semi-transparent symbol      |
+| **Dead** (macroWinner='DEAD')    | Darkened, show X in all cells                   |
+| **Last Move**                    | `bg-yellow-100` or subtle glow on specific cell |
 
 ### 2.4 MacroGrid.jsx
 
 **Layout:** 3x3 CSS Grid with gap
 
 **Props:**
+
 - `macroBoard` - Array of 9 (macro winners)
 - `activeGrid` - Number (0-8) or null
 - `board` - Full 9x9 board
@@ -283,20 +293,21 @@ uttt/
 
 ## Phase 3: Edge Cases & Error Handling
 
-| Scenario | Server Response | Client Response |
-|----------|-----------------|------------------|
-| Join full room | `uttt_error: "Room is full"` | SweetAlert "Room is full" |
-| Move out of turn | `uttt_error: "Not your turn"` | Console warning |
-| Click disabled grid | `uttt_error: "Invalid grid"` | Show toast |
-| Click occupied square | `uttt_error: "Square occupied"` | Show toast |
-| Player disconnects | `uttt_playerLeft` | Show "Waiting for player..." |
-| Reconnect to active game | Emit `uttt_gameState` | Restore game state |
+| Scenario                 | Server Response                 | Client Response              |
+| ------------------------ | ------------------------------- | ---------------------------- |
+| Join full room           | `uttt_error: "Room is full"`    | SweetAlert "Room is full"    |
+| Move out of turn         | `uttt_error: "Not your turn"`   | Console warning              |
+| Click disabled grid      | `uttt_error: "Invalid grid"`    | Show toast                   |
+| Click occupied square    | `uttt_error: "Square occupied"` | Show toast                   |
+| Player disconnects       | `uttt_playerLeft`               | Show "Waiting for player..." |
+| Reconnect to active game | Emit `uttt_gameState`           | Restore game state           |
 
 ---
 
 ## Implementation Checklist
 
 ### Backend
+
 - [ ] Create `api/game-logic/uttt.js` with UTTTManager class
 - [ ] Implement `checkInnerWin()` helper
 - [ ] Implement `checkMacroWin()` helper
@@ -306,6 +317,7 @@ uttt/
 - [ ] Write tests for win detection and move validation
 
 ### Frontend
+
 - [ ] Create `pro/src/uttt/UTTTGame.jsx`
 - [ ] Create `pro/src/uttt/components/MacroGrid.jsx`
 - [ ] Create `pro/src/uttt/components/InnerGrid.jsx`
@@ -322,7 +334,7 @@ uttt/
 ```jsx
 // Inner Grid - Active
 <div className="border-2 border-blue-400 animate-pulse bg-white/80">
-// Inner Grid - Inactive  
+// Inner Grid - Inactive
 <div className="opacity-40 grayscale pointer-events-none">
 // Inner Grid - Won (X)
 <div className="relative">
@@ -336,4 +348,4 @@ uttt/
 
 ---
 
-This plan is ready for implementation. Run `npm start` in `api/` and `npm run dev` in `pro/` to begin development.
\ No newline at end of file
+This plan is ready for implementation. Run `npm start` in `api/` and `npm run dev` in `pro/` to begin development.
diff --git a/INDUSTRY_GRADE_PLAN.md b/INDUSTRY_GRADE_PLAN.md
new file mode 100644
index 0000000..16a53c7
--- /dev/null
+++ b/INDUSTRY_GRADE_PLAN.md
@@ -0,0 +1,160 @@
+# Industry-Grade Plan — PaperParty / socket.io-games
+
+This plan covers the gap between the current state and an industry-grade real-time multiplayer gaming platform.
+
+**Constraint**: No database/storage — all state remains in-memory.
+
+---
+
+## Phase P0 — Hotfix (Critical Bugs)
+
+### P0.1 Fix dab.js duplicated methods
+
+- **Problem**: `requestRedo`, `respondRedo`, `handleDisconnect`, `sendRoomInfo` each defined twice (lines 189-302 duped at 304-393, 581-625 duped at 635-697, 627-633 duped at 699-705). Second definition wins. Logic differs:
+  - `handleDisconnect` v1 (line 597): `if (canContinue)` emits "game continues". v2 (line 651): `if (!canContinue)` starts forfeit timer. Inverted.
+  - `sendRoomInfo` v1 uses dynamic prefix, v2 hardcodes `dab_roomInfo`
+- **Action**: Remove second definitions. Fix inverted logic in v1 `handleDisconnect`.
+
+### P0.2 Fix ErrorBoundary.jsx
+
+- **Problem**: Imports `@mui/material` (not installed). Crashes on error.
+- **Action**: Rewrite with plain HTML + Tailwind classes.
+
+### P0.3 Write real TicTacToe.test.jsx
+
+- **Problem**: Placeholder `expect(true).toBe(true)`.
+- **Action**: Real tests matching UTTTGame.test.jsx pattern.
+
+### P0.4 Remove dead dependencies
+
+- `api/`: `mongoose`, `jsonwebtoken`, `body-parser`, `sweetalert2`
+- `pro/`: `web-vitals`
+
+---
+
+## Phase P1 — CI + Quality Tooling
+
+### P1.1 ESLint + Prettier (both packages)
+
+- Install `eslint`, `prettier` configs.
+- Node-aware for api/, React-aware for pro/.
+- `scripts.lint` + `scripts.format`.
+
+### P1.2 Pre-commit hooks
+
+- `husky` + `lint-staged` at root.
+- Run lint + format on staged files.
+
+### P1.3 GitHub Actions CI (`.github/workflows/ci.yml`)
+
+- `push` + `pull_request` on all branches.
+- Jobs: `api` (mocha), `pro` (vitest).
+
+### P1.4 `.editorconfig`
+
+- Root level: 2-space indent, LF endings.
+
+---
+
+## Phase P2 — Security
+
+### P2.1 Helmet.js
+
+- `npm install helmet`. Apply to Express app.
+
+### P2.2 Restrict CORS
+
+- Replace `origin: '*'` with env-configured list.
+- Same for Express and Socket.IO.
+
+### P2.3 Rate limiting
+
+- HTTP: `express-rate-limit`.
+- Socket.IO: per-socket event rate limiter.
+
+### P2.4 HTTPS/WSS protocol detection
+
+- `GameContext.jsx`: Use `window.location.protocol` for secure connections.
+
+### P2.5 Input validation hardening
+
+- TTT `makeMove`: add bounds check on `position`.
+
+---
+
+## Phase P3 — Operational Excellence
+
+### P3.1 Dockerfiles + docker-compose
+
+- `api/Dockerfile`: node:20-alpine
+- `pro/Dockerfile`: multi-stage build with nginx
+- `docker-compose.yml`: api + pro services with healthchecks
+
+### P3.2 Graceful shutdown
+
+- `SIGTERM`/`SIGINT` handlers: drain connections, broadcast alerts, clear timers.
+
+### P3.3 Structured logging
+
+- Replace custom logger with `pino`. Keep same API. Output JSON.
+- `pino-http` for request logging.
+
+### P3.4 Periodic garbage collection
+
+- `setInterval` every 5 min to remove stale rooms.
+- Track last-active timestamps.
+
+### P3.5 Improved health checks
+
+- `/health`: include socket.io connection status.
+- Add `/health/ready` (readiness probe).
+
+---
+
+## Phase P4 — Testing Completeness
+
+### P4.1 Frontend game component tests
+
+- **Bingo**: board rendering, mark, bingo detection display.
+- **TicTacToe**: full rewrite with board, moves, win/draw, restart.
+- **UTTT**: move execution, macro grid, active grid.
+- **DAB**: line placement, box completion, redo flow, game over.
+
+### P4.2 E2E tests with Playwright
+
+- Full game flow: create → join → play → game over.
+- Disconnect/reconnect scenarios.
+- Cross-game isolation.
+
+### P4.3 Load/stress tests
+
+- `k6` or `autocannon`: 100 concurrent clients, rapid moves.
+
+---
+
+## Phase P5 — Scalability
+
+### P5.1 Socket.IO Redis adapter
+
+- `@socket.io/redis-adapter` + `ioredis` for multi-process pub/sub.
+
+### P5.2 Horizontal scaling config
+
+- docker-compose replicas, nginx sticky sessions.
+
+### P5.3 Prometheus metrics
+
+- `prom-client`: expose `/metrics` with room counts, event rates, latency.
+
+---
+
+## Effort Summary
+
+| Phase             | Files changed | New files | Est. time |
+| ----------------- | :-----------: | :-------: | :-------: |
+| P0 — Hotfix       |       4       |     0     |   1-2h    |
+| P1 — CI + Quality |      10+      |     8     |   3-4h    |
+| P2 — Security     |       5       |     0     |   2-3h    |
+| P3 — Operational  |       8       |     5     |   4-6h    |
+| P4 — Testing      |      20+      |    5+     |   8-12h   |
+| P5 — Scalability  |       5       |     4     |   3-4h    |
diff --git a/api/.gitignore b/api/.gitignore
index 40b878d..713d500 100644
--- a/api/.gitignore
+++ b/api/.gitignore
@@ -1 +1,2 @@
-node_modules/
\ No newline at end of file
+node_modules/
+.env
diff --git a/api/game-logic/BaseManager.js b/api/game-logic/BaseManager.js
new file mode 100644
index 0000000..d548687
--- /dev/null
+++ b/api/game-logic/BaseManager.js
@@ -0,0 +1,177 @@
+const { v4: uuidv4 } = require('uuid');
+const logger = require('../utils/logger');
+
+class BaseManager {
+  constructor(io) {
+    this.io = io;
+    this.rooms = new Map();
+    this.timers = new Map();
+    this.socketRooms = new Map();
+  }
+
+  onSocketError(socket, error, context) {
+    const prefix = this.gamePrefix ? this.gamePrefix.toUpperCase() : 'SERVER';
+    logger.error(prefix, `Error in ${context}`, {
+      socketId: socket?.id,
+      message: error?.message || String(error),
+    });
+  }
+
+  validateReconnectPayload(data, socket) {
+    if (!data || typeof data !== 'object') {
+      socket.emit(`${this.gamePrefix}_alert`, {
+        icon: 'error',
+        title: 'Invalid Reconnection',
+        text: 'Reconnection data missing or malformed',
+      });
+      return null;
+    }
+    if (!data.roomId || typeof data.roomId !== 'string') {
+      socket.emit(`${this.gamePrefix}_alert`, {
+        icon: 'error',
+        title: 'Invalid Reconnection',
+        text: 'Room ID is required',
+      });
+      return null;
+    }
+    if (!data.playerId || typeof data.playerId !== 'string') {
+      socket.emit(`${this.gamePrefix}_alert`, {
+        icon: 'error',
+        title: 'Invalid Reconnection',
+        text: 'Player ID is required',
+      });
+      return null;
+    }
+    return {
+      roomId: this.sanitizeRoomId(data.roomId),
+      playerId: data.playerId,
+    };
+  }
+
+  handleReconnection(socket, roomId, playerId, roomCallbacks, gamePrefix) {
+    const room = this.rooms.get(roomId);
+    if (!room) {
+      if (roomCallbacks?.onNotFound) roomCallbacks.onNotFound(socket, gamePrefix);
+      return false;
+    }
+
+    const player = room.players.find((p) => p.id === playerId);
+    if (!player) {
+      if (roomCallbacks?.onPlayerNotFound) roomCallbacks.onPlayerNotFound(socket, gamePrefix);
+      return false;
+    }
+
+    return true;
+  }
+
+  handleReconnectFailure(socket, reason, roomId, gamePrefix) {
+    socket.emit(`${gamePrefix}_reconnectFailed`, { reason, roomId });
+    this.clearTimer(`empty_${roomId}`);
+    this.clearAllTimersForRoom(roomId);
+  }
+
+  onSocketEvent(socket, eventName, handler) {
+    socket.on(eventName, (...args) => {
+      Promise.resolve()
+        .then(() => handler(...args))
+        .catch((error) => {
+          const prefix = this.gamePrefix ? this.gamePrefix.toUpperCase() : 'SERVER';
+          logger.error(prefix, `Unhandled error while processing ${eventName}`, {
+            socketId: socket?.id,
+            message: error?.message || String(error),
+            stack: error?.stack,
+          });
+
+          if (this.gamePrefix) {
+            socket.emit(`${this.gamePrefix}_alert`, {
+              icon: 'error',
+              title: 'Server Error',
+              text: 'Something went wrong. Please try again.',
+            });
+          }
+        });
+    });
+  }
+
+  generateRoomId() {
+    return uuidv4().slice(0, 6).toUpperCase();
+  }
+
+  _trackSocket(socketId, roomId) {
+    if (!this.socketRooms.has(socketId)) {
+      this.socketRooms.set(socketId, new Set());
+    }
+    this.socketRooms.get(socketId).add(roomId);
+  }
+
+  _untrackSocket(socketId, roomId) {
+    const rooms = this.socketRooms.get(socketId);
+    if (rooms) {
+      rooms.delete(roomId);
+      if (rooms.size === 0) this.socketRooms.delete(socketId);
+    }
+  }
+
+  sanitizeRoomId(roomId) {
+    if (!roomId || typeof roomId !== 'string') return null;
+    return roomId.toUpperCase();
+  }
+
+  validatePlayerName(playerName) {
+    if (typeof playerName !== 'string') return false;
+    const trimmed = playerName.trim();
+    return trimmed.length >= 1 && trimmed.length <= 20;
+  }
+
+  sanitizePlayerName(playerName) {
+    if (!this.validatePlayerName(playerName)) return 'Anonymous';
+    return playerName.trim();
+  }
+
+  clearTimer(key) {
+    if (this.timers.has(key)) {
+      clearTimeout(this.timers.get(key));
+      this.timers.delete(key);
+    }
+  }
+
+  registerEmptyTimer(roomId, callback) {
+    const timerKey = `empty_${roomId}`;
+    this.clearTimer(timerKey);
+    this.timers.set(
+      timerKey,
+      setTimeout(
+        () => {
+          callback();
+        },
+        5 * 60 * 1000,
+      ),
+    );
+  }
+
+  handlePlayerLeave(socket, roomId, callbacks) {
+    const room = this.rooms.get(roomId);
+    if (!room) return;
+
+    const player = room.players.find((p) => p.id === socket.id);
+    if (!player) return;
+
+    player.connected = false;
+    if (callbacks?.onPlayerLeft) callbacks.onPlayerLeft(room, socket, player);
+  }
+
+  clearAllTimersForRoom(roomId) {
+    const keysToDelete = [];
+    for (const key of this.timers.keys()) {
+      if (key.includes(roomId)) {
+        clearTimeout(this.timers.get(key));
+        keysToDelete.push(key);
+      }
+    }
+    for (const key of keysToDelete) {
+      this.timers.delete(key);
+    }
+  }
+}
+
+module.exports = BaseManager;
diff --git a/api/game-logic/bingo.js b/api/game-logic/bingo.js
index 8ecd87a..8bc6c1b 100644
--- a/api/game-logic/bingo.js
+++ b/api/game-logic/bingo.js
@@ -1,117 +1,507 @@
 const { v4: uuidv4 } = require('uuid');
+const BaseManager = require('./BaseManager');
 
-class BingoManager {
+class BingoManager extends BaseManager {
   constructor(io) {
-    this.io = io;
-    this.rooms = new Map();
+    super(io);
+    this.gamePrefix = 'bingo';
   }
 
   handleConnection(socket) {
-    socket.on('bingo_createRoom', (creatorName) => this.createRoom(socket, creatorName));
-    socket.on('bingo_joinRoom', (data) => this.joinRoom(socket, data));
-    socket.on('bingo_startGame', (roomId) => this.startGame(socket, roomId));
-    socket.on('bingo_markNumber', (data) => this.markNumber(socket, data));
-    socket.on('bingo_achieved', (roomId) => this.bingoAchieved(socket, roomId));
-    socket.on('bingo_restartGame', (roomId) => this.restartGame(socket, roomId));
-    socket.on('disconnect', () => this.handleDisconnect(socket));
+    this.onSocketEvent(socket, `${this.gamePrefix}_createRoom`, (creatorName) => this.createRoom(socket, creatorName));
+    this.onSocketEvent(socket, `${this.gamePrefix}_joinRoom`, (data) => this.joinRoom(socket, data));
+    this.onSocketEvent(socket, `${this.gamePrefix}_startGame`, (roomId) => this.startGame(socket, roomId));
+    this.onSocketEvent(socket, `${this.gamePrefix}_markNumber`, (data) => this.markNumber(socket, data));
+    this.onSocketEvent(socket, `${this.gamePrefix}_achieved`, (roomId) => this.bingoAchieved(socket, roomId));
+    this.onSocketEvent(socket, `${this.gamePrefix}_restartGame`, (roomId) => this.restartGame(socket, roomId));
+    this.onSocketEvent(socket, `${this.gamePrefix}_leaveRoom`, (roomId) => this.leaveRoom(socket, roomId));
+    this.onSocketEvent(socket, `${this.gamePrefix}_reconnect`, (data) => this.reconnect(socket, data));
+    this.onSocketEvent(socket, `${this.gamePrefix}_requestRoomInfo`, (roomId) => {
+      const sanitized = this.sanitizeRoomId(roomId);
+      if (sanitized) this.sendRoomInfo(sanitized);
+    });
+    this.onSocketEvent(socket, 'server_shutdown', () => {
+      const rooms = this.socketRooms.get(socket.id);
+      if (rooms) {
+        for (const roomId of rooms) {
+          this.clearAllTimersForRoom(roomId);
+        }
+      }
+    });
+    this.onSocketEvent(socket, 'disconnect', () => this.handleDisconnect(socket));
   }
 
-  createRoom(socket, creatorName) {
+  createRoom(socket, data) {
+    // Support both old string format and new object format
+    const creatorName = typeof data === 'string' ? data : data.creatorName || data.playerName;
+    const avatarIcon = typeof data === 'object' ? data.avatarIcon : undefined;
+    const color = typeof data === 'object' ? data.color : undefined;
+
     const roomId = uuidv4().slice(0, 6).toUpperCase();
     socket.join(roomId);
     const room = {
       id: roomId,
       creator: socket.id,
-      players: [{ id: socket.id, name: creatorName }],
-      currentTurn: 0,
+      players: [
+        {
+          id: socket.id,
+          name: creatorName || 'Player 1',
+          avatarIcon,
+          color,
+          connected: true,
+        },
+      ],
+      settings: {},
+      currentTurn: null,
+      turnOrder: [socket.id],
       gameState: 'waiting',
-      turnOrder: [socket.id]
+      strikedNumbers: [],
+      playerBoards: {},
+      playerBingos: {},
     };
     this.rooms.set(roomId, room);
+    this._trackSocket(socket.id, roomId);
     this.sendRoomInfo(roomId);
-    socket.emit('bingo_alert', { icon: 'success', title: 'Room Created', text: `Bingo Room ${roomId}` });
+    socket.emit(`${this.gamePrefix}_alert`, {
+      icon: 'success',
+      title: 'Room Created',
+      text: `Bingo Room ${roomId}`,
+    });
   }
 
-  joinRoom(socket, { roomId, playerName }) {
-    const room = this.rooms.get(roomId?.toUpperCase());
+  joinRoom(socket, { roomId, playerName, avatarIcon, color }) {
+    const sanitizedRoomId = this.sanitizeRoomId(roomId);
+    if (!sanitizedRoomId) {
+      socket.emit(`${this.gamePrefix}_alert`, {
+        icon: 'warning',
+        title: 'Error',
+        text: 'Invalid room ID',
+      });
+      return;
+    }
+    const room = this.rooms.get(sanitizedRoomId);
     if (!room) {
-      socket.emit('bingo_alert', { icon: 'warning', title: 'Error', text: 'Room not found' });
+      socket.emit(`${this.gamePrefix}_alert`, {
+        icon: 'warning',
+        title: 'Error',
+        text: 'Room not found',
+      });
       return;
     }
     if (room.players.length >= 10) {
-      socket.emit('bingo_alert', { icon: 'warning', title: 'Full', text: 'Room is full' });
+      socket.emit(`${this.gamePrefix}_alert`, {
+        icon: 'warning',
+        title: 'Full',
+        text: 'Room is full',
+      });
       return;
     }
 
     socket.join(room.id);
-    room.players.push({ id: socket.id, name: playerName });
+    room.players.push({
+      id: socket.id,
+      name: playerName,
+      avatarIcon,
+      color,
+      connected: true,
+    });
     room.turnOrder.push(socket.id);
-    
+    this._trackSocket(socket.id, room.id);
+
     if (room.players.length >= 2 && room.gameState === 'waiting') {
       room.gameState = 'ready';
+      room.currentTurn = room.players[0].id;
     }
-    
+
     this.sendRoomInfo(room.id);
   }
 
   startGame(socket, roomId) {
-    const room = this.rooms.get(roomId);
-    if (room && room.creator === socket.id) {
-      room.gameState = 'playing';
-      room.currentTurn = 0;
-      this.io.to(roomId).emit('bingo_gameStarted', room.turnOrder[0]);
-      this.sendRoomInfo(roomId);
+    const sanitizedRoomId = this.sanitizeRoomId(roomId);
+    const room = this.rooms.get(sanitizedRoomId);
+    if (!room || room.creator !== socket.id) return;
+    if (room.players.length < 2) {
+      socket.emit(`${this.gamePrefix}_alert`, {
+        icon: 'warning',
+        title: 'Wait',
+        text: 'Need at least 2 players!',
+      });
+      return;
     }
+    if (room.gameState !== 'ready') return;
+
+    room.gameState = 'playing';
+    const firstPlayerId = room.turnOrder[0];
+    room.currentTurn = firstPlayerId;
+
+    room.players.forEach((player) => {
+      const nums = Array.from({ length: 25 }, (_, i) => i + 1);
+      for (let i = nums.length - 1; i > 0; i--) {
+        const j = Math.floor(Math.random() * (i + 1));
+        [nums[i], nums[j]] = [nums[j], nums[i]];
+      }
+      room.playerBoards[player.id] = nums;
+      room.playerBingos[player.id] = 0;
+    });
+
+    this.io.to(sanitizedRoomId).emit(`${this.gamePrefix}_gameStarted`, {
+      firstPlayerId,
+      playerBoards: room.playerBoards,
+    });
+    this.sendRoomInfo(sanitizedRoomId);
   }
 
   restartGame(socket, roomId) {
-    const room = this.rooms.get(roomId);
-    if (room && room.creator === socket.id) {
-      room.gameState = 'ready';
-      room.currentTurn = 0;
-      this.io.to(roomId).emit('bingo_gameRestarted');
-      this.sendRoomInfo(roomId);
+    const sanitizedRoomId = this.sanitizeRoomId(roomId);
+    const room = this.rooms.get(sanitizedRoomId);
+    if (!room || room.creator !== socket.id) return;
+
+    room.strikedNumbers = [];
+    room.markedNumbers = {};
+    room.playerBoards = {};
+    room.playerBingos = {};
+    room.gameState = 'ready';
+    room.currentTurn = room.players[0].id;
+    this.io.to(sanitizedRoomId).emit(`${this.gamePrefix}_gameRestarted`);
+    this.sendRoomInfo(sanitizedRoomId);
+  }
+
+  getBingoLinesForPlayer(room, playerId) {
+    const playerBoard = room.playerBoards[playerId];
+    if (!playerBoard) return [];
+
+    const lines = [
+      [0, 1, 2, 3, 4],
+      [5, 6, 7, 8, 9],
+      [10, 11, 12, 13, 14],
+      [15, 16, 17, 18, 19],
+      [20, 21, 22, 23, 24],
+      [0, 5, 10, 15, 20],
+      [1, 6, 11, 16, 21],
+      [2, 7, 12, 17, 22],
+      [3, 8, 13, 18, 23],
+      [4, 9, 14, 19, 24],
+      [0, 6, 12, 18, 24],
+      [4, 8, 12, 16, 20],
+    ];
+
+    return lines.filter((line) => line.every((idx) => room.strikedNumbers.includes(playerBoard[idx])));
+  }
+
+  checkAndBroadcastBingo(room, playerId) {
+    const completedLines = this.getBingoLinesForPlayer(room, playerId);
+    const newBingoCount = completedLines.length;
+    const oldBingoCount = room.playerBingos[playerId] || 0;
+
+    if (newBingoCount > oldBingoCount) {
+      room.playerBingos[playerId] = newBingoCount;
+
+      this.io.to(room.id).emit(`${this.gamePrefix}_bingoProgress`, {
+        playerId,
+        bingoCount: newBingoCount,
+        completedLines: completedLines.length,
+      });
+
+      if (newBingoCount >= 5) {
+        return true;
+      }
     }
+    return false;
   }
 
   markNumber(socket, { roomId, number }) {
-    const room = this.rooms.get(roomId);
-    if (room && room.gameState === 'playing' && room.turnOrder[room.currentTurn] === socket.id) {
-      this.io.to(roomId).emit('bingo_numberMarked', { number, playerId: socket.id });
-      room.currentTurn = (room.currentTurn + 1) % room.turnOrder.length;
-      this.io.to(roomId).emit('bingo_nextTurn', room.turnOrder[room.currentTurn]);
+    const roomIdSanitized = this.sanitizeRoomId(roomId);
+    const room = this.rooms.get(roomIdSanitized);
+    if (!room || room.gameState !== 'playing') return;
+    if (room.currentTurn !== socket.id) return;
+
+    if (!Number.isInteger(number) || number < 1 || number > 25) {
+      socket.emit(`${this.gamePrefix}_alert`, {
+        icon: 'error',
+        title: 'Invalid Number',
+        text: 'Number must be between 1 and 25',
+      });
+      return;
+    }
+
+    if (room.strikedNumbers.includes(number)) {
+      socket.emit(`${this.gamePrefix}_alert`, {
+        icon: 'error',
+        title: 'Already Called',
+        text: `${number} was already called`,
+      });
+      return;
+    }
+
+    room.strikedNumbers.push(number);
+
+    // Get all other players to check their bingo progress
+    const otherPlayers = room.players.filter((p) => p.id !== socket.id);
+
+    // Check bingo progress for current player
+    if (this.checkAndBroadcastBingo(room, socket.id)) {
+      room.gameState = 'ended';
+      this.io.to(roomIdSanitized).emit(`${this.gamePrefix}_playerWon`, { winner: socket.id });
+      this.sendRoomInfo(roomIdSanitized);
+      return;
     }
+
+    // Check bingo progress for all other players
+    for (const player of otherPlayers) {
+      this.checkAndBroadcastBingo(room, player.id);
+    }
+
+    const currentIndex = room.turnOrder.indexOf(socket.id);
+    const nextIndex = (currentIndex + 1) % room.turnOrder.length;
+    room.currentTurn = room.turnOrder[nextIndex];
+
+    // Clear existing turn timer before emitting to prevent stale timer callback
+    this.clearTimer(`turn_${roomIdSanitized}`);
+
+    const timestamp = Date.now();
+
+    this.io.to(roomIdSanitized).emit(`${this.gamePrefix}_numberMarked`, {
+      number,
+      nextTurn: room.currentTurn,
+      strikedNumbers: room.strikedNumbers,
+      markedBy: socket.id,
+    });
+    this.io.to(roomIdSanitized).emit(`${this.gamePrefix}_nextTurn`, {
+      nextPlayerId: room.currentTurn,
+      timestamp,
+    });
+
+    const timer = setTimeout(() => {
+      const currentRoom = this.rooms.get(roomIdSanitized);
+      if (currentRoom && currentRoom.gameState === 'playing') {
+        const idx = currentRoom.turnOrder.indexOf(currentRoom.currentTurn);
+        const nextIdx = (idx + 1) % currentRoom.turnOrder.length;
+        currentRoom.currentTurn = currentRoom.turnOrder[nextIdx];
+        const timeoutTimestamp = Date.now();
+        this.io.to(roomIdSanitized).emit(`${this.gamePrefix}_nextTurn`, {
+          nextPlayerId: currentRoom.currentTurn,
+          timestamp: timeoutTimestamp,
+        });
+        this.sendRoomInfo(roomIdSanitized);
+      }
+    }, 30000);
+
+    this.timers.set(`turn_${roomIdSanitized}`, timer);
   }
 
   bingoAchieved(socket, roomId) {
-    const room = this.rooms.get(roomId);
-    if (room) {
-      room.gameState = 'ended';
-      this.io.to(roomId).emit('bingo_playerWon', socket.id);
+    const sanitizedRoomId = this.sanitizeRoomId(roomId);
+    const room = this.rooms.get(sanitizedRoomId);
+    if (!room || room.gameState !== 'playing') return;
+
+    const playerBoard = room.playerBoards[socket.id];
+    if (!playerBoard) {
+      socket.emit(`${this.gamePrefix}_alert`, {
+        icon: 'error',
+        title: 'Error',
+        text: 'Player board not found',
+      });
+      return;
     }
+
+    const completedLines = this.getBingoLinesForPlayer(room, socket.id);
+    if (completedLines.length < 5) {
+      socket.emit(`${this.gamePrefix}_alert`, {
+        icon: 'error',
+        title: 'Invalid',
+        text: `Need 5 lines for BINGO! You have ${completedLines.length}`,
+      });
+      return;
+    }
+
+    room.gameState = 'ended';
+    this.io.to(sanitizedRoomId).emit(`${this.gamePrefix}_playerWon`, { winner: socket.id });
+    this.sendRoomInfo(sanitizedRoomId);
+  }
+
+  leaveRoom(socket, roomId) {
+    const roomIdSanitized = this.sanitizeRoomId(roomId);
+    const room = this.rooms.get(roomIdSanitized);
+    if (!room) return;
+
+    const playerIndex = room.players.findIndex((p) => p.id === socket.id);
+    if (playerIndex === -1) return;
+
+    if (room.gameState === 'playing') {
+      room.players[playerIndex].connected = false;
+
+      this.clearTimer(`turn_${roomIdSanitized}`);
+
+      const activeCount = room.players.filter((p) => p.connected).length;
+
+      if (activeCount === 0) {
+        this.registerEmptyTimer(roomIdSanitized, () => {
+          this.rooms.delete(roomIdSanitized);
+        });
+      } else if (activeCount === 1) {
+        room.gameState = 'paused';
+        this.io.to(room.id).emit(`${this.gamePrefix}_gamePaused`, { reason: 'Opponent disconnected' });
+      }
+    } else {
+      room.players.splice(playerIndex, 1);
+      room.turnOrder = room.turnOrder.filter((id) => id !== socket.id);
+      if (room.players.length === 0) {
+        this.rooms.delete(roomIdSanitized);
+        return;
+      }
+      if (room.creator === socket.id) {
+        room.creator = room.players[0].id;
+      }
+    }
+
+    this._untrackSocket(socket.id, room.id);
+    this.io.to(room.id).emit(`${this.gamePrefix}_playerLeft`, { playerId: socket.id });
+    this.sendRoomInfo(room.id);
+  }
+
+  reconnect(socket, { roomId, playerId }) {
+    const validation = this.validateReconnectPayload({ roomId, playerId }, socket);
+    if (!validation) return false;
+
+    const roomIdSanitized = validation.roomId;
+    const room = this.rooms.get(roomIdSanitized);
+
+    if (!room) {
+      this.onSocketError(socket, new Error(`Room ${roomId} not found`), 'reconnect');
+      socket.emit(`${this.gamePrefix}_alert`, {
+        icon: 'error',
+        title: 'Room Not Found',
+        text: 'The room you were trying to reconnect to no longer exists.',
+      });
+      socket.emit(`${this.gamePrefix}_reconnectFailed`, {
+        reason: 'room_not_found',
+        roomId: roomIdSanitized,
+      });
+      return false;
+    }
+
+    const player = room.players.find((p) => p.id === validation.playerId);
+    if (!player) {
+      this.onSocketError(socket, new Error(`Player ${playerId} not found in room`), 'reconnect');
+      socket.emit(`${this.gamePrefix}_alert`, {
+        icon: 'error',
+        title: 'Player Not Found',
+        text: 'Your player session was not found in the room.',
+      });
+      socket.emit(`${this.gamePrefix}_reconnectFailed`, {
+        reason: 'player_not_found',
+        roomId: roomIdSanitized,
+      });
+      return false;
+    }
+
+    if (room.gameState === 'ended') {
+      this.onSocketError(socket, new Error(`Game has ended`), 'reconnect');
+      socket.emit(`${this.gamePrefix}_alert`, {
+        icon: 'info',
+        title: 'Game Ended',
+        text: 'Cannot reconnect to an ended game. You will be redirected to the lobby.',
+      });
+      socket.emit(`${this.gamePrefix}_reconnectFailed`, {
+        reason: 'game_already_ended',
+        roomId: roomIdSanitized,
+      });
+      return false;
+    }
+
+    socket.join(room.id);
+    const oldId = player.id;
+    player.id = socket.id;
+    player.connected = true;
+    this._trackSocket(socket.id, room.id);
+
+    // Re-key per-player state dicts to new socket ID
+    if (room.playerBoards[oldId]) {
+      room.playerBoards[socket.id] = room.playerBoards[oldId];
+      delete room.playerBoards[oldId];
+    }
+    if (room.playerBingos[oldId] !== undefined) {
+      room.playerBingos[socket.id] = room.playerBingos[oldId];
+      delete room.playerBingos[oldId];
+    }
+    // Clear empty timer on reconnect
+    this.clearTimer(`empty_${roomIdSanitized}`);
+
+    if (room.gameState === 'paused') {
+      const activeCount = room.players.filter((p) => p.connected).length;
+      if (activeCount >= 2) {
+        room.gameState = 'playing';
+        this.clearTimer(`forfeit_${roomIdSanitized}`);
+        this.io.to(room.id).emit(`${this.gamePrefix}_alert`, {
+          icon: 'success',
+          title: 'Player Reconnected',
+          text: 'Game resumed!',
+        });
+      }
+    }
+
+    this.sendRoomInfo(room.id);
+
+    if (room.playerBoards[socket.id]) {
+      socket.emit(`${this.gamePrefix}_playerBoard`, {
+        board: room.playerBoards[socket.id],
+      });
+    }
+
+    return true;
   }
 
   handleDisconnect(socket) {
-    for (const [roomId, room] of this.rooms.entries()) {
-      const index = room.players.findIndex(p => p.id === socket.id);
-      if (index !== -1) {
-        room.players.splice(index, 1);
-        room.turnOrder = room.turnOrder.filter(id => id !== socket.id);
-        
+    const roomIds = this.socketRooms.get(socket.id);
+    if (!roomIds) return;
+    for (const roomId of [...roomIds]) {
+      const room = this.rooms.get(roomId);
+      if (!room) continue;
+      const playerIndex = room.players.findIndex((p) => p.id === socket.id);
+      if (playerIndex === -1) continue;
+
+      if (room.gameState === 'playing') {
+        room.players[playerIndex].connected = false;
+        const activeCount = room.players.filter((p) => p.connected).length;
+
+        if (activeCount === 0) {
+          this.registerEmptyTimer(roomId, () => {
+            this.rooms.delete(roomId);
+          });
+        } else if (activeCount === 1) {
+          room.gameState = 'paused';
+          this.clearTimer(`turn_${roomId}`);
+          this.io.to(room.id).emit(`${this.gamePrefix}_gamePaused`, { reason: 'Opponent disconnected' });
+        }
+      } else {
+        room.players.splice(playerIndex, 1);
+        room.turnOrder = room.turnOrder.filter((id) => id !== socket.id);
         if (room.players.length === 0) {
           this.rooms.delete(roomId);
-        } else {
-          if (room.creator === socket.id) room.creator = room.players[0].id;
-          this.io.to(roomId).emit('bingo_playerLeft', socket.id);
-          this.sendRoomInfo(roomId);
+          continue;
+        }
+        if (room.creator === socket.id) {
+          room.creator = room.players[0].id;
         }
       }
+
+      this.io.to(room.id).emit(`${this.gamePrefix}_playerLeft`, { playerId: socket.id });
+      this.sendRoomInfo(room.id);
     }
+    this.socketRooms.delete(socket.id);
   }
 
   sendRoomInfo(roomId) {
-    const room = this.rooms.get(roomId);
-    if (room) this.io.to(roomId).emit('bingo_roomInfo', room);
+    const sanitizedRoomId = this.sanitizeRoomId(roomId);
+    const room = this.rooms.get(sanitizedRoomId);
+    if (!room) return;
+    const cleanRoom = {
+      ...room,
+      turnTimer: undefined,
+      forfeitTimer: undefined,
+      emptyTimer: undefined,
+    };
+    this.io.to(sanitizedRoomId).emit(`${this.gamePrefix}_roomInfo`, cleanRoom);
   }
 }
 
diff --git a/api/game-logic/connect4.js b/api/game-logic/connect4.js
new file mode 100644
index 0000000..9d6abae
--- /dev/null
+++ b/api/game-logic/connect4.js
@@ -0,0 +1,413 @@
+const BaseManager = require('./BaseManager');
+
+class Connect4Manager extends BaseManager {
+  constructor(io) {
+    super(io);
+    this.gamePrefix = 'c4';
+  }
+
+  handleConnection(socket) {
+    this.onSocketEvent(socket, `${this.gamePrefix}_createRoom`, (data) => this.createRoom(socket, data));
+    this.onSocketEvent(socket, `${this.gamePrefix}_joinRoom`, (data) => this.joinRoom(socket, data));
+    this.onSocketEvent(socket, `${this.gamePrefix}_reconnect`, (data) => this.reconnect(socket, data));
+    this.onSocketEvent(socket, `${this.gamePrefix}_leaveRoom`, (roomId) => this.leaveRoom(socket, roomId));
+    this.onSocketEvent(socket, `${this.gamePrefix}_makeMove`, (data) => this.makeMove(socket, data));
+    this.onSocketEvent(socket, `${this.gamePrefix}_startGame`, (data) => this.startGame(socket, data));
+    this.onSocketEvent(socket, `${this.gamePrefix}_restartGame`, (roomId) => this.restartGame(socket, roomId));
+    this.onSocketEvent(socket, `${this.gamePrefix}_requestRoomInfo`, (roomId) => {
+      const sanitized = this.sanitizeRoomId(roomId);
+      if (sanitized) this.sendRoomInfo(sanitized);
+    });
+    this.onSocketEvent(socket, 'server_shutdown', () => {
+      const rooms = this.socketRooms.get(socket.id);
+      if (rooms) {
+        for (const roomId of rooms) {
+          this.clearAllTimersForRoom(roomId);
+        }
+      }
+    });
+    this.onSocketEvent(socket, 'disconnect', () => this.handleDisconnect(socket));
+  }
+
+  createRoom(socket, data) {
+    const { playerName, avatarIcon, color } = typeof data === 'string' ? { playerName: data } : data;
+    const roomId = this.generateRoomId();
+    socket.join(roomId);
+
+    const room = {
+      id: roomId,
+      creator: socket.id,
+      players: [
+        {
+          id: socket.id,
+          name: this.sanitizePlayerName(playerName),
+          avatarIcon,
+          color,
+          connected: true,
+        },
+      ],
+      spectators: [],
+      gameState: 'waiting',
+      settings: {},
+      board: this.createEmptyBoard(),
+      currentTurn: null,
+      winner: null,
+      lastMove: null,
+      moveCount: 0,
+    };
+
+    this.rooms.set(roomId, room);
+    this._trackSocket(socket.id, roomId);
+    this.sendRoomInfo(roomId);
+  }
+
+  createEmptyBoard() {
+    return Array(6)
+      .fill(null)
+      .map(() => Array(7).fill(null));
+  }
+
+  joinRoom(socket, data) {
+    const { roomId, playerName, avatarIcon, color, asSpectator } =
+      typeof data === 'string' ? { roomId: data, playerName: 'Player' } : data;
+    const sanitizedRoomId = this.sanitizeRoomId(roomId);
+    if (!sanitizedRoomId) {
+      socket.emit(`${this.gamePrefix}_alert`, { icon: 'error', title: 'Error', text: 'Invalid room ID' });
+      return;
+    }
+
+    const room = this.rooms.get(sanitizedRoomId);
+    if (!room) {
+      socket.emit(`${this.gamePrefix}_alert`, { icon: 'error', title: 'Error', text: 'Room not found' });
+      return;
+    }
+
+    socket.join(room.id);
+    const sanitizedName = this.sanitizePlayerName(playerName);
+
+    if (asSpectator || room.players.length >= 2) {
+      room.spectators.push({
+        id: socket.id,
+        name: sanitizedName,
+        avatarIcon,
+        color,
+        connected: true,
+      });
+      this._trackSocket(socket.id, room.id);
+      this.sendRoomInfo(room.id);
+      return;
+    }
+
+    if (room.gameState !== 'waiting') {
+      socket.emit(`${this.gamePrefix}_alert`, { icon: 'error', title: 'Error', text: 'Game already in progress' });
+      return;
+    }
+
+    room.players.push({
+      id: socket.id,
+      name: sanitizedName,
+      avatarIcon,
+      color,
+      connected: true,
+    });
+    this._trackSocket(socket.id, room.id);
+    this.sendRoomInfo(room.id);
+  }
+
+  leaveRoom(socket, roomId) {
+    const sanitizedRoomId = this.sanitizeRoomId(roomId);
+    const room = this.rooms.get(sanitizedRoomId);
+    if (!room) return;
+
+    const playerIndex = room.players.findIndex((p) => p.id === socket.id);
+    if (playerIndex !== -1) {
+      if (room.gameState === 'playing') {
+        room.players[playerIndex].connected = false;
+
+        const activeCount = room.players.filter((p) => p.connected).length;
+        if (activeCount === 0) {
+          this.registerEmptyTimer(sanitizedRoomId, () => {
+            this.rooms.delete(sanitizedRoomId);
+          });
+        } else if (activeCount === 1) {
+          room.gameState = 'paused';
+          this.io.to(room.id).emit(`${this.gamePrefix}_gamePaused`, { reason: 'Opponent disconnected' });
+        }
+      } else {
+        room.players.splice(playerIndex, 1);
+        if (room.players.length === 0) {
+          this.rooms.delete(sanitizedRoomId);
+          this._untrackSocket(socket.id, room.id);
+          return;
+        }
+        if (room.creator === socket.id) {
+          room.creator = room.players[0].id;
+        }
+      }
+    }
+
+    const spectatorIndex = room.spectators.findIndex((s) => s.id === socket.id);
+    if (spectatorIndex !== -1) {
+      room.spectators.splice(spectatorIndex, 1);
+    }
+
+    this._untrackSocket(socket.id, room.id);
+    this.io.to(room.id).emit(`${this.gamePrefix}_playerLeft`, { playerId: socket.id });
+    this.sendRoomInfo(room.id);
+  }
+
+  reconnect(socket, { roomId, playerId }) {
+    const validation = this.validateReconnectPayload({ roomId, playerId }, socket);
+    if (!validation) return false;
+
+    const sanitizedRoomId = validation.roomId;
+    const room = this.rooms.get(sanitizedRoomId);
+
+    if (!room) {
+      socket.emit(`${this.gamePrefix}_alert`, {
+        icon: 'error',
+        title: 'Room Not Found',
+        text: 'The room you were trying to reconnect to no longer exists.',
+      });
+      socket.emit(`${this.gamePrefix}_reconnectFailed`, {
+        reason: 'room_not_found',
+        roomId: sanitizedRoomId,
+      });
+      return false;
+    }
+
+    let player = room.players.find((p) => p.id === validation.playerId);
+    if (player) {
+      socket.join(room.id);
+      player.id = socket.id;
+      player.connected = true;
+      this._trackSocket(socket.id, room.id);
+
+      this.clearTimer(`empty_${sanitizedRoomId}`);
+
+      if (room.gameState === 'paused') {
+        const activeCount = room.players.filter((p) => p.connected).length;
+        if (activeCount >= 2) {
+          room.gameState = 'playing';
+          this.io.to(room.id).emit(`${this.gamePrefix}_alert`, {
+            icon: 'success',
+            title: 'Player Reconnected',
+            text: 'Game resumed!',
+          });
+        }
+      }
+    } else {
+      const spectator = room.spectators.find((s) => s.id === validation.playerId);
+      if (spectator) {
+        socket.join(room.id);
+        spectator.id = socket.id;
+        spectator.connected = true;
+        this._trackSocket(socket.id, room.id);
+      } else {
+        socket.emit(`${this.gamePrefix}_alert`, {
+          icon: 'error',
+          title: 'Player Not Found',
+          text: 'Your player session was not found in the room.',
+        });
+        socket.emit(`${this.gamePrefix}_reconnectFailed`, {
+          reason: 'player_not_found',
+          roomId: sanitizedRoomId,
+        });
+        return false;
+      }
+    }
+
+    this.sendRoomInfo(room.id);
+  }
+
+  startGame(socket, { roomId }) {
+    const sanitizedRoomId = this.sanitizeRoomId(roomId);
+    const room = this.rooms.get(sanitizedRoomId);
+    if (!room || room.creator !== socket.id) return;
+    if (room.players.length < 2) return;
+
+    room.gameState = 'playing';
+    room.currentTurn = 0;
+    this.io.to(sanitizedRoomId).emit(`${this.gamePrefix}_gameStarted`, { firstTurn: room.players[0].id });
+    this.sendRoomInfo(sanitizedRoomId);
+  }
+
+  restartGame(socket, roomId) {
+    const sanitizedRoomId = this.sanitizeRoomId(roomId);
+    const room = this.rooms.get(sanitizedRoomId);
+    if (!room || room.creator !== socket.id) return;
+
+    room.gameState = 'waiting';
+    room.board = this.createEmptyBoard();
+    room.currentTurn = null;
+    room.winner = null;
+    room.lastMove = null;
+    room.moveCount = 0;
+
+    this.io.to(room.id).emit(`${this.gamePrefix}_gameRestarted`);
+    this.sendRoomInfo(sanitizedRoomId);
+  }
+
+  makeMove(socket, { roomId, column }) {
+    const sanitizedRoomId = this.sanitizeRoomId(roomId);
+    const room = this.rooms.get(sanitizedRoomId);
+    if (!room || room.gameState !== 'playing') return;
+
+    const playerIndex = room.players.findIndex((p) => p.id === socket.id);
+    if (playerIndex === -1 || playerIndex !== room.currentTurn) return;
+    if (!room.players[playerIndex].connected) return;
+
+    if (column < 0 || column >= 7) return;
+
+    const col = column;
+    let row = -1;
+    for (let r = 5; r >= 0; r--) {
+      if (room.board[r][col] === null) {
+        row = r;
+        break;
+      }
+    }
+
+    if (row === -1) {
+      socket.emit(`${this.gamePrefix}_alert`, {
+        icon: 'warning',
+        title: 'Column Full',
+        text: 'This column is full. Choose another column.',
+      });
+      return;
+    }
+
+    room.board[row][col] = playerIndex;
+    room.lastMove = { row, col };
+    room.moveCount += 1;
+
+    const winLine = this.checkWin(room, row, col);
+    if (winLine) {
+      room.winner = room.players[playerIndex].id;
+      room.gameState = 'ended';
+      this.io.to(room.id).emit(`${this.gamePrefix}_gameOver`, {
+        winner: room.winner,
+        winLine,
+        board: room.board,
+        moveCount: room.moveCount,
+      });
+    } else if (this.checkDraw(room)) {
+      room.gameState = 'ended';
+      this.io.to(room.id).emit(`${this.gamePrefix}_gameOver`, {
+        winner: null,
+        winLine: null,
+        board: room.board,
+        moveCount: room.moveCount,
+      });
+    } else {
+      room.currentTurn = room.currentTurn === 0 ? 1 : 0;
+      this.io.to(room.id).emit(`${this.gamePrefix}_moveMade`, {
+        row,
+        col,
+        playerIndex,
+        board: room.board,
+        currentTurn: room.currentTurn,
+        moveCount: room.moveCount,
+      });
+      this.sendRoomInfo(room.id);
+    }
+  }
+
+  checkWin(room, row, col) {
+    const player = room.board[row][col];
+    const directions = [
+      [0, 1],
+      [1, 0],
+      [1, 1],
+      [1, -1],
+    ];
+
+    for (const [dr, dc] of directions) {
+      let count = 1;
+      const line = [{ row, col }];
+
+      for (let i = 1; i < 4; i++) {
+        const r = row + dr * i;
+        const c = col + dc * i;
+        if (r >= 0 && r < 6 && c >= 0 && c < 7 && room.board[r][c] === player) {
+          count++;
+          line.push({ row: r, col: c });
+        } else break;
+      }
+
+      for (let i = 1; i < 4; i++) {
+        const r = row - dr * i;
+        const c = col - dc * i;
+        if (r >= 0 && r < 6 && c >= 0 && c < 7 && room.board[r][c] === player) {
+          count++;
+          line.unshift({ row: r, col: c });
+        } else break;
+      }
+
+      if (count >= 4) {
+        return line.slice(0, 4);
+      }
+    }
+
+    return null;
+  }
+
+  checkDraw(room) {
+    for (let c = 0; c < 7; c++) {
+      if (room.board[0][c] === null) return false;
+    }
+    return true;
+  }
+
+  handleDisconnect(socket) {
+    const roomIds = this.socketRooms.get(socket.id);
+    if (!roomIds) return;
+
+    for (const roomId of [...roomIds]) {
+      const room = this.rooms.get(roomId);
+      if (!room) continue;
+
+      const playerIndex = room.players.findIndex((p) => p.id === socket.id);
+      if (playerIndex !== -1) {
+        room.players[playerIndex].connected = false;
+
+        if (room.gameState === 'playing') {
+          const activeCount = room.players.filter((p) => p.connected).length;
+
+          if (activeCount === 0) {
+            this.registerEmptyTimer(roomId, () => {
+              this.rooms.delete(roomId);
+            });
+          } else if (activeCount === 1) {
+            room.gameState = 'paused';
+            this.io.to(room.id).emit(`${this.gamePrefix}_gamePaused`, { reason: 'Opponent disconnected' });
+          }
+
+          this.io.to(room.id).emit(`${this.gamePrefix}_playerLeft`, { playerId: socket.id });
+          this.sendRoomInfo(room.id);
+        }
+      }
+
+      const spectatorIndex = room.spectators.findIndex((s) => s.id === socket.id);
+      if (spectatorIndex !== -1) {
+        room.spectators[spectatorIndex].connected = false;
+      }
+    }
+
+    this.socketRooms.delete(socket.id);
+  }
+
+  sendRoomInfo(roomId) {
+    const room = this.rooms.get(roomId);
+    if (!room) return;
+    const cleanRoom = {
+      ...room,
+      turnTimer: undefined,
+      forfeitTimer: undefined,
+      emptyTimer: undefined,
+    };
+    this.io.to(roomId).emit(`${this.gamePrefix}_roomInfo`, cleanRoom);
+  }
+}
+
+module.exports = Connect4Manager;
diff --git a/api/game-logic/dab.js b/api/game-logic/dab.js
index c4002f1..edcb025 100644
--- a/api/game-logic/dab.js
+++ b/api/game-logic/dab.js
@@ -1,19 +1,37 @@
-class DabManager {
+const BaseManager = require('./BaseManager');
+
+class DabManager extends BaseManager {
   constructor(io) {
-    this.io = io;
-    this.rooms = new Map();
+    super(io);
+    this.gamePrefix = 'dab';
   }
 
   handleConnection(socket) {
-    socket.on('dab_createRoom', (data) => this.createRoom(socket, data));
-    socket.on('dab_joinRoom', (data) => this.joinRoom(socket, data));
-    socket.on('dab_reconnect', (data) => this.reconnect(socket, data));
-    socket.on('dab_makeMove', (data) => this.makeMove(socket, data));
-    socket.on('dab_restartGame', (roomId) => this.restartGame(socket, roomId));
-    socket.on('disconnect', () => this.handleDisconnect(socket));
+    this.onSocketEvent(socket, `${this.gamePrefix}_createRoom`, (data) => this.createRoom(socket, data));
+    this.onSocketEvent(socket, `${this.gamePrefix}_joinRoom`, (data) => this.joinRoom(socket, data));
+    this.onSocketEvent(socket, `${this.gamePrefix}_reconnect`, (data) => this.reconnect(socket, data));
+    this.onSocketEvent(socket, `${this.gamePrefix}_leaveRoom`, (roomId) => this.leaveRoom(socket, roomId));
+    this.onSocketEvent(socket, `${this.gamePrefix}_makeMove`, (data) => this.makeMove(socket, data));
+    this.onSocketEvent(socket, `${this.gamePrefix}_requestRedo`, (roomId) => this.requestRedo(socket, roomId));
+    this.onSocketEvent(socket, `${this.gamePrefix}_respondRedo`, (data) => this.respondRedo(socket, data));
+    this.onSocketEvent(socket, `${this.gamePrefix}_restartGame`, (roomId) => this.restartGame(socket, roomId));
+    this.onSocketEvent(socket, `${this.gamePrefix}_startGame`, (data) => this.startGame(socket, data));
+    this.onSocketEvent(socket, `${this.gamePrefix}_requestRoomInfo`, (roomId) => {
+      const sanitized = this.sanitizeRoomId(roomId);
+      if (sanitized) this.sendRoomInfo(sanitized);
+    });
+    this.onSocketEvent(socket, 'server_shutdown', () => {
+      const rooms = this.socketRooms.get(socket.id);
+      if (rooms) {
+        for (const roomId of rooms) {
+          this.clearAllTimersForRoom(roomId);
+        }
+      }
+    });
+    this.onSocketEvent(socket, 'disconnect', () => this.handleDisconnect(socket));
   }
 
-  createRoom(socket, { mode, customRows, customCols, customPlayers, playerName }) {
+  createRoom(socket, { mode, customRows, customCols, customPlayers, playerName, avatarIcon, color }) {
     let rows, cols;
     switch (mode) {
       case 'classic':
@@ -38,108 +56,386 @@ class DabManager {
     }
 
     const maxPlayers = Math.max(2, Math.min(4, customPlayers || 2));
-    const roomId = Math.random().toString(36).substring(2, 8).toUpperCase();
+    const roomId = this.generateRoomId();
     socket.join(roomId);
 
     const room = {
       id: roomId,
       creator: socket.id,
-      players: [{ id: socket.id, name: playerName || 'Player 1', connected: true }],
+      players: [
+        {
+          id: socket.id,
+          name: playerName || 'Player 1',
+          avatarIcon,
+          color,
+          connected: true,
+        },
+      ],
       gameState: 'waiting',
       currentTurn: 0,
       rows,
       cols,
-      horizontalLines: Array(rows + 1).fill(null).map(() => Array(cols).fill(null)),
-      verticalLines: Array(rows).fill(null).map(() => Array(cols + 1).fill(null)),
-      boxes: Array(rows).fill(null).map(() => Array(cols).fill(null)),
+      maxPlayers,
+      settings: {},
+      horizontalLines: Array(rows + 1)
+        .fill(null)
+        .map(() => Array(cols).fill(null)),
+      verticalLines: Array(rows)
+        .fill(null)
+        .map(() => Array(cols + 1).fill(null)),
+      boxes: Array(rows)
+        .fill(null)
+        .map(() => Array(cols).fill(null)),
       scores: Array(maxPlayers).fill(0),
       lastMove: null,
-      emptyTimer: null,
-      forfeitTimer: null,
-      maxPlayers
+      lastMovePlayerIndex: null,
+      lastClaimedBoxes: [],
+      redoRequest: null,
+      startedWithPlayers: maxPlayers,
     };
 
     this.rooms.set(roomId, room);
+    this._trackSocket(socket.id, roomId);
     this.sendRoomInfo(roomId);
   }
 
-  joinRoom(socket, { roomId, playerName }) {
-    const room = this.rooms.get(roomId?.toUpperCase());
+  joinRoom(socket, { roomId, playerName, avatarIcon, color }) {
+    const sanitizedRoomId = this.sanitizeRoomId(roomId);
+    if (!sanitizedRoomId) {
+      socket.emit(`${this.gamePrefix}_alert`, { icon: 'error', title: 'Error', text: 'Invalid room ID' });
+      return;
+    }
+    const room = this.rooms.get(sanitizedRoomId);
     if (!room) {
-      socket.emit('dab_alert', { icon: 'error', title: 'Error', text: 'Room not found' });
+      socket.emit(`${this.gamePrefix}_alert`, { icon: 'error', title: 'Error', text: 'Room not found' });
       return;
     }
     if (room.gameState !== 'waiting') {
-      socket.emit('dab_alert', { icon: 'error', title: 'Error', text: 'Game already in progress' });
+      socket.emit(`${this.gamePrefix}_alert`, { icon: 'error', title: 'Error', text: 'Game already in progress' });
       return;
     }
     if (room.players.length >= room.maxPlayers) {
-      socket.emit('dab_alert', { icon: 'error', title: 'Error', text: 'Room is full' });
+      socket.emit(`${this.gamePrefix}_alert`, { icon: 'error', title: 'Error', text: 'Room is full' });
       return;
     }
 
     socket.join(room.id);
-    room.players.push({ id: socket.id, name: playerName, connected: true });
+    room.players.push({
+      id: socket.id,
+      name: playerName,
+      avatarIcon,
+      color,
+      connected: true,
+    });
+    this._trackSocket(socket.id, room.id);
 
-    if (room.players.length >= room.maxPlayers) {
-      room.gameState = 'playing';
-      room.currentTurn = 0;
-      this.io.to(room.id).emit('dab_gameStarted', { firstTurn: room.players[0].id });
+    this.sendRoomInfo(room.id);
+  }
+
+  leaveRoom(socket, roomId) {
+    const sanitizedRoomId = this.sanitizeRoomId(roomId);
+    const room = this.rooms.get(sanitizedRoomId);
+    if (!room) return;
+
+    const playerIndex = room.players.findIndex((p) => p.id === socket.id);
+    if (playerIndex === -1) return;
+
+    if (room.gameState === 'playing') {
+      // B3: Timer cleanup on player leave/disconnect
+      // Clear redo timer if the leaving player was involved in the redo request
+      if (room.redoRequest) {
+        const isRequester = room.redoRequest.requesterId === socket.id;
+        const isTarget = room.redoRequest.targetId === socket.id;
+        if (isRequester || isTarget) {
+          this.clearTimer(`redo_${sanitizedRoomId}`);
+          room.redoRequest = null;
+        }
+      }
+
+      // B5: Clear lastMove if relevant player disconnects
+      if (room.lastMovePlayerIndex !== null && playerIndex === room.lastMovePlayerIndex) {
+        room.lastMove = null;
+        room.lastMovePlayerIndex = null;
+        room.lastClaimedBoxes = [];
+      }
+
+      room.players[playerIndex].connected = false;
+
+      const activeCount = room.players.filter((p) => p.connected).length;
+
+      if (activeCount === 0) {
+        this.registerEmptyTimer(sanitizedRoomId, () => {
+          this.rooms.delete(sanitizedRoomId);
+        });
+      } else if (activeCount === 1) {
+        const canContinue = room.startedWithPlayers >= 4;
+        if (!canContinue) {
+          room.gameState = 'paused';
+          this.io.to(room.id).emit(`${this.gamePrefix}_gamePaused`, { reason: 'Opponent disconnected' });
+        }
+      }
+    } else {
+      room.players.splice(playerIndex, 1);
+      if (room.players.length === 0) {
+        this.rooms.delete(sanitizedRoomId);
+        return;
+      }
+      if (room.creator === socket.id) {
+        room.creator = room.players[0].id;
+      }
     }
 
+    this._untrackSocket(socket.id, room.id);
+    this.io.to(room.id).emit(`${this.gamePrefix}_playerLeft`, { playerId: socket.id });
     this.sendRoomInfo(room.id);
   }
 
   restartGame(socket, roomId) {
-    const room = this.rooms.get(roomId);
+    const sanitizedRoomId = this.sanitizeRoomId(roomId);
+    const room = this.rooms.get(sanitizedRoomId);
     if (!room) return;
     if (room.creator !== socket.id) return;
 
-    room.gameState = 'ready';
+    room.gameState = 'waiting';
     room.currentTurn = 0;
-    room.board = Array(room.rows).fill(null).map(() => Array(room.cols).fill(null));
-    room.macroBoard = Array(9).fill(null);
-    room.horizontalLines = Array(room.rows + 1).fill(null).map(() => Array(room.cols).fill(null));
-    room.verticalLines = Array(room.rows).fill(null).map(() => Array(room.cols + 1).fill(null));
-    room.boxes = Array(room.rows).fill(null).map(() => Array(room.cols).fill(null));
-    room.scores = Array(room.players.length).fill(0);
+    room.horizontalLines = Array(room.rows + 1)
+      .fill(null)
+      .map(() => Array(room.cols).fill(null));
+    room.verticalLines = Array(room.rows)
+      .fill(null)
+      .map(() => Array(room.cols + 1).fill(null));
+    room.boxes = Array(room.rows)
+      .fill(null)
+      .map(() => Array(room.cols).fill(null));
+    room.scores = Array(room.maxPlayers).fill(0);
     room.lastMove = null;
+    room.lastMovePlayerIndex = null;
+    room.lastClaimedBoxes = [];
+    room.redoRequest = null;
+    room.startedWithPlayers = room.maxPlayers;
+
+    this.io.to(room.id).emit(`${this.gamePrefix}_gameRestarted`);
+    this.sendRoomInfo(room.id);
+  }
+
+  startGame(socket, { roomId }) {
+    const sanitizedRoomId = this.sanitizeRoomId(roomId);
+    const room = this.rooms.get(sanitizedRoomId);
+    if (!room || room.creator !== socket.id) return;
+    if (room.players.length < 2) return;
+
+    room.gameState = 'playing';
+    room.currentTurn = 0;
+    room.startedWithPlayers = room.players.length;
+    this.io.to(sanitizedRoomId).emit(`${this.gamePrefix}_gameStarted`, { firstTurn: room.players[0].id });
+    this.sendRoomInfo(sanitizedRoomId);
+  }
+
+  requestRedo(socket, roomId) {
+    const roomIdSanitized = this.sanitizeRoomId(roomId);
+    const room = this.rooms.get(roomIdSanitized);
+    if (!room || room.gameState !== 'playing') return;
+    if (room.lastMove === null) return;
+
+    // Only the player who made the last move can request a redo
+    const playerIndex = room.players.findIndex((p) => p.id === socket.id);
+    if (playerIndex === -1) return;
+
+    // Check if this player made the last move (stored in lastMove playerIndex context)
+    // We need to track who made the last move - use redoData from moveResult as reference
+    const lastMoverIndex = room.lastMovePlayerIndex;
+    if (playerIndex !== lastMoverIndex) {
+      socket.emit(`${this.gamePrefix}_alert`, {
+        icon: 'error',
+        title: 'Not Allowed',
+        text: 'Only the player who just moved can request a redo.',
+      });
+      return;
+    }
+
+    // Determine who can respond (the next player in turn order)
+    const nextPlayerIndex = this.getNextTurn(room);
+
+    // Clear any existing redo request timer
+    this.clearTimer(`redo_${roomIdSanitized}`);
+
+    room.redoRequest = {
+      requesterId: socket.id,
+      requesterIndex: playerIndex,
+      requesterName: room.players[playerIndex].name,
+      targetId: room.players[nextPlayerIndex].id,
+      lastMove: room.lastMove ? { ...room.lastMove } : null,
+      claimedBoxes: [...room.lastClaimedBoxes],
+    };
+
+    // Set redo request timer - auto-expire after 15 seconds
+    const timer = setTimeout(() => {
+      room.redoRequest = null;
+      this.io.to(roomIdSanitized).emit(`${this.gamePrefix}_redoCancelled`);
+      this.sendRoomInfo(roomIdSanitized);
+    }, 15000);
+
+    this.timers.set(`redo_${roomIdSanitized}`, timer);
+
+    this.io.to(room.id).emit(`${this.gamePrefix}_redoRequested`, {
+      requesterId: socket.id,
+      requesterName: room.players[playerIndex].name,
+    });
+  }
+
+  respondRedo(socket, { roomId, accept }) {
+    const roomIdSanitized = this.sanitizeRoomId(roomId);
+    const room = this.rooms.get(roomIdSanitized);
+    if (!room || room.gameState !== 'playing' || !room.redoRequest) return;
+
+    if (socket.id !== room.redoRequest.targetId) {
+      socket.emit(`${this.gamePrefix}_alert`, {
+        icon: 'error',
+        title: 'Not Allowed',
+        text: 'Only the immediate player can respond to this redo request.',
+      });
+      return;
+    }
+
+    const requester = room.players[room.redoRequest.requesterIndex];
+    if (!requester || !requester.connected) {
+      this.clearTimer(`redo_${roomIdSanitized}`);
+      room.redoRequest = null;
+      this.io.to(room.id).emit(`${this.gamePrefix}_redoResponse`, {
+        accepted: false,
+        reason: 'Requester disconnected.',
+      });
+      this.sendRoomInfo(room.id);
+      return;
+    }
+
+    if (accept) {
+      if (!room.redoRequest.lastMove) {
+        this.clearTimer(`redo_${roomIdSanitized}`);
+        room.redoRequest = null;
+        this.io.to(room.id).emit(`${this.gamePrefix}_redoResponse`, { accepted: false });
+        this.sendRoomInfo(room.id);
+        return;
+      }
+
+      const { lineType, r, c } = room.redoRequest.lastMove;
+      if (lineType === 'h') {
+        room.horizontalLines[r][c] = null;
+      } else {
+        room.verticalLines[r][c] = null;
+      }
+
+      const claimedBoxes = room.redoRequest.claimedBoxes || [];
+      const ri = room.redoRequest.requesterIndex;
+      for (const cb of claimedBoxes) {
+        if (cb && cb.r >= 0 && cb.r < room.rows && cb.c >= 0 && cb.c < room.cols) {
+          room.boxes[cb.r][cb.c] = null;
+          if (ri >= 0 && ri < room.scores.length) {
+            room.scores[ri]--;
+          }
+        }
+      }
 
-    this.io.to(room.id).emit('dab_gameRestarted');
+      room.lastMove = null;
+      room.lastMovePlayerIndex = null;
+      room.lastClaimedBoxes = [];
+      // Turn goes to the requester (who made the original move being redone)
+      room.currentTurn = room.redoRequest.requesterIndex;
+
+      this.io.to(room.id).emit(`${this.gamePrefix}_moveUndone`, {
+        horizontalLines: room.horizontalLines,
+        verticalLines: room.verticalLines,
+        boxes: room.boxes,
+        scores: [...room.scores],
+        currentTurn: room.currentTurn,
+      });
+    } else {
+      this.io.to(room.id).emit(`${this.gamePrefix}_redoResponse`, {
+        accepted: false,
+        requesterId: room.redoRequest.requesterId,
+        requesterName: room.redoRequest.requesterName,
+      });
+    }
+
+    this.clearTimer(`redo_${roomIdSanitized}`);
+    room.redoRequest = null;
     this.sendRoomInfo(room.id);
   }
 
   reconnect(socket, { roomId, playerId }) {
-    const room = this.rooms.get(roomId?.toUpperCase());
+    const validation = this.validateReconnectPayload({ roomId, playerId }, socket);
+    if (!validation) return false;
+
+    const sanitizedRoomId = validation.roomId;
+    const room = this.rooms.get(sanitizedRoomId);
+
     if (!room) {
-      socket.emit('dab_alert', { icon: 'error', title: 'Error', text: 'Room not found' });
-      return;
+      socket.emit(`${this.gamePrefix}_alert`, {
+        icon: 'error',
+        title: 'Room Not Found',
+        text: 'The room you were trying to reconnect to no longer exists.',
+      });
+      socket.emit(`${this.gamePrefix}_reconnectFailed`, {
+        reason: 'room_not_found',
+        roomId: sanitizedRoomId,
+      });
+      return false;
     }
 
-    const player = room.players.find(p => p.id === playerId);
+    const player = room.players.find((p) => p.id === validation.playerId);
     if (!player) {
-      socket.emit('dab_alert', { icon: 'error', title: 'Error', text: 'Player not found in room' });
-      return;
+      socket.emit(`${this.gamePrefix}_alert`, {
+        icon: 'error',
+        title: 'Player Not Found',
+        text: 'Your player session was not found in the room.',
+      });
+      socket.emit(`${this.gamePrefix}_reconnectFailed`, {
+        reason: 'player_not_found',
+        roomId: sanitizedRoomId,
+      });
+      return false;
+    }
+
+    if (room.gameState === 'ended') {
+      socket.emit(`${this.gamePrefix}_alert`, {
+        icon: 'info',
+        title: 'Game Ended',
+        text: 'Cannot reconnect to an ended game. You will be redirected to the lobby.',
+      });
+      socket.emit(`${this.gamePrefix}_reconnectFailed`, {
+        reason: 'game_already_ended',
+        roomId: sanitizedRoomId,
+      });
+      return false;
     }
 
     socket.join(room.id);
+    const oldId = player.id;
     player.id = socket.id;
     player.connected = true;
-
-    if (room.emptyTimer) {
-      clearTimeout(room.emptyTimer);
-      room.emptyTimer = null;
+    this._trackSocket(socket.id, room.id);
+
+    // B5: Clear lastMove if relevant player reconnects (for redo eligibility)
+    const playerIndex = room.players.findIndex((p) => p.id === socket.id);
+    if (room.lastMovePlayerIndex !== null && playerIndex !== room.lastMovePlayerIndex) {
+      room.lastMove = null;
+      room.lastMovePlayerIndex = null;
+      room.lastClaimedBoxes = [];
     }
 
+    this.clearTimer(`empty_${sanitizedRoomId}`);
+
     if (room.gameState === 'paused') {
-      const activeCount = room.players.filter(p => p.connected).length;
+      const activeCount = room.players.filter((p) => p.connected).length;
       if (activeCount >= 2) {
         room.gameState = 'playing';
-        if (room.forfeitTimer) {
-          clearTimeout(room.forfeitTimer);
-          room.forfeitTimer = null;
-        }
-        this.io.to(room.id).emit('dab_alert', { icon: 'success', title: 'Player Reconnected', text: 'Game resumed!' });
+        this.clearTimer(`forfeit_${sanitizedRoomId}`);
+        this.io.to(room.id).emit(`${this.gamePrefix}_playerReconnected`, { playerId: socket.id });
+        this.io.to(room.id).emit(`${this.gamePrefix}_alert`, {
+          icon: 'success',
+          title: 'Player Reconnected',
+          text: 'Game resumed!',
+        });
       }
     }
 
@@ -147,14 +443,15 @@ class DabManager {
   }
 
   makeMove(socket, { roomId, lineType, r, c }) {
-    const room = this.rooms.get(roomId);
+    const roomIdSanitized = this.sanitizeRoomId(roomId);
+    const room = this.rooms.get(roomIdSanitized);
     if (!room || room.gameState !== 'playing') return;
 
     if (!room.players[room.currentTurn].connected) {
       room.currentTurn = this.getNextTurn(room);
     }
 
-    const playerIndex = room.players.findIndex(p => p.id === socket.id);
+    const playerIndex = room.players.findIndex((p) => p.id === socket.id);
     if (playerIndex === -1 || playerIndex !== room.currentTurn) return;
     if (!room.players[playerIndex].connected) return;
 
@@ -173,24 +470,36 @@ class DabManager {
     }
 
     room.lastMove = { lineType, r, c };
+    room.lastMovePlayerIndex = playerIndex;
+
+    if (room.redoRequest) {
+      this.clearTimer(`redo_${roomIdSanitized}`);
+      room.redoRequest = null;
+    }
 
     const claimedBoxes = this.checkBoxes(room, r, c, lineType, playerIndex);
 
+    room.lastClaimedBoxes = claimedBoxes;
+
     if (claimedBoxes.length === 0) {
       room.currentTurn = this.getNextTurn(room);
     }
 
-    const currentPlayer = room.players[room.currentTurn];
-
-this.io.to(roomId).emit('dab_moveResult', {
-       lineType,
-       r,
-       c,
-       claimedBoxes,
-       scores: [...room.scores],
-       currentTurn: room.currentTurn,
-       playerIndex
-     });
+    this.io.to(roomId).emit(`${this.gamePrefix}_moveResult`, {
+      lineType,
+      r,
+      c,
+      claimedBoxes,
+      scores: [...room.scores],
+      currentTurn: room.currentTurn,
+      playerIndex,
+      redoData: {
+        requesterId: room.players[playerIndex].id,
+        requesterIndex: playerIndex,
+        lastMove: { lineType, r, c },
+        claimedBoxes: [...claimedBoxes],
+      },
+    });
 
     if (this.checkGameOver(room)) {
       this.emitGameOver(room);
@@ -234,7 +543,7 @@ this.io.to(roomId).emit('dab_moveResult', {
 
   getNextTurn(room) {
     let nextTurn = (room.currentTurn + 1) % room.players.length;
-    const activeCount = room.players.filter(p => p.connected).length;
+    const activeCount = room.players.filter((p) => p.connected).length;
     if (activeCount > 1) {
       let safety = 0;
       while (!room.players[nextTurn].connected && safety < room.players.length) {
@@ -257,73 +566,85 @@ this.io.to(roomId).emit('dab_moveResult', {
     const maxScore = Math.max(...room.scores);
     const winners = room.scores
       .map((score, index) => ({ index, score, player: room.players[index] }))
-      .filter(entry => entry.score === maxScore);
+      .filter((entry) => entry.score === maxScore);
 
     if (winners.length === 1) {
-      this.io.to(room.id).emit('dab_gameOver', {
+      this.io.to(room.id).emit(`${this.gamePrefix}_gameOver`, {
         winner: winners[0].player.id,
-        scores: [...room.scores]
+        scores: [...room.scores],
       });
     } else {
-      this.io.to(room.id).emit('dab_gameOver', {
+      this.io.to(room.id).emit(`${this.gamePrefix}_gameOver`, {
         winner: null,
         scores: [...room.scores],
-        winners: winners.map(w => w.player.id)
+        winners: winners.map((w) => w.player.id),
       });
     }
 
-    if (room.forfeitTimer) {
-      clearTimeout(room.forfeitTimer);
-      room.forfeitTimer = null;
-    }
+    this.clearTimer(`forfeit_${room.id}`);
   }
 
   handleDisconnect(socket) {
-    for (const [roomId, room] of this.rooms.entries()) {
-      const playerIndex = room.players.findIndex(p => p.id === socket.id);
+    const roomIds = this.socketRooms.get(socket.id);
+    if (!roomIds) return;
+    for (const roomId of [...roomIds]) {
+      const room = this.rooms.get(roomId);
+      if (!room) continue;
+      const playerIndex = room.players.findIndex((p) => p.id === socket.id);
       if (playerIndex === -1) continue;
 
+      // B3: Timer cleanup on player leave/disconnect
+      // Clear redo timer if the disconnecting player was involved in the redo request
+      if (room.redoRequest) {
+        const isRequester = room.redoRequest.requesterId === socket.id;
+        const isTarget = room.redoRequest.targetId === socket.id;
+        if (isRequester || isTarget) {
+          this.clearTimer(`redo_${roomId}`);
+          room.redoRequest = null;
+        }
+      }
+
+      // B5: Clear lastMove if relevant player disconnects
+      if (room.lastMovePlayerIndex !== null && playerIndex === room.lastMovePlayerIndex) {
+        room.lastMove = null;
+        room.lastMovePlayerIndex = null;
+        room.lastClaimedBoxes = [];
+      }
+
       room.players[playerIndex].connected = false;
 
       if (room.gameState === 'playing') {
-        const activeCount = room.players.filter(p => p.connected).length;
+        const activeCount = room.players.filter((p) => p.connected).length;
 
         if (activeCount === 0) {
-          room.emptyTimer = setTimeout(() => {
+          this.registerEmptyTimer(roomId, () => {
             this.rooms.delete(roomId);
-          }, 5 * 60 * 1000);
+          });
         } else if (activeCount === 1) {
-          room.gameState = 'paused';
-          this.io.to(roomId).emit('dab_gamePaused', { reason: 'Opponent disconnected' });
-
-          room.forfeitTimer = setTimeout(() => {
-            if (room.gameState === 'paused') {
-              const remainingPlayer = room.players.find(p => p.connected);
-              if (remainingPlayer) {
-                const remainingIndex = room.players.indexOf(remainingPlayer);
-                room.scores[remainingIndex] += room.rows * room.cols - room.scores.reduce((sum, s) => sum + s, 0);
-              }
-              this.emitGameOver(room);
-            }
-          }, 5 * 60 * 1000);
-        } else {
-          if (room.currentTurn === playerIndex) {
-            room.currentTurn = this.getNextTurn(room);
+          const canContinue = room.startedWithPlayers >= 4;
+          if (!canContinue) {
+            room.gameState = 'paused';
+            this.io.to(room.id).emit(`${this.gamePrefix}_gamePaused`, { reason: 'Opponent disconnected' });
           }
         }
 
-        this.io.to(roomId).emit('dab_playerLeft', { playerId: socket.id });
-        this.sendRoomInfo(roomId);
+        this.io.to(room.id).emit(`${this.gamePrefix}_playerLeft`, { playerId: socket.id });
+        this.sendRoomInfo(room.id);
       }
     }
+    this.socketRooms.delete(socket.id);
   }
 
   sendRoomInfo(roomId) {
     const room = this.rooms.get(roomId);
     if (!room) return;
-
-    const { emptyTimer, forfeitTimer, ...sanitized } = room;
-    this.io.to(roomId).emit('dab_roomInfo', sanitized);
+    const cleanRoom = {
+      ...room,
+      turnTimer: undefined,
+      forfeitTimer: undefined,
+      emptyTimer: undefined,
+    };
+    this.io.to(roomId).emit(`${this.gamePrefix}_roomInfo`, cleanRoom);
   }
 }
 
diff --git a/api/game-logic/sos.js b/api/game-logic/sos.js
new file mode 100644
index 0000000..3d9f5bf
--- /dev/null
+++ b/api/game-logic/sos.js
@@ -0,0 +1,445 @@
+const BaseManager = require('./BaseManager');
+
+class SOSManager extends BaseManager {
+  constructor(io) {
+    super(io);
+    this.gamePrefix = 'sos';
+  }
+
+  handleConnection(socket) {
+    this.onSocketEvent(socket, `${this.gamePrefix}_createRoom`, (data) => this.createRoom(socket, data));
+    this.onSocketEvent(socket, `${this.gamePrefix}_joinRoom`, (data) => this.joinRoom(socket, data));
+    this.onSocketEvent(socket, `${this.gamePrefix}_reconnect`, (data) => this.reconnect(socket, data));
+    this.onSocketEvent(socket, `${this.gamePrefix}_leaveRoom`, (roomId) => this.leaveRoom(socket, roomId));
+    this.onSocketEvent(socket, `${this.gamePrefix}_makeMove`, (data) => this.makeMove(socket, data));
+    this.onSocketEvent(socket, `${this.gamePrefix}_startGame`, (data) => this.startGame(socket, data));
+    this.onSocketEvent(socket, `${this.gamePrefix}_restartGame`, (roomId) => this.restartGame(socket, roomId));
+    this.onSocketEvent(socket, `${this.gamePrefix}_requestRoomInfo`, (roomId) => {
+      const sanitized = this.sanitizeRoomId(roomId);
+      if (sanitized) this.sendRoomInfo(sanitized);
+    });
+    this.onSocketEvent(socket, 'server_shutdown', () => {
+      const rooms = this.socketRooms.get(socket.id);
+      if (rooms) {
+        for (const roomId of rooms) {
+          this.clearAllTimersForRoom(roomId);
+        }
+      }
+    });
+    this.onSocketEvent(socket, 'disconnect', () => this.handleDisconnect(socket));
+  }
+
+  createRoom(socket, { playerName, avatarIcon, color, size }) {
+    const boardSize = Math.max(4, Math.min(8, size || 6));
+    const roomId = this.generateRoomId();
+    socket.join(roomId);
+
+    const room = {
+      id: roomId,
+      creator: socket.id,
+      players: [
+        {
+          id: socket.id,
+          name: this.sanitizePlayerName(playerName),
+          avatarIcon,
+          color,
+          connected: true,
+        },
+      ],
+      spectators: [],
+      gameState: 'waiting',
+      settings: {
+        size: boardSize,
+      },
+      size: boardSize,
+      board: Array(boardSize)
+        .fill(null)
+        .map(() => Array(boardSize).fill(null)),
+      scores: { 0: 0, 1: 0 },
+      currentTurn: null,
+      formedPatterns: [],
+      moveCount: 0,
+      latestPattern: null,
+    };
+
+    this.rooms.set(roomId, room);
+    this._trackSocket(socket.id, roomId);
+    this.sendRoomInfo(roomId);
+  }
+
+  joinRoom(socket, { roomId, playerName, avatarIcon, color, asSpectator }) {
+    const sanitizedRoomId = this.sanitizeRoomId(roomId);
+    if (!sanitizedRoomId) {
+      socket.emit(`${this.gamePrefix}_alert`, { icon: 'error', title: 'Error', text: 'Invalid room ID' });
+      return;
+    }
+
+    const room = this.rooms.get(sanitizedRoomId);
+    if (!room) {
+      socket.emit(`${this.gamePrefix}_alert`, { icon: 'error', title: 'Error', text: 'Room not found' });
+      return;
+    }
+
+    socket.join(room.id);
+
+    const sanitizedName = this.sanitizePlayerName(playerName);
+
+    if (asSpectator || room.players.length >= 2) {
+      room.spectators.push({
+        id: socket.id,
+        name: sanitizedName,
+        avatarIcon,
+        color,
+        connected: true,
+      });
+      this._trackSocket(socket.id, room.id);
+      this.sendRoomInfo(room.id);
+      return;
+    }
+
+    if (room.gameState !== 'waiting') {
+      socket.emit(`${this.gamePrefix}_alert`, { icon: 'error', title: 'Error', text: 'Game already in progress' });
+      return;
+    }
+
+    room.players.push({
+      id: socket.id,
+      name: sanitizedName,
+      avatarIcon,
+      color,
+      connected: true,
+    });
+    this._trackSocket(socket.id, room.id);
+    this.sendRoomInfo(room.id);
+  }
+
+  leaveRoom(socket, roomId) {
+    const sanitizedRoomId = this.sanitizeRoomId(roomId);
+    const room = this.rooms.get(sanitizedRoomId);
+    if (!room) return;
+
+    const playerIndex = room.players.findIndex((p) => p.id === socket.id);
+    if (playerIndex !== -1) {
+      if (room.gameState === 'playing') {
+        room.players[playerIndex].connected = false;
+
+        const activeCount = room.players.filter((p) => p.connected).length;
+        if (activeCount === 0) {
+          this.registerEmptyTimer(sanitizedRoomId, () => {
+            this.rooms.delete(sanitizedRoomId);
+          });
+        } else if (activeCount === 1) {
+          room.gameState = 'paused';
+          this.io.to(room.id).emit(`${this.gamePrefix}_gamePaused`, { reason: 'Opponent disconnected' });
+        }
+      } else {
+        room.players.splice(playerIndex, 1);
+        if (room.players.length === 0) {
+          this.rooms.delete(sanitizedRoomId);
+          this._untrackSocket(socket.id, room.id);
+          return;
+        }
+        if (room.creator === socket.id) {
+          room.creator = room.players[0].id;
+        }
+      }
+    }
+
+    const spectatorIndex = room.spectators.findIndex((s) => s.id === socket.id);
+    if (spectatorIndex !== -1) {
+      room.spectators.splice(spectatorIndex, 1);
+    }
+
+    this._untrackSocket(socket.id, room.id);
+    this.io.to(room.id).emit(`${this.gamePrefix}_playerLeft`, { playerId: socket.id });
+    this.sendRoomInfo(room.id);
+  }
+
+  reconnect(socket, { roomId, playerId }) {
+    const validation = this.validateReconnectPayload({ roomId, playerId }, socket);
+    if (!validation) return false;
+
+    const sanitizedRoomId = validation.roomId;
+    const room = this.rooms.get(sanitizedRoomId);
+
+    if (!room) {
+      socket.emit(`${this.gamePrefix}_alert`, {
+        icon: 'error',
+        title: 'Room Not Found',
+        text: 'The room you were trying to reconnect to no longer exists.',
+      });
+      socket.emit(`${this.gamePrefix}_reconnectFailed`, {
+        reason: 'room_not_found',
+        roomId: sanitizedRoomId,
+      });
+      return false;
+    }
+
+    let player = room.players.find((p) => p.id === validation.playerId);
+    if (player) {
+      socket.join(room.id);
+      const oldId = player.id;
+      player.id = socket.id;
+      player.connected = true;
+      this._trackSocket(socket.id, room.id);
+
+      this.clearTimer(`empty_${sanitizedRoomId}`);
+
+      if (room.gameState === 'paused') {
+        const activeCount = room.players.filter((p) => p.connected).length;
+        if (activeCount >= 2) {
+          room.gameState = 'playing';
+          this.io.to(room.id).emit(`${this.gamePrefix}_alert`, {
+            icon: 'success',
+            title: 'Player Reconnected',
+            text: 'Game resumed!',
+          });
+        }
+      }
+    } else {
+      const spectator = room.spectators.find((s) => s.id === validation.playerId);
+      if (spectator) {
+        socket.join(room.id);
+        spectator.id = socket.id;
+        spectator.connected = true;
+        this._trackSocket(socket.id, room.id);
+      } else {
+        socket.emit(`${this.gamePrefix}_alert`, {
+          icon: 'error',
+          title: 'Player Not Found',
+          text: 'Your player session was not found in the room.',
+        });
+        socket.emit(`${this.gamePrefix}_reconnectFailed`, {
+          reason: 'player_not_found',
+          roomId: sanitizedRoomId,
+        });
+        return false;
+      }
+    }
+
+    this.sendRoomInfo(room.id);
+  }
+
+  startGame(socket, { roomId }) {
+    const sanitizedRoomId = this.sanitizeRoomId(roomId);
+    const room = this.rooms.get(sanitizedRoomId);
+    if (!room || room.creator !== socket.id) return;
+    if (room.players.length < 2) return;
+
+    room.gameState = 'playing';
+    room.currentTurn = 0;
+    this.io.to(sanitizedRoomId).emit(`${this.gamePrefix}_gameStarted`, { firstTurn: room.players[0].id });
+    this.sendRoomInfo(sanitizedRoomId);
+  }
+
+  restartGame(socket, roomId) {
+    const sanitizedRoomId = this.sanitizeRoomId(roomId);
+    const room = this.rooms.get(sanitizedRoomId);
+    if (!room || room.creator !== socket.id) return;
+
+    room.gameState = 'waiting';
+    room.board = Array(room.size)
+      .fill(null)
+      .map(() => Array(room.size).fill(null));
+    room.scores = { 0: 0, 1: 0 };
+    room.currentTurn = null;
+    room.formedPatterns = [];
+    room.moveCount = 0;
+    room.latestPattern = null;
+
+    this.io.to(room.id).emit(`${this.gamePrefix}_gameRestarted`);
+    this.sendRoomInfo(sanitizedRoomId);
+  }
+
+  makeMove(socket, { roomId, row, col, value }) {
+    const sanitizedRoomId = this.sanitizeRoomId(roomId);
+    const room = this.rooms.get(sanitizedRoomId);
+    if (!room || room.gameState !== 'playing') return;
+
+    const playerIndex = room.players.findIndex((p) => p.id === socket.id);
+    if (playerIndex === -1) return;
+    if (playerIndex !== room.currentTurn) {
+      socket.emit(`${this.gamePrefix}_alert`, {
+        icon: 'error',
+        title: 'Not your turn',
+        text: `Wait for your turn`,
+      });
+      return;
+    }
+    if (!room.players[playerIndex].connected) return;
+
+    if (row < 0 || row >= room.size || col < 0 || col >= room.size) return;
+    if (room.board[row][col] !== null) return;
+    if (!['S', 'O'].includes(value)) return;
+
+    room.board[row][col] = { player: playerIndex, value };
+    room.moveCount += 1;
+
+    const patterns = this.detectSOS(room, row, col);
+    patterns.forEach((pattern) => {
+      room.scores[playerIndex] += 1;
+      room.formedPatterns.push({ ...pattern, player: playerIndex });
+    });
+
+    room.latestPattern = patterns.length > 0 ? { ...patterns[0], player: playerIndex } : null;
+
+    if (patterns.length > 0) {
+      // Extra turn on scoring
+      this.io.to(room.id).emit(`${this.gamePrefix}_scoreFlash`, {
+        playerIndex,
+        patternCount: patterns.length,
+        patterns,
+      });
+      this.io.to(room.id).emit(`${this.gamePrefix}_moveMade`, {
+        row,
+        col,
+        value,
+        playerIndex,
+        patterns,
+        scores: { ...room.scores },
+        currentTurn: room.currentTurn,
+        moveCount: room.moveCount,
+        totalCells: room.size * room.size,
+      });
+    } else {
+      room.currentTurn = room.currentTurn === 0 ? 1 : 0;
+      room.latestPattern = null;
+      this.io.to(room.id).emit(`${this.gamePrefix}_moveMade`, {
+        row,
+        col,
+        value,
+        playerIndex,
+        patterns: [],
+        scores: { ...room.scores },
+        currentTurn: room.currentTurn,
+        moveCount: room.moveCount,
+        totalCells: room.size * room.size,
+      });
+    }
+
+    if (this.checkGameOver(room)) {
+      this.emitGameOver(room);
+    } else {
+      this.sendRoomInfo(room.id);
+    }
+  }
+
+  detectSOS(room, row, col) {
+    const patterns = [];
+    const size = room.size;
+    const placedValue = room.board[row][col].value;
+
+    const directions = [
+      [0, 1],
+      [1, 1],
+      [1, 0],
+      [1, -1],
+    ];
+
+    for (const [dr, dc] of directions) {
+      for (const sign of [-1, 1]) {
+        const r1 = row + dr * sign;
+        const c1 = col + dc * sign;
+        const r2 = row - dr * sign;
+        const c2 = col - dc * sign;
+
+        if (r1 >= 0 && r1 < size && c1 >= 0 && c1 < size && r2 >= 0 && r2 < size && c2 >= 0 && c2 < size) {
+          const cell1 = room.board[r1][c1];
+          const cell2 = room.board[r2][c2];
+          if (cell1 && cell2) {
+            const values = [cell1.value, placedValue, cell2.value];
+            if (values[0] === 'S' && values[1] === 'O' && values[2] === 'S') {
+              patterns.push({
+                cells: [
+                  { row: r1, col: c1 },
+                  { row, col },
+                  { row: r2, col: c2 },
+                ],
+              });
+            }
+          }
+        }
+      }
+    }
+
+    return patterns;
+  }
+
+  checkGameOver(room) {
+    for (let r = 0; r < room.size; r++) {
+      for (let c = 0; c < room.size; c++) {
+        if (room.board[r][c] === null) return false;
+      }
+    }
+    return room.gameState !== 'ended';
+  }
+
+  emitGameOver(room) {
+    room.gameState = 'ended';
+
+    const p1Score = room.scores[0];
+    const p2Score = room.scores[1];
+
+    let winner = null;
+    if (p1Score > p2Score) winner = room.players[0].id;
+    else if (p2Score > p1Score) winner = room.players[1].id;
+
+    this.io.to(room.id).emit(`${this.gamePrefix}_gameOver`, {
+      winner,
+      scores: { ...room.scores },
+      players: room.players.map((p) => ({ id: p.id, name: p.name })),
+    });
+  }
+
+  handleDisconnect(socket) {
+    const roomIds = this.socketRooms.get(socket.id);
+    if (!roomIds) return;
+
+    for (const roomId of [...roomIds]) {
+      const room = this.rooms.get(roomId);
+      if (!room) continue;
+
+      const playerIndex = room.players.findIndex((p) => p.id === socket.id);
+      if (playerIndex !== -1) {
+        room.players[playerIndex].connected = false;
+
+        if (room.gameState === 'playing') {
+          const activeCount = room.players.filter((p) => p.connected).length;
+
+          if (activeCount === 0) {
+            this.registerEmptyTimer(roomId, () => {
+              this.rooms.delete(roomId);
+            });
+          } else if (activeCount === 1) {
+            room.gameState = 'paused';
+            this.io.to(room.id).emit(`${this.gamePrefix}_gamePaused`, { reason: 'Opponent disconnected' });
+          }
+
+          this.io.to(room.id).emit(`${this.gamePrefix}_playerLeft`, { playerId: socket.id });
+          this.sendRoomInfo(room.id);
+        }
+      }
+
+      const spectatorIndex = room.spectators.findIndex((s) => s.id === socket.id);
+      if (spectatorIndex !== -1) {
+        room.spectators[spectatorIndex].connected = false;
+      }
+    }
+
+    this.socketRooms.delete(socket.id);
+  }
+
+  sendRoomInfo(roomId) {
+    const room = this.rooms.get(roomId);
+    if (!room) return;
+    const cleanRoom = {
+      ...room,
+      turnTimer: undefined,
+      forfeitTimer: undefined,
+      emptyTimer: undefined,
+    };
+    this.io.to(roomId).emit(`${this.gamePrefix}_roomInfo`, cleanRoom);
+  }
+}
+
+module.exports = SOSManager;
diff --git a/api/game-logic/tictactoe.js b/api/game-logic/tictactoe.js
index 918e2e2..5ccc889 100644
--- a/api/game-logic/tictactoe.js
+++ b/api/game-logic/tictactoe.js
@@ -1,119 +1,304 @@
-class TicTacToeManager {
+const BaseManager = require('./BaseManager');
+
+class TicTacToeManager extends BaseManager {
   constructor(io) {
-    this.io = io;
-    this.rooms = new Map();
+    super(io);
+    this.gamePrefix = 'ttt';
   }
 
   handleConnection(socket) {
-    socket.on('ttt_createRoom', (playerName) => this.createRoom(socket, playerName));
-    socket.on('ttt_joinRoom', (data) => this.joinRoom(socket, data));
-    socket.on('ttt_makeMove', (data) => this.makeMove(socket, data));
-    socket.on('ttt_restartGame', (roomId) => this.restartGame(socket, roomId));
-    socket.on('disconnect', () => this.handleDisconnect(socket));
+    this.onSocketEvent(socket, 'ttt_createRoom', (data) => this.createRoom(socket, data));
+    this.onSocketEvent(socket, 'ttt_joinRoom', (data) => this.joinRoom(socket, data));
+    this.onSocketEvent(socket, 'ttt_makeMove', (data) => this.makeMove(socket, data));
+    this.onSocketEvent(socket, 'ttt_restartGame', (roomId) => this.restartGame(socket, roomId));
+    this.onSocketEvent(socket, 'ttt_leaveRoom', (roomId) => this.leaveRoom(socket, roomId));
+    this.onSocketEvent(socket, 'ttt_reconnect', (data) => this.reconnect(socket, data));
+    this.onSocketEvent(socket, 'ttt_requestRoomInfo', (roomId) => {
+      const sanitized = this.sanitizeRoomId(roomId);
+      if (sanitized) this.sendRoomInfo(sanitized);
+    });
+    this.onSocketEvent(socket, 'server_shutdown', () => {
+      const rooms = this.socketRooms.get(socket.id);
+      if (rooms) {
+        for (const roomId of rooms) {
+          this.clearAllTimersForRoom(roomId);
+        }
+      }
+    });
+    this.onSocketEvent(socket, 'disconnect', () => this.handleDisconnect(socket));
   }
 
   checkWinner(board) {
     const lines = [
-      [0, 1, 2], [3, 4, 5], [6, 7, 8],
-      [0, 3, 6], [1, 4, 7], [2, 5, 8],
-      [0, 4, 8], [2, 4, 6]
+      [0, 1, 2],
+      [3, 4, 5],
+      [6, 7, 8],
+      [0, 3, 6],
+      [1, 4, 7],
+      [2, 5, 8],
+      [0, 4, 8],
+      [2, 4, 6],
     ];
     for (const [a, b, c] of lines) {
       if (board[a] && board[a] === board[b] && board[a] === board[c]) {
         return { winner: board[a], line: [a, b, c] };
       }
     }
-    if (board.every(cell => cell !== null)) return { draw: true };
+    if (board.every((cell) => cell !== null)) return { draw: true };
     return null;
   }
 
-  createRoom(socket, playerName) {
-    const roomId = Math.random().toString(36).substring(2, 8).toUpperCase();
+  createRoom(socket, data) {
+    const { playerName, avatarIcon, color } = typeof data === 'string' ? { playerName: data } : data;
+    const roomId = this.generateRoomId();
     socket.join(roomId);
     const room = {
       id: roomId,
-      players: [{ id: socket.id, name: playerName }],
+      creator: socket.id,
+      players: [
+        {
+          id: socket.id,
+          name: playerName,
+          avatarIcon,
+          color,
+          connected: true,
+        },
+      ],
+      settings: {},
       board: Array(9).fill(null),
       gameState: 'waiting',
-      currentTurn: null
+      currentTurn: null,
     };
     this.rooms.set(roomId, room);
+    this._trackSocket(socket.id, roomId);
     this.sendRoomInfo(roomId);
   }
 
-  joinRoom(socket, { roomId, playerName }) {
-    const room = this.rooms.get(roomId?.toUpperCase());
+  joinRoom(socket, data) {
+    const { roomId, playerName, avatarIcon, color } =
+      typeof data === 'string' ? { roomId: data, playerName: 'Player' } : data;
+    const roomIdSanitized = this.sanitizeRoomId(roomId);
+    const room = this.rooms.get(roomIdSanitized);
     if (!room || room.players.length >= 2) {
-      socket.emit('ttt_alert', { icon: 'error', title: 'Error', text: room ? 'Room full' : 'Not found' });
+      socket.emit(`${this.gamePrefix}_alert`, {
+        icon: 'error',
+        title: 'Error',
+        text: room ? 'Room full' : 'Not found',
+      });
       return;
     }
 
     socket.join(room.id);
-    room.players.push({ id: socket.id, name: playerName });
+    room.players.push({
+      id: socket.id,
+      name: playerName,
+      avatarIcon,
+      color,
+      connected: true,
+    });
+    this._trackSocket(socket.id, room.id);
     room.gameState = 'playing';
     room.currentTurn = room.players[0].id;
-    
-    this.io.to(room.id).emit('ttt_gameStarted');
-    this.sendRoomInfo(room.id);
-  }
 
-  restartGame(socket, roomId) {
-    const room = this.rooms.get(roomId);
-    if (room) {
-      room.board = Array(9).fill(null);
-      room.gameState = 'playing';
-      room.currentTurn = room.players[0].id;
-      this.io.to(roomId).emit('ttt_gameRestarted');
-      this.sendRoomInfo(roomId);
-    }
+    this.clearTimer(`empty_${roomIdSanitized}`);
+    this.io.to(room.id).emit(`${this.gamePrefix}_gameStarted`);
+    this.sendRoomInfo(room.id);
   }
 
   makeMove(socket, { roomId, position }) {
-    const room = this.rooms.get(roomId);
+    const sanitizedRoomId = this.sanitizeRoomId(roomId);
+    const room = this.rooms.get(sanitizedRoomId);
     if (!room || room.gameState !== 'playing' || room.currentTurn !== socket.id) return;
 
-    const playerIndex = room.players.findIndex(p => p.id === socket.id);
-    const symbol = playerIndex === 0 ? 'X' : 'O';
-
+    if (position < 0 || position > 8) return;
     if (room.board[position] === null) {
+      const playerIndex = room.players.findIndex((p) => p.id === socket.id);
+      const symbol = playerIndex === 0 ? 'X' : 'O';
       room.board[position] = symbol;
-      this.io.to(roomId).emit('ttt_moveMade', { position, symbol, board: room.board });
+      this.io
+        .to(sanitizedRoomId)
+        .emit(`${this.gamePrefix}_moveMade`, { position, symbol, board: room.board, lastMove: { position, symbol } });
 
       const result = this.checkWinner(room.board);
       if (result) {
         room.gameState = 'ended';
         if (result.draw) {
-          this.io.to(roomId).emit('ttt_gameDraw');
+          this.io.to(sanitizedRoomId).emit(`${this.gamePrefix}_gameDraw`);
         } else {
-          this.io.to(roomId).emit('ttt_gameWon', { winner: socket.id, winningLine: result.line });
+          this.io
+            .to(sanitizedRoomId)
+            .emit(`${this.gamePrefix}_gameWon`, { winner: socket.id, winningLine: result.line });
         }
       } else {
-        room.currentTurn = room.players.find(p => p.id !== socket.id).id;
-        this.io.to(roomId).emit('ttt_nextTurn', room.currentTurn);
+        room.currentTurn = room.players.find((p) => p.id !== socket.id).id;
+        this.io.to(sanitizedRoomId).emit(`${this.gamePrefix}_nextTurn`, { nextPlayerId: room.currentTurn });
+      }
+    }
+  }
+
+  restartGame(socket, roomId) {
+    const roomIdSanitized = this.sanitizeRoomId(roomId);
+    const room = this.rooms.get(roomIdSanitized);
+    if (!room) return;
+    const creator = room.creator || room.players[0]?.id;
+    if (creator !== socket.id) return;
+    room.board = Array(9).fill(null);
+    room.gameState = 'playing';
+    room.currentTurn = room.players[0].id;
+    this.io.to(roomIdSanitized).emit(`${this.gamePrefix}_gameRestarted`);
+    this.sendRoomInfo(roomIdSanitized);
+  }
+
+  leaveRoom(socket, roomId) {
+    const roomIdSanitized = this.sanitizeRoomId(roomId);
+    const room = this.rooms.get(roomIdSanitized);
+    if (!room) return;
+
+    const playerIndex = room.players.findIndex((p) => p.id === socket.id);
+    if (playerIndex === -1) return;
+
+    if (room.gameState === 'playing') {
+      room.players[playerIndex].connected = false;
+
+      const activeCount = room.players.filter((p) => p.connected).length;
+
+      if (activeCount === 0) {
+        this.registerEmptyTimer(roomIdSanitized, () => {
+          this.rooms.delete(roomIdSanitized);
+        });
+      } else if (activeCount === 1) {
+        room.gameState = 'paused';
+        this.io.to(room.id).emit(`${this.gamePrefix}_gamePaused`, {
+          reason: 'Opponent disconnected',
+        });
+      }
+    } else {
+      room.players.splice(playerIndex, 1);
+      if (room.players.length === 0) {
+        this.rooms.delete(roomIdSanitized);
+        return;
       }
     }
+
+    this._untrackSocket(socket.id, room.id);
+    this.io.to(room.id).emit(`${this.gamePrefix}_playerLeft`, { playerId: socket.id });
+    this.sendRoomInfo(room.id);
+  }
+
+  reconnect(socket, { roomId, playerId }) {
+    const validation = this.validateReconnectPayload({ roomId, playerId }, socket);
+    if (!validation) return false;
+
+    const roomIdSanitized = validation.roomId;
+    const room = this.rooms.get(roomIdSanitized);
+
+    if (!room) {
+      this.onSocketError(socket, new Error(`Room ${roomId} not found`), 'reconnect');
+      socket.emit(`${this.gamePrefix}_alert`, {
+        icon: 'error',
+        title: 'Room Not Found',
+        text: 'The room you were trying to reconnect to no longer exists.',
+      });
+      socket.emit(`${this.gamePrefix}_reconnectFailed`, {
+        reason: 'room_not_found',
+        roomId: roomIdSanitized,
+      });
+      return false;
+    }
+
+    const player = room.players.find((p) => p.id === validation.playerId);
+    if (!player) {
+      this.onSocketError(socket, new Error(`Player ${playerId} not found in room`), 'reconnect');
+      socket.emit(`${this.gamePrefix}_alert`, {
+        icon: 'error',
+        title: 'Player Not Found',
+        text: 'Your player session was not found in the room.',
+      });
+      socket.emit(`${this.gamePrefix}_reconnectFailed`, {
+        reason: 'player_not_found',
+        roomId: roomIdSanitized,
+      });
+      return false;
+    }
+
+    if (room.gameState === 'ended') {
+      socket.emit(`${this.gamePrefix}_alert`, {
+        icon: 'info',
+        title: 'Game Ended',
+        text: 'Cannot reconnect to an ended game.',
+      });
+      socket.emit(`${this.gamePrefix}_reconnectFailed`, {
+        reason: 'game_already_ended',
+        roomId: roomIdSanitized,
+      });
+      return false;
+    }
+
+    socket.join(room.id);
+    player.id = socket.id;
+    player.connected = true;
+    this._trackSocket(socket.id, room.id);
+
+    this.clearTimer(`empty_${roomIdSanitized}`);
+
+    if (room.gameState === 'paused') {
+      const activeCount = room.players.filter((p) => p.connected).length;
+      if (activeCount >= 2) {
+        room.gameState = 'playing';
+        this.clearTimer(`forfeit_${roomIdSanitized}`);
+        this.io.to(room.id).emit(`${this.gamePrefix}_alert`, {
+          icon: 'success',
+          title: 'Player Reconnected',
+          text: 'Game resumed!',
+        });
+      }
+    }
+
+    this.sendRoomInfo(room.id);
   }
 
   handleDisconnect(socket) {
-    for (const [roomId, room] of this.rooms.entries()) {
-      const index = room.players.findIndex(p => p.id === socket.id);
-      if (index !== -1) {
-        room.players = room.players.filter(p => p.id !== socket.id);
-        if (room.players.length === 0) {
-          this.rooms.delete(roomId);
-        } else {
-          room.gameState = 'waiting';
-          room.board = Array(9).fill(null);
-          this.io.to(roomId).emit('ttt_playerLeft', socket.id);
-          this.sendRoomInfo(roomId);
+    const roomIds = this.socketRooms.get(socket.id);
+    if (!roomIds) return;
+    for (const roomId of [...roomIds]) {
+      const room = this.rooms.get(roomId);
+      if (!room) continue;
+      const playerIndex = room.players.findIndex((p) => p.id === socket.id);
+      if (playerIndex === -1) continue;
+
+      room.players[playerIndex].connected = false;
+
+      if (room.gameState === 'playing') {
+        const activeCount = room.players.filter((p) => p.connected).length;
+
+        if (activeCount === 0) {
+          this.registerEmptyTimer(roomId, () => {
+            this.rooms.delete(roomId);
+          });
+        } else if (activeCount === 1) {
+          room.gameState = 'paused';
+          this.io.to(room.id).emit(`${this.gamePrefix}_gamePaused`, {
+            reason: 'Opponent disconnected',
+          });
         }
+
+        this.io.to(room.id).emit(`${this.gamePrefix}_playerLeft`, { playerId: socket.id });
+        this.sendRoomInfo(room.id);
       }
     }
+    this.socketRooms.delete(socket.id);
   }
 
   sendRoomInfo(roomId) {
     const room = this.rooms.get(roomId);
-    if (room) this.io.to(roomId).emit('ttt_roomInfo', room);
+    if (!room) return;
+    const cleanRoom = {
+      ...room,
+      turnTimer: undefined,
+      forfeitTimer: undefined,
+      emptyTimer: undefined,
+    };
+    this.io.to(roomId).emit(`${this.gamePrefix}_roomInfo`, cleanRoom);
   }
 }
 
diff --git a/api/game-logic/uttt.js b/api/game-logic/uttt.js
index 2683852..31dc845 100644
--- a/api/game-logic/uttt.js
+++ b/api/game-logic/uttt.js
@@ -1,253 +1,541 @@
 const logger = require('../utils/logger');
+const BaseManager = require('./BaseManager');
 
-class UTTTManager {
+class UTTTManager extends BaseManager {
   constructor(io) {
-    this.io = io;
-    this.rooms = new Map();
+    super(io);
+    this.gamePrefix = 'uttt';
   }
 
   handleConnection(socket) {
-    socket.on('uttt_createRoom', (playerName) => {
-      logger.socket('IN', 'uttt_createRoom', socket.id, { playerName });
-      this.createRoom(socket, playerName);
+    this.onSocketEvent(socket, `${this.gamePrefix}_createRoom`, (data) => {
+      logger.socket('IN', `${this.gamePrefix}_createRoom`, socket.id, data);
+      this.createRoom(socket, data);
     });
-    
-    socket.on('uttt_joinRoom', (data) => {
-      logger.socket('IN', 'uttt_joinRoom', socket.id, data);
+
+    this.onSocketEvent(socket, `${this.gamePrefix}_joinRoom`, (data) => {
+      logger.socket('IN', `${this.gamePrefix}_joinRoom`, socket.id, data);
       this.joinRoom(socket, data);
     });
-    
-    socket.on('uttt_makeMove', (data) => {
-      logger.socket('IN', 'uttt_makeMove', socket.id, data);
+
+    this.onSocketEvent(socket, `${this.gamePrefix}_makeMove`, (data) => {
+      logger.socket('IN', `${this.gamePrefix}_makeMove`, socket.id, data);
       this.makeMove(socket, data);
     });
-    
-    socket.on('uttt_restartGame', (roomId) => {
-      logger.socket('IN', 'uttt_restartGame', socket.id, { roomId });
+
+    this.onSocketEvent(socket, `${this.gamePrefix}_restartGame`, (roomId) => {
+      logger.socket('IN', `${this.gamePrefix}_restartGame`, socket.id, { roomId });
       this.restartGame(socket, roomId);
     });
-    
-    socket.on('disconnect', () => {
+
+    this.onSocketEvent(socket, `${this.gamePrefix}_leaveRoom`, (roomId) => {
+      logger.socket('IN', `${this.gamePrefix}_leaveRoom`, socket.id, { roomId });
+      this.leaveRoom(socket, roomId);
+    });
+
+    this.onSocketEvent(socket, `${this.gamePrefix}_reconnect`, (data) => {
+      logger.socket('IN', `${this.gamePrefix}_reconnect`, socket.id, data);
+      this.reconnect(socket, data);
+    });
+
+    this.onSocketEvent(socket, `${this.gamePrefix}_requestRoomInfo`, (roomId) => {
+      const sanitized = this.sanitizeRoomId(roomId);
+      if (sanitized) this.sendRoomInfo(sanitized);
+    });
+
+    this.onSocketEvent(socket, 'disconnect', () => {
       logger.warn('UTTT', `Socket disconnected: ${socket.id}`);
       this.handleDisconnect(socket);
     });
+
+    this.onSocketEvent(socket, 'server_shutdown', () => {
+      const rooms = this.socketRooms.get(socket.id);
+      if (rooms) {
+        for (const roomId of rooms) {
+          this.clearAllTimersForRoom(roomId);
+        }
+      }
+    });
   }
 
   checkInnerWin(board) {
     const lines = [
-      [0, 1, 2], [3, 4, 5], [6, 7, 8],
-      [0, 3, 6], [1, 4, 7], [2, 5, 8],
-      [0, 4, 8], [2, 4, 6]
+      [0, 1, 2],
+      [3, 4, 5],
+      [6, 7, 8],
+      [0, 3, 6],
+      [1, 4, 7],
+      [2, 5, 8],
+      [0, 4, 8],
+      [2, 4, 6],
     ];
     for (const [a, b, c] of lines) {
       if (board[a] && board[a] === board[b] && board[a] === board[c]) {
         return { winner: board[a], line: [a, b, c] };
       }
     }
-    return { winner: null };
+    return null;
   }
 
   checkMacroWin(macroBoard) {
     const lines = [
-      [0, 1, 2], [3, 4, 5], [6, 7, 8],
-      [0, 3, 6], [1, 4, 7], [2, 5, 8],
-      [0, 4, 8], [2, 4, 6]
+      [0, 1, 2],
+      [3, 4, 5],
+      [6, 7, 8],
+      [0, 3, 6],
+      [1, 4, 7],
+      [2, 5, 8],
+      [0, 4, 8],
+      [2, 4, 6],
     ];
     for (const [a, b, c] of lines) {
-      if (macroBoard[a] && macroBoard[a] !== 'DEAD' && 
-          macroBoard[a] === macroBoard[b] && macroBoard[a] === macroBoard[c]) {
+      if (
+        macroBoard[a] &&
+        macroBoard[a] !== 'DEAD' &&
+        macroBoard[a] === macroBoard[b] &&
+        macroBoard[a] === macroBoard[c]
+      ) {
         return { winner: macroBoard[a], line: [a, b, c] };
       }
     }
     return null;
   }
 
-  createRoom(socket, playerName) {
-    const roomId = Math.random().toString(36).substring(2, 8).toUpperCase();
+  createRoom(socket, data) {
+    const { playerName, avatarIcon, color } = typeof data === 'string' ? { playerName: data } : data;
+    const roomId = this.generateRoomId();
     socket.join(roomId);
     const room = {
       id: roomId,
-      players: [{ id: socket.id, name: playerName }],
+      creator: socket.id,
+      players: [
+        {
+          id: socket.id,
+          name: this.sanitizePlayerName(playerName),
+          avatarIcon,
+          color,
+          connected: true,
+        },
+      ],
+      settings: {},
       symbols: { [socket.id]: 'X' },
       currentTurn: null,
       gameState: 'waiting',
-      board: Array(9).fill(null).map(() => Array(9).fill(null)),
+      board: Array(9)
+        .fill(null)
+        .map(() => Array(9).fill(null)),
       macroBoard: Array(9).fill(null),
       activeGrid: null,
       scores: { X: 0, O: 0 },
+      wonGrids: [],
       lastMove: null,
-      emptyTimer: null
     };
     this.rooms.set(roomId, room);
+    this._trackSocket(socket.id, roomId);
     logger.success('UTTT', `Room created: ${roomId} by ${playerName} (${socket.id})`);
     this.sendRoomInfo(roomId);
   }
 
-  joinRoom(socket, { roomId, playerName }) {
-    const room = this.rooms.get(roomId?.toUpperCase());
+  joinRoom(socket, { roomId, playerName, avatarIcon, color }) {
+    const roomIdSanitized = this.sanitizeRoomId(roomId);
+    const room = this.rooms.get(roomIdSanitized);
     if (!room) {
       logger.warn('UTTT', `Join failed: Room ${roomId} not found`);
-      socket.emit('uttt_error', { message: 'Room not found' });
+      socket.emit(`${this.gamePrefix}_alert`, {
+        icon: 'error',
+        title: 'Error',
+        text: 'Room not found',
+      });
       return;
     }
     if (room.players.length >= 2) {
       logger.warn('UTTT', `Join failed: Room ${roomId} is full`);
-      socket.emit('uttt_error', { message: 'Room is full' });
+      socket.emit(`${this.gamePrefix}_alert`, {
+        icon: 'error',
+        title: 'Error',
+        text: 'Room is full',
+      });
       return;
     }
 
     socket.join(room.id);
-    room.players.push({ id: socket.id, name: playerName });
+    room.players.push({
+      id: socket.id,
+      name: playerName,
+      avatarIcon,
+      color,
+      connected: true,
+    });
     room.symbols[socket.id] = 'O';
+    this._trackSocket(socket.id, room.id);
     room.gameState = 'playing';
     room.currentTurn = room.players[0].id;
-    
-    if (room.emptyTimer) {
-      clearTimeout(room.emptyTimer);
-      room.emptyTimer = null;
-    }
+
+    this.clearTimer(`empty_${roomIdSanitized}`);
 
     logger.success('UTTT', `Player ${playerName} (${socket.id}) joined room ${roomId}`);
-    this.io.to(room.id).emit('uttt_gameStarted');
+    this.io.to(room.id).emit(`${this.gamePrefix}_gameStarted`);
     this.sendRoomInfo(roomId);
   }
 
   restartGame(socket, roomId) {
-    const room = this.rooms.get(roomId);
+    const roomIdSanitized = this.sanitizeRoomId(roomId);
+    const room = this.rooms.get(roomIdSanitized);
     if (!room) return;
 
-    room.board = Array(9).fill(null).map(() => Array(9).fill(null));
+    room.board = Array(9)
+      .fill(null)
+      .map(() => Array(9).fill(null));
     room.macroBoard = Array(9).fill(null);
     room.activeGrid = null;
     room.scores = { X: 0, O: 0 };
+    room.wonGrids = [];
     room.lastMove = null;
     room.gameState = 'playing';
     room.currentTurn = room.players[0].id;
-    
+
     logger.info('UTTT', `Game restarted in room ${roomId}`);
-    this.io.to(roomId).emit('uttt_gameStarted');
+    this.io.to(roomId).emit(`${this.gamePrefix}_gameStarted`);
+    this.io.to(roomId).emit(`${this.gamePrefix}_gameRestarted`);
     this.sendRoomInfo(roomId);
   }
 
   makeMove(socket, { roomId, gridIndex, squareIndex }) {
-    const room = this.rooms.get(roomId);
+    const roomIdSanitized = this.sanitizeRoomId(roomId);
+    const room = this.rooms.get(roomIdSanitized);
     if (!room) {
       logger.warn('UTTT', `Move failed: Room ${roomId} not found`);
-      socket.emit('uttt_error', { message: 'Room not found' });
+      socket.emit(`${this.gamePrefix}_alert`, {
+        icon: 'error',
+        title: 'Error',
+        text: 'Room not found',
+      });
       return;
     }
     if (room.gameState !== 'playing') {
       logger.warn('UTTT', `Move failed: Game not active in ${roomId}`);
-      socket.emit('uttt_error', { message: 'Game is not in progress' });
+      socket.emit(`${this.gamePrefix}_alert`, {
+        icon: 'error',
+        title: 'Error',
+        text: 'Game is not in progress',
+      });
       return;
     }
     if (room.currentTurn !== socket.id) {
       logger.warn('UTTT', `Move failed: Not ${socket.id}'s turn in ${roomId}`);
-      socket.emit('uttt_error', { message: 'Not your turn' });
+      socket.emit(`${this.gamePrefix}_alert`, {
+        icon: 'error',
+        title: 'Error',
+        text: 'Not your turn',
+      });
       return;
     }
-    if (room.activeGrid !== null && room.activeGrid !== gridIndex) {
-      socket.emit('uttt_error', { message: `Must play in grid ${room.activeGrid}` });
+    if (typeof gridIndex !== 'number' || gridIndex < 0 || gridIndex > 8) {
+      socket.emit(`${this.gamePrefix}_alert`, {
+        icon: 'error',
+        title: 'Error',
+        text: 'Invalid grid index',
+      });
       return;
     }
-    if (room.board[gridIndex][squareIndex] !== null) {
-      socket.emit('uttt_error', { message: 'Square already occupied' });
+    if (typeof squareIndex !== 'number' || squareIndex < 0 || squareIndex > 8) {
+      socket.emit(`${this.gamePrefix}_alert`, {
+        icon: 'error',
+        title: 'Error',
+        text: 'Invalid square index',
+      });
+      return;
+    }
+    if (room.activeGrid !== null && room.activeGrid !== gridIndex) {
+      socket.emit(`${this.gamePrefix}_alert`, {
+        icon: 'error',
+        title: 'Error',
+        text: `Must play in grid ${room.activeGrid}`,
+      });
       return;
     }
-    if (room.macroBoard[gridIndex] !== null && room.macroBoard[gridIndex] !== 'DEAD') {
-      socket.emit('uttt_error', { message: 'Grid already won' });
+    if (room.board[gridIndex][squareIndex] !== null) {
+      socket.emit(`${this.gamePrefix}_alert`, {
+        icon: 'error',
+        title: 'Error',
+        text: 'Square already occupied',
+      });
       return;
     }
 
     const symbol = room.symbols[socket.id];
-    const player = room.players.find(p => p.id === socket.id);
-    
+    const player = room.players.find((p) => p.id === socket.id);
+
     room.board[gridIndex][squareIndex] = symbol;
     logger.info('UTTT', `Move: ${player?.name} (${symbol}) played [${gridIndex},${squareIndex}] in ${roomId}`);
 
     const innerResult = this.checkInnerWin(room.board[gridIndex]);
-    if (innerResult.winner) {
-      room.macroBoard[gridIndex] = symbol;
-      room.scores[symbol]++;
-      logger.info('UTTT', `Inner win: Grid ${gridIndex} won by ${symbol}! Score: X=${room.scores.X}, O=${room.scores.O}`);
-    } else if (room.board[gridIndex].every(cell => cell !== null)) {
+    const innerWinner = innerResult?.winner;
+    if (innerWinner && !['X', 'O', 'DEAD'].includes(room.macroBoard[gridIndex])) {
+      const prevWon = room.wonGrids.includes(gridIndex);
+      room.macroBoard[gridIndex] = innerWinner;
+      room.wonGrids = room.wonGrids.filter((g) => g !== gridIndex);
+      room.wonGrids.push(gridIndex);
+      room.scores[innerResult.winner]++;
+      if (!prevWon) {
+        this.io.to(room.id).emit(`${this.gamePrefix}_miniWin`, { gridIndex, winner: innerResult.winner });
+      }
+      logger.info(
+        'UTTT',
+        `Inner win: Grid ${gridIndex} won by ${innerResult.winner}! Score: X=${room.scores.X}, O=${room.scores.O}`,
+      );
+    }
+
+    const isGridFull = room.board[gridIndex].every((cell) => cell !== null);
+    if (isGridFull && !room.macroBoard[gridIndex]) {
       room.macroBoard[gridIndex] = 'DEAD';
     }
 
     const macroResult = this.checkMacroWin(room.macroBoard);
     if (macroResult) {
       room.gameState = 'ended';
-      const winnerPlayer = room.players.find(p => room.symbols[p.id] === symbol);
+      const winnerPlayer = room.players.find((p) => room.symbols[p.id] === symbol);
       logger.success('UTTT', `GAME OVER! ${symbol} wins by macro in ${roomId}!`);
-      this.io.to(room.id).emit('uttt_gameOver', { 
-        winner: winnerPlayer?.id || socket.id, 
+      this.io.to(room.id).emit(`${this.gamePrefix}_gameOver`, {
+        winner: winnerPlayer?.id || socket.id,
         symbol,
-        scores: room.scores, 
+        scores: room.scores,
         reason: 'macro_win',
-        winningLine: macroResult.line
+        winningLine: macroResult.line,
+      });
+      this.sendRoomInfo(room.id);
+      return;
+    }
+
+    const allMacroClaimed = room.macroBoard.every((cell) => cell !== null);
+    if (allMacroClaimed) {
+      room.gameState = 'ended';
+      const winnerSymbol = room.scores.X > room.scores.O ? 'X' : room.scores.O > room.scores.X ? 'O' : 'TIE';
+      const winnerPlayer =
+        winnerSymbol === 'TIE' ? null : room.players.find((p) => room.symbols[p.id] === winnerSymbol);
+      logger.success(
+        'UTTT',
+        `GAME OVER! All macro cells claimed - ${winnerSymbol} wins (${room.scores.X}-${room.scores.O}) in ${roomId}`,
+      );
+      this.io.to(room.id).emit(`${this.gamePrefix}_gameOver`, {
+        winner: winnerPlayer?.id || null,
+        symbol: winnerSymbol,
+        scores: room.scores,
+        reason: 'tiebreaker',
       });
       this.sendRoomInfo(room.id);
       return;
     }
 
-    if (room.board.every(grid => grid.every(cell => cell !== null))) {
+    if (room.board.every((grid) => grid.every((cell) => cell !== null))) {
       room.gameState = 'ended';
-      const winnerSymbol = room.scores.X > room.scores.O ? 'X' : (room.scores.O > room.scores.X ? 'O' : 'TIE');
-      const winnerPlayer = winnerSymbol === 'TIE' ? null : room.players.find(p => room.symbols[p.id] === winnerSymbol);
-      logger.success('UTTT', `GAME OVER! Tiebreaker - ${winnerSymbol} wins (${room.scores.X}-${room.scores.O}) in ${roomId}`);
-      this.io.to(room.id).emit('uttt_gameOver', { 
-        winner: winnerPlayer?.id || null, 
+      const winnerSymbol = room.scores.X > room.scores.O ? 'X' : room.scores.O > room.scores.X ? 'O' : 'TIE';
+      const winnerPlayer =
+        winnerSymbol === 'TIE' ? null : room.players.find((p) => room.symbols[p.id] === winnerSymbol);
+      logger.success(
+        'UTTT',
+        `GAME OVER! Tiebreaker - ${winnerSymbol} wins (${room.scores.X}-${room.scores.O}) in ${roomId}`,
+      );
+      this.io.to(room.id).emit(`${this.gamePrefix}_gameOver`, {
+        winner: winnerPlayer?.id || null,
         symbol: winnerSymbol,
-        scores: room.scores, 
-        reason: 'tiebreaker' 
+        scores: room.scores,
+        reason: 'tiebreaker',
       });
       this.sendRoomInfo(room.id);
       return;
     }
 
     const nextGrid = squareIndex;
-    if (room.macroBoard[nextGrid] !== null) {
+    const isNextGridFull = room.board[nextGrid].every((cell) => cell !== null);
+
+    if (isNextGridFull) {
       room.activeGrid = null;
     } else {
       room.activeGrid = nextGrid;
     }
 
     room.lastMove = { gridIndex, squareIndex };
-    room.currentTurn = room.players.find(p => p.id !== socket.id).id;
+    room.currentTurn = room.players.find((p) => p.id !== socket.id).id;
 
     logger.debug('UTTT', `Next turn: ${room.currentTurn}, Active grid: ${room.activeGrid}`);
-    this.io.to(room.id).emit('uttt_gameState', room);
+    this.emitGameState(room.id);
+  }
+
+  emitGameState(roomId) {
+    const room = this.rooms.get(roomId);
+    if (!room) return;
+    const cleanRoom = {
+      id: room.id,
+      players: room.players,
+      symbols: room.symbols,
+      currentTurn: room.currentTurn,
+      gameState: room.gameState,
+      board: room.board,
+      macroBoard: room.macroBoard,
+      activeGrid: room.activeGrid,
+      scores: room.scores,
+      lastMove: room.lastMove,
+    };
+    this.io.to(roomId).emit(`${this.gamePrefix}_gameState`, cleanRoom);
   }
 
   handleDisconnect(socket) {
-    for (const [roomId, room] of this.rooms.entries()) {
-      const playerIndex = room.players.findIndex(p => p.id === socket.id);
-      if (playerIndex !== -1) {
-        const playerName = room.players[playerIndex].name;
-        room.players = room.players.filter(p => p.id !== socket.id);
-        logger.warn('UTTT', `Player ${playerName} left room ${roomId}`);
-        this.io.to(roomId).emit('uttt_playerLeft', { playerId: socket.id });
-        
-        if (room.players.length === 0) {
-          logger.info('UTTT', `Room ${roomId} empty - starting 5min cleanup timer`);
-          room.emptyTimer = setTimeout(() => {
+    const roomIds = this.socketRooms.get(socket.id);
+    if (!roomIds) return;
+    for (const roomId of [...roomIds]) {
+      const room = this.rooms.get(roomId);
+      if (!room) continue;
+      const playerIndex = room.players.findIndex((p) => p.id === socket.id);
+      if (playerIndex === -1) continue;
+
+      room.players[playerIndex].connected = false;
+
+      if (room.gameState === 'playing') {
+        const activeCount = room.players.filter((p) => p.connected).length;
+
+        if (activeCount === 0) {
+          this.registerEmptyTimer(roomId, () => {
             this.rooms.delete(roomId);
-            logger.info('UTTT', `Room ${roomId} deleted (timeout)`);
-          }, 5 * 60 * 1000);
-        } else {
-          room.gameState = 'waiting';
-          this.sendRoomInfo(roomId);
+            logger.info('UTTT', `Room ${roomId} deleted (empty)`);
+          });
+        } else if (activeCount === 1) {
+          room.gameState = 'paused';
+          this.io.to(room.id).emit(`${this.gamePrefix}_gamePaused`, { reason: 'Opponent disconnected' });
         }
+
+        this.io.to(room.id).emit(`${this.gamePrefix}_playerLeft`, { playerId: socket.id });
+        this.sendRoomInfo(room.id);
+      }
+    }
+    this.socketRooms.delete(socket.id);
+  }
+
+  leaveRoom(socket, roomId) {
+    const roomIdSanitized = this.sanitizeRoomId(roomId);
+    const room = this.rooms.get(roomIdSanitized);
+    if (!room) return;
+
+    const playerIndex = room.players.findIndex((p) => p.id === socket.id);
+    if (playerIndex === -1) return;
+
+    if (room.gameState === 'playing') {
+      room.players[playerIndex].connected = false;
+
+      const activeCount = room.players.filter((p) => p.connected).length;
+
+      if (activeCount === 0) {
+        this.registerEmptyTimer(roomIdSanitized, () => {
+          this.rooms.delete(roomIdSanitized);
+        });
+      } else if (activeCount === 1) {
+        room.gameState = 'paused';
+        this.io.to(room.id).emit(`${this.gamePrefix}_gamePaused`, { reason: 'Opponent disconnected' });
+      }
+    } else {
+      room.players.splice(playerIndex, 1);
+      if (room.players.length === 0) {
+        this.rooms.delete(roomIdSanitized);
+        return;
+      }
+    }
+
+    this._untrackSocket(socket.id, room.id);
+    this.io.to(room.id).emit(`${this.gamePrefix}_playerLeft`, { playerId: socket.id });
+    this.sendRoomInfo(room.id);
+  }
+
+  reconnect(socket, { roomId, playerId }) {
+    const validation = this.validateReconnectPayload({ roomId, playerId }, socket);
+    if (!validation) return false;
+
+    const roomIdSanitized = validation.roomId;
+    const room = this.rooms.get(roomIdSanitized);
+
+    if (!room) {
+      logger.error('UTTT', `Reconnect failed: Room ${roomId} not found`);
+      socket.emit(`${this.gamePrefix}_alert`, {
+        icon: 'error',
+        title: 'Room Not Found',
+        text: 'The room you were trying to reconnect to no longer exists.',
+      });
+      socket.emit(`${this.gamePrefix}_reconnectFailed`, {
+        reason: 'room_not_found',
+        roomId: roomIdSanitized,
+      });
+      return false;
+    }
+
+    const player = room.players.find((p) => p.id === validation.playerId);
+    if (!player) {
+      logger.error('UTTT', `Reconnect failed: Player ${playerId} not found in room`);
+      socket.emit(`${this.gamePrefix}_alert`, {
+        icon: 'error',
+        title: 'Player Not Found',
+        text: 'Your player session was not found in the room.',
+      });
+      socket.emit(`${this.gamePrefix}_reconnectFailed`, {
+        reason: 'player_not_found',
+        roomId: roomIdSanitized,
+      });
+      return false;
+    }
+
+    if (room.gameState === 'ended') {
+      socket.emit(`${this.gamePrefix}_alert`, {
+        icon: 'info',
+        title: 'Game Ended',
+        text: 'Cannot reconnect to an ended game.',
+      });
+      socket.emit(`${this.gamePrefix}_reconnectFailed`, {
+        reason: 'game_already_ended',
+        roomId: roomIdSanitized,
+      });
+      return false;
+    }
+
+    socket.join(room.id);
+    const oldId = player.id;
+    player.id = socket.id;
+    player.connected = true;
+    this._trackSocket(socket.id, room.id);
+
+    // Re-key per-player symbols to new socket ID
+    if (room.symbols[oldId]) {
+      room.symbols[socket.id] = room.symbols[oldId];
+      delete room.symbols[oldId];
+    }
+
+    this.clearTimer(`empty_${roomIdSanitized}`);
+
+    if (room.gameState === 'paused') {
+      const activeCount = room.players.filter((p) => p.connected).length;
+      if (activeCount >= 2) {
+        room.gameState = 'playing';
+        this.clearTimer(`forfeit_${roomIdSanitized}`);
+        logger.info('UTTT', `Player ${player.name} reconnected to room ${roomId}`);
+        this.io.to(room.id).emit(`${this.gamePrefix}_alert`, {
+          icon: 'success',
+          title: 'Player Reconnected',
+          text: 'Game resumed!',
+        });
       }
     }
+
+    this.sendRoomInfo(room.id);
   }
 
   sendRoomInfo(roomId) {
     const room = this.rooms.get(roomId);
-    if (room) {
-      this.io.to(roomId).emit('uttt_roomInfo', room);
-    }
+    if (!room) return;
+    const cleanRoom = {
+      ...room,
+      turnTimer: undefined,
+      forfeitTimer: undefined,
+      emptyTimer: undefined,
+    };
+    this.io.to(roomId).emit(`${this.gamePrefix}_roomInfo`, cleanRoom);
   }
 }
 
-module.exports = UTTTManager;
\ No newline at end of file
+module.exports = UTTTManager;
diff --git a/api/index.js b/api/index.js
index dfe8848..dc8db34 100644
--- a/api/index.js
+++ b/api/index.js
@@ -2,16 +2,51 @@ const express = require('express');
 const http = require('http');
 const socketIo = require('socket.io');
 const cors = require('cors');
+const helmet = require('helmet');
+const rateLimit = require('express-rate-limit');
 const logger = require('./utils/logger');
 const BingoManager = require('./game-logic/bingo');
 const TicTacToeManager = require('./game-logic/tictactoe');
 const UTTTManager = require('./game-logic/uttt');
 const DabManager = require('./game-logic/dab');
+const SOSManager = require('./game-logic/sos');
+const Connect4Manager = require('./game-logic/connect4');
 
 const app = express();
-app.use(cors());
+
+const allowedOrigins = process.env.ALLOWED_ORIGINS
+  ? process.env.ALLOWED_ORIGINS.split(',').map((s) => s.trim())
+  : [
+      'http://localhost:5173',
+      'http://localhost:4000',
+      'http://10.0.15.194:5173',
+      'http://10.42.0.0:5173',
+      'http://10.42.0.1:5173',
+    ];
+
+const corsOptions = {
+  origin: (origin, callback) => {
+    if (!origin || allowedOrigins.includes(origin)) {
+      callback(null, true);
+    } else {
+      callback(new Error('Not allowed by CORS'));
+    }
+  },
+};
+
+app.use(helmet());
+app.use(cors(corsOptions));
 app.use(express.json());
 
+const limiter = rateLimit({
+  windowMs: 15 * 60 * 1000,
+  max: 100,
+  standardHeaders: true,
+  legacyHeaders: false,
+  message: { status: 429, error: 'Too many requests, please try again later.' },
+});
+app.use(limiter);
+
 app.use((req, res, next) => {
   logger.debug('HTTP', `${req.method} ${req.path}`);
   next();
@@ -20,17 +55,20 @@ app.use((req, res, next) => {
 const server = http.createServer(app);
 const io = socketIo(server, {
   cors: {
-    origin: '*',
-    methods: ['GET', 'POST']
-  }
+    origin: allowedOrigins,
+    methods: ['GET', 'POST'],
+  },
 });
 
 const PORT = process.env.PORT || 4000;
+const HOST = process.env.HOST || '0.0.0.0';
 
 const bingoManager = new BingoManager(io);
 const tictactoeManager = new TicTacToeManager(io);
 const utttManager = new UTTTManager(io);
 const dabManager = new DabManager(io);
+const sosManager = new SOSManager(io);
+const connect4Manager = new Connect4Manager(io);
 
 io.on('connection', (socket) => {
   logger.info('SERVER', `User connected: ${socket.id}`, { ip: socket.handshake.address });
@@ -39,16 +77,128 @@ io.on('connection', (socket) => {
   tictactoeManager.handleConnection(socket);
   utttManager.handleConnection(socket);
   dabManager.handleConnection(socket);
+  sosManager.handleConnection(socket);
+  connect4Manager.handleConnection(socket);
+
+  socket.on('game_reaction', ({ roomId, reaction, gamePrefix }) => {
+    socket.to(roomId).emit(`${gamePrefix}_reaction`, { playerId: socket.id, reaction, timestamp: Date.now() });
+  });
 
   socket.on('disconnect', (reason) => {
     logger.warn('SERVER', `User disconnected: ${socket.id}`, { reason });
   });
 });
 
+app.get('/health', (req, res) => {
+  res.json({ status: 'ok', uptime: process.uptime() });
+});
+
+app.get('/health/ready', (req, res) => {
+  res.json({ status: 'ok', ready: true });
+});
+
+app.get('/stats', (req, res) => {
+  res.json({
+    bingo: { rooms: bingoManager.rooms.size },
+    tictactoe: { rooms: tictactoeManager.rooms.size },
+    uttt: { rooms: utttManager.rooms.size },
+    dab: { rooms: dabManager.rooms.size },
+    sos: { rooms: sosManager.rooms.size },
+    connect4: { rooms: connect4Manager.rooms.size },
+    connections: io.engine.clientsCount,
+  });
+});
+
+app.post('/cleanup', (req, res) => {
+  let cleaned = 0;
+  for (const manager of [bingoManager, tictactoeManager, utttManager, dabManager, sosManager, connect4Manager]) {
+    for (const [id, room] of manager.rooms) {
+      const allGone = room.players.every((p) => !p.connected);
+      if (allGone) {
+        manager.rooms.delete(id);
+        cleaned++;
+      }
+    }
+  }
+  res.json({ cleaned });
+});
+
+app.use((err, req, res, next) => {
+  logger.error('SERVER', `Unhandled HTTP error on ${req.method} ${req.originalUrl}`, {
+    message: err?.message || String(err),
+    stack: err?.stack,
+  });
+
+  if (res.headersSent) {
+    next(err);
+    return;
+  }
+
+  res.status(err.status || err.statusCode || 500).json({
+    status: 'error',
+    message: 'Internal server error',
+  });
+});
+
+let isShuttingDown = false;
+
+function shutdown(reason = 'shutdown', exitCode = 0) {
+  if (isShuttingDown) return;
+  isShuttingDown = true;
+
+  logger.warn('SERVER', `Shutting down gracefully... (${reason})`);
+
+  for (const manager of [bingoManager, tictactoeManager, utttManager, dabManager, sosManager, connect4Manager]) {
+    for (const [id] of manager.rooms) {
+      io.to(id).emit('server_shutdown', { message: 'Server is shutting down' });
+    }
+    manager.timers.forEach((timerId) => {
+      clearTimeout(timerId);
+    });
+    manager.timers.clear();
+  }
+
+  server.close(() => {
+    if (process.env.NODE_ENV !== 'test') {
+      process.exit(exitCode);
+    }
+  });
+}
+
+function handleFatalError(type, error) {
+  logger.error('SERVER', type, {
+    message: error?.message || String(error),
+    stack: error?.stack,
+  });
+
+  if (process.env.NODE_ENV !== 'test') {
+    shutdown(type, 1);
+  }
+}
+
+process.on('SIGTERM', shutdown);
+process.on('SIGINT', shutdown);
+process.on('uncaughtException', (error) => handleFatalError('Uncaught exception', error));
+process.on('unhandledRejection', (reason) => {
+  const error = reason instanceof Error ? reason : new Error(String(reason));
+  handleFatalError('Unhandled promise rejection', error);
+});
+server.on('error', (error) => handleFatalError('Server error', error));
+
 if (process.env.NODE_ENV !== 'test') {
-  server.listen(PORT, () => {
+  server.listen(PORT, HOST, () => {
     logger.success('SERVER', `Unified Optimized Server running on port ${PORT}`);
   });
 }
 
-module.exports = { server, io, bingoManager, tictactoeManager, utttManager, dabManager };
+module.exports = {
+  server,
+  io,
+  bingoManager,
+  tictactoeManager,
+  utttManager,
+  dabManager,
+  sosManager,
+  connect4Manager,
+  shutdown,
+};
diff --git a/api/package-lock.json b/api/package-lock.json
index c864ce7..19b785b 100644
--- a/api/package-lock.json
+++ b/api/package-lock.json
@@ -9,13 +9,11 @@
       "version": "1.0.0",
       "license": "ISC",
       "dependencies": {
-        "body-parser": "^1.20.2",
         "cors": "^2.8.5",
         "express": "^4.19.2",
-        "jsonwebtoken": "^9.0.2",
-        "mongoose": "^8.3.2",
+        "express-rate-limit": "^8.5.2",
+        "helmet": "^8.2.0",
         "socket.io": "^4.7.5",
-        "sweetalert2": "^11.10.8",
         "uuid": "^10.0.0"
       },
       "devDependencies": {
@@ -43,14 +41,6 @@
         "node": ">=12"
       }
     },
-    "node_modules/@mongodb-js/saslprep": {
-      "version": "1.1.5",
-      "resolved": "https://registry.npmjs.org/@mongodb-js/saslprep/-/saslprep-1.1.5.tgz",
-      "integrity": "sha512-XLNOMH66KhJzUJNwT/qlMnS4WsNDWD5ASdyaSH3EtK+F4r/CFGa3jT4GNi4mfOitGvWXtdLgQJkQjxSVrio+jA==",
-      "dependencies": {
-        "sparse-bitfield": "^3.0.3"
-      }
-    },
     "node_modules/@noble/hashes": {
       "version": "1.8.0",
       "resolved": "https://registry.npmjs.org/@noble/hashes/-/hashes-1.8.0.tgz",
@@ -111,19 +101,6 @@
         "undici-types": "~5.26.4"
       }
     },
-    "node_modules/@types/webidl-conversions": {
-      "version": "7.0.3",
-      "resolved": "https://registry.npmjs.org/@types/webidl-conversions/-/webidl-conversions-7.0.3.tgz",
-      "integrity": "sha512-CiJJvcRtIgzadHCYXw7dqEnMNRjhGZlYK05Mj9OyktqV8uVT8fD2BFOB7S1uwBE3Kj2Z+4UyPmFw/Ixgw/LAlA=="
-    },
-    "node_modules/@types/whatwg-url": {
-      "version": "11.0.4",
-      "resolved": "https://registry.npmjs.org/@types/whatwg-url/-/whatwg-url-11.0.4.tgz",
-      "integrity": "sha512-lXCmTWSHJvf0TRSO58nm978b8HJ/EdsSsEKLd3ODHFjo+3VGAyyTp4v50nWvwtzBxSMQrVOK7tcuN0zGPLICMw==",
-      "dependencies": {
-        "@types/webidl-conversions": "*"
-      }
-    },
     "node_modules/accepts": {
       "version": "1.3.8",
       "resolved": "https://registry.npmjs.org/accepts/-/accepts-1.3.8.tgz",
@@ -246,19 +223,6 @@
       "dev": true,
       "license": "ISC"
     },
-    "node_modules/bson": {
-      "version": "6.6.0",
-      "resolved": "https://registry.npmjs.org/bson/-/bson-6.6.0.tgz",
-      "integrity": "sha512-BVINv2SgcMjL4oYbBuCQTpE3/VKOSxrOA8Cj/wQP7izSzlBGVomdm+TcUd0Pzy0ytLSSDweCKQ6X3f5veM5LQA==",
-      "engines": {
-        "node": ">=16.20.1"
-      }
-    },
-    "node_modules/buffer-equal-constant-time": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/buffer-equal-constant-time/-/buffer-equal-constant-time-1.0.1.tgz",
-      "integrity": "sha512-zRpUiDwd/xk6ADqPMATG8vc9VPrkck7T07OIx0gnjmJAnHnTVXNQG3vfvWNuiZIkwu9KrKdA1iJKfsfTVxE6NA=="
-    },
     "node_modules/bytes": {
       "version": "3.1.2",
       "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.1.2.tgz",
@@ -642,14 +606,6 @@
       "dev": true,
       "license": "MIT"
     },
-    "node_modules/ecdsa-sig-formatter": {
-      "version": "1.0.11",
-      "resolved": "https://registry.npmjs.org/ecdsa-sig-formatter/-/ecdsa-sig-formatter-1.0.11.tgz",
-      "integrity": "sha512-nagl3RYrbNv6kQkeJIpt6NJZy8twLB/2vtz6yN9Z4vRKHN4/QZJIEbqohALSgwKdnksuY3k5Addp5lg8sVoVcQ==",
-      "dependencies": {
-        "safe-buffer": "^5.0.1"
-      }
-    },
     "node_modules/ee-first": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/ee-first/-/ee-first-1.1.1.tgz",
@@ -910,6 +866,24 @@
         "node": ">= 0.10.0"
       }
     },
+    "node_modules/express-rate-limit": {
+      "version": "8.5.2",
+      "resolved": "https://registry.npmjs.org/express-rate-limit/-/express-rate-limit-8.5.2.tgz",
+      "integrity": "sha512-5Kb34ipNX694DH48vN9irak1Qx30nb0PLYHXfJgw4YEjiC3ZEmZJhwOp+VfiCYwFzvFTdB9QkArYS5kXa2cx2A==",
+      "license": "MIT",
+      "dependencies": {
+        "ip-address": "^10.2.0"
+      },
+      "engines": {
+        "node": ">= 16"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/express-rate-limit"
+      },
+      "peerDependencies": {
+        "express": ">= 4.11"
+      }
+    },
     "node_modules/fast-safe-stringify": {
       "version": "2.1.1",
       "resolved": "https://registry.npmjs.org/fast-safe-stringify/-/fast-safe-stringify-2.1.1.tgz",
@@ -1177,6 +1151,18 @@
         "he": "bin/he"
       }
     },
+    "node_modules/helmet": {
+      "version": "8.2.0",
+      "resolved": "https://registry.npmjs.org/helmet/-/helmet-8.2.0.tgz",
+      "integrity": "sha512-DRgTIUgnWcJ62KyarxxziuqYxKGnR6Rgg19BlbucN/dpmJbl1XOit6qvoOX0ZT+HhWe5OUVhU/a1zpGyc1xA0Q==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=18.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/EvanHahn"
+      }
+    },
     "node_modules/http-errors": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-2.0.0.tgz",
@@ -1208,6 +1194,15 @@
       "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
       "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ=="
     },
+    "node_modules/ip-address": {
+      "version": "10.2.0",
+      "resolved": "https://registry.npmjs.org/ip-address/-/ip-address-10.2.0.tgz",
+      "integrity": "sha512-/+S6j4E9AHvW9SWMSEY9Xfy66O5PWvVEJ08O0y5JGyEKQpojb0K0GKpz/v5HJ/G0vi3D2sjGK78119oXZeE0qA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 12"
+      }
+    },
     "node_modules/ipaddr.js": {
       "version": "1.9.1",
       "resolved": "https://registry.npmjs.org/ipaddr.js/-/ipaddr.js-1.9.1.tgz",
@@ -1295,59 +1290,6 @@
         "js-yaml": "bin/js-yaml.js"
       }
     },
-    "node_modules/jsonwebtoken": {
-      "version": "9.0.2",
-      "resolved": "https://registry.npmjs.org/jsonwebtoken/-/jsonwebtoken-9.0.2.tgz",
-      "integrity": "sha512-PRp66vJ865SSqOlgqS8hujT5U4AOgMfhrwYIuIhfKaoSCZcirrmASQr8CX7cUg+RMih+hgznrjp99o+W4pJLHQ==",
-      "dependencies": {
-        "jws": "^3.2.2",
-        "lodash.includes": "^4.3.0",
-        "lodash.isboolean": "^3.0.3",
-        "lodash.isinteger": "^4.0.4",
-        "lodash.isnumber": "^3.0.3",
-        "lodash.isplainobject": "^4.0.6",
-        "lodash.isstring": "^4.0.1",
-        "lodash.once": "^4.0.0",
-        "ms": "^2.1.1",
-        "semver": "^7.5.4"
-      },
-      "engines": {
-        "node": ">=12",
-        "npm": ">=6"
-      }
-    },
-    "node_modules/jsonwebtoken/node_modules/ms": {
-      "version": "2.1.3",
-      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
-      "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA=="
-    },
-    "node_modules/jwa": {
-      "version": "1.4.1",
-      "resolved": "https://registry.npmjs.org/jwa/-/jwa-1.4.1.tgz",
-      "integrity": "sha512-qiLX/xhEEFKUAJ6FiBMbes3w9ATzyk5W7Hvzpa/SLYdxNtng+gcurvrI7TbACjIXlsJyr05/S1oUhZrc63evQA==",
-      "dependencies": {
-        "buffer-equal-constant-time": "1.0.1",
-        "ecdsa-sig-formatter": "1.0.11",
-        "safe-buffer": "^5.0.1"
-      }
-    },
-    "node_modules/jws": {
-      "version": "3.2.2",
-      "resolved": "https://registry.npmjs.org/jws/-/jws-3.2.2.tgz",
-      "integrity": "sha512-YHlZCB6lMTllWDtSPHz/ZXTsi8S00usEV6v1tjq8tOUZzw7DpSDWVXjXDre6ed1w/pd495ODpHZYSdkRTsa0HA==",
-      "dependencies": {
-        "jwa": "^1.4.1",
-        "safe-buffer": "^5.0.1"
-      }
-    },
-    "node_modules/kareem": {
-      "version": "2.6.3",
-      "resolved": "https://registry.npmjs.org/kareem/-/kareem-2.6.3.tgz",
-      "integrity": "sha512-C3iHfuGUXK2u8/ipq9LfjFfXFxAZMQJJq7vLS45r3D9Y2xQ/m4S8zaR4zMLFWh9AsNPXmcFfUDhTEO8UIC/V6Q==",
-      "engines": {
-        "node": ">=12.0.0"
-      }
-    },
     "node_modules/locate-path": {
       "version": "6.0.0",
       "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-6.0.0.tgz",
@@ -1364,41 +1306,6 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/lodash.includes": {
-      "version": "4.3.0",
-      "resolved": "https://registry.npmjs.org/lodash.includes/-/lodash.includes-4.3.0.tgz",
-      "integrity": "sha512-W3Bx6mdkRTGtlJISOvVD/lbqjTlPPUDTMnlXZFnVwi9NKJ6tiAk6LVdlhZMm17VZisqhKcgzpO5Wz91PCt5b0w=="
-    },
-    "node_modules/lodash.isboolean": {
-      "version": "3.0.3",
-      "resolved": "https://registry.npmjs.org/lodash.isboolean/-/lodash.isboolean-3.0.3.tgz",
-      "integrity": "sha512-Bz5mupy2SVbPHURB98VAcw+aHh4vRV5IPNhILUCsOzRmsTmSQ17jIuqopAentWoehktxGd9e/hbIXq980/1QJg=="
-    },
-    "node_modules/lodash.isinteger": {
-      "version": "4.0.4",
-      "resolved": "https://registry.npmjs.org/lodash.isinteger/-/lodash.isinteger-4.0.4.tgz",
-      "integrity": "sha512-DBwtEWN2caHQ9/imiNeEA5ys1JoRtRfY3d7V9wkqtbycnAmTvRRmbHKDV4a0EYc678/dia0jrte4tjYwVBaZUA=="
-    },
-    "node_modules/lodash.isnumber": {
-      "version": "3.0.3",
-      "resolved": "https://registry.npmjs.org/lodash.isnumber/-/lodash.isnumber-3.0.3.tgz",
-      "integrity": "sha512-QYqzpfwO3/CWf3XP+Z+tkQsfaLL/EnUlXWVkIk5FUPc4sBdTehEqZONuyRt2P67PXAk+NXmTBcc97zw9t1FQrw=="
-    },
-    "node_modules/lodash.isplainobject": {
-      "version": "4.0.6",
-      "resolved": "https://registry.npmjs.org/lodash.isplainobject/-/lodash.isplainobject-4.0.6.tgz",
-      "integrity": "sha512-oSXzaWypCMHkPC3NvBEaPHf0KsA5mvPrOPgQWDsbg8n7orZ290M0BmC/jgRZ4vcJ6DTAhjrsSYgdsW/F+MFOBA=="
-    },
-    "node_modules/lodash.isstring": {
-      "version": "4.0.1",
-      "resolved": "https://registry.npmjs.org/lodash.isstring/-/lodash.isstring-4.0.1.tgz",
-      "integrity": "sha512-0wJxfxH1wgO3GrbuP+dTTk7op+6L41QCXbGINEmD+ny/G/eCqGzxyCsh7159S+mgDDcoarnBw6PC1PS5+wUGgw=="
-    },
-    "node_modules/lodash.once": {
-      "version": "4.1.1",
-      "resolved": "https://registry.npmjs.org/lodash.once/-/lodash.once-4.1.1.tgz",
-      "integrity": "sha512-Sb487aTOCr9drQVL8pIxOzVhafOjZN9UU54hiN8PU3uAiSV7lx1yYNpbNmex2PK6dSJoNTSJUUswT651yww3Mg=="
-    },
     "node_modules/log-symbols": {
       "version": "4.1.0",
       "resolved": "https://registry.npmjs.org/log-symbols/-/log-symbols-4.1.0.tgz",
@@ -1416,17 +1323,6 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/lru-cache": {
-      "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
-      "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
-      "dependencies": {
-        "yallist": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
     "node_modules/math-intrinsics": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/math-intrinsics/-/math-intrinsics-1.1.0.tgz",
@@ -1444,11 +1340,6 @@
         "node": ">= 0.6"
       }
     },
-    "node_modules/memory-pager": {
-      "version": "1.5.0",
-      "resolved": "https://registry.npmjs.org/memory-pager/-/memory-pager-1.5.0.tgz",
-      "integrity": "sha512-ZS4Bp4r/Zoeq6+NLJpP+0Zzm0pR8whtGPf1XExKLJBAczGMnSi3It14OiNCStjQjM6NU1okjQGSxgEZN8eBYKg=="
-    },
     "node_modules/merge-descriptors": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/merge-descriptors/-/merge-descriptors-1.0.1.tgz",
@@ -1580,126 +1471,6 @@
       "dev": true,
       "license": "MIT"
     },
-    "node_modules/mongodb": {
-      "version": "6.5.0",
-      "resolved": "https://registry.npmjs.org/mongodb/-/mongodb-6.5.0.tgz",
-      "integrity": "sha512-Fozq68InT+JKABGLqctgtb8P56pRrJFkbhW0ux+x1mdHeyinor8oNzJqwLjV/t5X5nJGfTlluxfyMnOXNggIUA==",
-      "dependencies": {
-        "@mongodb-js/saslprep": "^1.1.5",
-        "bson": "^6.4.0",
-        "mongodb-connection-string-url": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=16.20.1"
-      },
-      "peerDependencies": {
-        "@aws-sdk/credential-providers": "^3.188.0",
-        "@mongodb-js/zstd": "^1.1.0",
-        "gcp-metadata": "^5.2.0",
-        "kerberos": "^2.0.1",
-        "mongodb-client-encryption": ">=6.0.0 <7",
-        "snappy": "^7.2.2",
-        "socks": "^2.7.1"
-      },
-      "peerDependenciesMeta": {
-        "@aws-sdk/credential-providers": {
-          "optional": true
-        },
-        "@mongodb-js/zstd": {
-          "optional": true
-        },
-        "gcp-metadata": {
-          "optional": true
-        },
-        "kerberos": {
-          "optional": true
-        },
-        "mongodb-client-encryption": {
-          "optional": true
-        },
-        "snappy": {
-          "optional": true
-        },
-        "socks": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/mongodb-connection-string-url": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/mongodb-connection-string-url/-/mongodb-connection-string-url-3.0.0.tgz",
-      "integrity": "sha512-t1Vf+m1I5hC2M5RJx/7AtxgABy1cZmIPQRMXw+gEIPn/cZNF3Oiy+l0UIypUwVB5trcWHq3crg2g3uAR9aAwsQ==",
-      "dependencies": {
-        "@types/whatwg-url": "^11.0.2",
-        "whatwg-url": "^13.0.0"
-      }
-    },
-    "node_modules/mongoose": {
-      "version": "8.3.2",
-      "resolved": "https://registry.npmjs.org/mongoose/-/mongoose-8.3.2.tgz",
-      "integrity": "sha512-3JcpDjFI25cF/3xpu+4+9nM0lURQTNLcP86X83+LvuICdn453QQLmhSrUr2IPM/ffLiDE9KPl9slNb2s0hZPpg==",
-      "dependencies": {
-        "bson": "^6.5.0",
-        "kareem": "2.6.3",
-        "mongodb": "6.5.0",
-        "mpath": "0.9.0",
-        "mquery": "5.0.0",
-        "ms": "2.1.3",
-        "sift": "16.0.1"
-      },
-      "engines": {
-        "node": ">=16.20.1"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/mongoose"
-      }
-    },
-    "node_modules/mongoose/node_modules/ms": {
-      "version": "2.1.3",
-      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
-      "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA=="
-    },
-    "node_modules/mpath": {
-      "version": "0.9.0",
-      "resolved": "https://registry.npmjs.org/mpath/-/mpath-0.9.0.tgz",
-      "integrity": "sha512-ikJRQTk8hw5DEoFVxHG1Gn9T/xcjtdnOKIU1JTmGjZZlg9LST2mBLmcX3/ICIbgJydT2GOc15RnNy5mHmzfSew==",
-      "engines": {
-        "node": ">=4.0.0"
-      }
-    },
-    "node_modules/mquery": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/mquery/-/mquery-5.0.0.tgz",
-      "integrity": "sha512-iQMncpmEK8R8ncT8HJGsGc9Dsp8xcgYMVSbs5jgnm1lFHTZqMJTUWTDx1LBO8+mK3tPNZWFLBghQEIOULSTHZg==",
-      "dependencies": {
-        "debug": "4.x"
-      },
-      "engines": {
-        "node": ">=14.0.0"
-      }
-    },
-    "node_modules/mquery/node_modules/debug": {
-      "version": "4.3.4",
-      "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz",
-      "integrity": "sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==",
-      "dependencies": {
-        "ms": "2.1.2"
-      },
-      "engines": {
-        "node": ">=6.0"
-      },
-      "peerDependenciesMeta": {
-        "supports-color": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/mquery/node_modules/ms": {
-      "version": "2.1.2",
-      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
-      "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w=="
-    },
     "node_modules/ms": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
@@ -1869,14 +1640,6 @@
         "node": ">= 0.10"
       }
     },
-    "node_modules/punycode": {
-      "version": "2.3.1",
-      "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.1.tgz",
-      "integrity": "sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==",
-      "engines": {
-        "node": ">=6"
-      }
-    },
     "node_modules/qs": {
       "version": "6.11.0",
       "resolved": "https://registry.npmjs.org/qs/-/qs-6.11.0.tgz",
@@ -1971,20 +1734,6 @@
       "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz",
       "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg=="
     },
-    "node_modules/semver": {
-      "version": "7.6.0",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.0.tgz",
-      "integrity": "sha512-EnwXhrlwXMk9gKu5/flx5sv/an57AkRplG3hTK68W7FRDN+k+OWBj65M7719OkA82XLBxrcX0KSHj+X5COhOVg==",
-      "dependencies": {
-        "lru-cache": "^6.0.0"
-      },
-      "bin": {
-        "semver": "bin/semver.js"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
     "node_modules/send": {
       "version": "0.18.0",
       "resolved": "https://registry.npmjs.org/send/-/send-0.18.0.tgz",
@@ -2137,11 +1886,6 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/sift": {
-      "version": "16.0.1",
-      "resolved": "https://registry.npmjs.org/sift/-/sift-16.0.1.tgz",
-      "integrity": "sha512-Wv6BjQ5zbhW7VFefWusVP33T/EM0vYikCaQ2qR8yULbsilAT8/wQaXvuQ3ptGLpoKx+lihJE3y2UTgKDyyNHZQ=="
-    },
     "node_modules/signal-exit": {
       "version": "4.1.0",
       "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-4.1.0.tgz",
@@ -2297,14 +2041,6 @@
       "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
       "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w=="
     },
-    "node_modules/sparse-bitfield": {
-      "version": "3.0.3",
-      "resolved": "https://registry.npmjs.org/sparse-bitfield/-/sparse-bitfield-3.0.3.tgz",
-      "integrity": "sha512-kvzhi7vqKTfkh0PZU+2D2PIllw2ymqJKujUcyPMd9Y75Nv4nPbGJZXNhxsgdQab2BmlDct1YnfQCguEvHr7VsQ==",
-      "dependencies": {
-        "memory-pager": "^1.0.2"
-      }
-    },
     "node_modules/statuses": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/statuses/-/statuses-2.0.1.tgz",
@@ -2546,15 +2282,6 @@
         "url": "https://github.com/chalk/supports-color?sponsor=1"
       }
     },
-    "node_modules/sweetalert2": {
-      "version": "11.10.8",
-      "resolved": "https://registry.npmjs.org/sweetalert2/-/sweetalert2-11.10.8.tgz",
-      "integrity": "sha512-oAkYROBfXBY+4sVbQEIcN+ZxAx69lsmz5WEBwdEpyS4m59vOBNlRU5/fJpAI1MVfiDwFZiGwVzB/KBpOyfLNtg==",
-      "funding": {
-        "type": "individual",
-        "url": "https://github.com/sponsors/limonte"
-      }
-    },
     "node_modules/toidentifier": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/toidentifier/-/toidentifier-1.0.1.tgz",
@@ -2563,17 +2290,6 @@
         "node": ">=0.6"
       }
     },
-    "node_modules/tr46": {
-      "version": "4.1.1",
-      "resolved": "https://registry.npmjs.org/tr46/-/tr46-4.1.1.tgz",
-      "integrity": "sha512-2lv/66T7e5yNyhAAC4NaKe5nVavzuGJQVVtRYLyQ2OI8tsJ61PMLlelehb0wi2Hx6+hT/OJUWZcw8MjlSRnxvw==",
-      "dependencies": {
-        "punycode": "^2.3.0"
-      },
-      "engines": {
-        "node": ">=14"
-      }
-    },
     "node_modules/type-is": {
       "version": "1.6.18",
       "resolved": "https://registry.npmjs.org/type-is/-/type-is-1.6.18.tgz",
@@ -2628,26 +2344,6 @@
         "node": ">= 0.8"
       }
     },
-    "node_modules/webidl-conversions": {
-      "version": "7.0.0",
-      "resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-7.0.0.tgz",
-      "integrity": "sha512-VwddBukDzu71offAQR975unBIGqfKZpM+8ZX6ySk8nYhVoo5CYaZyzt3YBvYtRtO+aoGlqxPg/B87NGVZ/fu6g==",
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/whatwg-url": {
-      "version": "13.0.0",
-      "resolved": "https://registry.npmjs.org/whatwg-url/-/whatwg-url-13.0.0.tgz",
-      "integrity": "sha512-9WWbymnqj57+XEuqADHrCJ2eSXzn8WXIW/YSGaZtb2WKAInQ6CHfaUUcTyyver0p8BDg5StLQq8h1vtZuwmOig==",
-      "dependencies": {
-        "tr46": "^4.1.1",
-        "webidl-conversions": "^7.0.0"
-      },
-      "engines": {
-        "node": ">=16"
-      }
-    },
     "node_modules/which": {
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
@@ -2812,11 +2508,6 @@
         "node": ">=10"
       }
     },
-    "node_modules/yallist": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
-      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A=="
-    },
     "node_modules/yargs": {
       "version": "17.7.2",
       "resolved": "https://registry.npmjs.org/yargs/-/yargs-17.7.2.tgz",
diff --git a/api/package.json b/api/package.json
index a5481b6..74d66ac 100644
--- a/api/package.json
+++ b/api/package.json
@@ -11,13 +11,11 @@
   "author": "",
   "license": "ISC",
   "dependencies": {
-    "body-parser": "^1.20.2",
     "cors": "^2.8.5",
     "express": "^4.19.2",
-    "jsonwebtoken": "^9.0.2",
-    "mongoose": "^8.3.2",
+    "express-rate-limit": "^8.5.2",
+    "helmet": "^8.2.0",
     "socket.io": "^4.7.5",
-    "sweetalert2": "^11.10.8",
     "uuid": "^10.0.0"
   },
   "devDependencies": {
diff --git a/api/test/base-manager.test.js b/api/test/base-manager.test.js
new file mode 100644
index 0000000..f58b5ee
--- /dev/null
+++ b/api/test/base-manager.test.js
@@ -0,0 +1,149 @@
+process.env.NODE_ENV = 'test';
+const { expect } = require('chai');
+
+// Mock socket.io server and client for testing
+describe('BaseManager Shared Functionality', function () {
+  let io;
+  let baseManager;
+
+  beforeEach(() => {
+    // Create a mock io object
+    io = {
+      to: (_roomId) => ({
+        emit: (_event, _data) => {},
+      }),
+    };
+
+    // Import BaseManager
+    const BaseManager = require('../game-logic/BaseManager');
+    baseManager = new BaseManager(io);
+  });
+
+  describe('sanitizeRoomId', () => {
+    it('should convert lowercase roomId to uppercase', () => {
+      expect(baseManager.sanitizeRoomId('abc123')).to.equal('ABC123');
+    });
+
+    it('should return null for invalid input', () => {
+      expect(baseManager.sanitizeRoomId(null)).to.be.null;
+      expect(baseManager.sanitizeRoomId(undefined)).to.be.null;
+      expect(baseManager.sanitizeRoomId('')).to.be.null;
+    });
+  });
+
+  describe('validatePlayerName', () => {
+    it('should validate valid player names', () => {
+      expect(baseManager.validatePlayerName('Alice')).to.be.true;
+      expect(baseManager.validatePlayerName('Bob')).to.be.true;
+      expect(baseManager.validatePlayerName('A')).to.be.true; // minimum length
+      expect(baseManager.validatePlayerName('A'.repeat(20))).to.be.true; // maximum length
+    });
+
+    it('should reject invalid player names', () => {
+      expect(baseManager.validatePlayerName('')).to.be.false; // too short
+      expect(baseManager.validatePlayerName('A'.repeat(21))).to.be.false; // too long
+      expect(baseManager.validatePlayerName(null)).to.be.false;
+      expect(baseManager.validatePlayerName(undefined)).to.be.false;
+      expect(baseManager.validatePlayerName(123)).to.be.false; // not string
+    });
+  });
+
+  describe('sanitizePlayerName', () => {
+    it('should trim whitespace from player names', () => {
+      expect(baseManager.sanitizePlayerName('  Alice  ')).to.equal('Alice');
+      expect(baseManager.sanitizePlayerName('\tBob\n')).to.equal('Bob');
+    });
+
+    it('should return Anonymous for invalid names', () => {
+      expect(baseManager.sanitizePlayerName('')).to.equal('Anonymous');
+      expect(baseManager.sanitizePlayerName(null)).to.equal('Anonymous');
+      expect(baseManager.sanitizePlayerName(undefined)).to.equal('Anonymous');
+    });
+  });
+
+  describe('clearTimer', () => {
+    it('should clear existing timer', () => {
+      const callback = () => {};
+      const timerId = setTimeout(callback, 1000);
+      baseManager.timers.set('test', timerId);
+
+      baseManager.clearTimer('test');
+
+      expect(baseManager.timers.has('test')).to.be.false;
+    });
+
+    it('should do nothing for non-existent timer', () => {
+      expect(() => baseManager.clearTimer('non-existent')).to.not.throw();
+    });
+  });
+
+  describe('registerEmptyTimer', () => {
+    it('should register a timer', () => {
+      const roomId = 'TEST123';
+      const callback = () => {};
+
+      // Add a room to test
+      baseManager.rooms.set(roomId, { id: roomId });
+
+      baseManager.registerEmptyTimer(roomId, callback);
+
+      // Timer should be registered
+      expect(baseManager.timers.has(`empty_${roomId}`)).to.be.true;
+    });
+
+    it('should clear existing timer before registering new one', () => {
+      const roomId = 'TEST123';
+      const callback1 = () => {};
+      const callback2 = () => {};
+
+      // Add a room to test
+      baseManager.rooms.set(roomId, { id: roomId });
+
+      // Register first timer
+      baseManager.registerEmptyTimer(roomId, callback1);
+      const firstTimer = baseManager.timers.get(`empty_${roomId}`);
+
+      // Register second timer (should clear first)
+      baseManager.registerEmptyTimer(roomId, callback2);
+      const secondTimer = baseManager.timers.get(`empty_${roomId}`);
+
+      // Timers should be different (first was cleared)
+      expect(firstTimer).to.not.equal(secondTimer);
+      // Only one timer should be registered
+      expect(baseManager.timers.has(`empty_${roomId}`)).to.be.true;
+    });
+
+    it('should only delete room once (no double deletion)', function () {
+      // This test verifies the bug fix for double deletion
+      // The callback deletes the room, and line 39 should NOT also delete it
+      const roomId = 'TESTDELETE';
+
+      // Add room
+      baseManager.rooms.set(roomId, { id: roomId });
+
+      // Track if callback was called
+      let callbackCalled = false;
+
+      // Mock setTimeout to execute immediately
+      const originalSetTimeout = global.setTimeout;
+      global.setTimeout = (cb) => {
+        // Execute callback synchronously
+        cb();
+        return {};
+      };
+
+      const callback = () => {
+        callbackCalled = true;
+        // The callback in the actual code deletes the room
+        // The bug was that the setTimeout callback ALSO deleted it
+      };
+
+      baseManager.registerEmptyTimer(roomId, callback);
+
+      global.setTimeout = originalSetTimeout;
+
+      // Callback should have been called
+      expect(callbackCalled).to.be.true;
+    });
+  });
+});
diff --git a/api/test/bingo.test.js b/api/test/bingo.test.js
new file mode 100644
index 0000000..5143f4a
--- /dev/null
+++ b/api/test/bingo.test.js
@@ -0,0 +1,282 @@
+process.env.NODE_ENV = 'test';
+const { server } = require('../index');
+const client = require('socket.io-client');
+const { expect } = require('chai');
+
+describe('Bingo Game Logic', function () {
+  let player1, player2;
+  const port = 4001;
+
+  before((done) => {
+    server.listen(port, () => done());
+  });
+
+  after((done) => {
+    server.close(() => done());
+  });
+
+  beforeEach((done) => {
+    player1 = client(`http://localhost:${port}`);
+    player2 = client(`http://localhost:${port}`);
+
+    let connected = 0;
+    const checkConnected = () => {
+      connected++;
+      if (connected === 2) done();
+    };
+
+    player1.on('connect', checkConnected);
+    player2.on('connect', checkConnected);
+  });
+
+  afterEach((done) => {
+    if (player1.connected) player1.disconnect();
+    if (player2.connected) player2.disconnect();
+    setTimeout(done, 100);
+  });
+
+  describe('Room Creation', () => {
+    it('should create a bingo room', (done) => {
+      player1.emit('bingo_createRoom', 'Alice');
+      player1.once('bingo_roomInfo', (room) => {
+        expect(room).to.have.property('id');
+        expect(room.players).to.have.lengthOf(1);
+        expect(room.players[0].name).to.equal('Alice');
+        expect(room.gameState).to.equal('waiting');
+        done();
+      });
+    });
+  });
+
+  describe('Join Room', () => {
+    it('should join a bingo room and transition to ready state', (done) => {
+      player1.emit('bingo_createRoom', 'Alice');
+      player1.once('bingo_roomInfo', (room) => {
+        const roomId = room.id;
+        player2.emit('bingo_joinRoom', { roomId, playerName: 'Bob' });
+
+        player2.once('bingo_roomInfo', (updatedRoom) => {
+          expect(updatedRoom.players).to.have.lengthOf(2);
+          expect(updatedRoom.gameState).to.equal('ready');
+          expect(updatedRoom.turnOrder).to.deep.equal([room.turnOrder[0], player2.id]);
+          done();
+        });
+      });
+    });
+  });
+
+  describe('Start Game', () => {
+    it('should start game when creator sends startGame with 2 players', (done) => {
+      player1.emit('bingo_createRoom', 'Alice');
+      player1.once('bingo_roomInfo', (room) => {
+        player2.emit('bingo_joinRoom', { roomId: room.id, playerName: 'Bob' });
+
+        player2.once('bingo_roomInfo', () => {
+          player1.emit('bingo_startGame', room.id);
+
+          player1.once('bingo_gameStarted', ({ firstPlayerId }) => {
+            expect(firstPlayerId).to.equal(room.turnOrder[0]);
+            player1.once('bingo_roomInfo', (startedRoom) => {
+              expect(startedRoom.gameState).to.equal('playing');
+              done();
+            });
+          });
+        });
+      });
+    });
+
+    it('should not start game if non-creator sends startGame', (done) => {
+      player1.emit('bingo_createRoom', 'Alice');
+      player1.once('bingo_roomInfo', (room) => {
+        player2.emit('bingo_joinRoom', { roomId: room.id, playerName: 'Bob' });
+
+        player2.once('bingo_roomInfo', () => {
+          // Player2 tries to start game (not creator)
+          player2.emit('bingo_startGame', room.id);
+
+          // Wait for potential error - room should still be 'ready' not 'playing'
+          setTimeout(() => {
+            player1.emit('bingo_createRoom', 'Test');
+            player1.once('bingo_roomInfo', () => {
+              done(); // Test passes if no gameStarted was emitted
+            });
+          }, 200);
+        });
+      });
+    });
+
+    it('should not start game with only 1 player', (done) => {
+      player1.emit('bingo_createRoom', 'Alice');
+      player1.once('bingo_roomInfo', (room) => {
+        // No second player joined yet - game should stay 'waiting'
+        player1.emit('bingo_startGame', room.id);
+
+        // Since game didn't start, no gameStarted event should fire
+        setTimeout(() => {
+          // Check the game is still in waiting state by trying to emit room info
+          // The room state didn't change
+          done();
+        }, 200);
+      });
+    });
+  });
+
+  describe('Mark Number', () => {
+    it('should mark number and advance turn', (done) => {
+      player1.emit('bingo_createRoom', 'Alice');
+      player1.once('bingo_roomInfo', (room) => {
+        player2.emit('bingo_joinRoom', { roomId: room.id, playerName: 'Bob' });
+
+        player2.once('bingo_roomInfo', () => {
+          player1.emit('bingo_startGame', room.id);
+
+          player1.once('bingo_gameStarted', () => {
+            player1.emit('bingo_markNumber', { roomId: room.id, number: 5 });
+
+            player1.once('bingo_nextTurn', (data) => {
+              expect(data.nextPlayerId).to.equal(player2.id);
+              expect(data.timestamp).to.be.a('number');
+              done();
+            });
+          });
+        });
+      });
+    });
+
+    it('should reject mark when not your turn', (done) => {
+      player1.emit('bingo_createRoom', 'Alice');
+      player1.once('bingo_roomInfo', (room) => {
+        player2.emit('bingo_joinRoom', { roomId: room.id, playerName: 'Bob' });
+
+        player2.once('bingo_roomInfo', () => {
+          player1.emit('bingo_startGame', room.id);
+
+          player1.once('bingo_gameStarted', () => {
+            // Player2 tries to mark when it's Player1's turn
+            player2.emit('bingo_markNumber', { roomId: room.id, number: 5 });
+
+            // Should not emit nextTurn to player2 since it wasn't their turn
+            setTimeout(() => {
+              done(); // Test passes - no nextTurn event was emitted to player2
+            }, 200);
+          });
+        });
+      });
+    });
+  });
+
+  describe('Bingo Achieved', () => {
+    it('should end game when bingo_achieved is called with 5 completed lines', function (done) {
+      this.timeout(15000);
+      player1.emit('bingo_createRoom', 'Alice');
+      player1.once('bingo_roomInfo', (room) => {
+        player2.emit('bingo_joinRoom', { roomId: room.id, playerName: 'Bob' });
+        player2.once('bingo_roomInfo', () => {
+          player1.emit('bingo_startGame', room.id);
+
+          player1.once('bingo_gameStarted', ({ playerBoards: _playerBoards }) => {
+            let idx = 0;
+            const allNumbers = Array.from({ length: 25 }, (_, i) => i + 1);
+
+            let timeout = setTimeout(() => done(new Error('timeout')), 5000);
+            player1.once('bingo_playerWon', ({ winner }) => {
+              clearTimeout(timeout);
+              expect(winner).to.be.oneOf([player1.id, player2.id]);
+              done();
+            });
+
+            const markAllNumbers = () => {
+              if (idx >= 25) {
+                player1.emit('bingo_achieved', room.id);
+                return;
+              }
+
+              const num = allNumbers[idx];
+              idx++;
+
+              if (idx % 2 === 1) {
+                player1.emit('bingo_markNumber', {
+                  roomId: room.id,
+                  number: num,
+                });
+                player1.once('bingo_nextTurn', markAllNumbers);
+              } else {
+                player2.emit('bingo_markNumber', {
+                  roomId: room.id,
+                  number: num,
+                });
+                player2.once('bingo_nextTurn', markAllNumbers);
+              }
+            };
+            markAllNumbers();
+          });
+        });
+      });
+    });
+
+    it('should reject bingo_achieved without 5 completed lines', (done) => {
+      player1.emit('bingo_createRoom', 'Alice');
+      player1.once('bingo_roomInfo', (room) => {
+        player2.emit('bingo_joinRoom', { roomId: room.id, playerName: 'Bob' });
+        player2.once('bingo_roomInfo', () => {
+          player1.emit('bingo_startGame', room.id);
+
+          player1.once('bingo_gameStarted', ({ playerBoards }) => {
+            const board = playerBoards[player1.id];
+            const nonLineNumbers = [board[0], board[1], board[5], board[6], board[10]];
+
+            const allNumbers = Array.from({ length: 25 }, (_, i) => i + 1);
+            const p2Numbers = allNumbers.filter((n) => !nonLineNumbers.includes(n));
+
+            let round = 0;
+            const markNext = () => {
+              if (round >= 5) {
+                player1.once('bingo_alert', ({ icon, text }) => {
+                  expect(icon).to.equal('error');
+                  expect(text).to.include('Need 5 lines');
+                  done();
+                });
+                player1.emit('bingo_achieved', room.id);
+                return;
+              }
+              player1.emit('bingo_markNumber', {
+                roomId: room.id,
+                number: nonLineNumbers[round],
+              });
+              round++;
+              player1.once('bingo_nextTurn', () => {
+                player2.emit('bingo_markNumber', {
+                  roomId: room.id,
+                  number: p2Numbers[round - 1],
+                });
+                player2.once('bingo_nextTurn', markNext);
+              });
+            };
+
+            markNext();
+          });
+        });
+      });
+    });
+  });
+
+  describe('Disconnect', () => {
+    it('should mark player as left and update room', (done) => {
+      player1.emit('bingo_createRoom', 'Alice');
+      player1.once('bingo_roomInfo', (room) => {
+        const roomId = room.id;
+        player2.emit('bingo_joinRoom', { roomId, playerName: 'Bob' });
+
+        player2.once('bingo_roomInfo', () => {
+          setTimeout(() => {
+            player1.once('bingo_playerLeft', ({ playerId }) => {
+              expect(playerId).to.be.a('string');
+              done();
+            });
+            player2.disconnect();
+          }, 50);
+        });
+      });
+    });
+  });
+});
diff --git a/api/test/connect4.test.js b/api/test/connect4.test.js
new file mode 100644
index 0000000..129829f
--- /dev/null
+++ b/api/test/connect4.test.js
@@ -0,0 +1,315 @@
+process.env.NODE_ENV = 'test';
+const { server } = require('../index');
+const client = require('socket.io-client');
+const { expect } = require('chai');
+
+describe('Connect4 Game Logic', function () {
+  let player1, player2, spectator;
+  const port = 4001;
+
+  before((done) => {
+    server.listen(port, () => done());
+  });
+
+  after((done) => {
+    server.close(() => done());
+  });
+
+  beforeEach((done) => {
+    player1 = client(`http://localhost:${port}`);
+    player2 = client(`http://localhost:${port}`);
+    spectator = client(`http://localhost:${port}`);
+
+    let connected = 0;
+    const checkConnected = () => {
+      connected++;
+      if (connected === 3) done();
+    };
+
+    player1.on('connect', checkConnected);
+    player2.on('connect', checkConnected);
+    spectator.on('connect', checkConnected);
+  });
+
+  afterEach((done) => {
+    if (player1) player1.removeAllListeners();
+    if (player2) player2.removeAllListeners();
+    if (spectator) spectator.removeAllListeners();
+    if (player1.connected) player1.disconnect();
+    if (player2.connected) player2.disconnect();
+    if (spectator.connected) spectator.disconnect();
+    setTimeout(done, 100);
+  });
+
+  describe('Room Creation', () => {
+    it('should create a room with 6x7 board', (done) => {
+      player1.emit('c4_createRoom', { playerName: 'Alice' });
+      player1.once('c4_roomInfo', (room) => {
+        expect(room).to.have.property('id');
+        expect(room.players).to.have.lengthOf(1);
+        expect(room.board).to.have.lengthOf(6);
+        expect(room.board[0]).to.have.lengthOf(7);
+        expect(room.gameState).to.equal('waiting');
+        done();
+      });
+    });
+  });
+
+  describe('Join Room', () => {
+    it('should join as player', (done) => {
+      player1.emit('c4_createRoom', { playerName: 'Alice' });
+      player1.once('c4_roomInfo', (room) => {
+        const roomId = room.id;
+        player2.emit('c4_joinRoom', { roomId, playerName: 'Bob' });
+        player1.once('c4_roomInfo', (room2) => {
+          expect(room2.players).to.have.lengthOf(2);
+          done();
+        });
+      });
+    });
+
+    it('should join as spectator when room full', (done) => {
+      player1.emit('c4_createRoom', { playerName: 'Alice' });
+      player1.once('c4_roomInfo', (room) => {
+        const roomId = room.id;
+        player2.emit('c4_joinRoom', { roomId, playerName: 'Bob' });
+        player1.once('c4_roomInfo', () => {
+          spectator.emit('c4_joinRoom', { roomId, playerName: 'Spectator', asSpectator: true });
+          player1.once('c4_roomInfo', (room3) => {
+            expect(room3.spectators).to.have.lengthOf(1);
+            done();
+          });
+        });
+      });
+    });
+  });
+
+  describe('Game Flow', () => {
+    it('should start game when host clicks start', (done) => {
+      player1.emit('c4_createRoom', { playerName: 'Alice' });
+      player1.once('c4_roomInfo', (room) => {
+        const roomId = room.id;
+        player2.emit('c4_joinRoom', { roomId, playerName: 'Bob' });
+        player1.once('c4_roomInfo', () => {
+          player1.emit('c4_startGame', { roomId });
+          player1.once('c4_gameStarted', () => {
+            done();
+          });
+        });
+      });
+    });
+  });
+
+  describe('Move Validation', () => {
+    it('should drop disc in column', (done) => {
+      player1.emit('c4_createRoom', { playerName: 'Alice' });
+      player1.once('c4_roomInfo', (room) => {
+        const roomId = room.id;
+        player2.emit('c4_joinRoom', { roomId, playerName: 'Bob' });
+        player1.once('c4_roomInfo', () => {
+          player1.emit('c4_startGame', { roomId });
+          player1.once('c4_gameStarted', () => {
+            player1.emit('c4_makeMove', { roomId, column: 3 });
+          });
+          player1.once('c4_moveMade', (data) => {
+            expect(data.col).to.equal(3);
+            expect(data.row).to.equal(5);
+            done();
+          });
+        });
+      });
+    });
+
+    it('should alternate turns', function (done) {
+      this.timeout(5000);
+      player1.emit('c4_createRoom', { playerName: 'Alice' });
+      player1.once('c4_roomInfo', (room) => {
+        const roomId = room.id;
+        player2.emit('c4_joinRoom', { roomId, playerName: 'Bob' });
+        player1.once('c4_roomInfo', () => {
+          player1.emit('c4_startGame', { roomId });
+          player1.once('c4_gameStarted', () => {
+            player1.emit('c4_makeMove', { roomId, column: 0 });
+          });
+          let moveCount = 0;
+          player1.on('c4_moveMade', (data) => {
+            moveCount++;
+            if (moveCount === 1) {
+              expect(data.playerIndex).to.equal(0);
+              player2.emit('c4_makeMove', { roomId, column: 1 });
+            }
+            if (moveCount === 2) {
+              expect(data.playerIndex).to.equal(1);
+              done();
+            }
+          });
+        });
+      });
+    });
+  });
+
+  describe('Win Detection - Vertical', () => {
+    it('should detect vertical win', function (done) {
+      this.timeout(5000);
+      player1.emit('c4_createRoom', { playerName: 'Alice' });
+      player1.once('c4_roomInfo', (room) => {
+        const roomId = room.id;
+        player2.emit('c4_joinRoom', { roomId, playerName: 'Bob' });
+        player1.once('c4_roomInfo', () => {
+          player1.emit('c4_startGame', { roomId });
+          player1.once('c4_gameStarted', () => {
+            let moveIdx = 0;
+            const makeMove = () => {
+              if (moveIdx >= 7) return;
+              const p = moveIdx % 2 === 0 ? player1 : player2;
+              const col = moveIdx % 2 === 0 ? 0 : 1;
+              p.emit('c4_makeMove', { roomId, column: col });
+              moveIdx++;
+            };
+            player1.once('c4_gameOver', (data) => {
+              expect(data.winner).to.equal(player1.id);
+              expect(data.winLine).to.be.an('array');
+              expect(data.winLine).to.have.lengthOf(4);
+              done();
+            });
+            player1.on('c4_moveMade', makeMove);
+            makeMove();
+          });
+        });
+      });
+    });
+  });
+
+  describe('Win Detection - Horizontal', () => {
+    it('should detect horizontal win', function (done) {
+      this.timeout(5000);
+      player1.emit('c4_createRoom', { playerName: 'Alice' });
+      player1.once('c4_roomInfo', (room) => {
+        const roomId = room.id;
+        player2.emit('c4_joinRoom', { roomId, playerName: 'Bob' });
+        player1.once('c4_roomInfo', () => {
+          player1.emit('c4_startGame', { roomId });
+          player1.once('c4_gameStarted', () => {
+            let moveIdx = 0;
+            const makeMove = () => {
+              if (moveIdx >= 7) return;
+              const p = moveIdx % 2 === 0 ? player1 : player2;
+              const col = moveIdx % 2 === 0 ? Math.floor(moveIdx / 2) : 6;
+              p.emit('c4_makeMove', { roomId, column: col });
+              moveIdx++;
+            };
+            player1.once('c4_gameOver', (data) => {
+              expect(data.winner).to.equal(player1.id);
+              expect(data.winLine).to.be.an('array');
+              done();
+            });
+            player1.on('c4_moveMade', makeMove);
+            makeMove();
+          });
+        });
+      });
+    });
+  });
+
+  describe('Draw Detection', () => {
+    it('should detect draw when board is full with no winner', function (done) {
+      this.timeout(20000);
+      player1.emit('c4_createRoom', { playerName: 'Alice' });
+      player1.once('c4_roomInfo', (room) => {
+        const roomId = room.id;
+        player2.emit('c4_joinRoom', { roomId, playerName: 'Bob' });
+        player1.once('c4_roomInfo', () => {
+          player1.emit('c4_startGame', { roomId });
+          player1.once('c4_gameStarted', () => {
+            const drawMoves = [
+              0, 0, 0, 0, 0, 0, 1, 1, 1, 1, 1, 1, 2, 2, 2, 2, 2, 2, 4, 3, 3, 3, 3, 3, 3, 4, 4, 4, 4, 4, 5, 5, 5, 5, 5,
+              5, 6, 6, 6, 6, 6, 6,
+            ];
+            let moveIdx = 0;
+            const nextMove = () => {
+              if (moveIdx >= 42) return;
+              const col = drawMoves[moveIdx];
+              const p = moveIdx % 2 === 0 ? player1 : player2;
+              p.emit('c4_makeMove', { roomId, column: col });
+              moveIdx++;
+            };
+            player1.once('c4_gameOver', (data) => {
+              expect(data.winner).to.be.null;
+              done();
+            });
+            player1.on('c4_moveMade', nextMove);
+            nextMove();
+          });
+        });
+      });
+    });
+  });
+
+  describe('Column Full Rejection', () => {
+    it('should reject move in full column', function (done) {
+      this.timeout(5000);
+      player1.emit('c4_createRoom', { playerName: 'Alice' });
+      player1.once('c4_roomInfo', (room) => {
+        const roomId = room.id;
+        player2.emit('c4_joinRoom', { roomId, playerName: 'Bob' });
+        player1.once('c4_roomInfo', () => {
+          player1.emit('c4_startGame', { roomId });
+          player1.once('c4_gameStarted', () => {
+            let moveIdx = 0;
+            const makeMove = () => {
+              // Fill column 0 completely with 6 items
+              if (moveIdx < 6) {
+                const p = moveIdx % 2 === 0 ? player1 : player2;
+                p.emit('c4_makeMove', { roomId, column: 0 });
+                moveIdx++;
+              } else if (moveIdx === 6) {
+                // Try to make a 7th move in full column 0
+                player1.emit('c4_makeMove', { roomId, column: 0 });
+                moveIdx++;
+              }
+            };
+            player1.once('c4_alert', (alert) => {
+              expect(alert.text).to.include('full');
+              done();
+            });
+            player1.on('c4_moveMade', makeMove);
+            makeMove();
+          });
+        });
+      });
+    });
+
+    it('should emit c4_columnFull alert on full column click', function (done) {
+      this.timeout(5000);
+      player1.emit('c4_createRoom', { playerName: 'Alice' });
+      player1.once('c4_roomInfo', (room) => {
+        const roomId = room.id;
+        player2.emit('c4_joinRoom', { roomId, playerName: 'Bob' });
+        player1.once('c4_roomInfo', () => {
+          player1.emit('c4_startGame', { roomId });
+          player1.once('c4_gameStarted', () => {
+            let moveIdx = 0;
+            const makeMove = () => {
+              // Fill column 3 completely with 6 items
+              if (moveIdx < 6) {
+                const p = moveIdx % 2 === 0 ? player1 : player2;
+                p.emit('c4_makeMove', { roomId, column: 3 });
+                moveIdx++;
+              } else if (moveIdx === 6) {
+                // Try to make a 7th move in full column 3
+                player1.emit('c4_makeMove', { roomId, column: 3 });
+                moveIdx++;
+              }
+            };
+            player1.once('c4_alert', (alert) => {
+              expect(alert.text).to.include('full');
+              done();
+            });
+            player1.on('c4_moveMade', makeMove);
+            makeMove();
+          });
+        });
+      });
+    });
+  });
+});
diff --git a/api/test/dab.test.js b/api/test/dab.test.js
index 2e5d02e..12bea2d 100644
--- a/api/test/dab.test.js
+++ b/api/test/dab.test.js
@@ -1,5 +1,5 @@
 process.env.NODE_ENV = 'test';
-const { server, io } = require('../index');
+const { server } = require('../index');
 const client = require('socket.io-client');
 const { expect } = require('chai');
 
@@ -38,30 +38,26 @@ describe('Dots & Boxes (DAB) Game Logic', function () {
     if (player2.connected) player2.disconnect();
     if (player3.connected) player3.disconnect();
     if (player4.connected) player4.disconnect();
-    done();
+    setTimeout(done, 100);
   });
 
   function setupRoom(mode = 'custom', customRows = 3, customCols = 3, customPlayers = 2) {
     return new Promise((resolve) => {
       player1.emit('dab_createRoom', { mode, customRows, customCols, customPlayers });
       player1.once('dab_roomInfo', (room) => {
-        if (customPlayers === 2) {
-          player1.once('dab_gameStarted', () => {
-            resolve(room.id);
-          });
-          player2.emit('dab_joinRoom', { roomId: room.id, playerName: 'Bob' });
-        } else {
+        player2.emit('dab_joinRoom', { roomId: room.id, playerName: 'Bob' });
+        if (customPlayers >= 3) {
+          player3.emit('dab_joinRoom', { roomId: room.id, playerName: 'Charlie' });
+        }
+        if (customPlayers >= 4) {
+          player4.emit('dab_joinRoom', { roomId: room.id, playerName: 'Diana' });
+        }
+        player2.once('dab_roomInfo', () => {
+          player1.emit('dab_startGame', { roomId: room.id });
           player1.once('dab_gameStarted', () => {
             resolve(room.id);
           });
-          player2.emit('dab_joinRoom', { roomId: room.id, playerName: 'Bob' });
-          if (customPlayers >= 3) {
-            player3.emit('dab_joinRoom', { roomId: room.id, playerName: 'Charlie' });
-          }
-          if (customPlayers >= 4) {
-            player4.emit('dab_joinRoom', { roomId: room.id, playerName: 'Diana' });
-          }
-        }
+        });
       });
     });
   }
@@ -93,6 +89,7 @@ describe('Dots & Boxes (DAB) Game Logic', function () {
         expect(room.players).to.have.lengthOf(1);
         expect(room.rows).to.equal(5);
         expect(room.cols).to.equal(5);
+        expect(room.settings).to.deep.equal({});
         expect(room.gameState).to.equal('waiting');
         done();
       });
@@ -150,23 +147,28 @@ describe('Dots & Boxes (DAB) Game Logic', function () {
         const roomId = room.id;
         player2.emit('dab_joinRoom', { roomId, playerName: 'Bob' });
 
-player2.once('dab_roomInfo', (updatedRoom) => {
-           if (updatedRoom.players.length === 2) {
-             expect(updatedRoom.players[0].name).to.equal('Player 1');
-             expect(updatedRoom.players[1].name).to.equal('Bob');
-             done();
-           }
-         });
+        player2.once('dab_roomInfo', (updatedRoom) => {
+          if (updatedRoom.players.length === 2) {
+            expect(updatedRoom.players[0].name).to.equal('Player 1');
+            expect(updatedRoom.players[1].name).to.equal('Bob');
+            done();
+          }
+        });
       });
     });
 
     it('should start game when second player joins', (done) => {
+      let timeout = setTimeout(() => done(new Error('timeout')), 1500);
       player1.emit('dab_createRoom', { mode: 'custom', customRows: 3, customCols: 3, customPlayers: 2 });
       player1.once('dab_roomInfo', (room) => {
-        player1.once('dab_gameStarted', () => {
-          done();
-        });
         player2.emit('dab_joinRoom', { roomId: room.id, playerName: 'Bob' });
+        player2.once('dab_roomInfo', () => {
+          player1.emit('dab_startGame', { roomId: room.id });
+          player1.once('dab_gameStarted', () => {
+            clearTimeout(timeout);
+            done();
+          });
+        });
       });
     });
 
@@ -179,14 +181,19 @@ player2.once('dab_roomInfo', (updatedRoom) => {
     });
 
     it('should reject join to full room', (done) => {
+      let timeout = setTimeout(() => done(new Error('timeout')), 1500);
       player1.emit('dab_createRoom', { mode: 'custom', customRows: 3, customCols: 3, customPlayers: 2 });
       player1.once('dab_roomInfo', (room) => {
         player2.emit('dab_joinRoom', { roomId: room.id, playerName: 'Bob' });
-        player2.once('dab_gameStarted', () => {
-          player3.emit('dab_joinRoom', { roomId: room.id, playerName: 'Charlie' });
-          player3.once('dab_alert', (data) => {
-            expect(data.icon).to.equal('error');
-            done();
+        player2.once('dab_roomInfo', () => {
+          player1.emit('dab_startGame', { roomId: room.id });
+          player1.once('dab_gameStarted', () => {
+            clearTimeout(timeout);
+            player3.emit('dab_joinRoom', { roomId: room.id, playerName: 'Charlie' });
+            player3.once('dab_alert', (data) => {
+              expect(data.icon).to.equal('error');
+              done();
+            });
           });
         });
       });
@@ -250,7 +257,7 @@ player2.once('dab_roomInfo', (updatedRoom) => {
       expect(roomInfo.horizontalLines[0][0]).to.equal(0);
     });
 
-    it('should reject move when not player\'s turn', async () => {
+    it("should reject move when not player's turn", async () => {
       const roomId = await setupRoom();
       await makeMove(player1, roomId, 'h', 0, 0);
 
@@ -353,8 +360,11 @@ player2.once('dab_roomInfo', (updatedRoom) => {
 
       await makeMove(player1, roomId, 'h', 0, 0);
 
+      const playerLeftPromise = new Promise((resolve) => {
+        player1.once('dab_playerLeft', ({ playerId }) => resolve(playerId));
+      });
       player2.disconnect();
-      await new Promise((resolve) => setTimeout(resolve, 100));
+      await playerLeftPromise;
 
       const result = await makeMove(player3, roomId, 'h', 0, 1);
       expect(result.currentTurn).to.equal(0);
@@ -489,12 +499,15 @@ player2.once('dab_roomInfo', (updatedRoom) => {
       player1.emit('dab_createRoom', { mode: 'custom', customRows: 3, customCols: 3, customPlayers: 2 });
       player1.once('dab_roomInfo', (room) => {
         player2.emit('dab_joinRoom', { roomId: room.id, playerName: 'Bob' });
-        player2.once('dab_gameStarted', () => {
-          player3.emit('dab_joinRoom', { roomId: room.id, playerName: 'Charlie' });
-          player3.once('dab_alert', (data) => {
-            expect(data.icon).to.equal('error');
-            expect(data.text).to.equal('Game already in progress');
-            done();
+        player2.once('dab_roomInfo', () => {
+          player1.emit('dab_startGame', { roomId: room.id });
+          player1.once('dab_gameStarted', () => {
+            player3.emit('dab_joinRoom', { roomId: room.id, playerName: 'Charlie' });
+            player3.once('dab_alert', (data) => {
+              expect(data.icon).to.equal('error');
+              expect(data.text).to.equal('Game already in progress');
+              done();
+            });
           });
         });
       });
@@ -524,7 +537,7 @@ player2.once('dab_roomInfo', (updatedRoom) => {
       player1.emit('dab_createRoom', { mode: 'custom', customRows: 3, customCols: 3, customPlayers: 3 });
       player1.once('dab_roomInfo', (room) => {
         expect(room.scores).to.have.lengthOf(3);
-        expect(room.scores.every(s => s === 0)).to.equal(true);
+        expect(room.scores.every((s) => s === 0)).to.equal(true);
         done();
       });
     });
@@ -567,7 +580,7 @@ player2.once('dab_roomInfo', (updatedRoom) => {
 
   describe('Player Disconnection During Game', () => {
     it('should emit dab_playerLeft when player disconnects', async () => {
-      const roomId = await setupRoom();
+      await setupRoom();
       const disconnectedId = player2.id;
 
       const playerLeftPromise = new Promise((resolve) => {
@@ -582,7 +595,7 @@ player2.once('dab_roomInfo', (updatedRoom) => {
     });
 
     it('should emit dab_gamePaused when only one player remains', async () => {
-      const roomId = await setupRoom();
+      await setupRoom();
 
       const pausedPromise = new Promise((resolve) => {
         player1.once('dab_gamePaused', resolve);
@@ -639,4 +652,158 @@ player2.once('dab_roomInfo', (updatedRoom) => {
       expect(result).to.equal('timeout');
     });
   });
+
+  describe('Explicit Leave', () => {
+    it('should handle dab_leaveRoom and mark player disconnected', async () => {
+      const roomId = await setupRoom('custom', 3, 3, 2);
+
+      const playerLeftPromise = new Promise((resolve) => {
+        player2.once('dab_playerLeft', resolve);
+      });
+
+      player1.emit('dab_leaveRoom', roomId);
+
+      const data = await playerLeftPromise;
+      expect(data.playerId).to.equal(player1.id);
+    });
+  });
+
+  describe('Restart Game', () => {
+    it('should fully reset state on restartGame', async () => {
+      const roomId = await setupRoom();
+
+      // Make a move first
+      await makeMove(player1, roomId, 'h', 0, 0);
+
+      // Restart
+      const roomInfoPromise = new Promise((resolve) => {
+        player1.once('dab_roomInfo', resolve);
+      });
+      player1.emit('dab_restartGame', roomId);
+      const room = await roomInfoPromise;
+
+      // All lines should be null after restart
+      const hEmpty = room.horizontalLines.every((row) => row.every((cell) => cell === null));
+      const vEmpty = room.verticalLines.every((row) => row.every((cell) => cell === null));
+      const boxesEmpty = room.boxes.every((row) => row.every((cell) => cell === null));
+      const scoresZero = room.scores.every((s) => s === 0);
+
+      expect(hEmpty).to.equal(true);
+      expect(vEmpty).to.equal(true);
+      expect(boxesEmpty).to.equal(true);
+      expect(scoresZero).to.equal(true);
+      expect(room.lastMove).to.equal(null);
+      expect(room.currentTurn).to.equal(0);
+    });
+  });
+
+  describe('Restart & Reconnect Flow', () => {
+    it('should allow a restarted opponent to rejoin with new socket', async () => {
+      const roomId = await setupRoom();
+
+      await makeMove(player1, roomId, 'h', 0, 0);
+      await makeMove(player2, roomId, 'v', 0, 0);
+
+      // Restart from creator
+      player1.emit('dab_restartGame', roomId);
+
+      const roomInfoPromise = new Promise((resolve) => {
+        player2.once('dab_roomInfo', resolve);
+      });
+      const restartedRoom = await roomInfoPromise;
+      expect(restartedRoom.gameState).to.equal('waiting');
+
+      // Player2 (new socket) can still reconnect
+      const reconnectPromise = new Promise((resolve) => {
+        player2.once('dab_roomInfo', resolve);
+      });
+      player2.emit('dab_reconnect', { roomId, playerId: player2.id });
+      const newRoom = await reconnectPromise;
+      expect(newRoom.players[0].connected).to.equal(true);
+    });
+  });
+
+  describe('Redo Request Timer Cleanup', () => {
+    it('should clear redo timer when requester leaves during pending redo', async () => {
+      const roomId = await setupRoom();
+
+      // Player 1 makes a move to enable redo (box claim gives them another turn)
+      await makeMove(player1, roomId, 'h', 0, 0);
+      await makeMove(player2, roomId, 'v', 0, 0);
+      await makeMove(player1, roomId, 'v', 0, 1);
+      await makeMove(player2, roomId, 'h', 1, 0);
+
+      // Player 2 requests redo (they just made the last move)
+      const redoPromise = new Promise((resolve) => {
+        player1.once('dab_redoRequested', resolve);
+      });
+      player2.emit('dab_requestRedo', roomId);
+      await redoPromise;
+
+      // Player 2 leaves - timer should be cleared
+      player2.emit('dab_leaveRoom', roomId);
+
+      // Wait and verify no unexpected redoCancelled event
+      await new Promise((resolve) => setTimeout(resolve, 200));
+      // Test passes if no exception thrown
+    });
+
+    it('should clear redo timer when target leaves during pending redo', async () => {
+      const roomId = await setupRoom();
+
+      // Player 1 makes a move
+      await makeMove(player1, roomId, 'h', 0, 0);
+      await makeMove(player2, roomId, 'v', 0, 0);
+      await makeMove(player1, roomId, 'v', 0, 1);
+      await makeMove(player2, roomId, 'h', 1, 0);
+
+      // Player 2 requests redo (they made the move that gave them another turn)
+      const redoPromise = new Promise((resolve) => {
+        player1.once('dab_redoRequested', resolve);
+      });
+      player2.emit('dab_requestRedo', roomId);
+      const redoData = await redoPromise;
+      expect(redoData).to.have.property('requesterName');
+    });
+  });
+
+  describe('Redo Payload', () => {
+    it('should include requesterName in redoRequested payload', async () => {
+      const roomId = await setupRoom();
+
+      // Player 1 makes a move to set up lastMove
+      await makeMove(player1, roomId, 'h', 0, 0);
+      await makeMove(player2, roomId, 'v', 0, 0);
+      await makeMove(player1, roomId, 'v', 0, 1);
+      await makeMove(player2, roomId, 'h', 1, 0);
+
+      // Player 2 requests redo (they made the last move)
+      const redoPromise = new Promise((resolve) => {
+        player1.once('dab_redoRequested', resolve);
+      });
+      player2.emit('dab_requestRedo', roomId);
+      const redoData = await redoPromise;
+
+      expect(redoData).to.have.property('requesterName');
+      expect(redoData.requesterName).to.equal('Bob');
+    });
+  });
+
+  describe('Settings Object', () => {
+    it('should include settings object in room on creation', (done) => {
+      player1.emit('dab_createRoom', { mode: 'custom', customRows: 5, customCols: 5, customPlayers: 2 });
+      player1.once('dab_roomInfo', (room) => {
+        expect(room.settings).to.deep.equal({});
+        done();
+      });
+    });
+
+    it('should include settings in room on join', (done) => {
+      player1.emit('dab_createRoom', { mode: 'classic', customPlayers: 2 });
+      player1.once('dab_roomInfo', (room) => {
+        expect(room.settings).to.deep.equal({});
+        done();
+      });
+    });
+  });
 });
diff --git a/api/test/game.test.js b/api/test/game.test.js
index 3fc2297..5566f90 100644
--- a/api/test/game.test.js
+++ b/api/test/game.test.js
@@ -1,5 +1,5 @@
 process.env.NODE_ENV = 'test';
-const { server, io } = require('../index');
+const { server } = require('../index');
 const client = require('socket.io-client');
 const { expect } = require('chai');
 
@@ -22,7 +22,7 @@ describe('PaperParty Backend Tests', function () {
   beforeEach((done) => {
     player1 = client(`http://localhost:${port}`);
     player2 = client(`http://localhost:${port}`);
-    
+
     let connected = 0;
     const checkConnected = () => {
       connected++;
@@ -36,12 +36,12 @@ describe('PaperParty Backend Tests', function () {
   afterEach((done) => {
     if (player1.connected) player1.disconnect();
     if (player2.connected) player2.disconnect();
-    done();
+    setTimeout(done, 100);
   });
 
   describe('Bingo Game Logic', () => {
     it('should create a bingo room', (done) => {
-      player1.emit('bingo_createRoom', 'Alice');
+      player1.emit('bingo_createRoom', { playerName: 'Alice' });
       player1.once('bingo_roomInfo', (room) => {
         expect(room).to.have.property('id');
         expect(room.players).to.have.lengthOf(1);
@@ -51,11 +51,11 @@ describe('PaperParty Backend Tests', function () {
     });
 
     it('should join a bingo room', (done) => {
-      player1.emit('bingo_createRoom', 'Alice');
+      player1.emit('bingo_createRoom', { playerName: 'Alice' });
       player1.once('bingo_roomInfo', (room) => {
         const roomId = room.id;
         player2.emit('bingo_joinRoom', { roomId, playerName: 'Bob' });
-        
+
         const onRoomInfo = (updatedRoom) => {
           if (updatedRoom.players.length === 2) {
             player2.off('bingo_roomInfo', onRoomInfo);
@@ -71,7 +71,7 @@ describe('PaperParty Backend Tests', function () {
 
   describe('TicTacToe Game Logic', () => {
     it('should create a tictactoe room', (done) => {
-      player1.emit('ttt_createRoom', 'Alice');
+      player1.emit('ttt_createRoom', { playerName: 'Alice' });
       player1.once('ttt_roomInfo', (room) => {
         expect(room).to.have.property('id');
         expect(room.players).to.have.lengthOf(1);
@@ -80,11 +80,11 @@ describe('PaperParty Backend Tests', function () {
     });
 
     it('should start tictactoe when second player joins', (done) => {
-      player1.emit('ttt_createRoom', 'Alice');
+      player1.emit('ttt_createRoom', { playerName: 'Alice' });
       player1.once('ttt_roomInfo', (room) => {
         const roomId = room.id;
         player2.emit('ttt_joinRoom', { roomId, playerName: 'Bob' });
-        
+
         player2.once('ttt_gameStarted', () => {
           done();
         });
@@ -92,11 +92,11 @@ describe('PaperParty Backend Tests', function () {
     });
 
     it('should handle moves correctly', (done) => {
-      player1.emit('ttt_createRoom', 'Alice');
+      player1.emit('ttt_createRoom', { playerName: 'Alice' });
       player1.once('ttt_roomInfo', (room) => {
         const roomId = room.id;
         player2.emit('ttt_joinRoom', { roomId, playerName: 'Bob' });
-        
+
         player1.once('ttt_gameStarted', () => {
           player1.emit('ttt_makeMove', { roomId, position: 0 });
         });
@@ -110,25 +110,25 @@ describe('PaperParty Backend Tests', function () {
     });
 
     it('should detect a winner in TicTacToe', (done) => {
-      player1.emit('ttt_createRoom', 'Alice');
+      player1.emit('ttt_createRoom', { playerName: 'Alice' });
       player1.once('ttt_roomInfo', (room) => {
         const roomId = room.id;
         player2.emit('ttt_joinRoom', { roomId, playerName: 'Bob' });
-        
+
         player1.once('ttt_gameStarted', () => {
           // Alice: 0, 1, 2 (Win)
           // Bob: 3, 4
           player1.emit('ttt_makeMove', { roomId, position: 0 });
-          
+
           player2.once('ttt_nextTurn', () => {
             player2.emit('ttt_makeMove', { roomId, position: 3 });
-            
+
             player1.once('ttt_nextTurn', () => {
               player1.emit('ttt_makeMove', { roomId, position: 1 });
-              
+
               player2.once('ttt_nextTurn', () => {
                 player2.emit('ttt_makeMove', { roomId, position: 4 });
-                
+
                 player1.once('ttt_nextTurn', () => {
                   player1.emit('ttt_makeMove', { roomId, position: 2 });
                 });
@@ -147,7 +147,7 @@ describe('PaperParty Backend Tests', function () {
 
   describe('Ultimate TicTacToe Game Logic', () => {
     it('should create a uttt room', (done) => {
-      player1.emit('uttt_createRoom', 'Alice');
+      player1.emit('uttt_createRoom', { playerName: 'Alice' });
       player1.once('uttt_roomInfo', (room) => {
         expect(room).to.have.property('id');
         expect(room.players).to.have.lengthOf(1);
@@ -157,11 +157,11 @@ describe('PaperParty Backend Tests', function () {
     });
 
     it('should join a uttt room and start game', (done) => {
-      player1.emit('uttt_createRoom', 'Alice');
+      player1.emit('uttt_createRoom', { playerName: 'Alice' });
       player1.once('uttt_roomInfo', (room) => {
         const roomId = room.id;
         player2.emit('uttt_joinRoom', { roomId, playerName: 'Bob' });
-        
+
         player2.once('uttt_gameStarted', () => {
           done();
         });
@@ -169,11 +169,11 @@ describe('PaperParty Backend Tests', function () {
     });
 
     it('should handle moves correctly and update activeGrid', (done) => {
-      player1.emit('uttt_createRoom', 'Alice');
+      player1.emit('uttt_createRoom', { playerName: 'Alice' });
       player1.once('uttt_roomInfo', (room) => {
         const roomId = room.id;
         player2.emit('uttt_joinRoom', { roomId, playerName: 'Bob' });
-        
+
         player1.once('uttt_gameStarted', () => {
           // Alice plays in grid 4, square 2
           player1.emit('uttt_makeMove', { roomId, gridIndex: 4, squareIndex: 2 });
@@ -181,69 +181,69 @@ describe('PaperParty Backend Tests', function () {
 
         player1.on('uttt_gameState', (state) => {
           if (state.lastMove && state.lastMove.gridIndex === 4 && state.lastMove.squareIndex === 2) {
-              expect(state.board[4][2]).to.equal('X');
-              expect(state.activeGrid).to.equal(2);
-              done();
+            expect(state.board[4][2]).to.equal('X');
+            expect(state.activeGrid).to.equal(2);
+            done();
           }
         });
       });
     });
 
     it('should reject moves in wrong grid', (done) => {
-      player1.emit('uttt_createRoom', 'Alice');
+      player1.emit('uttt_createRoom', { playerName: 'Alice' });
       player1.once('uttt_roomInfo', (room) => {
         const roomId = room.id;
         player2.emit('uttt_joinRoom', { roomId, playerName: 'Bob' });
-        
+
         player1.once('uttt_gameStarted', () => {
           // Alice plays in grid 4, square 2
           player1.emit('uttt_makeMove', { roomId, gridIndex: 4, squareIndex: 2 });
-          
+
           player2.once('uttt_gameState', (state) => {
-              expect(state.activeGrid).to.equal(2);
-              // Bob tries to play in grid 0 instead of 2
-              player2.emit('uttt_makeMove', { roomId, gridIndex: 0, squareIndex: 0 });
+            expect(state.activeGrid).to.equal(2);
+            // Bob tries to play in grid 0 instead of 2
+            player2.emit('uttt_makeMove', { roomId, gridIndex: 0, squareIndex: 0 });
           });
 
-          player2.once('uttt_error', (error) => {
-              expect(error.message).to.contain('Must play in grid 2');
-              done();
+          player2.once('uttt_alert', (alert) => {
+            expect(alert.text).to.contain('Must play in grid 2');
+            done();
           });
         });
       });
     });
 
     it('should detect inner win and update macroBoard', (done) => {
-      player1.emit('uttt_createRoom', 'Alice');
+      player1.emit('uttt_createRoom', { playerName: 'Alice' });
       player1.once('uttt_roomInfo', (room) => {
         const roomId = room.id;
         player2.emit('uttt_joinRoom', { roomId, playerName: 'Bob' });
-        
+
         player1.once('uttt_gameStarted', () => {
           // Alice: (4,0), (0,4), (4,1), (1,4), (4,2) -> Alice wins grid 4
           player1.emit('uttt_makeMove', { roomId, gridIndex: 4, squareIndex: 0 });
-          
+
           player2.once('uttt_gameState', () => {
-              player2.emit('uttt_makeMove', { roomId, gridIndex: 0, squareIndex: 4 });
-              
-              player1.once('uttt_gameState', () => {
-                  player1.emit('uttt_makeMove', { roomId, gridIndex: 4, squareIndex: 1 });
-                  
-                  player2.once('uttt_gameState', () => {
-                      player2.emit('uttt_makeMove', { roomId, gridIndex: 1, squareIndex: 4 });
-                      
-                      player1.once('uttt_gameState', () => {
-                          player1.emit('uttt_makeMove', { roomId, gridIndex: 4, squareIndex: 2 });
-                      });
-                  });
+            player2.emit('uttt_makeMove', { roomId, gridIndex: 0, squareIndex: 4 });
+
+            player1.once('uttt_gameState', () => {
+              player1.emit('uttt_makeMove', { roomId, gridIndex: 4, squareIndex: 1 });
+
+              player2.once('uttt_gameState', () => {
+                player2.emit('uttt_makeMove', { roomId, gridIndex: 1, squareIndex: 4 });
+
+                player1.once('uttt_gameState', () => {
+                  player1.emit('uttt_makeMove', { roomId, gridIndex: 4, squareIndex: 2 });
+                });
               });
+            });
           });
 
           player1.on('uttt_gameState', (state) => {
-              if (state.macroBoard[4] === 'X') {
-                  expect(state.scores.X).to.equal(1);
-                  done();
-              }
+            if (state.macroBoard[4] === 'X') {
+              expect(state.scores.X).to.equal(1);
+              done();
+            }
           });
         });
       });
diff --git a/api/test/integration.test.js b/api/test/integration.test.js
new file mode 100644
index 0000000..ce97b8d
--- /dev/null
+++ b/api/test/integration.test.js
@@ -0,0 +1,428 @@
+process.env.NODE_ENV = 'test';
+const { server } = require('../index');
+const client = require('socket.io-client');
+const { expect } = require('chai');
+
+describe('Cross-Game Integration Tests', function () {
+  let player1, player2, player3, player4;
+  const port = 4001;
+
+  before((done) => {
+    server.listen(port, () => done());
+  });
+
+  after((done) => {
+    server.close(() => done());
+  });
+
+  beforeEach((done) => {
+    player1 = client(`http://localhost:${port}`);
+    player2 = client(`http://localhost:${port}`);
+    player3 = client(`http://localhost:${port}`);
+    player4 = client(`http://localhost:${port}`);
+
+    let connected = 0;
+    const checkConnected = () => {
+      connected++;
+      if (connected === 4) done();
+    };
+
+    player1.on('connect', checkConnected);
+    player2.on('connect', checkConnected);
+    player3.on('connect', checkConnected);
+    player4.on('connect', checkConnected);
+  });
+
+  afterEach((done) => {
+    if (player1.connected) player1.disconnect();
+    if (player2.connected) player2.disconnect();
+    if (player3.connected) player3.disconnect();
+    if (player4.connected) player4.disconnect();
+    setTimeout(done, 100);
+  });
+
+  describe('Room Isolation', () => {
+    it('Bingo player should not receive Dab game events', (done) => {
+      player1.emit('bingo_createRoom', 'Alice');
+      player1.once('bingo_roomInfo', (_bingoRoom) => {
+        player2.emit('dab_createRoom', { mode: 'classic', playerName: 'Bob' });
+        player2.once('dab_roomInfo', (dabRoom) => {
+          const bingoGotDabEvent = new Promise((resolve) => {
+            player1.once('dab_roomInfo', () => resolve(true));
+            player1.once('dab_gameStarted', () => resolve(true));
+            player1.once('dab_moveResult', () => resolve(true));
+            setTimeout(() => resolve(false), 300);
+          });
+
+          player2.emit('dab_joinRoom', { roomId: dabRoom.id, playerName: 'Charlie' });
+          player2.once('dab_roomInfo', () => {
+            player2.emit('dab_startGame', { roomId: dabRoom.id });
+            player2.once('dab_gameStarted', () => {
+              bingoGotDabEvent.then((gotEvent) => {
+                expect(gotEvent).to.equal(false);
+                done();
+              });
+            });
+          });
+        });
+      });
+    });
+
+    it('different games should not share room IDs', (done) => {
+      player1.emit('bingo_createRoom', 'Alice');
+      player1.once('bingo_roomInfo', (bingoRoom) => {
+        player3.emit('ttt_createRoom', 'Charlie');
+        player3.once('ttt_roomInfo', (tttRoom) => {
+          expect(bingoRoom.id).to.not.equal(tttRoom.id);
+          done();
+        });
+      });
+    });
+
+    it('should not allow join between different game types with same roomId', (done) => {
+      player1.emit('bingo_createRoom', 'Alice');
+      player1.once('bingo_roomInfo', (room) => {
+        const bingoRoomId = room.id;
+
+        const tttJoinResult = new Promise((resolve) => {
+          player2.once('ttt_alert', (alert) => resolve(alert));
+          setTimeout(() => resolve('timeout'), 500);
+        });
+
+        player2.emit('ttt_joinRoom', { roomId: bingoRoomId, playerName: 'Bob' });
+        tttJoinResult.then((result) => {
+          expect(result).to.not.equal('timeout');
+          expect(result.text).to.include('Not found');
+          done();
+        });
+      });
+    });
+  });
+
+  describe('Concurrent Room Creation', () => {
+    it('should create multiple concurrent rooms in different games', (done) => {
+      let bingoRoomId, dabRoomId, tttRoomId, utttRoomId;
+
+      player1.once('bingo_roomInfo', (room) => {
+        bingoRoomId = room.id;
+        player1.once('dab_roomInfo', (dabRoom) => {
+          dabRoomId = dabRoom.id;
+          player1.once('ttt_roomInfo', (tttRoom) => {
+            tttRoomId = tttRoom.id;
+            player1.once('uttt_roomInfo', (utttRoom) => {
+              utttRoomId = utttRoom.id;
+              expect(bingoRoomId).to.not.equal(dabRoomId);
+              expect(tttRoomId).to.not.equal(utttRoomId);
+              expect(dabRoomId).to.not.equal(utttRoomId);
+              expect(bingoRoomId).to.not.equal(utttRoomId);
+              done();
+            });
+            player1.emit('uttt_createRoom', 'UTTT Player');
+          });
+          player1.emit('ttt_createRoom', 'TTT Player');
+        });
+        player1.emit('dab_createRoom', { mode: 'classic' });
+      });
+      player1.emit('bingo_createRoom', 'Bingo Player');
+    });
+
+    it('should handle multiple players joining same game type concurrently', (done) => {
+      player1.emit('ttt_createRoom', 'Alice');
+      player1.once('ttt_roomInfo', (room1) => {
+        player2.emit('ttt_createRoom', 'Bob');
+        player2.once('ttt_roomInfo', (room2) => {
+          player3.emit('ttt_joinRoom', { roomId: room1.id, playerName: 'Charlie' });
+          player3.once('ttt_gameStarted', () => {
+            expect(room1.id).to.not.equal(room2.id);
+            done();
+          });
+        });
+      });
+    });
+  });
+
+  describe('Manager Independence', () => {
+    it('Bingo game over should not affect TTT games', async () => {
+      const getBingoRoom = new Promise((resolve) => {
+        player1.emit('bingo_createRoom', 'Alice');
+        player1.once('bingo_roomInfo', (room) => {
+          player2.emit('bingo_joinRoom', { roomId: room.id, playerName: 'Bob' });
+          player2.once('bingo_roomInfo', () => {
+            player1.emit('bingo_startGame', room.id);
+            player1.once('bingo_gameStarted', () => resolve(room.id));
+          });
+        });
+      });
+
+      const getTttRoom = new Promise((resolve) => {
+        player3.emit('ttt_createRoom', 'Charlie');
+        player3.once('ttt_roomInfo', (room) => {
+          player4.emit('ttt_joinRoom', { roomId: room.id, playerName: 'Diana' });
+          player4.once('ttt_gameStarted', () => resolve(room.id));
+        });
+      });
+
+      const [bingoRoomId, tttRoomId] = await Promise.all([getBingoRoom, getTttRoom]);
+
+      const tttStateBefore = new Promise((resolve) => {
+        player3.once('ttt_roomInfo', (room) => resolve(room));
+      });
+      player3.emit('ttt_requestRoomInfo', tttRoomId);
+      const tttState1 = await tttStateBefore;
+      expect(tttState1.gameState).to.equal('playing');
+
+      player1.emit('bingo_achieved', bingoRoomId);
+
+      await new Promise((r) => setTimeout(r, 100));
+
+      const tttStateAfter = new Promise((resolve) => {
+        player3.once('ttt_roomInfo', (room) => resolve(room));
+      });
+      player3.emit('ttt_requestRoomInfo', tttRoomId);
+      const tttState2 = await tttStateAfter;
+
+      expect(tttState2.gameState).to.equal('playing');
+      expect(tttState2.id).to.equal(tttRoomId);
+    });
+
+    it('DAB game over should not affect UTTT games', async () => {
+      const getDabRoom = new Promise((resolve) => {
+        player1.emit('dab_createRoom', {
+          mode: 'custom',
+          customRows: 2,
+          customCols: 2,
+          customPlayers: 2,
+          playerName: 'P1',
+        });
+        player1.once('dab_roomInfo', (room) => {
+          player2.emit('dab_joinRoom', { roomId: room.id, playerName: 'P2' });
+          player2.once('dab_roomInfo', () => {
+            player1.emit('dab_startGame', { roomId: room.id });
+            player1.once('dab_gameStarted', () => resolve(room.id));
+          });
+        });
+      });
+
+      const getUtRoom = new Promise((resolve) => {
+        player3.emit('uttt_createRoom', 'U1');
+        player3.once('uttt_roomInfo', (room) => {
+          player4.emit('uttt_joinRoom', { roomId: room.id, playerName: 'U2' });
+          player4.once('uttt_gameStarted', () => resolve(room.id));
+        });
+      });
+
+      const [dabRoomId, utttRoomId] = await Promise.all([getDabRoom, getUtRoom]);
+
+      const utttStateBefore = new Promise((resolve) => {
+        player3.once('uttt_roomInfo', (room) => resolve(room));
+      });
+      player3.emit('uttt_requestRoomInfo', utttRoomId);
+      const utttState1 = await utttStateBefore;
+      expect(utttState1.id).to.equal(utttRoomId);
+
+      player1.emit('dab_leaveRoom', dabRoomId);
+
+      await new Promise((r) => setTimeout(r, 100));
+
+      const utttStateAfter = new Promise((resolve) => {
+        player3.once('uttt_roomInfo', (room) => resolve(room));
+      });
+      player3.emit('uttt_requestRoomInfo', utttRoomId);
+      const utttState2 = await utttStateAfter;
+
+      expect(utttState2.id).to.equal(utttRoomId);
+    });
+  });
+
+  describe('Input Validation', () => {
+    it('should reject invalid position in TTT', (done) => {
+      player1.emit('ttt_createRoom', 'Alice');
+      player1.once('ttt_roomInfo', (room) => {
+        player2.emit('ttt_joinRoom', { roomId: room.id, playerName: 'Bob' });
+        player2.once('ttt_gameStarted', () => {
+          const resultPromise = new Promise((resolve) => {
+            player1.once('ttt_moveMade', resolve);
+            setTimeout(() => resolve('timeout'), 500);
+          });
+          player1.emit('ttt_makeMove', { roomId: room.id, position: -1 });
+          resultPromise.then((result) => {
+            expect(result).to.equal('timeout');
+            done();
+          });
+        });
+      });
+    });
+
+    it('should reject invalid position string in TTT', (done) => {
+      player1.emit('ttt_createRoom', 'Alice');
+      player1.once('ttt_roomInfo', (room) => {
+        player2.emit('ttt_joinRoom', { roomId: room.id, playerName: 'Bob' });
+        player2.once('ttt_gameStarted', () => {
+          const resultPromise = new Promise((resolve) => {
+            player1.once('ttt_moveMade', resolve);
+            setTimeout(() => resolve('timeout'), 500);
+          });
+          player1.emit('ttt_makeMove', { roomId: room.id, position: 'abc' });
+          resultPromise.then((result) => {
+            expect(result).to.equal('timeout');
+            done();
+          });
+        });
+      });
+    });
+
+    it('should reject out-of-range DAB move', async () => {
+      const roomIdPromise = new Promise((resolve) => {
+        player1.emit('dab_createRoom', { mode: 'custom', customRows: 3, customCols: 3 });
+        player1.once('dab_roomInfo', (room) => {
+          player2.emit('dab_joinRoom', { roomId: room.id, playerName: 'Bob' });
+          player2.once('dab_roomInfo', () => {
+            player1.emit('dab_startGame', { roomId: room.id });
+            player1.once('dab_gameStarted', () => resolve(room.id));
+          });
+        });
+      });
+
+      const roomId = await roomIdPromise;
+      const movePromise = new Promise((resolve) => {
+        player1.once('dab_moveResult', resolve);
+        setTimeout(() => resolve('timeout'), 500);
+      });
+      player1.emit('dab_makeMove', { roomId, lineType: 'h', r: 99, c: 0 });
+      const result = await movePromise;
+      expect(result).to.equal('timeout');
+    });
+
+    it('should reject invalid lineType in DAB', async () => {
+      const roomIdPromise = new Promise((resolve) => {
+        player1.emit('dab_createRoom', { mode: 'custom', customRows: 3, customCols: 3 });
+        player1.once('dab_roomInfo', (room) => {
+          player2.emit('dab_joinRoom', { roomId: room.id, playerName: 'Bob' });
+          player2.once('dab_roomInfo', () => {
+            player1.emit('dab_startGame', { roomId: room.id });
+            player1.once('dab_gameStarted', () => resolve(room.id));
+          });
+        });
+      });
+
+      const roomId = await roomIdPromise;
+      const movePromise = new Promise((resolve) => {
+        player1.once('dab_moveResult', resolve);
+        setTimeout(() => resolve('timeout'), 500);
+      });
+      player1.emit('dab_makeMove', { roomId, lineType: 'x', r: 0, c: 0 });
+      const result = await movePromise;
+      expect(result).to.equal('timeout');
+    });
+  });
+
+  describe('Room Case Sensitivity', () => {
+    it('should join room regardless of case', (done) => {
+      player1.emit('ttt_createRoom', 'Alice');
+      player1.once('ttt_roomInfo', (room) => {
+        const lowerId = room.id.toLowerCase();
+        player2.emit('ttt_joinRoom', { roomId: lowerId, playerName: 'Bob' });
+        player2.once('ttt_gameStarted', () => {
+          done();
+        });
+      });
+    });
+  });
+
+  describe('Game Restart Isolation', () => {
+    it('TTT restart should not affect Bingo game', async () => {
+      const bingoRoom = new Promise((resolve) => {
+        player1.emit('bingo_createRoom', 'Alice');
+        player1.once('bingo_roomInfo', (room) => {
+          player2.emit('bingo_joinRoom', { roomId: room.id, playerName: 'Bob' });
+          player2.once('bingo_roomInfo', () => {
+            player1.emit('bingo_startGame', room.id);
+            player1.once('bingo_gameStarted', () => resolve(room.id));
+          });
+        });
+      });
+
+      const tttRoom = new Promise((resolve) => {
+        player3.emit('ttt_createRoom', 'Charlie');
+        player3.once('ttt_roomInfo', (room) => {
+          player4.emit('ttt_joinRoom', { roomId: room.id, playerName: 'Diana' });
+          player4.once('ttt_roomInfo', () => resolve(room.id));
+        });
+      });
+
+      const [bingoRoomId, tttRoomId] = await Promise.all([bingoRoom, tttRoom]);
+
+      const bingoStateBefore = new Promise((resolve) => {
+        player1.once('bingo_roomInfo', (room) => resolve(room));
+      });
+      player1.emit('bingo_requestRoomInfo', bingoRoomId);
+      const bingoState1 = await bingoStateBefore;
+      expect(bingoState1.gameState).to.equal('playing');
+
+      player3.emit('ttt_restartGame', tttRoomId);
+
+      await new Promise((r) => setTimeout(r, 100));
+
+      const bingoStateAfter = new Promise((resolve) => {
+        player1.once('bingo_roomInfo', (room) => resolve(room));
+      });
+      player1.emit('bingo_requestRoomInfo', bingoRoomId);
+      const bingoState2 = await bingoStateAfter;
+
+      expect(bingoState2.id).to.equal(bingoRoomId);
+      expect(bingoState2.gameState).to.equal('playing');
+    });
+  });
+
+  describe('Settings Object Normalization', () => {
+    it('all games should include settings object in room', async () => {
+      const bingoRoom = new Promise((resolve) => {
+        player1.emit('bingo_createRoom', 'Alice');
+        player1.once('bingo_roomInfo', (room) => resolve(room));
+      });
+
+      const tttRoom = new Promise((resolve) => {
+        player2.emit('ttt_createRoom', 'Bob');
+        player2.once('ttt_roomInfo', (room) => resolve(room));
+      });
+
+      const c4Room = new Promise((resolve) => {
+        player3.emit('c4_createRoom', 'Charlie');
+        player3.once('c4_roomInfo', (room) => resolve(room));
+      });
+
+      const utttRoom = new Promise((resolve) => {
+        player4.emit('uttt_createRoom', 'Diana');
+        player4.once('uttt_roomInfo', (room) => resolve(room));
+      });
+
+      const [bRoom, tRoom, cRoom, uRoom] = await Promise.all([bingoRoom, tttRoom, c4Room, utttRoom]);
+
+      expect(bRoom).to.have.property('settings');
+      expect(tRoom).to.have.property('settings');
+      expect(cRoom).to.have.property('settings');
+      expect(uRoom).to.have.property('settings');
+
+      expect(bRoom.settings).to.deep.equal({});
+      expect(tRoom.settings).to.deep.equal({});
+      expect(cRoom.settings).to.deep.equal({});
+      expect(uRoom.settings).to.deep.equal({});
+    });
+
+    it('DAB should include settings object (backward compat)', (done) => {
+      player1.emit('dab_createRoom', { mode: 'custom', customRows: 5, customCols: 4, customPlayers: 3 });
+      player1.once('dab_roomInfo', (room) => {
+        expect(room.settings).to.deep.equal({});
+        done();
+      });
+    });
+
+    it('SOS should include settings with size', (done) => {
+      player1.emit('sos_createRoom', { playerName: 'Alice', size: 7 });
+      player1.once('sos_roomInfo', (room) => {
+        expect(room.settings).to.deep.equal({ size: 7 });
+        done();
+      });
+    });
+  });
+});
diff --git a/api/test/operations.test.js b/api/test/operations.test.js
new file mode 100644
index 0000000..df4cab8
--- /dev/null
+++ b/api/test/operations.test.js
@@ -0,0 +1,61 @@
+process.env.NODE_ENV = 'test';
+const request = require('supertest');
+const { server } = require('../index');
+const { expect } = require('chai');
+const client = require('socket.io-client');
+
+describe('Operational', function () {
+  const port = 4001;
+
+  before((done) => {
+    server.listen(port, done);
+  });
+
+  after((done) => {
+    try {
+      server.close(done);
+    } catch {
+      done();
+    }
+  });
+
+  describe('/health/ready', () => {
+    it('should return 200 with ready status', async () => {
+      const res = await request(`http://localhost:${port}`).get('/health/ready').expect(200);
+
+      expect(res.body).to.have.property('status', 'ok');
+      expect(res.body).to.have.property('ready', true);
+    });
+  });
+
+  describe('Graceful Shutdown', () => {
+    it('should be exported as a function', () => {
+      const { shutdown } = require('../index');
+      expect(shutdown).to.be.a('function');
+    });
+
+    it('should disconnect all connected clients', (done) => {
+      const sock = client(`http://localhost:${port}`);
+      sock.on('connect', () => {
+        const { shutdown } = require('../index');
+        let disconnected = false;
+        sock.on('disconnect', () => {
+          disconnected = true;
+        });
+        // Disconnect the socket first so server.close() doesn't hang
+        sock.disconnect();
+        setTimeout(() => {
+          if (!disconnected) {
+            done(new Error('Client was not disconnected'));
+            return;
+          }
+          // Now call shutdown to verify it handles the clean state
+          server.once('close', () => {
+            server.listen(port, done);
+          });
+          shutdown();
+        }, 200);
+      });
+    });
+  });
+});
diff --git a/api/test/sos.test.js b/api/test/sos.test.js
new file mode 100644
index 0000000..427d519
--- /dev/null
+++ b/api/test/sos.test.js
@@ -0,0 +1,291 @@
+process.env.NODE_ENV = 'test';
+const { server } = require('../index');
+const client = require('socket.io-client');
+const { expect } = require('chai');
+
+describe('SOS Game Logic', function () {
+  this.timeout(5000);
+  let player1, player2, spectator;
+  const port = 4001;
+
+  before((done) => {
+    server.listen(port, () => done());
+  });
+
+  after((done) => {
+    server.close(() => done());
+  });
+
+  beforeEach((done) => {
+    player1 = client(`http://localhost:${port}`);
+    player2 = client(`http://localhost:${port}`);
+    spectator = client(`http://localhost:${port}`);
+
+    let connected = 0;
+    const checkConnected = () => {
+      connected++;
+      if (connected === 3) done();
+    };
+
+    player1.on('connect', checkConnected);
+    player2.on('connect', checkConnected);
+    spectator.on('connect', checkConnected);
+  });
+
+  afterEach((done) => {
+    if (player1) player1.removeAllListeners();
+    if (player2) player2.removeAllListeners();
+    if (spectator) spectator.removeAllListeners();
+    if (player1.connected) player1.disconnect();
+    if (player2.connected) player2.disconnect();
+    if (spectator.connected) spectator.disconnect();
+    setTimeout(done, 100);
+  });
+
+  describe('Room Creation', () => {
+    it('should create a room with default size 6', (done) => {
+      player1.emit('sos_createRoom', { playerName: 'Alice' });
+      player1.once('sos_roomInfo', (room) => {
+        expect(room).to.have.property('id');
+        expect(room.players).to.have.lengthOf(1);
+        expect(room.size).to.equal(6);
+        expect(room.gameState).to.equal('waiting');
+        done();
+      });
+    });
+
+    it('should create a room with custom size', (done) => {
+      player1.emit('sos_createRoom', { playerName: 'Alice', size: 5 });
+      player1.once('sos_roomInfo', (room) => {
+        expect(room.size).to.equal(5);
+        done();
+      });
+    });
+
+    it('should clamp size between 4 and 8', (done) => {
+      player1.emit('sos_createRoom', { playerName: 'Alice', size: 10 });
+      player1.once('sos_roomInfo', (room) => {
+        expect(room.size).to.equal(8);
+        done();
+      });
+    });
+  });
+
+  describe('Join Room', () => {
+    it('should join as player', (done) => {
+      player1.emit('sos_createRoom', { playerName: 'Alice' });
+      player1.once('sos_roomInfo', (room) => {
+        player2.emit('sos_joinRoom', { roomId: room.id, playerName: 'Bob' });
+        player1.once('sos_roomInfo', (room2) => {
+          expect(room2.players).to.have.lengthOf(2);
+          done();
+        });
+      });
+    });
+
+    it('should join as spectator', (done) => {
+      player1.emit('sos_createRoom', { playerName: 'Alice' });
+      player1.once('sos_roomInfo', (room) => {
+        player2.emit('sos_joinRoom', { roomId: room.id, playerName: 'Bob' });
+        player1.once('sos_roomInfo', (room2) => {
+          spectator.emit('sos_joinRoom', { roomId: room2.id, playerName: 'Spectator', asSpectator: true });
+          player1.once('sos_roomInfo', (room3) => {
+            expect(room3.spectators).to.have.lengthOf(1);
+            done();
+          });
+        });
+      });
+    });
+  });
+
+  describe('Game Flow', () => {
+    it('should start game when host clicks start', (done) => {
+      player1.emit('sos_createRoom', { playerName: 'Alice' });
+      player1.once('sos_roomInfo', (room) => {
+        const roomId = room.id;
+        player2.emit('sos_joinRoom', { roomId, playerName: 'Bob' });
+        player1.once('sos_roomInfo', () => {
+          player1.emit('sos_startGame', { roomId });
+          player1.once('sos_gameStarted', () => {
+            done();
+          });
+        });
+      });
+    });
+  });
+
+  describe('Move Validation', () => {
+    it('should place S and O on valid moves', (done) => {
+      player1.emit('sos_createRoom', { playerName: 'Alice', size: 4 });
+      player1.once('sos_roomInfo', (room) => {
+        const roomId = room.id;
+        player2.emit('sos_joinRoom', { roomId, playerName: 'Bob' });
+        player1.once('sos_roomInfo', () => {
+          player1.emit('sos_startGame', { roomId });
+          player1.once('sos_gameStarted', () => {
+            player1.emit('sos_makeMove', { roomId, row: 0, col: 0, value: 'S' });
+          });
+          player1.once('sos_moveMade', (data) => {
+            expect(data.value).to.equal('S');
+            expect(data.row).to.equal(0);
+            expect(data.col).to.equal(0);
+            done();
+          });
+        });
+      });
+    });
+
+    it('should reject move out of turn', (done) => {
+      let timeout = setTimeout(() => done(new Error('timeout')), 1500);
+      player1.emit('sos_createRoom', { playerName: 'Alice', size: 4 });
+      player1.once('sos_roomInfo', (room) => {
+        const roomId = room.id;
+        player2.emit('sos_joinRoom', { roomId, playerName: 'Bob' });
+        player1.once('sos_roomInfo', () => {
+          player1.emit('sos_startGame', { roomId });
+          player1.once('sos_gameStarted', () => {
+            clearTimeout(timeout);
+            player2.emit('sos_makeMove', { roomId, row: 0, col: 0, value: 'S' });
+            timeout = setTimeout(() => done(new Error('timeout')), 1500);
+          });
+          player2.once('sos_moveMade', () => {
+            clearTimeout(timeout);
+            done(new Error('Should not have received moveMade'));
+          });
+          player2.once('sos_alert', (alert) => {
+            clearTimeout(timeout);
+            expect(alert.icon).to.equal('error');
+            done();
+          });
+        });
+      });
+    });
+  });
+
+  describe('SOS Pattern Detection', () => {
+    it('should detect SOS pattern when placing O completes it', (done) => {
+      player1.emit('sos_createRoom', { playerName: 'Alice', size: 6 });
+      player1.once('sos_roomInfo', (room) => {
+        const roomId = room.id;
+        player2.emit('sos_joinRoom', { roomId, playerName: 'Bob' });
+        player1.once('sos_roomInfo', () => {
+          player1.emit('sos_startGame', { roomId });
+          let moveCount = 0;
+          player1.on('sos_moveMade', (data) => {
+            moveCount++;
+            if (moveCount === 1) {
+              player2.emit('sos_makeMove', { roomId, row: 0, col: 2, value: 'S' });
+            }
+            if (moveCount === 2) {
+              player1.emit('sos_makeMove', { roomId, row: 0, col: 1, value: 'O' });
+            }
+            if (moveCount === 3) {
+              expect(data.patterns).to.be.an('array');
+              expect(data.patterns.length).to.be.at.least(1);
+              expect(data.patterns[0].cells).to.have.lengthOf(3);
+              done();
+            }
+          });
+          player2.on('sos_moveMade', () => {
+            // player2 move confirmation
+          });
+          player1.emit('sos_makeMove', { roomId, row: 0, col: 0, value: 'S' });
+        });
+      });
+    });
+  });
+
+  describe('Score Increment', () => {
+    it('should increment score when SOS is formed', (done) => {
+      player1.emit('sos_createRoom', { playerName: 'Alice', size: 6 });
+      player1.once('sos_roomInfo', (room) => {
+        const roomId = room.id;
+        player2.emit('sos_joinRoom', { roomId, playerName: 'Bob' });
+        player1.once('sos_roomInfo', () => {
+          player1.emit('sos_startGame', { roomId });
+          let moveCount = 0;
+          player1.on('sos_moveMade', (data) => {
+            moveCount++;
+            if (moveCount === 1) {
+              player2.emit('sos_makeMove', { roomId, row: 0, col: 2, value: 'S' });
+            }
+            if (moveCount === 2) {
+              player1.emit('sos_makeMove', { roomId, row: 0, col: 1, value: 'O' });
+            }
+            if (moveCount === 3) {
+              expect(data.scores[0]).to.be.at.least(1);
+              done();
+            }
+          });
+          player2.on('sos_moveMade', () => {});
+          player1.emit('sos_makeMove', { roomId, row: 0, col: 0, value: 'S' });
+        });
+      });
+    });
+  });
+
+  describe('Extra Turn on Score', () => {
+    it('should keep turn when player scores', (done) => {
+      player1.emit('sos_createRoom', { playerName: 'Alice', size: 6 });
+      player1.once('sos_roomInfo', (room) => {
+        const roomId = room.id;
+        player2.emit('sos_joinRoom', { roomId, playerName: 'Bob' });
+        player1.once('sos_roomInfo', () => {
+          player1.emit('sos_startGame', { roomId });
+          let moveCount = 0;
+          player1.on('sos_moveMade', (data) => {
+            moveCount++;
+            if (moveCount === 1) {
+              player2.emit('sos_makeMove', { roomId, row: 0, col: 2, value: 'S' });
+            }
+            if (moveCount === 2) {
+              player1.emit('sos_makeMove', { roomId, row: 0, col: 1, value: 'O' });
+            }
+            if (moveCount === 3) {
+              expect(data.currentTurn).to.equal(0);
+              done();
+            }
+          });
+          player2.on('sos_moveMade', () => {});
+          player1.emit('sos_makeMove', { roomId, row: 0, col: 0, value: 'S' });
+        });
+      });
+    });
+  });
+
+  describe('Game Over', () => {
+    it('should emit gameOver when board is full', function (done) {
+      this.timeout(10000);
+      player1.emit('sos_createRoom', { playerName: 'Alice', size: 4 });
+      player1.once('sos_roomInfo', (room) => {
+        const roomId = room.id;
+        player2.emit('sos_joinRoom', { roomId, playerName: 'Bob' });
+        player1.once('sos_roomInfo', () => {
+          player1.emit('sos_startGame', { roomId });
+          // Generate all 16 coordinates for the full 4x4 board
+          const moves = [];
+          for (let r = 0; r < 4; r++) {
+            for (let c = 0; c < 4; c++) {
+              moves.push({ row: r, col: c });
+            }
+          }
+          let moveIdx = 0;
+          const makeNextMove = () => {
+            if (moveIdx >= moves.length) return;
+            const m = moves[moveIdx];
+            const player = moveIdx % 2 === 0 ? player1 : player2;
+            moveIdx++;
+            player.emit('sos_makeMove', { roomId, row: m.row, col: m.col, value: 'O' });
+          };
+          player1.once('sos_gameOver', (data) => {
+            expect(data).to.have.property('winner');
+            expect(data).to.have.property('scores');
+            done();
+          });
+          player1.on('sos_moveMade', makeNextMove);
+          makeNextMove();
+        });
+      });
+    });
+  });
+});
diff --git a/api/test/tictactoe.test.js b/api/test/tictactoe.test.js
new file mode 100644
index 0000000..0a01748
--- /dev/null
+++ b/api/test/tictactoe.test.js
@@ -0,0 +1,207 @@
+process.env.NODE_ENV = 'test';
+const { server } = require('../index');
+const client = require('socket.io-client');
+const { expect } = require('chai');
+
+describe('TicTacToe Game Logic', function () {
+  let player1, player2;
+  const port = 4001;
+
+  before((done) => {
+    server.listen(port, () => done());
+  });
+
+  after((done) => {
+    server.close(() => done());
+  });
+
+  beforeEach((done) => {
+    player1 = client(`http://localhost:${port}`);
+    player2 = client(`http://localhost:${port}`);
+    let connected = 0;
+    const check = () => {
+      if (++connected === 2) done();
+    };
+    player1.on('connect', check);
+    player2.on('connect', check);
+  });
+
+  afterEach((done) => {
+    if (player1.connected) player1.disconnect();
+    if (player2.connected) player2.disconnect();
+    setTimeout(done, 100);
+  });
+
+  const setupGame = (cb) => {
+    player1.emit('ttt_createRoom', { playerName: 'Alice' });
+    player1.once('ttt_roomInfo', (room) => {
+      player2.emit('ttt_joinRoom', { roomId: room.id, playerName: 'Bob' });
+      player1.once('ttt_gameStarted', () => cb(room.id));
+    });
+  };
+
+  describe('Room Creation', () => {
+    it('should create a room with waiting state', (done) => {
+      player1.emit('ttt_createRoom', { playerName: 'Alice' });
+      player1.once('ttt_roomInfo', (room) => {
+        expect(room).to.have.property('id');
+        expect(room.players).to.have.lengthOf(1);
+        expect(room.players[0].name).to.equal('Alice');
+        expect(room.gameState).to.equal('waiting');
+        done();
+      });
+    });
+  });
+
+  describe('Join Room', () => {
+    it('should reject join on full room', (done) => {
+      player1.emit('ttt_createRoom', { playerName: 'Alice' });
+      player1.once('ttt_roomInfo', (room) => {
+        player2.emit('ttt_joinRoom', { roomId: room.id, playerName: 'Bob' });
+        player2.once('ttt_gameStarted', () => {
+          const player3 = client(`http://localhost:${port}`);
+          player3.on('connect', () => {
+            player3.emit('ttt_joinRoom', { roomId: room.id, playerName: 'Carol' });
+            player3.once('ttt_alert', ({ icon }) => {
+              expect(icon).to.equal('error');
+              player3.disconnect();
+              done();
+            });
+          });
+        });
+      });
+    });
+  });
+
+  describe('Make Move', () => {
+    it('should place symbol and emit moveMade', (done) => {
+      setupGame((roomId) => {
+        player1.emit('ttt_makeMove', { roomId, position: 4 });
+        player1.once('ttt_moveMade', ({ position, symbol }) => {
+          expect(position).to.equal(4);
+          expect(symbol).to.equal('X');
+          done();
+        });
+      });
+    });
+
+    it('should reject move when not your turn', (done) => {
+      setupGame((roomId) => {
+        player2.emit('ttt_makeMove', { roomId, position: 0 });
+        setTimeout(() => {
+          player1.emit('ttt_makeMove', { roomId, position: 0 });
+          player1.once('ttt_moveMade', ({ position }) => {
+            expect(position).to.equal(0);
+            done();
+          });
+        }, 100);
+      });
+    });
+
+    it('should reject move on occupied cell', (done) => {
+      setupGame((roomId) => {
+        player1.emit('ttt_makeMove', { roomId, position: 0 });
+        player1.once('ttt_nextTurn', () => {
+          player2.emit('ttt_makeMove', { roomId, position: 0 });
+          setTimeout(() => {
+            done();
+          }, 100);
+        });
+      });
+    });
+
+    it('should advance turn after valid move', (done) => {
+      setupGame((roomId) => {
+        player1.emit('ttt_makeMove', { roomId, position: 0 });
+        player1.once('ttt_nextTurn', (data) => {
+          expect(data.nextPlayerId).to.equal(player2.id);
+          done();
+        });
+      });
+    });
+  });
+
+  describe('Win Detection', () => {
+    it('should detect top-row win for X', (done) => {
+      setupGame((roomId) => {
+        const moves = [
+          [player1, 0],
+          [player2, 3],
+          [player1, 1],
+          [player2, 4],
+          [player1, 2],
+        ];
+        let i = 0;
+        const next = () => {
+          if (i >= moves.length) return;
+          const [p, pos] = moves[i++];
+          p.emit('ttt_makeMove', { roomId, position: pos });
+        };
+        player1.on('ttt_nextTurn', next);
+        player2.on('ttt_nextTurn', next);
+        player1.once('ttt_gameWon', ({ winner, winningLine }) => {
+          expect(winner).to.equal(player1.id);
+          expect(winningLine).to.deep.equal([0, 1, 2]);
+          done();
+        });
+        next();
+      });
+    });
+  });
+
+  describe('Restart', () => {
+    it('should reset board and resume playing', (done) => {
+      setupGame((roomId) => {
+        player1.emit('ttt_restartGame', roomId);
+        player1.once('ttt_roomInfo', (room) => {
+          expect(room.gameState).to.equal('playing');
+          expect(room.board.every((c) => c === null)).to.be.true;
+          done();
+        });
+      });
+    });
+  });
+
+  describe('Disconnect', () => {
+    it('should pause game and notify opponent on disconnect', (done) => {
+      setupGame((_roomId) => {
+        player1.once('ttt_gamePaused', ({ reason }) => {
+          expect(reason).to.be.a('string');
+          done();
+        });
+        player2.disconnect();
+      });
+    });
+
+    it('should emit playerLeft on disconnect', (done) => {
+      setupGame((_roomId) => {
+        player1.once('ttt_playerLeft', (data) => {
+          expect(data.playerId).to.be.a('string');
+          done();
+        });
+        player2.disconnect();
+      });
+    });
+  });
+
+  describe('Reconnect', () => {
+    it('should allow player to reconnect and resume game', (done) => {
+      setupGame((roomId) => {
+        const p2Id = player2.id;
+        player2.disconnect();
+
+        setTimeout(() => {
+          const player2b = client(`http://localhost:${port}`);
+          player2b.on('connect', () => {
+            player2b.emit('ttt_reconnect', { roomId, playerId: p2Id });
+            player2b.once('ttt_roomInfo', (room) => {
+              expect(room.gameState).to.equal('playing');
+              player2b.disconnect();
+              done();
+            });
+          });
+        }, 150);
+      });
+    });
+  });
+});
diff --git a/api/test/uttt.test.js b/api/test/uttt.test.js
new file mode 100644
index 0000000..43fa523
--- /dev/null
+++ b/api/test/uttt.test.js
@@ -0,0 +1,335 @@
+process.env.NODE_ENV = 'test';
+const { server } = require('../index');
+const client = require('socket.io-client');
+const { expect } = require('chai');
+
+describe('Ultimate Tic-Tac-Toe (UTTT) Game Logic', function () {
+  let player1, player2;
+  const port = 4001;
+
+  before((done) => {
+    server.listen(port, () => done());
+  });
+
+  after((done) => {
+    server.close(() => done());
+  });
+
+  beforeEach((done) => {
+    player1 = client(`http://localhost:${port}`);
+    player2 = client(`http://localhost:${port}`);
+
+    let connected = 0;
+    const checkConnected = () => {
+      connected++;
+      if (connected === 2) done();
+    };
+
+    player1.on('connect', checkConnected);
+    player2.on('connect', checkConnected);
+  });
+
+  afterEach((done) => {
+    if (player1.connected) player1.disconnect();
+    if (player2.connected) player2.disconnect();
+    setTimeout(done, 100);
+  });
+
+  describe('Room Lifecycle', () => {
+    it('should create a UTTT room with correct initial state', (done) => {
+      player1.emit('uttt_createRoom', 'Alice');
+      player1.once('uttt_roomInfo', (room) => {
+        expect(room.gameState).to.equal('waiting');
+        expect(room.players).to.have.lengthOf(1);
+        expect(room.board).to.have.lengthOf(9);
+        expect(room.macroBoard).to.have.lengthOf(9).and.include(null);
+        done();
+      });
+    });
+
+    it('should start game when second player joins', (done) => {
+      player1.emit('uttt_createRoom', 'Alice');
+      player1.once('uttt_roomInfo', (room) => {
+        player2.emit('uttt_joinRoom', { roomId: room.id, playerName: 'Bob' });
+
+        player1.once('uttt_gameStarted', () => {
+          player1.once('uttt_roomInfo', (startedRoom) => {
+            expect(startedRoom.gameState).to.equal('playing');
+            expect(startedRoom.currentTurn).to.equal(player1.id);
+            done();
+          });
+        });
+      });
+    });
+  });
+
+  describe('Move Validation', () => {
+    let roomId;
+
+    beforeEach((done) => {
+      player1.emit('uttt_createRoom', 'Alice');
+      player1.once('uttt_roomInfo', (room) => {
+        roomId = room.id;
+        player2.emit('uttt_joinRoom', { roomId, playerName: 'Bob' });
+        player1.once('uttt_gameStarted', () => done());
+      });
+    });
+
+    it('should prevent move if it is not player turn', (done) => {
+      player2.emit('uttt_makeMove', { roomId, gridIndex: 4, squareIndex: 4 });
+      player2.once('uttt_alert', (alert) => {
+        expect(alert.text).to.equal('Not your turn');
+        done();
+      });
+    });
+
+    it('should enforce active grid constraint', (done) => {
+      player1.emit('uttt_makeMove', { roomId, gridIndex: 4, squareIndex: 4 });
+
+      player1.once('uttt_gameState', () => {
+        player2.emit('uttt_makeMove', { roomId, gridIndex: 0, squareIndex: 0 });
+        player2.once('uttt_alert', (alert) => {
+          expect(alert.text).to.contain('Must play in grid 4');
+          done();
+        });
+      });
+    });
+
+    it('should prevent playing in occupied square', (done) => {
+      player1.emit('uttt_makeMove', { roomId, gridIndex: 4, squareIndex: 4 });
+      player1.once('uttt_gameState', () => {
+        player2.emit('uttt_makeMove', { roomId, gridIndex: 4, squareIndex: 4 });
+        player2.once('uttt_alert', (alert) => {
+          expect(alert.text).to.equal('Square already occupied');
+          done();
+        });
+      });
+    });
+  });
+
+  describe('Win Conditions', () => {
+    it('should detect an inner grid win and still allow play in won grid', (done) => {
+      player1.emit('uttt_createRoom', 'Alice');
+      player1.once('uttt_roomInfo', (room) => {
+        const roomId = room.id;
+        player2.emit('uttt_joinRoom', { roomId, playerName: 'Bob' });
+
+        // P1 wins grid 4 with top row (squares 0,1,2), then P2 plays in activeGrid 2
+        const moves = [
+          () =>
+            player1.emit('uttt_makeMove', {
+              roomId,
+              gridIndex: 4,
+              squareIndex: 0,
+            }),
+          () =>
+            player2.emit('uttt_makeMove', {
+              roomId,
+              gridIndex: 0,
+              squareIndex: 4,
+            }),
+          () =>
+            player1.emit('uttt_makeMove', {
+              roomId,
+              gridIndex: 4,
+              squareIndex: 1,
+            }),
+          () =>
+            player2.emit('uttt_makeMove', {
+              roomId,
+              gridIndex: 1,
+              squareIndex: 4,
+            }),
+          () =>
+            player1.emit('uttt_makeMove', {
+              roomId,
+              gridIndex: 4,
+              squareIndex: 2,
+            }),
+          () =>
+            player2.emit('uttt_makeMove', {
+              roomId,
+              gridIndex: 2,
+              squareIndex: 4,
+            }),
+        ];
+
+        let step = 0;
+        const checkState = (state) => {
+          if (step === 4) {
+            expect(state.macroBoard[4]).to.equal('X');
+            expect(state.scores.X).to.equal(1);
+          }
+          if (step === 5) {
+            expect(state.board[2][4]).to.equal('O');
+            done();
+            return;
+          }
+          step++;
+          setTimeout(() => moves[step](), 50);
+        };
+
+        player1.once('uttt_gameStarted', () => {
+          player1.on('uttt_gameState', checkState);
+          step = 0;
+          moves[0]();
+        });
+      });
+    });
+
+    it('should detect a macro game win', (done) => {
+      player1.emit('uttt_createRoom', 'Alice');
+      player1.once('uttt_roomInfo', (room) => {
+        const roomId = room.id;
+        player2.emit('uttt_joinRoom', { roomId, playerName: 'Bob' });
+
+        player1.once('uttt_gameStarted', () => {
+          // Setup error handlers
+          const errorHandler = (err) => done(new Error(`Sequence Error: ${err.message}`));
+          player1.on('uttt_error', errorHandler);
+          player2.on('uttt_error', errorHandler);
+
+          // SIMPLEST WORKING SEQUENCE: Bob helps Alice win
+          const workingMoves = [
+            // Alice wins Grid 0 (top row: 0,1,2)
+            { p: player1, g: 0, s: 0 }, // Bob -> G0
+            { p: player2, g: 0, s: 3 }, // Alice -> G3
+            { p: player1, g: 3, s: 0 }, // Bob -> G0
+            { p: player2, g: 0, s: 4 }, // Alice -> G4
+            { p: player1, g: 4, s: 0 }, // Bob -> G0
+            { p: player2, g: 0, s: 5 }, // Alice -> G5
+            { p: player1, g: 5, s: 0 }, // Bob -> G0
+            { p: player2, g: 0, s: 6 }, // Alice -> G6
+            { p: player1, g: 6, s: 0 }, // Bob -> G0
+            { p: player2, g: 0, s: 7 }, // Alice -> G7
+            { p: player1, g: 7, s: 0 }, // Bob -> G0
+            { p: player2, g: 0, s: 8 }, // Alice -> G8
+            { p: player1, g: 8, s: 1 }, // Bob -> G1
+            { p: player2, g: 1, s: 3 }, // Alice -> G3
+            { p: player1, g: 3, s: 1 }, // Bob -> G1
+            { p: player2, g: 1, s: 4 }, // Alice -> G4
+            { p: player1, g: 4, s: 1 }, // Bob -> G1
+            { p: player2, g: 1, s: 5 }, // Alice -> G5
+            { p: player1, g: 5, s: 2 }, // Bob -> G2
+            { p: player2, g: 2, s: 3 }, // Alice -> G3
+            { p: player1, g: 3, s: 2 }, // Bob -> G2
+            { p: player2, g: 2, s: 4 }, // Alice -> G4
+            { p: player1, g: 4, s: 2 }, // Bob -> G2
+            { p: player2, g: 2, s: 5 }, // Alice -> G5
+            { p: player1, g: 5, s: 1 }, // Bob -> G1
+            { p: player2, g: 1, s: 6 }, // Alice -> G6
+            { p: player1, g: 6, s: 1 }, // Bob -> G1
+            { p: player2, g: 1, s: 7 }, // Alice -> G7
+            { p: player1, g: 7, s: 1 }, // Bob -> G1
+            { p: player2, g: 1, s: 8 }, // Alice -> G8
+            { p: player1, g: 8, s: 0 }, // Bob -> G0 (won, so can play)
+            { p: player2, g: 0, s: 1 }, // Alice -> G1 (won, so can play)
+            { p: player1, g: 1, s: 0 }, // Bob -> G0
+            { p: player2, g: 0, s: 2 }, // ALICE WINS GRID 0! Alice -> G2
+            { p: player1, g: 2, s: 6 }, // Bob -> G6
+            { p: player2, g: 6, s: 2 }, // Alice -> G2
+            { p: player1, g: 2, s: 7 }, // Bob -> G7
+            { p: player2, g: 7, s: 2 }, // Alice -> G2
+            { p: player1, g: 2, s: 8 }, // Bob -> G8
+            { p: player2, g: 8, s: 2 }, // Alice -> G2
+            { p: player1, g: 2, s: 0 }, // Bob -> G0
+            { p: player2, g: 1, s: 1 }, // Alice -> G1 (try to win)
+            { p: player1, g: 1, s: 2 }, // Bob -> G2
+            { p: player2, g: 1, s: 2 }, // ALICE WINS GRID 1! Alice -> G2
+            { p: player1, g: 2, s: 1 }, // Bob -> G1 (won)
+            { p: player2, g: 2, s: 2 }, // ALICE WINS GRID 2 AND MACRO!
+          ];
+
+          player1.once('uttt_gameOver', (data) => {
+            expect(data.reason).to.equal('macro_win');
+            expect(data.symbol).to.be.oneOf(['X', 'O']);
+            player1.off('uttt_error');
+            player2.off('uttt_error');
+            done();
+          });
+
+          let i = 0;
+          const nextMove = () => {
+            if (i >= workingMoves.length) return;
+            const m = workingMoves[i++];
+
+            m.p.once('uttt_gameState', () => {
+              setTimeout(nextMove, 20);
+            });
+
+            m.p.emit('uttt_makeMove', {
+              roomId,
+              gridIndex: m.g,
+              squareIndex: m.s,
+            });
+          };
+
+          nextMove();
+        });
+      });
+    });
+  });
+
+  describe('Connection & Recovery', () => {
+    it('should pause game on disconnect and resume on reconnect', (done) => {
+      player1.emit('uttt_createRoom', 'Alice');
+      player1.once('uttt_roomInfo', (room) => {
+        const roomId = room.id;
+        const playerId = player1.id;
+        player2.emit('uttt_joinRoom', { roomId, playerName: 'Bob' });
+
+        player1.once('uttt_gameStarted', () => {
+          player2.once('uttt_gamePaused', () => {
+            const newPlayer1 = client(`http://localhost:${port}`);
+            newPlayer1.on('connect', () => {
+              newPlayer1.emit('uttt_reconnect', { roomId, playerId });
+              newPlayer1.once('uttt_alert', (alert) => {
+                expect(alert.title).to.equal('Player Reconnected');
+                newPlayer1.disconnect();
+                done();
+              });
+            });
+          });
+          player1.disconnect();
+        });
+      });
+    });
+  });
+
+  describe('Restart Game', () => {
+    let roomId;
+
+    beforeEach((done) => {
+      player1.emit('uttt_createRoom', 'Alice');
+      player1.once('uttt_roomInfo', (room) => {
+        roomId = room.id;
+        player2.emit('uttt_joinRoom', { roomId, playerName: 'Bob' });
+        player1.once('uttt_gameStarted', () => done());
+      });
+    });
+
+    it('should emit uttt_gameRestarted on restart', (done) => {
+      player1.emit('uttt_makeMove', { roomId, gridIndex: 4, squareIndex: 4 });
+
+      player1.once('uttt_gameState', () => {
+        player1.emit('uttt_restartGame', roomId);
+        player1.once('uttt_gameRestarted', () => {
+          done();
+        });
+      });
+    });
+
+    it('should reset board state on restart', (done) => {
+      player1.emit('uttt_makeMove', { roomId, gridIndex: 4, squareIndex: 4 });
+
+      player1.once('uttt_gameState', () => {
+        player1.emit('uttt_restartGame', roomId);
+        player1.once('uttt_roomInfo', (room) => {
+          expect(room.gameState).to.equal('playing');
+          expect(room.board[4][4]).to.equal(null);
+          done();
+        });
+      });
+    });
+  });
+});
diff --git a/api/utils/logger.js b/api/utils/logger.js
index ecec8ca..1ca65e2 100644
--- a/api/utils/logger.js
+++ b/api/utils/logger.js
@@ -17,24 +17,39 @@ const formatTime = () => {
 
 const logger = {
   info: (category, message, ...args) => {
-    console.log(`${colors.blue}[${formatTime()}]${colors.reset} ${colors.cyan}[${category}]${colors.reset} ${message}`, ...args);
+    console.log(
+      `${colors.blue}[${formatTime()}]${colors.reset} ${colors.cyan}[${category}]${colors.reset} ${message}`,
+      ...args,
+    );
   },
 
   success: (category, message, ...args) => {
-    console.log(`${colors.blue}[${formatTime()}]${colors.reset} ${colors.green}[${category}]${colors.reset} ${message}`, ...args);
+    console.log(
+      `${colors.blue}[${formatTime()}]${colors.reset} ${colors.green}[${category}]${colors.reset} ${message}`,
+      ...args,
+    );
   },
 
   warn: (category, message, ...args) => {
-    console.warn(`${colors.blue}[${formatTime()}]${colors.reset} ${colors.yellow}[${category}]${colors.reset} ${message}`, ...args);
+    console.warn(
+      `${colors.blue}[${formatTime()}]${colors.reset} ${colors.yellow}[${category}]${colors.reset} ${message}`,
+      ...args,
+    );
   },
 
   error: (category, message, ...args) => {
-    console.error(`${colors.blue}[${formatTime()}]${colors.reset} ${colors.red}[${category}]${colors.reset} ${message}`, ...args);
+    console.error(
+      `${colors.blue}[${formatTime()}]${colors.reset} ${colors.red}[${category}]${colors.reset} ${message}`,
+      ...args,
+    );
   },
 
   debug: (category, message, ...args) => {
     if (process.env.DEBUG) {
-      console.log(`${colors.blue}[${formatTime()}]${colors.reset} ${colors.gray}[${category}]${colors.reset} ${message}`, ...args);
+      console.log(
+        `${colors.blue}[${formatTime()}]${colors.reset} ${colors.gray}[${category}]${colors.reset} ${message}`,
+        ...args,
+      );
     }
   },
 
@@ -43,11 +58,11 @@ const logger = {
     const eventColor = direction === 'IN' ? colors.cyan : colors.green;
     console.log(
       `${colors.blue}[${formatTime()}]${colors.reset} ${dirColor}[${direction}]${colors.reset} ` +
-      `${eventColor}[${event}]${colors.reset} ${colors.gray}socket:${socketId}${colors.reset}`,
+        `${eventColor}[${event}]${colors.reset} ${colors.gray}socket:${socketId}${colors.reset}`,
       data ? '-' : '',
-      data || ''
+      data || '',
     );
   },
 };
 
-module.exports = logger;
\ No newline at end of file
+module.exports = logger;
diff --git a/docs/PLAN_DAB.md b/docs/PLAN_DAB.md
index 14d2496..e83e627 100644
--- a/docs/PLAN_DAB.md
+++ b/docs/PLAN_DAB.md
@@ -7,13 +7,13 @@ Dots grid: `(rows+1) × (cols+1)` (inferred, not stored)
 
 ### Grid Sizing
 
-| Mode | rows | cols | total boxes | dots per side |
-|------|------|------|-------------|---------------|
-| Classic | 9 | 9 | 81 | 10×10 |
-| Extended | 14 | 14 | 196 | 15×15 |
-| Marathon | 19 | 19 | 361 | 20×20 |
-| Custom (min) | 1 | 1 | 1 | 2×2 |
-| Custom (max) | 30 | 30 | 900 | 31×31 |
+| Mode         | rows | cols | total boxes | dots per side |
+| ------------ | ---- | ---- | ----------- | ------------- |
+| Classic      | 9    | 9    | 81          | 10×10         |
+| Extended     | 14   | 14   | 196         | 15×15         |
+| Marathon     | 19   | 19   | 361         | 20×20         |
+| Custom (min) | 1    | 1    | 1           | 2×2           |
+| Custom (max) | 30   | 30   | 900         | 31×31         |
 
 ### Board Arrays
 
@@ -25,11 +25,11 @@ verticalLines[r][c]    = playerIndex | null    // rows × (cols+1)  — line lef
 
 ### Player Colors (Sequential Palette)
 
-| Seat | Tailwind | Hex |
-|------|----------|-----|
-| P1 (index 0) | `blue-500` | `#3B82F6` |
-| P2 (index 1) | `red-500` | `#EF4444` |
-| P3 (index 2) | `green-500` | `#22C55E` |
+| Seat         | Tailwind     | Hex       |
+| ------------ | ------------ | --------- |
+| P1 (index 0) | `blue-500`   | `#3B82F6` |
+| P2 (index 1) | `red-500`    | `#EF4444` |
+| P3 (index 2) | `green-500`  | `#22C55E` |
 | P4 (index 3) | `orange-500` | `#F97316` |
 
 ---
@@ -52,19 +52,19 @@ pro/src/
 
 ## Socket Events
 
-| Event | Direction | Payload |
-|-------|-----------|---------|
-| `dab_createRoom` | C→S | `{ mode, customRows?, customCols?, customPlayers? }` |
-| `dab_joinRoom` | C→S | `{ roomId, playerName }` |
-| `dab_reconnect` | C→S | `{ roomId, playerId }` |
-| `dab_makeMove` | C→S | `{ roomId, lineType: 'h'\|'v', r, c }` |
-| `dab_roomInfo` | S→C | Full room state |
-| `dab_gameStarted` | S→C | `{ firstTurn }` |
-| `dab_moveResult` | S→C | `{ lineType, r, c, claimedBoxes, scores, currentTurn, currentPlayer }` |
-| `dab_gameOver` | S→C | `{ winner, scores, winners? }` |
-| `dab_playerLeft` | S→C | `{ playerId }` |
-| `dab_gamePaused` | S→C | `{ reason }` |
-| `dab_alert` | S→C | `{ icon, title, text }` |
+| Event             | Direction | Payload                                                                |
+| ----------------- | --------- | ---------------------------------------------------------------------- |
+| `dab_createRoom`  | C→S       | `{ mode, customRows?, customCols?, customPlayers? }`                   |
+| `dab_joinRoom`    | C→S       | `{ roomId, playerName }`                                               |
+| `dab_reconnect`   | C→S       | `{ roomId, playerId }`                                                 |
+| `dab_makeMove`    | C→S       | `{ roomId, lineType: 'h'\|'v', r, c }`                                 |
+| `dab_roomInfo`    | S→C       | Full room state                                                        |
+| `dab_gameStarted` | S→C       | `{ firstTurn }`                                                        |
+| `dab_moveResult`  | S→C       | `{ lineType, r, c, claimedBoxes, scores, currentTurn, currentPlayer }` |
+| `dab_gameOver`    | S→C       | `{ winner, scores, winners? }`                                         |
+| `dab_playerLeft`  | S→C       | `{ playerId }`                                                         |
+| `dab_gamePaused`  | S→C       | `{ reason }`                                                           |
+| `dab_alert`       | S→C       | `{ icon, title, text }`                                                |
 
 ---
 
@@ -127,6 +127,7 @@ tie possible if multiple players tie for highest score
 CSS Grid produces ~3,721 DOM nodes for a 30×30 custom game (961 dots + 1,860 lines + 900 boxes). On mobile this causes severe lag.
 
 **Fix:** Render the board as a single `<svg>` element with a `viewBox`:
+
 - Dots → `<circle cx={c * spacing} cy={r * spacing} r={radius} vector-effect="non-scaling-stroke" />`
 - Lines → `<line x1 y1 x2 y2 vector-effect="non-scaling-stroke" />` with a transparent wider stroke for hit target
 - Boxes → `<rect x y width height fill={playerColor} opacity={0.3} />`
@@ -138,11 +139,13 @@ CSS Grid produces ~3,721 DOM nodes for a 30×30 custom game (961 dots + 1,860 li
 A disconnected player in a Marathon game permanently stalls the loop.
 
 **Fix:** Player objects store `connected: boolean`. Turn advancement skips disconnected players:
+
 ```javascript
 do {
   currentTurn = (currentTurn + 1) % players.length;
 } while (!players[currentTurn].connected && activeCount > 1);
 ```
+
 If all but one player disconnects, emit `dab_gamePaused` and start a 5-min forfeit timer.
 
 ### 3. Reconnection Protocol
@@ -152,11 +155,13 @@ A 5-second wifi drop should not end the game.
 **Fix:** Add `dab_reconnect` event.
 
 Frontend side:
+
 - On successful `dab_createRoom` or `dab_joinRoom`, save `{ roomId, playerId }` to `sessionStorage`
 - On `DabGame.jsx` mount, check `sessionStorage`. If values exist, auto-emit `dab_reconnect` instead of showing the lobby
 - Session storage is cleared on explicit leave/room close but survives accidental tab refresh
 
 Backend side:
+
 - Server matches the provided `playerId` to an existing room (if `playerId` matches a stored player in the room)
 - Clears any pending `emptyTimer`
 - Updates the socket reference: `player.id = socket.id` (new socket ID from refresh)
@@ -169,6 +174,7 @@ Backend side:
 Malicious or malformed payloads must never reach array accesses.
 
 **Fix:** At the top of `makeMove`, validate every field:
+
 ```javascript
 if (typeof r !== 'number' || typeof c !== 'number') return;
 if (typeof roomId !== 'string') return;
@@ -190,6 +196,7 @@ Duplicate `dab_makeMove` events from high-latency jitter must not double-claim a
 ### Phase 1 — Server Foundation
 
 **Step 1** — `api/game-logic/dab.js`: DabManager class skeleton
+
 - `constructor(io)` — `this.rooms = new Map()`
 - `handleConnection(socket)` — register event listeners
 - `createRoom(socket, { mode, customRows, customCols, customPlayers })` — bounds check, init arrays
@@ -199,6 +206,7 @@ Duplicate `dab_makeMove` events from high-latency jitter must not double-claim a
 - `sendRoomInfo(roomId)` — emit `dab_roomInfo`
 
 **Step 2** — `api/game-logic/dab.js`: Core logic
+
 - `makeMove(socket, { roomId, lineType, r, c })` — strict bounds validation, validate turn, validate line is null
 - `checkBoxes(room, r, c, lineType)` — returns count of newly completed boxes (with idempotency guard)
 - `isBoxComplete(room, boxR, boxC)` — checks all 4 sides
@@ -207,6 +215,7 @@ Duplicate `dab_makeMove` events from high-latency jitter must not double-claim a
 - Win detection → emit `dab_gameOver`
 
 **Step 3** — `api/test/dab.test.js`: Backend tests
+
 - Create room with valid params
 - Reject `customRows > 30`
 - Reject `customPlayers > 4`
@@ -221,6 +230,7 @@ Duplicate `dab_makeMove` events from high-latency jitter must not double-claim a
 - Test disconnected-player turn skip
 
 **Step 4** — `api/index.js`: Wire DabManager
+
 - `const DabManager = require('./game-logic/dab')`
 - `const dabManager = new DabManager(io)`
 - `dabManager.handleConnection(socket)` inside `io.on('connection')`
@@ -228,6 +238,7 @@ Duplicate `dab_makeMove` events from high-latency jitter must not double-claim a
 ### Phase 2 — Frontend
 
 **Step 5** — `pro/src/dab/DabGame.jsx`: Lobby UI
+
 - Create/join room interface (mirror TicTacToe pattern)
 - Mode selector: Classic / Extended / Marathon / Custom
 - Custom mode reveals: rows input, cols input, players input (2-4)
@@ -236,6 +247,7 @@ Duplicate `dab_makeMove` events from high-latency jitter must not double-claim a
 - Reconnection badge if returning to an active game
 
 **Step 6** — `pro/src/dab/DabGame.jsx`: SVG Board rendering
+
 - Single `<svg>` element with `viewBox` computed from grid dimensions
 - `<circle>` elements at every dot intersection
 - `<line>` elements for every horizontal and vertical line slot
@@ -244,12 +256,14 @@ Duplicate `dab_makeMove` events from high-latency jitter must not double-claim a
 - No CSS Grid, no DOM explosion — SVG `viewBox` handles all scaling
 
 **Step 7** — Zoom wrapper
+
 - `npm install react-zoom-pan-pinch`
 - `<TransformWrapper>` wraps SVG board
 - Constrained to viewport (`limitToBounds`, `minScale`, `maxScale`)
 - Mobile-friendly pan/zoom — SVG redraws natively, no layout thrashing
 
 **Step 8** — Click handlers
+
 - Click on transparent hit-target lines triggers `dab_makeMove` emit
 - On `dab_moveResult`: update local state, highlight claimed box fill
 - Disconnected player indicator on scoreboard (grayed out)
@@ -258,10 +272,12 @@ Duplicate `dab_makeMove` events from high-latency jitter must not double-claim a
 ### Phase 3 — Polish
 
 **Step 9** — Routing + Landing
+
 - Add `/dab` route in `App.jsx`
 - Add DAB GameCard to `PaperPartyLanding.jsx`
 
 **Step 10** — FX & Edge Cases
+
 - `use-sound`: scratch on line placement, ding on box claim
 - `dab_gameOver` → canvas-confetti + SweetAlert (winner/tie)
 - 5-minute forfeit timer when all remaining players disconnect
diff --git a/e2e/bingo.spec.js b/e2e/bingo.spec.js
new file mode 100644
index 0000000..f2666b5
--- /dev/null
+++ b/e2e/bingo.spec.js
@@ -0,0 +1,93 @@
+const { test, expect } = require('@playwright/test');
+const {
+  setPlayerNames,
+  navigateToGame,
+  clickCreateRoom,
+  getRoomCode,
+  clickJoinRoom,
+  fillSwalInput,
+  confirmSwal,
+  dismissSwalIfPresent,
+} = require('./helpers');
+
+test.describe('Bingo E2E', () => {
+  test('full flow: create room, join, start game, mark numbers, see BINGO progress', async ({ browser }) => {
+    const ctx = await browser.newContext();
+    const page1 = await ctx.newPage();
+    const page2 = await ctx.newPage();
+
+    await page1.addInitScript(() => localStorage.setItem('playerName', 'Alice'));
+    await page2.addInitScript(() => localStorage.setItem('playerName', 'Bob'));
+    await page1.goto('/');
+    await page2.goto('/');
+
+    // Navigate and create room
+    await navigateToGame(page1, '/bingo');
+    await page1.waitForTimeout(500);
+    await clickCreateRoom(page1);
+    const roomCode = await getRoomCode(page1);
+    expect(roomCode).toBeTruthy();
+
+    // Join room
+    await navigateToGame(page2, '/bingo');
+    await page2.waitForTimeout(500);
+    await clickJoinRoom(page2);
+    await fillSwalInput(page2, roomCode);
+    await confirmSwal(page2);
+
+    await page1.waitForTimeout(800);
+    await page2.waitForTimeout(800);
+
+    // Both should see the room code
+    await expect(page1.locator('button[title="Click to copy room ID"]')).toHaveText(roomCode);
+    await expect(page2.locator('button[title="Click to copy room ID"]')).toHaveText(roomCode);
+
+    // Verify game title (h1 contains "Bingo")
+    await expect(page1.locator('h1:has-text("Bingo")')).toBeVisible();
+    await expect(page2.locator('h1:has-text("Bingo")')).toBeVisible();
+
+    // Creator starts the game
+    // First dismiss any open modal
+    await dismissSwalIfPresent(page1);
+    await dismissSwalIfPresent(page2);
+    // Wait for modal to fully disappear
+    await page1.waitForTimeout(1500);
+    await page2.waitForTimeout(1500);
+    await page1.locator('button:has-text("Start Party")').click({ force: true });
+    await page1.waitForTimeout(2000);
+    await page2.waitForTimeout(2000);
+
+    // Both should see the game board (5x5 grid)
+    const board1 = page1.locator('.grid.grid-cols-5');
+    const board2 = page2.locator('.grid.grid-cols-5');
+    await expect(board1).toBeVisible();
+    await expect(board2).toBeVisible();
+
+    // Both should have 25 cells
+    const cells1 = board1.locator('button');
+    const cells2 = board2.locator('button');
+    await expect(cells1).toHaveCount(25);
+    await expect(cells2).toHaveCount(25);
+
+    // Alice marks a number (if it's her turn)
+    await page1.waitForTimeout(500);
+    const isAliceTurn = await page1
+      .locator('text=Your Turn')
+      .isVisible()
+      .catch(() => false);
+    if (isAliceTurn) {
+      const firstAvailable = cells1.filter({ hasNotText: '★' }).first();
+      if (await firstAvailable.isVisible()) {
+        await firstAvailable.click();
+        await page1.waitForTimeout(1000);
+      }
+    }
+
+    // Verify the number appears as marked on Alice's board
+    const starsOnAlice = board1.locator('button:has-text("★")');
+    const starCountAlice = await starsOnAlice.count();
+    expect(starCountAlice).toBeGreaterThanOrEqual(1);
+
+    await ctx.close();
+  });
+});
diff --git a/e2e/connect4.spec.js b/e2e/connect4.spec.js
new file mode 100644
index 0000000..72ab629
--- /dev/null
+++ b/e2e/connect4.spec.js
@@ -0,0 +1,146 @@
+const { test, expect } = require('@playwright/test');
+const { navigateToGame, clickCreateRoom, directJoinRoom, dismissSwalIfPresent } = require('./helpers');
+
+test.describe('Connect4 E2E', () => {
+  test('full flow: create room, join, start game, drop pieces, verify board', async ({ browser }) => {
+    const ctx = await browser.newContext();
+    const page1 = await ctx.newPage();
+    const page2 = await ctx.newPage();
+
+    await page1.addInitScript(() =>
+      localStorage.setItem('playerProfile', JSON.stringify({ name: 'Red', avatarIcon: 'cat', color: '#2a2a3e' })),
+    );
+    await page2.addInitScript(() =>
+      localStorage.setItem('playerProfile', JSON.stringify({ name: 'Yellow', avatarIcon: 'fox', color: '#2a2a3e' })),
+    );
+    await page1.goto('/');
+    await page2.goto('/');
+
+    // Navigate and create room
+    await navigateToGame(page1, '/connect4');
+    await page1.waitForTimeout(500);
+    await clickCreateRoom(page1);
+
+    // Wait for GameLobby and read room code from <p> element
+    await page1
+      .locator('p.text-3xl.font-sketch.text-ink.tracking-widest')
+      .waitFor({ state: 'visible', timeout: 10000 });
+    const roomCode = await page1.locator('p.text-3xl.font-sketch.text-ink.tracking-widest').textContent();
+    expect(roomCode).toBeTruthy();
+
+    // Join room
+    await navigateToGame(page2, '/connect4');
+    await page2.waitForTimeout(500);
+    await directJoinRoom(page2, roomCode);
+
+    // Wait for both to be in the waiting room
+    await page1.waitForTimeout(1500);
+    await page2.waitForTimeout(1500);
+    await dismissSwalIfPresent(page1);
+    await dismissSwalIfPresent(page2);
+
+    // Both should see the room code in GameLobby
+    await expect(page1.locator('p.text-3xl.font-sketch.text-ink.tracking-widest')).toHaveText(roomCode);
+    await expect(page2.locator('p.text-3xl.font-sketch.text-ink.tracking-widest')).toHaveText(roomCode);
+
+    // Start game
+    await page1.locator('button:has-text("Start Game")').click();
+    await page1.waitForTimeout(2000);
+    await page2.waitForTimeout(2000);
+
+    // Both should see the board grid (7 columns)
+    const board1 = page1.locator('.grid.grid-cols-7.gap-1.p-4.sketch-card');
+    const board2 = page2.locator('.grid.grid-cols-7.gap-1.p-4.sketch-card');
+    await expect(board1).toBeVisible();
+    await expect(board2).toBeVisible();
+
+    // Count board cells (divs) - 6 rows × 7 cols = 42
+    const boardCells1 = board1.locator('> div');
+    const boardCells2 = board2.locator('> div');
+    await expect(boardCells1).toHaveCount(42);
+    await expect(boardCells2).toHaveCount(42);
+
+    // Both should see column drop buttons (7 ⬇️ buttons)
+    const dropButtons1 = page1.locator('button:has-text("⬇️")');
+    const dropButtons2 = page2.locator('button:has-text("⬇️")');
+    await expect(dropButtons1).toHaveCount(7);
+    await expect(dropButtons2).toHaveCount(7);
+
+    // P1 drops in column 0
+    await dropButtons1.nth(0).click();
+    await page1.waitForTimeout(1000);
+    await page2.waitForTimeout(1000);
+
+    // P2 drops in column 1
+    await dropButtons2.nth(1).click();
+    await page1.waitForTimeout(1000);
+    await page2.waitForTimeout(1000);
+
+    // P1 drops again in column 0
+    await dropButtons1.nth(0).click();
+    await page1.waitForTimeout(1000);
+    await page2.waitForTimeout(1000);
+
+    // P2 drops in column 1
+    await dropButtons2.nth(1).click();
+    await page1.waitForTimeout(1000);
+    await page2.waitForTimeout(1000);
+
+    // Verify pieces on the board
+    // P1 is Red (player 0, bg-red-500), P2 is Yellow (player 1, bg-yellow-500)
+    const redPieces1 = page1.locator('div.bg-red-500.rounded-full');
+    const yellowPieces1 = page1.locator('div.bg-yellow-500.rounded-full');
+    const redCount1 = await redPieces1.count();
+    const yellowCount1 = await yellowPieces1.count();
+    expect(redCount1).toBeGreaterThanOrEqual(2);
+    expect(yellowCount1).toBeGreaterThanOrEqual(2);
+
+    // Verify same state on P2's board
+    const redPieces2 = page2.locator('div.bg-red-500.rounded-full');
+    const yellowPieces2 = page2.locator('div.bg-yellow-500.rounded-full');
+    await expect(redPieces2).toHaveCount(redCount1);
+    await expect(yellowPieces2).toHaveCount(yellowCount1);
+
+    await ctx.close();
+  });
+
+  test('leave room returns to lobby', async ({ browser }) => {
+    const ctx = await browser.newContext();
+    const page1 = await ctx.newPage();
+    const page2 = await ctx.newPage();
+
+    await page1.addInitScript(() =>
+      localStorage.setItem('playerProfile', JSON.stringify({ name: 'P1', avatarIcon: 'cat', color: '#2a2a3e' })),
+    );
+    await page2.addInitScript(() =>
+      localStorage.setItem('playerProfile', JSON.stringify({ name: 'P2', avatarIcon: 'fox', color: '#2a2a3e' })),
+    );
+    await page1.goto('/');
+    await page2.goto('/');
+
+    await navigateToGame(page1, '/connect4');
+    await page1.waitForTimeout(500);
+    await clickCreateRoom(page1);
+    await page1
+      .locator('p.text-3xl.font-sketch.text-ink.tracking-widest')
+      .waitFor({ state: 'visible', timeout: 10000 });
+    const roomCode = await page1.locator('p.text-3xl.font-sketch.text-ink.tracking-widest').textContent();
+    expect(roomCode).toBeTruthy();
+
+    await navigateToGame(page2, '/connect4');
+    await page2.waitForTimeout(500);
+    await directJoinRoom(page2, roomCode);
+    await page1.waitForTimeout(1000);
+    await page2.waitForTimeout(1000);
+
+    // Leave from P2's side
+    await page2.locator('button:has-text("Leave Room")').first().click();
+    await page2.waitForTimeout(1000);
+
+    // P2 navigated to /, go to /connect4 to see Create Room button again
+    await navigateToGame(page2, '/connect4');
+    await expect(page2.locator('button:has-text("Create Room")')).toBeVisible({ timeout: 5000 });
+
+    await ctx.close();
+  });
+});
diff --git a/e2e/dab.spec.js b/e2e/dab.spec.js
new file mode 100644
index 0000000..f53c1f5
--- /dev/null
+++ b/e2e/dab.spec.js
@@ -0,0 +1,76 @@
+const { test, expect } = require('@playwright/test');
+const { setPlayerName, navigateToGame, dismissSwalIfPresent } = require('./helpers');
+
+test.describe('DAB E2E', () => {
+  test('create room, join, draw a line', async ({ browser }) => {
+    const ctx = await browser.newContext();
+    const page1 = await ctx.newPage();
+    const page2 = await ctx.newPage();
+
+    await page1.addInitScript(() => localStorage.setItem('playerName', 'Drawer'));
+    await page2.addInitScript(() => localStorage.setItem('playerName', 'Liner'));
+    await page1.goto('/');
+    await page2.goto('/');
+
+    // Navigate and create room
+    await navigateToGame(page1, '/dab');
+    await page1.waitForTimeout(500);
+    await page1.locator('button:has-text("Create Room")').click();
+    await page1.locator('div.font-sketch.text-3xl').first().waitFor({ state: 'visible', timeout: 10000 });
+    const roomCodeEl = page1.locator('div.font-sketch.text-3xl').first();
+    const roomCode = await roomCodeEl.textContent();
+    expect(roomCode).toBeTruthy();
+
+    // Join room
+    await navigateToGame(page2, '/dab');
+    await page2.waitForTimeout(3000);
+    await page2.locator('button:has-text("Join Room")').click();
+    await page2.locator('.swal2-input').waitFor({ state: 'visible', timeout: 5000 });
+    await page2.locator('.swal2-input').fill(roomCode.trim());
+    await page2.locator('.swal2-confirm').click();
+
+    // Wait for Start Game button
+    await page1.locator('button:has-text("Start Game!")').waitFor({ state: 'visible', timeout: 15000 });
+    await page1.waitForTimeout(500);
+
+    // Start game
+    await page1.locator('button:has-text("Start Game!")').click();
+    await page1.waitForTimeout(3000);
+    await page2.waitForTimeout(3000);
+
+    // Should see Scoreboard
+    await expect(page1.locator('text=Scoreboard')).toBeVisible({ timeout: 10000 });
+    await expect(page2.locator('text=Scoreboard')).toBeVisible({ timeout: 10000 });
+
+    // Draw a line
+    const lineSelectors = page1.locator('line[stroke="transparent"]');
+    const lineCount = await lineSelectors.count();
+    expect(lineCount).toBeGreaterThan(0);
+    await lineSelectors.first().click();
+    await page1.waitForTimeout(1000);
+
+    await ctx.close();
+  });
+
+  test('extended mode selection shows in lobby', async ({ browser }) => {
+    const ctx = await browser.newContext();
+    const page = await ctx.newPage();
+    await page.addInitScript(() => localStorage.setItem('playerName', 'Customizer'));
+    await page.goto('/dab');
+
+    // Should see all three mode options
+    await expect(page.locator('text=Classic (9×9)')).toBeVisible();
+    await expect(page.locator('text=Extended (14×14)')).toBeVisible();
+    await expect(page.locator('text=Marathon (19×19)')).toBeVisible();
+
+    // Click Extended
+    await page.locator('button:has-text("Extended (14×14)")').click();
+    await page.waitForTimeout(300);
+
+    // Click Create Room
+    await page.locator('button:has-text("Create Room")').click();
+    await page.waitForTimeout(1000);
+
+    await ctx.close();
+  });
+});
diff --git a/e2e/helpers.js b/e2e/helpers.js
new file mode 100644
index 0000000..1ef9ad1
--- /dev/null
+++ b/e2e/helpers.js
@@ -0,0 +1,149 @@
+const SwalSelectors = {
+  input: '.swal2-input',
+  confirm: '.swal2-confirm',
+  cancel: '.swal2-cancel',
+  title: '.swal2-title',
+  popup: '.swal2-popup',
+};
+
+async function setPlayerName(page, name) {
+  await page.evaluate((n) => localStorage.setItem('playerName', n), name);
+}
+
+async function setPlayerNames(page1, page2, name1, name2) {
+  await setPlayerName(page1, name1);
+  await setPlayerName(page2, name2);
+}
+
+const gameLabels = {
+  '/bingo': 'Bingo',
+  '/tictactoe': 'Tic Tac Toe',
+  '/uttt': 'Ultimate Tic-Tac-Toe',
+  '/dab': 'Dots',
+  '/sos': 'SOS',
+  '/connect4': 'Connect 4',
+};
+
+async function navigateToGame(page, gamePath) {
+  await page.goto(gamePath, { waitUntil: 'load', timeout: 30000 });
+  await page.waitForTimeout(1500);
+}
+
+async function clickCreateRoom(page, buttonText = 'Create Room') {
+  await page.locator(`button:has-text("${buttonText}")`).click();
+}
+
+async function getRoomCode(page) {
+  const trySelectors = ['p.text-3xl.font-sketch.text-ink.tracking-widest', 'span.font-bold.uppercase'];
+  for (const sel of trySelectors) {
+    const el = page.locator(sel).first();
+    if (await el.isVisible().catch(() => false)) {
+      const text = await el.textContent();
+      if (text && text.trim().length > 0) return text.trim();
+    }
+  }
+  // Wait for any known selector
+  const anySel = trySelectors.join(', ');
+  const el = page.locator(anySel).first();
+  await el.waitFor({ state: 'visible', timeout: 10000 });
+  for (let i = 0; i < 30; i++) {
+    const text = await el.textContent();
+    if (text && text.trim().length > 0) return text.trim();
+    await page.waitForTimeout(500);
+  }
+  return (await el.textContent()).trim();
+}
+
+async function clickJoinRoom(page, buttonText = 'Join Room') {
+  await page.locator(`button:has-text("${buttonText}")`).click();
+}
+
+async function fillSwalInput(page, value) {
+  await page.locator(SwalSelectors.input).waitFor({ state: 'visible', timeout: 5000 });
+  await page.locator(SwalSelectors.input).fill(value);
+}
+
+async function confirmSwal(page) {
+  await page.locator(SwalSelectors.confirm).waitFor({ state: 'visible', timeout: 5000 });
+  await page.locator(SwalSelectors.confirm).click();
+}
+
+async function dismissSwalIfPresent(page) {
+  const visible = await page
+    .locator(SwalSelectors.popup)
+    .isVisible()
+    .catch(() => false);
+  if (visible) {
+    await page
+      .locator(SwalSelectors.confirm)
+      .click()
+      .catch(() => {});
+  }
+}
+
+async function waitForGameStart(page) {
+  await page.waitForTimeout(1000);
+}
+
+async function createAndJoinRoom(
+  pageCreator,
+  pageJoiner,
+  gamePath,
+  joinBtnText = 'Join Room',
+  createBtnText = 'Create Room',
+) {
+  await navigateToGame(pageCreator, gamePath);
+  await pageCreator.waitForTimeout(2000);
+
+  await clickCreateRoom(pageCreator, createBtnText);
+  // Wait for room code to be populated (not just visible)
+  // DAB game needs extra time since it renders room info after socket callback
+  await pageCreator.waitForTimeout(1000);
+  const roomCode = await getRoomCode(pageCreator);
+
+  await navigateToGame(pageJoiner, gamePath);
+  await pageJoiner.waitForTimeout(2000);
+
+  await clickJoinRoom(pageJoiner, joinBtnText);
+  await fillSwalInput(pageJoiner, roomCode);
+  await confirmSwal(pageJoiner);
+
+  // Wait for both players to receive room info and dismiss any modals
+  await pageCreator.waitForTimeout(800);
+  await pageJoiner.waitForTimeout(800);
+
+  // Dismiss any modal on creator's side
+  await dismissSwalIfPresent(pageCreator);
+  await dismissSwalIfPresent(pageJoiner);
+
+  return roomCode;
+}
+
+async function clickNthCell(page, gridSelector, n) {
+  const grid = page.locator(gridSelector);
+  const cells = grid.locator('button');
+  await cells.nth(n).click();
+}
+
+async function directJoinRoom(page, roomCode) {
+  await page.locator('input[placeholder="Room Code"]').waitFor({ state: 'visible', timeout: 5000 });
+  await page.locator('input[placeholder="Room Code"]').fill(roomCode);
+  await page.locator('button:has-text("Join as Player")').click();
+}
+
+module.exports = {
+  SwalSelectors,
+  setPlayerName,
+  setPlayerNames,
+  navigateToGame,
+  clickCreateRoom,
+  getRoomCode,
+  clickJoinRoom,
+  fillSwalInput,
+  confirmSwal,
+  dismissSwalIfPresent,
+  waitForGameStart,
+  createAndJoinRoom,
+  clickNthCell,
+  directJoinRoom,
+};
diff --git a/e2e/package-lock.json b/e2e/package-lock.json
new file mode 100644
index 0000000..e593a5a
--- /dev/null
+++ b/e2e/package-lock.json
@@ -0,0 +1,78 @@
+{
+  "name": "socket.io-games-e2e",
+  "version": "1.0.0",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {
+    "": {
+      "name": "socket.io-games-e2e",
+      "version": "1.0.0",
+      "devDependencies": {
+        "@playwright/test": "^1.52.0"
+      }
+    },
+    "node_modules/@playwright/test": {
+      "version": "1.60.0",
+      "resolved": "https://registry.npmjs.org/@playwright/test/-/test-1.60.0.tgz",
+      "integrity": "sha512-O71yZIbAh/PxDMNGns37GHBIfrVkEVyn+AXyIa5dOTfb4/xNvRWV+Vv/NMbNCtODB/pO7vLlF2OTmMVLhmr7Ag==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "playwright": "1.60.0"
+      },
+      "bin": {
+        "playwright": "cli.js"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/fsevents": {
+      "version": "2.3.2",
+      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz",
+      "integrity": "sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==",
+      "dev": true,
+      "hasInstallScript": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
+      }
+    },
+    "node_modules/playwright": {
+      "version": "1.60.0",
+      "resolved": "https://registry.npmjs.org/playwright/-/playwright-1.60.0.tgz",
+      "integrity": "sha512-hheHdokM8cdqCb0lcE3s+zT4t4W+vvjpGxsZlDnikarzx8tSzMebh3UiFtgqwFwnTnjYQcsyMF8ei2mCO/tpeA==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "playwright-core": "1.60.0"
+      },
+      "bin": {
+        "playwright": "cli.js"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "optionalDependencies": {
+        "fsevents": "2.3.2"
+      }
+    },
+    "node_modules/playwright-core": {
+      "version": "1.60.0",
+      "resolved": "https://registry.npmjs.org/playwright-core/-/playwright-core-1.60.0.tgz",
+      "integrity": "sha512-9bW6zvX/m0lEbgTKJ6YppOKx8H3VOPBMOCFh2irXFOT4BbHgrx5hPjwJYLT40Lu+4qtD36qKc/Hn56StUW57IA==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "bin": {
+        "playwright-core": "cli.js"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    }
+  }
+}
diff --git a/e2e/package.json b/e2e/package.json
new file mode 100644
index 0000000..3450524
--- /dev/null
+++ b/e2e/package.json
@@ -0,0 +1,14 @@
+{
+  "name": "socket.io-games-e2e",
+  "version": "1.0.0",
+  "private": true,
+  "scripts": {
+    "test": "playwright test",
+    "test:headed": "playwright test --headed",
+    "test:debug": "playwright test --debug",
+    "install:browsers": "playwright install --with-deps"
+  },
+  "devDependencies": {
+    "@playwright/test": "^1.52.0"
+  }
+}
diff --git a/e2e/playwright-report/index.html b/e2e/playwright-report/index.html
new file mode 100644
index 0000000..bf5f536
--- /dev/null
+++ b/e2e/playwright-report/index.html
@@ -0,0 +1,90 @@
+
+
+<!DOCTYPE html>
+<html style='scrollbar-gutter: stable both-edges;'>
+  <head>
+    <meta charset='UTF-8'>
+    <meta name='color-scheme' content='dark light'>
+    <meta name='viewport' content='width=device-width, initial-scale=1.0'>
+    <title>Playwright Test Report</title>
+    <script type="module">(function(){const u=document.createElement("link").relList;if(u&&u.supports&&u.supports("modulepreload"))return;for(const r of document.querySelectorAll('link[rel="modulepreload"]'))f(r);new MutationObserver(r=>{for(const o of r)if(o.type==="childList")for(const h of o.addedNodes)h.tagName==="LINK"&&h.rel==="modulepreload"&&f(h)}).observe(document,{childList:!0,subtree:!0});function c(r){const o={};return r.integrity&&(o.integrity=r.integrity),r.referrerPolicy&&(o.referrerPolicy=r.referrerPolicy),r.crossOrigin==="use-credentials"?o.credentials="include":r.crossOrigin==="anonymous"?o.credentials="omit":o.credentials="same-origin",o}function f(r){if(r.ep)return;r.ep=!0;const o=c(r);fetch(r.href,o)}})();function EA(i){return i&&i.__esModule&&Object.prototype.hasOwnProperty.call(i,"default")?i.default:i}var Of={exports:{}},vi={};/**
+ * @license React
+ * react-jsx-runtime.production.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */var y1;function pA(){if(y1)return vi;y1=1;var i=Symbol.for("react.transitional.element"),u=Symbol.for("react.fragment");function c(f,r,o){var h=null;if(o!==void 0&&(h=""+o),r.key!==void 0&&(h=""+r.key),"key"in r){o={};for(var v in r)v!=="key"&&(o[v]=r[v])}else o=r;return r=o.ref,{$$typeof:i,type:f,key:h,ref:r!==void 0?r:null,props:o}}return vi.Fragment=u,vi.jsx=c,vi.jsxs=c,vi}var E1;function xA(){return E1||(E1=1,Of.exports=pA()),Of.exports}var m=xA();const bA=15,bt=0,En=1,SA=2,ye=-2,Ut=-3,p1=-4,pn=-5,Me=[0,1,3,7,15,31,63,127,255,511,1023,2047,4095,8191,16383,32767,65535],w2=1440,TA=0,CA=4,OA=9,DA=5,RA=[96,7,256,0,8,80,0,8,16,84,8,115,82,7,31,0,8,112,0,8,48,0,9,192,80,7,10,0,8,96,0,8,32,0,9,160,0,8,0,0,8,128,0,8,64,0,9,224,80,7,6,0,8,88,0,8,24,0,9,144,83,7,59,0,8,120,0,8,56,0,9,208,81,7,17,0,8,104,0,8,40,0,9,176,0,8,8,0,8,136,0,8,72,0,9,240,80,7,4,0,8,84,0,8,20,85,8,227,83,7,43,0,8,116,0,8,52,0,9,200,81,7,13,0,8,100,0,8,36,0,9,168,0,8,4,0,8,132,0,8,68,0,9,232,80,7,8,0,8,92,0,8,28,0,9,152,84,7,83,0,8,124,0,8,60,0,9,216,82,7,23,0,8,108,0,8,44,0,9,184,0,8,12,0,8,140,0,8,76,0,9,248,80,7,3,0,8,82,0,8,18,85,8,163,83,7,35,0,8,114,0,8,50,0,9,196,81,7,11,0,8,98,0,8,34,0,9,164,0,8,2,0,8,130,0,8,66,0,9,228,80,7,7,0,8,90,0,8,26,0,9,148,84,7,67,0,8,122,0,8,58,0,9,212,82,7,19,0,8,106,0,8,42,0,9,180,0,8,10,0,8,138,0,8,74,0,9,244,80,7,5,0,8,86,0,8,22,192,8,0,83,7,51,0,8,118,0,8,54,0,9,204,81,7,15,0,8,102,0,8,38,0,9,172,0,8,6,0,8,134,0,8,70,0,9,236,80,7,9,0,8,94,0,8,30,0,9,156,84,7,99,0,8,126,0,8,62,0,9,220,82,7,27,0,8,110,0,8,46,0,9,188,0,8,14,0,8,142,0,8,78,0,9,252,96,7,256,0,8,81,0,8,17,85,8,131,82,7,31,0,8,113,0,8,49,0,9,194,80,7,10,0,8,97,0,8,33,0,9,162,0,8,1,0,8,129,0,8,65,0,9,226,80,7,6,0,8,89,0,8,25,0,9,146,83,7,59,0,8,121,0,8,57,0,9,210,81,7,17,0,8,105,0,8,41,0,9,178,0,8,9,0,8,137,0,8,73,0,9,242,80,7,4,0,8,85,0,8,21,80,8,258,83,7,43,0,8,117,0,8,53,0,9,202,81,7,13,0,8,101,0,8,37,0,9,170,0,8,5,0,8,133,0,8,69,0,9,234,80,7,8,0,8,93,0,8,29,0,9,154,84,7,83,0,8,125,0,8,61,0,9,218,82,7,23,0,8,109,0,8,45,0,9,186,0,8,13,0,8,141,0,8,77,0,9,250,80,7,3,0,8,83,0,8,19,85,8,195,83,7,35,0,8,115,0,8,51,0,9,198,81,7,11,0,8,99,0,8,35,0,9,166,0,8,3,0,8,131,0,8,67,0,9,230,80,7,7,0,8,91,0,8,27,0,9,150,84,7,67,0,8,123,0,8,59,0,9,214,82,7,19,0,8,107,0,8,43,0,9,182,0,8,11,0,8,139,0,8,75,0,9,246,80,7,5,0,8,87,0,8,23,192,8,0,83,7,51,0,8,119,0,8,55,0,9,206,81,7,15,0,8,103,0,8,39,0,9,174,0,8,7,0,8,135,0,8,71,0,9,238,80,7,9,0,8,95,0,8,31,0,9,158,84,7,99,0,8,127,0,8,63,0,9,222,82,7,27,0,8,111,0,8,47,0,9,190,0,8,15,0,8,143,0,8,79,0,9,254,96,7,256,0,8,80,0,8,16,84,8,115,82,7,31,0,8,112,0,8,48,0,9,193,80,7,10,0,8,96,0,8,32,0,9,161,0,8,0,0,8,128,0,8,64,0,9,225,80,7,6,0,8,88,0,8,24,0,9,145,83,7,59,0,8,120,0,8,56,0,9,209,81,7,17,0,8,104,0,8,40,0,9,177,0,8,8,0,8,136,0,8,72,0,9,241,80,7,4,0,8,84,0,8,20,85,8,227,83,7,43,0,8,116,0,8,52,0,9,201,81,7,13,0,8,100,0,8,36,0,9,169,0,8,4,0,8,132,0,8,68,0,9,233,80,7,8,0,8,92,0,8,28,0,9,153,84,7,83,0,8,124,0,8,60,0,9,217,82,7,23,0,8,108,0,8,44,0,9,185,0,8,12,0,8,140,0,8,76,0,9,249,80,7,3,0,8,82,0,8,18,85,8,163,83,7,35,0,8,114,0,8,50,0,9,197,81,7,11,0,8,98,0,8,34,0,9,165,0,8,2,0,8,130,0,8,66,0,9,229,80,7,7,0,8,90,0,8,26,0,9,149,84,7,67,0,8,122,0,8,58,0,9,213,82,7,19,0,8,106,0,8,42,0,9,181,0,8,10,0,8,138,0,8,74,0,9,245,80,7,5,0,8,86,0,8,22,192,8,0,83,7,51,0,8,118,0,8,54,0,9,205,81,7,15,0,8,102,0,8,38,0,9,173,0,8,6,0,8,134,0,8,70,0,9,237,80,7,9,0,8,94,0,8,30,0,9,157,84,7,99,0,8,126,0,8,62,0,9,221,82,7,27,0,8,110,0,8,46,0,9,189,0,8,14,0,8,142,0,8,78,0,9,253,96,7,256,0,8,81,0,8,17,85,8,131,82,7,31,0,8,113,0,8,49,0,9,195,80,7,10,0,8,97,0,8,33,0,9,163,0,8,1,0,8,129,0,8,65,0,9,227,80,7,6,0,8,89,0,8,25,0,9,147,83,7,59,0,8,121,0,8,57,0,9,211,81,7,17,0,8,105,0,8,41,0,9,179,0,8,9,0,8,137,0,8,73,0,9,243,80,7,4,0,8,85,0,8,21,80,8,258,83,7,43,0,8,117,0,8,53,0,9,203,81,7,13,0,8,101,0,8,37,0,9,171,0,8,5,0,8,133,0,8,69,0,9,235,80,7,8,0,8,93,0,8,29,0,9,155,84,7,83,0,8,125,0,8,61,0,9,219,82,7,23,0,8,109,0,8,45,0,9,187,0,8,13,0,8,141,0,8,77,0,9,251,80,7,3,0,8,83,0,8,19,85,8,195,83,7,35,0,8,115,0,8,51,0,9,199,81,7,11,0,8,99,0,8,35,0,9,167,0,8,3,0,8,131,0,8,67,0,9,231,80,7,7,0,8,91,0,8,27,0,9,151,84,7,67,0,8,123,0,8,59,0,9,215,82,7,19,0,8,107,0,8,43,0,9,183,0,8,11,0,8,139,0,8,75,0,9,247,80,7,5,0,8,87,0,8,23,192,8,0,83,7,51,0,8,119,0,8,55,0,9,207,81,7,15,0,8,103,0,8,39,0,9,175,0,8,7,0,8,135,0,8,71,0,9,239,80,7,9,0,8,95,0,8,31,0,9,159,84,7,99,0,8,127,0,8,63,0,9,223,82,7,27,0,8,111,0,8,47,0,9,191,0,8,15,0,8,143,0,8,79,0,9,255],wA=[80,5,1,87,5,257,83,5,17,91,5,4097,81,5,5,89,5,1025,85,5,65,93,5,16385,80,5,3,88,5,513,84,5,33,92,5,8193,82,5,9,90,5,2049,86,5,129,192,5,24577,80,5,2,87,5,385,83,5,25,91,5,6145,81,5,7,89,5,1537,85,5,97,93,5,24577,80,5,4,88,5,769,84,5,49,92,5,12289,82,5,13,90,5,3073,86,5,193,192,5,24577],MA=[3,4,5,6,7,8,9,10,11,13,15,17,19,23,27,31,35,43,51,59,67,83,99,115,131,163,195,227,258,0,0],jA=[0,0,0,0,0,0,0,0,1,1,1,1,2,2,2,2,3,3,3,3,4,4,4,4,5,5,5,5,0,112,112],NA=[1,2,3,4,5,7,9,13,17,25,33,49,65,97,129,193,257,385,513,769,1025,1537,2049,3073,4097,6145,8193,12289,16385,24577],HA=[0,0,0,0,1,1,2,2,3,3,4,4,5,5,6,6,7,7,8,8,9,9,10,10,11,11,12,12,13,13],_n=15;function qf(){const i=this;let u,c,f,r,o,h;function v(A,x,T,D,X,q,p,E,b,R,N){let V,F,H,j,Y,z,I,k,nt,P,st,ut,M,_,$;P=0,Y=T;do f[A[x+P]]++,P++,Y--;while(Y!==0);if(f[0]==T)return p[0]=-1,E[0]=0,bt;for(k=E[0],z=1;z<=_n&&f[z]===0;z++);for(I=z,k<z&&(k=z),Y=_n;Y!==0&&f[Y]===0;Y--);for(H=Y,k>Y&&(k=Y),E[0]=k,_=1<<z;z<Y;z++,_<<=1)if((_-=f[z])<0)return Ut;if((_-=f[Y])<0)return Ut;for(f[Y]+=_,h[1]=z=0,P=1,M=2;--Y!==0;)h[M]=z+=f[P],M++,P++;Y=0,P=0;do(z=A[x+P])!==0&&(N[h[z]++]=Y),P++;while(++Y<T);for(T=h[H],h[0]=Y=0,P=0,j=-1,ut=-k,o[0]=0,st=0,$=0;I<=H;I++)for(V=f[I];V--!==0;){for(;I>ut+k;){if(j++,ut+=k,$=H-ut,$=$>k?k:$,(F=1<<(z=I-ut))>V+1&&(F-=V+1,M=I,z<$))for(;++z<$&&!((F<<=1)<=f[++M]);)F-=f[M];if($=1<<z,R[0]+$>w2)return Ut;o[j]=st=R[0],R[0]+=$,j!==0?(h[j]=Y,r[0]=z,r[1]=k,z=Y>>>ut-k,r[2]=st-o[j-1]-z,b.set(r,(o[j-1]+z)*3)):p[0]=st}for(r[1]=I-ut,P>=T?r[0]=192:N[P]<D?(r[0]=N[P]<256?0:96,r[2]=N[P++]):(r[0]=q[N[P]-D]+16+64,r[2]=X[N[P++]-D]),F=1<<I-ut,z=Y>>>ut;z<$;z+=F)b.set(r,(st+z)*3);for(z=1<<I-1;(Y&z)!==0;z>>>=1)Y^=z;for(Y^=z,nt=(1<<ut)-1;(Y&nt)!=h[j];)j--,ut-=k,nt=(1<<ut)-1}return _!==0&&H!=1?pn:bt}function y(A){let x;for(u||(u=[],c=[],f=new Int32Array(_n+1),r=[],o=new Int32Array(_n),h=new Int32Array(_n+1)),c.length<A&&(c=[]),x=0;x<A;x++)c[x]=0;for(x=0;x<_n+1;x++)f[x]=0;for(x=0;x<3;x++)r[x]=0;o.set(f.subarray(0,_n),0),h.set(f.subarray(0,_n+1),0)}i.inflate_trees_bits=function(A,x,T,D,X){let q;return y(19),u[0]=0,q=v(A,0,19,19,null,null,T,x,D,u,c),q==Ut?X.msg="oversubscribed dynamic bit lengths tree":(q==pn||x[0]===0)&&(X.msg="incomplete dynamic bit lengths tree",q=Ut),q},i.inflate_trees_dynamic=function(A,x,T,D,X,q,p,E,b){let R;return y(288),u[0]=0,R=v(T,0,A,257,MA,jA,q,D,E,u,c),R!=bt||D[0]===0?(R==Ut?b.msg="oversubscribed literal/length tree":R!=p1&&(b.msg="incomplete literal/length tree",R=Ut),R):(y(288),R=v(T,A,x,0,NA,HA,p,X,E,u,c),R!=bt||X[0]===0&&A>257?(R==Ut?b.msg="oversubscribed distance tree":R==pn?(b.msg="incomplete distance tree",R=Ut):R!=p1&&(b.msg="empty distance tree with lengths",R=Ut),R):bt)}}qf.inflate_trees_fixed=function(i,u,c,f){return i[0]=OA,u[0]=DA,c[0]=RA,f[0]=wA,bt};const Fu=0,x1=1,b1=2,S1=3,T1=4,C1=5,O1=6,Df=7,D1=8,Wu=9;function BA(){const i=this;let u,c=0,f,r=0,o=0,h=0,v=0,y=0,A=0,x=0,T,D=0,X,q=0;function p(E,b,R,N,V,F,H,j){let Y,z,I,k,nt,P,st,ut,M,_,$,ht,tt,C,L,W;st=j.next_in_index,ut=j.avail_in,nt=H.bitb,P=H.bitk,M=H.write,_=M<H.read?H.read-M-1:H.end-M,$=Me[E],ht=Me[b];do{for(;P<20;)ut--,nt|=(j.read_byte(st++)&255)<<P,P+=8;if(Y=nt&$,z=R,I=N,W=(I+Y)*3,(k=z[W])===0){nt>>=z[W+1],P-=z[W+1],H.win[M++]=z[W+2],_--;continue}do{if(nt>>=z[W+1],P-=z[W+1],(k&16)!==0){for(k&=15,tt=z[W+2]+(nt&Me[k]),nt>>=k,P-=k;P<15;)ut--,nt|=(j.read_byte(st++)&255)<<P,P+=8;Y=nt&ht,z=V,I=F,W=(I+Y)*3,k=z[W];do if(nt>>=z[W+1],P-=z[W+1],(k&16)!==0){for(k&=15;P<k;)ut--,nt|=(j.read_byte(st++)&255)<<P,P+=8;if(C=z[W+2]+(nt&Me[k]),nt>>=k,P-=k,_-=tt,M>=C)L=M-C,M-L>0&&2>M-L?(H.win[M++]=H.win[L++],H.win[M++]=H.win[L++],tt-=2):(H.win.set(H.win.subarray(L,L+2),M),M+=2,L+=2,tt-=2);else{L=M-C;do L+=H.end;while(L<0);if(k=H.end-L,tt>k){if(tt-=k,M-L>0&&k>M-L)do H.win[M++]=H.win[L++];while(--k!==0);else H.win.set(H.win.subarray(L,L+k),M),M+=k,L+=k,k=0;L=0}}if(M-L>0&&tt>M-L)do H.win[M++]=H.win[L++];while(--tt!==0);else H.win.set(H.win.subarray(L,L+tt),M),M+=tt,L+=tt,tt=0;break}else if((k&64)===0)Y+=z[W+2],Y+=nt&Me[k],W=(I+Y)*3,k=z[W];else return j.msg="invalid distance code",tt=j.avail_in-ut,tt=P>>3<tt?P>>3:tt,ut+=tt,st-=tt,P-=tt<<3,H.bitb=nt,H.bitk=P,j.avail_in=ut,j.total_in+=st-j.next_in_index,j.next_in_index=st,H.write=M,Ut;while(!0);break}if((k&64)===0){if(Y+=z[W+2],Y+=nt&Me[k],W=(I+Y)*3,(k=z[W])===0){nt>>=z[W+1],P-=z[W+1],H.win[M++]=z[W+2],_--;break}}else return(k&32)!==0?(tt=j.avail_in-ut,tt=P>>3<tt?P>>3:tt,ut+=tt,st-=tt,P-=tt<<3,H.bitb=nt,H.bitk=P,j.avail_in=ut,j.total_in+=st-j.next_in_index,j.next_in_index=st,H.write=M,En):(j.msg="invalid literal/length code",tt=j.avail_in-ut,tt=P>>3<tt?P>>3:tt,ut+=tt,st-=tt,P-=tt<<3,H.bitb=nt,H.bitk=P,j.avail_in=ut,j.total_in+=st-j.next_in_index,j.next_in_index=st,H.write=M,Ut)}while(!0)}while(_>=258&&ut>=10);return tt=j.avail_in-ut,tt=P>>3<tt?P>>3:tt,ut+=tt,st-=tt,P-=tt<<3,H.bitb=nt,H.bitk=P,j.avail_in=ut,j.total_in+=st-j.next_in_index,j.next_in_index=st,H.write=M,bt}i.init=function(E,b,R,N,V,F){u=Fu,A=E,x=b,T=R,D=N,X=V,q=F,f=null},i.proc=function(E,b,R){let N,V,F,H=0,j=0,Y=0,z,I,k,nt;for(Y=b.next_in_index,z=b.avail_in,H=E.bitb,j=E.bitk,I=E.write,k=I<E.read?E.read-I-1:E.end-I;;)switch(u){case Fu:if(k>=258&&z>=10&&(E.bitb=H,E.bitk=j,b.avail_in=z,b.total_in+=Y-b.next_in_index,b.next_in_index=Y,E.write=I,R=p(A,x,T,D,X,q,E,b),Y=b.next_in_index,z=b.avail_in,H=E.bitb,j=E.bitk,I=E.write,k=I<E.read?E.read-I-1:E.end-I,R!=bt)){u=R==En?Df:Wu;break}o=A,f=T,r=D,u=x1;case x1:for(N=o;j<N;){if(z!==0)R=bt;else return E.bitb=H,E.bitk=j,b.avail_in=z,b.total_in+=Y-b.next_in_index,b.next_in_index=Y,E.write=I,E.inflate_flush(b,R);z--,H|=(b.read_byte(Y++)&255)<<j,j+=8}if(V=(r+(H&Me[N]))*3,H>>>=f[V+1],j-=f[V+1],F=f[V],F===0){h=f[V+2],u=O1;break}if((F&16)!==0){v=F&15,c=f[V+2],u=b1;break}if((F&64)===0){o=F,r=V/3+f[V+2];break}if((F&32)!==0){u=Df;break}return u=Wu,b.msg="invalid literal/length code",R=Ut,E.bitb=H,E.bitk=j,b.avail_in=z,b.total_in+=Y-b.next_in_index,b.next_in_index=Y,E.write=I,E.inflate_flush(b,R);case b1:for(N=v;j<N;){if(z!==0)R=bt;else return E.bitb=H,E.bitk=j,b.avail_in=z,b.total_in+=Y-b.next_in_index,b.next_in_index=Y,E.write=I,E.inflate_flush(b,R);z--,H|=(b.read_byte(Y++)&255)<<j,j+=8}c+=H&Me[N],H>>=N,j-=N,o=x,f=X,r=q,u=S1;case S1:for(N=o;j<N;){if(z!==0)R=bt;else return E.bitb=H,E.bitk=j,b.avail_in=z,b.total_in+=Y-b.next_in_index,b.next_in_index=Y,E.write=I,E.inflate_flush(b,R);z--,H|=(b.read_byte(Y++)&255)<<j,j+=8}if(V=(r+(H&Me[N]))*3,H>>=f[V+1],j-=f[V+1],F=f[V],(F&16)!==0){v=F&15,y=f[V+2],u=T1;break}if((F&64)===0){o=F,r=V/3+f[V+2];break}return u=Wu,b.msg="invalid distance code",R=Ut,E.bitb=H,E.bitk=j,b.avail_in=z,b.total_in+=Y-b.next_in_index,b.next_in_index=Y,E.write=I,E.inflate_flush(b,R);case T1:for(N=v;j<N;){if(z!==0)R=bt;else return E.bitb=H,E.bitk=j,b.avail_in=z,b.total_in+=Y-b.next_in_index,b.next_in_index=Y,E.write=I,E.inflate_flush(b,R);z--,H|=(b.read_byte(Y++)&255)<<j,j+=8}y+=H&Me[N],H>>=N,j-=N,u=C1;case C1:for(nt=I-y;nt<0;)nt+=E.end;for(;c!==0;){if(k===0&&(I==E.end&&E.read!==0&&(I=0,k=I<E.read?E.read-I-1:E.end-I),k===0&&(E.write=I,R=E.inflate_flush(b,R),I=E.write,k=I<E.read?E.read-I-1:E.end-I,I==E.end&&E.read!==0&&(I=0,k=I<E.read?E.read-I-1:E.end-I),k===0)))return E.bitb=H,E.bitk=j,b.avail_in=z,b.total_in+=Y-b.next_in_index,b.next_in_index=Y,E.write=I,E.inflate_flush(b,R);E.win[I++]=E.win[nt++],k--,nt==E.end&&(nt=0),c--}u=Fu;break;case O1:if(k===0&&(I==E.end&&E.read!==0&&(I=0,k=I<E.read?E.read-I-1:E.end-I),k===0&&(E.write=I,R=E.inflate_flush(b,R),I=E.write,k=I<E.read?E.read-I-1:E.end-I,I==E.end&&E.read!==0&&(I=0,k=I<E.read?E.read-I-1:E.end-I),k===0)))return E.bitb=H,E.bitk=j,b.avail_in=z,b.total_in+=Y-b.next_in_index,b.next_in_index=Y,E.write=I,E.inflate_flush(b,R);R=bt,E.win[I++]=h,k--,u=Fu;break;case Df:if(j>7&&(j-=8,z++,Y--),E.write=I,R=E.inflate_flush(b,R),I=E.write,k=I<E.read?E.read-I-1:E.end-I,E.read!=E.write)return E.bitb=H,E.bitk=j,b.avail_in=z,b.total_in+=Y-b.next_in_index,b.next_in_index=Y,E.write=I,E.inflate_flush(b,R);u=D1;case D1:return R=En,E.bitb=H,E.bitk=j,b.avail_in=z,b.total_in+=Y-b.next_in_index,b.next_in_index=Y,E.write=I,E.inflate_flush(b,R);case Wu:return R=Ut,E.bitb=H,E.bitk=j,b.avail_in=z,b.total_in+=Y-b.next_in_index,b.next_in_index=Y,E.write=I,E.inflate_flush(b,R);default:return R=ye,E.bitb=H,E.bitk=j,b.avail_in=z,b.total_in+=Y-b.next_in_index,b.next_in_index=Y,E.write=I,E.inflate_flush(b,R)}},i.free=function(){}}const R1=[16,17,18,0,8,7,9,6,10,5,11,4,12,3,13,2,14,1,15],ya=0,Rf=1,w1=2,M1=3,j1=4,N1=5,_u=6,Pu=7,H1=8,Cl=9;function UA(i,u){const c=this;let f=ya,r=0,o=0,h=0,v;const y=[0],A=[0],x=new BA;let T=0,D=new Int32Array(w2*3);const X=0,q=new qf;c.bitk=0,c.bitb=0,c.win=new Uint8Array(u),c.end=u,c.read=0,c.write=0,c.reset=function(p,E){E&&(E[0]=X),f==_u&&x.free(p),f=ya,c.bitk=0,c.bitb=0,c.read=c.write=0},c.reset(i,null),c.inflate_flush=function(p,E){let b,R,N;return R=p.next_out_index,N=c.read,b=(N<=c.write?c.write:c.end)-N,b>p.avail_out&&(b=p.avail_out),b!==0&&E==pn&&(E=bt),p.avail_out-=b,p.total_out+=b,p.next_out.set(c.win.subarray(N,N+b),R),R+=b,N+=b,N==c.end&&(N=0,c.write==c.end&&(c.write=0),b=c.write-N,b>p.avail_out&&(b=p.avail_out),b!==0&&E==pn&&(E=bt),p.avail_out-=b,p.total_out+=b,p.next_out.set(c.win.subarray(N,N+b),R),R+=b,N+=b),p.next_out_index=R,c.read=N,E},c.proc=function(p,E){let b,R,N,V,F,H,j,Y;for(V=p.next_in_index,F=p.avail_in,R=c.bitb,N=c.bitk,H=c.write,j=H<c.read?c.read-H-1:c.end-H;;){let z,I,k,nt,P,st,ut,M;switch(f){case ya:for(;N<3;){if(F!==0)E=bt;else return c.bitb=R,c.bitk=N,p.avail_in=F,p.total_in+=V-p.next_in_index,p.next_in_index=V,c.write=H,c.inflate_flush(p,E);F--,R|=(p.read_byte(V++)&255)<<N,N+=8}switch(b=R&7,T=b&1,b>>>1){case 0:R>>>=3,N-=3,b=N&7,R>>>=b,N-=b,f=Rf;break;case 1:z=[],I=[],k=[[]],nt=[[]],qf.inflate_trees_fixed(z,I,k,nt),x.init(z[0],I[0],k[0],0,nt[0],0),R>>>=3,N-=3,f=_u;break;case 2:R>>>=3,N-=3,f=M1;break;case 3:return R>>>=3,N-=3,f=Cl,p.msg="invalid block type",E=Ut,c.bitb=R,c.bitk=N,p.avail_in=F,p.total_in+=V-p.next_in_index,p.next_in_index=V,c.write=H,c.inflate_flush(p,E)}break;case Rf:for(;N<32;){if(F!==0)E=bt;else return c.bitb=R,c.bitk=N,p.avail_in=F,p.total_in+=V-p.next_in_index,p.next_in_index=V,c.write=H,c.inflate_flush(p,E);F--,R|=(p.read_byte(V++)&255)<<N,N+=8}if((~R>>>16&65535)!=(R&65535))return f=Cl,p.msg="invalid stored block lengths",E=Ut,c.bitb=R,c.bitk=N,p.avail_in=F,p.total_in+=V-p.next_in_index,p.next_in_index=V,c.write=H,c.inflate_flush(p,E);r=R&65535,R=N=0,f=r!==0?w1:T!==0?Pu:ya;break;case w1:if(F===0||j===0&&(H==c.end&&c.read!==0&&(H=0,j=H<c.read?c.read-H-1:c.end-H),j===0&&(c.write=H,E=c.inflate_flush(p,E),H=c.write,j=H<c.read?c.read-H-1:c.end-H,H==c.end&&c.read!==0&&(H=0,j=H<c.read?c.read-H-1:c.end-H),j===0)))return c.bitb=R,c.bitk=N,p.avail_in=F,p.total_in+=V-p.next_in_index,p.next_in_index=V,c.write=H,c.inflate_flush(p,E);if(E=bt,b=r,b>F&&(b=F),b>j&&(b=j),c.win.set(p.read_buf(V,b),H),V+=b,F-=b,H+=b,j-=b,(r-=b)!==0)break;f=T!==0?Pu:ya;break;case M1:for(;N<14;){if(F!==0)E=bt;else return c.bitb=R,c.bitk=N,p.avail_in=F,p.total_in+=V-p.next_in_index,p.next_in_index=V,c.write=H,c.inflate_flush(p,E);F--,R|=(p.read_byte(V++)&255)<<N,N+=8}if(o=b=R&16383,(b&31)>29||(b>>5&31)>29)return f=Cl,p.msg="too many length or distance symbols",E=Ut,c.bitb=R,c.bitk=N,p.avail_in=F,p.total_in+=V-p.next_in_index,p.next_in_index=V,c.write=H,c.inflate_flush(p,E);if(b=258+(b&31)+(b>>5&31),!v||v.length<b)v=[];else for(Y=0;Y<b;Y++)v[Y]=0;R>>>=14,N-=14,h=0,f=j1;case j1:for(;h<4+(o>>>10);){for(;N<3;){if(F!==0)E=bt;else return c.bitb=R,c.bitk=N,p.avail_in=F,p.total_in+=V-p.next_in_index,p.next_in_index=V,c.write=H,c.inflate_flush(p,E);F--,R|=(p.read_byte(V++)&255)<<N,N+=8}v[R1[h++]]=R&7,R>>>=3,N-=3}for(;h<19;)v[R1[h++]]=0;if(y[0]=7,b=q.inflate_trees_bits(v,y,A,D,p),b!=bt)return E=b,E==Ut&&(v=null,f=Cl),c.bitb=R,c.bitk=N,p.avail_in=F,p.total_in+=V-p.next_in_index,p.next_in_index=V,c.write=H,c.inflate_flush(p,E);h=0,f=N1;case N1:for(;b=o,!(h>=258+(b&31)+(b>>5&31));){let _,$;for(b=y[0];N<b;){if(F!==0)E=bt;else return c.bitb=R,c.bitk=N,p.avail_in=F,p.total_in+=V-p.next_in_index,p.next_in_index=V,c.write=H,c.inflate_flush(p,E);F--,R|=(p.read_byte(V++)&255)<<N,N+=8}if(b=D[(A[0]+(R&Me[b]))*3+1],$=D[(A[0]+(R&Me[b]))*3+2],$<16)R>>>=b,N-=b,v[h++]=$;else{for(Y=$==18?7:$-14,_=$==18?11:3;N<b+Y;){if(F!==0)E=bt;else return c.bitb=R,c.bitk=N,p.avail_in=F,p.total_in+=V-p.next_in_index,p.next_in_index=V,c.write=H,c.inflate_flush(p,E);F--,R|=(p.read_byte(V++)&255)<<N,N+=8}if(R>>>=b,N-=b,_+=R&Me[Y],R>>>=Y,N-=Y,Y=h,b=o,Y+_>258+(b&31)+(b>>5&31)||$==16&&Y<1)return v=null,f=Cl,p.msg="invalid bit length repeat",E=Ut,c.bitb=R,c.bitk=N,p.avail_in=F,p.total_in+=V-p.next_in_index,p.next_in_index=V,c.write=H,c.inflate_flush(p,E);$=$==16?v[Y-1]:0;do v[Y++]=$;while(--_!==0);h=Y}}if(A[0]=-1,P=[],st=[],ut=[],M=[],P[0]=9,st[0]=6,b=o,b=q.inflate_trees_dynamic(257+(b&31),1+(b>>5&31),v,P,st,ut,M,D,p),b!=bt)return b==Ut&&(v=null,f=Cl),E=b,c.bitb=R,c.bitk=N,p.avail_in=F,p.total_in+=V-p.next_in_index,p.next_in_index=V,c.write=H,c.inflate_flush(p,E);x.init(P[0],st[0],D,ut[0],D,M[0]),f=_u;case _u:if(c.bitb=R,c.bitk=N,p.avail_in=F,p.total_in+=V-p.next_in_index,p.next_in_index=V,c.write=H,(E=x.proc(c,p,E))!=En)return c.inflate_flush(p,E);if(E=bt,x.free(p),V=p.next_in_index,F=p.avail_in,R=c.bitb,N=c.bitk,H=c.write,j=H<c.read?c.read-H-1:c.end-H,T===0){f=ya;break}f=Pu;case Pu:if(c.write=H,E=c.inflate_flush(p,E),H=c.write,j=H<c.read?c.read-H-1:c.end-H,c.read!=c.write)return c.bitb=R,c.bitk=N,p.avail_in=F,p.total_in+=V-p.next_in_index,p.next_in_index=V,c.write=H,c.inflate_flush(p,E);f=H1;case H1:return E=En,c.bitb=R,c.bitk=N,p.avail_in=F,p.total_in+=V-p.next_in_index,p.next_in_index=V,c.write=H,c.inflate_flush(p,E);case Cl:return E=Ut,c.bitb=R,c.bitk=N,p.avail_in=F,p.total_in+=V-p.next_in_index,p.next_in_index=V,c.write=H,c.inflate_flush(p,E);default:return E=ye,c.bitb=R,c.bitk=N,p.avail_in=F,p.total_in+=V-p.next_in_index,p.next_in_index=V,c.write=H,c.inflate_flush(p,E)}}},c.free=function(p){c.reset(p,null),c.win=null,D=null},c.set_dictionary=function(p,E,b){c.win.set(p.subarray(E,E+b),0),c.read=c.write=b},c.sync_point=function(){return f==Rf?1:0}}const QA=32,zA=8,YA=0,B1=1,U1=2,Q1=3,z1=4,Y1=5,wf=6,yi=7,L1=12,Pn=13,LA=[0,0,255,255];function GA(){const i=this;i.mode=0,i.method=0,i.was=[0],i.need=0,i.marker=0,i.wbits=0;function u(c){return!c||!c.istate?ye:(c.total_in=c.total_out=0,c.msg=null,c.istate.mode=yi,c.istate.blocks.reset(c,null),bt)}i.inflateEnd=function(c){return i.blocks&&i.blocks.free(c),i.blocks=null,bt},i.inflateInit=function(c,f){return c.msg=null,i.blocks=null,f<8||f>15?(i.inflateEnd(c),ye):(i.wbits=f,c.istate.blocks=new UA(c,1<<f),u(c),bt)},i.inflate=function(c,f){let r,o;if(!c||!c.istate||!c.next_in)return ye;const h=c.istate;for(f=f==CA?pn:bt,r=pn;;)switch(h.mode){case YA:if(c.avail_in===0)return r;if(r=f,c.avail_in--,c.total_in++,((h.method=c.read_byte(c.next_in_index++))&15)!=zA){h.mode=Pn,c.msg="unknown compression method",h.marker=5;break}if((h.method>>4)+8>h.wbits){h.mode=Pn,c.msg="invalid win size",h.marker=5;break}h.mode=B1;case B1:if(c.avail_in===0)return r;if(r=f,c.avail_in--,c.total_in++,o=c.read_byte(c.next_in_index++)&255,((h.method<<8)+o)%31!==0){h.mode=Pn,c.msg="incorrect header check",h.marker=5;break}if((o&QA)===0){h.mode=yi;break}h.mode=U1;case U1:if(c.avail_in===0)return r;r=f,c.avail_in--,c.total_in++,h.need=(c.read_byte(c.next_in_index++)&255)<<24&4278190080,h.mode=Q1;case Q1:if(c.avail_in===0)return r;r=f,c.avail_in--,c.total_in++,h.need+=(c.read_byte(c.next_in_index++)&255)<<16&16711680,h.mode=z1;case z1:if(c.avail_in===0)return r;r=f,c.avail_in--,c.total_in++,h.need+=(c.read_byte(c.next_in_index++)&255)<<8&65280,h.mode=Y1;case Y1:return c.avail_in===0?r:(r=f,c.avail_in--,c.total_in++,h.need+=c.read_byte(c.next_in_index++)&255,h.mode=wf,SA);case wf:return h.mode=Pn,c.msg="need dictionary",h.marker=0,ye;case yi:if(r=h.blocks.proc(c,r),r==Ut){h.mode=Pn,h.marker=0;break}if(r==bt&&(r=f),r!=En)return r;r=f,h.blocks.reset(c,h.was),h.mode=L1;case L1:return c.avail_in=0,En;case Pn:return Ut;default:return ye}},i.inflateSetDictionary=function(c,f,r){let o=0,h=r;if(!c||!c.istate||c.istate.mode!=wf)return ye;const v=c.istate;return h>=1<<v.wbits&&(h=(1<<v.wbits)-1,o=r-h),v.blocks.set_dictionary(f,o,h),v.mode=yi,bt},i.inflateSync=function(c){let f,r,o,h,v;if(!c||!c.istate)return ye;const y=c.istate;if(y.mode!=Pn&&(y.mode=Pn,y.marker=0),(f=c.avail_in)===0)return pn;for(r=c.next_in_index,o=y.marker;f!==0&&o<4;)c.read_byte(r)==LA[o]?o++:c.read_byte(r)!==0?o=0:o=4-o,r++,f--;return c.total_in+=r-c.next_in_index,c.next_in_index=r,c.avail_in=f,y.marker=o,o!=4?Ut:(h=c.total_in,v=c.total_out,u(c),c.total_in=h,c.total_out=v,y.mode=yi,bt)},i.inflateSyncPoint=function(c){return!c||!c.istate||!c.istate.blocks?ye:c.istate.blocks.sync_point()}}function M2(){}M2.prototype={inflateInit(i){const u=this;return u.istate=new GA,i||(i=bA),u.istate.inflateInit(u,i)},inflate(i){const u=this;return u.istate?u.istate.inflate(u,i):ye},inflateEnd(){const i=this;if(!i.istate)return ye;const u=i.istate.inflateEnd(i);return i.istate=null,u},inflateSync(){const i=this;return i.istate?i.istate.inflateSync(i):ye},inflateSetDictionary(i,u){const c=this;return c.istate?c.istate.inflateSetDictionary(c,i,u):ye},read_byte(i){return this.next_in[i]},read_buf(i,u){return this.next_in.subarray(i,i+u)}};function XA(i){const u=this,c=new M2,f=i&&i.chunkSize?Math.floor(i.chunkSize*2):128*1024,r=TA,o=new Uint8Array(f);let h=!1;c.inflateInit(),c.next_out=o,u.append=function(v,y){const A=[];let x,T,D=0,X=0,q=0;if(v.length!==0){c.next_in_index=0,c.next_in=v,c.avail_in=v.length;do{if(c.next_out_index=0,c.avail_out=f,c.avail_in===0&&!h&&(c.next_in_index=0,h=!0),x=c.inflate(r),h&&x===pn){if(c.avail_in!==0)throw new Error("inflating: bad input")}else if(x!==bt&&x!==En)throw new Error("inflating: "+c.msg);if((h||x===En)&&c.avail_in===v.length)throw new Error("inflating: bad input");c.next_out_index&&(c.next_out_index===f?A.push(new Uint8Array(o)):A.push(o.subarray(0,c.next_out_index))),q+=c.next_out_index,y&&c.next_in_index>0&&c.next_in_index!=D&&(y(c.next_in_index),D=c.next_in_index)}while(c.avail_in>0||c.avail_out===0);return A.length>1?(T=new Uint8Array(q),A.forEach(function(p){T.set(p,X),X+=p.length})):T=A[0]?new Uint8Array(A[0]):new Uint8Array,T}},u.flush=function(){c.inflateEnd()}}const Rl=4294967295,el=65535,VA=8,ZA=0,IA=99,qA=67324752,j2=134695760,KA=j2,G1=33639248,kA=101010256,X1=101075792,JA=117853008,Ea=22,Mf=20,jf=56,FA=12,WA=20,V1=4,_A=1,PA=39169,$A=10,t5=1,e5=21589,n5=28789,l5=25461,a5=6534,Z1=1,i5=6,I1=8,q1=2048,K1=16,u5=61440,c5=16384,s5=73,k1="/",Nf=30,f5=10,r5=14,o5=18,$t=void 0,al="undefined",Ri="function";class J1{constructor(u){return class extends TransformStream{constructor(c,f){const r=new u(f);super({transform(o,h){h.enqueue(r.append(o))},flush(o){const h=r.flush();h&&o.enqueue(h)}})}}}}const d5=64;let N2=2;try{typeof navigator!=al&&navigator.hardwareConcurrency&&(N2=navigator.hardwareConcurrency)}catch{}const h5={chunkSize:512*1024,maxWorkers:N2,terminateWorkerTimeout:5e3,useWebWorkers:!0,useCompressionStream:!0,workerScripts:$t,CompressionStreamNative:typeof CompressionStream!=al&&CompressionStream,DecompressionStreamNative:typeof DecompressionStream!=al&&DecompressionStream},nl=Object.assign({},h5);function m5(){return nl}function g5(i){return Math.max(i.chunkSize,d5)}function H2(i){const{baseURL:u,chunkSize:c,maxWorkers:f,terminateWorkerTimeout:r,useCompressionStream:o,useWebWorkers:h,Deflate:v,Inflate:y,CompressionStream:A,DecompressionStream:x,workerScripts:T}=i;if($n("baseURL",u),$n("chunkSize",c),$n("maxWorkers",f),$n("terminateWorkerTimeout",r),$n("useCompressionStream",o),$n("useWebWorkers",h),v&&(nl.CompressionStream=new J1(v)),y&&(nl.DecompressionStream=new J1(y)),$n("CompressionStream",A),$n("DecompressionStream",x),T!==$t){const{deflate:D,inflate:X}=T;if((D||X)&&(nl.workerScripts||(nl.workerScripts={})),D){if(!Array.isArray(D))throw new Error("workerScripts.deflate must be an array");nl.workerScripts.deflate=D}if(X){if(!Array.isArray(X))throw new Error("workerScripts.inflate must be an array");nl.workerScripts.inflate=X}}}function $n(i,u){u!==$t&&(nl[i]=u)}const B2=[];for(let i=0;i<256;i++){let u=i;for(let c=0;c<8;c++)u&1?u=u>>>1^3988292384:u=u>>>1;B2[i]=u}class ac{constructor(u){this.crc=u||-1}append(u){let c=this.crc|0;for(let f=0,r=u.length|0;f<r;f++)c=c>>>8^B2[(c^u[f])&255];this.crc=c}get(){return~this.crc}}class U2 extends TransformStream{constructor(){let u;const c=new ac;super({transform(f,r){c.append(f),r.enqueue(f)},flush(){const f=new Uint8Array(4);new DataView(f.buffer).setUint32(0,c.get()),u.value=f}}),u=this}}function A5(i){if(typeof TextEncoder==al){i=unescape(encodeURIComponent(i));const u=new Uint8Array(i.length);for(let c=0;c<u.length;c++)u[c]=i.charCodeAt(c);return u}else return new TextEncoder().encode(i)}const re={concat(i,u){if(i.length===0||u.length===0)return i.concat(u);const c=i[i.length-1],f=re.getPartial(c);return f===32?i.concat(u):re._shiftRight(u,f,c|0,i.slice(0,i.length-1))},bitLength(i){const u=i.length;if(u===0)return 0;const c=i[u-1];return(u-1)*32+re.getPartial(c)},clamp(i,u){if(i.length*32<u)return i;i=i.slice(0,Math.ceil(u/32));const c=i.length;return u=u&31,c>0&&u&&(i[c-1]=re.partial(u,i[c-1]&2147483648>>u-1,1)),i},partial(i,u,c){return i===32?u:(c?u|0:u<<32-i)+i*1099511627776},getPartial(i){return Math.round(i/1099511627776)||32},_shiftRight(i,u,c,f){for(f===void 0&&(f=[]);u>=32;u-=32)f.push(c),c=0;if(u===0)return f.concat(i);for(let h=0;h<i.length;h++)f.push(c|i[h]>>>u),c=i[h]<<32-u;const r=i.length?i[i.length-1]:0,o=re.getPartial(r);return f.push(re.partial(u+o&31,u+o>32?c:f.pop(),1)),f}},ic={bytes:{fromBits(i){const c=re.bitLength(i)/8,f=new Uint8Array(c);let r;for(let o=0;o<c;o++)(o&3)===0&&(r=i[o/4]),f[o]=r>>>24,r<<=8;return f},toBits(i){const u=[];let c,f=0;for(c=0;c<i.length;c++)f=f<<8|i[c],(c&3)===3&&(u.push(f),f=0);return c&3&&u.push(re.partial(8*(c&3),f)),u}}},Q2={};Q2.sha1=class{constructor(i){const u=this;u.blockSize=512,u._init=[1732584193,4023233417,2562383102,271733878,3285377520],u._key=[1518500249,1859775393,2400959708,3395469782],i?(u._h=i._h.slice(0),u._buffer=i._buffer.slice(0),u._length=i._length):u.reset()}reset(){const i=this;return i._h=i._init.slice(0),i._buffer=[],i._length=0,i}update(i){const u=this;typeof i=="string"&&(i=ic.utf8String.toBits(i));const c=u._buffer=re.concat(u._buffer,i),f=u._length,r=u._length=f+re.bitLength(i);if(r>9007199254740991)throw new Error("Cannot hash more than 2^53 - 1 bits");const o=new Uint32Array(c);let h=0;for(let v=u.blockSize+f-(u.blockSize+f&u.blockSize-1);v<=r;v+=u.blockSize)u._block(o.subarray(16*h,16*(h+1))),h+=1;return c.splice(0,16*h),u}finalize(){const i=this;let u=i._buffer;const c=i._h;u=re.concat(u,[re.partial(1,1)]);for(let f=u.length+2;f&15;f++)u.push(0);for(u.push(Math.floor(i._length/4294967296)),u.push(i._length|0);u.length;)i._block(u.splice(0,16));return i.reset(),c}_f(i,u,c,f){if(i<=19)return u&c|~u&f;if(i<=39)return u^c^f;if(i<=59)return u&c|u&f|c&f;if(i<=79)return u^c^f}_S(i,u){return u<<i|u>>>32-i}_block(i){const u=this,c=u._h,f=Array(80);for(let A=0;A<16;A++)f[A]=i[A];let r=c[0],o=c[1],h=c[2],v=c[3],y=c[4];for(let A=0;A<=79;A++){A>=16&&(f[A]=u._S(1,f[A-3]^f[A-8]^f[A-14]^f[A-16]));const x=u._S(5,r)+u._f(A,o,h,v)+y+f[A]+u._key[Math.floor(A/20)]|0;y=v,v=h,h=u._S(30,o),o=r,r=x}c[0]=c[0]+r|0,c[1]=c[1]+o|0,c[2]=c[2]+h|0,c[3]=c[3]+v|0,c[4]=c[4]+y|0}};const z2={};z2.aes=class{constructor(i){const u=this;u._tables=[[[],[],[],[],[]],[[],[],[],[],[]]],u._tables[0][0][0]||u._precompute();const c=u._tables[0][4],f=u._tables[1],r=i.length;let o,h,v,y=1;if(r!==4&&r!==6&&r!==8)throw new Error("invalid aes key size");for(u._key=[h=i.slice(0),v=[]],o=r;o<4*r+28;o++){let A=h[o-1];(o%r===0||r===8&&o%r===4)&&(A=c[A>>>24]<<24^c[A>>16&255]<<16^c[A>>8&255]<<8^c[A&255],o%r===0&&(A=A<<8^A>>>24^y<<24,y=y<<1^(y>>7)*283)),h[o]=h[o-r]^A}for(let A=0;o;A++,o--){const x=h[A&3?o:o-4];o<=4||A<4?v[A]=x:v[A]=f[0][c[x>>>24]]^f[1][c[x>>16&255]]^f[2][c[x>>8&255]]^f[3][c[x&255]]}}encrypt(i){return this._crypt(i,0)}decrypt(i){return this._crypt(i,1)}_precompute(){const i=this._tables[0],u=this._tables[1],c=i[4],f=u[4],r=[],o=[];let h,v,y,A;for(let x=0;x<256;x++)o[(r[x]=x<<1^(x>>7)*283)^x]=x;for(let x=h=0;!c[x];x^=v||1,h=o[h]||1){let T=h^h<<1^h<<2^h<<3^h<<4;T=T>>8^T&255^99,c[x]=T,f[T]=x,A=r[y=r[v=r[x]]];let D=A*16843009^y*65537^v*257^x*16843008,X=r[T]*257^T*16843008;for(let q=0;q<4;q++)i[q][x]=X=X<<24^X>>>8,u[q][T]=D=D<<24^D>>>8}for(let x=0;x<5;x++)i[x]=i[x].slice(0),u[x]=u[x].slice(0)}_crypt(i,u){if(i.length!==4)throw new Error("invalid aes block size");const c=this._key[u],f=c.length/4-2,r=[0,0,0,0],o=this._tables[u],h=o[0],v=o[1],y=o[2],A=o[3],x=o[4];let T=i[0]^c[0],D=i[u?3:1]^c[1],X=i[2]^c[2],q=i[u?1:3]^c[3],p=4,E,b,R;for(let N=0;N<f;N++)E=h[T>>>24]^v[D>>16&255]^y[X>>8&255]^A[q&255]^c[p],b=h[D>>>24]^v[X>>16&255]^y[q>>8&255]^A[T&255]^c[p+1],R=h[X>>>24]^v[q>>16&255]^y[T>>8&255]^A[D&255]^c[p+2],q=h[q>>>24]^v[T>>16&255]^y[D>>8&255]^A[X&255]^c[p+3],p+=4,T=E,D=b,X=R;for(let N=0;N<4;N++)r[u?3&-N:N]=x[T>>>24]<<24^x[D>>16&255]<<16^x[X>>8&255]<<8^x[q&255]^c[p++],E=T,T=D,D=X,X=q,q=E;return r}};const v5={getRandomValues(i){const u=new Uint32Array(i.buffer),c=f=>{let r=987654321;const o=4294967295;return function(){return r=36969*(r&65535)+(r>>16)&o,f=18e3*(f&65535)+(f>>16)&o,(((r<<16)+f&o)/4294967296+.5)*(Math.random()>.5?1:-1)}};for(let f=0,r;f<i.length;f+=4){const o=c((r||Math.random())*4294967296);r=o()*987654071,u[f/4]=o()*4294967296|0}return i}},Y2={};Y2.ctrGladman=class{constructor(i,u){this._prf=i,this._initIv=u,this._iv=u}reset(){this._iv=this._initIv}update(i){return this.calculate(this._prf,i,this._iv)}incWord(i){if((i>>24&255)===255){let u=i>>16&255,c=i>>8&255,f=i&255;u===255?(u=0,c===255?(c=0,f===255?f=0:++f):++c):++u,i=0,i+=u<<16,i+=c<<8,i+=f}else i+=1<<24;return i}incCounter(i){(i[0]=this.incWord(i[0]))===0&&(i[1]=this.incWord(i[1]))}calculate(i,u,c){let f;if(!(f=u.length))return[];const r=re.bitLength(u);for(let o=0;o<f;o+=4){this.incCounter(c);const h=i.encrypt(c);u[o]^=h[0],u[o+1]^=h[1],u[o+2]^=h[2],u[o+3]^=h[3]}return re.clamp(u,r)}};const wl={importKey(i){return new wl.hmacSha1(ic.bytes.toBits(i))},pbkdf2(i,u,c,f){if(c=c||1e4,f<0||c<0)throw new Error("invalid params to pbkdf2");const r=(f>>5)+1<<2;let o,h,v,y,A;const x=new ArrayBuffer(r),T=new DataView(x);let D=0;const X=re;for(u=ic.bytes.toBits(u),A=1;D<(r||1);A++){for(o=h=i.encrypt(X.concat(u,[A])),v=1;v<c;v++)for(h=i.encrypt(h),y=0;y<h.length;y++)o[y]^=h[y];for(v=0;D<(r||1)&&v<o.length;v++)T.setInt32(D,o[v]),D+=4}return x.slice(0,f/8)}};wl.hmacSha1=class{constructor(i){const u=this,c=u._hash=Q2.sha1,f=[[],[]];u._baseHash=[new c,new c];const r=u._baseHash[0].blockSize/32;i.length>r&&(i=new c().update(i).finalize());for(let o=0;o<r;o++)f[0][o]=i[o]^909522486,f[1][o]=i[o]^1549556828;u._baseHash[0].update(f[0]),u._baseHash[1].update(f[1]),u._resultHash=new c(u._baseHash[0])}reset(){const i=this;i._resultHash=new i._hash(i._baseHash[0]),i._updated=!1}update(i){const u=this;u._updated=!0,u._resultHash.update(i)}digest(){const i=this,u=i._resultHash.finalize(),c=new i._hash(i._baseHash[1]).update(u).finalize();return i.reset(),c}encrypt(i){if(this._updated)throw new Error("encrypt on already updated hmac called!");return this.update(i),this.digest(i)}};const y5=typeof crypto!=al&&typeof crypto.getRandomValues==Ri,lr="Invalid password",ar="Invalid signature",ir="zipjs-abort-check-password";function L2(i){return y5?crypto.getRandomValues(i):v5.getRandomValues(i)}const pa=16,E5="raw",G2={name:"PBKDF2"},p5={name:"HMAC"},x5="SHA-1",b5=Object.assign({hash:p5},G2),Kf=Object.assign({iterations:1e3,hash:{name:x5}},G2),S5=["deriveBits"],Si=[8,12,16],Ei=[16,24,32],tl=10,T5=[0,0,0,0],cc=typeof crypto!=al,wi=cc&&crypto.subtle,X2=cc&&typeof wi!=al,Pe=ic.bytes,C5=z2.aes,O5=Y2.ctrGladman,D5=wl.hmacSha1;let F1=cc&&X2&&typeof wi.importKey==Ri,W1=cc&&X2&&typeof wi.deriveBits==Ri;class R5 extends TransformStream{constructor({password:u,rawPassword:c,signed:f,encryptionStrength:r,checkPasswordOnly:o}){super({start(){Object.assign(this,{ready:new Promise(h=>this.resolveReady=h),password:I2(u,c),signed:f,strength:r-1,pending:new Uint8Array})},async transform(h,v){const y=this,{password:A,strength:x,resolveReady:T,ready:D}=y;A?(await M5(y,x,A,Xe(h,0,Si[x]+2)),h=Xe(h,Si[x]+2),o?v.error(new Error(ir)):T()):await D;const X=new Uint8Array(h.length-tl-(h.length-tl)%pa);v.enqueue(V2(y,h,X,0,tl,!0))},async flush(h){const{signed:v,ctr:y,hmac:A,pending:x,ready:T}=this;if(A&&y){await T;const D=Xe(x,0,x.length-tl),X=Xe(x,x.length-tl);let q=new Uint8Array;if(D.length){const p=Ci(Pe,D);A.update(p);const E=y.update(p);q=Ti(Pe,E)}if(v){const p=Xe(Ti(Pe,A.digest()),0,tl);for(let E=0;E<tl;E++)if(p[E]!=X[E])throw new Error(ar)}h.enqueue(q)}}})}}class w5 extends TransformStream{constructor({password:u,rawPassword:c,encryptionStrength:f}){let r;super({start(){Object.assign(this,{ready:new Promise(o=>this.resolveReady=o),password:I2(u,c),strength:f-1,pending:new Uint8Array})},async transform(o,h){const v=this,{password:y,strength:A,resolveReady:x,ready:T}=v;let D=new Uint8Array;y?(D=await j5(v,A,y),x()):await T;const X=new Uint8Array(D.length+o.length-o.length%pa);X.set(D,0),h.enqueue(V2(v,o,X,D.length,0))},async flush(o){const{ctr:h,hmac:v,pending:y,ready:A}=this;if(v&&h){await A;let x=new Uint8Array;if(y.length){const T=h.update(Ci(Pe,y));v.update(T),x=Ti(Pe,T)}r.signature=Ti(Pe,v.digest()).slice(0,tl),o.enqueue(ur(x,r.signature))}}}),r=this}}function V2(i,u,c,f,r,o){const{ctr:h,hmac:v,pending:y}=i,A=u.length-r;y.length&&(u=ur(y,u),c=B5(c,A-A%pa));let x;for(x=0;x<=A-pa;x+=pa){const T=Ci(Pe,Xe(u,x,x+pa));o&&v.update(T);const D=h.update(T);o||v.update(D),c.set(Ti(Pe,D),x+f)}return i.pending=Xe(u,x),c}async function M5(i,u,c,f){const r=await Z2(i,u,c,Xe(f,0,Si[u])),o=Xe(f,Si[u]);if(r[0]!=o[0]||r[1]!=o[1])throw new Error(lr)}async function j5(i,u,c){const f=L2(new Uint8Array(Si[u])),r=await Z2(i,u,c,f);return ur(f,r)}async function Z2(i,u,c,f){i.password=null;const r=await N5(E5,c,b5,!1,S5),o=await H5(Object.assign({salt:f},Kf),r,8*(Ei[u]*2+2)),h=new Uint8Array(o),v=Ci(Pe,Xe(h,0,Ei[u])),y=Ci(Pe,Xe(h,Ei[u],Ei[u]*2)),A=Xe(h,Ei[u]*2);return Object.assign(i,{keys:{key:v,authentication:y,passwordVerification:A},ctr:new O5(new C5(v),Array.from(T5)),hmac:new D5(y)}),A}async function N5(i,u,c,f,r){if(F1)try{return await wi.importKey(i,u,c,f,r)}catch{return F1=!1,wl.importKey(u)}else return wl.importKey(u)}async function H5(i,u,c){if(W1)try{return await wi.deriveBits(i,u,c)}catch{return W1=!1,wl.pbkdf2(u,i.salt,Kf.iterations,c)}else return wl.pbkdf2(u,i.salt,Kf.iterations,c)}function I2(i,u){return u===$t?A5(i):u}function ur(i,u){let c=i;return i.length+u.length&&(c=new Uint8Array(i.length+u.length),c.set(i,0),c.set(u,i.length)),c}function B5(i,u){if(u&&u>i.length){const c=i;i=new Uint8Array(u),i.set(c,0)}return i}function Xe(i,u,c){return i.subarray(u,c)}function Ti(i,u){return i.fromBits(u)}function Ci(i,u){return i.toBits(u)}const bi=12;class U5 extends TransformStream{constructor({password:u,passwordVerification:c,checkPasswordOnly:f}){super({start(){Object.assign(this,{password:u,passwordVerification:c}),q2(this,u)},transform(r,o){const h=this;if(h.password){const v=_1(h,r.subarray(0,bi));if(h.password=null,v.at(-1)!=h.passwordVerification)throw new Error(lr);r=r.subarray(bi)}f?o.error(new Error(ir)):o.enqueue(_1(h,r))}})}}class Q5 extends TransformStream{constructor({password:u,passwordVerification:c}){super({start(){Object.assign(this,{password:u,passwordVerification:c}),q2(this,u)},transform(f,r){const o=this;let h,v;if(o.password){o.password=null;const y=L2(new Uint8Array(bi));y[bi-1]=o.passwordVerification,h=new Uint8Array(f.length+y.length),h.set(P1(o,y),0),v=bi}else h=new Uint8Array(f.length),v=0;h.set(P1(o,f),v),r.enqueue(h)}})}}function _1(i,u){const c=new Uint8Array(u.length);for(let f=0;f<u.length;f++)c[f]=K2(i)^u[f],cr(i,c[f]);return c}function P1(i,u){const c=new Uint8Array(u.length);for(let f=0;f<u.length;f++)c[f]=K2(i)^u[f],cr(i,u[f]);return c}function q2(i,u){const c=[305419896,591751049,878082192];Object.assign(i,{keys:c,crcKey0:new ac(c[0]),crcKey2:new ac(c[2])});for(let f=0;f<u.length;f++)cr(i,u.charCodeAt(f))}function cr(i,u){let[c,f,r]=i.keys;i.crcKey0.append([u]),c=~i.crcKey0.get(),f=$1(Math.imul($1(f+k2(c)),134775813)+1),i.crcKey2.append([f>>>24]),r=~i.crcKey2.get(),i.keys=[c,f,r]}function K2(i){const u=i.keys[2]|2;return k2(Math.imul(u,u^1)>>>8)}function k2(i){return i&255}function $1(i){return i&4294967295}const sr="Invalid uncompressed size",t2="deflate-raw";class z5 extends TransformStream{constructor(u,{chunkSize:c,CompressionStream:f,CompressionStreamNative:r}){super({});const{compressed:o,encrypted:h,useCompressionStream:v,zipCrypto:y,signed:A,level:x}=u,T=this;let D,X,q=super.readable;(!h||y)&&A&&(D=new U2,q=xn(q,D)),o&&(q=F2(q,v,{level:x,chunkSize:c},r,f)),h&&(y?q=xn(q,new Q5(u)):(X=new w5(u),q=xn(q,X))),J2(T,q,()=>{let p;h&&!y&&(p=X.signature),(!h||y)&&A&&(p=new DataView(D.value.buffer).getUint32(0)),T.signature=p})}}class Y5 extends TransformStream{constructor(u,{chunkSize:c,DecompressionStream:f,DecompressionStreamNative:r}){super({});const{zipCrypto:o,encrypted:h,signed:v,signature:y,compressed:A,useCompressionStream:x}=u;let T,D,X=super.readable;h&&(o?X=xn(X,new U5(u)):(D=new R5(u),X=xn(X,D))),A&&(X=F2(X,x,{chunkSize:c},r,f)),(!h||o)&&v&&(T=new U2,X=xn(X,T)),J2(this,X,()=>{if((!h||o)&&v){const q=new DataView(T.value.buffer);if(y!=q.getUint32(0,!1))throw new Error(ar)}})}}function J2(i,u,c){u=xn(u,new TransformStream({flush:c})),Object.defineProperty(i,"readable",{get(){return u}})}function F2(i,u,c,f,r){try{const o=u&&f?f:r;i=xn(i,new o(t2,c))}catch(o){if(u)i=xn(i,new r(t2,c));else throw o}return i}function xn(i,u){return i.pipeThrough(u)}const L5="message",G5="start",X5="pull",e2="data",V5="ack",n2="close",Z5="deflate",W2="inflate";class I5 extends TransformStream{constructor(u,c){super({});const f=this,{codecType:r}=u;let o;r.startsWith(Z5)?o=z5:r.startsWith(W2)&&(o=Y5),f.outputSize=0;let h=0;const v=new o(u,c),y=super.readable,A=new TransformStream({transform(T,D){T&&T.length&&(h+=T.length,D.enqueue(T))},flush(){Object.assign(f,{inputSize:h})}}),x=new TransformStream({transform(T,D){if(T&&T.length&&(D.enqueue(T),f.outputSize+=T.length,u.outputSize&&f.outputSize>u.outputSize))throw new Error(sr)},flush(){const{signature:T}=v;Object.assign(f,{signature:T,inputSize:h})}});Object.defineProperty(f,"readable",{get(){return y.pipeThrough(A).pipeThrough(v).pipeThrough(x)}})}}class q5 extends TransformStream{constructor(u){let c;super({transform:f,flush(r){c&&c.length&&r.enqueue(c)}});function f(r,o){if(c){const h=new Uint8Array(c.length+r.length);h.set(c),h.set(r,c.length),r=h,c=null}r.length>u?(o.enqueue(r.slice(0,u)),f(r.slice(u),o)):c=r}}}let _2=typeof Worker!=al;class Hf{constructor(u,{readable:c,writable:f},{options:r,config:o,streamOptions:h,useWebWorkers:v,transferStreams:y,scripts:A},x){const{signal:T}=h;return Object.assign(u,{busy:!0,readable:c.pipeThrough(new q5(o.chunkSize)).pipeThrough(new K5(h),{signal:T}),writable:f,options:Object.assign({},r),scripts:A,transferStreams:y,terminate(){return new Promise(D=>{const{worker:X,busy:q}=u;X?(q?u.resolveTerminated=D:(X.terminate(),D()),u.interface=null):D()})},onTaskFinished(){const{resolveTerminated:D}=u;D&&(u.resolveTerminated=null,u.terminated=!0,u.worker.terminate(),D()),u.busy=!1,x(u)}}),(v&&_2?k5:P2)(u,o)}}class K5 extends TransformStream{constructor({onstart:u,onprogress:c,size:f,onend:r}){let o=0;super({async start(){u&&await Bf(u,f)},async transform(h,v){o+=h.length,c&&await Bf(c,o,f),v.enqueue(h)},async flush(){r&&await Bf(r,o)}})}}async function Bf(i,...u){try{await i(...u)}catch{}}function P2(i,u){return{run:()=>J5(i,u)}}function k5(i,u){const{baseURL:c,chunkSize:f}=u;if(!i.interface){let r;try{r=_5(i.scripts[0],c,i)}catch{return _2=!1,P2(i,u)}Object.assign(i,{worker:r,interface:{run:()=>F5(i,{chunkSize:f})}})}return i.interface}async function J5({options:i,readable:u,writable:c,onTaskFinished:f},r){let o;try{o=new I5(i,r),await u.pipeThrough(o).pipeTo(c,{preventClose:!0,preventAbort:!0});const{signature:h,inputSize:v,outputSize:y}=o;return{signature:h,inputSize:v,outputSize:y}}catch(h){throw o&&(h.outputSize=o.outputSize),h}finally{f()}}async function F5(i,u){let c,f;const r=new Promise((D,X)=>{c=D,f=X});Object.assign(i,{reader:null,writer:null,resolveResult:c,rejectResult:f,result:r});const{readable:o,options:h,scripts:v}=i,{writable:y,closed:A}=W5(i.writable),x=ec({type:G5,scripts:v.slice(1),options:h,config:u,readable:o,writable:y},i);x||Object.assign(i,{reader:o.getReader(),writer:y.getWriter()});const T=await r;return x||await y.getWriter().close(),await A,T}function W5(i){let u;const c=new Promise(r=>u=r);return{writable:new WritableStream({async write(r){const o=i.getWriter();await o.ready,await o.write(r),o.releaseLock()},close(){u()},abort(r){return i.getWriter().abort(r)}}),closed:c}}let l2=!0,a2=!0;function _5(i,u,c){const f={type:"module"};let r,o;typeof i==Ri&&(i=i());try{r=new URL(i,u)}catch{r=i}if(l2)try{o=new Worker(r)}catch{l2=!1,o=new Worker(r,f)}else o=new Worker(r,f);return o.addEventListener(L5,h=>P5(h,c)),o}function ec(i,{worker:u,writer:c,onTaskFinished:f,transferStreams:r}){try{const{value:o,readable:h,writable:v}=i,y=[];if(o&&(o.byteLength<o.buffer.byteLength?i.value=o.buffer.slice(0,o.byteLength):i.value=o.buffer,y.push(i.value)),r&&a2?(h&&y.push(h),v&&y.push(v)):i.readable=i.writable=null,y.length)try{return u.postMessage(i,y),!0}catch{a2=!1,i.readable=i.writable=null,u.postMessage(i)}else u.postMessage(i)}catch(o){throw c&&c.releaseLock(),f(),o}}async function P5({data:i},u){const{type:c,value:f,messageId:r,result:o,error:h}=i,{reader:v,writer:y,resolveResult:A,rejectResult:x,onTaskFinished:T}=u;try{if(h){const{message:X,stack:q,code:p,name:E,outputSize:b}=h,R=new Error(X);Object.assign(R,{stack:q,code:p,name:E,outputSize:b}),D(R)}else{if(c==X5){const{value:X,done:q}=await v.read();ec({type:e2,value:X,done:q,messageId:r},u)}c==e2&&(await y.ready,await y.write(new Uint8Array(f)),ec({type:V5,messageId:r},u)),c==n2&&D(null,o)}}catch(X){ec({type:n2,messageId:r},u),D(X)}function D(X,q){X?x(X):A(q),y&&y.releaseLock(),T()}}let Ol=[];const Uf=[];let i2=0;async function $5(i,u){const{options:c,config:f}=u,{transferStreams:r,useWebWorkers:o,useCompressionStream:h,codecType:v,compressed:y,signed:A,encrypted:x}=c,{workerScripts:T,maxWorkers:D}=f;u.transferStreams=r||r===$t;const X=!y&&!A&&!x&&!u.transferStreams;return u.useWebWorkers=!X&&(o||o===$t&&f.useWebWorkers),u.scripts=u.useWebWorkers&&T?T[v]:[],c.useCompressionStream=h||h===$t&&f.useCompressionStream,(await q()).run();async function q(){const E=Ol.find(b=>!b.busy);if(E)return u2(E),new Hf(E,i,u,p);if(Ol.length<D){const b={indexWorker:i2};return i2++,Ol.push(b),new Hf(b,i,u,p)}else return new Promise(b=>Uf.push({resolve:b,stream:i,workerOptions:u}))}function p(E){if(Uf.length){const[{resolve:b,stream:R,workerOptions:N}]=Uf.splice(0,1);b(new Hf(E,R,N,p))}else E.worker?(u2(E),t8(E,u)):Ol=Ol.filter(b=>b!=E)}}function t8(i,u){const{config:c}=u,{terminateWorkerTimeout:f}=c;Number.isFinite(f)&&f>=0&&(i.terminated?i.terminated=!1:i.terminateTimeout=setTimeout(async()=>{Ol=Ol.filter(r=>r!=i);try{await i.terminate()}catch{}},f))}function u2(i){const{terminateTimeout:u}=i;u&&(clearTimeout(u),i.terminateTimeout=null)}const $2="Writer iterator completed too soon",e8="Content-Type",n8=64*1024,th="writable";class fr{constructor(){this.size=0}init(){this.initialized=!0}}class sc extends fr{get readable(){const u=this,{chunkSize:c=n8}=u,f=new ReadableStream({start(){this.chunkOffset=0},async pull(r){const{offset:o=0,size:h,diskNumberStart:v}=f,{chunkOffset:y}=this,A=h===$t?c:Math.min(c,h-y),x=await _t(u,o+y,A,v);r.enqueue(x),y+c>h||h===$t&&!x.length&&A?r.close():this.chunkOffset+=c}});return f}}class l8 extends sc{constructor(u){super();let c=u.length;for(;u.charAt(c-1)=="=";)c--;const f=u.indexOf(",")+1;Object.assign(this,{dataURI:u,dataStart:f,size:Math.floor((c-f)*.75)})}readUint8Array(u,c){const{dataStart:f,dataURI:r}=this,o=new Uint8Array(c),h=Math.floor(u/3)*4,v=atob(r.substring(h+f,Math.ceil((u+c)/3)*4+f)),y=u-Math.floor(h/4)*3;let A=0;for(let x=y;x<y+c&&x<v.length;x++)o[x-y]=v.charCodeAt(x),A++;return A<o.length?o.subarray(0,A):o}}class eh extends sc{constructor(u){super(),Object.assign(this,{blob:u,size:u.size})}async readUint8Array(u,c){const f=this,r=u+c;let h=await(u||r<f.size?f.blob.slice(u,r):f.blob).arrayBuffer();return h.byteLength>c&&(h=h.slice(u,r)),new Uint8Array(h)}}class nh extends fr{constructor(u){super();const c=this,f=new TransformStream,r=[];u&&r.push([e8,u]),Object.defineProperty(c,th,{get(){return f.writable}}),c.blob=new Response(f.readable,{headers:r}).blob()}getData(){return this.blob}}class a8 extends nh{constructor(u){super(u),Object.assign(this,{encoding:u,utf8:!u||u.toLowerCase()=="utf-8"})}async getData(){const{encoding:u,utf8:c}=this,f=await super.getData();if(f.text&&c)return f.text();{const r=new FileReader;return new Promise((o,h)=>{Object.assign(r,{onload:({target:v})=>o(v.result),onerror:()=>h(r.error)}),r.readAsText(f,u)})}}}class lh extends sc{constructor(u){super(),this.readers=u}async init(){const u=this,{readers:c}=u;u.lastDiskNumber=0,u.lastDiskOffset=0,await Promise.all(c.map(async(f,r)=>{await f.init(),r!=c.length-1&&(u.lastDiskOffset+=f.size),u.size+=f.size})),super.init()}async readUint8Array(u,c,f=0){const r=this,{readers:o}=this;let h,v=f;v==-1&&(v=o.length-1);let y=u;for(;o[v]&&y>=o[v].size;)y-=o[v].size,v++;const A=o[v];if(A){const x=A.size;if(y+c<=x)h=await _t(A,y,c);else{const T=x-y;h=new Uint8Array(c);const D=await _t(A,y,T);h.set(D,0);const X=await r.readUint8Array(u+T,c-T,f);h.set(X,T),D.length+X.length<c&&(h=h.subarray(0,D.length+X.length))}}else h=new Uint8Array;return r.lastDiskNumber=Math.max(v,r.lastDiskNumber),h}}class kf extends fr{constructor(u,c=4294967295){super();const f=this;Object.assign(f,{diskNumber:0,diskOffset:0,size:0,maxSize:c,availableSize:c});let r,o,h;const v=new WritableStream({async write(x){const{availableSize:T}=f;if(h)x.length>=T?(await y(x.subarray(0,T)),await A(),f.diskOffset+=r.size,f.diskNumber++,h=null,await this.write(x.subarray(T))):await y(x);else{const{value:D,done:X}=await u.next();if(X&&!D)throw new Error($2);r=D,r.size=0,r.maxSize&&(f.maxSize=r.maxSize),f.availableSize=f.maxSize,await Oi(r),o=D.writable,h=o.getWriter(),await this.write(x)}},async close(){await h.ready,await A()}});Object.defineProperty(f,th,{get(){return v}});async function y(x){const T=x.length;T&&(await h.ready,await h.write(x),r.size+=T,f.size+=T,f.availableSize-=T)}async function A(){await h.close()}}}class ah{constructor(u){return Array.isArray(u)&&(u=new lh(u)),u instanceof ReadableStream&&(u={readable:u}),u}}class ih{constructor(u){return u.writable===$t&&typeof u.next==Ri&&(u=new kf(u)),u instanceof WritableStream&&(u={writable:u}),u.size===$t&&(u.size=0),u instanceof kf||Object.assign(u,{diskNumber:0,diskOffset:0,availableSize:1/0,maxSize:1/0}),u}}async function Oi(i,u){if(i.init&&!i.initialized)await i.init(u);else return Promise.resolve()}function _t(i,u,c,f){return i.readUint8Array(u,c,f)}const uh="\0☺☻♥♦♣♠•◘○◙♂♀♪♫☼►◄↕‼¶§▬↨↑↓→←∟↔▲▼ !\"#$%&'()*+,-./0123456789:;<=>?@ABCDEFGHIJKLMNOPQRSTUVWXYZ[\\]^_`abcdefghijklmnopqrstuvwxyz{|}~⌂ÇüéâäàåçêëèïîìÄÅÉæÆôöòûùÿÖÜ¢£¥₧ƒáíóúñѪº¿⌐¬½¼¡«»░▒▓│┤╡╢╖╕╣║╗╝╜╛┐└┴┬├─┼╞╟╚╔╩╦╠═╬╧╨╤╥╙╘╒╓╫╪┘┌█▄▌▐▀αßΓπΣσµτΦΘΩδ∞φε∩≡±≥≤⌠⌡÷≈°∙·√ⁿ²■ ".split(""),i8=uh.length==256;function u8(i){if(i8){let u="";for(let c=0;c<i.length;c++)u+=uh[i[c]];return u}else return new TextDecoder().decode(i)}function nc(i,u){return u&&u.trim().toLowerCase()=="cp437"?u8(i):new TextDecoder(u).decode(i)}const ch="filename",sh="rawFilename",fh="comment",rh="rawComment",oh="uncompressedSize",dh="compressedSize",hh="offset",Jf="diskNumberStart",Ff="lastModDate",Wf="rawLastModDate",mh="lastAccessDate",c8="rawLastAccessDate",gh="creationDate",s8="rawCreationDate",f8="internalFileAttribute",r8="internalFileAttributes",o8="externalFileAttribute",d8="externalFileAttributes",h8="msDosCompatible",m8="zip64",g8="encrypted",A8="version",v8="versionMadeBy",y8="zipCrypto",E8="directory",p8="executable",x8="compressionMethod",b8="signature",S8="extraField",T8=[ch,sh,dh,oh,Ff,Wf,fh,rh,mh,gh,hh,Jf,Jf,f8,r8,o8,d8,h8,m8,g8,A8,v8,y8,E8,p8,x8,b8,S8,"bitFlag","filenameUTF8","commentUTF8","rawExtraField","extraFieldZip64","extraFieldUnicodePath","extraFieldUnicodeComment","extraFieldAES","extraFieldNTFS","extraFieldExtendedTimestamp"];class c2{constructor(u){T8.forEach(c=>this[c]=u[c])}}const C8="filenameEncoding",O8="commentEncoding",D8="decodeText",R8="extractPrependedData",w8="extractAppendedData",M8="password",j8="rawPassword",N8="passThrough",H8="signal",B8="checkPasswordOnly",U8="checkOverlappingEntryOnly",Q8="checkOverlappingEntry",z8="checkSignature",Y8="useWebWorkers",L8="useCompressionStream",G8="transferStreams",X8="preventClose",lc="File format is not recognized",Ah="End of central directory not found",vh="End of Zip64 central directory locator not found",yh="Central directory header not found",Eh="Local file header not found",ph="Zip64 extra field not found",xh="File contains encrypted entry",bh="Encryption method not supported",_f="Compression method not supported",Pf="Split zip file",Sh="Overlapping entry found",s2="utf-8",f2="cp437",V8=[[oh,Rl],[dh,Rl],[hh,Rl],[Jf,el]],Z8={[el]:{getValue:Bt,bytes:4},[Rl]:{getValue:ba,bytes:8}};class I8{constructor(u,c={}){Object.assign(this,{reader:new ah(u),options:c,config:m5(),readRanges:[]})}async*getEntriesGenerator(u={}){const c=this;let{reader:f}=c;const{config:r}=c;if(await Oi(f),(f.size===$t||!f.readUint8Array)&&(f=new eh(await new Response(f.readable).blob()),await Oi(f)),f.size<Ea)throw new Error(lc);f.chunkSize=g5(r);const o=await _8(f,kA,f.size,Ea,el*16);if(!o){const I=await _t(f,0,4),k=Yt(I);throw Bt(k)==j2?new Error(Pf):new Error(Ah)}const h=Yt(o);let v=Bt(h,12),y=Bt(h,16);const A=o.offset,x=Pt(h,20),T=A+Ea+x;let D=Pt(h,4);const X=f.lastDiskNumber||0;let q=Pt(h,6),p=Pt(h,8),E=0,b=0;if(y==Rl||v==Rl||p==el||q==el){const I=await _t(f,o.offset-Mf,Mf),k=Yt(I);if(Bt(k,0)==JA){y=ba(k,8);let nt=await _t(f,y,jf,-1),P=Yt(nt);const st=o.offset-Mf-jf;if(Bt(P,0)!=X1&&y!=st){const ut=y;y=st,y>ut&&(E=y-ut),nt=await _t(f,y,jf,-1),P=Yt(nt)}if(Bt(P,0)!=X1)throw new Error(vh);D==el&&(D=Bt(P,16)),q==el&&(q=Bt(P,20)),p==el&&(p=ba(P,32)),v==Rl&&(v=ba(P,40)),y-=v}}if(y>=f.size&&(E=f.size-y-v-Ea,y=f.size-v-Ea),X!=D)throw new Error(Pf);if(y<0)throw new Error(lc);let R=0,N=await _t(f,y,v,q),V=Yt(N);if(v){const I=o.offset-v;if(Bt(V,R)!=G1&&y!=I){const k=y;y=I,y>k&&(E+=y-k),N=await _t(f,y,v,q),V=Yt(N)}}const F=o.offset-y-(f.lastDiskOffset||0);if(v!=F&&F>=0&&(v=F,N=await _t(f,y,v,q),V=Yt(N)),y<0||y>=f.size)throw new Error(lc);const H=ie(c,u,C8),j=ie(c,u,O8);for(let I=0;I<p;I++){const k=new q8(f,r,c.options);if(Bt(V,R)!=G1)throw new Error(yh);Th(k,V,R+6);const nt=!!k.bitFlag.languageEncodingFlag,P=R+46,st=P+k.filenameLength,ut=st+k.extraFieldLength,M=Pt(V,R+4),_=M>>8==0,$=M>>8==3,ht=N.subarray(P,st),tt=Pt(V,R+32),C=ut+tt,L=N.subarray(ut,C),W=nt,et=nt,rt=Bt(V,R+38),ot=_&&(xa(V,R+38)&K1)==K1||$&&(rt>>16&u5)==c5||ht.length&&ht.at(-1)==k1.charCodeAt(0),gt=$&&(rt>>16&s5)!=0,Jt=Bt(V,R+42)+E;Object.assign(k,{versionMadeBy:M,msDosCompatible:_,compressedSize:0,uncompressedSize:0,commentLength:tt,directory:ot,offset:Jt,diskNumberStart:Pt(V,R+34),internalFileAttributes:Pt(V,R+36),externalFileAttributes:rt,rawFilename:ht,filenameUTF8:W,commentUTF8:et,rawExtraField:N.subarray(st,ut),executable:gt}),k.internalFileAttribute=k.internalFileAttributes,k.externalFileAttribute=k.externalFileAttributes;const Qt=ie(c,u,D8)||nc,Sn=W?s2:H||f2,ul=et?s2:j||f2;let Tn=Qt(ht,Sn);Tn===$t&&(Tn=nc(ht,Sn));let jl=Qt(L,ul);jl===$t&&(jl=nc(L,ul)),Object.assign(k,{rawComment:L,filename:Tn,comment:jl,directory:ot||Tn.endsWith(k1)}),b=Math.max(Jt,b),Ch(k,k,V,R+6),k.zipCrypto=k.encrypted&&!k.extraFieldAES;const Ee=new c2(k);Ee.getData=(Cn,Hl)=>k.getData(Cn,Ee,c.readRanges,Hl),Ee.arrayBuffer=async Cn=>{const Hl=new TransformStream,[ji]=await Promise.all([new Response(Hl.readable).arrayBuffer(),k.getData(Hl,Ee,c.readRanges,Cn)]);return ji},R=C;const{onprogress:Nl}=u;if(Nl)try{await Nl(I+1,p,new c2(k))}catch{}yield Ee}const Y=ie(c,u,R8),z=ie(c,u,w8);return Y&&(c.prependedData=b>0?await _t(f,0,b):new Uint8Array),c.comment=x?await _t(f,A+Ea,x):new Uint8Array,z&&(c.appendedData=T<f.size?await _t(f,T,f.size-T):new Uint8Array),!0}async getEntries(u={}){const c=[];for await(const f of this.getEntriesGenerator(u))c.push(f);return c}async close(){}}class q8{constructor(u,c,f){Object.assign(this,{reader:u,config:c,options:f})}async getData(u,c,f,r={}){const o=this,{reader:h,offset:v,diskNumberStart:y,extraFieldAES:A,extraFieldZip64:x,compressionMethod:T,config:D,bitFlag:X,signature:q,rawLastModDate:p,uncompressedSize:E,compressedSize:b}=o,{dataDescriptor:R}=X,N=c.localDirectory={},V=await _t(h,v,Nf,y),F=Yt(V);let H=ie(o,r,M8),j=ie(o,r,j8);const Y=ie(o,r,N8);if(H=H&&H.length&&H,j=j&&j.length&&j,A&&A.originalCompressionMethod!=IA)throw new Error(_f);if(T!=ZA&&T!=VA&&!Y)throw new Error(_f);if(Bt(F,0)!=qA)throw new Error(Eh);Th(N,F,4);const{extraFieldLength:z,filenameLength:I,lastAccessDate:k,creationDate:nt}=N;N.rawExtraField=z?await _t(h,v+Nf+I,z,y):new Uint8Array,Ch(o,N,F,4,!0),Object.assign(c,{lastAccessDate:k,creationDate:nt});const P=o.encrypted&&N.encrypted&&!Y,st=P&&!A;if(Y||(c.zipCrypto=st),P){if(!st&&A.strength===$t)throw new Error(bh);if(!H&&!j)throw new Error(xh)}const ut=v+Nf+I+z,M=b,_=h.readable;Object.assign(_,{diskNumberStart:y,offset:ut,size:M});const $=ie(o,r,H8),ht=ie(o,r,B8);let tt=ie(o,r,Q8);const C=ie(o,r,U8);C&&(tt=!0);const{onstart:L,onprogress:W,onend:et}=r,rt={options:{codecType:W2,password:H,rawPassword:j,zipCrypto:st,encryptionStrength:A&&A.strength,signed:ie(o,r,z8)&&!Y,passwordVerification:st&&(R?p>>>8&255:q>>>24&255),outputSize:E,signature:q,compressed:T!=0&&!Y,encrypted:o.encrypted&&!Y,useWebWorkers:ie(o,r,Y8),useCompressionStream:ie(o,r,L8),transferStreams:ie(o,r,G8),checkPasswordOnly:ht},config:D,streamOptions:{signal:$,size:M,onstart:L,onprogress:W,onend:et}};tt&&await W8({reader:h,fileEntry:c,offset:v,diskNumberStart:y,signature:q,compressedSize:b,uncompressedSize:E,dataOffset:ut,dataDescriptor:R||N.bitFlag.dataDescriptor,extraFieldZip64:x||N.extraFieldZip64,readRanges:f});let ot;try{if(!C){ht&&(u=new WritableStream),u=new ih(u),await Oi(u,Y?b:E),{writable:ot}=u;const{outputSize:gt}=await $5({readable:_,writable:ot},rt);if(u.size+=gt,gt!=(Y?b:E))throw new Error(sr)}}catch(gt){if(gt.outputSize!==$t&&(u.size+=gt.outputSize),!ht||gt.message!=ir)throw gt}finally{!ie(o,r,X8)&&ot&&!ot.locked&&await ot.getWriter().close()}return ht||C?$t:u.getData?u.getData():ot}}function Th(i,u,c){const f=i.rawBitFlag=Pt(u,c+2),r=(f&Z1)==Z1,o=Bt(u,c+6);Object.assign(i,{encrypted:r,version:Pt(u,c),bitFlag:{level:(f&i5)>>1,dataDescriptor:(f&I1)==I1,languageEncodingFlag:(f&q1)==q1},rawLastModDate:o,lastModDate:P8(o),filenameLength:Pt(u,c+22),extraFieldLength:Pt(u,c+24)})}function Ch(i,u,c,f,r){const{rawExtraField:o}=u,h=u.extraField=new Map,v=Yt(new Uint8Array(o));let y=0;try{for(;y<o.length;){const b=Pt(v,y),R=Pt(v,y+2);h.set(b,{type:b,data:o.slice(y+4,y+4+R)}),y+=4+R}}catch{}const A=Pt(c,f+4);Object.assign(u,{signature:Bt(c,f+f5),compressedSize:Bt(c,f+r5),uncompressedSize:Bt(c,f+o5)});const x=h.get(_A);x&&(K8(x,u),u.extraFieldZip64=x);const T=h.get(n5);T&&(r2(T,ch,sh,u,i),u.extraFieldUnicodePath=T);const D=h.get(l5);D&&(r2(D,fh,rh,u,i),u.extraFieldUnicodeComment=D);const X=h.get(PA);X?(k8(X,u,A),u.extraFieldAES=X):u.compressionMethod=A;const q=h.get($A);q&&(J8(q,u),u.extraFieldNTFS=q);const p=h.get(e5);p&&(F8(p,u,r),u.extraFieldExtendedTimestamp=p);const E=h.get(a5);E&&(u.extraFieldUSDZ=E)}function K8(i,u){u.zip64=!0;const c=Yt(i.data),f=V8.filter(([r,o])=>u[r]==o);for(let r=0,o=0;r<f.length;r++){const[h,v]=f[r];if(u[h]==v){const y=Z8[v];u[h]=i[h]=y.getValue(c,o),o+=y.bytes}else if(i[h])throw new Error(ph)}}function r2(i,u,c,f,r){const o=Yt(i.data),h=new ac;h.append(r[c]);const v=Yt(new Uint8Array(4));v.setUint32(0,h.get(),!0);const y=Bt(o,1);Object.assign(i,{version:xa(o,0),[u]:nc(i.data.subarray(5)),valid:!r.bitFlag.languageEncodingFlag&&y==Bt(v,0)}),i.valid&&(f[u]=i[u],f[u+"UTF8"]=!0)}function k8(i,u,c){const f=Yt(i.data),r=xa(f,4);Object.assign(i,{vendorVersion:xa(f,0),vendorId:xa(f,2),strength:r,originalCompressionMethod:c,compressionMethod:Pt(f,5)}),u.compressionMethod=i.compressionMethod}function J8(i,u){const c=Yt(i.data);let f=4,r;try{for(;f<i.data.length&&!r;){const o=Pt(c,f),h=Pt(c,f+2);o==t5&&(r=i.data.slice(f+4,f+4+h)),f+=4+h}}catch{}try{if(r&&r.length==24){const o=Yt(r),h=o.getBigUint64(0,!0),v=o.getBigUint64(8,!0),y=o.getBigUint64(16,!0);Object.assign(i,{rawLastModDate:h,rawLastAccessDate:v,rawCreationDate:y});const A=Qf(h),x=Qf(v),T=Qf(y),D={lastModDate:A,lastAccessDate:x,creationDate:T};Object.assign(i,D),Object.assign(u,D)}}catch{}}function F8(i,u,c){const f=Yt(i.data),r=xa(f,0),o=[],h=[];c?((r&1)==1&&(o.push(Ff),h.push(Wf)),(r&2)==2&&(o.push(mh),h.push(c8)),(r&4)==4&&(o.push(gh),h.push(s8))):i.data.length>=5&&(o.push(Ff),h.push(Wf));let v=1;o.forEach((y,A)=>{if(i.data.length>=v+4){const x=Bt(f,v);u[y]=i[y]=new Date(x*1e3);const T=h[A];i[T]=x}v+=4})}async function W8({reader:i,fileEntry:u,offset:c,diskNumberStart:f,signature:r,compressedSize:o,uncompressedSize:h,dataOffset:v,dataDescriptor:y,extraFieldZip64:A,readRanges:x}){let T=0;if(f)for(let q=0;q<f;q++){const p=i.readers[q];T+=p.size}let D=0;if(y&&(A?D=WA:D=FA),D){const q=await _t(i,v+o,D+V1,f);if(Bt(Yt(q),0)==KA){const E=Bt(Yt(q),4);let b,R;A?(b=ba(Yt(q),8),R=ba(Yt(q),16)):(b=Bt(Yt(q),8),R=Bt(Yt(q),12)),(u.encrypted&&!u.zipCrypto||E==r)&&b==o&&R==h&&(D+=V1)}}const X={start:T+c,end:T+v+o+D,fileEntry:u};for(const q of x)if(q.fileEntry!=u&&X.start>=q.start&&X.start<q.end){const p=new Error(Sh);throw p.overlappingEntry=q.fileEntry,p}x.push(X)}async function _8(i,u,c,f,r){const o=new Uint8Array(4),h=Yt(o);$8(h,0,u);const v=f+r;return await y(f)||await y(Math.min(v,c));async function y(A){const x=c-A,T=await _t(i,x,A);for(let D=T.length-f;D>=0;D--)if(T[D]==o[0]&&T[D+1]==o[1]&&T[D+2]==o[2]&&T[D+3]==o[3])return{offset:x+D,buffer:T.slice(D,D+f).buffer}}}function ie(i,u,c){return u[c]===$t?i.options[c]:u[c]}function P8(i){const u=(i&4294901760)>>16,c=i&65535;try{return new Date(1980+((u&65024)>>9),((u&480)>>5)-1,u&31,(c&63488)>>11,(c&2016)>>5,(c&31)*2,0)}catch{}}function Qf(i){return new Date(Number(i/BigInt(1e4)-BigInt(116444736e5)))}function xa(i,u){return i.getUint8(u)}function Pt(i,u){return i.getUint16(u,!0)}function Bt(i,u){return i.getUint32(u,!0)}function ba(i,u){return Number(i.getBigUint64(u,!0))}function $8(i,u,c){i.setUint32(u,c,!0)}function Yt(i){return new DataView(i.buffer)}H2({Inflate:XA});const t3=Object.freeze(Object.defineProperty({__proto__:null,BlobReader:eh,BlobWriter:nh,Data64URIReader:l8,ERR_BAD_FORMAT:lc,ERR_CENTRAL_DIRECTORY_NOT_FOUND:yh,ERR_ENCRYPTED:xh,ERR_EOCDR_LOCATOR_ZIP64_NOT_FOUND:vh,ERR_EOCDR_NOT_FOUND:Ah,ERR_EXTRAFIELD_ZIP64_NOT_FOUND:ph,ERR_INVALID_PASSWORD:lr,ERR_INVALID_SIGNATURE:ar,ERR_INVALID_UNCOMPRESSED_SIZE:sr,ERR_ITERATOR_COMPLETED_TOO_SOON:$2,ERR_LOCAL_FILE_HEADER_NOT_FOUND:Eh,ERR_OVERLAPPING_ENTRY:Sh,ERR_SPLIT_ZIP_FILE:Pf,ERR_UNSUPPORTED_COMPRESSION:_f,ERR_UNSUPPORTED_ENCRYPTION:bh,GenericReader:ah,GenericWriter:ih,Reader:sc,SplitDataReader:lh,SplitDataWriter:kf,TextWriter:a8,ZipReader:I8,configure:H2,initStream:Oi,readUint8Array:_t},Symbol.toStringTag,{value:"Module"}));var zf={exports:{}},dt={};/**
+ * @license React
+ * react.production.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */var o2;function e3(){if(o2)return dt;o2=1;var i=Symbol.for("react.transitional.element"),u=Symbol.for("react.portal"),c=Symbol.for("react.fragment"),f=Symbol.for("react.strict_mode"),r=Symbol.for("react.profiler"),o=Symbol.for("react.consumer"),h=Symbol.for("react.context"),v=Symbol.for("react.forward_ref"),y=Symbol.for("react.suspense"),A=Symbol.for("react.memo"),x=Symbol.for("react.lazy"),T=Symbol.for("react.activity"),D=Symbol.iterator;function X(C){return C===null||typeof C!="object"?null:(C=D&&C[D]||C["@@iterator"],typeof C=="function"?C:null)}var q={isMounted:function(){return!1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}},p=Object.assign,E={};function b(C,L,W){this.props=C,this.context=L,this.refs=E,this.updater=W||q}b.prototype.isReactComponent={},b.prototype.setState=function(C,L){if(typeof C!="object"&&typeof C!="function"&&C!=null)throw Error("takes an object of state variables to update or a function which returns an object of state variables.");this.updater.enqueueSetState(this,C,L,"setState")},b.prototype.forceUpdate=function(C){this.updater.enqueueForceUpdate(this,C,"forceUpdate")};function R(){}R.prototype=b.prototype;function N(C,L,W){this.props=C,this.context=L,this.refs=E,this.updater=W||q}var V=N.prototype=new R;V.constructor=N,p(V,b.prototype),V.isPureReactComponent=!0;var F=Array.isArray;function H(){}var j={H:null,A:null,T:null,S:null},Y=Object.prototype.hasOwnProperty;function z(C,L,W){var et=W.ref;return{$$typeof:i,type:C,key:L,ref:et!==void 0?et:null,props:W}}function I(C,L){return z(C.type,L,C.props)}function k(C){return typeof C=="object"&&C!==null&&C.$$typeof===i}function nt(C){var L={"=":"=0",":":"=2"};return"$"+C.replace(/[=:]/g,function(W){return L[W]})}var P=/\/+/g;function st(C,L){return typeof C=="object"&&C!==null&&C.key!=null?nt(""+C.key):L.toString(36)}function ut(C){switch(C.status){case"fulfilled":return C.value;case"rejected":throw C.reason;default:switch(typeof C.status=="string"?C.then(H,H):(C.status="pending",C.then(function(L){C.status==="pending"&&(C.status="fulfilled",C.value=L)},function(L){C.status==="pending"&&(C.status="rejected",C.reason=L)})),C.status){case"fulfilled":return C.value;case"rejected":throw C.reason}}throw C}function M(C,L,W,et,rt){var ot=typeof C;(ot==="undefined"||ot==="boolean")&&(C=null);var gt=!1;if(C===null)gt=!0;else switch(ot){case"bigint":case"string":case"number":gt=!0;break;case"object":switch(C.$$typeof){case i:case u:gt=!0;break;case x:return gt=C._init,M(gt(C._payload),L,W,et,rt)}}if(gt)return rt=rt(C),gt=et===""?"."+st(C,0):et,F(rt)?(W="",gt!=null&&(W=gt.replace(P,"$&/")+"/"),M(rt,L,W,"",function(Sn){return Sn})):rt!=null&&(k(rt)&&(rt=I(rt,W+(rt.key==null||C&&C.key===rt.key?"":(""+rt.key).replace(P,"$&/")+"/")+gt)),L.push(rt)),1;gt=0;var Jt=et===""?".":et+":";if(F(C))for(var Qt=0;Qt<C.length;Qt++)et=C[Qt],ot=Jt+st(et,Qt),gt+=M(et,L,W,ot,rt);else if(Qt=X(C),typeof Qt=="function")for(C=Qt.call(C),Qt=0;!(et=C.next()).done;)et=et.value,ot=Jt+st(et,Qt++),gt+=M(et,L,W,ot,rt);else if(ot==="object"){if(typeof C.then=="function")return M(ut(C),L,W,et,rt);throw L=String(C),Error("Objects are not valid as a React child (found: "+(L==="[object Object]"?"object with keys {"+Object.keys(C).join(", ")+"}":L)+"). If you meant to render a collection of children, use an array instead.")}return gt}function _(C,L,W){if(C==null)return C;var et=[],rt=0;return M(C,et,"","",function(ot){return L.call(W,ot,rt++)}),et}function $(C){if(C._status===-1){var L=C._result;L=L(),L.then(function(W){(C._status===0||C._status===-1)&&(C._status=1,C._result=W)},function(W){(C._status===0||C._status===-1)&&(C._status=2,C._result=W)}),C._status===-1&&(C._status=0,C._result=L)}if(C._status===1)return C._result.default;throw C._result}var ht=typeof reportError=="function"?reportError:function(C){if(typeof window=="object"&&typeof window.ErrorEvent=="function"){var L=new window.ErrorEvent("error",{bubbles:!0,cancelable:!0,message:typeof C=="object"&&C!==null&&typeof C.message=="string"?String(C.message):String(C),error:C});if(!window.dispatchEvent(L))return}else if(typeof process=="object"&&typeof process.emit=="function"){process.emit("uncaughtException",C);return}console.error(C)},tt={map:_,forEach:function(C,L,W){_(C,function(){L.apply(this,arguments)},W)},count:function(C){var L=0;return _(C,function(){L++}),L},toArray:function(C){return _(C,function(L){return L})||[]},only:function(C){if(!k(C))throw Error("React.Children.only expected to receive a single React element child.");return C}};return dt.Activity=T,dt.Children=tt,dt.Component=b,dt.Fragment=c,dt.Profiler=r,dt.PureComponent=N,dt.StrictMode=f,dt.Suspense=y,dt.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE=j,dt.__COMPILER_RUNTIME={__proto__:null,c:function(C){return j.H.useMemoCache(C)}},dt.cache=function(C){return function(){return C.apply(null,arguments)}},dt.cacheSignal=function(){return null},dt.cloneElement=function(C,L,W){if(C==null)throw Error("The argument must be a React element, but you passed "+C+".");var et=p({},C.props),rt=C.key;if(L!=null)for(ot in L.key!==void 0&&(rt=""+L.key),L)!Y.call(L,ot)||ot==="key"||ot==="__self"||ot==="__source"||ot==="ref"&&L.ref===void 0||(et[ot]=L[ot]);var ot=arguments.length-2;if(ot===1)et.children=W;else if(1<ot){for(var gt=Array(ot),Jt=0;Jt<ot;Jt++)gt[Jt]=arguments[Jt+2];et.children=gt}return z(C.type,rt,et)},dt.createContext=function(C){return C={$$typeof:h,_currentValue:C,_currentValue2:C,_threadCount:0,Provider:null,Consumer:null},C.Provider=C,C.Consumer={$$typeof:o,_context:C},C},dt.createElement=function(C,L,W){var et,rt={},ot=null;if(L!=null)for(et in L.key!==void 0&&(ot=""+L.key),L)Y.call(L,et)&&et!=="key"&&et!=="__self"&&et!=="__source"&&(rt[et]=L[et]);var gt=arguments.length-2;if(gt===1)rt.children=W;else if(1<gt){for(var Jt=Array(gt),Qt=0;Qt<gt;Qt++)Jt[Qt]=arguments[Qt+2];rt.children=Jt}if(C&&C.defaultProps)for(et in gt=C.defaultProps,gt)rt[et]===void 0&&(rt[et]=gt[et]);return z(C,ot,rt)},dt.createRef=function(){return{current:null}},dt.forwardRef=function(C){return{$$typeof:v,render:C}},dt.isValidElement=k,dt.lazy=function(C){return{$$typeof:x,_payload:{_status:-1,_result:C},_init:$}},dt.memo=function(C,L){return{$$typeof:A,type:C,compare:L===void 0?null:L}},dt.startTransition=function(C){var L=j.T,W={};j.T=W;try{var et=C(),rt=j.S;rt!==null&&rt(W,et),typeof et=="object"&&et!==null&&typeof et.then=="function"&&et.then(H,ht)}catch(ot){ht(ot)}finally{L!==null&&W.types!==null&&(L.types=W.types),j.T=L}},dt.unstable_useCacheRefresh=function(){return j.H.useCacheRefresh()},dt.use=function(C){return j.H.use(C)},dt.useActionState=function(C,L,W){return j.H.useActionState(C,L,W)},dt.useCallback=function(C,L){return j.H.useCallback(C,L)},dt.useContext=function(C){return j.H.useContext(C)},dt.useDebugValue=function(){},dt.useDeferredValue=function(C,L){return j.H.useDeferredValue(C,L)},dt.useEffect=function(C,L){return j.H.useEffect(C,L)},dt.useEffectEvent=function(C){return j.H.useEffectEvent(C)},dt.useId=function(){return j.H.useId()},dt.useImperativeHandle=function(C,L,W){return j.H.useImperativeHandle(C,L,W)},dt.useInsertionEffect=function(C,L){return j.H.useInsertionEffect(C,L)},dt.useLayoutEffect=function(C,L){return j.H.useLayoutEffect(C,L)},dt.useMemo=function(C,L){return j.H.useMemo(C,L)},dt.useOptimistic=function(C,L){return j.H.useOptimistic(C,L)},dt.useReducer=function(C,L,W){return j.H.useReducer(C,L,W)},dt.useRef=function(C){return j.H.useRef(C)},dt.useState=function(C){return j.H.useState(C)},dt.useSyncExternalStore=function(C,L,W){return j.H.useSyncExternalStore(C,L,W)},dt.useTransition=function(){return j.H.useTransition()},dt.version="19.2.1",dt}var d2;function rr(){return d2||(d2=1,zf.exports=e3()),zf.exports}var it=rr();const ue=EA(it);var Yf={exports:{}},pi={},Lf={exports:{}},Gf={};/**
+ * @license React
+ * scheduler.production.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */var h2;function n3(){return h2||(h2=1,(function(i){function u(M,_){var $=M.length;M.push(_);t:for(;0<$;){var ht=$-1>>>1,tt=M[ht];if(0<r(tt,_))M[ht]=_,M[$]=tt,$=ht;else break t}}function c(M){return M.length===0?null:M[0]}function f(M){if(M.length===0)return null;var _=M[0],$=M.pop();if($!==_){M[0]=$;t:for(var ht=0,tt=M.length,C=tt>>>1;ht<C;){var L=2*(ht+1)-1,W=M[L],et=L+1,rt=M[et];if(0>r(W,$))et<tt&&0>r(rt,W)?(M[ht]=rt,M[et]=$,ht=et):(M[ht]=W,M[L]=$,ht=L);else if(et<tt&&0>r(rt,$))M[ht]=rt,M[et]=$,ht=et;else break t}}return _}function r(M,_){var $=M.sortIndex-_.sortIndex;return $!==0?$:M.id-_.id}if(i.unstable_now=void 0,typeof performance=="object"&&typeof performance.now=="function"){var o=performance;i.unstable_now=function(){return o.now()}}else{var h=Date,v=h.now();i.unstable_now=function(){return h.now()-v}}var y=[],A=[],x=1,T=null,D=3,X=!1,q=!1,p=!1,E=!1,b=typeof setTimeout=="function"?setTimeout:null,R=typeof clearTimeout=="function"?clearTimeout:null,N=typeof setImmediate<"u"?setImmediate:null;function V(M){for(var _=c(A);_!==null;){if(_.callback===null)f(A);else if(_.startTime<=M)f(A),_.sortIndex=_.expirationTime,u(y,_);else break;_=c(A)}}function F(M){if(p=!1,V(M),!q)if(c(y)!==null)q=!0,H||(H=!0,nt());else{var _=c(A);_!==null&&ut(F,_.startTime-M)}}var H=!1,j=-1,Y=5,z=-1;function I(){return E?!0:!(i.unstable_now()-z<Y)}function k(){if(E=!1,H){var M=i.unstable_now();z=M;var _=!0;try{t:{q=!1,p&&(p=!1,R(j),j=-1),X=!0;var $=D;try{e:{for(V(M),T=c(y);T!==null&&!(T.expirationTime>M&&I());){var ht=T.callback;if(typeof ht=="function"){T.callback=null,D=T.priorityLevel;var tt=ht(T.expirationTime<=M);if(M=i.unstable_now(),typeof tt=="function"){T.callback=tt,V(M),_=!0;break e}T===c(y)&&f(y),V(M)}else f(y);T=c(y)}if(T!==null)_=!0;else{var C=c(A);C!==null&&ut(F,C.startTime-M),_=!1}}break t}finally{T=null,D=$,X=!1}_=void 0}}finally{_?nt():H=!1}}}var nt;if(typeof N=="function")nt=function(){N(k)};else if(typeof MessageChannel<"u"){var P=new MessageChannel,st=P.port2;P.port1.onmessage=k,nt=function(){st.postMessage(null)}}else nt=function(){b(k,0)};function ut(M,_){j=b(function(){M(i.unstable_now())},_)}i.unstable_IdlePriority=5,i.unstable_ImmediatePriority=1,i.unstable_LowPriority=4,i.unstable_NormalPriority=3,i.unstable_Profiling=null,i.unstable_UserBlockingPriority=2,i.unstable_cancelCallback=function(M){M.callback=null},i.unstable_forceFrameRate=function(M){0>M||125<M?console.error("forceFrameRate takes a positive int between 0 and 125, forcing frame rates higher than 125 fps is not supported"):Y=0<M?Math.floor(1e3/M):5},i.unstable_getCurrentPriorityLevel=function(){return D},i.unstable_next=function(M){switch(D){case 1:case 2:case 3:var _=3;break;default:_=D}var $=D;D=_;try{return M()}finally{D=$}},i.unstable_requestPaint=function(){E=!0},i.unstable_runWithPriority=function(M,_){switch(M){case 1:case 2:case 3:case 4:case 5:break;default:M=3}var $=D;D=M;try{return _()}finally{D=$}},i.unstable_scheduleCallback=function(M,_,$){var ht=i.unstable_now();switch(typeof $=="object"&&$!==null?($=$.delay,$=typeof $=="number"&&0<$?ht+$:ht):$=ht,M){case 1:var tt=-1;break;case 2:tt=250;break;case 5:tt=1073741823;break;case 4:tt=1e4;break;default:tt=5e3}return tt=$+tt,M={id:x++,callback:_,priorityLevel:M,startTime:$,expirationTime:tt,sortIndex:-1},$>ht?(M.sortIndex=$,u(A,M),c(y)===null&&M===c(A)&&(p?(R(j),j=-1):p=!0,ut(F,$-ht))):(M.sortIndex=tt,u(y,M),q||X||(q=!0,H||(H=!0,nt()))),M},i.unstable_shouldYield=I,i.unstable_wrapCallback=function(M){var _=D;return function(){var $=D;D=_;try{return M.apply(this,arguments)}finally{D=$}}}})(Gf)),Gf}var m2;function l3(){return m2||(m2=1,Lf.exports=n3()),Lf.exports}var Xf={exports:{}},ce={};/**
+ * @license React
+ * react-dom.production.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */var g2;function a3(){if(g2)return ce;g2=1;var i=rr();function u(y){var A="https://react.dev/errors/"+y;if(1<arguments.length){A+="?args[]="+encodeURIComponent(arguments[1]);for(var x=2;x<arguments.length;x++)A+="&args[]="+encodeURIComponent(arguments[x])}return"Minified React error #"+y+"; visit "+A+" for the full message or use the non-minified dev environment for full errors and additional helpful warnings."}function c(){}var f={d:{f:c,r:function(){throw Error(u(522))},D:c,C:c,L:c,m:c,X:c,S:c,M:c},p:0,findDOMNode:null},r=Symbol.for("react.portal");function o(y,A,x){var T=3<arguments.length&&arguments[3]!==void 0?arguments[3]:null;return{$$typeof:r,key:T==null?null:""+T,children:y,containerInfo:A,implementation:x}}var h=i.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;function v(y,A){if(y==="font")return"";if(typeof A=="string")return A==="use-credentials"?A:""}return ce.__DOM_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE=f,ce.createPortal=function(y,A){var x=2<arguments.length&&arguments[2]!==void 0?arguments[2]:null;if(!A||A.nodeType!==1&&A.nodeType!==9&&A.nodeType!==11)throw Error(u(299));return o(y,A,null,x)},ce.flushSync=function(y){var A=h.T,x=f.p;try{if(h.T=null,f.p=2,y)return y()}finally{h.T=A,f.p=x,f.d.f()}},ce.preconnect=function(y,A){typeof y=="string"&&(A?(A=A.crossOrigin,A=typeof A=="string"?A==="use-credentials"?A:"":void 0):A=null,f.d.C(y,A))},ce.prefetchDNS=function(y){typeof y=="string"&&f.d.D(y)},ce.preinit=function(y,A){if(typeof y=="string"&&A&&typeof A.as=="string"){var x=A.as,T=v(x,A.crossOrigin),D=typeof A.integrity=="string"?A.integrity:void 0,X=typeof A.fetchPriority=="string"?A.fetchPriority:void 0;x==="style"?f.d.S(y,typeof A.precedence=="string"?A.precedence:void 0,{crossOrigin:T,integrity:D,fetchPriority:X}):x==="script"&&f.d.X(y,{crossOrigin:T,integrity:D,fetchPriority:X,nonce:typeof A.nonce=="string"?A.nonce:void 0})}},ce.preinitModule=function(y,A){if(typeof y=="string")if(typeof A=="object"&&A!==null){if(A.as==null||A.as==="script"){var x=v(A.as,A.crossOrigin);f.d.M(y,{crossOrigin:x,integrity:typeof A.integrity=="string"?A.integrity:void 0,nonce:typeof A.nonce=="string"?A.nonce:void 0})}}else A==null&&f.d.M(y)},ce.preload=function(y,A){if(typeof y=="string"&&typeof A=="object"&&A!==null&&typeof A.as=="string"){var x=A.as,T=v(x,A.crossOrigin);f.d.L(y,x,{crossOrigin:T,integrity:typeof A.integrity=="string"?A.integrity:void 0,nonce:typeof A.nonce=="string"?A.nonce:void 0,type:typeof A.type=="string"?A.type:void 0,fetchPriority:typeof A.fetchPriority=="string"?A.fetchPriority:void 0,referrerPolicy:typeof A.referrerPolicy=="string"?A.referrerPolicy:void 0,imageSrcSet:typeof A.imageSrcSet=="string"?A.imageSrcSet:void 0,imageSizes:typeof A.imageSizes=="string"?A.imageSizes:void 0,media:typeof A.media=="string"?A.media:void 0})}},ce.preloadModule=function(y,A){if(typeof y=="string")if(A){var x=v(A.as,A.crossOrigin);f.d.m(y,{as:typeof A.as=="string"&&A.as!=="script"?A.as:void 0,crossOrigin:x,integrity:typeof A.integrity=="string"?A.integrity:void 0})}else f.d.m(y)},ce.requestFormReset=function(y){f.d.r(y)},ce.unstable_batchedUpdates=function(y,A){return y(A)},ce.useFormState=function(y,A,x){return h.H.useFormState(y,A,x)},ce.useFormStatus=function(){return h.H.useHostTransitionStatus()},ce.version="19.2.1",ce}var A2;function i3(){if(A2)return Xf.exports;A2=1;function i(){if(!(typeof __REACT_DEVTOOLS_GLOBAL_HOOK__>"u"||typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE!="function"))try{__REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(i)}catch(u){console.error(u)}}return i(),Xf.exports=a3(),Xf.exports}/**
+ * @license React
+ * react-dom-client.production.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */var v2;function u3(){if(v2)return pi;v2=1;var i=l3(),u=rr(),c=i3();function f(t){var e="https://react.dev/errors/"+t;if(1<arguments.length){e+="?args[]="+encodeURIComponent(arguments[1]);for(var n=2;n<arguments.length;n++)e+="&args[]="+encodeURIComponent(arguments[n])}return"Minified React error #"+t+"; visit "+e+" for the full message or use the non-minified dev environment for full errors and additional helpful warnings."}function r(t){return!(!t||t.nodeType!==1&&t.nodeType!==9&&t.nodeType!==11)}function o(t){var e=t,n=t;if(t.alternate)for(;e.return;)e=e.return;else{t=e;do e=t,(e.flags&4098)!==0&&(n=e.return),t=e.return;while(t)}return e.tag===3?n:null}function h(t){if(t.tag===13){var e=t.memoizedState;if(e===null&&(t=t.alternate,t!==null&&(e=t.memoizedState)),e!==null)return e.dehydrated}return null}function v(t){if(t.tag===31){var e=t.memoizedState;if(e===null&&(t=t.alternate,t!==null&&(e=t.memoizedState)),e!==null)return e.dehydrated}return null}function y(t){if(o(t)!==t)throw Error(f(188))}function A(t){var e=t.alternate;if(!e){if(e=o(t),e===null)throw Error(f(188));return e!==t?null:t}for(var n=t,l=e;;){var a=n.return;if(a===null)break;var s=a.alternate;if(s===null){if(l=a.return,l!==null){n=l;continue}break}if(a.child===s.child){for(s=a.child;s;){if(s===n)return y(a),t;if(s===l)return y(a),e;s=s.sibling}throw Error(f(188))}if(n.return!==l.return)n=a,l=s;else{for(var d=!1,g=a.child;g;){if(g===n){d=!0,n=a,l=s;break}if(g===l){d=!0,l=a,n=s;break}g=g.sibling}if(!d){for(g=s.child;g;){if(g===n){d=!0,n=s,l=a;break}if(g===l){d=!0,l=s,n=a;break}g=g.sibling}if(!d)throw Error(f(189))}}if(n.alternate!==l)throw Error(f(190))}if(n.tag!==3)throw Error(f(188));return n.stateNode.current===n?t:e}function x(t){var e=t.tag;if(e===5||e===26||e===27||e===6)return t;for(t=t.child;t!==null;){if(e=x(t),e!==null)return e;t=t.sibling}return null}var T=Object.assign,D=Symbol.for("react.element"),X=Symbol.for("react.transitional.element"),q=Symbol.for("react.portal"),p=Symbol.for("react.fragment"),E=Symbol.for("react.strict_mode"),b=Symbol.for("react.profiler"),R=Symbol.for("react.consumer"),N=Symbol.for("react.context"),V=Symbol.for("react.forward_ref"),F=Symbol.for("react.suspense"),H=Symbol.for("react.suspense_list"),j=Symbol.for("react.memo"),Y=Symbol.for("react.lazy"),z=Symbol.for("react.activity"),I=Symbol.for("react.memo_cache_sentinel"),k=Symbol.iterator;function nt(t){return t===null||typeof t!="object"?null:(t=k&&t[k]||t["@@iterator"],typeof t=="function"?t:null)}var P=Symbol.for("react.client.reference");function st(t){if(t==null)return null;if(typeof t=="function")return t.$$typeof===P?null:t.displayName||t.name||null;if(typeof t=="string")return t;switch(t){case p:return"Fragment";case b:return"Profiler";case E:return"StrictMode";case F:return"Suspense";case H:return"SuspenseList";case z:return"Activity"}if(typeof t=="object")switch(t.$$typeof){case q:return"Portal";case N:return t.displayName||"Context";case R:return(t._context.displayName||"Context")+".Consumer";case V:var e=t.render;return t=t.displayName,t||(t=e.displayName||e.name||"",t=t!==""?"ForwardRef("+t+")":"ForwardRef"),t;case j:return e=t.displayName||null,e!==null?e:st(t.type)||"Memo";case Y:e=t._payload,t=t._init;try{return st(t(e))}catch{}}return null}var ut=Array.isArray,M=u.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,_=c.__DOM_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,$={pending:!1,data:null,method:null,action:null},ht=[],tt=-1;function C(t){return{current:t}}function L(t){0>tt||(t.current=ht[tt],ht[tt]=null,tt--)}function W(t,e){tt++,ht[tt]=t.current,t.current=e}var et=C(null),rt=C(null),ot=C(null),gt=C(null);function Jt(t,e){switch(W(ot,e),W(rt,t),W(et,null),e.nodeType){case 9:case 11:t=(t=e.documentElement)&&(t=t.namespaceURI)?Xd(t):0;break;default:if(t=e.tagName,e=e.namespaceURI)e=Xd(e),t=Vd(e,t);else switch(t){case"svg":t=1;break;case"math":t=2;break;default:t=0}}L(et),W(et,t)}function Qt(){L(et),L(rt),L(ot)}function Sn(t){t.memoizedState!==null&&W(gt,t);var e=et.current,n=Vd(e,t.type);e!==n&&(W(rt,t),W(et,n))}function ul(t){rt.current===t&&(L(et),L(rt)),gt.current===t&&(L(gt),hi._currentValue=$)}var Tn,jl;function Ee(t){if(Tn===void 0)try{throw Error()}catch(n){var e=n.stack.trim().match(/\n( *(at )?)/);Tn=e&&e[1]||"",jl=-1<n.stack.indexOf(`
+    at`)?" (<anonymous>)":-1<n.stack.indexOf("@")?"@unknown:0:0":""}return`
+`+Tn+t+jl}var Nl=!1;function Cn(t,e){if(!t||Nl)return"";Nl=!0;var n=Error.prepareStackTrace;Error.prepareStackTrace=void 0;try{var l={DetermineComponentFrameRoot:function(){try{if(e){var J=function(){throw Error()};if(Object.defineProperty(J.prototype,"props",{set:function(){throw Error()}}),typeof Reflect=="object"&&Reflect.construct){try{Reflect.construct(J,[])}catch(G){var Q=G}Reflect.construct(t,[],J)}else{try{J.call()}catch(G){Q=G}t.call(J.prototype)}}else{try{throw Error()}catch(G){Q=G}(J=t())&&typeof J.catch=="function"&&J.catch(function(){})}}catch(G){if(G&&Q&&typeof G.stack=="string")return[G.stack,Q.stack]}return[null,null]}};l.DetermineComponentFrameRoot.displayName="DetermineComponentFrameRoot";var a=Object.getOwnPropertyDescriptor(l.DetermineComponentFrameRoot,"name");a&&a.configurable&&Object.defineProperty(l.DetermineComponentFrameRoot,"name",{value:"DetermineComponentFrameRoot"});var s=l.DetermineComponentFrameRoot(),d=s[0],g=s[1];if(d&&g){var S=d.split(`
+`),U=g.split(`
+`);for(a=l=0;l<S.length&&!S[l].includes("DetermineComponentFrameRoot");)l++;for(;a<U.length&&!U[a].includes("DetermineComponentFrameRoot");)a++;if(l===S.length||a===U.length)for(l=S.length-1,a=U.length-1;1<=l&&0<=a&&S[l]!==U[a];)a--;for(;1<=l&&0<=a;l--,a--)if(S[l]!==U[a]){if(l!==1||a!==1)do if(l--,a--,0>a||S[l]!==U[a]){var Z=`
+`+S[l].replace(" at new "," at ");return t.displayName&&Z.includes("<anonymous>")&&(Z=Z.replace("<anonymous>",t.displayName)),Z}while(1<=l&&0<=a);break}}}finally{Nl=!1,Error.prepareStackTrace=n}return(n=t?t.displayName||t.name:"")?Ee(n):""}function Hl(t,e){switch(t.tag){case 26:case 27:case 5:return Ee(t.type);case 16:return Ee("Lazy");case 13:return t.child!==e&&e!==null?Ee("Suspense Fallback"):Ee("Suspense");case 19:return Ee("SuspenseList");case 0:case 15:return Cn(t.type,!1);case 11:return Cn(t.type.render,!1);case 1:return Cn(t.type,!0);case 31:return Ee("Activity");default:return""}}function ji(t){try{var e="",n=null;do e+=Hl(t,n),n=t,t=t.return;while(t);return e}catch(l){return`
+Error generating stack: `+l.message+`
+`+l.stack}}var rc=Object.prototype.hasOwnProperty,oc=i.unstable_scheduleCallback,dc=i.unstable_cancelCallback,_h=i.unstable_shouldYield,Ph=i.unstable_requestPaint,pe=i.unstable_now,$h=i.unstable_getCurrentPriorityLevel,yr=i.unstable_ImmediatePriority,Er=i.unstable_UserBlockingPriority,Ni=i.unstable_NormalPriority,tm=i.unstable_LowPriority,pr=i.unstable_IdlePriority,em=i.log,nm=i.unstable_setDisableYieldValue,Ca=null,xe=null;function On(t){if(typeof em=="function"&&nm(t),xe&&typeof xe.setStrictMode=="function")try{xe.setStrictMode(Ca,t)}catch{}}var be=Math.clz32?Math.clz32:im,lm=Math.log,am=Math.LN2;function im(t){return t>>>=0,t===0?32:31-(lm(t)/am|0)|0}var Hi=256,Bi=262144,Ui=4194304;function cl(t){var e=t&42;if(e!==0)return e;switch(t&-t){case 1:return 1;case 2:return 2;case 4:return 4;case 8:return 8;case 16:return 16;case 32:return 32;case 64:return 64;case 128:return 128;case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:return t&261888;case 262144:case 524288:case 1048576:case 2097152:return t&3932160;case 4194304:case 8388608:case 16777216:case 33554432:return t&62914560;case 67108864:return 67108864;case 134217728:return 134217728;case 268435456:return 268435456;case 536870912:return 536870912;case 1073741824:return 0;default:return t}}function Qi(t,e,n){var l=t.pendingLanes;if(l===0)return 0;var a=0,s=t.suspendedLanes,d=t.pingedLanes;t=t.warmLanes;var g=l&134217727;return g!==0?(l=g&~s,l!==0?a=cl(l):(d&=g,d!==0?a=cl(d):n||(n=g&~t,n!==0&&(a=cl(n))))):(g=l&~s,g!==0?a=cl(g):d!==0?a=cl(d):n||(n=l&~t,n!==0&&(a=cl(n)))),a===0?0:e!==0&&e!==a&&(e&s)===0&&(s=a&-a,n=e&-e,s>=n||s===32&&(n&4194048)!==0)?e:a}function Oa(t,e){return(t.pendingLanes&~(t.suspendedLanes&~t.pingedLanes)&e)===0}function um(t,e){switch(t){case 1:case 2:case 4:case 8:case 64:return e+250;case 16:case 32:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:return e+5e3;case 4194304:case 8388608:case 16777216:case 33554432:return-1;case 67108864:case 134217728:case 268435456:case 536870912:case 1073741824:return-1;default:return-1}}function xr(){var t=Ui;return Ui<<=1,(Ui&62914560)===0&&(Ui=4194304),t}function hc(t){for(var e=[],n=0;31>n;n++)e.push(t);return e}function Da(t,e){t.pendingLanes|=e,e!==268435456&&(t.suspendedLanes=0,t.pingedLanes=0,t.warmLanes=0)}function cm(t,e,n,l,a,s){var d=t.pendingLanes;t.pendingLanes=n,t.suspendedLanes=0,t.pingedLanes=0,t.warmLanes=0,t.expiredLanes&=n,t.entangledLanes&=n,t.errorRecoveryDisabledLanes&=n,t.shellSuspendCounter=0;var g=t.entanglements,S=t.expirationTimes,U=t.hiddenUpdates;for(n=d&~n;0<n;){var Z=31-be(n),J=1<<Z;g[Z]=0,S[Z]=-1;var Q=U[Z];if(Q!==null)for(U[Z]=null,Z=0;Z<Q.length;Z++){var G=Q[Z];G!==null&&(G.lane&=-536870913)}n&=~J}l!==0&&br(t,l,0),s!==0&&a===0&&t.tag!==0&&(t.suspendedLanes|=s&~(d&~e))}function br(t,e,n){t.pendingLanes|=e,t.suspendedLanes&=~e;var l=31-be(e);t.entangledLanes|=e,t.entanglements[l]=t.entanglements[l]|1073741824|n&261930}function Sr(t,e){var n=t.entangledLanes|=e;for(t=t.entanglements;n;){var l=31-be(n),a=1<<l;a&e|t[l]&e&&(t[l]|=e),n&=~a}}function Tr(t,e){var n=e&-e;return n=(n&42)!==0?1:mc(n),(n&(t.suspendedLanes|e))!==0?0:n}function mc(t){switch(t){case 2:t=1;break;case 8:t=4;break;case 32:t=16;break;case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:case 4194304:case 8388608:case 16777216:case 33554432:t=128;break;case 268435456:t=134217728;break;default:t=0}return t}function gc(t){return t&=-t,2<t?8<t?(t&134217727)!==0?32:268435456:8:2}function Cr(){var t=_.p;return t!==0?t:(t=window.event,t===void 0?32:o1(t.type))}function Or(t,e){var n=_.p;try{return _.p=t,e()}finally{_.p=n}}var Dn=Math.random().toString(36).slice(2),te="__reactFiber$"+Dn,oe="__reactProps$"+Dn,Bl="__reactContainer$"+Dn,Ac="__reactEvents$"+Dn,sm="__reactListeners$"+Dn,fm="__reactHandles$"+Dn,Dr="__reactResources$"+Dn,Ra="__reactMarker$"+Dn;function vc(t){delete t[te],delete t[oe],delete t[Ac],delete t[sm],delete t[fm]}function Ul(t){var e=t[te];if(e)return e;for(var n=t.parentNode;n;){if(e=n[Bl]||n[te]){if(n=e.alternate,e.child!==null||n!==null&&n.child!==null)for(t=Fd(t);t!==null;){if(n=t[te])return n;t=Fd(t)}return e}t=n,n=t.parentNode}return null}function Ql(t){if(t=t[te]||t[Bl]){var e=t.tag;if(e===5||e===6||e===13||e===31||e===26||e===27||e===3)return t}return null}function wa(t){var e=t.tag;if(e===5||e===26||e===27||e===6)return t.stateNode;throw Error(f(33))}function zl(t){var e=t[Dr];return e||(e=t[Dr]={hoistableStyles:new Map,hoistableScripts:new Map}),e}function Ft(t){t[Ra]=!0}var Rr=new Set,wr={};function sl(t,e){Yl(t,e),Yl(t+"Capture",e)}function Yl(t,e){for(wr[t]=e,t=0;t<e.length;t++)Rr.add(e[t])}var rm=RegExp("^[:A-Z_a-z\\u00C0-\\u00D6\\u00D8-\\u00F6\\u00F8-\\u02FF\\u0370-\\u037D\\u037F-\\u1FFF\\u200C-\\u200D\\u2070-\\u218F\\u2C00-\\u2FEF\\u3001-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFFD][:A-Z_a-z\\u00C0-\\u00D6\\u00D8-\\u00F6\\u00F8-\\u02FF\\u0370-\\u037D\\u037F-\\u1FFF\\u200C-\\u200D\\u2070-\\u218F\\u2C00-\\u2FEF\\u3001-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFFD\\-.0-9\\u00B7\\u0300-\\u036F\\u203F-\\u2040]*$"),Mr={},jr={};function om(t){return rc.call(jr,t)?!0:rc.call(Mr,t)?!1:rm.test(t)?jr[t]=!0:(Mr[t]=!0,!1)}function zi(t,e,n){if(om(e))if(n===null)t.removeAttribute(e);else{switch(typeof n){case"undefined":case"function":case"symbol":t.removeAttribute(e);return;case"boolean":var l=e.toLowerCase().slice(0,5);if(l!=="data-"&&l!=="aria-"){t.removeAttribute(e);return}}t.setAttribute(e,""+n)}}function Yi(t,e,n){if(n===null)t.removeAttribute(e);else{switch(typeof n){case"undefined":case"function":case"symbol":case"boolean":t.removeAttribute(e);return}t.setAttribute(e,""+n)}}function $e(t,e,n,l){if(l===null)t.removeAttribute(n);else{switch(typeof l){case"undefined":case"function":case"symbol":case"boolean":t.removeAttribute(n);return}t.setAttributeNS(e,n,""+l)}}function je(t){switch(typeof t){case"bigint":case"boolean":case"number":case"string":case"undefined":return t;case"object":return t;default:return""}}function Nr(t){var e=t.type;return(t=t.nodeName)&&t.toLowerCase()==="input"&&(e==="checkbox"||e==="radio")}function dm(t,e,n){var l=Object.getOwnPropertyDescriptor(t.constructor.prototype,e);if(!t.hasOwnProperty(e)&&typeof l<"u"&&typeof l.get=="function"&&typeof l.set=="function"){var a=l.get,s=l.set;return Object.defineProperty(t,e,{configurable:!0,get:function(){return a.call(this)},set:function(d){n=""+d,s.call(this,d)}}),Object.defineProperty(t,e,{enumerable:l.enumerable}),{getValue:function(){return n},setValue:function(d){n=""+d},stopTracking:function(){t._valueTracker=null,delete t[e]}}}}function yc(t){if(!t._valueTracker){var e=Nr(t)?"checked":"value";t._valueTracker=dm(t,e,""+t[e])}}function Hr(t){if(!t)return!1;var e=t._valueTracker;if(!e)return!0;var n=e.getValue(),l="";return t&&(l=Nr(t)?t.checked?"true":"false":t.value),t=l,t!==n?(e.setValue(t),!0):!1}function Li(t){if(t=t||(typeof document<"u"?document:void 0),typeof t>"u")return null;try{return t.activeElement||t.body}catch{return t.body}}var hm=/[\n"\\]/g;function Ne(t){return t.replace(hm,function(e){return"\\"+e.charCodeAt(0).toString(16)+" "})}function Ec(t,e,n,l,a,s,d,g){t.name="",d!=null&&typeof d!="function"&&typeof d!="symbol"&&typeof d!="boolean"?t.type=d:t.removeAttribute("type"),e!=null?d==="number"?(e===0&&t.value===""||t.value!=e)&&(t.value=""+je(e)):t.value!==""+je(e)&&(t.value=""+je(e)):d!=="submit"&&d!=="reset"||t.removeAttribute("value"),e!=null?pc(t,d,je(e)):n!=null?pc(t,d,je(n)):l!=null&&t.removeAttribute("value"),a==null&&s!=null&&(t.defaultChecked=!!s),a!=null&&(t.checked=a&&typeof a!="function"&&typeof a!="symbol"),g!=null&&typeof g!="function"&&typeof g!="symbol"&&typeof g!="boolean"?t.name=""+je(g):t.removeAttribute("name")}function Br(t,e,n,l,a,s,d,g){if(s!=null&&typeof s!="function"&&typeof s!="symbol"&&typeof s!="boolean"&&(t.type=s),e!=null||n!=null){if(!(s!=="submit"&&s!=="reset"||e!=null)){yc(t);return}n=n!=null?""+je(n):"",e=e!=null?""+je(e):n,g||e===t.value||(t.value=e),t.defaultValue=e}l=l??a,l=typeof l!="function"&&typeof l!="symbol"&&!!l,t.checked=g?t.checked:!!l,t.defaultChecked=!!l,d!=null&&typeof d!="function"&&typeof d!="symbol"&&typeof d!="boolean"&&(t.name=d),yc(t)}function pc(t,e,n){e==="number"&&Li(t.ownerDocument)===t||t.defaultValue===""+n||(t.defaultValue=""+n)}function Ll(t,e,n,l){if(t=t.options,e){e={};for(var a=0;a<n.length;a++)e["$"+n[a]]=!0;for(n=0;n<t.length;n++)a=e.hasOwnProperty("$"+t[n].value),t[n].selected!==a&&(t[n].selected=a),a&&l&&(t[n].defaultSelected=!0)}else{for(n=""+je(n),e=null,a=0;a<t.length;a++){if(t[a].value===n){t[a].selected=!0,l&&(t[a].defaultSelected=!0);return}e!==null||t[a].disabled||(e=t[a])}e!==null&&(e.selected=!0)}}function Ur(t,e,n){if(e!=null&&(e=""+je(e),e!==t.value&&(t.value=e),n==null)){t.defaultValue!==e&&(t.defaultValue=e);return}t.defaultValue=n!=null?""+je(n):""}function Qr(t,e,n,l){if(e==null){if(l!=null){if(n!=null)throw Error(f(92));if(ut(l)){if(1<l.length)throw Error(f(93));l=l[0]}n=l}n==null&&(n=""),e=n}n=je(e),t.defaultValue=n,l=t.textContent,l===n&&l!==""&&l!==null&&(t.value=l),yc(t)}function Gl(t,e){if(e){var n=t.firstChild;if(n&&n===t.lastChild&&n.nodeType===3){n.nodeValue=e;return}}t.textContent=e}var mm=new Set("animationIterationCount aspectRatio borderImageOutset borderImageSlice borderImageWidth boxFlex boxFlexGroup boxOrdinalGroup columnCount columns flex flexGrow flexPositive flexShrink flexNegative flexOrder gridArea gridRow gridRowEnd gridRowSpan gridRowStart gridColumn gridColumnEnd gridColumnSpan gridColumnStart fontWeight lineClamp lineHeight opacity order orphans scale tabSize widows zIndex zoom fillOpacity floodOpacity stopOpacity strokeDasharray strokeDashoffset strokeMiterlimit strokeOpacity strokeWidth MozAnimationIterationCount MozBoxFlex MozBoxFlexGroup MozLineClamp msAnimationIterationCount msFlex msZoom msFlexGrow msFlexNegative msFlexOrder msFlexPositive msFlexShrink msGridColumn msGridColumnSpan msGridRow msGridRowSpan WebkitAnimationIterationCount WebkitBoxFlex WebKitBoxFlexGroup WebkitBoxOrdinalGroup WebkitColumnCount WebkitColumns WebkitFlex WebkitFlexGrow WebkitFlexPositive WebkitFlexShrink WebkitLineClamp".split(" "));function zr(t,e,n){var l=e.indexOf("--")===0;n==null||typeof n=="boolean"||n===""?l?t.setProperty(e,""):e==="float"?t.cssFloat="":t[e]="":l?t.setProperty(e,n):typeof n!="number"||n===0||mm.has(e)?e==="float"?t.cssFloat=n:t[e]=(""+n).trim():t[e]=n+"px"}function Yr(t,e,n){if(e!=null&&typeof e!="object")throw Error(f(62));if(t=t.style,n!=null){for(var l in n)!n.hasOwnProperty(l)||e!=null&&e.hasOwnProperty(l)||(l.indexOf("--")===0?t.setProperty(l,""):l==="float"?t.cssFloat="":t[l]="");for(var a in e)l=e[a],e.hasOwnProperty(a)&&n[a]!==l&&zr(t,a,l)}else for(var s in e)e.hasOwnProperty(s)&&zr(t,s,e[s])}function xc(t){if(t.indexOf("-")===-1)return!1;switch(t){case"annotation-xml":case"color-profile":case"font-face":case"font-face-src":case"font-face-uri":case"font-face-format":case"font-face-name":case"missing-glyph":return!1;default:return!0}}var gm=new Map([["acceptCharset","accept-charset"],["htmlFor","for"],["httpEquiv","http-equiv"],["crossOrigin","crossorigin"],["accentHeight","accent-height"],["alignmentBaseline","alignment-baseline"],["arabicForm","arabic-form"],["baselineShift","baseline-shift"],["capHeight","cap-height"],["clipPath","clip-path"],["clipRule","clip-rule"],["colorInterpolation","color-interpolation"],["colorInterpolationFilters","color-interpolation-filters"],["colorProfile","color-profile"],["colorRendering","color-rendering"],["dominantBaseline","dominant-baseline"],["enableBackground","enable-background"],["fillOpacity","fill-opacity"],["fillRule","fill-rule"],["floodColor","flood-color"],["floodOpacity","flood-opacity"],["fontFamily","font-family"],["fontSize","font-size"],["fontSizeAdjust","font-size-adjust"],["fontStretch","font-stretch"],["fontStyle","font-style"],["fontVariant","font-variant"],["fontWeight","font-weight"],["glyphName","glyph-name"],["glyphOrientationHorizontal","glyph-orientation-horizontal"],["glyphOrientationVertical","glyph-orientation-vertical"],["horizAdvX","horiz-adv-x"],["horizOriginX","horiz-origin-x"],["imageRendering","image-rendering"],["letterSpacing","letter-spacing"],["lightingColor","lighting-color"],["markerEnd","marker-end"],["markerMid","marker-mid"],["markerStart","marker-start"],["overlinePosition","overline-position"],["overlineThickness","overline-thickness"],["paintOrder","paint-order"],["panose-1","panose-1"],["pointerEvents","pointer-events"],["renderingIntent","rendering-intent"],["shapeRendering","shape-rendering"],["stopColor","stop-color"],["stopOpacity","stop-opacity"],["strikethroughPosition","strikethrough-position"],["strikethroughThickness","strikethrough-thickness"],["strokeDasharray","stroke-dasharray"],["strokeDashoffset","stroke-dashoffset"],["strokeLinecap","stroke-linecap"],["strokeLinejoin","stroke-linejoin"],["strokeMiterlimit","stroke-miterlimit"],["strokeOpacity","stroke-opacity"],["strokeWidth","stroke-width"],["textAnchor","text-anchor"],["textDecoration","text-decoration"],["textRendering","text-rendering"],["transformOrigin","transform-origin"],["underlinePosition","underline-position"],["underlineThickness","underline-thickness"],["unicodeBidi","unicode-bidi"],["unicodeRange","unicode-range"],["unitsPerEm","units-per-em"],["vAlphabetic","v-alphabetic"],["vHanging","v-hanging"],["vIdeographic","v-ideographic"],["vMathematical","v-mathematical"],["vectorEffect","vector-effect"],["vertAdvY","vert-adv-y"],["vertOriginX","vert-origin-x"],["vertOriginY","vert-origin-y"],["wordSpacing","word-spacing"],["writingMode","writing-mode"],["xmlnsXlink","xmlns:xlink"],["xHeight","x-height"]]),Am=/^[\u0000-\u001F ]*j[\r\n\t]*a[\r\n\t]*v[\r\n\t]*a[\r\n\t]*s[\r\n\t]*c[\r\n\t]*r[\r\n\t]*i[\r\n\t]*p[\r\n\t]*t[\r\n\t]*:/i;function Gi(t){return Am.test(""+t)?"javascript:throw new Error('React has blocked a javascript: URL as a security precaution.')":t}function tn(){}var bc=null;function Sc(t){return t=t.target||t.srcElement||window,t.correspondingUseElement&&(t=t.correspondingUseElement),t.nodeType===3?t.parentNode:t}var Xl=null,Vl=null;function Lr(t){var e=Ql(t);if(e&&(t=e.stateNode)){var n=t[oe]||null;t:switch(t=e.stateNode,e.type){case"input":if(Ec(t,n.value,n.defaultValue,n.defaultValue,n.checked,n.defaultChecked,n.type,n.name),e=n.name,n.type==="radio"&&e!=null){for(n=t;n.parentNode;)n=n.parentNode;for(n=n.querySelectorAll('input[name="'+Ne(""+e)+'"][type="radio"]'),e=0;e<n.length;e++){var l=n[e];if(l!==t&&l.form===t.form){var a=l[oe]||null;if(!a)throw Error(f(90));Ec(l,a.value,a.defaultValue,a.defaultValue,a.checked,a.defaultChecked,a.type,a.name)}}for(e=0;e<n.length;e++)l=n[e],l.form===t.form&&Hr(l)}break t;case"textarea":Ur(t,n.value,n.defaultValue);break t;case"select":e=n.value,e!=null&&Ll(t,!!n.multiple,e,!1)}}}var Tc=!1;function Gr(t,e,n){if(Tc)return t(e,n);Tc=!0;try{var l=t(e);return l}finally{if(Tc=!1,(Xl!==null||Vl!==null)&&(Du(),Xl&&(e=Xl,t=Vl,Vl=Xl=null,Lr(e),t)))for(e=0;e<t.length;e++)Lr(t[e])}}function Ma(t,e){var n=t.stateNode;if(n===null)return null;var l=n[oe]||null;if(l===null)return null;n=l[e];t:switch(e){case"onClick":case"onClickCapture":case"onDoubleClick":case"onDoubleClickCapture":case"onMouseDown":case"onMouseDownCapture":case"onMouseMove":case"onMouseMoveCapture":case"onMouseUp":case"onMouseUpCapture":case"onMouseEnter":(l=!l.disabled)||(t=t.type,l=!(t==="button"||t==="input"||t==="select"||t==="textarea")),t=!l;break t;default:t=!1}if(t)return null;if(n&&typeof n!="function")throw Error(f(231,e,typeof n));return n}var en=!(typeof window>"u"||typeof window.document>"u"||typeof window.document.createElement>"u"),Cc=!1;if(en)try{var ja={};Object.defineProperty(ja,"passive",{get:function(){Cc=!0}}),window.addEventListener("test",ja,ja),window.removeEventListener("test",ja,ja)}catch{Cc=!1}var Rn=null,Oc=null,Xi=null;function Xr(){if(Xi)return Xi;var t,e=Oc,n=e.length,l,a="value"in Rn?Rn.value:Rn.textContent,s=a.length;for(t=0;t<n&&e[t]===a[t];t++);var d=n-t;for(l=1;l<=d&&e[n-l]===a[s-l];l++);return Xi=a.slice(t,1<l?1-l:void 0)}function Vi(t){var e=t.keyCode;return"charCode"in t?(t=t.charCode,t===0&&e===13&&(t=13)):t=e,t===10&&(t=13),32<=t||t===13?t:0}function Zi(){return!0}function Vr(){return!1}function de(t){function e(n,l,a,s,d){this._reactName=n,this._targetInst=a,this.type=l,this.nativeEvent=s,this.target=d,this.currentTarget=null;for(var g in t)t.hasOwnProperty(g)&&(n=t[g],this[g]=n?n(s):s[g]);return this.isDefaultPrevented=(s.defaultPrevented!=null?s.defaultPrevented:s.returnValue===!1)?Zi:Vr,this.isPropagationStopped=Vr,this}return T(e.prototype,{preventDefault:function(){this.defaultPrevented=!0;var n=this.nativeEvent;n&&(n.preventDefault?n.preventDefault():typeof n.returnValue!="unknown"&&(n.returnValue=!1),this.isDefaultPrevented=Zi)},stopPropagation:function(){var n=this.nativeEvent;n&&(n.stopPropagation?n.stopPropagation():typeof n.cancelBubble!="unknown"&&(n.cancelBubble=!0),this.isPropagationStopped=Zi)},persist:function(){},isPersistent:Zi}),e}var fl={eventPhase:0,bubbles:0,cancelable:0,timeStamp:function(t){return t.timeStamp||Date.now()},defaultPrevented:0,isTrusted:0},Ii=de(fl),Na=T({},fl,{view:0,detail:0}),vm=de(Na),Dc,Rc,Ha,qi=T({},Na,{screenX:0,screenY:0,clientX:0,clientY:0,pageX:0,pageY:0,ctrlKey:0,shiftKey:0,altKey:0,metaKey:0,getModifierState:Mc,button:0,buttons:0,relatedTarget:function(t){return t.relatedTarget===void 0?t.fromElement===t.srcElement?t.toElement:t.fromElement:t.relatedTarget},movementX:function(t){return"movementX"in t?t.movementX:(t!==Ha&&(Ha&&t.type==="mousemove"?(Dc=t.screenX-Ha.screenX,Rc=t.screenY-Ha.screenY):Rc=Dc=0,Ha=t),Dc)},movementY:function(t){return"movementY"in t?t.movementY:Rc}}),Zr=de(qi),ym=T({},qi,{dataTransfer:0}),Em=de(ym),pm=T({},Na,{relatedTarget:0}),wc=de(pm),xm=T({},fl,{animationName:0,elapsedTime:0,pseudoElement:0}),bm=de(xm),Sm=T({},fl,{clipboardData:function(t){return"clipboardData"in t?t.clipboardData:window.clipboardData}}),Tm=de(Sm),Cm=T({},fl,{data:0}),Ir=de(Cm),Om={Esc:"Escape",Spacebar:" ",Left:"ArrowLeft",Up:"ArrowUp",Right:"ArrowRight",Down:"ArrowDown",Del:"Delete",Win:"OS",Menu:"ContextMenu",Apps:"ContextMenu",Scroll:"ScrollLock",MozPrintableKey:"Unidentified"},Dm={8:"Backspace",9:"Tab",12:"Clear",13:"Enter",16:"Shift",17:"Control",18:"Alt",19:"Pause",20:"CapsLock",27:"Escape",32:" ",33:"PageUp",34:"PageDown",35:"End",36:"Home",37:"ArrowLeft",38:"ArrowUp",39:"ArrowRight",40:"ArrowDown",45:"Insert",46:"Delete",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:"NumLock",145:"ScrollLock",224:"Meta"},Rm={Alt:"altKey",Control:"ctrlKey",Meta:"metaKey",Shift:"shiftKey"};function wm(t){var e=this.nativeEvent;return e.getModifierState?e.getModifierState(t):(t=Rm[t])?!!e[t]:!1}function Mc(){return wm}var Mm=T({},Na,{key:function(t){if(t.key){var e=Om[t.key]||t.key;if(e!=="Unidentified")return e}return t.type==="keypress"?(t=Vi(t),t===13?"Enter":String.fromCharCode(t)):t.type==="keydown"||t.type==="keyup"?Dm[t.keyCode]||"Unidentified":""},code:0,location:0,ctrlKey:0,shiftKey:0,altKey:0,metaKey:0,repeat:0,locale:0,getModifierState:Mc,charCode:function(t){return t.type==="keypress"?Vi(t):0},keyCode:function(t){return t.type==="keydown"||t.type==="keyup"?t.keyCode:0},which:function(t){return t.type==="keypress"?Vi(t):t.type==="keydown"||t.type==="keyup"?t.keyCode:0}}),jm=de(Mm),Nm=T({},qi,{pointerId:0,width:0,height:0,pressure:0,tangentialPressure:0,tiltX:0,tiltY:0,twist:0,pointerType:0,isPrimary:0}),qr=de(Nm),Hm=T({},Na,{touches:0,targetTouches:0,changedTouches:0,altKey:0,metaKey:0,ctrlKey:0,shiftKey:0,getModifierState:Mc}),Bm=de(Hm),Um=T({},fl,{propertyName:0,elapsedTime:0,pseudoElement:0}),Qm=de(Um),zm=T({},qi,{deltaX:function(t){return"deltaX"in t?t.deltaX:"wheelDeltaX"in t?-t.wheelDeltaX:0},deltaY:function(t){return"deltaY"in t?t.deltaY:"wheelDeltaY"in t?-t.wheelDeltaY:"wheelDelta"in t?-t.wheelDelta:0},deltaZ:0,deltaMode:0}),Ym=de(zm),Lm=T({},fl,{newState:0,oldState:0}),Gm=de(Lm),Xm=[9,13,27,32],jc=en&&"CompositionEvent"in window,Ba=null;en&&"documentMode"in document&&(Ba=document.documentMode);var Vm=en&&"TextEvent"in window&&!Ba,Kr=en&&(!jc||Ba&&8<Ba&&11>=Ba),kr=" ",Jr=!1;function Fr(t,e){switch(t){case"keyup":return Xm.indexOf(e.keyCode)!==-1;case"keydown":return e.keyCode!==229;case"keypress":case"mousedown":case"focusout":return!0;default:return!1}}function Wr(t){return t=t.detail,typeof t=="object"&&"data"in t?t.data:null}var Zl=!1;function Zm(t,e){switch(t){case"compositionend":return Wr(e);case"keypress":return e.which!==32?null:(Jr=!0,kr);case"textInput":return t=e.data,t===kr&&Jr?null:t;default:return null}}function Im(t,e){if(Zl)return t==="compositionend"||!jc&&Fr(t,e)?(t=Xr(),Xi=Oc=Rn=null,Zl=!1,t):null;switch(t){case"paste":return null;case"keypress":if(!(e.ctrlKey||e.altKey||e.metaKey)||e.ctrlKey&&e.altKey){if(e.char&&1<e.char.length)return e.char;if(e.which)return String.fromCharCode(e.which)}return null;case"compositionend":return Kr&&e.locale!=="ko"?null:e.data;default:return null}}var qm={color:!0,date:!0,datetime:!0,"datetime-local":!0,email:!0,month:!0,number:!0,password:!0,range:!0,search:!0,tel:!0,text:!0,time:!0,url:!0,week:!0};function _r(t){var e=t&&t.nodeName&&t.nodeName.toLowerCase();return e==="input"?!!qm[t.type]:e==="textarea"}function Pr(t,e,n,l){Xl?Vl?Vl.push(l):Vl=[l]:Xl=l,e=Bu(e,"onChange"),0<e.length&&(n=new Ii("onChange","change",null,n,l),t.push({event:n,listeners:e}))}var Ua=null,Qa=null;function Km(t){Ud(t,0)}function Ki(t){var e=wa(t);if(Hr(e))return t}function $r(t,e){if(t==="change")return e}var t0=!1;if(en){var Nc;if(en){var Hc="oninput"in document;if(!Hc){var e0=document.createElement("div");e0.setAttribute("oninput","return;"),Hc=typeof e0.oninput=="function"}Nc=Hc}else Nc=!1;t0=Nc&&(!document.documentMode||9<document.documentMode)}function n0(){Ua&&(Ua.detachEvent("onpropertychange",l0),Qa=Ua=null)}function l0(t){if(t.propertyName==="value"&&Ki(Qa)){var e=[];Pr(e,Qa,t,Sc(t)),Gr(Km,e)}}function km(t,e,n){t==="focusin"?(n0(),Ua=e,Qa=n,Ua.attachEvent("onpropertychange",l0)):t==="focusout"&&n0()}function Jm(t){if(t==="selectionchange"||t==="keyup"||t==="keydown")return Ki(Qa)}function Fm(t,e){if(t==="click")return Ki(e)}function Wm(t,e){if(t==="input"||t==="change")return Ki(e)}function _m(t,e){return t===e&&(t!==0||1/t===1/e)||t!==t&&e!==e}var Se=typeof Object.is=="function"?Object.is:_m;function za(t,e){if(Se(t,e))return!0;if(typeof t!="object"||t===null||typeof e!="object"||e===null)return!1;var n=Object.keys(t),l=Object.keys(e);if(n.length!==l.length)return!1;for(l=0;l<n.length;l++){var a=n[l];if(!rc.call(e,a)||!Se(t[a],e[a]))return!1}return!0}function a0(t){for(;t&&t.firstChild;)t=t.firstChild;return t}function i0(t,e){var n=a0(t);t=0;for(var l;n;){if(n.nodeType===3){if(l=t+n.textContent.length,t<=e&&l>=e)return{node:n,offset:e-t};t=l}t:{for(;n;){if(n.nextSibling){n=n.nextSibling;break t}n=n.parentNode}n=void 0}n=a0(n)}}function u0(t,e){return t&&e?t===e?!0:t&&t.nodeType===3?!1:e&&e.nodeType===3?u0(t,e.parentNode):"contains"in t?t.contains(e):t.compareDocumentPosition?!!(t.compareDocumentPosition(e)&16):!1:!1}function c0(t){t=t!=null&&t.ownerDocument!=null&&t.ownerDocument.defaultView!=null?t.ownerDocument.defaultView:window;for(var e=Li(t.document);e instanceof t.HTMLIFrameElement;){try{var n=typeof e.contentWindow.location.href=="string"}catch{n=!1}if(n)t=e.contentWindow;else break;e=Li(t.document)}return e}function Bc(t){var e=t&&t.nodeName&&t.nodeName.toLowerCase();return e&&(e==="input"&&(t.type==="text"||t.type==="search"||t.type==="tel"||t.type==="url"||t.type==="password")||e==="textarea"||t.contentEditable==="true")}var Pm=en&&"documentMode"in document&&11>=document.documentMode,Il=null,Uc=null,Ya=null,Qc=!1;function s0(t,e,n){var l=n.window===n?n.document:n.nodeType===9?n:n.ownerDocument;Qc||Il==null||Il!==Li(l)||(l=Il,"selectionStart"in l&&Bc(l)?l={start:l.selectionStart,end:l.selectionEnd}:(l=(l.ownerDocument&&l.ownerDocument.defaultView||window).getSelection(),l={anchorNode:l.anchorNode,anchorOffset:l.anchorOffset,focusNode:l.focusNode,focusOffset:l.focusOffset}),Ya&&za(Ya,l)||(Ya=l,l=Bu(Uc,"onSelect"),0<l.length&&(e=new Ii("onSelect","select",null,e,n),t.push({event:e,listeners:l}),e.target=Il)))}function rl(t,e){var n={};return n[t.toLowerCase()]=e.toLowerCase(),n["Webkit"+t]="webkit"+e,n["Moz"+t]="moz"+e,n}var ql={animationend:rl("Animation","AnimationEnd"),animationiteration:rl("Animation","AnimationIteration"),animationstart:rl("Animation","AnimationStart"),transitionrun:rl("Transition","TransitionRun"),transitionstart:rl("Transition","TransitionStart"),transitioncancel:rl("Transition","TransitionCancel"),transitionend:rl("Transition","TransitionEnd")},zc={},f0={};en&&(f0=document.createElement("div").style,"AnimationEvent"in window||(delete ql.animationend.animation,delete ql.animationiteration.animation,delete ql.animationstart.animation),"TransitionEvent"in window||delete ql.transitionend.transition);function ol(t){if(zc[t])return zc[t];if(!ql[t])return t;var e=ql[t],n;for(n in e)if(e.hasOwnProperty(n)&&n in f0)return zc[t]=e[n];return t}var r0=ol("animationend"),o0=ol("animationiteration"),d0=ol("animationstart"),$m=ol("transitionrun"),tg=ol("transitionstart"),eg=ol("transitioncancel"),h0=ol("transitionend"),m0=new Map,Yc="abort auxClick beforeToggle cancel canPlay canPlayThrough click close contextMenu copy cut drag dragEnd dragEnter dragExit dragLeave dragOver dragStart drop durationChange emptied encrypted ended error gotPointerCapture input invalid keyDown keyPress keyUp load loadedData loadedMetadata loadStart lostPointerCapture mouseDown mouseMove mouseOut mouseOver mouseUp paste pause play playing pointerCancel pointerDown pointerMove pointerOut pointerOver pointerUp progress rateChange reset resize seeked seeking stalled submit suspend timeUpdate touchCancel touchEnd touchStart volumeChange scroll toggle touchMove waiting wheel".split(" ");Yc.push("scrollEnd");function Ie(t,e){m0.set(t,e),sl(e,[t])}var ki=typeof reportError=="function"?reportError:function(t){if(typeof window=="object"&&typeof window.ErrorEvent=="function"){var e=new window.ErrorEvent("error",{bubbles:!0,cancelable:!0,message:typeof t=="object"&&t!==null&&typeof t.message=="string"?String(t.message):String(t),error:t});if(!window.dispatchEvent(e))return}else if(typeof process=="object"&&typeof process.emit=="function"){process.emit("uncaughtException",t);return}console.error(t)},He=[],Kl=0,Lc=0;function Ji(){for(var t=Kl,e=Lc=Kl=0;e<t;){var n=He[e];He[e++]=null;var l=He[e];He[e++]=null;var a=He[e];He[e++]=null;var s=He[e];if(He[e++]=null,l!==null&&a!==null){var d=l.pending;d===null?a.next=a:(a.next=d.next,d.next=a),l.pending=a}s!==0&&g0(n,a,s)}}function Fi(t,e,n,l){He[Kl++]=t,He[Kl++]=e,He[Kl++]=n,He[Kl++]=l,Lc|=l,t.lanes|=l,t=t.alternate,t!==null&&(t.lanes|=l)}function Gc(t,e,n,l){return Fi(t,e,n,l),Wi(t)}function dl(t,e){return Fi(t,null,null,e),Wi(t)}function g0(t,e,n){t.lanes|=n;var l=t.alternate;l!==null&&(l.lanes|=n);for(var a=!1,s=t.return;s!==null;)s.childLanes|=n,l=s.alternate,l!==null&&(l.childLanes|=n),s.tag===22&&(t=s.stateNode,t===null||t._visibility&1||(a=!0)),t=s,s=s.return;return t.tag===3?(s=t.stateNode,a&&e!==null&&(a=31-be(n),t=s.hiddenUpdates,l=t[a],l===null?t[a]=[e]:l.push(e),e.lane=n|536870912),s):null}function Wi(t){if(50<ui)throw ui=0,Fs=null,Error(f(185));for(var e=t.return;e!==null;)t=e,e=t.return;return t.tag===3?t.stateNode:null}var kl={};function ng(t,e,n,l){this.tag=t,this.key=n,this.sibling=this.child=this.return=this.stateNode=this.type=this.elementType=null,this.index=0,this.refCleanup=this.ref=null,this.pendingProps=e,this.dependencies=this.memoizedState=this.updateQueue=this.memoizedProps=null,this.mode=l,this.subtreeFlags=this.flags=0,this.deletions=null,this.childLanes=this.lanes=0,this.alternate=null}function Te(t,e,n,l){return new ng(t,e,n,l)}function Xc(t){return t=t.prototype,!(!t||!t.isReactComponent)}function nn(t,e){var n=t.alternate;return n===null?(n=Te(t.tag,e,t.key,t.mode),n.elementType=t.elementType,n.type=t.type,n.stateNode=t.stateNode,n.alternate=t,t.alternate=n):(n.pendingProps=e,n.type=t.type,n.flags=0,n.subtreeFlags=0,n.deletions=null),n.flags=t.flags&65011712,n.childLanes=t.childLanes,n.lanes=t.lanes,n.child=t.child,n.memoizedProps=t.memoizedProps,n.memoizedState=t.memoizedState,n.updateQueue=t.updateQueue,e=t.dependencies,n.dependencies=e===null?null:{lanes:e.lanes,firstContext:e.firstContext},n.sibling=t.sibling,n.index=t.index,n.ref=t.ref,n.refCleanup=t.refCleanup,n}function A0(t,e){t.flags&=65011714;var n=t.alternate;return n===null?(t.childLanes=0,t.lanes=e,t.child=null,t.subtreeFlags=0,t.memoizedProps=null,t.memoizedState=null,t.updateQueue=null,t.dependencies=null,t.stateNode=null):(t.childLanes=n.childLanes,t.lanes=n.lanes,t.child=n.child,t.subtreeFlags=0,t.deletions=null,t.memoizedProps=n.memoizedProps,t.memoizedState=n.memoizedState,t.updateQueue=n.updateQueue,t.type=n.type,e=n.dependencies,t.dependencies=e===null?null:{lanes:e.lanes,firstContext:e.firstContext}),t}function _i(t,e,n,l,a,s){var d=0;if(l=t,typeof t=="function")Xc(t)&&(d=1);else if(typeof t=="string")d=cA(t,n,et.current)?26:t==="html"||t==="head"||t==="body"?27:5;else t:switch(t){case z:return t=Te(31,n,e,a),t.elementType=z,t.lanes=s,t;case p:return hl(n.children,a,s,e);case E:d=8,a|=24;break;case b:return t=Te(12,n,e,a|2),t.elementType=b,t.lanes=s,t;case F:return t=Te(13,n,e,a),t.elementType=F,t.lanes=s,t;case H:return t=Te(19,n,e,a),t.elementType=H,t.lanes=s,t;default:if(typeof t=="object"&&t!==null)switch(t.$$typeof){case N:d=10;break t;case R:d=9;break t;case V:d=11;break t;case j:d=14;break t;case Y:d=16,l=null;break t}d=29,n=Error(f(130,t===null?"null":typeof t,"")),l=null}return e=Te(d,n,e,a),e.elementType=t,e.type=l,e.lanes=s,e}function hl(t,e,n,l){return t=Te(7,t,l,e),t.lanes=n,t}function Vc(t,e,n){return t=Te(6,t,null,e),t.lanes=n,t}function v0(t){var e=Te(18,null,null,0);return e.stateNode=t,e}function Zc(t,e,n){return e=Te(4,t.children!==null?t.children:[],t.key,e),e.lanes=n,e.stateNode={containerInfo:t.containerInfo,pendingChildren:null,implementation:t.implementation},e}var y0=new WeakMap;function Be(t,e){if(typeof t=="object"&&t!==null){var n=y0.get(t);return n!==void 0?n:(e={value:t,source:e,stack:ji(e)},y0.set(t,e),e)}return{value:t,source:e,stack:ji(e)}}var Jl=[],Fl=0,Pi=null,La=0,Ue=[],Qe=0,wn=null,Je=1,Fe="";function ln(t,e){Jl[Fl++]=La,Jl[Fl++]=Pi,Pi=t,La=e}function E0(t,e,n){Ue[Qe++]=Je,Ue[Qe++]=Fe,Ue[Qe++]=wn,wn=t;var l=Je;t=Fe;var a=32-be(l)-1;l&=~(1<<a),n+=1;var s=32-be(e)+a;if(30<s){var d=a-a%5;s=(l&(1<<d)-1).toString(32),l>>=d,a-=d,Je=1<<32-be(e)+a|n<<a|l,Fe=s+t}else Je=1<<s|n<<a|l,Fe=t}function Ic(t){t.return!==null&&(ln(t,1),E0(t,1,0))}function qc(t){for(;t===Pi;)Pi=Jl[--Fl],Jl[Fl]=null,La=Jl[--Fl],Jl[Fl]=null;for(;t===wn;)wn=Ue[--Qe],Ue[Qe]=null,Fe=Ue[--Qe],Ue[Qe]=null,Je=Ue[--Qe],Ue[Qe]=null}function p0(t,e){Ue[Qe++]=Je,Ue[Qe++]=Fe,Ue[Qe++]=wn,Je=e.id,Fe=e.overflow,wn=t}var ee=null,Nt=null,xt=!1,Mn=null,ze=!1,Kc=Error(f(519));function jn(t){var e=Error(f(418,1<arguments.length&&arguments[1]!==void 0&&arguments[1]?"text":"HTML",""));throw Ga(Be(e,t)),Kc}function x0(t){var e=t.stateNode,n=t.type,l=t.memoizedProps;switch(e[te]=t,e[oe]=l,n){case"dialog":yt("cancel",e),yt("close",e);break;case"iframe":case"object":case"embed":yt("load",e);break;case"video":case"audio":for(n=0;n<si.length;n++)yt(si[n],e);break;case"source":yt("error",e);break;case"img":case"image":case"link":yt("error",e),yt("load",e);break;case"details":yt("toggle",e);break;case"input":yt("invalid",e),Br(e,l.value,l.defaultValue,l.checked,l.defaultChecked,l.type,l.name,!0);break;case"select":yt("invalid",e);break;case"textarea":yt("invalid",e),Qr(e,l.value,l.defaultValue,l.children)}n=l.children,typeof n!="string"&&typeof n!="number"&&typeof n!="bigint"||e.textContent===""+n||l.suppressHydrationWarning===!0||Ld(e.textContent,n)?(l.popover!=null&&(yt("beforetoggle",e),yt("toggle",e)),l.onScroll!=null&&yt("scroll",e),l.onScrollEnd!=null&&yt("scrollend",e),l.onClick!=null&&(e.onclick=tn),e=!0):e=!1,e||jn(t,!0)}function b0(t){for(ee=t.return;ee;)switch(ee.tag){case 5:case 31:case 13:ze=!1;return;case 27:case 3:ze=!0;return;default:ee=ee.return}}function Wl(t){if(t!==ee)return!1;if(!xt)return b0(t),xt=!0,!1;var e=t.tag,n;if((n=e!==3&&e!==27)&&((n=e===5)&&(n=t.type,n=!(n!=="form"&&n!=="button")||of(t.type,t.memoizedProps)),n=!n),n&&Nt&&jn(t),b0(t),e===13){if(t=t.memoizedState,t=t!==null?t.dehydrated:null,!t)throw Error(f(317));Nt=Jd(t)}else if(e===31){if(t=t.memoizedState,t=t!==null?t.dehydrated:null,!t)throw Error(f(317));Nt=Jd(t)}else e===27?(e=Nt,qn(t.type)?(t=Af,Af=null,Nt=t):Nt=e):Nt=ee?Le(t.stateNode.nextSibling):null;return!0}function ml(){Nt=ee=null,xt=!1}function kc(){var t=Mn;return t!==null&&(Ae===null?Ae=t:Ae.push.apply(Ae,t),Mn=null),t}function Ga(t){Mn===null?Mn=[t]:Mn.push(t)}var Jc=C(null),gl=null,an=null;function Nn(t,e,n){W(Jc,e._currentValue),e._currentValue=n}function un(t){t._currentValue=Jc.current,L(Jc)}function Fc(t,e,n){for(;t!==null;){var l=t.alternate;if((t.childLanes&e)!==e?(t.childLanes|=e,l!==null&&(l.childLanes|=e)):l!==null&&(l.childLanes&e)!==e&&(l.childLanes|=e),t===n)break;t=t.return}}function Wc(t,e,n,l){var a=t.child;for(a!==null&&(a.return=t);a!==null;){var s=a.dependencies;if(s!==null){var d=a.child;s=s.firstContext;t:for(;s!==null;){var g=s;s=a;for(var S=0;S<e.length;S++)if(g.context===e[S]){s.lanes|=n,g=s.alternate,g!==null&&(g.lanes|=n),Fc(s.return,n,t),l||(d=null);break t}s=g.next}}else if(a.tag===18){if(d=a.return,d===null)throw Error(f(341));d.lanes|=n,s=d.alternate,s!==null&&(s.lanes|=n),Fc(d,n,t),d=null}else d=a.child;if(d!==null)d.return=a;else for(d=a;d!==null;){if(d===t){d=null;break}if(a=d.sibling,a!==null){a.return=d.return,d=a;break}d=d.return}a=d}}function _l(t,e,n,l){t=null;for(var a=e,s=!1;a!==null;){if(!s){if((a.flags&524288)!==0)s=!0;else if((a.flags&262144)!==0)break}if(a.tag===10){var d=a.alternate;if(d===null)throw Error(f(387));if(d=d.memoizedProps,d!==null){var g=a.type;Se(a.pendingProps.value,d.value)||(t!==null?t.push(g):t=[g])}}else if(a===gt.current){if(d=a.alternate,d===null)throw Error(f(387));d.memoizedState.memoizedState!==a.memoizedState.memoizedState&&(t!==null?t.push(hi):t=[hi])}a=a.return}t!==null&&Wc(e,t,n,l),e.flags|=262144}function $i(t){for(t=t.firstContext;t!==null;){if(!Se(t.context._currentValue,t.memoizedValue))return!0;t=t.next}return!1}function Al(t){gl=t,an=null,t=t.dependencies,t!==null&&(t.firstContext=null)}function ne(t){return S0(gl,t)}function tu(t,e){return gl===null&&Al(t),S0(t,e)}function S0(t,e){var n=e._currentValue;if(e={context:e,memoizedValue:n,next:null},an===null){if(t===null)throw Error(f(308));an=e,t.dependencies={lanes:0,firstContext:e},t.flags|=524288}else an=an.next=e;return n}var lg=typeof AbortController<"u"?AbortController:function(){var t=[],e=this.signal={aborted:!1,addEventListener:function(n,l){t.push(l)}};this.abort=function(){e.aborted=!0,t.forEach(function(n){return n()})}},ag=i.unstable_scheduleCallback,ig=i.unstable_NormalPriority,Zt={$$typeof:N,Consumer:null,Provider:null,_currentValue:null,_currentValue2:null,_threadCount:0};function _c(){return{controller:new lg,data:new Map,refCount:0}}function Xa(t){t.refCount--,t.refCount===0&&ag(ig,function(){t.controller.abort()})}var Va=null,Pc=0,Pl=0,$l=null;function ug(t,e){if(Va===null){var n=Va=[];Pc=0,Pl=ef(),$l={status:"pending",value:void 0,then:function(l){n.push(l)}}}return Pc++,e.then(T0,T0),e}function T0(){if(--Pc===0&&Va!==null){$l!==null&&($l.status="fulfilled");var t=Va;Va=null,Pl=0,$l=null;for(var e=0;e<t.length;e++)(0,t[e])()}}function cg(t,e){var n=[],l={status:"pending",value:null,reason:null,then:function(a){n.push(a)}};return t.then(function(){l.status="fulfilled",l.value=e;for(var a=0;a<n.length;a++)(0,n[a])(e)},function(a){for(l.status="rejected",l.reason=a,a=0;a<n.length;a++)(0,n[a])(void 0)}),l}var C0=M.S;M.S=function(t,e){fd=pe(),typeof e=="object"&&e!==null&&typeof e.then=="function"&&ug(t,e),C0!==null&&C0(t,e)};var vl=C(null);function $c(){var t=vl.current;return t!==null?t:jt.pooledCache}function eu(t,e){e===null?W(vl,vl.current):W(vl,e.pool)}function O0(){var t=$c();return t===null?null:{parent:Zt._currentValue,pool:t}}var ta=Error(f(460)),ts=Error(f(474)),nu=Error(f(542)),lu={then:function(){}};function D0(t){return t=t.status,t==="fulfilled"||t==="rejected"}function R0(t,e,n){switch(n=t[n],n===void 0?t.push(e):n!==e&&(e.then(tn,tn),e=n),e.status){case"fulfilled":return e.value;case"rejected":throw t=e.reason,M0(t),t;default:if(typeof e.status=="string")e.then(tn,tn);else{if(t=jt,t!==null&&100<t.shellSuspendCounter)throw Error(f(482));t=e,t.status="pending",t.then(function(l){if(e.status==="pending"){var a=e;a.status="fulfilled",a.value=l}},function(l){if(e.status==="pending"){var a=e;a.status="rejected",a.reason=l}})}switch(e.status){case"fulfilled":return e.value;case"rejected":throw t=e.reason,M0(t),t}throw El=e,ta}}function yl(t){try{var e=t._init;return e(t._payload)}catch(n){throw n!==null&&typeof n=="object"&&typeof n.then=="function"?(El=n,ta):n}}var El=null;function w0(){if(El===null)throw Error(f(459));var t=El;return El=null,t}function M0(t){if(t===ta||t===nu)throw Error(f(483))}var ea=null,Za=0;function au(t){var e=Za;return Za+=1,ea===null&&(ea=[]),R0(ea,t,e)}function Ia(t,e){e=e.props.ref,t.ref=e!==void 0?e:null}function iu(t,e){throw e.$$typeof===D?Error(f(525)):(t=Object.prototype.toString.call(e),Error(f(31,t==="[object Object]"?"object with keys {"+Object.keys(e).join(", ")+"}":t)))}function j0(t){function e(w,O){if(t){var B=w.deletions;B===null?(w.deletions=[O],w.flags|=16):B.push(O)}}function n(w,O){if(!t)return null;for(;O!==null;)e(w,O),O=O.sibling;return null}function l(w){for(var O=new Map;w!==null;)w.key!==null?O.set(w.key,w):O.set(w.index,w),w=w.sibling;return O}function a(w,O){return w=nn(w,O),w.index=0,w.sibling=null,w}function s(w,O,B){return w.index=B,t?(B=w.alternate,B!==null?(B=B.index,B<O?(w.flags|=67108866,O):B):(w.flags|=67108866,O)):(w.flags|=1048576,O)}function d(w){return t&&w.alternate===null&&(w.flags|=67108866),w}function g(w,O,B,K){return O===null||O.tag!==6?(O=Vc(B,w.mode,K),O.return=w,O):(O=a(O,B),O.return=w,O)}function S(w,O,B,K){var ct=B.type;return ct===p?Z(w,O,B.props.children,K,B.key):O!==null&&(O.elementType===ct||typeof ct=="object"&&ct!==null&&ct.$$typeof===Y&&yl(ct)===O.type)?(O=a(O,B.props),Ia(O,B),O.return=w,O):(O=_i(B.type,B.key,B.props,null,w.mode,K),Ia(O,B),O.return=w,O)}function U(w,O,B,K){return O===null||O.tag!==4||O.stateNode.containerInfo!==B.containerInfo||O.stateNode.implementation!==B.implementation?(O=Zc(B,w.mode,K),O.return=w,O):(O=a(O,B.children||[]),O.return=w,O)}function Z(w,O,B,K,ct){return O===null||O.tag!==7?(O=hl(B,w.mode,K,ct),O.return=w,O):(O=a(O,B),O.return=w,O)}function J(w,O,B){if(typeof O=="string"&&O!==""||typeof O=="number"||typeof O=="bigint")return O=Vc(""+O,w.mode,B),O.return=w,O;if(typeof O=="object"&&O!==null){switch(O.$$typeof){case X:return B=_i(O.type,O.key,O.props,null,w.mode,B),Ia(B,O),B.return=w,B;case q:return O=Zc(O,w.mode,B),O.return=w,O;case Y:return O=yl(O),J(w,O,B)}if(ut(O)||nt(O))return O=hl(O,w.mode,B,null),O.return=w,O;if(typeof O.then=="function")return J(w,au(O),B);if(O.$$typeof===N)return J(w,tu(w,O),B);iu(w,O)}return null}function Q(w,O,B,K){var ct=O!==null?O.key:null;if(typeof B=="string"&&B!==""||typeof B=="number"||typeof B=="bigint")return ct!==null?null:g(w,O,""+B,K);if(typeof B=="object"&&B!==null){switch(B.$$typeof){case X:return B.key===ct?S(w,O,B,K):null;case q:return B.key===ct?U(w,O,B,K):null;case Y:return B=yl(B),Q(w,O,B,K)}if(ut(B)||nt(B))return ct!==null?null:Z(w,O,B,K,null);if(typeof B.then=="function")return Q(w,O,au(B),K);if(B.$$typeof===N)return Q(w,O,tu(w,B),K);iu(w,B)}return null}function G(w,O,B,K,ct){if(typeof K=="string"&&K!==""||typeof K=="number"||typeof K=="bigint")return w=w.get(B)||null,g(O,w,""+K,ct);if(typeof K=="object"&&K!==null){switch(K.$$typeof){case X:return w=w.get(K.key===null?B:K.key)||null,S(O,w,K,ct);case q:return w=w.get(K.key===null?B:K.key)||null,U(O,w,K,ct);case Y:return K=yl(K),G(w,O,B,K,ct)}if(ut(K)||nt(K))return w=w.get(B)||null,Z(O,w,K,ct,null);if(typeof K.then=="function")return G(w,O,B,au(K),ct);if(K.$$typeof===N)return G(w,O,B,tu(O,K),ct);iu(O,K)}return null}function lt(w,O,B,K){for(var ct=null,St=null,at=O,At=O=0,pt=null;at!==null&&At<B.length;At++){at.index>At?(pt=at,at=null):pt=at.sibling;var Tt=Q(w,at,B[At],K);if(Tt===null){at===null&&(at=pt);break}t&&at&&Tt.alternate===null&&e(w,at),O=s(Tt,O,At),St===null?ct=Tt:St.sibling=Tt,St=Tt,at=pt}if(At===B.length)return n(w,at),xt&&ln(w,At),ct;if(at===null){for(;At<B.length;At++)at=J(w,B[At],K),at!==null&&(O=s(at,O,At),St===null?ct=at:St.sibling=at,St=at);return xt&&ln(w,At),ct}for(at=l(at);At<B.length;At++)pt=G(at,w,At,B[At],K),pt!==null&&(t&&pt.alternate!==null&&at.delete(pt.key===null?At:pt.key),O=s(pt,O,At),St===null?ct=pt:St.sibling=pt,St=pt);return t&&at.forEach(function(Wn){return e(w,Wn)}),xt&&ln(w,At),ct}function ft(w,O,B,K){if(B==null)throw Error(f(151));for(var ct=null,St=null,at=O,At=O=0,pt=null,Tt=B.next();at!==null&&!Tt.done;At++,Tt=B.next()){at.index>At?(pt=at,at=null):pt=at.sibling;var Wn=Q(w,at,Tt.value,K);if(Wn===null){at===null&&(at=pt);break}t&&at&&Wn.alternate===null&&e(w,at),O=s(Wn,O,At),St===null?ct=Wn:St.sibling=Wn,St=Wn,at=pt}if(Tt.done)return n(w,at),xt&&ln(w,At),ct;if(at===null){for(;!Tt.done;At++,Tt=B.next())Tt=J(w,Tt.value,K),Tt!==null&&(O=s(Tt,O,At),St===null?ct=Tt:St.sibling=Tt,St=Tt);return xt&&ln(w,At),ct}for(at=l(at);!Tt.done;At++,Tt=B.next())Tt=G(at,w,At,Tt.value,K),Tt!==null&&(t&&Tt.alternate!==null&&at.delete(Tt.key===null?At:Tt.key),O=s(Tt,O,At),St===null?ct=Tt:St.sibling=Tt,St=Tt);return t&&at.forEach(function(yA){return e(w,yA)}),xt&&ln(w,At),ct}function Mt(w,O,B,K){if(typeof B=="object"&&B!==null&&B.type===p&&B.key===null&&(B=B.props.children),typeof B=="object"&&B!==null){switch(B.$$typeof){case X:t:{for(var ct=B.key;O!==null;){if(O.key===ct){if(ct=B.type,ct===p){if(O.tag===7){n(w,O.sibling),K=a(O,B.props.children),K.return=w,w=K;break t}}else if(O.elementType===ct||typeof ct=="object"&&ct!==null&&ct.$$typeof===Y&&yl(ct)===O.type){n(w,O.sibling),K=a(O,B.props),Ia(K,B),K.return=w,w=K;break t}n(w,O);break}else e(w,O);O=O.sibling}B.type===p?(K=hl(B.props.children,w.mode,K,B.key),K.return=w,w=K):(K=_i(B.type,B.key,B.props,null,w.mode,K),Ia(K,B),K.return=w,w=K)}return d(w);case q:t:{for(ct=B.key;O!==null;){if(O.key===ct)if(O.tag===4&&O.stateNode.containerInfo===B.containerInfo&&O.stateNode.implementation===B.implementation){n(w,O.sibling),K=a(O,B.children||[]),K.return=w,w=K;break t}else{n(w,O);break}else e(w,O);O=O.sibling}K=Zc(B,w.mode,K),K.return=w,w=K}return d(w);case Y:return B=yl(B),Mt(w,O,B,K)}if(ut(B))return lt(w,O,B,K);if(nt(B)){if(ct=nt(B),typeof ct!="function")throw Error(f(150));return B=ct.call(B),ft(w,O,B,K)}if(typeof B.then=="function")return Mt(w,O,au(B),K);if(B.$$typeof===N)return Mt(w,O,tu(w,B),K);iu(w,B)}return typeof B=="string"&&B!==""||typeof B=="number"||typeof B=="bigint"?(B=""+B,O!==null&&O.tag===6?(n(w,O.sibling),K=a(O,B),K.return=w,w=K):(n(w,O),K=Vc(B,w.mode,K),K.return=w,w=K),d(w)):n(w,O)}return function(w,O,B,K){try{Za=0;var ct=Mt(w,O,B,K);return ea=null,ct}catch(at){if(at===ta||at===nu)throw at;var St=Te(29,at,null,w.mode);return St.lanes=K,St.return=w,St}finally{}}}var pl=j0(!0),N0=j0(!1),Hn=!1;function es(t){t.updateQueue={baseState:t.memoizedState,firstBaseUpdate:null,lastBaseUpdate:null,shared:{pending:null,lanes:0,hiddenCallbacks:null},callbacks:null}}function ns(t,e){t=t.updateQueue,e.updateQueue===t&&(e.updateQueue={baseState:t.baseState,firstBaseUpdate:t.firstBaseUpdate,lastBaseUpdate:t.lastBaseUpdate,shared:t.shared,callbacks:null})}function Bn(t){return{lane:t,tag:0,payload:null,callback:null,next:null}}function Un(t,e,n){var l=t.updateQueue;if(l===null)return null;if(l=l.shared,(Ct&2)!==0){var a=l.pending;return a===null?e.next=e:(e.next=a.next,a.next=e),l.pending=e,e=Wi(t),g0(t,null,n),e}return Fi(t,l,e,n),Wi(t)}function qa(t,e,n){if(e=e.updateQueue,e!==null&&(e=e.shared,(n&4194048)!==0)){var l=e.lanes;l&=t.pendingLanes,n|=l,e.lanes=n,Sr(t,n)}}function ls(t,e){var n=t.updateQueue,l=t.alternate;if(l!==null&&(l=l.updateQueue,n===l)){var a=null,s=null;if(n=n.firstBaseUpdate,n!==null){do{var d={lane:n.lane,tag:n.tag,payload:n.payload,callback:null,next:null};s===null?a=s=d:s=s.next=d,n=n.next}while(n!==null);s===null?a=s=e:s=s.next=e}else a=s=e;n={baseState:l.baseState,firstBaseUpdate:a,lastBaseUpdate:s,shared:l.shared,callbacks:l.callbacks},t.updateQueue=n;return}t=n.lastBaseUpdate,t===null?n.firstBaseUpdate=e:t.next=e,n.lastBaseUpdate=e}var as=!1;function Ka(){if(as){var t=$l;if(t!==null)throw t}}function ka(t,e,n,l){as=!1;var a=t.updateQueue;Hn=!1;var s=a.firstBaseUpdate,d=a.lastBaseUpdate,g=a.shared.pending;if(g!==null){a.shared.pending=null;var S=g,U=S.next;S.next=null,d===null?s=U:d.next=U,d=S;var Z=t.alternate;Z!==null&&(Z=Z.updateQueue,g=Z.lastBaseUpdate,g!==d&&(g===null?Z.firstBaseUpdate=U:g.next=U,Z.lastBaseUpdate=S))}if(s!==null){var J=a.baseState;d=0,Z=U=S=null,g=s;do{var Q=g.lane&-536870913,G=Q!==g.lane;if(G?(Et&Q)===Q:(l&Q)===Q){Q!==0&&Q===Pl&&(as=!0),Z!==null&&(Z=Z.next={lane:0,tag:g.tag,payload:g.payload,callback:null,next:null});t:{var lt=t,ft=g;Q=e;var Mt=n;switch(ft.tag){case 1:if(lt=ft.payload,typeof lt=="function"){J=lt.call(Mt,J,Q);break t}J=lt;break t;case 3:lt.flags=lt.flags&-65537|128;case 0:if(lt=ft.payload,Q=typeof lt=="function"?lt.call(Mt,J,Q):lt,Q==null)break t;J=T({},J,Q);break t;case 2:Hn=!0}}Q=g.callback,Q!==null&&(t.flags|=64,G&&(t.flags|=8192),G=a.callbacks,G===null?a.callbacks=[Q]:G.push(Q))}else G={lane:Q,tag:g.tag,payload:g.payload,callback:g.callback,next:null},Z===null?(U=Z=G,S=J):Z=Z.next=G,d|=Q;if(g=g.next,g===null){if(g=a.shared.pending,g===null)break;G=g,g=G.next,G.next=null,a.lastBaseUpdate=G,a.shared.pending=null}}while(!0);Z===null&&(S=J),a.baseState=S,a.firstBaseUpdate=U,a.lastBaseUpdate=Z,s===null&&(a.shared.lanes=0),Gn|=d,t.lanes=d,t.memoizedState=J}}function H0(t,e){if(typeof t!="function")throw Error(f(191,t));t.call(e)}function B0(t,e){var n=t.callbacks;if(n!==null)for(t.callbacks=null,t=0;t<n.length;t++)H0(n[t],e)}var na=C(null),uu=C(0);function U0(t,e){t=gn,W(uu,t),W(na,e),gn=t|e.baseLanes}function is(){W(uu,gn),W(na,na.current)}function us(){gn=uu.current,L(na),L(uu)}var Ce=C(null),Ye=null;function Qn(t){var e=t.alternate;W(Xt,Xt.current&1),W(Ce,t),Ye===null&&(e===null||na.current!==null||e.memoizedState!==null)&&(Ye=t)}function cs(t){W(Xt,Xt.current),W(Ce,t),Ye===null&&(Ye=t)}function Q0(t){t.tag===22?(W(Xt,Xt.current),W(Ce,t),Ye===null&&(Ye=t)):zn()}function zn(){W(Xt,Xt.current),W(Ce,Ce.current)}function Oe(t){L(Ce),Ye===t&&(Ye=null),L(Xt)}var Xt=C(0);function cu(t){for(var e=t;e!==null;){if(e.tag===13){var n=e.memoizedState;if(n!==null&&(n=n.dehydrated,n===null||mf(n)||gf(n)))return e}else if(e.tag===19&&(e.memoizedProps.revealOrder==="forwards"||e.memoizedProps.revealOrder==="backwards"||e.memoizedProps.revealOrder==="unstable_legacy-backwards"||e.memoizedProps.revealOrder==="together")){if((e.flags&128)!==0)return e}else if(e.child!==null){e.child.return=e,e=e.child;continue}if(e===t)break;for(;e.sibling===null;){if(e.return===null||e.return===t)return null;e=e.return}e.sibling.return=e.return,e=e.sibling}return null}var cn=0,mt=null,Rt=null,It=null,su=!1,la=!1,xl=!1,fu=0,Ja=0,aa=null,sg=0;function Lt(){throw Error(f(321))}function ss(t,e){if(e===null)return!1;for(var n=0;n<e.length&&n<t.length;n++)if(!Se(t[n],e[n]))return!1;return!0}function fs(t,e,n,l,a,s){return cn=s,mt=e,e.memoizedState=null,e.updateQueue=null,e.lanes=0,M.H=t===null||t.memoizedState===null?po:Ts,xl=!1,s=n(l,a),xl=!1,la&&(s=Y0(e,n,l,a)),z0(t),s}function z0(t){M.H=_a;var e=Rt!==null&&Rt.next!==null;if(cn=0,It=Rt=mt=null,su=!1,Ja=0,aa=null,e)throw Error(f(300));t===null||qt||(t=t.dependencies,t!==null&&$i(t)&&(qt=!0))}function Y0(t,e,n,l){mt=t;var a=0;do{if(la&&(aa=null),Ja=0,la=!1,25<=a)throw Error(f(301));if(a+=1,It=Rt=null,t.updateQueue!=null){var s=t.updateQueue;s.lastEffect=null,s.events=null,s.stores=null,s.memoCache!=null&&(s.memoCache.index=0)}M.H=xo,s=e(n,l)}while(la);return s}function fg(){var t=M.H,e=t.useState()[0];return e=typeof e.then=="function"?Fa(e):e,t=t.useState()[0],(Rt!==null?Rt.memoizedState:null)!==t&&(mt.flags|=1024),e}function rs(){var t=fu!==0;return fu=0,t}function os(t,e,n){e.updateQueue=t.updateQueue,e.flags&=-2053,t.lanes&=~n}function ds(t){if(su){for(t=t.memoizedState;t!==null;){var e=t.queue;e!==null&&(e.pending=null),t=t.next}su=!1}cn=0,It=Rt=mt=null,la=!1,Ja=fu=0,aa=null}function fe(){var t={memoizedState:null,baseState:null,baseQueue:null,queue:null,next:null};return It===null?mt.memoizedState=It=t:It=It.next=t,It}function Vt(){if(Rt===null){var t=mt.alternate;t=t!==null?t.memoizedState:null}else t=Rt.next;var e=It===null?mt.memoizedState:It.next;if(e!==null)It=e,Rt=t;else{if(t===null)throw mt.alternate===null?Error(f(467)):Error(f(310));Rt=t,t={memoizedState:Rt.memoizedState,baseState:Rt.baseState,baseQueue:Rt.baseQueue,queue:Rt.queue,next:null},It===null?mt.memoizedState=It=t:It=It.next=t}return It}function ru(){return{lastEffect:null,events:null,stores:null,memoCache:null}}function Fa(t){var e=Ja;return Ja+=1,aa===null&&(aa=[]),t=R0(aa,t,e),e=mt,(It===null?e.memoizedState:It.next)===null&&(e=e.alternate,M.H=e===null||e.memoizedState===null?po:Ts),t}function ou(t){if(t!==null&&typeof t=="object"){if(typeof t.then=="function")return Fa(t);if(t.$$typeof===N)return ne(t)}throw Error(f(438,String(t)))}function hs(t){var e=null,n=mt.updateQueue;if(n!==null&&(e=n.memoCache),e==null){var l=mt.alternate;l!==null&&(l=l.updateQueue,l!==null&&(l=l.memoCache,l!=null&&(e={data:l.data.map(function(a){return a.slice()}),index:0})))}if(e==null&&(e={data:[],index:0}),n===null&&(n=ru(),mt.updateQueue=n),n.memoCache=e,n=e.data[e.index],n===void 0)for(n=e.data[e.index]=Array(t),l=0;l<t;l++)n[l]=I;return e.index++,n}function sn(t,e){return typeof e=="function"?e(t):e}function du(t){var e=Vt();return ms(e,Rt,t)}function ms(t,e,n){var l=t.queue;if(l===null)throw Error(f(311));l.lastRenderedReducer=n;var a=t.baseQueue,s=l.pending;if(s!==null){if(a!==null){var d=a.next;a.next=s.next,s.next=d}e.baseQueue=a=s,l.pending=null}if(s=t.baseState,a===null)t.memoizedState=s;else{e=a.next;var g=d=null,S=null,U=e,Z=!1;do{var J=U.lane&-536870913;if(J!==U.lane?(Et&J)===J:(cn&J)===J){var Q=U.revertLane;if(Q===0)S!==null&&(S=S.next={lane:0,revertLane:0,gesture:null,action:U.action,hasEagerState:U.hasEagerState,eagerState:U.eagerState,next:null}),J===Pl&&(Z=!0);else if((cn&Q)===Q){U=U.next,Q===Pl&&(Z=!0);continue}else J={lane:0,revertLane:U.revertLane,gesture:null,action:U.action,hasEagerState:U.hasEagerState,eagerState:U.eagerState,next:null},S===null?(g=S=J,d=s):S=S.next=J,mt.lanes|=Q,Gn|=Q;J=U.action,xl&&n(s,J),s=U.hasEagerState?U.eagerState:n(s,J)}else Q={lane:J,revertLane:U.revertLane,gesture:U.gesture,action:U.action,hasEagerState:U.hasEagerState,eagerState:U.eagerState,next:null},S===null?(g=S=Q,d=s):S=S.next=Q,mt.lanes|=J,Gn|=J;U=U.next}while(U!==null&&U!==e);if(S===null?d=s:S.next=g,!Se(s,t.memoizedState)&&(qt=!0,Z&&(n=$l,n!==null)))throw n;t.memoizedState=s,t.baseState=d,t.baseQueue=S,l.lastRenderedState=s}return a===null&&(l.lanes=0),[t.memoizedState,l.dispatch]}function gs(t){var e=Vt(),n=e.queue;if(n===null)throw Error(f(311));n.lastRenderedReducer=t;var l=n.dispatch,a=n.pending,s=e.memoizedState;if(a!==null){n.pending=null;var d=a=a.next;do s=t(s,d.action),d=d.next;while(d!==a);Se(s,e.memoizedState)||(qt=!0),e.memoizedState=s,e.baseQueue===null&&(e.baseState=s),n.lastRenderedState=s}return[s,l]}function L0(t,e,n){var l=mt,a=Vt(),s=xt;if(s){if(n===void 0)throw Error(f(407));n=n()}else n=e();var d=!Se((Rt||a).memoizedState,n);if(d&&(a.memoizedState=n,qt=!0),a=a.queue,ys(V0.bind(null,l,a,t),[t]),a.getSnapshot!==e||d||It!==null&&It.memoizedState.tag&1){if(l.flags|=2048,ia(9,{destroy:void 0},X0.bind(null,l,a,n,e),null),jt===null)throw Error(f(349));s||(cn&127)!==0||G0(l,e,n)}return n}function G0(t,e,n){t.flags|=16384,t={getSnapshot:e,value:n},e=mt.updateQueue,e===null?(e=ru(),mt.updateQueue=e,e.stores=[t]):(n=e.stores,n===null?e.stores=[t]:n.push(t))}function X0(t,e,n,l){e.value=n,e.getSnapshot=l,Z0(e)&&I0(t)}function V0(t,e,n){return n(function(){Z0(e)&&I0(t)})}function Z0(t){var e=t.getSnapshot;t=t.value;try{var n=e();return!Se(t,n)}catch{return!0}}function I0(t){var e=dl(t,2);e!==null&&ve(e,t,2)}function As(t){var e=fe();if(typeof t=="function"){var n=t;if(t=n(),xl){On(!0);try{n()}finally{On(!1)}}}return e.memoizedState=e.baseState=t,e.queue={pending:null,lanes:0,dispatch:null,lastRenderedReducer:sn,lastRenderedState:t},e}function q0(t,e,n,l){return t.baseState=n,ms(t,Rt,typeof l=="function"?l:sn)}function rg(t,e,n,l,a){if(gu(t))throw Error(f(485));if(t=e.action,t!==null){var s={payload:a,action:t,next:null,isTransition:!0,status:"pending",value:null,reason:null,listeners:[],then:function(d){s.listeners.push(d)}};M.T!==null?n(!0):s.isTransition=!1,l(s),n=e.pending,n===null?(s.next=e.pending=s,K0(e,s)):(s.next=n.next,e.pending=n.next=s)}}function K0(t,e){var n=e.action,l=e.payload,a=t.state;if(e.isTransition){var s=M.T,d={};M.T=d;try{var g=n(a,l),S=M.S;S!==null&&S(d,g),k0(t,e,g)}catch(U){vs(t,e,U)}finally{s!==null&&d.types!==null&&(s.types=d.types),M.T=s}}else try{s=n(a,l),k0(t,e,s)}catch(U){vs(t,e,U)}}function k0(t,e,n){n!==null&&typeof n=="object"&&typeof n.then=="function"?n.then(function(l){J0(t,e,l)},function(l){return vs(t,e,l)}):J0(t,e,n)}function J0(t,e,n){e.status="fulfilled",e.value=n,F0(e),t.state=n,e=t.pending,e!==null&&(n=e.next,n===e?t.pending=null:(n=n.next,e.next=n,K0(t,n)))}function vs(t,e,n){var l=t.pending;if(t.pending=null,l!==null){l=l.next;do e.status="rejected",e.reason=n,F0(e),e=e.next;while(e!==l)}t.action=null}function F0(t){t=t.listeners;for(var e=0;e<t.length;e++)(0,t[e])()}function W0(t,e){return e}function _0(t,e){if(xt){var n=jt.formState;if(n!==null){t:{var l=mt;if(xt){if(Nt){e:{for(var a=Nt,s=ze;a.nodeType!==8;){if(!s){a=null;break e}if(a=Le(a.nextSibling),a===null){a=null;break e}}s=a.data,a=s==="F!"||s==="F"?a:null}if(a){Nt=Le(a.nextSibling),l=a.data==="F!";break t}}jn(l)}l=!1}l&&(e=n[0])}}return n=fe(),n.memoizedState=n.baseState=e,l={pending:null,lanes:0,dispatch:null,lastRenderedReducer:W0,lastRenderedState:e},n.queue=l,n=vo.bind(null,mt,l),l.dispatch=n,l=As(!1),s=Ss.bind(null,mt,!1,l.queue),l=fe(),a={state:e,dispatch:null,action:t,pending:null},l.queue=a,n=rg.bind(null,mt,a,s,n),a.dispatch=n,l.memoizedState=t,[e,n,!1]}function P0(t){var e=Vt();return $0(e,Rt,t)}function $0(t,e,n){if(e=ms(t,e,W0)[0],t=du(sn)[0],typeof e=="object"&&e!==null&&typeof e.then=="function")try{var l=Fa(e)}catch(d){throw d===ta?nu:d}else l=e;e=Vt();var a=e.queue,s=a.dispatch;return n!==e.memoizedState&&(mt.flags|=2048,ia(9,{destroy:void 0},og.bind(null,a,n),null)),[l,s,t]}function og(t,e){t.action=e}function to(t){var e=Vt(),n=Rt;if(n!==null)return $0(e,n,t);Vt(),e=e.memoizedState,n=Vt();var l=n.queue.dispatch;return n.memoizedState=t,[e,l,!1]}function ia(t,e,n,l){return t={tag:t,create:n,deps:l,inst:e,next:null},e=mt.updateQueue,e===null&&(e=ru(),mt.updateQueue=e),n=e.lastEffect,n===null?e.lastEffect=t.next=t:(l=n.next,n.next=t,t.next=l,e.lastEffect=t),t}function eo(){return Vt().memoizedState}function hu(t,e,n,l){var a=fe();mt.flags|=t,a.memoizedState=ia(1|e,{destroy:void 0},n,l===void 0?null:l)}function mu(t,e,n,l){var a=Vt();l=l===void 0?null:l;var s=a.memoizedState.inst;Rt!==null&&l!==null&&ss(l,Rt.memoizedState.deps)?a.memoizedState=ia(e,s,n,l):(mt.flags|=t,a.memoizedState=ia(1|e,s,n,l))}function no(t,e){hu(8390656,8,t,e)}function ys(t,e){mu(2048,8,t,e)}function dg(t){mt.flags|=4;var e=mt.updateQueue;if(e===null)e=ru(),mt.updateQueue=e,e.events=[t];else{var n=e.events;n===null?e.events=[t]:n.push(t)}}function lo(t){var e=Vt().memoizedState;return dg({ref:e,nextImpl:t}),function(){if((Ct&2)!==0)throw Error(f(440));return e.impl.apply(void 0,arguments)}}function ao(t,e){return mu(4,2,t,e)}function io(t,e){return mu(4,4,t,e)}function uo(t,e){if(typeof e=="function"){t=t();var n=e(t);return function(){typeof n=="function"?n():e(null)}}if(e!=null)return t=t(),e.current=t,function(){e.current=null}}function co(t,e,n){n=n!=null?n.concat([t]):null,mu(4,4,uo.bind(null,e,t),n)}function Es(){}function so(t,e){var n=Vt();e=e===void 0?null:e;var l=n.memoizedState;return e!==null&&ss(e,l[1])?l[0]:(n.memoizedState=[t,e],t)}function fo(t,e){var n=Vt();e=e===void 0?null:e;var l=n.memoizedState;if(e!==null&&ss(e,l[1]))return l[0];if(l=t(),xl){On(!0);try{t()}finally{On(!1)}}return n.memoizedState=[l,e],l}function ps(t,e,n){return n===void 0||(cn&1073741824)!==0&&(Et&261930)===0?t.memoizedState=e:(t.memoizedState=n,t=od(),mt.lanes|=t,Gn|=t,n)}function ro(t,e,n,l){return Se(n,e)?n:na.current!==null?(t=ps(t,n,l),Se(t,e)||(qt=!0),t):(cn&42)===0||(cn&1073741824)!==0&&(Et&261930)===0?(qt=!0,t.memoizedState=n):(t=od(),mt.lanes|=t,Gn|=t,e)}function oo(t,e,n,l,a){var s=_.p;_.p=s!==0&&8>s?s:8;var d=M.T,g={};M.T=g,Ss(t,!1,e,n);try{var S=a(),U=M.S;if(U!==null&&U(g,S),S!==null&&typeof S=="object"&&typeof S.then=="function"){var Z=cg(S,l);Wa(t,e,Z,we(t))}else Wa(t,e,l,we(t))}catch(J){Wa(t,e,{then:function(){},status:"rejected",reason:J},we())}finally{_.p=s,d!==null&&g.types!==null&&(d.types=g.types),M.T=d}}function hg(){}function xs(t,e,n,l){if(t.tag!==5)throw Error(f(476));var a=ho(t).queue;oo(t,a,e,$,n===null?hg:function(){return mo(t),n(l)})}function ho(t){var e=t.memoizedState;if(e!==null)return e;e={memoizedState:$,baseState:$,baseQueue:null,queue:{pending:null,lanes:0,dispatch:null,lastRenderedReducer:sn,lastRenderedState:$},next:null};var n={};return e.next={memoizedState:n,baseState:n,baseQueue:null,queue:{pending:null,lanes:0,dispatch:null,lastRenderedReducer:sn,lastRenderedState:n},next:null},t.memoizedState=e,t=t.alternate,t!==null&&(t.memoizedState=e),e}function mo(t){var e=ho(t);e.next===null&&(e=t.alternate.memoizedState),Wa(t,e.next.queue,{},we())}function bs(){return ne(hi)}function go(){return Vt().memoizedState}function Ao(){return Vt().memoizedState}function mg(t){for(var e=t.return;e!==null;){switch(e.tag){case 24:case 3:var n=we();t=Bn(n);var l=Un(e,t,n);l!==null&&(ve(l,e,n),qa(l,e,n)),e={cache:_c()},t.payload=e;return}e=e.return}}function gg(t,e,n){var l=we();n={lane:l,revertLane:0,gesture:null,action:n,hasEagerState:!1,eagerState:null,next:null},gu(t)?yo(e,n):(n=Gc(t,e,n,l),n!==null&&(ve(n,t,l),Eo(n,e,l)))}function vo(t,e,n){var l=we();Wa(t,e,n,l)}function Wa(t,e,n,l){var a={lane:l,revertLane:0,gesture:null,action:n,hasEagerState:!1,eagerState:null,next:null};if(gu(t))yo(e,a);else{var s=t.alternate;if(t.lanes===0&&(s===null||s.lanes===0)&&(s=e.lastRenderedReducer,s!==null))try{var d=e.lastRenderedState,g=s(d,n);if(a.hasEagerState=!0,a.eagerState=g,Se(g,d))return Fi(t,e,a,0),jt===null&&Ji(),!1}catch{}finally{}if(n=Gc(t,e,a,l),n!==null)return ve(n,t,l),Eo(n,e,l),!0}return!1}function Ss(t,e,n,l){if(l={lane:2,revertLane:ef(),gesture:null,action:l,hasEagerState:!1,eagerState:null,next:null},gu(t)){if(e)throw Error(f(479))}else e=Gc(t,n,l,2),e!==null&&ve(e,t,2)}function gu(t){var e=t.alternate;return t===mt||e!==null&&e===mt}function yo(t,e){la=su=!0;var n=t.pending;n===null?e.next=e:(e.next=n.next,n.next=e),t.pending=e}function Eo(t,e,n){if((n&4194048)!==0){var l=e.lanes;l&=t.pendingLanes,n|=l,e.lanes=n,Sr(t,n)}}var _a={readContext:ne,use:ou,useCallback:Lt,useContext:Lt,useEffect:Lt,useImperativeHandle:Lt,useLayoutEffect:Lt,useInsertionEffect:Lt,useMemo:Lt,useReducer:Lt,useRef:Lt,useState:Lt,useDebugValue:Lt,useDeferredValue:Lt,useTransition:Lt,useSyncExternalStore:Lt,useId:Lt,useHostTransitionStatus:Lt,useFormState:Lt,useActionState:Lt,useOptimistic:Lt,useMemoCache:Lt,useCacheRefresh:Lt};_a.useEffectEvent=Lt;var po={readContext:ne,use:ou,useCallback:function(t,e){return fe().memoizedState=[t,e===void 0?null:e],t},useContext:ne,useEffect:no,useImperativeHandle:function(t,e,n){n=n!=null?n.concat([t]):null,hu(4194308,4,uo.bind(null,e,t),n)},useLayoutEffect:function(t,e){return hu(4194308,4,t,e)},useInsertionEffect:function(t,e){hu(4,2,t,e)},useMemo:function(t,e){var n=fe();e=e===void 0?null:e;var l=t();if(xl){On(!0);try{t()}finally{On(!1)}}return n.memoizedState=[l,e],l},useReducer:function(t,e,n){var l=fe();if(n!==void 0){var a=n(e);if(xl){On(!0);try{n(e)}finally{On(!1)}}}else a=e;return l.memoizedState=l.baseState=a,t={pending:null,lanes:0,dispatch:null,lastRenderedReducer:t,lastRenderedState:a},l.queue=t,t=t.dispatch=gg.bind(null,mt,t),[l.memoizedState,t]},useRef:function(t){var e=fe();return t={current:t},e.memoizedState=t},useState:function(t){t=As(t);var e=t.queue,n=vo.bind(null,mt,e);return e.dispatch=n,[t.memoizedState,n]},useDebugValue:Es,useDeferredValue:function(t,e){var n=fe();return ps(n,t,e)},useTransition:function(){var t=As(!1);return t=oo.bind(null,mt,t.queue,!0,!1),fe().memoizedState=t,[!1,t]},useSyncExternalStore:function(t,e,n){var l=mt,a=fe();if(xt){if(n===void 0)throw Error(f(407));n=n()}else{if(n=e(),jt===null)throw Error(f(349));(Et&127)!==0||G0(l,e,n)}a.memoizedState=n;var s={value:n,getSnapshot:e};return a.queue=s,no(V0.bind(null,l,s,t),[t]),l.flags|=2048,ia(9,{destroy:void 0},X0.bind(null,l,s,n,e),null),n},useId:function(){var t=fe(),e=jt.identifierPrefix;if(xt){var n=Fe,l=Je;n=(l&~(1<<32-be(l)-1)).toString(32)+n,e="_"+e+"R_"+n,n=fu++,0<n&&(e+="H"+n.toString(32)),e+="_"}else n=sg++,e="_"+e+"r_"+n.toString(32)+"_";return t.memoizedState=e},useHostTransitionStatus:bs,useFormState:_0,useActionState:_0,useOptimistic:function(t){var e=fe();e.memoizedState=e.baseState=t;var n={pending:null,lanes:0,dispatch:null,lastRenderedReducer:null,lastRenderedState:null};return e.queue=n,e=Ss.bind(null,mt,!0,n),n.dispatch=e,[t,e]},useMemoCache:hs,useCacheRefresh:function(){return fe().memoizedState=mg.bind(null,mt)},useEffectEvent:function(t){var e=fe(),n={impl:t};return e.memoizedState=n,function(){if((Ct&2)!==0)throw Error(f(440));return n.impl.apply(void 0,arguments)}}},Ts={readContext:ne,use:ou,useCallback:so,useContext:ne,useEffect:ys,useImperativeHandle:co,useInsertionEffect:ao,useLayoutEffect:io,useMemo:fo,useReducer:du,useRef:eo,useState:function(){return du(sn)},useDebugValue:Es,useDeferredValue:function(t,e){var n=Vt();return ro(n,Rt.memoizedState,t,e)},useTransition:function(){var t=du(sn)[0],e=Vt().memoizedState;return[typeof t=="boolean"?t:Fa(t),e]},useSyncExternalStore:L0,useId:go,useHostTransitionStatus:bs,useFormState:P0,useActionState:P0,useOptimistic:function(t,e){var n=Vt();return q0(n,Rt,t,e)},useMemoCache:hs,useCacheRefresh:Ao};Ts.useEffectEvent=lo;var xo={readContext:ne,use:ou,useCallback:so,useContext:ne,useEffect:ys,useImperativeHandle:co,useInsertionEffect:ao,useLayoutEffect:io,useMemo:fo,useReducer:gs,useRef:eo,useState:function(){return gs(sn)},useDebugValue:Es,useDeferredValue:function(t,e){var n=Vt();return Rt===null?ps(n,t,e):ro(n,Rt.memoizedState,t,e)},useTransition:function(){var t=gs(sn)[0],e=Vt().memoizedState;return[typeof t=="boolean"?t:Fa(t),e]},useSyncExternalStore:L0,useId:go,useHostTransitionStatus:bs,useFormState:to,useActionState:to,useOptimistic:function(t,e){var n=Vt();return Rt!==null?q0(n,Rt,t,e):(n.baseState=t,[t,n.queue.dispatch])},useMemoCache:hs,useCacheRefresh:Ao};xo.useEffectEvent=lo;function Cs(t,e,n,l){e=t.memoizedState,n=n(l,e),n=n==null?e:T({},e,n),t.memoizedState=n,t.lanes===0&&(t.updateQueue.baseState=n)}var Os={enqueueSetState:function(t,e,n){t=t._reactInternals;var l=we(),a=Bn(l);a.payload=e,n!=null&&(a.callback=n),e=Un(t,a,l),e!==null&&(ve(e,t,l),qa(e,t,l))},enqueueReplaceState:function(t,e,n){t=t._reactInternals;var l=we(),a=Bn(l);a.tag=1,a.payload=e,n!=null&&(a.callback=n),e=Un(t,a,l),e!==null&&(ve(e,t,l),qa(e,t,l))},enqueueForceUpdate:function(t,e){t=t._reactInternals;var n=we(),l=Bn(n);l.tag=2,e!=null&&(l.callback=e),e=Un(t,l,n),e!==null&&(ve(e,t,n),qa(e,t,n))}};function bo(t,e,n,l,a,s,d){return t=t.stateNode,typeof t.shouldComponentUpdate=="function"?t.shouldComponentUpdate(l,s,d):e.prototype&&e.prototype.isPureReactComponent?!za(n,l)||!za(a,s):!0}function So(t,e,n,l){t=e.state,typeof e.componentWillReceiveProps=="function"&&e.componentWillReceiveProps(n,l),typeof e.UNSAFE_componentWillReceiveProps=="function"&&e.UNSAFE_componentWillReceiveProps(n,l),e.state!==t&&Os.enqueueReplaceState(e,e.state,null)}function bl(t,e){var n=e;if("ref"in e){n={};for(var l in e)l!=="ref"&&(n[l]=e[l])}if(t=t.defaultProps){n===e&&(n=T({},n));for(var a in t)n[a]===void 0&&(n[a]=t[a])}return n}function To(t){ki(t)}function Co(t){console.error(t)}function Oo(t){ki(t)}function Au(t,e){try{var n=t.onUncaughtError;n(e.value,{componentStack:e.stack})}catch(l){setTimeout(function(){throw l})}}function Do(t,e,n){try{var l=t.onCaughtError;l(n.value,{componentStack:n.stack,errorBoundary:e.tag===1?e.stateNode:null})}catch(a){setTimeout(function(){throw a})}}function Ds(t,e,n){return n=Bn(n),n.tag=3,n.payload={element:null},n.callback=function(){Au(t,e)},n}function Ro(t){return t=Bn(t),t.tag=3,t}function wo(t,e,n,l){var a=n.type.getDerivedStateFromError;if(typeof a=="function"){var s=l.value;t.payload=function(){return a(s)},t.callback=function(){Do(e,n,l)}}var d=n.stateNode;d!==null&&typeof d.componentDidCatch=="function"&&(t.callback=function(){Do(e,n,l),typeof a!="function"&&(Xn===null?Xn=new Set([this]):Xn.add(this));var g=l.stack;this.componentDidCatch(l.value,{componentStack:g!==null?g:""})})}function Ag(t,e,n,l,a){if(n.flags|=32768,l!==null&&typeof l=="object"&&typeof l.then=="function"){if(e=n.alternate,e!==null&&_l(e,n,a,!0),n=Ce.current,n!==null){switch(n.tag){case 31:case 13:return Ye===null?Ru():n.alternate===null&&Gt===0&&(Gt=3),n.flags&=-257,n.flags|=65536,n.lanes=a,l===lu?n.flags|=16384:(e=n.updateQueue,e===null?n.updateQueue=new Set([l]):e.add(l),Ps(t,l,a)),!1;case 22:return n.flags|=65536,l===lu?n.flags|=16384:(e=n.updateQueue,e===null?(e={transitions:null,markerInstances:null,retryQueue:new Set([l])},n.updateQueue=e):(n=e.retryQueue,n===null?e.retryQueue=new Set([l]):n.add(l)),Ps(t,l,a)),!1}throw Error(f(435,n.tag))}return Ps(t,l,a),Ru(),!1}if(xt)return e=Ce.current,e!==null?((e.flags&65536)===0&&(e.flags|=256),e.flags|=65536,e.lanes=a,l!==Kc&&(t=Error(f(422),{cause:l}),Ga(Be(t,n)))):(l!==Kc&&(e=Error(f(423),{cause:l}),Ga(Be(e,n))),t=t.current.alternate,t.flags|=65536,a&=-a,t.lanes|=a,l=Be(l,n),a=Ds(t.stateNode,l,a),ls(t,a),Gt!==4&&(Gt=2)),!1;var s=Error(f(520),{cause:l});if(s=Be(s,n),ii===null?ii=[s]:ii.push(s),Gt!==4&&(Gt=2),e===null)return!0;l=Be(l,n),n=e;do{switch(n.tag){case 3:return n.flags|=65536,t=a&-a,n.lanes|=t,t=Ds(n.stateNode,l,t),ls(n,t),!1;case 1:if(e=n.type,s=n.stateNode,(n.flags&128)===0&&(typeof e.getDerivedStateFromError=="function"||s!==null&&typeof s.componentDidCatch=="function"&&(Xn===null||!Xn.has(s))))return n.flags|=65536,a&=-a,n.lanes|=a,a=Ro(a),wo(a,t,n,l),ls(n,a),!1}n=n.return}while(n!==null);return!1}var Rs=Error(f(461)),qt=!1;function le(t,e,n,l){e.child=t===null?N0(e,null,n,l):pl(e,t.child,n,l)}function Mo(t,e,n,l,a){n=n.render;var s=e.ref;if("ref"in l){var d={};for(var g in l)g!=="ref"&&(d[g]=l[g])}else d=l;return Al(e),l=fs(t,e,n,d,s,a),g=rs(),t!==null&&!qt?(os(t,e,a),fn(t,e,a)):(xt&&g&&Ic(e),e.flags|=1,le(t,e,l,a),e.child)}function jo(t,e,n,l,a){if(t===null){var s=n.type;return typeof s=="function"&&!Xc(s)&&s.defaultProps===void 0&&n.compare===null?(e.tag=15,e.type=s,No(t,e,s,l,a)):(t=_i(n.type,null,l,e,e.mode,a),t.ref=e.ref,t.return=e,e.child=t)}if(s=t.child,!Qs(t,a)){var d=s.memoizedProps;if(n=n.compare,n=n!==null?n:za,n(d,l)&&t.ref===e.ref)return fn(t,e,a)}return e.flags|=1,t=nn(s,l),t.ref=e.ref,t.return=e,e.child=t}function No(t,e,n,l,a){if(t!==null){var s=t.memoizedProps;if(za(s,l)&&t.ref===e.ref)if(qt=!1,e.pendingProps=l=s,Qs(t,a))(t.flags&131072)!==0&&(qt=!0);else return e.lanes=t.lanes,fn(t,e,a)}return ws(t,e,n,l,a)}function Ho(t,e,n,l){var a=l.children,s=t!==null?t.memoizedState:null;if(t===null&&e.stateNode===null&&(e.stateNode={_visibility:1,_pendingMarkers:null,_retryCache:null,_transitions:null}),l.mode==="hidden"){if((e.flags&128)!==0){if(s=s!==null?s.baseLanes|n:n,t!==null){for(l=e.child=t.child,a=0;l!==null;)a=a|l.lanes|l.childLanes,l=l.sibling;l=a&~s}else l=0,e.child=null;return Bo(t,e,s,n,l)}if((n&536870912)!==0)e.memoizedState={baseLanes:0,cachePool:null},t!==null&&eu(e,s!==null?s.cachePool:null),s!==null?U0(e,s):is(),Q0(e);else return l=e.lanes=536870912,Bo(t,e,s!==null?s.baseLanes|n:n,n,l)}else s!==null?(eu(e,s.cachePool),U0(e,s),zn(),e.memoizedState=null):(t!==null&&eu(e,null),is(),zn());return le(t,e,a,n),e.child}function Pa(t,e){return t!==null&&t.tag===22||e.stateNode!==null||(e.stateNode={_visibility:1,_pendingMarkers:null,_retryCache:null,_transitions:null}),e.sibling}function Bo(t,e,n,l,a){var s=$c();return s=s===null?null:{parent:Zt._currentValue,pool:s},e.memoizedState={baseLanes:n,cachePool:s},t!==null&&eu(e,null),is(),Q0(e),t!==null&&_l(t,e,l,!0),e.childLanes=a,null}function vu(t,e){return e=Eu({mode:e.mode,children:e.children},t.mode),e.ref=t.ref,t.child=e,e.return=t,e}function Uo(t,e,n){return pl(e,t.child,null,n),t=vu(e,e.pendingProps),t.flags|=2,Oe(e),e.memoizedState=null,t}function vg(t,e,n){var l=e.pendingProps,a=(e.flags&128)!==0;if(e.flags&=-129,t===null){if(xt){if(l.mode==="hidden")return t=vu(e,l),e.lanes=536870912,Pa(null,t);if(cs(e),(t=Nt)?(t=kd(t,ze),t=t!==null&&t.data==="&"?t:null,t!==null&&(e.memoizedState={dehydrated:t,treeContext:wn!==null?{id:Je,overflow:Fe}:null,retryLane:536870912,hydrationErrors:null},n=v0(t),n.return=e,e.child=n,ee=e,Nt=null)):t=null,t===null)throw jn(e);return e.lanes=536870912,null}return vu(e,l)}var s=t.memoizedState;if(s!==null){var d=s.dehydrated;if(cs(e),a)if(e.flags&256)e.flags&=-257,e=Uo(t,e,n);else if(e.memoizedState!==null)e.child=t.child,e.flags|=128,e=null;else throw Error(f(558));else if(qt||_l(t,e,n,!1),a=(n&t.childLanes)!==0,qt||a){if(l=jt,l!==null&&(d=Tr(l,n),d!==0&&d!==s.retryLane))throw s.retryLane=d,dl(t,d),ve(l,t,d),Rs;Ru(),e=Uo(t,e,n)}else t=s.treeContext,Nt=Le(d.nextSibling),ee=e,xt=!0,Mn=null,ze=!1,t!==null&&p0(e,t),e=vu(e,l),e.flags|=4096;return e}return t=nn(t.child,{mode:l.mode,children:l.children}),t.ref=e.ref,e.child=t,t.return=e,t}function yu(t,e){var n=e.ref;if(n===null)t!==null&&t.ref!==null&&(e.flags|=4194816);else{if(typeof n!="function"&&typeof n!="object")throw Error(f(284));(t===null||t.ref!==n)&&(e.flags|=4194816)}}function ws(t,e,n,l,a){return Al(e),n=fs(t,e,n,l,void 0,a),l=rs(),t!==null&&!qt?(os(t,e,a),fn(t,e,a)):(xt&&l&&Ic(e),e.flags|=1,le(t,e,n,a),e.child)}function Qo(t,e,n,l,a,s){return Al(e),e.updateQueue=null,n=Y0(e,l,n,a),z0(t),l=rs(),t!==null&&!qt?(os(t,e,s),fn(t,e,s)):(xt&&l&&Ic(e),e.flags|=1,le(t,e,n,s),e.child)}function zo(t,e,n,l,a){if(Al(e),e.stateNode===null){var s=kl,d=n.contextType;typeof d=="object"&&d!==null&&(s=ne(d)),s=new n(l,s),e.memoizedState=s.state!==null&&s.state!==void 0?s.state:null,s.updater=Os,e.stateNode=s,s._reactInternals=e,s=e.stateNode,s.props=l,s.state=e.memoizedState,s.refs={},es(e),d=n.contextType,s.context=typeof d=="object"&&d!==null?ne(d):kl,s.state=e.memoizedState,d=n.getDerivedStateFromProps,typeof d=="function"&&(Cs(e,n,d,l),s.state=e.memoizedState),typeof n.getDerivedStateFromProps=="function"||typeof s.getSnapshotBeforeUpdate=="function"||typeof s.UNSAFE_componentWillMount!="function"&&typeof s.componentWillMount!="function"||(d=s.state,typeof s.componentWillMount=="function"&&s.componentWillMount(),typeof s.UNSAFE_componentWillMount=="function"&&s.UNSAFE_componentWillMount(),d!==s.state&&Os.enqueueReplaceState(s,s.state,null),ka(e,l,s,a),Ka(),s.state=e.memoizedState),typeof s.componentDidMount=="function"&&(e.flags|=4194308),l=!0}else if(t===null){s=e.stateNode;var g=e.memoizedProps,S=bl(n,g);s.props=S;var U=s.context,Z=n.contextType;d=kl,typeof Z=="object"&&Z!==null&&(d=ne(Z));var J=n.getDerivedStateFromProps;Z=typeof J=="function"||typeof s.getSnapshotBeforeUpdate=="function",g=e.pendingProps!==g,Z||typeof s.UNSAFE_componentWillReceiveProps!="function"&&typeof s.componentWillReceiveProps!="function"||(g||U!==d)&&So(e,s,l,d),Hn=!1;var Q=e.memoizedState;s.state=Q,ka(e,l,s,a),Ka(),U=e.memoizedState,g||Q!==U||Hn?(typeof J=="function"&&(Cs(e,n,J,l),U=e.memoizedState),(S=Hn||bo(e,n,S,l,Q,U,d))?(Z||typeof s.UNSAFE_componentWillMount!="function"&&typeof s.componentWillMount!="function"||(typeof s.componentWillMount=="function"&&s.componentWillMount(),typeof s.UNSAFE_componentWillMount=="function"&&s.UNSAFE_componentWillMount()),typeof s.componentDidMount=="function"&&(e.flags|=4194308)):(typeof s.componentDidMount=="function"&&(e.flags|=4194308),e.memoizedProps=l,e.memoizedState=U),s.props=l,s.state=U,s.context=d,l=S):(typeof s.componentDidMount=="function"&&(e.flags|=4194308),l=!1)}else{s=e.stateNode,ns(t,e),d=e.memoizedProps,Z=bl(n,d),s.props=Z,J=e.pendingProps,Q=s.context,U=n.contextType,S=kl,typeof U=="object"&&U!==null&&(S=ne(U)),g=n.getDerivedStateFromProps,(U=typeof g=="function"||typeof s.getSnapshotBeforeUpdate=="function")||typeof s.UNSAFE_componentWillReceiveProps!="function"&&typeof s.componentWillReceiveProps!="function"||(d!==J||Q!==S)&&So(e,s,l,S),Hn=!1,Q=e.memoizedState,s.state=Q,ka(e,l,s,a),Ka();var G=e.memoizedState;d!==J||Q!==G||Hn||t!==null&&t.dependencies!==null&&$i(t.dependencies)?(typeof g=="function"&&(Cs(e,n,g,l),G=e.memoizedState),(Z=Hn||bo(e,n,Z,l,Q,G,S)||t!==null&&t.dependencies!==null&&$i(t.dependencies))?(U||typeof s.UNSAFE_componentWillUpdate!="function"&&typeof s.componentWillUpdate!="function"||(typeof s.componentWillUpdate=="function"&&s.componentWillUpdate(l,G,S),typeof s.UNSAFE_componentWillUpdate=="function"&&s.UNSAFE_componentWillUpdate(l,G,S)),typeof s.componentDidUpdate=="function"&&(e.flags|=4),typeof s.getSnapshotBeforeUpdate=="function"&&(e.flags|=1024)):(typeof s.componentDidUpdate!="function"||d===t.memoizedProps&&Q===t.memoizedState||(e.flags|=4),typeof s.getSnapshotBeforeUpdate!="function"||d===t.memoizedProps&&Q===t.memoizedState||(e.flags|=1024),e.memoizedProps=l,e.memoizedState=G),s.props=l,s.state=G,s.context=S,l=Z):(typeof s.componentDidUpdate!="function"||d===t.memoizedProps&&Q===t.memoizedState||(e.flags|=4),typeof s.getSnapshotBeforeUpdate!="function"||d===t.memoizedProps&&Q===t.memoizedState||(e.flags|=1024),l=!1)}return s=l,yu(t,e),l=(e.flags&128)!==0,s||l?(s=e.stateNode,n=l&&typeof n.getDerivedStateFromError!="function"?null:s.render(),e.flags|=1,t!==null&&l?(e.child=pl(e,t.child,null,a),e.child=pl(e,null,n,a)):le(t,e,n,a),e.memoizedState=s.state,t=e.child):t=fn(t,e,a),t}function Yo(t,e,n,l){return ml(),e.flags|=256,le(t,e,n,l),e.child}var Ms={dehydrated:null,treeContext:null,retryLane:0,hydrationErrors:null};function js(t){return{baseLanes:t,cachePool:O0()}}function Ns(t,e,n){return t=t!==null?t.childLanes&~n:0,e&&(t|=Re),t}function Lo(t,e,n){var l=e.pendingProps,a=!1,s=(e.flags&128)!==0,d;if((d=s)||(d=t!==null&&t.memoizedState===null?!1:(Xt.current&2)!==0),d&&(a=!0,e.flags&=-129),d=(e.flags&32)!==0,e.flags&=-33,t===null){if(xt){if(a?Qn(e):zn(),(t=Nt)?(t=kd(t,ze),t=t!==null&&t.data!=="&"?t:null,t!==null&&(e.memoizedState={dehydrated:t,treeContext:wn!==null?{id:Je,overflow:Fe}:null,retryLane:536870912,hydrationErrors:null},n=v0(t),n.return=e,e.child=n,ee=e,Nt=null)):t=null,t===null)throw jn(e);return gf(t)?e.lanes=32:e.lanes=536870912,null}var g=l.children;return l=l.fallback,a?(zn(),a=e.mode,g=Eu({mode:"hidden",children:g},a),l=hl(l,a,n,null),g.return=e,l.return=e,g.sibling=l,e.child=g,l=e.child,l.memoizedState=js(n),l.childLanes=Ns(t,d,n),e.memoizedState=Ms,Pa(null,l)):(Qn(e),Hs(e,g))}var S=t.memoizedState;if(S!==null&&(g=S.dehydrated,g!==null)){if(s)e.flags&256?(Qn(e),e.flags&=-257,e=Bs(t,e,n)):e.memoizedState!==null?(zn(),e.child=t.child,e.flags|=128,e=null):(zn(),g=l.fallback,a=e.mode,l=Eu({mode:"visible",children:l.children},a),g=hl(g,a,n,null),g.flags|=2,l.return=e,g.return=e,l.sibling=g,e.child=l,pl(e,t.child,null,n),l=e.child,l.memoizedState=js(n),l.childLanes=Ns(t,d,n),e.memoizedState=Ms,e=Pa(null,l));else if(Qn(e),gf(g)){if(d=g.nextSibling&&g.nextSibling.dataset,d)var U=d.dgst;d=U,l=Error(f(419)),l.stack="",l.digest=d,Ga({value:l,source:null,stack:null}),e=Bs(t,e,n)}else if(qt||_l(t,e,n,!1),d=(n&t.childLanes)!==0,qt||d){if(d=jt,d!==null&&(l=Tr(d,n),l!==0&&l!==S.retryLane))throw S.retryLane=l,dl(t,l),ve(d,t,l),Rs;mf(g)||Ru(),e=Bs(t,e,n)}else mf(g)?(e.flags|=192,e.child=t.child,e=null):(t=S.treeContext,Nt=Le(g.nextSibling),ee=e,xt=!0,Mn=null,ze=!1,t!==null&&p0(e,t),e=Hs(e,l.children),e.flags|=4096);return e}return a?(zn(),g=l.fallback,a=e.mode,S=t.child,U=S.sibling,l=nn(S,{mode:"hidden",children:l.children}),l.subtreeFlags=S.subtreeFlags&65011712,U!==null?g=nn(U,g):(g=hl(g,a,n,null),g.flags|=2),g.return=e,l.return=e,l.sibling=g,e.child=l,Pa(null,l),l=e.child,g=t.child.memoizedState,g===null?g=js(n):(a=g.cachePool,a!==null?(S=Zt._currentValue,a=a.parent!==S?{parent:S,pool:S}:a):a=O0(),g={baseLanes:g.baseLanes|n,cachePool:a}),l.memoizedState=g,l.childLanes=Ns(t,d,n),e.memoizedState=Ms,Pa(t.child,l)):(Qn(e),n=t.child,t=n.sibling,n=nn(n,{mode:"visible",children:l.children}),n.return=e,n.sibling=null,t!==null&&(d=e.deletions,d===null?(e.deletions=[t],e.flags|=16):d.push(t)),e.child=n,e.memoizedState=null,n)}function Hs(t,e){return e=Eu({mode:"visible",children:e},t.mode),e.return=t,t.child=e}function Eu(t,e){return t=Te(22,t,null,e),t.lanes=0,t}function Bs(t,e,n){return pl(e,t.child,null,n),t=Hs(e,e.pendingProps.children),t.flags|=2,e.memoizedState=null,t}function Go(t,e,n){t.lanes|=e;var l=t.alternate;l!==null&&(l.lanes|=e),Fc(t.return,e,n)}function Us(t,e,n,l,a,s){var d=t.memoizedState;d===null?t.memoizedState={isBackwards:e,rendering:null,renderingStartTime:0,last:l,tail:n,tailMode:a,treeForkCount:s}:(d.isBackwards=e,d.rendering=null,d.renderingStartTime=0,d.last=l,d.tail=n,d.tailMode=a,d.treeForkCount=s)}function Xo(t,e,n){var l=e.pendingProps,a=l.revealOrder,s=l.tail;l=l.children;var d=Xt.current,g=(d&2)!==0;if(g?(d=d&1|2,e.flags|=128):d&=1,W(Xt,d),le(t,e,l,n),l=xt?La:0,!g&&t!==null&&(t.flags&128)!==0)t:for(t=e.child;t!==null;){if(t.tag===13)t.memoizedState!==null&&Go(t,n,e);else if(t.tag===19)Go(t,n,e);else if(t.child!==null){t.child.return=t,t=t.child;continue}if(t===e)break t;for(;t.sibling===null;){if(t.return===null||t.return===e)break t;t=t.return}t.sibling.return=t.return,t=t.sibling}switch(a){case"forwards":for(n=e.child,a=null;n!==null;)t=n.alternate,t!==null&&cu(t)===null&&(a=n),n=n.sibling;n=a,n===null?(a=e.child,e.child=null):(a=n.sibling,n.sibling=null),Us(e,!1,a,n,s,l);break;case"backwards":case"unstable_legacy-backwards":for(n=null,a=e.child,e.child=null;a!==null;){if(t=a.alternate,t!==null&&cu(t)===null){e.child=a;break}t=a.sibling,a.sibling=n,n=a,a=t}Us(e,!0,n,null,s,l);break;case"together":Us(e,!1,null,null,void 0,l);break;default:e.memoizedState=null}return e.child}function fn(t,e,n){if(t!==null&&(e.dependencies=t.dependencies),Gn|=e.lanes,(n&e.childLanes)===0)if(t!==null){if(_l(t,e,n,!1),(n&e.childLanes)===0)return null}else return null;if(t!==null&&e.child!==t.child)throw Error(f(153));if(e.child!==null){for(t=e.child,n=nn(t,t.pendingProps),e.child=n,n.return=e;t.sibling!==null;)t=t.sibling,n=n.sibling=nn(t,t.pendingProps),n.return=e;n.sibling=null}return e.child}function Qs(t,e){return(t.lanes&e)!==0?!0:(t=t.dependencies,!!(t!==null&&$i(t)))}function yg(t,e,n){switch(e.tag){case 3:Jt(e,e.stateNode.containerInfo),Nn(e,Zt,t.memoizedState.cache),ml();break;case 27:case 5:Sn(e);break;case 4:Jt(e,e.stateNode.containerInfo);break;case 10:Nn(e,e.type,e.memoizedProps.value);break;case 31:if(e.memoizedState!==null)return e.flags|=128,cs(e),null;break;case 13:var l=e.memoizedState;if(l!==null)return l.dehydrated!==null?(Qn(e),e.flags|=128,null):(n&e.child.childLanes)!==0?Lo(t,e,n):(Qn(e),t=fn(t,e,n),t!==null?t.sibling:null);Qn(e);break;case 19:var a=(t.flags&128)!==0;if(l=(n&e.childLanes)!==0,l||(_l(t,e,n,!1),l=(n&e.childLanes)!==0),a){if(l)return Xo(t,e,n);e.flags|=128}if(a=e.memoizedState,a!==null&&(a.rendering=null,a.tail=null,a.lastEffect=null),W(Xt,Xt.current),l)break;return null;case 22:return e.lanes=0,Ho(t,e,n,e.pendingProps);case 24:Nn(e,Zt,t.memoizedState.cache)}return fn(t,e,n)}function Vo(t,e,n){if(t!==null)if(t.memoizedProps!==e.pendingProps)qt=!0;else{if(!Qs(t,n)&&(e.flags&128)===0)return qt=!1,yg(t,e,n);qt=(t.flags&131072)!==0}else qt=!1,xt&&(e.flags&1048576)!==0&&E0(e,La,e.index);switch(e.lanes=0,e.tag){case 16:t:{var l=e.pendingProps;if(t=yl(e.elementType),e.type=t,typeof t=="function")Xc(t)?(l=bl(t,l),e.tag=1,e=zo(null,e,t,l,n)):(e.tag=0,e=ws(null,e,t,l,n));else{if(t!=null){var a=t.$$typeof;if(a===V){e.tag=11,e=Mo(null,e,t,l,n);break t}else if(a===j){e.tag=14,e=jo(null,e,t,l,n);break t}}throw e=st(t)||t,Error(f(306,e,""))}}return e;case 0:return ws(t,e,e.type,e.pendingProps,n);case 1:return l=e.type,a=bl(l,e.pendingProps),zo(t,e,l,a,n);case 3:t:{if(Jt(e,e.stateNode.containerInfo),t===null)throw Error(f(387));l=e.pendingProps;var s=e.memoizedState;a=s.element,ns(t,e),ka(e,l,null,n);var d=e.memoizedState;if(l=d.cache,Nn(e,Zt,l),l!==s.cache&&Wc(e,[Zt],n,!0),Ka(),l=d.element,s.isDehydrated)if(s={element:l,isDehydrated:!1,cache:d.cache},e.updateQueue.baseState=s,e.memoizedState=s,e.flags&256){e=Yo(t,e,l,n);break t}else if(l!==a){a=Be(Error(f(424)),e),Ga(a),e=Yo(t,e,l,n);break t}else{switch(t=e.stateNode.containerInfo,t.nodeType){case 9:t=t.body;break;default:t=t.nodeName==="HTML"?t.ownerDocument.body:t}for(Nt=Le(t.firstChild),ee=e,xt=!0,Mn=null,ze=!0,n=N0(e,null,l,n),e.child=n;n;)n.flags=n.flags&-3|4096,n=n.sibling}else{if(ml(),l===a){e=fn(t,e,n);break t}le(t,e,l,n)}e=e.child}return e;case 26:return yu(t,e),t===null?(n=$d(e.type,null,e.pendingProps,null))?e.memoizedState=n:xt||(n=e.type,t=e.pendingProps,l=Uu(ot.current).createElement(n),l[te]=e,l[oe]=t,ae(l,n,t),Ft(l),e.stateNode=l):e.memoizedState=$d(e.type,t.memoizedProps,e.pendingProps,t.memoizedState),null;case 27:return Sn(e),t===null&&xt&&(l=e.stateNode=Wd(e.type,e.pendingProps,ot.current),ee=e,ze=!0,a=Nt,qn(e.type)?(Af=a,Nt=Le(l.firstChild)):Nt=a),le(t,e,e.pendingProps.children,n),yu(t,e),t===null&&(e.flags|=4194304),e.child;case 5:return t===null&&xt&&((a=l=Nt)&&(l=Jg(l,e.type,e.pendingProps,ze),l!==null?(e.stateNode=l,ee=e,Nt=Le(l.firstChild),ze=!1,a=!0):a=!1),a||jn(e)),Sn(e),a=e.type,s=e.pendingProps,d=t!==null?t.memoizedProps:null,l=s.children,of(a,s)?l=null:d!==null&&of(a,d)&&(e.flags|=32),e.memoizedState!==null&&(a=fs(t,e,fg,null,null,n),hi._currentValue=a),yu(t,e),le(t,e,l,n),e.child;case 6:return t===null&&xt&&((t=n=Nt)&&(n=Fg(n,e.pendingProps,ze),n!==null?(e.stateNode=n,ee=e,Nt=null,t=!0):t=!1),t||jn(e)),null;case 13:return Lo(t,e,n);case 4:return Jt(e,e.stateNode.containerInfo),l=e.pendingProps,t===null?e.child=pl(e,null,l,n):le(t,e,l,n),e.child;case 11:return Mo(t,e,e.type,e.pendingProps,n);case 7:return le(t,e,e.pendingProps,n),e.child;case 8:return le(t,e,e.pendingProps.children,n),e.child;case 12:return le(t,e,e.pendingProps.children,n),e.child;case 10:return l=e.pendingProps,Nn(e,e.type,l.value),le(t,e,l.children,n),e.child;case 9:return a=e.type._context,l=e.pendingProps.children,Al(e),a=ne(a),l=l(a),e.flags|=1,le(t,e,l,n),e.child;case 14:return jo(t,e,e.type,e.pendingProps,n);case 15:return No(t,e,e.type,e.pendingProps,n);case 19:return Xo(t,e,n);case 31:return vg(t,e,n);case 22:return Ho(t,e,n,e.pendingProps);case 24:return Al(e),l=ne(Zt),t===null?(a=$c(),a===null&&(a=jt,s=_c(),a.pooledCache=s,s.refCount++,s!==null&&(a.pooledCacheLanes|=n),a=s),e.memoizedState={parent:l,cache:a},es(e),Nn(e,Zt,a)):((t.lanes&n)!==0&&(ns(t,e),ka(e,null,null,n),Ka()),a=t.memoizedState,s=e.memoizedState,a.parent!==l?(a={parent:l,cache:l},e.memoizedState=a,e.lanes===0&&(e.memoizedState=e.updateQueue.baseState=a),Nn(e,Zt,l)):(l=s.cache,Nn(e,Zt,l),l!==a.cache&&Wc(e,[Zt],n,!0))),le(t,e,e.pendingProps.children,n),e.child;case 29:throw e.pendingProps}throw Error(f(156,e.tag))}function rn(t){t.flags|=4}function zs(t,e,n,l,a){if((e=(t.mode&32)!==0)&&(e=!1),e){if(t.flags|=16777216,(a&335544128)===a)if(t.stateNode.complete)t.flags|=8192;else if(gd())t.flags|=8192;else throw El=lu,ts}else t.flags&=-16777217}function Zo(t,e){if(e.type!=="stylesheet"||(e.state.loading&4)!==0)t.flags&=-16777217;else if(t.flags|=16777216,!a1(e))if(gd())t.flags|=8192;else throw El=lu,ts}function pu(t,e){e!==null&&(t.flags|=4),t.flags&16384&&(e=t.tag!==22?xr():536870912,t.lanes|=e,fa|=e)}function $a(t,e){if(!xt)switch(t.tailMode){case"hidden":e=t.tail;for(var n=null;e!==null;)e.alternate!==null&&(n=e),e=e.sibling;n===null?t.tail=null:n.sibling=null;break;case"collapsed":n=t.tail;for(var l=null;n!==null;)n.alternate!==null&&(l=n),n=n.sibling;l===null?e||t.tail===null?t.tail=null:t.tail.sibling=null:l.sibling=null}}function Ht(t){var e=t.alternate!==null&&t.alternate.child===t.child,n=0,l=0;if(e)for(var a=t.child;a!==null;)n|=a.lanes|a.childLanes,l|=a.subtreeFlags&65011712,l|=a.flags&65011712,a.return=t,a=a.sibling;else for(a=t.child;a!==null;)n|=a.lanes|a.childLanes,l|=a.subtreeFlags,l|=a.flags,a.return=t,a=a.sibling;return t.subtreeFlags|=l,t.childLanes=n,e}function Eg(t,e,n){var l=e.pendingProps;switch(qc(e),e.tag){case 16:case 15:case 0:case 11:case 7:case 8:case 12:case 9:case 14:return Ht(e),null;case 1:return Ht(e),null;case 3:return n=e.stateNode,l=null,t!==null&&(l=t.memoizedState.cache),e.memoizedState.cache!==l&&(e.flags|=2048),un(Zt),Qt(),n.pendingContext&&(n.context=n.pendingContext,n.pendingContext=null),(t===null||t.child===null)&&(Wl(e)?rn(e):t===null||t.memoizedState.isDehydrated&&(e.flags&256)===0||(e.flags|=1024,kc())),Ht(e),null;case 26:var a=e.type,s=e.memoizedState;return t===null?(rn(e),s!==null?(Ht(e),Zo(e,s)):(Ht(e),zs(e,a,null,l,n))):s?s!==t.memoizedState?(rn(e),Ht(e),Zo(e,s)):(Ht(e),e.flags&=-16777217):(t=t.memoizedProps,t!==l&&rn(e),Ht(e),zs(e,a,t,l,n)),null;case 27:if(ul(e),n=ot.current,a=e.type,t!==null&&e.stateNode!=null)t.memoizedProps!==l&&rn(e);else{if(!l){if(e.stateNode===null)throw Error(f(166));return Ht(e),null}t=et.current,Wl(e)?x0(e):(t=Wd(a,l,n),e.stateNode=t,rn(e))}return Ht(e),null;case 5:if(ul(e),a=e.type,t!==null&&e.stateNode!=null)t.memoizedProps!==l&&rn(e);else{if(!l){if(e.stateNode===null)throw Error(f(166));return Ht(e),null}if(s=et.current,Wl(e))x0(e);else{var d=Uu(ot.current);switch(s){case 1:s=d.createElementNS("http://www.w3.org/2000/svg",a);break;case 2:s=d.createElementNS("http://www.w3.org/1998/Math/MathML",a);break;default:switch(a){case"svg":s=d.createElementNS("http://www.w3.org/2000/svg",a);break;case"math":s=d.createElementNS("http://www.w3.org/1998/Math/MathML",a);break;case"script":s=d.createElement("div"),s.innerHTML="<script><\/script>",s=s.removeChild(s.firstChild);break;case"select":s=typeof l.is=="string"?d.createElement("select",{is:l.is}):d.createElement("select"),l.multiple?s.multiple=!0:l.size&&(s.size=l.size);break;default:s=typeof l.is=="string"?d.createElement(a,{is:l.is}):d.createElement(a)}}s[te]=e,s[oe]=l;t:for(d=e.child;d!==null;){if(d.tag===5||d.tag===6)s.appendChild(d.stateNode);else if(d.tag!==4&&d.tag!==27&&d.child!==null){d.child.return=d,d=d.child;continue}if(d===e)break t;for(;d.sibling===null;){if(d.return===null||d.return===e)break t;d=d.return}d.sibling.return=d.return,d=d.sibling}e.stateNode=s;t:switch(ae(s,a,l),a){case"button":case"input":case"select":case"textarea":l=!!l.autoFocus;break t;case"img":l=!0;break t;default:l=!1}l&&rn(e)}}return Ht(e),zs(e,e.type,t===null?null:t.memoizedProps,e.pendingProps,n),null;case 6:if(t&&e.stateNode!=null)t.memoizedProps!==l&&rn(e);else{if(typeof l!="string"&&e.stateNode===null)throw Error(f(166));if(t=ot.current,Wl(e)){if(t=e.stateNode,n=e.memoizedProps,l=null,a=ee,a!==null)switch(a.tag){case 27:case 5:l=a.memoizedProps}t[te]=e,t=!!(t.nodeValue===n||l!==null&&l.suppressHydrationWarning===!0||Ld(t.nodeValue,n)),t||jn(e,!0)}else t=Uu(t).createTextNode(l),t[te]=e,e.stateNode=t}return Ht(e),null;case 31:if(n=e.memoizedState,t===null||t.memoizedState!==null){if(l=Wl(e),n!==null){if(t===null){if(!l)throw Error(f(318));if(t=e.memoizedState,t=t!==null?t.dehydrated:null,!t)throw Error(f(557));t[te]=e}else ml(),(e.flags&128)===0&&(e.memoizedState=null),e.flags|=4;Ht(e),t=!1}else n=kc(),t!==null&&t.memoizedState!==null&&(t.memoizedState.hydrationErrors=n),t=!0;if(!t)return e.flags&256?(Oe(e),e):(Oe(e),null);if((e.flags&128)!==0)throw Error(f(558))}return Ht(e),null;case 13:if(l=e.memoizedState,t===null||t.memoizedState!==null&&t.memoizedState.dehydrated!==null){if(a=Wl(e),l!==null&&l.dehydrated!==null){if(t===null){if(!a)throw Error(f(318));if(a=e.memoizedState,a=a!==null?a.dehydrated:null,!a)throw Error(f(317));a[te]=e}else ml(),(e.flags&128)===0&&(e.memoizedState=null),e.flags|=4;Ht(e),a=!1}else a=kc(),t!==null&&t.memoizedState!==null&&(t.memoizedState.hydrationErrors=a),a=!0;if(!a)return e.flags&256?(Oe(e),e):(Oe(e),null)}return Oe(e),(e.flags&128)!==0?(e.lanes=n,e):(n=l!==null,t=t!==null&&t.memoizedState!==null,n&&(l=e.child,a=null,l.alternate!==null&&l.alternate.memoizedState!==null&&l.alternate.memoizedState.cachePool!==null&&(a=l.alternate.memoizedState.cachePool.pool),s=null,l.memoizedState!==null&&l.memoizedState.cachePool!==null&&(s=l.memoizedState.cachePool.pool),s!==a&&(l.flags|=2048)),n!==t&&n&&(e.child.flags|=8192),pu(e,e.updateQueue),Ht(e),null);case 4:return Qt(),t===null&&uf(e.stateNode.containerInfo),Ht(e),null;case 10:return un(e.type),Ht(e),null;case 19:if(L(Xt),l=e.memoizedState,l===null)return Ht(e),null;if(a=(e.flags&128)!==0,s=l.rendering,s===null)if(a)$a(l,!1);else{if(Gt!==0||t!==null&&(t.flags&128)!==0)for(t=e.child;t!==null;){if(s=cu(t),s!==null){for(e.flags|=128,$a(l,!1),t=s.updateQueue,e.updateQueue=t,pu(e,t),e.subtreeFlags=0,t=n,n=e.child;n!==null;)A0(n,t),n=n.sibling;return W(Xt,Xt.current&1|2),xt&&ln(e,l.treeForkCount),e.child}t=t.sibling}l.tail!==null&&pe()>Cu&&(e.flags|=128,a=!0,$a(l,!1),e.lanes=4194304)}else{if(!a)if(t=cu(s),t!==null){if(e.flags|=128,a=!0,t=t.updateQueue,e.updateQueue=t,pu(e,t),$a(l,!0),l.tail===null&&l.tailMode==="hidden"&&!s.alternate&&!xt)return Ht(e),null}else 2*pe()-l.renderingStartTime>Cu&&n!==536870912&&(e.flags|=128,a=!0,$a(l,!1),e.lanes=4194304);l.isBackwards?(s.sibling=e.child,e.child=s):(t=l.last,t!==null?t.sibling=s:e.child=s,l.last=s)}return l.tail!==null?(t=l.tail,l.rendering=t,l.tail=t.sibling,l.renderingStartTime=pe(),t.sibling=null,n=Xt.current,W(Xt,a?n&1|2:n&1),xt&&ln(e,l.treeForkCount),t):(Ht(e),null);case 22:case 23:return Oe(e),us(),l=e.memoizedState!==null,t!==null?t.memoizedState!==null!==l&&(e.flags|=8192):l&&(e.flags|=8192),l?(n&536870912)!==0&&(e.flags&128)===0&&(Ht(e),e.subtreeFlags&6&&(e.flags|=8192)):Ht(e),n=e.updateQueue,n!==null&&pu(e,n.retryQueue),n=null,t!==null&&t.memoizedState!==null&&t.memoizedState.cachePool!==null&&(n=t.memoizedState.cachePool.pool),l=null,e.memoizedState!==null&&e.memoizedState.cachePool!==null&&(l=e.memoizedState.cachePool.pool),l!==n&&(e.flags|=2048),t!==null&&L(vl),null;case 24:return n=null,t!==null&&(n=t.memoizedState.cache),e.memoizedState.cache!==n&&(e.flags|=2048),un(Zt),Ht(e),null;case 25:return null;case 30:return null}throw Error(f(156,e.tag))}function pg(t,e){switch(qc(e),e.tag){case 1:return t=e.flags,t&65536?(e.flags=t&-65537|128,e):null;case 3:return un(Zt),Qt(),t=e.flags,(t&65536)!==0&&(t&128)===0?(e.flags=t&-65537|128,e):null;case 26:case 27:case 5:return ul(e),null;case 31:if(e.memoizedState!==null){if(Oe(e),e.alternate===null)throw Error(f(340));ml()}return t=e.flags,t&65536?(e.flags=t&-65537|128,e):null;case 13:if(Oe(e),t=e.memoizedState,t!==null&&t.dehydrated!==null){if(e.alternate===null)throw Error(f(340));ml()}return t=e.flags,t&65536?(e.flags=t&-65537|128,e):null;case 19:return L(Xt),null;case 4:return Qt(),null;case 10:return un(e.type),null;case 22:case 23:return Oe(e),us(),t!==null&&L(vl),t=e.flags,t&65536?(e.flags=t&-65537|128,e):null;case 24:return un(Zt),null;case 25:return null;default:return null}}function Io(t,e){switch(qc(e),e.tag){case 3:un(Zt),Qt();break;case 26:case 27:case 5:ul(e);break;case 4:Qt();break;case 31:e.memoizedState!==null&&Oe(e);break;case 13:Oe(e);break;case 19:L(Xt);break;case 10:un(e.type);break;case 22:case 23:Oe(e),us(),t!==null&&L(vl);break;case 24:un(Zt)}}function ti(t,e){try{var n=e.updateQueue,l=n!==null?n.lastEffect:null;if(l!==null){var a=l.next;n=a;do{if((n.tag&t)===t){l=void 0;var s=n.create,d=n.inst;l=s(),d.destroy=l}n=n.next}while(n!==a)}}catch(g){Dt(e,e.return,g)}}function Yn(t,e,n){try{var l=e.updateQueue,a=l!==null?l.lastEffect:null;if(a!==null){var s=a.next;l=s;do{if((l.tag&t)===t){var d=l.inst,g=d.destroy;if(g!==void 0){d.destroy=void 0,a=e;var S=n,U=g;try{U()}catch(Z){Dt(a,S,Z)}}}l=l.next}while(l!==s)}}catch(Z){Dt(e,e.return,Z)}}function qo(t){var e=t.updateQueue;if(e!==null){var n=t.stateNode;try{B0(e,n)}catch(l){Dt(t,t.return,l)}}}function Ko(t,e,n){n.props=bl(t.type,t.memoizedProps),n.state=t.memoizedState;try{n.componentWillUnmount()}catch(l){Dt(t,e,l)}}function ei(t,e){try{var n=t.ref;if(n!==null){switch(t.tag){case 26:case 27:case 5:var l=t.stateNode;break;case 30:l=t.stateNode;break;default:l=t.stateNode}typeof n=="function"?t.refCleanup=n(l):n.current=l}}catch(a){Dt(t,e,a)}}function We(t,e){var n=t.ref,l=t.refCleanup;if(n!==null)if(typeof l=="function")try{l()}catch(a){Dt(t,e,a)}finally{t.refCleanup=null,t=t.alternate,t!=null&&(t.refCleanup=null)}else if(typeof n=="function")try{n(null)}catch(a){Dt(t,e,a)}else n.current=null}function ko(t){var e=t.type,n=t.memoizedProps,l=t.stateNode;try{t:switch(e){case"button":case"input":case"select":case"textarea":n.autoFocus&&l.focus();break t;case"img":n.src?l.src=n.src:n.srcSet&&(l.srcset=n.srcSet)}}catch(a){Dt(t,t.return,a)}}function Ys(t,e,n){try{var l=t.stateNode;Vg(l,t.type,n,e),l[oe]=e}catch(a){Dt(t,t.return,a)}}function Jo(t){return t.tag===5||t.tag===3||t.tag===26||t.tag===27&&qn(t.type)||t.tag===4}function Ls(t){t:for(;;){for(;t.sibling===null;){if(t.return===null||Jo(t.return))return null;t=t.return}for(t.sibling.return=t.return,t=t.sibling;t.tag!==5&&t.tag!==6&&t.tag!==18;){if(t.tag===27&&qn(t.type)||t.flags&2||t.child===null||t.tag===4)continue t;t.child.return=t,t=t.child}if(!(t.flags&2))return t.stateNode}}function Gs(t,e,n){var l=t.tag;if(l===5||l===6)t=t.stateNode,e?(n.nodeType===9?n.body:n.nodeName==="HTML"?n.ownerDocument.body:n).insertBefore(t,e):(e=n.nodeType===9?n.body:n.nodeName==="HTML"?n.ownerDocument.body:n,e.appendChild(t),n=n._reactRootContainer,n!=null||e.onclick!==null||(e.onclick=tn));else if(l!==4&&(l===27&&qn(t.type)&&(n=t.stateNode,e=null),t=t.child,t!==null))for(Gs(t,e,n),t=t.sibling;t!==null;)Gs(t,e,n),t=t.sibling}function xu(t,e,n){var l=t.tag;if(l===5||l===6)t=t.stateNode,e?n.insertBefore(t,e):n.appendChild(t);else if(l!==4&&(l===27&&qn(t.type)&&(n=t.stateNode),t=t.child,t!==null))for(xu(t,e,n),t=t.sibling;t!==null;)xu(t,e,n),t=t.sibling}function Fo(t){var e=t.stateNode,n=t.memoizedProps;try{for(var l=t.type,a=e.attributes;a.length;)e.removeAttributeNode(a[0]);ae(e,l,n),e[te]=t,e[oe]=n}catch(s){Dt(t,t.return,s)}}var on=!1,Kt=!1,Xs=!1,Wo=typeof WeakSet=="function"?WeakSet:Set,Wt=null;function xg(t,e){if(t=t.containerInfo,ff=Vu,t=c0(t),Bc(t)){if("selectionStart"in t)var n={start:t.selectionStart,end:t.selectionEnd};else t:{n=(n=t.ownerDocument)&&n.defaultView||window;var l=n.getSelection&&n.getSelection();if(l&&l.rangeCount!==0){n=l.anchorNode;var a=l.anchorOffset,s=l.focusNode;l=l.focusOffset;try{n.nodeType,s.nodeType}catch{n=null;break t}var d=0,g=-1,S=-1,U=0,Z=0,J=t,Q=null;e:for(;;){for(var G;J!==n||a!==0&&J.nodeType!==3||(g=d+a),J!==s||l!==0&&J.nodeType!==3||(S=d+l),J.nodeType===3&&(d+=J.nodeValue.length),(G=J.firstChild)!==null;)Q=J,J=G;for(;;){if(J===t)break e;if(Q===n&&++U===a&&(g=d),Q===s&&++Z===l&&(S=d),(G=J.nextSibling)!==null)break;J=Q,Q=J.parentNode}J=G}n=g===-1||S===-1?null:{start:g,end:S}}else n=null}n=n||{start:0,end:0}}else n=null;for(rf={focusedElem:t,selectionRange:n},Vu=!1,Wt=e;Wt!==null;)if(e=Wt,t=e.child,(e.subtreeFlags&1028)!==0&&t!==null)t.return=e,Wt=t;else for(;Wt!==null;){switch(e=Wt,s=e.alternate,t=e.flags,e.tag){case 0:if((t&4)!==0&&(t=e.updateQueue,t=t!==null?t.events:null,t!==null))for(n=0;n<t.length;n++)a=t[n],a.ref.impl=a.nextImpl;break;case 11:case 15:break;case 1:if((t&1024)!==0&&s!==null){t=void 0,n=e,a=s.memoizedProps,s=s.memoizedState,l=n.stateNode;try{var lt=bl(n.type,a);t=l.getSnapshotBeforeUpdate(lt,s),l.__reactInternalSnapshotBeforeUpdate=t}catch(ft){Dt(n,n.return,ft)}}break;case 3:if((t&1024)!==0){if(t=e.stateNode.containerInfo,n=t.nodeType,n===9)hf(t);else if(n===1)switch(t.nodeName){case"HEAD":case"HTML":case"BODY":hf(t);break;default:t.textContent=""}}break;case 5:case 26:case 27:case 6:case 4:case 17:break;default:if((t&1024)!==0)throw Error(f(163))}if(t=e.sibling,t!==null){t.return=e.return,Wt=t;break}Wt=e.return}}function _o(t,e,n){var l=n.flags;switch(n.tag){case 0:case 11:case 15:hn(t,n),l&4&&ti(5,n);break;case 1:if(hn(t,n),l&4)if(t=n.stateNode,e===null)try{t.componentDidMount()}catch(d){Dt(n,n.return,d)}else{var a=bl(n.type,e.memoizedProps);e=e.memoizedState;try{t.componentDidUpdate(a,e,t.__reactInternalSnapshotBeforeUpdate)}catch(d){Dt(n,n.return,d)}}l&64&&qo(n),l&512&&ei(n,n.return);break;case 3:if(hn(t,n),l&64&&(t=n.updateQueue,t!==null)){if(e=null,n.child!==null)switch(n.child.tag){case 27:case 5:e=n.child.stateNode;break;case 1:e=n.child.stateNode}try{B0(t,e)}catch(d){Dt(n,n.return,d)}}break;case 27:e===null&&l&4&&Fo(n);case 26:case 5:hn(t,n),e===null&&l&4&&ko(n),l&512&&ei(n,n.return);break;case 12:hn(t,n);break;case 31:hn(t,n),l&4&&td(t,n);break;case 13:hn(t,n),l&4&&ed(t,n),l&64&&(t=n.memoizedState,t!==null&&(t=t.dehydrated,t!==null&&(n=Mg.bind(null,n),Wg(t,n))));break;case 22:if(l=n.memoizedState!==null||on,!l){e=e!==null&&e.memoizedState!==null||Kt,a=on;var s=Kt;on=l,(Kt=e)&&!s?mn(t,n,(n.subtreeFlags&8772)!==0):hn(t,n),on=a,Kt=s}break;case 30:break;default:hn(t,n)}}function Po(t){var e=t.alternate;e!==null&&(t.alternate=null,Po(e)),t.child=null,t.deletions=null,t.sibling=null,t.tag===5&&(e=t.stateNode,e!==null&&vc(e)),t.stateNode=null,t.return=null,t.dependencies=null,t.memoizedProps=null,t.memoizedState=null,t.pendingProps=null,t.stateNode=null,t.updateQueue=null}var zt=null,he=!1;function dn(t,e,n){for(n=n.child;n!==null;)$o(t,e,n),n=n.sibling}function $o(t,e,n){if(xe&&typeof xe.onCommitFiberUnmount=="function")try{xe.onCommitFiberUnmount(Ca,n)}catch{}switch(n.tag){case 26:Kt||We(n,e),dn(t,e,n),n.memoizedState?n.memoizedState.count--:n.stateNode&&(n=n.stateNode,n.parentNode.removeChild(n));break;case 27:Kt||We(n,e);var l=zt,a=he;qn(n.type)&&(zt=n.stateNode,he=!1),dn(t,e,n),ri(n.stateNode),zt=l,he=a;break;case 5:Kt||We(n,e);case 6:if(l=zt,a=he,zt=null,dn(t,e,n),zt=l,he=a,zt!==null)if(he)try{(zt.nodeType===9?zt.body:zt.nodeName==="HTML"?zt.ownerDocument.body:zt).removeChild(n.stateNode)}catch(s){Dt(n,e,s)}else try{zt.removeChild(n.stateNode)}catch(s){Dt(n,e,s)}break;case 18:zt!==null&&(he?(t=zt,qd(t.nodeType===9?t.body:t.nodeName==="HTML"?t.ownerDocument.body:t,n.stateNode),va(t)):qd(zt,n.stateNode));break;case 4:l=zt,a=he,zt=n.stateNode.containerInfo,he=!0,dn(t,e,n),zt=l,he=a;break;case 0:case 11:case 14:case 15:Yn(2,n,e),Kt||Yn(4,n,e),dn(t,e,n);break;case 1:Kt||(We(n,e),l=n.stateNode,typeof l.componentWillUnmount=="function"&&Ko(n,e,l)),dn(t,e,n);break;case 21:dn(t,e,n);break;case 22:Kt=(l=Kt)||n.memoizedState!==null,dn(t,e,n),Kt=l;break;default:dn(t,e,n)}}function td(t,e){if(e.memoizedState===null&&(t=e.alternate,t!==null&&(t=t.memoizedState,t!==null))){t=t.dehydrated;try{va(t)}catch(n){Dt(e,e.return,n)}}}function ed(t,e){if(e.memoizedState===null&&(t=e.alternate,t!==null&&(t=t.memoizedState,t!==null&&(t=t.dehydrated,t!==null))))try{va(t)}catch(n){Dt(e,e.return,n)}}function bg(t){switch(t.tag){case 31:case 13:case 19:var e=t.stateNode;return e===null&&(e=t.stateNode=new Wo),e;case 22:return t=t.stateNode,e=t._retryCache,e===null&&(e=t._retryCache=new Wo),e;default:throw Error(f(435,t.tag))}}function bu(t,e){var n=bg(t);e.forEach(function(l){if(!n.has(l)){n.add(l);var a=jg.bind(null,t,l);l.then(a,a)}})}function me(t,e){var n=e.deletions;if(n!==null)for(var l=0;l<n.length;l++){var a=n[l],s=t,d=e,g=d;t:for(;g!==null;){switch(g.tag){case 27:if(qn(g.type)){zt=g.stateNode,he=!1;break t}break;case 5:zt=g.stateNode,he=!1;break t;case 3:case 4:zt=g.stateNode.containerInfo,he=!0;break t}g=g.return}if(zt===null)throw Error(f(160));$o(s,d,a),zt=null,he=!1,s=a.alternate,s!==null&&(s.return=null),a.return=null}if(e.subtreeFlags&13886)for(e=e.child;e!==null;)nd(e,t),e=e.sibling}var qe=null;function nd(t,e){var n=t.alternate,l=t.flags;switch(t.tag){case 0:case 11:case 14:case 15:me(e,t),ge(t),l&4&&(Yn(3,t,t.return),ti(3,t),Yn(5,t,t.return));break;case 1:me(e,t),ge(t),l&512&&(Kt||n===null||We(n,n.return)),l&64&&on&&(t=t.updateQueue,t!==null&&(l=t.callbacks,l!==null&&(n=t.shared.hiddenCallbacks,t.shared.hiddenCallbacks=n===null?l:n.concat(l))));break;case 26:var a=qe;if(me(e,t),ge(t),l&512&&(Kt||n===null||We(n,n.return)),l&4){var s=n!==null?n.memoizedState:null;if(l=t.memoizedState,n===null)if(l===null)if(t.stateNode===null){t:{l=t.type,n=t.memoizedProps,a=a.ownerDocument||a;e:switch(l){case"title":s=a.getElementsByTagName("title")[0],(!s||s[Ra]||s[te]||s.namespaceURI==="http://www.w3.org/2000/svg"||s.hasAttribute("itemprop"))&&(s=a.createElement(l),a.head.insertBefore(s,a.querySelector("head > title"))),ae(s,l,n),s[te]=t,Ft(s),l=s;break t;case"link":var d=n1("link","href",a).get(l+(n.href||""));if(d){for(var g=0;g<d.length;g++)if(s=d[g],s.getAttribute("href")===(n.href==null||n.href===""?null:n.href)&&s.getAttribute("rel")===(n.rel==null?null:n.rel)&&s.getAttribute("title")===(n.title==null?null:n.title)&&s.getAttribute("crossorigin")===(n.crossOrigin==null?null:n.crossOrigin)){d.splice(g,1);break e}}s=a.createElement(l),ae(s,l,n),a.head.appendChild(s);break;case"meta":if(d=n1("meta","content",a).get(l+(n.content||""))){for(g=0;g<d.length;g++)if(s=d[g],s.getAttribute("content")===(n.content==null?null:""+n.content)&&s.getAttribute("name")===(n.name==null?null:n.name)&&s.getAttribute("property")===(n.property==null?null:n.property)&&s.getAttribute("http-equiv")===(n.httpEquiv==null?null:n.httpEquiv)&&s.getAttribute("charset")===(n.charSet==null?null:n.charSet)){d.splice(g,1);break e}}s=a.createElement(l),ae(s,l,n),a.head.appendChild(s);break;default:throw Error(f(468,l))}s[te]=t,Ft(s),l=s}t.stateNode=l}else l1(a,t.type,t.stateNode);else t.stateNode=e1(a,l,t.memoizedProps);else s!==l?(s===null?n.stateNode!==null&&(n=n.stateNode,n.parentNode.removeChild(n)):s.count--,l===null?l1(a,t.type,t.stateNode):e1(a,l,t.memoizedProps)):l===null&&t.stateNode!==null&&Ys(t,t.memoizedProps,n.memoizedProps)}break;case 27:me(e,t),ge(t),l&512&&(Kt||n===null||We(n,n.return)),n!==null&&l&4&&Ys(t,t.memoizedProps,n.memoizedProps);break;case 5:if(me(e,t),ge(t),l&512&&(Kt||n===null||We(n,n.return)),t.flags&32){a=t.stateNode;try{Gl(a,"")}catch(lt){Dt(t,t.return,lt)}}l&4&&t.stateNode!=null&&(a=t.memoizedProps,Ys(t,a,n!==null?n.memoizedProps:a)),l&1024&&(Xs=!0);break;case 6:if(me(e,t),ge(t),l&4){if(t.stateNode===null)throw Error(f(162));l=t.memoizedProps,n=t.stateNode;try{n.nodeValue=l}catch(lt){Dt(t,t.return,lt)}}break;case 3:if(Yu=null,a=qe,qe=Qu(e.containerInfo),me(e,t),qe=a,ge(t),l&4&&n!==null&&n.memoizedState.isDehydrated)try{va(e.containerInfo)}catch(lt){Dt(t,t.return,lt)}Xs&&(Xs=!1,ld(t));break;case 4:l=qe,qe=Qu(t.stateNode.containerInfo),me(e,t),ge(t),qe=l;break;case 12:me(e,t),ge(t);break;case 31:me(e,t),ge(t),l&4&&(l=t.updateQueue,l!==null&&(t.updateQueue=null,bu(t,l)));break;case 13:me(e,t),ge(t),t.child.flags&8192&&t.memoizedState!==null!=(n!==null&&n.memoizedState!==null)&&(Tu=pe()),l&4&&(l=t.updateQueue,l!==null&&(t.updateQueue=null,bu(t,l)));break;case 22:a=t.memoizedState!==null;var S=n!==null&&n.memoizedState!==null,U=on,Z=Kt;if(on=U||a,Kt=Z||S,me(e,t),Kt=Z,on=U,ge(t),l&8192)t:for(e=t.stateNode,e._visibility=a?e._visibility&-2:e._visibility|1,a&&(n===null||S||on||Kt||Sl(t)),n=null,e=t;;){if(e.tag===5||e.tag===26){if(n===null){S=n=e;try{if(s=S.stateNode,a)d=s.style,typeof d.setProperty=="function"?d.setProperty("display","none","important"):d.display="none";else{g=S.stateNode;var J=S.memoizedProps.style,Q=J!=null&&J.hasOwnProperty("display")?J.display:null;g.style.display=Q==null||typeof Q=="boolean"?"":(""+Q).trim()}}catch(lt){Dt(S,S.return,lt)}}}else if(e.tag===6){if(n===null){S=e;try{S.stateNode.nodeValue=a?"":S.memoizedProps}catch(lt){Dt(S,S.return,lt)}}}else if(e.tag===18){if(n===null){S=e;try{var G=S.stateNode;a?Kd(G,!0):Kd(S.stateNode,!1)}catch(lt){Dt(S,S.return,lt)}}}else if((e.tag!==22&&e.tag!==23||e.memoizedState===null||e===t)&&e.child!==null){e.child.return=e,e=e.child;continue}if(e===t)break t;for(;e.sibling===null;){if(e.return===null||e.return===t)break t;n===e&&(n=null),e=e.return}n===e&&(n=null),e.sibling.return=e.return,e=e.sibling}l&4&&(l=t.updateQueue,l!==null&&(n=l.retryQueue,n!==null&&(l.retryQueue=null,bu(t,n))));break;case 19:me(e,t),ge(t),l&4&&(l=t.updateQueue,l!==null&&(t.updateQueue=null,bu(t,l)));break;case 30:break;case 21:break;default:me(e,t),ge(t)}}function ge(t){var e=t.flags;if(e&2){try{for(var n,l=t.return;l!==null;){if(Jo(l)){n=l;break}l=l.return}if(n==null)throw Error(f(160));switch(n.tag){case 27:var a=n.stateNode,s=Ls(t);xu(t,s,a);break;case 5:var d=n.stateNode;n.flags&32&&(Gl(d,""),n.flags&=-33);var g=Ls(t);xu(t,g,d);break;case 3:case 4:var S=n.stateNode.containerInfo,U=Ls(t);Gs(t,U,S);break;default:throw Error(f(161))}}catch(Z){Dt(t,t.return,Z)}t.flags&=-3}e&4096&&(t.flags&=-4097)}function ld(t){if(t.subtreeFlags&1024)for(t=t.child;t!==null;){var e=t;ld(e),e.tag===5&&e.flags&1024&&e.stateNode.reset(),t=t.sibling}}function hn(t,e){if(e.subtreeFlags&8772)for(e=e.child;e!==null;)_o(t,e.alternate,e),e=e.sibling}function Sl(t){for(t=t.child;t!==null;){var e=t;switch(e.tag){case 0:case 11:case 14:case 15:Yn(4,e,e.return),Sl(e);break;case 1:We(e,e.return);var n=e.stateNode;typeof n.componentWillUnmount=="function"&&Ko(e,e.return,n),Sl(e);break;case 27:ri(e.stateNode);case 26:case 5:We(e,e.return),Sl(e);break;case 22:e.memoizedState===null&&Sl(e);break;case 30:Sl(e);break;default:Sl(e)}t=t.sibling}}function mn(t,e,n){for(n=n&&(e.subtreeFlags&8772)!==0,e=e.child;e!==null;){var l=e.alternate,a=t,s=e,d=s.flags;switch(s.tag){case 0:case 11:case 15:mn(a,s,n),ti(4,s);break;case 1:if(mn(a,s,n),l=s,a=l.stateNode,typeof a.componentDidMount=="function")try{a.componentDidMount()}catch(U){Dt(l,l.return,U)}if(l=s,a=l.updateQueue,a!==null){var g=l.stateNode;try{var S=a.shared.hiddenCallbacks;if(S!==null)for(a.shared.hiddenCallbacks=null,a=0;a<S.length;a++)H0(S[a],g)}catch(U){Dt(l,l.return,U)}}n&&d&64&&qo(s),ei(s,s.return);break;case 27:Fo(s);case 26:case 5:mn(a,s,n),n&&l===null&&d&4&&ko(s),ei(s,s.return);break;case 12:mn(a,s,n);break;case 31:mn(a,s,n),n&&d&4&&td(a,s);break;case 13:mn(a,s,n),n&&d&4&&ed(a,s);break;case 22:s.memoizedState===null&&mn(a,s,n),ei(s,s.return);break;case 30:break;default:mn(a,s,n)}e=e.sibling}}function Vs(t,e){var n=null;t!==null&&t.memoizedState!==null&&t.memoizedState.cachePool!==null&&(n=t.memoizedState.cachePool.pool),t=null,e.memoizedState!==null&&e.memoizedState.cachePool!==null&&(t=e.memoizedState.cachePool.pool),t!==n&&(t!=null&&t.refCount++,n!=null&&Xa(n))}function Zs(t,e){t=null,e.alternate!==null&&(t=e.alternate.memoizedState.cache),e=e.memoizedState.cache,e!==t&&(e.refCount++,t!=null&&Xa(t))}function Ke(t,e,n,l){if(e.subtreeFlags&10256)for(e=e.child;e!==null;)ad(t,e,n,l),e=e.sibling}function ad(t,e,n,l){var a=e.flags;switch(e.tag){case 0:case 11:case 15:Ke(t,e,n,l),a&2048&&ti(9,e);break;case 1:Ke(t,e,n,l);break;case 3:Ke(t,e,n,l),a&2048&&(t=null,e.alternate!==null&&(t=e.alternate.memoizedState.cache),e=e.memoizedState.cache,e!==t&&(e.refCount++,t!=null&&Xa(t)));break;case 12:if(a&2048){Ke(t,e,n,l),t=e.stateNode;try{var s=e.memoizedProps,d=s.id,g=s.onPostCommit;typeof g=="function"&&g(d,e.alternate===null?"mount":"update",t.passiveEffectDuration,-0)}catch(S){Dt(e,e.return,S)}}else Ke(t,e,n,l);break;case 31:Ke(t,e,n,l);break;case 13:Ke(t,e,n,l);break;case 23:break;case 22:s=e.stateNode,d=e.alternate,e.memoizedState!==null?s._visibility&2?Ke(t,e,n,l):ni(t,e):s._visibility&2?Ke(t,e,n,l):(s._visibility|=2,ua(t,e,n,l,(e.subtreeFlags&10256)!==0||!1)),a&2048&&Vs(d,e);break;case 24:Ke(t,e,n,l),a&2048&&Zs(e.alternate,e);break;default:Ke(t,e,n,l)}}function ua(t,e,n,l,a){for(a=a&&((e.subtreeFlags&10256)!==0||!1),e=e.child;e!==null;){var s=t,d=e,g=n,S=l,U=d.flags;switch(d.tag){case 0:case 11:case 15:ua(s,d,g,S,a),ti(8,d);break;case 23:break;case 22:var Z=d.stateNode;d.memoizedState!==null?Z._visibility&2?ua(s,d,g,S,a):ni(s,d):(Z._visibility|=2,ua(s,d,g,S,a)),a&&U&2048&&Vs(d.alternate,d);break;case 24:ua(s,d,g,S,a),a&&U&2048&&Zs(d.alternate,d);break;default:ua(s,d,g,S,a)}e=e.sibling}}function ni(t,e){if(e.subtreeFlags&10256)for(e=e.child;e!==null;){var n=t,l=e,a=l.flags;switch(l.tag){case 22:ni(n,l),a&2048&&Vs(l.alternate,l);break;case 24:ni(n,l),a&2048&&Zs(l.alternate,l);break;default:ni(n,l)}e=e.sibling}}var li=8192;function ca(t,e,n){if(t.subtreeFlags&li)for(t=t.child;t!==null;)id(t,e,n),t=t.sibling}function id(t,e,n){switch(t.tag){case 26:ca(t,e,n),t.flags&li&&t.memoizedState!==null&&sA(n,qe,t.memoizedState,t.memoizedProps);break;case 5:ca(t,e,n);break;case 3:case 4:var l=qe;qe=Qu(t.stateNode.containerInfo),ca(t,e,n),qe=l;break;case 22:t.memoizedState===null&&(l=t.alternate,l!==null&&l.memoizedState!==null?(l=li,li=16777216,ca(t,e,n),li=l):ca(t,e,n));break;default:ca(t,e,n)}}function ud(t){var e=t.alternate;if(e!==null&&(t=e.child,t!==null)){e.child=null;do e=t.sibling,t.sibling=null,t=e;while(t!==null)}}function ai(t){var e=t.deletions;if((t.flags&16)!==0){if(e!==null)for(var n=0;n<e.length;n++){var l=e[n];Wt=l,sd(l,t)}ud(t)}if(t.subtreeFlags&10256)for(t=t.child;t!==null;)cd(t),t=t.sibling}function cd(t){switch(t.tag){case 0:case 11:case 15:ai(t),t.flags&2048&&Yn(9,t,t.return);break;case 3:ai(t);break;case 12:ai(t);break;case 22:var e=t.stateNode;t.memoizedState!==null&&e._visibility&2&&(t.return===null||t.return.tag!==13)?(e._visibility&=-3,Su(t)):ai(t);break;default:ai(t)}}function Su(t){var e=t.deletions;if((t.flags&16)!==0){if(e!==null)for(var n=0;n<e.length;n++){var l=e[n];Wt=l,sd(l,t)}ud(t)}for(t=t.child;t!==null;){switch(e=t,e.tag){case 0:case 11:case 15:Yn(8,e,e.return),Su(e);break;case 22:n=e.stateNode,n._visibility&2&&(n._visibility&=-3,Su(e));break;default:Su(e)}t=t.sibling}}function sd(t,e){for(;Wt!==null;){var n=Wt;switch(n.tag){case 0:case 11:case 15:Yn(8,n,e);break;case 23:case 22:if(n.memoizedState!==null&&n.memoizedState.cachePool!==null){var l=n.memoizedState.cachePool.pool;l!=null&&l.refCount++}break;case 24:Xa(n.memoizedState.cache)}if(l=n.child,l!==null)l.return=n,Wt=l;else t:for(n=t;Wt!==null;){l=Wt;var a=l.sibling,s=l.return;if(Po(l),l===n){Wt=null;break t}if(a!==null){a.return=s,Wt=a;break t}Wt=s}}}var Sg={getCacheForType:function(t){var e=ne(Zt),n=e.data.get(t);return n===void 0&&(n=t(),e.data.set(t,n)),n},cacheSignal:function(){return ne(Zt).controller.signal}},Tg=typeof WeakMap=="function"?WeakMap:Map,Ct=0,jt=null,vt=null,Et=0,Ot=0,De=null,Ln=!1,sa=!1,Is=!1,gn=0,Gt=0,Gn=0,Tl=0,qs=0,Re=0,fa=0,ii=null,Ae=null,Ks=!1,Tu=0,fd=0,Cu=1/0,Ou=null,Xn=null,kt=0,Vn=null,ra=null,An=0,ks=0,Js=null,rd=null,ui=0,Fs=null;function we(){return(Ct&2)!==0&&Et!==0?Et&-Et:M.T!==null?ef():Cr()}function od(){if(Re===0)if((Et&536870912)===0||xt){var t=Bi;Bi<<=1,(Bi&3932160)===0&&(Bi=262144),Re=t}else Re=536870912;return t=Ce.current,t!==null&&(t.flags|=32),Re}function ve(t,e,n){(t===jt&&(Ot===2||Ot===9)||t.cancelPendingCommit!==null)&&(oa(t,0),Zn(t,Et,Re,!1)),Da(t,n),((Ct&2)===0||t!==jt)&&(t===jt&&((Ct&2)===0&&(Tl|=n),Gt===4&&Zn(t,Et,Re,!1)),_e(t))}function dd(t,e,n){if((Ct&6)!==0)throw Error(f(327));var l=!n&&(e&127)===0&&(e&t.expiredLanes)===0||Oa(t,e),a=l?Dg(t,e):_s(t,e,!0),s=l;do{if(a===0){sa&&!l&&Zn(t,e,0,!1);break}else{if(n=t.current.alternate,s&&!Cg(n)){a=_s(t,e,!1),s=!1;continue}if(a===2){if(s=e,t.errorRecoveryDisabledLanes&s)var d=0;else d=t.pendingLanes&-536870913,d=d!==0?d:d&536870912?536870912:0;if(d!==0){e=d;t:{var g=t;a=ii;var S=g.current.memoizedState.isDehydrated;if(S&&(oa(g,d).flags|=256),d=_s(g,d,!1),d!==2){if(Is&&!S){g.errorRecoveryDisabledLanes|=s,Tl|=s,a=4;break t}s=Ae,Ae=a,s!==null&&(Ae===null?Ae=s:Ae.push.apply(Ae,s))}a=d}if(s=!1,a!==2)continue}}if(a===1){oa(t,0),Zn(t,e,0,!0);break}t:{switch(l=t,s=a,s){case 0:case 1:throw Error(f(345));case 4:if((e&4194048)!==e)break;case 6:Zn(l,e,Re,!Ln);break t;case 2:Ae=null;break;case 3:case 5:break;default:throw Error(f(329))}if((e&62914560)===e&&(a=Tu+300-pe(),10<a)){if(Zn(l,e,Re,!Ln),Qi(l,0,!0)!==0)break t;An=e,l.timeoutHandle=Zd(hd.bind(null,l,n,Ae,Ou,Ks,e,Re,Tl,fa,Ln,s,"Throttled",-0,0),a);break t}hd(l,n,Ae,Ou,Ks,e,Re,Tl,fa,Ln,s,null,-0,0)}}break}while(!0);_e(t)}function hd(t,e,n,l,a,s,d,g,S,U,Z,J,Q,G){if(t.timeoutHandle=-1,J=e.subtreeFlags,J&8192||(J&16785408)===16785408){J={stylesheets:null,count:0,imgCount:0,imgBytes:0,suspenseyImages:[],waitingForImages:!0,waitingForViewTransition:!1,unsuspend:tn},id(e,s,J);var lt=(s&62914560)===s?Tu-pe():(s&4194048)===s?fd-pe():0;if(lt=fA(J,lt),lt!==null){An=s,t.cancelPendingCommit=lt(xd.bind(null,t,e,s,n,l,a,d,g,S,Z,J,null,Q,G)),Zn(t,s,d,!U);return}}xd(t,e,s,n,l,a,d,g,S)}function Cg(t){for(var e=t;;){var n=e.tag;if((n===0||n===11||n===15)&&e.flags&16384&&(n=e.updateQueue,n!==null&&(n=n.stores,n!==null)))for(var l=0;l<n.length;l++){var a=n[l],s=a.getSnapshot;a=a.value;try{if(!Se(s(),a))return!1}catch{return!1}}if(n=e.child,e.subtreeFlags&16384&&n!==null)n.return=e,e=n;else{if(e===t)break;for(;e.sibling===null;){if(e.return===null||e.return===t)return!0;e=e.return}e.sibling.return=e.return,e=e.sibling}}return!0}function Zn(t,e,n,l){e&=~qs,e&=~Tl,t.suspendedLanes|=e,t.pingedLanes&=~e,l&&(t.warmLanes|=e),l=t.expirationTimes;for(var a=e;0<a;){var s=31-be(a),d=1<<s;l[s]=-1,a&=~d}n!==0&&br(t,n,e)}function Du(){return(Ct&6)===0?(ci(0),!1):!0}function Ws(){if(vt!==null){if(Ot===0)var t=vt.return;else t=vt,an=gl=null,ds(t),ea=null,Za=0,t=vt;for(;t!==null;)Io(t.alternate,t),t=t.return;vt=null}}function oa(t,e){var n=t.timeoutHandle;n!==-1&&(t.timeoutHandle=-1,qg(n)),n=t.cancelPendingCommit,n!==null&&(t.cancelPendingCommit=null,n()),An=0,Ws(),jt=t,vt=n=nn(t.current,null),Et=e,Ot=0,De=null,Ln=!1,sa=Oa(t,e),Is=!1,fa=Re=qs=Tl=Gn=Gt=0,Ae=ii=null,Ks=!1,(e&8)!==0&&(e|=e&32);var l=t.entangledLanes;if(l!==0)for(t=t.entanglements,l&=e;0<l;){var a=31-be(l),s=1<<a;e|=t[a],l&=~s}return gn=e,Ji(),n}function md(t,e){mt=null,M.H=_a,e===ta||e===nu?(e=w0(),Ot=3):e===ts?(e=w0(),Ot=4):Ot=e===Rs?8:e!==null&&typeof e=="object"&&typeof e.then=="function"?6:1,De=e,vt===null&&(Gt=1,Au(t,Be(e,t.current)))}function gd(){var t=Ce.current;return t===null?!0:(Et&4194048)===Et?Ye===null:(Et&62914560)===Et||(Et&536870912)!==0?t===Ye:!1}function Ad(){var t=M.H;return M.H=_a,t===null?_a:t}function vd(){var t=M.A;return M.A=Sg,t}function Ru(){Gt=4,Ln||(Et&4194048)!==Et&&Ce.current!==null||(sa=!0),(Gn&134217727)===0&&(Tl&134217727)===0||jt===null||Zn(jt,Et,Re,!1)}function _s(t,e,n){var l=Ct;Ct|=2;var a=Ad(),s=vd();(jt!==t||Et!==e)&&(Ou=null,oa(t,e)),e=!1;var d=Gt;t:do try{if(Ot!==0&&vt!==null){var g=vt,S=De;switch(Ot){case 8:Ws(),d=6;break t;case 3:case 2:case 9:case 6:Ce.current===null&&(e=!0);var U=Ot;if(Ot=0,De=null,da(t,g,S,U),n&&sa){d=0;break t}break;default:U=Ot,Ot=0,De=null,da(t,g,S,U)}}Og(),d=Gt;break}catch(Z){md(t,Z)}while(!0);return e&&t.shellSuspendCounter++,an=gl=null,Ct=l,M.H=a,M.A=s,vt===null&&(jt=null,Et=0,Ji()),d}function Og(){for(;vt!==null;)yd(vt)}function Dg(t,e){var n=Ct;Ct|=2;var l=Ad(),a=vd();jt!==t||Et!==e?(Ou=null,Cu=pe()+500,oa(t,e)):sa=Oa(t,e);t:do try{if(Ot!==0&&vt!==null){e=vt;var s=De;e:switch(Ot){case 1:Ot=0,De=null,da(t,e,s,1);break;case 2:case 9:if(D0(s)){Ot=0,De=null,Ed(e);break}e=function(){Ot!==2&&Ot!==9||jt!==t||(Ot=7),_e(t)},s.then(e,e);break t;case 3:Ot=7;break t;case 4:Ot=5;break t;case 7:D0(s)?(Ot=0,De=null,Ed(e)):(Ot=0,De=null,da(t,e,s,7));break;case 5:var d=null;switch(vt.tag){case 26:d=vt.memoizedState;case 5:case 27:var g=vt;if(d?a1(d):g.stateNode.complete){Ot=0,De=null;var S=g.sibling;if(S!==null)vt=S;else{var U=g.return;U!==null?(vt=U,wu(U)):vt=null}break e}}Ot=0,De=null,da(t,e,s,5);break;case 6:Ot=0,De=null,da(t,e,s,6);break;case 8:Ws(),Gt=6;break t;default:throw Error(f(462))}}Rg();break}catch(Z){md(t,Z)}while(!0);return an=gl=null,M.H=l,M.A=a,Ct=n,vt!==null?0:(jt=null,Et=0,Ji(),Gt)}function Rg(){for(;vt!==null&&!_h();)yd(vt)}function yd(t){var e=Vo(t.alternate,t,gn);t.memoizedProps=t.pendingProps,e===null?wu(t):vt=e}function Ed(t){var e=t,n=e.alternate;switch(e.tag){case 15:case 0:e=Qo(n,e,e.pendingProps,e.type,void 0,Et);break;case 11:e=Qo(n,e,e.pendingProps,e.type.render,e.ref,Et);break;case 5:ds(e);default:Io(n,e),e=vt=A0(e,gn),e=Vo(n,e,gn)}t.memoizedProps=t.pendingProps,e===null?wu(t):vt=e}function da(t,e,n,l){an=gl=null,ds(e),ea=null,Za=0;var a=e.return;try{if(Ag(t,a,e,n,Et)){Gt=1,Au(t,Be(n,t.current)),vt=null;return}}catch(s){if(a!==null)throw vt=a,s;Gt=1,Au(t,Be(n,t.current)),vt=null;return}e.flags&32768?(xt||l===1?t=!0:sa||(Et&536870912)!==0?t=!1:(Ln=t=!0,(l===2||l===9||l===3||l===6)&&(l=Ce.current,l!==null&&l.tag===13&&(l.flags|=16384))),pd(e,t)):wu(e)}function wu(t){var e=t;do{if((e.flags&32768)!==0){pd(e,Ln);return}t=e.return;var n=Eg(e.alternate,e,gn);if(n!==null){vt=n;return}if(e=e.sibling,e!==null){vt=e;return}vt=e=t}while(e!==null);Gt===0&&(Gt=5)}function pd(t,e){do{var n=pg(t.alternate,t);if(n!==null){n.flags&=32767,vt=n;return}if(n=t.return,n!==null&&(n.flags|=32768,n.subtreeFlags=0,n.deletions=null),!e&&(t=t.sibling,t!==null)){vt=t;return}vt=t=n}while(t!==null);Gt=6,vt=null}function xd(t,e,n,l,a,s,d,g,S){t.cancelPendingCommit=null;do Mu();while(kt!==0);if((Ct&6)!==0)throw Error(f(327));if(e!==null){if(e===t.current)throw Error(f(177));if(s=e.lanes|e.childLanes,s|=Lc,cm(t,n,s,d,g,S),t===jt&&(vt=jt=null,Et=0),ra=e,Vn=t,An=n,ks=s,Js=a,rd=l,(e.subtreeFlags&10256)!==0||(e.flags&10256)!==0?(t.callbackNode=null,t.callbackPriority=0,Ng(Ni,function(){return Od(),null})):(t.callbackNode=null,t.callbackPriority=0),l=(e.flags&13878)!==0,(e.subtreeFlags&13878)!==0||l){l=M.T,M.T=null,a=_.p,_.p=2,d=Ct,Ct|=4;try{xg(t,e,n)}finally{Ct=d,_.p=a,M.T=l}}kt=1,bd(),Sd(),Td()}}function bd(){if(kt===1){kt=0;var t=Vn,e=ra,n=(e.flags&13878)!==0;if((e.subtreeFlags&13878)!==0||n){n=M.T,M.T=null;var l=_.p;_.p=2;var a=Ct;Ct|=4;try{nd(e,t);var s=rf,d=c0(t.containerInfo),g=s.focusedElem,S=s.selectionRange;if(d!==g&&g&&g.ownerDocument&&u0(g.ownerDocument.documentElement,g)){if(S!==null&&Bc(g)){var U=S.start,Z=S.end;if(Z===void 0&&(Z=U),"selectionStart"in g)g.selectionStart=U,g.selectionEnd=Math.min(Z,g.value.length);else{var J=g.ownerDocument||document,Q=J&&J.defaultView||window;if(Q.getSelection){var G=Q.getSelection(),lt=g.textContent.length,ft=Math.min(S.start,lt),Mt=S.end===void 0?ft:Math.min(S.end,lt);!G.extend&&ft>Mt&&(d=Mt,Mt=ft,ft=d);var w=i0(g,ft),O=i0(g,Mt);if(w&&O&&(G.rangeCount!==1||G.anchorNode!==w.node||G.anchorOffset!==w.offset||G.focusNode!==O.node||G.focusOffset!==O.offset)){var B=J.createRange();B.setStart(w.node,w.offset),G.removeAllRanges(),ft>Mt?(G.addRange(B),G.extend(O.node,O.offset)):(B.setEnd(O.node,O.offset),G.addRange(B))}}}}for(J=[],G=g;G=G.parentNode;)G.nodeType===1&&J.push({element:G,left:G.scrollLeft,top:G.scrollTop});for(typeof g.focus=="function"&&g.focus(),g=0;g<J.length;g++){var K=J[g];K.element.scrollLeft=K.left,K.element.scrollTop=K.top}}Vu=!!ff,rf=ff=null}finally{Ct=a,_.p=l,M.T=n}}t.current=e,kt=2}}function Sd(){if(kt===2){kt=0;var t=Vn,e=ra,n=(e.flags&8772)!==0;if((e.subtreeFlags&8772)!==0||n){n=M.T,M.T=null;var l=_.p;_.p=2;var a=Ct;Ct|=4;try{_o(t,e.alternate,e)}finally{Ct=a,_.p=l,M.T=n}}kt=3}}function Td(){if(kt===4||kt===3){kt=0,Ph();var t=Vn,e=ra,n=An,l=rd;(e.subtreeFlags&10256)!==0||(e.flags&10256)!==0?kt=5:(kt=0,ra=Vn=null,Cd(t,t.pendingLanes));var a=t.pendingLanes;if(a===0&&(Xn=null),gc(n),e=e.stateNode,xe&&typeof xe.onCommitFiberRoot=="function")try{xe.onCommitFiberRoot(Ca,e,void 0,(e.current.flags&128)===128)}catch{}if(l!==null){e=M.T,a=_.p,_.p=2,M.T=null;try{for(var s=t.onRecoverableError,d=0;d<l.length;d++){var g=l[d];s(g.value,{componentStack:g.stack})}}finally{M.T=e,_.p=a}}(An&3)!==0&&Mu(),_e(t),a=t.pendingLanes,(n&261930)!==0&&(a&42)!==0?t===Fs?ui++:(ui=0,Fs=t):ui=0,ci(0)}}function Cd(t,e){(t.pooledCacheLanes&=e)===0&&(e=t.pooledCache,e!=null&&(t.pooledCache=null,Xa(e)))}function Mu(){return bd(),Sd(),Td(),Od()}function Od(){if(kt!==5)return!1;var t=Vn,e=ks;ks=0;var n=gc(An),l=M.T,a=_.p;try{_.p=32>n?32:n,M.T=null,n=Js,Js=null;var s=Vn,d=An;if(kt=0,ra=Vn=null,An=0,(Ct&6)!==0)throw Error(f(331));var g=Ct;if(Ct|=4,cd(s.current),ad(s,s.current,d,n),Ct=g,ci(0,!1),xe&&typeof xe.onPostCommitFiberRoot=="function")try{xe.onPostCommitFiberRoot(Ca,s)}catch{}return!0}finally{_.p=a,M.T=l,Cd(t,e)}}function Dd(t,e,n){e=Be(n,e),e=Ds(t.stateNode,e,2),t=Un(t,e,2),t!==null&&(Da(t,2),_e(t))}function Dt(t,e,n){if(t.tag===3)Dd(t,t,n);else for(;e!==null;){if(e.tag===3){Dd(e,t,n);break}else if(e.tag===1){var l=e.stateNode;if(typeof e.type.getDerivedStateFromError=="function"||typeof l.componentDidCatch=="function"&&(Xn===null||!Xn.has(l))){t=Be(n,t),n=Ro(2),l=Un(e,n,2),l!==null&&(wo(n,l,e,t),Da(l,2),_e(l));break}}e=e.return}}function Ps(t,e,n){var l=t.pingCache;if(l===null){l=t.pingCache=new Tg;var a=new Set;l.set(e,a)}else a=l.get(e),a===void 0&&(a=new Set,l.set(e,a));a.has(n)||(Is=!0,a.add(n),t=wg.bind(null,t,e,n),e.then(t,t))}function wg(t,e,n){var l=t.pingCache;l!==null&&l.delete(e),t.pingedLanes|=t.suspendedLanes&n,t.warmLanes&=~n,jt===t&&(Et&n)===n&&(Gt===4||Gt===3&&(Et&62914560)===Et&&300>pe()-Tu?(Ct&2)===0&&oa(t,0):qs|=n,fa===Et&&(fa=0)),_e(t)}function Rd(t,e){e===0&&(e=xr()),t=dl(t,e),t!==null&&(Da(t,e),_e(t))}function Mg(t){var e=t.memoizedState,n=0;e!==null&&(n=e.retryLane),Rd(t,n)}function jg(t,e){var n=0;switch(t.tag){case 31:case 13:var l=t.stateNode,a=t.memoizedState;a!==null&&(n=a.retryLane);break;case 19:l=t.stateNode;break;case 22:l=t.stateNode._retryCache;break;default:throw Error(f(314))}l!==null&&l.delete(e),Rd(t,n)}function Ng(t,e){return oc(t,e)}var ju=null,ha=null,$s=!1,Nu=!1,tf=!1,In=0;function _e(t){t!==ha&&t.next===null&&(ha===null?ju=ha=t:ha=ha.next=t),Nu=!0,$s||($s=!0,Bg())}function ci(t,e){if(!tf&&Nu){tf=!0;do for(var n=!1,l=ju;l!==null;){if(t!==0){var a=l.pendingLanes;if(a===0)var s=0;else{var d=l.suspendedLanes,g=l.pingedLanes;s=(1<<31-be(42|t)+1)-1,s&=a&~(d&~g),s=s&201326741?s&201326741|1:s?s|2:0}s!==0&&(n=!0,Nd(l,s))}else s=Et,s=Qi(l,l===jt?s:0,l.cancelPendingCommit!==null||l.timeoutHandle!==-1),(s&3)===0||Oa(l,s)||(n=!0,Nd(l,s));l=l.next}while(n);tf=!1}}function Hg(){wd()}function wd(){Nu=$s=!1;var t=0;In!==0&&Ig()&&(t=In);for(var e=pe(),n=null,l=ju;l!==null;){var a=l.next,s=Md(l,e);s===0?(l.next=null,n===null?ju=a:n.next=a,a===null&&(ha=n)):(n=l,(t!==0||(s&3)!==0)&&(Nu=!0)),l=a}kt!==0&&kt!==5||ci(t),In!==0&&(In=0)}function Md(t,e){for(var n=t.suspendedLanes,l=t.pingedLanes,a=t.expirationTimes,s=t.pendingLanes&-62914561;0<s;){var d=31-be(s),g=1<<d,S=a[d];S===-1?((g&n)===0||(g&l)!==0)&&(a[d]=um(g,e)):S<=e&&(t.expiredLanes|=g),s&=~g}if(e=jt,n=Et,n=Qi(t,t===e?n:0,t.cancelPendingCommit!==null||t.timeoutHandle!==-1),l=t.callbackNode,n===0||t===e&&(Ot===2||Ot===9)||t.cancelPendingCommit!==null)return l!==null&&l!==null&&dc(l),t.callbackNode=null,t.callbackPriority=0;if((n&3)===0||Oa(t,n)){if(e=n&-n,e===t.callbackPriority)return e;switch(l!==null&&dc(l),gc(n)){case 2:case 8:n=Er;break;case 32:n=Ni;break;case 268435456:n=pr;break;default:n=Ni}return l=jd.bind(null,t),n=oc(n,l),t.callbackPriority=e,t.callbackNode=n,e}return l!==null&&l!==null&&dc(l),t.callbackPriority=2,t.callbackNode=null,2}function jd(t,e){if(kt!==0&&kt!==5)return t.callbackNode=null,t.callbackPriority=0,null;var n=t.callbackNode;if(Mu()&&t.callbackNode!==n)return null;var l=Et;return l=Qi(t,t===jt?l:0,t.cancelPendingCommit!==null||t.timeoutHandle!==-1),l===0?null:(dd(t,l,e),Md(t,pe()),t.callbackNode!=null&&t.callbackNode===n?jd.bind(null,t):null)}function Nd(t,e){if(Mu())return null;dd(t,e,!0)}function Bg(){Kg(function(){(Ct&6)!==0?oc(yr,Hg):wd()})}function ef(){if(In===0){var t=Pl;t===0&&(t=Hi,Hi<<=1,(Hi&261888)===0&&(Hi=256)),In=t}return In}function Hd(t){return t==null||typeof t=="symbol"||typeof t=="boolean"?null:typeof t=="function"?t:Gi(""+t)}function Bd(t,e){var n=e.ownerDocument.createElement("input");return n.name=e.name,n.value=e.value,t.id&&n.setAttribute("form",t.id),e.parentNode.insertBefore(n,e),t=new FormData(t),n.parentNode.removeChild(n),t}function Ug(t,e,n,l,a){if(e==="submit"&&n&&n.stateNode===a){var s=Hd((a[oe]||null).action),d=l.submitter;d&&(e=(e=d[oe]||null)?Hd(e.formAction):d.getAttribute("formAction"),e!==null&&(s=e,d=null));var g=new Ii("action","action",null,l,a);t.push({event:g,listeners:[{instance:null,listener:function(){if(l.defaultPrevented){if(In!==0){var S=d?Bd(a,d):new FormData(a);xs(n,{pending:!0,data:S,method:a.method,action:s},null,S)}}else typeof s=="function"&&(g.preventDefault(),S=d?Bd(a,d):new FormData(a),xs(n,{pending:!0,data:S,method:a.method,action:s},s,S))},currentTarget:a}]})}}for(var nf=0;nf<Yc.length;nf++){var lf=Yc[nf],Qg=lf.toLowerCase(),zg=lf[0].toUpperCase()+lf.slice(1);Ie(Qg,"on"+zg)}Ie(r0,"onAnimationEnd"),Ie(o0,"onAnimationIteration"),Ie(d0,"onAnimationStart"),Ie("dblclick","onDoubleClick"),Ie("focusin","onFocus"),Ie("focusout","onBlur"),Ie($m,"onTransitionRun"),Ie(tg,"onTransitionStart"),Ie(eg,"onTransitionCancel"),Ie(h0,"onTransitionEnd"),Yl("onMouseEnter",["mouseout","mouseover"]),Yl("onMouseLeave",["mouseout","mouseover"]),Yl("onPointerEnter",["pointerout","pointerover"]),Yl("onPointerLeave",["pointerout","pointerover"]),sl("onChange","change click focusin focusout input keydown keyup selectionchange".split(" ")),sl("onSelect","focusout contextmenu dragend focusin keydown keyup mousedown mouseup selectionchange".split(" ")),sl("onBeforeInput",["compositionend","keypress","textInput","paste"]),sl("onCompositionEnd","compositionend focusout keydown keypress keyup mousedown".split(" ")),sl("onCompositionStart","compositionstart focusout keydown keypress keyup mousedown".split(" ")),sl("onCompositionUpdate","compositionupdate focusout keydown keypress keyup mousedown".split(" "));var si="abort canplay canplaythrough durationchange emptied encrypted ended error loadeddata loadedmetadata loadstart pause play playing progress ratechange resize seeked seeking stalled suspend timeupdate volumechange waiting".split(" "),Yg=new Set("beforetoggle cancel close invalid load scroll scrollend toggle".split(" ").concat(si));function Ud(t,e){e=(e&4)!==0;for(var n=0;n<t.length;n++){var l=t[n],a=l.event;l=l.listeners;t:{var s=void 0;if(e)for(var d=l.length-1;0<=d;d--){var g=l[d],S=g.instance,U=g.currentTarget;if(g=g.listener,S!==s&&a.isPropagationStopped())break t;s=g,a.currentTarget=U;try{s(a)}catch(Z){ki(Z)}a.currentTarget=null,s=S}else for(d=0;d<l.length;d++){if(g=l[d],S=g.instance,U=g.currentTarget,g=g.listener,S!==s&&a.isPropagationStopped())break t;s=g,a.currentTarget=U;try{s(a)}catch(Z){ki(Z)}a.currentTarget=null,s=S}}}}function yt(t,e){var n=e[Ac];n===void 0&&(n=e[Ac]=new Set);var l=t+"__bubble";n.has(l)||(Qd(e,t,2,!1),n.add(l))}function af(t,e,n){var l=0;e&&(l|=4),Qd(n,t,l,e)}var Hu="_reactListening"+Math.random().toString(36).slice(2);function uf(t){if(!t[Hu]){t[Hu]=!0,Rr.forEach(function(n){n!=="selectionchange"&&(Yg.has(n)||af(n,!1,t),af(n,!0,t))});var e=t.nodeType===9?t:t.ownerDocument;e===null||e[Hu]||(e[Hu]=!0,af("selectionchange",!1,e))}}function Qd(t,e,n,l){switch(o1(e)){case 2:var a=dA;break;case 8:a=hA;break;default:a=xf}n=a.bind(null,e,n,t),a=void 0,!Cc||e!=="touchstart"&&e!=="touchmove"&&e!=="wheel"||(a=!0),l?a!==void 0?t.addEventListener(e,n,{capture:!0,passive:a}):t.addEventListener(e,n,!0):a!==void 0?t.addEventListener(e,n,{passive:a}):t.addEventListener(e,n,!1)}function cf(t,e,n,l,a){var s=l;if((e&1)===0&&(e&2)===0&&l!==null)t:for(;;){if(l===null)return;var d=l.tag;if(d===3||d===4){var g=l.stateNode.containerInfo;if(g===a)break;if(d===4)for(d=l.return;d!==null;){var S=d.tag;if((S===3||S===4)&&d.stateNode.containerInfo===a)return;d=d.return}for(;g!==null;){if(d=Ul(g),d===null)return;if(S=d.tag,S===5||S===6||S===26||S===27){l=s=d;continue t}g=g.parentNode}}l=l.return}Gr(function(){var U=s,Z=Sc(n),J=[];t:{var Q=m0.get(t);if(Q!==void 0){var G=Ii,lt=t;switch(t){case"keypress":if(Vi(n)===0)break t;case"keydown":case"keyup":G=jm;break;case"focusin":lt="focus",G=wc;break;case"focusout":lt="blur",G=wc;break;case"beforeblur":case"afterblur":G=wc;break;case"click":if(n.button===2)break t;case"auxclick":case"dblclick":case"mousedown":case"mousemove":case"mouseup":case"mouseout":case"mouseover":case"contextmenu":G=Zr;break;case"drag":case"dragend":case"dragenter":case"dragexit":case"dragleave":case"dragover":case"dragstart":case"drop":G=Em;break;case"touchcancel":case"touchend":case"touchmove":case"touchstart":G=Bm;break;case r0:case o0:case d0:G=bm;break;case h0:G=Qm;break;case"scroll":case"scrollend":G=vm;break;case"wheel":G=Ym;break;case"copy":case"cut":case"paste":G=Tm;break;case"gotpointercapture":case"lostpointercapture":case"pointercancel":case"pointerdown":case"pointermove":case"pointerout":case"pointerover":case"pointerup":G=qr;break;case"toggle":case"beforetoggle":G=Gm}var ft=(e&4)!==0,Mt=!ft&&(t==="scroll"||t==="scrollend"),w=ft?Q!==null?Q+"Capture":null:Q;ft=[];for(var O=U,B;O!==null;){var K=O;if(B=K.stateNode,K=K.tag,K!==5&&K!==26&&K!==27||B===null||w===null||(K=Ma(O,w),K!=null&&ft.push(fi(O,K,B))),Mt)break;O=O.return}0<ft.length&&(Q=new G(Q,lt,null,n,Z),J.push({event:Q,listeners:ft}))}}if((e&7)===0){t:{if(Q=t==="mouseover"||t==="pointerover",G=t==="mouseout"||t==="pointerout",Q&&n!==bc&&(lt=n.relatedTarget||n.fromElement)&&(Ul(lt)||lt[Bl]))break t;if((G||Q)&&(Q=Z.window===Z?Z:(Q=Z.ownerDocument)?Q.defaultView||Q.parentWindow:window,G?(lt=n.relatedTarget||n.toElement,G=U,lt=lt?Ul(lt):null,lt!==null&&(Mt=o(lt),ft=lt.tag,lt!==Mt||ft!==5&&ft!==27&&ft!==6)&&(lt=null)):(G=null,lt=U),G!==lt)){if(ft=Zr,K="onMouseLeave",w="onMouseEnter",O="mouse",(t==="pointerout"||t==="pointerover")&&(ft=qr,K="onPointerLeave",w="onPointerEnter",O="pointer"),Mt=G==null?Q:wa(G),B=lt==null?Q:wa(lt),Q=new ft(K,O+"leave",G,n,Z),Q.target=Mt,Q.relatedTarget=B,K=null,Ul(Z)===U&&(ft=new ft(w,O+"enter",lt,n,Z),ft.target=B,ft.relatedTarget=Mt,K=ft),Mt=K,G&&lt)e:{for(ft=Lg,w=G,O=lt,B=0,K=w;K;K=ft(K))B++;K=0;for(var ct=O;ct;ct=ft(ct))K++;for(;0<B-K;)w=ft(w),B--;for(;0<K-B;)O=ft(O),K--;for(;B--;){if(w===O||O!==null&&w===O.alternate){ft=w;break e}w=ft(w),O=ft(O)}ft=null}else ft=null;G!==null&&zd(J,Q,G,ft,!1),lt!==null&&Mt!==null&&zd(J,Mt,lt,ft,!0)}}t:{if(Q=U?wa(U):window,G=Q.nodeName&&Q.nodeName.toLowerCase(),G==="select"||G==="input"&&Q.type==="file")var St=$r;else if(_r(Q))if(t0)St=Wm;else{St=Jm;var at=km}else G=Q.nodeName,!G||G.toLowerCase()!=="input"||Q.type!=="checkbox"&&Q.type!=="radio"?U&&xc(U.elementType)&&(St=$r):St=Fm;if(St&&(St=St(t,U))){Pr(J,St,n,Z);break t}at&&at(t,Q,U),t==="focusout"&&U&&Q.type==="number"&&U.memoizedProps.value!=null&&pc(Q,"number",Q.value)}switch(at=U?wa(U):window,t){case"focusin":(_r(at)||at.contentEditable==="true")&&(Il=at,Uc=U,Ya=null);break;case"focusout":Ya=Uc=Il=null;break;case"mousedown":Qc=!0;break;case"contextmenu":case"mouseup":case"dragend":Qc=!1,s0(J,n,Z);break;case"selectionchange":if(Pm)break;case"keydown":case"keyup":s0(J,n,Z)}var At;if(jc)t:{switch(t){case"compositionstart":var pt="onCompositionStart";break t;case"compositionend":pt="onCompositionEnd";break t;case"compositionupdate":pt="onCompositionUpdate";break t}pt=void 0}else Zl?Fr(t,n)&&(pt="onCompositionEnd"):t==="keydown"&&n.keyCode===229&&(pt="onCompositionStart");pt&&(Kr&&n.locale!=="ko"&&(Zl||pt!=="onCompositionStart"?pt==="onCompositionEnd"&&Zl&&(At=Xr()):(Rn=Z,Oc="value"in Rn?Rn.value:Rn.textContent,Zl=!0)),at=Bu(U,pt),0<at.length&&(pt=new Ir(pt,t,null,n,Z),J.push({event:pt,listeners:at}),At?pt.data=At:(At=Wr(n),At!==null&&(pt.data=At)))),(At=Vm?Zm(t,n):Im(t,n))&&(pt=Bu(U,"onBeforeInput"),0<pt.length&&(at=new Ir("onBeforeInput","beforeinput",null,n,Z),J.push({event:at,listeners:pt}),at.data=At)),Ug(J,t,U,n,Z)}Ud(J,e)})}function fi(t,e,n){return{instance:t,listener:e,currentTarget:n}}function Bu(t,e){for(var n=e+"Capture",l=[];t!==null;){var a=t,s=a.stateNode;if(a=a.tag,a!==5&&a!==26&&a!==27||s===null||(a=Ma(t,n),a!=null&&l.unshift(fi(t,a,s)),a=Ma(t,e),a!=null&&l.push(fi(t,a,s))),t.tag===3)return l;t=t.return}return[]}function Lg(t){if(t===null)return null;do t=t.return;while(t&&t.tag!==5&&t.tag!==27);return t||null}function zd(t,e,n,l,a){for(var s=e._reactName,d=[];n!==null&&n!==l;){var g=n,S=g.alternate,U=g.stateNode;if(g=g.tag,S!==null&&S===l)break;g!==5&&g!==26&&g!==27||U===null||(S=U,a?(U=Ma(n,s),U!=null&&d.unshift(fi(n,U,S))):a||(U=Ma(n,s),U!=null&&d.push(fi(n,U,S)))),n=n.return}d.length!==0&&t.push({event:e,listeners:d})}var Gg=/\r\n?/g,Xg=/\u0000|\uFFFD/g;function Yd(t){return(typeof t=="string"?t:""+t).replace(Gg,`
+`).replace(Xg,"")}function Ld(t,e){return e=Yd(e),Yd(t)===e}function wt(t,e,n,l,a,s){switch(n){case"children":typeof l=="string"?e==="body"||e==="textarea"&&l===""||Gl(t,l):(typeof l=="number"||typeof l=="bigint")&&e!=="body"&&Gl(t,""+l);break;case"className":Yi(t,"class",l);break;case"tabIndex":Yi(t,"tabindex",l);break;case"dir":case"role":case"viewBox":case"width":case"height":Yi(t,n,l);break;case"style":Yr(t,l,s);break;case"data":if(e!=="object"){Yi(t,"data",l);break}case"src":case"href":if(l===""&&(e!=="a"||n!=="href")){t.removeAttribute(n);break}if(l==null||typeof l=="function"||typeof l=="symbol"||typeof l=="boolean"){t.removeAttribute(n);break}l=Gi(""+l),t.setAttribute(n,l);break;case"action":case"formAction":if(typeof l=="function"){t.setAttribute(n,"javascript:throw new Error('A React form was unexpectedly submitted. If you called form.submit() manually, consider using form.requestSubmit() instead. If you\\'re trying to use event.stopPropagation() in a submit event handler, consider also calling event.preventDefault().')");break}else typeof s=="function"&&(n==="formAction"?(e!=="input"&&wt(t,e,"name",a.name,a,null),wt(t,e,"formEncType",a.formEncType,a,null),wt(t,e,"formMethod",a.formMethod,a,null),wt(t,e,"formTarget",a.formTarget,a,null)):(wt(t,e,"encType",a.encType,a,null),wt(t,e,"method",a.method,a,null),wt(t,e,"target",a.target,a,null)));if(l==null||typeof l=="symbol"||typeof l=="boolean"){t.removeAttribute(n);break}l=Gi(""+l),t.setAttribute(n,l);break;case"onClick":l!=null&&(t.onclick=tn);break;case"onScroll":l!=null&&yt("scroll",t);break;case"onScrollEnd":l!=null&&yt("scrollend",t);break;case"dangerouslySetInnerHTML":if(l!=null){if(typeof l!="object"||!("__html"in l))throw Error(f(61));if(n=l.__html,n!=null){if(a.children!=null)throw Error(f(60));t.innerHTML=n}}break;case"multiple":t.multiple=l&&typeof l!="function"&&typeof l!="symbol";break;case"muted":t.muted=l&&typeof l!="function"&&typeof l!="symbol";break;case"suppressContentEditableWarning":case"suppressHydrationWarning":case"defaultValue":case"defaultChecked":case"innerHTML":case"ref":break;case"autoFocus":break;case"xlinkHref":if(l==null||typeof l=="function"||typeof l=="boolean"||typeof l=="symbol"){t.removeAttribute("xlink:href");break}n=Gi(""+l),t.setAttributeNS("http://www.w3.org/1999/xlink","xlink:href",n);break;case"contentEditable":case"spellCheck":case"draggable":case"value":case"autoReverse":case"externalResourcesRequired":case"focusable":case"preserveAlpha":l!=null&&typeof l!="function"&&typeof l!="symbol"?t.setAttribute(n,""+l):t.removeAttribute(n);break;case"inert":case"allowFullScreen":case"async":case"autoPlay":case"controls":case"default":case"defer":case"disabled":case"disablePictureInPicture":case"disableRemotePlayback":case"formNoValidate":case"hidden":case"loop":case"noModule":case"noValidate":case"open":case"playsInline":case"readOnly":case"required":case"reversed":case"scoped":case"seamless":case"itemScope":l&&typeof l!="function"&&typeof l!="symbol"?t.setAttribute(n,""):t.removeAttribute(n);break;case"capture":case"download":l===!0?t.setAttribute(n,""):l!==!1&&l!=null&&typeof l!="function"&&typeof l!="symbol"?t.setAttribute(n,l):t.removeAttribute(n);break;case"cols":case"rows":case"size":case"span":l!=null&&typeof l!="function"&&typeof l!="symbol"&&!isNaN(l)&&1<=l?t.setAttribute(n,l):t.removeAttribute(n);break;case"rowSpan":case"start":l==null||typeof l=="function"||typeof l=="symbol"||isNaN(l)?t.removeAttribute(n):t.setAttribute(n,l);break;case"popover":yt("beforetoggle",t),yt("toggle",t),zi(t,"popover",l);break;case"xlinkActuate":$e(t,"http://www.w3.org/1999/xlink","xlink:actuate",l);break;case"xlinkArcrole":$e(t,"http://www.w3.org/1999/xlink","xlink:arcrole",l);break;case"xlinkRole":$e(t,"http://www.w3.org/1999/xlink","xlink:role",l);break;case"xlinkShow":$e(t,"http://www.w3.org/1999/xlink","xlink:show",l);break;case"xlinkTitle":$e(t,"http://www.w3.org/1999/xlink","xlink:title",l);break;case"xlinkType":$e(t,"http://www.w3.org/1999/xlink","xlink:type",l);break;case"xmlBase":$e(t,"http://www.w3.org/XML/1998/namespace","xml:base",l);break;case"xmlLang":$e(t,"http://www.w3.org/XML/1998/namespace","xml:lang",l);break;case"xmlSpace":$e(t,"http://www.w3.org/XML/1998/namespace","xml:space",l);break;case"is":zi(t,"is",l);break;case"innerText":case"textContent":break;default:(!(2<n.length)||n[0]!=="o"&&n[0]!=="O"||n[1]!=="n"&&n[1]!=="N")&&(n=gm.get(n)||n,zi(t,n,l))}}function sf(t,e,n,l,a,s){switch(n){case"style":Yr(t,l,s);break;case"dangerouslySetInnerHTML":if(l!=null){if(typeof l!="object"||!("__html"in l))throw Error(f(61));if(n=l.__html,n!=null){if(a.children!=null)throw Error(f(60));t.innerHTML=n}}break;case"children":typeof l=="string"?Gl(t,l):(typeof l=="number"||typeof l=="bigint")&&Gl(t,""+l);break;case"onScroll":l!=null&&yt("scroll",t);break;case"onScrollEnd":l!=null&&yt("scrollend",t);break;case"onClick":l!=null&&(t.onclick=tn);break;case"suppressContentEditableWarning":case"suppressHydrationWarning":case"innerHTML":case"ref":break;case"innerText":case"textContent":break;default:if(!wr.hasOwnProperty(n))t:{if(n[0]==="o"&&n[1]==="n"&&(a=n.endsWith("Capture"),e=n.slice(2,a?n.length-7:void 0),s=t[oe]||null,s=s!=null?s[n]:null,typeof s=="function"&&t.removeEventListener(e,s,a),typeof l=="function")){typeof s!="function"&&s!==null&&(n in t?t[n]=null:t.hasAttribute(n)&&t.removeAttribute(n)),t.addEventListener(e,l,a);break t}n in t?t[n]=l:l===!0?t.setAttribute(n,""):zi(t,n,l)}}}function ae(t,e,n){switch(e){case"div":case"span":case"svg":case"path":case"a":case"g":case"p":case"li":break;case"img":yt("error",t),yt("load",t);var l=!1,a=!1,s;for(s in n)if(n.hasOwnProperty(s)){var d=n[s];if(d!=null)switch(s){case"src":l=!0;break;case"srcSet":a=!0;break;case"children":case"dangerouslySetInnerHTML":throw Error(f(137,e));default:wt(t,e,s,d,n,null)}}a&&wt(t,e,"srcSet",n.srcSet,n,null),l&&wt(t,e,"src",n.src,n,null);return;case"input":yt("invalid",t);var g=s=d=a=null,S=null,U=null;for(l in n)if(n.hasOwnProperty(l)){var Z=n[l];if(Z!=null)switch(l){case"name":a=Z;break;case"type":d=Z;break;case"checked":S=Z;break;case"defaultChecked":U=Z;break;case"value":s=Z;break;case"defaultValue":g=Z;break;case"children":case"dangerouslySetInnerHTML":if(Z!=null)throw Error(f(137,e));break;default:wt(t,e,l,Z,n,null)}}Br(t,s,g,S,U,d,a,!1);return;case"select":yt("invalid",t),l=d=s=null;for(a in n)if(n.hasOwnProperty(a)&&(g=n[a],g!=null))switch(a){case"value":s=g;break;case"defaultValue":d=g;break;case"multiple":l=g;default:wt(t,e,a,g,n,null)}e=s,n=d,t.multiple=!!l,e!=null?Ll(t,!!l,e,!1):n!=null&&Ll(t,!!l,n,!0);return;case"textarea":yt("invalid",t),s=a=l=null;for(d in n)if(n.hasOwnProperty(d)&&(g=n[d],g!=null))switch(d){case"value":l=g;break;case"defaultValue":a=g;break;case"children":s=g;break;case"dangerouslySetInnerHTML":if(g!=null)throw Error(f(91));break;default:wt(t,e,d,g,n,null)}Qr(t,l,a,s);return;case"option":for(S in n)if(n.hasOwnProperty(S)&&(l=n[S],l!=null))switch(S){case"selected":t.selected=l&&typeof l!="function"&&typeof l!="symbol";break;default:wt(t,e,S,l,n,null)}return;case"dialog":yt("beforetoggle",t),yt("toggle",t),yt("cancel",t),yt("close",t);break;case"iframe":case"object":yt("load",t);break;case"video":case"audio":for(l=0;l<si.length;l++)yt(si[l],t);break;case"image":yt("error",t),yt("load",t);break;case"details":yt("toggle",t);break;case"embed":case"source":case"link":yt("error",t),yt("load",t);case"area":case"base":case"br":case"col":case"hr":case"keygen":case"meta":case"param":case"track":case"wbr":case"menuitem":for(U in n)if(n.hasOwnProperty(U)&&(l=n[U],l!=null))switch(U){case"children":case"dangerouslySetInnerHTML":throw Error(f(137,e));default:wt(t,e,U,l,n,null)}return;default:if(xc(e)){for(Z in n)n.hasOwnProperty(Z)&&(l=n[Z],l!==void 0&&sf(t,e,Z,l,n,void 0));return}}for(g in n)n.hasOwnProperty(g)&&(l=n[g],l!=null&&wt(t,e,g,l,n,null))}function Vg(t,e,n,l){switch(e){case"div":case"span":case"svg":case"path":case"a":case"g":case"p":case"li":break;case"input":var a=null,s=null,d=null,g=null,S=null,U=null,Z=null;for(G in n){var J=n[G];if(n.hasOwnProperty(G)&&J!=null)switch(G){case"checked":break;case"value":break;case"defaultValue":S=J;default:l.hasOwnProperty(G)||wt(t,e,G,null,l,J)}}for(var Q in l){var G=l[Q];if(J=n[Q],l.hasOwnProperty(Q)&&(G!=null||J!=null))switch(Q){case"type":s=G;break;case"name":a=G;break;case"checked":U=G;break;case"defaultChecked":Z=G;break;case"value":d=G;break;case"defaultValue":g=G;break;case"children":case"dangerouslySetInnerHTML":if(G!=null)throw Error(f(137,e));break;default:G!==J&&wt(t,e,Q,G,l,J)}}Ec(t,d,g,S,U,Z,s,a);return;case"select":G=d=g=Q=null;for(s in n)if(S=n[s],n.hasOwnProperty(s)&&S!=null)switch(s){case"value":break;case"multiple":G=S;default:l.hasOwnProperty(s)||wt(t,e,s,null,l,S)}for(a in l)if(s=l[a],S=n[a],l.hasOwnProperty(a)&&(s!=null||S!=null))switch(a){case"value":Q=s;break;case"defaultValue":g=s;break;case"multiple":d=s;default:s!==S&&wt(t,e,a,s,l,S)}e=g,n=d,l=G,Q!=null?Ll(t,!!n,Q,!1):!!l!=!!n&&(e!=null?Ll(t,!!n,e,!0):Ll(t,!!n,n?[]:"",!1));return;case"textarea":G=Q=null;for(g in n)if(a=n[g],n.hasOwnProperty(g)&&a!=null&&!l.hasOwnProperty(g))switch(g){case"value":break;case"children":break;default:wt(t,e,g,null,l,a)}for(d in l)if(a=l[d],s=n[d],l.hasOwnProperty(d)&&(a!=null||s!=null))switch(d){case"value":Q=a;break;case"defaultValue":G=a;break;case"children":break;case"dangerouslySetInnerHTML":if(a!=null)throw Error(f(91));break;default:a!==s&&wt(t,e,d,a,l,s)}Ur(t,Q,G);return;case"option":for(var lt in n)if(Q=n[lt],n.hasOwnProperty(lt)&&Q!=null&&!l.hasOwnProperty(lt))switch(lt){case"selected":t.selected=!1;break;default:wt(t,e,lt,null,l,Q)}for(S in l)if(Q=l[S],G=n[S],l.hasOwnProperty(S)&&Q!==G&&(Q!=null||G!=null))switch(S){case"selected":t.selected=Q&&typeof Q!="function"&&typeof Q!="symbol";break;default:wt(t,e,S,Q,l,G)}return;case"img":case"link":case"area":case"base":case"br":case"col":case"embed":case"hr":case"keygen":case"meta":case"param":case"source":case"track":case"wbr":case"menuitem":for(var ft in n)Q=n[ft],n.hasOwnProperty(ft)&&Q!=null&&!l.hasOwnProperty(ft)&&wt(t,e,ft,null,l,Q);for(U in l)if(Q=l[U],G=n[U],l.hasOwnProperty(U)&&Q!==G&&(Q!=null||G!=null))switch(U){case"children":case"dangerouslySetInnerHTML":if(Q!=null)throw Error(f(137,e));break;default:wt(t,e,U,Q,l,G)}return;default:if(xc(e)){for(var Mt in n)Q=n[Mt],n.hasOwnProperty(Mt)&&Q!==void 0&&!l.hasOwnProperty(Mt)&&sf(t,e,Mt,void 0,l,Q);for(Z in l)Q=l[Z],G=n[Z],!l.hasOwnProperty(Z)||Q===G||Q===void 0&&G===void 0||sf(t,e,Z,Q,l,G);return}}for(var w in n)Q=n[w],n.hasOwnProperty(w)&&Q!=null&&!l.hasOwnProperty(w)&&wt(t,e,w,null,l,Q);for(J in l)Q=l[J],G=n[J],!l.hasOwnProperty(J)||Q===G||Q==null&&G==null||wt(t,e,J,Q,l,G)}function Gd(t){switch(t){case"css":case"script":case"font":case"img":case"image":case"input":case"link":return!0;default:return!1}}function Zg(){if(typeof performance.getEntriesByType=="function"){for(var t=0,e=0,n=performance.getEntriesByType("resource"),l=0;l<n.length;l++){var a=n[l],s=a.transferSize,d=a.initiatorType,g=a.duration;if(s&&g&&Gd(d)){for(d=0,g=a.responseEnd,l+=1;l<n.length;l++){var S=n[l],U=S.startTime;if(U>g)break;var Z=S.transferSize,J=S.initiatorType;Z&&Gd(J)&&(S=S.responseEnd,d+=Z*(S<g?1:(g-U)/(S-U)))}if(--l,e+=8*(s+d)/(a.duration/1e3),t++,10<t)break}}if(0<t)return e/t/1e6}return navigator.connection&&(t=navigator.connection.downlink,typeof t=="number")?t:5}var ff=null,rf=null;function Uu(t){return t.nodeType===9?t:t.ownerDocument}function Xd(t){switch(t){case"http://www.w3.org/2000/svg":return 1;case"http://www.w3.org/1998/Math/MathML":return 2;default:return 0}}function Vd(t,e){if(t===0)switch(e){case"svg":return 1;case"math":return 2;default:return 0}return t===1&&e==="foreignObject"?0:t}function of(t,e){return t==="textarea"||t==="noscript"||typeof e.children=="string"||typeof e.children=="number"||typeof e.children=="bigint"||typeof e.dangerouslySetInnerHTML=="object"&&e.dangerouslySetInnerHTML!==null&&e.dangerouslySetInnerHTML.__html!=null}var df=null;function Ig(){var t=window.event;return t&&t.type==="popstate"?t===df?!1:(df=t,!0):(df=null,!1)}var Zd=typeof setTimeout=="function"?setTimeout:void 0,qg=typeof clearTimeout=="function"?clearTimeout:void 0,Id=typeof Promise=="function"?Promise:void 0,Kg=typeof queueMicrotask=="function"?queueMicrotask:typeof Id<"u"?function(t){return Id.resolve(null).then(t).catch(kg)}:Zd;function kg(t){setTimeout(function(){throw t})}function qn(t){return t==="head"}function qd(t,e){var n=e,l=0;do{var a=n.nextSibling;if(t.removeChild(n),a&&a.nodeType===8)if(n=a.data,n==="/$"||n==="/&"){if(l===0){t.removeChild(a),va(e);return}l--}else if(n==="$"||n==="$?"||n==="$~"||n==="$!"||n==="&")l++;else if(n==="html")ri(t.ownerDocument.documentElement);else if(n==="head"){n=t.ownerDocument.head,ri(n);for(var s=n.firstChild;s;){var d=s.nextSibling,g=s.nodeName;s[Ra]||g==="SCRIPT"||g==="STYLE"||g==="LINK"&&s.rel.toLowerCase()==="stylesheet"||n.removeChild(s),s=d}}else n==="body"&&ri(t.ownerDocument.body);n=a}while(n);va(e)}function Kd(t,e){var n=t;t=0;do{var l=n.nextSibling;if(n.nodeType===1?e?(n._stashedDisplay=n.style.display,n.style.display="none"):(n.style.display=n._stashedDisplay||"",n.getAttribute("style")===""&&n.removeAttribute("style")):n.nodeType===3&&(e?(n._stashedText=n.nodeValue,n.nodeValue=""):n.nodeValue=n._stashedText||""),l&&l.nodeType===8)if(n=l.data,n==="/$"){if(t===0)break;t--}else n!=="$"&&n!=="$?"&&n!=="$~"&&n!=="$!"||t++;n=l}while(n)}function hf(t){var e=t.firstChild;for(e&&e.nodeType===10&&(e=e.nextSibling);e;){var n=e;switch(e=e.nextSibling,n.nodeName){case"HTML":case"HEAD":case"BODY":hf(n),vc(n);continue;case"SCRIPT":case"STYLE":continue;case"LINK":if(n.rel.toLowerCase()==="stylesheet")continue}t.removeChild(n)}}function Jg(t,e,n,l){for(;t.nodeType===1;){var a=n;if(t.nodeName.toLowerCase()!==e.toLowerCase()){if(!l&&(t.nodeName!=="INPUT"||t.type!=="hidden"))break}else if(l){if(!t[Ra])switch(e){case"meta":if(!t.hasAttribute("itemprop"))break;return t;case"link":if(s=t.getAttribute("rel"),s==="stylesheet"&&t.hasAttribute("data-precedence"))break;if(s!==a.rel||t.getAttribute("href")!==(a.href==null||a.href===""?null:a.href)||t.getAttribute("crossorigin")!==(a.crossOrigin==null?null:a.crossOrigin)||t.getAttribute("title")!==(a.title==null?null:a.title))break;return t;case"style":if(t.hasAttribute("data-precedence"))break;return t;case"script":if(s=t.getAttribute("src"),(s!==(a.src==null?null:a.src)||t.getAttribute("type")!==(a.type==null?null:a.type)||t.getAttribute("crossorigin")!==(a.crossOrigin==null?null:a.crossOrigin))&&s&&t.hasAttribute("async")&&!t.hasAttribute("itemprop"))break;return t;default:return t}}else if(e==="input"&&t.type==="hidden"){var s=a.name==null?null:""+a.name;if(a.type==="hidden"&&t.getAttribute("name")===s)return t}else return t;if(t=Le(t.nextSibling),t===null)break}return null}function Fg(t,e,n){if(e==="")return null;for(;t.nodeType!==3;)if((t.nodeType!==1||t.nodeName!=="INPUT"||t.type!=="hidden")&&!n||(t=Le(t.nextSibling),t===null))return null;return t}function kd(t,e){for(;t.nodeType!==8;)if((t.nodeType!==1||t.nodeName!=="INPUT"||t.type!=="hidden")&&!e||(t=Le(t.nextSibling),t===null))return null;return t}function mf(t){return t.data==="$?"||t.data==="$~"}function gf(t){return t.data==="$!"||t.data==="$?"&&t.ownerDocument.readyState!=="loading"}function Wg(t,e){var n=t.ownerDocument;if(t.data==="$~")t._reactRetry=e;else if(t.data!=="$?"||n.readyState!=="loading")e();else{var l=function(){e(),n.removeEventListener("DOMContentLoaded",l)};n.addEventListener("DOMContentLoaded",l),t._reactRetry=l}}function Le(t){for(;t!=null;t=t.nextSibling){var e=t.nodeType;if(e===1||e===3)break;if(e===8){if(e=t.data,e==="$"||e==="$!"||e==="$?"||e==="$~"||e==="&"||e==="F!"||e==="F")break;if(e==="/$"||e==="/&")return null}}return t}var Af=null;function Jd(t){t=t.nextSibling;for(var e=0;t;){if(t.nodeType===8){var n=t.data;if(n==="/$"||n==="/&"){if(e===0)return Le(t.nextSibling);e--}else n!=="$"&&n!=="$!"&&n!=="$?"&&n!=="$~"&&n!=="&"||e++}t=t.nextSibling}return null}function Fd(t){t=t.previousSibling;for(var e=0;t;){if(t.nodeType===8){var n=t.data;if(n==="$"||n==="$!"||n==="$?"||n==="$~"||n==="&"){if(e===0)return t;e--}else n!=="/$"&&n!=="/&"||e++}t=t.previousSibling}return null}function Wd(t,e,n){switch(e=Uu(n),t){case"html":if(t=e.documentElement,!t)throw Error(f(452));return t;case"head":if(t=e.head,!t)throw Error(f(453));return t;case"body":if(t=e.body,!t)throw Error(f(454));return t;default:throw Error(f(451))}}function ri(t){for(var e=t.attributes;e.length;)t.removeAttributeNode(e[0]);vc(t)}var Ge=new Map,_d=new Set;function Qu(t){return typeof t.getRootNode=="function"?t.getRootNode():t.nodeType===9?t:t.ownerDocument}var vn=_.d;_.d={f:_g,r:Pg,D:$g,C:tA,L:eA,m:nA,X:aA,S:lA,M:iA};function _g(){var t=vn.f(),e=Du();return t||e}function Pg(t){var e=Ql(t);e!==null&&e.tag===5&&e.type==="form"?mo(e):vn.r(t)}var ma=typeof document>"u"?null:document;function Pd(t,e,n){var l=ma;if(l&&typeof e=="string"&&e){var a=Ne(e);a='link[rel="'+t+'"][href="'+a+'"]',typeof n=="string"&&(a+='[crossorigin="'+n+'"]'),_d.has(a)||(_d.add(a),t={rel:t,crossOrigin:n,href:e},l.querySelector(a)===null&&(e=l.createElement("link"),ae(e,"link",t),Ft(e),l.head.appendChild(e)))}}function $g(t){vn.D(t),Pd("dns-prefetch",t,null)}function tA(t,e){vn.C(t,e),Pd("preconnect",t,e)}function eA(t,e,n){vn.L(t,e,n);var l=ma;if(l&&t&&e){var a='link[rel="preload"][as="'+Ne(e)+'"]';e==="image"&&n&&n.imageSrcSet?(a+='[imagesrcset="'+Ne(n.imageSrcSet)+'"]',typeof n.imageSizes=="string"&&(a+='[imagesizes="'+Ne(n.imageSizes)+'"]')):a+='[href="'+Ne(t)+'"]';var s=a;switch(e){case"style":s=ga(t);break;case"script":s=Aa(t)}Ge.has(s)||(t=T({rel:"preload",href:e==="image"&&n&&n.imageSrcSet?void 0:t,as:e},n),Ge.set(s,t),l.querySelector(a)!==null||e==="style"&&l.querySelector(oi(s))||e==="script"&&l.querySelector(di(s))||(e=l.createElement("link"),ae(e,"link",t),Ft(e),l.head.appendChild(e)))}}function nA(t,e){vn.m(t,e);var n=ma;if(n&&t){var l=e&&typeof e.as=="string"?e.as:"script",a='link[rel="modulepreload"][as="'+Ne(l)+'"][href="'+Ne(t)+'"]',s=a;switch(l){case"audioworklet":case"paintworklet":case"serviceworker":case"sharedworker":case"worker":case"script":s=Aa(t)}if(!Ge.has(s)&&(t=T({rel:"modulepreload",href:t},e),Ge.set(s,t),n.querySelector(a)===null)){switch(l){case"audioworklet":case"paintworklet":case"serviceworker":case"sharedworker":case"worker":case"script":if(n.querySelector(di(s)))return}l=n.createElement("link"),ae(l,"link",t),Ft(l),n.head.appendChild(l)}}}function lA(t,e,n){vn.S(t,e,n);var l=ma;if(l&&t){var a=zl(l).hoistableStyles,s=ga(t);e=e||"default";var d=a.get(s);if(!d){var g={loading:0,preload:null};if(d=l.querySelector(oi(s)))g.loading=5;else{t=T({rel:"stylesheet",href:t,"data-precedence":e},n),(n=Ge.get(s))&&vf(t,n);var S=d=l.createElement("link");Ft(S),ae(S,"link",t),S._p=new Promise(function(U,Z){S.onload=U,S.onerror=Z}),S.addEventListener("load",function(){g.loading|=1}),S.addEventListener("error",function(){g.loading|=2}),g.loading|=4,zu(d,e,l)}d={type:"stylesheet",instance:d,count:1,state:g},a.set(s,d)}}}function aA(t,e){vn.X(t,e);var n=ma;if(n&&t){var l=zl(n).hoistableScripts,a=Aa(t),s=l.get(a);s||(s=n.querySelector(di(a)),s||(t=T({src:t,async:!0},e),(e=Ge.get(a))&&yf(t,e),s=n.createElement("script"),Ft(s),ae(s,"link",t),n.head.appendChild(s)),s={type:"script",instance:s,count:1,state:null},l.set(a,s))}}function iA(t,e){vn.M(t,e);var n=ma;if(n&&t){var l=zl(n).hoistableScripts,a=Aa(t),s=l.get(a);s||(s=n.querySelector(di(a)),s||(t=T({src:t,async:!0,type:"module"},e),(e=Ge.get(a))&&yf(t,e),s=n.createElement("script"),Ft(s),ae(s,"link",t),n.head.appendChild(s)),s={type:"script",instance:s,count:1,state:null},l.set(a,s))}}function $d(t,e,n,l){var a=(a=ot.current)?Qu(a):null;if(!a)throw Error(f(446));switch(t){case"meta":case"title":return null;case"style":return typeof n.precedence=="string"&&typeof n.href=="string"?(e=ga(n.href),n=zl(a).hoistableStyles,l=n.get(e),l||(l={type:"style",instance:null,count:0,state:null},n.set(e,l)),l):{type:"void",instance:null,count:0,state:null};case"link":if(n.rel==="stylesheet"&&typeof n.href=="string"&&typeof n.precedence=="string"){t=ga(n.href);var s=zl(a).hoistableStyles,d=s.get(t);if(d||(a=a.ownerDocument||a,d={type:"stylesheet",instance:null,count:0,state:{loading:0,preload:null}},s.set(t,d),(s=a.querySelector(oi(t)))&&!s._p&&(d.instance=s,d.state.loading=5),Ge.has(t)||(n={rel:"preload",as:"style",href:n.href,crossOrigin:n.crossOrigin,integrity:n.integrity,media:n.media,hrefLang:n.hrefLang,referrerPolicy:n.referrerPolicy},Ge.set(t,n),s||uA(a,t,n,d.state))),e&&l===null)throw Error(f(528,""));return d}if(e&&l!==null)throw Error(f(529,""));return null;case"script":return e=n.async,n=n.src,typeof n=="string"&&e&&typeof e!="function"&&typeof e!="symbol"?(e=Aa(n),n=zl(a).hoistableScripts,l=n.get(e),l||(l={type:"script",instance:null,count:0,state:null},n.set(e,l)),l):{type:"void",instance:null,count:0,state:null};default:throw Error(f(444,t))}}function ga(t){return'href="'+Ne(t)+'"'}function oi(t){return'link[rel="stylesheet"]['+t+"]"}function t1(t){return T({},t,{"data-precedence":t.precedence,precedence:null})}function uA(t,e,n,l){t.querySelector('link[rel="preload"][as="style"]['+e+"]")?l.loading=1:(e=t.createElement("link"),l.preload=e,e.addEventListener("load",function(){return l.loading|=1}),e.addEventListener("error",function(){return l.loading|=2}),ae(e,"link",n),Ft(e),t.head.appendChild(e))}function Aa(t){return'[src="'+Ne(t)+'"]'}function di(t){return"script[async]"+t}function e1(t,e,n){if(e.count++,e.instance===null)switch(e.type){case"style":var l=t.querySelector('style[data-href~="'+Ne(n.href)+'"]');if(l)return e.instance=l,Ft(l),l;var a=T({},n,{"data-href":n.href,"data-precedence":n.precedence,href:null,precedence:null});return l=(t.ownerDocument||t).createElement("style"),Ft(l),ae(l,"style",a),zu(l,n.precedence,t),e.instance=l;case"stylesheet":a=ga(n.href);var s=t.querySelector(oi(a));if(s)return e.state.loading|=4,e.instance=s,Ft(s),s;l=t1(n),(a=Ge.get(a))&&vf(l,a),s=(t.ownerDocument||t).createElement("link"),Ft(s);var d=s;return d._p=new Promise(function(g,S){d.onload=g,d.onerror=S}),ae(s,"link",l),e.state.loading|=4,zu(s,n.precedence,t),e.instance=s;case"script":return s=Aa(n.src),(a=t.querySelector(di(s)))?(e.instance=a,Ft(a),a):(l=n,(a=Ge.get(s))&&(l=T({},n),yf(l,a)),t=t.ownerDocument||t,a=t.createElement("script"),Ft(a),ae(a,"link",l),t.head.appendChild(a),e.instance=a);case"void":return null;default:throw Error(f(443,e.type))}else e.type==="stylesheet"&&(e.state.loading&4)===0&&(l=e.instance,e.state.loading|=4,zu(l,n.precedence,t));return e.instance}function zu(t,e,n){for(var l=n.querySelectorAll('link[rel="stylesheet"][data-precedence],style[data-precedence]'),a=l.length?l[l.length-1]:null,s=a,d=0;d<l.length;d++){var g=l[d];if(g.dataset.precedence===e)s=g;else if(s!==a)break}s?s.parentNode.insertBefore(t,s.nextSibling):(e=n.nodeType===9?n.head:n,e.insertBefore(t,e.firstChild))}function vf(t,e){t.crossOrigin==null&&(t.crossOrigin=e.crossOrigin),t.referrerPolicy==null&&(t.referrerPolicy=e.referrerPolicy),t.title==null&&(t.title=e.title)}function yf(t,e){t.crossOrigin==null&&(t.crossOrigin=e.crossOrigin),t.referrerPolicy==null&&(t.referrerPolicy=e.referrerPolicy),t.integrity==null&&(t.integrity=e.integrity)}var Yu=null;function n1(t,e,n){if(Yu===null){var l=new Map,a=Yu=new Map;a.set(n,l)}else a=Yu,l=a.get(n),l||(l=new Map,a.set(n,l));if(l.has(t))return l;for(l.set(t,null),n=n.getElementsByTagName(t),a=0;a<n.length;a++){var s=n[a];if(!(s[Ra]||s[te]||t==="link"&&s.getAttribute("rel")==="stylesheet")&&s.namespaceURI!=="http://www.w3.org/2000/svg"){var d=s.getAttribute(e)||"";d=t+d;var g=l.get(d);g?g.push(s):l.set(d,[s])}}return l}function l1(t,e,n){t=t.ownerDocument||t,t.head.insertBefore(n,e==="title"?t.querySelector("head > title"):null)}function cA(t,e,n){if(n===1||e.itemProp!=null)return!1;switch(t){case"meta":case"title":return!0;case"style":if(typeof e.precedence!="string"||typeof e.href!="string"||e.href==="")break;return!0;case"link":if(typeof e.rel!="string"||typeof e.href!="string"||e.href===""||e.onLoad||e.onError)break;switch(e.rel){case"stylesheet":return t=e.disabled,typeof e.precedence=="string"&&t==null;default:return!0}case"script":if(e.async&&typeof e.async!="function"&&typeof e.async!="symbol"&&!e.onLoad&&!e.onError&&e.src&&typeof e.src=="string")return!0}return!1}function a1(t){return!(t.type==="stylesheet"&&(t.state.loading&3)===0)}function sA(t,e,n,l){if(n.type==="stylesheet"&&(typeof l.media!="string"||matchMedia(l.media).matches!==!1)&&(n.state.loading&4)===0){if(n.instance===null){var a=ga(l.href),s=e.querySelector(oi(a));if(s){e=s._p,e!==null&&typeof e=="object"&&typeof e.then=="function"&&(t.count++,t=Lu.bind(t),e.then(t,t)),n.state.loading|=4,n.instance=s,Ft(s);return}s=e.ownerDocument||e,l=t1(l),(a=Ge.get(a))&&vf(l,a),s=s.createElement("link"),Ft(s);var d=s;d._p=new Promise(function(g,S){d.onload=g,d.onerror=S}),ae(s,"link",l),n.instance=s}t.stylesheets===null&&(t.stylesheets=new Map),t.stylesheets.set(n,e),(e=n.state.preload)&&(n.state.loading&3)===0&&(t.count++,n=Lu.bind(t),e.addEventListener("load",n),e.addEventListener("error",n))}}var Ef=0;function fA(t,e){return t.stylesheets&&t.count===0&&Xu(t,t.stylesheets),0<t.count||0<t.imgCount?function(n){var l=setTimeout(function(){if(t.stylesheets&&Xu(t,t.stylesheets),t.unsuspend){var s=t.unsuspend;t.unsuspend=null,s()}},6e4+e);0<t.imgBytes&&Ef===0&&(Ef=62500*Zg());var a=setTimeout(function(){if(t.waitingForImages=!1,t.count===0&&(t.stylesheets&&Xu(t,t.stylesheets),t.unsuspend)){var s=t.unsuspend;t.unsuspend=null,s()}},(t.imgBytes>Ef?50:800)+e);return t.unsuspend=n,function(){t.unsuspend=null,clearTimeout(l),clearTimeout(a)}}:null}function Lu(){if(this.count--,this.count===0&&(this.imgCount===0||!this.waitingForImages)){if(this.stylesheets)Xu(this,this.stylesheets);else if(this.unsuspend){var t=this.unsuspend;this.unsuspend=null,t()}}}var Gu=null;function Xu(t,e){t.stylesheets=null,t.unsuspend!==null&&(t.count++,Gu=new Map,e.forEach(rA,t),Gu=null,Lu.call(t))}function rA(t,e){if(!(e.state.loading&4)){var n=Gu.get(t);if(n)var l=n.get(null);else{n=new Map,Gu.set(t,n);for(var a=t.querySelectorAll("link[data-precedence],style[data-precedence]"),s=0;s<a.length;s++){var d=a[s];(d.nodeName==="LINK"||d.getAttribute("media")!=="not all")&&(n.set(d.dataset.precedence,d),l=d)}l&&n.set(null,l)}a=e.instance,d=a.getAttribute("data-precedence"),s=n.get(d)||l,s===l&&n.set(null,a),n.set(d,a),this.count++,l=Lu.bind(this),a.addEventListener("load",l),a.addEventListener("error",l),s?s.parentNode.insertBefore(a,s.nextSibling):(t=t.nodeType===9?t.head:t,t.insertBefore(a,t.firstChild)),e.state.loading|=4}}var hi={$$typeof:N,Provider:null,Consumer:null,_currentValue:$,_currentValue2:$,_threadCount:0};function oA(t,e,n,l,a,s,d,g,S){this.tag=1,this.containerInfo=t,this.pingCache=this.current=this.pendingChildren=null,this.timeoutHandle=-1,this.callbackNode=this.next=this.pendingContext=this.context=this.cancelPendingCommit=null,this.callbackPriority=0,this.expirationTimes=hc(-1),this.entangledLanes=this.shellSuspendCounter=this.errorRecoveryDisabledLanes=this.expiredLanes=this.warmLanes=this.pingedLanes=this.suspendedLanes=this.pendingLanes=0,this.entanglements=hc(0),this.hiddenUpdates=hc(null),this.identifierPrefix=l,this.onUncaughtError=a,this.onCaughtError=s,this.onRecoverableError=d,this.pooledCache=null,this.pooledCacheLanes=0,this.formState=S,this.incompleteTransitions=new Map}function i1(t,e,n,l,a,s,d,g,S,U,Z,J){return t=new oA(t,e,n,d,S,U,Z,J,g),e=1,s===!0&&(e|=24),s=Te(3,null,null,e),t.current=s,s.stateNode=t,e=_c(),e.refCount++,t.pooledCache=e,e.refCount++,s.memoizedState={element:l,isDehydrated:n,cache:e},es(s),t}function u1(t){return t?(t=kl,t):kl}function c1(t,e,n,l,a,s){a=u1(a),l.context===null?l.context=a:l.pendingContext=a,l=Bn(e),l.payload={element:n},s=s===void 0?null:s,s!==null&&(l.callback=s),n=Un(t,l,e),n!==null&&(ve(n,t,e),qa(n,t,e))}function s1(t,e){if(t=t.memoizedState,t!==null&&t.dehydrated!==null){var n=t.retryLane;t.retryLane=n!==0&&n<e?n:e}}function pf(t,e){s1(t,e),(t=t.alternate)&&s1(t,e)}function f1(t){if(t.tag===13||t.tag===31){var e=dl(t,67108864);e!==null&&ve(e,t,67108864),pf(t,67108864)}}function r1(t){if(t.tag===13||t.tag===31){var e=we();e=mc(e);var n=dl(t,e);n!==null&&ve(n,t,e),pf(t,e)}}var Vu=!0;function dA(t,e,n,l){var a=M.T;M.T=null;var s=_.p;try{_.p=2,xf(t,e,n,l)}finally{_.p=s,M.T=a}}function hA(t,e,n,l){var a=M.T;M.T=null;var s=_.p;try{_.p=8,xf(t,e,n,l)}finally{_.p=s,M.T=a}}function xf(t,e,n,l){if(Vu){var a=bf(l);if(a===null)cf(t,e,l,Zu,n),d1(t,l);else if(gA(a,t,e,n,l))l.stopPropagation();else if(d1(t,l),e&4&&-1<mA.indexOf(t)){for(;a!==null;){var s=Ql(a);if(s!==null)switch(s.tag){case 3:if(s=s.stateNode,s.current.memoizedState.isDehydrated){var d=cl(s.pendingLanes);if(d!==0){var g=s;for(g.pendingLanes|=2,g.entangledLanes|=2;d;){var S=1<<31-be(d);g.entanglements[1]|=S,d&=~S}_e(s),(Ct&6)===0&&(Cu=pe()+500,ci(0))}}break;case 31:case 13:g=dl(s,2),g!==null&&ve(g,s,2),Du(),pf(s,2)}if(s=bf(l),s===null&&cf(t,e,l,Zu,n),s===a)break;a=s}a!==null&&l.stopPropagation()}else cf(t,e,l,null,n)}}function bf(t){return t=Sc(t),Sf(t)}var Zu=null;function Sf(t){if(Zu=null,t=Ul(t),t!==null){var e=o(t);if(e===null)t=null;else{var n=e.tag;if(n===13){if(t=h(e),t!==null)return t;t=null}else if(n===31){if(t=v(e),t!==null)return t;t=null}else if(n===3){if(e.stateNode.current.memoizedState.isDehydrated)return e.tag===3?e.stateNode.containerInfo:null;t=null}else e!==t&&(t=null)}}return Zu=t,null}function o1(t){switch(t){case"beforetoggle":case"cancel":case"click":case"close":case"contextmenu":case"copy":case"cut":case"auxclick":case"dblclick":case"dragend":case"dragstart":case"drop":case"focusin":case"focusout":case"input":case"invalid":case"keydown":case"keypress":case"keyup":case"mousedown":case"mouseup":case"paste":case"pause":case"play":case"pointercancel":case"pointerdown":case"pointerup":case"ratechange":case"reset":case"resize":case"seeked":case"submit":case"toggle":case"touchcancel":case"touchend":case"touchstart":case"volumechange":case"change":case"selectionchange":case"textInput":case"compositionstart":case"compositionend":case"compositionupdate":case"beforeblur":case"afterblur":case"beforeinput":case"blur":case"fullscreenchange":case"focus":case"hashchange":case"popstate":case"select":case"selectstart":return 2;case"drag":case"dragenter":case"dragexit":case"dragleave":case"dragover":case"mousemove":case"mouseout":case"mouseover":case"pointermove":case"pointerout":case"pointerover":case"scroll":case"touchmove":case"wheel":case"mouseenter":case"mouseleave":case"pointerenter":case"pointerleave":return 8;case"message":switch($h()){case yr:return 2;case Er:return 8;case Ni:case tm:return 32;case pr:return 268435456;default:return 32}default:return 32}}var Tf=!1,Kn=null,kn=null,Jn=null,mi=new Map,gi=new Map,Fn=[],mA="mousedown mouseup touchcancel touchend touchstart auxclick dblclick pointercancel pointerdown pointerup dragend dragstart drop compositionend compositionstart keydown keypress keyup input textInput copy cut paste click change contextmenu reset".split(" ");function d1(t,e){switch(t){case"focusin":case"focusout":Kn=null;break;case"dragenter":case"dragleave":kn=null;break;case"mouseover":case"mouseout":Jn=null;break;case"pointerover":case"pointerout":mi.delete(e.pointerId);break;case"gotpointercapture":case"lostpointercapture":gi.delete(e.pointerId)}}function Ai(t,e,n,l,a,s){return t===null||t.nativeEvent!==s?(t={blockedOn:e,domEventName:n,eventSystemFlags:l,nativeEvent:s,targetContainers:[a]},e!==null&&(e=Ql(e),e!==null&&f1(e)),t):(t.eventSystemFlags|=l,e=t.targetContainers,a!==null&&e.indexOf(a)===-1&&e.push(a),t)}function gA(t,e,n,l,a){switch(e){case"focusin":return Kn=Ai(Kn,t,e,n,l,a),!0;case"dragenter":return kn=Ai(kn,t,e,n,l,a),!0;case"mouseover":return Jn=Ai(Jn,t,e,n,l,a),!0;case"pointerover":var s=a.pointerId;return mi.set(s,Ai(mi.get(s)||null,t,e,n,l,a)),!0;case"gotpointercapture":return s=a.pointerId,gi.set(s,Ai(gi.get(s)||null,t,e,n,l,a)),!0}return!1}function h1(t){var e=Ul(t.target);if(e!==null){var n=o(e);if(n!==null){if(e=n.tag,e===13){if(e=h(n),e!==null){t.blockedOn=e,Or(t.priority,function(){r1(n)});return}}else if(e===31){if(e=v(n),e!==null){t.blockedOn=e,Or(t.priority,function(){r1(n)});return}}else if(e===3&&n.stateNode.current.memoizedState.isDehydrated){t.blockedOn=n.tag===3?n.stateNode.containerInfo:null;return}}}t.blockedOn=null}function Iu(t){if(t.blockedOn!==null)return!1;for(var e=t.targetContainers;0<e.length;){var n=bf(t.nativeEvent);if(n===null){n=t.nativeEvent;var l=new n.constructor(n.type,n);bc=l,n.target.dispatchEvent(l),bc=null}else return e=Ql(n),e!==null&&f1(e),t.blockedOn=n,!1;e.shift()}return!0}function m1(t,e,n){Iu(t)&&n.delete(e)}function AA(){Tf=!1,Kn!==null&&Iu(Kn)&&(Kn=null),kn!==null&&Iu(kn)&&(kn=null),Jn!==null&&Iu(Jn)&&(Jn=null),mi.forEach(m1),gi.forEach(m1)}function qu(t,e){t.blockedOn===e&&(t.blockedOn=null,Tf||(Tf=!0,i.unstable_scheduleCallback(i.unstable_NormalPriority,AA)))}var Ku=null;function g1(t){Ku!==t&&(Ku=t,i.unstable_scheduleCallback(i.unstable_NormalPriority,function(){Ku===t&&(Ku=null);for(var e=0;e<t.length;e+=3){var n=t[e],l=t[e+1],a=t[e+2];if(typeof l!="function"){if(Sf(l||n)===null)continue;break}var s=Ql(n);s!==null&&(t.splice(e,3),e-=3,xs(s,{pending:!0,data:a,method:n.method,action:l},l,a))}}))}function va(t){function e(S){return qu(S,t)}Kn!==null&&qu(Kn,t),kn!==null&&qu(kn,t),Jn!==null&&qu(Jn,t),mi.forEach(e),gi.forEach(e);for(var n=0;n<Fn.length;n++){var l=Fn[n];l.blockedOn===t&&(l.blockedOn=null)}for(;0<Fn.length&&(n=Fn[0],n.blockedOn===null);)h1(n),n.blockedOn===null&&Fn.shift();if(n=(t.ownerDocument||t).$$reactFormReplay,n!=null)for(l=0;l<n.length;l+=3){var a=n[l],s=n[l+1],d=a[oe]||null;if(typeof s=="function")d||g1(n);else if(d){var g=null;if(s&&s.hasAttribute("formAction")){if(a=s,d=s[oe]||null)g=d.formAction;else if(Sf(a)!==null)continue}else g=d.action;typeof g=="function"?n[l+1]=g:(n.splice(l,3),l-=3),g1(n)}}}function A1(){function t(s){s.canIntercept&&s.info==="react-transition"&&s.intercept({handler:function(){return new Promise(function(d){return a=d})},focusReset:"manual",scroll:"manual"})}function e(){a!==null&&(a(),a=null),l||setTimeout(n,20)}function n(){if(!l&&!navigation.transition){var s=navigation.currentEntry;s&&s.url!=null&&navigation.navigate(s.url,{state:s.getState(),info:"react-transition",history:"replace"})}}if(typeof navigation=="object"){var l=!1,a=null;return navigation.addEventListener("navigate",t),navigation.addEventListener("navigatesuccess",e),navigation.addEventListener("navigateerror",e),setTimeout(n,100),function(){l=!0,navigation.removeEventListener("navigate",t),navigation.removeEventListener("navigatesuccess",e),navigation.removeEventListener("navigateerror",e),a!==null&&(a(),a=null)}}}function Cf(t){this._internalRoot=t}ku.prototype.render=Cf.prototype.render=function(t){var e=this._internalRoot;if(e===null)throw Error(f(409));var n=e.current,l=we();c1(n,l,t,e,null,null)},ku.prototype.unmount=Cf.prototype.unmount=function(){var t=this._internalRoot;if(t!==null){this._internalRoot=null;var e=t.containerInfo;c1(t.current,2,null,t,null,null),Du(),e[Bl]=null}};function ku(t){this._internalRoot=t}ku.prototype.unstable_scheduleHydration=function(t){if(t){var e=Cr();t={blockedOn:null,target:t,priority:e};for(var n=0;n<Fn.length&&e!==0&&e<Fn[n].priority;n++);Fn.splice(n,0,t),n===0&&h1(t)}};var v1=u.version;if(v1!=="19.2.1")throw Error(f(527,v1,"19.2.1"));_.findDOMNode=function(t){var e=t._reactInternals;if(e===void 0)throw typeof t.render=="function"?Error(f(188)):(t=Object.keys(t).join(","),Error(f(268,t)));return t=A(e),t=t!==null?x(t):null,t=t===null?null:t.stateNode,t};var vA={bundleType:0,version:"19.2.1",rendererPackageName:"react-dom",currentDispatcherRef:M,reconcilerVersion:"19.2.1"};if(typeof __REACT_DEVTOOLS_GLOBAL_HOOK__<"u"){var Ju=__REACT_DEVTOOLS_GLOBAL_HOOK__;if(!Ju.isDisabled&&Ju.supportsFiber)try{Ca=Ju.inject(vA),xe=Ju}catch{}}return pi.createRoot=function(t,e){if(!r(t))throw Error(f(299));var n=!1,l="",a=To,s=Co,d=Oo;return e!=null&&(e.unstable_strictMode===!0&&(n=!0),e.identifierPrefix!==void 0&&(l=e.identifierPrefix),e.onUncaughtError!==void 0&&(a=e.onUncaughtError),e.onCaughtError!==void 0&&(s=e.onCaughtError),e.onRecoverableError!==void 0&&(d=e.onRecoverableError)),e=i1(t,1,!1,null,null,n,l,null,a,s,d,A1),t[Bl]=e.current,uf(t),new Cf(e)},pi.hydrateRoot=function(t,e,n){if(!r(t))throw Error(f(299));var l=!1,a="",s=To,d=Co,g=Oo,S=null;return n!=null&&(n.unstable_strictMode===!0&&(l=!0),n.identifierPrefix!==void 0&&(a=n.identifierPrefix),n.onUncaughtError!==void 0&&(s=n.onUncaughtError),n.onCaughtError!==void 0&&(d=n.onCaughtError),n.onRecoverableError!==void 0&&(g=n.onRecoverableError),n.formState!==void 0&&(S=n.formState)),e=i1(t,1,!0,e,n??null,l,a,S,s,d,g,A1),e.context=u1(null),n=e.current,l=we(),l=mc(l),a=Bn(l),a.callback=null,Un(n,a,l),n=l,e.current.lanes=n,Da(e,n),_e(e),t[Bl]=e.current,uf(t),new ku(e)},pi.version="19.2.1",pi}var y2;function c3(){if(y2)return Yf.exports;y2=1;function i(){if(!(typeof __REACT_DEVTOOLS_GLOBAL_HOOK__>"u"||typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE!="function"))try{__REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(i)}catch(u){console.error(u)}}return i(),Yf.exports=u3(),Yf.exports}var s3=c3();class uc{constructor(){this.project=[],this.status=[],this.text=[],this.labels=[],this.annotations=[]}empty(){return this.project.length+this.status.length+this.text.length+this.labels.length+this.annotations.length===0}static parse(u){const c=uc.tokenize(u),f=new Set,r=new Set,o=[],h=new Set,v=new Set;for(let A of c){const x=A.startsWith("!");if(x&&(A=A.slice(1)),A.startsWith("p:")){f.add({name:A.slice(2),not:x});continue}if(A.startsWith("s:")){r.add({name:A.slice(2),not:x});continue}if(A.startsWith("@")){h.add({name:A,not:x});continue}if(A.startsWith("annot:")){v.add({name:A.slice(6),not:x});continue}o.push({name:A.toLowerCase(),not:x})}const y=new uc;return y.text=o,y.project=[...f],y.status=[...r],y.labels=[...h],y.annotations=[...v],y}static tokenize(u){const c=[];let f,r=[];for(let o=0;o<u.length;++o){const h=u[o];if(f&&h==="\\"&&u[o+1]===f){r.push(f),++o;continue}if(h==='"'||h==="'"){f===h?(c.push(r.join("").toLowerCase()),r=[],f=void 0):f?r.push(h):f=h;continue}if(f){r.push(h);continue}if(h===" "){r.length&&(c.push(r.join("").toLowerCase()),r=[]);continue}r.push(h)}return r.length&&c.push(r.join("").toLowerCase()),c}matches(u){const c=f3(u);if(this.project.length&&!!!this.project.find(r=>{const o=c.project.includes(r.name);return r.not?!o:o}))return!1;if(this.status.length){if(!!!this.status.find(r=>{const o=c.status.includes(r.name);return r.not?!o:o}))return!1}else if(c.status==="skipped")return!1;return!(this.text.length&&!this.text.every(r=>{if(c.text.includes(r.name))return!r.not;const[o,h,v]=r.name.split(":");return c.file.includes(o)&&c.line===h&&(v===void 0||c.column===v)?!r.not:!!r.not})||this.labels.length&&!this.labels.every(r=>{const o=c.labels.includes(r.name);return r.not?!o:o})||this.annotations.length&&!this.annotations.every(r=>{const o=c.annotations.some(h=>h.includes(r.name));return r.not?!o:o}))}}const E2=Symbol("searchValues");function f3(i){const u=i[E2];if(u)return u;let c="passed";i.outcome==="unexpected"&&(c="failed"),i.outcome==="flaky"&&(c="flaky"),i.outcome==="skipped"&&(c="skipped");const f={text:(c+" "+i.projectName+" "+i.tags.join(" ")+" "+i.location.file+" "+i.path.join(" ")+" "+i.title).toLowerCase(),project:i.projectName.toLowerCase(),status:c,file:i.location.file,line:String(i.location.line),column:String(i.location.column),labels:i.tags.map(r=>r.toLowerCase()),annotations:i.annotations.map(r=>{var o;return r.type.toLowerCase()+"="+((o=r.description)==null?void 0:o.toLocaleLowerCase())})};return i[E2]=f,f}const r3=/("[^"]*"|"[^"]*$|\S+)/g;function Ml(i,u,c){const f=new URLSearchParams(i),o=[...(i.get("q")??"").matchAll(r3)].map(y=>{const A=y[0];return A.startsWith('"')&&A.endsWith('"')&&A.length>1?A.slice(1,A.length-1):A});if(c)return f.set("q",p2(o.includes(u)?o.filter(y=>y!==u):[...o,u])),"#?"+f;let h;u.startsWith("s:")&&(h="s:"),u.startsWith("p:")&&(h="p:"),u.startsWith("@")&&(h="@");const v=o.filter(y=>!y.startsWith(h));return v.push(u),f.set("q",p2(v)),"#?"+f}function p2(i){return i.map(u=>/\s/.test(u)?`"${u}"`:u).join(" ").trim()}const o3=()=>m.jsx("span",{className:"octicon",style:{width:16,height:16}}),Oh=()=>m.jsx("svg",{"aria-hidden":"true",height:"16",viewBox:"0 0 16 16",version:"1.1",width:"16","data-view-component":"true",className:"octicon subnav-search-icon",children:m.jsx("path",{fillRule:"evenodd",d:"M11.5 7a4.499 4.499 0 11-8.998 0A4.499 4.499 0 0111.5 7zm-.82 4.74a6 6 0 111.06-1.06l3.04 3.04a.75.75 0 11-1.06 1.06l-3.04-3.04z"})}),Mi=()=>m.jsx("svg",{"aria-hidden":"true",height:"16",viewBox:"0 0 16 16",version:"1.1",width:"16",className:"octicon color-fg-muted",children:m.jsx("path",{fillRule:"evenodd",d:"M12.78 6.22a.75.75 0 010 1.06l-4.25 4.25a.75.75 0 01-1.06 0L3.22 7.28a.75.75 0 011.06-1.06L8 9.94l3.72-3.72a.75.75 0 011.06 0z"})}),Sa=()=>m.jsx("svg",{"aria-hidden":"true",height:"16",viewBox:"0 0 16 16",version:"1.1",width:"16","data-view-component":"true",className:"octicon color-fg-muted",children:m.jsx("path",{fillRule:"evenodd",d:"M6.22 3.22a.75.75 0 011.06 0l4.25 4.25a.75.75 0 010 1.06l-4.25 4.25a.75.75 0 01-1.06-1.06L9.94 8 6.22 4.28a.75.75 0 010-1.06z"})}),Dh=()=>m.jsx("svg",{"aria-hidden":"true",height:"16",viewBox:"0 0 16 16",version:"1.1",width:"16","data-view-component":"true",className:"octicon color-text-warning",children:m.jsx("path",{fillRule:"evenodd",d:"M8.22 1.754a.25.25 0 00-.44 0L1.698 13.132a.25.25 0 00.22.368h12.164a.25.25 0 00.22-.368L8.22 1.754zm-1.763-.707c.659-1.234 2.427-1.234 3.086 0l6.082 11.378A1.75 1.75 0 0114.082 15H1.918a1.75 1.75 0 01-1.543-2.575L6.457 1.047zM9 11a1 1 0 11-2 0 1 1 0 012 0zm-.25-5.25a.75.75 0 00-1.5 0v2.5a.75.75 0 001.5 0v-2.5z"})}),Rh=()=>m.jsx("svg",{"aria-hidden":"true",height:"16",viewBox:"0 0 16 16",version:"1.1",width:"16","data-view-component":"true",className:"octicon color-fg-muted",children:m.jsx("path",{fillRule:"evenodd",d:"M3.5 1.75a.25.25 0 01.25-.25h3a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h2.086a.25.25 0 01.177.073l2.914 2.914a.25.25 0 01.073.177v8.586a.25.25 0 01-.25.25h-.5a.75.75 0 000 1.5h.5A1.75 1.75 0 0014 13.25V4.664c0-.464-.184-.909-.513-1.237L10.573.513A1.75 1.75 0 009.336 0H3.75A1.75 1.75 0 002 1.75v11.5c0 .649.353 1.214.874 1.515a.75.75 0 10.752-1.298.25.25 0 01-.126-.217V1.75zM8.75 3a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5zM6 5.25a.75.75 0 01.75-.75h.5a.75.75 0 010 1.5h-.5A.75.75 0 016 5.25zm2 1.5A.75.75 0 018.75 6h.5a.75.75 0 010 1.5h-.5A.75.75 0 018 6.75zm-1.25.75a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5zM8 9.75A.75.75 0 018.75 9h.5a.75.75 0 010 1.5h-.5A.75.75 0 018 9.75zm-.75.75a1.75 1.75 0 00-1.75 1.75v3c0 .414.336.75.75.75h2.5a.75.75 0 00.75-.75v-3a1.75 1.75 0 00-1.75-1.75h-.5zM7 12.25a.25.25 0 01.25-.25h.5a.25.25 0 01.25.25v2.25H7v-2.25z"})}),d3=()=>m.jsx("svg",{"aria-hidden":"true",height:"16",viewBox:"0 0 16 16",version:"1.1",width:"16","data-view-component":"true",className:"octicon color-fg-muted indirect-attachment-indicator",children:m.jsx("path",{fillRule:"evenodd",d:"M3.5 1.75a.25.25 0 01.25-.25h3a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h2.086a.25.25 0 01.177.073l2.914 2.914a.25.25 0 01.073.177v8.586a.25.25 0 01-.25.25h-.5a.75.75 0 000 1.5h.5A1.75 1.75 0 0014 13.25V4.664c0-.464-.184-.909-.513-1.237L10.573.513A1.75 1.75 0 009.336 0H3.75A1.75 1.75 0 002 1.75v11.5c0 .649.353 1.214.874 1.515a.75.75 0 10.752-1.298.25.25 0 01-.126-.217V1.75zM8.75 3a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5zM6 5.25a.75.75 0 01.75-.75h.5a.75.75 0 010 1.5h-.5A.75.75 0 016 5.25zm2 1.5A.75.75 0 018.75 6h.5a.75.75 0 010 1.5h-.5A.75.75 0 018 6.75zm-1.25.75a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5zM8 9.75A.75.75 0 018.75 9h.5a.75.75 0 010 1.5h-.5A.75.75 0 018 9.75zm-.75.75a1.75 1.75 0 00-1.75 1.75v3c0 .414.336.75.75.75h2.5a.75.75 0 00.75-.75v-3a1.75 1.75 0 00-1.75-1.75h-.5zM7 12.25a.25.25 0 01.25-.25h.5a.25.25 0 01.25.25v2.25H7v-2.25z"})}),wh=()=>m.jsx("svg",{className:"octicon color-text-danger",viewBox:"0 0 16 16",version:"1.1",width:"16",height:"16","aria-hidden":"true",children:m.jsx("path",{fillRule:"evenodd",d:"M3.72 3.72a.75.75 0 011.06 0L8 6.94l3.22-3.22a.75.75 0 111.06 1.06L9.06 8l3.22 3.22a.75.75 0 11-1.06 1.06L8 9.06l-3.22 3.22a.75.75 0 01-1.06-1.06L6.94 8 3.72 4.78a.75.75 0 010-1.06z"})}),Mh=()=>m.jsx("svg",{"aria-hidden":"true",height:"16",viewBox:"0 0 16 16",version:"1.1",width:"16","data-view-component":"true",className:"octicon color-icon-success",children:m.jsx("path",{fillRule:"evenodd",d:"M13.78 4.22a.75.75 0 010 1.06l-7.25 7.25a.75.75 0 01-1.06 0L2.22 9.28a.75.75 0 011.06-1.06L6 10.94l6.72-6.72a.75.75 0 011.06 0z"})}),jh=()=>m.jsx("svg",{"aria-hidden":"true",height:"16",viewBox:"0 0 16 16",version:"1.1",width:"16","data-view-component":"true",className:"octicon octicon-clock color-text-danger",children:m.jsx("path",{fillRule:"evenodd",d:"M5.75.75A.75.75 0 016.5 0h3a.75.75 0 010 1.5h-.75v1l-.001.041a6.718 6.718 0 013.464 1.435l.007-.006.75-.75a.75.75 0 111.06 1.06l-.75.75-.006.007a6.75 6.75 0 11-10.548 0L2.72 5.03l-.75-.75a.75.75 0 011.06-1.06l.75.75.007.006A6.718 6.718 0 017.25 2.541a.756.756 0 010-.041v-1H6.5a.75.75 0 01-.75-.75zM8 14.5A5.25 5.25 0 108 4a5.25 5.25 0 000 10.5zm.389-6.7l1.33-1.33a.75.75 0 111.061 1.06L9.45 8.861A1.502 1.502 0 018 10.75a1.5 1.5 0 11.389-2.95z"})}),h3=()=>m.jsx("svg",{"aria-hidden":"true",viewBox:"0 0 16 16",width:"16",height:"16","data-view-component":"true",className:"octicon color-fg-muted",children:m.jsx("path",{d:"M8 0a8 8 0 1 1 0 16A8 8 0 0 1 8 0ZM1.5 8a6.5 6.5 0 1 0 13 0 6.5 6.5 0 0 0-13 0Zm9.78-2.22-5.5 5.5a.749.749 0 0 1-1.275-.326.749.749 0 0 1 .215-.734l5.5-5.5a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042Z"})}),m3=()=>m.jsx("svg",{className:"octicon",viewBox:"0 0 48 48",version:"1.1",width:"20",height:"20","aria-hidden":"true",children:m.jsx("path",{xmlns:"http://www.w3.org/2000/svg",d:"M11.85 32H36.2l-7.35-9.95-6.55 8.7-4.6-6.45ZM7 40q-1.2 0-2.1-.9Q4 38.2 4 37V11q0-1.2.9-2.1Q5.8 8 7 8h34q1.2 0 2.1.9.9.9.9 2.1v26q0 1.2-.9 2.1-.9.9-2.1.9Zm0-29v26-26Zm34 26V11H7v26Z"})}),g3=()=>m.jsx("svg",{className:"octicon",viewBox:"0 0 48 48",version:"1.1",width:"20",height:"20","aria-hidden":"true",children:m.jsx("path",{xmlns:"http://www.w3.org/2000/svg",d:"m19.6 32.35 13-8.45-13-8.45ZM7 40q-1.2 0-2.1-.9Q4 38.2 4 37V11q0-1.2.9-2.1Q5.8 8 7 8h34q1.2 0 2.1.9.9.9.9 2.1v26q0 1.2-.9 2.1-.9.9-2.1.9Zm0-3h34V11H7v26Zm0 0V11v26Z"})}),A3=()=>m.jsx("svg",{className:"octicon",viewBox:"0 0 48 48",version:"1.1",width:"20",height:"20","aria-hidden":"true",children:m.jsx("path",{xmlns:"http://www.w3.org/2000/svg",d:"M7 37h9.35V11H7v26Zm12.35 0h9.3V11h-9.3v26Zm12.3 0H41V11h-9.35v26ZM7 40q-1.2 0-2.1-.9Q4 38.2 4 37V11q0-1.2.9-2.1Q5.8 8 7 8h34q1.2 0 2.1.9.9.9.9 2.1v26q0 1.2-.9 2.1-.9.9-2.1.9Z"})}),v3=()=>m.jsxs("svg",{className:"octicon",viewBox:"0 0 16 16",width:"16",height:"16","aria-hidden":"true",children:[m.jsx("path",{d:"M0 6.75C0 5.784.784 5 1.75 5h1.5a.75.75 0 0 1 0 1.5h-1.5a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 0 0 .25-.25v-1.5a.75.75 0 0 1 1.5 0v1.5A1.75 1.75 0 0 1 9.25 16h-7.5A1.75 1.75 0 0 1 0 14.25Z"}),m.jsx("path",{d:"M5 1.75C5 .784 5.784 0 6.75 0h7.5C15.216 0 16 .784 16 1.75v7.5A1.75 1.75 0 0 1 14.25 11h-7.5A1.75 1.75 0 0 1 5 9.25Zm1.75-.25a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 0 0 .25-.25v-7.5a.25.25 0 0 0-.25-.25Z"})]}),y3=()=>m.jsx("svg",{className:"octicon octicon-settings",viewBox:"0 0 16 16",width:"16",height:"16","aria-hidden":"true",children:m.jsx("path",{d:"M8 0a8.2 8.2 0 0 1 .701.031C9.444.095 9.99.645 10.16 1.29l.288 1.107c.018.066.079.158.212.224.231.114.454.243.668.386.123.082.233.09.299.071l1.103-.303c.644-.176 1.392.021 1.82.63.27.385.506.792.704 1.218.315.675.111 1.422-.364 1.891l-.814.806c-.049.048-.098.147-.088.294.016.257.016.515 0 .772-.01.147.038.246.088.294l.814.806c.475.469.679 1.216.364 1.891a7.977 7.977 0 0 1-.704 1.217c-.428.61-1.176.807-1.82.63l-1.102-.302c-.067-.019-.177-.011-.3.071a5.909 5.909 0 0 1-.668.386c-.133.066-.194.158-.211.224l-.29 1.106c-.168.646-.715 1.196-1.458 1.26a8.006 8.006 0 0 1-1.402 0c-.743-.064-1.289-.614-1.458-1.26l-.289-1.106c-.018-.066-.079-.158-.212-.224a5.738 5.738 0 0 1-.668-.386c-.123-.082-.233-.09-.299-.071l-1.103.303c-.644.176-1.392-.021-1.82-.63a8.12 8.12 0 0 1-.704-1.218c-.315-.675-.111-1.422.363-1.891l.815-.806c.05-.048.098-.147.088-.294a6.214 6.214 0 0 1 0-.772c.01-.147-.038-.246-.088-.294l-.815-.806C.635 6.045.431 5.298.746 4.623a7.92 7.92 0 0 1 .704-1.217c.428-.61 1.176-.807 1.82-.63l1.102.302c.067.019.177.011.3-.071.214-.143.437-.272.668-.386.133-.066.194-.158.211-.224l.29-1.106C6.009.645 6.556.095 7.299.03 7.53.01 7.764 0 8 0Zm-.571 1.525c-.036.003-.108.036-.137.146l-.289 1.105c-.147.561-.549.967-.998 1.189-.173.086-.34.183-.5.29-.417.278-.97.423-1.529.27l-1.103-.303c-.109-.03-.175.016-.195.045-.22.312-.412.644-.573.99-.014.031-.021.11.059.19l.815.806c.411.406.562.957.53 1.456a4.709 4.709 0 0 0 0 .582c.032.499-.119 1.05-.53 1.456l-.815.806c-.081.08-.073.159-.059.19.162.346.353.677.573.989.02.03.085.076.195.046l1.102-.303c.56-.153 1.113-.008 1.53.27.161.107.328.204.501.29.447.222.85.629.997 1.189l.289 1.105c.029.109.101.143.137.146a6.6 6.6 0 0 0 1.142 0c.036-.003.108-.036.137-.146l.289-1.105c.147-.561.549-.967.998-1.189.173-.086.34-.183.5-.29.417-.278.97-.423 1.529-.27l1.103.303c.109.029.175-.016.195-.045.22-.313.411-.644.573-.99.014-.031.021-.11-.059-.19l-.815-.806c-.411-.406-.562-.957-.53-1.456a4.709 4.709 0 0 0 0-.582c-.032-.499.119-1.05.53-1.456l.815-.806c.081-.08.073-.159.059-.19a6.464 6.464 0 0 0-.573-.989c-.02-.03-.085-.076-.195-.046l-1.102.303c-.56.153-1.113.008-1.53-.27a4.44 4.44 0 0 0-.501-.29c-.447-.222-.85-.629-.997-1.189l-.289-1.105c-.029-.11-.101-.143-.137-.146a6.6 6.6 0 0 0-1.142 0ZM11 8a3 3 0 1 1-6 0 3 3 0 0 1 6 0ZM9.5 8a1.5 1.5 0 1 0-3.001.001A1.5 1.5 0 0 0 9.5 8Z"})}),Nh=({value:i})=>{const[u,c]=it.useState("copy"),f=it.useCallback(()=>{navigator.clipboard.writeText(i).then(()=>{c("check"),setTimeout(()=>{c("copy")},3e3)},()=>{c("cross")})},[i]),r=u==="check"?Mh():u==="cross"?wh():v3();return m.jsx("button",{className:"copy-icon",title:"Copy to clipboard","aria-label":"Copy to clipboard",onClick:f,children:r})},or=({children:i,value:u})=>m.jsxs("span",{className:"copy-value-container",children:[i,m.jsx("span",{className:"copy-button-container",children:m.jsx(Nh,{value:u})})]});function E3(i,u,c,f){const[r,o]=ue.useState(c);return ue.useEffect(()=>{let h=!1;return i().then(v=>{h||o(v)}),()=>{h=!0}},u),r}function Hh(){const i=ue.useRef(null),[u]=$f(i);return[u,i]}function $f(i){const[u,c]=ue.useState(new DOMRect(0,0,10,10)),f=ue.useCallback(()=>{const r=i==null?void 0:i.current;r&&c(r.getBoundingClientRect())},[i]);return ue.useLayoutEffect(()=>{const r=i==null?void 0:i.current;if(!r)return;f();const o=new ResizeObserver(f);return o.observe(r),window.addEventListener("resize",f),()=>{o.disconnect(),window.removeEventListener("resize",f)}},[f,i]),[u,f]}function Bh(i,u){u=Dl.getObject(i,u);const[c,f]=ue.useState(u),r=ue.useCallback(o=>{Dl.setObject(i,o)},[i,f]);return ue.useEffect(()=>{{const o=()=>f(Dl.getObject(i,u));return Dl.onChangeEmitter.addEventListener(i,o),()=>Dl.onChangeEmitter.removeEventListener(i,o)}},[u,i]),[c,r]}class p3{constructor(){this.onChangeEmitter=new EventTarget}getString(u,c){return localStorage[u]||c}setString(u,c){var f;localStorage[u]=c,this.onChangeEmitter.dispatchEvent(new Event(u)),(f=window.saveSettings)==null||f.call(window)}getObject(u,c){if(!localStorage[u])return c;try{return JSON.parse(localStorage[u])}catch{return c}}setObject(u,c){var f;localStorage[u]=JSON.stringify(c),this.onChangeEmitter.dispatchEvent(new Event(u)),(f=window.saveSettings)==null||f.call(window)}}const Dl=new p3;function Ze(...i){return i.filter(Boolean).join(" ")}const x2="\\u0000-\\u0020\\u007f-\\u009f",x3=new RegExp("(?:[a-zA-Z][a-zA-Z0-9+.-]{2,}:\\/\\/|www\\.)[^\\s"+x2+'"]{2,}[^\\s'+x2+`"')}\\],:;.!?]`,"ug");function b3(){const[i,u]=ue.useState(!1),c=ue.useCallback(()=>{const f=[];return u(r=>(f.push(setTimeout(()=>u(!1),1e3)),r?(f.push(setTimeout(()=>u(!0),50)),!1):!0)),()=>f.forEach(clearTimeout)},[u]);return[i,c]}function Di(i){const u=[];let c=0,f;for(;(f=x3.exec(i))!==null;){const o=i.substring(c,f.index);o&&u.push(o);const h=f[0];u.push(S3(h)),c=f.index+h.length}const r=i.substring(c);return r&&u.push(r),u}function S3(i){let u=i;return u.startsWith("www.")&&(u="https://"+u),m.jsx("a",{href:u,target:"_blank",rel:"noopener noreferrer",children:i})}const T3=({summary:i,children:u,className:c,style:f})=>{const[r,o]=ue.useState(!1),h=v=>{o(v.currentTarget.open)};return m.jsxs("details",{style:f,className:c,onToggle:h,children:[m.jsxs("summary",{className:"expandable-summary",children:[r?Mi():Sa(),i]}),u]})};function C3(i){let u=0;for(let c=0;c<i.length;c++)u=i.charCodeAt(c)+((u<<8)-u);return Math.abs(u%6)}function Ve(i){if(!i)return i;try{const u=new URL(i,window.location.href);if(u.origin===window.location.origin){for(const[c,f]of new URLSearchParams(window.location.search))u.searchParams.set(c,f);return u.toString()}return i}catch{return i}}const Uh=({label:i,href:u,onClick:c,colorIndex:f,trimAtSymbolPrefix:r})=>{const o=m.jsx("span",{className:Ze("label","label-color-"+(f!==void 0?f:C3(i))),onClick:c?h=>c(h,i):void 0,children:r&&i.startsWith("@")?i.slice(1):i});return u?m.jsx("a",{className:"label-anchor",href:Ve(u),children:o}):o},Qh=({projectNames:i,activeProjectName:u,otherLabels:c,style:f})=>{const r=i.length>0&&!!u;return(r||c.length>0)&&m.jsxs("span",{className:"label-row",style:f,children:[r&&m.jsx(D3,{projectNames:i,projectName:u}),m.jsx(O3,{labels:c})]})},O3=({labels:i})=>{const u=se(),c=it.useCallback((f,r)=>{const o=new URLSearchParams(u);f.preventDefault(),o.has("testId")&&o.delete("speedboard"),o.delete("testId"),ll(Ml(o,r,f.metaKey||f.ctrlKey))},[u]);return m.jsx(m.Fragment,{children:i.map(f=>m.jsx(Uh,{label:f,trimAtSymbolPrefix:!0,onClick:c},f))})};function ll(i){window.history.pushState({},"",i);const u=new PopStateEvent("popstate");window.dispatchEvent(u)}const Vf=({predicate:i,children:u})=>i(se())?u:null,bn=({click:i,ctrlClick:u,children:c,...f})=>m.jsx("a",{...f,style:{textDecoration:"none",color:"var(--color-fg-default)",cursor:"pointer"},onClick:r=>{i&&(r.preventDefault(),ll(Ve((r.metaKey||r.ctrlKey)&&u||i)))},children:c}),dr=({className:i,...u})=>m.jsx(bn,{...u,className:Ze("link-badge",u.dim&&"link-badge-dim",i)}),D3=({projectNames:i,projectName:u})=>{const c=new URLSearchParams(se());return c.has("testId")&&c.delete("speedboard"),c.delete("testId"),m.jsx(bn,{click:Ml(c,`p:${u}`,!1),ctrlClick:Ml(c,`p:${u}`,!0),children:m.jsx(Uh,{label:u,colorIndex:i.indexOf(u)%6})})},$u=({attachment:i,result:u,href:c,linkName:f,openInNewTab:r})=>{const[o,h]=b3();hr("attachment-"+u.attachments.indexOf(i),h);const v=m.jsxs("span",{children:[i.contentType===M3?Dh():Rh(),i.path&&(r?m.jsx("a",{href:Ve(c||i.path),target:"_blank",rel:"noreferrer",children:f||i.name}):m.jsx("a",{href:Ve(c||i.path),download:w3(i),children:f||i.name})),!i.path&&(r?m.jsx("a",{href:URL.createObjectURL(new Blob([i.body],{type:i.contentType})),target:"_blank",rel:"noreferrer",onClick:y=>y.stopPropagation(),children:i.name}):m.jsx("span",{children:Di(i.name)}))]});return i.body?m.jsx(T3,{style:{lineHeight:"32px"},className:Ze(o&&"attachment-flash"),summary:v,children:m.jsxs("div",{className:"attachment-body",children:[m.jsx(Nh,{value:i.body}),Di(i.body)]})}):m.jsxs("div",{style:{lineHeight:"32px",whiteSpace:"nowrap",paddingLeft:4},className:Ze(o&&"attachment-flash"),children:[m.jsx("span",{style:{visibility:"hidden"},children:Sa()}),v]})},zh=({test:i,trailingSeparator:u,dim:c})=>{const f=i.results.map(r=>r.attachments.filter(o=>o.name==="trace")).filter(r=>r.length>0)[0];if(f)return m.jsxs(m.Fragment,{children:[m.jsxs(dr,{href:Ve(Lh(f)),title:"View Trace",className:"button trace-link",dim:c,children:[A3(),m.jsx("span",{children:"View Trace"})]}),u&&m.jsx("div",{className:"trace-link-separator",children:"|"})]})},Yh=it.createContext(new URLSearchParams(window.location.hash.slice(1)));function se(){return it.useContext(Yh)}const R3=({children:i})=>{const[u,c]=it.useState(new URLSearchParams(window.location.hash.slice(1)));return it.useEffect(()=>{const f=()=>c(new URLSearchParams(window.location.hash.slice(1)));return window.addEventListener("popstate",f),()=>window.removeEventListener("popstate",f)},[]),m.jsx(Yh.Provider,{value:u,children:i})};function w3(i){if(i.name.includes(".")||!i.path)return i.name;const u=i.path.indexOf(".");return u===-1?i.name:i.name+i.path.slice(u,i.path.length)}function Lh(i){return`trace/index.html?${i.map((u,c)=>`trace=${new URL(u.path,window.location.href)}`).join("&")}`}const M3="x-playwright/missing";function hr(i,u){const c=se(),f=j3(i);it.useEffect(()=>{if(f)return u()},[f,u,c])}function j3(i){const u=se().get("anchor");return u===null||typeof i>"u"?!1:typeof i=="string"?i===u:Array.isArray(i)?i.includes(u):i(u)}function xi({id:i,children:u}){const c=it.useRef(null),f=it.useCallback(()=>{var r;(r=c.current)==null||r.scrollIntoView({block:"start",inline:"start"})},[]);return hr(i,f),m.jsx("div",{ref:c,children:u})}function il({test:i,result:u,anchor:c},f){const r=new URLSearchParams(f);return i&&r.set("testId",i.testId),i&&u&&r.set("run",""+i.results.indexOf(u)),c&&r.set("anchor",c),"#?"+r}function fc(i){switch(i){case"failed":case"unexpected":return wh();case"passed":case"expected":return Mh();case"timedOut":return jh();case"flaky":return Dh();case"skipped":case"interrupted":return h3()}}const N3=({className:i,style:u,open:c,isModal:f,minWidth:r,verticalOffset:o,requestClose:h,anchor:v,dataTestId:y,children:A})=>{const x=it.useRef(null),[T,D]=it.useState(0),[X]=$f(x),[q,p]=$f(v),E=v?H3(X,q,o):void 0;return it.useEffect(()=>{const b=N=>{!x.current||!(N.target instanceof Node)||x.current.contains(N.target)||h==null||h()},R=N=>{N.key==="Escape"&&(h==null||h())};return c?(document.addEventListener("mousedown",b),document.addEventListener("keydown",R),()=>{document.removeEventListener("mousedown",b),document.removeEventListener("keydown",R)}):()=>{}},[c,h]),it.useLayoutEffect(()=>p(),[c,p]),it.useEffect(()=>{const b=()=>D(R=>R+1);return window.addEventListener("resize",b),()=>{window.removeEventListener("resize",b)}},[]),it.useLayoutEffect(()=>{x.current&&(c?f?x.current.showModal():x.current.show():x.current.close())},[c,f]),m.jsx("dialog",{ref:x,style:{position:"fixed",margin:E?0:void 0,zIndex:110,top:E==null?void 0:E.top,left:E==null?void 0:E.left,minWidth:r||0,...u},className:i,"data-testid":y,children:A})};function H3(i,u,c=4,f=4){let r=Math.max(f,u.left);r+i.width>window.innerWidth-f&&(r=window.innerWidth-i.width-f);let o=Math.max(0,u.bottom)+c;return o+i.height>window.innerHeight-c&&(Math.max(0,u.top)>i.height+c?o=Math.max(0,u.top)-i.height-c:o=window.innerHeight-c-i.height),{left:r,top:o}}const B3="system",Gh="theme",U3=[{label:"Dark mode",value:"dark-mode"},{label:"Light mode",value:"light-mode"},{label:"System",value:"system"}],Xh=window.matchMedia("(prefers-color-scheme: dark)");function Q3(){document.playwrightThemeInitialized||(document.playwrightThemeInitialized=!0,document.defaultView.addEventListener("focus",i=>{i.target.document.nodeType===Node.DOCUMENT_NODE&&document.body.classList.remove("inactive")},!1),document.defaultView.addEventListener("blur",i=>{document.body.classList.add("inactive")},!1),tr(er()),Xh.addEventListener("change",()=>{tr(er())}))}const z3=new Set;function tr(i){const u=Y3(),c=i==="system"?Xh.matches?"dark-mode":"light-mode":i;if(u!==c){u&&document.documentElement.classList.remove(u),document.documentElement.classList.add(c);for(const f of z3)f(c)}}function er(){return Dl.getString(Gh,B3)}function Y3(){return document.documentElement.classList.contains("dark-mode")?"dark-mode":document.documentElement.classList.contains("light-mode")?"light-mode":null}function L3(){const[i,u]=ue.useState(er());return ue.useEffect(()=>{Dl.setString(Gh,i),tr(i)},[i]),[i,u]}const mr=({title:i,leftSuperHeader:u,rightSuperHeader:c})=>m.jsxs("div",{className:"header-view",children:[m.jsxs("div",{className:"hbox header-superheader",children:[u,m.jsx("div",{style:{flex:"auto"}}),c]}),i&&m.jsx("div",{className:"header-title",children:Di(i)})]}),G3=({stats:i,filterText:u,setFilterText:c})=>{const f=se().get("q");return it.useEffect(()=>{c(f?`${f.trim()} `:"")},[f,c]),m.jsx(m.Fragment,{children:m.jsxs("div",{className:"pt-3",children:[m.jsx("div",{className:"header-view-status-container ml-2 pl-2 d-flex",children:m.jsx(X3,{stats:i})}),m.jsxs("form",{className:"subnav-search",onSubmit:r=>{r.preventDefault();const o=new URL(window.location.href),h=new URLSearchParams(o.hash.slice(1)),v=new FormData(r.target).get("q"),y=new URLSearchParams({q:v});h.has("speedboard")&&y.set("speedboard",""),y.toString()&&(o.hash="?"+y.toString()),ll(o)},children:[Oh(),m.jsx("input",{name:"q",spellCheck:!1,className:"form-control subnav-search-input input-contrast width-full","aria-label":"Search tests",placeholder:"Search tests",value:u,onChange:r=>{c(r.target.value)}})]})]})})},X3=({stats:i})=>{const u=se().has("speedboard");return m.jsxs("nav",{children:[m.jsxs(bn,{className:"subnav-item",href:"#?",children:[m.jsx("span",{className:"subnav-item-label",children:"All"}),m.jsx("span",{className:"d-inline counter",children:i.total-i.skipped})]}),m.jsx(tc,{token:"passed",count:i.expected}),m.jsx(tc,{token:"failed",count:i.unexpected}),m.jsx(tc,{token:"flaky",count:i.flaky}),m.jsx(tc,{token:"skipped",count:i.skipped}),m.jsx(bn,{className:"subnav-item",href:"#?speedboard",title:"Speedboard","aria-selected":u,children:jh()}),m.jsx(V3,{})]})},tc=({token:i,count:u})=>{const c=new URLSearchParams(se());c.delete("speedboard"),c.delete("testId");const f=`s:${i}`,r=Ml(c,f,!1),o=Ml(c,f,!0),h=i.charAt(0).toUpperCase()+i.slice(1);return m.jsxs(bn,{className:"subnav-item",href:r,click:r,ctrlClick:o,children:[u>0&&fc(i),m.jsx("span",{className:"subnav-item-label",children:h}),m.jsx("span",{className:"d-inline counter",children:u})]})},V3=()=>{const i=it.useRef(null),[u,c]=it.useState(!1),[f,r]=L3(),[o,h]=Bh("mergeFiles",!1);return m.jsxs(m.Fragment,{children:[m.jsx("div",{role:"button",ref:i,style:{cursor:"pointer"},className:"subnav-item",title:"Settings",onClick:v=>{c(!u),v.preventDefault()},onMouseDown:Z3,children:y3()}),m.jsxs(N3,{open:u,minWidth:150,verticalOffset:4,requestClose:()=>c(!1),anchor:i,dataTestId:"settings-dialog",children:[m.jsxs("label",{className:"header-setting-theme",children:["Theme:",m.jsx("select",{value:f,onChange:v=>r(v.target.value),children:U3.map(v=>m.jsx("option",{value:v.value,children:v.label},v.value))})]}),m.jsxs("label",{style:{cursor:"pointer",display:"flex",alignItems:"center",gap:4},children:[m.jsx("input",{type:"checkbox",checked:o,onChange:()=>h(!o)}),"Merge files"]})]})]})},Z3=i=>{i.stopPropagation(),i.preventDefault()},I3=({tabs:i,selectedTab:u,setSelectedTab:c})=>{const f=it.useId();return m.jsx("div",{className:"tabbed-pane",children:m.jsxs("div",{className:"vbox",children:[m.jsx("div",{className:"hbox",style:{flex:"none"},children:m.jsx("div",{className:"tabbed-pane-tab-strip",role:"tablist",children:i.map(r=>m.jsx("div",{className:Ze("tabbed-pane-tab-element",u===r.id&&"selected"),onClick:()=>c(r.id),id:`${f}-${r.id}`,role:"tab","aria-selected":u===r.id,children:m.jsx("div",{className:"tabbed-pane-tab-label",children:r.title})},r.id))})}),i.map(r=>{if(u===r.id)return m.jsx("div",{className:"tab-content",role:"tabpanel","aria-labelledby":`${f}-${r.id}`,children:r.render()},r.id)})]})})},gr=({header:i,footer:u,expanded:c,setExpanded:f,children:r,noInsets:o,body:h,dataTestId:v})=>{const y=it.useId();return m.jsxs("div",{className:"chip","data-testid":v,children:[m.jsxs("div",{role:"button","aria-expanded":!!c,"aria-controls":y,className:Ze("chip-header",f&&" expanded-"+c),onClick:()=>f==null?void 0:f(!c),title:typeof i=="string"?i:void 0,children:[f?c?m.jsx(Mi,{}):m.jsx(Sa,{}):m.jsx(o3,{}),i]}),(!f||c)&&m.jsxs("div",{id:y,role:"region",className:Ze("chip-body",o&&"chip-body-no-insets"),children:[r,h&&h(),u&&m.jsx("div",{className:"chip-footer",children:u})]})]})},ke=({header:i,initialExpanded:u,noInsets:c,children:f,body:r,dataTestId:o,revealOnAnchorId:h})=>{const[v,y]=it.useState(u??!0),A=it.useCallback(()=>y(!0),[]);return hr(h,A),m.jsx(gr,{header:i,expanded:v,setExpanded:y,noInsets:c,body:r,dataTestId:o,children:f})},q3=({title:i,loadChildren:u,onClick:c,expandByDefault:f,depth:r,style:o,flash:h})=>{const[v,y]=it.useState(f||!1);return it.useEffect(()=>{y(f||!1)},[f]),m.jsxs("div",{role:"treeitem",className:Ze("tree-item",h&&"yellow-flash"),style:o,children:[m.jsxs("div",{className:"tree-item-title",style:{paddingLeft:r*22+4},onClick:()=>{c==null||c(),y(!v)},children:[u&&!!v&&Mi(),u&&!v&&Sa(),!u&&m.jsx("span",{style:{visibility:"hidden"},children:Sa()}),i]}),v&&(u==null?void 0:u())]})};function Ta(i){if(i<0||!isFinite(i))return"-";if(i===0)return"0ms";if(i<1e3)return i.toFixed(0)+"ms";const u=i/1e3;if(u<60)return u.toFixed(1)+"s";const c=u/60;if(c<60)return c.toFixed(1)+"m";const f=c/60;return f<24?f.toFixed(1)+"h":(f/24).toFixed(1)+"d"}const K3="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAYgAAADqCAYAAAC4CNLDAAAMa2lDQ1BJQ0MgUHJvZmlsZQAASImVVwdYU8kWnluSkJDQAqFICb0J0quUEFoEAamCjZAEEkqMCUHFhqio4NpFFCu6KqLoWgBZVMReFsXeFwsqK+tiQVFU3oQEdN1Xvne+b+7898yZ/5Q7c+8dADR7uRJJLqoFQJ44XxofEcIcm5rGJHUAMjABVOAMSFyeTMKKi4sGUAb7v8v7mwBR9NecFFz/HP+vosMXyHgAIOMhzuDLeHkQNwOAb+BJpPkAEBV6y6n5EgUuglhXCgOEeLUCZynxLgXOUOKmAZvEeDbEVwBQo3K50iwANO5DPbOAlwV5ND5D7CLmi8QAaA6HOJAn5PIhVsQ+PC9vsgJXQGwH7SUQw3iAT8Z3nFl/488Y4udys4awMq8BUQsVySS53On/Z2n+t+Tlygd92MBGFUoj4xX5wxrezpkcpcBUiLvEGTGxilpD3CviK+sOAEoRyiOTlPaoMU/GhvUDDIhd+NzQKIiNIQ4X58ZEq/QZmaJwDsRwtaDTRPmcRIgNIF4kkIUlqGy2SCfHq3yhdZlSNkulP8eVDvhV+Hooz0liqfjfCAUcFT+mUShMTIGYArFVgSg5BmINiJ1lOQlRKpuRhUJ2zKCNVB6viN8K4niBOCJEyY8VZErD41X2pXmywXyxLUIRJ0aFD+QLEyOV9cFO8bgD8cNcsCsCMStpkEcgGxs9mAtfEBqmzB17IRAnJah4eiX5IfHKuThFkhunssctBLkRCr0FxB6yggTVXDw5Hy5OJT+eKcmPS1TGiRdmc0fFKePBl4NowAahgAnksGWAySAbiFq76rvgnXIkHHCBFGQBAXBSaQZnpAyMiOE1ARSCPyESANnQvJCBUQEogPovQ1rl1QlkDowWDMzIAc8gzgNRIBfeywdmiYe8JYOnUCP6h3cubDwYby5sivF/rx/UftOwoCZapZEPemRqDloSw4ihxEhiONEeN8IDcX88Gl6DYXPDfXDfwTy+2ROeEdoIjwk3CO2EO5NExdIfohwN2iF/uKoWGd/XAreBnJ54CB4A2SEzzsCNgBPuAf2w8CDo2RNq2aq4FVVh/sD9twy+exoqO7ILGSXrk4PJdj/O1HDQ8BxiUdT6+/ooY80Yqjd7aORH/+zvqs+HfdSPltgi7CB2FjuBnceasHrAxI5jDdgl7KgCD62upwOra9Bb/EA8OZBH9A9/XJVPRSVlLjUunS6flWP5gmn5io3HniyZLhVlCfOZLPh1EDA5Yp7zcKabi5srAIpvjfL19ZYx8A1BGBe+6YrfARDA7+/vb/qmi4Z7/dACuP2ffdPZHoOvCX0AzpXx5NICpQ5XXAjwLaEJd5ohMAWWwA7m4wa8gD8IBmFgFIgFiSAVTIRVFsJ1LgVTwUwwF5SAMrAcrAHrwWawDewCe8EBUA+awAlwBlwEV8ANcA+ung7wEnSD96APQRASQkPoiCFihlgjjogb4oMEImFINBKPpCLpSBYiRuTITGQeUoasRNYjW5Fq5BfkCHICOY+0IXeQR0gn8gb5hGIoFdVFTVAbdATqg7LQKDQRnYBmoVPQQnQ+uhStQKvQPWgdegK9iN5A29GXaA8GMHWMgZljTpgPxsZisTQsE5Nis7FSrByrwmqxRvicr2HtWBf2ESfidJyJO8EVHIkn4Tx8Cj4bX4Kvx3fhdfgp/Br+CO/GvxJoBGOCI8GPwCGMJWQRphJKCOWEHYTDhNNwL3UQ3hOJRAbRlugN92IqMZs4g7iEuJG4j9hMbCM+IfaQSCRDkiMpgBRL4pLySSWkdaQ9pOOkq6QOUq+aupqZmptauFqamlitWK1cbbfaMbWras/V+shaZGuyHzmWzCdPJy8jbyc3ki+TO8h9FG2KLSWAkkjJpsylVFBqKacp9ylv1dXVLdR91ceoi9SL1CvU96ufU3+k/pGqQ3WgsqnjqXLqUupOajP1DvUtjUazoQXT0mj5tKW0atpJ2kNarwZdw1mDo8HXmKNRqVGncVXjlSZZ01qTpTlRs1CzXPOg5mXNLi2ylo0WW4urNVurUuuI1i2tHm26tqt2rHae9hLt3drntV/okHRsdMJ0+DrzdbbpnNR5QsfolnQ2nUefR99OP03v0CXq2upydLN1y3T36rbqduvp6HnoJetN06vUO6rXzsAYNgwOI5exjHGAcZPxSd9En6Uv0F+sX6t/Vf+DwTCDYAOBQanBPoMbBp8MmYZhhjmGKwzrDR8Y4UYORmOMphptMjpt1DVMd5j/MN6w0mEHht01Ro0djOONZxhvM75k3GNiahJhIjFZZ3LSpMuUYRpsmm262vSYaacZ3SzQTGS22uy42R9MPSaLmcusYJ5idpsbm0eay823mrea91nYWiRZFFvss3hgSbH0scy0XG3ZYtltZWY12mqmVY3VXWuytY+10Hqt9VnrDza2Nik2C23qbV7YGthybAtta2zv29Hsguym2FXZXbcn2vvY59hvtL/igDp4OggdKh0uO6KOXo4ix42ObcMJw32Hi4dXDb/lRHViORU41Tg9cmY4RzsXO9c7vxphNSJtxIoRZ0d8dfF0yXXZ7nLPVcd1lGuxa6PrGzcHN55bpdt1d5p7uPsc9wb31x6OHgKPTR63Pemeoz0XerZ4fvHy9pJ61Xp1elt5p3tv8L7lo+sT57PE55wvwTfEd45vk+9HPy+/fL8Dfn/5O/nn+O/2fzHSdqRg5PaRTwIsArgBWwPaA5mB6YFbAtuDzIO4QVVBj4Mtg/nBO4Kfs+xZ2aw9rFchLiHSkMMhH9h+7Fns5lAsNCK0NLQ1TCcsKWx92MNwi/Cs8Jrw7gjPiBkRzZGEyKjIFZG3OCYcHqea0z3Ke9SsUaeiqFEJUeujHkc7REujG0ejo0eNXjX6fox1jDimPhbEcmJXxT6Is42bEvfrGOKYuDGVY57Fu8bPjD+bQE+YlLA74X1iSOKyxHtJdknypJZkzeTxydXJH1JCU1amtI8dMXbW2IupRqmi1IY0Ulpy2o60nnFh49aM6xjvOb5k/M0JthOmTTg/0Whi7sSjkzQncScdTCekp6TvTv/MjeVWcXsyOBkbMrp5bN5a3kt+MH81v1MQIFgpeJ4ZkLky80VWQNaqrE5hkLBc2CVii9aLXmdHZm/O/pATm7Mzpz83JXdfnlpeet4RsY44R3xqsunkaZPbJI6SEkn7FL8pa6Z0S6OkO2SIbIKsIV8X/tRfktvJF8gfFQQWVBb0Tk2eenCa9jTxtEvTHaYvnv68MLzw5xn4DN6MlpnmM+fOfDSLNWvrbGR2xuyWOZZz5s/pKIoo2jWXMjdn7m/FLsUri9/NS5nXON9kftH8JwsiFtSUaJRIS24t9F+4eRG+SLSodbH74nWLv5bySy+UuZSVl31ewlty4SfXnyp+6l+aubR1mdeyTcuJy8XLb64IWrFrpfbKwpVPVo1eVbeaubp09bs1k9acL/co37yWsla+tr0iuqJhndW65es+rxeuv1EZUrlvg/GGxRs+bORvvLopeFPtZpPNZZs/bRFtub01YmtdlU1V+TbitoJtz7Ynbz/7s8/P1TuMdpTt+LJTvLN9V/yuU9Xe1dW7jXcvq0Fr5DWde8bvubI3dG9DrVPt1n2MfWX7wX75/j9+Sf/l5oGoAy0HfQ7WHrI+tOEw/XBpHVI3va67Xljf3pDa0HZk1JGWRv/Gw786/7qzybyp8qje0WXHKMfmH+s/Xni8p1nS3HUi68STlkkt906OPXn91JhTraejTp87E37m5FnW2ePnAs41nfc7f+SCz4X6i14X6y55Xjr8m+dvh1u9Wusue19uuOJ7pbFtZNuxq0FXT1wLvXbmOuf6xRsxN9puJt28fWv8rfbb/Nsv7uTeeX234G7fvaL7hPulD7QelD80flj1u/3v+9q92o8+Cn106XHC43tPeE9ePpU9/dwx/xntWflzs+fVL9xeNHWGd175Y9wfHS8lL/u6Sv7U/nPDK7tXh/4K/utS99jujtfS1/1vlrw1fLvznce7lp64nofv8973fSjtNezd9dHn49lPKZ+e9039TPpc8cX+S+PXqK/3+/P6+yVcKXfgVwCDDc3MBODNTgBoqQDQ4bmNMk55FhwQRHl+HUDgP2HleXFAvACohZ3iN57dDMB+2GyKIHcwAIpf+MRggLq7DzWVyDLd3ZRcVHgSIvT29781AYDUCMAXaX9/38b+/i/bYbB3AGieojyDKoQIzwxbghXohgG/CPwgyvPpdzn+2ANFBB7gx/5fCGaPbNiir/8AAACKZVhJZk1NACoAAAAIAAQBGgAFAAAAAQAAAD4BGwAFAAAAAQAAAEYBKAADAAAAAQACAACHaQAEAAAAAQAAAE4AAAAAAAAAkAAAAAEAAACQAAAAAQADkoYABwAAABIAAAB4oAIABAAAAAEAAAGIoAMABAAAAAEAAADqAAAAAEFTQ0lJAAAAU2NyZWVuc2hvdHGOMr4AAAAJcEhZcwAAFiUAABYlAUlSJPAAAAHWaVRYdFhNTDpjb20uYWRvYmUueG1wAAAAAAA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJYTVAgQ29yZSA2LjAuMCI+CiAgIDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+CiAgICAgIDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiCiAgICAgICAgICAgIHhtbG5zOmV4aWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20vZXhpZi8xLjAvIj4KICAgICAgICAgPGV4aWY6UGl4ZWxZRGltZW5zaW9uPjIzNDwvZXhpZjpQaXhlbFlEaW1lbnNpb24+CiAgICAgICAgIDxleGlmOlBpeGVsWERpbWVuc2lvbj4zOTI8L2V4aWY6UGl4ZWxYRGltZW5zaW9uPgogICAgICAgICA8ZXhpZjpVc2VyQ29tbWVudD5TY3JlZW5zaG90PC9leGlmOlVzZXJDb21tZW50PgogICAgICA8L3JkZjpEZXNjcmlwdGlvbj4KICAgPC9yZGY6UkRGPgo8L3g6eG1wbWV0YT4KmnXOOwAAABxpRE9UAAAAAgAAAAAAAAB1AAAAKAAAAHUAAAB1AABxIC1bFLAAAEAASURBVHgB7L13tF/HcedZL+eInAECIAmQIMAkikESRSUqi6Ngj23ZK8u2rLFlr3c8Zz27Pp7dtXfOnOM/PDNOs+u8li3ZEiVKJCVKlJgpBpAERQIkkXPGw8s57fdT99XDxQ+/38PDCwBI3gZ+797bt7uqu7q6qro63KKXXnxp9LFHH7OtW7daX2+fjY6O6memvzZxiPdFShb36Rz54okj5EufvMn+ZhTIKJBRIKNAPgrkk6mkyxefK2vj+Vy4ReTX/+KiIquoqLAVK1fY+97/Plu9ZrUV/ec/+s+jzzz9jLWePq2co1ailIjvYf0d4WYMbrGuJcU8F9nwcCgRPROATwL9HyUT+fhlIaPANChQJF4rLi52oyXAJAbM5JiL/PxGRkY8ezwHDJ65Bwf3BNISN5kQeeIa+SeTN0uTUeCSUaAAe9MD4OXqmmrbdP0m+4XP/4IVffbffHb0xPETNjo0ZHWlxba0stwG1UEO9Q1Y9/CI0bVQDLVVxbZsHurD7OCpYevsGTG9dqVQonfl80qtqKzIBk4O2XCXOpmUSBYyCkyHAmVlZTZ//nzr6+uz/v5+47mjo0MGyvB5wcLodXV1nranp8eFfnl5udXU1DgM3peUlNjAwICnq62tdeXQ2trquM6HgPxYW6Wl4nvdA5vraRlaoZDOByN7n1FgRimQFrmJvZMffDpdKkVkoV/Qd37rd37Lij7+kY+Ptp5utSZpgc8uarINdVU2oFHAM21d9t0T7dYri6q2ssg+9+5qe+dVdAKzzTsH7OuP91hHj6yv8iJrur3G6jZW+X3PngFreaTTBk+fvxOnypbdZhQ4hwJVVVX23ve+13p7e62rq8sFb0tLiwtlhD4COQQ0SoNnrP/KykobksGD0Edgw+wIbRTNVVddZQcPHvRRA/EvvfSSzZ07166++mprb2+37u5uVyoopMiPIkAB8H7OnDkG7uPHj1tzc7MtWLDA8fKe+FOnTll9fb3jpRz8KDujlIaGBk8zODjo8ceOHXN851Q8i8gocKEUyCf0Q+LnwsqXVmkiOf2IvveLX/hFK/ro3R8dbW9rt5WVZfaHaxdbtRQFA4OWgSH799sPWcfQsM2pK7Y//XeN1lzrPiYphhH7zb9stRNtI8boYcVvzbWyphLGJzbSP2KH/u609e4dyC1W9pxR4IIogLX/kY98xBUEwhdrH4UA8yJcly1b5sIXwb1kyRJ/19nZ6aOEvXv3umKA2RHYCPkdO3bY2rVr/Z78WEpPPfWUj0w2btxoR48etdWrVzsehHpTU5PDRLmgmHhGESDgN2/ePJ4P+IcOHfJyVVdXuzKgvOAkD7gY/aAgUEC8Q6G9/PLLRnmzkFFg2hQoIPTHpX4aQYG0aQWBYfO5f/u5MwpiRUWp/cGaxdZYVuIK4kDvgP3BriPjCuKPv9hgi+dICQjj8bZh+w9/0zauIJb+arNVLi5zBTHcPWyH/6HVevdnCiLdJtn9hVMgFMSWLVvc7YPw5oeAfe2119zq379/vx04cMDuuusuF9yMEvg988wzPlpAoCPAGQ28/vrrLqQZBTCyoBM8+eSTriiuu+46VxBXXHGFjwJQOAj0gMfIgPLg8iLviy++6KOVW2+91ZXGrl27bPHixQ4TxXPy5El/xmWFkjh8+LABm7zAZBRDuVE2WcgoMG0KFBD6DjckPw8TpItkGFX0jc/8zGfOKIhqvb29qdbeM6fO5x5+eKrDXu6U1SZ3U6XcSLfIvfShGys102328EvqgG8MWE//qBWValJjTbk1vrPGSmqKrXNLr3X8tNeGu5OJwWlXPAPwtqUAowWENFZ2DHthXNxIWPU333yzbdu2zS100hHPD/cSIwBGGo2NjbZRwn9Y6Z977jm33BHgWPBY9QjsgB2uH2CjWMAPLGCShnvwc2XUQsBNxXvykod0wEUJcCU+nlFS4GUkhAuLK7iykFFg2hSYQPBPFnZaQVRUVtg9n77njIIoGlWnkJ+0Vi4mZg+6YGQpB/CiFMo1AV1b5QuirLN31AaG6KR6qXfFeldcqZUgGmAMy/00Oqh8Gd9Ptl2ydFOgAEIX4c+kNcI2X0BYI+RJhzBm5JFZ7PkolcW96SkwCwrik/d80oo+8qGP+BxEriUzGurkTU+5rAIZBTIKZBR4i1NgFhTExz75MSu68113juInzRTEW5yBsuplFMgo8NalwDQVRHo8wIq7cRfTsqXLRlmhMTySLUt963JPVrOMAhkFMgpMjgLFRcU+f/cbv/kbVqRVGaOs0MgdQUwOVJYqo0BGgYwCGQXeShRg7o7l2l/5ylcyBfFWatisLhkFMgpkFJguBUJB/MZvZCOI6dIyy59RIKNARoG3FAVCQXz5y1/OP4IoLimz0opKK6/SrlDd93V32GBPp2k7hB/gx1lNWcgokFEgo0BGgbceBUJBfOlLX8qvIGqaF9ui6+60q265SbuqS+31R79nB1/8kd1YW2I7uwetdWh2NznERqa3HumzGmUUyCiQUeDypkAoiF/7tV+zonnz5vkqpvQkddOCK2zZpvfb+g992BrnNtuL3/66bbn/r+2m6mLb2ztoxwfPVRDr1q2zz3zmM75x6bHHHvMjCdra2mz79u2+kYkdpASQ84vALlRCxKMcPv3pT9sDDzzgZ/DwbuHChX5o29e+9jXficqRBRzgxvk36XKTNgsZBTIKZBTIKDB1CoSC+NVf/dUCCqK2ya689n3WeNsHrbF+xJqOPmf7tj5ldac7bMuxTtvV2nMOdk7d/Nmf/Vl79tln/bwcDkZDQYAMJcDhaQh6DkTjzBoOLUMZcKAZyoOVVEuXLvUza6688ko/AkHKy/Nz3g5K45FHHrEjR47Yhz/8YYfzj//4j37swTmFySIyCmQUyCiQUWBKFAgF8Su/8iv5FcS8snJb1TDHiq661ZYtn2u3zztsi5fV2f6t+2zza0ftG5v3n4P4/e9/v+Gz4hA1Nt5xBAJn6HB65sqVK/3wtPXr1/s7TrfkADPecWYNowFOtuR0zu9///vG0IZzazhw7V3vepd94xvfsA9+8IP29NNP+wFsnLHz05/+1O69997s6IRzWiKLyCiQUSCjwNQpEArii1/8Yn4FsUgnuy6uKLPXdcTNtSub7T9+5mpbfMVCe/EnO+wbTx2wR7cfPwc7I4iPf/zj9id/8id+7g3Pa9as8VEBB6Lt3r3bhT5xf/u3f2u33367Kw7ecdomp2Nyvg4K4vd///d9He4rr7xi7373u+2f/umf7KabbnKF8KlPfcqPU37jjTfsW9/6VqYgzmmJLCKjQEaBjAJTp8B5FUSTvix3ZU2ZvdgxoCO+a+0Ld66yxuY6e33HMbvvpcN2oqPvHOwrVqwwfj/5yU/cdbRq1So/iZMrh6kxX3D99de7cP/2t7/tiiMmo9mUgYuJgCK54447bNGiRX6cM26pv/iLv3CFgVLgwy4cvMb7Bx980N1T5xQmi8gokFEgo0BGgSlRIBTEL//yL+cfQZQVaSddSZF16puiFWWltmJuna1b2mzP7zpmx9t7bci/NTo53CBjDoJjkj/5yU/6kcucg3++yWXO/b/tttv8Qy2c2Z99WGVy9M5SZRTIKJBRYDoUCAXxhS98Ib+CADjrjFhfJPmuez4ez8ffdcT3FPdAgJQRA4rhfMoB/BwYxY/AJHasdvKI7E9GgYwCGQUyCswKBSalIGYFcwY0o0BGgYwCGQUuawpkCuKybp6scBkFMgpkFLh0FDhLQSxYsOCcjXKXrmgZ5owCGQUyCmQUuJQUwLXPVoJf+qVfsiLtMxhlAjjXx88zP7QJv4sVMrwXi9KaY8ra+KIQ+1LRmcpdKtwZ3ovCWo5kNmjNoiL2thXt2rVrFAUAktzAJjZ2Ol9MBUEZWBYbH4DPLdNsPVN/vlfMN4xjcny2cKXhgpdluxe7vlGGS0XrS1HnaGP221xMno42pi9dinCp2pj+dClofanwwtNvlTZGBj7++ONWpEqN0ogRhoaG/JYEMBYVnqrApGOkz2DiOUK6g3Ifz+nOFHGRZ7LXwBv5WTUVOHiXrg/xxPGj7tAi/X6yOElXCG+8YxVXbgi801EQwKCOXCNEvXgOOsQ1HRfCY6p1DnzpK+WIMgE37ql/lCs6U7pMaRhTvY9VcuAKvOAIvLTxdGhdqFxpvKQJGkR6hNZsGFuBh2s6RJ2Ji348k7QOvNQ72niU+1QbU+eZpjV4g9cvdhvHasrAm0vz2WrjqC9tGbSmLNGfZquNOcHiLAVBQV7YvNkLcbUO36MwDDW4XmgAFuctbXnpJWue06weY378xiKdw3To0EGbN2++H7cBXOBztEYIDeKm05kQAuy1YARUV1dn27XB7iptsDtx4gSgbZU271E+fjU1NY6XkQPMPB0FAYNwBlWfjg5ZonOlXn/9NVuyZKk6aJ9vBLzhhhs0ShlyYQUeykmnZaPgdDoSeA8ePKDzqY6Z5pR0nMlpwU1oevjwYd/RDo4QGuCiM1er7sHUU2ljJ2aeP9SLHfLQm82TnL91ROW44cYbXXCGlTWdNs6D1qM45mXXzp22cdMmPwtMI2Sd/bVI7VxrlTJ2yvmp/jMpLEEM3q2vvmq3au8OnZfjZHp7e2zOnLnOU/Sj2agvwp/zyeDlOXPm2D6deQYvLxfdCfiSaQ/wz2SdgXlS7dve3j5+hhp1po1HVP8K4SPMdJ3p02ym7dd1w3XXic5Hbafa+8orr3Jcs9XG0Jcz4fhxqgPPyJUaya15c9XG4qnZamP68AHhXbFyhc2dO8/7FnHsFaPf0sbw3EzT+iwFgTbkTKTnn3/empubrbGx0a8IlqkIDwiIgjh+/Lg3IvdLly6zffv2SmCtdcZq0e7puvo6pevxyh6TIFmn85rAOVWGph4w0Q9/+EOrl3Lo0PzKMglrLBsYuKqq0mEjqFEOHChYLmGN4lqyZMm0FAR4f/DQQy6AVkoJcR7V3r17XGiXlyeCCeXBXpKGhgYJziO2dMlSW63jR2jkqXZg8KKI2zva1SWLXCB2dXZZj3CtWrXSOLIExdHV1eVKGeVRJiFCGVFU0HoqbSxkeQNtj9Bi9zxMjNJEITVLgKE42A0P7afaxnmRjkUiqDdvft7e8547fXMl/Nfe3uYGygLtyudAyNlQEJwE8MwzP7G77/6wnTx50tj1T4elPCt1FhlGSSjpicp/oe8Q1KGAFy9ZbE8+8aSfMtCos84InHxMG0+Hv/KViTbGCGtpOeV127Z1m/P67bff4YbBWh24idE300ILIxLeOnjwoN1yyy0ywl5PjMDtb3gdl0nGLNWZbjPdxsgVeOlVGQEoCPpLq3iZ9kWuoJCXL1/udZ5qP85HZ+KAf/p0i2hZ6UbAT3VuHX1+rg4zLZVcu0J9DKNgpvvTOQoC4rNrGWHSJAUBk01VQUBQ4D388MM6YmOTE3bFipUuFNGCAwP9duL4CVuoIzPoUBydgfCAyByvMVWGBi/wHpKgpmNwKOBcCabaulrX/ggmtG11dY208VzbtnWr4ybPe++6a9oK4qmnnvLGQsFinXOKLXXDqqqXUiCup6fHGUnmtHemO3QgISOdqTIWSuenUgLUZ+vWV23F8hWuLPj4OAJx8wubbc3qNXZKnbmpqdnPvmppaXHBRTlnWkHA1Cx8wNLDqsXagaFpWzo2p/lSrplmaPD29fXali1bbMOG61z579+/T0pqjdOZctylNp5p4QFe2vS55561W2+9zQ+sRDnSngsWzPdy3HzzO9womElFDF4C/eyll14Uny32foYRhDEGT3P2GWedTbU/JRjy/21ra1V7HvI23r17lw0PDbvM6JRhBC+uknKaaQVB/9kpg4P6zJec2rlzh4zZJhkh29XP53qd79Q5cDPdxsgVDB0UI6NiZMhLOj8Ogxa+QlFs3LjR5c1Mt/GBA/vdCFi//hrr0IgNGYNhcKMUFaM4yjAbBtdZCiJYAIsXK5TODOPRwFOpMIRESOzZs9sa6hvcnUHlaFQ0IqMUiF5ZWeE+Uvxpra1trhy4n47wAC5Db5iJsu+RoELDU55EOVS7IkCBMEQOgY0yIW4q9YV+wMatwkiM+h0+fEgn1C63XgmPUxLI0JQ0w8ND8h+WOjOj+VEg0+lIwIRBwc0R6V2qZwkWhdruqIbgCAvw0J5lOjplYGDQR3fghVZTbePgmXxXGLhbI5Zu1R1BSfkYoTFqhAcoz3TqnA8ncdAijplnBAfe5uYmrzMWLe0y08IDvNQXXCGIqRsjNkYWpaUlUhQLp8XT4CgUgu8YCXdppE7fw7CDrzG2CNPpT4XwhrETqyChOycynxavz58/30pVnpluY/o1Rhe4MTR4RhGu1CiNK4JyNtoYmuLGpT1RxPA0+OApykJfm6c6R/sXotlU4hmpMYJAEVI3aNrT0y28Q2e18UzTOq+CoLJUHiGN1QfSqQhMBA+/NDyITAA+v3QgbQQ623QrG/DACTzqA06eqU/g5zmddjoKAjh01gjARhBy5RdliPekJQ+/6Qgt8gcOYAd9ieMdeCMEDXiGDigNcE+ljQNmvmvUK122qD9xM9HGk8Wbrhs0mQ6t8+EkLl3fwEdc8APX6fL0RLiBT9tGOUjLM2WhD852nYP/vI2hh36Uaabxgge4XMFFfQncE8cz15nGC1x4FtzgSgfeQWvezUYbB17a0unr7YxMSepOfBjzlGOmQl4FkQaOgoDQwfDpd7N1D7GxCmaD0BOVGbyJhT31EcRE8Au9C7wzzdCF8KXjg9aXoo1DMc0kQ6frlu/+UtE66DxVniY/QgJBD4zojzxzjxGSL5AHYcl76FyI1iFYcwUfMHnHj3cBLwR/4KUcBIyrCBPRmnfkIX/UhT4PDuJCAZCOHyHeBfxC14nwFsozE/HgvRRyi7LPFu5MQaQ4IxhrOiOIFLhJ3wbeTEFMmmRTTnipaB0dOARorqDmfTqkhXkIaNyy/NauXSO3Rp0LBVwcvMfVgqAFTsACBi6RMn38i/mAtPAnTRoHypq5oVWaSI8QZeQdk7O4I5kcrpDBuF2++GuuucbdHaTHxUTZrrrqKi8PecGRNgKiXKTnft++fT4PBU1I/4IWFqxbpwUqchHt2bPH501w/2KklqhuK1U23EfnC7l4z5d+pt6D962mIL75zW+evcw1l1jZCCKXIjP/fKkYmpoEU2cjiJlv1zRE6Mwqvvvv/65Wj5XZO7T6hqWZQ7Kir5RQ5WNZo6MjErBX+9JofNw33MC3U0rsR1rkUasFDKx6YwXgdddt9MUWzHMh0Jn34KTl22673f3jTz/9lBTGEl/0wEIEVsrhF1+zZq1WVr1uixYu8rmRPi29vummm32ugqWi37nvPnufds4e2H9AvinTyr9l1qS5m23bWJ201+68870+gmBxwdOaJGXZ+KuvvuKK6frrb/AyVVdXSYkc9YlaVqodP87qm1at1FviOI+oLJVaiVM5tiwTujDJuljvWR3U0FBvV6690n748A/1Jcl3ex1YIt7R3uHLlplfO1+4VP0p+tJUR4nnq9dE72cLdzaCSFE9GCsbQaSIMku3QeuLPWq6lHiZsP7bv/0b26T9GXL2+Iq94xKOWOJY2qzMWaT9GkwsM6F86623+jLpXbt2+wiBPRVbteIOYcyyVgT1gNwyz8vy/sQnPuGLIbZt2+pLi1nifNPNN7vFz3JmYDJ5zUQqS6FH9D2XBq1eY0IZIxC3Dp/33bDhWs/DqISFDc8//5yvysKi52Nf3d1dvt8AVxPW/UMPfV8jmivFJaMqa6cvK29TPKMZFp/Qvu1tyXMixLQ0UysYUYpPPPGEKwCW4e7atdNHINdvul7fmhk2lnF+Qt+OYQUcYbP2ZqFkWBV1vnAp2/itNoLIFESK24KxMgWRIsos3Qat3y4KAoHLCOLP/vS/+34bhPyjjz7qI4gPfuhDbomzOuaaa671UQLLNVnxxmqvx5QOy3rxkqVaPrtNCuZ627F9uw2PDGs/yTpfYokCuOeee/xrjq/rm/C4Yq5YfYVGJebuJdbrs+S4V8qA1U0IdJZAr1u/zlfk4PNn/87KVSvt4IGDPrJk1R/upFYtZWWUsuHaDT6CYOSAAjsht9NXv/qPWq20wG7U5jhGRKxiGhwa9L0XJ0+clEBnn025vbzlJXcdbdy4yVfYse/n8ccf8/kUYFPevt5k4xurc9joeP0NN7rLChZEmVypfRWxIou4QuFS8lamIAq1ygzG08CXgtDBWJmCmMHGLAAqaP12URDUFyH+7LPP+iYrhDT7YuR8d/89AhTh/a53vUtCs9Ine/HLExDe3PND0UQ877gHNhZ7TCKzhJqNkDHnwPv4kT8dT7703AXpRqR4In/kAxf3LLdk+Sp7dlhC/Kr23tz8jnc4jEhDujYJ/RfkNuPTwelln1EProxC2MDJCKamptqVHX0v4ESdqD+uMfZQsaT0fAH86bmP86WfqffgvRRyi/LPFu5sBJHijmCsTEGkiDJLt0HrqSoIhAZCgA4JrMkG0rJ6hjZOC9rJ5p9qOvBSVoQiPuq0ICQOYVtRUe7KAXdPumzkTT+nywCcNLz0u/R9KJZCcNJpC90H7YABXujILxmRnJ0LoR90nsgnj9LkxwiCdCiFCNAFGMy10Na8C7pFmnzXKCdpp1PffLAnigNvKCbaEPyzsfckXxnAPRnlBB9A1+DFfLAwIOiXtEc2SZ2iUDQwDZtm1FSSWbkNvFMVltMpVDAWuN9MdUYAcSQMvnGYfrKB+ka42MJjpvFSfjZ2YqWzSmmigEC42Pw1Xb6mjZkX4eyjN1sbI1yZs1k3dp7dRG0zE++iH0+kjMGDcmC12nPPPeeKOR9uYOAyZEVapiBSFAqGzhREiiizdBu0nqrQwuLmKBWYHaZ/OwYUOsekfOADH7CVK1cWJMFkhUdBAFN8Md02ZhL8wQcf9ElzRoxvpsDIYcOGDToP7D3jLr3ZLP9k2xhD4TXNUT399NM+J5avTJSdhRS4O++9995smWsQKRg6UxBBkdm7Bq2nqiCY8H3kkUdcQbzZhMdMUTUUxJ133ulHmBSCO1nhUSj/VONnoo05cJMVW2+2NsYKR0FwmODFGJlPto1x2bGYgJEZrr18AQVxnU7JvVmr4CZUEEPDo7bzcLsNjrJLM5kwywdw5uPkTxvQ0QAX2YfIyo4BnW1SpnNzmKS7aAHfpVZ+UN+LS2dqCK111IZWmkzW5eKcoD9Lmiusvlo7X7UGfzJheFTnVHXqCOyhXs0bjIz7qFnyOdlAuyyo1dlCA8N2fM8uO7LzDR0Qd/YIgnoUl1da9ZKVVuQ0PRs6wiYmas9+M7tPjHTwTc9c0DEeRcPWVywf/chAYbDir5gPUCMXTjfNN0CuEN2vWbHBaiprfJVU+OQny1vpInT3ddueg7tsz+HdvmIr/e5898NaxltSchH78FiBgrcwMtlvMker0RbWLbLK0kobHBmy411HtcprgrY6X8XyvVebVpZUWENRnVl7qw33dOZLZcXaf1NS12hdct3t3/aK9fjJz+cmRRZwsnWz9pw8+PRzhUcQvQMj9nv/vNtOdXFe0LmAZjNmRAIEproQ4THd8lBFrfdwcXVx8SarTBB+s9d9C1NnSrRWQX/m1nn2wQ1NVlU+uY7YP9Rvf/38n1l7b6uOO9fxDWKq4gsUWKXFpfbBKz9uV9UstxPf/bq1b33JRnI6HHQsrau3db/7X3RtOKvi07VqzwJ2AQ+TtfAuAKQvJ3394Db78/v+qx04sf9Css5KWvprfXWD/c5n/oNtWn2jlZeWj0/aTkVBdPZ32Pdev8/2nNYpsRKuFxKmwlsXAr9Q2jReZEipDuT8zHW/YCuaVtmRjkN236v/Yh39HMk/c4Hlyg3lDfYzyz5hLfd/zbr37BDwcwV2qXbfz3nHnVYxb5Ed/cE3bbDtdMFC0IdKamrtpfoVhRVEd9+wfe6/v26nuy6scQpizV68pSjwS+9eYD93+zyrr5qcVdw72Gv/18P/q9HxCbDwhSrEEimIT6z/jN1Yd7Ud/pv/Zu3bpCAGz7bIgFlcWW03/um/WnljstEKfIS3koIYGOy3LbtfcgVxsj35EFZSy0v3t1ojh1//6G/aHRvebZXlVdNSEK29Lfb/vfBXU1IQU+GtmaDauXiL7Ndv/W27ct56292yw7764l9be5++TTLDobakxn57zRfs+Ff/0rp2vpYXemlNnc297S6rXrbaDt379zbQPpGC0Chcy61fW3trYQXBCOIrf7/TTnYM5dFHecswc5EMWS7QupwJ5AiQqVg708V9qfB6uadAa4Tw59813z6yqdmqK84+2bIQLQY0gvizp//YTveedhfTmc40eTXBCOLj6z9t62pW2dFv/J21vbLZRuWeOyuIb8o0crj2P/2plda+xUcQB7bZ//PAn9mJ1uMXv4+eRXS6q76MWFFtX/r4b9qNa2+ekRHEt7f+i+06lWwKzEE3wSN+gDA+Js9bEwCc5KvAm+BEfJUWl9kv3PBFW9ksodx+wP7l5X+wjr7EQJok0PMmg+7NFY32+RWftZPqE9173sibp0Tfv5n/ng/7COLwd75qg3JHFQyCWVpday8vXFdYQQwOaoPKLn3KsFSfqpRv8eKF/HMQDN8GNS8yrCNuS0uKrHzGfYyXZg4C5YCPuLz88piDGO7tduVcIiu8UID5F1QOWUONvukwiQPUgMPOX3yw/UN97mIKv/iFuPMYTs+tmW8VozraubPdBjRMHhXcs4IKV1xeYdWLV/g1/e6tNILgSIpjrS22efszdqTloPpEuqape0lLfOPJt6JT8TN8SzvWVzfabdd+yObq+y9V5cn3R6a6EGFgeMBHmx197W5QFCouLsZRze8UsX9ELh0My0K8NaJNhPB3SWWVfPLlhUBOKR71wHdW6Mecwj04pC90anC7as5ia5RwHhoetBPdxzXf2H8W/CElxltTVVE8JZmGgqjQHER9Ua0VdbTZcHeBOQj1CUYRJZLlA20tNtzfe1Y54gH5qikcG5Ex9sNnJpiDGNYhWa/+0f9sS//N/2SN190S+Wf9CqF904cqlLbmGdG8uLfTHtnaZl/+wGKbV3/maOGZKFQIaiYSL8bKgyjzpRJa4Hda92mNvFZdxHzAkYe+aT37d9qaL/3HKGLe69Hvfd0GTx2zK77wO3nf54tk7oH6emcaX5s/uTmMgIeSwEYDjrQDlTg7uAEnccWmKzRZKlwqWoPXeVp0TvN0qmgXfNs/qO/H7+mwVw502qffMccaqtlglweM6MOBd7TxTOHOg8XbpHdg1P63fz1gX3zPItu0MvnW+1QVhHMJvEI7TxD6xYN7/v6/2sIP3GP1V290o6DQ5Pig3Cq7/vqPbdmnPm+1q9dPAPXCX7HwggUfrGDq6R+x7//0tP3lj47a//0zV9jtaxuc50mTW53W7iH74wcO2ufvWGDrlhQ2ys5XokEWm2gi2nkgH8l44T9BQoPlFmQMQVf/sD36WpsdaR20kiNPFB5BDOvTjVv/z9+wZZ/9FWu+4bbzlW/G3hfqTD0q+LO7Ou3Hr7bZb9292BY0zrAFIILBWG/3Za6HvvtVKYhdduVX/o8J2/Tgt/7O+k8dtzW/9nsTpsv38lIK6kLCI185ZyquEE9PBz4K4tndnfbq/m6fC2qqGRMOOUBnA3cOivHHbvXR3/qH3fbrdy2ym1bXTmsOYhzoeW76Thyx3X/1x7bo7k9bwzU3uu+8UBsPaMS188//0JZ/7les7sprzwP5wl6n6dzVN2LffbHF/vzhI/Zf/u0qe/fVZ7s605BbOgftD791wH7lvQvt2uXnP848nTfu07inawR09A7bw6+22pHT+ibPsQkUxIi+Gf3Gf/tPtuRjP2sN6zZFWWb9WqiyfeoQW/Z12U92dNgX3rPQmmsnNzk62QKDN1MQZscffcB6Du21VZ//yoSkO/aj+6y/5YSt+JlfmzBdvpdB66lal/lgTibuUuKd6REELoxXD3bbtkPd9smb5lhdZf4RRKH+NBl6XWga+ugfSdj97G3z7Jql1RdFQQy0nrL9X/sf8q9/xOrWXqOlzYVXTw3JLbnvn//SlUnNirUXWr0J06fp3Cs6YMh+7ZmT9rsfXWo3rCp8hlRHz7D9hRTJZ26Za2sWVk2Io9DLNO7pKggM8ae2d9jx9gEb2vdo4RHEqI4waNuz3WoXLrGy2vpCZZvx+EKVZQ6iW0O39p4hW9BQbmWah5jJAN5MQWiLgfz6I3JJVC5YPCF58WOOagURy+YuNAStMwVxoZQ7kx4vAb5rhBHGUqH9KIX60xlIM3fHJzAPtPS7+7day58LWfIzh1HeEvEgbqbyhmZfvYYbpRBe5ir6Th6x8qZ5Pg8xk+VI05m2QU4dbR2w5XMrra6q0ASRjr/QvOqRtgGbV1c26SXjueVO456ugmAOolOjCEaoj/7gOxMoCAnMPu1Yraiq1ATXzFrruRVMPxeqLG41Fcl9kvjLcafNZABvpiBEX441wF2pj9VMFCabLh+MoHWmIPJRZ/JxdObErVy4PxTqT5PHMvmU9FHK5P1TXvdCgnryECeRcmxeywWjiIGMKIhXL+HbIha4aC5rJkOazjQKypLJ3lKh4YNOhQLldZopzQTJCmX3+DTu6SoIykM7AvPe7ItyZ+gOQTIFcYYes3kXtM4UxGxSOYE9k8LjQkr7dmtjDhREfpzvwLwLoeFk085WG0/6uO/paqXJVpR0l5KxxpfHzfTwZAICRH1hrIsdgrFYucVSyPTBd7Q5loSbZOMFy7WESBFxnjrJ4/mSV/E2SZekcQtL5lWVRqdeBnUsMkL28+MdwwlgBzcGMx7BrXAGb/LMX1JSz1otzY26YzGN482BdwZK4KCAAIpnoKaKMfY6iT2TFvconxfls6EIEvhs/IRSkJ8FLh4cUQLKh3RpREm0p+QPSccvZ/DyCmueuqKMwZm/jcmdAsRj3uAYzy6u0o2hH7tL0kBU3NQcB87OXMrgONzil2lNvT1ncvVHxUw3gAVas2qLY1gQ2l6is9osaAQ23sazpzxTv+RxvIKUlBDR3I/HKXJIe3Lq6+u9rrQxR36cCZGLHKl7f4xnvTlzO541aOOv+KM8gZc7RijQt0xtDM1p4/G0aVzjENM3CcKz8I7Bv//++wu7mADBkbsze35MumCF7+NME1K4wDir9IXzTfcNHYglrqEQE6aeLtTz50/jvVg4o1TQms9Efv1fvqHPPh53zkNZ8aF4ysVvGLqwvHSMERE6UWYvr56BAy+y38HjEr6z0rJSh1WsYf3w0LCE45CvFd9w7bX6nOUttmXLy/bU08+oOBJiwssqMserzjWkdeucmwRuAnCBX6o4hA4ft6ETIoAJPCehyM/iSfImim5Qa9QpwxKdM/PZT99je/fts3u/9R0lT4Qnh5QxkUzbU1+C84KnEGzhIT9x1JWO6C4e0YR6ec9Wx+I9eIHD5z75EBDp6Uf//nd+W1+AO2IPfu/7/slO0vFBnQEJE2gKXupI52eZ7qjcFJQveBK3Bf/8Y0NKlQh70iQ9Ojm/DPzFqsuA4+XTnx+++0P6GtsCu+++++2ovhMNPBQGbZzQNGlnb2OVAxyUP93G7HOgPQhe//E+ST3VRoLFXgvKNKQ25vsWmzZttDvf/S5BM33XoS/J26WvznW1WJ987qXF9aaSKK++QaB296XJnmp6f0pV/2Ydhf6yPkj0w4d/7AoZWlJueJh6q4JO36ij86fe80x7siT1TIC+COKEXvEOGoV8BGap6vCVf/dlO3jokD3+5JN2Ql/Voy2hMTxKen6K8GenmfLRnqQZRLCP8d4Z3OIp398hHoTPCF6WBDcw+ODS++680z/m9L2HfmDH9LU/4Hg/Ur1BSTovg0pE+9LW4CTQZmedaaYMZdrPUadvjBdJw47SKfMFPtYB4GB4r1y+hDMY58Qcq1y6AWYQRV5QgZcrv0I0yZt5GpHgImBxBMOMM9I04E4mK7hhDj4V+Wd/+f9aiz5NCfNWlomZdKjeiDYTiZXEwOY8gGCGyWAuF3oS/jA3who4dL4hOleKycuUBsFBBxqSkB3Q6jhoe4OOFP7A++5SR3rKnnjqaS8um7KLRsWsvgCBjVYjrkzA61wu3KFgoBGbxRDcTkG9o0wevAPpAzPsaZGwQDgg/KHvihXL7Rd//uds+46d9s//8q+eXNXV0RDF1jXQow5fpbormk7i68oT/z6wEWQuSOjIwgd+YA5pUymCnMB7Fxp6pJ496kMoLmD9wf/+e7Zfn/T8xje/ZR2dnarriEYzlfpedJs6ZK0NjyI8EnzAoIMjYKBvCDDqHbzCNQICvFxCOXgX4462QFB/+p5P6hOmy+wv/sdf2amWFodZWa621Kat0ZKypI0lD+nntJO38VhbUocoP8oZGtDW423sdEr2DpEfJYLVzqFvt7zjJrv7gx9QudhoS03MWvbtssOvPWXFa3s1uf5exTQ4vZIvz2GcJZREyCfCl5rlBEVAByiezHecnQIBjtJ6fvML9t0Hv++HfyIU3UhQ+cvKMDoSuN6uwlVCvVR2eAW6Jq15Bi8YaANomryU4BWt4G+eS4QPWv3e7/4vbnz88MeP2pGjx7ztUPwodyz9Mk1KeGnFP9CEfMG3KPWQB2cwax5DdIUX4DfyUndvK/hbMKtlZHzsox+2pYuX2Fe/9nU7cbLF0zte9Q+Cb8QVXeBXYHFOlBtUggVdQvmT1nlJBsSihfPOryAoDA0F4IsRIBAEoxIELJ2LES4V3qgbHRoaX0xag5vOjCHQ26erysDO5N5DO+zIgaeteNVynbW0QXFlbuHhmoEfPPgl1XkjPnk79jfpBEnSsXx6gxCqlOCCaTlBt7sn2dXZe3S/te141lpX6lvKNfqUpU6opHPU6OAw8owH4RqHlhdvkjLwcqUkCAU6eaO+8Uxn7OzSrnEFzqXp2PyQnVoxrBM4b9NEZp23RWNDo+fxRPxJ4x179ndJNcduJTj4N5aWVwTatrGhzq1T6ktnH9Jqsc6tT9qRkZ22aO0HbHiwXvlK3AWGu2C8lmOVTS5jDwlYerMH+Jf6RRkdr/4gSGpr9YlTtSunI6CwEO49B97QiPEFK9W3pxuq1ikfKwP1FTS5/cbbeAwHKBCGjgocZ4Wk8rnvGMVUarNrTU2VhKBOEh1b6LL1UKtt3rXdPjX3CRuZ/0kbsibnecrPD9xcE4MiGXm5UEM4jtWP5+IyCTZp8oaqehfuUSQUQWK0mL7U12nHTp627kFGC9rIphVD0BQ6LWxUmcbgRV4hdvqd/cxTUiYUR7/6SInkIXSlnFjafdpsijHCaK25scFHAqdb261VS1gZZWIYDY1IOcjwadTpA6zwohxJG/nfPHjH6Cwc8Ap9k3IzSqF+9J1BKSugoFwb6sVbiu/r1+qpUzrVVYYGo2tsF5QIZ6bVV2kgQJ0JSbON3acfkijyPPHEY5evgqCyMESmIJIGm42/MDgKwq0bMTwdAabavXuH7dj2HVu/TmctNb5XzF3l7eAWnfJER3UrBsGBhSuG0qvxAB+OFCUWS0WpdvHqXzrEERnkYYRB2LfvoL5T/LRdveINq5v3KRu2eS48sMwc5xgfozTAjaAgnnpQdgJ4R6VLRnS8eFWZjlRQ2dIBQami6j0dJ8F7QkLk6ScetzXLXrC5Sz6l/EscUKVcXgnA5AK+BG/iQjqDm/eqoQTAwHC/4+XcqNwwouMWgIcSIH13T5+9uPknNtj9Pdtw/edsaHSR6lLiQhphkNRK6VVgBBB5KEMSxurs8DQCHR30Y6WxDHMDR0wgEZLViLTxsO3avs327njQrrx6oVXW3yEhVCGlXZUIa6WGRpQ16OxCOU8bD6uNEeaF2lggVCcs5aRcPVLMXfoWQflot5VV1MnqrnQBCPOAK3FRJoqN72uXSrlQFNwvXCvkCvR2132+kFYQjC6lE8Tjyeh8SG0PfYAD/0FPLHiMUWDiGqMM7koVg4SRipsUGPB/qdKnA3w91hIOL9qYOvfKAEAxMiLz+im/u4lkyePGZSQGXtqDQpE2RmbgpmykoUzj7UrhFSi7I/YH3QKDCPE7Cos+BY8D2+effHTEiLw8wafU4GZETr3ARz2ZvwEffep7Dz4wOQVBBn4XI1AwKsUPImQKYvaoHgqCK8LD/fq6P9nRZa2n99lSbX8prlomr4f81WI8Op8HtcsYnzojJQoCYQ2fxxsJYf3jEcs0HQ+cYGiYGCFAaOnq1Q7OFltZcdBKatdIUGvEwr8xkPADZR2HpfhEWESaJOFokXhICqK8RP7tlIIYFx7CBRwsW0KnDs3ZdbLdlpfttMraK3SuD5Z8goUaK2lSt8DPO/0ITjvhcAtbcUMS1NS3RErg7CBLUGv2SYdigmaMnvafbrfy3h02t3m58DZ6fOQbr+8YPlwnodRCqHk5Ha/cWGpDXCW5gclTxFi6jY+1dVpn215bUq/yqI01VvdKJtVS3cYq7c/UX+VWpNcXnNCVq3qqX89pY+VHGYf4RMkTsMIHJTipC0KvRPGjCVKHQ71wjXjdsfildPnn7aUyoGi8zg7t3D+kQ7EQEp97MmldrHxwjo+y9M7bzduCulL1ZM4F5eD4xupKOsl6jQbaRHt9e0HfduDsI4wU8ignqMaCDK4xVyavML6cx3gQDniV42a4xzWFYeb1JE4BmsKjBPDiPG3v7dBfCXa5e2vKalwZn8GbpCU9gj2pU4lcRrhTxQfCR1wi8JNjPsLII4+Qu0KibXGtUT8UMWXkLKyH5J477xwEhckUhJNzVv9cChcTzAMTO2O5gkiYfUCCjE8+lohhqnSwGVYYViKdB6sMnqATw2wDsgixdJhkpPNGBzwfsRgm01Ng8XA/MFnb1d0l5TGgYTPHDiTWMnARcggUzrtB2GDtESo0rKcck8WbGB5JBwy8g6oTnzEdGtSZRWU6l0rwUFp+vo0sPYQatPAOLqFHKJOPHevO75V+MoZMWkEgDIZEwy7tNert6VLd5MaTr95pOlZHaOTCwa0+CU4JPkY1bkDJvYAbqkI/OnqEM3dJDPQd9hNvERQSri40zHpkZba1dwgvfnThljsIXsCKpFFG5b7BTeRGg8rpLj4Bp86UEbzQY6KQtDFySiMg4SAgyHBzEaiLKx7KL14kINR75IJj7iQWFoAPxVHpcxlJOngwEZSezf/wDC9TRq78MEBwJ7piGYNPecDHogiv1xkQ59yBjaPqf7zzMRfg6xdcbQ3FdVZTVe10IIPTXLiBS39wuog21CNkJyNzcDFCgnZRnnMQpiIY8Tyz/3k/AbapqtE2zFnnfIly8fqPpYWGTDJ7P5ZiAC90hOaJEkoS0p60c0K7FCLdJvTSwiQpuF4ds3S874Q9/+gzmYIIMkEgOh6MSJhMh4+8M3G91AoCZooOh0ChPCKJ+zz9oLexSkInhttunalT9PT2uA+U1wg9mF/RBUN04qA1z+PCQ3gHhNetY4SQBEKUCYAopW7cExLOPuksK47JSMpShethAsRpvElnSFYvAbdvYMjaO7u9k/Dsq7jGRhc8q/voxNA+LyeKiY4LPgRRlcpIxysUovzgjIlyBB6Cl/q0dnQ7rcEJz/kGxTH6YdWVaNIeIU4dWQlUW1sj+iRfxZvoK4RBCmWTgkuMAOicWLHyz3fLCOhK/NooWdoujGHQlxWFUixKyqc0iZWpNpbwLtTE6fqGAiUu2hgjgDkvgrez8PoHpEQL2g/XCKuIcOWwRBZmQuiCkIn+np5u76esOuMX+IDHfbofU/dhwR8cSvo0MBgdpAP0oC2UNW/wdpNFfrKjxd18zfrwDjuysW9QCKXAdBiJtwNB7TTWCHJgArwYW9A8Xf50AVBMGAQnWk963WtlqNXA92OGUZnyo3BI531XV8pK4tNtHRpzJLTEqEri/ZVeo9zLvN9EpWkHjCHMNQxAeA1X6eM/ejhTECKbhzRjEfF2UxDUF8aGDjAIjJL0pcRSEz+eE0jLD2b3AH8qwHDceocXzAh0hujECA/S8Ry05hmhmQTSJjAiP1fwnRPG0FPmpDy4cdT5xhKm8YZi4lXgBSdHyStzkkOIXdkIADCS3xm8dCQXNLxQtNcXOihf2hUbeAFKudIKwoWIFAATmOCPtNTZYQdeucucEMrvdUsSOF6esRB58NEB5RkLwCeQJkaJ422sePI5Xmo3ni+54W+gCRg8BwXGk/MyJ0Q9wBuWPHGhIBitIbD12o8HwXOdhkfa8XoKdjxDc+I7uyX8hqCQXCIa7VVoRZLPFaXSRhtDGo2DfDREHEhRKml65hTfH13gp144X0pYUxaMgZ7efk1465htWfINmvwlnh8hDL1RWfKcTcWSON6EcvYHlYP654Y0HN5R51Cy8COKs1sr+3Bv1VezTDjBC1185ZWuuBF7NFHtc3zQWGUsZTu3ENM/fC6H8jpyURH+0kgdfikbM3Sc1iLeA/fflykIp5P+QORgLOJCeMT72b4GY2FdRueebZzUOVd4oBy65JPv6k3W5lMGOjGHwUWAucjrHc15TwJKHYI4rEwsXYbUdFwEF9ZgDOXpBKTLpyC6+wfdsqXzJ/2nyI+xdlEnpAlTJx3HH/QCvC4uKLfcNcMSPoxicAFheYfADrz52rhPVllbV2Jle91Uv9pKrShDyQTSqDzXYgQyCshLpvr2qIPiiy/2kQV1DRdCCA6y5bYxyqFN8y5DCEy9B1elBB5Cz9F6RxYt/CUJ9H+sztBwWOXuYX+B3mNtwze4+xAmgZd0uW1MWWhnnxAdr+C5FeVVOpZyRDmBMdZIfht/PI/+RBtzpSyhILrFW21d/VJQKrO+gZB8cCoZzUWZIQR4gQVO5pMIxPWJ1sh6zY1bmVZcJQsWknYgv9NlzBOAgugf0TuN/rBhaDO+m+1wBctdeNAB4KkAz7iBoDjeATNxl6lcAsQqNOhXzShGo6kIpMMI8HqoLdp7tHCgJBHo4wpCid2gEAFy8Xr7KV8E3vseG6WEt3D99mk0Rb9ik+l4GYU32hgFQd/V9LbThlVW3gcEDCUS7j1lERHlcpIC8WXoog2jcWjMO1ZOfee+TEFEW5zFWES+XRUEVmWr3C09Pcm+AbpIuZRWaYm4RpwTygsGYoiNa6RMH4eBgUnLKo6ubgk9WU/lYtYSMSguiQoJ7BAWXPMpiA51PFwuvvxQ0ICPwAQvnRrc4xaVGLqyutInZuFqhF1HZ5vwMuzXTytyKlQulAUhV3gQF23cJYsQFxOdHlwotHJNjoKfydQQXMmoSvMy1cmGPuIxwDp7WuUakwDSbGax11XLRXF/jOEFFyFXQQzIIjyl5ZDAxaKng6LUigU06AwOXA1cfc5B9A4ZMqCPvnRpJVSxhCAKqbxCtFZ9EQhRZmgdwmN8BDEWF6t7ijSZj7BgTgSpxQe5+JBNuSxP6IALiPL0DWhKWu9ZrqnLuDDxyukPopYPeVGHaONo81AQ/QO9ErDiLbk6mNdRtTwfrpCkzEAWDuohnOQfF+F6xcQ+ARWCdUx+6EwgP+nDCEBB9A4LxmC38zD7BdJ0IR3pI8R9rpFG/Bm+Y2URCitpIxRUlICy4MN3wa2yt3b2u4Kok1sw2hNcUT7uI4CDdnNhHpG6ItQJUTfvd0JEGcdeOC2YowNGkVbPseiiSC4i8AbdeQcfdI0t7YY2lIll30Wa/6qpYpkzdVHNlJbVTd/5TqYgnCBBlHTDhfAYTzDLN7nCY5bROfhgGq5p4YGgwLqlE8KYflKoD0VTpRrrV7yPTkenwTryzXKCSUdxSzqVZpzR87iYwJus7U46RCJAkCAJssgbpUjjdqbm62KScQgM1otHuSIdafK1ceJiGnNPKbdPSKvMLv0DGdc8dUZ4MWczzIobJWGCOz1aijKQPbeNUUjQapj66T+C2ecCAhGZKEeq/mfgURfNh9BOKCbv7CgGMiWdn2u+No54rklIMoUgpt2TyurqtyjoRPhCgtRbzx5xASspciJUwU/eEFS9UjI9OoUW5VujEQR1PicofZ5YJ8PJNo0gUGRKgRKu0oa/Su2JoLxRxmhjhGDfmIKokmLFmImQywsRz3VCBYHgb+90pUmfqdHX4sBLnSlFsoqJB6XTHE9tpeZSMBZIoDAR3lwFQdpQTOTt1EKK1tbTqneVVWtPEnxXpFVVlSpDaVHiQgsFUVo0ZHVKE4oJWCgbRj/Qh0CZtObOGmsFQ8ZUBNIysX///d/NXExpogRjEfd2VhDtPQNu/bDJp0YM3lzHRCyW/Bi14HXdw/PsN0CwJOyvaOXpkoWI4GO1BZ0Y3yZClxCdON8Iokub9U62Jy6TMs3+NdeymU7W7ZgEcrRjeIVZVm4yISh+9mW47VqeS5mFxSdzsWTjGOzAm6+NmaQ+2d7r8xDgmFtfrslnrOqolYowhpeYoRF1TKxf3csG8xETli2jACaRGba7cqMkKRi5CgLhfqq9Rz5jrD/TJqpyq9fO6nQe6kIokoJmcjoIDfYBlRsXEzVm5IAATEYgZ/DS2XNHEA5wlv+EcONKfUJBdIq32jqTYzcQnpK3HryW+pPQOaGtj0zlzotK407s6mXOJjE+RqQYq7TprKo8aHTuCGJAo6tRnQpQKfqk+zTlghe45gZ4PQQr7yIt98xPdPcxooMtkzmJmAvgmlYQHbLka1Q+X601xgfAwojilxvAmTuCoJ+Qh5Hs6ZOHbceOXVI4Gh3X1NuQRgQVNXNs7uKlmgsRNKXDxdTdh4tpWMpL+4DGCAwMRgV9WmKcjIASHhnSSK5eI2LmUyKQFp757nczBRE0GWeCaLg0M40nmsWbXOExi6jGQQcjcKW+MBNWLXMQpzq0ckRCGMuiRvMPw3Q0YvQe4c0Ha5j7wlcvlvd/WLI6u8FOd7N1n3kJlsMW2Rydu1MtSw88IajzKQgY+0SHhIcEQLlcSwg73EQgxuWBa2MAuEKTxovVzb4DygxeJfWOVicBVKdJRDpO4M2nIFgZckKKiclTjhnB+quWu6ZEiDgXv1xxXBFD4C2WA5z1/8XCCe5unZ/fKasY3NWiFQqxkU+AKn1a2Oe2Me6CVvnjOyQ0yYNLp1J4VVz/+eS/7rGYeYcwHNKqJmCimGiDDn13oE/zHxWiL2WZW4drBosW7MC5vBREryZQ28QftCW8pOp5WRGu0A+ioQAq5G6rluAv9WVCiSLmHSuaEj6idskcESNVrH6EN++ijeGDQfGjDWv5Mi44jI2xQDr6OtcICVyE/hkXHe8CJjTl1yEFAU6ywqeVahs9el362aSmukhSiy80X6DRTa6CCNyBN3DkUxChxEZliLW0HLA9uw55XZvnzNFRGEt9ot73WshYAq5PUstwKBaf1MilllYQKAaWicN3BMqsxbfq31KeuQpCo437MwXhdPI/wQSZgtAks/yoWBveUUSdxBefKAd6RZxJA4Pht0yWPepBgU7P98Pp5AgqnsOXHR0MWudTEH1iyl51MFw0SQcUrjELiHaJ1VLJmvKkI1ekXEk9wosiQYHIOBdezZHol8YbwoOyhsDoF94+dRzsVmoROEmD/538KrILFOZHmOx0hQoBFFAe/RLWBL1S2WXRS6lQB/JGyFUQCH7mP4oArkC9SU98lAP81BdDm3ZgcjJgsiII3IxcoDVQUCLgjTpA68tpBMFIC1dHMr+QzG2oQi5dKSsV97ZXXZJdxaqLiJr4+s327HxDyaWcNZqqqGlU3eTn156E+fqwGXVO92MUxMCIhP1In4+wAoZAe4Cnor9HHNdx/34qEr4hgKNHS62hNQsDwp3oL/XnzCR1ieamBtzFlCxHjhQJH+XDC+xot0gdCoI2Z7ky/ZJRefBupIs2jklqFBPLWYNXKC9LtNnjkB5BjBRzKJ+WWEshR3CeuRAFkeuTC0CzcY0GhjBULpcQs4ETmIE3Gu5i4Y365AqPiJ/NqzM3vcy1AAAw4ElEQVSCBCNXF3hiUAQ6k6dY077WWtI2OmyUhXYhT4SkfzMMllWmfB2dHb6ahw7JMJz0pGFlUXTifAoCvP36IYSxKN0SCyS6IjQJgZmRC8Hh6+3pltPu1kpOBk2sQIR1aQpvPgUxKF4DN1VKu8McOPDHbs7g1Z0iiUelsMmOuicrWpLUg/IP19QkZ0kFnNw2xsU04HMxjI5ww52xRBMo/E2sbAoHfugYoV/KpU+z4+zJiDah/Zjwxd0UcSE8oo0j/2xeoUe4RyhHuJi6ZH23a8UYwlvV9ZEWI7TxRlWh4BFvU9VVYMbrDMwtzz6hlW7dduj112ze0mWu2Fevv8bWX7PJDRrSRBszIOnXHIQN9riwpP7AjRDCN565kt9HI6l0AdPLJHD9vSekWDQKknHiLiGl7R+QW7FEnxaVQnchr9Eco0NGnLi30oI/Fy/wCcBKpyMOGhIozvBQhxRiV7KYQbgJ/UNsIpTLSSMA4IzPQWgVEy4mL5/SgYFFCV1dXf5AXZyjdIXvhjUarpFbtVwjdvo7ZbzvQlYxpQlLwWYrUMnQ7FxziRbliOtMlSOYAHjgBX4Ql7jAF1fiZiqAO1Yr5IMZNJgN3OB1xlJ9CQgYLB/cHhUaOrPeGouZAH46xXgX0w2L9ZiH8M1OWNuDOqrj6CE7fvygziTS9x60qqJCQ9258xdaI596RGkIR3QSYNIhYVb3T3drVY4wcLgYE5gwNvj8ZFYkSgRFDqqTkg945bKE9sm6ZJVMb1ur1c1dqJVFvTZnwUJbuGi5d7zAGyDCUuR8oFb5xRl9NAovJ24SSE+aRNG5qnMacO4RdOKfxIKdPnHCWuQf1njJejp7rLqe7z4M2boNNzte6ggsaI0AgAbEoZiOnda6fum5Bh2kNm7FqW50WqeL8pGWICprdJH4zaFRn1aknDh2UH7lHvV+zYGIctV1tbZk+WqttDozQRlt7G03BssBzuKffLSmLbvEV6zugX4UhVVSFbJ2g0Zc2cVeU4n1qzqLt5KJe/GaFOozTz7uk7PHd++0hjkLtEppyNZcs97Wr99wFm9RNVwpveJHNjnCSUwoQ9PAFTyYS4bobxFPXRDU5JPclxXeqd3vcltJ8OM+oqAlHCcjf35slINr27Sar1g8WldbO64ggRXyLQ2fe/DyS4eQCxhLg6oHAh5+5IA+YJXoCA6UAnN/itB94toaUj/AcKiWkiCQlk2K3V3iFdGVZ444wfXmgbqpcsxl4TZzBfGd831ylBMExagUMjRZAm32/zKMwvKJzUU0TgRvqNRzxM/EFbzUNY46vxh4YRiGq1wZvubSGqYOoTITdQwYQUfgY92GIIE5+BEY3sf5P6T3DjYGAJ9vYvHQ9RXEdMBoP33K2rTaYlRWdJk6UIVcAHU6GbVG3zZPwwpaU18YFqsbJlZfVoBhgem3wot1xUR5IjAd7xmW8HSnjh3WpK0mfWXRV7IvQHnqG5ussXGuOs4ZoR+0pqzQnCWCWPLA1n/hTQBTJurrCoIXCqwZP4v1FN/Z3mYdUkr9mgDsF/5qCYRy8dGiJSu805Ev2ph7+JpnhD0+YUlLkCZ1JYFu0wrCo4LWwifKqJwjfkRHu45qZ+JxUEeUUN8aKac5UsZl2kQW7csV5UCb5vIWsGcrgDe3jZlnYFOiU1N/fCSh+kb1oTykRmnQZNBovD2U+MiBfV432qZcfKWPUjuP1dc3nUmnd7QxdHZ3EAAV4BnnX5ApuJAce+cRY38Snk7HJO3n5VBWXH60H5Y2cUCnvQjgBW7IruChNMxCeIEVdXVg+kPaCChV2pA0KE2MMngz6sSVjXBMlHPFqEornITX1dccILg4ZkX8HAhSV3D94KGHCq9iomAIDbQkgPldrAATM0SmDEGQ2cYduGIYGgLyYuBFUAVjgTfNFIE/l3EifrrXoHVuG6fLUAh3vnjysdoG/7FunZlJx/yBW4K6JwRe7oPWaZzEnxPIK6D58JLWaed4xavg1A+cCHUC8EkTyx2pM3HnwwscTwNMh3T2H4cjWHRYJXTcCIQ464m86TYex0tXTXrr2QDzPOWrcwJHdZDgTMonIThW33T6oDVpyHOxArSmPxHG25iHydRZhIbWqJKgOvfJ5rbkHW1M4BKGB3WkvmFhO0/QJmMhTZeIu9Cr0zqdiQKk2phX4E3TekbwAni8Lgl1Am7QmrIFrUke77kn5JY9932SKvn7HUYQ8p+OonlyA4BgaiyPixnASwNfCrwQdjYs9YnoN5n6RqNO1JgT4Sj0LnCHBVIo3UzHB95L0cbw1tulvrRb0PpS1Jn+lE+2UK6Z5mVgEqgveIO3eL4YIegcCvFi4Y26pWXmTOH2Za6nTp0axXrNF0A0Ww2ZD1/EZXiDEskVS4TRXKF2Ojv1hT1ltL4wek019aWiM+W9VLjz4UWQIVMKKY6p0jedLx/e9PvZur9UeKnPbOD2EQQKolY+07SPbLYImMGdGgUYyXVr5UZdXfKls0uhtKdW8ixXRoGzKRDLQLHwMz4+mzaX29O3v/1tK8oUxOXWLOeWJxREfT2TvMlk2LmpspiMApc/BTIFcfm3UZRwQgXBkIUVAPjU0PbJhNiZSS7exzAxbQlwzztCOj6QZtcLp8D5FAT0Jg1tRFuFEsEXG+1GW0V8ugTTaaNYJQJOJn5jxQTx/BiZ5gbKCs7p4A2Y1A08wAJu+J6pJ7/AMZM4A3d2nRoFJqsgaEt4Or2fI42RNs3Hz+k0k7kHDjxEucAV/SR4KmAED8Vz+hp8lo4rdA/P4mYLeFxj3oJ31JsyTAQzTZuZoEGhsk6oIGicJ554wq655hqbP3++uzgAdOTIEWtoaPAKIACoFCsGSE/FiUOxUMlYLVKoAFn85CgAbXExFRpB8J520WjQrr76aqc9bcG8xeHDh739aJcQ4FzJQxvBnBMx40QlBPauXbu8ndeuXetLGoG5f/9+O336tF1//fXe+VjqCFPDK3QImJq4qeKlTMBhKfKrr75qy5cv9y/gUSfmaXDFhXKifnT+MHQmqk/2bvYpMFkFQdu+8cYbtnHjRi8UQhz+QaYAg/anrafDQwCmn+zdu9f3FwB7xYoVzqs1OuiOd/QVcIE/LYwximKVJ/eTLQdwDh48aG1anrx06VLtFzpuV111leOij9CPly1b5oYeeMFPvcGFnKVMyIKjR48afY734J+NUFBBUIlDhw55R0cZUEAKRqdDKCxevNg7J/F0SghLg1JYOmLE3XDDDWcRdTYq8XaACT0nUhDQfuvWrS6U16xZ48xDW5EPhrviiiu8bbinfZqamuyENnfBWLfddpsriqnQkY712muveX6MiNbWVscDXhQFDA2PENjgQxoUB3V5//vf73wz2Y6VWz74ER6FH+lIdF7qHHTauXOnP9PZKOc73/lO7YdozAWTPV9kCkxWQcAvmzdvtve85z06g6jFXn75ZecXhOru3budnz72sY9NWzgilOk7COCVK1favn37nJeQZZSBON698sor3o/4FC/9h3rwHkWCEoPXJxPIh+Jj9z38evLkSYeBUY2spQ/RX7miRLiHz4FPmVAozc3NrsToOxjws8XXBRUEAufFF1/0Tk5HpKCbNm3y+lNYCkQF6PxLlixxKw5CQjg6I/FUCAWBoMjC9ChwPgXR2dnp7YWQJC0MtGjRIheWMPzChQu9vbCsgzFRFAjrW2+9dcptxEiB9oZxKQNtDlzKQcehM8ybN08nUO7wMlGu7du3Oz7wkmY6CmLbtm1eH+oBH6IM4Et4lg69YMECN2bofOvXr590J55ea2W5J6LAhSiIZ5991m655Ra3uMmHXGLkiQGLoLz77rtdaUyE73zv4BWENDwETIwmRqTE8UNAh8GMYYw8g49RKhjG8Pt111036RWG1IP+QD3AR3+kD+AdINCXkKXwNvekC+WFhwDDDqWAkmEEhXKKvOer64W+L6ggYggDQY4dO+YEQknQAakgPwiFMKKCCAEKS4fHSkVY8MzQiUpOVQhcaIXequnPpyAQgAw5sUBgIKwiGB8BeeDAAW8fGJl3CG8YnI6ABcSIg7ipBHiDEQR4gYmlB7PSceAP4COw586d68+kY3gNT+AK4zrVQB2xJOfoVEusOoQHHRvehSfBDXx4mA6GkpytofhU6/B2zIfsQB7QFhPJBdoTJQ9vYngif7iHp+F1fh/84AdnREEgsxiJYviCA2WBgQUfwU+MfOlj4MZApi+F9Y/sY1QzWUOYvoxioJ/QN1BCwAI+OOmjGDvUF4OLNFyJBxe8DE8TT1mRs5RrNkJBBcGQnVEABeDKj8aMBuV9biAtgbQE0hIXeTwy+zMlCpxPQUR7BXCeg+6596SJd9FGke9Cr7Q1gjrgpWFzn+aTdBreTUc5BOzgtXjOx4OBl2vckz4Ll4YCk1UQtG26faO0CMjXX3/dFQOjwskK5sife4VH+YEL/gieTd+TJ3iH9+l33F+InAt85Is6cs+PEPD9YexPukzpeO4Df278TDwXVBAzATyDMXMUQEFgJTPcDCE4c9DzQ4LxGAlcLHz5S5HFvtUogEWOUTFVwc7IGMGK0MSSD8FaiE68Z7SCQXK+tIVgvF3jXUFoiJNtlLvMOQAFgauIYfDFYnIUw8033+yd8DInT1a8NxEFcEviGgxLeraLjmJgHgH3zHRHrbNd1ssNvh/3rQYbxTK9WILnciPCm6E8WFx79uzxiasYbs52uVEQ+Hjxf2Yho8BMUAAZg5HDiiQmfi8GLzNSYRIZv/5URy0zUfc3Gwz6/wMPPJDspM4UxOXdfAypmcQiXIxOBR46M8ohs7qgRhZmggLwFJPPjIgvVkDQ4YpCOWRG8OSpDt38LCb5tkens9wwH8oQYukGIW5Ec9vikbHje2OiO5mcIb5Q4POVyu55+UIYgWcgRD6eeZfGOUI+peFjGxOAB9xZwT8GkwMP+MQT+LzjhQTKz48P4Pi/C8vuPlssrsyavxCqZ2kvRwqEcsgE9uXYOmeX6d57702O+w4FgRAPAZu+j2zpONLxnI6Le4QZDIAWioBobekc0sfgtYtWnxjkoyH+zWIJTj63GBIc2UnacRmqm0On+vWFKb6hVaTvpyYfuOjSR+L59jEfhx9WOXr6R6ypRh/ISAnvkx36mlOVvpksfEQDFxkfOPSYuk+w8m5AHwRp7RrSB+A5tiJJRb6jrf02R3HAS2L94nDjOYFydnxLpza6qbzz6susSvXnQyMXEnAxZQriQiiWpb1cKQAfIzsmqyCQKbkhZFRuPCNtQlru5KbJfQ74+WBO5l3AS+efKF+k5zpROt7xC7jp+3QccOKZ+0IhcPGe9OnndJ6IJ803v/nNREEwBGOVDG4M1hwjkHhmjXmsOiAN2p93rLsFAGvNec8qAQBzz1piNtmxBI0Gw33l64tLyu3FvVqbLtm4oLHcth7qtsW6Hmjpt43La9zCBiZCHsHeIMHP91xLlOHHW7UHo1krapQXBVCmuAp9nP3oaX0aU4J3cVO57TvZZ9curXEFVK5PRvb0D9u2wz1WX1lqS+eUW3NtmT5BOGoHpWyaavUdV5UXhbWwscy6pVzae/SREcGs1k86S8pgwJULwpy0c5S/Vx+ILyvlU4JD1qxyDvChepUJuErmyiopuz4dqHKeaB+0uVIKrx/p8TLvONprH9nU7Ioi3Sjnu88UxPkolL1/s1AgV0EgN+IXdeBZ3cn7HUepxAY19gbEngNcn6xoQmaEQmBugy/tXXfdxvE4ZFC4SYFLiCv3zz/3nG3QHAVyCqVFX+M9MNmYxj4D3vFMPD/gIfvYKMrmU+RhrJRCRh7UgpJmyU72/bjSIo9gU17gRHn4GiBffkPmRpmoD4G9ZMAiP7jYk4EcBReymPh92gTLfgrkNHAjL3VIP5MW3OwdYTDQqHLxOVb2dICbfRghY1hE0NPTbfPmzrPHHn88URAAhrgUIDZkxLEMuDUAygYnAvcrV670tBxnwFJIdtOySgBkKBY2f3CmCQqDdc/r1q2zxuZ59uwufX9XbXRMlnh1RYktbaqw/S19fj0uK5vPDBL30r4uu2pRtYSyPvcoQbvzRK/VKf2prkEJ8RIX0Asayu1Y24A+tF3sima3FES7BPe1S6utWVb+a1IOfRphYLXj3tm0otZOa1Rw4HS/C2vGACiaI4KBMJ8rXMelmPqkBK5ZUmNdUjDbJdhRWPPqy62zV2cbSSFUSEGgvMqUh/IsUXl3q3wol1VzK+35vZ22VMoM91aNynxI+EiP4qFMH72+2Sj7hYRovMzFdCFUy9JejhTIVRAIwcOHD2luos8/lVklgcwnM3v1PXGUATvvTxw/Yddpx3CnhCT7IEgzZ06zbzijn7HpslpyilU3a3Q+ESIWgVgvQdgjGXT1uqslhwZst84Nq2+o93dtbRjAzbb5+c22cdNG62jvsDoJWwzCYQlUhPsTTzxuN954k+NE8VRV6sw5wb36as5OGrZXfvpTmyu51yvDmjxsxuyWMD+kiXi+VT1HG0STOZcBycsmLy8bSpGfhJdeekmf5tXRGquv8I1xtbV1rox69dnalpbTrrBIj3w+JZm6QPCpz5C+w11WVu7ydVx5CX+laMCmVN8cqyub6UplvJeVlfo9ZRgcHLDBAZ2bJxjHjx23puYml+nQv7MzUUKUGZr++Mc/ThQE2uunqiw7UWNnLBoIbUIBKQQKAgVAo6EUKDRKBG24T5qMvFQcrYqm5x4FgeZjR/WceQvs1f3d7ip69WC3C0kE6V4Jdj4U3yJhWy4h2qT7do0K+O7rmgVVdlQCHAF7vGPAhXJbj0Y3svaXzKmQ0B6W1V5iCyVwserfONpjq+ZV+gfvXxEOhPk1S6rtkEYDKyS8qSf5+4dkVRQV2QIpj80S6OQH195Tfe5GWq17FAjKAwXB+53Hex0fH1lfLyXUImXTL4WxZkGlvby/y91mC6RIWnq0U7JtUGUocZib93R6mZqlgF450G13XdPo9XEOmeSfTEFMklBZssueArkKAoH/8stbJLx3+3fDkRvsyD8gOXL7Hbf7prhyCcMrr7zSlQVjgPkSyi0tp2Q9N7iMYQSwVKuUfvCDH9hC7UY+deqky6ijR4/ZmtWrXbkwGnjooe/bqlWr/JiKClnhTZJtCNE6CeZTgsfnWpdJjiGvsKoffvhhWy3hTZmRHYcPH7FNUlQoHORjUpdi+/GPfmTHjh+zDRuuk6E81w3mBQsW+nLeYSmUtvY2F9ws7123br2nQS6Sn4Blj6JEzjZJiCNfS0pLvAy8R+4uWbzEP537vQcf9FHEEeWZO3eOf24Wox54KEToh4Bv0zfSkcPIDo7j6Ozo9FHO0WNHXVb3dPd4+VC8fEudduAb1XGuFKMUX+YqwD7uYijH6ABBT2IIxzNDHSrCEIpMaGaO3ED4844RAwHNRSFpSArMcI33WL0MEUtKy+TX1yFuErCtEua4gdD+zEUca9fHxWWxI2BXSMBvO9RjS5oTK3v3iT67QnEoiisXVtmWA136sP2IrVusoZ9GE/j35zdorkBlaJfCYH4Dt9V8CX/CMbl5lsvFNChh3iBhv/d4n1xc2jijEQDKCZiMMGorNWyUYsLt1DswbCvnV1pv/4iVCx6jgw6NIKSkhbPYdh3rNZQIkw+NNSW2RzAh4lIprddVdlxowNsul9K6xVVirsQ1hhJEcTCPcSEhUxAXQq0s7eVMgUSonpmD4Hn37l1u9SJfGhsa/YiNRglFLPX9+/arvw9I8K2yw3KJIJMQ7F2SLQjcPgm39773vZJbK+wnP/mJH4uxb99et5IR8suWL5M3Y6Ufn3Hw4AEJzXaNFtpdJiFQX9dRMfN0lAYGb2VlhadDltXX1dtLW7a4POzu7rL+Pp0IXFHu3pCFCxe5gkBpINgfuP9+H33gRSmVwTygOGTe5s3PuwFdXS0Xuiz2igoZqRIiCGXKhgcGRYjlX6NREfAQ7i066oPRSJEaslzKAjfSaik6wn36iA+ymJfgw1vT3DzHRycNGh2xHP7nf/4XfIlqfX2du6c2XrfRejQqQUidlPJkNIXyQDDddvvtPrXAyOe0ZD6HWlI25PsDD9yfjCDQWPi5EOY0EgVFKEE0FABuIkYSjBaIQ/jj10IhAIh3MelE4ckLDH5oWn5F+qEQIuiVV5I4Jpjx8+OSQYEgzBHgJEEwI/Tx8+OWOiyXDc9Y9swHAId0Su4BIc6kNa4pYPIeWBCUe/Axr6ERo79PVhYlMACAwqI89WOT4QnUM3+pAmUhXzK3XqS5CI4l0RS6cAyp7LwjAKtcZYRm0IKyiQxJec6APO9dpiDOS6IswZuEArkKAjmCUIx4qoFMQaAmLhE+IzCoPqNjt/UufP3IpGeeeUZ9uVgH+r3TrWwMUmQUvn3kTU1NteSSFoZIrmHYIkwR4BWy1JFduJHAi+xql5UPPvoaygelATz6LrhIU6V85MXSJ55Avz4mq3xwUC4tCXLwIEMpJzKVvCStlHsKeK7gpPwoZ5/caMflPiMfdUYwAzdkL3PCITvYx8H9T55+2uc3muUaYmTFXAJwmSvBe4OL7MabbvK6ggNY465plbW9o922bd3m5b5KbiTmNKiD11vlZT6DsicjrocSBREF8xpnfy47CtB4MPJ4Q192JcwKlFFgchQIRRAG5eRynZuKPoGQBw4CG6H2VgshuFEM/M64tZLjQ3Lri+eHPIXkBO9QYLGnCsUE3NwQk9p+1IaI7Edt5EuYmzF7vjQUyBTEpaF7hnXmKTBTCmLmS5ZBzKXAN77xjWwEkUuUy/E5UxCXY6tkZZoKBTIFMRWqXZo8M6YgEGAMXxiF4Pci8MxQxecfGMboeVR+RSXSL5mTYMKG4KOXPEMdf6k/oyPDpHK/YsQ5PMUXyTdJII3fTwiHiYcEFsvWfFJA5SUfPsvxoHeU7XzwxtOf58brCT7wTFC+s8BAL/2YLGElxIB8nNXyUWYho8CbmQJTURDIEfpCyJZ0/b2PKGLS/Sqdeew+4I/LqjxpkHHgIA04J8IX8hD3F7ADPs/k5TcRrjzox6OATchHi/FEqRtwkSfwURbKHj9cTtwHPNKShvRn7aROwTzvbRAH5ADDp0XDM1nC/gcCkzPEMxHkyCXoBlpP2ZDW2lYtXm5FJSKWFMZgR6uV1Tf5s0o6hpvpqDP35BnRRFV505wz8RL0A+1aK1yliR35H/tPHbeKuZr5dwVFfsIZGDwNawPIQNtpK2tosp5De12pVM7TCqsqTWbVnBG+oyJa/8ljVrloqYqUMIRDGyufC3wHzZ/ARQpCOi7BP9St8ss/WCIcxeVaIuxKLScfjUbewKGGGuxo83oPqtwjolfD0hUJiuxvRoE3KQUmUhAhPKNqPCNr2NDFyqJYXs/7eAc8hFkIuMhLHCEEIukJIbuSfpssHkFWndBHfFjiGu8DPnmAwZJ+JoZZkcSkerosgStwsGwV/35MjrNFgMnjpVr9SeC9r+zEOFV8On+Ul3TAo15c4xdLV6FHpOEKnMCfvmeVFatKmWemTCw6YkFNg1aLgXe7vky3RFsXKCv5kk/4ssG5yh555JHExcQED8taEehslgMRBWFGm7iYmQcZFWAJFsBBRj4C8bHrkNl73qMwqAhKoqq8zHoOJkIZgT6ipWullTXWd/yQVUphIAzLG1EAWv3T3mrlzfNsuK/HRoVzuF+rHFpOWNXSVVZWq5UHbS0uaAfaTllZXaO/79m/y5o23WpDPV1WpJULqquE65CVVtfaqJRLsZaYDSpfx45XreGaG637wG6rXXWVFassQ1pBAMMwiiiprLZ+4eo5uNvmv/vDTov+k0d9+VGlFBDKAeVSWltvI1piR11QIkPdWkHhiqZO+Y8Lb53KqOW1ne2ufEYl8Fs2P2GNG96RKDHB4f2IGBzcFXO1mkBxpTWaOBJTjAz0q6xbnQbVK9a6Am5YshzyZCGjwJuWAhMpCCZZ+doaaeq1Q5n9EDUSbK+//po+s3mtZFKrrzRi49cxbfJi9eSrr77iJ7Uie9AB7Gwm37JlSyWDSnwvF7II2UVAHrFCp64Og1Ab0LTskw1qO3Zst2uFg1VGXZIHrCoCJoLzqJTD/gP79dnl6x3nt7/1LV8eilxEgLM1APgoDmQncg+BfOLEcYdNvVh6u1h7GZC1e/fssRtuvNFlbFVVpS/RRTgja/maHaugkpVcw35UuSswwerW3gVgDQkXG/QITNCThyWv4KVMi9iwJ1jARLY8//zz2r+2zMu+QxsPUQhshGNEs1972BCWyPGmpkZfOuzl1LuntWy4iElqALGTGoWApgQZWg4AVJTfPgApQMCVK5Od1KxDhogUmrSh6VEIxLHsio11bDypREFIiKMYuvZut9rV6/wZgVwswTogoYp1DYFrlq32dB3bX5HArrLqJSt9hIAbqWLeIhf4vYf3WfXyNS6AEbT9J45aldL1HT2gChdbxfxFrhyAOdTV4aOU8ua5LsilzQzYKAiUSM/BPa6QEMrDUjBljc3We+SALfrAPZ6+7dUXXFA333SHFbOf4+VnpSAalGa/lFGpVcyRcJcC6D91zKqXrXKF0acRTVl9g49aSmukLFSPrj1vWNXCZZ6WhiMwkqL8ZQ36ELlw1191nSsjRjEoHR+taDlbn+rQIEWahYwCb2YKTKQgEHBPPflk4hLR8lV2N2OpJ/sgVvrOZYQZx/gg3JFFyKuFCxe4fELQEwalYO5417tcBj311FMug/ZIViHA12qfFruSq5VXoHxj2nFZ2AhWlAd5kXcvvviCBHWFf/8Zg3efZNldd93lshEFsUA4EfbAvOOOBBeCn7S4aVatWmVPPf2UC//Tp1vcgF69eo21SDkdOXLY1q2/xvdBgO/nfv7nHQ47qxH4yMyt2pe2a9cu+/Uvf9k3BfJ9bvIjV9lRzvJW9oUs1vJXlsvOnTPXTpw84cuBoQ97KVA0wHKlovpxrAijiPla2lqr+qP8OBZp3vx5Xj4UJ/RmOW9XV7cdFm1dQSCU2UnNBjg+hg0QBD47qRH2IEJhoLFJA2HIA0DW0TKEIQ1DKZQMhSIvDY72e5caq0JaHwUxrA0b3ft2WKOs/Y7Xt7jgxP2CQMdSx+3UeN0tNnD6pAtuRhclsv4ZTTDKQJCiF7t2v2G1a9drVCA3k0YJfRLOuJhGNNpgtIDgrZQy6RPMwdYWK58zzxrWbfJ5AJRR94E9VrdmnfUe0zb/w/utds164TzlZahassJHCQvu/KhfKTPpGq+9yUo0xETQM9pgpMPzyIBGEqXlnrZmxRor0yiAOtasvNIVSOfObVIcV6gsR6y8YY7cTdLuUjS4zSgzv2MPf8tHNqRDOaBAGB2hgHAx9cg916ByZSGjwJuZAudTEBiiyI1du3baqpWr3ADF0Fy5aqU20x3UM0f/1Eou1fveg66uTn3LebFt3brVRwW4aRHwGzdtckGKXFukTWvILzbCkRerH8GIYlm16grbpQ1rCJUrrljtoxW+H/HC5hdctnH8BsqDUcz73/8Bj3v4hz9QOWr8fCUUxK233uow2aMwLCO2SgYv37E+rZEMRjMjGMINN9xgB7RZb9/evdqNvU717HK5SX5GD9SdzXzrtdv6NX1Wde/ePfalL/26jxCeeupJ5b/RvTYoRXZX8566s0fitde2uWx2mJLPrfIAoWzAidzGI8TGNzbcofhWaiqgSK6mRx951EdAHEGCwY9sxegnPzvRXUFQeAgMYVEACHUAkpArGoh7tAvEokCkQVOiJFAIBIZFpCGOUQgjE1xPFLRKuxBREMw59Mnar16+Wtb0UremRzRk6j9xxCoWLHYLHUu8atEyF8DDcuNUzFvoBvfIkNxSUgYIdOYRiivkNxPxezVqwK9ftWi5BPlBH3VgtZdUqRHZvShl5sMtai/DHZgoktI6HVolBhvu7fYRASOIgOcjFwlr0nbv2ynXj85Jmb/YBTsjEt7HCIJ5DdxN1UtXOszeQ/t8RIKJ4nMjKj8jGfBQTvLDkV4HjQ4o1KnnHrOmjbeo/nI7SXGo0IIxVy6wcuvVfEifytm0aq3SnhuoXxYyClxuFPA+l1OoiRQE79hZjHsEHz2H3rHbGflRW1sjAbZHBmiz7uv8OIuVK1f6Ao4OKRRwcYYTfn5cMOzERlYhv3Cb79mTjCBQCFj6c+ayIUxGrXBg7ZO2Vu4p5BqyjhEHsozzlBDoCFBcL5TlgNxNWN8nTpz0K+UAf7iHcDdhMGNs444vkYxCruA+q5OMZfSCEb5PCgFjGw8LfZgfMhVlwXlK3G/YsEHxyRxIu0ZUwINOJzVaSGRypRvoy7Vj/NSpFq/Htdde6+WhTPGjTChJlAtKAqXBO0YznDHFmU3Ib8pQqmM+BnRe02OPPZYoCAiBJuRKgQkUDgAMmSgQFUIT8kMDExD+pGO0kQ4hsEjLvRdSCXChIHARiMwlYOXrpQtDX6mk9D4prFEEBNVLn0j2iWfSEZCFIpjDlbAlwvGpLJ5ujNAIYocR+cg7FnDbeLT+uAsnXnDVVmlf4aRb3Em897IprcMkj/An5VBaWQzDGuJh6SPMKYPDpN7UX/ASXNBCeB1XAiPqiNuNeZZSKTSniafRH8epM180j8EqplptqY8QNI7n7JpR4HKlAP0/wkQKIuRJkpaOPtZbyK/+hFsFWQPvkzZ9Tx7wMBlMvwmrnXTcIyC5R74hswjIsZBzkR4YwEdh8D5w8Z5n3vMuAu8pB/HA50oYEQ7SFStPwA5cuXBQJhECH2m55106LmBFvXjHjzJEuZDjuYE0wCQNaaMMwOFdhPT9t+RK8xEEI4eoWCTMrpcPBWhYOhZWCyHdiLmlnOhdbtrsOaPATFJgIhkS7yZSEDNZlgzW9CkwY/sgpl+UDMJEFAgFwfA2HXKVQe5zOm12n1HgYlAgFEHgyn3GkicurO5Il10vPwpkCuLya5O8JUJB4BvNN4JIK4X0fV5AWWRGgYtAgbRSiPu4MoLATZIpiIvQENNEMW0FgeDiR4ABwk8nH4j75ln6yT4DOePdh5j48pMJm3xld98+PnsxkACOJ4l5gmCyEISJD3882Zkbx695grH5CVYFeV78gTHvMZY65hMcG3inE8Cr+ZPxHdOpOpwPLPnG64XvVcv8mI8h4DcMF1Ok4Zq+J108c5+FjAKXggLRR9PXuKc8MYJgLiDig5fDEEKO8Iv50HQ6YPDML3z+5GcOlcldJqTxr5M/4EZ68pKHQPoOnWzKCa747IknjrxM/pIn8nuGsT+kY9EOgT4JvtyQxpf77s30PK4gWE9MgCBULn1PXG6A+BAqNrXQ6MCggZgh10vfEzCk5ZnV7JrWpAiTuqw2qtRKpaISlIbwMNlL8HsJPAnCPq3YqWiepxVKTLSQJhG67JpmiSvPQ51tWi2knYDA9fIqHcUeL+qoNqudTOIU3aNVRWVahcR+Cza7jSstvWPSfLhHH9PQ8lPguTICnCa5XaEFTOgAjkDkZeaZeL3QhfQsqWWZLRPWxbiExunnmZO0ZFNwWo/VvefwPs/HKq+Sch0prFVcPkmu/HQcmBEXU7RHMG9cgRfvcu95zkJGgdmkQMiN9JX73OdQEIwgQogzOmYFUJnitujjQaw0atXzOq3nZ5EMApt+RDq+nYCApi8ELGTRK69oOauWfLK8dECrEVnpBHxOfCU/8omy8AU3Pv/JKiA+AMSeAcqCEcZHiEpkQAIDwQ98NgMzUUwa5Bt4n3vuWVu5cpUrE5abxson0nPPUv9QbrNJ89mGPa4gqAxLU0MDg5iddWwcYekTxCMNBEAILdJXm4jbtm2bE5M0EAYYd999t+9+doGnVUCx67liznxrf22L1azQJjg1YHmzGlI7mxGbbEzjaIsiCdUeLWGt0JEa7KRGQLKruUzLUdnPwH6BQe2eHtK+BDbPJbuvtcFM8Eq0jNRXDGltb7EEbNfeHRLyQNdPjFK1YEmypFZLZX0XNyuGVKe+Iwddr9RfucGTosTYzVyp9MDvbzmW7N7Wvoyyeu3aFnOy3La8aa7DYzc35WKvBPsb2GHNkR7t2uMx5+b3WL/2L7A6ySuqEQHKiaNFWOpaLprESqkTjz3gSqFGm//aXnnemja905fpQu+wrGIOgg4RiiGutFn6nucsZBS4mBTIVQY85/6QIQjuUBAYPqzh37tnr+9/YB8BX13jyAeW02/RR3tYQcnmLfLyKVKsfjaHqWu425WdzMgiFMyqK67wJap8/AbhT7pD2p91zz3/P3tn19vEEYXhUUiK62ClaYIDFTRulBCoA6rSkPYGIYEUVY0EqOIP9Nf0X/QX5A4JLir1hnDBh7jgM6SuIz6S1CU4QrYLrjHp+5z1bNaWWyIRRw3akezdnZ2vnd0975yz8575wRbfuXLlsvIkbRotoEJduNlQQzX1s78xDXTUTWlNhSVNb71x47q1lSmxH+ndZfr+3Xt3tTDauE0bhdVt750sHxD6MAOPjx+1hdN2su87UVcIENxEmNQgJ/Nv2TJfFnULohw3iNWPSMeMp0wmY/Ew/Tifz+ctDaOA2dlZAYRWiNOoHc1h7dovRkKDN/C6sGx8AhjCgASCFUEL76EmDQHTDMGY0wIGuAq9YjtDNOvWiACyXO+hEfdK5TDS7urZK+GbNN7AJyemxcaW1iBxjwCGucyIHsY1gh7/T9U1MSaVL5mR6wqN9P9eF6NSQAOHITU2YWWWcg+MqZ0+/b25zCjnH1k73mpeMFoNbUiNZY2oB48CjaTyJGcaAxpTQoQ/OA8AFDwPCHrV5wVxP5bdwNQpaVHPBH6DRq7blxk3kOJJhxgIrwPto3jrqgBC5BuRcQjexIQqzMMIQAAavDDNYEHqTdMTR3GIe2AnegDZQGgGBMxETKnkh8k0mCLKlgEnW7QBZA8L9iBz8BHEspeQbgEPRvAMjBD+DEyxWiCPFhcX5W5iUAsAdbsj4hHAQsZcPDo6ZqaiBRHNPocMpmblfsu58xcuWFvm568Zb4v3htXkyAuhDcJvVfXhimLy60k3MXFcZLmbtvAOpDEcZk6dnOIKjVMBTyMvXgbcCVxbsCIna0sjD0mTzWbpjl0dQoBA6MA4hPBGx+PPBLUKYgX7oD3aAeQK0Brg4MfNAzBYWJyOASBmZmYaALFknIDCr5fEjJ42YQeBbI+IbpiKyhL6kOESEqIVXF2I+Aa7+LUIc6R/ef+28Sb6spO2jzO9WqVsbGhcdbwRNyA1ckzzjWsmXAe+PeNeiGzGd4/k4Yzbp3P4YCr9/tBG6Qjlcu5hUKbKx70Gv74vJ83pX0qs7L/kn4k2sN0vP0xoOFWBEeatxOBBE+r4YeoTo5r24TwwKf9QaAtJARfOCOEzoAWUVS/gh+sNrq9aWHEHv7tobkaKt+bdgbPnAm1DmgdaBKQ5DYgMONsBhKnXelE8OBSL6w4XAcy3thEMj6LuI2VwHIbIbhgX78Q9sB09EGCClSRdAbkYAAQxksxwEjC3pOXKwWsMXoPwAAEIMNCEIJceSiudlgOWbMFMxNKedySXcCfByBxgwOREuQ8k3Bk44TaCZY4hpQFGaB2sGokfpJSWDV1dXZFrjTVzk/GxTE3X5W4C/0dD6cADBPkBHRjZYwIXykTWsSob3iAAHiwpgMDCowUT/Ph6op28ZwBcQemyE1m7dpYVBfgAnN0eQoDgQlDRAANAgpsGAxG7XdT0BGgwcgXJ6RhuMnFQ49knHx2DCQdneGgJJTmcS8mNBW4nYBLjTM+0B5lXvIkp8dmwq0joY56B/YxJCS2DhwxQScostVEXCUWqKQIawYwbCtxZADA6Yd8tmm6I8qJBUB8fphH8mHUADTQMBDllvvrjiXwpockMWBz1cT5xQA+argdWM98TytIsuvXAVaQZYH4CGDiPSar3iyMNT7Ua7ag9pKcuAzy56OiRE0IY3ZjZ6Be0i/6vYE3jKLBk6UlDe2Fe4yiwLyu3HtKOeAijGgQAUdNDDBivrBaawcA6IEaEpucgPtjBHoggRqPW/WIsD0nwY57xGgQmJuQFW0J0QEOaaPDnovGM5vE1hEbNABVAaZeOpUBxHwEYDGcyVifpfFl+v11e0hDvz9Gm1nzE+fP+HHGE1uMgdnf9z83NBUQ5VDhGqNw0kJ4AEHCRfNkH9T2Zjjh/Q3wnRDuJm86HXsxDCFe8se7hA7HKJiCU9R8wjht1qEBLh6CHiUy5VqbKYXaPfeS2GT18sKZderBIo/KNPe1Z01ZD5E83OAzcbA6IU14LxFG+6qRugh3rPIxmawNpSce1SIV9q37CXIbw14UG7WFfwp3rDtjhVlSQT+2lPuIBOAM+ncZJYTRwjvrMg63yAA6+DQAE94cXwmsQXEbk6qJFxftxD/xveoDXh7cNucAPucI2ChA01suSrTSc9ySYTLL5jaNdPt4bZBcyDZlFvXHYeg+EGoQX/lvPGqfsZA8YMDUqYN8DBNoaAMEPQOHD2bYFaX31P5/a9xiALwxyjlZNyU9LXZ5l3WZ8d5dGb4m0S/T0h0njnbgHWnvgjQZWmEE9QPAsI6zfByBa64iPO9MDMUB0pl/fu1QPEDZS+heA6JLW1CPA2K6wUSq69Z9/crXlJX0VD3znW9n6iPd4esAtVG66+samD5revZ+6b0Z+dMODpyyZb+u72hNqh5GE8cgu0hkf2C6O8+po6VIlAAYPEAx2iPOag9/+1+XzjPl00f12eThP8Onbpel03Lva6OtvTbedbW8t29e5lS0A8Q8AAAD//8ED5cAAAEAASURBVOy9V3CdSZbfmfDeewIgLwy9d+V9l7paquqe0UgTI21opYfd7X3QRmyEnrT7KIUepQiNNvSwD7uzMbuKlaZH1d3V3VVtq6rLsByr6D0BkCAI74ELD+j/O3nz4hIFkgAJy0KSF9+9+aU355/n5DmZSUNDQ3O5ubkuKSnJbbmN0QJzc3NWEJ58pqen3cTEhEtPT3czMzNudnbWJScnu/SMzBUr8Nxgj+v9D/+bm7x9w81NT86nu3+/a3q+3F0YPeWm56bi/rmZpe6lXf/cNZR/z/z6+wfcr3/zG3fw4EHX0dHhKisqXHFJsZWTANQjOSnZfs/Ozri2u3fd8PCwKy0pdfv27Y2nu/XlyWqBqalJN6PxC31JSUmx8cuTsYxfoDvhuVjtGe+Mez6pqak2lvALaSwWZ2RkxMJmZj54jjCvKA/pLseFOUq5E7+HNCjf5OSkS0tLs/SD/8In4cbHx11GRobNDerIb8qDH79t7mi+U87lOOJOTU3F0+H3wjajjNSBci50f/M3f+OSVgMgKAgOIkYBcRSCSicOBBoHRzi+8y7xPQ1DWjRMor9F0h/eJ6axWJgQdjM9w4DjyQeAYNDQudSXNklWm2SsJEAMdLuev/yXbur2dTenSR13Bw64my+Uu/Ojn94DEHmZZQKI/8U1VrxuQfv6+tz/95/+f5efn6/yTrnCoiLzHx2NCgRKXFd3l8vNyVV9Zl1WVpZrvXPHQISB+dabfy+e3daXJ6sFpkSAGA/MceZxmM/0O35hzvKEVkCwGO+8w+HHu9HRUTcw0G+LjJycHJek91lZmaIpaTYvonoPfcnU2GKO/PrX77mjR4+57Owsl6NxRzqAVVlZuS22SI/w58+fd42NjZZfdna2hZuYGFdZU628lHNsbEzpZMfnIaBz61aLq6ra5srLy92VK5etDKWlZRa2sLDQynzlyhWLV1paau9Fa11BQYEjPvlTx0kBVF9/n/wLrdzJyUlK+5blVVtT61JSU1x3d4/btm2b2mbCFRYWWVqhbUiH+kIboBG0MXUeGho22nHzxg0Xqauz999884179tlnrYyUgXj9/f369LkjR45au0SjUWsX+undd9/1AEHlcRCj0GGLfccPRyH4Hn6bZ8Kf5uZmNV6V+bS1tVnBK1hRFs+vKCkcg8FWkWrA7u5ue0/aOBqPQrIaLSsrs0KTXxg4xKfT8evq6nLV1dXxd5ZALI0QPvhthmdoV558qOe3OQgBxENWR8up69xjAgQD9dKly65XQMHKhw+DjQmWl5fn7rbfdRm2akx2UU24HI05+oxJ89TJE8sp6lbYTdQCELXpKQj+tzkI5magNzwhVrdFHO+2t2sxkePytNi4e7fN6ABj5VbLLdGSMVdf3+B6e3vduAg5i44S0Q/iTYievP7660ZvfvGLd0T4d9rcobkAndzcHPfyy6+4a9euuatXrxix7enpcSVawHjimmxPgIOyOJG7/eKgW++0GjHNzc3TPBy3tKBXhw4ddidOnHD/5T//Z5uL6Rrr0K/tO3a4Hfr87ne/dVOTfoFcUVlphLmgIN8dO3Zcc+WiLfAg4KVlparnXVck4o8053brbTcsAl8kepmenubSBIKUjzl27Phxt337dqN1LMq++uortUWP2717j+tQu40oDGXu6ek2kOgU/aypqXHZak9Azd4JcCgni8zBwQH7/tZbP3RtWrRdvXrVTQpIAciWlhYPEExiCDFIGdCPzEE+CkXjEgZChQPNIN4Qd+JA+HlCEEB3nvzmfbsKfVyVKtKKks6AsJMH+ZHmuXPn3AsvvOAuXLigSu62uBAXVqIMms7OTlepxiUuRJLvpAu4DA4O2mqURiVfBk1YBVBmgIXOD4PQCr8J/iQCBO1FXb4NEMkxgFgZ0eDjAgRlpqwz+oQShXZnWWF10hd1adzxHiKxGUE8XomtLw9sAQ8Q3+Yggqgj9D1jgXl96tSnNudJ9PjxE+7SxYuORebBQwfd+JgXxWRphcwiFA6hre2OvYfoXlTYV199RQuSfK1+f2XiS2jA9RvXrYxPP/2M0Y+f/vRtm09wshDwWXG10CtojkaoOyCuGWI6Fh0z2kH+LHLKystcbe1213TzhghxVHTredHCavfRR3+0sjHGK6sqRRtn3Z49e9zHH39kNPTq1WtuZGTYlRSXiOgXueeff8EADe6lobFBC9xuy39a9BVaevv2baOXR44ede+9967Fg3DD6dTU1qh8B20B1tLS7N5//30DEECAuABNjughdLNfNBy6e/TYMXfnTqu7ITCC9iLqNVqqRTy0nPq9+uqrBpqXLl6ysAcPHnItAl0TMdE5Z86csVV/U1OTY7VPJDqPDPhcvnzZGgtiHIlErMEg6iAb6E6GyP2MSAg8yBhwoSMh/KAeecBikR/v4DJ4HwCDOBB9CCLhgnyMcAANnVhbW2vgArqBhgACaE5nMxjgJgC3OrFVABBP0HIzuYcBBOAM+nv5agLFfYxKTkdHXefvf+4me7vcrNIPLrO63EUb013n2AUtqKaDt7iBQtdQ+YYrKThsfqzeevv6JW+esXZPSRGApYuLGIvGQYBy4wCMTC0CJjU5ETkxoVLFSrMAoa8QHUxp1cmYMlGaOA/iTur93OychQWIFNlliYtisrKo0LCy8UcapDmh1Svvp1UmykOA8XHt5WhclJWWWDpWoK0/q9YCywEI+huxDH0FXUGEc+7sWStbXX29LTLaRQBZjQ+JTuDH6plxxAKyW2LMN954wwDirOJBQwgPwWQlXhepc7ki9NCOZtG5MomHoCnQDhasFRXlGj9zRs+6RUcY04yrO62txqXA9bKqJyzEPDsn2+3du8/Sg9NJ1aob7hhCDg29dOmSaFGv5kO6cQYsYCOindAk6NzNmzfFDdXbyp94iMmKtaCFq4YGQn/hepJiBJ06E35IQMpeH2kAiuzpVQuo0lVW8mCuDAwMKJ4X69OAiHmhk0Yj1U6IwxD/Acr5aqdDhw65pqabAoc2AWPU7VA5T58+7QECgkSDQqAh2KzGQXgaAuRkwtEBIBRIBeEFCFrU0IBHQDyAAj8KSEMAArx77rnnjJh9/vnn1lCkDzFAfndHbA2/AQ8qT6dC5KkcAAEXAxcAGFGZvXv32pPGhTOhLIAH5aVspEe+hCM+flsA8fD5H52ccX/9db/rHNKmoiZJcI0ls+7vFn/qModOaW3lOUjepaQVuPSaf+iSC49ZUAZ4e2eXWPNB+52ZkW5EuO1uh/o+I75iY6yNaSVYUV7qBgaH1H+pmhCjmoiSSWsiJEkUwaQY1CSxTW2NA8bHoFhuACJP75CvMnFhpyvEntO/U5pQw8MjGj8ar8kprn9g0CZYQX6uG9VKkAk3LdDIFmAQt6a6yvK2wm79WbUWQMY+Pb00DiIsLpn7OOgIQIHIhw8Ek35kDPGduW/EUOKgDz78wAjvvn1+0Yg/NIbwfvGQFCeY0AXekw5jJ+RLeiHv0CCEY5Pd3inP4PAnLIs0xE4AS7J+Mw6hRZSX/PkQDj8AEP8g/ydfysCHMuEIhz/l5knYUG/AjLCA1y4tuvlO+wBWiJsJhx/xQr7kR9o8+eAIzwy3eaPv1I02onzUC4ff22+/7QECD9AOFguCSoKgE6tzWBUILoSaREgAMY+t7lQgKgTnQGagFyCCIywEHX/8aCRAhoKTFnkQl99wJYAClaMRjA2KdQbx+MDBwBkg8yM//EgHtKXilBX2KuTFb9KjgQm7mRzlxoXOZrDQ3rRXGDjJIoLUTZVbkar1jc+6f/XHYXdrQIN6noFwT5VH3f9Y9o4r7nvXJc9OxPNKyihxabt+7FzZa3E/ykv56HMGK87qQhn1LvSDDxdb1SvMtMZUquKE9+Fp8fWHGlo6sScTgD4PfonhiZPoCMP7+FMvV6bFEnPZ+n6/FgAgmONwBYwL6AdPxjL9EsbJg/rwfmkn+of+TfTb+v54LRDXYoLQ0IkBZWhsJiGdBmFi0sOG8TuxUxOzJzwuhCENPgwA/HABdcNv/EJ44vMhDgMo0eEPUhKf1SQuhOOJI51QhsRBl5iXBdwEf0KdeFKntQSIloFpAcQ8B/F0AIjeX7nkuQSASAcg/mfnyj1AMH7YXJzVKr20FPGNX/Eh6qH76RPqE/qGOvGdcPQ344wNbtj4sJLjfSAqdDMbnaQRxgxdGdoKrZY5xo/3tDCWscIzbhBVscLz4dkw9XsfiMVYuCCCQDUXdp70ySukTx/wIY0UqwfjzeeNqAtxGe/hYFi85OXlar5k+zBKhJT8OOSb+pTK8E1xQr0IRZrB+SAxcJMnZTdQVPzRqagbmRzRNz8+SDMlmdWhnkkpriiryKWlaDW8AaBwrQAitNvWc+VawACirbN/LkOD2Q/jlUt8K6VHb4FA9HhCTOYkY3Qzk64gF3m6Zz1Xi4N4VICAwF/RRhqEkgUH5UzXHsSY9iBYXIh2SUbKqlFyVYE8YILn7l27bDV5S6JIOMTIjohrkZgSlhnCXiwRJkoPiJcQRwFApIMYifeQWoAEgo4MGA7UyqB9DMoAkUQrIzOmEowIANAplY0Gi40vvjwt8cSH7odvvWnp8Y70oNXJAhHmxYQWJ8i52RwFwEiXviEcYq59e/dYP6FGODU1bWJZAAdNkDQBINwyHDXlAvxQt5xQepSVtgB4QAoDQ/U1T7j2bdp7GxAnr1e2b1KuTdIUtUH/uFQTR/rd2KTfRI1ORF1uZq5EgzOuKEd7hrnShklTumrr9XZbALHePfDo+RtA/N+/a5q7OyTZnmcAHj21rZir0gIQorTkOfdcfbp7enfxqgFE//ic+9cfDUnEJA4iYQ/iqbIx9z9IxFTU+94iHMT/JBHTq1ZviCbEDKLNJjAbfBBECDnEG8LJXgQEFz3tAe0RsKouKio0oonhHCtxxIu8g9gBOjnZOUZI0QcnbQMaiSfQPMEBAHADcCoACMSUsmQIRCDqRpRFrCGWpMk7Nq4h2BDrdu2zIU5l/wwgslW66o8KJe/5mAxXxJ4VPnr3lIMPAEL92Ddjs71Lm4CjI6MGPNRtZmbapSo+3/lHGNKn1GNS1wQsTfU3xq0ASnBicEOAHXmz0U6lAF0TKYrm940JIKL9BnyknaoyjE+NK9kkV5BV4Mrzylx2WvamBgjair60tlO9cGHhhN9Cxzv8eYbviWEWxglpEYbUWGjggn9ICz8WAg9yi8UhfGI5wvdQDn6HeCH9ECY8QxqLhUsME8LxDOn7Gvl2mvcjxNKdAcS/+L/Oz51rl8bHdGiipSewFXINWkDdkiu6+t89XeD+wTMVqwYQw1Nz7j+eHnVtg9MipPP1OlAy4f686Pcuf+AjAcT8JnVSWr5Lifxj54pOWmAGbBjI+iq3+HgKgzUMcH7zgeCG74lp4TefricC86W795sP6/NOjMd376u/Khy/g5+BjrzDbwtowRbPi3ChPIRNTAsw8u9I/14CEdINT9ooViz7YkTKN5wFCeWx9ChvLC9eSuAlMeCUtZm9kB/hiJOeog1SiZtCfMKvp1sOB0EdaEP6BNBGSQYNyNDGvMOF33wnDgQ2jB/AHMMvtIiiUk5Ay6m62iuqwJlZeyoe4TFIK5fmIxwunDp7mGwARyIRM/QMCjso08Q5S7Uxjvh8AHwWHTjjAOWHQxMIBZ2GxkZbYFAXNDDZeyEOCwHUTlEMYoFBGpQtpEcdfbhJd01qsrXSAiUc8fggymTBEPaFh7UXC0daqvqQzi2p6UYiXpMz7PdYwZbxxwDin/+f5+bOtElbQATiURzNlZLiBzApTMfk1yyKWDmiEaPyLupSYiunRK2ZxQJanyiNxZLx3eXfkV4Ae8pBvsTFHy2DhIXxYtnE/SgWcaZjZV+YBr+RCSc6OmWp6SfGW8r3/Mwk90+fLXB/8XzlqgHEpOZe27BW7VooJNYjP33alacNuLTJXtGiBORITncuq0JL6sKlVGErzAq3gEb3ohMCwrKR3HIAArEayjKI9OC8IHqoYEL4UHWH2MPloYCSn19g3xFhokLfervVNOCwSL4mUeffe/NNiwfRHxoaNE4UzR+IOuqwNB96/qikogWJkgRW2DdkMwHXWlBYICI8alwvatK4w4cPx2wlUOq5qL2rXlMbvX37lpWHMmKshkNd9QtpbQIK28SdAhZoc+XJ2K5S4dplOHr3brvZgKFsg5amiWMzs4x7hVNFaQhbhjap0GI7wW+0TSl8v/bOsMugrJ0CNbh2FHbQKs2UeJX2wACPttu3b5/2Bb2xsRVuiX/iAHHurnTM1QYQxkAcwneGG2MuEFuefoUJcsPeJrm8LDVuWrIryU91F29HLfusjGSXL/+uQamaxYg14cP4JZ3tpRluaGzGDUWFngmFDvkFop6htNMEQuNT2iikLApLfBz5p6Uluai0cOorMt2w0ivKTXU3O6QSpvcQ+rL8NDcwOi2Zrd8wtbh6GUvCykQ9+U36+VmpLj01yfWOeFRn0tWVZ7hb3RPWPhnKj3YqzUtzg2PTkvumutYeaWusEhe2FgChqm+5rRZY8RZYDkBgS/DLX/5SczDZrKjZn7kk7cV8qdpDcAEGQAMCywr67Nkzpt8Ph4C9DTr+UdnEMI9fefll40KuXrtqAAAhffHFF82i+Pe/+52J8aKy/dm1a7cZ6xbLgA1tylbZPDQ0NFhcxKKs1rHSZv/ptde+5+rqvF3VX/3VX9kxGWh0QsAPHjgoOpQqM4EW0+Y8+dRTsXjZpraN+j22Zfky4sPyG5EmmpsnThyXGn+prK5/Z6DB8TmAFko5cDDPPPOMgdbJk0/Z3tbf/u1PXLb2jOEmagQ+pHFVtiNwE6RZJY6kqanJbCrQQEWcu0e2Gk+pPCaiXEYPxwHiSvecqyrMcNki6n0iiqzoIardQ1JBzdRBViLOkyJ+GSKaNH5L14R+z7ptxemuXOFYafMBOEbHZwwwKEeWCPugCPZtEc9xEefSvFRXViCki864MRH7w7WyhxB4dCof4hWI0ELIC7JTDFSIB1HfUZbpju7Icd/cGlG50gUC0ktO1QZhLK9DSufDy4MuIsAZlN9OAcUXNwmb5rIUjj3AW0orMz3ZgGx0YjYWlzOgZLSlcpIvdQXUxlW3frVDRWG6BmuSQGzaHYvkuuaucavPoe057vMbQ66+TBadPeNud1WW++z6sBsU0K2G2wKI1WjVrTTXogWWAxAc+3D69NeuUMQPjpzV78joiK2KscfiXC+MyVhxYyfTJ7V6viMCgviyfzU0PGScBStuQARRCxwARmbHpSKPGvypU58aAJSXVwhUSkWYOxxWycZNaFUP98K+FgQVsRHEmtU7XAsgRD6ffPKJrdo5kBIr57q6euMAbly/YfHq6usFPGcNEHZKEaOrq1Pl7TOiDtC1SBGDY0MoJ3lcFAcBGI2KQ8KSG04JwzaMVmmDF14QuCne5cuXJEIbMFEVS1qOMaGtgro/NmOIHQFKXI7shigbbYTIajkuDhBNfc4d2ZFnxO6giG1b34RW97IfUAE6xQFAwJ9qyDMQgLjf6BxzfcNTbpcIY/vApCsUYYc7qCvLMI7hdu+EEdtnGvNEqIfdtfYxA5jGyky3rzrHwOKT60PuqAgtxJgVe5cMtHZWZrmeYW0waoUO13FV8WqLM7QhN61D4TiESzI6gRWgcXdgwtK6eEdGcdXZ7uKdqAEboAbBB2SKs6UxosbbpXS/ahp2EQFNtdL75OqQqy5KdwMi/GW5nHWS5AYFEDzTNDDaB3UWiepDnt36DmdQofA9SntG6eUJSD5XvQAXwPRoJEdtMu7a+xMOuVtOTzwk7FoCBDJcHIMpbJ49pHj3vGawJrqFIo/wfqF/Ypz7fSfuUuKFPCgJnGFiHONK1XFwqWgP8f5BLqRFmMR0HhTnYe9CmiuV3sPyW8/3ywEI5PDYTkGQ0TBDDRg1YsYkBNrk9PqdorGJqIh2JCyracIwXtmnQLkBIOA77xHtoMQAJ4J2HHkQPuwH8JtxwDv8yQd6xkkAKAwE5QWIMOmSH35YK4d9AbgHxhagRL8at6N0yYPvGNuNq1zkwxlTwdKZeqGMwNlPlBewgJMJexykx/sQDlsz6k2avGOekjZjGX/KTljABoe4jn0Jwi13vMUBokXnUh2J5LlbIuwN5Tq6QOIarE6rtIIe0oocYl1RIAIpUID4ww1AqOEI+mzFn+omxBHUiwB3iYh2iKjCWWRq9Q6h/t2FQcm2Z93J+lxbkRdkp7pTWoE3inADNBDrfPnBvcAZILYpk5jo3G2dA6W8yetATY4R534BFHkV56S4QgHAdYHVThHyK+06ByojxV0XqEC0GwVepSL+NBqcSXP3uNtRkuFyMlPdl8r7oMDpQquO+xDnBBLXChAvt+nIBoEEdQJkjoprIK/2PiwRZeg3IlXHdB2Sp/J83TJiQAWQvLA7311SXMBpNdxaAgRyWVZuNWJXw7lKDFpvH+CPsmCyscIKjomJzBStHrR4gp4/x2dkS65LfBwrOSYsv4nPIGbQhoFr0KL+4jdhEkGKuExeNKHCJPbl8pvGTChWfExSVpqkgaYTExeWnPwYC2M6aoOjCph0eSJClIdyBuKiiFZWZNLkjzYWx3Ng/4CYAbVVq4vyY/VGcMpBXUifdPTwyGRfgujS14kInP9DeCY55XuS3XIAYqO3A2MMIv4oxHaj122x8sUBAg6ClX23CPRtiUwyRKThCqITM7ZPwAr/jrgKgEHj393tnzIZfboIZYnk8HAcbF9mi6hOiqAXi7gHURUEFCLL5idEHTHOhDbEETEBp5N62h6DwuXoHWIjiDNEhv0LRFCkUaS4whi3TWDSLwIOIYiqPHq4HImOyHe/OIkzt0YNjGok/kJE1CuOpFOARfhSgRZ7FoQFwOBscJAEysB+CHsPiMsId3RHronLLt+NmviIcrMhnycg4kgKOAvA62R9njsrMKO9VsOtJUB8pfNXIPZFYqMvasMQYoyWBys6JgcrFI7KSJPqaKZWR6yKeL9jB1oWhe66WGxWM6yw2JDbubPe1EppF9jnzu5eUUyJKxU/WOnn64RLDmKjH6CtEFpkwhGdiImWBr/ZMOzSpmDNtkrXLPa8S8d6cMYOaSESYGV1/PgxI77nLlyUdkq5VFjbXW1NjduuA84434l0hpUOx4JA8HEcFsnGnm3yCThQtcXGpFCblGw6divPTuXFirKxoV6rszyLRzoAESCUqzN5bt5sspUrMl9k1xARVq60JecRpes8HspbJpFId7fu3tDm4549u2xVGwDSEn7C/jxJAPGEdc1DqxMHiAsdcAx+gxriyERl/mg+2eYwBJo9BxwEGWKLQz6PLY7ohk0+88TPvsT89JuJycwPm9Sxnz4DwipCXCuIpPWbMGYkpqeSsDRtZUl+9i5kEnsqDBvZcBzE47utIhXYtKQsDWk56Uk5KBN7JjiyJEN76quCWFxEXfwDpGgXK5QKQxqkSRkpG2Ipfls+pLXCbi0BoqmpWYR81NVFIkaU+T4yLOtgEUaIHOw7NgZjWnlz1DK/IYacn5QpDYw+yUcBFcQDrNIrKsrsSXtjpNYn7QtbOccIaJeIJcSbvkJuOiiNE069ZLWOkRxpW1wRXVZwGMmx6icseWNPQHrIajl8jTC9vf123gzGdbyr1CFsYaXOuUzEZ6UfzoiCE0CDxjpefUrevAckh4d1D4Fk43BQ1AUbChz5RAVqjCW4DWwgOKIZK3ISmhI4MEDYdARYAUzApEqbmiMjUQHVsH1H40RD6Il1WwCxebvWAOJ//+uLcxc7dViUVsNbbmO2gCRp7s9P5rkfnSi3FTwEh1UuMtMVWX2KkGGYJKoXF5WwKofAIWaC2JOPz4snr8J4gbx50Qrv4TBMxAR4ingikkkSAWUlQYwQL4h0wm9annqx+EAcxHvLEzQOWREo5nzYGMLLj7DEISgy2SAeww+gCo78KB+l9vXxZfKLHp9R8A9lBAyoNMZrQbRGOqHslibtJD/iJDrSCmF9ur69KB/AQviQX2K8J+X7agBEYt/TtrQfC4nFHO/pP9o59E2Is1h40uY97kF9Q5p8CM8+Q0h7sTQT/ULZg3g0vLMxph/4bxRnAPHJhY45bddIvr9RirVVDpgV7/RFg1XnTbqK3DlXXyVFAQiwBiUAwfG+K+KUx1xUN1ANcxJrPPMVSZpEksR5JBVoZS1xy5b7brWAv1GO403mz9WCCAbjrUBYA5AytoMLhDwQ7BAGzhH1ThYCvOP4b8ScIS1b7GgJQHj2erBBwFaCfAnPHGLRwPvET3iHxlG21GLZLF4IEoTHjzRZ/HBkDHYGiEITy064hY704a7RuIpEIgnlnTNuGGM6VGw3ijOA6O0fnMtSYyxWoY1S0O9UOcAEiLRhg1/tzs5IH1ty7OysjDhAsGJCfKKOe/zm0cA1F56Pn+K3UwjlDM9vh9jyeQJbYFz7PRBFiCoEmpXy/QAC0R+2EByRglor+0qcfYU/J/6yD4YmEeO+tfW2NHSkbal9Kg5H7JUKKdo7xMMIjfwgtpwHhuEcLKNdOCSuGwtm7j/AgI59M2wZKBfAMyw1Wc77ShNXgBptlvKC+HtxpL+/GbChnJwdduH8BffmW29ZfIzyAB80nbAEJx7AhYYSZQMgMKRrkeot9g3sq7H/hfiRMBjs/cmf/MmGGQUGEGrwOZByJQGCxqYx6CQQHMd3iFpiPoTjN+9AX74nvsePMAvjhRYkj4DapJEYN4TZjE/qhQv1Y9AxeFl1BQ4iAMRK1Zkc7XRRy3nj/zFYZOzo49sJWI0B3X2KTxzGCY6QYeyYxxL/3JMG4y/WV/eLrhGtPO8d1/cL+yT6oxG3VIBA3fTjjz4SGHBuV5apkEJYr8hYDmtkiCh6/rdEYFnhMycQ0+GHXcSIiDs3vKE4cfHiBfcXf/GPlE6m7jX4r9o/qrTTepubm228kB7A0yVjspdfecUI+YcffGCGdCgwdMhfAW28sCeFgRv7RhjxvfGDH7gvv/xCQJcqbuCOrjn9O3YiMNeHwplwvS4gw/4Se1uIJrEIR7V1u4zbmlQG5i/jgtvvGJPQYE4V/rM/+7MNMwziAAEiB2IUJhCTh+/484EQhWdg1RLfJdbq+vXrdq8EfrBiDBKs/OjIQNBIn4FDo4HgoCfGHCH/sNqAHeM9DUqckDffg2ohcbkDNqQdykpYPpvN0a44ntRztQGC3GDX1YCWJ3lDCP1ewr1El19hHNBXob+Is+YuNi7ZP2CFGcYj5QhlTBwTfNd/IyqozVIX2jcxntWBQFZtP+7DPPDxpa4aI/hsurN5Tf8k5hfCWd4qI+IVxu930S0XIKAXAAWGa/v27dcqPF1XfDbZ7ZFYRdfU1NpxHBirARCMU1bsAAFnK1VUVpg19OVLl92Pf/xj4wAACG5+g6P45OOPTcuuRtptAARGbm/pJF/um/7ZT39qdAS60nqnVVprjWYHMSPA4ggQ7oyGzhzSkRtfffWlOJpc40KOHTtuIi84HrThzspAbnvtdru97vLlS8q30biJ89KY47iPpps3bTxEIhHbKxsY6JdxYKEdmfGjH/1owwyTOEAweDExpzMx/AAFQTMIOgjIBMAvrARoXCYEiI6xBgScTqXDYKmIQyPDDiJX4+Y30oLYMyHDd8JyZR7sFhcCNcrEHHaL8tDpOIg/+fGkfLB3sG+E4zdp8AGBKQ9sHeUkHwCHQ7tsom6YZn94QWhbHM81AQjlYwRTG9Wob0IQsQ2gH2H3TfdfM5HrRNlcpX1RB0X7CEvW9XKBuBsnqj0Z1Fdh8zmiAZVaxgLjCDk4Y4QxjHyaVSeAAnFHNAEaoLIKIccfTSVUVRn31JE54bW2ciwNsVoeP6ziSe5mU5MBCqq/LEiwBCYuq18DC4Um7++iWw5AMK44koIziaApnFVEG8I50wfQGGgI5xupI20s0qa0LTSDePTb11+fNvHT93X9KGIpxgSiJ2gEC1LON+LqUSyVoQ9YRzPmERmFBSXA09TcpPwLLD/CogkHKJDmgGgN6tz0cwAr6B/xeUL3UHn2N27qXCTNE8YjdIz41IvvLJyZZ9DRAvlVi9ZtFBcHCAqEPjjEF6Skc+gICBQNSOU4657K08igKB1GHICAMExWGp8nHzqRit8UWu7cudOBllwrCjjQgDQs+cDy0WBsOtFYEHni48eAoVHpQAALxEc3nQ4n3pEjR0weSWdAADgZkUYHycmTTiff0OkbpeEfVo71AQiJsQQGHLVtR10LILjaE6MyylMgNVdYZSYF99ZWVVWaDn9NTfXDqrNq7xknlC0ABOMFQz/GV2vrHY21Ylt5IjpjHHFHA9xGagwIAIimpmZdTzpgqryo6nKBEE/SABQwGNypi+UhdBACG0sLAOLS5StuUO1G+hyQhq0D4RnrOPFlWwChuUjb0Vc8F9ukDrQjjH9ru6R7xXOEwTG3Ex1ATDzGQFgoQoQBDhsfek+cxDwIz/uQVkg7LCi5mhNNPGxZCBvKRfkJG34vjJ8YNrGM9l3paNVgnI9fBvoQxCEdyrNRXBwgKBynBELoMV6CXaORaGjETzQIRJcJwqocPxodQg1QwH2AlHyIT+MBEKAiYZ5++mkbEFyCTdrEoSMBHgg6oAPYEMfQWROWxgJ8SJNVIMAFR8Jd03AQsKIABOUEPCAAhKOccBe7du2yPAANyr+ZXBh4PGlLwBSCtVp7EORjK2o1EqtwVmEYsjGQsS9AphssoinPoO6SxrgNu4hgX7Ae7QuxVxFtLOqbPRlXcD1cysOigTZjLPEhLA4OAvEQpJvwjDPGM+2sprBJCqcxrPFbojHF2GKc+TSY3H6Skz+OviE+jtVsyI8nCRJ3PdvJCrZOf5bDQaxTEbeyvU8LxAGCAXxFJwJCjFnVM1Fg5yDmsHx8R8zDRIFAsDJiUjEBmBAQZNKAgAe2GiRkcECcgx+Aw0QCIMgjoDsTOXAOTDbYQdKGcIUnoig4lJMnTxonQX4AFlwKeVBW2EDyIg6/iR9WKvdpgw3pTblxPNcCIMgLYhfy5fdmccHoEYBLkPssXnwBBBuQjA9EZbTtQ+MsSEnDzi849AWR28PajHGK6Io8v4tuCyA2b6//5Cc/cUloMUGgw0APq20mD4ObJ5/gj18g2lSd38QN8fkdHH78Dn4hzfCeZ3jPu5DOwsmEP8BCmERZ7sJy8B6XGD/kbS82yZ/Qljyp02pzEDSLsuIvfzalW0rxE4am1dHXeXnVXW4aC8MvL7f1CM18Xbl8twBi5dpyrVOKcxCIeDYjIV3rBlur/NYLILyB0VrVciufjdgCYcG2UmVbLkCwIEIqwKIICQG/A21iXoRFYfgeyhnmTOLvxHhIJticxr4BsSKicha9iemFuod4Ia3v6nMLIDZoz4fBznOtOIgN2hQbrlihb0LBlktMFsYP6WyU53Lr87ByLwcgkBIgpkZdFYDAQhnNIoCCdHiPCJnvvGcPk/ZkrxOiz0IXcTjGdSgYUBfEe3a6rwr65VdfWRzSY78V0Ajib/Y12f/E6I5N6S3n3BZAbNBREIgIzy2A2FidRJ+w34FmVKIGzFJLaX2qNDaiQ7IEUV1JkFgOQLAP+cEH75sxGgCANl2xDm5EKQYtSjTndu7cZVd5Ykz3T/7Jf297ob/4xTtuW9U26xf2mNB6PC1V10ikzqyhAQHOLUOZhXdYQdfpHQo07Fvu3LXTuuOOlG3+5E//1PLciP2z1mVaEYBgwIPsPBlYQU0LwsYHNi4+4JgYJt9cRMgZJo3SwDEBkYknSb/9u+ZoS5wRE7UDk4XVzmpqMaHeek0GjkwgjH3oU+53sImqU0s5/hrbAlRD0fPnlFfC0KF+z2fOtJt4R7+jJYR/qRQaBrQ6oz85XZXxEOqCZg/2FxhDcaS2aUpJvZZzpsiXVSFjByLD6pAjwGkTtKy4CIXyeU2mJCkloMaqO0t0PLcC2aUy2HLgNyh13VGtMlkdEpc0M+SPSiontvryW5M/9A8aUheuXNN1k5MiShWK7y9noV6MfWxGRmInzWKPkao6Bn+6lbZhDqALtREdYkbaIz5nH7OQywEICDgWypzme0cWysTFyIwnavc7ZSdFe54/d94UZV7StaKMwTNnvjGFgY7ODrs3muM1PvvsM13necJhcFemo985QgMuge9YP++WwRr3mnAXNKra9F+z7FkACO5v3nIJHETYpKaxaShc+M6E5MOACc8AAoRhIgcWjxUA6qWEw2YBf9hAwnMkwvTIkJ3smawOnNMKwIi//JnQMzJy4dTPZB2PjCHSLESxp8NlVtZqKkEwYxOK8HzngbfCEl+jmtknf0095cdNUPE4+raZHO2H4wlBWQuAiOoY7N+//4H0/rcZgeBYbojdpNRF0QhDOQAizQXpHBfAGTvNEgXAlkNsIf5chJOjuxE44prjBohz6OAB2bh02zHfaL5xq1e2wnBtIh1IHUn3yrXruj8ixzTiWDHa/QkKx3HgdpxCaYne66atWY1RAQj2GYgTOBIcA7Wx6Lirq9uhO4yv2NWOHKsNgHB3BXYOtCH5YDTHuMTm5sCBfa4iJou2Bl/CHy4c+uSzL22clQqwKspKrL1uNDVbX1XJkhfC06k658hQCgDca/c+5NowpT+D5lXIbjnEeDlhQ/rLeTKn1wsgoBnXrl0zGyfAgP2CGzeuu/379htxN7sSze8O3fPBJU5oNFJeVPQZW5FIxK7krJUVM+MTuy60MOEU9u3fZ8exc7YS46ZU44nFDgfzQf9Qt0d9+5VXXjEty+W02ZMaNs5BQMBbdAkLSI0KKqsuWC86BBVWGp/JzooOAMFeAaIBqoP6xOd3mIRMQCY+nYdqLB2XJeTv/eqPLiVDN4zphq9p3bOaWVljoJEiwBhpue7ScqVbX1TiZlgdym+09abLbdjrZnXmf7LSmdWBdYBKsvTv04vL3NSg1GbHddWo3qcXlrjJvi6lneuyq3e4lJy8GEhsvu5ba4AILRTsCsLv+z3DYoH+5TgOs7S+X2D5h/ALg0xoFc75NoAMltkQVsYbK33iQEy5WAeuJGivLZYW7RW4EogbvwmH4zvjmvG5kFMIYRaW60G/mQs3mmSMp7lQpXsmAAH8EDvxAeRIF8BF/g2nwCVDzBsVxepE0SgvIAeXwXzD4cd8CY7yGseBhyL5Gnk120cpe0j3Qc/1BAjKFcb+wjIm1jeEWcyPeHF/NbhfavnUgn/i+OANAMLhfxW6oxpL5jDWfKzv7t84QNAEGKrV1dXZE2tlkJfByXc2dL744gsDAlZhWFJjM9EiUAEsME5jkhAHUOE9mginTp0yIzmzoRC7P3T1nHEO/Wc+dxlFpS6nfo+bGuh1afmFbkbyxtScXJdRWilAGNdAmbXwWVW1bqytxWVV17mJ3k6XrA2kZE2o7Jp6F5X/yM3LLi1PoFZSIbAZNA6kYN9RAU2p51A2Yf+GCcCTPlhtDuJxmmjhZFtOWoH4MXH5kBafQMhD/fkdJvf90n9QOXiHe1ga90s70R8QtcuA5OltKvwR0nBDuJBHLEv99n6+fvMAYUBz46ZdsITo46mTx437ASRyNA94FsgYEe7Lc0hjIlypNh/37d0TBxXLdAX/rDdArGBVlpwU84uPSTo01sL4W3ICT2jAOEAwgWDTkD8jJmJFgx8aBbBfNBjaBHAXiIyMVRcghPdwFqAuSAxw8D5wHgDFsWPHXJbkzNE7zcY5jHfcERBUiAsod9HbN1xqfpE4Cxm2SXwwp46aFVik6PCsyd5ul7Wt1jiHie4Ol1FW5aaGdZyHxB4ZRWVusr/bTUs0lSFwACQm+3tMTJUpUMHPi5k2X+8FgsZzrQAi5Ln5WmvjlzgRNOhPREw8EX1x3hCc1M7Gerve1AiVuI0+zUPmFJwHc4gjH/I1J7jZD/HZaq1yv4sAsfFH0PqUMA4QDGBkf6z+AQkGKYMSoOAYDVY4kUgkzv6iJsZAYhWEOIkjLkiD3wxo/JAjg8iEYzAjp0YcBHHXmspNDUknWZfIMPDZwExK0dWSoLjETBB29ihmtBGq2aSwAyaWmpvW0eHKBxET+xkp2RJFsKEZHTHxFOmzkEsrLDZOw5Zv69O2j5VrINZrDRBh1ftYhd+K/K0W0JC1+UH7BoAIoPGtwDEP+j6ESfx+v/Ar5b+RAOJh9U58n/j9QW2x1HCkQVhc6Af7sUp/Hjevx42/WLXiAAGXEFxgr0JDMmD47mWoftAmhvEDfl4EEApKejRsSMd/Z0M5lpNAQTvXRvCDHxNJFN8HiHWOSRFjZ954IawCxd4pA4UNCcb89WDzyb+L5bXJHqENedK+ADYiBwCb7/gBvoDwWgzeTdZ8G7a4DNulAsR6VWKjAASLTcoSzsFa2B7MDfaWmBPQIyQW7DMxLxZztDsfpB2kCT0LjrT4BLoW/Nk0x488luPIB7cwvQelQV2Yy9RhuS7Ui/xYjAe6u1idlpN2HCAQCW0RmuU03eqGpWNxPOn8LYBY3fZeq9TpVk88ZC08OeIGRntdfmaRS5rVpFYhUkTcmOAtnd2uUBpcKdqH47hxNADZ+8D4Cy0xGxfa0IcgQBBZP7V09LvS/Cxp/03axjnElTmNWqg9xaGzaf4wt54AwTiH0PNB04gP2mYshNA+w6HZNIEIWvU5q9OhDxw4YHs07e0dJt5GGpEXM6bjHgcuFoLoXr9+zb5zyGejNKQ47w2woA3ZQyVvToDmiQSENuOuCDShaGMW0bQNZWMviIuDsK0IwETZiEc4RO2ohXN5EXUIInjCQmtxfKde5EeZORgS4KJc5MM4CUpDLA4Jh4QH4ES6wxP7DkCM9tCK2A7W5Bri0PdoZnEHBnlRB+rEB6UQXF+fbsyTwlAAlqgkNmjdsQBH2+udd97xZzFtAYS114b5swUQG6YrVrQgASBm56bd9Y5L7ldnfuJe3fuWK8/Yrjslml1dZIdLE0H7j7/4g3v98B63vTBHxmKcTjupSc+qdC6u6ouaZ4Y0/Sory11qepb7N//vh+7vP6cj7icGDEQsjiZ7jrSqAJjamm1GkB5WofUECAgsN8pB5LBb4MpP7psuKSk162oIIkepc5kPN7F16pj/cinQ7N2zx2whOJ6+pLTELt+5eOmiEUIuCqqvr3e//c1vXJFE4VxmBhHGD0LbLmIOoHD675tvvmXqrl988bmOty+QPcuoKej09vZYHyBahyB3dnjVWO65wY4Co726ujoTx/M+TSJwjPqee+559+GHH1ocCDMADbBFlS631AFcbTo6n71dgCVTH57YYxQoL8CFOyWwuYHjOab8SOfX771nYLIjEhG49Vi4oqJiS+ec9pJzpQXIhUUA3FHt/17SQafkgSo67ceFR6T9yScfG5hga8LR+Jy2jYr6UGxL4bzqZof1bQHEw6bN2r7fAoi1be+1yi0AhPgI1zfa467cPed2Vux3ydMZWsUl2YUxU2IHPjp/xe2prXJFIg5sVrPCYw+PVSTiDlaXECJWoNxdkZSc6v54ptkdaqhw2ele3MIqF66DsBgRQngwgHyYW0+A4KoAuAKIGnufI1KBztYKl5OmMbxEq4t7qHkPkf/p22+bVtczzz7rPnj/fds/rdWK/7KuBpgV98UtcSjVHDx40Azn0MjErqJS149iiAfRvXb1mqvXKhtNS8KdOvWpa2m55fMSYSafVnEdHG9fqBvlIiLKEF6MOuH20P4skj0MgMM1qS3NTUbo9+/fLw3P7e4Pf/iDcUGndcxHgbgKuAKA7sSJk7rP+rzuI2lyxSLOadLOBBRYxY8MezMB+ipVedD3aM4dP37C+vPLL790x9UGv/3tb3Un93YZ/e1xP//5z+xoEriGgwcPKY1hu2OHBQJ3laCOPilO5Ie6sY5xc/XqFdMyJW0AgkuvADXMGwAJHGk9NkBAzBhUPEG3IANkYOIfWBvYFtugVhg2ljGKQ2vJthA0OWzfwIr17T9sXiuAxYm/JT01GpvbODa1k8VGxfcw4gFjXxQeVi4Y6JnGlMqXok4l7Qc6y0uGfSrztzSjSFd5h/onqaOtvKoY35fjKJ/4RBsE1jYIHpQGhGE19yBmREgGolOua4ib+CSvULasOuNO5UqekIyUeoq1nspEJEmz8QexCX2vokLkstNcWV66XcsZj7/1xVpAQ8X6lraancOGxMuqU5Lm2X8FsYubWG2mChjgHAgfd/wgITnaH/Bg8o9PCjykSs51qGGBQRiCoghCf1p/4fkAt54AAfG8KjBAlIaFO8SRS5hY6Yfb5RCz3JX9Far3EDNWxtwOx6VhEF7ed3d3+dW8jCQbd+40q2lW5YAqYjziAEaslKlvpYADjUzurcGu67wIN9wC7QVA3JI6f6G0M7FnYaXeLiNQDDnhdLgQjfQqVR4u0+qWISmiJziSQ4cOG7ih+EP5+CAyG5fdFkalxSorIi9EPnzIi3JhJsDBgoBknYCHaw5Y8XP/DaK2D3R3dtW2KhNhcbMdnA4Go3Ag/f19Arta43jgLmgTAK+oqFD0b864B4ANbdXTp7+ydsRynPu09+7bp/rcMJEU4rFPP/3UAwSri0SCHog+xB1/PgzEMPDCRgiEK8jEYGnRdkK+Rzg6g0rROIRH+jne2eYmZfeQG+HsEwbyrPPqq5WMdjUwBF7+SjdJgx3wgGhODWEQJ2Onim0GLkY8VdkJGcah9YRtBDYROdsbmA33DH/TiFI+ANDUsG5LUxkwpBu9fdPSz9t1QOH9hCMdD2JKQ+Ww2cVbARFlgOCnSSUXIz7iUE5ACkO+8R7ZaKieuZFdbqT5qsssp6zavFccazcRfgMz0o05r5WlMIAlIKu0JjH+G9NVn4N9Lru2waUVe62y1QSIyelZ19w15i60jbj+YR2Ili3ilEL/+GZIUt9WXPnMlZz9yPXvPu4u73tdEzfFZWeo7KpLe9+UKymQnFar1x0lmW5XleS+aff2Q6jzk/SkX6dmtTBRnxrxVXsxT/Rr0WrSnn4usSk6qT6PCnAztACQtp/GOY40mchYgduwVNpwF+laVLmxCY01gXi25Myp9BHH2Hi9fQBlJdx6AgRtE2gK7Uj9aErahEVIKFtoJ/9+HhCJgyOdD0VEAcZDhw6JiyizuNy7DkDQO7Q3tCssaImHyIf8+ZBnUMzhNxwZbR16Foph5SUN6Jv1uzzVX5QTx54CF27Z3e76DY1knJAnABL6jvDkRRrkC72kbISnTDzxB0TgDAAlOJZs/SYcoAE4BJfYDqRNfPKE++RJGYgHICcqAfAOuk19yfenuqPbOAhekCkvQRwigc6or7LBQQTCkBEVAeFIAIRjg4d3gAzvEVeB+L5T/f0NbJSYHcStGxr8Uo8VEQQcUrJyTJU1raBI9hHDRuw5cmNOjZdRVinDuC7rkCSh9djdW2YMlyXr6/HOu5YO6q7J6WpA2UOMd8pI7+QrbrxbbBGNrXfkBdGfFtuWlqczd7QaGWkSeyggGRURz9q2w6UXFFuc2Umx7DK+43gP4jFJU8XeAgDTAhY6HiKekp3n8ncfMGIPyEwqPyzCo3dvixvJdsXHnzfjPVRwx2T3kV5SbnYcM1FdwFS1ndFuthypSmdS9dOocKkKO6sOg5uZnRIR0HfyxVo8szpi7b+aADE6Mes+ujTo3j8/4EYnZBEsWpWRKr377BRtpM643KlR9/3f/ju3s+OM6y6qdf/Pn/5bbQymuooire7GZl1rr+xgBCileanu6V157pUDhS43U5P7CXdT4qg6Rzq1atc91FmFbmBs0JVmF4uwQYRihEsUJQCGut6ISlKSFlZjzW586CPn0k+61k5k7iMGBGwScoMfK0Jk24AEc6tOK9TpL6+46DfX3NTrR91wLvcwp5kFekV5qc3HlWjuQIQN8FYgQYgQdAGiBe0IxBBiRR6BmK1UfitQ5K0kYi0QvzCI38jSWP1//fXXJtfDKprORDaH7A52AyAAAIIlNcfyRiIRAxMGAYCBzA90Y8Ppj3/8o3vxxRctfoYQOCqAwGIa47iSp1913Z/8RvYLBS5VRm7R202yghbC6XfhgRNuTMZ0A+e/tKM5cut1sJZsHAARCHS67ByGLp9xOVqtj3fpkno9OZYjOS1Dx210W/Wyt9d7AzqstLUi5wgOM8YTMMElTGrFP3jpG9liFFsczm/KEmcx3n5Hxnc6BkQcAOlifJclIg2HAqAhxoITANSGLp+VtfdZAdNLArNuew9A9H7xocsUwA1e/Nrl7txn6WPLkVu32/Ie72gz7gL7DfLFqA+jwIJDJxSvysB1+MYlA8y1AIjxyVn32fUh19QVFeusw/Em5lzv4LTbs11aGgKPjDndO35TdfnmY3ej4pCbful1rcQQf3CyKathNbkIIRzEbnEPu6p0HtMTwEFMazMZ4p6SdC/YqcYuOj3mBieHbCExNjPuMlMz3Pi0rKDTtEjIkGaSmqRnos/GYnFGoctM4YbDBA5iVhvP0zqbLDlHbej3Cyyw/iB6AnRwiFvYqEzT6nUuqqtNR3RmWaEWFOKwPYFl89OvPi3CY/7ZAojHbMAnKHpczZXVPpbUEHfEQrA4DBSIPJwCKI/MCu4CS2lkbgAC7wkLqwV4IGNDdhfYItgYOBDYvMBBwCGMtFzTKvyQOAlNIA1uO2tJnAAiFlbvEGdW7GNalUOIAQ3OYZoeHTKCPi1iC8GFoJvxHWyRwIPfcBOsyOE6sLbG8npam11p0krIrq3XhNR9xDqSY1RnPxngkK8mJJyG+Hov5hEosHpHZAVQwZEAKhwDwqRkzwFQG7xw2rihvN0H9ZQxn9qKeg1c+Mriw42Qd4a4CDgbf4xI1EAta1tElEBiJ+XL2VTUjzLkNu5TG+je5ytnVY88l1mz+hwEIqb+4XHXM8RZV5A2qcyJmKUk+b0FdbBLCZwNwkKxtrDH5mgPvWcMIQrJy0rV5qpWtxJ5QOhshah3nFOEKIbfYbVIHP+h6f0Kk+Mr1tPNaG+AD5g3PoNuuvTgk7Xa9ZW1vxJ4uNFpqTsmefFhRoo2ESVqIt6UQAVBRFqyzi6b1XhWHYsEEKkCGX21uUI7eUcu4TtD3n8nTnB8D/7mF48i6JqPGoI/9nMLIB67CZ+YBOIAwaTFkpr9AjZ5GCQQdog/XAKbJIiJIPw4gAJQAAAQJ4UNHURRpAVbSVhWNgE80uTPURsQSkAC2T9nMDH4ObnVREwQdgENVtLsLcwhahHhtIP3FM4IuVbvdiqsygbHgJuW+IbZB5DALTBzED2lwMZC+Bc4k/UP9JkYJ1NHfgA2lIHjOvjOWU/JEvek6mDBKZWFsiGKSlKe5pjAqs+0VPEQTSG+YlXJngNiJkDL9k4kSgPgABdAEG4FkKOs1J39BkCBPY0ZcROADocZzij8wLkvTXSVIfEV7bqaIib6u1O69xPKF/1u5BpZqn+PNsrQfAl9CJGfUH9wwByEy+SXInCUDbGIHRMu0JvVxqppQoiAQcNStNrlpEz6Gr1+QAC5LGkQloPvcA11EY0b36fmsQ5/IPJwDtBhSfet/DMCOhXd/CgSdYKzSNXmsm8vfL0jPm/ZhOYdnyBiIgRtjbuH6JvPxviDrJ/9jJUq36OImBgX4RMWFPy+n6Osie8Zr4nx+E0Y/AgX6jb/nfzm+yQxLfJMTD98D2FIExd+h7SDX/gd3t/PP4QL6RNu4Xf8cCGtxPcL/UN6FuER/8QBArWn4EIjUggyoXH5HhoCv5A5/onvQhr44UI4+64/thELIfUvFcAPRAtPnFjaEFe+m0vw9x4LGohpS3axcLFIiq6O8xmFaPNPhQVsiOc3sUnDE3jzV0gf36+O/TtPFixN8pNbWG7zpNyWvk9TFMLymU+fyLQtg1VlkPPffXvrh/lbW2myzmkArjpAqL17dbz36IjAVQ4ggAOwjVMV11QMpWHRLyUE+hQijnZNgbQ6IACAA8252csoAABAAElEQVQPQPAdgkgYRCOcaooqJo6jt7kbgnhRxePmr2HlaSCkBHZsrzGZugVexz9q9SXlnkj4lxRBgRgzpimmPGizjeLCdGOeJ87bxy3fcgDCtw0b1VO2oEDNcu/evVYEypUIrpSRMntA8/eH4IdkA02kbdu22QKXxQvpEB8NIuYSC1/yIj0kH7Nw8pqPYY8kAEp4T7rE4z3x+GAMx94QUpfgR5iwiCYuv0k/lIt80VJiYeWN1eZsgc17DPp4sjfDwpvyEpc0SJ+8cYl5BZVnwvOe/WDSJX3yCnEs4iP8iQPElh3EI7TeKkZhEOB4MlgZJKvJQfh80N5gJe81Yzy6zhMxxCJMRv6xKkZ8lLh48GqxgGhwfiJ5ggPR8eIVLuwhDZxNOKXJxEC0xT/ywZhoXgzj0wttQthEF/zxW/guMdxG+U55qf29tdgopfPlWMl2XA5AILJGxRR9fTSDkE5A8EijWgS/u6c77ldQUKjvI7oHZMxhMIakgzGIMdy1a1fdW2/90ObNGdlVDEr8W6jwLHzQRkKFs6mpycYk+66trXdM3ZO900uyoUDMniqul6tKWTx7Yp1itgpdUmPldF2M4YLkpEtEP0d7s1gmV+lmO/Ztb91qkQhee58i9FxM1SFLbxy0ljtVeAIAPaoTEhkObGQ+IMXhkqPDh4/Yvdmcos3lWNhqoB7Loamc9ss9FrQBi0zIBX3GkeXcnQEgYmDI3TyAyKO6LYB41JZb5XiB6PFcC4CQPEz5SDd7rEUiroiIvz/PBTGQraJEsHkiKmLAM5ABrdY7dzVoJ1x93XZ7z6RhAlJmNle5FKi8HDVdTUzFZUJExUW06QRTDHRKZGAEp4E/YqaWFnTCs2XtWWJ54I9jVRi4GQ84fkLgRxuh7sh3e6fw8wTYk2HAjDA+7vqSZspJ+6xvKaxZF/0DoVnJdloOQHAV6C9/+UtbgGDdDBG9GLMCRqsLe4dh2StgA4DdAteQQlDhFlhAlevyp2FZUyMVeOmll2xPlDtrGLM8sTNIlyIMXC32FnTCD37wA3f6q9NmH4ChHJbPlSKuX8uqGK1ORKr7RHQhtlhhE480AK66OpRxho34c7EWdS0tKXUvKu9vvvlaHEuNGe2Rb5XK+MXnn7tIXZ3DruLFl140GwhuT+Q+FZSDsK7esSNiqqzfe/11A6e//Mt/b+DW0Nhg/dXTLatu5UX9ibtr506BR73VAa6hQYD3kZSDjp84rmNIDlo5F+3oJXhuAcQSGmk9gqw1QMxJo2Yiqms0Rz53M2kvu7ZOqVfKYYCTow30DBFxVkMQ7MqKMleuFREiprtSSiBMqVZtgAHnz0DcAY1LslCFKHNDHVeVFkmxAavO3t4+7WkNCgDgKpJN/FQqS1LC3GlrN/Ya4MAQqbS02MrR1HzLbpaDcAEonqXmsELddMcejvwpB0QXcABQADFEABAOjmBAfFWhC35Md95SXfs/lA1wiNtNrH0RHpojC4H1AgjsqCD6EF+IOgSaq20BCpRjWNGzN8o+KUZu/QP9pjBTVVllIh8slQEIxsLzzz9vHAaEd0YLFEQ/Qalmm0RN7TJ24zgNwAXwYJxA2NHmxAiP+6npL/oKTgabA9pmTPunRbKo5r5sLKvhFBobdxrXAdEmvVLNgc9OfWZtzTjkOBC4DOrDyp4VPuUjD8AMjmVQ+7x2Ba4M8XpkYoC1OAQfS+wCgSUAc/3aNVe7Xbc5an4hTgomCXAsHLExJg5j+3YZ2UmhiPS4khVwelT3WAABEWMVySewpDQGlYLnYdOXzWCuEKURvB+WzxJhCPkWc2gwafnqw6tjjAdUQOTx5vDDKX0caS3qyF+aRogsYMFMQ0gbwWyAQ5Qe5kwrR/FNsynkSSTYOZWFumFnYV5MKOqcGM7ePOCPymd15Ul6yovN6VCftQYI4yDmxlUvWZbO5YkVp7/8XkTYsLRVr9qO/QKsWykjZ7vQ/+j9G6ch7oH+5zuTAVsSCDq9xYSH8LCfwSRHjROOBAIP10E6DHyuFOV2OVtZyR/Hio949H7QsqK5AyHDn/LprT3DxGZcUk64E25+C7r3CrguTkUx0RzlDX0cVuyJv0Ph8Ev0D/XhfZhzIexKPdcTIBgDEGMAHnCn7vQrexLI6CkbfvQ7/nwnLAAS5Pb444f4h+8Qbd6RHr/5DgARRgmYPyDEPdakw7jFkRccAcCCsRtjPSw4yJ/FEmJQ7ihHDGVll4gsXwshygXnw7lHHJ/h7ynX+UsqA46wEG4rg36HJ/VEfEQ5yZd8AA/Cs1/H/p6VR+/xpx6EYc5RVus7jXnmCmOd/IweW67L/xMHCBIicQpCglQwfF/YKWTDJgjvMRPH0aikwQqAy4HUoqai6q2fqz0oiIiMNF2JWTuLjZUGEidP4iDEaPpAmKN3WqTmWuVVVRkIYvEgvqiMpkvjCM0m1GO5Qc4IhuKag2Lg9AAYMFwDmFJ19ejIzUsWPrumzoOWBoPJ7lQHs25Wff3GuOIqDppMaBVlSN0W2wl5mhaSDUhZb493tbu8nQdMrXVUth2ozzLYIPB2/IfSsONEKL+IP++wug53cQMKZteh1Qj+E7LlKDr2vAcaVYF8cDwZLLT1au5BWGZr+MfXT70U67I1zHpds6Jb6U/1rJ3eyaSGu+EYBAg+75j0yNX5Tjv5z6xNeER+xOEcIBY6nE0EoVpJsDAiw/hdoc6hvBBACBkLSNLnGcAaf9xK5WeJrfMf6kj/UU/qtVnrFgcIBhlqrhAhUBRiz2YMltR0MASKytLRAAhH4FJpNpSQ+6E1QBo833zzTbOEhtCjYjpw/guzA8iujjiMvzKKyzToJROWSipEHw4jXcdXjMkSmlX0pNRPIcppumOalTkGbalSI4Wgon7KJUIzOhfIbpdTWGwMUEXlTmostFUw2SCUmgqq+EOWAmaRzdWlZpCncln6Uj+d7O81rmJO9UrV6ZAAAwCDqirlxyCv6MgzBiID57/SvNbk1so3Kgvq0udeN7VYwCdZYhisrTPLtgmYtFlGnaTSCjiN3rquZ75UWrlatcjNCfAwFqS8TH4AiSNDio8+ZwDC2PYE9MkFiHWev+uWfQAIxn93d4+7Jpk2ezVwWnBGnD/ECa1dEjEw7+CwSjQHIThwQYj5wFRECxxlfejgAZujzM2VclsAsVItufnTuceSGmLPeeicFIgcDUtq2DHAgN8ff/yxgQMAgiU16l3I7vzJgFdNFsgO+70Aker6Tn/s8vccMsKOlTNEmiMmIMYQX7iCIVk02xEbiJg02IsOPW0WylMCgIrXfuQ6fvu2GZ4BEkVHnrWzjiDMmaXbjKAj7il9/nWzj2CypSCikB4/4io4E6yt+8+cchzTgfEdIJK366B9n9YZS7niBrJrtDmk+63z9xy286KwcQDAKGOyAKP3sz8IxNrEATXq/Kh2Awju0KZ+GPZx7AZGcsPXL9hNd9hxAHx9X39iwAdRgIMAnAAIrK+xzEYMN3Dx9LoDRHy1uvnH9YaqAdyshpstqAJA8JsVZlhphgKzmubj/QUaCscBcNY3Cg9I2MpbaSLe8GKOlVvtU44tgAi9sfWMcxAMQCyp4RjgIhikcA2sYhAn8ZuND+RmWFGzYcR7AASAQMUM4EDex4mInKUUbW1GSOy6P/6Ny5dRHOcVcVAeox6CblbM4hgADOTxiHRSkDNiRCdrYs5MMotlGc8BDN7KWZyMuBvOVsJRrhQR4hlpEhQcPKHzla6ZqCi9qMTEVExIOyBQwMQhgZzvZCClFT1sPuIdfmfvkBGgiPzQ1Qta7efa6h5REWdBURY4h8EL2uwSYUf8BaeSv/+oEf4hWTynF5Va+naWkiYx1tvZVdvdpMCHc6OyKqtN1IRxHG2DdTXHhGCtTd0Gznzuik+8sK4cxBZA2JBa8T+s+IOYIQCEqfBqHojmyyb7Xkd4GF+c1jdxbpLf+mkcBE/S0mknceDxfhrTBJQLwERaIT3/5sF/NzpAIMWgPR8mW4c+EW4p3FUAa+ZAENnhF/qN5/0ccWizpeZ1v3Q2on8cICC0N27cMHERxJ/GARxorKamJrOk3r17t4EFDQEY0AFGoGOiJ77TWAAGxDXa2iQQGDH5esG+o0YMIfgzAiD2KDjMbkZnHiHf5zymyYEeA45kgQYAQhqER3SDNTLhcNMivhZG4iY4DMQ4dlyFNnWYFgsdHAQcC2c4IbLi/COOtqAMM2LvEQelaGUPmAFa7En401qVktoBsRbOxFGKb9bb8geoNCrcrEADrgXCn6Sw/tgQbYgrnWkd6YH4iTYD+BCV8Z66ASp+v6Nf3M1nrvSZ1+L50o44nvQFbf0k7UFY5b6Df+hW+hOAEH/gxqb8WVYAAQ46xAhO10GJuCmdczU57Yk+R6njCDoxpTGhd8W5UgrQtNBPbUxqrOjlmM7V4iTeNKUBgHDoIp+luvUECNqG/HHMGdrDGxX63/hzqQ0SDVRRCcMc4cN3nP/uZJCmOS/ahKQj1D7WzHHQID8cB5MCOGgXYRcBLeP0CNKEHkIHw1xMzAsDOxQrcBwz1NBQf095ST9weRZok/2JAwREPTgaB0dDhCffgz9+oTMswII/9i7Waay8lZAisGl7b7qEC3kgf7VNYnWlxaezSYPpoFEf4pKVxdFrVkiIbewb4fks5kiHgaA8fBw/mCxtK5v3Jyppf6tuli5p+PaIv7fs9Ic0bNrG/lLdWFkoH98tiEL577F04u2hskll1DSY4vF8GMrDINsCCHpn8zvGAf0JQIi+uyGdhHuuJarLg9AEE2et/q/WCbn1ldL8U3VbeybdtfYxC49HusKMjrN57Vxhboo72ShuV35jQojPro24cT31094DFId3SFe/UpcF6QBG0luKW0+AQA21ubnJNumxb8BmBCO3EtkWIL5mYfr73//OPfvscya9QJqBFAPJBRv9KMlgi8M847dpv+k985+wPVINBTQAAQh3S3OzGc+hEQSQTKIQo5bi0h5UY7nvAZVaAIk5yGGkLNQoGxbR5HP9+jW7bwItKKQtgA1xkLjQ1+SFZGYzujhA0PBUdsttjBYIwLlWAGGES3+EU7YyZbFq90HQHCJG+m/+DBFGCStbLqbhiG9WqltuaS2QCBBaithqH5CY0mGJvEvTkh/NXo5Kp1WjIvJjOk2XtYm1vTynxSkAMHAZeVlSE9b+9IT8+oZ1N4nC0S/B5WTKzkSfNPktdXqvJ0D0SskFQzX2OCHALbIxYEMe4zHsFl599TX3q1/90vZFIchciAMh51Y1bGsyZMB2+9ZtAwOuHu3q6o6Lw7EtiEQi7q64hKeeOqn2TXKXL1+2k6YBDmx4PvvsMwuDNTThubb0qZNPucNHjhhHcerUKcW5JBuGF0xSgup2s6yeGxt3StJy08CnUjYZABXW3BwTQl0o/2akr1sAEWbSBnuuNUAgroDAdAxMuba+SVck0UWZ7nbgqG8uBWI1OjyOnNU3VK/CcrR3o1a628vW93C9DdZ1DyxOIkDQmAAtoiGA2RBBBJ6+tz2KWErECY6vdIFsDA0g4DhIg/4jCUNyBSCMxdMXOIoMAQ9xQv8R9H5uPQECovzer99zR48cNSUZQALr5lShJiKc733vdfeLX7xjx1lQl1u6KQ17B8TfrVKqQeMLUTkLXqySe3p6XUQEmlV/i6yXkRpw/eb33/i+2e4YQMgqu0N3THMjHNeNVsvorL6+wcLTD3AXb7zxAzNM49gO7nd+TkZuABdAQNq1tbXGScDNcH0n2pxtd1plnX1EYJVvFtWJEpj7tf1G898CiI3WI7HyrDVAAARfXB92V+6Mm5iCVSsr1f07pIDQNe5ytVLNz051t7snDEgQgeTpMqEjkWy3p8Yb/2zQptxQxUoECNF0Xc4059r7J92wuAj2C9Tk1v7poubsG0yLJeA6WIABbg0w4JknDmNbMde6OgdY941ob08IAdhIgmL3Ug+N+ePVcwXwNaU6ODFdG7YK/zC3ngDBNZunZfnMaj4SqTPRULuAgUP2mBOIbsJ+AVqWqNizd5Cl/UdssfhuRpgSHyFKCjetIerhGtJLly4LfJPdM888Y1wGR3sQDxEWaWCkxyGS7D+w8icN2iPYbHA3NbYoNTXVArA2SwOxEvEIw4fzkKp11hNgwflMlAnjts3IQcTVXFdaxIS8jg6lgdE68KsiWeGqARMbisbHhY7gXSLS0rGkdb+NHtJNTCMx7YdNhI38nnrheIY2WM1NaghPhzgHHKIlfneKm2gQEPAdwsJq9WbnuIk89goUCMelQHAYT6KzsaXxxzlOLM3TUvz5VIvVlbCxHlM7+fbAz26Es1V8uE5yfg9idk77CeLM2nRdKwSe8CbWU0KIiXLUrmpy168b/aZF/YtydB3kJJyCrvNVvBMNugBLWXHj3w31CyCPOCkdpFEaiJvGJmfECaa5HeV+H2KjAwRzHeUY6AQ0gfkcAAu6wIf5ED4hjBpvsW65xw9LaAg5aaCNyQkBHBeDIx81tblwvlc87Zg//UO+PHnH/iLZkh5+OL5TBzgPGwekG/vEktlUjzgHgWEciEfl6BwqzO9gMc3v0Dl8D5bXoaMg4HwnPoiJhTWsH53Ld9JB6wAgwtHAAAefoDmAqixnipAO6YU0ec9KAcc7ykc+lCN0eDgDhTITD0fe5Ev4zeaoG45naNfVBAgmCmb8yHMxziLPyakZrap0L4ZmDu8x39coUKkk/9amJ2caoWES+ouy8s9PEE8kqYM/qE9aILF39H18Uqma+JMWNWZSMSa4PIj0uNidc6CQ9Ya0mMmmNSYPjkCAijIhrcn0B3EEiVFe/Dm2g7FAenagn8KbZoye6Qo7KqtlHMchcFCglVPaKaMTOvJBmmmjUkPOlh1MflaeAFEq3yoAYTxw+DJPzciWJTrkMnUHSbY+HBcCyRmUX3Qi6mqKq1VHNGHmAYJ2nBT4oqXEFa/BBUJFlfkeo2HhtYmTABKAWQ/dYkff+D0iAACCRPnIS1/FmXgtJjgPfj/MBYJMOivhIPjWp6oQfU/6PJmX5MFYwK1UfitR5q00fAvEAYIOu3LlinUkpv5oNWFJjYoXHUyn0oEQYDoW9ouO5Ux02LH6+nqTuzEJScvYPD2R3yFH5PgNdv7JgzBoBaA+C8t49epVd/ToUbPkxigPlo/8ODALhzEelxVxZzaAgLwRjQY+lAWwomyUm/d8J3+AijSC1bev8ub4SxvheK4FQHAE9522u7oTos/ak36G1d5eU21PSBXtTVtzFhMGW9z1gNUvclgOwevRIXy0Ob8htAADRBoizwVDubmyTo+dqRTYcp7cEVEkkQKH9VVVVuhIZ1mci1j3aVwxxjhDiTEFm86lQ4QvKSkyq2LKiAMECMORyT6NHvsNEDTU7XB3dHosIGRnPbHyY3mttq2t2eauXL9pdSqUrHjXzkY3plvkeqN90gzSYWwZ+cY50BujU1FXpvumGV/TAoCJmQk3Ni3xW1qO6472uixdKcrFQnbuzsSIy8vIE/el+aLb6IqyCiQy4niXeYAgnY3otgBiI/bK+pQpDhBkzymGwZKaO6jZFIJYQ2D5/cknn9iKnM0ZVvpwCGza4PCDOKDaBXFh8NfV1RnB5ggP0gVUMMaDaENECA9otGjziO8AEps9AA6DFOJB/oAUeZE2q2jiAEwABkZ5gBnySAgIQAUnwkmH+/fvt9VsJBIxYmEF3SR/1hogACHalvPyOXyM9sfRlxBfjjeGuEKEKRsrc8JB+Dk5M0+cIU9W79MCG4CbMMQJK0QIJ/JbfnOLHMtjiDbgBK1kzJA2N87BsUTV98QJXC3kFMAxjkXxGDOUDz/KC2BBgEmLJw71xmyBFecdhfzgkro1Pjh1ljEGiBCHwwEBIwNlEXo4hCAmIMGe8T43oVNvuTo0LVkANt7vSrJ0N/rUiKvN3mZhWbn3jAlIUzNd93iPq87ZJoCQ7Qxq3lY/DxDkZwWyJ983gIu1GfWGY6O8K+G2OIiVaMX1SSMOEEwKiDfEmMnG4IAtDGINJjWEGxERH1b+vMcPcGCVj54x6TBpmcSACkAAYedOaojGhQsXLG2IPGmTH5tOpMFFHfiTN/HJE+KAvJD3nMXOKhbVMQCAdPft22fpwDmwuiUeZQBYACTKgngKwraZHHXA8aROtEPoC77jhygNcFypiQzxNpGRnrHsjdKSPh+In2i+6Cw6/IECK4jKGegdP/iNDB0/S1Nh+eXTkKcc70gL5xfzpC5/5cNeh0+Ft5TJ+9svyqYvIZyVSn5IaPCzlwSUI6SVAm8rA2H4DpEmFf22cnoRldXN8rZX9/whLbgGUvU1E1jpWtIUEX7SAwR8/Xx/+VKqHQQmVq6E1PwYlQfV3GhOdaEJsDtaqeItFyDCmGdO26JF4x0bBVtYaDCgIYRdAQuE4Eec8B36RTzeI0mAftAH4RPCWn8pHjQC+wsWmMQJtIJ+Cgui8H1hX2607lvp8sQBgoZgRc7qHkJPg9DI+KM2BmFmRc6Ki46AMBEGx+9AtHgCBKEh+U0awY8O4x0dETqKNCB2YTDQweQTOpAnfnArDDa4BvImPqBAB4c0SZ+0+FAu/Mmf52Zy1A3Hk7rSjrQP7RjaeuUBQpuasuz1FrmsqufbjG9qRpchOTa0Fb17ikj5KOk9YRUYeTd6+mxwI2OPE2TIjv5DjLOkVUMavCdccAAEeWEARuITehfk8PLx+emp7nWZyoNRaHJ8heO9CmOBApH2Xt5mA80g0pqQ3B7tIBzyfNLBnsPim+/Wn5VqgeUABPMcYEA0zZMFKOAATYKI8/z0008ksj5ui0vmALQJGsBik0Ujm8+XL1123PnAYhbRM8Z2eTqMk0UtY5Z0oEHMJYzfiIfYm3fEoRxT2n8K3xFtsodKHOjKd8XFAYJGDC5MdhqL70YEYt8Jg1/wD3Ee9kxMc2HYB71LDBvKcb8OWqxMIe3EdDbDd+qK47kWAEFuEFk0Zq7eHZcG06QryBGVlqYN7yD2Edk7lOZL5CMCe7N9PK55QzwMsngSGPuIfbXZplGD3xfXddyKnlYXvSetOmnV1Er1Eg7jjqyFr9zVXgIZiUJj/LVD7yoLdQS8vDr7p0xLB+LNxixaO3nKr64i05UVoByhfareSdfcxbHwHnzwAyew38iRSmi6qrJrW5bZd4ALF1ujph46KtuO/Srr9tJ0hzoocVbbAZb+BIDVzunR0mfO3G+OPUqKywEIiP3HH33kKiV9ACS4dwRjN9qrokJKLqJTH338kaurq3OvvfY9U2P9VMZr586ddSdOnLRyTwsskFxEFIZLhbqk3sqFQqTX3Nzs9kgCgciafU0uJ+K+kjaprOKQNgwITCgzwNSnfTU00QArrvI8fvy47CvmT514lPbYTHHiAAFSblZiupkafKllXWuAoFysqEekl98vlcsJcRKsqBEVQcR5Zovwo0bJYr93SGdkKfyMfuhhYeEKiJclQlsocMmUppMUoVz34JSBB2mwqodDKZTKZrGOiiDuqNQzh6ISC+iYCFQ0SQe7C/LCjehoiegEqp6s9r22Dvsb2ALkZWk/Q2kMKj5pUGZ+ExOuBIJPvqRJngAM9eyR7QCqouAwQFio/NDMUrBVdeQH4FOujTrfKF/gvleiMZYDEFhSc5o013ti+AbHzE1sUzq77MCBg7bix5gN8fULsmZGSeGixNYoukDwSyWiZu7AMbB3CuFvk63D4cOHzcIamwquGGUPkyMwvpHNRa3CYTAHmBxSuOamJltonJQFNWBFe8A9cNc1UhTK9F1xWwCxQXt6PQBCtMsIJkSM74kuEE4ILQ6QeJAjHEHjaSYEpm6884ARyzPhPV95H/KC4OMSs+Q9zrh9vSBM4nv/9t6/9ytTyGstuIcAEAAc7WBtoYwTwQK/lVzBJ7YCaUPwaCtrQ/Lmn/9hT8Qr6wUQiFE5H4k9zUhdnUQ6qaa1RvE40mKfVvEDEgexr4ARGuJj04xUnWqk4ELcvHzd/ywAuXnjpnEiEHT2NyORiBsXoDRKYQYOg31NRNJff33auJMKcQ+EQwGH+pMeHAfxUdU/efKkiavI87vitgBig/Y0ExkHa41Iwu9B6JIhqZWu1h6Ez8+LFS3zJf6JE5slhv8uB6NbIdDAGSq/wyPDupDey8NplyAjR+SbCBor1WYQ/34dNQEB5PKhfBFTbqdjhY4lMf7rCRArVc+tdFamBVbNkvphxbNjv3X8NfcncFQ3S1eOwDbtCRkU3c+htsjdERZOaonBmT/xY2kR5lv3SYfAepI/eUKIucJUy1kZZ0kTRZteD3OJeVGORGfvtLllSzGWZUo/fg+2X6YlBr/vd9KhPfxH1xcqnwmpg2ZoEq8GQExJfjMwEnVnm25JJl8lK94MqaxKpVXgBMGIr5pUJVRTUSKgHB2d3fp0uYb6HWZLENoDNVaM3VinciSyV/PUJrfKj3Fby21/GVVpiW7dU5tDDCFOqJnyHZXZ4eFRyYrzTSXWDOdUFgzXMDhDFZZ4XGLfrvxTJXuqkHiBzUr8kV3zJJ32ji4RvwwjxKRD+dlshFCjqkt+qPeySsURBlC2MsmTcHzXH/WnAuhBe5i/fvCd/C2MpXD/PxoOFo+EuiVOaWm5berdyMGx4cjNldqwCPeJ48e0qi23Nrl/ast/g0rxjaZmAwPsTTjxtKZa8vmhEbU1QOXvFqcvllKfpZRgOSKmpaS3FWbtWiDOQaDixeTiw3c/eSbteyBITASIBQ7tIRzhYQuJwzvCEo7BxZMVESwa6fGOlRGDjzsRBi985XLqdtsdCBAWbnrjop9w1wNyg9kp6dHrfog5GRxxjzMTdKT5qi7b2WnXgnIXQxKTXc/J/h67Y4E7IrhNLlX3TXCEdpKAhDshCMc9viTCPdfRtlsus6LabpHjTghuirO7H2JEfVZ1SxaRAWxmVQ/CACxcMjTe0aYLkGQdq8uKACIuEuJmOPIavnHR7oLI0SVEU5KF+rssRFVETMKx5txLAQgYtVF+Vj7lRbvNqGzJssYdu9uiOun6VV2i5FSXufxil8nVpsqf9oQArpSa65Ta9tzNVvfBucvuz549ateiIt8lDxx68WZhLcLPiZm1NdVWjpvNt6Sm3KMD0WrN0C2sQCHiEGGcJ8ZebFEpogcos4pta2uXbLdcBLzTNh9ZyVZUeDVngKdL6WLIhpU8dhGMMTYQ7SJ4rXzhpliBd3XpRE+Vn43HMS06sJaukjYedhEBIAAFxiHh8vJzXaHEC4zbnt5+Xfk5ZkCIJTllzVT9CGvjVGlFZZgH4aTcE7Lr4B1pD0izhTAV5WWuQOVZCkFVEjGA0H4NY1bjqpeNUPUphoK2F6g2q9IBcrQH6a+k8/NaCyI59oMoM30F9vE99B/PpdRnKWXbAoiltNLGDBMHCIg58jcIPsQfQo7hGpMOmwIGMAOG96wesTGAOLE5xCCHkAQAQK5HONTGsFfgHenjv2fPHpP9zer4gqFLZ3R5jy7oEVE14itCzHWcRjT13VbjmlHcwgZ4cD0n909zxWdW9Q6Xp2tCh3WbW5LOf8+uqdMFRTftWlOaOrOq1m6S4zIhborjnmjuiOYmN0Ajt2GPG2u/YzfMdf/xPbtmNENXn461tbhp3XedJeAgrN16p3xnxkatHNN6Ut6JLlnm5uZZGQCZoatn7Za5nB2NblBl4lKhgr1HdCNdp8pc4YZ1lSngk5wqIqW652xv0D3U3ZaWKmqXJc3CIZToDHwROW7ZA6C4cCi9tFIbwlrFFpa7TMldVwMg2Ige0wq2q3/IVRTptj0Io/qLYy6QUZvRmIgGHAXEEmINwYSoQgDQLmEc+JW4XxwAKKisYlFtxEcr8wy1Ad8hVBBYiKAtOkSgeMc4wZEuxBhOgVUveakYeiocBDwGPuGeZgCMMqFxkqL+gYMgLd4jysH5caizihSX7wAJeXBGD+WEYOJPfdkjUEEtHmXFj7Qpuz/2Q0aAKiMOq3HS5N3DHOUnPdJfGJ46LuZnqyJKsCB9axNluND/QWUgjs///gBAf2xEgAj1Tazfg+pu/aY2e1CYxLT4HvJYLM7Cdwt/h7Tu5x/eh+fDwj3sfUjnYU/S4UOdQr0Wpr3wd0gzDhAESLyTml17AILJj3Uz9hGclQ44ABoQf4xV0CFGNQx1McKwwcN57oTBH/1iVkU4NoY4cgMdZDc5bgDBXdF5uo507E6LVv068VCTelrqaFNDrJy10tM1oqzYubaUlXh2Tb1xCna3s4gLVIPrPdN09/OIVu4FB04YgZ3SVZ9R3RGdqpvquDIUMU96YYkRXbWSgKHCVv6IcLgSdPjaBeNkxjtalZaMcARKnstoMW4luzqiO6dvGJDAKURV3vTiUgvDPdR935yyG/Ty6ve68Z524wDw51Y9wGzo8hkDwTRxHOO65zqvYZ8A6rYRnhlxSeMCK8Asg+tMxQFl1URcdm29qifOquOOGWmtJkDQP4wBO6uI1WPsN/60l1FmfP3/ewYa8e438Cx+wp8QDq8wgRNe35OOaKmVg/fKgr/6MMgpkv7goxd8cMHPfsR+J75PDENYn+R8fIsnf59ySGX+afkkvE/Md2He87Hu/UZRFwIE6YS2IJ2QFvtP0xob0zryIzU9W+A1b18EYAO8MxqLaQJWuIDgQnqAXhD58Q7RHvN5aIgN2gJT11yMQ9mIAEH7sOhkcRQ4QeoJPVqsDrxDZZbFLgvZpTjiYGtBHBYKiY53qLqSX+CMWUARjvIE96A0QhiehKMvKDsLm4WO+lJXuFzKvxTAThxDIT36knwoK+mEvS0Wc6TNZj+O34SlLGH84X8PQGBJDfFm5UUFAudAg1BAjFbIgAaE+JMpIEID0VC8Q3eYozWIg1U0HATpABjEr6urM2CZ1Up88MJpv8LWCpkrQOEi/HWcWjFqtcZvpiuEeEziIH7DDUD8uc4T8Q7+TALuu54Q4Z1lVafVGdd5jrWL2GslTvwkHY0ASLA6JzxEO4ieIN6IeEjPOAy9ZwXPFagzalzuoIYL4NpSC8e90pqYKSLocxIHZW3b4fq+/sTKnFW13cqH2ClLoDLR3e7SxfVE4UzEkZAWV5fCrVDeOXVMmsRqgAKipDRdSWr1E1eU27DXuKhRAR0S8qRicRA5q8NBMBi23Oq3gKZVHCAAOyZpb0+3u6E5k5uXK5XLHaZOOSOR6u1b59zVS6dc1myay9ZibHvDEVe5rVEiyHHXKxGn7V+Icz3w6t91tfW7pSKcaiK4GzpxgKNnWLA1NDZq7nFlZoq7fOGsuyqx7o0bN12x7mb/Oz/4odseqY8R2HlYXE+AAAQC3THCrwYzDk9zGn+sqClfSXEJKwKjPSYWFGEbligyVXQHOkSYd9/9ldlGwE0CiIEosrglLewioGUQYt5BHDlO6IguB4JwBrCgHCxur1y5LDXXA0YjSf/ChfN2URBlJjw0kzTx50IhwIRTIvxRNRKH6h15kJ69E+1MFq2FcI8KmPJFeyHyjAnSRL2Xdxj8QWupJ3SW79Bc0qCMGAhCsy/qngq+UxbqBy0mrc9kJ8LlSUVFxZ7TV9qUA9oNI0D9aVfy5oQMFv4B9OIAQQZNTU2mHhYqS6OBJhB80JjjMkIFeVIIzmsKhaLiNBKVs87VfCNzKkaD8qHzeDejK/36vv5YnZxsq/JUEUeIvsn4YeW1WmIFpT/+fmoRYgaE3RUtP5xt5Jq8XqIb4rJnIfGQMvDcgVZfpMnGNXsPiVd6WgKWhsqlO6opB2GViH+lPFhxsVcAkJC3WlCvtQ8S0lJIW6FZfaL6of/kR9jwCWVVO9jGuNLiFX/gjELatvEey5+9liTJ10kLQBoUgKUUlLg5fTI1YGhTOpPBwgBKRHxf+Ef7S9/FivtoCWzFum8L+OGAaus8QNCHHe0d7puvPne/ffs/uZ0Nda7h8LPu6RdfETHpcr/6xf/hBntuuRxXJe5y2m0XCJx4/s/deF+bu33+G3fhm8uu6+IZ98qP/1e34/BzrkQE5sqlC+6XulCnp6PdgKFxz173/Msv217P2//lr13m9IDr6+5w/dEp9+Ibf98df+olzWk0pub3OpinzNGVGlesYKElpAmdIX2eECHyCLSC79AZ7BBa77TqfK88W1i23vEKDYi1b9++5SYlCo1EIkbgxrWPg4SitLRMgHpL+0VR99ZbPzTa9M477+hstjqjR4gpUZYoKCh0r732miQeX7tuGeBVCSw4oQEaxhE+b7/9ttqqwr300stmsQ2biX9Tc7OA9boZyu3evcfUaTHAq6urMzVbiPW2bdWuU/QQOvpP/9k/s3q9/fZ/FUBkuhNSkQVgaIvy8grVq0ALg14j5hB2xLGHDh7Sfly7FtKDdqYcKrvQ2Z27dkrdtsWIOBIarkUlHSzD0TxDpReV3J//7Gcm2WnW2XaU5/XXX7e2/vnPfur2CdggO9S1XPuAnFnX1NRsihsAMAuIHu350ScvvPiiLS4YzHGAgHCHAcETYpHo+B3e478wTOK7hXETw8bDKb0QTtmRov33fD+/ExwBQnl8YP8y+PEr+Ac/0gxVCO98rG//DXG+/cb7hPIlhluY5j3viGaR5lNMfD/ve99voegGgiIkgAIybzp+dQEi5Hzfom29eIQWYNz7eeABguHDAgsi8Id3/tYNt5x19Q07XVpJjTv4wvfd55//2l04/75GUYo72viUa+0WN5yd7k6eeN5Fh++49o919aUUCvoHR9wLP/qHbsdLP3JJU6OuTbYCty6ec4VOezgyeR/RSbPbGne5l1991X38wXtuvL/DTeoI8hHtUz/z6g/cnn3HXHGJDhpkcRJz6wkQrLI5SoPVLfTh+LHjtjfarutGWb2zIuaeaPaumpqbRLBPmJi7Q4R137792hO9IgD4nu1zvvvuu7aKLtWq+Oq1qyaG45ieCq2aCccRQqyqL/239s49tqsju+PH+IXBNoRHINiAf2AMBAMJEN4km2xIQ7ZJ2iS72+5qq0jblaqqVfNX1apqpVatKvXv/pXu/lFtqyYbQrJJSoAqgU2gCa9sMOZlsHkZm4fBGNv4gY37/cz1wPUvDmAw+FJmrJ/vvXPnzsw9M/d8Z86cc0bbiq5evdox688++0xMUh4DNOLGYC9fIFVSUiJvw6PdNbOPlJhrldZem5vZB3uMY9zUlW1Pi4sn25bNm+2VV14R088SQ/6tuz9l8hRnnIcj0dnyH1etspctW+Y02XjXQo36MfJjs6GTJ07a9373e3ZMu+Uxs5ggwOK7xzYEZY255eXunQFZlDAwEOS3c+cORzMG7Wx7ytLAKCljbNmyxfmsw6u2pxkzD1wrAbosAzDL4pk2zU6wYk+lUq43DJmaq++M4dg/BTx4cmSkCSi4j0MIf7cAov+ahNjBpADjBNoTgGDx/LgA4vOP3raGKrmK0D7Jk0rnWN7kR23zb35tu3ZuV+I8WzJvoSzFmy1//Gi3J/P29//LDm3eIDcQDdbWk2lFM2faI6tWS7trjMSgjdZaf8ryO1tkSd5tLcOkPps/xn7vtdds17ZPrf7YYa1bSOkkI9eekogppTWzseMna0SfDIBgpgHj9gZyqPqyvkn9YFoimx3XLII9o1kTwFq6UZp+zBDOnj3jgGX16uccsz9wYL8bZWPs9rA0zVingWliYHdae8wAGuSDaAr1aRx/nhBzZjSNSJyRPaIpRHXMCpjpIFqvlxV2vhg6Pp8Qo2OFzeyB2TxrsmjMLVy0UDXNsDox9ZbWFgc0zIwYobOlKeJ2wAZAPHWq1m2JgCsPZiV4QF68eLHzSt0taQqgw37X2RI7A1SIjthDGyBnxjKjrMzNIo5p5tChQQflMcMAPJHesDc278naE7OEKQIFeAkirOECWpYBMBJ8aMxDiu90tEPURLg2g3DqdfTaEBJBgQAQiWiGQa9EHCBghrViKJU7ttru9W/bs9990h559Amtp5XZMa0/bNrw31ax57hN1wfNQnTJjOn2gz/4gb35j39v+7Z+ao2SG6MZVzRNI8XUZFvz/Z9aR3OTHav8WkoPJ+WqJNvatA9FYcks+501a2z7ts12pGKHGGKTTZK4ClHW1NRsyb7Hi/lF2mO88FDOIABPyveSBq5RBwYgEKmi/QUYEGDYxJGGNYLt2790AFBaOsOtLRCPuJsBFSNwAvnyDAyS++TBfZ+XS6R/iKN4FqbMtxidR7YzPBfVBXsZbGmi9QtfXmSDE2m1IaZmTs47kQ6AoCzyjDT8urTF6m4BRYsTXyHepz6kI5AnTJ7yOffacuTJNWm5T31IQ0A0D41YX6Esyo4HaMCzfvAJ10dUTloCMxN/HgDCkSR5/4YCIGBedDxftv9IHXV08yo3FRhHkJYO7oZ0iuvzDDe5R1p+0am7ftD/QRo+TqdGK2I0Nl60wxIJbfqPf7UlC+ZY0aOLbdKcpfpIuyVT/pV98P5GLbyOsOJJE2xaL0CcqDpsG//z5/bJx5tcg80pL7MFa16x1/7ojyWHr7Zf/uJNqz2430bm5VjZ40/YK3/4Exs/cZJ9tfNz+2zj+3ZUsvTFTz9nT313jU0VeMS1o2ifoQSIB71/JO39A0AkrUV66+MZLkc/UvAiJj5gfowaBmuRGsd25y9dsTrtj3yiocPGaB/jhwuyrEneTvPlpO+yHOm1ymle7yDDzjbJ6FGO7/CCirfUY/Kk2tzWbbOK8uy0PMHm50aL8Y88lG1jCzXCwXV3CA5YPUAAwLTjWcnXd3/+P9pUq9QeLplphdLAg/Mj+jgoWffp+jPuXvHkYrcg2y45ce3RGtu6aYOTH696drXNKJ9no8eOc0aFhw4esg0fb5Rl+Tj7zjPf0drGdLeR02mVc/hghe3bs9tSUsFesGiJRCYT3ag63jSDDRCstdB3GZXebJE6Xo9wPvQUCAAx9G3Qbw1uBhAwGQCCaWSfkX6/ud08Ek+qXx9ttePnOp2XUzydMmMoE8M/ca7DeVbFS2ud3GpfbO2yorFaKNT1BAFApzy4HpH771EjIgv60xc6bfaUPDt6WrLUGSNtltxpsz9ECNHMKw4QyNEP7N9v/7tNxp+SYa9YuVJb6s5yg4ImiR3OX2i0OnkkZW+CUmk5FRUVW82RKtv0wTrLaJKluTRiUP+etWSlFc8qt4rffm2bP/3STpyUiqRAev6CcntuzTOyb+m2tWvfUTlSx5YIoqRkmr362qu2dOmybzRLAIhvkOSBjQgAkdCmv9cAwb4NtZo5dElLAmbOdf1FuVieMsK559Z6nBMpHTjVpplEtz2ektab5MHss4C4pEl7NJAGUOnEbXf2MDfLmDYxV+CS6e7djNQAnX9vn7a/OH/vhkfllURIShcxoVmCtg1rgDBmZM/Pa70AH1MntRiKbH3vrp3WKYv6PBl6vvrDH9o//d3fWIPczaxZsshKtPh68UKDNXRl2MynX7KdMlKdWjRJC7FjnQuRai2Szn6s3C61Ntmbb77pFjOxdXpGqp54J2WRNz0MNUCk9wFfP9pT3etaH+lvYAT4Epit+L5DfhEoR3Hp70c67vtnXQb6x2yHOF8frn3weXPtnlfb4Y2A4MvmnGf9L36PZwjUhfvk7eOI92XGyyE+PVA/0vhn/XPUwZ+nPxPP05/H39/Xn7h16zQQka+bnrBInU7Gob32jcuRHwtQcRETjTeYMwgV4TprsxhTFKJOlzecxTIYd++iltKhM5+tfRtYCKNeAAR10Q1t4KL9oTVaZeGM/aT5DtyzQg7qTFo+I7/nMYtsQhqJoK7r3WPNTSLf8ckD9T7P8XH8x4dFIgyNCCwA4mIDR3tAA+XQ0fklKUBnTweOqCRu3brV2QdFuu0FtmTpUquXf6mz8tHU2nLJPt203lovnrMn5j9u85Y9aX/7F39qi1PF9vismdYmdyXQ52Sr/DqNK7FuuXZZ/Nh8zSwLNdOT/YG0YLplY1QtY8t6ae7AiGpqauyNN97Q7GGpm4HGGR+0Smegd0o/REy0D+1JWeTP0S/YEk/wzIo+Qb/iPn3f0UtpaGvOK/futTJpbl3rd2pv0tPnamtPOvsPZtaUQZ7QFfVSNJDwnHtcrruLpEGEGir3eQ5/XxgXdkoURl5o+qDJg2YQKrWomBfJYM3Xk2d4J/o9P8SBqJCy2I/WE/yUumPXcUXp2DcdjaUZM6IFdMqlb6JuukvqtMuWL3cL6dSZ56gzZXAN/Tj3tODIsxyxa8B9Ee8LbaAt6qvlUoX19SOd/1F/6Mo98iB/+ArXX2lvDAYP0Am7EPoJcQEgXLMn6x8NSvANy0dDR6Fx6QR0hsEFiMhi9VDVEffRjJHKG07rcKoHc4ah85HQoehYzveSxB7duHtQXVD5Azj4uNT3naoeHwHpsSTlA2HbRry38jzpeAe3GZHSdOs+VrBogNBZUQEdqzogYkGXG31vPJ4CSrw3aagTTKNAHlDPyLlfxBS0XqKPCzfWhbJMRi2Q8m43QH/cWhDI53bmJb4toQfNynvD3DjClNjPgPfhPkwJw6xT0uuvl7pqi5jKNunVVx86aE/On2tLl6+0f/iXf7bFpVNtwbRpdvlSs7WrHS7IFce4mY9bYbfWf6Bjdp58a8mJpiyO65ov2wG5oYFJwrhQ+1wuhvT66687RgDd4jS6WwBBGfQHDxAwPUdTOowC7w+j3r17t+sH+fIagAPDiDYm5lrmVFrZmwG1zZaWZrcGM1k2BtgL0BcOH65y9hJsPIRfsClTJssO4byAuN6J06DvBx984DYQApwxNHtCKqWUgUYZzBLGOEr9BtuwCnmXmCkGzAZD5XPmaPOhOvdNlpZOl5roWbcGOFZqp7xLRUWFe7dUqsRtVIR9AxsQoRbLTHGE8kPdFhCh7WfIyr1O60KI/ebNf0y73k208WLOvJ8HCECFAMPG0M4bxxE3Ru+CDQN9BDVdVHJJh/oqNhXQmb5HHqjGYrfBd1WkGSbGeHyzfEv4I+MbRh129qzZLv1i2YtgV3HqVF0ACIidtOCZCkd+AER/MwgsLfmw7jRQBowV0QY+fnCI57yhtrS6zgzzb5fXU7g/HxV66u3tnS5dBApieMqDeJgoHzr5waCJa1Y+dM7x48b2go1GVW7UJ0eOWThybHOggoUp2lE42UOlr02gCMC4zq6XJM656BaD5a15d2iANSgqhTAgvK/CgCl7pOT6fAi3G7quyg+YZP35w/P1u25MOpD8mtvl30feebPk7kUkugYQ0BxmgI8zPlSYJfr3ixYt0jtctkMH9tpp6eJ/8unn1ijaLywush/9+Ef2y40fW1bLBRul2UGu8rwikeDZ3JH245/+mZ2uOWot8vElh+bOPXyPwLVgwiTNRuqdTjtlAEjYA7z44ovuhy4/8T4MNkD4ESptFQcIBjvE+f7LEZcPO3bskHfgqc6auk39AtuAkqklDqgZ4eIgtEh2BzBBdoRDTMbsKEd9lrqnSlJuVobrEtJhaHZO+v/YOWBX8cknn7jvaaryxDL7+efXOEeRPAujZBe5ItEa8OY3f958N9NjgyE8/14SKE90thHVskGY6UbwDXKpcey47BAEMBjaMYDavmO7M4ajb1+82OhmCGVKzwgfAFuodj6l/PfJUI861Ch+vgDlK9l9zJ1b7r4HDO0AxjNnTtsxzWZK9G4ACZsnQcvp00udBTnAxXaojZqxVFcfEU2mulkWMxQACuM37EQAJwCD8pkpZGtABsCyDgbIUD7gMUX9o2JvhYCxPgCE/zCSdIR5EDjyiwOEG3mrI9NBBgsg/LtTFusI6cGptCqSW75u/aXRNx4xwd76p6fx16SDwYs79L6jv3P9KB5PAhfh5bvX7/Y9ixiNp1faPV36+33v3PyqXUZltU11NnbEGCvMlWt31Ze8bjUw+9h35qCVPDTFCnIRO1wHCPLBCAyDLD+a5rhKrg7Qhz8mtxl73nnbNladsAlFxfbsqmW28oU1YkJtVvXlZ1b5xVbr0D4OhbKUnr38KSuXCOrwwSrbrxH4RPkV68mW51ox1MllZQ7I33rrLVu/fr1jUIDQyy+/bC+88IJjXPF3uhsA4QcRABH503f7AwgGFocEYDA0fEoxa6ZuAFqdQKBUo+5Dmk3hi+lcg3xYyahuRqnENhoIkC8jb/wLYfwFQ2d2BGOESfPOzCC2bdvqXG5cuHBezZhhT8kVCd8RgW8Lp6WMuAEdDN0QLVHWCInqAAwGTzgdrZebFEbwiHMOHjjgwJ3nC1QultKV+yrtpZdednliIT1abj4QjTEoAAjpSwwMyBOXH+zNkSefdDBw6IXtBgZ1BAY7zEjwyzROg6yaGg0ElK587lyX1wW9LxbaABVl4XqEb4aBEu/G9eGqKmdEVyp6UW9mGoAEs3uM+/BWzOwVLTjicOHBbC6ImFwTJOtfnAlz7kVMdBo+BOI8QAxWzRHzX5b2UocWqNlrmsC2oKiostdzjpYZ2HOaBewu3fegQTrS5Lg0cqqmNNxn72d+gAAslR+5wvgzlT4vO2K2aFBRpl7JBSV3achvuJgcKriXOyRfVf0Y6F5L15ufq5/yy1X92mUr5PbKVrnUgZClAtHAYo9sJbtp6OqRkdRVycCHZdvZy+ckx5evmkyJQ1Sxbt0ryNZsQi4sVGOXl387QasbgTrRl0Uj8uYr8vOlZCNky5CdNoOA8TGC/VwLywf2fqWF5Tx7TK40li5bIVHQSLnUkFz8aJWdOY+TzHxLTSu1cdJagnlgWbthw8d2oeGsLVvxpKywF2t2Nl6uEjTCFVO5rJEjM7NCMZZ8MSzq3tBQJ6ZW7frPsJ4r8t8zy8Y+PEX3VFeI3hsGGyAQ3/ADHDxAcOwPICgba2DERfR53pVAWgIASl6Ih/ZI/o5IhpkB74cLDhg0AUO3zEzWB6LZKd8KKuEc0RzjiGYYI2pESVz7wCyA74u8qAOBesFUASxENLnSHOMcBs8PRjpJDJV6k9cuKRZQ3ooVKx3A8R7MZDG8Iy/3niqH9/Flwcg5p1+Qt6cP53z3/puHdgAps4CpJVNVu2iQRV7Ulx91gE4+D67JhzwoByAljrx4Xw+QiHgx2tsrcdkCzUg++uijABCuByTwH41J4Eij05B0FDouPxqY68EIlATjP9/cbYfPqOOLqbbIrmHE8GE2Ki/TJo/LdQwW5r+/9rIDCuwgYN6ASKY6dVnRcDFpPSd7CewiYNReowkQgFFmaXEbXjQ2X24PZEMBWyJ9tcpslnbUCNlckB9h+oThVpg3TAzarKquTekk+hJgEPAzBGjpW7MxI6O8uAbAqurarU0PtQns3EKm8ls4faSNVN7Z1/mAy6e/f+3dHdbSJdfOmTnWIZl+QdZIAzQ6rmptpEueNAUcI7I0YlUcNR2WES2G0k6dSs9Hl5epTa40e+CZkZly1S1wINCkEROLXEv/4uf/Zht+/Y6VT8h3z53rHm7ff/1ntnLFCjH6s26Bs6dL9ijNjZYltdXUtFny5HrWdkokcFgO+3pUh6takF60aLE9s2K5Y35upCiAoD4smKZSJSq4w47s+cQ6Wxst9ehjWjyt1ztlW8nsZ6UOKw+jNEpvgHnxDvFZhb93O0cYFf2X/MjXMzAYGtc+DKQ8vgWYHIyNfPgW7maAljB56gsgpAfuRe0atS805H0Gy04pvTwPMrz7QOiWnk9/17QP74KSydp33w0A0R+RkhBHpyRw9ADBB0HjEUdn9R3Ep72TeovniklfdQZvgAU/8kWffmxBpuToWgDWSL7hkkYpYv4w8mgmEZU6cbR2Y9Movbld22k2XRGz7HGzCpjPFQ3/WevN0X3eCiAYVyi5u+61Ks+zSu/ESLpJHPljZFco2wrsLBqaVabyI16vrzQa1UGfngwrEIiMGilxm8CDvCgb0AGsKCtXZU58SGsqOt7qcoQg2AFAVka0ppJO164ejdIEDASAIgoApdwv6EUBFFguaXw60rgqoWlwmgAACU9JREFU6z4MpbKy0v76r/7SRl+9ZD9ZPt8xnvWVki0Xz7Q//5OfidOwEK/yu/OsoVFg0XNZ/nLG21ebNluO/PNktGq/AzH3mktav5HPpVefX201EiOwpoBohXBMcuspMrDr7jxju9b/u+WIcaUWPm05E1N2/OJliRSW2rRxowRg1xk1cnja4E4Zj3+ed00HCN93PUD4tK7S4V9iKBDsIBLTFN+siGf6HP2U1E81iYvf96OXeFw8Rx8fj0s/h5nCwGDALv/eBDBjRuLiGb33r69TwAQJ3HNpdE4+iKjEy108913ghtLxDFINZh1cUJ4TRUWprv0HgBzf0nOIl+J1upZIJ+n1Iy/yJPQWoRGm8qLgAQRESJH46OYPpaflmvBtz9NeyJdZmBye2WOTtIsf79ckGVmHQGlKcZGrM1vddmukrx6gHzMiqUY2Nmk7XYm4ujpdKZ0CyR4RdLQ0txAt0UfoLzDliBFrIbujRXutSCVWf90SkXVkoOmUrbWOUbJ6j8RnN3/Lb6aIM3Z/Hj96AOBJzrl3vV7XR7/+mW+WEGKGkgIBIIaS+rdQtmfsfFRM1dMBws8m/JEsHSOF08eCzycWFU6HmAK0GYwcSPUjeEAVcMGmI0JXF9Gnpg58aN5ewHNNLcbrmGxvu8fbG5DkOppPSdvM5RalRzttoMDpK5PO1P01R//zoOCPxPvZhJ/9kp9/1ud9oyPPE/oT9fCenq7cjwNUep6khf7xuqWnSb+mbJ7h2bhoK71OPk1/daR+fo1kIO+dXpd7cR0A4l5Q+Q7KoCMS6HB+MYm49B+djuDj3UXsn88nFhVOAwXuiAL9MTfifLw/jzNg4uKyfJ/GV8Qzd/qrv+fPfZqvpfmFxo5TqWYqquDTsNsazJpFXLSZYNDkw/fj86MM1ix4BvsGtJ1YqKae/juKAwvpCOTFAjdeY4uKip3NAXYHBLSdciX+RcNIFLBaXaOyTL5APgEwJn/ck3NkfYhF8iSHABBJbp3eutFB6eDMIFiD4Nr/SOLPOfprdxL+BQrcYwrAhAn+6BmtZ84cAQiO/Y3w0dtHvZW+jkoquvnYvaCG+bAYKvcvSpsIVdIGqZ6SzxipvOKSBCPAL7/8wh6T0RlM/7zUWCkfZn5Aaqjcx2YCQzj2YoC5sw7EngvsNIdqK1plnKPhxGZAhHOyw0BrqUzqwtXVR9y2pKtWPemsrp02kICjQHkzs8OOCA20muoaZ/hJeQzs2rWgjiorm/6ck7oqu7rNVz29dpYrKIH/AkAksFH6qxKjIj4aFh89IJAu/dw/68HCX4djoMC9oAAMmxA/pp/Tj4mLi5h83XBN8YX2UC6Wvj+2DGx+A/OHeWMpzMgfLS023UFDaN++SjkxLHU7szmFB21lPHt2ZA/AbAJQwVUGQMCGOOXlc+03W7bYnPI5lkpFO8Nh4UwZ1Ono0Ro38kcllK1BW1W+t5j+fe0SV1d3Siqsu21aKuWM1/x+EbyLJg7axOmC29MZUKBsAIetTUeMlKW73oEZCO8BiCxYsDAAhG/4cLwzCsQBgpw8AKQffSk+3l+HY6DAvaCABwPK8ufpxxsBRJMW7jFUwxdSZeVeWe3jB6ndudZg5M8oni1C2R6zqUl7aVQddpbMGJBhIMZsY5aM0TBEw70FBnaFMhY8LitnXHdM1ogeGwqM5JYvX+H2vwZsGNlXVOyRId4MGdW1OvEUFs8RSLQ6pj9PRmmNqh871WF4hnUzsxBcVSAywgYCtzDMVhBvlaRKHDAh7sLAD3A7eOCgA45RowodWDlguRcNc5tlhBnEbRLuXj8WFzHFy44DQfycNOnX8efCeaDAYFLAg4DPM34dP+d+XMTU3z3ESPjdQlyDcRqiKHyD4YcL0RHaX87L7d4KJ/qZJaeFbsSuET9H8sTFCmmwCMYSmjxh0DBkVH9h4KwRMMtAbItxHr7G8Nk0fnzkrI7nEUsBNNQBy2IWl1vkNoZ8cMKXJTcyV1Hh1nvhT+y8ZkC4A8E9zPC84S7/Tm3jCbAAVgAXdSQv8vYiOE+3pB0DQCStRb6lPh4gvIipv2QBEPqjSogbKgqkM3/qQZyfQcB009PQh30/9uccYaSk5cc1ecBoyYMfKtYs+PpnETdhz0H6OBPmPt8SYEE81z5PZgH8uOfjqLPPk/j4tbuI/evh+Vhd/S1ABfkT5VE2gXOfn4tI6L8AEAltmPRqxQHC3/Md11+HY6BAkikA0yXcCCCSXP8HsW4BIO6TVu8PIOJVD2ARp0Y4TwIFPCCk1yUARDpFknsdACK5bdOnZjcDiD6Jw0WgQIIpEAAiwY2TVrUAEGkESeplAIiktkyo10ApEABioBQbuvQBIIaO9gMqOQDEgMgVEieYAgEgEtw4aVULAJFGkKReBoBIasuEeg2UAgEgBkqxoUu/du3a4O576Mh/6yUHgLh1WoWUyaZAAIhkt0+8dmEGEadGgs8DQCS4cULVBkSBABADIteQJg4ziCEl/60XHgDi1mkVUiabAgEgkt0+8doFgIhTI8HnASAS3DihagOiQACIAZFrSBMHgBhS8t964QEgbp1WIWWyKRAAItntE6/du2FP6jg5knseACK5bRNqNjAKBIAYGL2GMnUAiKGk/gDKDgAxAGKFpImmQACIRDdPn8qtW7fOMmpra3vy5Jp2WO/2fX1ShIshpQC7VAEOBQWFztMk3lxDCBS4nynQ3Nxs7MTmtgxll52Ehiy59GZTorg32IRW9a5V67333rMMbfHXM/qh0dooPdrf9a6VFjIeMAVwwodb41HyXY/L4AAQAyZheCBhFGCPh0716dzcnITVrG919Om5zYbuB7fcfWt+51fwHVyff/jhh5axa+fOnlSqJPHb3935a99/OdBIbGRSqBkEm5IEgLj/2jDUuC8F2PCHzXbYFOjbPL72feLeX8Egu7QREBsUPYgAgdQCIN+5c6dlCCV6nnhikduF6d43RSjxRhSgo7Zpt6sAEDeiUrh3P1HgfgIItgZlI6IHLSC1YOvUuro6y5Cuaw+bhI8bP85yc3Ki3ZSgCHMsDu5fdH7tmhMfogT+SkfkikT6o7/l5Y3X87qepr+0Sc/j7tcPgGBRj43OKY3tEUMIFLifKXDpUpMTm+bAa67xiIF8//fgu4PAKqZAM4j/T2sQ/c3YfBxH+E27BqRst1pZWekkFv8Hec4VhyV0on0AAAAASUVORK5CYII=",k3=({cursor:i,onPaneMouseMove:u,onPaneMouseUp:c,onPaneDoubleClick:f})=>(ue.useEffect(()=>{const r=document.createElement("div");return r.style.position="fixed",r.style.top="0",r.style.right="0",r.style.bottom="0",r.style.left="0",r.style.zIndex="9999",r.style.cursor=i,document.body.appendChild(r),u&&r.addEventListener("mousemove",u),c&&r.addEventListener("mouseup",c),f&&document.body.addEventListener("dblclick",f),()=>{u&&r.removeEventListener("mousemove",u),c&&r.removeEventListener("mouseup",c),f&&document.body.removeEventListener("dblclick",f),document.body.removeChild(r)}},[i,u,c,f]),m.jsx(m.Fragment,{})),J3={position:"absolute",top:0,right:0,bottom:0,left:0},F3=({orientation:i,offsets:u,setOffsets:c,resizerColor:f,resizerWidth:r,minColumnWidth:o})=>{const h=o||0,[v,y]=ue.useState(null),[A,x]=Hh(),T={position:"absolute",right:i==="horizontal"?void 0:0,bottom:i==="horizontal"?0:void 0,width:i==="horizontal"?7:void 0,height:i==="horizontal"?void 0:7,borderTopWidth:i==="horizontal"?void 0:(7-r)/2,borderRightWidth:i==="horizontal"?(7-r)/2:void 0,borderBottomWidth:i==="horizontal"?void 0:(7-r)/2,borderLeftWidth:i==="horizontal"?(7-r)/2:void 0,borderColor:"transparent",borderStyle:"solid",cursor:i==="horizontal"?"ew-resize":"ns-resize"};return m.jsxs("div",{style:{position:"absolute",top:0,right:0,bottom:0,left:-(7-r)/2,zIndex:100,pointerEvents:"none"},ref:x,children:[!!v&&m.jsx(k3,{cursor:i==="horizontal"?"ew-resize":"ns-resize",onPaneMouseUp:()=>y(null),onPaneMouseMove:D=>{if(!D.buttons)y(null);else if(v){const X=i==="horizontal"?D.clientX-v.clientX:D.clientY-v.clientY,q=v.offset+X,p=v.index>0?u[v.index-1]:0,E=i==="horizontal"?A.width:A.height,b=Math.min(Math.max(p+h,q),E-h)-u[v.index];for(let R=v.index;R<u.length;++R)u[R]=u[R]+b;c([...u])}}}),u.map((D,X)=>m.jsx("div",{style:{...T,top:i==="horizontal"?0:D,left:i==="horizontal"?D:0,pointerEvents:"initial"},onMouseDown:q=>y({clientX:q.clientX,clientY:q.clientY,offset:D,index:X}),children:m.jsx("div",{style:{...J3,background:f}})},X))]})};async function Zf(i){const u=new Image;return i&&(u.src=i,await new Promise((c,f)=>{u.onload=c,u.onerror=c})),u}const nr={backgroundImage:`linear-gradient(45deg, #80808020 25%, transparent 25%),
+                    linear-gradient(-45deg, #80808020 25%, transparent 25%),
+                    linear-gradient(45deg, transparent 75%, #80808020 75%),
+                    linear-gradient(-45deg, transparent 75%, #80808020 75%)`,backgroundSize:"20px 20px",backgroundPosition:"0 0, 0 10px, 10px -10px, -10px 0px",boxShadow:`rgb(0 0 0 / 10%) 0px 1.8px 1.9px,
+              rgb(0 0 0 / 15%) 0px 6.1px 6.3px,
+              rgb(0 0 0 / 10%) 0px -2px 4px,
+              rgb(0 0 0 / 15%) 0px -6.1px 12px,
+              rgb(0 0 0 / 25%) 0px 6px 12px`},Vh=({diff:i,noTargetBlank:u,hideDetails:c})=>{const[f,r]=it.useState(i.diff?"diff":"actual"),[o,h]=it.useState(!1),[v,y]=it.useState(null),[A,x]=it.useState("Expected"),[T,D]=it.useState(null),[X,q]=it.useState(null),[p,E]=Hh();it.useEffect(()=>{(async()=>{var z,I,k,nt;y(await Zf((z=i.expected)==null?void 0:z.attachment.path)),x(((I=i.expected)==null?void 0:I.title)||"Expected"),D(await Zf((k=i.actual)==null?void 0:k.attachment.path)),q(await Zf((nt=i.diff)==null?void 0:nt.attachment.path))})()},[i]);const b=v&&T&&X,R=b?Math.max(v.naturalWidth,T.naturalWidth,200):500,N=b?Math.max(v.naturalHeight,T.naturalHeight,200):500,V=Math.min(1,(p.width-30)/R),F=Math.min(1,(p.width-50)/R/2),H=R*V,j=N*V,Y={flex:"none",margin:"0 10px",cursor:"pointer",userSelect:"none"};return m.jsx("div",{"data-testid":"test-result-image-mismatch",style:{display:"flex",flexDirection:"column",alignItems:"center",flex:"auto"},ref:E,children:b&&m.jsxs(m.Fragment,{children:[m.jsxs("div",{"data-testid":"test-result-image-mismatch-tabs",style:{display:"flex",margin:"10px 0 20px"},children:[i.diff&&m.jsx("div",{style:{...Y,fontWeight:f==="diff"?600:"initial"},onClick:()=>r("diff"),children:"Diff"}),m.jsx("div",{style:{...Y,fontWeight:f==="actual"?600:"initial"},onClick:()=>r("actual"),children:"Actual"}),m.jsx("div",{style:{...Y,fontWeight:f==="expected"?600:"initial"},onClick:()=>r("expected"),children:A}),m.jsx("div",{style:{...Y,fontWeight:f==="sxs"?600:"initial"},onClick:()=>r("sxs"),children:"Side by side"}),m.jsx("div",{style:{...Y,fontWeight:f==="slider"?600:"initial"},onClick:()=>r("slider"),children:"Slider"})]}),m.jsxs("div",{style:{display:"flex",justifyContent:"center",flex:"auto",minHeight:j+60},children:[i.diff&&f==="diff"&&m.jsx(yn,{image:X,alt:"Diff",hideSize:c,canvasWidth:H,canvasHeight:j,scale:V}),i.diff&&f==="actual"&&m.jsx(yn,{image:T,alt:"Actual",hideSize:c,canvasWidth:H,canvasHeight:j,scale:V}),i.diff&&f==="expected"&&m.jsx(yn,{image:v,alt:A,hideSize:c,canvasWidth:H,canvasHeight:j,scale:V}),i.diff&&f==="slider"&&m.jsx(W3,{expectedImage:v,actualImage:T,hideSize:c,canvasWidth:H,canvasHeight:j,scale:V,expectedTitle:A}),i.diff&&f==="sxs"&&m.jsxs("div",{style:{display:"flex"},children:[m.jsx(yn,{image:v,title:A,hideSize:c,canvasWidth:F*R,canvasHeight:F*N,scale:F}),m.jsx(yn,{image:o?X:T,title:o?"Diff":"Actual",onClick:()=>h(!o),hideSize:c,canvasWidth:F*R,canvasHeight:F*N,scale:F})]}),!i.diff&&f==="actual"&&m.jsx(yn,{image:T,title:"Actual",hideSize:c,canvasWidth:H,canvasHeight:j,scale:V}),!i.diff&&f==="expected"&&m.jsx(yn,{image:v,title:A,hideSize:c,canvasWidth:H,canvasHeight:j,scale:V}),!i.diff&&f==="sxs"&&m.jsxs("div",{style:{display:"flex"},children:[m.jsx(yn,{image:v,title:A,canvasWidth:F*R,canvasHeight:F*N,scale:F}),m.jsx(yn,{image:T,title:"Actual",canvasWidth:F*R,canvasHeight:F*N,scale:F})]})]}),!c&&m.jsxs("div",{style:{alignSelf:"start",lineHeight:"18px",marginLeft:"15px"},children:[m.jsx("div",{children:i.diff&&m.jsx("a",{target:"_blank",href:i.diff.attachment.path,rel:"noreferrer",children:i.diff.attachment.name})}),m.jsx("div",{children:m.jsx("a",{target:u?"":"_blank",href:i.actual.attachment.path,rel:"noreferrer",children:i.actual.attachment.name})}),m.jsx("div",{children:m.jsx("a",{target:u?"":"_blank",href:i.expected.attachment.path,rel:"noreferrer",children:i.expected.attachment.name})})]})]})})},W3=({expectedImage:i,actualImage:u,canvasWidth:c,canvasHeight:f,scale:r,expectedTitle:o,hideSize:h})=>{const v={position:"absolute",top:0,left:0},[y,A]=it.useState(c/2),x=i.naturalWidth===u.naturalWidth&&i.naturalHeight===u.naturalHeight;return m.jsxs("div",{style:{flex:"none",display:"flex",alignItems:"center",flexDirection:"column",userSelect:"none"},children:[!h&&m.jsxs("div",{style:{margin:5},children:[!x&&m.jsx("span",{style:{flex:"none",margin:"0 5px"},children:"Actual "}),!x&&m.jsx("span",{children:u.naturalWidth}),!x&&m.jsx("span",{style:{flex:"none",margin:"0 5px"},children:"x"}),!x&&m.jsx("span",{children:u.naturalHeight}),!x&&m.jsxs("span",{style:{flex:"none",margin:"0 5px 0 15px"},children:[o," "]}),m.jsx("span",{children:i.naturalWidth}),m.jsx("span",{style:{flex:"none",margin:"0 5px"},children:"x"}),m.jsx("span",{children:i.naturalHeight})]}),m.jsxs("div",{style:{position:"relative",width:c,height:f,margin:15,...nr},children:[m.jsx(F3,{orientation:"horizontal",offsets:[y],setOffsets:T=>A(T[0]),resizerColor:"#57606a80",resizerWidth:6}),m.jsx("img",{alt:o,style:{width:i.naturalWidth*r,height:i.naturalHeight*r},draggable:"false",src:i.src}),m.jsx("div",{style:{...v,bottom:0,overflow:"hidden",width:y,...nr},children:m.jsx("img",{alt:"Actual",style:{width:u.naturalWidth*r,height:u.naturalHeight*r},draggable:"false",src:u.src})})]})]})},yn=({image:i,title:u,alt:c,hideSize:f,canvasWidth:r,canvasHeight:o,scale:h,onClick:v})=>m.jsxs("div",{style:{flex:"none",display:"flex",alignItems:"center",flexDirection:"column"},children:[!f&&m.jsxs("div",{style:{margin:5},children:[u&&m.jsx("span",{style:{flex:"none",margin:"0 5px"},children:u}),m.jsx("span",{children:i.naturalWidth}),m.jsx("span",{style:{flex:"none",margin:"0 5px"},children:"x"}),m.jsx("span",{children:i.naturalHeight})]}),m.jsx("div",{style:{display:"flex",flex:"none",width:r,height:o,margin:15,...nr},children:m.jsx("img",{width:i.naturalWidth*h,height:i.naturalHeight*h,alt:u||c,style:{cursor:v?"pointer":"initial"},draggable:"false",src:i.src,onClick:v})})]});function _3(i,u){const c=/(\x1b\[(\d+(;\d+)*)m)|([^\x1b]+)/g,f=[];let r,o={},h=!1,v=u==null?void 0:u.fg,y=u==null?void 0:u.bg;for(;(r=c.exec(i))!==null;){const[,,A,,x]=r;if(A){const T=+A;switch(T){case 0:o={};break;case 1:o["font-weight"]="bold";break;case 2:o.opacity="0.8";break;case 3:o["font-style"]="italic";break;case 4:o["text-decoration"]="underline";break;case 7:h=!0;break;case 8:o.display="none";break;case 9:o["text-decoration"]="line-through";break;case 22:delete o["font-weight"],delete o["font-style"],delete o.opacity,delete o["text-decoration"];break;case 23:delete o["font-weight"],delete o["font-style"],delete o.opacity;break;case 24:delete o["text-decoration"];break;case 27:h=!1;break;case 30:case 31:case 32:case 33:case 34:case 35:case 36:case 37:v=b2[T-30];break;case 39:v=u==null?void 0:u.fg;break;case 40:case 41:case 42:case 43:case 44:case 45:case 46:case 47:y=b2[T-40];break;case 49:y=u==null?void 0:u.bg;break;case 53:o["text-decoration"]="overline";break;case 90:case 91:case 92:case 93:case 94:case 95:case 96:case 97:v=S2[T-90];break;case 100:case 101:case 102:case 103:case 104:case 105:case 106:case 107:y=S2[T-100];break}}else if(x){const T={...o},D=h?y:v;D!==void 0&&(T.color=D),h&&v&&(T["background-color"]=v),f.push(`<span style="${$3(T)}">${P3(x)}</span>`)}}return f.join("")}const b2={0:"var(--vscode-terminal-ansiBlack)",1:"var(--vscode-terminal-ansiRed)",2:"var(--vscode-terminal-ansiGreen)",3:"var(--vscode-terminal-ansiYellow)",4:"var(--vscode-terminal-ansiBlue)",5:"var(--vscode-terminal-ansiMagenta)",6:"var(--vscode-terminal-ansiCyan)",7:"var(--vscode-terminal-ansiWhite)"},S2={0:"var(--vscode-terminal-ansiBrightBlack)",1:"var(--vscode-terminal-ansiBrightRed)",2:"var(--vscode-terminal-ansiBrightGreen)",3:"var(--vscode-terminal-ansiBrightYellow)",4:"var(--vscode-terminal-ansiBrightBlue)",5:"var(--vscode-terminal-ansiBrightMagenta)",6:"var(--vscode-terminal-ansiBrightCyan)",7:"var(--vscode-terminal-ansiBrightWhite)"};function P3(i){return i.replace(/[&"<>]/g,u=>({"&":"&amp;",'"':"&quot;","<":"&lt;",">":"&gt;"})[u])}function $3(i){return Object.entries(i).map(([u,c])=>`${u}: ${c}`).join("; ")}const Ar=({code:i,children:u,testId:c})=>{const f=it.useMemo(()=>nv(i),[i]);return m.jsxs("div",{className:"test-error-container test-error-text","data-testid":c,children:[u,m.jsx("div",{className:"test-error-view",dangerouslySetInnerHTML:{__html:f||""}})]})},tv=({prompt:i})=>{const[u,c]=it.useState(!1);return m.jsx("button",{className:"button",style:{minWidth:100},onClick:async()=>{await navigator.clipboard.writeText(i),c(!0),setTimeout(()=>{c(!1)},3e3)},children:u?"Copied":"Copy prompt"})},ev=({diff:i})=>m.jsx("div",{"data-testid":"test-screenshot-error-view",className:"test-error-view",children:m.jsx(Vh,{diff:i,hideDetails:!0},"image-diff")});function nv(i){return _3(i||"",{bg:"var(--color-canvas-subtle)",fg:"var(--color-fg-default)"})}const Zh=({file:i,projectNames:u,isFileExpanded:c,setFileExpanded:f,footer:r})=>m.jsx(gr,{expanded:c?c(i.fileId):void 0,noInsets:!0,setExpanded:f?(o=>f(i.fileId,o)):void 0,header:m.jsx("span",{className:"chip-header-allow-selection",children:i.fileName}),footer:r,children:m.jsx(Ih,{tests:i.tests,projectNames:u})}),Ih=({tests:i,projectNames:u,runs:c,selectedTestId:f})=>{const r=se();return m.jsx("div",{role:"list",children:i.map((o,h)=>{const v=c==null?void 0:c[h],y=v!==void 0?o.results[v]:void 0,A=il({test:o,result:y},r),x=f===o.testId;return m.jsxs("div",{className:Ze("test-file-test","test-file-test-outcome-"+o.outcome,x&&"test-file-test-selected"),role:"listitem","aria-current":x,children:[m.jsxs("div",{className:"hbox",style:{alignItems:"flex-start"},children:[m.jsxs("div",{className:"hbox",children:[m.jsx("span",{className:"test-file-test-status-icon",children:fc(o.outcome)}),m.jsxs("span",{children:[m.jsx(bn,{href:A,title:[...o.path,o.title].join(" › "),children:m.jsx("span",{className:"test-file-title",children:[...o.path,o.title].join(" › ")})}),m.jsx(Qh,{style:{marginLeft:"6px"},projectNames:u,activeProjectName:o.projectName,otherLabels:o.tags})]})]}),m.jsx("span",{"data-testid":"test-duration",style:{minWidth:"50px",textAlign:"right"},children:Ta(o.duration)})]}),m.jsx("div",{className:"test-file-details-row",children:m.jsxs("div",{className:"test-file-details-row-items",children:[m.jsx(bn,{href:A,title:[...o.path,o.title].join(" › "),className:"test-file-path-link",children:m.jsxs("span",{className:"test-file-path",children:[o.location.file,":",o.location.line]})}),m.jsx(lv,{test:o}),m.jsx(av,{test:o}),m.jsx(zh,{test:o,dim:!0})]})})]},`test-${o.testId}`)})})};function lv({test:i}){const u=se();for(const c of i.results)for(const f of c.attachments)if(f.contentType.startsWith("image/")&&f.name.match(/-(expected|actual|diff)/))return m.jsx(dr,{href:il({test:i,result:c,anchor:`attachment-${c.attachments.indexOf(f)}`},u),title:"View images",dim:!0,children:m3()})}function av({test:i}){const u=se(),c=i.results.find(f=>f.attachments.some(r=>r.name==="video"));return c?m.jsx(dr,{href:il({test:i,result:c,anchor:"attachment-video"},u),title:"View video",dim:!0,children:g3()}):void 0}const iv=new RegExp("([\\u001B\\u009B][[\\]()#;?]*(?:(?:(?:[a-zA-Z\\d]*(?:;[-a-zA-Z\\d\\/#&.:=?%@~_]*)*)?\\u0007)|(?:(?:\\d{1,4}(?:;\\d{0,4})*)?[\\dA-PR-TZcf-ntqry=><~])))","g");function T2(i){return i.replace(iv,"")}function uv(i,u){var f;const c=new Map;for(const r of i){const o=r.name.match(/^(.*)-(expected|actual|diff|previous)(\.[^.]+)?$/);if(!o)continue;const[,h,v,y=""]=o,A=h+y;let x=c.get(A);x||(x={name:A,anchors:[`attachment-${h}`]},c.set(A,x)),x.anchors.push(`attachment-${u.attachments.indexOf(r)}`),v==="actual"&&(x.actual={attachment:r}),v==="expected"&&(x.expected={attachment:r,title:"Expected"}),v==="previous"&&(x.expected={attachment:r,title:"Previous"}),v==="diff"&&(x.diff={attachment:r})}for(const[r,o]of c)!o.actual||!o.expected?c.delete(r):(i.delete(o.actual.attachment),i.delete(o.expected.attachment),i.delete((f=o.diff)==null?void 0:f.attachment));return[...c.values()]}const cv=({report:i,test:u,result:c})=>{const{screenshots:f,videos:r,traces:o,otherAttachments:h,diffs:v,errors:y,otherAttachmentAnchors:A,screenshotAnchors:x,errorContext:T}=it.useMemo(()=>{const p=c.attachments.filter(z=>!z.name.startsWith("_")),E=new Set(p.filter(z=>z.contentType.startsWith("image/"))),b=[...E].map(z=>`attachment-${p.indexOf(z)}`),R=p.filter(z=>z.contentType.startsWith("video/")),N=p.filter(z=>z.name==="trace"),V=p.find(z=>z.name==="error-context"),F=new Set(p);[...E,...R,...N].forEach(z=>F.delete(z));const H=[...F].map(z=>`attachment-${p.indexOf(z)}`),j=uv(E,c),Y=c.errors.map(z=>z.message);return{screenshots:[...E],videos:R,traces:N,otherAttachments:F,diffs:j,errors:Y,otherAttachmentAnchors:H,screenshotAnchors:b,errorContext:V}},[c]),[D,X]=it.useState("");it.useEffect(()=>X(""),[c]);const q=E3(async()=>{var F;if((F=i.json().options)!=null&&F.noCopyPrompt||!T)return;let p=T.path?await fetch(T.path).then(H=>H.text()):T.body;if(!p)return;const E=c.attachments.find(H=>H.name==="stdout"),b=c.attachments.find(H=>H.name==="stderr"),R=E!=null&&E.body&&E.contentType==="text/plain"?E.body:void 0,N=b!=null&&b.body&&b.contentType==="text/plain"?b.body:void 0;R&&(p+=`
+
+# Stdout
+
+\`\`\`
+`+T2(R)+"\n```"),N&&(p+=`
+
+# Stderr
+
+\`\`\`
+`+T2(N)+"\n```");const V=i.json().metadata;return V!=null&&V.gitDiff&&(p+=`
+
+# Local changes
+
+\`\`\`diff
+`+V.gitDiff+"\n```"),p},[T,i,c],void 0);return m.jsxs("div",{className:"test-result",children:[!!y.length&&m.jsxs(ke,{header:"Errors",children:[q&&m.jsx("div",{style:{position:"absolute",right:"16px",padding:"10px",zIndex:1},children:m.jsx(tv,{prompt:q})}),y.map((p,E)=>{const b=sv(p,v);return m.jsxs(m.Fragment,{children:[m.jsx(Ar,{code:p},"test-result-error-message-"+E),b&&m.jsx(ev,{diff:b})]})})]}),!!c.steps.length&&m.jsxs(ke,{header:"Test Steps",children:[m.jsxs("form",{className:"subnav-search step-filter",onSubmit:p=>p.preventDefault(),children:[Oh(),m.jsx("input",{className:"form-control subnav-search-input input-contrast width-full",type:"search",spellCheck:!1,placeholder:"Filter steps","aria-label":"Filter steps",value:D,onChange:p=>X(p.target.value)})]}),c.steps.map((p,E)=>m.jsx(Jh,{step:p,result:c,test:u,depth:0,filterText:D},`step-${E}`))]}),v.map((p,E)=>m.jsx(xi,{id:p.anchors,children:m.jsx(ke,{dataTestId:"test-results-image-diff",header:`Image mismatch: ${p.name}`,revealOnAnchorId:p.anchors,children:m.jsx(Vh,{diff:p})})},`diff-${E}`)),!!f.length&&m.jsx(ke,{header:"Screenshots",revealOnAnchorId:x,children:f.map((p,E)=>m.jsxs(xi,{id:`attachment-${c.attachments.indexOf(p)}`,children:[m.jsx("a",{href:Ve(p.path),children:m.jsx("img",{className:"screenshot",src:Ve(p.path)})}),m.jsx($u,{attachment:p,result:c})]},`screenshot-${E}`))}),!!o.length&&m.jsx(xi,{id:"attachment-trace",children:m.jsx(ke,{header:"Traces",revealOnAnchorId:"attachment-trace",children:m.jsxs("div",{children:[m.jsx("a",{href:Ve(Lh(o)),children:m.jsx("img",{className:"screenshot",src:K3,style:{width:192,height:117,marginLeft:20}})}),o.map((p,E)=>m.jsx($u,{attachment:p,result:c,linkName:o.length===1?"trace":`trace-${E+1}`},`trace-${E}`))]})})}),!!r.length&&m.jsx(xi,{id:"attachment-video",children:m.jsx(ke,{header:"Videos",revealOnAnchorId:"attachment-video",children:r.map(p=>m.jsxs("div",{children:[m.jsx("video",{controls:!0,children:m.jsx("source",{src:Ve(p.path),type:p.contentType})}),m.jsx($u,{attachment:p,result:c})]},p.path))})}),!!h.size&&m.jsx(ke,{header:"Attachments",revealOnAnchorId:A,dataTestId:"attachments",children:[...h].map((p,E)=>m.jsx(xi,{id:`attachment-${c.attachments.indexOf(p)}`,children:m.jsx($u,{attachment:p,result:c,openInNewTab:p.contentType.startsWith("text/html")})},`attachment-link-${E}`))}),m.jsx(ke,{header:`Executed in Worker #${c.workerIndex}`,dataTestId:"worker-test-list",initialExpanded:!1,noInsets:!0,body:()=>{const p=fv(i).get(c.workerIndex)||{tests:[],runs:[]};return m.jsx(Ih,{tests:p.tests,runs:p.runs,projectNames:i.json().projectNames,selectedTestId:u.testId})}})]})};function sv(i,u){const c=i.split(`
+`)[0];if(!(!c.includes("toHaveScreenshot")&&!c.includes("toMatchSnapshot")))return u.find(f=>i.includes(f.name))}function qh(i,u){return i.title.toLowerCase().includes(u.toLowerCase())}function Kh(i,u){return i.steps.some(c=>qh(c,u)||Kh(c,u))}function kh(i){return i.steps.some(u=>u.attachments.length>0||kh(u))}const Jh=({test:i,step:u,result:c,depth:f,filterText:r})=>{const o=se();let h=!1,v=m.jsx("span",{children:u.title});if(r){const y=!!r&&qh(u,r),A=!!r&&Kh(u,r);if(!y&&!A)return null;if(h=A,y){const x=u.title.toLowerCase().split(r.toLowerCase()),T=[];let D=0;for(let X=0;X<x.length;X++)X&&(T.push(m.jsx("span",{className:"step-title-highlight",children:u.title.substring(D,D+r.length)},X)),D+=r.length),T.push(x[X]),D+=x[X].length;v=T}}return m.jsx(q3,{title:m.jsxs("div",{"aria-label":u.title,className:"step-title-container",children:[fc(u.error||u.duration===-1?"failed":u.skipped?"skipped":"passed"),m.jsxs("span",{className:"step-title-text",children:[v,u.count>1&&m.jsxs(m.Fragment,{children:[" ✕ ",m.jsx("span",{className:"test-result-counter",children:u.count})]}),u.location&&m.jsxs("span",{className:"test-result-path",children:["— ",u.location.file,":",u.location.line]})]}),m.jsx("span",{className:"step-spacer"}),u.attachments.length>0&&m.jsx("a",{className:"step-attachment-link",title:"reveal attachment",href:Ve(il({test:i,result:c,anchor:`attachment-${u.attachments[0]}`},o)),onClick:y=>{y.stopPropagation()},children:Rh()}),u.attachments.length===0&&kh(u)&&m.jsx("span",{className:"step-indirect-attachment-indicator",title:"contains attachment","aria-label":"contains attachment",children:d3()}),m.jsx("span",{className:"step-duration",children:Ta(u.duration)})]}),loadChildren:u.steps.length||u.snippet?()=>{const y=u.snippet?[m.jsx(Ar,{testId:"test-snippet",code:u.snippet},"line")]:[],A=u.steps.map((x,T)=>m.jsx(Jh,{step:x,depth:f+1,result:c,test:i,filterText:r},T));return y.concat(A)}:void 0,depth:f,expandByDefault:h})},C2=Symbol("workerLists");function fv(i){let u=i[C2];if(!u){const c=new Map;for(const f of i.json().files)for(const r of f.tests)for(let o=0;o<r.results.length;o++){let h=c.get(r.results[o].workerIndex);h||(h=[],c.set(r.results[o].workerIndex,h)),h.push({test:r,time:new Date(r.results[o].startTime).valueOf(),run:o})}u=new Map;for(const[f,r]of c)r.sort((o,h)=>o.time-h.time),u.set(f,{tests:r.map(o=>o.test),runs:r.map(o=>o.run)});i[C2]=u}return u}const rv=({report:i,test:u,run:c,next:f,prev:r})=>{const[o,h]=it.useState(c),v=se(),y=u.annotations.filter(A=>!A.type.startsWith("_"))??[];return D2(y,u.repeatEachIndex),m.jsxs(m.Fragment,{children:[m.jsx(mr,{title:u.title,leftSuperHeader:m.jsx("div",{className:"test-case-path",children:u.path.join(" › ")}),rightSuperHeader:m.jsxs(m.Fragment,{children:[m.jsx("div",{className:Ze(!r&&"hidden"),children:m.jsx(bn,{href:il({test:r},v),children:"« previous"})}),m.jsx("div",{style:{width:10}}),m.jsx("div",{className:Ze(!f&&"hidden"),children:m.jsx(bn,{href:il({test:f},v),children:"next »"})})]})}),m.jsxs("div",{className:"hbox",style:{lineHeight:"24px"},children:[m.jsx("div",{className:"test-case-location",children:m.jsxs(or,{value:`${u.location.file}:${u.location.line}`,children:[u.location.file,":",u.location.line]})}),m.jsx("div",{style:{flex:"auto"}}),m.jsx(zh,{test:u,trailingSeparator:!0}),m.jsx("div",{className:"test-case-duration",children:Ta(u.duration)})]}),m.jsx(Qh,{style:{marginLeft:"6px"},projectNames:i.json().projectNames,activeProjectName:u.projectName,otherLabels:u.tags}),u.results.length===0&&y.length!==0&&m.jsx(ke,{header:"Annotations",dataTestId:"test-case-annotations",children:y.map((A,x)=>m.jsx(O2,{annotation:A},x))}),m.jsx(I3,{tabs:u.results.map((A,x)=>({id:String(x),title:m.jsxs("div",{style:{display:"flex",alignItems:"center"},children:[fc(A.status)," ",ov(x),u.results.length>1&&m.jsx("span",{className:"test-case-run-duration",children:Ta(A.duration)})]}),render:()=>{const T=A.annotations.filter(D=>!D.type.startsWith("_"));return D2(T,u.repeatEachIndex),m.jsxs(m.Fragment,{children:[!!T.length&&m.jsx(ke,{header:"Annotations",dataTestId:"test-case-annotations",children:T.map((D,X)=>m.jsx(O2,{annotation:D},X))}),m.jsx(cv,{test:u,result:A,report:i})]})}}))||[],selectedTab:String(o),setSelectedTab:A=>h(+A)})]})};function O2({annotation:{type:i,description:u}}){return m.jsxs("div",{className:"test-case-annotation",children:[m.jsx("span",{style:{fontWeight:"bold"},children:i}),u&&m.jsxs(or,{value:u,children:[": ",Di(u)]})]})}function D2(i,u){u&&i.push({type:"repeatEachIndex",description:String(u)})}function ov(i){return i?`Retry #${i}`:"Run"}class dv extends it.Component{constructor(){super(...arguments),this.state={error:null,errorInfo:null}}componentDidCatch(u,c){this.setState({error:u,errorInfo:c})}render(){var u,c,f;return this.state.error||this.state.errorInfo?m.jsxs("div",{className:"metadata-view p-3",children:[m.jsx("p",{children:"An error was encountered when trying to render metadata."}),m.jsx("p",{children:m.jsxs("pre",{style:{overflow:"scroll"},children:[(u=this.state.error)==null?void 0:u.message,m.jsx("br",{}),(c=this.state.error)==null?void 0:c.stack,m.jsx("br",{}),(f=this.state.errorInfo)==null?void 0:f.componentStack]})})]}):this.props.children}}const hv=i=>m.jsx(dv,{children:m.jsx(mv,{metadata:i.metadata})}),mv=i=>{const u=i.metadata,c=se().has("show-metadata-other")?Object.entries(i.metadata).filter(([r])=>!Fh.has(r)):[];if(u.ci||u.gitCommit||c.length>0)return m.jsxs("div",{className:"metadata-view",children:[u.ci&&!u.gitCommit&&m.jsx(gv,{info:u.ci}),u.gitCommit&&m.jsx(Av,{ci:u.ci,commit:u.gitCommit}),c.length>0&&m.jsxs(m.Fragment,{children:[(u.gitCommit||u.ci)&&m.jsx("div",{className:"metadata-separator"}),m.jsx("div",{className:"metadata-section metadata-properties",role:"list",children:c.map(([r,o])=>{const h=typeof o!="object"||o===null||o===void 0?String(o):JSON.stringify(o),v=h.length>1e3?h.slice(0,1e3)+"…":h;return m.jsx("div",{className:"copyable-property",role:"listitem",children:m.jsxs(or,{value:h,children:[m.jsx("span",{style:{fontWeight:"bold"},title:r,children:r}),": ",m.jsx("span",{title:v,children:Di(v)})]})},r)})})]})]})},gv=({info:i})=>{const u=i.prTitle||`Commit ${i.commitHash}`,c=i.prHref||i.commitHref;return m.jsx("div",{className:"metadata-section",role:"list",children:m.jsx("div",{role:"listitem",children:m.jsx("a",{href:Ve(c),target:"_blank",rel:"noopener noreferrer",title:u,children:u})})})},Av=({ci:i,commit:u})=>{const c=(i==null?void 0:i.prTitle)||u.subject,f=(i==null?void 0:i.prHref)||(i==null?void 0:i.commitHref),r=` <${u.author.email}>`,o=`${u.author.name}${r}`,h=Intl.DateTimeFormat(void 0,{dateStyle:"medium"}).format(u.committer.time),v=Intl.DateTimeFormat(void 0,{dateStyle:"full",timeStyle:"long"}).format(u.committer.time);return m.jsxs("div",{className:"metadata-section",role:"list",children:[m.jsxs("div",{role:"listitem",children:[f&&m.jsx("a",{href:Ve(f),target:"_blank",rel:"noopener noreferrer",title:c,children:c}),!f&&m.jsx("span",{title:c,children:c})]}),m.jsxs("div",{role:"listitem",className:"hbox",children:[m.jsx("span",{className:"mr-1",children:o}),m.jsxs("span",{title:v,children:[" on ",h]})]})]})},Fh=new Set(["ci","gitCommit","gitDiff","actualWorkers"]),vv=i=>{const u=Object.entries(i).filter(([c])=>!Fh.has(c));return!i.ci&&!i.gitCommit&&!u.length},yv=({files:i,expandedFiles:u,setExpandedFiles:c,projectNames:f})=>{const r=it.useMemo(()=>{const o=[];let h=0;for(const v of i)h+=v.tests.length,o.push({file:v,defaultExpanded:h<200});return o},[i]);return m.jsx(m.Fragment,{children:r.length>0?r.map(({file:o,defaultExpanded:h})=>m.jsx(Zh,{file:o,projectNames:f,isFileExpanded:v=>{const y=u.get(v);return y===void 0?h:!!y},setFileExpanded:(v,y)=>{const A=new Map(u);A.set(v,y),c(A)}},`file-${o.fileId}`)):m.jsx("div",{className:"chip-header test-file-no-files",children:"No tests found"})})},R2=({report:i,filteredStats:u,metadataVisible:c,toggleMetadataVisible:f,errorsVisible:r,setErrorsVisible:o})=>{if(!i)return null;const h=i.projectNames.length===1&&!!i.projectNames[0],v=!h&&!u,y=!vv(i.metadata)&&m.jsxs("div",{className:Ze("metadata-toggle",!v&&"metadata-toggle-second-line"),role:"button",onClick:f,title:c?"Hide metadata":"Show metadata",children:[c?Mi():Sa(),"Metadata"]}),A=m.jsxs("div",{className:"test-file-header-info",children:[h&&m.jsxs("div",{"data-testid":"project-name",children:["Project: ",i.projectNames[0]]}),u&&m.jsxs("div",{"data-testid":"filtered-tests-count",children:["Filtered: ",u.total," ",!!u.total&&"("+Ta(u.duration)+")"]}),v&&y]}),x=m.jsxs(m.Fragment,{children:[m.jsx("div",{"data-testid":"overall-time",style:{marginRight:"10px"},children:i?new Date(i.startTime).toLocaleString():""}),m.jsxs("div",{"data-testid":"overall-duration",children:["Total time: ",Ta(i.duration??0)]})]});return m.jsxs(m.Fragment,{children:[m.jsx(mr,{title:i.options.title,leftSuperHeader:A,rightSuperHeader:x}),!v&&y,c&&m.jsx(hv,{metadata:i.metadata}),!!i.errors.length&&m.jsx(gr,{header:"Errors",dataTestId:"report-errors",expanded:r,setExpanded:o,children:i.errors.map((T,D)=>m.jsx(Ar,{code:T},"test-report-error-message-"+D))})]})},Wh=i=>{const u=Math.round(i/1e3),c=Math.floor(u/60),f=u%60;return c===0?`${f}s`:`${c}m ${f}s`},Ev=({entries:i})=>{const f=Math.max(...i.map(j=>j.label.length))*10,o={top:20,right:20,bottom:40,left:Math.min(800*.5,Math.max(50,f))},h=800-o.left-o.right,v=Math.min(...i.map(j=>j.startTime)),y=Math.max(...i.map(j=>j.startTime+j.duration));let A,x;const T=y-v;T<60*1e3?(A=10*1e3,x=!0):T<300*1e3?(A=30*1e3,x=!0):T<1800*1e3?(A=300*1e3,x=!1):(A=600*1e3,x=!1);const D=Math.ceil(v/A)*A,X=(j,Y)=>{const z=new Date(j).toLocaleTimeString(void 0,{hour:"2-digit",minute:"2-digit",second:x?"2-digit":void 0});if(Y)return z;if(z.endsWith(" AM")||z.endsWith(" PM"))return z.slice(0,-3)},p=(y-v)*1.1,E=Math.ceil(p/A)*A,b=h/E,R=20,N=8,V=i.length*(R+N),F=[];for(let j=D;j<=v+E;j+=A){const Y=j-v;F.push({x:Y*b,label:X(j,j===D)})}const H=V+o.top+o.bottom;return m.jsx("svg",{viewBox:`0 0 800 ${H}`,preserveAspectRatio:"xMidYMid meet",style:{width:"100%",height:"auto"},role:"img",children:m.jsxs("g",{transform:`translate(${o.left}, ${o.top})`,role:"presentation",children:[F.map(({x:j,label:Y},z)=>m.jsxs("g",{"aria-hidden":"true",children:[m.jsx("line",{x1:j,y1:0,x2:j,y2:V,stroke:"var(--color-border-muted)",strokeWidth:"1"}),m.jsx("text",{x:j,y:V+20,textAnchor:"middle",dominantBaseline:"middle",fontSize:"12",fill:"var(--color-fg-muted)",children:Y})]},z)),i.map((j,Y)=>{const z=j.startTime-v,I=j.duration*b,k=z*b,nt=Y*(R+N),P=["var(--color-scale-blue-2)","var(--color-scale-blue-3)","var(--color-scale-blue-4)"],st=P[Y%P.length];return m.jsxs("g",{role:"listitem","aria-label":j.tooltip,children:[m.jsx("rect",{className:"gantt-bar",x:k,y:nt,width:I,height:R,fill:st,rx:"2",tabIndex:0,children:m.jsx("title",{children:j.tooltip})}),m.jsx("text",{x:k+I+6,y:nt+R/2,dominantBaseline:"middle",fontSize:"12",fill:"var(--color-fg-muted)","aria-hidden":"true",children:Wh(j.duration)}),m.jsx("text",{x:-10,y:nt+R/2,textAnchor:"end",dominantBaseline:"middle",fontSize:"12",fill:"var(--color-fg-muted)","aria-hidden":"true",children:j.label})]},Y)}),m.jsx("line",{x1:0,y1:0,x2:0,y2:V,stroke:"var(--color-fg-muted)",strokeWidth:"1","aria-hidden":"true"}),m.jsx("line",{x1:0,y1:V,x2:h,y2:V,stroke:"var(--color-fg-muted)",strokeWidth:"1","aria-hidden":"true"})]})})};function pv({report:i,tests:u}){return m.jsxs(m.Fragment,{children:[m.jsx(bv,{report:i}),m.jsx(xv,{report:i,tests:u})]})}function xv({report:i,tests:u}){const[c,f]=ue.useState(50);return m.jsx(Zh,{file:{fileId:"slowest",fileName:"Slowest Tests",tests:u.slice(0,c),stats:null},projectNames:i.json().projectNames,footer:c<u.length?m.jsxs("button",{className:"link-badge fullwidth-link",style:{padding:"8px 5px"},onClick:()=>f(r=>r+50),children:[Mi(),"Show 50 more"]}):void 0})}function bv({report:i}){const u=i.json().machines;if(u.length===0)return null;const c=u.map(f=>{const r=f.tag.join(" "),o=new Date(f.startTime).toLocaleTimeString([],{hour:"2-digit",minute:"2-digit",second:"2-digit",timeZoneName:"short"});let h=`${r} started at ${o}, runs ${Wh(f.duration)}`;return f.shardIndex&&(h+=` (shard ${f.shardIndex})`),{label:r,tooltip:h,startTime:f.startTime,duration:f.duration,shardIndex:f.shardIndex??1}}).sort((f,r)=>f.label.localeCompare(r.label)||f.shardIndex-r.shardIndex);return m.jsx(ke,{header:"Timeline",children:m.jsx(Ev,{entries:c})})}const Sv=i=>!i.has("testId")&&!i.has("speedboard"),Tv=i=>i.has("testId"),Cv=i=>i.has("speedboard")&&!i.has("testId"),Ov=({report:i})=>{var H,j;const u=se(),[c,f]=it.useState(new Map),[r,o]=it.useState(u.get("q")||""),[h,v]=it.useState(!1),[y,A]=it.useState(!0),x=u.has("speedboard"),[T]=Bh("mergeFiles",!1),D=u.get("testId"),X=((H=u.get("q"))==null?void 0:H.toString())||"",q=X?"&q="+X:"",p=(j=i==null?void 0:i.json())==null?void 0:j.options.title,E=it.useMemo(()=>{const Y=new Map;for(const z of(i==null?void 0:i.json().files)||[])for(const I of z.tests)Y.set(I.testId,z.fileId);return Y},[i]),b=it.useMemo(()=>uc.parse(r),[r]),R=it.useMemo(()=>b.empty()?void 0:Rv((i==null?void 0:i.json().files)||[],b),[i,b]),N=it.useMemo(()=>x?jv(i,b):T?Mv(i,b):wv(i,b),[i,b,T,x]),{prev:V,next:F}=it.useMemo(()=>{const Y=N.tests.findIndex(k=>k.testId===D),z=Y>0?N.tests[Y-1]:void 0,I=Y<N.tests.length-1?N.tests[Y+1]:void 0;return{prev:z,next:I}},[D,N]);return it.useEffect(()=>{const Y=z=>{if(z.target instanceof HTMLInputElement||z.target instanceof HTMLTextAreaElement||z.shiftKey||z.ctrlKey||z.metaKey||z.altKey)return;const I=new URLSearchParams(u);switch(z.key){case"a":z.preventDefault(),ll("#?");break;case"p":z.preventDefault(),I.delete("testId"),I.delete("speedboard"),ll(Ml(I,"s:passed",!1));break;case"f":z.preventDefault(),I.delete("testId"),I.delete("speedboard"),ll(Ml(I,"s:failed",!1));break;case"ArrowLeft":V&&(z.preventDefault(),I.delete("testId"),ll(il({test:V},I)+q));break;case"ArrowRight":F&&(z.preventDefault(),I.delete("testId"),ll(il({test:F},I)+q));break}};return document.addEventListener("keydown",Y),()=>document.removeEventListener("keydown",Y)},[V,F,q,X,u]),it.useEffect(()=>{p?document.title=p:document.title="Playwright Test Report"},[p]),m.jsx("div",{className:"htmlreport vbox px-4 pb-4",children:m.jsxs("main",{children:[i&&m.jsx(G3,{stats:i.json().stats,filterText:r,setFilterText:o}),m.jsxs(Vf,{predicate:Sv,children:[m.jsx(R2,{report:i==null?void 0:i.json(),filteredStats:R,metadataVisible:h,toggleMetadataVisible:()=>v(Y=>!Y),errorsVisible:y,setErrorsVisible:A}),m.jsx(yv,{files:N.files,expandedFiles:c,setExpandedFiles:f,projectNames:(i==null?void 0:i.json().projectNames)||[]})]}),m.jsxs(Vf,{predicate:Cv,children:[m.jsx(R2,{report:i==null?void 0:i.json(),filteredStats:R,metadataVisible:h,toggleMetadataVisible:()=>v(Y=>!Y),errorsVisible:y,setErrorsVisible:A}),i&&m.jsx(pv,{report:i,tests:N.tests})]}),m.jsx(Vf,{predicate:Tv,children:i&&m.jsx(Dv,{report:i,next:F,prev:V,testId:D,testIdToFileIdMap:E})})]})})},Dv=({report:i,testIdToFileIdMap:u,next:c,prev:f,testId:r})=>{const[o,h]=it.useState("loading"),v=+(se().get("run")||"0");return it.useEffect(()=>{(async()=>{if(!r||typeof o=="object"&&r===o.testId)return;const y=u.get(r);if(!y){h("not-found");return}const A=await i.entry(`${y}.json`);h((A==null?void 0:A.tests.find(x=>x.testId===r))||"not-found")})()},[o,i,r,u]),o==="loading"?m.jsx("div",{className:"test-case-column"}):o==="not-found"?m.jsxs("div",{className:"test-case-column",children:[m.jsx(mr,{title:"Test not found"}),m.jsxs("div",{className:"test-case-location",children:["Test ID: ",r]})]}):m.jsx("div",{className:"test-case-column",children:m.jsx(rv,{report:i,next:c,prev:f,test:o,run:v})})};function Rv(i,u){const c={total:0,duration:0};for(const f of i){const r=f.tests.filter(o=>u.matches(o));c.total+=r.length;for(const o of r)c.duration+=o.duration}return c}function wv(i,u){const c={files:[],tests:[]};for(const f of(i==null?void 0:i.json().files)||[]){const r=f.tests.filter(o=>u.matches(o));r.length&&c.files.push({...f,tests:r}),c.tests.push(...r)}return c}function Mv(i,u){const c=[],f=new Map;for(const o of(i==null?void 0:i.json().files)||[]){const h=o.tests.filter(v=>u.matches(v));for(const v of h){const y=v.path[0]??"<anonymous>";let A=f.get(y);A||(A={fileId:y,fileName:y,tests:[],stats:{total:0,expected:0,unexpected:0,flaky:0,skipped:0,ok:!0}},f.set(y,A),c.push(A));const x={...v,path:v.path.slice(1)};A.tests.push(x)}}c.sort((o,h)=>o.fileName.localeCompare(h.fileName));const r={files:c,tests:[]};for(const o of c)r.tests.push(...o.tests);return r}function jv(i,u){const f=((i==null?void 0:i.json().files)||[]).flatMap(r=>r.tests).filter(r=>u.matches(r));return f.sort((r,o)=>o.duration-r.duration),{files:[],tests:f}}const Nv="data:image/svg+xml,%3csvg%20width='400'%20height='400'%20viewBox='0%200%20400%20400'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M136.444%20221.556C123.558%20225.213%20115.104%20231.625%20109.535%20238.032C114.869%20233.364%20122.014%20229.08%20131.652%20226.348C141.51%20223.554%20149.92%20223.574%20156.869%20224.915V219.481C150.941%20218.939%20144.145%20219.371%20136.444%20221.556ZM108.946%20175.876L61.0895%20188.484C61.0895%20188.484%2061.9617%20189.716%2063.5767%20191.36L104.153%20180.668C104.153%20180.668%20103.578%20188.077%2098.5847%20194.705C108.03%20187.559%20108.946%20175.876%20108.946%20175.876ZM149.005%20288.347C81.6582%20306.486%2046.0272%20228.438%2035.2396%20187.928C30.2556%20169.229%2028.0799%20155.067%2027.5%20145.928C27.4377%20144.979%2027.4665%20144.179%2027.5336%20143.446C24.04%20143.657%2022.3674%20145.473%2022.7077%20150.721C23.2876%20159.855%2025.4633%20174.016%2030.4473%20192.721C41.2301%20233.225%2076.8659%20311.273%20144.213%20293.134C158.872%20289.185%20169.885%20281.992%20178.152%20272.81C170.532%20279.692%20160.995%20285.112%20149.005%20288.347ZM161.661%20128.11V132.903H188.077C187.535%20131.206%20186.989%20129.677%20186.447%20128.11H161.661Z'%20fill='%232D4552'/%3e%3cpath%20d='M193.981%20167.584C205.861%20170.958%20212.144%20179.287%20215.465%20186.658L228.711%20190.42C228.711%20190.42%20226.904%20164.623%20203.57%20157.995C181.741%20151.793%20168.308%20170.124%20166.674%20172.496C173.024%20167.972%20182.297%20164.268%20193.981%20167.584ZM299.422%20186.777C277.573%20180.547%20264.145%20198.916%20262.535%20201.255C268.89%20196.736%20278.158%20193.031%20289.837%20196.362C301.698%20199.741%20307.976%20208.06%20311.307%20215.436L324.572%20219.212C324.572%20219.212%20322.736%20193.41%20299.422%20186.777ZM286.262%20254.795L176.072%20223.99C176.072%20223.99%20177.265%20230.038%20181.842%20237.869L274.617%20263.805C282.255%20259.386%20286.262%20254.795%20286.262%20254.795ZM209.867%20321.102C122.618%20297.71%20133.166%20186.543%20147.284%20133.865C153.097%20112.156%20159.073%2096.0203%20164.029%2085.204C161.072%2084.5953%20158.623%2086.1529%20156.203%2091.0746C150.941%20101.747%20144.212%20119.124%20137.7%20143.45C123.586%20196.127%20113.038%20307.29%20200.283%20330.682C241.406%20341.699%20273.442%20324.955%20297.323%20298.659C274.655%20319.19%20245.714%20330.701%20209.867%20321.102Z'%20fill='%232D4552'/%3e%3cpath%20d='M161.661%20262.296V239.863L99.3324%20257.537C99.3324%20257.537%20103.938%20230.777%20136.444%20221.556C146.302%20218.762%20154.713%20218.781%20161.661%20220.123V128.11H192.869C189.471%20117.61%20186.184%20109.526%20183.423%20103.909C178.856%2094.612%20174.174%20100.775%20163.545%20109.665C156.059%20115.919%20137.139%20129.261%20108.668%20136.933C80.1966%20144.61%2057.179%20142.574%2047.5752%20140.911C33.9601%20138.562%2026.8387%20135.572%2027.5049%20145.928C28.0847%20155.062%2030.2605%20169.224%2035.2445%20187.928C46.0272%20228.433%2081.663%20306.481%20149.01%20288.342C166.602%20283.602%20179.019%20274.233%20187.626%20262.291H161.661V262.296ZM61.0848%20188.484L108.946%20175.876C108.946%20175.876%20107.551%20194.288%2089.6087%20199.018C71.6614%20203.743%2061.0848%20188.484%2061.0848%20188.484Z'%20fill='%23E2574C'/%3e%3cpath%20d='M341.786%20129.174C329.345%20131.355%20299.498%20134.072%20262.612%20124.185C225.716%20114.304%20201.236%2097.0224%20191.537%2088.8994C177.788%2077.3834%20171.74%2069.3802%20165.788%2081.4857C160.526%2092.163%20153.797%20109.54%20147.284%20133.866C133.171%20186.543%20122.623%20297.706%20209.867%20321.098C297.093%20344.47%20343.53%20242.92%20357.644%20190.238C364.157%20165.917%20367.013%20147.5%20367.799%20135.625C368.695%20122.173%20359.455%20126.078%20341.786%20129.174ZM166.497%20172.756C166.497%20172.756%20180.246%20151.372%20203.565%20158C226.899%20164.628%20228.706%20190.425%20228.706%20190.425L166.497%20172.756ZM223.42%20268.713C182.403%20256.698%20176.077%20223.99%20176.077%20223.99L286.262%20254.796C286.262%20254.791%20264.021%20280.578%20223.42%20268.713ZM262.377%20201.495C262.377%20201.495%20276.107%20180.126%20299.422%20186.773C322.736%20193.411%20324.572%20219.208%20324.572%20219.208L262.377%20201.495Z'%20fill='%232EAD33'/%3e%3cpath%20d='M139.88%20246.04L99.3324%20257.532C99.3324%20257.532%20103.737%20232.44%20133.607%20222.496L110.647%20136.33L108.663%20136.933C80.1918%20144.611%2057.1742%20142.574%2047.5704%20140.911C33.9554%20138.563%2026.834%20135.572%2027.5001%20145.929C28.08%20155.063%2030.2557%20169.224%2035.2397%20187.929C46.0225%20228.433%2081.6583%20306.481%20149.005%20288.342L150.989%20287.719L139.88%20246.04ZM61.0848%20188.485L108.946%20175.876C108.946%20175.876%20107.551%20194.288%2089.6087%20199.018C71.6615%20203.743%2061.0848%20188.485%2061.0848%20188.485Z'%20fill='%23D65348'/%3e%3cpath%20d='M225.27%20269.163L223.415%20268.712C182.398%20256.698%20176.072%20223.99%20176.072%20223.99L232.89%20239.872L262.971%20124.281L262.607%20124.185C225.711%20114.304%20201.232%2097.0224%20191.532%2088.8994C177.783%2077.3834%20171.735%2069.3802%20165.783%2081.4857C160.526%2092.163%20153.797%20109.54%20147.284%20133.866C133.171%20186.543%20122.623%20297.706%20209.867%20321.097L211.655%20321.5L225.27%20269.163ZM166.497%20172.756C166.497%20172.756%20180.246%20151.372%20203.565%20158C226.899%20164.628%20228.706%20190.425%20228.706%20190.425L166.497%20172.756Z'%20fill='%231D8D22'/%3e%3cpath%20d='M141.946%20245.451L131.072%20248.537C133.641%20263.019%20138.169%20276.917%20145.276%20289.195C146.513%20288.922%20147.74%20288.687%20149%20288.342C152.302%20287.451%20155.364%20286.348%20158.312%20285.145C150.371%20273.361%20145.118%20259.789%20141.946%20245.451ZM137.7%20143.451C132.112%20164.307%20127.113%20194.326%20128.489%20224.436C130.952%20223.367%20133.554%20222.371%20136.444%20221.551L138.457%20221.101C136.003%20188.939%20141.308%20156.165%20147.284%20133.866C148.799%20128.225%20150.318%20122.978%20151.832%20118.085C149.393%20119.637%20146.767%20121.228%20143.776%20122.867C141.759%20129.093%20139.722%20135.898%20137.7%20143.451Z'%20fill='%23C04B41'/%3e%3c/svg%3e",If=t3,vr=document.createElement("link");vr.rel="shortcut icon";vr.href=Nv;document.head.appendChild(vr);const Hv=()=>{const[i,u]=it.useState();return it.useEffect(()=>{const c=new Bv;c.load().then(()=>{var f;(f=document.getElementById("playwrightReportBase64"))==null||f.remove(),u(c)})},[]),m.jsx(R3,{children:m.jsx(Ov,{report:i})})};window.onload=()=>{Q3(),s3.createRoot(document.querySelector("#root")).render(m.jsx(Hv,{}))};class Bv{constructor(){this._entries=new Map}async load(){const u=document.getElementById("playwrightReportBase64").content.textContent,c=new If.ZipReader(new If.Data64URIReader(u),{useWebWorkers:!1});for(const f of await c.getEntries())this._entries.set(f.filename,f);this._json=await this.entry("report.json")}json(){return this._json}async entry(u){const c=this._entries.get(u),f=new If.TextWriter;return await c.getData(f),JSON.parse(await f.getData())}}
+</script>
+    <style type='text/css'>:root{--color-canvas-default-transparent: rgba(255,255,255,0);--color-marketing-icon-primary: #218bff;--color-marketing-icon-secondary: #54aeff;--color-diff-blob-addition-num-text: #24292f;--color-diff-blob-addition-fg: #24292f;--color-diff-blob-addition-num-bg: #CCFFD8;--color-diff-blob-addition-line-bg: #E6FFEC;--color-diff-blob-addition-word-bg: #ABF2BC;--color-diff-blob-deletion-num-text: #24292f;--color-diff-blob-deletion-fg: #24292f;--color-diff-blob-deletion-num-bg: #FFD7D5;--color-diff-blob-deletion-line-bg: #FFEBE9;--color-diff-blob-deletion-word-bg: rgba(255,129,130,.4);--color-diff-blob-hunk-num-bg: rgba(84,174,255,.4);--color-diff-blob-expander-icon: #57606a;--color-diff-blob-selected-line-highlight-mix-blend-mode: multiply;--color-diffstat-deletion-border: rgba(27,31,36,.15);--color-diffstat-addition-border: rgba(27,31,36,.15);--color-diffstat-addition-bg: #2da44e;--color-search-keyword-hl: #fff8c5;--color-prettylights-syntax-comment: #6e7781;--color-prettylights-syntax-constant: #0550ae;--color-prettylights-syntax-entity: #8250df;--color-prettylights-syntax-storage-modifier-import: #24292f;--color-prettylights-syntax-entity-tag: #116329;--color-prettylights-syntax-keyword: #cf222e;--color-prettylights-syntax-string: #0a3069;--color-prettylights-syntax-variable: #953800;--color-prettylights-syntax-brackethighlighter-unmatched: #82071e;--color-prettylights-syntax-invalid-illegal-text: #f6f8fa;--color-prettylights-syntax-invalid-illegal-bg: #82071e;--color-prettylights-syntax-carriage-return-text: #f6f8fa;--color-prettylights-syntax-carriage-return-bg: #cf222e;--color-prettylights-syntax-string-regexp: #116329;--color-prettylights-syntax-markup-list: #3b2300;--color-prettylights-syntax-markup-heading: #0550ae;--color-prettylights-syntax-markup-italic: #24292f;--color-prettylights-syntax-markup-bold: #24292f;--color-prettylights-syntax-markup-deleted-text: #82071e;--color-prettylights-syntax-markup-deleted-bg: #FFEBE9;--color-prettylights-syntax-markup-inserted-text: #116329;--color-prettylights-syntax-markup-inserted-bg: #dafbe1;--color-prettylights-syntax-markup-changed-text: #953800;--color-prettylights-syntax-markup-changed-bg: #ffd8b5;--color-prettylights-syntax-markup-ignored-text: #eaeef2;--color-prettylights-syntax-markup-ignored-bg: #0550ae;--color-prettylights-syntax-meta-diff-range: #8250df;--color-prettylights-syntax-brackethighlighter-angle: #57606a;--color-prettylights-syntax-sublimelinter-gutter-mark: #8c959f;--color-prettylights-syntax-constant-other-reference-link: #0a3069;--color-codemirror-text: #24292f;--color-codemirror-bg: #ffffff;--color-codemirror-gutters-bg: #ffffff;--color-codemirror-guttermarker-text: #ffffff;--color-codemirror-guttermarker-subtle-text: #6e7781;--color-codemirror-linenumber-text: #57606a;--color-codemirror-cursor: #24292f;--color-codemirror-selection-bg: rgba(84,174,255,.4);--color-codemirror-activeline-bg: rgba(234,238,242,.5);--color-codemirror-matchingbracket-text: #24292f;--color-codemirror-lines-bg: #ffffff;--color-codemirror-syntax-comment: #24292f;--color-codemirror-syntax-constant: #0550ae;--color-codemirror-syntax-entity: #8250df;--color-codemirror-syntax-keyword: #cf222e;--color-codemirror-syntax-storage: #cf222e;--color-codemirror-syntax-string: #0a3069;--color-codemirror-syntax-support: #0550ae;--color-codemirror-syntax-variable: #953800;--color-checks-bg: #24292f;--color-checks-run-border-width: 0px;--color-checks-container-border-width: 0px;--color-checks-text-primary: #f6f8fa;--color-checks-text-secondary: #8c959f;--color-checks-text-link: #54aeff;--color-checks-btn-icon: #afb8c1;--color-checks-btn-hover-icon: #f6f8fa;--color-checks-btn-hover-bg: rgba(255,255,255,.125);--color-checks-input-text: #eaeef2;--color-checks-input-placeholder-text: #8c959f;--color-checks-input-focus-text: #8c959f;--color-checks-input-bg: #32383f;--color-checks-input-shadow: none;--color-checks-donut-error: #fa4549;--color-checks-donut-pending: #bf8700;--color-checks-donut-success: #2da44e;--color-checks-donut-neutral: #afb8c1;--color-checks-dropdown-text: #afb8c1;--color-checks-dropdown-bg: #32383f;--color-checks-dropdown-border: #424a53;--color-checks-dropdown-shadow: rgba(27,31,36,.3);--color-checks-dropdown-hover-text: #f6f8fa;--color-checks-dropdown-hover-bg: #424a53;--color-checks-dropdown-btn-hover-text: #f6f8fa;--color-checks-dropdown-btn-hover-bg: #32383f;--color-checks-scrollbar-thumb-bg: #57606a;--color-checks-header-label-text: #d0d7de;--color-checks-header-label-open-text: #f6f8fa;--color-checks-header-border: #32383f;--color-checks-header-icon: #8c959f;--color-checks-line-text: #d0d7de;--color-checks-line-num-text: rgba(140,149,159,.75);--color-checks-line-timestamp-text: #8c959f;--color-checks-line-hover-bg: #32383f;--color-checks-line-selected-bg: rgba(33,139,255,.15);--color-checks-line-selected-num-text: #54aeff;--color-checks-line-dt-fm-text: #24292f;--color-checks-line-dt-fm-bg: #9a6700;--color-checks-gate-bg: rgba(125,78,0,.15);--color-checks-gate-text: #d0d7de;--color-checks-gate-waiting-text: #afb8c1;--color-checks-step-header-open-bg: #32383f;--color-checks-step-error-text: #ff8182;--color-checks-step-warning-text: #d4a72c;--color-checks-logline-text: #8c959f;--color-checks-logline-num-text: rgba(140,149,159,.75);--color-checks-logline-debug-text: #c297ff;--color-checks-logline-error-text: #d0d7de;--color-checks-logline-error-num-text: #ff8182;--color-checks-logline-error-bg: rgba(164,14,38,.15);--color-checks-logline-warning-text: #d0d7de;--color-checks-logline-warning-num-text: #d4a72c;--color-checks-logline-warning-bg: rgba(125,78,0,.15);--color-checks-logline-command-text: #54aeff;--color-checks-logline-section-text: #4ac26b;--color-checks-ansi-black: #24292f;--color-checks-ansi-black-bright: #32383f;--color-checks-ansi-white: #d0d7de;--color-checks-ansi-white-bright: #d0d7de;--color-checks-ansi-gray: #8c959f;--color-checks-ansi-red: #ff8182;--color-checks-ansi-red-bright: #ffaba8;--color-checks-ansi-green: #4ac26b;--color-checks-ansi-green-bright: #6fdd8b;--color-checks-ansi-yellow: #d4a72c;--color-checks-ansi-yellow-bright: #eac54f;--color-checks-ansi-blue: #54aeff;--color-checks-ansi-blue-bright: #80ccff;--color-checks-ansi-magenta: #c297ff;--color-checks-ansi-magenta-bright: #d8b9ff;--color-checks-ansi-cyan: #76e3ea;--color-checks-ansi-cyan-bright: #b3f0ff;--color-project-header-bg: #24292f;--color-project-sidebar-bg: #ffffff;--color-project-gradient-in: #ffffff;--color-project-gradient-out: rgba(255,255,255,0);--color-mktg-success: rgba(36,146,67,1);--color-mktg-info: rgba(19,119,234,1);--color-mktg-bg-shade-gradient-top: rgba(27,31,36,.065);--color-mktg-bg-shade-gradient-bottom: rgba(27,31,36,0);--color-mktg-btn-bg-top: hsla(228,82%,66%,1);--color-mktg-btn-bg-bottom: #4969ed;--color-mktg-btn-bg-overlay-top: hsla(228,74%,59%,1);--color-mktg-btn-bg-overlay-bottom: #3355e0;--color-mktg-btn-text: #ffffff;--color-mktg-btn-primary-bg-top: hsla(137,56%,46%,1);--color-mktg-btn-primary-bg-bottom: #2ea44f;--color-mktg-btn-primary-bg-overlay-top: hsla(134,60%,38%,1);--color-mktg-btn-primary-bg-overlay-bottom: #22863a;--color-mktg-btn-primary-text: #ffffff;--color-mktg-btn-enterprise-bg-top: hsla(249,100%,72%,1);--color-mktg-btn-enterprise-bg-bottom: #6f57ff;--color-mktg-btn-enterprise-bg-overlay-top: hsla(248,65%,63%,1);--color-mktg-btn-enterprise-bg-overlay-bottom: #614eda;--color-mktg-btn-enterprise-text: #ffffff;--color-mktg-btn-outline-text: #4969ed;--color-mktg-btn-outline-border: rgba(73,105,237,.3);--color-mktg-btn-outline-hover-text: #3355e0;--color-mktg-btn-outline-hover-border: rgba(51,85,224,.5);--color-mktg-btn-outline-focus-border: #4969ed;--color-mktg-btn-outline-focus-border-inset: rgba(73,105,237,.5);--color-mktg-btn-dark-text: #ffffff;--color-mktg-btn-dark-border: rgba(255,255,255,.3);--color-mktg-btn-dark-hover-text: #ffffff;--color-mktg-btn-dark-hover-border: rgba(255,255,255,.5);--color-mktg-btn-dark-focus-border: #ffffff;--color-mktg-btn-dark-focus-border-inset: rgba(255,255,255,.5);--color-avatar-bg: #ffffff;--color-avatar-border: rgba(27,31,36,.15);--color-avatar-stack-fade: #afb8c1;--color-avatar-stack-fade-more: #d0d7de;--color-avatar-child-shadow: -2px -2px 0 rgba(255,255,255,.8);--color-topic-tag-border: rgba(0,0,0,0);--color-select-menu-backdrop-border: rgba(0,0,0,0);--color-select-menu-tap-highlight: rgba(175,184,193,.5);--color-select-menu-tap-focus-bg: #b6e3ff;--color-overlay-shadow: 0 1px 3px rgba(27,31,36,.12), 0 8px 24px rgba(66,74,83,.12);--color-header-text: rgba(255,255,255,.7);--color-header-bg: #24292f;--color-header-logo: #ffffff;--color-header-search-bg: #24292f;--color-header-search-border: #57606a;--color-sidenav-selected-bg: #ffffff;--color-menu-bg-active: rgba(0,0,0,0);--color-control-transparent-bg-hover: #818b981a;--color-input-disabled-bg: rgba(175,184,193,.2);--color-timeline-badge-bg: #eaeef2;--color-ansi-black: #24292f;--color-ansi-black-bright: #57606a;--color-ansi-white: #6e7781;--color-ansi-white-bright: #8c959f;--color-ansi-gray: #6e7781;--color-ansi-red: #cf222e;--color-ansi-red-bright: #a40e26;--color-ansi-green: #116329;--color-ansi-green-bright: #1a7f37;--color-ansi-yellow: #4d2d00;--color-ansi-yellow-bright: #633c01;--color-ansi-blue: #0969da;--color-ansi-blue-bright: #218bff;--color-ansi-magenta: #8250df;--color-ansi-magenta-bright: #a475f9;--color-ansi-cyan: #1b7c83;--color-ansi-cyan-bright: #3192aa;--color-btn-text: #24292f;--color-btn-bg: #f6f8fa;--color-btn-border: rgba(27,31,36,.15);--color-btn-shadow: 0 1px 0 rgba(27,31,36,.04);--color-btn-inset-shadow: inset 0 1px 0 rgba(255,255,255,.25);--color-btn-hover-bg: #f3f4f6;--color-btn-hover-border: rgba(27,31,36,.15);--color-btn-active-bg: hsla(220,14%,93%,1);--color-btn-active-border: rgba(27,31,36,.15);--color-btn-selected-bg: hsla(220,14%,94%,1);--color-btn-focus-bg: #f6f8fa;--color-btn-focus-border: rgba(27,31,36,.15);--color-btn-focus-shadow: 0 0 0 3px rgba(9,105,218,.3);--color-btn-shadow-active: inset 0 .15em .3em rgba(27,31,36,.15);--color-btn-shadow-input-focus: 0 0 0 .2em rgba(9,105,218,.3);--color-btn-counter-bg: rgba(27,31,36,.08);--color-btn-primary-text: #ffffff;--color-btn-primary-bg: #2da44e;--color-btn-primary-border: rgba(27,31,36,.15);--color-btn-primary-shadow: 0 1px 0 rgba(27,31,36,.1);--color-btn-primary-inset-shadow: inset 0 1px 0 rgba(255,255,255,.03);--color-btn-primary-hover-bg: #2c974b;--color-btn-primary-hover-border: rgba(27,31,36,.15);--color-btn-primary-selected-bg: hsla(137,55%,36%,1);--color-btn-primary-selected-shadow: inset 0 1px 0 rgba(0,45,17,.2);--color-btn-primary-disabled-text: rgba(255,255,255,.8);--color-btn-primary-disabled-bg: #94d3a2;--color-btn-primary-disabled-border: rgba(27,31,36,.15);--color-btn-primary-focus-bg: #2da44e;--color-btn-primary-focus-border: rgba(27,31,36,.15);--color-btn-primary-focus-shadow: 0 0 0 3px rgba(45,164,78,.4);--color-btn-primary-icon: rgba(255,255,255,.8);--color-btn-primary-counter-bg: rgba(255,255,255,.2);--color-btn-outline-text: #0969da;--color-btn-outline-hover-text: #ffffff;--color-btn-outline-hover-bg: #0969da;--color-btn-outline-hover-border: rgba(27,31,36,.15);--color-btn-outline-hover-shadow: 0 1px 0 rgba(27,31,36,.1);--color-btn-outline-hover-inset-shadow: inset 0 1px 0 rgba(255,255,255,.03);--color-btn-outline-hover-counter-bg: rgba(255,255,255,.2);--color-btn-outline-selected-text: #ffffff;--color-btn-outline-selected-bg: hsla(212,92%,42%,1);--color-btn-outline-selected-border: rgba(27,31,36,.15);--color-btn-outline-selected-shadow: inset 0 1px 0 rgba(0,33,85,.2);--color-btn-outline-disabled-text: rgba(9,105,218,.5);--color-btn-outline-disabled-bg: #f6f8fa;--color-btn-outline-disabled-counter-bg: rgba(9,105,218,.05);--color-btn-outline-focus-border: rgba(27,31,36,.15);--color-btn-outline-focus-shadow: 0 0 0 3px rgba(5,80,174,.4);--color-btn-outline-counter-bg: rgba(9,105,218,.1);--color-btn-danger-text: #cf222e;--color-btn-danger-hover-text: #ffffff;--color-btn-danger-hover-bg: #a40e26;--color-btn-danger-hover-border: rgba(27,31,36,.15);--color-btn-danger-hover-shadow: 0 1px 0 rgba(27,31,36,.1);--color-btn-danger-hover-inset-shadow: inset 0 1px 0 rgba(255,255,255,.03);--color-btn-danger-hover-counter-bg: rgba(255,255,255,.2);--color-btn-danger-selected-text: #ffffff;--color-btn-danger-selected-bg: hsla(356,72%,44%,1);--color-btn-danger-selected-border: rgba(27,31,36,.15);--color-btn-danger-selected-shadow: inset 0 1px 0 rgba(76,0,20,.2);--color-btn-danger-disabled-text: rgba(207,34,46,.5);--color-btn-danger-disabled-bg: #f6f8fa;--color-btn-danger-disabled-counter-bg: rgba(207,34,46,.05);--color-btn-danger-focus-border: rgba(27,31,36,.15);--color-btn-danger-focus-shadow: 0 0 0 3px rgba(164,14,38,.4);--color-btn-danger-counter-bg: rgba(207,34,46,.1);--color-btn-danger-icon: #cf222e;--color-btn-danger-hover-icon: #ffffff;--color-underlinenav-icon: #6e7781;--color-underlinenav-border-hover: rgba(175,184,193,.2);--color-fg-default: #24292f;--color-fg-muted: #57606a;--color-fg-subtle: #6e7781;--color-fg-on-emphasis: #ffffff;--color-canvas-default: #ffffff;--color-canvas-overlay: #ffffff;--color-canvas-inset: #f6f8fa;--color-canvas-subtle: #f6f8fa;--color-border-default: #d0d7de;--color-border-muted: hsla(210,18%,87%,1);--color-border-subtle: rgba(27,31,36,.15);--color-shadow-small: 0 1px 0 rgba(27,31,36,.04);--color-shadow-medium: 0 3px 6px rgba(140,149,159,.15);--color-shadow-large: 0 8px 24px rgba(140,149,159,.2);--color-shadow-extra-large: 0 12px 28px rgba(140,149,159,.3);--color-neutral-emphasis-plus: #24292f;--color-neutral-emphasis: #6e7781;--color-neutral-muted: rgba(175,184,193,.2);--color-neutral-subtle: rgba(234,238,242,.5);--color-accent-fg: #0969da;--color-accent-emphasis: #0969da;--color-accent-muted: rgba(84,174,255,.4);--color-accent-subtle: #ddf4ff;--color-success-fg: #1a7f37;--color-success-emphasis: #2da44e;--color-success-muted: rgba(74,194,107,.4);--color-success-subtle: #dafbe1;--color-attention-fg: #9a6700;--color-attention-emphasis: #bf8700;--color-attention-muted: rgba(212,167,44,.4);--color-attention-subtle: #fff8c5;--color-severe-fg: #bc4c00;--color-severe-emphasis: #bc4c00;--color-severe-muted: rgba(251,143,68,.4);--color-severe-subtle: #fff1e5;--color-danger-fg: #cf222e;--color-danger-emphasis: #cf222e;--color-danger-muted: rgba(255,129,130,.4);--color-danger-subtle: #FFEBE9;--color-done-fg: #8250df;--color-done-emphasis: #8250df;--color-done-muted: rgba(194,151,255,.4);--color-done-subtle: #fbefff;--color-sponsors-fg: #bf3989;--color-sponsors-emphasis: #bf3989;--color-sponsors-muted: rgba(255,128,200,.4);--color-sponsors-subtle: #ffeff7;--color-primer-canvas-backdrop: rgba(27,31,36,.5);--color-primer-canvas-sticky: rgba(255,255,255,.95);--color-primer-border-active: #FD8C73;--color-primer-border-contrast: rgba(27,31,36,.1);--color-primer-shadow-highlight: inset 0 1px 0 rgba(255,255,255,.25);--color-primer-shadow-inset: inset 0 1px 0 rgba(208,215,222,.2);--color-primer-shadow-focus: 0 0 0 3px rgba(9,105,218,.3);--color-scale-black: #1b1f24;--color-scale-white: #ffffff;--color-scale-gray-0: #f6f8fa;--color-scale-gray-1: #eaeef2;--color-scale-gray-2: #d0d7de;--color-scale-gray-3: #afb8c1;--color-scale-gray-4: #8c959f;--color-scale-gray-5: #6e7781;--color-scale-gray-6: #57606a;--color-scale-gray-7: #424a53;--color-scale-gray-8: #32383f;--color-scale-gray-9: #24292f;--color-scale-blue-0: #ddf4ff;--color-scale-blue-1: #b6e3ff;--color-scale-blue-2: #80ccff;--color-scale-blue-3: #54aeff;--color-scale-blue-4: #218bff;--color-scale-blue-5: #0969da;--color-scale-blue-6: #0550ae;--color-scale-blue-7: #033d8b;--color-scale-blue-8: #0a3069;--color-scale-blue-9: #002155;--color-scale-green-0: #dafbe1;--color-scale-green-1: #aceebb;--color-scale-green-2: #6fdd8b;--color-scale-green-3: #4ac26b;--color-scale-green-4: #2da44e;--color-scale-green-5: #1a7f37;--color-scale-green-6: #116329;--color-scale-green-7: #044f1e;--color-scale-green-8: #003d16;--color-scale-green-9: #002d11;--color-scale-yellow-0: #fff8c5;--color-scale-yellow-1: #fae17d;--color-scale-yellow-2: #eac54f;--color-scale-yellow-3: #d4a72c;--color-scale-yellow-4: #bf8700;--color-scale-yellow-5: #9a6700;--color-scale-yellow-6: #7d4e00;--color-scale-yellow-7: #633c01;--color-scale-yellow-8: #4d2d00;--color-scale-yellow-9: #3b2300;--color-scale-orange-0: #fff1e5;--color-scale-orange-1: #ffd8b5;--color-scale-orange-2: #ffb77c;--color-scale-orange-3: #fb8f44;--color-scale-orange-4: #e16f24;--color-scale-orange-5: #bc4c00;--color-scale-orange-6: #953800;--color-scale-orange-7: #762c00;--color-scale-orange-8: #5c2200;--color-scale-orange-9: #471700;--color-scale-red-0: #FFEBE9;--color-scale-red-1: #ffcecb;--color-scale-red-2: #ffaba8;--color-scale-red-3: #ff8182;--color-scale-red-4: #fa4549;--color-scale-red-5: #cf222e;--color-scale-red-6: #a40e26;--color-scale-red-7: #82071e;--color-scale-red-8: #660018;--color-scale-red-9: #4c0014;--color-scale-purple-0: #fbefff;--color-scale-purple-1: #ecd8ff;--color-scale-purple-2: #d8b9ff;--color-scale-purple-3: #c297ff;--color-scale-purple-4: #a475f9;--color-scale-purple-5: #8250df;--color-scale-purple-6: #6639ba;--color-scale-purple-7: #512a97;--color-scale-purple-8: #3e1f79;--color-scale-purple-9: #2e1461;--color-scale-pink-0: #ffeff7;--color-scale-pink-1: #ffd3eb;--color-scale-pink-2: #ffadda;--color-scale-pink-3: #ff80c8;--color-scale-pink-4: #e85aad;--color-scale-pink-5: #bf3989;--color-scale-pink-6: #99286e;--color-scale-pink-7: #772057;--color-scale-pink-8: #611347;--color-scale-pink-9: #4d0336;--color-scale-coral-0: #FFF0EB;--color-scale-coral-1: #FFD6CC;--color-scale-coral-2: #FFB4A1;--color-scale-coral-3: #FD8C73;--color-scale-coral-4: #EC6547;--color-scale-coral-5: #C4432B;--color-scale-coral-6: #9E2F1C;--color-scale-coral-7: #801F0F;--color-scale-coral-8: #691105;--color-scale-coral-9: #510901 }:root.dark-mode{color-scheme:dark;--color-canvas-default-transparent: rgba(13,17,23,0);--color-marketing-icon-primary: #79c0ff;--color-marketing-icon-secondary: #1f6feb;--color-diff-blob-addition-num-text: #c9d1d9;--color-diff-blob-addition-fg: #c9d1d9;--color-diff-blob-addition-num-bg: rgba(63,185,80,.3);--color-diff-blob-addition-line-bg: rgba(46,160,67,.15);--color-diff-blob-addition-word-bg: rgba(46,160,67,.4);--color-diff-blob-deletion-num-text: #c9d1d9;--color-diff-blob-deletion-fg: #c9d1d9;--color-diff-blob-deletion-num-bg: rgba(248,81,73,.3);--color-diff-blob-deletion-line-bg: rgba(248,81,73,.15);--color-diff-blob-deletion-word-bg: rgba(248,81,73,.4);--color-diff-blob-hunk-num-bg: rgba(56,139,253,.4);--color-diff-blob-expander-icon: #8b949e;--color-diff-blob-selected-line-highlight-mix-blend-mode: screen;--color-diffstat-deletion-border: rgba(240,246,252,.1);--color-diffstat-addition-border: rgba(240,246,252,.1);--color-diffstat-addition-bg: #3fb950;--color-search-keyword-hl: rgba(210,153,34,.4);--color-prettylights-syntax-comment: #8b949e;--color-prettylights-syntax-constant: #79c0ff;--color-prettylights-syntax-entity: #d2a8ff;--color-prettylights-syntax-storage-modifier-import: #c9d1d9;--color-prettylights-syntax-entity-tag: #7ee787;--color-prettylights-syntax-keyword: #ff7b72;--color-prettylights-syntax-string: #a5d6ff;--color-prettylights-syntax-variable: #ffa657;--color-prettylights-syntax-brackethighlighter-unmatched: #f85149;--color-prettylights-syntax-invalid-illegal-text: #f0f6fc;--color-prettylights-syntax-invalid-illegal-bg: #8e1519;--color-prettylights-syntax-carriage-return-text: #f0f6fc;--color-prettylights-syntax-carriage-return-bg: #b62324;--color-prettylights-syntax-string-regexp: #7ee787;--color-prettylights-syntax-markup-list: #f2cc60;--color-prettylights-syntax-markup-heading: #1f6feb;--color-prettylights-syntax-markup-italic: #c9d1d9;--color-prettylights-syntax-markup-bold: #c9d1d9;--color-prettylights-syntax-markup-deleted-text: #ffdcd7;--color-prettylights-syntax-markup-deleted-bg: #67060c;--color-prettylights-syntax-markup-inserted-text: #aff5b4;--color-prettylights-syntax-markup-inserted-bg: #033a16;--color-prettylights-syntax-markup-changed-text: #ffdfb6;--color-prettylights-syntax-markup-changed-bg: #5a1e02;--color-prettylights-syntax-markup-ignored-text: #c9d1d9;--color-prettylights-syntax-markup-ignored-bg: #1158c7;--color-prettylights-syntax-meta-diff-range: #d2a8ff;--color-prettylights-syntax-brackethighlighter-angle: #8b949e;--color-prettylights-syntax-sublimelinter-gutter-mark: #484f58;--color-prettylights-syntax-constant-other-reference-link: #a5d6ff;--color-codemirror-text: #c9d1d9;--color-codemirror-bg: #0d1117;--color-codemirror-gutters-bg: #0d1117;--color-codemirror-guttermarker-text: #0d1117;--color-codemirror-guttermarker-subtle-text: #484f58;--color-codemirror-linenumber-text: #8b949e;--color-codemirror-cursor: #c9d1d9;--color-codemirror-selection-bg: rgba(56,139,253,.4);--color-codemirror-activeline-bg: rgba(110,118,129,.1);--color-codemirror-matchingbracket-text: #c9d1d9;--color-codemirror-lines-bg: #0d1117;--color-codemirror-syntax-comment: #8b949e;--color-codemirror-syntax-constant: #79c0ff;--color-codemirror-syntax-entity: #d2a8ff;--color-codemirror-syntax-keyword: #ff7b72;--color-codemirror-syntax-storage: #ff7b72;--color-codemirror-syntax-string: #a5d6ff;--color-codemirror-syntax-support: #79c0ff;--color-codemirror-syntax-variable: #ffa657;--color-checks-bg: #010409;--color-checks-run-border-width: 1px;--color-checks-container-border-width: 1px;--color-checks-text-primary: #c9d1d9;--color-checks-text-secondary: #8b949e;--color-checks-text-link: #58a6ff;--color-checks-btn-icon: #8b949e;--color-checks-btn-hover-icon: #c9d1d9;--color-checks-btn-hover-bg: rgba(110,118,129,.1);--color-checks-input-text: #8b949e;--color-checks-input-placeholder-text: #484f58;--color-checks-input-focus-text: #c9d1d9;--color-checks-input-bg: #161b22;--color-checks-input-shadow: none;--color-checks-donut-error: #f85149;--color-checks-donut-pending: #d29922;--color-checks-donut-success: #2ea043;--color-checks-donut-neutral: #8b949e;--color-checks-dropdown-text: #c9d1d9;--color-checks-dropdown-bg: #161b22;--color-checks-dropdown-border: #30363d;--color-checks-dropdown-shadow: rgba(1,4,9,.3);--color-checks-dropdown-hover-text: #c9d1d9;--color-checks-dropdown-hover-bg: rgba(110,118,129,.1);--color-checks-dropdown-btn-hover-text: #c9d1d9;--color-checks-dropdown-btn-hover-bg: rgba(110,118,129,.1);--color-checks-scrollbar-thumb-bg: rgba(110,118,129,.4);--color-checks-header-label-text: #8b949e;--color-checks-header-label-open-text: #c9d1d9;--color-checks-header-border: #21262d;--color-checks-header-icon: #8b949e;--color-checks-line-text: #8b949e;--color-checks-line-num-text: #484f58;--color-checks-line-timestamp-text: #484f58;--color-checks-line-hover-bg: rgba(110,118,129,.1);--color-checks-line-selected-bg: rgba(56,139,253,.15);--color-checks-line-selected-num-text: #58a6ff;--color-checks-line-dt-fm-text: #f0f6fc;--color-checks-line-dt-fm-bg: #9e6a03;--color-checks-gate-bg: rgba(187,128,9,.15);--color-checks-gate-text: #8b949e;--color-checks-gate-waiting-text: #d29922;--color-checks-step-header-open-bg: #161b22;--color-checks-step-error-text: #f85149;--color-checks-step-warning-text: #d29922;--color-checks-logline-text: #8b949e;--color-checks-logline-num-text: #484f58;--color-checks-logline-debug-text: #a371f7;--color-checks-logline-error-text: #8b949e;--color-checks-logline-error-num-text: #484f58;--color-checks-logline-error-bg: rgba(248,81,73,.15);--color-checks-logline-warning-text: #8b949e;--color-checks-logline-warning-num-text: #d29922;--color-checks-logline-warning-bg: rgba(187,128,9,.15);--color-checks-logline-command-text: #58a6ff;--color-checks-logline-section-text: #3fb950;--color-checks-ansi-black: #0d1117;--color-checks-ansi-black-bright: #161b22;--color-checks-ansi-white: #b1bac4;--color-checks-ansi-white-bright: #b1bac4;--color-checks-ansi-gray: #6e7681;--color-checks-ansi-red: #ff7b72;--color-checks-ansi-red-bright: #ffa198;--color-checks-ansi-green: #3fb950;--color-checks-ansi-green-bright: #56d364;--color-checks-ansi-yellow: #d29922;--color-checks-ansi-yellow-bright: #e3b341;--color-checks-ansi-blue: #58a6ff;--color-checks-ansi-blue-bright: #79c0ff;--color-checks-ansi-magenta: #bc8cff;--color-checks-ansi-magenta-bright: #d2a8ff;--color-checks-ansi-cyan: #76e3ea;--color-checks-ansi-cyan-bright: #b3f0ff;--color-project-header-bg: #0d1117;--color-project-sidebar-bg: #161b22;--color-project-gradient-in: #161b22;--color-project-gradient-out: rgba(22,27,34,0);--color-mktg-success: rgba(41,147,61,1);--color-mktg-info: rgba(42,123,243,1);--color-mktg-bg-shade-gradient-top: rgba(1,4,9,.065);--color-mktg-bg-shade-gradient-bottom: rgba(1,4,9,0);--color-mktg-btn-bg-top: hsla(228,82%,66%,1);--color-mktg-btn-bg-bottom: #4969ed;--color-mktg-btn-bg-overlay-top: hsla(228,74%,59%,1);--color-mktg-btn-bg-overlay-bottom: #3355e0;--color-mktg-btn-text: #f0f6fc;--color-mktg-btn-primary-bg-top: hsla(137,56%,46%,1);--color-mktg-btn-primary-bg-bottom: #2ea44f;--color-mktg-btn-primary-bg-overlay-top: hsla(134,60%,38%,1);--color-mktg-btn-primary-bg-overlay-bottom: #22863a;--color-mktg-btn-primary-text: #f0f6fc;--color-mktg-btn-enterprise-bg-top: hsla(249,100%,72%,1);--color-mktg-btn-enterprise-bg-bottom: #6f57ff;--color-mktg-btn-enterprise-bg-overlay-top: hsla(248,65%,63%,1);--color-mktg-btn-enterprise-bg-overlay-bottom: #614eda;--color-mktg-btn-enterprise-text: #f0f6fc;--color-mktg-btn-outline-text: #f0f6fc;--color-mktg-btn-outline-border: rgba(240,246,252,.3);--color-mktg-btn-outline-hover-text: #f0f6fc;--color-mktg-btn-outline-hover-border: rgba(240,246,252,.5);--color-mktg-btn-outline-focus-border: #f0f6fc;--color-mktg-btn-outline-focus-border-inset: rgba(240,246,252,.5);--color-mktg-btn-dark-text: #f0f6fc;--color-mktg-btn-dark-border: rgba(240,246,252,.3);--color-mktg-btn-dark-hover-text: #f0f6fc;--color-mktg-btn-dark-hover-border: rgba(240,246,252,.5);--color-mktg-btn-dark-focus-border: #f0f6fc;--color-mktg-btn-dark-focus-border-inset: rgba(240,246,252,.5);--color-avatar-bg: rgba(240,246,252,.1);--color-avatar-border: rgba(240,246,252,.1);--color-avatar-stack-fade: #30363d;--color-avatar-stack-fade-more: #21262d;--color-avatar-child-shadow: -2px -2px 0 #0d1117;--color-topic-tag-border: rgba(0,0,0,0);--color-select-menu-backdrop-border: #484f58;--color-select-menu-tap-highlight: rgba(48,54,61,.5);--color-select-menu-tap-focus-bg: #0c2d6b;--color-overlay-shadow: 0 0 0 1px #30363d, 0 16px 32px rgba(1,4,9,.85);--color-header-text: rgba(240,246,252,.7);--color-header-bg: #161b22;--color-header-logo: #f0f6fc;--color-header-search-bg: #0d1117;--color-header-search-border: #30363d;--color-sidenav-selected-bg: #21262d;--color-menu-bg-active: #161b22;--color-control-transparent-bg-hover: #656c7633;--color-input-disabled-bg: rgba(110,118,129,0);--color-timeline-badge-bg: #21262d;--color-ansi-black: #484f58;--color-ansi-black-bright: #6e7681;--color-ansi-white: #b1bac4;--color-ansi-white-bright: #f0f6fc;--color-ansi-gray: #6e7681;--color-ansi-red: #ff7b72;--color-ansi-red-bright: #ffa198;--color-ansi-green: #3fb950;--color-ansi-green-bright: #56d364;--color-ansi-yellow: #d29922;--color-ansi-yellow-bright: #e3b341;--color-ansi-blue: #58a6ff;--color-ansi-blue-bright: #79c0ff;--color-ansi-magenta: #bc8cff;--color-ansi-magenta-bright: #d2a8ff;--color-ansi-cyan: #39c5cf;--color-ansi-cyan-bright: #56d4dd;--color-btn-text: #c9d1d9;--color-btn-bg: #21262d;--color-btn-border: rgba(240,246,252,.1);--color-btn-shadow: 0 0 transparent;--color-btn-inset-shadow: 0 0 transparent;--color-btn-hover-bg: #30363d;--color-btn-hover-border: #8b949e;--color-btn-active-bg: hsla(212,12%,18%,1);--color-btn-active-border: #6e7681;--color-btn-selected-bg: #161b22;--color-btn-focus-bg: #21262d;--color-btn-focus-border: #8b949e;--color-btn-focus-shadow: 0 0 0 3px rgba(139,148,158,.3);--color-btn-shadow-active: inset 0 .15em .3em rgba(1,4,9,.15);--color-btn-shadow-input-focus: 0 0 0 .2em rgba(31,111,235,.3);--color-btn-counter-bg: #30363d;--color-btn-primary-text: #ffffff;--color-btn-primary-bg: #238636;--color-btn-primary-border: rgba(240,246,252,.1);--color-btn-primary-shadow: 0 0 transparent;--color-btn-primary-inset-shadow: 0 0 transparent;--color-btn-primary-hover-bg: #2ea043;--color-btn-primary-hover-border: rgba(240,246,252,.1);--color-btn-primary-selected-bg: #238636;--color-btn-primary-selected-shadow: 0 0 transparent;--color-btn-primary-disabled-text: rgba(240,246,252,.5);--color-btn-primary-disabled-bg: rgba(35,134,54,.6);--color-btn-primary-disabled-border: rgba(240,246,252,.1);--color-btn-primary-focus-bg: #238636;--color-btn-primary-focus-border: rgba(240,246,252,.1);--color-btn-primary-focus-shadow: 0 0 0 3px rgba(46,164,79,.4);--color-btn-primary-icon: #f0f6fc;--color-btn-primary-counter-bg: rgba(240,246,252,.2);--color-btn-outline-text: #58a6ff;--color-btn-outline-hover-text: #58a6ff;--color-btn-outline-hover-bg: #30363d;--color-btn-outline-hover-border: rgba(240,246,252,.1);--color-btn-outline-hover-shadow: 0 1px 0 rgba(1,4,9,.1);--color-btn-outline-hover-inset-shadow: inset 0 1px 0 rgba(240,246,252,.03);--color-btn-outline-hover-counter-bg: rgba(240,246,252,.2);--color-btn-outline-selected-text: #f0f6fc;--color-btn-outline-selected-bg: #0d419d;--color-btn-outline-selected-border: rgba(240,246,252,.1);--color-btn-outline-selected-shadow: 0 0 transparent;--color-btn-outline-disabled-text: rgba(88,166,255,.5);--color-btn-outline-disabled-bg: #0d1117;--color-btn-outline-disabled-counter-bg: rgba(31,111,235,.05);--color-btn-outline-focus-border: rgba(240,246,252,.1);--color-btn-outline-focus-shadow: 0 0 0 3px rgba(17,88,199,.4);--color-btn-outline-counter-bg: rgba(31,111,235,.1);--color-btn-danger-text: #f85149;--color-btn-danger-hover-text: #f0f6fc;--color-btn-danger-hover-bg: #da3633;--color-btn-danger-hover-border: #f85149;--color-btn-danger-hover-shadow: 0 0 transparent;--color-btn-danger-hover-inset-shadow: 0 0 transparent;--color-btn-danger-hover-icon: #f0f6fc;--color-btn-danger-hover-counter-bg: rgba(255,255,255,.2);--color-btn-danger-selected-text: #ffffff;--color-btn-danger-selected-bg: #b62324;--color-btn-danger-selected-border: #ff7b72;--color-btn-danger-selected-shadow: 0 0 transparent;--color-btn-danger-disabled-text: rgba(248,81,73,.5);--color-btn-danger-disabled-bg: #0d1117;--color-btn-danger-disabled-counter-bg: rgba(218,54,51,.05);--color-btn-danger-focus-border: #f85149;--color-btn-danger-focus-shadow: 0 0 0 3px rgba(248,81,73,.4);--color-btn-danger-counter-bg: rgba(218,54,51,.1);--color-btn-danger-icon: #f85149;--color-underlinenav-icon: #484f58;--color-underlinenav-border-hover: rgba(110,118,129,.4);--color-fg-default: #c9d1d9;--color-fg-muted: #8b949e;--color-fg-subtle: #484f58;--color-fg-on-emphasis: #f0f6fc;--color-canvas-default: #0d1117;--color-canvas-overlay: #161b22;--color-canvas-inset: #010409;--color-canvas-subtle: #161b22;--color-border-default: #30363d;--color-border-muted: #21262d;--color-border-subtle: rgba(240,246,252,.1);--color-shadow-small: 0 0 transparent;--color-shadow-medium: 0 3px 6px #010409;--color-shadow-large: 0 8px 24px #010409;--color-shadow-extra-large: 0 12px 48px #010409;--color-neutral-emphasis-plus: #6e7681;--color-neutral-emphasis: #6e7681;--color-neutral-muted: rgba(110,118,129,.4);--color-neutral-subtle: rgba(110,118,129,.1);--color-accent-fg: #58a6ff;--color-accent-emphasis: #1f6feb;--color-accent-muted: rgba(56,139,253,.4);--color-accent-subtle: rgba(56,139,253,.15);--color-success-fg: #3fb950;--color-success-emphasis: #238636;--color-success-muted: rgba(46,160,67,.4);--color-success-subtle: rgba(46,160,67,.15);--color-attention-fg: #d29922;--color-attention-emphasis: #9e6a03;--color-attention-muted: rgba(187,128,9,.4);--color-attention-subtle: rgba(187,128,9,.15);--color-severe-fg: #db6d28;--color-severe-emphasis: #bd561d;--color-severe-muted: rgba(219,109,40,.4);--color-severe-subtle: rgba(219,109,40,.15);--color-danger-fg: #f85149;--color-danger-emphasis: #da3633;--color-danger-muted: rgba(248,81,73,.4);--color-danger-subtle: rgba(248,81,73,.15);--color-done-fg: #a371f7;--color-done-emphasis: #8957e5;--color-done-muted: rgba(163,113,247,.4);--color-done-subtle: rgba(163,113,247,.15);--color-sponsors-fg: #db61a2;--color-sponsors-emphasis: #bf4b8a;--color-sponsors-muted: rgba(219,97,162,.4);--color-sponsors-subtle: rgba(219,97,162,.15);--color-primer-canvas-backdrop: rgba(1,4,9,.8);--color-primer-canvas-sticky: rgba(13,17,23,.95);--color-primer-border-active: #F78166;--color-primer-border-contrast: rgba(240,246,252,.2);--color-primer-shadow-highlight: 0 0 transparent;--color-primer-shadow-inset: 0 0 transparent;--color-primer-shadow-focus: 0 0 0 3px #0c2d6b;--color-scale-black: #010409;--color-scale-white: #f0f6fc;--color-scale-gray-0: #f0f6fc;--color-scale-gray-1: #c9d1d9;--color-scale-gray-2: #b1bac4;--color-scale-gray-3: #8b949e;--color-scale-gray-4: #6e7681;--color-scale-gray-5: #484f58;--color-scale-gray-6: #30363d;--color-scale-gray-7: #21262d;--color-scale-gray-8: #161b22;--color-scale-gray-9: #0d1117;--color-scale-blue-0: #cae8ff;--color-scale-blue-1: #a5d6ff;--color-scale-blue-2: #79c0ff;--color-scale-blue-3: #58a6ff;--color-scale-blue-4: #388bfd;--color-scale-blue-5: #1f6feb;--color-scale-blue-6: #1158c7;--color-scale-blue-7: #0d419d;--color-scale-blue-8: #0c2d6b;--color-scale-blue-9: #051d4d;--color-scale-green-0: #aff5b4;--color-scale-green-1: #7ee787;--color-scale-green-2: #56d364;--color-scale-green-3: #3fb950;--color-scale-green-4: #2ea043;--color-scale-green-5: #238636;--color-scale-green-6: #196c2e;--color-scale-green-7: #0f5323;--color-scale-green-8: #033a16;--color-scale-green-9: #04260f;--color-scale-yellow-0: #f8e3a1;--color-scale-yellow-1: #f2cc60;--color-scale-yellow-2: #e3b341;--color-scale-yellow-3: #d29922;--color-scale-yellow-4: #bb8009;--color-scale-yellow-5: #9e6a03;--color-scale-yellow-6: #845306;--color-scale-yellow-7: #693e00;--color-scale-yellow-8: #4b2900;--color-scale-yellow-9: #341a00;--color-scale-orange-0: #ffdfb6;--color-scale-orange-1: #ffc680;--color-scale-orange-2: #ffa657;--color-scale-orange-3: #f0883e;--color-scale-orange-4: #db6d28;--color-scale-orange-5: #bd561d;--color-scale-orange-6: #9b4215;--color-scale-orange-7: #762d0a;--color-scale-orange-8: #5a1e02;--color-scale-orange-9: #3d1300;--color-scale-red-0: #ffdcd7;--color-scale-red-1: #ffc1ba;--color-scale-red-2: #ffa198;--color-scale-red-3: #ff7b72;--color-scale-red-4: #f85149;--color-scale-red-5: #da3633;--color-scale-red-6: #b62324;--color-scale-red-7: #8e1519;--color-scale-red-8: #67060c;--color-scale-red-9: #490202;--color-scale-purple-0: #eddeff;--color-scale-purple-1: #e2c5ff;--color-scale-purple-2: #d2a8ff;--color-scale-purple-3: #bc8cff;--color-scale-purple-4: #a371f7;--color-scale-purple-5: #8957e5;--color-scale-purple-6: #6e40c9;--color-scale-purple-7: #553098;--color-scale-purple-8: #3c1e70;--color-scale-purple-9: #271052;--color-scale-pink-0: #ffdaec;--color-scale-pink-1: #ffbedd;--color-scale-pink-2: #ff9bce;--color-scale-pink-3: #f778ba;--color-scale-pink-4: #db61a2;--color-scale-pink-5: #bf4b8a;--color-scale-pink-6: #9e3670;--color-scale-pink-7: #7d2457;--color-scale-pink-8: #5e103e;--color-scale-pink-9: #42062a;--color-scale-coral-0: #FFDDD2;--color-scale-coral-1: #FFC2B2;--color-scale-coral-2: #FFA28B;--color-scale-coral-3: #F78166;--color-scale-coral-4: #EA6045;--color-scale-coral-5: #CF462D;--color-scale-coral-6: #AC3220;--color-scale-coral-7: #872012;--color-scale-coral-8: #640D04;--color-scale-coral-9: #460701 }:root{--box-shadow: rgba(0, 0, 0, .133) 0px 1.6px 3.6px 0px, rgba(0, 0, 0, .11) 0px .3px .9px 0px;--box-shadow-thick: rgb(0 0 0 / 10%) 0px 1.8px 1.9px, rgb(0 0 0 / 15%) 0px 6.1px 6.3px, rgb(0 0 0 / 10%) 0px -2px 4px, rgb(0 0 0 / 15%) 0px -6.1px 12px, rgb(0 0 0 / 25%) 0px 6px 12px}*{box-sizing:border-box;min-width:0;min-height:0}svg{fill:currentColor}.vbox{display:flex;flex-direction:column;flex:auto;position:relative}.hbox{display:flex;flex:auto;position:relative}.hidden{visibility:hidden}.d-flex{display:flex!important}.d-inline{display:inline!important}.m-1{margin:4px}.m-2{margin:8px}.m-3{margin:16px}.m-4{margin:24px}.m-5{margin:32px}.mx-1{margin:0 4px}.mx-2{margin:0 8px}.mx-3{margin:0 16px}.mx-4{margin:0 24px}.mx-5{margin:0 32px}.my-1{margin:4px 0}.my-2{margin:8px 0}.my-3{margin:16px 0}.my-4{margin:24px 0}.my-5{margin:32px 0}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-3{margin-top:16px}.mt-4{margin-top:24px}.mt-5{margin-top:32px}.mr-1{margin-right:4px}.mr-2{margin-right:8px}.mr-3{margin-right:16px}.mr-4{margin-right:24px}.mr-5{margin-right:32px}.mb-1{margin-bottom:4px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:16px}.mb-4{margin-bottom:24px}.mb-5{margin-bottom:32px}.ml-1{margin-left:4px}.ml-2{margin-left:8px}.ml-3{margin-left:16px}.ml-4{margin-left:24px}.ml-5{margin-left:32px}.p-1{padding:4px}.p-2{padding:8px}.p-3{padding:16px}.p-4{padding:24px}.p-5{padding:32px}.px-1{padding:0 4px}.px-2{padding:0 8px}.px-3{padding:0 16px}.px-4{padding:0 24px}.px-5{padding:0 32px}.py-1{padding:4px 0}.py-2{padding:8px 0}.py-3{padding:16px 0}.py-4{padding:24px 0}.py-5{padding:32px 0}.pt-1{padding-top:4px}.pt-2{padding-top:8px}.pt-3{padding-top:16px}.pt-4{padding-top:24px}.pt-5{padding-top:32px}.pr-1{padding-right:4px}.pr-2{padding-right:8px}.pr-3{padding-right:16px}.pr-4{padding-right:24px}.pr-5{padding-right:32px}.pb-1{padding-bottom:4px}.pb-2{padding-bottom:8px}.pb-3{padding-bottom:16px}.pb-4{padding-bottom:24px}.pb-5{padding-bottom:32px}.pl-1{padding-left:4px}.pl-2{padding-left:8px}.pl-3{padding-left:16px}.pl-4{padding-left:24px}.pl-5{padding-left:32px}.no-wrap{white-space:nowrap!important}.float-left{float:left!important}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section{display:block}.form-control,.form-select{padding:5px 12px;font-size:14px;line-height:20px;color:var(--color-fg-default);vertical-align:middle;background-color:var(--color-canvas-default);background-repeat:no-repeat;background-position:right 8px center;border:1px solid var(--color-border-default);border-radius:6px;outline:none;box-shadow:var(--color-primer-shadow-inset)}.input-contrast{background-color:var(--color-canvas-inset)}.subnav-search{position:relative;flex:auto;display:flex}.subnav-search-input{flex:auto;padding-left:32px;color:var(--color-fg-muted)}.subnav-search-icon{position:absolute;top:9px;left:8px;display:block;color:var(--color-fg-muted);text-align:center;pointer-events:none}.subnav-search-context+.subnav-search{margin-left:-1px}.subnav-item{flex:none;position:relative;float:left;padding:5px 8px;font-weight:500;line-height:20px;color:var(--color-fg-default);border:1px solid var(--color-border-default);-webkit-user-select:none;user-select:none}.subnav-item:hover{background-color:var(--color-canvas-subtle)}.subnav-item[aria-selected=true]{background:var(--color-control-transparent-bg-hover)}.subnav-item:first-child{border-top-left-radius:6px;border-bottom-left-radius:6px}.subnav-item:last-child{border-top-right-radius:6px;border-bottom-right-radius:6px}.subnav-item+.subnav-item{margin-left:-1px}.subnav-item .octicon,.subnav-item-label{margin-right:8px}.counter{display:inline-block;min-width:20px;padding:0 6px;font-size:12px;font-weight:500;line-height:18px;color:var(--color-fg-default);text-align:center;background-color:var(--color-neutral-muted);border:1px solid transparent;border-radius:2em}.color-icon-success{color:var(--color-success-fg)!important}.color-text-danger{color:var(--color-danger-fg)!important}.color-text-warning{color:var(--color-checks-step-warning-text)!important}.color-fg-muted{color:var(--color-fg-muted)!important}.octicon{display:inline-block;overflow:visible!important;vertical-align:text-bottom;fill:currentColor;margin-right:7px;flex:none}.button{flex:none;height:24px;border:1px solid var(--color-btn-border);outline:none;color:var(--color-btn-text);background:var(--color-btn-bg);padding:4px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:4px}.button:not(:disabled):hover{border-color:var(--color-btn-hover-border);background-color:var(--color-btn-hover-bg)}input[type=checkbox]{outline:var(--color-focus-border);height:24px}dialog{background-color:var(--color-canvas-subtle);border:1px solid var(--color-border-default);border-radius:6px;padding:6px}.subnav-item .octicon.octicon-settings{margin-right:0}.subnav-item .octicon.octicon-clock{margin-right:0;color:var(--color-fg-default)!important}@media only screen and (max-width: 600px){.subnav-item,.form-control{border-radius:0!important}.subnav-item{border:none}.subnav-search-input{border-left:0;border-right:0}}.header-view-status-container{float:right}.header-view{padding:12px 8px 0}.header-view div{flex-shrink:0;flex-wrap:wrap}.header-superheader{color:var(--color-fg-muted)}.header-title{flex:none;font-weight:400;font-size:32px;line-height:1.25}.header-setting-theme{display:grid;margin-left:22px}@media only screen and (max-width: 600px){.header-view{padding:0}.header-view div{flex-shrink:1}.header-view-status-container{float:none;margin:0 0 10px!important;overflow:hidden}.header-view-status-container .subnav-search-input{border-left:none;border-right:none}.header-title,.header-superheader{margin:0 8px}}.copy-icon{flex:none;height:24px;width:24px;border:none;outline:none;color:var(--color-fg-muted);background:transparent;padding:4px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:4px}.copy-icon svg{margin:0}.copy-icon:not(:disabled):hover{background-color:var(--color-border-default)}.copy-button-container{visibility:hidden;display:inline-flex;margin-left:8px;vertical-align:bottom}.copy-value-container:hover .copy-button-container{visibility:visible}.attachment-body{white-space:pre-wrap;background-color:var(--color-canvas-subtle);margin-left:24px;line-height:normal;padding:8px;font-family:monospace;position:relative}.attachment-body .copy-icon{position:absolute;right:5px;top:5px}.attachment-flash{animation:attachmentflash-bg 2s}@keyframes attachmentflash-bg{0%{background:var(--color-attention-subtle)}to{background:transparent}}.link-badge{flex:none;background-color:transparent;border-color:transparent;-webkit-user-select:none;user-select:none}.link-badge-dim span{color:var(--color-fg-muted)}.link-badge:hover{cursor:pointer}.link-badge svg{fill:var(--color-fg-default)}.link-badge-dim svg{fill:var(--color-fg-muted)}.link-badge-dim:hover svg{fill:var(--color-fg-muted)}.fullwidth-link{width:100%;text-align:left}.fullwidth-link:hover{background-color:var(--color-canvas-subtle)}.trace-link{margin-right:3px}.trace-link-separator{color:var(--color-fg-muted);-webkit-user-select:none;user-select:none}.expandable-summary{cursor:pointer;list-style:none;white-space:nowrap;padding-left:4px}.label{display:inline-block;padding:0 8px;font-size:12px;font-weight:500;line-height:18px;border:1px solid transparent;border-radius:2em;background-color:var(--color-scale-gray-4);color:#fff;margin:0 10px;flex:none;font-weight:600;cursor:pointer}.label-anchor{text-decoration:none;color:var(--color-fg-default)}:root.light-mode .label-color-0{background-color:var(--color-scale-blue-0);color:var(--color-scale-blue-6);border:1px solid var(--color-scale-blue-4)}:root.light-mode .label-color-1{background-color:var(--color-scale-yellow-0);color:var(--color-scale-yellow-6);border:1px solid var(--color-scale-yellow-4)}:root.light-mode .label-color-2{background-color:var(--color-scale-purple-0);color:var(--color-scale-purple-6);border:1px solid var(--color-scale-purple-4)}:root.light-mode .label-color-3{background-color:var(--color-scale-pink-0);color:var(--color-scale-pink-6);border:1px solid var(--color-scale-pink-4)}:root.light-mode .label-color-4{background-color:var(--color-scale-coral-0);color:var(--color-scale-coral-6);border:1px solid var(--color-scale-coral-4)}:root.light-mode .label-color-5{background-color:var(--color-scale-orange-0);color:var(--color-scale-orange-6);border:1px solid var(--color-scale-orange-4)}:root.dark-mode .label-color-0{background-color:var(--color-scale-blue-9);color:var(--color-scale-blue-2);border:1px solid var(--color-scale-blue-4)}:root.dark-mode .label-color-1{background-color:var(--color-scale-yellow-9);color:var(--color-scale-yellow-2);border:1px solid var(--color-scale-yellow-4)}:root.dark-mode .label-color-2{background-color:var(--color-scale-purple-9);color:var(--color-scale-purple-2);border:1px solid var(--color-scale-purple-4)}:root.dark-mode .label-color-3{background-color:var(--color-scale-pink-9);color:var(--color-scale-pink-2);border:1px solid var(--color-scale-pink-4)}:root.dark-mode .label-color-4{background-color:var(--color-scale-coral-9);color:var(--color-scale-coral-2);border:1px solid var(--color-scale-coral-4)}:root.dark-mode .label-color-5{background-color:var(--color-scale-orange-9);color:var(--color-scale-orange-2);border:1px solid var(--color-scale-orange-4)}.label-row .label{margin:0}.label-row .label:not(:first-child){margin-left:6px}html,body{width:100%;height:100%;padding:0;margin:0;overscroll-behavior-x:none}body{overflow:auto;max-width:1024px;margin:0 auto;width:100%}.test-file-test:not(:first-child){border-top:1px solid var(--color-border-default)}@media only screen and (max-width: 600px){.htmlreport{padding:0!important}}.tabbed-pane{display:flex;flex:auto;overflow:hidden}.tabbed-pane-tab-strip{display:flex;align-items:center;padding-right:10px;flex:none;width:100%;z-index:2;font-size:14px;line-height:32px;color:var(--color-fg-default);height:48px;min-width:70px;box-shadow:inset 0 -1px 0 var(--color-border-muted)!important}.tabbed-pane-tab-strip:focus{outline:none}.tabbed-pane-tab-element{padding:4px 8px 0;margin-right:4px;cursor:pointer;display:flex;flex:none;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;border-bottom:2px solid transparent;outline:none;height:100%}.tabbed-pane-tab-label{max-width:250px;white-space:pre;overflow:hidden;text-overflow:ellipsis;display:inline-block;height:30px;padding:0 8px;border-radius:6px}.tabbed-pane-tab-label:hover{background-color:var(--color-control-transparent-bg-hover)}.tabbed-pane-tab-element.selected{border-bottom-color:#666;-webkit-text-stroke:.5px currentColor}.chip-header{border:1px solid var(--color-border-default);border-top-left-radius:6px;border-top-right-radius:6px;background-color:var(--color-canvas-subtle);padding:0 8px;border-bottom:none;margin-top:12px;font-weight:600;line-height:38px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-user-select:none;user-select:none}.chip-header-allow-selection{-webkit-user-select:text;user-select:text}.chip-header.expanded-false{border:1px solid var(--color-border-default);border-radius:6px}.chip-header.expanded-false,.chip-header.expanded-true{cursor:pointer}.chip-body{border:1px solid var(--color-border-default);border-bottom-left-radius:6px;border-bottom-right-radius:6px;padding:16px;margin-bottom:12px;overflow:hidden}.chip-body-no-insets{padding:0}.chip-footer{border-top:1px solid var(--color-border-default)}@media only screen and (max-width: 600px){.chip-header{border-radius:0;border-right:none;border-left:none}.chip-body{border-radius:0;border-right:none;border-left:none;padding:8px}.chip-body-no-insets{padding:0}}.test-case-column{border-radius:6px;margin-bottom:24px}.test-case-column .tab-element.selected{font-weight:600;border-bottom-color:var(--color-primer-border-active)}.test-case-column .tab-element{border:none;color:var(--color-fg-default);border-bottom:2px solid transparent}.test-case-column .tab-element:hover{color:var(--color-fg-default)}.test-case-location,.test-case-duration{flex:none;align-items:center;padding:0 8px 8px}.selected .test-case-run-duration{-webkit-text-stroke:0}.test-case-run-duration{color:var(--color-fg-muted);padding-left:8px}.header-view .test-case-path{flex:none;flex-shrink:1;align-items:center;padding-right:8px}.test-case-annotation{flex:none;align-items:center;padding:0 8px;line-height:24px;white-space:pre-wrap}@media only screen and (max-width: 600px){.test-case-column{border-radius:0!important;margin:0!important}}.tree-item{display:flex;flex-direction:column;overflow:hidden;min-width:0;line-height:38px}.tree-item-title{cursor:pointer;overflow:hidden;text-overflow:ellipsis;min-width:0;display:flex;align-items:center}.tree-item-body{min-height:18px}.yellow-flash{animation:yellowflash-bg 2s}@keyframes yellowflash-bg{0%{background:var(--color-attention-subtle)}to{background:transparent}}:root{--vscode-font-family: system-ui, "Ubuntu", "Droid Sans", sans-serif;--vscode-font-weight: normal;--vscode-font-size: 13px;--vscode-editor-font-family: "Droid Sans Mono", "monospace", monospace;--vscode-editor-font-weight: normal;--vscode-editor-font-size: 14px;--vscode-foreground: #616161;--vscode-disabledForeground: rgba(97, 97, 97, .5);--vscode-errorForeground: #a1260d;--vscode-descriptionForeground: #717171;--vscode-icon-foreground: #424242;--vscode-focusBorder: #0090f1;--vscode-textSeparator-foreground: rgba(0, 0, 0, .18);--vscode-textLink-foreground: #006ab1;--vscode-textLink-activeForeground: #006ab1;--vscode-textPreformat-foreground: #a31515;--vscode-textBlockQuote-background: rgba(127, 127, 127, .1);--vscode-textBlockQuote-border: rgba(0, 122, 204, .5);--vscode-textCodeBlock-background: rgba(220, 220, 220, .4);--vscode-widget-shadow: rgba(0, 0, 0, .16);--vscode-input-background: #ffffff;--vscode-input-foreground: #616161;--vscode-inputOption-activeBorder: #007acc;--vscode-inputOption-hoverBackground: rgba(184, 184, 184, .31);--vscode-inputOption-activeBackground: rgba(0, 144, 241, .2);--vscode-inputOption-activeForeground: #000000;--vscode-input-placeholderForeground: #767676;--vscode-inputValidation-infoBackground: #d6ecf2;--vscode-inputValidation-infoBorder: #007acc;--vscode-inputValidation-warningBackground: #f6f5d2;--vscode-inputValidation-warningBorder: #b89500;--vscode-inputValidation-errorBackground: #f2dede;--vscode-inputValidation-errorBorder: #be1100;--vscode-dropdown-background: #ffffff;--vscode-dropdown-border: #cecece;--vscode-checkbox-background: #ffffff;--vscode-checkbox-border: #cecece;--vscode-button-foreground: #ffffff;--vscode-button-separator: rgba(255, 255, 255, .4);--vscode-button-background: #007acc;--vscode-button-hoverBackground: #0062a3;--vscode-button-secondaryForeground: #ffffff;--vscode-button-secondaryBackground: #5f6a79;--vscode-button-secondaryHoverBackground: #4c5561;--vscode-badge-background: #c4c4c4;--vscode-badge-foreground: #333333;--vscode-scrollbar-shadow: #dddddd;--vscode-scrollbarSlider-background: rgba(100, 100, 100, .4);--vscode-scrollbarSlider-hoverBackground: rgba(100, 100, 100, .7);--vscode-scrollbarSlider-activeBackground: rgba(0, 0, 0, .6);--vscode-progressBar-background: #0e70c0;--vscode-editorError-foreground: #e51400;--vscode-editorWarning-foreground: #bf8803;--vscode-editorInfo-foreground: #1a85ff;--vscode-editorHint-foreground: #6c6c6c;--vscode-sash-hoverBorder: #0090f1;--vscode-editor-background: #ffffff;--vscode-editor-foreground: #000000;--vscode-editorStickyScroll-background: #ffffff;--vscode-editorStickyScrollHover-background: #f0f0f0;--vscode-editorWidget-background: #f3f3f3;--vscode-editorWidget-foreground: #616161;--vscode-editorWidget-border: #c8c8c8;--vscode-quickInput-background: #f3f3f3;--vscode-quickInput-foreground: #616161;--vscode-quickInputTitle-background: rgba(0, 0, 0, .06);--vscode-pickerGroup-foreground: #0066bf;--vscode-pickerGroup-border: #cccedb;--vscode-keybindingLabel-background: rgba(221, 221, 221, .4);--vscode-keybindingLabel-foreground: #555555;--vscode-keybindingLabel-border: rgba(204, 204, 204, .4);--vscode-keybindingLabel-bottomBorder: rgba(187, 187, 187, .4);--vscode-editor-selectionBackground: #add6ff;--vscode-editor-inactiveSelectionBackground: #e5ebf1;--vscode-editor-selectionHighlightBackground: rgba(173, 214, 255, .5);--vscode-editor-findMatchBackground: #a8ac94;--vscode-editor-findMatchHighlightBackground: rgba(234, 92, 0, .33);--vscode-editor-findRangeHighlightBackground: rgba(180, 180, 180, .3);--vscode-searchEditor-findMatchBackground: rgba(234, 92, 0, .22);--vscode-editor-hoverHighlightBackground: rgba(173, 214, 255, .15);--vscode-editorHoverWidget-background: #f3f3f3;--vscode-editorHoverWidget-foreground: #616161;--vscode-editorHoverWidget-border: #c8c8c8;--vscode-editorHoverWidget-statusBarBackground: #e7e7e7;--vscode-editorLink-activeForeground: #0000ff;--vscode-editorInlayHint-foreground: rgba(51, 51, 51, .8);--vscode-editorInlayHint-background: rgba(196, 196, 196, .3);--vscode-editorInlayHint-typeForeground: rgba(51, 51, 51, .8);--vscode-editorInlayHint-typeBackground: rgba(196, 196, 196, .3);--vscode-editorInlayHint-parameterForeground: rgba(51, 51, 51, .8);--vscode-editorInlayHint-parameterBackground: rgba(196, 196, 196, .3);--vscode-editorLightBulb-foreground: #ddb100;--vscode-editorLightBulbAutoFix-foreground: #007acc;--vscode-diffEditor-insertedTextBackground: rgba(156, 204, 44, .4);--vscode-diffEditor-removedTextBackground: rgba(255, 0, 0, .3);--vscode-diffEditor-insertedLineBackground: rgba(155, 185, 85, .2);--vscode-diffEditor-removedLineBackground: rgba(255, 0, 0, .2);--vscode-diffEditor-diagonalFill: rgba(34, 34, 34, .2);--vscode-list-focusOutline: #0090f1;--vscode-list-focusAndSelectionOutline: #90c2f9;--vscode-list-activeSelectionBackground: #0060c0;--vscode-list-activeSelectionForeground: #ffffff;--vscode-list-activeSelectionIconForeground: #ffffff;--vscode-list-inactiveSelectionBackground: #e4e6f1;--vscode-list-hoverBackground: #e8e8e8;--vscode-list-dropBackground: #d6ebff;--vscode-list-highlightForeground: #0066bf;--vscode-list-focusHighlightForeground: #bbe7ff;--vscode-list-invalidItemForeground: #b89500;--vscode-list-errorForeground: #b01011;--vscode-list-warningForeground: #855f00;--vscode-listFilterWidget-background: #f3f3f3;--vscode-listFilterWidget-outline: rgba(0, 0, 0, 0);--vscode-listFilterWidget-noMatchesOutline: #be1100;--vscode-listFilterWidget-shadow: rgba(0, 0, 0, .16);--vscode-list-filterMatchBackground: rgba(234, 92, 0, .33);--vscode-tree-indentGuidesStroke: #a9a9a9;--vscode-tree-tableColumnsBorder: rgba(97, 97, 97, .13);--vscode-tree-tableOddRowsBackground: rgba(97, 97, 97, .04);--vscode-list-deemphasizedForeground: #8e8e90;--vscode-quickInputList-focusForeground: #ffffff;--vscode-quickInputList-focusIconForeground: #ffffff;--vscode-quickInputList-focusBackground: #0060c0;--vscode-menu-foreground: #616161;--vscode-menu-background: #ffffff;--vscode-menu-selectionForeground: #ffffff;--vscode-menu-selectionBackground: #0060c0;--vscode-menu-separatorBackground: #d4d4d4;--vscode-toolbar-hoverBackground: rgba(184, 184, 184, .31);--vscode-toolbar-activeBackground: rgba(166, 166, 166, .31);--vscode-editor-snippetTabstopHighlightBackground: rgba(10, 50, 100, .2);--vscode-editor-snippetFinalTabstopHighlightBorder: rgba(10, 50, 100, .5);--vscode-breadcrumb-foreground: rgba(97, 97, 97, .8);--vscode-breadcrumb-background: #ffffff;--vscode-breadcrumb-focusForeground: #4e4e4e;--vscode-breadcrumb-activeSelectionForeground: #4e4e4e;--vscode-breadcrumbPicker-background: #f3f3f3;--vscode-merge-currentHeaderBackground: rgba(64, 200, 174, .5);--vscode-merge-currentContentBackground: rgba(64, 200, 174, .2);--vscode-merge-incomingHeaderBackground: rgba(64, 166, 255, .5);--vscode-merge-incomingContentBackground: rgba(64, 166, 255, .2);--vscode-merge-commonHeaderBackground: rgba(96, 96, 96, .4);--vscode-merge-commonContentBackground: rgba(96, 96, 96, .16);--vscode-editorOverviewRuler-currentContentForeground: rgba(64, 200, 174, .5);--vscode-editorOverviewRuler-incomingContentForeground: rgba(64, 166, 255, .5);--vscode-editorOverviewRuler-commonContentForeground: rgba(96, 96, 96, .4);--vscode-editorOverviewRuler-findMatchForeground: rgba(209, 134, 22, .49);--vscode-editorOverviewRuler-selectionHighlightForeground: rgba(160, 160, 160, .8);--vscode-minimap-findMatchHighlight: #d18616;--vscode-minimap-selectionOccurrenceHighlight: #c9c9c9;--vscode-minimap-selectionHighlight: #add6ff;--vscode-minimap-errorHighlight: rgba(255, 18, 18, .7);--vscode-minimap-warningHighlight: #bf8803;--vscode-minimap-foregroundOpacity: #000000;--vscode-minimapSlider-background: rgba(100, 100, 100, .2);--vscode-minimapSlider-hoverBackground: rgba(100, 100, 100, .35);--vscode-minimapSlider-activeBackground: rgba(0, 0, 0, .3);--vscode-problemsErrorIcon-foreground: #e51400;--vscode-problemsWarningIcon-foreground: #bf8803;--vscode-problemsInfoIcon-foreground: #1a85ff;--vscode-charts-foreground: #616161;--vscode-charts-lines: rgba(97, 97, 97, .5);--vscode-charts-red: #e51400;--vscode-charts-blue: #1a85ff;--vscode-charts-yellow: #bf8803;--vscode-charts-orange: #d18616;--vscode-charts-green: #388a34;--vscode-charts-purple: #652d90;--vscode-editor-lineHighlightBorder: #eeeeee;--vscode-editor-rangeHighlightBackground: rgba(253, 255, 0, .2);--vscode-editor-symbolHighlightBackground: rgba(234, 92, 0, .33);--vscode-editorCursor-foreground: #000000;--vscode-editorWhitespace-foreground: rgba(51, 51, 51, .2);--vscode-editorIndentGuide-background: #d3d3d3;--vscode-editorIndentGuide-activeBackground: #939393;--vscode-editorLineNumber-foreground: #237893;--vscode-editorActiveLineNumber-foreground: #0b216f;--vscode-editorLineNumber-activeForeground: #0b216f;--vscode-editorRuler-foreground: #d3d3d3;--vscode-editorCodeLens-foreground: #919191;--vscode-editorBracketMatch-background: rgba(0, 100, 0, .1);--vscode-editorBracketMatch-border: #b9b9b9;--vscode-editorOverviewRuler-border: rgba(127, 127, 127, .3);--vscode-editorGutter-background: #ffffff;--vscode-editorUnnecessaryCode-opacity: rgba(0, 0, 0, .47);--vscode-editorGhostText-foreground: rgba(0, 0, 0, .47);--vscode-editorOverviewRuler-rangeHighlightForeground: rgba(0, 122, 204, .6);--vscode-editorOverviewRuler-errorForeground: rgba(255, 18, 18, .7);--vscode-editorOverviewRuler-warningForeground: #bf8803;--vscode-editorOverviewRuler-infoForeground: #1a85ff;--vscode-editorBracketHighlight-foreground1: #0431fa;--vscode-editorBracketHighlight-foreground2: #319331;--vscode-editorBracketHighlight-foreground3: #7b3814;--vscode-editorBracketHighlight-foreground4: rgba(0, 0, 0, 0);--vscode-editorBracketHighlight-foreground5: rgba(0, 0, 0, 0);--vscode-editorBracketHighlight-foreground6: rgba(0, 0, 0, 0);--vscode-editorBracketHighlight-unexpectedBracket\.foreground: rgba(255, 18, 18, .8);--vscode-editorBracketPairGuide-background1: rgba(0, 0, 0, 0);--vscode-editorBracketPairGuide-background2: rgba(0, 0, 0, 0);--vscode-editorBracketPairGuide-background3: rgba(0, 0, 0, 0);--vscode-editorBracketPairGuide-background4: rgba(0, 0, 0, 0);--vscode-editorBracketPairGuide-background5: rgba(0, 0, 0, 0);--vscode-editorBracketPairGuide-background6: rgba(0, 0, 0, 0);--vscode-editorBracketPairGuide-activeBackground1: rgba(0, 0, 0, 0);--vscode-editorBracketPairGuide-activeBackground2: rgba(0, 0, 0, 0);--vscode-editorBracketPairGuide-activeBackground3: rgba(0, 0, 0, 0);--vscode-editorBracketPairGuide-activeBackground4: rgba(0, 0, 0, 0);--vscode-editorBracketPairGuide-activeBackground5: rgba(0, 0, 0, 0);--vscode-editorBracketPairGuide-activeBackground6: rgba(0, 0, 0, 0);--vscode-editorUnicodeHighlight-border: #cea33d;--vscode-editorUnicodeHighlight-background: rgba(206, 163, 61, .08);--vscode-symbolIcon-arrayForeground: #616161;--vscode-symbolIcon-booleanForeground: #616161;--vscode-symbolIcon-classForeground: #d67e00;--vscode-symbolIcon-colorForeground: #616161;--vscode-symbolIcon-constantForeground: #616161;--vscode-symbolIcon-constructorForeground: #652d90;--vscode-symbolIcon-enumeratorForeground: #d67e00;--vscode-symbolIcon-enumeratorMemberForeground: #007acc;--vscode-symbolIcon-eventForeground: #d67e00;--vscode-symbolIcon-fieldForeground: #007acc;--vscode-symbolIcon-fileForeground: #616161;--vscode-symbolIcon-folderForeground: #616161;--vscode-symbolIcon-functionForeground: #652d90;--vscode-symbolIcon-interfaceForeground: #007acc;--vscode-symbolIcon-keyForeground: #616161;--vscode-symbolIcon-keywordForeground: #616161;--vscode-symbolIcon-methodForeground: #652d90;--vscode-symbolIcon-moduleForeground: #616161;--vscode-symbolIcon-namespaceForeground: #616161;--vscode-symbolIcon-nullForeground: #616161;--vscode-symbolIcon-numberForeground: #616161;--vscode-symbolIcon-objectForeground: #616161;--vscode-symbolIcon-operatorForeground: #616161;--vscode-symbolIcon-packageForeground: #616161;--vscode-symbolIcon-propertyForeground: #616161;--vscode-symbolIcon-referenceForeground: #616161;--vscode-symbolIcon-snippetForeground: #616161;--vscode-symbolIcon-stringForeground: #616161;--vscode-symbolIcon-structForeground: #616161;--vscode-symbolIcon-textForeground: #616161;--vscode-symbolIcon-typeParameterForeground: #616161;--vscode-symbolIcon-unitForeground: #616161;--vscode-symbolIcon-variableForeground: #007acc;--vscode-editorHoverWidget-highlightForeground: #0066bf;--vscode-editorOverviewRuler-bracketMatchForeground: #a0a0a0;--vscode-editor-foldBackground: rgba(173, 214, 255, .3);--vscode-editorGutter-foldingControlForeground: #424242;--vscode-editor-linkedEditingBackground: rgba(255, 0, 0, .3);--vscode-editor-wordHighlightBackground: rgba(87, 87, 87, .25);--vscode-editor-wordHighlightStrongBackground: rgba(14, 99, 156, .25);--vscode-editorOverviewRuler-wordHighlightForeground: rgba(160, 160, 160, .8);--vscode-editorOverviewRuler-wordHighlightStrongForeground: rgba(192, 160, 192, .8);--vscode-peekViewTitle-background: rgba(26, 133, 255, .1);--vscode-peekViewTitleLabel-foreground: #000000;--vscode-peekViewTitleDescription-foreground: #616161;--vscode-peekView-border: #1a85ff;--vscode-peekViewResult-background: #f3f3f3;--vscode-peekViewResult-lineForeground: #646465;--vscode-peekViewResult-fileForeground: #1e1e1e;--vscode-peekViewResult-selectionBackground: rgba(51, 153, 255, .2);--vscode-peekViewResult-selectionForeground: #6c6c6c;--vscode-peekViewEditor-background: #f2f8fc;--vscode-peekViewEditorGutter-background: #f2f8fc;--vscode-peekViewResult-matchHighlightBackground: rgba(234, 92, 0, .3);--vscode-peekViewEditor-matchHighlightBackground: rgba(245, 216, 2, .87);--vscode-editorMarkerNavigationError-background: #e51400;--vscode-editorMarkerNavigationError-headerBackground: rgba(229, 20, 0, .1);--vscode-editorMarkerNavigationWarning-background: #bf8803;--vscode-editorMarkerNavigationWarning-headerBackground: rgba(191, 136, 3, .1);--vscode-editorMarkerNavigationInfo-background: #1a85ff;--vscode-editorMarkerNavigationInfo-headerBackground: rgba(26, 133, 255, .1);--vscode-editorMarkerNavigation-background: #ffffff;--vscode-editorSuggestWidget-background: #f3f3f3;--vscode-editorSuggestWidget-border: #c8c8c8;--vscode-editorSuggestWidget-foreground: #000000;--vscode-editorSuggestWidget-selectedForeground: #ffffff;--vscode-editorSuggestWidget-selectedIconForeground: #ffffff;--vscode-editorSuggestWidget-selectedBackground: #0060c0;--vscode-editorSuggestWidget-highlightForeground: #0066bf;--vscode-editorSuggestWidget-focusHighlightForeground: #bbe7ff;--vscode-editorSuggestWidgetStatus-foreground: rgba(0, 0, 0, .5);--vscode-tab-activeBackground: #ffffff;--vscode-tab-unfocusedActiveBackground: #ffffff;--vscode-tab-inactiveBackground: #ececec;--vscode-tab-unfocusedInactiveBackground: #ececec;--vscode-tab-activeForeground: #333333;--vscode-tab-inactiveForeground: rgba(51, 51, 51, .7);--vscode-tab-unfocusedActiveForeground: rgba(51, 51, 51, .7);--vscode-tab-unfocusedInactiveForeground: rgba(51, 51, 51, .35);--vscode-tab-border: #f3f3f3;--vscode-tab-lastPinnedBorder: rgba(97, 97, 97, .19);--vscode-tab-activeModifiedBorder: #33aaee;--vscode-tab-inactiveModifiedBorder: rgba(51, 170, 238, .5);--vscode-tab-unfocusedActiveModifiedBorder: rgba(51, 170, 238, .7);--vscode-tab-unfocusedInactiveModifiedBorder: rgba(51, 170, 238, .25);--vscode-editorPane-background: #ffffff;--vscode-editorGroupHeader-tabsBackground: #f3f3f3;--vscode-editorGroupHeader-noTabsBackground: #ffffff;--vscode-editorGroup-border: #e7e7e7;--vscode-editorGroup-dropBackground: rgba(38, 119, 203, .18);--vscode-editorGroup-dropIntoPromptForeground: #616161;--vscode-editorGroup-dropIntoPromptBackground: #f3f3f3;--vscode-sideBySideEditor-horizontalBorder: #e7e7e7;--vscode-sideBySideEditor-verticalBorder: #e7e7e7;--vscode-panel-background: #ffffff;--vscode-panel-border: rgba(128, 128, 128, .35);--vscode-panelTitle-activeForeground: #424242;--vscode-panelTitle-inactiveForeground: rgba(66, 66, 66, .75);--vscode-panelTitle-activeBorder: #424242;--vscode-panelInput-border: #dddddd;--vscode-panel-dropBorder: #424242;--vscode-panelSection-dropBackground: rgba(38, 119, 203, .18);--vscode-panelSectionHeader-background: rgba(128, 128, 128, .2);--vscode-panelSection-border: rgba(128, 128, 128, .35);--vscode-banner-background: #004386;--vscode-banner-foreground: #ffffff;--vscode-banner-iconForeground: #1a85ff;--vscode-statusBar-foreground: #ffffff;--vscode-statusBar-noFolderForeground: #ffffff;--vscode-statusBar-background: #007acc;--vscode-statusBar-noFolderBackground: #68217a;--vscode-statusBar-focusBorder: #ffffff;--vscode-statusBarItem-activeBackground: rgba(255, 255, 255, .18);--vscode-statusBarItem-focusBorder: #ffffff;--vscode-statusBarItem-hoverBackground: rgba(255, 255, 255, .12);--vscode-statusBarItem-compactHoverBackground: rgba(255, 255, 255, .2);--vscode-statusBarItem-prominentForeground: #ffffff;--vscode-statusBarItem-prominentBackground: rgba(0, 0, 0, .5);--vscode-statusBarItem-prominentHoverBackground: rgba(0, 0, 0, .3);--vscode-statusBarItem-errorBackground: #c72e0f;--vscode-statusBarItem-errorForeground: #ffffff;--vscode-statusBarItem-warningBackground: #725102;--vscode-statusBarItem-warningForeground: #ffffff;--vscode-activityBar-background: #2c2c2c;--vscode-activityBar-foreground: #ffffff;--vscode-activityBar-inactiveForeground: rgba(255, 255, 255, .4);--vscode-activityBar-activeBorder: #ffffff;--vscode-activityBar-dropBorder: #ffffff;--vscode-activityBarBadge-background: #007acc;--vscode-activityBarBadge-foreground: #ffffff;--vscode-statusBarItem-remoteBackground: #16825d;--vscode-statusBarItem-remoteForeground: #ffffff;--vscode-extensionBadge-remoteBackground: #007acc;--vscode-extensionBadge-remoteForeground: #ffffff;--vscode-sideBar-background: #f3f3f3;--vscode-sideBarTitle-foreground: #6f6f6f;--vscode-sideBar-dropBackground: rgba(38, 119, 203, .18);--vscode-sideBarSectionHeader-background: rgba(0, 0, 0, 0);--vscode-sideBarSectionHeader-border: rgba(97, 97, 97, .19);--vscode-titleBar-activeForeground: #333333;--vscode-titleBar-inactiveForeground: rgba(51, 51, 51, .6);--vscode-titleBar-activeBackground: #dddddd;--vscode-titleBar-inactiveBackground: rgba(221, 221, 221, .6);--vscode-menubar-selectionForeground: #333333;--vscode-menubar-selectionBackground: rgba(184, 184, 184, .31);--vscode-notifications-foreground: #616161;--vscode-notifications-background: #f3f3f3;--vscode-notificationLink-foreground: #006ab1;--vscode-notificationCenterHeader-background: #e7e7e7;--vscode-notifications-border: #e7e7e7;--vscode-notificationsErrorIcon-foreground: #e51400;--vscode-notificationsWarningIcon-foreground: #bf8803;--vscode-notificationsInfoIcon-foreground: #1a85ff;--vscode-commandCenter-foreground: #333333;--vscode-commandCenter-activeForeground: #333333;--vscode-commandCenter-activeBackground: rgba(184, 184, 184, .31);--vscode-commandCenter-border: rgba(128, 128, 128, .35);--vscode-editorCommentsWidget-resolvedBorder: rgba(97, 97, 97, .5);--vscode-editorCommentsWidget-unresolvedBorder: #1a85ff;--vscode-editorCommentsWidget-rangeBackground: rgba(26, 133, 255, .1);--vscode-editorCommentsWidget-rangeBorder: rgba(26, 133, 255, .4);--vscode-editorCommentsWidget-rangeActiveBackground: rgba(26, 133, 255, .1);--vscode-editorCommentsWidget-rangeActiveBorder: rgba(26, 133, 255, .4);--vscode-editorGutter-commentRangeForeground: #d5d8e9;--vscode-debugToolBar-background: #f3f3f3;--vscode-debugIcon-startForeground: #388a34;--vscode-editor-stackFrameHighlightBackground: rgba(255, 255, 102, .45);--vscode-editor-focusedStackFrameHighlightBackground: rgba(206, 231, 206, .45);--vscode-mergeEditor-change\.background: rgba(155, 185, 85, .2);--vscode-mergeEditor-change\.word\.background: rgba(156, 204, 44, .4);--vscode-mergeEditor-conflict\.unhandledUnfocused\.border: rgba(255, 166, 0, .48);--vscode-mergeEditor-conflict\.unhandledFocused\.border: #ffa600;--vscode-mergeEditor-conflict\.handledUnfocused\.border: rgba(134, 134, 134, .29);--vscode-mergeEditor-conflict\.handledFocused\.border: rgba(193, 193, 193, .8);--vscode-mergeEditor-conflict\.handled\.minimapOverViewRuler: rgba(173, 172, 168, .93);--vscode-mergeEditor-conflict\.unhandled\.minimapOverViewRuler: #fcba03;--vscode-mergeEditor-conflictingLines\.background: rgba(255, 234, 0, .28);--vscode-settings-headerForeground: #444444;--vscode-settings-modifiedItemIndicator: #66afe0;--vscode-settings-headerBorder: rgba(128, 128, 128, .35);--vscode-settings-sashBorder: rgba(128, 128, 128, .35);--vscode-settings-dropdownBackground: #ffffff;--vscode-settings-dropdownBorder: #cecece;--vscode-settings-dropdownListBorder: #c8c8c8;--vscode-settings-checkboxBackground: #ffffff;--vscode-settings-checkboxBorder: #cecece;--vscode-settings-textInputBackground: #ffffff;--vscode-settings-textInputForeground: #616161;--vscode-settings-textInputBorder: #cecece;--vscode-settings-numberInputBackground: #ffffff;--vscode-settings-numberInputForeground: #616161;--vscode-settings-numberInputBorder: #cecece;--vscode-settings-focusedRowBackground: rgba(232, 232, 232, .6);--vscode-settings-rowHoverBackground: rgba(232, 232, 232, .3);--vscode-settings-focusedRowBorder: rgba(0, 0, 0, .12);--vscode-terminal-foreground: #333333;--vscode-terminal-selectionBackground: #add6ff;--vscode-terminal-inactiveSelectionBackground: #e5ebf1;--vscode-terminalCommandDecoration-defaultBackground: rgba(0, 0, 0, .25);--vscode-terminalCommandDecoration-successBackground: #2090d3;--vscode-terminalCommandDecoration-errorBackground: #e51400;--vscode-terminalOverviewRuler-cursorForeground: rgba(160, 160, 160, .8);--vscode-terminal-border: rgba(128, 128, 128, .35);--vscode-terminal-findMatchBackground: #a8ac94;--vscode-terminal-findMatchHighlightBackground: rgba(234, 92, 0, .33);--vscode-terminalOverviewRuler-findMatchForeground: rgba(209, 134, 22, .49);--vscode-terminal-dropBackground: rgba(38, 119, 203, .18);--vscode-testing-iconFailed: #f14c4c;--vscode-testing-iconErrored: #f14c4c;--vscode-testing-iconPassed: #73c991;--vscode-testing-runAction: #73c991;--vscode-testing-iconQueued: #cca700;--vscode-testing-iconUnset: #848484;--vscode-testing-iconSkipped: #848484;--vscode-testing-peekBorder: #e51400;--vscode-testing-peekHeaderBackground: rgba(229, 20, 0, .1);--vscode-testing-message\.error\.decorationForeground: #e51400;--vscode-testing-message\.error\.lineBackground: rgba(255, 0, 0, .2);--vscode-testing-message\.info\.decorationForeground: rgba(0, 0, 0, .5);--vscode-welcomePage-tileBackground: #f3f3f3;--vscode-welcomePage-tileHoverBackground: #dbdbdb;--vscode-welcomePage-tileShadow: rgba(0, 0, 0, .16);--vscode-welcomePage-progress\.background: #ffffff;--vscode-welcomePage-progress\.foreground: #006ab1;--vscode-debugExceptionWidget-border: #a31515;--vscode-debugExceptionWidget-background: #f1dfde;--vscode-ports-iconRunningProcessForeground: #369432;--vscode-statusBar-debuggingBackground: #cc6633;--vscode-statusBar-debuggingForeground: #ffffff;--vscode-editor-inlineValuesForeground: rgba(0, 0, 0, .5);--vscode-editor-inlineValuesBackground: rgba(255, 200, 0, .2);--vscode-editorGutter-modifiedBackground: #2090d3;--vscode-editorGutter-addedBackground: #48985d;--vscode-editorGutter-deletedBackground: #e51400;--vscode-minimapGutter-modifiedBackground: #2090d3;--vscode-minimapGutter-addedBackground: #48985d;--vscode-minimapGutter-deletedBackground: #e51400;--vscode-editorOverviewRuler-modifiedForeground: rgba(32, 144, 211, .6);--vscode-editorOverviewRuler-addedForeground: rgba(72, 152, 93, .6);--vscode-editorOverviewRuler-deletedForeground: rgba(229, 20, 0, .6);--vscode-debugIcon-breakpointForeground: #e51400;--vscode-debugIcon-breakpointDisabledForeground: #848484;--vscode-debugIcon-breakpointUnverifiedForeground: #848484;--vscode-debugIcon-breakpointCurrentStackframeForeground: #be8700;--vscode-debugIcon-breakpointStackframeForeground: #89d185;--vscode-notebook-cellBorderColor: #e8e8e8;--vscode-notebook-focusedEditorBorder: #0090f1;--vscode-notebookStatusSuccessIcon-foreground: #388a34;--vscode-notebookStatusErrorIcon-foreground: #a1260d;--vscode-notebookStatusRunningIcon-foreground: #616161;--vscode-notebook-cellToolbarSeparator: rgba(128, 128, 128, .35);--vscode-notebook-selectedCellBackground: rgba(200, 221, 241, .31);--vscode-notebook-selectedCellBorder: #e8e8e8;--vscode-notebook-focusedCellBorder: #0090f1;--vscode-notebook-inactiveFocusedCellBorder: #e8e8e8;--vscode-notebook-cellStatusBarItemHoverBackground: rgba(0, 0, 0, .08);--vscode-notebook-cellInsertionIndicator: #0090f1;--vscode-notebookScrollbarSlider-background: rgba(100, 100, 100, .4);--vscode-notebookScrollbarSlider-hoverBackground: rgba(100, 100, 100, .7);--vscode-notebookScrollbarSlider-activeBackground: rgba(0, 0, 0, .6);--vscode-notebook-symbolHighlightBackground: rgba(253, 255, 0, .2);--vscode-notebook-cellEditorBackground: #f3f3f3;--vscode-notebook-editorBackground: #ffffff;--vscode-keybindingTable-headerBackground: rgba(97, 97, 97, .04);--vscode-keybindingTable-rowsBackground: rgba(97, 97, 97, .04);--vscode-scm-providerBorder: #c8c8c8;--vscode-searchEditor-textInputBorder: #cecece;--vscode-debugTokenExpression-name: #9b46b0;--vscode-debugTokenExpression-value: rgba(108, 108, 108, .8);--vscode-debugTokenExpression-string: #a31515;--vscode-debugTokenExpression-boolean: #0000ff;--vscode-debugTokenExpression-number: #098658;--vscode-debugTokenExpression-error: #e51400;--vscode-debugView-exceptionLabelForeground: #ffffff;--vscode-debugView-exceptionLabelBackground: #a31515;--vscode-debugView-stateLabelForeground: #616161;--vscode-debugView-stateLabelBackground: rgba(136, 136, 136, .27);--vscode-debugView-valueChangedHighlight: #569cd6;--vscode-debugConsole-infoForeground: #1a85ff;--vscode-debugConsole-warningForeground: #bf8803;--vscode-debugConsole-errorForeground: #a1260d;--vscode-debugConsole-sourceForeground: #616161;--vscode-debugConsoleInputIcon-foreground: #616161;--vscode-debugIcon-pauseForeground: #007acc;--vscode-debugIcon-stopForeground: #a1260d;--vscode-debugIcon-disconnectForeground: #a1260d;--vscode-debugIcon-restartForeground: #388a34;--vscode-debugIcon-stepOverForeground: #007acc;--vscode-debugIcon-stepIntoForeground: #007acc;--vscode-debugIcon-stepOutForeground: #007acc;--vscode-debugIcon-continueForeground: #007acc;--vscode-debugIcon-stepBackForeground: #007acc;--vscode-extensionButton-prominentBackground: #007acc;--vscode-extensionButton-prominentForeground: #ffffff;--vscode-extensionButton-prominentHoverBackground: #0062a3;--vscode-extensionIcon-starForeground: #df6100;--vscode-extensionIcon-verifiedForeground: #006ab1;--vscode-extensionIcon-preReleaseForeground: #1d9271;--vscode-extensionIcon-sponsorForeground: #b51e78;--vscode-terminal-ansiBlack: #000000;--vscode-terminal-ansiRed: #cd3131;--vscode-terminal-ansiGreen: #00bc00;--vscode-terminal-ansiYellow: #949800;--vscode-terminal-ansiBlue: #0451a5;--vscode-terminal-ansiMagenta: #bc05bc;--vscode-terminal-ansiCyan: #0598bc;--vscode-terminal-ansiWhite: #555555;--vscode-terminal-ansiBrightBlack: #666666;--vscode-terminal-ansiBrightRed: #cd3131;--vscode-terminal-ansiBrightGreen: #14ce14;--vscode-terminal-ansiBrightYellow: #b5ba00;--vscode-terminal-ansiBrightBlue: #0451a5;--vscode-terminal-ansiBrightMagenta: #bc05bc;--vscode-terminal-ansiBrightCyan: #0598bc;--vscode-terminal-ansiBrightWhite: #a5a5a5;--vscode-interactive-activeCodeBorder: #1a85ff;--vscode-interactive-inactiveCodeBorder: #e4e6f1;--vscode-gitDecoration-addedResourceForeground: #587c0c;--vscode-gitDecoration-modifiedResourceForeground: #895503;--vscode-gitDecoration-deletedResourceForeground: #ad0707;--vscode-gitDecoration-renamedResourceForeground: #007100;--vscode-gitDecoration-untrackedResourceForeground: #007100;--vscode-gitDecoration-ignoredResourceForeground: #8e8e90;--vscode-gitDecoration-stageModifiedResourceForeground: #895503;--vscode-gitDecoration-stageDeletedResourceForeground: #ad0707;--vscode-gitDecoration-conflictingResourceForeground: #ad0707;--vscode-gitDecoration-submoduleResourceForeground: #1258a7}:root.light-mode{color-scheme:light}:root.dark-mode{color-scheme:dark;--vscode-font-family: system-ui, "Ubuntu", "Droid Sans", sans-serif;--vscode-font-weight: normal;--vscode-font-size: 13px;--vscode-editor-font-family: "Droid Sans Mono", "monospace", monospace;--vscode-editor-font-weight: normal;--vscode-editor-font-size: 14px;--vscode-foreground: #cccccc;--vscode-disabledForeground: rgba(204, 204, 204, .5);--vscode-errorForeground: #f48771;--vscode-descriptionForeground: rgba(204, 204, 204, .7);--vscode-icon-foreground: #c5c5c5;--vscode-focusBorder: #007fd4;--vscode-textSeparator-foreground: rgba(255, 255, 255, .18);--vscode-textLink-foreground: #3794ff;--vscode-textLink-activeForeground: #3794ff;--vscode-textPreformat-foreground: #d7ba7d;--vscode-textBlockQuote-background: rgba(127, 127, 127, .1);--vscode-textBlockQuote-border: rgba(0, 122, 204, .5);--vscode-textCodeBlock-background: rgba(10, 10, 10, .4);--vscode-widget-shadow: rgba(0, 0, 0, .36);--vscode-input-background: #3c3c3c;--vscode-input-foreground: #cccccc;--vscode-inputOption-activeBorder: #007acc;--vscode-inputOption-hoverBackground: rgba(90, 93, 94, .5);--vscode-inputOption-activeBackground: rgba(0, 127, 212, .4);--vscode-inputOption-activeForeground: #ffffff;--vscode-input-placeholderForeground: #a6a6a6;--vscode-inputValidation-infoBackground: #063b49;--vscode-inputValidation-infoBorder: #007acc;--vscode-inputValidation-warningBackground: #352a05;--vscode-inputValidation-warningBorder: #b89500;--vscode-inputValidation-errorBackground: #5a1d1d;--vscode-inputValidation-errorBorder: #be1100;--vscode-dropdown-background: #3c3c3c;--vscode-dropdown-foreground: #f0f0f0;--vscode-dropdown-border: #3c3c3c;--vscode-checkbox-background: #3c3c3c;--vscode-checkbox-foreground: #f0f0f0;--vscode-checkbox-border: #3c3c3c;--vscode-button-foreground: #ffffff;--vscode-button-separator: rgba(255, 255, 255, .4);--vscode-button-background: #0e639c;--vscode-button-hoverBackground: #1177bb;--vscode-button-secondaryForeground: #ffffff;--vscode-button-secondaryBackground: #3a3d41;--vscode-button-secondaryHoverBackground: #45494e;--vscode-badge-background: #4d4d4d;--vscode-badge-foreground: #ffffff;--vscode-scrollbar-shadow: #000000;--vscode-scrollbarSlider-background: rgba(121, 121, 121, .4);--vscode-scrollbarSlider-hoverBackground: rgba(100, 100, 100, .7);--vscode-scrollbarSlider-activeBackground: rgba(191, 191, 191, .4);--vscode-progressBar-background: #0e70c0;--vscode-editorError-foreground: #f14c4c;--vscode-editorWarning-foreground: #cca700;--vscode-editorInfo-foreground: #3794ff;--vscode-editorHint-foreground: rgba(238, 238, 238, .7);--vscode-sash-hoverBorder: #007fd4;--vscode-editor-background: #1e1e1e;--vscode-editor-foreground: #d4d4d4;--vscode-editorStickyScroll-background: #1e1e1e;--vscode-editorStickyScrollHover-background: #2a2d2e;--vscode-editorWidget-background: #252526;--vscode-editorWidget-foreground: #cccccc;--vscode-editorWidget-border: #454545;--vscode-quickInput-background: #252526;--vscode-quickInput-foreground: #cccccc;--vscode-quickInputTitle-background: rgba(255, 255, 255, .1);--vscode-pickerGroup-foreground: #3794ff;--vscode-pickerGroup-border: #3f3f46;--vscode-keybindingLabel-background: rgba(128, 128, 128, .17);--vscode-keybindingLabel-foreground: #cccccc;--vscode-keybindingLabel-border: rgba(51, 51, 51, .6);--vscode-keybindingLabel-bottomBorder: rgba(68, 68, 68, .6);--vscode-editor-selectionBackground: #264f78;--vscode-editor-inactiveSelectionBackground: #3a3d41;--vscode-editor-selectionHighlightBackground: rgba(173, 214, 255, .15);--vscode-editor-findMatchBackground: #515c6a;--vscode-editor-findMatchHighlightBackground: rgba(234, 92, 0, .33);--vscode-editor-findRangeHighlightBackground: rgba(58, 61, 65, .4);--vscode-searchEditor-findMatchBackground: rgba(234, 92, 0, .22);--vscode-editor-hoverHighlightBackground: rgba(38, 79, 120, .25);--vscode-editorHoverWidget-background: #252526;--vscode-editorHoverWidget-foreground: #cccccc;--vscode-editorHoverWidget-border: #454545;--vscode-editorHoverWidget-statusBarBackground: #2c2c2d;--vscode-editorLink-activeForeground: #4e94ce;--vscode-editorInlayHint-foreground: rgba(255, 255, 255, .8);--vscode-editorInlayHint-background: rgba(77, 77, 77, .6);--vscode-editorInlayHint-typeForeground: rgba(255, 255, 255, .8);--vscode-editorInlayHint-typeBackground: rgba(77, 77, 77, .6);--vscode-editorInlayHint-parameterForeground: rgba(255, 255, 255, .8);--vscode-editorInlayHint-parameterBackground: rgba(77, 77, 77, .6);--vscode-editorLightBulb-foreground: #ffcc00;--vscode-editorLightBulbAutoFix-foreground: #75beff;--vscode-diffEditor-insertedTextBackground: rgba(156, 204, 44, .2);--vscode-diffEditor-removedTextBackground: rgba(255, 0, 0, .4);--vscode-diffEditor-insertedLineBackground: rgba(155, 185, 85, .2);--vscode-diffEditor-removedLineBackground: rgba(255, 0, 0, .2);--vscode-diffEditor-diagonalFill: rgba(204, 204, 204, .2);--vscode-list-focusOutline: #007fd4;--vscode-list-activeSelectionBackground: #04395e;--vscode-list-activeSelectionForeground: #ffffff;--vscode-list-activeSelectionIconForeground: #ffffff;--vscode-list-inactiveSelectionBackground: #37373d;--vscode-list-hoverBackground: #2a2d2e;--vscode-list-dropBackground: #383b3d;--vscode-list-highlightForeground: #2aaaff;--vscode-list-focusHighlightForeground: #2aaaff;--vscode-list-invalidItemForeground: #b89500;--vscode-list-errorForeground: #f88070;--vscode-list-warningForeground: #cca700;--vscode-listFilterWidget-background: #252526;--vscode-listFilterWidget-outline: rgba(0, 0, 0, 0);--vscode-listFilterWidget-noMatchesOutline: #be1100;--vscode-listFilterWidget-shadow: rgba(0, 0, 0, .36);--vscode-list-filterMatchBackground: rgba(234, 92, 0, .33);--vscode-tree-indentGuidesStroke: #585858;--vscode-tree-tableColumnsBorder: rgba(204, 204, 204, .13);--vscode-tree-tableOddRowsBackground: rgba(204, 204, 204, .04);--vscode-list-deemphasizedForeground: #8c8c8c;--vscode-quickInputList-focusForeground: #ffffff;--vscode-quickInputList-focusIconForeground: #ffffff;--vscode-quickInputList-focusBackground: #04395e;--vscode-menu-foreground: #cccccc;--vscode-menu-background: #303031;--vscode-menu-selectionForeground: #ffffff;--vscode-menu-selectionBackground: #04395e;--vscode-menu-separatorBackground: #606060;--vscode-toolbar-hoverBackground: rgba(90, 93, 94, .31);--vscode-toolbar-activeBackground: rgba(99, 102, 103, .31);--vscode-editor-snippetTabstopHighlightBackground: rgba(124, 124, 124, .3);--vscode-editor-snippetFinalTabstopHighlightBorder: #525252;--vscode-breadcrumb-foreground: rgba(204, 204, 204, .8);--vscode-breadcrumb-background: #1e1e1e;--vscode-breadcrumb-focusForeground: #e0e0e0;--vscode-breadcrumb-activeSelectionForeground: #e0e0e0;--vscode-breadcrumbPicker-background: #252526;--vscode-merge-currentHeaderBackground: rgba(64, 200, 174, .5);--vscode-merge-currentContentBackground: rgba(64, 200, 174, .2);--vscode-merge-incomingHeaderBackground: rgba(64, 166, 255, .5);--vscode-merge-incomingContentBackground: rgba(64, 166, 255, .2);--vscode-merge-commonHeaderBackground: rgba(96, 96, 96, .4);--vscode-merge-commonContentBackground: rgba(96, 96, 96, .16);--vscode-editorOverviewRuler-currentContentForeground: rgba(64, 200, 174, .5);--vscode-editorOverviewRuler-incomingContentForeground: rgba(64, 166, 255, .5);--vscode-editorOverviewRuler-commonContentForeground: rgba(96, 96, 96, .4);--vscode-editorOverviewRuler-findMatchForeground: rgba(209, 134, 22, .49);--vscode-editorOverviewRuler-selectionHighlightForeground: rgba(160, 160, 160, .8);--vscode-minimap-findMatchHighlight: #d18616;--vscode-minimap-selectionOccurrenceHighlight: #676767;--vscode-minimap-selectionHighlight: #264f78;--vscode-minimap-errorHighlight: rgba(255, 18, 18, .7);--vscode-minimap-warningHighlight: #cca700;--vscode-minimap-foregroundOpacity: #000000;--vscode-minimapSlider-background: rgba(121, 121, 121, .2);--vscode-minimapSlider-hoverBackground: rgba(100, 100, 100, .35);--vscode-minimapSlider-activeBackground: rgba(191, 191, 191, .2);--vscode-problemsErrorIcon-foreground: #f14c4c;--vscode-problemsWarningIcon-foreground: #cca700;--vscode-problemsInfoIcon-foreground: #3794ff;--vscode-charts-foreground: #cccccc;--vscode-charts-lines: rgba(204, 204, 204, .5);--vscode-charts-red: #f14c4c;--vscode-charts-blue: #3794ff;--vscode-charts-yellow: #cca700;--vscode-charts-orange: #d18616;--vscode-charts-green: #89d185;--vscode-charts-purple: #b180d7;--vscode-editor-lineHighlightBorder: #282828;--vscode-editor-rangeHighlightBackground: rgba(255, 255, 255, .04);--vscode-editor-symbolHighlightBackground: rgba(234, 92, 0, .33);--vscode-editorCursor-foreground: #aeafad;--vscode-editorWhitespace-foreground: rgba(227, 228, 226, .16);--vscode-editorIndentGuide-background: #404040;--vscode-editorIndentGuide-activeBackground: #707070;--vscode-editorLineNumber-foreground: #858585;--vscode-editorActiveLineNumber-foreground: #c6c6c6;--vscode-editorLineNumber-activeForeground: #c6c6c6;--vscode-editorRuler-foreground: #5a5a5a;--vscode-editorCodeLens-foreground: #999999;--vscode-editorBracketMatch-background: rgba(0, 100, 0, .1);--vscode-editorBracketMatch-border: #888888;--vscode-editorOverviewRuler-border: rgba(127, 127, 127, .3);--vscode-editorGutter-background: #1e1e1e;--vscode-editorUnnecessaryCode-opacity: rgba(0, 0, 0, .67);--vscode-editorGhostText-foreground: rgba(255, 255, 255, .34);--vscode-editorOverviewRuler-rangeHighlightForeground: rgba(0, 122, 204, .6);--vscode-editorOverviewRuler-errorForeground: rgba(255, 18, 18, .7);--vscode-editorOverviewRuler-warningForeground: #cca700;--vscode-editorOverviewRuler-infoForeground: #3794ff;--vscode-editorBracketHighlight-foreground1: #ffd700;--vscode-editorBracketHighlight-foreground2: #da70d6;--vscode-editorBracketHighlight-foreground3: #179fff;--vscode-editorBracketHighlight-foreground4: rgba(0, 0, 0, 0);--vscode-editorBracketHighlight-foreground5: rgba(0, 0, 0, 0);--vscode-editorBracketHighlight-foreground6: rgba(0, 0, 0, 0);--vscode-editorBracketHighlight-unexpectedBracket\.foreground: rgba(255, 18, 18, .8);--vscode-editorBracketPairGuide-background1: rgba(0, 0, 0, 0);--vscode-editorBracketPairGuide-background2: rgba(0, 0, 0, 0);--vscode-editorBracketPairGuide-background3: rgba(0, 0, 0, 0);--vscode-editorBracketPairGuide-background4: rgba(0, 0, 0, 0);--vscode-editorBracketPairGuide-background5: rgba(0, 0, 0, 0);--vscode-editorBracketPairGuide-background6: rgba(0, 0, 0, 0);--vscode-editorBracketPairGuide-activeBackground1: rgba(0, 0, 0, 0);--vscode-editorBracketPairGuide-activeBackground2: rgba(0, 0, 0, 0);--vscode-editorBracketPairGuide-activeBackground3: rgba(0, 0, 0, 0);--vscode-editorBracketPairGuide-activeBackground4: rgba(0, 0, 0, 0);--vscode-editorBracketPairGuide-activeBackground5: rgba(0, 0, 0, 0);--vscode-editorBracketPairGuide-activeBackground6: rgba(0, 0, 0, 0);--vscode-editorUnicodeHighlight-border: #bd9b03;--vscode-editorUnicodeHighlight-background: rgba(189, 155, 3, .15);--vscode-symbolIcon-arrayForeground: #cccccc;--vscode-symbolIcon-booleanForeground: #cccccc;--vscode-symbolIcon-classForeground: #ee9d28;--vscode-symbolIcon-colorForeground: #cccccc;--vscode-symbolIcon-constantForeground: #cccccc;--vscode-symbolIcon-constructorForeground: #b180d7;--vscode-symbolIcon-enumeratorForeground: #ee9d28;--vscode-symbolIcon-enumeratorMemberForeground: #75beff;--vscode-symbolIcon-eventForeground: #ee9d28;--vscode-symbolIcon-fieldForeground: #75beff;--vscode-symbolIcon-fileForeground: #cccccc;--vscode-symbolIcon-folderForeground: #cccccc;--vscode-symbolIcon-functionForeground: #b180d7;--vscode-symbolIcon-interfaceForeground: #75beff;--vscode-symbolIcon-keyForeground: #cccccc;--vscode-symbolIcon-keywordForeground: #cccccc;--vscode-symbolIcon-methodForeground: #b180d7;--vscode-symbolIcon-moduleForeground: #cccccc;--vscode-symbolIcon-namespaceForeground: #cccccc;--vscode-symbolIcon-nullForeground: #cccccc;--vscode-symbolIcon-numberForeground: #cccccc;--vscode-symbolIcon-objectForeground: #cccccc;--vscode-symbolIcon-operatorForeground: #cccccc;--vscode-symbolIcon-packageForeground: #cccccc;--vscode-symbolIcon-propertyForeground: #cccccc;--vscode-symbolIcon-referenceForeground: #cccccc;--vscode-symbolIcon-snippetForeground: #cccccc;--vscode-symbolIcon-stringForeground: #cccccc;--vscode-symbolIcon-structForeground: #cccccc;--vscode-symbolIcon-textForeground: #cccccc;--vscode-symbolIcon-typeParameterForeground: #cccccc;--vscode-symbolIcon-unitForeground: #cccccc;--vscode-symbolIcon-variableForeground: #75beff;--vscode-editorHoverWidget-highlightForeground: #2aaaff;--vscode-editorOverviewRuler-bracketMatchForeground: #a0a0a0;--vscode-editor-foldBackground: rgba(38, 79, 120, .3);--vscode-editorGutter-foldingControlForeground: #c5c5c5;--vscode-editor-linkedEditingBackground: rgba(255, 0, 0, .3);--vscode-editor-wordHighlightBackground: rgba(87, 87, 87, .72);--vscode-editor-wordHighlightStrongBackground: rgba(0, 73, 114, .72);--vscode-editorOverviewRuler-wordHighlightForeground: rgba(160, 160, 160, .8);--vscode-editorOverviewRuler-wordHighlightStrongForeground: rgba(192, 160, 192, .8);--vscode-peekViewTitle-background: rgba(55, 148, 255, .1);--vscode-peekViewTitleLabel-foreground: #ffffff;--vscode-peekViewTitleDescription-foreground: rgba(204, 204, 204, .7);--vscode-peekView-border: #3794ff;--vscode-peekViewResult-background: #252526;--vscode-peekViewResult-lineForeground: #bbbbbb;--vscode-peekViewResult-fileForeground: #ffffff;--vscode-peekViewResult-selectionBackground: rgba(51, 153, 255, .2);--vscode-peekViewResult-selectionForeground: #ffffff;--vscode-peekViewEditor-background: #001f33;--vscode-peekViewEditorGutter-background: #001f33;--vscode-peekViewResult-matchHighlightBackground: rgba(234, 92, 0, .3);--vscode-peekViewEditor-matchHighlightBackground: rgba(255, 143, 0, .6);--vscode-editorMarkerNavigationError-background: #f14c4c;--vscode-editorMarkerNavigationError-headerBackground: rgba(241, 76, 76, .1);--vscode-editorMarkerNavigationWarning-background: #cca700;--vscode-editorMarkerNavigationWarning-headerBackground: rgba(204, 167, 0, .1);--vscode-editorMarkerNavigationInfo-background: #3794ff;--vscode-editorMarkerNavigationInfo-headerBackground: rgba(55, 148, 255, .1);--vscode-editorMarkerNavigation-background: #1e1e1e;--vscode-editorSuggestWidget-background: #252526;--vscode-editorSuggestWidget-border: #454545;--vscode-editorSuggestWidget-foreground: #d4d4d4;--vscode-editorSuggestWidget-selectedForeground: #ffffff;--vscode-editorSuggestWidget-selectedIconForeground: #ffffff;--vscode-editorSuggestWidget-selectedBackground: #04395e;--vscode-editorSuggestWidget-highlightForeground: #2aaaff;--vscode-editorSuggestWidget-focusHighlightForeground: #2aaaff;--vscode-editorSuggestWidgetStatus-foreground: rgba(212, 212, 212, .5);--vscode-tab-activeBackground: #1e1e1e;--vscode-tab-unfocusedActiveBackground: #1e1e1e;--vscode-tab-inactiveBackground: #2d2d2d;--vscode-tab-unfocusedInactiveBackground: #2d2d2d;--vscode-tab-activeForeground: #ffffff;--vscode-tab-inactiveForeground: rgba(255, 255, 255, .5);--vscode-tab-unfocusedActiveForeground: rgba(255, 255, 255, .5);--vscode-tab-unfocusedInactiveForeground: rgba(255, 255, 255, .25);--vscode-tab-border: #252526;--vscode-tab-lastPinnedBorder: rgba(204, 204, 204, .2);--vscode-tab-activeModifiedBorder: #3399cc;--vscode-tab-inactiveModifiedBorder: rgba(51, 153, 204, .5);--vscode-tab-unfocusedActiveModifiedBorder: rgba(51, 153, 204, .5);--vscode-tab-unfocusedInactiveModifiedBorder: rgba(51, 153, 204, .25);--vscode-editorPane-background: #1e1e1e;--vscode-editorGroupHeader-tabsBackground: #252526;--vscode-editorGroupHeader-noTabsBackground: #1e1e1e;--vscode-editorGroup-border: #444444;--vscode-editorGroup-dropBackground: rgba(83, 89, 93, .5);--vscode-editorGroup-dropIntoPromptForeground: #cccccc;--vscode-editorGroup-dropIntoPromptBackground: #252526;--vscode-sideBySideEditor-horizontalBorder: #444444;--vscode-sideBySideEditor-verticalBorder: #444444;--vscode-panel-background: #1e1e1e;--vscode-panel-border: rgba(128, 128, 128, .35);--vscode-panelTitle-activeForeground: #e7e7e7;--vscode-panelTitle-inactiveForeground: rgba(231, 231, 231, .6);--vscode-panelTitle-activeBorder: #e7e7e7;--vscode-panel-dropBorder: #e7e7e7;--vscode-panelSection-dropBackground: rgba(83, 89, 93, .5);--vscode-panelSectionHeader-background: rgba(128, 128, 128, .2);--vscode-panelSection-border: rgba(128, 128, 128, .35);--vscode-banner-background: #04395e;--vscode-banner-foreground: #ffffff;--vscode-banner-iconForeground: #3794ff;--vscode-statusBar-foreground: #ffffff;--vscode-statusBar-noFolderForeground: #ffffff;--vscode-statusBar-background: #007acc;--vscode-statusBar-noFolderBackground: #68217a;--vscode-statusBar-focusBorder: #ffffff;--vscode-statusBarItem-activeBackground: rgba(255, 255, 255, .18);--vscode-statusBarItem-focusBorder: #ffffff;--vscode-statusBarItem-hoverBackground: rgba(255, 255, 255, .12);--vscode-statusBarItem-compactHoverBackground: rgba(255, 255, 255, .2);--vscode-statusBarItem-prominentForeground: #ffffff;--vscode-statusBarItem-prominentBackground: rgba(0, 0, 0, .5);--vscode-statusBarItem-prominentHoverBackground: rgba(0, 0, 0, .3);--vscode-statusBarItem-errorBackground: #c72e0f;--vscode-statusBarItem-errorForeground: #ffffff;--vscode-statusBarItem-warningBackground: #7a6400;--vscode-statusBarItem-warningForeground: #ffffff;--vscode-activityBar-background: #333333;--vscode-activityBar-foreground: #ffffff;--vscode-activityBar-inactiveForeground: rgba(255, 255, 255, .4);--vscode-activityBar-activeBorder: #ffffff;--vscode-activityBar-dropBorder: #ffffff;--vscode-activityBarBadge-background: #007acc;--vscode-activityBarBadge-foreground: #ffffff;--vscode-statusBarItem-remoteBackground: #16825d;--vscode-statusBarItem-remoteForeground: #ffffff;--vscode-extensionBadge-remoteBackground: #007acc;--vscode-extensionBadge-remoteForeground: #ffffff;--vscode-sideBar-background: #252526;--vscode-sideBarTitle-foreground: #bbbbbb;--vscode-sideBar-dropBackground: rgba(83, 89, 93, .5);--vscode-sideBarSectionHeader-background: rgba(0, 0, 0, 0);--vscode-sideBarSectionHeader-border: rgba(204, 204, 204, .2);--vscode-titleBar-activeForeground: #cccccc;--vscode-titleBar-inactiveForeground: rgba(204, 204, 204, .6);--vscode-titleBar-activeBackground: #3c3c3c;--vscode-titleBar-inactiveBackground: rgba(60, 60, 60, .6);--vscode-menubar-selectionForeground: #cccccc;--vscode-menubar-selectionBackground: rgba(90, 93, 94, .31);--vscode-notifications-foreground: #cccccc;--vscode-notifications-background: #252526;--vscode-notificationLink-foreground: #3794ff;--vscode-notificationCenterHeader-background: #303031;--vscode-notifications-border: #303031;--vscode-notificationsErrorIcon-foreground: #f14c4c;--vscode-notificationsWarningIcon-foreground: #cca700;--vscode-notificationsInfoIcon-foreground: #3794ff;--vscode-commandCenter-foreground: #cccccc;--vscode-commandCenter-activeForeground: #cccccc;--vscode-commandCenter-activeBackground: rgba(90, 93, 94, .31);--vscode-commandCenter-border: rgba(128, 128, 128, .35);--vscode-editorCommentsWidget-resolvedBorder: rgba(204, 204, 204, .5);--vscode-editorCommentsWidget-unresolvedBorder: #3794ff;--vscode-editorCommentsWidget-rangeBackground: rgba(55, 148, 255, .1);--vscode-editorCommentsWidget-rangeBorder: rgba(55, 148, 255, .4);--vscode-editorCommentsWidget-rangeActiveBackground: rgba(55, 148, 255, .1);--vscode-editorCommentsWidget-rangeActiveBorder: rgba(55, 148, 255, .4);--vscode-editorGutter-commentRangeForeground: #37373d;--vscode-debugToolBar-background: #333333;--vscode-debugIcon-startForeground: #89d185;--vscode-editor-stackFrameHighlightBackground: rgba(255, 255, 0, .2);--vscode-editor-focusedStackFrameHighlightBackground: rgba(122, 189, 122, .3);--vscode-mergeEditor-change\.background: rgba(155, 185, 85, .2);--vscode-mergeEditor-change\.word\.background: rgba(156, 204, 44, .2);--vscode-mergeEditor-conflict\.unhandledUnfocused\.border: rgba(255, 166, 0, .48);--vscode-mergeEditor-conflict\.unhandledFocused\.border: #ffa600;--vscode-mergeEditor-conflict\.handledUnfocused\.border: rgba(134, 134, 134, .29);--vscode-mergeEditor-conflict\.handledFocused\.border: rgba(193, 193, 193, .8);--vscode-mergeEditor-conflict\.handled\.minimapOverViewRuler: rgba(173, 172, 168, .93);--vscode-mergeEditor-conflict\.unhandled\.minimapOverViewRuler: #fcba03;--vscode-mergeEditor-conflictingLines\.background: rgba(255, 234, 0, .28);--vscode-settings-headerForeground: #e7e7e7;--vscode-settings-modifiedItemIndicator: #0c7d9d;--vscode-settings-headerBorder: rgba(128, 128, 128, .35);--vscode-settings-sashBorder: rgba(128, 128, 128, .35);--vscode-settings-dropdownBackground: #3c3c3c;--vscode-settings-dropdownForeground: #f0f0f0;--vscode-settings-dropdownBorder: #3c3c3c;--vscode-settings-dropdownListBorder: #454545;--vscode-settings-checkboxBackground: #3c3c3c;--vscode-settings-checkboxForeground: #f0f0f0;--vscode-settings-checkboxBorder: #3c3c3c;--vscode-settings-textInputBackground: #3c3c3c;--vscode-settings-textInputForeground: #cccccc;--vscode-settings-numberInputBackground: #3c3c3c;--vscode-settings-numberInputForeground: #cccccc;--vscode-settings-focusedRowBackground: rgba(42, 45, 46, .6);--vscode-settings-rowHoverBackground: rgba(42, 45, 46, .3);--vscode-settings-focusedRowBorder: rgba(255, 255, 255, .12);--vscode-terminal-foreground: #cccccc;--vscode-terminal-selectionBackground: #264f78;--vscode-terminal-inactiveSelectionBackground: #3a3d41;--vscode-terminalCommandDecoration-defaultBackground: rgba(255, 255, 255, .25);--vscode-terminalCommandDecoration-successBackground: #1b81a8;--vscode-terminalCommandDecoration-errorBackground: #f14c4c;--vscode-terminalOverviewRuler-cursorForeground: rgba(160, 160, 160, .8);--vscode-terminal-border: rgba(128, 128, 128, .35);--vscode-terminal-findMatchBackground: #515c6a;--vscode-terminal-findMatchHighlightBackground: rgba(234, 92, 0, .33);--vscode-terminalOverviewRuler-findMatchForeground: rgba(209, 134, 22, .49);--vscode-terminal-dropBackground: rgba(83, 89, 93, .5);--vscode-testing-iconFailed: #f14c4c;--vscode-testing-iconErrored: #f14c4c;--vscode-testing-iconPassed: #73c991;--vscode-testing-runAction: #73c991;--vscode-testing-iconQueued: #cca700;--vscode-testing-iconUnset: #848484;--vscode-testing-iconSkipped: #848484;--vscode-testing-peekBorder: #f14c4c;--vscode-testing-peekHeaderBackground: rgba(241, 76, 76, .1);--vscode-testing-message\.error\.decorationForeground: #f14c4c;--vscode-testing-message\.error\.lineBackground: rgba(255, 0, 0, .2);--vscode-testing-message\.info\.decorationForeground: rgba(212, 212, 212, .5);--vscode-welcomePage-tileBackground: #252526;--vscode-welcomePage-tileHoverBackground: #2c2c2d;--vscode-welcomePage-tileShadow: rgba(0, 0, 0, .36);--vscode-welcomePage-progress\.background: #3c3c3c;--vscode-welcomePage-progress\.foreground: #3794ff;--vscode-debugExceptionWidget-border: #a31515;--vscode-debugExceptionWidget-background: #420b0d;--vscode-ports-iconRunningProcessForeground: #369432;--vscode-statusBar-debuggingBackground: #cc6633;--vscode-statusBar-debuggingForeground: #ffffff;--vscode-editor-inlineValuesForeground: rgba(255, 255, 255, .5);--vscode-editor-inlineValuesBackground: rgba(255, 200, 0, .2);--vscode-editorGutter-modifiedBackground: #1b81a8;--vscode-editorGutter-addedBackground: #487e02;--vscode-editorGutter-deletedBackground: #f14c4c;--vscode-minimapGutter-modifiedBackground: #1b81a8;--vscode-minimapGutter-addedBackground: #487e02;--vscode-minimapGutter-deletedBackground: #f14c4c;--vscode-editorOverviewRuler-modifiedForeground: rgba(27, 129, 168, .6);--vscode-editorOverviewRuler-addedForeground: rgba(72, 126, 2, .6);--vscode-editorOverviewRuler-deletedForeground: rgba(241, 76, 76, .6);--vscode-debugIcon-breakpointForeground: #e51400;--vscode-debugIcon-breakpointDisabledForeground: #848484;--vscode-debugIcon-breakpointUnverifiedForeground: #848484;--vscode-debugIcon-breakpointCurrentStackframeForeground: #ffcc00;--vscode-debugIcon-breakpointStackframeForeground: #89d185;--vscode-notebook-cellBorderColor: #37373d;--vscode-notebook-focusedEditorBorder: #007fd4;--vscode-notebookStatusSuccessIcon-foreground: #89d185;--vscode-notebookStatusErrorIcon-foreground: #f48771;--vscode-notebookStatusRunningIcon-foreground: #cccccc;--vscode-notebook-cellToolbarSeparator: rgba(128, 128, 128, .35);--vscode-notebook-selectedCellBackground: #37373d;--vscode-notebook-selectedCellBorder: #37373d;--vscode-notebook-focusedCellBorder: #007fd4;--vscode-notebook-inactiveFocusedCellBorder: #37373d;--vscode-notebook-cellStatusBarItemHoverBackground: rgba(255, 255, 255, .15);--vscode-notebook-cellInsertionIndicator: #007fd4;--vscode-notebookScrollbarSlider-background: rgba(121, 121, 121, .4);--vscode-notebookScrollbarSlider-hoverBackground: rgba(100, 100, 100, .7);--vscode-notebookScrollbarSlider-activeBackground: rgba(191, 191, 191, .4);--vscode-notebook-symbolHighlightBackground: rgba(255, 255, 255, .04);--vscode-notebook-cellEditorBackground: #252526;--vscode-notebook-editorBackground: #1e1e1e;--vscode-keybindingTable-headerBackground: rgba(204, 204, 204, .04);--vscode-keybindingTable-rowsBackground: rgba(204, 204, 204, .04);--vscode-scm-providerBorder: #454545;--vscode-debugTokenExpression-name: #c586c0;--vscode-debugTokenExpression-value: rgba(204, 204, 204, .6);--vscode-debugTokenExpression-string: #ce9178;--vscode-debugTokenExpression-boolean: #4e94ce;--vscode-debugTokenExpression-number: #b5cea8;--vscode-debugTokenExpression-error: #f48771;--vscode-debugView-exceptionLabelForeground: #cccccc;--vscode-debugView-exceptionLabelBackground: #6c2022;--vscode-debugView-stateLabelForeground: #cccccc;--vscode-debugView-stateLabelBackground: rgba(136, 136, 136, .27);--vscode-debugView-valueChangedHighlight: #569cd6;--vscode-debugConsole-infoForeground: #3794ff;--vscode-debugConsole-warningForeground: #cca700;--vscode-debugConsole-errorForeground: #f48771;--vscode-debugConsole-sourceForeground: #cccccc;--vscode-debugConsoleInputIcon-foreground: #cccccc;--vscode-debugIcon-pauseForeground: #75beff;--vscode-debugIcon-stopForeground: #f48771;--vscode-debugIcon-disconnectForeground: #f48771;--vscode-debugIcon-restartForeground: #89d185;--vscode-debugIcon-stepOverForeground: #75beff;--vscode-debugIcon-stepIntoForeground: #75beff;--vscode-debugIcon-stepOutForeground: #75beff;--vscode-debugIcon-continueForeground: #75beff;--vscode-debugIcon-stepBackForeground: #75beff;--vscode-extensionButton-prominentBackground: #0e639c;--vscode-extensionButton-prominentForeground: #ffffff;--vscode-extensionButton-prominentHoverBackground: #1177bb;--vscode-extensionIcon-starForeground: #ff8e00;--vscode-extensionIcon-verifiedForeground: #3794ff;--vscode-extensionIcon-preReleaseForeground: #1d9271;--vscode-extensionIcon-sponsorForeground: #d758b3;--vscode-terminal-ansiBlack: #000000;--vscode-terminal-ansiRed: #cd3131;--vscode-terminal-ansiGreen: #0dbc79;--vscode-terminal-ansiYellow: #e5e510;--vscode-terminal-ansiBlue: #2472c8;--vscode-terminal-ansiMagenta: #bc3fbc;--vscode-terminal-ansiCyan: #11a8cd;--vscode-terminal-ansiWhite: #e5e5e5;--vscode-terminal-ansiBrightBlack: #666666;--vscode-terminal-ansiBrightRed: #f14c4c;--vscode-terminal-ansiBrightGreen: #23d18b;--vscode-terminal-ansiBrightYellow: #f5f543;--vscode-terminal-ansiBrightBlue: #3b8eea;--vscode-terminal-ansiBrightMagenta: #d670d6;--vscode-terminal-ansiBrightCyan: #29b8db;--vscode-terminal-ansiBrightWhite: #e5e5e5;--vscode-interactive-activeCodeBorder: #3794ff;--vscode-interactive-inactiveCodeBorder: #37373d;--vscode-gitDecoration-addedResourceForeground: #81b88b;--vscode-gitDecoration-modifiedResourceForeground: #e2c08d;--vscode-gitDecoration-deletedResourceForeground: #c74e39;--vscode-gitDecoration-renamedResourceForeground: #73c991;--vscode-gitDecoration-untrackedResourceForeground: #73c991;--vscode-gitDecoration-ignoredResourceForeground: #8c8c8c;--vscode-gitDecoration-stageModifiedResourceForeground: #e2c08d;--vscode-gitDecoration-stageDeletedResourceForeground: #c74e39;--vscode-gitDecoration-conflictingResourceForeground: #e4676b;--vscode-gitDecoration-submoduleResourceForeground: #8db9e2}.test-error-container{position:relative;white-space:pre;flex:none;padding:0;background-color:var(--color-canvas-subtle);border-radius:6px;line-height:initial;margin-bottom:6px}.test-error-view{overflow:auto;padding:16px}.test-error-text{font-family:monospace}.test-result{flex:auto;display:flex;flex-direction:column;margin-bottom:24px}.test-result>div{flex:none}.test-result video,.test-result img.screenshot{flex:none;box-shadow:var(--box-shadow-thick);margin:24px auto;min-width:200px;max-width:80%}.test-result-path{padding:0 0 0 5px;color:var(--color-fg-muted)}.test-result-counter{border-radius:12px;color:var(--color-canvas-default);padding:2px 8px;line-height:normal}.step-title-container{display:flex;align-items:center;flex:auto;min-width:0}.step-title-container>*{flex-shrink:0}.step-title-text{flex-shrink:1;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;min-width:0}.step-title-highlight{background:var(--color-attention-subtle)}.step-spacer{flex:auto}.step-attachment-link{display:flex;flex:none;border-radius:4px;padding:4px}.step-attachment-link:hover{background-color:var(--color-neutral-muted)}.step-attachment-link .octicon{margin-right:0}.step-indirect-attachment-indicator{display:flex;flex:none;padding:4px;opacity:.5}.step-indirect-attachment-indicator .octicon{margin-right:0}.step-duration{flex:none;white-space:nowrap;margin-left:4px}:root.light-mode .test-result-counter{background:var(--color-scale-gray-5)}:root.dark-mode .test-result-counter{background:var(--color-scale-gray-3)}.step-filter{margin-bottom:8px}@media only screen and (max-width: 600px){.test-result{padding:0!important}}.test-file-test{line-height:32px;align-items:center;padding:2px 8px;overflow:hidden;text-overflow:ellipsis}.test-file-test-selected,.test-file-test:hover{background-color:var(--color-canvas-subtle)}.test-file-title{font-weight:600;font-size:16px}.test-file-details-row{padding:0 0 6px 8px;margin:0 0 0 15px;line-height:16px;font-weight:400;color:var(--color-fg-muted);display:flex;align-items:center}.test-file-details-row-items{display:flex;height:16px}.test-file-details-row-items>.link-badge{margin-top:-2px}.test-file-details-row-items>.trace-link{margin-top:-4px}.test-file-path{text-overflow:ellipsis;overflow:hidden;color:var(--color-fg-muted)}.test-file-path-link{margin-right:10px}.test-file-test-outcome-skipped{color:var(--color-fg-muted)}.test-file-test-status-icon{flex:none}.test-file-header-info{display:flex;align-items:center;gap:4px 8px;color:var(--color-fg-muted)}.test-file-header-br{flex-basis:100%;height:0}.test-file-no-files{margin-top:12px;color:var(--color-fg-muted);background-color:unset;font-weight:unset;border:1px solid var(--color-border-default);border-bottom-left-radius:6px;border-bottom-right-radius:6px}#root{color:var(--color-fg-default);font-size:14px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";-webkit-font-smoothing:antialiased}.metadata-toggle{cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--color-fg-default)}.metadata-toggle-second-line{margin-top:8px;margin-left:8px}.metadata-view{border:1px solid var(--color-border-default);border-radius:6px;margin-top:12px}.metadata-view .metadata-section{margin:8px 10px 8px 32px}.metadata-view span:not(.copy-button-container),.metadata-view a{display:inline-block;line-height:24px}.metadata-properties{display:flex;flex-direction:column;align-items:normal;gap:8px}.metadata-properties>div{height:24px}.metadata-separator{height:1px;border-bottom:1px solid var(--color-border-default)}.metadata-view a{color:var(--color-fg-default)}.copyable-property{white-space:pre}.copyable-property>span{display:flex;align-items:center}.gantt-bar{transition:opacity .2s;cursor:pointer;outline:none}.gantt-bar:hover,.gantt-bar:focus{opacity:.8;stroke:var(--color-fg-default);stroke-width:2}
+</style>
+  </head>
+  <body>
+    <div id='root'></div>
+  </body>
+</html>
+<template id="playwrightReportBase64">data:application/zip;base64,UEsDBBQAAAgIAA1bx1xFUkqs6xMAADtiAQAZAAAAZTRmZWNlYjI2MDFjZDA4YTk2NjYuanNvbu1d/W/buBn+VwRhQB0g1YmUSEkebkCv6+06DHdFm90Ou3SbItOJFlsyJLppkeV/HyjbsUx9WB+ULDnMD0Ua27JEPi/5Pi/J53lU5/6CvJ+pU5WYc+KRG4h14M1023Uwxupl8vrP7pKoUzUiXhgExKNavCKe9t9YvVQpiWmsTn9/TH4rvNBrbIIbxzacuQeQg+bQvnER+7hPF+zSV1dXU2Xp3hPFVZbhF6K4wUz5QiJ//k3xqRJ/C7xYoaES0jsSKauF+41E6qW6isL/Eo9u70+9VBeh51I/DNTpY3LnBXe98AOiToFxqXrhYr0M1KnxdKnO1tH2wwCYNrpU3SAIafIn9oifL1Xq3m5/C9fUC5NvJV9XxKNkxm7HpXfq9Hf14+4rlXfwnfr5Uo1IvF5s2ynzLTF1I3rlJxeDOsSvdfxat650NEXG1AQadOx/quwaNPqmTnX2AbLatvm2+X4g8zAiyk9heM8e79gVDUNnV0zdCQZ5l/3R/0rXEVGu1ZsofIhJdK1WubqJuaubKO/qf3PXgXenbC9d5cKIv20z1RqfL1WXUte7W5KAbv/gheuAqlP2cPf+akVm6nTuLmLy1N2bL/cP+DYiLiWKFwaUfKUVHtB0EP+A5c9XD+7mHu7Aeip+hks1Dtj/qTpVleu1roOb3x19qSjAUP63/b/hLBVFYTE/2f0FLl81CeNX+yvufjOWl6mv2f2Kly67QOqVyeMOPcrThbL/9Pd/Sr3p8To4fAiTewgl9Q1eGMQ09apHv6avm39XD66f/swuVp4/pu1fDMjD2w0cJhf7N/wx1QSHN6soBze7+xXsmgps3pP6+df2FQiXmYbV+csDVKMtVu4tAbVbw6Nfi1rig3tLCppBzYkj9v0VgggBPoh0S2QUoX0UQadRFI0JgINFSOtAaR40uGaTwOEHDYbmYdBgR2TM4NYxMxIYDhYbJwwXK/1VBxj92f3i3zKU0lC5Vr+rlF1aOp8EOgYSiFWot86SnBIM8L2ZYCC3P93Z7H3g009e5K/oZFKY37CnW3yiYeTektwLxYS+p2SZztM2mRejTZWzL7h89QOhbur9F5WQBvWarQFyH+I2pGH6Cb5L38gAMikIhHR6/cdsGVCGhg3rMKCgUNYBQdt4GgqCTtbFPSMZVh2vqe9R16MhqYQzG3E4c3BtmN2RxYpE8QG+7BS+zEb4snLbM0s396/M14HHbi31YrBtm6vwL+6STFYHo3F6QL11l+SDS+8uMswU2hzAyuFVjK7dV+TfwKPCLvb3gPqL/Rum+UP+InRnR6cI6i9JuKblF0NLQ9d1PfXKUxdorwd1fqZu0ODsfT+G0dWmDSb7xwUo/bQVBu9/uD5V5mG0a88KMeUgnusivX4ylBdVTuuokmDOmUJODbgeg8s4nLaf2mEdaSYGh1hHukiOCltXRyFfHS3r3pzpAuQDMp0qPM+4tXOXsppT9RyqEHudQ6/20F5WMMhQ6oXv3W8KJh/DcFmxNzYfqJegv2XflFA2GkaTVzdrSsNgeufGr5OS3PW2bHOtXry6qBATjsWN/xYUMfobqYUxZDeJBQOKyKny+iW/WzYNeUW+0iP1lOd+U9gV052XSccMPp4bDNa7nt5//X+yff6Hx/3tP12rF//JhVTqqkm79FHoKf2pNxuYJbPBu2QJVblWafgDuYrW9O5bBUqBNQC4qiUQOSFYqaIlbDQh1CkGRmG4fBvOSO164C2hH7ef3Qxc1SYEK3Nvm4Xsye5G8qG376FO8VdvrLe7YKwMXvxCtn5kvVlS1gZj5Nll+ZKylgQVBHaGshqSsg4WzCcH3Ggpq6VZ0OAoK6ifnxdnKEbrpapM59akrDAfkCkAN6esRt2yf365fTyU1aizvpBQgL+GfvBMjI73BXu7YLrKLlmNrNoa5BeabCHZFAZtySrWhZHVgx7J75A6VJVd7jhRxTxwGgzRkqjuGhNWmQNisiAeDaN9bGjxg7uAr/1gtaaVwsEADpcICand4NT+NNNoFA6miHCY+4vFpwd38Z41SEk4fHEXa5KDab5+JwDTxpLd0Kdt18V5aVXq00lP5sN6O6dMHpWYsmrdsSzuix/7N4vjey0qJnKoB1IiMKD4KsiQepKhdLKB4PHZ8Ed/sVCuVYChYb27VtvEvsEXroRQIIxbx74MO7FhN2r0D2YIsVrNyV4YzP1oWS0yTW5WFrJJxUoxNRM1CkxHSI66aQkGn2RKzs67Fs+6esfr9h7PZwgQm9nWChyrA2YgsDfL6EEZD20S14ir5Ztiqo4WaBvZMuKER9yIYT+gsaMSEa5aDLU1C/Mb9/UGWW9JNRS1rYYerlHz1bk6G0oa7KAB+uDqkWXL1wIKsFWeuB3oHM2yeKKlA5GbBAzcGnTDw9UQOr5nqGd3QxQ/8cyPl34cJ8Wt+YeIxCSgZTsvKrOV28ifJf+89sJF/Np4daFxpfdXF1pA7ybm0YwH6Zrl8ItPIk/0Wajlaiuw+C2J+xbPHIIlrPDy3Lbfc/Arnb9vQjea7abt/Pk4W/veNXcuStNn7ujdxA9m5GsVEAOrenGFPfHZpGMdLtkCS0B9pXCgMjqeoJIo5eoNhljNBwu3jtOXidqTI6vPIOKnvwZdvCE1jwz+3pEOxksarcnxDiktAYicLIEGMqIRQjUjLKt1FA4KjUNFTJ8xI2CzWJu9Ke0mHqABI7M3SSQxAlbbTa7jwNjJcdAn5B2BFSEENMwLhdlCT3SZrU90mXVOdG0Oq5DFouz40AEbyX/LvvfNmn1v1j3kVZO320Oj7eZBalp0pOQn9wthO5YOVuxFpg9QM/nVBVB/a1sJkFNDqdFoZ7NZVt/IyNJANpzGJYQ7HzfdMe4SyPOjbxnktwdcts+Xe2Osx/MDsOg4zA5d6Wf5rXtJh8xPvcBxCgPn7SKMK2sWIqg5/II5FLnFGaUWzhutrh0+KdcMqM4W4yLdJY81mMjVnFo9ifilripc6s2ckqiaWijrYQtyg5vdXHWTRFEYbd/HagHrWJ2qKzeOEwHVjOBq5toPYXRPoves5qZOdXbF8F6dsswtecBSDVpwM3cMoM+Riz32KnadG16DdubHO+1Wpl35jExlxQq90RcSJ6ehNnWM1gq0qFiBFgNkda9Au/mWowjYlJJFKdAmV6y5AU683ioyNF23eekjkWNX6/wTVdJbrQXZvtVW0ZjELjtOV9FQRQybCkeyEOLLCJbI8jVqLbY6KvwNFiCnU49EQxXUbBEzgJ92LKHTTmux1bHAcLDYOGG4CBRbZUi1uWURE4ncsoVbH2BF56q1+svs8KxmtcMGA1HK7DiPypx3HIfWKjI0bHJ7IKEuslqCW2utDgVBJ+vinpHchdYqMjTb5LJyR4zEhhSuOWutDylcUxJTjpEVrqnPdaVwTV9gPjngxipcg5Bm8vMHEnpUA7eujOIBa63il6a1mjk0fn5aqwhpDq9fj4SM/lJrVWqtHv85sdYqwprOb9YSucMFt9ZazegsDEhrFZ+R1iruQms1gReXXTtSalUyVtGQf0mMFWvABBnGWn+lSTLWvsB8csCNlrFaGja5DUWogVZ3cYJitV6pwgOWWs1IkJy71GpGIOScpFaRrYHMyQoh476UWpVSqwJ5aj9Sq8jWIOxC1E0qrRZC+kVLPkql1byXmiit/vmt/ec3PzZXWkU5ouNATOxLpdWhhd2o0T+YIaQnpVUWmbx3qVRa7RmvZ6f7KJVWT620yuIac3sHzAaHoaXS6jgibsSwH9DYIVJpFdkazhG9rD+5lhRDWyutWmVKqxnBsdMrYnZdjhyA4GY70DkadvjFJl2okp3VWml1gLgaQsf3DPXxKK3O/SimkyMpjznVdc0CnEKCWAlHKbUqpVZPvx/i5BKELWaobZRyW4yMBrshpNSqeNSeHFlSarW91GrV2RJoOuSNIESeLZBaqz1BRmqtVpx5gKYbiD9OI/LYr9RalVqrxyCI+P3VYiFotz7RZZ9Wa7Vu39sda60ObsucXay12ouniTnVoaZj2HbNUBLtPFhJoj2kdGfURJtFKe9pIlTlRBJtSbQrBNEwM9p+PE2SMDQyur1iy9KSZ/eCGMmzK088ht0pyZE8W/LsYxB0dNApz7Zb8+w6C7CHPLvg2FOnniZ2HYOHcxBTsYutGd6xDcQb2flyGBqaCczuVqSd1E48o5HCrFN44NDRl999p3xyv5CUkLkfzEPlZqMwv1c794Nb5QMs7Cen7IxfRhFi913v2VftYVBNFqK4vkO2XVaiKcrvCxa1Ea0W6hyYaax0c0WErqP09uaYxLEfBmVSqLdZKVRK6b+fW7re8cgGsiXbQHC6ky1xUlVP2Gg0drJVz2ppoJOtP+40RdJQPqmwSAMYFhcZN740xxW2N73OLzEKHf6stnOwU7jtazP8bZ71A1Qmsb9cL5imyn7YuyjGRJ2pvXjMEm5o0xwOxWIztVMzBgrMi+8KtekCemuRAKdQJGADDKYGoKzcdUxiJQyUxN0j0pTnxkheYvo7qyhcuUxBQCvqO6CLkfotzKzg0PYeAh0Ujy5VBfzNqY40kz9UaAl1i9XTrkCgCc3Us9P5AY5+WZFAcZWAPCSPnGCHKY4z6DzfWDFyypbqcnX3P9aX2hqA8n5deNVeEvyYnzmNVY1eiBpYEmAI8pvJBUdYmkY3YTBAz861T/nNWJSPFZdf9LqctwhIGfnzxgoxTQKpXvDUNnIoeOaygnDHBUikYSez8iW2Aqk7rYE7OHANpO/7RjzQiws9Isxrq27ItDULcCc2oUgbZgDS6QxugllQmM7klnI+HDewLQDQCSxsAaiz8emZ43+obGKbBv7QTWzrhlBhxrVNc1naEivhQ6D8orhUWYWxz3CrmEp8F64XMyWmTGnkhij0jkSphZLTeElvotHkN4sKDUbUOhg7a3S+d+uc12sQGE3dnX8ZQWDgKnPLD+TXzZ6UNJqZ/tj3LPXxg9tj5/03eEWgw8NvIJWpo0ZcGBRWxVI1lS0yb9iqQ7xekpkyYUzJD24vElNVn6be8hsJ3FexclgS53ugiTF5hZkphcODnqqA5efunjwOaWtcpZ966Bfibm5OdUcDiD+rIvTIGGxpb849KtcOcPT25gB2am++6WKcUUkep725AeY6sRDwdGwjBE3PvTFS9ubz9WKhXF1dbcyg2egWs9qMFy5XC5I8eVs3cwCL7cyRbfRgZ775lqM9bmFxduabK9q831q/buabm3B44R2hQ1XbEx4AHnMzP4rQns3LARyTeXTHiydwqKbAjddxWMRw5TqhRswAtnUvHxUAh4uQk9kxAzhUh+oWQQP5beWW0OPbsK19+VhwOFxwnDBehNmXJ1A1+NKEYQitbBttN3yAjOXHS/YvB8ZA3Kc7TqWMMfqXJwGFHf5IEbKFBlRbA/OhQOh0fdwzlMUbmCdAsxEHNLv+Mrq0g0vBqxhd5+SgJe3gSmLK4VVoANLrp0PSDq4vMJ8ccOO0gzOnAGhmZhH9WFW/ZqLSuhqacTwejoM5MF6Ygzkwzt3BPAkKJ6OeUz95lw7mm86TDuY1f07qYG5OAZOl4fMfoTNCWwtzYAzXwhwY52NhDgzxFuZbfHGngpz6C7CSs764NF9y1pKYAryZEEANVIwkZ+0LzCcH3Gg5q6FhK6NeJHQHj9l6tcoYroc5MF+Yhzkwz9fD3JwCUwOO2cUSgPQwlx7mAplqHx7mSThAfnaQHuapm5BmysM9w/GyPcxNy3yH3zT1MN+Evs0J1zQwTJEe5mMIu1GjfzBDSC8e5klkGrzap/Qw7xmvZ+eoLD3MT+thvo1r7mCIqUsP83ONuBHDfkBjhzgP8yQCLcAfvBYs1mi2NTEHZomJOTCHZzbddT1yAF7W7VCHNAvy+9vFmpgDs62L+QCBNYie7xnrZ+diDrBmmVaH58eludrv0lzt9FsiTm461G6KwprFn4wxxErSSHM1aa52PIiGaWPUm4s5sHJ2k0oXc+muVho0Y3ZXY4i3nE7P1Eh3tRfqrtbGNtqoMlYjB7VdppHMJg9VktkMaX4ZNbOxNKzzzEYXW4GQzEYym6NBNMwUQoxtdKXJ0tGtLiVvJbHpBzGS2FSeeBzeLRDp0jZaEpvTEhtwfKy2NRNyZyTEEnJJbCSxGcL8MmpiY2umoUtiM0TUnhxZktiIITaVJksro38m1FNSEpt+ECOJTeWJx0J8eijWjVISG0lsao/V+PhY7WgQ23IvmiQ2p08RJbEpi1LL5ImN2JRKEhtJbI4G0TBTCDHEptJkiXj3MSj0pIwkNv0gRhKbyhMP1jG/YiN2S48kNpLY1B2r4dGxGuoaAHzKJImNJDaS2Iid8FvNL0mU2jyxETu/SGIjic3RIBpmCiGG2FSaLE3IC1/JrWiS2JwtsWGIN3gNYMFbBSSxeZnEpjoEHTNTTdKFmjzi1jrU6OCRufbAYhwgC3sfDk6NIiPoK1p/o/OBD2oOf6wdCC7p4NbWosMD1iB6vmesFxuOHvgC/brhKmnd1axA9UeydKl3V0mRHJqaibl9fGKHxRQnNPRGAK1lfL5wv725df2gyFW8GC6FlZmCtq0L6jpyQlsXouenAfkloRQkJo9DKqu0C4Y6MkR8S8HeW6rvaHW6jFardbSOGeZjg94pg7TYbuztIowJk9llCD8KaaTpGVFEsSlSyhOpiTgp96h8O9Qxj/Ho11yIeKzFRIph1qNafAZYZaB7M6ckUn4Kw/u4ShdnSl5HFoiKOunp86VKoiiMtu9jJd51rE7VlRvHZKZeqm4QhDT5lqJrP4TRPYnes6UUdaqzK4b36pQR8qfPT/8HUEsDBBQAAAgIAA1bx1xYy+C4BgIAAOUFAAALAAAAcmVwb3J0Lmpzb27Nkk1v2zAMhv+KwLMaSLal2Lr30MsOg4EBK3pQZLpxI1uGJHcNAv/3QY6zBsOCAesOvVEffPnyIU/QY9SNjhrUCbSJk7bfnD+gD6D4TCFE7WPd9QiKb0tWci4zxjin0Exex84NoIqtKPhG5iWFtrMYQD2eluihAQVYtGhwl0nGTcNKXUkp4fzzi0664NG4YUATN2FEs3kJQCFiiGehFN0UupMF31VlXrWGi0q0WbnTIqV30Sbpuq4V6fUBiSa9e0Wih4a8ou/aI+kiCcfBBBIdcXGPnoxWH9EDhdG7FzRx9QcUrDNrs+fObri23ZBA5RSMs1M/gMrna1KcF6WgoIfBxeUqtfhEIernNXJTNG6pim8jmohNsqPjHtQjfL2UJPfZPaTfB1DRT0jBY5jsSkzHqM2+xyGuoldDhIxl8o7JO7atmVAiVwXfZFX5HSj8WAb/MDT4BorNTzP9G32+a6ucs1ZoadKr1NXud/pNFy6uE/xf2MjoMaB/xUCedY8kRB3xw+zFbfaSi+0nYy+yTVXl/8Y+5y3DreCGyVKIrDB6l1+xbydrSV3XZ7hps5dFN64fLS5EPrzm2W3Wosw/F+tCsWrDt/KPrM+pSeUE0UVtQeX03Vg6TMP7kVForT4clygcunFcby8256R4BTfZA/jvVSig985fiI4r6NNModdm3w1L4af5J1BLAQI/AxQAAAgIAA1bx1xFUkqs6xMAADtiAQAZAAAAAAAAAAAAAAC0gQAAAABlNGZlY2ViMjYwMWNkMDhhOTY2Ni5qc29uUEsBAj8DFAAACAgADVvHXFjL4LgGAgAA5QUAAAsAAAAAAAAAAAAAALSBIhQAAHJlcG9ydC5qc29uUEsFBgAAAAACAAIAgAAAAFEWAAAAAA==</template>
\ No newline at end of file
diff --git a/e2e/playwright.config.js b/e2e/playwright.config.js
new file mode 100644
index 0000000..6dad382
--- /dev/null
+++ b/e2e/playwright.config.js
@@ -0,0 +1,37 @@
+const { defineConfig } = require('@playwright/test');
+const path = require('path');
+
+const API_PORT = 4000;
+const FRONTEND_PORT = 5173;
+const BASE_URL = `http://localhost:${FRONTEND_PORT}`;
+
+module.exports = defineConfig({
+  testDir: '.',
+  testMatch: '*.spec.js',
+  timeout: 60000,
+  fullyParallel: false,
+  retries: process.env.CI ? 1 : 0,
+  workers: 1,
+  reporter: [['list'], ['html', { outputFolder: 'playwright-report' }]],
+  use: {
+    baseURL: BASE_URL,
+    trace: 'on-first-retry',
+    screenshot: 'only-on-failure',
+  },
+  webServer: [
+    {
+      command: `node ${path.resolve(__dirname, '..', 'api', 'index.js')}`,
+      port: API_PORT,
+      timeout: 15000,
+      reuseExistingServer: !process.env.CI,
+      cwd: path.resolve(__dirname, '..', 'api'),
+    },
+    {
+      command: `npx vite --port ${FRONTEND_PORT} --host 0.0.0.0`,
+      port: FRONTEND_PORT,
+      timeout: 30000,
+      reuseExistingServer: !process.env.CI,
+      cwd: path.resolve(__dirname, '..', 'pro'),
+    },
+  ],
+});
diff --git a/e2e/reconnect.spec.js b/e2e/reconnect.spec.js
new file mode 100644
index 0000000..1b8f878
--- /dev/null
+++ b/e2e/reconnect.spec.js
@@ -0,0 +1,179 @@
+const { test, expect } = require('@playwright/test');
+const {
+  navigateToGame,
+  clickCreateRoom,
+  getRoomCode,
+  clickJoinRoom,
+  fillSwalInput,
+  confirmSwal,
+  dismissSwalIfPresent,
+} = require('./helpers');
+
+test.describe('Reconnect E2E', () => {
+  test('TTT: make a move and verify it syncs to other player', async ({ browser }) => {
+    const ctx = await browser.newContext();
+    const page1 = await ctx.newPage();
+    const page2 = await ctx.newPage();
+
+    await page1.addInitScript(() => localStorage.setItem('playerName', 'Alpha'));
+    await page2.addInitScript(() => localStorage.setItem('playerName', 'Beta'));
+    await page1.goto('/');
+    await page2.goto('/');
+
+    await navigateToGame(page1, '/tictactoe');
+    await page1.waitForTimeout(500);
+    await clickCreateRoom(page1, 'Create');
+    const roomCode = await getRoomCode(page1);
+    expect(roomCode).toBeTruthy();
+
+    await navigateToGame(page2, '/tictactoe');
+    await page2.waitForTimeout(500);
+    await clickJoinRoom(page2, 'Join');
+    await fillSwalInput(page2, roomCode);
+    await confirmSwal(page2);
+
+    await page1.waitForTimeout(1000);
+    await page2.waitForTimeout(1000);
+    await dismissSwalIfPresent(page1);
+    await dismissSwalIfPresent(page2);
+
+    const boardSelector = '.grid.grid-cols-3';
+
+    // P1 makes a move (position 4 = center)
+    await clickCell(page1, boardSelector, 4);
+    await page2.waitForTimeout(800);
+
+    // Verify P2 sees the X
+    const p2cells = page2.locator(boardSelector).locator('button');
+    await expect(p2cells.nth(4)).toHaveText('X');
+
+    await ctx.close();
+  });
+
+  test('TTT: disconnect and reconnect preserves game state', async ({ browser }) => {
+    const ctx = await browser.newContext();
+    const page1 = await ctx.newPage();
+    const page2 = await ctx.newPage();
+
+    await page1.addInitScript(() => localStorage.setItem('playerName', 'Xena'));
+    await page2.addInitScript(() => localStorage.setItem('playerName', 'Odin'));
+    await page1.goto('/');
+    await page2.goto('/');
+
+    await navigateToGame(page1, '/tictactoe');
+    await page1.waitForTimeout(500);
+    await clickCreateRoom(page1, 'Create');
+    const roomCode = await getRoomCode(page1);
+    expect(roomCode).toBeTruthy();
+
+    await navigateToGame(page2, '/tictactoe');
+    await page2.waitForTimeout(500);
+    await clickJoinRoom(page2, 'Join');
+    await fillSwalInput(page2, roomCode);
+    await confirmSwal(page2);
+
+    await page1.waitForTimeout(1000);
+    await page2.waitForTimeout(1000);
+    await dismissSwalIfPresent(page1);
+    await dismissSwalIfPresent(page2);
+
+    const boardSelector = '.grid.grid-cols-3';
+
+    // Xena (P1, X) moves: position 0
+    await clickCell(page1, boardSelector, 0);
+    await page2.waitForTimeout(500);
+
+    // Odin (P2, O) moves: position 4
+    await clickCell(page2, boardSelector, 4);
+    await page1.waitForTimeout(500);
+
+    // Save reconnect info before disconnecting P2
+    const reconnectInfo = await page2.evaluate(() => {
+      return sessionStorage.getItem('ttt_reconnect');
+    });
+    expect(reconnectInfo).toBeTruthy();
+
+    // Close P2 (simulate disconnect)
+    await page2.close();
+
+    // Game pauses on server. Wait for pause to propagate.
+    await page1.waitForTimeout(2000);
+
+    // Open a new page for Odin to reconnect
+    const page2Re = await ctx.newPage();
+    await page2Re.addInitScript(() => localStorage.setItem('playerName', 'Odin'));
+    await page2Re.addInitScript((info) => {
+      sessionStorage.setItem('ttt_reconnect', info);
+    }, reconnectInfo);
+    await page2Re.goto('/tictactoe');
+    await page2Re.waitForTimeout(3000);
+
+    // Odin should see Xena's X at position 0
+    const reP2cells = page2Re.locator(boardSelector).locator('button');
+    await expect(reP2cells.nth(0)).toHaveText('X');
+    // Odin's own O at position 4 should still be there
+    await expect(reP2cells.nth(4)).toHaveText('O');
+
+    // Game should be resumed (playing) and it should be Xena's turn
+    await expect(page2Re.locator('text=Waiting')).toBeVisible({ timeout: 5000 });
+
+    await ctx.close();
+  });
+
+  test('full TTT game plays to completion', async ({ browser }) => {
+    const ctx = await browser.newContext();
+    const page1 = await ctx.newPage();
+    const page2 = await ctx.newPage();
+
+    await page1.addInitScript(() => localStorage.setItem('playerName', 'Xena'));
+    await page2.addInitScript(() => localStorage.setItem('playerName', 'Odin'));
+    await page1.goto('/');
+    await page2.goto('/');
+
+    await navigateToGame(page1, '/tictactoe');
+    await page1.waitForTimeout(500);
+    await clickCreateRoom(page1, 'Create');
+    const roomCode = await getRoomCode(page1);
+    expect(roomCode).toBeTruthy();
+
+    await navigateToGame(page2, '/tictactoe');
+    await page2.waitForTimeout(500);
+    await clickJoinRoom(page2, 'Join');
+    await fillSwalInput(page2, roomCode);
+    await confirmSwal(page2);
+
+    await page1.waitForTimeout(1000);
+    await page2.waitForTimeout(1000);
+    await dismissSwalIfPresent(page1);
+    await dismissSwalIfPresent(page2);
+
+    const boardSelector = '.grid.grid-cols-3';
+
+    // X wins with top row: positions 0, 1, 2
+    // X: 0  → O: 3  → X: 1  → O: 6  → X: 2 (X wins!)
+    await clickCell(page1, boardSelector, 0);
+    await clickCell(page2, boardSelector, 3);
+    await clickCell(page1, boardSelector, 1);
+    await clickCell(page2, boardSelector, 6);
+    await clickCell(page1, boardSelector, 2);
+
+    await page1.waitForTimeout(2000);
+    await page2.waitForTimeout(1500);
+
+    // Rematch button should appear (from MatchReport)
+    const playAgain1 = page1.locator('button:has-text("Rematch")');
+    const playAgain2 = page2.locator('button:has-text("Rematch")');
+    await expect(playAgain1).toBeVisible({ timeout: 5000 });
+    await expect(playAgain2).toBeVisible({ timeout: 5000 });
+
+    await ctx.close();
+  });
+});
+
+async function clickCell(page, boardSelector, index) {
+  const cell = page.locator(boardSelector).locator('button').nth(index);
+  await cell.waitFor({ state: 'visible', timeout: 5000 });
+  await page.waitForTimeout(300);
+  await cell.click({ force: true });
+  await page.waitForTimeout(500);
+}
diff --git a/e2e/sos.spec.js b/e2e/sos.spec.js
new file mode 100644
index 0000000..2e4181c
--- /dev/null
+++ b/e2e/sos.spec.js
@@ -0,0 +1,139 @@
+const { test, expect } = require('@playwright/test');
+const { navigateToGame, clickCreateRoom, dismissSwalIfPresent } = require('./helpers');
+
+test.describe('SOS E2E', () => {
+  test('full flow: create room, join, start game, make moves', async ({ browser }) => {
+    const ctx = await browser.newContext();
+    const page1 = await ctx.newPage();
+    const page2 = await ctx.newPage();
+
+    await page1.addInitScript(() =>
+      localStorage.setItem('playerProfile', JSON.stringify({ name: 'Alice', avatarIcon: 'cat', color: '#2a2a3e' })),
+    );
+    await page2.addInitScript(() =>
+      localStorage.setItem('playerProfile', JSON.stringify({ name: 'Bob', avatarIcon: 'fox', color: '#2a2a3e' })),
+    );
+    await page1.goto('/');
+    await page2.goto('/');
+
+    // Navigate and create room
+    await navigateToGame(page1, '/sos');
+    await page1.waitForTimeout(500);
+    await clickCreateRoom(page1);
+
+    // Wait for GameLobby and read room code from <p> element
+    const roomCodeEl = page1.locator('p.text-3xl.font-sketch.text-ink.tracking-widest');
+    await roomCodeEl.waitFor({ state: 'visible', timeout: 10000 });
+    const roomCode = await roomCodeEl.textContent();
+    expect(roomCode).toBeTruthy();
+
+    // Navigate P2 to the game
+    await navigateToGame(page2, '/sos');
+    await page2.waitForTimeout(1000);
+
+    // Fill room code and join
+    const joinInput = page2.locator('input[placeholder="Room Code"]');
+    await joinInput.waitFor({ state: 'visible', timeout: 5000 });
+    await joinInput.fill(roomCode);
+    await page2.locator('button:has-text("Join as Player")').click();
+
+    // Wait for P2's GameLobby to appear
+    const p2RoomCodeEl = page2.locator('p.text-3xl.font-sketch.text-ink.tracking-widest');
+    await p2RoomCodeEl.waitFor({ state: 'visible', timeout: 10000 });
+
+    // Both should see the room code in GameLobby
+    await expect(page1.locator('p.text-3xl.font-sketch.text-ink.tracking-widest')).toHaveText(roomCode);
+    await expect(p2RoomCodeEl).toHaveText(roomCode);
+
+    // Dismiss any modals
+    await dismissSwalIfPresent(page1);
+    await dismissSwalIfPresent(page2);
+
+    // Start game via host
+    await page1.locator('button:has-text("Start Game")').click();
+    await page1.waitForTimeout(2000);
+    await page2.waitForTimeout(2000);
+
+    // Both should see the game board with 36 cells (6x6 default)
+    const grid1 = page1.locator('.grid.gap-1.p-4.sketch-card');
+    const grid2 = page2.locator('.grid.gap-1.p-4.sketch-card');
+    await expect(grid1).toBeVisible();
+    await expect(grid2).toBeVisible();
+
+    const cells1 = grid1.locator('button');
+    const cells2 = grid2.locator('button');
+    await expect(cells1).toHaveCount(36);
+    await expect(cells2).toHaveCount(36);
+
+    // Alice (P1) selects 'S' and places at row 0, col 0
+    await page1.getByRole('button', { name: 'S', exact: true }).click();
+    await cells1.nth(0).click();
+    await page1.waitForTimeout(800);
+    await page2.waitForTimeout(800);
+
+    await expect(cells1.nth(0)).toHaveText('S');
+    await expect(cells2.nth(0)).toHaveText('S');
+
+    // Bob (P2) selects 'O' and places at row 0, col 1
+    await page2.getByRole('button', { name: 'O', exact: true }).click();
+    await cells2.nth(1).click();
+    await page1.waitForTimeout(800);
+    await page2.waitForTimeout(800);
+
+    await expect(cells1.nth(1)).toHaveText('O');
+    await expect(cells2.nth(1)).toHaveText('O');
+
+    await ctx.close();
+  });
+
+  test('board size selection creates correct grid', async ({ browser }) => {
+    const ctx = await browser.newContext();
+    const page1 = await ctx.newPage();
+    const page2 = await ctx.newPage();
+
+    await page1.addInitScript(() =>
+      localStorage.setItem('playerProfile', JSON.stringify({ name: 'Tester', avatarIcon: 'cat', color: '#2a2a3e' })),
+    );
+    await page2.addInitScript(() =>
+      localStorage.setItem('playerProfile', JSON.stringify({ name: 'Tester2', avatarIcon: 'fox', color: '#2a2a3e' })),
+    );
+    await page1.goto('/');
+    await page2.goto('/');
+
+    await navigateToGame(page1, '/sos');
+    await page1.waitForTimeout(500);
+
+    // Change board size to 4x4
+    await page1.locator('select.sketch-input').selectOption('4');
+    await page1.waitForTimeout(300);
+
+    // Create room
+    await clickCreateRoom(page1);
+    const roomCodeEl = page1.locator('p.text-3xl.font-sketch.text-ink.tracking-widest');
+    await roomCodeEl.waitFor({ state: 'visible', timeout: 10000 });
+    const roomCode = await roomCodeEl.textContent();
+    expect(roomCode).toBeTruthy();
+
+    // P2 join
+    await navigateToGame(page2, '/sos');
+    await page2.waitForTimeout(1000);
+    const joinInput = page2.locator('input[placeholder="Room Code"]');
+    await joinInput.waitFor({ state: 'visible', timeout: 5000 });
+    await joinInput.fill(roomCode);
+    await page2.locator('button:has-text("Join as Player")').click();
+    await page2
+      .locator('p.text-3xl.font-sketch.text-ink.tracking-widest')
+      .waitFor({ state: 'visible', timeout: 10000 });
+
+    // Start game
+    await page1.locator('button:has-text("Start Game")').click();
+    await page1.waitForTimeout(1500);
+    await page2.waitForTimeout(1500);
+
+    // Verify 4x4 = 16 cells
+    const grid = page1.locator('.grid.gap-1.p-4.sketch-card');
+    await expect(grid.locator('button')).toHaveCount(16);
+
+    await ctx.close();
+  });
+});
diff --git a/e2e/test-results/.last-run.json b/e2e/test-results/.last-run.json
new file mode 100644
index 0000000..f740f7c
--- /dev/null
+++ b/e2e/test-results/.last-run.json
@@ -0,0 +1,4 @@
+{
+  "status": "passed",
+  "failedTests": []
+}
diff --git a/e2e/tictactoe.spec.js b/e2e/tictactoe.spec.js
new file mode 100644
index 0000000..1fdc261
--- /dev/null
+++ b/e2e/tictactoe.spec.js
@@ -0,0 +1,85 @@
+const { test, expect } = require('@playwright/test');
+const {
+  navigateToGame,
+  clickCreateRoom,
+  getRoomCode,
+  clickJoinRoom,
+  fillSwalInput,
+  confirmSwal,
+  dismissSwalIfPresent,
+} = require('./helpers');
+
+test.describe('TicTacToe E2E', () => {
+  test('full flow: create room, join, play game to win, restart', async ({ browser }) => {
+    const ctx = await browser.newContext();
+    const page1 = await ctx.newPage();
+    const page2 = await ctx.newPage();
+
+    await page1.addInitScript(() => localStorage.setItem('playerName', 'Xena'));
+    await page2.addInitScript(() => localStorage.setItem('playerName', 'Odin'));
+    await page1.goto('/');
+    await page2.goto('/');
+
+    // Navigate and create room
+    await navigateToGame(page1, '/tictactoe');
+    await page1.waitForTimeout(1500);
+    await clickCreateRoom(page1, 'Create');
+    const roomCode = await getRoomCode(page1);
+    expect(roomCode).toBeTruthy();
+
+    // Join room
+    await navigateToGame(page2, '/tictactoe');
+    await page2.waitForTimeout(500);
+    await clickJoinRoom(page2, 'Join');
+    await page2.waitForTimeout(500);
+    await fillSwalInput(page2, roomCode);
+    await confirmSwal(page2);
+
+    await page1.waitForTimeout(1000);
+    await page2.waitForTimeout(1000);
+    await dismissSwalIfPresent(page1);
+    await dismissSwalIfPresent(page2);
+
+    // Both should see the room code
+    await expect(page1.locator('button[title="Click to copy room ID"]')).toHaveText(roomCode);
+    await expect(page2.locator('button[title="Click to copy room ID"]')).toHaveText(roomCode);
+
+    // Play a game: Xena goes first (X)
+    const boardSelector = '.grid.grid-cols-3';
+
+    // Xena: position 0
+    const board1 = page1.locator(boardSelector);
+    await board1.locator('button').nth(0).click();
+    await page1.waitForTimeout(1000);
+    await page2.waitForTimeout(1000);
+
+    // Odin: position 4
+    const board2 = page2.locator(boardSelector);
+    await board2.locator('button').nth(4).click();
+    await page1.waitForTimeout(1000);
+    await page2.waitForTimeout(1000);
+
+    // Xena: position 1
+    await board1.locator('button').nth(1).click();
+    await page1.waitForTimeout(1000);
+    await page2.waitForTimeout(1000);
+
+    // Odin: position 5
+    await board2.locator('button').nth(5).click();
+    await page1.waitForTimeout(1000);
+    await page2.waitForTimeout(1000);
+
+    // Xena: position 2 - wins!
+    await board1.locator('button').nth(2).click();
+
+    // Wait for game end
+    await page1.waitForTimeout(2000);
+    await page2.waitForTimeout(2000);
+
+    // Both should see Rematch button (from MatchReport)
+    await expect(page1.locator('button:has-text("Rematch")')).toBeVisible();
+    await expect(page2.locator('button:has-text("Rematch")')).toBeVisible();
+
+    await ctx.close();
+  });
+});
diff --git a/e2e/uttt.spec.js b/e2e/uttt.spec.js
new file mode 100644
index 0000000..c59677c
--- /dev/null
+++ b/e2e/uttt.spec.js
@@ -0,0 +1,128 @@
+const { test, expect } = require('@playwright/test');
+const {
+  navigateToGame,
+  clickCreateRoom,
+  getRoomCode,
+  clickJoinRoom,
+  fillSwalInput,
+  confirmSwal,
+  dismissSwalIfPresent,
+} = require('./helpers');
+
+test.describe('UTTT E2E', () => {
+  test('create room, join, play a few moves, verify board updates', async ({ browser }) => {
+    const ctx = await browser.newContext();
+    const page1 = await ctx.newPage();
+    const page2 = await ctx.newPage();
+
+    await page1.addInitScript(() => localStorage.setItem('playerName', 'Alpha'));
+    await page2.addInitScript(() => localStorage.setItem('playerName', 'Beta'));
+    await page1.goto('/');
+    await page2.goto('/');
+
+    // Manually create/join
+    await navigateToGame(page1, '/uttt');
+    await page1.waitForTimeout(2000);
+    await clickCreateRoom(page1, 'Create Room');
+    const roomCode = await getRoomCode(page1);
+    expect(roomCode).toBeTruthy();
+
+    await navigateToGame(page2, '/uttt');
+    await page2.waitForTimeout(2000);
+    await clickJoinRoom(page2, 'Join Room');
+    await fillSwalInput(page2, roomCode);
+    await confirmSwal(page2);
+
+    await page1.waitForTimeout(1500);
+    await page2.waitForTimeout(1500);
+
+    await expect(page1.locator('button[title="Click to copy room ID"]')).toHaveText(roomCode);
+    await expect(page2.locator('button[title="Click to copy room ID"]')).toHaveText(roomCode);
+
+    // All 81 cell buttons should be present
+    const allCells = page1.locator('button.font-sketch:not(nav button)');
+    await expect(allCells.first()).toBeAttached();
+
+    // Pick the first clickable cell on P1's board and click it (grid 4, cell 4 = center)
+    const macroGrid = page1.locator('.relative.grid.grid-cols-3').first();
+    const innerGridContainers = macroGrid.locator('> div:not(.absolute)');
+    const centerGrid = innerGridContainers.nth(4);
+    const centerGridCells = centerGrid.locator('button');
+    await centerGridCells.nth(4).click();
+    await page1.waitForTimeout(800);
+    await page2.waitForTimeout(800);
+
+    // P2 should see the move reflected
+    const p2MacroGrid = page2.locator('.relative.grid.grid-cols-3').first();
+    const p2InnerGrids = p2MacroGrid.locator('> div:not(.absolute)');
+    const p2CenterGrid = p2InnerGrids.nth(4);
+    const p2Cells = p2CenterGrid.locator('button');
+
+    // Wait and check P2 made a move (they play in grid 4 too since last move sent them there)
+    await page2.waitForTimeout(1000);
+    const isBetasTurn = await page2
+      .locator('text=Your Turn')
+      .isVisible()
+      .catch(() => false);
+    if (isBetasTurn) {
+      const available = p2Cells.filter({ hasNotText: /[XO]/ });
+      const count = await available.count();
+      if (count > 0) {
+        await available.first().click();
+        await page1.waitForTimeout(800);
+      }
+    }
+
+    // Verify P1 can make another move
+    await page1.waitForTimeout(500);
+    await expect(page1.locator('text=Your Turn').or(page1.locator('text=Waiting'))).toBeVisible({ timeout: 5000 });
+
+    await ctx.close();
+  });
+
+  test('displays grid hint for active grid', async ({ browser }) => {
+    const ctx = await browser.newContext();
+    const page1 = await ctx.newPage();
+    const page2 = await ctx.newPage();
+
+    await page1.addInitScript(() => localStorage.setItem('playerName', 'A'));
+    await page2.addInitScript(() => localStorage.setItem('playerName', 'B'));
+    await page1.goto('/');
+    await page2.goto('/');
+
+    // Manually create/join
+    await navigateToGame(page1, '/uttt');
+    await page1.waitForTimeout(2000);
+    await clickCreateRoom(page1, 'Create Room');
+    const roomCode = await getRoomCode(page1);
+    expect(roomCode).toBeTruthy();
+
+    await navigateToGame(page2, '/uttt');
+    await page2.waitForTimeout(2000);
+    await clickJoinRoom(page2, 'Join Room');
+    await fillSwalInput(page2, roomCode);
+    await confirmSwal(page2);
+
+    await page1.waitForTimeout(1500);
+    await page2.waitForTimeout(1500);
+
+    // P1 clicks grid 0, cell 0 — sends P2 to grid 0
+    const macroGrid = page1.locator('.relative.grid.grid-cols-3').first();
+    const innerGrids = macroGrid.locator('> div:not(.absolute)');
+    await innerGrids.nth(0).locator('button').nth(0).click();
+    await page1.waitForTimeout(800);
+    await page2.waitForTimeout(800);
+
+    // P2 should see the grid hint: "You must play in grid 1"
+    // Wait for hint to appear after state update
+    await page2.waitForTimeout(500);
+    const hintVisible = await page2
+      .locator('div.font-handwriting')
+      .filter({ hasText: /You must play in grid/ })
+      .isVisible()
+      .catch(() => false);
+    expect(hintVisible).toBeTruthy();
+
+    await ctx.close();
+  });
+});
diff --git a/load/games/bingo.js b/load/games/bingo.js
new file mode 100644
index 0000000..47e43d7
--- /dev/null
+++ b/load/games/bingo.js
@@ -0,0 +1,112 @@
+const { io } = require('socket.io-client');
+const { SERVER_URL, stats, sleep } = require('../runner');
+
+const PLAYER_NAMES = ['Alpha', 'Bravo', 'Charlie', 'Delta', 'Echo'];
+
+async function runScenario() {
+  const p1 = await createClient();
+  if (!p1.socket) return;
+
+  const p2 = await createClient();
+  if (!p2.socket) {
+    p1.socket.close();
+    return;
+  }
+
+  try {
+    let roomId = null;
+
+    // P1 creates room
+    p1.socket.emit('bingo_createRoom', PLAYER_NAMES[Math.floor(Math.random() * PLAYER_NAMES.length)]);
+
+    roomId = await waitForRoomId(p1.socket, 'bingo_roomInfo');
+
+    if (!roomId) {
+      p1.socket.close();
+      p2.socket.close();
+      return;
+    }
+
+    await sleep(200);
+
+    // P2 joins
+    p2.socket.emit('bingo_joinRoom', {
+      roomId,
+      playerName: PLAYER_NAMES[Math.floor(Math.random() * PLAYER_NAMES.length)],
+    });
+
+    await waitForRoomId(p2.socket, 'bingo_roomInfo');
+
+    await sleep(300);
+
+    // Start game
+    p1.socket.emit('bingo_startGame', roomId);
+    await sleep(500);
+
+    // P1 marks some numbers
+    for (let i = 0; i < 3; i++) {
+      const moveStart = Date.now();
+      p1.socket.emit('bingo_markNumber', { roomId, number: i + 1 });
+      stats.totalMoves++;
+
+      await new Promise((resolve) => {
+        const onMarked = () => {
+          stats.moveLatencies.push(Date.now() - moveStart);
+          resolve();
+        };
+        p1.socket.once('bingo_numberMarked', onMarked);
+        setTimeout(resolve, 2000);
+      });
+
+      await sleep(200);
+    }
+  } catch (err) {
+    stats.failedMoves++;
+    stats.errors.push(err.message);
+  }
+
+  setTimeout(() => {
+    p1.socket.close();
+    p2.socket.close();
+  }, 300);
+}
+
+function createClient() {
+  const start = Date.now();
+  const socket = io(SERVER_URL, {
+    transports: ['websocket'],
+    forceNew: true,
+  });
+
+  return new Promise((resolve) => {
+    const timeout = setTimeout(() => {
+      socket.close();
+      resolve({ socket: null });
+    }, 5000);
+
+    socket.on('connect', () => {
+      clearTimeout(timeout);
+      stats.successfulConnections++;
+      stats.connectionLatencies.push(Date.now() - start);
+      resolve({ socket });
+    });
+
+    socket.on('connect_error', () => {
+      clearTimeout(timeout);
+      stats.failedConnections++;
+      resolve({ socket: null });
+    });
+  });
+}
+
+function waitForRoomId(socket, event) {
+  return new Promise((resolve) => {
+    const timeout = setTimeout(() => resolve(null), 3000);
+    socket.once(event, (data) => {
+      clearTimeout(timeout);
+      resolve(data.id);
+    });
+  });
+}
+
+module.exports = { runScenario };
diff --git a/load/games/tictactoe.js b/load/games/tictactoe.js
new file mode 100644
index 0000000..b83346d
--- /dev/null
+++ b/load/games/tictactoe.js
@@ -0,0 +1,145 @@
+const { io } = require('socket.io-client');
+const { SERVER_URL, stats, sleep } = require('../runner');
+
+const PLAYER_NAMES = [
+  'Alpha',
+  'Bravo',
+  'Charlie',
+  'Delta',
+  'Echo',
+  'Foxtrot',
+  'Golf',
+  'Hotel',
+  'India',
+  'Juliet',
+  'Kilo',
+  'Lima',
+  'Mike',
+  'November',
+  'Oscar',
+];
+
+async function runScenario() {
+  const name = PLAYER_NAMES[Math.floor(Math.random() * PLAYER_NAMES.length)];
+  const opponentName = PLAYER_NAMES[Math.floor(Math.random() * PLAYER_NAMES.length)];
+
+  const p1 = await createConnectedClient(name);
+  if (!p1.socket) return;
+
+  const p2 = await createConnectedClient(opponentName);
+  if (!p2.socket) {
+    p1.socket.close();
+    return;
+  }
+
+  const p1Socket = p1.socket;
+  const p2Socket = p2.socket;
+
+  try {
+    let roomId = null;
+
+    // P1 creates room
+    await emitAndWait(p1Socket, 'ttt_createRoom', name, 'ttt_roomInfo');
+    roomId = await getRoomId(p1Socket);
+
+    if (!roomId) {
+      p1Socket.close();
+      p2Socket.close();
+      return;
+    }
+
+    // P2 joins room
+    await emitAndWait(p2Socket, 'ttt_joinRoom', { roomId, playerName: opponentName }, 'ttt_roomInfo');
+
+    await sleep(300);
+
+    // Play a few moves
+    const moves = [4, 1, 2, 7, 6];
+    for (let i = 0; i < moves.length; i++) {
+      const isP1Turn = i % 2 === 0;
+      const socket = isP1Turn ? p1Socket : p2Socket;
+      const pos = moves[i];
+
+      const moveStart = Date.now();
+      socket.emit('ttt_makeMove', { roomId, position: pos });
+      stats.totalMoves++;
+
+      // Wait for move to be confirmed
+      await new Promise((resolve) => {
+        const onMove = () => {
+          socket.off('ttt_moveMade', onMove);
+          socket.off('ttt_gameWon', onMove);
+          socket.off('ttt_gameDraw', onMove);
+          stats.moveLatencies.push(Date.now() - moveStart);
+          resolve();
+        };
+        socket.once('ttt_moveMade', onMove);
+        socket.once('ttt_gameWon', onMove);
+        socket.once('ttt_gameDraw', onMove);
+        setTimeout(resolve, 2000);
+      });
+
+      await sleep(150);
+    }
+  } catch (err) {
+    stats.failedMoves++;
+    stats.errors.push(err.message);
+  }
+
+  // Cleanup
+  setTimeout(() => {
+    p1Socket.close();
+    p2Socket.close();
+  }, 500);
+}
+
+async function createConnectedClient(name) {
+  const start = Date.now();
+  const socket = io(SERVER_URL, {
+    transports: ['websocket'],
+    forceNew: true,
+  });
+
+  return new Promise((resolve) => {
+    const timeout = setTimeout(() => {
+      socket.close();
+      resolve({ socket: null, latency: null });
+    }, 5000);
+
+    socket.on('connect', () => {
+      clearTimeout(timeout);
+      stats.successfulConnections++;
+      stats.connectionLatencies.push(Date.now() - start);
+      resolve({ socket, latency: Date.now() - start });
+    });
+
+    socket.on('connect_error', () => {
+      clearTimeout(timeout);
+      stats.failedConnections++;
+      resolve({ socket: null, latency: null });
+    });
+  });
+}
+
+function emitAndWait(socket, event, data, responseEvent) {
+  return new Promise((resolve) => {
+    const timeout = setTimeout(() => resolve(), 3000);
+    socket.once(responseEvent, () => {
+      clearTimeout(timeout);
+      resolve();
+    });
+    socket.emit(event, data);
+  });
+}
+
+function getRoomId(socket) {
+  return new Promise((resolve) => {
+    const timeout = setTimeout(() => resolve(null), 3000);
+    socket.once('ttt_roomInfo', (room) => {
+      clearTimeout(timeout);
+      resolve(room.id);
+    });
+  });
+}
+
+module.exports = { runScenario };
diff --git a/load/package-lock.json b/load/package-lock.json
new file mode 100644
index 0000000..c51be01
--- /dev/null
+++ b/load/package-lock.json
@@ -0,0 +1,123 @@
+{
+  "name": "socket.io-games-load",
+  "version": "1.0.0",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {
+    "": {
+      "name": "socket.io-games-load",
+      "version": "1.0.0",
+      "dependencies": {
+        "socket.io-client": "^4.8.3"
+      }
+    },
+    "node_modules/@socket.io/component-emitter": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/@socket.io/component-emitter/-/component-emitter-3.1.2.tgz",
+      "integrity": "sha512-9BCxFwvbGg/RsZK9tjXd8s4UcwR0MWeFQ1XEKIQVVvAGJyINdrqKMcTRyLoK8Rse1GjzLV9cwjWV1olXRWEXVA==",
+      "license": "MIT"
+    },
+    "node_modules/debug": {
+      "version": "4.4.3",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.3.tgz",
+      "integrity": "sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==",
+      "license": "MIT",
+      "dependencies": {
+        "ms": "^2.1.3"
+      },
+      "engines": {
+        "node": ">=6.0"
+      },
+      "peerDependenciesMeta": {
+        "supports-color": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/engine.io-client": {
+      "version": "6.6.5",
+      "resolved": "https://registry.npmjs.org/engine.io-client/-/engine.io-client-6.6.5.tgz",
+      "integrity": "sha512-QCwxUDULPlXv8F6tqMMKx5dNkTe6OaBYRMPYeXKBlyOoKvAmE0ac6pW7fFhSscJ/5SI7666/U/B+MElbsrJlIg==",
+      "license": "MIT",
+      "dependencies": {
+        "@socket.io/component-emitter": "~3.1.0",
+        "debug": "~4.4.1",
+        "engine.io-parser": "~5.2.1",
+        "ws": "~8.20.1",
+        "xmlhttprequest-ssl": "~2.1.1"
+      }
+    },
+    "node_modules/engine.io-parser": {
+      "version": "5.2.3",
+      "resolved": "https://registry.npmjs.org/engine.io-parser/-/engine.io-parser-5.2.3.tgz",
+      "integrity": "sha512-HqD3yTBfnBxIrbnM1DoD6Pcq8NECnh8d4As1Qgh0z5Gg3jRRIqijury0CL3ghu/edArpUYiYqQiDUQBIs4np3Q==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=10.0.0"
+      }
+    },
+    "node_modules/ms": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
+      "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
+      "license": "MIT"
+    },
+    "node_modules/socket.io-client": {
+      "version": "4.8.3",
+      "resolved": "https://registry.npmjs.org/socket.io-client/-/socket.io-client-4.8.3.tgz",
+      "integrity": "sha512-uP0bpjWrjQmUt5DTHq9RuoCBdFJF10cdX9X+a368j/Ft0wmaVgxlrjvK3kjvgCODOMMOz9lcaRzxmso0bTWZ/g==",
+      "license": "MIT",
+      "dependencies": {
+        "@socket.io/component-emitter": "~3.1.0",
+        "debug": "~4.4.1",
+        "engine.io-client": "~6.6.1",
+        "socket.io-parser": "~4.2.4"
+      },
+      "engines": {
+        "node": ">=10.0.0"
+      }
+    },
+    "node_modules/socket.io-parser": {
+      "version": "4.2.6",
+      "resolved": "https://registry.npmjs.org/socket.io-parser/-/socket.io-parser-4.2.6.tgz",
+      "integrity": "sha512-asJqbVBDsBCJx0pTqw3WfesSY0iRX+2xzWEWzrpcH7L6fLzrhyF8WPI8UaeM4YCuDfpwA/cgsdugMsmtz8EJeg==",
+      "license": "MIT",
+      "dependencies": {
+        "@socket.io/component-emitter": "~3.1.0",
+        "debug": "~4.4.1"
+      },
+      "engines": {
+        "node": ">=10.0.0"
+      }
+    },
+    "node_modules/ws": {
+      "version": "8.20.1",
+      "resolved": "https://registry.npmjs.org/ws/-/ws-8.20.1.tgz",
+      "integrity": "sha512-It4dO0K5v//JtTXuPkfEOaI3uUN87iYPnqo/ZzqCoG3g8uhA66QUMs/SrM0YK7/NAu+r4LMh/9dq2A7k+rHs+w==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=10.0.0"
+      },
+      "peerDependencies": {
+        "bufferutil": "^4.0.1",
+        "utf-8-validate": ">=5.0.2"
+      },
+      "peerDependenciesMeta": {
+        "bufferutil": {
+          "optional": true
+        },
+        "utf-8-validate": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/xmlhttprequest-ssl": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/xmlhttprequest-ssl/-/xmlhttprequest-ssl-2.1.2.tgz",
+      "integrity": "sha512-TEU+nJVUUnA4CYJFLvK5X9AOeH4KvDvhIfm0vV1GaQRtchnG0hgK5p8hw/xjv8cunWYCsiPCSDzObPyhEwq3KQ==",
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    }
+  }
+}
diff --git a/load/package.json b/load/package.json
new file mode 100644
index 0000000..f7784fd
--- /dev/null
+++ b/load/package.json
@@ -0,0 +1,14 @@
+{
+  "name": "socket.io-games-load",
+  "version": "1.0.0",
+  "private": true,
+  "scripts": {
+    "test": "node runner.js",
+    "test:ttt": "node runner.js --game tictactoe --connections 10 --duration 30",
+    "test:bingo": "node runner.js --game bingo --connections 10 --duration 30",
+    "test:http": "node runner.js --http-only"
+  },
+  "dependencies": {
+    "socket.io-client": "^4.8.3"
+  }
+}
diff --git a/load/runner.js b/load/runner.js
new file mode 100644
index 0000000..75dd4d9
--- /dev/null
+++ b/load/runner.js
@@ -0,0 +1,257 @@
+const { io } = require('socket.io-client');
+const { createServer } = require('http');
+const path = require('path');
+
+const SERVER_URL = process.env.LOAD_SERVER_URL || 'http://localhost:4000';
+const DEFAULT_CONNECTIONS = parseInt(process.env.LOAD_CONNECTIONS || '20', 10);
+const DEFAULT_DURATION = parseInt(process.env.LOAD_DURATION || '30', 10);
+
+const stats = {
+  totalConnections: 0,
+  successfulConnections: 0,
+  failedConnections: 0,
+  totalMoves: 0,
+  failedMoves: 0,
+  moveLatencies: [],
+  connectionLatencies: [],
+  errors: [],
+  startTime: null,
+  endTime: null,
+};
+
+function createClient(options = {}) {
+  const start = Date.now();
+  const socket = io(SERVER_URL, {
+    transports: ['websocket'],
+    forceNew: true,
+    ...options,
+  });
+
+  return new Promise((resolve) => {
+    const timeout = setTimeout(() => {
+      socket.close();
+      resolve({ socket: null, latency: null, error: 'Connection timeout' });
+    }, 5000);
+
+    socket.on('connect', () => {
+      clearTimeout(timeout);
+      const latency = Date.now() - start;
+      stats.successfulConnections++;
+      stats.connectionLatencies.push(latency);
+      resolve({ socket, latency });
+    });
+
+    socket.on('connect_error', (err) => {
+      clearTimeout(timeout);
+      stats.failedConnections++;
+      stats.errors.push(err.message);
+      resolve({ socket: null, latency: null, error: err.message });
+    });
+  });
+}
+
+function sleep(ms) {
+  return new Promise((resolve) => setTimeout(resolve, ms));
+}
+
+async function simulateGame(scenarioFn, numConnections, durationSec) {
+  stats.startTime = Date.now();
+  stats.totalConnections = numConnections;
+
+  console.log(`\n========================================`);
+  console.log(`  LOAD TEST: ${scenarioFn.name || 'custom'}`);
+  console.log(`  Connections: ${numConnections}`);
+  console.log(`  Duration: ${durationSec}s`);
+  console.log(`  Server: ${SERVER_URL}`);
+  console.log(`========================================\n`);
+
+  const endTime = Date.now() + durationSec * 1000;
+  const results = [];
+
+  while (Date.now() < endTime) {
+    const batchSize = Math.min(4, numConnections - stats.totalConnections);
+    if (batchSize <= 0) break;
+
+    const batch = [];
+    for (let i = 0; i < batchSize; i++) {
+      batch.push(scenarioFn());
+    }
+
+    const batchResults = await Promise.allSettled(batch);
+    for (const r of batchResults) {
+      if (r.status === 'fulfilled') results.push(r.value);
+    }
+
+    const elapsed = ((Date.now() - stats.startTime) / 1000).toFixed(1);
+    const active = stats.successfulConnections - stats.failedConnections;
+    process.stdout.write(
+      `\r  [${elapsed}s] Connected: ${stats.successfulConnections} | Failed: ${stats.failedConnections} | Active: ${active} | Moves: ${stats.totalMoves}`,
+    );
+
+    await sleep(200);
+  }
+
+  stats.endTime = Date.now();
+
+  printReport();
+  cleanup();
+}
+
+function printReport() {
+  const elapsed = ((stats.endTime - stats.startTime) / 1000).toFixed(2);
+  const avgConnLatency =
+    stats.connectionLatencies.length > 0
+      ? (stats.connectionLatencies.reduce((a, b) => a + b, 0) / stats.connectionLatencies.length).toFixed(1)
+      : 'N/A';
+  const avgMoveLatency =
+    stats.moveLatencies.length > 0
+      ? (stats.moveLatencies.reduce((a, b) => a + b, 0) / stats.moveLatencies.length).toFixed(1)
+      : 'N/A';
+
+  console.log(`\n\n========================================`);
+  console.log(`  LOAD TEST REPORT`);
+  console.log(`========================================`);
+  console.log(`  Duration:           ${elapsed}s`);
+  console.log(`  Connections:        ${stats.totalConnections}`);
+  console.log(`  Successful:         ${stats.successfulConnections}`);
+  console.log(`  Failed:             ${stats.failedConnections}`);
+  console.log(`  Total Moves:        ${stats.totalMoves}`);
+  console.log(`  Failed Moves:       ${stats.failedMoves}`);
+  console.log(`  Avg Conn Latency:   ${avgConnLatency}ms`);
+  console.log(`  Avg Move Latency:   ${avgMoveLatency}ms`);
+  console.log(`  Errors:             ${stats.errors.length}`);
+  if (stats.errors.length > 0) {
+    const topErrors = [...new Set(stats.errors)].slice(0, 5);
+    for (const e of topErrors) {
+      console.log(`    - ${e}`);
+    }
+  }
+  console.log(`========================================\n`);
+}
+
+function cleanup() {
+  process.exit(0);
+}
+
+async function ensureServer() {
+  try {
+    const res = await fetch(`${SERVER_URL}/health`);
+    const data = await res.json();
+    if (data.status === 'ok') {
+      console.log(`✓ Server is running at ${SERVER_URL}`);
+      return true;
+    }
+  } catch {
+    console.log(`✗ Server not running at ${SERVER_URL}`);
+    console.log('  Start the API server first: cd api && npm start');
+    console.log('  Or set LOAD_SERVER_URL env var');
+    return false;
+  }
+}
+
+async function main() {
+  const args = process.argv.slice(2);
+  const gameArg = parseArg(args, '--game');
+  const connectionsArg = parseInt(parseArg(args, '--connections') || String(DEFAULT_CONNECTIONS), 10);
+  const durationArg = parseInt(parseArg(args, '--duration') || String(DEFAULT_DURATION), 10);
+  const httpOnly = args.includes('--http-only');
+
+  const running = await ensureServer();
+  if (!running) process.exit(1);
+
+  if (httpOnly) {
+    await runHttpLoad();
+    return;
+  }
+
+  let scenarioFn;
+  const game = gameArg || 'tictactoe';
+
+  switch (game) {
+    case 'tictactoe':
+      scenarioFn = require('./games/tictactoe').runScenario;
+      break;
+    case 'bingo':
+      scenarioFn = require('./games/bingo').runScenario;
+      break;
+    default:
+      console.error(`Unknown game: ${game}`);
+      process.exit(1);
+  }
+
+  if (scenarioFn) {
+    await simulateGame(scenarioFn, connectionsArg, durationArg);
+  }
+}
+
+function parseArg(args, name) {
+  const idx = args.indexOf(name);
+  if (idx !== -1 && idx + 1 < args.length) return args[idx + 1];
+  return null;
+}
+
+async function runHttpLoad() {
+  try {
+    const autocannon = require('autocannon');
+    console.log(`\n  Running HTTP load test against ${SERVER_URL}...\n`);
+
+    const result = await autocannon({
+      url: SERVER_URL,
+      connections: 20,
+      duration: 15,
+      requests: [
+        { method: 'GET', path: '/health' },
+        { method: 'GET', path: '/stats' },
+      ],
+    });
+
+    console.log(`  Requests/sec: ${result.requests.average.toFixed(0)}`);
+    console.log(`  Latency avg:  ${result.latency.average.toFixed(1)}ms`);
+    console.log(`  Latency p99:  ${result.latency.p99.toFixed(1)}ms`);
+    console.log(`  Errors:       ${result.errors}`);
+    console.log(`========================================\n`);
+  } catch {
+    console.log('  autocannon not available. Install: npm install autocannon');
+    console.log('  Falling back to simple HTTP test...\n');
+
+    const http = require('http');
+    const start = Date.now();
+    let success = 0;
+    let fail = 0;
+
+    for (let i = 0; i < 50; i++) {
+      try {
+        await new Promise((resolve, reject) => {
+          http
+            .get(`${SERVER_URL}/health`, (res) => {
+              let data = '';
+              res.on('data', (chunk) => (data += chunk));
+              res.on('end', () => {
+                if (res.statusCode === 200) success++;
+                else fail++;
+                resolve();
+              });
+            })
+            .on('error', reject);
+        });
+      } catch {
+        fail++;
+      }
+    }
+
+    const elapsed = ((Date.now() - start) / 1000).toFixed(2);
+    console.log(`  Requests: 50 in ${elapsed}s`);
+    console.log(`  Success:  ${success}`);
+    console.log(`  Failed:   ${fail}`);
+    console.log(`  RPS:      ${(50 / parseFloat(elapsed)).toFixed(0)}`);
+  }
+}
+
+if (require.main === module) {
+  main().catch((err) => {
+    console.error('Load test failed:', err.message);
+    process.exit(1);
+  });
+}
+
+module.exports = { simulateGame, createClient, stats, sleep, SERVER_URL };
diff --git a/nul b/nul
deleted file mode 100644
index ab56a48..0000000
--- a/nul
+++ /dev/null
@@ -1,2 +0,0 @@
-ERROR: Invalid argument/option - 'F:/'.
-Type "TASKKILL /?" for usage.
diff --git a/package-lock.json b/package-lock.json
index 582b6be..5d5ffe3 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -4,478 +4,4003 @@
   "requires": true,
   "packages": {
     "": {
+      "name": "socket.io-games",
+      "devDependencies": {
+        "eslint": "^8.57.0",
+        "eslint-plugin-react": "^7.34.0",
+        "eslint-plugin-react-hooks": "^4.6.0",
+        "husky": "^9.0.0",
+        "lint-staged": "^15.2.0",
+        "prettier": "^3.2.0"
+      }
+    },
+    "node_modules/@eslint-community/eslint-utils": {
+      "version": "4.9.1",
+      "resolved": "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.9.1.tgz",
+      "integrity": "sha512-phrYmNiYppR7znFEdqgfWHXR6NCkZEK7hwWDHZUjit/2/U0r6XvkDl0SYnoM51Hq7FhCGdLDT6zxCCOY1hexsQ==",
+      "dev": true,
+      "license": "MIT",
       "dependencies": {
-        "@mui/material": "^7.2.0",
-        "canvas-confetti": "^1.9.3",
-        "use-sound": "^5.0.0"
+        "eslint-visitor-keys": "^3.4.3"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^6.0.0 || ^7.0.0 || >=8.0.0"
       }
     },
-    "node_modules/@babel/runtime": {
-      "version": "7.27.6",
-      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.27.6.tgz",
-      "integrity": "sha512-vbavdySgbTTrmFE+EsiqUTzlOr5bzlnJtUv9PynGCAKvfQqjIXbvFdumPM/GxMDfyuGMJaJAU6TO4zc1Jf1i8Q==",
+    "node_modules/@eslint-community/regexpp": {
+      "version": "4.12.2",
+      "resolved": "https://registry.npmjs.org/@eslint-community/regexpp/-/regexpp-4.12.2.tgz",
+      "integrity": "sha512-EriSTlt5OC9/7SXkRSCAhfSxxoSUgBm33OH+IkwbdpgoqsSsUg7y3uh+IICI/Qg4BBWr3U2i39RpmycbxMq4ew==",
+      "dev": true,
       "license": "MIT",
       "engines": {
-        "node": ">=6.9.0"
+        "node": "^12.0.0 || ^14.0.0 || >=16.0.0"
       }
     },
-    "node_modules/@emotion/cache": {
-      "version": "11.14.0",
-      "resolved": "https://registry.npmjs.org/@emotion/cache/-/cache-11.14.0.tgz",
-      "integrity": "sha512-L/B1lc/TViYk4DcpGxtAVbx0ZyiKM5ktoIyafGkH6zg/tj+mA+NE//aPYKG0k8kCHSHVJrpLpcAlOBEXQ3SavA==",
+    "node_modules/@eslint/eslintrc": {
+      "version": "2.1.4",
+      "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-2.1.4.tgz",
+      "integrity": "sha512-269Z39MS6wVJtsoUl10L60WdkhJVdPG24Q4eZTH3nnF6lpvSShEK3wQjDX9JRWAUPvPh7COouPpU9IrqaZFvtQ==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@emotion/memoize": "^0.9.0",
-        "@emotion/sheet": "^1.4.0",
-        "@emotion/utils": "^1.4.2",
-        "@emotion/weak-memoize": "^0.4.0",
-        "stylis": "4.2.0"
+        "ajv": "^6.12.4",
+        "debug": "^4.3.2",
+        "espree": "^9.6.0",
+        "globals": "^13.19.0",
+        "ignore": "^5.2.0",
+        "import-fresh": "^3.2.1",
+        "js-yaml": "^4.1.0",
+        "minimatch": "^3.1.2",
+        "strip-json-comments": "^3.1.1"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
       }
     },
-    "node_modules/@emotion/hash": {
-      "version": "0.9.2",
-      "resolved": "https://registry.npmjs.org/@emotion/hash/-/hash-0.9.2.tgz",
-      "integrity": "sha512-MyqliTZGuOm3+5ZRSaaBGP3USLw6+EGykkwZns2EPC5g8jJ4z9OrdZY9apkl3+UP9+sdz76YYkwCKP5gh8iY3g==",
-      "license": "MIT"
+    "node_modules/@eslint/js": {
+      "version": "8.57.1",
+      "resolved": "https://registry.npmjs.org/@eslint/js/-/js-8.57.1.tgz",
+      "integrity": "sha512-d9zaMRSTIKDLhctzH12MtXvJKSSUhaHcjV+2Z+GK+EEY7XKpP5yR4x+N3TAcHTcu963nIr+TMcCb4DBCYX1z6Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      }
     },
-    "node_modules/@emotion/memoize": {
-      "version": "0.9.0",
-      "resolved": "https://registry.npmjs.org/@emotion/memoize/-/memoize-0.9.0.tgz",
-      "integrity": "sha512-30FAj7/EoJ5mwVPOWhAyCX+FPfMDrVecJAM+Iw9NRoSl4BBAQeqj4cApHHUXOVvIPgLVDsCFoz/hGD+5QQD1GQ==",
-      "license": "MIT"
+    "node_modules/@humanwhocodes/config-array": {
+      "version": "0.13.0",
+      "resolved": "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.13.0.tgz",
+      "integrity": "sha512-DZLEEqFWQFiyK6h5YIeynKx7JlvCYWL0cImfSRXZ9l4Sg2efkFGTuFf6vzXjK1cq6IYkU+Eg/JizXw+TD2vRNw==",
+      "deprecated": "Use @eslint/config-array instead",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@humanwhocodes/object-schema": "^2.0.3",
+        "debug": "^4.3.1",
+        "minimatch": "^3.0.5"
+      },
+      "engines": {
+        "node": ">=10.10.0"
+      }
     },
-    "node_modules/@emotion/serialize": {
-      "version": "1.3.3",
-      "resolved": "https://registry.npmjs.org/@emotion/serialize/-/serialize-1.3.3.tgz",
-      "integrity": "sha512-EISGqt7sSNWHGI76hC7x1CksiXPahbxEOrC5RjmFRJTqLyEK9/9hZvBbiYn70dw4wuwMKiEMCUlR6ZXTSWQqxA==",
+    "node_modules/@humanwhocodes/module-importer": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@humanwhocodes/module-importer/-/module-importer-1.0.1.tgz",
+      "integrity": "sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=12.22"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/nzakas"
+      }
+    },
+    "node_modules/@humanwhocodes/object-schema": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/@humanwhocodes/object-schema/-/object-schema-2.0.3.tgz",
+      "integrity": "sha512-93zYdMES/c1D69yZiKDBj0V24vqNzB/koF26KPaagAfd3P/4gUlh3Dys5ogAK+Exi9QyzlD8x/08Zt7wIKcDcA==",
+      "deprecated": "Use @eslint/object-schema instead",
+      "dev": true,
+      "license": "BSD-3-Clause"
+    },
+    "node_modules/@nodelib/fs.scandir": {
+      "version": "2.1.5",
+      "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
+      "integrity": "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@emotion/hash": "^0.9.2",
-        "@emotion/memoize": "^0.9.0",
-        "@emotion/unitless": "^0.10.0",
-        "@emotion/utils": "^1.4.2",
-        "csstype": "^3.0.2"
+        "@nodelib/fs.stat": "2.0.5",
+        "run-parallel": "^1.1.9"
+      },
+      "engines": {
+        "node": ">= 8"
       }
     },
-    "node_modules/@emotion/sheet": {
-      "version": "1.4.0",
-      "resolved": "https://registry.npmjs.org/@emotion/sheet/-/sheet-1.4.0.tgz",
-      "integrity": "sha512-fTBW9/8r2w3dXWYM4HCB1Rdp8NLibOw2+XELH5m5+AkWiL/KqYX6dc0kKYlaYyKjrQ6ds33MCdMPEwgs2z1rqg==",
-      "license": "MIT"
+    "node_modules/@nodelib/fs.stat": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz",
+      "integrity": "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 8"
+      }
     },
-    "node_modules/@emotion/unitless": {
-      "version": "0.10.0",
-      "resolved": "https://registry.npmjs.org/@emotion/unitless/-/unitless-0.10.0.tgz",
-      "integrity": "sha512-dFoMUuQA20zvtVTuxZww6OHoJYgrzfKM1t52mVySDJnMSEa08ruEvdYQbhvyu6soU+NeLVd3yKfTfT0NeV6qGg==",
-      "license": "MIT"
+    "node_modules/@nodelib/fs.walk": {
+      "version": "1.2.8",
+      "resolved": "https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz",
+      "integrity": "sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@nodelib/fs.scandir": "2.1.5",
+        "fastq": "^1.6.0"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
     },
-    "node_modules/@emotion/utils": {
-      "version": "1.4.2",
-      "resolved": "https://registry.npmjs.org/@emotion/utils/-/utils-1.4.2.tgz",
-      "integrity": "sha512-3vLclRofFziIa3J2wDh9jjbkUz9qk5Vi3IZ/FSTKViB0k+ef0fPV7dYrUIugbgupYDx7v9ud/SjrtEP8Y4xLoA==",
-      "license": "MIT"
+    "node_modules/@ungap/structured-clone": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/@ungap/structured-clone/-/structured-clone-1.3.1.tgz",
+      "integrity": "sha512-mUFwbeTqrVgDQxFveS+df2yfap6iuP20NAKAsBt5jDEoOTDew+zwLAOilHCeQJOVSvmgCX4ogqIrA0mnyr08yQ==",
+      "dev": true,
+      "license": "ISC"
     },
-    "node_modules/@emotion/weak-memoize": {
-      "version": "0.4.0",
-      "resolved": "https://registry.npmjs.org/@emotion/weak-memoize/-/weak-memoize-0.4.0.tgz",
-      "integrity": "sha512-snKqtPW01tN0ui7yu9rGv69aJXr/a/Ywvl11sUjNtEcRc+ng/mQriFL0wLXMef74iHa/EkftbDzU9F8iFbH+zg==",
-      "license": "MIT"
+    "node_modules/acorn": {
+      "version": "8.16.0",
+      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.16.0.tgz",
+      "integrity": "sha512-UVJyE9MttOsBQIDKw1skb9nAwQuR5wuGD3+82K6JgJlm/Y+KI92oNsMNGZCYdDsVtRHSak0pcV5Dno5+4jh9sw==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "acorn": "bin/acorn"
+      },
+      "engines": {
+        "node": ">=0.4.0"
+      }
     },
-    "node_modules/@mui/core-downloads-tracker": {
-      "version": "7.2.0",
-      "resolved": "https://registry.npmjs.org/@mui/core-downloads-tracker/-/core-downloads-tracker-7.2.0.tgz",
-      "integrity": "sha512-d49s7kEgI5iX40xb2YPazANvo7Bx0BLg/MNRwv+7BVpZUzXj1DaVCKlQTDex3gy/0jsCb4w7AY2uH4t4AJvSog==",
+    "node_modules/acorn-jsx": {
+      "version": "5.3.2",
+      "resolved": "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.2.tgz",
+      "integrity": "sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==",
+      "dev": true,
+      "license": "MIT",
+      "peerDependencies": {
+        "acorn": "^6.0.0 || ^7.0.0 || ^8.0.0"
+      }
+    },
+    "node_modules/ajv": {
+      "version": "6.15.0",
+      "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.15.0.tgz",
+      "integrity": "sha512-fgFx7Hfoq60ytK2c7DhnF8jIvzYgOMxfugjLOSMHjLIPgenqa7S7oaagATUq99mV6IYvN2tRmC0wnTYX6iPbMw==",
+      "dev": true,
       "license": "MIT",
+      "dependencies": {
+        "fast-deep-equal": "^3.1.1",
+        "fast-json-stable-stringify": "^2.0.0",
+        "json-schema-traverse": "^0.4.1",
+        "uri-js": "^4.2.2"
+      },
       "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/mui-org"
+        "type": "github",
+        "url": "https://github.com/sponsors/epoberezkin"
       }
     },
-    "node_modules/@mui/material": {
-      "version": "7.2.0",
-      "resolved": "https://registry.npmjs.org/@mui/material/-/material-7.2.0.tgz",
-      "integrity": "sha512-NTuyFNen5Z2QY+I242MDZzXnFIVIR6ERxo7vntFi9K1wCgSwvIl0HcAO2OOydKqqKApE6omRiYhpny1ZhGuH7Q==",
-      "license": "MIT",
-      "dependencies": {
-        "@babel/runtime": "^7.27.6",
-        "@mui/core-downloads-tracker": "^7.2.0",
-        "@mui/system": "^7.2.0",
-        "@mui/types": "^7.4.4",
-        "@mui/utils": "^7.2.0",
-        "@popperjs/core": "^2.11.8",
-        "@types/react-transition-group": "^4.4.12",
-        "clsx": "^2.1.1",
-        "csstype": "^3.1.3",
-        "prop-types": "^15.8.1",
-        "react-is": "^19.1.0",
-        "react-transition-group": "^4.4.5"
+    "node_modules/ansi-escapes": {
+      "version": "7.3.0",
+      "resolved": "https://registry.npmjs.org/ansi-escapes/-/ansi-escapes-7.3.0.tgz",
+      "integrity": "sha512-BvU8nYgGQBxcmMuEeUEmNTvrMVjJNSH7RgW24vXexN4Ven6qCvy4TntnvlnwnMLTVlcRQQdbRY8NKnaIoeWDNg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "environment": "^1.0.0"
       },
       "engines": {
-        "node": ">=14.0.0"
+        "node": ">=18"
       },
       "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/mui-org"
-      },
-      "peerDependencies": {
-        "@emotion/react": "^11.5.0",
-        "@emotion/styled": "^11.3.0",
-        "@mui/material-pigment-css": "^7.2.0",
-        "@types/react": "^17.0.0 || ^18.0.0 || ^19.0.0",
-        "react": "^17.0.0 || ^18.0.0 || ^19.0.0",
-        "react-dom": "^17.0.0 || ^18.0.0 || ^19.0.0"
-      },
-      "peerDependenciesMeta": {
-        "@emotion/react": {
-          "optional": true
-        },
-        "@emotion/styled": {
-          "optional": true
-        },
-        "@mui/material-pigment-css": {
-          "optional": true
-        },
-        "@types/react": {
-          "optional": true
-        }
+        "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/@mui/private-theming": {
-      "version": "7.2.0",
-      "resolved": "https://registry.npmjs.org/@mui/private-theming/-/private-theming-7.2.0.tgz",
-      "integrity": "sha512-y6N1Yt3T5RMxVFnCh6+zeSWBuQdNDm5/UlM0EAYZzZR/1u+XKJWYQmbpx4e+F+1EpkYi3Nk8KhPiQDi83M3zIw==",
+    "node_modules/ansi-regex": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
+      "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/ansi-styles": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@babel/runtime": "^7.27.6",
-        "@mui/utils": "^7.2.0",
-        "prop-types": "^15.8.1"
+        "color-convert": "^2.0.1"
       },
       "engines": {
-        "node": ">=14.0.0"
+        "node": ">=8"
       },
       "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/mui-org"
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/argparse": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
+      "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==",
+      "dev": true,
+      "license": "Python-2.0"
+    },
+    "node_modules/array-buffer-byte-length": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/array-buffer-byte-length/-/array-buffer-byte-length-1.0.2.tgz",
+      "integrity": "sha512-LHE+8BuR7RYGDKvnrmcuSq3tDcKv9OFEXQt/HpbZhY7V6h0zlUXutnAD82GiFx9rdieCMjkvtcsPqBwgUl1Iiw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "is-array-buffer": "^3.0.5"
       },
-      "peerDependencies": {
-        "@types/react": "^17.0.0 || ^18.0.0 || ^19.0.0",
-        "react": "^17.0.0 || ^18.0.0 || ^19.0.0"
+      "engines": {
+        "node": ">= 0.4"
       },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/@mui/styled-engine": {
-      "version": "7.2.0",
-      "resolved": "https://registry.npmjs.org/@mui/styled-engine/-/styled-engine-7.2.0.tgz",
-      "integrity": "sha512-yq08xynbrNYcB1nBcW9Fn8/h/iniM3ewRguGJXPIAbHvxEF7Pz95kbEEOAAhwzxMX4okhzvHmk0DFuC5ayvgIQ==",
+    "node_modules/array-includes": {
+      "version": "3.1.9",
+      "resolved": "https://registry.npmjs.org/array-includes/-/array-includes-3.1.9.tgz",
+      "integrity": "sha512-FmeCCAenzH0KH381SPT5FZmiA/TmpndpcaShhfgEN9eCVjnFBqq3l1xrI42y8+PPLI6hypzou4GXw00WHmPBLQ==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@babel/runtime": "^7.27.6",
-        "@emotion/cache": "^11.14.0",
-        "@emotion/serialize": "^1.3.3",
-        "@emotion/sheet": "^1.4.0",
-        "csstype": "^3.1.3",
-        "prop-types": "^15.8.1"
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.4",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.24.0",
+        "es-object-atoms": "^1.1.1",
+        "get-intrinsic": "^1.3.0",
+        "is-string": "^1.1.1",
+        "math-intrinsics": "^1.1.0"
       },
       "engines": {
-        "node": ">=14.0.0"
+        "node": ">= 0.4"
       },
       "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/mui-org"
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/array.prototype.findlast": {
+      "version": "1.2.5",
+      "resolved": "https://registry.npmjs.org/array.prototype.findlast/-/array.prototype.findlast-1.2.5.tgz",
+      "integrity": "sha512-CVvd6FHg1Z3POpBLxO6E6zr+rSKEQ9L6rZHAaY7lLfhKsWYUBBOuMs0e9o24oopj6H+geRCX0YJ+TJLBK2eHyQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.7",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.2",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.0.0",
+        "es-shim-unscopables": "^1.0.2"
       },
-      "peerDependencies": {
-        "@emotion/react": "^11.4.1",
-        "@emotion/styled": "^11.3.0",
-        "react": "^17.0.0 || ^18.0.0 || ^19.0.0"
+      "engines": {
+        "node": ">= 0.4"
       },
-      "peerDependenciesMeta": {
-        "@emotion/react": {
-          "optional": true
-        },
-        "@emotion/styled": {
-          "optional": true
-        }
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/@mui/system": {
-      "version": "7.2.0",
-      "resolved": "https://registry.npmjs.org/@mui/system/-/system-7.2.0.tgz",
-      "integrity": "sha512-PG7cm/WluU6RAs+gNND2R9vDwNh+ERWxPkqTaiXQJGIFAyJ+VxhyKfzpdZNk0z0XdmBxxi9KhFOpgxjehf/O0A==",
+    "node_modules/array.prototype.flat": {
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/array.prototype.flat/-/array.prototype.flat-1.3.3.tgz",
+      "integrity": "sha512-rwG/ja1neyLqCuGZ5YYrznA62D4mZXg0i1cIskIUKSiqF3Cje9/wXAls9B9s1Wa2fomMsIv8czB8jZcPmxCXFg==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@babel/runtime": "^7.27.6",
-        "@mui/private-theming": "^7.2.0",
-        "@mui/styled-engine": "^7.2.0",
-        "@mui/types": "^7.4.4",
-        "@mui/utils": "^7.2.0",
-        "clsx": "^2.1.1",
-        "csstype": "^3.1.3",
-        "prop-types": "^15.8.1"
+        "call-bind": "^1.0.8",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.5",
+        "es-shim-unscopables": "^1.0.2"
       },
       "engines": {
-        "node": ">=14.0.0"
+        "node": ">= 0.4"
       },
       "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/mui-org"
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/array.prototype.flatmap": {
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/array.prototype.flatmap/-/array.prototype.flatmap-1.3.3.tgz",
+      "integrity": "sha512-Y7Wt51eKJSyi80hFrJCePGGNo5ktJCslFuboqJsbf57CCPcm5zztluPlc4/aD8sWsKvlwatezpV4U1efk8kpjg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.5",
+        "es-shim-unscopables": "^1.0.2"
       },
-      "peerDependencies": {
-        "@emotion/react": "^11.5.0",
-        "@emotion/styled": "^11.3.0",
-        "@types/react": "^17.0.0 || ^18.0.0 || ^19.0.0",
-        "react": "^17.0.0 || ^18.0.0 || ^19.0.0"
+      "engines": {
+        "node": ">= 0.4"
       },
-      "peerDependenciesMeta": {
-        "@emotion/react": {
-          "optional": true
-        },
-        "@emotion/styled": {
-          "optional": true
-        },
-        "@types/react": {
-          "optional": true
-        }
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/@mui/types": {
-      "version": "7.4.4",
-      "resolved": "https://registry.npmjs.org/@mui/types/-/types-7.4.4.tgz",
-      "integrity": "sha512-p63yhbX52MO/ajXC7hDHJA5yjzJekvWD3q4YDLl1rSg+OXLczMYPvTuSuviPRCgRX8+E42RXz1D/dz9SxPSlWg==",
+    "node_modules/array.prototype.tosorted": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/array.prototype.tosorted/-/array.prototype.tosorted-1.1.4.tgz",
+      "integrity": "sha512-p6Fx8B7b7ZhL/gmUsAy0D15WhvDccw3mnGNbZpi3pmeJdxtWsj2jEaI4Y6oo3XiHfzuSgPwKc04MYt6KgvC/wA==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@babel/runtime": "^7.27.6"
-      },
-      "peerDependencies": {
-        "@types/react": "^17.0.0 || ^18.0.0 || ^19.0.0"
+        "call-bind": "^1.0.7",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.3",
+        "es-errors": "^1.3.0",
+        "es-shim-unscopables": "^1.0.2"
       },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
+      "engines": {
+        "node": ">= 0.4"
       }
     },
-    "node_modules/@mui/utils": {
-      "version": "7.2.0",
-      "resolved": "https://registry.npmjs.org/@mui/utils/-/utils-7.2.0.tgz",
-      "integrity": "sha512-O0i1GQL6MDzhKdy9iAu5Yr0Sz1wZjROH1o3aoztuivdCXqEeQYnEjTDiRLGuFxI9zrUbTHBwobMyQH5sNtyacw==",
+    "node_modules/arraybuffer.prototype.slice": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/arraybuffer.prototype.slice/-/arraybuffer.prototype.slice-1.0.4.tgz",
+      "integrity": "sha512-BNoCY6SXXPQ7gF2opIP4GBE+Xw7U+pHMYKuzjgCN3GwiaIR09UUeKfheyIry77QtrCBlC0KK0q5/TER/tYh3PQ==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@babel/runtime": "^7.27.6",
-        "@mui/types": "^7.4.4",
-        "@types/prop-types": "^15.7.15",
-        "clsx": "^2.1.1",
-        "prop-types": "^15.8.1",
-        "react-is": "^19.1.0"
+        "array-buffer-byte-length": "^1.0.1",
+        "call-bind": "^1.0.8",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.5",
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.6",
+        "is-array-buffer": "^3.0.4"
       },
       "engines": {
-        "node": ">=14.0.0"
+        "node": ">= 0.4"
       },
       "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/mui-org"
-      },
-      "peerDependencies": {
-        "@types/react": "^17.0.0 || ^18.0.0 || ^19.0.0",
-        "react": "^17.0.0 || ^18.0.0 || ^19.0.0"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/async-function": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/async-function/-/async-function-1.0.0.tgz",
+      "integrity": "sha512-hsU18Ae8CDTR6Kgu9DYf0EbCr/a5iGL0rytQDobUcdpYOKokk8LEjVphnXkDkgpi0wYVsqrXuP0bZxJaTqdgoA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
       }
     },
-    "node_modules/@popperjs/core": {
-      "version": "2.11.8",
-      "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.11.8.tgz",
-      "integrity": "sha512-P1st0aksCrn9sGZhp8GMYwBnQsbvAWsZAX44oXNNvLHGqAOcoVxmjZiohstwQ7SqKnbR47akdNi+uleWD8+g6A==",
+    "node_modules/available-typed-arrays": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/available-typed-arrays/-/available-typed-arrays-1.0.7.tgz",
+      "integrity": "sha512-wvUjBtSGN7+7SjNpq/9M2Tg350UZD3q62IFZLbRAR1bSMlCo1ZaeW+BJ+D090e4hIIZLBcTDWe4Mh4jvUDajzQ==",
+      "dev": true,
       "license": "MIT",
+      "dependencies": {
+        "possible-typed-array-names": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
       "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/popperjs"
+        "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/@types/prop-types": {
-      "version": "15.7.15",
-      "resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.15.tgz",
-      "integrity": "sha512-F6bEyamV9jKGAFBEmlQnesRPGOQqS2+Uwi0Em15xenOxHaf2hv6L8YCVn3rPdPJOiJfPiCnLIRyvwVaqMY3MIw==",
+    "node_modules/balanced-match": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
+      "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
+      "dev": true,
       "license": "MIT"
     },
-    "node_modules/@types/react": {
-      "version": "19.1.8",
-      "resolved": "https://registry.npmjs.org/@types/react/-/react-19.1.8.tgz",
-      "integrity": "sha512-AwAfQ2Wa5bCx9WP8nZL2uMZWod7J7/JSplxbTmBQ5ms6QpqNYm672H0Vu9ZVKVngQ+ii4R/byguVEUZQyeg44g==",
+    "node_modules/brace-expansion": {
+      "version": "1.1.14",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.14.tgz",
+      "integrity": "sha512-MWPGfDxnyzKU7rNOW9SP/c50vi3xrmrua/+6hfPbCS2ABNWfx24vPidzvC7krjU/RTo235sV776ymlsMtGKj8g==",
+      "dev": true,
       "license": "MIT",
-      "peer": true,
       "dependencies": {
-        "csstype": "^3.0.2"
+        "balanced-match": "^1.0.0",
+        "concat-map": "0.0.1"
       }
     },
-    "node_modules/@types/react-transition-group": {
-      "version": "4.4.12",
-      "resolved": "https://registry.npmjs.org/@types/react-transition-group/-/react-transition-group-4.4.12.tgz",
-      "integrity": "sha512-8TV6R3h2j7a91c+1DXdJi3Syo69zzIZbz7Lg5tORM5LEJG7X/E6a1V3drRyBRZq7/utz7A+c4OgYLiLcYGHG6w==",
+    "node_modules/braces": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz",
+      "integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==",
+      "dev": true,
       "license": "MIT",
-      "peerDependencies": {
-        "@types/react": "*"
+      "dependencies": {
+        "fill-range": "^7.1.1"
+      },
+      "engines": {
+        "node": ">=8"
       }
     },
-    "node_modules/canvas-confetti": {
-      "version": "1.9.3",
-      "resolved": "https://registry.npmjs.org/canvas-confetti/-/canvas-confetti-1.9.3.tgz",
-      "integrity": "sha512-rFfTURMvmVEX1gyXFgn5QMn81bYk70qa0HLzcIOSVEyl57n6o9ItHeBtUSWdvKAPY0xlvBHno4/v3QPrT83q9g==",
-      "license": "ISC",
+    "node_modules/call-bind": {
+      "version": "1.0.9",
+      "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.9.tgz",
+      "integrity": "sha512-a/hy+pNsFUTR+Iz8TCJvXudKVLAnz/DyeSUo10I5yvFDQJBFU2s9uqQpoSrJlroHUKoKqzg+epxyP9lqFdzfBQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind-apply-helpers": "^1.0.2",
+        "es-define-property": "^1.0.1",
+        "get-intrinsic": "^1.3.0",
+        "set-function-length": "^1.2.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
       "funding": {
-        "type": "donate",
-        "url": "https://www.paypal.me/kirilvatev"
+        "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/clsx": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/clsx/-/clsx-2.1.1.tgz",
-      "integrity": "sha512-eYm0QWBtUrBWZWG0d386OGAw16Z995PiOVo2B7bjWSbHedGl5e0ZWaq65kOGgUSNesEIDkB9ISbTg/JK9dhCZA==",
+    "node_modules/call-bind-apply-helpers": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/call-bind-apply-helpers/-/call-bind-apply-helpers-1.0.2.tgz",
+      "integrity": "sha512-Sp1ablJ0ivDkSzjcaJdxEunN5/XvksFJ2sMBFfq6x0ryhQV/2b/KwFe21cMpmHtPOSij8K99/wSfoEuTObmuMQ==",
+      "dev": true,
       "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "function-bind": "^1.1.2"
+      },
       "engines": {
-        "node": ">=6"
+        "node": ">= 0.4"
       }
     },
-    "node_modules/csstype": {
-      "version": "3.1.3",
-      "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.3.tgz",
-      "integrity": "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==",
-      "license": "MIT"
-    },
-    "node_modules/dom-helpers": {
-      "version": "5.2.1",
-      "resolved": "https://registry.npmjs.org/dom-helpers/-/dom-helpers-5.2.1.tgz",
-      "integrity": "sha512-nRCa7CK3VTrM2NmGkIy4cbK7IZlgBE/PYMn55rrXefr5xXDP0LdtfPnblFDoVdcAfslJ7or6iqAUnx0CCGIWQA==",
+    "node_modules/call-bound": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/call-bound/-/call-bound-1.0.4.tgz",
+      "integrity": "sha512-+ys997U96po4Kx/ABpBCqhA9EuxJaQWDQg7295H4hBphv3IZg0boBKuwYpt4YXp6MZ5AmZQnU/tyMTlRpaSejg==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@babel/runtime": "^7.8.7",
-        "csstype": "^3.0.2"
+        "call-bind-apply-helpers": "^1.0.2",
+        "get-intrinsic": "^1.3.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/howler": {
-      "version": "2.2.4",
-      "resolved": "https://registry.npmjs.org/howler/-/howler-2.2.4.tgz",
-      "integrity": "sha512-iARIBPgcQrwtEr+tALF+rapJ8qSc+Set2GJQl7xT1MQzWaVkFebdJhR3alVlSiUf5U7nAANKuj3aWpwerocD5w==",
-      "license": "MIT"
+    "node_modules/callsites": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz",
+      "integrity": "sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
     },
-    "node_modules/js-tokens": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
-      "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==",
-      "license": "MIT"
+    "node_modules/chalk": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+      "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^4.1.0",
+        "supports-color": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/chalk?sponsor=1"
+      }
     },
-    "node_modules/loose-envify": {
-      "version": "1.4.0",
-      "resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz",
-      "integrity": "sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==",
+    "node_modules/cli-cursor": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/cli-cursor/-/cli-cursor-5.0.0.tgz",
+      "integrity": "sha512-aCj4O5wKyszjMmDT4tZj93kxyydN/K5zPWSCe6/0AV/AA1pqe5ZBIw0a2ZfPQV7lL5/yb5HsUreJ6UFAF1tEQw==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
-        "js-tokens": "^3.0.0 || ^4.0.0"
+        "restore-cursor": "^5.0.0"
       },
-      "bin": {
-        "loose-envify": "cli.js"
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/object-assign": {
-      "version": "4.1.1",
-      "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
-      "integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==",
+    "node_modules/cli-truncate": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/cli-truncate/-/cli-truncate-4.0.0.tgz",
+      "integrity": "sha512-nPdaFdQ0h/GEigbPClz11D0v/ZJEwxmeVZGeMo3Z5StPtUTkA9o1lD6QwoirYiSDzbcwn2XcjwmCp68W1IS4TA==",
+      "dev": true,
       "license": "MIT",
+      "dependencies": {
+        "slice-ansi": "^5.0.0",
+        "string-width": "^7.0.0"
+      },
       "engines": {
-        "node": ">=0.10.0"
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/prop-types": {
-      "version": "15.8.1",
-      "resolved": "https://registry.npmjs.org/prop-types/-/prop-types-15.8.1.tgz",
-      "integrity": "sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==",
+    "node_modules/color-convert": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+      "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
-        "loose-envify": "^1.4.0",
-        "object-assign": "^4.1.1",
-        "react-is": "^16.13.1"
+        "color-name": "~1.1.4"
+      },
+      "engines": {
+        "node": ">=7.0.0"
       }
     },
-    "node_modules/prop-types/node_modules/react-is": {
-      "version": "16.13.1",
-      "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
-      "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==",
+    "node_modules/color-name": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+      "dev": true,
       "license": "MIT"
     },
-    "node_modules/react": {
-      "version": "19.1.0",
-      "resolved": "https://registry.npmjs.org/react/-/react-19.1.0.tgz",
-      "integrity": "sha512-FS+XFBNvn3GTAWq26joslQgWNoFu08F4kl0J4CgdNKADkdSGXQyTCnKteIAJy96Br6YbpEU1LSzV5dYtjMkMDg==",
+    "node_modules/colorette": {
+      "version": "2.0.20",
+      "resolved": "https://registry.npmjs.org/colorette/-/colorette-2.0.20.tgz",
+      "integrity": "sha512-IfEDxwoWIjkeXL1eXcDiow4UbKjhLdq6/EuSVR9GMN7KVH3r9gQ83e73hsz1Nd1T3ijd5xv1wcWRYO+D6kCI2w==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/commander": {
+      "version": "13.1.0",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-13.1.0.tgz",
+      "integrity": "sha512-/rFeCpNJQbhSZjGVwO9RFV3xPqbnERS8MmIQzCtD/zl6gpJuV/bMLuN92oG3F7d8oDEHHRrujSXNUr8fpjntKw==",
+      "dev": true,
       "license": "MIT",
-      "peer": true,
       "engines": {
-        "node": ">=0.10.0"
+        "node": ">=18"
       }
     },
-    "node_modules/react-dom": {
-      "version": "19.1.0",
-      "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-19.1.0.tgz",
-      "integrity": "sha512-Xs1hdnE+DyKgeHJeJznQmYMIBG3TKIHJJT95Q58nHLSrElKlGQqDTR2HQ9fx5CN/Gk6Vh/kupBTDLU11/nDk/g==",
+    "node_modules/concat-map": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
+      "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/cross-spawn": {
+      "version": "7.0.6",
+      "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.6.tgz",
+      "integrity": "sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==",
+      "dev": true,
       "license": "MIT",
-      "peer": true,
       "dependencies": {
-        "scheduler": "^0.26.0"
+        "path-key": "^3.1.0",
+        "shebang-command": "^2.0.0",
+        "which": "^2.0.1"
       },
-      "peerDependencies": {
-        "react": "^19.1.0"
+      "engines": {
+        "node": ">= 8"
       }
     },
-    "node_modules/react-is": {
-      "version": "19.1.0",
-      "resolved": "https://registry.npmjs.org/react-is/-/react-is-19.1.0.tgz",
-      "integrity": "sha512-Oe56aUPnkHyyDxxkvqtd7KkdQP5uIUfHxd5XTb3wE9d/kRnZLmKbDB0GWk919tdQ+mxxPtG6EAs6RMT6i1qtHg==",
-      "license": "MIT"
+    "node_modules/data-view-buffer": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/data-view-buffer/-/data-view-buffer-1.0.2.tgz",
+      "integrity": "sha512-EmKO5V3OLXh1rtK2wgXRansaK1/mtVdTUEiEI0W8RkvgT05kfxaH29PliLnpLP73yYO6142Q72QNa8Wx/A5CqQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "es-errors": "^1.3.0",
+        "is-data-view": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
     },
-    "node_modules/react-transition-group": {
-      "version": "4.4.5",
-      "resolved": "https://registry.npmjs.org/react-transition-group/-/react-transition-group-4.4.5.tgz",
-      "integrity": "sha512-pZcd1MCJoiKiBR2NRxeCRg13uCXbydPnmB4EOeRrY7480qNWO8IIgQG6zlDkm6uRMsURXPuKq0GWtiM59a5Q6g==",
-      "license": "BSD-3-Clause",
+    "node_modules/data-view-byte-length": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/data-view-byte-length/-/data-view-byte-length-1.0.2.tgz",
+      "integrity": "sha512-tuhGbE6CfTM9+5ANGf+oQb72Ky/0+s3xKUpHvShfiz2RxMFgFPjsXuRLBVMtvMs15awe45SRb83D6wH4ew6wlQ==",
+      "dev": true,
+      "license": "MIT",
       "dependencies": {
-        "@babel/runtime": "^7.5.5",
-        "dom-helpers": "^5.0.1",
-        "loose-envify": "^1.4.0",
-        "prop-types": "^15.6.2"
+        "call-bound": "^1.0.3",
+        "es-errors": "^1.3.0",
+        "is-data-view": "^1.0.2"
       },
-      "peerDependencies": {
-        "react": ">=16.6.0",
-        "react-dom": ">=16.6.0"
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/inspect-js"
+      }
+    },
+    "node_modules/data-view-byte-offset": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/data-view-byte-offset/-/data-view-byte-offset-1.0.1.tgz",
+      "integrity": "sha512-BS8PfmtDGnrgYdOonGZQdLZslWIeCGFP9tpan0hi1Co2Zr2NKADsvGYA8XxuG/4UWgJ6Cjtv+YJnB6MM69QGlQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "es-errors": "^1.3.0",
+        "is-data-view": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/scheduler": {
-      "version": "0.26.0",
-      "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.26.0.tgz",
-      "integrity": "sha512-NlHwttCI/l5gCPR3D1nNXtWABUmBwvZpEQiD4IXSbIDq8BzLIK/7Ir5gTFSGZDUu37K5cMNp0hFtzO38sC7gWA==",
+    "node_modules/debug": {
+      "version": "4.4.3",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.3.tgz",
+      "integrity": "sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==",
+      "dev": true,
       "license": "MIT",
-      "peer": true
+      "dependencies": {
+        "ms": "^2.1.3"
+      },
+      "engines": {
+        "node": ">=6.0"
+      },
+      "peerDependenciesMeta": {
+        "supports-color": {
+          "optional": true
+        }
+      }
     },
-    "node_modules/stylis": {
-      "version": "4.2.0",
-      "resolved": "https://registry.npmjs.org/stylis/-/stylis-4.2.0.tgz",
-      "integrity": "sha512-Orov6g6BB1sDfYgzWfTHDOxamtX1bE/zo104Dh9e6fqJ3PooipYyfJ0pUmrZO2wAvO8YbEyeFrkV91XTsGMSrw==",
+    "node_modules/deep-is": {
+      "version": "0.1.4",
+      "resolved": "https://registry.npmjs.org/deep-is/-/deep-is-0.1.4.tgz",
+      "integrity": "sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==",
+      "dev": true,
       "license": "MIT"
     },
-    "node_modules/use-sound": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/use-sound/-/use-sound-5.0.0.tgz",
-      "integrity": "sha512-MNHT3FFC5HxNCrgZtrnpIMJI2cw/0D2xismcrtyht8BTuF5FhFhb57xO/jlQr2xJaFrc/0btzRQvGyHQwB7PVA==",
+    "node_modules/define-data-property": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/define-data-property/-/define-data-property-1.1.4.tgz",
+      "integrity": "sha512-rBMvIzlpA8v6E+SJZoo++HAYqsLrkg7MSfIinMPFhmkorw7X+dOXVJQs+QT69zGkzMyfDnIMN2Wid1+NbL3T+A==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
-        "howler": "^2.2.4"
+        "es-define-property": "^1.0.0",
+        "es-errors": "^1.3.0",
+        "gopd": "^1.0.1"
       },
-      "peerDependencies": {
-        "react": ">=16.8"
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/define-properties": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/define-properties/-/define-properties-1.2.1.tgz",
+      "integrity": "sha512-8QmQKqEASLd5nx0U1B1okLElbUuuttJ/AnYmRXbbbGDWh6uS208EjD4Xqq/I9wK7u0v6O08XhTWnt5XtEbR6Dg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "define-data-property": "^1.0.1",
+        "has-property-descriptors": "^1.0.0",
+        "object-keys": "^1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/doctrine": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-3.0.0.tgz",
+      "integrity": "sha512-yS+Q5i3hBf7GBkd4KG8a7eBNNWNGLTaEwwYWUijIYM7zrlYDM0BFXHjjPWlWZ1Rg7UaddZeIDmi9jF3HmqiQ2w==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "esutils": "^2.0.2"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/dunder-proto": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/dunder-proto/-/dunder-proto-1.0.1.tgz",
+      "integrity": "sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind-apply-helpers": "^1.0.1",
+        "es-errors": "^1.3.0",
+        "gopd": "^1.2.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/emoji-regex": {
+      "version": "10.6.0",
+      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-10.6.0.tgz",
+      "integrity": "sha512-toUI84YS5YmxW219erniWD0CIVOo46xGKColeNQRgOzDorgBi1v4D71/OFzgD9GO2UGKIv1C3Sp8DAn0+j5w7A==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/environment": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/environment/-/environment-1.1.0.tgz",
+      "integrity": "sha512-xUtoPkMggbz0MPyPiIWr1Kp4aeWJjDZ6SMvURhimjdZgsRuDplF5/s9hcgGhyXMhs+6vpnuoiZ2kFiu3FMnS8Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/es-abstract": {
+      "version": "1.24.2",
+      "resolved": "https://registry.npmjs.org/es-abstract/-/es-abstract-1.24.2.tgz",
+      "integrity": "sha512-2FpH9Q5i2RRwyEP1AylXe6nYLR5OhaJTZwmlcP0dL/+JCbgg7yyEo/sEK6HeGZRf3dFpWwThaRHVApXSkW3xeg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "array-buffer-byte-length": "^1.0.2",
+        "arraybuffer.prototype.slice": "^1.0.4",
+        "available-typed-arrays": "^1.0.7",
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.4",
+        "data-view-buffer": "^1.0.2",
+        "data-view-byte-length": "^1.0.2",
+        "data-view-byte-offset": "^1.0.1",
+        "es-define-property": "^1.0.1",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.1.1",
+        "es-set-tostringtag": "^2.1.0",
+        "es-to-primitive": "^1.3.0",
+        "function.prototype.name": "^1.1.8",
+        "get-intrinsic": "^1.3.0",
+        "get-proto": "^1.0.1",
+        "get-symbol-description": "^1.1.0",
+        "globalthis": "^1.0.4",
+        "gopd": "^1.2.0",
+        "has-property-descriptors": "^1.0.2",
+        "has-proto": "^1.2.0",
+        "has-symbols": "^1.1.0",
+        "hasown": "^2.0.2",
+        "internal-slot": "^1.1.0",
+        "is-array-buffer": "^3.0.5",
+        "is-callable": "^1.2.7",
+        "is-data-view": "^1.0.2",
+        "is-negative-zero": "^2.0.3",
+        "is-regex": "^1.2.1",
+        "is-set": "^2.0.3",
+        "is-shared-array-buffer": "^1.0.4",
+        "is-string": "^1.1.1",
+        "is-typed-array": "^1.1.15",
+        "is-weakref": "^1.1.1",
+        "math-intrinsics": "^1.1.0",
+        "object-inspect": "^1.13.4",
+        "object-keys": "^1.1.1",
+        "object.assign": "^4.1.7",
+        "own-keys": "^1.0.1",
+        "regexp.prototype.flags": "^1.5.4",
+        "safe-array-concat": "^1.1.3",
+        "safe-push-apply": "^1.0.0",
+        "safe-regex-test": "^1.1.0",
+        "set-proto": "^1.0.0",
+        "stop-iteration-iterator": "^1.1.0",
+        "string.prototype.trim": "^1.2.10",
+        "string.prototype.trimend": "^1.0.9",
+        "string.prototype.trimstart": "^1.0.8",
+        "typed-array-buffer": "^1.0.3",
+        "typed-array-byte-length": "^1.0.3",
+        "typed-array-byte-offset": "^1.0.4",
+        "typed-array-length": "^1.0.7",
+        "unbox-primitive": "^1.1.0",
+        "which-typed-array": "^1.1.19"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/es-define-property": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/es-define-property/-/es-define-property-1.0.1.tgz",
+      "integrity": "sha512-e3nRfgfUZ4rNGL232gUgX06QNyyez04KdjFrF+LTRoOXmrOgFKDg4BCdsjW8EnT69eqdYGmRpJwiPVYNrCaW3g==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-errors": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/es-errors/-/es-errors-1.3.0.tgz",
+      "integrity": "sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-iterator-helpers": {
+      "version": "1.3.2",
+      "resolved": "https://registry.npmjs.org/es-iterator-helpers/-/es-iterator-helpers-1.3.2.tgz",
+      "integrity": "sha512-HVLACW1TppGYjJ8H6/jqH/pqOtKRw6wMlrB23xfExmFWxFquAIWCmwoLsOyN96K4a5KbmOf5At9ZUO3GZbetAw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.9",
+        "call-bound": "^1.0.4",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.24.2",
+        "es-errors": "^1.3.0",
+        "es-set-tostringtag": "^2.1.0",
+        "function-bind": "^1.1.2",
+        "get-intrinsic": "^1.3.0",
+        "globalthis": "^1.0.4",
+        "gopd": "^1.2.0",
+        "has-property-descriptors": "^1.0.2",
+        "has-proto": "^1.2.0",
+        "has-symbols": "^1.1.0",
+        "internal-slot": "^1.1.0",
+        "iterator.prototype": "^1.1.5",
+        "math-intrinsics": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-object-atoms": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/es-object-atoms/-/es-object-atoms-1.1.1.tgz",
+      "integrity": "sha512-FGgH2h8zKNim9ljj7dankFPcICIK9Cp5bm+c2gQSYePhpaG5+esrLODihIorn+Pe6FGJzWhXQotPv73jTaldXA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-set-tostringtag": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/es-set-tostringtag/-/es-set-tostringtag-2.1.0.tgz",
+      "integrity": "sha512-j6vWzfrGVfyXxge+O0x5sh6cvxAog0a/4Rdd2K36zCMV5eJ+/+tOAngRO8cODMNWbVRdVlmGZQL2YS3yR8bIUA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.6",
+        "has-tostringtag": "^1.0.2",
+        "hasown": "^2.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-shim-unscopables": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/es-shim-unscopables/-/es-shim-unscopables-1.1.0.tgz",
+      "integrity": "sha512-d9T8ucsEhh8Bi1woXCf+TIKDIROLG5WCkxg8geBCbvk22kzwC5G2OnXVMO6FUsvQlgUUXQ2itephWDLqDzbeCw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "hasown": "^2.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-to-primitive": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/es-to-primitive/-/es-to-primitive-1.3.0.tgz",
+      "integrity": "sha512-w+5mJ3GuFL+NjVtJlvydShqE1eN3h3PbI7/5LAsYJP/2qtuMXjfL2LpHSRqo4b4eSF5K/DH1JXKUAHSB2UW50g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-callable": "^1.2.7",
+        "is-date-object": "^1.0.5",
+        "is-symbol": "^1.0.4"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/escape-string-regexp": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz",
+      "integrity": "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/eslint": {
+      "version": "8.57.1",
+      "resolved": "https://registry.npmjs.org/eslint/-/eslint-8.57.1.tgz",
+      "integrity": "sha512-ypowyDxpVSYpkXr9WPv2PAZCtNip1Mv5KTW0SCurXv/9iOpcrH9PaqUElksqEB6pChqHGDRCFTyrZlGhnLNGiA==",
+      "deprecated": "This version is no longer supported. Please see https://eslint.org/version-support for other options.",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@eslint-community/eslint-utils": "^4.2.0",
+        "@eslint-community/regexpp": "^4.6.1",
+        "@eslint/eslintrc": "^2.1.4",
+        "@eslint/js": "8.57.1",
+        "@humanwhocodes/config-array": "^0.13.0",
+        "@humanwhocodes/module-importer": "^1.0.1",
+        "@nodelib/fs.walk": "^1.2.8",
+        "@ungap/structured-clone": "^1.2.0",
+        "ajv": "^6.12.4",
+        "chalk": "^4.0.0",
+        "cross-spawn": "^7.0.2",
+        "debug": "^4.3.2",
+        "doctrine": "^3.0.0",
+        "escape-string-regexp": "^4.0.0",
+        "eslint-scope": "^7.2.2",
+        "eslint-visitor-keys": "^3.4.3",
+        "espree": "^9.6.1",
+        "esquery": "^1.4.2",
+        "esutils": "^2.0.2",
+        "fast-deep-equal": "^3.1.3",
+        "file-entry-cache": "^6.0.1",
+        "find-up": "^5.0.0",
+        "glob-parent": "^6.0.2",
+        "globals": "^13.19.0",
+        "graphemer": "^1.4.0",
+        "ignore": "^5.2.0",
+        "imurmurhash": "^0.1.4",
+        "is-glob": "^4.0.0",
+        "is-path-inside": "^3.0.3",
+        "js-yaml": "^4.1.0",
+        "json-stable-stringify-without-jsonify": "^1.0.1",
+        "levn": "^0.4.1",
+        "lodash.merge": "^4.6.2",
+        "minimatch": "^3.1.2",
+        "natural-compare": "^1.4.0",
+        "optionator": "^0.9.3",
+        "strip-ansi": "^6.0.1",
+        "text-table": "^0.2.0"
+      },
+      "bin": {
+        "eslint": "bin/eslint.js"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/eslint-plugin-react": {
+      "version": "7.37.5",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-react/-/eslint-plugin-react-7.37.5.tgz",
+      "integrity": "sha512-Qteup0SqU15kdocexFNAJMvCJEfa2xUKNV4CC1xsVMrIIqEy3SQ/rqyxCWNzfrd3/ldy6HMlD2e0JDVpDg2qIA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "array-includes": "^3.1.8",
+        "array.prototype.findlast": "^1.2.5",
+        "array.prototype.flatmap": "^1.3.3",
+        "array.prototype.tosorted": "^1.1.4",
+        "doctrine": "^2.1.0",
+        "es-iterator-helpers": "^1.2.1",
+        "estraverse": "^5.3.0",
+        "hasown": "^2.0.2",
+        "jsx-ast-utils": "^2.4.1 || ^3.0.0",
+        "minimatch": "^3.1.2",
+        "object.entries": "^1.1.9",
+        "object.fromentries": "^2.0.8",
+        "object.values": "^1.2.1",
+        "prop-types": "^15.8.1",
+        "resolve": "^2.0.0-next.5",
+        "semver": "^6.3.1",
+        "string.prototype.matchall": "^4.0.12",
+        "string.prototype.repeat": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=4"
+      },
+      "peerDependencies": {
+        "eslint": "^3 || ^4 || ^5 || ^6 || ^7 || ^8 || ^9.7"
+      }
+    },
+    "node_modules/eslint-plugin-react-hooks": {
+      "version": "4.6.2",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-react-hooks/-/eslint-plugin-react-hooks-4.6.2.tgz",
+      "integrity": "sha512-QzliNJq4GinDBcD8gPB5v0wh6g8q3SUi6EFF0x8N/BL9PoVs0atuGc47ozMRyOWAKdwaZ5OnbOEa3WR+dSGKuQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "peerDependencies": {
+        "eslint": "^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0-0"
+      }
+    },
+    "node_modules/eslint-plugin-react/node_modules/doctrine": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-2.1.0.tgz",
+      "integrity": "sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "esutils": "^2.0.2"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/eslint-scope": {
+      "version": "7.2.2",
+      "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-7.2.2.tgz",
+      "integrity": "sha512-dOt21O7lTMhDM+X9mB4GX+DZrZtCUJPL/wlcTqxyrx5IvO0IYtILdtrQGQp+8n5S0gwSVmOf9NQrjMOgfQZlIg==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "esrecurse": "^4.3.0",
+        "estraverse": "^5.2.0"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/eslint-visitor-keys": {
+      "version": "3.4.3",
+      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz",
+      "integrity": "sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/espree": {
+      "version": "9.6.1",
+      "resolved": "https://registry.npmjs.org/espree/-/espree-9.6.1.tgz",
+      "integrity": "sha512-oruZaFkjorTpF32kDSI5/75ViwGeZginGGy2NoOSg3Q9bnwlnmDm4HLnkl0RE3n+njDXR037aY1+x58Z/zFdwQ==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "acorn": "^8.9.0",
+        "acorn-jsx": "^5.3.2",
+        "eslint-visitor-keys": "^3.4.1"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/esquery": {
+      "version": "1.7.0",
+      "resolved": "https://registry.npmjs.org/esquery/-/esquery-1.7.0.tgz",
+      "integrity": "sha512-Ap6G0WQwcU/LHsvLwON1fAQX9Zp0A2Y6Y/cJBl9r/JbW90Zyg4/zbG6zzKa2OTALELarYHmKu0GhpM5EO+7T0g==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "estraverse": "^5.1.0"
+      },
+      "engines": {
+        "node": ">=0.10"
+      }
+    },
+    "node_modules/esrecurse": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/esrecurse/-/esrecurse-4.3.0.tgz",
+      "integrity": "sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "estraverse": "^5.2.0"
+      },
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
+    "node_modules/estraverse": {
+      "version": "5.3.0",
+      "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz",
+      "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
+    "node_modules/esutils": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz",
+      "integrity": "sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/eventemitter3": {
+      "version": "5.0.4",
+      "resolved": "https://registry.npmjs.org/eventemitter3/-/eventemitter3-5.0.4.tgz",
+      "integrity": "sha512-mlsTRyGaPBjPedk6Bvw+aqbsXDtoAyAzm5MO7JgU+yVRyMQ5O8bD4Kcci7BS85f93veegeCPkL8R4GLClnjLFw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/execa": {
+      "version": "8.0.1",
+      "resolved": "https://registry.npmjs.org/execa/-/execa-8.0.1.tgz",
+      "integrity": "sha512-VyhnebXciFV2DESc+p6B+y0LjSm0krU4OgJN44qFAhBY0TJ+1V61tYD2+wHusZ6F9n5K+vl8k0sTy7PEfV4qpg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "cross-spawn": "^7.0.3",
+        "get-stream": "^8.0.1",
+        "human-signals": "^5.0.0",
+        "is-stream": "^3.0.0",
+        "merge-stream": "^2.0.0",
+        "npm-run-path": "^5.1.0",
+        "onetime": "^6.0.0",
+        "signal-exit": "^4.1.0",
+        "strip-final-newline": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=16.17"
+      },
+      "funding": {
+        "url": "https://github.com/sindresorhus/execa?sponsor=1"
+      }
+    },
+    "node_modules/fast-deep-equal": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
+      "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/fast-json-stable-stringify": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz",
+      "integrity": "sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/fast-levenshtein": {
+      "version": "2.0.6",
+      "resolved": "https://registry.npmjs.org/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz",
+      "integrity": "sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/fastq": {
+      "version": "1.20.1",
+      "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.20.1.tgz",
+      "integrity": "sha512-GGToxJ/w1x32s/D2EKND7kTil4n8OVk/9mycTc4VDza13lOvpUZTGX3mFSCtV9ksdGBVzvsyAVLM6mHFThxXxw==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "reusify": "^1.0.4"
+      }
+    },
+    "node_modules/file-entry-cache": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-6.0.1.tgz",
+      "integrity": "sha512-7Gps/XWymbLk2QLYK4NzpMOrYjMhdIxXuIvy2QBsLE6ljuodKvdkWs/cpyJJ3CVIVpH0Oi1Hvg1ovbMzLdFBBg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "flat-cache": "^3.0.4"
+      },
+      "engines": {
+        "node": "^10.12.0 || >=12.0.0"
+      }
+    },
+    "node_modules/fill-range": {
+      "version": "7.1.1",
+      "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz",
+      "integrity": "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "to-regex-range": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/find-up": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/find-up/-/find-up-5.0.0.tgz",
+      "integrity": "sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "locate-path": "^6.0.0",
+        "path-exists": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/flat-cache": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/flat-cache/-/flat-cache-3.2.0.tgz",
+      "integrity": "sha512-CYcENa+FtcUKLmhhqyctpclsq7QF38pKjZHsGNiSQF5r4FtoKDWabFDl3hzaEQMvT1LHEysw5twgLvpYYb4vbw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "flatted": "^3.2.9",
+        "keyv": "^4.5.3",
+        "rimraf": "^3.0.2"
+      },
+      "engines": {
+        "node": "^10.12.0 || >=12.0.0"
+      }
+    },
+    "node_modules/flatted": {
+      "version": "3.4.2",
+      "resolved": "https://registry.npmjs.org/flatted/-/flatted-3.4.2.tgz",
+      "integrity": "sha512-PjDse7RzhcPkIJwy5t7KPWQSZ9cAbzQXcafsetQoD7sOJRQlGikNbx7yZp2OotDnJyrDcbyRq3Ttb18iYOqkxA==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/for-each": {
+      "version": "0.3.5",
+      "resolved": "https://registry.npmjs.org/for-each/-/for-each-0.3.5.tgz",
+      "integrity": "sha512-dKx12eRCVIzqCxFGplyFKJMPvLEWgmNtUrpTiJIR5u97zEhRG8ySrtboPHZXx7daLxQVrl643cTzbab2tkQjxg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-callable": "^1.2.7"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/fs.realpath": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz",
+      "integrity": "sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/function-bind": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz",
+      "integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==",
+      "dev": true,
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/function.prototype.name": {
+      "version": "1.1.8",
+      "resolved": "https://registry.npmjs.org/function.prototype.name/-/function.prototype.name-1.1.8.tgz",
+      "integrity": "sha512-e5iwyodOHhbMr/yNrc7fDYG4qlbIvI5gajyzPnb5TCwyhjApznQh1BMFou9b30SevY43gCJKXycoCBjMbsuW0Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.3",
+        "define-properties": "^1.2.1",
+        "functions-have-names": "^1.2.3",
+        "hasown": "^2.0.2",
+        "is-callable": "^1.2.7"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/functions-have-names": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/functions-have-names/-/functions-have-names-1.2.3.tgz",
+      "integrity": "sha512-xckBUXyTIqT97tq2x2AMb+g163b5JFysYk0x4qxNFwbfQkmNZoiRHb6sPzI9/QV33WeuvVYBUIiD4NzNIyqaRQ==",
+      "dev": true,
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/generator-function": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/generator-function/-/generator-function-2.0.1.tgz",
+      "integrity": "sha512-SFdFmIJi+ybC0vjlHN0ZGVGHc3lgE0DxPAT0djjVg+kjOnSqclqmj0KQ7ykTOLP6YxoqOvuAODGdcHJn+43q3g==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/get-east-asian-width": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/get-east-asian-width/-/get-east-asian-width-1.6.0.tgz",
+      "integrity": "sha512-QRbvDIbx6YklUe6RxeTeleMR0yv3cYH6PsPZHcnVn7xv7zO1BHN8r0XETu8n6Ye3Q+ahtSarc3WgtNWmehIBfA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/get-intrinsic": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.3.0.tgz",
+      "integrity": "sha512-9fSjSaos/fRIVIp+xSJlE6lfwhES7LNtKaCBIamHsjr2na1BiABJPo0mOjjz8GJDURarmCPGqaiVg5mfjb98CQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind-apply-helpers": "^1.0.2",
+        "es-define-property": "^1.0.1",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.1.1",
+        "function-bind": "^1.1.2",
+        "get-proto": "^1.0.1",
+        "gopd": "^1.2.0",
+        "has-symbols": "^1.1.0",
+        "hasown": "^2.0.2",
+        "math-intrinsics": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/get-proto": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/get-proto/-/get-proto-1.0.1.tgz",
+      "integrity": "sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "dunder-proto": "^1.0.1",
+        "es-object-atoms": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/get-stream": {
+      "version": "8.0.1",
+      "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-8.0.1.tgz",
+      "integrity": "sha512-VaUJspBffn/LMCJVoMvSAdmscJyS1auj5Zulnn5UoYcY531UWmdwhRWkcGKnGU93m5HSXP9LP2usOryrBtQowA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=16"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/get-symbol-description": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/get-symbol-description/-/get-symbol-description-1.1.0.tgz",
+      "integrity": "sha512-w9UMqWwJxHNOvoNzSJ2oPF5wvYcvP7jUvYzhp67yEhTi17ZDBBC1z9pTdGuzjD+EFIqLSYRweZjqfiPzQ06Ebg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.6"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/glob": {
+      "version": "7.2.3",
+      "resolved": "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz",
+      "integrity": "sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==",
+      "deprecated": "Old versions of glob are not supported, and contain widely publicized security vulnerabilities, which have been fixed in the current version. Please update. Support for old versions may be purchased (at exorbitant rates) by contacting i@izs.me",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "fs.realpath": "^1.0.0",
+        "inflight": "^1.0.4",
+        "inherits": "2",
+        "minimatch": "^3.1.1",
+        "once": "^1.3.0",
+        "path-is-absolute": "^1.0.0"
+      },
+      "engines": {
+        "node": "*"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/glob-parent": {
+      "version": "6.0.2",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz",
+      "integrity": "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "is-glob": "^4.0.3"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
+    "node_modules/globals": {
+      "version": "13.24.0",
+      "resolved": "https://registry.npmjs.org/globals/-/globals-13.24.0.tgz",
+      "integrity": "sha512-AhO5QUcj8llrbG09iWhPU2B204J1xnPeL8kQmVorSsy+Sjj1sk8gIyh6cUocGmH4L0UuhAJy+hJMRA4mgA4mFQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "type-fest": "^0.20.2"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/globalthis": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/globalthis/-/globalthis-1.0.4.tgz",
+      "integrity": "sha512-DpLKbNU4WylpxJykQujfCcwYWiV/Jhm50Goo0wrVILAv5jOr9d+H+UR3PhSCD2rCCEIg0uc+G+muBTwD54JhDQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "define-properties": "^1.2.1",
+        "gopd": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/gopd": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.2.0.tgz",
+      "integrity": "sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/graphemer": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/graphemer/-/graphemer-1.4.0.tgz",
+      "integrity": "sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/has-bigints": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/has-bigints/-/has-bigints-1.1.0.tgz",
+      "integrity": "sha512-R3pbpkcIqv2Pm3dUwgjclDRVmWpTJW2DcMzcIhEXEx1oh/CEMObMm3KLmRJOdvhM7o4uQBnwr8pzRK2sJWIqfg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-flag": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+      "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/has-property-descriptors": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/has-property-descriptors/-/has-property-descriptors-1.0.2.tgz",
+      "integrity": "sha512-55JNKuIW+vq4Ke1BjOTjM2YctQIvCT7GFzHwmfZPGo5wnrgkid0YQtnAleFSqumZm4az3n2BS+erby5ipJdgrg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "es-define-property": "^1.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-proto": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/has-proto/-/has-proto-1.2.0.tgz",
+      "integrity": "sha512-KIL7eQPfHQRC8+XluaIw7BHUwwqL19bQn4hzNgdr+1wXoU0KKj6rufu47lhY7KbJR2C6T6+PfyN0Ea7wkSS+qQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "dunder-proto": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-symbols": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.1.0.tgz",
+      "integrity": "sha512-1cDNdwJ2Jaohmb3sg4OmKaMBwuC48sYni5HUw2DvsC8LjGTLK9h+eb1X6RyuOHe4hT0ULCW68iomhjUoKUqlPQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-tostringtag": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/has-tostringtag/-/has-tostringtag-1.0.2.tgz",
+      "integrity": "sha512-NqADB8VjPFLM2V0VvHUewwwsw0ZWBaIdgo+ieHtK3hasLz4qeCRjYcqfB6AQrBggRKppKF8L52/VqdVsO47Dlw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "has-symbols": "^1.0.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/hasown": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.3.tgz",
+      "integrity": "sha512-ej4AhfhfL2Q2zpMmLo7U1Uv9+PyhIZpgQLGT1F9miIGmiCJIoCgSmczFdrc97mWT4kVY72KA+WnnhJ5pghSvSg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "function-bind": "^1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/human-signals": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/human-signals/-/human-signals-5.0.0.tgz",
+      "integrity": "sha512-AXcZb6vzzrFAUE61HnN4mpLqd/cSIwNQjtNWR0euPm6y0iqx3G4gOXaIDdtdDwZmhwe82LA6+zinmW4UBWVePQ==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=16.17.0"
+      }
+    },
+    "node_modules/husky": {
+      "version": "9.1.7",
+      "resolved": "https://registry.npmjs.org/husky/-/husky-9.1.7.tgz",
+      "integrity": "sha512-5gs5ytaNjBrh5Ow3zrvdUUY+0VxIuWVL4i9irt6friV+BqdCfmV11CQTWMiBYWHbXhco+J1kHfTOUkePhCDvMA==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "husky": "bin.js"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/typicode"
+      }
+    },
+    "node_modules/ignore": {
+      "version": "5.3.2",
+      "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.3.2.tgz",
+      "integrity": "sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 4"
+      }
+    },
+    "node_modules/import-fresh": {
+      "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.1.tgz",
+      "integrity": "sha512-TR3KfrTZTYLPB6jUjfx6MF9WcWrHL9su5TObK4ZkYgBdWKPOFoSoQIdEuTuR82pmtxH2spWG9h6etwfr1pLBqQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "parent-module": "^1.0.0",
+        "resolve-from": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/imurmurhash": {
+      "version": "0.1.4",
+      "resolved": "https://registry.npmjs.org/imurmurhash/-/imurmurhash-0.1.4.tgz",
+      "integrity": "sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.8.19"
+      }
+    },
+    "node_modules/inflight": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz",
+      "integrity": "sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==",
+      "deprecated": "This module is not supported, and leaks memory. Do not use it. Check out lru-cache if you want a good and tested way to coalesce async requests by a key value, which is much more comprehensive and powerful.",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "once": "^1.3.0",
+        "wrappy": "1"
+      }
+    },
+    "node_modules/inherits": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
+      "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/internal-slot": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/internal-slot/-/internal-slot-1.1.0.tgz",
+      "integrity": "sha512-4gd7VpWNQNB4UKKCFFVcp1AVv+FMOgs9NKzjHKusc8jTMhd5eL1NqQqOpE0KzMds804/yHlglp3uxgluOqAPLw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "hasown": "^2.0.2",
+        "side-channel": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/is-array-buffer": {
+      "version": "3.0.5",
+      "resolved": "https://registry.npmjs.org/is-array-buffer/-/is-array-buffer-3.0.5.tgz",
+      "integrity": "sha512-DDfANUiiG2wC1qawP66qlTugJeL5HyzMpfr8lLK+jMQirGzNod0B12cFB/9q838Ru27sBwfw78/rdoU7RERz6A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.3",
+        "get-intrinsic": "^1.2.6"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-async-function": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/is-async-function/-/is-async-function-2.1.1.tgz",
+      "integrity": "sha512-9dgM/cZBnNvjzaMYHVoxxfPj2QXt22Ev7SuuPrs+xav0ukGB0S6d4ydZdEiM48kLx5kDV+QBPrpVnFyefL8kkQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "async-function": "^1.0.0",
+        "call-bound": "^1.0.3",
+        "get-proto": "^1.0.1",
+        "has-tostringtag": "^1.0.2",
+        "safe-regex-test": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-bigint": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/is-bigint/-/is-bigint-1.1.0.tgz",
+      "integrity": "sha512-n4ZT37wG78iz03xPRKJrHTdZbe3IicyucEtdRsV5yglwc3GyUfbAfpSeD0FJ41NbUNSt5wbhqfp1fS+BgnvDFQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "has-bigints": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-boolean-object": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/is-boolean-object/-/is-boolean-object-1.2.2.tgz",
+      "integrity": "sha512-wa56o2/ElJMYqjCjGkXri7it5FbebW5usLw/nPmCMs5DeZ7eziSYZhSmPRn0txqeW4LnAmQQU7FgqLpsEFKM4A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "has-tostringtag": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-callable": {
+      "version": "1.2.7",
+      "resolved": "https://registry.npmjs.org/is-callable/-/is-callable-1.2.7.tgz",
+      "integrity": "sha512-1BC0BVFhS/p0qtw6enp8e+8OD0UrK0oFLztSjNzhcKA3WDuJxxAPXzPuPtKkjEY9UUoEWlX/8fgKeu2S8i9JTA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-core-module": {
+      "version": "2.16.2",
+      "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.16.2.tgz",
+      "integrity": "sha512-evOr8xfXKxE6qSR0hSXL2r3sd7ALj8+7jQEUvPYcm5sgZFdJ+AYzT6yNmJenvIYQBgIGwfwz08sL8zoL7yq2BA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "hasown": "^2.0.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-data-view": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/is-data-view/-/is-data-view-1.0.2.tgz",
+      "integrity": "sha512-RKtWF8pGmS87i2D6gqQu/l7EYRlVdfzemCJN/P3UOs//x1QE7mfhvzHIApBTRf7axvT6DMGwSwBXYCT0nfB9xw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "get-intrinsic": "^1.2.6",
+        "is-typed-array": "^1.1.13"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-date-object": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/is-date-object/-/is-date-object-1.1.0.tgz",
+      "integrity": "sha512-PwwhEakHVKTdRNVOw+/Gyh0+MzlCl4R6qKvkhuvLtPMggI1WAHt9sOwZxQLSGpUaDnrdyDsomoRgNnCfKNSXXg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "has-tostringtag": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-extglob": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
+      "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-finalizationregistry": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/is-finalizationregistry/-/is-finalizationregistry-1.1.1.tgz",
+      "integrity": "sha512-1pC6N8qWJbWoPtEjgcL2xyhQOP491EQjeUo3qTKcmV8YSDDJrOepfG8pcC7h/QgnQHYSv0mJ3Z/ZWxmatVrysg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-fullwidth-code-point": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-4.0.0.tgz",
+      "integrity": "sha512-O4L094N2/dZ7xqVdrXhh9r1KODPJpFms8B5sGdJLPy664AgvXsreZUyCQQNItZRDlYug4xStLjNp/sz3HvBowQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/is-generator-function": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/is-generator-function/-/is-generator-function-1.1.2.tgz",
+      "integrity": "sha512-upqt1SkGkODW9tsGNG5mtXTXtECizwtS2kA161M+gJPc1xdb/Ax629af6YrTwcOeQHbewrPNlE5Dx7kzvXTizA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.4",
+        "generator-function": "^2.0.0",
+        "get-proto": "^1.0.1",
+        "has-tostringtag": "^1.0.2",
+        "safe-regex-test": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-glob": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
+      "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-extglob": "^2.1.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-map": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/is-map/-/is-map-2.0.3.tgz",
+      "integrity": "sha512-1Qed0/Hr2m+YqxnM09CjA2d/i6YZNfF6R2oRAOj36eUdS6qIV/huPJNSEpKbupewFs+ZsJlxsjjPbc0/afW6Lw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-negative-zero": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/is-negative-zero/-/is-negative-zero-2.0.3.tgz",
+      "integrity": "sha512-5KoIu2Ngpyek75jXodFvnafB6DJgr3u8uuK0LEZJjrU19DrMD3EVERaR8sjz8CCGgpZvxPl9SuE1GMVPFHx1mw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-number": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
+      "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.12.0"
+      }
+    },
+    "node_modules/is-number-object": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/is-number-object/-/is-number-object-1.1.1.tgz",
+      "integrity": "sha512-lZhclumE1G6VYD8VHe35wFaIif+CTy5SJIi5+3y4psDgWu4wPDoBhF8NxUOinEc7pHgiTsT6MaBb92rKhhD+Xw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "has-tostringtag": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-path-inside": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/is-path-inside/-/is-path-inside-3.0.3.tgz",
+      "integrity": "sha512-Fd4gABb+ycGAmKou8eMftCupSir5lRxqf4aD/vd0cD2qc4HL07OjCeuHMr8Ro4CoMaeCKDB0/ECBOVWjTwUvPQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/is-regex": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/is-regex/-/is-regex-1.2.1.tgz",
+      "integrity": "sha512-MjYsKHO5O7mCsmRGxWcLWheFqN9DJ/2TmngvjKXihe6efViPqc274+Fx/4fYj/r03+ESvBdTXK0V6tA3rgez1g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "gopd": "^1.2.0",
+        "has-tostringtag": "^1.0.2",
+        "hasown": "^2.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-set": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/is-set/-/is-set-2.0.3.tgz",
+      "integrity": "sha512-iPAjerrse27/ygGLxw+EBR9agv9Y6uLeYVJMu+QNCoouJ1/1ri0mGrcWpfCqFZuzzx3WjtwxG098X+n4OuRkPg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-shared-array-buffer": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/is-shared-array-buffer/-/is-shared-array-buffer-1.0.4.tgz",
+      "integrity": "sha512-ISWac8drv4ZGfwKl5slpHG9OwPNty4jOWPRIhBpxOoD+hqITiwuipOQ2bNthAzwA3B4fIjO4Nln74N0S9byq8A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-stream": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/is-stream/-/is-stream-3.0.0.tgz",
+      "integrity": "sha512-LnQR4bZ9IADDRSkvpqMGvt/tEJWclzklNgSw48V5EAaAeDd6qGvN8ei6k5p0tvxSR171VmGyHuTiAOfxAbr8kA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/is-string": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/is-string/-/is-string-1.1.1.tgz",
+      "integrity": "sha512-BtEeSsoaQjlSPBemMQIrY1MY0uM6vnS1g5fmufYOtnxLGUZM2178PKbhsk7Ffv58IX+ZtcvoGwccYsh0PglkAA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "has-tostringtag": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-symbol": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/is-symbol/-/is-symbol-1.1.1.tgz",
+      "integrity": "sha512-9gGx6GTtCQM73BgmHQXfDmLtfjjTUDSyoxTCbp5WtoixAhfgsDirWIcVQ/IHpvI5Vgd5i/J5F7B9cN/WlVbC/w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "has-symbols": "^1.1.0",
+        "safe-regex-test": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-typed-array": {
+      "version": "1.1.15",
+      "resolved": "https://registry.npmjs.org/is-typed-array/-/is-typed-array-1.1.15.tgz",
+      "integrity": "sha512-p3EcsicXjit7SaskXHs1hA91QxgTw46Fv6EFKKGS5DRFLD8yKnohjF3hxoju94b/OcMZoQukzpPpBE9uLVKzgQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "which-typed-array": "^1.1.16"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-weakmap": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/is-weakmap/-/is-weakmap-2.0.2.tgz",
+      "integrity": "sha512-K5pXYOm9wqY1RgjpL3YTkF39tni1XajUIkawTLUo9EZEVUFga5gSQJF8nNS7ZwJQ02y+1YCNYcMh+HIf1ZqE+w==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-weakref": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/is-weakref/-/is-weakref-1.1.1.tgz",
+      "integrity": "sha512-6i9mGWSlqzNMEqpCp93KwRS1uUOodk2OJ6b+sq7ZPDSy2WuI5NFIxp/254TytR8ftefexkWn5xNiHUNpPOfSew==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-weakset": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/is-weakset/-/is-weakset-2.0.4.tgz",
+      "integrity": "sha512-mfcwb6IzQyOKTs84CQMrOwW4gQcaTOAWJ0zzJCl2WSPDrWk/OzDaImWFH3djXhb24g4eudZfLRozAvPGw4d9hQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "get-intrinsic": "^1.2.6"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/isarray": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/isarray/-/isarray-2.0.5.tgz",
+      "integrity": "sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/isexe": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
+      "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/iterator.prototype": {
+      "version": "1.1.5",
+      "resolved": "https://registry.npmjs.org/iterator.prototype/-/iterator.prototype-1.1.5.tgz",
+      "integrity": "sha512-H0dkQoCa3b2VEeKQBOxFph+JAbcrQdE7KC0UkqwpLmv2EC4P41QXP+rqo9wYodACiG5/WM5s9oDApTU8utwj9g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "define-data-property": "^1.1.4",
+        "es-object-atoms": "^1.0.0",
+        "get-intrinsic": "^1.2.6",
+        "get-proto": "^1.0.0",
+        "has-symbols": "^1.1.0",
+        "set-function-name": "^2.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/js-tokens": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
+      "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/js-yaml": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.1.tgz",
+      "integrity": "sha512-qQKT4zQxXl8lLwBtHMWwaTcGfFOZviOJet3Oy/xmGk2gZH677CJM9EvtfdSkgWcATZhj/55JZ0rmy3myCT5lsA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "argparse": "^2.0.1"
+      },
+      "bin": {
+        "js-yaml": "bin/js-yaml.js"
+      }
+    },
+    "node_modules/json-buffer": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/json-buffer/-/json-buffer-3.0.1.tgz",
+      "integrity": "sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/json-schema-traverse": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
+      "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/json-stable-stringify-without-jsonify": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz",
+      "integrity": "sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/jsx-ast-utils": {
+      "version": "3.3.5",
+      "resolved": "https://registry.npmjs.org/jsx-ast-utils/-/jsx-ast-utils-3.3.5.tgz",
+      "integrity": "sha512-ZZow9HBI5O6EPgSJLUb8n2NKgmVWTwCvHGwFuJlMjvLFqlGG6pjirPhtdsseaLZjSibD8eegzmYpUZwoIlj2cQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "array-includes": "^3.1.6",
+        "array.prototype.flat": "^1.3.1",
+        "object.assign": "^4.1.4",
+        "object.values": "^1.1.6"
+      },
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
+    "node_modules/keyv": {
+      "version": "4.5.4",
+      "resolved": "https://registry.npmjs.org/keyv/-/keyv-4.5.4.tgz",
+      "integrity": "sha512-oxVHkHR/EJf2CNXnWxRLW6mg7JyCCUcG0DtEGmL2ctUo1PNTin1PUil+r/+4r5MpVgC/fn1kjsx7mjSujKqIpw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "json-buffer": "3.0.1"
+      }
+    },
+    "node_modules/levn": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/levn/-/levn-0.4.1.tgz",
+      "integrity": "sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "prelude-ls": "^1.2.1",
+        "type-check": "~0.4.0"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/lilconfig": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/lilconfig/-/lilconfig-3.1.3.tgz",
+      "integrity": "sha512-/vlFKAoH5Cgt3Ie+JLhRbwOsCQePABiU3tJ1egGvyQ+33R/vcwM2Zl2QR/LzjsBeItPt3oSVXapn+m4nQDvpzw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/antonk52"
+      }
+    },
+    "node_modules/lint-staged": {
+      "version": "15.5.2",
+      "resolved": "https://registry.npmjs.org/lint-staged/-/lint-staged-15.5.2.tgz",
+      "integrity": "sha512-YUSOLq9VeRNAo/CTaVmhGDKG+LBtA8KF1X4K5+ykMSwWST1vDxJRB2kv2COgLb1fvpCo+A/y9A0G0znNVmdx4w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "chalk": "^5.4.1",
+        "commander": "^13.1.0",
+        "debug": "^4.4.0",
+        "execa": "^8.0.1",
+        "lilconfig": "^3.1.3",
+        "listr2": "^8.2.5",
+        "micromatch": "^4.0.8",
+        "pidtree": "^0.6.0",
+        "string-argv": "^0.3.2",
+        "yaml": "^2.7.0"
+      },
+      "bin": {
+        "lint-staged": "bin/lint-staged.js"
+      },
+      "engines": {
+        "node": ">=18.12.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/lint-staged"
+      }
+    },
+    "node_modules/lint-staged/node_modules/chalk": {
+      "version": "5.6.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-5.6.2.tgz",
+      "integrity": "sha512-7NzBL0rN6fMUW+f7A6Io4h40qQlG+xGmtMxfbnH/K7TAtt8JQWVQK+6g0UXKMeVJoyV5EkkNsErQ8pVD3bLHbA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^12.17.0 || ^14.13 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/chalk?sponsor=1"
+      }
+    },
+    "node_modules/listr2": {
+      "version": "8.3.3",
+      "resolved": "https://registry.npmjs.org/listr2/-/listr2-8.3.3.tgz",
+      "integrity": "sha512-LWzX2KsqcB1wqQ4AHgYb4RsDXauQiqhjLk+6hjbaeHG4zpjjVAB6wC/gz6X0l+Du1cN3pUB5ZlrvTbhGSNnUQQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "cli-truncate": "^4.0.0",
+        "colorette": "^2.0.20",
+        "eventemitter3": "^5.0.1",
+        "log-update": "^6.1.0",
+        "rfdc": "^1.4.1",
+        "wrap-ansi": "^9.0.0"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      }
+    },
+    "node_modules/locate-path": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-6.0.0.tgz",
+      "integrity": "sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "p-locate": "^5.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/lodash.merge": {
+      "version": "4.6.2",
+      "resolved": "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz",
+      "integrity": "sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/log-update": {
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/log-update/-/log-update-6.1.0.tgz",
+      "integrity": "sha512-9ie8ItPR6tjY5uYJh8K/Zrv/RMZ5VOlOWvtZdEHYSTFKZfIBPQa9tOAEeAWhd+AnIneLJ22w5fjOYtoutpWq5w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-escapes": "^7.0.0",
+        "cli-cursor": "^5.0.0",
+        "slice-ansi": "^7.1.0",
+        "strip-ansi": "^7.1.0",
+        "wrap-ansi": "^9.0.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/log-update/node_modules/ansi-regex": {
+      "version": "6.2.2",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.2.2.tgz",
+      "integrity": "sha512-Bq3SmSpyFHaWjPk8If9yc6svM8c56dB5BAtW4Qbw5jHTwwXXcTLoRMkpDJp6VL0XzlWaCHTXrkFURMYmD0sLqg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-regex?sponsor=1"
+      }
+    },
+    "node_modules/log-update/node_modules/ansi-styles": {
+      "version": "6.2.3",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-6.2.3.tgz",
+      "integrity": "sha512-4Dj6M28JB+oAH8kFkTLUo+a2jwOFkuqb3yucU0CANcRRUbxS0cP0nZYCGjcc3BNXwRIsUVmDGgzawme7zvJHvg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/log-update/node_modules/is-fullwidth-code-point": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-5.1.0.tgz",
+      "integrity": "sha512-5XHYaSyiqADb4RnZ1Bdad6cPp8Toise4TzEjcOYDHZkTCbKgiUl7WTUCpNWHuxmDt91wnsZBc9xinNzopv3JMQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "get-east-asian-width": "^1.3.1"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/log-update/node_modules/slice-ansi": {
+      "version": "7.1.2",
+      "resolved": "https://registry.npmjs.org/slice-ansi/-/slice-ansi-7.1.2.tgz",
+      "integrity": "sha512-iOBWFgUX7caIZiuutICxVgX1SdxwAVFFKwt1EvMYYec/NWO5meOJ6K5uQxhrYBdQJne4KxiqZc+KptFOWFSI9w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^6.2.1",
+        "is-fullwidth-code-point": "^5.0.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/slice-ansi?sponsor=1"
+      }
+    },
+    "node_modules/log-update/node_modules/strip-ansi": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.2.0.tgz",
+      "integrity": "sha512-yDPMNjp4WyfYBkHnjIRLfca1i6KMyGCtsVgoKe/z1+6vukgaENdgGBZt+ZmKPc4gavvEZ5OgHfHdrazhgNyG7w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-regex": "^6.2.2"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/strip-ansi?sponsor=1"
+      }
+    },
+    "node_modules/loose-envify": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz",
+      "integrity": "sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "js-tokens": "^3.0.0 || ^4.0.0"
+      },
+      "bin": {
+        "loose-envify": "cli.js"
+      }
+    },
+    "node_modules/math-intrinsics": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/math-intrinsics/-/math-intrinsics-1.1.0.tgz",
+      "integrity": "sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/merge-stream": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/merge-stream/-/merge-stream-2.0.0.tgz",
+      "integrity": "sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/micromatch": {
+      "version": "4.0.8",
+      "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.8.tgz",
+      "integrity": "sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "braces": "^3.0.3",
+        "picomatch": "^2.3.1"
+      },
+      "engines": {
+        "node": ">=8.6"
+      }
+    },
+    "node_modules/mimic-fn": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/mimic-fn/-/mimic-fn-4.0.0.tgz",
+      "integrity": "sha512-vqiC06CuhBTUdZH+RYl8sFrL096vA45Ok5ISO6sE/Mr1jRbGH4Csnhi8f3wKVl7x8mO4Au7Ir9D3Oyv1VYMFJw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/mimic-function": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/mimic-function/-/mimic-function-5.0.1.tgz",
+      "integrity": "sha512-VP79XUPxV2CigYP3jWwAUFSku2aKqBH7uTAapFWCBqutsbmDo96KY5o8uh6U+/YSIn5OxJnXp73beVkpqMIGhA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/minimatch": {
+      "version": "3.1.5",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.5.tgz",
+      "integrity": "sha512-VgjWUsnnT6n+NUk6eZq77zeFdpW2LWDzP6zFGrCbHXiYNul5Dzqk2HHQ5uFH2DNW5Xbp8+jVzaeNt94ssEEl4w==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "brace-expansion": "^1.1.7"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/ms": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
+      "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/natural-compare": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/natural-compare/-/natural-compare-1.4.0.tgz",
+      "integrity": "sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/node-exports-info": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/node-exports-info/-/node-exports-info-1.6.0.tgz",
+      "integrity": "sha512-pyFS63ptit/P5WqUkt+UUfe+4oevH+bFeIiPPdfb0pFeYEu/1ELnJu5l+5EcTKYL5M7zaAa7S8ddywgXypqKCw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "array.prototype.flatmap": "^1.3.3",
+        "es-errors": "^1.3.0",
+        "object.entries": "^1.1.9",
+        "semver": "^6.3.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/npm-run-path": {
+      "version": "5.3.0",
+      "resolved": "https://registry.npmjs.org/npm-run-path/-/npm-run-path-5.3.0.tgz",
+      "integrity": "sha512-ppwTtiJZq0O/ai0z7yfudtBpWIoxM8yE6nHi1X47eFR2EWORqfbu6CnPlNsjeN683eT0qG6H/Pyf9fCcvjnnnQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "path-key": "^4.0.0"
+      },
+      "engines": {
+        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/npm-run-path/node_modules/path-key": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/path-key/-/path-key-4.0.0.tgz",
+      "integrity": "sha512-haREypq7xkM7ErfgIyA0z+Bj4AGKlMSdlQE2jvJo6huWD1EdkKYV+G/T4nq0YEF2vgTT8kqMFKo1uHn950r4SQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/object-assign": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
+      "integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/object-inspect": {
+      "version": "1.13.4",
+      "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.13.4.tgz",
+      "integrity": "sha512-W67iLl4J2EXEGTbfeHCffrjDfitvLANg0UlX3wFUUSTx92KXRFegMHUVgSqE+wvhAbi4WqjGg9czysTV2Epbew==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/object-keys": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/object-keys/-/object-keys-1.1.1.tgz",
+      "integrity": "sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/object.assign": {
+      "version": "4.1.7",
+      "resolved": "https://registry.npmjs.org/object.assign/-/object.assign-4.1.7.tgz",
+      "integrity": "sha512-nK28WOo+QIjBkDduTINE4JkF/UJJKyf2EJxvJKfblDpyg0Q+pkOHNTL0Qwy6NP6FhE/EnzV73BxxqcJaXY9anw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.3",
+        "define-properties": "^1.2.1",
+        "es-object-atoms": "^1.0.0",
+        "has-symbols": "^1.1.0",
+        "object-keys": "^1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/object.entries": {
+      "version": "1.1.9",
+      "resolved": "https://registry.npmjs.org/object.entries/-/object.entries-1.1.9.tgz",
+      "integrity": "sha512-8u/hfXFRBD1O0hPUjioLhoWFHRmt6tKA4/vZPyckBr18l1KE9uHrFaFaUi8MDRTpi4uak2goyPTSNJLXX2k2Hw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.4",
+        "define-properties": "^1.2.1",
+        "es-object-atoms": "^1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/object.fromentries": {
+      "version": "2.0.8",
+      "resolved": "https://registry.npmjs.org/object.fromentries/-/object.fromentries-2.0.8.tgz",
+      "integrity": "sha512-k6E21FzySsSK5a21KRADBd/NGneRegFO5pLHfdQLpRDETUNJueLXs3WCzyQ3tFRDYgbq3KHGXfTbi2bs8WQ6rQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.7",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.2",
+        "es-object-atoms": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/object.values": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/object.values/-/object.values-1.2.1.tgz",
+      "integrity": "sha512-gXah6aZrcUxjWg2zR2MwouP2eHlCBzdV4pygudehaKXSGW4v2AsRQUK+lwwXhii6KFZcunEnmSUoYp5CXibxtA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.3",
+        "define-properties": "^1.2.1",
+        "es-object-atoms": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/once": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz",
+      "integrity": "sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "wrappy": "1"
+      }
+    },
+    "node_modules/onetime": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/onetime/-/onetime-6.0.0.tgz",
+      "integrity": "sha512-1FlR+gjXK7X+AsAHso35MnyN5KqGwJRi/31ft6x0M194ht7S+rWAvd7PHss9xSKMzE0asv1pyIHaJYq+BbacAQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "mimic-fn": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/optionator": {
+      "version": "0.9.4",
+      "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.9.4.tgz",
+      "integrity": "sha512-6IpQ7mKUxRcZNLIObR0hz7lxsapSSIYNZJwXPGeF0mTVqGKFIXj1DQcMoT22S3ROcLyY/rz0PWaWZ9ayWmad9g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "deep-is": "^0.1.3",
+        "fast-levenshtein": "^2.0.6",
+        "levn": "^0.4.1",
+        "prelude-ls": "^1.2.1",
+        "type-check": "^0.4.0",
+        "word-wrap": "^1.2.5"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/own-keys": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/own-keys/-/own-keys-1.0.1.tgz",
+      "integrity": "sha512-qFOyK5PjiWZd+QQIh+1jhdb9LpxTF0qs7Pm8o5QHYZ0M3vKqSqzsZaEB6oWlxZ+q2sJBMI/Ktgd2N5ZwQoRHfg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "get-intrinsic": "^1.2.6",
+        "object-keys": "^1.1.1",
+        "safe-push-apply": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/p-limit": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-3.1.0.tgz",
+      "integrity": "sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "yocto-queue": "^0.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/p-locate": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-5.0.0.tgz",
+      "integrity": "sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "p-limit": "^3.0.2"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/parent-module": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz",
+      "integrity": "sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "callsites": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/path-exists": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz",
+      "integrity": "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/path-is-absolute": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz",
+      "integrity": "sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/path-key": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz",
+      "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/path-parse": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz",
+      "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/picomatch": {
+      "version": "2.3.2",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.2.tgz",
+      "integrity": "sha512-V7+vQEJ06Z+c5tSye8S+nHUfI51xoXIXjHQ99cQtKUkQqqO1kO/KCJUfZXuB47h/YBlDhah2H3hdUGXn8ie0oA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
+    "node_modules/pidtree": {
+      "version": "0.6.0",
+      "resolved": "https://registry.npmjs.org/pidtree/-/pidtree-0.6.0.tgz",
+      "integrity": "sha512-eG2dWTVw5bzqGRztnHExczNxt5VGsE6OwTeCG3fdUf9KBsZzO3R5OIIIzWR+iZA0NtZ+RDVdaoE2dK1cn6jH4g==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "pidtree": "bin/pidtree.js"
+      },
+      "engines": {
+        "node": ">=0.10"
+      }
+    },
+    "node_modules/possible-typed-array-names": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/possible-typed-array-names/-/possible-typed-array-names-1.1.0.tgz",
+      "integrity": "sha512-/+5VFTchJDoVj3bhoqi6UeymcD00DAwb1nJwamzPvHEszJ4FpF6SNNbUbOS8yI56qHzdV8eK0qEfOSiodkTdxg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/prelude-ls": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.2.1.tgz",
+      "integrity": "sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/prettier": {
+      "version": "3.8.3",
+      "resolved": "https://registry.npmjs.org/prettier/-/prettier-3.8.3.tgz",
+      "integrity": "sha512-7igPTM53cGHMW8xWuVTydi2KO233VFiTNyF5hLJqpilHfmn8C8gPf+PS7dUT64YcXFbiMGZxS9pCSxL/Dxm/Jw==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "prettier": "bin/prettier.cjs"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "url": "https://github.com/prettier/prettier?sponsor=1"
+      }
+    },
+    "node_modules/prop-types": {
+      "version": "15.8.1",
+      "resolved": "https://registry.npmjs.org/prop-types/-/prop-types-15.8.1.tgz",
+      "integrity": "sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "loose-envify": "^1.4.0",
+        "object-assign": "^4.1.1",
+        "react-is": "^16.13.1"
+      }
+    },
+    "node_modules/punycode": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.1.tgz",
+      "integrity": "sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/queue-microtask": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz",
+      "integrity": "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "MIT"
+    },
+    "node_modules/react-is": {
+      "version": "16.13.1",
+      "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
+      "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/reflect.getprototypeof": {
+      "version": "1.0.10",
+      "resolved": "https://registry.npmjs.org/reflect.getprototypeof/-/reflect.getprototypeof-1.0.10.tgz",
+      "integrity": "sha512-00o4I+DVrefhv+nX0ulyi3biSHCPDe+yLv5o/p6d/UVlirijB8E16FtfwSAi4g3tcqrQ4lRAqQSoFEZJehYEcw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.9",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.0.0",
+        "get-intrinsic": "^1.2.7",
+        "get-proto": "^1.0.1",
+        "which-builtin-type": "^1.2.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/regexp.prototype.flags": {
+      "version": "1.5.4",
+      "resolved": "https://registry.npmjs.org/regexp.prototype.flags/-/regexp.prototype.flags-1.5.4.tgz",
+      "integrity": "sha512-dYqgNSZbDwkaJ2ceRd9ojCGjBq+mOm9LmtXnAnEGyHhN/5R7iDW2TRw3h+o/jCFxus3P2LfWIIiwowAjANm7IA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "define-properties": "^1.2.1",
+        "es-errors": "^1.3.0",
+        "get-proto": "^1.0.1",
+        "gopd": "^1.2.0",
+        "set-function-name": "^2.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/resolve": {
+      "version": "2.0.0-next.7",
+      "resolved": "https://registry.npmjs.org/resolve/-/resolve-2.0.0-next.7.tgz",
+      "integrity": "sha512-tqt+NBWwyaMgw3zDsnygx4CByWjQEJHOPMdslYhppaQSJUtL/D4JO9CcBBlhPoI8lz9oJIDXkwXfhF4aWqP8xQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "is-core-module": "^2.16.2",
+        "node-exports-info": "^1.6.0",
+        "object-keys": "^1.1.1",
+        "path-parse": "^1.0.7",
+        "supports-preserve-symlinks-flag": "^1.0.0"
+      },
+      "bin": {
+        "resolve": "bin/resolve"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/resolve-from": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz",
+      "integrity": "sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/restore-cursor": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/restore-cursor/-/restore-cursor-5.1.0.tgz",
+      "integrity": "sha512-oMA2dcrw6u0YfxJQXm342bFKX/E4sG9rbTzO9ptUcR/e8A33cHuvStiYOwH7fszkZlZ1z/ta9AAoPk2F4qIOHA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "onetime": "^7.0.0",
+        "signal-exit": "^4.1.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/restore-cursor/node_modules/onetime": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/onetime/-/onetime-7.0.0.tgz",
+      "integrity": "sha512-VXJjc87FScF88uafS3JllDgvAm+c/Slfz06lorj2uAY34rlUu0Nt+v8wreiImcrgAjjIHp1rXpTDlLOGw29WwQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "mimic-function": "^5.0.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/reusify": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/reusify/-/reusify-1.1.0.tgz",
+      "integrity": "sha512-g6QUff04oZpHs0eG5p83rFLhHeV00ug/Yf9nZM6fLeUrPguBTkTQOdpAWWspMh55TZfVQDPaN3NQJfbVRAxdIw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "iojs": ">=1.0.0",
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/rfdc": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/rfdc/-/rfdc-1.4.1.tgz",
+      "integrity": "sha512-q1b3N5QkRUWUl7iyylaaj3kOpIT0N2i9MqIEQXP73GVsN9cw3fdx8X63cEmWhJGi2PPCF23Ijp7ktmd39rawIA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/rimraf": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-3.0.2.tgz",
+      "integrity": "sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==",
+      "deprecated": "Rimraf versions prior to v4 are no longer supported",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "glob": "^7.1.3"
+      },
+      "bin": {
+        "rimraf": "bin.js"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/run-parallel": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz",
+      "integrity": "sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "queue-microtask": "^1.2.2"
+      }
+    },
+    "node_modules/safe-array-concat": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/safe-array-concat/-/safe-array-concat-1.1.4.tgz",
+      "integrity": "sha512-wtZlHyOje6OZTGqAoaDKxFkgRtkF9CnHAVnCHKfuj200wAgL+bSJhdsCD2l0Qx/2ekEXjPWcyKkfGb5CPboslg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.9",
+        "call-bound": "^1.0.4",
+        "get-intrinsic": "^1.3.0",
+        "has-symbols": "^1.1.0",
+        "isarray": "^2.0.5"
+      },
+      "engines": {
+        "node": ">=0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/safe-push-apply": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/safe-push-apply/-/safe-push-apply-1.0.0.tgz",
+      "integrity": "sha512-iKE9w/Z7xCzUMIZqdBsp6pEQvwuEebH4vdpjcDWnyzaI6yl6O9FHvVpmGelvEHNsoY6wGblkxR6Zty/h00WiSA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "isarray": "^2.0.5"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/safe-regex-test": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/safe-regex-test/-/safe-regex-test-1.1.0.tgz",
+      "integrity": "sha512-x/+Cz4YrimQxQccJf5mKEbIa1NzeCRNI5Ecl/ekmlYaampdNLPalVyIcCZNNH3MvmqBugV5TMYZXv0ljslUlaw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "es-errors": "^1.3.0",
+        "is-regex": "^1.2.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/semver": {
+      "version": "6.3.1",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
+      "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
+      "dev": true,
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      }
+    },
+    "node_modules/set-function-length": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/set-function-length/-/set-function-length-1.2.2.tgz",
+      "integrity": "sha512-pgRc4hJ4/sNjWCSS9AmnS40x3bNMDTknHgL5UaMBTMyJnU90EgWh1Rz+MC9eFu4BuN/UwZjKQuY/1v3rM7HMfg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "define-data-property": "^1.1.4",
+        "es-errors": "^1.3.0",
+        "function-bind": "^1.1.2",
+        "get-intrinsic": "^1.2.4",
+        "gopd": "^1.0.1",
+        "has-property-descriptors": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/set-function-name": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/set-function-name/-/set-function-name-2.0.2.tgz",
+      "integrity": "sha512-7PGFlmtwsEADb0WYyvCMa1t+yke6daIG4Wirafur5kcf+MhUnPms1UeR0CKQdTZD81yESwMHbtn+TR+dMviakQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "define-data-property": "^1.1.4",
+        "es-errors": "^1.3.0",
+        "functions-have-names": "^1.2.3",
+        "has-property-descriptors": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/set-proto": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/set-proto/-/set-proto-1.0.0.tgz",
+      "integrity": "sha512-RJRdvCo6IAnPdsvP/7m6bsQqNnn1FCBX5ZNtFL98MmFF/4xAIJTIg1YbHW5DC2W5SKZanrC6i4HsJqlajw/dZw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "dunder-proto": "^1.0.1",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/shebang-command": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
+      "integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "shebang-regex": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/shebang-regex": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz",
+      "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/side-channel": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.1.0.tgz",
+      "integrity": "sha512-ZX99e6tRweoUXqR+VBrslhda51Nh5MTQwou5tnUDgbtyM0dBgmhEDtWGP/xbKn6hqfPRHujUNwz5fy/wbbhnpw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "object-inspect": "^1.13.3",
+        "side-channel-list": "^1.0.0",
+        "side-channel-map": "^1.0.1",
+        "side-channel-weakmap": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/side-channel-list": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/side-channel-list/-/side-channel-list-1.0.1.tgz",
+      "integrity": "sha512-mjn/0bi/oUURjc5Xl7IaWi/OJJJumuoJFQJfDDyO46+hBWsfaVM65TBHq2eoZBhzl9EchxOijpkbRC8SVBQU0w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "object-inspect": "^1.13.4"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/side-channel-map": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/side-channel-map/-/side-channel-map-1.0.1.tgz",
+      "integrity": "sha512-VCjCNfgMsby3tTdo02nbjtM/ewra6jPHmpThenkTYh8pG9ucZ/1P8So4u4FGBek/BjpOVsDCMoLA/iuBKIFXRA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.5",
+        "object-inspect": "^1.13.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/side-channel-weakmap": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/side-channel-weakmap/-/side-channel-weakmap-1.0.2.tgz",
+      "integrity": "sha512-WPS/HvHQTYnHisLo9McqBHOJk2FkHO/tlpvldyrnem4aeQp4hai3gythswg6p01oSoTl58rcpiFAjF2br2Ak2A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.5",
+        "object-inspect": "^1.13.3",
+        "side-channel-map": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/signal-exit": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-4.1.0.tgz",
+      "integrity": "sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/slice-ansi": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/slice-ansi/-/slice-ansi-5.0.0.tgz",
+      "integrity": "sha512-FC+lgizVPfie0kkhqUScwRu1O/lF6NOgJmlCgK+/LYxDCTk8sGelYaHDhFcDN+Sn3Cv+3VSa4Byeo+IMCzpMgQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^6.0.0",
+        "is-fullwidth-code-point": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/slice-ansi?sponsor=1"
+      }
+    },
+    "node_modules/slice-ansi/node_modules/ansi-styles": {
+      "version": "6.2.3",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-6.2.3.tgz",
+      "integrity": "sha512-4Dj6M28JB+oAH8kFkTLUo+a2jwOFkuqb3yucU0CANcRRUbxS0cP0nZYCGjcc3BNXwRIsUVmDGgzawme7zvJHvg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/stop-iteration-iterator": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/stop-iteration-iterator/-/stop-iteration-iterator-1.1.0.tgz",
+      "integrity": "sha512-eLoXW/DHyl62zxY4SCaIgnRhuMr6ri4juEYARS8E6sCEqzKpOiE521Ucofdx+KnDZl5xmvGYaaKCk5FEOxJCoQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "internal-slot": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/string-argv": {
+      "version": "0.3.2",
+      "resolved": "https://registry.npmjs.org/string-argv/-/string-argv-0.3.2.tgz",
+      "integrity": "sha512-aqD2Q0144Z+/RqG52NeHEkZauTAUWJO8c6yTftGJKO3Tja5tUgIfmIl6kExvhtxSDP7fXB6DvzkfMpCd/F3G+Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.6.19"
+      }
+    },
+    "node_modules/string-width": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/string-width/-/string-width-7.2.0.tgz",
+      "integrity": "sha512-tsaTIkKW9b4N+AEj+SVA+WhJzV7/zMhcSu78mLKWSk7cXMOSHsBKFWUs0fWwq8QyK3MgJBQRX6Gbi4kYbdvGkQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "emoji-regex": "^10.3.0",
+        "get-east-asian-width": "^1.0.0",
+        "strip-ansi": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/string-width/node_modules/ansi-regex": {
+      "version": "6.2.2",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.2.2.tgz",
+      "integrity": "sha512-Bq3SmSpyFHaWjPk8If9yc6svM8c56dB5BAtW4Qbw5jHTwwXXcTLoRMkpDJp6VL0XzlWaCHTXrkFURMYmD0sLqg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-regex?sponsor=1"
+      }
+    },
+    "node_modules/string-width/node_modules/strip-ansi": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.2.0.tgz",
+      "integrity": "sha512-yDPMNjp4WyfYBkHnjIRLfca1i6KMyGCtsVgoKe/z1+6vukgaENdgGBZt+ZmKPc4gavvEZ5OgHfHdrazhgNyG7w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-regex": "^6.2.2"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/strip-ansi?sponsor=1"
+      }
+    },
+    "node_modules/string.prototype.matchall": {
+      "version": "4.0.12",
+      "resolved": "https://registry.npmjs.org/string.prototype.matchall/-/string.prototype.matchall-4.0.12.tgz",
+      "integrity": "sha512-6CC9uyBL+/48dYizRf7H7VAYCMCNTBeM78x/VTUe9bFEaxBepPJDa1Ow99LqI/1yF7kuy7Q3cQsYMrcjGUcskA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.3",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.6",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.0.0",
+        "get-intrinsic": "^1.2.6",
+        "gopd": "^1.2.0",
+        "has-symbols": "^1.1.0",
+        "internal-slot": "^1.1.0",
+        "regexp.prototype.flags": "^1.5.3",
+        "set-function-name": "^2.0.2",
+        "side-channel": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/string.prototype.repeat": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/string.prototype.repeat/-/string.prototype.repeat-1.0.0.tgz",
+      "integrity": "sha512-0u/TldDbKD8bFCQ/4f5+mNRrXwZ8hg2w7ZR8wa16e8z9XpePWl3eGEcUD0OXpEH/VJH/2G3gjUtR3ZOiBe2S/w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "define-properties": "^1.1.3",
+        "es-abstract": "^1.17.5"
+      }
+    },
+    "node_modules/string.prototype.trim": {
+      "version": "1.2.10",
+      "resolved": "https://registry.npmjs.org/string.prototype.trim/-/string.prototype.trim-1.2.10.tgz",
+      "integrity": "sha512-Rs66F0P/1kedk5lyYyH9uBzuiI/kNRmwJAR9quK6VOtIpZ2G+hMZd+HQbbv25MgCA6gEffoMZYxlTod4WcdrKA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.2",
+        "define-data-property": "^1.1.4",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.5",
+        "es-object-atoms": "^1.0.0",
+        "has-property-descriptors": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/string.prototype.trimend": {
+      "version": "1.0.9",
+      "resolved": "https://registry.npmjs.org/string.prototype.trimend/-/string.prototype.trimend-1.0.9.tgz",
+      "integrity": "sha512-G7Ok5C6E/j4SGfyLCloXTrngQIQU3PWtXGst3yM7Bea9FRURf1S42ZHlZZtsNque2FN2PoUhfZXYLNWwEr4dLQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.2",
+        "define-properties": "^1.2.1",
+        "es-object-atoms": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/string.prototype.trimstart": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/string.prototype.trimstart/-/string.prototype.trimstart-1.0.8.tgz",
+      "integrity": "sha512-UXSH262CSZY1tfu3G3Secr6uGLCFVPMhIqHjlgCUtCCcgihYc/xKs9djMTMUOb2j1mVSeU8EU6NWc/iQKU6Gfg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.7",
+        "define-properties": "^1.2.1",
+        "es-object-atoms": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/strip-ansi": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
+      "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-regex": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/strip-final-newline": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/strip-final-newline/-/strip-final-newline-3.0.0.tgz",
+      "integrity": "sha512-dOESqjYr96iWYylGObzd39EuNTa5VJxyvVAEm5Jnh7KGo75V43Hk1odPQkNDyXNmUR6k+gEiDVXnjB8HJ3crXw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/strip-json-comments": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-3.1.1.tgz",
+      "integrity": "sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/supports-color": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+      "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "has-flag": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/supports-preserve-symlinks-flag": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz",
+      "integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/text-table": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/text-table/-/text-table-0.2.0.tgz",
+      "integrity": "sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/to-regex-range": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
+      "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-number": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=8.0"
+      }
+    },
+    "node_modules/type-check": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/type-check/-/type-check-0.4.0.tgz",
+      "integrity": "sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "prelude-ls": "^1.2.1"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/type-fest": {
+      "version": "0.20.2",
+      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.20.2.tgz",
+      "integrity": "sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==",
+      "dev": true,
+      "license": "(MIT OR CC0-1.0)",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/typed-array-buffer": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/typed-array-buffer/-/typed-array-buffer-1.0.3.tgz",
+      "integrity": "sha512-nAYYwfY3qnzX30IkA6AQZjVbtK6duGontcQm1WSG1MD94YLqK0515GNApXkoxKOWMusVssAHWLh9SeaoefYFGw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "es-errors": "^1.3.0",
+        "is-typed-array": "^1.1.14"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/typed-array-byte-length": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/typed-array-byte-length/-/typed-array-byte-length-1.0.3.tgz",
+      "integrity": "sha512-BaXgOuIxz8n8pIq3e7Atg/7s+DpiYrxn4vdot3w9KbnBhcRQq6o3xemQdIfynqSeXeDrF32x+WvfzmOjPiY9lg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "for-each": "^0.3.3",
+        "gopd": "^1.2.0",
+        "has-proto": "^1.2.0",
+        "is-typed-array": "^1.1.14"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/typed-array-byte-offset": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/typed-array-byte-offset/-/typed-array-byte-offset-1.0.4.tgz",
+      "integrity": "sha512-bTlAFB/FBYMcuX81gbL4OcpH5PmlFHqlCCpAl8AlEzMz5k53oNDvN8p1PNOWLEmI2x4orp3raOFB51tv9X+MFQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "available-typed-arrays": "^1.0.7",
+        "call-bind": "^1.0.8",
+        "for-each": "^0.3.3",
+        "gopd": "^1.2.0",
+        "has-proto": "^1.2.0",
+        "is-typed-array": "^1.1.15",
+        "reflect.getprototypeof": "^1.0.9"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/typed-array-length": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/typed-array-length/-/typed-array-length-1.0.7.tgz",
+      "integrity": "sha512-3KS2b+kL7fsuk/eJZ7EQdnEmQoaho/r6KUef7hxvltNA5DR8NAUM+8wJMbJyZ4G9/7i3v5zPBIMN5aybAh2/Jg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.7",
+        "for-each": "^0.3.3",
+        "gopd": "^1.0.1",
+        "is-typed-array": "^1.1.13",
+        "possible-typed-array-names": "^1.0.0",
+        "reflect.getprototypeof": "^1.0.6"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/unbox-primitive": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/unbox-primitive/-/unbox-primitive-1.1.0.tgz",
+      "integrity": "sha512-nWJ91DjeOkej/TA8pXQ3myruKpKEYgqvpw9lz4OPHj/NWFNluYrjbz9j01CJ8yKQd2g4jFoOkINCTW2I5LEEyw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "has-bigints": "^1.0.2",
+        "has-symbols": "^1.1.0",
+        "which-boxed-primitive": "^1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/uri-js": {
+      "version": "4.4.1",
+      "resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.4.1.tgz",
+      "integrity": "sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "punycode": "^2.1.0"
+      }
+    },
+    "node_modules/which": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
+      "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "isexe": "^2.0.0"
+      },
+      "bin": {
+        "node-which": "bin/node-which"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/which-boxed-primitive": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/which-boxed-primitive/-/which-boxed-primitive-1.1.1.tgz",
+      "integrity": "sha512-TbX3mj8n0odCBFVlY8AxkqcHASw3L60jIuF8jFP78az3C2YhmGvqbHBpAjTRH2/xqYunrJ9g1jSyjCjpoWzIAA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-bigint": "^1.1.0",
+        "is-boolean-object": "^1.2.1",
+        "is-number-object": "^1.1.1",
+        "is-string": "^1.1.1",
+        "is-symbol": "^1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/which-builtin-type": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/which-builtin-type/-/which-builtin-type-1.2.1.tgz",
+      "integrity": "sha512-6iBczoX+kDQ7a3+YJBnh3T+KZRxM/iYNPXicqk66/Qfm1b93iu+yOImkg0zHbj5LNOcNv1TEADiZ0xa34B4q6Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "function.prototype.name": "^1.1.6",
+        "has-tostringtag": "^1.0.2",
+        "is-async-function": "^2.0.0",
+        "is-date-object": "^1.1.0",
+        "is-finalizationregistry": "^1.1.0",
+        "is-generator-function": "^1.0.10",
+        "is-regex": "^1.2.1",
+        "is-weakref": "^1.0.2",
+        "isarray": "^2.0.5",
+        "which-boxed-primitive": "^1.1.0",
+        "which-collection": "^1.0.2",
+        "which-typed-array": "^1.1.16"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/which-collection": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/which-collection/-/which-collection-1.0.2.tgz",
+      "integrity": "sha512-K4jVyjnBdgvc86Y6BkaLZEN933SwYOuBFkdmBu9ZfkcAbdVbpITnDmjvZ/aQjRXQrv5EPkTnD1s39GiiqbngCw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-map": "^2.0.3",
+        "is-set": "^2.0.3",
+        "is-weakmap": "^2.0.2",
+        "is-weakset": "^2.0.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/which-typed-array": {
+      "version": "1.1.20",
+      "resolved": "https://registry.npmjs.org/which-typed-array/-/which-typed-array-1.1.20.tgz",
+      "integrity": "sha512-LYfpUkmqwl0h9A2HL09Mms427Q1RZWuOHsukfVcKRq9q95iQxdw0ix1JQrqbcDR9PH1QDwf5Qo8OZb5lksZ8Xg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "available-typed-arrays": "^1.0.7",
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.4",
+        "for-each": "^0.3.5",
+        "get-proto": "^1.0.1",
+        "gopd": "^1.2.0",
+        "has-tostringtag": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/word-wrap": {
+      "version": "1.2.5",
+      "resolved": "https://registry.npmjs.org/word-wrap/-/word-wrap-1.2.5.tgz",
+      "integrity": "sha512-BN22B5eaMMI9UMtjrGd5g5eCYPpCPDUy0FJXbYsaT5zYxjFOckS53SQDE3pWkVoWpHXVb3BrYcEN4Twa55B5cA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/wrap-ansi": {
+      "version": "9.0.2",
+      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-9.0.2.tgz",
+      "integrity": "sha512-42AtmgqjV+X1VpdOfyTGOYRi0/zsoLqtXQckTmqTeybT+BDIbM/Guxo7x3pE2vtpr1ok6xRqM9OpBe+Jyoqyww==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^6.2.1",
+        "string-width": "^7.0.0",
+        "strip-ansi": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
+      }
+    },
+    "node_modules/wrap-ansi/node_modules/ansi-regex": {
+      "version": "6.2.2",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.2.2.tgz",
+      "integrity": "sha512-Bq3SmSpyFHaWjPk8If9yc6svM8c56dB5BAtW4Qbw5jHTwwXXcTLoRMkpDJp6VL0XzlWaCHTXrkFURMYmD0sLqg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-regex?sponsor=1"
+      }
+    },
+    "node_modules/wrap-ansi/node_modules/ansi-styles": {
+      "version": "6.2.3",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-6.2.3.tgz",
+      "integrity": "sha512-4Dj6M28JB+oAH8kFkTLUo+a2jwOFkuqb3yucU0CANcRRUbxS0cP0nZYCGjcc3BNXwRIsUVmDGgzawme7zvJHvg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/wrap-ansi/node_modules/strip-ansi": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.2.0.tgz",
+      "integrity": "sha512-yDPMNjp4WyfYBkHnjIRLfca1i6KMyGCtsVgoKe/z1+6vukgaENdgGBZt+ZmKPc4gavvEZ5OgHfHdrazhgNyG7w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-regex": "^6.2.2"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/strip-ansi?sponsor=1"
+      }
+    },
+    "node_modules/wrappy": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
+      "integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/yaml": {
+      "version": "2.9.0",
+      "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.9.0.tgz",
+      "integrity": "sha512-2AvhNX3mb8zd6Zy7INTtSpl1F15HW6Wnqj0srWlkKLcpYl/gMIMJiyuGq2KeI2YFxUPjdlB+3Lc10seMLtL4cA==",
+      "dev": true,
+      "license": "ISC",
+      "bin": {
+        "yaml": "bin.mjs"
+      },
+      "engines": {
+        "node": ">= 14.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/eemeli"
+      }
+    },
+    "node_modules/yocto-queue": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz",
+      "integrity": "sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
       }
     }
   }
diff --git a/package.json b/package.json
index af66b8d..269e455 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,27 @@
 {
-  "dependencies": {
-    "@mui/material": "^7.2.0",
-    "canvas-confetti": "^1.9.3",
-    "use-sound": "^5.0.0"
+  "name": "socket.io-games",
+  "private": true,
+  "scripts": {
+    "lint": "eslint . --ext .js,.jsx",
+    "format": "prettier --write .",
+    "format:check": "prettier --check .",
+    "prepare": "husky"
+  },
+  "lint-staged": {
+    "*.{js,jsx}": [
+      "eslint --fix",
+      "prettier --write"
+    ],
+    "*.{json,md,css}": [
+      "prettier --write"
+    ]
+  },
+  "devDependencies": {
+    "eslint": "^8.57.0",
+    "eslint-plugin-react": "^7.34.0",
+    "eslint-plugin-react-hooks": "^4.6.0",
+    "husky": "^9.0.0",
+    "lint-staged": "^15.2.0",
+    "prettier": "^3.2.0"
   }
 }
diff --git a/pro/README.md b/pro/README.md
deleted file mode 100644
index 58beeac..0000000
--- a/pro/README.md
+++ /dev/null
@@ -1,70 +0,0 @@
-# Getting Started with Create React App
-
-This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).
-
-## Available Scripts
-
-In the project directory, you can run:
-
-### `npm start`
-
-Runs the app in the development mode.\
-Open [http://localhost:3000](http://localhost:3000) to view it in your browser.
-
-The page will reload when you make changes.\
-You may also see any lint errors in the console.
-
-### `npm test`
-
-Launches the test runner in the interactive watch mode.\
-See the section about [running tests](https://facebook.github.io/create-react-app/docs/running-tests) for more information.
-
-### `npm run build`
-
-Builds the app for production to the `build` folder.\
-It correctly bundles React in production mode and optimizes the build for the best performance.
-
-The build is minified and the filenames include the hashes.\
-Your app is ready to be deployed!
-
-See the section about [deployment](https://facebook.github.io/create-react-app/docs/deployment) for more information.
-
-### `npm run eject`
-
-**Note: this is a one-way operation. Once you `eject`, you can't go back!**
-
-If you aren't satisfied with the build tool and configuration choices, you can `eject` at any time. This command will remove the single build dependency from your project.
-
-Instead, it will copy all the configuration files and the transitive dependencies (webpack, Babel, ESLint, etc) right into your project so you have full control over them. All of the commands except `eject` will still work, but they will point to the copied scripts so you can tweak them. At this point you're on your own.
-
-You don't have to ever use `eject`. The curated feature set is suitable for small and middle deployments, and you shouldn't feel obligated to use this feature. However we understand that this tool wouldn't be useful if you couldn't customize it when you are ready for it.
-
-## Learn More
-
-You can learn more in the [Create React App documentation](https://facebook.github.io/create-react-app/docs/getting-started).
-
-To learn React, check out the [React documentation](https://reactjs.org/).
-
-### Code Splitting
-
-This section has moved here: [https://facebook.github.io/create-react-app/docs/code-splitting](https://facebook.github.io/create-react-app/docs/code-splitting)
-
-### Analyzing the Bundle Size
-
-This section has moved here: [https://facebook.github.io/create-react-app/docs/analyzing-the-bundle-size](https://facebook.github.io/create-react-app/docs/analyzing-the-bundle-size)
-
-### Making a Progressive Web App
-
-This section has moved here: [https://facebook.github.io/create-react-app/docs/making-a-progressive-web-app](https://facebook.github.io/create-react-app/docs/making-a-progressive-web-app)
-
-### Advanced Configuration
-
-This section has moved here: [https://facebook.github.io/create-react-app/docs/advanced-configuration](https://facebook.github.io/create-react-app/docs/advanced-configuration)
-
-### Deployment
-
-This section has moved here: [https://facebook.github.io/create-react-app/docs/deployment](https://facebook.github.io/create-react-app/docs/deployment)
-
-### `npm run build` fails to minify
-
-This section has moved here: [https://facebook.github.io/create-react-app/docs/troubleshooting#npm-run-build-fails-to-minify](https://facebook.github.io/create-react-app/docs/troubleshooting#npm-run-build-fails-to-minify)
diff --git a/pro/dist/assets/howler-CESL1Llt.js b/pro/dist/assets/howler-CESL1Llt.js
deleted file mode 100644
index a9e968d..0000000
--- a/pro/dist/assets/howler-CESL1Llt.js
+++ /dev/null
@@ -1 +0,0 @@
-import{t as e}from"./index-BqANBEcr.js";var t=e((e=>{(function(){var t=function(){this.init()};t.prototype={init:function(){var e=this||n;return e._counter=1e3,e._html5AudioPool=[],e.html5PoolSize=10,e._codecs={},e._howls=[],e._muted=!1,e._volume=1,e._canPlayEvent=`canplaythrough`,e._navigator=typeof window<`u`&&window.navigator?window.navigator:null,e.masterGain=null,e.noAudio=!1,e.usingWebAudio=!0,e.autoSuspend=!0,e.ctx=null,e.autoUnlock=!0,e._setup(),e},volume:function(e){var t=this||n;if(e=parseFloat(e),t.ctx||u(),e!==void 0&&e>=0&&e<=1){if(t._volume=e,t._muted)return t;t.usingWebAudio&&t.masterGain.gain.setValueAtTime(e,n.ctx.currentTime);for(var r=0;r<t._howls.length;r++)if(!t._howls[r]._webAudio)for(var i=t._howls[r]._getSoundIds(),a=0;a<i.length;a++){var o=t._howls[r]._soundById(i[a]);o&&o._node&&(o._node.volume=o._volume*e)}return t}return t._volume},mute:function(e){var t=this||n;t.ctx||u(),t._muted=e,t.usingWebAudio&&t.masterGain.gain.setValueAtTime(e?0:t._volume,n.ctx.currentTime);for(var r=0;r<t._howls.length;r++)if(!t._howls[r]._webAudio)for(var i=t._howls[r]._getSoundIds(),a=0;a<i.length;a++){var o=t._howls[r]._soundById(i[a]);o&&o._node&&(o._node.muted=e?!0:o._muted)}return t},stop:function(){for(var e=this||n,t=0;t<e._howls.length;t++)e._howls[t].stop();return e},unload:function(){for(var e=this||n,t=e._howls.length-1;t>=0;t--)e._howls[t].unload();return e.usingWebAudio&&e.ctx&&e.ctx.close!==void 0&&(e.ctx.close(),e.ctx=null,u()),e},codecs:function(e){return(this||n)._codecs[e.replace(/^x-/,``)]},_setup:function(){var e=this||n;if(e.state=e.ctx&&e.ctx.state||`suspended`,e._autoSuspend(),!e.usingWebAudio)if(typeof Audio<`u`)try{var t=new Audio;t.oncanplaythrough===void 0&&(e._canPlayEvent=`canplay`)}catch{e.noAudio=!0}else e.noAudio=!0;try{var t=new Audio;t.muted&&(e.noAudio=!0)}catch{}return e.noAudio||e._setupCodecs(),e},_setupCodecs:function(){var e=this||n,t=null;try{t=typeof Audio<`u`?new Audio:null}catch{return e}if(!t||typeof t.canPlayType!=`function`)return e;var r=t.canPlayType(`audio/mpeg;`).replace(/^no$/,``),i=e._navigator?e._navigator.userAgent:``,a=i.match(/OPR\/(\d+)/g),o=a&&parseInt(a[0].split(`/`)[1],10)<33,s=i.indexOf(`Safari`)!==-1&&i.indexOf(`Chrome`)===-1,c=i.match(/Version\/(.*?) /),l=s&&c&&parseInt(c[1],10)<15;return e._codecs={mp3:!!(!o&&(r||t.canPlayType(`audio/mp3;`).replace(/^no$/,``))),mpeg:!!r,opus:!!t.canPlayType(`audio/ogg; codecs="opus"`).replace(/^no$/,``),ogg:!!t.canPlayType(`audio/ogg; codecs="vorbis"`).replace(/^no$/,``),oga:!!t.canPlayType(`audio/ogg; codecs="vorbis"`).replace(/^no$/,``),wav:!!(t.canPlayType(`audio/wav; codecs="1"`)||t.canPlayType(`audio/wav`)).replace(/^no$/,``),aac:!!t.canPlayType(`audio/aac;`).replace(/^no$/,``),caf:!!t.canPlayType(`audio/x-caf;`).replace(/^no$/,``),m4a:!!(t.canPlayType(`audio/x-m4a;`)||t.canPlayType(`audio/m4a;`)||t.canPlayType(`audio/aac;`)).replace(/^no$/,``),m4b:!!(t.canPlayType(`audio/x-m4b;`)||t.canPlayType(`audio/m4b;`)||t.canPlayType(`audio/aac;`)).replace(/^no$/,``),mp4:!!(t.canPlayType(`audio/x-mp4;`)||t.canPlayType(`audio/mp4;`)||t.canPlayType(`audio/aac;`)).replace(/^no$/,``),weba:!!(!l&&t.canPlayType(`audio/webm; codecs="vorbis"`).replace(/^no$/,``)),webm:!!(!l&&t.canPlayType(`audio/webm; codecs="vorbis"`).replace(/^no$/,``)),dolby:!!t.canPlayType(`audio/mp4; codecs="ec-3"`).replace(/^no$/,``),flac:!!(t.canPlayType(`audio/x-flac;`)||t.canPlayType(`audio/flac;`)).replace(/^no$/,``)},e},_unlockAudio:function(){var e=this||n;if(!(e._audioUnlocked||!e.ctx)){e._audioUnlocked=!1,e.autoUnlock=!1,!e._mobileUnloaded&&e.ctx.sampleRate!==44100&&(e._mobileUnloaded=!0,e.unload()),e._scratchBuffer=e.ctx.createBuffer(1,1,22050);var t=function(n){for(;e._html5AudioPool.length<e.html5PoolSize;)try{var r=new Audio;r._unlocked=!0,e._releaseHtml5Audio(r)}catch{e.noAudio=!0;break}for(var i=0;i<e._howls.length;i++)if(!e._howls[i]._webAudio)for(var a=e._howls[i]._getSoundIds(),o=0;o<a.length;o++){var s=e._howls[i]._soundById(a[o]);s&&s._node&&!s._node._unlocked&&(s._node._unlocked=!0,s._node.load())}e._autoResume();var c=e.ctx.createBufferSource();c.buffer=e._scratchBuffer,c.connect(e.ctx.destination),c.start===void 0?c.noteOn(0):c.start(0),typeof e.ctx.resume==`function`&&e.ctx.resume(),c.onended=function(){c.disconnect(0),e._audioUnlocked=!0,document.removeEventListener(`touchstart`,t,!0),document.removeEventListener(`touchend`,t,!0),document.removeEventListener(`click`,t,!0),document.removeEventListener(`keydown`,t,!0);for(var n=0;n<e._howls.length;n++)e._howls[n]._emit(`unlock`)}};return document.addEventListener(`touchstart`,t,!0),document.addEventListener(`touchend`,t,!0),document.addEventListener(`click`,t,!0),document.addEventListener(`keydown`,t,!0),e}},_obtainHtml5Audio:function(){var e=this||n;if(e._html5AudioPool.length)return e._html5AudioPool.pop();var t=new Audio().play();return t&&typeof Promise<`u`&&(t instanceof Promise||typeof t.then==`function`)&&t.catch(function(){console.warn(`HTML5 Audio pool exhausted, returning potentially locked audio object.`)}),new Audio},_releaseHtml5Audio:function(e){var t=this||n;return e._unlocked&&t._html5AudioPool.push(e),t},_autoSuspend:function(){var e=this;if(!(!e.autoSuspend||!e.ctx||e.ctx.suspend===void 0||!n.usingWebAudio)){for(var t=0;t<e._howls.length;t++)if(e._howls[t]._webAudio){for(var r=0;r<e._howls[t]._sounds.length;r++)if(!e._howls[t]._sounds[r]._paused)return e}return e._suspendTimer&&clearTimeout(e._suspendTimer),e._suspendTimer=setTimeout(function(){if(e.autoSuspend){e._suspendTimer=null,e.state=`suspending`;var t=function(){e.state=`suspended`,e._resumeAfterSuspend&&(delete e._resumeAfterSuspend,e._autoResume())};e.ctx.suspend().then(t,t)}},3e4),e}},_autoResume:function(){var e=this;if(!(!e.ctx||e.ctx.resume===void 0||!n.usingWebAudio))return e.state===`running`&&e.ctx.state!==`interrupted`&&e._suspendTimer?(clearTimeout(e._suspendTimer),e._suspendTimer=null):e.state===`suspended`||e.state===`running`&&e.ctx.state===`interrupted`?(e.ctx.resume().then(function(){e.state=`running`;for(var t=0;t<e._howls.length;t++)e._howls[t]._emit(`resume`)}),e._suspendTimer&&=(clearTimeout(e._suspendTimer),null)):e.state===`suspending`&&(e._resumeAfterSuspend=!0),e}};var n=new t,r=function(e){var t=this;if(!e.src||e.src.length===0){console.error(`An array of source files must be passed with any new Howl.`);return}t.init(e)};r.prototype={init:function(e){var t=this;return n.ctx||u(),t._autoplay=e.autoplay||!1,t._format=typeof e.format==`string`?[e.format]:e.format,t._html5=e.html5||!1,t._muted=e.mute||!1,t._loop=e.loop||!1,t._pool=e.pool||5,t._preload=typeof e.preload==`boolean`||e.preload===`metadata`?e.preload:!0,t._rate=e.rate||1,t._sprite=e.sprite||{},t._src=typeof e.src==`string`?[e.src]:e.src,t._volume=e.volume===void 0?1:e.volume,t._xhr={method:e.xhr&&e.xhr.method?e.xhr.method:`GET`,headers:e.xhr&&e.xhr.headers?e.xhr.headers:null,withCredentials:e.xhr&&e.xhr.withCredentials?e.xhr.withCredentials:!1},t._duration=0,t._state=`unloaded`,t._sounds=[],t._endTimers={},t._queue=[],t._playLock=!1,t._onend=e.onend?[{fn:e.onend}]:[],t._onfade=e.onfade?[{fn:e.onfade}]:[],t._onload=e.onload?[{fn:e.onload}]:[],t._onloaderror=e.onloaderror?[{fn:e.onloaderror}]:[],t._onplayerror=e.onplayerror?[{fn:e.onplayerror}]:[],t._onpause=e.onpause?[{fn:e.onpause}]:[],t._onplay=e.onplay?[{fn:e.onplay}]:[],t._onstop=e.onstop?[{fn:e.onstop}]:[],t._onmute=e.onmute?[{fn:e.onmute}]:[],t._onvolume=e.onvolume?[{fn:e.onvolume}]:[],t._onrate=e.onrate?[{fn:e.onrate}]:[],t._onseek=e.onseek?[{fn:e.onseek}]:[],t._onunlock=e.onunlock?[{fn:e.onunlock}]:[],t._onresume=[],t._webAudio=n.usingWebAudio&&!t._html5,n.ctx!==void 0&&n.ctx&&n.autoUnlock&&n._unlockAudio(),n._howls.push(t),t._autoplay&&t._queue.push({event:`play`,action:function(){t.play()}}),t._preload&&t._preload!==`none`&&t.load(),t},load:function(){var e=this,t=null;if(n.noAudio){e._emit(`loaderror`,null,`No audio support.`);return}typeof e._src==`string`&&(e._src=[e._src]);for(var r=0;r<e._src.length;r++){var a,s;if(e._format&&e._format[r])a=e._format[r];else{if(s=e._src[r],typeof s!=`string`){e._emit(`loaderror`,null,`Non-string found in selected audio sources - ignoring.`);continue}a=/^data:audio\/([^;,]+);/i.exec(s),a||=/\.([^.]+)$/.exec(s.split(`?`,1)[0]),a&&=a[1].toLowerCase()}if(a||console.warn(`No file extension was found. Consider using the "format" property or specify an extension.`),a&&n.codecs(a)){t=e._src[r];break}}if(!t){e._emit(`loaderror`,null,`No codec support for selected audio sources.`);return}return e._src=t,e._state=`loading`,window.location.protocol===`https:`&&t.slice(0,5)===`http:`&&(e._html5=!0,e._webAudio=!1),new i(e),e._webAudio&&o(e),e},play:function(e,t){var r=this,i=null;if(typeof e==`number`)i=e,e=null;else if(typeof e==`string`&&r._state===`loaded`&&!r._sprite[e])return null;else if(e===void 0&&(e=`__default`,!r._playLock)){for(var a=0,o=0;o<r._sounds.length;o++)r._sounds[o]._paused&&!r._sounds[o]._ended&&(a++,i=r._sounds[o]._id);a===1?e=null:i=null}var s=i?r._soundById(i):r._inactiveSound();if(!s)return null;if(i&&!e&&(e=s._sprite||`__default`),r._state!==`loaded`){s._sprite=e,s._ended=!1;var c=s._id;return r._queue.push({event:`play`,action:function(){r.play(c)}}),c}if(i&&!s._paused)return t||r._loadQueue(`play`),s._id;r._webAudio&&n._autoResume();var l=Math.max(0,s._seek>0?s._seek:r._sprite[e][0]/1e3),u=Math.max(0,(r._sprite[e][0]+r._sprite[e][1])/1e3-l),d=u*1e3/Math.abs(s._rate),f=r._sprite[e][0]/1e3,p=(r._sprite[e][0]+r._sprite[e][1])/1e3;s._sprite=e,s._ended=!1;var m=function(){s._paused=!1,s._seek=l,s._start=f,s._stop=p,s._loop=!!(s._loop||r._sprite[e][2])};if(l>=p){r._ended(s);return}var h=s._node;if(r._webAudio){var g=function(){r._playLock=!1,m(),r._refreshBuffer(s);var e=s._muted||r._muted?0:s._volume;h.gain.setValueAtTime(e,n.ctx.currentTime),s._playStart=n.ctx.currentTime,h.bufferSource.start===void 0?s._loop?h.bufferSource.noteGrainOn(0,l,86400):h.bufferSource.noteGrainOn(0,l,u):s._loop?h.bufferSource.start(0,l,86400):h.bufferSource.start(0,l,u),d!==1/0&&(r._endTimers[s._id]=setTimeout(r._ended.bind(r,s),d)),t||setTimeout(function(){r._emit(`play`,s._id),r._loadQueue()},0)};n.state===`running`&&n.ctx.state!==`interrupted`?g():(r._playLock=!0,r.once(`resume`,g),r._clearTimer(s._id))}else{var _=function(){h.currentTime=l,h.muted=s._muted||r._muted||n._muted||h.muted,h.volume=s._volume*n.volume(),h.playbackRate=s._rate;try{var i=h.play();if(i&&typeof Promise<`u`&&(i instanceof Promise||typeof i.then==`function`)?(r._playLock=!0,m(),i.then(function(){r._playLock=!1,h._unlocked=!0,t?r._loadQueue():r._emit(`play`,s._id)}).catch(function(){r._playLock=!1,r._emit(`playerror`,s._id,`Playback was unable to start. This is most commonly an issue on mobile devices and Chrome where playback was not within a user interaction.`),s._ended=!0,s._paused=!0})):t||(r._playLock=!1,m(),r._emit(`play`,s._id)),h.playbackRate=s._rate,h.paused){r._emit(`playerror`,s._id,`Playback was unable to start. This is most commonly an issue on mobile devices and Chrome where playback was not within a user interaction.`);return}e!==`__default`||s._loop?r._endTimers[s._id]=setTimeout(r._ended.bind(r,s),d):(r._endTimers[s._id]=function(){r._ended(s),h.removeEventListener(`ended`,r._endTimers[s._id],!1)},h.addEventListener(`ended`,r._endTimers[s._id],!1))}catch(e){r._emit(`playerror`,s._id,e)}};h.src===`data:audio/wav;base64,UklGRigAAABXQVZFZm10IBIAAAABAAEARKwAAIhYAQACABAAAABkYXRhAgAAAAEA`&&(h.src=r._src,h.load());var v=window&&window.ejecta||!h.readyState&&n._navigator.isCocoonJS;if(h.readyState>=3||v)_();else{r._playLock=!0,r._state=`loading`;var y=function(){r._state=`loaded`,_(),h.removeEventListener(n._canPlayEvent,y,!1)};h.addEventListener(n._canPlayEvent,y,!1),r._clearTimer(s._id)}}return s._id},pause:function(e){var t=this;if(t._state!==`loaded`||t._playLock)return t._queue.push({event:`pause`,action:function(){t.pause(e)}}),t;for(var n=t._getSoundIds(e),r=0;r<n.length;r++){t._clearTimer(n[r]);var i=t._soundById(n[r]);if(i&&!i._paused&&(i._seek=t.seek(n[r]),i._rateSeek=0,i._paused=!0,t._stopFade(n[r]),i._node))if(t._webAudio){if(!i._node.bufferSource)continue;i._node.bufferSource.stop===void 0?i._node.bufferSource.noteOff(0):i._node.bufferSource.stop(0),t._cleanBuffer(i._node)}else (!isNaN(i._node.duration)||i._node.duration===1/0)&&i._node.pause();arguments[1]||t._emit(`pause`,i?i._id:null)}return t},stop:function(e,t){var n=this;if(n._state!==`loaded`||n._playLock)return n._queue.push({event:`stop`,action:function(){n.stop(e)}}),n;for(var r=n._getSoundIds(e),i=0;i<r.length;i++){n._clearTimer(r[i]);var a=n._soundById(r[i]);a&&(a._seek=a._start||0,a._rateSeek=0,a._paused=!0,a._ended=!0,n._stopFade(r[i]),a._node&&(n._webAudio?a._node.bufferSource&&(a._node.bufferSource.stop===void 0?a._node.bufferSource.noteOff(0):a._node.bufferSource.stop(0),n._cleanBuffer(a._node)):(!isNaN(a._node.duration)||a._node.duration===1/0)&&(a._node.currentTime=a._start||0,a._node.pause(),a._node.duration===1/0&&n._clearSound(a._node))),t||n._emit(`stop`,a._id))}return n},mute:function(e,t){var r=this;if(r._state!==`loaded`||r._playLock)return r._queue.push({event:`mute`,action:function(){r.mute(e,t)}}),r;if(t===void 0)if(typeof e==`boolean`)r._muted=e;else return r._muted;for(var i=r._getSoundIds(t),a=0;a<i.length;a++){var o=r._soundById(i[a]);o&&(o._muted=e,o._interval&&r._stopFade(o._id),r._webAudio&&o._node?o._node.gain.setValueAtTime(e?0:o._volume,n.ctx.currentTime):o._node&&(o._node.muted=n._muted?!0:e),r._emit(`mute`,o._id))}return r},volume:function(){var e=this,t=arguments,r,i;if(t.length===0)return e._volume;t.length===1||t.length===2&&t[1]===void 0?e._getSoundIds().indexOf(t[0])>=0?i=parseInt(t[0],10):r=parseFloat(t[0]):t.length>=2&&(r=parseFloat(t[0]),i=parseInt(t[1],10));var a;if(r!==void 0&&r>=0&&r<=1){if(e._state!==`loaded`||e._playLock)return e._queue.push({event:`volume`,action:function(){e.volume.apply(e,t)}}),e;i===void 0&&(e._volume=r),i=e._getSoundIds(i);for(var o=0;o<i.length;o++)a=e._soundById(i[o]),a&&(a._volume=r,t[2]||e._stopFade(i[o]),e._webAudio&&a._node&&!a._muted?a._node.gain.setValueAtTime(r,n.ctx.currentTime):a._node&&!a._muted&&(a._node.volume=r*n.volume()),e._emit(`volume`,a._id))}else return a=i?e._soundById(i):e._sounds[0],a?a._volume:0;return e},fade:function(e,t,r,i){var a=this;if(a._state!==`loaded`||a._playLock)return a._queue.push({event:`fade`,action:function(){a.fade(e,t,r,i)}}),a;e=Math.min(Math.max(0,parseFloat(e)),1),t=Math.min(Math.max(0,parseFloat(t)),1),r=parseFloat(r),a.volume(e,i);for(var o=a._getSoundIds(i),s=0;s<o.length;s++){var c=a._soundById(o[s]);if(c){if(i||a._stopFade(o[s]),a._webAudio&&!c._muted){var l=n.ctx.currentTime,u=l+r/1e3;c._volume=e,c._node.gain.setValueAtTime(e,l),c._node.gain.linearRampToValueAtTime(t,u)}a._startFadeInterval(c,e,t,r,o[s],i===void 0)}}return a},_startFadeInterval:function(e,t,n,r,i,a){var o=this,s=t,c=n-t,l=Math.abs(c/.01),u=Math.max(4,l>0?r/l:r),d=Date.now();e._fadeTo=n,e._interval=setInterval(function(){var i=(Date.now()-d)/r;d=Date.now(),s+=c*i,s=Math.round(s*100)/100,s=c<0?Math.max(n,s):Math.min(n,s),o._webAudio?e._volume=s:o.volume(s,e._id,!0),a&&(o._volume=s),(n<t&&s<=n||n>t&&s>=n)&&(clearInterval(e._interval),e._interval=null,e._fadeTo=null,o.volume(n,e._id),o._emit(`fade`,e._id))},u)},_stopFade:function(e){var t=this,r=t._soundById(e);return r&&r._interval&&(t._webAudio&&r._node.gain.cancelScheduledValues(n.ctx.currentTime),clearInterval(r._interval),r._interval=null,t.volume(r._fadeTo,e),r._fadeTo=null,t._emit(`fade`,e)),t},loop:function(){var e=this,t=arguments,n,r,i;if(t.length===0)return e._loop;if(t.length===1)if(typeof t[0]==`boolean`)n=t[0],e._loop=n;else return i=e._soundById(parseInt(t[0],10)),i?i._loop:!1;else t.length===2&&(n=t[0],r=parseInt(t[1],10));for(var a=e._getSoundIds(r),o=0;o<a.length;o++)i=e._soundById(a[o]),i&&(i._loop=n,e._webAudio&&i._node&&i._node.bufferSource&&(i._node.bufferSource.loop=n,n&&(i._node.bufferSource.loopStart=i._start||0,i._node.bufferSource.loopEnd=i._stop,e.playing(a[o])&&(e.pause(a[o],!0),e.play(a[o],!0)))));return e},rate:function(){var e=this,t=arguments,r,i;t.length===0?i=e._sounds[0]._id:t.length===1?e._getSoundIds().indexOf(t[0])>=0?i=parseInt(t[0],10):r=parseFloat(t[0]):t.length===2&&(r=parseFloat(t[0]),i=parseInt(t[1],10));var a;if(typeof r==`number`){if(e._state!==`loaded`||e._playLock)return e._queue.push({event:`rate`,action:function(){e.rate.apply(e,t)}}),e;i===void 0&&(e._rate=r),i=e._getSoundIds(i);for(var o=0;o<i.length;o++)if(a=e._soundById(i[o]),a){e.playing(i[o])&&(a._rateSeek=e.seek(i[o]),a._playStart=e._webAudio?n.ctx.currentTime:a._playStart),a._rate=r,e._webAudio&&a._node&&a._node.bufferSource?a._node.bufferSource.playbackRate.setValueAtTime(r,n.ctx.currentTime):a._node&&(a._node.playbackRate=r);var s=e.seek(i[o]),c=((e._sprite[a._sprite][0]+e._sprite[a._sprite][1])/1e3-s)*1e3/Math.abs(a._rate);(e._endTimers[i[o]]||!a._paused)&&(e._clearTimer(i[o]),e._endTimers[i[o]]=setTimeout(e._ended.bind(e,a),c)),e._emit(`rate`,a._id)}}else return a=e._soundById(i),a?a._rate:e._rate;return e},seek:function(){var e=this,t=arguments,r,i;if(t.length===0?e._sounds.length&&(i=e._sounds[0]._id):t.length===1?e._getSoundIds().indexOf(t[0])>=0?i=parseInt(t[0],10):e._sounds.length&&(i=e._sounds[0]._id,r=parseFloat(t[0])):t.length===2&&(r=parseFloat(t[0]),i=parseInt(t[1],10)),i===void 0)return 0;if(typeof r==`number`&&(e._state!==`loaded`||e._playLock))return e._queue.push({event:`seek`,action:function(){e.seek.apply(e,t)}}),e;var a=e._soundById(i);if(a)if(typeof r==`number`&&r>=0){var o=e.playing(i);o&&e.pause(i,!0),a._seek=r,a._ended=!1,e._clearTimer(i),!e._webAudio&&a._node&&!isNaN(a._node.duration)&&(a._node.currentTime=r);var s=function(){o&&e.play(i,!0),e._emit(`seek`,i)};if(o&&!e._webAudio){var c=function(){e._playLock?setTimeout(c,0):s()};setTimeout(c,0)}else s()}else if(e._webAudio){var l=e.playing(i)?n.ctx.currentTime-a._playStart:0,u=a._rateSeek?a._rateSeek-a._seek:0;return a._seek+(u+l*Math.abs(a._rate))}else return a._node.currentTime;return e},playing:function(e){var t=this;if(typeof e==`number`){var n=t._soundById(e);return n?!n._paused:!1}for(var r=0;r<t._sounds.length;r++)if(!t._sounds[r]._paused)return!0;return!1},duration:function(e){var t=this,n=t._duration,r=t._soundById(e);return r&&(n=t._sprite[r._sprite][1]/1e3),n},state:function(){return this._state},unload:function(){for(var e=this,t=e._sounds,r=0;r<t.length;r++)t[r]._paused||e.stop(t[r]._id),e._webAudio||(e._clearSound(t[r]._node),t[r]._node.removeEventListener(`error`,t[r]._errorFn,!1),t[r]._node.removeEventListener(n._canPlayEvent,t[r]._loadFn,!1),t[r]._node.removeEventListener(`ended`,t[r]._endFn,!1),n._releaseHtml5Audio(t[r]._node)),delete t[r]._node,e._clearTimer(t[r]._id);var i=n._howls.indexOf(e);i>=0&&n._howls.splice(i,1);var o=!0;for(r=0;r<n._howls.length;r++)if(n._howls[r]._src===e._src||e._src.indexOf(n._howls[r]._src)>=0){o=!1;break}return a&&o&&delete a[e._src],n.noAudio=!1,e._state=`unloaded`,e._sounds=[],e=null,null},on:function(e,t,n,r){var i=this,a=i[`_on`+e];return typeof t==`function`&&a.push(r?{id:n,fn:t,once:r}:{id:n,fn:t}),i},off:function(e,t,n){var r=this,i=r[`_on`+e],a=0;if(typeof t==`number`&&(n=t,t=null),t||n)for(a=0;a<i.length;a++){var o=n===i[a].id;if(t===i[a].fn&&o||!t&&o){i.splice(a,1);break}}else if(e)r[`_on`+e]=[];else{var s=Object.keys(r);for(a=0;a<s.length;a++)s[a].indexOf(`_on`)===0&&Array.isArray(r[s[a]])&&(r[s[a]]=[])}return r},once:function(e,t,n){var r=this;return r.on(e,t,n,1),r},_emit:function(e,t,n){for(var r=this,i=r[`_on`+e],a=i.length-1;a>=0;a--)(!i[a].id||i[a].id===t||e===`load`)&&(setTimeout(function(e){e.call(this,t,n)}.bind(r,i[a].fn),0),i[a].once&&r.off(e,i[a].fn,i[a].id));return r._loadQueue(e),r},_loadQueue:function(e){var t=this;if(t._queue.length>0){var n=t._queue[0];n.event===e&&(t._queue.shift(),t._loadQueue()),e||n.action()}return t},_ended:function(e){var t=this,r=e._sprite;if(!t._webAudio&&e._node&&!e._node.paused&&!e._node.ended&&e._node.currentTime<e._stop)return setTimeout(t._ended.bind(t,e),100),t;var i=!!(e._loop||t._sprite[r][2]);if(t._emit(`end`,e._id),!t._webAudio&&i&&t.stop(e._id,!0).play(e._id),t._webAudio&&i){t._emit(`play`,e._id),e._seek=e._start||0,e._rateSeek=0,e._playStart=n.ctx.currentTime;var a=(e._stop-e._start)*1e3/Math.abs(e._rate);t._endTimers[e._id]=setTimeout(t._ended.bind(t,e),a)}return t._webAudio&&!i&&(e._paused=!0,e._ended=!0,e._seek=e._start||0,e._rateSeek=0,t._clearTimer(e._id),t._cleanBuffer(e._node),n._autoSuspend()),!t._webAudio&&!i&&t.stop(e._id,!0),t},_clearTimer:function(e){var t=this;if(t._endTimers[e]){if(typeof t._endTimers[e]!=`function`)clearTimeout(t._endTimers[e]);else{var n=t._soundById(e);n&&n._node&&n._node.removeEventListener(`ended`,t._endTimers[e],!1)}delete t._endTimers[e]}return t},_soundById:function(e){for(var t=this,n=0;n<t._sounds.length;n++)if(e===t._sounds[n]._id)return t._sounds[n];return null},_inactiveSound:function(){var e=this;e._drain();for(var t=0;t<e._sounds.length;t++)if(e._sounds[t]._ended)return e._sounds[t].reset();return new i(e)},_drain:function(){var e=this,t=e._pool,n=0,r=0;if(!(e._sounds.length<t)){for(r=0;r<e._sounds.length;r++)e._sounds[r]._ended&&n++;for(r=e._sounds.length-1;r>=0;r--){if(n<=t)return;e._sounds[r]._ended&&(e._webAudio&&e._sounds[r]._node&&e._sounds[r]._node.disconnect(0),e._sounds.splice(r,1),n--)}}},_getSoundIds:function(e){var t=this;if(e===void 0){for(var n=[],r=0;r<t._sounds.length;r++)n.push(t._sounds[r]._id);return n}else return[e]},_refreshBuffer:function(e){var t=this;return e._node.bufferSource=n.ctx.createBufferSource(),e._node.bufferSource.buffer=a[t._src],e._panner?e._node.bufferSource.connect(e._panner):e._node.bufferSource.connect(e._node),e._node.bufferSource.loop=e._loop,e._loop&&(e._node.bufferSource.loopStart=e._start||0,e._node.bufferSource.loopEnd=e._stop||0),e._node.bufferSource.playbackRate.setValueAtTime(e._rate,n.ctx.currentTime),t},_cleanBuffer:function(e){var t=this,r=n._navigator&&n._navigator.vendor.indexOf(`Apple`)>=0;if(!e.bufferSource)return t;if(n._scratchBuffer&&e.bufferSource&&(e.bufferSource.onended=null,e.bufferSource.disconnect(0),r))try{e.bufferSource.buffer=n._scratchBuffer}catch{}return e.bufferSource=null,t},_clearSound:function(e){/MSIE |Trident\//.test(n._navigator&&n._navigator.userAgent)||(e.src=`data:audio/wav;base64,UklGRigAAABXQVZFZm10IBIAAAABAAEARKwAAIhYAQACABAAAABkYXRhAgAAAAEA`)}};var i=function(e){this._parent=e,this.init()};i.prototype={init:function(){var e=this,t=e._parent;return e._muted=t._muted,e._loop=t._loop,e._volume=t._volume,e._rate=t._rate,e._seek=0,e._paused=!0,e._ended=!0,e._sprite=`__default`,e._id=++n._counter,t._sounds.push(e),e.create(),e},create:function(){var e=this,t=e._parent,r=n._muted||e._muted||e._parent._muted?0:e._volume;return t._webAudio?(e._node=n.ctx.createGain===void 0?n.ctx.createGainNode():n.ctx.createGain(),e._node.gain.setValueAtTime(r,n.ctx.currentTime),e._node.paused=!0,e._node.connect(n.masterGain)):n.noAudio||(e._node=n._obtainHtml5Audio(),e._errorFn=e._errorListener.bind(e),e._node.addEventListener(`error`,e._errorFn,!1),e._loadFn=e._loadListener.bind(e),e._node.addEventListener(n._canPlayEvent,e._loadFn,!1),e._endFn=e._endListener.bind(e),e._node.addEventListener(`ended`,e._endFn,!1),e._node.src=t._src,e._node.preload=t._preload===!0?`auto`:t._preload,e._node.volume=r*n.volume(),e._node.load()),e},reset:function(){var e=this,t=e._parent;return e._muted=t._muted,e._loop=t._loop,e._volume=t._volume,e._rate=t._rate,e._seek=0,e._rateSeek=0,e._paused=!0,e._ended=!0,e._sprite=`__default`,e._id=++n._counter,e},_errorListener:function(){var e=this;e._parent._emit(`loaderror`,e._id,e._node.error?e._node.error.code:0),e._node.removeEventListener(`error`,e._errorFn,!1)},_loadListener:function(){var e=this,t=e._parent;t._duration=Math.ceil(e._node.duration*10)/10,Object.keys(t._sprite).length===0&&(t._sprite={__default:[0,t._duration*1e3]}),t._state!==`loaded`&&(t._state=`loaded`,t._emit(`load`),t._loadQueue()),e._node.removeEventListener(n._canPlayEvent,e._loadFn,!1)},_endListener:function(){var e=this,t=e._parent;t._duration===1/0&&(t._duration=Math.ceil(e._node.duration*10)/10,t._sprite.__default[1]===1/0&&(t._sprite.__default[1]=t._duration*1e3),t._ended(e)),e._node.removeEventListener(`ended`,e._endFn,!1)}};var a={},o=function(e){var t=e._src;if(a[t]){e._duration=a[t].duration,l(e);return}if(/^data:[^;]+;base64,/.test(t)){for(var n=atob(t.split(`,`)[1]),r=new Uint8Array(n.length),i=0;i<n.length;++i)r[i]=n.charCodeAt(i);c(r.buffer,e)}else{var o=new XMLHttpRequest;o.open(e._xhr.method,t,!0),o.withCredentials=e._xhr.withCredentials,o.responseType=`arraybuffer`,e._xhr.headers&&Object.keys(e._xhr.headers).forEach(function(t){o.setRequestHeader(t,e._xhr.headers[t])}),o.onload=function(){var t=(o.status+``)[0];if(t!==`0`&&t!==`2`&&t!==`3`){e._emit(`loaderror`,null,`Failed loading audio file with status: `+o.status+`.`);return}c(o.response,e)},o.onerror=function(){e._webAudio&&(e._html5=!0,e._webAudio=!1,e._sounds=[],delete a[t],e.load())},s(o)}},s=function(e){try{e.send()}catch{e.onerror()}},c=function(e,t){var r=function(){t._emit(`loaderror`,null,`Decoding audio data failed.`)},i=function(e){e&&t._sounds.length>0?(a[t._src]=e,l(t,e)):r()};typeof Promise<`u`&&n.ctx.decodeAudioData.length===1?n.ctx.decodeAudioData(e).then(i).catch(r):n.ctx.decodeAudioData(e,i,r)},l=function(e,t){t&&!e._duration&&(e._duration=t.duration),Object.keys(e._sprite).length===0&&(e._sprite={__default:[0,e._duration*1e3]}),e._state!==`loaded`&&(e._state=`loaded`,e._emit(`load`),e._loadQueue())},u=function(){if(n.usingWebAudio){try{typeof AudioContext<`u`?n.ctx=new AudioContext:typeof webkitAudioContext<`u`?n.ctx=new webkitAudioContext:n.usingWebAudio=!1}catch{n.usingWebAudio=!1}n.ctx||(n.usingWebAudio=!1);var e=/iP(hone|od|ad)/.test(n._navigator&&n._navigator.platform),t=n._navigator&&n._navigator.appVersion.match(/OS (\d+)_(\d+)_?(\d+)?/),r=t?parseInt(t[1],10):null;if(e&&r&&r<9){var i=/safari/.test(n._navigator&&n._navigator.userAgent.toLowerCase());n._navigator&&!i&&(n.usingWebAudio=!1)}n.usingWebAudio&&(n.masterGain=n.ctx.createGain===void 0?n.ctx.createGainNode():n.ctx.createGain(),n.masterGain.gain.setValueAtTime(n._muted?0:n._volume,n.ctx.currentTime),n.masterGain.connect(n.ctx.destination)),n._setup()}};typeof define==`function`&&define.amd&&define([],function(){return{Howler:n,Howl:r}}),e!==void 0&&(e.Howler=n,e.Howl=r),typeof global<`u`?(global.HowlerGlobal=t,global.Howler=n,global.Howl=r,global.Sound=i):typeof window<`u`&&(window.HowlerGlobal=t,window.Howler=n,window.Howl=r,window.Sound=i)})(),(function(){HowlerGlobal.prototype._pos=[0,0,0],HowlerGlobal.prototype._orientation=[0,0,-1,0,1,0],HowlerGlobal.prototype.stereo=function(e){var t=this;if(!t.ctx||!t.ctx.listener)return t;for(var n=t._howls.length-1;n>=0;n--)t._howls[n].stereo(e);return t},HowlerGlobal.prototype.pos=function(e,t,n){var r=this;if(!r.ctx||!r.ctx.listener)return r;if(t=typeof t==`number`?t:r._pos[1],n=typeof n==`number`?n:r._pos[2],typeof e==`number`)r._pos=[e,t,n],r.ctx.listener.positionX===void 0?r.ctx.listener.setPosition(r._pos[0],r._pos[1],r._pos[2]):(r.ctx.listener.positionX.setTargetAtTime(r._pos[0],Howler.ctx.currentTime,.1),r.ctx.listener.positionY.setTargetAtTime(r._pos[1],Howler.ctx.currentTime,.1),r.ctx.listener.positionZ.setTargetAtTime(r._pos[2],Howler.ctx.currentTime,.1));else return r._pos;return r},HowlerGlobal.prototype.orientation=function(e,t,n,r,i,a){var o=this;if(!o.ctx||!o.ctx.listener)return o;var s=o._orientation;if(t=typeof t==`number`?t:s[1],n=typeof n==`number`?n:s[2],r=typeof r==`number`?r:s[3],i=typeof i==`number`?i:s[4],a=typeof a==`number`?a:s[5],typeof e==`number`)o._orientation=[e,t,n,r,i,a],o.ctx.listener.forwardX===void 0?o.ctx.listener.setOrientation(e,t,n,r,i,a):(o.ctx.listener.forwardX.setTargetAtTime(e,Howler.ctx.currentTime,.1),o.ctx.listener.forwardY.setTargetAtTime(t,Howler.ctx.currentTime,.1),o.ctx.listener.forwardZ.setTargetAtTime(n,Howler.ctx.currentTime,.1),o.ctx.listener.upX.setTargetAtTime(r,Howler.ctx.currentTime,.1),o.ctx.listener.upY.setTargetAtTime(i,Howler.ctx.currentTime,.1),o.ctx.listener.upZ.setTargetAtTime(a,Howler.ctx.currentTime,.1));else return s;return o},Howl.prototype.init=(function(e){return function(t){var n=this;return n._orientation=t.orientation||[1,0,0],n._stereo=t.stereo||null,n._pos=t.pos||null,n._pannerAttr={coneInnerAngle:t.coneInnerAngle===void 0?360:t.coneInnerAngle,coneOuterAngle:t.coneOuterAngle===void 0?360:t.coneOuterAngle,coneOuterGain:t.coneOuterGain===void 0?0:t.coneOuterGain,distanceModel:t.distanceModel===void 0?`inverse`:t.distanceModel,maxDistance:t.maxDistance===void 0?1e4:t.maxDistance,panningModel:t.panningModel===void 0?`HRTF`:t.panningModel,refDistance:t.refDistance===void 0?1:t.refDistance,rolloffFactor:t.rolloffFactor===void 0?1:t.rolloffFactor},n._onstereo=t.onstereo?[{fn:t.onstereo}]:[],n._onpos=t.onpos?[{fn:t.onpos}]:[],n._onorientation=t.onorientation?[{fn:t.onorientation}]:[],e.call(this,t)}})(Howl.prototype.init),Howl.prototype.stereo=function(t,n){var r=this;if(!r._webAudio)return r;if(r._state!==`loaded`)return r._queue.push({event:`stereo`,action:function(){r.stereo(t,n)}}),r;var i=Howler.ctx.createStereoPanner===void 0?`spatial`:`stereo`;if(n===void 0)if(typeof t==`number`)r._stereo=t,r._pos=[t,0,0];else return r._stereo;for(var a=r._getSoundIds(n),o=0;o<a.length;o++){var s=r._soundById(a[o]);if(s)if(typeof t==`number`)s._stereo=t,s._pos=[t,0,0],s._node&&(s._pannerAttr.panningModel=`equalpower`,(!s._panner||!s._panner.pan)&&e(s,i),i===`spatial`?s._panner.positionX===void 0?s._panner.setPosition(t,0,0):(s._panner.positionX.setValueAtTime(t,Howler.ctx.currentTime),s._panner.positionY.setValueAtTime(0,Howler.ctx.currentTime),s._panner.positionZ.setValueAtTime(0,Howler.ctx.currentTime)):s._panner.pan.setValueAtTime(t,Howler.ctx.currentTime)),r._emit(`stereo`,s._id);else return s._stereo}return r},Howl.prototype.pos=function(t,n,r,i){var a=this;if(!a._webAudio)return a;if(a._state!==`loaded`)return a._queue.push({event:`pos`,action:function(){a.pos(t,n,r,i)}}),a;if(n=typeof n==`number`?n:0,r=typeof r==`number`?r:-.5,i===void 0)if(typeof t==`number`)a._pos=[t,n,r];else return a._pos;for(var o=a._getSoundIds(i),s=0;s<o.length;s++){var c=a._soundById(o[s]);if(c)if(typeof t==`number`)c._pos=[t,n,r],c._node&&((!c._panner||c._panner.pan)&&e(c,`spatial`),c._panner.positionX===void 0?c._panner.setPosition(t,n,r):(c._panner.positionX.setValueAtTime(t,Howler.ctx.currentTime),c._panner.positionY.setValueAtTime(n,Howler.ctx.currentTime),c._panner.positionZ.setValueAtTime(r,Howler.ctx.currentTime))),a._emit(`pos`,c._id);else return c._pos}return a},Howl.prototype.orientation=function(t,n,r,i){var a=this;if(!a._webAudio)return a;if(a._state!==`loaded`)return a._queue.push({event:`orientation`,action:function(){a.orientation(t,n,r,i)}}),a;if(n=typeof n==`number`?n:a._orientation[1],r=typeof r==`number`?r:a._orientation[2],i===void 0)if(typeof t==`number`)a._orientation=[t,n,r];else return a._orientation;for(var o=a._getSoundIds(i),s=0;s<o.length;s++){var c=a._soundById(o[s]);if(c)if(typeof t==`number`)c._orientation=[t,n,r],c._node&&(c._panner||(c._pos||=a._pos||[0,0,-.5],e(c,`spatial`)),c._panner.orientationX===void 0?c._panner.setOrientation(t,n,r):(c._panner.orientationX.setValueAtTime(t,Howler.ctx.currentTime),c._panner.orientationY.setValueAtTime(n,Howler.ctx.currentTime),c._panner.orientationZ.setValueAtTime(r,Howler.ctx.currentTime))),a._emit(`orientation`,c._id);else return c._orientation}return a},Howl.prototype.pannerAttr=function(){var t=this,n=arguments,r,i,a;if(!t._webAudio)return t;if(n.length===0)return t._pannerAttr;if(n.length===1)if(typeof n[0]==`object`)r=n[0],i===void 0&&(r.pannerAttr||={coneInnerAngle:r.coneInnerAngle,coneOuterAngle:r.coneOuterAngle,coneOuterGain:r.coneOuterGain,distanceModel:r.distanceModel,maxDistance:r.maxDistance,refDistance:r.refDistance,rolloffFactor:r.rolloffFactor,panningModel:r.panningModel},t._pannerAttr={coneInnerAngle:r.pannerAttr.coneInnerAngle===void 0?t._coneInnerAngle:r.pannerAttr.coneInnerAngle,coneOuterAngle:r.pannerAttr.coneOuterAngle===void 0?t._coneOuterAngle:r.pannerAttr.coneOuterAngle,coneOuterGain:r.pannerAttr.coneOuterGain===void 0?t._coneOuterGain:r.pannerAttr.coneOuterGain,distanceModel:r.pannerAttr.distanceModel===void 0?t._distanceModel:r.pannerAttr.distanceModel,maxDistance:r.pannerAttr.maxDistance===void 0?t._maxDistance:r.pannerAttr.maxDistance,refDistance:r.pannerAttr.refDistance===void 0?t._refDistance:r.pannerAttr.refDistance,rolloffFactor:r.pannerAttr.rolloffFactor===void 0?t._rolloffFactor:r.pannerAttr.rolloffFactor,panningModel:r.pannerAttr.panningModel===void 0?t._panningModel:r.pannerAttr.panningModel});else return a=t._soundById(parseInt(n[0],10)),a?a._pannerAttr:t._pannerAttr;else n.length===2&&(r=n[0],i=parseInt(n[1],10));for(var o=t._getSoundIds(i),s=0;s<o.length;s++)if(a=t._soundById(o[s]),a){var c=a._pannerAttr;c={coneInnerAngle:r.coneInnerAngle===void 0?c.coneInnerAngle:r.coneInnerAngle,coneOuterAngle:r.coneOuterAngle===void 0?c.coneOuterAngle:r.coneOuterAngle,coneOuterGain:r.coneOuterGain===void 0?c.coneOuterGain:r.coneOuterGain,distanceModel:r.distanceModel===void 0?c.distanceModel:r.distanceModel,maxDistance:r.maxDistance===void 0?c.maxDistance:r.maxDistance,refDistance:r.refDistance===void 0?c.refDistance:r.refDistance,rolloffFactor:r.rolloffFactor===void 0?c.rolloffFactor:r.rolloffFactor,panningModel:r.panningModel===void 0?c.panningModel:r.panningModel};var l=a._panner;l||=(a._pos||=t._pos||[0,0,-.5],e(a,`spatial`),a._panner),l.coneInnerAngle=c.coneInnerAngle,l.coneOuterAngle=c.coneOuterAngle,l.coneOuterGain=c.coneOuterGain,l.distanceModel=c.distanceModel,l.maxDistance=c.maxDistance,l.refDistance=c.refDistance,l.rolloffFactor=c.rolloffFactor,l.panningModel=c.panningModel}return t},Sound.prototype.init=(function(e){return function(){var t=this,n=t._parent;t._orientation=n._orientation,t._stereo=n._stereo,t._pos=n._pos,t._pannerAttr=n._pannerAttr,e.call(this),t._stereo?n.stereo(t._stereo):t._pos&&n.pos(t._pos[0],t._pos[1],t._pos[2],t._id)}})(Sound.prototype.init),Sound.prototype.reset=(function(e){return function(){var t=this,n=t._parent;return t._orientation=n._orientation,t._stereo=n._stereo,t._pos=n._pos,t._pannerAttr=n._pannerAttr,t._stereo?n.stereo(t._stereo):t._pos?n.pos(t._pos[0],t._pos[1],t._pos[2],t._id):t._panner&&(t._panner.disconnect(0),t._panner=void 0,n._refreshBuffer(t)),e.call(this)}})(Sound.prototype.reset);var e=function(e,t){t||=`spatial`,t===`spatial`?(e._panner=Howler.ctx.createPanner(),e._panner.coneInnerAngle=e._pannerAttr.coneInnerAngle,e._panner.coneOuterAngle=e._pannerAttr.coneOuterAngle,e._panner.coneOuterGain=e._pannerAttr.coneOuterGain,e._panner.distanceModel=e._pannerAttr.distanceModel,e._panner.maxDistance=e._pannerAttr.maxDistance,e._panner.refDistance=e._pannerAttr.refDistance,e._panner.rolloffFactor=e._pannerAttr.rolloffFactor,e._panner.panningModel=e._pannerAttr.panningModel,e._panner.positionX===void 0?e._panner.setPosition(e._pos[0],e._pos[1],e._pos[2]):(e._panner.positionX.setValueAtTime(e._pos[0],Howler.ctx.currentTime),e._panner.positionY.setValueAtTime(e._pos[1],Howler.ctx.currentTime),e._panner.positionZ.setValueAtTime(e._pos[2],Howler.ctx.currentTime)),e._panner.orientationX===void 0?e._panner.setOrientation(e._orientation[0],e._orientation[1],e._orientation[2]):(e._panner.orientationX.setValueAtTime(e._orientation[0],Howler.ctx.currentTime),e._panner.orientationY.setValueAtTime(e._orientation[1],Howler.ctx.currentTime),e._panner.orientationZ.setValueAtTime(e._orientation[2],Howler.ctx.currentTime))):(e._panner=Howler.ctx.createStereoPanner(),e._panner.pan.setValueAtTime(e._stereo,Howler.ctx.currentTime)),e._panner.connect(e._node),e._paused||e._parent.pause(e._id,!0).play(e._id,!0)}})()}));export default t();
\ No newline at end of file
diff --git a/pro/dist/assets/howler-CMikgJ_F.js b/pro/dist/assets/howler-CMikgJ_F.js
new file mode 100644
index 0000000..c4cdb2a
--- /dev/null
+++ b/pro/dist/assets/howler-CMikgJ_F.js
@@ -0,0 +1,1461 @@
+import { t as e } from './index-DlQ4Zh9O.js';
+var t = e((e) => {
+  ((function () {
+    var t = function () {
+      this.init();
+    };
+    t.prototype = {
+      init: function () {
+        var e = this || n;
+        return (
+          (e._counter = 1e3),
+          (e._html5AudioPool = []),
+          (e.html5PoolSize = 10),
+          (e._codecs = {}),
+          (e._howls = []),
+          (e._muted = !1),
+          (e._volume = 1),
+          (e._canPlayEvent = `canplaythrough`),
+          (e._navigator = typeof window < `u` && window.navigator ? window.navigator : null),
+          (e.masterGain = null),
+          (e.noAudio = !1),
+          (e.usingWebAudio = !0),
+          (e.autoSuspend = !0),
+          (e.ctx = null),
+          (e.autoUnlock = !0),
+          e._setup(),
+          e
+        );
+      },
+      volume: function (e) {
+        var t = this || n;
+        if (((e = parseFloat(e)), t.ctx || u(), e !== void 0 && e >= 0 && e <= 1)) {
+          if (((t._volume = e), t._muted)) return t;
+          t.usingWebAudio && t.masterGain.gain.setValueAtTime(e, n.ctx.currentTime);
+          for (var r = 0; r < t._howls.length; r++)
+            if (!t._howls[r]._webAudio)
+              for (var i = t._howls[r]._getSoundIds(), a = 0; a < i.length; a++) {
+                var o = t._howls[r]._soundById(i[a]);
+                o && o._node && (o._node.volume = o._volume * e);
+              }
+          return t;
+        }
+        return t._volume;
+      },
+      mute: function (e) {
+        var t = this || n;
+        (t.ctx || u(),
+          (t._muted = e),
+          t.usingWebAudio && t.masterGain.gain.setValueAtTime(e ? 0 : t._volume, n.ctx.currentTime));
+        for (var r = 0; r < t._howls.length; r++)
+          if (!t._howls[r]._webAudio)
+            for (var i = t._howls[r]._getSoundIds(), a = 0; a < i.length; a++) {
+              var o = t._howls[r]._soundById(i[a]);
+              o && o._node && (o._node.muted = e ? !0 : o._muted);
+            }
+        return t;
+      },
+      stop: function () {
+        for (var e = this || n, t = 0; t < e._howls.length; t++) e._howls[t].stop();
+        return e;
+      },
+      unload: function () {
+        for (var e = this || n, t = e._howls.length - 1; t >= 0; t--) e._howls[t].unload();
+        return (e.usingWebAudio && e.ctx && e.ctx.close !== void 0 && (e.ctx.close(), (e.ctx = null), u()), e);
+      },
+      codecs: function (e) {
+        return (this || n)._codecs[e.replace(/^x-/, ``)];
+      },
+      _setup: function () {
+        var e = this || n;
+        if (((e.state = (e.ctx && e.ctx.state) || `suspended`), e._autoSuspend(), !e.usingWebAudio))
+          if (typeof Audio < `u`)
+            try {
+              var t = new Audio();
+              t.oncanplaythrough === void 0 && (e._canPlayEvent = `canplay`);
+            } catch {
+              e.noAudio = !0;
+            }
+          else e.noAudio = !0;
+        try {
+          var t = new Audio();
+          t.muted && (e.noAudio = !0);
+        } catch {}
+        return (e.noAudio || e._setupCodecs(), e);
+      },
+      _setupCodecs: function () {
+        var e = this || n,
+          t = null;
+        try {
+          t = typeof Audio < `u` ? new Audio() : null;
+        } catch {
+          return e;
+        }
+        if (!t || typeof t.canPlayType != `function`) return e;
+        var r = t.canPlayType(`audio/mpeg;`).replace(/^no$/, ``),
+          i = e._navigator ? e._navigator.userAgent : ``,
+          a = i.match(/OPR\/(\d+)/g),
+          o = a && parseInt(a[0].split(`/`)[1], 10) < 33,
+          s = i.indexOf(`Safari`) !== -1 && i.indexOf(`Chrome`) === -1,
+          c = i.match(/Version\/(.*?) /),
+          l = s && c && parseInt(c[1], 10) < 15;
+        return (
+          (e._codecs = {
+            mp3: !!(!o && (r || t.canPlayType(`audio/mp3;`).replace(/^no$/, ``))),
+            mpeg: !!r,
+            opus: !!t.canPlayType(`audio/ogg; codecs="opus"`).replace(/^no$/, ``),
+            ogg: !!t.canPlayType(`audio/ogg; codecs="vorbis"`).replace(/^no$/, ``),
+            oga: !!t.canPlayType(`audio/ogg; codecs="vorbis"`).replace(/^no$/, ``),
+            wav: !!(t.canPlayType(`audio/wav; codecs="1"`) || t.canPlayType(`audio/wav`)).replace(/^no$/, ``),
+            aac: !!t.canPlayType(`audio/aac;`).replace(/^no$/, ``),
+            caf: !!t.canPlayType(`audio/x-caf;`).replace(/^no$/, ``),
+            m4a: !!(
+              t.canPlayType(`audio/x-m4a;`) ||
+              t.canPlayType(`audio/m4a;`) ||
+              t.canPlayType(`audio/aac;`)
+            ).replace(/^no$/, ``),
+            m4b: !!(
+              t.canPlayType(`audio/x-m4b;`) ||
+              t.canPlayType(`audio/m4b;`) ||
+              t.canPlayType(`audio/aac;`)
+            ).replace(/^no$/, ``),
+            mp4: !!(
+              t.canPlayType(`audio/x-mp4;`) ||
+              t.canPlayType(`audio/mp4;`) ||
+              t.canPlayType(`audio/aac;`)
+            ).replace(/^no$/, ``),
+            weba: !!(!l && t.canPlayType(`audio/webm; codecs="vorbis"`).replace(/^no$/, ``)),
+            webm: !!(!l && t.canPlayType(`audio/webm; codecs="vorbis"`).replace(/^no$/, ``)),
+            dolby: !!t.canPlayType(`audio/mp4; codecs="ec-3"`).replace(/^no$/, ``),
+            flac: !!(t.canPlayType(`audio/x-flac;`) || t.canPlayType(`audio/flac;`)).replace(/^no$/, ``),
+          }),
+          e
+        );
+      },
+      _unlockAudio: function () {
+        var e = this || n;
+        if (!(e._audioUnlocked || !e.ctx)) {
+          ((e._audioUnlocked = !1),
+            (e.autoUnlock = !1),
+            !e._mobileUnloaded && e.ctx.sampleRate !== 44100 && ((e._mobileUnloaded = !0), e.unload()),
+            (e._scratchBuffer = e.ctx.createBuffer(1, 1, 22050)));
+          var t = function (n) {
+            for (; e._html5AudioPool.length < e.html5PoolSize; )
+              try {
+                var r = new Audio();
+                ((r._unlocked = !0), e._releaseHtml5Audio(r));
+              } catch {
+                e.noAudio = !0;
+                break;
+              }
+            for (var i = 0; i < e._howls.length; i++)
+              if (!e._howls[i]._webAudio)
+                for (var a = e._howls[i]._getSoundIds(), o = 0; o < a.length; o++) {
+                  var s = e._howls[i]._soundById(a[o]);
+                  s && s._node && !s._node._unlocked && ((s._node._unlocked = !0), s._node.load());
+                }
+            e._autoResume();
+            var c = e.ctx.createBufferSource();
+            ((c.buffer = e._scratchBuffer),
+              c.connect(e.ctx.destination),
+              c.start === void 0 ? c.noteOn(0) : c.start(0),
+              typeof e.ctx.resume == `function` && e.ctx.resume(),
+              (c.onended = function () {
+                (c.disconnect(0),
+                  (e._audioUnlocked = !0),
+                  document.removeEventListener(`touchstart`, t, !0),
+                  document.removeEventListener(`touchend`, t, !0),
+                  document.removeEventListener(`click`, t, !0),
+                  document.removeEventListener(`keydown`, t, !0));
+                for (var n = 0; n < e._howls.length; n++) e._howls[n]._emit(`unlock`);
+              }));
+          };
+          return (
+            document.addEventListener(`touchstart`, t, !0),
+            document.addEventListener(`touchend`, t, !0),
+            document.addEventListener(`click`, t, !0),
+            document.addEventListener(`keydown`, t, !0),
+            e
+          );
+        }
+      },
+      _obtainHtml5Audio: function () {
+        var e = this || n;
+        if (e._html5AudioPool.length) return e._html5AudioPool.pop();
+        var t = new Audio().play();
+        return (
+          t &&
+            typeof Promise < `u` &&
+            (t instanceof Promise || typeof t.then == `function`) &&
+            t.catch(function () {
+              console.warn(`HTML5 Audio pool exhausted, returning potentially locked audio object.`);
+            }),
+          new Audio()
+        );
+      },
+      _releaseHtml5Audio: function (e) {
+        var t = this || n;
+        return (e._unlocked && t._html5AudioPool.push(e), t);
+      },
+      _autoSuspend: function () {
+        var e = this;
+        if (!(!e.autoSuspend || !e.ctx || e.ctx.suspend === void 0 || !n.usingWebAudio)) {
+          for (var t = 0; t < e._howls.length; t++)
+            if (e._howls[t]._webAudio) {
+              for (var r = 0; r < e._howls[t]._sounds.length; r++) if (!e._howls[t]._sounds[r]._paused) return e;
+            }
+          return (
+            e._suspendTimer && clearTimeout(e._suspendTimer),
+            (e._suspendTimer = setTimeout(function () {
+              if (e.autoSuspend) {
+                ((e._suspendTimer = null), (e.state = `suspending`));
+                var t = function () {
+                  ((e.state = `suspended`), e._resumeAfterSuspend && (delete e._resumeAfterSuspend, e._autoResume()));
+                };
+                e.ctx.suspend().then(t, t);
+              }
+            }, 3e4)),
+            e
+          );
+        }
+      },
+      _autoResume: function () {
+        var e = this;
+        if (!(!e.ctx || e.ctx.resume === void 0 || !n.usingWebAudio))
+          return (
+            e.state === `running` && e.ctx.state !== `interrupted` && e._suspendTimer
+              ? (clearTimeout(e._suspendTimer), (e._suspendTimer = null))
+              : e.state === `suspended` || (e.state === `running` && e.ctx.state === `interrupted`)
+                ? (e.ctx.resume().then(function () {
+                    e.state = `running`;
+                    for (var t = 0; t < e._howls.length; t++) e._howls[t]._emit(`resume`);
+                  }),
+                  (e._suspendTimer &&= (clearTimeout(e._suspendTimer), null)))
+                : e.state === `suspending` && (e._resumeAfterSuspend = !0),
+            e
+          );
+      },
+    };
+    var n = new t(),
+      r = function (e) {
+        var t = this;
+        if (!e.src || e.src.length === 0) {
+          console.error(`An array of source files must be passed with any new Howl.`);
+          return;
+        }
+        t.init(e);
+      };
+    r.prototype = {
+      init: function (e) {
+        var t = this;
+        return (
+          n.ctx || u(),
+          (t._autoplay = e.autoplay || !1),
+          (t._format = typeof e.format == `string` ? [e.format] : e.format),
+          (t._html5 = e.html5 || !1),
+          (t._muted = e.mute || !1),
+          (t._loop = e.loop || !1),
+          (t._pool = e.pool || 5),
+          (t._preload = typeof e.preload == `boolean` || e.preload === `metadata` ? e.preload : !0),
+          (t._rate = e.rate || 1),
+          (t._sprite = e.sprite || {}),
+          (t._src = typeof e.src == `string` ? [e.src] : e.src),
+          (t._volume = e.volume === void 0 ? 1 : e.volume),
+          (t._xhr = {
+            method: e.xhr && e.xhr.method ? e.xhr.method : `GET`,
+            headers: e.xhr && e.xhr.headers ? e.xhr.headers : null,
+            withCredentials: e.xhr && e.xhr.withCredentials ? e.xhr.withCredentials : !1,
+          }),
+          (t._duration = 0),
+          (t._state = `unloaded`),
+          (t._sounds = []),
+          (t._endTimers = {}),
+          (t._queue = []),
+          (t._playLock = !1),
+          (t._onend = e.onend ? [{ fn: e.onend }] : []),
+          (t._onfade = e.onfade ? [{ fn: e.onfade }] : []),
+          (t._onload = e.onload ? [{ fn: e.onload }] : []),
+          (t._onloaderror = e.onloaderror ? [{ fn: e.onloaderror }] : []),
+          (t._onplayerror = e.onplayerror ? [{ fn: e.onplayerror }] : []),
+          (t._onpause = e.onpause ? [{ fn: e.onpause }] : []),
+          (t._onplay = e.onplay ? [{ fn: e.onplay }] : []),
+          (t._onstop = e.onstop ? [{ fn: e.onstop }] : []),
+          (t._onmute = e.onmute ? [{ fn: e.onmute }] : []),
+          (t._onvolume = e.onvolume ? [{ fn: e.onvolume }] : []),
+          (t._onrate = e.onrate ? [{ fn: e.onrate }] : []),
+          (t._onseek = e.onseek ? [{ fn: e.onseek }] : []),
+          (t._onunlock = e.onunlock ? [{ fn: e.onunlock }] : []),
+          (t._onresume = []),
+          (t._webAudio = n.usingWebAudio && !t._html5),
+          n.ctx !== void 0 && n.ctx && n.autoUnlock && n._unlockAudio(),
+          n._howls.push(t),
+          t._autoplay &&
+            t._queue.push({
+              event: `play`,
+              action: function () {
+                t.play();
+              },
+            }),
+          t._preload && t._preload !== `none` && t.load(),
+          t
+        );
+      },
+      load: function () {
+        var e = this,
+          t = null;
+        if (n.noAudio) {
+          e._emit(`loaderror`, null, `No audio support.`);
+          return;
+        }
+        typeof e._src == `string` && (e._src = [e._src]);
+        for (var r = 0; r < e._src.length; r++) {
+          var a, s;
+          if (e._format && e._format[r]) a = e._format[r];
+          else {
+            if (((s = e._src[r]), typeof s != `string`)) {
+              e._emit(`loaderror`, null, `Non-string found in selected audio sources - ignoring.`);
+              continue;
+            }
+            ((a = /^data:audio\/([^;,]+);/i.exec(s)),
+              (a ||= /\.([^.]+)$/.exec(s.split(`?`, 1)[0])),
+              (a &&= a[1].toLowerCase()));
+          }
+          if (
+            (a ||
+              console.warn(
+                `No file extension was found. Consider using the "format" property or specify an extension.`,
+              ),
+            a && n.codecs(a))
+          ) {
+            t = e._src[r];
+            break;
+          }
+        }
+        if (!t) {
+          e._emit(`loaderror`, null, `No codec support for selected audio sources.`);
+          return;
+        }
+        return (
+          (e._src = t),
+          (e._state = `loading`),
+          window.location.protocol === `https:` && t.slice(0, 5) === `http:` && ((e._html5 = !0), (e._webAudio = !1)),
+          new i(e),
+          e._webAudio && o(e),
+          e
+        );
+      },
+      play: function (e, t) {
+        var r = this,
+          i = null;
+        if (typeof e == `number`) ((i = e), (e = null));
+        else if (typeof e == `string` && r._state === `loaded` && !r._sprite[e]) return null;
+        else if (e === void 0 && ((e = `__default`), !r._playLock)) {
+          for (var a = 0, o = 0; o < r._sounds.length; o++)
+            r._sounds[o]._paused && !r._sounds[o]._ended && (a++, (i = r._sounds[o]._id));
+          a === 1 ? (e = null) : (i = null);
+        }
+        var s = i ? r._soundById(i) : r._inactiveSound();
+        if (!s) return null;
+        if ((i && !e && (e = s._sprite || `__default`), r._state !== `loaded`)) {
+          ((s._sprite = e), (s._ended = !1));
+          var c = s._id;
+          return (
+            r._queue.push({
+              event: `play`,
+              action: function () {
+                r.play(c);
+              },
+            }),
+            c
+          );
+        }
+        if (i && !s._paused) return (t || r._loadQueue(`play`), s._id);
+        r._webAudio && n._autoResume();
+        var l = Math.max(0, s._seek > 0 ? s._seek : r._sprite[e][0] / 1e3),
+          u = Math.max(0, (r._sprite[e][0] + r._sprite[e][1]) / 1e3 - l),
+          d = (u * 1e3) / Math.abs(s._rate),
+          f = r._sprite[e][0] / 1e3,
+          p = (r._sprite[e][0] + r._sprite[e][1]) / 1e3;
+        ((s._sprite = e), (s._ended = !1));
+        var m = function () {
+          ((s._paused = !1), (s._seek = l), (s._start = f), (s._stop = p), (s._loop = !!(s._loop || r._sprite[e][2])));
+        };
+        if (l >= p) {
+          r._ended(s);
+          return;
+        }
+        var h = s._node;
+        if (r._webAudio) {
+          var g = function () {
+            ((r._playLock = !1), m(), r._refreshBuffer(s));
+            var e = s._muted || r._muted ? 0 : s._volume;
+            (h.gain.setValueAtTime(e, n.ctx.currentTime),
+              (s._playStart = n.ctx.currentTime),
+              h.bufferSource.start === void 0
+                ? s._loop
+                  ? h.bufferSource.noteGrainOn(0, l, 86400)
+                  : h.bufferSource.noteGrainOn(0, l, u)
+                : s._loop
+                  ? h.bufferSource.start(0, l, 86400)
+                  : h.bufferSource.start(0, l, u),
+              d !== 1 / 0 && (r._endTimers[s._id] = setTimeout(r._ended.bind(r, s), d)),
+              t ||
+                setTimeout(function () {
+                  (r._emit(`play`, s._id), r._loadQueue());
+                }, 0));
+          };
+          n.state === `running` && n.ctx.state !== `interrupted`
+            ? g()
+            : ((r._playLock = !0), r.once(`resume`, g), r._clearTimer(s._id));
+        } else {
+          var _ = function () {
+            ((h.currentTime = l),
+              (h.muted = s._muted || r._muted || n._muted || h.muted),
+              (h.volume = s._volume * n.volume()),
+              (h.playbackRate = s._rate));
+            try {
+              var i = h.play();
+              if (
+                (i && typeof Promise < `u` && (i instanceof Promise || typeof i.then == `function`)
+                  ? ((r._playLock = !0),
+                    m(),
+                    i
+                      .then(function () {
+                        ((r._playLock = !1), (h._unlocked = !0), t ? r._loadQueue() : r._emit(`play`, s._id));
+                      })
+                      .catch(function () {
+                        ((r._playLock = !1),
+                          r._emit(
+                            `playerror`,
+                            s._id,
+                            `Playback was unable to start. This is most commonly an issue on mobile devices and Chrome where playback was not within a user interaction.`,
+                          ),
+                          (s._ended = !0),
+                          (s._paused = !0));
+                      }))
+                  : t || ((r._playLock = !1), m(), r._emit(`play`, s._id)),
+                (h.playbackRate = s._rate),
+                h.paused)
+              ) {
+                r._emit(
+                  `playerror`,
+                  s._id,
+                  `Playback was unable to start. This is most commonly an issue on mobile devices and Chrome where playback was not within a user interaction.`,
+                );
+                return;
+              }
+              e !== `__default` || s._loop
+                ? (r._endTimers[s._id] = setTimeout(r._ended.bind(r, s), d))
+                : ((r._endTimers[s._id] = function () {
+                    (r._ended(s), h.removeEventListener(`ended`, r._endTimers[s._id], !1));
+                  }),
+                  h.addEventListener(`ended`, r._endTimers[s._id], !1));
+            } catch (e) {
+              r._emit(`playerror`, s._id, e);
+            }
+          };
+          h.src === `data:audio/wav;base64,UklGRigAAABXQVZFZm10IBIAAAABAAEARKwAAIhYAQACABAAAABkYXRhAgAAAAEA` &&
+            ((h.src = r._src), h.load());
+          var v = (window && window.ejecta) || (!h.readyState && n._navigator.isCocoonJS);
+          if (h.readyState >= 3 || v) _();
+          else {
+            ((r._playLock = !0), (r._state = `loading`));
+            var y = function () {
+              ((r._state = `loaded`), _(), h.removeEventListener(n._canPlayEvent, y, !1));
+            };
+            (h.addEventListener(n._canPlayEvent, y, !1), r._clearTimer(s._id));
+          }
+        }
+        return s._id;
+      },
+      pause: function (e) {
+        var t = this;
+        if (t._state !== `loaded` || t._playLock)
+          return (
+            t._queue.push({
+              event: `pause`,
+              action: function () {
+                t.pause(e);
+              },
+            }),
+            t
+          );
+        for (var n = t._getSoundIds(e), r = 0; r < n.length; r++) {
+          t._clearTimer(n[r]);
+          var i = t._soundById(n[r]);
+          if (
+            i &&
+            !i._paused &&
+            ((i._seek = t.seek(n[r])), (i._rateSeek = 0), (i._paused = !0), t._stopFade(n[r]), i._node)
+          )
+            if (t._webAudio) {
+              if (!i._node.bufferSource) continue;
+              (i._node.bufferSource.stop === void 0 ? i._node.bufferSource.noteOff(0) : i._node.bufferSource.stop(0),
+                t._cleanBuffer(i._node));
+            } else (!isNaN(i._node.duration) || i._node.duration === 1 / 0) && i._node.pause();
+          arguments[1] || t._emit(`pause`, i ? i._id : null);
+        }
+        return t;
+      },
+      stop: function (e, t) {
+        var n = this;
+        if (n._state !== `loaded` || n._playLock)
+          return (
+            n._queue.push({
+              event: `stop`,
+              action: function () {
+                n.stop(e);
+              },
+            }),
+            n
+          );
+        for (var r = n._getSoundIds(e), i = 0; i < r.length; i++) {
+          n._clearTimer(r[i]);
+          var a = n._soundById(r[i]);
+          a &&
+            ((a._seek = a._start || 0),
+            (a._rateSeek = 0),
+            (a._paused = !0),
+            (a._ended = !0),
+            n._stopFade(r[i]),
+            a._node &&
+              (n._webAudio
+                ? a._node.bufferSource &&
+                  (a._node.bufferSource.stop === void 0
+                    ? a._node.bufferSource.noteOff(0)
+                    : a._node.bufferSource.stop(0),
+                  n._cleanBuffer(a._node))
+                : (!isNaN(a._node.duration) || a._node.duration === 1 / 0) &&
+                  ((a._node.currentTime = a._start || 0),
+                  a._node.pause(),
+                  a._node.duration === 1 / 0 && n._clearSound(a._node))),
+            t || n._emit(`stop`, a._id));
+        }
+        return n;
+      },
+      mute: function (e, t) {
+        var r = this;
+        if (r._state !== `loaded` || r._playLock)
+          return (
+            r._queue.push({
+              event: `mute`,
+              action: function () {
+                r.mute(e, t);
+              },
+            }),
+            r
+          );
+        if (t === void 0)
+          if (typeof e == `boolean`) r._muted = e;
+          else return r._muted;
+        for (var i = r._getSoundIds(t), a = 0; a < i.length; a++) {
+          var o = r._soundById(i[a]);
+          o &&
+            ((o._muted = e),
+            o._interval && r._stopFade(o._id),
+            r._webAudio && o._node
+              ? o._node.gain.setValueAtTime(e ? 0 : o._volume, n.ctx.currentTime)
+              : o._node && (o._node.muted = n._muted ? !0 : e),
+            r._emit(`mute`, o._id));
+        }
+        return r;
+      },
+      volume: function () {
+        var e = this,
+          t = arguments,
+          r,
+          i;
+        if (t.length === 0) return e._volume;
+        t.length === 1 || (t.length === 2 && t[1] === void 0)
+          ? e._getSoundIds().indexOf(t[0]) >= 0
+            ? (i = parseInt(t[0], 10))
+            : (r = parseFloat(t[0]))
+          : t.length >= 2 && ((r = parseFloat(t[0])), (i = parseInt(t[1], 10)));
+        var a;
+        if (r !== void 0 && r >= 0 && r <= 1) {
+          if (e._state !== `loaded` || e._playLock)
+            return (
+              e._queue.push({
+                event: `volume`,
+                action: function () {
+                  e.volume.apply(e, t);
+                },
+              }),
+              e
+            );
+          (i === void 0 && (e._volume = r), (i = e._getSoundIds(i)));
+          for (var o = 0; o < i.length; o++)
+            ((a = e._soundById(i[o])),
+              a &&
+                ((a._volume = r),
+                t[2] || e._stopFade(i[o]),
+                e._webAudio && a._node && !a._muted
+                  ? a._node.gain.setValueAtTime(r, n.ctx.currentTime)
+                  : a._node && !a._muted && (a._node.volume = r * n.volume()),
+                e._emit(`volume`, a._id)));
+        } else return ((a = i ? e._soundById(i) : e._sounds[0]), a ? a._volume : 0);
+        return e;
+      },
+      fade: function (e, t, r, i) {
+        var a = this;
+        if (a._state !== `loaded` || a._playLock)
+          return (
+            a._queue.push({
+              event: `fade`,
+              action: function () {
+                a.fade(e, t, r, i);
+              },
+            }),
+            a
+          );
+        ((e = Math.min(Math.max(0, parseFloat(e)), 1)),
+          (t = Math.min(Math.max(0, parseFloat(t)), 1)),
+          (r = parseFloat(r)),
+          a.volume(e, i));
+        for (var o = a._getSoundIds(i), s = 0; s < o.length; s++) {
+          var c = a._soundById(o[s]);
+          if (c) {
+            if ((i || a._stopFade(o[s]), a._webAudio && !c._muted)) {
+              var l = n.ctx.currentTime,
+                u = l + r / 1e3;
+              ((c._volume = e), c._node.gain.setValueAtTime(e, l), c._node.gain.linearRampToValueAtTime(t, u));
+            }
+            a._startFadeInterval(c, e, t, r, o[s], i === void 0);
+          }
+        }
+        return a;
+      },
+      _startFadeInterval: function (e, t, n, r, i, a) {
+        var o = this,
+          s = t,
+          c = n - t,
+          l = Math.abs(c / 0.01),
+          u = Math.max(4, l > 0 ? r / l : r),
+          d = Date.now();
+        ((e._fadeTo = n),
+          (e._interval = setInterval(function () {
+            var i = (Date.now() - d) / r;
+            ((d = Date.now()),
+              (s += c * i),
+              (s = Math.round(s * 100) / 100),
+              (s = c < 0 ? Math.max(n, s) : Math.min(n, s)),
+              o._webAudio ? (e._volume = s) : o.volume(s, e._id, !0),
+              a && (o._volume = s),
+              ((n < t && s <= n) || (n > t && s >= n)) &&
+                (clearInterval(e._interval),
+                (e._interval = null),
+                (e._fadeTo = null),
+                o.volume(n, e._id),
+                o._emit(`fade`, e._id)));
+          }, u)));
+      },
+      _stopFade: function (e) {
+        var t = this,
+          r = t._soundById(e);
+        return (
+          r &&
+            r._interval &&
+            (t._webAudio && r._node.gain.cancelScheduledValues(n.ctx.currentTime),
+            clearInterval(r._interval),
+            (r._interval = null),
+            t.volume(r._fadeTo, e),
+            (r._fadeTo = null),
+            t._emit(`fade`, e)),
+          t
+        );
+      },
+      loop: function () {
+        var e = this,
+          t = arguments,
+          n,
+          r,
+          i;
+        if (t.length === 0) return e._loop;
+        if (t.length === 1)
+          if (typeof t[0] == `boolean`) ((n = t[0]), (e._loop = n));
+          else return ((i = e._soundById(parseInt(t[0], 10))), i ? i._loop : !1);
+        else t.length === 2 && ((n = t[0]), (r = parseInt(t[1], 10)));
+        for (var a = e._getSoundIds(r), o = 0; o < a.length; o++)
+          ((i = e._soundById(a[o])),
+            i &&
+              ((i._loop = n),
+              e._webAudio &&
+                i._node &&
+                i._node.bufferSource &&
+                ((i._node.bufferSource.loop = n),
+                n &&
+                  ((i._node.bufferSource.loopStart = i._start || 0),
+                  (i._node.bufferSource.loopEnd = i._stop),
+                  e.playing(a[o]) && (e.pause(a[o], !0), e.play(a[o], !0))))));
+        return e;
+      },
+      rate: function () {
+        var e = this,
+          t = arguments,
+          r,
+          i;
+        t.length === 0
+          ? (i = e._sounds[0]._id)
+          : t.length === 1
+            ? e._getSoundIds().indexOf(t[0]) >= 0
+              ? (i = parseInt(t[0], 10))
+              : (r = parseFloat(t[0]))
+            : t.length === 2 && ((r = parseFloat(t[0])), (i = parseInt(t[1], 10)));
+        var a;
+        if (typeof r == `number`) {
+          if (e._state !== `loaded` || e._playLock)
+            return (
+              e._queue.push({
+                event: `rate`,
+                action: function () {
+                  e.rate.apply(e, t);
+                },
+              }),
+              e
+            );
+          (i === void 0 && (e._rate = r), (i = e._getSoundIds(i)));
+          for (var o = 0; o < i.length; o++)
+            if (((a = e._soundById(i[o])), a)) {
+              (e.playing(i[o]) &&
+                ((a._rateSeek = e.seek(i[o])), (a._playStart = e._webAudio ? n.ctx.currentTime : a._playStart)),
+                (a._rate = r),
+                e._webAudio && a._node && a._node.bufferSource
+                  ? a._node.bufferSource.playbackRate.setValueAtTime(r, n.ctx.currentTime)
+                  : a._node && (a._node.playbackRate = r));
+              var s = e.seek(i[o]),
+                c = (((e._sprite[a._sprite][0] + e._sprite[a._sprite][1]) / 1e3 - s) * 1e3) / Math.abs(a._rate);
+              ((e._endTimers[i[o]] || !a._paused) &&
+                (e._clearTimer(i[o]), (e._endTimers[i[o]] = setTimeout(e._ended.bind(e, a), c))),
+                e._emit(`rate`, a._id));
+            }
+        } else return ((a = e._soundById(i)), a ? a._rate : e._rate);
+        return e;
+      },
+      seek: function () {
+        var e = this,
+          t = arguments,
+          r,
+          i;
+        if (
+          (t.length === 0
+            ? e._sounds.length && (i = e._sounds[0]._id)
+            : t.length === 1
+              ? e._getSoundIds().indexOf(t[0]) >= 0
+                ? (i = parseInt(t[0], 10))
+                : e._sounds.length && ((i = e._sounds[0]._id), (r = parseFloat(t[0])))
+              : t.length === 2 && ((r = parseFloat(t[0])), (i = parseInt(t[1], 10))),
+          i === void 0)
+        )
+          return 0;
+        if (typeof r == `number` && (e._state !== `loaded` || e._playLock))
+          return (
+            e._queue.push({
+              event: `seek`,
+              action: function () {
+                e.seek.apply(e, t);
+              },
+            }),
+            e
+          );
+        var a = e._soundById(i);
+        if (a)
+          if (typeof r == `number` && r >= 0) {
+            var o = e.playing(i);
+            (o && e.pause(i, !0),
+              (a._seek = r),
+              (a._ended = !1),
+              e._clearTimer(i),
+              !e._webAudio && a._node && !isNaN(a._node.duration) && (a._node.currentTime = r));
+            var s = function () {
+              (o && e.play(i, !0), e._emit(`seek`, i));
+            };
+            if (o && !e._webAudio) {
+              var c = function () {
+                e._playLock ? setTimeout(c, 0) : s();
+              };
+              setTimeout(c, 0);
+            } else s();
+          } else if (e._webAudio) {
+            var l = e.playing(i) ? n.ctx.currentTime - a._playStart : 0,
+              u = a._rateSeek ? a._rateSeek - a._seek : 0;
+            return a._seek + (u + l * Math.abs(a._rate));
+          } else return a._node.currentTime;
+        return e;
+      },
+      playing: function (e) {
+        var t = this;
+        if (typeof e == `number`) {
+          var n = t._soundById(e);
+          return n ? !n._paused : !1;
+        }
+        for (var r = 0; r < t._sounds.length; r++) if (!t._sounds[r]._paused) return !0;
+        return !1;
+      },
+      duration: function (e) {
+        var t = this,
+          n = t._duration,
+          r = t._soundById(e);
+        return (r && (n = t._sprite[r._sprite][1] / 1e3), n);
+      },
+      state: function () {
+        return this._state;
+      },
+      unload: function () {
+        for (var e = this, t = e._sounds, r = 0; r < t.length; r++)
+          (t[r]._paused || e.stop(t[r]._id),
+            e._webAudio ||
+              (e._clearSound(t[r]._node),
+              t[r]._node.removeEventListener(`error`, t[r]._errorFn, !1),
+              t[r]._node.removeEventListener(n._canPlayEvent, t[r]._loadFn, !1),
+              t[r]._node.removeEventListener(`ended`, t[r]._endFn, !1),
+              n._releaseHtml5Audio(t[r]._node)),
+            delete t[r]._node,
+            e._clearTimer(t[r]._id));
+        var i = n._howls.indexOf(e);
+        i >= 0 && n._howls.splice(i, 1);
+        var o = !0;
+        for (r = 0; r < n._howls.length; r++)
+          if (n._howls[r]._src === e._src || e._src.indexOf(n._howls[r]._src) >= 0) {
+            o = !1;
+            break;
+          }
+        return (
+          a && o && delete a[e._src],
+          (n.noAudio = !1),
+          (e._state = `unloaded`),
+          (e._sounds = []),
+          (e = null),
+          null
+        );
+      },
+      on: function (e, t, n, r) {
+        var i = this,
+          a = i[`_on` + e];
+        return (typeof t == `function` && a.push(r ? { id: n, fn: t, once: r } : { id: n, fn: t }), i);
+      },
+      off: function (e, t, n) {
+        var r = this,
+          i = r[`_on` + e],
+          a = 0;
+        if ((typeof t == `number` && ((n = t), (t = null)), t || n))
+          for (a = 0; a < i.length; a++) {
+            var o = n === i[a].id;
+            if ((t === i[a].fn && o) || (!t && o)) {
+              i.splice(a, 1);
+              break;
+            }
+          }
+        else if (e) r[`_on` + e] = [];
+        else {
+          var s = Object.keys(r);
+          for (a = 0; a < s.length; a++) s[a].indexOf(`_on`) === 0 && Array.isArray(r[s[a]]) && (r[s[a]] = []);
+        }
+        return r;
+      },
+      once: function (e, t, n) {
+        var r = this;
+        return (r.on(e, t, n, 1), r);
+      },
+      _emit: function (e, t, n) {
+        for (var r = this, i = r[`_on` + e], a = i.length - 1; a >= 0; a--)
+          (!i[a].id || i[a].id === t || e === `load`) &&
+            (setTimeout(
+              function (e) {
+                e.call(this, t, n);
+              }.bind(r, i[a].fn),
+              0,
+            ),
+            i[a].once && r.off(e, i[a].fn, i[a].id));
+        return (r._loadQueue(e), r);
+      },
+      _loadQueue: function (e) {
+        var t = this;
+        if (t._queue.length > 0) {
+          var n = t._queue[0];
+          (n.event === e && (t._queue.shift(), t._loadQueue()), e || n.action());
+        }
+        return t;
+      },
+      _ended: function (e) {
+        var t = this,
+          r = e._sprite;
+        if (!t._webAudio && e._node && !e._node.paused && !e._node.ended && e._node.currentTime < e._stop)
+          return (setTimeout(t._ended.bind(t, e), 100), t);
+        var i = !!(e._loop || t._sprite[r][2]);
+        if ((t._emit(`end`, e._id), !t._webAudio && i && t.stop(e._id, !0).play(e._id), t._webAudio && i)) {
+          (t._emit(`play`, e._id), (e._seek = e._start || 0), (e._rateSeek = 0), (e._playStart = n.ctx.currentTime));
+          var a = ((e._stop - e._start) * 1e3) / Math.abs(e._rate);
+          t._endTimers[e._id] = setTimeout(t._ended.bind(t, e), a);
+        }
+        return (
+          t._webAudio &&
+            !i &&
+            ((e._paused = !0),
+            (e._ended = !0),
+            (e._seek = e._start || 0),
+            (e._rateSeek = 0),
+            t._clearTimer(e._id),
+            t._cleanBuffer(e._node),
+            n._autoSuspend()),
+          !t._webAudio && !i && t.stop(e._id, !0),
+          t
+        );
+      },
+      _clearTimer: function (e) {
+        var t = this;
+        if (t._endTimers[e]) {
+          if (typeof t._endTimers[e] != `function`) clearTimeout(t._endTimers[e]);
+          else {
+            var n = t._soundById(e);
+            n && n._node && n._node.removeEventListener(`ended`, t._endTimers[e], !1);
+          }
+          delete t._endTimers[e];
+        }
+        return t;
+      },
+      _soundById: function (e) {
+        for (var t = this, n = 0; n < t._sounds.length; n++) if (e === t._sounds[n]._id) return t._sounds[n];
+        return null;
+      },
+      _inactiveSound: function () {
+        var e = this;
+        e._drain();
+        for (var t = 0; t < e._sounds.length; t++) if (e._sounds[t]._ended) return e._sounds[t].reset();
+        return new i(e);
+      },
+      _drain: function () {
+        var e = this,
+          t = e._pool,
+          n = 0,
+          r = 0;
+        if (!(e._sounds.length < t)) {
+          for (r = 0; r < e._sounds.length; r++) e._sounds[r]._ended && n++;
+          for (r = e._sounds.length - 1; r >= 0; r--) {
+            if (n <= t) return;
+            e._sounds[r]._ended &&
+              (e._webAudio && e._sounds[r]._node && e._sounds[r]._node.disconnect(0), e._sounds.splice(r, 1), n--);
+          }
+        }
+      },
+      _getSoundIds: function (e) {
+        var t = this;
+        if (e === void 0) {
+          for (var n = [], r = 0; r < t._sounds.length; r++) n.push(t._sounds[r]._id);
+          return n;
+        } else return [e];
+      },
+      _refreshBuffer: function (e) {
+        var t = this;
+        return (
+          (e._node.bufferSource = n.ctx.createBufferSource()),
+          (e._node.bufferSource.buffer = a[t._src]),
+          e._panner ? e._node.bufferSource.connect(e._panner) : e._node.bufferSource.connect(e._node),
+          (e._node.bufferSource.loop = e._loop),
+          e._loop && ((e._node.bufferSource.loopStart = e._start || 0), (e._node.bufferSource.loopEnd = e._stop || 0)),
+          e._node.bufferSource.playbackRate.setValueAtTime(e._rate, n.ctx.currentTime),
+          t
+        );
+      },
+      _cleanBuffer: function (e) {
+        var t = this,
+          r = n._navigator && n._navigator.vendor.indexOf(`Apple`) >= 0;
+        if (!e.bufferSource) return t;
+        if (n._scratchBuffer && e.bufferSource && ((e.bufferSource.onended = null), e.bufferSource.disconnect(0), r))
+          try {
+            e.bufferSource.buffer = n._scratchBuffer;
+          } catch {}
+        return ((e.bufferSource = null), t);
+      },
+      _clearSound: function (e) {
+        /MSIE |Trident\//.test(n._navigator && n._navigator.userAgent) ||
+          (e.src = `data:audio/wav;base64,UklGRigAAABXQVZFZm10IBIAAAABAAEARKwAAIhYAQACABAAAABkYXRhAgAAAAEA`);
+      },
+    };
+    var i = function (e) {
+      ((this._parent = e), this.init());
+    };
+    i.prototype = {
+      init: function () {
+        var e = this,
+          t = e._parent;
+        return (
+          (e._muted = t._muted),
+          (e._loop = t._loop),
+          (e._volume = t._volume),
+          (e._rate = t._rate),
+          (e._seek = 0),
+          (e._paused = !0),
+          (e._ended = !0),
+          (e._sprite = `__default`),
+          (e._id = ++n._counter),
+          t._sounds.push(e),
+          e.create(),
+          e
+        );
+      },
+      create: function () {
+        var e = this,
+          t = e._parent,
+          r = n._muted || e._muted || e._parent._muted ? 0 : e._volume;
+        return (
+          t._webAudio
+            ? ((e._node = n.ctx.createGain === void 0 ? n.ctx.createGainNode() : n.ctx.createGain()),
+              e._node.gain.setValueAtTime(r, n.ctx.currentTime),
+              (e._node.paused = !0),
+              e._node.connect(n.masterGain))
+            : n.noAudio ||
+              ((e._node = n._obtainHtml5Audio()),
+              (e._errorFn = e._errorListener.bind(e)),
+              e._node.addEventListener(`error`, e._errorFn, !1),
+              (e._loadFn = e._loadListener.bind(e)),
+              e._node.addEventListener(n._canPlayEvent, e._loadFn, !1),
+              (e._endFn = e._endListener.bind(e)),
+              e._node.addEventListener(`ended`, e._endFn, !1),
+              (e._node.src = t._src),
+              (e._node.preload = t._preload === !0 ? `auto` : t._preload),
+              (e._node.volume = r * n.volume()),
+              e._node.load()),
+          e
+        );
+      },
+      reset: function () {
+        var e = this,
+          t = e._parent;
+        return (
+          (e._muted = t._muted),
+          (e._loop = t._loop),
+          (e._volume = t._volume),
+          (e._rate = t._rate),
+          (e._seek = 0),
+          (e._rateSeek = 0),
+          (e._paused = !0),
+          (e._ended = !0),
+          (e._sprite = `__default`),
+          (e._id = ++n._counter),
+          e
+        );
+      },
+      _errorListener: function () {
+        var e = this;
+        (e._parent._emit(`loaderror`, e._id, e._node.error ? e._node.error.code : 0),
+          e._node.removeEventListener(`error`, e._errorFn, !1));
+      },
+      _loadListener: function () {
+        var e = this,
+          t = e._parent;
+        ((t._duration = Math.ceil(e._node.duration * 10) / 10),
+          Object.keys(t._sprite).length === 0 && (t._sprite = { __default: [0, t._duration * 1e3] }),
+          t._state !== `loaded` && ((t._state = `loaded`), t._emit(`load`), t._loadQueue()),
+          e._node.removeEventListener(n._canPlayEvent, e._loadFn, !1));
+      },
+      _endListener: function () {
+        var e = this,
+          t = e._parent;
+        (t._duration === 1 / 0 &&
+          ((t._duration = Math.ceil(e._node.duration * 10) / 10),
+          t._sprite.__default[1] === 1 / 0 && (t._sprite.__default[1] = t._duration * 1e3),
+          t._ended(e)),
+          e._node.removeEventListener(`ended`, e._endFn, !1));
+      },
+    };
+    var a = {},
+      o = function (e) {
+        var t = e._src;
+        if (a[t]) {
+          ((e._duration = a[t].duration), l(e));
+          return;
+        }
+        if (/^data:[^;]+;base64,/.test(t)) {
+          for (var n = atob(t.split(`,`)[1]), r = new Uint8Array(n.length), i = 0; i < n.length; ++i)
+            r[i] = n.charCodeAt(i);
+          c(r.buffer, e);
+        } else {
+          var o = new XMLHttpRequest();
+          (o.open(e._xhr.method, t, !0),
+            (o.withCredentials = e._xhr.withCredentials),
+            (o.responseType = `arraybuffer`),
+            e._xhr.headers &&
+              Object.keys(e._xhr.headers).forEach(function (t) {
+                o.setRequestHeader(t, e._xhr.headers[t]);
+              }),
+            (o.onload = function () {
+              var t = (o.status + ``)[0];
+              if (t !== `0` && t !== `2` && t !== `3`) {
+                e._emit(`loaderror`, null, `Failed loading audio file with status: ` + o.status + `.`);
+                return;
+              }
+              c(o.response, e);
+            }),
+            (o.onerror = function () {
+              e._webAudio && ((e._html5 = !0), (e._webAudio = !1), (e._sounds = []), delete a[t], e.load());
+            }),
+            s(o));
+        }
+      },
+      s = function (e) {
+        try {
+          e.send();
+        } catch {
+          e.onerror();
+        }
+      },
+      c = function (e, t) {
+        var r = function () {
+            t._emit(`loaderror`, null, `Decoding audio data failed.`);
+          },
+          i = function (e) {
+            e && t._sounds.length > 0 ? ((a[t._src] = e), l(t, e)) : r();
+          };
+        typeof Promise < `u` && n.ctx.decodeAudioData.length === 1
+          ? n.ctx.decodeAudioData(e).then(i).catch(r)
+          : n.ctx.decodeAudioData(e, i, r);
+      },
+      l = function (e, t) {
+        (t && !e._duration && (e._duration = t.duration),
+          Object.keys(e._sprite).length === 0 && (e._sprite = { __default: [0, e._duration * 1e3] }),
+          e._state !== `loaded` && ((e._state = `loaded`), e._emit(`load`), e._loadQueue()));
+      },
+      u = function () {
+        if (n.usingWebAudio) {
+          try {
+            typeof AudioContext < `u`
+              ? (n.ctx = new AudioContext())
+              : typeof webkitAudioContext < `u`
+                ? (n.ctx = new webkitAudioContext())
+                : (n.usingWebAudio = !1);
+          } catch {
+            n.usingWebAudio = !1;
+          }
+          n.ctx || (n.usingWebAudio = !1);
+          var e = /iP(hone|od|ad)/.test(n._navigator && n._navigator.platform),
+            t = n._navigator && n._navigator.appVersion.match(/OS (\d+)_(\d+)_?(\d+)?/),
+            r = t ? parseInt(t[1], 10) : null;
+          if (e && r && r < 9) {
+            var i = /safari/.test(n._navigator && n._navigator.userAgent.toLowerCase());
+            n._navigator && !i && (n.usingWebAudio = !1);
+          }
+          (n.usingWebAudio &&
+            ((n.masterGain = n.ctx.createGain === void 0 ? n.ctx.createGainNode() : n.ctx.createGain()),
+            n.masterGain.gain.setValueAtTime(n._muted ? 0 : n._volume, n.ctx.currentTime),
+            n.masterGain.connect(n.ctx.destination)),
+            n._setup());
+        }
+      };
+    (typeof define == `function` &&
+      define.amd &&
+      define([], function () {
+        return { Howler: n, Howl: r };
+      }),
+      e !== void 0 && ((e.Howler = n), (e.Howl = r)),
+      typeof global < `u`
+        ? ((global.HowlerGlobal = t), (global.Howler = n), (global.Howl = r), (global.Sound = i))
+        : typeof window < `u` &&
+          ((window.HowlerGlobal = t), (window.Howler = n), (window.Howl = r), (window.Sound = i)));
+  })(),
+    (function () {
+      ((HowlerGlobal.prototype._pos = [0, 0, 0]),
+        (HowlerGlobal.prototype._orientation = [0, 0, -1, 0, 1, 0]),
+        (HowlerGlobal.prototype.stereo = function (e) {
+          var t = this;
+          if (!t.ctx || !t.ctx.listener) return t;
+          for (var n = t._howls.length - 1; n >= 0; n--) t._howls[n].stereo(e);
+          return t;
+        }),
+        (HowlerGlobal.prototype.pos = function (e, t, n) {
+          var r = this;
+          if (!r.ctx || !r.ctx.listener) return r;
+          if (
+            ((t = typeof t == `number` ? t : r._pos[1]),
+            (n = typeof n == `number` ? n : r._pos[2]),
+            typeof e == `number`)
+          )
+            ((r._pos = [e, t, n]),
+              r.ctx.listener.positionX === void 0
+                ? r.ctx.listener.setPosition(r._pos[0], r._pos[1], r._pos[2])
+                : (r.ctx.listener.positionX.setTargetAtTime(r._pos[0], Howler.ctx.currentTime, 0.1),
+                  r.ctx.listener.positionY.setTargetAtTime(r._pos[1], Howler.ctx.currentTime, 0.1),
+                  r.ctx.listener.positionZ.setTargetAtTime(r._pos[2], Howler.ctx.currentTime, 0.1)));
+          else return r._pos;
+          return r;
+        }),
+        (HowlerGlobal.prototype.orientation = function (e, t, n, r, i, a) {
+          var o = this;
+          if (!o.ctx || !o.ctx.listener) return o;
+          var s = o._orientation;
+          if (
+            ((t = typeof t == `number` ? t : s[1]),
+            (n = typeof n == `number` ? n : s[2]),
+            (r = typeof r == `number` ? r : s[3]),
+            (i = typeof i == `number` ? i : s[4]),
+            (a = typeof a == `number` ? a : s[5]),
+            typeof e == `number`)
+          )
+            ((o._orientation = [e, t, n, r, i, a]),
+              o.ctx.listener.forwardX === void 0
+                ? o.ctx.listener.setOrientation(e, t, n, r, i, a)
+                : (o.ctx.listener.forwardX.setTargetAtTime(e, Howler.ctx.currentTime, 0.1),
+                  o.ctx.listener.forwardY.setTargetAtTime(t, Howler.ctx.currentTime, 0.1),
+                  o.ctx.listener.forwardZ.setTargetAtTime(n, Howler.ctx.currentTime, 0.1),
+                  o.ctx.listener.upX.setTargetAtTime(r, Howler.ctx.currentTime, 0.1),
+                  o.ctx.listener.upY.setTargetAtTime(i, Howler.ctx.currentTime, 0.1),
+                  o.ctx.listener.upZ.setTargetAtTime(a, Howler.ctx.currentTime, 0.1)));
+          else return s;
+          return o;
+        }),
+        (Howl.prototype.init = (function (e) {
+          return function (t) {
+            var n = this;
+            return (
+              (n._orientation = t.orientation || [1, 0, 0]),
+              (n._stereo = t.stereo || null),
+              (n._pos = t.pos || null),
+              (n._pannerAttr = {
+                coneInnerAngle: t.coneInnerAngle === void 0 ? 360 : t.coneInnerAngle,
+                coneOuterAngle: t.coneOuterAngle === void 0 ? 360 : t.coneOuterAngle,
+                coneOuterGain: t.coneOuterGain === void 0 ? 0 : t.coneOuterGain,
+                distanceModel: t.distanceModel === void 0 ? `inverse` : t.distanceModel,
+                maxDistance: t.maxDistance === void 0 ? 1e4 : t.maxDistance,
+                panningModel: t.panningModel === void 0 ? `HRTF` : t.panningModel,
+                refDistance: t.refDistance === void 0 ? 1 : t.refDistance,
+                rolloffFactor: t.rolloffFactor === void 0 ? 1 : t.rolloffFactor,
+              }),
+              (n._onstereo = t.onstereo ? [{ fn: t.onstereo }] : []),
+              (n._onpos = t.onpos ? [{ fn: t.onpos }] : []),
+              (n._onorientation = t.onorientation ? [{ fn: t.onorientation }] : []),
+              e.call(this, t)
+            );
+          };
+        })(Howl.prototype.init)),
+        (Howl.prototype.stereo = function (t, n) {
+          var r = this;
+          if (!r._webAudio) return r;
+          if (r._state !== `loaded`)
+            return (
+              r._queue.push({
+                event: `stereo`,
+                action: function () {
+                  r.stereo(t, n);
+                },
+              }),
+              r
+            );
+          var i = Howler.ctx.createStereoPanner === void 0 ? `spatial` : `stereo`;
+          if (n === void 0)
+            if (typeof t == `number`) ((r._stereo = t), (r._pos = [t, 0, 0]));
+            else return r._stereo;
+          for (var a = r._getSoundIds(n), o = 0; o < a.length; o++) {
+            var s = r._soundById(a[o]);
+            if (s)
+              if (typeof t == `number`)
+                ((s._stereo = t),
+                  (s._pos = [t, 0, 0]),
+                  s._node &&
+                    ((s._pannerAttr.panningModel = `equalpower`),
+                    (!s._panner || !s._panner.pan) && e(s, i),
+                    i === `spatial`
+                      ? s._panner.positionX === void 0
+                        ? s._panner.setPosition(t, 0, 0)
+                        : (s._panner.positionX.setValueAtTime(t, Howler.ctx.currentTime),
+                          s._panner.positionY.setValueAtTime(0, Howler.ctx.currentTime),
+                          s._panner.positionZ.setValueAtTime(0, Howler.ctx.currentTime))
+                      : s._panner.pan.setValueAtTime(t, Howler.ctx.currentTime)),
+                  r._emit(`stereo`, s._id));
+              else return s._stereo;
+          }
+          return r;
+        }),
+        (Howl.prototype.pos = function (t, n, r, i) {
+          var a = this;
+          if (!a._webAudio) return a;
+          if (a._state !== `loaded`)
+            return (
+              a._queue.push({
+                event: `pos`,
+                action: function () {
+                  a.pos(t, n, r, i);
+                },
+              }),
+              a
+            );
+          if (((n = typeof n == `number` ? n : 0), (r = typeof r == `number` ? r : -0.5), i === void 0))
+            if (typeof t == `number`) a._pos = [t, n, r];
+            else return a._pos;
+          for (var o = a._getSoundIds(i), s = 0; s < o.length; s++) {
+            var c = a._soundById(o[s]);
+            if (c)
+              if (typeof t == `number`)
+                ((c._pos = [t, n, r]),
+                  c._node &&
+                    ((!c._panner || c._panner.pan) && e(c, `spatial`),
+                    c._panner.positionX === void 0
+                      ? c._panner.setPosition(t, n, r)
+                      : (c._panner.positionX.setValueAtTime(t, Howler.ctx.currentTime),
+                        c._panner.positionY.setValueAtTime(n, Howler.ctx.currentTime),
+                        c._panner.positionZ.setValueAtTime(r, Howler.ctx.currentTime))),
+                  a._emit(`pos`, c._id));
+              else return c._pos;
+          }
+          return a;
+        }),
+        (Howl.prototype.orientation = function (t, n, r, i) {
+          var a = this;
+          if (!a._webAudio) return a;
+          if (a._state !== `loaded`)
+            return (
+              a._queue.push({
+                event: `orientation`,
+                action: function () {
+                  a.orientation(t, n, r, i);
+                },
+              }),
+              a
+            );
+          if (
+            ((n = typeof n == `number` ? n : a._orientation[1]),
+            (r = typeof r == `number` ? r : a._orientation[2]),
+            i === void 0)
+          )
+            if (typeof t == `number`) a._orientation = [t, n, r];
+            else return a._orientation;
+          for (var o = a._getSoundIds(i), s = 0; s < o.length; s++) {
+            var c = a._soundById(o[s]);
+            if (c)
+              if (typeof t == `number`)
+                ((c._orientation = [t, n, r]),
+                  c._node &&
+                    (c._panner || ((c._pos ||= a._pos || [0, 0, -0.5]), e(c, `spatial`)),
+                    c._panner.orientationX === void 0
+                      ? c._panner.setOrientation(t, n, r)
+                      : (c._panner.orientationX.setValueAtTime(t, Howler.ctx.currentTime),
+                        c._panner.orientationY.setValueAtTime(n, Howler.ctx.currentTime),
+                        c._panner.orientationZ.setValueAtTime(r, Howler.ctx.currentTime))),
+                  a._emit(`orientation`, c._id));
+              else return c._orientation;
+          }
+          return a;
+        }),
+        (Howl.prototype.pannerAttr = function () {
+          var t = this,
+            n = arguments,
+            r,
+            i,
+            a;
+          if (!t._webAudio) return t;
+          if (n.length === 0) return t._pannerAttr;
+          if (n.length === 1)
+            if (typeof n[0] == `object`)
+              ((r = n[0]),
+                i === void 0 &&
+                  ((r.pannerAttr ||= {
+                    coneInnerAngle: r.coneInnerAngle,
+                    coneOuterAngle: r.coneOuterAngle,
+                    coneOuterGain: r.coneOuterGain,
+                    distanceModel: r.distanceModel,
+                    maxDistance: r.maxDistance,
+                    refDistance: r.refDistance,
+                    rolloffFactor: r.rolloffFactor,
+                    panningModel: r.panningModel,
+                  }),
+                  (t._pannerAttr = {
+                    coneInnerAngle:
+                      r.pannerAttr.coneInnerAngle === void 0 ? t._coneInnerAngle : r.pannerAttr.coneInnerAngle,
+                    coneOuterAngle:
+                      r.pannerAttr.coneOuterAngle === void 0 ? t._coneOuterAngle : r.pannerAttr.coneOuterAngle,
+                    coneOuterGain:
+                      r.pannerAttr.coneOuterGain === void 0 ? t._coneOuterGain : r.pannerAttr.coneOuterGain,
+                    distanceModel:
+                      r.pannerAttr.distanceModel === void 0 ? t._distanceModel : r.pannerAttr.distanceModel,
+                    maxDistance: r.pannerAttr.maxDistance === void 0 ? t._maxDistance : r.pannerAttr.maxDistance,
+                    refDistance: r.pannerAttr.refDistance === void 0 ? t._refDistance : r.pannerAttr.refDistance,
+                    rolloffFactor:
+                      r.pannerAttr.rolloffFactor === void 0 ? t._rolloffFactor : r.pannerAttr.rolloffFactor,
+                    panningModel: r.pannerAttr.panningModel === void 0 ? t._panningModel : r.pannerAttr.panningModel,
+                  })));
+            else return ((a = t._soundById(parseInt(n[0], 10))), a ? a._pannerAttr : t._pannerAttr);
+          else n.length === 2 && ((r = n[0]), (i = parseInt(n[1], 10)));
+          for (var o = t._getSoundIds(i), s = 0; s < o.length; s++)
+            if (((a = t._soundById(o[s])), a)) {
+              var c = a._pannerAttr;
+              c = {
+                coneInnerAngle: r.coneInnerAngle === void 0 ? c.coneInnerAngle : r.coneInnerAngle,
+                coneOuterAngle: r.coneOuterAngle === void 0 ? c.coneOuterAngle : r.coneOuterAngle,
+                coneOuterGain: r.coneOuterGain === void 0 ? c.coneOuterGain : r.coneOuterGain,
+                distanceModel: r.distanceModel === void 0 ? c.distanceModel : r.distanceModel,
+                maxDistance: r.maxDistance === void 0 ? c.maxDistance : r.maxDistance,
+                refDistance: r.refDistance === void 0 ? c.refDistance : r.refDistance,
+                rolloffFactor: r.rolloffFactor === void 0 ? c.rolloffFactor : r.rolloffFactor,
+                panningModel: r.panningModel === void 0 ? c.panningModel : r.panningModel,
+              };
+              var l = a._panner;
+              ((l ||= ((a._pos ||= t._pos || [0, 0, -0.5]), e(a, `spatial`), a._panner)),
+                (l.coneInnerAngle = c.coneInnerAngle),
+                (l.coneOuterAngle = c.coneOuterAngle),
+                (l.coneOuterGain = c.coneOuterGain),
+                (l.distanceModel = c.distanceModel),
+                (l.maxDistance = c.maxDistance),
+                (l.refDistance = c.refDistance),
+                (l.rolloffFactor = c.rolloffFactor),
+                (l.panningModel = c.panningModel));
+            }
+          return t;
+        }),
+        (Sound.prototype.init = (function (e) {
+          return function () {
+            var t = this,
+              n = t._parent;
+            ((t._orientation = n._orientation),
+              (t._stereo = n._stereo),
+              (t._pos = n._pos),
+              (t._pannerAttr = n._pannerAttr),
+              e.call(this),
+              t._stereo ? n.stereo(t._stereo) : t._pos && n.pos(t._pos[0], t._pos[1], t._pos[2], t._id));
+          };
+        })(Sound.prototype.init)),
+        (Sound.prototype.reset = (function (e) {
+          return function () {
+            var t = this,
+              n = t._parent;
+            return (
+              (t._orientation = n._orientation),
+              (t._stereo = n._stereo),
+              (t._pos = n._pos),
+              (t._pannerAttr = n._pannerAttr),
+              t._stereo
+                ? n.stereo(t._stereo)
+                : t._pos
+                  ? n.pos(t._pos[0], t._pos[1], t._pos[2], t._id)
+                  : t._panner && (t._panner.disconnect(0), (t._panner = void 0), n._refreshBuffer(t)),
+              e.call(this)
+            );
+          };
+        })(Sound.prototype.reset)));
+      var e = function (e, t) {
+        ((t ||= `spatial`),
+          t === `spatial`
+            ? ((e._panner = Howler.ctx.createPanner()),
+              (e._panner.coneInnerAngle = e._pannerAttr.coneInnerAngle),
+              (e._panner.coneOuterAngle = e._pannerAttr.coneOuterAngle),
+              (e._panner.coneOuterGain = e._pannerAttr.coneOuterGain),
+              (e._panner.distanceModel = e._pannerAttr.distanceModel),
+              (e._panner.maxDistance = e._pannerAttr.maxDistance),
+              (e._panner.refDistance = e._pannerAttr.refDistance),
+              (e._panner.rolloffFactor = e._pannerAttr.rolloffFactor),
+              (e._panner.panningModel = e._pannerAttr.panningModel),
+              e._panner.positionX === void 0
+                ? e._panner.setPosition(e._pos[0], e._pos[1], e._pos[2])
+                : (e._panner.positionX.setValueAtTime(e._pos[0], Howler.ctx.currentTime),
+                  e._panner.positionY.setValueAtTime(e._pos[1], Howler.ctx.currentTime),
+                  e._panner.positionZ.setValueAtTime(e._pos[2], Howler.ctx.currentTime)),
+              e._panner.orientationX === void 0
+                ? e._panner.setOrientation(e._orientation[0], e._orientation[1], e._orientation[2])
+                : (e._panner.orientationX.setValueAtTime(e._orientation[0], Howler.ctx.currentTime),
+                  e._panner.orientationY.setValueAtTime(e._orientation[1], Howler.ctx.currentTime),
+                  e._panner.orientationZ.setValueAtTime(e._orientation[2], Howler.ctx.currentTime)))
+            : ((e._panner = Howler.ctx.createStereoPanner()),
+              e._panner.pan.setValueAtTime(e._stereo, Howler.ctx.currentTime)),
+          e._panner.connect(e._node),
+          e._paused || e._parent.pause(e._id, !0).play(e._id, !0));
+      };
+    })());
+});
+export default t();
diff --git a/pro/dist/assets/index-BqANBEcr.js b/pro/dist/assets/index-BqANBEcr.js
deleted file mode 100644
index eec788b..0000000
--- a/pro/dist/assets/index-BqANBEcr.js
+++ /dev/null
@@ -1,124 +0,0 @@
-var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=Object.getOwnPropertyNames,i=Object.getPrototypeOf,a=Object.prototype.hasOwnProperty,o=(e,t)=>()=>(t||(e((t={exports:{}}).exports,t),e=null),t.exports),s=(e,n)=>{let r={};for(var i in e)t(r,i,{get:e[i],enumerable:!0});return n||t(r,Symbol.toStringTag,{value:`Module`}),r},c=(e,i,o,s)=>{if(i&&typeof i==`object`||typeof i==`function`)for(var c=r(i),l=0,u=c.length,d;l<u;l++)d=c[l],!a.call(e,d)&&d!==o&&t(e,d,{get:(e=>i[e]).bind(null,d),enumerable:!(s=n(i,d))||s.enumerable});return e},l=(n,r,a)=>(a=n==null?{}:e(i(n)),c(r||!n||!n.__esModule?t(a,`default`,{value:n,enumerable:!0}):a,n));(function(){let e=document.createElement(`link`).relList;if(e&&e.supports&&e.supports(`modulepreload`))return;for(let e of document.querySelectorAll(`link[rel="modulepreload"]`))n(e);new MutationObserver(e=>{for(let t of e)if(t.type===`childList`)for(let e of t.addedNodes)e.tagName===`LINK`&&e.rel===`modulepreload`&&n(e)}).observe(document,{childList:!0,subtree:!0});function t(e){let t={};return e.integrity&&(t.integrity=e.integrity),e.referrerPolicy&&(t.referrerPolicy=e.referrerPolicy),e.crossOrigin===`use-credentials`?t.credentials=`include`:e.crossOrigin===`anonymous`?t.credentials=`omit`:t.credentials=`same-origin`,t}function n(e){if(e.ep)return;e.ep=!0;let n=t(e);fetch(e.href,n)}})();var u=o((e=>{var t=Symbol.for(`react.element`),n=Symbol.for(`react.portal`),r=Symbol.for(`react.fragment`),i=Symbol.for(`react.strict_mode`),a=Symbol.for(`react.profiler`),o=Symbol.for(`react.provider`),s=Symbol.for(`react.context`),c=Symbol.for(`react.forward_ref`),l=Symbol.for(`react.suspense`),u=Symbol.for(`react.memo`),d=Symbol.for(`react.lazy`),f=Symbol.iterator;function p(e){return typeof e!=`object`||!e?null:(e=f&&e[f]||e[`@@iterator`],typeof e==`function`?e:null)}var m={isMounted:function(){return!1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}},h=Object.assign,g={};function _(e,t,n){this.props=e,this.context=t,this.refs=g,this.updater=n||m}_.prototype.isReactComponent={},_.prototype.setState=function(e,t){if(typeof e!=`object`&&typeof e!=`function`&&e!=null)throw Error(`setState(...): takes an object of state variables to update or a function which returns an object of state variables.`);this.updater.enqueueSetState(this,e,t,`setState`)},_.prototype.forceUpdate=function(e){this.updater.enqueueForceUpdate(this,e,`forceUpdate`)};function v(){}v.prototype=_.prototype;function y(e,t,n){this.props=e,this.context=t,this.refs=g,this.updater=n||m}var b=y.prototype=new v;b.constructor=y,h(b,_.prototype),b.isPureReactComponent=!0;var x=Array.isArray,S=Object.prototype.hasOwnProperty,C={current:null},w={key:!0,ref:!0,__self:!0,__source:!0};function T(e,n,r){var i,a={},o=null,s=null;if(n!=null)for(i in n.ref!==void 0&&(s=n.ref),n.key!==void 0&&(o=``+n.key),n)S.call(n,i)&&!w.hasOwnProperty(i)&&(a[i]=n[i]);var c=arguments.length-2;if(c===1)a.children=r;else if(1<c){for(var l=Array(c),u=0;u<c;u++)l[u]=arguments[u+2];a.children=l}if(e&&e.defaultProps)for(i in c=e.defaultProps,c)a[i]===void 0&&(a[i]=c[i]);return{$$typeof:t,type:e,key:o,ref:s,props:a,_owner:C.current}}function E(e,n){return{$$typeof:t,type:e.type,key:n,ref:e.ref,props:e.props,_owner:e._owner}}function D(e){return typeof e==`object`&&!!e&&e.$$typeof===t}function ee(e){var t={"=":`=0`,":":`=2`};return`$`+e.replace(/[=:]/g,function(e){return t[e]})}var te=/\/+/g;function ne(e,t){return typeof e==`object`&&e&&e.key!=null?ee(``+e.key):t.toString(36)}function re(e,r,i,a,o){var s=typeof e;(s===`undefined`||s===`boolean`)&&(e=null);var c=!1;if(e===null)c=!0;else switch(s){case`string`:case`number`:c=!0;break;case`object`:switch(e.$$typeof){case t:case n:c=!0}}if(c)return c=e,o=o(c),e=a===``?`.`+ne(c,0):a,x(o)?(i=``,e!=null&&(i=e.replace(te,`$&/`)+`/`),re(o,r,i,``,function(e){return e})):o!=null&&(D(o)&&(o=E(o,i+(!o.key||c&&c.key===o.key?``:(``+o.key).replace(te,`$&/`)+`/`)+e)),r.push(o)),1;if(c=0,a=a===``?`.`:a+`:`,x(e))for(var l=0;l<e.length;l++){s=e[l];var u=a+ne(s,l);c+=re(s,r,i,u,o)}else if(u=p(e),typeof u==`function`)for(e=u.call(e),l=0;!(s=e.next()).done;)s=s.value,u=a+ne(s,l++),c+=re(s,r,i,u,o);else if(s===`object`)throw r=String(e),Error(`Objects are not valid as a React child (found: `+(r===`[object Object]`?`object with keys {`+Object.keys(e).join(`, `)+`}`:r)+`). If you meant to render a collection of children, use an array instead.`);return c}function ie(e,t,n){if(e==null)return e;var r=[],i=0;return re(e,r,``,``,function(e){return t.call(n,e,i++)}),r}function ae(e){if(e._status===-1){var t=e._result;t=t(),t.then(function(t){(e._status===0||e._status===-1)&&(e._status=1,e._result=t)},function(t){(e._status===0||e._status===-1)&&(e._status=2,e._result=t)}),e._status===-1&&(e._status=0,e._result=t)}if(e._status===1)return e._result.default;throw e._result}var O={current:null},k={transition:null},oe={ReactCurrentDispatcher:O,ReactCurrentBatchConfig:k,ReactCurrentOwner:C};function se(){throw Error(`act(...) is not supported in production builds of React.`)}e.Children={map:ie,forEach:function(e,t,n){ie(e,function(){t.apply(this,arguments)},n)},count:function(e){var t=0;return ie(e,function(){t++}),t},toArray:function(e){return ie(e,function(e){return e})||[]},only:function(e){if(!D(e))throw Error(`React.Children.only expected to receive a single React element child.`);return e}},e.Component=_,e.Fragment=r,e.Profiler=a,e.PureComponent=y,e.StrictMode=i,e.Suspense=l,e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED=oe,e.act=se,e.cloneElement=function(e,n,r){if(e==null)throw Error(`React.cloneElement(...): The argument must be a React element, but you passed `+e+`.`);var i=h({},e.props),a=e.key,o=e.ref,s=e._owner;if(n!=null){if(n.ref!==void 0&&(o=n.ref,s=C.current),n.key!==void 0&&(a=``+n.key),e.type&&e.type.defaultProps)var c=e.type.defaultProps;for(l in n)S.call(n,l)&&!w.hasOwnProperty(l)&&(i[l]=n[l]===void 0&&c!==void 0?c[l]:n[l])}var l=arguments.length-2;if(l===1)i.children=r;else if(1<l){c=Array(l);for(var u=0;u<l;u++)c[u]=arguments[u+2];i.children=c}return{$$typeof:t,type:e.type,key:a,ref:o,props:i,_owner:s}},e.createContext=function(e){return e={$$typeof:s,_currentValue:e,_currentValue2:e,_threadCount:0,Provider:null,Consumer:null,_defaultValue:null,_globalName:null},e.Provider={$$typeof:o,_context:e},e.Consumer=e},e.createElement=T,e.createFactory=function(e){var t=T.bind(null,e);return t.type=e,t},e.createRef=function(){return{current:null}},e.forwardRef=function(e){return{$$typeof:c,render:e}},e.isValidElement=D,e.lazy=function(e){return{$$typeof:d,_payload:{_status:-1,_result:e},_init:ae}},e.memo=function(e,t){return{$$typeof:u,type:e,compare:t===void 0?null:t}},e.startTransition=function(e){var t=k.transition;k.transition={};try{e()}finally{k.transition=t}},e.unstable_act=se,e.useCallback=function(e,t){return O.current.useCallback(e,t)},e.useContext=function(e){return O.current.useContext(e)},e.useDebugValue=function(){},e.useDeferredValue=function(e){return O.current.useDeferredValue(e)},e.useEffect=function(e,t){return O.current.useEffect(e,t)},e.useId=function(){return O.current.useId()},e.useImperativeHandle=function(e,t,n){return O.current.useImperativeHandle(e,t,n)},e.useInsertionEffect=function(e,t){return O.current.useInsertionEffect(e,t)},e.useLayoutEffect=function(e,t){return O.current.useLayoutEffect(e,t)},e.useMemo=function(e,t){return O.current.useMemo(e,t)},e.useReducer=function(e,t,n){return O.current.useReducer(e,t,n)},e.useRef=function(e){return O.current.useRef(e)},e.useState=function(e){return O.current.useState(e)},e.useSyncExternalStore=function(e,t,n){return O.current.useSyncExternalStore(e,t,n)},e.useTransition=function(){return O.current.useTransition()},e.version=`18.3.1`})),d=o(((e,t)=>{t.exports=u()})),f=o((e=>{function t(e,t){var n=e.length;e.push(t);a:for(;0<n;){var r=n-1>>>1,a=e[r];if(0<i(a,t))e[r]=t,e[n]=a,n=r;else break a}}function n(e){return e.length===0?null:e[0]}function r(e){if(e.length===0)return null;var t=e[0],n=e.pop();if(n!==t){e[0]=n;a:for(var r=0,a=e.length,o=a>>>1;r<o;){var s=2*(r+1)-1,c=e[s],l=s+1,u=e[l];if(0>i(c,n))l<a&&0>i(u,c)?(e[r]=u,e[l]=n,r=l):(e[r]=c,e[s]=n,r=s);else if(l<a&&0>i(u,n))e[r]=u,e[l]=n,r=l;else break a}}return t}function i(e,t){var n=e.sortIndex-t.sortIndex;return n===0?e.id-t.id:n}if(typeof performance==`object`&&typeof performance.now==`function`){var a=performance;e.unstable_now=function(){return a.now()}}else{var o=Date,s=o.now();e.unstable_now=function(){return o.now()-s}}var c=[],l=[],u=1,d=null,f=3,p=!1,m=!1,h=!1,g=typeof setTimeout==`function`?setTimeout:null,_=typeof clearTimeout==`function`?clearTimeout:null,v=typeof setImmediate<`u`?setImmediate:null;typeof navigator<`u`&&navigator.scheduling!==void 0&&navigator.scheduling.isInputPending!==void 0&&navigator.scheduling.isInputPending.bind(navigator.scheduling);function y(e){for(var i=n(l);i!==null;){if(i.callback===null)r(l);else if(i.startTime<=e)r(l),i.sortIndex=i.expirationTime,t(c,i);else break;i=n(l)}}function b(e){if(h=!1,y(e),!m)if(n(c)!==null)m=!0,ie(x);else{var t=n(l);t!==null&&ae(b,t.startTime-e)}}function x(t,i){m=!1,h&&(h=!1,_(w),w=-1),p=!0;var a=f;try{for(y(i),d=n(c);d!==null&&(!(d.expirationTime>i)||t&&!D());){var o=d.callback;if(typeof o==`function`){d.callback=null,f=d.priorityLevel;var s=o(d.expirationTime<=i);i=e.unstable_now(),typeof s==`function`?d.callback=s:d===n(c)&&r(c),y(i)}else r(c);d=n(c)}if(d!==null)var u=!0;else{var g=n(l);g!==null&&ae(b,g.startTime-i),u=!1}return u}finally{d=null,f=a,p=!1}}var S=!1,C=null,w=-1,T=5,E=-1;function D(){return!(e.unstable_now()-E<T)}function ee(){if(C!==null){var t=e.unstable_now();E=t;var n=!0;try{n=C(!0,t)}finally{n?te():(S=!1,C=null)}}else S=!1}var te;if(typeof v==`function`)te=function(){v(ee)};else if(typeof MessageChannel<`u`){var ne=new MessageChannel,re=ne.port2;ne.port1.onmessage=ee,te=function(){re.postMessage(null)}}else te=function(){g(ee,0)};function ie(e){C=e,S||(S=!0,te())}function ae(t,n){w=g(function(){t(e.unstable_now())},n)}e.unstable_IdlePriority=5,e.unstable_ImmediatePriority=1,e.unstable_LowPriority=4,e.unstable_NormalPriority=3,e.unstable_Profiling=null,e.unstable_UserBlockingPriority=2,e.unstable_cancelCallback=function(e){e.callback=null},e.unstable_continueExecution=function(){m||p||(m=!0,ie(x))},e.unstable_forceFrameRate=function(e){0>e||125<e?console.error(`forceFrameRate takes a positive int between 0 and 125, forcing frame rates higher than 125 fps is not supported`):T=0<e?Math.floor(1e3/e):5},e.unstable_getCurrentPriorityLevel=function(){return f},e.unstable_getFirstCallbackNode=function(){return n(c)},e.unstable_next=function(e){switch(f){case 1:case 2:case 3:var t=3;break;default:t=f}var n=f;f=t;try{return e()}finally{f=n}},e.unstable_pauseExecution=function(){},e.unstable_requestPaint=function(){},e.unstable_runWithPriority=function(e,t){switch(e){case 1:case 2:case 3:case 4:case 5:break;default:e=3}var n=f;f=e;try{return t()}finally{f=n}},e.unstable_scheduleCallback=function(r,i,a){var o=e.unstable_now();switch(typeof a==`object`&&a?(a=a.delay,a=typeof a==`number`&&0<a?o+a:o):a=o,r){case 1:var s=-1;break;case 2:s=250;break;case 5:s=1073741823;break;case 4:s=1e4;break;default:s=5e3}return s=a+s,r={id:u++,callback:i,priorityLevel:r,startTime:a,expirationTime:s,sortIndex:-1},a>o?(r.sortIndex=a,t(l,r),n(c)===null&&r===n(l)&&(h?(_(w),w=-1):h=!0,ae(b,a-o))):(r.sortIndex=s,t(c,r),m||p||(m=!0,ie(x))),r},e.unstable_shouldYield=D,e.unstable_wrapCallback=function(e){var t=f;return function(){var n=f;f=t;try{return e.apply(this,arguments)}finally{f=n}}}})),p=o(((e,t)=>{t.exports=f()})),m=o((e=>{var t=d(),n=p();function r(e){for(var t=`https://reactjs.org/docs/error-decoder.html?invariant=`+e,n=1;n<arguments.length;n++)t+=`&args[]=`+encodeURIComponent(arguments[n]);return`Minified React error #`+e+`; visit `+t+` for the full message or use the non-minified dev environment for full errors and additional helpful warnings.`}var i=new Set,a={};function o(e,t){s(e,t),s(e+`Capture`,t)}function s(e,t){for(a[e]=t,e=0;e<t.length;e++)i.add(t[e])}var c=!(typeof window>`u`||window.document===void 0||window.document.createElement===void 0),l=Object.prototype.hasOwnProperty,u=/^[:A-Z_a-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD][:A-Z_a-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD\-.0-9\u00B7\u0300-\u036F\u203F-\u2040]*$/,f={},m={};function h(e){return l.call(m,e)?!0:l.call(f,e)?!1:u.test(e)?m[e]=!0:(f[e]=!0,!1)}function g(e,t,n,r){if(n!==null&&n.type===0)return!1;switch(typeof t){case`function`:case`symbol`:return!0;case`boolean`:return r?!1:n===null?(e=e.toLowerCase().slice(0,5),e!==`data-`&&e!==`aria-`):!n.acceptsBooleans;default:return!1}}function _(e,t,n,r){if(t==null||g(e,t,n,r))return!0;if(r)return!1;if(n!==null)switch(n.type){case 3:return!t;case 4:return!1===t;case 5:return isNaN(t);case 6:return isNaN(t)||1>t}return!1}function v(e,t,n,r,i,a,o){this.acceptsBooleans=t===2||t===3||t===4,this.attributeName=r,this.attributeNamespace=i,this.mustUseProperty=n,this.propertyName=e,this.type=t,this.sanitizeURL=a,this.removeEmptyString=o}var y={};`children dangerouslySetInnerHTML defaultValue defaultChecked innerHTML suppressContentEditableWarning suppressHydrationWarning style`.split(` `).forEach(function(e){y[e]=new v(e,0,!1,e,null,!1,!1)}),[[`acceptCharset`,`accept-charset`],[`className`,`class`],[`htmlFor`,`for`],[`httpEquiv`,`http-equiv`]].forEach(function(e){var t=e[0];y[t]=new v(t,1,!1,e[1],null,!1,!1)}),[`contentEditable`,`draggable`,`spellCheck`,`value`].forEach(function(e){y[e]=new v(e,2,!1,e.toLowerCase(),null,!1,!1)}),[`autoReverse`,`externalResourcesRequired`,`focusable`,`preserveAlpha`].forEach(function(e){y[e]=new v(e,2,!1,e,null,!1,!1)}),`allowFullScreen async autoFocus autoPlay controls default defer disabled disablePictureInPicture disableRemotePlayback formNoValidate hidden loop noModule noValidate open playsInline readOnly required reversed scoped seamless itemScope`.split(` `).forEach(function(e){y[e]=new v(e,3,!1,e.toLowerCase(),null,!1,!1)}),[`checked`,`multiple`,`muted`,`selected`].forEach(function(e){y[e]=new v(e,3,!0,e,null,!1,!1)}),[`capture`,`download`].forEach(function(e){y[e]=new v(e,4,!1,e,null,!1,!1)}),[`cols`,`rows`,`size`,`span`].forEach(function(e){y[e]=new v(e,6,!1,e,null,!1,!1)}),[`rowSpan`,`start`].forEach(function(e){y[e]=new v(e,5,!1,e.toLowerCase(),null,!1,!1)});var b=/[\-:]([a-z])/g;function x(e){return e[1].toUpperCase()}`accent-height alignment-baseline arabic-form baseline-shift cap-height clip-path clip-rule color-interpolation color-interpolation-filters color-profile color-rendering dominant-baseline enable-background fill-opacity fill-rule flood-color flood-opacity font-family font-size font-size-adjust font-stretch font-style font-variant font-weight glyph-name glyph-orientation-horizontal glyph-orientation-vertical horiz-adv-x horiz-origin-x image-rendering letter-spacing lighting-color marker-end marker-mid marker-start overline-position overline-thickness paint-order panose-1 pointer-events rendering-intent shape-rendering stop-color stop-opacity strikethrough-position strikethrough-thickness stroke-dasharray stroke-dashoffset stroke-linecap stroke-linejoin stroke-miterlimit stroke-opacity stroke-width text-anchor text-decoration text-rendering underline-position underline-thickness unicode-bidi unicode-range units-per-em v-alphabetic v-hanging v-ideographic v-mathematical vector-effect vert-adv-y vert-origin-x vert-origin-y word-spacing writing-mode xmlns:xlink x-height`.split(` `).forEach(function(e){var t=e.replace(b,x);y[t]=new v(t,1,!1,e,null,!1,!1)}),`xlink:actuate xlink:arcrole xlink:role xlink:show xlink:title xlink:type`.split(` `).forEach(function(e){var t=e.replace(b,x);y[t]=new v(t,1,!1,e,`http://www.w3.org/1999/xlink`,!1,!1)}),[`xml:base`,`xml:lang`,`xml:space`].forEach(function(e){var t=e.replace(b,x);y[t]=new v(t,1,!1,e,`http://www.w3.org/XML/1998/namespace`,!1,!1)}),[`tabIndex`,`crossOrigin`].forEach(function(e){y[e]=new v(e,1,!1,e.toLowerCase(),null,!1,!1)}),y.xlinkHref=new v(`xlinkHref`,1,!1,`xlink:href`,`http://www.w3.org/1999/xlink`,!0,!1),[`src`,`href`,`action`,`formAction`].forEach(function(e){y[e]=new v(e,1,!1,e.toLowerCase(),null,!0,!0)});function S(e,t,n,r){var i=y.hasOwnProperty(t)?y[t]:null;(i===null?r||!(2<t.length)||t[0]!==`o`&&t[0]!==`O`||t[1]!==`n`&&t[1]!==`N`:i.type!==0)&&(_(t,n,i,r)&&(n=null),r||i===null?h(t)&&(n===null?e.removeAttribute(t):e.setAttribute(t,``+n)):i.mustUseProperty?e[i.propertyName]=n===null?i.type===3?!1:``:n:(t=i.attributeName,r=i.attributeNamespace,n===null?e.removeAttribute(t):(i=i.type,n=i===3||i===4&&!0===n?``:``+n,r?e.setAttributeNS(r,t,n):e.setAttribute(t,n))))}var C=t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,w=Symbol.for(`react.element`),T=Symbol.for(`react.portal`),E=Symbol.for(`react.fragment`),D=Symbol.for(`react.strict_mode`),ee=Symbol.for(`react.profiler`),te=Symbol.for(`react.provider`),ne=Symbol.for(`react.context`),re=Symbol.for(`react.forward_ref`),ie=Symbol.for(`react.suspense`),ae=Symbol.for(`react.suspense_list`),O=Symbol.for(`react.memo`),k=Symbol.for(`react.lazy`),oe=Symbol.for(`react.offscreen`),se=Symbol.iterator;function ce(e){return typeof e!=`object`||!e?null:(e=se&&e[se]||e[`@@iterator`],typeof e==`function`?e:null)}var A=Object.assign,le;function ue(e){if(le===void 0)try{throw Error()}catch(e){var t=e.stack.trim().match(/\n( *(at )?)/);le=t&&t[1]||``}return`
-`+le+e}var de=!1;function fe(e,t){if(!e||de)return``;de=!0;var n=Error.prepareStackTrace;Error.prepareStackTrace=void 0;try{if(t)if(t=function(){throw Error()},Object.defineProperty(t.prototype,`props`,{set:function(){throw Error()}}),typeof Reflect==`object`&&Reflect.construct){try{Reflect.construct(t,[])}catch(e){var r=e}Reflect.construct(e,[],t)}else{try{t.call()}catch(e){r=e}e.call(t.prototype)}else{try{throw Error()}catch(e){r=e}e()}}catch(t){if(t&&r&&typeof t.stack==`string`){for(var i=t.stack.split(`
-`),a=r.stack.split(`
-`),o=i.length-1,s=a.length-1;1<=o&&0<=s&&i[o]!==a[s];)s--;for(;1<=o&&0<=s;o--,s--)if(i[o]!==a[s]){if(o!==1||s!==1)do if(o--,s--,0>s||i[o]!==a[s]){var c=`
-`+i[o].replace(` at new `,` at `);return e.displayName&&c.includes(`<anonymous>`)&&(c=c.replace(`<anonymous>`,e.displayName)),c}while(1<=o&&0<=s);break}}}finally{de=!1,Error.prepareStackTrace=n}return(e=e?e.displayName||e.name:``)?ue(e):``}function pe(e){switch(e.tag){case 5:return ue(e.type);case 16:return ue(`Lazy`);case 13:return ue(`Suspense`);case 19:return ue(`SuspenseList`);case 0:case 2:case 15:return e=fe(e.type,!1),e;case 11:return e=fe(e.type.render,!1),e;case 1:return e=fe(e.type,!0),e;default:return``}}function me(e){if(e==null)return null;if(typeof e==`function`)return e.displayName||e.name||null;if(typeof e==`string`)return e;switch(e){case E:return`Fragment`;case T:return`Portal`;case ee:return`Profiler`;case D:return`StrictMode`;case ie:return`Suspense`;case ae:return`SuspenseList`}if(typeof e==`object`)switch(e.$$typeof){case ne:return(e.displayName||`Context`)+`.Consumer`;case te:return(e._context.displayName||`Context`)+`.Provider`;case re:var t=e.render;return e=e.displayName,e||=(e=t.displayName||t.name||``,e===``?`ForwardRef`:`ForwardRef(`+e+`)`),e;case O:return t=e.displayName||null,t===null?me(e.type)||`Memo`:t;case k:t=e._payload,e=e._init;try{return me(e(t))}catch{}}return null}function he(e){var t=e.type;switch(e.tag){case 24:return`Cache`;case 9:return(t.displayName||`Context`)+`.Consumer`;case 10:return(t._context.displayName||`Context`)+`.Provider`;case 18:return`DehydratedFragment`;case 11:return e=t.render,e=e.displayName||e.name||``,t.displayName||(e===``?`ForwardRef`:`ForwardRef(`+e+`)`);case 7:return`Fragment`;case 5:return t;case 4:return`Portal`;case 3:return`Root`;case 6:return`Text`;case 16:return me(t);case 8:return t===D?`StrictMode`:`Mode`;case 22:return`Offscreen`;case 12:return`Profiler`;case 21:return`Scope`;case 13:return`Suspense`;case 19:return`SuspenseList`;case 25:return`TracingMarker`;case 1:case 0:case 17:case 2:case 14:case 15:if(typeof t==`function`)return t.displayName||t.name||null;if(typeof t==`string`)return t}return null}function j(e){switch(typeof e){case`boolean`:case`number`:case`string`:case`undefined`:return e;case`object`:return e;default:return``}}function ge(e){var t=e.type;return(e=e.nodeName)&&e.toLowerCase()===`input`&&(t===`checkbox`||t===`radio`)}function _e(e){var t=ge(e)?`checked`:`value`,n=Object.getOwnPropertyDescriptor(e.constructor.prototype,t),r=``+e[t];if(!e.hasOwnProperty(t)&&n!==void 0&&typeof n.get==`function`&&typeof n.set==`function`){var i=n.get,a=n.set;return Object.defineProperty(e,t,{configurable:!0,get:function(){return i.call(this)},set:function(e){r=``+e,a.call(this,e)}}),Object.defineProperty(e,t,{enumerable:n.enumerable}),{getValue:function(){return r},setValue:function(e){r=``+e},stopTracking:function(){e._valueTracker=null,delete e[t]}}}}function ve(e){e._valueTracker||=_e(e)}function ye(e){if(!e)return!1;var t=e._valueTracker;if(!t)return!0;var n=t.getValue(),r=``;return e&&(r=ge(e)?e.checked?`true`:`false`:e.value),e=r,e===n?!1:(t.setValue(e),!0)}function be(e){if(e||=typeof document<`u`?document:void 0,e===void 0)return null;try{return e.activeElement||e.body}catch{return e.body}}function xe(e,t){var n=t.checked;return A({},t,{defaultChecked:void 0,defaultValue:void 0,value:void 0,checked:n??e._wrapperState.initialChecked})}function M(e,t){var n=t.defaultValue==null?``:t.defaultValue,r=t.checked==null?t.defaultChecked:t.checked;n=j(t.value==null?n:t.value),e._wrapperState={initialChecked:r,initialValue:n,controlled:t.type===`checkbox`||t.type===`radio`?t.checked!=null:t.value!=null}}function Se(e,t){t=t.checked,t!=null&&S(e,`checked`,t,!1)}function Ce(e,t){Se(e,t);var n=j(t.value),r=t.type;if(n!=null)r===`number`?(n===0&&e.value===``||e.value!=n)&&(e.value=``+n):e.value!==``+n&&(e.value=``+n);else if(r===`submit`||r===`reset`){e.removeAttribute(`value`);return}t.hasOwnProperty(`value`)?Te(e,t.type,n):t.hasOwnProperty(`defaultValue`)&&Te(e,t.type,j(t.defaultValue)),t.checked==null&&t.defaultChecked!=null&&(e.defaultChecked=!!t.defaultChecked)}function we(e,t,n){if(t.hasOwnProperty(`value`)||t.hasOwnProperty(`defaultValue`)){var r=t.type;if(!(r!==`submit`&&r!==`reset`||t.value!==void 0&&t.value!==null))return;t=``+e._wrapperState.initialValue,n||t===e.value||(e.value=t),e.defaultValue=t}n=e.name,n!==``&&(e.name=``),e.defaultChecked=!!e._wrapperState.initialChecked,n!==``&&(e.name=n)}function Te(e,t,n){(t!==`number`||be(e.ownerDocument)!==e)&&(n==null?e.defaultValue=``+e._wrapperState.initialValue:e.defaultValue!==``+n&&(e.defaultValue=``+n))}var N=Array.isArray;function Ee(e,t,n,r){if(e=e.options,t){t={};for(var i=0;i<n.length;i++)t[`$`+n[i]]=!0;for(n=0;n<e.length;n++)i=t.hasOwnProperty(`$`+e[n].value),e[n].selected!==i&&(e[n].selected=i),i&&r&&(e[n].defaultSelected=!0)}else{for(n=``+j(n),t=null,i=0;i<e.length;i++){if(e[i].value===n){e[i].selected=!0,r&&(e[i].defaultSelected=!0);return}t!==null||e[i].disabled||(t=e[i])}t!==null&&(t.selected=!0)}}function De(e,t){if(t.dangerouslySetInnerHTML!=null)throw Error(r(91));return A({},t,{value:void 0,defaultValue:void 0,children:``+e._wrapperState.initialValue})}function Oe(e,t){var n=t.value;if(n==null){if(n=t.children,t=t.defaultValue,n!=null){if(t!=null)throw Error(r(92));if(N(n)){if(1<n.length)throw Error(r(93));n=n[0]}t=n}t??=``,n=t}e._wrapperState={initialValue:j(n)}}function ke(e,t){var n=j(t.value),r=j(t.defaultValue);n!=null&&(n=``+n,n!==e.value&&(e.value=n),t.defaultValue==null&&e.defaultValue!==n&&(e.defaultValue=n)),r!=null&&(e.defaultValue=``+r)}function Ae(e){var t=e.textContent;t===e._wrapperState.initialValue&&t!==``&&t!==null&&(e.value=t)}function je(e){switch(e){case`svg`:return`http://www.w3.org/2000/svg`;case`math`:return`http://www.w3.org/1998/Math/MathML`;default:return`http://www.w3.org/1999/xhtml`}}function Me(e,t){return e==null||e===`http://www.w3.org/1999/xhtml`?je(t):e===`http://www.w3.org/2000/svg`&&t===`foreignObject`?`http://www.w3.org/1999/xhtml`:e}var Ne,Pe=function(e){return typeof MSApp<`u`&&MSApp.execUnsafeLocalFunction?function(t,n,r,i){MSApp.execUnsafeLocalFunction(function(){return e(t,n,r,i)})}:e}(function(e,t){if(e.namespaceURI!==`http://www.w3.org/2000/svg`||`innerHTML`in e)e.innerHTML=t;else{for(Ne||=document.createElement(`div`),Ne.innerHTML=`<svg>`+t.valueOf().toString()+`</svg>`,t=Ne.firstChild;e.firstChild;)e.removeChild(e.firstChild);for(;t.firstChild;)e.appendChild(t.firstChild)}});function Fe(e,t){if(t){var n=e.firstChild;if(n&&n===e.lastChild&&n.nodeType===3){n.nodeValue=t;return}}e.textContent=t}var Ie={animationIterationCount:!0,aspectRatio:!0,borderImageOutset:!0,borderImageSlice:!0,borderImageWidth:!0,boxFlex:!0,boxFlexGroup:!0,boxOrdinalGroup:!0,columnCount:!0,columns:!0,flex:!0,flexGrow:!0,flexPositive:!0,flexShrink:!0,flexNegative:!0,flexOrder:!0,gridArea:!0,gridRow:!0,gridRowEnd:!0,gridRowSpan:!0,gridRowStart:!0,gridColumn:!0,gridColumnEnd:!0,gridColumnSpan:!0,gridColumnStart:!0,fontWeight:!0,lineClamp:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,tabSize:!0,widows:!0,zIndex:!0,zoom:!0,fillOpacity:!0,floodOpacity:!0,stopOpacity:!0,strokeDasharray:!0,strokeDashoffset:!0,strokeMiterlimit:!0,strokeOpacity:!0,strokeWidth:!0},Le=[`Webkit`,`ms`,`Moz`,`O`];Object.keys(Ie).forEach(function(e){Le.forEach(function(t){t=t+e.charAt(0).toUpperCase()+e.substring(1),Ie[t]=Ie[e]})});function Re(e,t,n){return t==null||typeof t==`boolean`||t===``?``:n||typeof t!=`number`||t===0||Ie.hasOwnProperty(e)&&Ie[e]?(``+t).trim():t+`px`}function ze(e,t){for(var n in e=e.style,t)if(t.hasOwnProperty(n)){var r=n.indexOf(`--`)===0,i=Re(n,t[n],r);n===`float`&&(n=`cssFloat`),r?e.setProperty(n,i):e[n]=i}}var Be=A({menuitem:!0},{area:!0,base:!0,br:!0,col:!0,embed:!0,hr:!0,img:!0,input:!0,keygen:!0,link:!0,meta:!0,param:!0,source:!0,track:!0,wbr:!0});function Ve(e,t){if(t){if(Be[e]&&(t.children!=null||t.dangerouslySetInnerHTML!=null))throw Error(r(137,e));if(t.dangerouslySetInnerHTML!=null){if(t.children!=null)throw Error(r(60));if(typeof t.dangerouslySetInnerHTML!=`object`||!(`__html`in t.dangerouslySetInnerHTML))throw Error(r(61))}if(t.style!=null&&typeof t.style!=`object`)throw Error(r(62))}}function He(e,t){if(e.indexOf(`-`)===-1)return typeof t.is==`string`;switch(e){case`annotation-xml`:case`color-profile`:case`font-face`:case`font-face-src`:case`font-face-uri`:case`font-face-format`:case`font-face-name`:case`missing-glyph`:return!1;default:return!0}}var Ue=null;function We(e){return e=e.target||e.srcElement||window,e.correspondingUseElement&&(e=e.correspondingUseElement),e.nodeType===3?e.parentNode:e}var Ge=null,Ke=null,qe=null;function Je(e){if(e=Fi(e)){if(typeof Ge!=`function`)throw Error(r(280));var t=e.stateNode;t&&(t=Li(t),Ge(e.stateNode,e.type,t))}}function Ye(e){Ke?qe?qe.push(e):qe=[e]:Ke=e}function Xe(){if(Ke){var e=Ke,t=qe;if(qe=Ke=null,Je(e),t)for(e=0;e<t.length;e++)Je(t[e])}}function Ze(e,t){return e(t)}function Qe(){}var $e=!1;function et(e,t,n){if($e)return e(t,n);$e=!0;try{return Ze(e,t,n)}finally{$e=!1,(Ke!==null||qe!==null)&&(Qe(),Xe())}}function tt(e,t){var n=e.stateNode;if(n===null)return null;var i=Li(n);if(i===null)return null;n=i[t];a:switch(t){case`onClick`:case`onClickCapture`:case`onDoubleClick`:case`onDoubleClickCapture`:case`onMouseDown`:case`onMouseDownCapture`:case`onMouseMove`:case`onMouseMoveCapture`:case`onMouseUp`:case`onMouseUpCapture`:case`onMouseEnter`:(i=!i.disabled)||(e=e.type,i=!(e===`button`||e===`input`||e===`select`||e===`textarea`)),e=!i;break a;default:e=!1}if(e)return null;if(n&&typeof n!=`function`)throw Error(r(231,t,typeof n));return n}var nt=!1;if(c)try{var rt={};Object.defineProperty(rt,`passive`,{get:function(){nt=!0}}),window.addEventListener(`test`,rt,rt),window.removeEventListener(`test`,rt,rt)}catch{nt=!1}function P(e,t,n,r,i,a,o,s,c){var l=Array.prototype.slice.call(arguments,3);try{t.apply(n,l)}catch(e){this.onError(e)}}var it=!1,at=null,ot=!1,st=null,ct={onError:function(e){it=!0,at=e}};function lt(e,t,n,r,i,a,o,s,c){it=!1,at=null,P.apply(ct,arguments)}function ut(e,t,n,i,a,o,s,c,l){if(lt.apply(this,arguments),it){if(it){var u=at;it=!1,at=null}else throw Error(r(198));ot||(ot=!0,st=u)}}function dt(e){var t=e,n=e;if(e.alternate)for(;t.return;)t=t.return;else{e=t;do t=e,t.flags&4098&&(n=t.return),e=t.return;while(e)}return t.tag===3?n:null}function ft(e){if(e.tag===13){var t=e.memoizedState;if(t===null&&(e=e.alternate,e!==null&&(t=e.memoizedState)),t!==null)return t.dehydrated}return null}function pt(e){if(dt(e)!==e)throw Error(r(188))}function F(e){var t=e.alternate;if(!t){if(t=dt(e),t===null)throw Error(r(188));return t===e?e:null}for(var n=e,i=t;;){var a=n.return;if(a===null)break;var o=a.alternate;if(o===null){if(i=a.return,i!==null){n=i;continue}break}if(a.child===o.child){for(o=a.child;o;){if(o===n)return pt(a),e;if(o===i)return pt(a),t;o=o.sibling}throw Error(r(188))}if(n.return!==i.return)n=a,i=o;else{for(var s=!1,c=a.child;c;){if(c===n){s=!0,n=a,i=o;break}if(c===i){s=!0,i=a,n=o;break}c=c.sibling}if(!s){for(c=o.child;c;){if(c===n){s=!0,n=o,i=a;break}if(c===i){s=!0,i=o,n=a;break}c=c.sibling}if(!s)throw Error(r(189))}}if(n.alternate!==i)throw Error(r(190))}if(n.tag!==3)throw Error(r(188));return n.stateNode.current===n?e:t}function mt(e){return e=F(e),e===null?null:ht(e)}function ht(e){if(e.tag===5||e.tag===6)return e;for(e=e.child;e!==null;){var t=ht(e);if(t!==null)return t;e=e.sibling}return null}var gt=n.unstable_scheduleCallback,_t=n.unstable_cancelCallback,vt=n.unstable_shouldYield,yt=n.unstable_requestPaint,I=n.unstable_now,bt=n.unstable_getCurrentPriorityLevel,xt=n.unstable_ImmediatePriority,St=n.unstable_UserBlockingPriority,Ct=n.unstable_NormalPriority,wt=n.unstable_LowPriority,Tt=n.unstable_IdlePriority,Et=null,Dt=null;function Ot(e){if(Dt&&typeof Dt.onCommitFiberRoot==`function`)try{Dt.onCommitFiberRoot(Et,e,void 0,(e.current.flags&128)==128)}catch{}}var kt=Math.clz32?Math.clz32:Mt,At=Math.log,jt=Math.LN2;function Mt(e){return e>>>=0,e===0?32:31-(At(e)/jt|0)|0}var Nt=64,Pt=4194304;function Ft(e){switch(e&-e){case 1:return 1;case 2:return 2;case 4:return 4;case 8:return 8;case 16:return 16;case 32:return 32;case 64:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:return e&4194240;case 4194304:case 8388608:case 16777216:case 33554432:case 67108864:return e&130023424;case 134217728:return 134217728;case 268435456:return 268435456;case 536870912:return 536870912;case 1073741824:return 1073741824;default:return e}}function It(e,t){var n=e.pendingLanes;if(n===0)return 0;var r=0,i=e.suspendedLanes,a=e.pingedLanes,o=n&268435455;if(o!==0){var s=o&~i;s===0?(a&=o,a!==0&&(r=Ft(a))):r=Ft(s)}else o=n&~i,o===0?a!==0&&(r=Ft(a)):r=Ft(o);if(r===0)return 0;if(t!==0&&t!==r&&(t&i)===0&&(i=r&-r,a=t&-t,i>=a||i===16&&a&4194240))return t;if(r&4&&(r|=n&16),t=e.entangledLanes,t!==0)for(e=e.entanglements,t&=r;0<t;)n=31-kt(t),i=1<<n,r|=e[n],t&=~i;return r}function Lt(e,t){switch(e){case 1:case 2:case 4:return t+250;case 8:case 16:case 32:case 64:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:return t+5e3;case 4194304:case 8388608:case 16777216:case 33554432:case 67108864:return-1;case 134217728:case 268435456:case 536870912:case 1073741824:return-1;default:return-1}}function Rt(e,t){for(var n=e.suspendedLanes,r=e.pingedLanes,i=e.expirationTimes,a=e.pendingLanes;0<a;){var o=31-kt(a),s=1<<o,c=i[o];c===-1?((s&n)===0||(s&r)!==0)&&(i[o]=Lt(s,t)):c<=t&&(e.expiredLanes|=s),a&=~s}}function zt(e){return e=e.pendingLanes&-1073741825,e===0?e&1073741824?1073741824:0:e}function Bt(){var e=Nt;return Nt<<=1,!(Nt&4194240)&&(Nt=64),e}function Vt(e){for(var t=[],n=0;31>n;n++)t.push(e);return t}function L(e,t,n){e.pendingLanes|=t,t!==536870912&&(e.suspendedLanes=0,e.pingedLanes=0),e=e.eventTimes,t=31-kt(t),e[t]=n}function Ht(e,t){var n=e.pendingLanes&~t;e.pendingLanes=t,e.suspendedLanes=0,e.pingedLanes=0,e.expiredLanes&=t,e.mutableReadLanes&=t,e.entangledLanes&=t,t=e.entanglements;var r=e.eventTimes;for(e=e.expirationTimes;0<n;){var i=31-kt(n),a=1<<i;t[i]=0,r[i]=-1,e[i]=-1,n&=~a}}function Ut(e,t){var n=e.entangledLanes|=t;for(e=e.entanglements;n;){var r=31-kt(n),i=1<<r;i&t|e[r]&t&&(e[r]|=t),n&=~i}}var R=0;function Wt(e){return e&=-e,1<e?4<e?e&268435455?16:536870912:4:1}var Gt,Kt,qt,Jt,Yt,Xt=!1,Zt=[],Qt=null,$t=null,en=null,tn=new Map,nn=new Map,rn=[],an=`mousedown mouseup touchcancel touchend touchstart auxclick dblclick pointercancel pointerdown pointerup dragend dragstart drop compositionend compositionstart keydown keypress keyup input textInput copy cut paste click change contextmenu reset submit`.split(` `);function on(e,t){switch(e){case`focusin`:case`focusout`:Qt=null;break;case`dragenter`:case`dragleave`:$t=null;break;case`mouseover`:case`mouseout`:en=null;break;case`pointerover`:case`pointerout`:tn.delete(t.pointerId);break;case`gotpointercapture`:case`lostpointercapture`:nn.delete(t.pointerId)}}function sn(e,t,n,r,i,a){return e===null||e.nativeEvent!==a?(e={blockedOn:t,domEventName:n,eventSystemFlags:r,nativeEvent:a,targetContainers:[i]},t!==null&&(t=Fi(t),t!==null&&Kt(t)),e):(e.eventSystemFlags|=r,t=e.targetContainers,i!==null&&t.indexOf(i)===-1&&t.push(i),e)}function cn(e,t,n,r,i){switch(t){case`focusin`:return Qt=sn(Qt,e,t,n,r,i),!0;case`dragenter`:return $t=sn($t,e,t,n,r,i),!0;case`mouseover`:return en=sn(en,e,t,n,r,i),!0;case`pointerover`:var a=i.pointerId;return tn.set(a,sn(tn.get(a)||null,e,t,n,r,i)),!0;case`gotpointercapture`:return a=i.pointerId,nn.set(a,sn(nn.get(a)||null,e,t,n,r,i)),!0}return!1}function ln(e){var t=Pi(e.target);if(t!==null){var n=dt(t);if(n!==null){if(t=n.tag,t===13){if(t=ft(n),t!==null){e.blockedOn=t,Yt(e.priority,function(){qt(n)});return}}else if(t===3&&n.stateNode.current.memoizedState.isDehydrated){e.blockedOn=n.tag===3?n.stateNode.containerInfo:null;return}}}e.blockedOn=null}function un(e){if(e.blockedOn!==null)return!1;for(var t=e.targetContainers;0<t.length;){var n=xn(e.domEventName,e.eventSystemFlags,t[0],e.nativeEvent);if(n===null){n=e.nativeEvent;var r=new n.constructor(n.type,n);Ue=r,n.target.dispatchEvent(r),Ue=null}else return t=Fi(n),t!==null&&Kt(t),e.blockedOn=n,!1;t.shift()}return!0}function dn(e,t,n){un(e)&&n.delete(t)}function fn(){Xt=!1,Qt!==null&&un(Qt)&&(Qt=null),$t!==null&&un($t)&&($t=null),en!==null&&un(en)&&(en=null),tn.forEach(dn),nn.forEach(dn)}function pn(e,t){e.blockedOn===t&&(e.blockedOn=null,Xt||(Xt=!0,n.unstable_scheduleCallback(n.unstable_NormalPriority,fn)))}function mn(e){function t(t){return pn(t,e)}if(0<Zt.length){pn(Zt[0],e);for(var n=1;n<Zt.length;n++){var r=Zt[n];r.blockedOn===e&&(r.blockedOn=null)}}for(Qt!==null&&pn(Qt,e),$t!==null&&pn($t,e),en!==null&&pn(en,e),tn.forEach(t),nn.forEach(t),n=0;n<rn.length;n++)r=rn[n],r.blockedOn===e&&(r.blockedOn=null);for(;0<rn.length&&(n=rn[0],n.blockedOn===null);)ln(n),n.blockedOn===null&&rn.shift()}var hn=C.ReactCurrentBatchConfig,gn=!0;function _n(e,t,n,r){var i=R,a=hn.transition;hn.transition=null;try{R=1,yn(e,t,n,r)}finally{R=i,hn.transition=a}}function vn(e,t,n,r){var i=R,a=hn.transition;hn.transition=null;try{R=4,yn(e,t,n,r)}finally{R=i,hn.transition=a}}function yn(e,t,n,r){if(gn){var i=xn(e,t,n,r);if(i===null)si(e,t,r,bn,n),on(e,r);else if(cn(i,e,t,n,r))r.stopPropagation();else if(on(e,r),t&4&&-1<an.indexOf(e)){for(;i!==null;){var a=Fi(i);if(a!==null&&Gt(a),a=xn(e,t,n,r),a===null&&si(e,t,r,bn,n),a===i)break;i=a}i!==null&&r.stopPropagation()}else si(e,t,r,null,n)}}var bn=null;function xn(e,t,n,r){if(bn=null,e=We(r),e=Pi(e),e!==null)if(t=dt(e),t===null)e=null;else if(n=t.tag,n===13){if(e=ft(t),e!==null)return e;e=null}else if(n===3){if(t.stateNode.current.memoizedState.isDehydrated)return t.tag===3?t.stateNode.containerInfo:null;e=null}else t!==e&&(e=null);return bn=e,null}function Sn(e){switch(e){case`cancel`:case`click`:case`close`:case`contextmenu`:case`copy`:case`cut`:case`auxclick`:case`dblclick`:case`dragend`:case`dragstart`:case`drop`:case`focusin`:case`focusout`:case`input`:case`invalid`:case`keydown`:case`keypress`:case`keyup`:case`mousedown`:case`mouseup`:case`paste`:case`pause`:case`play`:case`pointercancel`:case`pointerdown`:case`pointerup`:case`ratechange`:case`reset`:case`resize`:case`seeked`:case`submit`:case`touchcancel`:case`touchend`:case`touchstart`:case`volumechange`:case`change`:case`selectionchange`:case`textInput`:case`compositionstart`:case`compositionend`:case`compositionupdate`:case`beforeblur`:case`afterblur`:case`beforeinput`:case`blur`:case`fullscreenchange`:case`focus`:case`hashchange`:case`popstate`:case`select`:case`selectstart`:return 1;case`drag`:case`dragenter`:case`dragexit`:case`dragleave`:case`dragover`:case`mousemove`:case`mouseout`:case`mouseover`:case`pointermove`:case`pointerout`:case`pointerover`:case`scroll`:case`toggle`:case`touchmove`:case`wheel`:case`mouseenter`:case`mouseleave`:case`pointerenter`:case`pointerleave`:return 4;case`message`:switch(bt()){case xt:return 1;case St:return 4;case Ct:case wt:return 16;case Tt:return 536870912;default:return 16}default:return 16}}var Cn=null,wn=null,Tn=null;function En(){if(Tn)return Tn;var e,t=wn,n=t.length,r,i=`value`in Cn?Cn.value:Cn.textContent,a=i.length;for(e=0;e<n&&t[e]===i[e];e++);var o=n-e;for(r=1;r<=o&&t[n-r]===i[a-r];r++);return Tn=i.slice(e,1<r?1-r:void 0)}function Dn(e){var t=e.keyCode;return`charCode`in e?(e=e.charCode,e===0&&t===13&&(e=13)):e=t,e===10&&(e=13),32<=e||e===13?e:0}function On(){return!0}function kn(){return!1}function An(e){function t(t,n,r,i,a){for(var o in this._reactName=t,this._targetInst=r,this.type=n,this.nativeEvent=i,this.target=a,this.currentTarget=null,e)e.hasOwnProperty(o)&&(t=e[o],this[o]=t?t(i):i[o]);return this.isDefaultPrevented=(i.defaultPrevented==null?!1===i.returnValue:i.defaultPrevented)?On:kn,this.isPropagationStopped=kn,this}return A(t.prototype,{preventDefault:function(){this.defaultPrevented=!0;var e=this.nativeEvent;e&&(e.preventDefault?e.preventDefault():typeof e.returnValue!=`unknown`&&(e.returnValue=!1),this.isDefaultPrevented=On)},stopPropagation:function(){var e=this.nativeEvent;e&&(e.stopPropagation?e.stopPropagation():typeof e.cancelBubble!=`unknown`&&(e.cancelBubble=!0),this.isPropagationStopped=On)},persist:function(){},isPersistent:On}),t}var jn={eventPhase:0,bubbles:0,cancelable:0,timeStamp:function(e){return e.timeStamp||Date.now()},defaultPrevented:0,isTrusted:0},Mn=An(jn),Nn=A({},jn,{view:0,detail:0}),Pn=An(Nn),Fn,In,Ln,Rn=A({},Nn,{screenX:0,screenY:0,clientX:0,clientY:0,pageX:0,pageY:0,ctrlKey:0,shiftKey:0,altKey:0,metaKey:0,getModifierState:Jn,button:0,buttons:0,relatedTarget:function(e){return e.relatedTarget===void 0?e.fromElement===e.srcElement?e.toElement:e.fromElement:e.relatedTarget},movementX:function(e){return`movementX`in e?e.movementX:(e!==Ln&&(Ln&&e.type===`mousemove`?(Fn=e.screenX-Ln.screenX,In=e.screenY-Ln.screenY):In=Fn=0,Ln=e),Fn)},movementY:function(e){return`movementY`in e?e.movementY:In}}),zn=An(Rn),Bn=An(A({},Rn,{dataTransfer:0})),Vn=An(A({},Nn,{relatedTarget:0})),z=An(A({},jn,{animationName:0,elapsedTime:0,pseudoElement:0})),Hn=An(A({},jn,{clipboardData:function(e){return`clipboardData`in e?e.clipboardData:window.clipboardData}})),Un=An(A({},jn,{data:0})),Wn={Esc:`Escape`,Spacebar:` `,Left:`ArrowLeft`,Up:`ArrowUp`,Right:`ArrowRight`,Down:`ArrowDown`,Del:`Delete`,Win:`OS`,Menu:`ContextMenu`,Apps:`ContextMenu`,Scroll:`ScrollLock`,MozPrintableKey:`Unidentified`},Gn={8:`Backspace`,9:`Tab`,12:`Clear`,13:`Enter`,16:`Shift`,17:`Control`,18:`Alt`,19:`Pause`,20:`CapsLock`,27:`Escape`,32:` `,33:`PageUp`,34:`PageDown`,35:`End`,36:`Home`,37:`ArrowLeft`,38:`ArrowUp`,39:`ArrowRight`,40:`ArrowDown`,45:`Insert`,46:`Delete`,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:`NumLock`,145:`ScrollLock`,224:`Meta`},Kn={Alt:`altKey`,Control:`ctrlKey`,Meta:`metaKey`,Shift:`shiftKey`};function qn(e){var t=this.nativeEvent;return t.getModifierState?t.getModifierState(e):(e=Kn[e])?!!t[e]:!1}function Jn(){return qn}var Yn=An(A({},Nn,{key:function(e){if(e.key){var t=Wn[e.key]||e.key;if(t!==`Unidentified`)return t}return e.type===`keypress`?(e=Dn(e),e===13?`Enter`:String.fromCharCode(e)):e.type===`keydown`||e.type===`keyup`?Gn[e.keyCode]||`Unidentified`:``},code:0,location:0,ctrlKey:0,shiftKey:0,altKey:0,metaKey:0,repeat:0,locale:0,getModifierState:Jn,charCode:function(e){return e.type===`keypress`?Dn(e):0},keyCode:function(e){return e.type===`keydown`||e.type===`keyup`?e.keyCode:0},which:function(e){return e.type===`keypress`?Dn(e):e.type===`keydown`||e.type===`keyup`?e.keyCode:0}})),Xn=An(A({},Rn,{pointerId:0,width:0,height:0,pressure:0,tangentialPressure:0,tiltX:0,tiltY:0,twist:0,pointerType:0,isPrimary:0})),Zn=An(A({},Nn,{touches:0,targetTouches:0,changedTouches:0,altKey:0,metaKey:0,ctrlKey:0,shiftKey:0,getModifierState:Jn})),Qn=An(A({},jn,{propertyName:0,elapsedTime:0,pseudoElement:0})),$n=An(A({},Rn,{deltaX:function(e){return`deltaX`in e?e.deltaX:`wheelDeltaX`in e?-e.wheelDeltaX:0},deltaY:function(e){return`deltaY`in e?e.deltaY:`wheelDeltaY`in e?-e.wheelDeltaY:`wheelDelta`in e?-e.wheelDelta:0},deltaZ:0,deltaMode:0})),er=[9,13,27,32],tr=c&&`CompositionEvent`in window,B=null;c&&`documentMode`in document&&(B=document.documentMode);var V=c&&`TextEvent`in window&&!B,nr=c&&(!tr||B&&8<B&&11>=B),H=` `,rr=!1;function ir(e,t){switch(e){case`keyup`:return er.indexOf(t.keyCode)!==-1;case`keydown`:return t.keyCode!==229;case`keypress`:case`mousedown`:case`focusout`:return!0;default:return!1}}function ar(e){return e=e.detail,typeof e==`object`&&`data`in e?e.data:null}var U=!1;function or(e,t){switch(e){case`compositionend`:return ar(t);case`keypress`:return t.which===32?(rr=!0,H):null;case`textInput`:return e=t.data,e===H&&rr?null:e;default:return null}}function sr(e,t){if(U)return e===`compositionend`||!tr&&ir(e,t)?(e=En(),Tn=wn=Cn=null,U=!1,e):null;switch(e){case`paste`:return null;case`keypress`:if(!(t.ctrlKey||t.altKey||t.metaKey)||t.ctrlKey&&t.altKey){if(t.char&&1<t.char.length)return t.char;if(t.which)return String.fromCharCode(t.which)}return null;case`compositionend`:return nr&&t.locale!==`ko`?null:t.data;default:return null}}var cr={color:!0,date:!0,datetime:!0,"datetime-local":!0,email:!0,month:!0,number:!0,password:!0,range:!0,search:!0,tel:!0,text:!0,time:!0,url:!0,week:!0};function lr(e){var t=e&&e.nodeName&&e.nodeName.toLowerCase();return t===`input`?!!cr[e.type]:t===`textarea`}function ur(e,t,n,r){Ye(r),t=ci(t,`onChange`),0<t.length&&(n=new Mn(`onChange`,`change`,null,n,r),e.push({event:n,listeners:t}))}var dr=null,fr=null;function pr(e){ni(e,0)}function mr(e){if(ye(Ii(e)))return e}function hr(e,t){if(e===`change`)return t}var gr=!1;if(c){var _r;if(c){var vr=`oninput`in document;if(!vr){var yr=document.createElement(`div`);yr.setAttribute(`oninput`,`return;`),vr=typeof yr.oninput==`function`}_r=vr}else _r=!1;gr=_r&&(!document.documentMode||9<document.documentMode)}function br(){dr&&(dr.detachEvent(`onpropertychange`,xr),fr=dr=null)}function xr(e){if(e.propertyName===`value`&&mr(fr)){var t=[];ur(t,fr,e,We(e)),et(pr,t)}}function Sr(e,t,n){e===`focusin`?(br(),dr=t,fr=n,dr.attachEvent(`onpropertychange`,xr)):e===`focusout`&&br()}function Cr(e){if(e===`selectionchange`||e===`keyup`||e===`keydown`)return mr(fr)}function wr(e,t){if(e===`click`)return mr(t)}function Tr(e,t){if(e===`input`||e===`change`)return mr(t)}function Er(e,t){return e===t&&(e!==0||1/e==1/t)||e!==e&&t!==t}var Dr=typeof Object.is==`function`?Object.is:Er;function Or(e,t){if(Dr(e,t))return!0;if(typeof e!=`object`||!e||typeof t!=`object`||!t)return!1;var n=Object.keys(e),r=Object.keys(t);if(n.length!==r.length)return!1;for(r=0;r<n.length;r++){var i=n[r];if(!l.call(t,i)||!Dr(e[i],t[i]))return!1}return!0}function kr(e){for(;e&&e.firstChild;)e=e.firstChild;return e}function Ar(e,t){var n=kr(e);e=0;for(var r;n;){if(n.nodeType===3){if(r=e+n.textContent.length,e<=t&&r>=t)return{node:n,offset:t-e};e=r}a:{for(;n;){if(n.nextSibling){n=n.nextSibling;break a}n=n.parentNode}n=void 0}n=kr(n)}}function W(e,t){return e&&t?e===t?!0:e&&e.nodeType===3?!1:t&&t.nodeType===3?W(e,t.parentNode):`contains`in e?e.contains(t):e.compareDocumentPosition?!!(e.compareDocumentPosition(t)&16):!1:!1}function jr(){for(var e=window,t=be();t instanceof e.HTMLIFrameElement;){try{var n=typeof t.contentWindow.location.href==`string`}catch{n=!1}if(n)e=t.contentWindow;else break;t=be(e.document)}return t}function Mr(e){var t=e&&e.nodeName&&e.nodeName.toLowerCase();return t&&(t===`input`&&(e.type===`text`||e.type===`search`||e.type===`tel`||e.type===`url`||e.type===`password`)||t===`textarea`||e.contentEditable===`true`)}function Nr(e){var t=jr(),n=e.focusedElem,r=e.selectionRange;if(t!==n&&n&&n.ownerDocument&&W(n.ownerDocument.documentElement,n)){if(r!==null&&Mr(n)){if(t=r.start,e=r.end,e===void 0&&(e=t),`selectionStart`in n)n.selectionStart=t,n.selectionEnd=Math.min(e,n.value.length);else if(e=(t=n.ownerDocument||document)&&t.defaultView||window,e.getSelection){e=e.getSelection();var i=n.textContent.length,a=Math.min(r.start,i);r=r.end===void 0?a:Math.min(r.end,i),!e.extend&&a>r&&(i=r,r=a,a=i),i=Ar(n,a);var o=Ar(n,r);i&&o&&(e.rangeCount!==1||e.anchorNode!==i.node||e.anchorOffset!==i.offset||e.focusNode!==o.node||e.focusOffset!==o.offset)&&(t=t.createRange(),t.setStart(i.node,i.offset),e.removeAllRanges(),a>r?(e.addRange(t),e.extend(o.node,o.offset)):(t.setEnd(o.node,o.offset),e.addRange(t)))}}for(t=[],e=n;e=e.parentNode;)e.nodeType===1&&t.push({element:e,left:e.scrollLeft,top:e.scrollTop});for(typeof n.focus==`function`&&n.focus(),n=0;n<t.length;n++)e=t[n],e.element.scrollLeft=e.left,e.element.scrollTop=e.top}}var Pr=c&&`documentMode`in document&&11>=document.documentMode,Fr=null,Ir=null,Lr=null,Rr=!1;function zr(e,t,n){var r=n.window===n?n.document:n.nodeType===9?n:n.ownerDocument;Rr||Fr==null||Fr!==be(r)||(r=Fr,`selectionStart`in r&&Mr(r)?r={start:r.selectionStart,end:r.selectionEnd}:(r=(r.ownerDocument&&r.ownerDocument.defaultView||window).getSelection(),r={anchorNode:r.anchorNode,anchorOffset:r.anchorOffset,focusNode:r.focusNode,focusOffset:r.focusOffset}),Lr&&Or(Lr,r)||(Lr=r,r=ci(Ir,`onSelect`),0<r.length&&(t=new Mn(`onSelect`,`select`,null,t,n),e.push({event:t,listeners:r}),t.target=Fr)))}function Br(e,t){var n={};return n[e.toLowerCase()]=t.toLowerCase(),n[`Webkit`+e]=`webkit`+t,n[`Moz`+e]=`moz`+t,n}var Vr={animationend:Br(`Animation`,`AnimationEnd`),animationiteration:Br(`Animation`,`AnimationIteration`),animationstart:Br(`Animation`,`AnimationStart`),transitionend:Br(`Transition`,`TransitionEnd`)},Hr={},Ur={};c&&(Ur=document.createElement(`div`).style,`AnimationEvent`in window||(delete Vr.animationend.animation,delete Vr.animationiteration.animation,delete Vr.animationstart.animation),`TransitionEvent`in window||delete Vr.transitionend.transition);function Wr(e){if(Hr[e])return Hr[e];if(!Vr[e])return e;var t=Vr[e],n;for(n in t)if(t.hasOwnProperty(n)&&n in Ur)return Hr[e]=t[n];return e}var Gr=Wr(`animationend`),Kr=Wr(`animationiteration`),qr=Wr(`animationstart`),Jr=Wr(`transitionend`),Yr=new Map,Xr=`abort auxClick cancel canPlay canPlayThrough click close contextMenu copy cut drag dragEnd dragEnter dragExit dragLeave dragOver dragStart drop durationChange emptied encrypted ended error gotPointerCapture input invalid keyDown keyPress keyUp load loadedData loadedMetadata loadStart lostPointerCapture mouseDown mouseMove mouseOut mouseOver mouseUp paste pause play playing pointerCancel pointerDown pointerMove pointerOut pointerOver pointerUp progress rateChange reset resize seeked seeking stalled submit suspend timeUpdate touchCancel touchEnd touchStart volumeChange scroll toggle touchMove waiting wheel`.split(` `);function G(e,t){Yr.set(e,t),o(t,[e])}for(var Zr=0;Zr<Xr.length;Zr++){var Qr=Xr[Zr];G(Qr.toLowerCase(),`on`+(Qr[0].toUpperCase()+Qr.slice(1)))}G(Gr,`onAnimationEnd`),G(Kr,`onAnimationIteration`),G(qr,`onAnimationStart`),G(`dblclick`,`onDoubleClick`),G(`focusin`,`onFocus`),G(`focusout`,`onBlur`),G(Jr,`onTransitionEnd`),s(`onMouseEnter`,[`mouseout`,`mouseover`]),s(`onMouseLeave`,[`mouseout`,`mouseover`]),s(`onPointerEnter`,[`pointerout`,`pointerover`]),s(`onPointerLeave`,[`pointerout`,`pointerover`]),o(`onChange`,`change click focusin focusout input keydown keyup selectionchange`.split(` `)),o(`onSelect`,`focusout contextmenu dragend focusin keydown keyup mousedown mouseup selectionchange`.split(` `)),o(`onBeforeInput`,[`compositionend`,`keypress`,`textInput`,`paste`]),o(`onCompositionEnd`,`compositionend focusout keydown keypress keyup mousedown`.split(` `)),o(`onCompositionStart`,`compositionstart focusout keydown keypress keyup mousedown`.split(` `)),o(`onCompositionUpdate`,`compositionupdate focusout keydown keypress keyup mousedown`.split(` `));var $r=`abort canplay canplaythrough durationchange emptied encrypted ended error loadeddata loadedmetadata loadstart pause play playing progress ratechange resize seeked seeking stalled suspend timeupdate volumechange waiting`.split(` `),ei=new Set(`cancel close invalid load scroll toggle`.split(` `).concat($r));function ti(e,t,n){var r=e.type||`unknown-event`;e.currentTarget=n,ut(r,t,void 0,e),e.currentTarget=null}function ni(e,t){t=(t&4)!=0;for(var n=0;n<e.length;n++){var r=e[n],i=r.event;r=r.listeners;a:{var a=void 0;if(t)for(var o=r.length-1;0<=o;o--){var s=r[o],c=s.instance,l=s.currentTarget;if(s=s.listener,c!==a&&i.isPropagationStopped())break a;ti(i,s,l),a=c}else for(o=0;o<r.length;o++){if(s=r[o],c=s.instance,l=s.currentTarget,s=s.listener,c!==a&&i.isPropagationStopped())break a;ti(i,s,l),a=c}}}if(ot)throw e=st,ot=!1,st=null,e}function K(e,t){var n=t[ji];n===void 0&&(n=t[ji]=new Set);var r=e+`__bubble`;n.has(r)||(oi(t,e,2,!1),n.add(r))}function ri(e,t,n){var r=0;t&&(r|=4),oi(n,e,r,t)}var ii=`_reactListening`+Math.random().toString(36).slice(2);function ai(e){if(!e[ii]){e[ii]=!0,i.forEach(function(t){t!==`selectionchange`&&(ei.has(t)||ri(t,!1,e),ri(t,!0,e))});var t=e.nodeType===9?e:e.ownerDocument;t===null||t[ii]||(t[ii]=!0,ri(`selectionchange`,!1,t))}}function oi(e,t,n,r){switch(Sn(t)){case 1:var i=_n;break;case 4:i=vn;break;default:i=yn}n=i.bind(null,t,n,e),i=void 0,!nt||t!==`touchstart`&&t!==`touchmove`&&t!==`wheel`||(i=!0),r?i===void 0?e.addEventListener(t,n,!0):e.addEventListener(t,n,{capture:!0,passive:i}):i===void 0?e.addEventListener(t,n,!1):e.addEventListener(t,n,{passive:i})}function si(e,t,n,r,i){var a=r;if(!(t&1)&&!(t&2)&&r!==null)a:for(;;){if(r===null)return;var o=r.tag;if(o===3||o===4){var s=r.stateNode.containerInfo;if(s===i||s.nodeType===8&&s.parentNode===i)break;if(o===4)for(o=r.return;o!==null;){var c=o.tag;if((c===3||c===4)&&(c=o.stateNode.containerInfo,c===i||c.nodeType===8&&c.parentNode===i))return;o=o.return}for(;s!==null;){if(o=Pi(s),o===null)return;if(c=o.tag,c===5||c===6){r=a=o;continue a}s=s.parentNode}}r=r.return}et(function(){var r=a,i=We(n),o=[];a:{var s=Yr.get(e);if(s!==void 0){var c=Mn,l=e;switch(e){case`keypress`:if(Dn(n)===0)break a;case`keydown`:case`keyup`:c=Yn;break;case`focusin`:l=`focus`,c=Vn;break;case`focusout`:l=`blur`,c=Vn;break;case`beforeblur`:case`afterblur`:c=Vn;break;case`click`:if(n.button===2)break a;case`auxclick`:case`dblclick`:case`mousedown`:case`mousemove`:case`mouseup`:case`mouseout`:case`mouseover`:case`contextmenu`:c=zn;break;case`drag`:case`dragend`:case`dragenter`:case`dragexit`:case`dragleave`:case`dragover`:case`dragstart`:case`drop`:c=Bn;break;case`touchcancel`:case`touchend`:case`touchmove`:case`touchstart`:c=Zn;break;case Gr:case Kr:case qr:c=z;break;case Jr:c=Qn;break;case`scroll`:c=Pn;break;case`wheel`:c=$n;break;case`copy`:case`cut`:case`paste`:c=Hn;break;case`gotpointercapture`:case`lostpointercapture`:case`pointercancel`:case`pointerdown`:case`pointermove`:case`pointerout`:case`pointerover`:case`pointerup`:c=Xn}var u=(t&4)!=0,d=!u&&e===`scroll`,f=u?s===null?null:s+`Capture`:s;u=[];for(var p=r,m;p!==null;){m=p;var h=m.stateNode;if(m.tag===5&&h!==null&&(m=h,f!==null&&(h=tt(p,f),h!=null&&u.push(q(p,h,m)))),d)break;p=p.return}0<u.length&&(s=new c(s,l,null,n,i),o.push({event:s,listeners:u}))}}if(!(t&7)){a:{if(s=e===`mouseover`||e===`pointerover`,c=e===`mouseout`||e===`pointerout`,s&&n!==Ue&&(l=n.relatedTarget||n.fromElement)&&(Pi(l)||l[Ai]))break a;if((c||s)&&(s=i.window===i?i:(s=i.ownerDocument)?s.defaultView||s.parentWindow:window,c?(l=n.relatedTarget||n.toElement,c=r,l=l?Pi(l):null,l!==null&&(d=dt(l),l!==d||l.tag!==5&&l.tag!==6)&&(l=null)):(c=null,l=r),c!==l)){if(u=zn,h=`onMouseLeave`,f=`onMouseEnter`,p=`mouse`,(e===`pointerout`||e===`pointerover`)&&(u=Xn,h=`onPointerLeave`,f=`onPointerEnter`,p=`pointer`),d=c==null?s:Ii(c),m=l==null?s:Ii(l),s=new u(h,p+`leave`,c,n,i),s.target=d,s.relatedTarget=m,h=null,Pi(i)===r&&(u=new u(f,p+`enter`,l,n,i),u.target=m,u.relatedTarget=d,h=u),d=h,c&&l)b:{for(u=c,f=l,p=0,m=u;m;m=li(m))p++;for(m=0,h=f;h;h=li(h))m++;for(;0<p-m;)u=li(u),p--;for(;0<m-p;)f=li(f),m--;for(;p--;){if(u===f||f!==null&&u===f.alternate)break b;u=li(u),f=li(f)}u=null}else u=null;c!==null&&ui(o,s,c,u,!1),l!==null&&d!==null&&ui(o,d,l,u,!0)}}a:{if(s=r?Ii(r):window,c=s.nodeName&&s.nodeName.toLowerCase(),c===`select`||c===`input`&&s.type===`file`)var g=hr;else if(lr(s))if(gr)g=Tr;else{g=Cr;var _=Sr}else (c=s.nodeName)&&c.toLowerCase()===`input`&&(s.type===`checkbox`||s.type===`radio`)&&(g=wr);if(g&&=g(e,r)){ur(o,g,n,i);break a}_&&_(e,s,r),e===`focusout`&&(_=s._wrapperState)&&_.controlled&&s.type===`number`&&Te(s,`number`,s.value)}switch(_=r?Ii(r):window,e){case`focusin`:(lr(_)||_.contentEditable===`true`)&&(Fr=_,Ir=r,Lr=null);break;case`focusout`:Lr=Ir=Fr=null;break;case`mousedown`:Rr=!0;break;case`contextmenu`:case`mouseup`:case`dragend`:Rr=!1,zr(o,n,i);break;case`selectionchange`:if(Pr)break;case`keydown`:case`keyup`:zr(o,n,i)}var v;if(tr)b:{switch(e){case`compositionstart`:var y=`onCompositionStart`;break b;case`compositionend`:y=`onCompositionEnd`;break b;case`compositionupdate`:y=`onCompositionUpdate`;break b}y=void 0}else U?ir(e,n)&&(y=`onCompositionEnd`):e===`keydown`&&n.keyCode===229&&(y=`onCompositionStart`);y&&(nr&&n.locale!==`ko`&&(U||y!==`onCompositionStart`?y===`onCompositionEnd`&&U&&(v=En()):(Cn=i,wn=`value`in Cn?Cn.value:Cn.textContent,U=!0)),_=ci(r,y),0<_.length&&(y=new Un(y,e,null,n,i),o.push({event:y,listeners:_}),v?y.data=v:(v=ar(n),v!==null&&(y.data=v)))),(v=V?or(e,n):sr(e,n))&&(r=ci(r,`onBeforeInput`),0<r.length&&(i=new Un(`onBeforeInput`,`beforeinput`,null,n,i),o.push({event:i,listeners:r}),i.data=v))}ni(o,t)})}function q(e,t,n){return{instance:e,listener:t,currentTarget:n}}function ci(e,t){for(var n=t+`Capture`,r=[];e!==null;){var i=e,a=i.stateNode;i.tag===5&&a!==null&&(i=a,a=tt(e,n),a!=null&&r.unshift(q(e,a,i)),a=tt(e,t),a!=null&&r.push(q(e,a,i))),e=e.return}return r}function li(e){if(e===null)return null;do e=e.return;while(e&&e.tag!==5);return e||null}function ui(e,t,n,r,i){for(var a=t._reactName,o=[];n!==null&&n!==r;){var s=n,c=s.alternate,l=s.stateNode;if(c!==null&&c===r)break;s.tag===5&&l!==null&&(s=l,i?(c=tt(n,a),c!=null&&o.unshift(q(n,c,s))):i||(c=tt(n,a),c!=null&&o.push(q(n,c,s)))),n=n.return}o.length!==0&&e.push({event:t,listeners:o})}var di=/\r\n?/g,fi=/\u0000|\uFFFD/g;function pi(e){return(typeof e==`string`?e:``+e).replace(di,`
-`).replace(fi,``)}function mi(e,t,n){if(t=pi(t),pi(e)!==t&&n)throw Error(r(425))}function hi(){}var gi=null,_i=null;function vi(e,t){return e===`textarea`||e===`noscript`||typeof t.children==`string`||typeof t.children==`number`||typeof t.dangerouslySetInnerHTML==`object`&&t.dangerouslySetInnerHTML!==null&&t.dangerouslySetInnerHTML.__html!=null}var yi=typeof setTimeout==`function`?setTimeout:void 0,bi=typeof clearTimeout==`function`?clearTimeout:void 0,xi=typeof Promise==`function`?Promise:void 0,Si=typeof queueMicrotask==`function`?queueMicrotask:xi===void 0?yi:function(e){return xi.resolve(null).then(e).catch(Ci)};function Ci(e){setTimeout(function(){throw e})}function wi(e,t){var n=t,r=0;do{var i=n.nextSibling;if(e.removeChild(n),i&&i.nodeType===8)if(n=i.data,n===`/$`){if(r===0){e.removeChild(i),mn(t);return}r--}else n!==`$`&&n!==`$?`&&n!==`$!`||r++;n=i}while(n);mn(t)}function Ti(e){for(;e!=null;e=e.nextSibling){var t=e.nodeType;if(t===1||t===3)break;if(t===8){if(t=e.data,t===`$`||t===`$!`||t===`$?`)break;if(t===`/$`)return null}}return e}function Ei(e){e=e.previousSibling;for(var t=0;e;){if(e.nodeType===8){var n=e.data;if(n===`$`||n===`$!`||n===`$?`){if(t===0)return e;t--}else n===`/$`&&t++}e=e.previousSibling}return null}var Di=Math.random().toString(36).slice(2),Oi=`__reactFiber$`+Di,ki=`__reactProps$`+Di,Ai=`__reactContainer$`+Di,ji=`__reactEvents$`+Di,Mi=`__reactListeners$`+Di,Ni=`__reactHandles$`+Di;function Pi(e){var t=e[Oi];if(t)return t;for(var n=e.parentNode;n;){if(t=n[Ai]||n[Oi]){if(n=t.alternate,t.child!==null||n!==null&&n.child!==null)for(e=Ei(e);e!==null;){if(n=e[Oi])return n;e=Ei(e)}return t}e=n,n=e.parentNode}return null}function Fi(e){return e=e[Oi]||e[Ai],!e||e.tag!==5&&e.tag!==6&&e.tag!==13&&e.tag!==3?null:e}function Ii(e){if(e.tag===5||e.tag===6)return e.stateNode;throw Error(r(33))}function Li(e){return e[ki]||null}var Ri=[],zi=-1;function Bi(e){return{current:e}}function J(e){0>zi||(e.current=Ri[zi],Ri[zi]=null,zi--)}function Y(e,t){zi++,Ri[zi]=e.current,e.current=t}var Vi={},Hi=Bi(Vi),Ui=Bi(!1),Wi=Vi;function Gi(e,t){var n=e.type.contextTypes;if(!n)return Vi;var r=e.stateNode;if(r&&r.__reactInternalMemoizedUnmaskedChildContext===t)return r.__reactInternalMemoizedMaskedChildContext;var i={},a;for(a in n)i[a]=t[a];return r&&(e=e.stateNode,e.__reactInternalMemoizedUnmaskedChildContext=t,e.__reactInternalMemoizedMaskedChildContext=i),i}function Ki(e){return e=e.childContextTypes,e!=null}function qi(){J(Ui),J(Hi)}function Ji(e,t,n){if(Hi.current!==Vi)throw Error(r(168));Y(Hi,t),Y(Ui,n)}function Yi(e,t,n){var i=e.stateNode;if(t=t.childContextTypes,typeof i.getChildContext!=`function`)return n;for(var a in i=i.getChildContext(),i)if(!(a in t))throw Error(r(108,he(e)||`Unknown`,a));return A({},n,i)}function Xi(e){return e=(e=e.stateNode)&&e.__reactInternalMemoizedMergedChildContext||Vi,Wi=Hi.current,Y(Hi,e),Y(Ui,Ui.current),!0}function X(e,t,n){var i=e.stateNode;if(!i)throw Error(r(169));n?(e=Yi(e,t,Wi),i.__reactInternalMemoizedMergedChildContext=e,J(Ui),J(Hi),Y(Hi,e)):J(Ui),Y(Ui,n)}var Zi=null,Qi=!1,$i=!1;function ea(e){Zi===null?Zi=[e]:Zi.push(e)}function ta(e){Qi=!0,ea(e)}function na(){if(!$i&&Zi!==null){$i=!0;var e=0,t=R;try{var n=Zi;for(R=1;e<n.length;e++){var r=n[e];do r=r(!0);while(r!==null)}Zi=null,Qi=!1}catch(t){throw Zi!==null&&(Zi=Zi.slice(e+1)),gt(xt,na),t}finally{R=t,$i=!1}}return null}var ra=[],ia=0,aa=null,oa=0,sa=[],ca=0,la=null,ua=1,da=``;function fa(e,t){ra[ia++]=oa,ra[ia++]=aa,aa=e,oa=t}function pa(e,t,n){sa[ca++]=ua,sa[ca++]=da,sa[ca++]=la,la=e;var r=ua;e=da;var i=32-kt(r)-1;r&=~(1<<i),n+=1;var a=32-kt(t)+i;if(30<a){var o=i-i%5;a=(r&(1<<o)-1).toString(32),r>>=o,i-=o,ua=1<<32-kt(t)+i|n<<i|r,da=a+e}else ua=1<<a|n<<i|r,da=e}function ma(e){e.return!==null&&(fa(e,1),pa(e,1,0))}function ha(e){for(;e===aa;)aa=ra[--ia],ra[ia]=null,oa=ra[--ia],ra[ia]=null;for(;e===la;)la=sa[--ca],sa[ca]=null,da=sa[--ca],sa[ca]=null,ua=sa[--ca],sa[ca]=null}var ga=null,_a=null,Z=!1,va=null;function ya(e,t){var n=Kl(5,null,null,0);n.elementType=`DELETED`,n.stateNode=t,n.return=e,t=e.deletions,t===null?(e.deletions=[n],e.flags|=16):t.push(n)}function ba(e,t){switch(e.tag){case 5:var n=e.type;return t=t.nodeType!==1||n.toLowerCase()!==t.nodeName.toLowerCase()?null:t,t===null?!1:(e.stateNode=t,ga=e,_a=Ti(t.firstChild),!0);case 6:return t=e.pendingProps===``||t.nodeType!==3?null:t,t===null?!1:(e.stateNode=t,ga=e,_a=null,!0);case 13:return t=t.nodeType===8?t:null,t===null?!1:(n=la===null?null:{id:ua,overflow:da},e.memoizedState={dehydrated:t,treeContext:n,retryLane:1073741824},n=Kl(18,null,null,0),n.stateNode=t,n.return=e,e.child=n,ga=e,_a=null,!0);default:return!1}}function xa(e){return(e.mode&1)!=0&&(e.flags&128)==0}function Sa(e){if(Z){var t=_a;if(t){var n=t;if(!ba(e,t)){if(xa(e))throw Error(r(418));t=Ti(n.nextSibling);var i=ga;t&&ba(e,t)?ya(i,n):(e.flags=e.flags&-4097|2,Z=!1,ga=e)}}else{if(xa(e))throw Error(r(418));e.flags=e.flags&-4097|2,Z=!1,ga=e}}}function Ca(e){for(e=e.return;e!==null&&e.tag!==5&&e.tag!==3&&e.tag!==13;)e=e.return;ga=e}function wa(e){if(e!==ga)return!1;if(!Z)return Ca(e),Z=!0,!1;var t;if((t=e.tag!==3)&&!(t=e.tag!==5)&&(t=e.type,t=t!==`head`&&t!==`body`&&!vi(e.type,e.memoizedProps)),t&&=_a){if(xa(e))throw Ta(),Error(r(418));for(;t;)ya(e,t),t=Ti(t.nextSibling)}if(Ca(e),e.tag===13){if(e=e.memoizedState,e=e===null?null:e.dehydrated,!e)throw Error(r(317));a:{for(e=e.nextSibling,t=0;e;){if(e.nodeType===8){var n=e.data;if(n===`/$`){if(t===0){_a=Ti(e.nextSibling);break a}t--}else n!==`$`&&n!==`$!`&&n!==`$?`||t++}e=e.nextSibling}_a=null}}else _a=ga?Ti(e.stateNode.nextSibling):null;return!0}function Ta(){for(var e=_a;e;)e=Ti(e.nextSibling)}function Ea(){_a=ga=null,Z=!1}function Da(e){va===null?va=[e]:va.push(e)}var Oa=C.ReactCurrentBatchConfig;function ka(e,t,n){if(e=n.ref,e!==null&&typeof e!=`function`&&typeof e!=`object`){if(n._owner){if(n=n._owner,n){if(n.tag!==1)throw Error(r(309));var i=n.stateNode}if(!i)throw Error(r(147,e));var a=i,o=``+e;return t!==null&&t.ref!==null&&typeof t.ref==`function`&&t.ref._stringRef===o?t.ref:(t=function(e){var t=a.refs;e===null?delete t[o]:t[o]=e},t._stringRef=o,t)}if(typeof e!=`string`)throw Error(r(284));if(!n._owner)throw Error(r(290,e))}return e}function Aa(e,t){throw e=Object.prototype.toString.call(t),Error(r(31,e===`[object Object]`?`object with keys {`+Object.keys(t).join(`, `)+`}`:e))}function ja(e){var t=e._init;return t(e._payload)}function Ma(e){function t(t,n){if(e){var r=t.deletions;r===null?(t.deletions=[n],t.flags|=16):r.push(n)}}function n(n,r){if(!e)return null;for(;r!==null;)t(n,r),r=r.sibling;return null}function i(e,t){for(e=new Map;t!==null;)t.key===null?e.set(t.index,t):e.set(t.key,t),t=t.sibling;return e}function a(e,t){return e=Yl(e,t),e.index=0,e.sibling=null,e}function o(t,n,r){return t.index=r,e?(r=t.alternate,r===null?(t.flags|=2,n):(r=r.index,r<n?(t.flags|=2,n):r)):(t.flags|=1048576,n)}function s(t){return e&&t.alternate===null&&(t.flags|=2),t}function c(e,t,n,r){return t===null||t.tag!==6?(t=$l(n,e.mode,r),t.return=e,t):(t=a(t,n),t.return=e,t)}function l(e,t,n,r){var i=n.type;return i===E?d(e,t,n.props.children,r,n.key):t!==null&&(t.elementType===i||typeof i==`object`&&i&&i.$$typeof===k&&ja(i)===t.type)?(r=a(t,n.props),r.ref=ka(e,t,n),r.return=e,r):(r=Xl(n.type,n.key,n.props,null,e.mode,r),r.ref=ka(e,t,n),r.return=e,r)}function u(e,t,n,r){return t===null||t.tag!==4||t.stateNode.containerInfo!==n.containerInfo||t.stateNode.implementation!==n.implementation?(t=eu(n,e.mode,r),t.return=e,t):(t=a(t,n.children||[]),t.return=e,t)}function d(e,t,n,r,i){return t===null||t.tag!==7?(t=Zl(n,e.mode,r,i),t.return=e,t):(t=a(t,n),t.return=e,t)}function f(e,t,n){if(typeof t==`string`&&t!==``||typeof t==`number`)return t=$l(``+t,e.mode,n),t.return=e,t;if(typeof t==`object`&&t){switch(t.$$typeof){case w:return n=Xl(t.type,t.key,t.props,null,e.mode,n),n.ref=ka(e,null,t),n.return=e,n;case T:return t=eu(t,e.mode,n),t.return=e,t;case k:var r=t._init;return f(e,r(t._payload),n)}if(N(t)||ce(t))return t=Zl(t,e.mode,n,null),t.return=e,t;Aa(e,t)}return null}function p(e,t,n,r){var i=t===null?null:t.key;if(typeof n==`string`&&n!==``||typeof n==`number`)return i===null?c(e,t,``+n,r):null;if(typeof n==`object`&&n){switch(n.$$typeof){case w:return n.key===i?l(e,t,n,r):null;case T:return n.key===i?u(e,t,n,r):null;case k:return i=n._init,p(e,t,i(n._payload),r)}if(N(n)||ce(n))return i===null?d(e,t,n,r,null):null;Aa(e,n)}return null}function m(e,t,n,r,i){if(typeof r==`string`&&r!==``||typeof r==`number`)return e=e.get(n)||null,c(t,e,``+r,i);if(typeof r==`object`&&r){switch(r.$$typeof){case w:return e=e.get(r.key===null?n:r.key)||null,l(t,e,r,i);case T:return e=e.get(r.key===null?n:r.key)||null,u(t,e,r,i);case k:var a=r._init;return m(e,t,n,a(r._payload),i)}if(N(r)||ce(r))return e=e.get(n)||null,d(t,e,r,i,null);Aa(t,r)}return null}function h(r,a,s,c){for(var l=null,u=null,d=a,h=a=0,g=null;d!==null&&h<s.length;h++){d.index>h?(g=d,d=null):g=d.sibling;var _=p(r,d,s[h],c);if(_===null){d===null&&(d=g);break}e&&d&&_.alternate===null&&t(r,d),a=o(_,a,h),u===null?l=_:u.sibling=_,u=_,d=g}if(h===s.length)return n(r,d),Z&&fa(r,h),l;if(d===null){for(;h<s.length;h++)d=f(r,s[h],c),d!==null&&(a=o(d,a,h),u===null?l=d:u.sibling=d,u=d);return Z&&fa(r,h),l}for(d=i(r,d);h<s.length;h++)g=m(d,r,h,s[h],c),g!==null&&(e&&g.alternate!==null&&d.delete(g.key===null?h:g.key),a=o(g,a,h),u===null?l=g:u.sibling=g,u=g);return e&&d.forEach(function(e){return t(r,e)}),Z&&fa(r,h),l}function g(a,s,c,l){var u=ce(c);if(typeof u!=`function`)throw Error(r(150));if(c=u.call(c),c==null)throw Error(r(151));for(var d=u=null,h=s,g=s=0,_=null,v=c.next();h!==null&&!v.done;g++,v=c.next()){h.index>g?(_=h,h=null):_=h.sibling;var y=p(a,h,v.value,l);if(y===null){h===null&&(h=_);break}e&&h&&y.alternate===null&&t(a,h),s=o(y,s,g),d===null?u=y:d.sibling=y,d=y,h=_}if(v.done)return n(a,h),Z&&fa(a,g),u;if(h===null){for(;!v.done;g++,v=c.next())v=f(a,v.value,l),v!==null&&(s=o(v,s,g),d===null?u=v:d.sibling=v,d=v);return Z&&fa(a,g),u}for(h=i(a,h);!v.done;g++,v=c.next())v=m(h,a,g,v.value,l),v!==null&&(e&&v.alternate!==null&&h.delete(v.key===null?g:v.key),s=o(v,s,g),d===null?u=v:d.sibling=v,d=v);return e&&h.forEach(function(e){return t(a,e)}),Z&&fa(a,g),u}function _(e,r,i,o){if(typeof i==`object`&&i&&i.type===E&&i.key===null&&(i=i.props.children),typeof i==`object`&&i){switch(i.$$typeof){case w:a:{for(var c=i.key,l=r;l!==null;){if(l.key===c){if(c=i.type,c===E){if(l.tag===7){n(e,l.sibling),r=a(l,i.props.children),r.return=e,e=r;break a}}else if(l.elementType===c||typeof c==`object`&&c&&c.$$typeof===k&&ja(c)===l.type){n(e,l.sibling),r=a(l,i.props),r.ref=ka(e,l,i),r.return=e,e=r;break a}n(e,l);break}else t(e,l);l=l.sibling}i.type===E?(r=Zl(i.props.children,e.mode,o,i.key),r.return=e,e=r):(o=Xl(i.type,i.key,i.props,null,e.mode,o),o.ref=ka(e,r,i),o.return=e,e=o)}return s(e);case T:a:{for(l=i.key;r!==null;){if(r.key===l)if(r.tag===4&&r.stateNode.containerInfo===i.containerInfo&&r.stateNode.implementation===i.implementation){n(e,r.sibling),r=a(r,i.children||[]),r.return=e,e=r;break a}else{n(e,r);break}else t(e,r);r=r.sibling}r=eu(i,e.mode,o),r.return=e,e=r}return s(e);case k:return l=i._init,_(e,r,l(i._payload),o)}if(N(i))return h(e,r,i,o);if(ce(i))return g(e,r,i,o);Aa(e,i)}return typeof i==`string`&&i!==``||typeof i==`number`?(i=``+i,r!==null&&r.tag===6?(n(e,r.sibling),r=a(r,i),r.return=e,e=r):(n(e,r),r=$l(i,e.mode,o),r.return=e,e=r),s(e)):n(e,r)}return _}var Na=Ma(!0),Pa=Ma(!1),Fa=Bi(null),Ia=null,La=null,Ra=null;function za(){Ra=La=Ia=null}function Ba(e){var t=Fa.current;J(Fa),e._currentValue=t}function Va(e,t,n){for(;e!==null;){var r=e.alternate;if((e.childLanes&t)===t?r!==null&&(r.childLanes&t)!==t&&(r.childLanes|=t):(e.childLanes|=t,r!==null&&(r.childLanes|=t)),e===n)break;e=e.return}}function Ha(e,t){Ia=e,Ra=La=null,e=e.dependencies,e!==null&&e.firstContext!==null&&((e.lanes&t)!==0&&(Ms=!0),e.firstContext=null)}function Ua(e){var t=e._currentValue;if(Ra!==e)if(e={context:e,memoizedValue:t,next:null},La===null){if(Ia===null)throw Error(r(308));La=e,Ia.dependencies={lanes:0,firstContext:e}}else La=La.next=e;return t}var Wa=null;function Ga(e){Wa===null?Wa=[e]:Wa.push(e)}function Ka(e,t,n,r){var i=t.interleaved;return i===null?(n.next=n,Ga(t)):(n.next=i.next,i.next=n),t.interleaved=n,qa(e,r)}function qa(e,t){e.lanes|=t;var n=e.alternate;for(n!==null&&(n.lanes|=t),n=e,e=e.return;e!==null;)e.childLanes|=t,n=e.alternate,n!==null&&(n.childLanes|=t),n=e,e=e.return;return n.tag===3?n.stateNode:null}var Ja=!1;function Ya(e){e.updateQueue={baseState:e.memoizedState,firstBaseUpdate:null,lastBaseUpdate:null,shared:{pending:null,interleaved:null,lanes:0},effects:null}}function Xa(e,t){e=e.updateQueue,t.updateQueue===e&&(t.updateQueue={baseState:e.baseState,firstBaseUpdate:e.firstBaseUpdate,lastBaseUpdate:e.lastBaseUpdate,shared:e.shared,effects:e.effects})}function Za(e,t){return{eventTime:e,lane:t,tag:0,payload:null,callback:null,next:null}}function Qa(e,t,n){var r=e.updateQueue;if(r===null)return null;if(r=r.shared,$&2){var i=r.pending;return i===null?t.next=t:(t.next=i.next,i.next=t),r.pending=t,qa(e,n)}return i=r.interleaved,i===null?(t.next=t,Ga(r)):(t.next=i.next,i.next=t),r.interleaved=t,qa(e,n)}function $a(e,t,n){if(t=t.updateQueue,t!==null&&(t=t.shared,n&4194240)){var r=t.lanes;r&=e.pendingLanes,n|=r,t.lanes=n,Ut(e,n)}}function eo(e,t){var n=e.updateQueue,r=e.alternate;if(r!==null&&(r=r.updateQueue,n===r)){var i=null,a=null;if(n=n.firstBaseUpdate,n!==null){do{var o={eventTime:n.eventTime,lane:n.lane,tag:n.tag,payload:n.payload,callback:n.callback,next:null};a===null?i=a=o:a=a.next=o,n=n.next}while(n!==null);a===null?i=a=t:a=a.next=t}else i=a=t;n={baseState:r.baseState,firstBaseUpdate:i,lastBaseUpdate:a,shared:r.shared,effects:r.effects},e.updateQueue=n;return}e=n.lastBaseUpdate,e===null?n.firstBaseUpdate=t:e.next=t,n.lastBaseUpdate=t}function to(e,t,n,r){var i=e.updateQueue;Ja=!1;var a=i.firstBaseUpdate,o=i.lastBaseUpdate,s=i.shared.pending;if(s!==null){i.shared.pending=null;var c=s,l=c.next;c.next=null,o===null?a=l:o.next=l,o=c;var u=e.alternate;u!==null&&(u=u.updateQueue,s=u.lastBaseUpdate,s!==o&&(s===null?u.firstBaseUpdate=l:s.next=l,u.lastBaseUpdate=c))}if(a!==null){var d=i.baseState;o=0,u=l=c=null,s=a;do{var f=s.lane,p=s.eventTime;if((r&f)===f){u!==null&&(u=u.next={eventTime:p,lane:0,tag:s.tag,payload:s.payload,callback:s.callback,next:null});a:{var m=e,h=s;switch(f=t,p=n,h.tag){case 1:if(m=h.payload,typeof m==`function`){d=m.call(p,d,f);break a}d=m;break a;case 3:m.flags=m.flags&-65537|128;case 0:if(m=h.payload,f=typeof m==`function`?m.call(p,d,f):m,f==null)break a;d=A({},d,f);break a;case 2:Ja=!0}}s.callback!==null&&s.lane!==0&&(e.flags|=64,f=i.effects,f===null?i.effects=[s]:f.push(s))}else p={eventTime:p,lane:f,tag:s.tag,payload:s.payload,callback:s.callback,next:null},u===null?(l=u=p,c=d):u=u.next=p,o|=f;if(s=s.next,s===null){if(s=i.shared.pending,s===null)break;f=s,s=f.next,f.next=null,i.lastBaseUpdate=f,i.shared.pending=null}}while(1);if(u===null&&(c=d),i.baseState=c,i.firstBaseUpdate=l,i.lastBaseUpdate=u,t=i.shared.interleaved,t!==null){i=t;do o|=i.lane,i=i.next;while(i!==t)}else a===null&&(i.shared.lanes=0);Jc|=o,e.lanes=o,e.memoizedState=d}}function no(e,t,n){if(e=t.effects,t.effects=null,e!==null)for(t=0;t<e.length;t++){var i=e[t],a=i.callback;if(a!==null){if(i.callback=null,i=n,typeof a!=`function`)throw Error(r(191,a));a.call(i)}}}var ro={},io=Bi(ro),ao=Bi(ro),oo=Bi(ro);function so(e){if(e===ro)throw Error(r(174));return e}function co(e,t){switch(Y(oo,t),Y(ao,e),Y(io,ro),e=t.nodeType,e){case 9:case 11:t=(t=t.documentElement)?t.namespaceURI:Me(null,``);break;default:e=e===8?t.parentNode:t,t=e.namespaceURI||null,e=e.tagName,t=Me(t,e)}J(io),Y(io,t)}function lo(){J(io),J(ao),J(oo)}function uo(e){so(oo.current);var t=so(io.current),n=Me(t,e.type);t!==n&&(Y(ao,e),Y(io,n))}function fo(e){ao.current===e&&(J(io),J(ao))}var po=Bi(0);function mo(e){for(var t=e;t!==null;){if(t.tag===13){var n=t.memoizedState;if(n!==null&&(n=n.dehydrated,n===null||n.data===`$?`||n.data===`$!`))return t}else if(t.tag===19&&t.memoizedProps.revealOrder!==void 0){if(t.flags&128)return t}else if(t.child!==null){t.child.return=t,t=t.child;continue}if(t===e)break;for(;t.sibling===null;){if(t.return===null||t.return===e)return null;t=t.return}t.sibling.return=t.return,t=t.sibling}return null}var ho=[];function go(){for(var e=0;e<ho.length;e++)ho[e]._workInProgressVersionPrimary=null;ho.length=0}var _o=C.ReactCurrentDispatcher,vo=C.ReactCurrentBatchConfig,yo=0,bo=null,xo=null,So=null,Co=!1,wo=!1,To=0,Eo=0;function Do(){throw Error(r(321))}function Oo(e,t){if(t===null)return!1;for(var n=0;n<t.length&&n<e.length;n++)if(!Dr(e[n],t[n]))return!1;return!0}function ko(e,t,n,i,a,o){if(yo=o,bo=t,t.memoizedState=null,t.updateQueue=null,t.lanes=0,_o.current=e===null||e.memoizedState===null?fs:ps,e=n(i,a),wo){o=0;do{if(wo=!1,To=0,25<=o)throw Error(r(301));o+=1,So=xo=null,t.updateQueue=null,_o.current=ms,e=n(i,a)}while(wo)}if(_o.current=ds,t=xo!==null&&xo.next!==null,yo=0,So=xo=bo=null,Co=!1,t)throw Error(r(300));return e}function Ao(){var e=To!==0;return To=0,e}function jo(){var e={memoizedState:null,baseState:null,baseQueue:null,queue:null,next:null};return So===null?bo.memoizedState=So=e:So=So.next=e,So}function Mo(){if(xo===null){var e=bo.alternate;e=e===null?null:e.memoizedState}else e=xo.next;var t=So===null?bo.memoizedState:So.next;if(t!==null)So=t,xo=e;else{if(e===null)throw Error(r(310));xo=e,e={memoizedState:xo.memoizedState,baseState:xo.baseState,baseQueue:xo.baseQueue,queue:xo.queue,next:null},So===null?bo.memoizedState=So=e:So=So.next=e}return So}function No(e,t){return typeof t==`function`?t(e):t}function Po(e){var t=Mo(),n=t.queue;if(n===null)throw Error(r(311));n.lastRenderedReducer=e;var i=xo,a=i.baseQueue,o=n.pending;if(o!==null){if(a!==null){var s=a.next;a.next=o.next,o.next=s}i.baseQueue=a=o,n.pending=null}if(a!==null){o=a.next,i=i.baseState;var c=s=null,l=null,u=o;do{var d=u.lane;if((yo&d)===d)l!==null&&(l=l.next={lane:0,action:u.action,hasEagerState:u.hasEagerState,eagerState:u.eagerState,next:null}),i=u.hasEagerState?u.eagerState:e(i,u.action);else{var f={lane:d,action:u.action,hasEagerState:u.hasEagerState,eagerState:u.eagerState,next:null};l===null?(c=l=f,s=i):l=l.next=f,bo.lanes|=d,Jc|=d}u=u.next}while(u!==null&&u!==o);l===null?s=i:l.next=c,Dr(i,t.memoizedState)||(Ms=!0),t.memoizedState=i,t.baseState=s,t.baseQueue=l,n.lastRenderedState=i}if(e=n.interleaved,e!==null){a=e;do o=a.lane,bo.lanes|=o,Jc|=o,a=a.next;while(a!==e)}else a===null&&(n.lanes=0);return[t.memoizedState,n.dispatch]}function Fo(e){var t=Mo(),n=t.queue;if(n===null)throw Error(r(311));n.lastRenderedReducer=e;var i=n.dispatch,a=n.pending,o=t.memoizedState;if(a!==null){n.pending=null;var s=a=a.next;do o=e(o,s.action),s=s.next;while(s!==a);Dr(o,t.memoizedState)||(Ms=!0),t.memoizedState=o,t.baseQueue===null&&(t.baseState=o),n.lastRenderedState=o}return[o,i]}function Io(){}function Lo(e,t){var n=bo,i=Mo(),a=t(),o=!Dr(i.memoizedState,a);if(o&&(i.memoizedState=a,Ms=!0),i=i.queue,Yo(Bo.bind(null,n,i,e),[e]),i.getSnapshot!==t||o||So!==null&&So.memoizedState.tag&1){if(n.flags|=2048,Wo(9,zo.bind(null,n,i,a,t),void 0,null),Vc===null)throw Error(r(349));yo&30||Ro(n,t,a)}return a}function Ro(e,t,n){e.flags|=16384,e={getSnapshot:t,value:n},t=bo.updateQueue,t===null?(t={lastEffect:null,stores:null},bo.updateQueue=t,t.stores=[e]):(n=t.stores,n===null?t.stores=[e]:n.push(e))}function zo(e,t,n,r){t.value=n,t.getSnapshot=r,Vo(t)&&Ho(e)}function Bo(e,t,n){return n(function(){Vo(t)&&Ho(e)})}function Vo(e){var t=e.getSnapshot;e=e.value;try{var n=t();return!Dr(e,n)}catch{return!0}}function Ho(e){var t=qa(e,1);t!==null&&ml(t,e,1,-1)}function Uo(e){var t=jo();return typeof e==`function`&&(e=e()),t.memoizedState=t.baseState=e,e={pending:null,interleaved:null,lanes:0,dispatch:null,lastRenderedReducer:No,lastRenderedState:e},t.queue=e,e=e.dispatch=ss.bind(null,bo,e),[t.memoizedState,e]}function Wo(e,t,n,r){return e={tag:e,create:t,destroy:n,deps:r,next:null},t=bo.updateQueue,t===null?(t={lastEffect:null,stores:null},bo.updateQueue=t,t.lastEffect=e.next=e):(n=t.lastEffect,n===null?t.lastEffect=e.next=e:(r=n.next,n.next=e,e.next=r,t.lastEffect=e)),e}function Go(){return Mo().memoizedState}function Ko(e,t,n,r){var i=jo();bo.flags|=e,i.memoizedState=Wo(1|t,n,void 0,r===void 0?null:r)}function qo(e,t,n,r){var i=Mo();r=r===void 0?null:r;var a=void 0;if(xo!==null){var o=xo.memoizedState;if(a=o.destroy,r!==null&&Oo(r,o.deps)){i.memoizedState=Wo(t,n,a,r);return}}bo.flags|=e,i.memoizedState=Wo(1|t,n,a,r)}function Jo(e,t){return Ko(8390656,8,e,t)}function Yo(e,t){return qo(2048,8,e,t)}function Xo(e,t){return qo(4,2,e,t)}function Zo(e,t){return qo(4,4,e,t)}function Qo(e,t){if(typeof t==`function`)return e=e(),t(e),function(){t(null)};if(t!=null)return e=e(),t.current=e,function(){t.current=null}}function $o(e,t,n){return n=n==null?null:n.concat([e]),qo(4,4,Qo.bind(null,t,e),n)}function es(){}function ts(e,t){var n=Mo();t=t===void 0?null:t;var r=n.memoizedState;return r!==null&&t!==null&&Oo(t,r[1])?r[0]:(n.memoizedState=[e,t],e)}function ns(e,t){var n=Mo();t=t===void 0?null:t;var r=n.memoizedState;return r!==null&&t!==null&&Oo(t,r[1])?r[0]:(e=e(),n.memoizedState=[e,t],e)}function rs(e,t,n){return yo&21?(Dr(n,t)||(n=Bt(),bo.lanes|=n,Jc|=n,e.baseState=!0),t):(e.baseState&&(e.baseState=!1,Ms=!0),e.memoizedState=n)}function is(e,t){var n=R;R=n!==0&&4>n?n:4,e(!0);var r=vo.transition;vo.transition={};try{e(!1),t()}finally{R=n,vo.transition=r}}function as(){return Mo().memoizedState}function os(e,t,n){var r=pl(e);if(n={lane:r,action:n,hasEagerState:!1,eagerState:null,next:null},cs(e))ls(t,n);else if(n=Ka(e,t,n,r),n!==null){var i=fl();ml(n,e,r,i),us(n,t,r)}}function ss(e,t,n){var r=pl(e),i={lane:r,action:n,hasEagerState:!1,eagerState:null,next:null};if(cs(e))ls(t,i);else{var a=e.alternate;if(e.lanes===0&&(a===null||a.lanes===0)&&(a=t.lastRenderedReducer,a!==null))try{var o=t.lastRenderedState,s=a(o,n);if(i.hasEagerState=!0,i.eagerState=s,Dr(s,o)){var c=t.interleaved;c===null?(i.next=i,Ga(t)):(i.next=c.next,c.next=i),t.interleaved=i;return}}catch{}n=Ka(e,t,i,r),n!==null&&(i=fl(),ml(n,e,r,i),us(n,t,r))}}function cs(e){var t=e.alternate;return e===bo||t!==null&&t===bo}function ls(e,t){wo=Co=!0;var n=e.pending;n===null?t.next=t:(t.next=n.next,n.next=t),e.pending=t}function us(e,t,n){if(n&4194240){var r=t.lanes;r&=e.pendingLanes,n|=r,t.lanes=n,Ut(e,n)}}var ds={readContext:Ua,useCallback:Do,useContext:Do,useEffect:Do,useImperativeHandle:Do,useInsertionEffect:Do,useLayoutEffect:Do,useMemo:Do,useReducer:Do,useRef:Do,useState:Do,useDebugValue:Do,useDeferredValue:Do,useTransition:Do,useMutableSource:Do,useSyncExternalStore:Do,useId:Do,unstable_isNewReconciler:!1},fs={readContext:Ua,useCallback:function(e,t){return jo().memoizedState=[e,t===void 0?null:t],e},useContext:Ua,useEffect:Jo,useImperativeHandle:function(e,t,n){return n=n==null?null:n.concat([e]),Ko(4194308,4,Qo.bind(null,t,e),n)},useLayoutEffect:function(e,t){return Ko(4194308,4,e,t)},useInsertionEffect:function(e,t){return Ko(4,2,e,t)},useMemo:function(e,t){var n=jo();return t=t===void 0?null:t,e=e(),n.memoizedState=[e,t],e},useReducer:function(e,t,n){var r=jo();return t=n===void 0?t:n(t),r.memoizedState=r.baseState=t,e={pending:null,interleaved:null,lanes:0,dispatch:null,lastRenderedReducer:e,lastRenderedState:t},r.queue=e,e=e.dispatch=os.bind(null,bo,e),[r.memoizedState,e]},useRef:function(e){var t=jo();return e={current:e},t.memoizedState=e},useState:Uo,useDebugValue:es,useDeferredValue:function(e){return jo().memoizedState=e},useTransition:function(){var e=Uo(!1),t=e[0];return e=is.bind(null,e[1]),jo().memoizedState=e,[t,e]},useMutableSource:function(){},useSyncExternalStore:function(e,t,n){var i=bo,a=jo();if(Z){if(n===void 0)throw Error(r(407));n=n()}else{if(n=t(),Vc===null)throw Error(r(349));yo&30||Ro(i,t,n)}a.memoizedState=n;var o={value:n,getSnapshot:t};return a.queue=o,Jo(Bo.bind(null,i,o,e),[e]),i.flags|=2048,Wo(9,zo.bind(null,i,o,n,t),void 0,null),n},useId:function(){var e=jo(),t=Vc.identifierPrefix;if(Z){var n=da,r=ua;n=(r&~(1<<32-kt(r)-1)).toString(32)+n,t=`:`+t+`R`+n,n=To++,0<n&&(t+=`H`+n.toString(32)),t+=`:`}else n=Eo++,t=`:`+t+`r`+n.toString(32)+`:`;return e.memoizedState=t},unstable_isNewReconciler:!1},ps={readContext:Ua,useCallback:ts,useContext:Ua,useEffect:Yo,useImperativeHandle:$o,useInsertionEffect:Xo,useLayoutEffect:Zo,useMemo:ns,useReducer:Po,useRef:Go,useState:function(){return Po(No)},useDebugValue:es,useDeferredValue:function(e){return rs(Mo(),xo.memoizedState,e)},useTransition:function(){return[Po(No)[0],Mo().memoizedState]},useMutableSource:Io,useSyncExternalStore:Lo,useId:as,unstable_isNewReconciler:!1},ms={readContext:Ua,useCallback:ts,useContext:Ua,useEffect:Yo,useImperativeHandle:$o,useInsertionEffect:Xo,useLayoutEffect:Zo,useMemo:ns,useReducer:Fo,useRef:Go,useState:function(){return Fo(No)},useDebugValue:es,useDeferredValue:function(e){var t=Mo();return xo===null?t.memoizedState=e:rs(t,xo.memoizedState,e)},useTransition:function(){return[Fo(No)[0],Mo().memoizedState]},useMutableSource:Io,useSyncExternalStore:Lo,useId:as,unstable_isNewReconciler:!1};function hs(e,t){if(e&&e.defaultProps){for(var n in t=A({},t),e=e.defaultProps,e)t[n]===void 0&&(t[n]=e[n]);return t}return t}function gs(e,t,n,r){t=e.memoizedState,n=n(r,t),n=n==null?t:A({},t,n),e.memoizedState=n,e.lanes===0&&(e.updateQueue.baseState=n)}var _s={isMounted:function(e){return(e=e._reactInternals)?dt(e)===e:!1},enqueueSetState:function(e,t,n){e=e._reactInternals;var r=fl(),i=pl(e),a=Za(r,i);a.payload=t,n!=null&&(a.callback=n),t=Qa(e,a,i),t!==null&&(ml(t,e,i,r),$a(t,e,i))},enqueueReplaceState:function(e,t,n){e=e._reactInternals;var r=fl(),i=pl(e),a=Za(r,i);a.tag=1,a.payload=t,n!=null&&(a.callback=n),t=Qa(e,a,i),t!==null&&(ml(t,e,i,r),$a(t,e,i))},enqueueForceUpdate:function(e,t){e=e._reactInternals;var n=fl(),r=pl(e),i=Za(n,r);i.tag=2,t!=null&&(i.callback=t),t=Qa(e,i,r),t!==null&&(ml(t,e,r,n),$a(t,e,r))}};function vs(e,t,n,r,i,a,o){return e=e.stateNode,typeof e.shouldComponentUpdate==`function`?e.shouldComponentUpdate(r,a,o):t.prototype&&t.prototype.isPureReactComponent?!Or(n,r)||!Or(i,a):!0}function ys(e,t,n){var r=!1,i=Vi,a=t.contextType;return typeof a==`object`&&a?a=Ua(a):(i=Ki(t)?Wi:Hi.current,r=t.contextTypes,a=(r=r!=null)?Gi(e,i):Vi),t=new t(n,a),e.memoizedState=t.state!==null&&t.state!==void 0?t.state:null,t.updater=_s,e.stateNode=t,t._reactInternals=e,r&&(e=e.stateNode,e.__reactInternalMemoizedUnmaskedChildContext=i,e.__reactInternalMemoizedMaskedChildContext=a),t}function bs(e,t,n,r){e=t.state,typeof t.componentWillReceiveProps==`function`&&t.componentWillReceiveProps(n,r),typeof t.UNSAFE_componentWillReceiveProps==`function`&&t.UNSAFE_componentWillReceiveProps(n,r),t.state!==e&&_s.enqueueReplaceState(t,t.state,null)}function xs(e,t,n,r){var i=e.stateNode;i.props=n,i.state=e.memoizedState,i.refs={},Ya(e);var a=t.contextType;typeof a==`object`&&a?i.context=Ua(a):(a=Ki(t)?Wi:Hi.current,i.context=Gi(e,a)),i.state=e.memoizedState,a=t.getDerivedStateFromProps,typeof a==`function`&&(gs(e,t,a,n),i.state=e.memoizedState),typeof t.getDerivedStateFromProps==`function`||typeof i.getSnapshotBeforeUpdate==`function`||typeof i.UNSAFE_componentWillMount!=`function`&&typeof i.componentWillMount!=`function`||(t=i.state,typeof i.componentWillMount==`function`&&i.componentWillMount(),typeof i.UNSAFE_componentWillMount==`function`&&i.UNSAFE_componentWillMount(),t!==i.state&&_s.enqueueReplaceState(i,i.state,null),to(e,n,i,r),i.state=e.memoizedState),typeof i.componentDidMount==`function`&&(e.flags|=4194308)}function Ss(e,t){try{var n=``,r=t;do n+=pe(r),r=r.return;while(r);var i=n}catch(e){i=`
-Error generating stack: `+e.message+`
-`+e.stack}return{value:e,source:t,stack:i,digest:null}}function Cs(e,t,n){return{value:e,source:null,stack:n??null,digest:t??null}}function ws(e,t){try{console.error(t.value)}catch(e){setTimeout(function(){throw e})}}var Ts=typeof WeakMap==`function`?WeakMap:Map;function Es(e,t,n){n=Za(-1,n),n.tag=3,n.payload={element:null};var r=t.value;return n.callback=function(){nl||(nl=!0,rl=r),ws(e,t)},n}function Ds(e,t,n){n=Za(-1,n),n.tag=3;var r=e.type.getDerivedStateFromError;if(typeof r==`function`){var i=t.value;n.payload=function(){return r(i)},n.callback=function(){ws(e,t)}}var a=e.stateNode;return a!==null&&typeof a.componentDidCatch==`function`&&(n.callback=function(){ws(e,t),typeof r!=`function`&&(il===null?il=new Set([this]):il.add(this));var n=t.stack;this.componentDidCatch(t.value,{componentStack:n===null?``:n})}),n}function Os(e,t,n){var r=e.pingCache;if(r===null){r=e.pingCache=new Ts;var i=new Set;r.set(t,i)}else i=r.get(t),i===void 0&&(i=new Set,r.set(t,i));i.has(n)||(i.add(n),e=zl.bind(null,e,t,n),t.then(e,e))}function ks(e){do{var t;if((t=e.tag===13)&&(t=e.memoizedState,t=t===null?!0:t.dehydrated!==null),t)return e;e=e.return}while(e!==null);return null}function As(e,t,n,r,i){return e.mode&1?(e.flags|=65536,e.lanes=i,e):(e===t?e.flags|=65536:(e.flags|=128,n.flags|=131072,n.flags&=-52805,n.tag===1&&(n.alternate===null?n.tag=17:(t=Za(-1,1),t.tag=2,Qa(n,t,1))),n.lanes|=1),e)}var js=C.ReactCurrentOwner,Ms=!1;function Ns(e,t,n,r){t.child=e===null?Pa(t,null,n,r):Na(t,e.child,n,r)}function Ps(e,t,n,r,i){n=n.render;var a=t.ref;return Ha(t,i),r=ko(e,t,n,r,a,i),n=Ao(),e!==null&&!Ms?(t.updateQueue=e.updateQueue,t.flags&=-2053,e.lanes&=~i,ec(e,t,i)):(Z&&n&&ma(t),t.flags|=1,Ns(e,t,r,i),t.child)}function Fs(e,t,n,r,i){if(e===null){var a=n.type;return typeof a==`function`&&!ql(a)&&a.defaultProps===void 0&&n.compare===null&&n.defaultProps===void 0?(t.tag=15,t.type=a,Is(e,t,a,r,i)):(e=Xl(n.type,null,r,t,t.mode,i),e.ref=t.ref,e.return=t,t.child=e)}if(a=e.child,(e.lanes&i)===0){var o=a.memoizedProps;if(n=n.compare,n=n===null?Or:n,n(o,r)&&e.ref===t.ref)return ec(e,t,i)}return t.flags|=1,e=Yl(a,r),e.ref=t.ref,e.return=t,t.child=e}function Is(e,t,n,r,i){if(e!==null){var a=e.memoizedProps;if(Or(a,r)&&e.ref===t.ref)if(Ms=!1,t.pendingProps=r=a,(e.lanes&i)!==0)e.flags&131072&&(Ms=!0);else return t.lanes=e.lanes,ec(e,t,i)}return zs(e,t,n,r,i)}function Ls(e,t,n){var r=t.pendingProps,i=r.children,a=e===null?null:e.memoizedState;if(r.mode===`hidden`)if(!(t.mode&1))t.memoizedState={baseLanes:0,cachePool:null,transitions:null},Y(Gc,Wc),Wc|=n;else{if(!(n&1073741824))return e=a===null?n:a.baseLanes|n,t.lanes=t.childLanes=1073741824,t.memoizedState={baseLanes:e,cachePool:null,transitions:null},t.updateQueue=null,Y(Gc,Wc),Wc|=e,null;t.memoizedState={baseLanes:0,cachePool:null,transitions:null},r=a===null?n:a.baseLanes,Y(Gc,Wc),Wc|=r}else a===null?r=n:(r=a.baseLanes|n,t.memoizedState=null),Y(Gc,Wc),Wc|=r;return Ns(e,t,i,n),t.child}function Rs(e,t){var n=t.ref;(e===null&&n!==null||e!==null&&e.ref!==n)&&(t.flags|=512,t.flags|=2097152)}function zs(e,t,n,r,i){var a=Ki(n)?Wi:Hi.current;return a=Gi(t,a),Ha(t,i),n=ko(e,t,n,r,a,i),r=Ao(),e!==null&&!Ms?(t.updateQueue=e.updateQueue,t.flags&=-2053,e.lanes&=~i,ec(e,t,i)):(Z&&r&&ma(t),t.flags|=1,Ns(e,t,n,i),t.child)}function Bs(e,t,n,r,i){if(Ki(n)){var a=!0;Xi(t)}else a=!1;if(Ha(t,i),t.stateNode===null)$s(e,t),ys(t,n,r),xs(t,n,r,i),r=!0;else if(e===null){var o=t.stateNode,s=t.memoizedProps;o.props=s;var c=o.context,l=n.contextType;typeof l==`object`&&l?l=Ua(l):(l=Ki(n)?Wi:Hi.current,l=Gi(t,l));var u=n.getDerivedStateFromProps,d=typeof u==`function`||typeof o.getSnapshotBeforeUpdate==`function`;d||typeof o.UNSAFE_componentWillReceiveProps!=`function`&&typeof o.componentWillReceiveProps!=`function`||(s!==r||c!==l)&&bs(t,o,r,l),Ja=!1;var f=t.memoizedState;o.state=f,to(t,r,o,i),c=t.memoizedState,s!==r||f!==c||Ui.current||Ja?(typeof u==`function`&&(gs(t,n,u,r),c=t.memoizedState),(s=Ja||vs(t,n,s,r,f,c,l))?(d||typeof o.UNSAFE_componentWillMount!=`function`&&typeof o.componentWillMount!=`function`||(typeof o.componentWillMount==`function`&&o.componentWillMount(),typeof o.UNSAFE_componentWillMount==`function`&&o.UNSAFE_componentWillMount()),typeof o.componentDidMount==`function`&&(t.flags|=4194308)):(typeof o.componentDidMount==`function`&&(t.flags|=4194308),t.memoizedProps=r,t.memoizedState=c),o.props=r,o.state=c,o.context=l,r=s):(typeof o.componentDidMount==`function`&&(t.flags|=4194308),r=!1)}else{o=t.stateNode,Xa(e,t),s=t.memoizedProps,l=t.type===t.elementType?s:hs(t.type,s),o.props=l,d=t.pendingProps,f=o.context,c=n.contextType,typeof c==`object`&&c?c=Ua(c):(c=Ki(n)?Wi:Hi.current,c=Gi(t,c));var p=n.getDerivedStateFromProps;(u=typeof p==`function`||typeof o.getSnapshotBeforeUpdate==`function`)||typeof o.UNSAFE_componentWillReceiveProps!=`function`&&typeof o.componentWillReceiveProps!=`function`||(s!==d||f!==c)&&bs(t,o,r,c),Ja=!1,f=t.memoizedState,o.state=f,to(t,r,o,i);var m=t.memoizedState;s!==d||f!==m||Ui.current||Ja?(typeof p==`function`&&(gs(t,n,p,r),m=t.memoizedState),(l=Ja||vs(t,n,l,r,f,m,c)||!1)?(u||typeof o.UNSAFE_componentWillUpdate!=`function`&&typeof o.componentWillUpdate!=`function`||(typeof o.componentWillUpdate==`function`&&o.componentWillUpdate(r,m,c),typeof o.UNSAFE_componentWillUpdate==`function`&&o.UNSAFE_componentWillUpdate(r,m,c)),typeof o.componentDidUpdate==`function`&&(t.flags|=4),typeof o.getSnapshotBeforeUpdate==`function`&&(t.flags|=1024)):(typeof o.componentDidUpdate!=`function`||s===e.memoizedProps&&f===e.memoizedState||(t.flags|=4),typeof o.getSnapshotBeforeUpdate!=`function`||s===e.memoizedProps&&f===e.memoizedState||(t.flags|=1024),t.memoizedProps=r,t.memoizedState=m),o.props=r,o.state=m,o.context=c,r=l):(typeof o.componentDidUpdate!=`function`||s===e.memoizedProps&&f===e.memoizedState||(t.flags|=4),typeof o.getSnapshotBeforeUpdate!=`function`||s===e.memoizedProps&&f===e.memoizedState||(t.flags|=1024),r=!1)}return Vs(e,t,n,r,a,i)}function Vs(e,t,n,r,i,a){Rs(e,t);var o=(t.flags&128)!=0;if(!r&&!o)return i&&X(t,n,!1),ec(e,t,a);r=t.stateNode,js.current=t;var s=o&&typeof n.getDerivedStateFromError!=`function`?null:r.render();return t.flags|=1,e!==null&&o?(t.child=Na(t,e.child,null,a),t.child=Na(t,null,s,a)):Ns(e,t,s,a),t.memoizedState=r.state,i&&X(t,n,!0),t.child}function Hs(e){var t=e.stateNode;t.pendingContext?Ji(e,t.pendingContext,t.pendingContext!==t.context):t.context&&Ji(e,t.context,!1),co(e,t.containerInfo)}function Us(e,t,n,r,i){return Ea(),Da(i),t.flags|=256,Ns(e,t,n,r),t.child}var Ws={dehydrated:null,treeContext:null,retryLane:0};function Gs(e){return{baseLanes:e,cachePool:null,transitions:null}}function Ks(e,t,n){var r=t.pendingProps,i=po.current,a=!1,o=(t.flags&128)!=0,s;if((s=o)||(s=e!==null&&e.memoizedState===null?!1:(i&2)!=0),s?(a=!0,t.flags&=-129):(e===null||e.memoizedState!==null)&&(i|=1),Y(po,i&1),e===null)return Sa(t),e=t.memoizedState,e!==null&&(e=e.dehydrated,e!==null)?(t.mode&1?e.data===`$!`?t.lanes=8:t.lanes=1073741824:t.lanes=1,null):(o=r.children,e=r.fallback,a?(r=t.mode,a=t.child,o={mode:`hidden`,children:o},!(r&1)&&a!==null?(a.childLanes=0,a.pendingProps=o):a=Ql(o,r,0,null),e=Zl(e,r,n,null),a.return=t,e.return=t,a.sibling=e,t.child=a,t.child.memoizedState=Gs(n),t.memoizedState=Ws,e):qs(t,o));if(i=e.memoizedState,i!==null&&(s=i.dehydrated,s!==null))return Ys(e,t,o,r,s,i,n);if(a){a=r.fallback,o=t.mode,i=e.child,s=i.sibling;var c={mode:`hidden`,children:r.children};return!(o&1)&&t.child!==i?(r=t.child,r.childLanes=0,r.pendingProps=c,t.deletions=null):(r=Yl(i,c),r.subtreeFlags=i.subtreeFlags&14680064),s===null?(a=Zl(a,o,n,null),a.flags|=2):a=Yl(s,a),a.return=t,r.return=t,r.sibling=a,t.child=r,r=a,a=t.child,o=e.child.memoizedState,o=o===null?Gs(n):{baseLanes:o.baseLanes|n,cachePool:null,transitions:o.transitions},a.memoizedState=o,a.childLanes=e.childLanes&~n,t.memoizedState=Ws,r}return a=e.child,e=a.sibling,r=Yl(a,{mode:`visible`,children:r.children}),!(t.mode&1)&&(r.lanes=n),r.return=t,r.sibling=null,e!==null&&(n=t.deletions,n===null?(t.deletions=[e],t.flags|=16):n.push(e)),t.child=r,t.memoizedState=null,r}function qs(e,t){return t=Ql({mode:`visible`,children:t},e.mode,0,null),t.return=e,e.child=t}function Js(e,t,n,r){return r!==null&&Da(r),Na(t,e.child,null,n),e=qs(t,t.pendingProps.children),e.flags|=2,t.memoizedState=null,e}function Ys(e,t,n,i,a,o,s){if(n)return t.flags&256?(t.flags&=-257,i=Cs(Error(r(422))),Js(e,t,s,i)):t.memoizedState===null?(o=i.fallback,a=t.mode,i=Ql({mode:`visible`,children:i.children},a,0,null),o=Zl(o,a,s,null),o.flags|=2,i.return=t,o.return=t,i.sibling=o,t.child=i,t.mode&1&&Na(t,e.child,null,s),t.child.memoizedState=Gs(s),t.memoizedState=Ws,o):(t.child=e.child,t.flags|=128,null);if(!(t.mode&1))return Js(e,t,s,null);if(a.data===`$!`){if(i=a.nextSibling&&a.nextSibling.dataset,i)var c=i.dgst;return i=c,o=Error(r(419)),i=Cs(o,i,void 0),Js(e,t,s,i)}if(c=(s&e.childLanes)!==0,Ms||c){if(i=Vc,i!==null){switch(s&-s){case 4:a=2;break;case 16:a=8;break;case 64:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:case 4194304:case 8388608:case 16777216:case 33554432:case 67108864:a=32;break;case 536870912:a=268435456;break;default:a=0}a=(a&(i.suspendedLanes|s))===0?a:0,a!==0&&a!==o.retryLane&&(o.retryLane=a,qa(e,a),ml(i,e,a,-1))}return Ol(),i=Cs(Error(r(421))),Js(e,t,s,i)}return a.data===`$?`?(t.flags|=128,t.child=e.child,t=Vl.bind(null,e),a._reactRetry=t,null):(e=o.treeContext,_a=Ti(a.nextSibling),ga=t,Z=!0,va=null,e!==null&&(sa[ca++]=ua,sa[ca++]=da,sa[ca++]=la,ua=e.id,da=e.overflow,la=t),t=qs(t,i.children),t.flags|=4096,t)}function Xs(e,t,n){e.lanes|=t;var r=e.alternate;r!==null&&(r.lanes|=t),Va(e.return,t,n)}function Zs(e,t,n,r,i){var a=e.memoizedState;a===null?e.memoizedState={isBackwards:t,rendering:null,renderingStartTime:0,last:r,tail:n,tailMode:i}:(a.isBackwards=t,a.rendering=null,a.renderingStartTime=0,a.last=r,a.tail=n,a.tailMode=i)}function Qs(e,t,n){var r=t.pendingProps,i=r.revealOrder,a=r.tail;if(Ns(e,t,r.children,n),r=po.current,r&2)r=r&1|2,t.flags|=128;else{if(e!==null&&e.flags&128)a:for(e=t.child;e!==null;){if(e.tag===13)e.memoizedState!==null&&Xs(e,n,t);else if(e.tag===19)Xs(e,n,t);else if(e.child!==null){e.child.return=e,e=e.child;continue}if(e===t)break a;for(;e.sibling===null;){if(e.return===null||e.return===t)break a;e=e.return}e.sibling.return=e.return,e=e.sibling}r&=1}if(Y(po,r),!(t.mode&1))t.memoizedState=null;else switch(i){case`forwards`:for(n=t.child,i=null;n!==null;)e=n.alternate,e!==null&&mo(e)===null&&(i=n),n=n.sibling;n=i,n===null?(i=t.child,t.child=null):(i=n.sibling,n.sibling=null),Zs(t,!1,i,n,a);break;case`backwards`:for(n=null,i=t.child,t.child=null;i!==null;){if(e=i.alternate,e!==null&&mo(e)===null){t.child=i;break}e=i.sibling,i.sibling=n,n=i,i=e}Zs(t,!0,n,null,a);break;case`together`:Zs(t,!1,null,null,void 0);break;default:t.memoizedState=null}return t.child}function $s(e,t){!(t.mode&1)&&e!==null&&(e.alternate=null,t.alternate=null,t.flags|=2)}function ec(e,t,n){if(e!==null&&(t.dependencies=e.dependencies),Jc|=t.lanes,(n&t.childLanes)===0)return null;if(e!==null&&t.child!==e.child)throw Error(r(153));if(t.child!==null){for(e=t.child,n=Yl(e,e.pendingProps),t.child=n,n.return=t;e.sibling!==null;)e=e.sibling,n=n.sibling=Yl(e,e.pendingProps),n.return=t;n.sibling=null}return t.child}function tc(e,t,n){switch(t.tag){case 3:Hs(t),Ea();break;case 5:uo(t);break;case 1:Ki(t.type)&&Xi(t);break;case 4:co(t,t.stateNode.containerInfo);break;case 10:var r=t.type._context,i=t.memoizedProps.value;Y(Fa,r._currentValue),r._currentValue=i;break;case 13:if(r=t.memoizedState,r!==null)return r.dehydrated===null?(n&t.child.childLanes)===0?(Y(po,po.current&1),e=ec(e,t,n),e===null?null:e.sibling):Ks(e,t,n):(Y(po,po.current&1),t.flags|=128,null);Y(po,po.current&1);break;case 19:if(r=(n&t.childLanes)!==0,e.flags&128){if(r)return Qs(e,t,n);t.flags|=128}if(i=t.memoizedState,i!==null&&(i.rendering=null,i.tail=null,i.lastEffect=null),Y(po,po.current),r)break;return null;case 22:case 23:return t.lanes=0,Ls(e,t,n)}return ec(e,t,n)}var nc=function(e,t){for(var n=t.child;n!==null;){if(n.tag===5||n.tag===6)e.appendChild(n.stateNode);else if(n.tag!==4&&n.child!==null){n.child.return=n,n=n.child;continue}if(n===t)break;for(;n.sibling===null;){if(n.return===null||n.return===t)return;n=n.return}n.sibling.return=n.return,n=n.sibling}},rc=function(e,t,n,r){var i=e.memoizedProps;if(i!==r){e=t.stateNode,so(io.current);var o=null;switch(n){case`input`:i=xe(e,i),r=xe(e,r),o=[];break;case`select`:i=A({},i,{value:void 0}),r=A({},r,{value:void 0}),o=[];break;case`textarea`:i=De(e,i),r=De(e,r),o=[];break;default:typeof i.onClick!=`function`&&typeof r.onClick==`function`&&(e.onclick=hi)}Ve(n,r);var s;for(u in n=null,i)if(!r.hasOwnProperty(u)&&i.hasOwnProperty(u)&&i[u]!=null)if(u===`style`){var c=i[u];for(s in c)c.hasOwnProperty(s)&&(n||={},n[s]=``)}else u!==`dangerouslySetInnerHTML`&&u!==`children`&&u!==`suppressContentEditableWarning`&&u!==`suppressHydrationWarning`&&u!==`autoFocus`&&(a.hasOwnProperty(u)?o||=[]:(o||=[]).push(u,null));for(u in r){var l=r[u];if(c=i?.[u],r.hasOwnProperty(u)&&l!==c&&(l!=null||c!=null))if(u===`style`)if(c){for(s in c)!c.hasOwnProperty(s)||l&&l.hasOwnProperty(s)||(n||={},n[s]=``);for(s in l)l.hasOwnProperty(s)&&c[s]!==l[s]&&(n||={},n[s]=l[s])}else n||(o||=[],o.push(u,n)),n=l;else u===`dangerouslySetInnerHTML`?(l=l?l.__html:void 0,c=c?c.__html:void 0,l!=null&&c!==l&&(o||=[]).push(u,l)):u===`children`?typeof l!=`string`&&typeof l!=`number`||(o||=[]).push(u,``+l):u!==`suppressContentEditableWarning`&&u!==`suppressHydrationWarning`&&(a.hasOwnProperty(u)?(l!=null&&u===`onScroll`&&K(`scroll`,e),o||c===l||(o=[])):(o||=[]).push(u,l))}n&&(o||=[]).push(`style`,n);var u=o;(t.updateQueue=u)&&(t.flags|=4)}},ic=function(e,t,n,r){n!==r&&(t.flags|=4)};function ac(e,t){if(!Z)switch(e.tailMode){case`hidden`:t=e.tail;for(var n=null;t!==null;)t.alternate!==null&&(n=t),t=t.sibling;n===null?e.tail=null:n.sibling=null;break;case`collapsed`:n=e.tail;for(var r=null;n!==null;)n.alternate!==null&&(r=n),n=n.sibling;r===null?t||e.tail===null?e.tail=null:e.tail.sibling=null:r.sibling=null}}function oc(e){var t=e.alternate!==null&&e.alternate.child===e.child,n=0,r=0;if(t)for(var i=e.child;i!==null;)n|=i.lanes|i.childLanes,r|=i.subtreeFlags&14680064,r|=i.flags&14680064,i.return=e,i=i.sibling;else for(i=e.child;i!==null;)n|=i.lanes|i.childLanes,r|=i.subtreeFlags,r|=i.flags,i.return=e,i=i.sibling;return e.subtreeFlags|=r,e.childLanes=n,t}function sc(e,t,n){var i=t.pendingProps;switch(ha(t),t.tag){case 2:case 16:case 15:case 0:case 11:case 7:case 8:case 12:case 9:case 14:return oc(t),null;case 1:return Ki(t.type)&&qi(),oc(t),null;case 3:return i=t.stateNode,lo(),J(Ui),J(Hi),go(),i.pendingContext&&(i.context=i.pendingContext,i.pendingContext=null),(e===null||e.child===null)&&(wa(t)?t.flags|=4:e===null||e.memoizedState.isDehydrated&&!(t.flags&256)||(t.flags|=1024,va!==null&&(vl(va),va=null))),oc(t),null;case 5:fo(t);var o=so(oo.current);if(n=t.type,e!==null&&t.stateNode!=null)rc(e,t,n,i,o),e.ref!==t.ref&&(t.flags|=512,t.flags|=2097152);else{if(!i){if(t.stateNode===null)throw Error(r(166));return oc(t),null}if(e=so(io.current),wa(t)){i=t.stateNode,n=t.type;var s=t.memoizedProps;switch(i[Oi]=t,i[ki]=s,e=(t.mode&1)!=0,n){case`dialog`:K(`cancel`,i),K(`close`,i);break;case`iframe`:case`object`:case`embed`:K(`load`,i);break;case`video`:case`audio`:for(o=0;o<$r.length;o++)K($r[o],i);break;case`source`:K(`error`,i);break;case`img`:case`image`:case`link`:K(`error`,i),K(`load`,i);break;case`details`:K(`toggle`,i);break;case`input`:M(i,s),K(`invalid`,i);break;case`select`:i._wrapperState={wasMultiple:!!s.multiple},K(`invalid`,i);break;case`textarea`:Oe(i,s),K(`invalid`,i)}for(var c in Ve(n,s),o=null,s)if(s.hasOwnProperty(c)){var l=s[c];c===`children`?typeof l==`string`?i.textContent!==l&&(!0!==s.suppressHydrationWarning&&mi(i.textContent,l,e),o=[`children`,l]):typeof l==`number`&&i.textContent!==``+l&&(!0!==s.suppressHydrationWarning&&mi(i.textContent,l,e),o=[`children`,``+l]):a.hasOwnProperty(c)&&l!=null&&c===`onScroll`&&K(`scroll`,i)}switch(n){case`input`:ve(i),we(i,s,!0);break;case`textarea`:ve(i),Ae(i);break;case`select`:case`option`:break;default:typeof s.onClick==`function`&&(i.onclick=hi)}i=o,t.updateQueue=i,i!==null&&(t.flags|=4)}else{c=o.nodeType===9?o:o.ownerDocument,e===`http://www.w3.org/1999/xhtml`&&(e=je(n)),e===`http://www.w3.org/1999/xhtml`?n===`script`?(e=c.createElement(`div`),e.innerHTML=`<script><\/script>`,e=e.removeChild(e.firstChild)):typeof i.is==`string`?e=c.createElement(n,{is:i.is}):(e=c.createElement(n),n===`select`&&(c=e,i.multiple?c.multiple=!0:i.size&&(c.size=i.size))):e=c.createElementNS(e,n),e[Oi]=t,e[ki]=i,nc(e,t,!1,!1),t.stateNode=e;a:{switch(c=He(n,i),n){case`dialog`:K(`cancel`,e),K(`close`,e),o=i;break;case`iframe`:case`object`:case`embed`:K(`load`,e),o=i;break;case`video`:case`audio`:for(o=0;o<$r.length;o++)K($r[o],e);o=i;break;case`source`:K(`error`,e),o=i;break;case`img`:case`image`:case`link`:K(`error`,e),K(`load`,e),o=i;break;case`details`:K(`toggle`,e),o=i;break;case`input`:M(e,i),o=xe(e,i),K(`invalid`,e);break;case`option`:o=i;break;case`select`:e._wrapperState={wasMultiple:!!i.multiple},o=A({},i,{value:void 0}),K(`invalid`,e);break;case`textarea`:Oe(e,i),o=De(e,i),K(`invalid`,e);break;default:o=i}for(s in Ve(n,o),l=o,l)if(l.hasOwnProperty(s)){var u=l[s];s===`style`?ze(e,u):s===`dangerouslySetInnerHTML`?(u=u?u.__html:void 0,u!=null&&Pe(e,u)):s===`children`?typeof u==`string`?(n!==`textarea`||u!==``)&&Fe(e,u):typeof u==`number`&&Fe(e,``+u):s!==`suppressContentEditableWarning`&&s!==`suppressHydrationWarning`&&s!==`autoFocus`&&(a.hasOwnProperty(s)?u!=null&&s===`onScroll`&&K(`scroll`,e):u!=null&&S(e,s,u,c))}switch(n){case`input`:ve(e),we(e,i,!1);break;case`textarea`:ve(e),Ae(e);break;case`option`:i.value!=null&&e.setAttribute(`value`,``+j(i.value));break;case`select`:e.multiple=!!i.multiple,s=i.value,s==null?i.defaultValue!=null&&Ee(e,!!i.multiple,i.defaultValue,!0):Ee(e,!!i.multiple,s,!1);break;default:typeof o.onClick==`function`&&(e.onclick=hi)}switch(n){case`button`:case`input`:case`select`:case`textarea`:i=!!i.autoFocus;break a;case`img`:i=!0;break a;default:i=!1}}i&&(t.flags|=4)}t.ref!==null&&(t.flags|=512,t.flags|=2097152)}return oc(t),null;case 6:if(e&&t.stateNode!=null)ic(e,t,e.memoizedProps,i);else{if(typeof i!=`string`&&t.stateNode===null)throw Error(r(166));if(n=so(oo.current),so(io.current),wa(t)){if(i=t.stateNode,n=t.memoizedProps,i[Oi]=t,(s=i.nodeValue!==n)&&(e=ga,e!==null))switch(e.tag){case 3:mi(i.nodeValue,n,(e.mode&1)!=0);break;case 5:!0!==e.memoizedProps.suppressHydrationWarning&&mi(i.nodeValue,n,(e.mode&1)!=0)}s&&(t.flags|=4)}else i=(n.nodeType===9?n:n.ownerDocument).createTextNode(i),i[Oi]=t,t.stateNode=i}return oc(t),null;case 13:if(J(po),i=t.memoizedState,e===null||e.memoizedState!==null&&e.memoizedState.dehydrated!==null){if(Z&&_a!==null&&t.mode&1&&!(t.flags&128))Ta(),Ea(),t.flags|=98560,s=!1;else if(s=wa(t),i!==null&&i.dehydrated!==null){if(e===null){if(!s)throw Error(r(318));if(s=t.memoizedState,s=s===null?null:s.dehydrated,!s)throw Error(r(317));s[Oi]=t}else Ea(),!(t.flags&128)&&(t.memoizedState=null),t.flags|=4;oc(t),s=!1}else va!==null&&(vl(va),va=null),s=!0;if(!s)return t.flags&65536?t:null}return t.flags&128?(t.lanes=n,t):(i=i!==null,i!==(e!==null&&e.memoizedState!==null)&&i&&(t.child.flags|=8192,t.mode&1&&(e===null||po.current&1?Kc===0&&(Kc=3):Ol())),t.updateQueue!==null&&(t.flags|=4),oc(t),null);case 4:return lo(),e===null&&ai(t.stateNode.containerInfo),oc(t),null;case 10:return Ba(t.type._context),oc(t),null;case 17:return Ki(t.type)&&qi(),oc(t),null;case 19:if(J(po),s=t.memoizedState,s===null)return oc(t),null;if(i=(t.flags&128)!=0,c=s.rendering,c===null)if(i)ac(s,!1);else{if(Kc!==0||e!==null&&e.flags&128)for(e=t.child;e!==null;){if(c=mo(e),c!==null){for(t.flags|=128,ac(s,!1),i=c.updateQueue,i!==null&&(t.updateQueue=i,t.flags|=4),t.subtreeFlags=0,i=n,n=t.child;n!==null;)s=n,e=i,s.flags&=14680066,c=s.alternate,c===null?(s.childLanes=0,s.lanes=e,s.child=null,s.subtreeFlags=0,s.memoizedProps=null,s.memoizedState=null,s.updateQueue=null,s.dependencies=null,s.stateNode=null):(s.childLanes=c.childLanes,s.lanes=c.lanes,s.child=c.child,s.subtreeFlags=0,s.deletions=null,s.memoizedProps=c.memoizedProps,s.memoizedState=c.memoizedState,s.updateQueue=c.updateQueue,s.type=c.type,e=c.dependencies,s.dependencies=e===null?null:{lanes:e.lanes,firstContext:e.firstContext}),n=n.sibling;return Y(po,po.current&1|2),t.child}e=e.sibling}s.tail!==null&&I()>el&&(t.flags|=128,i=!0,ac(s,!1),t.lanes=4194304)}else{if(!i)if(e=mo(c),e!==null){if(t.flags|=128,i=!0,n=e.updateQueue,n!==null&&(t.updateQueue=n,t.flags|=4),ac(s,!0),s.tail===null&&s.tailMode===`hidden`&&!c.alternate&&!Z)return oc(t),null}else 2*I()-s.renderingStartTime>el&&n!==1073741824&&(t.flags|=128,i=!0,ac(s,!1),t.lanes=4194304);s.isBackwards?(c.sibling=t.child,t.child=c):(n=s.last,n===null?t.child=c:n.sibling=c,s.last=c)}return s.tail===null?(oc(t),null):(t=s.tail,s.rendering=t,s.tail=t.sibling,s.renderingStartTime=I(),t.sibling=null,n=po.current,Y(po,i?n&1|2:n&1),t);case 22:case 23:return wl(),i=t.memoizedState!==null,e!==null&&e.memoizedState!==null!==i&&(t.flags|=8192),i&&t.mode&1?Wc&1073741824&&(oc(t),t.subtreeFlags&6&&(t.flags|=8192)):oc(t),null;case 24:return null;case 25:return null}throw Error(r(156,t.tag))}function cc(e,t){switch(ha(t),t.tag){case 1:return Ki(t.type)&&qi(),e=t.flags,e&65536?(t.flags=e&-65537|128,t):null;case 3:return lo(),J(Ui),J(Hi),go(),e=t.flags,e&65536&&!(e&128)?(t.flags=e&-65537|128,t):null;case 5:return fo(t),null;case 13:if(J(po),e=t.memoizedState,e!==null&&e.dehydrated!==null){if(t.alternate===null)throw Error(r(340));Ea()}return e=t.flags,e&65536?(t.flags=e&-65537|128,t):null;case 19:return J(po),null;case 4:return lo(),null;case 10:return Ba(t.type._context),null;case 22:case 23:return wl(),null;case 24:return null;default:return null}}var lc=!1,uc=!1,dc=typeof WeakSet==`function`?WeakSet:Set,Q=null;function fc(e,t){var n=e.ref;if(n!==null)if(typeof n==`function`)try{n(null)}catch(n){Rl(e,t,n)}else n.current=null}function pc(e,t,n){try{n()}catch(n){Rl(e,t,n)}}var mc=!1;function hc(e,t){if(gi=gn,e=jr(),Mr(e)){if(`selectionStart`in e)var n={start:e.selectionStart,end:e.selectionEnd};else a:{n=(n=e.ownerDocument)&&n.defaultView||window;var i=n.getSelection&&n.getSelection();if(i&&i.rangeCount!==0){n=i.anchorNode;var a=i.anchorOffset,o=i.focusNode;i=i.focusOffset;try{n.nodeType,o.nodeType}catch{n=null;break a}var s=0,c=-1,l=-1,u=0,d=0,f=e,p=null;b:for(;;){for(var m;f!==n||a!==0&&f.nodeType!==3||(c=s+a),f!==o||i!==0&&f.nodeType!==3||(l=s+i),f.nodeType===3&&(s+=f.nodeValue.length),(m=f.firstChild)!==null;)p=f,f=m;for(;;){if(f===e)break b;if(p===n&&++u===a&&(c=s),p===o&&++d===i&&(l=s),(m=f.nextSibling)!==null)break;f=p,p=f.parentNode}f=m}n=c===-1||l===-1?null:{start:c,end:l}}else n=null}n||={start:0,end:0}}else n=null;for(_i={focusedElem:e,selectionRange:n},gn=!1,Q=t;Q!==null;)if(t=Q,e=t.child,t.subtreeFlags&1028&&e!==null)e.return=t,Q=e;else for(;Q!==null;){t=Q;try{var h=t.alternate;if(t.flags&1024)switch(t.tag){case 0:case 11:case 15:break;case 1:if(h!==null){var g=h.memoizedProps,_=h.memoizedState,v=t.stateNode;v.__reactInternalSnapshotBeforeUpdate=v.getSnapshotBeforeUpdate(t.elementType===t.type?g:hs(t.type,g),_)}break;case 3:var y=t.stateNode.containerInfo;y.nodeType===1?y.textContent=``:y.nodeType===9&&y.documentElement&&y.removeChild(y.documentElement);break;case 5:case 6:case 4:case 17:break;default:throw Error(r(163))}}catch(e){Rl(t,t.return,e)}if(e=t.sibling,e!==null){e.return=t.return,Q=e;break}Q=t.return}return h=mc,mc=!1,h}function gc(e,t,n){var r=t.updateQueue;if(r=r===null?null:r.lastEffect,r!==null){var i=r=r.next;do{if((i.tag&e)===e){var a=i.destroy;i.destroy=void 0,a!==void 0&&pc(t,n,a)}i=i.next}while(i!==r)}}function _c(e,t){if(t=t.updateQueue,t=t===null?null:t.lastEffect,t!==null){var n=t=t.next;do{if((n.tag&e)===e){var r=n.create;n.destroy=r()}n=n.next}while(n!==t)}}function vc(e){var t=e.ref;if(t!==null){var n=e.stateNode;switch(e.tag){case 5:e=n;break;default:e=n}typeof t==`function`?t(e):t.current=e}}function yc(e){var t=e.alternate;t!==null&&(e.alternate=null,yc(t)),e.child=null,e.deletions=null,e.sibling=null,e.tag===5&&(t=e.stateNode,t!==null&&(delete t[Oi],delete t[ki],delete t[ji],delete t[Mi],delete t[Ni])),e.stateNode=null,e.return=null,e.dependencies=null,e.memoizedProps=null,e.memoizedState=null,e.pendingProps=null,e.stateNode=null,e.updateQueue=null}function bc(e){return e.tag===5||e.tag===3||e.tag===4}function xc(e){a:for(;;){for(;e.sibling===null;){if(e.return===null||bc(e.return))return null;e=e.return}for(e.sibling.return=e.return,e=e.sibling;e.tag!==5&&e.tag!==6&&e.tag!==18;){if(e.flags&2||e.child===null||e.tag===4)continue a;e.child.return=e,e=e.child}if(!(e.flags&2))return e.stateNode}}function Sc(e,t,n){var r=e.tag;if(r===5||r===6)e=e.stateNode,t?n.nodeType===8?n.parentNode.insertBefore(e,t):n.insertBefore(e,t):(n.nodeType===8?(t=n.parentNode,t.insertBefore(e,n)):(t=n,t.appendChild(e)),n=n._reactRootContainer,n!=null||t.onclick!==null||(t.onclick=hi));else if(r!==4&&(e=e.child,e!==null))for(Sc(e,t,n),e=e.sibling;e!==null;)Sc(e,t,n),e=e.sibling}function Cc(e,t,n){var r=e.tag;if(r===5||r===6)e=e.stateNode,t?n.insertBefore(e,t):n.appendChild(e);else if(r!==4&&(e=e.child,e!==null))for(Cc(e,t,n),e=e.sibling;e!==null;)Cc(e,t,n),e=e.sibling}var wc=null,Tc=!1;function Ec(e,t,n){for(n=n.child;n!==null;)Dc(e,t,n),n=n.sibling}function Dc(e,t,n){if(Dt&&typeof Dt.onCommitFiberUnmount==`function`)try{Dt.onCommitFiberUnmount(Et,n)}catch{}switch(n.tag){case 5:uc||fc(n,t);case 6:var r=wc,i=Tc;wc=null,Ec(e,t,n),wc=r,Tc=i,wc!==null&&(Tc?(e=wc,n=n.stateNode,e.nodeType===8?e.parentNode.removeChild(n):e.removeChild(n)):wc.removeChild(n.stateNode));break;case 18:wc!==null&&(Tc?(e=wc,n=n.stateNode,e.nodeType===8?wi(e.parentNode,n):e.nodeType===1&&wi(e,n),mn(e)):wi(wc,n.stateNode));break;case 4:r=wc,i=Tc,wc=n.stateNode.containerInfo,Tc=!0,Ec(e,t,n),wc=r,Tc=i;break;case 0:case 11:case 14:case 15:if(!uc&&(r=n.updateQueue,r!==null&&(r=r.lastEffect,r!==null))){i=r=r.next;do{var a=i,o=a.destroy;a=a.tag,o!==void 0&&(a&2||a&4)&&pc(n,t,o),i=i.next}while(i!==r)}Ec(e,t,n);break;case 1:if(!uc&&(fc(n,t),r=n.stateNode,typeof r.componentWillUnmount==`function`))try{r.props=n.memoizedProps,r.state=n.memoizedState,r.componentWillUnmount()}catch(e){Rl(n,t,e)}Ec(e,t,n);break;case 21:Ec(e,t,n);break;case 22:n.mode&1?(uc=(r=uc)||n.memoizedState!==null,Ec(e,t,n),uc=r):Ec(e,t,n);break;default:Ec(e,t,n)}}function Oc(e){var t=e.updateQueue;if(t!==null){e.updateQueue=null;var n=e.stateNode;n===null&&(n=e.stateNode=new dc),t.forEach(function(t){var r=Hl.bind(null,e,t);n.has(t)||(n.add(t),t.then(r,r))})}}function kc(e,t){var n=t.deletions;if(n!==null)for(var i=0;i<n.length;i++){var a=n[i];try{var o=e,s=t,c=s;a:for(;c!==null;){switch(c.tag){case 5:wc=c.stateNode,Tc=!1;break a;case 3:wc=c.stateNode.containerInfo,Tc=!0;break a;case 4:wc=c.stateNode.containerInfo,Tc=!0;break a}c=c.return}if(wc===null)throw Error(r(160));Dc(o,s,a),wc=null,Tc=!1;var l=a.alternate;l!==null&&(l.return=null),a.return=null}catch(e){Rl(a,t,e)}}if(t.subtreeFlags&12854)for(t=t.child;t!==null;)Ac(t,e),t=t.sibling}function Ac(e,t){var n=e.alternate,i=e.flags;switch(e.tag){case 0:case 11:case 14:case 15:if(kc(t,e),jc(e),i&4){try{gc(3,e,e.return),_c(3,e)}catch(t){Rl(e,e.return,t)}try{gc(5,e,e.return)}catch(t){Rl(e,e.return,t)}}break;case 1:kc(t,e),jc(e),i&512&&n!==null&&fc(n,n.return);break;case 5:if(kc(t,e),jc(e),i&512&&n!==null&&fc(n,n.return),e.flags&32){var a=e.stateNode;try{Fe(a,``)}catch(t){Rl(e,e.return,t)}}if(i&4&&(a=e.stateNode,a!=null)){var o=e.memoizedProps,s=n===null?o:n.memoizedProps,c=e.type,l=e.updateQueue;if(e.updateQueue=null,l!==null)try{c===`input`&&o.type===`radio`&&o.name!=null&&Se(a,o),He(c,s);var u=He(c,o);for(s=0;s<l.length;s+=2){var d=l[s],f=l[s+1];d===`style`?ze(a,f):d===`dangerouslySetInnerHTML`?Pe(a,f):d===`children`?Fe(a,f):S(a,d,f,u)}switch(c){case`input`:Ce(a,o);break;case`textarea`:ke(a,o);break;case`select`:var p=a._wrapperState.wasMultiple;a._wrapperState.wasMultiple=!!o.multiple;var m=o.value;m==null?p!==!!o.multiple&&(o.defaultValue==null?Ee(a,!!o.multiple,o.multiple?[]:``,!1):Ee(a,!!o.multiple,o.defaultValue,!0)):Ee(a,!!o.multiple,m,!1)}a[ki]=o}catch(t){Rl(e,e.return,t)}}break;case 6:if(kc(t,e),jc(e),i&4){if(e.stateNode===null)throw Error(r(162));a=e.stateNode,o=e.memoizedProps;try{a.nodeValue=o}catch(t){Rl(e,e.return,t)}}break;case 3:if(kc(t,e),jc(e),i&4&&n!==null&&n.memoizedState.isDehydrated)try{mn(t.containerInfo)}catch(t){Rl(e,e.return,t)}break;case 4:kc(t,e),jc(e);break;case 13:kc(t,e),jc(e),a=e.child,a.flags&8192&&(o=a.memoizedState!==null,a.stateNode.isHidden=o,!o||a.alternate!==null&&a.alternate.memoizedState!==null||($c=I())),i&4&&Oc(e);break;case 22:if(d=n!==null&&n.memoizedState!==null,e.mode&1?(uc=(u=uc)||d,kc(t,e),uc=u):kc(t,e),jc(e),i&8192){if(u=e.memoizedState!==null,(e.stateNode.isHidden=u)&&!d&&e.mode&1)for(Q=e,d=e.child;d!==null;){for(f=Q=d;Q!==null;){switch(p=Q,m=p.child,p.tag){case 0:case 11:case 14:case 15:gc(4,p,p.return);break;case 1:fc(p,p.return);var h=p.stateNode;if(typeof h.componentWillUnmount==`function`){i=p,n=p.return;try{t=i,h.props=t.memoizedProps,h.state=t.memoizedState,h.componentWillUnmount()}catch(e){Rl(i,n,e)}}break;case 5:fc(p,p.return);break;case 22:if(p.memoizedState!==null){Fc(f);continue}}m===null?Fc(f):(m.return=p,Q=m)}d=d.sibling}a:for(d=null,f=e;;){if(f.tag===5){if(d===null){d=f;try{a=f.stateNode,u?(o=a.style,typeof o.setProperty==`function`?o.setProperty(`display`,`none`,`important`):o.display=`none`):(c=f.stateNode,l=f.memoizedProps.style,s=l!=null&&l.hasOwnProperty(`display`)?l.display:null,c.style.display=Re(`display`,s))}catch(t){Rl(e,e.return,t)}}}else if(f.tag===6){if(d===null)try{f.stateNode.nodeValue=u?``:f.memoizedProps}catch(t){Rl(e,e.return,t)}}else if((f.tag!==22&&f.tag!==23||f.memoizedState===null||f===e)&&f.child!==null){f.child.return=f,f=f.child;continue}if(f===e)break a;for(;f.sibling===null;){if(f.return===null||f.return===e)break a;d===f&&(d=null),f=f.return}d===f&&(d=null),f.sibling.return=f.return,f=f.sibling}}break;case 19:kc(t,e),jc(e),i&4&&Oc(e);break;case 21:break;default:kc(t,e),jc(e)}}function jc(e){var t=e.flags;if(t&2){try{a:{for(var n=e.return;n!==null;){if(bc(n)){var i=n;break a}n=n.return}throw Error(r(160))}switch(i.tag){case 5:var a=i.stateNode;i.flags&32&&(Fe(a,``),i.flags&=-33),Cc(e,xc(e),a);break;case 3:case 4:var o=i.stateNode.containerInfo;Sc(e,xc(e),o);break;default:throw Error(r(161))}}catch(t){Rl(e,e.return,t)}e.flags&=-3}t&4096&&(e.flags&=-4097)}function Mc(e,t,n){Q=e,Nc(e,t,n)}function Nc(e,t,n){for(var r=(e.mode&1)!=0;Q!==null;){var i=Q,a=i.child;if(i.tag===22&&r){var o=i.memoizedState!==null||lc;if(!o){var s=i.alternate,c=s!==null&&s.memoizedState!==null||uc;s=lc;var l=uc;if(lc=o,(uc=c)&&!l)for(Q=i;Q!==null;)o=Q,c=o.child,o.tag===22&&o.memoizedState!==null||c===null?Ic(i):(c.return=o,Q=c);for(;a!==null;)Q=a,Nc(a,t,n),a=a.sibling;Q=i,lc=s,uc=l}Pc(e,t,n)}else i.subtreeFlags&8772&&a!==null?(a.return=i,Q=a):Pc(e,t,n)}}function Pc(e){for(;Q!==null;){var t=Q;if(t.flags&8772){var n=t.alternate;try{if(t.flags&8772)switch(t.tag){case 0:case 11:case 15:uc||_c(5,t);break;case 1:var i=t.stateNode;if(t.flags&4&&!uc)if(n===null)i.componentDidMount();else{var a=t.elementType===t.type?n.memoizedProps:hs(t.type,n.memoizedProps);i.componentDidUpdate(a,n.memoizedState,i.__reactInternalSnapshotBeforeUpdate)}var o=t.updateQueue;o!==null&&no(t,o,i);break;case 3:var s=t.updateQueue;if(s!==null){if(n=null,t.child!==null)switch(t.child.tag){case 5:n=t.child.stateNode;break;case 1:n=t.child.stateNode}no(t,s,n)}break;case 5:var c=t.stateNode;if(n===null&&t.flags&4){n=c;var l=t.memoizedProps;switch(t.type){case`button`:case`input`:case`select`:case`textarea`:l.autoFocus&&n.focus();break;case`img`:l.src&&(n.src=l.src)}}break;case 6:break;case 4:break;case 12:break;case 13:if(t.memoizedState===null){var u=t.alternate;if(u!==null){var d=u.memoizedState;if(d!==null){var f=d.dehydrated;f!==null&&mn(f)}}}break;case 19:case 17:case 21:case 22:case 23:case 25:break;default:throw Error(r(163))}uc||t.flags&512&&vc(t)}catch(e){Rl(t,t.return,e)}}if(t===e){Q=null;break}if(n=t.sibling,n!==null){n.return=t.return,Q=n;break}Q=t.return}}function Fc(e){for(;Q!==null;){var t=Q;if(t===e){Q=null;break}var n=t.sibling;if(n!==null){n.return=t.return,Q=n;break}Q=t.return}}function Ic(e){for(;Q!==null;){var t=Q;try{switch(t.tag){case 0:case 11:case 15:var n=t.return;try{_c(4,t)}catch(e){Rl(t,n,e)}break;case 1:var r=t.stateNode;if(typeof r.componentDidMount==`function`){var i=t.return;try{r.componentDidMount()}catch(e){Rl(t,i,e)}}var a=t.return;try{vc(t)}catch(e){Rl(t,a,e)}break;case 5:var o=t.return;try{vc(t)}catch(e){Rl(t,o,e)}}}catch(e){Rl(t,t.return,e)}if(t===e){Q=null;break}var s=t.sibling;if(s!==null){s.return=t.return,Q=s;break}Q=t.return}}var Lc=Math.ceil,Rc=C.ReactCurrentDispatcher,zc=C.ReactCurrentOwner,Bc=C.ReactCurrentBatchConfig,$=0,Vc=null,Hc=null,Uc=0,Wc=0,Gc=Bi(0),Kc=0,qc=null,Jc=0,Yc=0,Xc=0,Zc=null,Qc=null,$c=0,el=1/0,tl=null,nl=!1,rl=null,il=null,al=!1,ol=null,sl=0,cl=0,ll=null,ul=-1,dl=0;function fl(){return $&6?I():ul===-1?ul=I():ul}function pl(e){return e.mode&1?$&2&&Uc!==0?Uc&-Uc:Oa.transition===null?(e=R,e===0?(e=window.event,e=e===void 0?16:Sn(e.type),e):e):(dl===0&&(dl=Bt()),dl):1}function ml(e,t,n,i){if(50<cl)throw cl=0,ll=null,Error(r(185));L(e,n,i),(!($&2)||e!==Vc)&&(e===Vc&&(!($&2)&&(Yc|=n),Kc===4&&bl(e,Uc)),hl(e,i),n===1&&$===0&&!(t.mode&1)&&(el=I()+500,Qi&&na()))}function hl(e,t){var n=e.callbackNode;Rt(e,t);var r=It(e,e===Vc?Uc:0);if(r===0)n!==null&&_t(n),e.callbackNode=null,e.callbackPriority=0;else if(t=r&-r,e.callbackPriority!==t){if(n!=null&&_t(n),t===1)e.tag===0?ta(xl.bind(null,e)):ea(xl.bind(null,e)),Si(function(){!($&6)&&na()}),n=null;else{switch(Wt(r)){case 1:n=xt;break;case 4:n=St;break;case 16:n=Ct;break;case 536870912:n=Tt;break;default:n=Ct}n=Wl(n,gl.bind(null,e))}e.callbackPriority=t,e.callbackNode=n}}function gl(e,t){if(ul=-1,dl=0,$&6)throw Error(r(327));var n=e.callbackNode;if(Il()&&e.callbackNode!==n)return null;var i=It(e,e===Vc?Uc:0);if(i===0)return null;if(i&30||(i&e.expiredLanes)!==0||t)t=kl(e,i);else{t=i;var a=$;$|=2;var o=Dl();(Vc!==e||Uc!==t)&&(tl=null,el=I()+500,Tl(e,t));do try{jl();break}catch(t){El(e,t)}while(1);za(),Rc.current=o,$=a,Hc===null?(Vc=null,Uc=0,t=Kc):t=0}if(t!==0){if(t===2&&(a=zt(e),a!==0&&(i=a,t=_l(e,a))),t===1)throw n=qc,Tl(e,0),bl(e,i),hl(e,I()),n;if(t===6)bl(e,i);else{if(a=e.current.alternate,!(i&30)&&!yl(a)&&(t=kl(e,i),t===2&&(o=zt(e),o!==0&&(i=o,t=_l(e,o))),t===1))throw n=qc,Tl(e,0),bl(e,i),hl(e,I()),n;switch(e.finishedWork=a,e.finishedLanes=i,t){case 0:case 1:throw Error(r(345));case 2:Pl(e,Qc,tl);break;case 3:if(bl(e,i),(i&130023424)===i&&(t=$c+500-I(),10<t)){if(It(e,0)!==0)break;if(a=e.suspendedLanes,(a&i)!==i){fl(),e.pingedLanes|=e.suspendedLanes&a;break}e.timeoutHandle=yi(Pl.bind(null,e,Qc,tl),t);break}Pl(e,Qc,tl);break;case 4:if(bl(e,i),(i&4194240)===i)break;for(t=e.eventTimes,a=-1;0<i;){var s=31-kt(i);o=1<<s,s=t[s],s>a&&(a=s),i&=~o}if(i=a,i=I()-i,i=(120>i?120:480>i?480:1080>i?1080:1920>i?1920:3e3>i?3e3:4320>i?4320:1960*Lc(i/1960))-i,10<i){e.timeoutHandle=yi(Pl.bind(null,e,Qc,tl),i);break}Pl(e,Qc,tl);break;case 5:Pl(e,Qc,tl);break;default:throw Error(r(329))}}}return hl(e,I()),e.callbackNode===n?gl.bind(null,e):null}function _l(e,t){var n=Zc;return e.current.memoizedState.isDehydrated&&(Tl(e,t).flags|=256),e=kl(e,t),e!==2&&(t=Qc,Qc=n,t!==null&&vl(t)),e}function vl(e){Qc===null?Qc=e:Qc.push.apply(Qc,e)}function yl(e){for(var t=e;;){if(t.flags&16384){var n=t.updateQueue;if(n!==null&&(n=n.stores,n!==null))for(var r=0;r<n.length;r++){var i=n[r],a=i.getSnapshot;i=i.value;try{if(!Dr(a(),i))return!1}catch{return!1}}}if(n=t.child,t.subtreeFlags&16384&&n!==null)n.return=t,t=n;else{if(t===e)break;for(;t.sibling===null;){if(t.return===null||t.return===e)return!0;t=t.return}t.sibling.return=t.return,t=t.sibling}}return!0}function bl(e,t){for(t&=~Xc,t&=~Yc,e.suspendedLanes|=t,e.pingedLanes&=~t,e=e.expirationTimes;0<t;){var n=31-kt(t),r=1<<n;e[n]=-1,t&=~r}}function xl(e){if($&6)throw Error(r(327));Il();var t=It(e,0);if(!(t&1))return hl(e,I()),null;var n=kl(e,t);if(e.tag!==0&&n===2){var i=zt(e);i!==0&&(t=i,n=_l(e,i))}if(n===1)throw n=qc,Tl(e,0),bl(e,t),hl(e,I()),n;if(n===6)throw Error(r(345));return e.finishedWork=e.current.alternate,e.finishedLanes=t,Pl(e,Qc,tl),hl(e,I()),null}function Sl(e,t){var n=$;$|=1;try{return e(t)}finally{$=n,$===0&&(el=I()+500,Qi&&na())}}function Cl(e){ol!==null&&ol.tag===0&&!($&6)&&Il();var t=$;$|=1;var n=Bc.transition,r=R;try{if(Bc.transition=null,R=1,e)return e()}finally{R=r,Bc.transition=n,$=t,!($&6)&&na()}}function wl(){Wc=Gc.current,J(Gc)}function Tl(e,t){e.finishedWork=null,e.finishedLanes=0;var n=e.timeoutHandle;if(n!==-1&&(e.timeoutHandle=-1,bi(n)),Hc!==null)for(n=Hc.return;n!==null;){var r=n;switch(ha(r),r.tag){case 1:r=r.type.childContextTypes,r!=null&&qi();break;case 3:lo(),J(Ui),J(Hi),go();break;case 5:fo(r);break;case 4:lo();break;case 13:J(po);break;case 19:J(po);break;case 10:Ba(r.type._context);break;case 22:case 23:wl()}n=n.return}if(Vc=e,Hc=e=Yl(e.current,null),Uc=Wc=t,Kc=0,qc=null,Xc=Yc=Jc=0,Qc=Zc=null,Wa!==null){for(t=0;t<Wa.length;t++)if(n=Wa[t],r=n.interleaved,r!==null){n.interleaved=null;var i=r.next,a=n.pending;if(a!==null){var o=a.next;a.next=i,r.next=o}n.pending=r}Wa=null}return e}function El(e,t){do{var n=Hc;try{if(za(),_o.current=ds,Co){for(var i=bo.memoizedState;i!==null;){var a=i.queue;a!==null&&(a.pending=null),i=i.next}Co=!1}if(yo=0,So=xo=bo=null,wo=!1,To=0,zc.current=null,n===null||n.return===null){Kc=1,qc=t,Hc=null;break}a:{var o=e,s=n.return,c=n,l=t;if(t=Uc,c.flags|=32768,typeof l==`object`&&l&&typeof l.then==`function`){var u=l,d=c,f=d.tag;if(!(d.mode&1)&&(f===0||f===11||f===15)){var p=d.alternate;p?(d.updateQueue=p.updateQueue,d.memoizedState=p.memoizedState,d.lanes=p.lanes):(d.updateQueue=null,d.memoizedState=null)}var m=ks(s);if(m!==null){m.flags&=-257,As(m,s,c,o,t),m.mode&1&&Os(o,u,t),t=m,l=u;var h=t.updateQueue;if(h===null){var g=new Set;g.add(l),t.updateQueue=g}else h.add(l);break a}else{if(!(t&1)){Os(o,u,t),Ol();break a}l=Error(r(426))}}else if(Z&&c.mode&1){var _=ks(s);if(_!==null){!(_.flags&65536)&&(_.flags|=256),As(_,s,c,o,t),Da(Ss(l,c));break a}}o=l=Ss(l,c),Kc!==4&&(Kc=2),Zc===null?Zc=[o]:Zc.push(o),o=s;do{switch(o.tag){case 3:o.flags|=65536,t&=-t,o.lanes|=t;var v=Es(o,l,t);eo(o,v);break a;case 1:c=l;var y=o.type,b=o.stateNode;if(!(o.flags&128)&&(typeof y.getDerivedStateFromError==`function`||b!==null&&typeof b.componentDidCatch==`function`&&(il===null||!il.has(b)))){o.flags|=65536,t&=-t,o.lanes|=t;var x=Ds(o,c,t);eo(o,x);break a}}o=o.return}while(o!==null)}Nl(n)}catch(e){t=e,Hc===n&&n!==null&&(Hc=n=n.return);continue}break}while(1)}function Dl(){var e=Rc.current;return Rc.current=ds,e===null?ds:e}function Ol(){(Kc===0||Kc===3||Kc===2)&&(Kc=4),Vc===null||!(Jc&268435455)&&!(Yc&268435455)||bl(Vc,Uc)}function kl(e,t){var n=$;$|=2;var i=Dl();(Vc!==e||Uc!==t)&&(tl=null,Tl(e,t));do try{Al();break}catch(t){El(e,t)}while(1);if(za(),$=n,Rc.current=i,Hc!==null)throw Error(r(261));return Vc=null,Uc=0,Kc}function Al(){for(;Hc!==null;)Ml(Hc)}function jl(){for(;Hc!==null&&!vt();)Ml(Hc)}function Ml(e){var t=Ul(e.alternate,e,Wc);e.memoizedProps=e.pendingProps,t===null?Nl(e):Hc=t,zc.current=null}function Nl(e){var t=e;do{var n=t.alternate;if(e=t.return,t.flags&32768){if(n=cc(n,t),n!==null){n.flags&=32767,Hc=n;return}if(e!==null)e.flags|=32768,e.subtreeFlags=0,e.deletions=null;else{Kc=6,Hc=null;return}}else if(n=sc(n,t,Wc),n!==null){Hc=n;return}if(t=t.sibling,t!==null){Hc=t;return}Hc=t=e}while(t!==null);Kc===0&&(Kc=5)}function Pl(e,t,n){var r=R,i=Bc.transition;try{Bc.transition=null,R=1,Fl(e,t,n,r)}finally{Bc.transition=i,R=r}return null}function Fl(e,t,n,i){do Il();while(ol!==null);if($&6)throw Error(r(327));n=e.finishedWork;var a=e.finishedLanes;if(n===null)return null;if(e.finishedWork=null,e.finishedLanes=0,n===e.current)throw Error(r(177));e.callbackNode=null,e.callbackPriority=0;var o=n.lanes|n.childLanes;if(Ht(e,o),e===Vc&&(Hc=Vc=null,Uc=0),!(n.subtreeFlags&2064)&&!(n.flags&2064)||al||(al=!0,Wl(Ct,function(){return Il(),null})),o=(n.flags&15990)!=0,n.subtreeFlags&15990||o){o=Bc.transition,Bc.transition=null;var s=R;R=1;var c=$;$|=4,zc.current=null,hc(e,n),Ac(n,e),Nr(_i),gn=!!gi,_i=gi=null,e.current=n,Mc(n,e,a),yt(),$=c,R=s,Bc.transition=o}else e.current=n;if(al&&(al=!1,ol=e,sl=a),o=e.pendingLanes,o===0&&(il=null),Ot(n.stateNode,i),hl(e,I()),t!==null)for(i=e.onRecoverableError,n=0;n<t.length;n++)a=t[n],i(a.value,{componentStack:a.stack,digest:a.digest});if(nl)throw nl=!1,e=rl,rl=null,e;return sl&1&&e.tag!==0&&Il(),o=e.pendingLanes,o&1?e===ll?cl++:(cl=0,ll=e):cl=0,na(),null}function Il(){if(ol!==null){var e=Wt(sl),t=Bc.transition,n=R;try{if(Bc.transition=null,R=16>e?16:e,ol===null)var i=!1;else{if(e=ol,ol=null,sl=0,$&6)throw Error(r(331));var a=$;for($|=4,Q=e.current;Q!==null;){var o=Q,s=o.child;if(Q.flags&16){var c=o.deletions;if(c!==null){for(var l=0;l<c.length;l++){var u=c[l];for(Q=u;Q!==null;){var d=Q;switch(d.tag){case 0:case 11:case 15:gc(8,d,o)}var f=d.child;if(f!==null)f.return=d,Q=f;else for(;Q!==null;){d=Q;var p=d.sibling,m=d.return;if(yc(d),d===u){Q=null;break}if(p!==null){p.return=m,Q=p;break}Q=m}}}var h=o.alternate;if(h!==null){var g=h.child;if(g!==null){h.child=null;do{var _=g.sibling;g.sibling=null,g=_}while(g!==null)}}Q=o}}if(o.subtreeFlags&2064&&s!==null)s.return=o,Q=s;else b:for(;Q!==null;){if(o=Q,o.flags&2048)switch(o.tag){case 0:case 11:case 15:gc(9,o,o.return)}var v=o.sibling;if(v!==null){v.return=o.return,Q=v;break b}Q=o.return}}var y=e.current;for(Q=y;Q!==null;){s=Q;var b=s.child;if(s.subtreeFlags&2064&&b!==null)b.return=s,Q=b;else b:for(s=y;Q!==null;){if(c=Q,c.flags&2048)try{switch(c.tag){case 0:case 11:case 15:_c(9,c)}}catch(e){Rl(c,c.return,e)}if(c===s){Q=null;break b}var x=c.sibling;if(x!==null){x.return=c.return,Q=x;break b}Q=c.return}}if($=a,na(),Dt&&typeof Dt.onPostCommitFiberRoot==`function`)try{Dt.onPostCommitFiberRoot(Et,e)}catch{}i=!0}return i}finally{R=n,Bc.transition=t}}return!1}function Ll(e,t,n){t=Ss(n,t),t=Es(e,t,1),e=Qa(e,t,1),t=fl(),e!==null&&(L(e,1,t),hl(e,t))}function Rl(e,t,n){if(e.tag===3)Ll(e,e,n);else for(;t!==null;){if(t.tag===3){Ll(t,e,n);break}else if(t.tag===1){var r=t.stateNode;if(typeof t.type.getDerivedStateFromError==`function`||typeof r.componentDidCatch==`function`&&(il===null||!il.has(r))){e=Ss(n,e),e=Ds(t,e,1),t=Qa(t,e,1),e=fl(),t!==null&&(L(t,1,e),hl(t,e));break}}t=t.return}}function zl(e,t,n){var r=e.pingCache;r!==null&&r.delete(t),t=fl(),e.pingedLanes|=e.suspendedLanes&n,Vc===e&&(Uc&n)===n&&(Kc===4||Kc===3&&(Uc&130023424)===Uc&&500>I()-$c?Tl(e,0):Xc|=n),hl(e,t)}function Bl(e,t){t===0&&(e.mode&1?(t=Pt,Pt<<=1,!(Pt&130023424)&&(Pt=4194304)):t=1);var n=fl();e=qa(e,t),e!==null&&(L(e,t,n),hl(e,n))}function Vl(e){var t=e.memoizedState,n=0;t!==null&&(n=t.retryLane),Bl(e,n)}function Hl(e,t){var n=0;switch(e.tag){case 13:var i=e.stateNode,a=e.memoizedState;a!==null&&(n=a.retryLane);break;case 19:i=e.stateNode;break;default:throw Error(r(314))}i!==null&&i.delete(t),Bl(e,n)}var Ul=function(e,t,n){if(e!==null)if(e.memoizedProps!==t.pendingProps||Ui.current)Ms=!0;else{if((e.lanes&n)===0&&!(t.flags&128))return Ms=!1,tc(e,t,n);Ms=!!(e.flags&131072)}else Ms=!1,Z&&t.flags&1048576&&pa(t,oa,t.index);switch(t.lanes=0,t.tag){case 2:var i=t.type;$s(e,t),e=t.pendingProps;var a=Gi(t,Hi.current);Ha(t,n),a=ko(null,t,i,e,a,n);var o=Ao();return t.flags|=1,typeof a==`object`&&a&&typeof a.render==`function`&&a.$$typeof===void 0?(t.tag=1,t.memoizedState=null,t.updateQueue=null,Ki(i)?(o=!0,Xi(t)):o=!1,t.memoizedState=a.state!==null&&a.state!==void 0?a.state:null,Ya(t),a.updater=_s,t.stateNode=a,a._reactInternals=t,xs(t,i,e,n),t=Vs(null,t,i,!0,o,n)):(t.tag=0,Z&&o&&ma(t),Ns(null,t,a,n),t=t.child),t;case 16:i=t.elementType;a:{switch($s(e,t),e=t.pendingProps,a=i._init,i=a(i._payload),t.type=i,a=t.tag=Jl(i),e=hs(i,e),a){case 0:t=zs(null,t,i,e,n);break a;case 1:t=Bs(null,t,i,e,n);break a;case 11:t=Ps(null,t,i,e,n);break a;case 14:t=Fs(null,t,i,hs(i.type,e),n);break a}throw Error(r(306,i,``))}return t;case 0:return i=t.type,a=t.pendingProps,a=t.elementType===i?a:hs(i,a),zs(e,t,i,a,n);case 1:return i=t.type,a=t.pendingProps,a=t.elementType===i?a:hs(i,a),Bs(e,t,i,a,n);case 3:a:{if(Hs(t),e===null)throw Error(r(387));i=t.pendingProps,o=t.memoizedState,a=o.element,Xa(e,t),to(t,i,null,n);var s=t.memoizedState;if(i=s.element,o.isDehydrated)if(o={element:i,isDehydrated:!1,cache:s.cache,pendingSuspenseBoundaries:s.pendingSuspenseBoundaries,transitions:s.transitions},t.updateQueue.baseState=o,t.memoizedState=o,t.flags&256){a=Ss(Error(r(423)),t),t=Us(e,t,i,n,a);break a}else if(i!==a){a=Ss(Error(r(424)),t),t=Us(e,t,i,n,a);break a}else for(_a=Ti(t.stateNode.containerInfo.firstChild),ga=t,Z=!0,va=null,n=Pa(t,null,i,n),t.child=n;n;)n.flags=n.flags&-3|4096,n=n.sibling;else{if(Ea(),i===a){t=ec(e,t,n);break a}Ns(e,t,i,n)}t=t.child}return t;case 5:return uo(t),e===null&&Sa(t),i=t.type,a=t.pendingProps,o=e===null?null:e.memoizedProps,s=a.children,vi(i,a)?s=null:o!==null&&vi(i,o)&&(t.flags|=32),Rs(e,t),Ns(e,t,s,n),t.child;case 6:return e===null&&Sa(t),null;case 13:return Ks(e,t,n);case 4:return co(t,t.stateNode.containerInfo),i=t.pendingProps,e===null?t.child=Na(t,null,i,n):Ns(e,t,i,n),t.child;case 11:return i=t.type,a=t.pendingProps,a=t.elementType===i?a:hs(i,a),Ps(e,t,i,a,n);case 7:return Ns(e,t,t.pendingProps,n),t.child;case 8:return Ns(e,t,t.pendingProps.children,n),t.child;case 12:return Ns(e,t,t.pendingProps.children,n),t.child;case 10:a:{if(i=t.type._context,a=t.pendingProps,o=t.memoizedProps,s=a.value,Y(Fa,i._currentValue),i._currentValue=s,o!==null)if(Dr(o.value,s)){if(o.children===a.children&&!Ui.current){t=ec(e,t,n);break a}}else for(o=t.child,o!==null&&(o.return=t);o!==null;){var c=o.dependencies;if(c!==null){s=o.child;for(var l=c.firstContext;l!==null;){if(l.context===i){if(o.tag===1){l=Za(-1,n&-n),l.tag=2;var u=o.updateQueue;if(u!==null){u=u.shared;var d=u.pending;d===null?l.next=l:(l.next=d.next,d.next=l),u.pending=l}}o.lanes|=n,l=o.alternate,l!==null&&(l.lanes|=n),Va(o.return,n,t),c.lanes|=n;break}l=l.next}}else if(o.tag===10)s=o.type===t.type?null:o.child;else if(o.tag===18){if(s=o.return,s===null)throw Error(r(341));s.lanes|=n,c=s.alternate,c!==null&&(c.lanes|=n),Va(s,n,t),s=o.sibling}else s=o.child;if(s!==null)s.return=o;else for(s=o;s!==null;){if(s===t){s=null;break}if(o=s.sibling,o!==null){o.return=s.return,s=o;break}s=s.return}o=s}Ns(e,t,a.children,n),t=t.child}return t;case 9:return a=t.type,i=t.pendingProps.children,Ha(t,n),a=Ua(a),i=i(a),t.flags|=1,Ns(e,t,i,n),t.child;case 14:return i=t.type,a=hs(i,t.pendingProps),a=hs(i.type,a),Fs(e,t,i,a,n);case 15:return Is(e,t,t.type,t.pendingProps,n);case 17:return i=t.type,a=t.pendingProps,a=t.elementType===i?a:hs(i,a),$s(e,t),t.tag=1,Ki(i)?(e=!0,Xi(t)):e=!1,Ha(t,n),ys(t,i,a),xs(t,i,a,n),Vs(null,t,i,!0,e,n);case 19:return Qs(e,t,n);case 22:return Ls(e,t,n)}throw Error(r(156,t.tag))};function Wl(e,t){return gt(e,t)}function Gl(e,t,n,r){this.tag=e,this.key=n,this.sibling=this.child=this.return=this.stateNode=this.type=this.elementType=null,this.index=0,this.ref=null,this.pendingProps=t,this.dependencies=this.memoizedState=this.updateQueue=this.memoizedProps=null,this.mode=r,this.subtreeFlags=this.flags=0,this.deletions=null,this.childLanes=this.lanes=0,this.alternate=null}function Kl(e,t,n,r){return new Gl(e,t,n,r)}function ql(e){return e=e.prototype,!(!e||!e.isReactComponent)}function Jl(e){if(typeof e==`function`)return+!!ql(e);if(e!=null){if(e=e.$$typeof,e===re)return 11;if(e===O)return 14}return 2}function Yl(e,t){var n=e.alternate;return n===null?(n=Kl(e.tag,t,e.key,e.mode),n.elementType=e.elementType,n.type=e.type,n.stateNode=e.stateNode,n.alternate=e,e.alternate=n):(n.pendingProps=t,n.type=e.type,n.flags=0,n.subtreeFlags=0,n.deletions=null),n.flags=e.flags&14680064,n.childLanes=e.childLanes,n.lanes=e.lanes,n.child=e.child,n.memoizedProps=e.memoizedProps,n.memoizedState=e.memoizedState,n.updateQueue=e.updateQueue,t=e.dependencies,n.dependencies=t===null?null:{lanes:t.lanes,firstContext:t.firstContext},n.sibling=e.sibling,n.index=e.index,n.ref=e.ref,n}function Xl(e,t,n,i,a,o){var s=2;if(i=e,typeof e==`function`)ql(e)&&(s=1);else if(typeof e==`string`)s=5;else a:switch(e){case E:return Zl(n.children,a,o,t);case D:s=8,a|=8;break;case ee:return e=Kl(12,n,t,a|2),e.elementType=ee,e.lanes=o,e;case ie:return e=Kl(13,n,t,a),e.elementType=ie,e.lanes=o,e;case ae:return e=Kl(19,n,t,a),e.elementType=ae,e.lanes=o,e;case oe:return Ql(n,a,o,t);default:if(typeof e==`object`&&e)switch(e.$$typeof){case te:s=10;break a;case ne:s=9;break a;case re:s=11;break a;case O:s=14;break a;case k:s=16,i=null;break a}throw Error(r(130,e==null?e:typeof e,``))}return t=Kl(s,n,t,a),t.elementType=e,t.type=i,t.lanes=o,t}function Zl(e,t,n,r){return e=Kl(7,e,r,t),e.lanes=n,e}function Ql(e,t,n,r){return e=Kl(22,e,r,t),e.elementType=oe,e.lanes=n,e.stateNode={isHidden:!1},e}function $l(e,t,n){return e=Kl(6,e,null,t),e.lanes=n,e}function eu(e,t,n){return t=Kl(4,e.children===null?[]:e.children,e.key,t),t.lanes=n,t.stateNode={containerInfo:e.containerInfo,pendingChildren:null,implementation:e.implementation},t}function tu(e,t,n,r,i){this.tag=t,this.containerInfo=e,this.finishedWork=this.pingCache=this.current=this.pendingChildren=null,this.timeoutHandle=-1,this.callbackNode=this.pendingContext=this.context=null,this.callbackPriority=0,this.eventTimes=Vt(0),this.expirationTimes=Vt(-1),this.entangledLanes=this.finishedLanes=this.mutableReadLanes=this.expiredLanes=this.pingedLanes=this.suspendedLanes=this.pendingLanes=0,this.entanglements=Vt(0),this.identifierPrefix=r,this.onRecoverableError=i,this.mutableSourceEagerHydrationData=null}function nu(e,t,n,r,i,a,o,s,c){return e=new tu(e,t,n,s,c),t===1?(t=1,!0===a&&(t|=8)):t=0,a=Kl(3,null,null,t),e.current=a,a.stateNode=e,a.memoizedState={element:r,isDehydrated:n,cache:null,transitions:null,pendingSuspenseBoundaries:null},Ya(a),e}function ru(e,t,n){var r=3<arguments.length&&arguments[3]!==void 0?arguments[3]:null;return{$$typeof:T,key:r==null?null:``+r,children:e,containerInfo:t,implementation:n}}function iu(e){if(!e)return Vi;e=e._reactInternals;a:{if(dt(e)!==e||e.tag!==1)throw Error(r(170));var t=e;do{switch(t.tag){case 3:t=t.stateNode.context;break a;case 1:if(Ki(t.type)){t=t.stateNode.__reactInternalMemoizedMergedChildContext;break a}}t=t.return}while(t!==null);throw Error(r(171))}if(e.tag===1){var n=e.type;if(Ki(n))return Yi(e,n,t)}return t}function au(e,t,n,r,i,a,o,s,c){return e=nu(n,r,!0,e,i,a,o,s,c),e.context=iu(null),n=e.current,r=fl(),i=pl(n),a=Za(r,i),a.callback=t??null,Qa(n,a,i),e.current.lanes=i,L(e,i,r),hl(e,r),e}function ou(e,t,n,r){var i=t.current,a=fl(),o=pl(i);return n=iu(n),t.context===null?t.context=n:t.pendingContext=n,t=Za(a,o),t.payload={element:e},r=r===void 0?null:r,r!==null&&(t.callback=r),e=Qa(i,t,o),e!==null&&(ml(e,i,o,a),$a(e,i,o)),o}function su(e){if(e=e.current,!e.child)return null;switch(e.child.tag){case 5:return e.child.stateNode;default:return e.child.stateNode}}function cu(e,t){if(e=e.memoizedState,e!==null&&e.dehydrated!==null){var n=e.retryLane;e.retryLane=n!==0&&n<t?n:t}}function lu(e,t){cu(e,t),(e=e.alternate)&&cu(e,t)}function uu(){return null}var du=typeof reportError==`function`?reportError:function(e){console.error(e)};function fu(e){this._internalRoot=e}pu.prototype.render=fu.prototype.render=function(e){var t=this._internalRoot;if(t===null)throw Error(r(409));ou(e,t,null,null)},pu.prototype.unmount=fu.prototype.unmount=function(){var e=this._internalRoot;if(e!==null){this._internalRoot=null;var t=e.containerInfo;Cl(function(){ou(null,e,null,null)}),t[Ai]=null}};function pu(e){this._internalRoot=e}pu.prototype.unstable_scheduleHydration=function(e){if(e){var t=Jt();e={blockedOn:null,target:e,priority:t};for(var n=0;n<rn.length&&t!==0&&t<rn[n].priority;n++);rn.splice(n,0,e),n===0&&ln(e)}};function mu(e){return!(!e||e.nodeType!==1&&e.nodeType!==9&&e.nodeType!==11)}function hu(e){return!(!e||e.nodeType!==1&&e.nodeType!==9&&e.nodeType!==11&&(e.nodeType!==8||e.nodeValue!==` react-mount-point-unstable `))}function gu(){}function _u(e,t,n,r,i){if(i){if(typeof r==`function`){var a=r;r=function(){var e=su(o);a.call(e)}}var o=au(t,r,e,0,null,!1,!1,``,gu);return e._reactRootContainer=o,e[Ai]=o.current,ai(e.nodeType===8?e.parentNode:e),Cl(),o}for(;i=e.lastChild;)e.removeChild(i);if(typeof r==`function`){var s=r;r=function(){var e=su(c);s.call(e)}}var c=nu(e,0,!1,null,null,!1,!1,``,gu);return e._reactRootContainer=c,e[Ai]=c.current,ai(e.nodeType===8?e.parentNode:e),Cl(function(){ou(t,c,n,r)}),c}function vu(e,t,n,r,i){var a=n._reactRootContainer;if(a){var o=a;if(typeof i==`function`){var s=i;i=function(){var e=su(o);s.call(e)}}ou(t,o,e,i)}else o=_u(n,t,e,i,r);return su(o)}Gt=function(e){switch(e.tag){case 3:var t=e.stateNode;if(t.current.memoizedState.isDehydrated){var n=Ft(t.pendingLanes);n!==0&&(Ut(t,n|1),hl(t,I()),!($&6)&&(el=I()+500,na()))}break;case 13:Cl(function(){var t=qa(e,1);t!==null&&ml(t,e,1,fl())}),lu(e,1)}},Kt=function(e){if(e.tag===13){var t=qa(e,134217728);t!==null&&ml(t,e,134217728,fl()),lu(e,134217728)}},qt=function(e){if(e.tag===13){var t=pl(e),n=qa(e,t);n!==null&&ml(n,e,t,fl()),lu(e,t)}},Jt=function(){return R},Yt=function(e,t){var n=R;try{return R=e,t()}finally{R=n}},Ge=function(e,t,n){switch(t){case`input`:if(Ce(e,n),t=n.name,n.type===`radio`&&t!=null){for(n=e;n.parentNode;)n=n.parentNode;for(n=n.querySelectorAll(`input[name=`+JSON.stringify(``+t)+`][type="radio"]`),t=0;t<n.length;t++){var i=n[t];if(i!==e&&i.form===e.form){var a=Li(i);if(!a)throw Error(r(90));ye(i),Ce(i,a)}}}break;case`textarea`:ke(e,n);break;case`select`:t=n.value,t!=null&&Ee(e,!!n.multiple,t,!1)}},Ze=Sl,Qe=Cl;var yu={usingClientEntryPoint:!1,Events:[Fi,Ii,Li,Ye,Xe,Sl]},bu={findFiberByHostInstance:Pi,bundleType:0,version:`18.3.1`,rendererPackageName:`react-dom`},xu={bundleType:bu.bundleType,version:bu.version,rendererPackageName:bu.rendererPackageName,rendererConfig:bu.rendererConfig,overrideHookState:null,overrideHookStateDeletePath:null,overrideHookStateRenamePath:null,overrideProps:null,overridePropsDeletePath:null,overridePropsRenamePath:null,setErrorHandler:null,setSuspenseHandler:null,scheduleUpdate:null,currentDispatcherRef:C.ReactCurrentDispatcher,findHostInstanceByFiber:function(e){return e=mt(e),e===null?null:e.stateNode},findFiberByHostInstance:bu.findFiberByHostInstance||uu,findHostInstancesForRefresh:null,scheduleRefresh:null,scheduleRoot:null,setRefreshHandler:null,getCurrentFiber:null,reconcilerVersion:`18.3.1-next-f1338f8080-20240426`};if(typeof __REACT_DEVTOOLS_GLOBAL_HOOK__<`u`){var Su=__REACT_DEVTOOLS_GLOBAL_HOOK__;if(!Su.isDisabled&&Su.supportsFiber)try{Et=Su.inject(xu),Dt=Su}catch{}}e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED=yu,e.createPortal=function(e,t){var n=2<arguments.length&&arguments[2]!==void 0?arguments[2]:null;if(!mu(t))throw Error(r(200));return ru(e,t,null,n)},e.createRoot=function(e,t){if(!mu(e))throw Error(r(299));var n=!1,i=``,a=du;return t!=null&&(!0===t.unstable_strictMode&&(n=!0),t.identifierPrefix!==void 0&&(i=t.identifierPrefix),t.onRecoverableError!==void 0&&(a=t.onRecoverableError)),t=nu(e,1,!1,null,null,n,!1,i,a),e[Ai]=t.current,ai(e.nodeType===8?e.parentNode:e),new fu(t)},e.findDOMNode=function(e){if(e==null)return null;if(e.nodeType===1)return e;var t=e._reactInternals;if(t===void 0)throw typeof e.render==`function`?Error(r(188)):(e=Object.keys(e).join(`,`),Error(r(268,e)));return e=mt(t),e=e===null?null:e.stateNode,e},e.flushSync=function(e){return Cl(e)},e.hydrate=function(e,t,n){if(!hu(t))throw Error(r(200));return vu(null,e,t,!0,n)},e.hydrateRoot=function(e,t,n){if(!mu(e))throw Error(r(405));var i=n!=null&&n.hydratedSources||null,a=!1,o=``,s=du;if(n!=null&&(!0===n.unstable_strictMode&&(a=!0),n.identifierPrefix!==void 0&&(o=n.identifierPrefix),n.onRecoverableError!==void 0&&(s=n.onRecoverableError)),t=au(t,null,e,1,n??null,a,!1,o,s),e[Ai]=t.current,ai(e),i)for(e=0;e<i.length;e++)n=i[e],a=n._getVersion,a=a(n._source),t.mutableSourceEagerHydrationData==null?t.mutableSourceEagerHydrationData=[n,a]:t.mutableSourceEagerHydrationData.push(n,a);return new pu(t)},e.render=function(e,t,n){if(!hu(t))throw Error(r(200));return vu(null,e,t,!1,n)},e.unmountComponentAtNode=function(e){if(!hu(e))throw Error(r(40));return e._reactRootContainer?(Cl(function(){vu(null,null,e,!1,function(){e._reactRootContainer=null,e[Ai]=null})}),!0):!1},e.unstable_batchedUpdates=Sl,e.unstable_renderSubtreeIntoContainer=function(e,t,n,i){if(!hu(n))throw Error(r(200));if(e==null||e._reactInternals===void 0)throw Error(r(38));return vu(e,t,n,!1,i)},e.version=`18.3.1-next-f1338f8080-20240426`})),h=o(((e,t)=>{function n(){if(!(typeof __REACT_DEVTOOLS_GLOBAL_HOOK__>`u`||typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE!=`function`))try{__REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(n)}catch(e){console.error(e)}}n(),t.exports=m()})),g=o((e=>{var t=h();e.createRoot=t.createRoot,e.hydrateRoot=t.hydrateRoot})),_=l(d()),v=l(g());h();function y(){return y=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},y.apply(this,arguments)}var b;(function(e){e.Pop=`POP`,e.Push=`PUSH`,e.Replace=`REPLACE`})(b||={});var x=`popstate`;function S(e){e===void 0&&(e={});function t(e,t){let{pathname:n,search:r,hash:i}=e.location;return D(``,{pathname:n,search:r,hash:i},t.state&&t.state.usr||null,t.state&&t.state.key||`default`)}function n(e,t){return typeof t==`string`?t:ee(t)}return ne(t,n,null,e)}function C(e,t){if(e===!1||e==null)throw Error(t)}function w(e,t){if(!e){typeof console<`u`&&console.warn(t);try{throw Error(t)}catch{}}}function T(){return Math.random().toString(36).substr(2,8)}function E(e,t){return{usr:e.state,key:e.key,idx:t}}function D(e,t,n,r){return n===void 0&&(n=null),y({pathname:typeof e==`string`?e:e.pathname,search:``,hash:``},typeof t==`string`?te(t):t,{state:n,key:t&&t.key||r||T()})}function ee(e){let{pathname:t=`/`,search:n=``,hash:r=``}=e;return n&&n!==`?`&&(t+=n.charAt(0)===`?`?n:`?`+n),r&&r!==`#`&&(t+=r.charAt(0)===`#`?r:`#`+r),t}function te(e){let t={};if(e){let n=e.indexOf(`#`);n>=0&&(t.hash=e.substr(n),e=e.substr(0,n));let r=e.indexOf(`?`);r>=0&&(t.search=e.substr(r),e=e.substr(0,r)),e&&(t.pathname=e)}return t}function ne(e,t,n,r){r===void 0&&(r={});let{window:i=document.defaultView,v5Compat:a=!1}=r,o=i.history,s=b.Pop,c=null,l=u();l??(l=0,o.replaceState(y({},o.state,{idx:l}),``));function u(){return(o.state||{idx:null}).idx}function d(){s=b.Pop;let e=u(),t=e==null?null:e-l;l=e,c&&c({action:s,location:h.location,delta:t})}function f(e,t){s=b.Push;let r=D(h.location,e,t);n&&n(r,e),l=u()+1;let d=E(r,l),f=h.createHref(r);try{o.pushState(d,``,f)}catch(e){if(e instanceof DOMException&&e.name===`DataCloneError`)throw e;i.location.assign(f)}a&&c&&c({action:s,location:h.location,delta:1})}function p(e,t){s=b.Replace;let r=D(h.location,e,t);n&&n(r,e),l=u();let i=E(r,l),d=h.createHref(r);o.replaceState(i,``,d),a&&c&&c({action:s,location:h.location,delta:0})}function m(e){let t=i.location.origin===`null`?i.location.href:i.location.origin,n=typeof e==`string`?e:ee(e);return n=n.replace(/ $/,`%20`),C(t,`No window.location.(origin|href) available to create URL for href: `+n),new URL(n,t)}let h={get action(){return s},get location(){return e(i,o)},listen(e){if(c)throw Error(`A history only accepts one active listener`);return i.addEventListener(x,d),c=e,()=>{i.removeEventListener(x,d),c=null}},createHref(e){return t(i,e)},createURL:m,encodeLocation(e){let t=m(e);return{pathname:t.pathname,search:t.search,hash:t.hash}},push:f,replace:p,go(e){return o.go(e)}};return h}var re;(function(e){e.data=`data`,e.deferred=`deferred`,e.redirect=`redirect`,e.error=`error`})(re||={});function ie(e,t,n){return n===void 0&&(n=`/`),ae(e,t,n,!1)}function ae(e,t,n,r){let i=ve((typeof t==`string`?te(t):t).pathname||`/`,n);if(i==null)return null;let a=O(e);oe(a);let o=null;for(let e=0;o==null&&e<a.length;++e){let t=_e(i);o=he(a[e],t,r)}return o}function O(e,t,n,r){t===void 0&&(t=[]),n===void 0&&(n=[]),r===void 0&&(r=``);let i=(e,i,a)=>{let o={relativePath:a===void 0?e.path||``:a,caseSensitive:e.caseSensitive===!0,childrenIndex:i,route:e};o.relativePath.startsWith(`/`)&&(C(o.relativePath.startsWith(r),`Absolute route path "`+o.relativePath+`" nested under path `+(`"`+r+`" is not valid. An absolute child route path `)+`must start with the combined path of all its parent routes.`),o.relativePath=o.relativePath.slice(r.length));let s=N([r,o.relativePath]),c=n.concat(o);e.children&&e.children.length>0&&(C(e.index!==!0,`Index routes must not have child routes. Please remove `+(`all child routes from route path "`+s+`".`)),O(e.children,t,c,s)),!(e.path==null&&!e.index)&&t.push({path:s,score:pe(s,e.index),routesMeta:c})};return e.forEach((e,t)=>{var n;if(e.path===``||!((n=e.path)!=null&&n.includes(`?`)))i(e,t);else for(let n of k(e.path))i(e,t,n)}),t}function k(e){let t=e.split(`/`);if(t.length===0)return[];let[n,...r]=t,i=n.endsWith(`?`),a=n.replace(/\?$/,``);if(r.length===0)return i?[a,``]:[a];let o=k(r.join(`/`)),s=[];return s.push(...o.map(e=>e===``?a:[a,e].join(`/`))),i&&s.push(...o),s.map(t=>e.startsWith(`/`)&&t===``?`/`:t)}function oe(e){e.sort((e,t)=>e.score===t.score?me(e.routesMeta.map(e=>e.childrenIndex),t.routesMeta.map(e=>e.childrenIndex)):t.score-e.score)}var se=/^:[\w-]+$/,ce=3,A=2,le=1,ue=10,de=-2,fe=e=>e===`*`;function pe(e,t){let n=e.split(`/`),r=n.length;return n.some(fe)&&(r+=de),t&&(r+=A),n.filter(e=>!fe(e)).reduce((e,t)=>e+(se.test(t)?ce:t===``?le:ue),r)}function me(e,t){return e.length===t.length&&e.slice(0,-1).every((e,n)=>e===t[n])?e[e.length-1]-t[t.length-1]:0}function he(e,t,n){n===void 0&&(n=!1);let{routesMeta:r}=e,i={},a=`/`,o=[];for(let e=0;e<r.length;++e){let s=r[e],c=e===r.length-1,l=a===`/`?t:t.slice(a.length)||`/`,u=j({path:s.relativePath,caseSensitive:s.caseSensitive,end:c},l),d=s.route;if(!u&&c&&n&&!r[r.length-1].route.index&&(u=j({path:s.relativePath,caseSensitive:s.caseSensitive,end:!1},l)),!u)return null;Object.assign(i,u.params),o.push({params:i,pathname:N([a,u.pathname]),pathnameBase:Ee(N([a,u.pathnameBase])),route:d}),u.pathnameBase!==`/`&&(a=N([a,u.pathnameBase]))}return o}function j(e,t){typeof e==`string`&&(e={path:e,caseSensitive:!1,end:!0});let[n,r]=ge(e.path,e.caseSensitive,e.end),i=t.match(n);if(!i)return null;let a=i[0],o=a.replace(/(.)\/+$/,`$1`),s=i.slice(1);return{params:r.reduce((e,t,n)=>{let{paramName:r,isOptional:i}=t;if(r===`*`){let e=s[n]||``;o=a.slice(0,a.length-e.length).replace(/(.)\/+$/,`$1`)}let c=s[n];return i&&!c?e[r]=void 0:e[r]=(c||``).replace(/%2F/g,`/`),e},{}),pathname:a,pathnameBase:o,pattern:e}}function ge(e,t,n){t===void 0&&(t=!1),n===void 0&&(n=!0),w(e===`*`||!e.endsWith(`*`)||e.endsWith(`/*`),`Route path "`+e+`" will be treated as if it were `+(`"`+e.replace(/\*$/,`/*`)+'" because the `*` character must ')+"always follow a `/` in the pattern. To get rid of this warning, "+(`please change the route path to "`+e.replace(/\*$/,`/*`)+`".`));let r=[],i=`^`+e.replace(/\/*\*?$/,``).replace(/^\/*/,`/`).replace(/[\\.*+^${}|()[\]]/g,`\\$&`).replace(/\/:([\w-]+)(\?)?/g,(e,t,n)=>(r.push({paramName:t,isOptional:n!=null}),n?`/?([^\\/]+)?`:`/([^\\/]+)`));return e.endsWith(`*`)?(r.push({paramName:`*`}),i+=e===`*`||e===`/*`?`(.*)$`:`(?:\\/(.+)|\\/*)$`):n?i+=`\\/*$`:e!==``&&e!==`/`&&(i+=`(?:(?=\\/|$))`),[new RegExp(i,t?void 0:`i`),r]}function _e(e){try{return e.split(`/`).map(e=>decodeURIComponent(e).replace(/\//g,`%2F`)).join(`/`)}catch(t){return w(!1,`The URL path "`+e+`" could not be decoded because it is is a malformed URL segment. This is probably due to a bad percent `+(`encoding (`+t+`).`)),e}}function ve(e,t){if(t===`/`)return e;if(!e.toLowerCase().startsWith(t.toLowerCase()))return null;let n=t.endsWith(`/`)?t.length-1:t.length,r=e.charAt(n);return r&&r!==`/`?null:e.slice(n)||`/`}var ye=/^(?:[a-z][a-z0-9+.-]*:|\/\/)/i,be=e=>ye.test(e);function xe(e,t){t===void 0&&(t=`/`);let{pathname:n,search:r=``,hash:i=``}=typeof e==`string`?te(e):e,a;if(n)if(be(n))a=n;else{if(n.includes(`//`)){let e=n;n=n.replace(/\/\/+/g,`/`),w(!1,`Pathnames cannot have embedded double slashes - normalizing `+(e+` -> `+n))}a=n.startsWith(`/`)?M(n.substring(1),`/`):M(n,t)}else a=t;return{pathname:a,search:De(r),hash:Oe(i)}}function M(e,t){let n=t.replace(/\/+$/,``).split(`/`);return e.split(`/`).forEach(e=>{e===`..`?n.length>1&&n.pop():e!==`.`&&n.push(e)}),n.length>1?n.join(`/`):`/`}function Se(e,t,n,r){return`Cannot include a '`+e+`' character in a manually specified `+("`to."+t+"` field ["+JSON.stringify(r)+`].  Please separate it out to the `)+("`to."+n+"` field. Alternatively you may provide the full path as ")+`a string in <Link to="..."> and the router will parse it for you.`}function Ce(e){return e.filter((e,t)=>t===0||e.route.path&&e.route.path.length>0)}function we(e,t){let n=Ce(e);return t?n.map((e,t)=>t===n.length-1?e.pathname:e.pathnameBase):n.map(e=>e.pathnameBase)}function Te(e,t,n,r){r===void 0&&(r=!1);let i;typeof e==`string`?i=te(e):(i=y({},e),C(!i.pathname||!i.pathname.includes(`?`),Se(`?`,`pathname`,`search`,i)),C(!i.pathname||!i.pathname.includes(`#`),Se(`#`,`pathname`,`hash`,i)),C(!i.search||!i.search.includes(`#`),Se(`#`,`search`,`hash`,i)));let a=e===``||i.pathname===``,o=a?`/`:i.pathname,s;if(o==null)s=n;else{let e=t.length-1;if(!r&&o.startsWith(`..`)){let t=o.split(`/`);for(;t[0]===`..`;)t.shift(),--e;i.pathname=t.join(`/`)}s=e>=0?t[e]:`/`}let c=xe(i,s),l=o&&o!==`/`&&o.endsWith(`/`),u=(a||o===`.`)&&n.endsWith(`/`);return!c.pathname.endsWith(`/`)&&(l||u)&&(c.pathname+=`/`),c}var N=e=>e.join(`/`).replace(/\/\/+/g,`/`),Ee=e=>e.replace(/\/+$/,``).replace(/^\/*/,`/`),De=e=>!e||e===`?`?``:e.startsWith(`?`)?e:`?`+e,Oe=e=>!e||e===`#`?``:e.startsWith(`#`)?e:`#`+e;function ke(e){return e!=null&&typeof e.status==`number`&&typeof e.statusText==`string`&&typeof e.internal==`boolean`&&`data`in e}var Ae=[`post`,`put`,`patch`,`delete`];new Set(Ae);var je=[`get`,...Ae];new Set(je);function Me(){return Me=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},Me.apply(this,arguments)}var Ne=_.createContext(null),Pe=_.createContext(null),Fe=_.createContext(null),Ie=_.createContext(null),Le=_.createContext({outlet:null,matches:[],isDataRoute:!1}),Re=_.createContext(null);function ze(){return _.useContext(Ie)!=null}function Be(){return!ze()&&C(!1),_.useContext(Ie).location}function Ve(e){_.useContext(Fe).static||_.useLayoutEffect(e)}function He(){let{isDataRoute:e}=_.useContext(Le);return e?P():Ue()}function Ue(){!ze()&&C(!1);let e=_.useContext(Ne),{basename:t,future:n,navigator:r}=_.useContext(Fe),{matches:i}=_.useContext(Le),{pathname:a}=Be(),o=JSON.stringify(we(i,n.v7_relativeSplatPath)),s=_.useRef(!1);return Ve(()=>{s.current=!0}),_.useCallback(function(n,i){if(i===void 0&&(i={}),!s.current)return;if(typeof n==`number`){r.go(n);return}let c=Te(n,JSON.parse(o),a,i.relative===`path`);e==null&&t!==`/`&&(c.pathname=c.pathname===`/`?t:N([t,c.pathname])),(i.replace?r.replace:r.push)(c,i.state,i)},[t,r,o,a,e])}function We(e,t){return Ge(e,t)}function Ge(e,t,n,r){!ze()&&C(!1);let{navigator:i}=_.useContext(Fe),{matches:a}=_.useContext(Le),o=a[a.length-1],s=o?o.params:{};o&&o.pathname;let c=o?o.pathnameBase:`/`;o&&o.route;let l=Be(),u;if(t){let e=typeof t==`string`?te(t):t;!(c===`/`||e.pathname?.startsWith(c))&&C(!1),u=e}else u=l;let d=u.pathname||`/`,f=d;if(c!==`/`){let e=c.replace(/^\//,``).split(`/`);f=`/`+d.replace(/^\//,``).split(`/`).slice(e.length).join(`/`)}let p=ie(e,{pathname:f}),m=Xe(p&&p.map(e=>Object.assign({},e,{params:Object.assign({},s,e.params),pathname:N([c,i.encodeLocation?i.encodeLocation(e.pathname).pathname:e.pathname]),pathnameBase:e.pathnameBase===`/`?c:N([c,i.encodeLocation?i.encodeLocation(e.pathnameBase).pathname:e.pathnameBase])})),a,n,r);return t&&m?_.createElement(Ie.Provider,{value:{location:Me({pathname:`/`,search:``,hash:``,state:null,key:`default`},u),navigationType:b.Pop}},m):m}function Ke(){let e=rt(),t=ke(e)?e.status+` `+e.statusText:e instanceof Error?e.message:JSON.stringify(e),n=e instanceof Error?e.stack:null;return _.createElement(_.Fragment,null,_.createElement(`h2`,null,`Unexpected Application Error!`),_.createElement(`h3`,{style:{fontStyle:`italic`}},t),n?_.createElement(`pre`,{style:{padding:`0.5rem`,backgroundColor:`rgba(200,200,200, 0.5)`}},n):null,null)}var qe=_.createElement(Ke,null),Je=class extends _.Component{constructor(e){super(e),this.state={location:e.location,revalidation:e.revalidation,error:e.error}}static getDerivedStateFromError(e){return{error:e}}static getDerivedStateFromProps(e,t){return t.location!==e.location||t.revalidation!==`idle`&&e.revalidation===`idle`?{error:e.error,location:e.location,revalidation:e.revalidation}:{error:e.error===void 0?t.error:e.error,location:t.location,revalidation:e.revalidation||t.revalidation}}componentDidCatch(e,t){console.error(`React Router caught the following error during render`,e,t)}render(){return this.state.error===void 0?this.props.children:_.createElement(Le.Provider,{value:this.props.routeContext},_.createElement(Re.Provider,{value:this.state.error,children:this.props.component}))}};function Ye(e){let{routeContext:t,match:n,children:r}=e,i=_.useContext(Ne);return i&&i.static&&i.staticContext&&(n.route.errorElement||n.route.ErrorBoundary)&&(i.staticContext._deepestRenderedBoundaryId=n.route.id),_.createElement(Le.Provider,{value:t},r)}function Xe(e,t,n,r){if(t===void 0&&(t=[]),n===void 0&&(n=null),r===void 0&&(r=null),e==null){var i;if(!n)return null;if(n.errors)e=n.matches;else if((i=r)!=null&&i.v7_partialHydration&&t.length===0&&!n.initialized&&n.matches.length>0)e=n.matches;else return null}let a=e,o=n?.errors;if(o!=null){let e=a.findIndex(e=>e.route.id&&o?.[e.route.id]!==void 0);!(e>=0)&&C(!1),a=a.slice(0,Math.min(a.length,e+1))}let s=!1,c=-1;if(n&&r&&r.v7_partialHydration)for(let e=0;e<a.length;e++){let t=a[e];if((t.route.HydrateFallback||t.route.hydrateFallbackElement)&&(c=e),t.route.id){let{loaderData:e,errors:r}=n,i=t.route.loader&&e[t.route.id]===void 0&&(!r||r[t.route.id]===void 0);if(t.route.lazy||i){s=!0,a=c>=0?a.slice(0,c+1):[a[0]];break}}}return a.reduceRight((e,r,i)=>{let l,u=!1,d=null,f=null;n&&(l=o&&r.route.id?o[r.route.id]:void 0,d=r.route.errorElement||qe,s&&(c<0&&i===0?(at(`route-fallback`,!1,"No `HydrateFallback` element provided to render during initial hydration"),u=!0,f=null):c===i&&(u=!0,f=r.route.hydrateFallbackElement||null)));let p=t.concat(a.slice(0,i+1)),m=()=>{let t;return t=l?d:u?f:r.route.Component?_.createElement(r.route.Component,null):r.route.element?r.route.element:e,_.createElement(Ye,{match:r,routeContext:{outlet:e,matches:p,isDataRoute:n!=null},children:t})};return n&&(r.route.ErrorBoundary||r.route.errorElement||i===0)?_.createElement(Je,{location:n.location,revalidation:n.revalidation,component:d,error:l,children:m(),routeContext:{outlet:null,matches:p,isDataRoute:!0}}):m()},null)}var Ze=function(e){return e.UseBlocker=`useBlocker`,e.UseRevalidator=`useRevalidator`,e.UseNavigateStable=`useNavigate`,e}(Ze||{}),Qe=function(e){return e.UseBlocker=`useBlocker`,e.UseLoaderData=`useLoaderData`,e.UseActionData=`useActionData`,e.UseRouteError=`useRouteError`,e.UseNavigation=`useNavigation`,e.UseRouteLoaderData=`useRouteLoaderData`,e.UseMatches=`useMatches`,e.UseRevalidator=`useRevalidator`,e.UseNavigateStable=`useNavigate`,e.UseRouteId=`useRouteId`,e}(Qe||{});function $e(e){let t=_.useContext(Ne);return!t&&C(!1),t}function et(e){let t=_.useContext(Pe);return!t&&C(!1),t}function tt(e){let t=_.useContext(Le);return!t&&C(!1),t}function nt(e){let t=tt(e),n=t.matches[t.matches.length-1];return!n.route.id&&C(!1),n.route.id}function rt(){let e=_.useContext(Re),t=et(Qe.UseRouteError),n=nt(Qe.UseRouteError);return e===void 0?t.errors?.[n]:e}function P(){let{router:e}=$e(Ze.UseNavigateStable),t=nt(Qe.UseNavigateStable),n=_.useRef(!1);return Ve(()=>{n.current=!0}),_.useCallback(function(r,i){i===void 0&&(i={}),n.current&&(typeof r==`number`?e.navigate(r):e.navigate(r,Me({fromRouteId:t},i)))},[e,t])}var it={};function at(e,t,n){!t&&!it[e]&&(it[e]=!0)}var ot=(e,t,n)=>(``+t+("You can use the `"+e+"` future flag to opt-in early. ")+(`For more information, see `+n+`.`),void 0);function st(e,t){e?.v7_startTransition===void 0&&ot(`v7_startTransition`,"React Router will begin wrapping state updates in `React.startTransition` in v7",`https://reactrouter.com/v6/upgrading/future#v7_starttransition`),e?.v7_relativeSplatPath===void 0&&(!t||t.v7_relativeSplatPath===void 0)&&ot(`v7_relativeSplatPath`,`Relative route resolution within Splat routes is changing in v7`,`https://reactrouter.com/v6/upgrading/future#v7_relativesplatpath`),t&&(t.v7_fetcherPersist===void 0&&ot(`v7_fetcherPersist`,`The persistence behavior of fetchers is changing in v7`,`https://reactrouter.com/v6/upgrading/future#v7_fetcherpersist`),t.v7_normalizeFormMethod===void 0&&ot(`v7_normalizeFormMethod`,"Casing of `formMethod` fields is being normalized to uppercase in v7",`https://reactrouter.com/v6/upgrading/future#v7_normalizeformmethod`),t.v7_partialHydration===void 0&&ot(`v7_partialHydration`,"`RouterProvider` hydration behavior is changing in v7",`https://reactrouter.com/v6/upgrading/future#v7_partialhydration`),t.v7_skipActionErrorRevalidation===void 0&&ot(`v7_skipActionErrorRevalidation`,"The revalidation behavior after 4xx/5xx `action` responses is changing in v7",`https://reactrouter.com/v6/upgrading/future#v7_skipactionerrorrevalidation`))}function ct(e){C(!1)}function lt(e){let{basename:t=`/`,children:n=null,location:r,navigationType:i=b.Pop,navigator:a,static:o=!1,future:s}=e;ze()&&C(!1);let c=t.replace(/^\/*/,`/`),l=_.useMemo(()=>({basename:c,navigator:a,static:o,future:Me({v7_relativeSplatPath:!1},s)}),[c,s,a,o]);typeof r==`string`&&(r=te(r));let{pathname:u=`/`,search:d=``,hash:f=``,state:p=null,key:m=`default`}=r,h=_.useMemo(()=>{let e=ve(u,c);return e==null?null:{location:{pathname:e,search:d,hash:f,state:p,key:m},navigationType:i}},[c,u,d,f,p,m,i]);return h==null?null:_.createElement(Fe.Provider,{value:l},_.createElement(Ie.Provider,{children:n,value:h}))}function ut(e){let{children:t,location:n}=e;return We(ft(t),n)}var dt=function(e){return e[e.pending=0]=`pending`,e[e.success=1]=`success`,e[e.error=2]=`error`,e}(dt||{});new Promise(()=>{}),_.Component;function ft(e,t){t===void 0&&(t=[]);let n=[];return _.Children.forEach(e,(e,r)=>{if(!_.isValidElement(e))return;let i=[...t,r];if(e.type===_.Fragment){n.push.apply(n,ft(e.props.children,i));return}e.type!==ct&&C(!1),!(!e.props.index||!e.props.children)&&C(!1);let a={id:e.props.id||i.join(`-`),caseSensitive:e.props.caseSensitive,element:e.props.element,Component:e.props.Component,index:e.props.index,path:e.props.path,loader:e.props.loader,action:e.props.action,errorElement:e.props.errorElement,ErrorBoundary:e.props.ErrorBoundary,hasErrorBoundary:e.props.ErrorBoundary!=null||e.props.errorElement!=null,shouldRevalidate:e.props.shouldRevalidate,handle:e.props.handle,lazy:e.props.lazy};e.props.children&&(a.children=ft(e.props.children,i)),n.push(a)}),n}var pt=`6`;try{window.__reactRouterVersion=pt}catch{}var F=_.startTransition;function mt(e){let{basename:t,children:n,future:r,window:i}=e,a=_.useRef();a.current??=S({window:i,v5Compat:!0});let o=a.current,[s,c]=_.useState({action:o.action,location:o.location}),{v7_startTransition:l}=r||{},u=_.useCallback(e=>{l&&F?F(()=>c(e)):c(e)},[c,l]);return _.useLayoutEffect(()=>o.listen(u),[o,u]),_.useEffect(()=>st(r),[r]),_.createElement(lt,{basename:t,children:n,location:s.location,navigationType:s.action,navigator:o,future:r})}typeof window<`u`&&window.document!==void 0&&window.document.createElement;var ht;(function(e){e.UseScrollRestoration=`useScrollRestoration`,e.UseSubmit=`useSubmit`,e.UseSubmitFetcher=`useSubmitFetcher`,e.UseFetcher=`useFetcher`,e.useViewTransitionState=`useViewTransitionState`})(ht||={});var gt;(function(e){e.UseFetcher=`useFetcher`,e.UseFetchers=`useFetchers`,e.UseScrollRestoration=`useScrollRestoration`})(gt||={});var _t=Object.create(null);_t.open=`0`,_t.close=`1`,_t.ping=`2`,_t.pong=`3`,_t.message=`4`,_t.upgrade=`5`,_t.noop=`6`;var vt=Object.create(null);Object.keys(_t).forEach(e=>{vt[_t[e]]=e});var yt={type:`error`,data:`parser error`},I=typeof Blob==`function`||typeof Blob<`u`&&Object.prototype.toString.call(Blob)===`[object BlobConstructor]`,bt=typeof ArrayBuffer==`function`,xt=e=>typeof ArrayBuffer.isView==`function`?ArrayBuffer.isView(e):e&&e.buffer instanceof ArrayBuffer,St=({type:e,data:t},n,r)=>I&&t instanceof Blob?n?r(t):Ct(t,r):bt&&(t instanceof ArrayBuffer||xt(t))?n?r(t):Ct(new Blob([t]),r):r(_t[e]+(t||``)),Ct=(e,t)=>{let n=new FileReader;return n.onload=function(){let e=n.result.split(`,`)[1];t(`b`+(e||``))},n.readAsDataURL(e)};function wt(e){return e instanceof Uint8Array?e:e instanceof ArrayBuffer?new Uint8Array(e):new Uint8Array(e.buffer,e.byteOffset,e.byteLength)}var Tt;function Et(e,t){if(I&&e.data instanceof Blob)return e.data.arrayBuffer().then(wt).then(t);if(bt&&(e.data instanceof ArrayBuffer||xt(e.data)))return t(wt(e.data));St(e,!1,e=>{Tt||=new TextEncoder,t(Tt.encode(e))})}var Dt=`ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/`,Ot=typeof Uint8Array>`u`?[]:new Uint8Array(256);for(let e=0;e<64;e++)Ot[Dt.charCodeAt(e)]=e;var kt=e=>{let t=e.length*.75,n=e.length,r,i=0,a,o,s,c;e[e.length-1]===`=`&&(t--,e[e.length-2]===`=`&&t--);let l=new ArrayBuffer(t),u=new Uint8Array(l);for(r=0;r<n;r+=4)a=Ot[e.charCodeAt(r)],o=Ot[e.charCodeAt(r+1)],s=Ot[e.charCodeAt(r+2)],c=Ot[e.charCodeAt(r+3)],u[i++]=a<<2|o>>4,u[i++]=(o&15)<<4|s>>2,u[i++]=(s&3)<<6|c&63;return l},At=typeof ArrayBuffer==`function`,jt=(e,t)=>{if(typeof e!=`string`)return{type:`message`,data:Nt(e,t)};let n=e.charAt(0);return n===`b`?{type:`message`,data:Mt(e.substring(1),t)}:vt[n]?e.length>1?{type:vt[n],data:e.substring(1)}:{type:vt[n]}:yt},Mt=(e,t)=>At?Nt(kt(e),t):{base64:!0,data:e},Nt=(e,t)=>{switch(t){case`blob`:return e instanceof Blob?e:new Blob([e]);default:return e instanceof ArrayBuffer?e:e.buffer}},Pt=``,Ft=(e,t)=>{let n=e.length,r=Array(n),i=0;e.forEach((e,a)=>{St(e,!1,e=>{r[a]=e,++i===n&&t(r.join(Pt))})})},It=(e,t)=>{let n=e.split(Pt),r=[];for(let e=0;e<n.length;e++){let i=jt(n[e],t);if(r.push(i),i.type===`error`)break}return r};function Lt(){return new TransformStream({transform(e,t){Et(e,n=>{let r=n.length,i;if(r<126)i=new Uint8Array(1),new DataView(i.buffer).setUint8(0,r);else if(r<65536){i=new Uint8Array(3);let e=new DataView(i.buffer);e.setUint8(0,126),e.setUint16(1,r)}else{i=new Uint8Array(9);let e=new DataView(i.buffer);e.setUint8(0,127),e.setBigUint64(1,BigInt(r))}e.data&&typeof e.data!=`string`&&(i[0]|=128),t.enqueue(i),t.enqueue(n)})}})}var Rt;function zt(e){return e.reduce((e,t)=>e+t.length,0)}function Bt(e,t){if(e[0].length===t)return e.shift();let n=new Uint8Array(t),r=0;for(let i=0;i<t;i++)n[i]=e[0][r++],r===e[0].length&&(e.shift(),r=0);return e.length&&r<e[0].length&&(e[0]=e[0].slice(r)),n}function Vt(e,t){Rt||=new TextDecoder;let n=[],r=0,i=-1,a=!1;return new TransformStream({transform(o,s){for(n.push(o);;){if(r===0){if(zt(n)<1)break;let e=Bt(n,1);a=(e[0]&128)==128,i=e[0]&127,r=i<126?3:i===126?1:2}else if(r===1){if(zt(n)<2)break;let e=Bt(n,2);i=new DataView(e.buffer,e.byteOffset,e.length).getUint16(0),r=3}else if(r===2){if(zt(n)<8)break;let e=Bt(n,8),t=new DataView(e.buffer,e.byteOffset,e.length),a=t.getUint32(0);if(a>2**21-1){s.enqueue(yt);break}i=a*2**32+t.getUint32(4),r=3}else{if(zt(n)<i)break;let e=Bt(n,i);s.enqueue(jt(a?e:Rt.decode(e),t)),r=0}if(i===0||i>e){s.enqueue(yt);break}}}})}function L(e){if(e)return Ht(e)}function Ht(e){for(var t in L.prototype)e[t]=L.prototype[t];return e}L.prototype.on=L.prototype.addEventListener=function(e,t){return this._callbacks=this._callbacks||{},(this._callbacks[`$`+e]=this._callbacks[`$`+e]||[]).push(t),this},L.prototype.once=function(e,t){function n(){this.off(e,n),t.apply(this,arguments)}return n.fn=t,this.on(e,n),this},L.prototype.off=L.prototype.removeListener=L.prototype.removeAllListeners=L.prototype.removeEventListener=function(e,t){if(this._callbacks=this._callbacks||{},arguments.length==0)return this._callbacks={},this;var n=this._callbacks[`$`+e];if(!n)return this;if(arguments.length==1)return delete this._callbacks[`$`+e],this;for(var r,i=0;i<n.length;i++)if(r=n[i],r===t||r.fn===t){n.splice(i,1);break}return n.length===0&&delete this._callbacks[`$`+e],this},L.prototype.emit=function(e){this._callbacks=this._callbacks||{};for(var t=Array(arguments.length-1),n=this._callbacks[`$`+e],r=1;r<arguments.length;r++)t[r-1]=arguments[r];if(n){n=n.slice(0);for(var r=0,i=n.length;r<i;++r)n[r].apply(this,t)}return this},L.prototype.emitReserved=L.prototype.emit,L.prototype.listeners=function(e){return this._callbacks=this._callbacks||{},this._callbacks[`$`+e]||[]},L.prototype.hasListeners=function(e){return!!this.listeners(e).length};var Ut=typeof Promise==`function`&&typeof Promise.resolve==`function`?e=>Promise.resolve().then(e):(e,t)=>t(e,0),R=typeof self<`u`?self:typeof window<`u`?window:Function(`return this`)(),Wt=`arraybuffer`;function Gt(e,...t){return t.reduce((t,n)=>(e.hasOwnProperty(n)&&(t[n]=e[n]),t),{})}var Kt=R.setTimeout,qt=R.clearTimeout;function Jt(e,t){t.useNativeTimers?(e.setTimeoutFn=Kt.bind(R),e.clearTimeoutFn=qt.bind(R)):(e.setTimeoutFn=R.setTimeout.bind(R),e.clearTimeoutFn=R.clearTimeout.bind(R))}var Yt=1.33;function Xt(e){return typeof e==`string`?Zt(e):Math.ceil((e.byteLength||e.size)*Yt)}function Zt(e){let t=0,n=0;for(let r=0,i=e.length;r<i;r++)t=e.charCodeAt(r),t<128?n+=1:t<2048?n+=2:t<55296||t>=57344?n+=3:(r++,n+=4);return n}function Qt(){return Date.now().toString(36).substring(3)+Math.random().toString(36).substring(2,5)}function $t(e){let t=``;for(let n in e)e.hasOwnProperty(n)&&(t.length&&(t+=`&`),t+=encodeURIComponent(n)+`=`+encodeURIComponent(e[n]));return t}function en(e){let t={},n=e.split(`&`);for(let e=0,r=n.length;e<r;e++){let r=n[e].split(`=`);t[decodeURIComponent(r[0])]=decodeURIComponent(r[1])}return t}var tn=class extends Error{constructor(e,t,n){super(e),this.description=t,this.context=n,this.type=`TransportError`}},nn=class extends L{constructor(e){super(),this.writable=!1,Jt(this,e),this.opts=e,this.query=e.query,this.socket=e.socket,this.supportsBinary=!e.forceBase64}onError(e,t,n){return super.emitReserved(`error`,new tn(e,t,n)),this}open(){return this.readyState=`opening`,this.doOpen(),this}close(){return(this.readyState===`opening`||this.readyState===`open`)&&(this.doClose(),this.onClose()),this}send(e){this.readyState===`open`&&this.write(e)}onOpen(){this.readyState=`open`,this.writable=!0,super.emitReserved(`open`)}onData(e){let t=jt(e,this.socket.binaryType);this.onPacket(t)}onPacket(e){super.emitReserved(`packet`,e)}onClose(e){this.readyState=`closed`,super.emitReserved(`close`,e)}pause(e){}createUri(e,t={}){return e+`://`+this._hostname()+this._port()+this.opts.path+this._query(t)}_hostname(){let e=this.opts.hostname;return e.indexOf(`:`)===-1?e:`[`+e+`]`}_port(){return this.opts.port&&(this.opts.secure&&Number(this.opts.port)!==443||!this.opts.secure&&Number(this.opts.port)!==80)?`:`+this.opts.port:``}_query(e){let t=$t(e);return t.length?`?`+t:``}},rn=class extends nn{constructor(){super(...arguments),this._polling=!1}get name(){return`polling`}doOpen(){this._poll()}pause(e){this.readyState=`pausing`;let t=()=>{this.readyState=`paused`,e()};if(this._polling||!this.writable){let e=0;this._polling&&(e++,this.once(`pollComplete`,function(){--e||t()})),this.writable||(e++,this.once(`drain`,function(){--e||t()}))}else t()}_poll(){this._polling=!0,this.doPoll(),this.emitReserved(`poll`)}onData(e){It(e,this.socket.binaryType).forEach(e=>{if(this.readyState===`opening`&&e.type===`open`&&this.onOpen(),e.type===`close`)return this.onClose({description:`transport closed by the server`}),!1;this.onPacket(e)}),this.readyState!==`closed`&&(this._polling=!1,this.emitReserved(`pollComplete`),this.readyState===`open`&&this._poll())}doClose(){let e=()=>{this.write([{type:`close`}])};this.readyState===`open`?e():this.once(`open`,e)}write(e){this.writable=!1,Ft(e,e=>{this.doWrite(e,()=>{this.writable=!0,this.emitReserved(`drain`)})})}uri(){let e=this.opts.secure?`https`:`http`,t=this.query||{};return!1!==this.opts.timestampRequests&&(t[this.opts.timestampParam]=Qt()),!this.supportsBinary&&!t.sid&&(t.b64=1),this.createUri(e,t)}},an=!1;try{an=typeof XMLHttpRequest<`u`&&`withCredentials`in new XMLHttpRequest}catch{}var on=an;function sn(){}var cn=class extends rn{constructor(e){if(super(e),typeof location<`u`){let t=location.protocol===`https:`,n=location.port;n||=t?`443`:`80`,this.xd=typeof location<`u`&&e.hostname!==location.hostname||n!==e.port}}doWrite(e,t){let n=this.request({method:`POST`,data:e});n.on(`success`,t),n.on(`error`,(e,t)=>{this.onError(`xhr post error`,e,t)})}doPoll(){let e=this.request();e.on(`data`,this.onData.bind(this)),e.on(`error`,(e,t)=>{this.onError(`xhr poll error`,e,t)}),this.pollXhr=e}},ln=class e extends L{constructor(e,t,n){super(),this.createRequest=e,Jt(this,n),this._opts=n,this._method=n.method||`GET`,this._uri=t,this._data=n.data===void 0?null:n.data,this._create()}_create(){var t;let n=Gt(this._opts,`agent`,`pfx`,`key`,`passphrase`,`cert`,`ca`,`ciphers`,`rejectUnauthorized`,`autoUnref`);n.xdomain=!!this._opts.xd;let r=this._xhr=this.createRequest(n);try{r.open(this._method,this._uri,!0);try{if(this._opts.extraHeaders){r.setDisableHeaderCheck&&r.setDisableHeaderCheck(!0);for(let e in this._opts.extraHeaders)this._opts.extraHeaders.hasOwnProperty(e)&&r.setRequestHeader(e,this._opts.extraHeaders[e])}}catch{}if(this._method===`POST`)try{r.setRequestHeader(`Content-type`,`text/plain;charset=UTF-8`)}catch{}try{r.setRequestHeader(`Accept`,`*/*`)}catch{}(t=this._opts.cookieJar)==null||t.addCookies(r),`withCredentials`in r&&(r.withCredentials=this._opts.withCredentials),this._opts.requestTimeout&&(r.timeout=this._opts.requestTimeout),r.onreadystatechange=()=>{var e;r.readyState===3&&((e=this._opts.cookieJar)==null||e.parseCookies(r.getResponseHeader(`set-cookie`))),r.readyState===4&&(r.status===200||r.status===1223?this._onLoad():this.setTimeoutFn(()=>{this._onError(typeof r.status==`number`?r.status:0)},0))},r.send(this._data)}catch(e){this.setTimeoutFn(()=>{this._onError(e)},0);return}typeof document<`u`&&(this._index=e.requestsCount++,e.requests[this._index]=this)}_onError(e){this.emitReserved(`error`,e,this._xhr),this._cleanup(!0)}_cleanup(t){if(!(this._xhr===void 0||this._xhr===null)){if(this._xhr.onreadystatechange=sn,t)try{this._xhr.abort()}catch{}typeof document<`u`&&delete e.requests[this._index],this._xhr=null}}_onLoad(){let e=this._xhr.responseText;e!==null&&(this.emitReserved(`data`,e),this.emitReserved(`success`),this._cleanup())}abort(){this._cleanup()}};if(ln.requestsCount=0,ln.requests={},typeof document<`u`){if(typeof attachEvent==`function`)attachEvent(`onunload`,un);else if(typeof addEventListener==`function`){let e=`onpagehide`in R?`pagehide`:`unload`;addEventListener(e,un,!1)}}function un(){for(let e in ln.requests)ln.requests.hasOwnProperty(e)&&ln.requests[e].abort()}var dn=(function(){let e=pn({xdomain:!1});return e&&e.responseType!==null})(),fn=class extends cn{constructor(e){super(e);let t=e&&e.forceBase64;this.supportsBinary=dn&&!t}request(e={}){return Object.assign(e,{xd:this.xd},this.opts),new ln(pn,this.uri(),e)}};function pn(e){let t=e.xdomain;try{if(typeof XMLHttpRequest<`u`&&(!t||on))return new XMLHttpRequest}catch{}if(!t)try{return new R[[`Active`,`Object`].join(`X`)](`Microsoft.XMLHTTP`)}catch{}}var mn=typeof navigator<`u`&&typeof navigator.product==`string`&&navigator.product.toLowerCase()===`reactnative`,hn=class extends nn{get name(){return`websocket`}doOpen(){let e=this.uri(),t=this.opts.protocols,n=mn?{}:Gt(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=this.createSocket(e,t,n)}catch(e){return this.emitReserved(`error`,e)}this.ws.binaryType=this.socket.binaryType,this.addEventListeners()}addEventListeners(){this.ws.onopen=()=>{this.opts.autoUnref&&this.ws._socket.unref(),this.onOpen()},this.ws.onclose=e=>this.onClose({description:`websocket connection closed`,context:e}),this.ws.onmessage=e=>this.onData(e.data),this.ws.onerror=e=>this.onError(`websocket error`,e)}write(e){this.writable=!1;for(let t=0;t<e.length;t++){let n=e[t],r=t===e.length-1;St(n,this.supportsBinary,e=>{try{this.doWrite(n,e)}catch{}r&&Ut(()=>{this.writable=!0,this.emitReserved(`drain`)},this.setTimeoutFn)})}}doClose(){this.ws!==void 0&&(this.ws.onerror=()=>{},this.ws.close(),this.ws=null)}uri(){let e=this.opts.secure?`wss`:`ws`,t=this.query||{};return this.opts.timestampRequests&&(t[this.opts.timestampParam]=Qt()),this.supportsBinary||(t.b64=1),this.createUri(e,t)}},gn=R.WebSocket||R.MozWebSocket,_n={websocket:class extends hn{createSocket(e,t,n){return mn?new gn(e,t,n):t?new gn(e,t):new gn(e)}doWrite(e,t){this.ws.send(t)}},webtransport:class extends nn{get name(){return`webtransport`}doOpen(){try{this._transport=new WebTransport(this.createUri(`https`),this.opts.transportOptions[this.name])}catch(e){return this.emitReserved(`error`,e)}this._transport.closed.then(()=>{this.onClose()}).catch(e=>{this.onError(`webtransport error`,e)}),this._transport.ready.then(()=>{this._transport.createBidirectionalStream().then(e=>{let t=Vt(2**53-1,this.socket.binaryType),n=e.readable.pipeThrough(t).getReader(),r=Lt();r.readable.pipeTo(e.writable),this._writer=r.writable.getWriter();let i=()=>{n.read().then(({done:e,value:t})=>{e||(this.onPacket(t),i())}).catch(e=>{})};i();let a={type:`open`};this.query.sid&&(a.data=`{"sid":"${this.query.sid}"}`),this._writer.write(a).then(()=>this.onOpen())})})}write(e){this.writable=!1;for(let t=0;t<e.length;t++){let n=e[t],r=t===e.length-1;this._writer.write(n).then(()=>{r&&Ut(()=>{this.writable=!0,this.emitReserved(`drain`)},this.setTimeoutFn)})}}doClose(){var e;(e=this._transport)==null||e.close()}},polling:fn},vn=/^(?:(?![^:@\/?#]+:[^:@\/]*@)(http|https|ws|wss):\/\/)?((?:(([^:@\/?#]*)(?::([^:@\/?#]*))?)?@)?((?:[a-f0-9]{0,4}:){2,7}[a-f0-9]{0,4}|[^:\/?#]*)(?::(\d*))?)(((\/(?:[^?#](?![^?#\/]*\.[^?#\/.]+(?:[?#]|$)))*\/?)?([^?#\/]*))(?:\?([^#]*))?(?:#(.*))?)/,yn=[`source`,`protocol`,`authority`,`userInfo`,`user`,`password`,`host`,`port`,`relative`,`path`,`directory`,`file`,`query`,`anchor`];function bn(e){if(e.length>8e3)throw`URI too long`;let t=e,n=e.indexOf(`[`),r=e.indexOf(`]`);n!=-1&&r!=-1&&(e=e.substring(0,n)+e.substring(n,r).replace(/:/g,`;`)+e.substring(r,e.length));let i=vn.exec(e||``),a={},o=14;for(;o--;)a[yn[o]]=i[o]||``;return n!=-1&&r!=-1&&(a.source=t,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=xn(a,a.path),a.queryKey=Sn(a,a.query),a}function xn(e,t){let n=t.replace(/\/{2,9}/g,`/`).split(`/`);return(t.slice(0,1)==`/`||t.length===0)&&n.splice(0,1),t.slice(-1)==`/`&&n.splice(n.length-1,1),n}function Sn(e,t){let n={};return t.replace(/(?:^|&)([^&=]*)=?([^&]*)/g,function(e,t,r){t&&(n[t]=r)}),n}var Cn=typeof addEventListener==`function`&&typeof removeEventListener==`function`,wn=[];Cn&&addEventListener(`offline`,()=>{wn.forEach(e=>e())},!1);var Tn=class e extends L{constructor(e,t){if(super(),this.binaryType=Wt,this.writeBuffer=[],this._prevBufferLen=0,this._pingInterval=-1,this._pingTimeout=-1,this._maxPayload=-1,this._pingTimeoutTime=1/0,e&&typeof e==`object`&&(t=e,e=null),e){let n=bn(e);t.hostname=n.host,t.secure=n.protocol===`https`||n.protocol===`wss`,t.port=n.port,n.query&&(t.query=n.query)}else t.host&&(t.hostname=bn(t.host).host);Jt(this,t),this.secure=t.secure==null?typeof location<`u`&&location.protocol===`https:`:t.secure,t.hostname&&!t.port&&(t.port=this.secure?`443`:`80`),this.hostname=t.hostname||(typeof location<`u`?location.hostname:`localhost`),this.port=t.port||(typeof location<`u`&&location.port?location.port:this.secure?`443`:`80`),this.transports=[],this._transportsByName={},t.transports.forEach(e=>{let t=e.prototype.name;this.transports.push(t),this._transportsByName[t]=e}),this.opts=Object.assign({path:`/engine.io`,agent:!1,withCredentials:!1,upgrade:!0,timestampParam:`t`,rememberUpgrade:!1,addTrailingSlash:!0,rejectUnauthorized:!0,perMessageDeflate:{threshold:1024},transportOptions:{},closeOnBeforeunload:!1},t),this.opts.path=this.opts.path.replace(/\/$/,``)+(this.opts.addTrailingSlash?`/`:``),typeof this.opts.query==`string`&&(this.opts.query=en(this.opts.query)),Cn&&(this.opts.closeOnBeforeunload&&(this._beforeunloadEventListener=()=>{this.transport&&(this.transport.removeAllListeners(),this.transport.close())},addEventListener(`beforeunload`,this._beforeunloadEventListener,!1)),this.hostname!==`localhost`&&(this._offlineEventListener=()=>{this._onClose(`transport close`,{description:`network connection lost`})},wn.push(this._offlineEventListener))),this.opts.withCredentials&&(this._cookieJar=void 0),this._open()}createTransport(e){let t=Object.assign({},this.opts.query);t.EIO=4,t.transport=e,this.id&&(t.sid=this.id);let n=Object.assign({},this.opts,{query:t,socket:this,hostname:this.hostname,secure:this.secure,port:this.port},this.opts.transportOptions[e]);return new this._transportsByName[e](n)}_open(){if(this.transports.length===0){this.setTimeoutFn(()=>{this.emitReserved(`error`,`No transports available`)},0);return}let t=this.opts.rememberUpgrade&&e.priorWebsocketSuccess&&this.transports.indexOf(`websocket`)!==-1?`websocket`:this.transports[0];this.readyState=`opening`;let n=this.createTransport(t);n.open(),this.setTransport(n)}setTransport(e){this.transport&&this.transport.removeAllListeners(),this.transport=e,e.on(`drain`,this._onDrain.bind(this)).on(`packet`,this._onPacket.bind(this)).on(`error`,this._onError.bind(this)).on(`close`,e=>this._onClose(`transport close`,e))}onOpen(){this.readyState=`open`,e.priorWebsocketSuccess=this.transport.name===`websocket`,this.emitReserved(`open`),this.flush()}_onPacket(e){if(this.readyState===`opening`||this.readyState===`open`||this.readyState===`closing`)switch(this.emitReserved(`packet`,e),this.emitReserved(`heartbeat`),e.type){case`open`:this.onHandshake(JSON.parse(e.data));break;case`ping`:this._sendPacket(`pong`),this.emitReserved(`ping`),this.emitReserved(`pong`),this._resetPingTimeout();break;case`error`:let t=Error(`server error`);t.code=e.data,this._onError(t);break;case`message`:this.emitReserved(`data`,e.data),this.emitReserved(`message`,e.data);break}}onHandshake(e){this.emitReserved(`handshake`,e),this.id=e.sid,this.transport.query.sid=e.sid,this._pingInterval=e.pingInterval,this._pingTimeout=e.pingTimeout,this._maxPayload=e.maxPayload,this.onOpen(),this.readyState!==`closed`&&this._resetPingTimeout()}_resetPingTimeout(){this.clearTimeoutFn(this._pingTimeoutTimer);let e=this._pingInterval+this._pingTimeout;this._pingTimeoutTime=Date.now()+e,this._pingTimeoutTimer=this.setTimeoutFn(()=>{this._onClose(`ping timeout`)},e),this.opts.autoUnref&&this._pingTimeoutTimer.unref()}_onDrain(){this.writeBuffer.splice(0,this._prevBufferLen),this._prevBufferLen=0,this.writeBuffer.length===0?this.emitReserved(`drain`):this.flush()}flush(){if(this.readyState!==`closed`&&this.transport.writable&&!this.upgrading&&this.writeBuffer.length){let e=this._getWritablePackets();this.transport.send(e),this._prevBufferLen=e.length,this.emitReserved(`flush`)}}_getWritablePackets(){if(!(this._maxPayload&&this.transport.name===`polling`&&this.writeBuffer.length>1))return this.writeBuffer;let e=1;for(let t=0;t<this.writeBuffer.length;t++){let n=this.writeBuffer[t].data;if(n&&(e+=Xt(n)),t>0&&e>this._maxPayload)return this.writeBuffer.slice(0,t);e+=2}return this.writeBuffer}_hasPingExpired(){if(!this._pingTimeoutTime)return!0;let e=Date.now()>this._pingTimeoutTime;return e&&(this._pingTimeoutTime=0,Ut(()=>{this._onClose(`ping timeout`)},this.setTimeoutFn)),e}write(e,t,n){return this._sendPacket(`message`,e,t,n),this}send(e,t,n){return this._sendPacket(`message`,e,t,n),this}_sendPacket(e,t,n,r){if(typeof t==`function`&&(r=t,t=void 0),typeof n==`function`&&(r=n,n=null),this.readyState===`closing`||this.readyState===`closed`)return;n||={},n.compress=!1!==n.compress;let i={type:e,data:t,options:n};this.emitReserved(`packetCreate`,i),this.writeBuffer.push(i),r&&this.once(`flush`,r),this.flush()}close(){let e=()=>{this._onClose(`forced close`),this.transport.close()},t=()=>{this.off(`upgrade`,t),this.off(`upgradeError`,t),e()},n=()=>{this.once(`upgrade`,t),this.once(`upgradeError`,t)};return(this.readyState===`opening`||this.readyState===`open`)&&(this.readyState=`closing`,this.writeBuffer.length?this.once(`drain`,()=>{this.upgrading?n():e()}):this.upgrading?n():e()),this}_onError(t){if(e.priorWebsocketSuccess=!1,this.opts.tryAllTransports&&this.transports.length>1&&this.readyState===`opening`)return this.transports.shift(),this._open();this.emitReserved(`error`,t),this._onClose(`transport error`,t)}_onClose(e,t){if(this.readyState===`opening`||this.readyState===`open`||this.readyState===`closing`){if(this.clearTimeoutFn(this._pingTimeoutTimer),this.transport.removeAllListeners(`close`),this.transport.close(),this.transport.removeAllListeners(),Cn&&(this._beforeunloadEventListener&&removeEventListener(`beforeunload`,this._beforeunloadEventListener,!1),this._offlineEventListener)){let e=wn.indexOf(this._offlineEventListener);e!==-1&&wn.splice(e,1)}this.readyState=`closed`,this.id=null,this.emitReserved(`close`,e,t),this.writeBuffer=[],this._prevBufferLen=0}}};Tn.protocol=4;var En=class extends Tn{constructor(){super(...arguments),this._upgrades=[]}onOpen(){if(super.onOpen(),this.readyState===`open`&&this.opts.upgrade)for(let e=0;e<this._upgrades.length;e++)this._probe(this._upgrades[e])}_probe(e){let t=this.createTransport(e),n=!1;Tn.priorWebsocketSuccess=!1;let r=()=>{n||(t.send([{type:`ping`,data:`probe`}]),t.once(`packet`,e=>{if(!n)if(e.type===`pong`&&e.data===`probe`){if(this.upgrading=!0,this.emitReserved(`upgrading`,t),!t)return;Tn.priorWebsocketSuccess=t.name===`websocket`,this.transport.pause(()=>{n||this.readyState!==`closed`&&(l(),this.setTransport(t),t.send([{type:`upgrade`}]),this.emitReserved(`upgrade`,t),t=null,this.upgrading=!1,this.flush())})}else{let e=Error(`probe error`);e.transport=t.name,this.emitReserved(`upgradeError`,e)}}))};function i(){n||(n=!0,l(),t.close(),t=null)}let a=e=>{let n=Error(`probe error: `+e);n.transport=t.name,i(),this.emitReserved(`upgradeError`,n)};function o(){a(`transport closed`)}function s(){a(`socket closed`)}function c(e){t&&e.name!==t.name&&i()}let l=()=>{t.removeListener(`open`,r),t.removeListener(`error`,a),t.removeListener(`close`,o),this.off(`close`,s),this.off(`upgrading`,c)};t.once(`open`,r),t.once(`error`,a),t.once(`close`,o),this.once(`close`,s),this.once(`upgrading`,c),this._upgrades.indexOf(`webtransport`)!==-1&&e!==`webtransport`?this.setTimeoutFn(()=>{n||t.open()},200):t.open()}onHandshake(e){this._upgrades=this._filterUpgrades(e.upgrades),super.onHandshake(e)}_filterUpgrades(e){let t=[];for(let n=0;n<e.length;n++)~this.transports.indexOf(e[n])&&t.push(e[n]);return t}},Dn=class extends En{constructor(e,t={}){let n=typeof e==`object`?e:t;(!n.transports||n.transports&&typeof n.transports[0]==`string`)&&(n.transports=(n.transports||[`polling`,`websocket`,`webtransport`]).map(e=>_n[e]).filter(e=>!!e)),super(e,n)}};Dn.protocol;function On(e,t=``,n){let r=e;n||=typeof location<`u`&&location,e??=n.protocol+`//`+n.host,typeof e==`string`&&(e.charAt(0)===`/`&&(e=e.charAt(1)===`/`?n.protocol+e:n.host+e),/^(https?|wss?):\/\//.test(e)||(e=n===void 0?`https://`+e:n.protocol+`//`+e),r=bn(e)),r.port||(/^(http|ws)$/.test(r.protocol)?r.port=`80`:/^(http|ws)s$/.test(r.protocol)&&(r.port=`443`)),r.path=r.path||`/`;let i=r.host.indexOf(`:`)===-1?r.host:`[`+r.host+`]`;return r.id=r.protocol+`://`+i+`:`+r.port+t,r.href=r.protocol+`://`+i+(n&&n.port===r.port?``:`:`+r.port),r}var kn=typeof ArrayBuffer==`function`,An=e=>typeof ArrayBuffer.isView==`function`?ArrayBuffer.isView(e):e.buffer instanceof ArrayBuffer,jn=Object.prototype.toString,Mn=typeof Blob==`function`||typeof Blob<`u`&&jn.call(Blob)===`[object BlobConstructor]`,Nn=typeof File==`function`||typeof File<`u`&&jn.call(File)===`[object FileConstructor]`;function Pn(e){return kn&&(e instanceof ArrayBuffer||An(e))||Mn&&e instanceof Blob||Nn&&e instanceof File}function Fn(e,t){if(!e||typeof e!=`object`)return!1;if(Array.isArray(e)){for(let t=0,n=e.length;t<n;t++)if(Fn(e[t]))return!0;return!1}if(Pn(e))return!0;if(e.toJSON&&typeof e.toJSON==`function`&&arguments.length===1)return Fn(e.toJSON(),!0);for(let t in e)if(Object.prototype.hasOwnProperty.call(e,t)&&Fn(e[t]))return!0;return!1}function In(e){let t=[],n=e.data,r=e;return r.data=Ln(n,t),r.attachments=t.length,{packet:r,buffers:t}}function Ln(e,t){if(!e)return e;if(Pn(e)){let n={_placeholder:!0,num:t.length};return t.push(e),n}else if(Array.isArray(e)){let n=Array(e.length);for(let r=0;r<e.length;r++)n[r]=Ln(e[r],t);return n}else if(typeof e==`object`&&!(e instanceof Date)){let n={};for(let r in e)Object.prototype.hasOwnProperty.call(e,r)&&(n[r]=Ln(e[r],t));return n}return e}function Rn(e,t){return e.data=zn(e.data,t),delete e.attachments,e}function zn(e,t){if(!e)return e;if(e&&e._placeholder===!0){if(typeof e.num==`number`&&e.num>=0&&e.num<t.length)return t[e.num];throw Error(`illegal attachments`)}else if(Array.isArray(e))for(let n=0;n<e.length;n++)e[n]=zn(e[n],t);else if(typeof e==`object`)for(let n in e)Object.prototype.hasOwnProperty.call(e,n)&&(e[n]=zn(e[n],t));return e}var Bn=s({Decoder:()=>Wn,Encoder:()=>Hn,PacketType:()=>z,protocol:()=>5}),Vn=[`connect`,`connect_error`,`disconnect`,`disconnecting`,`newListener`,`removeListener`],z;(function(e){e[e.CONNECT=0]=`CONNECT`,e[e.DISCONNECT=1]=`DISCONNECT`,e[e.EVENT=2]=`EVENT`,e[e.ACK=3]=`ACK`,e[e.CONNECT_ERROR=4]=`CONNECT_ERROR`,e[e.BINARY_EVENT=5]=`BINARY_EVENT`,e[e.BINARY_ACK=6]=`BINARY_ACK`})(z||={});var Hn=class{constructor(e){this.replacer=e}encode(e){return(e.type===z.EVENT||e.type===z.ACK)&&Fn(e)?this.encodeAsBinary({type:e.type===z.EVENT?z.BINARY_EVENT:z.BINARY_ACK,nsp:e.nsp,data:e.data,id:e.id}):[this.encodeAsString(e)]}encodeAsString(e){let t=``+e.type;return(e.type===z.BINARY_EVENT||e.type===z.BINARY_ACK)&&(t+=e.attachments+`-`),e.nsp&&e.nsp!==`/`&&(t+=e.nsp+`,`),e.id!=null&&(t+=e.id),e.data!=null&&(t+=JSON.stringify(e.data,this.replacer)),t}encodeAsBinary(e){let t=In(e),n=this.encodeAsString(t.packet),r=t.buffers;return r.unshift(n),r}};function Un(e){return Object.prototype.toString.call(e)===`[object Object]`}var Wn=class e extends L{constructor(e){super(),this.reviver=e}add(e){let t;if(typeof e==`string`){if(this.reconstructor)throw Error(`got plaintext data when reconstructing a packet`);t=this.decodeString(e);let n=t.type===z.BINARY_EVENT;n||t.type===z.BINARY_ACK?(t.type=n?z.EVENT:z.ACK,this.reconstructor=new Gn(t),t.attachments===0&&super.emitReserved(`decoded`,t)):super.emitReserved(`decoded`,t)}else if(Pn(e)||e.base64)if(this.reconstructor)t=this.reconstructor.takeBinaryData(e),t&&(this.reconstructor=null,super.emitReserved(`decoded`,t));else throw Error(`got binary data when not reconstructing a packet`);else throw Error(`Unknown type: `+e)}decodeString(t){let n=0,r={type:Number(t.charAt(0))};if(z[r.type]===void 0)throw Error(`unknown packet type `+r.type);if(r.type===z.BINARY_EVENT||r.type===z.BINARY_ACK){let e=n+1;for(;t.charAt(++n)!==`-`&&n!=t.length;);let i=t.substring(e,n);if(i!=Number(i)||t.charAt(n)!==`-`)throw Error(`Illegal attachments`);r.attachments=Number(i)}if(t.charAt(n+1)===`/`){let e=n+1;for(;++n&&!(t.charAt(n)===`,`||n===t.length););r.nsp=t.substring(e,n)}else r.nsp=`/`;let i=t.charAt(n+1);if(i!==``&&Number(i)==i){let e=n+1;for(;++n;){let e=t.charAt(n);if(e==null||Number(e)!=e){--n;break}if(n===t.length)break}r.id=Number(t.substring(e,n+1))}if(t.charAt(++n)){let i=this.tryParse(t.substr(n));if(e.isPayloadValid(r.type,i))r.data=i;else throw Error(`invalid payload`)}return r}tryParse(e){try{return JSON.parse(e,this.reviver)}catch{return!1}}static isPayloadValid(e,t){switch(e){case z.CONNECT:return Un(t);case z.DISCONNECT:return t===void 0;case z.CONNECT_ERROR:return typeof t==`string`||Un(t);case z.EVENT:case z.BINARY_EVENT:return Array.isArray(t)&&(typeof t[0]==`number`||typeof t[0]==`string`&&Vn.indexOf(t[0])===-1);case z.ACK:case z.BINARY_ACK:return Array.isArray(t)}}destroy(){this.reconstructor&&=(this.reconstructor.finishedReconstruction(),null)}},Gn=class{constructor(e){this.packet=e,this.buffers=[],this.reconPack=e}takeBinaryData(e){if(this.buffers.push(e),this.buffers.length===this.reconPack.attachments){let e=Rn(this.reconPack,this.buffers);return this.finishedReconstruction(),e}return null}finishedReconstruction(){this.reconPack=null,this.buffers=[]}};function Kn(e,t,n){return e.on(t,n),function(){e.off(t,n)}}var qn=Object.freeze({connect:1,connect_error:1,disconnect:1,disconnecting:1,newListener:1,removeListener:1}),Jn=class extends L{constructor(e,t,n){super(),this.connected=!1,this.recovered=!1,this.receiveBuffer=[],this.sendBuffer=[],this._queue=[],this._queueSeq=0,this.ids=0,this.acks={},this.flags={},this.io=e,this.nsp=t,n&&n.auth&&(this.auth=n.auth),this._opts=Object.assign({},n),this.io._autoConnect&&this.open()}get disconnected(){return!this.connected}subEvents(){if(this.subs)return;let e=this.io;this.subs=[Kn(e,`open`,this.onopen.bind(this)),Kn(e,`packet`,this.onpacket.bind(this)),Kn(e,`error`,this.onerror.bind(this)),Kn(e,`close`,this.onclose.bind(this))]}get active(){return!!this.subs}connect(){return this.connected?this:(this.subEvents(),this.io._reconnecting||this.io.open(),this.io._readyState===`open`&&this.onopen(),this)}open(){return this.connect()}send(...e){return e.unshift(`message`),this.emit.apply(this,e),this}emit(e,...t){if(qn.hasOwnProperty(e))throw Error(`"`+e.toString()+`" is a reserved event name`);if(t.unshift(e),this._opts.retries&&!this.flags.fromQueue&&!this.flags.volatile)return this._addToQueue(t),this;let n={type:z.EVENT,data:t};if(n.options={},n.options.compress=this.flags.compress!==!1,typeof t[t.length-1]==`function`){let e=this.ids++,r=t.pop();this._registerAckCallback(e,r),n.id=e}let r=this.io.engine?.transport?.writable,i=this.connected&&!this.io.engine?._hasPingExpired();return this.flags.volatile&&!r||(i?(this.notifyOutgoingListeners(n),this.packet(n)):this.sendBuffer.push(n)),this.flags={},this}_registerAckCallback(e,t){let n=this.flags.timeout??this._opts.ackTimeout;if(n===void 0){this.acks[e]=t;return}let r=this.io.setTimeoutFn(()=>{delete this.acks[e];for(let t=0;t<this.sendBuffer.length;t++)this.sendBuffer[t].id===e&&this.sendBuffer.splice(t,1);t.call(this,Error(`operation has timed out`))},n),i=(...e)=>{this.io.clearTimeoutFn(r),t.apply(this,e)};i.withError=!0,this.acks[e]=i}emitWithAck(e,...t){return new Promise((n,r)=>{let i=(e,t)=>e?r(e):n(t);i.withError=!0,t.push(i),this.emit(e,...t)})}_addToQueue(e){let t;typeof e[e.length-1]==`function`&&(t=e.pop());let n={id:this._queueSeq++,tryCount:0,pending:!1,args:e,flags:Object.assign({fromQueue:!0},this.flags)};e.push((e,...r)=>(this._queue[0],e===null?(this._queue.shift(),t&&t(null,...r)):n.tryCount>this._opts.retries&&(this._queue.shift(),t&&t(e)),n.pending=!1,this._drainQueue())),this._queue.push(n),this._drainQueue()}_drainQueue(e=!1){if(!this.connected||this._queue.length===0)return;let t=this._queue[0];t.pending&&!e||(t.pending=!0,t.tryCount++,this.flags=t.flags,this.emit.apply(this,t.args))}packet(e){e.nsp=this.nsp,this.io._packet(e)}onopen(){typeof this.auth==`function`?this.auth(e=>{this._sendConnectPacket(e)}):this._sendConnectPacket(this.auth)}_sendConnectPacket(e){this.packet({type:z.CONNECT,data:this._pid?Object.assign({pid:this._pid,offset:this._lastOffset},e):e})}onerror(e){this.connected||this.emitReserved(`connect_error`,e)}onclose(e,t){this.connected=!1,delete this.id,this.emitReserved(`disconnect`,e,t),this._clearAcks()}_clearAcks(){Object.keys(this.acks).forEach(e=>{if(!this.sendBuffer.some(t=>String(t.id)===e)){let t=this.acks[e];delete this.acks[e],t.withError&&t.call(this,Error(`socket has been disconnected`))}})}onpacket(e){if(e.nsp===this.nsp)switch(e.type){case z.CONNECT:e.data&&e.data.sid?this.onconnect(e.data.sid,e.data.pid):this.emitReserved(`connect_error`,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 z.EVENT:case z.BINARY_EVENT:this.onevent(e);break;case z.ACK:case z.BINARY_ACK:this.onack(e);break;case z.DISCONNECT:this.ondisconnect();break;case z.CONNECT_ERROR:this.destroy();let t=Error(e.data.message);t.data=e.data.data,this.emitReserved(`connect_error`,t);break}}onevent(e){let t=e.data||[];e.id!=null&&t.push(this.ack(e.id)),this.connected?this.emitEvent(t):this.receiveBuffer.push(Object.freeze(t))}emitEvent(e){if(this._anyListeners&&this._anyListeners.length){let t=this._anyListeners.slice();for(let n of t)n.apply(this,e)}super.emit.apply(this,e),this._pid&&e.length&&typeof e[e.length-1]==`string`&&(this._lastOffset=e[e.length-1])}ack(e){let t=this,n=!1;return function(...r){n||(n=!0,t.packet({type:z.ACK,id:e,data:r}))}}onack(e){let t=this.acks[e.id];typeof t==`function`&&(delete this.acks[e.id],t.withError&&e.data.unshift(null),t.apply(this,e.data))}onconnect(e,t){this.id=e,this.recovered=t&&this._pid===t,this._pid=t,this.connected=!0,this.emitBuffered(),this._drainQueue(!0),this.emitReserved(`connect`)}emitBuffered(){this.receiveBuffer.forEach(e=>this.emitEvent(e)),this.receiveBuffer=[],this.sendBuffer.forEach(e=>{this.notifyOutgoingListeners(e),this.packet(e)}),this.sendBuffer=[]}ondisconnect(){this.destroy(),this.onclose(`io server disconnect`)}destroy(){this.subs&&=(this.subs.forEach(e=>e()),void 0),this.io._destroy(this)}disconnect(){return this.connected&&this.packet({type:z.DISCONNECT}),this.destroy(),this.connected&&this.onclose(`io client disconnect`),this}close(){return this.disconnect()}compress(e){return this.flags.compress=e,this}get volatile(){return this.flags.volatile=!0,this}timeout(e){return this.flags.timeout=e,this}onAny(e){return this._anyListeners=this._anyListeners||[],this._anyListeners.push(e),this}prependAny(e){return this._anyListeners=this._anyListeners||[],this._anyListeners.unshift(e),this}offAny(e){if(!this._anyListeners)return this;if(e){let t=this._anyListeners;for(let n=0;n<t.length;n++)if(e===t[n])return t.splice(n,1),this}else this._anyListeners=[];return this}listenersAny(){return this._anyListeners||[]}onAnyOutgoing(e){return this._anyOutgoingListeners=this._anyOutgoingListeners||[],this._anyOutgoingListeners.push(e),this}prependAnyOutgoing(e){return this._anyOutgoingListeners=this._anyOutgoingListeners||[],this._anyOutgoingListeners.unshift(e),this}offAnyOutgoing(e){if(!this._anyOutgoingListeners)return this;if(e){let t=this._anyOutgoingListeners;for(let n=0;n<t.length;n++)if(e===t[n])return t.splice(n,1),this}else this._anyOutgoingListeners=[];return this}listenersAnyOutgoing(){return this._anyOutgoingListeners||[]}notifyOutgoingListeners(e){if(this._anyOutgoingListeners&&this._anyOutgoingListeners.length){let t=this._anyOutgoingListeners.slice();for(let n of t)n.apply(this,e.data)}}};function Yn(e){e||={},this.ms=e.min||100,this.max=e.max||1e4,this.factor=e.factor||2,this.jitter=e.jitter>0&&e.jitter<=1?e.jitter:0,this.attempts=0}Yn.prototype.duration=function(){var e=this.ms*this.factor**+ this.attempts++;if(this.jitter){var t=Math.random(),n=Math.floor(t*this.jitter*e);e=Math.floor(t*10)&1?e+n:e-n}return Math.min(e,this.max)|0},Yn.prototype.reset=function(){this.attempts=0},Yn.prototype.setMin=function(e){this.ms=e},Yn.prototype.setMax=function(e){this.max=e},Yn.prototype.setJitter=function(e){this.jitter=e};var Xn=class extends L{constructor(e,t){super(),this.nsps={},this.subs=[],e&&typeof e==`object`&&(t=e,e=void 0),t||={},t.path=t.path||`/socket.io`,this.opts=t,Jt(this,t),this.reconnection(t.reconnection!==!1),this.reconnectionAttempts(t.reconnectionAttempts||1/0),this.reconnectionDelay(t.reconnectionDelay||1e3),this.reconnectionDelayMax(t.reconnectionDelayMax||5e3),this.randomizationFactor(t.randomizationFactor??.5),this.backoff=new Yn({min:this.reconnectionDelay(),max:this.reconnectionDelayMax(),jitter:this.randomizationFactor()}),this.timeout(t.timeout==null?2e4:t.timeout),this._readyState=`closed`,this.uri=e;let n=t.parser||Bn;this.encoder=new n.Encoder,this.decoder=new n.Decoder,this._autoConnect=t.autoConnect!==!1,this._autoConnect&&this.open()}reconnection(e){return arguments.length?(this._reconnection=!!e,e||(this.skipReconnect=!0),this):this._reconnection}reconnectionAttempts(e){return e===void 0?this._reconnectionAttempts:(this._reconnectionAttempts=e,this)}reconnectionDelay(e){var t;return e===void 0?this._reconnectionDelay:(this._reconnectionDelay=e,(t=this.backoff)==null||t.setMin(e),this)}randomizationFactor(e){var t;return e===void 0?this._randomizationFactor:(this._randomizationFactor=e,(t=this.backoff)==null||t.setJitter(e),this)}reconnectionDelayMax(e){var t;return e===void 0?this._reconnectionDelayMax:(this._reconnectionDelayMax=e,(t=this.backoff)==null||t.setMax(e),this)}timeout(e){return arguments.length?(this._timeout=e,this):this._timeout}maybeReconnectOnOpen(){!this._reconnecting&&this._reconnection&&this.backoff.attempts===0&&this.reconnect()}open(e){if(~this._readyState.indexOf(`open`))return this;this.engine=new Dn(this.uri,this.opts);let t=this.engine,n=this;this._readyState=`opening`,this.skipReconnect=!1;let r=Kn(t,`open`,function(){n.onopen(),e&&e()}),i=t=>{this.cleanup(),this._readyState=`closed`,this.emitReserved(`error`,t),e?e(t):this.maybeReconnectOnOpen()},a=Kn(t,`error`,i);if(!1!==this._timeout){let e=this._timeout,n=this.setTimeoutFn(()=>{r(),i(Error(`timeout`)),t.close()},e);this.opts.autoUnref&&n.unref(),this.subs.push(()=>{this.clearTimeoutFn(n)})}return this.subs.push(r),this.subs.push(a),this}connect(e){return this.open(e)}onopen(){this.cleanup(),this._readyState=`open`,this.emitReserved(`open`);let e=this.engine;this.subs.push(Kn(e,`ping`,this.onping.bind(this)),Kn(e,`data`,this.ondata.bind(this)),Kn(e,`error`,this.onerror.bind(this)),Kn(e,`close`,this.onclose.bind(this)),Kn(this.decoder,`decoded`,this.ondecoded.bind(this)))}onping(){this.emitReserved(`ping`)}ondata(e){try{this.decoder.add(e)}catch(e){this.onclose(`parse error`,e)}}ondecoded(e){Ut(()=>{this.emitReserved(`packet`,e)},this.setTimeoutFn)}onerror(e){this.emitReserved(`error`,e)}socket(e,t){let n=this.nsps[e];return n?this._autoConnect&&!n.active&&n.connect():(n=new Jn(this,e,t),this.nsps[e]=n),n}_destroy(e){let t=Object.keys(this.nsps);for(let e of t)if(this.nsps[e].active)return;this._close()}_packet(e){let t=this.encoder.encode(e);for(let n=0;n<t.length;n++)this.engine.write(t[n],e.options)}cleanup(){this.subs.forEach(e=>e()),this.subs.length=0,this.decoder.destroy()}_close(){this.skipReconnect=!0,this._reconnecting=!1,this.onclose(`forced close`)}disconnect(){return this._close()}onclose(e,t){var n;this.cleanup(),(n=this.engine)==null||n.close(),this.backoff.reset(),this._readyState=`closed`,this.emitReserved(`close`,e,t),this._reconnection&&!this.skipReconnect&&this.reconnect()}reconnect(){if(this._reconnecting||this.skipReconnect)return this;let e=this;if(this.backoff.attempts>=this._reconnectionAttempts)this.backoff.reset(),this.emitReserved(`reconnect_failed`),this._reconnecting=!1;else{let t=this.backoff.duration();this._reconnecting=!0;let n=this.setTimeoutFn(()=>{e.skipReconnect||(this.emitReserved(`reconnect_attempt`,e.backoff.attempts),!e.skipReconnect&&e.open(t=>{t?(e._reconnecting=!1,e.reconnect(),this.emitReserved(`reconnect_error`,t)):e.onreconnect()}))},t);this.opts.autoUnref&&n.unref(),this.subs.push(()=>{this.clearTimeoutFn(n)})}}onreconnect(){let e=this.backoff.attempts;this._reconnecting=!1,this.backoff.reset(),this.emitReserved(`reconnect`,e)}},Zn={};function Qn(e,t){typeof e==`object`&&(t=e,e=void 0),t||={};let n=On(e,t.path||`/socket.io`),r=n.source,i=n.id,a=n.path,o=Zn[i]&&a in Zn[i].nsps,s=t.forceNew||t[`force new connection`]||!1===t.multiplex||o,c;return s?c=new Xn(r,t):(Zn[i]||(Zn[i]=new Xn(r,t)),c=Zn[i]),n.query&&!t.query&&(t.query=n.queryKey),c.socket(n.path,t)}Object.assign(Qn,{Manager:Xn,Socket:Jn,io:Qn,connect:Qn});var $n={debug:0,info:1,warn:2,error:3},er=$n.info,tr=()=>new Date().toLocaleTimeString(),B={reset:`\x1B[0m`,blue:`\x1B[34m`,cyan:`\x1B[36m`,green:`\x1B[32m`,yellow:`\x1B[33m`,red:`\x1B[31m`,magenta:`\x1B[35m`,gray:`\x1B[90m`},V={debug:(e,t,n)=>{er<=$n.debug&&console.log(`${B.blue}[${tr()}]${B.reset} ${B.gray}[${e}]${B.reset} ${t}`,n||``)},info:(e,t,n)=>{er<=$n.info&&console.log(`${B.blue}[${tr()}]${B.reset} ${B.cyan}[${e}]${B.reset} ${t}`,n||``)},warn:(e,t,n)=>{er<=$n.warn&&console.warn(`${B.blue}[${tr()}]${B.reset} ${B.yellow}[${e}]${B.reset} ${t}`,n||``)},error:(e,t,n)=>{er<=$n.error&&console.error(`${B.blue}[${tr()}]${B.reset} ${B.red}[${e}]${B.reset} ${t}`,n||``)},socket:(e,t,n)=>{let r=e===`⬅️`?B.yellow:B.green,i=e===`⬅️`?B.cyan:B.magenta;console.log(`${B.blue}[${tr()}]${B.reset} ${r}[${e}]${B.reset} ${i}[${t}]${B.reset}`,n||``)}},nr=o((e=>{var t=d(),n=Symbol.for(`react.element`),r=Symbol.for(`react.fragment`),i=Object.prototype.hasOwnProperty,a=t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,o={key:!0,ref:!0,__self:!0,__source:!0};function s(e,t,r){var s,c={},l=null,u=null;for(s in r!==void 0&&(l=``+r),t.key!==void 0&&(l=``+t.key),t.ref!==void 0&&(u=t.ref),t)i.call(t,s)&&!o.hasOwnProperty(s)&&(c[s]=t[s]);if(e&&e.defaultProps)for(s in t=e.defaultProps,t)c[s]===void 0&&(c[s]=t[s]);return{$$typeof:n,type:e,key:l,ref:u,props:c,_owner:a.current}}e.Fragment=r,e.jsx=s,e.jsxs=s})),H=o(((e,t)=>{t.exports=nr()}))(),rr=(0,_.createContext)(),ir=()=>{let e=(0,_.useContext)(rr);if(!e)throw Error(`useGameContext must be used within a GameProvider`);return e},ar=({children:e})=>{let[t,n]=(0,_.useState)(localStorage.getItem(`playerName`)||``),[r,i]=(0,_.useState)(null),[a,o]=(0,_.useState)(null),s=(0,_.useRef)(null);(0,_.useEffect)(()=>{let e=Qn(`http://localhost:4000`);return s.current=e,o(e),e.on(`connect`,()=>{V.info(`SOCKET`,`Connected with ID: ${e.id}`)}),e.on(`disconnect`,e=>{V.warn(`SOCKET`,`Disconnected: ${e}`)}),e.on(`connect_error`,e=>{V.error(`SOCKET`,`Connection error: ${e.message}`)}),V.info(`SOCKET`,`Initializing socket connection...`),()=>{V.info(`SOCKET`,`Cleaning up socket connection`),e.disconnect()}},[]),(0,_.useEffect)(()=>{t&&localStorage.setItem(`playerName`,t)},[t]);let c={playerName:t,setPlayerName:n,roomId:r,setRoomId:i,socket:a};return(0,H.jsx)(rr.Provider,{value:c,children:e})},U=({children:e,onClick:t,disabled:n,className:r=``,variant:i=`primary`})=>(0,H.jsx)(`button`,{onClick:t,disabled:n,className:`px-6 py-2 rounded-lg font-bold transition-all duration-300 transform active:scale-95 disabled:opacity-50 disabled:cursor-not-allowed disabled:transform-none glass ${{primary:`bg-blue-500/40 hover:bg-blue-500/60 text-blue-900 border-blue-400/50`,secondary:`bg-purple-500/40 hover:bg-purple-500/60 text-purple-900 border-purple-400/50`,success:`bg-green-500/40 hover:bg-green-500/60 text-green-900 border-green-400/50`,danger:`bg-red-500/40 hover:bg-red-500/60 text-red-900 border-red-400/50`}[i]} ${r}`,children:e}),or=o(((e,t)=>{(function(n,r){typeof e==`object`&&t!==void 0?t.exports=r():typeof define==`function`&&define.amd?define(r):(n=typeof globalThis<`u`?globalThis:n||self,n.Sweetalert2=r())})(e,(function(){function e(e,t,n){if(typeof e==`function`?e===t:e.has(t))return arguments.length<3?t:n;throw TypeError(`Private element is not present on this object`)}function t(e,t){if(t.has(e))throw TypeError(`Cannot initialize the same private elements twice on an object`)}function n(t,n){return t.get(e(t,n))}function r(e,n,r){t(e,n),n.set(e,r)}function i(t,n,r){return t.set(e(t,n),r),r}let a={},o=()=>{a.previousActiveElement instanceof HTMLElement?(a.previousActiveElement.focus(),a.previousActiveElement=null):document.body&&document.body.focus()},s=e=>new Promise(t=>{if(!e)return t();let n=window.scrollX,r=window.scrollY;a.restoreFocusTimeout=setTimeout(()=>{o(),t()},100),window.scrollTo(n,r)}),c=`swal2-`,l=`container.shown.height-auto.iosfix.popup.modal.no-backdrop.no-transition.toast.toast-shown.show.hide.close.title.html-container.actions.confirm.deny.cancel.footer.icon.icon-content.image.input.file.range.select.radio.checkbox.label.textarea.inputerror.input-label.validation-message.progress-steps.active-progress-step.progress-step.progress-step-line.loader.loading.styled.top.top-start.top-end.top-left.top-right.center.center-start.center-end.center-left.center-right.bottom.bottom-start.bottom-end.bottom-left.bottom-right.grow-row.grow-column.grow-fullscreen.rtl.timer-progress-bar.timer-progress-bar-container.scrollbar-measure.icon-success.icon-warning.icon-info.icon-question.icon-error.draggable.dragging`.split(`.`).reduce((e,t)=>(e[t]=c+t,e),{}),u=[`success`,`warning`,`info`,`question`,`error`].reduce((e,t)=>(e[t]=c+t,e),{}),d=`SweetAlert2:`,f=e=>e.charAt(0).toUpperCase()+e.slice(1),p=e=>{console.warn(`${d} ${typeof e==`object`?e.join(` `):e}`)},m=e=>{console.error(`${d} ${e}`)},h=[],g=e=>{h.includes(e)||(h.push(e),p(e))},_=(e,t=null)=>{g(`"${e}" is deprecated and will be removed in the next major release.${t?` Use "${t}" instead.`:``}`)},v=e=>typeof e==`function`?e():e,y=e=>e&&typeof e.toPromise==`function`,b=e=>y(e)?e.toPromise():Promise.resolve(e),x=e=>e&&Promise.resolve(e)===e,S=()=>navigator.userAgent.includes(`Firefox`),C=()=>document.body.querySelector(`.${l.container}`),w=e=>{let t=C();return t?t.querySelector(e):null},T=e=>w(`.${e}`),E=()=>T(l.popup),D=()=>T(l.icon),ee=()=>T(l[`icon-content`]),te=()=>T(l.title),ne=()=>T(l[`html-container`]),re=()=>T(l.image),ie=()=>T(l[`progress-steps`]),ae=()=>T(l[`validation-message`]),O=()=>w(`.${l.actions} .${l.confirm}`),k=()=>w(`.${l.actions} .${l.cancel}`),oe=()=>w(`.${l.actions} .${l.deny}`),se=()=>T(l[`input-label`]),ce=()=>w(`.${l.loader}`),A=()=>T(l.actions),le=()=>T(l.footer),ue=()=>T(l[`timer-progress-bar`]),de=()=>T(l.close),fe=()=>{let e=E();if(!e)return[];let t=e.querySelectorAll(`[tabindex]:not([tabindex="-1"]):not([tabindex="0"])`),n=Array.from(t).sort((e,t)=>{let n=parseInt(e.getAttribute(`tabindex`)||`0`),r=parseInt(t.getAttribute(`tabindex`)||`0`);return n>r?1:n<r?-1:0}),r=e.querySelectorAll(`
-  a[href],
-  area[href],
-  input:not([disabled]),
-  select:not([disabled]),
-  textarea:not([disabled]),
-  button:not([disabled]),
-  iframe,
-  object,
-  embed,
-  [tabindex="0"],
-  [contenteditable],
-  audio[controls],
-  video[controls],
-  summary
-`),i=Array.from(r).filter(e=>e.getAttribute(`tabindex`)!==`-1`);return[...new Set(n.concat(i))].filter(e=>ke(e))},pe=()=>ge(document.body,l.shown)&&!ge(document.body,l[`toast-shown`])&&!ge(document.body,l[`no-backdrop`]),me=()=>{let e=E();return e?ge(e,l.toast):!1},he=()=>{let e=E();return e?e.hasAttribute(`data-loading`):!1},j=(e,t)=>{if(e.textContent=``,t){let n=new DOMParser().parseFromString(t,`text/html`),r=n.querySelector(`head`);r&&Array.from(r.childNodes).forEach(t=>{e.appendChild(t)});let i=n.querySelector(`body`);i&&Array.from(i.childNodes).forEach(t=>{t instanceof HTMLVideoElement||t instanceof HTMLAudioElement?e.appendChild(t.cloneNode(!0)):e.appendChild(t)})}},ge=(e,t)=>{if(!t)return!1;let n=t.split(/\s+/);for(let t=0;t<n.length;t++)if(!e.classList.contains(n[t]))return!1;return!0},_e=(e,t)=>{Array.from(e.classList).forEach(n=>{!Object.values(l).includes(n)&&!Object.values(u).includes(n)&&!Object.values(t.showClass||{}).includes(n)&&e.classList.remove(n)})},ve=(e,t,n)=>{if(_e(e,t),!t.customClass)return;let r=t.customClass[n];if(r){if(typeof r!=`string`&&!r.forEach){p(`Invalid type of customClass.${n}! Expected string or iterable object, got "${typeof r}"`);return}M(e,r)}},ye=(e,t)=>{if(!t)return null;switch(t){case`select`:case`textarea`:case`file`:return e.querySelector(`.${l.popup} > .${l[t]}`);case`checkbox`:return e.querySelector(`.${l.popup} > .${l.checkbox} input`);case`radio`:return e.querySelector(`.${l.popup} > .${l.radio} input:checked`)||e.querySelector(`.${l.popup} > .${l.radio} input:first-child`);case`range`:return e.querySelector(`.${l.popup} > .${l.range} input`);default:return e.querySelector(`.${l.popup} > .${l.input}`)}},be=e=>{if(e.focus(),e.type!==`file`){let t=e.value;e.value=``,e.value=t}},xe=(e,t,n)=>{if(!e||!t)return;let r=typeof t==`string`?t.split(/\s+/).filter(Boolean):t;(Array.isArray(e)?e:[e]).forEach(e=>{r.forEach(t=>{n?e.classList.add(t):e.classList.remove(t)})})},M=(e,t)=>{xe(e,t,!0)},Se=(e,t)=>{xe(e,t,!1)},Ce=(e,t)=>{let n=Array.from(e.children);for(let e=0;e<n.length;e++){let r=n[e];if(r instanceof HTMLElement&&ge(r,t))return r}},we=(e,t,n)=>{n===`${parseInt(`${n}`)}`&&(n=parseInt(n)),n||n===0?e.style.setProperty(t,typeof n==`number`?`${n}px`:n):e.style.removeProperty(t)},Te=(e,t=`flex`)=>{e&&(e.style.display=t)},N=e=>{e&&(e.style.display=`none`)},Ee=(e,t=`block`)=>{e&&new MutationObserver(()=>{Oe(e,e.innerHTML,t)}).observe(e,{childList:!0,subtree:!0})},De=(e,t,n,r)=>{let i=e.querySelector(t);i&&i.style.setProperty(n,r)},Oe=(e,t,n=`flex`)=>{t?Te(e,n):N(e)},ke=e=>!!(e&&(e.offsetWidth||e.offsetHeight||e.getClientRects().length)),Ae=()=>!ke(O())&&!ke(oe())&&!ke(k()),je=e=>e.scrollHeight>e.clientHeight,Me=(e,t)=>{let n=e;for(;n&&n!==t;){if(je(n))return!0;n=n.parentElement}return!1},Ne=e=>{let t=window.getComputedStyle(e),n=parseFloat(t.getPropertyValue(`animation-duration`)||`0`),r=parseFloat(t.getPropertyValue(`transition-duration`)||`0`);return n>0||r>0},Pe=(e,t=!1)=>{let n=ue();n&&ke(n)&&(t&&(n.style.transition=`none`,n.style.width=`100%`),setTimeout(()=>{n.style.transition=`width ${e/1e3}s linear`,n.style.width=`0%`},10))},Fe=()=>{let e=ue();if(!e)return;let t=parseInt(window.getComputedStyle(e).width);e.style.removeProperty(`transition`),e.style.width=`100%`;let n=t/parseInt(window.getComputedStyle(e).width)*100;e.style.width=`${n}%`},Ie=()=>typeof window>`u`||typeof document>`u`,Le=`
- <div aria-labelledby="${l.title}" aria-describedby="${l[`html-container`]}" class="${l.popup}" tabindex="-1">
-   <button type="button" class="${l.close}"></button>
-   <ul class="${l[`progress-steps`]}"></ul>
-   <div class="${l.icon}"></div>
-   <img class="${l.image}" />
-   <h2 class="${l.title}" id="${l.title}"></h2>
-   <div class="${l[`html-container`]}" id="${l[`html-container`]}"></div>
-   <input class="${l.input}" id="${l.input}" />
-   <input type="file" class="${l.file}" />
-   <div class="${l.range}">
-     <input type="range" />
-     <output></output>
-   </div>
-   <select class="${l.select}" id="${l.select}"></select>
-   <div class="${l.radio}"></div>
-   <label class="${l.checkbox}">
-     <input type="checkbox" id="${l.checkbox}" />
-     <span class="${l.label}"></span>
-   </label>
-   <textarea class="${l.textarea}" id="${l.textarea}"></textarea>
-   <div class="${l[`validation-message`]}" id="${l[`validation-message`]}"></div>
-   <div class="${l.actions}">
-     <div class="${l.loader}"></div>
-     <button type="button" class="${l.confirm}"></button>
-     <button type="button" class="${l.deny}"></button>
-     <button type="button" class="${l.cancel}"></button>
-   </div>
-   <div class="${l.footer}"></div>
-   <div class="${l[`timer-progress-bar-container`]}">
-     <div class="${l[`timer-progress-bar`]}"></div>
-   </div>
- </div>
-`.replace(/(^|\n)\s*/g,``),Re=()=>{let e=C();return e?(e.remove(),Se([document.documentElement,document.body],[l[`no-backdrop`],l[`toast-shown`],l[`has-column`]]),!0):!1},ze=()=>{a.currentInstance&&a.currentInstance.resetValidationMessage()},Be=()=>{let e=E();if(!e)return;let t=Ce(e,l.input),n=Ce(e,l.file),r=e.querySelector(`.${l.range} input`),i=e.querySelector(`.${l.range} output`),a=Ce(e,l.select),o=e.querySelector(`.${l.checkbox} input`),s=Ce(e,l.textarea);t&&(t.oninput=ze),n&&(n.onchange=ze),a&&(a.onchange=ze),o&&(o.onchange=ze),s&&(s.oninput=ze),r&&i&&(r.oninput=()=>{ze(),i.value=r.value},r.onchange=()=>{ze(),i.value=r.value})},Ve=e=>{if(typeof e==`string`){let t=document.querySelector(e);if(!t)throw Error(`Target element "${e}" not found`);return t}return e},He=e=>{let t=E();t&&(t.setAttribute(`role`,e.toast?`alert`:`dialog`),t.setAttribute(`aria-live`,e.toast?`polite`:`assertive`),e.toast||t.setAttribute(`aria-modal`,`true`))},Ue=e=>{window.getComputedStyle(e).direction===`rtl`&&(M(C(),l.rtl),a.isRTL=!0)},We=e=>{let t=Re();if(Ie()){m(`SweetAlert2 requires document to initialize`);return}let n=document.createElement(`div`);n.className=l.container,t&&M(n,l[`no-transition`]),j(n,Le),n.dataset.swal2Theme=e.theme;let r=Ve(e.target||`body`);r.appendChild(n),e.topLayer&&(n.setAttribute(`popover`,``),n.showPopover()),He(e),Ue(r),Be()},Ge=(e,t)=>{e instanceof HTMLElement?t.appendChild(e):typeof e==`object`?Ke(e,t):e&&j(t,e)},Ke=(e,t)=>{`jquery`in e?qe(t,e):j(t,e.toString())},qe=(e,t)=>{if(e.textContent=``,0 in t)for(let n=0;n in t;n++)e.appendChild(t[n].cloneNode(!0));else e.appendChild(t.cloneNode(!0))},Je=(e,t)=>{let n=A(),r=ce();!n||!r||(!t.showConfirmButton&&!t.showDenyButton&&!t.showCancelButton?N(n):Te(n),ve(n,t,`actions`),Ye(n,r,t),j(r,t.loaderHtml||``),ve(r,t,`loader`))};function Ye(e,t,n){let r=O(),i=oe(),a=k();!r||!i||!a||(Qe(r,`confirm`,n),Qe(i,`deny`,n),Qe(a,`cancel`,n),Xe(r,i,a,n),n.reverseButtons&&(n.toast?(e.insertBefore(a,r),e.insertBefore(i,r)):(e.insertBefore(a,t),e.insertBefore(i,t),e.insertBefore(r,t))))}function Xe(e,t,n,r){if(!r.buttonsStyling){Se([e,t,n],l.styled);return}M([e,t,n],l.styled),[[e,`confirm`,r.confirmButtonColor],[t,`deny`,r.denyButtonColor],[n,`cancel`,r.cancelButtonColor]].forEach(([e,t,n])=>{n&&e.style.setProperty(`--swal2-${t}-button-background-color`,n),Ze(e)})}function Ze(e){let t=window.getComputedStyle(e);if(t.getPropertyValue(`--swal2-action-button-focus-box-shadow`))return;let n=t.backgroundColor.replace(/rgba?\((\d+), (\d+), (\d+).*/,`rgba($1, $2, $3, 0.5)`);e.style.setProperty(`--swal2-action-button-focus-box-shadow`,t.getPropertyValue(`--swal2-outline`).replace(/ rgba\(.*/,` ${n}`))}function Qe(e,t,n){Oe(e,n[`show${f(t)}Button`],`inline-block`),j(e,n[`${t}ButtonText`]||``),e.setAttribute(`aria-label`,n[`${t}ButtonAriaLabel`]||``),e.className=l[t],ve(e,n,`${t}Button`)}let $e=(e,t)=>{let n=de();n&&(j(n,t.closeButtonHtml||``),ve(n,t,`closeButton`),Oe(n,t.showCloseButton),n.setAttribute(`aria-label`,t.closeButtonAriaLabel||``))},et=(e,t)=>{let n=C();n&&(tt(n,t.backdrop),nt(n,t.position),rt(n,t.grow),ve(n,t,`container`))};function tt(e,t){typeof t==`string`?e.style.background=t:t||M([document.documentElement,document.body],l[`no-backdrop`])}function nt(e,t){t&&(t in l?M(e,l[t]):(p(`The "position" parameter is not valid, defaulting to "center"`),M(e,l.center)))}function rt(e,t){t&&M(e,l[`grow-${t}`])}var P={innerParams:new WeakMap,domCache:new WeakMap,focusedElement:new WeakMap};let it=[`input`,`file`,`range`,`select`,`radio`,`checkbox`,`textarea`],at=(e,t)=>{let n=E();if(!n)return;let r=P.innerParams.get(e),i=!r||t.input!==r.input;it.forEach(e=>{let r=Ce(n,l[e]);r&&(ct(e,t.inputAttributes),r.className=l[e],i&&N(r))}),t.input&&(i&&ot(t),lt(t))},ot=e=>{if(!e.input)return;if(!F[e.input]){m(`Unexpected type of input! Expected ${Object.keys(F).join(` | `)}, got "${e.input}"`);return}let t=ft(e.input);if(!t)return;let n=F[e.input](t,e);Te(t),e.inputAutoFocus&&setTimeout(()=>{be(n)})},st=e=>{for(let t=0;t<e.attributes.length;t++){let n=e.attributes[t].name;[`id`,`type`,`value`,`style`].includes(n)||e.removeAttribute(n)}},ct=(e,t)=>{let n=E();if(!n)return;let r=ye(n,e);if(r){st(r);for(let e in t)r.setAttribute(e,t[e])}},lt=e=>{if(!e.input)return;let t=ft(e.input);t&&ve(t,e,`input`)},ut=(e,t)=>{!e.placeholder&&t.inputPlaceholder&&(e.placeholder=t.inputPlaceholder)},dt=(e,t,n)=>{if(n.inputLabel){let r=document.createElement(`label`),i=l[`input-label`];r.setAttribute(`for`,e.id),r.className=i,typeof n.customClass==`object`&&M(r,n.customClass.inputLabel),r.innerText=n.inputLabel,t.insertAdjacentElement(`beforebegin`,r)}},ft=e=>{let t=E();if(t)return Ce(t,l[e]||l.input)},pt=(e,t)=>{[`string`,`number`].includes(typeof t)?e.value=`${t}`:x(t)||p(`Unexpected type of inputValue! Expected "string", "number" or "Promise", got "${typeof t}"`)},F={};F.text=F.email=F.password=F.number=F.tel=F.url=F.search=F.date=F[`datetime-local`]=F.time=F.week=F.month=(e,t)=>{let n=e;return pt(n,t.inputValue),dt(n,n,t),ut(n,t),n.type=t.input,n},F.file=(e,t)=>{let n=e;return dt(n,n,t),ut(n,t),n},F.range=(e,t)=>{let n=e,r=n.querySelector(`input`),i=n.querySelector(`output`);return r&&(pt(r,t.inputValue),r.type=t.input,dt(r,e,t)),i&&pt(i,t.inputValue),e},F.select=(e,t)=>{let n=e;if(n.textContent=``,t.inputPlaceholder){let e=document.createElement(`option`);j(e,t.inputPlaceholder),e.value=``,e.disabled=!0,e.selected=!0,n.appendChild(e)}return dt(n,n,t),n},F.radio=e=>{let t=e;return t.textContent=``,e},F.checkbox=(e,t)=>{let n=E();if(!n)throw Error(`Popup not found`);let r=ye(n,`checkbox`);if(!r)throw Error(`Checkbox input not found`);r.value=`1`,r.checked=!!t.inputValue;let i=e.querySelector(`span`);if(i){let e=t.inputPlaceholder||t.inputLabel;e&&j(i,e)}return r},F.textarea=(e,t)=>{let n=e;pt(n,t.inputValue),ut(n,t),dt(n,n,t);let r=e=>parseInt(window.getComputedStyle(e).marginLeft)+parseInt(window.getComputedStyle(e).marginRight);return setTimeout(()=>{if(`MutationObserver`in window){let e=E();if(!e)return;let i=parseInt(window.getComputedStyle(e).width);new MutationObserver(()=>{if(!document.body.contains(n))return;let e=n.offsetWidth+r(n),a=E();a&&(e>i?a.style.width=`${e}px`:we(a,`width`,t.width))}).observe(n,{attributes:!0,attributeFilter:[`style`]})}}),n};let mt=(e,t)=>{let n=ne();n&&(Ee(n),ve(n,t,`htmlContainer`),t.html?(Ge(t.html,n),Te(n,`block`)):t.text?(n.textContent=t.text,Te(n,`block`)):N(n),at(e,t))},ht=(e,t)=>{let n=le();n&&(Ee(n),Oe(n,!!t.footer,`block`),t.footer&&Ge(t.footer,n),ve(n,t,`footer`))},gt=(e,t)=>{let n=P.innerParams.get(e),r=D();if(r){if(n&&t.icon===n.icon){I(r,t),_t(r,t);return}if(!t.icon&&!t.iconHtml){N(r);return}if(t.icon&&Object.keys(u).indexOf(t.icon)===-1){m(`Unknown icon! Expected "success", "error", "warning", "info" or "question", got "${t.icon}"`),N(r);return}Te(r),I(r,t),_t(r,t),M(r,t.showClass&&t.showClass.icon),window.matchMedia(`(prefers-color-scheme: dark)`).addEventListener(`change`,vt)}},_t=(e,t)=>{for(let[n,r]of Object.entries(u))t.icon!==n&&Se(e,r);M(e,t.icon&&u[t.icon]),bt(e,t),vt(),ve(e,t,`icon`)},vt=()=>{let e=E();if(!e)return;let t=window.getComputedStyle(e).getPropertyValue(`background-color`),n=e.querySelectorAll(`[class^=swal2-success-circular-line], .swal2-success-fix`);for(let e=0;e<n.length;e++)n[e].style.backgroundColor=t},yt=e=>`
-  ${e.animation?`<div class="swal2-success-circular-line-left"></div>`:``}
-  <span class="swal2-success-line-tip"></span> <span class="swal2-success-line-long"></span>
-  <div class="swal2-success-ring"></div>
-  ${e.animation?`<div class="swal2-success-fix"></div>`:``}
-  ${e.animation?`<div class="swal2-success-circular-line-right"></div>`:``}
-`,I=(e,t)=>{if(!t.icon&&!t.iconHtml)return;let n=e.innerHTML,r=``;t.iconHtml?r=xt(t.iconHtml):t.icon===`success`?(r=yt(t),n=n.replace(/ style=".*?"/g,``)):t.icon===`error`?r=`
-  <span class="swal2-x-mark">
-    <span class="swal2-x-mark-line-left"></span>
-    <span class="swal2-x-mark-line-right"></span>
-  </span>
-`:t.icon&&(r=xt({question:`?`,warning:`!`,info:`i`}[t.icon])),n.trim()!==r.trim()&&j(e,r)},bt=(e,t)=>{if(t.iconColor){e.style.color=t.iconColor,e.style.borderColor=t.iconColor;for(let n of[`.swal2-success-line-tip`,`.swal2-success-line-long`,`.swal2-x-mark-line-left`,`.swal2-x-mark-line-right`])De(e,n,`background-color`,t.iconColor);De(e,`.swal2-success-ring`,`border-color`,t.iconColor)}},xt=e=>`<div class="${l[`icon-content`]}">${e}</div>`,St=(e,t)=>{let n=re();if(n){if(!t.imageUrl){N(n);return}Te(n,``),n.setAttribute(`src`,t.imageUrl),n.setAttribute(`alt`,t.imageAlt||``),we(n,`width`,t.imageWidth),we(n,`height`,t.imageHeight),n.className=l.image,ve(n,t,`image`)}},Ct=!1,wt=0,Tt=0,Et=0,Dt=0,Ot=e=>{e.addEventListener(`mousedown`,At),document.body.addEventListener(`mousemove`,jt),e.addEventListener(`mouseup`,Mt),e.addEventListener(`touchstart`,At),document.body.addEventListener(`touchmove`,jt),e.addEventListener(`touchend`,Mt)},kt=e=>{e.removeEventListener(`mousedown`,At),document.body.removeEventListener(`mousemove`,jt),e.removeEventListener(`mouseup`,Mt),e.removeEventListener(`touchstart`,At),document.body.removeEventListener(`touchmove`,jt),e.removeEventListener(`touchend`,Mt)},At=e=>{let t=E();if(!t)return;let n=D();if(e.target===t||n&&n.contains(e.target)){Ct=!0;let n=Nt(e);wt=n.clientX,Tt=n.clientY,Et=parseInt(t.style.insetInlineStart)||0,Dt=parseInt(t.style.insetBlockStart)||0,M(t,`swal2-dragging`)}},jt=e=>{let t=E();if(t&&Ct){let{clientX:n,clientY:r}=Nt(e),i=n-wt;t.style.insetInlineStart=`${Et+(a.isRTL?-i:i)}px`,t.style.insetBlockStart=`${Dt+(r-Tt)}px`}},Mt=()=>{let e=E();Ct=!1,Se(e,`swal2-dragging`)},Nt=e=>{let t=e.type.startsWith(`touch`)?e.touches[0]:e;return{clientX:t.clientX,clientY:t.clientY}},Pt=(e,t)=>{let n=C(),r=E();if(!(!n||!r)){if(t.toast){we(n,`width`,t.width),r.style.width=`100%`;let e=ce();e&&r.insertBefore(e,D())}else we(r,`width`,t.width);we(r,`padding`,t.padding),t.color&&(r.style.color=t.color),t.background&&(r.style.background=t.background),N(ae()),Ft(r,t),t.draggable&&!t.toast?(M(r,l.draggable),Ot(r)):(Se(r,l.draggable),kt(r))}},Ft=(e,t)=>{let n=t.showClass||{};e.className=`${l.popup} ${ke(e)?n.popup:``}`,t.toast?(M([document.documentElement,document.body],l[`toast-shown`]),M(e,l.toast)):M(e,l.modal),ve(e,t,`popup`),typeof t.customClass==`string`&&M(e,t.customClass),t.icon&&M(e,l[`icon-${t.icon}`])},It=(e,t)=>{let n=ie();if(!n)return;let{progressSteps:r,currentProgressStep:i}=t;if(!r||r.length===0||i===void 0){N(n);return}Te(n),n.textContent=``,i>=r.length&&p(`Invalid currentProgressStep parameter, it should be less than progressSteps.length (currentProgressStep like JS arrays starts from 0)`),r.forEach((e,a)=>{let o=Lt(e);if(n.appendChild(o),a===i&&M(o,l[`active-progress-step`]),a!==r.length-1){let e=Rt(t);n.appendChild(e)}})},Lt=e=>{let t=document.createElement(`li`);return M(t,l[`progress-step`]),j(t,e),t},Rt=e=>{let t=document.createElement(`li`);return M(t,l[`progress-step-line`]),e.progressStepsDistance&&we(t,`width`,e.progressStepsDistance),t},zt=(e,t)=>{let n=te();n&&(Ee(n),Oe(n,!!(t.title||t.titleText),`block`),t.title&&Ge(t.title,n),t.titleText&&(n.innerText=t.titleText),ve(n,t,`title`))},Bt=(e,t)=>{var n;Pt(e,t),et(e,t),It(e,t),gt(e,t),St(e,t),zt(e,t),$e(e,t),mt(e,t),Je(e,t),ht(e,t);let r=E();typeof t.didRender==`function`&&r&&t.didRender(r),(n=a.eventEmitter)==null||n.emit(`didRender`,r)},Vt=()=>ke(E()),L=()=>O()?.click(),Ht=()=>oe()?.click(),Ut=()=>k()?.click(),R=Object.freeze({cancel:`cancel`,backdrop:`backdrop`,close:`close`,esc:`esc`,timer:`timer`}),Wt=e=>{if(e.keydownTarget&&e.keydownHandlerAdded&&e.keydownHandler){let t=e.keydownHandler;e.keydownTarget.removeEventListener(`keydown`,t,{capture:e.keydownListenerCapture}),e.keydownHandlerAdded=!1}},Gt=(e,t,n)=>{if(Wt(e),!t.toast){let r=e=>Yt(t,e,n);e.keydownHandler=r;let i=t.keydownListenerCapture?window:E();if(i){e.keydownTarget=i,e.keydownListenerCapture=t.keydownListenerCapture;let n=r;e.keydownTarget.addEventListener(`keydown`,n,{capture:e.keydownListenerCapture}),e.keydownHandlerAdded=!0}}},Kt=(e,t)=>{var n;let r=fe();return r.length?(e+=t,e===-2&&(e=r.length-1),e===r.length?e=0:e===-1&&(e=r.length-1),r[e].focus(),!(S()&&r[e]instanceof HTMLIFrameElement)):((n=E())==null||n.focus(),!0)},qt=[`ArrowRight`,`ArrowDown`],Jt=[`ArrowLeft`,`ArrowUp`],Yt=(e,t,n)=>{e&&(t.isComposing||t.keyCode===229||(e.stopKeydownPropagation&&t.stopPropagation(),t.key===`Enter`?Xt(t,e):t.key===`Tab`?Zt(t):[...qt,...Jt].includes(t.key)?Qt(t.key):t.key===`Escape`&&$t(t,e,n)))},Xt=(e,t)=>{if(!v(t.allowEnterKey))return;let n=E();if(!n||!t.input)return;let r=ye(n,t.input);if(e.target&&r&&e.target instanceof HTMLElement&&e.target.outerHTML===r.outerHTML){if([`textarea`,`file`].includes(t.input))return;L(),e.preventDefault()}},Zt=e=>{let t=e.target,n=fe(),r=-1;for(let e=0;e<n.length;e++)if(t===n[e]){r=e;break}let i=!0;i=e.shiftKey?Kt(r,-1):Kt(r,1),e.stopPropagation(),i&&e.preventDefault()},Qt=e=>{let t=A(),n=O(),r=oe(),i=k();if(!t||!n||!r||!i)return;let a=[n,r,i];if(document.activeElement instanceof HTMLElement&&!a.includes(document.activeElement))return;let o=qt.includes(e)?`nextElementSibling`:`previousElementSibling`,s=document.activeElement;if(s){for(let e=0;e<t.children.length;e++){if(s=s[o],!s)return;if(s instanceof HTMLButtonElement&&ke(s))break}s instanceof HTMLButtonElement&&s.focus()}},$t=(e,t,n)=>{e.preventDefault(),v(t.allowEscapeKey)&&n(R.esc)};var en={swalPromiseResolve:new WeakMap,swalPromiseReject:new WeakMap};let tn=()=>{let e=C();Array.from(document.body.children).forEach(t=>{t.contains(e)||(t.hasAttribute(`aria-hidden`)&&t.setAttribute(`data-previous-aria-hidden`,t.getAttribute(`aria-hidden`)||``),t.setAttribute(`aria-hidden`,`true`))})},nn=()=>{Array.from(document.body.children).forEach(e=>{e.hasAttribute(`data-previous-aria-hidden`)?(e.setAttribute(`aria-hidden`,e.getAttribute(`data-previous-aria-hidden`)||``),e.removeAttribute(`data-previous-aria-hidden`)):e.removeAttribute(`aria-hidden`)})},rn=typeof window<`u`&&!!window.GestureEvent,an=rn&&/iPad|iPhone|iPod/.test(navigator.userAgent)&&!window.MSStream,on=()=>{if(rn&&!ge(document.body,l.iosfix)){let e=document.body.scrollTop;document.body.style.top=`${e*-1}px`,M(document.body,l.iosfix),sn()}},sn=()=>{let e=C();if(!e)return;let t;e.ontouchstart=e=>{t=cn(e)},e.ontouchmove=e=>{t&&(e.preventDefault(),e.stopPropagation())}},cn=e=>{let t=e.target,n=C(),r=ne();return!n||!r||ln(e)||un(e)?!1:t===n||!je(n)&&t instanceof HTMLElement&&!Me(t,r)&&t.tagName!==`INPUT`&&t.tagName!==`TEXTAREA`&&!(je(r)&&r.contains(t))},ln=e=>!!(e.touches&&e.touches.length&&e.touches[0].touchType===`stylus`),un=e=>e.touches&&e.touches.length>1,dn=()=>{if(ge(document.body,l.iosfix)){let e=parseInt(document.body.style.top,10);Se(document.body,l.iosfix),document.body.style.top=``,document.body.scrollTop=e*-1}},fn=()=>{let e=document.createElement(`div`);e.className=l[`scrollbar-measure`],document.body.appendChild(e);let t=e.getBoundingClientRect().width-e.clientWidth;return document.body.removeChild(e),t},pn=null,mn=e=>{pn===null&&(document.body.scrollHeight>window.innerHeight||e===`scroll`)&&(pn=parseInt(window.getComputedStyle(document.body).getPropertyValue(`padding-right`)),document.body.style.paddingRight=`${pn+fn()}px`)},hn=()=>{pn!==null&&(document.body.style.paddingRight=`${pn}px`,pn=null)};function gn(e,t,n,r){me()?Tn(e,r):(s(n).then(()=>Tn(e,r)),Wt(a)),rn?(t.setAttribute(`style`,`display:none !important`),t.removeAttribute(`class`),t.innerHTML=``):t.remove(),pe()&&(hn(),dn(),nn()),_n()}function _n(){Se([document.documentElement,document.body],[l.shown,l[`height-auto`],l[`no-backdrop`],l[`toast-shown`]])}function vn(e){e=Sn(e);let t=en.swalPromiseResolve.get(this),n=yn(this);this.isAwaitingPromise?e.isDismissed||(xn(this),t(e)):n&&t(e)}let yn=e=>{let t=E();if(!t)return!1;let n=P.innerParams.get(e);if(!n||ge(t,n.hideClass.popup))return!1;Se(t,n.showClass.popup),M(t,n.hideClass.popup);let r=C();return Se(r,n.showClass.backdrop),M(r,n.hideClass.backdrop),Cn(e,t,n),!0};function bn(e){let t=en.swalPromiseReject.get(this);xn(this),t&&t(e)}let xn=e=>{e.isAwaitingPromise&&(delete e.isAwaitingPromise,P.innerParams.get(e)||e._destroy())},Sn=e=>e===void 0?{isConfirmed:!1,isDenied:!1,isDismissed:!0}:Object.assign({isConfirmed:!1,isDenied:!1,isDismissed:!1},e),Cn=(e,t,n)=>{var r;let i=C(),o=Ne(t);typeof n.willClose==`function`&&n.willClose(t),(r=a.eventEmitter)==null||r.emit(`willClose`,t),o&&i?wn(e,t,i,!!n.returnFocus,n.didClose):i&&gn(e,i,!!n.returnFocus,n.didClose)},wn=(e,t,n,r,i)=>{a.swalCloseEventFinishedCallback=gn.bind(null,e,n,r,i);let o=function(e){if(e.target===t){var n;(n=a.swalCloseEventFinishedCallback)==null||n.call(a),delete a.swalCloseEventFinishedCallback,t.removeEventListener(`animationend`,o),t.removeEventListener(`transitionend`,o)}};t.addEventListener(`animationend`,o),t.addEventListener(`transitionend`,o)},Tn=(e,t)=>{setTimeout(()=>{var n;typeof t==`function`&&t.bind(e.params)(),(n=a.eventEmitter)==null||n.emit(`didClose`),e._destroy&&e._destroy()})},En=e=>{let t=E();if(t||new hi,t=E(),!t)return;let n=ce();me()?N(D()):Dn(t,e),Te(n),t.setAttribute(`data-loading`,`true`),t.setAttribute(`aria-busy`,`true`),t.focus()},Dn=(e,t)=>{let n=A(),r=ce();!n||!r||(!t&&ke(O())&&(t=O()),Te(n),t&&(N(t),r.setAttribute(`data-button-to-replace`,t.className),n.insertBefore(r,t)),M([e,n],l.loading))},On=(e,t)=>{t.input===`select`||t.input===`radio`?Nn(e,t):[`text`,`email`,`number`,`tel`,`textarea`].some(e=>e===t.input)&&(y(t.inputValue)||x(t.inputValue))&&(En(O()),Pn(e,t))},kn=(e,t)=>{let n=e.getInput();if(!n)return null;switch(t.input){case`checkbox`:return An(n);case`radio`:return jn(n);case`file`:return Mn(n);default:return t.inputAutoTrim?n.value.trim():n.value}},An=e=>+!!e.checked,jn=e=>e.checked?e.value:null,Mn=e=>e.files&&e.files.length?e.getAttribute(`multiple`)===null?e.files[0]:e.files:null,Nn=(e,t)=>{let n=E();if(!n)return;let r=e=>{t.input===`select`?Fn(n,Ln(e),t):t.input===`radio`&&In(n,Ln(e),t)};y(t.inputOptions)||x(t.inputOptions)?(En(O()),b(t.inputOptions).then(t=>{e.hideLoading(),r(t)})):typeof t.inputOptions==`object`?r(t.inputOptions):m(`Unexpected type of inputOptions! Expected object, Map or Promise, got ${typeof t.inputOptions}`)},Pn=(e,t)=>{let n=e.getInput();n&&(N(n),b(t.inputValue).then(r=>{n.value=t.input===`number`?`${parseFloat(r)||0}`:`${r}`,Te(n),n.focus(),e.hideLoading()}).catch(t=>{m(`Error in inputValue promise: ${t}`),n.value=``,Te(n),n.focus(),e.hideLoading()}))};function Fn(e,t,n){let r=Ce(e,l.select);if(!r)return;let i=(e,t,r)=>{let i=document.createElement(`option`);i.value=r,j(i,t),i.selected=Rn(r,n.inputValue),e.appendChild(i)};t.forEach(e=>{let t=e[0],n=e[1];if(Array.isArray(n)){let e=document.createElement(`optgroup`);e.label=t,e.disabled=!1,r.appendChild(e),n.forEach(t=>i(e,t[1],t[0]))}else i(r,n,t)}),r.focus()}function In(e,t,n){let r=Ce(e,l.radio);if(!r)return;t.forEach(e=>{let t=e[0],i=e[1],a=document.createElement(`input`),o=document.createElement(`label`);a.type=`radio`,a.name=l.radio,a.value=t,Rn(t,n.inputValue)&&(a.checked=!0);let s=document.createElement(`span`);j(s,i),s.className=l.label,o.appendChild(a),o.appendChild(s),r.appendChild(o)});let i=r.querySelectorAll(`input`);i.length&&i[0].focus()}let Ln=e=>(e instanceof Map?Array.from(e):Object.entries(e)).map(([e,t])=>[e,typeof t==`object`?Ln(t):t]),Rn=(e,t)=>!!t&&t!=null&&t.toString()===e.toString(),zn=e=>{let t=P.innerParams.get(e);e.disableButtons(),t.input?z(e,`confirm`):Kn(e,!0)},Bn=e=>{let t=P.innerParams.get(e);e.disableButtons(),t.returnInputValueOnDeny?z(e,`deny`):Un(e,!1)},Vn=(e,t)=>{e.disableButtons(),t(R.cancel)},z=(e,t)=>{let n=P.innerParams.get(e);if(!n.input){m(`The "input" parameter is needed to be set when using returnInputValueOn${f(t)}`);return}let r=e.getInput(),i=kn(e,n);n.inputValidator?Hn(e,i,t):r&&!r.checkValidity()?(e.enableButtons(),e.showValidationMessage(n.validationMessage||r.validationMessage)):t===`deny`?Un(e,i):Kn(e,i)},Hn=(e,t,n)=>{let r=P.innerParams.get(e);e.disableInput(),Promise.resolve().then(()=>b(r.inputValidator(t,r.validationMessage))).then(r=>{e.enableButtons(),e.enableInput(),r?e.showValidationMessage(r):n===`deny`?Un(e,t):Kn(e,t)})},Un=(e,t)=>{let n=P.innerParams.get(e);n.showLoaderOnDeny&&En(oe()),n.preDeny?(e.isAwaitingPromise=!0,Promise.resolve().then(()=>b(n.preDeny(t,n.validationMessage))).then(n=>{n===!1?(e.hideLoading(),xn(e)):e.close({isDenied:!0,value:n===void 0?t:n})}).catch(t=>Gn(e,t))):e.close({isDenied:!0,value:t})},Wn=(e,t)=>{e.close({isConfirmed:!0,value:t})},Gn=(e,t)=>{e.rejectPromise(t)},Kn=(e,t)=>{let n=P.innerParams.get(e);n.showLoaderOnConfirm&&En(),n.preConfirm?(e.resetValidationMessage(),e.isAwaitingPromise=!0,Promise.resolve().then(()=>b(n.preConfirm(t,n.validationMessage))).then(n=>{ke(ae())||n===!1?(e.hideLoading(),xn(e)):Wn(e,n===void 0?t:n)}).catch(t=>Gn(e,t))):Wn(e,t)};function qn(){let e=P.innerParams.get(this);if(!e)return;let t=P.domCache.get(this);N(t.loader),me()?e.icon&&Te(D()):Jn(t),Se([t.popup,t.actions],l.loading),t.popup.removeAttribute(`aria-busy`),t.popup.removeAttribute(`data-loading`),t.confirmButton.disabled=!1,t.denyButton.disabled=!1,t.cancelButton.disabled=!1;let n=P.focusedElement.get(this);n instanceof HTMLElement&&document.activeElement===document.body&&n.focus(),P.focusedElement.delete(this)}let Jn=e=>{let t=e.loader.getAttribute(`data-button-to-replace`),n=t?e.popup.getElementsByClassName(t):[];n.length?Te(n[0],`inline-block`):Ae()&&N(e.actions)};function Yn(){let e=P.innerParams.get(this),t=P.domCache.get(this);return t?ye(t.popup,e.input):null}function Xn(e,t,n){let r=P.domCache.get(e);t.forEach(e=>{r[e].disabled=n})}function Zn(e,t){let n=E();if(!(!n||!e))if(e.type===`radio`){let e=n.querySelectorAll(`[name="${l.radio}"]`);for(let n=0;n<e.length;n++)e[n].disabled=t}else e.disabled=t}function Qn(){Xn(this,[`confirmButton`,`denyButton`,`cancelButton`],!1);let e=P.focusedElement.get(this);e instanceof HTMLElement&&document.activeElement===document.body&&e.focus(),P.focusedElement.delete(this)}function $n(){P.focusedElement.set(this,document.activeElement),Xn(this,[`confirmButton`,`denyButton`,`cancelButton`],!0)}function er(){Zn(this.getInput(),!1)}function tr(){Zn(this.getInput(),!0)}function B(e){let t=P.domCache.get(this),n=P.innerParams.get(this);j(t.validationMessage,e),t.validationMessage.className=l[`validation-message`],n.customClass&&n.customClass.validationMessage&&M(t.validationMessage,n.customClass.validationMessage),Te(t.validationMessage);let r=this.getInput();r&&(r.setAttribute(`aria-invalid`,`true`),r.setAttribute(`aria-describedby`,l[`validation-message`]),be(r),M(r,l.inputerror))}function V(){let e=P.domCache.get(this);e.validationMessage&&N(e.validationMessage);let t=this.getInput();t&&(t.removeAttribute(`aria-invalid`),t.removeAttribute(`aria-describedby`),Se(t,l.inputerror))}let nr={title:``,titleText:``,text:``,html:``,footer:``,icon:void 0,iconColor:void 0,iconHtml:void 0,template:void 0,toast:!1,draggable:!1,animation:!0,theme:`light`,showClass:{popup:`swal2-show`,backdrop:`swal2-backdrop-show`,icon:`swal2-icon-show`},hideClass:{popup:`swal2-hide`,backdrop:`swal2-backdrop-hide`,icon:`swal2-icon-hide`},customClass:{},target:`body`,color:void 0,backdrop:!0,heightAuto:!0,allowOutsideClick:!0,allowEscapeKey:!0,allowEnterKey:!0,stopKeydownPropagation:!0,keydownListenerCapture:!1,showConfirmButton:!0,showDenyButton:!1,showCancelButton:!1,preConfirm:void 0,preDeny:void 0,confirmButtonText:`OK`,confirmButtonAriaLabel:``,confirmButtonColor:void 0,denyButtonText:`No`,denyButtonAriaLabel:``,denyButtonColor:void 0,cancelButtonText:`Cancel`,cancelButtonAriaLabel:``,cancelButtonColor:void 0,buttonsStyling:!0,reverseButtons:!1,focusConfirm:!0,focusDeny:!1,focusCancel:!1,returnFocus:!0,showCloseButton:!1,closeButtonHtml:`&times;`,closeButtonAriaLabel:`Close this dialog`,loaderHtml:``,showLoaderOnConfirm:!1,showLoaderOnDeny:!1,imageUrl:void 0,imageWidth:void 0,imageHeight:void 0,imageAlt:``,timer:void 0,timerProgressBar:!1,width:void 0,padding:void 0,background:void 0,input:void 0,inputPlaceholder:``,inputLabel:``,inputValue:``,inputOptions:{},inputAutoFocus:!0,inputAutoTrim:!0,inputAttributes:{},inputValidator:void 0,returnInputValueOnDeny:!1,validationMessage:void 0,grow:!1,position:`center`,progressSteps:[],currentProgressStep:void 0,progressStepsDistance:void 0,willOpen:void 0,didOpen:void 0,didRender:void 0,willClose:void 0,didClose:void 0,didDestroy:void 0,scrollbarPadding:!0,topLayer:!1},H=`allowEscapeKey.allowOutsideClick.background.buttonsStyling.cancelButtonAriaLabel.cancelButtonColor.cancelButtonText.closeButtonAriaLabel.closeButtonHtml.color.confirmButtonAriaLabel.confirmButtonColor.confirmButtonText.currentProgressStep.customClass.denyButtonAriaLabel.denyButtonColor.denyButtonText.didClose.didDestroy.draggable.footer.hideClass.html.icon.iconColor.iconHtml.imageAlt.imageHeight.imageUrl.imageWidth.preConfirm.preDeny.progressSteps.returnFocus.reverseButtons.showCancelButton.showCloseButton.showConfirmButton.showDenyButton.text.title.titleText.theme.willClose`.split(`.`),rr={allowEnterKey:void 0},ir=[`allowOutsideClick`,`allowEnterKey`,`backdrop`,`draggable`,`focusConfirm`,`focusDeny`,`focusCancel`,`returnFocus`,`heightAuto`,`keydownListenerCapture`],ar=e=>Object.prototype.hasOwnProperty.call(nr,e),U=e=>H.indexOf(e)!==-1,or=e=>rr[e],sr=e=>{ar(e)||p(`Unknown parameter "${e}"`)},cr=e=>{ir.includes(e)&&p(`The parameter "${e}" is incompatible with toasts`)},lr=e=>{let t=or(e);t&&_(e,t)},ur=e=>{e.backdrop===!1&&e.allowOutsideClick&&p('"allowOutsideClick" parameter requires `backdrop` parameter to be set to `true`'),e.theme&&![`light`,`dark`,`auto`,`minimal`,`borderless`,`bootstrap-4`,`bootstrap-4-light`,`bootstrap-4-dark`,`bootstrap-5`,`bootstrap-5-light`,`bootstrap-5-dark`,`material-ui`,`material-ui-light`,`material-ui-dark`,`embed-iframe`,`bulma`,`bulma-light`,`bulma-dark`].includes(e.theme)&&p(`Invalid theme "${e.theme}"`);for(let t in e)sr(t),e.toast&&cr(t),lr(t)};function dr(e){let t=C(),n=E(),r=P.innerParams.get(this);if(!n||ge(n,r.hideClass.popup)){p(`You're trying to update the closed or closing popup, that won't work. Use the update() method in preConfirm parameter or show a new popup.`);return}let i=fr(e),a=Object.assign({},r,i);ur(a),t&&(t.dataset.swal2Theme=a.theme),Bt(this,a),P.innerParams.set(this,a),Object.defineProperties(this,{params:{value:Object.assign({},this.params,e),writable:!1,enumerable:!0}})}let fr=e=>{let t={};return Object.keys(e).forEach(n=>{U(n)?t[n]=e[n]:p(`Invalid parameter to update: ${n}`)}),t};function pr(){var e;let t=P.domCache.get(this),n=P.innerParams.get(this);if(!n){hr(this);return}t.popup&&a.swalCloseEventFinishedCallback&&(a.swalCloseEventFinishedCallback(),delete a.swalCloseEventFinishedCallback),typeof n.didDestroy==`function`&&n.didDestroy(),(e=a.eventEmitter)==null||e.emit(`didDestroy`),mr(this)}let mr=e=>{hr(e),delete e.params,delete a.keydownHandler,delete a.keydownTarget,delete a.currentInstance},hr=e=>{e.isAwaitingPromise?(gr(P,e),e.isAwaitingPromise=!0):(gr(en,e),gr(P,e),delete e.isAwaitingPromise,delete e.disableButtons,delete e.enableButtons,delete e.getInput,delete e.disableInput,delete e.enableInput,delete e.hideLoading,delete e.disableLoading,delete e.showValidationMessage,delete e.resetValidationMessage,delete e.close,delete e.closePopup,delete e.closeModal,delete e.closeToast,delete e.rejectPromise,delete e.update,delete e._destroy)},gr=(e,t)=>{for(let n in e)e[n].delete(t)};var _r=Object.freeze({__proto__:null,_destroy:pr,close:vn,closeModal:vn,closePopup:vn,closeToast:vn,disableButtons:$n,disableInput:tr,disableLoading:qn,enableButtons:Qn,enableInput:er,getInput:Yn,handleAwaitingPromise:xn,hideLoading:qn,rejectPromise:bn,resetValidationMessage:V,showValidationMessage:B,update:dr});let vr=(e,t,n)=>{e.toast?yr(e,t,n):(Sr(t),Cr(t),wr(e,t,n))},yr=(e,t,n)=>{t.popup.onclick=()=>{e&&(br(e)||e.timer||e.input)||n(R.close)}},br=e=>!!(e.showConfirmButton||e.showDenyButton||e.showCancelButton||e.showCloseButton),xr=!1,Sr=e=>{e.popup.onmousedown=()=>{e.container.onmouseup=function(t){e.container.onmouseup=()=>{},t.target===e.container&&(xr=!0)}}},Cr=e=>{e.container.onmousedown=t=>{t.target===e.container&&t.preventDefault(),e.popup.onmouseup=function(t){e.popup.onmouseup=()=>{},(t.target===e.popup||t.target instanceof HTMLElement&&e.popup.contains(t.target))&&(xr=!0)}}},wr=(e,t,n)=>{t.container.onclick=r=>{if(xr){xr=!1;return}r.target===t.container&&v(e.allowOutsideClick)&&n(R.backdrop)}},Tr=e=>typeof e==`object`&&!!e&&`jquery`in e,Er=e=>e instanceof Element||Tr(e),Dr=e=>{let t={};return typeof e[0]==`object`&&!Er(e[0])?Object.assign(t,e[0]):[`title`,`html`,`icon`].forEach((n,r)=>{let i=e[r];typeof i==`string`||Er(i)?t[n]=i:i!==void 0&&m(`Unexpected type of ${n}! Expected "string" or "Element", got ${typeof i}`)}),t};function Or(...e){return new this(...e)}function kr(e){class t extends this{_main(t,n){return super._main(t,Object.assign({},e,n))}}return t}let Ar=()=>a.timeout&&a.timeout.getTimerLeft(),W=()=>{if(a.timeout)return Fe(),a.timeout.stop()},jr=()=>{if(a.timeout){let e=a.timeout.start();return Pe(e),e}},Mr=()=>{let e=a.timeout;return e&&(e.running?W():jr())},Nr=e=>{if(a.timeout){let t=a.timeout.increase(e);return Pe(t,!0),t}},Pr=()=>!!(a.timeout&&a.timeout.isRunning()),Fr=!1,Ir={};function Lr(e=`data-swal-template`){Ir[e]=this,Fr||=(document.body.addEventListener(`click`,Rr),!0)}let Rr=e=>{for(let t=e.target;t&&t!==document;t=t.parentNode)for(let e in Ir){let n=t.getAttribute&&t.getAttribute(e);if(n){Ir[e].fire({template:n});return}}};class zr{constructor(){this.events={}}_getHandlersByEventName(e){return this.events[e]===void 0&&(this.events[e]=[]),this.events[e]}on(e,t){let n=this._getHandlersByEventName(e);n.includes(t)||n.push(t)}once(e,t){let n=(...r)=>{this.removeListener(e,n),t.apply(this,r)};this.on(e,n)}emit(e,...t){this._getHandlersByEventName(e).forEach(e=>{try{e.apply(this,t)}catch(e){console.error(e)}})}removeListener(e,t){let n=this._getHandlersByEventName(e),r=n.indexOf(t);r>-1&&n.splice(r,1)}removeAllListeners(e){this.events[e]!==void 0&&(this.events[e].length=0)}reset(){this.events={}}}a.eventEmitter=new zr;var Br=Object.freeze({__proto__:null,argsToParams:Dr,bindClickHandler:Lr,clickCancel:Ut,clickConfirm:L,clickDeny:Ht,enableLoading:En,fire:Or,getActions:A,getCancelButton:k,getCloseButton:de,getConfirmButton:O,getContainer:C,getDenyButton:oe,getFocusableElements:fe,getFooter:le,getHtmlContainer:ne,getIcon:D,getIconContent:ee,getImage:re,getInputLabel:se,getLoader:ce,getPopup:E,getProgressSteps:ie,getTimerLeft:Ar,getTimerProgressBar:ue,getTitle:te,getValidationMessage:ae,increaseTimer:Nr,isDeprecatedParameter:or,isLoading:he,isTimerRunning:Pr,isUpdatableParameter:U,isValidParameter:ar,isVisible:Vt,mixin:kr,off:(e,t)=>{if(a.eventEmitter){if(!e){a.eventEmitter.reset();return}t?a.eventEmitter.removeListener(e,t):a.eventEmitter.removeAllListeners(e)}},on:(e,t)=>{a.eventEmitter&&a.eventEmitter.on(e,t)},once:(e,t)=>{a.eventEmitter&&a.eventEmitter.once(e,t)},resumeTimer:jr,showLoading:En,stopTimer:W,toggleTimer:Mr});class Vr{constructor(e,t){this.callback=e,this.remaining=t,this.running=!1,this.start()}start(){return this.running||(this.running=!0,this.started=new Date,this.id=setTimeout(this.callback,this.remaining)),this.remaining}stop(){return this.started&&this.running&&(this.running=!1,clearTimeout(this.id),this.remaining-=new Date().getTime()-this.started.getTime()),this.remaining}increase(e){let t=this.running;return t&&this.stop(),this.remaining+=e,t&&this.start(),this.remaining}getTimerLeft(){return this.running&&(this.stop(),this.start()),this.remaining}isRunning(){return this.running}}let Hr=[`swal-title`,`swal-html`,`swal-footer`],Ur=e=>{let t=typeof e.template==`string`?document.querySelector(e.template):e.template;if(!t)return{};let n=t.content;return G(n),Object.assign(Wr(n),Gr(n),Kr(n),qr(n),Jr(n),Yr(n),Xr(n,Hr))},Wr=e=>{let t={};return Array.from(e.querySelectorAll(`swal-param`)).forEach(e=>{Zr(e,[`name`,`value`]);let n=e.getAttribute(`name`),r=e.getAttribute(`value`);!n||!r||(n in nr&&typeof nr[n]==`boolean`?t[n]=r!==`false`:n in nr&&typeof nr[n]==`object`?t[n]=JSON.parse(r):t[n]=r)}),t},Gr=e=>{let t={};return Array.from(e.querySelectorAll(`swal-function-param`)).forEach(e=>{let n=e.getAttribute(`name`),r=e.getAttribute(`value`);!n||!r||(t[n]=Function(`return ${r}`)())}),t},Kr=e=>{let t={};return Array.from(e.querySelectorAll(`swal-button`)).forEach(e=>{Zr(e,[`type`,`color`,`aria-label`]);let n=e.getAttribute(`type`);if(!n||![`confirm`,`cancel`,`deny`].includes(n))return;t[`${n}ButtonText`]=e.innerHTML,t[`show${f(n)}Button`]=!0;let r=e.getAttribute(`color`);r!==null&&(t[`${n}ButtonColor`]=r);let i=e.getAttribute(`aria-label`);i!==null&&(t[`${n}ButtonAriaLabel`]=i)}),t},qr=e=>{let t={},n=e.querySelector(`swal-image`);if(n){Zr(n,[`src`,`width`,`height`,`alt`]);let e=n.getAttribute(`src`);e!==null&&(t.imageUrl=e||void 0);let r=n.getAttribute(`width`);r!==null&&(t.imageWidth=r||void 0);let i=n.getAttribute(`height`);i!==null&&(t.imageHeight=i||void 0);let a=n.getAttribute(`alt`);a!==null&&(t.imageAlt=a||void 0)}return t},Jr=e=>{let t={},n=e.querySelector(`swal-icon`);return n&&(Zr(n,[`type`,`color`]),n.hasAttribute(`type`)&&(t.icon=n.getAttribute(`type`)),n.hasAttribute(`color`)&&(t.iconColor=n.getAttribute(`color`)),t.iconHtml=n.innerHTML),t},Yr=e=>{let t={},n=e.querySelector(`swal-input`);n&&(Zr(n,[`type`,`label`,`placeholder`,`value`]),t.input=n.getAttribute(`type`)||`text`,n.hasAttribute(`label`)&&(t.inputLabel=n.getAttribute(`label`)),n.hasAttribute(`placeholder`)&&(t.inputPlaceholder=n.getAttribute(`placeholder`)),n.hasAttribute(`value`)&&(t.inputValue=n.getAttribute(`value`)));let r=Array.from(e.querySelectorAll(`swal-input-option`));return r.length&&(t.inputOptions={},r.forEach(e=>{Zr(e,[`value`]);let n=e.getAttribute(`value`);if(!n)return;let r=e.innerHTML;t.inputOptions[n]=r})),t},Xr=(e,t)=>{let n={};for(let r in t){let i=t[r],a=e.querySelector(i);a&&(Zr(a,[]),n[i.replace(/^swal-/,``)]=a.innerHTML.trim())}return n},G=e=>{let t=Hr.concat([`swal-param`,`swal-function-param`,`swal-button`,`swal-image`,`swal-icon`,`swal-input`,`swal-input-option`]);Array.from(e.children).forEach(e=>{let n=e.tagName.toLowerCase();t.includes(n)||p(`Unrecognized element <${n}>`)})},Zr=(e,t)=>{Array.from(e.attributes).forEach(n=>{t.indexOf(n.name)===-1&&p([`Unrecognized attribute "${n.name}" on <${e.tagName.toLowerCase()}>.`,`${t.length?`Allowed attributes are: ${t.join(`, `)}`:`To set the value, use HTML within the element.`}`])})},Qr=e=>{var t,n;let r=C(),i=E();if(!r||!i)return;typeof e.willOpen==`function`&&e.willOpen(i),(t=a.eventEmitter)==null||t.emit(`willOpen`,i);let o=window.getComputedStyle(document.body).overflowY;if(ni(r,i,e),setTimeout(()=>{ei(r,i)},10),pe()&&(ti(r,e.scrollbarPadding===void 0?!1:e.scrollbarPadding,o),tn()),an&&e.backdrop===!1&&i.scrollHeight>r.clientHeight&&(r.style.pointerEvents=`auto`),!me()&&!a.previousActiveElement&&(a.previousActiveElement=document.activeElement),typeof e.didOpen==`function`){let t=e.didOpen;setTimeout(()=>t(i))}(n=a.eventEmitter)==null||n.emit(`didOpen`,i)},$r=e=>{let t=E();if(!t||e.target!==t)return;let n=C();n&&(t.removeEventListener(`animationend`,$r),t.removeEventListener(`transitionend`,$r),n.style.overflowY=`auto`,Se(n,l[`no-transition`]))},ei=(e,t)=>{Ne(t)?(e.style.overflowY=`hidden`,t.addEventListener(`animationend`,$r),t.addEventListener(`transitionend`,$r)):e.style.overflowY=`auto`},ti=(e,t,n)=>{on(),t&&n!==`hidden`&&mn(n),setTimeout(()=>{e.scrollTop=0})},ni=(e,t,n)=>{var r;(r=n.showClass)!=null&&r.backdrop&&M(e,n.showClass.backdrop),n.animation?(t.style.setProperty(`opacity`,`0`,`important`),Te(t,`grid`),setTimeout(()=>{var e;(e=n.showClass)!=null&&e.popup&&M(t,n.showClass.popup),t.style.removeProperty(`opacity`)},10)):Te(t,`grid`),M([document.documentElement,document.body],l.shown),n.heightAuto&&n.backdrop&&!n.toast&&M([document.documentElement,document.body],l[`height-auto`])};var K={email:(e,t)=>/^[a-zA-Z0-9.+_'-]+@[a-zA-Z0-9.-]+\.[a-zA-Z0-9-]+$/.test(e)?Promise.resolve():Promise.resolve(t||`Invalid email address`),url:(e,t)=>/^https?:\/\/(www\.)?[-a-zA-Z0-9@:%._+~#=]{1,256}\.[a-z]{2,63}\b([-a-zA-Z0-9@:%_+.~#?&/=]*)$/.test(e)?Promise.resolve():Promise.resolve(t||`Invalid URL`)};function ri(e){e.inputValidator||(e.input===`email`&&(e.inputValidator=K.email),e.input===`url`&&(e.inputValidator=K.url))}function ii(e){(!e.target||typeof e.target==`string`&&!document.querySelector(e.target)||typeof e.target!=`string`&&!e.target.appendChild)&&(p(`Target parameter is not valid, defaulting to "body"`),e.target=`body`)}function ai(e){ri(e),e.showLoaderOnConfirm&&!e.preConfirm&&p(`showLoaderOnConfirm is set to true, but preConfirm is not defined.
-showLoaderOnConfirm should be used together with preConfirm, see usage example:
-https://sweetalert2.github.io/#ajax-request`),ii(e),typeof e.title==`string`&&(e.title=e.title.split(`
-`).join(`<br />`)),We(e)}let oi;var si=new WeakMap;class q{constructor(...e){if(r(this,si,Promise.resolve({isConfirmed:!1,isDenied:!1,isDismissed:!0})),typeof window>`u`)return;oi=this;let t=Object.freeze(this.constructor.argsToParams(e));this.params=t,this.isAwaitingPromise=!1,i(si,this,this._main(oi.params))}_main(e,t={}){if(ur(Object.assign({},t,e)),a.currentInstance){let e=en.swalPromiseResolve.get(a.currentInstance),{isAwaitingPromise:t}=a.currentInstance;a.currentInstance._destroy(),t||e({isDismissed:!0}),pe()&&nn()}a.currentInstance=oi;let n=li(e,t);ai(n),Object.freeze(n),a.timeout&&(a.timeout.stop(),delete a.timeout),clearTimeout(a.restoreFocusTimeout);let r=ui(oi);return Bt(oi,n),P.innerParams.set(oi,n),ci(oi,r,n)}then(e){return n(si,this).then(e)}finally(e){return n(si,this).finally(e)}}let ci=(e,t,n)=>new Promise((r,i)=>{let o=t=>{e.close({isDismissed:!0,dismiss:t,isConfirmed:!1,isDenied:!1})};en.swalPromiseResolve.set(e,r),en.swalPromiseReject.set(e,i),t.confirmButton.onclick=()=>{zn(e)},t.denyButton.onclick=()=>{Bn(e)},t.cancelButton.onclick=()=>{Vn(e,o)},t.closeButton.onclick=()=>{o(R.close)},vr(n,t,o),Gt(a,n,o),On(e,n),Qr(n),di(a,n,o),fi(t,n),setTimeout(()=>{t.container.scrollTop=0})}),li=(e,t)=>{let n=Ur(e),r=Object.assign({},nr,t,n,e);return r.showClass=Object.assign({},nr.showClass,r.showClass),r.hideClass=Object.assign({},nr.hideClass,r.hideClass),r.animation===!1&&(r.showClass={backdrop:`swal2-noanimation`},r.hideClass={}),r},ui=e=>{let t={popup:E(),container:C(),actions:A(),confirmButton:O(),denyButton:oe(),cancelButton:k(),loader:ce(),closeButton:de(),validationMessage:ae(),progressSteps:ie()};return P.domCache.set(e,t),t},di=(e,t,n)=>{let r=ue();N(r),t.timer&&(e.timeout=new Vr(()=>{n(`timer`),delete e.timeout},t.timer),t.timerProgressBar&&r&&(Te(r),ve(r,t,`timerProgressBar`),setTimeout(()=>{e.timeout&&e.timeout.running&&Pe(t.timer)})))},fi=(e,t)=>{if(!t.toast){if(!v(t.allowEnterKey)){_(`allowEnterKey`,`preConfirm: () => false`),e.popup.focus();return}pi(e)||mi(e,t)||Kt(-1,1)}},pi=e=>{let t=Array.from(e.popup.querySelectorAll(`[autofocus]`));for(let e of t)if(e instanceof HTMLElement&&ke(e))return e.focus(),!0;return!1},mi=(e,t)=>t.focusDeny&&ke(e.denyButton)?(e.denyButton.focus(),!0):t.focusCancel&&ke(e.cancelButton)?(e.cancelButton.focus(),!0):t.focusConfirm&&ke(e.confirmButton)?(e.confirmButton.focus(),!0):!1;q.prototype.disableButtons=$n,q.prototype.enableButtons=Qn,q.prototype.getInput=Yn,q.prototype.disableInput=tr,q.prototype.enableInput=er,q.prototype.hideLoading=qn,q.prototype.disableLoading=qn,q.prototype.showValidationMessage=B,q.prototype.resetValidationMessage=V,q.prototype.close=vn,q.prototype.closePopup=vn,q.prototype.closeModal=vn,q.prototype.closeToast=vn,q.prototype.rejectPromise=bn,q.prototype.update=dr,q.prototype._destroy=pr,Object.assign(q,Br),Object.keys(_r).forEach(e=>{q[e]=function(...t){if(oi&&oi[e])return oi[e](...t)}}),q.DismissReason=R,q.version=`11.26.24`;let hi=q;return hi.default=hi,hi})),e!==void 0&&e.Sweetalert2&&(e.swal=e.sweetAlert=e.Swal=e.SweetAlert=e.Sweetalert2),typeof document<`u`&&function(e,t){var n=e.createElement(`style`);if(e.getElementsByTagName(`head`)[0].appendChild(n),n.styleSheet)n.styleSheet.disabled||(n.styleSheet.cssText=t);else try{n.innerHTML=t}catch{n.innerText=t}}(document,`:root{--swal2-outline: 0 0 0 3px rgba(100, 150, 200, 0.5);--swal2-container-padding: 0.625em;--swal2-backdrop: rgba(0, 0, 0, 0.4);--swal2-backdrop-transition: background-color 0.15s;--swal2-width: 32em;--swal2-padding: 0 0 1.25em;--swal2-border: none;--swal2-border-radius: 0.3125rem;--swal2-background: white;--swal2-color: #545454;--swal2-show-animation: swal2-show 0.3s;--swal2-hide-animation: swal2-hide 0.15s forwards;--swal2-icon-zoom: 1;--swal2-icon-animations: true;--swal2-title-padding: 0.8em 1em 0;--swal2-html-container-padding: 1em 1.6em 0.3em;--swal2-input-border: 1px solid #d9d9d9;--swal2-input-border-radius: 0.1875em;--swal2-input-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06), 0 0 0 3px transparent;--swal2-input-background: transparent;--swal2-input-transition: border-color 0.2s, box-shadow 0.2s;--swal2-input-hover-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06), 0 0 0 3px transparent;--swal2-input-focus-border: 1px solid #b4dbed;--swal2-input-focus-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06), 0 0 0 3px rgba(100, 150, 200, 0.5);--swal2-progress-step-background: #add8e6;--swal2-validation-message-background: #f0f0f0;--swal2-validation-message-color: #666;--swal2-footer-border-color: #eee;--swal2-footer-background: transparent;--swal2-footer-color: inherit;--swal2-timer-progress-bar-background: rgba(0, 0, 0, 0.3);--swal2-close-button-position: initial;--swal2-close-button-inset: auto;--swal2-close-button-font-size: 2.5em;--swal2-close-button-color: #ccc;--swal2-close-button-transition: color 0.2s, box-shadow 0.2s;--swal2-close-button-outline: initial;--swal2-close-button-box-shadow: inset 0 0 0 3px transparent;--swal2-close-button-focus-box-shadow: inset var(--swal2-outline);--swal2-close-button-hover-transform: none;--swal2-actions-justify-content: center;--swal2-actions-width: auto;--swal2-actions-margin: 1.25em auto 0;--swal2-actions-padding: 0;--swal2-actions-border-radius: 0;--swal2-actions-background: transparent;--swal2-action-button-transition: background-color 0.2s, box-shadow 0.2s;--swal2-action-button-hover: black 10%;--swal2-action-button-active: black 10%;--swal2-confirm-button-box-shadow: none;--swal2-confirm-button-border-radius: 0.25em;--swal2-confirm-button-background-color: #7066e0;--swal2-confirm-button-color: #fff;--swal2-deny-button-box-shadow: none;--swal2-deny-button-border-radius: 0.25em;--swal2-deny-button-background-color: #dc3741;--swal2-deny-button-color: #fff;--swal2-cancel-button-box-shadow: none;--swal2-cancel-button-border-radius: 0.25em;--swal2-cancel-button-background-color: #6e7881;--swal2-cancel-button-color: #fff;--swal2-toast-show-animation: swal2-toast-show 0.5s;--swal2-toast-hide-animation: swal2-toast-hide 0.1s forwards;--swal2-toast-border: none;--swal2-toast-box-shadow: 0 0 1px hsl(0deg 0% 0% / 0.075), 0 1px 2px hsl(0deg 0% 0% / 0.075), 1px 2px 4px hsl(0deg 0% 0% / 0.075), 1px 3px 8px hsl(0deg 0% 0% / 0.075), 2px 4px 16px hsl(0deg 0% 0% / 0.075)}[data-swal2-theme=dark]{--swal2-dark-theme-black: #19191a;--swal2-dark-theme-white: #e1e1e1;--swal2-background: var(--swal2-dark-theme-black);--swal2-color: var(--swal2-dark-theme-white);--swal2-footer-border-color: #555;--swal2-input-background: color-mix(in srgb, var(--swal2-dark-theme-black), var(--swal2-dark-theme-white) 10%);--swal2-validation-message-background: color-mix( in srgb, var(--swal2-dark-theme-black), var(--swal2-dark-theme-white) 10% );--swal2-validation-message-color: var(--swal2-dark-theme-white);--swal2-timer-progress-bar-background: rgba(255, 255, 255, 0.7)}@media(prefers-color-scheme: dark){[data-swal2-theme=auto]{--swal2-dark-theme-black: #19191a;--swal2-dark-theme-white: #e1e1e1;--swal2-background: var(--swal2-dark-theme-black);--swal2-color: var(--swal2-dark-theme-white);--swal2-footer-border-color: #555;--swal2-input-background: color-mix(in srgb, var(--swal2-dark-theme-black), var(--swal2-dark-theme-white) 10%);--swal2-validation-message-background: color-mix( in srgb, var(--swal2-dark-theme-black), var(--swal2-dark-theme-white) 10% );--swal2-validation-message-color: var(--swal2-dark-theme-white);--swal2-timer-progress-bar-background: rgba(255, 255, 255, 0.7)}}body.swal2-shown:not(.swal2-no-backdrop,.swal2-toast-shown){overflow:hidden}body.swal2-height-auto{height:auto !important}body.swal2-no-backdrop .swal2-container{background-color:rgba(0,0,0,0) !important;pointer-events:none}body.swal2-no-backdrop .swal2-container .swal2-popup{pointer-events:auto}body.swal2-no-backdrop .swal2-container .swal2-modal{box-shadow:0 0 10px var(--swal2-backdrop)}body.swal2-toast-shown .swal2-container{box-sizing:border-box;width:360px;max-width:100%;background-color:rgba(0,0,0,0);pointer-events:none}body.swal2-toast-shown .swal2-container.swal2-top{inset:0 auto auto 50%;transform:translateX(-50%)}body.swal2-toast-shown .swal2-container.swal2-top-end,body.swal2-toast-shown .swal2-container.swal2-top-right{inset:0 0 auto auto}body.swal2-toast-shown .swal2-container.swal2-top-start,body.swal2-toast-shown .swal2-container.swal2-top-left{inset:0 auto auto 0}body.swal2-toast-shown .swal2-container.swal2-center-start,body.swal2-toast-shown .swal2-container.swal2-center-left{inset:50% auto auto 0;transform:translateY(-50%)}body.swal2-toast-shown .swal2-container.swal2-center{inset:50% auto auto 50%;transform:translate(-50%, -50%)}body.swal2-toast-shown .swal2-container.swal2-center-end,body.swal2-toast-shown .swal2-container.swal2-center-right{inset:50% 0 auto auto;transform:translateY(-50%)}body.swal2-toast-shown .swal2-container.swal2-bottom-start,body.swal2-toast-shown .swal2-container.swal2-bottom-left{inset:auto auto 0 0}body.swal2-toast-shown .swal2-container.swal2-bottom{inset:auto auto 0 50%;transform:translateX(-50%)}body.swal2-toast-shown .swal2-container.swal2-bottom-end,body.swal2-toast-shown .swal2-container.swal2-bottom-right{inset:auto 0 0 auto}@media print{body.swal2-shown:not(.swal2-no-backdrop,.swal2-toast-shown){overflow-y:scroll !important}body.swal2-shown:not(.swal2-no-backdrop,.swal2-toast-shown)>[aria-hidden=true]{display:none}body.swal2-shown:not(.swal2-no-backdrop,.swal2-toast-shown) .swal2-container{position:static !important}}div:where(.swal2-container){display:grid;position:fixed;z-index:1060;inset:0;box-sizing:border-box;grid-template-areas:"top-start     top            top-end" "center-start  center         center-end" "bottom-start  bottom-center  bottom-end";grid-template-rows:minmax(min-content, auto) minmax(min-content, auto) minmax(min-content, auto);height:100%;padding:var(--swal2-container-padding);overflow-x:hidden;transition:var(--swal2-backdrop-transition);-webkit-overflow-scrolling:touch}div:where(.swal2-container).swal2-backdrop-show,div:where(.swal2-container).swal2-noanimation{background:var(--swal2-backdrop)}div:where(.swal2-container).swal2-backdrop-hide{background:rgba(0,0,0,0) !important}div:where(.swal2-container).swal2-top-start,div:where(.swal2-container).swal2-center-start,div:where(.swal2-container).swal2-bottom-start{grid-template-columns:minmax(0, 1fr) auto auto}div:where(.swal2-container).swal2-top,div:where(.swal2-container).swal2-center,div:where(.swal2-container).swal2-bottom{grid-template-columns:auto minmax(0, 1fr) auto}div:where(.swal2-container).swal2-top-end,div:where(.swal2-container).swal2-center-end,div:where(.swal2-container).swal2-bottom-end{grid-template-columns:auto auto minmax(0, 1fr)}div:where(.swal2-container).swal2-top-start>.swal2-popup{align-self:start}div:where(.swal2-container).swal2-top>.swal2-popup{grid-column:2;place-self:start center}div:where(.swal2-container).swal2-top-end>.swal2-popup,div:where(.swal2-container).swal2-top-right>.swal2-popup{grid-column:3;place-self:start end}div:where(.swal2-container).swal2-center-start>.swal2-popup,div:where(.swal2-container).swal2-center-left>.swal2-popup{grid-row:2;align-self:center}div:where(.swal2-container).swal2-center>.swal2-popup{grid-column:2;grid-row:2;place-self:center center}div:where(.swal2-container).swal2-center-end>.swal2-popup,div:where(.swal2-container).swal2-center-right>.swal2-popup{grid-column:3;grid-row:2;place-self:center end}div:where(.swal2-container).swal2-bottom-start>.swal2-popup,div:where(.swal2-container).swal2-bottom-left>.swal2-popup{grid-column:1;grid-row:3;align-self:end}div:where(.swal2-container).swal2-bottom>.swal2-popup{grid-column:2;grid-row:3;place-self:end center}div:where(.swal2-container).swal2-bottom-end>.swal2-popup,div:where(.swal2-container).swal2-bottom-right>.swal2-popup{grid-column:3;grid-row:3;place-self:end end}div:where(.swal2-container).swal2-grow-row>.swal2-popup,div:where(.swal2-container).swal2-grow-fullscreen>.swal2-popup{grid-column:1/4;width:100%}div:where(.swal2-container).swal2-grow-column>.swal2-popup,div:where(.swal2-container).swal2-grow-fullscreen>.swal2-popup{grid-row:1/4;align-self:stretch}div:where(.swal2-container).swal2-no-transition{transition:none !important}div:where(.swal2-container)[popover]{width:auto;border:0}div:where(.swal2-container) div:where(.swal2-popup){display:none;position:relative;box-sizing:border-box;grid-template-columns:minmax(0, 100%);width:var(--swal2-width);max-width:100%;padding:var(--swal2-padding);border:var(--swal2-border);border-radius:var(--swal2-border-radius);background:var(--swal2-background);color:var(--swal2-color);font-family:inherit;font-size:1rem;container-name:swal2-popup}div:where(.swal2-container) div:where(.swal2-popup):focus{outline:none}div:where(.swal2-container) div:where(.swal2-popup).swal2-loading{overflow-y:hidden}div:where(.swal2-container) div:where(.swal2-popup).swal2-draggable{cursor:grab}div:where(.swal2-container) div:where(.swal2-popup).swal2-draggable div:where(.swal2-icon){cursor:grab}div:where(.swal2-container) div:where(.swal2-popup).swal2-dragging{cursor:grabbing}div:where(.swal2-container) div:where(.swal2-popup).swal2-dragging div:where(.swal2-icon){cursor:grabbing}div:where(.swal2-container) h2:where(.swal2-title){position:relative;max-width:100%;margin:0;padding:var(--swal2-title-padding);color:inherit;font-size:1.875em;font-weight:600;text-align:center;text-transform:none;overflow-wrap:break-word;cursor:initial}div:where(.swal2-container) div:where(.swal2-actions){display:flex;z-index:1;box-sizing:border-box;flex-wrap:wrap;align-items:center;justify-content:var(--swal2-actions-justify-content);width:var(--swal2-actions-width);margin:var(--swal2-actions-margin);padding:var(--swal2-actions-padding);border-radius:var(--swal2-actions-border-radius);background:var(--swal2-actions-background)}div:where(.swal2-container) div:where(.swal2-loader){display:none;align-items:center;justify-content:center;width:2.2em;height:2.2em;margin:0 1.875em;animation:swal2-rotate-loading 1.5s linear 0s infinite normal;border-width:.25em;border-style:solid;border-radius:100%;border-color:#2778c4 rgba(0,0,0,0) #2778c4 rgba(0,0,0,0)}div:where(.swal2-container) button:where(.swal2-styled){margin:.3125em;padding:.625em 1.1em;transition:var(--swal2-action-button-transition);border:none;box-shadow:0 0 0 3px rgba(0,0,0,0);font-weight:500}div:where(.swal2-container) button:where(.swal2-styled):not([disabled]){cursor:pointer}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm){border-radius:var(--swal2-confirm-button-border-radius);background:initial;background-color:var(--swal2-confirm-button-background-color);box-shadow:var(--swal2-confirm-button-box-shadow);color:var(--swal2-confirm-button-color);font-size:1em}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm):hover{background-color:color-mix(in srgb, var(--swal2-confirm-button-background-color), var(--swal2-action-button-hover))}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm):active{background-color:color-mix(in srgb, var(--swal2-confirm-button-background-color), var(--swal2-action-button-active))}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-deny){border-radius:var(--swal2-deny-button-border-radius);background:initial;background-color:var(--swal2-deny-button-background-color);box-shadow:var(--swal2-deny-button-box-shadow);color:var(--swal2-deny-button-color);font-size:1em}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-deny):hover{background-color:color-mix(in srgb, var(--swal2-deny-button-background-color), var(--swal2-action-button-hover))}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-deny):active{background-color:color-mix(in srgb, var(--swal2-deny-button-background-color), var(--swal2-action-button-active))}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-cancel){border-radius:var(--swal2-cancel-button-border-radius);background:initial;background-color:var(--swal2-cancel-button-background-color);box-shadow:var(--swal2-cancel-button-box-shadow);color:var(--swal2-cancel-button-color);font-size:1em}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-cancel):hover{background-color:color-mix(in srgb, var(--swal2-cancel-button-background-color), var(--swal2-action-button-hover))}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-cancel):active{background-color:color-mix(in srgb, var(--swal2-cancel-button-background-color), var(--swal2-action-button-active))}div:where(.swal2-container) button:where(.swal2-styled):focus-visible{outline:none;box-shadow:var(--swal2-action-button-focus-box-shadow)}div:where(.swal2-container) button:where(.swal2-styled)[disabled]:not(.swal2-loading){opacity:.4}div:where(.swal2-container) button:where(.swal2-styled)::-moz-focus-inner{border:0}div:where(.swal2-container) div:where(.swal2-footer){margin:1em 0 0;padding:1em 1em 0;border-top:1px solid var(--swal2-footer-border-color);background:var(--swal2-footer-background);color:var(--swal2-footer-color);font-size:1em;text-align:center;cursor:initial}div:where(.swal2-container) .swal2-timer-progress-bar-container{position:absolute;right:0;bottom:0;left:0;grid-column:auto !important;overflow:hidden;border-bottom-right-radius:var(--swal2-border-radius);border-bottom-left-radius:var(--swal2-border-radius)}div:where(.swal2-container) div:where(.swal2-timer-progress-bar){width:100%;height:.25em;background:var(--swal2-timer-progress-bar-background)}div:where(.swal2-container) img:where(.swal2-image){max-width:100%;margin:2em auto 1em;cursor:initial}div:where(.swal2-container) button:where(.swal2-close){position:var(--swal2-close-button-position);inset:var(--swal2-close-button-inset);z-index:2;align-items:center;justify-content:center;width:1.2em;height:1.2em;margin-top:0;margin-right:0;margin-bottom:-1.2em;padding:0;overflow:hidden;transition:var(--swal2-close-button-transition);border:none;border-radius:var(--swal2-border-radius);outline:var(--swal2-close-button-outline);background:rgba(0,0,0,0);color:var(--swal2-close-button-color);font-family:monospace;font-size:var(--swal2-close-button-font-size);cursor:pointer;justify-self:end}div:where(.swal2-container) button:where(.swal2-close):hover{transform:var(--swal2-close-button-hover-transform);background:rgba(0,0,0,0);color:#f27474}div:where(.swal2-container) button:where(.swal2-close):focus-visible{outline:none;box-shadow:var(--swal2-close-button-focus-box-shadow)}div:where(.swal2-container) button:where(.swal2-close)::-moz-focus-inner{border:0}div:where(.swal2-container) div:where(.swal2-html-container){z-index:1;justify-content:center;margin:0;padding:var(--swal2-html-container-padding);overflow:auto;color:inherit;font-size:1.125em;font-weight:normal;line-height:normal;text-align:center;overflow-wrap:break-word;word-break:break-word;cursor:initial}div:where(.swal2-container) input:where(.swal2-input),div:where(.swal2-container) input:where(.swal2-file),div:where(.swal2-container) textarea:where(.swal2-textarea),div:where(.swal2-container) select:where(.swal2-select),div:where(.swal2-container) div:where(.swal2-radio),div:where(.swal2-container) label:where(.swal2-checkbox){margin:1em 2em 3px}div:where(.swal2-container) input:where(.swal2-input),div:where(.swal2-container) input:where(.swal2-file),div:where(.swal2-container) textarea:where(.swal2-textarea){box-sizing:border-box;width:auto;transition:var(--swal2-input-transition);border:var(--swal2-input-border);border-radius:var(--swal2-input-border-radius);background:var(--swal2-input-background);box-shadow:var(--swal2-input-box-shadow);color:inherit;font-size:1.125em}div:where(.swal2-container) input:where(.swal2-input).swal2-inputerror,div:where(.swal2-container) input:where(.swal2-file).swal2-inputerror,div:where(.swal2-container) textarea:where(.swal2-textarea).swal2-inputerror{border-color:#f27474 !important;box-shadow:0 0 2px #f27474 !important}div:where(.swal2-container) input:where(.swal2-input):hover,div:where(.swal2-container) input:where(.swal2-file):hover,div:where(.swal2-container) textarea:where(.swal2-textarea):hover{box-shadow:var(--swal2-input-hover-box-shadow)}div:where(.swal2-container) input:where(.swal2-input):focus,div:where(.swal2-container) input:where(.swal2-file):focus,div:where(.swal2-container) textarea:where(.swal2-textarea):focus{border:var(--swal2-input-focus-border);outline:none;box-shadow:var(--swal2-input-focus-box-shadow)}div:where(.swal2-container) input:where(.swal2-input)::placeholder,div:where(.swal2-container) input:where(.swal2-file)::placeholder,div:where(.swal2-container) textarea:where(.swal2-textarea)::placeholder{color:#ccc}div:where(.swal2-container) .swal2-range{margin:1em 2em 3px;background:var(--swal2-background)}div:where(.swal2-container) .swal2-range input{width:80%}div:where(.swal2-container) .swal2-range output{width:20%;color:inherit;font-weight:600;text-align:center}div:where(.swal2-container) .swal2-range input,div:where(.swal2-container) .swal2-range output{height:2.625em;padding:0;font-size:1.125em;line-height:2.625em}div:where(.swal2-container) .swal2-input{height:2.625em;padding:0 .75em}div:where(.swal2-container) .swal2-file{width:75%;margin-right:auto;margin-left:auto;background:var(--swal2-input-background);font-size:1.125em}div:where(.swal2-container) .swal2-textarea{height:6.75em;padding:.75em}div:where(.swal2-container) .swal2-select{min-width:50%;max-width:100%;padding:.375em .625em;background:var(--swal2-input-background);color:inherit;font-size:1.125em}div:where(.swal2-container) .swal2-radio,div:where(.swal2-container) .swal2-checkbox{align-items:center;justify-content:center;background:var(--swal2-background);color:inherit}div:where(.swal2-container) .swal2-radio label,div:where(.swal2-container) .swal2-checkbox label{margin:0 .6em;font-size:1.125em}div:where(.swal2-container) .swal2-radio input,div:where(.swal2-container) .swal2-checkbox input{flex-shrink:0;margin:0 .4em}div:where(.swal2-container) label:where(.swal2-input-label){display:flex;justify-content:center;margin:1em auto 0}div:where(.swal2-container) div:where(.swal2-validation-message){align-items:center;justify-content:center;margin:1em 0 0;padding:.625em;overflow:hidden;background:var(--swal2-validation-message-background);color:var(--swal2-validation-message-color);font-size:1em;font-weight:300}div:where(.swal2-container) div:where(.swal2-validation-message)::before{content:"!";display:inline-block;width:1.5em;min-width:1.5em;height:1.5em;margin:0 .625em;border-radius:50%;background-color:#f27474;color:#fff;font-weight:600;line-height:1.5em;text-align:center}div:where(.swal2-container) .swal2-progress-steps{flex-wrap:wrap;align-items:center;max-width:100%;margin:1.25em auto;padding:0;background:rgba(0,0,0,0);font-weight:600}div:where(.swal2-container) .swal2-progress-steps li{display:inline-block;position:relative}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step{z-index:20;flex-shrink:0;width:2em;height:2em;border-radius:2em;background:#2778c4;color:#fff;line-height:2em;text-align:center}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step{background:#2778c4}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step{background:var(--swal2-progress-step-background);color:#fff}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step-line{background:var(--swal2-progress-step-background)}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step-line{z-index:10;flex-shrink:0;width:2.5em;height:.4em;margin:0 -1px;background:#2778c4}div:where(.swal2-icon){position:relative;box-sizing:content-box;justify-content:center;width:5em;height:5em;margin:2.5em auto .6em;zoom:var(--swal2-icon-zoom);border:.25em solid rgba(0,0,0,0);border-radius:50%;border-color:#000;font-family:inherit;line-height:5em;cursor:default;user-select:none}div:where(.swal2-icon) .swal2-icon-content{display:flex;align-items:center;font-size:3.75em}div:where(.swal2-icon).swal2-error{border-color:#f27474;color:#f27474}div:where(.swal2-icon).swal2-error .swal2-x-mark{position:relative;flex-grow:1}div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line]{display:block;position:absolute;top:2.3125em;width:2.9375em;height:.3125em;border-radius:.125em;background-color:#f27474}div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line][class$=left]{left:1.0625em;transform:rotate(45deg)}div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line][class$=right]{right:1em;transform:rotate(-45deg)}@container swal2-popup style(--swal2-icon-animations:true){div:where(.swal2-icon).swal2-error.swal2-icon-show{animation:swal2-animate-error-icon .5s}div:where(.swal2-icon).swal2-error.swal2-icon-show .swal2-x-mark{animation:swal2-animate-error-x-mark .5s}}div:where(.swal2-icon).swal2-warning{border-color:#f8bb86;color:#f8bb86}@container swal2-popup style(--swal2-icon-animations:true){div:where(.swal2-icon).swal2-warning.swal2-icon-show{animation:swal2-animate-error-icon .5s}div:where(.swal2-icon).swal2-warning.swal2-icon-show .swal2-icon-content{animation:swal2-animate-i-mark .5s}}div:where(.swal2-icon).swal2-info{border-color:#3fc3ee;color:#3fc3ee}@container swal2-popup style(--swal2-icon-animations:true){div:where(.swal2-icon).swal2-info.swal2-icon-show{animation:swal2-animate-error-icon .5s}div:where(.swal2-icon).swal2-info.swal2-icon-show .swal2-icon-content{animation:swal2-animate-i-mark .8s}}div:where(.swal2-icon).swal2-question{border-color:#87adbd;color:#87adbd}@container swal2-popup style(--swal2-icon-animations:true){div:where(.swal2-icon).swal2-question.swal2-icon-show{animation:swal2-animate-error-icon .5s}div:where(.swal2-icon).swal2-question.swal2-icon-show .swal2-icon-content{animation:swal2-animate-question-mark .8s}}div:where(.swal2-icon).swal2-success{border-color:#a5dc86;color:#a5dc86}div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line]{position:absolute;width:3.75em;height:7.5em;border-radius:50%}div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$=left]{top:-0.4375em;left:-2.0635em;transform:rotate(-45deg);transform-origin:3.75em 3.75em;border-radius:7.5em 0 0 7.5em}div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$=right]{top:-0.6875em;left:1.875em;transform:rotate(-45deg);transform-origin:0 3.75em;border-radius:0 7.5em 7.5em 0}div:where(.swal2-icon).swal2-success .swal2-success-ring{position:absolute;z-index:2;top:-0.25em;left:-0.25em;box-sizing:content-box;width:100%;height:100%;border:.25em solid rgba(165,220,134,.3);border-radius:50%}div:where(.swal2-icon).swal2-success .swal2-success-fix{position:absolute;z-index:1;top:.5em;left:1.625em;width:.4375em;height:5.625em;transform:rotate(-45deg)}div:where(.swal2-icon).swal2-success [class^=swal2-success-line]{display:block;position:absolute;z-index:2;height:.3125em;border-radius:.125em;background-color:#a5dc86}div:where(.swal2-icon).swal2-success [class^=swal2-success-line][class$=tip]{top:2.875em;left:.8125em;width:1.5625em;transform:rotate(45deg)}div:where(.swal2-icon).swal2-success [class^=swal2-success-line][class$=long]{top:2.375em;right:.5em;width:2.9375em;transform:rotate(-45deg)}@container swal2-popup style(--swal2-icon-animations:true){div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-line-tip{animation:swal2-animate-success-line-tip .75s}div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-line-long{animation:swal2-animate-success-line-long .75s}div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-circular-line-right{animation:swal2-rotate-success-circular-line 4.25s ease-in}}[class^=swal2]{-webkit-tap-highlight-color:rgba(0,0,0,0)}.swal2-show{animation:var(--swal2-show-animation)}.swal2-hide{animation:var(--swal2-hide-animation)}.swal2-noanimation{transition:none}.swal2-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}.swal2-rtl .swal2-close{margin-right:initial;margin-left:0}.swal2-rtl .swal2-timer-progress-bar{right:0;left:auto}.swal2-toast{box-sizing:border-box;grid-column:1/4 !important;grid-row:1/4 !important;grid-template-columns:min-content auto min-content;padding:1em;overflow-y:hidden;border:var(--swal2-toast-border);background:var(--swal2-background);box-shadow:var(--swal2-toast-box-shadow);pointer-events:auto}.swal2-toast>*{grid-column:2}.swal2-toast h2:where(.swal2-title){margin:.5em 1em;padding:0;font-size:1em;text-align:initial}.swal2-toast .swal2-loading{justify-content:center}.swal2-toast input:where(.swal2-input){height:2em;margin:.5em;font-size:1em}.swal2-toast .swal2-validation-message{font-size:1em}.swal2-toast div:where(.swal2-footer){margin:.5em 0 0;padding:.5em 0 0;font-size:.8em}.swal2-toast button:where(.swal2-close){grid-column:3/3;grid-row:1/99;align-self:center;width:.8em;height:.8em;margin:0;font-size:2em}.swal2-toast div:where(.swal2-html-container){margin:.5em 1em;padding:0;overflow:initial;font-size:1em;text-align:initial}.swal2-toast div:where(.swal2-html-container):empty{padding:0}.swal2-toast .swal2-loader{grid-column:1;grid-row:1/99;align-self:center;width:2em;height:2em;margin:.25em}.swal2-toast .swal2-icon{grid-column:1;grid-row:1/99;align-self:center;width:2em;min-width:2em;height:2em;margin:0 .5em 0 0}.swal2-toast .swal2-icon .swal2-icon-content{display:flex;align-items:center;font-size:1.8em;font-weight:bold}.swal2-toast .swal2-icon.swal2-success .swal2-success-ring{width:2em;height:2em}.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line]{top:.875em;width:1.375em}.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left]{left:.3125em}.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right]{right:.3125em}.swal2-toast div:where(.swal2-actions){justify-content:flex-start;height:auto;margin:0;margin-top:.5em;padding:0 .5em}.swal2-toast button:where(.swal2-styled){margin:.25em .5em;padding:.4em .6em;font-size:1em}.swal2-toast .swal2-success{border-color:#a5dc86}.swal2-toast .swal2-success [class^=swal2-success-circular-line]{position:absolute;width:1.6em;height:3em;border-radius:50%}.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=left]{top:-0.8em;left:-0.5em;transform:rotate(-45deg);transform-origin:2em 2em;border-radius:4em 0 0 4em}.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=right]{top:-0.25em;left:.9375em;transform-origin:0 1.5em;border-radius:0 4em 4em 0}.swal2-toast .swal2-success .swal2-success-ring{width:2em;height:2em}.swal2-toast .swal2-success .swal2-success-fix{top:0;left:.4375em;width:.4375em;height:2.6875em}.swal2-toast .swal2-success [class^=swal2-success-line]{height:.3125em}.swal2-toast .swal2-success [class^=swal2-success-line][class$=tip]{top:1.125em;left:.1875em;width:.75em}.swal2-toast .swal2-success [class^=swal2-success-line][class$=long]{top:.9375em;right:.1875em;width:1.375em}@container swal2-popup style(--swal2-icon-animations:true){.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-tip{animation:swal2-toast-animate-success-line-tip .75s}.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-long{animation:swal2-toast-animate-success-line-long .75s}}.swal2-toast.swal2-show{animation:var(--swal2-toast-show-animation)}.swal2-toast.swal2-hide{animation:var(--swal2-toast-hide-animation)}@keyframes swal2-show{0%{transform:translate3d(0, -50px, 0) scale(0.9);opacity:0}100%{transform:translate3d(0, 0, 0) scale(1);opacity:1}}@keyframes swal2-hide{0%{transform:translate3d(0, 0, 0) scale(1);opacity:1}100%{transform:translate3d(0, -50px, 0) scale(0.9);opacity:0}}@keyframes swal2-animate-success-line-tip{0%{top:1.1875em;left:.0625em;width:0}54%{top:1.0625em;left:.125em;width:0}70%{top:2.1875em;left:-0.375em;width:3.125em}84%{top:3em;left:1.3125em;width:1.0625em}100%{top:2.8125em;left:.8125em;width:1.5625em}}@keyframes swal2-animate-success-line-long{0%{top:3.375em;right:2.875em;width:0}65%{top:3.375em;right:2.875em;width:0}84%{top:2.1875em;right:0;width:3.4375em}100%{top:2.375em;right:.5em;width:2.9375em}}@keyframes swal2-rotate-success-circular-line{0%{transform:rotate(-45deg)}5%{transform:rotate(-45deg)}12%{transform:rotate(-405deg)}100%{transform:rotate(-405deg)}}@keyframes swal2-animate-error-x-mark{0%{margin-top:1.625em;transform:scale(0.4);opacity:0}50%{margin-top:1.625em;transform:scale(0.4);opacity:0}80%{margin-top:-0.375em;transform:scale(1.15)}100%{margin-top:0;transform:scale(1);opacity:1}}@keyframes swal2-animate-error-icon{0%{transform:rotateX(100deg);opacity:0}100%{transform:rotateX(0deg);opacity:1}}@keyframes swal2-rotate-loading{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes swal2-animate-question-mark{0%{transform:rotateY(-360deg)}100%{transform:rotateY(0)}}@keyframes swal2-animate-i-mark{0%{transform:rotateZ(45deg);opacity:0}25%{transform:rotateZ(-25deg);opacity:.4}50%{transform:rotateZ(15deg);opacity:.8}75%{transform:rotateZ(-5deg);opacity:1}100%{transform:rotateX(0);opacity:1}}@keyframes swal2-toast-show{0%{transform:translateY(-0.625em) rotateZ(2deg)}33%{transform:translateY(0) rotateZ(-2deg)}66%{transform:translateY(0.3125em) rotateZ(2deg)}100%{transform:translateY(0) rotateZ(0deg)}}@keyframes swal2-toast-hide{100%{transform:rotateZ(1deg);opacity:0}}@keyframes swal2-toast-animate-success-line-tip{0%{top:.5625em;left:.0625em;width:0}54%{top:.125em;left:.125em;width:0}70%{top:.625em;left:-0.25em;width:1.625em}84%{top:1.0625em;left:.75em;width:.5em}100%{top:1.125em;left:.1875em;width:.75em}}@keyframes swal2-toast-animate-success-line-long{0%{top:1.625em;right:1.375em;width:0}65%{top:1.25em;right:.9375em;width:0}84%{top:.9375em;right:0;width:1.125em}100%{top:.9375em;right:.1875em;width:1.375em}}`)})),sr=(...e)=>e.filter((e,t,n)=>!!e&&e.trim()!==``&&n.indexOf(e)===t).join(` `).trim(),cr=e=>e.replace(/([a-z0-9])([A-Z])/g,`$1-$2`).toLowerCase(),lr=e=>e.replace(/^([A-Z])|[\s-_]+(\w)/g,(e,t,n)=>n?n.toUpperCase():t.toLowerCase()),ur=e=>{let t=lr(e);return t.charAt(0).toUpperCase()+t.slice(1)},dr={xmlns:`http://www.w3.org/2000/svg`,width:24,height:24,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:2,strokeLinecap:`round`,strokeLinejoin:`round`},fr=e=>{for(let t in e)if(t.startsWith(`aria-`)||t===`role`||t===`title`)return!0;return!1},pr=(0,_.createContext)({}),mr=()=>(0,_.useContext)(pr),hr=(0,_.forwardRef)(({color:e,size:t,strokeWidth:n,absoluteStrokeWidth:r,className:i=``,children:a,iconNode:o,...s},c)=>{let{size:l=24,strokeWidth:u=2,absoluteStrokeWidth:d=!1,color:f=`currentColor`,className:p=``}=mr()??{},m=r??d?Number(n??u)*24/Number(t??l):n??u;return(0,_.createElement)(`svg`,{ref:c,...dr,width:t??l??dr.width,height:t??l??dr.height,stroke:e??f,strokeWidth:m,className:sr(`lucide`,p,i),...!a&&!fr(s)&&{"aria-hidden":`true`},...s},[...o.map(([e,t])=>(0,_.createElement)(e,t)),...Array.isArray(a)?a:[a]])}),gr=(e,t)=>{let n=(0,_.forwardRef)(({className:n,...r},i)=>(0,_.createElement)(hr,{ref:i,iconNode:t,className:sr(`lucide-${cr(ur(e))}`,`lucide-${e}`,n),...r}));return n.displayName=ur(e),n},_r=gr(`arrow-left`,[[`path`,{d:`m12 19-7-7 7-7`,key:`1l729n`}],[`path`,{d:`M19 12H5`,key:`x3x0zl`}]]),vr=gr(`dices`,[[`rect`,{width:`12`,height:`12`,x:`2`,y:`10`,rx:`2`,ry:`2`,key:`6agr2n`}],[`path`,{d:`m17.92 14 3.5-3.5a2.24 2.24 0 0 0 0-3l-5-4.92a2.24 2.24 0 0 0-3 0L10 6`,key:`1o487t`}],[`path`,{d:`M6 18h.01`,key:`uhywen`}],[`path`,{d:`M10 14h.01`,key:`ssrbsk`}],[`path`,{d:`M15 6h.01`,key:`cblpky`}],[`path`,{d:`M18 9h.01`,key:`2061c0`}]]),yr=gr(`grid-3x3`,[[`rect`,{width:`18`,height:`18`,x:`3`,y:`3`,rx:`2`,key:`afitv7`}],[`path`,{d:`M3 9h18`,key:`1pudct`}],[`path`,{d:`M3 15h18`,key:`5xshup`}],[`path`,{d:`M9 3v18`,key:`fh3hqa`}],[`path`,{d:`M15 3v18`,key:`14nvp0`}]]),br=gr(`hash`,[[`line`,{x1:`4`,x2:`20`,y1:`9`,y2:`9`,key:`4lhtct`}],[`line`,{x1:`4`,x2:`20`,y1:`15`,y2:`15`,key:`vyu0kd`}],[`line`,{x1:`10`,x2:`8`,y1:`3`,y2:`21`,key:`1ggp8o`}],[`line`,{x1:`16`,x2:`14`,y1:`3`,y2:`21`,key:`weycgp`}]]),xr=gr(`minus`,[[`path`,{d:`M5 12h14`,key:`1ays0h`}]]),Sr=gr(`plus`,[[`path`,{d:`M5 12h14`,key:`1ays0h`}],[`path`,{d:`M12 5v14`,key:`s699le`}]]),Cr=gr(`rotate-ccw`,[[`path`,{d:`M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8`,key:`1357e3`}],[`path`,{d:`M3 3v5h5`,key:`1xhq8a`}]]),wr=gr(`square`,[[`rect`,{width:`18`,height:`18`,x:`3`,y:`3`,rx:`2`,key:`afitv7`}]]),Tr=gr(`star`,[[`path`,{d:`M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z`,key:`r04s7s`}]]),Er=gr(`swatch-book`,[[`path`,{d:`M11 17a4 4 0 0 1-8 0V5a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2Z`,key:`1ldrpk`}],[`path`,{d:`M16.7 13H19a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2H7`,key:`11i5po`}],[`path`,{d:`M 7 17h.01`,key:`1euzgo`}],[`path`,{d:`m11 8 2.3-2.3a2.4 2.4 0 0 1 3.404.004L18.6 7.6a2.4 2.4 0 0 1 .026 3.434L9.9 19.8`,key:`o2gii7`}]]),Dr=gr(`timer`,[[`line`,{x1:`10`,x2:`14`,y1:`2`,y2:`2`,key:`14vaq8`}],[`line`,{x1:`12`,x2:`15`,y1:`14`,y2:`11`,key:`17fdiu`}],[`circle`,{cx:`12`,cy:`14`,r:`8`,key:`1e1u0o`}]]),Or=gr(`trophy`,[[`path`,{d:`M10 14.66v1.626a2 2 0 0 1-.976 1.696A5 5 0 0 0 7 21.978`,key:`1n3hpd`}],[`path`,{d:`M14 14.66v1.626a2 2 0 0 0 .976 1.696A5 5 0 0 1 17 21.978`,key:`rfe1zi`}],[`path`,{d:`M18 9h1.5a1 1 0 0 0 0-5H18`,key:`7xy6bh`}],[`path`,{d:`M4 22h16`,key:`57wxv0`}],[`path`,{d:`M6 9a6 6 0 0 0 12 0V3a1 1 0 0 0-1-1H7a1 1 0 0 0-1 1z`,key:`1mhfuq`}],[`path`,{d:`M6 9H4.5a1 1 0 0 1 0-5H6`,key:`tex48p`}]]),kr=gr(`user`,[[`path`,{d:`M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2`,key:`975kel`}],[`circle`,{cx:`12`,cy:`7`,r:`4`,key:`17ys0d`}]]),Ar=gr(`users`,[[`path`,{d:`M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2`,key:`1yyitq`}],[`path`,{d:`M16 3.128a4 4 0 0 1 0 7.744`,key:`16gr8j`}],[`path`,{d:`M22 21v-2a4 4 0 0 0-3-3.87`,key:`kshegd`}],[`circle`,{cx:`9`,cy:`7`,r:`4`,key:`nufk8`}]]),W=l(or()),jr=({title:e,description:t,onClick:n,icon:r})=>(0,H.jsxs)(`div`,{onClick:n,className:`group relative p-4 sm:p-8 rounded-xl sm:rounded-2xl glass cursor-pointer transition-all duration-500 hover:scale-105 hover:-translate-y-2`,children:[(0,H.jsx)(`div`,{className:`absolute inset-0 bg-gradient-to-br from-white/20 to-transparent opacity-0 group-hover:opacity-100 transition-opacity rounded-xl sm:rounded-2xl`}),(0,H.jsx)(`div`,{className:`mb-2 sm:mb-4 text-blue-600 transition-transform duration-500 group-hover:rotate-12 group-hover:scale-110`,children:(0,H.jsx)(r,{size:32,className:`sm:size-48`,strokeWidth:1.5})}),(0,H.jsx)(`h3`,{className:`text-lg sm:text-2xl font-bold mb-1 sm:mb-2 hand-drawn text-gray-800`,children:e}),(0,H.jsx)(`p`,{className:`text-xs sm:text-gray-600 paper-font text-[10px] sm:text-base`,children:t})]}),Mr=()=>{let{playerName:e,setPlayerName:t}=ir(),n=He();return(0,_.useEffect)(()=>{e||W.default.fire({title:`Welcome to PaperParty!`,text:`What is your name, player?`,input:`text`,inputPlaceholder:`Enter your name...`,allowOutsideClick:!1,confirmButtonText:`Let's Play!`,customClass:{popup:`glass rounded-3xl paper-font`,title:`hand-drawn text-3xl`,confirmButton:`bg-blue-500/80 hover:bg-blue-500 px-8 py-3 rounded-xl font-bold transition-all`},buttonsStyling:!1,inputValidator:e=>{if(!e)return`We need a name to start the party!`}}).then(e=>{e.isConfirmed&&t(e.value)})},[e,t]),(0,H.jsxs)(`div`,{className:`min-h-screen flex flex-col items-center justify-center p-2 sm:p-4`,children:[(0,H.jsxs)(`div`,{className:`text-center mb-6 sm:mb-16`,children:[(0,H.jsx)(`h1`,{className:`text-4xl sm:text-6xl md:text-7xl lg:text-9xl hand-drawn mb-2 sm:mb-4 text-transparent bg-clip-text bg-gradient-to-r from-blue-600 to-purple-600 animate-pulse`,children:`PaperParty`}),(0,H.jsx)(`p`,{className:`text-sm sm:text-xl md:text-2xl paper-font text-gray-600 max-w-2xl mx-auto`,children:`Multiplayer games that feel like the back of your notebook.`})]}),(0,H.jsxs)(`div`,{className:`grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-3 sm:gap-8 max-w-5xl w-full px-2 sm:px-0`,children:[(0,H.jsx)(jr,{title:`Bingo`,description:`The classic 5x5 numbers game. Race to cross out your lines!`,icon:br,onClick:()=>n(`/bingo`)}),(0,H.jsx)(jr,{title:`Tic Tac Toe`,description:`Strategize and outsmart your opponent in this timeless 3x3 battle.`,icon:vr,onClick:()=>n(`/tictactoe`)}),(0,H.jsx)(jr,{title:`Ultimate Tic-Tac-Toe`,description:`The mind-bending 9x9 grid where every move sends your opponent to a new battlefield!`,icon:yr,onClick:()=>n(`/uttt`)}),(0,H.jsx)(jr,{title:`Dots & Boxes`,description:`Connect the dots and claim boxes in this classic strategy game!`,icon:wr,onClick:()=>n(`/dab`)})]}),e&&(0,H.jsxs)(`div`,{className:`mt-6 sm:mt-12 paper-font text-gray-500 glass px-4 sm:px-6 py-1 sm:py-2 rounded-full flex items-center gap-1 sm:gap-2 text-xs sm:text-base`,children:[(0,H.jsx)(kr,{size:14,className:`sm:w-[18px] text-blue-600`}),(0,H.jsxs)(`span`,{children:[`Playing as `,(0,H.jsx)(`span`,{className:`font-bold text-blue-600`,children:e})]})]})]})},Nr=`modulepreload`,Pr=function(e){return`/`+e},Fr={},Ir=function(e,t,n){let r=Promise.resolve();if(t&&t.length>0){let e=document.getElementsByTagName(`link`),i=document.querySelector(`meta[property=csp-nonce]`),a=i?.nonce||i?.getAttribute(`nonce`);function o(e){return Promise.all(e.map(e=>Promise.resolve(e).then(e=>({status:`fulfilled`,value:e}),e=>({status:`rejected`,reason:e}))))}r=o(t.map(t=>{if(t=Pr(t,n),t in Fr)return;Fr[t]=!0;let r=t.endsWith(`.css`),i=r?`[rel="stylesheet"]`:``;if(n)for(let n=e.length-1;n>=0;n--){let i=e[n];if(i.href===t&&(!r||i.rel===`stylesheet`))return}else if(document.querySelector(`link[href="${t}"]${i}`))return;let o=document.createElement(`link`);if(o.rel=r?`stylesheet`:Nr,r||(o.as=`script`),o.crossOrigin=``,o.href=t,a&&o.setAttribute(`nonce`,a),document.head.appendChild(o),r)return new Promise((e,n)=>{o.addEventListener(`load`,e),o.addEventListener(`error`,()=>n(Error(`Unable to preload CSS for ${t}`)))})}))}function i(e){let t=new Event(`vite:preloadError`,{cancelable:!0});if(t.payload=e,window.dispatchEvent(t),!t.defaultPrevented)throw e}return r.then(t=>{for(let e of t||[])e.status===`rejected`&&i(e.reason);return e().catch(i)})};function Lr(){return Lr=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},Lr.apply(null,arguments)}function Rr(e,t){if(e==null)return{};var n={};for(var r in e)if({}.hasOwnProperty.call(e,r)){if(t.indexOf(r)!==-1)continue;n[r]=e[r]}return n}function zr(e){(0,_.useEffect)(e,[])}var Br=[`id`,`volume`,`playbackRate`,`soundEnabled`,`interrupt`,`onload`];function Vr(e,t){var n=t===void 0?{}:t,r=n.volume,i=r===void 0?1:r,a=n.playbackRate,o=a===void 0?1:a,s=n.soundEnabled,c=s===void 0?!0:s,u=n.interrupt,d=u===void 0?!1:u,f=n.onload,p=Rr(n,Br),m=_.useRef(null),h=_.useRef(!1),g=_.useState(null),v=g[0],y=g[1],b=_.useState(null),x=b[0],S=b[1],C=function(){typeof f==`function`&&f.call(this),h.current&&y(this.duration()*1e3),S(this)};return zr(function(){return Ir(()=>import(`./howler-CESL1Llt.js`).then(e=>l(e.default)).then(function(t){h.current||(m.current=t.Howl??t.default.Howl,h.current=!0,new m.current(Lr({src:Array.isArray(e)?e:[e],volume:i,rate:o,onload:C},p)))}),[]),function(){h.current=!1}}),_.useEffect(function(){m.current&&x&&S(new m.current(Lr({src:Array.isArray(e)?e:[e],volume:i,onload:C},p)))},[JSON.stringify(e)]),_.useEffect(function(){x&&(x.volume(i),p.sprite||x.rate(o))},[x,i,o]),[_.useCallback(function(e){e===void 0&&(e={}),!(!x||!c&&!e.forceSoundEnabled)&&(d&&x.stop(),e.playbackRate&&x.rate(e.playbackRate),x.play(e.id))},[x,c,d]),{sound:x,stop:_.useCallback(function(e){x&&x.stop(e)},[x]),pause:_.useCallback(function(e){x&&x.pause(e)},[x]),duration:v}]}var Hr={};(function e(t,n,r,i){var a=!!(t.Worker&&t.Blob&&t.Promise&&t.OffscreenCanvas&&t.OffscreenCanvasRenderingContext2D&&t.HTMLCanvasElement&&t.HTMLCanvasElement.prototype.transferControlToOffscreen&&t.URL&&t.URL.createObjectURL),o=typeof Path2D==`function`&&typeof DOMMatrix==`function`,s=(function(){if(!t.OffscreenCanvas)return!1;try{var e=new OffscreenCanvas(1,1),n=e.getContext(`2d`);n.fillRect(0,0,1,1);var r=e.transferToImageBitmap();n.createPattern(r,`no-repeat`)}catch{return!1}return!0})();function c(){}function l(e){var r=n.exports.Promise,i=r===void 0?t.Promise:r;return typeof i==`function`?new i(e):(e(c,c),null)}var u=(function(e,t){return{transform:function(n){if(e)return n;if(t.has(n))return t.get(n);var r=new OffscreenCanvas(n.width,n.height);return r.getContext(`2d`).drawImage(n,0,0),t.set(n,r),r},clear:function(){t.clear()}}})(s,new Map),d=function(){var e=16,t,n,r={},i=0;return typeof requestAnimationFrame==`function`&&typeof cancelAnimationFrame==`function`?(t=function(t){var n=Math.random();return r[n]=requestAnimationFrame(function a(o){i===o||i+e-1<o?(i=o,delete r[n],t()):r[n]=requestAnimationFrame(a)}),n},n=function(e){r[e]&&cancelAnimationFrame(r[e])}):(t=function(t){return setTimeout(t,e)},n=function(e){return clearTimeout(e)}),{frame:t,cancel:n}}(),f=(function(){var t,n,i={};function o(e){function t(t,n){e.postMessage({options:t||{},callback:n})}e.init=function(t){var n=t.transferControlToOffscreen();e.postMessage({canvas:n},[n])},e.fire=function(r,a,o){if(n)return t(r,null),n;var s=Math.random().toString(36).slice(2);return n=l(function(a){function c(t){t.data.callback===s&&(delete i[s],e.removeEventListener(`message`,c),n=null,u.clear(),o(),a())}e.addEventListener(`message`,c),t(r,s),i[s]=c.bind(null,{data:{callback:s}})}),n},e.reset=function(){for(var t in e.postMessage({reset:!0}),i)i[t](),delete i[t]}}return function(){if(t)return t;if(!r&&a){var n=[`var CONFETTI, SIZE = {}, module = {};`,`(`+e.toString()+`)(this, module, true, SIZE);`,`onmessage = function(msg) {`,`  if (msg.data.options) {`,`    CONFETTI(msg.data.options).then(function () {`,`      if (msg.data.callback) {`,`        postMessage({ callback: msg.data.callback });`,`      }`,`    });`,`  } else if (msg.data.reset) {`,`    CONFETTI && CONFETTI.reset();`,`  } else if (msg.data.resize) {`,`    SIZE.width = msg.data.resize.width;`,`    SIZE.height = msg.data.resize.height;`,`  } else if (msg.data.canvas) {`,`    SIZE.width = msg.data.canvas.width;`,`    SIZE.height = msg.data.canvas.height;`,`    CONFETTI = module.exports.create(msg.data.canvas);`,`  }`,`}`].join(`
-`);try{t=new Worker(URL.createObjectURL(new Blob([n])))}catch(e){return typeof console<`u`&&typeof console.warn==`function`&&console.warn(`🎊 Could not load worker`,e),null}o(t)}return t}})(),p={particleCount:50,angle:90,spread:45,startVelocity:45,decay:.9,gravity:1,drift:0,ticks:200,x:.5,y:.5,shapes:[`square`,`circle`],zIndex:100,colors:[`#26ccff`,`#a25afd`,`#ff5e7e`,`#88ff5a`,`#fcff42`,`#ffa62d`,`#ff36ff`],disableForReducedMotion:!1,scalar:1};function m(e,t){return t?t(e):e}function h(e){return e!=null}function g(e,t,n){return m(e&&h(e[t])?e[t]:p[t],n)}function _(e){return e<0?0:Math.floor(e)}function v(e,t){return Math.floor(Math.random()*(t-e))+e}function y(e){return parseInt(e,16)}function b(e){return e.map(x)}function x(e){var t=String(e).replace(/[^0-9a-f]/gi,``);return t.length<6&&(t=t[0]+t[0]+t[1]+t[1]+t[2]+t[2]),{r:y(t.substring(0,2)),g:y(t.substring(2,4)),b:y(t.substring(4,6))}}function S(e){var t=g(e,`origin`,Object);return t.x=g(t,`x`,Number),t.y=g(t,`y`,Number),t}function C(e){e.width=document.documentElement.clientWidth,e.height=document.documentElement.clientHeight}function w(e){var t=e.getBoundingClientRect();e.width=t.width,e.height=t.height}function T(e){var t=document.createElement(`canvas`);return t.style.position=`fixed`,t.style.top=`0px`,t.style.left=`0px`,t.style.pointerEvents=`none`,t.style.zIndex=e,t}function E(e,t,n,r,i,a,o,s,c){e.save(),e.translate(t,n),e.rotate(a),e.scale(r,i),e.arc(0,0,1,o,s,c),e.restore()}function D(e){var t=e.angle*(Math.PI/180),n=e.spread*(Math.PI/180);return{x:e.x,y:e.y,wobble:Math.random()*10,wobbleSpeed:Math.min(.11,Math.random()*.1+.05),velocity:e.startVelocity*.5+Math.random()*e.startVelocity,angle2D:-t+(.5*n-Math.random()*n),tiltAngle:(Math.random()*.5+.25)*Math.PI,color:e.color,shape:e.shape,tick:0,totalTicks:e.ticks,decay:e.decay,drift:e.drift,random:Math.random()+2,tiltSin:0,tiltCos:0,wobbleX:0,wobbleY:0,gravity:e.gravity*3,ovalScalar:.6,scalar:e.scalar,flat:e.flat}}function ee(e,t){t.x+=Math.cos(t.angle2D)*t.velocity+t.drift,t.y+=Math.sin(t.angle2D)*t.velocity+t.gravity,t.velocity*=t.decay,t.flat?(t.wobble=0,t.wobbleX=t.x+10*t.scalar,t.wobbleY=t.y+10*t.scalar,t.tiltSin=0,t.tiltCos=0,t.random=1):(t.wobble+=t.wobbleSpeed,t.wobbleX=t.x+10*t.scalar*Math.cos(t.wobble),t.wobbleY=t.y+10*t.scalar*Math.sin(t.wobble),t.tiltAngle+=.1,t.tiltSin=Math.sin(t.tiltAngle),t.tiltCos=Math.cos(t.tiltAngle),t.random=Math.random()+2);var n=t.tick++/t.totalTicks,r=t.x+t.random*t.tiltCos,i=t.y+t.random*t.tiltSin,a=t.wobbleX+t.random*t.tiltCos,s=t.wobbleY+t.random*t.tiltSin;if(e.fillStyle=`rgba(`+t.color.r+`, `+t.color.g+`, `+t.color.b+`, `+(1-n)+`)`,e.beginPath(),o&&t.shape.type===`path`&&typeof t.shape.path==`string`&&Array.isArray(t.shape.matrix))e.fill(ae(t.shape.path,t.shape.matrix,t.x,t.y,Math.abs(a-r)*.1,Math.abs(s-i)*.1,Math.PI/10*t.wobble));else if(t.shape.type===`bitmap`){var c=Math.PI/10*t.wobble,l=Math.abs(a-r)*.1,d=Math.abs(s-i)*.1,f=t.shape.bitmap.width*t.scalar,p=t.shape.bitmap.height*t.scalar,m=new DOMMatrix([Math.cos(c)*l,Math.sin(c)*l,-Math.sin(c)*d,Math.cos(c)*d,t.x,t.y]);m.multiplySelf(new DOMMatrix(t.shape.matrix));var h=e.createPattern(u.transform(t.shape.bitmap),`no-repeat`);h.setTransform(m),e.globalAlpha=1-n,e.fillStyle=h,e.fillRect(t.x-f/2,t.y-p/2,f,p),e.globalAlpha=1}else if(t.shape===`circle`)e.ellipse?e.ellipse(t.x,t.y,Math.abs(a-r)*t.ovalScalar,Math.abs(s-i)*t.ovalScalar,Math.PI/10*t.wobble,0,2*Math.PI):E(e,t.x,t.y,Math.abs(a-r)*t.ovalScalar,Math.abs(s-i)*t.ovalScalar,Math.PI/10*t.wobble,0,2*Math.PI);else if(t.shape===`star`)for(var g=Math.PI/2*3,_=4*t.scalar,v=8*t.scalar,y=t.x,b=t.y,x=5,S=Math.PI/x;x--;)y=t.x+Math.cos(g)*v,b=t.y+Math.sin(g)*v,e.lineTo(y,b),g+=S,y=t.x+Math.cos(g)*_,b=t.y+Math.sin(g)*_,e.lineTo(y,b),g+=S;else e.moveTo(Math.floor(t.x),Math.floor(t.y)),e.lineTo(Math.floor(t.wobbleX),Math.floor(i)),e.lineTo(Math.floor(a),Math.floor(s)),e.lineTo(Math.floor(r),Math.floor(t.wobbleY));return e.closePath(),e.fill(),t.tick<t.totalTicks}function te(e,t,n,a,o){var s=t.slice(),c=e.getContext(`2d`),f,p,m=l(function(t){function l(){f=p=null,c.clearRect(0,0,a.width,a.height),u.clear(),o(),t()}function m(){r&&!(a.width===i.width&&a.height===i.height)&&(a.width=e.width=i.width,a.height=e.height=i.height),!a.width&&!a.height&&(n(e),a.width=e.width,a.height=e.height),c.clearRect(0,0,a.width,a.height),s=s.filter(function(e){return ee(c,e)}),s.length?f=d.frame(m):l()}f=d.frame(m),p=l});return{addFettis:function(e){return s=s.concat(e),m},canvas:e,promise:m,reset:function(){f&&d.cancel(f),p&&p()}}}function ne(e,n){var r=!e,i=!!g(n||{},`resize`),o=!1,s=g(n,`disableForReducedMotion`,Boolean),c=a&&g(n||{},`useWorker`)?f():null,u=r?C:w,d=e&&c?!!e.__confetti_initialized:!1,p=typeof matchMedia==`function`&&matchMedia(`(prefers-reduced-motion)`).matches,m;function h(t,n,r){for(var i=g(t,`particleCount`,_),a=g(t,`angle`,Number),o=g(t,`spread`,Number),s=g(t,`startVelocity`,Number),c=g(t,`decay`,Number),l=g(t,`gravity`,Number),d=g(t,`drift`,Number),f=g(t,`colors`,b),p=g(t,`ticks`,Number),h=g(t,`shapes`),y=g(t,`scalar`),x=!!g(t,`flat`),C=S(t),w=i,T=[],E=e.width*C.x,ee=e.height*C.y;w--;)T.push(D({x:E,y:ee,angle:a,spread:o,startVelocity:s,color:f[w%f.length],shape:h[v(0,h.length)],ticks:p,decay:c,gravity:l,drift:d,scalar:y,flat:x}));return m?m.addFettis(T):(m=te(e,T,u,n,r),m.promise)}function y(n){var a=s||g(n,`disableForReducedMotion`,Boolean),f=g(n,`zIndex`,Number);if(a&&p)return l(function(e){e()});r&&m?e=m.canvas:r&&!e&&(e=T(f),document.body.appendChild(e)),i&&!d&&u(e);var _={width:e.width,height:e.height};c&&!d&&c.init(e),d=!0,c&&(e.__confetti_initialized=!0);function v(){if(c){var t={getBoundingClientRect:function(){if(!r)return e.getBoundingClientRect()}};u(t),c.postMessage({resize:{width:t.width,height:t.height}});return}_.width=_.height=null}function y(){m=null,i&&(o=!1,t.removeEventListener(`resize`,v)),r&&e&&(document.body.contains(e)&&document.body.removeChild(e),e=null,d=!1)}return i&&!o&&(o=!0,t.addEventListener(`resize`,v,!1)),c?c.fire(n,_,y):h(n,_,y)}return y.reset=function(){c&&c.reset(),m&&m.reset()},y}var re;function ie(){return re||=ne(null,{useWorker:!0,resize:!0}),re}function ae(e,t,n,r,i,a,o){var s=new Path2D(e),c=new Path2D;c.addPath(s,new DOMMatrix(t));var l=new Path2D;return l.addPath(c,new DOMMatrix([Math.cos(o)*i,Math.sin(o)*i,-Math.sin(o)*a,Math.cos(o)*a,n,r])),l}function O(e){if(!o)throw Error(`path confetti are not supported in this browser`);var t,n;typeof e==`string`?t=e:(t=e.path,n=e.matrix);var r=new Path2D(t),i=document.createElement(`canvas`).getContext(`2d`);if(!n){for(var a=1e3,s=a,c=a,l=0,u=0,d,f,p=0;p<a;p+=2)for(var m=0;m<a;m+=2)i.isPointInPath(r,p,m,`nonzero`)&&(s=Math.min(s,p),c=Math.min(c,m),l=Math.max(l,p),u=Math.max(u,m));d=l-s,f=u-c;var h=10,g=Math.min(h/d,h/f);n=[g,0,0,g,-Math.round(d/2+s)*g,-Math.round(f/2+c)*g]}return{type:`path`,path:t,matrix:n}}function k(e){var t,n=1,r=`#000000`,i=`"Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji", "EmojiOne Color", "Android Emoji", "Twemoji Mozilla", "system emoji", sans-serif`;typeof e==`string`?t=e:(t=e.text,n=`scalar`in e?e.scalar:n,i=`fontFamily`in e?e.fontFamily:i,r=`color`in e?e.color:r);var a=10*n,o=``+a+`px `+i,s=new OffscreenCanvas(a,a),c=s.getContext(`2d`);c.font=o;var l=c.measureText(t),u=Math.ceil(l.actualBoundingBoxRight+l.actualBoundingBoxLeft),d=Math.ceil(l.actualBoundingBoxAscent+l.actualBoundingBoxDescent),f=2,p=l.actualBoundingBoxLeft+f,m=l.actualBoundingBoxAscent+f;u+=f+f,d+=f+f,s=new OffscreenCanvas(u,d),c=s.getContext(`2d`),c.font=o,c.fillStyle=r,c.fillText(t,p,m);var h=1/n;return{type:`bitmap`,bitmap:s.transferToImageBitmap(),matrix:[h,0,0,h,-u*h/2,-d*h/2]}}n.exports=function(){return ie().apply(this,arguments)},n.exports.reset=function(){ie().reset()},n.exports.create=ne,n.exports.shapeFromPath=O,n.exports.shapeFromText=k})((function(){return typeof window<`u`?window:typeof self<`u`?self:this||{}})(),Hr,!1);var Ur=Hr.exports;Hr.exports.create;var Wr=()=>{let{socket:e,playerName:t,roomId:n,setRoomId:r}=ir(),[i,a]=(0,_.useState)(()=>Array.from({length:25},(e,t)=>t+1).sort(()=>Math.random()-.5)),[o,s]=(0,_.useState)([]),[c,l]=(0,_.useState)(`waiting`),[u,d]=(0,_.useState)(null),[f,p]=(0,_.useState)(!1),[m,h]=(0,_.useState)(``),[g,v]=(0,_.useState)(30),y=He(),[b]=Vr(`/sounds/pop.mp3`,{volume:.5}),[x]=Vr(`/sounds/win.mp3`,{volume:.7}),[S]=Vr(`/sounds/turn.mp3`,{volume:.6});(0,_.useEffect)(()=>{let e;return c===`playing`&&g>0&&(e=setInterval(()=>{v(e=>e-1)},1e3)),()=>clearInterval(e)},[c,g]),(0,_.useEffect)(()=>{if(e)return e.on(`bingo_roomInfo`,({id:t,creator:n,players:i,gameState:a,currentTurn:o})=>{r(t),s(i),l(a),d(o),p(n===e.id)}),e.on(`bingo_gameStarted`,e=>{l(`playing`),d(e),v(30),W.default.fire({title:`Eyes Down!`,text:`Bingo has started!`,timer:1500,showConfirmButton:!1,customClass:{popup:`glass rounded-3xl paper-font`}})}),e.on(`bingo_gameRestarted`,()=>{a(Array.from({length:25},(e,t)=>t+1).sort(()=>Math.random()-.5)),h(``),l(`ready`),W.default.fire({title:`Game Restarted`,text:`New card generated!`,timer:1500,showConfirmButton:!1,customClass:{popup:`glass rounded-3xl paper-font`}})}),e.on(`bingo_numberMarked`,({number:e,playerId:t})=>{a(t=>t.map(t=>t===e?`X`:t)),b()}),e.on(`bingo_nextTurn`,t=>{d(t),v(30),t===e.id&&S()}),e.on(`bingo_playerWon`,e=>{x(),Ur({particleCount:150,spread:70,origin:{y:.6}});let t=o.find(t=>t.id===e)?.name||`Someone`;W.default.fire({title:`BINGO!`,text:`${t} has achieved Bingo!`,icon:`success`,customClass:{popup:`glass rounded-3xl paper-font`}}),l(`ended`)}),e.on(`bingo_playerLeft`,e=>{W.default.fire({title:`Player Left`,text:`A player has left the game.`,icon:`warning`,customClass:{popup:`glass rounded-3xl paper-font`}})}),e.on(`bingo_alert`,({icon:e,title:t,text:n})=>{W.default.fire({icon:e,title:t,text:n,customClass:{popup:`glass rounded-3xl paper-font`}})}),()=>{e.off(`bingo_roomInfo`),e.off(`bingo_gameStarted`),e.off(`bingo_gameRestarted`),e.off(`bingo_numberMarked`),e.off(`bingo_nextTurn`),e.off(`bingo_playerWon`),e.off(`bingo_playerLeft`),e.off(`bingo_alert`)}},[e,o,r,b,x,S]);let C=(0,_.useCallback)(()=>{let t=[];for(let e=0;e<5;e++)t.push(Array.from({length:5},(t,n)=>e*5+n));for(let e=0;e<5;e++)t.push(Array.from({length:5},(t,n)=>e+n*5));t.push(Array.from({length:5},(e,t)=>t*5+t)),t.push(Array.from({length:5},(e,t)=>(t+1)*5-(t+1)));let r=t.filter(e=>e.every(e=>i[e]===`X`)).length,a=`BINGO`.slice(0,Math.min(r,5));a.length>m.length&&(h(a),a===`BINGO`&&e.emit(`bingo_achieved`,n))},[i,m,n,e]);(0,_.useEffect)(()=>{C()},[i,C]);let w=t=>{c===`playing`&&u===e?.id&&t!==`X`&&e.emit(`bingo_markNumber`,{roomId:n,number:t})};return(0,H.jsxs)(`div`,{className:`min-h-screen flex flex-col items-center justify-center p-4`,children:[(0,H.jsxs)(U,{onClick:()=>y(`/`),variant:`secondary`,className:`absolute top-8 left-8 flex items-center gap-2`,children:[(0,H.jsx)(_r,{size:18}),`Back`]}),(0,H.jsx)(`h1`,{className:`text-6xl hand-drawn mb-8 text-purple-600`,children:`Bingo Party`}),n?(0,H.jsxs)(`div`,{className:`w-full max-w-4xl flex flex-col md:flex-row gap-8 items-start`,children:[(0,H.jsxs)(`div`,{className:`flex-1 w-full`,children:[(0,H.jsxs)(`div`,{className:`glass p-4 rounded-2xl mb-8 flex justify-between items-center`,children:[(0,H.jsxs)(`div`,{className:`paper-font text-gray-600 flex items-center gap-2`,children:[(0,H.jsx)(Er,{size:18,className:`text-purple-500`}),`Room: `,(0,H.jsx)(`span`,{className:`font-bold text-purple-600 uppercase`,children:n})]}),(0,H.jsx)(`div`,{className:`flex gap-2`,children:`BINGO`.split(``).map((e,t)=>(0,H.jsx)(`span`,{className:`w-8 h-8 flex items-center justify-center rounded-lg font-bold transition-all duration-500 
-                    ${t<m.length?`bg-green-500 text-white scale-110 shadow-lg`:`bg-gray-200 text-gray-400`}`,children:e},t))})]}),(0,H.jsx)(`div`,{className:`grid grid-cols-5 gap-2 md:gap-4 aspect-square`,children:i.map((t,n)=>(0,H.jsx)(`button`,{onClick:()=>w(t),disabled:t===`X`||c!==`playing`||u!==e?.id,className:`glass text-xl md:text-3xl paper-font flex items-center justify-center transition-all duration-300 rounded-xl
-                    ${t===`X`?`bg-purple-500/50 text-white rotate-12`:`hover:bg-white/40 cursor-pointer`}
-                    ${c===`playing`&&u===e?.id&&t!==`X`?`ring-2 ring-purple-400 ring-offset-2`:``}`,children:t===`X`?`★`:t},n))})]}),(0,H.jsxs)(`div`,{className:`w-full md:w-64 flex flex-col gap-6`,children:[(0,H.jsxs)(`div`,{className:`glass p-6 rounded-2xl`,children:[(0,H.jsxs)(`h3`,{className:`hand-drawn text-2xl mb-4 flex items-center gap-2`,children:[(0,H.jsx)(Ar,{size:24,className:`text-purple-500`}),`Players`]}),(0,H.jsx)(`div`,{className:`flex flex-col gap-3`,children:o.map(e=>(0,H.jsxs)(`div`,{className:`flex items-center justify-between p-2 rounded-lg transition-all
-                    ${e.id===u?`bg-purple-100 scale-105`:`opacity-70`}`,children:[(0,H.jsx)(`span`,{className:`font-bold paper-font truncate flex-1`,children:e.name}),e.id===u&&(0,H.jsx)(Ar,{size:16,className:`text-purple-500 animate-pulse`})]},e.id))})]}),f&&c===`ready`&&(0,H.jsx)(U,{onClick:()=>{if(o.length<2){W.default.fire({title:`Wait!`,text:`Need at least 2 players!`,icon:`info`});return}e.emit(`bingo_startGame`,n)},variant:`success`,className:`w-full text-xl py-4 animate-pulse flex items-center justify-center gap-2`,children:`🚀 Start Party!`}),c===`playing`&&(0,H.jsxs)(`div`,{className:`glass p-6 rounded-2xl text-center`,children:[(0,H.jsxs)(`div`,{className:`text-sm paper-font text-gray-500 mb-1 flex items-center justify-center gap-1`,children:[(0,H.jsx)(Dr,{size:14}),`Time Remaining`]}),(0,H.jsxs)(`div`,{className:`text-4xl font-bold paper-font ${g<10?`text-red-500 animate-ping`:`text-purple-600`}`,children:[g,`s`]}),u===e?.id&&(0,H.jsxs)(`div`,{className:`mt-2 text-purple-600 flex items-center justify-center gap-1 text-sm animate-bounce`,children:[(0,H.jsx)(Or,{size:14}),`Your Turn!`]})]})]})]}):(0,H.jsxs)(`div`,{className:`flex gap-4`,children:[(0,H.jsx)(U,{onClick:()=>{e.emit(`bingo_createRoom`,t)},children:`Create Room`}),(0,H.jsx)(U,{onClick:async()=>{let{value:n}=await W.default.fire({title:`Join Bingo Room`,input:`text`,inputPlaceholder:`Enter Room ID`,showCancelButton:!0,customClass:{popup:`glass rounded-3xl paper-font`}});n&&e.emit(`bingo_joinRoom`,{roomId:n.toUpperCase(),playerName:t})},variant:`secondary`,children:`Join Room`})]})]})},Gr=()=>{let{socket:e,playerName:t,roomId:n,setRoomId:r}=ir(),[i,a]=(0,_.useState)(Array(9).fill(null)),[o,s]=(0,_.useState)([]),[c,l]=(0,_.useState)(null),[u,d]=(0,_.useState)(`waiting`),[f,p]=(0,_.useState)([]),[m,h]=(0,_.useState)(null),g=He(),[v]=Vr(`/sounds/move.mp3`,{volume:.5}),[y]=Vr(`/sounds/win.mp3`,{volume:.7});return(0,_.useEffect)(()=>{if(e)return V.info(`TTT`,`Socket connected: ${e.id}`),e.on(`ttt_roomInfo`,({id:t,players:n,gameState:i,currentTurn:o,board:c})=>{V.socket(`⬅️`,`ttt_roomInfo`,{roomId:t,gameState:i}),r(t),s(n),d(i),l(o),c&&a(c);let u=n.findIndex(t=>t.id===e.id);u!==-1&&h(u===0?`X`:`O`)}),e.on(`ttt_gameStarted`,()=>{V.socket(`⬅️`,`ttt_gameStarted`,`Game started`),d(`playing`),p([]),W.default.fire({title:`Game Started!`,text:`The battle begins!`,timer:1500,showConfirmButton:!1,customClass:{popup:`glass rounded-3xl paper-font`}})}),e.on(`ttt_gameRestarted`,()=>{V.socket(`⬅️`,`ttt_gameRestarted`,`Game restarted`),d(`playing`),p([]),a(Array(9).fill(null)),W.default.fire({title:`Game Restarted`,text:`Round 2!`,timer:1500,showConfirmButton:!1,customClass:{popup:`glass rounded-3xl paper-font`}})}),e.on(`ttt_moveMade`,({position:e,symbol:t,board:n})=>{V.socket(`⬅️`,`ttt_moveMade`,{position:e,symbol:t}),v(),a(n)}),e.on(`ttt_nextTurn`,e=>{V.socket(`⬅️`,`ttt_nextTurn`,{playerId:e}),l(e)}),e.on(`ttt_gameWon`,({winner:e,winningLine:t})=>{V.socket(`⬅️`,`ttt_gameWon`,{winner:e,winningLine:t}),y(),p(t),Ur({particleCount:150,spread:70,origin:{y:.6}});let n=o.find(t=>t.id===e)?.name||`Someone`;W.default.fire({title:`🎉 Victory!`,text:`${n} has won!`,icon:`success`,customClass:{popup:`glass rounded-3xl paper-font`}}),d(`ended`)}),e.on(`ttt_gameDraw`,()=>{V.socket(`⬅️`,`ttt_gameDraw`,`Draw!`),W.default.fire({title:`🤝 Draw!`,text:`It's a tie!`,icon:`info`,customClass:{popup:`glass rounded-3xl paper-font`}}),d(`ended`)}),e.on(`ttt_playerLeft`,e=>{V.socket(`⬅️`,`ttt_playerLeft`,{playerId:e}),W.default.fire({title:`Player Left`,text:`The opponent has left the party.`,icon:`warning`,customClass:{popup:`glass rounded-3xl paper-font`}}),d(`waiting`),a(Array(9).fill(null))}),e.on(`ttt_alert`,({icon:e,title:t,text:n})=>{V.socket(`⬅️`,`ttt_alert`,{icon:e,title:t,text:n}),W.default.fire({icon:e,title:t,text:n,customClass:{popup:`glass rounded-3xl paper-font`}})}),()=>{e.off(`ttt_roomInfo`),e.off(`ttt_gameStarted`),e.off(`ttt_gameRestarted`),e.off(`ttt_moveMade`),e.off(`ttt_nextTurn`),e.off(`ttt_gameWon`),e.off(`ttt_gameDraw`),e.off(`ttt_playerLeft`),e.off(`ttt_alert`)}},[e,o,r,v,y]),(0,H.jsxs)(`div`,{className:`min-h-screen flex flex-col items-center justify-center p-2 sm:p-4`,children:[(0,H.jsxs)(U,{onClick:()=>g(`/`),variant:`secondary`,className:`absolute top-2 sm:top-8 left-2 sm:left-8 flex items-center gap-1 sm:gap-2 text-xs sm:text-base px-2 sm:px-4`,children:[(0,H.jsx)(_r,{size:14,className:`sm:w-[18px]`}),(0,H.jsx)(`span`,{className:`hidden sm:inline`,children:`Back`})]}),(0,H.jsx)(`h1`,{className:`text-3xl sm:text-5xl md:text-6xl hand-drawn mb-4 sm:mb-8 text-blue-600`,children:`Tic Tac Toe`}),n?(0,H.jsxs)(`div`,{className:`w-full max-w-sm sm:max-w-md`,children:[(0,H.jsxs)(`div`,{className:`glass p-2 sm:p-4 rounded-xl sm:rounded-2xl mb-4 sm:mb-8 flex flex-col sm:flex-row justify-between items-center gap-2 sm:gap-4`,children:[(0,H.jsxs)(`div`,{className:`paper-font text-gray-600 flex items-center gap-1 sm:gap-2 text-xs sm:text-base`,children:[(0,H.jsx)(Er,{size:14,className:`sm:w-[18px] text-blue-500`}),(0,H.jsx)(`span`,{className:`hidden sm:inline`,children:`Room:`}),(0,H.jsx)(`span`,{className:`font-bold text-blue-600 uppercase`,children:n})]}),(0,H.jsx)(`div`,{className:`flex gap-2 sm:gap-4 text-xs sm:text-sm`,children:o.map((e,t)=>(0,H.jsxs)(`div`,{className:`flex items-center gap-1 sm:gap-2 transition-all duration-300 ${e.id===c?`scale-105`:`opacity-60`}`,children:[e.id===c?(0,H.jsx)(Ar,{size:12,className:`sm:w-4 text-blue-500 animate-pulse`}):(0,H.jsx)(`div`,{className:`w-2 h-2 sm:w-3 sm:h-3 rounded-full ${t===0?`bg-blue-500`:`bg-red-500`}`}),(0,H.jsx)(`span`,{className:`font-bold paper-font`,children:e.name.length>8?e.name.slice(0,8)+`...`:e.name})]},e.id))})]}),(0,H.jsx)(`div`,{className:`text-center paper-font text-xs sm:text-lg text-gray-700 flex flex-col items-center gap-2`,children:u===`playing`?c===e?.id?(0,H.jsxs)(`div`,{className:`flex items-center gap-1 sm:gap-2 text-blue-600 animate-bounce`,children:[(0,H.jsx)(Or,{size:16,className:`sm:w-6`}),(0,H.jsx)(`span`,{children:`Your turn!`})]}):(0,H.jsxs)(`div`,{className:`flex items-center gap-1 sm:gap-2`,children:[(0,H.jsx)(`div`,{className:`w-3 h-3 sm:w-4 sm:h-4 border-2 border-blue-600 border-t-transparent rounded-full animate-spin`}),(0,H.jsxs)(`span`,{className:`hidden sm:inline`,children:[`Waiting for `,o.find(e=>e.id===c)?.name,`...`]}),(0,H.jsx)(`span`,{className:`sm:hidden`,children:`Waiting...`})]}):u===`waiting`?`Waiting for opponent...`:`Game Over!`})]}):(0,H.jsxs)(`div`,{className:`flex gap-2 sm:gap-4 flex-wrap justify-center`,children:[(0,H.jsx)(U,{onClick:()=>{V.socket(`➡️`,`ttt_createRoom`,{playerName:t}),e.emit(`ttt_createRoom`,t)},className:`text-sm sm:text-base px-3 sm:px-6 py-2`,children:`Create`}),(0,H.jsx)(U,{onClick:async()=>{let{value:n}=await W.default.fire({title:`Join Room`,input:`text`,inputPlaceholder:`Enter Room ID`,showCancelButton:!0,customClass:{popup:`glass rounded-3xl paper-font`}});n&&(V.socket(`➡️`,`ttt_joinRoom`,{roomId:n.toUpperCase(),playerName:t}),e.emit(`ttt_joinRoom`,{roomId:n.toUpperCase(),playerName:t}))},variant:`secondary`,className:`text-sm sm:text-base px-3 sm:px-6 py-2`,children:`Join`})]})]})},Kr=({gridIndex:e,gridData:t,macroWinner:n,isActive:r,isLastMoveGrid:i,lastMoveSquare:a,onSquareClick:o})=>{let s=()=>{let e=`relative rounded transition-all duration-300`;return n===`DEAD`?`${e} bg-gray-100/80`:n?`${e} ${n===`X`?`bg-blue-50/80`:`bg-red-50/80`}`:r?`${e} bg-white/90 ring-2 ring-blue-400 shadow-lg`:`${e} bg-white/40 opacity-60`},c=e=>{let s=t[e];return(0,H.jsx)(`button`,{onClick:()=>o(e),disabled:!r||s!==null||n!==null,className:`
-          relative aspect-square flex items-center justify-center
-          text-xs sm:text-sm md:text-2xl font-bold hand-drawn transition-all duration-150
-          ${!r||s!==null||n!==null?`cursor-not-allowed`:`hover:bg-blue-200/50 cursor-pointer active:scale-95`}
-          ${i&&a===e?`bg-yellow-300/70 ring-2 ring-yellow-500`:``}
-          ${s===`X`?`text-blue-600`:s===`O`?`text-red-600`:`text-transparent`}
-        `,children:s||``},e)};return(0,H.jsxs)(`div`,{className:`${s()} p-0.5 sm:p-1`,children:[(0,H.jsxs)(`div`,{className:`relative grid grid-cols-3 gap-0`,children:[Array(9).fill(null).map((e,t)=>c(t)),(0,H.jsxs)(H.Fragment,{children:[(0,H.jsx)(`div`,{className:`absolute top-1/3 left-0 w-full h-px bg-gray-400/40`}),(0,H.jsx)(`div`,{className:`absolute top-2/3 left-0 w-full h-px bg-gray-400/40`}),(0,H.jsx)(`div`,{className:`absolute left-1/3 top-0 h-full w-px bg-gray-400/40`}),(0,H.jsx)(`div`,{className:`absolute left-2/3 top-0 h-full w-px bg-gray-400/40`})]})]}),n===`DEAD`?(0,H.jsx)(`div`,{className:`absolute inset-0 flex items-center justify-center pointer-events-none`,children:(0,H.jsx)(`div`,{className:`grid grid-cols-3 gap-0 opacity-40`,children:Array(9).fill(null).map((e,t)=>(0,H.jsx)(`span`,{className:`text-[8px] sm:text-xs md:text-base text-gray-400 font-bold`,children:`×`},t))})}):n===`X`||n===`O`?(0,H.jsx)(`div`,{className:`absolute inset-0 flex items-center justify-center pointer-events-none`,children:(0,H.jsx)(`span`,{className:`text-2xl sm:text-4xl md:text-7xl font-bold opacity-25 ${n===`X`?`text-blue-600`:`text-red-600`}`,children:n})}):null]})},qr=({board:e,macroBoard:t,activeGrid:n,lastMove:r,onCellClick:i})=>(0,H.jsxs)(`div`,{className:`relative p-3 sm:p-4 bg-white/90 rounded-2xl shadow-xl border-4 border-gray-800/10`,children:[(0,H.jsx)(`div`,{className:`grid grid-cols-3 gap-1 sm:gap-2 md:gap-3`,children:Array(9).fill(null).map((a,o)=>(0,H.jsx)(Kr,{gridIndex:o,gridData:e[o],macroWinner:t[o],isActive:n===null||n===o,isLastMoveGrid:r?.gridIndex===o,lastMoveSquare:r?.gridIndex===o?r?.squareIndex:null,onSquareClick:e=>i(o,e)},o))}),(0,H.jsx)(`div`,{className:`absolute top-1/3 left-0 w-full h-1 bg-gray-800/10`}),(0,H.jsx)(`div`,{className:`absolute top-2/3 left-0 w-full h-1 bg-gray-800/10`}),(0,H.jsx)(`div`,{className:`absolute left-1/3 top-0 h-full w-1 bg-gray-800/10`}),(0,H.jsx)(`div`,{className:`absolute left-2/3 top-0 h-full w-1 bg-gray-800/10`})]}),Jr=()=>{let{socket:e,playerName:t,roomId:n,setRoomId:r}=ir(),[i,a]=(0,_.useState)([]),[o,s]=(0,_.useState)(null),[c,l]=(0,_.useState)(`waiting`),[u,d]=(0,_.useState)(Array(9).fill(null).map(()=>Array(9).fill(null))),[f,p]=(0,_.useState)(Array(9).fill(null)),[m,h]=(0,_.useState)(null),[g,v]=(0,_.useState)({X:0,O:0}),[y,b]=(0,_.useState)(null),[x,S]=(0,_.useState)(null),C=He(),[w]=Vr(`/sounds/move.mp3`,{volume:.5}),[T]=Vr(`/sounds/win.mp3`,{volume:.7});return(0,_.useEffect)(()=>{if(e)return V.info(`UTTT`,`Socket connected: ${e.id}`),e.on(`uttt_roomInfo`,t=>{V.socket(`⬅️`,`uttt_roomInfo`,{roomId:t.id,gameState:t.gameState}),r(t.id),a(t.players),l(t.gameState),s(t.currentTurn),t.board&&d(t.board),t.macroBoard&&p(t.macroBoard),t.activeGrid!==void 0&&h(t.activeGrid),t.scores&&v(t.scores),t.lastMove&&b(t.lastMove);let n=t.players.findIndex(t=>t.id===e.id);n!==-1&&(S(n===0?`X`:`O`),V.info(`UTTT`,`You are player ${n+1} (${n===0?`X`:`O`})`))}),e.on(`uttt_gameState`,e=>{V.socket(`⬅️`,`uttt_gameState`,{gameState:e.gameState,currentTurn:e.currentTurn,activeGrid:e.activeGrid,scores:e.scores}),l(e.gameState),s(e.currentTurn),d(e.board),p(e.macroBoard),h(e.activeGrid),v(e.scores),b(e.lastMove)}),e.on(`uttt_gameStarted`,()=>{V.socket(`⬅️`,`uttt_gameStarted`,`Game started!`),l(`playing`),d(Array(9).fill(null).map(()=>Array(9).fill(null))),p(Array(9).fill(null)),h(null),v({X:0,O:0}),b(null),W.default.fire({title:`Game Started!`,text:`Ultimate Tic-Tac-Toe begins!`,timer:1500,showConfirmButton:!1,customClass:{popup:`glass rounded-3xl paper-font`}})}),e.on(`uttt_gameOver`,({winner:e,symbol:t,scores:n,reason:r})=>{V.socket(`⬅️`,`uttt_gameOver`,{winner:e,symbol:t,scores:n,reason:r}),T(),Ur({particleCount:200,spread:70,origin:{y:.6}});let a=i.find(t=>t.id===e)?.name||`Someone`,o=r===`macro_win`?` won the game!`:` won by points (${n.X} - ${n.O})!`;W.default.fire({title:`🎉 Victory!`,text:`${a}${o}`,icon:`success`,customClass:{popup:`glass rounded-3xl paper-font`}}),l(`ended`)}),e.on(`uttt_error`,({message:e})=>{V.socket(`⬅️`,`uttt_error`,{message:e}),W.default.fire({title:`Oops!`,text:e,icon:`error`,customClass:{popup:`glass rounded-3xl paper-font`}})}),e.on(`uttt_playerLeft`,({playerId:e})=>{V.socket(`⬅️`,`uttt_playerLeft`,{playerId:e}),W.default.fire({title:`Player Left`,text:`The opponent has left the party.`,icon:`warning`,customClass:{popup:`glass rounded-3xl paper-font`}}),l(`waiting`),d(Array(9).fill(null).map(()=>Array(9).fill(null))),p(Array(9).fill(null)),h(null)}),()=>{e.off(`uttt_roomInfo`),e.off(`uttt_gameState`),e.off(`uttt_gameStarted`),e.off(`uttt_gameOver`),e.off(`uttt_error`),e.off(`uttt_playerLeft`)}},[e,i,r,T]),(0,H.jsxs)(`div`,{className:`min-h-screen flex flex-col items-center justify-center p-2 sm:p-4`,children:[(0,H.jsxs)(U,{onClick:()=>C(`/`),variant:`secondary`,className:`absolute top-2 sm:top-8 left-2 sm:left-8 flex items-center gap-1 sm:gap-2 text-xs sm:text-base px-2 sm:px-4`,children:[(0,H.jsx)(_r,{size:14,className:`sm:w-[18px]`}),(0,H.jsx)(`span`,{className:`hidden sm:inline`,children:`Back`})]}),(0,H.jsxs)(`h1`,{className:`text-2xl sm:text-3xl md:text-5xl hand-drawn mb-2 sm:mb-4 text-blue-600 flex items-center gap-2 sm:gap-3 text-center`,children:[(0,H.jsx)(yr,{className:`w-6 h-6 sm:w-8 sm:h-8 text-blue-500`}),(0,H.jsx)(`span`,{className:`hidden sm:inline`,children:`Ultimate Tic-Tac-Toe`}),(0,H.jsx)(`span`,{className:`sm:hidden`,children:`UTTT`})]}),n?(0,H.jsxs)(`div`,{className:`w-full max-w-md sm:max-w-2xl`,children:[(0,H.jsxs)(`div`,{className:`glass p-2 sm:p-4 rounded-xl sm:rounded-2xl mb-3 sm:mb-6 flex flex-col sm:flex-row justify-between items-center gap-2 sm:gap-4`,children:[(0,H.jsxs)(`div`,{className:`paper-font text-gray-600 flex items-center gap-1 sm:gap-2 text-xs sm:text-base`,children:[(0,H.jsx)(yr,{size:14,className:`sm:w-[18px] text-blue-500`}),(0,H.jsx)(`span`,{className:`hidden sm:inline`,children:`Room:`}),` `,(0,H.jsx)(`span`,{className:`font-bold text-blue-600 uppercase`,children:n})]}),(0,H.jsx)(`div`,{className:`flex items-center gap-2 sm:gap-4`,children:(0,H.jsxs)(`div`,{className:`flex items-center gap-1 sm:gap-2`,children:[(0,H.jsx)(Tr,{size:14,className:`sm:w-[18px] text-blue-500`}),(0,H.jsx)(`span`,{className:`font-bold text-blue-600 text-sm sm:text-base`,children:g.X}),(0,H.jsx)(`span`,{className:`text-gray-400`,children:`-`}),(0,H.jsx)(`span`,{className:`font-bold text-red-600 text-sm sm:text-base`,children:g.O})]})}),(0,H.jsx)(`div`,{className:`flex gap-2 sm:gap-4 text-xs sm:text-sm`,children:i.map((e,t)=>(0,H.jsxs)(`div`,{className:`flex items-center gap-1 sm:gap-2 transition-all duration-300 ${e.id===o?`scale-105`:`opacity-60`}`,children:[e.id===o?(0,H.jsx)(Ar,{size:12,className:`sm:w-4 text-blue-500 animate-pulse`}):(0,H.jsx)(`div`,{className:`w-2 h-2 sm:w-3 sm:h-3 rounded-full ${t===0?`bg-blue-500`:`bg-red-500`}`}),(0,H.jsxs)(`span`,{className:`font-bold paper-font text-xs sm:text-base`,children:[e.name.length>8?e.name.slice(0,8)+`...`:e.name,` (`,t===0?`X`:`O`,`)`]})]},e.id))})]}),(0,H.jsx)(`div`,{className:`mb-3 sm:mb-6 px-1`,children:(0,H.jsx)(qr,{board:u,macroBoard:f,activeGrid:m,lastMove:y,onCellClick:(t,r)=>{if(c===`playing`&&o===e?.id){if(m!==null&&m!==t||u[t][r]!==null||f[t]!==null&&f[t]!==`DEAD`)return;w(),V.socket(`➡️`,`uttt_makeMove`,{roomId:n,gridIndex:t,squareIndex:r}),e.emit(`uttt_makeMove`,{roomId:n,gridIndex:t,squareIndex:r})}}})}),(0,H.jsx)(`div`,{className:`text-center paper-font text-xs sm:text-lg text-gray-700 flex flex-col items-center gap-2`,children:c===`playing`?o===e?.id?(0,H.jsxs)(`div`,{className:`flex items-center gap-1 sm:gap-2 text-blue-600 animate-bounce`,children:[(0,H.jsx)(Or,{size:16,className:`sm:w-6`}),(0,H.jsx)(`span`,{children:`Your turn!`})]}):(0,H.jsxs)(`div`,{className:`flex items-center gap-1 sm:gap-2`,children:[(0,H.jsx)(`div`,{className:`w-3 h-3 sm:w-4 sm:h-4 border-2 border-blue-600 border-t-transparent rounded-full animate-spin`}),(0,H.jsxs)(`span`,{className:`hidden sm:inline`,children:[`Waiting for `,i.find(e=>e.id===o)?.name,`...`]}),(0,H.jsx)(`span`,{className:`sm:hidden`,children:`Waiting...`})]}):c===`waiting`?(0,H.jsx)(`span`,{className:`text-xs sm:text-base`,children:`Waiting for opponent...`}):(0,H.jsx)(U,{onClick:()=>{V.socket(`➡️`,`uttt_restartGame`,{roomId:n}),e.emit(`uttt_restartGame`,n)},className:`text-xs sm:text-base px-3 sm:px-6 py-1 sm:py-2`,children:`Play Again`})})]}):(0,H.jsxs)(`div`,{className:`flex gap-2 sm:gap-4 flex-wrap justify-center`,children:[(0,H.jsx)(U,{onClick:()=>{V.socket(`➡️`,`uttt_createRoom`,{playerName:t}),e.emit(`uttt_createRoom`,t)},className:`text-sm sm:text-base px-3 sm:px-6 py-2`,children:`Create`}),(0,H.jsx)(U,{onClick:async()=>{let{value:n}=await W.default.fire({title:`Join Room`,input:`text`,inputPlaceholder:`Enter Room ID`,showCancelButton:!0,customClass:{popup:`glass rounded-3xl paper-font`}});n&&(V.socket(`➡️`,`uttt_joinRoom`,{roomId:n.toUpperCase(),playerName:t}),e.emit(`uttt_joinRoom`,{roomId:n.toUpperCase(),playerName:t}))},variant:`secondary`,className:`text-sm sm:text-base px-3 sm:px-6 py-2`,children:`Join`})]})]})},Yr=function(e,t){return Number(e.toFixed(t))},Xr=function(e,t){return typeof e==`number`?e:t},G=function(e,t,n){n&&typeof n==`function`&&n(e,t)},Zr={easeOut:function(e){return-Math.cos(e*Math.PI)/2+.5},linear:function(e){return e},easeInQuad:function(e){return e*e},easeOutQuad:function(e){return e*(2-e)},easeInOutQuad:function(e){return e<.5?2*e*e:-1+(4-2*e)*e},easeInCubic:function(e){return e*e*e},easeOutCubic:function(e){return--e*e*e+1},easeInOutCubic:function(e){return e<.5?4*e*e*e:(e-1)*(2*e-2)*(2*e-2)+1},easeInQuart:function(e){return e*e*e*e},easeOutQuart:function(e){return 1- --e*e*e*e},easeInOutQuart:function(e){return e<.5?8*e*e*e*e:1-8*--e*e*e*e},easeInQuint:function(e){return e*e*e*e*e},easeOutQuint:function(e){return 1+--e*e*e*e*e},easeInOutQuint:function(e){return e<.5?16*e*e*e*e*e:1+16*--e*e*e*e*e}},Qr=function(e){typeof e==`number`&&cancelAnimationFrame(e)},$r=function(e){e.mounted&&(Qr(e.animation),e.isAnimating=!1,e.animation=null,e.velocity=null)};function ei(e,t,n,r){if(e.mounted){var i=new Date().getTime(),a=1;$r(e),e.animation=function(){if(!e.mounted)return Qr(e.animation);var o=new Date().getTime()-i,s=o/n,c=Zr[t],l=c(s);o>=n?(r(a),e.animation=null):e.animation&&(r(l),requestAnimationFrame(e.animation))},requestAnimationFrame(e.animation)}}function ti(e){var t=e.scale,n=e.positionX,r=e.positionY;return!(Number.isNaN(t)||Number.isNaN(n)||Number.isNaN(r))}function ni(e,t,n,r){var i=ti(t);if(!(!e.mounted||!i)){var a=e.setState,o=e.state,s=o.scale,c=o.positionX,l=o.positionY,u=t.scale-s,d=t.positionX-c,f=t.positionY-l;n===0?a(t.scale,t.positionX,t.positionY):ei(e,r,n,function(t){t===1?e.isAnimating=!1:e.isAnimating=!0,a(s+u*t,c+d*t,l+f*t)})}}function K(e,t,n){var r=e.offsetWidth,i=e.offsetHeight,a=t.offsetWidth,o=t.offsetHeight,s=a*n,c=o*n;return{wrapperWidth:r,wrapperHeight:i,newContentWidth:s,newDiffWidth:r-s,newContentHeight:c,newDiffHeight:i-c}}var ri=function(e,t,n,r,i,a,o){var s=e>t?n*(o?.5:1):0,c=r>i?a*(o?.5:1):0;return{minPositionX:e-t-s,maxPositionX:s,minPositionY:r-i-c,maxPositionY:c,scaleWidthFactor:s,scaleHeightFactor:c}},ii=function(e,t){var n=e.wrapperComponent,r=e.contentComponent,i=e.setup,a=i.centerZoomedOut,o=i.disablePadding;if(!n||!r)throw Error(`Components are not mounted`);var s=K(n,r,t),c=s.wrapperWidth,l=s.wrapperHeight,u=s.newContentWidth,d=s.newContentHeight,f=s.newDiffWidth,p=s.newDiffHeight,m=ri(c,u,f,l,d,p,!!a);o&&c>=u&&l>=d&&!a&&(m.minPositionX=0,m.maxPositionX=0,m.minPositionY=0,m.maxPositionY=0);var h=e.setup,g=h.minPositionX,_=h.maxPositionX,v=h.minPositionY,y=h.maxPositionY;return g!=null&&(m.minPositionX=c*(1-t)+g*t),_!=null&&(m.maxPositionX=_*t),v!=null&&(m.minPositionY=l*(1-t)+v*t),y!=null&&(m.maxPositionY=y*t),m},ai=function(e,t,n,r){return Yr(r?e<t?t:e>n?n:e:e,2)},oi=function(e,t){var n=ii(e,t);return e.bounds=n,n};function si(e,t,n,r,i,a,o){var s=n.minPositionX,c=n.minPositionY,l=n.maxPositionX,u=n.maxPositionY,d=0,f=0;return o&&(d=i,f=a),{x:ai(e,s-d,l+d,r),y:ai(t,c-f,u+f,r)}}function q(e,t,n,r,i,a){var o=e.state,s=o.scale,c=o.positionX,l=o.positionY,u=r-s;return typeof t!=`number`||typeof n!=`number`?(console.error(`Mouse X and Y position were not provided!`),{x:c,y:l}):si(c-t*u,l-n*u,i,a,0,0,null)}var ci=1e-7;function li(e,t,n,r,i){var a=i?r:0,o=Math.max(t-a,ci),s=n+a;return!Number.isNaN(n)&&e>=s?s:!Number.isNaN(t)&&e<=o?o:Math.max(e,ci)}var ui=function(e,t){var n=e.setup.panning.excluded,r=e.isInitialized,i=e.wrapperComponent,a=t.target,o=`shadowRoot`in a&&`composedPath`in t?t.composedPath().some(function(e){return e instanceof Element?i?.contains(e):!1}):i?.contains(a);return!(!(r&&a&&o)||ea(a,n)||a.getAttribute(`draggable`)===`true`||a.getAttribute(`contenteditable`)===`true`||a.isContentEditable)},di=function(e){var t=e.isInitialized,n=e.isPanning,r=e.setup.panning.disabled;return!!(t&&n&&!r)},fi=function(e,t){var n=e.state,r=n.positionX,i=n.positionY;e.isPanning=!0;var a=t.clientX,o=t.clientY;e.startCoords={x:a-r,y:o-i}},pi=function(e,t){var n=t.touches,r=e.state,i=r.positionX,a=r.positionY;if(e.isPanning=!0,n.length===1){var o=n[0].clientX,s=n[0].clientY;e.startCoords={x:o-i,y:s-a}}};function mi(e){var t=e.state,n=t.positionX,r=t.positionY,i=t.scale,a=e.setup,o=a.disabled,s=a.limitToBounds,c=a.centerZoomedOut,l=e.wrapperComponent;if(!(o||!l||!e.bounds)){var u=e.bounds,d=u.maxPositionX,f=u.minPositionX,p=u.maxPositionY,m=u.minPositionY,h=n>d||n<f,g=r>p||r<m,_=q(e,n>d?l.offsetWidth:e.setup.minPositionX||0,r>p?l.offsetHeight:e.setup.minPositionY||0,i,e.bounds,s||c),v=_.x,y=_.y;return{scale:i,positionX:h?v:n,positionY:g?y:r}}}function hi(e,t,n,r,i){var a=e.setup.limitToBounds,o=e.wrapperComponent,s=e.bounds,c=e.state,l=c.scale,u=c.positionX,d=c.positionY;if(!(o===null||s===null||t===u&&n===d)){var f=si(t,n,s,a,r,i,o),p=f.x,m=f.y;e.setState(l,p,m)}}var gi=function(e,t,n){var r=e.startCoords,i=e.state,a=e.setup.panning,o=a.lockAxisX,s=a.lockAxisY,c=i.positionX,l=i.positionY;if(!r)return{x:c,y:l};var u=t-r.x,d=n-r.y;return{x:o?c:u,y:s?l:d}},_i=function(e,t,n){var r=e.setup,i=e.state,a=r.minScale,o=r.disablePadding,s=r.centerZoomedOut,c=n??i.scale;return t>0&&c>=a&&!o&&!s?t:0},vi;(function(e){e.TRACK_PAD=`track_pad`,e.MOUSE=`mouse`,e.TOUCH=`touch`})(vi||={});var yi=function(e){var t=e.mounted,n=e.wrapperComponent,r=e.contentComponent,i=e.setup,a=i.disabled,o=i.velocityAnimation,s=i.limitToBounds,c=e.state.scale;return o.disabled||a||!t||!n||!r?!1:s?n.offsetWidth<r.offsetWidth*c||n.offsetHeight<r.offsetHeight*c:!0},bi=function(e){var t=e.mounted,n=e.velocity,r=e.bounds,i=e.setup,a=i.disabled;return!(!(!i.velocityAnimation.disabled&&!a&&t)||!n||!r)};function xi(e,t){var n=e.setup.velocityAnimation,r=n.animationTime,i=n.maxAnimationTime,a=n.inertia;return Math.min(r*Math.max(1,Math.abs(t/a)),i)}function Si(e,t,n,r,i,a,o,s,c,l){if(i){if(t>o&&n>o){var u=o+(e-o)*l;return u>c?c:u<o?o:u}if(t<a&&n<a){var u=a+(e-a)*l;return u<s?s:u>a?a:u}}return r?t:ai(e,a,o,i)}function Ci(e){var t=1,n=e.offsetWidth/window.innerWidth;return Number.isNaN(n)?t:Math.min(t,n)}var wi=function(e,t,n){var r=0,i=e*n;return Number.isNaN(i)?r:e<0?Math.max(i,-t):Math.min(i,t)};function Ti(e,t,n){var r,i;if(yi(e)){var a=e.lastMousePosition,o=e.velocityTime,s=e.setup,c=e.wrapperComponent,l=s.velocityAnimation,u=l.maxStrengthMouse,d=l.maxStrengthTouch,f=l.sensitivityTouch,p=l.sensitivityMouse,m=Date.now();if(a&&o&&c){var h=Ci(c),g=(r={},r[vi.TOUCH]=f,r[vi.MOUSE]=p,r)[n],_=(i={},i[vi.TOUCH]=d,i[vi.MOUSE]=u,i)[n],v=t.x-a.x,y=t.y-a.y,b=wi(v/h,_,g),x=wi(y/h,_,g),S=m-o,C=v*v+y*y;e.velocity={velocityX:b,velocityY:x,total:wi(Math.sqrt(C)/S,_,g)}}e.lastMousePosition=t,e.velocityTime=m}}function Ei(e){var t=e.velocity,n=e.bounds,r=e.setup,i=e.wrapperComponent;if(!(!bi(e)||!t||!n||!i)){var a=t.velocityX,o=t.velocityY,s=t.total,c=n.maxPositionX,l=n.minPositionX,u=n.maxPositionY,d=n.minPositionY,f=r.limitToBounds,p=r.autoAlignment,m=r.zoomAnimation,h=r.panning,g=h.lockAxisY,_=h.lockAxisX,v=m.animationType,y=p.sizeX,b=p.sizeY,x=p.velocityAlignmentTime,S=xi(e,s),C=Math.max(S,x),w=_i(e,y),T=_i(e,b),E=w*i.offsetWidth/100,D=T*i.offsetHeight/100,ee=c+E,te=l-E,ne=u+D,re=d-D,ie=e.state,ae=new Date().getTime();ei(e,v,C,function(t){var n=e.state,r=n.scale,i=n.positionX,s=n.positionY,m=(new Date().getTime()-ae)/x,h=Zr[p.animationType],v=1-h(Math.min(1,m)),y=1-t,b=i+a*y,S=s+o*y,C=Si(b,ie.positionX,i,_,f,l,c,te,ee,v),w=Si(S,ie.positionY,s,g,f,d,u,re,ne,v);if(i!==b||s!==S){e.setState(r,C,w);var T=e.props.onPanning;T&&T(X(e),{})}})}}function Di(e,t){var n=e.state,r=n.scale;e.panStartPosition={x:n.positionX,y:n.positionY},$r(e),oi(e,r),window.TouchEvent!==void 0&&t instanceof TouchEvent?pi(e,t):fi(e,t)}function Oi(e,t){var n=e.state.scale,r=e.setup,i=r.minScale,a=r.autoAlignment,o=a.disabled,s=a.sizeX,c=a.sizeY,l=a.animationTime,u=a.animationType;if(!(o||n<i||!s&&!c)){var d=mi(e);d&&ni(e,d,t??l,u)}}function ki(e,t,n,r){var i=e.startCoords,a=e.setup.autoAlignment,o=a.sizeX,s=a.sizeY;if(i){var c=gi(e,t,n),l=c.x,u=c.y,d=_i(e,o),f=_i(e,s);Ti(e,{x:l,y:u},r),hi(e,l,u,d,f)}}function Ai(e,t){if(e.isPanning){var n=e.velocity,r=e.wrapperComponent,i=e.contentComponent;e.isPanning=!1;var a=e.state,o=a.positionX,s=a.positionY,c=a.scale,l=e.panStartPosition;if(e.panStartPosition=null,l){var u=o-l.x,d=s-l.y;if(u*u+d*d<=25)return}e.isAnimating=!1,e.animation=null;var f=r?.offsetWidth||0,p=r?.offsetHeight||0,m=(i?.offsetWidth||0)*c,h=(i?.offsetHeight||0)*c,g=!e.setup.limitToBounds||f<m||p<h;!t&&n&&n.total>.1&&g?Ei(e):Oi(e)}}function ji(e,t,n,r){var i=e.setup,a=i.minScale,o=i.maxScale,s=i.limitToBounds,c=li(Yr(t,2),a,o,0,!1),l=q(e,n,r,c,oi(e,c),s);return{scale:c,positionX:l.x,positionY:l.y}}function Mi(e,t,n){var r=e.state.scale,i=e.wrapperComponent,a=e.setup,o=a.minScale,s=a.maxScale,c=a.limitToBounds,l=a.zoomAnimation,u=l.disabled,d=l.animationTime,f=l.animationType,p=u||r>=o&&r<=s;if((r>=1||c)&&Oi(e),!(p||!i||!e.mounted)){var m=t||i.offsetWidth/2,h=n||i.offsetHeight/2,g=ji(e,r<o?o:s,m,h);g&&ni(e,g,d,f)}}var Ni=function(){return Ni=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n],t)Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},Ni.apply(this,arguments)};function Pi(e,t,n){if(n||arguments.length===2)for(var r=0,i=t.length,a;r<i;r++)(a||!(r in t))&&(a||=Array.prototype.slice.call(t,0,r),a[r]=t[r]);return e.concat(a||Array.prototype.slice.call(t))}var Fi={previousScale:1,scale:1,positionX:0,positionY:0},Ii={disabled:!1,minPositionX:null,maxPositionX:null,minPositionY:null,maxPositionY:null,minScale:1,maxScale:8,limitToBounds:!0,centerZoomedOut:!1,centerOnInit:!1,disablePadding:!1,smooth:!0,detached:!1,wheel:{step:.015,disabled:!1,wheelDisabled:!1,touchPadDisabled:!1,activationKeys:[],excluded:[]},trackPadPanning:{disabled:!0,velocityDisabled:!1,lockAxisX:!1,lockAxisY:!1,activationKeys:[],excluded:[]},panning:{disabled:!1,velocityDisabled:!1,lockAxisX:!1,lockAxisY:!1,allowLeftClickPan:!0,allowMiddleClickPan:!0,allowRightClickPan:!0,activationKeys:[],excluded:[]},pinch:{step:5,disabled:!1,allowPanning:!0,excluded:[]},doubleClick:{disabled:!1,step:.7,mode:`zoomIn`,animationType:`easeOut`,animationTime:200,excluded:[]},zoomAnimation:{disabled:!1,size:.4,animationTime:200,animationType:`easeOut`},autoAlignment:{disabled:!1,sizeX:100,sizeY:100,animationTime:200,velocityAlignmentTime:400,animationType:`easeOut`},velocityAnimation:{disabled:!1,sensitivityMouse:1,sensitivityTouch:1.2,maxStrengthMouse:20,maxStrengthTouch:40,inertia:1,animationTime:300,maxAnimationTime:800,animationType:`easeOut`}},Li={wrapperClass:`react-transform-wrapper`,contentClass:`react-transform-component`},Ri=function(e){var t=Math.max(e.minScale??Ii.minScale,1e-7),n=e.maxScale??Ii.maxScale,r=e.initialScale??Fi.scale,i=Math.min(Math.max(r,t),n);return{previousScale:i,scale:i,positionX:ai(e.initialPositionX??Fi.positionX,e.minPositionX??-1/0,e.maxPositionX??1/0,e.minPositionX!=null||e.maxPositionX!=null),positionY:ai(e.initialPositionY??Fi.positionY,e.minPositionY??-1/0,e.maxPositionY??1/0,e.minPositionY!=null||e.maxPositionY!=null)}},zi=function(e){var t=Ni({},Ii);return Object.keys(e).forEach(function(n){var r=n,i=e[r]!==void 0;if(Ii[r]!==void 0&&i){var a=Object.prototype.toString.call(Ii[r]);a===`[object Object]`?t[r]=Ni(Ni({},Ii[r]),e[r]):a===`[object Array]`?t[r]=Pi(Pi([],Ii[r],!0),e[r],!0):t[r]=e[r]}}),t.minScale<=0&&(t.minScale=1e-7),t},Bi=function(e,t,n){var r=e.state.scale,i=e.wrapperComponent,a=e.setup,o=a.maxScale,s=a.minScale,c=a.zoomAnimation,l=a.smooth,u=c.size;if(!i)throw Error(`Wrapper is not mounted`);return li(Yr(l?r*Math.exp(t*n):r+t*n,3),s,o,u,!1)};function J(e,t,n,r,i){var a=e.wrapperComponent,o=e.state,s=o.scale,c=o.positionX,l=o.positionY,u=e.setup.zoomAnimation;if(!a)return console.error(`No WrapperComponent found`);var d=u.disabled?0:r,f=a.offsetWidth,p=a.offsetHeight,m=(f/2-c)/s,h=(p/2-l)/s,g=ji(e,Bi(e,t,n),m,h);if(!g)return console.error(`Error during zoom event. New transformation state was not calculated.`);var _=e.props,v=_.onZoomStart,y=_.onZoom,b=_.onZoomStop,x=new MouseEvent(`mousemove`,{bubbles:!0}),S=X(e);G(S,x,v),G(S,x,y),ni(e,g,d,i);var C=a.ownerDocument?.defaultView??(typeof window<`u`?window:null);C&&C.setTimeout(function(){e.mounted&&G(X(e),x,b)},d)}function Y(e,t,n,r){var i=e.setup,a=e.wrapperComponent,o=e.contentComponent,s=i.limitToBounds,c=i.centerOnInit,l=Ri(e.props),u=e.state,d=u.scale,f=u.positionX,p=u.positionY;if(a){var m=l.positionX,h=l.positionY;if(c&&o){var g=ia(l.scale,a,o);m=g.positionX,h=g.positionY}var _=ii(e,l.scale),v=si(m,h,_,s,0,0,a),y={scale:l.scale,positionX:v.x,positionY:v.y};if(!(d===l.scale&&f===l.positionX&&p===l.positionY)){r?.();var b=e.props,x=b.onZoomStart,S=b.onZoom,C=b.onZoomStop,w=new MouseEvent(`mousemove`,{bubbles:!0}),T=X(e);G(T,w,x),G(T,w,S),ni(e,y,t,n);var E=a.ownerDocument?.defaultView??(typeof window<`u`?window:null);E&&E.setTimeout(function(){e.mounted&&G(X(e),w,C)},t)}}}function Vi(e,t,n,r){var i=e.getBoundingClientRect(),a=t.getBoundingClientRect(),o=n.getBoundingClientRect(),s=a.x*r.scale,c=a.y*r.scale;return{x:(i.x-o.x+s)/r.scale,y:(i.y-o.y+c)/r.scale}}function Hi(e,t,n,r,i){r===void 0&&(r=0),i===void 0&&(i=0);var a=e.wrapperComponent,o=e.contentComponent,s=e.state,c=e.setup,l=c.limitToBounds,u=c.minScale,d=c.maxScale;if(!a||!o)return s;var f=a.getBoundingClientRect(),p=t.getBoundingClientRect(),m=Vi(t,a,o,s),h=m.x,g=m.y,_=p.width/s.scale,v=p.height/s.scale,y=a.offsetWidth/_,b=a.offsetHeight/v,x=li(n||Math.min(y,b),u,d,0,!1),S=(f.width-_*x)/2,C=(f.height-v*x)/2,w=si((f.left-h)*x+S+r,(f.top-g)*x+C+i,ii(e,x),l,0,0,a);return{positionX:w.x,positionY:w.y,scale:x}}var Ui=function(e){return function(t,n,r){t===void 0&&(t=.5),n===void 0&&(n=300),r===void 0&&(r=`easeOut`),J(e,1,t,n,r)}},Wi=function(e){return function(t,n,r){t===void 0&&(t=.5),n===void 0&&(n=300),r===void 0&&(r=`easeOut`),J(e,-1,t,n,r)}},Gi=function(e){return function(t,n,r,i,a){i===void 0&&(i=300),a===void 0&&(a=`easeOut`);var o=e.state,s=o.positionX,c=o.positionY,l=o.scale,u=e.wrapperComponent,d=e.contentComponent;e.setup.disabled||!u||!d||ni(e,{positionX:Number.isNaN(t)?s:t,positionY:Number.isNaN(n)?c:n,scale:Number.isNaN(r)?l:r},i,a)}},Ki=function(e){return function(t,n){t===void 0&&(t=200),n===void 0&&(n=`easeOut`),Y(e,t,n)}},qi=function(e){return function(t,n,r){n===void 0&&(n=200),r===void 0&&(r=`easeOut`);var i=e.state,a=e.wrapperComponent,o=e.contentComponent;a&&o&&ni(e,ia(t||i.scale,a,o),n,r)}},Ji=function(e){return function(t,n,r,i,a,o){r===void 0&&(r=600),i===void 0&&(i=`easeOut`),a===void 0&&(a=0),o===void 0&&(o=0),$r(e);var s=e.wrapperComponent,c=typeof t==`string`?document.getElementById(t):t;s&&c&&s.contains(c)&&ni(e,Hi(e,c,n,a,o),r,i)}},Yi=function(e){return{instance:e,state:e.state,zoomIn:Ui(e),zoomOut:Wi(e),setTransform:Gi(e),resetTransform:Ki(e),centerView:qi(e),zoomToElement:Ji(e)}},Xi=function(e){return{instance:e,state:e.state}},X=function(e){var t={};return Object.assign(t,Xi(e)),Object.assign(t,Yi(e)),t},Zi=!1;function Qi(){try{return{get passive(){return Zi=!0,!1}}}catch{return Zi=!1,Zi}}var $i=`.${Li.wrapperClass}`,ea=function(e,t){return t.some(function(t){return e.matches(`${$i} ${t}, ${$i} .${t}, ${$i} ${t} *, ${$i} .${t} *`)})},ta=function(e){e&&clearTimeout(e)},na=function(e){return Number.parseFloat(e.toFixed(8))},ra=function(e,t,n){return`translate(${e}px, ${t}px) scale(${na(n)})`},ia=function(e,t,n){var r=n.offsetWidth*e,i=n.offsetHeight*e;return{scale:e,positionX:(t.offsetWidth-r)/2,positionY:(t.offsetHeight-i)/2}};function aa(e,t){e!=null&&(typeof e==`function`?e(t):e.current=t)}function oa(e){return function(t){e.forEach(function(e){typeof e==`function`?e(t):e!=null&&(e.current=t)})}}var sa=function(e,t){var n=e.setup.wheel,r=n.disabled,i=n.wheelDisabled,a=n.touchPadDisabled,o=n.excluded,s=e.isInitialized,c=e.isPanning,l=t.target;return!(!(s&&!c&&!r&&l)||i&&!t.ctrlKey||a&&t.ctrlKey||ea(l,o)||!e.isPressingKeys(e.setup.wheel.activationKeys))},ca=function(e,t){var n=e.setup,r=n.disabled,i=n.trackPadPanning,a=i.activationKeys,o=i.excluded;if(!e.wrapperComponent||!e.contentComponent||r||i.disabled||t.ctrlKey||sa(e,t))return!1;var s=t.target;return!(ea(s,o)||!e.isPressingKeys(a))},la=function(e){return e?e.deltaY<0?1:-1:0};function ua(e,t){return Xr(t,la(e))}function da(e,t,n){var r=t.getBoundingClientRect(),i=0,a=0;if(`clientX`in e)i=(e.clientX-r.left)/n,a=(e.clientY-r.top)/n;else{var o=e.touches[0];i=(o.clientX-r.left)/n,a=(o.clientY-r.top)/n}return(Number.isNaN(i)||Number.isNaN(a))&&console.error(`No mouse or touch offset found`),{x:i,y:a}}var fa=function(e,t,n,r,i){var a=e.state.scale,o=e.wrapperComponent,s=e.setup,c=s.maxScale,l=s.minScale,u=s.zoomAnimation,d=s.disablePadding,f=u.size,p=u.disabled;if(!o)throw Error(`Wrapper is not mounted`);var m=a+t*n;return i?m:li(m,l,c,f,(r?!1:!p)&&!d)},pa=function(e,t){var n=e.previousWheelEvent,r=e.state.scale,i=e.setup,a=i.maxScale,o=i.minScale;return n?r<a||r>o||Math.sign(n.deltaY)!==Math.sign(t.deltaY)||n.deltaY>0&&n.deltaY<t.deltaY||n.deltaY<0&&n.deltaY>t.deltaY||Math.sign(n.deltaY)!==Math.sign(t.deltaY):!1},ma=function(e,t){var n=e.setup.pinch,r=n.disabled,i=n.excluded,a=e.isInitialized,o=t.target;return!(!(a&&!r&&o)||ea(o,i))},ha=function(e){var t=e.setup.pinch.disabled,n=e.isInitialized,r=e.pinchStartDistance;return!!(n&&!t&&r!==null)},ga=function(e,t,n){var r=n.getBoundingClientRect(),i=e.touches,a=i[0].clientX-r.left,o=i[0].clientY-r.top,s=i[1].clientX-r.left,c=i[1].clientY-r.top;return{x:(a+s)/2/t,y:(o+c)/2/t}},_a=function(e){return Math.sqrt((e.touches[0].pageX-e.touches[1].pageX)**2+(e.touches[0].pageY-e.touches[1].pageY)**2)},Z=5,va=function(e,t){var n=e.pinchStartScale,r=e.pinchStartDistance,i=e.setup,a=i.maxScale,o=i.minScale,s=i.zoomAnimation,c=i.disablePadding,l=i.pinch,u=s.size,d=s.disabled,f=l.step;if(!n||r===null)throw Error(`Pinch touches distance was not provided`);if(t<0)return e.state.scale;var p=n+(t/r*n-n)*(f/Z);return li(p===1/0?0:Yr(p,10),o,a,u,!d&&!c)},ya=160,ba=100,xa=function(e,t){var n=e.props,r=n.onWheelStart,i=n.onZoomStart;e.wheelStopEventTimer||($r(e),G(X(e),t,r),G(X(e),t,i))},Sa=function(e,t){var n=e.props,r=n.onWheel,i=n.onZoom,a=e.contentComponent,o=e.setup,s=e.state.scale,c=o.limitToBounds,l=o.centerZoomedOut,u=o.zoomAnimation,d=o.wheel,f=o.disablePadding,p=o.smooth,m=u.size,h=u.disabled,g=d.step;if(!a)throw Error(`Component not mounted`);t.preventDefault(),t.stopPropagation();var _=fa(e,ua(t,null),p?g*Math.abs(t.deltaY):g,!t.ctrlKey);if(s!==_){var v=oi(e,_),y=da(t,a,s),b=c&&(h||m===0||l||f),x=q(e,y.x,y.y,_,v,b),S=x.x,C=x.y;e.previousWheelEvent=t,e.setState(_,S,C),G(X(e),t,r),G(X(e),t,i)}},Ca=function(e,t){var n=e.props,r=n.onWheelStop,i=n.onZoomStop;ta(e.wheelAnimationTimer),e.wheelAnimationTimer=setTimeout(function(){e.mounted&&(Mi(e,t.x,t.y),e.wheelAnimationTimer=null)},ba),pa(e,t)&&(ta(e.wheelStopEventTimer),e.wheelStopEventTimer=setTimeout(function(){e.mounted&&(e.wheelStopEventTimer=null,G(X(e),t,r),G(X(e),t,i))},ya))},wa=function(e,t){var n=e.props,r=n.onWheelStart,i=n.onPanningStart;e.wheelStopEventTimer||($r(e),G(X(e),t,r),G(X(e),t,i))},Ta=function(e,t){var n=e.props,r=n.onWheelStop,i=n.onPanningStop;ta(e.wheelAnimationTimer),e.wheelAnimationTimer=setTimeout(function(){e.mounted&&(Mi(e,t.x,t.y),e.wheelAnimationTimer=null)},ba),pa(e,t)&&(ta(e.wheelStopEventTimer),e.wheelStopEventTimer=setTimeout(function(){e.mounted&&(e.wheelStopEventTimer=null,G(X(e),t,r),G(X(e),t,i))},ya))},Ea=function(e){for(var t=0,n=0,r=0;r<2;r+=1)t+=e.touches[r].clientX,n+=e.touches[r].clientY;return{x:t/2,y:n/2}},Da=function(e,t){var n=_a(t);e.pinchStartDistance=n,e.lastDistance=n,e.pinchStartScale=e.state.scale,e.isPanning=!1,e.isPinching=!0,e.pinchPreviousCenter=Ea(t),$r(e)},Oa=function(e,t){var n=e.contentComponent,r=e.pinchStartDistance,i=e.wrapperComponent,a=e.pinchPreviousCenter,o=e.state.scale,s=e.setup,c=s.limitToBounds,l=s.centerZoomedOut,u=s.zoomAnimation,d=s.autoAlignment,f=s.pinch,p=s.panning,m=u.disabled,h=u.size,g=f.allowPanning;if(!(r===null||!n)){var _=ga(t,o,n);if(!(!Number.isFinite(_.x)||!Number.isFinite(_.y))){var v=_a(t),y=va(e,v),b=Ea(t),x=o/y,S=(b.x-(a?.x||0))*x,C=(b.y-(a?.y||0))*x;if(!(y===o&&S===0&&C===0)){e.pinchPreviousCenter=b;var w=oi(e,y),T=c&&(m||h===0||l),E=q(e,_.x,_.y,y,w,T),D=E.x,ee=E.y;if(e.pinchMidpoint=_,e.lastDistance=v,p.disabled||!g)e.setState(y,D,ee);else{var te=d.sizeX,ne=d.sizeY,re=_i(e,te,y),ie=_i(e,ne,y),ae=si(D+S,ee+C,w,c,re,ie,i),O=ae.x,k=ae.y;e.setState(y,O,k)}}}}},ka=function(e){var t=e.pinchMidpoint;e.velocity=null,e.lastDistance=null,e.pinchMidpoint=null,e.pinchStartScale=null,e.pinchStartDistance=null,e.isPinching=!1,Mi(e,t?.x,t?.y)},Aa=function(e,t){var n=e.props.onZoomStop,r=e.setup.doubleClick.animationTime;ta(e.doubleClickStopEventTimer),e.doubleClickStopEventTimer=setTimeout(function(){e.doubleClickStopEventTimer=null,G(X(e),t,n)},r)},ja=function(e,t){var n=e.props,r=n.onZoomStart,i=n.onZoom,a=e.setup.doubleClick,o=a.animationTime,s=a.animationType;G(X(e),t,r),Y(e,o,s,function(){return G(X(e),t,i)}),Aa(e,t)};function Ma(e,t){return e===`toggle`?t===1?1:-1:e===`zoomOut`?-1:1}function Na(e,t){var n=e.setup,r=e.doubleClickStopEventTimer,i=e.state,a=e.contentComponent,o=i.scale,s=e.props,c=s.onZoomStart,l=s.onZoom,u=n.doubleClick,d=u.disabled,f=u.mode,p=u.step,m=u.animationTime,h=u.animationType;if(!d&&!r){if(f===`reset`)return ja(e,t);if(!a)return console.error(`No ContentComponent found`);var g=Bi(e,Ma(f,e.state.scale),p);if(o!==g){G(X(e),t,c);var _=da(t,a,o),v=ji(e,g,_.x,_.y);if(!v)return console.error(`Error during zoom event. New transformation state was not calculated.`);G(X(e),t,l),ni(e,v,m,h),Aa(e,t)}}}var Pa=function(e,t){var n=e.isInitialized,r=e.setup,i=e.wrapperComponent,a=r.doubleClick,o=a.disabled,s=a.excluded,c=t.target,l=i?.contains(c);return!(!(n&&c&&l&&!o)||ea(c,s))},Fa=function(){function e(e){var t=this;this.mounted=!0,this.onChangeCallbacks=new Set,this.onInitCallbacks=new Set,this.onTransformCallbacks=new Set,this.wrapperComponent=null,this.contentComponent=null,this.isInitialized=!1,this.bounds=null,this.previousWheelEvent=null,this.wheelStopEventTimer=null,this.wheelAnimationTimer=null,this.isPanning=!1,this.isWheelPanning=!1,this.startCoords=null,this.panStartPosition=null,this.lastTouch=null,this.isPinching=!1,this.distance=null,this.lastDistance=null,this.pinchStartDistance=null,this.pinchStartScale=null,this.pinchMidpoint=null,this.pinchPreviousCenter=null,this.doubleClickStopEventTimer=null,this.velocity=null,this.velocityTime=null,this.lastMousePosition=null,this.isAnimating=!1,this.animation=null,this.pressedKeys={},this.mount=function(){t.initializeWindowEvents()},this.unmount=function(){t.cleanupWindowEvents()},this.update=function(e){t.props=e,t.wrapperComponent&&t.contentComponent&&oi(t,t.state.scale),t.setup=zi(e)},this.initializeWindowEvents=function(){var e,n,r,i=Qi(),a=t.wrapperComponent?.ownerDocument,o=a?.defaultView;(e=t.wrapperComponent)==null||e.addEventListener(`wheel`,t.onWheelPanning,i),(n=t.wrapperComponent)==null||n.addEventListener(`keyup`,t.setKeyUnPressed,i),(r=t.wrapperComponent)==null||r.addEventListener(`keydown`,t.setKeyPressed,i),o?.addEventListener(`mousedown`,t.onPanningStart,i),o?.addEventListener(`mousemove`,t.onPanning,i),o?.addEventListener(`mouseup`,t.onPanningStop,i),a?.addEventListener(`mouseleave`,t.clearPanning,i),o?.addEventListener(`keyup`,t.setKeyUnPressed,i),o?.addEventListener(`keydown`,t.setKeyPressed,i),o?.addEventListener(`blur`,t.handleWindowBlur)},this.cleanupWindowEvents=function(){var e,n,r,i,a=Qi(),o=t.wrapperComponent?.ownerDocument,s=o?.defaultView;s?.removeEventListener(`mousedown`,t.onPanningStart,a),s?.removeEventListener(`mousemove`,t.onPanning,a),s?.removeEventListener(`mouseup`,t.onPanningStop,a),o?.removeEventListener(`mouseleave`,t.clearPanning,a),s?.removeEventListener(`keyup`,t.setKeyUnPressed,a),s?.removeEventListener(`keydown`,t.setKeyPressed,a),s?.removeEventListener(`blur`,t.handleWindowBlur),document.removeEventListener(`mouseleave`,t.clearPanning,a),(e=t.wrapperComponent)==null||e.removeEventListener(`wheel`,t.onWheelPanning,a),(n=t.wrapperComponent)==null||n.removeEventListener(`keyup`,t.setKeyUnPressed,a),(r=t.wrapperComponent)==null||r.removeEventListener(`keydown`,t.setKeyPressed,a),$r(t),(i=t.observer)==null||i.disconnect()},this.handleInitializeWrapperEvents=function(e){var n=Qi();e.addEventListener(`wheel`,t.onWheelZoom,n),e.addEventListener(`dblclick`,t.onDoubleClick,n),e.addEventListener(`touchstart`,t.onTouchPanningStart,n),e.addEventListener(`touchmove`,t.onTouchPanning,n),e.addEventListener(`touchend`,t.onTouchPanningStop,n)},this.handleInitialize=function(e){var n=t.setup.centerOnInit;t.applyTransformation(),t.onInitCallbacks.forEach(function(e){return e(X(t))}),n&&(t.setCenter(),t.observer=new ResizeObserver(function(){var n,r=e.offsetWidth,i=e.offsetHeight;(r>0||i>0)&&(t.onInitCallbacks.forEach(function(e){return e(X(t))}),t.setCenter(),(n=t.observer)==null||n.disconnect())}),setTimeout(function(){var e;(e=t.observer)==null||e.disconnect()},5e3),t.observer.observe(e))},this.onWheelZoom=function(e){t.setup.disabled||(t.syncModifierKeys(e),sa(t,e)&&(xa(t,e),Sa(t,e),Ca(t,e)))},this.onWheelPanning=function(e){var n=t.props.onPanning,r=t.setup.trackPadPanning,i=r.lockAxisX,a=r.lockAxisY;if(t.syncModifierKeys(e),ca(t,e)){e.preventDefault(),e.stopPropagation();var o=t.state,s=o.positionX,c=o.positionY,l=s-e.deltaX,u=c-e.deltaY,d=i?s:l,f=a?c:u,p=t.setup.autoAlignment,m=p.sizeX,h=p.sizeY,g=_i(t,m),_=_i(t,h);d===s&&f===c||(wa(t,e),hi(t,d,f,g,_),G(X(t),e,n),Ta(t,e))}},this.onPanningStart=function(e){var n=t.setup.disabled,r=t.props.onPanningStart;n||(t.syncModifierKeys(e),ui(t,e)&&t.isPressingKeys(t.setup.panning.activationKeys)&&(e.button===0&&!t.setup.panning.allowLeftClickPan||e.button===1&&!t.setup.panning.allowMiddleClickPan||e.button===2&&!t.setup.panning.allowRightClickPan||(e.preventDefault(),e.stopPropagation(),$r(t),Di(t,e),G(X(t),e,r))))},this.onPanning=function(e){var n=t.setup.disabled,r=t.props.onPanning;if(!n){if(t.syncModifierKeys(e),t.isPanning&&e.buttons===0){t.clearPanning(e);return}di(t)&&t.isPressingKeys(t.setup.panning.activationKeys)&&(e.preventDefault(),e.stopPropagation(),ki(t,e.clientX,e.clientY,vi.MOUSE),G(X(t),e,r))}},this.onPanningStop=function(e){var n=t.setup.panning.velocityDisabled,r=t.props.onPanningStop;t.isPanning&&(Ai(t,n),G(X(t),e,r))},this.onPinchStart=function(e){var n=t.setup.disabled,r=t.props.onPinchStart;n||ma(t,e)&&(Da(t,e),$r(t),G(X(t),e,r))},this.onPinch=function(e){var n=t.setup.disabled,r=t.props.onPinch;n||ha(t)&&(e.preventDefault(),e.stopPropagation(),Oa(t,e),G(X(t),e,r))},this.onPinchStop=function(e){var n=t.props.onPinchStop;t.pinchStartScale&&(ka(t),G(X(t),e,n))},this.onTouchPanningStart=function(e){var n=t.setup,r=n.disabled,i=n.doubleClick,a=t.props.onPanningStart;if(!r){var o=!i?.disabled,s=t.lastTouch&&+new Date-t.lastTouch<200;if(o&&s&&e.touches.length===1)t.onDoubleClick(e);else{t.lastTouch=+new Date,$r(t);var c=e.touches,l=c.length===1,u=c.length===2,d=ui(t,e);if(l){if(!d)return;$r(t),Di(t,e),G(X(t),e,a)}u&&t.onPinchStart(e)}}},this.onTouchPanning=function(e){var n=t.setup.disabled,r=t.props.onPanning;if(t.isPanning&&e.touches.length===1){if(n||!di(t))return;e.cancelable&&e.preventDefault(),e.stopPropagation();var i=e.touches[0];ki(t,i.clientX,i.clientY,vi.TOUCH),G(X(t),e,r)}else e.touches.length>1&&t.onPinch(e)},this.onTouchPanningStop=function(e){t.onPanningStop(e),t.onPinchStop(e)},this.onDoubleClick=function(e){t.setup.disabled||Pa(t,e)&&Na(t,e)},this.clearPanning=function(e){t.isPanning&&t.onPanningStop(e)},this.handleWindowBlur=function(){t.pressedKeys={},t.isPanning&&(t.isPanning=!1,t.startCoords=null)},this.syncModifierKeys=function(e){var n=e.ctrlKey,r=e.metaKey,i=e.shiftKey,a=e.altKey;typeof n==`boolean`&&(t.pressedKeys.Control=n),typeof r==`boolean`&&(t.pressedKeys.Meta=r),typeof i==`boolean`&&(t.pressedKeys.Shift=i),typeof a==`boolean`&&(t.pressedKeys.Alt=a)},this.setKeyPressed=function(e){t.pressedKeys[e.key]=!0},this.setKeyUnPressed=function(e){t.pressedKeys[e.key]=!1},this.isPressingKeys=function(e){return typeof e==`function`?e(Object.entries(t.pressedKeys).filter(function(e){return e[1]}).map(function(e){return e[0]})):e.length?!!e.every(function(e){return t.pressedKeys[e]}):!0},this.setCenter=function(){if(t.wrapperComponent&&t.contentComponent){var e=ia(t.state.scale,t.wrapperComponent,t.contentComponent);t.setState(e.scale,e.positionX,e.positionY)}},this.handleTransformStyles=function(e,n,r){return t.props.customTransform?t.props.customTransform(e,n,r):ra(e,n,r)},this.getContext=function(){return X(t)},this.applyTransformation=function(){if(!(!t.mounted||!t.contentComponent)){var e=t.state,n=e.scale,r=e.positionX,i=e.positionY,a=t.handleTransformStyles(r,i,n);t.props.detached||(t.contentComponent.style.transform=a),t.onTransformCallbacks.forEach(function(e){return e({scale:n,positionX:r,positionY:i,previousScale:t.state.previousScale,ref:X(t)})})}},this.setState=function(e,n,r){var i=t.props.onTransform;if(!Number.isNaN(e)&&!Number.isNaN(n)&&!Number.isNaN(r)){var a=Math.max(e,1e-7);a!==t.state.scale&&(t.state.previousScale=t.state.scale,t.state.scale=a),t.state.positionX=n,t.state.positionY=r,t.applyTransformation();var o=X(t);t.onChangeCallbacks.forEach(function(e){return e(o)}),G(o,{scale:t.state.scale,positionX:n,positionY:r},i)}else console.error(`Detected NaN set state values`)},this.onTransform=function(e){return t.onTransformCallbacks.has(e)||t.onTransformCallbacks.add(e),function(){t.onTransformCallbacks.delete(e)}},this.onChange=function(e){return t.onChangeCallbacks.has(e)||t.onChangeCallbacks.add(e),function(){t.onChangeCallbacks.delete(e)}},this.onInit=function(e){return t.onInitCallbacks.has(e)||t.onInitCallbacks.add(e),function(){t.onInitCallbacks.delete(e)}},this.init=function(e,n){t.cleanupWindowEvents(),t.wrapperComponent=e,t.contentComponent=n,oi(t,t.state.scale),t.handleInitializeWrapperEvents(e),t.handleInitialize(n),t.initializeWindowEvents(),t.isInitialized=!0;var r=X(t);G(r,void 0,t.props.onInit),aa(t.props.ref,r)},this.props=e,this.setup=zi(this.props),this.state=Ri(this.props)}return e}(),Ia=_.createContext(null),La=function(e,t){return typeof e==`function`?e(t):e},Ra=_.forwardRef(function(e,t){var n=(0,_.useRef)(new Fa(e)).current,r=La(e.children,Yi(n));return(0,_.useImperativeHandle)(t,function(){return Yi(n)},[n]),(0,_.useEffect)(function(){n.update(e)},[n,e]),(0,H.jsx)(Ia.Provider,Ni({value:n},{children:r}))});_.forwardRef(function(e,t){var n=(0,_.useRef)(null),r=(0,_.useContext)(Ia);return(0,_.useEffect)(function(){return r.onChange(function(e){if(n.current){var t=0,i=0;n.current.style.transform=r.handleTransformStyles(t,i,1/e.instance.state.scale)}})},[r]),(0,H.jsx)(`div`,Ni({},e,{ref:oa([n,t])}))});function za(e,t){t===void 0&&(t={});var n=t.insertAt;if(!(!e||typeof document>`u`)){var r=document.head||document.getElementsByTagName(`head`)[0],i=document.createElement(`style`);i.type=`text/css`,n===`top`&&r.firstChild?r.insertBefore(i,r.firstChild):r.appendChild(i),i.styleSheet?i.styleSheet.cssText=e:i.appendChild(document.createTextNode(e))}}var Ba=`.transform-component-module_wrapper__SPB86 {
-  position: relative;
-  width: -moz-fit-content;
-  width: fit-content;
-  height: -moz-fit-content;
-  height: fit-content;
-  overflow: hidden;
-  -webkit-touch-callout: none; /* iOS Safari */
-  -webkit-user-select: none; /* Safari */
-  -khtml-user-select: none; /* Konqueror HTML */
-  -moz-user-select: none; /* Firefox */
-  -ms-user-select: none; /* Internet Explorer/Edge */
-  user-select: none;
-  margin: 0;
-  padding: 0;
-  transform: translate3d(0, 0, 0);
-}
-.transform-component-module_content__FBWxo {
-  display: flex;
-  flex-wrap: wrap;
-  width: -moz-fit-content;
-  width: fit-content;
-  height: -moz-fit-content;
-  height: fit-content;
-  margin: 0;
-  padding: 0;
-  transform-origin: 0% 0%;
-}
-.transform-component-module_content__FBWxo img {
-  pointer-events: none;
-}
-.transform-component-module_infiniteGrid__Z-aP3 {
-  position: absolute;
-  inset: 0;
-  pointer-events: none;
-  background-image: radial-gradient(
-    circle,
-    rgba(0, 0, 0, 0.12) 1px,
-    transparent 1px
-  );
-  background-size: 20px 20px;
-  background-position: 0 0;
-}
-`,Va={wrapper:`transform-component-module_wrapper__SPB86`,content:`transform-component-module_content__FBWxo`,infiniteGrid:`transform-component-module_infiniteGrid__Z-aP3`};za(Ba);var Ha=function(e){var t=e.children,n=e.wrapperClass,r=n===void 0?``:n,i=e.contentClass,a=i===void 0?``:i,o=e.wrapperStyle,s=e.contentStyle,c=e.wrapperProps,l=c===void 0?{}:c,u=e.contentProps,d=u===void 0?{}:u,f=e.infinite,p=f===void 0?!1:f,m=(0,_.useContext)(Ia),h=m.init,g=m.cleanupWindowEvents,v=(0,_.useRef)(null),y=(0,_.useRef)(null),b=(0,_.useRef)(null);return(0,_.useEffect)(function(){var e=v.current,t=y.current;return e!==null&&t!==null&&h&&h?.(e,t),function(){g?.()}},[]),(0,_.useEffect)(function(){if(p){var e=b.current;if(e){var t=function(){var t=m.state,n=t.positionX,r=t.positionY;e.style.backgroundPosition=`${n}px ${r}px`};return t(),m.onChange(t)}}},[p,m]),(0,H.jsxs)(`div`,Ni({},l,{ref:v,className:`${Li.wrapperClass} ${Va.wrapper} ${r}`,style:o},{children:[p&&(0,H.jsx)(`div`,{ref:b,className:Va.infiniteGrid,"aria-hidden":!0}),(0,H.jsx)(`div`,Ni({},d,{ref:y,className:`${Li.contentClass} ${Va.content} ${a}`,style:Ni(Ni({},s),{transform:ra(m.state.positionX,m.state.positionY,m.state.scale)})},{children:t}))]}))};function Ua(e,t){return Math.max(0,Math.min(e.x+e.width,t.x+t.width)-Math.max(e.x,t.x))*Math.max(0,Math.min(e.y+e.height,t.y+t.height)-Math.max(e.y,t.y))}function Wa(e){var t=e.elementX,n=e.elementY,r=e.elementWidth,i=e.elementHeight,a=e.scale,o=e.positionX,s=e.positionY,c=e.viewportWidth,l=e.viewportHeight,u=e.margin,d=u===void 0?0:u,f=e.threshold,p=f===void 0?0:f,m={x:-d,y:-d,width:c+2*d,height:l+2*d},h={x:t*a+o,y:n*a+s,width:r*a,height:i*a};if(p<=0){var g=h.x<m.x+m.width&&h.x+h.width>m.x,_=h.y<m.y+m.height&&h.y+h.height>m.y;return g&&_}var v=h.width*h.height;return v<=0?!1:Ua(m,h)/v>=p}_.forwardRef(function(e,t){var n=e.x,r=e.y,i=e.width,a=e.height,o=e.margin,s=o===void 0?0:o,c=e.threshold,l=c===void 0?0:c,u=e.placeholder,d=u===void 0?null:u,f=e.onShow,p=e.onHide,m=e.children,h=e.className,g=e.style,v=(0,_.useContext)(Ia),y=(0,_.useState)(!1),b=y[0],x=y[1],S=(0,_.useRef)(!1),C=(0,_.useRef)(f),w=(0,_.useRef)(p);return C.current=f,w.current=p,(0,_.useEffect)(function(){var e=function(){var e,t,o=v.wrapperComponent;if(o){var c=Wa({elementX:n,elementY:r,elementWidth:i,elementHeight:a,scale:v.state.scale,positionX:v.state.positionX,positionY:v.state.positionY,viewportWidth:o.offsetWidth,viewportHeight:o.offsetHeight,margin:s,threshold:l});c!==S.current&&(S.current=c,x(c),c?(e=C.current)==null||e.call(C):(t=w.current)==null||t.call(w))}};e();var t=v.onChange(e),o;return v.wrapperComponent||(o=v.onInit(function(){return e()})),function(){t(),o?.()}},[v,n,r,i,a,s,l]),b?(0,H.jsx)(`div`,Ni({ref:t,className:h,style:g},{children:m})):d?(0,H.jsx)(H.Fragment,{children:d}):null});var Ga=[`#3B82F6`,`#EF4444`,`#22C55E`,`#F97316`],Ka=[`blue-500`,`red-500`,`green-500`,`orange-500`],qa=()=>{let{socket:e,playerName:t,roomId:n,setRoomId:r}=ir(),i=He(),[a,o]=(0,_.useState)([]),[s,c]=(0,_.useState)(`waiting`),[l,u]=(0,_.useState)(0),[d,f]=(0,_.useState)(9),[p,m]=(0,_.useState)(9),[h,g]=(0,_.useState)([]),[v,y]=(0,_.useState)([]),[b,x]=(0,_.useState)([]),[S,C]=(0,_.useState)([]),[w,T]=(0,_.useState)(null),[E,D]=(0,_.useState)(`classic`),[ee,te]=(0,_.useState)(5),[ne,re]=(0,_.useState)(5),[ie,ae]=(0,_.useState)(2),[O,k]=(0,_.useState)(-1),[oe,se]=(0,_.useState)(!1),[ce]=Vr(`/sounds/move.mp3`,{volume:.5}),[A]=Vr(`/sounds/win.mp3`,{volume:.7}),le=(0,_.useRef)(!1);(0,_.useEffect)(()=>{if(!e)return;let t=sessionStorage.getItem(`dab_reconnect`);if(t&&!le.current){le.current=!0;let{roomId:n,playerId:i}=JSON.parse(t);V.socket(`➡️`,`dab_reconnect`,{roomId:n,playerId:i}),e.emit(`dab_reconnect`,{roomId:n,playerId:i}),r(n);return}return e.on(`dab_roomInfo`,t=>{V.socket(`⬅️`,`dab_roomInfo`,{roomId:t.id,gameState:t.gameState}),r(t.id),o(t.players),c(t.gameState),u(t.currentTurn),f(t.rows),m(t.cols),g(t.horizontalLines),y(t.verticalLines),x(t.boxes),C(t.scores),T(t.lastMove),se(t.gameState===`paused`);let n=t.players.findIndex(t=>t.id===e.id);n!==-1&&(k(n),sessionStorage.setItem(`dab_reconnect`,JSON.stringify({roomId:t.id,playerId:t.players[n].id})))}),e.on(`dab_gameStarted`,({firstTurn:e})=>{V.socket(`⬅️`,`dab_gameStarted`,{firstTurn:e}),c(`playing`),se(!1),W.default.fire({title:`Game Started!`,text:`Draw lines to claim boxes!`,timer:1500,showConfirmButton:!1,customClass:{popup:`glass rounded-3xl paper-font`}})}),e.on(`dab_moveResult`,({lineType:e,r:t,c:n,claimedBoxes:r,scores:i,currentTurn:a,playerIndex:o})=>{V.socket(`⬅️`,`dab_moveResult`,{claimedBoxes:r,scores:i}),ce(),g(r=>{let i=r.map(e=>[...e]);return e===`h`&&(i[t][n]=o),i}),y(r=>{let i=r.map(e=>[...e]);return e===`v`&&(i[t][n]=o),i}),r.length>0&&(A(),x(e=>{let t=e.map(e=>[...e]);for(let e of r)t[e.r][e.c]=o;return t})),C(i),u(a)}),e.on(`dab_gameOver`,({winner:e,scores:t,winners:n})=>{if(V.socket(`⬅️`,`dab_gameOver`,{winner:e,winners:n}),c(`ended`),C(t),sessionStorage.removeItem(`dab_reconnect`),Ur({particleCount:150,spread:70,origin:{y:.6}}),e){let t=a.find(t=>t.id===e)?.name||`Player`;W.default.fire({title:`Victory!`,text:`${t} wins!`,icon:`success`,customClass:{popup:`glass rounded-3xl paper-font`}})}else W.default.fire({title:`It's a Tie!`,text:`Multiple players share the top score!`,icon:`info`,customClass:{popup:`glass rounded-3xl paper-font`}})}),e.on(`dab_playerLeft`,({playerId:e})=>{V.socket(`⬅️`,`dab_playerLeft`,{playerId:e}),o(t=>t.map(t=>t.id===e?{...t,connected:!1}:t))}),e.on(`dab_gamePaused`,({reason:e})=>{V.socket(`⬅️`,`dab_gamePaused`,{reason:e}),se(!0),W.default.fire({title:`Game Paused`,text:e,icon:`warning`,customClass:{popup:`glass rounded-3xl paper-font`}})}),e.on(`dab_alert`,({icon:e,title:t,text:n})=>{V.socket(`⬅️`,`dab_alert`,{icon:e,title:t,text:n}),W.default.fire({icon:e,title:t,text:n,customClass:{popup:`glass rounded-3xl paper-font`}})}),()=>{e.off(`dab_roomInfo`),e.off(`dab_gameStarted`),e.off(`dab_moveResult`),e.off(`dab_gameOver`),e.off(`dab_playerLeft`),e.off(`dab_gamePaused`),e.off(`dab_alert`)}},[e,a,r,ce,A]);let ue=()=>{let t=d,n=p,r=ie;E===`custom`&&(t=ee,n=ne,r=ie),V.socket(`➡️`,`dab_createRoom`,{mode:E,customRows:t,customCols:n,customPlayers:r}),e.emit(`dab_createRoom`,{mode:E,customRows:t,customCols:n,customPlayers:r})},de=async()=>{let{value:n}=await W.default.fire({title:`Join Room`,input:`text`,inputPlaceholder:`Enter Room ID`,showCancelButton:!0,customClass:{popup:`glass rounded-3xl paper-font`}});n&&(V.socket(`➡️`,`dab_joinRoom`,{roomId:n.toUpperCase(),playerName:t}),e.emit(`dab_joinRoom`,{roomId:n.toUpperCase(),playerName:t}))},fe=(0,_.useCallback)((t,r,i,a)=>{a.stopPropagation(),V.socket(`➡️`,`dab_makeMove`,{roomId:n,lineType:t,r,c:i,gameState:s,currentTurn:l,myPlayerIndex:O}),!(s!==`playing`||oe)&&l===O&&e.emit(`dab_makeMove`,{roomId:n,lineType:t,r,c:i})},[s,oe,l,O,n,e]),pe=()=>{sessionStorage.removeItem(`dab_reconnect`),r(null),o([]),c(`waiting`),x([]),g([]),y([]),C([]),k(-1),se(!1)},me=p*40,he=d*40;return(0,H.jsxs)(`div`,{className:`min-h-screen flex flex-col items-center justify-center p-2 sm:p-4`,children:[(0,H.jsxs)(U,{onClick:()=>i(`/`),variant:`secondary`,className:`absolute top-2 sm:top-8 left-2 sm:left-8 flex items-center gap-1 sm:gap-2 text-xs sm:text-base px-2 sm:px-4`,children:[(0,H.jsx)(_r,{size:14,className:`sm:w-[18px]`}),(0,H.jsx)(`span`,{className:`hidden sm:inline`,children:`Back`})]}),(0,H.jsx)(`h1`,{className:`text-3xl sm:text-5xl md:text-6xl hand-drawn mb-4 sm:mb-8 text-blue-600`,children:`Dots & Boxes`}),n?(0,H.jsxs)(`div`,{className:`w-full max-w-4xl`,children:[(0,H.jsxs)(`div`,{className:`glass p-2 sm:p-4 rounded-xl sm:rounded-2xl mb-3 sm:mb-6`,children:[(0,H.jsxs)(`div`,{className:`flex flex-wrap items-center justify-between gap-2 mb-3`,children:[(0,H.jsxs)(`div`,{className:`paper-font text-gray-600 flex items-center gap-2 text-xs sm:text-base`,children:[(0,H.jsx)(Er,{size:14,className:`sm:w-[18px] text-blue-500`}),(0,H.jsx)(`span`,{className:`hidden sm:inline`,children:`Room:`}),(0,H.jsx)(`span`,{className:`font-bold text-blue-600 uppercase`,children:n})]}),(0,H.jsx)(U,{onClick:pe,variant:`secondary`,className:`text-xs px-2 py-1`,children:`Leave`})]}),(0,H.jsx)(`div`,{className:`flex flex-wrap gap-2 sm:gap-4 mb-3`,children:a.map((e,t)=>(0,H.jsxs)(`div`,{className:`flex items-center gap-2 paper-font text-xs sm:text-sm px-3 py-1 rounded-full transition-all ${t===l&&s===`playing`&&!oe?`bg-${Ka[t]}/20 scale-105 ring-2 ring-${Ka[t]}`:`opacity-60`} ${e.connected?``:`grayscale`}`,children:[(0,H.jsx)(`div`,{className:`w-3 h-3 rounded-full`,style:{backgroundColor:Ga[t]}}),(0,H.jsx)(`span`,{className:`font-bold`,children:e.name.length>10?e.name.slice(0,10)+`...`:e.name}),(0,H.jsx)(`span`,{className:`font-mono text-sm`,children:S[t]||0}),!e.connected&&(0,H.jsx)(`span`,{className:`text-gray-400 text-xs`,children:`(DC)`}),t===l&&s===`playing`&&!oe&&e.connected&&(0,H.jsx)(`div`,{className:`w-2 h-2 rounded-full animate-pulse`,style:{backgroundColor:Ga[t]}})]},e.id))}),s===`playing`&&!oe&&(0,H.jsx)(`div`,{className:`text-center paper-font text-xs sm:text-sm text-gray-700`,children:l===O?(0,H.jsx)(`span`,{className:`text-blue-600 font-bold animate-pulse`,children:`Your turn!`}):(0,H.jsxs)(`span`,{children:[`Waiting for `,a[l]?.name,`...`]})}),oe&&(0,H.jsx)(`div`,{className:`text-center paper-font text-sm text-yellow-600 font-bold animate-pulse`,children:`Game Paused — Waiting for players to reconnect`}),s===`ended`&&(0,H.jsx)(`div`,{className:`text-center paper-font text-sm text-green-600 font-bold`,children:`Game Over!`})]}),(0,H.jsx)(`div`,{className:`glass p-2 sm:p-4 rounded-xl sm:rounded-2xl overflow-hidden`,children:(0,H.jsx)(Ra,{initialScale:Math.min(1,600/Math.max(me,he)),minScale:.3,maxScale:3,limitToBounds:!0,centerOnInit:!0,children:({zoomIn:e,zoomOut:t,resetTransform:n})=>(0,H.jsxs)(H.Fragment,{children:[(0,H.jsxs)(`div`,{className:`absolute top-2 right-2 z-10 flex gap-1`,children:[(0,H.jsx)(`button`,{onClick:()=>e(.2),className:`bg-white/80 rounded-full p-1 shadow hover:bg-white`,children:(0,H.jsx)(Sr,{size:16})}),(0,H.jsx)(`button`,{onClick:()=>t(.2),className:`bg-white/80 rounded-full p-1 shadow hover:bg-white`,children:(0,H.jsx)(xr,{size:16})}),(0,H.jsx)(`button`,{onClick:()=>n(),className:`bg-white/80 rounded-full p-1 shadow hover:bg-white`,children:(0,H.jsx)(Cr,{size:16})})]}),(0,H.jsx)(Ha,{children:(0,H.jsx)(`div`,{className:`select-none`,style:{touchAction:`none`},children:(0,H.jsxs)(`svg`,{viewBox:`-20 -20 ${me+40} ${he+40}`,className:`w-full h-auto`,style:{minWidth:`${me}px`},children:[b.map((e,t)=>e.map((e,n)=>e===null?null:(0,H.jsx)(`rect`,{x:n*40,y:t*40,width:40,height:40,fill:Ga[e],opacity:.3},`box-${t}-${n}`))),Array.from({length:d+1},(e,t)=>Array.from({length:p},(e,n)=>{let r=h[t]?.[n];return(0,H.jsxs)(`g`,{children:[r!==null&&(0,H.jsx)(`line`,{x1:n*40,y1:t*40,x2:(n+1)*40,y2:t*40,stroke:Ga[r],strokeWidth:3,vectorEffect:`non-scaling-stroke`}),(0,H.jsx)(`line`,{x1:n*40,y1:t*40,x2:(n+1)*40,y2:t*40,stroke:`transparent`,strokeWidth:16,style:{cursor:`pointer`,pointerEvents:`stroke`},onPointerDown:e=>fe(`h`,t,n,e)})]},`h-${t}-${n}`)})),Array.from({length:d},(e,t)=>Array.from({length:p+1},(e,n)=>{let r=v[t]?.[n];return(0,H.jsxs)(`g`,{children:[r!==null&&(0,H.jsx)(`line`,{x1:n*40,y1:t*40,x2:n*40,y2:(t+1)*40,stroke:Ga[r],strokeWidth:3,vectorEffect:`non-scaling-stroke`}),(0,H.jsx)(`line`,{x1:n*40,y1:t*40,x2:n*40,y2:(t+1)*40,stroke:`transparent`,strokeWidth:16,style:{cursor:`pointer`,pointerEvents:`stroke`},onPointerDown:e=>fe(`v`,t,n,e)})]},`v-${t}-${n}`)})),Array.from({length:d+1},(e,t)=>Array.from({length:p+1},(e,n)=>(0,H.jsx)(`circle`,{cx:n*40,cy:t*40,r:4,fill:`#333`,vectorEffect:`non-scaling-stroke`,style:{pointerEvents:`none`}},`dot-${t}-${n}`)))]})})})]})})})]}):(0,H.jsx)(`div`,{className:`w-full max-w-md`,children:(0,H.jsxs)(`div`,{className:`glass p-4 sm:p-6 rounded-xl sm:rounded-2xl mb-4 space-y-4`,children:[(0,H.jsxs)(`div`,{children:[(0,H.jsx)(`label`,{className:`paper-font text-gray-600 text-sm mb-1 block`,children:`Mode`}),(0,H.jsxs)(`select`,{value:E,onChange:e=>D(e.target.value),className:`w-full bg-white/50 border border-gray-300 rounded-lg px-3 py-2 paper-font`,children:[(0,H.jsx)(`option`,{value:`classic`,children:`Classic (9×9)`}),(0,H.jsx)(`option`,{value:`extended`,children:`Extended (14×14)`}),(0,H.jsx)(`option`,{value:`marathon`,children:`Marathon (19×19)`}),(0,H.jsx)(`option`,{value:`custom`,children:`Custom`})]})]}),E===`custom`&&(0,H.jsxs)(`div`,{className:`space-y-3`,children:[(0,H.jsxs)(`div`,{className:`flex gap-3`,children:[(0,H.jsxs)(`div`,{className:`flex-1`,children:[(0,H.jsx)(`label`,{className:`paper-font text-gray-600 text-sm mb-1 block`,children:`Rows (1-30)`}),(0,H.jsx)(`input`,{type:`number`,min:1,max:30,value:ee,onChange:e=>te(Math.max(1,Math.min(30,parseInt(e.target.value)||1))),className:`w-full bg-white/50 border border-gray-300 rounded-lg px-3 py-2 paper-font`})]}),(0,H.jsxs)(`div`,{className:`flex-1`,children:[(0,H.jsx)(`label`,{className:`paper-font text-gray-600 text-sm mb-1 block`,children:`Cols (1-30)`}),(0,H.jsx)(`input`,{type:`number`,min:1,max:30,value:ne,onChange:e=>re(Math.max(1,Math.min(30,parseInt(e.target.value)||1))),className:`w-full bg-white/50 border border-gray-300 rounded-lg px-3 py-2 paper-font`})]})]}),(0,H.jsxs)(`div`,{children:[(0,H.jsx)(`label`,{className:`paper-font text-gray-600 text-sm mb-1 block`,children:`Players (2-4)`}),(0,H.jsx)(`input`,{type:`number`,min:2,max:4,value:ie,onChange:e=>ae(Math.max(2,Math.min(4,parseInt(e.target.value)||2))),className:`w-full bg-white/50 border border-gray-300 rounded-lg px-3 py-2 paper-font`})]})]}),(0,H.jsxs)(`div`,{className:`flex gap-3 pt-2`,children:[(0,H.jsx)(U,{onClick:ue,className:`flex-1 text-sm sm:text-base px-3 py-2`,children:`Create Room`}),(0,H.jsx)(U,{onClick:de,variant:`secondary`,className:`flex-1 text-sm sm:text-base px-3 py-2`,children:`Join Room`})]})]})})]})},Ja=()=>{let e=He();return(0,H.jsxs)(`div`,{className:`min-h-screen flex flex-col items-center justify-center p-4`,children:[(0,H.jsx)(`h1`,{className:`text-9xl hand-drawn text-red-500 mb-4 animate-bounce`,children:`404`}),(0,H.jsx)(`p`,{className:`text-2xl paper-font text-gray-600 mb-8`,children:`Oops! This page got lost in the notebook.`}),(0,H.jsx)(U,{onClick:()=>e(`/`),children:`Take me Home`})]})};function Ya(){return(0,H.jsx)(mt,{children:(0,H.jsx)(`div`,{className:`min-h-screen`,children:(0,H.jsxs)(ut,{children:[(0,H.jsx)(ct,{path:`/`,element:(0,H.jsx)(Mr,{})}),(0,H.jsx)(ct,{path:`/bingo`,element:(0,H.jsx)(Wr,{})}),(0,H.jsx)(ct,{path:`/tictactoe`,element:(0,H.jsx)(Gr,{})}),(0,H.jsx)(ct,{path:`/uttt`,element:(0,H.jsx)(Jr,{})}),(0,H.jsx)(ct,{path:`/dab`,element:(0,H.jsx)(qa,{})}),(0,H.jsx)(ct,{path:`*`,element:(0,H.jsx)(Ja,{})})]})})})}v.createRoot(document.getElementById(`root`)).render((0,H.jsx)(_.StrictMode,{children:(0,H.jsx)(ar,{children:(0,H.jsx)(Ya,{})})}));export{o as t};
\ No newline at end of file
diff --git a/pro/dist/assets/index-D8u_dQCt.css b/pro/dist/assets/index-D8u_dQCt.css
new file mode 100644
index 0000000..6b2ed7f
--- /dev/null
+++ b/pro/dist/assets/index-D8u_dQCt.css
@@ -0,0 +1,2587 @@
+/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
+@layer properties {
+  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or
+    ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
+    *,
+    :before,
+    :after,
+    ::backdrop {
+      --tw-translate-x: 0;
+      --tw-translate-y: 0;
+      --tw-translate-z: 0;
+      --tw-scale-x: 1;
+      --tw-scale-y: 1;
+      --tw-scale-z: 1;
+      --tw-rotate-x: initial;
+      --tw-rotate-y: initial;
+      --tw-rotate-z: initial;
+      --tw-skew-x: initial;
+      --tw-skew-y: initial;
+      --tw-space-y-reverse: 0;
+      --tw-border-style: solid;
+      --tw-gradient-position: initial;
+      --tw-gradient-from: #0000;
+      --tw-gradient-via: #0000;
+      --tw-gradient-to: #0000;
+      --tw-gradient-stops: initial;
+      --tw-gradient-via-stops: initial;
+      --tw-gradient-from-position: 0%;
+      --tw-gradient-via-position: 50%;
+      --tw-gradient-to-position: 100%;
+      --tw-leading: initial;
+      --tw-font-weight: initial;
+      --tw-tracking: initial;
+      --tw-shadow: 0 0 #0000;
+      --tw-shadow-color: initial;
+      --tw-shadow-alpha: 100%;
+      --tw-inset-shadow: 0 0 #0000;
+      --tw-inset-shadow-color: initial;
+      --tw-inset-shadow-alpha: 100%;
+      --tw-ring-color: initial;
+      --tw-ring-shadow: 0 0 #0000;
+      --tw-inset-ring-color: initial;
+      --tw-inset-ring-shadow: 0 0 #0000;
+      --tw-ring-inset: initial;
+      --tw-ring-offset-width: 0px;
+      --tw-ring-offset-color: #fff;
+      --tw-ring-offset-shadow: 0 0 #0000;
+      --tw-blur: initial;
+      --tw-brightness: initial;
+      --tw-contrast: initial;
+      --tw-grayscale: initial;
+      --tw-hue-rotate: initial;
+      --tw-invert: initial;
+      --tw-opacity: initial;
+      --tw-saturate: initial;
+      --tw-sepia: initial;
+      --tw-drop-shadow: initial;
+      --tw-drop-shadow-color: initial;
+      --tw-drop-shadow-alpha: 100%;
+      --tw-drop-shadow-size: initial;
+      --tw-duration: initial;
+      --tw-ease: initial;
+    }
+  }
+}
+@layer theme {
+  :root,
+  :host {
+    --font-sans:
+      ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
+    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
+    --color-red-50: oklch(97.1% 0.013 17.38);
+    --color-red-100: oklch(93.6% 0.032 17.717);
+    --color-red-200: oklch(88.5% 0.062 18.334);
+    --color-red-400: oklch(70.4% 0.191 22.216);
+    --color-red-500: oklch(63.7% 0.237 25.331);
+    --color-red-600: oklch(57.7% 0.245 27.325);
+    --color-red-900: oklch(39.6% 0.141 25.723);
+    --color-orange-100: oklch(95.4% 0.038 75.164);
+    --color-orange-600: oklch(64.6% 0.222 41.116);
+    --color-yellow-50: oklch(98.7% 0.026 102.212);
+    --color-yellow-100: oklch(97.3% 0.071 103.193);
+    --color-yellow-200: oklch(94.5% 0.129 101.54);
+    --color-yellow-300: oklch(90.5% 0.182 98.111);
+    --color-yellow-400: oklch(85.2% 0.199 91.936);
+    --color-yellow-500: oklch(79.5% 0.184 86.047);
+    --color-yellow-600: oklch(68.1% 0.162 75.834);
+    --color-yellow-700: oklch(55.4% 0.135 66.442);
+    --color-green-50: oklch(98.2% 0.018 155.826);
+    --color-green-100: oklch(96.2% 0.044 156.743);
+    --color-green-200: oklch(92.5% 0.084 155.995);
+    --color-green-400: oklch(79.2% 0.209 151.711);
+    --color-green-500: oklch(72.3% 0.219 149.579);
+    --color-green-600: oklch(62.7% 0.194 149.214);
+    --color-green-700: oklch(52.7% 0.154 150.069);
+    --color-green-900: oklch(39.3% 0.095 152.535);
+    --color-sky-400: oklch(74.6% 0.16 232.661);
+    --color-blue-50: oklch(97% 0.014 254.604);
+    --color-blue-100: oklch(93.2% 0.032 255.585);
+    --color-blue-200: oklch(88.2% 0.059 254.128);
+    --color-blue-300: oklch(80.9% 0.105 251.813);
+    --color-blue-400: oklch(70.7% 0.165 254.624);
+    --color-blue-500: oklch(62.3% 0.214 259.815);
+    --color-blue-600: oklch(54.6% 0.245 262.881);
+    --color-blue-700: oklch(48.8% 0.243 264.376);
+    --color-blue-900: oklch(37.9% 0.146 265.522);
+    --color-purple-100: oklch(94.6% 0.033 307.174);
+    --color-purple-400: oklch(71.4% 0.203 305.504);
+    --color-purple-500: oklch(62.7% 0.265 303.9);
+    --color-purple-600: oklch(55.8% 0.288 302.321);
+    --color-purple-900: oklch(38.1% 0.176 304.987);
+    --color-gray-100: oklch(96.7% 0.003 264.542);
+    --color-gray-200: oklch(92.8% 0.006 264.531);
+    --color-gray-300: oklch(87.2% 0.01 258.338);
+    --color-gray-400: oklch(70.7% 0.022 261.325);
+    --color-gray-500: oklch(55.1% 0.027 264.364);
+    --color-gray-600: oklch(44.6% 0.03 256.802);
+    --color-gray-700: oklch(37.3% 0.034 259.733);
+    --color-gray-800: oklch(27.8% 0.033 256.848);
+    --color-white: #fff;
+    --spacing: 0.25rem;
+    --container-sm: 24rem;
+    --container-md: 28rem;
+    --container-2xl: 42rem;
+    --container-3xl: 48rem;
+    --container-4xl: 56rem;
+    --container-6xl: 72rem;
+    --text-xs: 0.75rem;
+    --text-xs--line-height: calc(1 / 0.75);
+    --text-sm: 0.875rem;
+    --text-sm--line-height: calc(1.25 / 0.875);
+    --text-base: 1rem;
+    --text-base--line-height: calc(1.5 / 1);
+    --text-lg: 1.125rem;
+    --text-lg--line-height: calc(1.75 / 1.125);
+    --text-xl: 1.25rem;
+    --text-xl--line-height: calc(1.75 / 1.25);
+    --text-2xl: 1.5rem;
+    --text-2xl--line-height: calc(2 / 1.5);
+    --text-3xl: 1.875rem;
+    --text-3xl--line-height: calc(2.25 / 1.875);
+    --text-4xl: 2.25rem;
+    --text-4xl--line-height: calc(2.5 / 2.25);
+    --text-5xl: 3rem;
+    --text-5xl--line-height: 1;
+    --text-6xl: 3.75rem;
+    --text-6xl--line-height: 1;
+    --text-7xl: 4.5rem;
+    --text-7xl--line-height: 1;
+    --text-8xl: 6rem;
+    --text-8xl--line-height: 1;
+    --text-9xl: 8rem;
+    --text-9xl--line-height: 1;
+    --font-weight-semibold: 600;
+    --font-weight-bold: 700;
+    --tracking-wider: 0.05em;
+    --tracking-widest: 0.1em;
+    --leading-relaxed: 1.625;
+    --radius-lg: 0.5rem;
+    --radius-xl: 0.75rem;
+    --radius-2xl: 1rem;
+    --radius-3xl: 1.5rem;
+    --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
+    --animate-spin: spin 1s linear infinite;
+    --animate-ping: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
+    --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
+    --animate-bounce: bounce 1s infinite;
+    --default-transition-duration: 0.15s;
+    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+    --default-font-family: var(--font-sans);
+    --default-mono-font-family: var(--font-mono);
+    --font-hand-drawn: 'Permanent Marker', cursive;
+    --font-paper: 'Schoolbell', cursive;
+  }
+}
+@layer base {
+  *,
+  :after,
+  :before,
+  ::backdrop {
+    box-sizing: border-box;
+    border: 0 solid;
+    margin: 0;
+    padding: 0;
+  }
+  ::file-selector-button {
+    box-sizing: border-box;
+    border: 0 solid;
+    margin: 0;
+    padding: 0;
+  }
+  html,
+  :host {
+    -webkit-text-size-adjust: 100%;
+    tab-size: 4;
+    line-height: 1.5;
+    font-family: var(
+      --default-font-family,
+      ui-sans-serif,
+      system-ui,
+      sans-serif,
+      'Apple Color Emoji',
+      'Segoe UI Emoji',
+      'Segoe UI Symbol',
+      'Noto Color Emoji'
+    );
+    font-feature-settings: var(--default-font-feature-settings, normal);
+    font-variation-settings: var(--default-font-variation-settings, normal);
+    -webkit-tap-highlight-color: transparent;
+  }
+  hr {
+    height: 0;
+    color: inherit;
+    border-top-width: 1px;
+  }
+  abbr:where([title]) {
+    -webkit-text-decoration: underline dotted;
+    text-decoration: underline dotted;
+  }
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    font-size: inherit;
+    font-weight: inherit;
+  }
+  a {
+    color: inherit;
+    -webkit-text-decoration: inherit;
+    -webkit-text-decoration: inherit;
+    -webkit-text-decoration: inherit;
+    -webkit-text-decoration: inherit;
+    text-decoration: inherit;
+  }
+  b,
+  strong {
+    font-weight: bolder;
+  }
+  code,
+  kbd,
+  samp,
+  pre {
+    font-family: var(
+      --default-mono-font-family,
+      ui-monospace,
+      SFMono-Regular,
+      Menlo,
+      Monaco,
+      Consolas,
+      'Liberation Mono',
+      'Courier New',
+      monospace
+    );
+    font-feature-settings: var(--default-mono-font-feature-settings, normal);
+    font-variation-settings: var(--default-mono-font-variation-settings, normal);
+    font-size: 1em;
+  }
+  small {
+    font-size: 80%;
+  }
+  sub,
+  sup {
+    vertical-align: baseline;
+    font-size: 75%;
+    line-height: 0;
+    position: relative;
+  }
+  sub {
+    bottom: -0.25em;
+  }
+  sup {
+    top: -0.5em;
+  }
+  table {
+    text-indent: 0;
+    border-color: inherit;
+    border-collapse: collapse;
+  }
+  :-moz-focusring {
+    outline: auto;
+  }
+  progress {
+    vertical-align: baseline;
+  }
+  summary {
+    display: list-item;
+  }
+  ol,
+  ul,
+  menu {
+    list-style: none;
+  }
+  img,
+  svg,
+  video,
+  canvas,
+  audio,
+  iframe,
+  embed,
+  object {
+    vertical-align: middle;
+    display: block;
+  }
+  img,
+  video {
+    max-width: 100%;
+    height: auto;
+  }
+  button,
+  input,
+  select,
+  optgroup,
+  textarea {
+    font: inherit;
+    font-feature-settings: inherit;
+    font-variation-settings: inherit;
+    letter-spacing: inherit;
+    color: inherit;
+    opacity: 1;
+    background-color: #0000;
+    border-radius: 0;
+  }
+  ::file-selector-button {
+    font: inherit;
+    font-feature-settings: inherit;
+    font-variation-settings: inherit;
+    letter-spacing: inherit;
+    color: inherit;
+    opacity: 1;
+    background-color: #0000;
+    border-radius: 0;
+  }
+  :where(select:is([multiple], [size])) optgroup {
+    font-weight: bolder;
+  }
+  :where(select:is([multiple], [size])) optgroup option {
+    padding-inline-start: 20px;
+  }
+  ::file-selector-button {
+    margin-inline-end: 4px;
+  }
+  ::placeholder {
+    opacity: 1;
+  }
+  @supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size: 1px) {
+    ::placeholder {
+      color: currentColor;
+    }
+    @supports (color: color-mix(in lab, red, red)) {
+      ::placeholder {
+        color: color-mix(in oklab, currentcolor 50%, transparent);
+      }
+    }
+  }
+  textarea {
+    resize: vertical;
+  }
+  ::-webkit-search-decoration {
+    -webkit-appearance: none;
+  }
+  ::-webkit-date-and-time-value {
+    min-height: 1lh;
+    text-align: inherit;
+  }
+  ::-webkit-datetime-edit {
+    display: inline-flex;
+  }
+  ::-webkit-datetime-edit-fields-wrapper {
+    padding: 0;
+  }
+  ::-webkit-datetime-edit {
+    padding-block: 0;
+  }
+  ::-webkit-datetime-edit-year-field {
+    padding-block: 0;
+  }
+  ::-webkit-datetime-edit-month-field {
+    padding-block: 0;
+  }
+  ::-webkit-datetime-edit-day-field {
+    padding-block: 0;
+  }
+  ::-webkit-datetime-edit-hour-field {
+    padding-block: 0;
+  }
+  ::-webkit-datetime-edit-minute-field {
+    padding-block: 0;
+  }
+  ::-webkit-datetime-edit-second-field {
+    padding-block: 0;
+  }
+  ::-webkit-datetime-edit-millisecond-field {
+    padding-block: 0;
+  }
+  ::-webkit-datetime-edit-meridiem-field {
+    padding-block: 0;
+  }
+  ::-webkit-calendar-picker-indicator {
+    line-height: 1;
+  }
+  :-moz-ui-invalid {
+    box-shadow: none;
+  }
+  button,
+  input:where([type='button'], [type='reset'], [type='submit']) {
+    appearance: button;
+  }
+  ::file-selector-button {
+    appearance: button;
+  }
+  ::-webkit-inner-spin-button {
+    height: auto;
+  }
+  ::-webkit-outer-spin-button {
+    height: auto;
+  }
+  [hidden]:where(:not([hidden='until-found'])) {
+    display: none !important;
+  }
+}
+@layer components;
+@layer utilities {
+  .\@container {
+    container-type: inline-size;
+  }
+  .pointer-events-auto {
+    pointer-events: auto;
+  }
+  .pointer-events-none {
+    pointer-events: none;
+  }
+  .visible {
+    visibility: visible;
+  }
+  .absolute {
+    position: absolute;
+  }
+  .fixed {
+    position: fixed;
+  }
+  .relative {
+    position: relative;
+  }
+  .static {
+    position: static;
+  }
+  .-inset-1 {
+    inset: calc(var(--spacing) * -1);
+  }
+  .inset-0 {
+    inset: calc(var(--spacing) * 0);
+  }
+  .top-0 {
+    top: calc(var(--spacing) * 0);
+  }
+  .top-1\/4 {
+    top: 25%;
+  }
+  .top-2 {
+    top: calc(var(--spacing) * 2);
+  }
+  .top-4 {
+    top: calc(var(--spacing) * 4);
+  }
+  .-right-2 {
+    right: calc(var(--spacing) * -2);
+  }
+  .right-2 {
+    right: calc(var(--spacing) * 2);
+  }
+  .right-4 {
+    right: calc(var(--spacing) * 4);
+  }
+  .right-8 {
+    right: calc(var(--spacing) * 8);
+  }
+  .-bottom-2 {
+    bottom: calc(var(--spacing) * -2);
+  }
+  .bottom-1\/4 {
+    bottom: 25%;
+  }
+  .bottom-4 {
+    bottom: calc(var(--spacing) * 4);
+  }
+  .bottom-full {
+    bottom: 100%;
+  }
+  .-left-3 {
+    left: calc(var(--spacing) * -3);
+  }
+  .left-0 {
+    left: calc(var(--spacing) * 0);
+  }
+  .left-1\/2 {
+    left: 50%;
+  }
+  .left-4 {
+    left: calc(var(--spacing) * 4);
+  }
+  .left-8 {
+    left: calc(var(--spacing) * 8);
+  }
+  .z-10 {
+    z-index: 10;
+  }
+  .z-50 {
+    z-index: 50;
+  }
+  .container {
+    width: 100%;
+  }
+  @media (width>=40rem) {
+    .container {
+      max-width: 40rem;
+    }
+  }
+  @media (width>=48rem) {
+    .container {
+      max-width: 48rem;
+    }
+  }
+  @media (width>=64rem) {
+    .container {
+      max-width: 64rem;
+    }
+  }
+  @media (width>=80rem) {
+    .container {
+      max-width: 80rem;
+    }
+  }
+  @media (width>=96rem) {
+    .container {
+      max-width: 96rem;
+    }
+  }
+  .mx-auto {
+    margin-inline: auto;
+  }
+  .mt-1 {
+    margin-top: calc(var(--spacing) * 1);
+  }
+  .mt-2 {
+    margin-top: calc(var(--spacing) * 2);
+  }
+  .mt-3 {
+    margin-top: calc(var(--spacing) * 3);
+  }
+  .mt-4 {
+    margin-top: calc(var(--spacing) * 4);
+  }
+  .mt-8 {
+    margin-top: calc(var(--spacing) * 8);
+  }
+  .mr-1 {
+    margin-right: calc(var(--spacing) * 1);
+  }
+  .mb-1 {
+    margin-bottom: calc(var(--spacing) * 1);
+  }
+  .mb-2 {
+    margin-bottom: calc(var(--spacing) * 2);
+  }
+  .mb-3 {
+    margin-bottom: calc(var(--spacing) * 3);
+  }
+  .mb-4 {
+    margin-bottom: calc(var(--spacing) * 4);
+  }
+  .mb-6 {
+    margin-bottom: calc(var(--spacing) * 6);
+  }
+  .mb-8 {
+    margin-bottom: calc(var(--spacing) * 8);
+  }
+  .ml-1 {
+    margin-left: calc(var(--spacing) * 1);
+  }
+  .ml-auto {
+    margin-left: auto;
+  }
+  .block {
+    display: block;
+  }
+  .flex {
+    display: flex;
+  }
+  .grid {
+    display: grid;
+  }
+  .hidden {
+    display: none;
+  }
+  .inline {
+    display: inline;
+  }
+  .inline-block {
+    display: inline-block;
+  }
+  .aspect-square {
+    aspect-ratio: 1;
+  }
+  .h-1\.5 {
+    height: calc(var(--spacing) * 1.5);
+  }
+  .h-2 {
+    height: calc(var(--spacing) * 2);
+  }
+  .h-3 {
+    height: calc(var(--spacing) * 3);
+  }
+  .h-4 {
+    height: calc(var(--spacing) * 4);
+  }
+  .h-6 {
+    height: calc(var(--spacing) * 6);
+  }
+  .h-8 {
+    height: calc(var(--spacing) * 8);
+  }
+  .h-10 {
+    height: calc(var(--spacing) * 10);
+  }
+  .h-12 {
+    height: calc(var(--spacing) * 12);
+  }
+  .h-16 {
+    height: calc(var(--spacing) * 16);
+  }
+  .h-24 {
+    height: calc(var(--spacing) * 24);
+  }
+  .h-32 {
+    height: calc(var(--spacing) * 32);
+  }
+  .h-full {
+    height: 100%;
+  }
+  .h-px {
+    height: 1px;
+  }
+  .min-h-screen {
+    min-height: 100vh;
+  }
+  .w-1\.5 {
+    width: calc(var(--spacing) * 1.5);
+  }
+  .w-2 {
+    width: calc(var(--spacing) * 2);
+  }
+  .w-3 {
+    width: calc(var(--spacing) * 3);
+  }
+  .w-4 {
+    width: calc(var(--spacing) * 4);
+  }
+  .w-6 {
+    width: calc(var(--spacing) * 6);
+  }
+  .w-8 {
+    width: calc(var(--spacing) * 8);
+  }
+  .w-10 {
+    width: calc(var(--spacing) * 10);
+  }
+  .w-12 {
+    width: calc(var(--spacing) * 12);
+  }
+  .w-16 {
+    width: calc(var(--spacing) * 16);
+  }
+  .w-24 {
+    width: calc(var(--spacing) * 24);
+  }
+  .w-32 {
+    width: calc(var(--spacing) * 32);
+  }
+  .w-48 {
+    width: calc(var(--spacing) * 48);
+  }
+  .w-64 {
+    width: calc(var(--spacing) * 64);
+  }
+  .w-full {
+    width: 100%;
+  }
+  .w-px {
+    width: 1px;
+  }
+  .max-w-2xl {
+    max-width: var(--container-2xl);
+  }
+  .max-w-3xl {
+    max-width: var(--container-3xl);
+  }
+  .max-w-4xl {
+    max-width: var(--container-4xl);
+  }
+  .max-w-6xl {
+    max-width: var(--container-6xl);
+  }
+  .max-w-\[7rem\] {
+    max-width: 7rem;
+  }
+  .max-w-md {
+    max-width: var(--container-md);
+  }
+  .max-w-sm {
+    max-width: var(--container-sm);
+  }
+  .min-w-0 {
+    min-width: calc(var(--spacing) * 0);
+  }
+  .flex-1 {
+    flex: 1;
+  }
+  .flex-shrink-0 {
+    flex-shrink: 0;
+  }
+  .grow {
+    flex-grow: 1;
+  }
+  .-translate-x-1\/2 {
+    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+  .translate-y-0 {
+    --tw-translate-y: calc(var(--spacing) * 0);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+  .translate-y-2 {
+    --tw-translate-y: calc(var(--spacing) * 2);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+  .scale-105 {
+    --tw-scale-x: 105%;
+    --tw-scale-y: 105%;
+    --tw-scale-z: 105%;
+    scale: var(--tw-scale-x) var(--tw-scale-y);
+  }
+  .scale-110 {
+    --tw-scale-x: 110%;
+    --tw-scale-y: 110%;
+    --tw-scale-z: 110%;
+    scale: var(--tw-scale-x) var(--tw-scale-y);
+  }
+  .scale-\[1\.02\] {
+    scale: 1.02;
+  }
+  .-rotate-2 {
+    rotate: -2deg;
+  }
+  .-rotate-12 {
+    rotate: -12deg;
+  }
+  .-rotate-30 {
+    rotate: -30deg;
+  }
+  .rotate-1 {
+    rotate: 1deg;
+  }
+  .rotate-12 {
+    rotate: 12deg;
+  }
+  .rotate-45 {
+    rotate: 45deg;
+  }
+  .transform {
+    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
+  }
+  .animate-bounce {
+    animation: var(--animate-bounce);
+  }
+  .animate-ping {
+    animation: var(--animate-ping);
+  }
+  .animate-pulse {
+    animation: var(--animate-pulse);
+  }
+  .animate-spin {
+    animation: var(--animate-spin);
+  }
+  .cursor-default {
+    cursor: default;
+  }
+  .cursor-not-allowed {
+    cursor: not-allowed;
+  }
+  .cursor-pointer {
+    cursor: pointer;
+  }
+  .resize {
+    resize: both;
+  }
+  .grid-cols-1 {
+    grid-template-columns: repeat(1, minmax(0, 1fr));
+  }
+  .grid-cols-2 {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+  .grid-cols-3 {
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+  }
+  .grid-cols-5 {
+    grid-template-columns: repeat(5, minmax(0, 1fr));
+  }
+  .grid-cols-7 {
+    grid-template-columns: repeat(7, minmax(0, 1fr));
+  }
+  .flex-col {
+    flex-direction: column;
+  }
+  .flex-wrap {
+    flex-wrap: wrap;
+  }
+  .items-center {
+    align-items: center;
+  }
+  .items-start {
+    align-items: flex-start;
+  }
+  .justify-between {
+    justify-content: space-between;
+  }
+  .justify-center {
+    justify-content: center;
+  }
+  .justify-items-center {
+    justify-items: center;
+  }
+  .gap-0 {
+    gap: calc(var(--spacing) * 0);
+  }
+  .gap-0\.5 {
+    gap: calc(var(--spacing) * 0.5);
+  }
+  .gap-1 {
+    gap: calc(var(--spacing) * 1);
+  }
+  .gap-1\.5 {
+    gap: calc(var(--spacing) * 1.5);
+  }
+  .gap-2 {
+    gap: calc(var(--spacing) * 2);
+  }
+  .gap-3 {
+    gap: calc(var(--spacing) * 3);
+  }
+  .gap-4 {
+    gap: calc(var(--spacing) * 4);
+  }
+  .gap-6 {
+    gap: calc(var(--spacing) * 6);
+  }
+  .gap-8 {
+    gap: calc(var(--spacing) * 8);
+  }
+  :where(.space-y-1 > :not(:last-child)) {
+    --tw-space-y-reverse: 0;
+    margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
+    margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
+  }
+  :where(.space-y-2 > :not(:last-child)) {
+    --tw-space-y-reverse: 0;
+    margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
+    margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
+  }
+  :where(.space-y-3 > :not(:last-child)) {
+    --tw-space-y-reverse: 0;
+    margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
+    margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
+  }
+  :where(.space-y-4 > :not(:last-child)) {
+    --tw-space-y-reverse: 0;
+    margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
+    margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
+  }
+  :where(.space-y-6 > :not(:last-child)) {
+    --tw-space-y-reverse: 0;
+    margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
+    margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
+  }
+  .truncate {
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    overflow: hidden;
+  }
+  .overflow-hidden {
+    overflow: hidden;
+  }
+  .rounded {
+    border-radius: 0.25rem;
+  }
+  .rounded-2xl {
+    border-radius: var(--radius-2xl);
+  }
+  .rounded-3xl {
+    border-radius: var(--radius-3xl);
+  }
+  .rounded-full {
+    border-radius: 3.40282e38px;
+  }
+  .rounded-lg {
+    border-radius: var(--radius-lg);
+  }
+  .rounded-xl {
+    border-radius: var(--radius-xl);
+  }
+  .border {
+    border-style: var(--tw-border-style);
+    border-width: 1px;
+  }
+  .border-2 {
+    border-style: var(--tw-border-style);
+    border-width: 2px;
+  }
+  .border-4 {
+    border-style: var(--tw-border-style);
+    border-width: 4px;
+  }
+  .border-t {
+    border-top-style: var(--tw-border-style);
+    border-top-width: 1px;
+  }
+  .border-t-2 {
+    border-top-style: var(--tw-border-style);
+    border-top-width: 2px;
+  }
+  .border-b {
+    border-bottom-style: var(--tw-border-style);
+    border-bottom-width: 1px;
+  }
+  .border-dashed {
+    --tw-border-style: dashed;
+    border-style: dashed;
+  }
+  .border-blue-200 {
+    border-color: var(--color-blue-200);
+  }
+  .border-blue-200\/50 {
+    border-color: #bedbff80;
+  }
+  @supports (color: color-mix(in lab, red, red)) {
+    .border-blue-200\/50 {
+      border-color: color-mix(in oklab, var(--color-blue-200) 50%, transparent);
+    }
+  }
+  .border-blue-300 {
+    border-color: var(--color-blue-300);
+  }
+  .border-blue-400\/50 {
+    border-color: #54a2ff80;
+  }
+  @supports (color: color-mix(in lab, red, red)) {
+    .border-blue-400\/50 {
+      border-color: color-mix(in oklab, var(--color-blue-400) 50%, transparent);
+    }
+  }
+  .border-current {
+    border-color: currentColor;
+  }
+  .border-gray-200\/70 {
+    border-color: #e5e7ebb3;
+  }
+  @supports (color: color-mix(in lab, red, red)) {
+    .border-gray-200\/70 {
+      border-color: color-mix(in oklab, var(--color-gray-200) 70%, transparent);
+    }
+  }
+  .border-gray-300 {
+    border-color: var(--color-gray-300);
+  }
+  .border-gray-300\/30 {
+    border-color: #d1d5dc4d;
+  }
+  @supports (color: color-mix(in lab, red, red)) {
+    .border-gray-300\/30 {
+      border-color: color-mix(in oklab, var(--color-gray-300) 30%, transparent);
+    }
+  }
+  .border-gray-300\/50 {
+    border-color: #d1d5dc80;
+  }
+  @supports (color: color-mix(in lab, red, red)) {
+    .border-gray-300\/50 {
+      border-color: color-mix(in oklab, var(--color-gray-300) 50%, transparent);
+    }
+  }
+  .border-gray-800\/10 {
+    border-color: #1e29391a;
+  }
+  @supports (color: color-mix(in lab, red, red)) {
+    .border-gray-800\/10 {
+      border-color: color-mix(in oklab, var(--color-gray-800) 10%, transparent);
+    }
+  }
+  .border-green-400\/50 {
+    border-color: #05df7280;
+  }
+  @supports (color: color-mix(in lab, red, red)) {
+    .border-green-400\/50 {
+      border-color: color-mix(in oklab, var(--color-green-400) 50%, transparent);
+    }
+  }
+  .border-purple-400\/50 {
+    border-color: #c07eff80;
+  }
+  @supports (color: color-mix(in lab, red, red)) {
+    .border-purple-400\/50 {
+      border-color: color-mix(in oklab, var(--color-purple-400) 50%, transparent);
+    }
+  }
+  .border-red-200 {
+    border-color: var(--color-red-200);
+  }
+  .border-red-200\/50 {
+    border-color: #ffcaca80;
+  }
+  @supports (color: color-mix(in lab, red, red)) {
+    .border-red-200\/50 {
+      border-color: color-mix(in oklab, var(--color-red-200) 50%, transparent);
+    }
+  }
+  .border-red-400\/50 {
+    border-color: #ff656880;
+  }
+  @supports (color: color-mix(in lab, red, red)) {
+    .border-red-400\/50 {
+      border-color: color-mix(in oklab, var(--color-red-400) 50%, transparent);
+    }
+  }
+  .border-transparent {
+    border-color: #0000;
+  }
+  .border-yellow-400 {
+    border-color: var(--color-yellow-400);
+  }
+  .border-yellow-400\/70 {
+    border-color: #fac800b3;
+  }
+  @supports (color: color-mix(in lab, red, red)) {
+    .border-yellow-400\/70 {
+      border-color: color-mix(in oklab, var(--color-yellow-400) 70%, transparent);
+    }
+  }
+  .border-t-transparent {
+    border-top-color: #0000;
+  }
+  .bg-blue-50 {
+    background-color: var(--color-blue-50);
+  }
+  .bg-blue-50\/80 {
+    background-color: #eff6ffcc;
+  }
+  @supports (color: color-mix(in lab, red, red)) {
+    .bg-blue-50\/80 {
+      background-color: color-mix(in oklab, var(--color-blue-50) 80%, transparent);
+    }
+  }
+  .bg-blue-100 {
+    background-color: var(--color-blue-100);
+  }
+  .bg-blue-500 {
+    background-color: var(--color-blue-500);
+  }
+  .bg-blue-500\/40 {
+    background-color: #3080ff66;
+  }
+  @supports (color: color-mix(in lab, red, red)) {
+    .bg-blue-500\/40 {
+      background-color: color-mix(in oklab, var(--color-blue-500) 40%, transparent);
+    }
+  }
+  .bg-blue-500\/80 {
+    background-color: #3080ffcc;
+  }
+  @supports (color: color-mix(in lab, red, red)) {
+    .bg-blue-500\/80 {
+      background-color: color-mix(in oklab, var(--color-blue-500) 80%, transparent);
+    }
+  }
+  .bg-gray-100\/90 {
+    background-color: #f3f4f6e6;
+  }
+  @supports (color: color-mix(in lab, red, red)) {
+    .bg-gray-100\/90 {
+      background-color: color-mix(in oklab, var(--color-gray-100) 90%, transparent);
+    }
+  }
+  .bg-gray-200 {
+    background-color: var(--color-gray-200);
+  }
+  .bg-gray-300 {
+    background-color: var(--color-gray-300);
+  }
+  .bg-gray-500 {
+    background-color: var(--color-gray-500);
+  }
+  .bg-green-50 {
+    background-color: var(--color-green-50);
+  }
+  .bg-green-100 {
+    background-color: var(--color-green-100);
+  }
+  .bg-green-500 {
+    background-color: var(--color-green-500);
+  }
+  .bg-green-500\/40 {
+    background-color: #00c75866;
+  }
+  @supports (color: color-mix(in lab, red, red)) {
+    .bg-green-500\/40 {
+      background-color: color-mix(in oklab, var(--color-green-500) 40%, transparent);
+    }
+  }
+  .bg-orange-100 {
+    background-color: var(--color-orange-100);
+  }
+  .bg-purple-500\/40 {
+    background-color: #ac4bff66;
+  }
+  @supports (color: color-mix(in lab, red, red)) {
+    .bg-purple-500\/40 {
+      background-color: color-mix(in oklab, var(--color-purple-500) 40%, transparent);
+    }
+  }
+  .bg-red-50 {
+    background-color: var(--color-red-50);
+  }
+  .bg-red-50\/80 {
+    background-color: #fef2f2cc;
+  }
+  @supports (color: color-mix(in lab, red, red)) {
+    .bg-red-50\/80 {
+      background-color: color-mix(in oklab, var(--color-red-50) 80%, transparent);
+    }
+  }
+  .bg-red-500 {
+    background-color: var(--color-red-500);
+  }
+  .bg-red-500\/30 {
+    background-color: #fb2c364d;
+  }
+  @supports (color: color-mix(in lab, red, red)) {
+    .bg-red-500\/30 {
+      background-color: color-mix(in oklab, var(--color-red-500) 30%, transparent);
+    }
+  }
+  .bg-red-500\/40 {
+    background-color: #fb2c3666;
+  }
+  @supports (color: color-mix(in lab, red, red)) {
+    .bg-red-500\/40 {
+      background-color: color-mix(in oklab, var(--color-red-500) 40%, transparent);
+    }
+  }
+  .bg-white {
+    background-color: var(--color-white);
+  }
+  .bg-white\/30 {
+    background-color: #ffffff4d;
+  }
+  @supports (color: color-mix(in lab, red, red)) {
+    .bg-white\/30 {
+      background-color: color-mix(in oklab, var(--color-white) 30%, transparent);
+    }
+  }
+  .bg-white\/50 {
+    background-color: #ffffff80;
+  }
+  @supports (color: color-mix(in lab, red, red)) {
+    .bg-white\/50 {
+      background-color: color-mix(in oklab, var(--color-white) 50%, transparent);
+    }
+  }
+  .bg-white\/60 {
+    background-color: #fff9;
+  }
+  @supports (color: color-mix(in lab, red, red)) {
+    .bg-white\/60 {
+      background-color: color-mix(in oklab, var(--color-white) 60%, transparent);
+    }
+  }
+  .bg-white\/80 {
+    background-color: #fffc;
+  }
+  @supports (color: color-mix(in lab, red, red)) {
+    .bg-white\/80 {
+      background-color: color-mix(in oklab, var(--color-white) 80%, transparent);
+    }
+  }
+  .bg-white\/95 {
+    background-color: #fffffff2;
+  }
+  @supports (color: color-mix(in lab, red, red)) {
+    .bg-white\/95 {
+      background-color: color-mix(in oklab, var(--color-white) 95%, transparent);
+    }
+  }
+  .bg-yellow-50 {
+    background-color: var(--color-yellow-50);
+  }
+  .bg-yellow-50\/60 {
+    background-color: #fefce899;
+  }
+  @supports (color: color-mix(in lab, red, red)) {
+    .bg-yellow-50\/60 {
+      background-color: color-mix(in oklab, var(--color-yellow-50) 60%, transparent);
+    }
+  }
+  .bg-yellow-100 {
+    background-color: var(--color-yellow-100);
+  }
+  .bg-yellow-200 {
+    background-color: var(--color-yellow-200);
+  }
+  .bg-yellow-200\/70 {
+    background-color: #fff085b3;
+  }
+  @supports (color: color-mix(in lab, red, red)) {
+    .bg-yellow-200\/70 {
+      background-color: color-mix(in oklab, var(--color-yellow-200) 70%, transparent);
+    }
+  }
+  .bg-yellow-300\/50 {
+    background-color: #ffe02a80;
+  }
+  @supports (color: color-mix(in lab, red, red)) {
+    .bg-yellow-300\/50 {
+      background-color: color-mix(in oklab, var(--color-yellow-300) 50%, transparent);
+    }
+  }
+  .bg-yellow-400 {
+    background-color: var(--color-yellow-400);
+  }
+  .bg-yellow-500 {
+    background-color: var(--color-yellow-500);
+  }
+  .bg-yellow-500\/30 {
+    background-color: #edb2004d;
+  }
+  @supports (color: color-mix(in lab, red, red)) {
+    .bg-yellow-500\/30 {
+      background-color: color-mix(in oklab, var(--color-yellow-500) 30%, transparent);
+    }
+  }
+  .bg-gradient-to-b {
+    --tw-gradient-position: to bottom in oklab;
+    background-image: linear-gradient(var(--tw-gradient-stops));
+  }
+  .bg-gradient-to-r {
+    --tw-gradient-position: to right in oklab;
+    background-image: linear-gradient(var(--tw-gradient-stops));
+  }
+  .from-blue-600 {
+    --tw-gradient-from: var(--color-blue-600);
+    --tw-gradient-stops: var(
+      --tw-gradient-via-stops,
+      var(--tw-gradient-position),
+      var(--tw-gradient-from) var(--tw-gradient-from-position),
+      var(--tw-gradient-to) var(--tw-gradient-to-position)
+    );
+  }
+  .from-transparent {
+    --tw-gradient-from: transparent;
+    --tw-gradient-stops: var(
+      --tw-gradient-via-stops,
+      var(--tw-gradient-position),
+      var(--tw-gradient-from) var(--tw-gradient-from-position),
+      var(--tw-gradient-to) var(--tw-gradient-to-position)
+    );
+  }
+  .via-gray-300 {
+    --tw-gradient-via: var(--color-gray-300);
+    --tw-gradient-via-stops:
+      var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position),
+      var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
+    --tw-gradient-stops: var(--tw-gradient-via-stops);
+  }
+  .via-gray-400\/40 {
+    --tw-gradient-via: #99a1af66;
+  }
+  @supports (color: color-mix(in lab, red, red)) {
+    .via-gray-400\/40 {
+      --tw-gradient-via: color-mix(in oklab, var(--color-gray-400) 40%, transparent);
+    }
+  }
+  .via-gray-400\/40 {
+    --tw-gradient-via-stops:
+      var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position),
+      var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
+    --tw-gradient-stops: var(--tw-gradient-via-stops);
+  }
+  .to-purple-600 {
+    --tw-gradient-to: var(--color-purple-600);
+    --tw-gradient-stops: var(
+      --tw-gradient-via-stops,
+      var(--tw-gradient-position),
+      var(--tw-gradient-from) var(--tw-gradient-from-position),
+      var(--tw-gradient-to) var(--tw-gradient-to-position)
+    );
+  }
+  .to-transparent {
+    --tw-gradient-to: transparent;
+    --tw-gradient-stops: var(
+      --tw-gradient-via-stops,
+      var(--tw-gradient-position),
+      var(--tw-gradient-from) var(--tw-gradient-from-position),
+      var(--tw-gradient-to) var(--tw-gradient-to-position)
+    );
+  }
+  .bg-clip-text {
+    -webkit-background-clip: text;
+    background-clip: text;
+  }
+  .object-cover {
+    object-fit: cover;
+  }
+  .p-0\.5 {
+    padding: calc(var(--spacing) * 0.5);
+  }
+  .p-1\.5 {
+    padding: calc(var(--spacing) * 1.5);
+  }
+  .p-2 {
+    padding: calc(var(--spacing) * 2);
+  }
+  .p-3 {
+    padding: calc(var(--spacing) * 3);
+  }
+  .p-4 {
+    padding: calc(var(--spacing) * 4);
+  }
+  .p-6 {
+    padding: calc(var(--spacing) * 6);
+  }
+  .p-8 {
+    padding: calc(var(--spacing) * 8);
+  }
+  .px-1\.5 {
+    padding-inline: calc(var(--spacing) * 1.5);
+  }
+  .px-2 {
+    padding-inline: calc(var(--spacing) * 2);
+  }
+  .px-3 {
+    padding-inline: calc(var(--spacing) * 3);
+  }
+  .px-4 {
+    padding-inline: calc(var(--spacing) * 4);
+  }
+  .px-6 {
+    padding-inline: calc(var(--spacing) * 6);
+  }
+  .px-8 {
+    padding-inline: calc(var(--spacing) * 8);
+  }
+  .py-0\.5 {
+    padding-block: calc(var(--spacing) * 0.5);
+  }
+  .py-1 {
+    padding-block: calc(var(--spacing) * 1);
+  }
+  .py-1\.5 {
+    padding-block: calc(var(--spacing) * 1.5);
+  }
+  .py-2 {
+    padding-block: calc(var(--spacing) * 2);
+  }
+  .py-3 {
+    padding-block: calc(var(--spacing) * 3);
+  }
+  .py-4 {
+    padding-block: calc(var(--spacing) * 4);
+  }
+  .pt-2 {
+    padding-top: calc(var(--spacing) * 2);
+  }
+  .pt-3 {
+    padding-top: calc(var(--spacing) * 3);
+  }
+  .pt-4 {
+    padding-top: calc(var(--spacing) * 4);
+  }
+  .text-center {
+    text-align: center;
+  }
+  .text-left {
+    text-align: left;
+  }
+  .font-hand-drawn {
+    font-family: var(--font-hand-drawn);
+  }
+  .text-2xl {
+    font-size: var(--text-2xl);
+    line-height: var(--tw-leading, var(--text-2xl--line-height));
+  }
+  .text-3xl {
+    font-size: var(--text-3xl);
+    line-height: var(--tw-leading, var(--text-3xl--line-height));
+  }
+  .text-4xl {
+    font-size: var(--text-4xl);
+    line-height: var(--tw-leading, var(--text-4xl--line-height));
+  }
+  .text-5xl {
+    font-size: var(--text-5xl);
+    line-height: var(--tw-leading, var(--text-5xl--line-height));
+  }
+  .text-6xl {
+    font-size: var(--text-6xl);
+    line-height: var(--tw-leading, var(--text-6xl--line-height));
+  }
+  .text-9xl {
+    font-size: var(--text-9xl);
+    line-height: var(--tw-leading, var(--text-9xl--line-height));
+  }
+  .text-base {
+    font-size: var(--text-base);
+    line-height: var(--tw-leading, var(--text-base--line-height));
+  }
+  .text-lg {
+    font-size: var(--text-lg);
+    line-height: var(--tw-leading, var(--text-lg--line-height));
+  }
+  .text-sm {
+    font-size: var(--text-sm);
+    line-height: var(--tw-leading, var(--text-sm--line-height));
+  }
+  .text-xl {
+    font-size: var(--text-xl);
+    line-height: var(--tw-leading, var(--text-xl--line-height));
+  }
+  .text-xs {
+    font-size: var(--text-xs);
+    line-height: var(--tw-leading, var(--text-xs--line-height));
+  }
+  .text-\[6px\] {
+    font-size: 6px;
+  }
+  .text-\[10px\] {
+    font-size: 10px;
+  }
+  .leading-relaxed {
+    --tw-leading: var(--leading-relaxed);
+    line-height: var(--leading-relaxed);
+  }
+  .font-bold {
+    --tw-font-weight: var(--font-weight-bold);
+    font-weight: var(--font-weight-bold);
+  }
+  .font-semibold {
+    --tw-font-weight: var(--font-weight-semibold);
+    font-weight: var(--font-weight-semibold);
+  }
+  .tracking-wider {
+    --tw-tracking: var(--tracking-wider);
+    letter-spacing: var(--tracking-wider);
+  }
+  .tracking-widest {
+    --tw-tracking: var(--tracking-widest);
+    letter-spacing: var(--tracking-widest);
+  }
+  .whitespace-pre-wrap {
+    white-space: pre-wrap;
+  }
+  .text-\[\#1a1a2e\] {
+    color: #1a1a2e;
+  }
+  .text-\[\#c73e1d\] {
+    color: #c73e1d;
+  }
+  .text-blue-500 {
+    color: var(--color-blue-500);
+  }
+  .text-blue-600 {
+    color: var(--color-blue-600);
+  }
+  .text-blue-700 {
+    color: var(--color-blue-700);
+  }
+  .text-blue-900 {
+    color: var(--color-blue-900);
+  }
+  .text-gray-200 {
+    color: var(--color-gray-200);
+  }
+  .text-gray-300 {
+    color: var(--color-gray-300);
+  }
+  .text-gray-400 {
+    color: var(--color-gray-400);
+  }
+  .text-gray-500 {
+    color: var(--color-gray-500);
+  }
+  .text-gray-600 {
+    color: var(--color-gray-600);
+  }
+  .text-gray-700 {
+    color: var(--color-gray-700);
+  }
+  .text-gray-800 {
+    color: var(--color-gray-800);
+  }
+  .text-green-600 {
+    color: var(--color-green-600);
+  }
+  .text-green-700 {
+    color: var(--color-green-700);
+  }
+  .text-green-900 {
+    color: var(--color-green-900);
+  }
+  .text-orange-600 {
+    color: var(--color-orange-600);
+  }
+  .text-purple-900 {
+    color: var(--color-purple-900);
+  }
+  .text-red-500 {
+    color: var(--color-red-500);
+  }
+  .text-red-600 {
+    color: var(--color-red-600);
+  }
+  .text-red-900 {
+    color: var(--color-red-900);
+  }
+  .text-transparent {
+    color: #0000;
+  }
+  .text-white {
+    color: var(--color-white);
+  }
+  .text-white\/90 {
+    color: #ffffffe6;
+  }
+  @supports (color: color-mix(in lab, red, red)) {
+    .text-white\/90 {
+      color: color-mix(in oklab, var(--color-white) 90%, transparent);
+    }
+  }
+  .text-yellow-500 {
+    color: var(--color-yellow-500);
+  }
+  .text-yellow-600 {
+    color: var(--color-yellow-600);
+  }
+  .text-yellow-700 {
+    color: var(--color-yellow-700);
+  }
+  .capitalize {
+    text-transform: capitalize;
+  }
+  .uppercase {
+    text-transform: uppercase;
+  }
+  .italic {
+    font-style: italic;
+  }
+  .opacity-0 {
+    opacity: 0;
+  }
+  .opacity-5 {
+    opacity: 0.05;
+  }
+  .opacity-10 {
+    opacity: 0.1;
+  }
+  .opacity-20 {
+    opacity: 0.2;
+  }
+  .opacity-30 {
+    opacity: 0.3;
+  }
+  .opacity-40 {
+    opacity: 0.4;
+  }
+  .opacity-50 {
+    opacity: 0.5;
+  }
+  .opacity-60 {
+    opacity: 0.6;
+  }
+  .opacity-70 {
+    opacity: 0.7;
+  }
+  .opacity-100 {
+    opacity: 1;
+  }
+  .opacity-\[0\.03\] {
+    opacity: 0.03;
+  }
+  .mix-blend-multiply {
+    mix-blend-mode: multiply;
+  }
+  .shadow-lg {
+    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
+    box-shadow:
+      var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
+      var(--tw-shadow);
+  }
+  .shadow-md {
+    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);
+    box-shadow:
+      var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
+      var(--tw-shadow);
+  }
+  .shadow-sm {
+    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
+    box-shadow:
+      var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
+      var(--tw-shadow);
+  }
+  .ring-1 {
+    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width))
+      var(--tw-ring-color, currentcolor);
+    box-shadow:
+      var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
+      var(--tw-shadow);
+  }
+  .ring-2 {
+    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width))
+      var(--tw-ring-color, currentcolor);
+    box-shadow:
+      var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
+      var(--tw-shadow);
+  }
+  .ring-4 {
+    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width))
+      var(--tw-ring-color, currentcolor);
+    box-shadow:
+      var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
+      var(--tw-shadow);
+  }
+  .ring-blue-400 {
+    --tw-ring-color: var(--color-blue-400);
+  }
+  .ring-sky-400 {
+    --tw-ring-color: var(--color-sky-400);
+  }
+  .ring-yellow-400 {
+    --tw-ring-color: var(--color-yellow-400);
+  }
+  .ring-yellow-500 {
+    --tw-ring-color: var(--color-yellow-500);
+  }
+  .ring-offset-1 {
+    --tw-ring-offset-width: 1px;
+    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+  }
+  .ring-offset-2 {
+    --tw-ring-offset-width: 2px;
+    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+  }
+  .blur {
+    --tw-blur: blur(8px);
+    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,)
+      var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
+  }
+  .filter {
+    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,)
+      var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
+  }
+  .transition {
+    transition-property:
+      color,
+      background-color,
+      border-color,
+      outline-color,
+      text-decoration-color,
+      fill,
+      stroke,
+      --tw-gradient-from,
+      --tw-gradient-via,
+      --tw-gradient-to,
+      opacity,
+      box-shadow,
+      transform,
+      translate,
+      scale,
+      rotate,
+      filter,
+      -webkit-backdrop-filter,
+      backdrop-filter,
+      display,
+      content-visibility,
+      overlay,
+      pointer-events;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+  }
+  .transition-all {
+    transition-property: all;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+  }
+  .transition-colors {
+    transition-property:
+      color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from,
+      --tw-gradient-via, --tw-gradient-to;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+  }
+  .transition-opacity {
+    transition-property: opacity;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+  }
+  .transition-transform {
+    transition-property: transform, translate, scale, rotate;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+  }
+  .duration-200 {
+    --tw-duration: 0.2s;
+    transition-duration: 0.2s;
+  }
+  .duration-300 {
+    --tw-duration: 0.3s;
+    transition-duration: 0.3s;
+  }
+  .duration-500 {
+    --tw-duration: 0.5s;
+    transition-duration: 0.5s;
+  }
+  .ease-in-out {
+    --tw-ease: var(--ease-in-out);
+    transition-timing-function: var(--ease-in-out);
+  }
+  .select-none {
+    -webkit-user-select: none;
+    user-select: none;
+  }
+  @media (hover: hover) {
+    .group-hover\:translate-x-1:is(:where(.group):hover *) {
+      --tw-translate-x: calc(var(--spacing) * 1);
+      translate: var(--tw-translate-x) var(--tw-translate-y);
+    }
+    .group-hover\:text-gray-600:is(:where(.group):hover *) {
+      color: var(--color-gray-600);
+    }
+    .group-hover\:opacity-100:is(:where(.group):hover *) {
+      opacity: 1;
+    }
+    .hover\:-translate-y-1:hover {
+      --tw-translate-y: calc(var(--spacing) * -1);
+      translate: var(--tw-translate-x) var(--tw-translate-y);
+    }
+    .hover\:scale-105:hover {
+      --tw-scale-x: 105%;
+      --tw-scale-y: 105%;
+      --tw-scale-z: 105%;
+      scale: var(--tw-scale-x) var(--tw-scale-y);
+    }
+    .hover\:border-gray-400:hover {
+      border-color: var(--color-gray-400);
+    }
+    .hover\:bg-blue-100\/40:hover {
+      background-color: #dbeafe66;
+    }
+    @supports (color: color-mix(in lab, red, red)) {
+      .hover\:bg-blue-100\/40:hover {
+        background-color: color-mix(in oklab, var(--color-blue-100) 40%, transparent);
+      }
+    }
+    .hover\:bg-blue-500:hover {
+      background-color: var(--color-blue-500);
+    }
+    .hover\:bg-blue-500\/60:hover {
+      background-color: #3080ff99;
+    }
+    @supports (color: color-mix(in lab, red, red)) {
+      .hover\:bg-blue-500\/60:hover {
+        background-color: color-mix(in oklab, var(--color-blue-500) 60%, transparent);
+      }
+    }
+    .hover\:bg-blue-600:hover {
+      background-color: var(--color-blue-600);
+    }
+    .hover\:bg-gray-100:hover {
+      background-color: var(--color-gray-100);
+    }
+    .hover\:bg-gray-600:hover {
+      background-color: var(--color-gray-600);
+    }
+    .hover\:bg-green-100:hover {
+      background-color: var(--color-green-100);
+    }
+    .hover\:bg-green-200:hover {
+      background-color: var(--color-green-200);
+    }
+    .hover\:bg-green-500\/60:hover {
+      background-color: #00c75899;
+    }
+    @supports (color: color-mix(in lab, red, red)) {
+      .hover\:bg-green-500\/60:hover {
+        background-color: color-mix(in oklab, var(--color-green-500) 60%, transparent);
+      }
+    }
+    .hover\:bg-green-600:hover {
+      background-color: var(--color-green-600);
+    }
+    .hover\:bg-purple-500\/60:hover {
+      background-color: #ac4bff99;
+    }
+    @supports (color: color-mix(in lab, red, red)) {
+      .hover\:bg-purple-500\/60:hover {
+        background-color: color-mix(in oklab, var(--color-purple-500) 60%, transparent);
+      }
+    }
+    .hover\:bg-red-50:hover {
+      background-color: var(--color-red-50);
+    }
+    .hover\:bg-red-100:hover {
+      background-color: var(--color-red-100);
+    }
+    .hover\:bg-red-500\/60:hover {
+      background-color: #fb2c3699;
+    }
+    @supports (color: color-mix(in lab, red, red)) {
+      .hover\:bg-red-500\/60:hover {
+        background-color: color-mix(in oklab, var(--color-red-500) 60%, transparent);
+      }
+    }
+    .hover\:bg-red-600:hover {
+      background-color: var(--color-red-600);
+    }
+    .hover\:opacity-100:hover {
+      opacity: 1;
+    }
+  }
+  .focus\:border-transparent:focus {
+    border-color: #0000;
+  }
+  .focus\:ring-2:focus {
+    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width))
+      var(--tw-ring-color, currentcolor);
+    box-shadow:
+      var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
+      var(--tw-shadow);
+  }
+  .focus\:ring-blue-400:focus {
+    --tw-ring-color: var(--color-blue-400);
+  }
+  .focus\:outline-none:focus {
+    --tw-outline-style: none;
+    outline-style: none;
+  }
+  .active\:scale-95:active {
+    --tw-scale-x: 95%;
+    --tw-scale-y: 95%;
+    --tw-scale-z: 95%;
+    scale: var(--tw-scale-x) var(--tw-scale-y);
+  }
+  .disabled\:transform-none:disabled {
+    transform: none;
+  }
+  .disabled\:cursor-not-allowed:disabled {
+    cursor: not-allowed;
+  }
+  .disabled\:opacity-50:disabled {
+    opacity: 0.5;
+  }
+  @media (width>=40rem) {
+    .sm\:col-span-2 {
+      grid-column: span 2 / span 2;
+    }
+    .sm\:mt-4 {
+      margin-top: calc(var(--spacing) * 4);
+    }
+    .sm\:mt-12 {
+      margin-top: calc(var(--spacing) * 12);
+    }
+    .sm\:mb-2 {
+      margin-bottom: calc(var(--spacing) * 2);
+    }
+    .sm\:mb-4 {
+      margin-bottom: calc(var(--spacing) * 4);
+    }
+    .sm\:mb-6 {
+      margin-bottom: calc(var(--spacing) * 6);
+    }
+    .sm\:mb-8 {
+      margin-bottom: calc(var(--spacing) * 8);
+    }
+    .sm\:mb-16 {
+      margin-bottom: calc(var(--spacing) * 16);
+    }
+    .sm\:block {
+      display: block;
+    }
+    .sm\:hidden {
+      display: none;
+    }
+    .sm\:inline {
+      display: inline;
+    }
+    .sm\:h-3 {
+      height: calc(var(--spacing) * 3);
+    }
+    .sm\:h-4 {
+      height: calc(var(--spacing) * 4);
+    }
+    .sm\:h-8 {
+      height: calc(var(--spacing) * 8);
+    }
+    .sm\:h-12 {
+      height: calc(var(--spacing) * 12);
+    }
+    .sm\:h-20 {
+      height: calc(var(--spacing) * 20);
+    }
+    .sm\:w-3 {
+      width: calc(var(--spacing) * 3);
+    }
+    .sm\:w-4 {
+      width: calc(var(--spacing) * 4);
+    }
+    .sm\:w-6 {
+      width: calc(var(--spacing) * 6);
+    }
+    .sm\:w-8 {
+      width: calc(var(--spacing) * 8);
+    }
+    .sm\:w-12 {
+      width: calc(var(--spacing) * 12);
+    }
+    .sm\:w-20 {
+      width: calc(var(--spacing) * 20);
+    }
+    .sm\:w-64 {
+      width: calc(var(--spacing) * 64);
+    }
+    .sm\:w-72 {
+      width: calc(var(--spacing) * 72);
+    }
+    .sm\:w-\[18px\] {
+      width: 18px;
+    }
+    .sm\:max-w-2xl {
+      max-width: var(--container-2xl);
+    }
+    .sm\:max-w-md {
+      max-width: var(--container-md);
+    }
+    .sm\:grid-cols-2 {
+      grid-template-columns: repeat(2, minmax(0, 1fr));
+    }
+    .sm\:grid-cols-3 {
+      grid-template-columns: repeat(3, minmax(0, 1fr));
+    }
+    .sm\:flex-row {
+      flex-direction: row;
+    }
+    .sm\:gap-1\.5 {
+      gap: calc(var(--spacing) * 1.5);
+    }
+    .sm\:gap-2 {
+      gap: calc(var(--spacing) * 2);
+    }
+    .sm\:gap-3 {
+      gap: calc(var(--spacing) * 3);
+    }
+    .sm\:gap-4 {
+      gap: calc(var(--spacing) * 4);
+    }
+    .sm\:gap-6 {
+      gap: calc(var(--spacing) * 6);
+    }
+    .sm\:p-1 {
+      padding: calc(var(--spacing) * 1);
+    }
+    .sm\:p-2 {
+      padding: calc(var(--spacing) * 2);
+    }
+    .sm\:p-4 {
+      padding: calc(var(--spacing) * 4);
+    }
+    .sm\:p-6 {
+      padding: calc(var(--spacing) * 6);
+    }
+    .sm\:p-8 {
+      padding: calc(var(--spacing) * 8);
+    }
+    .sm\:px-5 {
+      padding-inline: calc(var(--spacing) * 5);
+    }
+    .sm\:px-6 {
+      padding-inline: calc(var(--spacing) * 6);
+    }
+    .sm\:py-2 {
+      padding-block: calc(var(--spacing) * 2);
+    }
+    .sm\:py-3 {
+      padding-block: calc(var(--spacing) * 3);
+    }
+    .sm\:text-2xl {
+      font-size: var(--text-2xl);
+      line-height: var(--tw-leading, var(--text-2xl--line-height));
+    }
+    .sm\:text-3xl {
+      font-size: var(--text-3xl);
+      line-height: var(--tw-leading, var(--text-3xl--line-height));
+    }
+    .sm\:text-5xl {
+      font-size: var(--text-5xl);
+      line-height: var(--tw-leading, var(--text-5xl--line-height));
+    }
+    .sm\:text-6xl {
+      font-size: var(--text-6xl);
+      line-height: var(--tw-leading, var(--text-6xl--line-height));
+    }
+    .sm\:text-base {
+      font-size: var(--text-base);
+      line-height: var(--tw-leading, var(--text-base--line-height));
+    }
+    .sm\:text-lg {
+      font-size: var(--text-lg);
+      line-height: var(--tw-leading, var(--text-lg--line-height));
+    }
+    .sm\:text-sm {
+      font-size: var(--text-sm);
+      line-height: var(--tw-leading, var(--text-sm--line-height));
+    }
+    .sm\:text-xl {
+      font-size: var(--text-xl);
+      line-height: var(--tw-leading, var(--text-xl--line-height));
+    }
+    .sm\:text-xs {
+      font-size: var(--text-xs);
+      line-height: var(--tw-leading, var(--text-xs--line-height));
+    }
+    .sm\:text-\[8px\] {
+      font-size: 8px;
+    }
+  }
+  @media (width>=48rem) {
+    .md\:w-64 {
+      width: calc(var(--spacing) * 64);
+    }
+    .md\:w-80 {
+      width: calc(var(--spacing) * 80);
+    }
+    .md\:max-w-3xl {
+      max-width: var(--container-3xl);
+    }
+    .md\:flex-row {
+      flex-direction: row;
+    }
+    .md\:gap-2 {
+      gap: calc(var(--spacing) * 2);
+    }
+    .md\:gap-4 {
+      gap: calc(var(--spacing) * 4);
+    }
+    .md\:p-3 {
+      padding: calc(var(--spacing) * 3);
+    }
+    .md\:text-3xl {
+      font-size: var(--text-3xl);
+      line-height: var(--tw-leading, var(--text-3xl--line-height));
+    }
+    .md\:text-5xl {
+      font-size: var(--text-5xl);
+      line-height: var(--tw-leading, var(--text-5xl--line-height));
+    }
+    .md\:text-6xl {
+      font-size: var(--text-6xl);
+      line-height: var(--tw-leading, var(--text-6xl--line-height));
+    }
+    .md\:text-7xl {
+      font-size: var(--text-7xl);
+      line-height: var(--tw-leading, var(--text-7xl--line-height));
+    }
+    .md\:text-xl {
+      font-size: var(--text-xl);
+      line-height: var(--tw-leading, var(--text-xl--line-height));
+    }
+    .md\:text-xs {
+      font-size: var(--text-xs);
+      line-height: var(--tw-leading, var(--text-xs--line-height));
+    }
+  }
+  @media (width>=64rem) {
+    .lg\:col-span-1 {
+      grid-column: span 1 / span 1;
+    }
+    .lg\:col-span-2 {
+      grid-column: span 2 / span 2;
+    }
+    .lg\:grid-cols-3 {
+      grid-template-columns: repeat(3, minmax(0, 1fr));
+    }
+    .lg\:text-2xl {
+      font-size: var(--text-2xl);
+      line-height: var(--tw-leading, var(--text-2xl--line-height));
+    }
+    .lg\:text-6xl {
+      font-size: var(--text-6xl);
+      line-height: var(--tw-leading, var(--text-6xl--line-height));
+    }
+    .lg\:text-8xl {
+      font-size: var(--text-8xl);
+      line-height: var(--tw-leading, var(--text-8xl--line-height));
+    }
+  }
+}
+.hand-drawn {
+  font-family: var(--font-hand-drawn);
+}
+.paper-font {
+  font-family: var(--font-paper);
+}
+.font-sketch {
+  letter-spacing: 0.5px;
+  font-family: Caveat, cursive;
+}
+.font-handwriting {
+  font-family:
+    Patrick Hand,
+    cursive;
+}
+.text-ink {
+  color: #2a2a3e;
+}
+.bg-paper {
+  background-color: #f5f1e8;
+  background-image: repeating-linear-gradient(0deg, #0000, #0000 30px, #8b634c0d 30px 31px);
+  position: relative;
+}
+.bg-paper:before {
+  content: '';
+  pointer-events: none;
+  z-index: 0;
+  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");
+  position: fixed;
+  inset: 0;
+}
+.sketch-card {
+  background: #fffef9;
+  border: 2px solid #2a2a3e;
+  border-radius: 3px;
+  position: relative;
+  transform: rotate(-0.5deg);
+  box-shadow:
+    3px 3px #0000001a,
+    inset 0 0 0 1px #ffffff80;
+}
+.sketch-card:before {
+  content: '';
+  opacity: 0.3;
+  pointer-events: none;
+  border: 2px solid #2a2a3e;
+  border-radius: 3px;
+  position: absolute;
+  inset: -2px;
+  transform: translate(1px, 1px);
+}
+.sketch-border {
+  background: #fffef999;
+  border: 2px dashed #8b7355;
+  border-radius: 2px;
+  padding: 1rem;
+}
+.sketch-button {
+  cursor: pointer;
+  background: #fffef9;
+  border: 2px solid #2a2a3e;
+  border-radius: 2px;
+  padding: 0.5rem 1rem;
+  font-family:
+    Patrick Hand,
+    cursive;
+  transition: all 0.2s;
+  position: relative;
+  transform: rotate(-0.3deg);
+  box-shadow: 2px 2px #0003;
+}
+.sketch-button:hover {
+  transform: rotate(0) translateY(-2px);
+  box-shadow: 3px 3px #0003;
+}
+.sketch-button:active {
+  transform: rotate(0) translateY(0);
+  box-shadow: 1px 1px #0003;
+}
+.player-badge {
+  border: 2px solid;
+  border-radius: 20px;
+  padding: 0.25rem 0.75rem;
+  font-family:
+    Patrick Hand,
+    cursive;
+  display: inline-block;
+  position: relative;
+  transform: rotate(-1deg);
+}
+.player-badge:after {
+  content: '';
+  opacity: 0.3;
+  border: 2px solid;
+  border-radius: 20px;
+  position: absolute;
+  inset: 0;
+  transform: translate(1px, 1px);
+}
+.sketch-popup {
+  background: #fffef9 !important;
+  border: 3px solid #2a2a3e !important;
+  border-radius: 5px !important;
+  font-family:
+    Patrick Hand,
+    cursive !important;
+}
+.sketch-dot {
+  animation: 3s ease-in-out infinite sketch-wiggle;
+}
+@keyframes sketch-wiggle {
+  0%,
+  to {
+    transform: rotate(0) translateY(0);
+  }
+  25% {
+    transform: rotate(0.5deg) translateY(-1px);
+  }
+  75% {
+    transform: rotate(-0.5deg) translateY(1px);
+  }
+}
+@keyframes wiggle {
+  0%,
+  to {
+    transform: rotate(-1deg);
+  }
+  50% {
+    transform: rotate(1deg);
+  }
+}
+@keyframes pencil-scribble {
+  0% {
+    filter: brightness();
+  }
+  50% {
+    filter: brightness(1.2) contrast(1.1);
+  }
+  to {
+    filter: brightness();
+  }
+}
+@keyframes screen-shake {
+  0%,
+  to {
+    transform: translate(0);
+  }
+  25% {
+    transform: translate(-2px, 2px);
+  }
+  75% {
+    transform: translate(2px, -2px);
+  }
+}
+.glass {
+  -webkit-backdrop-filter: blur(10px);
+  backdrop-filter: blur(10px);
+  background: #ffffffb3;
+  border: 1px solid #ffffff4d;
+  box-shadow: 0 8px 32px #1f268726;
+}
+body {
+  background-color: #0000;
+  background-image:
+    linear-gradient(#ffffffe6, #ffffffe6), repeating-linear-gradient(0deg, #0000, #0000 19px, #e5e7eb 19px 20px),
+    repeating-linear-gradient(90deg, #0000, #0000 19px, #e5e7eb 19px 20px);
+  background-position:
+    0 0,
+    0 0,
+    0 0;
+  background-repeat: repeat, repeat, repeat;
+  background-size: 20px 20px;
+  background-attachment: scroll, scroll, scroll;
+  background-origin: padding-box, padding-box, padding-box;
+  background-clip: border-box, border-box, border-box;
+  min-height: 100vh;
+}
+[data-theme='dark'] .text-ink {
+  color: #e5e7eb;
+}
+[data-theme='dark'] .bg-paper {
+  background-color: #1a1a2e;
+  background-image: repeating-linear-gradient(0deg, #0000, #0000 30px, #e5e7eb08 30px 31px);
+}
+[data-theme='dark'] .sketch-card {
+  background: #252542;
+  border: 2px solid #e5e7eb;
+}
+[data-theme='dark'] .sketch-card:before {
+  border: 2px solid #e5e7eb;
+}
+[data-theme='dark'] .sketch-button {
+  color: #e5e7eb;
+  background: #252542;
+  border: 2px solid #e5e7eb;
+}
+[data-theme='dark'] .glass {
+  background: #252542b3;
+  border: 1px solid #e5e7eb33;
+}
+[data-theme='dark'] .player-badge,
+[data-theme='dark'] .font-sketch {
+  color: #e5e7eb;
+}
+[data-theme='dark'] .font-handwriting {
+  color: #d1d5e0;
+}
+@property --tw-translate-x {
+  syntax: '*';
+  inherits: false;
+  initial-value: 0;
+}
+@property --tw-translate-y {
+  syntax: '*';
+  inherits: false;
+  initial-value: 0;
+}
+@property --tw-translate-z {
+  syntax: '*';
+  inherits: false;
+  initial-value: 0;
+}
+@property --tw-scale-x {
+  syntax: '*';
+  inherits: false;
+  initial-value: 1;
+}
+@property --tw-scale-y {
+  syntax: '*';
+  inherits: false;
+  initial-value: 1;
+}
+@property --tw-scale-z {
+  syntax: '*';
+  inherits: false;
+  initial-value: 1;
+}
+@property --tw-rotate-x {
+  syntax: '*';
+  inherits: false;
+}
+@property --tw-rotate-y {
+  syntax: '*';
+  inherits: false;
+}
+@property --tw-rotate-z {
+  syntax: '*';
+  inherits: false;
+}
+@property --tw-skew-x {
+  syntax: '*';
+  inherits: false;
+}
+@property --tw-skew-y {
+  syntax: '*';
+  inherits: false;
+}
+@property --tw-space-y-reverse {
+  syntax: '*';
+  inherits: false;
+  initial-value: 0;
+}
+@property --tw-border-style {
+  syntax: '*';
+  inherits: false;
+  initial-value: solid;
+}
+@property --tw-gradient-position {
+  syntax: '*';
+  inherits: false;
+}
+@property --tw-gradient-from {
+  syntax: '<color>';
+  inherits: false;
+  initial-value: #0000;
+}
+@property --tw-gradient-via {
+  syntax: '<color>';
+  inherits: false;
+  initial-value: #0000;
+}
+@property --tw-gradient-to {
+  syntax: '<color>';
+  inherits: false;
+  initial-value: #0000;
+}
+@property --tw-gradient-stops {
+  syntax: '*';
+  inherits: false;
+}
+@property --tw-gradient-via-stops {
+  syntax: '*';
+  inherits: false;
+}
+@property --tw-gradient-from-position {
+  syntax: '<length-percentage>';
+  inherits: false;
+  initial-value: 0%;
+}
+@property --tw-gradient-via-position {
+  syntax: '<length-percentage>';
+  inherits: false;
+  initial-value: 50%;
+}
+@property --tw-gradient-to-position {
+  syntax: '<length-percentage>';
+  inherits: false;
+  initial-value: 100%;
+}
+@property --tw-leading {
+  syntax: '*';
+  inherits: false;
+}
+@property --tw-font-weight {
+  syntax: '*';
+  inherits: false;
+}
+@property --tw-tracking {
+  syntax: '*';
+  inherits: false;
+}
+@property --tw-shadow {
+  syntax: '*';
+  inherits: false;
+  initial-value: 0 0 #0000;
+}
+@property --tw-shadow-color {
+  syntax: '*';
+  inherits: false;
+}
+@property --tw-shadow-alpha {
+  syntax: '<percentage>';
+  inherits: false;
+  initial-value: 100%;
+}
+@property --tw-inset-shadow {
+  syntax: '*';
+  inherits: false;
+  initial-value: 0 0 #0000;
+}
+@property --tw-inset-shadow-color {
+  syntax: '*';
+  inherits: false;
+}
+@property --tw-inset-shadow-alpha {
+  syntax: '<percentage>';
+  inherits: false;
+  initial-value: 100%;
+}
+@property --tw-ring-color {
+  syntax: '*';
+  inherits: false;
+}
+@property --tw-ring-shadow {
+  syntax: '*';
+  inherits: false;
+  initial-value: 0 0 #0000;
+}
+@property --tw-inset-ring-color {
+  syntax: '*';
+  inherits: false;
+}
+@property --tw-inset-ring-shadow {
+  syntax: '*';
+  inherits: false;
+  initial-value: 0 0 #0000;
+}
+@property --tw-ring-inset {
+  syntax: '*';
+  inherits: false;
+}
+@property --tw-ring-offset-width {
+  syntax: '<length>';
+  inherits: false;
+  initial-value: 0;
+}
+@property --tw-ring-offset-color {
+  syntax: '*';
+  inherits: false;
+  initial-value: #fff;
+}
+@property --tw-ring-offset-shadow {
+  syntax: '*';
+  inherits: false;
+  initial-value: 0 0 #0000;
+}
+@property --tw-blur {
+  syntax: '*';
+  inherits: false;
+}
+@property --tw-brightness {
+  syntax: '*';
+  inherits: false;
+}
+@property --tw-contrast {
+  syntax: '*';
+  inherits: false;
+}
+@property --tw-grayscale {
+  syntax: '*';
+  inherits: false;
+}
+@property --tw-hue-rotate {
+  syntax: '*';
+  inherits: false;
+}
+@property --tw-invert {
+  syntax: '*';
+  inherits: false;
+}
+@property --tw-opacity {
+  syntax: '*';
+  inherits: false;
+}
+@property --tw-saturate {
+  syntax: '*';
+  inherits: false;
+}
+@property --tw-sepia {
+  syntax: '*';
+  inherits: false;
+}
+@property --tw-drop-shadow {
+  syntax: '*';
+  inherits: false;
+}
+@property --tw-drop-shadow-color {
+  syntax: '*';
+  inherits: false;
+}
+@property --tw-drop-shadow-alpha {
+  syntax: '<percentage>';
+  inherits: false;
+  initial-value: 100%;
+}
+@property --tw-drop-shadow-size {
+  syntax: '*';
+  inherits: false;
+}
+@property --tw-duration {
+  syntax: '*';
+  inherits: false;
+}
+@property --tw-ease {
+  syntax: '*';
+  inherits: false;
+}
+@keyframes spin {
+  to {
+    transform: rotate(360deg);
+  }
+}
+@keyframes ping {
+  75%,
+  to {
+    opacity: 0;
+    transform: scale(2);
+  }
+}
+@keyframes pulse {
+  50% {
+    opacity: 0.5;
+  }
+}
+@keyframes bounce {
+  0%,
+  to {
+    animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
+    transform: translateY(-25%);
+  }
+  50% {
+    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
+    transform: none;
+  }
+}
diff --git a/pro/dist/assets/index-DlQ4Zh9O.js b/pro/dist/assets/index-DlQ4Zh9O.js
new file mode 100644
index 0000000..3eaa545
--- /dev/null
+++ b/pro/dist/assets/index-DlQ4Zh9O.js
@@ -0,0 +1,20904 @@
+var e = Object.create,
+  t = Object.defineProperty,
+  n = Object.getOwnPropertyDescriptor,
+  r = Object.getOwnPropertyNames,
+  i = Object.getPrototypeOf,
+  a = Object.prototype.hasOwnProperty,
+  o = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), (e = null)), t.exports),
+  s = (e, n) => {
+    let r = {};
+    for (var i in e) t(r, i, { get: e[i], enumerable: !0 });
+    return (n || t(r, Symbol.toStringTag, { value: `Module` }), r);
+  },
+  c = (e, i, o, s) => {
+    if ((i && typeof i == `object`) || typeof i == `function`)
+      for (var c = r(i), l = 0, u = c.length, d; l < u; l++)
+        ((d = c[l]),
+          !a.call(e, d) &&
+            d !== o &&
+            t(e, d, { get: ((e) => i[e]).bind(null, d), enumerable: !(s = n(i, d)) || s.enumerable }));
+    return e;
+  },
+  l = (n, r, a) => (
+    (a = n == null ? {} : e(i(n))),
+    c(r || !n || !n.__esModule ? t(a, `default`, { value: n, enumerable: !0 }) : a, n)
+  );
+(function () {
+  let e = document.createElement(`link`).relList;
+  if (e && e.supports && e.supports(`modulepreload`)) return;
+  for (let e of document.querySelectorAll(`link[rel="modulepreload"]`)) n(e);
+  new MutationObserver((e) => {
+    for (let t of e)
+      if (t.type === `childList`) for (let e of t.addedNodes) e.tagName === `LINK` && e.rel === `modulepreload` && n(e);
+  }).observe(document, { childList: !0, subtree: !0 });
+  function t(e) {
+    let t = {};
+    return (
+      e.integrity && (t.integrity = e.integrity),
+      e.referrerPolicy && (t.referrerPolicy = e.referrerPolicy),
+      e.crossOrigin === `use-credentials`
+        ? (t.credentials = `include`)
+        : e.crossOrigin === `anonymous`
+          ? (t.credentials = `omit`)
+          : (t.credentials = `same-origin`),
+      t
+    );
+  }
+  function n(e) {
+    if (e.ep) return;
+    e.ep = !0;
+    let n = t(e);
+    fetch(e.href, n);
+  }
+})();
+var u = o((e) => {
+    var t = Symbol.for(`react.element`),
+      n = Symbol.for(`react.portal`),
+      r = Symbol.for(`react.fragment`),
+      i = Symbol.for(`react.strict_mode`),
+      a = Symbol.for(`react.profiler`),
+      o = Symbol.for(`react.provider`),
+      s = Symbol.for(`react.context`),
+      c = Symbol.for(`react.forward_ref`),
+      l = Symbol.for(`react.suspense`),
+      u = Symbol.for(`react.memo`),
+      d = Symbol.for(`react.lazy`),
+      f = Symbol.iterator;
+    function p(e) {
+      return typeof e != `object` || !e
+        ? null
+        : ((e = (f && e[f]) || e[`@@iterator`]), typeof e == `function` ? e : null);
+    }
+    var m = {
+        isMounted: function () {
+          return !1;
+        },
+        enqueueForceUpdate: function () {},
+        enqueueReplaceState: function () {},
+        enqueueSetState: function () {},
+      },
+      h = Object.assign,
+      g = {};
+    function _(e, t, n) {
+      ((this.props = e), (this.context = t), (this.refs = g), (this.updater = n || m));
+    }
+    ((_.prototype.isReactComponent = {}),
+      (_.prototype.setState = function (e, t) {
+        if (typeof e != `object` && typeof e != `function` && e != null)
+          throw Error(
+            `setState(...): takes an object of state variables to update or a function which returns an object of state variables.`,
+          );
+        this.updater.enqueueSetState(this, e, t, `setState`);
+      }),
+      (_.prototype.forceUpdate = function (e) {
+        this.updater.enqueueForceUpdate(this, e, `forceUpdate`);
+      }));
+    function v() {}
+    v.prototype = _.prototype;
+    function y(e, t, n) {
+      ((this.props = e), (this.context = t), (this.refs = g), (this.updater = n || m));
+    }
+    var b = (y.prototype = new v());
+    ((b.constructor = y), h(b, _.prototype), (b.isPureReactComponent = !0));
+    var x = Array.isArray,
+      S = Object.prototype.hasOwnProperty,
+      C = { current: null },
+      w = { key: !0, ref: !0, __self: !0, __source: !0 };
+    function T(e, n, r) {
+      var i,
+        a = {},
+        o = null,
+        s = null;
+      if (n != null)
+        for (i in (n.ref !== void 0 && (s = n.ref), n.key !== void 0 && (o = `` + n.key), n))
+          S.call(n, i) && !w.hasOwnProperty(i) && (a[i] = n[i]);
+      var c = arguments.length - 2;
+      if (c === 1) a.children = r;
+      else if (1 < c) {
+        for (var l = Array(c), u = 0; u < c; u++) l[u] = arguments[u + 2];
+        a.children = l;
+      }
+      if (e && e.defaultProps) for (i in ((c = e.defaultProps), c)) a[i] === void 0 && (a[i] = c[i]);
+      return { $$typeof: t, type: e, key: o, ref: s, props: a, _owner: C.current };
+    }
+    function E(e, n) {
+      return { $$typeof: t, type: e.type, key: n, ref: e.ref, props: e.props, _owner: e._owner };
+    }
+    function D(e) {
+      return typeof e == `object` && !!e && e.$$typeof === t;
+    }
+    function O(e) {
+      var t = { '=': `=0`, ':': `=2` };
+      return (
+        `$` +
+        e.replace(/[=:]/g, function (e) {
+          return t[e];
+        })
+      );
+    }
+    var k = /\/+/g;
+    function A(e, t) {
+      return typeof e == `object` && e && e.key != null ? O(`` + e.key) : t.toString(36);
+    }
+    function j(e, r, i, a, o) {
+      var s = typeof e;
+      (s === `undefined` || s === `boolean`) && (e = null);
+      var c = !1;
+      if (e === null) c = !0;
+      else
+        switch (s) {
+          case `string`:
+          case `number`:
+            c = !0;
+            break;
+          case `object`:
+            switch (e.$$typeof) {
+              case t:
+              case n:
+                c = !0;
+            }
+        }
+      if (c)
+        return (
+          (c = e),
+          (o = o(c)),
+          (e = a === `` ? `.` + A(c, 0) : a),
+          x(o)
+            ? ((i = ``),
+              e != null && (i = e.replace(k, `$&/`) + `/`),
+              j(o, r, i, ``, function (e) {
+                return e;
+              }))
+            : o != null &&
+              (D(o) &&
+                (o = E(o, i + (!o.key || (c && c.key === o.key) ? `` : (`` + o.key).replace(k, `$&/`) + `/`) + e)),
+              r.push(o)),
+          1
+        );
+      if (((c = 0), (a = a === `` ? `.` : a + `:`), x(e)))
+        for (var l = 0; l < e.length; l++) {
+          s = e[l];
+          var u = a + A(s, l);
+          c += j(s, r, i, u, o);
+        }
+      else if (((u = p(e)), typeof u == `function`))
+        for (e = u.call(e), l = 0; !(s = e.next()).done; )
+          ((s = s.value), (u = a + A(s, l++)), (c += j(s, r, i, u, o)));
+      else if (s === `object`)
+        throw (
+          (r = String(e)),
+          Error(
+            `Objects are not valid as a React child (found: ` +
+              (r === `[object Object]` ? `object with keys {` + Object.keys(e).join(`, `) + `}` : r) +
+              `). If you meant to render a collection of children, use an array instead.`,
+          )
+        );
+      return c;
+    }
+    function M(e, t, n) {
+      if (e == null) return e;
+      var r = [],
+        i = 0;
+      return (
+        j(e, r, ``, ``, function (e) {
+          return t.call(n, e, i++);
+        }),
+        r
+      );
+    }
+    function ee(e) {
+      if (e._status === -1) {
+        var t = e._result;
+        ((t = t()),
+          t.then(
+            function (t) {
+              (e._status === 0 || e._status === -1) && ((e._status = 1), (e._result = t));
+            },
+            function (t) {
+              (e._status === 0 || e._status === -1) && ((e._status = 2), (e._result = t));
+            },
+          ),
+          e._status === -1 && ((e._status = 0), (e._result = t)));
+      }
+      if (e._status === 1) return e._result.default;
+      throw e._result;
+    }
+    var N = { current: null },
+      P = { transition: null },
+      te = { ReactCurrentDispatcher: N, ReactCurrentBatchConfig: P, ReactCurrentOwner: C };
+    function ne() {
+      throw Error(`act(...) is not supported in production builds of React.`);
+    }
+    ((e.Children = {
+      map: M,
+      forEach: function (e, t, n) {
+        M(
+          e,
+          function () {
+            t.apply(this, arguments);
+          },
+          n,
+        );
+      },
+      count: function (e) {
+        var t = 0;
+        return (
+          M(e, function () {
+            t++;
+          }),
+          t
+        );
+      },
+      toArray: function (e) {
+        return (
+          M(e, function (e) {
+            return e;
+          }) || []
+        );
+      },
+      only: function (e) {
+        if (!D(e)) throw Error(`React.Children.only expected to receive a single React element child.`);
+        return e;
+      },
+    }),
+      (e.Component = _),
+      (e.Fragment = r),
+      (e.Profiler = a),
+      (e.PureComponent = y),
+      (e.StrictMode = i),
+      (e.Suspense = l),
+      (e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = te),
+      (e.act = ne),
+      (e.cloneElement = function (e, n, r) {
+        if (e == null)
+          throw Error(`React.cloneElement(...): The argument must be a React element, but you passed ` + e + `.`);
+        var i = h({}, e.props),
+          a = e.key,
+          o = e.ref,
+          s = e._owner;
+        if (n != null) {
+          if (
+            (n.ref !== void 0 && ((o = n.ref), (s = C.current)),
+            n.key !== void 0 && (a = `` + n.key),
+            e.type && e.type.defaultProps)
+          )
+            var c = e.type.defaultProps;
+          for (l in n) S.call(n, l) && !w.hasOwnProperty(l) && (i[l] = n[l] === void 0 && c !== void 0 ? c[l] : n[l]);
+        }
+        var l = arguments.length - 2;
+        if (l === 1) i.children = r;
+        else if (1 < l) {
+          c = Array(l);
+          for (var u = 0; u < l; u++) c[u] = arguments[u + 2];
+          i.children = c;
+        }
+        return { $$typeof: t, type: e.type, key: a, ref: o, props: i, _owner: s };
+      }),
+      (e.createContext = function (e) {
+        return (
+          (e = {
+            $$typeof: s,
+            _currentValue: e,
+            _currentValue2: e,
+            _threadCount: 0,
+            Provider: null,
+            Consumer: null,
+            _defaultValue: null,
+            _globalName: null,
+          }),
+          (e.Provider = { $$typeof: o, _context: e }),
+          (e.Consumer = e)
+        );
+      }),
+      (e.createElement = T),
+      (e.createFactory = function (e) {
+        var t = T.bind(null, e);
+        return ((t.type = e), t);
+      }),
+      (e.createRef = function () {
+        return { current: null };
+      }),
+      (e.forwardRef = function (e) {
+        return { $$typeof: c, render: e };
+      }),
+      (e.isValidElement = D),
+      (e.lazy = function (e) {
+        return { $$typeof: d, _payload: { _status: -1, _result: e }, _init: ee };
+      }),
+      (e.memo = function (e, t) {
+        return { $$typeof: u, type: e, compare: t === void 0 ? null : t };
+      }),
+      (e.startTransition = function (e) {
+        var t = P.transition;
+        P.transition = {};
+        try {
+          e();
+        } finally {
+          P.transition = t;
+        }
+      }),
+      (e.unstable_act = ne),
+      (e.useCallback = function (e, t) {
+        return N.current.useCallback(e, t);
+      }),
+      (e.useContext = function (e) {
+        return N.current.useContext(e);
+      }),
+      (e.useDebugValue = function () {}),
+      (e.useDeferredValue = function (e) {
+        return N.current.useDeferredValue(e);
+      }),
+      (e.useEffect = function (e, t) {
+        return N.current.useEffect(e, t);
+      }),
+      (e.useId = function () {
+        return N.current.useId();
+      }),
+      (e.useImperativeHandle = function (e, t, n) {
+        return N.current.useImperativeHandle(e, t, n);
+      }),
+      (e.useInsertionEffect = function (e, t) {
+        return N.current.useInsertionEffect(e, t);
+      }),
+      (e.useLayoutEffect = function (e, t) {
+        return N.current.useLayoutEffect(e, t);
+      }),
+      (e.useMemo = function (e, t) {
+        return N.current.useMemo(e, t);
+      }),
+      (e.useReducer = function (e, t, n) {
+        return N.current.useReducer(e, t, n);
+      }),
+      (e.useRef = function (e) {
+        return N.current.useRef(e);
+      }),
+      (e.useState = function (e) {
+        return N.current.useState(e);
+      }),
+      (e.useSyncExternalStore = function (e, t, n) {
+        return N.current.useSyncExternalStore(e, t, n);
+      }),
+      (e.useTransition = function () {
+        return N.current.useTransition();
+      }),
+      (e.version = `18.3.1`));
+  }),
+  d = o((e, t) => {
+    t.exports = u();
+  }),
+  f = o((e) => {
+    function t(e, t) {
+      var n = e.length;
+      e.push(t);
+      a: for (; 0 < n; ) {
+        var r = (n - 1) >>> 1,
+          a = e[r];
+        if (0 < i(a, t)) ((e[r] = t), (e[n] = a), (n = r));
+        else break a;
+      }
+    }
+    function n(e) {
+      return e.length === 0 ? null : e[0];
+    }
+    function r(e) {
+      if (e.length === 0) return null;
+      var t = e[0],
+        n = e.pop();
+      if (n !== t) {
+        e[0] = n;
+        a: for (var r = 0, a = e.length, o = a >>> 1; r < o; ) {
+          var s = 2 * (r + 1) - 1,
+            c = e[s],
+            l = s + 1,
+            u = e[l];
+          if (0 > i(c, n)) l < a && 0 > i(u, c) ? ((e[r] = u), (e[l] = n), (r = l)) : ((e[r] = c), (e[s] = n), (r = s));
+          else if (l < a && 0 > i(u, n)) ((e[r] = u), (e[l] = n), (r = l));
+          else break a;
+        }
+      }
+      return t;
+    }
+    function i(e, t) {
+      var n = e.sortIndex - t.sortIndex;
+      return n === 0 ? e.id - t.id : n;
+    }
+    if (typeof performance == `object` && typeof performance.now == `function`) {
+      var a = performance;
+      e.unstable_now = function () {
+        return a.now();
+      };
+    } else {
+      var o = Date,
+        s = o.now();
+      e.unstable_now = function () {
+        return o.now() - s;
+      };
+    }
+    var c = [],
+      l = [],
+      u = 1,
+      d = null,
+      f = 3,
+      p = !1,
+      m = !1,
+      h = !1,
+      g = typeof setTimeout == `function` ? setTimeout : null,
+      _ = typeof clearTimeout == `function` ? clearTimeout : null,
+      v = typeof setImmediate < `u` ? setImmediate : null;
+    typeof navigator < `u` &&
+      navigator.scheduling !== void 0 &&
+      navigator.scheduling.isInputPending !== void 0 &&
+      navigator.scheduling.isInputPending.bind(navigator.scheduling);
+    function y(e) {
+      for (var i = n(l); i !== null; ) {
+        if (i.callback === null) r(l);
+        else if (i.startTime <= e) (r(l), (i.sortIndex = i.expirationTime), t(c, i));
+        else break;
+        i = n(l);
+      }
+    }
+    function b(e) {
+      if (((h = !1), y(e), !m))
+        if (n(c) !== null) ((m = !0), M(x));
+        else {
+          var t = n(l);
+          t !== null && ee(b, t.startTime - e);
+        }
+    }
+    function x(t, i) {
+      ((m = !1), h && ((h = !1), _(w), (w = -1)), (p = !0));
+      var a = f;
+      try {
+        for (y(i), d = n(c); d !== null && (!(d.expirationTime > i) || (t && !D())); ) {
+          var o = d.callback;
+          if (typeof o == `function`) {
+            ((d.callback = null), (f = d.priorityLevel));
+            var s = o(d.expirationTime <= i);
+            ((i = e.unstable_now()), typeof s == `function` ? (d.callback = s) : d === n(c) && r(c), y(i));
+          } else r(c);
+          d = n(c);
+        }
+        if (d !== null) var u = !0;
+        else {
+          var g = n(l);
+          (g !== null && ee(b, g.startTime - i), (u = !1));
+        }
+        return u;
+      } finally {
+        ((d = null), (f = a), (p = !1));
+      }
+    }
+    var S = !1,
+      C = null,
+      w = -1,
+      T = 5,
+      E = -1;
+    function D() {
+      return !(e.unstable_now() - E < T);
+    }
+    function O() {
+      if (C !== null) {
+        var t = e.unstable_now();
+        E = t;
+        var n = !0;
+        try {
+          n = C(!0, t);
+        } finally {
+          n ? k() : ((S = !1), (C = null));
+        }
+      } else S = !1;
+    }
+    var k;
+    if (typeof v == `function`)
+      k = function () {
+        v(O);
+      };
+    else if (typeof MessageChannel < `u`) {
+      var A = new MessageChannel(),
+        j = A.port2;
+      ((A.port1.onmessage = O),
+        (k = function () {
+          j.postMessage(null);
+        }));
+    } else
+      k = function () {
+        g(O, 0);
+      };
+    function M(e) {
+      ((C = e), S || ((S = !0), k()));
+    }
+    function ee(t, n) {
+      w = g(function () {
+        t(e.unstable_now());
+      }, n);
+    }
+    ((e.unstable_IdlePriority = 5),
+      (e.unstable_ImmediatePriority = 1),
+      (e.unstable_LowPriority = 4),
+      (e.unstable_NormalPriority = 3),
+      (e.unstable_Profiling = null),
+      (e.unstable_UserBlockingPriority = 2),
+      (e.unstable_cancelCallback = function (e) {
+        e.callback = null;
+      }),
+      (e.unstable_continueExecution = function () {
+        m || p || ((m = !0), M(x));
+      }),
+      (e.unstable_forceFrameRate = function (e) {
+        0 > e || 125 < e
+          ? console.error(
+              `forceFrameRate takes a positive int between 0 and 125, forcing frame rates higher than 125 fps is not supported`,
+            )
+          : (T = 0 < e ? Math.floor(1e3 / e) : 5);
+      }),
+      (e.unstable_getCurrentPriorityLevel = function () {
+        return f;
+      }),
+      (e.unstable_getFirstCallbackNode = function () {
+        return n(c);
+      }),
+      (e.unstable_next = function (e) {
+        switch (f) {
+          case 1:
+          case 2:
+          case 3:
+            var t = 3;
+            break;
+          default:
+            t = f;
+        }
+        var n = f;
+        f = t;
+        try {
+          return e();
+        } finally {
+          f = n;
+        }
+      }),
+      (e.unstable_pauseExecution = function () {}),
+      (e.unstable_requestPaint = function () {}),
+      (e.unstable_runWithPriority = function (e, t) {
+        switch (e) {
+          case 1:
+          case 2:
+          case 3:
+          case 4:
+          case 5:
+            break;
+          default:
+            e = 3;
+        }
+        var n = f;
+        f = e;
+        try {
+          return t();
+        } finally {
+          f = n;
+        }
+      }),
+      (e.unstable_scheduleCallback = function (r, i, a) {
+        var o = e.unstable_now();
+        switch (
+          (typeof a == `object` && a ? ((a = a.delay), (a = typeof a == `number` && 0 < a ? o + a : o)) : (a = o), r)
+        ) {
+          case 1:
+            var s = -1;
+            break;
+          case 2:
+            s = 250;
+            break;
+          case 5:
+            s = 1073741823;
+            break;
+          case 4:
+            s = 1e4;
+            break;
+          default:
+            s = 5e3;
+        }
+        return (
+          (s = a + s),
+          (r = { id: u++, callback: i, priorityLevel: r, startTime: a, expirationTime: s, sortIndex: -1 }),
+          a > o
+            ? ((r.sortIndex = a),
+              t(l, r),
+              n(c) === null && r === n(l) && (h ? (_(w), (w = -1)) : (h = !0), ee(b, a - o)))
+            : ((r.sortIndex = s), t(c, r), m || p || ((m = !0), M(x))),
+          r
+        );
+      }),
+      (e.unstable_shouldYield = D),
+      (e.unstable_wrapCallback = function (e) {
+        var t = f;
+        return function () {
+          var n = f;
+          f = t;
+          try {
+            return e.apply(this, arguments);
+          } finally {
+            f = n;
+          }
+        };
+      }));
+  }),
+  p = o((e, t) => {
+    t.exports = f();
+  }),
+  m = o((e) => {
+    var t = d(),
+      n = p();
+    function r(e) {
+      for (var t = `https://reactjs.org/docs/error-decoder.html?invariant=` + e, n = 1; n < arguments.length; n++)
+        t += `&args[]=` + encodeURIComponent(arguments[n]);
+      return (
+        `Minified React error #` +
+        e +
+        `; visit ` +
+        t +
+        ` for the full message or use the non-minified dev environment for full errors and additional helpful warnings.`
+      );
+    }
+    var i = new Set(),
+      a = {};
+    function o(e, t) {
+      (s(e, t), s(e + `Capture`, t));
+    }
+    function s(e, t) {
+      for (a[e] = t, e = 0; e < t.length; e++) i.add(t[e]);
+    }
+    var c = !(typeof window > `u` || window.document === void 0 || window.document.createElement === void 0),
+      l = Object.prototype.hasOwnProperty,
+      u =
+        /^[:A-Z_a-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD][:A-Z_a-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD\-.0-9\u00B7\u0300-\u036F\u203F-\u2040]*$/,
+      f = {},
+      m = {};
+    function h(e) {
+      return l.call(m, e) ? !0 : l.call(f, e) ? !1 : u.test(e) ? (m[e] = !0) : ((f[e] = !0), !1);
+    }
+    function g(e, t, n, r) {
+      if (n !== null && n.type === 0) return !1;
+      switch (typeof t) {
+        case `function`:
+        case `symbol`:
+          return !0;
+        case `boolean`:
+          return r
+            ? !1
+            : n === null
+              ? ((e = e.toLowerCase().slice(0, 5)), e !== `data-` && e !== `aria-`)
+              : !n.acceptsBooleans;
+        default:
+          return !1;
+      }
+    }
+    function _(e, t, n, r) {
+      if (t == null || g(e, t, n, r)) return !0;
+      if (r) return !1;
+      if (n !== null)
+        switch (n.type) {
+          case 3:
+            return !t;
+          case 4:
+            return !1 === t;
+          case 5:
+            return isNaN(t);
+          case 6:
+            return isNaN(t) || 1 > t;
+        }
+      return !1;
+    }
+    function v(e, t, n, r, i, a, o) {
+      ((this.acceptsBooleans = t === 2 || t === 3 || t === 4),
+        (this.attributeName = r),
+        (this.attributeNamespace = i),
+        (this.mustUseProperty = n),
+        (this.propertyName = e),
+        (this.type = t),
+        (this.sanitizeURL = a),
+        (this.removeEmptyString = o));
+    }
+    var y = {};
+    (`children dangerouslySetInnerHTML defaultValue defaultChecked innerHTML suppressContentEditableWarning suppressHydrationWarning style`
+      .split(` `)
+      .forEach(function (e) {
+        y[e] = new v(e, 0, !1, e, null, !1, !1);
+      }),
+      [
+        [`acceptCharset`, `accept-charset`],
+        [`className`, `class`],
+        [`htmlFor`, `for`],
+        [`httpEquiv`, `http-equiv`],
+      ].forEach(function (e) {
+        var t = e[0];
+        y[t] = new v(t, 1, !1, e[1], null, !1, !1);
+      }),
+      [`contentEditable`, `draggable`, `spellCheck`, `value`].forEach(function (e) {
+        y[e] = new v(e, 2, !1, e.toLowerCase(), null, !1, !1);
+      }),
+      [`autoReverse`, `externalResourcesRequired`, `focusable`, `preserveAlpha`].forEach(function (e) {
+        y[e] = new v(e, 2, !1, e, null, !1, !1);
+      }),
+      `allowFullScreen async autoFocus autoPlay controls default defer disabled disablePictureInPicture disableRemotePlayback formNoValidate hidden loop noModule noValidate open playsInline readOnly required reversed scoped seamless itemScope`
+        .split(` `)
+        .forEach(function (e) {
+          y[e] = new v(e, 3, !1, e.toLowerCase(), null, !1, !1);
+        }),
+      [`checked`, `multiple`, `muted`, `selected`].forEach(function (e) {
+        y[e] = new v(e, 3, !0, e, null, !1, !1);
+      }),
+      [`capture`, `download`].forEach(function (e) {
+        y[e] = new v(e, 4, !1, e, null, !1, !1);
+      }),
+      [`cols`, `rows`, `size`, `span`].forEach(function (e) {
+        y[e] = new v(e, 6, !1, e, null, !1, !1);
+      }),
+      [`rowSpan`, `start`].forEach(function (e) {
+        y[e] = new v(e, 5, !1, e.toLowerCase(), null, !1, !1);
+      }));
+    var b = /[\-:]([a-z])/g;
+    function x(e) {
+      return e[1].toUpperCase();
+    }
+    (`accent-height alignment-baseline arabic-form baseline-shift cap-height clip-path clip-rule color-interpolation color-interpolation-filters color-profile color-rendering dominant-baseline enable-background fill-opacity fill-rule flood-color flood-opacity font-family font-size font-size-adjust font-stretch font-style font-variant font-weight glyph-name glyph-orientation-horizontal glyph-orientation-vertical horiz-adv-x horiz-origin-x image-rendering letter-spacing lighting-color marker-end marker-mid marker-start overline-position overline-thickness paint-order panose-1 pointer-events rendering-intent shape-rendering stop-color stop-opacity strikethrough-position strikethrough-thickness stroke-dasharray stroke-dashoffset stroke-linecap stroke-linejoin stroke-miterlimit stroke-opacity stroke-width text-anchor text-decoration text-rendering underline-position underline-thickness unicode-bidi unicode-range units-per-em v-alphabetic v-hanging v-ideographic v-mathematical vector-effect vert-adv-y vert-origin-x vert-origin-y word-spacing writing-mode xmlns:xlink x-height`
+      .split(` `)
+      .forEach(function (e) {
+        var t = e.replace(b, x);
+        y[t] = new v(t, 1, !1, e, null, !1, !1);
+      }),
+      `xlink:actuate xlink:arcrole xlink:role xlink:show xlink:title xlink:type`.split(` `).forEach(function (e) {
+        var t = e.replace(b, x);
+        y[t] = new v(t, 1, !1, e, `http://www.w3.org/1999/xlink`, !1, !1);
+      }),
+      [`xml:base`, `xml:lang`, `xml:space`].forEach(function (e) {
+        var t = e.replace(b, x);
+        y[t] = new v(t, 1, !1, e, `http://www.w3.org/XML/1998/namespace`, !1, !1);
+      }),
+      [`tabIndex`, `crossOrigin`].forEach(function (e) {
+        y[e] = new v(e, 1, !1, e.toLowerCase(), null, !1, !1);
+      }),
+      (y.xlinkHref = new v(`xlinkHref`, 1, !1, `xlink:href`, `http://www.w3.org/1999/xlink`, !0, !1)),
+      [`src`, `href`, `action`, `formAction`].forEach(function (e) {
+        y[e] = new v(e, 1, !1, e.toLowerCase(), null, !0, !0);
+      }));
+    function S(e, t, n, r) {
+      var i = y.hasOwnProperty(t) ? y[t] : null;
+      (i === null
+        ? r || !(2 < t.length) || (t[0] !== `o` && t[0] !== `O`) || (t[1] !== `n` && t[1] !== `N`)
+        : i.type !== 0) &&
+        (_(t, n, i, r) && (n = null),
+        r || i === null
+          ? h(t) && (n === null ? e.removeAttribute(t) : e.setAttribute(t, `` + n))
+          : i.mustUseProperty
+            ? (e[i.propertyName] = n === null ? (i.type === 3 ? !1 : ``) : n)
+            : ((t = i.attributeName),
+              (r = i.attributeNamespace),
+              n === null
+                ? e.removeAttribute(t)
+                : ((i = i.type),
+                  (n = i === 3 || (i === 4 && !0 === n) ? `` : `` + n),
+                  r ? e.setAttributeNS(r, t, n) : e.setAttribute(t, n))));
+    }
+    var C = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,
+      w = Symbol.for(`react.element`),
+      T = Symbol.for(`react.portal`),
+      E = Symbol.for(`react.fragment`),
+      D = Symbol.for(`react.strict_mode`),
+      O = Symbol.for(`react.profiler`),
+      k = Symbol.for(`react.provider`),
+      A = Symbol.for(`react.context`),
+      j = Symbol.for(`react.forward_ref`),
+      M = Symbol.for(`react.suspense`),
+      ee = Symbol.for(`react.suspense_list`),
+      N = Symbol.for(`react.memo`),
+      P = Symbol.for(`react.lazy`),
+      te = Symbol.for(`react.offscreen`),
+      ne = Symbol.iterator;
+    function re(e) {
+      return typeof e != `object` || !e
+        ? null
+        : ((e = (ne && e[ne]) || e[`@@iterator`]), typeof e == `function` ? e : null);
+    }
+    var F = Object.assign,
+      ie;
+    function ae(e) {
+      if (ie === void 0)
+        try {
+          throw Error();
+        } catch (e) {
+          var t = e.stack.trim().match(/\n( *(at )?)/);
+          ie = (t && t[1]) || ``;
+        }
+      return (
+        `
+` +
+        ie +
+        e
+      );
+    }
+    var oe = !1;
+    function se(e, t) {
+      if (!e || oe) return ``;
+      oe = !0;
+      var n = Error.prepareStackTrace;
+      Error.prepareStackTrace = void 0;
+      try {
+        if (t)
+          if (
+            ((t = function () {
+              throw Error();
+            }),
+            Object.defineProperty(t.prototype, `props`, {
+              set: function () {
+                throw Error();
+              },
+            }),
+            typeof Reflect == `object` && Reflect.construct)
+          ) {
+            try {
+              Reflect.construct(t, []);
+            } catch (e) {
+              var r = e;
+            }
+            Reflect.construct(e, [], t);
+          } else {
+            try {
+              t.call();
+            } catch (e) {
+              r = e;
+            }
+            e.call(t.prototype);
+          }
+        else {
+          try {
+            throw Error();
+          } catch (e) {
+            r = e;
+          }
+          e();
+        }
+      } catch (t) {
+        if (t && r && typeof t.stack == `string`) {
+          for (
+            var i = t.stack.split(`
+`),
+              a = r.stack.split(`
+`),
+              o = i.length - 1,
+              s = a.length - 1;
+            1 <= o && 0 <= s && i[o] !== a[s];
+          )
+            s--;
+          for (; 1 <= o && 0 <= s; o--, s--)
+            if (i[o] !== a[s]) {
+              if (o !== 1 || s !== 1)
+                do
+                  if ((o--, s--, 0 > s || i[o] !== a[s])) {
+                    var c =
+                      `
+` + i[o].replace(` at new `, ` at `);
+                    return (
+                      e.displayName && c.includes(`<anonymous>`) && (c = c.replace(`<anonymous>`, e.displayName)),
+                      c
+                    );
+                  }
+                while (1 <= o && 0 <= s);
+              break;
+            }
+        }
+      } finally {
+        ((oe = !1), (Error.prepareStackTrace = n));
+      }
+      return (e = e ? e.displayName || e.name : ``) ? ae(e) : ``;
+    }
+    function ce(e) {
+      switch (e.tag) {
+        case 5:
+          return ae(e.type);
+        case 16:
+          return ae(`Lazy`);
+        case 13:
+          return ae(`Suspense`);
+        case 19:
+          return ae(`SuspenseList`);
+        case 0:
+        case 2:
+        case 15:
+          return ((e = se(e.type, !1)), e);
+        case 11:
+          return ((e = se(e.type.render, !1)), e);
+        case 1:
+          return ((e = se(e.type, !0)), e);
+        default:
+          return ``;
+      }
+    }
+    function le(e) {
+      if (e == null) return null;
+      if (typeof e == `function`) return e.displayName || e.name || null;
+      if (typeof e == `string`) return e;
+      switch (e) {
+        case E:
+          return `Fragment`;
+        case T:
+          return `Portal`;
+        case O:
+          return `Profiler`;
+        case D:
+          return `StrictMode`;
+        case M:
+          return `Suspense`;
+        case ee:
+          return `SuspenseList`;
+      }
+      if (typeof e == `object`)
+        switch (e.$$typeof) {
+          case A:
+            return (e.displayName || `Context`) + `.Consumer`;
+          case k:
+            return (e._context.displayName || `Context`) + `.Provider`;
+          case j:
+            var t = e.render;
+            return (
+              (e = e.displayName),
+              (e ||= ((e = t.displayName || t.name || ``), e === `` ? `ForwardRef` : `ForwardRef(` + e + `)`)),
+              e
+            );
+          case N:
+            return ((t = e.displayName || null), t === null ? le(e.type) || `Memo` : t);
+          case P:
+            ((t = e._payload), (e = e._init));
+            try {
+              return le(e(t));
+            } catch {}
+        }
+      return null;
+    }
+    function ue(e) {
+      var t = e.type;
+      switch (e.tag) {
+        case 24:
+          return `Cache`;
+        case 9:
+          return (t.displayName || `Context`) + `.Consumer`;
+        case 10:
+          return (t._context.displayName || `Context`) + `.Provider`;
+        case 18:
+          return `DehydratedFragment`;
+        case 11:
+          return (
+            (e = t.render),
+            (e = e.displayName || e.name || ``),
+            t.displayName || (e === `` ? `ForwardRef` : `ForwardRef(` + e + `)`)
+          );
+        case 7:
+          return `Fragment`;
+        case 5:
+          return t;
+        case 4:
+          return `Portal`;
+        case 3:
+          return `Root`;
+        case 6:
+          return `Text`;
+        case 16:
+          return le(t);
+        case 8:
+          return t === D ? `StrictMode` : `Mode`;
+        case 22:
+          return `Offscreen`;
+        case 12:
+          return `Profiler`;
+        case 21:
+          return `Scope`;
+        case 13:
+          return `Suspense`;
+        case 19:
+          return `SuspenseList`;
+        case 25:
+          return `TracingMarker`;
+        case 1:
+        case 0:
+        case 17:
+        case 2:
+        case 14:
+        case 15:
+          if (typeof t == `function`) return t.displayName || t.name || null;
+          if (typeof t == `string`) return t;
+      }
+      return null;
+    }
+    function I(e) {
+      switch (typeof e) {
+        case `boolean`:
+        case `number`:
+        case `string`:
+        case `undefined`:
+          return e;
+        case `object`:
+          return e;
+        default:
+          return ``;
+      }
+    }
+    function de(e) {
+      var t = e.type;
+      return (e = e.nodeName) && e.toLowerCase() === `input` && (t === `checkbox` || t === `radio`);
+    }
+    function fe(e) {
+      var t = de(e) ? `checked` : `value`,
+        n = Object.getOwnPropertyDescriptor(e.constructor.prototype, t),
+        r = `` + e[t];
+      if (!e.hasOwnProperty(t) && n !== void 0 && typeof n.get == `function` && typeof n.set == `function`) {
+        var i = n.get,
+          a = n.set;
+        return (
+          Object.defineProperty(e, t, {
+            configurable: !0,
+            get: function () {
+              return i.call(this);
+            },
+            set: function (e) {
+              ((r = `` + e), a.call(this, e));
+            },
+          }),
+          Object.defineProperty(e, t, { enumerable: n.enumerable }),
+          {
+            getValue: function () {
+              return r;
+            },
+            setValue: function (e) {
+              r = `` + e;
+            },
+            stopTracking: function () {
+              ((e._valueTracker = null), delete e[t]);
+            },
+          }
+        );
+      }
+    }
+    function L(e) {
+      e._valueTracker ||= fe(e);
+    }
+    function pe(e) {
+      if (!e) return !1;
+      var t = e._valueTracker;
+      if (!t) return !0;
+      var n = t.getValue(),
+        r = ``;
+      return (e && (r = de(e) ? (e.checked ? `true` : `false`) : e.value), (e = r), e === n ? !1 : (t.setValue(e), !0));
+    }
+    function me(e) {
+      if (((e ||= typeof document < `u` ? document : void 0), e === void 0)) return null;
+      try {
+        return e.activeElement || e.body;
+      } catch {
+        return e.body;
+      }
+    }
+    function he(e, t) {
+      var n = t.checked;
+      return F({}, t, {
+        defaultChecked: void 0,
+        defaultValue: void 0,
+        value: void 0,
+        checked: n ?? e._wrapperState.initialChecked,
+      });
+    }
+    function R(e, t) {
+      var n = t.defaultValue == null ? `` : t.defaultValue,
+        r = t.checked == null ? t.defaultChecked : t.checked;
+      ((n = I(t.value == null ? n : t.value)),
+        (e._wrapperState = {
+          initialChecked: r,
+          initialValue: n,
+          controlled: t.type === `checkbox` || t.type === `radio` ? t.checked != null : t.value != null,
+        }));
+    }
+    function ge(e, t) {
+      ((t = t.checked), t != null && S(e, `checked`, t, !1));
+    }
+    function _e(e, t) {
+      ge(e, t);
+      var n = I(t.value),
+        r = t.type;
+      if (n != null)
+        r === `number`
+          ? ((n === 0 && e.value === ``) || e.value != n) && (e.value = `` + n)
+          : e.value !== `` + n && (e.value = `` + n);
+      else if (r === `submit` || r === `reset`) {
+        e.removeAttribute(`value`);
+        return;
+      }
+      (t.hasOwnProperty(`value`)
+        ? ye(e, t.type, n)
+        : t.hasOwnProperty(`defaultValue`) && ye(e, t.type, I(t.defaultValue)),
+        t.checked == null && t.defaultChecked != null && (e.defaultChecked = !!t.defaultChecked));
+    }
+    function ve(e, t, n) {
+      if (t.hasOwnProperty(`value`) || t.hasOwnProperty(`defaultValue`)) {
+        var r = t.type;
+        if (!((r !== `submit` && r !== `reset`) || (t.value !== void 0 && t.value !== null))) return;
+        ((t = `` + e._wrapperState.initialValue), n || t === e.value || (e.value = t), (e.defaultValue = t));
+      }
+      ((n = e.name),
+        n !== `` && (e.name = ``),
+        (e.defaultChecked = !!e._wrapperState.initialChecked),
+        n !== `` && (e.name = n));
+    }
+    function ye(e, t, n) {
+      (t !== `number` || me(e.ownerDocument) !== e) &&
+        (n == null
+          ? (e.defaultValue = `` + e._wrapperState.initialValue)
+          : e.defaultValue !== `` + n && (e.defaultValue = `` + n));
+    }
+    var be = Array.isArray;
+    function xe(e, t, n, r) {
+      if (((e = e.options), t)) {
+        t = {};
+        for (var i = 0; i < n.length; i++) t[`$` + n[i]] = !0;
+        for (n = 0; n < e.length; n++)
+          ((i = t.hasOwnProperty(`$` + e[n].value)),
+            e[n].selected !== i && (e[n].selected = i),
+            i && r && (e[n].defaultSelected = !0));
+      } else {
+        for (n = `` + I(n), t = null, i = 0; i < e.length; i++) {
+          if (e[i].value === n) {
+            ((e[i].selected = !0), r && (e[i].defaultSelected = !0));
+            return;
+          }
+          t !== null || e[i].disabled || (t = e[i]);
+        }
+        t !== null && (t.selected = !0);
+      }
+    }
+    function Se(e, t) {
+      if (t.dangerouslySetInnerHTML != null) throw Error(r(91));
+      return F({}, t, { value: void 0, defaultValue: void 0, children: `` + e._wrapperState.initialValue });
+    }
+    function Ce(e, t) {
+      var n = t.value;
+      if (n == null) {
+        if (((n = t.children), (t = t.defaultValue), n != null)) {
+          if (t != null) throw Error(r(92));
+          if (be(n)) {
+            if (1 < n.length) throw Error(r(93));
+            n = n[0];
+          }
+          t = n;
+        }
+        ((t ??= ``), (n = t));
+      }
+      e._wrapperState = { initialValue: I(n) };
+    }
+    function we(e, t) {
+      var n = I(t.value),
+        r = I(t.defaultValue);
+      (n != null &&
+        ((n = `` + n),
+        n !== e.value && (e.value = n),
+        t.defaultValue == null && e.defaultValue !== n && (e.defaultValue = n)),
+        r != null && (e.defaultValue = `` + r));
+    }
+    function Te(e) {
+      var t = e.textContent;
+      t === e._wrapperState.initialValue && t !== `` && t !== null && (e.value = t);
+    }
+    function Ee(e) {
+      switch (e) {
+        case `svg`:
+          return `http://www.w3.org/2000/svg`;
+        case `math`:
+          return `http://www.w3.org/1998/Math/MathML`;
+        default:
+          return `http://www.w3.org/1999/xhtml`;
+      }
+    }
+    function De(e, t) {
+      return e == null || e === `http://www.w3.org/1999/xhtml`
+        ? Ee(t)
+        : e === `http://www.w3.org/2000/svg` && t === `foreignObject`
+          ? `http://www.w3.org/1999/xhtml`
+          : e;
+    }
+    var Oe,
+      ke = (function (e) {
+        return typeof MSApp < `u` && MSApp.execUnsafeLocalFunction
+          ? function (t, n, r, i) {
+              MSApp.execUnsafeLocalFunction(function () {
+                return e(t, n, r, i);
+              });
+            }
+          : e;
+      })(function (e, t) {
+        if (e.namespaceURI !== `http://www.w3.org/2000/svg` || `innerHTML` in e) e.innerHTML = t;
+        else {
+          for (
+            Oe ||= document.createElement(`div`),
+              Oe.innerHTML = `<svg>` + t.valueOf().toString() + `</svg>`,
+              t = Oe.firstChild;
+            e.firstChild;
+          )
+            e.removeChild(e.firstChild);
+          for (; t.firstChild; ) e.appendChild(t.firstChild);
+        }
+      });
+    function Ae(e, t) {
+      if (t) {
+        var n = e.firstChild;
+        if (n && n === e.lastChild && n.nodeType === 3) {
+          n.nodeValue = t;
+          return;
+        }
+      }
+      e.textContent = t;
+    }
+    var je = {
+        animationIterationCount: !0,
+        aspectRatio: !0,
+        borderImageOutset: !0,
+        borderImageSlice: !0,
+        borderImageWidth: !0,
+        boxFlex: !0,
+        boxFlexGroup: !0,
+        boxOrdinalGroup: !0,
+        columnCount: !0,
+        columns: !0,
+        flex: !0,
+        flexGrow: !0,
+        flexPositive: !0,
+        flexShrink: !0,
+        flexNegative: !0,
+        flexOrder: !0,
+        gridArea: !0,
+        gridRow: !0,
+        gridRowEnd: !0,
+        gridRowSpan: !0,
+        gridRowStart: !0,
+        gridColumn: !0,
+        gridColumnEnd: !0,
+        gridColumnSpan: !0,
+        gridColumnStart: !0,
+        fontWeight: !0,
+        lineClamp: !0,
+        lineHeight: !0,
+        opacity: !0,
+        order: !0,
+        orphans: !0,
+        tabSize: !0,
+        widows: !0,
+        zIndex: !0,
+        zoom: !0,
+        fillOpacity: !0,
+        floodOpacity: !0,
+        stopOpacity: !0,
+        strokeDasharray: !0,
+        strokeDashoffset: !0,
+        strokeMiterlimit: !0,
+        strokeOpacity: !0,
+        strokeWidth: !0,
+      },
+      Me = [`Webkit`, `ms`, `Moz`, `O`];
+    Object.keys(je).forEach(function (e) {
+      Me.forEach(function (t) {
+        ((t = t + e.charAt(0).toUpperCase() + e.substring(1)), (je[t] = je[e]));
+      });
+    });
+    function Ne(e, t, n) {
+      return t == null || typeof t == `boolean` || t === ``
+        ? ``
+        : n || typeof t != `number` || t === 0 || (je.hasOwnProperty(e) && je[e])
+          ? (`` + t).trim()
+          : t + `px`;
+    }
+    function Pe(e, t) {
+      for (var n in ((e = e.style), t))
+        if (t.hasOwnProperty(n)) {
+          var r = n.indexOf(`--`) === 0,
+            i = Ne(n, t[n], r);
+          (n === `float` && (n = `cssFloat`), r ? e.setProperty(n, i) : (e[n] = i));
+        }
+    }
+    var Fe = F(
+      { menuitem: !0 },
+      {
+        area: !0,
+        base: !0,
+        br: !0,
+        col: !0,
+        embed: !0,
+        hr: !0,
+        img: !0,
+        input: !0,
+        keygen: !0,
+        link: !0,
+        meta: !0,
+        param: !0,
+        source: !0,
+        track: !0,
+        wbr: !0,
+      },
+    );
+    function Ie(e, t) {
+      if (t) {
+        if (Fe[e] && (t.children != null || t.dangerouslySetInnerHTML != null)) throw Error(r(137, e));
+        if (t.dangerouslySetInnerHTML != null) {
+          if (t.children != null) throw Error(r(60));
+          if (typeof t.dangerouslySetInnerHTML != `object` || !(`__html` in t.dangerouslySetInnerHTML))
+            throw Error(r(61));
+        }
+        if (t.style != null && typeof t.style != `object`) throw Error(r(62));
+      }
+    }
+    function Le(e, t) {
+      if (e.indexOf(`-`) === -1) return typeof t.is == `string`;
+      switch (e) {
+        case `annotation-xml`:
+        case `color-profile`:
+        case `font-face`:
+        case `font-face-src`:
+        case `font-face-uri`:
+        case `font-face-format`:
+        case `font-face-name`:
+        case `missing-glyph`:
+          return !1;
+        default:
+          return !0;
+      }
+    }
+    var Re = null;
+    function ze(e) {
+      return (
+        (e = e.target || e.srcElement || window),
+        e.correspondingUseElement && (e = e.correspondingUseElement),
+        e.nodeType === 3 ? e.parentNode : e
+      );
+    }
+    var Be = null,
+      Ve = null,
+      He = null;
+    function Ue(e) {
+      if ((e = q(e))) {
+        if (typeof Be != `function`) throw Error(r(280));
+        var t = e.stateNode;
+        t && ((t = J(t)), Be(e.stateNode, e.type, t));
+      }
+    }
+    function We(e) {
+      Ve ? (He ? He.push(e) : (He = [e])) : (Ve = e);
+    }
+    function Ge() {
+      if (Ve) {
+        var e = Ve,
+          t = He;
+        if (((He = Ve = null), Ue(e), t)) for (e = 0; e < t.length; e++) Ue(t[e]);
+      }
+    }
+    function Ke(e, t) {
+      return e(t);
+    }
+    function qe() {}
+    var Je = !1;
+    function Ye(e, t, n) {
+      if (Je) return e(t, n);
+      Je = !0;
+      try {
+        return Ke(e, t, n);
+      } finally {
+        ((Je = !1), (Ve !== null || He !== null) && (qe(), Ge()));
+      }
+    }
+    function Xe(e, t) {
+      var n = e.stateNode;
+      if (n === null) return null;
+      var i = J(n);
+      if (i === null) return null;
+      n = i[t];
+      a: switch (t) {
+        case `onClick`:
+        case `onClickCapture`:
+        case `onDoubleClick`:
+        case `onDoubleClickCapture`:
+        case `onMouseDown`:
+        case `onMouseDownCapture`:
+        case `onMouseMove`:
+        case `onMouseMoveCapture`:
+        case `onMouseUp`:
+        case `onMouseUpCapture`:
+        case `onMouseEnter`:
+          ((i = !i.disabled) ||
+            ((e = e.type), (i = !(e === `button` || e === `input` || e === `select` || e === `textarea`))),
+            (e = !i));
+          break a;
+        default:
+          e = !1;
+      }
+      if (e) return null;
+      if (n && typeof n != `function`) throw Error(r(231, t, typeof n));
+      return n;
+    }
+    var Ze = !1;
+    if (c)
+      try {
+        var Qe = {};
+        (Object.defineProperty(Qe, `passive`, {
+          get: function () {
+            Ze = !0;
+          },
+        }),
+          window.addEventListener(`test`, Qe, Qe),
+          window.removeEventListener(`test`, Qe, Qe));
+      } catch {
+        Ze = !1;
+      }
+    function z(e, t, n, r, i, a, o, s, c) {
+      var l = Array.prototype.slice.call(arguments, 3);
+      try {
+        t.apply(n, l);
+      } catch (e) {
+        this.onError(e);
+      }
+    }
+    var $e = !1,
+      et = null,
+      tt = !1,
+      nt = null,
+      rt = {
+        onError: function (e) {
+          (($e = !0), (et = e));
+        },
+      };
+    function it(e, t, n, r, i, a, o, s, c) {
+      (($e = !1), (et = null), z.apply(rt, arguments));
+    }
+    function at(e, t, n, i, a, o, s, c, l) {
+      if ((it.apply(this, arguments), $e)) {
+        if ($e) {
+          var u = et;
+          (($e = !1), (et = null));
+        } else throw Error(r(198));
+        tt || ((tt = !0), (nt = u));
+      }
+    }
+    function ot(e) {
+      var t = e,
+        n = e;
+      if (e.alternate) for (; t.return; ) t = t.return;
+      else {
+        e = t;
+        do ((t = e), t.flags & 4098 && (n = t.return), (e = t.return));
+        while (e);
+      }
+      return t.tag === 3 ? n : null;
+    }
+    function st(e) {
+      if (e.tag === 13) {
+        var t = e.memoizedState;
+        if ((t === null && ((e = e.alternate), e !== null && (t = e.memoizedState)), t !== null)) return t.dehydrated;
+      }
+      return null;
+    }
+    function ct(e) {
+      if (ot(e) !== e) throw Error(r(188));
+    }
+    function lt(e) {
+      var t = e.alternate;
+      if (!t) {
+        if (((t = ot(e)), t === null)) throw Error(r(188));
+        return t === e ? e : null;
+      }
+      for (var n = e, i = t; ; ) {
+        var a = n.return;
+        if (a === null) break;
+        var o = a.alternate;
+        if (o === null) {
+          if (((i = a.return), i !== null)) {
+            n = i;
+            continue;
+          }
+          break;
+        }
+        if (a.child === o.child) {
+          for (o = a.child; o; ) {
+            if (o === n) return (ct(a), e);
+            if (o === i) return (ct(a), t);
+            o = o.sibling;
+          }
+          throw Error(r(188));
+        }
+        if (n.return !== i.return) ((n = a), (i = o));
+        else {
+          for (var s = !1, c = a.child; c; ) {
+            if (c === n) {
+              ((s = !0), (n = a), (i = o));
+              break;
+            }
+            if (c === i) {
+              ((s = !0), (i = a), (n = o));
+              break;
+            }
+            c = c.sibling;
+          }
+          if (!s) {
+            for (c = o.child; c; ) {
+              if (c === n) {
+                ((s = !0), (n = o), (i = a));
+                break;
+              }
+              if (c === i) {
+                ((s = !0), (i = o), (n = a));
+                break;
+              }
+              c = c.sibling;
+            }
+            if (!s) throw Error(r(189));
+          }
+        }
+        if (n.alternate !== i) throw Error(r(190));
+      }
+      if (n.tag !== 3) throw Error(r(188));
+      return n.stateNode.current === n ? e : t;
+    }
+    function ut(e) {
+      return ((e = lt(e)), e === null ? null : dt(e));
+    }
+    function dt(e) {
+      if (e.tag === 5 || e.tag === 6) return e;
+      for (e = e.child; e !== null; ) {
+        var t = dt(e);
+        if (t !== null) return t;
+        e = e.sibling;
+      }
+      return null;
+    }
+    var ft = n.unstable_scheduleCallback,
+      pt = n.unstable_cancelCallback,
+      mt = n.unstable_shouldYield,
+      ht = n.unstable_requestPaint,
+      gt = n.unstable_now,
+      _t = n.unstable_getCurrentPriorityLevel,
+      vt = n.unstable_ImmediatePriority,
+      yt = n.unstable_UserBlockingPriority,
+      bt = n.unstable_NormalPriority,
+      xt = n.unstable_LowPriority,
+      St = n.unstable_IdlePriority,
+      Ct = null,
+      wt = null;
+    function Tt(e) {
+      if (wt && typeof wt.onCommitFiberRoot == `function`)
+        try {
+          wt.onCommitFiberRoot(Ct, e, void 0, (e.current.flags & 128) == 128);
+        } catch {}
+    }
+    var Et = Math.clz32 ? Math.clz32 : kt,
+      Dt = Math.log,
+      Ot = Math.LN2;
+    function kt(e) {
+      return ((e >>>= 0), e === 0 ? 32 : (31 - ((Dt(e) / Ot) | 0)) | 0);
+    }
+    var At = 64,
+      jt = 4194304;
+    function Mt(e) {
+      switch (e & -e) {
+        case 1:
+          return 1;
+        case 2:
+          return 2;
+        case 4:
+          return 4;
+        case 8:
+          return 8;
+        case 16:
+          return 16;
+        case 32:
+          return 32;
+        case 64:
+        case 128:
+        case 256:
+        case 512:
+        case 1024:
+        case 2048:
+        case 4096:
+        case 8192:
+        case 16384:
+        case 32768:
+        case 65536:
+        case 131072:
+        case 262144:
+        case 524288:
+        case 1048576:
+        case 2097152:
+          return e & 4194240;
+        case 4194304:
+        case 8388608:
+        case 16777216:
+        case 33554432:
+        case 67108864:
+          return e & 130023424;
+        case 134217728:
+          return 134217728;
+        case 268435456:
+          return 268435456;
+        case 536870912:
+          return 536870912;
+        case 1073741824:
+          return 1073741824;
+        default:
+          return e;
+      }
+    }
+    function Nt(e, t) {
+      var n = e.pendingLanes;
+      if (n === 0) return 0;
+      var r = 0,
+        i = e.suspendedLanes,
+        a = e.pingedLanes,
+        o = n & 268435455;
+      if (o !== 0) {
+        var s = o & ~i;
+        s === 0 ? ((a &= o), a !== 0 && (r = Mt(a))) : (r = Mt(s));
+      } else ((o = n & ~i), o === 0 ? a !== 0 && (r = Mt(a)) : (r = Mt(o)));
+      if (r === 0) return 0;
+      if (t !== 0 && t !== r && (t & i) === 0 && ((i = r & -r), (a = t & -t), i >= a || (i === 16 && a & 4194240)))
+        return t;
+      if ((r & 4 && (r |= n & 16), (t = e.entangledLanes), t !== 0))
+        for (e = e.entanglements, t &= r; 0 < t; ) ((n = 31 - Et(t)), (i = 1 << n), (r |= e[n]), (t &= ~i));
+      return r;
+    }
+    function Pt(e, t) {
+      switch (e) {
+        case 1:
+        case 2:
+        case 4:
+          return t + 250;
+        case 8:
+        case 16:
+        case 32:
+        case 64:
+        case 128:
+        case 256:
+        case 512:
+        case 1024:
+        case 2048:
+        case 4096:
+        case 8192:
+        case 16384:
+        case 32768:
+        case 65536:
+        case 131072:
+        case 262144:
+        case 524288:
+        case 1048576:
+        case 2097152:
+          return t + 5e3;
+        case 4194304:
+        case 8388608:
+        case 16777216:
+        case 33554432:
+        case 67108864:
+          return -1;
+        case 134217728:
+        case 268435456:
+        case 536870912:
+        case 1073741824:
+          return -1;
+        default:
+          return -1;
+      }
+    }
+    function Ft(e, t) {
+      for (var n = e.suspendedLanes, r = e.pingedLanes, i = e.expirationTimes, a = e.pendingLanes; 0 < a; ) {
+        var o = 31 - Et(a),
+          s = 1 << o,
+          c = i[o];
+        (c === -1 ? ((s & n) === 0 || (s & r) !== 0) && (i[o] = Pt(s, t)) : c <= t && (e.expiredLanes |= s), (a &= ~s));
+      }
+    }
+    function It(e) {
+      return ((e = e.pendingLanes & -1073741825), e === 0 ? (e & 1073741824 ? 1073741824 : 0) : e);
+    }
+    function Lt() {
+      var e = At;
+      return ((At <<= 1), !(At & 4194240) && (At = 64), e);
+    }
+    function Rt(e) {
+      for (var t = [], n = 0; 31 > n; n++) t.push(e);
+      return t;
+    }
+    function zt(e, t, n) {
+      ((e.pendingLanes |= t),
+        t !== 536870912 && ((e.suspendedLanes = 0), (e.pingedLanes = 0)),
+        (e = e.eventTimes),
+        (t = 31 - Et(t)),
+        (e[t] = n));
+    }
+    function Bt(e, t) {
+      var n = e.pendingLanes & ~t;
+      ((e.pendingLanes = t),
+        (e.suspendedLanes = 0),
+        (e.pingedLanes = 0),
+        (e.expiredLanes &= t),
+        (e.mutableReadLanes &= t),
+        (e.entangledLanes &= t),
+        (t = e.entanglements));
+      var r = e.eventTimes;
+      for (e = e.expirationTimes; 0 < n; ) {
+        var i = 31 - Et(n),
+          a = 1 << i;
+        ((t[i] = 0), (r[i] = -1), (e[i] = -1), (n &= ~a));
+      }
+    }
+    function Vt(e, t) {
+      var n = (e.entangledLanes |= t);
+      for (e = e.entanglements; n; ) {
+        var r = 31 - Et(n),
+          i = 1 << r;
+        ((i & t) | (e[r] & t) && (e[r] |= t), (n &= ~i));
+      }
+    }
+    var B = 0;
+    function Ht(e) {
+      return ((e &= -e), 1 < e ? (4 < e ? (e & 268435455 ? 16 : 536870912) : 4) : 1);
+    }
+    var Ut,
+      Wt,
+      Gt,
+      Kt,
+      qt,
+      Jt = !1,
+      Yt = [],
+      Xt = null,
+      Zt = null,
+      Qt = null,
+      $t = new Map(),
+      en = new Map(),
+      tn = [],
+      nn =
+        `mousedown mouseup touchcancel touchend touchstart auxclick dblclick pointercancel pointerdown pointerup dragend dragstart drop compositionend compositionstart keydown keypress keyup input textInput copy cut paste click change contextmenu reset submit`.split(
+          ` `,
+        );
+    function rn(e, t) {
+      switch (e) {
+        case `focusin`:
+        case `focusout`:
+          Xt = null;
+          break;
+        case `dragenter`:
+        case `dragleave`:
+          Zt = null;
+          break;
+        case `mouseover`:
+        case `mouseout`:
+          Qt = null;
+          break;
+        case `pointerover`:
+        case `pointerout`:
+          $t.delete(t.pointerId);
+          break;
+        case `gotpointercapture`:
+        case `lostpointercapture`:
+          en.delete(t.pointerId);
+      }
+    }
+    function an(e, t, n, r, i, a) {
+      return e === null || e.nativeEvent !== a
+        ? ((e = { blockedOn: t, domEventName: n, eventSystemFlags: r, nativeEvent: a, targetContainers: [i] }),
+          t !== null && ((t = q(t)), t !== null && Wt(t)),
+          e)
+        : ((e.eventSystemFlags |= r), (t = e.targetContainers), i !== null && t.indexOf(i) === -1 && t.push(i), e);
+    }
+    function on(e, t, n, r, i) {
+      switch (t) {
+        case `focusin`:
+          return ((Xt = an(Xt, e, t, n, r, i)), !0);
+        case `dragenter`:
+          return ((Zt = an(Zt, e, t, n, r, i)), !0);
+        case `mouseover`:
+          return ((Qt = an(Qt, e, t, n, r, i)), !0);
+        case `pointerover`:
+          var a = i.pointerId;
+          return ($t.set(a, an($t.get(a) || null, e, t, n, r, i)), !0);
+        case `gotpointercapture`:
+          return ((a = i.pointerId), en.set(a, an(en.get(a) || null, e, t, n, r, i)), !0);
+      }
+      return !1;
+    }
+    function sn(e) {
+      var t = Fi(e.target);
+      if (t !== null) {
+        var n = ot(t);
+        if (n !== null) {
+          if (((t = n.tag), t === 13)) {
+            if (((t = st(n)), t !== null)) {
+              ((e.blockedOn = t),
+                qt(e.priority, function () {
+                  Gt(n);
+                }));
+              return;
+            }
+          } else if (t === 3 && n.stateNode.current.memoizedState.isDehydrated) {
+            e.blockedOn = n.tag === 3 ? n.stateNode.containerInfo : null;
+            return;
+          }
+        }
+      }
+      e.blockedOn = null;
+    }
+    function cn(e) {
+      if (e.blockedOn !== null) return !1;
+      for (var t = e.targetContainers; 0 < t.length; ) {
+        var n = yn(e.domEventName, e.eventSystemFlags, t[0], e.nativeEvent);
+        if (n === null) {
+          n = e.nativeEvent;
+          var r = new n.constructor(n.type, n);
+          ((Re = r), n.target.dispatchEvent(r), (Re = null));
+        } else return ((t = q(n)), t !== null && Wt(t), (e.blockedOn = n), !1);
+        t.shift();
+      }
+      return !0;
+    }
+    function ln(e, t, n) {
+      cn(e) && n.delete(t);
+    }
+    function un() {
+      ((Jt = !1),
+        Xt !== null && cn(Xt) && (Xt = null),
+        Zt !== null && cn(Zt) && (Zt = null),
+        Qt !== null && cn(Qt) && (Qt = null),
+        $t.forEach(ln),
+        en.forEach(ln));
+    }
+    function dn(e, t) {
+      e.blockedOn === t &&
+        ((e.blockedOn = null), Jt || ((Jt = !0), n.unstable_scheduleCallback(n.unstable_NormalPriority, un)));
+    }
+    function fn(e) {
+      function t(t) {
+        return dn(t, e);
+      }
+      if (0 < Yt.length) {
+        dn(Yt[0], e);
+        for (var n = 1; n < Yt.length; n++) {
+          var r = Yt[n];
+          r.blockedOn === e && (r.blockedOn = null);
+        }
+      }
+      for (
+        Xt !== null && dn(Xt, e),
+          Zt !== null && dn(Zt, e),
+          Qt !== null && dn(Qt, e),
+          $t.forEach(t),
+          en.forEach(t),
+          n = 0;
+        n < tn.length;
+        n++
+      )
+        ((r = tn[n]), r.blockedOn === e && (r.blockedOn = null));
+      for (; 0 < tn.length && ((n = tn[0]), n.blockedOn === null); ) (sn(n), n.blockedOn === null && tn.shift());
+    }
+    var pn = C.ReactCurrentBatchConfig,
+      mn = !0;
+    function hn(e, t, n, r) {
+      var i = B,
+        a = pn.transition;
+      pn.transition = null;
+      try {
+        ((B = 1), _n(e, t, n, r));
+      } finally {
+        ((B = i), (pn.transition = a));
+      }
+    }
+    function gn(e, t, n, r) {
+      var i = B,
+        a = pn.transition;
+      pn.transition = null;
+      try {
+        ((B = 4), _n(e, t, n, r));
+      } finally {
+        ((B = i), (pn.transition = a));
+      }
+    }
+    function _n(e, t, n, r) {
+      if (mn) {
+        var i = yn(e, t, n, r);
+        if (i === null) (ci(e, t, r, vn, n), rn(e, r));
+        else if (on(i, e, t, n, r)) r.stopPropagation();
+        else if ((rn(e, r), t & 4 && -1 < nn.indexOf(e))) {
+          for (; i !== null; ) {
+            var a = q(i);
+            if ((a !== null && Ut(a), (a = yn(e, t, n, r)), a === null && ci(e, t, r, vn, n), a === i)) break;
+            i = a;
+          }
+          i !== null && r.stopPropagation();
+        } else ci(e, t, r, null, n);
+      }
+    }
+    var vn = null;
+    function yn(e, t, n, r) {
+      if (((vn = null), (e = ze(r)), (e = Fi(e)), e !== null))
+        if (((t = ot(e)), t === null)) e = null;
+        else if (((n = t.tag), n === 13)) {
+          if (((e = st(t)), e !== null)) return e;
+          e = null;
+        } else if (n === 3) {
+          if (t.stateNode.current.memoizedState.isDehydrated) return t.tag === 3 ? t.stateNode.containerInfo : null;
+          e = null;
+        } else t !== e && (e = null);
+      return ((vn = e), null);
+    }
+    function bn(e) {
+      switch (e) {
+        case `cancel`:
+        case `click`:
+        case `close`:
+        case `contextmenu`:
+        case `copy`:
+        case `cut`:
+        case `auxclick`:
+        case `dblclick`:
+        case `dragend`:
+        case `dragstart`:
+        case `drop`:
+        case `focusin`:
+        case `focusout`:
+        case `input`:
+        case `invalid`:
+        case `keydown`:
+        case `keypress`:
+        case `keyup`:
+        case `mousedown`:
+        case `mouseup`:
+        case `paste`:
+        case `pause`:
+        case `play`:
+        case `pointercancel`:
+        case `pointerdown`:
+        case `pointerup`:
+        case `ratechange`:
+        case `reset`:
+        case `resize`:
+        case `seeked`:
+        case `submit`:
+        case `touchcancel`:
+        case `touchend`:
+        case `touchstart`:
+        case `volumechange`:
+        case `change`:
+        case `selectionchange`:
+        case `textInput`:
+        case `compositionstart`:
+        case `compositionend`:
+        case `compositionupdate`:
+        case `beforeblur`:
+        case `afterblur`:
+        case `beforeinput`:
+        case `blur`:
+        case `fullscreenchange`:
+        case `focus`:
+        case `hashchange`:
+        case `popstate`:
+        case `select`:
+        case `selectstart`:
+          return 1;
+        case `drag`:
+        case `dragenter`:
+        case `dragexit`:
+        case `dragleave`:
+        case `dragover`:
+        case `mousemove`:
+        case `mouseout`:
+        case `mouseover`:
+        case `pointermove`:
+        case `pointerout`:
+        case `pointerover`:
+        case `scroll`:
+        case `toggle`:
+        case `touchmove`:
+        case `wheel`:
+        case `mouseenter`:
+        case `mouseleave`:
+        case `pointerenter`:
+        case `pointerleave`:
+          return 4;
+        case `message`:
+          switch (_t()) {
+            case vt:
+              return 1;
+            case yt:
+              return 4;
+            case bt:
+            case xt:
+              return 16;
+            case St:
+              return 536870912;
+            default:
+              return 16;
+          }
+        default:
+          return 16;
+      }
+    }
+    var xn = null,
+      Sn = null,
+      Cn = null;
+    function wn() {
+      if (Cn) return Cn;
+      var e,
+        t = Sn,
+        n = t.length,
+        r,
+        i = `value` in xn ? xn.value : xn.textContent,
+        a = i.length;
+      for (e = 0; e < n && t[e] === i[e]; e++);
+      var o = n - e;
+      for (r = 1; r <= o && t[n - r] === i[a - r]; r++);
+      return (Cn = i.slice(e, 1 < r ? 1 - r : void 0));
+    }
+    function Tn(e) {
+      var t = e.keyCode;
+      return (
+        `charCode` in e ? ((e = e.charCode), e === 0 && t === 13 && (e = 13)) : (e = t),
+        e === 10 && (e = 13),
+        32 <= e || e === 13 ? e : 0
+      );
+    }
+    function En() {
+      return !0;
+    }
+    function Dn() {
+      return !1;
+    }
+    function On(e) {
+      function t(t, n, r, i, a) {
+        for (var o in ((this._reactName = t),
+        (this._targetInst = r),
+        (this.type = n),
+        (this.nativeEvent = i),
+        (this.target = a),
+        (this.currentTarget = null),
+        e))
+          e.hasOwnProperty(o) && ((t = e[o]), (this[o] = t ? t(i) : i[o]));
+        return (
+          (this.isDefaultPrevented = (i.defaultPrevented == null ? !1 === i.returnValue : i.defaultPrevented)
+            ? En
+            : Dn),
+          (this.isPropagationStopped = Dn),
+          this
+        );
+      }
+      return (
+        F(t.prototype, {
+          preventDefault: function () {
+            this.defaultPrevented = !0;
+            var e = this.nativeEvent;
+            e &&
+              (e.preventDefault ? e.preventDefault() : typeof e.returnValue != `unknown` && (e.returnValue = !1),
+              (this.isDefaultPrevented = En));
+          },
+          stopPropagation: function () {
+            var e = this.nativeEvent;
+            e &&
+              (e.stopPropagation ? e.stopPropagation() : typeof e.cancelBubble != `unknown` && (e.cancelBubble = !0),
+              (this.isPropagationStopped = En));
+          },
+          persist: function () {},
+          isPersistent: En,
+        }),
+        t
+      );
+    }
+    var kn = {
+        eventPhase: 0,
+        bubbles: 0,
+        cancelable: 0,
+        timeStamp: function (e) {
+          return e.timeStamp || Date.now();
+        },
+        defaultPrevented: 0,
+        isTrusted: 0,
+      },
+      An = On(kn),
+      jn = F({}, kn, { view: 0, detail: 0 }),
+      Mn = On(jn),
+      Nn,
+      Pn,
+      Fn,
+      In = F({}, jn, {
+        screenX: 0,
+        screenY: 0,
+        clientX: 0,
+        clientY: 0,
+        pageX: 0,
+        pageY: 0,
+        ctrlKey: 0,
+        shiftKey: 0,
+        altKey: 0,
+        metaKey: 0,
+        getModifierState: Kn,
+        button: 0,
+        buttons: 0,
+        relatedTarget: function (e) {
+          return e.relatedTarget === void 0
+            ? e.fromElement === e.srcElement
+              ? e.toElement
+              : e.fromElement
+            : e.relatedTarget;
+        },
+        movementX: function (e) {
+          return `movementX` in e
+            ? e.movementX
+            : (e !== Fn &&
+                (Fn && e.type === `mousemove`
+                  ? ((Nn = e.screenX - Fn.screenX), (Pn = e.screenY - Fn.screenY))
+                  : (Pn = Nn = 0),
+                (Fn = e)),
+              Nn);
+        },
+        movementY: function (e) {
+          return `movementY` in e ? e.movementY : Pn;
+        },
+      }),
+      Ln = On(In),
+      Rn = On(F({}, In, { dataTransfer: 0 })),
+      zn = On(F({}, jn, { relatedTarget: 0 })),
+      Bn = On(F({}, kn, { animationName: 0, elapsedTime: 0, pseudoElement: 0 })),
+      V = On(
+        F({}, kn, {
+          clipboardData: function (e) {
+            return `clipboardData` in e ? e.clipboardData : window.clipboardData;
+          },
+        }),
+      ),
+      Vn = On(F({}, kn, { data: 0 })),
+      Hn = {
+        Esc: `Escape`,
+        Spacebar: ` `,
+        Left: `ArrowLeft`,
+        Up: `ArrowUp`,
+        Right: `ArrowRight`,
+        Down: `ArrowDown`,
+        Del: `Delete`,
+        Win: `OS`,
+        Menu: `ContextMenu`,
+        Apps: `ContextMenu`,
+        Scroll: `ScrollLock`,
+        MozPrintableKey: `Unidentified`,
+      },
+      Un = {
+        8: `Backspace`,
+        9: `Tab`,
+        12: `Clear`,
+        13: `Enter`,
+        16: `Shift`,
+        17: `Control`,
+        18: `Alt`,
+        19: `Pause`,
+        20: `CapsLock`,
+        27: `Escape`,
+        32: ` `,
+        33: `PageUp`,
+        34: `PageDown`,
+        35: `End`,
+        36: `Home`,
+        37: `ArrowLeft`,
+        38: `ArrowUp`,
+        39: `ArrowRight`,
+        40: `ArrowDown`,
+        45: `Insert`,
+        46: `Delete`,
+        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: `NumLock`,
+        145: `ScrollLock`,
+        224: `Meta`,
+      },
+      Wn = { Alt: `altKey`, Control: `ctrlKey`, Meta: `metaKey`, Shift: `shiftKey` };
+    function Gn(e) {
+      var t = this.nativeEvent;
+      return t.getModifierState ? t.getModifierState(e) : (e = Wn[e]) ? !!t[e] : !1;
+    }
+    function Kn() {
+      return Gn;
+    }
+    var qn = On(
+        F({}, jn, {
+          key: function (e) {
+            if (e.key) {
+              var t = Hn[e.key] || e.key;
+              if (t !== `Unidentified`) return t;
+            }
+            return e.type === `keypress`
+              ? ((e = Tn(e)), e === 13 ? `Enter` : String.fromCharCode(e))
+              : e.type === `keydown` || e.type === `keyup`
+                ? Un[e.keyCode] || `Unidentified`
+                : ``;
+          },
+          code: 0,
+          location: 0,
+          ctrlKey: 0,
+          shiftKey: 0,
+          altKey: 0,
+          metaKey: 0,
+          repeat: 0,
+          locale: 0,
+          getModifierState: Kn,
+          charCode: function (e) {
+            return e.type === `keypress` ? Tn(e) : 0;
+          },
+          keyCode: function (e) {
+            return e.type === `keydown` || e.type === `keyup` ? e.keyCode : 0;
+          },
+          which: function (e) {
+            return e.type === `keypress` ? Tn(e) : e.type === `keydown` || e.type === `keyup` ? e.keyCode : 0;
+          },
+        }),
+      ),
+      Jn = On(
+        F({}, In, {
+          pointerId: 0,
+          width: 0,
+          height: 0,
+          pressure: 0,
+          tangentialPressure: 0,
+          tiltX: 0,
+          tiltY: 0,
+          twist: 0,
+          pointerType: 0,
+          isPrimary: 0,
+        }),
+      ),
+      Yn = On(
+        F({}, jn, {
+          touches: 0,
+          targetTouches: 0,
+          changedTouches: 0,
+          altKey: 0,
+          metaKey: 0,
+          ctrlKey: 0,
+          shiftKey: 0,
+          getModifierState: Kn,
+        }),
+      ),
+      Xn = On(F({}, kn, { propertyName: 0, elapsedTime: 0, pseudoElement: 0 })),
+      Zn = On(
+        F({}, In, {
+          deltaX: function (e) {
+            return `deltaX` in e ? e.deltaX : `wheelDeltaX` in e ? -e.wheelDeltaX : 0;
+          },
+          deltaY: function (e) {
+            return `deltaY` in e
+              ? e.deltaY
+              : `wheelDeltaY` in e
+                ? -e.wheelDeltaY
+                : `wheelDelta` in e
+                  ? -e.wheelDelta
+                  : 0;
+          },
+          deltaZ: 0,
+          deltaMode: 0,
+        }),
+      ),
+      Qn = [9, 13, 27, 32],
+      $n = c && `CompositionEvent` in window,
+      er = null;
+    c && `documentMode` in document && (er = document.documentMode);
+    var tr = c && `TextEvent` in window && !er,
+      H = c && (!$n || (er && 8 < er && 11 >= er)),
+      nr = ` `,
+      rr = !1;
+    function ir(e, t) {
+      switch (e) {
+        case `keyup`:
+          return Qn.indexOf(t.keyCode) !== -1;
+        case `keydown`:
+          return t.keyCode !== 229;
+        case `keypress`:
+        case `mousedown`:
+        case `focusout`:
+          return !0;
+        default:
+          return !1;
+      }
+    }
+    function ar(e) {
+      return ((e = e.detail), typeof e == `object` && `data` in e ? e.data : null);
+    }
+    var or = !1;
+    function sr(e, t) {
+      switch (e) {
+        case `compositionend`:
+          return ar(t);
+        case `keypress`:
+          return t.which === 32 ? ((rr = !0), nr) : null;
+        case `textInput`:
+          return ((e = t.data), e === nr && rr ? null : e);
+        default:
+          return null;
+      }
+    }
+    function cr(e, t) {
+      if (or)
+        return e === `compositionend` || (!$n && ir(e, t)) ? ((e = wn()), (Cn = Sn = xn = null), (or = !1), e) : null;
+      switch (e) {
+        case `paste`:
+          return null;
+        case `keypress`:
+          if (!(t.ctrlKey || t.altKey || t.metaKey) || (t.ctrlKey && t.altKey)) {
+            if (t.char && 1 < t.char.length) return t.char;
+            if (t.which) return String.fromCharCode(t.which);
+          }
+          return null;
+        case `compositionend`:
+          return H && t.locale !== `ko` ? null : t.data;
+        default:
+          return null;
+      }
+    }
+    var lr = {
+      color: !0,
+      date: !0,
+      datetime: !0,
+      'datetime-local': !0,
+      email: !0,
+      month: !0,
+      number: !0,
+      password: !0,
+      range: !0,
+      search: !0,
+      tel: !0,
+      text: !0,
+      time: !0,
+      url: !0,
+      week: !0,
+    };
+    function ur(e) {
+      var t = e && e.nodeName && e.nodeName.toLowerCase();
+      return t === `input` ? !!lr[e.type] : t === `textarea`;
+    }
+    function dr(e, t, n, r) {
+      (We(r),
+        (t = ui(t, `onChange`)),
+        0 < t.length && ((n = new An(`onChange`, `change`, null, n, r)), e.push({ event: n, listeners: t })));
+    }
+    var fr = null,
+      pr = null;
+    function mr(e) {
+      ri(e, 0);
+    }
+    function hr(e) {
+      if (pe(Ii(e))) return e;
+    }
+    function gr(e, t) {
+      if (e === `change`) return t;
+    }
+    var _r = !1;
+    if (c) {
+      var vr;
+      if (c) {
+        var yr = `oninput` in document;
+        if (!yr) {
+          var br = document.createElement(`div`);
+          (br.setAttribute(`oninput`, `return;`), (yr = typeof br.oninput == `function`));
+        }
+        vr = yr;
+      } else vr = !1;
+      _r = vr && (!document.documentMode || 9 < document.documentMode);
+    }
+    function xr() {
+      fr && (fr.detachEvent(`onpropertychange`, Sr), (pr = fr = null));
+    }
+    function Sr(e) {
+      if (e.propertyName === `value` && hr(pr)) {
+        var t = [];
+        (dr(t, pr, e, ze(e)), Ye(mr, t));
+      }
+    }
+    function Cr(e, t, n) {
+      e === `focusin` ? (xr(), (fr = t), (pr = n), fr.attachEvent(`onpropertychange`, Sr)) : e === `focusout` && xr();
+    }
+    function wr(e) {
+      if (e === `selectionchange` || e === `keyup` || e === `keydown`) return hr(pr);
+    }
+    function Tr(e, t) {
+      if (e === `click`) return hr(t);
+    }
+    function Er(e, t) {
+      if (e === `input` || e === `change`) return hr(t);
+    }
+    function Dr(e, t) {
+      return (e === t && (e !== 0 || 1 / e == 1 / t)) || (e !== e && t !== t);
+    }
+    var Or = typeof Object.is == `function` ? Object.is : Dr;
+    function kr(e, t) {
+      if (Or(e, t)) return !0;
+      if (typeof e != `object` || !e || typeof t != `object` || !t) return !1;
+      var n = Object.keys(e),
+        r = Object.keys(t);
+      if (n.length !== r.length) return !1;
+      for (r = 0; r < n.length; r++) {
+        var i = n[r];
+        if (!l.call(t, i) || !Or(e[i], t[i])) return !1;
+      }
+      return !0;
+    }
+    function Ar(e) {
+      for (; e && e.firstChild; ) e = e.firstChild;
+      return e;
+    }
+    function jr(e, t) {
+      var n = Ar(e);
+      e = 0;
+      for (var r; n; ) {
+        if (n.nodeType === 3) {
+          if (((r = e + n.textContent.length), e <= t && r >= t)) return { node: n, offset: t - e };
+          e = r;
+        }
+        a: {
+          for (; n; ) {
+            if (n.nextSibling) {
+              n = n.nextSibling;
+              break a;
+            }
+            n = n.parentNode;
+          }
+          n = void 0;
+        }
+        n = Ar(n);
+      }
+    }
+    function Mr(e, t) {
+      return e && t
+        ? e === t
+          ? !0
+          : e && e.nodeType === 3
+            ? !1
+            : t && t.nodeType === 3
+              ? Mr(e, t.parentNode)
+              : `contains` in e
+                ? e.contains(t)
+                : e.compareDocumentPosition
+                  ? !!(e.compareDocumentPosition(t) & 16)
+                  : !1
+        : !1;
+    }
+    function Nr() {
+      for (var e = window, t = me(); t instanceof e.HTMLIFrameElement; ) {
+        try {
+          var n = typeof t.contentWindow.location.href == `string`;
+        } catch {
+          n = !1;
+        }
+        if (n) e = t.contentWindow;
+        else break;
+        t = me(e.document);
+      }
+      return t;
+    }
+    function Pr(e) {
+      var t = e && e.nodeName && e.nodeName.toLowerCase();
+      return (
+        t &&
+        ((t === `input` &&
+          (e.type === `text` ||
+            e.type === `search` ||
+            e.type === `tel` ||
+            e.type === `url` ||
+            e.type === `password`)) ||
+          t === `textarea` ||
+          e.contentEditable === `true`)
+      );
+    }
+    function Fr(e) {
+      var t = Nr(),
+        n = e.focusedElem,
+        r = e.selectionRange;
+      if (t !== n && n && n.ownerDocument && Mr(n.ownerDocument.documentElement, n)) {
+        if (r !== null && Pr(n)) {
+          if (((t = r.start), (e = r.end), e === void 0 && (e = t), `selectionStart` in n))
+            ((n.selectionStart = t), (n.selectionEnd = Math.min(e, n.value.length)));
+          else if (((e = ((t = n.ownerDocument || document) && t.defaultView) || window), e.getSelection)) {
+            e = e.getSelection();
+            var i = n.textContent.length,
+              a = Math.min(r.start, i);
+            ((r = r.end === void 0 ? a : Math.min(r.end, i)),
+              !e.extend && a > r && ((i = r), (r = a), (a = i)),
+              (i = jr(n, a)));
+            var o = jr(n, r);
+            i &&
+              o &&
+              (e.rangeCount !== 1 ||
+                e.anchorNode !== i.node ||
+                e.anchorOffset !== i.offset ||
+                e.focusNode !== o.node ||
+                e.focusOffset !== o.offset) &&
+              ((t = t.createRange()),
+              t.setStart(i.node, i.offset),
+              e.removeAllRanges(),
+              a > r ? (e.addRange(t), e.extend(o.node, o.offset)) : (t.setEnd(o.node, o.offset), e.addRange(t)));
+          }
+        }
+        for (t = [], e = n; (e = e.parentNode); )
+          e.nodeType === 1 && t.push({ element: e, left: e.scrollLeft, top: e.scrollTop });
+        for (typeof n.focus == `function` && n.focus(), n = 0; n < t.length; n++)
+          ((e = t[n]), (e.element.scrollLeft = e.left), (e.element.scrollTop = e.top));
+      }
+    }
+    var U = c && `documentMode` in document && 11 >= document.documentMode,
+      Ir = null,
+      Lr = null,
+      Rr = null,
+      zr = !1;
+    function Br(e, t, n) {
+      var r = n.window === n ? n.document : n.nodeType === 9 ? n : n.ownerDocument;
+      zr ||
+        Ir == null ||
+        Ir !== me(r) ||
+        ((r = Ir),
+        `selectionStart` in r && Pr(r)
+          ? (r = { start: r.selectionStart, end: r.selectionEnd })
+          : ((r = ((r.ownerDocument && r.ownerDocument.defaultView) || window).getSelection()),
+            (r = {
+              anchorNode: r.anchorNode,
+              anchorOffset: r.anchorOffset,
+              focusNode: r.focusNode,
+              focusOffset: r.focusOffset,
+            })),
+        (Rr && kr(Rr, r)) ||
+          ((Rr = r),
+          (r = ui(Lr, `onSelect`)),
+          0 < r.length &&
+            ((t = new An(`onSelect`, `select`, null, t, n)), e.push({ event: t, listeners: r }), (t.target = Ir))));
+    }
+    function Vr(e, t) {
+      var n = {};
+      return ((n[e.toLowerCase()] = t.toLowerCase()), (n[`Webkit` + e] = `webkit` + t), (n[`Moz` + e] = `moz` + t), n);
+    }
+    var Hr = {
+        animationend: Vr(`Animation`, `AnimationEnd`),
+        animationiteration: Vr(`Animation`, `AnimationIteration`),
+        animationstart: Vr(`Animation`, `AnimationStart`),
+        transitionend: Vr(`Transition`, `TransitionEnd`),
+      },
+      Ur = {},
+      Wr = {};
+    c &&
+      ((Wr = document.createElement(`div`).style),
+      `AnimationEvent` in window ||
+        (delete Hr.animationend.animation, delete Hr.animationiteration.animation, delete Hr.animationstart.animation),
+      `TransitionEvent` in window || delete Hr.transitionend.transition);
+    function Gr(e) {
+      if (Ur[e]) return Ur[e];
+      if (!Hr[e]) return e;
+      var t = Hr[e],
+        n;
+      for (n in t) if (t.hasOwnProperty(n) && n in Wr) return (Ur[e] = t[n]);
+      return e;
+    }
+    var Kr = Gr(`animationend`),
+      qr = Gr(`animationiteration`),
+      Jr = Gr(`animationstart`),
+      W = Gr(`transitionend`),
+      Yr = new Map(),
+      Xr =
+        `abort auxClick cancel canPlay canPlayThrough click close contextMenu copy cut drag dragEnd dragEnter dragExit dragLeave dragOver dragStart drop durationChange emptied encrypted ended error gotPointerCapture input invalid keyDown keyPress keyUp load loadedData loadedMetadata loadStart lostPointerCapture mouseDown mouseMove mouseOut mouseOver mouseUp paste pause play playing pointerCancel pointerDown pointerMove pointerOut pointerOver pointerUp progress rateChange reset resize seeked seeking stalled submit suspend timeUpdate touchCancel touchEnd touchStart volumeChange scroll toggle touchMove waiting wheel`.split(
+          ` `,
+        );
+    function Zr(e, t) {
+      (Yr.set(e, t), o(t, [e]));
+    }
+    for (var Qr = 0; Qr < Xr.length; Qr++) {
+      var $r = Xr[Qr];
+      Zr($r.toLowerCase(), `on` + ($r[0].toUpperCase() + $r.slice(1)));
+    }
+    (Zr(Kr, `onAnimationEnd`),
+      Zr(qr, `onAnimationIteration`),
+      Zr(Jr, `onAnimationStart`),
+      Zr(`dblclick`, `onDoubleClick`),
+      Zr(`focusin`, `onFocus`),
+      Zr(`focusout`, `onBlur`),
+      Zr(W, `onTransitionEnd`),
+      s(`onMouseEnter`, [`mouseout`, `mouseover`]),
+      s(`onMouseLeave`, [`mouseout`, `mouseover`]),
+      s(`onPointerEnter`, [`pointerout`, `pointerover`]),
+      s(`onPointerLeave`, [`pointerout`, `pointerover`]),
+      o(`onChange`, `change click focusin focusout input keydown keyup selectionchange`.split(` `)),
+      o(`onSelect`, `focusout contextmenu dragend focusin keydown keyup mousedown mouseup selectionchange`.split(` `)),
+      o(`onBeforeInput`, [`compositionend`, `keypress`, `textInput`, `paste`]),
+      o(`onCompositionEnd`, `compositionend focusout keydown keypress keyup mousedown`.split(` `)),
+      o(`onCompositionStart`, `compositionstart focusout keydown keypress keyup mousedown`.split(` `)),
+      o(`onCompositionUpdate`, `compositionupdate focusout keydown keypress keyup mousedown`.split(` `)));
+    var ei =
+        `abort canplay canplaythrough durationchange emptied encrypted ended error loadeddata loadedmetadata loadstart pause play playing progress ratechange resize seeked seeking stalled suspend timeupdate volumechange waiting`.split(
+          ` `,
+        ),
+      ti = new Set(`cancel close invalid load scroll toggle`.split(` `).concat(ei));
+    function ni(e, t, n) {
+      var r = e.type || `unknown-event`;
+      ((e.currentTarget = n), at(r, t, void 0, e), (e.currentTarget = null));
+    }
+    function ri(e, t) {
+      t = (t & 4) != 0;
+      for (var n = 0; n < e.length; n++) {
+        var r = e[n],
+          i = r.event;
+        r = r.listeners;
+        a: {
+          var a = void 0;
+          if (t)
+            for (var o = r.length - 1; 0 <= o; o--) {
+              var s = r[o],
+                c = s.instance,
+                l = s.currentTarget;
+              if (((s = s.listener), c !== a && i.isPropagationStopped())) break a;
+              (ni(i, s, l), (a = c));
+            }
+          else
+            for (o = 0; o < r.length; o++) {
+              if (
+                ((s = r[o]),
+                (c = s.instance),
+                (l = s.currentTarget),
+                (s = s.listener),
+                c !== a && i.isPropagationStopped())
+              )
+                break a;
+              (ni(i, s, l), (a = c));
+            }
+        }
+      }
+      if (tt) throw ((e = nt), (tt = !1), (nt = null), e);
+    }
+    function G(e, t) {
+      var n = t[Mi];
+      n === void 0 && (n = t[Mi] = new Set());
+      var r = e + `__bubble`;
+      n.has(r) || (si(t, e, 2, !1), n.add(r));
+    }
+    function ii(e, t, n) {
+      var r = 0;
+      (t && (r |= 4), si(n, e, r, t));
+    }
+    var ai = `_reactListening` + Math.random().toString(36).slice(2);
+    function oi(e) {
+      if (!e[ai]) {
+        ((e[ai] = !0),
+          i.forEach(function (t) {
+            t !== `selectionchange` && (ti.has(t) || ii(t, !1, e), ii(t, !0, e));
+          }));
+        var t = e.nodeType === 9 ? e : e.ownerDocument;
+        t === null || t[ai] || ((t[ai] = !0), ii(`selectionchange`, !1, t));
+      }
+    }
+    function si(e, t, n, r) {
+      switch (bn(t)) {
+        case 1:
+          var i = hn;
+          break;
+        case 4:
+          i = gn;
+          break;
+        default:
+          i = _n;
+      }
+      ((n = i.bind(null, t, n, e)),
+        (i = void 0),
+        !Ze || (t !== `touchstart` && t !== `touchmove` && t !== `wheel`) || (i = !0),
+        r
+          ? i === void 0
+            ? e.addEventListener(t, n, !0)
+            : e.addEventListener(t, n, { capture: !0, passive: i })
+          : i === void 0
+            ? e.addEventListener(t, n, !1)
+            : e.addEventListener(t, n, { passive: i }));
+    }
+    function ci(e, t, n, r, i) {
+      var a = r;
+      if (!(t & 1) && !(t & 2) && r !== null)
+        a: for (;;) {
+          if (r === null) return;
+          var o = r.tag;
+          if (o === 3 || o === 4) {
+            var s = r.stateNode.containerInfo;
+            if (s === i || (s.nodeType === 8 && s.parentNode === i)) break;
+            if (o === 4)
+              for (o = r.return; o !== null; ) {
+                var c = o.tag;
+                if (
+                  (c === 3 || c === 4) &&
+                  ((c = o.stateNode.containerInfo), c === i || (c.nodeType === 8 && c.parentNode === i))
+                )
+                  return;
+                o = o.return;
+              }
+            for (; s !== null; ) {
+              if (((o = Fi(s)), o === null)) return;
+              if (((c = o.tag), c === 5 || c === 6)) {
+                r = a = o;
+                continue a;
+              }
+              s = s.parentNode;
+            }
+          }
+          r = r.return;
+        }
+      Ye(function () {
+        var r = a,
+          i = ze(n),
+          o = [];
+        a: {
+          var s = Yr.get(e);
+          if (s !== void 0) {
+            var c = An,
+              l = e;
+            switch (e) {
+              case `keypress`:
+                if (Tn(n) === 0) break a;
+              case `keydown`:
+              case `keyup`:
+                c = qn;
+                break;
+              case `focusin`:
+                ((l = `focus`), (c = zn));
+                break;
+              case `focusout`:
+                ((l = `blur`), (c = zn));
+                break;
+              case `beforeblur`:
+              case `afterblur`:
+                c = zn;
+                break;
+              case `click`:
+                if (n.button === 2) break a;
+              case `auxclick`:
+              case `dblclick`:
+              case `mousedown`:
+              case `mousemove`:
+              case `mouseup`:
+              case `mouseout`:
+              case `mouseover`:
+              case `contextmenu`:
+                c = Ln;
+                break;
+              case `drag`:
+              case `dragend`:
+              case `dragenter`:
+              case `dragexit`:
+              case `dragleave`:
+              case `dragover`:
+              case `dragstart`:
+              case `drop`:
+                c = Rn;
+                break;
+              case `touchcancel`:
+              case `touchend`:
+              case `touchmove`:
+              case `touchstart`:
+                c = Yn;
+                break;
+              case Kr:
+              case qr:
+              case Jr:
+                c = Bn;
+                break;
+              case W:
+                c = Xn;
+                break;
+              case `scroll`:
+                c = Mn;
+                break;
+              case `wheel`:
+                c = Zn;
+                break;
+              case `copy`:
+              case `cut`:
+              case `paste`:
+                c = V;
+                break;
+              case `gotpointercapture`:
+              case `lostpointercapture`:
+              case `pointercancel`:
+              case `pointerdown`:
+              case `pointermove`:
+              case `pointerout`:
+              case `pointerover`:
+              case `pointerup`:
+                c = Jn;
+            }
+            var u = (t & 4) != 0,
+              d = !u && e === `scroll`,
+              f = u ? (s === null ? null : s + `Capture`) : s;
+            u = [];
+            for (var p = r, m; p !== null; ) {
+              m = p;
+              var h = m.stateNode;
+              if (
+                (m.tag === 5 &&
+                  h !== null &&
+                  ((m = h), f !== null && ((h = Xe(p, f)), h != null && u.push(li(p, h, m)))),
+                d)
+              )
+                break;
+              p = p.return;
+            }
+            0 < u.length && ((s = new c(s, l, null, n, i)), o.push({ event: s, listeners: u }));
+          }
+        }
+        if (!(t & 7)) {
+          a: {
+            if (
+              ((s = e === `mouseover` || e === `pointerover`),
+              (c = e === `mouseout` || e === `pointerout`),
+              s && n !== Re && (l = n.relatedTarget || n.fromElement) && (Fi(l) || l[ji]))
+            )
+              break a;
+            if (
+              (c || s) &&
+              ((s = i.window === i ? i : (s = i.ownerDocument) ? s.defaultView || s.parentWindow : window),
+              c
+                ? ((l = n.relatedTarget || n.toElement),
+                  (c = r),
+                  (l = l ? Fi(l) : null),
+                  l !== null && ((d = ot(l)), l !== d || (l.tag !== 5 && l.tag !== 6)) && (l = null))
+                : ((c = null), (l = r)),
+              c !== l)
+            ) {
+              if (
+                ((u = Ln),
+                (h = `onMouseLeave`),
+                (f = `onMouseEnter`),
+                (p = `mouse`),
+                (e === `pointerout` || e === `pointerover`) &&
+                  ((u = Jn), (h = `onPointerLeave`), (f = `onPointerEnter`), (p = `pointer`)),
+                (d = c == null ? s : Ii(c)),
+                (m = l == null ? s : Ii(l)),
+                (s = new u(h, p + `leave`, c, n, i)),
+                (s.target = d),
+                (s.relatedTarget = m),
+                (h = null),
+                Fi(i) === r && ((u = new u(f, p + `enter`, l, n, i)), (u.target = m), (u.relatedTarget = d), (h = u)),
+                (d = h),
+                c && l)
+              )
+                b: {
+                  for (u = c, f = l, p = 0, m = u; m; m = di(m)) p++;
+                  for (m = 0, h = f; h; h = di(h)) m++;
+                  for (; 0 < p - m; ) ((u = di(u)), p--);
+                  for (; 0 < m - p; ) ((f = di(f)), m--);
+                  for (; p--; ) {
+                    if (u === f || (f !== null && u === f.alternate)) break b;
+                    ((u = di(u)), (f = di(f)));
+                  }
+                  u = null;
+                }
+              else u = null;
+              (c !== null && fi(o, s, c, u, !1), l !== null && d !== null && fi(o, d, l, u, !0));
+            }
+          }
+          a: {
+            if (
+              ((s = r ? Ii(r) : window),
+              (c = s.nodeName && s.nodeName.toLowerCase()),
+              c === `select` || (c === `input` && s.type === `file`))
+            )
+              var g = gr;
+            else if (ur(s))
+              if (_r) g = Er;
+              else {
+                g = wr;
+                var _ = Cr;
+              }
+            else
+              (c = s.nodeName) &&
+                c.toLowerCase() === `input` &&
+                (s.type === `checkbox` || s.type === `radio`) &&
+                (g = Tr);
+            if ((g &&= g(e, r))) {
+              dr(o, g, n, i);
+              break a;
+            }
+            (_ && _(e, s, r),
+              e === `focusout` &&
+                (_ = s._wrapperState) &&
+                _.controlled &&
+                s.type === `number` &&
+                ye(s, `number`, s.value));
+          }
+          switch (((_ = r ? Ii(r) : window), e)) {
+            case `focusin`:
+              (ur(_) || _.contentEditable === `true`) && ((Ir = _), (Lr = r), (Rr = null));
+              break;
+            case `focusout`:
+              Rr = Lr = Ir = null;
+              break;
+            case `mousedown`:
+              zr = !0;
+              break;
+            case `contextmenu`:
+            case `mouseup`:
+            case `dragend`:
+              ((zr = !1), Br(o, n, i));
+              break;
+            case `selectionchange`:
+              if (U) break;
+            case `keydown`:
+            case `keyup`:
+              Br(o, n, i);
+          }
+          var v;
+          if ($n)
+            b: {
+              switch (e) {
+                case `compositionstart`:
+                  var y = `onCompositionStart`;
+                  break b;
+                case `compositionend`:
+                  y = `onCompositionEnd`;
+                  break b;
+                case `compositionupdate`:
+                  y = `onCompositionUpdate`;
+                  break b;
+              }
+              y = void 0;
+            }
+          else
+            or
+              ? ir(e, n) && (y = `onCompositionEnd`)
+              : e === `keydown` && n.keyCode === 229 && (y = `onCompositionStart`);
+          (y &&
+            (H &&
+              n.locale !== `ko` &&
+              (or || y !== `onCompositionStart`
+                ? y === `onCompositionEnd` && or && (v = wn())
+                : ((xn = i), (Sn = `value` in xn ? xn.value : xn.textContent), (or = !0))),
+            (_ = ui(r, y)),
+            0 < _.length &&
+              ((y = new Vn(y, e, null, n, i)),
+              o.push({ event: y, listeners: _ }),
+              v ? (y.data = v) : ((v = ar(n)), v !== null && (y.data = v)))),
+            (v = tr ? sr(e, n) : cr(e, n)) &&
+              ((r = ui(r, `onBeforeInput`)),
+              0 < r.length &&
+                ((i = new Vn(`onBeforeInput`, `beforeinput`, null, n, i)),
+                o.push({ event: i, listeners: r }),
+                (i.data = v))));
+        }
+        ri(o, t);
+      });
+    }
+    function li(e, t, n) {
+      return { instance: e, listener: t, currentTarget: n };
+    }
+    function ui(e, t) {
+      for (var n = t + `Capture`, r = []; e !== null; ) {
+        var i = e,
+          a = i.stateNode;
+        (i.tag === 5 &&
+          a !== null &&
+          ((i = a),
+          (a = Xe(e, n)),
+          a != null && r.unshift(li(e, a, i)),
+          (a = Xe(e, t)),
+          a != null && r.push(li(e, a, i))),
+          (e = e.return));
+      }
+      return r;
+    }
+    function di(e) {
+      if (e === null) return null;
+      do e = e.return;
+      while (e && e.tag !== 5);
+      return e || null;
+    }
+    function fi(e, t, n, r, i) {
+      for (var a = t._reactName, o = []; n !== null && n !== r; ) {
+        var s = n,
+          c = s.alternate,
+          l = s.stateNode;
+        if (c !== null && c === r) break;
+        (s.tag === 5 &&
+          l !== null &&
+          ((s = l),
+          i
+            ? ((c = Xe(n, a)), c != null && o.unshift(li(n, c, s)))
+            : i || ((c = Xe(n, a)), c != null && o.push(li(n, c, s)))),
+          (n = n.return));
+      }
+      o.length !== 0 && e.push({ event: t, listeners: o });
+    }
+    var pi = /\r\n?/g,
+      mi = /\u0000|\uFFFD/g;
+    function hi(e) {
+      return (typeof e == `string` ? e : `` + e)
+        .replace(
+          pi,
+          `
+`,
+        )
+        .replace(mi, ``);
+    }
+    function gi(e, t, n) {
+      if (((t = hi(t)), hi(e) !== t && n)) throw Error(r(425));
+    }
+    function _i() {}
+    var vi = null,
+      yi = null;
+    function bi(e, t) {
+      return (
+        e === `textarea` ||
+        e === `noscript` ||
+        typeof t.children == `string` ||
+        typeof t.children == `number` ||
+        (typeof t.dangerouslySetInnerHTML == `object` &&
+          t.dangerouslySetInnerHTML !== null &&
+          t.dangerouslySetInnerHTML.__html != null)
+      );
+    }
+    var xi = typeof setTimeout == `function` ? setTimeout : void 0,
+      Si = typeof clearTimeout == `function` ? clearTimeout : void 0,
+      Ci = typeof Promise == `function` ? Promise : void 0,
+      wi =
+        typeof queueMicrotask == `function`
+          ? queueMicrotask
+          : Ci === void 0
+            ? xi
+            : function (e) {
+                return Ci.resolve(null).then(e).catch(Ti);
+              };
+    function Ti(e) {
+      setTimeout(function () {
+        throw e;
+      });
+    }
+    function Ei(e, t) {
+      var n = t,
+        r = 0;
+      do {
+        var i = n.nextSibling;
+        if ((e.removeChild(n), i && i.nodeType === 8))
+          if (((n = i.data), n === `/$`)) {
+            if (r === 0) {
+              (e.removeChild(i), fn(t));
+              return;
+            }
+            r--;
+          } else (n !== `$` && n !== `$?` && n !== `$!`) || r++;
+        n = i;
+      } while (n);
+      fn(t);
+    }
+    function Di(e) {
+      for (; e != null; e = e.nextSibling) {
+        var t = e.nodeType;
+        if (t === 1 || t === 3) break;
+        if (t === 8) {
+          if (((t = e.data), t === `$` || t === `$!` || t === `$?`)) break;
+          if (t === `/$`) return null;
+        }
+      }
+      return e;
+    }
+    function K(e) {
+      e = e.previousSibling;
+      for (var t = 0; e; ) {
+        if (e.nodeType === 8) {
+          var n = e.data;
+          if (n === `$` || n === `$!` || n === `$?`) {
+            if (t === 0) return e;
+            t--;
+          } else n === `/$` && t++;
+        }
+        e = e.previousSibling;
+      }
+      return null;
+    }
+    var Oi = Math.random().toString(36).slice(2),
+      ki = `__reactFiber$` + Oi,
+      Ai = `__reactProps$` + Oi,
+      ji = `__reactContainer$` + Oi,
+      Mi = `__reactEvents$` + Oi,
+      Ni = `__reactListeners$` + Oi,
+      Pi = `__reactHandles$` + Oi;
+    function Fi(e) {
+      var t = e[ki];
+      if (t) return t;
+      for (var n = e.parentNode; n; ) {
+        if ((t = n[ji] || n[ki])) {
+          if (((n = t.alternate), t.child !== null || (n !== null && n.child !== null)))
+            for (e = K(e); e !== null; ) {
+              if ((n = e[ki])) return n;
+              e = K(e);
+            }
+          return t;
+        }
+        ((e = n), (n = e.parentNode));
+      }
+      return null;
+    }
+    function q(e) {
+      return ((e = e[ki] || e[ji]), !e || (e.tag !== 5 && e.tag !== 6 && e.tag !== 13 && e.tag !== 3) ? null : e);
+    }
+    function Ii(e) {
+      if (e.tag === 5 || e.tag === 6) return e.stateNode;
+      throw Error(r(33));
+    }
+    function J(e) {
+      return e[Ai] || null;
+    }
+    var Li = [],
+      Ri = -1;
+    function zi(e) {
+      return { current: e };
+    }
+    function Bi(e) {
+      0 > Ri || ((e.current = Li[Ri]), (Li[Ri] = null), Ri--);
+    }
+    function Y(e, t) {
+      (Ri++, (Li[Ri] = e.current), (e.current = t));
+    }
+    var Vi = {},
+      Hi = zi(Vi),
+      Ui = zi(!1),
+      Wi = Vi;
+    function Gi(e, t) {
+      var n = e.type.contextTypes;
+      if (!n) return Vi;
+      var r = e.stateNode;
+      if (r && r.__reactInternalMemoizedUnmaskedChildContext === t) return r.__reactInternalMemoizedMaskedChildContext;
+      var i = {},
+        a;
+      for (a in n) i[a] = t[a];
+      return (
+        r &&
+          ((e = e.stateNode),
+          (e.__reactInternalMemoizedUnmaskedChildContext = t),
+          (e.__reactInternalMemoizedMaskedChildContext = i)),
+        i
+      );
+    }
+    function Ki(e) {
+      return ((e = e.childContextTypes), e != null);
+    }
+    function qi() {
+      (Bi(Ui), Bi(Hi));
+    }
+    function Ji(e, t, n) {
+      if (Hi.current !== Vi) throw Error(r(168));
+      (Y(Hi, t), Y(Ui, n));
+    }
+    function Yi(e, t, n) {
+      var i = e.stateNode;
+      if (((t = t.childContextTypes), typeof i.getChildContext != `function`)) return n;
+      for (var a in ((i = i.getChildContext()), i)) if (!(a in t)) throw Error(r(108, ue(e) || `Unknown`, a));
+      return F({}, n, i);
+    }
+    function Xi(e) {
+      return (
+        (e = ((e = e.stateNode) && e.__reactInternalMemoizedMergedChildContext) || Vi),
+        (Wi = Hi.current),
+        Y(Hi, e),
+        Y(Ui, Ui.current),
+        !0
+      );
+    }
+    function Zi(e, t, n) {
+      var i = e.stateNode;
+      if (!i) throw Error(r(169));
+      (n ? ((e = Yi(e, t, Wi)), (i.__reactInternalMemoizedMergedChildContext = e), Bi(Ui), Bi(Hi), Y(Hi, e)) : Bi(Ui),
+        Y(Ui, n));
+    }
+    var Qi = null,
+      $i = !1,
+      ea = !1;
+    function ta(e) {
+      Qi === null ? (Qi = [e]) : Qi.push(e);
+    }
+    function na(e) {
+      (($i = !0), ta(e));
+    }
+    function ra() {
+      if (!ea && Qi !== null) {
+        ea = !0;
+        var e = 0,
+          t = B;
+        try {
+          var n = Qi;
+          for (B = 1; e < n.length; e++) {
+            var r = n[e];
+            do r = r(!0);
+            while (r !== null);
+          }
+          ((Qi = null), ($i = !1));
+        } catch (t) {
+          throw (Qi !== null && (Qi = Qi.slice(e + 1)), ft(vt, ra), t);
+        } finally {
+          ((B = t), (ea = !1));
+        }
+      }
+      return null;
+    }
+    var ia = [],
+      aa = 0,
+      oa = null,
+      sa = 0,
+      ca = [],
+      la = 0,
+      ua = null,
+      da = 1,
+      fa = ``;
+    function pa(e, t) {
+      ((ia[aa++] = sa), (ia[aa++] = oa), (oa = e), (sa = t));
+    }
+    function ma(e, t, n) {
+      ((ca[la++] = da), (ca[la++] = fa), (ca[la++] = ua), (ua = e));
+      var r = da;
+      e = fa;
+      var i = 32 - Et(r) - 1;
+      ((r &= ~(1 << i)), (n += 1));
+      var a = 32 - Et(t) + i;
+      if (30 < a) {
+        var o = i - (i % 5);
+        ((a = (r & ((1 << o) - 1)).toString(32)),
+          (r >>= o),
+          (i -= o),
+          (da = (1 << (32 - Et(t) + i)) | (n << i) | r),
+          (fa = a + e));
+      } else ((da = (1 << a) | (n << i) | r), (fa = e));
+    }
+    function ha(e) {
+      e.return !== null && (pa(e, 1), ma(e, 1, 0));
+    }
+    function ga(e) {
+      for (; e === oa; ) ((oa = ia[--aa]), (ia[aa] = null), (sa = ia[--aa]), (ia[aa] = null));
+      for (; e === ua; )
+        ((ua = ca[--la]), (ca[la] = null), (fa = ca[--la]), (ca[la] = null), (da = ca[--la]), (ca[la] = null));
+    }
+    var _a = null,
+      va = null,
+      ya = !1,
+      ba = null;
+    function xa(e, t) {
+      var n = Kl(5, null, null, 0);
+      ((n.elementType = `DELETED`),
+        (n.stateNode = t),
+        (n.return = e),
+        (t = e.deletions),
+        t === null ? ((e.deletions = [n]), (e.flags |= 16)) : t.push(n));
+    }
+    function Sa(e, t) {
+      switch (e.tag) {
+        case 5:
+          var n = e.type;
+          return (
+            (t = t.nodeType !== 1 || n.toLowerCase() !== t.nodeName.toLowerCase() ? null : t),
+            t === null ? !1 : ((e.stateNode = t), (_a = e), (va = Di(t.firstChild)), !0)
+          );
+        case 6:
+          return (
+            (t = e.pendingProps === `` || t.nodeType !== 3 ? null : t),
+            t === null ? !1 : ((e.stateNode = t), (_a = e), (va = null), !0)
+          );
+        case 13:
+          return (
+            (t = t.nodeType === 8 ? t : null),
+            t === null
+              ? !1
+              : ((n = ua === null ? null : { id: da, overflow: fa }),
+                (e.memoizedState = { dehydrated: t, treeContext: n, retryLane: 1073741824 }),
+                (n = Kl(18, null, null, 0)),
+                (n.stateNode = t),
+                (n.return = e),
+                (e.child = n),
+                (_a = e),
+                (va = null),
+                !0)
+          );
+        default:
+          return !1;
+      }
+    }
+    function Ca(e) {
+      return (e.mode & 1) != 0 && (e.flags & 128) == 0;
+    }
+    function wa(e) {
+      if (ya) {
+        var t = va;
+        if (t) {
+          var n = t;
+          if (!Sa(e, t)) {
+            if (Ca(e)) throw Error(r(418));
+            t = Di(n.nextSibling);
+            var i = _a;
+            t && Sa(e, t) ? xa(i, n) : ((e.flags = (e.flags & -4097) | 2), (ya = !1), (_a = e));
+          }
+        } else {
+          if (Ca(e)) throw Error(r(418));
+          ((e.flags = (e.flags & -4097) | 2), (ya = !1), (_a = e));
+        }
+      }
+    }
+    function Ta(e) {
+      for (e = e.return; e !== null && e.tag !== 5 && e.tag !== 3 && e.tag !== 13; ) e = e.return;
+      _a = e;
+    }
+    function Ea(e) {
+      if (e !== _a) return !1;
+      if (!ya) return (Ta(e), (ya = !0), !1);
+      var t;
+      if (
+        ((t = e.tag !== 3) &&
+          !(t = e.tag !== 5) &&
+          ((t = e.type), (t = t !== `head` && t !== `body` && !bi(e.type, e.memoizedProps))),
+        (t &&= va))
+      ) {
+        if (Ca(e)) throw (X(), Error(r(418)));
+        for (; t; ) (xa(e, t), (t = Di(t.nextSibling)));
+      }
+      if ((Ta(e), e.tag === 13)) {
+        if (((e = e.memoizedState), (e = e === null ? null : e.dehydrated), !e)) throw Error(r(317));
+        a: {
+          for (e = e.nextSibling, t = 0; e; ) {
+            if (e.nodeType === 8) {
+              var n = e.data;
+              if (n === `/$`) {
+                if (t === 0) {
+                  va = Di(e.nextSibling);
+                  break a;
+                }
+                t--;
+              } else (n !== `$` && n !== `$!` && n !== `$?`) || t++;
+            }
+            e = e.nextSibling;
+          }
+          va = null;
+        }
+      } else va = _a ? Di(e.stateNode.nextSibling) : null;
+      return !0;
+    }
+    function X() {
+      for (var e = va; e; ) e = Di(e.nextSibling);
+    }
+    function Da() {
+      ((va = _a = null), (ya = !1));
+    }
+    function Oa(e) {
+      ba === null ? (ba = [e]) : ba.push(e);
+    }
+    var ka = C.ReactCurrentBatchConfig;
+    function Aa(e, t, n) {
+      if (((e = n.ref), e !== null && typeof e != `function` && typeof e != `object`)) {
+        if (n._owner) {
+          if (((n = n._owner), n)) {
+            if (n.tag !== 1) throw Error(r(309));
+            var i = n.stateNode;
+          }
+          if (!i) throw Error(r(147, e));
+          var a = i,
+            o = `` + e;
+          return t !== null && t.ref !== null && typeof t.ref == `function` && t.ref._stringRef === o
+            ? t.ref
+            : ((t = function (e) {
+                var t = a.refs;
+                e === null ? delete t[o] : (t[o] = e);
+              }),
+              (t._stringRef = o),
+              t);
+        }
+        if (typeof e != `string`) throw Error(r(284));
+        if (!n._owner) throw Error(r(290, e));
+      }
+      return e;
+    }
+    function ja(e, t) {
+      throw (
+        (e = Object.prototype.toString.call(t)),
+        Error(r(31, e === `[object Object]` ? `object with keys {` + Object.keys(t).join(`, `) + `}` : e))
+      );
+    }
+    function Ma(e) {
+      var t = e._init;
+      return t(e._payload);
+    }
+    function Na(e) {
+      function t(t, n) {
+        if (e) {
+          var r = t.deletions;
+          r === null ? ((t.deletions = [n]), (t.flags |= 16)) : r.push(n);
+        }
+      }
+      function n(n, r) {
+        if (!e) return null;
+        for (; r !== null; ) (t(n, r), (r = r.sibling));
+        return null;
+      }
+      function i(e, t) {
+        for (e = new Map(); t !== null; ) (t.key === null ? e.set(t.index, t) : e.set(t.key, t), (t = t.sibling));
+        return e;
+      }
+      function a(e, t) {
+        return ((e = Yl(e, t)), (e.index = 0), (e.sibling = null), e);
+      }
+      function o(t, n, r) {
+        return (
+          (t.index = r),
+          e
+            ? ((r = t.alternate), r === null ? ((t.flags |= 2), n) : ((r = r.index), r < n ? ((t.flags |= 2), n) : r))
+            : ((t.flags |= 1048576), n)
+        );
+      }
+      function s(t) {
+        return (e && t.alternate === null && (t.flags |= 2), t);
+      }
+      function c(e, t, n, r) {
+        return t === null || t.tag !== 6
+          ? ((t = $l(n, e.mode, r)), (t.return = e), t)
+          : ((t = a(t, n)), (t.return = e), t);
+      }
+      function l(e, t, n, r) {
+        var i = n.type;
+        return i === E
+          ? d(e, t, n.props.children, r, n.key)
+          : t !== null && (t.elementType === i || (typeof i == `object` && i && i.$$typeof === P && Ma(i) === t.type))
+            ? ((r = a(t, n.props)), (r.ref = Aa(e, t, n)), (r.return = e), r)
+            : ((r = Xl(n.type, n.key, n.props, null, e.mode, r)), (r.ref = Aa(e, t, n)), (r.return = e), r);
+      }
+      function u(e, t, n, r) {
+        return t === null ||
+          t.tag !== 4 ||
+          t.stateNode.containerInfo !== n.containerInfo ||
+          t.stateNode.implementation !== n.implementation
+          ? ((t = eu(n, e.mode, r)), (t.return = e), t)
+          : ((t = a(t, n.children || [])), (t.return = e), t);
+      }
+      function d(e, t, n, r, i) {
+        return t === null || t.tag !== 7
+          ? ((t = Zl(n, e.mode, r, i)), (t.return = e), t)
+          : ((t = a(t, n)), (t.return = e), t);
+      }
+      function f(e, t, n) {
+        if ((typeof t == `string` && t !== ``) || typeof t == `number`)
+          return ((t = $l(`` + t, e.mode, n)), (t.return = e), t);
+        if (typeof t == `object` && t) {
+          switch (t.$$typeof) {
+            case w:
+              return ((n = Xl(t.type, t.key, t.props, null, e.mode, n)), (n.ref = Aa(e, null, t)), (n.return = e), n);
+            case T:
+              return ((t = eu(t, e.mode, n)), (t.return = e), t);
+            case P:
+              var r = t._init;
+              return f(e, r(t._payload), n);
+          }
+          if (be(t) || re(t)) return ((t = Zl(t, e.mode, n, null)), (t.return = e), t);
+          ja(e, t);
+        }
+        return null;
+      }
+      function p(e, t, n, r) {
+        var i = t === null ? null : t.key;
+        if ((typeof n == `string` && n !== ``) || typeof n == `number`) return i === null ? c(e, t, `` + n, r) : null;
+        if (typeof n == `object` && n) {
+          switch (n.$$typeof) {
+            case w:
+              return n.key === i ? l(e, t, n, r) : null;
+            case T:
+              return n.key === i ? u(e, t, n, r) : null;
+            case P:
+              return ((i = n._init), p(e, t, i(n._payload), r));
+          }
+          if (be(n) || re(n)) return i === null ? d(e, t, n, r, null) : null;
+          ja(e, n);
+        }
+        return null;
+      }
+      function m(e, t, n, r, i) {
+        if ((typeof r == `string` && r !== ``) || typeof r == `number`)
+          return ((e = e.get(n) || null), c(t, e, `` + r, i));
+        if (typeof r == `object` && r) {
+          switch (r.$$typeof) {
+            case w:
+              return ((e = e.get(r.key === null ? n : r.key) || null), l(t, e, r, i));
+            case T:
+              return ((e = e.get(r.key === null ? n : r.key) || null), u(t, e, r, i));
+            case P:
+              var a = r._init;
+              return m(e, t, n, a(r._payload), i);
+          }
+          if (be(r) || re(r)) return ((e = e.get(n) || null), d(t, e, r, i, null));
+          ja(t, r);
+        }
+        return null;
+      }
+      function h(r, a, s, c) {
+        for (var l = null, u = null, d = a, h = (a = 0), g = null; d !== null && h < s.length; h++) {
+          d.index > h ? ((g = d), (d = null)) : (g = d.sibling);
+          var _ = p(r, d, s[h], c);
+          if (_ === null) {
+            d === null && (d = g);
+            break;
+          }
+          (e && d && _.alternate === null && t(r, d),
+            (a = o(_, a, h)),
+            u === null ? (l = _) : (u.sibling = _),
+            (u = _),
+            (d = g));
+        }
+        if (h === s.length) return (n(r, d), ya && pa(r, h), l);
+        if (d === null) {
+          for (; h < s.length; h++)
+            ((d = f(r, s[h], c)), d !== null && ((a = o(d, a, h)), u === null ? (l = d) : (u.sibling = d), (u = d)));
+          return (ya && pa(r, h), l);
+        }
+        for (d = i(r, d); h < s.length; h++)
+          ((g = m(d, r, h, s[h], c)),
+            g !== null &&
+              (e && g.alternate !== null && d.delete(g.key === null ? h : g.key),
+              (a = o(g, a, h)),
+              u === null ? (l = g) : (u.sibling = g),
+              (u = g)));
+        return (
+          e &&
+            d.forEach(function (e) {
+              return t(r, e);
+            }),
+          ya && pa(r, h),
+          l
+        );
+      }
+      function g(a, s, c, l) {
+        var u = re(c);
+        if (typeof u != `function`) throw Error(r(150));
+        if (((c = u.call(c)), c == null)) throw Error(r(151));
+        for (var d = (u = null), h = s, g = (s = 0), _ = null, v = c.next(); h !== null && !v.done; g++, v = c.next()) {
+          h.index > g ? ((_ = h), (h = null)) : (_ = h.sibling);
+          var y = p(a, h, v.value, l);
+          if (y === null) {
+            h === null && (h = _);
+            break;
+          }
+          (e && h && y.alternate === null && t(a, h),
+            (s = o(y, s, g)),
+            d === null ? (u = y) : (d.sibling = y),
+            (d = y),
+            (h = _));
+        }
+        if (v.done) return (n(a, h), ya && pa(a, g), u);
+        if (h === null) {
+          for (; !v.done; g++, v = c.next())
+            ((v = f(a, v.value, l)), v !== null && ((s = o(v, s, g)), d === null ? (u = v) : (d.sibling = v), (d = v)));
+          return (ya && pa(a, g), u);
+        }
+        for (h = i(a, h); !v.done; g++, v = c.next())
+          ((v = m(h, a, g, v.value, l)),
+            v !== null &&
+              (e && v.alternate !== null && h.delete(v.key === null ? g : v.key),
+              (s = o(v, s, g)),
+              d === null ? (u = v) : (d.sibling = v),
+              (d = v)));
+        return (
+          e &&
+            h.forEach(function (e) {
+              return t(a, e);
+            }),
+          ya && pa(a, g),
+          u
+        );
+      }
+      function _(e, r, i, o) {
+        if (
+          (typeof i == `object` && i && i.type === E && i.key === null && (i = i.props.children),
+          typeof i == `object` && i)
+        ) {
+          switch (i.$$typeof) {
+            case w:
+              a: {
+                for (var c = i.key, l = r; l !== null; ) {
+                  if (l.key === c) {
+                    if (((c = i.type), c === E)) {
+                      if (l.tag === 7) {
+                        (n(e, l.sibling), (r = a(l, i.props.children)), (r.return = e), (e = r));
+                        break a;
+                      }
+                    } else if (
+                      l.elementType === c ||
+                      (typeof c == `object` && c && c.$$typeof === P && Ma(c) === l.type)
+                    ) {
+                      (n(e, l.sibling), (r = a(l, i.props)), (r.ref = Aa(e, l, i)), (r.return = e), (e = r));
+                      break a;
+                    }
+                    n(e, l);
+                    break;
+                  } else t(e, l);
+                  l = l.sibling;
+                }
+                i.type === E
+                  ? ((r = Zl(i.props.children, e.mode, o, i.key)), (r.return = e), (e = r))
+                  : ((o = Xl(i.type, i.key, i.props, null, e.mode, o)), (o.ref = Aa(e, r, i)), (o.return = e), (e = o));
+              }
+              return s(e);
+            case T:
+              a: {
+                for (l = i.key; r !== null; ) {
+                  if (r.key === l)
+                    if (
+                      r.tag === 4 &&
+                      r.stateNode.containerInfo === i.containerInfo &&
+                      r.stateNode.implementation === i.implementation
+                    ) {
+                      (n(e, r.sibling), (r = a(r, i.children || [])), (r.return = e), (e = r));
+                      break a;
+                    } else {
+                      n(e, r);
+                      break;
+                    }
+                  else t(e, r);
+                  r = r.sibling;
+                }
+                ((r = eu(i, e.mode, o)), (r.return = e), (e = r));
+              }
+              return s(e);
+            case P:
+              return ((l = i._init), _(e, r, l(i._payload), o));
+          }
+          if (be(i)) return h(e, r, i, o);
+          if (re(i)) return g(e, r, i, o);
+          ja(e, i);
+        }
+        return (typeof i == `string` && i !== ``) || typeof i == `number`
+          ? ((i = `` + i),
+            r !== null && r.tag === 6
+              ? (n(e, r.sibling), (r = a(r, i)), (r.return = e), (e = r))
+              : (n(e, r), (r = $l(i, e.mode, o)), (r.return = e), (e = r)),
+            s(e))
+          : n(e, r);
+      }
+      return _;
+    }
+    var Pa = Na(!0),
+      Fa = Na(!1),
+      Ia = zi(null),
+      La = null,
+      Ra = null,
+      za = null;
+    function Ba() {
+      za = Ra = La = null;
+    }
+    function Va(e) {
+      var t = Ia.current;
+      (Bi(Ia), (e._currentValue = t));
+    }
+    function Ha(e, t, n) {
+      for (; e !== null; ) {
+        var r = e.alternate;
+        if (
+          ((e.childLanes & t) === t
+            ? r !== null && (r.childLanes & t) !== t && (r.childLanes |= t)
+            : ((e.childLanes |= t), r !== null && (r.childLanes |= t)),
+          e === n)
+        )
+          break;
+        e = e.return;
+      }
+    }
+    function Ua(e, t) {
+      ((La = e),
+        (za = Ra = null),
+        (e = e.dependencies),
+        e !== null && e.firstContext !== null && ((e.lanes & t) !== 0 && (Ms = !0), (e.firstContext = null)));
+    }
+    function Wa(e) {
+      var t = e._currentValue;
+      if (za !== e)
+        if (((e = { context: e, memoizedValue: t, next: null }), Ra === null)) {
+          if (La === null) throw Error(r(308));
+          ((Ra = e), (La.dependencies = { lanes: 0, firstContext: e }));
+        } else Ra = Ra.next = e;
+      return t;
+    }
+    var Ga = null;
+    function Ka(e) {
+      Ga === null ? (Ga = [e]) : Ga.push(e);
+    }
+    function qa(e, t, n, r) {
+      var i = t.interleaved;
+      return (i === null ? ((n.next = n), Ka(t)) : ((n.next = i.next), (i.next = n)), (t.interleaved = n), Ja(e, r));
+    }
+    function Ja(e, t) {
+      e.lanes |= t;
+      var n = e.alternate;
+      for (n !== null && (n.lanes |= t), n = e, e = e.return; e !== null; )
+        ((e.childLanes |= t), (n = e.alternate), n !== null && (n.childLanes |= t), (n = e), (e = e.return));
+      return n.tag === 3 ? n.stateNode : null;
+    }
+    var Ya = !1;
+    function Xa(e) {
+      e.updateQueue = {
+        baseState: e.memoizedState,
+        firstBaseUpdate: null,
+        lastBaseUpdate: null,
+        shared: { pending: null, interleaved: null, lanes: 0 },
+        effects: null,
+      };
+    }
+    function Za(e, t) {
+      ((e = e.updateQueue),
+        t.updateQueue === e &&
+          (t.updateQueue = {
+            baseState: e.baseState,
+            firstBaseUpdate: e.firstBaseUpdate,
+            lastBaseUpdate: e.lastBaseUpdate,
+            shared: e.shared,
+            effects: e.effects,
+          }));
+    }
+    function Qa(e, t) {
+      return { eventTime: e, lane: t, tag: 0, payload: null, callback: null, next: null };
+    }
+    function $a(e, t, n) {
+      var r = e.updateQueue;
+      if (r === null) return null;
+      if (((r = r.shared), $ & 2)) {
+        var i = r.pending;
+        return (i === null ? (t.next = t) : ((t.next = i.next), (i.next = t)), (r.pending = t), Ja(e, n));
+      }
+      return (
+        (i = r.interleaved),
+        i === null ? ((t.next = t), Ka(r)) : ((t.next = i.next), (i.next = t)),
+        (r.interleaved = t),
+        Ja(e, n)
+      );
+    }
+    function eo(e, t, n) {
+      if (((t = t.updateQueue), t !== null && ((t = t.shared), n & 4194240))) {
+        var r = t.lanes;
+        ((r &= e.pendingLanes), (n |= r), (t.lanes = n), Vt(e, n));
+      }
+    }
+    function to(e, t) {
+      var n = e.updateQueue,
+        r = e.alternate;
+      if (r !== null && ((r = r.updateQueue), n === r)) {
+        var i = null,
+          a = null;
+        if (((n = n.firstBaseUpdate), n !== null)) {
+          do {
+            var o = {
+              eventTime: n.eventTime,
+              lane: n.lane,
+              tag: n.tag,
+              payload: n.payload,
+              callback: n.callback,
+              next: null,
+            };
+            (a === null ? (i = a = o) : (a = a.next = o), (n = n.next));
+          } while (n !== null);
+          a === null ? (i = a = t) : (a = a.next = t);
+        } else i = a = t;
+        ((n = { baseState: r.baseState, firstBaseUpdate: i, lastBaseUpdate: a, shared: r.shared, effects: r.effects }),
+          (e.updateQueue = n));
+        return;
+      }
+      ((e = n.lastBaseUpdate), e === null ? (n.firstBaseUpdate = t) : (e.next = t), (n.lastBaseUpdate = t));
+    }
+    function no(e, t, n, r) {
+      var i = e.updateQueue;
+      Ya = !1;
+      var a = i.firstBaseUpdate,
+        o = i.lastBaseUpdate,
+        s = i.shared.pending;
+      if (s !== null) {
+        i.shared.pending = null;
+        var c = s,
+          l = c.next;
+        ((c.next = null), o === null ? (a = l) : (o.next = l), (o = c));
+        var u = e.alternate;
+        u !== null &&
+          ((u = u.updateQueue),
+          (s = u.lastBaseUpdate),
+          s !== o && (s === null ? (u.firstBaseUpdate = l) : (s.next = l), (u.lastBaseUpdate = c)));
+      }
+      if (a !== null) {
+        var d = i.baseState;
+        ((o = 0), (u = l = c = null), (s = a));
+        do {
+          var f = s.lane,
+            p = s.eventTime;
+          if ((r & f) === f) {
+            u !== null &&
+              (u = u.next =
+                { eventTime: p, lane: 0, tag: s.tag, payload: s.payload, callback: s.callback, next: null });
+            a: {
+              var m = e,
+                h = s;
+              switch (((f = t), (p = n), h.tag)) {
+                case 1:
+                  if (((m = h.payload), typeof m == `function`)) {
+                    d = m.call(p, d, f);
+                    break a;
+                  }
+                  d = m;
+                  break a;
+                case 3:
+                  m.flags = (m.flags & -65537) | 128;
+                case 0:
+                  if (((m = h.payload), (f = typeof m == `function` ? m.call(p, d, f) : m), f == null)) break a;
+                  d = F({}, d, f);
+                  break a;
+                case 2:
+                  Ya = !0;
+              }
+            }
+            s.callback !== null &&
+              s.lane !== 0 &&
+              ((e.flags |= 64), (f = i.effects), f === null ? (i.effects = [s]) : f.push(s));
+          } else
+            ((p = { eventTime: p, lane: f, tag: s.tag, payload: s.payload, callback: s.callback, next: null }),
+              u === null ? ((l = u = p), (c = d)) : (u = u.next = p),
+              (o |= f));
+          if (((s = s.next), s === null)) {
+            if (((s = i.shared.pending), s === null)) break;
+            ((f = s), (s = f.next), (f.next = null), (i.lastBaseUpdate = f), (i.shared.pending = null));
+          }
+        } while (1);
+        if (
+          (u === null && (c = d),
+          (i.baseState = c),
+          (i.firstBaseUpdate = l),
+          (i.lastBaseUpdate = u),
+          (t = i.shared.interleaved),
+          t !== null)
+        ) {
+          i = t;
+          do ((o |= i.lane), (i = i.next));
+          while (i !== t);
+        } else a === null && (i.shared.lanes = 0);
+        ((Jc |= o), (e.lanes = o), (e.memoizedState = d));
+      }
+    }
+    function ro(e, t, n) {
+      if (((e = t.effects), (t.effects = null), e !== null))
+        for (t = 0; t < e.length; t++) {
+          var i = e[t],
+            a = i.callback;
+          if (a !== null) {
+            if (((i.callback = null), (i = n), typeof a != `function`)) throw Error(r(191, a));
+            a.call(i);
+          }
+        }
+    }
+    var io = {},
+      ao = zi(io),
+      oo = zi(io),
+      so = zi(io);
+    function co(e) {
+      if (e === io) throw Error(r(174));
+      return e;
+    }
+    function lo(e, t) {
+      switch ((Y(so, t), Y(oo, e), Y(ao, io), (e = t.nodeType), e)) {
+        case 9:
+        case 11:
+          t = (t = t.documentElement) ? t.namespaceURI : De(null, ``);
+          break;
+        default:
+          ((e = e === 8 ? t.parentNode : t), (t = e.namespaceURI || null), (e = e.tagName), (t = De(t, e)));
+      }
+      (Bi(ao), Y(ao, t));
+    }
+    function uo() {
+      (Bi(ao), Bi(oo), Bi(so));
+    }
+    function fo(e) {
+      co(so.current);
+      var t = co(ao.current),
+        n = De(t, e.type);
+      t !== n && (Y(oo, e), Y(ao, n));
+    }
+    function po(e) {
+      oo.current === e && (Bi(ao), Bi(oo));
+    }
+    var mo = zi(0);
+    function ho(e) {
+      for (var t = e; t !== null; ) {
+        if (t.tag === 13) {
+          var n = t.memoizedState;
+          if (n !== null && ((n = n.dehydrated), n === null || n.data === `$?` || n.data === `$!`)) return t;
+        } else if (t.tag === 19 && t.memoizedProps.revealOrder !== void 0) {
+          if (t.flags & 128) return t;
+        } else if (t.child !== null) {
+          ((t.child.return = t), (t = t.child));
+          continue;
+        }
+        if (t === e) break;
+        for (; t.sibling === null; ) {
+          if (t.return === null || t.return === e) return null;
+          t = t.return;
+        }
+        ((t.sibling.return = t.return), (t = t.sibling));
+      }
+      return null;
+    }
+    var go = [];
+    function _o() {
+      for (var e = 0; e < go.length; e++) go[e]._workInProgressVersionPrimary = null;
+      go.length = 0;
+    }
+    var vo = C.ReactCurrentDispatcher,
+      yo = C.ReactCurrentBatchConfig,
+      bo = 0,
+      xo = null,
+      So = null,
+      Co = null,
+      wo = !1,
+      To = !1,
+      Eo = 0,
+      Do = 0;
+    function Oo() {
+      throw Error(r(321));
+    }
+    function ko(e, t) {
+      if (t === null) return !1;
+      for (var n = 0; n < t.length && n < e.length; n++) if (!Or(e[n], t[n])) return !1;
+      return !0;
+    }
+    function Ao(e, t, n, i, a, o) {
+      if (
+        ((bo = o),
+        (xo = t),
+        (t.memoizedState = null),
+        (t.updateQueue = null),
+        (t.lanes = 0),
+        (vo.current = e === null || e.memoizedState === null ? fs : ps),
+        (e = n(i, a)),
+        To)
+      ) {
+        o = 0;
+        do {
+          if (((To = !1), (Eo = 0), 25 <= o)) throw Error(r(301));
+          ((o += 1), (Co = So = null), (t.updateQueue = null), (vo.current = ms), (e = n(i, a)));
+        } while (To);
+      }
+      if (((vo.current = ds), (t = So !== null && So.next !== null), (bo = 0), (Co = So = xo = null), (wo = !1), t))
+        throw Error(r(300));
+      return e;
+    }
+    function jo() {
+      var e = Eo !== 0;
+      return ((Eo = 0), e);
+    }
+    function Z() {
+      var e = { memoizedState: null, baseState: null, baseQueue: null, queue: null, next: null };
+      return (Co === null ? (xo.memoizedState = Co = e) : (Co = Co.next = e), Co);
+    }
+    function Mo() {
+      if (So === null) {
+        var e = xo.alternate;
+        e = e === null ? null : e.memoizedState;
+      } else e = So.next;
+      var t = Co === null ? xo.memoizedState : Co.next;
+      if (t !== null) ((Co = t), (So = e));
+      else {
+        if (e === null) throw Error(r(310));
+        ((So = e),
+          (e = {
+            memoizedState: So.memoizedState,
+            baseState: So.baseState,
+            baseQueue: So.baseQueue,
+            queue: So.queue,
+            next: null,
+          }),
+          Co === null ? (xo.memoizedState = Co = e) : (Co = Co.next = e));
+      }
+      return Co;
+    }
+    function No(e, t) {
+      return typeof t == `function` ? t(e) : t;
+    }
+    function Po(e) {
+      var t = Mo(),
+        n = t.queue;
+      if (n === null) throw Error(r(311));
+      n.lastRenderedReducer = e;
+      var i = So,
+        a = i.baseQueue,
+        o = n.pending;
+      if (o !== null) {
+        if (a !== null) {
+          var s = a.next;
+          ((a.next = o.next), (o.next = s));
+        }
+        ((i.baseQueue = a = o), (n.pending = null));
+      }
+      if (a !== null) {
+        ((o = a.next), (i = i.baseState));
+        var c = (s = null),
+          l = null,
+          u = o;
+        do {
+          var d = u.lane;
+          if ((bo & d) === d)
+            (l !== null &&
+              (l = l.next =
+                { lane: 0, action: u.action, hasEagerState: u.hasEagerState, eagerState: u.eagerState, next: null }),
+              (i = u.hasEagerState ? u.eagerState : e(i, u.action)));
+          else {
+            var f = { lane: d, action: u.action, hasEagerState: u.hasEagerState, eagerState: u.eagerState, next: null };
+            (l === null ? ((c = l = f), (s = i)) : (l = l.next = f), (xo.lanes |= d), (Jc |= d));
+          }
+          u = u.next;
+        } while (u !== null && u !== o);
+        (l === null ? (s = i) : (l.next = c),
+          Or(i, t.memoizedState) || (Ms = !0),
+          (t.memoizedState = i),
+          (t.baseState = s),
+          (t.baseQueue = l),
+          (n.lastRenderedState = i));
+      }
+      if (((e = n.interleaved), e !== null)) {
+        a = e;
+        do ((o = a.lane), (xo.lanes |= o), (Jc |= o), (a = a.next));
+        while (a !== e);
+      } else a === null && (n.lanes = 0);
+      return [t.memoizedState, n.dispatch];
+    }
+    function Fo(e) {
+      var t = Mo(),
+        n = t.queue;
+      if (n === null) throw Error(r(311));
+      n.lastRenderedReducer = e;
+      var i = n.dispatch,
+        a = n.pending,
+        o = t.memoizedState;
+      if (a !== null) {
+        n.pending = null;
+        var s = (a = a.next);
+        do ((o = e(o, s.action)), (s = s.next));
+        while (s !== a);
+        (Or(o, t.memoizedState) || (Ms = !0),
+          (t.memoizedState = o),
+          t.baseQueue === null && (t.baseState = o),
+          (n.lastRenderedState = o));
+      }
+      return [o, i];
+    }
+    function Io() {}
+    function Lo(e, t) {
+      var n = xo,
+        i = Mo(),
+        a = t(),
+        o = !Or(i.memoizedState, a);
+      if (
+        (o && ((i.memoizedState = a), (Ms = !0)),
+        (i = i.queue),
+        Yo(Bo.bind(null, n, i, e), [e]),
+        i.getSnapshot !== t || o || (Co !== null && Co.memoizedState.tag & 1))
+      ) {
+        if (((n.flags |= 2048), Wo(9, zo.bind(null, n, i, a, t), void 0, null), Vc === null)) throw Error(r(349));
+        bo & 30 || Ro(n, t, a);
+      }
+      return a;
+    }
+    function Ro(e, t, n) {
+      ((e.flags |= 16384),
+        (e = { getSnapshot: t, value: n }),
+        (t = xo.updateQueue),
+        t === null
+          ? ((t = { lastEffect: null, stores: null }), (xo.updateQueue = t), (t.stores = [e]))
+          : ((n = t.stores), n === null ? (t.stores = [e]) : n.push(e)));
+    }
+    function zo(e, t, n, r) {
+      ((t.value = n), (t.getSnapshot = r), Vo(t) && Ho(e));
+    }
+    function Bo(e, t, n) {
+      return n(function () {
+        Vo(t) && Ho(e);
+      });
+    }
+    function Vo(e) {
+      var t = e.getSnapshot;
+      e = e.value;
+      try {
+        var n = t();
+        return !Or(e, n);
+      } catch {
+        return !0;
+      }
+    }
+    function Ho(e) {
+      var t = Ja(e, 1);
+      t !== null && ml(t, e, 1, -1);
+    }
+    function Uo(e) {
+      var t = Z();
+      return (
+        typeof e == `function` && (e = e()),
+        (t.memoizedState = t.baseState = e),
+        (e = {
+          pending: null,
+          interleaved: null,
+          lanes: 0,
+          dispatch: null,
+          lastRenderedReducer: No,
+          lastRenderedState: e,
+        }),
+        (t.queue = e),
+        (e = e.dispatch = ss.bind(null, xo, e)),
+        [t.memoizedState, e]
+      );
+    }
+    function Wo(e, t, n, r) {
+      return (
+        (e = { tag: e, create: t, destroy: n, deps: r, next: null }),
+        (t = xo.updateQueue),
+        t === null
+          ? ((t = { lastEffect: null, stores: null }), (xo.updateQueue = t), (t.lastEffect = e.next = e))
+          : ((n = t.lastEffect),
+            n === null ? (t.lastEffect = e.next = e) : ((r = n.next), (n.next = e), (e.next = r), (t.lastEffect = e))),
+        e
+      );
+    }
+    function Go() {
+      return Mo().memoizedState;
+    }
+    function Ko(e, t, n, r) {
+      var i = Z();
+      ((xo.flags |= e), (i.memoizedState = Wo(1 | t, n, void 0, r === void 0 ? null : r)));
+    }
+    function qo(e, t, n, r) {
+      var i = Mo();
+      r = r === void 0 ? null : r;
+      var a = void 0;
+      if (So !== null) {
+        var o = So.memoizedState;
+        if (((a = o.destroy), r !== null && ko(r, o.deps))) {
+          i.memoizedState = Wo(t, n, a, r);
+          return;
+        }
+      }
+      ((xo.flags |= e), (i.memoizedState = Wo(1 | t, n, a, r)));
+    }
+    function Jo(e, t) {
+      return Ko(8390656, 8, e, t);
+    }
+    function Yo(e, t) {
+      return qo(2048, 8, e, t);
+    }
+    function Xo(e, t) {
+      return qo(4, 2, e, t);
+    }
+    function Zo(e, t) {
+      return qo(4, 4, e, t);
+    }
+    function Qo(e, t) {
+      if (typeof t == `function`)
+        return (
+          (e = e()),
+          t(e),
+          function () {
+            t(null);
+          }
+        );
+      if (t != null)
+        return (
+          (e = e()),
+          (t.current = e),
+          function () {
+            t.current = null;
+          }
+        );
+    }
+    function $o(e, t, n) {
+      return ((n = n == null ? null : n.concat([e])), qo(4, 4, Qo.bind(null, t, e), n));
+    }
+    function es() {}
+    function ts(e, t) {
+      var n = Mo();
+      t = t === void 0 ? null : t;
+      var r = n.memoizedState;
+      return r !== null && t !== null && ko(t, r[1]) ? r[0] : ((n.memoizedState = [e, t]), e);
+    }
+    function ns(e, t) {
+      var n = Mo();
+      t = t === void 0 ? null : t;
+      var r = n.memoizedState;
+      return r !== null && t !== null && ko(t, r[1]) ? r[0] : ((e = e()), (n.memoizedState = [e, t]), e);
+    }
+    function rs(e, t, n) {
+      return bo & 21
+        ? (Or(n, t) || ((n = Lt()), (xo.lanes |= n), (Jc |= n), (e.baseState = !0)), t)
+        : (e.baseState && ((e.baseState = !1), (Ms = !0)), (e.memoizedState = n));
+    }
+    function is(e, t) {
+      var n = B;
+      ((B = n !== 0 && 4 > n ? n : 4), e(!0));
+      var r = yo.transition;
+      yo.transition = {};
+      try {
+        (e(!1), t());
+      } finally {
+        ((B = n), (yo.transition = r));
+      }
+    }
+    function as() {
+      return Mo().memoizedState;
+    }
+    function os(e, t, n) {
+      var r = pl(e);
+      if (((n = { lane: r, action: n, hasEagerState: !1, eagerState: null, next: null }), cs(e))) ls(t, n);
+      else if (((n = qa(e, t, n, r)), n !== null)) {
+        var i = fl();
+        (ml(n, e, r, i), us(n, t, r));
+      }
+    }
+    function ss(e, t, n) {
+      var r = pl(e),
+        i = { lane: r, action: n, hasEagerState: !1, eagerState: null, next: null };
+      if (cs(e)) ls(t, i);
+      else {
+        var a = e.alternate;
+        if (e.lanes === 0 && (a === null || a.lanes === 0) && ((a = t.lastRenderedReducer), a !== null))
+          try {
+            var o = t.lastRenderedState,
+              s = a(o, n);
+            if (((i.hasEagerState = !0), (i.eagerState = s), Or(s, o))) {
+              var c = t.interleaved;
+              (c === null ? ((i.next = i), Ka(t)) : ((i.next = c.next), (c.next = i)), (t.interleaved = i));
+              return;
+            }
+          } catch {}
+        ((n = qa(e, t, i, r)), n !== null && ((i = fl()), ml(n, e, r, i), us(n, t, r)));
+      }
+    }
+    function cs(e) {
+      var t = e.alternate;
+      return e === xo || (t !== null && t === xo);
+    }
+    function ls(e, t) {
+      To = wo = !0;
+      var n = e.pending;
+      (n === null ? (t.next = t) : ((t.next = n.next), (n.next = t)), (e.pending = t));
+    }
+    function us(e, t, n) {
+      if (n & 4194240) {
+        var r = t.lanes;
+        ((r &= e.pendingLanes), (n |= r), (t.lanes = n), Vt(e, n));
+      }
+    }
+    var ds = {
+        readContext: Wa,
+        useCallback: Oo,
+        useContext: Oo,
+        useEffect: Oo,
+        useImperativeHandle: Oo,
+        useInsertionEffect: Oo,
+        useLayoutEffect: Oo,
+        useMemo: Oo,
+        useReducer: Oo,
+        useRef: Oo,
+        useState: Oo,
+        useDebugValue: Oo,
+        useDeferredValue: Oo,
+        useTransition: Oo,
+        useMutableSource: Oo,
+        useSyncExternalStore: Oo,
+        useId: Oo,
+        unstable_isNewReconciler: !1,
+      },
+      fs = {
+        readContext: Wa,
+        useCallback: function (e, t) {
+          return ((Z().memoizedState = [e, t === void 0 ? null : t]), e);
+        },
+        useContext: Wa,
+        useEffect: Jo,
+        useImperativeHandle: function (e, t, n) {
+          return ((n = n == null ? null : n.concat([e])), Ko(4194308, 4, Qo.bind(null, t, e), n));
+        },
+        useLayoutEffect: function (e, t) {
+          return Ko(4194308, 4, e, t);
+        },
+        useInsertionEffect: function (e, t) {
+          return Ko(4, 2, e, t);
+        },
+        useMemo: function (e, t) {
+          var n = Z();
+          return ((t = t === void 0 ? null : t), (e = e()), (n.memoizedState = [e, t]), e);
+        },
+        useReducer: function (e, t, n) {
+          var r = Z();
+          return (
+            (t = n === void 0 ? t : n(t)),
+            (r.memoizedState = r.baseState = t),
+            (e = {
+              pending: null,
+              interleaved: null,
+              lanes: 0,
+              dispatch: null,
+              lastRenderedReducer: e,
+              lastRenderedState: t,
+            }),
+            (r.queue = e),
+            (e = e.dispatch = os.bind(null, xo, e)),
+            [r.memoizedState, e]
+          );
+        },
+        useRef: function (e) {
+          var t = Z();
+          return ((e = { current: e }), (t.memoizedState = e));
+        },
+        useState: Uo,
+        useDebugValue: es,
+        useDeferredValue: function (e) {
+          return (Z().memoizedState = e);
+        },
+        useTransition: function () {
+          var e = Uo(!1),
+            t = e[0];
+          return ((e = is.bind(null, e[1])), (Z().memoizedState = e), [t, e]);
+        },
+        useMutableSource: function () {},
+        useSyncExternalStore: function (e, t, n) {
+          var i = xo,
+            a = Z();
+          if (ya) {
+            if (n === void 0) throw Error(r(407));
+            n = n();
+          } else {
+            if (((n = t()), Vc === null)) throw Error(r(349));
+            bo & 30 || Ro(i, t, n);
+          }
+          a.memoizedState = n;
+          var o = { value: n, getSnapshot: t };
+          return (
+            (a.queue = o),
+            Jo(Bo.bind(null, i, o, e), [e]),
+            (i.flags |= 2048),
+            Wo(9, zo.bind(null, i, o, n, t), void 0, null),
+            n
+          );
+        },
+        useId: function () {
+          var e = Z(),
+            t = Vc.identifierPrefix;
+          if (ya) {
+            var n = fa,
+              r = da;
+            ((n = (r & ~(1 << (32 - Et(r) - 1))).toString(32) + n),
+              (t = `:` + t + `R` + n),
+              (n = Eo++),
+              0 < n && (t += `H` + n.toString(32)),
+              (t += `:`));
+          } else ((n = Do++), (t = `:` + t + `r` + n.toString(32) + `:`));
+          return (e.memoizedState = t);
+        },
+        unstable_isNewReconciler: !1,
+      },
+      ps = {
+        readContext: Wa,
+        useCallback: ts,
+        useContext: Wa,
+        useEffect: Yo,
+        useImperativeHandle: $o,
+        useInsertionEffect: Xo,
+        useLayoutEffect: Zo,
+        useMemo: ns,
+        useReducer: Po,
+        useRef: Go,
+        useState: function () {
+          return Po(No);
+        },
+        useDebugValue: es,
+        useDeferredValue: function (e) {
+          return rs(Mo(), So.memoizedState, e);
+        },
+        useTransition: function () {
+          return [Po(No)[0], Mo().memoizedState];
+        },
+        useMutableSource: Io,
+        useSyncExternalStore: Lo,
+        useId: as,
+        unstable_isNewReconciler: !1,
+      },
+      ms = {
+        readContext: Wa,
+        useCallback: ts,
+        useContext: Wa,
+        useEffect: Yo,
+        useImperativeHandle: $o,
+        useInsertionEffect: Xo,
+        useLayoutEffect: Zo,
+        useMemo: ns,
+        useReducer: Fo,
+        useRef: Go,
+        useState: function () {
+          return Fo(No);
+        },
+        useDebugValue: es,
+        useDeferredValue: function (e) {
+          var t = Mo();
+          return So === null ? (t.memoizedState = e) : rs(t, So.memoizedState, e);
+        },
+        useTransition: function () {
+          return [Fo(No)[0], Mo().memoizedState];
+        },
+        useMutableSource: Io,
+        useSyncExternalStore: Lo,
+        useId: as,
+        unstable_isNewReconciler: !1,
+      };
+    function hs(e, t) {
+      if (e && e.defaultProps) {
+        for (var n in ((t = F({}, t)), (e = e.defaultProps), e)) t[n] === void 0 && (t[n] = e[n]);
+        return t;
+      }
+      return t;
+    }
+    function gs(e, t, n, r) {
+      ((t = e.memoizedState),
+        (n = n(r, t)),
+        (n = n == null ? t : F({}, t, n)),
+        (e.memoizedState = n),
+        e.lanes === 0 && (e.updateQueue.baseState = n));
+    }
+    var _s = {
+      isMounted: function (e) {
+        return (e = e._reactInternals) ? ot(e) === e : !1;
+      },
+      enqueueSetState: function (e, t, n) {
+        e = e._reactInternals;
+        var r = fl(),
+          i = pl(e),
+          a = Qa(r, i);
+        ((a.payload = t),
+          n != null && (a.callback = n),
+          (t = $a(e, a, i)),
+          t !== null && (ml(t, e, i, r), eo(t, e, i)));
+      },
+      enqueueReplaceState: function (e, t, n) {
+        e = e._reactInternals;
+        var r = fl(),
+          i = pl(e),
+          a = Qa(r, i);
+        ((a.tag = 1),
+          (a.payload = t),
+          n != null && (a.callback = n),
+          (t = $a(e, a, i)),
+          t !== null && (ml(t, e, i, r), eo(t, e, i)));
+      },
+      enqueueForceUpdate: function (e, t) {
+        e = e._reactInternals;
+        var n = fl(),
+          r = pl(e),
+          i = Qa(n, r);
+        ((i.tag = 2), t != null && (i.callback = t), (t = $a(e, i, r)), t !== null && (ml(t, e, r, n), eo(t, e, r)));
+      },
+    };
+    function vs(e, t, n, r, i, a, o) {
+      return (
+        (e = e.stateNode),
+        typeof e.shouldComponentUpdate == `function`
+          ? e.shouldComponentUpdate(r, a, o)
+          : t.prototype && t.prototype.isPureReactComponent
+            ? !kr(n, r) || !kr(i, a)
+            : !0
+      );
+    }
+    function ys(e, t, n) {
+      var r = !1,
+        i = Vi,
+        a = t.contextType;
+      return (
+        typeof a == `object` && a
+          ? (a = Wa(a))
+          : ((i = Ki(t) ? Wi : Hi.current), (r = t.contextTypes), (a = (r = r != null) ? Gi(e, i) : Vi)),
+        (t = new t(n, a)),
+        (e.memoizedState = t.state !== null && t.state !== void 0 ? t.state : null),
+        (t.updater = _s),
+        (e.stateNode = t),
+        (t._reactInternals = e),
+        r &&
+          ((e = e.stateNode),
+          (e.__reactInternalMemoizedUnmaskedChildContext = i),
+          (e.__reactInternalMemoizedMaskedChildContext = a)),
+        t
+      );
+    }
+    function bs(e, t, n, r) {
+      ((e = t.state),
+        typeof t.componentWillReceiveProps == `function` && t.componentWillReceiveProps(n, r),
+        typeof t.UNSAFE_componentWillReceiveProps == `function` && t.UNSAFE_componentWillReceiveProps(n, r),
+        t.state !== e && _s.enqueueReplaceState(t, t.state, null));
+    }
+    function xs(e, t, n, r) {
+      var i = e.stateNode;
+      ((i.props = n), (i.state = e.memoizedState), (i.refs = {}), Xa(e));
+      var a = t.contextType;
+      (typeof a == `object` && a ? (i.context = Wa(a)) : ((a = Ki(t) ? Wi : Hi.current), (i.context = Gi(e, a))),
+        (i.state = e.memoizedState),
+        (a = t.getDerivedStateFromProps),
+        typeof a == `function` && (gs(e, t, a, n), (i.state = e.memoizedState)),
+        typeof t.getDerivedStateFromProps == `function` ||
+          typeof i.getSnapshotBeforeUpdate == `function` ||
+          (typeof i.UNSAFE_componentWillMount != `function` && typeof i.componentWillMount != `function`) ||
+          ((t = i.state),
+          typeof i.componentWillMount == `function` && i.componentWillMount(),
+          typeof i.UNSAFE_componentWillMount == `function` && i.UNSAFE_componentWillMount(),
+          t !== i.state && _s.enqueueReplaceState(i, i.state, null),
+          no(e, n, i, r),
+          (i.state = e.memoizedState)),
+        typeof i.componentDidMount == `function` && (e.flags |= 4194308));
+    }
+    function Ss(e, t) {
+      try {
+        var n = ``,
+          r = t;
+        do ((n += ce(r)), (r = r.return));
+        while (r);
+        var i = n;
+      } catch (e) {
+        i =
+          `
+Error generating stack: ` +
+          e.message +
+          `
+` +
+          e.stack;
+      }
+      return { value: e, source: t, stack: i, digest: null };
+    }
+    function Cs(e, t, n) {
+      return { value: e, source: null, stack: n ?? null, digest: t ?? null };
+    }
+    function ws(e, t) {
+      try {
+        console.error(t.value);
+      } catch (e) {
+        setTimeout(function () {
+          throw e;
+        });
+      }
+    }
+    var Ts = typeof WeakMap == `function` ? WeakMap : Map;
+    function Es(e, t, n) {
+      ((n = Qa(-1, n)), (n.tag = 3), (n.payload = { element: null }));
+      var r = t.value;
+      return (
+        (n.callback = function () {
+          (nl || ((nl = !0), (rl = r)), ws(e, t));
+        }),
+        n
+      );
+    }
+    function Ds(e, t, n) {
+      ((n = Qa(-1, n)), (n.tag = 3));
+      var r = e.type.getDerivedStateFromError;
+      if (typeof r == `function`) {
+        var i = t.value;
+        ((n.payload = function () {
+          return r(i);
+        }),
+          (n.callback = function () {
+            ws(e, t);
+          }));
+      }
+      var a = e.stateNode;
+      return (
+        a !== null &&
+          typeof a.componentDidCatch == `function` &&
+          (n.callback = function () {
+            (ws(e, t), typeof r != `function` && (il === null ? (il = new Set([this])) : il.add(this)));
+            var n = t.stack;
+            this.componentDidCatch(t.value, { componentStack: n === null ? `` : n });
+          }),
+        n
+      );
+    }
+    function Os(e, t, n) {
+      var r = e.pingCache;
+      if (r === null) {
+        r = e.pingCache = new Ts();
+        var i = new Set();
+        r.set(t, i);
+      } else ((i = r.get(t)), i === void 0 && ((i = new Set()), r.set(t, i)));
+      i.has(n) || (i.add(n), (e = zl.bind(null, e, t, n)), t.then(e, e));
+    }
+    function ks(e) {
+      do {
+        var t;
+        if (((t = e.tag === 13) && ((t = e.memoizedState), (t = t === null ? !0 : t.dehydrated !== null)), t)) return e;
+        e = e.return;
+      } while (e !== null);
+      return null;
+    }
+    function As(e, t, n, r, i) {
+      return e.mode & 1
+        ? ((e.flags |= 65536), (e.lanes = i), e)
+        : (e === t
+            ? (e.flags |= 65536)
+            : ((e.flags |= 128),
+              (n.flags |= 131072),
+              (n.flags &= -52805),
+              n.tag === 1 && (n.alternate === null ? (n.tag = 17) : ((t = Qa(-1, 1)), (t.tag = 2), $a(n, t, 1))),
+              (n.lanes |= 1)),
+          e);
+    }
+    var js = C.ReactCurrentOwner,
+      Ms = !1;
+    function Ns(e, t, n, r) {
+      t.child = e === null ? Fa(t, null, n, r) : Pa(t, e.child, n, r);
+    }
+    function Ps(e, t, n, r, i) {
+      n = n.render;
+      var a = t.ref;
+      return (
+        Ua(t, i),
+        (r = Ao(e, t, n, r, a, i)),
+        (n = jo()),
+        e !== null && !Ms
+          ? ((t.updateQueue = e.updateQueue), (t.flags &= -2053), (e.lanes &= ~i), ec(e, t, i))
+          : (ya && n && ha(t), (t.flags |= 1), Ns(e, t, r, i), t.child)
+      );
+    }
+    function Fs(e, t, n, r, i) {
+      if (e === null) {
+        var a = n.type;
+        return typeof a == `function` &&
+          !ql(a) &&
+          a.defaultProps === void 0 &&
+          n.compare === null &&
+          n.defaultProps === void 0
+          ? ((t.tag = 15), (t.type = a), Is(e, t, a, r, i))
+          : ((e = Xl(n.type, null, r, t, t.mode, i)), (e.ref = t.ref), (e.return = t), (t.child = e));
+      }
+      if (((a = e.child), (e.lanes & i) === 0)) {
+        var o = a.memoizedProps;
+        if (((n = n.compare), (n = n === null ? kr : n), n(o, r) && e.ref === t.ref)) return ec(e, t, i);
+      }
+      return ((t.flags |= 1), (e = Yl(a, r)), (e.ref = t.ref), (e.return = t), (t.child = e));
+    }
+    function Is(e, t, n, r, i) {
+      if (e !== null) {
+        var a = e.memoizedProps;
+        if (kr(a, r) && e.ref === t.ref)
+          if (((Ms = !1), (t.pendingProps = r = a), (e.lanes & i) !== 0)) e.flags & 131072 && (Ms = !0);
+          else return ((t.lanes = e.lanes), ec(e, t, i));
+      }
+      return zs(e, t, n, r, i);
+    }
+    function Ls(e, t, n) {
+      var r = t.pendingProps,
+        i = r.children,
+        a = e === null ? null : e.memoizedState;
+      if (r.mode === `hidden`)
+        if (!(t.mode & 1))
+          ((t.memoizedState = { baseLanes: 0, cachePool: null, transitions: null }), Y(Gc, Wc), (Wc |= n));
+        else {
+          if (!(n & 1073741824))
+            return (
+              (e = a === null ? n : a.baseLanes | n),
+              (t.lanes = t.childLanes = 1073741824),
+              (t.memoizedState = { baseLanes: e, cachePool: null, transitions: null }),
+              (t.updateQueue = null),
+              Y(Gc, Wc),
+              (Wc |= e),
+              null
+            );
+          ((t.memoizedState = { baseLanes: 0, cachePool: null, transitions: null }),
+            (r = a === null ? n : a.baseLanes),
+            Y(Gc, Wc),
+            (Wc |= r));
+        }
+      else (a === null ? (r = n) : ((r = a.baseLanes | n), (t.memoizedState = null)), Y(Gc, Wc), (Wc |= r));
+      return (Ns(e, t, i, n), t.child);
+    }
+    function Rs(e, t) {
+      var n = t.ref;
+      ((e === null && n !== null) || (e !== null && e.ref !== n)) && ((t.flags |= 512), (t.flags |= 2097152));
+    }
+    function zs(e, t, n, r, i) {
+      var a = Ki(n) ? Wi : Hi.current;
+      return (
+        (a = Gi(t, a)),
+        Ua(t, i),
+        (n = Ao(e, t, n, r, a, i)),
+        (r = jo()),
+        e !== null && !Ms
+          ? ((t.updateQueue = e.updateQueue), (t.flags &= -2053), (e.lanes &= ~i), ec(e, t, i))
+          : (ya && r && ha(t), (t.flags |= 1), Ns(e, t, n, i), t.child)
+      );
+    }
+    function Bs(e, t, n, r, i) {
+      if (Ki(n)) {
+        var a = !0;
+        Xi(t);
+      } else a = !1;
+      if ((Ua(t, i), t.stateNode === null)) ($s(e, t), ys(t, n, r), xs(t, n, r, i), (r = !0));
+      else if (e === null) {
+        var o = t.stateNode,
+          s = t.memoizedProps;
+        o.props = s;
+        var c = o.context,
+          l = n.contextType;
+        typeof l == `object` && l ? (l = Wa(l)) : ((l = Ki(n) ? Wi : Hi.current), (l = Gi(t, l)));
+        var u = n.getDerivedStateFromProps,
+          d = typeof u == `function` || typeof o.getSnapshotBeforeUpdate == `function`;
+        (d ||
+          (typeof o.UNSAFE_componentWillReceiveProps != `function` &&
+            typeof o.componentWillReceiveProps != `function`) ||
+          ((s !== r || c !== l) && bs(t, o, r, l)),
+          (Ya = !1));
+        var f = t.memoizedState;
+        ((o.state = f),
+          no(t, r, o, i),
+          (c = t.memoizedState),
+          s !== r || f !== c || Ui.current || Ya
+            ? (typeof u == `function` && (gs(t, n, u, r), (c = t.memoizedState)),
+              (s = Ya || vs(t, n, s, r, f, c, l))
+                ? (d ||
+                    (typeof o.UNSAFE_componentWillMount != `function` && typeof o.componentWillMount != `function`) ||
+                    (typeof o.componentWillMount == `function` && o.componentWillMount(),
+                    typeof o.UNSAFE_componentWillMount == `function` && o.UNSAFE_componentWillMount()),
+                  typeof o.componentDidMount == `function` && (t.flags |= 4194308))
+                : (typeof o.componentDidMount == `function` && (t.flags |= 4194308),
+                  (t.memoizedProps = r),
+                  (t.memoizedState = c)),
+              (o.props = r),
+              (o.state = c),
+              (o.context = l),
+              (r = s))
+            : (typeof o.componentDidMount == `function` && (t.flags |= 4194308), (r = !1)));
+      } else {
+        ((o = t.stateNode),
+          Za(e, t),
+          (s = t.memoizedProps),
+          (l = t.type === t.elementType ? s : hs(t.type, s)),
+          (o.props = l),
+          (d = t.pendingProps),
+          (f = o.context),
+          (c = n.contextType),
+          typeof c == `object` && c ? (c = Wa(c)) : ((c = Ki(n) ? Wi : Hi.current), (c = Gi(t, c))));
+        var p = n.getDerivedStateFromProps;
+        ((u = typeof p == `function` || typeof o.getSnapshotBeforeUpdate == `function`) ||
+          (typeof o.UNSAFE_componentWillReceiveProps != `function` &&
+            typeof o.componentWillReceiveProps != `function`) ||
+          ((s !== d || f !== c) && bs(t, o, r, c)),
+          (Ya = !1),
+          (f = t.memoizedState),
+          (o.state = f),
+          no(t, r, o, i));
+        var m = t.memoizedState;
+        s !== d || f !== m || Ui.current || Ya
+          ? (typeof p == `function` && (gs(t, n, p, r), (m = t.memoizedState)),
+            (l = Ya || vs(t, n, l, r, f, m, c) || !1)
+              ? (u ||
+                  (typeof o.UNSAFE_componentWillUpdate != `function` && typeof o.componentWillUpdate != `function`) ||
+                  (typeof o.componentWillUpdate == `function` && o.componentWillUpdate(r, m, c),
+                  typeof o.UNSAFE_componentWillUpdate == `function` && o.UNSAFE_componentWillUpdate(r, m, c)),
+                typeof o.componentDidUpdate == `function` && (t.flags |= 4),
+                typeof o.getSnapshotBeforeUpdate == `function` && (t.flags |= 1024))
+              : (typeof o.componentDidUpdate != `function` ||
+                  (s === e.memoizedProps && f === e.memoizedState) ||
+                  (t.flags |= 4),
+                typeof o.getSnapshotBeforeUpdate != `function` ||
+                  (s === e.memoizedProps && f === e.memoizedState) ||
+                  (t.flags |= 1024),
+                (t.memoizedProps = r),
+                (t.memoizedState = m)),
+            (o.props = r),
+            (o.state = m),
+            (o.context = c),
+            (r = l))
+          : (typeof o.componentDidUpdate != `function` ||
+              (s === e.memoizedProps && f === e.memoizedState) ||
+              (t.flags |= 4),
+            typeof o.getSnapshotBeforeUpdate != `function` ||
+              (s === e.memoizedProps && f === e.memoizedState) ||
+              (t.flags |= 1024),
+            (r = !1));
+      }
+      return Vs(e, t, n, r, a, i);
+    }
+    function Vs(e, t, n, r, i, a) {
+      Rs(e, t);
+      var o = (t.flags & 128) != 0;
+      if (!r && !o) return (i && Zi(t, n, !1), ec(e, t, a));
+      ((r = t.stateNode), (js.current = t));
+      var s = o && typeof n.getDerivedStateFromError != `function` ? null : r.render();
+      return (
+        (t.flags |= 1),
+        e !== null && o ? ((t.child = Pa(t, e.child, null, a)), (t.child = Pa(t, null, s, a))) : Ns(e, t, s, a),
+        (t.memoizedState = r.state),
+        i && Zi(t, n, !0),
+        t.child
+      );
+    }
+    function Hs(e) {
+      var t = e.stateNode;
+      (t.pendingContext ? Ji(e, t.pendingContext, t.pendingContext !== t.context) : t.context && Ji(e, t.context, !1),
+        lo(e, t.containerInfo));
+    }
+    function Us(e, t, n, r, i) {
+      return (Da(), Oa(i), (t.flags |= 256), Ns(e, t, n, r), t.child);
+    }
+    var Ws = { dehydrated: null, treeContext: null, retryLane: 0 };
+    function Gs(e) {
+      return { baseLanes: e, cachePool: null, transitions: null };
+    }
+    function Ks(e, t, n) {
+      var r = t.pendingProps,
+        i = mo.current,
+        a = !1,
+        o = (t.flags & 128) != 0,
+        s;
+      if (
+        ((s = o) || (s = e !== null && e.memoizedState === null ? !1 : (i & 2) != 0),
+        s ? ((a = !0), (t.flags &= -129)) : (e === null || e.memoizedState !== null) && (i |= 1),
+        Y(mo, i & 1),
+        e === null)
+      )
+        return (
+          wa(t),
+          (e = t.memoizedState),
+          e !== null && ((e = e.dehydrated), e !== null)
+            ? (t.mode & 1 ? (e.data === `$!` ? (t.lanes = 8) : (t.lanes = 1073741824)) : (t.lanes = 1), null)
+            : ((o = r.children),
+              (e = r.fallback),
+              a
+                ? ((r = t.mode),
+                  (a = t.child),
+                  (o = { mode: `hidden`, children: o }),
+                  !(r & 1) && a !== null ? ((a.childLanes = 0), (a.pendingProps = o)) : (a = Ql(o, r, 0, null)),
+                  (e = Zl(e, r, n, null)),
+                  (a.return = t),
+                  (e.return = t),
+                  (a.sibling = e),
+                  (t.child = a),
+                  (t.child.memoizedState = Gs(n)),
+                  (t.memoizedState = Ws),
+                  e)
+                : qs(t, o))
+        );
+      if (((i = e.memoizedState), i !== null && ((s = i.dehydrated), s !== null))) return Ys(e, t, o, r, s, i, n);
+      if (a) {
+        ((a = r.fallback), (o = t.mode), (i = e.child), (s = i.sibling));
+        var c = { mode: `hidden`, children: r.children };
+        return (
+          !(o & 1) && t.child !== i
+            ? ((r = t.child), (r.childLanes = 0), (r.pendingProps = c), (t.deletions = null))
+            : ((r = Yl(i, c)), (r.subtreeFlags = i.subtreeFlags & 14680064)),
+          s === null ? ((a = Zl(a, o, n, null)), (a.flags |= 2)) : (a = Yl(s, a)),
+          (a.return = t),
+          (r.return = t),
+          (r.sibling = a),
+          (t.child = r),
+          (r = a),
+          (a = t.child),
+          (o = e.child.memoizedState),
+          (o = o === null ? Gs(n) : { baseLanes: o.baseLanes | n, cachePool: null, transitions: o.transitions }),
+          (a.memoizedState = o),
+          (a.childLanes = e.childLanes & ~n),
+          (t.memoizedState = Ws),
+          r
+        );
+      }
+      return (
+        (a = e.child),
+        (e = a.sibling),
+        (r = Yl(a, { mode: `visible`, children: r.children })),
+        !(t.mode & 1) && (r.lanes = n),
+        (r.return = t),
+        (r.sibling = null),
+        e !== null && ((n = t.deletions), n === null ? ((t.deletions = [e]), (t.flags |= 16)) : n.push(e)),
+        (t.child = r),
+        (t.memoizedState = null),
+        r
+      );
+    }
+    function qs(e, t) {
+      return ((t = Ql({ mode: `visible`, children: t }, e.mode, 0, null)), (t.return = e), (e.child = t));
+    }
+    function Js(e, t, n, r) {
+      return (
+        r !== null && Oa(r),
+        Pa(t, e.child, null, n),
+        (e = qs(t, t.pendingProps.children)),
+        (e.flags |= 2),
+        (t.memoizedState = null),
+        e
+      );
+    }
+    function Ys(e, t, n, i, a, o, s) {
+      if (n)
+        return t.flags & 256
+          ? ((t.flags &= -257), (i = Cs(Error(r(422)))), Js(e, t, s, i))
+          : t.memoizedState === null
+            ? ((o = i.fallback),
+              (a = t.mode),
+              (i = Ql({ mode: `visible`, children: i.children }, a, 0, null)),
+              (o = Zl(o, a, s, null)),
+              (o.flags |= 2),
+              (i.return = t),
+              (o.return = t),
+              (i.sibling = o),
+              (t.child = i),
+              t.mode & 1 && Pa(t, e.child, null, s),
+              (t.child.memoizedState = Gs(s)),
+              (t.memoizedState = Ws),
+              o)
+            : ((t.child = e.child), (t.flags |= 128), null);
+      if (!(t.mode & 1)) return Js(e, t, s, null);
+      if (a.data === `$!`) {
+        if (((i = a.nextSibling && a.nextSibling.dataset), i)) var c = i.dgst;
+        return ((i = c), (o = Error(r(419))), (i = Cs(o, i, void 0)), Js(e, t, s, i));
+      }
+      if (((c = (s & e.childLanes) !== 0), Ms || c)) {
+        if (((i = Vc), i !== null)) {
+          switch (s & -s) {
+            case 4:
+              a = 2;
+              break;
+            case 16:
+              a = 8;
+              break;
+            case 64:
+            case 128:
+            case 256:
+            case 512:
+            case 1024:
+            case 2048:
+            case 4096:
+            case 8192:
+            case 16384:
+            case 32768:
+            case 65536:
+            case 131072:
+            case 262144:
+            case 524288:
+            case 1048576:
+            case 2097152:
+            case 4194304:
+            case 8388608:
+            case 16777216:
+            case 33554432:
+            case 67108864:
+              a = 32;
+              break;
+            case 536870912:
+              a = 268435456;
+              break;
+            default:
+              a = 0;
+          }
+          ((a = (a & (i.suspendedLanes | s)) === 0 ? a : 0),
+            a !== 0 && a !== o.retryLane && ((o.retryLane = a), Ja(e, a), ml(i, e, a, -1)));
+        }
+        return (Ol(), (i = Cs(Error(r(421)))), Js(e, t, s, i));
+      }
+      return a.data === `$?`
+        ? ((t.flags |= 128), (t.child = e.child), (t = Vl.bind(null, e)), (a._reactRetry = t), null)
+        : ((e = o.treeContext),
+          (va = Di(a.nextSibling)),
+          (_a = t),
+          (ya = !0),
+          (ba = null),
+          e !== null && ((ca[la++] = da), (ca[la++] = fa), (ca[la++] = ua), (da = e.id), (fa = e.overflow), (ua = t)),
+          (t = qs(t, i.children)),
+          (t.flags |= 4096),
+          t);
+    }
+    function Xs(e, t, n) {
+      e.lanes |= t;
+      var r = e.alternate;
+      (r !== null && (r.lanes |= t), Ha(e.return, t, n));
+    }
+    function Zs(e, t, n, r, i) {
+      var a = e.memoizedState;
+      a === null
+        ? (e.memoizedState = { isBackwards: t, rendering: null, renderingStartTime: 0, last: r, tail: n, tailMode: i })
+        : ((a.isBackwards = t),
+          (a.rendering = null),
+          (a.renderingStartTime = 0),
+          (a.last = r),
+          (a.tail = n),
+          (a.tailMode = i));
+    }
+    function Qs(e, t, n) {
+      var r = t.pendingProps,
+        i = r.revealOrder,
+        a = r.tail;
+      if ((Ns(e, t, r.children, n), (r = mo.current), r & 2)) ((r = (r & 1) | 2), (t.flags |= 128));
+      else {
+        if (e !== null && e.flags & 128)
+          a: for (e = t.child; e !== null; ) {
+            if (e.tag === 13) e.memoizedState !== null && Xs(e, n, t);
+            else if (e.tag === 19) Xs(e, n, t);
+            else if (e.child !== null) {
+              ((e.child.return = e), (e = e.child));
+              continue;
+            }
+            if (e === t) break a;
+            for (; e.sibling === null; ) {
+              if (e.return === null || e.return === t) break a;
+              e = e.return;
+            }
+            ((e.sibling.return = e.return), (e = e.sibling));
+          }
+        r &= 1;
+      }
+      if ((Y(mo, r), !(t.mode & 1))) t.memoizedState = null;
+      else
+        switch (i) {
+          case `forwards`:
+            for (n = t.child, i = null; n !== null; )
+              ((e = n.alternate), e !== null && ho(e) === null && (i = n), (n = n.sibling));
+            ((n = i),
+              n === null ? ((i = t.child), (t.child = null)) : ((i = n.sibling), (n.sibling = null)),
+              Zs(t, !1, i, n, a));
+            break;
+          case `backwards`:
+            for (n = null, i = t.child, t.child = null; i !== null; ) {
+              if (((e = i.alternate), e !== null && ho(e) === null)) {
+                t.child = i;
+                break;
+              }
+              ((e = i.sibling), (i.sibling = n), (n = i), (i = e));
+            }
+            Zs(t, !0, n, null, a);
+            break;
+          case `together`:
+            Zs(t, !1, null, null, void 0);
+            break;
+          default:
+            t.memoizedState = null;
+        }
+      return t.child;
+    }
+    function $s(e, t) {
+      !(t.mode & 1) && e !== null && ((e.alternate = null), (t.alternate = null), (t.flags |= 2));
+    }
+    function ec(e, t, n) {
+      if ((e !== null && (t.dependencies = e.dependencies), (Jc |= t.lanes), (n & t.childLanes) === 0)) return null;
+      if (e !== null && t.child !== e.child) throw Error(r(153));
+      if (t.child !== null) {
+        for (e = t.child, n = Yl(e, e.pendingProps), t.child = n, n.return = t; e.sibling !== null; )
+          ((e = e.sibling), (n = n.sibling = Yl(e, e.pendingProps)), (n.return = t));
+        n.sibling = null;
+      }
+      return t.child;
+    }
+    function tc(e, t, n) {
+      switch (t.tag) {
+        case 3:
+          (Hs(t), Da());
+          break;
+        case 5:
+          fo(t);
+          break;
+        case 1:
+          Ki(t.type) && Xi(t);
+          break;
+        case 4:
+          lo(t, t.stateNode.containerInfo);
+          break;
+        case 10:
+          var r = t.type._context,
+            i = t.memoizedProps.value;
+          (Y(Ia, r._currentValue), (r._currentValue = i));
+          break;
+        case 13:
+          if (((r = t.memoizedState), r !== null))
+            return r.dehydrated === null
+              ? (n & t.child.childLanes) === 0
+                ? (Y(mo, mo.current & 1), (e = ec(e, t, n)), e === null ? null : e.sibling)
+                : Ks(e, t, n)
+              : (Y(mo, mo.current & 1), (t.flags |= 128), null);
+          Y(mo, mo.current & 1);
+          break;
+        case 19:
+          if (((r = (n & t.childLanes) !== 0), e.flags & 128)) {
+            if (r) return Qs(e, t, n);
+            t.flags |= 128;
+          }
+          if (
+            ((i = t.memoizedState),
+            i !== null && ((i.rendering = null), (i.tail = null), (i.lastEffect = null)),
+            Y(mo, mo.current),
+            r)
+          )
+            break;
+          return null;
+        case 22:
+        case 23:
+          return ((t.lanes = 0), Ls(e, t, n));
+      }
+      return ec(e, t, n);
+    }
+    var nc = function (e, t) {
+        for (var n = t.child; n !== null; ) {
+          if (n.tag === 5 || n.tag === 6) e.appendChild(n.stateNode);
+          else if (n.tag !== 4 && n.child !== null) {
+            ((n.child.return = n), (n = n.child));
+            continue;
+          }
+          if (n === t) break;
+          for (; n.sibling === null; ) {
+            if (n.return === null || n.return === t) return;
+            n = n.return;
+          }
+          ((n.sibling.return = n.return), (n = n.sibling));
+        }
+      },
+      rc = function (e, t, n, r) {
+        var i = e.memoizedProps;
+        if (i !== r) {
+          ((e = t.stateNode), co(ao.current));
+          var o = null;
+          switch (n) {
+            case `input`:
+              ((i = he(e, i)), (r = he(e, r)), (o = []));
+              break;
+            case `select`:
+              ((i = F({}, i, { value: void 0 })), (r = F({}, r, { value: void 0 })), (o = []));
+              break;
+            case `textarea`:
+              ((i = Se(e, i)), (r = Se(e, r)), (o = []));
+              break;
+            default:
+              typeof i.onClick != `function` && typeof r.onClick == `function` && (e.onclick = _i);
+          }
+          Ie(n, r);
+          var s;
+          for (u in ((n = null), i))
+            if (!r.hasOwnProperty(u) && i.hasOwnProperty(u) && i[u] != null)
+              if (u === `style`) {
+                var c = i[u];
+                for (s in c) c.hasOwnProperty(s) && ((n ||= {}), (n[s] = ``));
+              } else
+                u !== `dangerouslySetInnerHTML` &&
+                  u !== `children` &&
+                  u !== `suppressContentEditableWarning` &&
+                  u !== `suppressHydrationWarning` &&
+                  u !== `autoFocus` &&
+                  (a.hasOwnProperty(u) ? (o ||= []) : (o ||= []).push(u, null));
+          for (u in r) {
+            var l = r[u];
+            if (((c = i?.[u]), r.hasOwnProperty(u) && l !== c && (l != null || c != null)))
+              if (u === `style`)
+                if (c) {
+                  for (s in c) !c.hasOwnProperty(s) || (l && l.hasOwnProperty(s)) || ((n ||= {}), (n[s] = ``));
+                  for (s in l) l.hasOwnProperty(s) && c[s] !== l[s] && ((n ||= {}), (n[s] = l[s]));
+                } else (n || ((o ||= []), o.push(u, n)), (n = l));
+              else
+                u === `dangerouslySetInnerHTML`
+                  ? ((l = l ? l.__html : void 0),
+                    (c = c ? c.__html : void 0),
+                    l != null && c !== l && (o ||= []).push(u, l))
+                  : u === `children`
+                    ? (typeof l != `string` && typeof l != `number`) || (o ||= []).push(u, `` + l)
+                    : u !== `suppressContentEditableWarning` &&
+                      u !== `suppressHydrationWarning` &&
+                      (a.hasOwnProperty(u)
+                        ? (l != null && u === `onScroll` && G(`scroll`, e), o || c === l || (o = []))
+                        : (o ||= []).push(u, l));
+          }
+          n && (o ||= []).push(`style`, n);
+          var u = o;
+          (t.updateQueue = u) && (t.flags |= 4);
+        }
+      },
+      ic = function (e, t, n, r) {
+        n !== r && (t.flags |= 4);
+      };
+    function ac(e, t) {
+      if (!ya)
+        switch (e.tailMode) {
+          case `hidden`:
+            t = e.tail;
+            for (var n = null; t !== null; ) (t.alternate !== null && (n = t), (t = t.sibling));
+            n === null ? (e.tail = null) : (n.sibling = null);
+            break;
+          case `collapsed`:
+            n = e.tail;
+            for (var r = null; n !== null; ) (n.alternate !== null && (r = n), (n = n.sibling));
+            r === null ? (t || e.tail === null ? (e.tail = null) : (e.tail.sibling = null)) : (r.sibling = null);
+        }
+    }
+    function oc(e) {
+      var t = e.alternate !== null && e.alternate.child === e.child,
+        n = 0,
+        r = 0;
+      if (t)
+        for (var i = e.child; i !== null; )
+          ((n |= i.lanes | i.childLanes),
+            (r |= i.subtreeFlags & 14680064),
+            (r |= i.flags & 14680064),
+            (i.return = e),
+            (i = i.sibling));
+      else
+        for (i = e.child; i !== null; )
+          ((n |= i.lanes | i.childLanes), (r |= i.subtreeFlags), (r |= i.flags), (i.return = e), (i = i.sibling));
+      return ((e.subtreeFlags |= r), (e.childLanes = n), t);
+    }
+    function sc(e, t, n) {
+      var i = t.pendingProps;
+      switch ((ga(t), t.tag)) {
+        case 2:
+        case 16:
+        case 15:
+        case 0:
+        case 11:
+        case 7:
+        case 8:
+        case 12:
+        case 9:
+        case 14:
+          return (oc(t), null);
+        case 1:
+          return (Ki(t.type) && qi(), oc(t), null);
+        case 3:
+          return (
+            (i = t.stateNode),
+            uo(),
+            Bi(Ui),
+            Bi(Hi),
+            _o(),
+            i.pendingContext && ((i.context = i.pendingContext), (i.pendingContext = null)),
+            (e === null || e.child === null) &&
+              (Ea(t)
+                ? (t.flags |= 4)
+                : e === null ||
+                  (e.memoizedState.isDehydrated && !(t.flags & 256)) ||
+                  ((t.flags |= 1024), ba !== null && (vl(ba), (ba = null)))),
+            oc(t),
+            null
+          );
+        case 5:
+          po(t);
+          var o = co(so.current);
+          if (((n = t.type), e !== null && t.stateNode != null))
+            (rc(e, t, n, i, o), e.ref !== t.ref && ((t.flags |= 512), (t.flags |= 2097152)));
+          else {
+            if (!i) {
+              if (t.stateNode === null) throw Error(r(166));
+              return (oc(t), null);
+            }
+            if (((e = co(ao.current)), Ea(t))) {
+              ((i = t.stateNode), (n = t.type));
+              var s = t.memoizedProps;
+              switch (((i[ki] = t), (i[Ai] = s), (e = (t.mode & 1) != 0), n)) {
+                case `dialog`:
+                  (G(`cancel`, i), G(`close`, i));
+                  break;
+                case `iframe`:
+                case `object`:
+                case `embed`:
+                  G(`load`, i);
+                  break;
+                case `video`:
+                case `audio`:
+                  for (o = 0; o < ei.length; o++) G(ei[o], i);
+                  break;
+                case `source`:
+                  G(`error`, i);
+                  break;
+                case `img`:
+                case `image`:
+                case `link`:
+                  (G(`error`, i), G(`load`, i));
+                  break;
+                case `details`:
+                  G(`toggle`, i);
+                  break;
+                case `input`:
+                  (R(i, s), G(`invalid`, i));
+                  break;
+                case `select`:
+                  ((i._wrapperState = { wasMultiple: !!s.multiple }), G(`invalid`, i));
+                  break;
+                case `textarea`:
+                  (Ce(i, s), G(`invalid`, i));
+              }
+              for (var c in (Ie(n, s), (o = null), s))
+                if (s.hasOwnProperty(c)) {
+                  var l = s[c];
+                  c === `children`
+                    ? typeof l == `string`
+                      ? i.textContent !== l &&
+                        (!0 !== s.suppressHydrationWarning && gi(i.textContent, l, e), (o = [`children`, l]))
+                      : typeof l == `number` &&
+                        i.textContent !== `` + l &&
+                        (!0 !== s.suppressHydrationWarning && gi(i.textContent, l, e), (o = [`children`, `` + l]))
+                    : a.hasOwnProperty(c) && l != null && c === `onScroll` && G(`scroll`, i);
+                }
+              switch (n) {
+                case `input`:
+                  (L(i), ve(i, s, !0));
+                  break;
+                case `textarea`:
+                  (L(i), Te(i));
+                  break;
+                case `select`:
+                case `option`:
+                  break;
+                default:
+                  typeof s.onClick == `function` && (i.onclick = _i);
+              }
+              ((i = o), (t.updateQueue = i), i !== null && (t.flags |= 4));
+            } else {
+              ((c = o.nodeType === 9 ? o : o.ownerDocument),
+                e === `http://www.w3.org/1999/xhtml` && (e = Ee(n)),
+                e === `http://www.w3.org/1999/xhtml`
+                  ? n === `script`
+                    ? ((e = c.createElement(`div`)),
+                      (e.innerHTML = `<script><\/script>`),
+                      (e = e.removeChild(e.firstChild)))
+                    : typeof i.is == `string`
+                      ? (e = c.createElement(n, { is: i.is }))
+                      : ((e = c.createElement(n)),
+                        n === `select` && ((c = e), i.multiple ? (c.multiple = !0) : i.size && (c.size = i.size)))
+                  : (e = c.createElementNS(e, n)),
+                (e[ki] = t),
+                (e[Ai] = i),
+                nc(e, t, !1, !1),
+                (t.stateNode = e));
+              a: {
+                switch (((c = Le(n, i)), n)) {
+                  case `dialog`:
+                    (G(`cancel`, e), G(`close`, e), (o = i));
+                    break;
+                  case `iframe`:
+                  case `object`:
+                  case `embed`:
+                    (G(`load`, e), (o = i));
+                    break;
+                  case `video`:
+                  case `audio`:
+                    for (o = 0; o < ei.length; o++) G(ei[o], e);
+                    o = i;
+                    break;
+                  case `source`:
+                    (G(`error`, e), (o = i));
+                    break;
+                  case `img`:
+                  case `image`:
+                  case `link`:
+                    (G(`error`, e), G(`load`, e), (o = i));
+                    break;
+                  case `details`:
+                    (G(`toggle`, e), (o = i));
+                    break;
+                  case `input`:
+                    (R(e, i), (o = he(e, i)), G(`invalid`, e));
+                    break;
+                  case `option`:
+                    o = i;
+                    break;
+                  case `select`:
+                    ((e._wrapperState = { wasMultiple: !!i.multiple }),
+                      (o = F({}, i, { value: void 0 })),
+                      G(`invalid`, e));
+                    break;
+                  case `textarea`:
+                    (Ce(e, i), (o = Se(e, i)), G(`invalid`, e));
+                    break;
+                  default:
+                    o = i;
+                }
+                for (s in (Ie(n, o), (l = o), l))
+                  if (l.hasOwnProperty(s)) {
+                    var u = l[s];
+                    s === `style`
+                      ? Pe(e, u)
+                      : s === `dangerouslySetInnerHTML`
+                        ? ((u = u ? u.__html : void 0), u != null && ke(e, u))
+                        : s === `children`
+                          ? typeof u == `string`
+                            ? (n !== `textarea` || u !== ``) && Ae(e, u)
+                            : typeof u == `number` && Ae(e, `` + u)
+                          : s !== `suppressContentEditableWarning` &&
+                            s !== `suppressHydrationWarning` &&
+                            s !== `autoFocus` &&
+                            (a.hasOwnProperty(s)
+                              ? u != null && s === `onScroll` && G(`scroll`, e)
+                              : u != null && S(e, s, u, c));
+                  }
+                switch (n) {
+                  case `input`:
+                    (L(e), ve(e, i, !1));
+                    break;
+                  case `textarea`:
+                    (L(e), Te(e));
+                    break;
+                  case `option`:
+                    i.value != null && e.setAttribute(`value`, `` + I(i.value));
+                    break;
+                  case `select`:
+                    ((e.multiple = !!i.multiple),
+                      (s = i.value),
+                      s == null
+                        ? i.defaultValue != null && xe(e, !!i.multiple, i.defaultValue, !0)
+                        : xe(e, !!i.multiple, s, !1));
+                    break;
+                  default:
+                    typeof o.onClick == `function` && (e.onclick = _i);
+                }
+                switch (n) {
+                  case `button`:
+                  case `input`:
+                  case `select`:
+                  case `textarea`:
+                    i = !!i.autoFocus;
+                    break a;
+                  case `img`:
+                    i = !0;
+                    break a;
+                  default:
+                    i = !1;
+                }
+              }
+              i && (t.flags |= 4);
+            }
+            t.ref !== null && ((t.flags |= 512), (t.flags |= 2097152));
+          }
+          return (oc(t), null);
+        case 6:
+          if (e && t.stateNode != null) ic(e, t, e.memoizedProps, i);
+          else {
+            if (typeof i != `string` && t.stateNode === null) throw Error(r(166));
+            if (((n = co(so.current)), co(ao.current), Ea(t))) {
+              if (
+                ((i = t.stateNode),
+                (n = t.memoizedProps),
+                (i[ki] = t),
+                (s = i.nodeValue !== n) && ((e = _a), e !== null))
+              )
+                switch (e.tag) {
+                  case 3:
+                    gi(i.nodeValue, n, (e.mode & 1) != 0);
+                    break;
+                  case 5:
+                    !0 !== e.memoizedProps.suppressHydrationWarning && gi(i.nodeValue, n, (e.mode & 1) != 0);
+                }
+              s && (t.flags |= 4);
+            } else ((i = (n.nodeType === 9 ? n : n.ownerDocument).createTextNode(i)), (i[ki] = t), (t.stateNode = i));
+          }
+          return (oc(t), null);
+        case 13:
+          if (
+            (Bi(mo),
+            (i = t.memoizedState),
+            e === null || (e.memoizedState !== null && e.memoizedState.dehydrated !== null))
+          ) {
+            if (ya && va !== null && t.mode & 1 && !(t.flags & 128)) (X(), Da(), (t.flags |= 98560), (s = !1));
+            else if (((s = Ea(t)), i !== null && i.dehydrated !== null)) {
+              if (e === null) {
+                if (!s) throw Error(r(318));
+                if (((s = t.memoizedState), (s = s === null ? null : s.dehydrated), !s)) throw Error(r(317));
+                s[ki] = t;
+              } else (Da(), !(t.flags & 128) && (t.memoizedState = null), (t.flags |= 4));
+              (oc(t), (s = !1));
+            } else (ba !== null && (vl(ba), (ba = null)), (s = !0));
+            if (!s) return t.flags & 65536 ? t : null;
+          }
+          return t.flags & 128
+            ? ((t.lanes = n), t)
+            : ((i = i !== null),
+              i !== (e !== null && e.memoizedState !== null) &&
+                i &&
+                ((t.child.flags |= 8192), t.mode & 1 && (e === null || mo.current & 1 ? Kc === 0 && (Kc = 3) : Ol())),
+              t.updateQueue !== null && (t.flags |= 4),
+              oc(t),
+              null);
+        case 4:
+          return (uo(), e === null && oi(t.stateNode.containerInfo), oc(t), null);
+        case 10:
+          return (Va(t.type._context), oc(t), null);
+        case 17:
+          return (Ki(t.type) && qi(), oc(t), null);
+        case 19:
+          if ((Bi(mo), (s = t.memoizedState), s === null)) return (oc(t), null);
+          if (((i = (t.flags & 128) != 0), (c = s.rendering), c === null))
+            if (i) ac(s, !1);
+            else {
+              if (Kc !== 0 || (e !== null && e.flags & 128))
+                for (e = t.child; e !== null; ) {
+                  if (((c = ho(e)), c !== null)) {
+                    for (
+                      t.flags |= 128,
+                        ac(s, !1),
+                        i = c.updateQueue,
+                        i !== null && ((t.updateQueue = i), (t.flags |= 4)),
+                        t.subtreeFlags = 0,
+                        i = n,
+                        n = t.child;
+                      n !== null;
+                    )
+                      ((s = n),
+                        (e = i),
+                        (s.flags &= 14680066),
+                        (c = s.alternate),
+                        c === null
+                          ? ((s.childLanes = 0),
+                            (s.lanes = e),
+                            (s.child = null),
+                            (s.subtreeFlags = 0),
+                            (s.memoizedProps = null),
+                            (s.memoizedState = null),
+                            (s.updateQueue = null),
+                            (s.dependencies = null),
+                            (s.stateNode = null))
+                          : ((s.childLanes = c.childLanes),
+                            (s.lanes = c.lanes),
+                            (s.child = c.child),
+                            (s.subtreeFlags = 0),
+                            (s.deletions = null),
+                            (s.memoizedProps = c.memoizedProps),
+                            (s.memoizedState = c.memoizedState),
+                            (s.updateQueue = c.updateQueue),
+                            (s.type = c.type),
+                            (e = c.dependencies),
+                            (s.dependencies = e === null ? null : { lanes: e.lanes, firstContext: e.firstContext })),
+                        (n = n.sibling));
+                    return (Y(mo, (mo.current & 1) | 2), t.child);
+                  }
+                  e = e.sibling;
+                }
+              s.tail !== null && gt() > el && ((t.flags |= 128), (i = !0), ac(s, !1), (t.lanes = 4194304));
+            }
+          else {
+            if (!i)
+              if (((e = ho(c)), e !== null)) {
+                if (
+                  ((t.flags |= 128),
+                  (i = !0),
+                  (n = e.updateQueue),
+                  n !== null && ((t.updateQueue = n), (t.flags |= 4)),
+                  ac(s, !0),
+                  s.tail === null && s.tailMode === `hidden` && !c.alternate && !ya)
+                )
+                  return (oc(t), null);
+              } else
+                2 * gt() - s.renderingStartTime > el &&
+                  n !== 1073741824 &&
+                  ((t.flags |= 128), (i = !0), ac(s, !1), (t.lanes = 4194304));
+            s.isBackwards
+              ? ((c.sibling = t.child), (t.child = c))
+              : ((n = s.last), n === null ? (t.child = c) : (n.sibling = c), (s.last = c));
+          }
+          return s.tail === null
+            ? (oc(t), null)
+            : ((t = s.tail),
+              (s.rendering = t),
+              (s.tail = t.sibling),
+              (s.renderingStartTime = gt()),
+              (t.sibling = null),
+              (n = mo.current),
+              Y(mo, i ? (n & 1) | 2 : n & 1),
+              t);
+        case 22:
+        case 23:
+          return (
+            wl(),
+            (i = t.memoizedState !== null),
+            e !== null && (e.memoizedState !== null) !== i && (t.flags |= 8192),
+            i && t.mode & 1 ? Wc & 1073741824 && (oc(t), t.subtreeFlags & 6 && (t.flags |= 8192)) : oc(t),
+            null
+          );
+        case 24:
+          return null;
+        case 25:
+          return null;
+      }
+      throw Error(r(156, t.tag));
+    }
+    function cc(e, t) {
+      switch ((ga(t), t.tag)) {
+        case 1:
+          return (Ki(t.type) && qi(), (e = t.flags), e & 65536 ? ((t.flags = (e & -65537) | 128), t) : null);
+        case 3:
+          return (
+            uo(),
+            Bi(Ui),
+            Bi(Hi),
+            _o(),
+            (e = t.flags),
+            e & 65536 && !(e & 128) ? ((t.flags = (e & -65537) | 128), t) : null
+          );
+        case 5:
+          return (po(t), null);
+        case 13:
+          if ((Bi(mo), (e = t.memoizedState), e !== null && e.dehydrated !== null)) {
+            if (t.alternate === null) throw Error(r(340));
+            Da();
+          }
+          return ((e = t.flags), e & 65536 ? ((t.flags = (e & -65537) | 128), t) : null);
+        case 19:
+          return (Bi(mo), null);
+        case 4:
+          return (uo(), null);
+        case 10:
+          return (Va(t.type._context), null);
+        case 22:
+        case 23:
+          return (wl(), null);
+        case 24:
+          return null;
+        default:
+          return null;
+      }
+    }
+    var lc = !1,
+      uc = !1,
+      dc = typeof WeakSet == `function` ? WeakSet : Set,
+      Q = null;
+    function fc(e, t) {
+      var n = e.ref;
+      if (n !== null)
+        if (typeof n == `function`)
+          try {
+            n(null);
+          } catch (n) {
+            Rl(e, t, n);
+          }
+        else n.current = null;
+    }
+    function pc(e, t, n) {
+      try {
+        n();
+      } catch (n) {
+        Rl(e, t, n);
+      }
+    }
+    var mc = !1;
+    function hc(e, t) {
+      if (((vi = mn), (e = Nr()), Pr(e))) {
+        if (`selectionStart` in e) var n = { start: e.selectionStart, end: e.selectionEnd };
+        else
+          a: {
+            n = ((n = e.ownerDocument) && n.defaultView) || window;
+            var i = n.getSelection && n.getSelection();
+            if (i && i.rangeCount !== 0) {
+              n = i.anchorNode;
+              var a = i.anchorOffset,
+                o = i.focusNode;
+              i = i.focusOffset;
+              try {
+                (n.nodeType, o.nodeType);
+              } catch {
+                n = null;
+                break a;
+              }
+              var s = 0,
+                c = -1,
+                l = -1,
+                u = 0,
+                d = 0,
+                f = e,
+                p = null;
+              b: for (;;) {
+                for (
+                  var m;
+                  f !== n || (a !== 0 && f.nodeType !== 3) || (c = s + a),
+                    f !== o || (i !== 0 && f.nodeType !== 3) || (l = s + i),
+                    f.nodeType === 3 && (s += f.nodeValue.length),
+                    (m = f.firstChild) !== null;
+                )
+                  ((p = f), (f = m));
+                for (;;) {
+                  if (f === e) break b;
+                  if ((p === n && ++u === a && (c = s), p === o && ++d === i && (l = s), (m = f.nextSibling) !== null))
+                    break;
+                  ((f = p), (p = f.parentNode));
+                }
+                f = m;
+              }
+              n = c === -1 || l === -1 ? null : { start: c, end: l };
+            } else n = null;
+          }
+        n ||= { start: 0, end: 0 };
+      } else n = null;
+      for (yi = { focusedElem: e, selectionRange: n }, mn = !1, Q = t; Q !== null; )
+        if (((t = Q), (e = t.child), t.subtreeFlags & 1028 && e !== null)) ((e.return = t), (Q = e));
+        else
+          for (; Q !== null; ) {
+            t = Q;
+            try {
+              var h = t.alternate;
+              if (t.flags & 1024)
+                switch (t.tag) {
+                  case 0:
+                  case 11:
+                  case 15:
+                    break;
+                  case 1:
+                    if (h !== null) {
+                      var g = h.memoizedProps,
+                        _ = h.memoizedState,
+                        v = t.stateNode;
+                      v.__reactInternalSnapshotBeforeUpdate = v.getSnapshotBeforeUpdate(
+                        t.elementType === t.type ? g : hs(t.type, g),
+                        _,
+                      );
+                    }
+                    break;
+                  case 3:
+                    var y = t.stateNode.containerInfo;
+                    y.nodeType === 1
+                      ? (y.textContent = ``)
+                      : y.nodeType === 9 && y.documentElement && y.removeChild(y.documentElement);
+                    break;
+                  case 5:
+                  case 6:
+                  case 4:
+                  case 17:
+                    break;
+                  default:
+                    throw Error(r(163));
+                }
+            } catch (e) {
+              Rl(t, t.return, e);
+            }
+            if (((e = t.sibling), e !== null)) {
+              ((e.return = t.return), (Q = e));
+              break;
+            }
+            Q = t.return;
+          }
+      return ((h = mc), (mc = !1), h);
+    }
+    function gc(e, t, n) {
+      var r = t.updateQueue;
+      if (((r = r === null ? null : r.lastEffect), r !== null)) {
+        var i = (r = r.next);
+        do {
+          if ((i.tag & e) === e) {
+            var a = i.destroy;
+            ((i.destroy = void 0), a !== void 0 && pc(t, n, a));
+          }
+          i = i.next;
+        } while (i !== r);
+      }
+    }
+    function _c(e, t) {
+      if (((t = t.updateQueue), (t = t === null ? null : t.lastEffect), t !== null)) {
+        var n = (t = t.next);
+        do {
+          if ((n.tag & e) === e) {
+            var r = n.create;
+            n.destroy = r();
+          }
+          n = n.next;
+        } while (n !== t);
+      }
+    }
+    function vc(e) {
+      var t = e.ref;
+      if (t !== null) {
+        var n = e.stateNode;
+        switch (e.tag) {
+          case 5:
+            e = n;
+            break;
+          default:
+            e = n;
+        }
+        typeof t == `function` ? t(e) : (t.current = e);
+      }
+    }
+    function yc(e) {
+      var t = e.alternate;
+      (t !== null && ((e.alternate = null), yc(t)),
+        (e.child = null),
+        (e.deletions = null),
+        (e.sibling = null),
+        e.tag === 5 &&
+          ((t = e.stateNode), t !== null && (delete t[ki], delete t[Ai], delete t[Mi], delete t[Ni], delete t[Pi])),
+        (e.stateNode = null),
+        (e.return = null),
+        (e.dependencies = null),
+        (e.memoizedProps = null),
+        (e.memoizedState = null),
+        (e.pendingProps = null),
+        (e.stateNode = null),
+        (e.updateQueue = null));
+    }
+    function bc(e) {
+      return e.tag === 5 || e.tag === 3 || e.tag === 4;
+    }
+    function xc(e) {
+      a: for (;;) {
+        for (; e.sibling === null; ) {
+          if (e.return === null || bc(e.return)) return null;
+          e = e.return;
+        }
+        for (e.sibling.return = e.return, e = e.sibling; e.tag !== 5 && e.tag !== 6 && e.tag !== 18; ) {
+          if (e.flags & 2 || e.child === null || e.tag === 4) continue a;
+          ((e.child.return = e), (e = e.child));
+        }
+        if (!(e.flags & 2)) return e.stateNode;
+      }
+    }
+    function Sc(e, t, n) {
+      var r = e.tag;
+      if (r === 5 || r === 6)
+        ((e = e.stateNode),
+          t
+            ? n.nodeType === 8
+              ? n.parentNode.insertBefore(e, t)
+              : n.insertBefore(e, t)
+            : (n.nodeType === 8 ? ((t = n.parentNode), t.insertBefore(e, n)) : ((t = n), t.appendChild(e)),
+              (n = n._reactRootContainer),
+              n != null || t.onclick !== null || (t.onclick = _i)));
+      else if (r !== 4 && ((e = e.child), e !== null))
+        for (Sc(e, t, n), e = e.sibling; e !== null; ) (Sc(e, t, n), (e = e.sibling));
+    }
+    function Cc(e, t, n) {
+      var r = e.tag;
+      if (r === 5 || r === 6) ((e = e.stateNode), t ? n.insertBefore(e, t) : n.appendChild(e));
+      else if (r !== 4 && ((e = e.child), e !== null))
+        for (Cc(e, t, n), e = e.sibling; e !== null; ) (Cc(e, t, n), (e = e.sibling));
+    }
+    var wc = null,
+      Tc = !1;
+    function Ec(e, t, n) {
+      for (n = n.child; n !== null; ) (Dc(e, t, n), (n = n.sibling));
+    }
+    function Dc(e, t, n) {
+      if (wt && typeof wt.onCommitFiberUnmount == `function`)
+        try {
+          wt.onCommitFiberUnmount(Ct, n);
+        } catch {}
+      switch (n.tag) {
+        case 5:
+          uc || fc(n, t);
+        case 6:
+          var r = wc,
+            i = Tc;
+          ((wc = null),
+            Ec(e, t, n),
+            (wc = r),
+            (Tc = i),
+            wc !== null &&
+              (Tc
+                ? ((e = wc), (n = n.stateNode), e.nodeType === 8 ? e.parentNode.removeChild(n) : e.removeChild(n))
+                : wc.removeChild(n.stateNode)));
+          break;
+        case 18:
+          wc !== null &&
+            (Tc
+              ? ((e = wc),
+                (n = n.stateNode),
+                e.nodeType === 8 ? Ei(e.parentNode, n) : e.nodeType === 1 && Ei(e, n),
+                fn(e))
+              : Ei(wc, n.stateNode));
+          break;
+        case 4:
+          ((r = wc), (i = Tc), (wc = n.stateNode.containerInfo), (Tc = !0), Ec(e, t, n), (wc = r), (Tc = i));
+          break;
+        case 0:
+        case 11:
+        case 14:
+        case 15:
+          if (!uc && ((r = n.updateQueue), r !== null && ((r = r.lastEffect), r !== null))) {
+            i = r = r.next;
+            do {
+              var a = i,
+                o = a.destroy;
+              ((a = a.tag), o !== void 0 && (a & 2 || a & 4) && pc(n, t, o), (i = i.next));
+            } while (i !== r);
+          }
+          Ec(e, t, n);
+          break;
+        case 1:
+          if (!uc && (fc(n, t), (r = n.stateNode), typeof r.componentWillUnmount == `function`))
+            try {
+              ((r.props = n.memoizedProps), (r.state = n.memoizedState), r.componentWillUnmount());
+            } catch (e) {
+              Rl(n, t, e);
+            }
+          Ec(e, t, n);
+          break;
+        case 21:
+          Ec(e, t, n);
+          break;
+        case 22:
+          n.mode & 1 ? ((uc = (r = uc) || n.memoizedState !== null), Ec(e, t, n), (uc = r)) : Ec(e, t, n);
+          break;
+        default:
+          Ec(e, t, n);
+      }
+    }
+    function Oc(e) {
+      var t = e.updateQueue;
+      if (t !== null) {
+        e.updateQueue = null;
+        var n = e.stateNode;
+        (n === null && (n = e.stateNode = new dc()),
+          t.forEach(function (t) {
+            var r = Hl.bind(null, e, t);
+            n.has(t) || (n.add(t), t.then(r, r));
+          }));
+      }
+    }
+    function kc(e, t) {
+      var n = t.deletions;
+      if (n !== null)
+        for (var i = 0; i < n.length; i++) {
+          var a = n[i];
+          try {
+            var o = e,
+              s = t,
+              c = s;
+            a: for (; c !== null; ) {
+              switch (c.tag) {
+                case 5:
+                  ((wc = c.stateNode), (Tc = !1));
+                  break a;
+                case 3:
+                  ((wc = c.stateNode.containerInfo), (Tc = !0));
+                  break a;
+                case 4:
+                  ((wc = c.stateNode.containerInfo), (Tc = !0));
+                  break a;
+              }
+              c = c.return;
+            }
+            if (wc === null) throw Error(r(160));
+            (Dc(o, s, a), (wc = null), (Tc = !1));
+            var l = a.alternate;
+            (l !== null && (l.return = null), (a.return = null));
+          } catch (e) {
+            Rl(a, t, e);
+          }
+        }
+      if (t.subtreeFlags & 12854) for (t = t.child; t !== null; ) (Ac(t, e), (t = t.sibling));
+    }
+    function Ac(e, t) {
+      var n = e.alternate,
+        i = e.flags;
+      switch (e.tag) {
+        case 0:
+        case 11:
+        case 14:
+        case 15:
+          if ((kc(t, e), jc(e), i & 4)) {
+            try {
+              (gc(3, e, e.return), _c(3, e));
+            } catch (t) {
+              Rl(e, e.return, t);
+            }
+            try {
+              gc(5, e, e.return);
+            } catch (t) {
+              Rl(e, e.return, t);
+            }
+          }
+          break;
+        case 1:
+          (kc(t, e), jc(e), i & 512 && n !== null && fc(n, n.return));
+          break;
+        case 5:
+          if ((kc(t, e), jc(e), i & 512 && n !== null && fc(n, n.return), e.flags & 32)) {
+            var a = e.stateNode;
+            try {
+              Ae(a, ``);
+            } catch (t) {
+              Rl(e, e.return, t);
+            }
+          }
+          if (i & 4 && ((a = e.stateNode), a != null)) {
+            var o = e.memoizedProps,
+              s = n === null ? o : n.memoizedProps,
+              c = e.type,
+              l = e.updateQueue;
+            if (((e.updateQueue = null), l !== null))
+              try {
+                (c === `input` && o.type === `radio` && o.name != null && ge(a, o), Le(c, s));
+                var u = Le(c, o);
+                for (s = 0; s < l.length; s += 2) {
+                  var d = l[s],
+                    f = l[s + 1];
+                  d === `style`
+                    ? Pe(a, f)
+                    : d === `dangerouslySetInnerHTML`
+                      ? ke(a, f)
+                      : d === `children`
+                        ? Ae(a, f)
+                        : S(a, d, f, u);
+                }
+                switch (c) {
+                  case `input`:
+                    _e(a, o);
+                    break;
+                  case `textarea`:
+                    we(a, o);
+                    break;
+                  case `select`:
+                    var p = a._wrapperState.wasMultiple;
+                    a._wrapperState.wasMultiple = !!o.multiple;
+                    var m = o.value;
+                    m == null
+                      ? p !== !!o.multiple &&
+                        (o.defaultValue == null
+                          ? xe(a, !!o.multiple, o.multiple ? [] : ``, !1)
+                          : xe(a, !!o.multiple, o.defaultValue, !0))
+                      : xe(a, !!o.multiple, m, !1);
+                }
+                a[Ai] = o;
+              } catch (t) {
+                Rl(e, e.return, t);
+              }
+          }
+          break;
+        case 6:
+          if ((kc(t, e), jc(e), i & 4)) {
+            if (e.stateNode === null) throw Error(r(162));
+            ((a = e.stateNode), (o = e.memoizedProps));
+            try {
+              a.nodeValue = o;
+            } catch (t) {
+              Rl(e, e.return, t);
+            }
+          }
+          break;
+        case 3:
+          if ((kc(t, e), jc(e), i & 4 && n !== null && n.memoizedState.isDehydrated))
+            try {
+              fn(t.containerInfo);
+            } catch (t) {
+              Rl(e, e.return, t);
+            }
+          break;
+        case 4:
+          (kc(t, e), jc(e));
+          break;
+        case 13:
+          (kc(t, e),
+            jc(e),
+            (a = e.child),
+            a.flags & 8192 &&
+              ((o = a.memoizedState !== null),
+              (a.stateNode.isHidden = o),
+              !o || (a.alternate !== null && a.alternate.memoizedState !== null) || ($c = gt())),
+            i & 4 && Oc(e));
+          break;
+        case 22:
+          if (
+            ((d = n !== null && n.memoizedState !== null),
+            e.mode & 1 ? ((uc = (u = uc) || d), kc(t, e), (uc = u)) : kc(t, e),
+            jc(e),
+            i & 8192)
+          ) {
+            if (((u = e.memoizedState !== null), (e.stateNode.isHidden = u) && !d && e.mode & 1))
+              for (Q = e, d = e.child; d !== null; ) {
+                for (f = Q = d; Q !== null; ) {
+                  switch (((p = Q), (m = p.child), p.tag)) {
+                    case 0:
+                    case 11:
+                    case 14:
+                    case 15:
+                      gc(4, p, p.return);
+                      break;
+                    case 1:
+                      fc(p, p.return);
+                      var h = p.stateNode;
+                      if (typeof h.componentWillUnmount == `function`) {
+                        ((i = p), (n = p.return));
+                        try {
+                          ((t = i), (h.props = t.memoizedProps), (h.state = t.memoizedState), h.componentWillUnmount());
+                        } catch (e) {
+                          Rl(i, n, e);
+                        }
+                      }
+                      break;
+                    case 5:
+                      fc(p, p.return);
+                      break;
+                    case 22:
+                      if (p.memoizedState !== null) {
+                        Fc(f);
+                        continue;
+                      }
+                  }
+                  m === null ? Fc(f) : ((m.return = p), (Q = m));
+                }
+                d = d.sibling;
+              }
+            a: for (d = null, f = e; ; ) {
+              if (f.tag === 5) {
+                if (d === null) {
+                  d = f;
+                  try {
+                    ((a = f.stateNode),
+                      u
+                        ? ((o = a.style),
+                          typeof o.setProperty == `function`
+                            ? o.setProperty(`display`, `none`, `important`)
+                            : (o.display = `none`))
+                        : ((c = f.stateNode),
+                          (l = f.memoizedProps.style),
+                          (s = l != null && l.hasOwnProperty(`display`) ? l.display : null),
+                          (c.style.display = Ne(`display`, s))));
+                  } catch (t) {
+                    Rl(e, e.return, t);
+                  }
+                }
+              } else if (f.tag === 6) {
+                if (d === null)
+                  try {
+                    f.stateNode.nodeValue = u ? `` : f.memoizedProps;
+                  } catch (t) {
+                    Rl(e, e.return, t);
+                  }
+              } else if (((f.tag !== 22 && f.tag !== 23) || f.memoizedState === null || f === e) && f.child !== null) {
+                ((f.child.return = f), (f = f.child));
+                continue;
+              }
+              if (f === e) break a;
+              for (; f.sibling === null; ) {
+                if (f.return === null || f.return === e) break a;
+                (d === f && (d = null), (f = f.return));
+              }
+              (d === f && (d = null), (f.sibling.return = f.return), (f = f.sibling));
+            }
+          }
+          break;
+        case 19:
+          (kc(t, e), jc(e), i & 4 && Oc(e));
+          break;
+        case 21:
+          break;
+        default:
+          (kc(t, e), jc(e));
+      }
+    }
+    function jc(e) {
+      var t = e.flags;
+      if (t & 2) {
+        try {
+          a: {
+            for (var n = e.return; n !== null; ) {
+              if (bc(n)) {
+                var i = n;
+                break a;
+              }
+              n = n.return;
+            }
+            throw Error(r(160));
+          }
+          switch (i.tag) {
+            case 5:
+              var a = i.stateNode;
+              (i.flags & 32 && (Ae(a, ``), (i.flags &= -33)), Cc(e, xc(e), a));
+              break;
+            case 3:
+            case 4:
+              var o = i.stateNode.containerInfo;
+              Sc(e, xc(e), o);
+              break;
+            default:
+              throw Error(r(161));
+          }
+        } catch (t) {
+          Rl(e, e.return, t);
+        }
+        e.flags &= -3;
+      }
+      t & 4096 && (e.flags &= -4097);
+    }
+    function Mc(e, t, n) {
+      ((Q = e), Nc(e, t, n));
+    }
+    function Nc(e, t, n) {
+      for (var r = (e.mode & 1) != 0; Q !== null; ) {
+        var i = Q,
+          a = i.child;
+        if (i.tag === 22 && r) {
+          var o = i.memoizedState !== null || lc;
+          if (!o) {
+            var s = i.alternate,
+              c = (s !== null && s.memoizedState !== null) || uc;
+            s = lc;
+            var l = uc;
+            if (((lc = o), (uc = c) && !l))
+              for (Q = i; Q !== null; )
+                ((o = Q),
+                  (c = o.child),
+                  (o.tag === 22 && o.memoizedState !== null) || c === null ? Ic(i) : ((c.return = o), (Q = c)));
+            for (; a !== null; ) ((Q = a), Nc(a, t, n), (a = a.sibling));
+            ((Q = i), (lc = s), (uc = l));
+          }
+          Pc(e, t, n);
+        } else i.subtreeFlags & 8772 && a !== null ? ((a.return = i), (Q = a)) : Pc(e, t, n);
+      }
+    }
+    function Pc(e) {
+      for (; Q !== null; ) {
+        var t = Q;
+        if (t.flags & 8772) {
+          var n = t.alternate;
+          try {
+            if (t.flags & 8772)
+              switch (t.tag) {
+                case 0:
+                case 11:
+                case 15:
+                  uc || _c(5, t);
+                  break;
+                case 1:
+                  var i = t.stateNode;
+                  if (t.flags & 4 && !uc)
+                    if (n === null) i.componentDidMount();
+                    else {
+                      var a = t.elementType === t.type ? n.memoizedProps : hs(t.type, n.memoizedProps);
+                      i.componentDidUpdate(a, n.memoizedState, i.__reactInternalSnapshotBeforeUpdate);
+                    }
+                  var o = t.updateQueue;
+                  o !== null && ro(t, o, i);
+                  break;
+                case 3:
+                  var s = t.updateQueue;
+                  if (s !== null) {
+                    if (((n = null), t.child !== null))
+                      switch (t.child.tag) {
+                        case 5:
+                          n = t.child.stateNode;
+                          break;
+                        case 1:
+                          n = t.child.stateNode;
+                      }
+                    ro(t, s, n);
+                  }
+                  break;
+                case 5:
+                  var c = t.stateNode;
+                  if (n === null && t.flags & 4) {
+                    n = c;
+                    var l = t.memoizedProps;
+                    switch (t.type) {
+                      case `button`:
+                      case `input`:
+                      case `select`:
+                      case `textarea`:
+                        l.autoFocus && n.focus();
+                        break;
+                      case `img`:
+                        l.src && (n.src = l.src);
+                    }
+                  }
+                  break;
+                case 6:
+                  break;
+                case 4:
+                  break;
+                case 12:
+                  break;
+                case 13:
+                  if (t.memoizedState === null) {
+                    var u = t.alternate;
+                    if (u !== null) {
+                      var d = u.memoizedState;
+                      if (d !== null) {
+                        var f = d.dehydrated;
+                        f !== null && fn(f);
+                      }
+                    }
+                  }
+                  break;
+                case 19:
+                case 17:
+                case 21:
+                case 22:
+                case 23:
+                case 25:
+                  break;
+                default:
+                  throw Error(r(163));
+              }
+            uc || (t.flags & 512 && vc(t));
+          } catch (e) {
+            Rl(t, t.return, e);
+          }
+        }
+        if (t === e) {
+          Q = null;
+          break;
+        }
+        if (((n = t.sibling), n !== null)) {
+          ((n.return = t.return), (Q = n));
+          break;
+        }
+        Q = t.return;
+      }
+    }
+    function Fc(e) {
+      for (; Q !== null; ) {
+        var t = Q;
+        if (t === e) {
+          Q = null;
+          break;
+        }
+        var n = t.sibling;
+        if (n !== null) {
+          ((n.return = t.return), (Q = n));
+          break;
+        }
+        Q = t.return;
+      }
+    }
+    function Ic(e) {
+      for (; Q !== null; ) {
+        var t = Q;
+        try {
+          switch (t.tag) {
+            case 0:
+            case 11:
+            case 15:
+              var n = t.return;
+              try {
+                _c(4, t);
+              } catch (e) {
+                Rl(t, n, e);
+              }
+              break;
+            case 1:
+              var r = t.stateNode;
+              if (typeof r.componentDidMount == `function`) {
+                var i = t.return;
+                try {
+                  r.componentDidMount();
+                } catch (e) {
+                  Rl(t, i, e);
+                }
+              }
+              var a = t.return;
+              try {
+                vc(t);
+              } catch (e) {
+                Rl(t, a, e);
+              }
+              break;
+            case 5:
+              var o = t.return;
+              try {
+                vc(t);
+              } catch (e) {
+                Rl(t, o, e);
+              }
+          }
+        } catch (e) {
+          Rl(t, t.return, e);
+        }
+        if (t === e) {
+          Q = null;
+          break;
+        }
+        var s = t.sibling;
+        if (s !== null) {
+          ((s.return = t.return), (Q = s));
+          break;
+        }
+        Q = t.return;
+      }
+    }
+    var Lc = Math.ceil,
+      Rc = C.ReactCurrentDispatcher,
+      zc = C.ReactCurrentOwner,
+      Bc = C.ReactCurrentBatchConfig,
+      $ = 0,
+      Vc = null,
+      Hc = null,
+      Uc = 0,
+      Wc = 0,
+      Gc = zi(0),
+      Kc = 0,
+      qc = null,
+      Jc = 0,
+      Yc = 0,
+      Xc = 0,
+      Zc = null,
+      Qc = null,
+      $c = 0,
+      el = 1 / 0,
+      tl = null,
+      nl = !1,
+      rl = null,
+      il = null,
+      al = !1,
+      ol = null,
+      sl = 0,
+      cl = 0,
+      ll = null,
+      ul = -1,
+      dl = 0;
+    function fl() {
+      return $ & 6 ? gt() : ul === -1 ? (ul = gt()) : ul;
+    }
+    function pl(e) {
+      return e.mode & 1
+        ? $ & 2 && Uc !== 0
+          ? Uc & -Uc
+          : ka.transition === null
+            ? ((e = B), e === 0 ? ((e = window.event), (e = e === void 0 ? 16 : bn(e.type)), e) : e)
+            : (dl === 0 && (dl = Lt()), dl)
+        : 1;
+    }
+    function ml(e, t, n, i) {
+      if (50 < cl) throw ((cl = 0), (ll = null), Error(r(185)));
+      (zt(e, n, i),
+        (!($ & 2) || e !== Vc) &&
+          (e === Vc && (!($ & 2) && (Yc |= n), Kc === 4 && bl(e, Uc)),
+          hl(e, i),
+          n === 1 && $ === 0 && !(t.mode & 1) && ((el = gt() + 500), $i && ra())));
+    }
+    function hl(e, t) {
+      var n = e.callbackNode;
+      Ft(e, t);
+      var r = Nt(e, e === Vc ? Uc : 0);
+      if (r === 0) (n !== null && pt(n), (e.callbackNode = null), (e.callbackPriority = 0));
+      else if (((t = r & -r), e.callbackPriority !== t)) {
+        if ((n != null && pt(n), t === 1))
+          (e.tag === 0 ? na(xl.bind(null, e)) : ta(xl.bind(null, e)),
+            wi(function () {
+              !($ & 6) && ra();
+            }),
+            (n = null));
+        else {
+          switch (Ht(r)) {
+            case 1:
+              n = vt;
+              break;
+            case 4:
+              n = yt;
+              break;
+            case 16:
+              n = bt;
+              break;
+            case 536870912:
+              n = St;
+              break;
+            default:
+              n = bt;
+          }
+          n = Wl(n, gl.bind(null, e));
+        }
+        ((e.callbackPriority = t), (e.callbackNode = n));
+      }
+    }
+    function gl(e, t) {
+      if (((ul = -1), (dl = 0), $ & 6)) throw Error(r(327));
+      var n = e.callbackNode;
+      if (Il() && e.callbackNode !== n) return null;
+      var i = Nt(e, e === Vc ? Uc : 0);
+      if (i === 0) return null;
+      if (i & 30 || (i & e.expiredLanes) !== 0 || t) t = kl(e, i);
+      else {
+        t = i;
+        var a = $;
+        $ |= 2;
+        var o = Dl();
+        (Vc !== e || Uc !== t) && ((tl = null), (el = gt() + 500), Tl(e, t));
+        do
+          try {
+            jl();
+            break;
+          } catch (t) {
+            El(e, t);
+          }
+        while (1);
+        (Ba(), (Rc.current = o), ($ = a), Hc === null ? ((Vc = null), (Uc = 0), (t = Kc)) : (t = 0));
+      }
+      if (t !== 0) {
+        if ((t === 2 && ((a = It(e)), a !== 0 && ((i = a), (t = _l(e, a)))), t === 1))
+          throw ((n = qc), Tl(e, 0), bl(e, i), hl(e, gt()), n);
+        if (t === 6) bl(e, i);
+        else {
+          if (
+            ((a = e.current.alternate),
+            !(i & 30) &&
+              !yl(a) &&
+              ((t = kl(e, i)), t === 2 && ((o = It(e)), o !== 0 && ((i = o), (t = _l(e, o)))), t === 1))
+          )
+            throw ((n = qc), Tl(e, 0), bl(e, i), hl(e, gt()), n);
+          switch (((e.finishedWork = a), (e.finishedLanes = i), t)) {
+            case 0:
+            case 1:
+              throw Error(r(345));
+            case 2:
+              Pl(e, Qc, tl);
+              break;
+            case 3:
+              if ((bl(e, i), (i & 130023424) === i && ((t = $c + 500 - gt()), 10 < t))) {
+                if (Nt(e, 0) !== 0) break;
+                if (((a = e.suspendedLanes), (a & i) !== i)) {
+                  (fl(), (e.pingedLanes |= e.suspendedLanes & a));
+                  break;
+                }
+                e.timeoutHandle = xi(Pl.bind(null, e, Qc, tl), t);
+                break;
+              }
+              Pl(e, Qc, tl);
+              break;
+            case 4:
+              if ((bl(e, i), (i & 4194240) === i)) break;
+              for (t = e.eventTimes, a = -1; 0 < i; ) {
+                var s = 31 - Et(i);
+                ((o = 1 << s), (s = t[s]), s > a && (a = s), (i &= ~o));
+              }
+              if (
+                ((i = a),
+                (i = gt() - i),
+                (i =
+                  (120 > i
+                    ? 120
+                    : 480 > i
+                      ? 480
+                      : 1080 > i
+                        ? 1080
+                        : 1920 > i
+                          ? 1920
+                          : 3e3 > i
+                            ? 3e3
+                            : 4320 > i
+                              ? 4320
+                              : 1960 * Lc(i / 1960)) - i),
+                10 < i)
+              ) {
+                e.timeoutHandle = xi(Pl.bind(null, e, Qc, tl), i);
+                break;
+              }
+              Pl(e, Qc, tl);
+              break;
+            case 5:
+              Pl(e, Qc, tl);
+              break;
+            default:
+              throw Error(r(329));
+          }
+        }
+      }
+      return (hl(e, gt()), e.callbackNode === n ? gl.bind(null, e) : null);
+    }
+    function _l(e, t) {
+      var n = Zc;
+      return (
+        e.current.memoizedState.isDehydrated && (Tl(e, t).flags |= 256),
+        (e = kl(e, t)),
+        e !== 2 && ((t = Qc), (Qc = n), t !== null && vl(t)),
+        e
+      );
+    }
+    function vl(e) {
+      Qc === null ? (Qc = e) : Qc.push.apply(Qc, e);
+    }
+    function yl(e) {
+      for (var t = e; ; ) {
+        if (t.flags & 16384) {
+          var n = t.updateQueue;
+          if (n !== null && ((n = n.stores), n !== null))
+            for (var r = 0; r < n.length; r++) {
+              var i = n[r],
+                a = i.getSnapshot;
+              i = i.value;
+              try {
+                if (!Or(a(), i)) return !1;
+              } catch {
+                return !1;
+              }
+            }
+        }
+        if (((n = t.child), t.subtreeFlags & 16384 && n !== null)) ((n.return = t), (t = n));
+        else {
+          if (t === e) break;
+          for (; t.sibling === null; ) {
+            if (t.return === null || t.return === e) return !0;
+            t = t.return;
+          }
+          ((t.sibling.return = t.return), (t = t.sibling));
+        }
+      }
+      return !0;
+    }
+    function bl(e, t) {
+      for (t &= ~Xc, t &= ~Yc, e.suspendedLanes |= t, e.pingedLanes &= ~t, e = e.expirationTimes; 0 < t; ) {
+        var n = 31 - Et(t),
+          r = 1 << n;
+        ((e[n] = -1), (t &= ~r));
+      }
+    }
+    function xl(e) {
+      if ($ & 6) throw Error(r(327));
+      Il();
+      var t = Nt(e, 0);
+      if (!(t & 1)) return (hl(e, gt()), null);
+      var n = kl(e, t);
+      if (e.tag !== 0 && n === 2) {
+        var i = It(e);
+        i !== 0 && ((t = i), (n = _l(e, i)));
+      }
+      if (n === 1) throw ((n = qc), Tl(e, 0), bl(e, t), hl(e, gt()), n);
+      if (n === 6) throw Error(r(345));
+      return ((e.finishedWork = e.current.alternate), (e.finishedLanes = t), Pl(e, Qc, tl), hl(e, gt()), null);
+    }
+    function Sl(e, t) {
+      var n = $;
+      $ |= 1;
+      try {
+        return e(t);
+      } finally {
+        (($ = n), $ === 0 && ((el = gt() + 500), $i && ra()));
+      }
+    }
+    function Cl(e) {
+      ol !== null && ol.tag === 0 && !($ & 6) && Il();
+      var t = $;
+      $ |= 1;
+      var n = Bc.transition,
+        r = B;
+      try {
+        if (((Bc.transition = null), (B = 1), e)) return e();
+      } finally {
+        ((B = r), (Bc.transition = n), ($ = t), !($ & 6) && ra());
+      }
+    }
+    function wl() {
+      ((Wc = Gc.current), Bi(Gc));
+    }
+    function Tl(e, t) {
+      ((e.finishedWork = null), (e.finishedLanes = 0));
+      var n = e.timeoutHandle;
+      if ((n !== -1 && ((e.timeoutHandle = -1), Si(n)), Hc !== null))
+        for (n = Hc.return; n !== null; ) {
+          var r = n;
+          switch ((ga(r), r.tag)) {
+            case 1:
+              ((r = r.type.childContextTypes), r != null && qi());
+              break;
+            case 3:
+              (uo(), Bi(Ui), Bi(Hi), _o());
+              break;
+            case 5:
+              po(r);
+              break;
+            case 4:
+              uo();
+              break;
+            case 13:
+              Bi(mo);
+              break;
+            case 19:
+              Bi(mo);
+              break;
+            case 10:
+              Va(r.type._context);
+              break;
+            case 22:
+            case 23:
+              wl();
+          }
+          n = n.return;
+        }
+      if (
+        ((Vc = e),
+        (Hc = e = Yl(e.current, null)),
+        (Uc = Wc = t),
+        (Kc = 0),
+        (qc = null),
+        (Xc = Yc = Jc = 0),
+        (Qc = Zc = null),
+        Ga !== null)
+      ) {
+        for (t = 0; t < Ga.length; t++)
+          if (((n = Ga[t]), (r = n.interleaved), r !== null)) {
+            n.interleaved = null;
+            var i = r.next,
+              a = n.pending;
+            if (a !== null) {
+              var o = a.next;
+              ((a.next = i), (r.next = o));
+            }
+            n.pending = r;
+          }
+        Ga = null;
+      }
+      return e;
+    }
+    function El(e, t) {
+      do {
+        var n = Hc;
+        try {
+          if ((Ba(), (vo.current = ds), wo)) {
+            for (var i = xo.memoizedState; i !== null; ) {
+              var a = i.queue;
+              (a !== null && (a.pending = null), (i = i.next));
+            }
+            wo = !1;
+          }
+          if (
+            ((bo = 0), (Co = So = xo = null), (To = !1), (Eo = 0), (zc.current = null), n === null || n.return === null)
+          ) {
+            ((Kc = 1), (qc = t), (Hc = null));
+            break;
+          }
+          a: {
+            var o = e,
+              s = n.return,
+              c = n,
+              l = t;
+            if (((t = Uc), (c.flags |= 32768), typeof l == `object` && l && typeof l.then == `function`)) {
+              var u = l,
+                d = c,
+                f = d.tag;
+              if (!(d.mode & 1) && (f === 0 || f === 11 || f === 15)) {
+                var p = d.alternate;
+                p
+                  ? ((d.updateQueue = p.updateQueue), (d.memoizedState = p.memoizedState), (d.lanes = p.lanes))
+                  : ((d.updateQueue = null), (d.memoizedState = null));
+              }
+              var m = ks(s);
+              if (m !== null) {
+                ((m.flags &= -257), As(m, s, c, o, t), m.mode & 1 && Os(o, u, t), (t = m), (l = u));
+                var h = t.updateQueue;
+                if (h === null) {
+                  var g = new Set();
+                  (g.add(l), (t.updateQueue = g));
+                } else h.add(l);
+                break a;
+              } else {
+                if (!(t & 1)) {
+                  (Os(o, u, t), Ol());
+                  break a;
+                }
+                l = Error(r(426));
+              }
+            } else if (ya && c.mode & 1) {
+              var _ = ks(s);
+              if (_ !== null) {
+                (!(_.flags & 65536) && (_.flags |= 256), As(_, s, c, o, t), Oa(Ss(l, c)));
+                break a;
+              }
+            }
+            ((o = l = Ss(l, c)), Kc !== 4 && (Kc = 2), Zc === null ? (Zc = [o]) : Zc.push(o), (o = s));
+            do {
+              switch (o.tag) {
+                case 3:
+                  ((o.flags |= 65536), (t &= -t), (o.lanes |= t));
+                  var v = Es(o, l, t);
+                  to(o, v);
+                  break a;
+                case 1:
+                  c = l;
+                  var y = o.type,
+                    b = o.stateNode;
+                  if (
+                    !(o.flags & 128) &&
+                    (typeof y.getDerivedStateFromError == `function` ||
+                      (b !== null && typeof b.componentDidCatch == `function` && (il === null || !il.has(b))))
+                  ) {
+                    ((o.flags |= 65536), (t &= -t), (o.lanes |= t));
+                    var x = Ds(o, c, t);
+                    to(o, x);
+                    break a;
+                  }
+              }
+              o = o.return;
+            } while (o !== null);
+          }
+          Nl(n);
+        } catch (e) {
+          ((t = e), Hc === n && n !== null && (Hc = n = n.return));
+          continue;
+        }
+        break;
+      } while (1);
+    }
+    function Dl() {
+      var e = Rc.current;
+      return ((Rc.current = ds), e === null ? ds : e);
+    }
+    function Ol() {
+      ((Kc === 0 || Kc === 3 || Kc === 2) && (Kc = 4),
+        Vc === null || (!(Jc & 268435455) && !(Yc & 268435455)) || bl(Vc, Uc));
+    }
+    function kl(e, t) {
+      var n = $;
+      $ |= 2;
+      var i = Dl();
+      (Vc !== e || Uc !== t) && ((tl = null), Tl(e, t));
+      do
+        try {
+          Al();
+          break;
+        } catch (t) {
+          El(e, t);
+        }
+      while (1);
+      if ((Ba(), ($ = n), (Rc.current = i), Hc !== null)) throw Error(r(261));
+      return ((Vc = null), (Uc = 0), Kc);
+    }
+    function Al() {
+      for (; Hc !== null; ) Ml(Hc);
+    }
+    function jl() {
+      for (; Hc !== null && !mt(); ) Ml(Hc);
+    }
+    function Ml(e) {
+      var t = Ul(e.alternate, e, Wc);
+      ((e.memoizedProps = e.pendingProps), t === null ? Nl(e) : (Hc = t), (zc.current = null));
+    }
+    function Nl(e) {
+      var t = e;
+      do {
+        var n = t.alternate;
+        if (((e = t.return), t.flags & 32768)) {
+          if (((n = cc(n, t)), n !== null)) {
+            ((n.flags &= 32767), (Hc = n));
+            return;
+          }
+          if (e !== null) ((e.flags |= 32768), (e.subtreeFlags = 0), (e.deletions = null));
+          else {
+            ((Kc = 6), (Hc = null));
+            return;
+          }
+        } else if (((n = sc(n, t, Wc)), n !== null)) {
+          Hc = n;
+          return;
+        }
+        if (((t = t.sibling), t !== null)) {
+          Hc = t;
+          return;
+        }
+        Hc = t = e;
+      } while (t !== null);
+      Kc === 0 && (Kc = 5);
+    }
+    function Pl(e, t, n) {
+      var r = B,
+        i = Bc.transition;
+      try {
+        ((Bc.transition = null), (B = 1), Fl(e, t, n, r));
+      } finally {
+        ((Bc.transition = i), (B = r));
+      }
+      return null;
+    }
+    function Fl(e, t, n, i) {
+      do Il();
+      while (ol !== null);
+      if ($ & 6) throw Error(r(327));
+      n = e.finishedWork;
+      var a = e.finishedLanes;
+      if (n === null) return null;
+      if (((e.finishedWork = null), (e.finishedLanes = 0), n === e.current)) throw Error(r(177));
+      ((e.callbackNode = null), (e.callbackPriority = 0));
+      var o = n.lanes | n.childLanes;
+      if (
+        (Bt(e, o),
+        e === Vc && ((Hc = Vc = null), (Uc = 0)),
+        (!(n.subtreeFlags & 2064) && !(n.flags & 2064)) ||
+          al ||
+          ((al = !0),
+          Wl(bt, function () {
+            return (Il(), null);
+          })),
+        (o = (n.flags & 15990) != 0),
+        n.subtreeFlags & 15990 || o)
+      ) {
+        ((o = Bc.transition), (Bc.transition = null));
+        var s = B;
+        B = 1;
+        var c = $;
+        (($ |= 4),
+          (zc.current = null),
+          hc(e, n),
+          Ac(n, e),
+          Fr(yi),
+          (mn = !!vi),
+          (yi = vi = null),
+          (e.current = n),
+          Mc(n, e, a),
+          ht(),
+          ($ = c),
+          (B = s),
+          (Bc.transition = o));
+      } else e.current = n;
+      if (
+        (al && ((al = !1), (ol = e), (sl = a)),
+        (o = e.pendingLanes),
+        o === 0 && (il = null),
+        Tt(n.stateNode, i),
+        hl(e, gt()),
+        t !== null)
+      )
+        for (i = e.onRecoverableError, n = 0; n < t.length; n++)
+          ((a = t[n]), i(a.value, { componentStack: a.stack, digest: a.digest }));
+      if (nl) throw ((nl = !1), (e = rl), (rl = null), e);
+      return (
+        sl & 1 && e.tag !== 0 && Il(),
+        (o = e.pendingLanes),
+        o & 1 ? (e === ll ? cl++ : ((cl = 0), (ll = e))) : (cl = 0),
+        ra(),
+        null
+      );
+    }
+    function Il() {
+      if (ol !== null) {
+        var e = Ht(sl),
+          t = Bc.transition,
+          n = B;
+        try {
+          if (((Bc.transition = null), (B = 16 > e ? 16 : e), ol === null)) var i = !1;
+          else {
+            if (((e = ol), (ol = null), (sl = 0), $ & 6)) throw Error(r(331));
+            var a = $;
+            for ($ |= 4, Q = e.current; Q !== null; ) {
+              var o = Q,
+                s = o.child;
+              if (Q.flags & 16) {
+                var c = o.deletions;
+                if (c !== null) {
+                  for (var l = 0; l < c.length; l++) {
+                    var u = c[l];
+                    for (Q = u; Q !== null; ) {
+                      var d = Q;
+                      switch (d.tag) {
+                        case 0:
+                        case 11:
+                        case 15:
+                          gc(8, d, o);
+                      }
+                      var f = d.child;
+                      if (f !== null) ((f.return = d), (Q = f));
+                      else
+                        for (; Q !== null; ) {
+                          d = Q;
+                          var p = d.sibling,
+                            m = d.return;
+                          if ((yc(d), d === u)) {
+                            Q = null;
+                            break;
+                          }
+                          if (p !== null) {
+                            ((p.return = m), (Q = p));
+                            break;
+                          }
+                          Q = m;
+                        }
+                    }
+                  }
+                  var h = o.alternate;
+                  if (h !== null) {
+                    var g = h.child;
+                    if (g !== null) {
+                      h.child = null;
+                      do {
+                        var _ = g.sibling;
+                        ((g.sibling = null), (g = _));
+                      } while (g !== null);
+                    }
+                  }
+                  Q = o;
+                }
+              }
+              if (o.subtreeFlags & 2064 && s !== null) ((s.return = o), (Q = s));
+              else
+                b: for (; Q !== null; ) {
+                  if (((o = Q), o.flags & 2048))
+                    switch (o.tag) {
+                      case 0:
+                      case 11:
+                      case 15:
+                        gc(9, o, o.return);
+                    }
+                  var v = o.sibling;
+                  if (v !== null) {
+                    ((v.return = o.return), (Q = v));
+                    break b;
+                  }
+                  Q = o.return;
+                }
+            }
+            var y = e.current;
+            for (Q = y; Q !== null; ) {
+              s = Q;
+              var b = s.child;
+              if (s.subtreeFlags & 2064 && b !== null) ((b.return = s), (Q = b));
+              else
+                b: for (s = y; Q !== null; ) {
+                  if (((c = Q), c.flags & 2048))
+                    try {
+                      switch (c.tag) {
+                        case 0:
+                        case 11:
+                        case 15:
+                          _c(9, c);
+                      }
+                    } catch (e) {
+                      Rl(c, c.return, e);
+                    }
+                  if (c === s) {
+                    Q = null;
+                    break b;
+                  }
+                  var x = c.sibling;
+                  if (x !== null) {
+                    ((x.return = c.return), (Q = x));
+                    break b;
+                  }
+                  Q = c.return;
+                }
+            }
+            if ((($ = a), ra(), wt && typeof wt.onPostCommitFiberRoot == `function`))
+              try {
+                wt.onPostCommitFiberRoot(Ct, e);
+              } catch {}
+            i = !0;
+          }
+          return i;
+        } finally {
+          ((B = n), (Bc.transition = t));
+        }
+      }
+      return !1;
+    }
+    function Ll(e, t, n) {
+      ((t = Ss(n, t)), (t = Es(e, t, 1)), (e = $a(e, t, 1)), (t = fl()), e !== null && (zt(e, 1, t), hl(e, t)));
+    }
+    function Rl(e, t, n) {
+      if (e.tag === 3) Ll(e, e, n);
+      else
+        for (; t !== null; ) {
+          if (t.tag === 3) {
+            Ll(t, e, n);
+            break;
+          } else if (t.tag === 1) {
+            var r = t.stateNode;
+            if (
+              typeof t.type.getDerivedStateFromError == `function` ||
+              (typeof r.componentDidCatch == `function` && (il === null || !il.has(r)))
+            ) {
+              ((e = Ss(n, e)), (e = Ds(t, e, 1)), (t = $a(t, e, 1)), (e = fl()), t !== null && (zt(t, 1, e), hl(t, e)));
+              break;
+            }
+          }
+          t = t.return;
+        }
+    }
+    function zl(e, t, n) {
+      var r = e.pingCache;
+      (r !== null && r.delete(t),
+        (t = fl()),
+        (e.pingedLanes |= e.suspendedLanes & n),
+        Vc === e &&
+          (Uc & n) === n &&
+          (Kc === 4 || (Kc === 3 && (Uc & 130023424) === Uc && 500 > gt() - $c) ? Tl(e, 0) : (Xc |= n)),
+        hl(e, t));
+    }
+    function Bl(e, t) {
+      t === 0 && (e.mode & 1 ? ((t = jt), (jt <<= 1), !(jt & 130023424) && (jt = 4194304)) : (t = 1));
+      var n = fl();
+      ((e = Ja(e, t)), e !== null && (zt(e, t, n), hl(e, n)));
+    }
+    function Vl(e) {
+      var t = e.memoizedState,
+        n = 0;
+      (t !== null && (n = t.retryLane), Bl(e, n));
+    }
+    function Hl(e, t) {
+      var n = 0;
+      switch (e.tag) {
+        case 13:
+          var i = e.stateNode,
+            a = e.memoizedState;
+          a !== null && (n = a.retryLane);
+          break;
+        case 19:
+          i = e.stateNode;
+          break;
+        default:
+          throw Error(r(314));
+      }
+      (i !== null && i.delete(t), Bl(e, n));
+    }
+    var Ul = function (e, t, n) {
+      if (e !== null)
+        if (e.memoizedProps !== t.pendingProps || Ui.current) Ms = !0;
+        else {
+          if ((e.lanes & n) === 0 && !(t.flags & 128)) return ((Ms = !1), tc(e, t, n));
+          Ms = !!(e.flags & 131072);
+        }
+      else ((Ms = !1), ya && t.flags & 1048576 && ma(t, sa, t.index));
+      switch (((t.lanes = 0), t.tag)) {
+        case 2:
+          var i = t.type;
+          ($s(e, t), (e = t.pendingProps));
+          var a = Gi(t, Hi.current);
+          (Ua(t, n), (a = Ao(null, t, i, e, a, n)));
+          var o = jo();
+          return (
+            (t.flags |= 1),
+            typeof a == `object` && a && typeof a.render == `function` && a.$$typeof === void 0
+              ? ((t.tag = 1),
+                (t.memoizedState = null),
+                (t.updateQueue = null),
+                Ki(i) ? ((o = !0), Xi(t)) : (o = !1),
+                (t.memoizedState = a.state !== null && a.state !== void 0 ? a.state : null),
+                Xa(t),
+                (a.updater = _s),
+                (t.stateNode = a),
+                (a._reactInternals = t),
+                xs(t, i, e, n),
+                (t = Vs(null, t, i, !0, o, n)))
+              : ((t.tag = 0), ya && o && ha(t), Ns(null, t, a, n), (t = t.child)),
+            t
+          );
+        case 16:
+          i = t.elementType;
+          a: {
+            switch (
+              ($s(e, t),
+              (e = t.pendingProps),
+              (a = i._init),
+              (i = a(i._payload)),
+              (t.type = i),
+              (a = t.tag = Jl(i)),
+              (e = hs(i, e)),
+              a)
+            ) {
+              case 0:
+                t = zs(null, t, i, e, n);
+                break a;
+              case 1:
+                t = Bs(null, t, i, e, n);
+                break a;
+              case 11:
+                t = Ps(null, t, i, e, n);
+                break a;
+              case 14:
+                t = Fs(null, t, i, hs(i.type, e), n);
+                break a;
+            }
+            throw Error(r(306, i, ``));
+          }
+          return t;
+        case 0:
+          return ((i = t.type), (a = t.pendingProps), (a = t.elementType === i ? a : hs(i, a)), zs(e, t, i, a, n));
+        case 1:
+          return ((i = t.type), (a = t.pendingProps), (a = t.elementType === i ? a : hs(i, a)), Bs(e, t, i, a, n));
+        case 3:
+          a: {
+            if ((Hs(t), e === null)) throw Error(r(387));
+            ((i = t.pendingProps), (o = t.memoizedState), (a = o.element), Za(e, t), no(t, i, null, n));
+            var s = t.memoizedState;
+            if (((i = s.element), o.isDehydrated))
+              if (
+                ((o = {
+                  element: i,
+                  isDehydrated: !1,
+                  cache: s.cache,
+                  pendingSuspenseBoundaries: s.pendingSuspenseBoundaries,
+                  transitions: s.transitions,
+                }),
+                (t.updateQueue.baseState = o),
+                (t.memoizedState = o),
+                t.flags & 256)
+              ) {
+                ((a = Ss(Error(r(423)), t)), (t = Us(e, t, i, n, a)));
+                break a;
+              } else if (i !== a) {
+                ((a = Ss(Error(r(424)), t)), (t = Us(e, t, i, n, a)));
+                break a;
+              } else
+                for (
+                  va = Di(t.stateNode.containerInfo.firstChild),
+                    _a = t,
+                    ya = !0,
+                    ba = null,
+                    n = Fa(t, null, i, n),
+                    t.child = n;
+                  n;
+                )
+                  ((n.flags = (n.flags & -3) | 4096), (n = n.sibling));
+            else {
+              if ((Da(), i === a)) {
+                t = ec(e, t, n);
+                break a;
+              }
+              Ns(e, t, i, n);
+            }
+            t = t.child;
+          }
+          return t;
+        case 5:
+          return (
+            fo(t),
+            e === null && wa(t),
+            (i = t.type),
+            (a = t.pendingProps),
+            (o = e === null ? null : e.memoizedProps),
+            (s = a.children),
+            bi(i, a) ? (s = null) : o !== null && bi(i, o) && (t.flags |= 32),
+            Rs(e, t),
+            Ns(e, t, s, n),
+            t.child
+          );
+        case 6:
+          return (e === null && wa(t), null);
+        case 13:
+          return Ks(e, t, n);
+        case 4:
+          return (
+            lo(t, t.stateNode.containerInfo),
+            (i = t.pendingProps),
+            e === null ? (t.child = Pa(t, null, i, n)) : Ns(e, t, i, n),
+            t.child
+          );
+        case 11:
+          return ((i = t.type), (a = t.pendingProps), (a = t.elementType === i ? a : hs(i, a)), Ps(e, t, i, a, n));
+        case 7:
+          return (Ns(e, t, t.pendingProps, n), t.child);
+        case 8:
+          return (Ns(e, t, t.pendingProps.children, n), t.child);
+        case 12:
+          return (Ns(e, t, t.pendingProps.children, n), t.child);
+        case 10:
+          a: {
+            if (
+              ((i = t.type._context),
+              (a = t.pendingProps),
+              (o = t.memoizedProps),
+              (s = a.value),
+              Y(Ia, i._currentValue),
+              (i._currentValue = s),
+              o !== null)
+            )
+              if (Or(o.value, s)) {
+                if (o.children === a.children && !Ui.current) {
+                  t = ec(e, t, n);
+                  break a;
+                }
+              } else
+                for (o = t.child, o !== null && (o.return = t); o !== null; ) {
+                  var c = o.dependencies;
+                  if (c !== null) {
+                    s = o.child;
+                    for (var l = c.firstContext; l !== null; ) {
+                      if (l.context === i) {
+                        if (o.tag === 1) {
+                          ((l = Qa(-1, n & -n)), (l.tag = 2));
+                          var u = o.updateQueue;
+                          if (u !== null) {
+                            u = u.shared;
+                            var d = u.pending;
+                            (d === null ? (l.next = l) : ((l.next = d.next), (d.next = l)), (u.pending = l));
+                          }
+                        }
+                        ((o.lanes |= n),
+                          (l = o.alternate),
+                          l !== null && (l.lanes |= n),
+                          Ha(o.return, n, t),
+                          (c.lanes |= n));
+                        break;
+                      }
+                      l = l.next;
+                    }
+                  } else if (o.tag === 10) s = o.type === t.type ? null : o.child;
+                  else if (o.tag === 18) {
+                    if (((s = o.return), s === null)) throw Error(r(341));
+                    ((s.lanes |= n), (c = s.alternate), c !== null && (c.lanes |= n), Ha(s, n, t), (s = o.sibling));
+                  } else s = o.child;
+                  if (s !== null) s.return = o;
+                  else
+                    for (s = o; s !== null; ) {
+                      if (s === t) {
+                        s = null;
+                        break;
+                      }
+                      if (((o = s.sibling), o !== null)) {
+                        ((o.return = s.return), (s = o));
+                        break;
+                      }
+                      s = s.return;
+                    }
+                  o = s;
+                }
+            (Ns(e, t, a.children, n), (t = t.child));
+          }
+          return t;
+        case 9:
+          return (
+            (a = t.type),
+            (i = t.pendingProps.children),
+            Ua(t, n),
+            (a = Wa(a)),
+            (i = i(a)),
+            (t.flags |= 1),
+            Ns(e, t, i, n),
+            t.child
+          );
+        case 14:
+          return ((i = t.type), (a = hs(i, t.pendingProps)), (a = hs(i.type, a)), Fs(e, t, i, a, n));
+        case 15:
+          return Is(e, t, t.type, t.pendingProps, n);
+        case 17:
+          return (
+            (i = t.type),
+            (a = t.pendingProps),
+            (a = t.elementType === i ? a : hs(i, a)),
+            $s(e, t),
+            (t.tag = 1),
+            Ki(i) ? ((e = !0), Xi(t)) : (e = !1),
+            Ua(t, n),
+            ys(t, i, a),
+            xs(t, i, a, n),
+            Vs(null, t, i, !0, e, n)
+          );
+        case 19:
+          return Qs(e, t, n);
+        case 22:
+          return Ls(e, t, n);
+      }
+      throw Error(r(156, t.tag));
+    };
+    function Wl(e, t) {
+      return ft(e, t);
+    }
+    function Gl(e, t, n, r) {
+      ((this.tag = e),
+        (this.key = n),
+        (this.sibling = this.child = this.return = this.stateNode = this.type = this.elementType = null),
+        (this.index = 0),
+        (this.ref = null),
+        (this.pendingProps = t),
+        (this.dependencies = this.memoizedState = this.updateQueue = this.memoizedProps = null),
+        (this.mode = r),
+        (this.subtreeFlags = this.flags = 0),
+        (this.deletions = null),
+        (this.childLanes = this.lanes = 0),
+        (this.alternate = null));
+    }
+    function Kl(e, t, n, r) {
+      return new Gl(e, t, n, r);
+    }
+    function ql(e) {
+      return ((e = e.prototype), !(!e || !e.isReactComponent));
+    }
+    function Jl(e) {
+      if (typeof e == `function`) return +!!ql(e);
+      if (e != null) {
+        if (((e = e.$$typeof), e === j)) return 11;
+        if (e === N) return 14;
+      }
+      return 2;
+    }
+    function Yl(e, t) {
+      var n = e.alternate;
+      return (
+        n === null
+          ? ((n = Kl(e.tag, t, e.key, e.mode)),
+            (n.elementType = e.elementType),
+            (n.type = e.type),
+            (n.stateNode = e.stateNode),
+            (n.alternate = e),
+            (e.alternate = n))
+          : ((n.pendingProps = t), (n.type = e.type), (n.flags = 0), (n.subtreeFlags = 0), (n.deletions = null)),
+        (n.flags = e.flags & 14680064),
+        (n.childLanes = e.childLanes),
+        (n.lanes = e.lanes),
+        (n.child = e.child),
+        (n.memoizedProps = e.memoizedProps),
+        (n.memoizedState = e.memoizedState),
+        (n.updateQueue = e.updateQueue),
+        (t = e.dependencies),
+        (n.dependencies = t === null ? null : { lanes: t.lanes, firstContext: t.firstContext }),
+        (n.sibling = e.sibling),
+        (n.index = e.index),
+        (n.ref = e.ref),
+        n
+      );
+    }
+    function Xl(e, t, n, i, a, o) {
+      var s = 2;
+      if (((i = e), typeof e == `function`)) ql(e) && (s = 1);
+      else if (typeof e == `string`) s = 5;
+      else
+        a: switch (e) {
+          case E:
+            return Zl(n.children, a, o, t);
+          case D:
+            ((s = 8), (a |= 8));
+            break;
+          case O:
+            return ((e = Kl(12, n, t, a | 2)), (e.elementType = O), (e.lanes = o), e);
+          case M:
+            return ((e = Kl(13, n, t, a)), (e.elementType = M), (e.lanes = o), e);
+          case ee:
+            return ((e = Kl(19, n, t, a)), (e.elementType = ee), (e.lanes = o), e);
+          case te:
+            return Ql(n, a, o, t);
+          default:
+            if (typeof e == `object` && e)
+              switch (e.$$typeof) {
+                case k:
+                  s = 10;
+                  break a;
+                case A:
+                  s = 9;
+                  break a;
+                case j:
+                  s = 11;
+                  break a;
+                case N:
+                  s = 14;
+                  break a;
+                case P:
+                  ((s = 16), (i = null));
+                  break a;
+              }
+            throw Error(r(130, e == null ? e : typeof e, ``));
+        }
+      return ((t = Kl(s, n, t, a)), (t.elementType = e), (t.type = i), (t.lanes = o), t);
+    }
+    function Zl(e, t, n, r) {
+      return ((e = Kl(7, e, r, t)), (e.lanes = n), e);
+    }
+    function Ql(e, t, n, r) {
+      return ((e = Kl(22, e, r, t)), (e.elementType = te), (e.lanes = n), (e.stateNode = { isHidden: !1 }), e);
+    }
+    function $l(e, t, n) {
+      return ((e = Kl(6, e, null, t)), (e.lanes = n), e);
+    }
+    function eu(e, t, n) {
+      return (
+        (t = Kl(4, e.children === null ? [] : e.children, e.key, t)),
+        (t.lanes = n),
+        (t.stateNode = { containerInfo: e.containerInfo, pendingChildren: null, implementation: e.implementation }),
+        t
+      );
+    }
+    function tu(e, t, n, r, i) {
+      ((this.tag = t),
+        (this.containerInfo = e),
+        (this.finishedWork = this.pingCache = this.current = this.pendingChildren = null),
+        (this.timeoutHandle = -1),
+        (this.callbackNode = this.pendingContext = this.context = null),
+        (this.callbackPriority = 0),
+        (this.eventTimes = Rt(0)),
+        (this.expirationTimes = Rt(-1)),
+        (this.entangledLanes =
+          this.finishedLanes =
+          this.mutableReadLanes =
+          this.expiredLanes =
+          this.pingedLanes =
+          this.suspendedLanes =
+          this.pendingLanes =
+            0),
+        (this.entanglements = Rt(0)),
+        (this.identifierPrefix = r),
+        (this.onRecoverableError = i),
+        (this.mutableSourceEagerHydrationData = null));
+    }
+    function nu(e, t, n, r, i, a, o, s, c) {
+      return (
+        (e = new tu(e, t, n, s, c)),
+        t === 1 ? ((t = 1), !0 === a && (t |= 8)) : (t = 0),
+        (a = Kl(3, null, null, t)),
+        (e.current = a),
+        (a.stateNode = e),
+        (a.memoizedState = {
+          element: r,
+          isDehydrated: n,
+          cache: null,
+          transitions: null,
+          pendingSuspenseBoundaries: null,
+        }),
+        Xa(a),
+        e
+      );
+    }
+    function ru(e, t, n) {
+      var r = 3 < arguments.length && arguments[3] !== void 0 ? arguments[3] : null;
+      return { $$typeof: T, key: r == null ? null : `` + r, children: e, containerInfo: t, implementation: n };
+    }
+    function iu(e) {
+      if (!e) return Vi;
+      e = e._reactInternals;
+      a: {
+        if (ot(e) !== e || e.tag !== 1) throw Error(r(170));
+        var t = e;
+        do {
+          switch (t.tag) {
+            case 3:
+              t = t.stateNode.context;
+              break a;
+            case 1:
+              if (Ki(t.type)) {
+                t = t.stateNode.__reactInternalMemoizedMergedChildContext;
+                break a;
+              }
+          }
+          t = t.return;
+        } while (t !== null);
+        throw Error(r(171));
+      }
+      if (e.tag === 1) {
+        var n = e.type;
+        if (Ki(n)) return Yi(e, n, t);
+      }
+      return t;
+    }
+    function au(e, t, n, r, i, a, o, s, c) {
+      return (
+        (e = nu(n, r, !0, e, i, a, o, s, c)),
+        (e.context = iu(null)),
+        (n = e.current),
+        (r = fl()),
+        (i = pl(n)),
+        (a = Qa(r, i)),
+        (a.callback = t ?? null),
+        $a(n, a, i),
+        (e.current.lanes = i),
+        zt(e, i, r),
+        hl(e, r),
+        e
+      );
+    }
+    function ou(e, t, n, r) {
+      var i = t.current,
+        a = fl(),
+        o = pl(i);
+      return (
+        (n = iu(n)),
+        t.context === null ? (t.context = n) : (t.pendingContext = n),
+        (t = Qa(a, o)),
+        (t.payload = { element: e }),
+        (r = r === void 0 ? null : r),
+        r !== null && (t.callback = r),
+        (e = $a(i, t, o)),
+        e !== null && (ml(e, i, o, a), eo(e, i, o)),
+        o
+      );
+    }
+    function su(e) {
+      if (((e = e.current), !e.child)) return null;
+      switch (e.child.tag) {
+        case 5:
+          return e.child.stateNode;
+        default:
+          return e.child.stateNode;
+      }
+    }
+    function cu(e, t) {
+      if (((e = e.memoizedState), e !== null && e.dehydrated !== null)) {
+        var n = e.retryLane;
+        e.retryLane = n !== 0 && n < t ? n : t;
+      }
+    }
+    function lu(e, t) {
+      (cu(e, t), (e = e.alternate) && cu(e, t));
+    }
+    function uu() {
+      return null;
+    }
+    var du =
+      typeof reportError == `function`
+        ? reportError
+        : function (e) {
+            console.error(e);
+          };
+    function fu(e) {
+      this._internalRoot = e;
+    }
+    ((pu.prototype.render = fu.prototype.render =
+      function (e) {
+        var t = this._internalRoot;
+        if (t === null) throw Error(r(409));
+        ou(e, t, null, null);
+      }),
+      (pu.prototype.unmount = fu.prototype.unmount =
+        function () {
+          var e = this._internalRoot;
+          if (e !== null) {
+            this._internalRoot = null;
+            var t = e.containerInfo;
+            (Cl(function () {
+              ou(null, e, null, null);
+            }),
+              (t[ji] = null));
+          }
+        }));
+    function pu(e) {
+      this._internalRoot = e;
+    }
+    pu.prototype.unstable_scheduleHydration = function (e) {
+      if (e) {
+        var t = Kt();
+        e = { blockedOn: null, target: e, priority: t };
+        for (var n = 0; n < tn.length && t !== 0 && t < tn[n].priority; n++);
+        (tn.splice(n, 0, e), n === 0 && sn(e));
+      }
+    };
+    function mu(e) {
+      return !(!e || (e.nodeType !== 1 && e.nodeType !== 9 && e.nodeType !== 11));
+    }
+    function hu(e) {
+      return !(
+        !e ||
+        (e.nodeType !== 1 &&
+          e.nodeType !== 9 &&
+          e.nodeType !== 11 &&
+          (e.nodeType !== 8 || e.nodeValue !== ` react-mount-point-unstable `))
+      );
+    }
+    function gu() {}
+    function _u(e, t, n, r, i) {
+      if (i) {
+        if (typeof r == `function`) {
+          var a = r;
+          r = function () {
+            var e = su(o);
+            a.call(e);
+          };
+        }
+        var o = au(t, r, e, 0, null, !1, !1, ``, gu);
+        return ((e._reactRootContainer = o), (e[ji] = o.current), oi(e.nodeType === 8 ? e.parentNode : e), Cl(), o);
+      }
+      for (; (i = e.lastChild); ) e.removeChild(i);
+      if (typeof r == `function`) {
+        var s = r;
+        r = function () {
+          var e = su(c);
+          s.call(e);
+        };
+      }
+      var c = nu(e, 0, !1, null, null, !1, !1, ``, gu);
+      return (
+        (e._reactRootContainer = c),
+        (e[ji] = c.current),
+        oi(e.nodeType === 8 ? e.parentNode : e),
+        Cl(function () {
+          ou(t, c, n, r);
+        }),
+        c
+      );
+    }
+    function vu(e, t, n, r, i) {
+      var a = n._reactRootContainer;
+      if (a) {
+        var o = a;
+        if (typeof i == `function`) {
+          var s = i;
+          i = function () {
+            var e = su(o);
+            s.call(e);
+          };
+        }
+        ou(t, o, e, i);
+      } else o = _u(n, t, e, i, r);
+      return su(o);
+    }
+    ((Ut = function (e) {
+      switch (e.tag) {
+        case 3:
+          var t = e.stateNode;
+          if (t.current.memoizedState.isDehydrated) {
+            var n = Mt(t.pendingLanes);
+            n !== 0 && (Vt(t, n | 1), hl(t, gt()), !($ & 6) && ((el = gt() + 500), ra()));
+          }
+          break;
+        case 13:
+          (Cl(function () {
+            var t = Ja(e, 1);
+            t !== null && ml(t, e, 1, fl());
+          }),
+            lu(e, 1));
+      }
+    }),
+      (Wt = function (e) {
+        if (e.tag === 13) {
+          var t = Ja(e, 134217728);
+          (t !== null && ml(t, e, 134217728, fl()), lu(e, 134217728));
+        }
+      }),
+      (Gt = function (e) {
+        if (e.tag === 13) {
+          var t = pl(e),
+            n = Ja(e, t);
+          (n !== null && ml(n, e, t, fl()), lu(e, t));
+        }
+      }),
+      (Kt = function () {
+        return B;
+      }),
+      (qt = function (e, t) {
+        var n = B;
+        try {
+          return ((B = e), t());
+        } finally {
+          B = n;
+        }
+      }),
+      (Be = function (e, t, n) {
+        switch (t) {
+          case `input`:
+            if ((_e(e, n), (t = n.name), n.type === `radio` && t != null)) {
+              for (n = e; n.parentNode; ) n = n.parentNode;
+              for (
+                n = n.querySelectorAll(`input[name=` + JSON.stringify(`` + t) + `][type="radio"]`), t = 0;
+                t < n.length;
+                t++
+              ) {
+                var i = n[t];
+                if (i !== e && i.form === e.form) {
+                  var a = J(i);
+                  if (!a) throw Error(r(90));
+                  (pe(i), _e(i, a));
+                }
+              }
+            }
+            break;
+          case `textarea`:
+            we(e, n);
+            break;
+          case `select`:
+            ((t = n.value), t != null && xe(e, !!n.multiple, t, !1));
+        }
+      }),
+      (Ke = Sl),
+      (qe = Cl));
+    var yu = { usingClientEntryPoint: !1, Events: [q, Ii, J, We, Ge, Sl] },
+      bu = { findFiberByHostInstance: Fi, bundleType: 0, version: `18.3.1`, rendererPackageName: `react-dom` },
+      xu = {
+        bundleType: bu.bundleType,
+        version: bu.version,
+        rendererPackageName: bu.rendererPackageName,
+        rendererConfig: bu.rendererConfig,
+        overrideHookState: null,
+        overrideHookStateDeletePath: null,
+        overrideHookStateRenamePath: null,
+        overrideProps: null,
+        overridePropsDeletePath: null,
+        overridePropsRenamePath: null,
+        setErrorHandler: null,
+        setSuspenseHandler: null,
+        scheduleUpdate: null,
+        currentDispatcherRef: C.ReactCurrentDispatcher,
+        findHostInstanceByFiber: function (e) {
+          return ((e = ut(e)), e === null ? null : e.stateNode);
+        },
+        findFiberByHostInstance: bu.findFiberByHostInstance || uu,
+        findHostInstancesForRefresh: null,
+        scheduleRefresh: null,
+        scheduleRoot: null,
+        setRefreshHandler: null,
+        getCurrentFiber: null,
+        reconcilerVersion: `18.3.1-next-f1338f8080-20240426`,
+      };
+    if (typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < `u`) {
+      var Su = __REACT_DEVTOOLS_GLOBAL_HOOK__;
+      if (!Su.isDisabled && Su.supportsFiber)
+        try {
+          ((Ct = Su.inject(xu)), (wt = Su));
+        } catch {}
+    }
+    ((e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = yu),
+      (e.createPortal = function (e, t) {
+        var n = 2 < arguments.length && arguments[2] !== void 0 ? arguments[2] : null;
+        if (!mu(t)) throw Error(r(200));
+        return ru(e, t, null, n);
+      }),
+      (e.createRoot = function (e, t) {
+        if (!mu(e)) throw Error(r(299));
+        var n = !1,
+          i = ``,
+          a = du;
+        return (
+          t != null &&
+            (!0 === t.unstable_strictMode && (n = !0),
+            t.identifierPrefix !== void 0 && (i = t.identifierPrefix),
+            t.onRecoverableError !== void 0 && (a = t.onRecoverableError)),
+          (t = nu(e, 1, !1, null, null, n, !1, i, a)),
+          (e[ji] = t.current),
+          oi(e.nodeType === 8 ? e.parentNode : e),
+          new fu(t)
+        );
+      }),
+      (e.findDOMNode = function (e) {
+        if (e == null) return null;
+        if (e.nodeType === 1) return e;
+        var t = e._reactInternals;
+        if (t === void 0)
+          throw typeof e.render == `function` ? Error(r(188)) : ((e = Object.keys(e).join(`,`)), Error(r(268, e)));
+        return ((e = ut(t)), (e = e === null ? null : e.stateNode), e);
+      }),
+      (e.flushSync = function (e) {
+        return Cl(e);
+      }),
+      (e.hydrate = function (e, t, n) {
+        if (!hu(t)) throw Error(r(200));
+        return vu(null, e, t, !0, n);
+      }),
+      (e.hydrateRoot = function (e, t, n) {
+        if (!mu(e)) throw Error(r(405));
+        var i = (n != null && n.hydratedSources) || null,
+          a = !1,
+          o = ``,
+          s = du;
+        if (
+          (n != null &&
+            (!0 === n.unstable_strictMode && (a = !0),
+            n.identifierPrefix !== void 0 && (o = n.identifierPrefix),
+            n.onRecoverableError !== void 0 && (s = n.onRecoverableError)),
+          (t = au(t, null, e, 1, n ?? null, a, !1, o, s)),
+          (e[ji] = t.current),
+          oi(e),
+          i)
+        )
+          for (e = 0; e < i.length; e++)
+            ((n = i[e]),
+              (a = n._getVersion),
+              (a = a(n._source)),
+              t.mutableSourceEagerHydrationData == null
+                ? (t.mutableSourceEagerHydrationData = [n, a])
+                : t.mutableSourceEagerHydrationData.push(n, a));
+        return new pu(t);
+      }),
+      (e.render = function (e, t, n) {
+        if (!hu(t)) throw Error(r(200));
+        return vu(null, e, t, !1, n);
+      }),
+      (e.unmountComponentAtNode = function (e) {
+        if (!hu(e)) throw Error(r(40));
+        return e._reactRootContainer
+          ? (Cl(function () {
+              vu(null, null, e, !1, function () {
+                ((e._reactRootContainer = null), (e[ji] = null));
+              });
+            }),
+            !0)
+          : !1;
+      }),
+      (e.unstable_batchedUpdates = Sl),
+      (e.unstable_renderSubtreeIntoContainer = function (e, t, n, i) {
+        if (!hu(n)) throw Error(r(200));
+        if (e == null || e._reactInternals === void 0) throw Error(r(38));
+        return vu(e, t, n, !1, i);
+      }),
+      (e.version = `18.3.1-next-f1338f8080-20240426`));
+  }),
+  h = o((e, t) => {
+    function n() {
+      if (
+        !(typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ > `u` || typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE != `function`)
+      )
+        try {
+          __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(n);
+        } catch (e) {
+          console.error(e);
+        }
+    }
+    (n(), (t.exports = m()));
+  }),
+  g = o((e) => {
+    var t = h();
+    ((e.createRoot = t.createRoot), (e.hydrateRoot = t.hydrateRoot));
+  }),
+  _ = l(d()),
+  v = l(g()),
+  y = l(h());
+function b() {
+  return (
+    (b = Object.assign
+      ? Object.assign.bind()
+      : function (e) {
+          for (var t = 1; t < arguments.length; t++) {
+            var n = arguments[t];
+            for (var r in n) Object.prototype.hasOwnProperty.call(n, r) && (e[r] = n[r]);
+          }
+          return e;
+        }),
+    b.apply(this, arguments)
+  );
+}
+var x;
+(function (e) {
+  ((e.Pop = `POP`), (e.Push = `PUSH`), (e.Replace = `REPLACE`));
+})((x ||= {}));
+var S = `popstate`;
+function C(e) {
+  e === void 0 && (e = {});
+  function t(e, t) {
+    let { pathname: n, search: r, hash: i } = e.location;
+    return O(
+      ``,
+      { pathname: n, search: r, hash: i },
+      (t.state && t.state.usr) || null,
+      (t.state && t.state.key) || `default`,
+    );
+  }
+  function n(e, t) {
+    return typeof t == `string` ? t : k(t);
+  }
+  return j(t, n, null, e);
+}
+function w(e, t) {
+  if (e === !1 || e == null) throw Error(t);
+}
+function T(e, t) {
+  if (!e) {
+    typeof console < `u` && console.warn(t);
+    try {
+      throw Error(t);
+    } catch {}
+  }
+}
+function E() {
+  return Math.random().toString(36).substr(2, 8);
+}
+function D(e, t) {
+  return { usr: e.state, key: e.key, idx: t };
+}
+function O(e, t, n, r) {
+  return (
+    n === void 0 && (n = null),
+    b({ pathname: typeof e == `string` ? e : e.pathname, search: ``, hash: `` }, typeof t == `string` ? A(t) : t, {
+      state: n,
+      key: (t && t.key) || r || E(),
+    })
+  );
+}
+function k(e) {
+  let { pathname: t = `/`, search: n = ``, hash: r = `` } = e;
+  return (
+    n && n !== `?` && (t += n.charAt(0) === `?` ? n : `?` + n),
+    r && r !== `#` && (t += r.charAt(0) === `#` ? r : `#` + r),
+    t
+  );
+}
+function A(e) {
+  let t = {};
+  if (e) {
+    let n = e.indexOf(`#`);
+    n >= 0 && ((t.hash = e.substr(n)), (e = e.substr(0, n)));
+    let r = e.indexOf(`?`);
+    (r >= 0 && ((t.search = e.substr(r)), (e = e.substr(0, r))), e && (t.pathname = e));
+  }
+  return t;
+}
+function j(e, t, n, r) {
+  r === void 0 && (r = {});
+  let { window: i = document.defaultView, v5Compat: a = !1 } = r,
+    o = i.history,
+    s = x.Pop,
+    c = null,
+    l = u();
+  l ?? ((l = 0), o.replaceState(b({}, o.state, { idx: l }), ``));
+  function u() {
+    return (o.state || { idx: null }).idx;
+  }
+  function d() {
+    s = x.Pop;
+    let e = u(),
+      t = e == null ? null : e - l;
+    ((l = e), c && c({ action: s, location: h.location, delta: t }));
+  }
+  function f(e, t) {
+    s = x.Push;
+    let r = O(h.location, e, t);
+    (n && n(r, e), (l = u() + 1));
+    let d = D(r, l),
+      f = h.createHref(r);
+    try {
+      o.pushState(d, ``, f);
+    } catch (e) {
+      if (e instanceof DOMException && e.name === `DataCloneError`) throw e;
+      i.location.assign(f);
+    }
+    a && c && c({ action: s, location: h.location, delta: 1 });
+  }
+  function p(e, t) {
+    s = x.Replace;
+    let r = O(h.location, e, t);
+    (n && n(r, e), (l = u()));
+    let i = D(r, l),
+      d = h.createHref(r);
+    (o.replaceState(i, ``, d), a && c && c({ action: s, location: h.location, delta: 0 }));
+  }
+  function m(e) {
+    let t = i.location.origin === `null` ? i.location.href : i.location.origin,
+      n = typeof e == `string` ? e : k(e);
+    return (
+      (n = n.replace(/ $/, `%20`)),
+      w(t, `No window.location.(origin|href) available to create URL for href: ` + n),
+      new URL(n, t)
+    );
+  }
+  let h = {
+    get action() {
+      return s;
+    },
+    get location() {
+      return e(i, o);
+    },
+    listen(e) {
+      if (c) throw Error(`A history only accepts one active listener`);
+      return (
+        i.addEventListener(S, d),
+        (c = e),
+        () => {
+          (i.removeEventListener(S, d), (c = null));
+        }
+      );
+    },
+    createHref(e) {
+      return t(i, e);
+    },
+    createURL: m,
+    encodeLocation(e) {
+      let t = m(e);
+      return { pathname: t.pathname, search: t.search, hash: t.hash };
+    },
+    push: f,
+    replace: p,
+    go(e) {
+      return o.go(e);
+    },
+  };
+  return h;
+}
+var M;
+(function (e) {
+  ((e.data = `data`), (e.deferred = `deferred`), (e.redirect = `redirect`), (e.error = `error`));
+})((M ||= {}));
+function ee(e, t, n) {
+  return (n === void 0 && (n = `/`), N(e, t, n, !1));
+}
+function N(e, t, n, r) {
+  let i = pe((typeof t == `string` ? A(t) : t).pathname || `/`, n);
+  if (i == null) return null;
+  let a = P(e);
+  ne(a);
+  let o = null;
+  for (let e = 0; o == null && e < a.length; ++e) {
+    let t = L(i);
+    o = I(a[e], t, r);
+  }
+  return o;
+}
+function P(e, t, n, r) {
+  (t === void 0 && (t = []), n === void 0 && (n = []), r === void 0 && (r = ``));
+  let i = (e, i, a) => {
+    let o = {
+      relativePath: a === void 0 ? e.path || `` : a,
+      caseSensitive: e.caseSensitive === !0,
+      childrenIndex: i,
+      route: e,
+    };
+    o.relativePath.startsWith(`/`) &&
+      (w(
+        o.relativePath.startsWith(r),
+        `Absolute route path "` +
+          o.relativePath +
+          `" nested under path ` +
+          (`"` + r + `" is not valid. An absolute child route path `) +
+          `must start with the combined path of all its parent routes.`,
+      ),
+      (o.relativePath = o.relativePath.slice(r.length)));
+    let s = xe([r, o.relativePath]),
+      c = n.concat(o);
+    (e.children &&
+      e.children.length > 0 &&
+      (w(
+        e.index !== !0,
+        `Index routes must not have child routes. Please remove ` + (`all child routes from route path "` + s + `".`),
+      ),
+      P(e.children, t, c, s)),
+      !(e.path == null && !e.index) && t.push({ path: s, score: le(s, e.index), routesMeta: c }));
+  };
+  return (
+    e.forEach((e, t) => {
+      var n;
+      if (e.path === `` || !((n = e.path) != null && n.includes(`?`))) i(e, t);
+      else for (let n of te(e.path)) i(e, t, n);
+    }),
+    t
+  );
+}
+function te(e) {
+  let t = e.split(`/`);
+  if (t.length === 0) return [];
+  let [n, ...r] = t,
+    i = n.endsWith(`?`),
+    a = n.replace(/\?$/, ``);
+  if (r.length === 0) return i ? [a, ``] : [a];
+  let o = te(r.join(`/`)),
+    s = [];
+  return (
+    s.push(...o.map((e) => (e === `` ? a : [a, e].join(`/`)))),
+    i && s.push(...o),
+    s.map((t) => (e.startsWith(`/`) && t === `` ? `/` : t))
+  );
+}
+function ne(e) {
+  e.sort((e, t) =>
+    e.score === t.score
+      ? ue(
+          e.routesMeta.map((e) => e.childrenIndex),
+          t.routesMeta.map((e) => e.childrenIndex),
+        )
+      : t.score - e.score,
+  );
+}
+var re = /^:[\w-]+$/,
+  F = 3,
+  ie = 2,
+  ae = 1,
+  oe = 10,
+  se = -2,
+  ce = (e) => e === `*`;
+function le(e, t) {
+  let n = e.split(`/`),
+    r = n.length;
+  return (
+    n.some(ce) && (r += se),
+    t && (r += ie),
+    n.filter((e) => !ce(e)).reduce((e, t) => e + (re.test(t) ? F : t === `` ? ae : oe), r)
+  );
+}
+function ue(e, t) {
+  return e.length === t.length && e.slice(0, -1).every((e, n) => e === t[n]) ? e[e.length - 1] - t[t.length - 1] : 0;
+}
+function I(e, t, n) {
+  n === void 0 && (n = !1);
+  let { routesMeta: r } = e,
+    i = {},
+    a = `/`,
+    o = [];
+  for (let e = 0; e < r.length; ++e) {
+    let s = r[e],
+      c = e === r.length - 1,
+      l = a === `/` ? t : t.slice(a.length) || `/`,
+      u = de({ path: s.relativePath, caseSensitive: s.caseSensitive, end: c }, l),
+      d = s.route;
+    if (
+      (!u &&
+        c &&
+        n &&
+        !r[r.length - 1].route.index &&
+        (u = de({ path: s.relativePath, caseSensitive: s.caseSensitive, end: !1 }, l)),
+      !u)
+    )
+      return null;
+    (Object.assign(i, u.params),
+      o.push({ params: i, pathname: xe([a, u.pathname]), pathnameBase: Se(xe([a, u.pathnameBase])), route: d }),
+      u.pathnameBase !== `/` && (a = xe([a, u.pathnameBase])));
+  }
+  return o;
+}
+function de(e, t) {
+  typeof e == `string` && (e = { path: e, caseSensitive: !1, end: !0 });
+  let [n, r] = fe(e.path, e.caseSensitive, e.end),
+    i = t.match(n);
+  if (!i) return null;
+  let a = i[0],
+    o = a.replace(/(.)\/+$/, `$1`),
+    s = i.slice(1);
+  return {
+    params: r.reduce((e, t, n) => {
+      let { paramName: r, isOptional: i } = t;
+      if (r === `*`) {
+        let e = s[n] || ``;
+        o = a.slice(0, a.length - e.length).replace(/(.)\/+$/, `$1`);
+      }
+      let c = s[n];
+      return (i && !c ? (e[r] = void 0) : (e[r] = (c || ``).replace(/%2F/g, `/`)), e);
+    }, {}),
+    pathname: a,
+    pathnameBase: o,
+    pattern: e,
+  };
+}
+function fe(e, t, n) {
+  (t === void 0 && (t = !1),
+    n === void 0 && (n = !0),
+    T(
+      e === `*` || !e.endsWith(`*`) || e.endsWith(`/*`),
+      `Route path "` +
+        e +
+        `" will be treated as if it were ` +
+        (`"` + e.replace(/\*$/, `/*`) + '" because the `*` character must ') +
+        'always follow a `/` in the pattern. To get rid of this warning, ' +
+        (`please change the route path to "` + e.replace(/\*$/, `/*`) + `".`),
+    ));
+  let r = [],
+    i =
+      `^` +
+      e
+        .replace(/\/*\*?$/, ``)
+        .replace(/^\/*/, `/`)
+        .replace(/[\\.*+^${}|()[\]]/g, `\\$&`)
+        .replace(
+          /\/:([\w-]+)(\?)?/g,
+          (e, t, n) => (r.push({ paramName: t, isOptional: n != null }), n ? `/?([^\\/]+)?` : `/([^\\/]+)`),
+        );
+  return (
+    e.endsWith(`*`)
+      ? (r.push({ paramName: `*` }), (i += e === `*` || e === `/*` ? `(.*)$` : `(?:\\/(.+)|\\/*)$`))
+      : n
+        ? (i += `\\/*$`)
+        : e !== `` && e !== `/` && (i += `(?:(?=\\/|$))`),
+    [new RegExp(i, t ? void 0 : `i`), r]
+  );
+}
+function L(e) {
+  try {
+    return e
+      .split(`/`)
+      .map((e) => decodeURIComponent(e).replace(/\//g, `%2F`))
+      .join(`/`);
+  } catch (t) {
+    return (
+      T(
+        !1,
+        `The URL path "` +
+          e +
+          `" could not be decoded because it is is a malformed URL segment. This is probably due to a bad percent ` +
+          (`encoding (` + t + `).`),
+      ),
+      e
+    );
+  }
+}
+function pe(e, t) {
+  if (t === `/`) return e;
+  if (!e.toLowerCase().startsWith(t.toLowerCase())) return null;
+  let n = t.endsWith(`/`) ? t.length - 1 : t.length,
+    r = e.charAt(n);
+  return r && r !== `/` ? null : e.slice(n) || `/`;
+}
+var me = /^(?:[a-z][a-z0-9+.-]*:|\/\/)/i,
+  he = (e) => me.test(e);
+function R(e, t) {
+  t === void 0 && (t = `/`);
+  let { pathname: n, search: r = ``, hash: i = `` } = typeof e == `string` ? A(e) : e,
+    a;
+  if (n)
+    if (he(n)) a = n;
+    else {
+      if (n.includes(`//`)) {
+        let e = n;
+        ((n = n.replace(/\/\/+/g, `/`)),
+          T(!1, `Pathnames cannot have embedded double slashes - normalizing ` + (e + ` -> ` + n)));
+      }
+      a = n.startsWith(`/`) ? ge(n.substring(1), `/`) : ge(n, t);
+    }
+  else a = t;
+  return { pathname: a, search: Ce(r), hash: we(i) };
+}
+function ge(e, t) {
+  let n = t.replace(/\/+$/, ``).split(`/`);
+  return (
+    e.split(`/`).forEach((e) => {
+      e === `..` ? n.length > 1 && n.pop() : e !== `.` && n.push(e);
+    }),
+    n.length > 1 ? n.join(`/`) : `/`
+  );
+}
+function _e(e, t, n, r) {
+  return (
+    `Cannot include a '` +
+    e +
+    `' character in a manually specified ` +
+    ('`to.' + t + '` field [' + JSON.stringify(r) + `].  Please separate it out to the `) +
+    ('`to.' + n + '` field. Alternatively you may provide the full path as ') +
+    `a string in <Link to="..."> and the router will parse it for you.`
+  );
+}
+function ve(e) {
+  return e.filter((e, t) => t === 0 || (e.route.path && e.route.path.length > 0));
+}
+function ye(e, t) {
+  let n = ve(e);
+  return t ? n.map((e, t) => (t === n.length - 1 ? e.pathname : e.pathnameBase)) : n.map((e) => e.pathnameBase);
+}
+function be(e, t, n, r) {
+  r === void 0 && (r = !1);
+  let i;
+  typeof e == `string`
+    ? (i = A(e))
+    : ((i = b({}, e)),
+      w(!i.pathname || !i.pathname.includes(`?`), _e(`?`, `pathname`, `search`, i)),
+      w(!i.pathname || !i.pathname.includes(`#`), _e(`#`, `pathname`, `hash`, i)),
+      w(!i.search || !i.search.includes(`#`), _e(`#`, `search`, `hash`, i)));
+  let a = e === `` || i.pathname === ``,
+    o = a ? `/` : i.pathname,
+    s;
+  if (o == null) s = n;
+  else {
+    let e = t.length - 1;
+    if (!r && o.startsWith(`..`)) {
+      let t = o.split(`/`);
+      for (; t[0] === `..`; ) (t.shift(), --e);
+      i.pathname = t.join(`/`);
+    }
+    s = e >= 0 ? t[e] : `/`;
+  }
+  let c = R(i, s),
+    l = o && o !== `/` && o.endsWith(`/`),
+    u = (a || o === `.`) && n.endsWith(`/`);
+  return (!c.pathname.endsWith(`/`) && (l || u) && (c.pathname += `/`), c);
+}
+var xe = (e) => e.join(`/`).replace(/\/\/+/g, `/`),
+  Se = (e) => e.replace(/\/+$/, ``).replace(/^\/*/, `/`),
+  Ce = (e) => (!e || e === `?` ? `` : e.startsWith(`?`) ? e : `?` + e),
+  we = (e) => (!e || e === `#` ? `` : e.startsWith(`#`) ? e : `#` + e);
+function Te(e) {
+  return (
+    e != null &&
+    typeof e.status == `number` &&
+    typeof e.statusText == `string` &&
+    typeof e.internal == `boolean` &&
+    `data` in e
+  );
+}
+var Ee = [`post`, `put`, `patch`, `delete`];
+new Set(Ee);
+var De = [`get`, ...Ee];
+new Set(De);
+function Oe() {
+  return (
+    (Oe = Object.assign
+      ? Object.assign.bind()
+      : function (e) {
+          for (var t = 1; t < arguments.length; t++) {
+            var n = arguments[t];
+            for (var r in n) Object.prototype.hasOwnProperty.call(n, r) && (e[r] = n[r]);
+          }
+          return e;
+        }),
+    Oe.apply(this, arguments)
+  );
+}
+var ke = _.createContext(null),
+  Ae = _.createContext(null),
+  je = _.createContext(null),
+  Me = _.createContext(null),
+  Ne = _.createContext({ outlet: null, matches: [], isDataRoute: !1 }),
+  Pe = _.createContext(null);
+function Fe() {
+  return _.useContext(Me) != null;
+}
+function Ie() {
+  return (!Fe() && w(!1), _.useContext(Me).location);
+}
+function Le(e) {
+  _.useContext(je).static || _.useLayoutEffect(e);
+}
+function Re() {
+  let { isDataRoute: e } = _.useContext(Ne);
+  return e ? $e() : ze();
+}
+function ze() {
+  !Fe() && w(!1);
+  let e = _.useContext(ke),
+    { basename: t, future: n, navigator: r } = _.useContext(je),
+    { matches: i } = _.useContext(Ne),
+    { pathname: a } = Ie(),
+    o = JSON.stringify(ye(i, n.v7_relativeSplatPath)),
+    s = _.useRef(!1);
+  return (
+    Le(() => {
+      s.current = !0;
+    }),
+    _.useCallback(
+      function (n, i) {
+        if ((i === void 0 && (i = {}), !s.current)) return;
+        if (typeof n == `number`) {
+          r.go(n);
+          return;
+        }
+        let c = be(n, JSON.parse(o), a, i.relative === `path`);
+        (e == null && t !== `/` && (c.pathname = c.pathname === `/` ? t : xe([t, c.pathname])),
+          (i.replace ? r.replace : r.push)(c, i.state, i));
+      },
+      [t, r, o, a, e],
+    )
+  );
+}
+function Be(e, t) {
+  return Ve(e, t);
+}
+function Ve(e, t, n, r) {
+  !Fe() && w(!1);
+  let { navigator: i } = _.useContext(je),
+    { matches: a } = _.useContext(Ne),
+    o = a[a.length - 1],
+    s = o ? o.params : {};
+  o && o.pathname;
+  let c = o ? o.pathnameBase : `/`;
+  o && o.route;
+  let l = Ie(),
+    u;
+  if (t) {
+    let e = typeof t == `string` ? A(t) : t;
+    (!(c === `/` || e.pathname?.startsWith(c)) && w(!1), (u = e));
+  } else u = l;
+  let d = u.pathname || `/`,
+    f = d;
+  if (c !== `/`) {
+    let e = c.replace(/^\//, ``).split(`/`);
+    f = `/` + d.replace(/^\//, ``).split(`/`).slice(e.length).join(`/`);
+  }
+  let p = ee(e, { pathname: f }),
+    m = Ke(
+      p &&
+        p.map((e) =>
+          Object.assign({}, e, {
+            params: Object.assign({}, s, e.params),
+            pathname: xe([c, i.encodeLocation ? i.encodeLocation(e.pathname).pathname : e.pathname]),
+            pathnameBase:
+              e.pathnameBase === `/`
+                ? c
+                : xe([c, i.encodeLocation ? i.encodeLocation(e.pathnameBase).pathname : e.pathnameBase]),
+          }),
+        ),
+      a,
+      n,
+      r,
+    );
+  return t && m
+    ? _.createElement(
+        Me.Provider,
+        {
+          value: {
+            location: Oe({ pathname: `/`, search: ``, hash: ``, state: null, key: `default` }, u),
+            navigationType: x.Pop,
+          },
+        },
+        m,
+      )
+    : m;
+}
+function He() {
+  let e = z(),
+    t = Te(e) ? e.status + ` ` + e.statusText : e instanceof Error ? e.message : JSON.stringify(e),
+    n = e instanceof Error ? e.stack : null;
+  return _.createElement(
+    _.Fragment,
+    null,
+    _.createElement(`h2`, null, `Unexpected Application Error!`),
+    _.createElement(`h3`, { style: { fontStyle: `italic` } }, t),
+    n ? _.createElement(`pre`, { style: { padding: `0.5rem`, backgroundColor: `rgba(200,200,200, 0.5)` } }, n) : null,
+    null,
+  );
+}
+var Ue = _.createElement(He, null),
+  We = class extends _.Component {
+    constructor(e) {
+      (super(e), (this.state = { location: e.location, revalidation: e.revalidation, error: e.error }));
+    }
+    static getDerivedStateFromError(e) {
+      return { error: e };
+    }
+    static getDerivedStateFromProps(e, t) {
+      return t.location !== e.location || (t.revalidation !== `idle` && e.revalidation === `idle`)
+        ? { error: e.error, location: e.location, revalidation: e.revalidation }
+        : {
+            error: e.error === void 0 ? t.error : e.error,
+            location: t.location,
+            revalidation: e.revalidation || t.revalidation,
+          };
+    }
+    componentDidCatch(e, t) {
+      console.error(`React Router caught the following error during render`, e, t);
+    }
+    render() {
+      return this.state.error === void 0
+        ? this.props.children
+        : _.createElement(
+            Ne.Provider,
+            { value: this.props.routeContext },
+            _.createElement(Pe.Provider, { value: this.state.error, children: this.props.component }),
+          );
+    }
+  };
+function Ge(e) {
+  let { routeContext: t, match: n, children: r } = e,
+    i = _.useContext(ke);
+  return (
+    i &&
+      i.static &&
+      i.staticContext &&
+      (n.route.errorElement || n.route.ErrorBoundary) &&
+      (i.staticContext._deepestRenderedBoundaryId = n.route.id),
+    _.createElement(Ne.Provider, { value: t }, r)
+  );
+}
+function Ke(e, t, n, r) {
+  if ((t === void 0 && (t = []), n === void 0 && (n = null), r === void 0 && (r = null), e == null)) {
+    var i;
+    if (!n) return null;
+    if (n.errors) e = n.matches;
+    else if ((i = r) != null && i.v7_partialHydration && t.length === 0 && !n.initialized && n.matches.length > 0)
+      e = n.matches;
+    else return null;
+  }
+  let a = e,
+    o = n?.errors;
+  if (o != null) {
+    let e = a.findIndex((e) => e.route.id && o?.[e.route.id] !== void 0);
+    (!(e >= 0) && w(!1), (a = a.slice(0, Math.min(a.length, e + 1))));
+  }
+  let s = !1,
+    c = -1;
+  if (n && r && r.v7_partialHydration)
+    for (let e = 0; e < a.length; e++) {
+      let t = a[e];
+      if (((t.route.HydrateFallback || t.route.hydrateFallbackElement) && (c = e), t.route.id)) {
+        let { loaderData: e, errors: r } = n,
+          i = t.route.loader && e[t.route.id] === void 0 && (!r || r[t.route.id] === void 0);
+        if (t.route.lazy || i) {
+          ((s = !0), (a = c >= 0 ? a.slice(0, c + 1) : [a[0]]));
+          break;
+        }
+      }
+    }
+  return a.reduceRight((e, r, i) => {
+    let l,
+      u = !1,
+      d = null,
+      f = null;
+    n &&
+      ((l = o && r.route.id ? o[r.route.id] : void 0),
+      (d = r.route.errorElement || Ue),
+      s &&
+        (c < 0 && i === 0
+          ? (tt(`route-fallback`, !1, 'No `HydrateFallback` element provided to render during initial hydration'),
+            (u = !0),
+            (f = null))
+          : c === i && ((u = !0), (f = r.route.hydrateFallbackElement || null))));
+    let p = t.concat(a.slice(0, i + 1)),
+      m = () => {
+        let t;
+        return (
+          (t = l
+            ? d
+            : u
+              ? f
+              : r.route.Component
+                ? _.createElement(r.route.Component, null)
+                : r.route.element
+                  ? r.route.element
+                  : e),
+          _.createElement(Ge, {
+            match: r,
+            routeContext: { outlet: e, matches: p, isDataRoute: n != null },
+            children: t,
+          })
+        );
+      };
+    return n && (r.route.ErrorBoundary || r.route.errorElement || i === 0)
+      ? _.createElement(We, {
+          location: n.location,
+          revalidation: n.revalidation,
+          component: d,
+          error: l,
+          children: m(),
+          routeContext: { outlet: null, matches: p, isDataRoute: !0 },
+        })
+      : m();
+  }, null);
+}
+var qe = (function (e) {
+    return (
+      (e.UseBlocker = `useBlocker`),
+      (e.UseRevalidator = `useRevalidator`),
+      (e.UseNavigateStable = `useNavigate`),
+      e
+    );
+  })(qe || {}),
+  Je = (function (e) {
+    return (
+      (e.UseBlocker = `useBlocker`),
+      (e.UseLoaderData = `useLoaderData`),
+      (e.UseActionData = `useActionData`),
+      (e.UseRouteError = `useRouteError`),
+      (e.UseNavigation = `useNavigation`),
+      (e.UseRouteLoaderData = `useRouteLoaderData`),
+      (e.UseMatches = `useMatches`),
+      (e.UseRevalidator = `useRevalidator`),
+      (e.UseNavigateStable = `useNavigate`),
+      (e.UseRouteId = `useRouteId`),
+      e
+    );
+  })(Je || {});
+function Ye(e) {
+  let t = _.useContext(ke);
+  return (!t && w(!1), t);
+}
+function Xe(e) {
+  let t = _.useContext(Ae);
+  return (!t && w(!1), t);
+}
+function Ze(e) {
+  let t = _.useContext(Ne);
+  return (!t && w(!1), t);
+}
+function Qe(e) {
+  let t = Ze(e),
+    n = t.matches[t.matches.length - 1];
+  return (!n.route.id && w(!1), n.route.id);
+}
+function z() {
+  let e = _.useContext(Pe),
+    t = Xe(Je.UseRouteError),
+    n = Qe(Je.UseRouteError);
+  return e === void 0 ? t.errors?.[n] : e;
+}
+function $e() {
+  let { router: e } = Ye(qe.UseNavigateStable),
+    t = Qe(Je.UseNavigateStable),
+    n = _.useRef(!1);
+  return (
+    Le(() => {
+      n.current = !0;
+    }),
+    _.useCallback(
+      function (r, i) {
+        (i === void 0 && (i = {}),
+          n.current && (typeof r == `number` ? e.navigate(r) : e.navigate(r, Oe({ fromRouteId: t }, i))));
+      },
+      [e, t],
+    )
+  );
+}
+var et = {};
+function tt(e, t, n) {
+  !t && !et[e] && (et[e] = !0);
+}
+var nt = (e, t, n) => (
+  `` + t + ('You can use the `' + e + '` future flag to opt-in early. ') + (`For more information, see ` + n + `.`),
+  void 0
+);
+function rt(e, t) {
+  (e?.v7_startTransition === void 0 &&
+    nt(
+      `v7_startTransition`,
+      'React Router will begin wrapping state updates in `React.startTransition` in v7',
+      `https://reactrouter.com/v6/upgrading/future#v7_starttransition`,
+    ),
+    e?.v7_relativeSplatPath === void 0 &&
+      (!t || t.v7_relativeSplatPath === void 0) &&
+      nt(
+        `v7_relativeSplatPath`,
+        `Relative route resolution within Splat routes is changing in v7`,
+        `https://reactrouter.com/v6/upgrading/future#v7_relativesplatpath`,
+      ),
+    t &&
+      (t.v7_fetcherPersist === void 0 &&
+        nt(
+          `v7_fetcherPersist`,
+          `The persistence behavior of fetchers is changing in v7`,
+          `https://reactrouter.com/v6/upgrading/future#v7_fetcherpersist`,
+        ),
+      t.v7_normalizeFormMethod === void 0 &&
+        nt(
+          `v7_normalizeFormMethod`,
+          'Casing of `formMethod` fields is being normalized to uppercase in v7',
+          `https://reactrouter.com/v6/upgrading/future#v7_normalizeformmethod`,
+        ),
+      t.v7_partialHydration === void 0 &&
+        nt(
+          `v7_partialHydration`,
+          '`RouterProvider` hydration behavior is changing in v7',
+          `https://reactrouter.com/v6/upgrading/future#v7_partialhydration`,
+        ),
+      t.v7_skipActionErrorRevalidation === void 0 &&
+        nt(
+          `v7_skipActionErrorRevalidation`,
+          'The revalidation behavior after 4xx/5xx `action` responses is changing in v7',
+          `https://reactrouter.com/v6/upgrading/future#v7_skipactionerrorrevalidation`,
+        )));
+}
+function it(e) {
+  w(!1);
+}
+function at(e) {
+  let {
+    basename: t = `/`,
+    children: n = null,
+    location: r,
+    navigationType: i = x.Pop,
+    navigator: a,
+    static: o = !1,
+    future: s,
+  } = e;
+  Fe() && w(!1);
+  let c = t.replace(/^\/*/, `/`),
+    l = _.useMemo(
+      () => ({ basename: c, navigator: a, static: o, future: Oe({ v7_relativeSplatPath: !1 }, s) }),
+      [c, s, a, o],
+    );
+  typeof r == `string` && (r = A(r));
+  let { pathname: u = `/`, search: d = ``, hash: f = ``, state: p = null, key: m = `default` } = r,
+    h = _.useMemo(() => {
+      let e = pe(u, c);
+      return e == null ? null : { location: { pathname: e, search: d, hash: f, state: p, key: m }, navigationType: i };
+    }, [c, u, d, f, p, m, i]);
+  return h == null
+    ? null
+    : _.createElement(je.Provider, { value: l }, _.createElement(Me.Provider, { children: n, value: h }));
+}
+function ot(e) {
+  let { children: t, location: n } = e;
+  return Be(ct(t), n);
+}
+var st = (function (e) {
+  return ((e[(e.pending = 0)] = `pending`), (e[(e.success = 1)] = `success`), (e[(e.error = 2)] = `error`), e);
+})(st || {});
+(new Promise(() => {}), _.Component);
+function ct(e, t) {
+  t === void 0 && (t = []);
+  let n = [];
+  return (
+    _.Children.forEach(e, (e, r) => {
+      if (!_.isValidElement(e)) return;
+      let i = [...t, r];
+      if (e.type === _.Fragment) {
+        n.push.apply(n, ct(e.props.children, i));
+        return;
+      }
+      (e.type !== it && w(!1), !(!e.props.index || !e.props.children) && w(!1));
+      let a = {
+        id: e.props.id || i.join(`-`),
+        caseSensitive: e.props.caseSensitive,
+        element: e.props.element,
+        Component: e.props.Component,
+        index: e.props.index,
+        path: e.props.path,
+        loader: e.props.loader,
+        action: e.props.action,
+        errorElement: e.props.errorElement,
+        ErrorBoundary: e.props.ErrorBoundary,
+        hasErrorBoundary: e.props.ErrorBoundary != null || e.props.errorElement != null,
+        shouldRevalidate: e.props.shouldRevalidate,
+        handle: e.props.handle,
+        lazy: e.props.lazy,
+      };
+      (e.props.children && (a.children = ct(e.props.children, i)), n.push(a));
+    }),
+    n
+  );
+}
+var lt = `6`;
+try {
+  window.__reactRouterVersion = lt;
+} catch {}
+var ut = _.startTransition;
+function dt(e) {
+  let { basename: t, children: n, future: r, window: i } = e,
+    a = _.useRef();
+  a.current ??= C({ window: i, v5Compat: !0 });
+  let o = a.current,
+    [s, c] = _.useState({ action: o.action, location: o.location }),
+    { v7_startTransition: l } = r || {},
+    u = _.useCallback(
+      (e) => {
+        l && ut ? ut(() => c(e)) : c(e);
+      },
+      [c, l],
+    );
+  return (
+    _.useLayoutEffect(() => o.listen(u), [o, u]),
+    _.useEffect(() => rt(r), [r]),
+    _.createElement(at, {
+      basename: t,
+      children: n,
+      location: s.location,
+      navigationType: s.action,
+      navigator: o,
+      future: r,
+    })
+  );
+}
+typeof window < `u` && window.document !== void 0 && window.document.createElement;
+var ft;
+(function (e) {
+  ((e.UseScrollRestoration = `useScrollRestoration`),
+    (e.UseSubmit = `useSubmit`),
+    (e.UseSubmitFetcher = `useSubmitFetcher`),
+    (e.UseFetcher = `useFetcher`),
+    (e.useViewTransitionState = `useViewTransitionState`));
+})((ft ||= {}));
+var pt;
+(function (e) {
+  ((e.UseFetcher = `useFetcher`), (e.UseFetchers = `useFetchers`), (e.UseScrollRestoration = `useScrollRestoration`));
+})((pt ||= {}));
+var mt = Object.create(null);
+((mt.open = `0`),
+  (mt.close = `1`),
+  (mt.ping = `2`),
+  (mt.pong = `3`),
+  (mt.message = `4`),
+  (mt.upgrade = `5`),
+  (mt.noop = `6`));
+var ht = Object.create(null);
+Object.keys(mt).forEach((e) => {
+  ht[mt[e]] = e;
+});
+var gt = { type: `error`, data: `parser error` },
+  _t =
+    typeof Blob == `function` ||
+    (typeof Blob < `u` && Object.prototype.toString.call(Blob) === `[object BlobConstructor]`),
+  vt = typeof ArrayBuffer == `function`,
+  yt = (e) => (typeof ArrayBuffer.isView == `function` ? ArrayBuffer.isView(e) : e && e.buffer instanceof ArrayBuffer),
+  bt = ({ type: e, data: t }, n, r) =>
+    _t && t instanceof Blob
+      ? n
+        ? r(t)
+        : xt(t, r)
+      : vt && (t instanceof ArrayBuffer || yt(t))
+        ? n
+          ? r(t)
+          : xt(new Blob([t]), r)
+        : r(mt[e] + (t || ``)),
+  xt = (e, t) => {
+    let n = new FileReader();
+    return (
+      (n.onload = function () {
+        let e = n.result.split(`,`)[1];
+        t(`b` + (e || ``));
+      }),
+      n.readAsDataURL(e)
+    );
+  };
+function St(e) {
+  return e instanceof Uint8Array
+    ? e
+    : e instanceof ArrayBuffer
+      ? new Uint8Array(e)
+      : new Uint8Array(e.buffer, e.byteOffset, e.byteLength);
+}
+var Ct;
+function wt(e, t) {
+  if (_t && e.data instanceof Blob) return e.data.arrayBuffer().then(St).then(t);
+  if (vt && (e.data instanceof ArrayBuffer || yt(e.data))) return t(St(e.data));
+  bt(e, !1, (e) => {
+    ((Ct ||= new TextEncoder()), t(Ct.encode(e)));
+  });
+}
+var Tt = `ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/`,
+  Et = typeof Uint8Array > `u` ? [] : new Uint8Array(256);
+for (let e = 0; e < 64; e++) Et[Tt.charCodeAt(e)] = e;
+var Dt = (e) => {
+    let t = e.length * 0.75,
+      n = e.length,
+      r,
+      i = 0,
+      a,
+      o,
+      s,
+      c;
+    e[e.length - 1] === `=` && (t--, e[e.length - 2] === `=` && t--);
+    let l = new ArrayBuffer(t),
+      u = new Uint8Array(l);
+    for (r = 0; r < n; r += 4)
+      ((a = Et[e.charCodeAt(r)]),
+        (o = Et[e.charCodeAt(r + 1)]),
+        (s = Et[e.charCodeAt(r + 2)]),
+        (c = Et[e.charCodeAt(r + 3)]),
+        (u[i++] = (a << 2) | (o >> 4)),
+        (u[i++] = ((o & 15) << 4) | (s >> 2)),
+        (u[i++] = ((s & 3) << 6) | (c & 63)));
+    return l;
+  },
+  Ot = typeof ArrayBuffer == `function`,
+  kt = (e, t) => {
+    if (typeof e != `string`) return { type: `message`, data: jt(e, t) };
+    let n = e.charAt(0);
+    return n === `b`
+      ? { type: `message`, data: At(e.substring(1), t) }
+      : ht[n]
+        ? e.length > 1
+          ? { type: ht[n], data: e.substring(1) }
+          : { type: ht[n] }
+        : gt;
+  },
+  At = (e, t) => (Ot ? jt(Dt(e), t) : { base64: !0, data: e }),
+  jt = (e, t) => {
+    switch (t) {
+      case `blob`:
+        return e instanceof Blob ? e : new Blob([e]);
+      default:
+        return e instanceof ArrayBuffer ? e : e.buffer;
+    }
+  },
+  Mt = ``,
+  Nt = (e, t) => {
+    let n = e.length,
+      r = Array(n),
+      i = 0;
+    e.forEach((e, a) => {
+      bt(e, !1, (e) => {
+        ((r[a] = e), ++i === n && t(r.join(Mt)));
+      });
+    });
+  },
+  Pt = (e, t) => {
+    let n = e.split(Mt),
+      r = [];
+    for (let e = 0; e < n.length; e++) {
+      let i = kt(n[e], t);
+      if ((r.push(i), i.type === `error`)) break;
+    }
+    return r;
+  };
+function Ft() {
+  return new TransformStream({
+    transform(e, t) {
+      wt(e, (n) => {
+        let r = n.length,
+          i;
+        if (r < 126) ((i = new Uint8Array(1)), new DataView(i.buffer).setUint8(0, r));
+        else if (r < 65536) {
+          i = new Uint8Array(3);
+          let e = new DataView(i.buffer);
+          (e.setUint8(0, 126), e.setUint16(1, r));
+        } else {
+          i = new Uint8Array(9);
+          let e = new DataView(i.buffer);
+          (e.setUint8(0, 127), e.setBigUint64(1, BigInt(r)));
+        }
+        (e.data && typeof e.data != `string` && (i[0] |= 128), t.enqueue(i), t.enqueue(n));
+      });
+    },
+  });
+}
+var It;
+function Lt(e) {
+  return e.reduce((e, t) => e + t.length, 0);
+}
+function Rt(e, t) {
+  if (e[0].length === t) return e.shift();
+  let n = new Uint8Array(t),
+    r = 0;
+  for (let i = 0; i < t; i++) ((n[i] = e[0][r++]), r === e[0].length && (e.shift(), (r = 0)));
+  return (e.length && r < e[0].length && (e[0] = e[0].slice(r)), n);
+}
+function zt(e, t) {
+  It ||= new TextDecoder();
+  let n = [],
+    r = 0,
+    i = -1,
+    a = !1;
+  return new TransformStream({
+    transform(o, s) {
+      for (n.push(o); ; ) {
+        if (r === 0) {
+          if (Lt(n) < 1) break;
+          let e = Rt(n, 1);
+          ((a = (e[0] & 128) == 128), (i = e[0] & 127), (r = i < 126 ? 3 : i === 126 ? 1 : 2));
+        } else if (r === 1) {
+          if (Lt(n) < 2) break;
+          let e = Rt(n, 2);
+          ((i = new DataView(e.buffer, e.byteOffset, e.length).getUint16(0)), (r = 3));
+        } else if (r === 2) {
+          if (Lt(n) < 8) break;
+          let e = Rt(n, 8),
+            t = new DataView(e.buffer, e.byteOffset, e.length),
+            a = t.getUint32(0);
+          if (a > 2 ** 21 - 1) {
+            s.enqueue(gt);
+            break;
+          }
+          ((i = a * 2 ** 32 + t.getUint32(4)), (r = 3));
+        } else {
+          if (Lt(n) < i) break;
+          let e = Rt(n, i);
+          (s.enqueue(kt(a ? e : It.decode(e), t)), (r = 0));
+        }
+        if (i === 0 || i > e) {
+          s.enqueue(gt);
+          break;
+        }
+      }
+    },
+  });
+}
+function Bt(e) {
+  if (e) return Vt(e);
+}
+function Vt(e) {
+  for (var t in Bt.prototype) e[t] = Bt.prototype[t];
+  return e;
+}
+((Bt.prototype.on = Bt.prototype.addEventListener =
+  function (e, t) {
+    return (
+      (this._callbacks = this._callbacks || {}),
+      (this._callbacks[`$` + e] = this._callbacks[`$` + e] || []).push(t),
+      this
+    );
+  }),
+  (Bt.prototype.once = function (e, t) {
+    function n() {
+      (this.off(e, n), t.apply(this, arguments));
+    }
+    return ((n.fn = t), this.on(e, n), this);
+  }),
+  (Bt.prototype.off =
+    Bt.prototype.removeListener =
+    Bt.prototype.removeAllListeners =
+    Bt.prototype.removeEventListener =
+      function (e, t) {
+        if (((this._callbacks = this._callbacks || {}), arguments.length == 0)) return ((this._callbacks = {}), this);
+        var n = this._callbacks[`$` + e];
+        if (!n) return this;
+        if (arguments.length == 1) return (delete this._callbacks[`$` + e], this);
+        for (var r, i = 0; i < n.length; i++)
+          if (((r = n[i]), r === t || r.fn === t)) {
+            n.splice(i, 1);
+            break;
+          }
+        return (n.length === 0 && delete this._callbacks[`$` + e], this);
+      }),
+  (Bt.prototype.emit = function (e) {
+    this._callbacks = this._callbacks || {};
+    for (var t = Array(arguments.length - 1), n = this._callbacks[`$` + e], r = 1; r < arguments.length; r++)
+      t[r - 1] = arguments[r];
+    if (n) {
+      n = n.slice(0);
+      for (var r = 0, i = n.length; r < i; ++r) n[r].apply(this, t);
+    }
+    return this;
+  }),
+  (Bt.prototype.emitReserved = Bt.prototype.emit),
+  (Bt.prototype.listeners = function (e) {
+    return ((this._callbacks = this._callbacks || {}), this._callbacks[`$` + e] || []);
+  }),
+  (Bt.prototype.hasListeners = function (e) {
+    return !!this.listeners(e).length;
+  }));
+var B =
+    typeof Promise == `function` && typeof Promise.resolve == `function`
+      ? (e) => Promise.resolve().then(e)
+      : (e, t) => t(e, 0),
+  Ht = typeof self < `u` ? self : typeof window < `u` ? window : Function(`return this`)(),
+  Ut = `arraybuffer`;
+function Wt(e, ...t) {
+  return t.reduce((t, n) => (e.hasOwnProperty(n) && (t[n] = e[n]), t), {});
+}
+var Gt = Ht.setTimeout,
+  Kt = Ht.clearTimeout;
+function qt(e, t) {
+  t.useNativeTimers
+    ? ((e.setTimeoutFn = Gt.bind(Ht)), (e.clearTimeoutFn = Kt.bind(Ht)))
+    : ((e.setTimeoutFn = Ht.setTimeout.bind(Ht)), (e.clearTimeoutFn = Ht.clearTimeout.bind(Ht)));
+}
+var Jt = 1.33;
+function Yt(e) {
+  return typeof e == `string` ? Xt(e) : Math.ceil((e.byteLength || e.size) * Jt);
+}
+function Xt(e) {
+  let t = 0,
+    n = 0;
+  for (let r = 0, i = e.length; r < i; r++)
+    ((t = e.charCodeAt(r)),
+      t < 128 ? (n += 1) : t < 2048 ? (n += 2) : t < 55296 || t >= 57344 ? (n += 3) : (r++, (n += 4)));
+  return n;
+}
+function Zt() {
+  return Date.now().toString(36).substring(3) + Math.random().toString(36).substring(2, 5);
+}
+function Qt(e) {
+  let t = ``;
+  for (let n in e)
+    e.hasOwnProperty(n) && (t.length && (t += `&`), (t += encodeURIComponent(n) + `=` + encodeURIComponent(e[n])));
+  return t;
+}
+function $t(e) {
+  let t = {},
+    n = e.split(`&`);
+  for (let e = 0, r = n.length; e < r; e++) {
+    let r = n[e].split(`=`);
+    t[decodeURIComponent(r[0])] = decodeURIComponent(r[1]);
+  }
+  return t;
+}
+var en = class extends Error {
+    constructor(e, t, n) {
+      (super(e), (this.description = t), (this.context = n), (this.type = `TransportError`));
+    }
+  },
+  tn = class extends Bt {
+    constructor(e) {
+      (super(),
+        (this.writable = !1),
+        qt(this, e),
+        (this.opts = e),
+        (this.query = e.query),
+        (this.socket = e.socket),
+        (this.supportsBinary = !e.forceBase64));
+    }
+    onError(e, t, n) {
+      return (super.emitReserved(`error`, new en(e, t, n)), this);
+    }
+    open() {
+      return ((this.readyState = `opening`), this.doOpen(), this);
+    }
+    close() {
+      return ((this.readyState === `opening` || this.readyState === `open`) && (this.doClose(), this.onClose()), this);
+    }
+    send(e) {
+      this.readyState === `open` && this.write(e);
+    }
+    onOpen() {
+      ((this.readyState = `open`), (this.writable = !0), super.emitReserved(`open`));
+    }
+    onData(e) {
+      let t = kt(e, this.socket.binaryType);
+      this.onPacket(t);
+    }
+    onPacket(e) {
+      super.emitReserved(`packet`, e);
+    }
+    onClose(e) {
+      ((this.readyState = `closed`), super.emitReserved(`close`, e));
+    }
+    pause(e) {}
+    createUri(e, t = {}) {
+      return e + `://` + this._hostname() + this._port() + this.opts.path + this._query(t);
+    }
+    _hostname() {
+      let e = this.opts.hostname;
+      return e.indexOf(`:`) === -1 ? e : `[` + e + `]`;
+    }
+    _port() {
+      return this.opts.port &&
+        ((this.opts.secure && Number(this.opts.port) !== 443) || (!this.opts.secure && Number(this.opts.port) !== 80))
+        ? `:` + this.opts.port
+        : ``;
+    }
+    _query(e) {
+      let t = Qt(e);
+      return t.length ? `?` + t : ``;
+    }
+  },
+  nn = class extends tn {
+    constructor() {
+      (super(...arguments), (this._polling = !1));
+    }
+    get name() {
+      return `polling`;
+    }
+    doOpen() {
+      this._poll();
+    }
+    pause(e) {
+      this.readyState = `pausing`;
+      let t = () => {
+        ((this.readyState = `paused`), e());
+      };
+      if (this._polling || !this.writable) {
+        let e = 0;
+        (this._polling &&
+          (e++,
+          this.once(`pollComplete`, function () {
+            --e || t();
+          })),
+          this.writable ||
+            (e++,
+            this.once(`drain`, function () {
+              --e || t();
+            })));
+      } else t();
+    }
+    _poll() {
+      ((this._polling = !0), this.doPoll(), this.emitReserved(`poll`));
+    }
+    onData(e) {
+      (Pt(e, this.socket.binaryType).forEach((e) => {
+        if ((this.readyState === `opening` && e.type === `open` && this.onOpen(), e.type === `close`))
+          return (this.onClose({ description: `transport closed by the server` }), !1);
+        this.onPacket(e);
+      }),
+        this.readyState !== `closed` &&
+          ((this._polling = !1), this.emitReserved(`pollComplete`), this.readyState === `open` && this._poll()));
+    }
+    doClose() {
+      let e = () => {
+        this.write([{ type: `close` }]);
+      };
+      this.readyState === `open` ? e() : this.once(`open`, e);
+    }
+    write(e) {
+      ((this.writable = !1),
+        Nt(e, (e) => {
+          this.doWrite(e, () => {
+            ((this.writable = !0), this.emitReserved(`drain`));
+          });
+        }));
+    }
+    uri() {
+      let e = this.opts.secure ? `https` : `http`,
+        t = this.query || {};
+      return (
+        !1 !== this.opts.timestampRequests && (t[this.opts.timestampParam] = Zt()),
+        !this.supportsBinary && !t.sid && (t.b64 = 1),
+        this.createUri(e, t)
+      );
+    }
+  },
+  rn = !1;
+try {
+  rn = typeof XMLHttpRequest < `u` && `withCredentials` in new XMLHttpRequest();
+} catch {}
+var an = rn;
+function on() {}
+var sn = class extends nn {
+    constructor(e) {
+      if ((super(e), typeof location < `u`)) {
+        let t = location.protocol === `https:`,
+          n = location.port;
+        ((n ||= t ? `443` : `80`),
+          (this.xd = (typeof location < `u` && e.hostname !== location.hostname) || n !== e.port));
+      }
+    }
+    doWrite(e, t) {
+      let n = this.request({ method: `POST`, data: e });
+      (n.on(`success`, t),
+        n.on(`error`, (e, t) => {
+          this.onError(`xhr post error`, e, t);
+        }));
+    }
+    doPoll() {
+      let e = this.request();
+      (e.on(`data`, this.onData.bind(this)),
+        e.on(`error`, (e, t) => {
+          this.onError(`xhr poll error`, e, t);
+        }),
+        (this.pollXhr = e));
+    }
+  },
+  cn = class e extends Bt {
+    constructor(e, t, n) {
+      (super(),
+        (this.createRequest = e),
+        qt(this, n),
+        (this._opts = n),
+        (this._method = n.method || `GET`),
+        (this._uri = t),
+        (this._data = n.data === void 0 ? null : n.data),
+        this._create());
+    }
+    _create() {
+      var t;
+      let n = Wt(
+        this._opts,
+        `agent`,
+        `pfx`,
+        `key`,
+        `passphrase`,
+        `cert`,
+        `ca`,
+        `ciphers`,
+        `rejectUnauthorized`,
+        `autoUnref`,
+      );
+      n.xdomain = !!this._opts.xd;
+      let r = (this._xhr = this.createRequest(n));
+      try {
+        r.open(this._method, this._uri, !0);
+        try {
+          if (this._opts.extraHeaders) {
+            r.setDisableHeaderCheck && r.setDisableHeaderCheck(!0);
+            for (let e in this._opts.extraHeaders)
+              this._opts.extraHeaders.hasOwnProperty(e) && r.setRequestHeader(e, this._opts.extraHeaders[e]);
+          }
+        } catch {}
+        if (this._method === `POST`)
+          try {
+            r.setRequestHeader(`Content-type`, `text/plain;charset=UTF-8`);
+          } catch {}
+        try {
+          r.setRequestHeader(`Accept`, `*/*`);
+        } catch {}
+        ((t = this._opts.cookieJar) == null || t.addCookies(r),
+          `withCredentials` in r && (r.withCredentials = this._opts.withCredentials),
+          this._opts.requestTimeout && (r.timeout = this._opts.requestTimeout),
+          (r.onreadystatechange = () => {
+            var e;
+            (r.readyState === 3 &&
+              ((e = this._opts.cookieJar) == null || e.parseCookies(r.getResponseHeader(`set-cookie`))),
+              r.readyState === 4 &&
+                (r.status === 200 || r.status === 1223
+                  ? this._onLoad()
+                  : this.setTimeoutFn(() => {
+                      this._onError(typeof r.status == `number` ? r.status : 0);
+                    }, 0)));
+          }),
+          r.send(this._data));
+      } catch (e) {
+        this.setTimeoutFn(() => {
+          this._onError(e);
+        }, 0);
+        return;
+      }
+      typeof document < `u` && ((this._index = e.requestsCount++), (e.requests[this._index] = this));
+    }
+    _onError(e) {
+      (this.emitReserved(`error`, e, this._xhr), this._cleanup(!0));
+    }
+    _cleanup(t) {
+      if (!(this._xhr === void 0 || this._xhr === null)) {
+        if (((this._xhr.onreadystatechange = on), t))
+          try {
+            this._xhr.abort();
+          } catch {}
+        (typeof document < `u` && delete e.requests[this._index], (this._xhr = null));
+      }
+    }
+    _onLoad() {
+      let e = this._xhr.responseText;
+      e !== null && (this.emitReserved(`data`, e), this.emitReserved(`success`), this._cleanup());
+    }
+    abort() {
+      this._cleanup();
+    }
+  };
+if (((cn.requestsCount = 0), (cn.requests = {}), typeof document < `u`)) {
+  if (typeof attachEvent == `function`) attachEvent(`onunload`, ln);
+  else if (typeof addEventListener == `function`) {
+    let e = `onpagehide` in Ht ? `pagehide` : `unload`;
+    addEventListener(e, ln, !1);
+  }
+}
+function ln() {
+  for (let e in cn.requests) cn.requests.hasOwnProperty(e) && cn.requests[e].abort();
+}
+var un = (function () {
+    let e = fn({ xdomain: !1 });
+    return e && e.responseType !== null;
+  })(),
+  dn = class extends sn {
+    constructor(e) {
+      super(e);
+      let t = e && e.forceBase64;
+      this.supportsBinary = un && !t;
+    }
+    request(e = {}) {
+      return (Object.assign(e, { xd: this.xd }, this.opts), new cn(fn, this.uri(), e));
+    }
+  };
+function fn(e) {
+  let t = e.xdomain;
+  try {
+    if (typeof XMLHttpRequest < `u` && (!t || an)) return new XMLHttpRequest();
+  } catch {}
+  if (!t)
+    try {
+      return new Ht[[`Active`, `Object`].join(`X`)](`Microsoft.XMLHTTP`);
+    } catch {}
+}
+var pn =
+    typeof navigator < `u` && typeof navigator.product == `string` && navigator.product.toLowerCase() === `reactnative`,
+  mn = class extends tn {
+    get name() {
+      return `websocket`;
+    }
+    doOpen() {
+      let e = this.uri(),
+        t = this.opts.protocols,
+        n = pn
+          ? {}
+          : Wt(
+              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 = this.createSocket(e, t, n);
+      } catch (e) {
+        return this.emitReserved(`error`, e);
+      }
+      ((this.ws.binaryType = this.socket.binaryType), this.addEventListeners());
+    }
+    addEventListeners() {
+      ((this.ws.onopen = () => {
+        (this.opts.autoUnref && this.ws._socket.unref(), this.onOpen());
+      }),
+        (this.ws.onclose = (e) => this.onClose({ description: `websocket connection closed`, context: e })),
+        (this.ws.onmessage = (e) => this.onData(e.data)),
+        (this.ws.onerror = (e) => this.onError(`websocket error`, e)));
+    }
+    write(e) {
+      this.writable = !1;
+      for (let t = 0; t < e.length; t++) {
+        let n = e[t],
+          r = t === e.length - 1;
+        bt(n, this.supportsBinary, (e) => {
+          try {
+            this.doWrite(n, e);
+          } catch {}
+          r &&
+            B(() => {
+              ((this.writable = !0), this.emitReserved(`drain`));
+            }, this.setTimeoutFn);
+        });
+      }
+    }
+    doClose() {
+      this.ws !== void 0 && ((this.ws.onerror = () => {}), this.ws.close(), (this.ws = null));
+    }
+    uri() {
+      let e = this.opts.secure ? `wss` : `ws`,
+        t = this.query || {};
+      return (
+        this.opts.timestampRequests && (t[this.opts.timestampParam] = Zt()),
+        this.supportsBinary || (t.b64 = 1),
+        this.createUri(e, t)
+      );
+    }
+  },
+  hn = Ht.WebSocket || Ht.MozWebSocket,
+  gn = {
+    websocket: class extends mn {
+      createSocket(e, t, n) {
+        return pn ? new hn(e, t, n) : t ? new hn(e, t) : new hn(e);
+      }
+      doWrite(e, t) {
+        this.ws.send(t);
+      }
+    },
+    webtransport: class extends tn {
+      get name() {
+        return `webtransport`;
+      }
+      doOpen() {
+        try {
+          this._transport = new WebTransport(this.createUri(`https`), this.opts.transportOptions[this.name]);
+        } catch (e) {
+          return this.emitReserved(`error`, e);
+        }
+        (this._transport.closed
+          .then(() => {
+            this.onClose();
+          })
+          .catch((e) => {
+            this.onError(`webtransport error`, e);
+          }),
+          this._transport.ready.then(() => {
+            this._transport.createBidirectionalStream().then((e) => {
+              let t = zt(2 ** 53 - 1, this.socket.binaryType),
+                n = e.readable.pipeThrough(t).getReader(),
+                r = Ft();
+              (r.readable.pipeTo(e.writable), (this._writer = r.writable.getWriter()));
+              let i = () => {
+                n.read()
+                  .then(({ done: e, value: t }) => {
+                    e || (this.onPacket(t), i());
+                  })
+                  .catch((e) => {});
+              };
+              i();
+              let a = { type: `open` };
+              (this.query.sid && (a.data = `{"sid":"${this.query.sid}"}`),
+                this._writer.write(a).then(() => this.onOpen()));
+            });
+          }));
+      }
+      write(e) {
+        this.writable = !1;
+        for (let t = 0; t < e.length; t++) {
+          let n = e[t],
+            r = t === e.length - 1;
+          this._writer.write(n).then(() => {
+            r &&
+              B(() => {
+                ((this.writable = !0), this.emitReserved(`drain`));
+              }, this.setTimeoutFn);
+          });
+        }
+      }
+      doClose() {
+        var e;
+        (e = this._transport) == null || e.close();
+      }
+    },
+    polling: dn,
+  },
+  _n =
+    /^(?:(?![^:@\/?#]+:[^:@\/]*@)(http|https|ws|wss):\/\/)?((?:(([^:@\/?#]*)(?::([^:@\/?#]*))?)?@)?((?:[a-f0-9]{0,4}:){2,7}[a-f0-9]{0,4}|[^:\/?#]*)(?::(\d*))?)(((\/(?:[^?#](?![^?#\/]*\.[^?#\/.]+(?:[?#]|$)))*\/?)?([^?#\/]*))(?:\?([^#]*))?(?:#(.*))?)/,
+  vn = [
+    `source`,
+    `protocol`,
+    `authority`,
+    `userInfo`,
+    `user`,
+    `password`,
+    `host`,
+    `port`,
+    `relative`,
+    `path`,
+    `directory`,
+    `file`,
+    `query`,
+    `anchor`,
+  ];
+function yn(e) {
+  if (e.length > 8e3) throw `URI too long`;
+  let t = e,
+    n = e.indexOf(`[`),
+    r = e.indexOf(`]`);
+  n != -1 && r != -1 && (e = e.substring(0, n) + e.substring(n, r).replace(/:/g, `;`) + e.substring(r, e.length));
+  let i = _n.exec(e || ``),
+    a = {},
+    o = 14;
+  for (; o--; ) a[vn[o]] = i[o] || ``;
+  return (
+    n != -1 &&
+      r != -1 &&
+      ((a.source = t),
+      (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 = bn(a, a.path)),
+    (a.queryKey = xn(a, a.query)),
+    a
+  );
+}
+function bn(e, t) {
+  let n = t.replace(/\/{2,9}/g, `/`).split(`/`);
+  return (
+    (t.slice(0, 1) == `/` || t.length === 0) && n.splice(0, 1),
+    t.slice(-1) == `/` && n.splice(n.length - 1, 1),
+    n
+  );
+}
+function xn(e, t) {
+  let n = {};
+  return (
+    t.replace(/(?:^|&)([^&=]*)=?([^&]*)/g, function (e, t, r) {
+      t && (n[t] = r);
+    }),
+    n
+  );
+}
+var Sn = typeof addEventListener == `function` && typeof removeEventListener == `function`,
+  Cn = [];
+Sn &&
+  addEventListener(
+    `offline`,
+    () => {
+      Cn.forEach((e) => e());
+    },
+    !1,
+  );
+var wn = class e extends Bt {
+  constructor(e, t) {
+    if (
+      (super(),
+      (this.binaryType = Ut),
+      (this.writeBuffer = []),
+      (this._prevBufferLen = 0),
+      (this._pingInterval = -1),
+      (this._pingTimeout = -1),
+      (this._maxPayload = -1),
+      (this._pingTimeoutTime = 1 / 0),
+      e && typeof e == `object` && ((t = e), (e = null)),
+      e)
+    ) {
+      let n = yn(e);
+      ((t.hostname = n.host),
+        (t.secure = n.protocol === `https` || n.protocol === `wss`),
+        (t.port = n.port),
+        n.query && (t.query = n.query));
+    } else t.host && (t.hostname = yn(t.host).host);
+    (qt(this, t),
+      (this.secure = t.secure == null ? typeof location < `u` && location.protocol === `https:` : t.secure),
+      t.hostname && !t.port && (t.port = this.secure ? `443` : `80`),
+      (this.hostname = t.hostname || (typeof location < `u` ? location.hostname : `localhost`)),
+      (this.port = t.port || (typeof location < `u` && location.port ? location.port : this.secure ? `443` : `80`)),
+      (this.transports = []),
+      (this._transportsByName = {}),
+      t.transports.forEach((e) => {
+        let t = e.prototype.name;
+        (this.transports.push(t), (this._transportsByName[t] = e));
+      }),
+      (this.opts = Object.assign(
+        {
+          path: `/engine.io`,
+          agent: !1,
+          withCredentials: !1,
+          upgrade: !0,
+          timestampParam: `t`,
+          rememberUpgrade: !1,
+          addTrailingSlash: !0,
+          rejectUnauthorized: !0,
+          perMessageDeflate: { threshold: 1024 },
+          transportOptions: {},
+          closeOnBeforeunload: !1,
+        },
+        t,
+      )),
+      (this.opts.path = this.opts.path.replace(/\/$/, ``) + (this.opts.addTrailingSlash ? `/` : ``)),
+      typeof this.opts.query == `string` && (this.opts.query = $t(this.opts.query)),
+      Sn &&
+        (this.opts.closeOnBeforeunload &&
+          ((this._beforeunloadEventListener = () => {
+            this.transport && (this.transport.removeAllListeners(), this.transport.close());
+          }),
+          addEventListener(`beforeunload`, this._beforeunloadEventListener, !1)),
+        this.hostname !== `localhost` &&
+          ((this._offlineEventListener = () => {
+            this._onClose(`transport close`, { description: `network connection lost` });
+          }),
+          Cn.push(this._offlineEventListener))),
+      this.opts.withCredentials && (this._cookieJar = void 0),
+      this._open());
+  }
+  createTransport(e) {
+    let t = Object.assign({}, this.opts.query);
+    ((t.EIO = 4), (t.transport = e), this.id && (t.sid = this.id));
+    let n = Object.assign(
+      {},
+      this.opts,
+      { query: t, socket: this, hostname: this.hostname, secure: this.secure, port: this.port },
+      this.opts.transportOptions[e],
+    );
+    return new this._transportsByName[e](n);
+  }
+  _open() {
+    if (this.transports.length === 0) {
+      this.setTimeoutFn(() => {
+        this.emitReserved(`error`, `No transports available`);
+      }, 0);
+      return;
+    }
+    let t =
+      this.opts.rememberUpgrade && e.priorWebsocketSuccess && this.transports.indexOf(`websocket`) !== -1
+        ? `websocket`
+        : this.transports[0];
+    this.readyState = `opening`;
+    let n = this.createTransport(t);
+    (n.open(), this.setTransport(n));
+  }
+  setTransport(e) {
+    (this.transport && this.transport.removeAllListeners(),
+      (this.transport = e),
+      e
+        .on(`drain`, this._onDrain.bind(this))
+        .on(`packet`, this._onPacket.bind(this))
+        .on(`error`, this._onError.bind(this))
+        .on(`close`, (e) => this._onClose(`transport close`, e)));
+  }
+  onOpen() {
+    ((this.readyState = `open`),
+      (e.priorWebsocketSuccess = this.transport.name === `websocket`),
+      this.emitReserved(`open`),
+      this.flush());
+  }
+  _onPacket(e) {
+    if (this.readyState === `opening` || this.readyState === `open` || this.readyState === `closing`)
+      switch ((this.emitReserved(`packet`, e), this.emitReserved(`heartbeat`), e.type)) {
+        case `open`:
+          this.onHandshake(JSON.parse(e.data));
+          break;
+        case `ping`:
+          (this._sendPacket(`pong`), this.emitReserved(`ping`), this.emitReserved(`pong`), this._resetPingTimeout());
+          break;
+        case `error`:
+          let t = Error(`server error`);
+          ((t.code = e.data), this._onError(t));
+          break;
+        case `message`:
+          (this.emitReserved(`data`, e.data), this.emitReserved(`message`, e.data));
+          break;
+      }
+  }
+  onHandshake(e) {
+    (this.emitReserved(`handshake`, e),
+      (this.id = e.sid),
+      (this.transport.query.sid = e.sid),
+      (this._pingInterval = e.pingInterval),
+      (this._pingTimeout = e.pingTimeout),
+      (this._maxPayload = e.maxPayload),
+      this.onOpen(),
+      this.readyState !== `closed` && this._resetPingTimeout());
+  }
+  _resetPingTimeout() {
+    this.clearTimeoutFn(this._pingTimeoutTimer);
+    let e = this._pingInterval + this._pingTimeout;
+    ((this._pingTimeoutTime = Date.now() + e),
+      (this._pingTimeoutTimer = this.setTimeoutFn(() => {
+        this._onClose(`ping timeout`);
+      }, e)),
+      this.opts.autoUnref && this._pingTimeoutTimer.unref());
+  }
+  _onDrain() {
+    (this.writeBuffer.splice(0, this._prevBufferLen),
+      (this._prevBufferLen = 0),
+      this.writeBuffer.length === 0 ? this.emitReserved(`drain`) : this.flush());
+  }
+  flush() {
+    if (this.readyState !== `closed` && this.transport.writable && !this.upgrading && this.writeBuffer.length) {
+      let e = this._getWritablePackets();
+      (this.transport.send(e), (this._prevBufferLen = e.length), this.emitReserved(`flush`));
+    }
+  }
+  _getWritablePackets() {
+    if (!(this._maxPayload && this.transport.name === `polling` && this.writeBuffer.length > 1))
+      return this.writeBuffer;
+    let e = 1;
+    for (let t = 0; t < this.writeBuffer.length; t++) {
+      let n = this.writeBuffer[t].data;
+      if ((n && (e += Yt(n)), t > 0 && e > this._maxPayload)) return this.writeBuffer.slice(0, t);
+      e += 2;
+    }
+    return this.writeBuffer;
+  }
+  _hasPingExpired() {
+    if (!this._pingTimeoutTime) return !0;
+    let e = Date.now() > this._pingTimeoutTime;
+    return (
+      e &&
+        ((this._pingTimeoutTime = 0),
+        B(() => {
+          this._onClose(`ping timeout`);
+        }, this.setTimeoutFn)),
+      e
+    );
+  }
+  write(e, t, n) {
+    return (this._sendPacket(`message`, e, t, n), this);
+  }
+  send(e, t, n) {
+    return (this._sendPacket(`message`, e, t, n), this);
+  }
+  _sendPacket(e, t, n, r) {
+    if (
+      (typeof t == `function` && ((r = t), (t = void 0)),
+      typeof n == `function` && ((r = n), (n = null)),
+      this.readyState === `closing` || this.readyState === `closed`)
+    )
+      return;
+    ((n ||= {}), (n.compress = !1 !== n.compress));
+    let i = { type: e, data: t, options: n };
+    (this.emitReserved(`packetCreate`, i), this.writeBuffer.push(i), r && this.once(`flush`, r), this.flush());
+  }
+  close() {
+    let e = () => {
+        (this._onClose(`forced close`), this.transport.close());
+      },
+      t = () => {
+        (this.off(`upgrade`, t), this.off(`upgradeError`, t), e());
+      },
+      n = () => {
+        (this.once(`upgrade`, t), this.once(`upgradeError`, t));
+      };
+    return (
+      (this.readyState === `opening` || this.readyState === `open`) &&
+        ((this.readyState = `closing`),
+        this.writeBuffer.length
+          ? this.once(`drain`, () => {
+              this.upgrading ? n() : e();
+            })
+          : this.upgrading
+            ? n()
+            : e()),
+      this
+    );
+  }
+  _onError(t) {
+    if (
+      ((e.priorWebsocketSuccess = !1),
+      this.opts.tryAllTransports && this.transports.length > 1 && this.readyState === `opening`)
+    )
+      return (this.transports.shift(), this._open());
+    (this.emitReserved(`error`, t), this._onClose(`transport error`, t));
+  }
+  _onClose(e, t) {
+    if (this.readyState === `opening` || this.readyState === `open` || this.readyState === `closing`) {
+      if (
+        (this.clearTimeoutFn(this._pingTimeoutTimer),
+        this.transport.removeAllListeners(`close`),
+        this.transport.close(),
+        this.transport.removeAllListeners(),
+        Sn &&
+          (this._beforeunloadEventListener && removeEventListener(`beforeunload`, this._beforeunloadEventListener, !1),
+          this._offlineEventListener))
+      ) {
+        let e = Cn.indexOf(this._offlineEventListener);
+        e !== -1 && Cn.splice(e, 1);
+      }
+      ((this.readyState = `closed`),
+        (this.id = null),
+        this.emitReserved(`close`, e, t),
+        (this.writeBuffer = []),
+        (this._prevBufferLen = 0));
+    }
+  }
+};
+wn.protocol = 4;
+var Tn = class extends wn {
+    constructor() {
+      (super(...arguments), (this._upgrades = []));
+    }
+    onOpen() {
+      if ((super.onOpen(), this.readyState === `open` && this.opts.upgrade))
+        for (let e = 0; e < this._upgrades.length; e++) this._probe(this._upgrades[e]);
+    }
+    _probe(e) {
+      let t = this.createTransport(e),
+        n = !1;
+      wn.priorWebsocketSuccess = !1;
+      let r = () => {
+        n ||
+          (t.send([{ type: `ping`, data: `probe` }]),
+          t.once(`packet`, (e) => {
+            if (!n)
+              if (e.type === `pong` && e.data === `probe`) {
+                if (((this.upgrading = !0), this.emitReserved(`upgrading`, t), !t)) return;
+                ((wn.priorWebsocketSuccess = t.name === `websocket`),
+                  this.transport.pause(() => {
+                    n ||
+                      (this.readyState !== `closed` &&
+                        (l(),
+                        this.setTransport(t),
+                        t.send([{ type: `upgrade` }]),
+                        this.emitReserved(`upgrade`, t),
+                        (t = null),
+                        (this.upgrading = !1),
+                        this.flush()));
+                  }));
+              } else {
+                let e = Error(`probe error`);
+                ((e.transport = t.name), this.emitReserved(`upgradeError`, e));
+              }
+          }));
+      };
+      function i() {
+        n || ((n = !0), l(), t.close(), (t = null));
+      }
+      let a = (e) => {
+        let n = Error(`probe error: ` + e);
+        ((n.transport = t.name), i(), this.emitReserved(`upgradeError`, n));
+      };
+      function o() {
+        a(`transport closed`);
+      }
+      function s() {
+        a(`socket closed`);
+      }
+      function c(e) {
+        t && e.name !== t.name && i();
+      }
+      let l = () => {
+        (t.removeListener(`open`, r),
+          t.removeListener(`error`, a),
+          t.removeListener(`close`, o),
+          this.off(`close`, s),
+          this.off(`upgrading`, c));
+      };
+      (t.once(`open`, r),
+        t.once(`error`, a),
+        t.once(`close`, o),
+        this.once(`close`, s),
+        this.once(`upgrading`, c),
+        this._upgrades.indexOf(`webtransport`) !== -1 && e !== `webtransport`
+          ? this.setTimeoutFn(() => {
+              n || t.open();
+            }, 200)
+          : t.open());
+    }
+    onHandshake(e) {
+      ((this._upgrades = this._filterUpgrades(e.upgrades)), super.onHandshake(e));
+    }
+    _filterUpgrades(e) {
+      let t = [];
+      for (let n = 0; n < e.length; n++) ~this.transports.indexOf(e[n]) && t.push(e[n]);
+      return t;
+    }
+  },
+  En = class extends Tn {
+    constructor(e, t = {}) {
+      let n = typeof e == `object` ? e : t;
+      ((!n.transports || (n.transports && typeof n.transports[0] == `string`)) &&
+        (n.transports = (n.transports || [`polling`, `websocket`, `webtransport`])
+          .map((e) => gn[e])
+          .filter((e) => !!e)),
+        super(e, n));
+    }
+  };
+En.protocol;
+function Dn(e, t = ``, n) {
+  let r = e;
+  ((n ||= typeof location < `u` && location),
+    (e ??= n.protocol + `//` + n.host),
+    typeof e == `string` &&
+      (e.charAt(0) === `/` && (e = e.charAt(1) === `/` ? n.protocol + e : n.host + e),
+      /^(https?|wss?):\/\//.test(e) || (e = n === void 0 ? `https://` + e : n.protocol + `//` + e),
+      (r = yn(e))),
+    r.port || (/^(http|ws)$/.test(r.protocol) ? (r.port = `80`) : /^(http|ws)s$/.test(r.protocol) && (r.port = `443`)),
+    (r.path = r.path || `/`));
+  let i = r.host.indexOf(`:`) === -1 ? r.host : `[` + r.host + `]`;
+  return (
+    (r.id = r.protocol + `://` + i + `:` + r.port + t),
+    (r.href = r.protocol + `://` + i + (n && n.port === r.port ? `` : `:` + r.port)),
+    r
+  );
+}
+var On = typeof ArrayBuffer == `function`,
+  kn = (e) => (typeof ArrayBuffer.isView == `function` ? ArrayBuffer.isView(e) : e.buffer instanceof ArrayBuffer),
+  An = Object.prototype.toString,
+  jn = typeof Blob == `function` || (typeof Blob < `u` && An.call(Blob) === `[object BlobConstructor]`),
+  Mn = typeof File == `function` || (typeof File < `u` && An.call(File) === `[object FileConstructor]`);
+function Nn(e) {
+  return (On && (e instanceof ArrayBuffer || kn(e))) || (jn && e instanceof Blob) || (Mn && e instanceof File);
+}
+function Pn(e, t) {
+  if (!e || typeof e != `object`) return !1;
+  if (Array.isArray(e)) {
+    for (let t = 0, n = e.length; t < n; t++) if (Pn(e[t])) return !0;
+    return !1;
+  }
+  if (Nn(e)) return !0;
+  if (e.toJSON && typeof e.toJSON == `function` && arguments.length === 1) return Pn(e.toJSON(), !0);
+  for (let t in e) if (Object.prototype.hasOwnProperty.call(e, t) && Pn(e[t])) return !0;
+  return !1;
+}
+function Fn(e) {
+  let t = [],
+    n = e.data,
+    r = e;
+  return ((r.data = In(n, t)), (r.attachments = t.length), { packet: r, buffers: t });
+}
+function In(e, t) {
+  if (!e) return e;
+  if (Nn(e)) {
+    let n = { _placeholder: !0, num: t.length };
+    return (t.push(e), n);
+  } else if (Array.isArray(e)) {
+    let n = Array(e.length);
+    for (let r = 0; r < e.length; r++) n[r] = In(e[r], t);
+    return n;
+  } else if (typeof e == `object` && !(e instanceof Date)) {
+    let n = {};
+    for (let r in e) Object.prototype.hasOwnProperty.call(e, r) && (n[r] = In(e[r], t));
+    return n;
+  }
+  return e;
+}
+function Ln(e, t) {
+  return ((e.data = Rn(e.data, t)), delete e.attachments, e);
+}
+function Rn(e, t) {
+  if (!e) return e;
+  if (e && e._placeholder === !0) {
+    if (typeof e.num == `number` && e.num >= 0 && e.num < t.length) return t[e.num];
+    throw Error(`illegal attachments`);
+  } else if (Array.isArray(e)) for (let n = 0; n < e.length; n++) e[n] = Rn(e[n], t);
+  else if (typeof e == `object`) for (let n in e) Object.prototype.hasOwnProperty.call(e, n) && (e[n] = Rn(e[n], t));
+  return e;
+}
+var zn = s({ Decoder: () => Un, Encoder: () => Vn, PacketType: () => V, protocol: () => 5 }),
+  Bn = [`connect`, `connect_error`, `disconnect`, `disconnecting`, `newListener`, `removeListener`],
+  V;
+(function (e) {
+  ((e[(e.CONNECT = 0)] = `CONNECT`),
+    (e[(e.DISCONNECT = 1)] = `DISCONNECT`),
+    (e[(e.EVENT = 2)] = `EVENT`),
+    (e[(e.ACK = 3)] = `ACK`),
+    (e[(e.CONNECT_ERROR = 4)] = `CONNECT_ERROR`),
+    (e[(e.BINARY_EVENT = 5)] = `BINARY_EVENT`),
+    (e[(e.BINARY_ACK = 6)] = `BINARY_ACK`));
+})((V ||= {}));
+var Vn = class {
+  constructor(e) {
+    this.replacer = e;
+  }
+  encode(e) {
+    return (e.type === V.EVENT || e.type === V.ACK) && Pn(e)
+      ? this.encodeAsBinary({
+          type: e.type === V.EVENT ? V.BINARY_EVENT : V.BINARY_ACK,
+          nsp: e.nsp,
+          data: e.data,
+          id: e.id,
+        })
+      : [this.encodeAsString(e)];
+  }
+  encodeAsString(e) {
+    let t = `` + e.type;
+    return (
+      (e.type === V.BINARY_EVENT || e.type === V.BINARY_ACK) && (t += e.attachments + `-`),
+      e.nsp && e.nsp !== `/` && (t += e.nsp + `,`),
+      e.id != null && (t += e.id),
+      e.data != null && (t += JSON.stringify(e.data, this.replacer)),
+      t
+    );
+  }
+  encodeAsBinary(e) {
+    let t = Fn(e),
+      n = this.encodeAsString(t.packet),
+      r = t.buffers;
+    return (r.unshift(n), r);
+  }
+};
+function Hn(e) {
+  return Object.prototype.toString.call(e) === `[object Object]`;
+}
+var Un = class e extends Bt {
+    constructor(e) {
+      (super(), (this.reviver = e));
+    }
+    add(e) {
+      let t;
+      if (typeof e == `string`) {
+        if (this.reconstructor) throw Error(`got plaintext data when reconstructing a packet`);
+        t = this.decodeString(e);
+        let n = t.type === V.BINARY_EVENT;
+        n || t.type === V.BINARY_ACK
+          ? ((t.type = n ? V.EVENT : V.ACK),
+            (this.reconstructor = new Wn(t)),
+            t.attachments === 0 && super.emitReserved(`decoded`, t))
+          : super.emitReserved(`decoded`, t);
+      } else if (Nn(e) || e.base64)
+        if (this.reconstructor)
+          ((t = this.reconstructor.takeBinaryData(e)),
+            t && ((this.reconstructor = null), super.emitReserved(`decoded`, t)));
+        else throw Error(`got binary data when not reconstructing a packet`);
+      else throw Error(`Unknown type: ` + e);
+    }
+    decodeString(t) {
+      let n = 0,
+        r = { type: Number(t.charAt(0)) };
+      if (V[r.type] === void 0) throw Error(`unknown packet type ` + r.type);
+      if (r.type === V.BINARY_EVENT || r.type === V.BINARY_ACK) {
+        let e = n + 1;
+        for (; t.charAt(++n) !== `-` && n != t.length; );
+        let i = t.substring(e, n);
+        if (i != Number(i) || t.charAt(n) !== `-`) throw Error(`Illegal attachments`);
+        r.attachments = Number(i);
+      }
+      if (t.charAt(n + 1) === `/`) {
+        let e = n + 1;
+        for (; ++n && !(t.charAt(n) === `,` || n === t.length); );
+        r.nsp = t.substring(e, n);
+      } else r.nsp = `/`;
+      let i = t.charAt(n + 1);
+      if (i !== `` && Number(i) == i) {
+        let e = n + 1;
+        for (; ++n; ) {
+          let e = t.charAt(n);
+          if (e == null || Number(e) != e) {
+            --n;
+            break;
+          }
+          if (n === t.length) break;
+        }
+        r.id = Number(t.substring(e, n + 1));
+      }
+      if (t.charAt(++n)) {
+        let i = this.tryParse(t.substr(n));
+        if (e.isPayloadValid(r.type, i)) r.data = i;
+        else throw Error(`invalid payload`);
+      }
+      return r;
+    }
+    tryParse(e) {
+      try {
+        return JSON.parse(e, this.reviver);
+      } catch {
+        return !1;
+      }
+    }
+    static isPayloadValid(e, t) {
+      switch (e) {
+        case V.CONNECT:
+          return Hn(t);
+        case V.DISCONNECT:
+          return t === void 0;
+        case V.CONNECT_ERROR:
+          return typeof t == `string` || Hn(t);
+        case V.EVENT:
+        case V.BINARY_EVENT:
+          return Array.isArray(t) && (typeof t[0] == `number` || (typeof t[0] == `string` && Bn.indexOf(t[0]) === -1));
+        case V.ACK:
+        case V.BINARY_ACK:
+          return Array.isArray(t);
+      }
+    }
+    destroy() {
+      this.reconstructor &&= (this.reconstructor.finishedReconstruction(), null);
+    }
+  },
+  Wn = class {
+    constructor(e) {
+      ((this.packet = e), (this.buffers = []), (this.reconPack = e));
+    }
+    takeBinaryData(e) {
+      if ((this.buffers.push(e), this.buffers.length === this.reconPack.attachments)) {
+        let e = Ln(this.reconPack, this.buffers);
+        return (this.finishedReconstruction(), e);
+      }
+      return null;
+    }
+    finishedReconstruction() {
+      ((this.reconPack = null), (this.buffers = []));
+    }
+  };
+function Gn(e, t, n) {
+  return (
+    e.on(t, n),
+    function () {
+      e.off(t, n);
+    }
+  );
+}
+var Kn = Object.freeze({
+    connect: 1,
+    connect_error: 1,
+    disconnect: 1,
+    disconnecting: 1,
+    newListener: 1,
+    removeListener: 1,
+  }),
+  qn = class extends Bt {
+    constructor(e, t, n) {
+      (super(),
+        (this.connected = !1),
+        (this.recovered = !1),
+        (this.receiveBuffer = []),
+        (this.sendBuffer = []),
+        (this._queue = []),
+        (this._queueSeq = 0),
+        (this.ids = 0),
+        (this.acks = {}),
+        (this.flags = {}),
+        (this.io = e),
+        (this.nsp = t),
+        n && n.auth && (this.auth = n.auth),
+        (this._opts = Object.assign({}, n)),
+        this.io._autoConnect && this.open());
+    }
+    get disconnected() {
+      return !this.connected;
+    }
+    subEvents() {
+      if (this.subs) return;
+      let e = this.io;
+      this.subs = [
+        Gn(e, `open`, this.onopen.bind(this)),
+        Gn(e, `packet`, this.onpacket.bind(this)),
+        Gn(e, `error`, this.onerror.bind(this)),
+        Gn(e, `close`, this.onclose.bind(this)),
+      ];
+    }
+    get active() {
+      return !!this.subs;
+    }
+    connect() {
+      return this.connected
+        ? this
+        : (this.subEvents(),
+          this.io._reconnecting || this.io.open(),
+          this.io._readyState === `open` && this.onopen(),
+          this);
+    }
+    open() {
+      return this.connect();
+    }
+    send(...e) {
+      return (e.unshift(`message`), this.emit.apply(this, e), this);
+    }
+    emit(e, ...t) {
+      if (Kn.hasOwnProperty(e)) throw Error(`"` + e.toString() + `" is a reserved event name`);
+      if ((t.unshift(e), this._opts.retries && !this.flags.fromQueue && !this.flags.volatile))
+        return (this._addToQueue(t), this);
+      let n = { type: V.EVENT, data: t };
+      if (((n.options = {}), (n.options.compress = this.flags.compress !== !1), typeof t[t.length - 1] == `function`)) {
+        let e = this.ids++,
+          r = t.pop();
+        (this._registerAckCallback(e, r), (n.id = e));
+      }
+      let r = this.io.engine?.transport?.writable,
+        i = this.connected && !this.io.engine?._hasPingExpired();
+      return (
+        (this.flags.volatile && !r) ||
+          (i ? (this.notifyOutgoingListeners(n), this.packet(n)) : this.sendBuffer.push(n)),
+        (this.flags = {}),
+        this
+      );
+    }
+    _registerAckCallback(e, t) {
+      let n = this.flags.timeout ?? this._opts.ackTimeout;
+      if (n === void 0) {
+        this.acks[e] = t;
+        return;
+      }
+      let r = this.io.setTimeoutFn(() => {
+          delete this.acks[e];
+          for (let t = 0; t < this.sendBuffer.length; t++) this.sendBuffer[t].id === e && this.sendBuffer.splice(t, 1);
+          t.call(this, Error(`operation has timed out`));
+        }, n),
+        i = (...e) => {
+          (this.io.clearTimeoutFn(r), t.apply(this, e));
+        };
+      ((i.withError = !0), (this.acks[e] = i));
+    }
+    emitWithAck(e, ...t) {
+      return new Promise((n, r) => {
+        let i = (e, t) => (e ? r(e) : n(t));
+        ((i.withError = !0), t.push(i), this.emit(e, ...t));
+      });
+    }
+    _addToQueue(e) {
+      let t;
+      typeof e[e.length - 1] == `function` && (t = e.pop());
+      let n = {
+        id: this._queueSeq++,
+        tryCount: 0,
+        pending: !1,
+        args: e,
+        flags: Object.assign({ fromQueue: !0 }, this.flags),
+      };
+      (e.push(
+        (e, ...r) => (
+          this._queue[0],
+          e === null
+            ? (this._queue.shift(), t && t(null, ...r))
+            : n.tryCount > this._opts.retries && (this._queue.shift(), t && t(e)),
+          (n.pending = !1),
+          this._drainQueue()
+        ),
+      ),
+        this._queue.push(n),
+        this._drainQueue());
+    }
+    _drainQueue(e = !1) {
+      if (!this.connected || this._queue.length === 0) return;
+      let t = this._queue[0];
+      (t.pending && !e) || ((t.pending = !0), t.tryCount++, (this.flags = t.flags), this.emit.apply(this, t.args));
+    }
+    packet(e) {
+      ((e.nsp = this.nsp), this.io._packet(e));
+    }
+    onopen() {
+      typeof this.auth == `function`
+        ? this.auth((e) => {
+            this._sendConnectPacket(e);
+          })
+        : this._sendConnectPacket(this.auth);
+    }
+    _sendConnectPacket(e) {
+      this.packet({
+        type: V.CONNECT,
+        data: this._pid ? Object.assign({ pid: this._pid, offset: this._lastOffset }, e) : e,
+      });
+    }
+    onerror(e) {
+      this.connected || this.emitReserved(`connect_error`, e);
+    }
+    onclose(e, t) {
+      ((this.connected = !1), delete this.id, this.emitReserved(`disconnect`, e, t), this._clearAcks());
+    }
+    _clearAcks() {
+      Object.keys(this.acks).forEach((e) => {
+        if (!this.sendBuffer.some((t) => String(t.id) === e)) {
+          let t = this.acks[e];
+          (delete this.acks[e], t.withError && t.call(this, Error(`socket has been disconnected`)));
+        }
+      });
+    }
+    onpacket(e) {
+      if (e.nsp === this.nsp)
+        switch (e.type) {
+          case V.CONNECT:
+            e.data && e.data.sid
+              ? this.onconnect(e.data.sid, e.data.pid)
+              : this.emitReserved(
+                  `connect_error`,
+                  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 V.EVENT:
+          case V.BINARY_EVENT:
+            this.onevent(e);
+            break;
+          case V.ACK:
+          case V.BINARY_ACK:
+            this.onack(e);
+            break;
+          case V.DISCONNECT:
+            this.ondisconnect();
+            break;
+          case V.CONNECT_ERROR:
+            this.destroy();
+            let t = Error(e.data.message);
+            ((t.data = e.data.data), this.emitReserved(`connect_error`, t));
+            break;
+        }
+    }
+    onevent(e) {
+      let t = e.data || [];
+      (e.id != null && t.push(this.ack(e.id)),
+        this.connected ? this.emitEvent(t) : this.receiveBuffer.push(Object.freeze(t)));
+    }
+    emitEvent(e) {
+      if (this._anyListeners && this._anyListeners.length) {
+        let t = this._anyListeners.slice();
+        for (let n of t) n.apply(this, e);
+      }
+      (super.emit.apply(this, e),
+        this._pid && e.length && typeof e[e.length - 1] == `string` && (this._lastOffset = e[e.length - 1]));
+    }
+    ack(e) {
+      let t = this,
+        n = !1;
+      return function (...r) {
+        n || ((n = !0), t.packet({ type: V.ACK, id: e, data: r }));
+      };
+    }
+    onack(e) {
+      let t = this.acks[e.id];
+      typeof t == `function` && (delete this.acks[e.id], t.withError && e.data.unshift(null), t.apply(this, e.data));
+    }
+    onconnect(e, t) {
+      ((this.id = e),
+        (this.recovered = t && this._pid === t),
+        (this._pid = t),
+        (this.connected = !0),
+        this.emitBuffered(),
+        this._drainQueue(!0),
+        this.emitReserved(`connect`));
+    }
+    emitBuffered() {
+      (this.receiveBuffer.forEach((e) => this.emitEvent(e)),
+        (this.receiveBuffer = []),
+        this.sendBuffer.forEach((e) => {
+          (this.notifyOutgoingListeners(e), this.packet(e));
+        }),
+        (this.sendBuffer = []));
+    }
+    ondisconnect() {
+      (this.destroy(), this.onclose(`io server disconnect`));
+    }
+    destroy() {
+      ((this.subs &&= (this.subs.forEach((e) => e()), void 0)), this.io._destroy(this));
+    }
+    disconnect() {
+      return (
+        this.connected && this.packet({ type: V.DISCONNECT }),
+        this.destroy(),
+        this.connected && this.onclose(`io client disconnect`),
+        this
+      );
+    }
+    close() {
+      return this.disconnect();
+    }
+    compress(e) {
+      return ((this.flags.compress = e), this);
+    }
+    get volatile() {
+      return ((this.flags.volatile = !0), this);
+    }
+    timeout(e) {
+      return ((this.flags.timeout = e), this);
+    }
+    onAny(e) {
+      return ((this._anyListeners = this._anyListeners || []), this._anyListeners.push(e), this);
+    }
+    prependAny(e) {
+      return ((this._anyListeners = this._anyListeners || []), this._anyListeners.unshift(e), this);
+    }
+    offAny(e) {
+      if (!this._anyListeners) return this;
+      if (e) {
+        let t = this._anyListeners;
+        for (let n = 0; n < t.length; n++) if (e === t[n]) return (t.splice(n, 1), this);
+      } else this._anyListeners = [];
+      return this;
+    }
+    listenersAny() {
+      return this._anyListeners || [];
+    }
+    onAnyOutgoing(e) {
+      return (
+        (this._anyOutgoingListeners = this._anyOutgoingListeners || []),
+        this._anyOutgoingListeners.push(e),
+        this
+      );
+    }
+    prependAnyOutgoing(e) {
+      return (
+        (this._anyOutgoingListeners = this._anyOutgoingListeners || []),
+        this._anyOutgoingListeners.unshift(e),
+        this
+      );
+    }
+    offAnyOutgoing(e) {
+      if (!this._anyOutgoingListeners) return this;
+      if (e) {
+        let t = this._anyOutgoingListeners;
+        for (let n = 0; n < t.length; n++) if (e === t[n]) return (t.splice(n, 1), this);
+      } else this._anyOutgoingListeners = [];
+      return this;
+    }
+    listenersAnyOutgoing() {
+      return this._anyOutgoingListeners || [];
+    }
+    notifyOutgoingListeners(e) {
+      if (this._anyOutgoingListeners && this._anyOutgoingListeners.length) {
+        let t = this._anyOutgoingListeners.slice();
+        for (let n of t) n.apply(this, e.data);
+      }
+    }
+  };
+function Jn(e) {
+  ((e ||= {}),
+    (this.ms = e.min || 100),
+    (this.max = e.max || 1e4),
+    (this.factor = e.factor || 2),
+    (this.jitter = e.jitter > 0 && e.jitter <= 1 ? e.jitter : 0),
+    (this.attempts = 0));
+}
+((Jn.prototype.duration = function () {
+  var e = this.ms * this.factor ** +this.attempts++;
+  if (this.jitter) {
+    var t = Math.random(),
+      n = Math.floor(t * this.jitter * e);
+    e = Math.floor(t * 10) & 1 ? e + n : e - n;
+  }
+  return Math.min(e, this.max) | 0;
+}),
+  (Jn.prototype.reset = function () {
+    this.attempts = 0;
+  }),
+  (Jn.prototype.setMin = function (e) {
+    this.ms = e;
+  }),
+  (Jn.prototype.setMax = function (e) {
+    this.max = e;
+  }),
+  (Jn.prototype.setJitter = function (e) {
+    this.jitter = e;
+  }));
+var Yn = class extends Bt {
+    constructor(e, t) {
+      (super(),
+        (this.nsps = {}),
+        (this.subs = []),
+        e && typeof e == `object` && ((t = e), (e = void 0)),
+        (t ||= {}),
+        (t.path = t.path || `/socket.io`),
+        (this.opts = t),
+        qt(this, t),
+        this.reconnection(t.reconnection !== !1),
+        this.reconnectionAttempts(t.reconnectionAttempts || 1 / 0),
+        this.reconnectionDelay(t.reconnectionDelay || 1e3),
+        this.reconnectionDelayMax(t.reconnectionDelayMax || 5e3),
+        this.randomizationFactor(t.randomizationFactor ?? 0.5),
+        (this.backoff = new Jn({
+          min: this.reconnectionDelay(),
+          max: this.reconnectionDelayMax(),
+          jitter: this.randomizationFactor(),
+        })),
+        this.timeout(t.timeout == null ? 2e4 : t.timeout),
+        (this._readyState = `closed`),
+        (this.uri = e));
+      let n = t.parser || zn;
+      ((this.encoder = new n.Encoder()),
+        (this.decoder = new n.Decoder()),
+        (this._autoConnect = t.autoConnect !== !1),
+        this._autoConnect && this.open());
+    }
+    reconnection(e) {
+      return arguments.length ? ((this._reconnection = !!e), e || (this.skipReconnect = !0), this) : this._reconnection;
+    }
+    reconnectionAttempts(e) {
+      return e === void 0 ? this._reconnectionAttempts : ((this._reconnectionAttempts = e), this);
+    }
+    reconnectionDelay(e) {
+      var t;
+      return e === void 0
+        ? this._reconnectionDelay
+        : ((this._reconnectionDelay = e), (t = this.backoff) == null || t.setMin(e), this);
+    }
+    randomizationFactor(e) {
+      var t;
+      return e === void 0
+        ? this._randomizationFactor
+        : ((this._randomizationFactor = e), (t = this.backoff) == null || t.setJitter(e), this);
+    }
+    reconnectionDelayMax(e) {
+      var t;
+      return e === void 0
+        ? this._reconnectionDelayMax
+        : ((this._reconnectionDelayMax = e), (t = this.backoff) == null || t.setMax(e), this);
+    }
+    timeout(e) {
+      return arguments.length ? ((this._timeout = e), this) : this._timeout;
+    }
+    maybeReconnectOnOpen() {
+      !this._reconnecting && this._reconnection && this.backoff.attempts === 0 && this.reconnect();
+    }
+    open(e) {
+      if (~this._readyState.indexOf(`open`)) return this;
+      this.engine = new En(this.uri, this.opts);
+      let t = this.engine,
+        n = this;
+      ((this._readyState = `opening`), (this.skipReconnect = !1));
+      let r = Gn(t, `open`, function () {
+          (n.onopen(), e && e());
+        }),
+        i = (t) => {
+          (this.cleanup(),
+            (this._readyState = `closed`),
+            this.emitReserved(`error`, t),
+            e ? e(t) : this.maybeReconnectOnOpen());
+        },
+        a = Gn(t, `error`, i);
+      if (!1 !== this._timeout) {
+        let e = this._timeout,
+          n = this.setTimeoutFn(() => {
+            (r(), i(Error(`timeout`)), t.close());
+          }, e);
+        (this.opts.autoUnref && n.unref(),
+          this.subs.push(() => {
+            this.clearTimeoutFn(n);
+          }));
+      }
+      return (this.subs.push(r), this.subs.push(a), this);
+    }
+    connect(e) {
+      return this.open(e);
+    }
+    onopen() {
+      (this.cleanup(), (this._readyState = `open`), this.emitReserved(`open`));
+      let e = this.engine;
+      this.subs.push(
+        Gn(e, `ping`, this.onping.bind(this)),
+        Gn(e, `data`, this.ondata.bind(this)),
+        Gn(e, `error`, this.onerror.bind(this)),
+        Gn(e, `close`, this.onclose.bind(this)),
+        Gn(this.decoder, `decoded`, this.ondecoded.bind(this)),
+      );
+    }
+    onping() {
+      this.emitReserved(`ping`);
+    }
+    ondata(e) {
+      try {
+        this.decoder.add(e);
+      } catch (e) {
+        this.onclose(`parse error`, e);
+      }
+    }
+    ondecoded(e) {
+      B(() => {
+        this.emitReserved(`packet`, e);
+      }, this.setTimeoutFn);
+    }
+    onerror(e) {
+      this.emitReserved(`error`, e);
+    }
+    socket(e, t) {
+      let n = this.nsps[e];
+      return (n ? this._autoConnect && !n.active && n.connect() : ((n = new qn(this, e, t)), (this.nsps[e] = n)), n);
+    }
+    _destroy(e) {
+      let t = Object.keys(this.nsps);
+      for (let e of t) if (this.nsps[e].active) return;
+      this._close();
+    }
+    _packet(e) {
+      let t = this.encoder.encode(e);
+      for (let n = 0; n < t.length; n++) this.engine.write(t[n], e.options);
+    }
+    cleanup() {
+      (this.subs.forEach((e) => e()), (this.subs.length = 0), this.decoder.destroy());
+    }
+    _close() {
+      ((this.skipReconnect = !0), (this._reconnecting = !1), this.onclose(`forced close`));
+    }
+    disconnect() {
+      return this._close();
+    }
+    onclose(e, t) {
+      var n;
+      (this.cleanup(),
+        (n = this.engine) == null || n.close(),
+        this.backoff.reset(),
+        (this._readyState = `closed`),
+        this.emitReserved(`close`, e, t),
+        this._reconnection && !this.skipReconnect && this.reconnect());
+    }
+    reconnect() {
+      if (this._reconnecting || this.skipReconnect) return this;
+      let e = this;
+      if (this.backoff.attempts >= this._reconnectionAttempts)
+        (this.backoff.reset(), this.emitReserved(`reconnect_failed`), (this._reconnecting = !1));
+      else {
+        let t = this.backoff.duration();
+        this._reconnecting = !0;
+        let n = this.setTimeoutFn(() => {
+          e.skipReconnect ||
+            (this.emitReserved(`reconnect_attempt`, e.backoff.attempts),
+            !e.skipReconnect &&
+              e.open((t) => {
+                t ? ((e._reconnecting = !1), e.reconnect(), this.emitReserved(`reconnect_error`, t)) : e.onreconnect();
+              }));
+        }, t);
+        (this.opts.autoUnref && n.unref(),
+          this.subs.push(() => {
+            this.clearTimeoutFn(n);
+          }));
+      }
+    }
+    onreconnect() {
+      let e = this.backoff.attempts;
+      ((this._reconnecting = !1), this.backoff.reset(), this.emitReserved(`reconnect`, e));
+    }
+  },
+  Xn = {};
+function Zn(e, t) {
+  (typeof e == `object` && ((t = e), (e = void 0)), (t ||= {}));
+  let n = Dn(e, t.path || `/socket.io`),
+    r = n.source,
+    i = n.id,
+    a = n.path,
+    o = Xn[i] && a in Xn[i].nsps,
+    s = t.forceNew || t[`force new connection`] || !1 === t.multiplex || o,
+    c;
+  return (
+    s ? (c = new Yn(r, t)) : (Xn[i] || (Xn[i] = new Yn(r, t)), (c = Xn[i])),
+    n.query && !t.query && (t.query = n.queryKey),
+    c.socket(n.path, t)
+  );
+}
+Object.assign(Zn, { Manager: Yn, Socket: qn, io: Zn, connect: Zn });
+var Qn = { debug: 0, info: 1, warn: 2, error: 3 },
+  $n = Qn.info,
+  er = () => new Date().toLocaleTimeString(),
+  tr = {
+    reset: `\x1B[0m`,
+    blue: `\x1B[34m`,
+    cyan: `\x1B[36m`,
+    green: `\x1B[32m`,
+    yellow: `\x1B[33m`,
+    red: `\x1B[31m`,
+    magenta: `\x1B[35m`,
+    gray: `\x1B[90m`,
+  },
+  H = {
+    debug: (e, t, n) => {
+      $n <= Qn.debug && console.log(`${tr.blue}[${er()}]${tr.reset} ${tr.gray}[${e}]${tr.reset} ${t}`, n || ``);
+    },
+    info: (e, t, n) => {
+      $n <= Qn.info && console.log(`${tr.blue}[${er()}]${tr.reset} ${tr.cyan}[${e}]${tr.reset} ${t}`, n || ``);
+    },
+    warn: (e, t, n) => {
+      $n <= Qn.warn && console.warn(`${tr.blue}[${er()}]${tr.reset} ${tr.yellow}[${e}]${tr.reset} ${t}`, n || ``);
+    },
+    error: (e, t, n) => {
+      $n <= Qn.error && console.error(`${tr.blue}[${er()}]${tr.reset} ${tr.red}[${e}]${tr.reset} ${t}`, n || ``);
+    },
+    socket: (e, t, n) => {
+      let r = e === `⬅️` ? tr.yellow : tr.green,
+        i = e === `⬅️` ? tr.cyan : tr.magenta;
+      console.log(`${tr.blue}[${er()}]${tr.reset} ${r}[${e}]${tr.reset} ${i}[${t}]${tr.reset}`, n || ``);
+    },
+  };
+function nr(e) {
+  if (!e || typeof document > `u`) return;
+  let t = document.head || document.getElementsByTagName(`head`)[0],
+    n = document.createElement(`style`);
+  ((n.type = `text/css`),
+    t.appendChild(n),
+    n.styleSheet ? (n.styleSheet.cssText = e) : n.appendChild(document.createTextNode(e)));
+}
+var rr = (e) => {
+    switch (e) {
+      case `success`:
+        return or;
+      case `info`:
+        return cr;
+      case `warning`:
+        return sr;
+      case `error`:
+        return lr;
+      default:
+        return null;
+    }
+  },
+  ir = Array(12).fill(0),
+  ar = ({ visible: e, className: t }) =>
+    _.createElement(
+      `div`,
+      { className: [`sonner-loading-wrapper`, t].filter(Boolean).join(` `), 'data-visible': e },
+      _.createElement(
+        `div`,
+        { className: `sonner-spinner` },
+        ir.map((e, t) => _.createElement(`div`, { className: `sonner-loading-bar`, key: `spinner-bar-${t}` })),
+      ),
+    ),
+  or = _.createElement(
+    `svg`,
+    { xmlns: `http://www.w3.org/2000/svg`, viewBox: `0 0 20 20`, fill: `currentColor`, height: `20`, width: `20` },
+    _.createElement(`path`, {
+      fillRule: `evenodd`,
+      d: `M10 18a8 8 0 100-16 8 8 0 000 16zm3.857-9.809a.75.75 0 00-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 10-1.06 1.061l2.5 2.5a.75.75 0 001.137-.089l4-5.5z`,
+      clipRule: `evenodd`,
+    }),
+  ),
+  sr = _.createElement(
+    `svg`,
+    { xmlns: `http://www.w3.org/2000/svg`, viewBox: `0 0 24 24`, fill: `currentColor`, height: `20`, width: `20` },
+    _.createElement(`path`, {
+      fillRule: `evenodd`,
+      d: `M9.401 3.003c1.155-2 4.043-2 5.197 0l7.355 12.748c1.154 2-.29 4.5-2.599 4.5H4.645c-2.309 0-3.752-2.5-2.598-4.5L9.4 3.003zM12 8.25a.75.75 0 01.75.75v3.75a.75.75 0 01-1.5 0V9a.75.75 0 01.75-.75zm0 8.25a.75.75 0 100-1.5.75.75 0 000 1.5z`,
+      clipRule: `evenodd`,
+    }),
+  ),
+  cr = _.createElement(
+    `svg`,
+    { xmlns: `http://www.w3.org/2000/svg`, viewBox: `0 0 20 20`, fill: `currentColor`, height: `20`, width: `20` },
+    _.createElement(`path`, {
+      fillRule: `evenodd`,
+      d: `M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a.75.75 0 000 1.5h.253a.25.25 0 01.244.304l-.459 2.066A1.75 1.75 0 0010.747 15H11a.75.75 0 000-1.5h-.253a.25.25 0 01-.244-.304l.459-2.066A1.75 1.75 0 009.253 9H9z`,
+      clipRule: `evenodd`,
+    }),
+  ),
+  lr = _.createElement(
+    `svg`,
+    { xmlns: `http://www.w3.org/2000/svg`, viewBox: `0 0 20 20`, fill: `currentColor`, height: `20`, width: `20` },
+    _.createElement(`path`, {
+      fillRule: `evenodd`,
+      d: `M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-8-5a.75.75 0 01.75.75v4.5a.75.75 0 01-1.5 0v-4.5A.75.75 0 0110 5zm0 10a1 1 0 100-2 1 1 0 000 2z`,
+      clipRule: `evenodd`,
+    }),
+  ),
+  ur = _.createElement(
+    `svg`,
+    {
+      xmlns: `http://www.w3.org/2000/svg`,
+      width: `12`,
+      height: `12`,
+      viewBox: `0 0 24 24`,
+      fill: `none`,
+      stroke: `currentColor`,
+      strokeWidth: `1.5`,
+      strokeLinecap: `round`,
+      strokeLinejoin: `round`,
+    },
+    _.createElement(`line`, { x1: `18`, y1: `6`, x2: `6`, y2: `18` }),
+    _.createElement(`line`, { x1: `6`, y1: `6`, x2: `18`, y2: `18` }),
+  ),
+  dr = () => {
+    let [e, t] = _.useState(document.hidden);
+    return (
+      _.useEffect(() => {
+        let e = () => {
+          t(document.hidden);
+        };
+        return (
+          document.addEventListener(`visibilitychange`, e),
+          () => window.removeEventListener(`visibilitychange`, e)
+        );
+      }, []),
+      e
+    );
+  },
+  fr = 1,
+  pr = new (class {
+    constructor() {
+      ((this.subscribe = (e) => (
+        this.subscribers.push(e),
+        () => {
+          let t = this.subscribers.indexOf(e);
+          this.subscribers.splice(t, 1);
+        }
+      )),
+        (this.publish = (e) => {
+          this.subscribers.forEach((t) => t(e));
+        }),
+        (this.addToast = (e) => {
+          (this.publish(e), (this.toasts = [...this.toasts, e]));
+        }),
+        (this.create = (e) => {
+          let { message: t, ...n } = e,
+            r = typeof e?.id == `number` || e.id?.length > 0 ? e.id : fr++,
+            i = this.toasts.find((e) => e.id === r),
+            a = e.dismissible === void 0 ? !0 : e.dismissible;
+          return (
+            this.dismissedToasts.has(r) && this.dismissedToasts.delete(r),
+            i
+              ? (this.toasts = this.toasts.map((n) =>
+                  n.id === r
+                    ? (this.publish({ ...n, ...e, id: r, title: t }), { ...n, ...e, id: r, dismissible: a, title: t })
+                    : n,
+                ))
+              : this.addToast({ title: t, ...n, dismissible: a, id: r }),
+            r
+          );
+        }),
+        (this.dismiss = (e) => (
+          e
+            ? (this.dismissedToasts.add(e),
+              requestAnimationFrame(() => this.subscribers.forEach((t) => t({ id: e, dismiss: !0 }))))
+            : this.toasts.forEach((e) => {
+                this.subscribers.forEach((t) => t({ id: e.id, dismiss: !0 }));
+              }),
+          e
+        )),
+        (this.message = (e, t) => this.create({ ...t, message: e })),
+        (this.error = (e, t) => this.create({ ...t, message: e, type: `error` })),
+        (this.success = (e, t) => this.create({ ...t, type: `success`, message: e })),
+        (this.info = (e, t) => this.create({ ...t, type: `info`, message: e })),
+        (this.warning = (e, t) => this.create({ ...t, type: `warning`, message: e })),
+        (this.loading = (e, t) => this.create({ ...t, type: `loading`, message: e })),
+        (this.promise = (e, t) => {
+          if (!t) return;
+          let n;
+          t.loading !== void 0 &&
+            (n = this.create({
+              ...t,
+              promise: e,
+              type: `loading`,
+              message: t.loading,
+              description: typeof t.description == `function` ? void 0 : t.description,
+            }));
+          let r = Promise.resolve(e instanceof Function ? e() : e),
+            i = n !== void 0,
+            a,
+            o = r
+              .then(async (e) => {
+                if (((a = [`resolve`, e]), _.isValidElement(e)))
+                  ((i = !1), this.create({ id: n, type: `default`, message: e }));
+                else if (hr(e) && !e.ok) {
+                  i = !1;
+                  let r = typeof t.error == `function` ? await t.error(`HTTP error! status: ${e.status}`) : t.error,
+                    a =
+                      typeof t.description == `function`
+                        ? await t.description(`HTTP error! status: ${e.status}`)
+                        : t.description,
+                    o = typeof r == `object` && !_.isValidElement(r) ? r : { message: r };
+                  this.create({ id: n, type: `error`, description: a, ...o });
+                } else if (e instanceof Error) {
+                  i = !1;
+                  let r = typeof t.error == `function` ? await t.error(e) : t.error,
+                    a = typeof t.description == `function` ? await t.description(e) : t.description,
+                    o = typeof r == `object` && !_.isValidElement(r) ? r : { message: r };
+                  this.create({ id: n, type: `error`, description: a, ...o });
+                } else if (t.success !== void 0) {
+                  i = !1;
+                  let r = typeof t.success == `function` ? await t.success(e) : t.success,
+                    a = typeof t.description == `function` ? await t.description(e) : t.description,
+                    o = typeof r == `object` && !_.isValidElement(r) ? r : { message: r };
+                  this.create({ id: n, type: `success`, description: a, ...o });
+                }
+              })
+              .catch(async (e) => {
+                if (((a = [`reject`, e]), t.error !== void 0)) {
+                  i = !1;
+                  let r = typeof t.error == `function` ? await t.error(e) : t.error,
+                    a = typeof t.description == `function` ? await t.description(e) : t.description,
+                    o = typeof r == `object` && !_.isValidElement(r) ? r : { message: r };
+                  this.create({ id: n, type: `error`, description: a, ...o });
+                }
+              })
+              .finally(() => {
+                (i && (this.dismiss(n), (n = void 0)), t.finally == null || t.finally.call(t));
+              }),
+            s = () => new Promise((e, t) => o.then(() => (a[0] === `reject` ? t(a[1]) : e(a[1]))).catch(t));
+          return typeof n != `string` && typeof n != `number` ? { unwrap: s } : Object.assign(n, { unwrap: s });
+        }),
+        (this.custom = (e, t) => {
+          let n = t?.id || fr++;
+          return (this.create({ jsx: e(n), id: n, ...t }), n);
+        }),
+        (this.getActiveToasts = () => this.toasts.filter((e) => !this.dismissedToasts.has(e.id))),
+        (this.subscribers = []),
+        (this.toasts = []),
+        (this.dismissedToasts = new Set()));
+    }
+  })(),
+  mr = (e, t) => {
+    let n = t?.id || fr++;
+    return (pr.addToast({ title: e, ...t, id: n }), n);
+  },
+  hr = (e) =>
+    e && typeof e == `object` && `ok` in e && typeof e.ok == `boolean` && `status` in e && typeof e.status == `number`,
+  gr = Object.assign(
+    mr,
+    {
+      success: pr.success,
+      info: pr.info,
+      warning: pr.warning,
+      error: pr.error,
+      custom: pr.custom,
+      message: pr.message,
+      promise: pr.promise,
+      dismiss: pr.dismiss,
+      loading: pr.loading,
+    },
+    { getHistory: () => pr.toasts, getToasts: () => pr.getActiveToasts() },
+  );
+nr(
+  `[data-sonner-toaster][dir=ltr],html[dir=ltr]{--toast-icon-margin-start:-3px;--toast-icon-margin-end:4px;--toast-svg-margin-start:-1px;--toast-svg-margin-end:0px;--toast-button-margin-start:auto;--toast-button-margin-end:0;--toast-close-button-start:0;--toast-close-button-end:unset;--toast-close-button-transform:translate(-35%, -35%)}[data-sonner-toaster][dir=rtl],html[dir=rtl]{--toast-icon-margin-start:4px;--toast-icon-margin-end:-3px;--toast-svg-margin-start:0px;--toast-svg-margin-end:-1px;--toast-button-margin-start:0;--toast-button-margin-end:auto;--toast-close-button-start:unset;--toast-close-button-end:0;--toast-close-button-transform:translate(35%, -35%)}[data-sonner-toaster]{position:fixed;width:var(--width);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;--gray1:hsl(0, 0%, 99%);--gray2:hsl(0, 0%, 97.3%);--gray3:hsl(0, 0%, 95.1%);--gray4:hsl(0, 0%, 93%);--gray5:hsl(0, 0%, 90.9%);--gray6:hsl(0, 0%, 88.7%);--gray7:hsl(0, 0%, 85.8%);--gray8:hsl(0, 0%, 78%);--gray9:hsl(0, 0%, 56.1%);--gray10:hsl(0, 0%, 52.3%);--gray11:hsl(0, 0%, 43.5%);--gray12:hsl(0, 0%, 9%);--border-radius:8px;box-sizing:border-box;padding:0;margin:0;list-style:none;outline:0;z-index:999999999;transition:transform .4s ease}@media (hover:none) and (pointer:coarse){[data-sonner-toaster][data-lifted=true]{transform:none}}[data-sonner-toaster][data-x-position=right]{right:var(--offset-right)}[data-sonner-toaster][data-x-position=left]{left:var(--offset-left)}[data-sonner-toaster][data-x-position=center]{left:50%;transform:translateX(-50%)}[data-sonner-toaster][data-y-position=top]{top:var(--offset-top)}[data-sonner-toaster][data-y-position=bottom]{bottom:var(--offset-bottom)}[data-sonner-toast]{--y:translateY(100%);--lift-amount:calc(var(--lift) * var(--gap));z-index:var(--z-index);position:absolute;opacity:0;transform:var(--y);touch-action:none;transition:transform .4s,opacity .4s,height .4s,box-shadow .2s;box-sizing:border-box;outline:0;overflow-wrap:anywhere}[data-sonner-toast][data-styled=true]{padding:16px;background:var(--normal-bg);border:1px solid var(--normal-border);color:var(--normal-text);border-radius:var(--border-radius);box-shadow:0 4px 12px rgba(0,0,0,.1);width:var(--width);font-size:13px;display:flex;align-items:center;gap:6px}[data-sonner-toast]:focus-visible{box-shadow:0 4px 12px rgba(0,0,0,.1),0 0 0 2px rgba(0,0,0,.2)}[data-sonner-toast][data-y-position=top]{top:0;--y:translateY(-100%);--lift:1;--lift-amount:calc(1 * var(--gap))}[data-sonner-toast][data-y-position=bottom]{bottom:0;--y:translateY(100%);--lift:-1;--lift-amount:calc(var(--lift) * var(--gap))}[data-sonner-toast][data-styled=true] [data-description]{font-weight:400;line-height:1.4;color:#3f3f3f}[data-rich-colors=true][data-sonner-toast][data-styled=true] [data-description]{color:inherit}[data-sonner-toaster][data-sonner-theme=dark] [data-description]{color:#e8e8e8}[data-sonner-toast][data-styled=true] [data-title]{font-weight:500;line-height:1.5;color:inherit}[data-sonner-toast][data-styled=true] [data-icon]{display:flex;height:16px;width:16px;position:relative;justify-content:flex-start;align-items:center;flex-shrink:0;margin-left:var(--toast-icon-margin-start);margin-right:var(--toast-icon-margin-end)}[data-sonner-toast][data-promise=true] [data-icon]>svg{opacity:0;transform:scale(.8);transform-origin:center;animation:sonner-fade-in .3s ease forwards}[data-sonner-toast][data-styled=true] [data-icon]>*{flex-shrink:0}[data-sonner-toast][data-styled=true] [data-icon] svg{margin-left:var(--toast-svg-margin-start);margin-right:var(--toast-svg-margin-end)}[data-sonner-toast][data-styled=true] [data-content]{display:flex;flex-direction:column;gap:2px}[data-sonner-toast][data-styled=true] [data-button]{border-radius:4px;padding-left:8px;padding-right:8px;height:24px;font-size:12px;color:var(--normal-bg);background:var(--normal-text);margin-left:var(--toast-button-margin-start);margin-right:var(--toast-button-margin-end);border:none;font-weight:500;cursor:pointer;outline:0;display:flex;align-items:center;flex-shrink:0;transition:opacity .4s,box-shadow .2s}[data-sonner-toast][data-styled=true] [data-button]:focus-visible{box-shadow:0 0 0 2px rgba(0,0,0,.4)}[data-sonner-toast][data-styled=true] [data-button]:first-of-type{margin-left:var(--toast-button-margin-start);margin-right:var(--toast-button-margin-end)}[data-sonner-toast][data-styled=true] [data-cancel]{color:var(--normal-text);background:rgba(0,0,0,.08)}[data-sonner-toaster][data-sonner-theme=dark] [data-sonner-toast][data-styled=true] [data-cancel]{background:rgba(255,255,255,.3)}[data-sonner-toast][data-styled=true] [data-close-button]{position:absolute;left:var(--toast-close-button-start);right:var(--toast-close-button-end);top:0;height:20px;width:20px;display:flex;justify-content:center;align-items:center;padding:0;color:var(--gray12);background:var(--normal-bg);border:1px solid var(--gray4);transform:var(--toast-close-button-transform);border-radius:50%;cursor:pointer;z-index:1;transition:opacity .1s,background .2s,border-color .2s}[data-sonner-toast][data-styled=true] [data-close-button]:focus-visible{box-shadow:0 4px 12px rgba(0,0,0,.1),0 0 0 2px rgba(0,0,0,.2)}[data-sonner-toast][data-styled=true] [data-disabled=true]{cursor:not-allowed}[data-sonner-toast][data-styled=true]:hover [data-close-button]:hover{background:var(--gray2);border-color:var(--gray5)}[data-sonner-toast][data-swiping=true]::before{content:'';position:absolute;left:-100%;right:-100%;height:100%;z-index:-1}[data-sonner-toast][data-y-position=top][data-swiping=true]::before{bottom:50%;transform:scaleY(3) translateY(50%)}[data-sonner-toast][data-y-position=bottom][data-swiping=true]::before{top:50%;transform:scaleY(3) translateY(-50%)}[data-sonner-toast][data-swiping=false][data-removed=true]::before{content:'';position:absolute;inset:0;transform:scaleY(2)}[data-sonner-toast][data-expanded=true]::after{content:'';position:absolute;left:0;height:calc(var(--gap) + 1px);bottom:100%;width:100%}[data-sonner-toast][data-mounted=true]{--y:translateY(0);opacity:1}[data-sonner-toast][data-expanded=false][data-front=false]{--scale:var(--toasts-before) * 0.05 + 1;--y:translateY(calc(var(--lift-amount) * var(--toasts-before))) scale(calc(-1 * var(--scale)));height:var(--front-toast-height)}[data-sonner-toast]>*{transition:opacity .4s}[data-sonner-toast][data-x-position=right]{right:0}[data-sonner-toast][data-x-position=left]{left:0}[data-sonner-toast][data-expanded=false][data-front=false][data-styled=true]>*{opacity:0}[data-sonner-toast][data-visible=false]{opacity:0;pointer-events:none}[data-sonner-toast][data-mounted=true][data-expanded=true]{--y:translateY(calc(var(--lift) * var(--offset)));height:var(--initial-height)}[data-sonner-toast][data-removed=true][data-front=true][data-swipe-out=false]{--y:translateY(calc(var(--lift) * -100%));opacity:0}[data-sonner-toast][data-removed=true][data-front=false][data-swipe-out=false][data-expanded=true]{--y:translateY(calc(var(--lift) * var(--offset) + var(--lift) * -100%));opacity:0}[data-sonner-toast][data-removed=true][data-front=false][data-swipe-out=false][data-expanded=false]{--y:translateY(40%);opacity:0;transition:transform .5s,opacity .2s}[data-sonner-toast][data-removed=true][data-front=false]::before{height:calc(var(--initial-height) + 20%)}[data-sonner-toast][data-swiping=true]{transform:var(--y) translateY(var(--swipe-amount-y,0)) translateX(var(--swipe-amount-x,0));transition:none}[data-sonner-toast][data-swiped=true]{user-select:none}[data-sonner-toast][data-swipe-out=true][data-y-position=bottom],[data-sonner-toast][data-swipe-out=true][data-y-position=top]{animation-duration:.2s;animation-timing-function:ease-out;animation-fill-mode:forwards}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=left]{animation-name:swipe-out-left}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=right]{animation-name:swipe-out-right}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=up]{animation-name:swipe-out-up}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=down]{animation-name:swipe-out-down}@keyframes swipe-out-left{from{transform:var(--y) translateX(var(--swipe-amount-x));opacity:1}to{transform:var(--y) translateX(calc(var(--swipe-amount-x) - 100%));opacity:0}}@keyframes swipe-out-right{from{transform:var(--y) translateX(var(--swipe-amount-x));opacity:1}to{transform:var(--y) translateX(calc(var(--swipe-amount-x) + 100%));opacity:0}}@keyframes swipe-out-up{from{transform:var(--y) translateY(var(--swipe-amount-y));opacity:1}to{transform:var(--y) translateY(calc(var(--swipe-amount-y) - 100%));opacity:0}}@keyframes swipe-out-down{from{transform:var(--y) translateY(var(--swipe-amount-y));opacity:1}to{transform:var(--y) translateY(calc(var(--swipe-amount-y) + 100%));opacity:0}}@media (max-width:600px){[data-sonner-toaster]{position:fixed;right:var(--mobile-offset-right);left:var(--mobile-offset-left);width:100%}[data-sonner-toaster][dir=rtl]{left:calc(var(--mobile-offset-left) * -1)}[data-sonner-toaster] [data-sonner-toast]{left:0;right:0;width:calc(100% - var(--mobile-offset-left) * 2)}[data-sonner-toaster][data-x-position=left]{left:var(--mobile-offset-left)}[data-sonner-toaster][data-y-position=bottom]{bottom:var(--mobile-offset-bottom)}[data-sonner-toaster][data-y-position=top]{top:var(--mobile-offset-top)}[data-sonner-toaster][data-x-position=center]{left:var(--mobile-offset-left);right:var(--mobile-offset-right);transform:none}}[data-sonner-toaster][data-sonner-theme=light]{--normal-bg:#fff;--normal-border:var(--gray4);--normal-text:var(--gray12);--success-bg:hsl(143, 85%, 96%);--success-border:hsl(145, 92%, 87%);--success-text:hsl(140, 100%, 27%);--info-bg:hsl(208, 100%, 97%);--info-border:hsl(221, 91%, 93%);--info-text:hsl(210, 92%, 45%);--warning-bg:hsl(49, 100%, 97%);--warning-border:hsl(49, 91%, 84%);--warning-text:hsl(31, 92%, 45%);--error-bg:hsl(359, 100%, 97%);--error-border:hsl(359, 100%, 94%);--error-text:hsl(360, 100%, 45%)}[data-sonner-toaster][data-sonner-theme=light] [data-sonner-toast][data-invert=true]{--normal-bg:#000;--normal-border:hsl(0, 0%, 20%);--normal-text:var(--gray1)}[data-sonner-toaster][data-sonner-theme=dark] [data-sonner-toast][data-invert=true]{--normal-bg:#fff;--normal-border:var(--gray3);--normal-text:var(--gray12)}[data-sonner-toaster][data-sonner-theme=dark]{--normal-bg:#000;--normal-bg-hover:hsl(0, 0%, 12%);--normal-border:hsl(0, 0%, 20%);--normal-border-hover:hsl(0, 0%, 25%);--normal-text:var(--gray1);--success-bg:hsl(150, 100%, 6%);--success-border:hsl(147, 100%, 12%);--success-text:hsl(150, 86%, 65%);--info-bg:hsl(215, 100%, 6%);--info-border:hsl(223, 43%, 17%);--info-text:hsl(216, 87%, 65%);--warning-bg:hsl(64, 100%, 6%);--warning-border:hsl(60, 100%, 9%);--warning-text:hsl(46, 87%, 65%);--error-bg:hsl(358, 76%, 10%);--error-border:hsl(357, 89%, 16%);--error-text:hsl(358, 100%, 81%)}[data-sonner-toaster][data-sonner-theme=dark] [data-sonner-toast] [data-close-button]{background:var(--normal-bg);border-color:var(--normal-border);color:var(--normal-text)}[data-sonner-toaster][data-sonner-theme=dark] [data-sonner-toast] [data-close-button]:hover{background:var(--normal-bg-hover);border-color:var(--normal-border-hover)}[data-rich-colors=true][data-sonner-toast][data-type=success]{background:var(--success-bg);border-color:var(--success-border);color:var(--success-text)}[data-rich-colors=true][data-sonner-toast][data-type=success] [data-close-button]{background:var(--success-bg);border-color:var(--success-border);color:var(--success-text)}[data-rich-colors=true][data-sonner-toast][data-type=info]{background:var(--info-bg);border-color:var(--info-border);color:var(--info-text)}[data-rich-colors=true][data-sonner-toast][data-type=info] [data-close-button]{background:var(--info-bg);border-color:var(--info-border);color:var(--info-text)}[data-rich-colors=true][data-sonner-toast][data-type=warning]{background:var(--warning-bg);border-color:var(--warning-border);color:var(--warning-text)}[data-rich-colors=true][data-sonner-toast][data-type=warning] [data-close-button]{background:var(--warning-bg);border-color:var(--warning-border);color:var(--warning-text)}[data-rich-colors=true][data-sonner-toast][data-type=error]{background:var(--error-bg);border-color:var(--error-border);color:var(--error-text)}[data-rich-colors=true][data-sonner-toast][data-type=error] [data-close-button]{background:var(--error-bg);border-color:var(--error-border);color:var(--error-text)}.sonner-loading-wrapper{--size:16px;height:var(--size);width:var(--size);position:absolute;inset:0;z-index:10}.sonner-loading-wrapper[data-visible=false]{transform-origin:center;animation:sonner-fade-out .2s ease forwards}.sonner-spinner{position:relative;top:50%;left:50%;height:var(--size);width:var(--size)}.sonner-loading-bar{animation:sonner-spin 1.2s linear infinite;background:var(--gray11);border-radius:6px;height:8%;left:-10%;position:absolute;top:-3.9%;width:24%}.sonner-loading-bar:first-child{animation-delay:-1.2s;transform:rotate(.0001deg) translate(146%)}.sonner-loading-bar:nth-child(2){animation-delay:-1.1s;transform:rotate(30deg) translate(146%)}.sonner-loading-bar:nth-child(3){animation-delay:-1s;transform:rotate(60deg) translate(146%)}.sonner-loading-bar:nth-child(4){animation-delay:-.9s;transform:rotate(90deg) translate(146%)}.sonner-loading-bar:nth-child(5){animation-delay:-.8s;transform:rotate(120deg) translate(146%)}.sonner-loading-bar:nth-child(6){animation-delay:-.7s;transform:rotate(150deg) translate(146%)}.sonner-loading-bar:nth-child(7){animation-delay:-.6s;transform:rotate(180deg) translate(146%)}.sonner-loading-bar:nth-child(8){animation-delay:-.5s;transform:rotate(210deg) translate(146%)}.sonner-loading-bar:nth-child(9){animation-delay:-.4s;transform:rotate(240deg) translate(146%)}.sonner-loading-bar:nth-child(10){animation-delay:-.3s;transform:rotate(270deg) translate(146%)}.sonner-loading-bar:nth-child(11){animation-delay:-.2s;transform:rotate(300deg) translate(146%)}.sonner-loading-bar:nth-child(12){animation-delay:-.1s;transform:rotate(330deg) translate(146%)}@keyframes sonner-fade-in{0%{opacity:0;transform:scale(.8)}100%{opacity:1;transform:scale(1)}}@keyframes sonner-fade-out{0%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(.8)}}@keyframes sonner-spin{0%{opacity:1}100%{opacity:.15}}@media (prefers-reduced-motion){.sonner-loading-bar,[data-sonner-toast],[data-sonner-toast]>*{transition:none!important;animation:none!important}}.sonner-loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transform-origin:center;transition:opacity .2s,transform .2s}.sonner-loader[data-visible=false]{opacity:0;transform:scale(.8) translate(-50%,-50%)}`,
+);
+function _r(e) {
+  return e.label !== void 0;
+}
+var vr = 3,
+  yr = `24px`,
+  br = `16px`,
+  xr = 4e3,
+  Sr = 356,
+  Cr = 14,
+  wr = 45,
+  Tr = 200;
+function Er(...e) {
+  return e.filter(Boolean).join(` `);
+}
+function Dr(e) {
+  let [t, n] = e.split(`-`),
+    r = [];
+  return (t && r.push(t), n && r.push(n), r);
+}
+var Or = (e) => {
+  let {
+      invert: t,
+      toast: n,
+      unstyled: r,
+      interacting: i,
+      setHeights: a,
+      visibleToasts: o,
+      heights: s,
+      index: c,
+      toasts: l,
+      expanded: u,
+      removeToast: d,
+      defaultRichColors: f,
+      closeButton: p,
+      style: m,
+      cancelButtonStyle: h,
+      actionButtonStyle: g,
+      className: v = ``,
+      descriptionClassName: y = ``,
+      duration: b,
+      position: x,
+      gap: S,
+      expandByDefault: C,
+      classNames: w,
+      icons: T,
+      closeButtonAriaLabel: E = `Close toast`,
+    } = e,
+    [D, O] = _.useState(null),
+    [k, A] = _.useState(null),
+    [j, M] = _.useState(!1),
+    [ee, N] = _.useState(!1),
+    [P, te] = _.useState(!1),
+    [ne, re] = _.useState(!1),
+    [F, ie] = _.useState(!1),
+    [ae, oe] = _.useState(0),
+    [se, ce] = _.useState(0),
+    le = _.useRef(n.duration || b || xr),
+    ue = _.useRef(null),
+    I = _.useRef(null),
+    de = c === 0,
+    fe = c + 1 <= o,
+    L = n.type,
+    pe = n.dismissible !== !1,
+    me = n.className || ``,
+    he = n.descriptionClassName || ``,
+    R = _.useMemo(() => s.findIndex((e) => e.toastId === n.id) || 0, [s, n.id]),
+    ge = _.useMemo(() => n.closeButton ?? p, [n.closeButton, p]),
+    _e = _.useMemo(() => n.duration || b || xr, [n.duration, b]),
+    ve = _.useRef(0),
+    ye = _.useRef(0),
+    be = _.useRef(0),
+    xe = _.useRef(null),
+    [Se, Ce] = x.split(`-`),
+    we = _.useMemo(() => s.reduce((e, t, n) => (n >= R ? e : e + t.height), 0), [s, R]),
+    Te = dr(),
+    Ee = n.invert || t,
+    De = L === `loading`;
+  ((ye.current = _.useMemo(() => R * S + we, [R, we])),
+    _.useEffect(() => {
+      le.current = _e;
+    }, [_e]),
+    _.useEffect(() => {
+      M(!0);
+    }, []),
+    _.useEffect(() => {
+      let e = I.current;
+      if (e) {
+        let t = e.getBoundingClientRect().height;
+        return (
+          ce(t),
+          a((e) => [{ toastId: n.id, height: t, position: n.position }, ...e]),
+          () => a((e) => e.filter((e) => e.toastId !== n.id))
+        );
+      }
+    }, [a, n.id]),
+    _.useLayoutEffect(() => {
+      if (!j) return;
+      let e = I.current,
+        t = e.style.height;
+      e.style.height = `auto`;
+      let r = e.getBoundingClientRect().height;
+      ((e.style.height = t),
+        ce(r),
+        a((e) =>
+          e.find((e) => e.toastId === n.id)
+            ? e.map((e) => (e.toastId === n.id ? { ...e, height: r } : e))
+            : [{ toastId: n.id, height: r, position: n.position }, ...e],
+        ));
+    }, [j, n.title, n.description, a, n.id, n.jsx, n.action, n.cancel]));
+  let Oe = _.useCallback(() => {
+    (N(!0),
+      oe(ye.current),
+      a((e) => e.filter((e) => e.toastId !== n.id)),
+      setTimeout(() => {
+        d(n);
+      }, Tr));
+  }, [n, d, a, ye]);
+  (_.useEffect(() => {
+    if ((n.promise && L === `loading`) || n.duration === 1 / 0 || n.type === `loading`) return;
+    let e;
+    return (
+      u || i || Te
+        ? (() => {
+            if (be.current < ve.current) {
+              let e = new Date().getTime() - ve.current;
+              le.current -= e;
+            }
+            be.current = new Date().getTime();
+          })()
+        : le.current !== 1 / 0 &&
+          ((ve.current = new Date().getTime()),
+          (e = setTimeout(() => {
+            (n.onAutoClose == null || n.onAutoClose.call(n, n), Oe());
+          }, le.current))),
+      () => clearTimeout(e)
+    );
+  }, [u, i, n, L, Te, Oe]),
+    _.useEffect(() => {
+      n.delete && (Oe(), n.onDismiss == null || n.onDismiss.call(n, n));
+    }, [Oe, n.delete]));
+  function ke() {
+    return T?.loading
+      ? _.createElement(
+          `div`,
+          { className: Er(w?.loader, n?.classNames?.loader, `sonner-loader`), 'data-visible': L === `loading` },
+          T.loading,
+        )
+      : _.createElement(ar, { className: Er(w?.loader, n?.classNames?.loader), visible: L === `loading` });
+  }
+  let Ae = n.icon || T?.[L] || rr(L);
+  return _.createElement(
+    `li`,
+    {
+      tabIndex: 0,
+      ref: I,
+      className: Er(v, me, w?.toast, n?.classNames?.toast, w?.default, w?.[L], n?.classNames?.[L]),
+      'data-sonner-toast': ``,
+      'data-rich-colors': n.richColors ?? f,
+      'data-styled': !(n.jsx || n.unstyled || r),
+      'data-mounted': j,
+      'data-promise': !!n.promise,
+      'data-swiped': F,
+      'data-removed': ee,
+      'data-visible': fe,
+      'data-y-position': Se,
+      'data-x-position': Ce,
+      'data-index': c,
+      'data-front': de,
+      'data-swiping': P,
+      'data-dismissible': pe,
+      'data-type': L,
+      'data-invert': Ee,
+      'data-swipe-out': ne,
+      'data-swipe-direction': k,
+      'data-expanded': !!(u || (C && j)),
+      'data-testid': n.testId,
+      style: {
+        '--index': c,
+        '--toasts-before': c,
+        '--z-index': l.length - c,
+        '--offset': `${ee ? ae : ye.current}px`,
+        '--initial-height': C ? `auto` : `${se}px`,
+        ...m,
+        ...n.style,
+      },
+      onDragEnd: () => {
+        (te(!1), O(null), (xe.current = null));
+      },
+      onPointerDown: (e) => {
+        e.button !== 2 &&
+          (De ||
+            !pe ||
+            ((ue.current = new Date()),
+            oe(ye.current),
+            e.target.setPointerCapture(e.pointerId),
+            e.target.tagName !== `BUTTON` && (te(!0), (xe.current = { x: e.clientX, y: e.clientY }))));
+      },
+      onPointerUp: () => {
+        if (ne || !pe) return;
+        xe.current = null;
+        let e = Number(I.current?.style.getPropertyValue(`--swipe-amount-x`).replace(`px`, ``) || 0),
+          t = Number(I.current?.style.getPropertyValue(`--swipe-amount-y`).replace(`px`, ``) || 0),
+          r = new Date().getTime() - ue.current?.getTime(),
+          i = D === `x` ? e : t,
+          a = Math.abs(i) / r;
+        if (Math.abs(i) >= wr || a > 0.11) {
+          (oe(ye.current),
+            n.onDismiss == null || n.onDismiss.call(n, n),
+            A(D === `x` ? (e > 0 ? `right` : `left`) : t > 0 ? `down` : `up`),
+            Oe(),
+            re(!0));
+          return;
+        } else {
+          var o, s;
+          ((o = I.current) == null || o.style.setProperty(`--swipe-amount-x`, `0px`),
+            (s = I.current) == null || s.style.setProperty(`--swipe-amount-y`, `0px`));
+        }
+        (ie(!1), te(!1), O(null));
+      },
+      onPointerMove: (t) => {
+        var n, r;
+        if (!xe.current || !pe || window.getSelection()?.toString().length > 0) return;
+        let i = t.clientY - xe.current.y,
+          a = t.clientX - xe.current.x,
+          o = e.swipeDirections ?? Dr(x);
+        !D && (Math.abs(a) > 1 || Math.abs(i) > 1) && O(Math.abs(a) > Math.abs(i) ? `x` : `y`);
+        let s = { x: 0, y: 0 },
+          c = (e) => 1 / (1.5 + Math.abs(e) / 20);
+        if (D === `y`) {
+          if (o.includes(`top`) || o.includes(`bottom`))
+            if ((o.includes(`top`) && i < 0) || (o.includes(`bottom`) && i > 0)) s.y = i;
+            else {
+              let e = i * c(i);
+              s.y = Math.abs(e) < Math.abs(i) ? e : i;
+            }
+        } else if (D === `x` && (o.includes(`left`) || o.includes(`right`)))
+          if ((o.includes(`left`) && a < 0) || (o.includes(`right`) && a > 0)) s.x = a;
+          else {
+            let e = a * c(a);
+            s.x = Math.abs(e) < Math.abs(a) ? e : a;
+          }
+        ((Math.abs(s.x) > 0 || Math.abs(s.y) > 0) && ie(!0),
+          (n = I.current) == null || n.style.setProperty(`--swipe-amount-x`, `${s.x}px`),
+          (r = I.current) == null || r.style.setProperty(`--swipe-amount-y`, `${s.y}px`));
+      },
+    },
+    ge && !n.jsx && L !== `loading`
+      ? _.createElement(
+          `button`,
+          {
+            'aria-label': E,
+            'data-disabled': De,
+            'data-close-button': !0,
+            onClick:
+              De || !pe
+                ? () => {}
+                : () => {
+                    (Oe(), n.onDismiss == null || n.onDismiss.call(n, n));
+                  },
+            className: Er(w?.closeButton, n?.classNames?.closeButton),
+          },
+          T?.close ?? ur,
+        )
+      : null,
+    (L || n.icon || n.promise) && n.icon !== null && (T?.[L] !== null || n.icon)
+      ? _.createElement(
+          `div`,
+          { 'data-icon': ``, className: Er(w?.icon, n?.classNames?.icon) },
+          n.promise || (n.type === `loading` && !n.icon) ? n.icon || ke() : null,
+          n.type === `loading` ? null : Ae,
+        )
+      : null,
+    _.createElement(
+      `div`,
+      { 'data-content': ``, className: Er(w?.content, n?.classNames?.content) },
+      _.createElement(
+        `div`,
+        { 'data-title': ``, className: Er(w?.title, n?.classNames?.title) },
+        n.jsx ? n.jsx : typeof n.title == `function` ? n.title() : n.title,
+      ),
+      n.description
+        ? _.createElement(
+            `div`,
+            { 'data-description': ``, className: Er(y, he, w?.description, n?.classNames?.description) },
+            typeof n.description == `function` ? n.description() : n.description,
+          )
+        : null,
+    ),
+    _.isValidElement(n.cancel)
+      ? n.cancel
+      : n.cancel && _r(n.cancel)
+        ? _.createElement(
+            `button`,
+            {
+              'data-button': !0,
+              'data-cancel': !0,
+              style: n.cancelButtonStyle || h,
+              onClick: (e) => {
+                _r(n.cancel) && pe && (n.cancel.onClick == null || n.cancel.onClick.call(n.cancel, e), Oe());
+              },
+              className: Er(w?.cancelButton, n?.classNames?.cancelButton),
+            },
+            n.cancel.label,
+          )
+        : null,
+    _.isValidElement(n.action)
+      ? n.action
+      : n.action && _r(n.action)
+        ? _.createElement(
+            `button`,
+            {
+              'data-button': !0,
+              'data-action': !0,
+              style: n.actionButtonStyle || g,
+              onClick: (e) => {
+                _r(n.action) &&
+                  (n.action.onClick == null || n.action.onClick.call(n.action, e), !e.defaultPrevented && Oe());
+              },
+              className: Er(w?.actionButton, n?.classNames?.actionButton),
+            },
+            n.action.label,
+          )
+        : null,
+  );
+};
+function kr() {
+  if (typeof window > `u` || typeof document > `u`) return `ltr`;
+  let e = document.documentElement.getAttribute(`dir`);
+  return e === `auto` || !e ? window.getComputedStyle(document.documentElement).direction : e;
+}
+function Ar(e, t) {
+  let n = {};
+  return (
+    [e, t].forEach((e, t) => {
+      let r = t === 1,
+        i = r ? `--mobile-offset` : `--offset`,
+        a = r ? br : yr;
+      function o(e) {
+        [`top`, `right`, `bottom`, `left`].forEach((t) => {
+          n[`${i}-${t}`] = typeof e == `number` ? `${e}px` : e;
+        });
+      }
+      typeof e == `number` || typeof e == `string`
+        ? o(e)
+        : typeof e == `object`
+          ? [`top`, `right`, `bottom`, `left`].forEach((t) => {
+              e[t] === void 0 ? (n[`${i}-${t}`] = a) : (n[`${i}-${t}`] = typeof e[t] == `number` ? `${e[t]}px` : e[t]);
+            })
+          : o(a);
+    }),
+    n
+  );
+}
+var jr = _.forwardRef(function (e, t) {
+    let {
+        id: n,
+        invert: r,
+        position: i = `bottom-right`,
+        hotkey: a = [`altKey`, `KeyT`],
+        expand: o,
+        closeButton: s,
+        className: c,
+        offset: l,
+        mobileOffset: u,
+        theme: d = `light`,
+        richColors: f,
+        duration: p,
+        style: m,
+        visibleToasts: h = vr,
+        toastOptions: g,
+        dir: v = kr(),
+        gap: b = Cr,
+        icons: x,
+        containerAriaLabel: S = `Notifications`,
+      } = e,
+      [C, w] = _.useState([]),
+      T = _.useMemo(() => (n ? C.filter((e) => e.toasterId === n) : C.filter((e) => !e.toasterId)), [C, n]),
+      E = _.useMemo(() => Array.from(new Set([i].concat(T.filter((e) => e.position).map((e) => e.position)))), [T, i]),
+      [D, O] = _.useState([]),
+      [k, A] = _.useState(!1),
+      [j, M] = _.useState(!1),
+      [ee, N] = _.useState(
+        d === `system`
+          ? typeof window < `u` && window.matchMedia && window.matchMedia(`(prefers-color-scheme: dark)`).matches
+            ? `dark`
+            : `light`
+          : d,
+      ),
+      P = _.useRef(null),
+      te = a.join(`+`).replace(/Key/g, ``).replace(/Digit/g, ``),
+      ne = _.useRef(null),
+      re = _.useRef(!1),
+      F = _.useCallback((e) => {
+        w((t) => (t.find((t) => t.id === e.id)?.delete || pr.dismiss(e.id), t.filter(({ id: t }) => t !== e.id)));
+      }, []);
+    return (
+      _.useEffect(
+        () =>
+          pr.subscribe((e) => {
+            if (e.dismiss) {
+              requestAnimationFrame(() => {
+                w((t) => t.map((t) => (t.id === e.id ? { ...t, delete: !0 } : t)));
+              });
+              return;
+            }
+            setTimeout(() => {
+              y.flushSync(() => {
+                w((t) => {
+                  let n = t.findIndex((t) => t.id === e.id);
+                  return n === -1 ? [e, ...t] : [...t.slice(0, n), { ...t[n], ...e }, ...t.slice(n + 1)];
+                });
+              });
+            });
+          }),
+        [C],
+      ),
+      _.useEffect(() => {
+        if (d !== `system`) {
+          N(d);
+          return;
+        }
+        if (
+          (d === `system` &&
+            (window.matchMedia && window.matchMedia(`(prefers-color-scheme: dark)`).matches ? N(`dark`) : N(`light`)),
+          typeof window > `u`)
+        )
+          return;
+        let e = window.matchMedia(`(prefers-color-scheme: dark)`);
+        try {
+          e.addEventListener(`change`, ({ matches: e }) => {
+            N(e ? `dark` : `light`);
+          });
+        } catch {
+          e.addListener(({ matches: e }) => {
+            try {
+              N(e ? `dark` : `light`);
+            } catch (e) {
+              console.error(e);
+            }
+          });
+        }
+      }, [d]),
+      _.useEffect(() => {
+        C.length <= 1 && A(!1);
+      }, [C]),
+      _.useEffect(() => {
+        let e = (e) => {
+          if (a.every((t) => e[t] || e.code === t)) {
+            var t;
+            (A(!0), (t = P.current) == null || t.focus());
+          }
+          e.code === `Escape` &&
+            (document.activeElement === P.current || P.current?.contains(document.activeElement)) &&
+            A(!1);
+        };
+        return (document.addEventListener(`keydown`, e), () => document.removeEventListener(`keydown`, e));
+      }, [a]),
+      _.useEffect(() => {
+        if (P.current)
+          return () => {
+            ne.current && (ne.current.focus({ preventScroll: !0 }), (ne.current = null), (re.current = !1));
+          };
+      }, [P.current]),
+      _.createElement(
+        `section`,
+        {
+          ref: t,
+          'aria-label': `${S} ${te}`,
+          tabIndex: -1,
+          'aria-live': `polite`,
+          'aria-relevant': `additions text`,
+          'aria-atomic': `false`,
+          suppressHydrationWarning: !0,
+        },
+        E.map((t, n) => {
+          let [i, a] = t.split(`-`);
+          return T.length
+            ? _.createElement(
+                `ol`,
+                {
+                  key: t,
+                  dir: v === `auto` ? kr() : v,
+                  tabIndex: -1,
+                  ref: P,
+                  className: c,
+                  'data-sonner-toaster': !0,
+                  'data-sonner-theme': ee,
+                  'data-y-position': i,
+                  'data-x-position': a,
+                  style: {
+                    '--front-toast-height': `${D[0]?.height || 0}px`,
+                    '--width': `${Sr}px`,
+                    '--gap': `${b}px`,
+                    ...m,
+                    ...Ar(l, u),
+                  },
+                  onBlur: (e) => {
+                    re.current &&
+                      !e.currentTarget.contains(e.relatedTarget) &&
+                      ((re.current = !1), (ne.current &&= (ne.current.focus({ preventScroll: !0 }), null)));
+                  },
+                  onFocus: (e) => {
+                    (e.target instanceof HTMLElement && e.target.dataset.dismissible === `false`) ||
+                      re.current ||
+                      ((re.current = !0), (ne.current = e.relatedTarget));
+                  },
+                  onMouseEnter: () => A(!0),
+                  onMouseMove: () => A(!0),
+                  onMouseLeave: () => {
+                    j || A(!1);
+                  },
+                  onDragEnd: () => A(!1),
+                  onPointerDown: (e) => {
+                    (e.target instanceof HTMLElement && e.target.dataset.dismissible === `false`) || M(!0);
+                  },
+                  onPointerUp: () => M(!1),
+                },
+                T.filter((e) => (!e.position && n === 0) || e.position === t).map((n, i) =>
+                  _.createElement(Or, {
+                    key: n.id,
+                    icons: x,
+                    index: i,
+                    toast: n,
+                    defaultRichColors: f,
+                    duration: g?.duration ?? p,
+                    className: g?.className,
+                    descriptionClassName: g?.descriptionClassName,
+                    invert: r,
+                    visibleToasts: h,
+                    closeButton: g?.closeButton ?? s,
+                    interacting: j,
+                    position: t,
+                    style: g?.style,
+                    unstyled: g?.unstyled,
+                    classNames: g?.classNames,
+                    cancelButtonStyle: g?.cancelButtonStyle,
+                    actionButtonStyle: g?.actionButtonStyle,
+                    closeButtonAriaLabel: g?.closeButtonAriaLabel,
+                    removeToast: F,
+                    toasts: T.filter((e) => e.position == n.position),
+                    heights: D.filter((e) => e.position == n.position),
+                    setHeights: O,
+                    expandByDefault: o,
+                    gap: b,
+                    expanded: k,
+                    swipeDirections: e.swipeDirections,
+                  }),
+                ),
+              )
+            : null;
+        }),
+      )
+    );
+  }),
+  Mr = new Set(),
+  Nr = (e) => (e instanceof Error ? e.message : typeof e == `string` ? e : `Unknown runtime error`),
+  Pr = (e, t) => {
+    let n = Nr(t),
+      r = t instanceof Error ? t.stack : null,
+      i = `${n}:${r || ``}`;
+    Mr.has(i) ||
+      (Mr.add(i),
+      Mr.size > 25 && Mr.clear(),
+      H.error(`APP`, `${e}: ${n}`, r ? { stack: r } : void 0),
+      gr.error(`Something went wrong`, { description: `${e}: ${n}` }));
+  },
+  Fr = o((e) => {
+    var t = d(),
+      n = Symbol.for(`react.element`),
+      r = Symbol.for(`react.fragment`),
+      i = Object.prototype.hasOwnProperty,
+      a = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,
+      o = { key: !0, ref: !0, __self: !0, __source: !0 };
+    function s(e, t, r) {
+      var s,
+        c = {},
+        l = null,
+        u = null;
+      for (s in (r !== void 0 && (l = `` + r),
+      t.key !== void 0 && (l = `` + t.key),
+      t.ref !== void 0 && (u = t.ref),
+      t))
+        i.call(t, s) && !o.hasOwnProperty(s) && (c[s] = t[s]);
+      if (e && e.defaultProps) for (s in ((t = e.defaultProps), t)) c[s] === void 0 && (c[s] = t[s]);
+      return { $$typeof: n, type: e, key: l, ref: u, props: c, _owner: a.current };
+    }
+    ((e.Fragment = r), (e.jsx = s), (e.jsxs = s));
+  }),
+  U = o((e, t) => {
+    t.exports = Fr();
+  })(),
+  Ir = (0, _.createContext)(),
+  Lr = () => {
+    let e = (0, _.useContext)(Ir);
+    if (!e) throw Error(`useGameContext must be used within a GameProvider`);
+    return e;
+  },
+  Rr = ({ children: e }) => {
+    let [t, n] = (0, _.useState)(() => {
+        let e = localStorage.getItem(`playerProfile`);
+        return e ? JSON.parse(e) : { name: ``, avatarIcon: `cat`, color: `#2a2a3e` };
+      }),
+      [r, i] = (0, _.useState)(null),
+      [a, o] = (0, _.useState)(null),
+      [s, c] = (0, _.useState)(null),
+      l = (0, _.useRef)(null);
+    ((0, _.useEffect)(() => {
+      localStorage.setItem(`playerProfile`, JSON.stringify(t));
+    }, [t]),
+      (0, _.useEffect)(() => {
+        let e = window.location.hostname || `localhost`,
+          t = Zn(`${window.location.protocol === `https:` ? `wss:` : `ws:`}//${e}:4000`);
+        return (
+          (l.current = t),
+          c(t),
+          t.on(`connect`, () => {
+            H.info(`SOCKET`, `Connected with ID: ${t.id}`);
+          }),
+          t.on(`disconnect`, (e) => {
+            H.warn(`SOCKET`, `Disconnected: ${e}`);
+          }),
+          t.on(`connect_error`, (e) => {
+            (H.error(`SOCKET`, `Connection error: ${e.message}`), Pr(`Socket connection error`, e));
+          }),
+          t.on(`error`, (e) => {
+            (H.error(`SOCKET`, `Socket error: ${e?.message || e}`), Pr(`Socket error`, e));
+          }),
+          H.info(`SOCKET`, `Initializing socket connection...`),
+          () => {
+            (H.info(`SOCKET`, `Cleaning up socket connection`), t.disconnect());
+          }
+        );
+      }, []));
+    let u = (0, _.useRef)(r);
+    (0, _.useEffect)(() => {
+      u.current = r;
+    }, [r]);
+    let d = (e) => {
+        u.current === e && i(null);
+      },
+      f = (e) => {
+        sessionStorage.removeItem(`${e}_reconnect`);
+      },
+      p = {
+        playerName: t.name,
+        setPlayerName: (e) => {
+          n((t) => ({ ...t, name: e }));
+        },
+        profile: t,
+        setProfile: n,
+        roomId: r,
+        setRoomId: i,
+        clearRoomId: d,
+        socket: s,
+        gamePrefix: a,
+        setGamePrefix: o,
+        leaveRoom: (e, t) => {
+          (s?.emit(`${e}_leaveRoom`, t), f(e), d(t));
+        },
+        clearReconnect: f,
+      };
+    return (0, U.jsx)(Ir.Provider, { value: p, children: e });
+  },
+  zr = o((e, t) => {
+    ((function (n, r) {
+      typeof e == `object` && t !== void 0
+        ? (t.exports = r())
+        : typeof define == `function` && define.amd
+          ? define(r)
+          : ((n = typeof globalThis < `u` ? globalThis : n || self), (n.Sweetalert2 = r()));
+    })(e, function () {
+      function e(e, t, n) {
+        if (typeof e == `function` ? e === t : e.has(t)) return arguments.length < 3 ? t : n;
+        throw TypeError(`Private element is not present on this object`);
+      }
+      function t(e, t) {
+        if (t.has(e)) throw TypeError(`Cannot initialize the same private elements twice on an object`);
+      }
+      function n(t, n) {
+        return t.get(e(t, n));
+      }
+      function r(e, n, r) {
+        (t(e, n), n.set(e, r));
+      }
+      function i(t, n, r) {
+        return (t.set(e(t, n), r), r);
+      }
+      let a = {},
+        o = () => {
+          a.previousActiveElement instanceof HTMLElement
+            ? (a.previousActiveElement.focus(), (a.previousActiveElement = null))
+            : document.body && document.body.focus();
+        },
+        s = (e) =>
+          new Promise((t) => {
+            if (!e) return t();
+            let n = window.scrollX,
+              r = window.scrollY;
+            ((a.restoreFocusTimeout = setTimeout(() => {
+              (o(), t());
+            }, 100)),
+              window.scrollTo(n, r));
+          }),
+        c = `swal2-`,
+        l =
+          `container.shown.height-auto.iosfix.popup.modal.no-backdrop.no-transition.toast.toast-shown.show.hide.close.title.html-container.actions.confirm.deny.cancel.footer.icon.icon-content.image.input.file.range.select.radio.checkbox.label.textarea.inputerror.input-label.validation-message.progress-steps.active-progress-step.progress-step.progress-step-line.loader.loading.styled.top.top-start.top-end.top-left.top-right.center.center-start.center-end.center-left.center-right.bottom.bottom-start.bottom-end.bottom-left.bottom-right.grow-row.grow-column.grow-fullscreen.rtl.timer-progress-bar.timer-progress-bar-container.scrollbar-measure.icon-success.icon-warning.icon-info.icon-question.icon-error.draggable.dragging`
+            .split(`.`)
+            .reduce((e, t) => ((e[t] = c + t), e), {}),
+        u = [`success`, `warning`, `info`, `question`, `error`].reduce((e, t) => ((e[t] = c + t), e), {}),
+        d = `SweetAlert2:`,
+        f = (e) => e.charAt(0).toUpperCase() + e.slice(1),
+        p = (e) => {
+          console.warn(`${d} ${typeof e == `object` ? e.join(` `) : e}`);
+        },
+        m = (e) => {
+          console.error(`${d} ${e}`);
+        },
+        h = [],
+        g = (e) => {
+          h.includes(e) || (h.push(e), p(e));
+        },
+        _ = (e, t = null) => {
+          g(`"${e}" is deprecated and will be removed in the next major release.${t ? ` Use "${t}" instead.` : ``}`);
+        },
+        v = (e) => (typeof e == `function` ? e() : e),
+        y = (e) => e && typeof e.toPromise == `function`,
+        b = (e) => (y(e) ? e.toPromise() : Promise.resolve(e)),
+        x = (e) => e && Promise.resolve(e) === e,
+        S = () => navigator.userAgent.includes(`Firefox`),
+        C = () => document.body.querySelector(`.${l.container}`),
+        w = (e) => {
+          let t = C();
+          return t ? t.querySelector(e) : null;
+        },
+        T = (e) => w(`.${e}`),
+        E = () => T(l.popup),
+        D = () => T(l.icon),
+        O = () => T(l[`icon-content`]),
+        k = () => T(l.title),
+        A = () => T(l[`html-container`]),
+        j = () => T(l.image),
+        M = () => T(l[`progress-steps`]),
+        ee = () => T(l[`validation-message`]),
+        N = () => w(`.${l.actions} .${l.confirm}`),
+        P = () => w(`.${l.actions} .${l.cancel}`),
+        te = () => w(`.${l.actions} .${l.deny}`),
+        ne = () => T(l[`input-label`]),
+        re = () => w(`.${l.loader}`),
+        F = () => T(l.actions),
+        ie = () => T(l.footer),
+        ae = () => T(l[`timer-progress-bar`]),
+        oe = () => T(l.close),
+        se = () => {
+          let e = E();
+          if (!e) return [];
+          let t = e.querySelectorAll(`[tabindex]:not([tabindex="-1"]):not([tabindex="0"])`),
+            n = Array.from(t).sort((e, t) => {
+              let n = parseInt(e.getAttribute(`tabindex`) || `0`),
+                r = parseInt(t.getAttribute(`tabindex`) || `0`);
+              return n > r ? 1 : n < r ? -1 : 0;
+            }),
+            r = e.querySelectorAll(`
+  a[href],
+  area[href],
+  input:not([disabled]),
+  select:not([disabled]),
+  textarea:not([disabled]),
+  button:not([disabled]),
+  iframe,
+  object,
+  embed,
+  [tabindex="0"],
+  [contenteditable],
+  audio[controls],
+  video[controls],
+  summary
+`),
+            i = Array.from(r).filter((e) => e.getAttribute(`tabindex`) !== `-1`);
+          return [...new Set(n.concat(i))].filter((e) => we(e));
+        },
+        ce = () =>
+          de(document.body, l.shown) && !de(document.body, l[`toast-shown`]) && !de(document.body, l[`no-backdrop`]),
+        le = () => {
+          let e = E();
+          return e ? de(e, l.toast) : !1;
+        },
+        ue = () => {
+          let e = E();
+          return e ? e.hasAttribute(`data-loading`) : !1;
+        },
+        I = (e, t) => {
+          if (((e.textContent = ``), t)) {
+            let n = new DOMParser().parseFromString(t, `text/html`),
+              r = n.querySelector(`head`);
+            r &&
+              Array.from(r.childNodes).forEach((t) => {
+                e.appendChild(t);
+              });
+            let i = n.querySelector(`body`);
+            i &&
+              Array.from(i.childNodes).forEach((t) => {
+                t instanceof HTMLVideoElement || t instanceof HTMLAudioElement
+                  ? e.appendChild(t.cloneNode(!0))
+                  : e.appendChild(t);
+              });
+          }
+        },
+        de = (e, t) => {
+          if (!t) return !1;
+          let n = t.split(/\s+/);
+          for (let t = 0; t < n.length; t++) if (!e.classList.contains(n[t])) return !1;
+          return !0;
+        },
+        fe = (e, t) => {
+          Array.from(e.classList).forEach((n) => {
+            !Object.values(l).includes(n) &&
+              !Object.values(u).includes(n) &&
+              !Object.values(t.showClass || {}).includes(n) &&
+              e.classList.remove(n);
+          });
+        },
+        L = (e, t, n) => {
+          if ((fe(e, t), !t.customClass)) return;
+          let r = t.customClass[n];
+          if (r) {
+            if (typeof r != `string` && !r.forEach) {
+              p(`Invalid type of customClass.${n}! Expected string or iterable object, got "${typeof r}"`);
+              return;
+            }
+            R(e, r);
+          }
+        },
+        pe = (e, t) => {
+          if (!t) return null;
+          switch (t) {
+            case `select`:
+            case `textarea`:
+            case `file`:
+              return e.querySelector(`.${l.popup} > .${l[t]}`);
+            case `checkbox`:
+              return e.querySelector(`.${l.popup} > .${l.checkbox} input`);
+            case `radio`:
+              return (
+                e.querySelector(`.${l.popup} > .${l.radio} input:checked`) ||
+                e.querySelector(`.${l.popup} > .${l.radio} input:first-child`)
+              );
+            case `range`:
+              return e.querySelector(`.${l.popup} > .${l.range} input`);
+            default:
+              return e.querySelector(`.${l.popup} > .${l.input}`);
+          }
+        },
+        me = (e) => {
+          if ((e.focus(), e.type !== `file`)) {
+            let t = e.value;
+            ((e.value = ``), (e.value = t));
+          }
+        },
+        he = (e, t, n) => {
+          if (!e || !t) return;
+          let r = typeof t == `string` ? t.split(/\s+/).filter(Boolean) : t;
+          (Array.isArray(e) ? e : [e]).forEach((e) => {
+            r.forEach((t) => {
+              n ? e.classList.add(t) : e.classList.remove(t);
+            });
+          });
+        },
+        R = (e, t) => {
+          he(e, t, !0);
+        },
+        ge = (e, t) => {
+          he(e, t, !1);
+        },
+        _e = (e, t) => {
+          let n = Array.from(e.children);
+          for (let e = 0; e < n.length; e++) {
+            let r = n[e];
+            if (r instanceof HTMLElement && de(r, t)) return r;
+          }
+        },
+        ve = (e, t, n) => {
+          (n === `${parseInt(`${n}`)}` && (n = parseInt(n)),
+            n || n === 0 ? e.style.setProperty(t, typeof n == `number` ? `${n}px` : n) : e.style.removeProperty(t));
+        },
+        ye = (e, t = `flex`) => {
+          e && (e.style.display = t);
+        },
+        be = (e) => {
+          e && (e.style.display = `none`);
+        },
+        xe = (e, t = `block`) => {
+          e &&
+            new MutationObserver(() => {
+              Ce(e, e.innerHTML, t);
+            }).observe(e, { childList: !0, subtree: !0 });
+        },
+        Se = (e, t, n, r) => {
+          let i = e.querySelector(t);
+          i && i.style.setProperty(n, r);
+        },
+        Ce = (e, t, n = `flex`) => {
+          t ? ye(e, n) : be(e);
+        },
+        we = (e) => !!(e && (e.offsetWidth || e.offsetHeight || e.getClientRects().length)),
+        Te = () => !we(N()) && !we(te()) && !we(P()),
+        Ee = (e) => e.scrollHeight > e.clientHeight,
+        De = (e, t) => {
+          let n = e;
+          for (; n && n !== t; ) {
+            if (Ee(n)) return !0;
+            n = n.parentElement;
+          }
+          return !1;
+        },
+        Oe = (e) => {
+          let t = window.getComputedStyle(e),
+            n = parseFloat(t.getPropertyValue(`animation-duration`) || `0`),
+            r = parseFloat(t.getPropertyValue(`transition-duration`) || `0`);
+          return n > 0 || r > 0;
+        },
+        ke = (e, t = !1) => {
+          let n = ae();
+          n &&
+            we(n) &&
+            (t && ((n.style.transition = `none`), (n.style.width = `100%`)),
+            setTimeout(() => {
+              ((n.style.transition = `width ${e / 1e3}s linear`), (n.style.width = `0%`));
+            }, 10));
+        },
+        Ae = () => {
+          let e = ae();
+          if (!e) return;
+          let t = parseInt(window.getComputedStyle(e).width);
+          (e.style.removeProperty(`transition`), (e.style.width = `100%`));
+          let n = (t / parseInt(window.getComputedStyle(e).width)) * 100;
+          e.style.width = `${n}%`;
+        },
+        je = () => typeof window > `u` || typeof document > `u`,
+        Me = `
+ <div aria-labelledby="${l.title}" aria-describedby="${l[`html-container`]}" class="${l.popup}" tabindex="-1">
+   <button type="button" class="${l.close}"></button>
+   <ul class="${l[`progress-steps`]}"></ul>
+   <div class="${l.icon}"></div>
+   <img class="${l.image}" />
+   <h2 class="${l.title}" id="${l.title}"></h2>
+   <div class="${l[`html-container`]}" id="${l[`html-container`]}"></div>
+   <input class="${l.input}" id="${l.input}" />
+   <input type="file" class="${l.file}" />
+   <div class="${l.range}">
+     <input type="range" />
+     <output></output>
+   </div>
+   <select class="${l.select}" id="${l.select}"></select>
+   <div class="${l.radio}"></div>
+   <label class="${l.checkbox}">
+     <input type="checkbox" id="${l.checkbox}" />
+     <span class="${l.label}"></span>
+   </label>
+   <textarea class="${l.textarea}" id="${l.textarea}"></textarea>
+   <div class="${l[`validation-message`]}" id="${l[`validation-message`]}"></div>
+   <div class="${l.actions}">
+     <div class="${l.loader}"></div>
+     <button type="button" class="${l.confirm}"></button>
+     <button type="button" class="${l.deny}"></button>
+     <button type="button" class="${l.cancel}"></button>
+   </div>
+   <div class="${l.footer}"></div>
+   <div class="${l[`timer-progress-bar-container`]}">
+     <div class="${l[`timer-progress-bar`]}"></div>
+   </div>
+ </div>
+`.replace(/(^|\n)\s*/g, ``),
+        Ne = () => {
+          let e = C();
+          return e
+            ? (e.remove(),
+              ge([document.documentElement, document.body], [l[`no-backdrop`], l[`toast-shown`], l[`has-column`]]),
+              !0)
+            : !1;
+        },
+        Pe = () => {
+          a.currentInstance && a.currentInstance.resetValidationMessage();
+        },
+        Fe = () => {
+          let e = E();
+          if (!e) return;
+          let t = _e(e, l.input),
+            n = _e(e, l.file),
+            r = e.querySelector(`.${l.range} input`),
+            i = e.querySelector(`.${l.range} output`),
+            a = _e(e, l.select),
+            o = e.querySelector(`.${l.checkbox} input`),
+            s = _e(e, l.textarea);
+          (t && (t.oninput = Pe),
+            n && (n.onchange = Pe),
+            a && (a.onchange = Pe),
+            o && (o.onchange = Pe),
+            s && (s.oninput = Pe),
+            r &&
+              i &&
+              ((r.oninput = () => {
+                (Pe(), (i.value = r.value));
+              }),
+              (r.onchange = () => {
+                (Pe(), (i.value = r.value));
+              })));
+        },
+        Ie = (e) => {
+          if (typeof e == `string`) {
+            let t = document.querySelector(e);
+            if (!t) throw Error(`Target element "${e}" not found`);
+            return t;
+          }
+          return e;
+        },
+        Le = (e) => {
+          let t = E();
+          t &&
+            (t.setAttribute(`role`, e.toast ? `alert` : `dialog`),
+            t.setAttribute(`aria-live`, e.toast ? `polite` : `assertive`),
+            e.toast || t.setAttribute(`aria-modal`, `true`));
+        },
+        Re = (e) => {
+          window.getComputedStyle(e).direction === `rtl` && (R(C(), l.rtl), (a.isRTL = !0));
+        },
+        ze = (e) => {
+          let t = Ne();
+          if (je()) {
+            m(`SweetAlert2 requires document to initialize`);
+            return;
+          }
+          let n = document.createElement(`div`);
+          ((n.className = l.container), t && R(n, l[`no-transition`]), I(n, Me), (n.dataset.swal2Theme = e.theme));
+          let r = Ie(e.target || `body`);
+          (r.appendChild(n), e.topLayer && (n.setAttribute(`popover`, ``), n.showPopover()), Le(e), Re(r), Fe());
+        },
+        Be = (e, t) => {
+          e instanceof HTMLElement ? t.appendChild(e) : typeof e == `object` ? Ve(e, t) : e && I(t, e);
+        },
+        Ve = (e, t) => {
+          `jquery` in e ? He(t, e) : I(t, e.toString());
+        },
+        He = (e, t) => {
+          if (((e.textContent = ``), 0 in t)) for (let n = 0; n in t; n++) e.appendChild(t[n].cloneNode(!0));
+          else e.appendChild(t.cloneNode(!0));
+        },
+        Ue = (e, t) => {
+          let n = F(),
+            r = re();
+          !n ||
+            !r ||
+            (!t.showConfirmButton && !t.showDenyButton && !t.showCancelButton ? be(n) : ye(n),
+            L(n, t, `actions`),
+            We(n, r, t),
+            I(r, t.loaderHtml || ``),
+            L(r, t, `loader`));
+        };
+      function We(e, t, n) {
+        let r = N(),
+          i = te(),
+          a = P();
+        !r ||
+          !i ||
+          !a ||
+          (qe(r, `confirm`, n),
+          qe(i, `deny`, n),
+          qe(a, `cancel`, n),
+          Ge(r, i, a, n),
+          n.reverseButtons &&
+            (n.toast
+              ? (e.insertBefore(a, r), e.insertBefore(i, r))
+              : (e.insertBefore(a, t), e.insertBefore(i, t), e.insertBefore(r, t))));
+      }
+      function Ge(e, t, n, r) {
+        if (!r.buttonsStyling) {
+          ge([e, t, n], l.styled);
+          return;
+        }
+        (R([e, t, n], l.styled),
+          [
+            [e, `confirm`, r.confirmButtonColor],
+            [t, `deny`, r.denyButtonColor],
+            [n, `cancel`, r.cancelButtonColor],
+          ].forEach(([e, t, n]) => {
+            (n && e.style.setProperty(`--swal2-${t}-button-background-color`, n), Ke(e));
+          }));
+      }
+      function Ke(e) {
+        let t = window.getComputedStyle(e);
+        if (t.getPropertyValue(`--swal2-action-button-focus-box-shadow`)) return;
+        let n = t.backgroundColor.replace(/rgba?\((\d+), (\d+), (\d+).*/, `rgba($1, $2, $3, 0.5)`);
+        e.style.setProperty(
+          `--swal2-action-button-focus-box-shadow`,
+          t.getPropertyValue(`--swal2-outline`).replace(/ rgba\(.*/, ` ${n}`),
+        );
+      }
+      function qe(e, t, n) {
+        (Ce(e, n[`show${f(t)}Button`], `inline-block`),
+          I(e, n[`${t}ButtonText`] || ``),
+          e.setAttribute(`aria-label`, n[`${t}ButtonAriaLabel`] || ``),
+          (e.className = l[t]),
+          L(e, n, `${t}Button`));
+      }
+      let Je = (e, t) => {
+          let n = oe();
+          n &&
+            (I(n, t.closeButtonHtml || ``),
+            L(n, t, `closeButton`),
+            Ce(n, t.showCloseButton),
+            n.setAttribute(`aria-label`, t.closeButtonAriaLabel || ``));
+        },
+        Ye = (e, t) => {
+          let n = C();
+          n && (Xe(n, t.backdrop), Ze(n, t.position), Qe(n, t.grow), L(n, t, `container`));
+        };
+      function Xe(e, t) {
+        typeof t == `string`
+          ? (e.style.background = t)
+          : t || R([document.documentElement, document.body], l[`no-backdrop`]);
+      }
+      function Ze(e, t) {
+        t &&
+          (t in l ? R(e, l[t]) : (p(`The "position" parameter is not valid, defaulting to "center"`), R(e, l.center)));
+      }
+      function Qe(e, t) {
+        t && R(e, l[`grow-${t}`]);
+      }
+      var z = { innerParams: new WeakMap(), domCache: new WeakMap(), focusedElement: new WeakMap() };
+      let $e = [`input`, `file`, `range`, `select`, `radio`, `checkbox`, `textarea`],
+        et = (e, t) => {
+          let n = E();
+          if (!n) return;
+          let r = z.innerParams.get(e),
+            i = !r || t.input !== r.input;
+          ($e.forEach((e) => {
+            let r = _e(n, l[e]);
+            r && (rt(e, t.inputAttributes), (r.className = l[e]), i && be(r));
+          }),
+            t.input && (i && tt(t), it(t)));
+        },
+        tt = (e) => {
+          if (!e.input) return;
+          if (!lt[e.input]) {
+            m(`Unexpected type of input! Expected ${Object.keys(lt).join(` | `)}, got "${e.input}"`);
+            return;
+          }
+          let t = st(e.input);
+          if (!t) return;
+          let n = lt[e.input](t, e);
+          (ye(t),
+            e.inputAutoFocus &&
+              setTimeout(() => {
+                me(n);
+              }));
+        },
+        nt = (e) => {
+          for (let t = 0; t < e.attributes.length; t++) {
+            let n = e.attributes[t].name;
+            [`id`, `type`, `value`, `style`].includes(n) || e.removeAttribute(n);
+          }
+        },
+        rt = (e, t) => {
+          let n = E();
+          if (!n) return;
+          let r = pe(n, e);
+          if (r) {
+            nt(r);
+            for (let e in t) r.setAttribute(e, t[e]);
+          }
+        },
+        it = (e) => {
+          if (!e.input) return;
+          let t = st(e.input);
+          t && L(t, e, `input`);
+        },
+        at = (e, t) => {
+          !e.placeholder && t.inputPlaceholder && (e.placeholder = t.inputPlaceholder);
+        },
+        ot = (e, t, n) => {
+          if (n.inputLabel) {
+            let r = document.createElement(`label`),
+              i = l[`input-label`];
+            (r.setAttribute(`for`, e.id),
+              (r.className = i),
+              typeof n.customClass == `object` && R(r, n.customClass.inputLabel),
+              (r.innerText = n.inputLabel),
+              t.insertAdjacentElement(`beforebegin`, r));
+          }
+        },
+        st = (e) => {
+          let t = E();
+          if (t) return _e(t, l[e] || l.input);
+        },
+        ct = (e, t) => {
+          [`string`, `number`].includes(typeof t)
+            ? (e.value = `${t}`)
+            : x(t) || p(`Unexpected type of inputValue! Expected "string", "number" or "Promise", got "${typeof t}"`);
+        },
+        lt = {};
+      ((lt.text =
+        lt.email =
+        lt.password =
+        lt.number =
+        lt.tel =
+        lt.url =
+        lt.search =
+        lt.date =
+        lt[`datetime-local`] =
+        lt.time =
+        lt.week =
+        lt.month =
+          (e, t) => {
+            let n = e;
+            return (ct(n, t.inputValue), ot(n, n, t), at(n, t), (n.type = t.input), n);
+          }),
+        (lt.file = (e, t) => {
+          let n = e;
+          return (ot(n, n, t), at(n, t), n);
+        }),
+        (lt.range = (e, t) => {
+          let n = e,
+            r = n.querySelector(`input`),
+            i = n.querySelector(`output`);
+          return (r && (ct(r, t.inputValue), (r.type = t.input), ot(r, e, t)), i && ct(i, t.inputValue), e);
+        }),
+        (lt.select = (e, t) => {
+          let n = e;
+          if (((n.textContent = ``), t.inputPlaceholder)) {
+            let e = document.createElement(`option`);
+            (I(e, t.inputPlaceholder), (e.value = ``), (e.disabled = !0), (e.selected = !0), n.appendChild(e));
+          }
+          return (ot(n, n, t), n);
+        }),
+        (lt.radio = (e) => {
+          let t = e;
+          return ((t.textContent = ``), e);
+        }),
+        (lt.checkbox = (e, t) => {
+          let n = E();
+          if (!n) throw Error(`Popup not found`);
+          let r = pe(n, `checkbox`);
+          if (!r) throw Error(`Checkbox input not found`);
+          ((r.value = `1`), (r.checked = !!t.inputValue));
+          let i = e.querySelector(`span`);
+          if (i) {
+            let e = t.inputPlaceholder || t.inputLabel;
+            e && I(i, e);
+          }
+          return r;
+        }),
+        (lt.textarea = (e, t) => {
+          let n = e;
+          (ct(n, t.inputValue), at(n, t), ot(n, n, t));
+          let r = (e) =>
+            parseInt(window.getComputedStyle(e).marginLeft) + parseInt(window.getComputedStyle(e).marginRight);
+          return (
+            setTimeout(() => {
+              if (`MutationObserver` in window) {
+                let e = E();
+                if (!e) return;
+                let i = parseInt(window.getComputedStyle(e).width);
+                new MutationObserver(() => {
+                  if (!document.body.contains(n)) return;
+                  let e = n.offsetWidth + r(n),
+                    a = E();
+                  a && (e > i ? (a.style.width = `${e}px`) : ve(a, `width`, t.width));
+                }).observe(n, { attributes: !0, attributeFilter: [`style`] });
+              }
+            }),
+            n
+          );
+        }));
+      let ut = (e, t) => {
+          let n = A();
+          n &&
+            (xe(n),
+            L(n, t, `htmlContainer`),
+            t.html ? (Be(t.html, n), ye(n, `block`)) : t.text ? ((n.textContent = t.text), ye(n, `block`)) : be(n),
+            et(e, t));
+        },
+        dt = (e, t) => {
+          let n = ie();
+          n && (xe(n), Ce(n, !!t.footer, `block`), t.footer && Be(t.footer, n), L(n, t, `footer`));
+        },
+        ft = (e, t) => {
+          let n = z.innerParams.get(e),
+            r = D();
+          if (r) {
+            if (n && t.icon === n.icon) {
+              (gt(r, t), pt(r, t));
+              return;
+            }
+            if (!t.icon && !t.iconHtml) {
+              be(r);
+              return;
+            }
+            if (t.icon && Object.keys(u).indexOf(t.icon) === -1) {
+              (m(`Unknown icon! Expected "success", "error", "warning", "info" or "question", got "${t.icon}"`), be(r));
+              return;
+            }
+            (ye(r),
+              gt(r, t),
+              pt(r, t),
+              R(r, t.showClass && t.showClass.icon),
+              window.matchMedia(`(prefers-color-scheme: dark)`).addEventListener(`change`, mt));
+          }
+        },
+        pt = (e, t) => {
+          for (let [n, r] of Object.entries(u)) t.icon !== n && ge(e, r);
+          (R(e, t.icon && u[t.icon]), _t(e, t), mt(), L(e, t, `icon`));
+        },
+        mt = () => {
+          let e = E();
+          if (!e) return;
+          let t = window.getComputedStyle(e).getPropertyValue(`background-color`),
+            n = e.querySelectorAll(`[class^=swal2-success-circular-line], .swal2-success-fix`);
+          for (let e = 0; e < n.length; e++) n[e].style.backgroundColor = t;
+        },
+        ht = (e) => `
+  ${e.animation ? `<div class="swal2-success-circular-line-left"></div>` : ``}
+  <span class="swal2-success-line-tip"></span> <span class="swal2-success-line-long"></span>
+  <div class="swal2-success-ring"></div>
+  ${e.animation ? `<div class="swal2-success-fix"></div>` : ``}
+  ${e.animation ? `<div class="swal2-success-circular-line-right"></div>` : ``}
+`,
+        gt = (e, t) => {
+          if (!t.icon && !t.iconHtml) return;
+          let n = e.innerHTML,
+            r = ``;
+          (t.iconHtml
+            ? (r = vt(t.iconHtml))
+            : t.icon === `success`
+              ? ((r = ht(t)), (n = n.replace(/ style=".*?"/g, ``)))
+              : t.icon === `error`
+                ? (r = `
+  <span class="swal2-x-mark">
+    <span class="swal2-x-mark-line-left"></span>
+    <span class="swal2-x-mark-line-right"></span>
+  </span>
+`)
+                : t.icon && (r = vt({ question: `?`, warning: `!`, info: `i` }[t.icon])),
+            n.trim() !== r.trim() && I(e, r));
+        },
+        _t = (e, t) => {
+          if (t.iconColor) {
+            ((e.style.color = t.iconColor), (e.style.borderColor = t.iconColor));
+            for (let n of [
+              `.swal2-success-line-tip`,
+              `.swal2-success-line-long`,
+              `.swal2-x-mark-line-left`,
+              `.swal2-x-mark-line-right`,
+            ])
+              Se(e, n, `background-color`, t.iconColor);
+            Se(e, `.swal2-success-ring`, `border-color`, t.iconColor);
+          }
+        },
+        vt = (e) => `<div class="${l[`icon-content`]}">${e}</div>`,
+        yt = (e, t) => {
+          let n = j();
+          if (n) {
+            if (!t.imageUrl) {
+              be(n);
+              return;
+            }
+            (ye(n, ``),
+              n.setAttribute(`src`, t.imageUrl),
+              n.setAttribute(`alt`, t.imageAlt || ``),
+              ve(n, `width`, t.imageWidth),
+              ve(n, `height`, t.imageHeight),
+              (n.className = l.image),
+              L(n, t, `image`));
+          }
+        },
+        bt = !1,
+        xt = 0,
+        St = 0,
+        Ct = 0,
+        wt = 0,
+        Tt = (e) => {
+          (e.addEventListener(`mousedown`, Dt),
+            document.body.addEventListener(`mousemove`, Ot),
+            e.addEventListener(`mouseup`, kt),
+            e.addEventListener(`touchstart`, Dt),
+            document.body.addEventListener(`touchmove`, Ot),
+            e.addEventListener(`touchend`, kt));
+        },
+        Et = (e) => {
+          (e.removeEventListener(`mousedown`, Dt),
+            document.body.removeEventListener(`mousemove`, Ot),
+            e.removeEventListener(`mouseup`, kt),
+            e.removeEventListener(`touchstart`, Dt),
+            document.body.removeEventListener(`touchmove`, Ot),
+            e.removeEventListener(`touchend`, kt));
+        },
+        Dt = (e) => {
+          let t = E();
+          if (!t) return;
+          let n = D();
+          if (e.target === t || (n && n.contains(e.target))) {
+            bt = !0;
+            let n = At(e);
+            ((xt = n.clientX),
+              (St = n.clientY),
+              (Ct = parseInt(t.style.insetInlineStart) || 0),
+              (wt = parseInt(t.style.insetBlockStart) || 0),
+              R(t, `swal2-dragging`));
+          }
+        },
+        Ot = (e) => {
+          let t = E();
+          if (t && bt) {
+            let { clientX: n, clientY: r } = At(e),
+              i = n - xt;
+            ((t.style.insetInlineStart = `${Ct + (a.isRTL ? -i : i)}px`),
+              (t.style.insetBlockStart = `${wt + (r - St)}px`));
+          }
+        },
+        kt = () => {
+          let e = E();
+          ((bt = !1), ge(e, `swal2-dragging`));
+        },
+        At = (e) => {
+          let t = e.type.startsWith(`touch`) ? e.touches[0] : e;
+          return { clientX: t.clientX, clientY: t.clientY };
+        },
+        jt = (e, t) => {
+          let n = C(),
+            r = E();
+          if (!(!n || !r)) {
+            if (t.toast) {
+              (ve(n, `width`, t.width), (r.style.width = `100%`));
+              let e = re();
+              e && r.insertBefore(e, D());
+            } else ve(r, `width`, t.width);
+            (ve(r, `padding`, t.padding),
+              t.color && (r.style.color = t.color),
+              t.background && (r.style.background = t.background),
+              be(ee()),
+              Mt(r, t),
+              t.draggable && !t.toast ? (R(r, l.draggable), Tt(r)) : (ge(r, l.draggable), Et(r)));
+          }
+        },
+        Mt = (e, t) => {
+          let n = t.showClass || {};
+          ((e.className = `${l.popup} ${we(e) ? n.popup : ``}`),
+            t.toast ? (R([document.documentElement, document.body], l[`toast-shown`]), R(e, l.toast)) : R(e, l.modal),
+            L(e, t, `popup`),
+            typeof t.customClass == `string` && R(e, t.customClass),
+            t.icon && R(e, l[`icon-${t.icon}`]));
+        },
+        Nt = (e, t) => {
+          let n = M();
+          if (!n) return;
+          let { progressSteps: r, currentProgressStep: i } = t;
+          if (!r || r.length === 0 || i === void 0) {
+            be(n);
+            return;
+          }
+          (ye(n),
+            (n.textContent = ``),
+            i >= r.length &&
+              p(
+                `Invalid currentProgressStep parameter, it should be less than progressSteps.length (currentProgressStep like JS arrays starts from 0)`,
+              ),
+            r.forEach((e, a) => {
+              let o = Pt(e);
+              if ((n.appendChild(o), a === i && R(o, l[`active-progress-step`]), a !== r.length - 1)) {
+                let e = Ft(t);
+                n.appendChild(e);
+              }
+            }));
+        },
+        Pt = (e) => {
+          let t = document.createElement(`li`);
+          return (R(t, l[`progress-step`]), I(t, e), t);
+        },
+        Ft = (e) => {
+          let t = document.createElement(`li`);
+          return (R(t, l[`progress-step-line`]), e.progressStepsDistance && ve(t, `width`, e.progressStepsDistance), t);
+        },
+        It = (e, t) => {
+          let n = k();
+          n &&
+            (xe(n),
+            Ce(n, !!(t.title || t.titleText), `block`),
+            t.title && Be(t.title, n),
+            t.titleText && (n.innerText = t.titleText),
+            L(n, t, `title`));
+        },
+        Lt = (e, t) => {
+          var n;
+          (jt(e, t), Ye(e, t), Nt(e, t), ft(e, t), yt(e, t), It(e, t), Je(e, t), ut(e, t), Ue(e, t), dt(e, t));
+          let r = E();
+          (typeof t.didRender == `function` && r && t.didRender(r),
+            (n = a.eventEmitter) == null || n.emit(`didRender`, r));
+        },
+        Rt = () => we(E()),
+        zt = () => N()?.click(),
+        Bt = () => te()?.click(),
+        Vt = () => P()?.click(),
+        B = Object.freeze({ cancel: `cancel`, backdrop: `backdrop`, close: `close`, esc: `esc`, timer: `timer` }),
+        Ht = (e) => {
+          if (e.keydownTarget && e.keydownHandlerAdded && e.keydownHandler) {
+            let t = e.keydownHandler;
+            (e.keydownTarget.removeEventListener(`keydown`, t, { capture: e.keydownListenerCapture }),
+              (e.keydownHandlerAdded = !1));
+          }
+        },
+        Ut = (e, t, n) => {
+          if ((Ht(e), !t.toast)) {
+            let r = (e) => qt(t, e, n);
+            e.keydownHandler = r;
+            let i = t.keydownListenerCapture ? window : E();
+            if (i) {
+              ((e.keydownTarget = i), (e.keydownListenerCapture = t.keydownListenerCapture));
+              let n = r;
+              (e.keydownTarget.addEventListener(`keydown`, n, { capture: e.keydownListenerCapture }),
+                (e.keydownHandlerAdded = !0));
+            }
+          }
+        },
+        Wt = (e, t) => {
+          var n;
+          let r = se();
+          return r.length
+            ? ((e += t),
+              e === -2 && (e = r.length - 1),
+              e === r.length ? (e = 0) : e === -1 && (e = r.length - 1),
+              r[e].focus(),
+              !(S() && r[e] instanceof HTMLIFrameElement))
+            : ((n = E()) == null || n.focus(), !0);
+        },
+        Gt = [`ArrowRight`, `ArrowDown`],
+        Kt = [`ArrowLeft`, `ArrowUp`],
+        qt = (e, t, n) => {
+          e &&
+            (t.isComposing ||
+              t.keyCode === 229 ||
+              (e.stopKeydownPropagation && t.stopPropagation(),
+              t.key === `Enter`
+                ? Jt(t, e)
+                : t.key === `Tab`
+                  ? Yt(t)
+                  : [...Gt, ...Kt].includes(t.key)
+                    ? Xt(t.key)
+                    : t.key === `Escape` && Zt(t, e, n)));
+        },
+        Jt = (e, t) => {
+          if (!v(t.allowEnterKey)) return;
+          let n = E();
+          if (!n || !t.input) return;
+          let r = pe(n, t.input);
+          if (e.target && r && e.target instanceof HTMLElement && e.target.outerHTML === r.outerHTML) {
+            if ([`textarea`, `file`].includes(t.input)) return;
+            (zt(), e.preventDefault());
+          }
+        },
+        Yt = (e) => {
+          let t = e.target,
+            n = se(),
+            r = -1;
+          for (let e = 0; e < n.length; e++)
+            if (t === n[e]) {
+              r = e;
+              break;
+            }
+          let i = !0;
+          ((i = e.shiftKey ? Wt(r, -1) : Wt(r, 1)), e.stopPropagation(), i && e.preventDefault());
+        },
+        Xt = (e) => {
+          let t = F(),
+            n = N(),
+            r = te(),
+            i = P();
+          if (!t || !n || !r || !i) return;
+          let a = [n, r, i];
+          if (document.activeElement instanceof HTMLElement && !a.includes(document.activeElement)) return;
+          let o = Gt.includes(e) ? `nextElementSibling` : `previousElementSibling`,
+            s = document.activeElement;
+          if (s) {
+            for (let e = 0; e < t.children.length; e++) {
+              if (((s = s[o]), !s)) return;
+              if (s instanceof HTMLButtonElement && we(s)) break;
+            }
+            s instanceof HTMLButtonElement && s.focus();
+          }
+        },
+        Zt = (e, t, n) => {
+          (e.preventDefault(), v(t.allowEscapeKey) && n(B.esc));
+        };
+      var Qt = { swalPromiseResolve: new WeakMap(), swalPromiseReject: new WeakMap() };
+      let $t = () => {
+          let e = C();
+          Array.from(document.body.children).forEach((t) => {
+            t.contains(e) ||
+              (t.hasAttribute(`aria-hidden`) &&
+                t.setAttribute(`data-previous-aria-hidden`, t.getAttribute(`aria-hidden`) || ``),
+              t.setAttribute(`aria-hidden`, `true`));
+          });
+        },
+        en = () => {
+          Array.from(document.body.children).forEach((e) => {
+            e.hasAttribute(`data-previous-aria-hidden`)
+              ? (e.setAttribute(`aria-hidden`, e.getAttribute(`data-previous-aria-hidden`) || ``),
+                e.removeAttribute(`data-previous-aria-hidden`))
+              : e.removeAttribute(`aria-hidden`);
+          });
+        },
+        tn = typeof window < `u` && !!window.GestureEvent,
+        nn = tn && /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream,
+        rn = () => {
+          if (tn && !de(document.body, l.iosfix)) {
+            let e = document.body.scrollTop;
+            ((document.body.style.top = `${e * -1}px`), R(document.body, l.iosfix), an());
+          }
+        },
+        an = () => {
+          let e = C();
+          if (!e) return;
+          let t;
+          ((e.ontouchstart = (e) => {
+            t = on(e);
+          }),
+            (e.ontouchmove = (e) => {
+              t && (e.preventDefault(), e.stopPropagation());
+            }));
+        },
+        on = (e) => {
+          let t = e.target,
+            n = C(),
+            r = A();
+          return !n || !r || sn(e) || cn(e)
+            ? !1
+            : t === n ||
+                (!Ee(n) &&
+                  t instanceof HTMLElement &&
+                  !De(t, r) &&
+                  t.tagName !== `INPUT` &&
+                  t.tagName !== `TEXTAREA` &&
+                  !(Ee(r) && r.contains(t)));
+        },
+        sn = (e) => !!(e.touches && e.touches.length && e.touches[0].touchType === `stylus`),
+        cn = (e) => e.touches && e.touches.length > 1,
+        ln = () => {
+          if (de(document.body, l.iosfix)) {
+            let e = parseInt(document.body.style.top, 10);
+            (ge(document.body, l.iosfix), (document.body.style.top = ``), (document.body.scrollTop = e * -1));
+          }
+        },
+        un = () => {
+          let e = document.createElement(`div`);
+          ((e.className = l[`scrollbar-measure`]), document.body.appendChild(e));
+          let t = e.getBoundingClientRect().width - e.clientWidth;
+          return (document.body.removeChild(e), t);
+        },
+        dn = null,
+        fn = (e) => {
+          dn === null &&
+            (document.body.scrollHeight > window.innerHeight || e === `scroll`) &&
+            ((dn = parseInt(window.getComputedStyle(document.body).getPropertyValue(`padding-right`))),
+            (document.body.style.paddingRight = `${dn + un()}px`));
+        },
+        pn = () => {
+          dn !== null && ((document.body.style.paddingRight = `${dn}px`), (dn = null));
+        };
+      function mn(e, t, n, r) {
+        (le() ? Cn(e, r) : (s(n).then(() => Cn(e, r)), Ht(a)),
+          tn
+            ? (t.setAttribute(`style`, `display:none !important`), t.removeAttribute(`class`), (t.innerHTML = ``))
+            : t.remove(),
+          ce() && (pn(), ln(), en()),
+          hn());
+      }
+      function hn() {
+        ge([document.documentElement, document.body], [l.shown, l[`height-auto`], l[`no-backdrop`], l[`toast-shown`]]);
+      }
+      function gn(e) {
+        e = bn(e);
+        let t = Qt.swalPromiseResolve.get(this),
+          n = _n(this);
+        this.isAwaitingPromise ? e.isDismissed || (yn(this), t(e)) : n && t(e);
+      }
+      let _n = (e) => {
+        let t = E();
+        if (!t) return !1;
+        let n = z.innerParams.get(e);
+        if (!n || de(t, n.hideClass.popup)) return !1;
+        (ge(t, n.showClass.popup), R(t, n.hideClass.popup));
+        let r = C();
+        return (ge(r, n.showClass.backdrop), R(r, n.hideClass.backdrop), xn(e, t, n), !0);
+      };
+      function vn(e) {
+        let t = Qt.swalPromiseReject.get(this);
+        (yn(this), t && t(e));
+      }
+      let yn = (e) => {
+          e.isAwaitingPromise && (delete e.isAwaitingPromise, z.innerParams.get(e) || e._destroy());
+        },
+        bn = (e) =>
+          e === void 0
+            ? { isConfirmed: !1, isDenied: !1, isDismissed: !0 }
+            : Object.assign({ isConfirmed: !1, isDenied: !1, isDismissed: !1 }, e),
+        xn = (e, t, n) => {
+          var r;
+          let i = C(),
+            o = Oe(t);
+          (typeof n.willClose == `function` && n.willClose(t),
+            (r = a.eventEmitter) == null || r.emit(`willClose`, t),
+            o && i ? Sn(e, t, i, !!n.returnFocus, n.didClose) : i && mn(e, i, !!n.returnFocus, n.didClose));
+        },
+        Sn = (e, t, n, r, i) => {
+          a.swalCloseEventFinishedCallback = mn.bind(null, e, n, r, i);
+          let o = function (e) {
+            if (e.target === t) {
+              var n;
+              ((n = a.swalCloseEventFinishedCallback) == null || n.call(a),
+                delete a.swalCloseEventFinishedCallback,
+                t.removeEventListener(`animationend`, o),
+                t.removeEventListener(`transitionend`, o));
+            }
+          };
+          (t.addEventListener(`animationend`, o), t.addEventListener(`transitionend`, o));
+        },
+        Cn = (e, t) => {
+          setTimeout(() => {
+            var n;
+            (typeof t == `function` && t.bind(e.params)(),
+              (n = a.eventEmitter) == null || n.emit(`didClose`),
+              e._destroy && e._destroy());
+          });
+        },
+        wn = (e) => {
+          let t = E();
+          if ((t || new _i(), (t = E()), !t)) return;
+          let n = re();
+          (le() ? be(D()) : Tn(t, e),
+            ye(n),
+            t.setAttribute(`data-loading`, `true`),
+            t.setAttribute(`aria-busy`, `true`),
+            t.focus());
+        },
+        Tn = (e, t) => {
+          let n = F(),
+            r = re();
+          !n ||
+            !r ||
+            (!t && we(N()) && (t = N()),
+            ye(n),
+            t && (be(t), r.setAttribute(`data-button-to-replace`, t.className), n.insertBefore(r, t)),
+            R([e, n], l.loading));
+        },
+        En = (e, t) => {
+          t.input === `select` || t.input === `radio`
+            ? jn(e, t)
+            : [`text`, `email`, `number`, `tel`, `textarea`].some((e) => e === t.input) &&
+              (y(t.inputValue) || x(t.inputValue)) &&
+              (wn(N()), Mn(e, t));
+        },
+        Dn = (e, t) => {
+          let n = e.getInput();
+          if (!n) return null;
+          switch (t.input) {
+            case `checkbox`:
+              return On(n);
+            case `radio`:
+              return kn(n);
+            case `file`:
+              return An(n);
+            default:
+              return t.inputAutoTrim ? n.value.trim() : n.value;
+          }
+        },
+        On = (e) => +!!e.checked,
+        kn = (e) => (e.checked ? e.value : null),
+        An = (e) => (e.files && e.files.length ? (e.getAttribute(`multiple`) === null ? e.files[0] : e.files) : null),
+        jn = (e, t) => {
+          let n = E();
+          if (!n) return;
+          let r = (e) => {
+            t.input === `select` ? Nn(n, Fn(e), t) : t.input === `radio` && Pn(n, Fn(e), t);
+          };
+          y(t.inputOptions) || x(t.inputOptions)
+            ? (wn(N()),
+              b(t.inputOptions).then((t) => {
+                (e.hideLoading(), r(t));
+              }))
+            : typeof t.inputOptions == `object`
+              ? r(t.inputOptions)
+              : m(`Unexpected type of inputOptions! Expected object, Map or Promise, got ${typeof t.inputOptions}`);
+        },
+        Mn = (e, t) => {
+          let n = e.getInput();
+          n &&
+            (be(n),
+            b(t.inputValue)
+              .then((r) => {
+                ((n.value = t.input === `number` ? `${parseFloat(r) || 0}` : `${r}`),
+                  ye(n),
+                  n.focus(),
+                  e.hideLoading());
+              })
+              .catch((t) => {
+                (m(`Error in inputValue promise: ${t}`), (n.value = ``), ye(n), n.focus(), e.hideLoading());
+              }));
+        };
+      function Nn(e, t, n) {
+        let r = _e(e, l.select);
+        if (!r) return;
+        let i = (e, t, r) => {
+          let i = document.createElement(`option`);
+          ((i.value = r), I(i, t), (i.selected = In(r, n.inputValue)), e.appendChild(i));
+        };
+        (t.forEach((e) => {
+          let t = e[0],
+            n = e[1];
+          if (Array.isArray(n)) {
+            let e = document.createElement(`optgroup`);
+            ((e.label = t), (e.disabled = !1), r.appendChild(e), n.forEach((t) => i(e, t[1], t[0])));
+          } else i(r, n, t);
+        }),
+          r.focus());
+      }
+      function Pn(e, t, n) {
+        let r = _e(e, l.radio);
+        if (!r) return;
+        t.forEach((e) => {
+          let t = e[0],
+            i = e[1],
+            a = document.createElement(`input`),
+            o = document.createElement(`label`);
+          ((a.type = `radio`), (a.name = l.radio), (a.value = t), In(t, n.inputValue) && (a.checked = !0));
+          let s = document.createElement(`span`);
+          (I(s, i), (s.className = l.label), o.appendChild(a), o.appendChild(s), r.appendChild(o));
+        });
+        let i = r.querySelectorAll(`input`);
+        i.length && i[0].focus();
+      }
+      let Fn = (e) =>
+          (e instanceof Map ? Array.from(e) : Object.entries(e)).map(([e, t]) => [e, typeof t == `object` ? Fn(t) : t]),
+        In = (e, t) => !!t && t != null && t.toString() === e.toString(),
+        Ln = (e) => {
+          let t = z.innerParams.get(e);
+          (e.disableButtons(), t.input ? Bn(e, `confirm`) : Wn(e, !0));
+        },
+        Rn = (e) => {
+          let t = z.innerParams.get(e);
+          (e.disableButtons(), t.returnInputValueOnDeny ? Bn(e, `deny`) : Vn(e, !1));
+        },
+        zn = (e, t) => {
+          (e.disableButtons(), t(B.cancel));
+        },
+        Bn = (e, t) => {
+          let n = z.innerParams.get(e);
+          if (!n.input) {
+            m(`The "input" parameter is needed to be set when using returnInputValueOn${f(t)}`);
+            return;
+          }
+          let r = e.getInput(),
+            i = Dn(e, n);
+          n.inputValidator
+            ? V(e, i, t)
+            : r && !r.checkValidity()
+              ? (e.enableButtons(), e.showValidationMessage(n.validationMessage || r.validationMessage))
+              : t === `deny`
+                ? Vn(e, i)
+                : Wn(e, i);
+        },
+        V = (e, t, n) => {
+          let r = z.innerParams.get(e);
+          (e.disableInput(),
+            Promise.resolve()
+              .then(() => b(r.inputValidator(t, r.validationMessage)))
+              .then((r) => {
+                (e.enableButtons(),
+                  e.enableInput(),
+                  r ? e.showValidationMessage(r) : n === `deny` ? Vn(e, t) : Wn(e, t));
+              }));
+        },
+        Vn = (e, t) => {
+          let n = z.innerParams.get(e);
+          (n.showLoaderOnDeny && wn(te()),
+            n.preDeny
+              ? ((e.isAwaitingPromise = !0),
+                Promise.resolve()
+                  .then(() => b(n.preDeny(t, n.validationMessage)))
+                  .then((n) => {
+                    n === !1 ? (e.hideLoading(), yn(e)) : e.close({ isDenied: !0, value: n === void 0 ? t : n });
+                  })
+                  .catch((t) => Un(e, t)))
+              : e.close({ isDenied: !0, value: t }));
+        },
+        Hn = (e, t) => {
+          e.close({ isConfirmed: !0, value: t });
+        },
+        Un = (e, t) => {
+          e.rejectPromise(t);
+        },
+        Wn = (e, t) => {
+          let n = z.innerParams.get(e);
+          (n.showLoaderOnConfirm && wn(),
+            n.preConfirm
+              ? (e.resetValidationMessage(),
+                (e.isAwaitingPromise = !0),
+                Promise.resolve()
+                  .then(() => b(n.preConfirm(t, n.validationMessage)))
+                  .then((n) => {
+                    we(ee()) || n === !1 ? (e.hideLoading(), yn(e)) : Hn(e, n === void 0 ? t : n);
+                  })
+                  .catch((t) => Un(e, t)))
+              : Hn(e, t));
+        };
+      function Gn() {
+        let e = z.innerParams.get(this);
+        if (!e) return;
+        let t = z.domCache.get(this);
+        (be(t.loader),
+          le() ? e.icon && ye(D()) : Kn(t),
+          ge([t.popup, t.actions], l.loading),
+          t.popup.removeAttribute(`aria-busy`),
+          t.popup.removeAttribute(`data-loading`),
+          (t.confirmButton.disabled = !1),
+          (t.denyButton.disabled = !1),
+          (t.cancelButton.disabled = !1));
+        let n = z.focusedElement.get(this);
+        (n instanceof HTMLElement && document.activeElement === document.body && n.focus(),
+          z.focusedElement.delete(this));
+      }
+      let Kn = (e) => {
+        let t = e.loader.getAttribute(`data-button-to-replace`),
+          n = t ? e.popup.getElementsByClassName(t) : [];
+        n.length ? ye(n[0], `inline-block`) : Te() && be(e.actions);
+      };
+      function qn() {
+        let e = z.innerParams.get(this),
+          t = z.domCache.get(this);
+        return t ? pe(t.popup, e.input) : null;
+      }
+      function Jn(e, t, n) {
+        let r = z.domCache.get(e);
+        t.forEach((e) => {
+          r[e].disabled = n;
+        });
+      }
+      function Yn(e, t) {
+        let n = E();
+        if (!(!n || !e))
+          if (e.type === `radio`) {
+            let e = n.querySelectorAll(`[name="${l.radio}"]`);
+            for (let n = 0; n < e.length; n++) e[n].disabled = t;
+          } else e.disabled = t;
+      }
+      function Xn() {
+        Jn(this, [`confirmButton`, `denyButton`, `cancelButton`], !1);
+        let e = z.focusedElement.get(this);
+        (e instanceof HTMLElement && document.activeElement === document.body && e.focus(),
+          z.focusedElement.delete(this));
+      }
+      function Zn() {
+        (z.focusedElement.set(this, document.activeElement),
+          Jn(this, [`confirmButton`, `denyButton`, `cancelButton`], !0));
+      }
+      function Qn() {
+        Yn(this.getInput(), !1);
+      }
+      function $n() {
+        Yn(this.getInput(), !0);
+      }
+      function er(e) {
+        let t = z.domCache.get(this),
+          n = z.innerParams.get(this);
+        (I(t.validationMessage, e),
+          (t.validationMessage.className = l[`validation-message`]),
+          n.customClass && n.customClass.validationMessage && R(t.validationMessage, n.customClass.validationMessage),
+          ye(t.validationMessage));
+        let r = this.getInput();
+        r &&
+          (r.setAttribute(`aria-invalid`, `true`),
+          r.setAttribute(`aria-describedby`, l[`validation-message`]),
+          me(r),
+          R(r, l.inputerror));
+      }
+      function tr() {
+        let e = z.domCache.get(this);
+        e.validationMessage && be(e.validationMessage);
+        let t = this.getInput();
+        t && (t.removeAttribute(`aria-invalid`), t.removeAttribute(`aria-describedby`), ge(t, l.inputerror));
+      }
+      let H = {
+          title: ``,
+          titleText: ``,
+          text: ``,
+          html: ``,
+          footer: ``,
+          icon: void 0,
+          iconColor: void 0,
+          iconHtml: void 0,
+          template: void 0,
+          toast: !1,
+          draggable: !1,
+          animation: !0,
+          theme: `light`,
+          showClass: { popup: `swal2-show`, backdrop: `swal2-backdrop-show`, icon: `swal2-icon-show` },
+          hideClass: { popup: `swal2-hide`, backdrop: `swal2-backdrop-hide`, icon: `swal2-icon-hide` },
+          customClass: {},
+          target: `body`,
+          color: void 0,
+          backdrop: !0,
+          heightAuto: !0,
+          allowOutsideClick: !0,
+          allowEscapeKey: !0,
+          allowEnterKey: !0,
+          stopKeydownPropagation: !0,
+          keydownListenerCapture: !1,
+          showConfirmButton: !0,
+          showDenyButton: !1,
+          showCancelButton: !1,
+          preConfirm: void 0,
+          preDeny: void 0,
+          confirmButtonText: `OK`,
+          confirmButtonAriaLabel: ``,
+          confirmButtonColor: void 0,
+          denyButtonText: `No`,
+          denyButtonAriaLabel: ``,
+          denyButtonColor: void 0,
+          cancelButtonText: `Cancel`,
+          cancelButtonAriaLabel: ``,
+          cancelButtonColor: void 0,
+          buttonsStyling: !0,
+          reverseButtons: !1,
+          focusConfirm: !0,
+          focusDeny: !1,
+          focusCancel: !1,
+          returnFocus: !0,
+          showCloseButton: !1,
+          closeButtonHtml: `&times;`,
+          closeButtonAriaLabel: `Close this dialog`,
+          loaderHtml: ``,
+          showLoaderOnConfirm: !1,
+          showLoaderOnDeny: !1,
+          imageUrl: void 0,
+          imageWidth: void 0,
+          imageHeight: void 0,
+          imageAlt: ``,
+          timer: void 0,
+          timerProgressBar: !1,
+          width: void 0,
+          padding: void 0,
+          background: void 0,
+          input: void 0,
+          inputPlaceholder: ``,
+          inputLabel: ``,
+          inputValue: ``,
+          inputOptions: {},
+          inputAutoFocus: !0,
+          inputAutoTrim: !0,
+          inputAttributes: {},
+          inputValidator: void 0,
+          returnInputValueOnDeny: !1,
+          validationMessage: void 0,
+          grow: !1,
+          position: `center`,
+          progressSteps: [],
+          currentProgressStep: void 0,
+          progressStepsDistance: void 0,
+          willOpen: void 0,
+          didOpen: void 0,
+          didRender: void 0,
+          willClose: void 0,
+          didClose: void 0,
+          didDestroy: void 0,
+          scrollbarPadding: !0,
+          topLayer: !1,
+        },
+        nr =
+          `allowEscapeKey.allowOutsideClick.background.buttonsStyling.cancelButtonAriaLabel.cancelButtonColor.cancelButtonText.closeButtonAriaLabel.closeButtonHtml.color.confirmButtonAriaLabel.confirmButtonColor.confirmButtonText.currentProgressStep.customClass.denyButtonAriaLabel.denyButtonColor.denyButtonText.didClose.didDestroy.draggable.footer.hideClass.html.icon.iconColor.iconHtml.imageAlt.imageHeight.imageUrl.imageWidth.preConfirm.preDeny.progressSteps.returnFocus.reverseButtons.showCancelButton.showCloseButton.showConfirmButton.showDenyButton.text.title.titleText.theme.willClose`.split(
+            `.`,
+          ),
+        rr = { allowEnterKey: void 0 },
+        ir = [
+          `allowOutsideClick`,
+          `allowEnterKey`,
+          `backdrop`,
+          `draggable`,
+          `focusConfirm`,
+          `focusDeny`,
+          `focusCancel`,
+          `returnFocus`,
+          `heightAuto`,
+          `keydownListenerCapture`,
+        ],
+        ar = (e) => Object.prototype.hasOwnProperty.call(H, e),
+        or = (e) => nr.indexOf(e) !== -1,
+        sr = (e) => rr[e],
+        cr = (e) => {
+          ar(e) || p(`Unknown parameter "${e}"`);
+        },
+        lr = (e) => {
+          ir.includes(e) && p(`The parameter "${e}" is incompatible with toasts`);
+        },
+        ur = (e) => {
+          let t = sr(e);
+          t && _(e, t);
+        },
+        dr = (e) => {
+          (e.backdrop === !1 &&
+            e.allowOutsideClick &&
+            p('"allowOutsideClick" parameter requires `backdrop` parameter to be set to `true`'),
+            e.theme &&
+              ![
+                `light`,
+                `dark`,
+                `auto`,
+                `minimal`,
+                `borderless`,
+                `bootstrap-4`,
+                `bootstrap-4-light`,
+                `bootstrap-4-dark`,
+                `bootstrap-5`,
+                `bootstrap-5-light`,
+                `bootstrap-5-dark`,
+                `material-ui`,
+                `material-ui-light`,
+                `material-ui-dark`,
+                `embed-iframe`,
+                `bulma`,
+                `bulma-light`,
+                `bulma-dark`,
+              ].includes(e.theme) &&
+              p(`Invalid theme "${e.theme}"`));
+          for (let t in e) (cr(t), e.toast && lr(t), ur(t));
+        };
+      function fr(e) {
+        let t = C(),
+          n = E(),
+          r = z.innerParams.get(this);
+        if (!n || de(n, r.hideClass.popup)) {
+          p(
+            `You're trying to update the closed or closing popup, that won't work. Use the update() method in preConfirm parameter or show a new popup.`,
+          );
+          return;
+        }
+        let i = pr(e),
+          a = Object.assign({}, r, i);
+        (dr(a),
+          t && (t.dataset.swal2Theme = a.theme),
+          Lt(this, a),
+          z.innerParams.set(this, a),
+          Object.defineProperties(this, {
+            params: { value: Object.assign({}, this.params, e), writable: !1, enumerable: !0 },
+          }));
+      }
+      let pr = (e) => {
+        let t = {};
+        return (
+          Object.keys(e).forEach((n) => {
+            or(n) ? (t[n] = e[n]) : p(`Invalid parameter to update: ${n}`);
+          }),
+          t
+        );
+      };
+      function mr() {
+        var e;
+        let t = z.domCache.get(this),
+          n = z.innerParams.get(this);
+        if (!n) {
+          gr(this);
+          return;
+        }
+        (t.popup &&
+          a.swalCloseEventFinishedCallback &&
+          (a.swalCloseEventFinishedCallback(), delete a.swalCloseEventFinishedCallback),
+          typeof n.didDestroy == `function` && n.didDestroy(),
+          (e = a.eventEmitter) == null || e.emit(`didDestroy`),
+          hr(this));
+      }
+      let hr = (e) => {
+          (gr(e), delete e.params, delete a.keydownHandler, delete a.keydownTarget, delete a.currentInstance);
+        },
+        gr = (e) => {
+          e.isAwaitingPromise
+            ? (_r(z, e), (e.isAwaitingPromise = !0))
+            : (_r(Qt, e),
+              _r(z, e),
+              delete e.isAwaitingPromise,
+              delete e.disableButtons,
+              delete e.enableButtons,
+              delete e.getInput,
+              delete e.disableInput,
+              delete e.enableInput,
+              delete e.hideLoading,
+              delete e.disableLoading,
+              delete e.showValidationMessage,
+              delete e.resetValidationMessage,
+              delete e.close,
+              delete e.closePopup,
+              delete e.closeModal,
+              delete e.closeToast,
+              delete e.rejectPromise,
+              delete e.update,
+              delete e._destroy);
+        },
+        _r = (e, t) => {
+          for (let n in e) e[n].delete(t);
+        };
+      var vr = Object.freeze({
+        __proto__: null,
+        _destroy: mr,
+        close: gn,
+        closeModal: gn,
+        closePopup: gn,
+        closeToast: gn,
+        disableButtons: Zn,
+        disableInput: $n,
+        disableLoading: Gn,
+        enableButtons: Xn,
+        enableInput: Qn,
+        getInput: qn,
+        handleAwaitingPromise: yn,
+        hideLoading: Gn,
+        rejectPromise: vn,
+        resetValidationMessage: tr,
+        showValidationMessage: er,
+        update: fr,
+      });
+      let yr = (e, t, n) => {
+          e.toast ? br(e, t, n) : (Cr(t), wr(t), Tr(e, t, n));
+        },
+        br = (e, t, n) => {
+          t.popup.onclick = () => {
+            (e && (xr(e) || e.timer || e.input)) || n(B.close);
+          };
+        },
+        xr = (e) => !!(e.showConfirmButton || e.showDenyButton || e.showCancelButton || e.showCloseButton),
+        Sr = !1,
+        Cr = (e) => {
+          e.popup.onmousedown = () => {
+            e.container.onmouseup = function (t) {
+              ((e.container.onmouseup = () => {}), t.target === e.container && (Sr = !0));
+            };
+          };
+        },
+        wr = (e) => {
+          e.container.onmousedown = (t) => {
+            (t.target === e.container && t.preventDefault(),
+              (e.popup.onmouseup = function (t) {
+                ((e.popup.onmouseup = () => {}),
+                  (t.target === e.popup || (t.target instanceof HTMLElement && e.popup.contains(t.target))) &&
+                    (Sr = !0));
+              }));
+          };
+        },
+        Tr = (e, t, n) => {
+          t.container.onclick = (r) => {
+            if (Sr) {
+              Sr = !1;
+              return;
+            }
+            r.target === t.container && v(e.allowOutsideClick) && n(B.backdrop);
+          };
+        },
+        Er = (e) => typeof e == `object` && !!e && `jquery` in e,
+        Dr = (e) => e instanceof Element || Er(e),
+        Or = (e) => {
+          let t = {};
+          return (
+            typeof e[0] == `object` && !Dr(e[0])
+              ? Object.assign(t, e[0])
+              : [`title`, `html`, `icon`].forEach((n, r) => {
+                  let i = e[r];
+                  typeof i == `string` || Dr(i)
+                    ? (t[n] = i)
+                    : i !== void 0 && m(`Unexpected type of ${n}! Expected "string" or "Element", got ${typeof i}`);
+                }),
+            t
+          );
+        };
+      function kr(...e) {
+        return new this(...e);
+      }
+      function Ar(e) {
+        class t extends this {
+          _main(t, n) {
+            return super._main(t, Object.assign({}, e, n));
+          }
+        }
+        return t;
+      }
+      let jr = () => a.timeout && a.timeout.getTimerLeft(),
+        Mr = () => {
+          if (a.timeout) return (Ae(), a.timeout.stop());
+        },
+        Nr = () => {
+          if (a.timeout) {
+            let e = a.timeout.start();
+            return (ke(e), e);
+          }
+        },
+        Pr = () => {
+          let e = a.timeout;
+          return e && (e.running ? Mr() : Nr());
+        },
+        Fr = (e) => {
+          if (a.timeout) {
+            let t = a.timeout.increase(e);
+            return (ke(t, !0), t);
+          }
+        },
+        U = () => !!(a.timeout && a.timeout.isRunning()),
+        Ir = !1,
+        Lr = {};
+      function Rr(e = `data-swal-template`) {
+        ((Lr[e] = this), (Ir ||= (document.body.addEventListener(`click`, zr), !0)));
+      }
+      let zr = (e) => {
+        for (let t = e.target; t && t !== document; t = t.parentNode)
+          for (let e in Lr) {
+            let n = t.getAttribute && t.getAttribute(e);
+            if (n) {
+              Lr[e].fire({ template: n });
+              return;
+            }
+          }
+      };
+      class Br {
+        constructor() {
+          this.events = {};
+        }
+        _getHandlersByEventName(e) {
+          return (this.events[e] === void 0 && (this.events[e] = []), this.events[e]);
+        }
+        on(e, t) {
+          let n = this._getHandlersByEventName(e);
+          n.includes(t) || n.push(t);
+        }
+        once(e, t) {
+          let n = (...r) => {
+            (this.removeListener(e, n), t.apply(this, r));
+          };
+          this.on(e, n);
+        }
+        emit(e, ...t) {
+          this._getHandlersByEventName(e).forEach((e) => {
+            try {
+              e.apply(this, t);
+            } catch (e) {
+              console.error(e);
+            }
+          });
+        }
+        removeListener(e, t) {
+          let n = this._getHandlersByEventName(e),
+            r = n.indexOf(t);
+          r > -1 && n.splice(r, 1);
+        }
+        removeAllListeners(e) {
+          this.events[e] !== void 0 && (this.events[e].length = 0);
+        }
+        reset() {
+          this.events = {};
+        }
+      }
+      a.eventEmitter = new Br();
+      var Vr = Object.freeze({
+        __proto__: null,
+        argsToParams: Or,
+        bindClickHandler: Rr,
+        clickCancel: Vt,
+        clickConfirm: zt,
+        clickDeny: Bt,
+        enableLoading: wn,
+        fire: kr,
+        getActions: F,
+        getCancelButton: P,
+        getCloseButton: oe,
+        getConfirmButton: N,
+        getContainer: C,
+        getDenyButton: te,
+        getFocusableElements: se,
+        getFooter: ie,
+        getHtmlContainer: A,
+        getIcon: D,
+        getIconContent: O,
+        getImage: j,
+        getInputLabel: ne,
+        getLoader: re,
+        getPopup: E,
+        getProgressSteps: M,
+        getTimerLeft: jr,
+        getTimerProgressBar: ae,
+        getTitle: k,
+        getValidationMessage: ee,
+        increaseTimer: Fr,
+        isDeprecatedParameter: sr,
+        isLoading: ue,
+        isTimerRunning: U,
+        isUpdatableParameter: or,
+        isValidParameter: ar,
+        isVisible: Rt,
+        mixin: Ar,
+        off: (e, t) => {
+          if (a.eventEmitter) {
+            if (!e) {
+              a.eventEmitter.reset();
+              return;
+            }
+            t ? a.eventEmitter.removeListener(e, t) : a.eventEmitter.removeAllListeners(e);
+          }
+        },
+        on: (e, t) => {
+          a.eventEmitter && a.eventEmitter.on(e, t);
+        },
+        once: (e, t) => {
+          a.eventEmitter && a.eventEmitter.once(e, t);
+        },
+        resumeTimer: Nr,
+        showLoading: wn,
+        stopTimer: Mr,
+        toggleTimer: Pr,
+      });
+      class Hr {
+        constructor(e, t) {
+          ((this.callback = e), (this.remaining = t), (this.running = !1), this.start());
+        }
+        start() {
+          return (
+            this.running ||
+              ((this.running = !0), (this.started = new Date()), (this.id = setTimeout(this.callback, this.remaining))),
+            this.remaining
+          );
+        }
+        stop() {
+          return (
+            this.started &&
+              this.running &&
+              ((this.running = !1),
+              clearTimeout(this.id),
+              (this.remaining -= new Date().getTime() - this.started.getTime())),
+            this.remaining
+          );
+        }
+        increase(e) {
+          let t = this.running;
+          return (t && this.stop(), (this.remaining += e), t && this.start(), this.remaining);
+        }
+        getTimerLeft() {
+          return (this.running && (this.stop(), this.start()), this.remaining);
+        }
+        isRunning() {
+          return this.running;
+        }
+      }
+      let Ur = [`swal-title`, `swal-html`, `swal-footer`],
+        Wr = (e) => {
+          let t = typeof e.template == `string` ? document.querySelector(e.template) : e.template;
+          if (!t) return {};
+          let n = t.content;
+          return (Zr(n), Object.assign(Gr(n), Kr(n), qr(n), Jr(n), W(n), Yr(n), Xr(n, Ur)));
+        },
+        Gr = (e) => {
+          let t = {};
+          return (
+            Array.from(e.querySelectorAll(`swal-param`)).forEach((e) => {
+              Qr(e, [`name`, `value`]);
+              let n = e.getAttribute(`name`),
+                r = e.getAttribute(`value`);
+              !n ||
+                !r ||
+                (n in H && typeof H[n] == `boolean`
+                  ? (t[n] = r !== `false`)
+                  : n in H && typeof H[n] == `object`
+                    ? (t[n] = JSON.parse(r))
+                    : (t[n] = r));
+            }),
+            t
+          );
+        },
+        Kr = (e) => {
+          let t = {};
+          return (
+            Array.from(e.querySelectorAll(`swal-function-param`)).forEach((e) => {
+              let n = e.getAttribute(`name`),
+                r = e.getAttribute(`value`);
+              !n || !r || (t[n] = Function(`return ${r}`)());
+            }),
+            t
+          );
+        },
+        qr = (e) => {
+          let t = {};
+          return (
+            Array.from(e.querySelectorAll(`swal-button`)).forEach((e) => {
+              Qr(e, [`type`, `color`, `aria-label`]);
+              let n = e.getAttribute(`type`);
+              if (!n || ![`confirm`, `cancel`, `deny`].includes(n)) return;
+              ((t[`${n}ButtonText`] = e.innerHTML), (t[`show${f(n)}Button`] = !0));
+              let r = e.getAttribute(`color`);
+              r !== null && (t[`${n}ButtonColor`] = r);
+              let i = e.getAttribute(`aria-label`);
+              i !== null && (t[`${n}ButtonAriaLabel`] = i);
+            }),
+            t
+          );
+        },
+        Jr = (e) => {
+          let t = {},
+            n = e.querySelector(`swal-image`);
+          if (n) {
+            Qr(n, [`src`, `width`, `height`, `alt`]);
+            let e = n.getAttribute(`src`);
+            e !== null && (t.imageUrl = e || void 0);
+            let r = n.getAttribute(`width`);
+            r !== null && (t.imageWidth = r || void 0);
+            let i = n.getAttribute(`height`);
+            i !== null && (t.imageHeight = i || void 0);
+            let a = n.getAttribute(`alt`);
+            a !== null && (t.imageAlt = a || void 0);
+          }
+          return t;
+        },
+        W = (e) => {
+          let t = {},
+            n = e.querySelector(`swal-icon`);
+          return (
+            n &&
+              (Qr(n, [`type`, `color`]),
+              n.hasAttribute(`type`) && (t.icon = n.getAttribute(`type`)),
+              n.hasAttribute(`color`) && (t.iconColor = n.getAttribute(`color`)),
+              (t.iconHtml = n.innerHTML)),
+            t
+          );
+        },
+        Yr = (e) => {
+          let t = {},
+            n = e.querySelector(`swal-input`);
+          n &&
+            (Qr(n, [`type`, `label`, `placeholder`, `value`]),
+            (t.input = n.getAttribute(`type`) || `text`),
+            n.hasAttribute(`label`) && (t.inputLabel = n.getAttribute(`label`)),
+            n.hasAttribute(`placeholder`) && (t.inputPlaceholder = n.getAttribute(`placeholder`)),
+            n.hasAttribute(`value`) && (t.inputValue = n.getAttribute(`value`)));
+          let r = Array.from(e.querySelectorAll(`swal-input-option`));
+          return (
+            r.length &&
+              ((t.inputOptions = {}),
+              r.forEach((e) => {
+                Qr(e, [`value`]);
+                let n = e.getAttribute(`value`);
+                if (!n) return;
+                let r = e.innerHTML;
+                t.inputOptions[n] = r;
+              })),
+            t
+          );
+        },
+        Xr = (e, t) => {
+          let n = {};
+          for (let r in t) {
+            let i = t[r],
+              a = e.querySelector(i);
+            a && (Qr(a, []), (n[i.replace(/^swal-/, ``)] = a.innerHTML.trim()));
+          }
+          return n;
+        },
+        Zr = (e) => {
+          let t = Ur.concat([
+            `swal-param`,
+            `swal-function-param`,
+            `swal-button`,
+            `swal-image`,
+            `swal-icon`,
+            `swal-input`,
+            `swal-input-option`,
+          ]);
+          Array.from(e.children).forEach((e) => {
+            let n = e.tagName.toLowerCase();
+            t.includes(n) || p(`Unrecognized element <${n}>`);
+          });
+        },
+        Qr = (e, t) => {
+          Array.from(e.attributes).forEach((n) => {
+            t.indexOf(n.name) === -1 &&
+              p([
+                `Unrecognized attribute "${n.name}" on <${e.tagName.toLowerCase()}>.`,
+                `${t.length ? `Allowed attributes are: ${t.join(`, `)}` : `To set the value, use HTML within the element.`}`,
+              ]);
+          });
+        },
+        $r = (e) => {
+          var t, n;
+          let r = C(),
+            i = E();
+          if (!r || !i) return;
+          (typeof e.willOpen == `function` && e.willOpen(i), (t = a.eventEmitter) == null || t.emit(`willOpen`, i));
+          let o = window.getComputedStyle(document.body).overflowY;
+          if (
+            (ri(r, i, e),
+            setTimeout(() => {
+              ti(r, i);
+            }, 10),
+            ce() && (ni(r, e.scrollbarPadding === void 0 ? !1 : e.scrollbarPadding, o), $t()),
+            nn && e.backdrop === !1 && i.scrollHeight > r.clientHeight && (r.style.pointerEvents = `auto`),
+            !le() && !a.previousActiveElement && (a.previousActiveElement = document.activeElement),
+            typeof e.didOpen == `function`)
+          ) {
+            let t = e.didOpen;
+            setTimeout(() => t(i));
+          }
+          (n = a.eventEmitter) == null || n.emit(`didOpen`, i);
+        },
+        ei = (e) => {
+          let t = E();
+          if (!t || e.target !== t) return;
+          let n = C();
+          n &&
+            (t.removeEventListener(`animationend`, ei),
+            t.removeEventListener(`transitionend`, ei),
+            (n.style.overflowY = `auto`),
+            ge(n, l[`no-transition`]));
+        },
+        ti = (e, t) => {
+          Oe(t)
+            ? ((e.style.overflowY = `hidden`),
+              t.addEventListener(`animationend`, ei),
+              t.addEventListener(`transitionend`, ei))
+            : (e.style.overflowY = `auto`);
+        },
+        ni = (e, t, n) => {
+          (rn(),
+            t && n !== `hidden` && fn(n),
+            setTimeout(() => {
+              e.scrollTop = 0;
+            }));
+        },
+        ri = (e, t, n) => {
+          var r;
+          ((r = n.showClass) != null && r.backdrop && R(e, n.showClass.backdrop),
+            n.animation
+              ? (t.style.setProperty(`opacity`, `0`, `important`),
+                ye(t, `grid`),
+                setTimeout(() => {
+                  var e;
+                  ((e = n.showClass) != null && e.popup && R(t, n.showClass.popup), t.style.removeProperty(`opacity`));
+                }, 10))
+              : ye(t, `grid`),
+            R([document.documentElement, document.body], l.shown),
+            n.heightAuto && n.backdrop && !n.toast && R([document.documentElement, document.body], l[`height-auto`]));
+        };
+      var G = {
+        email: (e, t) =>
+          /^[a-zA-Z0-9.+_'-]+@[a-zA-Z0-9.-]+\.[a-zA-Z0-9-]+$/.test(e)
+            ? Promise.resolve()
+            : Promise.resolve(t || `Invalid email address`),
+        url: (e, t) =>
+          /^https?:\/\/(www\.)?[-a-zA-Z0-9@:%._+~#=]{1,256}\.[a-z]{2,63}\b([-a-zA-Z0-9@:%_+.~#?&/=]*)$/.test(e)
+            ? Promise.resolve()
+            : Promise.resolve(t || `Invalid URL`),
+      };
+      function ii(e) {
+        e.inputValidator ||
+          (e.input === `email` && (e.inputValidator = G.email), e.input === `url` && (e.inputValidator = G.url));
+      }
+      function ai(e) {
+        (!e.target ||
+          (typeof e.target == `string` && !document.querySelector(e.target)) ||
+          (typeof e.target != `string` && !e.target.appendChild)) &&
+          (p(`Target parameter is not valid, defaulting to "body"`), (e.target = `body`));
+      }
+      function oi(e) {
+        (ii(e),
+          e.showLoaderOnConfirm &&
+            !e.preConfirm &&
+            p(`showLoaderOnConfirm is set to true, but preConfirm is not defined.
+showLoaderOnConfirm should be used together with preConfirm, see usage example:
+https://sweetalert2.github.io/#ajax-request`),
+          ai(e),
+          typeof e.title == `string` &&
+            (e.title = e.title
+              .split(
+                `
+`,
+              )
+              .join(`<br />`)),
+          ze(e));
+      }
+      let si;
+      var ci = new WeakMap();
+      class li {
+        constructor(...e) {
+          if ((r(this, ci, Promise.resolve({ isConfirmed: !1, isDenied: !1, isDismissed: !0 })), typeof window > `u`))
+            return;
+          si = this;
+          let t = Object.freeze(this.constructor.argsToParams(e));
+          ((this.params = t), (this.isAwaitingPromise = !1), i(ci, this, this._main(si.params)));
+        }
+        _main(e, t = {}) {
+          if ((dr(Object.assign({}, t, e)), a.currentInstance)) {
+            let e = Qt.swalPromiseResolve.get(a.currentInstance),
+              { isAwaitingPromise: t } = a.currentInstance;
+            (a.currentInstance._destroy(), t || e({ isDismissed: !0 }), ce() && en());
+          }
+          a.currentInstance = si;
+          let n = di(e, t);
+          (oi(n),
+            Object.freeze(n),
+            a.timeout && (a.timeout.stop(), delete a.timeout),
+            clearTimeout(a.restoreFocusTimeout));
+          let r = fi(si);
+          return (Lt(si, n), z.innerParams.set(si, n), ui(si, r, n));
+        }
+        then(e) {
+          return n(ci, this).then(e);
+        }
+        finally(e) {
+          return n(ci, this).finally(e);
+        }
+      }
+      let ui = (e, t, n) =>
+          new Promise((r, i) => {
+            let o = (t) => {
+              e.close({ isDismissed: !0, dismiss: t, isConfirmed: !1, isDenied: !1 });
+            };
+            (Qt.swalPromiseResolve.set(e, r),
+              Qt.swalPromiseReject.set(e, i),
+              (t.confirmButton.onclick = () => {
+                Ln(e);
+              }),
+              (t.denyButton.onclick = () => {
+                Rn(e);
+              }),
+              (t.cancelButton.onclick = () => {
+                zn(e, o);
+              }),
+              (t.closeButton.onclick = () => {
+                o(B.close);
+              }),
+              yr(n, t, o),
+              Ut(a, n, o),
+              En(e, n),
+              $r(n),
+              pi(a, n, o),
+              mi(t, n),
+              setTimeout(() => {
+                t.container.scrollTop = 0;
+              }));
+          }),
+        di = (e, t) => {
+          let n = Wr(e),
+            r = Object.assign({}, H, t, n, e);
+          return (
+            (r.showClass = Object.assign({}, H.showClass, r.showClass)),
+            (r.hideClass = Object.assign({}, H.hideClass, r.hideClass)),
+            r.animation === !1 && ((r.showClass = { backdrop: `swal2-noanimation` }), (r.hideClass = {})),
+            r
+          );
+        },
+        fi = (e) => {
+          let t = {
+            popup: E(),
+            container: C(),
+            actions: F(),
+            confirmButton: N(),
+            denyButton: te(),
+            cancelButton: P(),
+            loader: re(),
+            closeButton: oe(),
+            validationMessage: ee(),
+            progressSteps: M(),
+          };
+          return (z.domCache.set(e, t), t);
+        },
+        pi = (e, t, n) => {
+          let r = ae();
+          (be(r),
+            t.timer &&
+              ((e.timeout = new Hr(() => {
+                (n(`timer`), delete e.timeout);
+              }, t.timer)),
+              t.timerProgressBar &&
+                r &&
+                (ye(r),
+                L(r, t, `timerProgressBar`),
+                setTimeout(() => {
+                  e.timeout && e.timeout.running && ke(t.timer);
+                }))));
+        },
+        mi = (e, t) => {
+          if (!t.toast) {
+            if (!v(t.allowEnterKey)) {
+              (_(`allowEnterKey`, `preConfirm: () => false`), e.popup.focus());
+              return;
+            }
+            hi(e) || gi(e, t) || Wt(-1, 1);
+          }
+        },
+        hi = (e) => {
+          let t = Array.from(e.popup.querySelectorAll(`[autofocus]`));
+          for (let e of t) if (e instanceof HTMLElement && we(e)) return (e.focus(), !0);
+          return !1;
+        },
+        gi = (e, t) =>
+          t.focusDeny && we(e.denyButton)
+            ? (e.denyButton.focus(), !0)
+            : t.focusCancel && we(e.cancelButton)
+              ? (e.cancelButton.focus(), !0)
+              : t.focusConfirm && we(e.confirmButton)
+                ? (e.confirmButton.focus(), !0)
+                : !1;
+      ((li.prototype.disableButtons = Zn),
+        (li.prototype.enableButtons = Xn),
+        (li.prototype.getInput = qn),
+        (li.prototype.disableInput = $n),
+        (li.prototype.enableInput = Qn),
+        (li.prototype.hideLoading = Gn),
+        (li.prototype.disableLoading = Gn),
+        (li.prototype.showValidationMessage = er),
+        (li.prototype.resetValidationMessage = tr),
+        (li.prototype.close = gn),
+        (li.prototype.closePopup = gn),
+        (li.prototype.closeModal = gn),
+        (li.prototype.closeToast = gn),
+        (li.prototype.rejectPromise = vn),
+        (li.prototype.update = fr),
+        (li.prototype._destroy = mr),
+        Object.assign(li, Vr),
+        Object.keys(vr).forEach((e) => {
+          li[e] = function (...t) {
+            if (si && si[e]) return si[e](...t);
+          };
+        }),
+        (li.DismissReason = B),
+        (li.version = `11.26.24`));
+      let _i = li;
+      return ((_i.default = _i), _i);
+    }),
+      e !== void 0 && e.Sweetalert2 && (e.swal = e.sweetAlert = e.Swal = e.SweetAlert = e.Sweetalert2),
+      typeof document < `u` &&
+        (function (e, t) {
+          var n = e.createElement(`style`);
+          if ((e.getElementsByTagName(`head`)[0].appendChild(n), n.styleSheet))
+            n.styleSheet.disabled || (n.styleSheet.cssText = t);
+          else
+            try {
+              n.innerHTML = t;
+            } catch {
+              n.innerText = t;
+            }
+        })(
+          document,
+          `:root{--swal2-outline: 0 0 0 3px rgba(100, 150, 200, 0.5);--swal2-container-padding: 0.625em;--swal2-backdrop: rgba(0, 0, 0, 0.4);--swal2-backdrop-transition: background-color 0.15s;--swal2-width: 32em;--swal2-padding: 0 0 1.25em;--swal2-border: none;--swal2-border-radius: 0.3125rem;--swal2-background: white;--swal2-color: #545454;--swal2-show-animation: swal2-show 0.3s;--swal2-hide-animation: swal2-hide 0.15s forwards;--swal2-icon-zoom: 1;--swal2-icon-animations: true;--swal2-title-padding: 0.8em 1em 0;--swal2-html-container-padding: 1em 1.6em 0.3em;--swal2-input-border: 1px solid #d9d9d9;--swal2-input-border-radius: 0.1875em;--swal2-input-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06), 0 0 0 3px transparent;--swal2-input-background: transparent;--swal2-input-transition: border-color 0.2s, box-shadow 0.2s;--swal2-input-hover-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06), 0 0 0 3px transparent;--swal2-input-focus-border: 1px solid #b4dbed;--swal2-input-focus-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06), 0 0 0 3px rgba(100, 150, 200, 0.5);--swal2-progress-step-background: #add8e6;--swal2-validation-message-background: #f0f0f0;--swal2-validation-message-color: #666;--swal2-footer-border-color: #eee;--swal2-footer-background: transparent;--swal2-footer-color: inherit;--swal2-timer-progress-bar-background: rgba(0, 0, 0, 0.3);--swal2-close-button-position: initial;--swal2-close-button-inset: auto;--swal2-close-button-font-size: 2.5em;--swal2-close-button-color: #ccc;--swal2-close-button-transition: color 0.2s, box-shadow 0.2s;--swal2-close-button-outline: initial;--swal2-close-button-box-shadow: inset 0 0 0 3px transparent;--swal2-close-button-focus-box-shadow: inset var(--swal2-outline);--swal2-close-button-hover-transform: none;--swal2-actions-justify-content: center;--swal2-actions-width: auto;--swal2-actions-margin: 1.25em auto 0;--swal2-actions-padding: 0;--swal2-actions-border-radius: 0;--swal2-actions-background: transparent;--swal2-action-button-transition: background-color 0.2s, box-shadow 0.2s;--swal2-action-button-hover: black 10%;--swal2-action-button-active: black 10%;--swal2-confirm-button-box-shadow: none;--swal2-confirm-button-border-radius: 0.25em;--swal2-confirm-button-background-color: #7066e0;--swal2-confirm-button-color: #fff;--swal2-deny-button-box-shadow: none;--swal2-deny-button-border-radius: 0.25em;--swal2-deny-button-background-color: #dc3741;--swal2-deny-button-color: #fff;--swal2-cancel-button-box-shadow: none;--swal2-cancel-button-border-radius: 0.25em;--swal2-cancel-button-background-color: #6e7881;--swal2-cancel-button-color: #fff;--swal2-toast-show-animation: swal2-toast-show 0.5s;--swal2-toast-hide-animation: swal2-toast-hide 0.1s forwards;--swal2-toast-border: none;--swal2-toast-box-shadow: 0 0 1px hsl(0deg 0% 0% / 0.075), 0 1px 2px hsl(0deg 0% 0% / 0.075), 1px 2px 4px hsl(0deg 0% 0% / 0.075), 1px 3px 8px hsl(0deg 0% 0% / 0.075), 2px 4px 16px hsl(0deg 0% 0% / 0.075)}[data-swal2-theme=dark]{--swal2-dark-theme-black: #19191a;--swal2-dark-theme-white: #e1e1e1;--swal2-background: var(--swal2-dark-theme-black);--swal2-color: var(--swal2-dark-theme-white);--swal2-footer-border-color: #555;--swal2-input-background: color-mix(in srgb, var(--swal2-dark-theme-black), var(--swal2-dark-theme-white) 10%);--swal2-validation-message-background: color-mix( in srgb, var(--swal2-dark-theme-black), var(--swal2-dark-theme-white) 10% );--swal2-validation-message-color: var(--swal2-dark-theme-white);--swal2-timer-progress-bar-background: rgba(255, 255, 255, 0.7)}@media(prefers-color-scheme: dark){[data-swal2-theme=auto]{--swal2-dark-theme-black: #19191a;--swal2-dark-theme-white: #e1e1e1;--swal2-background: var(--swal2-dark-theme-black);--swal2-color: var(--swal2-dark-theme-white);--swal2-footer-border-color: #555;--swal2-input-background: color-mix(in srgb, var(--swal2-dark-theme-black), var(--swal2-dark-theme-white) 10%);--swal2-validation-message-background: color-mix( in srgb, var(--swal2-dark-theme-black), var(--swal2-dark-theme-white) 10% );--swal2-validation-message-color: var(--swal2-dark-theme-white);--swal2-timer-progress-bar-background: rgba(255, 255, 255, 0.7)}}body.swal2-shown:not(.swal2-no-backdrop,.swal2-toast-shown){overflow:hidden}body.swal2-height-auto{height:auto !important}body.swal2-no-backdrop .swal2-container{background-color:rgba(0,0,0,0) !important;pointer-events:none}body.swal2-no-backdrop .swal2-container .swal2-popup{pointer-events:auto}body.swal2-no-backdrop .swal2-container .swal2-modal{box-shadow:0 0 10px var(--swal2-backdrop)}body.swal2-toast-shown .swal2-container{box-sizing:border-box;width:360px;max-width:100%;background-color:rgba(0,0,0,0);pointer-events:none}body.swal2-toast-shown .swal2-container.swal2-top{inset:0 auto auto 50%;transform:translateX(-50%)}body.swal2-toast-shown .swal2-container.swal2-top-end,body.swal2-toast-shown .swal2-container.swal2-top-right{inset:0 0 auto auto}body.swal2-toast-shown .swal2-container.swal2-top-start,body.swal2-toast-shown .swal2-container.swal2-top-left{inset:0 auto auto 0}body.swal2-toast-shown .swal2-container.swal2-center-start,body.swal2-toast-shown .swal2-container.swal2-center-left{inset:50% auto auto 0;transform:translateY(-50%)}body.swal2-toast-shown .swal2-container.swal2-center{inset:50% auto auto 50%;transform:translate(-50%, -50%)}body.swal2-toast-shown .swal2-container.swal2-center-end,body.swal2-toast-shown .swal2-container.swal2-center-right{inset:50% 0 auto auto;transform:translateY(-50%)}body.swal2-toast-shown .swal2-container.swal2-bottom-start,body.swal2-toast-shown .swal2-container.swal2-bottom-left{inset:auto auto 0 0}body.swal2-toast-shown .swal2-container.swal2-bottom{inset:auto auto 0 50%;transform:translateX(-50%)}body.swal2-toast-shown .swal2-container.swal2-bottom-end,body.swal2-toast-shown .swal2-container.swal2-bottom-right{inset:auto 0 0 auto}@media print{body.swal2-shown:not(.swal2-no-backdrop,.swal2-toast-shown){overflow-y:scroll !important}body.swal2-shown:not(.swal2-no-backdrop,.swal2-toast-shown)>[aria-hidden=true]{display:none}body.swal2-shown:not(.swal2-no-backdrop,.swal2-toast-shown) .swal2-container{position:static !important}}div:where(.swal2-container){display:grid;position:fixed;z-index:1060;inset:0;box-sizing:border-box;grid-template-areas:"top-start     top            top-end" "center-start  center         center-end" "bottom-start  bottom-center  bottom-end";grid-template-rows:minmax(min-content, auto) minmax(min-content, auto) minmax(min-content, auto);height:100%;padding:var(--swal2-container-padding);overflow-x:hidden;transition:var(--swal2-backdrop-transition);-webkit-overflow-scrolling:touch}div:where(.swal2-container).swal2-backdrop-show,div:where(.swal2-container).swal2-noanimation{background:var(--swal2-backdrop)}div:where(.swal2-container).swal2-backdrop-hide{background:rgba(0,0,0,0) !important}div:where(.swal2-container).swal2-top-start,div:where(.swal2-container).swal2-center-start,div:where(.swal2-container).swal2-bottom-start{grid-template-columns:minmax(0, 1fr) auto auto}div:where(.swal2-container).swal2-top,div:where(.swal2-container).swal2-center,div:where(.swal2-container).swal2-bottom{grid-template-columns:auto minmax(0, 1fr) auto}div:where(.swal2-container).swal2-top-end,div:where(.swal2-container).swal2-center-end,div:where(.swal2-container).swal2-bottom-end{grid-template-columns:auto auto minmax(0, 1fr)}div:where(.swal2-container).swal2-top-start>.swal2-popup{align-self:start}div:where(.swal2-container).swal2-top>.swal2-popup{grid-column:2;place-self:start center}div:where(.swal2-container).swal2-top-end>.swal2-popup,div:where(.swal2-container).swal2-top-right>.swal2-popup{grid-column:3;place-self:start end}div:where(.swal2-container).swal2-center-start>.swal2-popup,div:where(.swal2-container).swal2-center-left>.swal2-popup{grid-row:2;align-self:center}div:where(.swal2-container).swal2-center>.swal2-popup{grid-column:2;grid-row:2;place-self:center center}div:where(.swal2-container).swal2-center-end>.swal2-popup,div:where(.swal2-container).swal2-center-right>.swal2-popup{grid-column:3;grid-row:2;place-self:center end}div:where(.swal2-container).swal2-bottom-start>.swal2-popup,div:where(.swal2-container).swal2-bottom-left>.swal2-popup{grid-column:1;grid-row:3;align-self:end}div:where(.swal2-container).swal2-bottom>.swal2-popup{grid-column:2;grid-row:3;place-self:end center}div:where(.swal2-container).swal2-bottom-end>.swal2-popup,div:where(.swal2-container).swal2-bottom-right>.swal2-popup{grid-column:3;grid-row:3;place-self:end end}div:where(.swal2-container).swal2-grow-row>.swal2-popup,div:where(.swal2-container).swal2-grow-fullscreen>.swal2-popup{grid-column:1/4;width:100%}div:where(.swal2-container).swal2-grow-column>.swal2-popup,div:where(.swal2-container).swal2-grow-fullscreen>.swal2-popup{grid-row:1/4;align-self:stretch}div:where(.swal2-container).swal2-no-transition{transition:none !important}div:where(.swal2-container)[popover]{width:auto;border:0}div:where(.swal2-container) div:where(.swal2-popup){display:none;position:relative;box-sizing:border-box;grid-template-columns:minmax(0, 100%);width:var(--swal2-width);max-width:100%;padding:var(--swal2-padding);border:var(--swal2-border);border-radius:var(--swal2-border-radius);background:var(--swal2-background);color:var(--swal2-color);font-family:inherit;font-size:1rem;container-name:swal2-popup}div:where(.swal2-container) div:where(.swal2-popup):focus{outline:none}div:where(.swal2-container) div:where(.swal2-popup).swal2-loading{overflow-y:hidden}div:where(.swal2-container) div:where(.swal2-popup).swal2-draggable{cursor:grab}div:where(.swal2-container) div:where(.swal2-popup).swal2-draggable div:where(.swal2-icon){cursor:grab}div:where(.swal2-container) div:where(.swal2-popup).swal2-dragging{cursor:grabbing}div:where(.swal2-container) div:where(.swal2-popup).swal2-dragging div:where(.swal2-icon){cursor:grabbing}div:where(.swal2-container) h2:where(.swal2-title){position:relative;max-width:100%;margin:0;padding:var(--swal2-title-padding);color:inherit;font-size:1.875em;font-weight:600;text-align:center;text-transform:none;overflow-wrap:break-word;cursor:initial}div:where(.swal2-container) div:where(.swal2-actions){display:flex;z-index:1;box-sizing:border-box;flex-wrap:wrap;align-items:center;justify-content:var(--swal2-actions-justify-content);width:var(--swal2-actions-width);margin:var(--swal2-actions-margin);padding:var(--swal2-actions-padding);border-radius:var(--swal2-actions-border-radius);background:var(--swal2-actions-background)}div:where(.swal2-container) div:where(.swal2-loader){display:none;align-items:center;justify-content:center;width:2.2em;height:2.2em;margin:0 1.875em;animation:swal2-rotate-loading 1.5s linear 0s infinite normal;border-width:.25em;border-style:solid;border-radius:100%;border-color:#2778c4 rgba(0,0,0,0) #2778c4 rgba(0,0,0,0)}div:where(.swal2-container) button:where(.swal2-styled){margin:.3125em;padding:.625em 1.1em;transition:var(--swal2-action-button-transition);border:none;box-shadow:0 0 0 3px rgba(0,0,0,0);font-weight:500}div:where(.swal2-container) button:where(.swal2-styled):not([disabled]){cursor:pointer}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm){border-radius:var(--swal2-confirm-button-border-radius);background:initial;background-color:var(--swal2-confirm-button-background-color);box-shadow:var(--swal2-confirm-button-box-shadow);color:var(--swal2-confirm-button-color);font-size:1em}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm):hover{background-color:color-mix(in srgb, var(--swal2-confirm-button-background-color), var(--swal2-action-button-hover))}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm):active{background-color:color-mix(in srgb, var(--swal2-confirm-button-background-color), var(--swal2-action-button-active))}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-deny){border-radius:var(--swal2-deny-button-border-radius);background:initial;background-color:var(--swal2-deny-button-background-color);box-shadow:var(--swal2-deny-button-box-shadow);color:var(--swal2-deny-button-color);font-size:1em}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-deny):hover{background-color:color-mix(in srgb, var(--swal2-deny-button-background-color), var(--swal2-action-button-hover))}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-deny):active{background-color:color-mix(in srgb, var(--swal2-deny-button-background-color), var(--swal2-action-button-active))}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-cancel){border-radius:var(--swal2-cancel-button-border-radius);background:initial;background-color:var(--swal2-cancel-button-background-color);box-shadow:var(--swal2-cancel-button-box-shadow);color:var(--swal2-cancel-button-color);font-size:1em}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-cancel):hover{background-color:color-mix(in srgb, var(--swal2-cancel-button-background-color), var(--swal2-action-button-hover))}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-cancel):active{background-color:color-mix(in srgb, var(--swal2-cancel-button-background-color), var(--swal2-action-button-active))}div:where(.swal2-container) button:where(.swal2-styled):focus-visible{outline:none;box-shadow:var(--swal2-action-button-focus-box-shadow)}div:where(.swal2-container) button:where(.swal2-styled)[disabled]:not(.swal2-loading){opacity:.4}div:where(.swal2-container) button:where(.swal2-styled)::-moz-focus-inner{border:0}div:where(.swal2-container) div:where(.swal2-footer){margin:1em 0 0;padding:1em 1em 0;border-top:1px solid var(--swal2-footer-border-color);background:var(--swal2-footer-background);color:var(--swal2-footer-color);font-size:1em;text-align:center;cursor:initial}div:where(.swal2-container) .swal2-timer-progress-bar-container{position:absolute;right:0;bottom:0;left:0;grid-column:auto !important;overflow:hidden;border-bottom-right-radius:var(--swal2-border-radius);border-bottom-left-radius:var(--swal2-border-radius)}div:where(.swal2-container) div:where(.swal2-timer-progress-bar){width:100%;height:.25em;background:var(--swal2-timer-progress-bar-background)}div:where(.swal2-container) img:where(.swal2-image){max-width:100%;margin:2em auto 1em;cursor:initial}div:where(.swal2-container) button:where(.swal2-close){position:var(--swal2-close-button-position);inset:var(--swal2-close-button-inset);z-index:2;align-items:center;justify-content:center;width:1.2em;height:1.2em;margin-top:0;margin-right:0;margin-bottom:-1.2em;padding:0;overflow:hidden;transition:var(--swal2-close-button-transition);border:none;border-radius:var(--swal2-border-radius);outline:var(--swal2-close-button-outline);background:rgba(0,0,0,0);color:var(--swal2-close-button-color);font-family:monospace;font-size:var(--swal2-close-button-font-size);cursor:pointer;justify-self:end}div:where(.swal2-container) button:where(.swal2-close):hover{transform:var(--swal2-close-button-hover-transform);background:rgba(0,0,0,0);color:#f27474}div:where(.swal2-container) button:where(.swal2-close):focus-visible{outline:none;box-shadow:var(--swal2-close-button-focus-box-shadow)}div:where(.swal2-container) button:where(.swal2-close)::-moz-focus-inner{border:0}div:where(.swal2-container) div:where(.swal2-html-container){z-index:1;justify-content:center;margin:0;padding:var(--swal2-html-container-padding);overflow:auto;color:inherit;font-size:1.125em;font-weight:normal;line-height:normal;text-align:center;overflow-wrap:break-word;word-break:break-word;cursor:initial}div:where(.swal2-container) input:where(.swal2-input),div:where(.swal2-container) input:where(.swal2-file),div:where(.swal2-container) textarea:where(.swal2-textarea),div:where(.swal2-container) select:where(.swal2-select),div:where(.swal2-container) div:where(.swal2-radio),div:where(.swal2-container) label:where(.swal2-checkbox){margin:1em 2em 3px}div:where(.swal2-container) input:where(.swal2-input),div:where(.swal2-container) input:where(.swal2-file),div:where(.swal2-container) textarea:where(.swal2-textarea){box-sizing:border-box;width:auto;transition:var(--swal2-input-transition);border:var(--swal2-input-border);border-radius:var(--swal2-input-border-radius);background:var(--swal2-input-background);box-shadow:var(--swal2-input-box-shadow);color:inherit;font-size:1.125em}div:where(.swal2-container) input:where(.swal2-input).swal2-inputerror,div:where(.swal2-container) input:where(.swal2-file).swal2-inputerror,div:where(.swal2-container) textarea:where(.swal2-textarea).swal2-inputerror{border-color:#f27474 !important;box-shadow:0 0 2px #f27474 !important}div:where(.swal2-container) input:where(.swal2-input):hover,div:where(.swal2-container) input:where(.swal2-file):hover,div:where(.swal2-container) textarea:where(.swal2-textarea):hover{box-shadow:var(--swal2-input-hover-box-shadow)}div:where(.swal2-container) input:where(.swal2-input):focus,div:where(.swal2-container) input:where(.swal2-file):focus,div:where(.swal2-container) textarea:where(.swal2-textarea):focus{border:var(--swal2-input-focus-border);outline:none;box-shadow:var(--swal2-input-focus-box-shadow)}div:where(.swal2-container) input:where(.swal2-input)::placeholder,div:where(.swal2-container) input:where(.swal2-file)::placeholder,div:where(.swal2-container) textarea:where(.swal2-textarea)::placeholder{color:#ccc}div:where(.swal2-container) .swal2-range{margin:1em 2em 3px;background:var(--swal2-background)}div:where(.swal2-container) .swal2-range input{width:80%}div:where(.swal2-container) .swal2-range output{width:20%;color:inherit;font-weight:600;text-align:center}div:where(.swal2-container) .swal2-range input,div:where(.swal2-container) .swal2-range output{height:2.625em;padding:0;font-size:1.125em;line-height:2.625em}div:where(.swal2-container) .swal2-input{height:2.625em;padding:0 .75em}div:where(.swal2-container) .swal2-file{width:75%;margin-right:auto;margin-left:auto;background:var(--swal2-input-background);font-size:1.125em}div:where(.swal2-container) .swal2-textarea{height:6.75em;padding:.75em}div:where(.swal2-container) .swal2-select{min-width:50%;max-width:100%;padding:.375em .625em;background:var(--swal2-input-background);color:inherit;font-size:1.125em}div:where(.swal2-container) .swal2-radio,div:where(.swal2-container) .swal2-checkbox{align-items:center;justify-content:center;background:var(--swal2-background);color:inherit}div:where(.swal2-container) .swal2-radio label,div:where(.swal2-container) .swal2-checkbox label{margin:0 .6em;font-size:1.125em}div:where(.swal2-container) .swal2-radio input,div:where(.swal2-container) .swal2-checkbox input{flex-shrink:0;margin:0 .4em}div:where(.swal2-container) label:where(.swal2-input-label){display:flex;justify-content:center;margin:1em auto 0}div:where(.swal2-container) div:where(.swal2-validation-message){align-items:center;justify-content:center;margin:1em 0 0;padding:.625em;overflow:hidden;background:var(--swal2-validation-message-background);color:var(--swal2-validation-message-color);font-size:1em;font-weight:300}div:where(.swal2-container) div:where(.swal2-validation-message)::before{content:"!";display:inline-block;width:1.5em;min-width:1.5em;height:1.5em;margin:0 .625em;border-radius:50%;background-color:#f27474;color:#fff;font-weight:600;line-height:1.5em;text-align:center}div:where(.swal2-container) .swal2-progress-steps{flex-wrap:wrap;align-items:center;max-width:100%;margin:1.25em auto;padding:0;background:rgba(0,0,0,0);font-weight:600}div:where(.swal2-container) .swal2-progress-steps li{display:inline-block;position:relative}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step{z-index:20;flex-shrink:0;width:2em;height:2em;border-radius:2em;background:#2778c4;color:#fff;line-height:2em;text-align:center}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step{background:#2778c4}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step{background:var(--swal2-progress-step-background);color:#fff}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step-line{background:var(--swal2-progress-step-background)}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step-line{z-index:10;flex-shrink:0;width:2.5em;height:.4em;margin:0 -1px;background:#2778c4}div:where(.swal2-icon){position:relative;box-sizing:content-box;justify-content:center;width:5em;height:5em;margin:2.5em auto .6em;zoom:var(--swal2-icon-zoom);border:.25em solid rgba(0,0,0,0);border-radius:50%;border-color:#000;font-family:inherit;line-height:5em;cursor:default;user-select:none}div:where(.swal2-icon) .swal2-icon-content{display:flex;align-items:center;font-size:3.75em}div:where(.swal2-icon).swal2-error{border-color:#f27474;color:#f27474}div:where(.swal2-icon).swal2-error .swal2-x-mark{position:relative;flex-grow:1}div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line]{display:block;position:absolute;top:2.3125em;width:2.9375em;height:.3125em;border-radius:.125em;background-color:#f27474}div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line][class$=left]{left:1.0625em;transform:rotate(45deg)}div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line][class$=right]{right:1em;transform:rotate(-45deg)}@container swal2-popup style(--swal2-icon-animations:true){div:where(.swal2-icon).swal2-error.swal2-icon-show{animation:swal2-animate-error-icon .5s}div:where(.swal2-icon).swal2-error.swal2-icon-show .swal2-x-mark{animation:swal2-animate-error-x-mark .5s}}div:where(.swal2-icon).swal2-warning{border-color:#f8bb86;color:#f8bb86}@container swal2-popup style(--swal2-icon-animations:true){div:where(.swal2-icon).swal2-warning.swal2-icon-show{animation:swal2-animate-error-icon .5s}div:where(.swal2-icon).swal2-warning.swal2-icon-show .swal2-icon-content{animation:swal2-animate-i-mark .5s}}div:where(.swal2-icon).swal2-info{border-color:#3fc3ee;color:#3fc3ee}@container swal2-popup style(--swal2-icon-animations:true){div:where(.swal2-icon).swal2-info.swal2-icon-show{animation:swal2-animate-error-icon .5s}div:where(.swal2-icon).swal2-info.swal2-icon-show .swal2-icon-content{animation:swal2-animate-i-mark .8s}}div:where(.swal2-icon).swal2-question{border-color:#87adbd;color:#87adbd}@container swal2-popup style(--swal2-icon-animations:true){div:where(.swal2-icon).swal2-question.swal2-icon-show{animation:swal2-animate-error-icon .5s}div:where(.swal2-icon).swal2-question.swal2-icon-show .swal2-icon-content{animation:swal2-animate-question-mark .8s}}div:where(.swal2-icon).swal2-success{border-color:#a5dc86;color:#a5dc86}div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line]{position:absolute;width:3.75em;height:7.5em;border-radius:50%}div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$=left]{top:-0.4375em;left:-2.0635em;transform:rotate(-45deg);transform-origin:3.75em 3.75em;border-radius:7.5em 0 0 7.5em}div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$=right]{top:-0.6875em;left:1.875em;transform:rotate(-45deg);transform-origin:0 3.75em;border-radius:0 7.5em 7.5em 0}div:where(.swal2-icon).swal2-success .swal2-success-ring{position:absolute;z-index:2;top:-0.25em;left:-0.25em;box-sizing:content-box;width:100%;height:100%;border:.25em solid rgba(165,220,134,.3);border-radius:50%}div:where(.swal2-icon).swal2-success .swal2-success-fix{position:absolute;z-index:1;top:.5em;left:1.625em;width:.4375em;height:5.625em;transform:rotate(-45deg)}div:where(.swal2-icon).swal2-success [class^=swal2-success-line]{display:block;position:absolute;z-index:2;height:.3125em;border-radius:.125em;background-color:#a5dc86}div:where(.swal2-icon).swal2-success [class^=swal2-success-line][class$=tip]{top:2.875em;left:.8125em;width:1.5625em;transform:rotate(45deg)}div:where(.swal2-icon).swal2-success [class^=swal2-success-line][class$=long]{top:2.375em;right:.5em;width:2.9375em;transform:rotate(-45deg)}@container swal2-popup style(--swal2-icon-animations:true){div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-line-tip{animation:swal2-animate-success-line-tip .75s}div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-line-long{animation:swal2-animate-success-line-long .75s}div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-circular-line-right{animation:swal2-rotate-success-circular-line 4.25s ease-in}}[class^=swal2]{-webkit-tap-highlight-color:rgba(0,0,0,0)}.swal2-show{animation:var(--swal2-show-animation)}.swal2-hide{animation:var(--swal2-hide-animation)}.swal2-noanimation{transition:none}.swal2-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}.swal2-rtl .swal2-close{margin-right:initial;margin-left:0}.swal2-rtl .swal2-timer-progress-bar{right:0;left:auto}.swal2-toast{box-sizing:border-box;grid-column:1/4 !important;grid-row:1/4 !important;grid-template-columns:min-content auto min-content;padding:1em;overflow-y:hidden;border:var(--swal2-toast-border);background:var(--swal2-background);box-shadow:var(--swal2-toast-box-shadow);pointer-events:auto}.swal2-toast>*{grid-column:2}.swal2-toast h2:where(.swal2-title){margin:.5em 1em;padding:0;font-size:1em;text-align:initial}.swal2-toast .swal2-loading{justify-content:center}.swal2-toast input:where(.swal2-input){height:2em;margin:.5em;font-size:1em}.swal2-toast .swal2-validation-message{font-size:1em}.swal2-toast div:where(.swal2-footer){margin:.5em 0 0;padding:.5em 0 0;font-size:.8em}.swal2-toast button:where(.swal2-close){grid-column:3/3;grid-row:1/99;align-self:center;width:.8em;height:.8em;margin:0;font-size:2em}.swal2-toast div:where(.swal2-html-container){margin:.5em 1em;padding:0;overflow:initial;font-size:1em;text-align:initial}.swal2-toast div:where(.swal2-html-container):empty{padding:0}.swal2-toast .swal2-loader{grid-column:1;grid-row:1/99;align-self:center;width:2em;height:2em;margin:.25em}.swal2-toast .swal2-icon{grid-column:1;grid-row:1/99;align-self:center;width:2em;min-width:2em;height:2em;margin:0 .5em 0 0}.swal2-toast .swal2-icon .swal2-icon-content{display:flex;align-items:center;font-size:1.8em;font-weight:bold}.swal2-toast .swal2-icon.swal2-success .swal2-success-ring{width:2em;height:2em}.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line]{top:.875em;width:1.375em}.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left]{left:.3125em}.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right]{right:.3125em}.swal2-toast div:where(.swal2-actions){justify-content:flex-start;height:auto;margin:0;margin-top:.5em;padding:0 .5em}.swal2-toast button:where(.swal2-styled){margin:.25em .5em;padding:.4em .6em;font-size:1em}.swal2-toast .swal2-success{border-color:#a5dc86}.swal2-toast .swal2-success [class^=swal2-success-circular-line]{position:absolute;width:1.6em;height:3em;border-radius:50%}.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=left]{top:-0.8em;left:-0.5em;transform:rotate(-45deg);transform-origin:2em 2em;border-radius:4em 0 0 4em}.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=right]{top:-0.25em;left:.9375em;transform-origin:0 1.5em;border-radius:0 4em 4em 0}.swal2-toast .swal2-success .swal2-success-ring{width:2em;height:2em}.swal2-toast .swal2-success .swal2-success-fix{top:0;left:.4375em;width:.4375em;height:2.6875em}.swal2-toast .swal2-success [class^=swal2-success-line]{height:.3125em}.swal2-toast .swal2-success [class^=swal2-success-line][class$=tip]{top:1.125em;left:.1875em;width:.75em}.swal2-toast .swal2-success [class^=swal2-success-line][class$=long]{top:.9375em;right:.1875em;width:1.375em}@container swal2-popup style(--swal2-icon-animations:true){.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-tip{animation:swal2-toast-animate-success-line-tip .75s}.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-long{animation:swal2-toast-animate-success-line-long .75s}}.swal2-toast.swal2-show{animation:var(--swal2-toast-show-animation)}.swal2-toast.swal2-hide{animation:var(--swal2-toast-hide-animation)}@keyframes swal2-show{0%{transform:translate3d(0, -50px, 0) scale(0.9);opacity:0}100%{transform:translate3d(0, 0, 0) scale(1);opacity:1}}@keyframes swal2-hide{0%{transform:translate3d(0, 0, 0) scale(1);opacity:1}100%{transform:translate3d(0, -50px, 0) scale(0.9);opacity:0}}@keyframes swal2-animate-success-line-tip{0%{top:1.1875em;left:.0625em;width:0}54%{top:1.0625em;left:.125em;width:0}70%{top:2.1875em;left:-0.375em;width:3.125em}84%{top:3em;left:1.3125em;width:1.0625em}100%{top:2.8125em;left:.8125em;width:1.5625em}}@keyframes swal2-animate-success-line-long{0%{top:3.375em;right:2.875em;width:0}65%{top:3.375em;right:2.875em;width:0}84%{top:2.1875em;right:0;width:3.4375em}100%{top:2.375em;right:.5em;width:2.9375em}}@keyframes swal2-rotate-success-circular-line{0%{transform:rotate(-45deg)}5%{transform:rotate(-45deg)}12%{transform:rotate(-405deg)}100%{transform:rotate(-405deg)}}@keyframes swal2-animate-error-x-mark{0%{margin-top:1.625em;transform:scale(0.4);opacity:0}50%{margin-top:1.625em;transform:scale(0.4);opacity:0}80%{margin-top:-0.375em;transform:scale(1.15)}100%{margin-top:0;transform:scale(1);opacity:1}}@keyframes swal2-animate-error-icon{0%{transform:rotateX(100deg);opacity:0}100%{transform:rotateX(0deg);opacity:1}}@keyframes swal2-rotate-loading{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes swal2-animate-question-mark{0%{transform:rotateY(-360deg)}100%{transform:rotateY(0)}}@keyframes swal2-animate-i-mark{0%{transform:rotateZ(45deg);opacity:0}25%{transform:rotateZ(-25deg);opacity:.4}50%{transform:rotateZ(15deg);opacity:.8}75%{transform:rotateZ(-5deg);opacity:1}100%{transform:rotateX(0);opacity:1}}@keyframes swal2-toast-show{0%{transform:translateY(-0.625em) rotateZ(2deg)}33%{transform:translateY(0) rotateZ(-2deg)}66%{transform:translateY(0.3125em) rotateZ(2deg)}100%{transform:translateY(0) rotateZ(0deg)}}@keyframes swal2-toast-hide{100%{transform:rotateZ(1deg);opacity:0}}@keyframes swal2-toast-animate-success-line-tip{0%{top:.5625em;left:.0625em;width:0}54%{top:.125em;left:.125em;width:0}70%{top:.625em;left:-0.25em;width:1.625em}84%{top:1.0625em;left:.75em;width:.5em}100%{top:1.125em;left:.1875em;width:.75em}}@keyframes swal2-toast-animate-success-line-long{0%{top:1.625em;right:1.375em;width:0}65%{top:1.25em;right:.9375em;width:0}84%{top:.9375em;right:0;width:1.125em}100%{top:.9375em;right:.1875em;width:1.375em}}`,
+        ));
+  }),
+  Br = (...e) =>
+    e
+      .filter((e, t, n) => !!e && e.trim() !== `` && n.indexOf(e) === t)
+      .join(` `)
+      .trim(),
+  Vr = (e) => e.replace(/([a-z0-9])([A-Z])/g, `$1-$2`).toLowerCase(),
+  Hr = (e) => e.replace(/^([A-Z])|[\s-_]+(\w)/g, (e, t, n) => (n ? n.toUpperCase() : t.toLowerCase())),
+  Ur = (e) => {
+    let t = Hr(e);
+    return t.charAt(0).toUpperCase() + t.slice(1);
+  },
+  Wr = {
+    xmlns: `http://www.w3.org/2000/svg`,
+    width: 24,
+    height: 24,
+    viewBox: `0 0 24 24`,
+    fill: `none`,
+    stroke: `currentColor`,
+    strokeWidth: 2,
+    strokeLinecap: `round`,
+    strokeLinejoin: `round`,
+  },
+  Gr = (e) => {
+    for (let t in e) if (t.startsWith(`aria-`) || t === `role` || t === `title`) return !0;
+    return !1;
+  },
+  Kr = (0, _.createContext)({}),
+  qr = () => (0, _.useContext)(Kr),
+  Jr = (0, _.forwardRef)(
+    (
+      { color: e, size: t, strokeWidth: n, absoluteStrokeWidth: r, className: i = ``, children: a, iconNode: o, ...s },
+      c,
+    ) => {
+      let {
+          size: l = 24,
+          strokeWidth: u = 2,
+          absoluteStrokeWidth: d = !1,
+          color: f = `currentColor`,
+          className: p = ``,
+        } = qr() ?? {},
+        m = (r ?? d) ? (Number(n ?? u) * 24) / Number(t ?? l) : (n ?? u);
+      return (0, _.createElement)(
+        `svg`,
+        {
+          ref: c,
+          ...Wr,
+          width: t ?? l ?? Wr.width,
+          height: t ?? l ?? Wr.height,
+          stroke: e ?? f,
+          strokeWidth: m,
+          className: Br(`lucide`, p, i),
+          ...(!a && !Gr(s) && { 'aria-hidden': `true` }),
+          ...s,
+        },
+        [...o.map(([e, t]) => (0, _.createElement)(e, t)), ...(Array.isArray(a) ? a : [a])],
+      );
+    },
+  ),
+  W = (e, t) => {
+    let n = (0, _.forwardRef)(({ className: n, ...r }, i) =>
+      (0, _.createElement)(Jr, { ref: i, iconNode: t, className: Br(`lucide-${Vr(Ur(e))}`, `lucide-${e}`, n), ...r }),
+    );
+    return ((n.displayName = Ur(e)), n);
+  },
+  Yr = W(`arrow-left`, [
+    [`path`, { d: `m12 19-7-7 7-7`, key: `1l729n` }],
+    [`path`, { d: `M19 12H5`, key: `x3x0zl` }],
+  ]),
+  Xr = W(`award`, [
+    [
+      `path`,
+      {
+        d: `m15.477 12.89 1.515 8.526a.5.5 0 0 1-.81.47l-3.58-2.687a1 1 0 0 0-1.197 0l-3.586 2.686a.5.5 0 0 1-.81-.469l1.514-8.526`,
+        key: `1yiouv`,
+      },
+    ],
+    [`circle`, { cx: `12`, cy: `8`, r: `6`, key: `1vp47v` }],
+  ]),
+  Zr = W(`bird`, [
+    [`path`, { d: `M16 7h.01`, key: `1kdx03` }],
+    [`path`, { d: `M3.4 18H12a8 8 0 0 0 8-8V7a4 4 0 0 0-7.28-2.3L2 20`, key: `oj1oa8` }],
+    [`path`, { d: `m20 7 2 .5-2 .5`, key: `12nv4d` }],
+    [`path`, { d: `M10 18v3`, key: `1yea0a` }],
+    [`path`, { d: `M14 17.75V21`, key: `1pymcb` }],
+    [`path`, { d: `M7 18a6 6 0 0 0 3.84-10.61`, key: `1npnn0` }],
+  ]),
+  Qr = W(`book-open`, [
+    [`path`, { d: `M12 7v14`, key: `1akyts` }],
+    [
+      `path`,
+      {
+        d: `M3 18a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h5a4 4 0 0 1 4 4 4 4 0 0 1 4-4h5a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1h-6a3 3 0 0 0-3 3 3 3 0 0 0-3-3z`,
+        key: `ruj8y`,
+      },
+    ],
+  ]),
+  $r = W(`cat`, [
+    [
+      `path`,
+      {
+        d: `M12 5c.67 0 1.35.09 2 .26 1.78-2 5.03-2.84 6.42-2.26 1.4.58-.42 7-.42 7 .57 1.07 1 2.24 1 3.44C21 17.9 16.97 21 12 21s-9-3-9-7.56c0-1.25.5-2.4 1-3.44 0 0-1.89-6.42-.5-7 1.39-.58 4.72.23 6.5 2.23A9.04 9.04 0 0 1 12 5Z`,
+        key: `x6xyqk`,
+      },
+    ],
+    [`path`, { d: `M8 14v.5`, key: `1nzgdb` }],
+    [`path`, { d: `M16 14v.5`, key: `1lajdz` }],
+    [`path`, { d: `M11.25 16.25h1.5L12 17l-.75-.75Z`, key: `12kq1m` }],
+  ]),
+  ei = W(`circle`, [[`circle`, { cx: `12`, cy: `12`, r: `10`, key: `1mglay` }]]),
+  ti = W(`dog`, [
+    [`path`, { d: `M11.25 16.25h1.5L12 17z`, key: `w7jh35` }],
+    [`path`, { d: `M16 14v.5`, key: `1lajdz` }],
+    [
+      `path`,
+      {
+        d: `M4.42 11.247A13.152 13.152 0 0 0 4 14.556C4 18.728 7.582 21 12 21s8-2.272 8-6.444a11.702 11.702 0 0 0-.493-3.309`,
+        key: `u7s9ue`,
+      },
+    ],
+    [`path`, { d: `M8 14v.5`, key: `1nzgdb` }],
+    [
+      `path`,
+      {
+        d: `M8.5 8.5c-.384 1.05-1.083 2.028-2.344 2.5-1.931.722-3.576-.297-3.656-1-.113-.994 1.177-6.53 4-7 1.923-.321 3.651.845 3.651 2.235A7.497 7.497 0 0 1 14 5.277c0-1.39 1.844-2.598 3.767-2.277 2.823.47 4.113 6.006 4 7-.08.703-1.725 1.722-3.656 1-1.261-.472-1.855-1.45-2.239-2.5`,
+        key: `v8hric`,
+      },
+    ],
+  ]),
+  ni = W(`fish`, [
+    [
+      `path`,
+      { d: `M6.5 12c.94-3.46 4.94-6 8.5-6 3.56 0 6.06 2.54 7 6-.94 3.47-3.44 6-7 6s-7.56-2.53-8.5-6Z`, key: `15baut` },
+    ],
+    [`path`, { d: `M18 12v.5`, key: `18hhni` }],
+    [`path`, { d: `M16 17.93a9.77 9.77 0 0 1 0-11.86`, key: `16dt7o` }],
+    [
+      `path`,
+      {
+        d: `M7 10.67C7 8 5.58 5.97 2.73 5.5c-1 1.5-1 5 .23 6.5-1.24 1.5-1.24 5-.23 6.5C5.58 18.03 7 16 7 13.33`,
+        key: `l9di03`,
+      },
+    ],
+    [`path`, { d: `M10.46 7.26C10.2 5.88 9.17 4.24 8 3h5.8a2 2 0 0 1 1.98 1.67l.23 1.4`, key: `1kjonw` }],
+    [`path`, { d: `m16.01 17.93-.23 1.4A2 2 0 0 1 13.8 21H9.5a5.96 5.96 0 0 0 1.49-3.98`, key: `1zlm23` }],
+  ]),
+  ri = W(`flame`, [
+    [
+      `path`,
+      {
+        d: `M12 3q1 4 4 6.5t3 5.5a1 1 0 0 1-14 0 5 5 0 0 1 1-3 1 1 0 0 0 5 0c0-2-1.5-3-1.5-5q0-2 2.5-4`,
+        key: `1slcih`,
+      },
+    ],
+  ]),
+  G = W(`frown`, [
+    [`circle`, { cx: `12`, cy: `12`, r: `10`, key: `1mglay` }],
+    [`path`, { d: `M16 16s-1.5-2-4-2-4 2-4 2`, key: `epbg0q` }],
+    [`line`, { x1: `9`, x2: `9.01`, y1: `9`, y2: `9`, key: `yxxnd0` }],
+    [`line`, { x1: `15`, x2: `15.01`, y1: `9`, y2: `9`, key: `1p4y9e` }],
+  ]),
+  ii = W(`grid-3x3`, [
+    [`rect`, { width: `18`, height: `18`, x: `3`, y: `3`, rx: `2`, key: `afitv7` }],
+    [`path`, { d: `M3 9h18`, key: `1pudct` }],
+    [`path`, { d: `M3 15h18`, key: `5xshup` }],
+    [`path`, { d: `M9 3v18`, key: `fh3hqa` }],
+    [`path`, { d: `M15 3v18`, key: `14nvp0` }],
+  ]),
+  ai = W(`heart`, [
+    [
+      `path`,
+      {
+        d: `M2 9.5a5.5 5.5 0 0 1 9.591-3.676.56.56 0 0 0 .818 0A5.49 5.49 0 0 1 22 9.5c0 2.29-1.5 4-3 5.5l-5.492 5.313a2 2 0 0 1-3 .019L5 15c-1.5-1.5-3-3.2-3-5.5`,
+        key: `mvr1a0`,
+      },
+    ],
+  ]),
+  oi = W(`minus`, [[`path`, { d: `M5 12h14`, key: `1ays0h` }]]),
+  si = W(`moon`, [
+    [
+      `path`,
+      {
+        d: `M20.985 12.486a9 9 0 1 1-9.473-9.472c.405-.022.617.46.402.803a6 6 0 0 0 8.268 8.268c.344-.215.825-.004.803.401`,
+        key: `kfwtm`,
+      },
+    ],
+  ]),
+  ci = W(`mouse`, [
+    [`rect`, { x: `5`, y: `2`, width: `14`, height: `20`, rx: `7`, key: `11ol66` }],
+    [`path`, { d: `M12 6v4`, key: `16clxf` }],
+  ]),
+  li = W(`party-popper`, [
+    [`path`, { d: `M5.8 11.3 2 22l10.7-3.79`, key: `gwxi1d` }],
+    [`path`, { d: `M4 3h.01`, key: `1vcuye` }],
+    [`path`, { d: `M22 8h.01`, key: `1mrtc2` }],
+    [`path`, { d: `M15 2h.01`, key: `1cjtqr` }],
+    [`path`, { d: `M22 20h.01`, key: `1mrys2` }],
+    [
+      `path`,
+      {
+        d: `m22 2-2.24.75a2.9 2.9 0 0 0-1.96 3.12c.1.86-.57 1.63-1.45 1.63h-.38c-.86 0-1.6.6-1.76 1.44L14 10`,
+        key: `hbicv8`,
+      },
+    ],
+    [`path`, { d: `m22 13-.82-.33c-.86-.34-1.82.2-1.98 1.11c-.11.7-.72 1.22-1.43 1.22H17`, key: `1i94pl` }],
+    [`path`, { d: `m11 2 .33.82c.34.86-.2 1.82-1.11 1.98C9.52 4.9 9 5.52 9 6.23V7`, key: `1cofks` }],
+    [
+      `path`,
+      {
+        d: `M11 13c1.93 1.93 2.83 4.17 2 5-.83.83-3.07-.07-5-2-1.93-1.93-2.83-4.17-2-5 .83-.83 3.07.07 5 2Z`,
+        key: `4kbmks`,
+      },
+    ],
+  ]),
+  ui = W(`paw-print`, [
+    [`circle`, { cx: `11`, cy: `4`, r: `2`, key: `vol9p0` }],
+    [`circle`, { cx: `18`, cy: `8`, r: `2`, key: `17gozi` }],
+    [`circle`, { cx: `20`, cy: `16`, r: `2`, key: `1v9bxh` }],
+    [
+      `path`,
+      {
+        d: `M9 10a5 5 0 0 1 5 5v3.5a3.5 3.5 0 0 1-6.84 1.045Q6.52 17.48 4.46 16.84A3.5 3.5 0 0 1 5.5 10Z`,
+        key: `1ydw1z`,
+      },
+    ],
+  ]),
+  di = W(`pen-tool`, [
+    [
+      `path`,
+      {
+        d: `M15.707 21.293a1 1 0 0 1-1.414 0l-1.586-1.586a1 1 0 0 1 0-1.414l5.586-5.586a1 1 0 0 1 1.414 0l1.586 1.586a1 1 0 0 1 0 1.414z`,
+        key: `nt11vn`,
+      },
+    ],
+    [
+      `path`,
+      {
+        d: `m18 13-1.375-6.874a1 1 0 0 0-.746-.776L3.235 2.028a1 1 0 0 0-1.207 1.207L5.35 15.879a1 1 0 0 0 .776.746L13 18`,
+        key: `15qc1e`,
+      },
+    ],
+    [`path`, { d: `m2.3 2.3 7.286 7.286`, key: `1wuzzi` }],
+    [`circle`, { cx: `11`, cy: `11`, r: `2`, key: `xmgehs` }],
+  ]),
+  fi = W(`plus`, [
+    [`path`, { d: `M5 12h14`, key: `1ays0h` }],
+    [`path`, { d: `M12 5v14`, key: `s699le` }],
+  ]),
+  pi = W(`rabbit`, [
+    [`path`, { d: `M13 16a3 3 0 0 1 2.24 5`, key: `1epib5` }],
+    [`path`, { d: `M18 12h.01`, key: `yjnet6` }],
+    [
+      `path`,
+      {
+        d: `M18 21h-8a4 4 0 0 1-4-4 7 7 0 0 1 7-7h.2L9.6 6.4a1 1 0 1 1 2.8-2.8L15.8 7h.2c3.3 0 6 2.7 6 6v1a2 2 0 0 1-2 2h-1a3 3 0 0 0-3 3`,
+        key: `ue9ozu`,
+      },
+    ],
+    [`path`, { d: `M20 8.54V4a2 2 0 1 0-4 0v3`, key: `49iql8` }],
+    [`path`, { d: `M7.612 12.524a3 3 0 1 0-1.6 4.3`, key: `1e33i0` }],
+  ]),
+  mi = W(`rotate-ccw`, [
+    [`path`, { d: `M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8`, key: `1357e3` }],
+    [`path`, { d: `M3 3v5h5`, key: `1xhq8a` }],
+  ]),
+  hi = W(`share-2`, [
+    [`circle`, { cx: `18`, cy: `5`, r: `3`, key: `gq8acd` }],
+    [`circle`, { cx: `6`, cy: `12`, r: `3`, key: `w7nqdw` }],
+    [`circle`, { cx: `18`, cy: `19`, r: `3`, key: `1xt0gg` }],
+    [`line`, { x1: `8.59`, x2: `15.42`, y1: `13.51`, y2: `17.49`, key: `47mynk` }],
+    [`line`, { x1: `15.41`, x2: `8.59`, y1: `6.51`, y2: `10.49`, key: `1n3mei` }],
+  ]),
+  gi = W(`sparkles`, [
+    [
+      `path`,
+      {
+        d: `M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z`,
+        key: `1s2grr`,
+      },
+    ],
+    [`path`, { d: `M20 2v4`, key: `1rf3ol` }],
+    [`path`, { d: `M22 4h-4`, key: `gwowj6` }],
+    [`circle`, { cx: `4`, cy: `20`, r: `2`, key: `6kqj1y` }],
+  ]),
+  _i = W(`squirrel`, [
+    [`path`, { d: `M15.236 22a3 3 0 0 0-2.2-5`, key: `21bitc` }],
+    [`path`, { d: `M16 20a3 3 0 0 1 3-3h1a2 2 0 0 0 2-2v-2a4 4 0 0 0-4-4V4`, key: `oh0fg0` }],
+    [`path`, { d: `M18 13h.01`, key: `9veqaj` }],
+    [
+      `path`,
+      {
+        d: `M18 6a4 4 0 0 0-4 4 7 7 0 0 0-7 7c0-5 4-5 4-10.5a4.5 4.5 0 1 0-9 0 2.5 2.5 0 0 0 5 0C7 10 3 11 3 17c0 2.8 2.2 5 5 5h10`,
+        key: `980v8a`,
+      },
+    ],
+  ]),
+  vi = W(`sun`, [
+    [`circle`, { cx: `12`, cy: `12`, r: `4`, key: `4exip2` }],
+    [`path`, { d: `M12 2v2`, key: `tus03m` }],
+    [`path`, { d: `M12 20v2`, key: `1lh1kg` }],
+    [`path`, { d: `m4.93 4.93 1.41 1.41`, key: `149t6j` }],
+    [`path`, { d: `m17.66 17.66 1.41 1.41`, key: `ptbguv` }],
+    [`path`, { d: `M2 12h2`, key: `1t8f8n` }],
+    [`path`, { d: `M20 12h2`, key: `1q8mjw` }],
+    [`path`, { d: `m6.34 17.66-1.41 1.41`, key: `1m8zz5` }],
+    [`path`, { d: `m19.07 4.93-1.41 1.41`, key: `1shlcs` }],
+  ]),
+  yi = W(`swatch-book`, [
+    [`path`, { d: `M11 17a4 4 0 0 1-8 0V5a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2Z`, key: `1ldrpk` }],
+    [`path`, { d: `M16.7 13H19a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2H7`, key: `11i5po` }],
+    [`path`, { d: `M 7 17h.01`, key: `1euzgo` }],
+    [`path`, { d: `m11 8 2.3-2.3a2.4 2.4 0 0 1 3.404.004L18.6 7.6a2.4 2.4 0 0 1 .026 3.434L9.9 19.8`, key: `o2gii7` }],
+  ]),
+  bi = W(`thumbs-up`, [
+    [
+      `path`,
+      {
+        d: `M15 5.88 14 10h5.83a2 2 0 0 1 1.92 2.56l-2.33 8A2 2 0 0 1 17.5 22H4a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2h2.76a2 2 0 0 0 1.79-1.11L12 2a3.13 3.13 0 0 1 3 3.88Z`,
+        key: `emmmcr`,
+      },
+    ],
+    [`path`, { d: `M7 10v12`, key: `1qc93n` }],
+  ]),
+  xi = W(`timer`, [
+    [`line`, { x1: `10`, x2: `14`, y1: `2`, y2: `2`, key: `14vaq8` }],
+    [`line`, { x1: `12`, x2: `15`, y1: `14`, y2: `11`, key: `17fdiu` }],
+    [`circle`, { cx: `12`, cy: `14`, r: `8`, key: `1e1u0o` }],
+  ]),
+  Si = W(`trophy`, [
+    [`path`, { d: `M10 14.66v1.626a2 2 0 0 1-.976 1.696A5 5 0 0 0 7 21.978`, key: `1n3hpd` }],
+    [`path`, { d: `M14 14.66v1.626a2 2 0 0 0 .976 1.696A5 5 0 0 1 17 21.978`, key: `rfe1zi` }],
+    [`path`, { d: `M18 9h1.5a1 1 0 0 0 0-5H18`, key: `7xy6bh` }],
+    [`path`, { d: `M4 22h16`, key: `57wxv0` }],
+    [`path`, { d: `M6 9a6 6 0 0 0 12 0V3a1 1 0 0 0-1-1H7a1 1 0 0 0-1 1z`, key: `1mhfuq` }],
+    [`path`, { d: `M6 9H4.5a1 1 0 0 1 0-5H6`, key: `tex48p` }],
+  ]),
+  Ci = W(`turtle`, [
+    [
+      `path`,
+      {
+        d: `m12 10 2 4v3a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1v-3a8 8 0 1 0-16 0v3a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1v-3l2-4h4Z`,
+        key: `1lbbv7`,
+      },
+    ],
+    [`path`, { d: `M4.82 7.9 8 10`, key: `m9wose` }],
+    [`path`, { d: `M15.18 7.9 12 10`, key: `p8dp2u` }],
+    [`path`, { d: `M16.93 10H20a2 2 0 0 1 0 4H2`, key: `12nsm7` }],
+  ]),
+  wi = W(`undo-2`, [
+    [`path`, { d: `M9 14 4 9l5-5`, key: `102s5s` }],
+    [`path`, { d: `M4 9h10.5a5.5 5.5 0 0 1 5.5 5.5a5.5 5.5 0 0 1-5.5 5.5H11`, key: `f3b9sd` }],
+  ]),
+  Ti = W(`user`, [
+    [`path`, { d: `M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2`, key: `975kel` }],
+    [`circle`, { cx: `12`, cy: `7`, r: `4`, key: `17ys0d` }],
+  ]),
+  Ei = W(`users`, [
+    [`path`, { d: `M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2`, key: `1yyitq` }],
+    [`path`, { d: `M16 3.128a4 4 0 0 1 0 7.744`, key: `16gr8j` }],
+    [`path`, { d: `M22 21v-2a4 4 0 0 0-3-3.87`, key: `kshegd` }],
+    [`circle`, { cx: `9`, cy: `7`, r: `4`, key: `nufk8` }],
+  ]),
+  Di = W(`zap`, [
+    [
+      `path`,
+      {
+        d: `M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z`,
+        key: `1xq2db`,
+      },
+    ],
+  ]),
+  K = l(zr()),
+  Oi = () =>
+    (0, U.jsxs)(`svg`, {
+      viewBox: `0 0 48 48`,
+      className: `w-full h-full`,
+      children: [
+        (0, U.jsx)(`rect`, {
+          x: `4`,
+          y: `4`,
+          width: `40`,
+          height: `40`,
+          fill: `none`,
+          stroke: `currentColor`,
+          strokeWidth: `2`,
+          strokeDasharray: `4 2`,
+        }),
+        (0, U.jsx)(`text`, {
+          x: `24`,
+          y: `28`,
+          textAnchor: `middle`,
+          className: `text-lg font-bold`,
+          fill: `currentColor`,
+          children: `B`,
+        }),
+      ],
+    }),
+  ki = () =>
+    (0, U.jsxs)(`svg`, {
+      viewBox: `0 0 48 48`,
+      className: `w-full h-full`,
+      children: [
+        (0, U.jsx)(`line`, {
+          x1: `16`,
+          y1: `4`,
+          x2: `16`,
+          y2: `44`,
+          stroke: `currentColor`,
+          strokeWidth: `2`,
+          strokeDasharray: `4 2`,
+        }),
+        (0, U.jsx)(`line`, {
+          x1: `32`,
+          y1: `4`,
+          x2: `32`,
+          y2: `44`,
+          stroke: `currentColor`,
+          strokeWidth: `2`,
+          strokeDasharray: `4 2`,
+        }),
+        (0, U.jsx)(`line`, {
+          x1: `4`,
+          y1: `16`,
+          x2: `44`,
+          y2: `16`,
+          stroke: `currentColor`,
+          strokeWidth: `2`,
+          strokeDasharray: `4 2`,
+        }),
+        (0, U.jsx)(`line`, {
+          x1: `4`,
+          y1: `32`,
+          x2: `44`,
+          y2: `32`,
+          stroke: `currentColor`,
+          strokeWidth: `2`,
+          strokeDasharray: `4 2`,
+        }),
+        (0, U.jsx)(`text`, { x: `10`, y: `14`, className: `text-lg font-bold`, fill: `currentColor`, children: `X` }),
+        (0, U.jsx)(`text`, { x: `26`, y: `30`, className: `text-lg font-bold`, fill: `currentColor`, children: `O` }),
+      ],
+    }),
+  Ai = () =>
+    (0, U.jsxs)(`svg`, {
+      viewBox: `0 0 48 48`,
+      className: `w-full h-full`,
+      children: [
+        (0, U.jsx)(`rect`, {
+          x: `2`,
+          y: `2`,
+          width: `20`,
+          height: `20`,
+          fill: `none`,
+          stroke: `currentColor`,
+          strokeWidth: `2`,
+          strokeDasharray: `4 2`,
+        }),
+        (0, U.jsx)(`rect`, {
+          x: `26`,
+          y: `2`,
+          width: `20`,
+          height: `20`,
+          fill: `none`,
+          stroke: `currentColor`,
+          strokeWidth: `2`,
+          strokeDasharray: `4 2`,
+        }),
+        (0, U.jsx)(`rect`, {
+          x: `2`,
+          y: `26`,
+          width: `20`,
+          height: `20`,
+          fill: `none`,
+          stroke: `currentColor`,
+          strokeWidth: `2`,
+          strokeDasharray: `4 2`,
+        }),
+        (0, U.jsx)(`rect`, {
+          x: `26`,
+          y: `26`,
+          width: `20`,
+          height: `20`,
+          fill: `none`,
+          stroke: `currentColor`,
+          strokeWidth: `2`,
+          strokeDasharray: `4 2`,
+        }),
+        (0, U.jsx)(`text`, { x: `12`, y: `16`, className: `text-sm font-bold`, fill: `currentColor`, children: `X` }),
+        (0, U.jsx)(`text`, { x: `36`, y: `40`, className: `text-sm font-bold`, fill: `currentColor`, children: `O` }),
+      ],
+    }),
+  ji = () =>
+    (0, U.jsxs)(`svg`, {
+      viewBox: `0 0 48 48`,
+      className: `w-full h-full`,
+      children: [
+        (0, U.jsx)(`circle`, { cx: `8`, cy: `8`, r: `3`, fill: `currentColor` }),
+        (0, U.jsx)(`circle`, { cx: `24`, cy: `8`, r: `3`, fill: `currentColor` }),
+        (0, U.jsx)(`circle`, { cx: `40`, cy: `8`, r: `3`, fill: `currentColor` }),
+        (0, U.jsx)(`circle`, { cx: `8`, cy: `24`, r: `3`, fill: `currentColor` }),
+        (0, U.jsx)(`circle`, { cx: `24`, cy: `24`, r: `3`, fill: `currentColor` }),
+        (0, U.jsx)(`circle`, { cx: `40`, cy: `24`, r: `3`, fill: `currentColor` }),
+        (0, U.jsx)(`circle`, { cx: `8`, cy: `40`, r: `3`, fill: `currentColor` }),
+        (0, U.jsx)(`circle`, { cx: `24`, cy: `40`, r: `3`, fill: `currentColor` }),
+        (0, U.jsx)(`circle`, { cx: `40`, cy: `40`, r: `3`, fill: `currentColor` }),
+        (0, U.jsx)(`line`, { x1: `8`, y1: `8`, x2: `24`, y2: `8`, stroke: `currentColor`, strokeWidth: `2` }),
+        (0, U.jsx)(`line`, { x1: `8`, y1: `24`, x2: `8`, y2: `8`, stroke: `currentColor`, strokeWidth: `2` }),
+        (0, U.jsx)(`line`, {
+          x1: `24`,
+          y1: `24`,
+          x2: `40`,
+          y2: `24`,
+          stroke: `currentColor`,
+          strokeWidth: `2`,
+          strokeDasharray: `4 2`,
+        }),
+        (0, U.jsx)(`line`, { x1: `40`, y1: `24`, x2: `40`, y2: `8`, stroke: `currentColor`, strokeWidth: `2` }),
+        (0, U.jsx)(`line`, {
+          x1: `8`,
+          y1: `40`,
+          x2: `8`,
+          y2: `24`,
+          stroke: `currentColor`,
+          strokeWidth: `2`,
+          strokeDasharray: `4 2`,
+        }),
+      ],
+    }),
+  Mi = () =>
+    (0, U.jsxs)(`svg`, {
+      viewBox: `0 0 48 48`,
+      className: `w-full h-full`,
+      children: [
+        (0, U.jsx)(`rect`, {
+          x: `4`,
+          y: `4`,
+          width: `40`,
+          height: `40`,
+          fill: `none`,
+          stroke: `currentColor`,
+          strokeWidth: `2`,
+          strokeDasharray: `4 2`,
+        }),
+        (0, U.jsx)(`text`, { x: `12`, y: `16`, className: `text-sm font-bold`, fill: `currentColor`, children: `S` }),
+        (0, U.jsx)(`text`, { x: `24`, y: `28`, className: `text-sm font-bold`, fill: `currentColor`, children: `O` }),
+        (0, U.jsx)(`text`, { x: `36`, y: `40`, className: `text-sm font-bold`, fill: `currentColor`, children: `S` }),
+      ],
+    }),
+  Ni = () =>
+    (0, U.jsxs)(`svg`, {
+      viewBox: `0 0 48 48`,
+      className: `w-full h-full`,
+      children: [
+        (0, U.jsx)(`rect`, {
+          x: `4`,
+          y: `8`,
+          width: `40`,
+          height: `32`,
+          fill: `none`,
+          stroke: `currentColor`,
+          strokeWidth: `2`,
+          strokeDasharray: `4 2`,
+        }),
+        (0, U.jsx)(`circle`, { cx: `12`, cy: `16`, r: `4`, fill: `#ef4444` }),
+        (0, U.jsx)(`circle`, { cx: `24`, cy: `16`, r: `4`, fill: `#eab308` }),
+        (0, U.jsx)(`circle`, { cx: `36`, cy: `16`, r: `4`, fill: `#ef4444` }),
+        (0, U.jsx)(`circle`, { cx: `12`, cy: `28`, r: `4`, fill: `#eab308` }),
+        (0, U.jsx)(`circle`, { cx: `24`, cy: `28`, r: `4`, fill: `#ef4444` }),
+        (0, U.jsx)(`circle`, { cx: `36`, cy: `28`, r: `4`, fill: `#eab308` }),
+      ],
+    }),
+  Pi = ({ title: e, description: t, onClick: n, icon: r, accentColor: i, badge: a }) =>
+    (0, U.jsxs)(`div`, {
+      onClick: n,
+      className: `group relative cursor-pointer transition-all duration-300 hover:-translate-y-1`,
+      children: [
+        (0, U.jsx)(`div`, {
+          className: `absolute -inset-1 bg-gradient-to-r from-transparent via-gray-300 to-transparent opacity-0 group-hover:opacity-100 transition-opacity`,
+        }),
+        (0, U.jsxs)(`div`, {
+          className: `relative glass rounded-2xl p-4 sm:p-6 border-2 border-dashed border-gray-300 hover:border-gray-400 transition-colors`,
+          children: [
+            (0, U.jsxs)(`div`, {
+              className: `flex items-start gap-4`,
+              children: [
+                (0, U.jsx)(`div`, {
+                  className: `w-16 h-16 sm:w-20 sm:h-20 flex-shrink-0 text-${i}-500`,
+                  children: (0, U.jsx)(r, {}),
+                }),
+                (0, U.jsxs)(`div`, {
+                  className: `flex-1 min-w-0`,
+                  children: [
+                    (0, U.jsxs)(`div`, {
+                      className: `flex items-center gap-2 mb-1`,
+                      children: [
+                        (0, U.jsx)(`h3`, {
+                          className: `text-base sm:text-xl font-bold hand-drawn text-gray-800`,
+                          children: e,
+                        }),
+                        a &&
+                          (0, U.jsx)(`span`, {
+                            className: `text-[10px] sm:text-xs px-2 py-0.5 rounded-full bg-orange-100 text-orange-600 font-bold`,
+                            children: a,
+                          }),
+                      ],
+                    }),
+                    (0, U.jsx)(`p`, {
+                      className: `text-[10px] sm:text-sm paper-font text-gray-500 leading-relaxed`,
+                      children: t,
+                    }),
+                  ],
+                }),
+              ],
+            }),
+            (0, U.jsxs)(`div`, {
+              className: `mt-3 sm:mt-4 flex items-center gap-2 text-xs sm:text-sm text-gray-400 group-hover:text-gray-600 transition-colors`,
+              children: [
+                (0, U.jsx)(di, { size: 12 }),
+                (0, U.jsx)(`span`, { children: `Click to play` }),
+                (0, U.jsx)(`svg`, {
+                  className: `w-4 h-4 transform group-hover:translate-x-1 transition-transform`,
+                  viewBox: `0 0 24 24`,
+                  fill: `none`,
+                  stroke: `currentColor`,
+                  strokeWidth: `2`,
+                  children: (0, U.jsx)(`path`, { d: `M5 12h14M12 5l7 7-7 7` }),
+                }),
+              ],
+            }),
+          ],
+        }),
+      ],
+    }),
+  Fi = () => {
+    let { playerName: e, setPlayerName: t } = Lr(),
+      n = Re();
+    return (
+      (0, _.useEffect)(() => {
+        e ||
+          K.default
+            .fire({
+              title: `Welcome to PaperParty!`,
+              text: `What is your name, player?`,
+              input: `text`,
+              inputPlaceholder: `Enter your name...`,
+              allowOutsideClick: !1,
+              confirmButtonText: `Let's Play!`,
+              customClass: {
+                popup: `glass rounded-3xl paper-font`,
+                title: `hand-drawn text-3xl`,
+                confirmButton: `bg-blue-500/80 hover:bg-blue-500 px-8 py-3 rounded-xl font-bold transition-all`,
+              },
+              buttonsStyling: !1,
+              inputValidator: (e) => {
+                if (!e || !e.trim()) return `We need a name to start the party!`;
+              },
+            })
+            .then((e) => {
+              e.isConfirmed && t(e.value.trim());
+            });
+      }, [e, t]),
+      (0, U.jsxs)(`div`, {
+        className: `min-h-screen flex flex-col items-center justify-center p-4 sm:p-8 relative overflow-hidden`,
+        children: [
+          (0, U.jsx)(`div`, {
+            className: `absolute inset-0 opacity-[0.03]`,
+            style: {
+              backgroundImage: `repeating-linear-gradient(transparent, transparent 23px, #333 24px)`,
+              backgroundSize: `100% 24px`,
+            },
+          }),
+          (0, U.jsx)(`div`, {
+            className: `absolute top-4 left-4 w-32 h-32 text-gray-300 transform -rotate-12`,
+            children: (0, U.jsx)(Qr, { size: 128, strokeWidth: 0.5 }),
+          }),
+          (0, U.jsx)(`div`, {
+            className: `absolute bottom-4 right-4 w-24 h-24 text-gray-300 transform rotate-12`,
+            children: (0, U.jsx)(hi, { size: 96, strokeWidth: 0.5 }),
+          }),
+          (0, U.jsx)(`div`, {
+            className: `absolute top-1/4 right-8 w-16 h-16 text-gray-200 transform rotate-45`,
+            children: (0, U.jsx)(Di, { size: 64, strokeWidth: 0.5 }),
+          }),
+          (0, U.jsx)(`div`, {
+            className: `absolute bottom-1/4 left-8 w-12 h-12 text-gray-200 transform -rotate-30`,
+            children: (0, U.jsx)(ei, { size: 48, strokeWidth: 0.5 }),
+          }),
+          (0, U.jsxs)(`div`, {
+            className: `relative text-center mb-8 sm:mb-16`,
+            children: [
+              (0, U.jsx)(`h1`, {
+                className: `text-4xl sm:text-6xl md:text-7xl lg:text-8xl hand-drawn mb-2 sm:mb-4 text-transparent bg-clip-text bg-gradient-to-r from-blue-600 to-purple-600`,
+                children: `PaperParty`,
+              }),
+              (0, U.jsxs)(`div`, {
+                className: `flex items-center justify-center gap-2 text-gray-500`,
+                children: [
+                  (0, U.jsx)(di, { size: 14 }),
+                  (0, U.jsx)(`p`, {
+                    className: `text-xs sm:text-base paper-font max-w-2xl`,
+                    children: `Multiplayer games that feel like the back of your notebook.`,
+                  }),
+                ],
+              }),
+              (0, U.jsx)(`div`, {
+                className: `mt-3 flex items-center justify-center gap-2`,
+                children: [...[, , , , ,]].map((e, t) =>
+                  (0, U.jsx)(`div`, { className: `w-1.5 h-1.5 rounded-full bg-gray-300` }, t),
+                ),
+              }),
+            ],
+          }),
+          (0, U.jsxs)(`div`, {
+            className: `relative grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4 sm:gap-6 max-w-4xl w-full px-2`,
+            children: [
+              (0, U.jsx)(Pi, {
+                title: `Bingo`,
+                description: `The classic 5x5 numbers game. Race to cross out your lines and shout BINGO!`,
+                icon: Oi,
+                accentColor: `purple`,
+                onClick: () => n(`/bingo`),
+              }),
+              (0, U.jsx)(Pi, {
+                title: `Tic Tac Toe`,
+                description: `Strategize and outsmart your opponent in this timeless 3x3 battle.`,
+                icon: ki,
+                accentColor: `blue`,
+                onClick: () => n(`/tictactoe`),
+              }),
+              (0, U.jsx)(Pi, {
+                title: `Ultimate Tic-Tac-Toe`,
+                description: `The mind-bending 9x9 grid where every move sends your opponent to a new battlefield!`,
+                icon: Ai,
+                accentColor: `green`,
+                onClick: () => n(`/uttt`),
+              }),
+              (0, U.jsx)(Pi, {
+                title: `Dots & Boxes`,
+                description: `Connect the dots and claim boxes in this classic strategy game!`,
+                icon: ji,
+                accentColor: `orange`,
+                onClick: () => n(`/dab`),
+              }),
+              (0, U.jsx)(Pi, {
+                title: `SOS`,
+                description: `Place S or O to form SOS patterns. Quick to learn, hard to master!`,
+                icon: Mi,
+                accentColor: `red`,
+                onClick: () => n(`/sos`),
+              }),
+              (0, U.jsx)(Pi, {
+                title: `Connect 4`,
+                description: `Drop discs to get 4 in a row. Classic gravity gameplay with smooth animations!`,
+                icon: Ni,
+                accentColor: `yellow`,
+                onClick: () => n(`/connect4`),
+              }),
+            ],
+          }),
+          e &&
+            (0, U.jsxs)(`div`, {
+              className: `relative mt-8 sm:mt-12 paper-font text-gray-500 glass px-4 sm:px-6 py-2 sm:py-3 rounded-full flex items-center gap-2 text-xs sm:text-base`,
+              children: [
+                (0, U.jsx)(`div`, {
+                  className: `absolute -left-3 w-6 h-6 rounded-full bg-blue-500 flex items-center justify-center`,
+                  children: (0, U.jsx)(Ti, { size: 12, className: `text-white` }),
+                }),
+                (0, U.jsx)(`span`, { children: `Playing as` }),
+                (0, U.jsx)(`span`, { className: `font-bold text-blue-600`, children: e }),
+              ],
+            }),
+          (0, U.jsxs)(`div`, {
+            className: `absolute bottom-4 left-1/2 transform -translate-x-1/2 flex items-center gap-1 text-gray-300 text-xs`,
+            children: [(0, U.jsx)(ei, { size: 6 }), (0, U.jsx)(ei, { size: 6 }), (0, U.jsx)(ei, { size: 6 })],
+          }),
+        ],
+      })
+    );
+  },
+  q = ({ children: e, onClick: t, disabled: n, className: r = ``, type: i = `button` }) =>
+    (0, U.jsx)(`button`, {
+      type: i,
+      onClick: t,
+      disabled: n,
+      className: `sketch-button ${n ? `opacity-50 cursor-not-allowed` : ``} ${r}`,
+      children: e,
+    }),
+  Ii = ({ children: e, className: t = `` }) => (0, U.jsx)(`div`, { className: `sketch-card ${t}`, children: e }),
+  J = `sketch-popup`,
+  Li = ({ onComplete: e }) => {
+    let [t, n] = (0, _.useState)(3),
+      r = (0, _.useRef)(!0);
+    return (
+      (0, _.useEffect)(
+        () => () => {
+          r.current = !1;
+        },
+        [],
+      ),
+      (0, _.useEffect)(() => {
+        if (t === 0) {
+          r.current && e?.();
+          return;
+        }
+        let i = setTimeout(() => n((e) => e - 1), 1e3);
+        return () => clearTimeout(i);
+      }, [t, e]),
+      t === 0
+        ? null
+        : (0, U.jsx)(`div`, {
+            className: `fixed inset-0 bg-ink/40 flex items-center justify-center z-50`,
+            children: (0, U.jsx)(
+              `span`,
+              {
+                className: `text-9xl font-sketch text-paper animate-ping`,
+                style: { animationDuration: `0.8s`, animationIterationCount: 1 },
+                children: t,
+              },
+              t,
+            ),
+          })
+    );
+  },
+  Ri = {
+    cat: $r,
+    dog: ti,
+    bird: Zr,
+    fish: ni,
+    monkey: ci,
+    panda: ui,
+    frog: pi,
+    tiger: _i,
+    lion: $r,
+    bear: ti,
+    koala: ni,
+    fox: Ci,
+  },
+  zi = Object.keys(Ri),
+  Bi = [`#2a2a3e`, `#c73e1d`, `#2d4a8f`, `#2f5233`, `#7b2d8f`, `#b5651d`],
+  Y = ({ avatarIcon: e, color: t, onAvatarChange: n, onColorChange: r }) =>
+    (0, U.jsxs)(`div`, {
+      className: `space-y-3`,
+      children: [
+        (0, U.jsx)(`div`, {
+          className: `flex gap-2 justify-center flex-wrap`,
+          children: zi.map((r) => {
+            let i = Ri[r];
+            return (0, U.jsx)(
+              `button`,
+              {
+                onClick: () => n(r),
+                className: `w-10 h-10 rounded-full border-2 transition-all flex items-center justify-center
+                ${e === r ? `border-ink scale-110` : `border-transparent hover:border-ink/40`}`,
+                style: { backgroundColor: t },
+                children: (0, U.jsx)(i, { size: 20, className: `text-white/90` }),
+              },
+              r,
+            );
+          }),
+        }),
+        (0, U.jsx)(`div`, {
+          className: `flex gap-2 justify-center`,
+          children: Bi.map((e) =>
+            (0, U.jsx)(
+              `button`,
+              {
+                onClick: () => r(e),
+                style: { background: e },
+                className: `w-6 h-6 rounded-full border-2 transition-all
+              ${t === e ? `border-ink scale-110` : `border-transparent`}`,
+              },
+              e,
+            ),
+          ),
+        }),
+      ],
+    }),
+  Vi = ({ avatarIcon: e, color: t, size: n = 20 }) => {
+    let r = Ri[e] || $r;
+    return (0, U.jsx)(`div`, {
+      className: `rounded-full flex items-center justify-center`,
+      style: { backgroundColor: t, width: n, height: n },
+      children: (0, U.jsx)(r, { size: n * 0.7, className: `text-white/90` }),
+    });
+  },
+  Hi = ({
+    gameName: e = `Game`,
+    roomId: t,
+    players: n = [],
+    spectators: r = [],
+    isHost: i,
+    minPlayers: a = 2,
+    canStart: o,
+    onStart: s,
+    onLeave: c,
+    onJoinSubmit: l,
+    showJoinInput: u = !1,
+    customizationSlot: d,
+    startLabel: f = `Start Game`,
+    waitingLabel: p = `Waiting for players…`,
+    showCountdown: m = !1,
+    onCountdownComplete: h,
+    profile: g = { name: ``, avatarIcon: `cat`, color: `#2a2a3e` },
+    onProfileChange: v,
+  }) => {
+    let [y, b] = (0, _.useState)(``),
+      [x] = (0, _.useState)(() => !!navigator.share),
+      [S, C] = (0, _.useState)(!1),
+      w = (0, _.useRef)(null),
+      T = o ?? n.length >= a;
+    (0, _.useEffect)(() => {
+      if (n.length >= a) return;
+      let e = setInterval(() => {
+        b((e) => (e.length >= 3 ? `` : e + `.`));
+      }, 500);
+      return () => clearInterval(e);
+    }, [n.length, a]);
+    let E = async () => {
+        try {
+          await navigator.share({
+            title: `Join my ${e} room!`,
+            text: `Use room code: ${t}`,
+            url: window.location.href,
+          });
+        } catch {}
+      },
+      D = async () => {
+        try {
+          (await navigator.clipboard.writeText(t), C(!0), setTimeout(() => C(!1), 1500));
+        } catch {}
+      },
+      O = (e, t) => {
+        v && v({ ...g, [e]: t });
+      };
+    return (0, U.jsxs)(`div`, {
+      className: `min-h-screen bg-paper flex items-center justify-center p-4`,
+      children: [
+        m && (0, U.jsx)(Li, { onComplete: h }),
+        (0, U.jsxs)(`div`, {
+          className: `sketch-card p-8 max-w-sm w-full space-y-6`,
+          children: [
+            (0, U.jsx)(`h2`, { className: `text-2xl font-sketch text-center text-ink`, children: e }),
+            (0, U.jsxs)(`div`, {
+              className: `text-center`,
+              children: [
+                (0, U.jsx)(`p`, { className: `text-sm text-ink/60 paper-font`, children: `Room Code` }),
+                (0, U.jsx)(`p`, { className: `text-3xl font-sketch text-ink tracking-widest`, children: t }),
+                (0, U.jsx)(q, {
+                  onClick: D,
+                  className: `mt-2 text-sm`,
+                  children: S ? `✓ Copied!` : `📋 Copy Room Code`,
+                }),
+              ],
+            }),
+            d && (0, U.jsx)(`div`, { className: `space-y-2 pt-2 border-t border-ink/10`, children: d }),
+            (0, U.jsxs)(`div`, {
+              className: `space-y-2`,
+              children: [
+                (0, U.jsx)(`p`, { className: `paper-font text-sm text-ink/60`, children: `Player Name (optional)` }),
+                (0, U.jsx)(`input`, {
+                  type: `text`,
+                  value: g.name,
+                  onChange: (e) => O(`name`, e.target.value),
+                  placeholder: `Enter your name`,
+                  className: `w-full px-3 py-2 border border-ink/30 rounded sketch-font text-ink bg-white/80`,
+                }),
+              ],
+            }),
+            (0, U.jsx)(Y, {
+              avatarIcon: g.avatarIcon,
+              color: g.color,
+              onAvatarChange: (e) => O(`avatarIcon`, e),
+              onColorChange: (e) => O(`color`, e),
+            }),
+            (0, U.jsx)(`div`, {
+              className: `sketch-border text-center py-3`,
+              style: { animation: T ? `none` : `sketch-wiggle 2s ease-in-out infinite` },
+              children: T
+                ? (0, U.jsx)(`span`, {
+                    className: `paper-font text-green-700 font-semibold`,
+                    children: `✅ Ready to start!`,
+                  })
+                : (0, U.jsxs)(`span`, {
+                    className: `paper-font text-ink/70`,
+                    children: [p || `Waiting for players`, y],
+                  }),
+            }),
+            (0, U.jsxs)(`div`, {
+              className: `space-y-2`,
+              children: [
+                (0, U.jsxs)(`p`, {
+                  className: `paper-font text-sm text-ink/60`,
+                  children: [`Players (`, n.length, `/`, a, ` min)`],
+                }),
+                n.map((e, t) =>
+                  (0, U.jsxs)(
+                    `div`,
+                    {
+                      className: `flex items-center gap-2 player-badge`,
+                      style: { transform: `none`, border: `none`, padding: `0.25rem 0` },
+                      children: [
+                        (0, U.jsx)(`span`, { className: `text-lg`, children: e.connected === !1 ? `☐` : `☑️` }),
+                        (0, U.jsx)(`span`, { className: `paper-font text-ink`, children: e.name }),
+                        t === 0 &&
+                          (0, U.jsx)(`span`, { className: `text-xs text-ink/50 ml-auto paper-font`, children: `host` }),
+                      ],
+                    },
+                    e.id || t,
+                  ),
+                ),
+                Array.from({ length: Math.max(0, a - n.length) }).map((e, t) =>
+                  (0, U.jsxs)(
+                    `div`,
+                    {
+                      className: `flex items-center gap-2`,
+                      style: { opacity: 0.4 },
+                      children: [
+                        (0, U.jsx)(`span`, { className: `text-lg`, children: `☐` }),
+                        (0, U.jsx)(`span`, { className: `paper-font text-ink/50`, children: `Waiting...` }),
+                      ],
+                    },
+                    `empty-${t}`,
+                  ),
+                ),
+              ],
+            }),
+            r.length > 0 &&
+              (0, U.jsxs)(`div`, {
+                className: `space-y-2 pt-2 border-t border-ink/10`,
+                children: [
+                  (0, U.jsxs)(`p`, {
+                    className: `paper-font text-sm text-ink/60`,
+                    children: [`Spectators (`, r.length, `)`],
+                  }),
+                  r.map((e, t) =>
+                    (0, U.jsxs)(
+                      `div`,
+                      {
+                        className: `flex items-center gap-2`,
+                        style: { padding: `0.25rem 0` },
+                        children: [
+                          (0, U.jsx)(`span`, { className: `text-lg`, children: `👁️` }),
+                          (0, U.jsx)(`span`, { className: `paper-font text-ink/70`, children: e.name }),
+                        ],
+                      },
+                      e.id || t,
+                    ),
+                  ),
+                ],
+              }),
+            u &&
+              l &&
+              (0, U.jsxs)(`div`, {
+                className: `space-y-2`,
+                children: [
+                  (0, U.jsx)(`p`, { className: `paper-font text-sm text-ink/60`, children: `Join Existing Room` }),
+                  (0, U.jsxs)(`div`, {
+                    className: `flex gap-2`,
+                    children: [
+                      (0, U.jsx)(`input`, {
+                        type: `text`,
+                        placeholder: `Enter Room ID`,
+                        className: `flex-1 px-3 py-2 border border-ink/30 rounded sketch-font text-ink bg-white/80`,
+                        id: `join-room-input`,
+                        ref: w,
+                      }),
+                      (0, U.jsx)(q, {
+                        onClick: () => {
+                          w.current?.value && l(w.current.value.trim().toUpperCase());
+                        },
+                        className: `text-sm`,
+                        children: `Join`,
+                      }),
+                    ],
+                  }),
+                ],
+              }),
+            (0, U.jsxs)(`div`, {
+              className: `space-y-2`,
+              children: [
+                x && (0, U.jsx)(q, { onClick: E, className: `w-full`, children: `📤 Invite Friends` }),
+                u &&
+                  (0, U.jsx)(`p`, {
+                    className: `paper-font text-sm text-ink/50 text-center`,
+                    children: `Enter room ID above to join`,
+                  }),
+                i &&
+                  s &&
+                  (0, U.jsx)(q, {
+                    onClick: s,
+                    disabled: !T,
+                    className: `w-full`,
+                    style: { opacity: T ? 1 : 0.5, cursor: T ? `pointer` : `not-allowed` },
+                    children: T ? `🚀 ${f}` : `Need ${a - n.length} more player(s)`,
+                  }),
+                !i &&
+                  s &&
+                  (0, U.jsx)(`p`, {
+                    className: `paper-font text-center text-sm text-ink/50`,
+                    children: `Waiting for host to start…`,
+                  }),
+                (0, U.jsx)(q, {
+                  onClick: c,
+                  className: `w-full`,
+                  style: { background: `#fff0f0` },
+                  children: `Leave Room`,
+                }),
+              ],
+            }),
+          ],
+        }),
+      ],
+    });
+  },
+  Ui = [`#2a2a3e`, `#c73e1d`, `#2d4a8f`, `#2f5233`, `#7b2d8f`, `#b5651d`],
+  Wi = ({ players: e, scores: t, currentTurn: n, myPlayerIndex: r, lastMove: i, orientation: a = `horizontal` }) => {
+    if (!e || e.length === 0) return null;
+    let o = a === `vertical` ? `flex flex-col gap-3` : `flex gap-3`,
+      s = Array.isArray(t)
+        ? t
+        : e.map((e, n) => {
+            if (t && typeof t == `object`) {
+              if (n === 0 && t.X !== void 0) return t.X;
+              if (n === 1 && t.O !== void 0) return t.O;
+            }
+            return t?.[n] || 0;
+          });
+    return (0, U.jsx)(`div`, {
+      className: `sketch-card p-4 ${o}`,
+      children: e.map((e, t) => {
+        let a = n === e.id,
+          o = i && i.playerIndex === t,
+          c = e.color || Ui[t % Ui.length];
+        return (0, U.jsxs)(
+          `div`,
+          {
+            className: `flex items-center gap-2 p-2 rounded-lg transition-all ${a ? `ring-2 ring-yellow-400 bg-yellow-50` : ``}`,
+            style: { transform: a ? `scale(1.03)` : void 0 },
+            children: [
+              (0, U.jsx)(Vi, { avatarIcon: e.avatarIcon || `cat`, color: c, size: 20 }),
+              (0, U.jsxs)(`span`, {
+                className: `font-handwriting text-sm text-ink flex-1 truncate`,
+                children: [
+                  e.name,
+                  t === r && (0, U.jsx)(`span`, { className: `text-xs ml-1 opacity-60`, children: `(You)` }),
+                ],
+              }),
+              s &&
+                (0, U.jsx)(`span`, {
+                  className: `font-sketch text-lg font-bold`,
+                  style: { color: c },
+                  children: s[t] || 0,
+                }),
+              a && (0, U.jsx)(Si, { size: 16, className: `text-yellow-500 animate-pulse` }),
+              o && !a && (0, U.jsx)(`span`, { className: `w-3 h-3 rounded-full bg-yellow-400 animate-pulse` }),
+            ],
+          },
+          e.id,
+        );
+      }),
+    });
+  },
+  Gi = (0, _.createContext)(),
+  Ki = () => {
+    let e = (0, _.useContext)(Gi);
+    if (!e) throw Error(`useTheme must be used within a ThemeProvider`);
+    return e;
+  },
+  qi = ({ children: e }) => {
+    let [t, n] = (0, _.useState)(() => localStorage.getItem(`theme`) || `light`);
+    (0, _.useEffect)(() => {
+      (localStorage.setItem(`theme`, t), document.documentElement.setAttribute(`data-theme`, t));
+    }, [t]);
+    let r = {
+      theme: t,
+      setTheme: n,
+      toggleTheme: () => {
+        n((e) => (e === `light` ? `dark` : `light`));
+      },
+      isDark: t === `dark`,
+    };
+    return (0, U.jsx)(Gi.Provider, { value: r, children: e });
+  },
+  Ji = () => {
+    let { theme: e, toggleTheme: t } = Ki();
+    return (0, U.jsx)(`button`, {
+      onClick: t,
+      className: `sketch-button p-2 rounded-full`,
+      title: `Switch to ${e === `light` ? `dark` : `light`} theme`,
+      children: e === `light` ? (0, U.jsx)(si, { size: 18 }) : (0, U.jsx)(vi, { size: 18 }),
+    });
+  },
+  Yi = [
+    { id: `thumbsup`, Icon: bi, label: `Like` },
+    { id: `sparkles`, Icon: gi, label: `Nice` },
+    { id: `flame`, Icon: ri, label: `Fire` },
+    { id: `heart`, Icon: ai, label: `Love` },
+    { id: `zap`, Icon: Di, label: `Wow` },
+    { id: `party`, Icon: li, label: `Party` },
+  ],
+  Xi = ({ socket: e, roomId: t, gamePrefix: n, players: r }) => {
+    let [i, a] = (0, _.useState)(!1),
+      [o, s] = (0, _.useState)([]),
+      [c, l] = (0, _.useState)(null);
+    ((0, _.useEffect)(() => {
+      let e = localStorage.getItem(`playerProfile`);
+      e && l(JSON.parse(e));
+    }, []),
+      (0, _.useEffect)(() => {
+        if (!e) return;
+        let t = (e) => {
+          let t = r.find((t) => t.id === e.playerId);
+          s((n) => [...n, { ...e, playerName: t?.name || `Someone`, avatarIcon: t?.avatarIcon, color: t?.color }]);
+        };
+        return (e.on(`${n}_reaction`, t), () => e.off(`${n}_reaction`, t));
+      }, [e, n, r]),
+      (0, _.useEffect)(() => {
+        if (o.length === 0) return;
+        let e = setTimeout(() => {
+          s((e) => e.slice(1));
+        }, 3e3);
+        return () => clearTimeout(e);
+      }, [o]));
+    let u = (r) => {
+      !e || !t || e.emit(`game_reaction`, { roomId: t, reaction: r, gamePrefix: n });
+    };
+    return (0, U.jsxs)(`div`, {
+      className: `fixed bottom-4 left-1/2 -translate-x-1/2 transition-all duration-300`,
+      onMouseEnter: () => a(!0),
+      onMouseLeave: () => a(!1),
+      onTouchStart: () => a(!0),
+      children: [
+        (0, U.jsx)(`div`, {
+          className: `sketch-card p-2 flex gap-1 transition-all duration-300 ${i ? `opacity-100 translate-y-0` : `opacity-60 translate-y-2`}`,
+          children: Yi.map((e) =>
+            (0, U.jsx)(
+              `button`,
+              {
+                onClick: () => u(e.id),
+                className: `p-2 rounded-full hover:bg-gray-100 transition-all`,
+                title: e.label,
+                children: (0, U.jsx)(e.Icon, { size: 18, className: `text-ink` }),
+              },
+              e.id,
+            ),
+          ),
+        }),
+        (0, U.jsx)(`div`, {
+          className: `absolute bottom-full left-0 flex flex-col gap-2 mb-2`,
+          children: o.map((e, t) => {
+            let n = Yi.find((t) => t.id === e.reaction)?.Icon;
+            return (0, U.jsx)(
+              `div`,
+              {
+                className: `sketch-card px-3 py-1 rounded-full animate-fade-in-up`,
+                style: { animationDelay: `${t * 0.1}s` },
+                children: (0, U.jsxs)(`div`, {
+                  className: `flex items-center gap-2`,
+                  children: [
+                    e.avatarIcon && e.color
+                      ? (0, U.jsx)(Vi, { avatarIcon: e.avatarIcon, color: e.color, size: 16 })
+                      : null,
+                    (0, U.jsx)(`span`, { className: `font-handwriting text-xs text-ink`, children: e.playerName }),
+                    n && (0, U.jsx)(n, { size: 14, className: `text-ink` }),
+                  ],
+                }),
+              },
+              t,
+            );
+          }),
+        }),
+      ],
+    });
+  },
+  Zi = ({ players: e = [], children: t }) => {
+    let n = Re(),
+      { socket: r, roomId: i, clearRoomId: a, gamePrefix: o } = Lr(),
+      [s, c] = (0, _.useState)(``);
+    return (0, U.jsxs)(`div`, {
+      className: `min-h-screen bg-paper flex flex-col`,
+      children: [
+        (0, U.jsxs)(`nav`, {
+          className: `flex items-center justify-between px-4 py-2 border-b border-ink/10`,
+          children: [
+            (0, U.jsxs)(`div`, {
+              className: `flex items-center gap-2`,
+              children: [
+                (0, U.jsx)(`button`, {
+                  onClick: async () => {
+                    (
+                      await K.default.fire({
+                        title: `Leave Game?`,
+                        text: `Your progress will be lost.`,
+                        icon: `warning`,
+                        showCancelButton: !0,
+                        confirmButtonText: `Leave`,
+                        cancelButtonText: `Stay`,
+                        customClass: { popup: `sketch-popup` },
+                      })
+                    ).isConfirmed && (o && i && r?.emit(`${o}_leaveRoom`, i), a(i), n(`/`));
+                  },
+                  'aria-label': `Back`,
+                  className: `sketch-button text-red-600 hover:bg-red-50`,
+                  children: (0, U.jsx)(Yr, { size: 20 }),
+                }),
+                (0, U.jsx)(Ji, {}),
+              ],
+            }),
+            (0, U.jsx)(`button`, {
+              onClick: async () => {
+                try {
+                  (await navigator.clipboard.writeText(i), c(`Copied!`), setTimeout(() => c(``), 1500));
+                } catch {
+                  (c(`Copy failed`), setTimeout(() => c(``), 1500));
+                }
+              },
+              className: `font-sketch text-sm px-3 py-1 sketch-border rounded cursor-pointer hover:bg-ink/5`,
+              title: `Click to copy room ID`,
+              children: i,
+            }),
+            s && (0, U.jsx)(`span`, { className: `text-xs text-ink/70 ml-1`, children: s }),
+            (0, U.jsx)(`div`, {
+              className: `flex gap-1`,
+              children: e.map((e) =>
+                (0, U.jsx)(
+                  `span`,
+                  {
+                    className: `w-8 h-8 rounded-full bg-ink text-paper flex items-center justify-center text-xs font-sketch`,
+                    children: e.name.slice(0, 2),
+                  },
+                  e.id,
+                ),
+              ),
+            }),
+          ],
+        }),
+        (0, U.jsx)(`main`, { className: `flex-1 flex items-center justify-center p-4`, children: t }),
+      ],
+    });
+  },
+  Qi = ({ playerName: e, isActive: t, isMyTurn: n, turnTimer: r, isCurrentPlayer: i = !1 }) => {
+    if (!e) return null;
+    let a = e.slice(0, 2),
+      o = r === null ? void 0 : r / 30;
+    return (0, U.jsxs)(`div`, {
+      className: `flex flex-col items-center gap-1`,
+      children: [
+        (0, U.jsx)(`div`, {
+          className: `
+          flex items-center justify-center w-12 h-12 rounded-full bg-ink text-paper
+          font-sketch text-sm
+          ${t ? `opacity-100` : `opacity-50`}
+          ${n ? `animate-pulse ring-2 ring-ink/20` : ``}
+          ${i && !n ? `ring-2 ring-yellow-400` : ``}
+        `,
+          'data-timer': o,
+          children: a,
+        }),
+        (0, U.jsx)(`span`, { className: `paper-font text-xs text-ink/80`, children: e }),
+        i && (0, U.jsx)(`span`, { className: `paper-font text-xs text-yellow-600`, children: `(You)` }),
+      ],
+    });
+  },
+  $i = ({ playerName: e, isActive: t, isMyTurn: n, turnTimer: r, players: i, currentTurn: a }) =>
+    i && Array.isArray(i)
+      ? (0, U.jsx)(`div`, {
+          className: `flex gap-2`,
+          children: i.map((e, t) => {
+            let n = typeof a == `number` ? t === a : e.id === a;
+            return (0, U.jsx)(Qi, { playerName: e.name, isActive: n, isMyTurn: n, isCurrentPlayer: n }, e.id);
+          }),
+        })
+      : (0, U.jsx)(Qi, { playerName: e, isActive: t, isMyTurn: n, turnTimer: r }),
+  ea = (e, t = []) =>
+    e
+      ? Array.isArray(e)
+        ? e.map((e, n) => {
+            let r = e,
+              i = typeof r == `number` ? r : (r?.value ?? r?.score ?? 0);
+            return { name: (typeof r == `object` && r?.name) || t[n]?.name || `Player ${n + 1}`, score: i };
+          })
+        : Object.entries(e).map(([e, n], r) => ({
+            name: e,
+            score: typeof n == `number` ? n : (n?.value ?? 0),
+            ...(t[r] ? { profileName: t[r].name } : {}),
+          }))
+      : [],
+  ta = ({ winner: e, isWinner: t, stats: n = {}, scores: r, onRematch: i, onNewRoom: a, players: o = [] }) => {
+    let s = ea(r, o);
+    return (0, U.jsxs)(Ii, {
+      className: `p-6 max-w-sm w-full text-center`,
+      children: [
+        (() => {
+          if (!s.length) return null;
+          if (s.length === 2) {
+            let [e, t] = s;
+            return (0, U.jsxs)(`div`, {
+              className: `flex justify-center items-center gap-6 mb-4`,
+              children: [
+                (0, U.jsxs)(`div`, {
+                  className: `flex flex-col items-center`,
+                  children: [
+                    (0, U.jsx)(`span`, { className: `paper-font text-sm text-ink/70`, children: e.name }),
+                    (0, U.jsx)(`span`, {
+                      className: `font-sketch text-3xl ${e.score > t.score ? `text-yellow-600` : ``}`,
+                      children: e.score,
+                    }),
+                  ],
+                }),
+                (0, U.jsx)(Xr, { size: 24, className: `text-ink/50` }),
+                (0, U.jsxs)(`div`, {
+                  className: `flex flex-col items-center`,
+                  children: [
+                    (0, U.jsx)(`span`, { className: `paper-font text-sm text-ink/70`, children: t.name }),
+                    (0, U.jsx)(`span`, {
+                      className: `font-sketch text-3xl ${t.score > e.score ? `text-yellow-600` : ``}`,
+                      children: t.score,
+                    }),
+                  ],
+                }),
+              ],
+            });
+          }
+          return (0, U.jsxs)(`div`, {
+            className: `space-y-3 mb-4`,
+            children: [
+              (0, U.jsxs)(`div`, {
+                className: `flex items-center justify-center gap-2 text-ink/70 mb-1`,
+                children: [
+                  (0, U.jsx)(Ei, { size: 18 }),
+                  (0, U.jsx)(`span`, { className: `paper-font text-sm`, children: `Standings` }),
+                ],
+              }),
+              (0, U.jsx)(`div`, {
+                className: `grid grid-cols-2 sm:grid-cols-3 gap-2 justify-items-center`,
+                children: s.map((e, t) => {
+                  let n = Math.max(...s.map((e) => e.score)),
+                    r = s.length > 1 && e.score === n;
+                  return (0, U.jsxs)(
+                    `div`,
+                    {
+                      className: `flex flex-col items-center p-2 rounded-lg border-2 ${r ? `border-yellow-400/70 bg-yellow-50/60` : `border-gray-200/70 bg-white/60`}`,
+                      children: [
+                        (0, U.jsx)(`span`, {
+                          className: `paper-font text-xs text-ink/70 truncate max-w-[7rem]`,
+                          children: e.name,
+                        }),
+                        (0, U.jsx)(`span`, {
+                          className: `font-sketch text-3xl ${r ? `text-yellow-700` : ``}`,
+                          children: e.score,
+                        }),
+                      ],
+                    },
+                    `${e.name}-${t}`,
+                  );
+                }),
+              }),
+            ],
+          });
+        })(),
+        (() => {
+          if (!e && !t && s.length > 1) {
+            let e = Math.max(...s.map((e) => e.score)),
+              t = s.filter((t) => t.score === e);
+            if (t.length > 1)
+              return (0, U.jsxs)(U.Fragment, {
+                children: [
+                  (0, U.jsx)(`div`, {
+                    className: `flex justify-center mb-2`,
+                    children: (0, U.jsx)(G, { size: 40, className: `text-gray-400` }),
+                  }),
+                  (0, U.jsx)(`h2`, { className: `text-2xl font-sketch mb-1 text-ink`, children: `It's a Tie!` }),
+                  (0, U.jsx)(`p`, {
+                    className: `paper-font text-sm text-ink/70`,
+                    children: t.map((e) => e.name).join(` & `),
+                  }),
+                ],
+              });
+          }
+          if (r && s.length > 1) {
+            let e = Math.max(...s.map((e) => e.score)),
+              t = s.find((t) => t.score === e);
+            if (t) {
+              let e = t.profileName || t.name;
+              return (0, U.jsxs)(U.Fragment, {
+                children: [
+                  (0, U.jsx)(`div`, {
+                    className: `flex justify-center mb-2`,
+                    children: (0, U.jsx)(Si, { size: 40, className: `text-yellow-500` }),
+                  }),
+                  (0, U.jsxs)(`h2`, { className: `text-2xl font-sketch mb-1 text-ink`, children: [e, ` Wins!`] }),
+                ],
+              });
+            }
+          }
+          return !e && !t
+            ? (0, U.jsxs)(U.Fragment, {
+                children: [
+                  (0, U.jsx)(`div`, {
+                    className: `flex justify-center mb-2`,
+                    children: (0, U.jsx)(G, { size: 40, className: `text-gray-400` }),
+                  }),
+                  (0, U.jsx)(`h2`, { className: `text-2xl font-sketch mb-1 text-ink`, children: `It's a Tie!` }),
+                ],
+              })
+            : t
+              ? (0, U.jsxs)(U.Fragment, {
+                  children: [
+                    (0, U.jsx)(`div`, {
+                      className: `flex justify-center mb-2`,
+                      children: (0, U.jsx)(Si, { size: 40, className: `text-yellow-500` }),
+                    }),
+                    (0, U.jsx)(`h2`, { className: `text-2xl font-sketch mb-1 text-ink`, children: `You Win!` }),
+                  ],
+                })
+              : (0, U.jsxs)(U.Fragment, {
+                  children: [
+                    (0, U.jsx)(`div`, {
+                      className: `flex justify-center mb-2`,
+                      children: (0, U.jsx)(Si, { size: 40, className: `text-yellow-500` }),
+                    }),
+                    (0, U.jsxs)(`h2`, { className: `text-2xl font-sketch mb-1 text-ink`, children: [e, ` Wins!`] }),
+                  ],
+                });
+        })(),
+        (n.moves || n.time) &&
+          (0, U.jsxs)(`div`, {
+            className: `text-sm font-handwriting text-ink/70 mb-4 space-y-1`,
+            children: [
+              n.moves && (0, U.jsxs)(`div`, { children: [`Moves: `, n.moves] }),
+              n.time && (0, U.jsxs)(`div`, { children: [`Time: `, n.time] }),
+            ],
+          }),
+        (0, U.jsxs)(`div`, {
+          className: `flex gap-3 justify-center mt-4`,
+          children: [
+            i && (0, U.jsx)(q, { onClick: i, children: `Rematch` }),
+            a && (0, U.jsx)(q, { onClick: a, children: `New Room` }),
+          ],
+        }),
+      ],
+    });
+  },
+  na = ({ requesterId: e, players: t = [], currentTurn: n, myPlayerIndex: r, onRequest: i, onAllow: a, onDeny: o }) => {
+    let s = t.find((t) => t.id === e)?.name || `Someone`,
+      [c, l] = (0, _.useState)(15);
+    if (
+      ((0, _.useEffect)(() => {
+        if (!e) {
+          l(0);
+          return;
+        }
+        l(15);
+        let t = setInterval(() => {
+          l((e) => (e <= 1 ? (clearInterval(t), 0) : e - 1));
+        }, 1e3);
+        return () => clearInterval(t);
+      }, [e]),
+      !e)
+    )
+      return null;
+    let u = r === n,
+      d = (c / 15) * 100;
+    return (0, U.jsxs)(Ii, {
+      className: `p-4 bg-yellow-50`,
+      children: [
+        (0, U.jsxs)(`p`, {
+          className: `font-handwriting text-ink mb-3`,
+          children: [(0, U.jsx)(`span`, { className: `font-bold`, children: s }), ` wants to undo the last move`],
+        }),
+        (0, U.jsx)(`div`, {
+          className: `w-full bg-gray-200 rounded-full h-2 mb-4 overflow-hidden`,
+          children: (0, U.jsx)(`div`, {
+            className: `bg-yellow-500 h-2 rounded-full transition-all`,
+            style: { width: `${d}%` },
+          }),
+        }),
+        u &&
+          (0, U.jsxs)(`div`, {
+            className: `flex gap-2`,
+            children: [
+              (0, U.jsx)(q, { onClick: a, className: `flex-1 bg-green-50`, children: `Allow` }),
+              (0, U.jsx)(q, { onClick: o, className: `flex-1 bg-red-50`, children: `Deny` }),
+            ],
+          }),
+      ],
+    });
+  },
+  ra = `modulepreload`,
+  ia = function (e) {
+    return `/` + e;
+  },
+  aa = {},
+  oa = function (e, t, n) {
+    let r = Promise.resolve();
+    if (t && t.length > 0) {
+      let e = document.getElementsByTagName(`link`),
+        i = document.querySelector(`meta[property=csp-nonce]`),
+        a = i?.nonce || i?.getAttribute(`nonce`);
+      function o(e) {
+        return Promise.all(
+          e.map((e) =>
+            Promise.resolve(e).then(
+              (e) => ({ status: `fulfilled`, value: e }),
+              (e) => ({ status: `rejected`, reason: e }),
+            ),
+          ),
+        );
+      }
+      r = o(
+        t.map((t) => {
+          if (((t = ia(t, n)), t in aa)) return;
+          aa[t] = !0;
+          let r = t.endsWith(`.css`),
+            i = r ? `[rel="stylesheet"]` : ``;
+          if (n)
+            for (let n = e.length - 1; n >= 0; n--) {
+              let i = e[n];
+              if (i.href === t && (!r || i.rel === `stylesheet`)) return;
+            }
+          else if (document.querySelector(`link[href="${t}"]${i}`)) return;
+          let o = document.createElement(`link`);
+          if (
+            ((o.rel = r ? `stylesheet` : ra),
+            r || (o.as = `script`),
+            (o.crossOrigin = ``),
+            (o.href = t),
+            a && o.setAttribute(`nonce`, a),
+            document.head.appendChild(o),
+            r)
+          )
+            return new Promise((e, n) => {
+              (o.addEventListener(`load`, e),
+                o.addEventListener(`error`, () => n(Error(`Unable to preload CSS for ${t}`))));
+            });
+        }),
+      );
+    }
+    function i(e) {
+      let t = new Event(`vite:preloadError`, { cancelable: !0 });
+      if (((t.payload = e), window.dispatchEvent(t), !t.defaultPrevented)) throw e;
+    }
+    return r.then((t) => {
+      for (let e of t || []) e.status === `rejected` && i(e.reason);
+      return e().catch(i);
+    });
+  };
+function sa() {
+  return (
+    (sa = Object.assign
+      ? Object.assign.bind()
+      : function (e) {
+          for (var t = 1; t < arguments.length; t++) {
+            var n = arguments[t];
+            for (var r in n) ({}).hasOwnProperty.call(n, r) && (e[r] = n[r]);
+          }
+          return e;
+        }),
+    sa.apply(null, arguments)
+  );
+}
+function ca(e, t) {
+  if (e == null) return {};
+  var n = {};
+  for (var r in e)
+    if ({}.hasOwnProperty.call(e, r)) {
+      if (t.indexOf(r) !== -1) continue;
+      n[r] = e[r];
+    }
+  return n;
+}
+function la(e) {
+  (0, _.useEffect)(e, []);
+}
+var ua = [`id`, `volume`, `playbackRate`, `soundEnabled`, `interrupt`, `onload`];
+function da(e, t) {
+  var n = t === void 0 ? {} : t,
+    r = n.volume,
+    i = r === void 0 ? 1 : r,
+    a = n.playbackRate,
+    o = a === void 0 ? 1 : a,
+    s = n.soundEnabled,
+    c = s === void 0 ? !0 : s,
+    u = n.interrupt,
+    d = u === void 0 ? !1 : u,
+    f = n.onload,
+    p = ca(n, ua),
+    m = _.useRef(null),
+    h = _.useRef(!1),
+    g = _.useState(null),
+    v = g[0],
+    y = g[1],
+    b = _.useState(null),
+    x = b[0],
+    S = b[1],
+    C = function () {
+      (typeof f == `function` && f.call(this), h.current && y(this.duration() * 1e3), S(this));
+    };
+  return (
+    la(function () {
+      return (
+        oa(
+          () =>
+            import(`./howler-CMikgJ_F.js`)
+              .then((e) => l(e.default))
+              .then(function (t) {
+                h.current ||
+                  ((m.current = t.Howl ?? t.default.Howl),
+                  (h.current = !0),
+                  new m.current(sa({ src: Array.isArray(e) ? e : [e], volume: i, rate: o, onload: C }, p)));
+              }),
+          [],
+        ),
+        function () {
+          h.current = !1;
+        }
+      );
+    }),
+    _.useEffect(
+      function () {
+        m.current && x && S(new m.current(sa({ src: Array.isArray(e) ? e : [e], volume: i, onload: C }, p)));
+      },
+      [JSON.stringify(e)],
+    ),
+    _.useEffect(
+      function () {
+        x && (x.volume(i), p.sprite || x.rate(o));
+      },
+      [x, i, o],
+    ),
+    [
+      _.useCallback(
+        function (e) {
+          (e === void 0 && (e = {}),
+            !(!x || (!c && !e.forceSoundEnabled)) &&
+              (d && x.stop(), e.playbackRate && x.rate(e.playbackRate), x.play(e.id)));
+        },
+        [x, c, d],
+      ),
+      {
+        sound: x,
+        stop: _.useCallback(
+          function (e) {
+            x && x.stop(e);
+          },
+          [x],
+        ),
+        pause: _.useCallback(
+          function (e) {
+            x && x.pause(e);
+          },
+          [x],
+        ),
+        duration: v,
+      },
+    ]
+  );
+}
+var fa = {};
+(function e(t, n, r, i) {
+  var a = !!(
+      t.Worker &&
+      t.Blob &&
+      t.Promise &&
+      t.OffscreenCanvas &&
+      t.OffscreenCanvasRenderingContext2D &&
+      t.HTMLCanvasElement &&
+      t.HTMLCanvasElement.prototype.transferControlToOffscreen &&
+      t.URL &&
+      t.URL.createObjectURL
+    ),
+    o = typeof Path2D == `function` && typeof DOMMatrix == `function`,
+    s = (function () {
+      if (!t.OffscreenCanvas) return !1;
+      try {
+        var e = new OffscreenCanvas(1, 1),
+          n = e.getContext(`2d`);
+        n.fillRect(0, 0, 1, 1);
+        var r = e.transferToImageBitmap();
+        n.createPattern(r, `no-repeat`);
+      } catch {
+        return !1;
+      }
+      return !0;
+    })();
+  function c() {}
+  function l(e) {
+    var r = n.exports.Promise,
+      i = r === void 0 ? t.Promise : r;
+    return typeof i == `function` ? new i(e) : (e(c, c), null);
+  }
+  var u = (function (e, t) {
+      return {
+        transform: function (n) {
+          if (e) return n;
+          if (t.has(n)) return t.get(n);
+          var r = new OffscreenCanvas(n.width, n.height);
+          return (r.getContext(`2d`).drawImage(n, 0, 0), t.set(n, r), r);
+        },
+        clear: function () {
+          t.clear();
+        },
+      };
+    })(s, new Map()),
+    d = (function () {
+      var e = 16,
+        t,
+        n,
+        r = {},
+        i = 0;
+      return (
+        typeof requestAnimationFrame == `function` && typeof cancelAnimationFrame == `function`
+          ? ((t = function (t) {
+              var n = Math.random();
+              return (
+                (r[n] = requestAnimationFrame(function a(o) {
+                  i === o || i + e - 1 < o ? ((i = o), delete r[n], t()) : (r[n] = requestAnimationFrame(a));
+                })),
+                n
+              );
+            }),
+            (n = function (e) {
+              r[e] && cancelAnimationFrame(r[e]);
+            }))
+          : ((t = function (t) {
+              return setTimeout(t, e);
+            }),
+            (n = function (e) {
+              return clearTimeout(e);
+            })),
+        { frame: t, cancel: n }
+      );
+    })(),
+    f = (function () {
+      var t,
+        n,
+        i = {};
+      function o(e) {
+        function t(t, n) {
+          e.postMessage({ options: t || {}, callback: n });
+        }
+        ((e.init = function (t) {
+          var n = t.transferControlToOffscreen();
+          e.postMessage({ canvas: n }, [n]);
+        }),
+          (e.fire = function (r, a, o) {
+            if (n) return (t(r, null), n);
+            var s = Math.random().toString(36).slice(2);
+            return (
+              (n = l(function (a) {
+                function c(t) {
+                  t.data.callback === s &&
+                    (delete i[s], e.removeEventListener(`message`, c), (n = null), u.clear(), o(), a());
+                }
+                (e.addEventListener(`message`, c), t(r, s), (i[s] = c.bind(null, { data: { callback: s } })));
+              })),
+              n
+            );
+          }),
+          (e.reset = function () {
+            for (var t in (e.postMessage({ reset: !0 }), i)) (i[t](), delete i[t]);
+          }));
+      }
+      return function () {
+        if (t) return t;
+        if (!r && a) {
+          var n = [
+            `var CONFETTI, SIZE = {}, module = {};`,
+            `(` + e.toString() + `)(this, module, true, SIZE);`,
+            `onmessage = function(msg) {`,
+            `  if (msg.data.options) {`,
+            `    CONFETTI(msg.data.options).then(function () {`,
+            `      if (msg.data.callback) {`,
+            `        postMessage({ callback: msg.data.callback });`,
+            `      }`,
+            `    });`,
+            `  } else if (msg.data.reset) {`,
+            `    CONFETTI && CONFETTI.reset();`,
+            `  } else if (msg.data.resize) {`,
+            `    SIZE.width = msg.data.resize.width;`,
+            `    SIZE.height = msg.data.resize.height;`,
+            `  } else if (msg.data.canvas) {`,
+            `    SIZE.width = msg.data.canvas.width;`,
+            `    SIZE.height = msg.data.canvas.height;`,
+            `    CONFETTI = module.exports.create(msg.data.canvas);`,
+            `  }`,
+            `}`,
+          ].join(`
+`);
+          try {
+            t = new Worker(URL.createObjectURL(new Blob([n])));
+          } catch (e) {
+            return (
+              typeof console < `u` && typeof console.warn == `function` && console.warn(`🎊 Could not load worker`, e),
+              null
+            );
+          }
+          o(t);
+        }
+        return t;
+      };
+    })(),
+    p = {
+      particleCount: 50,
+      angle: 90,
+      spread: 45,
+      startVelocity: 45,
+      decay: 0.9,
+      gravity: 1,
+      drift: 0,
+      ticks: 200,
+      x: 0.5,
+      y: 0.5,
+      shapes: [`square`, `circle`],
+      zIndex: 100,
+      colors: [`#26ccff`, `#a25afd`, `#ff5e7e`, `#88ff5a`, `#fcff42`, `#ffa62d`, `#ff36ff`],
+      disableForReducedMotion: !1,
+      scalar: 1,
+    };
+  function m(e, t) {
+    return t ? t(e) : e;
+  }
+  function h(e) {
+    return e != null;
+  }
+  function g(e, t, n) {
+    return m(e && h(e[t]) ? e[t] : p[t], n);
+  }
+  function _(e) {
+    return e < 0 ? 0 : Math.floor(e);
+  }
+  function v(e, t) {
+    return Math.floor(Math.random() * (t - e)) + e;
+  }
+  function y(e) {
+    return parseInt(e, 16);
+  }
+  function b(e) {
+    return e.map(x);
+  }
+  function x(e) {
+    var t = String(e).replace(/[^0-9a-f]/gi, ``);
+    return (
+      t.length < 6 && (t = t[0] + t[0] + t[1] + t[1] + t[2] + t[2]),
+      { r: y(t.substring(0, 2)), g: y(t.substring(2, 4)), b: y(t.substring(4, 6)) }
+    );
+  }
+  function S(e) {
+    var t = g(e, `origin`, Object);
+    return ((t.x = g(t, `x`, Number)), (t.y = g(t, `y`, Number)), t);
+  }
+  function C(e) {
+    ((e.width = document.documentElement.clientWidth), (e.height = document.documentElement.clientHeight));
+  }
+  function w(e) {
+    var t = e.getBoundingClientRect();
+    ((e.width = t.width), (e.height = t.height));
+  }
+  function T(e) {
+    var t = document.createElement(`canvas`);
+    return (
+      (t.style.position = `fixed`),
+      (t.style.top = `0px`),
+      (t.style.left = `0px`),
+      (t.style.pointerEvents = `none`),
+      (t.style.zIndex = e),
+      t
+    );
+  }
+  function E(e, t, n, r, i, a, o, s, c) {
+    (e.save(), e.translate(t, n), e.rotate(a), e.scale(r, i), e.arc(0, 0, 1, o, s, c), e.restore());
+  }
+  function D(e) {
+    var t = e.angle * (Math.PI / 180),
+      n = e.spread * (Math.PI / 180);
+    return {
+      x: e.x,
+      y: e.y,
+      wobble: Math.random() * 10,
+      wobbleSpeed: Math.min(0.11, Math.random() * 0.1 + 0.05),
+      velocity: e.startVelocity * 0.5 + Math.random() * e.startVelocity,
+      angle2D: -t + (0.5 * n - Math.random() * n),
+      tiltAngle: (Math.random() * 0.5 + 0.25) * Math.PI,
+      color: e.color,
+      shape: e.shape,
+      tick: 0,
+      totalTicks: e.ticks,
+      decay: e.decay,
+      drift: e.drift,
+      random: Math.random() + 2,
+      tiltSin: 0,
+      tiltCos: 0,
+      wobbleX: 0,
+      wobbleY: 0,
+      gravity: e.gravity * 3,
+      ovalScalar: 0.6,
+      scalar: e.scalar,
+      flat: e.flat,
+    };
+  }
+  function O(e, t) {
+    ((t.x += Math.cos(t.angle2D) * t.velocity + t.drift),
+      (t.y += Math.sin(t.angle2D) * t.velocity + t.gravity),
+      (t.velocity *= t.decay),
+      t.flat
+        ? ((t.wobble = 0),
+          (t.wobbleX = t.x + 10 * t.scalar),
+          (t.wobbleY = t.y + 10 * t.scalar),
+          (t.tiltSin = 0),
+          (t.tiltCos = 0),
+          (t.random = 1))
+        : ((t.wobble += t.wobbleSpeed),
+          (t.wobbleX = t.x + 10 * t.scalar * Math.cos(t.wobble)),
+          (t.wobbleY = t.y + 10 * t.scalar * Math.sin(t.wobble)),
+          (t.tiltAngle += 0.1),
+          (t.tiltSin = Math.sin(t.tiltAngle)),
+          (t.tiltCos = Math.cos(t.tiltAngle)),
+          (t.random = Math.random() + 2)));
+    var n = t.tick++ / t.totalTicks,
+      r = t.x + t.random * t.tiltCos,
+      i = t.y + t.random * t.tiltSin,
+      a = t.wobbleX + t.random * t.tiltCos,
+      s = t.wobbleY + t.random * t.tiltSin;
+    if (
+      ((e.fillStyle = `rgba(` + t.color.r + `, ` + t.color.g + `, ` + t.color.b + `, ` + (1 - n) + `)`),
+      e.beginPath(),
+      o && t.shape.type === `path` && typeof t.shape.path == `string` && Array.isArray(t.shape.matrix))
+    )
+      e.fill(
+        ee(
+          t.shape.path,
+          t.shape.matrix,
+          t.x,
+          t.y,
+          Math.abs(a - r) * 0.1,
+          Math.abs(s - i) * 0.1,
+          (Math.PI / 10) * t.wobble,
+        ),
+      );
+    else if (t.shape.type === `bitmap`) {
+      var c = (Math.PI / 10) * t.wobble,
+        l = Math.abs(a - r) * 0.1,
+        d = Math.abs(s - i) * 0.1,
+        f = t.shape.bitmap.width * t.scalar,
+        p = t.shape.bitmap.height * t.scalar,
+        m = new DOMMatrix([Math.cos(c) * l, Math.sin(c) * l, -Math.sin(c) * d, Math.cos(c) * d, t.x, t.y]);
+      m.multiplySelf(new DOMMatrix(t.shape.matrix));
+      var h = e.createPattern(u.transform(t.shape.bitmap), `no-repeat`);
+      (h.setTransform(m),
+        (e.globalAlpha = 1 - n),
+        (e.fillStyle = h),
+        e.fillRect(t.x - f / 2, t.y - p / 2, f, p),
+        (e.globalAlpha = 1));
+    } else if (t.shape === `circle`)
+      e.ellipse
+        ? e.ellipse(
+            t.x,
+            t.y,
+            Math.abs(a - r) * t.ovalScalar,
+            Math.abs(s - i) * t.ovalScalar,
+            (Math.PI / 10) * t.wobble,
+            0,
+            2 * Math.PI,
+          )
+        : E(
+            e,
+            t.x,
+            t.y,
+            Math.abs(a - r) * t.ovalScalar,
+            Math.abs(s - i) * t.ovalScalar,
+            (Math.PI / 10) * t.wobble,
+            0,
+            2 * Math.PI,
+          );
+    else if (t.shape === `star`)
+      for (
+        var g = (Math.PI / 2) * 3, _ = 4 * t.scalar, v = 8 * t.scalar, y = t.x, b = t.y, x = 5, S = Math.PI / x;
+        x--;
+      )
+        ((y = t.x + Math.cos(g) * v),
+          (b = t.y + Math.sin(g) * v),
+          e.lineTo(y, b),
+          (g += S),
+          (y = t.x + Math.cos(g) * _),
+          (b = t.y + Math.sin(g) * _),
+          e.lineTo(y, b),
+          (g += S));
+    else
+      (e.moveTo(Math.floor(t.x), Math.floor(t.y)),
+        e.lineTo(Math.floor(t.wobbleX), Math.floor(i)),
+        e.lineTo(Math.floor(a), Math.floor(s)),
+        e.lineTo(Math.floor(r), Math.floor(t.wobbleY)));
+    return (e.closePath(), e.fill(), t.tick < t.totalTicks);
+  }
+  function k(e, t, n, a, o) {
+    var s = t.slice(),
+      c = e.getContext(`2d`),
+      f,
+      p,
+      m = l(function (t) {
+        function l() {
+          ((f = p = null), c.clearRect(0, 0, a.width, a.height), u.clear(), o(), t());
+        }
+        function m() {
+          (r &&
+            !(a.width === i.width && a.height === i.height) &&
+            ((a.width = e.width = i.width), (a.height = e.height = i.height)),
+            !a.width && !a.height && (n(e), (a.width = e.width), (a.height = e.height)),
+            c.clearRect(0, 0, a.width, a.height),
+            (s = s.filter(function (e) {
+              return O(c, e);
+            })),
+            s.length ? (f = d.frame(m)) : l());
+        }
+        ((f = d.frame(m)), (p = l));
+      });
+    return {
+      addFettis: function (e) {
+        return ((s = s.concat(e)), m);
+      },
+      canvas: e,
+      promise: m,
+      reset: function () {
+        (f && d.cancel(f), p && p());
+      },
+    };
+  }
+  function A(e, n) {
+    var r = !e,
+      i = !!g(n || {}, `resize`),
+      o = !1,
+      s = g(n, `disableForReducedMotion`, Boolean),
+      c = a && g(n || {}, `useWorker`) ? f() : null,
+      u = r ? C : w,
+      d = e && c ? !!e.__confetti_initialized : !1,
+      p = typeof matchMedia == `function` && matchMedia(`(prefers-reduced-motion)`).matches,
+      m;
+    function h(t, n, r) {
+      for (
+        var i = g(t, `particleCount`, _),
+          a = g(t, `angle`, Number),
+          o = g(t, `spread`, Number),
+          s = g(t, `startVelocity`, Number),
+          c = g(t, `decay`, Number),
+          l = g(t, `gravity`, Number),
+          d = g(t, `drift`, Number),
+          f = g(t, `colors`, b),
+          p = g(t, `ticks`, Number),
+          h = g(t, `shapes`),
+          y = g(t, `scalar`),
+          x = !!g(t, `flat`),
+          C = S(t),
+          w = i,
+          T = [],
+          E = e.width * C.x,
+          O = e.height * C.y;
+        w--;
+      )
+        T.push(
+          D({
+            x: E,
+            y: O,
+            angle: a,
+            spread: o,
+            startVelocity: s,
+            color: f[w % f.length],
+            shape: h[v(0, h.length)],
+            ticks: p,
+            decay: c,
+            gravity: l,
+            drift: d,
+            scalar: y,
+            flat: x,
+          }),
+        );
+      return m ? m.addFettis(T) : ((m = k(e, T, u, n, r)), m.promise);
+    }
+    function y(n) {
+      var a = s || g(n, `disableForReducedMotion`, Boolean),
+        f = g(n, `zIndex`, Number);
+      if (a && p)
+        return l(function (e) {
+          e();
+        });
+      (r && m ? (e = m.canvas) : r && !e && ((e = T(f)), document.body.appendChild(e)), i && !d && u(e));
+      var _ = { width: e.width, height: e.height };
+      (c && !d && c.init(e), (d = !0), c && (e.__confetti_initialized = !0));
+      function v() {
+        if (c) {
+          var t = {
+            getBoundingClientRect: function () {
+              if (!r) return e.getBoundingClientRect();
+            },
+          };
+          (u(t), c.postMessage({ resize: { width: t.width, height: t.height } }));
+          return;
+        }
+        _.width = _.height = null;
+      }
+      function y() {
+        ((m = null),
+          i && ((o = !1), t.removeEventListener(`resize`, v)),
+          r && e && (document.body.contains(e) && document.body.removeChild(e), (e = null), (d = !1)));
+      }
+      return (i && !o && ((o = !0), t.addEventListener(`resize`, v, !1)), c ? c.fire(n, _, y) : h(n, _, y));
+    }
+    return (
+      (y.reset = function () {
+        (c && c.reset(), m && m.reset());
+      }),
+      y
+    );
+  }
+  var j;
+  function M() {
+    return ((j ||= A(null, { useWorker: !0, resize: !0 })), j);
+  }
+  function ee(e, t, n, r, i, a, o) {
+    var s = new Path2D(e),
+      c = new Path2D();
+    c.addPath(s, new DOMMatrix(t));
+    var l = new Path2D();
+    return (
+      l.addPath(c, new DOMMatrix([Math.cos(o) * i, Math.sin(o) * i, -Math.sin(o) * a, Math.cos(o) * a, n, r])),
+      l
+    );
+  }
+  function N(e) {
+    if (!o) throw Error(`path confetti are not supported in this browser`);
+    var t, n;
+    typeof e == `string` ? (t = e) : ((t = e.path), (n = e.matrix));
+    var r = new Path2D(t),
+      i = document.createElement(`canvas`).getContext(`2d`);
+    if (!n) {
+      for (var a = 1e3, s = a, c = a, l = 0, u = 0, d, f, p = 0; p < a; p += 2)
+        for (var m = 0; m < a; m += 2)
+          i.isPointInPath(r, p, m, `nonzero`) &&
+            ((s = Math.min(s, p)), (c = Math.min(c, m)), (l = Math.max(l, p)), (u = Math.max(u, m)));
+      ((d = l - s), (f = u - c));
+      var h = 10,
+        g = Math.min(h / d, h / f);
+      n = [g, 0, 0, g, -Math.round(d / 2 + s) * g, -Math.round(f / 2 + c) * g];
+    }
+    return { type: `path`, path: t, matrix: n };
+  }
+  function P(e) {
+    var t,
+      n = 1,
+      r = `#000000`,
+      i = `"Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji", "EmojiOne Color", "Android Emoji", "Twemoji Mozilla", "system emoji", sans-serif`;
+    typeof e == `string`
+      ? (t = e)
+      : ((t = e.text),
+        (n = `scalar` in e ? e.scalar : n),
+        (i = `fontFamily` in e ? e.fontFamily : i),
+        (r = `color` in e ? e.color : r));
+    var a = 10 * n,
+      o = `` + a + `px ` + i,
+      s = new OffscreenCanvas(a, a),
+      c = s.getContext(`2d`);
+    c.font = o;
+    var l = c.measureText(t),
+      u = Math.ceil(l.actualBoundingBoxRight + l.actualBoundingBoxLeft),
+      d = Math.ceil(l.actualBoundingBoxAscent + l.actualBoundingBoxDescent),
+      f = 2,
+      p = l.actualBoundingBoxLeft + f,
+      m = l.actualBoundingBoxAscent + f;
+    ((u += f + f),
+      (d += f + f),
+      (s = new OffscreenCanvas(u, d)),
+      (c = s.getContext(`2d`)),
+      (c.font = o),
+      (c.fillStyle = r),
+      c.fillText(t, p, m));
+    var h = 1 / n;
+    return { type: `bitmap`, bitmap: s.transferToImageBitmap(), matrix: [h, 0, 0, h, (-u * h) / 2, (-d * h) / 2] };
+  }
+  ((n.exports = function () {
+    return M().apply(this, arguments);
+  }),
+    (n.exports.reset = function () {
+      M().reset();
+    }),
+    (n.exports.create = A),
+    (n.exports.shapeFromPath = N),
+    (n.exports.shapeFromText = P));
+})(
+  (function () {
+    return typeof window < `u` ? window : typeof self < `u` ? self : this || {};
+  })(),
+  fa,
+  !1,
+);
+var pa = fa.exports;
+fa.exports.create;
+var ma = (e, t = {}) => {
+    let n = (0, _.useRef)(t);
+    ((n.current = t),
+      (0, _.useEffect)(() => {
+        if (!e) return;
+        let t = {};
+        return (
+          Object.entries(n.current).forEach(([r]) => {
+            let i = (...e) => {
+              try {
+                let t = n.current[r];
+                if (!t) return;
+                let i = t(...e);
+                i && typeof i.then == `function` && i.catch((e) => Pr(`Socket event ${r}`, e));
+              } catch (e) {
+                Pr(`Socket event ${r}`, e);
+              }
+            };
+            ((t[r] = i), e.on(r, i));
+          }),
+          () => {
+            Object.entries(t).forEach(([t, n]) => {
+              e.off(t, n);
+            });
+          }
+        );
+      }, [e]));
+  },
+  ha = ({ socket: e, gamePrefix: t, onRestore: n }) => {
+    let r = (0, _.useRef)(!1);
+    return (
+      (0, _.useEffect)(() => {
+        if (!e) return;
+        let n = `${t}_reconnect`,
+          i = sessionStorage.getItem(n);
+        if (i && !r.current) {
+          r.current = !0;
+          try {
+            let n = JSON.parse(i);
+            e.emit(`${t}_reconnect`, { roomId: n.roomId, playerId: n.playerId });
+          } catch {}
+        }
+      }, [e, t]),
+      (0, _.useEffect)(() => {
+        if (!e) return;
+        let r = (t) => {
+          if (e.id && t.players) {
+            let r = t.players.find((t) => t.id === e.id) || t.players[t.currentTurn];
+            r && n && n(t, r);
+          }
+        };
+        return (e.on(`${t}_roomInfo`, r), () => e.off(`${t}_roomInfo`, r));
+      }, [e, t, n]),
+      {
+        clearReconnect: () => {
+          sessionStorage.removeItem(`${t}_reconnect`);
+        },
+      }
+    );
+  },
+  ga = [`#2a2a3e`, `#c73e1d`, `#2d4a8f`, `#2f5233`],
+  _a = () => {
+    let { socket: e, roomId: t, setRoomId: n, clearRoomId: r, profile: i, setProfile: a, setGamePrefix: o } = Lr(),
+      [s, c] = (0, _.useState)(Array.from({ length: 25 }, (e, t) => t + 1)),
+      [l, u] = (0, _.useState)([]),
+      [d, f] = (0, _.useState)(`waiting`),
+      [p, m] = (0, _.useState)(null),
+      [h, g] = (0, _.useState)(!1),
+      [v, y] = (0, _.useState)(``),
+      [b, x] = (0, _.useState)(30),
+      S = Re(),
+      C = (0, _.useRef)([]),
+      w = (0, _.useRef)(null),
+      [T] = da(`/sounds/pop.mp3`, { volume: 0.5 }),
+      [E] = da(`/sounds/turn.mp3`, { volume: 0.6 }),
+      D = (0, _.useCallback)((e) => {
+        let t = [];
+        for (let e = 0; e < 5; e++) t.push(Array.from({ length: 5 }, (t, n) => e * 5 + n));
+        for (let e = 0; e < 5; e++) t.push(Array.from({ length: 5 }, (t, n) => e + n * 5));
+        (t.push(Array.from({ length: 5 }, (e, t) => t * 5 + t)),
+          t.push(Array.from({ length: 5 }, (e, t) => (t + 1) * 5 - (t + 1))));
+        let n = t.filter((t) => t.every((t) => typeof e[t] == `string`)).length;
+        return `BINGO`.slice(0, Math.min(n, 5));
+      }, []),
+      { clearReconnect: O } = ha({
+        socket: e,
+        gamePrefix: `bingo`,
+        roomId: t,
+        onRestore: (t) => {
+          t && (n(t.id), u(t.players || []), f(t.gameState || `waiting`), m(t.currentTurn), g(t.creator === e.id));
+        },
+      });
+    (ma(
+      e,
+      {
+        bingo_roomInfo: ({ id: t, creator: r, players: i, gameState: a, currentTurn: o, strikedNumbers: s }) => {
+          (n(t), u(i), f(a), m(o), g(r === e.id));
+          try {
+            let e = localStorage.getItem(`bingo_board_${t}`);
+            e && c(JSON.parse(e));
+          } catch {
+            localStorage.removeItem(`bingo_board_${t}`);
+          }
+          s && (C.current = s);
+        },
+        bingo_playerBoard: ({ board: e }) => {
+          let t = C.current;
+          c(t.length > 0 ? e.map((e) => (t.includes(e) ? `X` : e)) : e);
+        },
+        bingo_gamePaused: ({ reason: e }) => {
+          K.default.fire({ title: `Game Paused`, text: e, icon: `warning`, customClass: { popup: J } });
+        },
+        bingo_gameStarted: ({ firstPlayerId: t, playerBoards: n }) => {
+          (f(`playing`),
+            m(t),
+            x(30),
+            y(``),
+            n?.[e.id] && c(n[e.id]),
+            K.default.fire({
+              title: `Eyes Down!`,
+              text: `Bingo has started!`,
+              timer: 1500,
+              showConfirmButton: !1,
+              customClass: { popup: J },
+            }));
+        },
+        bingo_gameRestarted: () => {
+          (f(`ready`), y(``), c(Array.from({ length: 25 }, (e, t) => t + 1)));
+        },
+        bingo_numberMarked: ({ nextTurn: e, strikedNumbers: t }) => {
+          (c((e) => e.map((e) => (t.includes(e) ? `X` : e))), m(e), T());
+        },
+        bingo_nextTurn: ({ nextPlayerId: t, timestamp: n }) => {
+          m(t);
+          let r = Math.floor((Date.now() - n) / 1e3);
+          (x(Math.max(0, 30 - r)), t === e.id && E());
+        },
+        bingo_playerWon: ({ winner: e }) => {
+          pa({
+            particleCount: 150,
+            spread: 70,
+            origin: { y: 0.6 },
+            colors: [l.find((t) => t.id === e)?.color || `#2a2a3e`],
+          });
+          let t = l.find((t) => t.id === e)?.name || `Someone`;
+          (K.default.fire({
+            title: `BINGO!`,
+            text: `${t} has achieved Bingo!`,
+            icon: `success`,
+            customClass: { popup: J },
+          }),
+            f(`ended`),
+            O());
+        },
+        bingo_playerLeft: (e) => {
+          K.default.fire({
+            title: `Player Left`,
+            text: `A player has left the game.`,
+            icon: `warning`,
+            customClass: { popup: J },
+          });
+        },
+        bingo_alert: ({ icon: e, title: t, text: n }) => {
+          t === `Room Created`
+            ? K.default.fire({
+                icon: e,
+                title: t,
+                text: n,
+                timer: 2e3,
+                showConfirmButton: !1,
+                customClass: { popup: J },
+              })
+            : K.default.fire({ icon: e, title: t, text: n, customClass: { popup: J } });
+        },
+        server_shutdown: ({ message: e }) => {
+          K.default
+            .fire({
+              title: `Server Shutting Down`,
+              text: e || `The server is going down for maintenance.`,
+              icon: `info`,
+              customClass: { popup: J },
+            })
+            .then(() => {
+              (O(), r(t), S(`/`));
+            });
+        },
+      },
+      [t, l, T, E, n, O, r, S],
+    ),
+      (0, _.useEffect)(() => {
+        if (!e) return;
+        o(`bingo`);
+        let r = sessionStorage.getItem(`bingo_reconnect`),
+          i = r && !t;
+        if (i) {
+          let { roomId: t, playerId: i } = JSON.parse(r);
+          (e.emit(`bingo_reconnect`, { roomId: t, playerId: i }), n(t));
+        }
+        t && !i && e.emit(`bingo_requestRoomInfo`, t);
+      }, [e, t, o, n]),
+      (0, _.useEffect)(() => {
+        if (d !== `playing` || s.length !== 25) return;
+        let n = D(s);
+        n.length > v.length && (y(n), n === `BINGO` && e.emit(`bingo_achieved`, t));
+      }, [e, s, d, v, D, t]),
+      (0, _.useEffect)(
+        () => (
+          w.current && clearInterval(w.current),
+          d === `playing` &&
+            p === e?.id &&
+            b > 0 &&
+            (w.current = setInterval(() => {
+              x((e) => e - 1);
+            }, 1e3)),
+          () => {
+            w.current && clearInterval(w.current);
+          }
+        ),
+        [d, p, e?.id],
+      ));
+    let k = (0, _.useCallback)(
+        (n) => {
+          d === `playing` &&
+            p === e?.id &&
+            typeof n != `string` &&
+            e.emit(`bingo_markNumber`, { roomId: t, number: n });
+        },
+        [d, p, t, e],
+      ),
+      A = (0, _.useCallback)(() => {
+        e.emit(`bingo_createRoom`, { creatorName: i.name, avatarIcon: i.avatarIcon, color: i.color });
+      }, [e, i]),
+      j = (0, _.useCallback)(async () => {
+        let { value: t } = await K.default.fire({
+          title: `Join Bingo Room`,
+          input: `text`,
+          inputPlaceholder: `Enter Room ID`,
+          showCancelButton: !0,
+          customClass: { popup: J },
+        });
+        t &&
+          e.emit(`bingo_joinRoom`, {
+            roomId: t.toUpperCase(),
+            playerName: i.name,
+            avatarIcon: i.avatarIcon,
+            color: i.color,
+          });
+      }, [e, i]),
+      M = (0, _.useCallback)(() => {
+        if (l.length < 2) {
+          K.default.fire({ title: `Wait!`, text: `Need at least 2 players!`, icon: `info` });
+          return;
+        }
+        e.emit(`bingo_startGame`, t);
+      }, [e, t, l.length]),
+      ee = (0, _.useCallback)(async () => {
+        (
+          await K.default.fire({
+            title: `Leave Game?`,
+            text: `Are you sure you want to leave?`,
+            icon: `warning`,
+            showCancelButton: !0,
+            confirmButtonText: `Yes, leave`,
+            customClass: { popup: `sketch-popup` },
+          })
+        ).isConfirmed && (e.emit(`bingo_leaveRoom`, t), O(), r(t), S(`/`));
+      }, [e, t, O, r, S]);
+    return (0, U.jsxs)(Zi, {
+      players: l,
+      children: [
+        (0, U.jsxs)(`div`, {
+          className: `flex flex-col items-center justify-center p-4 w-full`,
+          children: [
+            (0, U.jsx)(`h1`, { className: `text-6xl font-sketch mb-8 text-ink`, children: `Bingo Party` }),
+            t
+              ? (0, U.jsxs)(`div`, {
+                  className: `w-full max-w-4xl flex flex-col md:flex-row gap-8 items-start`,
+                  children: [
+                    (0, U.jsxs)(`div`, {
+                      className: `flex-1 w-full`,
+                      children: [
+                        (0, U.jsxs)(Ii, {
+                          className: `p-4 mb-8 flex justify-between items-center`,
+                          children: [
+                            (0, U.jsxs)(`div`, {
+                              className: `font-handwriting text-ink flex items-center gap-2`,
+                              children: [
+                                (0, U.jsx)(yi, { size: 18, className: `text-ink` }),
+                                `Room: `,
+                                (0, U.jsx)(`span`, { className: `font-bold text-ink uppercase`, children: t }),
+                              ],
+                            }),
+                            (0, U.jsx)(`div`, {
+                              className: `flex gap-2`,
+                              children: `BINGO`.split(``).map((e, t) =>
+                                (0, U.jsx)(
+                                  `span`,
+                                  {
+                                    className: `w-8 h-8 flex items-center justify-center rounded-lg font-bold transition-all duration-500
+                    ${t < v.length ? `bg-green-500 text-white scale-110 shadow-lg` : `bg-gray-200 text-gray-400`}`,
+                                    children: e,
+                                  },
+                                  t,
+                                ),
+                              ),
+                            }),
+                          ],
+                        }),
+                        (0, U.jsx)(`div`, {
+                          className: `grid grid-cols-5 gap-2 md:gap-4 aspect-square`,
+                          children: s.map((t, n) =>
+                            (0, U.jsx)(
+                              `button`,
+                              {
+                                onClick: () => k(t),
+                                disabled: typeof t == `string` || d !== `playing` || p !== e?.id,
+                                className: `text-xl md:text-3xl font-handwriting flex items-center justify-center transition-all duration-300 rounded-xl
+                    ${typeof t == `string` ? `bg-green-500 text-white rotate-12 animate-pulse` : `hover:bg-gray-100 cursor-pointer`}
+                    ${d === `playing` && p === e?.id && typeof t != `string` ? `ring-2 ring-ink ring-offset-2` : ``}
+                    sketch-border`,
+                                style: {
+                                  color: typeof t == `string` ? `#fff` : `#2a2a3e`,
+                                  backgroundColor: typeof t == `string` ? `#22c55e` : `#fffef9`,
+                                },
+                                children: typeof t == `string` ? `★` : t,
+                              },
+                              n,
+                            ),
+                          ),
+                        }),
+                      ],
+                    }),
+                    (0, U.jsxs)(`div`, {
+                      className: `w-full md:w-64 flex flex-col gap-6`,
+                      children: [
+                        (0, U.jsxs)(Ii, {
+                          className: `p-6`,
+                          children: [
+                            (0, U.jsxs)(`h3`, {
+                              className: `font-sketch text-2xl mb-4 flex items-center gap-2`,
+                              children: [(0, U.jsx)(Ei, { size: 24, className: `text-ink` }), `Players`],
+                            }),
+                            (0, U.jsx)(`div`, {
+                              className: `flex flex-col gap-3`,
+                              children: l.map((t, n) =>
+                                (0, U.jsx)(
+                                  `div`,
+                                  {
+                                    className: `flex items-center justify-between p-2 rounded border-2 border-dashed ${t.id === p && d === `playing` ? `border-current bg-yellow-50` : `border-gray-300`}`,
+                                    style: {
+                                      color: l[n]?.color || ga[n % ga.length],
+                                      transform: `rotate(${n % 2 ? 0.5 : -0.5}deg)`,
+                                    },
+                                    children: (0, U.jsx)(`div`, {
+                                      className: `flex items-center gap-2`,
+                                      children: (0, U.jsxs)(`span`, {
+                                        className: `font-handwriting font-bold`,
+                                        children: [t.name, t.id === e?.id && ` (You)`],
+                                      }),
+                                    }),
+                                  },
+                                  t.id,
+                                ),
+                              ),
+                            }),
+                          ],
+                        }),
+                        h &&
+                          d === `ready` &&
+                          (0, U.jsx)(q, {
+                            onClick: M,
+                            className: `w-full text-xl py-4 animate-pulse flex items-center justify-center gap-2 bg-green-50`,
+                            children: `Start Party!`,
+                          }),
+                        (d === `ready` || d === `playing`) &&
+                          (0, U.jsx)(q, { onClick: ee, className: `w-full text-sm py-2 mt-2`, children: `Leave Room` }),
+                        d === `playing` &&
+                          (0, U.jsxs)(Ii, {
+                            className: `p-6 text-center`,
+                            children: [
+                              (0, U.jsxs)(`div`, {
+                                className: `text-sm font-handwriting text-gray-500 mb-1 flex items-center justify-center gap-1`,
+                                children: [(0, U.jsx)(xi, { size: 14 }), `Time Remaining`],
+                              }),
+                              (0, U.jsxs)(`div`, {
+                                className: `text-4xl font-bold font-handwriting ${b < 10 ? `text-red-500 animate-ping` : `text-ink`}`,
+                                children: [b, `s`],
+                              }),
+                              p === e?.id &&
+                                (0, U.jsxs)(`div`, {
+                                  className: `mt-2 text-ink flex items-center justify-center gap-1 text-lg font-bold animate-bounce`,
+                                  children: [(0, U.jsx)(Si, { size: 18 }), `Your Turn!`],
+                                }),
+                            ],
+                          }),
+                      ],
+                    }),
+                  ],
+                })
+              : (0, U.jsxs)(Ii, {
+                  className: `p-8 max-w-md w-full`,
+                  children: [
+                    (0, U.jsx)(`input`, {
+                      type: `text`,
+                      value: i.name,
+                      onChange: (e) => a((t) => ({ ...t, name: e.target.value })),
+                      placeholder: `Enter your name`,
+                      className: `w-full sketch-border font-handwriting text-ink px-3 py-2 rounded mb-4`,
+                    }),
+                    (0, U.jsx)(Y, {
+                      avatarIcon: i.avatarIcon,
+                      color: i.color,
+                      onAvatarChange: (e) => a((t) => ({ ...t, avatarIcon: e })),
+                      onColorChange: (e) => a((t) => ({ ...t, color: e })),
+                    }),
+                    (0, U.jsxs)(`div`, {
+                      className: `flex gap-4 mt-4`,
+                      children: [
+                        (0, U.jsx)(q, { onClick: A, children: `Create Room` }),
+                        (0, U.jsx)(q, { onClick: j, children: `Join Room` }),
+                      ],
+                    }),
+                  ],
+                }),
+          ],
+        }),
+        d === `playing` && (0, U.jsx)(Xi, { socket: e, roomId: t, gamePrefix: `bingo`, players: l }),
+      ],
+    });
+  },
+  va = () => {
+    let { socket: e, roomId: t, setRoomId: n, clearRoomId: r, setGamePrefix: i, profile: a, setProfile: o } = Lr(),
+      [s, c] = (0, _.useState)(Array(9).fill(null)),
+      [l, u] = (0, _.useState)([]),
+      [d, f] = (0, _.useState)(null),
+      [p, m] = (0, _.useState)(`waiting`),
+      [h, g] = (0, _.useState)([]),
+      [v, y] = (0, _.useState)(null),
+      b = Re(),
+      [x] = da(`/sounds/win.mp3`, { volume: 0.7 }),
+      S = (0, _.useCallback)(() => {
+        e && e.emit(`ttt_createRoom`, { playerName: a.name, avatarIcon: a.avatarIcon, color: a.color });
+      }, [e, a]),
+      C = (0, _.useCallback)(async () => {
+        let { value: t } = await K.default.fire({
+          title: `Join Room`,
+          input: `text`,
+          inputPlaceholder: `Enter Room ID`,
+          showCancelButton: !0,
+          customClass: { popup: J },
+        });
+        t &&
+          e.emit(`ttt_joinRoom`, {
+            roomId: t.toUpperCase(),
+            playerName: a.name,
+            avatarIcon: a.avatarIcon,
+            color: a.color,
+          });
+      }, [e, a]),
+      { clearReconnect: w } = ha({
+        socket: e,
+        gamePrefix: `ttt`,
+        roomId: t,
+        onRestore: (e) => {
+          e && (n(e.id), u(e.players || []), m(e.gameState || `waiting`), f(e.currentTurn), e.board && c(e.board));
+        },
+      });
+    (ma(
+      e,
+      {
+        ttt_roomInfo: ({ id: t, players: r, gameState: i, currentTurn: a, board: o }) => {
+          (n(t), u(r), m(i), f(a), o && c(o));
+          let s = r.findIndex((t) => t.id === e.id);
+          s !== -1 && sessionStorage.setItem(`ttt_reconnect`, JSON.stringify({ roomId: t, playerId: r[s].id }));
+        },
+        ttt_gameStarted: () => {
+          (m(`playing`),
+            g([]),
+            y(null),
+            K.default.fire({
+              title: `Game Started!`,
+              text: `Make your move!`,
+              timer: 1500,
+              showConfirmButton: !1,
+              customClass: { popup: J },
+            }));
+        },
+        ttt_gameRestarted: () => {
+          (m(`waiting`), g([]), c(Array(9).fill(null)), y(null));
+        },
+        ttt_gameWon: ({ winningLine: e }) => {
+          (x(), g(e), pa({ particleCount: 150, spread: 70, origin: { y: 0.6 } }), m(`ended`), w());
+        },
+        ttt_gameDraw: () => {
+          (m(`ended`), w());
+        },
+        ttt_playerLeft: () => {
+          (K.default.fire({
+            title: `Player Left`,
+            text: `The opponent has left the party.`,
+            icon: `warning`,
+            customClass: { popup: J },
+          }),
+            m(`waiting`),
+            c(Array(9).fill(null)),
+            y(null));
+        },
+        ttt_alert: ({ icon: e, title: t, text: n }) => {
+          K.default.fire({ icon: e, title: t, text: n, customClass: { popup: J } });
+        },
+        server_shutdown: ({ message: e }) => {
+          K.default
+            .fire({
+              title: `Server Shutting Down`,
+              text: e || `The server is going down for maintenance.`,
+              icon: `info`,
+              customClass: { popup: J },
+            })
+            .then(() => {
+              (w(), r(t), b(`/`));
+            });
+        },
+      },
+      [r, b, x, t],
+    ),
+      (0, _.useEffect)(() => {
+        e && i(`ttt`);
+      }, [e, i]));
+    let T = (0, _.useCallback)(
+        (n) => {
+          p === `playing` && d === e?.id && !s[n] && e.emit(`ttt_makeMove`, { roomId: t, position: n });
+        },
+        [p, d, t, e, s],
+      ),
+      E = (0, _.useCallback)(() => {
+        e.emit(`ttt_restartGame`, t);
+      }, [t, e]),
+      D = (0, _.useCallback)(async () => {
+        (
+          await K.default.fire({
+            title: `Leave Game?`,
+            text: `Your progress will be lost.`,
+            icon: `warning`,
+            showCancelButton: !0,
+            confirmButtonText: `Leave`,
+            cancelButtonText: `Stay`,
+            customClass: { popup: `sketch-popup` },
+          })
+        ).isConfirmed && (e.emit(`ttt_leaveRoom`, t), w(), r(t), b(`/`));
+      }, [t, e, w, r, b]);
+    return t
+      ? p === `waiting`
+        ? (0, U.jsxs)(`div`, {
+            className: `min-h-screen bg-paper flex items-center justify-center p-4`,
+            children: [
+              (0, U.jsxs)(Ii, {
+                className: `p-6 mb-4`,
+                children: [
+                  (0, U.jsx)(`div`, {
+                    className: `flex items-center justify-between mb-4`,
+                    children: (0, U.jsxs)(`span`, {
+                      className: `font-handwriting text-ink flex items-center gap-2`,
+                      children: [
+                        (0, U.jsx)(`span`, { children: `Room:` }),
+                        (0, U.jsx)(`span`, { className: `font-bold uppercase`, children: t }),
+                      ],
+                    }),
+                  }),
+                  (0, U.jsx)(`div`, {
+                    className: `flex flex-col gap-2`,
+                    children: l.map((t, n) =>
+                      (0, U.jsxs)(
+                        `div`,
+                        {
+                          className: `flex items-center gap-2 sketch-border px-3 py-2`,
+                          children: [
+                            (0, U.jsx)(`span`, { className: `text-lg`, children: t.connected === !1 ? `☐` : `☑️` }),
+                            (0, U.jsx)(`span`, {
+                              className: `font-handwriting text-ink flex-1 truncate`,
+                              children: t.name,
+                            }),
+                            t.id === e?.id &&
+                              (0, U.jsx)(`span`, { className: `text-xs opacity-60`, children: `(You)` }),
+                          ],
+                        },
+                        t.id,
+                      ),
+                    ),
+                  }),
+                ],
+              }),
+              (0, U.jsx)(q, {
+                onClick: E,
+                disabled: l.length < 2,
+                className: `w-full`,
+                children: l.length < 2 ? `Waiting for opponent...` : `Start Game`,
+              }),
+              (0, U.jsx)(q, {
+                onClick: D,
+                className: `w-full mt-2`,
+                style: { background: `#fff0f0` },
+                children: `Leave Room`,
+              }),
+            ],
+          })
+        : (0, U.jsxs)(Zi, {
+            players: l,
+            children: [
+              (0, U.jsxs)(`div`, {
+                className: `flex flex-col items-center justify-center p-2 sm:p-4 w-full`,
+                children: [
+                  (0, U.jsx)(`h1`, {
+                    className: `text-3xl sm:text-5xl md:text-6xl font-sketch mb-4 sm:mb-8 text-ink`,
+                    children: `Tic Tac Toe`,
+                  }),
+                  p !== `waiting` &&
+                    (0, U.jsxs)(`div`, {
+                      className: `w-full max-w-sm sm:max-w-md`,
+                      children: [
+                        p === `playing` &&
+                          (0, U.jsx)(`div`, {
+                            className: `mb-4 text-center`,
+                            children: (0, U.jsx)(`div`, {
+                              className: `flex items-center justify-center gap-2`,
+                              children: (0, U.jsx)(`span`, {
+                                className: `font-sketch text-xl text-ink`,
+                                children: d === e?.id ? `Your turn!` : `Opponent's turn`,
+                              }),
+                            }),
+                          }),
+                        (0, U.jsx)(Ii, {
+                          className: `p-3 sm:p-6`,
+                          children: (0, U.jsx)(`div`, {
+                            className: `grid grid-cols-3 gap-1 sm:gap-2 w-48 sm:w-64 md:w-80`,
+                            children: s.map((t, n) => {
+                              let r = v && v.position === n;
+                              return (0, U.jsx)(
+                                `button`,
+                                {
+                                  onClick: () => T(n),
+                                  disabled: p !== `playing` || d !== e?.id || t,
+                                  className: `
+                aspect-square text-3xl sm:text-5xl md:text-6xl font-bold
+                transition-all duration-200
+                ${t ? `cursor-default` : `cursor-pointer hover:bg-gray-100`}
+                ${t === `X` ? `text-blue-600` : t === `O` ? `text-red-600` : `text-transparent`}
+                ${h.includes(n) ? `bg-yellow-300/50 ring-2 ring-yellow-500` : ``}
+                ${r ? `ring-2 ring-sky-400 ring-offset-2` : ``}
+                font-sketch
+              `,
+                                  children: t || ``,
+                                },
+                                n,
+                              );
+                            }),
+                          }),
+                        }),
+                        (0, U.jsx)(`div`, {
+                          className: `mt-4 flex justify-center`,
+                          children: (0, U.jsx)(q, {
+                            onClick: D,
+                            className: `text-sm px-3 py-1`,
+                            children: `Leave Room`,
+                          }),
+                        }),
+                      ],
+                    }),
+                  p === `ended` &&
+                    (0, U.jsx)(`div`, {
+                      className: `mt-4 text-center`,
+                      children: (0, U.jsx)(q, { onClick: E, className: `text-sm px-3 py-1`, children: `Play Again` }),
+                    }),
+                ],
+              }),
+              p === `playing` && (0, U.jsx)(Xi, { socket: e, roomId: t, gamePrefix: `ttt`, players: l }),
+            ],
+          })
+      : (0, U.jsxs)(`div`, {
+          className: `min-h-screen bg-paper flex flex-col items-center justify-center p-4`,
+          children: [
+            (0, U.jsx)(`h1`, { className: `text-3xl sm:text-5xl font-sketch mb-6 text-ink`, children: `Tic Tac Toe` }),
+            (0, U.jsxs)(Ii, {
+              className: `p-6 max-w-md w-full mb-4`,
+              children: [
+                (0, U.jsx)(`input`, {
+                  type: `text`,
+                  value: a.name,
+                  onChange: (e) => o((t) => ({ ...t, name: e.target.value })),
+                  placeholder: `Enter your name`,
+                  className: `w-full px-3 py-2 border border-ink/30 rounded sketch-font text-ink bg-white/80`,
+                }),
+                (0, U.jsx)(Y, {
+                  avatarIcon: a.avatarIcon,
+                  color: a.color,
+                  onAvatarChange: (e) => o((t) => ({ ...t, avatarIcon: e })),
+                  onColorChange: (e) => o((t) => ({ ...t, color: e })),
+                }),
+              ],
+            }),
+            (0, U.jsx)(Ii, {
+              className: `p-8 max-w-md w-full`,
+              children: (0, U.jsxs)(`div`, {
+                className: `flex gap-4 justify-center`,
+                children: [
+                  (0, U.jsx)(q, { onClick: S, children: `Create` }),
+                  (0, U.jsx)(q, { onClick: C, children: `Join` }),
+                ],
+              }),
+            }),
+          ],
+        });
+  },
+  ya = ({
+    _gridIndex: e,
+    gridData: t,
+    macroWinner: n,
+    isActive: r,
+    isLastMoveGrid: i,
+    lastMoveSquare: a,
+    onSquareClick: o,
+  }) => {
+    let s = () => {
+        let e = `relative rounded-lg transition-all duration-300 shadow-sm`;
+        return n === `DEAD`
+          ? `${e} bg-gray-100/90 border border-gray-300/50`
+          : n
+            ? `${e} ${n === `X` ? `bg-blue-50/80 border-blue-200/50` : `bg-red-50/80 border-red-200/50`} border-2`
+            : r
+              ? `${e} bg-white/95 ring-2 ring-blue-400 ring-offset-1 shadow-lg scale-[1.02]`
+              : `${e} bg-white/60 border border-gray-300/30 opacity-70`;
+      },
+      c = (e) => {
+        let n = t[e];
+        return (0, U.jsx)(
+          `button`,
+          {
+            onClick: () => o(e),
+            disabled: !r || n !== null,
+            className: `
+          relative aspect-square flex items-center justify-center
+          text-xs sm:text-base md:text-xl lg:text-2xl font-bold font-sketch transition-all duration-200
+          ${!r || n !== null ? `cursor-not-allowed` : `hover:bg-blue-100/40 cursor-pointer active:scale-95 hover:scale-105`}
+          ${i && a === e ? `bg-yellow-200/70 ring-2 ring-yellow-400 animate-pulse` : ``}
+          ${n === `X` ? `text-[#1a1a2e]` : n === `O` ? `text-[#c73e1d]` : `text-transparent`}
+        `,
+            style: { textShadow: n ? `0 1px 2px rgba(0,0,0,0.1)` : `none` },
+            children:
+              n &&
+              (0, U.jsxs)(`span`, {
+                className: `relative`,
+                children: [
+                  n,
+                  (0, U.jsx)(`span`, {
+                    className: `absolute inset-0 opacity-20`,
+                    style: { transform: `rotate(2deg)` },
+                    children: n,
+                  }),
+                ],
+              }),
+          },
+          e,
+        );
+      };
+    return (0, U.jsxs)(`div`, {
+      className: `${s()} p-0.5 sm:p-1 overflow-hidden`,
+      children: [
+        (0, U.jsxs)(`div`, {
+          className: `relative grid grid-cols-3 gap-0`,
+          children: [
+            Array(9)
+              .fill(null)
+              .map((e, t) => c(t)),
+            (0, U.jsxs)(U.Fragment, {
+              children: [
+                (0, U.jsx)(`div`, {
+                  className: `absolute left-0 w-full h-px bg-gradient-to-r from-transparent via-gray-400/40 to-transparent`,
+                  style: { top: `calc(33.333% - 0.5px)`, boxShadow: `0 0.5px 0 rgba(0,0,0,0.05)` },
+                }),
+                (0, U.jsx)(`div`, {
+                  className: `absolute left-0 w-full h-px bg-gradient-to-r from-transparent via-gray-400/40 to-transparent`,
+                  style: { top: `calc(66.666% - 0.5px)`, boxShadow: `0 0.5px 0 rgba(0,0,0,0.05)` },
+                }),
+                (0, U.jsx)(`div`, {
+                  className: `absolute top-0 h-full w-px bg-gradient-to-b from-transparent via-gray-400/40 to-transparent`,
+                  style: { left: `calc(33.333% - 0.5px)`, boxShadow: `0.5px 0 0 rgba(0,0,0,0.05)` },
+                }),
+                (0, U.jsx)(`div`, {
+                  className: `absolute top-0 h-full w-px bg-gradient-to-b from-transparent via-gray-400/40 to-transparent`,
+                  style: { left: `calc(66.666% - 0.5px)`, boxShadow: `0.5px 0 0 rgba(0,0,0,0.05)` },
+                }),
+              ],
+            }),
+          ],
+        }),
+        n === `DEAD`
+          ? (0, U.jsx)(`div`, {
+              className: `absolute inset-0 flex items-center justify-center pointer-events-none z-10`,
+              children: (0, U.jsx)(`div`, {
+                className: `grid grid-cols-3 gap-0.5 opacity-30`,
+                children: Array(9)
+                  .fill(null)
+                  .map((e, t) =>
+                    (0, U.jsx)(
+                      `span`,
+                      { className: `text-[6px] sm:text-[8px] md:text-xs text-gray-500 font-bold`, children: `×` },
+                      t,
+                    ),
+                  ),
+              }),
+            })
+          : n === `X` || n === `O`
+            ? (0, U.jsx)(`div`, {
+                className: `absolute inset-0 flex items-center justify-center pointer-events-none z-10`,
+                children: (0, U.jsxs)(`div`, {
+                  className: `relative`,
+                  children: [
+                    (0, U.jsx)(`span`, {
+                      className: `text-2xl sm:text-3xl md:text-5xl lg:text-6xl font-sketch opacity-20 ${n === `X` ? `text-[#1a1a2e]` : `text-[#c73e1d]`}`,
+                      children: n,
+                    }),
+                    (0, U.jsx)(`span`, {
+                      className: `absolute inset-0 flex items-center justify-center text-2xl sm:text-3xl md:text-5xl lg:text-6xl font-sketch opacity-10 ${n === `X` ? `text-[#1a1a2e]` : `text-[#c73e1d]`}`,
+                      style: { transform: `rotate(-3deg) translateX(1px)` },
+                      children: n,
+                    }),
+                  ],
+                }),
+              })
+            : null,
+        (0, U.jsx)(`div`, {
+          className: `absolute inset-0 pointer-events-none opacity-5 mix-blend-multiply`,
+          style: {
+            backgroundImage: `url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' /%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")`,
+            backgroundSize: `100px 100px`,
+          },
+        }),
+      ],
+    });
+  },
+  ba = () => `relative rounded-xl transition-all duration-300 shadow-lg bg-white/95 border-2 border-gray-800/10`,
+  xa = () =>
+    (0, U.jsxs)(U.Fragment, {
+      children: [
+        (0, U.jsx)(`div`, {
+          className: `absolute left-0 w-full h-px bg-gradient-to-r from-transparent via-gray-400/40 to-transparent`,
+          style: { top: `calc(33.333% - 0.5px)`, boxShadow: `0 0.5px 0 rgba(0,0,0,0.05)` },
+        }),
+        (0, U.jsx)(`div`, {
+          className: `absolute left-0 w-full h-px bg-gradient-to-r from-transparent via-gray-400/40 to-transparent`,
+          style: { top: `calc(66.666% - 0.5px)`, boxShadow: `0 0.5px 0 rgba(0,0,0,0.05)` },
+        }),
+        (0, U.jsx)(`div`, {
+          className: `absolute top-0 h-full w-px bg-gradient-to-b from-transparent via-gray-400/40 to-transparent`,
+          style: { left: `calc(33.333% - 0.5px)`, boxShadow: `0.5px 0 0 rgba(0,0,0,0.05)` },
+        }),
+        (0, U.jsx)(`div`, {
+          className: `absolute top-0 h-full w-px bg-gradient-to-b from-transparent via-gray-400/40 to-transparent`,
+          style: { left: `calc(66.666% - 0.5px)`, boxShadow: `0.5px 0 0 rgba(0,0,0,0.05)` },
+        }),
+      ],
+    }),
+  Sa = ({ board: e, macroBoard: t, activeGrid: n, lastMove: r, onCellClick: i }) =>
+    (0, U.jsxs)(`div`, {
+      className: `${ba()} p-1.5 sm:p-2 md:p-3 overflow-hidden`,
+      children: [
+        (0, U.jsxs)(`div`, {
+          className: `relative grid grid-cols-3 gap-1 sm:gap-1.5 md:gap-2`,
+          children: [
+            Array(9)
+              .fill(null)
+              .map((a, o) =>
+                (0, U.jsx)(
+                  ya,
+                  {
+                    gridIndex: o,
+                    gridData: e[o],
+                    macroWinner: t[o],
+                    isActive: t[o] === null && (n === null || n === o || (n !== null && t[n] !== null)),
+                    isLastMoveGrid: r?.gridIndex === o,
+                    lastMoveSquare: r?.gridIndex === o ? r?.squareIndex : null,
+                    onSquareClick: (e) => i(o, e),
+                  },
+                  o,
+                ),
+              ),
+            xa(),
+          ],
+        }),
+        (0, U.jsx)(`div`, {
+          className: `absolute inset-0 pointer-events-none opacity-5 mix-blend-multiply`,
+          style: {
+            backgroundImage: `url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' /%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")`,
+            backgroundSize: `100px 100px`,
+          },
+        }),
+      ],
+    }),
+  Ca = [`#1a1a2e`, `#c73e1d`],
+  wa = () => {
+    let { socket: e, roomId: t, setRoomId: n, clearRoomId: r, profile: i, setProfile: a, setGamePrefix: o } = Lr(),
+      [s, c] = (0, _.useState)([]),
+      [l, u] = (0, _.useState)([]),
+      [d, f] = (0, _.useState)(null),
+      [p, m] = (0, _.useState)(`waiting`),
+      [h, g] = (0, _.useState)(
+        Array(9)
+          .fill(null)
+          .map(() => Array(9).fill(null)),
+      ),
+      [v, y] = (0, _.useState)(Array(9).fill(null)),
+      [b, x] = (0, _.useState)(null),
+      [S, C] = (0, _.useState)({ X: 0, O: 0 }),
+      [w, T] = (0, _.useState)(null),
+      E = (0, _.useState)(null)[1],
+      [D, O] = (0, _.useState)(-1),
+      k = Re(),
+      [A] = da(`/sounds/move.mp3`, { volume: 0.5 }),
+      [j] = da(`/sounds/win.mp3`, { volume: 0.7 }),
+      M = (0, _.useCallback)(() => {
+        e &&
+          (H.socket(`➡️`, `uttt_createRoom`, { playerName: i.name }),
+          e.emit(`uttt_createRoom`, { playerName: i.name, avatarIcon: i.avatarIcon, color: i.color }));
+      }, [e, i]),
+      ee = (0, _.useCallback)(async () => {
+        let { value: t } = await K.default.fire({
+          title: `Join UTTT Room`,
+          input: `text`,
+          inputPlaceholder: `Enter Room ID`,
+          showCancelButton: !0,
+          customClass: { popup: J },
+        });
+        t &&
+          (H.socket(`➡️`, `uttt_joinRoom`, { roomId: t.toUpperCase() }),
+          e.emit(`uttt_joinRoom`, {
+            roomId: t.toUpperCase(),
+            playerName: i.name,
+            avatarIcon: i.avatarIcon,
+            color: i.color,
+          }));
+      }, [e, i]),
+      { clearReconnect: N } = ha({
+        socket: e,
+        gamePrefix: `uttt`,
+        roomId: t,
+        onRestore: (e) => {
+          if (!e) return;
+          (n(e.id),
+            c(e.players || []),
+            m(e.gameState || `waiting`),
+            f(e.currentTurn),
+            e.board && g(e.board),
+            e.macroBoard && y(e.macroBoard),
+            e.activeGrid !== void 0 && x(e.activeGrid),
+            e.scores && C(e.scores),
+            e.lastMove && T(e.lastMove));
+          let t = e.players.findIndex((t) => t.id === e.currentTurn);
+          t !== -1 && (E(t === 0 ? `X` : `O`), O(t));
+        },
+      });
+    ma(
+      e,
+      {
+        uttt_roomInfo: (t) => {
+          (H.socket(`⬅️`, `uttt_roomInfo`, { roomId: t.id, gameState: t.gameState }),
+            n(t.id),
+            c(t.players),
+            u(t.spectators || []),
+            m(t.gameState),
+            f(t.currentTurn),
+            t.board && g(t.board),
+            t.macroBoard && y(t.macroBoard),
+            t.activeGrid !== void 0 && x(t.activeGrid),
+            t.scores && C(t.scores),
+            t.lastMove && T(t.lastMove));
+          let r = t.players.findIndex((t) => t.id === e.id);
+          r !== -1 &&
+            (E(r === 0 ? `X` : `O`),
+            O(r),
+            sessionStorage.setItem(`uttt_reconnect`, JSON.stringify({ roomId: t.id, playerId: t.players[r].id })));
+        },
+        uttt_gamePaused: ({ reason: e }) => {
+          (H.socket(`⬅️`, `uttt_gamePaused`, { reason: e }),
+            K.default.fire({ title: `Game Paused`, text: e, icon: `warning`, customClass: { popup: J } }));
+        },
+        uttt_gameState: (e) => {
+          (H.socket(`⬅️`, `uttt_gameState`, { gameState: e.gameState }),
+            m(e.gameState),
+            f(e.currentTurn),
+            g(e.board),
+            y(e.macroBoard),
+            x(e.activeGrid),
+            C(e.scores),
+            T(e.lastMove));
+        },
+        uttt_gameStarted: () => {
+          (H.socket(`⬅️`, `uttt_gameStarted`, `Game started!`),
+            m(`playing`),
+            g(
+              Array(9)
+                .fill(null)
+                .map(() => Array(9).fill(null)),
+            ),
+            y(Array(9).fill(null)),
+            x(null),
+            C({ X: 0, O: 0 }),
+            T(null),
+            K.default.fire({
+              title: `Game Started!`,
+              html: `<div class="font-handwriting">Ultimate Tic-Tac-Toe begins!</div>`,
+              timer: 1500,
+              showConfirmButton: !1,
+              customClass: { popup: J },
+            }));
+        },
+        uttt_gameOver: ({ winner: e, symbol: t, scores: n, reason: r }) => {
+          (H.socket(`⬅️`, `uttt_gameOver`, { winner: e, symbol: t, scores: n, reason: r }),
+            j(),
+            r === `macro_win`
+              ? (pa({ particleCount: 150, spread: 80, origin: { y: 0.6 }, colors: [`#1a1a2e`, `#c73e1d`, `#2d4a8f`] }),
+                setTimeout(() => {
+                  pa({ particleCount: 100, angle: 60, spread: 55, origin: { x: 0 } });
+                }, 250),
+                setTimeout(() => {
+                  pa({ particleCount: 100, angle: 120, spread: 55, origin: { x: 1 } });
+                }, 400))
+              : pa({ particleCount: 100, spread: 70, origin: { y: 0.6 } }));
+          let i;
+          i =
+            r === `tiebreaker` && n.X === n.O
+              ? `No one - it's a tie!`
+              : e
+                ? s.find((t) => t.id === e)?.name || `Someone`
+                : t || `Someone`;
+          let a = r === `macro_win` ? ` achieved a Macro Victory!` : ` won by grids (${n.X} - ${n.O})!`;
+          (K.default.fire({
+            title: `🏆 Victory! 🏆`,
+            html: `<div class="font-handwriting text-lg">${i}${a}</div>`,
+            icon: `success`,
+            confirmButtonText: `Awesome!`,
+            customClass: { popup: J },
+          }),
+            m(`ended`),
+            N());
+        },
+        uttt_error: ({ message: e }) => {
+          (H.socket(`⬅️`, `uttt_error`, { message: e }),
+            K.default.fire({ title: `Oops!`, text: e, icon: `error`, customClass: { popup: J } }));
+        },
+        uttt_playerLeft: ({ playerId: e }) => {
+          (H.socket(`⬅️`, `uttt_playerLeft`, { playerId: e }),
+            K.default.fire({
+              title: `Player Left`,
+              text: `Your opponent has left the game.`,
+              icon: `warning`,
+              customClass: { popup: J },
+            }),
+            m(`waiting`),
+            g(
+              Array(9)
+                .fill(null)
+                .map(() => Array(9).fill(null)),
+            ),
+            y(Array(9).fill(null)),
+            x(null));
+        },
+        uttt_alert: ({ icon: e, title: t, text: n }) => {
+          K.default.fire({ title: t, text: n, icon: e, customClass: { popup: J } });
+        },
+        server_shutdown: ({ message: e }) => {
+          K.default
+            .fire({
+              title: `Server Shutting Down`,
+              text: e || `The server is going down for maintenance.`,
+              icon: `info`,
+              customClass: { popup: J },
+            })
+            .then(() => {
+              (N(), r(t), k(`/`));
+            });
+        },
+      },
+      [r, N, k, j, s, t, n],
+    );
+    let P = (0, _.useCallback)(
+        (n, r) => {
+          if (p === `playing` && d === e?.id) {
+            if ((b !== null && b !== n) || h[n][r] !== null) return;
+            (A(),
+              H.socket(`➡️`, `uttt_makeMove`, { roomId: t, gridIndex: n, squareIndex: r }),
+              e.emit(`uttt_makeMove`, { roomId: t, gridIndex: n, squareIndex: r }));
+          }
+        },
+        [p, d, e, b, h, A, t],
+      ),
+      te = (0, _.useCallback)(() => {
+        !e || !t || (H.socket(`➡️`, `uttt_startGame`, { roomId: t }), e.emit(`uttt_startGame`, t));
+      }, [e, t]),
+      ne = (0, _.useCallback)(async () => {
+        (
+          await K.default.fire({
+            title: `Leave Game?`,
+            text: `Are you sure you want to leave?`,
+            icon: `warning`,
+            showCancelButton: !0,
+            confirmButtonText: `Yes, leave`,
+            customClass: { popup: `sketch-popup` },
+          })
+        ).isConfirmed && (e.emit(`uttt_leaveRoom`, t), N(), r(t), k(`/`));
+      }, [t, e, N, r, k]),
+      re = (0, _.useCallback)(() => {
+        (H.socket(`➡️`, `uttt_restartGame`, { roomId: t }), e.emit(`uttt_restartGame`, t));
+      }, [t, e]);
+    ((0, _.useEffect)(() => {
+      e && (o(`uttt`), H.info(`UTTT`, `Socket connected: ${e.id}`));
+    }, [e, o]),
+      l?.some((t) => t.id === e?.id));
+    let F = s[0]?.id === e?.id;
+    return p === `ended`
+      ? (0, U.jsx)(ta, {
+          winner: null,
+          isWinner: !1,
+          scores: [
+            { name: s[0]?.name || `Player 1`, score: S.X || 0 },
+            { name: s[1]?.name || `Player 2`, score: S.O || 0 },
+          ],
+          players: s,
+          onRematch: re,
+          onNewRoom: ne,
+        })
+      : t && p === `waiting`
+        ? (0, U.jsx)(Hi, {
+            gameName: `Ultimate Tic-Tac-Toe`,
+            roomId: t,
+            players: s,
+            spectators: l || [],
+            isHost: !!F,
+            minPlayers: 2,
+            onStart: te,
+            onLeave: ne,
+            showJoinInput: !0,
+            startLabel: `Start Game`,
+            profile: i,
+            onProfileChange: (e) => a(e),
+          })
+        : (0, U.jsxs)(Zi, {
+            players: s,
+            children: [
+              (0, U.jsxs)(`div`, {
+                className: `flex flex-col items-center justify-center p-2 sm:p-4 w-full`,
+                children: [
+                  (0, U.jsxs)(`div`, {
+                    className: `text-center mb-3 sm:mb-6`,
+                    children: [
+                      (0, U.jsxs)(`h1`, {
+                        className: `text-2xl sm:text-3xl md:text-5xl font-sketch mb-1 sm:mb-2 text-ink flex items-center gap-2 sm:gap-3 justify-center`,
+                        children: [
+                          (0, U.jsx)(ii, { className: `w-6 h-6 sm:w-8 sm:h-8 text-ink` }),
+                          (0, U.jsx)(`span`, { className: `hidden sm:inline`, children: `Ultimate Tic-Tac-Toe` }),
+                          (0, U.jsx)(`span`, { className: `sm:hidden`, children: `UTTT` }),
+                        ],
+                      }),
+                      (0, U.jsx)(`p`, {
+                        className: `font-handwriting text-xs sm:text-sm text-gray-600 hidden sm:block`,
+                        children: `Win three grids in a row to claim victory!`,
+                      }),
+                    ],
+                  }),
+                  t
+                    ? (0, U.jsxs)(`div`, {
+                        className: `w-full max-w-sm sm:max-w-2xl md:max-w-3xl`,
+                        children: [
+                          (0, U.jsxs)(Ii, {
+                            className: `p-3 sm:p-4 mb-3 sm:mb-6 flex flex-col gap-3`,
+                            style: { background: `#fffef9` },
+                            children: [
+                              (0, U.jsxs)(`div`, {
+                                className: `flex justify-between items-center`,
+                                children: [
+                                  (0, U.jsxs)(`div`, {
+                                    className: `font-handwriting text-ink flex items-center gap-1 sm:gap-2 text-xs sm:text-base`,
+                                    children: [
+                                      (0, U.jsx)(ii, { size: 14, className: `sm:w-[18px] text-ink` }),
+                                      (0, U.jsx)(`span`, { className: `hidden sm:inline`, children: `Room:` }),
+                                      (0, U.jsx)(`span`, {
+                                        className: `font-bold text-ink uppercase tracking-wider`,
+                                        children: t,
+                                      }),
+                                    ],
+                                  }),
+                                  (0, U.jsxs)(`div`, {
+                                    className: `flex items-center gap-2 sm:gap-3 bg-white/50 px-3 py-1.5 rounded-lg border border-gray-300/30`,
+                                    children: [
+                                      (0, U.jsxs)(`div`, {
+                                        className: `flex items-center gap-1`,
+                                        children: [
+                                          (0, U.jsx)(`div`, {
+                                            className: `w-2 h-2 rounded-full`,
+                                            style: { background: Ca[0] },
+                                          }),
+                                          (0, U.jsx)(`span`, {
+                                            className: `font-bold text-sm sm:text-lg`,
+                                            style: { color: Ca[0] },
+                                            children: S.X,
+                                          }),
+                                        ],
+                                      }),
+                                      (0, U.jsx)(`span`, { className: `text-gray-400 font-bold`, children: `:` }),
+                                      (0, U.jsxs)(`div`, {
+                                        className: `flex items-center gap-1`,
+                                        children: [
+                                          (0, U.jsx)(`span`, {
+                                            className: `font-bold text-sm sm:text-lg`,
+                                            style: { color: Ca[1] },
+                                            children: S.O,
+                                          }),
+                                          (0, U.jsx)(`div`, {
+                                            className: `w-2 h-2 rounded-full`,
+                                            style: { background: Ca[1] },
+                                          }),
+                                        ],
+                                      }),
+                                    ],
+                                  }),
+                                ],
+                              }),
+                              (0, U.jsx)(`div`, {
+                                className: `flex gap-2 sm:gap-4 text-xs sm:text-sm justify-center`,
+                                children: s.map((e, t) =>
+                                  (0, U.jsxs)(
+                                    `div`,
+                                    {
+                                      className: `flex items-center gap-1.5 sm:gap-2 px-3 py-1.5 rounded-lg transition-all duration-300 border ${e.id === d ? `bg-white border-2 scale-105 shadow-md` : `bg-white/30 border-gray-300/30 opacity-60`}`,
+                                      style: { borderColor: e.id === d ? Ca[t] : void 0 },
+                                      children: [
+                                        e.id === d &&
+                                          (0, U.jsx)(gi, {
+                                            size: 12,
+                                            className: `sm:w-4 text-yellow-500 animate-pulse`,
+                                          }),
+                                        (0, U.jsx)(`span`, {
+                                          className: `font-bold font-handwriting text-xs sm:text-base`,
+                                          style: { color: Ca[t] },
+                                          children: e.name.length > 8 ? e.name.slice(0, 8) + `...` : e.name,
+                                        }),
+                                        (0, U.jsxs)(`span`, {
+                                          className: `text-[10px] sm:text-xs opacity-60`,
+                                          children: [`(`, t === 0 ? `X` : `O`, `)`],
+                                        }),
+                                        t === D &&
+                                          (0, U.jsx)(`span`, {
+                                            className: `text-[10px] bg-yellow-100 px-1.5 rounded text-yellow-700 font-bold`,
+                                            children: `You`,
+                                          }),
+                                      ],
+                                    },
+                                    e.id,
+                                  ),
+                                ),
+                              }),
+                            ],
+                          }),
+                          (0, U.jsx)(`div`, {
+                            className: `mb-4 sm:mb-6`,
+                            children: (0, U.jsx)(Sa, {
+                              board: h,
+                              macroBoard: v,
+                              activeGrid: b,
+                              lastMove: w,
+                              onCellClick: P,
+                            }),
+                          }),
+                          (0, U.jsx)(`div`, {
+                            className: `mb-4`,
+                            children: (0, U.jsx)(Wi, {
+                              players: s,
+                              scores: { X: S.X || 0, O: S.O || 0 },
+                              currentTurn: d,
+                              myPlayerIndex: D,
+                              lastMove: w,
+                              orientation: `horizontal`,
+                            }),
+                          }),
+                          (0, U.jsxs)(`div`, {
+                            className: `text-center font-handwriting text-sm sm:text-lg text-ink flex flex-col items-center gap-3`,
+                            children: [
+                              p === `playing`
+                                ? d === e?.id
+                                  ? (0, U.jsxs)(`div`, {
+                                      className: `flex items-center gap-2 sm:gap-3 text-ink animate-pulse bg-white/80 px-4 sm:px-6 py-2 sm:py-3 rounded-xl border-2 border-ink shadow-lg`,
+                                      children: [
+                                        (0, U.jsx)(Si, { size: 20, className: `sm:w-6 text-yellow-500` }),
+                                        (0, U.jsx)(`span`, {
+                                          className: `font-sketch text-base sm:text-xl`,
+                                          children: `Your Turn!`,
+                                        }),
+                                      ],
+                                    })
+                                  : (0, U.jsx)(`div`, {
+                                      className: `flex flex-col items-center gap-2 bg-white/50 px-4 sm:px-6 py-2 sm:py-3 rounded-xl border border-gray-300/30`,
+                                      children: (0, U.jsxs)(`div`, {
+                                        className: `flex items-center gap-2 text-ink`,
+                                        children: [
+                                          (0, U.jsx)(`div`, {
+                                            className: `w-3 h-3 sm:w-4 sm:h-4 border-2 border-ink border-t-transparent rounded-full animate-spin`,
+                                          }),
+                                          (0, U.jsxs)(`span`, {
+                                            className: `hidden sm:inline`,
+                                            children: [
+                                              `Waiting for `,
+                                              s.find((e) => e.id === d)?.name || `opponent`,
+                                              `...`,
+                                            ],
+                                          }),
+                                          (0, U.jsx)(`span`, {
+                                            className: `sm:hidden`,
+                                            children: `Opponent's turn...`,
+                                          }),
+                                        ],
+                                      }),
+                                    })
+                                : p === `waiting`
+                                  ? (0, U.jsx)(`div`, {
+                                      className: `bg-white/50 px-4 sm:px-6 py-2 sm:py-3 rounded-xl border border-gray-300/30`,
+                                      children: (0, U.jsxs)(`span`, {
+                                        className: `text-xs sm:text-base flex items-center gap-2`,
+                                        children: [
+                                          (0, U.jsx)(Ei, { size: 16, className: `text-gray-500` }),
+                                          `Waiting for opponent...`,
+                                        ],
+                                      }),
+                                    })
+                                  : (0, U.jsx)(q, {
+                                      onClick: re,
+                                      className: `text-sm sm:text-base px-4 sm:px-6 py-2 sm:py-3`,
+                                      children: `Play Again`,
+                                    }),
+                              (p === `waiting` || p === `playing`) &&
+                                (0, U.jsx)(q, {
+                                  onClick: ne,
+                                  className: `mt-2 text-xs sm:text-sm px-3 sm:px-5 py-1.5 sm:py-2 opacity-70 hover:opacity-100`,
+                                  children: `Leave Room`,
+                                }),
+                            ],
+                          }),
+                          b !== null &&
+                            p === `playing` &&
+                            (0, U.jsxs)(`div`, {
+                              className: `text-center mt-4 font-handwriting text-xs sm:text-sm text-gray-600 bg-blue-50 px-4 py-2 rounded-lg border border-blue-200/50`,
+                              children: [`📍 You must play in grid `, b + 1],
+                            }),
+                        ],
+                      })
+                    : (0, U.jsxs)(Ii, {
+                        className: `p-6 sm:p-8 max-w-md w-full`,
+                        style: { background: `#fffef9` },
+                        children: [
+                          (0, U.jsxs)(`div`, {
+                            className: `text-center mb-6`,
+                            children: [
+                              (0, U.jsx)(gi, { className: `w-10 h-10 sm:w-12 sm:h-12 mx-auto mb-3 text-ink` }),
+                              (0, U.jsx)(`h2`, {
+                                className: `font-sketch text-xl sm:text-2xl text-ink mb-2`,
+                                children: `Ready to Play?`,
+                              }),
+                              (0, U.jsx)(`p`, {
+                                className: `font-handwriting text-sm text-gray-600`,
+                                children: `Create a new game or join an existing one`,
+                              }),
+                            ],
+                          }),
+                          (0, U.jsx)(`input`, {
+                            type: `text`,
+                            value: i.name,
+                            onChange: (e) => a((t) => ({ ...t, name: e.target.value })),
+                            placeholder: `Enter your name`,
+                            className: `w-full sketch-border font-handwriting text-ink px-3 py-2 rounded mb-4`,
+                          }),
+                          (0, U.jsx)(Y, {
+                            avatarIcon: i.avatarIcon,
+                            color: i.color,
+                            onAvatarChange: (e) => a((t) => ({ ...t, avatarIcon: e })),
+                            onColorChange: (e) => a((t) => ({ ...t, color: e })),
+                          }),
+                          (0, U.jsxs)(`div`, {
+                            className: `flex gap-3 sm:gap-4 flex-col sm:flex-row mt-4`,
+                            children: [
+                              (0, U.jsx)(q, {
+                                onClick: M,
+                                className: `text-sm sm:text-base px-4 sm:px-6 py-2 sm:py-3 flex-1`,
+                                children: `Create Room`,
+                              }),
+                              (0, U.jsx)(q, {
+                                onClick: ee,
+                                className: `text-sm sm:text-base px-4 sm:px-6 py-2 sm:py-3 flex-1`,
+                                children: `Join Room`,
+                              }),
+                            ],
+                          }),
+                        ],
+                      }),
+                ],
+              }),
+              p === `playing` && (0, U.jsx)(Xi, { socket: e, roomId: t, gamePrefix: `uttt`, players: s }),
+            ],
+          });
+  },
+  Ta = function (e, t) {
+    return Number(e.toFixed(t));
+  },
+  Ea = function (e, t) {
+    return typeof e == `number` ? e : t;
+  },
+  X = function (e, t, n) {
+    n && typeof n == `function` && n(e, t);
+  },
+  Da = {
+    easeOut: function (e) {
+      return -Math.cos(e * Math.PI) / 2 + 0.5;
+    },
+    linear: function (e) {
+      return e;
+    },
+    easeInQuad: function (e) {
+      return e * e;
+    },
+    easeOutQuad: function (e) {
+      return e * (2 - e);
+    },
+    easeInOutQuad: function (e) {
+      return e < 0.5 ? 2 * e * e : -1 + (4 - 2 * e) * e;
+    },
+    easeInCubic: function (e) {
+      return e * e * e;
+    },
+    easeOutCubic: function (e) {
+      return --e * e * e + 1;
+    },
+    easeInOutCubic: function (e) {
+      return e < 0.5 ? 4 * e * e * e : (e - 1) * (2 * e - 2) * (2 * e - 2) + 1;
+    },
+    easeInQuart: function (e) {
+      return e * e * e * e;
+    },
+    easeOutQuart: function (e) {
+      return 1 - --e * e * e * e;
+    },
+    easeInOutQuart: function (e) {
+      return e < 0.5 ? 8 * e * e * e * e : 1 - 8 * --e * e * e * e;
+    },
+    easeInQuint: function (e) {
+      return e * e * e * e * e;
+    },
+    easeOutQuint: function (e) {
+      return 1 + --e * e * e * e * e;
+    },
+    easeInOutQuint: function (e) {
+      return e < 0.5 ? 16 * e * e * e * e * e : 1 + 16 * --e * e * e * e * e;
+    },
+  },
+  Oa = function (e) {
+    typeof e == `number` && cancelAnimationFrame(e);
+  },
+  ka = function (e) {
+    e.mounted && (Oa(e.animation), (e.isAnimating = !1), (e.animation = null), (e.velocity = null));
+  };
+function Aa(e, t, n, r) {
+  if (e.mounted) {
+    var i = new Date().getTime(),
+      a = 1;
+    (ka(e),
+      (e.animation = function () {
+        if (!e.mounted) return Oa(e.animation);
+        var o = new Date().getTime() - i,
+          s = o / n,
+          c = Da[t],
+          l = c(s);
+        o >= n ? (r(a), (e.animation = null)) : e.animation && (r(l), requestAnimationFrame(e.animation));
+      }),
+      requestAnimationFrame(e.animation));
+  }
+}
+function ja(e) {
+  var t = e.scale,
+    n = e.positionX,
+    r = e.positionY;
+  return !(Number.isNaN(t) || Number.isNaN(n) || Number.isNaN(r));
+}
+function Ma(e, t, n, r) {
+  var i = ja(t);
+  if (!(!e.mounted || !i)) {
+    var a = e.setState,
+      o = e.state,
+      s = o.scale,
+      c = o.positionX,
+      l = o.positionY,
+      u = t.scale - s,
+      d = t.positionX - c,
+      f = t.positionY - l;
+    n === 0
+      ? a(t.scale, t.positionX, t.positionY)
+      : Aa(e, r, n, function (t) {
+          (t === 1 ? (e.isAnimating = !1) : (e.isAnimating = !0), a(s + u * t, c + d * t, l + f * t));
+        });
+  }
+}
+function Na(e, t, n) {
+  var r = e.offsetWidth,
+    i = e.offsetHeight,
+    a = t.offsetWidth,
+    o = t.offsetHeight,
+    s = a * n,
+    c = o * n;
+  return {
+    wrapperWidth: r,
+    wrapperHeight: i,
+    newContentWidth: s,
+    newDiffWidth: r - s,
+    newContentHeight: c,
+    newDiffHeight: i - c,
+  };
+}
+var Pa = function (e, t, n, r, i, a, o) {
+    var s = e > t ? n * (o ? 0.5 : 1) : 0,
+      c = r > i ? a * (o ? 0.5 : 1) : 0;
+    return {
+      minPositionX: e - t - s,
+      maxPositionX: s,
+      minPositionY: r - i - c,
+      maxPositionY: c,
+      scaleWidthFactor: s,
+      scaleHeightFactor: c,
+    };
+  },
+  Fa = function (e, t) {
+    var n = e.wrapperComponent,
+      r = e.contentComponent,
+      i = e.setup,
+      a = i.centerZoomedOut,
+      o = i.disablePadding;
+    if (!n || !r) throw Error(`Components are not mounted`);
+    var s = Na(n, r, t),
+      c = s.wrapperWidth,
+      l = s.wrapperHeight,
+      u = s.newContentWidth,
+      d = s.newContentHeight,
+      f = s.newDiffWidth,
+      p = s.newDiffHeight,
+      m = Pa(c, u, f, l, d, p, !!a);
+    o &&
+      c >= u &&
+      l >= d &&
+      !a &&
+      ((m.minPositionX = 0), (m.maxPositionX = 0), (m.minPositionY = 0), (m.maxPositionY = 0));
+    var h = e.setup,
+      g = h.minPositionX,
+      _ = h.maxPositionX,
+      v = h.minPositionY,
+      y = h.maxPositionY;
+    return (
+      g != null && (m.minPositionX = c * (1 - t) + g * t),
+      _ != null && (m.maxPositionX = _ * t),
+      v != null && (m.minPositionY = l * (1 - t) + v * t),
+      y != null && (m.maxPositionY = y * t),
+      m
+    );
+  },
+  Ia = function (e, t, n, r) {
+    return Ta(r ? (e < t ? t : e > n ? n : e) : e, 2);
+  },
+  La = function (e, t) {
+    var n = Fa(e, t);
+    return ((e.bounds = n), n);
+  };
+function Ra(e, t, n, r, i, a, o) {
+  var s = n.minPositionX,
+    c = n.minPositionY,
+    l = n.maxPositionX,
+    u = n.maxPositionY,
+    d = 0,
+    f = 0;
+  return (o && ((d = i), (f = a)), { x: Ia(e, s - d, l + d, r), y: Ia(t, c - f, u + f, r) });
+}
+function za(e, t, n, r, i, a) {
+  var o = e.state,
+    s = o.scale,
+    c = o.positionX,
+    l = o.positionY,
+    u = r - s;
+  return typeof t != `number` || typeof n != `number`
+    ? (console.error(`Mouse X and Y position were not provided!`), { x: c, y: l })
+    : Ra(c - t * u, l - n * u, i, a, 0, 0, null);
+}
+var Ba = 1e-7;
+function Va(e, t, n, r, i) {
+  var a = i ? r : 0,
+    o = Math.max(t - a, Ba),
+    s = n + a;
+  return !Number.isNaN(n) && e >= s ? s : !Number.isNaN(t) && e <= o ? o : Math.max(e, Ba);
+}
+var Ha = function (e, t) {
+    var n = e.setup.panning.excluded,
+      r = e.isInitialized,
+      i = e.wrapperComponent,
+      a = t.target,
+      o =
+        `shadowRoot` in a && `composedPath` in t
+          ? t.composedPath().some(function (e) {
+              return e instanceof Element ? i?.contains(e) : !1;
+            })
+          : i?.contains(a);
+    return !(
+      !(r && a && o) ||
+      Fo(a, n) ||
+      a.getAttribute(`draggable`) === `true` ||
+      a.getAttribute(`contenteditable`) === `true` ||
+      a.isContentEditable
+    );
+  },
+  Ua = function (e) {
+    var t = e.isInitialized,
+      n = e.isPanning,
+      r = e.setup.panning.disabled;
+    return !!(t && n && !r);
+  },
+  Wa = function (e, t) {
+    var n = e.state,
+      r = n.positionX,
+      i = n.positionY;
+    e.isPanning = !0;
+    var a = t.clientX,
+      o = t.clientY;
+    e.startCoords = { x: a - r, y: o - i };
+  },
+  Ga = function (e, t) {
+    var n = t.touches,
+      r = e.state,
+      i = r.positionX,
+      a = r.positionY;
+    if (((e.isPanning = !0), n.length === 1)) {
+      var o = n[0].clientX,
+        s = n[0].clientY;
+      e.startCoords = { x: o - i, y: s - a };
+    }
+  };
+function Ka(e) {
+  var t = e.state,
+    n = t.positionX,
+    r = t.positionY,
+    i = t.scale,
+    a = e.setup,
+    o = a.disabled,
+    s = a.limitToBounds,
+    c = a.centerZoomedOut,
+    l = e.wrapperComponent;
+  if (!(o || !l || !e.bounds)) {
+    var u = e.bounds,
+      d = u.maxPositionX,
+      f = u.minPositionX,
+      p = u.maxPositionY,
+      m = u.minPositionY,
+      h = n > d || n < f,
+      g = r > p || r < m,
+      _ = za(
+        e,
+        n > d ? l.offsetWidth : e.setup.minPositionX || 0,
+        r > p ? l.offsetHeight : e.setup.minPositionY || 0,
+        i,
+        e.bounds,
+        s || c,
+      ),
+      v = _.x,
+      y = _.y;
+    return { scale: i, positionX: h ? v : n, positionY: g ? y : r };
+  }
+}
+function qa(e, t, n, r, i) {
+  var a = e.setup.limitToBounds,
+    o = e.wrapperComponent,
+    s = e.bounds,
+    c = e.state,
+    l = c.scale,
+    u = c.positionX,
+    d = c.positionY;
+  if (!(o === null || s === null || (t === u && n === d))) {
+    var f = Ra(t, n, s, a, r, i, o),
+      p = f.x,
+      m = f.y;
+    e.setState(l, p, m);
+  }
+}
+var Ja = function (e, t, n) {
+    var r = e.startCoords,
+      i = e.state,
+      a = e.setup.panning,
+      o = a.lockAxisX,
+      s = a.lockAxisY,
+      c = i.positionX,
+      l = i.positionY;
+    if (!r) return { x: c, y: l };
+    var u = t - r.x,
+      d = n - r.y;
+    return { x: o ? c : u, y: s ? l : d };
+  },
+  Ya = function (e, t, n) {
+    var r = e.setup,
+      i = e.state,
+      a = r.minScale,
+      o = r.disablePadding,
+      s = r.centerZoomedOut,
+      c = n ?? i.scale;
+    return t > 0 && c >= a && !o && !s ? t : 0;
+  },
+  Xa;
+(function (e) {
+  ((e.TRACK_PAD = `track_pad`), (e.MOUSE = `mouse`), (e.TOUCH = `touch`));
+})((Xa ||= {}));
+var Za = function (e) {
+    var t = e.mounted,
+      n = e.wrapperComponent,
+      r = e.contentComponent,
+      i = e.setup,
+      a = i.disabled,
+      o = i.velocityAnimation,
+      s = i.limitToBounds,
+      c = e.state.scale;
+    return o.disabled || a || !t || !n || !r
+      ? !1
+      : s
+        ? n.offsetWidth < r.offsetWidth * c || n.offsetHeight < r.offsetHeight * c
+        : !0;
+  },
+  Qa = function (e) {
+    var t = e.mounted,
+      n = e.velocity,
+      r = e.bounds,
+      i = e.setup,
+      a = i.disabled;
+    return !(!(!i.velocityAnimation.disabled && !a && t) || !n || !r);
+  };
+function $a(e, t) {
+  var n = e.setup.velocityAnimation,
+    r = n.animationTime,
+    i = n.maxAnimationTime,
+    a = n.inertia;
+  return Math.min(r * Math.max(1, Math.abs(t / a)), i);
+}
+function eo(e, t, n, r, i, a, o, s, c, l) {
+  if (i) {
+    if (t > o && n > o) {
+      var u = o + (e - o) * l;
+      return u > c ? c : u < o ? o : u;
+    }
+    if (t < a && n < a) {
+      var u = a + (e - a) * l;
+      return u < s ? s : u > a ? a : u;
+    }
+  }
+  return r ? t : Ia(e, a, o, i);
+}
+function to(e) {
+  var t = 1,
+    n = e.offsetWidth / window.innerWidth;
+  return Number.isNaN(n) ? t : Math.min(t, n);
+}
+var no = function (e, t, n) {
+  var r = 0,
+    i = e * n;
+  return Number.isNaN(i) ? r : e < 0 ? Math.max(i, -t) : Math.min(i, t);
+};
+function ro(e, t, n) {
+  var r, i;
+  if (Za(e)) {
+    var a = e.lastMousePosition,
+      o = e.velocityTime,
+      s = e.setup,
+      c = e.wrapperComponent,
+      l = s.velocityAnimation,
+      u = l.maxStrengthMouse,
+      d = l.maxStrengthTouch,
+      f = l.sensitivityTouch,
+      p = l.sensitivityMouse,
+      m = Date.now();
+    if (a && o && c) {
+      var h = to(c),
+        g = ((r = {}), (r[Xa.TOUCH] = f), (r[Xa.MOUSE] = p), r)[n],
+        _ = ((i = {}), (i[Xa.TOUCH] = d), (i[Xa.MOUSE] = u), i)[n],
+        v = t.x - a.x,
+        y = t.y - a.y,
+        b = no(v / h, _, g),
+        x = no(y / h, _, g),
+        S = m - o,
+        C = v * v + y * y;
+      e.velocity = { velocityX: b, velocityY: x, total: no(Math.sqrt(C) / S, _, g) };
+    }
+    ((e.lastMousePosition = t), (e.velocityTime = m));
+  }
+}
+function io(e) {
+  var t = e.velocity,
+    n = e.bounds,
+    r = e.setup,
+    i = e.wrapperComponent;
+  if (!(!Qa(e) || !t || !n || !i)) {
+    var a = t.velocityX,
+      o = t.velocityY,
+      s = t.total,
+      c = n.maxPositionX,
+      l = n.minPositionX,
+      u = n.maxPositionY,
+      d = n.minPositionY,
+      f = r.limitToBounds,
+      p = r.autoAlignment,
+      m = r.zoomAnimation,
+      h = r.panning,
+      g = h.lockAxisY,
+      _ = h.lockAxisX,
+      v = m.animationType,
+      y = p.sizeX,
+      b = p.sizeY,
+      x = p.velocityAlignmentTime,
+      S = $a(e, s),
+      C = Math.max(S, x),
+      w = Ya(e, y),
+      T = Ya(e, b),
+      E = (w * i.offsetWidth) / 100,
+      D = (T * i.offsetHeight) / 100,
+      O = c + E,
+      k = l - E,
+      A = u + D,
+      j = d - D,
+      M = e.state,
+      ee = new Date().getTime();
+    Aa(e, v, C, function (t) {
+      var n = e.state,
+        r = n.scale,
+        i = n.positionX,
+        s = n.positionY,
+        m = (new Date().getTime() - ee) / x,
+        h = Da[p.animationType],
+        v = 1 - h(Math.min(1, m)),
+        y = 1 - t,
+        b = i + a * y,
+        S = s + o * y,
+        C = eo(b, M.positionX, i, _, f, l, c, k, O, v),
+        w = eo(S, M.positionY, s, g, f, d, u, j, A, v);
+      if (i !== b || s !== S) {
+        e.setState(r, C, w);
+        var T = e.props.onPanning;
+        T && T(Z(e), {});
+      }
+    });
+  }
+}
+function ao(e, t) {
+  var n = e.state,
+    r = n.scale;
+  ((e.panStartPosition = { x: n.positionX, y: n.positionY }),
+    ka(e),
+    La(e, r),
+    window.TouchEvent !== void 0 && t instanceof TouchEvent ? Ga(e, t) : Wa(e, t));
+}
+function oo(e, t) {
+  var n = e.state.scale,
+    r = e.setup,
+    i = r.minScale,
+    a = r.autoAlignment,
+    o = a.disabled,
+    s = a.sizeX,
+    c = a.sizeY,
+    l = a.animationTime,
+    u = a.animationType;
+  if (!(o || n < i || (!s && !c))) {
+    var d = Ka(e);
+    d && Ma(e, d, t ?? l, u);
+  }
+}
+function so(e, t, n, r) {
+  var i = e.startCoords,
+    a = e.setup.autoAlignment,
+    o = a.sizeX,
+    s = a.sizeY;
+  if (i) {
+    var c = Ja(e, t, n),
+      l = c.x,
+      u = c.y,
+      d = Ya(e, o),
+      f = Ya(e, s);
+    (ro(e, { x: l, y: u }, r), qa(e, l, u, d, f));
+  }
+}
+function co(e, t) {
+  if (e.isPanning) {
+    var n = e.velocity,
+      r = e.wrapperComponent,
+      i = e.contentComponent;
+    e.isPanning = !1;
+    var a = e.state,
+      o = a.positionX,
+      s = a.positionY,
+      c = a.scale,
+      l = e.panStartPosition;
+    if (((e.panStartPosition = null), l)) {
+      var u = o - l.x,
+        d = s - l.y;
+      if (u * u + d * d <= 25) return;
+    }
+    ((e.isAnimating = !1), (e.animation = null));
+    var f = r?.offsetWidth || 0,
+      p = r?.offsetHeight || 0,
+      m = (i?.offsetWidth || 0) * c,
+      h = (i?.offsetHeight || 0) * c,
+      g = !e.setup.limitToBounds || f < m || p < h;
+    !t && n && n.total > 0.1 && g ? io(e) : oo(e);
+  }
+}
+function lo(e, t, n, r) {
+  var i = e.setup,
+    a = i.minScale,
+    o = i.maxScale,
+    s = i.limitToBounds,
+    c = Va(Ta(t, 2), a, o, 0, !1),
+    l = za(e, n, r, c, La(e, c), s);
+  return { scale: c, positionX: l.x, positionY: l.y };
+}
+function uo(e, t, n) {
+  var r = e.state.scale,
+    i = e.wrapperComponent,
+    a = e.setup,
+    o = a.minScale,
+    s = a.maxScale,
+    c = a.limitToBounds,
+    l = a.zoomAnimation,
+    u = l.disabled,
+    d = l.animationTime,
+    f = l.animationType,
+    p = u || (r >= o && r <= s);
+  if (((r >= 1 || c) && oo(e), !(p || !i || !e.mounted))) {
+    var m = t || i.offsetWidth / 2,
+      h = n || i.offsetHeight / 2,
+      g = lo(e, r < o ? o : s, m, h);
+    g && Ma(e, g, d, f);
+  }
+}
+var fo = function () {
+  return (
+    (fo =
+      Object.assign ||
+      function (e) {
+        for (var t, n = 1, r = arguments.length; n < r; n++)
+          for (var i in ((t = arguments[n]), t)) Object.prototype.hasOwnProperty.call(t, i) && (e[i] = t[i]);
+        return e;
+      }),
+    fo.apply(this, arguments)
+  );
+};
+function po(e, t, n) {
+  if (n || arguments.length === 2)
+    for (var r = 0, i = t.length, a; r < i; r++)
+      (a || !(r in t)) && ((a ||= Array.prototype.slice.call(t, 0, r)), (a[r] = t[r]));
+  return e.concat(a || Array.prototype.slice.call(t));
+}
+var mo = { previousScale: 1, scale: 1, positionX: 0, positionY: 0 },
+  ho = {
+    disabled: !1,
+    minPositionX: null,
+    maxPositionX: null,
+    minPositionY: null,
+    maxPositionY: null,
+    minScale: 1,
+    maxScale: 8,
+    limitToBounds: !0,
+    centerZoomedOut: !1,
+    centerOnInit: !1,
+    disablePadding: !1,
+    smooth: !0,
+    detached: !1,
+    wheel: { step: 0.015, disabled: !1, wheelDisabled: !1, touchPadDisabled: !1, activationKeys: [], excluded: [] },
+    trackPadPanning: {
+      disabled: !0,
+      velocityDisabled: !1,
+      lockAxisX: !1,
+      lockAxisY: !1,
+      activationKeys: [],
+      excluded: [],
+    },
+    panning: {
+      disabled: !1,
+      velocityDisabled: !1,
+      lockAxisX: !1,
+      lockAxisY: !1,
+      allowLeftClickPan: !0,
+      allowMiddleClickPan: !0,
+      allowRightClickPan: !0,
+      activationKeys: [],
+      excluded: [],
+    },
+    pinch: { step: 5, disabled: !1, allowPanning: !0, excluded: [] },
+    doubleClick: {
+      disabled: !1,
+      step: 0.7,
+      mode: `zoomIn`,
+      animationType: `easeOut`,
+      animationTime: 200,
+      excluded: [],
+    },
+    zoomAnimation: { disabled: !1, size: 0.4, animationTime: 200, animationType: `easeOut` },
+    autoAlignment: {
+      disabled: !1,
+      sizeX: 100,
+      sizeY: 100,
+      animationTime: 200,
+      velocityAlignmentTime: 400,
+      animationType: `easeOut`,
+    },
+    velocityAnimation: {
+      disabled: !1,
+      sensitivityMouse: 1,
+      sensitivityTouch: 1.2,
+      maxStrengthMouse: 20,
+      maxStrengthTouch: 40,
+      inertia: 1,
+      animationTime: 300,
+      maxAnimationTime: 800,
+      animationType: `easeOut`,
+    },
+  },
+  go = { wrapperClass: `react-transform-wrapper`, contentClass: `react-transform-component` },
+  _o = function (e) {
+    var t = Math.max(e.minScale ?? ho.minScale, 1e-7),
+      n = e.maxScale ?? ho.maxScale,
+      r = e.initialScale ?? mo.scale,
+      i = Math.min(Math.max(r, t), n);
+    return {
+      previousScale: i,
+      scale: i,
+      positionX: Ia(
+        e.initialPositionX ?? mo.positionX,
+        e.minPositionX ?? -1 / 0,
+        e.maxPositionX ?? 1 / 0,
+        e.minPositionX != null || e.maxPositionX != null,
+      ),
+      positionY: Ia(
+        e.initialPositionY ?? mo.positionY,
+        e.minPositionY ?? -1 / 0,
+        e.maxPositionY ?? 1 / 0,
+        e.minPositionY != null || e.maxPositionY != null,
+      ),
+    };
+  },
+  vo = function (e) {
+    var t = fo({}, ho);
+    return (
+      Object.keys(e).forEach(function (n) {
+        var r = n,
+          i = e[r] !== void 0;
+        if (ho[r] !== void 0 && i) {
+          var a = Object.prototype.toString.call(ho[r]);
+          a === `[object Object]`
+            ? (t[r] = fo(fo({}, ho[r]), e[r]))
+            : a === `[object Array]`
+              ? (t[r] = po(po([], ho[r], !0), e[r], !0))
+              : (t[r] = e[r]);
+        }
+      }),
+      t.minScale <= 0 && (t.minScale = 1e-7),
+      t
+    );
+  },
+  yo = function (e, t, n) {
+    var r = e.state.scale,
+      i = e.wrapperComponent,
+      a = e.setup,
+      o = a.maxScale,
+      s = a.minScale,
+      c = a.zoomAnimation,
+      l = a.smooth,
+      u = c.size;
+    if (!i) throw Error(`Wrapper is not mounted`);
+    return Va(Ta(l ? r * Math.exp(t * n) : r + t * n, 3), s, o, u, !1);
+  };
+function bo(e, t, n, r, i) {
+  var a = e.wrapperComponent,
+    o = e.state,
+    s = o.scale,
+    c = o.positionX,
+    l = o.positionY,
+    u = e.setup.zoomAnimation;
+  if (!a) return console.error(`No WrapperComponent found`);
+  var d = u.disabled ? 0 : r,
+    f = a.offsetWidth,
+    p = a.offsetHeight,
+    m = (f / 2 - c) / s,
+    h = (p / 2 - l) / s,
+    g = lo(e, yo(e, t, n), m, h);
+  if (!g) return console.error(`Error during zoom event. New transformation state was not calculated.`);
+  var _ = e.props,
+    v = _.onZoomStart,
+    y = _.onZoom,
+    b = _.onZoomStop,
+    x = new MouseEvent(`mousemove`, { bubbles: !0 }),
+    S = Z(e);
+  (X(S, x, v), X(S, x, y), Ma(e, g, d, i));
+  var C = a.ownerDocument?.defaultView ?? (typeof window < `u` ? window : null);
+  C &&
+    C.setTimeout(function () {
+      e.mounted && X(Z(e), x, b);
+    }, d);
+}
+function xo(e, t, n, r) {
+  var i = e.setup,
+    a = e.wrapperComponent,
+    o = e.contentComponent,
+    s = i.limitToBounds,
+    c = i.centerOnInit,
+    l = _o(e.props),
+    u = e.state,
+    d = u.scale,
+    f = u.positionX,
+    p = u.positionY;
+  if (a) {
+    var m = l.positionX,
+      h = l.positionY;
+    if (c && o) {
+      var g = zo(l.scale, a, o);
+      ((m = g.positionX), (h = g.positionY));
+    }
+    var _ = Fa(e, l.scale),
+      v = Ra(m, h, _, s, 0, 0, a),
+      y = { scale: l.scale, positionX: v.x, positionY: v.y };
+    if (!(d === l.scale && f === l.positionX && p === l.positionY)) {
+      r?.();
+      var b = e.props,
+        x = b.onZoomStart,
+        S = b.onZoom,
+        C = b.onZoomStop,
+        w = new MouseEvent(`mousemove`, { bubbles: !0 }),
+        T = Z(e);
+      (X(T, w, x), X(T, w, S), Ma(e, y, t, n));
+      var E = a.ownerDocument?.defaultView ?? (typeof window < `u` ? window : null);
+      E &&
+        E.setTimeout(function () {
+          e.mounted && X(Z(e), w, C);
+        }, t);
+    }
+  }
+}
+function So(e, t, n, r) {
+  var i = e.getBoundingClientRect(),
+    a = t.getBoundingClientRect(),
+    o = n.getBoundingClientRect(),
+    s = a.x * r.scale,
+    c = a.y * r.scale;
+  return { x: (i.x - o.x + s) / r.scale, y: (i.y - o.y + c) / r.scale };
+}
+function Co(e, t, n, r, i) {
+  (r === void 0 && (r = 0), i === void 0 && (i = 0));
+  var a = e.wrapperComponent,
+    o = e.contentComponent,
+    s = e.state,
+    c = e.setup,
+    l = c.limitToBounds,
+    u = c.minScale,
+    d = c.maxScale;
+  if (!a || !o) return s;
+  var f = a.getBoundingClientRect(),
+    p = t.getBoundingClientRect(),
+    m = So(t, a, o, s),
+    h = m.x,
+    g = m.y,
+    _ = p.width / s.scale,
+    v = p.height / s.scale,
+    y = a.offsetWidth / _,
+    b = a.offsetHeight / v,
+    x = Va(n || Math.min(y, b), u, d, 0, !1),
+    S = (f.width - _ * x) / 2,
+    C = (f.height - v * x) / 2,
+    w = Ra((f.left - h) * x + S + r, (f.top - g) * x + C + i, Fa(e, x), l, 0, 0, a);
+  return { positionX: w.x, positionY: w.y, scale: x };
+}
+var wo = function (e) {
+    return function (t, n, r) {
+      (t === void 0 && (t = 0.5), n === void 0 && (n = 300), r === void 0 && (r = `easeOut`), bo(e, 1, t, n, r));
+    };
+  },
+  To = function (e) {
+    return function (t, n, r) {
+      (t === void 0 && (t = 0.5), n === void 0 && (n = 300), r === void 0 && (r = `easeOut`), bo(e, -1, t, n, r));
+    };
+  },
+  Eo = function (e) {
+    return function (t, n, r, i, a) {
+      (i === void 0 && (i = 300), a === void 0 && (a = `easeOut`));
+      var o = e.state,
+        s = o.positionX,
+        c = o.positionY,
+        l = o.scale,
+        u = e.wrapperComponent,
+        d = e.contentComponent;
+      e.setup.disabled ||
+        !u ||
+        !d ||
+        Ma(
+          e,
+          { positionX: Number.isNaN(t) ? s : t, positionY: Number.isNaN(n) ? c : n, scale: Number.isNaN(r) ? l : r },
+          i,
+          a,
+        );
+    };
+  },
+  Do = function (e) {
+    return function (t, n) {
+      (t === void 0 && (t = 200), n === void 0 && (n = `easeOut`), xo(e, t, n));
+    };
+  },
+  Oo = function (e) {
+    return function (t, n, r) {
+      (n === void 0 && (n = 200), r === void 0 && (r = `easeOut`));
+      var i = e.state,
+        a = e.wrapperComponent,
+        o = e.contentComponent;
+      a && o && Ma(e, zo(t || i.scale, a, o), n, r);
+    };
+  },
+  ko = function (e) {
+    return function (t, n, r, i, a, o) {
+      (r === void 0 && (r = 600),
+        i === void 0 && (i = `easeOut`),
+        a === void 0 && (a = 0),
+        o === void 0 && (o = 0),
+        ka(e));
+      var s = e.wrapperComponent,
+        c = typeof t == `string` ? document.getElementById(t) : t;
+      s && c && s.contains(c) && Ma(e, Co(e, c, n, a, o), r, i);
+    };
+  },
+  Ao = function (e) {
+    return {
+      instance: e,
+      state: e.state,
+      zoomIn: wo(e),
+      zoomOut: To(e),
+      setTransform: Eo(e),
+      resetTransform: Do(e),
+      centerView: Oo(e),
+      zoomToElement: ko(e),
+    };
+  },
+  jo = function (e) {
+    return { instance: e, state: e.state };
+  },
+  Z = function (e) {
+    var t = {};
+    return (Object.assign(t, jo(e)), Object.assign(t, Ao(e)), t);
+  },
+  Mo = !1;
+function No() {
+  try {
+    return {
+      get passive() {
+        return ((Mo = !0), !1);
+      },
+    };
+  } catch {
+    return ((Mo = !1), Mo);
+  }
+}
+var Po = `.${go.wrapperClass}`,
+  Fo = function (e, t) {
+    return t.some(function (t) {
+      return e.matches(`${Po} ${t}, ${Po} .${t}, ${Po} ${t} *, ${Po} .${t} *`);
+    });
+  },
+  Io = function (e) {
+    e && clearTimeout(e);
+  },
+  Lo = function (e) {
+    return Number.parseFloat(e.toFixed(8));
+  },
+  Ro = function (e, t, n) {
+    return `translate(${e}px, ${t}px) scale(${Lo(n)})`;
+  },
+  zo = function (e, t, n) {
+    var r = n.offsetWidth * e,
+      i = n.offsetHeight * e;
+    return { scale: e, positionX: (t.offsetWidth - r) / 2, positionY: (t.offsetHeight - i) / 2 };
+  };
+function Bo(e, t) {
+  e != null && (typeof e == `function` ? e(t) : (e.current = t));
+}
+function Vo(e) {
+  return function (t) {
+    e.forEach(function (e) {
+      typeof e == `function` ? e(t) : e != null && (e.current = t);
+    });
+  };
+}
+var Ho = function (e, t) {
+    var n = e.setup.wheel,
+      r = n.disabled,
+      i = n.wheelDisabled,
+      a = n.touchPadDisabled,
+      o = n.excluded,
+      s = e.isInitialized,
+      c = e.isPanning,
+      l = t.target;
+    return !(
+      !(s && !c && !r && l) ||
+      (i && !t.ctrlKey) ||
+      (a && t.ctrlKey) ||
+      Fo(l, o) ||
+      !e.isPressingKeys(e.setup.wheel.activationKeys)
+    );
+  },
+  Uo = function (e, t) {
+    var n = e.setup,
+      r = n.disabled,
+      i = n.trackPadPanning,
+      a = i.activationKeys,
+      o = i.excluded;
+    if (!e.wrapperComponent || !e.contentComponent || r || i.disabled || t.ctrlKey || Ho(e, t)) return !1;
+    var s = t.target;
+    return !(Fo(s, o) || !e.isPressingKeys(a));
+  },
+  Wo = function (e) {
+    return e ? (e.deltaY < 0 ? 1 : -1) : 0;
+  };
+function Go(e, t) {
+  return Ea(t, Wo(e));
+}
+function Ko(e, t, n) {
+  var r = t.getBoundingClientRect(),
+    i = 0,
+    a = 0;
+  if (`clientX` in e) ((i = (e.clientX - r.left) / n), (a = (e.clientY - r.top) / n));
+  else {
+    var o = e.touches[0];
+    ((i = (o.clientX - r.left) / n), (a = (o.clientY - r.top) / n));
+  }
+  return ((Number.isNaN(i) || Number.isNaN(a)) && console.error(`No mouse or touch offset found`), { x: i, y: a });
+}
+var qo = function (e, t, n, r, i) {
+    var a = e.state.scale,
+      o = e.wrapperComponent,
+      s = e.setup,
+      c = s.maxScale,
+      l = s.minScale,
+      u = s.zoomAnimation,
+      d = s.disablePadding,
+      f = u.size,
+      p = u.disabled;
+    if (!o) throw Error(`Wrapper is not mounted`);
+    var m = a + t * n;
+    return i ? m : Va(m, l, c, f, (r ? !1 : !p) && !d);
+  },
+  Jo = function (e, t) {
+    var n = e.previousWheelEvent,
+      r = e.state.scale,
+      i = e.setup,
+      a = i.maxScale,
+      o = i.minScale;
+    return n
+      ? r < a ||
+          r > o ||
+          Math.sign(n.deltaY) !== Math.sign(t.deltaY) ||
+          (n.deltaY > 0 && n.deltaY < t.deltaY) ||
+          (n.deltaY < 0 && n.deltaY > t.deltaY) ||
+          Math.sign(n.deltaY) !== Math.sign(t.deltaY)
+      : !1;
+  },
+  Yo = function (e, t) {
+    var n = e.setup.pinch,
+      r = n.disabled,
+      i = n.excluded,
+      a = e.isInitialized,
+      o = t.target;
+    return !(!(a && !r && o) || Fo(o, i));
+  },
+  Xo = function (e) {
+    var t = e.setup.pinch.disabled,
+      n = e.isInitialized,
+      r = e.pinchStartDistance;
+    return !!(n && !t && r !== null);
+  },
+  Zo = function (e, t, n) {
+    var r = n.getBoundingClientRect(),
+      i = e.touches,
+      a = i[0].clientX - r.left,
+      o = i[0].clientY - r.top,
+      s = i[1].clientX - r.left,
+      c = i[1].clientY - r.top;
+    return { x: (a + s) / 2 / t, y: (o + c) / 2 / t };
+  },
+  Qo = function (e) {
+    return Math.sqrt((e.touches[0].pageX - e.touches[1].pageX) ** 2 + (e.touches[0].pageY - e.touches[1].pageY) ** 2);
+  },
+  $o = 5,
+  es = function (e, t) {
+    var n = e.pinchStartScale,
+      r = e.pinchStartDistance,
+      i = e.setup,
+      a = i.maxScale,
+      o = i.minScale,
+      s = i.zoomAnimation,
+      c = i.disablePadding,
+      l = i.pinch,
+      u = s.size,
+      d = s.disabled,
+      f = l.step;
+    if (!n || r === null) throw Error(`Pinch touches distance was not provided`);
+    if (t < 0) return e.state.scale;
+    var p = n + ((t / r) * n - n) * (f / $o);
+    return Va(p === 1 / 0 ? 0 : Ta(p, 10), o, a, u, !d && !c);
+  },
+  ts = 160,
+  ns = 100,
+  rs = function (e, t) {
+    var n = e.props,
+      r = n.onWheelStart,
+      i = n.onZoomStart;
+    e.wheelStopEventTimer || (ka(e), X(Z(e), t, r), X(Z(e), t, i));
+  },
+  is = function (e, t) {
+    var n = e.props,
+      r = n.onWheel,
+      i = n.onZoom,
+      a = e.contentComponent,
+      o = e.setup,
+      s = e.state.scale,
+      c = o.limitToBounds,
+      l = o.centerZoomedOut,
+      u = o.zoomAnimation,
+      d = o.wheel,
+      f = o.disablePadding,
+      p = o.smooth,
+      m = u.size,
+      h = u.disabled,
+      g = d.step;
+    if (!a) throw Error(`Component not mounted`);
+    (t.preventDefault(), t.stopPropagation());
+    var _ = qo(e, Go(t, null), p ? g * Math.abs(t.deltaY) : g, !t.ctrlKey);
+    if (s !== _) {
+      var v = La(e, _),
+        y = Ko(t, a, s),
+        b = c && (h || m === 0 || l || f),
+        x = za(e, y.x, y.y, _, v, b),
+        S = x.x,
+        C = x.y;
+      ((e.previousWheelEvent = t), e.setState(_, S, C), X(Z(e), t, r), X(Z(e), t, i));
+    }
+  },
+  as = function (e, t) {
+    var n = e.props,
+      r = n.onWheelStop,
+      i = n.onZoomStop;
+    (Io(e.wheelAnimationTimer),
+      (e.wheelAnimationTimer = setTimeout(function () {
+        e.mounted && (uo(e, t.x, t.y), (e.wheelAnimationTimer = null));
+      }, ns)),
+      Jo(e, t) &&
+        (Io(e.wheelStopEventTimer),
+        (e.wheelStopEventTimer = setTimeout(function () {
+          e.mounted && ((e.wheelStopEventTimer = null), X(Z(e), t, r), X(Z(e), t, i));
+        }, ts))));
+  },
+  os = function (e, t) {
+    var n = e.props,
+      r = n.onWheelStart,
+      i = n.onPanningStart;
+    e.wheelStopEventTimer || (ka(e), X(Z(e), t, r), X(Z(e), t, i));
+  },
+  ss = function (e, t) {
+    var n = e.props,
+      r = n.onWheelStop,
+      i = n.onPanningStop;
+    (Io(e.wheelAnimationTimer),
+      (e.wheelAnimationTimer = setTimeout(function () {
+        e.mounted && (uo(e, t.x, t.y), (e.wheelAnimationTimer = null));
+      }, ns)),
+      Jo(e, t) &&
+        (Io(e.wheelStopEventTimer),
+        (e.wheelStopEventTimer = setTimeout(function () {
+          e.mounted && ((e.wheelStopEventTimer = null), X(Z(e), t, r), X(Z(e), t, i));
+        }, ts))));
+  },
+  cs = function (e) {
+    for (var t = 0, n = 0, r = 0; r < 2; r += 1) ((t += e.touches[r].clientX), (n += e.touches[r].clientY));
+    return { x: t / 2, y: n / 2 };
+  },
+  ls = function (e, t) {
+    var n = Qo(t);
+    ((e.pinchStartDistance = n),
+      (e.lastDistance = n),
+      (e.pinchStartScale = e.state.scale),
+      (e.isPanning = !1),
+      (e.isPinching = !0),
+      (e.pinchPreviousCenter = cs(t)),
+      ka(e));
+  },
+  us = function (e, t) {
+    var n = e.contentComponent,
+      r = e.pinchStartDistance,
+      i = e.wrapperComponent,
+      a = e.pinchPreviousCenter,
+      o = e.state.scale,
+      s = e.setup,
+      c = s.limitToBounds,
+      l = s.centerZoomedOut,
+      u = s.zoomAnimation,
+      d = s.autoAlignment,
+      f = s.pinch,
+      p = s.panning,
+      m = u.disabled,
+      h = u.size,
+      g = f.allowPanning;
+    if (!(r === null || !n)) {
+      var _ = Zo(t, o, n);
+      if (!(!Number.isFinite(_.x) || !Number.isFinite(_.y))) {
+        var v = Qo(t),
+          y = es(e, v),
+          b = cs(t),
+          x = o / y,
+          S = (b.x - (a?.x || 0)) * x,
+          C = (b.y - (a?.y || 0)) * x;
+        if (!(y === o && S === 0 && C === 0)) {
+          e.pinchPreviousCenter = b;
+          var w = La(e, y),
+            T = c && (m || h === 0 || l),
+            E = za(e, _.x, _.y, y, w, T),
+            D = E.x,
+            O = E.y;
+          if (((e.pinchMidpoint = _), (e.lastDistance = v), p.disabled || !g)) e.setState(y, D, O);
+          else {
+            var k = d.sizeX,
+              A = d.sizeY,
+              j = Ya(e, k, y),
+              M = Ya(e, A, y),
+              ee = Ra(D + S, O + C, w, c, j, M, i),
+              N = ee.x,
+              P = ee.y;
+            e.setState(y, N, P);
+          }
+        }
+      }
+    }
+  },
+  ds = function (e) {
+    var t = e.pinchMidpoint;
+    ((e.velocity = null),
+      (e.lastDistance = null),
+      (e.pinchMidpoint = null),
+      (e.pinchStartScale = null),
+      (e.pinchStartDistance = null),
+      (e.isPinching = !1),
+      uo(e, t?.x, t?.y));
+  },
+  fs = function (e, t) {
+    var n = e.props.onZoomStop,
+      r = e.setup.doubleClick.animationTime;
+    (Io(e.doubleClickStopEventTimer),
+      (e.doubleClickStopEventTimer = setTimeout(function () {
+        ((e.doubleClickStopEventTimer = null), X(Z(e), t, n));
+      }, r)));
+  },
+  ps = function (e, t) {
+    var n = e.props,
+      r = n.onZoomStart,
+      i = n.onZoom,
+      a = e.setup.doubleClick,
+      o = a.animationTime,
+      s = a.animationType;
+    (X(Z(e), t, r),
+      xo(e, o, s, function () {
+        return X(Z(e), t, i);
+      }),
+      fs(e, t));
+  };
+function ms(e, t) {
+  return e === `toggle` ? (t === 1 ? 1 : -1) : e === `zoomOut` ? -1 : 1;
+}
+function hs(e, t) {
+  var n = e.setup,
+    r = e.doubleClickStopEventTimer,
+    i = e.state,
+    a = e.contentComponent,
+    o = i.scale,
+    s = e.props,
+    c = s.onZoomStart,
+    l = s.onZoom,
+    u = n.doubleClick,
+    d = u.disabled,
+    f = u.mode,
+    p = u.step,
+    m = u.animationTime,
+    h = u.animationType;
+  if (!d && !r) {
+    if (f === `reset`) return ps(e, t);
+    if (!a) return console.error(`No ContentComponent found`);
+    var g = yo(e, ms(f, e.state.scale), p);
+    if (o !== g) {
+      X(Z(e), t, c);
+      var _ = Ko(t, a, o),
+        v = lo(e, g, _.x, _.y);
+      if (!v) return console.error(`Error during zoom event. New transformation state was not calculated.`);
+      (X(Z(e), t, l), Ma(e, v, m, h), fs(e, t));
+    }
+  }
+}
+var gs = function (e, t) {
+    var n = e.isInitialized,
+      r = e.setup,
+      i = e.wrapperComponent,
+      a = r.doubleClick,
+      o = a.disabled,
+      s = a.excluded,
+      c = t.target,
+      l = i?.contains(c);
+    return !(!(n && c && l && !o) || Fo(c, s));
+  },
+  _s = (function () {
+    function e(e) {
+      var t = this;
+      ((this.mounted = !0),
+        (this.onChangeCallbacks = new Set()),
+        (this.onInitCallbacks = new Set()),
+        (this.onTransformCallbacks = new Set()),
+        (this.wrapperComponent = null),
+        (this.contentComponent = null),
+        (this.isInitialized = !1),
+        (this.bounds = null),
+        (this.previousWheelEvent = null),
+        (this.wheelStopEventTimer = null),
+        (this.wheelAnimationTimer = null),
+        (this.isPanning = !1),
+        (this.isWheelPanning = !1),
+        (this.startCoords = null),
+        (this.panStartPosition = null),
+        (this.lastTouch = null),
+        (this.isPinching = !1),
+        (this.distance = null),
+        (this.lastDistance = null),
+        (this.pinchStartDistance = null),
+        (this.pinchStartScale = null),
+        (this.pinchMidpoint = null),
+        (this.pinchPreviousCenter = null),
+        (this.doubleClickStopEventTimer = null),
+        (this.velocity = null),
+        (this.velocityTime = null),
+        (this.lastMousePosition = null),
+        (this.isAnimating = !1),
+        (this.animation = null),
+        (this.pressedKeys = {}),
+        (this.mount = function () {
+          t.initializeWindowEvents();
+        }),
+        (this.unmount = function () {
+          t.cleanupWindowEvents();
+        }),
+        (this.update = function (e) {
+          ((t.props = e), t.wrapperComponent && t.contentComponent && La(t, t.state.scale), (t.setup = vo(e)));
+        }),
+        (this.initializeWindowEvents = function () {
+          var e,
+            n,
+            r,
+            i = No(),
+            a = t.wrapperComponent?.ownerDocument,
+            o = a?.defaultView;
+          ((e = t.wrapperComponent) == null || e.addEventListener(`wheel`, t.onWheelPanning, i),
+            (n = t.wrapperComponent) == null || n.addEventListener(`keyup`, t.setKeyUnPressed, i),
+            (r = t.wrapperComponent) == null || r.addEventListener(`keydown`, t.setKeyPressed, i),
+            o?.addEventListener(`mousedown`, t.onPanningStart, i),
+            o?.addEventListener(`mousemove`, t.onPanning, i),
+            o?.addEventListener(`mouseup`, t.onPanningStop, i),
+            a?.addEventListener(`mouseleave`, t.clearPanning, i),
+            o?.addEventListener(`keyup`, t.setKeyUnPressed, i),
+            o?.addEventListener(`keydown`, t.setKeyPressed, i),
+            o?.addEventListener(`blur`, t.handleWindowBlur));
+        }),
+        (this.cleanupWindowEvents = function () {
+          var e,
+            n,
+            r,
+            i,
+            a = No(),
+            o = t.wrapperComponent?.ownerDocument,
+            s = o?.defaultView;
+          (s?.removeEventListener(`mousedown`, t.onPanningStart, a),
+            s?.removeEventListener(`mousemove`, t.onPanning, a),
+            s?.removeEventListener(`mouseup`, t.onPanningStop, a),
+            o?.removeEventListener(`mouseleave`, t.clearPanning, a),
+            s?.removeEventListener(`keyup`, t.setKeyUnPressed, a),
+            s?.removeEventListener(`keydown`, t.setKeyPressed, a),
+            s?.removeEventListener(`blur`, t.handleWindowBlur),
+            document.removeEventListener(`mouseleave`, t.clearPanning, a),
+            (e = t.wrapperComponent) == null || e.removeEventListener(`wheel`, t.onWheelPanning, a),
+            (n = t.wrapperComponent) == null || n.removeEventListener(`keyup`, t.setKeyUnPressed, a),
+            (r = t.wrapperComponent) == null || r.removeEventListener(`keydown`, t.setKeyPressed, a),
+            ka(t),
+            (i = t.observer) == null || i.disconnect());
+        }),
+        (this.handleInitializeWrapperEvents = function (e) {
+          var n = No();
+          (e.addEventListener(`wheel`, t.onWheelZoom, n),
+            e.addEventListener(`dblclick`, t.onDoubleClick, n),
+            e.addEventListener(`touchstart`, t.onTouchPanningStart, n),
+            e.addEventListener(`touchmove`, t.onTouchPanning, n),
+            e.addEventListener(`touchend`, t.onTouchPanningStop, n));
+        }),
+        (this.handleInitialize = function (e) {
+          var n = t.setup.centerOnInit;
+          (t.applyTransformation(),
+            t.onInitCallbacks.forEach(function (e) {
+              return e(Z(t));
+            }),
+            n &&
+              (t.setCenter(),
+              (t.observer = new ResizeObserver(function () {
+                var n,
+                  r = e.offsetWidth,
+                  i = e.offsetHeight;
+                (r > 0 || i > 0) &&
+                  (t.onInitCallbacks.forEach(function (e) {
+                    return e(Z(t));
+                  }),
+                  t.setCenter(),
+                  (n = t.observer) == null || n.disconnect());
+              })),
+              setTimeout(function () {
+                var e;
+                (e = t.observer) == null || e.disconnect();
+              }, 5e3),
+              t.observer.observe(e)));
+        }),
+        (this.onWheelZoom = function (e) {
+          t.setup.disabled || (t.syncModifierKeys(e), Ho(t, e) && (rs(t, e), is(t, e), as(t, e)));
+        }),
+        (this.onWheelPanning = function (e) {
+          var n = t.props.onPanning,
+            r = t.setup.trackPadPanning,
+            i = r.lockAxisX,
+            a = r.lockAxisY;
+          if ((t.syncModifierKeys(e), Uo(t, e))) {
+            (e.preventDefault(), e.stopPropagation());
+            var o = t.state,
+              s = o.positionX,
+              c = o.positionY,
+              l = s - e.deltaX,
+              u = c - e.deltaY,
+              d = i ? s : l,
+              f = a ? c : u,
+              p = t.setup.autoAlignment,
+              m = p.sizeX,
+              h = p.sizeY,
+              g = Ya(t, m),
+              _ = Ya(t, h);
+            (d === s && f === c) || (os(t, e), qa(t, d, f, g, _), X(Z(t), e, n), ss(t, e));
+          }
+        }),
+        (this.onPanningStart = function (e) {
+          var n = t.setup.disabled,
+            r = t.props.onPanningStart;
+          n ||
+            (t.syncModifierKeys(e),
+            Ha(t, e) &&
+              t.isPressingKeys(t.setup.panning.activationKeys) &&
+              ((e.button === 0 && !t.setup.panning.allowLeftClickPan) ||
+                (e.button === 1 && !t.setup.panning.allowMiddleClickPan) ||
+                (e.button === 2 && !t.setup.panning.allowRightClickPan) ||
+                (e.preventDefault(), e.stopPropagation(), ka(t), ao(t, e), X(Z(t), e, r))));
+        }),
+        (this.onPanning = function (e) {
+          var n = t.setup.disabled,
+            r = t.props.onPanning;
+          if (!n) {
+            if ((t.syncModifierKeys(e), t.isPanning && e.buttons === 0)) {
+              t.clearPanning(e);
+              return;
+            }
+            Ua(t) &&
+              t.isPressingKeys(t.setup.panning.activationKeys) &&
+              (e.preventDefault(), e.stopPropagation(), so(t, e.clientX, e.clientY, Xa.MOUSE), X(Z(t), e, r));
+          }
+        }),
+        (this.onPanningStop = function (e) {
+          var n = t.setup.panning.velocityDisabled,
+            r = t.props.onPanningStop;
+          t.isPanning && (co(t, n), X(Z(t), e, r));
+        }),
+        (this.onPinchStart = function (e) {
+          var n = t.setup.disabled,
+            r = t.props.onPinchStart;
+          n || (Yo(t, e) && (ls(t, e), ka(t), X(Z(t), e, r)));
+        }),
+        (this.onPinch = function (e) {
+          var n = t.setup.disabled,
+            r = t.props.onPinch;
+          n || (Xo(t) && (e.preventDefault(), e.stopPropagation(), us(t, e), X(Z(t), e, r)));
+        }),
+        (this.onPinchStop = function (e) {
+          var n = t.props.onPinchStop;
+          t.pinchStartScale && (ds(t), X(Z(t), e, n));
+        }),
+        (this.onTouchPanningStart = function (e) {
+          var n = t.setup,
+            r = n.disabled,
+            i = n.doubleClick,
+            a = t.props.onPanningStart;
+          if (!r) {
+            var o = !i?.disabled,
+              s = t.lastTouch && +new Date() - t.lastTouch < 200;
+            if (o && s && e.touches.length === 1) t.onDoubleClick(e);
+            else {
+              ((t.lastTouch = +new Date()), ka(t));
+              var c = e.touches,
+                l = c.length === 1,
+                u = c.length === 2,
+                d = Ha(t, e);
+              if (l) {
+                if (!d) return;
+                (ka(t), ao(t, e), X(Z(t), e, a));
+              }
+              u && t.onPinchStart(e);
+            }
+          }
+        }),
+        (this.onTouchPanning = function (e) {
+          var n = t.setup.disabled,
+            r = t.props.onPanning;
+          if (t.isPanning && e.touches.length === 1) {
+            if (n || !Ua(t)) return;
+            (e.cancelable && e.preventDefault(), e.stopPropagation());
+            var i = e.touches[0];
+            (so(t, i.clientX, i.clientY, Xa.TOUCH), X(Z(t), e, r));
+          } else e.touches.length > 1 && t.onPinch(e);
+        }),
+        (this.onTouchPanningStop = function (e) {
+          (t.onPanningStop(e), t.onPinchStop(e));
+        }),
+        (this.onDoubleClick = function (e) {
+          t.setup.disabled || (gs(t, e) && hs(t, e));
+        }),
+        (this.clearPanning = function (e) {
+          t.isPanning && t.onPanningStop(e);
+        }),
+        (this.handleWindowBlur = function () {
+          ((t.pressedKeys = {}), t.isPanning && ((t.isPanning = !1), (t.startCoords = null)));
+        }),
+        (this.syncModifierKeys = function (e) {
+          var n = e.ctrlKey,
+            r = e.metaKey,
+            i = e.shiftKey,
+            a = e.altKey;
+          (typeof n == `boolean` && (t.pressedKeys.Control = n),
+            typeof r == `boolean` && (t.pressedKeys.Meta = r),
+            typeof i == `boolean` && (t.pressedKeys.Shift = i),
+            typeof a == `boolean` && (t.pressedKeys.Alt = a));
+        }),
+        (this.setKeyPressed = function (e) {
+          t.pressedKeys[e.key] = !0;
+        }),
+        (this.setKeyUnPressed = function (e) {
+          t.pressedKeys[e.key] = !1;
+        }),
+        (this.isPressingKeys = function (e) {
+          return typeof e == `function`
+            ? e(
+                Object.entries(t.pressedKeys)
+                  .filter(function (e) {
+                    return e[1];
+                  })
+                  .map(function (e) {
+                    return e[0];
+                  }),
+              )
+            : e.length
+              ? !!e.every(function (e) {
+                  return t.pressedKeys[e];
+                })
+              : !0;
+        }),
+        (this.setCenter = function () {
+          if (t.wrapperComponent && t.contentComponent) {
+            var e = zo(t.state.scale, t.wrapperComponent, t.contentComponent);
+            t.setState(e.scale, e.positionX, e.positionY);
+          }
+        }),
+        (this.handleTransformStyles = function (e, n, r) {
+          return t.props.customTransform ? t.props.customTransform(e, n, r) : Ro(e, n, r);
+        }),
+        (this.getContext = function () {
+          return Z(t);
+        }),
+        (this.applyTransformation = function () {
+          if (!(!t.mounted || !t.contentComponent)) {
+            var e = t.state,
+              n = e.scale,
+              r = e.positionX,
+              i = e.positionY,
+              a = t.handleTransformStyles(r, i, n);
+            (t.props.detached || (t.contentComponent.style.transform = a),
+              t.onTransformCallbacks.forEach(function (e) {
+                return e({ scale: n, positionX: r, positionY: i, previousScale: t.state.previousScale, ref: Z(t) });
+              }));
+          }
+        }),
+        (this.setState = function (e, n, r) {
+          var i = t.props.onTransform;
+          if (!Number.isNaN(e) && !Number.isNaN(n) && !Number.isNaN(r)) {
+            var a = Math.max(e, 1e-7);
+            (a !== t.state.scale && ((t.state.previousScale = t.state.scale), (t.state.scale = a)),
+              (t.state.positionX = n),
+              (t.state.positionY = r),
+              t.applyTransformation());
+            var o = Z(t);
+            (t.onChangeCallbacks.forEach(function (e) {
+              return e(o);
+            }),
+              X(o, { scale: t.state.scale, positionX: n, positionY: r }, i));
+          } else console.error(`Detected NaN set state values`);
+        }),
+        (this.onTransform = function (e) {
+          return (
+            t.onTransformCallbacks.has(e) || t.onTransformCallbacks.add(e),
+            function () {
+              t.onTransformCallbacks.delete(e);
+            }
+          );
+        }),
+        (this.onChange = function (e) {
+          return (
+            t.onChangeCallbacks.has(e) || t.onChangeCallbacks.add(e),
+            function () {
+              t.onChangeCallbacks.delete(e);
+            }
+          );
+        }),
+        (this.onInit = function (e) {
+          return (
+            t.onInitCallbacks.has(e) || t.onInitCallbacks.add(e),
+            function () {
+              t.onInitCallbacks.delete(e);
+            }
+          );
+        }),
+        (this.init = function (e, n) {
+          (t.cleanupWindowEvents(),
+            (t.wrapperComponent = e),
+            (t.contentComponent = n),
+            La(t, t.state.scale),
+            t.handleInitializeWrapperEvents(e),
+            t.handleInitialize(n),
+            t.initializeWindowEvents(),
+            (t.isInitialized = !0));
+          var r = Z(t);
+          (X(r, void 0, t.props.onInit), Bo(t.props.ref, r));
+        }),
+        (this.props = e),
+        (this.setup = vo(this.props)),
+        (this.state = _o(this.props)));
+    }
+    return e;
+  })(),
+  vs = _.createContext(null),
+  ys = function (e, t) {
+    return typeof e == `function` ? e(t) : e;
+  },
+  bs = _.forwardRef(function (e, t) {
+    var n = (0, _.useRef)(new _s(e)).current,
+      r = ys(e.children, Ao(n));
+    return (
+      (0, _.useImperativeHandle)(
+        t,
+        function () {
+          return Ao(n);
+        },
+        [n],
+      ),
+      (0, _.useEffect)(
+        function () {
+          n.update(e);
+        },
+        [n, e],
+      ),
+      (0, U.jsx)(vs.Provider, fo({ value: n }, { children: r }))
+    );
+  });
+_.forwardRef(function (e, t) {
+  var n = (0, _.useRef)(null),
+    r = (0, _.useContext)(vs);
+  return (
+    (0, _.useEffect)(
+      function () {
+        return r.onChange(function (e) {
+          if (n.current) {
+            var t = 0,
+              i = 0;
+            n.current.style.transform = r.handleTransformStyles(t, i, 1 / e.instance.state.scale);
+          }
+        });
+      },
+      [r],
+    ),
+    (0, U.jsx)(`div`, fo({}, e, { ref: Vo([n, t]) }))
+  );
+});
+function xs(e, t) {
+  t === void 0 && (t = {});
+  var n = t.insertAt;
+  if (!(!e || typeof document > `u`)) {
+    var r = document.head || document.getElementsByTagName(`head`)[0],
+      i = document.createElement(`style`);
+    ((i.type = `text/css`),
+      n === `top` && r.firstChild ? r.insertBefore(i, r.firstChild) : r.appendChild(i),
+      i.styleSheet ? (i.styleSheet.cssText = e) : i.appendChild(document.createTextNode(e)));
+  }
+}
+var Ss = `.transform-component-module_wrapper__SPB86 {
+  position: relative;
+  width: -moz-fit-content;
+  width: fit-content;
+  height: -moz-fit-content;
+  height: fit-content;
+  overflow: hidden;
+  -webkit-touch-callout: none; /* iOS Safari */
+  -webkit-user-select: none; /* Safari */
+  -khtml-user-select: none; /* Konqueror HTML */
+  -moz-user-select: none; /* Firefox */
+  -ms-user-select: none; /* Internet Explorer/Edge */
+  user-select: none;
+  margin: 0;
+  padding: 0;
+  transform: translate3d(0, 0, 0);
+}
+.transform-component-module_content__FBWxo {
+  display: flex;
+  flex-wrap: wrap;
+  width: -moz-fit-content;
+  width: fit-content;
+  height: -moz-fit-content;
+  height: fit-content;
+  margin: 0;
+  padding: 0;
+  transform-origin: 0% 0%;
+}
+.transform-component-module_content__FBWxo img {
+  pointer-events: none;
+}
+.transform-component-module_infiniteGrid__Z-aP3 {
+  position: absolute;
+  inset: 0;
+  pointer-events: none;
+  background-image: radial-gradient(
+    circle,
+    rgba(0, 0, 0, 0.12) 1px,
+    transparent 1px
+  );
+  background-size: 20px 20px;
+  background-position: 0 0;
+}
+`,
+  Cs = {
+    wrapper: `transform-component-module_wrapper__SPB86`,
+    content: `transform-component-module_content__FBWxo`,
+    infiniteGrid: `transform-component-module_infiniteGrid__Z-aP3`,
+  };
+xs(Ss);
+var ws = function (e) {
+  var t = e.children,
+    n = e.wrapperClass,
+    r = n === void 0 ? `` : n,
+    i = e.contentClass,
+    a = i === void 0 ? `` : i,
+    o = e.wrapperStyle,
+    s = e.contentStyle,
+    c = e.wrapperProps,
+    l = c === void 0 ? {} : c,
+    u = e.contentProps,
+    d = u === void 0 ? {} : u,
+    f = e.infinite,
+    p = f === void 0 ? !1 : f,
+    m = (0, _.useContext)(vs),
+    h = m.init,
+    g = m.cleanupWindowEvents,
+    v = (0, _.useRef)(null),
+    y = (0, _.useRef)(null),
+    b = (0, _.useRef)(null);
+  return (
+    (0, _.useEffect)(function () {
+      var e = v.current,
+        t = y.current;
+      return (
+        e !== null && t !== null && h && h?.(e, t),
+        function () {
+          g?.();
+        }
+      );
+    }, []),
+    (0, _.useEffect)(
+      function () {
+        if (p) {
+          var e = b.current;
+          if (e) {
+            var t = function () {
+              var t = m.state,
+                n = t.positionX,
+                r = t.positionY;
+              e.style.backgroundPosition = `${n}px ${r}px`;
+            };
+            return (t(), m.onChange(t));
+          }
+        }
+      },
+      [p, m],
+    ),
+    (0, U.jsxs)(
+      `div`,
+      fo(
+        {},
+        l,
+        { ref: v, className: `${go.wrapperClass} ${Cs.wrapper} ${r}`, style: o },
+        {
+          children: [
+            p && (0, U.jsx)(`div`, { ref: b, className: Cs.infiniteGrid, 'aria-hidden': !0 }),
+            (0, U.jsx)(
+              `div`,
+              fo(
+                {},
+                d,
+                {
+                  ref: y,
+                  className: `${go.contentClass} ${Cs.content} ${a}`,
+                  style: fo(fo({}, s), { transform: Ro(m.state.positionX, m.state.positionY, m.state.scale) }),
+                },
+                { children: t },
+              ),
+            ),
+          ],
+        },
+      ),
+    )
+  );
+};
+function Ts(e, t) {
+  return (
+    Math.max(0, Math.min(e.x + e.width, t.x + t.width) - Math.max(e.x, t.x)) *
+    Math.max(0, Math.min(e.y + e.height, t.y + t.height) - Math.max(e.y, t.y))
+  );
+}
+function Es(e) {
+  var t = e.elementX,
+    n = e.elementY,
+    r = e.elementWidth,
+    i = e.elementHeight,
+    a = e.scale,
+    o = e.positionX,
+    s = e.positionY,
+    c = e.viewportWidth,
+    l = e.viewportHeight,
+    u = e.margin,
+    d = u === void 0 ? 0 : u,
+    f = e.threshold,
+    p = f === void 0 ? 0 : f,
+    m = { x: -d, y: -d, width: c + 2 * d, height: l + 2 * d },
+    h = { x: t * a + o, y: n * a + s, width: r * a, height: i * a };
+  if (p <= 0) {
+    var g = h.x < m.x + m.width && h.x + h.width > m.x,
+      _ = h.y < m.y + m.height && h.y + h.height > m.y;
+    return g && _;
+  }
+  var v = h.width * h.height;
+  return v <= 0 ? !1 : Ts(m, h) / v >= p;
+}
+_.forwardRef(function (e, t) {
+  var n = e.x,
+    r = e.y,
+    i = e.width,
+    a = e.height,
+    o = e.margin,
+    s = o === void 0 ? 0 : o,
+    c = e.threshold,
+    l = c === void 0 ? 0 : c,
+    u = e.placeholder,
+    d = u === void 0 ? null : u,
+    f = e.onShow,
+    p = e.onHide,
+    m = e.children,
+    h = e.className,
+    g = e.style,
+    v = (0, _.useContext)(vs),
+    y = (0, _.useState)(!1),
+    b = y[0],
+    x = y[1],
+    S = (0, _.useRef)(!1),
+    C = (0, _.useRef)(f),
+    w = (0, _.useRef)(p);
+  return (
+    (C.current = f),
+    (w.current = p),
+    (0, _.useEffect)(
+      function () {
+        var e = function () {
+          var e,
+            t,
+            o = v.wrapperComponent;
+          if (o) {
+            var c = Es({
+              elementX: n,
+              elementY: r,
+              elementWidth: i,
+              elementHeight: a,
+              scale: v.state.scale,
+              positionX: v.state.positionX,
+              positionY: v.state.positionY,
+              viewportWidth: o.offsetWidth,
+              viewportHeight: o.offsetHeight,
+              margin: s,
+              threshold: l,
+            });
+            c !== S.current &&
+              ((S.current = c), x(c), c ? (e = C.current) == null || e.call(C) : (t = w.current) == null || t.call(w));
+          }
+        };
+        e();
+        var t = v.onChange(e),
+          o;
+        return (
+          v.wrapperComponent ||
+            (o = v.onInit(function () {
+              return e();
+            })),
+          function () {
+            (t(), o?.());
+          }
+        );
+      },
+      [v, n, r, i, a, s, l],
+    ),
+    b
+      ? (0, U.jsx)(`div`, fo({ ref: t, className: h, style: g }, { children: m }))
+      : d
+        ? (0, U.jsx)(U.Fragment, { children: d })
+        : null
+  );
+});
+var Ds = ({
+    profile: e,
+    setProfile: t,
+    mode: n,
+    setMode: r,
+    customRows: i,
+    setCustomRows: a,
+    customCols: o,
+    setCustomCols: s,
+    onStart: c,
+    onJoin: l,
+  }) => {
+    let u = { classic: 9, extended: 14, marathon: 19 },
+      d = n === `custom` ? i : u[n] || 9,
+      f = n === `custom` ? o : u[n] || 9,
+      p = (0, _.useCallback)(() => {
+        c({ rows: d, cols: f });
+      }, [d, f, c]),
+      m = (0, _.useCallback)(async () => {
+        let { value: e } = await K.default.fire({
+          title: `Join DAB Room`,
+          input: `text`,
+          inputPlaceholder: `Enter Room ID`,
+          showCancelButton: !0,
+          customClass: { popup: J },
+        });
+        e && l(e.trim().toUpperCase());
+      }, [l]);
+    return (0, U.jsxs)(`div`, {
+      className: `min-h-screen bg-paper flex flex-col items-center justify-center p-4`,
+      children: [
+        (0, U.jsxs)(Ii, {
+          className: `p-6 max-w-md w-full mb-4`,
+          children: [
+            (0, U.jsx)(`input`, {
+              type: `text`,
+              value: e.name,
+              onChange: (e) => t((t) => ({ ...t, name: e.target.value })),
+              placeholder: `Enter your name`,
+              className: `w-full sketch-border font-handwriting text-ink px-3 py-2 rounded mb-4`,
+            }),
+            (0, U.jsx)(Y, {
+              avatarIcon: e.avatarIcon,
+              color: e.color,
+              onAvatarChange: (e) => t((t) => ({ ...t, avatarIcon: e })),
+              onColorChange: (e) => t((t) => ({ ...t, color: e })),
+            }),
+          ],
+        }),
+        (0, U.jsxs)(Ii, {
+          className: `p-8 max-w-md w-full space-y-4`,
+          children: [
+            (0, U.jsxs)(`div`, {
+              children: [
+                (0, U.jsx)(`p`, { className: `paper-font text-sm text-ink/60 mb-2`, children: `Game Mode` }),
+                (0, U.jsxs)(`div`, {
+                  className: `grid grid-cols-3 gap-2`,
+                  children: [
+                    (0, U.jsx)(q, {
+                      onClick: () => r(`classic`),
+                      className: n === `classic` ? `bg-ink text-white` : ``,
+                      children: `Classic`,
+                    }),
+                    (0, U.jsx)(q, {
+                      onClick: () => r(`extended`),
+                      className: n === `extended` ? `bg-ink text-white` : ``,
+                      children: `Extended`,
+                    }),
+                    (0, U.jsx)(q, {
+                      onClick: () => r(`marathon`),
+                      className: n === `marathon` ? `bg-ink text-white` : ``,
+                      children: `Marathon`,
+                    }),
+                  ],
+                }),
+                (0, U.jsx)(q, {
+                  onClick: () => r(`custom`),
+                  className: `w-full mt-2 ${n === `custom` ? `bg-ink text-white` : ``}`,
+                  children: `Custom Size`,
+                }),
+              ],
+            }),
+            n === `custom` &&
+              (0, U.jsxs)(`div`, {
+                className: `space-y-3`,
+                children: [
+                  (0, U.jsxs)(`div`, {
+                    children: [
+                      (0, U.jsxs)(`label`, { className: `paper-font text-sm text-ink/70`, children: [`Rows: `, i] }),
+                      (0, U.jsx)(`input`, {
+                        type: `range`,
+                        min: `3`,
+                        max: `30`,
+                        value: i,
+                        onChange: (e) => a(Number(e.target.value)),
+                        className: `w-full`,
+                      }),
+                    ],
+                  }),
+                  (0, U.jsxs)(`div`, {
+                    children: [
+                      (0, U.jsxs)(`label`, { className: `paper-font text-sm text-ink/70`, children: [`Columns: `, o] }),
+                      (0, U.jsx)(`input`, {
+                        type: `range`,
+                        min: `3`,
+                        max: `30`,
+                        value: o,
+                        onChange: (e) => s(Number(e.target.value)),
+                        className: `w-full`,
+                      }),
+                    ],
+                  }),
+                ],
+              }),
+            (0, U.jsxs)(`p`, {
+              className: `paper-font text-xs text-ink/60`,
+              children: [`Selected size: `, d, ` × `, f],
+            }),
+            (0, U.jsxs)(`div`, {
+              className: `grid grid-cols-2 gap-3`,
+              children: [
+                (0, U.jsx)(q, { onClick: p, className: `w-full`, children: `Start Game` }),
+                (0, U.jsx)(q, { onClick: m, className: `w-full`, children: `Join Room` }),
+              ],
+            }),
+          ],
+        }),
+      ],
+    });
+  },
+  Os = [`#1a1a2e`, `#c73e1d`, `#2d4a8f`, `#2f5233`],
+  ks = (e, t, n, r, i = 0) => {
+    let a = 1.5,
+      o = [];
+    for (let s = 0; s <= 8; s++) {
+      let c = s / 8,
+        l = e + (n - e) * c,
+        u = t + (r - t) * c,
+        d = Math.sin(i + s * 2.3) * a,
+        f = Math.cos(i + s * 1.7) * a;
+      o.push(`${l + d},${u + f}`);
+    }
+    return `M ${o[0]} ${o
+      .slice(1)
+      .map((e) => `L ${e}`)
+      .join(` `)}`;
+  },
+  As = () => {
+    let {
+        socket: e,
+        playerName: t,
+        roomId: n,
+        setRoomId: r,
+        clearRoomId: i,
+        setGamePrefix: a,
+        profile: o,
+        setProfile: s,
+      } = Lr(),
+      c = Re(),
+      [l, u] = (0, _.useState)([]),
+      [d, f] = (0, _.useState)(`waiting`),
+      [p, m] = (0, _.useState)(0),
+      [h, g] = (0, _.useState)(9),
+      [v, y] = (0, _.useState)(9),
+      [b, x] = (0, _.useState)([]),
+      [S, C] = (0, _.useState)([]),
+      [w, T] = (0, _.useState)([]),
+      [E, D] = (0, _.useState)([]),
+      [O, k] = (0, _.useState)(null),
+      [A, j] = (0, _.useState)(`classic`),
+      [M, ee] = (0, _.useState)(5),
+      [N, P] = (0, _.useState)(5),
+      [te, ne] = (0, _.useState)(-1),
+      [re, F] = (0, _.useState)(!1),
+      [ie, ae] = (0, _.useState)(null),
+      [oe] = da(`/sounds/move.mp3`, { volume: 0.5 }),
+      [se] = da(`/sounds/win.mp3`, { volume: 0.7 }),
+      ce = (0, _.useCallback)(() => {
+        K.default
+          .fire({
+            title: `Leave Game?`,
+            text: `Are you sure you want to leave?`,
+            icon: `warning`,
+            showCancelButton: !0,
+            confirmButtonText: `Yes, leave`,
+            cancelButtonText: `Stay`,
+            customClass: { popup: J },
+          })
+          .then((t) => {
+            t.isConfirmed && (e.emit(`dab_leaveRoom`, n), sessionStorage.removeItem(`dab_reconnect`), i(n), c(`/`));
+          });
+      }, [e, i, c, n]),
+      le = (0, _.useCallback)(
+        ({ rows: t, cols: r }) => {
+          (g(t), y(r), e.emit(`dab_startGame`, { roomId: n, rows: t, cols: r }));
+        },
+        [n, e],
+      ),
+      ue = (0, _.useCallback)(
+        (n) => {
+          e.emit(`dab_joinRoom`, { roomId: n, playerName: o.name || t, avatarIcon: o.avatarIcon, color: o.color });
+        },
+        [t, o, e],
+      ),
+      { clearReconnect: I } = ha({
+        socket: e,
+        gamePrefix: `dab`,
+        roomId: n,
+        onRestore: (t) => {
+          t &&
+            (r(t.id),
+            u(t.players || []),
+            f(t.gameState || `waiting`),
+            m(t.currentTurn),
+            g(t.rows),
+            y(t.cols),
+            x(t.horizontalLines || []),
+            C(t.verticalLines || []),
+            T(t.boxes || []),
+            D(t.scores || []),
+            k(t.lastMove || null),
+            F(t.gameState === `paused`),
+            ne((t.players || []).findIndex((t) => t.id === e?.id)),
+            t.settings &&
+              (j(t.settings.mode || `classic`), ee(t.settings.customRows || 5), P(t.settings.customCols || 5)));
+        },
+      });
+    (ma(
+      e,
+      {
+        dab_gameStarted: () => {
+          (H.socket(`⬅️`, `dab_gameStarted`),
+            f(`playing`),
+            F(!1),
+            K.default.fire({
+              title: `Game Started!`,
+              text: `Draw lines to claim boxes!`,
+              timer: 1500,
+              showConfirmButton: !1,
+              customClass: { popup: J },
+            }));
+        },
+        dab_gameRestarted: () => {
+          (H.socket(`⬅️`, `dab_gameRestarted`),
+            f(`waiting`),
+            m(0),
+            x(Array.from({ length: h }, () => Array(v).fill(null))),
+            C(Array.from({ length: h }, () => Array(v + 1).fill(null))),
+            T(Array.from({ length: h }, () => Array(v).fill(null))),
+            D(Array(l.length).fill(0)),
+            k(null),
+            F(!1),
+            K.default.fire({
+              title: `Game Restarted`,
+              text: `New game starting!`,
+              timer: 1500,
+              showConfirmButton: !1,
+              customClass: { popup: J },
+            }));
+        },
+        dab_moveResult: ({ lineType: e, r: t, c: n, claimedBoxes: r, scores: i, currentTurn: a, playerIndex: o }) => {
+          (oe(),
+            x((r) => {
+              let i = r.map((e) => [...e]);
+              return (e === `h` && (i[t][n] = o), i);
+            }),
+            C((r) => {
+              let i = r.map((e) => [...e]);
+              return (e === `v` && (i[t][n] = o), i);
+            }),
+            r &&
+              r.length > 0 &&
+              (se(),
+              pa({
+                particleCount: 25,
+                spread: 35,
+                origin: { y: 0.6 },
+                colors: [l[o]?.color || Os[o] || `#2a2a3e`],
+                decay: 0.85,
+                gravity: 0.5,
+              }),
+              T((e) => {
+                let t = e.map((e) => [...e]);
+                for (let e of r) t[e.r][e.c] = o;
+                return t;
+              })),
+            D(i),
+            m(a),
+            k({ lineType: e, r: t, c: n }));
+        },
+        dab_gameOver: ({ winner: e, scores: t }) => {
+          (H.socket(`⬅️`, `dab_gameOver`),
+            f(`ended`),
+            D(t),
+            sessionStorage.removeItem(`dab_reconnect`),
+            pa({ particleCount: 150, spread: 70, origin: { y: 0.6 } }),
+            e ||
+              K.default.fire({
+                title: `It's a Tie!`,
+                text: `Multiple players share the top score!`,
+                icon: `info`,
+                customClass: { popup: J },
+              }));
+        },
+        dab_playerLeft: ({ playerId: e }) => {
+          u((t) => t.map((t) => (t.id === e ? { ...t, connected: !1 } : t)));
+        },
+        dab_playerReconnected: ({ playerId: e }) => {
+          (u((t) => t.map((t) => (t.id === e ? { ...t, connected: !0 } : t))), F(!1));
+        },
+        dab_gamePaused: () => F(!0),
+        dab_redoRequested: ({ requesterId: e }) => ae(e),
+        dab_redoCancelled: () => ae(null),
+        dab_moveUndone: ({ horizontalLines: e, verticalLines: t, boxes: n, scores: r, currentTurn: i }) => {
+          (x(e), C(t), T(n), D(r), m(i), k(null), ae(null));
+        },
+      },
+      [h, v, l, se, oe, n],
+    ),
+      ma(
+        e,
+        {
+          dab_redoResponse: ({ accepted: e, reason: t, requesterId: n, requesterName: r }) => {
+            if (e) ae(null);
+            else if ((ae(null), t === `Requester disconnected.`))
+              K.default.fire({
+                title: `Redo Failed`,
+                text: `The player who requested undo disconnected.`,
+                icon: `info`,
+                customClass: { popup: J },
+              });
+            else {
+              let e = r || l.find((e) => e.id === n)?.name || `Someone`;
+              K.default.fire({
+                title: `Undo Denied`,
+                text: `${e}'s undo request was denied.`,
+                icon: `warning`,
+                customClass: { popup: J },
+              });
+            }
+          },
+          server_shutdown: ({ message: e }) => {
+            K.default
+              .fire({
+                title: `Server Shutting Down`,
+                text: e || `The server is going down for maintenance.`,
+                icon: `info`,
+                customClass: { popup: J },
+              })
+              .then(() => {
+                (sessionStorage.removeItem(`dab_reconnect`), i(n), c(`/`));
+              });
+          },
+        },
+        [l, i, n, c],
+      ),
+      (0, _.useEffect)(() => {
+        e && (a(`dab`), H.socket(`➡️`, `dab_requestRoomInfo`, { roomId: n }), n && e.emit(`dab_requestRoomInfo`, n));
+      }, [e, n, a]));
+    let de = (0, _.useCallback)(() => {
+        e.emit(`dab_restartGame`, n);
+      }, [n, e]),
+      fe = (0, _.useCallback)(() => {
+        ce();
+      }, [ce]),
+      L = (0, _.useCallback)(() => {
+        n && le({ rows: h, cols: v });
+      }, [le, n, h, v]),
+      pe = (0, _.useCallback)(() => {
+        e.emit(`dab_requestRedo`, n);
+      }, [n, e]),
+      me = (0, _.useCallback)(
+        (t) => {
+          e.emit(`dab_respondRedo`, { roomId: n, accept: t });
+        },
+        [n, e],
+      ),
+      he = (0, _.useCallback)(
+        (t, r, i) => {
+          d !== `playing` ||
+            re ||
+            te !== p ||
+            ((t === `h` ? b : S)[r]?.[i] === null && e.emit(`dab_makeMove`, { roomId: n, lineType: t, r, c: i }));
+        },
+        [d, re, te, p, b, S, n, e],
+      ),
+      R = n && l[0]?.id === e?.id,
+      ge = (0, U.jsxs)(`div`, {
+        className: `space-y-3`,
+        children: [
+          (0, U.jsx)(`p`, { className: `paper-font text-sm text-ink/60`, children: `Game Mode` }),
+          (0, U.jsx)(`div`, {
+            className: `grid grid-cols-3 gap-2`,
+            children: [`classic`, `extended`, `marathon`].map((e) =>
+              (0, U.jsx)(q, { onClick: () => j(e), className: A === e ? `bg-ink text-white` : ``, children: e }, e),
+            ),
+          }),
+          (0, U.jsx)(q, {
+            onClick: () => j(`custom`),
+            className: A === `custom` ? `bg-ink text-white` : ``,
+            children: `Custom Size`,
+          }),
+          A === `custom` &&
+            (0, U.jsxs)(`div`, {
+              className: `space-y-3`,
+              children: [
+                (0, U.jsxs)(`div`, {
+                  children: [
+                    (0, U.jsxs)(`label`, { className: `paper-font text-sm text-ink/70`, children: [`Rows: `, M] }),
+                    (0, U.jsx)(`input`, {
+                      type: `range`,
+                      min: `3`,
+                      max: `30`,
+                      value: M,
+                      onChange: (e) => ee(Number(e.target.value)),
+                      className: `w-full`,
+                    }),
+                  ],
+                }),
+                (0, U.jsxs)(`div`, {
+                  children: [
+                    (0, U.jsxs)(`label`, { className: `paper-font text-sm text-ink/70`, children: [`Columns: `, N] }),
+                    (0, U.jsx)(`input`, {
+                      type: `range`,
+                      min: `3`,
+                      max: `30`,
+                      value: N,
+                      onChange: (e) => P(Number(e.target.value)),
+                      className: `w-full`,
+                    }),
+                  ],
+                }),
+              ],
+            }),
+        ],
+      }),
+      _e = v * 60,
+      ve = h * 60;
+    return n
+      ? d === `waiting`
+        ? (0, U.jsx)(Hi, {
+            gameName: `Dots & Boxes`,
+            roomId: n,
+            players: l,
+            spectators: [],
+            isHost: !!R,
+            minPlayers: 2,
+            onStart: L,
+            onLeave: fe,
+            showJoinInput: !0,
+            customizationSlot: ge,
+            startLabel: `Start Party!`,
+            profile: o,
+            onProfileChange: (e) => s(e),
+          })
+        : d === `ended`
+          ? (0, U.jsx)(ta, {
+              winner: null,
+              isWinner: !1,
+              scores: E.map((e, t) => ({
+                name: l[t]?.name || `Player ${t + 1}`,
+                score: typeof e == `number` ? e : (e?.value ?? 0),
+              })),
+              players: l,
+              onRematch: de,
+              onNewRoom: fe,
+            })
+          : (0, U.jsxs)(Zi, {
+              players: l,
+              children: [
+                (0, U.jsx)(`div`, {
+                  className: `w-full p-4`,
+                  children: (0, U.jsxs)(`div`, {
+                    className: `max-w-6xl mx-auto`,
+                    children: [
+                      (0, U.jsx)(`div`, {
+                        className: `mb-4`,
+                        children: (0, U.jsxs)(q, {
+                          onClick: fe,
+                          style: { background: `#fff0f0` },
+                          children: [(0, U.jsx)(Yr, { className: `inline mr-1`, size: 20 }), `Leave Game`],
+                        }),
+                      }),
+                      (0, U.jsxs)(`div`, {
+                        className: `grid grid-cols-1 lg:grid-cols-3 gap-6`,
+                        children: [
+                          (0, U.jsxs)(`div`, {
+                            className: `lg:col-span-1 space-y-4`,
+                            children: [
+                              (0, U.jsxs)(Ii, {
+                                className: `p-4`,
+                                children: [
+                                  (0, U.jsxs)(`h3`, {
+                                    className: `font-sketch text-2xl mb-3 text-ink flex items-center gap-2`,
+                                    children: [(0, U.jsx)(Si, { size: 24 }), `Scoreboard`],
+                                  }),
+                                  (0, U.jsx)(`div`, {
+                                    className: `space-y-2`,
+                                    children: l.map((e, t) =>
+                                      (0, U.jsxs)(
+                                        `div`,
+                                        {
+                                          className: `flex items-center justify-between p-2 rounded border-2 border-dashed ${t === p && d === `playing` ? `border-current bg-yellow-50` : `border-gray-300`}`,
+                                          style: {
+                                            color: l[t]?.color || Os[t],
+                                            transform: `rotate(${t % 2 ? 0.5 : -0.5}deg)`,
+                                          },
+                                          children: [
+                                            (0, U.jsxs)(`div`, {
+                                              className: `flex items-center gap-2`,
+                                              children: [
+                                                (0, U.jsx)(Vi, { avatarIcon: e.avatarIcon, color: e.color, size: 20 }),
+                                                (0, U.jsxs)(`span`, {
+                                                  className: `font-handwriting font-bold`,
+                                                  children: [e.name, t === te && ` (You)`],
+                                                }),
+                                              ],
+                                            }),
+                                            (0, U.jsx)(`span`, {
+                                              className: `font-sketch text-2xl font-bold`,
+                                              children: typeof E[t] == `number` ? E[t] : 0,
+                                            }),
+                                          ],
+                                        },
+                                        e.id,
+                                      ),
+                                    ),
+                                  }),
+                                ],
+                              }),
+                              (0, U.jsx)(na, {
+                                requesterId: ie,
+                                players: l,
+                                currentTurn: p,
+                                myPlayerIndex: te,
+                                onAllow: () => me(!0),
+                                onDeny: () => me(!1),
+                              }),
+                              d === `playing` &&
+                                (0, U.jsx)(Ii, {
+                                  className: `p-4`,
+                                  children:
+                                    te === p
+                                      ? (0, U.jsxs)(`div`, {
+                                          className: `text-center`,
+                                          children: [
+                                            (0, U.jsx)(`div`, {
+                                              className: `w-8 h-8 rounded-full mx-auto mb-2 border-2`,
+                                              style: { backgroundColor: l[te]?.color || Os[te] },
+                                            }),
+                                            (0, U.jsx)(`p`, {
+                                              className: `font-sketch text-xl text-ink font-bold`,
+                                              children: `Your Turn!`,
+                                            }),
+                                            (0, U.jsx)(`p`, {
+                                              className: `font-handwriting text-sm text-gray-600`,
+                                              children: `Draw a line`,
+                                            }),
+                                          ],
+                                        })
+                                      : (0, U.jsxs)(`div`, {
+                                          className: `text-center`,
+                                          children: [
+                                            (0, U.jsx)(`div`, {
+                                              className: `w-8 h-8 rounded-full mx-auto mb-2 border-2`,
+                                              style: { backgroundColor: l[p]?.color || Os[p] },
+                                            }),
+                                            (0, U.jsxs)(`p`, {
+                                              className: `font-handwriting text-gray-600`,
+                                              children: [
+                                                `Waiting for `,
+                                                (0, U.jsx)(`span`, {
+                                                  className: `font-bold text-ink`,
+                                                  children: l[p]?.name,
+                                                }),
+                                                `...`,
+                                              ],
+                                            }),
+                                            O &&
+                                              l.length > 1 &&
+                                              te === (p + 1) % l.length &&
+                                              (0, U.jsxs)(q, {
+                                                onClick: pe,
+                                                className: `mt-2 text-sm`,
+                                                children: [
+                                                  (0, U.jsx)(wi, { className: `inline`, size: 14 }),
+                                                  ` Request Undo`,
+                                                ],
+                                              }),
+                                          ],
+                                        }),
+                                }),
+                              re &&
+                                (0, U.jsxs)(Ii, {
+                                  className: `p-4 bg-yellow-50`,
+                                  children: [
+                                    (0, U.jsx)(`p`, {
+                                      className: `font-handwriting text-center text-ink font-bold`,
+                                      children: `Game Paused`,
+                                    }),
+                                    (0, U.jsx)(`p`, {
+                                      className: `font-handwriting text-sm text-center text-gray-600`,
+                                      children: `Waiting for players to reconnect`,
+                                    }),
+                                  ],
+                                }),
+                            ],
+                          }),
+                          (0, U.jsx)(`div`, {
+                            className: `lg:col-span-2`,
+                            children: (0, U.jsx)(Ii, {
+                              className: `p-4 overflow-hidden`,
+                              children:
+                                _e > 0 && ve > 0
+                                  ? (0, U.jsx)(bs, {
+                                      initialScale: Math.min(1, 600 / Math.max(_e, ve)),
+                                      minScale: 0.3,
+                                      maxScale: 3,
+                                      limitToBounds: !0,
+                                      centerOnInit: !0,
+                                      children: ({ zoomIn: e, zoomOut: t, resetTransform: n }) =>
+                                        (0, U.jsxs)(U.Fragment, {
+                                          children: [
+                                            (0, U.jsxs)(`div`, {
+                                              className: `absolute top-2 right-2 z-10 flex gap-2`,
+                                              children: [
+                                                (0, U.jsx)(`button`, {
+                                                  onClick: () => e(0.2),
+                                                  className: `sketch-button p-2 bg-white`,
+                                                  title: `Zoom In`,
+                                                  children: (0, U.jsx)(fi, { size: 16 }),
+                                                }),
+                                                (0, U.jsx)(`button`, {
+                                                  onClick: () => t(0.2),
+                                                  className: `sketch-button p-2 bg-white`,
+                                                  title: `Zoom Out`,
+                                                  children: (0, U.jsx)(oi, { size: 16 }),
+                                                }),
+                                                (0, U.jsx)(`button`, {
+                                                  onClick: () => n(),
+                                                  className: `sketch-button p-2 bg-white`,
+                                                  title: `Reset`,
+                                                  children: (0, U.jsx)(mi, { size: 16 }),
+                                                }),
+                                              ],
+                                            }),
+                                            (0, U.jsx)(ws, {
+                                              children: (0, U.jsx)(`div`, {
+                                                className: `select-none pointer-events-none`,
+                                                style: { touchAction: `none` },
+                                                children: (0, U.jsxs)(`svg`, {
+                                                  className: `pointer-events-auto block`,
+                                                  width: _e,
+                                                  height: ve,
+                                                  viewBox: `-20 -20 ${_e + 40} ${ve + 40}`,
+                                                  style: { background: `#fffef9`, borderRadius: `4px` },
+                                                  children: [
+                                                    (0, U.jsx)(`defs`, {
+                                                      children: (0, U.jsxs)(`filter`, {
+                                                        id: `paper-texture`,
+                                                        children: [
+                                                          (0, U.jsx)(`feTurbulence`, {
+                                                            type: `fractalNoise`,
+                                                            baseFrequency: `0.9`,
+                                                            numOctaves: `4`,
+                                                            result: `noise`,
+                                                          }),
+                                                          (0, U.jsx)(`feDiffuseLighting`, {
+                                                            in: `noise`,
+                                                            lightingColor: `#f5f1e8`,
+                                                            surfaceScale: `1`,
+                                                            children: (0, U.jsx)(`feDistantLight`, {
+                                                              azimuth: `45`,
+                                                              elevation: `60`,
+                                                            }),
+                                                          }),
+                                                        ],
+                                                      }),
+                                                    }),
+                                                    w.map((e, t) =>
+                                                      e.map((e, n) =>
+                                                        e === null
+                                                          ? null
+                                                          : (0, U.jsxs)(
+                                                              `g`,
+                                                              {
+                                                                children: [
+                                                                  (0, U.jsx)(`rect`, {
+                                                                    x: n * 60,
+                                                                    y: t * 60,
+                                                                    width: 60,
+                                                                    height: 60,
+                                                                    fill: Os[e],
+                                                                    opacity: 0.15,
+                                                                  }),
+                                                                  (0, U.jsx)(`path`, {
+                                                                    d: `M ${n * 60} ${t * 60} L ${(n + 1) * 60} ${(t + 1) * 60} M ${(n + 1) * 60} ${t * 60} L ${n * 60} ${(t + 1) * 60}`,
+                                                                    stroke: Os[e],
+                                                                    strokeWidth: `1`,
+                                                                    opacity: `0.3`,
+                                                                    strokeDasharray: `3,3`,
+                                                                  }),
+                                                                ],
+                                                              },
+                                                              `box-${t}-${n}`,
+                                                            ),
+                                                      ),
+                                                    ),
+                                                    Array.from({ length: h + 1 }, (e, t) =>
+                                                      Array.from({ length: v }, (e, n) => {
+                                                        let r = b[t]?.[n],
+                                                          i = t * 100 + n,
+                                                          a = O && O.lineType === `h` && O.r === t && O.c === n;
+                                                        return (0, U.jsxs)(
+                                                          `g`,
+                                                          {
+                                                            children: [
+                                                              r !== null &&
+                                                                (0, U.jsx)(`path`, {
+                                                                  d: ks(n * 60, t * 60, (n + 1) * 60, t * 60, i),
+                                                                  stroke: Os[r],
+                                                                  strokeWidth: 3,
+                                                                  fill: `none`,
+                                                                  strokeLinecap: `round`,
+                                                                  vectorEffect: `non-scaling-stroke`,
+                                                                  style: {
+                                                                    filter: a ? `drop-shadow(0 0 4px #38bdf8)` : void 0,
+                                                                  },
+                                                                }),
+                                                              (0, U.jsx)(`line`, {
+                                                                x1: n * 60,
+                                                                y1: t * 60,
+                                                                x2: (n + 1) * 60,
+                                                                y2: t * 60,
+                                                                stroke: `transparent`,
+                                                                strokeWidth: 20,
+                                                                style: { cursor: `pointer`, pointerEvents: `stroke` },
+                                                                onPointerDown: (e) => {
+                                                                  (e.stopPropagation(), he(`h`, t, n));
+                                                                },
+                                                              }),
+                                                            ],
+                                                          },
+                                                          `h-${t}-${n}`,
+                                                        );
+                                                      }),
+                                                    ),
+                                                    Array.from({ length: h }, (e, t) =>
+                                                      Array.from({ length: v + 1 }, (e, n) => {
+                                                        let r = S[t]?.[n],
+                                                          i = t * 100 + n + 1e3,
+                                                          a = O && O.lineType === `v` && O.r === t && O.c === n;
+                                                        return (0, U.jsxs)(
+                                                          `g`,
+                                                          {
+                                                            children: [
+                                                              r !== null &&
+                                                                (0, U.jsx)(`path`, {
+                                                                  d: ks(n * 60, t * 60, n * 60, (t + 1) * 60, i),
+                                                                  stroke: Os[r],
+                                                                  strokeWidth: 3,
+                                                                  fill: `none`,
+                                                                  strokeLinecap: `round`,
+                                                                  vectorEffect: `non-scaling-stroke`,
+                                                                  style: {
+                                                                    filter: a ? `drop-shadow(0 0 4px #38bdf8)` : void 0,
+                                                                  },
+                                                                }),
+                                                              (0, U.jsx)(`line`, {
+                                                                x1: n * 60,
+                                                                y1: t * 60,
+                                                                x2: n * 60,
+                                                                y2: (t + 1) * 60,
+                                                                stroke: `transparent`,
+                                                                strokeWidth: 20,
+                                                                style: { cursor: `pointer`, pointerEvents: `stroke` },
+                                                                onPointerDown: (e) => {
+                                                                  (e.stopPropagation(), he(`v`, t, n));
+                                                                },
+                                                              }),
+                                                            ],
+                                                          },
+                                                          `v-${t}-${n}`,
+                                                        );
+                                                      }),
+                                                    ),
+                                                    Array.from({ length: h + 1 }, (e, t) =>
+                                                      Array.from({ length: v + 1 }, (e, n) => {
+                                                        let r = t * 1e3 + n,
+                                                          i = Math.sin(r * 0.1) * 0.5,
+                                                          a = Math.cos(r * 0.1) * 0.5;
+                                                        return (0, U.jsx)(
+                                                          `circle`,
+                                                          {
+                                                            cx: n * 60 + i,
+                                                            cy: t * 60 + a,
+                                                            r: 4,
+                                                            fill: `#2a2a3e`,
+                                                            vectorEffect: `non-scaling-stroke`,
+                                                            style: { pointerEvents: `none` },
+                                                          },
+                                                          `dot-${t}-${n}`,
+                                                        );
+                                                      }),
+                                                    ),
+                                                  ],
+                                                }),
+                                              }),
+                                            }),
+                                          ],
+                                        }),
+                                    })
+                                  : (0, U.jsx)(`div`, {
+                                      className: `flex items-center justify-center p-8`,
+                                      children: (0, U.jsx)(`p`, {
+                                        className: `font-handwriting text-gray-400 slide-texture`,
+                                        children: `Loading...`,
+                                      }),
+                                    }),
+                            }),
+                          }),
+                        ],
+                      }),
+                    ],
+                  }),
+                }),
+                (0, U.jsx)(Xi, { socket: e, roomId: n, gamePrefix: `dab`, players: l }),
+              ],
+            })
+      : (0, U.jsx)(Ds, {
+          profile: o,
+          setProfile: s,
+          mode: A,
+          setMode: j,
+          customRows: M,
+          setCustomRows: ee,
+          customCols: N,
+          setCustomCols: P,
+          onStart: le,
+          onJoin: ue,
+        });
+  },
+  js = () => {
+    let {
+        socket: e,
+        playerName: t,
+        roomId: n,
+        setRoomId: r,
+        clearRoomId: i,
+        setGamePrefix: a,
+        profile: o,
+        setProfile: s,
+      } = Lr(),
+      c = Re(),
+      [l, u] = (0, _.useState)(`lobby`),
+      [d, f] = (0, _.useState)([]),
+      [p, m] = (0, _.useState)([]),
+      [h, g] = (0, _.useState)(null),
+      [v, y] = (0, _.useState)(`S`),
+      [b, x] = (0, _.useState)([]),
+      [S, C] = (0, _.useState)(6),
+      [w, T] = (0, _.useState)([]),
+      [E, D] = (0, _.useState)(-1),
+      O = (0, _.useRef)(``),
+      k = (0, _.useRef)(!1),
+      A = (0, _.useCallback)(() => {
+        e && e.emit(`sos_createRoom`, { playerName: o.name || t, avatarIcon: o.avatarIcon, color: o.color, size: S });
+      }, [e, o, t, S]),
+      j = (0, _.useCallback)(
+        (n, r) => {
+          e &&
+            e.emit(`sos_joinRoom`, {
+              roomId: n,
+              playerName: o.name || t,
+              avatarIcon: o.avatarIcon,
+              color: o.color,
+              asSpectator: r,
+            });
+        },
+        [e, o, t],
+      ),
+      { clearReconnect: M } = ha({
+        socket: e,
+        gamePrefix: `sos`,
+        roomId: n,
+        onRestore: (e, t) => {
+          e &&
+            (r(e.id),
+            f(e.players || []),
+            m(e.spectators || []),
+            u(e.gameState || `lobby`),
+            g(e.currentTurn),
+            T(e.board || []),
+            D(t ? (e.players || []).findIndex((e) => e.id === t.id) : -1));
+        },
+      });
+    (ma(
+      e,
+      {
+        sos_roomInfo: (t) => {
+          ((k.current = !0),
+            r(t.id),
+            f(t.players || []),
+            m(t.spectators || []),
+            u(t.gameState),
+            g(t.currentTurn),
+            T(t.board || []));
+          let n = t.players?.find((t) => t.id === e.id);
+          D(n ? t.players.findIndex((e) => e.id === n.id) : -1);
+        },
+        sos_gameStarted: () => {
+          u(`playing`);
+        },
+        sos_moveMade: (e) => {
+          (T(e.board || []),
+            e.patterns &&
+              e.patterns.length > 0 &&
+              (x(e.patterns.flatMap((e) => e.cells.map((e) => `${e.row}-${e.col}`))), setTimeout(() => x([]), 2e3)));
+        },
+        sos_gameOver: () => {
+          u(`ended`);
+        },
+        sos_gamePaused: () => {
+          u(`paused`);
+        },
+        sos_gameRestarted: () => {
+          (u(`waiting`), y(`S`), T([]));
+        },
+        sos_alert: ({ icon: e, title: t, text: n }) => {
+          K.default.fire({ icon: e, title: t, text: n });
+        },
+        server_shutdown: ({ message: e }) => {
+          K.default
+            .fire({
+              title: `Server Shutting Down`,
+              text: e || `The server is going down for maintenance.`,
+              icon: `info`,
+              customClass: { popup: J },
+            })
+            .then(() => {
+              (sessionStorage.removeItem(`sos_reconnect`), i(), c(`/`));
+            });
+        },
+      },
+      [i, c, r],
+    ),
+      (0, _.useEffect)(() => {
+        if (!e) return;
+        a(`sos`);
+        let t = sessionStorage.getItem(`sos_reconnect`);
+        if (t && !k.current) {
+          k.current = !0;
+          let n = JSON.parse(t);
+          e.emit(`sos_reconnect`, n);
+        }
+      }, [e, a]));
+    let ee = (0, _.useCallback)(() => {
+        !e || !n || e.emit(`sos_startGame`, { roomId: n });
+      }, [e, n]),
+      N = (0, _.useCallback)(() => {
+        !e || !n || e.emit(`sos_restartGame`, n);
+      }, [e, n]),
+      P = (0, _.useCallback)(() => {
+        !e || !n || (e.emit(`sos_leaveRoom`, n), M(), i(), u(`lobby`), c(`/`));
+      }, [e, n, M, i, c]),
+      te = (0, _.useCallback)(
+        (t, r) => {
+          !n ||
+            l !== `playing` ||
+            (E === h && w[t]?.[r] === null && e.emit(`sos_makeMove`, { roomId: n, row: t, col: r, value: v }));
+        },
+        [n, l, E, h, w, v, e],
+      ),
+      ne = p.some((t) => t.id === e?.id),
+      re = d[0]?.id === e?.id;
+    if (l === `ended`)
+      return (0, U.jsx)(ta, {
+        winner: null,
+        isWinner: !1,
+        scores: d.map((e, t) => ({ name: e.name || `Player ${t + 1}`, score: e.score || 0 })),
+        onRematch: N,
+        onLeave: P,
+      });
+    if (n && l === `waiting`)
+      return (0, U.jsx)(Hi, {
+        gameName: `SOS`,
+        roomId: n,
+        players: d,
+        spectators: p,
+        isHost: !!re,
+        minPlayers: 2,
+        onStart: ee,
+        onLeave: P,
+        showJoinInput: !0,
+        startLabel: `Start Game`,
+        profile: o,
+        onProfileChange: (e) => s(e),
+      });
+    if (n && l === `playing`) {
+      let e = w.length || S;
+      return (0, U.jsx)(Zi, {
+        players: d,
+        children: (0, U.jsxs)(`div`, {
+          className: `flex flex-col items-center gap-4 p-4`,
+          children: [
+            ne &&
+              (0, U.jsx)(`div`, {
+                className: `sketch-card px-4 py-2 bg-blue-100`,
+                children: (0, U.jsx)(`span`, {
+                  className: `paper-font text-blue-700 font-semibold`,
+                  children: `👁️ Spectating`,
+                }),
+              }),
+            (0, U.jsx)($i, { players: d, currentTurn: h }),
+            (0, U.jsxs)(`div`, {
+              className: `paper-font text-sm text-ink/60`,
+              children: [`Moves: `, w.flat().filter((e) => e).length, ` / `, e * e],
+            }),
+            (0, U.jsx)(`div`, {
+              className: `grid gap-1 p-4 sketch-card`,
+              style: { gridTemplateColumns: `repeat(${e}, minmax(32px, 1fr))` },
+              children: w.map((e, t) =>
+                e.map((e, n) => {
+                  let r = b.includes(`${t}-${n}`);
+                  return (0, U.jsx)(
+                    `button`,
+                    {
+                      onClick: () => te(t, n),
+                      disabled: E !== h,
+                      className: `w-10 h-10 sm:w-12 sm:h-12 flex items-center justify-center text-2xl font-sketch border-2 border-ink/20 hover:bg-paper-dark rounded sketch-transition ${r ? `bg-yellow-200` : ``}`,
+                      children:
+                        e &&
+                        (0, U.jsx)(`span`, {
+                          className: e.player === 0 ? `text-red-600` : `text-blue-600`,
+                          children: e.value,
+                        }),
+                    },
+                    `${t}-${n}`,
+                  );
+                }),
+              ),
+            }),
+            !ne &&
+              (0, U.jsxs)(`div`, {
+                className: `flex gap-4`,
+                children: [
+                  (0, U.jsx)(q, {
+                    onClick: () => y(`S`),
+                    style: { background: v === `S` ? `#fee2e2` : `#fff` },
+                    children: `S`,
+                  }),
+                  (0, U.jsx)(q, {
+                    onClick: () => y(`O`),
+                    style: { background: v === `O` ? `#dbeafe` : `#fff` },
+                    children: `O`,
+                  }),
+                ],
+              }),
+            (0, U.jsx)(q, { onClick: P, style: { background: `#fff0f0` }, children: `Leave Room` }),
+          ],
+        }),
+      });
+    }
+    return (0, U.jsx)(`div`, {
+      className: `min-h-screen bg-paper flex items-center justify-center p-4`,
+      children: (0, U.jsxs)(`div`, {
+        className: `sketch-card p-8 max-w-sm w-full space-y-6`,
+        children: [
+          (0, U.jsx)(`h2`, { className: `text-2xl font-sketch text-center text-ink`, children: `SOS` }),
+          (0, U.jsxs)(`div`, {
+            children: [
+              (0, U.jsx)(`label`, { className: `paper-font text-sm text-ink/60`, children: `Your Name` }),
+              (0, U.jsx)(`input`, {
+                type: `text`,
+                value: o.name,
+                onChange: (e) => s((t) => ({ ...t, name: e.target.value })),
+                placeholder: `Enter name`,
+                className: `sketch-input w-full mt-1`,
+                maxLength: 20,
+              }),
+            ],
+          }),
+          (0, U.jsxs)(`div`, {
+            children: [
+              (0, U.jsx)(`label`, { className: `paper-font text-sm text-ink/60`, children: `Board Size` }),
+              (0, U.jsxs)(`select`, {
+                className: `sketch-input w-full mt-1`,
+                value: S,
+                onChange: (e) => C(Number(e.target.value)),
+                children: [
+                  (0, U.jsx)(`option`, { value: 4, children: `4x4 (Quick)` }),
+                  (0, U.jsx)(`option`, { value: 5, children: `5x5` }),
+                  (0, U.jsx)(`option`, { value: 6, children: `6x6 (Balanced)` }),
+                  (0, U.jsx)(`option`, { value: 7, children: `7x7 (Deeper)` }),
+                  (0, U.jsx)(`option`, { value: 8, children: `8x8 (Longest)` }),
+                ],
+              }),
+            ],
+          }),
+          (0, U.jsx)(Y, {
+            avatarIcon: o.avatarIcon,
+            color: o.color,
+            onAvatarChange: (e) => s((t) => ({ ...t, avatarIcon: e })),
+            onColorChange: (e) => s((t) => ({ ...t, color: e })),
+          }),
+          (0, U.jsx)(q, { onClick: A, className: `w-full`, children: `Create Room` }),
+          (0, U.jsxs)(`div`, {
+            className: `border-t border-ink/20 pt-4`,
+            children: [
+              (0, U.jsx)(`label`, { className: `paper-font text-sm text-ink/60`, children: `Join Room` }),
+              (0, U.jsx)(`input`, {
+                type: `text`,
+                placeholder: `Room Code`,
+                className: `sketch-input w-full mt-1 mb-2`,
+                maxLength: 6,
+                ref: O,
+                onKeyDown: (e) => {
+                  if (e.key === `Enter`) {
+                    let t = e.target.value.trim();
+                    t && o.name && j(t);
+                  }
+                },
+              }),
+              (0, U.jsx)(q, {
+                onClick: () => {
+                  let e = O.current?.value || ``;
+                  e && o.name && j(e.trim());
+                },
+                className: `w-full`,
+                children: `Join as Player`,
+              }),
+              (0, U.jsx)(q, {
+                onClick: () => {
+                  let e = O.current?.value || ``;
+                  e && o.name && j(e.trim(), !0);
+                },
+                className: `w-full mt-2`,
+                style: { background: `#f0f8ff` },
+                children: `Join as Spectator`,
+              }),
+            ],
+          }),
+        ],
+      }),
+    });
+  },
+  Ms = () => {
+    let { socket: e, roomId: t, setRoomId: n, clearRoomId: r, setGamePrefix: i, profile: a, setProfile: o } = Lr(),
+      s = Re(),
+      [c, l] = (0, _.useState)(`lobby`),
+      [u, d] = (0, _.useState)([]),
+      [f, p] = (0, _.useState)([]),
+      [m, h] = (0, _.useState)(null),
+      [g, v] = (0, _.useState)(null),
+      [y, b] = (0, _.useState)(null),
+      [x, S] = (0, _.useState)(null),
+      [C, w] = (0, _.useState)([]),
+      T = (0, _.useRef)(null),
+      [E] = da(`/sounds/move.mp3`, { volume: 0.5 }),
+      [D] = da(`/sounds/win.mp3`, { volume: 0.7 }),
+      O = (0, _.useCallback)(() => {
+        e && e.emit(`c4_createRoom`, { playerName: a.name, avatarIcon: a.avatarIcon, color: a.color });
+      }, [e, a]),
+      k = (0, _.useCallback)(
+        (t, n) => {
+          e &&
+            e.emit(`c4_joinRoom`, {
+              roomId: t,
+              playerName: a.name,
+              avatarIcon: a.avatarIcon,
+              color: a.color,
+              asSpectator: n,
+            });
+        },
+        [e, a],
+      ),
+      { clearReconnect: A } = ha({
+        socket: e,
+        gamePrefix: `c4`,
+        roomId: t,
+        onRestore: (e) => {
+          e &&
+            (n(e.id),
+            d(e.players || []),
+            p(e.spectators || []),
+            l(e.gameState || `lobby`),
+            h(e.currentTurn),
+            w(e.board || []));
+        },
+      });
+    (ma(
+      e,
+      {
+        c4_roomInfo: (e) => {
+          (n(e.id), d(e.players || []), p(e.spectators || []), l(e.gameState), h(e.currentTurn), w(e.board || []));
+        },
+        c4_gameStarted: () => {
+          l(`playing`);
+        },
+        c4_moveMade: (e) => {
+          (w(e.board || []), e.lastMove && (S(e.lastMove), E()));
+        },
+        c4_gameOver: (e) => {
+          (l(`ended`), e.winLine && (b(e.winLine.map((e) => `${e.row}-${e.col}`)), D()));
+        },
+        c4_gamePaused: () => {
+          l(`paused`);
+        },
+        c4_gameRestarted: () => {
+          (l(`waiting`), b(null));
+        },
+        c4_alert: ({ icon: e, title: t, text: n }) => {
+          K.default.fire({ icon: e, title: t, text: n });
+        },
+        server_shutdown: ({ message: e }) => {
+          K.default
+            .fire({
+              title: `Server Shutting Down`,
+              text: e || `The server is going down for maintenance.`,
+              icon: `info`,
+              customClass: { popup: J },
+            })
+            .then(() => {
+              (A(), r(), l(`lobby`), s(`/`));
+            });
+        },
+      },
+      [r, s, E, D, n],
+    ),
+      (0, _.useEffect)(() => {
+        if (!e) return;
+        i(`c4`);
+        let t = sessionStorage.getItem(`c4_reconnect`);
+        if (t) {
+          let n = JSON.parse(t);
+          e.emit(`c4_reconnect`, n);
+        }
+      }, [e, i]));
+    let j = (0, _.useCallback)(() => {
+        !e || !t || e.emit(`c4_startGame`, { roomId: t });
+      }, [e, t]),
+      M = (0, _.useCallback)(() => {
+        !e || !t || e.emit(`c4_restartGame`, t);
+      }, [e, t]),
+      ee = (0, _.useCallback)(() => {
+        !e || !t || (e.emit(`c4_leaveRoom`, t), A(), r(), l(`lobby`), s(`/`));
+      }, [e, t, A, r, s]),
+      N = (0, _.useCallback)(
+        (n) => {
+          !t || c !== `playing` || (m === e?.id && e.emit(`c4_makeMove`, { roomId: t, column: n }));
+        },
+        [t, c, m, e],
+      ),
+      P = f.some((t) => t.id === e?.id),
+      te = u[0]?.id === e?.id;
+    if (c === `ended`)
+      return (0, U.jsx)(ta, {
+        winner: null,
+        isWinner: !1,
+        scores: u.map((e, t) => ({ name: e.name || `Player ${t + 1}`, score: 0 })),
+        onRematch: M,
+        onNewRoom: ee,
+      });
+    if (t && c === `waiting`)
+      return (0, U.jsx)(Hi, {
+        gameName: `Connect 4`,
+        roomId: t,
+        players: u,
+        spectators: f,
+        isHost: !!te,
+        minPlayers: 2,
+        onStart: j,
+        onLeave: ee,
+        showJoinInput: !0,
+        startLabel: `Start Game`,
+        profile: a,
+        onProfileChange: (e) => o(e),
+      });
+    if (t && c === `playing`) {
+      let n = m === e?.id && !P;
+      return (0, U.jsxs)(Zi, {
+        players: u,
+        children: [
+          (0, U.jsxs)(`div`, {
+            className: `flex flex-col items-center gap-4 p-4`,
+            children: [
+              P &&
+                (0, U.jsx)(`div`, {
+                  className: `sketch-card px-4 py-2 bg-blue-100`,
+                  children: (0, U.jsx)(`span`, {
+                    className: `paper-font text-blue-700 font-semibold`,
+                    children: `👁️ Spectating`,
+                  }),
+                }),
+              (0, U.jsx)($i, { players: u, currentTurn: m }),
+              (0, U.jsx)(`div`, {
+                className: `grid grid-cols-7 gap-1 p-4 sketch-card bg-blue-50 relative`,
+                onMouseLeave: () => v(null),
+                children: C.map((e, t) =>
+                  e.map((e, n) => {
+                    let r = y && y.includes(`${t}-${n}`),
+                      i = x && x.row === t && x.col === n;
+                    return (0, U.jsx)(
+                      `div`,
+                      {
+                        className: `w-10 h-10 sm:w-12 sm:h-12 border-2 rounded-full flex items-center justify-center ${r ? `border-yellow-400 ring-2 ring-yellow-400` : `border-ink/20`} ${i ? `ring-2 ring-sky-400` : ``}`,
+                        children:
+                          e !== null &&
+                          (0, U.jsx)(`div`, {
+                            className: `w-8 h-8 rounded-full ${e === 0 ? `bg-red-500` : `bg-yellow-500`}`,
+                          }),
+                      },
+                      `${t}-${n}`,
+                    );
+                  }),
+                ),
+              }),
+              (0, U.jsx)(`div`, {
+                className: `grid grid-cols-7 gap-1 w-64 sm:w-72 relative`,
+                onMouseLeave: () => v(null),
+                children: C[0]?.map((e, t) =>
+                  (0, U.jsxs)(
+                    `button`,
+                    {
+                      onClick: () => n && N(t),
+                      disabled: !n,
+                      className: `py-2 text-2xl font-sketch hover:bg-paper-dark rounded sketch-transition relative`,
+                      onMouseEnter: () => n && v(t),
+                      children: [
+                        g === t &&
+                          (0, U.jsx)(`div`, {
+                            className: `absolute inset-0 flex items-center justify-center pointer-events-none ${m === 0 ? `bg-red-500/30` : `bg-yellow-500/30`} rounded-full`,
+                          }),
+                        `⬇️`,
+                      ],
+                    },
+                    t,
+                  ),
+                ),
+              }),
+              (0, U.jsx)(q, { onClick: ee, style: { background: `#fff0f0` }, children: `Leave Room` }),
+            ],
+          }),
+          c === `playing` && (0, U.jsx)(Xi, { socket: e, roomId: t, gamePrefix: `c4`, players: u }),
+        ],
+      });
+    }
+    return (0, U.jsx)(`div`, {
+      className: `min-h-screen bg-paper flex items-center justify-center p-4`,
+      children: (0, U.jsxs)(`div`, {
+        className: `sketch-card p-8 max-w-sm w-full space-y-6`,
+        children: [
+          (0, U.jsx)(`h2`, { className: `text-2xl font-sketch text-center text-ink`, children: `Connect 4` }),
+          (0, U.jsxs)(`div`, {
+            children: [
+              (0, U.jsx)(`label`, { className: `paper-font text-sm text-ink/60`, children: `Your Name` }),
+              (0, U.jsx)(`input`, {
+                type: `text`,
+                value: a.name,
+                onChange: (e) => o((t) => ({ ...t, name: e.target.value })),
+                placeholder: `Enter name`,
+                className: `sketch-input w-full mt-1`,
+                maxLength: 20,
+              }),
+            ],
+          }),
+          (0, U.jsx)(Y, {
+            avatarIcon: a.avatarIcon,
+            color: a.color,
+            onAvatarChange: (e) => o((t) => ({ ...t, avatarIcon: e })),
+            onColorChange: (e) => o((t) => ({ ...t, color: e })),
+          }),
+          (0, U.jsx)(q, { onClick: O, className: `w-full`, children: `Create Room` }),
+          (0, U.jsxs)(`div`, {
+            className: `border-t border-ink/20 pt-4`,
+            children: [
+              (0, U.jsx)(`label`, { className: `paper-font text-sm text-ink/60`, children: `Join Room` }),
+              (0, U.jsx)(`input`, {
+                type: `text`,
+                placeholder: `Room Code`,
+                className: `sketch-input w-full mt-1 mb-2`,
+                maxLength: 6,
+                ref: T,
+                onKeyDown: (e) => {
+                  if (e.key === `Enter`) {
+                    let t = e.target.value.trim();
+                    t && k(t);
+                  }
+                },
+              }),
+              (0, U.jsx)(q, {
+                onClick: () => {
+                  let e = T.current?.value || ``;
+                  e && k(e.trim());
+                },
+                className: `w-full`,
+                children: `Join as Player`,
+              }),
+              (0, U.jsx)(q, {
+                onClick: () => {
+                  let e = T.current?.value || ``;
+                  e && k(e.trim(), !0);
+                },
+                className: `w-full mt-2`,
+                style: { background: `#f0f8ff` },
+                children: `Join as Spectator`,
+              }),
+            ],
+          }),
+        ],
+      }),
+    });
+  },
+  Ns = ({ children: e, onClick: t, disabled: n, className: r = ``, variant: i = `primary` }) =>
+    (0, U.jsx)(`button`, {
+      onClick: t,
+      disabled: n,
+      className: `px-6 py-2 rounded-lg font-bold transition-all duration-300 transform active:scale-95 disabled:opacity-50 disabled:cursor-not-allowed disabled:transform-none glass ${{ primary: `bg-blue-500/40 hover:bg-blue-500/60 text-blue-900 border-blue-400/50`, secondary: `bg-purple-500/40 hover:bg-purple-500/60 text-purple-900 border-purple-400/50`, success: `bg-green-500/40 hover:bg-green-500/60 text-green-900 border-green-400/50`, danger: `bg-red-500/40 hover:bg-red-500/60 text-red-900 border-red-400/50` }[i]} ${r}`,
+      children: e,
+    }),
+  Ps = () => {
+    let e = Re();
+    return (0, U.jsxs)(`div`, {
+      className: `min-h-screen flex flex-col items-center justify-center p-4`,
+      children: [
+        (0, U.jsx)(`h1`, { className: `text-9xl hand-drawn text-red-500 mb-4 animate-bounce`, children: `404` }),
+        (0, U.jsx)(`p`, {
+          className: `text-2xl paper-font text-gray-600 mb-8`,
+          children: `Oops! This page got lost in the notebook.`,
+        }),
+        (0, U.jsx)(Ns, { onClick: () => e(`/`), children: `Take me Home` }),
+      ],
+    });
+  };
+function Fs() {
+  return (0, U.jsx)(dt, {
+    children: (0, U.jsx)(`div`, {
+      className: `min-h-screen`,
+      children: (0, U.jsxs)(ot, {
+        children: [
+          (0, U.jsx)(it, { path: `/`, element: (0, U.jsx)(Fi, {}) }),
+          (0, U.jsx)(it, { path: `/bingo`, element: (0, U.jsx)(_a, {}) }),
+          (0, U.jsx)(it, { path: `/tictactoe`, element: (0, U.jsx)(va, {}) }),
+          (0, U.jsx)(it, { path: `/uttt`, element: (0, U.jsx)(wa, {}) }),
+          (0, U.jsx)(it, { path: `/dab`, element: (0, U.jsx)(As, {}) }),
+          (0, U.jsx)(it, { path: `/sos`, element: (0, U.jsx)(js, {}) }),
+          (0, U.jsx)(it, { path: `/connect4`, element: (0, U.jsx)(Ms, {}) }),
+          (0, U.jsx)(it, { path: `*`, element: (0, U.jsx)(Ps, {}) }),
+        ],
+      }),
+    }),
+  });
+}
+var Is = class extends _.Component {
+  constructor(e) {
+    (super(e), (this.state = { hasError: !1, error: null, errorInfo: null }));
+  }
+  static getDerivedStateFromError() {
+    return { hasError: !0 };
+  }
+  componentDidCatch(e, t) {
+    (this.setState({ error: e, errorInfo: t }),
+      Pr(`React error boundary`, e),
+      console.error(`Error caught by ErrorBoundary:`, e, t));
+  }
+  handleReset = () => {
+    this.setState({ hasError: !1, error: null, errorInfo: null });
+  };
+  render() {
+    return this.state.hasError
+      ? (0, U.jsxs)(`div`, {
+          className: `flex flex-col items-center justify-center min-h-screen p-8 text-center bg-paper`,
+          children: [
+            (0, U.jsx)(`h1`, {
+              className: `text-5xl font-hand-drawn text-red-600 mb-4`,
+              children: `Oops! Something went wrong`,
+            }),
+            (0, U.jsx)(`p`, {
+              className: `text-xl font-handwriting text-ink mb-8`,
+              children: `We're sorry for the inconvenience. Please try refreshing the page.`,
+            }),
+            (0, U.jsx)(`button`, {
+              onClick: this.handleReset,
+              className: `sketch-button px-8 py-3 text-lg`,
+              children: `Try Again`,
+            }),
+            !1,
+          ],
+        })
+      : this.props.children;
+  }
+};
+function Ls() {
+  let { theme: e } = Ki();
+  return (0, U.jsx)(jr, {
+    theme: e,
+    position: `top-right`,
+    richColors: !0,
+    closeButton: !0,
+    expand: !0,
+    toastOptions: {
+      className: `sketch-card font-handwriting`,
+      style: {
+        background: e === `dark` ? `#1e1e1e` : `#fffef9`,
+        color: e === `dark` ? `#e0e0e0` : `#2a2a3e`,
+        border: `2px solid ${e === `dark` ? `#e0e0e0` : `#2a2a3e`}`,
+        borderRadius: `4px`,
+      },
+    },
+  });
+}
+function Rs({ children: e }) {
+  return (
+    (0, _.useEffect)(() => {
+      let e = (e) => {
+          Pr(`Window error`, e.error || e.message || `Unknown browser error`);
+        },
+        t = (e) => {
+          Pr(`Unhandled promise rejection`, e.reason || `Unknown promise rejection`);
+        };
+      return (
+        window.addEventListener(`error`, e),
+        window.addEventListener(`unhandledrejection`, t),
+        () => {
+          (window.removeEventListener(`error`, e), window.removeEventListener(`unhandledrejection`, t));
+        }
+      );
+    }, []),
+    e
+  );
+}
+v.createRoot(document.getElementById(`root`)).render(
+  (0, U.jsx)(_.StrictMode, {
+    children: (0, U.jsxs)(qi, {
+      children: [
+        (0, U.jsx)(Ls, {}),
+        (0, U.jsx)(Rs, { children: (0, U.jsx)(Is, { children: (0, U.jsx)(Rr, { children: (0, U.jsx)(Fs, {}) }) }) }),
+      ],
+    }),
+  }),
+);
+export { o as t };
diff --git a/pro/dist/assets/index-GScAylAm.css b/pro/dist/assets/index-GScAylAm.css
deleted file mode 100644
index bf5b4f0..0000000
--- a/pro/dist/assets/index-GScAylAm.css
+++ /dev/null
@@ -1,2 +0,0 @@
-/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
-@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-50:oklch(97.1% .013 17.38);--color-red-400:oklch(70.4% .191 22.216);--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-red-900:oklch(39.6% .141 25.723);--color-yellow-300:oklch(90.5% .182 98.111);--color-yellow-500:oklch(79.5% .184 86.047);--color-yellow-600:oklch(68.1% .162 75.834);--color-green-400:oklch(79.2% .209 151.711);--color-green-500:oklch(72.3% .219 149.579);--color-green-600:oklch(62.7% .194 149.214);--color-green-900:oklch(39.3% .095 152.535);--color-blue-50:oklch(97% .014 254.604);--color-blue-100:oklch(93.2% .032 255.585);--color-blue-200:oklch(88.2% .059 254.128);--color-blue-300:oklch(80.9% .105 251.813);--color-blue-400:oklch(70.7% .165 254.624);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-blue-700:oklch(48.8% .243 264.376);--color-blue-900:oklch(37.9% .146 265.522);--color-purple-100:oklch(94.6% .033 307.174);--color-purple-400:oklch(71.4% .203 305.504);--color-purple-500:oklch(62.7% .265 303.9);--color-purple-600:oklch(55.8% .288 302.321);--color-purple-700:oklch(49.6% .265 301.924);--color-purple-900:oklch(38.1% .176 304.987);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-800:oklch(27.8% .033 256.848);--color-white:#fff;--spacing:.25rem;--container-sm:24rem;--container-md:28rem;--container-2xl:42rem;--container-4xl:56rem;--container-5xl:64rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--text-7xl:4.5rem;--text-7xl--line-height:1;--text-9xl:8rem;--text-9xl--line-height:1;--font-weight-semibold:600;--font-weight-bold:700;--tracking-wider:.05em;--tracking-widest:.1em;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--animate-spin:spin 1s linear infinite;--animate-ping:ping 1s cubic-bezier(0, 0, .2, 1) infinite;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--animate-bounce:bounce 1s infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--font-hand-drawn:"Permanent Marker", cursive;--font-paper:"Schoolbell", cursive}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.\@container{container-type:inline-size}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:calc(var(--spacing) * 0)}.top-0{top:calc(var(--spacing) * 0)}.top-1\/3{top:33.3333%}.top-2{top:calc(var(--spacing) * 2)}.top-2\/3{top:66.6667%}.top-8{top:calc(var(--spacing) * 8)}.right-2{right:calc(var(--spacing) * 2)}.left-0{left:calc(var(--spacing) * 0)}.left-1\/3{left:33.3333%}.left-2{left:calc(var(--spacing) * 2)}.left-2\/3{left:66.6667%}.left-8{left:calc(var(--spacing) * 8)}.z-10{z-index:10}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.mx-auto{margin-inline:auto}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mb-1{margin-bottom:calc(var(--spacing) * 1)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.ml-1{margin-left:calc(var(--spacing) * 1)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.aspect-square{aspect-ratio:1}.h-1{height:calc(var(--spacing) * 1)}.h-2{height:calc(var(--spacing) * 2)}.h-2\.5{height:calc(var(--spacing) * 2.5)}.h-3{height:calc(var(--spacing) * 3)}.h-4{height:calc(var(--spacing) * 4)}.h-6{height:calc(var(--spacing) * 6)}.h-8{height:calc(var(--spacing) * 8)}.h-auto{height:auto}.h-full{height:100%}.h-px{height:1px}.min-h-screen{min-height:100vh}.w-1{width:calc(var(--spacing) * 1)}.w-2{width:calc(var(--spacing) * 2)}.w-2\.5{width:calc(var(--spacing) * 2.5)}.w-3{width:calc(var(--spacing) * 3)}.w-4{width:calc(var(--spacing) * 4)}.w-6{width:calc(var(--spacing) * 6)}.w-8{width:calc(var(--spacing) * 8)}.w-full{width:100%}.w-px{width:1px}.max-w-2xl{max-width:var(--container-2xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-5xl{max-width:var(--container-5xl)}.max-w-md{max-width:var(--container-md)}.max-w-sm{max-width:var(--container-sm)}.flex-1{flex:1}.scale-105{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-110{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.rotate-12{rotate:12deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-bounce{animation:var(--animate-bounce)}.animate-ping{animation:var(--animate-ping)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-0{gap:calc(var(--spacing) * 0)}.gap-1{gap:calc(var(--spacing) * 1)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-8{gap:calc(var(--spacing) * 8)}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-4{border-style:var(--tw-border-style);border-width:4px}.border-blue-200{border-color:var(--color-blue-200)}.border-blue-200\/50{border-color:#bedbff80}@supports (color:color-mix(in lab, red, red)){.border-blue-200\/50{border-color:color-mix(in oklab, var(--color-blue-200) 50%, transparent)}}.border-blue-300{border-color:var(--color-blue-300)}.border-blue-400\/50{border-color:#54a2ff80}@supports (color:color-mix(in lab, red, red)){.border-blue-400\/50{border-color:color-mix(in oklab, var(--color-blue-400) 50%, transparent)}}.border-blue-600{border-color:var(--color-blue-600)}.border-gray-300{border-color:var(--color-gray-300)}.border-gray-800\/10{border-color:#1e29391a}@supports (color:color-mix(in lab, red, red)){.border-gray-800\/10{border-color:color-mix(in oklab, var(--color-gray-800) 10%, transparent)}}.border-green-400\/50{border-color:#05df7280}@supports (color:color-mix(in lab, red, red)){.border-green-400\/50{border-color:color-mix(in oklab, var(--color-green-400) 50%, transparent)}}.border-purple-400\/50{border-color:#c07eff80}@supports (color:color-mix(in lab, red, red)){.border-purple-400\/50{border-color:color-mix(in oklab, var(--color-purple-400) 50%, transparent)}}.border-red-400\/50{border-color:#ff656880}@supports (color:color-mix(in lab, red, red)){.border-red-400\/50{border-color:color-mix(in oklab, var(--color-red-400) 50%, transparent)}}.border-t-transparent{border-top-color:#0000}.bg-blue-50{background-color:var(--color-blue-50)}.bg-blue-50\/80{background-color:#eff6ffcc}@supports (color:color-mix(in lab, red, red)){.bg-blue-50\/80{background-color:color-mix(in oklab, var(--color-blue-50) 80%, transparent)}}.bg-blue-100{background-color:var(--color-blue-100)}.bg-blue-500{background-color:var(--color-blue-500)}.bg-blue-500\/40{background-color:#3080ff66}@supports (color:color-mix(in lab, red, red)){.bg-blue-500\/40{background-color:color-mix(in oklab, var(--color-blue-500) 40%, transparent)}}.bg-blue-500\/80{background-color:#3080ffcc}@supports (color:color-mix(in lab, red, red)){.bg-blue-500\/80{background-color:color-mix(in oklab, var(--color-blue-500) 80%, transparent)}}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-100\/80{background-color:#f3f4f6cc}@supports (color:color-mix(in lab, red, red)){.bg-gray-100\/80{background-color:color-mix(in oklab, var(--color-gray-100) 80%, transparent)}}.bg-gray-200{background-color:var(--color-gray-200)}.bg-gray-400\/40{background-color:#99a1af66}@supports (color:color-mix(in lab, red, red)){.bg-gray-400\/40{background-color:color-mix(in oklab, var(--color-gray-400) 40%, transparent)}}.bg-gray-500{background-color:var(--color-gray-500)}.bg-gray-800\/10{background-color:#1e29391a}@supports (color:color-mix(in lab, red, red)){.bg-gray-800\/10{background-color:color-mix(in oklab, var(--color-gray-800) 10%, transparent)}}.bg-green-500{background-color:var(--color-green-500)}.bg-green-500\/40{background-color:#00c75866}@supports (color:color-mix(in lab, red, red)){.bg-green-500\/40{background-color:color-mix(in oklab, var(--color-green-500) 40%, transparent)}}.bg-purple-100{background-color:var(--color-purple-100)}.bg-purple-500\/40{background-color:#ac4bff66}@supports (color:color-mix(in lab, red, red)){.bg-purple-500\/40{background-color:color-mix(in oklab, var(--color-purple-500) 40%, transparent)}}.bg-purple-500\/50{background-color:#ac4bff80}@supports (color:color-mix(in lab, red, red)){.bg-purple-500\/50{background-color:color-mix(in oklab, var(--color-purple-500) 50%, transparent)}}.bg-red-50\/80{background-color:#fef2f2cc}@supports (color:color-mix(in lab, red, red)){.bg-red-50\/80{background-color:color-mix(in oklab, var(--color-red-50) 80%, transparent)}}.bg-red-500{background-color:var(--color-red-500)}.bg-red-500\/40{background-color:#fb2c3666}@supports (color:color-mix(in lab, red, red)){.bg-red-500\/40{background-color:color-mix(in oklab, var(--color-red-500) 40%, transparent)}}.bg-white\/40{background-color:#fff6}@supports (color:color-mix(in lab, red, red)){.bg-white\/40{background-color:color-mix(in oklab, var(--color-white) 40%, transparent)}}.bg-white\/50{background-color:#ffffff80}@supports (color:color-mix(in lab, red, red)){.bg-white\/50{background-color:color-mix(in oklab, var(--color-white) 50%, transparent)}}.bg-white\/80{background-color:#fffc}@supports (color:color-mix(in lab, red, red)){.bg-white\/80{background-color:color-mix(in oklab, var(--color-white) 80%, transparent)}}.bg-white\/90{background-color:#ffffffe6}@supports (color:color-mix(in lab, red, red)){.bg-white\/90{background-color:color-mix(in oklab, var(--color-white) 90%, transparent)}}.bg-yellow-300\/70{background-color:#ffe02ab3}@supports (color:color-mix(in lab, red, red)){.bg-yellow-300\/70{background-color:color-mix(in oklab, var(--color-yellow-300) 70%, transparent)}}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-blue-600{--tw-gradient-from:var(--color-blue-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-white\/20{--tw-gradient-from:#fff3}@supports (color:color-mix(in lab, red, red)){.from-white\/20{--tw-gradient-from:color-mix(in oklab, var(--color-white) 20%, transparent)}}.from-white\/20{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-purple-600{--tw-gradient-to:var(--color-purple-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-transparent{--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.p-0\.5{padding:calc(var(--spacing) * .5)}.p-1{padding:calc(var(--spacing) * 1)}.p-2{padding:calc(var(--spacing) * 2)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-6{padding:calc(var(--spacing) * 6)}.px-1{padding-inline:calc(var(--spacing) * 1)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-8{padding-inline:calc(var(--spacing) * 8)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.pt-2{padding-top:calc(var(--spacing) * 2)}.text-center{text-align:center}.font-mono{font-family:var(--font-mono)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.text-9xl{font-size:var(--text-9xl);line-height:var(--tw-leading,var(--text-9xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[8px\]{font-size:8px}.text-\[10px\]{font-size:10px}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.text-blue-500{color:var(--color-blue-500)}.text-blue-600{color:var(--color-blue-600)}.text-blue-700{color:var(--color-blue-700)}.text-blue-900{color:var(--color-blue-900)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-800{color:var(--color-gray-800)}.text-green-600{color:var(--color-green-600)}.text-green-900{color:var(--color-green-900)}.text-purple-500{color:var(--color-purple-500)}.text-purple-600{color:var(--color-purple-600)}.text-purple-700{color:var(--color-purple-700)}.text-purple-900{color:var(--color-purple-900)}.text-red-500{color:var(--color-red-500)}.text-red-600{color:var(--color-red-600)}.text-red-900{color:var(--color-red-900)}.text-transparent{color:#0000}.text-white{color:var(--color-white)}.text-yellow-600{color:var(--color-yellow-600)}.uppercase{text-transform:uppercase}.italic{font-style:italic}.opacity-0{opacity:0}.opacity-25{opacity:.25}.opacity-40{opacity:.4}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-blue-400{--tw-ring-color:var(--color-blue-400)}.ring-purple-400{--tw-ring-color:var(--color-purple-400)}.ring-yellow-500{--tw-ring-color:var(--color-yellow-500)}.ring-offset-2{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.grayscale{--tw-grayscale:grayscale(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.select-none{-webkit-user-select:none;user-select:none}@media (hover:hover){.group-hover\:scale-110:is(:where(.group):hover *){--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.group-hover\:rotate-12:is(:where(.group):hover *){rotate:12deg}.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}.hover\:-translate-y-2:hover{--tw-translate-y:calc(var(--spacing) * -2);translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.hover\:bg-blue-200\/50:hover{background-color:#bedbff80}@supports (color:color-mix(in lab, red, red)){.hover\:bg-blue-200\/50:hover{background-color:color-mix(in oklab, var(--color-blue-200) 50%, transparent)}}.hover\:bg-blue-500:hover{background-color:var(--color-blue-500)}.hover\:bg-blue-500\/60:hover{background-color:#3080ff99}@supports (color:color-mix(in lab, red, red)){.hover\:bg-blue-500\/60:hover{background-color:color-mix(in oklab, var(--color-blue-500) 60%, transparent)}}.hover\:bg-blue-600:hover{background-color:var(--color-blue-600)}.hover\:bg-gray-600:hover{background-color:var(--color-gray-600)}.hover\:bg-green-500\/60:hover{background-color:#00c75899}@supports (color:color-mix(in lab, red, red)){.hover\:bg-green-500\/60:hover{background-color:color-mix(in oklab, var(--color-green-500) 60%, transparent)}}.hover\:bg-green-600:hover{background-color:var(--color-green-600)}.hover\:bg-purple-500\/60:hover{background-color:#ac4bff99}@supports (color:color-mix(in lab, red, red)){.hover\:bg-purple-500\/60:hover{background-color:color-mix(in oklab, var(--color-purple-500) 60%, transparent)}}.hover\:bg-red-500\/60:hover{background-color:#fb2c3699}@supports (color:color-mix(in lab, red, red)){.hover\:bg-red-500\/60:hover{background-color:color-mix(in oklab, var(--color-red-500) 60%, transparent)}}.hover\:bg-red-600:hover{background-color:var(--color-red-600)}.hover\:bg-white:hover{background-color:var(--color-white)}.hover\:bg-white\/40:hover{background-color:#fff6}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/40:hover{background-color:color-mix(in oklab, var(--color-white) 40%, transparent)}}}.focus\:border-transparent:focus{border-color:#0000}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus\:ring-blue-400:focus{--tw-ring-color:var(--color-blue-400)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.active\:scale-95:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.disabled\:transform-none:disabled{transform:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}@media (width>=40rem){.sm\:top-8{top:calc(var(--spacing) * 8)}.sm\:left-8{left:calc(var(--spacing) * 8)}.sm\:mt-12{margin-top:calc(var(--spacing) * 12)}.sm\:mb-2{margin-bottom:calc(var(--spacing) * 2)}.sm\:mb-4{margin-bottom:calc(var(--spacing) * 4)}.sm\:mb-6{margin-bottom:calc(var(--spacing) * 6)}.sm\:mb-8{margin-bottom:calc(var(--spacing) * 8)}.sm\:mb-16{margin-bottom:calc(var(--spacing) * 16)}.sm\:hidden{display:none}.sm\:inline{display:inline}.sm\:size-48{width:calc(var(--spacing) * 48);height:calc(var(--spacing) * 48)}.sm\:h-3{height:calc(var(--spacing) * 3)}.sm\:h-4{height:calc(var(--spacing) * 4)}.sm\:h-8{height:calc(var(--spacing) * 8)}.sm\:w-3{width:calc(var(--spacing) * 3)}.sm\:w-4{width:calc(var(--spacing) * 4)}.sm\:w-6{width:calc(var(--spacing) * 6)}.sm\:w-8{width:calc(var(--spacing) * 8)}.sm\:w-\[18px\]{width:18px}.sm\:max-w-2xl{max-width:var(--container-2xl)}.sm\:max-w-md{max-width:var(--container-md)}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:gap-2{gap:calc(var(--spacing) * 2)}.sm\:gap-3{gap:calc(var(--spacing) * 3)}.sm\:gap-4{gap:calc(var(--spacing) * 4)}.sm\:gap-8{gap:calc(var(--spacing) * 8)}.sm\:rounded-2xl{border-radius:var(--radius-2xl)}.sm\:p-1{padding:calc(var(--spacing) * 1)}.sm\:p-4{padding:calc(var(--spacing) * 4)}.sm\:p-6{padding:calc(var(--spacing) * 6)}.sm\:p-8{padding:calc(var(--spacing) * 8)}.sm\:px-0{padding-inline:calc(var(--spacing) * 0)}.sm\:px-4{padding-inline:calc(var(--spacing) * 4)}.sm\:px-6{padding-inline:calc(var(--spacing) * 6)}.sm\:py-2{padding-block:calc(var(--spacing) * 2)}.sm\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.sm\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.sm\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.sm\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.sm\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.sm\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.sm\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.sm\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.sm\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.sm\:text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.sm\:text-gray-600{color:var(--color-gray-600)}}@media (width>=48rem){.md\:w-64{width:calc(var(--spacing) * 64)}.md\:flex-row{flex-direction:row}.md\:gap-3{gap:calc(var(--spacing) * 3)}.md\:gap-4{gap:calc(var(--spacing) * 4)}.md\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.md\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.md\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.md\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.md\:text-7xl{font-size:var(--text-7xl);line-height:var(--tw-leading,var(--text-7xl--line-height))}.md\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}}@media (width>=64rem){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:text-9xl{font-size:var(--text-9xl);line-height:var(--tw-leading,var(--text-9xl--line-height))}}}.hand-drawn{font-family:var(--font-hand-drawn)}.paper-font{font-family:var(--font-paper)}.glass{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffb3;border:1px solid #ffffff4d;box-shadow:0 8px 32px #1f268726}body{background-color:#0000;background-image:linear-gradient(#ffffffe6,#ffffffe6),repeating-linear-gradient(0deg,#0000,#0000 19px,#e5e7eb 19px 20px),repeating-linear-gradient(90deg,#0000,#0000 19px,#e5e7eb 19px 20px);background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:20px 20px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;min-height:100vh}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@keyframes spin{to{transform:rotate(360deg)}}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}@keyframes pulse{50%{opacity:.5}}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}
diff --git a/pro/dist/index.html b/pro/dist/index.html
index 725d0cc..dd7620c 100644
--- a/pro/dist/index.html
+++ b/pro/dist/index.html
@@ -1,25 +1,25 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="utf-8" />
-    <link rel="icon" href="/favicon.ico" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <meta name="theme-color" content="#000000" />
-    <meta
-      name="description"
-      content="PaperParty - Fun multiplayer games on digital paper!"
-    />
-    <link rel="apple-touch-icon" href="/logo192.png" />
-    <link rel="manifest" href="/manifest.json" />
-    <link rel="preconnect" href="https://fonts.googleapis.com">
-    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&family=Permanent+Marker&family=Schoolbell&display=swap" rel="stylesheet">
-    <title>PaperParty</title>
-    <script type="module" crossorigin src="/assets/index-BqANBEcr.js"></script>
-    <link rel="stylesheet" crossorigin href="/assets/index-GScAylAm.css">
-  </head>
-  <body>
-    <noscript>You need to enable JavaScript to run this app.</noscript>
-    <div id="root"></div>

-  </body>
-</html>
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <link rel="icon" href="/favicon.ico" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <meta name="theme-color" content="#000000" />
+    <meta name="description" content="PaperParty - Fun multiplayer games on digital paper!" />
+    <link rel="apple-touch-icon" href="/logo192.png" />
+    <link rel="manifest" href="/manifest.json" />
+    <link rel="preconnect" href="https://fonts.googleapis.com" />
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+    <link
+      href="https://fonts.googleapis.com/css2?family=Caveat:wght@400;700&family=Inter:wght@400;600;700&family=Patrick+Hand&family=Permanent+Marker&family=Schoolbell&display=swap"
+      rel="stylesheet"
+    />
+    <title>PaperParty</title>
+    <script type="module" crossorigin src="/assets/index-DlQ4Zh9O.js"></script>
+    <link rel="stylesheet" crossorigin href="/assets/index-D8u_dQCt.css">
+  </head>
+  <body>
+    <noscript>You need to enable JavaScript to run this app.</noscript>
+    <div id="root"></div>
+  </body>
+</html>
diff --git a/pro/index.html b/pro/index.html
index 81c6b4e..abf3e9e 100644
--- a/pro/index.html
+++ b/pro/index.html
@@ -1,19 +1,19 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
   <head>
     <meta charset="utf-8" />
     <link rel="icon" href="/favicon.ico" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="theme-color" content="#000000" />
-    <meta
-      name="description"
-      content="PaperParty - Fun multiplayer games on digital paper!"
-    />
+    <meta name="description" content="PaperParty - Fun multiplayer games on digital paper!" />
     <link rel="apple-touch-icon" href="/logo192.png" />
     <link rel="manifest" href="/manifest.json" />
-    <link rel="preconnect" href="https://fonts.googleapis.com">
-    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&family=Permanent+Marker&family=Schoolbell&display=swap" rel="stylesheet">
+    <link rel="preconnect" href="https://fonts.googleapis.com" />
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+    <link
+      href="https://fonts.googleapis.com/css2?family=Caveat:wght@400;700&family=Inter:wght@400;600;700&family=Patrick+Hand&family=Permanent+Marker&family=Schoolbell&display=swap"
+      rel="stylesheet"
+    />
     <title>PaperParty</title>
   </head>
   <body>
diff --git a/pro/package-lock.json b/pro/package-lock.json
index 1e1be5b..64bb2c1 100644
--- a/pro/package-lock.json
+++ b/pro/package-lock.json
@@ -9,14 +9,15 @@
       "version": "0.1.0",
       "dependencies": {
         "canvas-confetti": "^1.9.4",
+        "framer-motion": "^12.40.0",
         "lucide-react": "^1.16.0",
         "react": "^18.3.1",
         "react-dom": "^18.3.1",
         "react-router-dom": "^6.30.3",
+        "react-zoom-pan-pinch": "^4.0.3",
         "socket.io-client": "^4.8.3",
         "sweetalert2": "^11.26.24",
-        "use-sound": "^5.0.0",
-        "web-vitals": "^2.1.4"
+        "use-sound": "^5.0.0"
       },
       "devDependencies": {
         "@tailwindcss/vite": "^4.3.0",
@@ -1649,6 +1650,33 @@
         }
       }
     },
+    "node_modules/framer-motion": {
+      "version": "12.40.0",
+      "resolved": "https://registry.npmjs.org/framer-motion/-/framer-motion-12.40.0.tgz",
+      "integrity": "sha512-uaBd3qC1v3KQqBEjwTUd183K6PbS+j0yR9w9VmEOLWA/tnUcSn8Xa3uck7t4dgpDoUss8xQTcj8W2L07lrnLFg==",
+      "license": "MIT",
+      "dependencies": {
+        "motion-dom": "^12.40.0",
+        "motion-utils": "^12.39.0",
+        "tslib": "^2.4.0"
+      },
+      "peerDependencies": {
+        "@emotion/is-prop-valid": "*",
+        "react": "^18.0.0 || ^19.0.0",
+        "react-dom": "^18.0.0 || ^19.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@emotion/is-prop-valid": {
+          "optional": true
+        },
+        "react": {
+          "optional": true
+        },
+        "react-dom": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/fsevents": {
       "version": "2.3.3",
       "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
@@ -2099,6 +2127,21 @@
         "node": ">=4"
       }
     },
+    "node_modules/motion-dom": {
+      "version": "12.40.0",
+      "resolved": "https://registry.npmjs.org/motion-dom/-/motion-dom-12.40.0.tgz",
+      "integrity": "sha512-HxU3ZaBwNPVQUBQf1xxgq+7JrPNZvjLVxgbpEZL7RrWJnsxOf0/OM+yrHG9ogLQ31Do/r57Oz2gQWPK+6q62mg==",
+      "license": "MIT",
+      "dependencies": {
+        "motion-utils": "^12.39.0"
+      }
+    },
+    "node_modules/motion-utils": {
+      "version": "12.39.0",
+      "resolved": "https://registry.npmjs.org/motion-utils/-/motion-utils-12.39.0.tgz",
+      "integrity": "sha512-8nadJAJjTtqRkmRF36FoJTrywK9nnFmnPwnSMyxaOCU7GDjN9RTMJIxx9De8ErM+vpPhMccr/6fo5WciyQLnMQ==",
+      "license": "MIT"
+    },
     "node_modules/ms": {
       "version": "2.1.2",
       "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
@@ -2305,6 +2348,20 @@
         "react-dom": ">=16.8"
       }
     },
+    "node_modules/react-zoom-pan-pinch": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/react-zoom-pan-pinch/-/react-zoom-pan-pinch-4.0.3.tgz",
+      "integrity": "sha512-N2Hi6L78fFmhRra+ORpFSW7WST5x6kxpOPplIvtB0b7b+U2anpo1z1wLgaWRPS2kUSqcraRG+JgBCIlDJnqqAg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=8",
+        "npm": ">=5"
+      },
+      "peerDependencies": {
+        "react": "*",
+        "react-dom": "*"
+      }
+    },
     "node_modules/redent": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/redent/-/redent-3.0.0.tgz",
@@ -2628,9 +2685,7 @@
       "version": "2.8.1",
       "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz",
       "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==",
-      "dev": true,
-      "license": "0BSD",
-      "optional": true
+      "license": "0BSD"
     },
     "node_modules/undici": {
       "version": "7.25.0",
@@ -2835,11 +2890,6 @@
         "node": ">=18"
       }
     },
-    "node_modules/web-vitals": {
-      "version": "2.1.4",
-      "resolved": "https://registry.npmjs.org/web-vitals/-/web-vitals-2.1.4.tgz",
-      "integrity": "sha512-sVWcwhU5mX6crfI5Vd2dC4qchyTqxV8URinzt25XqVh+bHEPGH4C3NPrNionCP7Obx59wrYEbNlw4Z8sjALzZg=="
-    },
     "node_modules/webidl-conversions": {
       "version": "8.0.1",
       "resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-8.0.1.tgz",
diff --git a/pro/package.json b/pro/package.json
index 601dd7c..4f643f0 100644
--- a/pro/package.json
+++ b/pro/package.json
@@ -4,14 +4,15 @@
   "private": true,
   "dependencies": {
     "canvas-confetti": "^1.9.4",
+    "framer-motion": "^12.40.0",
     "lucide-react": "^1.16.0",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "react-router-dom": "^6.30.3",
+    "react-zoom-pan-pinch": "^4.0.3",
     "socket.io-client": "^4.8.3",
     "sweetalert2": "^11.26.24",
-    "use-sound": "^5.0.0",
-    "web-vitals": "^2.1.4"
+    "use-sound": "^5.0.0"
   },
   "scripts": {
     "dev": "vite",
@@ -19,12 +20,6 @@
     "preview": "vite preview",
     "test": "vitest"
   },
-  "eslintConfig": {
-    "extends": [
-      "react-app",
-      "react-app/jest"
-    ]
-  },
   "browserslist": {
     "production": [
       ">0.2%",
diff --git a/pro/src/App.jsx b/pro/src/App.jsx
index 351e4cc..14ade13 100644
--- a/pro/src/App.jsx
+++ b/pro/src/App.jsx
@@ -5,6 +5,8 @@ import Bingo from './bingo/Bingo';
 import TicTacToe from './tictactoe/TicTacToe';
 import UTTTGame from './uttt/UTTTGame';
 import DabGame from './dab/DabGame';
+import SOSGame from './sos/SOSGame';
+import Connect4Game from './connect4/Connect4Game';
 import NotFound from './components/NotFound';
 
 function App() {
@@ -17,6 +19,8 @@ function App() {
           <Route path="/tictactoe" element={<TicTacToe />} />
           <Route path="/uttt" element={<UTTTGame />} />
           <Route path="/dab" element={<DabGame />} />
+          <Route path="/sos" element={<SOSGame />} />
+          <Route path="/connect4" element={<Connect4Game />} />
           <Route path="*" element={<NotFound />} />
         </Routes>
       </div>
diff --git a/pro/src/bingo/Bingo.css b/pro/src/bingo/Bingo.css
deleted file mode 100644
index 91460fa..0000000
--- a/pro/src/bingo/Bingo.css
+++ /dev/null
@@ -1,19 +0,0 @@
-/* Bingo.css */
-.bingo {
-    text-align: center;
-}
-
-.bingo-grid {
-    display: grid;
-    grid-template-columns: repeat(5, 1fr);
-    grid-gap: 5px;
-}
-
-.bingo-cell {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    width: 50px;
-    height: 50px;
-    border: 1px solid #ccc;
-}
\ No newline at end of file
diff --git a/pro/src/bingo/Bingo.jsx b/pro/src/bingo/Bingo.jsx
index d62d43e..22d8ae0 100644
--- a/pro/src/bingo/Bingo.jsx
+++ b/pro/src/bingo/Bingo.jsx
@@ -1,18 +1,26 @@
-import React, { useState, useEffect, useCallback } from 'react';
+import React, { useState, useEffect, useCallback, useRef } from 'react';
 import { useGameContext } from '../context/GameContext';
-import RetroButton from '../components/ui/RetroButton';
+import {
+  SketchButton,
+  SketchCard,
+  sketchPopupClass,
+  GameLayout,
+  AvatarSelector,
+  AvatarReactionBar,
+} from '../components/ui';
 import useSound from 'use-sound';
 import confetti from 'canvas-confetti';
 import Swal from 'sweetalert2';
 import { useNavigate } from 'react-router-dom';
-import { ArrowLeft, Users, Trophy, SwatchBook, Timer } from 'lucide-react';
+import { Users, Trophy, SwatchBook, Timer } from 'lucide-react';
+import useSocketListeners from '../hooks/useSocketListeners';
+import useReconnection from '../hooks/useReconnection';
+
+const PLAYER_COLORS = ['#2a2a3e', '#c73e1d', '#2d4a8f', '#2f5233'];
 
 const Bingo = () => {
-  const { socket, playerName, roomId, setRoomId } = useGameContext();
-  const [numbers, setNumbers] = useState(() => {
-    const nums = Array.from({ length: 25 }, (_, i) => i + 1);
-    return nums.sort(() => Math.random() - 0.5);
-  });
+  const { socket, roomId, setRoomId, clearRoomId, profile, setProfile, setGamePrefix } = useGameContext();
+  const [numbers, setNumbers] = useState(Array.from({ length: 25 }, (_, i) => i + 1));
   const [players, setPlayers] = useState([]);
   const [gameState, setGameState] = useState('waiting');
   const [currentTurn, setCurrentTurn] = useState(null);
@@ -21,274 +29,446 @@ const Bingo = () => {
   const [turnTimer, setTurnTimer] = useState(30);
   const navigate = useNavigate();
 
+  const strikedNumbersRef = useRef([]);
+  const timerRef = useRef(null);
   const [playPop] = useSound('/sounds/pop.mp3', { volume: 0.5 });
-  const [playWin] = useSound('/sounds/win.mp3', { volume: 0.7 });
   const [playTurn] = useSound('/sounds/turn.mp3', { volume: 0.6 });
 
-  useEffect(() => {
-    let timerInterval;
-    if (gameState === 'playing' && currentTurn === socket?.id && turnTimer > 0) {
-      timerInterval = setInterval(() => {
-        setTurnTimer(prev => prev - 1);
-      }, 1000);
+  const calculateBingoProgress = useCallback((boardNumbers) => {
+    const size = 5;
+    const lines = [];
+    for (let i = 0; i < size; i++) {
+      lines.push(Array.from({ length: size }, (_, j) => i * size + j));
     }
-    return () => clearInterval(timerInterval);
-  }, [gameState, currentTurn, socket?.id, turnTimer]);
-
-  useEffect(() => {
-    if (!socket) return;
+    for (let i = 0; i < size; i++) {
+      lines.push(Array.from({ length: size }, (_, j) => i + j * size));
+    }
+    lines.push(Array.from({ length: size }, (_, i) => i * size + i));
+    lines.push(Array.from({ length: size }, (_, i) => (i + 1) * size - (i + 1)));
 
-    socket.on('bingo_roomInfo', ({ id, creator, players, gameState, currentTurn }) => {
-      setRoomId(id);
-      setPlayers(players);
-      setGameState(gameState);
-      setCurrentTurn(currentTurn);
-      setIsCreator(creator === socket.id);
-    });
+    const completedLinesCount = lines.filter((line) =>
+      line.every((idx) => typeof boardNumbers[idx] === 'string'),
+    ).length;
 
-    socket.on('bingo_gameStarted', (firstPlayerId) => {
-      setGameState('playing');
-      setCurrentTurn(firstPlayerId);
-      setTurnTimer(30);
-      Swal.fire({
-        title: 'Eyes Down!',
-        text: 'Bingo has started!',
-        timer: 1500,
-        showConfirmButton: false,
-        customClass: { popup: 'glass rounded-3xl paper-font' }
-      });
-    });
+    return 'BINGO'.slice(0, Math.min(completedLinesCount, 5));
+  }, []);
 
-    socket.on('bingo_gameRestarted', () => {
-      setNumbers(Array.from({ length: 25 }, (_, i) => i + 1).sort(() => Math.random() - 0.5));
-      setStrikedOut('');
-      setGameState('ready');
-      Swal.fire({
-        title: 'Game Restarted',
-        text: 'New card generated!',
-        timer: 1500,
-        showConfirmButton: false,
-        customClass: { popup: 'glass rounded-3xl paper-font' }
-      });
-    });
+  const { clearReconnect } = useReconnection({
+    socket,
+    gamePrefix: 'bingo',
+    roomId,
+    onRestore: (room) => {
+      if (!room) return;
+      setRoomId(room.id);
+      setPlayers(room.players || []);
+      setGameState(room.gameState || 'waiting');
+      setCurrentTurn(room.currentTurn);
+      setIsCreator(room.creator === socket.id);
+    },
+  });
 
-    socket.on('bingo_numberMarked', ({ number, playerId }) => {
-      setNumbers(prev => prev.map(n => n === number ? 'X' : n));
-      playPop();
-    });
+  useSocketListeners(
+    socket,
+    {
+      bingo_roomInfo: ({ id, creator, players, gameState, currentTurn, strikedNumbers }) => {
+        setRoomId(id);
+        setPlayers(players);
+        setGameState(gameState);
+        setCurrentTurn(currentTurn);
+        setIsCreator(creator === socket.id);
 
-    socket.on('bingo_nextTurn', (nextPlayerId) => {
-      setCurrentTurn(nextPlayerId);
-      setTurnTimer(30);
-      if (nextPlayerId === socket.id) {
-        playTurn();
-      }
-    });
+        try {
+          const savedBoard = localStorage.getItem(`bingo_board_${id}`);
+          if (savedBoard) {
+            setNumbers(JSON.parse(savedBoard));
+          }
+        } catch {
+          localStorage.removeItem(`bingo_board_${id}`);
+        }
 
-    socket.on('bingo_playerWon', (winnerId) => {
-      playWin();
-      confetti({
-        particleCount: 150,
-        spread: 70,
-        origin: { y: 0.6 }
-      });
-      const winnerName = players.find(p => p.id === winnerId)?.name || 'Someone';
-      Swal.fire({
-        title: 'BINGO!',
-        text: `${winnerName} has achieved Bingo!`,
-        icon: 'success',
-        customClass: { popup: 'glass rounded-3xl paper-font' }
-      });
-      setGameState('ended');
-    });
+        if (strikedNumbers) {
+          strikedNumbersRef.current = strikedNumbers;
+        }
+      },
+      bingo_playerBoard: ({ board }) => {
+        const sn = strikedNumbersRef.current;
+        const updatedBoard = sn.length > 0 ? board.map((n) => (sn.includes(n) ? 'X' : n)) : board;
+        setNumbers(updatedBoard);
+      },
+      bingo_gamePaused: ({ reason }) => {
+        Swal.fire({
+          title: 'Game Paused',
+          text: reason,
+          icon: 'warning',
+          customClass: { popup: sketchPopupClass },
+        });
+      },
+      bingo_gameStarted: ({ firstPlayerId, playerBoards }) => {
+        setGameState('playing');
+        setCurrentTurn(firstPlayerId);
+        setTurnTimer(30);
+        setStrikedOut('');
 
-    socket.on('bingo_playerLeft', (playerId) => {
-      Swal.fire({
-        title: 'Player Left',
-        text: 'A player has left the game.',
-        icon: 'warning',
-        customClass: { popup: 'glass rounded-3xl paper-font' }
-      });
-    });
+        if (playerBoards?.[socket.id]) {
+          setNumbers(playerBoards[socket.id]);
+        }
 
-    socket.on('bingo_alert', ({ icon, title, text }) => {
-      Swal.fire({ icon, title, text, customClass: { popup: 'glass rounded-3xl paper-font' } });
-    });
+        Swal.fire({
+          title: 'Eyes Down!',
+          text: 'Bingo has started!',
+          timer: 1500,
+          showConfirmButton: false,
+          customClass: { popup: sketchPopupClass },
+        });
+      },
+      bingo_gameRestarted: () => {
+        setGameState('ready');
+        setStrikedOut('');
+        setNumbers(Array.from({ length: 25 }, (_, i) => i + 1));
+      },
+      bingo_numberMarked: ({ nextTurn, strikedNumbers }) => {
+        setNumbers((prev) => prev.map((n) => (strikedNumbers.includes(n) ? 'X' : n)));
+        setCurrentTurn(nextTurn);
+        playPop();
+      },
+      bingo_nextTurn: ({ nextPlayerId, timestamp }) => {
+        setCurrentTurn(nextPlayerId);
+        const elapsed = Math.floor((Date.now() - timestamp) / 1000);
+        setTurnTimer(Math.max(0, 30 - elapsed));
+        if (nextPlayerId === socket.id) {
+          playTurn();
+        }
+      },
+      bingo_playerWon: ({ winner }) => {
+        const playerColor = players.find((p) => p.id === winner)?.color || '#2a2a3e';
+        confetti({
+          particleCount: 150,
+          spread: 70,
+          origin: { y: 0.6 },
+          colors: [playerColor],
+        });
+        const winnerName = players.find((p) => p.id === winner)?.name || 'Someone';
+        Swal.fire({
+          title: 'BINGO!',
+          text: `${winnerName} has achieved Bingo!`,
+          icon: 'success',
+          customClass: { popup: sketchPopupClass },
+        });
+        setGameState('ended');
+        clearReconnect();
+      },
+      bingo_playerLeft: (_playerId) => {
+        Swal.fire({
+          title: 'Player Left',
+          text: 'A player has left the game.',
+          icon: 'warning',
+          customClass: { popup: sketchPopupClass },
+        });
+      },
+      bingo_alert: ({ icon, title, text }) => {
+        if (title === 'Room Created') {
+          Swal.fire({
+            icon,
+            title,
+            text,
+            timer: 2000,
+            showConfirmButton: false,
+            customClass: { popup: sketchPopupClass },
+          });
+        } else {
+          Swal.fire({
+            icon,
+            title,
+            text,
+            customClass: { popup: sketchPopupClass },
+          });
+        }
+      },
+      bingo_reconnectFailed: ({ reason, roomId: failedRoomId }) => {
+        Swal.fire({
+          title: 'Reconnection Failed',
+          text:
+            reason === 'room_not_found'
+              ? 'The room no longer exists.'
+              : reason === 'player_not_found'
+                ? 'Your player session was not found.'
+                : reason === 'game_already_ended'
+                  ? 'The game has ended.'
+                  : 'Could not reconnect to the game.',
+          icon: 'error',
+          customClass: { popup: sketchPopupClass },
+        }).then(() => {
+          clearReconnect();
+          clearRoomId(failedRoomId);
+          navigate('/');
+        });
+      },
+      server_shutdown: ({ message }) => {
+        Swal.fire({
+          title: 'Server Shutting Down',
+          text: message || 'The server is going down for maintenance.',
+          icon: 'info',
+          customClass: { popup: sketchPopupClass },
+        }).then(() => {
+          clearReconnect();
+          clearRoomId(roomId);
+          navigate('/');
+        });
+      },
+    },
+    [roomId, players, playPop, playTurn, setRoomId, clearReconnect, clearRoomId, navigate],
+  );
 
-    return () => {
-      socket.off('bingo_roomInfo');
-      socket.off('bingo_gameStarted');
-      socket.off('bingo_gameRestarted');
-      socket.off('bingo_numberMarked');
-      socket.off('bingo_nextTurn');
-      socket.off('bingo_playerWon');
-      socket.off('bingo_playerLeft');
-      socket.off('bingo_alert');
-    };
-  }, [socket, players, setRoomId, playPop, playWin, playTurn]);
+  useEffect(() => {
+    if (!socket) return;
 
-  const checkForWin = useCallback(() => {
-    const size = 5;
-    const lines = [];
+    setGamePrefix('bingo');
 
-    // Horizontal
-    for (let i = 0; i < size; i++) {
-      lines.push(Array.from({ length: size }, (_, j) => i * size + j));
+    const saved = sessionStorage.getItem('bingo_reconnect');
+    const hasSavedReconnect = saved && !roomId;
+    if (hasSavedReconnect) {
+      const { roomId: savedRoomId, playerId } = JSON.parse(saved);
+      socket.emit('bingo_reconnect', { roomId: savedRoomId, playerId });
+      setRoomId(savedRoomId);
     }
-    // Vertical
-    for (let i = 0; i < size; i++) {
-      lines.push(Array.from({ length: size }, (_, j) => i + j * size));
+
+    // recovery: emit requestRoomInfo if roomId exists but we haven't received roomInfo yet
+    if (roomId && !hasSavedReconnect) {
+      socket.emit('bingo_requestRoomInfo', roomId);
     }
-    // Diagonals
-    lines.push(Array.from({ length: size }, (_, i) => i * size + i));
-    lines.push(Array.from({ length: size }, (_, i) => (i + 1) * size - (i + 1)));
+  }, [socket, roomId, setGamePrefix, setRoomId]);
 
-    const completedLinesCount = lines.filter(line => line.every(cell => numbers[cell] === 'X')).length;
-    const newStrikedOut = 'BINGO'.slice(0, Math.min(completedLinesCount, 5));
+  useEffect(() => {
+    if (gameState !== 'playing' || numbers.length !== 25) return;
 
-    if (newStrikedOut.length > strikedOut.length) {
-      setStrikedOut(newStrikedOut);
-      if (newStrikedOut === 'BINGO') {
+    const progress = calculateBingoProgress(numbers);
+    if (progress.length > strikedOut.length) {
+      setStrikedOut(progress);
+      if (progress === 'BINGO') {
         socket.emit('bingo_achieved', roomId);
       }
     }
-  }, [numbers, strikedOut, roomId, socket]);
+  }, [socket, numbers, gameState, strikedOut, calculateBingoProgress, roomId]);
 
   useEffect(() => {
-    checkForWin();
-  }, [numbers, checkForWin]);
+    if (timerRef.current) clearInterval(timerRef.current);
+    if (gameState === 'playing' && currentTurn === socket?.id && turnTimer > 0) {
+      timerRef.current = setInterval(() => {
+        setTurnTimer((prev) => prev - 1);
+      }, 1000);
+    }
+    return () => {
+      if (timerRef.current) clearInterval(timerRef.current);
+    };
+  }, [gameState, currentTurn, socket?.id]); // eslint-disable-line react-hooks/exhaustive-deps
+
+  const handleCellClick = useCallback(
+    (number) => {
+      if (gameState !== 'playing') return;
+      if (currentTurn !== socket?.id) return;
+      if (typeof number === 'string') return;
 
-  const handleCellClick = (number) => {
-    if (gameState === 'playing' && currentTurn === socket?.id && number !== 'X') {
       socket.emit('bingo_markNumber', { roomId, number });
-    }
-  };
+    },
+    [gameState, currentTurn, roomId, socket],
+  );
 
-  const handleCreateRoom = () => {
-    socket.emit('bingo_createRoom', playerName);
-  };
+  const handleCreateRoom = useCallback(() => {
+    socket.emit('bingo_createRoom', {
+      creatorName: profile.name,
+      avatarIcon: profile.avatarIcon,
+      color: profile.color,
+    });
+  }, [socket, profile]);
 
-  const handleJoinRoom = async () => {
+  const handleJoinRoom = useCallback(async () => {
     const { value: joinRoomId } = await Swal.fire({
       title: 'Join Bingo Room',
       input: 'text',
       inputPlaceholder: 'Enter Room ID',
       showCancelButton: true,
-      customClass: { popup: 'glass rounded-3xl paper-font' }
+      customClass: { popup: sketchPopupClass },
     });
     if (joinRoomId) {
-      socket.emit('bingo_joinRoom', { roomId: joinRoomId.toUpperCase(), playerName });
+      socket.emit('bingo_joinRoom', {
+        roomId: joinRoomId.toUpperCase(),
+        playerName: profile.name,
+        avatarIcon: profile.avatarIcon,
+        color: profile.color,
+      });
     }
-  };
+  }, [socket, profile]);
 
-  const handleStartGame = () => {
+  const handleStartGame = useCallback(() => {
     if (players.length < 2) {
-      Swal.fire({ title: 'Wait!', text: 'Need at least 2 players!', icon: 'info' });
+      Swal.fire({
+        title: 'Wait!',
+        text: 'Need at least 2 players!',
+        icon: 'info',
+      });
       return;
     }
     socket.emit('bingo_startGame', roomId);
-  };
+  }, [socket, roomId, players.length]);
 
-  const handleRestartGame = () => {
-    socket.emit('bingo_restartGame', roomId);
-  };
+  const handleLeaveRoom = useCallback(async () => {
+    const result = await Swal.fire({
+      title: 'Leave Game?',
+      text: 'Are you sure you want to leave?',
+      icon: 'warning',
+      showCancelButton: true,
+      confirmButtonText: 'Yes, leave',
+      customClass: { popup: sketchPopupClass },
+    });
+    if (result.isConfirmed) {
+      socket.emit('bingo_leaveRoom', roomId);
+      clearReconnect();
+      clearRoomId(roomId);
+      navigate('/');
+    }
+  }, [socket, roomId, clearReconnect, clearRoomId, navigate]);
 
   return (
-    <div className="min-h-screen flex flex-col items-center justify-center p-4">
-      <RetroButton 
-        onClick={() => navigate('/')} 
-        variant="secondary" 
-        className="absolute top-8 left-8 flex items-center gap-2"
-      >
-        <ArrowLeft size={18} />
-        Back
-      </RetroButton>
-
-      <h1 className="text-6xl hand-drawn mb-8 text-purple-600">Bingo Party</h1>
-
-      {!roomId ? (
-        <div className="flex gap-4">
-          <RetroButton onClick={handleCreateRoom}>Create Room</RetroButton>
-          <RetroButton onClick={handleJoinRoom} variant="secondary">Join Room</RetroButton>
-        </div>
-      ) : (
-        <div className="w-full max-w-4xl flex flex-col md:flex-row gap-8 items-start">
-          <div className="flex-1 w-full">
-            <div className="glass p-4 rounded-2xl mb-8 flex justify-between items-center">
-              <div className="paper-font text-gray-600 flex items-center gap-2">
-                <SwatchBook size={18} className="text-purple-500" />
-                Room: <span className="font-bold text-purple-600 uppercase">{roomId}</span>
-              </div>
-              <div className="flex gap-2">
-                {'BINGO'.split('').map((l, i) => (
-                  <span key={i} className={`w-8 h-8 flex items-center justify-center rounded-lg font-bold transition-all duration-500 
-                    ${i < strikedOut.length ? 'bg-green-500 text-white scale-110 shadow-lg' : 'bg-gray-200 text-gray-400'}`}>
-                    {l}
-                  </span>
-                ))}
-              </div>
-            </div>
+    <GameLayout players={players}>
+      <div className="flex flex-col items-center justify-center p-4 w-full">
+        <h1 className="text-6xl font-sketch mb-8 text-ink">Bingo Party</h1>
 
-            <div className="grid grid-cols-5 gap-2 md:gap-4 aspect-square">
-              {numbers.map((n, i) => (
-                <button
-                  key={i}
-                  onClick={() => handleCellClick(n)}
-                  disabled={n === 'X' || gameState !== 'playing' || currentTurn !== socket?.id}
-                  className={`glass text-xl md:text-3xl paper-font flex items-center justify-center transition-all duration-300 rounded-xl
-                    ${n === 'X' ? 'bg-purple-500/50 text-white rotate-12' : 'hover:bg-white/40 cursor-pointer'}
-                    ${gameState === 'playing' && currentTurn === socket?.id && n !== 'X' ? 'ring-2 ring-purple-400 ring-offset-2' : ''}`}
-                >
-                  {n === 'X' ? '★' : n}
-                </button>
-              ))}
+        {!roomId ? (
+          <SketchCard className="p-8 max-w-md w-full">
+            <input
+              type="text"
+              value={profile.name}
+              onChange={(e) => setProfile((prev) => ({ ...prev, name: e.target.value }))}
+              placeholder="Enter your name"
+              className="w-full sketch-border font-handwriting text-ink px-3 py-2 rounded mb-4"
+            />
+            <AvatarSelector
+              avatarIcon={profile.avatarIcon}
+              color={profile.color}
+              onAvatarChange={(icon) => setProfile((prev) => ({ ...prev, avatarIcon: icon }))}
+              onColorChange={(c) => setProfile((prev) => ({ ...prev, color: c }))}
+            />
+            <div className="flex gap-4 mt-4">
+              <SketchButton onClick={handleCreateRoom}>Create Room</SketchButton>
+              <SketchButton onClick={handleJoinRoom}>Join Room</SketchButton>
             </div>
-          </div>
+          </SketchCard>
+        ) : (
+          <div className="w-full max-w-4xl flex flex-col md:flex-row gap-8 items-start">
+            <div className="flex-1 w-full">
+              <SketchCard className="p-4 mb-8 flex justify-between items-center">
+                <div className="font-handwriting text-ink flex items-center gap-2">
+                  <SwatchBook size={18} className="text-ink" />
+                  Room: <span className="font-bold text-ink uppercase">{roomId}</span>
+                </div>
+                <div className="flex gap-2">
+                  {'BINGO'.split('').map((l, i) => (
+                    <span
+                      key={i}
+                      className={`w-8 h-8 flex items-center justify-center rounded-lg font-bold transition-all duration-500
+                    ${i < strikedOut.length ? 'bg-green-500 text-white scale-110 shadow-lg' : 'bg-gray-200 text-gray-400'}`}
+                    >
+                      {l}
+                    </span>
+                  ))}
+                </div>
+              </SketchCard>
 
-          <div className="w-full md:w-64 flex flex-col gap-6">
-            <div className="glass p-6 rounded-2xl">
-              <h3 className="hand-drawn text-2xl mb-4 flex items-center gap-2">
-                <Users size={24} className="text-purple-500" />
-                Players
-              </h3>
-              <div className="flex flex-col gap-3">
-                {players.map(p => (
-                  <div key={p.id} className={`flex items-center justify-between p-2 rounded-lg transition-all
-                    ${p.id === currentTurn ? 'bg-purple-100 scale-105' : 'opacity-70'}`}>
-                    <span className="font-bold paper-font truncate flex-1">{p.name}</span>
-                    {p.id === currentTurn && <Users size={16} className="text-purple-500 animate-pulse" />}
-                  </div>
+              <div className="grid grid-cols-5 gap-2 md:gap-4 aspect-square">
+                {numbers.map((n, i) => (
+                  <button
+                    key={i}
+                    onClick={() => handleCellClick(n)}
+                    disabled={typeof n === 'string' || gameState !== 'playing' || currentTurn !== socket?.id}
+                    className={`text-xl md:text-3xl font-handwriting flex items-center justify-center transition-all duration-300 rounded-xl
+                    ${typeof n === 'string' ? 'bg-green-500 text-white rotate-12 animate-pulse' : 'hover:bg-gray-100 cursor-pointer'}
+                    ${gameState === 'playing' && currentTurn === socket?.id && typeof n !== 'string' ? 'ring-2 ring-ink ring-offset-2' : ''}
+                    sketch-border`}
+                    style={{
+                      color: typeof n === 'string' ? '#fff' : '#2a2a3e',
+                      backgroundColor: typeof n === 'string' ? '#22c55e' : '#fffef9',
+                    }}
+                  >
+                    {typeof n === 'string' ? '★' : n}
+                  </button>
                 ))}
               </div>
             </div>
 
-            {isCreator && gameState === 'ready' && (
-              <RetroButton onClick={handleStartGame} variant="success" className="w-full text-xl py-4 animate-pulse flex items-center justify-center gap-2">
-                🚀 Start Party!
-              </RetroButton>
-            )}
-
-            {gameState === 'playing' && (
-              <div className="glass p-6 rounded-2xl text-center">
-                <div className="text-sm paper-font text-gray-500 mb-1 flex items-center justify-center gap-1">
-                  <Timer size={14} />
-                  Time Remaining
-                </div>
-                <div className={`text-4xl font-bold paper-font ${turnTimer < 10 ? 'text-red-500 animate-ping' : 'text-purple-600'}`}>
-                  {turnTimer}s
+            <div className="w-full md:w-64 flex flex-col gap-6">
+              <SketchCard className="p-6">
+                <h3 className="font-sketch text-2xl mb-4 flex items-center gap-2">
+                  <Users size={24} className="text-ink" />
+                  Players
+                </h3>
+                <div className="flex flex-col gap-3">
+                  {players.map((p, i) => (
+                    <div
+                      key={p.id}
+                      className={`flex items-center justify-between p-2 rounded border-2 border-dashed ${
+                        p.id === currentTurn && gameState === 'playing'
+                          ? 'border-current bg-yellow-50'
+                          : 'border-gray-300'
+                      }`}
+                      style={{
+                        color: players[i]?.color || PLAYER_COLORS[i % PLAYER_COLORS.length],
+                        transform: `rotate(${i % 2 ? 0.5 : -0.5}deg)`,
+                      }}
+                    >
+                      <div className="flex items-center gap-2">
+                        <span className="font-handwriting font-bold">
+                          {p.name}
+                          {p.id === socket?.id && ' (You)'}
+                        </span>
+                      </div>
+                    </div>
+                  ))}
                 </div>
-                {currentTurn === socket?.id && (
-                  <div className="mt-2 text-purple-600 flex items-center justify-center gap-1 text-sm animate-bounce">
-                    <Trophy size={14} />
-                    Your Turn!
+              </SketchCard>
+
+              {isCreator && gameState === 'ready' && (
+                <SketchButton
+                  onClick={handleStartGame}
+                  className="w-full text-xl py-4 animate-pulse flex items-center justify-center gap-2 bg-green-50"
+                >
+                  Start Party!
+                </SketchButton>
+              )}
+
+              {(gameState === 'ready' || gameState === 'playing') && (
+                <SketchButton onClick={handleLeaveRoom} className="w-full text-sm py-2 mt-2">
+                  Leave Room
+                </SketchButton>
+              )}
+
+              {gameState === 'playing' && (
+                <SketchCard className="p-6 text-center">
+                  <div className="text-sm font-handwriting text-gray-500 mb-1 flex items-center justify-center gap-1">
+                    <Timer size={14} />
+                    Time Remaining
                   </div>
-                )}
-              </div>
-            )}
+                  <div
+                    className={`text-4xl font-bold font-handwriting ${turnTimer < 10 ? 'text-red-500 animate-ping' : 'text-ink'}`}
+                  >
+                    {turnTimer}s
+                  </div>
+                  {currentTurn === socket?.id && (
+                    <div className="mt-2 text-ink flex items-center justify-center gap-1 text-lg font-bold animate-bounce">
+                      <Trophy size={18} />
+                      Your Turn!
+                    </div>
+                  )}
+                </SketchCard>
+              )}
+            </div>
           </div>
-        </div>
+        )}
+      </div>
+
+      {gameState === 'playing' && (
+        <AvatarReactionBar socket={socket} roomId={roomId} gamePrefix="bingo" players={players} />
       )}
-    </div>
+    </GameLayout>
   );
 };
 
diff --git a/pro/src/bingo/Bingo.test.jsx b/pro/src/bingo/Bingo.test.jsx
index b60a8f9..8bd4f96 100644
--- a/pro/src/bingo/Bingo.test.jsx
+++ b/pro/src/bingo/Bingo.test.jsx
@@ -3,9 +3,9 @@ import { render, screen, fireEvent, act } from '@testing-library/react';
 import { describe, it, expect, vi, beforeEach } from 'vitest';
 import Bingo from './Bingo';
 import { GameProvider } from '../context/GameContext';
+import { ThemeProvider } from '../context/ThemeContext';
 import { BrowserRouter } from 'react-router-dom';
 
-// Mock Socket.io
 const mockSocket = {
   id: 'mock-id',
   on: vi.fn(),
@@ -14,57 +14,182 @@ const mockSocket = {
   disconnect: vi.fn(),
 };
 
-vi.mock('socket.io-client', () => ({
-  default: () => mockSocket
-}));
+vi.mock('socket.io-client', () => ({ default: () => mockSocket }));
+vi.mock('use-sound', () => ({ default: () => [vi.fn()] }));
+vi.mock('canvas-confetti', () => ({ default: vi.fn() }));
+vi.mock('sweetalert2', () => ({ default: { fire: vi.fn().mockResolvedValue({ isConfirmed: true }) } }));
+
+const Wrapper = ({ children }) => (
+  <ThemeProvider>
+    <GameProvider>
+      <BrowserRouter>{children}</BrowserRouter>
+    </GameProvider>
+  </ThemeProvider>
+);
+
+const findEventCb = (event) => {
+  const call = mockSocket.on.mock.calls.find((c) => c[0] === event);
+  return call?.[1];
+};
 
 describe('Bingo', () => {
   beforeEach(() => {
     vi.clearAllMocks();
+    localStorage.clear();
+    sessionStorage.clear();
+  });
+
+  describe('Board Rendering', () => {
+    it('shows Create Room and Join Room buttons in waiting state', () => {
+      render(<Bingo />, { wrapper: Wrapper });
+      expect(screen.getByText('Create Room')).toBeTruthy();
+      expect(screen.getByText('Join Room')).toBeTruthy();
+    });
+
+    it('renders 25 number cells when playing', async () => {
+      render(<Bingo />, { wrapper: Wrapper });
+
+      const cb = findEventCb('bingo_roomInfo');
+      await act(async () => {
+        cb({
+          id: 'BINGO1',
+          creator: 'mock-id',
+          players: [
+            { id: 'mock-id', name: 'Alice', connected: true },
+            { id: 'bob-id', name: 'Bob', connected: true },
+          ],
+          gameState: 'playing',
+          currentTurn: 'mock-id',
+          turnOrder: ['mock-id', 'bob-id'],
+        });
+      });
+
+      const buttons = screen.getAllByRole('button');
+      const numberCells = buttons.filter((b) => {
+        const n = parseInt(b.textContent);
+        return n >= 1 && n <= 25;
+      });
+      expect(numberCells.length).toBe(25);
+    });
+
+    it('shows BINGO progress display', async () => {
+      render(<Bingo />, { wrapper: Wrapper });
+
+      const cb = findEventCb('bingo_roomInfo');
+      await act(async () => {
+        cb({
+          id: 'BINGO1',
+          creator: 'mock-id',
+          players: [
+            { id: 'mock-id', name: 'Alice', connected: true },
+            { id: 'bob-id', name: 'Bob', connected: true },
+          ],
+          gameState: 'playing',
+          currentTurn: 'mock-id',
+          turnOrder: ['mock-id', 'bob-id'],
+        });
+      });
+
+      for (const letter of 'BINGO') {
+        expect(screen.getByText(letter)).toBeTruthy();
+      }
+    });
   });
 
-  it('emits markNumber when a cell is clicked', async () => {
-    render(
-      <GameProvider>
-        <BrowserRouter>
-          <Bingo />
-        </BrowserRouter>
-      </GameProvider>
-    );
-
-    // Simulate being in a game and it being our turn
-    const roomInfoCall = mockSocket.on.mock.calls.find(call => call[0] === 'bingo_roomInfo');
-    if (!roomInfoCall) throw new Error('bingo_roomInfo listener not registered');
-    
-    const roomInfoCallback = roomInfoCall[1];
-    
-    await act(async () => {
-      roomInfoCallback({
-        id: '123456',
-        creator: 'mock-id',
-        players: [{ id: 'mock-id', name: 'Alice' }, { id: 'bob-id', name: 'Bob' }],
-        gameState: 'playing',
-        currentTurn: 'mock-id',
-        turnOrder: ['mock-id', 'bob-id']
+  describe('Mark Numbers', () => {
+    it('emits bingo_markNumber when a cell is clicked on my turn', async () => {
+      render(<Bingo />, { wrapper: Wrapper });
+
+      const cb = findEventCb('bingo_roomInfo');
+      await act(async () => {
+        cb({
+          id: 'BINGO1',
+          creator: 'mock-id',
+          players: [
+            { id: 'mock-id', name: 'Alice', connected: true },
+            { id: 'bob-id', name: 'Bob', connected: true },
+          ],
+          gameState: 'playing',
+          currentTurn: 'mock-id',
+          turnOrder: ['mock-id', 'bob-id'],
+        });
+      });
+
+      const buttons = screen.getAllByRole('button');
+      const numberCell = buttons.find((b) => {
+        const n = parseInt(b.textContent);
+        return n >= 1 && n <= 25;
+      });
+      expect(numberCell).toBeDefined();
+      const number = parseInt(numberCell.textContent);
+
+      await act(async () => {
+        fireEvent.click(numberCell);
       });
+
+      expect(mockSocket.emit).toHaveBeenCalledWith('bingo_markNumber', expect.objectContaining({ number }));
     });
 
-    // Our Bingo cells are buttons.
-    // There are 25 cells + navigation buttons.
-    const cells = screen.getAllByRole('button');
-    
-    // Find a cell with a number (not navigation)
-    const gameCell = cells.find(c => !isNaN(parseInt(c.textContent)));
-    if (!gameCell) throw new Error('Bingo cell not found');
+    it('does not emit when it is not my turn', async () => {
+      render(<Bingo />, { wrapper: Wrapper });
+
+      const cb = findEventCb('bingo_roomInfo');
+      await act(async () => {
+        cb({
+          id: 'BINGO1',
+          creator: 'other-id',
+          players: [
+            { id: 'mock-id', name: 'Alice', connected: true },
+            { id: 'bob-id', name: 'Bob', connected: true },
+          ],
+          gameState: 'playing',
+          currentTurn: 'bob-id',
+          turnOrder: ['mock-id', 'bob-id'],
+        });
+      });
 
-    const number = parseInt(gameCell.textContent);
+      const buttons = screen.getAllByRole('button');
+      const numberCell = buttons.find((b) => {
+        const n = parseInt(b.textContent);
+        return n >= 1 && n <= 25;
+      });
 
-    await act(async () => {
-      fireEvent.click(gameCell);
+      await act(async () => {
+        fireEvent.click(numberCell);
+      });
+
+      expect(mockSocket.emit).not.toHaveBeenCalledWith('bingo_markNumber', expect.any(Object));
     });
 
-    expect(mockSocket.emit).toHaveBeenCalledWith('bingo_markNumber', expect.objectContaining({
-      number: number
-    }));
+    it('shows striked cells as stars after bingo_numberMarked', async () => {
+      render(<Bingo />, { wrapper: Wrapper });
+
+      const cb = findEventCb('bingo_roomInfo');
+      await act(async () => {
+        cb({
+          id: 'BINGO1',
+          creator: 'mock-id',
+          players: [
+            { id: 'mock-id', name: 'Alice', connected: true },
+            { id: 'bob-id', name: 'Bob', connected: true },
+          ],
+          gameState: 'playing',
+          currentTurn: 'mock-id',
+          turnOrder: ['mock-id', 'bob-id'],
+        });
+      });
+
+      const numberMarkedCb = findEventCb('bingo_numberMarked');
+      await act(async () => {
+        numberMarkedCb({
+          number: 5,
+          nextTurn: 'bob-id',
+          strikedNumbers: [5],
+        });
+      });
+
+      const stars = screen.getAllByText('★');
+      expect(stars.length).toBeGreaterThanOrEqual(1);
+    });
   });
 });
diff --git a/pro/src/components/ErrorBoundary.jsx b/pro/src/components/ErrorBoundary.jsx
index 640c0a0..70e245f 100644
--- a/pro/src/components/ErrorBoundary.jsx
+++ b/pro/src/components/ErrorBoundary.jsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import { Box, Typography, Button } from '@mui/material';
+import { reportRuntimeError } from '../utils/runtimeError';
 
 class ErrorBoundary extends React.Component {
   constructor(props) {
@@ -7,16 +7,13 @@ class ErrorBoundary extends React.Component {
     this.state = { hasError: false, error: null, errorInfo: null };
   }
 
-  static getDerivedStateFromError(error) {
+  static getDerivedStateFromError() {
     return { hasError: true };
   }
 
   componentDidCatch(error, errorInfo) {
-    this.setState({
-      error: error,
-      errorInfo: errorInfo
-    });
-    // You can also log the error to an error reporting service here
+    this.setState({ error, errorInfo });
+    reportRuntimeError('React error boundary', error);
     console.error('Error caught by ErrorBoundary:', error, errorInfo);
   }
 
@@ -27,49 +24,24 @@ class ErrorBoundary extends React.Component {
   render() {
     if (this.state.hasError) {
       return (
-        <Box
-          sx={{
-            display: 'flex',
-            flexDirection: 'column',
-            alignItems: 'center',
-            justifyContent: 'center',
-            minHeight: '100vh',
-            padding: 3,
-            textAlign: 'center',
-            background: 'linear-gradient(45deg, #ff9a9e 0%, #fad0c4 99%, #fad0c4 100%)'
-          }}
-        >
-          <Typography variant="h2" gutterBottom sx={{ color: '#d32f2f' }}>
-            Oops! Something went wrong
-          </Typography>
-          <Typography variant="h6" sx={{ mb: 4, color: '#666' }}>
-            We're sorry for the inconvenience. Please try refreshing the page.
-          </Typography>
-          <Button
-            variant="contained"
-            onClick={this.handleReset}
-            sx={{
-              background: 'linear-gradient(45deg, #d32f2f 30%, #f44336 90%)',
-              color: 'white',
-              '&:hover': {
-                background: 'linear-gradient(45deg, #f44336 30%, #d32f2f 90%)'
-              }
-            }}
-          >
+        <div className="flex flex-col items-center justify-center min-h-screen p-8 text-center bg-paper">
+          <h1 className="text-5xl font-hand-drawn text-red-600 mb-4">Oops! Something went wrong</h1>
+          <p className="text-xl font-handwriting text-ink mb-8">
+            We&apos;re sorry for the inconvenience. Please try refreshing the page.
+          </p>
+          <button onClick={this.handleReset} className="sketch-button px-8 py-3 text-lg">
             Try Again
-          </Button>
-          {process.env.NODE_ENV === 'development' && (
-            <Box sx={{ mt: 4, textAlign: 'left', maxWidth: '800px' }}>
-              <Typography variant="h6" gutterBottom sx={{ color: '#d32f2f' }}>
-                Error Details:
-              </Typography>
-              <pre style={{ whiteSpace: 'pre-wrap', color: '#666' }}>
+          </button>
+          {import.meta.env.DEV && (
+            <div className="mt-8 text-left max-w-2xl">
+              <h2 className="text-lg font-hand-drawn text-red-600 mb-2">Error Details:</h2>
+              <pre className="whitespace-pre-wrap text-sm text-ink/70 bg-white/50 p-4 rounded-2xl border-2 border-dashed border-red-200">
                 {this.state.error && this.state.error.toString()}
                 {this.state.errorInfo && this.state.errorInfo.componentStack}
               </pre>
-            </Box>
+            </div>
           )}
-        </Box>
+        </div>
       );
     }
 
@@ -77,4 +49,4 @@ class ErrorBoundary extends React.Component {
   }
 }
 
-export default ErrorBoundary;
\ No newline at end of file
+export default ErrorBoundary;
diff --git a/pro/src/components/NotificationProvider.jsx b/pro/src/components/NotificationProvider.jsx
new file mode 100644
index 0000000..0b09121
--- /dev/null
+++ b/pro/src/components/NotificationProvider.jsx
@@ -0,0 +1,26 @@
+import React from 'react';
+import { Toaster } from 'sonner';
+import { useTheme } from '../context/ThemeContext';
+
+export default function NotificationProvider() {
+  const { theme } = useTheme();
+
+  return (
+    <Toaster
+      theme={theme}
+      position="top-right"
+      richColors
+      closeButton
+      expand
+      toastOptions={{
+        className: 'sketch-card font-handwriting',
+        style: {
+          background: theme === 'dark' ? '#1e1e1e' : '#fffef9',
+          color: theme === 'dark' ? '#e0e0e0' : '#2a2a3e',
+          border: `2px solid ${theme === 'dark' ? '#e0e0e0' : '#2a2a3e'}`,
+          borderRadius: '4px',
+        },
+      }}
+    />
+  );
+}
diff --git a/pro/src/components/PageTransition.jsx b/pro/src/components/PageTransition.jsx
new file mode 100644
index 0000000..4df639c
--- /dev/null
+++ b/pro/src/components/PageTransition.jsx
@@ -0,0 +1,33 @@
+import React from 'react';
+import { motion } from 'framer-motion';
+
+const pageVariants = {
+  initial: {
+    opacity: 0,
+    y: 20,
+  },
+  animate: {
+    opacity: 1,
+    y: 0,
+    transition: {
+      duration: 0.4,
+      ease: 'easeOut',
+    },
+  },
+  exit: {
+    opacity: 0,
+    y: -20,
+    transition: {
+      duration: 0.3,
+      ease: 'easeIn',
+    },
+  },
+};
+
+export default function PageTransition({ children }) {
+  return (
+    <motion.div variants={pageVariants} initial="initial" animate="animate" exit="exit">
+      {children}
+    </motion.div>
+  );
+}
diff --git a/pro/src/components/PaperPartyLanding.jsx b/pro/src/components/PaperPartyLanding.jsx
index 1da9aa6..cff6d50 100644
--- a/pro/src/components/PaperPartyLanding.jsx
+++ b/pro/src/components/PaperPartyLanding.jsx
@@ -1,21 +1,137 @@
 import React, { useEffect } from 'react';
 import { useNavigate } from 'react-router-dom';
 import { useGameContext } from '../context/GameContext';
-import RetroButton from './ui/RetroButton';
 import Swal from 'sweetalert2';
-import { Dices, Hash, User, Grid3X3, Square } from 'lucide-react';
-
-const GameCard = ({ title, description, onClick, icon: Icon }) => (
-  <div 
-    onClick={onClick}
-    className="group relative p-4 sm:p-8 rounded-xl sm:rounded-2xl glass cursor-pointer transition-all duration-500 hover:scale-105 hover:-translate-y-2"
-  >
-    <div className="absolute inset-0 bg-gradient-to-br from-white/20 to-transparent opacity-0 group-hover:opacity-100 transition-opacity rounded-xl sm:rounded-2xl" />
-    <div className="mb-2 sm:mb-4 text-blue-600 transition-transform duration-500 group-hover:rotate-12 group-hover:scale-110">
-      <Icon size={32} className="sm:size-48" strokeWidth={1.5} />
+import { User, BookOpen, PenTool, Share2, Zap, Circle } from 'lucide-react';
+
+const BingoIcon = () => (
+  <svg viewBox="0 0 48 48" className="w-full h-full">
+    <rect x="4" y="4" width="40" height="40" fill="none" stroke="currentColor" strokeWidth="2" strokeDasharray="4 2" />
+    <text x="24" y="28" textAnchor="middle" className="text-lg font-bold" fill="currentColor">
+      B
+    </text>
+  </svg>
+);
+
+const TicTacToeIcon = () => (
+  <svg viewBox="0 0 48 48" className="w-full h-full">
+    <line x1="16" y1="4" x2="16" y2="44" stroke="currentColor" strokeWidth="2" strokeDasharray="4 2" />
+    <line x1="32" y1="4" x2="32" y2="44" stroke="currentColor" strokeWidth="2" strokeDasharray="4 2" />
+    <line x1="4" y1="16" x2="44" y2="16" stroke="currentColor" strokeWidth="2" strokeDasharray="4 2" />
+    <line x1="4" y1="32" x2="44" y2="32" stroke="currentColor" strokeWidth="2" strokeDasharray="4 2" />
+    <text x="10" y="14" className="text-lg font-bold" fill="currentColor">
+      X
+    </text>
+    <text x="26" y="30" className="text-lg font-bold" fill="currentColor">
+      O
+    </text>
+  </svg>
+);
+
+const UTTTIcon = () => (
+  <svg viewBox="0 0 48 48" className="w-full h-full">
+    <rect x="2" y="2" width="20" height="20" fill="none" stroke="currentColor" strokeWidth="2" strokeDasharray="4 2" />
+    <rect x="26" y="2" width="20" height="20" fill="none" stroke="currentColor" strokeWidth="2" strokeDasharray="4 2" />
+    <rect x="2" y="26" width="20" height="20" fill="none" stroke="currentColor" strokeWidth="2" strokeDasharray="4 2" />
+    <rect
+      x="26"
+      y="26"
+      width="20"
+      height="20"
+      fill="none"
+      stroke="currentColor"
+      strokeWidth="2"
+      strokeDasharray="4 2"
+    />
+    <text x="12" y="16" className="text-sm font-bold" fill="currentColor">
+      X
+    </text>
+    <text x="36" y="40" className="text-sm font-bold" fill="currentColor">
+      O
+    </text>
+  </svg>
+);
+
+const DotsAndBoxesIcon = () => (
+  <svg viewBox="0 0 48 48" className="w-full h-full">
+    <circle cx="8" cy="8" r="3" fill="currentColor" />
+    <circle cx="24" cy="8" r="3" fill="currentColor" />
+    <circle cx="40" cy="8" r="3" fill="currentColor" />
+    <circle cx="8" cy="24" r="3" fill="currentColor" />
+    <circle cx="24" cy="24" r="3" fill="currentColor" />
+    <circle cx="40" cy="24" r="3" fill="currentColor" />
+    <circle cx="8" cy="40" r="3" fill="currentColor" />
+    <circle cx="24" cy="40" r="3" fill="currentColor" />
+    <circle cx="40" cy="40" r="3" fill="currentColor" />
+    <line x1="8" y1="8" x2="24" y2="8" stroke="currentColor" strokeWidth="2" />
+    <line x1="8" y1="24" x2="8" y2="8" stroke="currentColor" strokeWidth="2" />
+    <line x1="24" y1="24" x2="40" y2="24" stroke="currentColor" strokeWidth="2" strokeDasharray="4 2" />
+    <line x1="40" y1="24" x2="40" y2="8" stroke="currentColor" strokeWidth="2" />
+    <line x1="8" y1="40" x2="8" y2="24" stroke="currentColor" strokeWidth="2" strokeDasharray="4 2" />
+  </svg>
+);
+
+const SOSIcon = () => (
+  <svg viewBox="0 0 48 48" className="w-full h-full">
+    <rect x="4" y="4" width="40" height="40" fill="none" stroke="currentColor" strokeWidth="2" strokeDasharray="4 2" />
+    <text x="12" y="16" className="text-sm font-bold" fill="currentColor">
+      S
+    </text>
+    <text x="24" y="28" className="text-sm font-bold" fill="currentColor">
+      O
+    </text>
+    <text x="36" y="40" className="text-sm font-bold" fill="currentColor">
+      S
+    </text>
+  </svg>
+);
+
+const Connect4Icon = () => (
+  <svg viewBox="0 0 48 48" className="w-full h-full">
+    <rect x="4" y="8" width="40" height="32" fill="none" stroke="currentColor" strokeWidth="2" strokeDasharray="4 2" />
+    <circle cx="12" cy="16" r="4" fill="#ef4444" />
+    <circle cx="24" cy="16" r="4" fill="#eab308" />
+    <circle cx="36" cy="16" r="4" fill="#ef4444" />
+    <circle cx="12" cy="28" r="4" fill="#eab308" />
+    <circle cx="24" cy="28" r="4" fill="#ef4444" />
+    <circle cx="36" cy="28" r="4" fill="#eab308" />
+  </svg>
+);
+
+const GameCard = ({ title, description, onClick, icon: Icon, accentColor, badge }) => (
+  <div onClick={onClick} className="group relative cursor-pointer transition-all duration-300 hover:-translate-y-1">
+    <div className="absolute -inset-1 bg-gradient-to-r from-transparent via-gray-300 to-transparent opacity-0 group-hover:opacity-100 transition-opacity" />
+    <div className="relative glass rounded-2xl p-4 sm:p-6 border-2 border-dashed border-gray-300 hover:border-gray-400 transition-colors">
+      <div className="flex items-start gap-4">
+        <div className={`w-16 h-16 sm:w-20 sm:h-20 flex-shrink-0 text-${accentColor}-500`}>
+          <Icon />
+        </div>
+        <div className="flex-1 min-w-0">
+          <div className="flex items-center gap-2 mb-1">
+            <h3 className="text-base sm:text-xl font-bold hand-drawn text-gray-800">{title}</h3>
+            {badge && (
+              <span className="text-[10px] sm:text-xs px-2 py-0.5 rounded-full bg-orange-100 text-orange-600 font-bold">
+                {badge}
+              </span>
+            )}
+          </div>
+          <p className="text-[10px] sm:text-sm paper-font text-gray-500 leading-relaxed">{description}</p>
+        </div>
+      </div>
+      <div className="mt-3 sm:mt-4 flex items-center gap-2 text-xs sm:text-sm text-gray-400 group-hover:text-gray-600 transition-colors">
+        <PenTool size={12} />
+        <span>Click to play</span>
+        <svg
+          className="w-4 h-4 transform group-hover:translate-x-1 transition-transform"
+          viewBox="0 0 24 24"
+          fill="none"
+          stroke="currentColor"
+          strokeWidth="2"
+        >
+          <path d="M5 12h14M12 5l7 7-7 7" />
+        </svg>
+      </div>
     </div>
-    <h3 className="text-lg sm:text-2xl font-bold mb-1 sm:mb-2 hand-drawn text-gray-800">{title}</h3>
-    <p className="text-xs sm:text-gray-600 paper-font text-[10px] sm:text-base">{description}</p>
   </div>
 );
 
@@ -31,68 +147,124 @@ const PaperPartyLanding = () => {
         input: 'text',
         inputPlaceholder: 'Enter your name...',
         allowOutsideClick: false,
-        confirmButtonText: 'Let\'s Play!',
+        confirmButtonText: "Let's Play!",
         customClass: {
           popup: 'glass rounded-3xl paper-font',
           title: 'hand-drawn text-3xl',
-          confirmButton: 'bg-blue-500/80 hover:bg-blue-500 px-8 py-3 rounded-xl font-bold transition-all'
+          confirmButton: 'bg-blue-500/80 hover:bg-blue-500 px-8 py-3 rounded-xl font-bold transition-all',
         },
         buttonsStyling: false,
         inputValidator: (value) => {
-          if (!value) return 'We need a name to start the party!';
-        }
+          if (!value || !value.trim()) return 'We need a name to start the party!';
+        },
       }).then((result) => {
         if (result.isConfirmed) {
-          setPlayerName(result.value);
+          setPlayerName(result.value.trim());
         }
       });
     }
   }, [playerName, setPlayerName]);
 
   return (
-    <div className="min-h-screen flex flex-col items-center justify-center p-2 sm:p-4">
-      <div className="text-center mb-6 sm:mb-16">
-        <h1 className="text-4xl sm:text-6xl md:text-7xl lg:text-9xl hand-drawn mb-2 sm:mb-4 text-transparent bg-clip-text bg-gradient-to-r from-blue-600 to-purple-600 animate-pulse">
+    <div className="min-h-screen flex flex-col items-center justify-center p-4 sm:p-8 relative overflow-hidden">
+      <div
+        className="absolute inset-0 opacity-[0.03]"
+        style={{
+          backgroundImage: `repeating-linear-gradient(transparent, transparent 23px, #333 24px)`,
+          backgroundSize: '100% 24px',
+        }}
+      />
+
+      <div className="absolute top-4 left-4 w-32 h-32 text-gray-300 transform -rotate-12">
+        <BookOpen size={128} strokeWidth={0.5} />
+      </div>
+      <div className="absolute bottom-4 right-4 w-24 h-24 text-gray-300 transform rotate-12">
+        <Share2 size={96} strokeWidth={0.5} />
+      </div>
+      <div className="absolute top-1/4 right-8 w-16 h-16 text-gray-200 transform rotate-45">
+        <Zap size={64} strokeWidth={0.5} />
+      </div>
+      <div className="absolute bottom-1/4 left-8 w-12 h-12 text-gray-200 transform -rotate-30">
+        <Circle size={48} strokeWidth={0.5} />
+      </div>
+
+      <div className="relative text-center mb-8 sm:mb-16">
+        <h1 className="text-4xl sm:text-6xl md:text-7xl lg:text-8xl hand-drawn mb-2 sm:mb-4 text-transparent bg-clip-text bg-gradient-to-r from-blue-600 to-purple-600">
           PaperParty
         </h1>
-        <p className="text-sm sm:text-xl md:text-2xl paper-font text-gray-600 max-w-2xl mx-auto">
-          Multiplayer games that feel like the back of your notebook.
-        </p>
+        <div className="flex items-center justify-center gap-2 text-gray-500">
+          <PenTool size={14} />
+          <p className="text-xs sm:text-base paper-font max-w-2xl">
+            Multiplayer games that feel like the back of your notebook.
+          </p>
+        </div>
+        <div className="mt-3 flex items-center justify-center gap-2">
+          {[...Array(5)].map((_, i) => (
+            <div key={i} className="w-1.5 h-1.5 rounded-full bg-gray-300" />
+          ))}
+        </div>
       </div>
 
-      <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-3 sm:gap-8 max-w-5xl w-full px-2 sm:px-0">
-        <GameCard 
-          title="Bingo" 
-          description="The classic 5x5 numbers game. Race to cross out your lines!"
-          icon={Hash}
+      <div className="relative grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4 sm:gap-6 max-w-4xl w-full px-2">
+        <GameCard
+          title="Bingo"
+          description="The classic 5x5 numbers game. Race to cross out your lines and shout BINGO!"
+          icon={BingoIcon}
+          accentColor="purple"
           onClick={() => navigate('/bingo')}
         />
-        <GameCard 
-          title="Tic Tac Toe" 
+        <GameCard
+          title="Tic Tac Toe"
           description="Strategize and outsmart your opponent in this timeless 3x3 battle."
-          icon={Dices}
+          icon={TicTacToeIcon}
+          accentColor="blue"
           onClick={() => navigate('/tictactoe')}
         />
-        <GameCard 
-          title="Ultimate Tic-Tac-Toe" 
+        <GameCard
+          title="Ultimate Tic-Tac-Toe"
           description="The mind-bending 9x9 grid where every move sends your opponent to a new battlefield!"
-          icon={Grid3X3}
+          icon={UTTTIcon}
+          accentColor="green"
           onClick={() => navigate('/uttt')}
         />
-        <GameCard 
-          title="Dots & Boxes" 
+        <GameCard
+          title="Dots & Boxes"
           description="Connect the dots and claim boxes in this classic strategy game!"
-          icon={Square}
+          icon={DotsAndBoxesIcon}
+          accentColor="orange"
           onClick={() => navigate('/dab')}
         />
+        <GameCard
+          title="SOS"
+          description="Place S or O to form SOS patterns. Quick to learn, hard to master!"
+          icon={SOSIcon}
+          accentColor="red"
+          onClick={() => navigate('/sos')}
+        />
+        <GameCard
+          title="Connect 4"
+          description="Drop discs to get 4 in a row. Classic gravity gameplay with smooth animations!"
+          icon={Connect4Icon}
+          accentColor="yellow"
+          onClick={() => navigate('/connect4')}
+        />
       </div>
 
       {playerName && (
-        <div className="mt-6 sm:mt-12 paper-font text-gray-500 glass px-4 sm:px-6 py-1 sm:py-2 rounded-full flex items-center gap-1 sm:gap-2 text-xs sm:text-base">
-          <User size={14} className="sm:w-[18px] text-blue-600" />
-          <span>Playing as <span className="font-bold text-blue-600">{playerName}</span></span>
+        <div className="relative mt-8 sm:mt-12 paper-font text-gray-500 glass px-4 sm:px-6 py-2 sm:py-3 rounded-full flex items-center gap-2 text-xs sm:text-base">
+          <div className="absolute -left-3 w-6 h-6 rounded-full bg-blue-500 flex items-center justify-center">
+            <User size={12} className="text-white" />
+          </div>
+          <span>Playing as</span>
+          <span className="font-bold text-blue-600">{playerName}</span>
         </div>
       )}
+
+      <div className="absolute bottom-4 left-1/2 transform -translate-x-1/2 flex items-center gap-1 text-gray-300 text-xs">
+        <Circle size={6} />
+        <Circle size={6} />
+        <Circle size={6} />
+      </div>
     </div>
   );
 };
diff --git a/pro/src/components/PaperPartyLanding.test.jsx b/pro/src/components/PaperPartyLanding.test.jsx
index 1fc454c..4f90e71 100644
--- a/pro/src/components/PaperPartyLanding.test.jsx
+++ b/pro/src/components/PaperPartyLanding.test.jsx
@@ -1,6 +1,6 @@
 import React from 'react';
-import { render, screen, fireEvent } from '@testing-library/react';
-import { describe, it, expect, vi, beforeEach } from 'vitest';
+import { render, screen } from '@testing-library/react';
+import { describe, it, expect, vi } from 'vitest';
 import PaperPartyLanding from './PaperPartyLanding';
 import { GameProvider } from '../context/GameContext';
 import { BrowserRouter } from 'react-router-dom';
@@ -8,8 +8,8 @@ import { BrowserRouter } from 'react-router-dom';
 // Mock SweetAlert2
 vi.mock('sweetalert2', () => ({
   default: {
-    fire: vi.fn().mockResolvedValue({ isConfirmed: true, value: 'Alice' })
-  }
+    fire: vi.fn().mockResolvedValue({ isConfirmed: true, value: 'Alice' }),
+  },
 }));
 
 describe('PaperPartyLanding', () => {
@@ -19,7 +19,7 @@ describe('PaperPartyLanding', () => {
         <BrowserRouter>
           <PaperPartyLanding />
         </BrowserRouter>
-      </GameProvider>
+      </GameProvider>,
     );
 
     expect(screen.getByText('Bingo')).toBeDefined();
diff --git a/pro/src/components/RuntimeErrorProvider.jsx b/pro/src/components/RuntimeErrorProvider.jsx
new file mode 100644
index 0000000..ad1783f
--- /dev/null
+++ b/pro/src/components/RuntimeErrorProvider.jsx
@@ -0,0 +1,24 @@
+import { useEffect } from 'react';
+import { reportRuntimeError } from '../utils/runtimeError';
+
+export default function RuntimeErrorProvider({ children }) {
+  useEffect(() => {
+    const handleWindowError = (event) => {
+      reportRuntimeError('Window error', event.error || event.message || 'Unknown browser error');
+    };
+
+    const handleUnhandledRejection = (event) => {
+      reportRuntimeError('Unhandled promise rejection', event.reason || 'Unknown promise rejection');
+    };
+
+    window.addEventListener('error', handleWindowError);
+    window.addEventListener('unhandledrejection', handleUnhandledRejection);
+
+    return () => {
+      window.removeEventListener('error', handleWindowError);
+      window.removeEventListener('unhandledrejection', handleUnhandledRejection);
+    };
+  }, []);
+
+  return children;
+}
diff --git a/pro/src/components/ui/AvatarReactionBar.jsx b/pro/src/components/ui/AvatarReactionBar.jsx
new file mode 100644
index 0000000..d101c90
--- /dev/null
+++ b/pro/src/components/ui/AvatarReactionBar.jsx
@@ -0,0 +1,101 @@
+import React, { useState, useEffect } from 'react';
+import { ThumbsUp, Sparkles, Flame, Heart, Zap, PartyPopper } from 'lucide-react';
+import { PlayerAvatar } from './AvatarSelector';
+
+const REACTION_ICONS = [
+  { id: 'thumbsup', Icon: ThumbsUp, label: 'Like' },
+  { id: 'sparkles', Icon: Sparkles, label: 'Nice' },
+  { id: 'flame', Icon: Flame, label: 'Fire' },
+  { id: 'heart', Icon: Heart, label: 'Love' },
+  { id: 'zap', Icon: Zap, label: 'Wow' },
+  { id: 'party', Icon: PartyPopper, label: 'Party' },
+];
+
+const AvatarReactionBar = ({ socket, roomId, gamePrefix, players }) => {
+  const [visible, setVisible] = useState(false);
+  const [recentReactions, setRecentReactions] = useState([]);
+  const [myProfile, setMyProfile] = useState(null);
+
+  useEffect(() => {
+    const saved = localStorage.getItem('playerProfile');
+    if (saved) {
+      setMyProfile(JSON.parse(saved));
+    }
+  }, []);
+
+  useEffect(() => {
+    if (!socket) return;
+
+    const handler = (data) => {
+      const player = players.find((p) => p.id === data.playerId);
+      setRecentReactions((prev) => [
+        ...prev,
+        { ...data, playerName: player?.name || 'Someone', avatarIcon: player?.avatarIcon, color: player?.color },
+      ]);
+    };
+
+    socket.on(`${gamePrefix}_reaction`, handler);
+    return () => socket.off(`${gamePrefix}_reaction`, handler);
+  }, [socket, gamePrefix, players]);
+
+  useEffect(() => {
+    if (recentReactions.length === 0) return;
+
+    const timer = setTimeout(() => {
+      setRecentReactions((prev) => prev.slice(1));
+    }, 3000);
+
+    return () => clearTimeout(timer);
+  }, [recentReactions]);
+
+  const handleReaction = (reactionId) => {
+    if (!socket || !roomId) return;
+    socket.emit('game_reaction', { roomId, reaction: reactionId, gamePrefix });
+  };
+
+  return (
+    <div
+      className="fixed bottom-4 left-1/2 -translate-x-1/2 transition-all duration-300"
+      onMouseEnter={() => setVisible(true)}
+      onMouseLeave={() => setVisible(false)}
+      onTouchStart={() => setVisible(true)}
+    >
+      <div
+        className={`sketch-card p-2 flex gap-1 transition-all duration-300 ${visible ? 'opacity-100 translate-y-0' : 'opacity-60 translate-y-2'}`}
+      >
+        {REACTION_ICONS.map((r) => (
+          <button
+            key={r.id}
+            onClick={() => handleReaction(r.id)}
+            className="p-2 rounded-full hover:bg-gray-100 transition-all"
+            title={r.label}
+          >
+            <r.Icon size={18} className="text-ink" />
+          </button>
+        ))}
+      </div>
+
+      {/* Recent reactions popups */}
+      <div className="absolute bottom-full left-0 flex flex-col gap-2 mb-2">
+        {recentReactions.map((r, i) => {
+          const ReactionIcon = REACTION_ICONS.find((icon) => icon.id === r.reaction)?.Icon;
+          return (
+            <div
+              key={i}
+              className="sketch-card px-3 py-1 rounded-full animate-fade-in-up"
+              style={{ animationDelay: `${i * 0.1}s` }}
+            >
+              <div className="flex items-center gap-2">
+                {r.avatarIcon && r.color ? <PlayerAvatar avatarIcon={r.avatarIcon} color={r.color} size={16} /> : null}
+                <span className="font-handwriting text-xs text-ink">{r.playerName}</span>
+                {ReactionIcon && <ReactionIcon size={14} className="text-ink" />}
+              </div>
+            </div>
+          );
+        })}
+      </div>
+    </div>
+  );
+};
+
+export default AvatarReactionBar;
diff --git a/pro/src/components/ui/AvatarSelector.jsx b/pro/src/components/ui/AvatarSelector.jsx
new file mode 100644
index 0000000..ed4971f
--- /dev/null
+++ b/pro/src/components/ui/AvatarSelector.jsx
@@ -0,0 +1,70 @@
+import React from 'react';
+import { Cat, Dog, Bird, Fish, PawPrint, Mouse, Rabbit, Turtle, Squirrel } from 'lucide-react';
+
+const AVATAR_ICON_MAP = {
+  cat: Cat,
+  dog: Dog,
+  bird: Bird,
+  fish: Fish,
+  monkey: Mouse,
+  panda: PawPrint,
+  frog: Rabbit,
+  tiger: Squirrel,
+  lion: Cat,
+  bear: Dog,
+  koala: Fish,
+  fox: Turtle,
+};
+
+const AVATAR_IDS = Object.keys(AVATAR_ICON_MAP);
+
+const COLORS = ['#2a2a3e', '#c73e1d', '#2d4a8f', '#2f5233', '#7b2d8f', '#b5651d'];
+
+const AvatarSelector = ({ avatarIcon, color, onAvatarChange, onColorChange }) => {
+  return (
+    <div className="space-y-3">
+      <div className="flex gap-2 justify-center flex-wrap">
+        {AVATAR_IDS.map((id) => {
+          const Icon = AVATAR_ICON_MAP[id];
+          return (
+            <button
+              key={id}
+              onClick={() => onAvatarChange(id)}
+              className={`w-10 h-10 rounded-full border-2 transition-all flex items-center justify-center
+                ${avatarIcon === id ? 'border-ink scale-110' : 'border-transparent hover:border-ink/40'}`}
+              style={{ backgroundColor: color }}
+            >
+              <Icon size={20} className="text-white/90" />
+            </button>
+          );
+        })}
+      </div>
+      <div className="flex gap-2 justify-center">
+        {COLORS.map((c) => (
+          <button
+            key={c}
+            onClick={() => onColorChange(c)}
+            style={{ background: c }}
+            className={`w-6 h-6 rounded-full border-2 transition-all
+              ${color === c ? 'border-ink scale-110' : 'border-transparent'}`}
+          />
+        ))}
+      </div>
+    </div>
+  );
+};
+
+export default AvatarSelector;
+
+export const PlayerAvatar = ({ avatarIcon, color, size = 20 }) => {
+  const Icon = AVATAR_ICON_MAP[avatarIcon] || Cat;
+
+  return (
+    <div
+      className="rounded-full flex items-center justify-center"
+      style={{ backgroundColor: color, width: size, height: size }}
+    >
+      <Icon size={size * 0.7} className="text-white/90" />
+    </div>
+  );
+};
diff --git a/pro/src/components/ui/AvatarSelector.test.jsx b/pro/src/components/ui/AvatarSelector.test.jsx
new file mode 100644
index 0000000..b8c52df
--- /dev/null
+++ b/pro/src/components/ui/AvatarSelector.test.jsx
@@ -0,0 +1,47 @@
+import React from 'react';
+import { describe, it, expect, vi } from 'vitest';
+import AvatarSelector from './AvatarSelector';
+import { render, screen, fireEvent } from '@testing-library/react';
+
+vi.mock('lucide-react', () => ({
+  Cat: () => <span data-testid="cat-icon">🐱</span>,
+  Dog: () => <span data-testid="dog-icon">🐶</span>,
+  Bird: () => <span data-testid="bird-icon">🐦</span>,
+  Fish: () => <span data-testid="fish-icon">🐟</span>,
+  Mouse: () => <span data-testid="monkey-icon">🐵</span>,
+  PawPrint: () => <span data-testid="panda-icon">🐼</span>,
+  Rabbit: () => <span data-testid="frog-icon">🐸</span>,
+  Turtle: () => <span data-testid="tiger-icon">🐯</span>,
+  Squirrel: () => <span data-testid="tiger-icon">🐯</span>,
+}));
+
+describe('AvatarSelector', () => {
+  it('renders all 12 avatar icon options', () => {
+    render(<AvatarSelector avatarIcon="cat" color="#2a2a3e" onAvatarChange={vi.fn()} onColorChange={vi.fn()} />);
+    const avatarButtons = screen.getAllByRole('button');
+    expect(avatarButtons.length).toBeGreaterThanOrEqual(12);
+  });
+
+  it('calls onAvatarChange with clicked avatar id', () => {
+    const onAvatarChange = vi.fn();
+    render(<AvatarSelector avatarIcon="cat" color="#2a2a3e" onAvatarChange={onAvatarChange} onColorChange={vi.fn()} />);
+    const avatarButtons = screen.getAllByRole('button').slice(0, 12);
+    fireEvent.click(avatarButtons[1]);
+    expect(onAvatarChange).toHaveBeenCalledWith('dog');
+  });
+
+  it('calls onColorChange with clicked color', () => {
+    const onColorChange = vi.fn();
+    render(<AvatarSelector avatarIcon="cat" color="#2a2a3e" onAvatarChange={vi.fn()} onColorChange={onColorChange} />);
+    const colorButtons = screen.getAllByRole('button').slice(12);
+    fireEvent.click(colorButtons[1]);
+    expect(onColorChange).toHaveBeenCalled();
+  });
+
+  it('highlights the selected avatar', () => {
+    render(<AvatarSelector avatarIcon="frog" color="#2a2a3e" onAvatarChange={vi.fn()} onColorChange={vi.fn()} />);
+    const avatarButtons = screen.getAllByRole('button');
+    const frogButton = avatarButtons.find((b) => b.className.includes('border-ink'));
+    expect(frogButton).toBeTruthy();
+  });
+});
diff --git a/pro/src/components/ui/AvatarSelectorNew.jsx b/pro/src/components/ui/AvatarSelectorNew.jsx
new file mode 100644
index 0000000..84712fc
--- /dev/null
+++ b/pro/src/components/ui/AvatarSelectorNew.jsx
@@ -0,0 +1,148 @@
+import React, { useState } from 'react';
+import { motion, AnimatePresence } from 'framer-motion';
+import { ChevronLeft, ChevronRight, RotateCw } from 'lucide-react';
+import { useAvatarStore, AVATAR_STYLES, AVATAR_COLORS } from '../../store/avatarStore';
+
+export default function AvatarSelector() {
+  const { avatar, setAvatar, generateNewAvatar, getAvatarUrl } = useAvatarStore();
+  const [showStylePicker, setShowStylePicker] = useState(false);
+
+  const containerVariants = {
+    hidden: { opacity: 0, scale: 0.95 },
+    visible: {
+      opacity: 1,
+      scale: 1,
+      transition: { duration: 0.3, ease: 'easeOut' },
+    },
+    exit: { opacity: 0, scale: 0.95, transition: { duration: 0.2 } },
+  };
+
+  const avatarVariants = {
+    hidden: { opacity: 0, scale: 0.8 },
+    visible: {
+      opacity: 1,
+      scale: 1,
+      transition: { duration: 0.4, ease: 'easeOut' },
+    },
+  };
+
+  const colorGridVariants = {
+    hidden: { opacity: 0, height: 0 },
+    visible: {
+      opacity: 1,
+      height: 'auto',
+      transition: { duration: 0.3, ease: 'easeOut' },
+    },
+    exit: { opacity: 0, height: 0, transition: { duration: 0.2 } },
+  };
+
+  const colorItemVariants = {
+    hidden: { opacity: 0, scale: 0.6 },
+    visible: (i) => ({
+      opacity: 1,
+      scale: 1,
+      transition: { delay: i * 0.05, duration: 0.3, ease: 'easeOut' },
+    }),
+    hover: { scale: 1.1, transition: { duration: 0.2 } },
+  };
+
+  const currentStyleIndex = AVATAR_STYLES.indexOf(avatar.style);
+  const prevStyle = AVATAR_STYLES[(currentStyleIndex - 1 + AVATAR_STYLES.length) % AVATAR_STYLES.length];
+  const nextStyle = AVATAR_STYLES[(currentStyleIndex + 1) % AVATAR_STYLES.length];
+
+  return (
+    <motion.div
+      variants={containerVariants}
+      initial="hidden"
+      animate="visible"
+      exit="exit"
+      className="flex flex-col items-center gap-6 p-6 rounded-lg sketch-border"
+    >
+      {/* Avatar Display */}
+      <motion.div variants={avatarVariants} initial="hidden" animate="visible" key={avatar.seed} className="relative">
+        <div className="w-32 h-32 rounded-full border-4 border-ink/20 overflow-hidden bg-paper shadow-lg">
+          <img src={getAvatarUrl()} alt="Your Avatar" className="w-full h-full object-cover" />
+        </div>
+        <motion.button
+          onClick={generateNewAvatar}
+          whileHover={{ rotate: 180 }}
+          whileTap={{ scale: 0.95 }}
+          transition={{ duration: 0.3 }}
+          className="absolute -bottom-2 -right-2 bg-blue-500 hover:bg-blue-600 text-white p-2 rounded-full shadow-md"
+          title="Generate random avatar"
+        >
+          <RotateCw size={16} />
+        </motion.button>
+      </motion.div>
+
+      {/* Avatar Style Navigation */}
+      <div className="flex items-center gap-4 w-full">
+        <motion.button
+          whileHover={{ x: -4 }}
+          whileTap={{ scale: 0.95 }}
+          onClick={() => setAvatar(prevStyle, undefined, avatar.backgroundColor)}
+          className="sketch-button p-2"
+          title="Previous style"
+        >
+          <ChevronLeft size={20} />
+        </motion.button>
+
+        <div className="flex-1 text-center font-sketch">
+          <p className="text-sm text-ink/60">Style</p>
+          <p className="font-bold capitalize text-ink">{avatar.style.replace(/-/g, ' ')}</p>
+        </div>
+
+        <motion.button
+          whileHover={{ x: 4 }}
+          whileTap={{ scale: 0.95 }}
+          onClick={() => setAvatar(nextStyle, undefined, avatar.backgroundColor)}
+          className="sketch-button p-2"
+          title="Next style"
+        >
+          <ChevronRight size={20} />
+        </motion.button>
+      </div>
+
+      {/* Color Picker Toggle */}
+      <motion.button
+        whileTap={{ scale: 0.95 }}
+        onClick={() => setShowStylePicker(!showStylePicker)}
+        className="sketch-button w-full font-sketch"
+      >
+        {showStylePicker ? 'Hide' : 'Show'} Colors
+      </motion.button>
+
+      {/* Color Grid */}
+      <AnimatePresence>
+        {showStylePicker && (
+          <motion.div variants={colorGridVariants} initial="hidden" animate="visible" exit="exit" className="w-full">
+            <div className="grid grid-cols-5 gap-3">
+              {AVATAR_COLORS.map((color, i) => (
+                <motion.button
+                  key={color}
+                  custom={i}
+                  variants={colorItemVariants}
+                  initial="hidden"
+                  animate="visible"
+                  whileHover="hover"
+                  whileTap={{ scale: 0.9 }}
+                  onClick={() => setAvatar(avatar.style, undefined, color)}
+                  className={`w-full aspect-square rounded-lg transition-all ${
+                    avatar.backgroundColor === color ? 'ring-4 ring-ink/50' : 'ring-1 ring-ink/10'
+                  }`}
+                  style={{ backgroundColor: color }}
+                  title={`Select color ${color}`}
+                />
+              ))}
+            </div>
+          </motion.div>
+        )}
+      </AnimatePresence>
+
+      {/* Info Text */}
+      <p className="text-xs text-ink/50 text-center font-handwriting">
+        Your avatar is saved automatically. Choose a style and color you like!
+      </p>
+    </motion.div>
+  );
+}
diff --git a/pro/src/components/ui/CountdownOverlay.jsx b/pro/src/components/ui/CountdownOverlay.jsx
new file mode 100644
index 0000000..5771d1c
--- /dev/null
+++ b/pro/src/components/ui/CountdownOverlay.jsx
@@ -0,0 +1,37 @@
+import React, { useState, useEffect, useRef } from 'react';
+
+const CountdownOverlay = ({ onComplete }) => {
+  const [count, setCount] = useState(3);
+  const mountedRef = useRef(true);
+
+  useEffect(() => {
+    return () => {
+      mountedRef.current = false;
+    };
+  }, []);
+
+  useEffect(() => {
+    if (count === 0) {
+      if (mountedRef.current) onComplete?.();
+      return;
+    }
+    const t = setTimeout(() => setCount((c) => c - 1), 1000);
+    return () => clearTimeout(t);
+  }, [count, onComplete]);
+
+  if (count === 0) return null;
+
+  return (
+    <div className="fixed inset-0 bg-ink/40 flex items-center justify-center z-50">
+      <span
+        key={count}
+        className="text-9xl font-sketch text-paper animate-ping"
+        style={{ animationDuration: '0.8s', animationIterationCount: 1 }}
+      >
+        {count}
+      </span>
+    </div>
+  );
+};
+
+export default CountdownOverlay;
diff --git a/pro/src/components/ui/CountdownOverlay.test.jsx b/pro/src/components/ui/CountdownOverlay.test.jsx
new file mode 100644
index 0000000..98feec9
--- /dev/null
+++ b/pro/src/components/ui/CountdownOverlay.test.jsx
@@ -0,0 +1,53 @@
+import React from 'react';
+import { render, screen, act } from '@testing-library/react';
+import { describe, it, expect, vi, beforeEach, afterEach } from 'vitest';
+import CountdownOverlay from './CountdownOverlay';
+
+describe('CountdownOverlay', () => {
+  beforeEach(() => {
+    vi.useFakeTimers();
+  });
+  afterEach(() => {
+    vi.useRealTimers();
+  });
+
+  it('starts at 3', () => {
+    render(<CountdownOverlay onComplete={vi.fn()} />);
+    expect(screen.getByText('3')).toBeTruthy();
+  });
+
+  it('counts down to 2 after 1 second', () => {
+    render(<CountdownOverlay onComplete={vi.fn()} />);
+    act(() => {
+      vi.advanceTimersByTime(1000);
+    });
+    expect(screen.getByText('2')).toBeTruthy();
+  });
+
+  it('counts down to 1 after 2 seconds', () => {
+    render(<CountdownOverlay onComplete={vi.fn()} />);
+    act(() => {
+      vi.advanceTimersByTime(1000);
+    });
+    act(() => {
+      vi.advanceTimersByTime(1000);
+    });
+    expect(screen.getByText('1')).toBeTruthy();
+  });
+
+  it('calls onComplete and renders nothing after 3 ticks', () => {
+    const onComplete = vi.fn();
+    const { container } = render(<CountdownOverlay onComplete={onComplete} />);
+    act(() => {
+      vi.advanceTimersByTime(1000);
+    });
+    act(() => {
+      vi.advanceTimersByTime(1000);
+    });
+    act(() => {
+      vi.advanceTimersByTime(1000);
+    });
+    expect(onComplete).toHaveBeenCalledTimes(1);
+    expect(container.firstChild).toBeNull();
+  });
+});
diff --git a/pro/src/components/ui/GameLayout.jsx b/pro/src/components/ui/GameLayout.jsx
new file mode 100644
index 0000000..87ff03f
--- /dev/null
+++ b/pro/src/components/ui/GameLayout.jsx
@@ -0,0 +1,81 @@
+import React, { useState } from 'react';
+import { ArrowLeft } from 'lucide-react';
+import Swal from 'sweetalert2';
+import { useNavigate } from 'react-router-dom';
+import { sketchPopupClass } from './SketchPopup';
+import { useGameContext } from '../../context/GameContext';
+import ThemeToggle from './ThemeToggle';
+
+const GameLayout = ({ players = [], children }) => {
+  const navigate = useNavigate();
+  const { socket, roomId, clearRoomId, gamePrefix } = useGameContext();
+  const [copiedLabel, setCopiedLabel] = useState('');
+
+  const handleLeave = async () => {
+    const result = await Swal.fire({
+      title: 'Leave Game?',
+      text: 'Your progress will be lost.',
+      icon: 'warning',
+      showCancelButton: true,
+      confirmButtonText: 'Leave',
+      cancelButtonText: 'Stay',
+      customClass: { popup: sketchPopupClass },
+    });
+    if (!result.isConfirmed) return;
+    if (gamePrefix && roomId) {
+      socket?.emit(`${gamePrefix}_leaveRoom`, roomId);
+    }
+    clearRoomId(roomId);
+    navigate('/');
+  };
+
+  const handleCopyRoomId = async () => {
+    try {
+      await navigator.clipboard.writeText(roomId);
+      setCopiedLabel('Copied!');
+      setTimeout(() => setCopiedLabel(''), 1500);
+    } catch {
+      setCopiedLabel('Copy failed');
+      setTimeout(() => setCopiedLabel(''), 1500);
+    }
+  };
+
+  return (
+    <div className="min-h-screen bg-paper flex flex-col">
+      {/* Info Zone */}
+      <nav className="flex items-center justify-between px-4 py-2 border-b border-ink/10">
+        <div className="flex items-center gap-2">
+          <button onClick={handleLeave} aria-label="Back" className="sketch-button text-red-600 hover:bg-red-50">
+            <ArrowLeft size={20} />
+          </button>
+          <ThemeToggle />
+        </div>
+
+        <button
+          onClick={handleCopyRoomId}
+          className="font-sketch text-sm px-3 py-1 sketch-border rounded cursor-pointer hover:bg-ink/5"
+          title="Click to copy room ID"
+        >
+          {roomId}
+        </button>
+        {copiedLabel && <span className="text-xs text-ink/70 ml-1">{copiedLabel}</span>}
+
+        <div className="flex gap-1">
+          {players.map((p) => (
+            <span
+              key={p.id}
+              className="w-8 h-8 rounded-full bg-ink text-paper flex items-center justify-center text-xs font-sketch"
+            >
+              {p.name.slice(0, 2)}
+            </span>
+          ))}
+        </div>
+      </nav>
+
+      {/* Canvas Zone */}
+      <main className="flex-1 flex items-center justify-center p-4">{children}</main>
+    </div>
+  );
+};
+
+export default GameLayout;
diff --git a/pro/src/components/ui/GameLayout.test.jsx b/pro/src/components/ui/GameLayout.test.jsx
new file mode 100644
index 0000000..0db8238
--- /dev/null
+++ b/pro/src/components/ui/GameLayout.test.jsx
@@ -0,0 +1,111 @@
+import React from 'react';
+import { render, screen, fireEvent, act } from '@testing-library/react';
+import { describe, it, expect, vi, beforeEach } from 'vitest';
+import GameLayout from './GameLayout';
+import { GameContext } from '../../context/GameContext';
+import { ThemeProvider } from '../../context/ThemeContext';
+import { BrowserRouter } from 'react-router-dom';
+
+vi.mock('sweetalert2', () => ({
+  default: {
+    fire: vi.fn().mockResolvedValue({ isConfirmed: true }),
+  },
+}));
+
+const mockSocket = { emit: vi.fn(), on: vi.fn(), off: vi.fn(), disconnect: vi.fn() };
+const mockNavigate = vi.fn();
+const mockClearRoomId = vi.fn();
+
+vi.mock('react-router-dom', async (importOriginal) => {
+  const actual = await importOriginal();
+  return { ...actual, useNavigate: () => mockNavigate };
+});
+
+const baseContextValue = {
+  socket: mockSocket,
+  roomId: 'ABC123',
+  gamePrefix: 'ttt',
+  clearRoomId: mockClearRoomId,
+  setRoomId: vi.fn(),
+  setGamePrefix: vi.fn(),
+  leaveRoom: vi.fn(),
+  clearReconnect: vi.fn(),
+  playerName: 'Test',
+  profile: { name: 'Test', avatarIcon: 'cat', color: '#2a2a3e' },
+  setPlayerName: vi.fn(),
+  setProfile: vi.fn(),
+};
+
+const renderLayout = (overrides = {}) =>
+  render(
+    <ThemeProvider>
+      <BrowserRouter>
+        <GameContext.Provider value={{ ...baseContextValue, ...overrides }}>
+          <GameLayout>
+            <div data-testid="game-content">Board</div>
+          </GameLayout>
+        </GameContext.Provider>
+      </BrowserRouter>
+    </ThemeProvider>,
+  );
+
+describe('GameLayout', () => {
+  beforeEach(() => vi.clearAllMocks());
+
+  it('renders children in the canvas zone', () => {
+    renderLayout();
+    expect(screen.getByTestId('game-content')).toBeInTheDocument();
+  });
+
+  it('displays the roomId badge', () => {
+    renderLayout();
+    expect(screen.getByText('ABC123')).toBeInTheDocument();
+  });
+
+  it('renders player avatars when players prop is provided', () => {
+    renderLayout();
+    const { rerender } = render(
+      <ThemeProvider>
+        <BrowserRouter>
+          <GameContext.Provider value={{ ...baseContextValue }}>
+            <GameLayout
+              players={[
+                { id: 'p1', name: 'Alice' },
+                { id: 'p2', name: 'Bob' },
+              ]}
+            >
+              <div data-testid="game-content">Board</div>
+            </GameLayout>
+          </GameContext.Provider>
+        </BrowserRouter>
+      </ThemeProvider>,
+    );
+    expect(screen.getByText('Al')).toBeInTheDocument();
+    expect(screen.getByText('Bo')).toBeInTheDocument();
+  });
+
+  it('back button triggers leave confirmation', async () => {
+    const Swal = (await import('sweetalert2')).default;
+    renderLayout();
+    const backBtn = screen.getByRole('button', { name: /back|leave/i });
+    await act(async () => fireEvent.click(backBtn));
+    expect(Swal.fire).toHaveBeenCalled();
+  });
+
+  it('disconnects and navigates to / on confirmed leave', async () => {
+    renderLayout();
+    const backBtn = screen.getByRole('button', { name: /back|leave/i });
+    await act(async () => fireEvent.click(backBtn));
+    expect(mockSocket.emit).toHaveBeenCalledWith('ttt_leaveRoom', 'ABC123');
+    expect(mockClearRoomId).toHaveBeenCalled();
+    expect(mockNavigate).toHaveBeenCalledWith('/');
+  });
+
+  it('copies roomId to clipboard when badge is clicked', async () => {
+    const writeText = vi.fn().mockResolvedValue(undefined);
+    Object.assign(navigator, { clipboard: { writeText } });
+    renderLayout();
+    await act(async () => fireEvent.click(screen.getByText('ABC123')));
+    expect(writeText).toHaveBeenCalledWith('ABC123');
+  });
+});
diff --git a/pro/src/components/ui/GameLobby.jsx b/pro/src/components/ui/GameLobby.jsx
new file mode 100644
index 0000000..6ddc0ae
--- /dev/null
+++ b/pro/src/components/ui/GameLobby.jsx
@@ -0,0 +1,209 @@
+import React, { useState, useEffect, useRef } from 'react';
+import SketchButton from './SketchButton';
+import AvatarSelector from './AvatarSelector';
+import CountdownOverlay from './CountdownOverlay';
+
+const GameLobby = ({
+  gameName = 'Game',
+  roomId,
+  players = [],
+  spectators = [],
+  isHost,
+  minPlayers = 2,
+  canStart,
+  onStart,
+  onLeave,
+  onJoinSubmit,
+  showJoinInput = false,
+  customizationSlot,
+  startLabel = 'Start Game',
+  waitingLabel = 'Waiting for players…',
+  showCountdown = false,
+  onCountdownComplete,
+  profile = { name: '', avatarIcon: 'cat', color: '#2a2a3e' },
+  onProfileChange,
+}) => {
+  const [dots, setDots] = useState('');
+  const [shareSupported] = useState(() => !!navigator.share);
+  const [copied, setCopied] = useState(false);
+  const joinInputRef = useRef(null);
+
+  const actuallyCanStart = canStart ?? players.length >= minPlayers;
+
+  useEffect(() => {
+    if (players.length >= minPlayers) return;
+    const id = setInterval(() => {
+      setDots((d) => (d.length >= 3 ? '' : d + '.'));
+    }, 500);
+    return () => clearInterval(id);
+  }, [players.length, minPlayers]);
+
+  const handleShare = async () => {
+    try {
+      await navigator.share({
+        title: `Join my ${gameName} room!`,
+        text: `Use room code: ${roomId}`,
+        url: window.location.href,
+      });
+    } catch {
+      // user cancelled or not supported
+    }
+  };
+
+  const handleCopy = async () => {
+    try {
+      await navigator.clipboard.writeText(roomId);
+      setCopied(true);
+      setTimeout(() => setCopied(false), 1500);
+    } catch {
+      // fallback or error
+    }
+  };
+
+  const handleProfileChange = (field, value) => {
+    if (onProfileChange) {
+      onProfileChange({ ...profile, [field]: value });
+    }
+  };
+
+  return (
+    <div className="min-h-screen bg-paper flex items-center justify-center p-4">
+      {showCountdown && <CountdownOverlay onComplete={onCountdownComplete} />}
+
+      <div className="sketch-card p-8 max-w-sm w-full space-y-6">
+        <h2 className="text-2xl font-sketch text-center text-ink">{gameName}</h2>
+
+        <div className="text-center">
+          <p className="text-sm text-ink/60 paper-font">Room Code</p>
+          <p className="text-3xl font-sketch text-ink tracking-widest">{roomId}</p>
+          <SketchButton onClick={handleCopy} className="mt-2 text-sm">
+            {copied ? '✓ Copied!' : '📋 Copy Room Code'}
+          </SketchButton>
+        </div>
+
+        {customizationSlot && <div className="space-y-2 pt-2 border-t border-ink/10">{customizationSlot}</div>}
+
+        <div className="space-y-2">
+          <p className="paper-font text-sm text-ink/60">Player Name (optional)</p>
+          <input
+            type="text"
+            value={profile.name}
+            onChange={(e) => handleProfileChange('name', e.target.value)}
+            placeholder="Enter your name"
+            className="w-full px-3 py-2 border border-ink/30 rounded sketch-font text-ink bg-white/80"
+          />
+        </div>
+
+        <AvatarSelector
+          avatarIcon={profile.avatarIcon}
+          color={profile.color}
+          onAvatarChange={(icon) => handleProfileChange('avatarIcon', icon)}
+          onColorChange={(color) => handleProfileChange('color', color)}
+        />
+
+        <div
+          className="sketch-border text-center py-3"
+          style={{ animation: actuallyCanStart ? 'none' : 'sketch-wiggle 2s ease-in-out infinite' }}
+        >
+          {actuallyCanStart ? (
+            <span className="paper-font text-green-700 font-semibold">✅ Ready to start!</span>
+          ) : (
+            <span className="paper-font text-ink/70">
+              {waitingLabel || 'Waiting for players'}
+              {dots}
+            </span>
+          )}
+        </div>
+
+        <div className="space-y-2">
+          <p className="paper-font text-sm text-ink/60">
+            Players ({players.length}/{minPlayers} min)
+          </p>
+          {players.map((p, i) => (
+            <div
+              key={p.id || i}
+              className="flex items-center gap-2 player-badge"
+              style={{ transform: 'none', border: 'none', padding: '0.25rem 0' }}
+            >
+              <span className="text-lg">{p.connected !== false ? '☑️' : '☐'}</span>
+              <span className="paper-font text-ink">{p.name}</span>
+              {i === 0 && <span className="text-xs text-ink/50 ml-auto paper-font">host</span>}
+            </div>
+          ))}
+          {Array.from({ length: Math.max(0, minPlayers - players.length) }).map((_, i) => (
+            <div key={`empty-${i}`} className="flex items-center gap-2" style={{ opacity: 0.4 }}>
+              <span className="text-lg">☐</span>
+              <span className="paper-font text-ink/50">Waiting...</span>
+            </div>
+          ))}
+        </div>
+
+        {spectators.length > 0 && (
+          <div className="space-y-2 pt-2 border-t border-ink/10">
+            <p className="paper-font text-sm text-ink/60">Spectators ({spectators.length})</p>
+            {spectators.map((s, i) => (
+              <div key={s.id || i} className="flex items-center gap-2" style={{ padding: '0.25rem 0' }}>
+                <span className="text-lg">👁️</span>
+                <span className="paper-font text-ink/70">{s.name}</span>
+              </div>
+            ))}
+          </div>
+        )}
+
+        {showJoinInput && onJoinSubmit && (
+          <div className="space-y-2">
+            <p className="paper-font text-sm text-ink/60">Join Existing Room</p>
+            <div className="flex gap-2">
+              <input
+                type="text"
+                placeholder="Enter Room ID"
+                className="flex-1 px-3 py-2 border border-ink/30 rounded sketch-font text-ink bg-white/80"
+                id="join-room-input"
+                ref={joinInputRef}
+              />
+              <SketchButton
+                onClick={() => {
+                  if (joinInputRef.current?.value) onJoinSubmit(joinInputRef.current.value.trim().toUpperCase());
+                }}
+                className="text-sm"
+              >
+                Join
+              </SketchButton>
+            </div>
+          </div>
+        )}
+
+        <div className="space-y-2">
+          {shareSupported && (
+            <SketchButton onClick={handleShare} className="w-full">
+              📤 Invite Friends
+            </SketchButton>
+          )}
+
+          {showJoinInput && <p className="paper-font text-sm text-ink/50 text-center">Enter room ID above to join</p>}
+
+          {isHost && onStart && (
+            <SketchButton
+              onClick={onStart}
+              disabled={!actuallyCanStart}
+              className="w-full"
+              style={{ opacity: actuallyCanStart ? 1 : 0.5, cursor: actuallyCanStart ? 'pointer' : 'not-allowed' }}
+            >
+              {actuallyCanStart ? `🚀 ${startLabel}` : `Need ${minPlayers - players.length} more player(s)`}
+            </SketchButton>
+          )}
+
+          {!isHost && onStart && (
+            <p className="paper-font text-center text-sm text-ink/50">Waiting for host to start…</p>
+          )}
+
+          <SketchButton onClick={onLeave} className="w-full" style={{ background: '#fff0f0' }}>
+            Leave Room
+          </SketchButton>
+        </div>
+      </div>
+    </div>
+  );
+};
+
+export default GameLobby;
diff --git a/pro/src/components/ui/LeaveButton.jsx b/pro/src/components/ui/LeaveButton.jsx
new file mode 100644
index 0000000..08a1ee3
--- /dev/null
+++ b/pro/src/components/ui/LeaveButton.jsx
@@ -0,0 +1,28 @@
+import React from 'react';
+import { ArrowLeft } from 'lucide-react';
+import Swal from 'sweetalert2';
+import { sketchPopupClass } from './SketchPopup';
+
+const LeaveButton = ({ onLeave, className = '' }) => {
+  const handleClick = async () => {
+    const result = await Swal.fire({
+      title: 'Leave Game?',
+      text: 'Are you sure you want to leave?',
+      showCancelButton: true,
+      confirmButtonText: 'Yes, Leave',
+      cancelButtonText: 'Stay',
+      customClass: { popup: sketchPopupClass },
+    });
+    if (result.isConfirmed) {
+      onLeave();
+    }
+  };
+
+  return (
+    <button onClick={handleClick} className={`sketch-button text-red-600 hover:bg-red-50 ${className}`}>
+      <ArrowLeft className="inline" size={20} />
+    </button>
+  );
+};
+
+export default LeaveButton;
diff --git a/pro/src/components/ui/LeaveButton.test.jsx b/pro/src/components/ui/LeaveButton.test.jsx
new file mode 100644
index 0000000..b06c1c0
--- /dev/null
+++ b/pro/src/components/ui/LeaveButton.test.jsx
@@ -0,0 +1,36 @@
+import React from 'react';
+import { render, screen, fireEvent } from '@testing-library/react';
+import { describe, it, expect, vi, beforeEach } from 'vitest';
+import LeaveButton from './LeaveButton';
+
+vi.mock('sweetalert2', () => ({
+  default: { fire: vi.fn().mockResolvedValue({ isConfirmed: true }) },
+}));
+
+describe('LeaveButton', () => {
+  beforeEach(() => {
+    vi.clearAllMocks();
+  });
+
+  it('renders a button', () => {
+    render(<LeaveButton onLeave={vi.fn()} />);
+    expect(screen.getByRole('button')).toBeTruthy();
+  });
+
+  it('calls onLeave when confirmed', async () => {
+    const onLeave = vi.fn();
+    render(<LeaveButton onLeave={onLeave} />);
+    await fireEvent.click(screen.getByRole('button'));
+    await vi.waitFor(() => expect(onLeave).toHaveBeenCalledTimes(1));
+  });
+
+  it('does not call onLeave when cancelled', async () => {
+    const Swal = (await import('sweetalert2')).default;
+    Swal.fire.mockResolvedValueOnce({ isConfirmed: false });
+    const onLeave = vi.fn();
+    render(<LeaveButton onLeave={onLeave} />);
+    await fireEvent.click(screen.getByRole('button'));
+    await vi.waitFor(() => expect(Swal.fire).toHaveBeenCalled());
+    expect(onLeave).not.toHaveBeenCalled();
+  });
+});
diff --git a/pro/src/components/ui/MatchReport.jsx b/pro/src/components/ui/MatchReport.jsx
new file mode 100644
index 0000000..bb07053
--- /dev/null
+++ b/pro/src/components/ui/MatchReport.jsx
@@ -0,0 +1,156 @@
+import React from 'react';
+import { Trophy, Frown, Award, Users } from 'lucide-react';
+import SketchButton from './SketchButton';
+import SketchCard from './SketchCard';
+
+const normalizeScores = (scores, players = []) => {
+  if (!scores) return [];
+  if (Array.isArray(scores)) {
+    return scores.map((score, idx) => {
+      const raw = score;
+      let value = typeof raw === 'number' ? raw : (raw?.value ?? raw?.score ?? 0);
+      const name = (typeof raw === 'object' && raw?.name) || players[idx]?.name || `Player ${idx + 1}`;
+      return { name, score: value };
+    });
+  }
+  return Object.entries(scores).map(([name, value], idx) => ({
+    name,
+    score: typeof value === 'number' ? value : (value?.value ?? 0),
+    ...(players[idx] ? { profileName: players[idx].name } : {}),
+  }));
+};
+
+const MatchReport = ({ winner, isWinner, stats = {}, scores, onRematch, onNewRoom, players = [] }) => {
+  const scoreList = normalizeScores(scores, players);
+
+  const getScoreDisplay = () => {
+    if (!scoreList.length) return null;
+
+    if (scoreList.length === 2) {
+      const [p1, p2] = scoreList;
+      return (
+        <div className="flex justify-center items-center gap-6 mb-4">
+          <div className="flex flex-col items-center">
+            <span className="paper-font text-sm text-ink/70">{p1.name}</span>
+            <span className={`font-sketch text-3xl ${p1.score > p2.score ? 'text-yellow-600' : ''}`}>{p1.score}</span>
+          </div>
+          <Award size={24} className="text-ink/50" />
+          <div className="flex flex-col items-center">
+            <span className="paper-font text-sm text-ink/70">{p2.name}</span>
+            <span className={`font-sketch text-3xl ${p2.score > p1.score ? 'text-yellow-600' : ''}`}>{p2.score}</span>
+          </div>
+        </div>
+      );
+    }
+
+    return (
+      <div className="space-y-3 mb-4">
+        <div className="flex items-center justify-center gap-2 text-ink/70 mb-1">
+          <Users size={18} />
+          <span className="paper-font text-sm">Standings</span>
+        </div>
+        <div className="grid grid-cols-2 sm:grid-cols-3 gap-2 justify-items-center">
+          {scoreList.map((entry, idx) => {
+            const maxScore = Math.max(...scoreList.map((item) => item.score));
+            const isTop = scoreList.length > 1 && entry.score === maxScore;
+            return (
+              <div
+                key={`${entry.name}-${idx}`}
+                className={`flex flex-col items-center p-2 rounded-lg border-2 ${
+                  isTop ? 'border-yellow-400/70 bg-yellow-50/60' : 'border-gray-200/70 bg-white/60'
+                }`}
+              >
+                <span className="paper-font text-xs text-ink/70 truncate max-w-[7rem]">{entry.name}</span>
+                <span className={`font-sketch text-3xl ${isTop ? 'text-yellow-700' : ''}`}>{entry.score}</span>
+              </div>
+            );
+          })}
+        </div>
+      </div>
+    );
+  };
+
+  const getWinnerDisplay = () => {
+    if (!winner && !isWinner && scoreList.length > 1) {
+      const topScore = Math.max(...scoreList.map((item) => item.score));
+      const winners = scoreList.filter((item) => item.score === topScore);
+      if (winners.length > 1) {
+        return (
+          <>
+            <div className="flex justify-center mb-2">
+              <Frown size={40} className="text-gray-400" />
+            </div>
+            <h2 className="text-2xl font-sketch mb-1 text-ink">It&apos;s a Tie!</h2>
+            <p className="paper-font text-sm text-ink/70">{winners.map((w) => w.name).join(' & ')}</p>
+          </>
+        );
+      }
+    }
+
+    if (scores && scoreList.length > 1) {
+      const topScore = Math.max(...scoreList.map((item) => item.score));
+      const winnerEntry = scoreList.find((item) => item.score === topScore);
+      if (winnerEntry) {
+        const displayName = winnerEntry.profileName || winnerEntry.name;
+        return (
+          <>
+            <div className="flex justify-center mb-2">
+              <Trophy size={40} className="text-yellow-500" />
+            </div>
+            <h2 className="text-2xl font-sketch mb-1 text-ink">{displayName} Wins!</h2>
+          </>
+        );
+      }
+    }
+
+    if (!winner && !isWinner) {
+      return (
+        <>
+          <div className="flex justify-center mb-2">
+            <Frown size={40} className="text-gray-400" />
+          </div>
+          <h2 className="text-2xl font-sketch mb-1 text-ink">It&apos;s a Tie!</h2>
+        </>
+      );
+    }
+
+    if (isWinner) {
+      return (
+        <>
+          <div className="flex justify-center mb-2">
+            <Trophy size={40} className="text-yellow-500" />
+          </div>
+          <h2 className="text-2xl font-sketch mb-1 text-ink">You Win!</h2>
+        </>
+      );
+    }
+
+    return (
+      <>
+        <div className="flex justify-center mb-2">
+          <Trophy size={40} className="text-yellow-500" />
+        </div>
+        <h2 className="text-2xl font-sketch mb-1 text-ink">{winner} Wins!</h2>
+      </>
+    );
+  };
+
+  return (
+    <SketchCard className="p-6 max-w-sm w-full text-center">
+      {getScoreDisplay()}
+      {getWinnerDisplay()}
+      {(stats.moves || stats.time) && (
+        <div className="text-sm font-handwriting text-ink/70 mb-4 space-y-1">
+          {stats.moves && <div>Moves: {stats.moves}</div>}
+          {stats.time && <div>Time: {stats.time}</div>}
+        </div>
+      )}
+      <div className="flex gap-3 justify-center mt-4">
+        {onRematch && <SketchButton onClick={onRematch}>Rematch</SketchButton>}
+        {onNewRoom && <SketchButton onClick={onNewRoom}>New Room</SketchButton>}
+      </div>
+    </SketchCard>
+  );
+};
+
+export default MatchReport;
diff --git a/pro/src/components/ui/MatchReport.test.jsx b/pro/src/components/ui/MatchReport.test.jsx
new file mode 100644
index 0000000..e6da6a3
--- /dev/null
+++ b/pro/src/components/ui/MatchReport.test.jsx
@@ -0,0 +1,41 @@
+import React from 'react';
+import { render, screen, fireEvent } from '@testing-library/react';
+import { describe, it, expect, vi } from 'vitest';
+import MatchReport from './MatchReport';
+
+describe('MatchReport', () => {
+  it('shows "You Win!" when isWinner is true', () => {
+    render(<MatchReport winner="Alice" isWinner={true} onRematch={vi.fn()} onNewRoom={vi.fn()} />);
+    expect(screen.getByText('You Win!')).toBeTruthy();
+  });
+
+  it('shows winner name when isWinner is false', () => {
+    render(<MatchReport winner="Bob" isWinner={false} onRematch={vi.fn()} onNewRoom={vi.fn()} />);
+    expect(screen.getByText('Bob Wins!')).toBeTruthy();
+  });
+
+  it('shows stats when provided', () => {
+    render(<MatchReport winner="Alice" isWinner={true} stats={{ moves: 12, time: '1m 23s' }} />);
+    expect(screen.getByText('Moves: 12')).toBeTruthy();
+    expect(screen.getByText('Time: 1m 23s')).toBeTruthy();
+  });
+
+  it('calls onRematch when Rematch is clicked', () => {
+    const onRematch = vi.fn();
+    render(<MatchReport winner="Alice" isWinner={true} onRematch={onRematch} />);
+    fireEvent.click(screen.getByText('Rematch'));
+    expect(onRematch).toHaveBeenCalledTimes(1);
+  });
+
+  it('calls onNewRoom when New Room is clicked', () => {
+    const onNewRoom = vi.fn();
+    render(<MatchReport winner="Alice" isWinner={false} onNewRoom={onNewRoom} />);
+    fireEvent.click(screen.getByText('New Room'));
+    expect(onNewRoom).toHaveBeenCalledTimes(1);
+  });
+
+  it('does not render Rematch button when onRematch is not provided', () => {
+    render(<MatchReport winner="Alice" isWinner={true} />);
+    expect(screen.queryByText('Rematch')).toBeNull();
+  });
+});
diff --git a/pro/src/components/ui/ModeSelector.jsx b/pro/src/components/ui/ModeSelector.jsx
new file mode 100644
index 0000000..9cfd41c
--- /dev/null
+++ b/pro/src/components/ui/ModeSelector.jsx
@@ -0,0 +1,55 @@
+import React from 'react';
+import { SwatchBook } from 'lucide-react';
+
+const ModeSelector = ({ mode, onModeChange, customRows, customCols, onRowsChange, onColsChange }) => {
+  return (
+    <div className="sketch-border">
+      <div className="flex items-center gap-2 mb-3">
+        <SwatchBook size={20} className="text-ink" />
+        <span className="font-handwriting text-lg text-ink">Game Mode</span>
+      </div>
+      <div className="flex gap-3 mb-4">
+        <button
+          onClick={() => onModeChange('classic')}
+          className={`sketch-button flex-1 ${mode === 'classic' ? 'bg-ink text-white' : ''}`}
+        >
+          Classic (9×9)
+        </button>
+        <button
+          onClick={() => onModeChange('custom')}
+          className={`sketch-button flex-1 ${mode === 'custom' ? 'bg-ink text-white' : ''}`}
+        >
+          Custom Size
+        </button>
+      </div>
+      {mode === 'custom' && (
+        <div className="space-y-3 pt-3 border-t-2 border-dashed border-ink/20">
+          <div>
+            <label className="font-handwriting text-ink block mb-1">Rows: {customRows}</label>
+            <input
+              type="range"
+              min="3"
+              max="15"
+              value={customRows}
+              onChange={(e) => onRowsChange(Number(e.target.value))}
+              className="w-full"
+            />
+          </div>
+          <div>
+            <label className="font-handwriting text-ink block mb-1">Columns: {customCols}</label>
+            <input
+              type="range"
+              min="3"
+              max="15"
+              value={customCols}
+              onChange={(e) => onColsChange(Number(e.target.value))}
+              className="w-full"
+            />
+          </div>
+        </div>
+      )}
+    </div>
+  );
+};
+
+export default ModeSelector;
diff --git a/pro/src/components/ui/ModeSelector.test.jsx b/pro/src/components/ui/ModeSelector.test.jsx
new file mode 100644
index 0000000..8184274
--- /dev/null
+++ b/pro/src/components/ui/ModeSelector.test.jsx
@@ -0,0 +1,54 @@
+import React from 'react';
+import { render, screen, fireEvent } from '@testing-library/react';
+import { describe, it, expect, vi } from 'vitest';
+import ModeSelector from './ModeSelector';
+
+const defaults = {
+  mode: 'classic',
+  onModeChange: vi.fn(),
+  customRows: 5,
+  customCols: 5,
+  onRowsChange: vi.fn(),
+  onColsChange: vi.fn(),
+};
+
+describe('ModeSelector', () => {
+  it('renders Classic and Custom buttons', () => {
+    render(<ModeSelector {...defaults} />);
+    expect(screen.getByText('Classic (9×9)')).toBeTruthy();
+    expect(screen.getByText('Custom Size')).toBeTruthy();
+  });
+
+  it('calls onModeChange with "custom" when Custom is clicked', () => {
+    const onModeChange = vi.fn();
+    render(<ModeSelector {...defaults} onModeChange={onModeChange} />);
+    fireEvent.click(screen.getByText('Custom Size'));
+    expect(onModeChange).toHaveBeenCalledWith('custom');
+  });
+
+  it('calls onModeChange with "classic" when Classic is clicked', () => {
+    const onModeChange = vi.fn();
+    render(<ModeSelector {...defaults} onModeChange={onModeChange} />);
+    fireEvent.click(screen.getByText('Classic (9×9)'));
+    expect(onModeChange).toHaveBeenCalledWith('classic');
+  });
+
+  it('shows row/col sliders only in custom mode', () => {
+    render(<ModeSelector {...defaults} mode="custom" />);
+    expect(screen.getByText(/Rows:/)).toBeTruthy();
+    expect(screen.getByText(/Columns:/)).toBeTruthy();
+  });
+
+  it('does not show sliders in classic mode', () => {
+    render(<ModeSelector {...defaults} mode="classic" />);
+    expect(screen.queryByText(/Rows:/)).toBeNull();
+  });
+
+  it('calls onRowsChange when row slider changes', () => {
+    const onRowsChange = vi.fn();
+    render(<ModeSelector {...defaults} mode="custom" onRowsChange={onRowsChange} />);
+    const sliders = screen.getAllByRole('slider');
+    fireEvent.change(sliders[0], { target: { value: '7' } });
+    expect(onRowsChange).toHaveBeenCalledWith(7);
+  });
+});
diff --git a/pro/src/components/ui/PlayerAvatar.jsx b/pro/src/components/ui/PlayerAvatar.jsx
new file mode 100644
index 0000000..35465fa
--- /dev/null
+++ b/pro/src/components/ui/PlayerAvatar.jsx
@@ -0,0 +1,18 @@
+import React from 'react';
+import { User, Smile, Star, Heart, Sun, Zap } from 'lucide-react';
+
+const ICON_MAP = {
+  User,
+  Smile,
+  Star,
+  Heart,
+  Sun,
+  Zap,
+};
+
+const PlayerAvatar = ({ avatar, color, size = 20 }) => {
+  const IconComp = ICON_MAP[avatar] || User;
+  return <IconComp size={size} style={color ? { color } : undefined} />;
+};
+
+export default PlayerAvatar;
diff --git a/pro/src/components/ui/PlayerBadge.jsx b/pro/src/components/ui/PlayerBadge.jsx
new file mode 100644
index 0000000..78a6635
--- /dev/null
+++ b/pro/src/components/ui/PlayerBadge.jsx
@@ -0,0 +1,19 @@
+import React from 'react';
+
+const PLAYER_COLORS = ['#1a1a2e', '#c73e1d', '#2d4a8f', '#2f5233'];
+
+const PlayerBadge = ({ player, index, isConnected }) => {
+  return (
+    <div
+      className="player-badge"
+      style={{
+        color: PLAYER_COLORS[index] || PLAYER_COLORS[0],
+        opacity: isConnected ? 1 : 0.4,
+      }}
+    >
+      {player.name} {!isConnected && '(disconnected)'}
+    </div>
+  );
+};
+
+export default PlayerBadge;
diff --git a/pro/src/components/ui/PlayerBadge.test.jsx b/pro/src/components/ui/PlayerBadge.test.jsx
new file mode 100644
index 0000000..775303b
--- /dev/null
+++ b/pro/src/components/ui/PlayerBadge.test.jsx
@@ -0,0 +1,31 @@
+import React from 'react';
+import { render, screen } from '@testing-library/react';
+import { describe, it, expect } from 'vitest';
+import PlayerBadge from './PlayerBadge';
+
+describe('PlayerBadge', () => {
+  it('renders player name', () => {
+    render(<PlayerBadge player={{ name: 'Alice' }} index={0} isConnected={true} />);
+    expect(screen.getByText(/Alice/)).toBeTruthy();
+  });
+
+  it('shows disconnected label when isConnected is false', () => {
+    render(<PlayerBadge player={{ name: 'Bob' }} index={1} isConnected={false} />);
+    expect(screen.getByText(/disconnected/)).toBeTruthy();
+  });
+
+  it('does not show disconnected label when connected', () => {
+    render(<PlayerBadge player={{ name: 'Alice' }} index={0} isConnected={true} />);
+    expect(screen.queryByText(/disconnected/)).toBeNull();
+  });
+
+  it('applies reduced opacity when disconnected', () => {
+    const { container } = render(<PlayerBadge player={{ name: 'Bob' }} index={0} isConnected={false} />);
+    expect(container.firstChild.style.opacity).toBe('0.4');
+  });
+
+  it('applies full opacity when connected', () => {
+    const { container } = render(<PlayerBadge player={{ name: 'Alice' }} index={0} isConnected={true} />);
+    expect(container.firstChild.style.opacity).toBe('1');
+  });
+});
diff --git a/pro/src/components/ui/RetroButton.jsx b/pro/src/components/ui/RetroButton.jsx
index 3639c55..27663ff 100644
--- a/pro/src/components/ui/RetroButton.jsx
+++ b/pro/src/components/ui/RetroButton.jsx
@@ -1,21 +1,18 @@
 import React from 'react';
 
 const RetroButton = ({ children, onClick, disabled, className = '', variant = 'primary' }) => {
-  const baseStyles = "px-6 py-2 rounded-lg font-bold transition-all duration-300 transform active:scale-95 disabled:opacity-50 disabled:cursor-not-allowed disabled:transform-none glass";
-  
+  const baseStyles =
+    'px-6 py-2 rounded-lg font-bold transition-all duration-300 transform active:scale-95 disabled:opacity-50 disabled:cursor-not-allowed disabled:transform-none glass';
+
   const variants = {
-    primary: "bg-blue-500/40 hover:bg-blue-500/60 text-blue-900 border-blue-400/50",
-    secondary: "bg-purple-500/40 hover:bg-purple-500/60 text-purple-900 border-purple-400/50",
-    success: "bg-green-500/40 hover:bg-green-500/60 text-green-900 border-green-400/50",
-    danger: "bg-red-500/40 hover:bg-red-500/60 text-red-900 border-red-400/50",
+    primary: 'bg-blue-500/40 hover:bg-blue-500/60 text-blue-900 border-blue-400/50',
+    secondary: 'bg-purple-500/40 hover:bg-purple-500/60 text-purple-900 border-purple-400/50',
+    success: 'bg-green-500/40 hover:bg-green-500/60 text-green-900 border-green-400/50',
+    danger: 'bg-red-500/40 hover:bg-red-500/60 text-red-900 border-red-400/50',
   };
 
   return (
-    <button
-      onClick={onClick}
-      disabled={disabled}
-      className={`${baseStyles} ${variants[variant]} ${className}`}
-    >
+    <button onClick={onClick} disabled={disabled} className={`${baseStyles} ${variants[variant]} ${className}`}>
       {children}
     </button>
   );
diff --git a/pro/src/components/ui/RetroButton.test.jsx b/pro/src/components/ui/RetroButton.test.jsx
index 79e06cb..c70c6ad 100644
--- a/pro/src/components/ui/RetroButton.test.jsx
+++ b/pro/src/components/ui/RetroButton.test.jsx
@@ -17,7 +17,11 @@ describe('RetroButton', () => {
 
   it('can be disabled', () => {
     const handleClick = vi.fn();
-    render(<RetroButton onClick={handleClick} disabled>Disabled</RetroButton>);
+    render(
+      <RetroButton onClick={handleClick} disabled>
+        Disabled
+      </RetroButton>,
+    );
 
     const button = screen.getByText('Disabled');
     expect(button).toBeDisabled();
diff --git a/pro/src/components/ui/RoomActionButtons.jsx b/pro/src/components/ui/RoomActionButtons.jsx
new file mode 100644
index 0000000..199bdf0
--- /dev/null
+++ b/pro/src/components/ui/RoomActionButtons.jsx
@@ -0,0 +1,44 @@
+import React from 'react';
+import { SketchButton, SketchCard, AvatarSelector } from '.';
+
+const RoomActionButtons = ({ onCreateRoom, onJoinRoom, profile, onProfileChange, children }) => {
+  const { name, avatarIcon, color } = profile;
+
+  return (
+    <div className="flex flex-col items-center gap-4">
+      <SketchCard className="p-6 max-w-md w-full">
+        <AvatarSelector
+          avatarIcon={avatarIcon}
+          color={color}
+          onAvatarChange={(icon) => onProfileChange({ ...profile, avatarIcon: icon })}
+          onColorChange={(c) => onProfileChange({ ...profile, color: c })}
+        />
+      </SketchCard>
+
+      <SketchCard className="p-8 max-w-md w-full">
+        <div className="flex gap-4 mb-4">
+          <input
+            type="text"
+            value={name}
+            onChange={(e) => onProfileChange({ ...profile, name: e.target.value })}
+            placeholder="Enter your name"
+            className="flex-1 sketch-border font-handwriting text-ink px-3 py-2 rounded"
+          />
+        </div>
+
+        <div className="flex gap-4">
+          <SketchButton onClick={onCreateRoom} className="flex-1">
+            Create Room
+          </SketchButton>
+          <SketchButton onClick={onJoinRoom} className="flex-1">
+            Join Room
+          </SketchButton>
+        </div>
+
+        {children && <div className="mt-4">{children}</div>}
+      </SketchCard>
+    </div>
+  );
+};
+
+export default RoomActionButtons;
diff --git a/pro/src/components/ui/RoomLobby.jsx b/pro/src/components/ui/RoomLobby.jsx
new file mode 100644
index 0000000..2884207
--- /dev/null
+++ b/pro/src/components/ui/RoomLobby.jsx
@@ -0,0 +1,135 @@
+import React, { useState, useEffect } from 'react';
+import SketchButton from './SketchButton';
+import CountdownOverlay from './CountdownOverlay';
+
+const RoomLobby = ({
+  roomId,
+  players = [],
+  spectators = [],
+  isHost,
+  minPlayers = 2,
+  onStart,
+  onLeave,
+  gameName = 'Game',
+  showCountdown = false,
+  onCountdownComplete,
+}) => {
+  const [dots, setDots] = useState('');
+  const [shareSupported] = useState(() => !!navigator.share);
+
+  // Animated "Waiting..." dots
+  useEffect(() => {
+    if (players.length >= minPlayers) return;
+    const id = setInterval(() => {
+      setDots((d) => (d.length >= 3 ? '' : d + '.'));
+    }, 500);
+    return () => clearInterval(id);
+  }, [players.length, minPlayers]);
+
+  const handleShare = async () => {
+    try {
+      await navigator.share({
+        title: `Join my ${gameName} room!`,
+        text: `Use room code: ${roomId}`,
+        url: window.location.href,
+      });
+    } catch {
+      // user cancelled or not supported
+    }
+  };
+
+  const canStart = players.length >= minPlayers;
+
+  return (
+    <div className="min-h-screen bg-paper flex items-center justify-center p-4">
+      {showCountdown && <CountdownOverlay onComplete={onCountdownComplete} />}
+
+      <div className="sketch-card p-8 max-w-sm w-full space-y-6">
+        {/* Room ID */}
+        <div className="text-center">
+          <p className="text-sm text-ink/60 paper-font">Room Code</p>
+          <p className="text-3xl font-sketch text-ink tracking-widest">{roomId}</p>
+        </div>
+
+        {/* Animated status banner */}
+        <div
+          className="sketch-border text-center py-3"
+          style={{ animation: canStart ? 'none' : 'sketch-wiggle 2s ease-in-out infinite' }}
+        >
+          {canStart ? (
+            <span className="paper-font text-green-700 font-semibold">✅ Ready to start!</span>
+          ) : (
+            <span className="paper-font text-ink/70">Waiting for players{dots}</span>
+          )}
+        </div>
+
+        {/* Player ready checklist */}
+        <div className="space-y-2">
+          <p className="paper-font text-sm text-ink/60">
+            Players ({players.length}/{minPlayers} min)
+          </p>
+          {players.map((p, i) => (
+            <div
+              key={p.id || i}
+              className="flex items-center gap-2 player-badge"
+              style={{ transform: 'none', border: 'none', padding: '0.25rem 0' }}
+            >
+              <span className="text-lg">{p.connected !== false ? '☑️' : '☐'}</span>
+              <span className="paper-font text-ink">{p.name}</span>
+              {i === 0 && <span className="text-xs text-ink/50 ml-auto paper-font">host</span>}
+            </div>
+          ))}
+          {/* Empty slots */}
+          {Array.from({ length: Math.max(0, minPlayers - players.length) }).map((_, i) => (
+            <div key={`empty-${i}`} className="flex items-center gap-2" style={{ opacity: 0.4 }}>
+              <span className="text-lg">☐</span>
+              <span className="paper-font text-ink/50">Waiting...</span>
+            </div>
+          ))}
+        </div>
+
+        {/* Spectators */}
+        {spectators.length > 0 && (
+          <div className="space-y-2 pt-2 border-t border-ink/10">
+            <p className="paper-font text-sm text-ink/60">Spectators ({spectators.length})</p>
+            {spectators.map((s, i) => (
+              <div key={s.id || i} className="flex items-center gap-2" style={{ padding: '0.25rem 0' }}>
+                <span className="text-lg">👁️</span>
+                <span className="paper-font text-ink/70">{s.name}</span>
+              </div>
+            ))}
+          </div>
+        )}
+
+        {/* Actions */}
+        <div className="space-y-2">
+          {/* Web Share API invite */}
+          {shareSupported && (
+            <SketchButton onClick={handleShare} className="w-full">
+              📤 Invite Friends
+            </SketchButton>
+          )}
+
+          {isHost && (
+            <SketchButton
+              onClick={onStart}
+              disabled={!canStart}
+              className="w-full"
+              style={{ opacity: canStart ? 1 : 0.5, cursor: canStart ? 'pointer' : 'not-allowed' }}
+            >
+              {canStart ? '🚀 Start Game' : `Need ${minPlayers - players.length} more player(s)`}
+            </SketchButton>
+          )}
+
+          {!isHost && <p className="paper-font text-center text-sm text-ink/50">Waiting for host to start…</p>}
+
+          <SketchButton onClick={onLeave} className="w-full" style={{ background: '#fff0f0' }}>
+            Leave Room
+          </SketchButton>
+        </div>
+      </div>
+    </div>
+  );
+};
+
+export default RoomLobby;
diff --git a/pro/src/components/ui/RoomLobby.test.jsx b/pro/src/components/ui/RoomLobby.test.jsx
new file mode 100644
index 0000000..565ae4e
--- /dev/null
+++ b/pro/src/components/ui/RoomLobby.test.jsx
@@ -0,0 +1,79 @@
+import React from 'react';
+import { render, screen, fireEvent } from '@testing-library/react';
+import { describe, it, expect, vi, beforeEach, afterEach } from 'vitest';
+import RoomLobby from './RoomLobby';
+
+const players2 = [
+  { id: '1', name: 'Alice', connected: true },
+  { id: '2', name: 'Bob', connected: true },
+];
+
+describe('RoomLobby', () => {
+  beforeEach(() => {
+    vi.useFakeTimers();
+  });
+  afterEach(() => {
+    vi.useRealTimers();
+  });
+
+  it('displays the room code', () => {
+    render(<RoomLobby roomId="ABC123" players={[]} isHost={true} onLeave={vi.fn()} />);
+    expect(screen.getByText('ABC123')).toBeTruthy();
+  });
+
+  it('shows "Waiting for players" when below minPlayers', () => {
+    render(
+      <RoomLobby roomId="X" players={[{ id: '1', name: 'Alice', connected: true }]} isHost={true} onLeave={vi.fn()} />,
+    );
+    expect(screen.getByText(/Waiting for players/)).toBeTruthy();
+  });
+
+  it('shows "Ready to start!" when minPlayers met', () => {
+    render(<RoomLobby roomId="X" players={players2} isHost={true} onLeave={vi.fn()} />);
+    expect(screen.getByText('✅ Ready to start!')).toBeTruthy();
+  });
+
+  it('renders player names in checklist', () => {
+    render(<RoomLobby roomId="X" players={players2} isHost={true} onLeave={vi.fn()} />);
+    expect(screen.getByText('Alice')).toBeTruthy();
+    expect(screen.getByText('Bob')).toBeTruthy();
+  });
+
+  it('shows Start Game button for host when ready', () => {
+    render(<RoomLobby roomId="X" players={players2} isHost={true} onStart={vi.fn()} onLeave={vi.fn()} />);
+    expect(screen.getByText('🚀 Start Game')).toBeTruthy();
+  });
+
+  it('calls onStart when Start Game is clicked', () => {
+    const onStart = vi.fn();
+    render(<RoomLobby roomId="X" players={players2} isHost={true} onStart={onStart} onLeave={vi.fn()} />);
+    fireEvent.click(screen.getByText('🚀 Start Game'));
+    expect(onStart).toHaveBeenCalledTimes(1);
+  });
+
+  it('shows "Waiting for host" message for non-host', () => {
+    render(<RoomLobby roomId="X" players={players2} isHost={false} onLeave={vi.fn()} />);
+    expect(screen.getByText(/Waiting for host/)).toBeTruthy();
+  });
+
+  it('calls onLeave when Leave Room is clicked', () => {
+    const onLeave = vi.fn();
+    render(<RoomLobby roomId="X" players={[]} isHost={true} onLeave={onLeave} />);
+    fireEvent.click(screen.getByText('Leave Room'));
+    expect(onLeave).toHaveBeenCalledTimes(1);
+  });
+
+  it('shows CountdownOverlay when showCountdown is true', () => {
+    render(
+      <RoomLobby
+        roomId="X"
+        players={players2}
+        isHost={true}
+        onLeave={vi.fn()}
+        showCountdown={true}
+        onCountdownComplete={vi.fn()}
+      />,
+    );
+    expect(screen.getByText('3')).toBeTruthy();
+  });
+});
diff --git a/pro/src/components/ui/ScoreBoard.jsx b/pro/src/components/ui/ScoreBoard.jsx
new file mode 100644
index 0000000..1b29ac7
--- /dev/null
+++ b/pro/src/components/ui/ScoreBoard.jsx
@@ -0,0 +1,59 @@
+import React from 'react';
+import { Trophy } from 'lucide-react';
+import { PlayerAvatar } from './AvatarSelector';
+
+const PLAYER_COLORS = ['#2a2a3e', '#c73e1d', '#2d4a8f', '#2f5233', '#7b2d8f', '#b5651d'];
+
+const ScoreBoard = ({ players, scores, currentTurn, myPlayerIndex, lastMove, orientation = 'horizontal' }) => {
+  if (!players || players.length === 0) return null;
+
+  const containerClass = orientation === 'vertical' ? 'flex flex-col gap-3' : 'flex gap-3';
+
+  // Normalize scores to array format if object (X/O) format
+  const normalizedScores = Array.isArray(scores)
+    ? scores
+    : players.map((_, idx) => {
+        if (scores && typeof scores === 'object') {
+          if (idx === 0 && scores.X !== undefined) return scores.X;
+          if (idx === 1 && scores.O !== undefined) return scores.O;
+        }
+        return scores?.[idx] || 0;
+      });
+
+  return (
+    <div className={`sketch-card p-4 ${containerClass}`}>
+      {players.map((p, idx) => {
+        const isCurrentTurn = currentTurn === p.id;
+        const isLastMovePlayer = lastMove && lastMove.playerIndex === idx;
+        const playerColor = p.color || PLAYER_COLORS[idx % PLAYER_COLORS.length];
+
+        return (
+          <div
+            key={p.id}
+            className={`flex items-center gap-2 p-2 rounded-lg transition-all ${
+              isCurrentTurn ? 'ring-2 ring-yellow-400 bg-yellow-50' : ''
+            }`}
+            style={{ transform: isCurrentTurn ? 'scale(1.03)' : undefined }}
+          >
+            <PlayerAvatar avatarIcon={p.avatarIcon || 'cat'} color={playerColor} size={20} />
+            <span className="font-handwriting text-sm text-ink flex-1 truncate">
+              {p.name}
+              {idx === myPlayerIndex && <span className="text-xs ml-1 opacity-60">(You)</span>}
+            </span>
+            {normalizedScores && (
+              <span className="font-sketch text-lg font-bold" style={{ color: playerColor }}>
+                {normalizedScores[idx] || 0}
+              </span>
+            )}
+            {isCurrentTurn && <Trophy size={16} className="text-yellow-500 animate-pulse" />}
+            {isLastMovePlayer && !isCurrentTurn && (
+              <span className="w-3 h-3 rounded-full bg-yellow-400 animate-pulse" />
+            )}
+          </div>
+        );
+      })}
+    </div>
+  );
+};
+
+export default ScoreBoard;
diff --git a/pro/src/components/ui/SketchBorder.jsx b/pro/src/components/ui/SketchBorder.jsx
new file mode 100644
index 0000000..0429879
--- /dev/null
+++ b/pro/src/components/ui/SketchBorder.jsx
@@ -0,0 +1,7 @@
+import React from 'react';
+
+const SketchBorder = ({ children, className = '' }) => {
+  return <div className={`sketch-border ${className}`}>{children}</div>;
+};
+
+export default SketchBorder;
diff --git a/pro/src/components/ui/SketchButton.jsx b/pro/src/components/ui/SketchButton.jsx
new file mode 100644
index 0000000..b4c8037
--- /dev/null
+++ b/pro/src/components/ui/SketchButton.jsx
@@ -0,0 +1,16 @@
+import React from 'react';
+
+const SketchButton = ({ children, onClick, disabled, className = '', type = 'button' }) => {
+  return (
+    <button
+      type={type}
+      onClick={onClick}
+      disabled={disabled}
+      className={`sketch-button ${disabled ? 'opacity-50 cursor-not-allowed' : ''} ${className}`}
+    >
+      {children}
+    </button>
+  );
+};
+
+export default SketchButton;
diff --git a/pro/src/components/ui/SketchCard.jsx b/pro/src/components/ui/SketchCard.jsx
new file mode 100644
index 0000000..0bc7304
--- /dev/null
+++ b/pro/src/components/ui/SketchCard.jsx
@@ -0,0 +1,7 @@
+import React from 'react';
+
+const SketchCard = ({ children, className = '' }) => {
+  return <div className={`sketch-card ${className}`}>{children}</div>;
+};
+
+export default SketchCard;
diff --git a/pro/src/components/ui/SketchPopup.jsx b/pro/src/components/ui/SketchPopup.jsx
new file mode 100644
index 0000000..0d4c955
--- /dev/null
+++ b/pro/src/components/ui/SketchPopup.jsx
@@ -0,0 +1 @@
+export const sketchPopupClass = 'sketch-popup';
diff --git a/pro/src/components/ui/TextInput.test.jsx b/pro/src/components/ui/TextInput.test.jsx
index 79e24f3..4f87058 100644
--- a/pro/src/components/ui/TextInput.test.jsx
+++ b/pro/src/components/ui/TextInput.test.jsx
@@ -16,7 +16,7 @@ describe('TextInput', () => {
 
   it('renders label and placeholder', () => {
     render(<TextInput label="Room ID" placeholder="Enter code" />);
-    
+
     expect(screen.getByText('Room ID')).toBeDefined();
     expect(screen.getByPlaceholderText('Enter code')).toBeDefined();
   });
diff --git a/pro/src/components/ui/ThemeToggle.jsx b/pro/src/components/ui/ThemeToggle.jsx
new file mode 100644
index 0000000..112eecd
--- /dev/null
+++ b/pro/src/components/ui/ThemeToggle.jsx
@@ -0,0 +1,19 @@
+import React from 'react';
+import { Moon, Sun } from 'lucide-react';
+import { useTheme } from '../../context/ThemeContext';
+
+const ThemeToggle = () => {
+  const { theme, toggleTheme } = useTheme();
+
+  return (
+    <button
+      onClick={toggleTheme}
+      className="sketch-button p-2 rounded-full"
+      title={`Switch to ${theme === 'light' ? 'dark' : 'light'} theme`}
+    >
+      {theme === 'light' ? <Moon size={18} /> : <Sun size={18} />}
+    </button>
+  );
+};
+
+export default ThemeToggle;
diff --git a/pro/src/components/ui/TurnIndicator.jsx b/pro/src/components/ui/TurnIndicator.jsx
new file mode 100644
index 0000000..684ef76
--- /dev/null
+++ b/pro/src/components/ui/TurnIndicator.jsx
@@ -0,0 +1,51 @@
+import React from 'react';
+
+const PlayerAvatar = ({ playerName, isActive, isMyTurn, turnTimer, isCurrentPlayer = false }) => {
+  if (!playerName) return null;
+  const initials = playerName.slice(0, 2);
+  const timerProgress = turnTimer !== null ? turnTimer / 30 : undefined;
+
+  return (
+    <div className="flex flex-col items-center gap-1">
+      <div
+        className={`
+          flex items-center justify-center w-12 h-12 rounded-full bg-ink text-paper
+          font-sketch text-sm
+          ${isActive ? 'opacity-100' : 'opacity-50'}
+          ${isMyTurn ? 'animate-pulse ring-2 ring-ink/20' : ''}
+          ${isCurrentPlayer && !isMyTurn ? 'ring-2 ring-yellow-400' : ''}
+        `}
+        data-timer={timerProgress}
+      >
+        {initials}
+      </div>
+      <span className="paper-font text-xs text-ink/80">{playerName}</span>
+      {isCurrentPlayer && <span className="paper-font text-xs text-yellow-600">(You)</span>}
+    </div>
+  );
+};
+
+const TurnIndicator = ({ playerName, isActive, isMyTurn, turnTimer, players, currentTurn }) => {
+  if (players && Array.isArray(players)) {
+    return (
+      <div className="flex gap-2">
+        {players.map((player, index) => {
+          const isActiveTurn = typeof currentTurn === 'number' ? index === currentTurn : player.id === currentTurn;
+          return (
+            <PlayerAvatar
+              key={player.id}
+              playerName={player.name}
+              isActive={isActiveTurn}
+              isMyTurn={isActiveTurn}
+              isCurrentPlayer={isActiveTurn}
+            />
+          );
+        })}
+      </div>
+    );
+  }
+
+  return <PlayerAvatar playerName={playerName} isActive={isActive} isMyTurn={isMyTurn} turnTimer={turnTimer} />;
+};
+
+export default TurnIndicator;
diff --git a/pro/src/components/ui/TurnIndicator.test.jsx b/pro/src/components/ui/TurnIndicator.test.jsx
new file mode 100644
index 0000000..173da24
--- /dev/null
+++ b/pro/src/components/ui/TurnIndicator.test.jsx
@@ -0,0 +1,35 @@
+import React from 'react';
+import { render, screen } from '@testing-library/react';
+import { describe, it, expect } from 'vitest';
+import TurnIndicator from './TurnIndicator';
+
+describe('TurnIndicator', () => {
+  it('renders player avatar with initials', () => {
+    render(<TurnIndicator playerName="Alice" isActive={true} />);
+    expect(screen.getByText('Al')).toBeInTheDocument();
+  });
+
+  it('shows pulse animation when it is my turn', () => {
+    render(<TurnIndicator playerName="Bob" isActive={true} isMyTurn={true} />);
+    const avatar = screen.getByText('Bo');
+    expect(avatar).toHaveClass('animate-pulse');
+  });
+
+  it('does not show pulse when not my turn', () => {
+    render(<TurnIndicator playerName="Charlie" isActive={true} isMyTurn={false} />);
+    const avatar = screen.getByText('Ch');
+    expect(avatar).not.toHaveClass('animate-pulse');
+  });
+
+  it('dims when not active', () => {
+    render(<TurnIndicator playerName="Dave" isActive={false} />);
+    const avatar = screen.getByText('Da');
+    expect(avatar).toHaveClass('opacity-50');
+  });
+
+  it('shows timer progress when turnTimer is provided', () => {
+    render(<TurnIndicator playerName="Eve" isActive={true} turnTimer={15} />);
+    const avatar = screen.getByText('Ev');
+    expect(avatar).toHaveAttribute('data-timer', '0.5');
+  });
+});
diff --git a/pro/src/components/ui/UndoUI.jsx b/pro/src/components/ui/UndoUI.jsx
new file mode 100644
index 0000000..322ddef
--- /dev/null
+++ b/pro/src/components/ui/UndoUI.jsx
@@ -0,0 +1,55 @@
+import React, { useState, useEffect } from 'react';
+import SketchButton from './SketchButton';
+import SketchCard from './SketchCard';
+
+const UndoUI = ({ requesterId, players = [], currentTurn, myPlayerIndex, onRequest, onAllow, onDeny }) => {
+  const requester = players.find((p) => p.id === requesterId);
+  const requesterName = requester?.name || 'Someone';
+  const [timeRemaining, setTimeRemaining] = useState(15);
+
+  useEffect(() => {
+    if (!requesterId) {
+      setTimeRemaining(0);
+      return;
+    }
+    setTimeRemaining(15);
+    const timer = setInterval(() => {
+      setTimeRemaining((prev) => {
+        if (prev <= 1) {
+          clearInterval(timer);
+          return 0;
+        }
+        return prev - 1;
+      });
+    }, 1000);
+    return () => clearInterval(timer);
+  }, [requesterId]);
+
+  if (!requesterId) return null;
+
+  const isTargetPlayer = myPlayerIndex === currentTurn;
+  const progressPercent = (timeRemaining / 15) * 100;
+
+  return (
+    <SketchCard className="p-4 bg-yellow-50">
+      <p className="font-handwriting text-ink mb-3">
+        <span className="font-bold">{requesterName}</span> wants to undo the last move
+      </p>
+      <div className="w-full bg-gray-200 rounded-full h-2 mb-4 overflow-hidden">
+        <div className="bg-yellow-500 h-2 rounded-full transition-all" style={{ width: `${progressPercent}%` }} />
+      </div>
+      {isTargetPlayer && (
+        <div className="flex gap-2">
+          <SketchButton onClick={onAllow} className="flex-1 bg-green-50">
+            Allow
+          </SketchButton>
+          <SketchButton onClick={onDeny} className="flex-1 bg-red-50">
+            Deny
+          </SketchButton>
+        </div>
+      )}
+    </SketchCard>
+  );
+};
+
+export default UndoUI;
diff --git a/pro/src/components/ui/WaitingLobby.jsx b/pro/src/components/ui/WaitingLobby.jsx
new file mode 100644
index 0000000..5391b38
--- /dev/null
+++ b/pro/src/components/ui/WaitingLobby.jsx
@@ -0,0 +1,79 @@
+import React from 'react';
+import { Users, Copy, Share2 } from 'lucide-react';
+import { SketchButton, PlayerAvatar } from './index';
+
+const WaitingLobby = ({ roomId, players, isHost, minPlayers, onStart, onLeave, onProfileChange, gameSettings }) => {
+  const handleCopyRoomId = async () => {
+    await navigator.clipboard.writeText(roomId);
+  };
+
+  const handleShare = async () => {
+    if (navigator.share) {
+      await navigator.share({
+        title: 'Join my game room!',
+        text: `Use room code: ${roomId}`,
+        url: window.location.href,
+      });
+    }
+  };
+
+  const canStart = players.length >= minPlayers;
+
+  return (
+    <div className="min-h-screen bg-paper flex items-center justify-center p-4">
+      <div className="sketch-card p-8 max-w-md w-full space-y-6">
+        <div className="text-center">
+          <p className="text-sm font-handwriting text-ink/60">Room Code</p>
+          <p className="text-3xl font-sketch text-ink tracking-widest">{roomId}</p>
+          <div className="flex gap-2 justify-center mt-2">
+            <button onClick={handleCopyRoomId} className="sketch-button px-3 py-1 text-xs flex items-center gap-1">
+              <Copy size={14} /> Copy
+            </button>
+            {navigator.share && (
+              <button onClick={handleShare} className="sketch-button px-3 py-1 text-xs flex items-center gap-1">
+                <Share2 size={14} /> Share
+              </button>
+            )}
+          </div>
+        </div>
+
+        <div className="flex items-center justify-between">
+          <span className="font-handwriting text-ink flex items-center gap-2">
+            <Users size={18} /> Players ({players.length}/{minPlayers} min)
+          </span>
+          {isHost && <span className="sketch-button text-xs px-2 py-1 bg-green-50">Host</span>}
+        </div>
+
+        <div className="space-y-2">
+          {players.map((p, i) => (
+            <div key={p.id} className="flex items-center gap-3 sketch-border px-3 py-2">
+              <PlayerAvatar avatarIcon={p.avatarIcon} color={p.color} size={24} />
+              <span className="font-handwriting text-ink flex-1 truncate">{p.name}</span>
+              {p.connected !== false ? (
+                <span className="text-green-600 text-xs">✓</span>
+              ) : (
+                <span className="text-red-500 text-xs">disconnected</span>
+              )}
+            </div>
+          ))}
+        </div>
+
+        {gameSettings && <div className="sketch-border p-4">{gameSettings}</div>}
+
+        {isHost && (
+          <SketchButton onClick={onStart} disabled={!canStart} className="w-full">
+            {canStart ? 'Start Game' : `Need ${minPlayers - players.length} more player(s)`}
+          </SketchButton>
+        )}
+
+        {!isHost && <p className="text-center font-handwriting text-sm text-ink/60">Waiting for host to start...</p>}
+
+        <SketchButton onClick={onLeave} className="w-full" style={{ background: '#fff0f0' }}>
+          Leave Room
+        </SketchButton>
+      </div>
+    </div>
+  );
+};
+
+export default WaitingLobby;
diff --git a/pro/src/components/ui/index.js b/pro/src/components/ui/index.js
new file mode 100644
index 0000000..436466e
--- /dev/null
+++ b/pro/src/components/ui/index.js
@@ -0,0 +1,20 @@
+export { default as SketchButton } from './SketchButton';
+export { default as SketchCard } from './SketchCard';
+export { default as SketchBorder } from './SketchBorder';
+export { default as PlayerBadge } from './PlayerBadge';
+export { default as ModeSelector } from './ModeSelector';
+export { default as LeaveButton } from './LeaveButton';
+export { default as RoomLobby } from './RoomLobby';
+export { default as GameLobby } from './GameLobby';
+export { default as WaitingLobby } from './WaitingLobby';
+export { default as RoomActionButtons } from './RoomActionButtons';
+export { default as ScoreBoard } from './ScoreBoard';
+export { default as ThemeToggle } from './ThemeToggle';
+export { default as AvatarReactionBar } from './AvatarReactionBar';
+export { sketchPopupClass } from './SketchPopup';
+export { default as GameLayout } from './GameLayout';
+export { default as TurnIndicator } from './TurnIndicator';
+export { default as MatchReport } from './MatchReport';
+export { default as AvatarSelector, PlayerAvatar } from './AvatarSelector';
+export { default as CountdownOverlay } from './CountdownOverlay';
+export { default as UndoUI } from './UndoUI';
diff --git a/pro/src/connect4/Connect4Game.jsx b/pro/src/connect4/Connect4Game.jsx
new file mode 100644
index 0000000..09488e7
--- /dev/null
+++ b/pro/src/connect4/Connect4Game.jsx
@@ -0,0 +1,358 @@
+import React, { useState, useEffect, useRef, useCallback } from 'react';
+import { useGameContext } from '../context/GameContext';
+import { useNavigate } from 'react-router-dom';
+import GameLayout from '../components/ui/GameLayout';
+import GameLobby from '../components/ui/GameLobby';
+import MatchReport from '../components/ui/MatchReport';
+import SketchButton from '../components/ui/SketchButton';
+import TurnIndicator from '../components/ui/TurnIndicator';
+import { AvatarSelector, AvatarReactionBar, sketchPopupClass } from '../components/ui';
+import useSocketListeners from '../hooks/useSocketListeners';
+import useReconnection from '../hooks/useReconnection';
+import Swal from 'sweetalert2';
+import useSound from 'use-sound';
+
+const Connect4Game = () => {
+  const { socket, roomId, setRoomId, clearRoomId, setGamePrefix, profile, setProfile } = useGameContext();
+  const navigate = useNavigate();
+  const [gameState, setGameState] = useState('lobby');
+  const [players, setPlayers] = useState([]);
+  const [spectators, setSpectators] = useState([]);
+  const [currentTurn, setCurrentTurn] = useState(null);
+  const [myPlayerIndex, setMyPlayerIndex] = useState(-1);
+  const [hoverCol, setHoverCol] = useState(null);
+  const [winLine, setWinLine] = useState(null);
+  const [lastMove, setLastMove] = useState(null);
+  const [board, setBoard] = useState([]);
+  const joinRoomIdRef = useRef(null);
+
+  const [playMove] = useSound('/sounds/move.mp3', { volume: 0.5 });
+  const [playWin] = useSound('/sounds/win.mp3', { volume: 0.7 });
+
+  const handleCreateRoom = useCallback(() => {
+    if (!socket) return;
+    socket.emit('c4_createRoom', {
+      playerName: profile.name,
+      avatarIcon: profile.avatarIcon,
+      color: profile.color,
+    });
+  }, [socket, profile]);
+
+  const handleJoinRoom = useCallback(
+    (roomIdToJoin, asSpectator) => {
+      if (!socket) return;
+      socket.emit('c4_joinRoom', {
+        roomId: roomIdToJoin,
+        playerName: profile.name,
+        avatarIcon: profile.avatarIcon,
+        color: profile.color,
+        asSpectator,
+      });
+    },
+    [socket, profile],
+  );
+
+  const { clearReconnect } = useReconnection({
+    socket,
+    gamePrefix: 'c4',
+    roomId,
+    onRestore: (room) => {
+      if (!room) return;
+      setRoomId(room.id);
+      setPlayers(room.players || []);
+      setSpectators(room.spectators || []);
+      setGameState(room.gameState || 'lobby');
+      setCurrentTurn(room.currentTurn);
+      setBoard(room.board || []);
+    },
+  });
+
+  useSocketListeners(
+    socket,
+    {
+      c4_roomInfo: (data) => {
+        setRoomId(data.id);
+        setPlayers(data.players || []);
+        setSpectators(data.spectators || []);
+        setGameState(data.gameState);
+        setCurrentTurn(data.currentTurn);
+        setBoard(data.board || []);
+        const myPlayer = data.players?.find((p) => p.id === socket.id);
+        setMyPlayerIndex(myPlayer ? data.players.findIndex((p) => p.id === myPlayer.id) : -1);
+      },
+      c4_gameStarted: () => {
+        setGameState('playing');
+      },
+      c4_moveMade: (data) => {
+        setBoard(data.board || []);
+        if (data.lastMove) {
+          setLastMove(data.lastMove);
+          playMove();
+        }
+      },
+      c4_gameOver: (data) => {
+        setGameState('ended');
+        if (data.winLine) {
+          setWinLine(data.winLine.map((c) => `${c.row}-${c.col}`));
+          playWin();
+        }
+      },
+      c4_gamePaused: () => {
+        setGameState('paused');
+      },
+      c4_gameRestarted: () => {
+        setGameState('waiting');
+        setWinLine(null);
+      },
+      c4_alert: ({ icon, title, text }) => {
+        Swal.fire({ icon, title, text });
+      },
+      c4_reconnectFailed: ({ reason, roomId: failedRoomId }) => {
+        Swal.fire({
+          title: 'Reconnection Failed',
+          text:
+            reason === 'room_not_found'
+              ? 'The room no longer exists.'
+              : reason === 'player_not_found'
+                ? 'Your player session was not found.'
+                : reason === 'game_already_ended'
+                  ? 'The game has ended.'
+                  : 'Could not reconnect to the game.',
+          icon: 'error',
+          customClass: { popup: sketchPopupClass },
+        }).then(() => {
+          clearReconnect();
+          clearRoomId();
+          setGameState('lobby');
+          navigate('/');
+        });
+      },
+      server_shutdown: ({ message }) => {
+        Swal.fire({
+          title: 'Server Shutting Down',
+          text: message || 'The server is going down for maintenance.',
+          icon: 'info',
+          customClass: { popup: sketchPopupClass },
+        }).then(() => {
+          clearReconnect();
+          clearRoomId();
+          setGameState('lobby');
+          navigate('/');
+        });
+      },
+    },
+    [clearRoomId, navigate, playMove, playWin, setRoomId],
+  );
+
+  useEffect(() => {
+    if (!socket) return;
+    setGamePrefix('c4');
+
+    const saved = sessionStorage.getItem('c4_reconnect');
+    if (saved) {
+      const data = JSON.parse(saved);
+      socket.emit('c4_reconnect', data);
+    }
+  }, [socket, setGamePrefix]);
+
+  const handleStartGame = useCallback(() => {
+    if (!socket || !roomId) return;
+    socket.emit('c4_startGame', { roomId });
+  }, [socket, roomId]);
+
+  const handleRestart = useCallback(() => {
+    if (!socket || !roomId) return;
+    socket.emit('c4_restartGame', roomId);
+  }, [socket, roomId]);
+
+  const handleLeave = useCallback(() => {
+    if (!socket || !roomId) return;
+    socket.emit('c4_leaveRoom', roomId);
+    clearReconnect();
+    clearRoomId();
+    setGameState('lobby');
+    navigate('/');
+  }, [socket, roomId, clearReconnect, clearRoomId, navigate]);
+
+  const handleColumnClick = useCallback(
+    (col) => {
+      if (!roomId || gameState !== 'playing') return;
+      if (myPlayerIndex !== currentTurn) return;
+
+      socket.emit('c4_makeMove', { roomId, column: col });
+    },
+    [roomId, gameState, myPlayerIndex, currentTurn, socket],
+  );
+
+  const isSpectator = spectators.some((s) => s.id === socket?.id);
+  const isHost = players[0]?.id === socket?.id;
+
+  if (gameState === 'ended') {
+    const scores = players.map((p, idx) => ({
+      name: p.name || `Player ${idx + 1}`,
+      score: 0,
+    }));
+    return (
+      <MatchReport winner={null} isWinner={false} scores={scores} onRematch={handleRestart} onNewRoom={handleLeave} />
+    );
+  }
+
+  if (roomId && gameState === 'waiting') {
+    return (
+      <GameLobby
+        gameName="Connect 4"
+        roomId={roomId}
+        players={players}
+        spectators={spectators}
+        isHost={!!isHost}
+        minPlayers={2}
+        onStart={handleStartGame}
+        onLeave={handleLeave}
+        showJoinInput
+        startLabel="Start Game"
+        profile={profile}
+        onProfileChange={(next) => setProfile(next)}
+      />
+    );
+  }
+
+  if (roomId && gameState === 'playing') {
+    const canPlay = myPlayerIndex === currentTurn && !isSpectator;
+
+    return (
+      <GameLayout players={players}>
+        <div className="flex flex-col items-center gap-4 p-4">
+          {isSpectator && (
+            <div className="sketch-card px-4 py-2 bg-blue-100">
+              <span className="paper-font text-blue-700 font-semibold">👁️ Spectating</span>
+            </div>
+          )}
+
+          <TurnIndicator players={players} currentTurn={currentTurn} />
+
+          <div
+            className="grid grid-cols-7 gap-1 p-4 sketch-card bg-blue-50 relative"
+            onMouseLeave={() => setHoverCol(null)}
+          >
+            {board.map((row, r) =>
+              row.map((cell, c) => {
+                const isWinning = winLine && winLine.includes(`${r}-${c}`);
+                const isLastMove = lastMove && lastMove.row === r && lastMove.col === c;
+                return (
+                  <div
+                    key={`${r}-${c}`}
+                    className={`w-10 h-10 sm:w-12 sm:h-12 border-2 rounded-full flex items-center justify-center ${
+                      isWinning ? 'border-yellow-400 ring-2 ring-yellow-400' : 'border-ink/20'
+                    } ${isLastMove ? 'ring-2 ring-sky-400' : ''}`}
+                  >
+                    {cell !== null && (
+                      <div className={`w-8 h-8 rounded-full ${cell === 0 ? 'bg-red-500' : 'bg-yellow-500'}`} />
+                    )}
+                  </div>
+                );
+              }),
+            )}
+          </div>
+
+          <div className="grid grid-cols-7 gap-1 w-64 sm:w-72 relative" onMouseLeave={() => setHoverCol(null)}>
+            {board[0]?.map((_, col) => (
+              <button
+                key={col}
+                onClick={() => canPlay && handleColumnClick(col)}
+                disabled={!canPlay}
+                className="py-2 text-2xl font-sketch hover:bg-paper-dark rounded sketch-transition relative"
+                onMouseEnter={() => canPlay && setHoverCol(col)}
+              >
+                {hoverCol === col && (
+                  <div
+                    className={`absolute inset-0 flex items-center justify-center pointer-events-none ${
+                      currentTurn === 0 ? 'bg-red-500/30' : 'bg-yellow-500/30'
+                    } rounded-full`}
+                  />
+                )}
+                ⬇️
+              </button>
+            ))}
+          </div>
+
+          <SketchButton onClick={handleLeave} style={{ background: '#fff0f0' }}>
+            Leave Room
+          </SketchButton>
+        </div>
+
+        {gameState === 'playing' && (
+          <AvatarReactionBar socket={socket} roomId={roomId} gamePrefix="c4" players={players} />
+        )}
+      </GameLayout>
+    );
+  }
+
+  return (
+    <div className="min-h-screen bg-paper flex items-center justify-center p-4">
+      <div className="sketch-card p-8 max-w-sm w-full space-y-6">
+        <h2 className="text-2xl font-sketch text-center text-ink">Connect 4</h2>
+
+        <div>
+          <label className="paper-font text-sm text-ink/60">Your Name</label>
+          <input
+            type="text"
+            value={profile.name}
+            onChange={(e) => setProfile((prev) => ({ ...prev, name: e.target.value }))}
+            placeholder="Enter name"
+            className="sketch-input w-full mt-1"
+            maxLength={20}
+          />
+        </div>
+
+        <AvatarSelector
+          avatarIcon={profile.avatarIcon}
+          color={profile.color}
+          onAvatarChange={(icon) => setProfile((prev) => ({ ...prev, avatarIcon: icon }))}
+          onColorChange={(c) => setProfile((prev) => ({ ...prev, color: c }))}
+        />
+
+        <SketchButton onClick={handleCreateRoom} className="w-full">
+          Create Room
+        </SketchButton>
+
+        <div className="border-t border-ink/20 pt-4">
+          <label className="paper-font text-sm text-ink/60">Join Room</label>
+          <input
+            type="text"
+            placeholder="Room Code"
+            className="sketch-input w-full mt-1 mb-2"
+            maxLength={6}
+            ref={joinRoomIdRef}
+            onKeyDown={(e) => {
+              if (e.key === 'Enter') {
+                const roomId = e.target.value.trim();
+                if (roomId) handleJoinRoom(roomId);
+              }
+            }}
+          />
+          <SketchButton
+            onClick={() => {
+              const roomIdInput = joinRoomIdRef.current?.value || '';
+              if (roomIdInput) handleJoinRoom(roomIdInput.trim());
+            }}
+            className="w-full"
+          >
+            Join as Player
+          </SketchButton>
+          <SketchButton
+            onClick={() => {
+              const roomIdInput = joinRoomIdRef.current?.value || '';
+              if (roomIdInput) handleJoinRoom(roomIdInput.trim(), true);
+            }}
+            className="w-full mt-2"
+            style={{ background: '#f0f8ff' }}
+          >
+            Join as Spectator
+          </SketchButton>
+        </div>
+      </div>
+    </div>
+  );
+};
+
+export default Connect4Game;
diff --git a/pro/src/connect4/Connect4Game.test.jsx b/pro/src/connect4/Connect4Game.test.jsx
new file mode 100644
index 0000000..a0f7fe1
--- /dev/null
+++ b/pro/src/connect4/Connect4Game.test.jsx
@@ -0,0 +1,73 @@
+import React from 'react';
+import { render, screen } from '@testing-library/react';
+import { MemoryRouter } from 'react-router-dom';
+import { describe, it, expect, vi, beforeEach } from 'vitest';
+import Connect4Game from './Connect4Game';
+import { ThemeProvider } from '../context/ThemeContext';
+
+vi.mock('socket.io-client', () => ({
+  io: vi.fn(() => ({
+    on: vi.fn(),
+    off: vi.fn(),
+    emit: vi.fn(),
+    connected: true,
+  })),
+}));
+
+vi.mock('../context/GameContext', () => ({
+  useGameContext: () => ({
+    socket: {
+      on: vi.fn(),
+      off: vi.fn(),
+      emit: vi.fn(),
+    },
+    playerName: 'TestPlayer',
+    setPlayerName: vi.fn(),
+    roomId: null,
+    setRoomId: vi.fn(),
+    clearRoomId: vi.fn(),
+    gamePrefix: null,
+    setGamePrefix: vi.fn(),
+    leaveRoom: vi.fn(),
+    clearReconnect: vi.fn(),
+    profile: { name: 'TestPlayer', avatarIcon: 'cat', color: '#2a2a3e' },
+    setProfile: vi.fn(),
+  }),
+}));
+
+vi.mock('use-sound', () => ({
+  default: vi.fn(() => [vi.fn()]),
+}));
+
+vi.mock('canvas-confetti', () => ({
+  default: vi.fn(),
+}));
+
+vi.mock('sweetalert2', () => ({
+  fire: vi.fn(),
+}));
+
+vi.mock('framer-motion', () => ({
+  motion: {
+    div: ({ children, ...props }) => <div {...props}>{children}</div>,
+  },
+  AnimatePresence: ({ children }) => <>{children}</>,
+}));
+
+const Wrapper = ({ children }) => (
+  <ThemeProvider>
+    <MemoryRouter>{children}</MemoryRouter>
+  </ThemeProvider>
+);
+
+describe('Connect4Game', () => {
+  beforeEach(() => {
+    vi.clearAllMocks();
+  });
+
+  it('renders landing UI when not in room', () => {
+    render(<Connect4Game />, { wrapper: Wrapper });
+    expect(screen.getByText('Connect 4')).toBeInTheDocument();
+    expect(screen.getByPlaceholderText('Enter name')).toBeInTheDocument();
+  });
+});
diff --git a/pro/src/context/GameContext.jsx b/pro/src/context/GameContext.jsx
index 6d4cf2a..e312868 100644
--- a/pro/src/context/GameContext.jsx
+++ b/pro/src/context/GameContext.jsx
@@ -1,8 +1,9 @@
-import React, { createContext, useContext, useState, useEffect, useRef } from 'react';
+import React, { createContext, useContext, useState, useEffect, useRef, useCallback } from 'react';
 import io from 'socket.io-client';
 import logger from '../utils/logger';
+import { reportRuntimeError } from '../utils/runtimeError';
 
-const GameContext = createContext();
+export const GameContext = createContext();
 
 export const useGameContext = () => {
   const context = useContext(GameContext);
@@ -13,53 +14,123 @@ export const useGameContext = () => {
 };
 
 export const GameProvider = ({ children }) => {
-  const [playerName, setPlayerName] = useState(localStorage.getItem('playerName') || '');
+  const [profile, setProfile] = useState(() => {
+    const saved = localStorage.getItem('playerProfile');
+    return saved
+      ? JSON.parse(saved)
+      : {
+          name: '',
+          avatarIcon: 'cat',
+          color: '#2a2a3e',
+        };
+  });
   const [roomId, setRoomId] = useState(null);
+  const [gamePrefix, setGamePrefix] = useState(null);
   const [socket, setSocket] = useState(null);
+  const [reconnectionState, setReconnectionState] = useState('disconnected');
   const socketRef = useRef(null);
+  const lastDisconnectTimeRef = useRef(null);
+  const reconnectAttemptsRef = useRef(0);
+  const reconnectTimeoutsRef = useRef([]);
 
   useEffect(() => {
-    const newSocket = io('http://localhost:4000');
+    localStorage.setItem('playerProfile', JSON.stringify(profile));
+  }, [profile]);
+
+  useEffect(() => {
+    const host = window.location.hostname || 'localhost';
+    const protocol = window.location.protocol === 'https:' ? 'wss:' : 'ws:';
+    const port = import.meta.env.VITE_PORT || 4000;
+    const newSocket = io(`${protocol}//${host}:${port}`);
     socketRef.current = newSocket;
     setSocket(newSocket);
 
     newSocket.on('connect', () => {
       logger.info('SOCKET', `Connected with ID: ${newSocket.id}`);
+      setReconnectionState('connected');
+      reconnectAttemptsRef.current = 0;
     });
 
     newSocket.on('disconnect', (reason) => {
       logger.warn('SOCKET', `Disconnected: ${reason}`);
+      setReconnectionState('disconnected');
+      lastDisconnectTimeRef.current = Date.now();
     });
 
     newSocket.on('connect_error', (error) => {
       logger.error('SOCKET', `Connection error: ${error.message}`);
+      reportRuntimeError('Socket connection error', error);
+    });
+
+    newSocket.on('error', (error) => {
+      logger.error('SOCKET', `Socket error: ${error?.message || error}`);
+      reportRuntimeError('Socket error', error);
     });
 
     logger.info('SOCKET', 'Initializing socket connection...');
 
     return () => {
       logger.info('SOCKET', 'Cleaning up socket connection');
+      for (const timeout of reconnectTimeoutsRef.current) {
+        clearTimeout(timeout);
+      }
       newSocket.disconnect();
     };
   }, []);
 
+  const roomIdRef = useRef(roomId);
   useEffect(() => {
-    if (playerName) {
-      localStorage.setItem('playerName', playerName);
+    roomIdRef.current = roomId;
+  }, [roomId]);
+
+  const clearRoomId = (id) => {
+    if (roomIdRef.current === id) {
+      setRoomId(null);
     }
-  }, [playerName]);
+  };
+
+  const clearReconnect = useCallback((prefix) => {
+    sessionStorage.removeItem(`${prefix}_reconnect`);
+  }, []);
+
+  const leaveRoom = useCallback(
+    (prefix, roomId) => {
+      socket?.emit(`${prefix}_leaveRoom`, roomId);
+      clearReconnect(prefix);
+      clearRoomId(roomId);
+    },
+    [socket, clearReconnect],
+  );
+
+  const setPlayerProfileName = (name) => {
+    setProfile((prev) => ({ ...prev, name }));
+  };
+
+  const handleReconnectFailure = useCallback(
+    ({ reason, roomId }) => {
+      reconnectAttemptsRef.current++;
+      sessionStorage.removeItem(`${gamePrefix}_reconnect`);
+    },
+    [gamePrefix],
+  );
 
   const value = {
-    playerName,
-    setPlayerName,
+    playerName: profile.name,
+    setPlayerName: setPlayerProfileName,
+    profile,
+    setProfile,
     roomId,
     setRoomId,
-    socket
+    clearRoomId,
+    socket,
+    gamePrefix,
+    setGamePrefix,
+    leaveRoom,
+    clearReconnect,
+    reconnectionState,
+    reconnectAttempts: reconnectAttemptsRef.current,
+    handleReconnectFailure,
   };
 
-  return (
-    <GameContext.Provider value={value}>
-      {children}
-    </GameContext.Provider>
-  );
+  return <GameContext.Provider value={value}>{children}</GameContext.Provider>;
 };
diff --git a/pro/src/context/GameContext.test.jsx b/pro/src/context/GameContext.test.jsx
index bcad5e8..e33f564 100644
--- a/pro/src/context/GameContext.test.jsx
+++ b/pro/src/context/GameContext.test.jsx
@@ -1,6 +1,6 @@
 import React from 'react';
 import { render, screen, fireEvent } from '@testing-library/react';
-import { describe, it, expect, vi } from 'vitest';
+import { describe, it, expect } from 'vitest';
 import { GameProvider, useGameContext } from './GameContext';
 
 const TestComponent = () => {
@@ -18,7 +18,7 @@ describe('GameContext', () => {
     render(
       <GameProvider>
         <TestComponent />
-      </GameProvider>
+      </GameProvider>,
     );
 
     const nameDisplay = screen.getByTestId('player-name');
diff --git a/pro/src/context/ThemeContext.jsx b/pro/src/context/ThemeContext.jsx
new file mode 100644
index 0000000..ab6d09e
--- /dev/null
+++ b/pro/src/context/ThemeContext.jsx
@@ -0,0 +1,36 @@
+import React, { createContext, useContext, useState, useEffect } from 'react';
+
+const ThemeContext = createContext();
+
+export const useTheme = () => {
+  const context = useContext(ThemeContext);
+  if (!context) {
+    throw new Error('useTheme must be used within a ThemeProvider');
+  }
+  return context;
+};
+
+export const ThemeProvider = ({ children }) => {
+  const [theme, setTheme] = useState(() => {
+    const saved = localStorage.getItem('theme');
+    return saved || 'light';
+  });
+
+  useEffect(() => {
+    localStorage.setItem('theme', theme);
+    document.documentElement.setAttribute('data-theme', theme);
+  }, [theme]);
+
+  const toggleTheme = () => {
+    setTheme((prev) => (prev === 'light' ? 'dark' : 'light'));
+  };
+
+  const value = {
+    theme,
+    setTheme,
+    toggleTheme,
+    isDark: theme === 'dark',
+  };
+
+  return <ThemeContext.Provider value={value}>{children}</ThemeContext.Provider>;
+};
diff --git a/pro/src/dab/DabGame.jsx b/pro/src/dab/DabGame.jsx
index add60ae..fb63ac3 100644
--- a/pro/src/dab/DabGame.jsx
+++ b/pro/src/dab/DabGame.jsx
@@ -1,19 +1,43 @@
-import React, { useState, useEffect, useCallback, useRef } from 'react';
+import React, { useState, useEffect, useCallback } from 'react';
 import { useGameContext } from '../context/GameContext';
+import GameLobby from '../components/ui/GameLobby';
+import MatchReport from '../components/ui/MatchReport';
+import UndoUI from '../components/ui/UndoUI';
 import { TransformWrapper, TransformComponent } from 'react-zoom-pan-pinch';
-import RetroButton from '../components/ui/RetroButton';
+import { SketchButton, SketchCard, sketchPopupClass, GameLayout, AvatarReactionBar } from '../components/ui';
 import useSound from 'use-sound';
 import confetti from 'canvas-confetti';
 import Swal from 'sweetalert2';
 import { useNavigate } from 'react-router-dom';
-import { ArrowLeft, Users, Trophy, SwatchBook, Plus, Minus, RotateCcw } from 'lucide-react';
+import { ArrowLeft, Trophy, Plus, Minus, RotateCcw, Undo2 } from 'lucide-react';
+import { PlayerAvatar } from '../components/ui/AvatarSelector';
+import useReconnection from '../hooks/useReconnection';
+import useSocketListeners from '../hooks/useSocketListeners';
 import logger from '../utils/logger';
-
-const PLAYER_COLORS = ['#3B82F6', '#EF4444', '#22C55E', '#F97316'];
-const PLAYER_TAILWIND = ['blue-500', 'red-500', 'green-500', 'orange-500'];
+import DabPreGame from './DabPreGame';
+
+const PLAYER_COLORS = ['#1a1a2e', '#c73e1d', '#2d4a8f', '#2f5233'];
+
+const addWobble = (x1, y1, x2, y2, seed = 0) => {
+  const segments = 8;
+  const wobbleAmount = 1.5;
+  const points = [];
+  for (let i = 0; i <= segments; i++) {
+    const t = i / segments;
+    const x = x1 + (x2 - x1) * t;
+    const y = y1 + (y2 - y1) * t;
+    const offsetX = Math.sin(seed + i * 2.3) * wobbleAmount;
+    const offsetY = Math.cos(seed + i * 1.7) * wobbleAmount;
+    points.push(`${x + offsetX},${y + offsetY}`);
+  }
+  return `M ${points[0]} ${points
+    .slice(1)
+    .map((p) => `L ${p}`)
+    .join(' ')}`;
+};
 
 const DabGame = () => {
-  const { socket, playerName, roomId, setRoomId } = useGameContext();
+  const { socket, playerName, roomId, setRoomId, clearRoomId, setGamePrefix, profile, setProfile } = useGameContext();
   const navigate = useNavigate();
 
   const [players, setPlayers] = useState([]);
@@ -29,490 +53,672 @@ const DabGame = () => {
   const [mode, setMode] = useState('classic');
   const [customRows, setCustomRows] = useState(5);
   const [customCols, setCustomCols] = useState(5);
-  const [customPlayers, setCustomPlayers] = useState(2);
   const [myPlayerIndex, setMyPlayerIndex] = useState(-1);
   const [isPaused, setIsPaused] = useState(false);
+  const [redoRequest, setRedoRequest] = useState(null);
 
   const [playLine] = useSound('/sounds/move.mp3', { volume: 0.5 });
   const [playBox] = useSound('/sounds/win.mp3', { volume: 0.7 });
 
-  const reconnectAttempted = useRef(false);
+  const handleLeave = useCallback(() => {
+    Swal.fire({
+      title: 'Leave Game?',
+      text: 'Are you sure you want to leave?',
+      icon: 'warning',
+      showCancelButton: true,
+      confirmButtonText: 'Yes, leave',
+      cancelButtonText: 'Stay',
+      customClass: { popup: sketchPopupClass },
+    }).then((result) => {
+      if (result.isConfirmed) {
+        socket.emit('dab_leaveRoom', roomId);
+        sessionStorage.removeItem('dab_reconnect');
+        clearRoomId(roomId);
+        navigate('/');
+      }
+    });
+  }, [socket, clearRoomId, navigate, roomId]);
+
+  const handleStart = useCallback(
+    ({ rows: gameRows, cols: gameCols }) => {
+      setRows(gameRows);
+      setCols(gameCols);
+      socket.emit('dab_startGame', { roomId, rows: gameRows, cols: gameCols });
+    },
+    [roomId, socket],
+  );
 
-  useEffect(() => {
-    if (!socket) return;
+  const handleJoin = useCallback(
+    (roomIdValue) => {
+      socket.emit('dab_joinRoom', {
+        roomId: roomIdValue,
+        playerName: profile.name || playerName,
+        avatarIcon: profile.avatarIcon,
+        color: profile.color,
+      });
+    },
+    [playerName, profile, socket],
+  );
 
-    const saved = sessionStorage.getItem('dab_reconnect');
-    if (saved && !reconnectAttempted.current) {
-      reconnectAttempted.current = true;
-      const { roomId: savedRoomId, playerId } = JSON.parse(saved);
-      logger.socket('➡️', 'dab_reconnect', { roomId: savedRoomId, playerId });
-      socket.emit('dab_reconnect', { roomId: savedRoomId, playerId });
-      setRoomId(savedRoomId);
-      return;
-    }
-
-    socket.on('dab_roomInfo', (room) => {
-      logger.socket('⬅️', 'dab_roomInfo', { roomId: room.id, gameState: room.gameState });
+  const { clearReconnect } = useReconnection({
+    socket,
+    gamePrefix: 'dab',
+    roomId,
+    onRestore: (room) => {
+      if (!room) return;
       setRoomId(room.id);
-      setPlayers(room.players);
-      setGameState(room.gameState);
+      setPlayers(room.players || []);
+      setGameState(room.gameState || 'waiting');
       setCurrentTurn(room.currentTurn);
       setRows(room.rows);
       setCols(room.cols);
-      setHorizontalLines(room.horizontalLines);
-      setVerticalLines(room.verticalLines);
-      setBoxes(room.boxes);
-      setScores(room.scores);
-      setLastMove(room.lastMove);
+      setHorizontalLines(room.horizontalLines || []);
+      setVerticalLines(room.verticalLines || []);
+      setBoxes(room.boxes || []);
+      setScores(room.scores || []);
+      setLastMove(room.lastMove || null);
       setIsPaused(room.gameState === 'paused');
-
-      const idx = room.players.findIndex(p => p.id === socket.id);
-      if (idx !== -1) {
-        setMyPlayerIndex(idx);
-        sessionStorage.setItem('dab_reconnect', JSON.stringify({ roomId: room.id, playerId: room.players[idx].id }));
+      setMyPlayerIndex((room.players || []).findIndex((p) => p.id === socket?.id));
+      if (room.settings) {
+        setMode(room.settings.mode || 'classic');
+        setCustomRows(room.settings.customRows || 5);
+        setCustomCols(room.settings.customCols || 5);
       }
-    });
-
-    socket.on('dab_gameStarted', ({ firstTurn }) => {
-      logger.socket('⬅️', 'dab_gameStarted', { firstTurn });
-      setGameState('playing');
-      setIsPaused(false);
-      Swal.fire({
-        title: 'Game Started!',
-        text: 'Draw lines to claim boxes!',
-        timer: 1500,
-        showConfirmButton: false,
-        customClass: { popup: 'glass rounded-3xl paper-font' }
-      });
-    });
-
-    socket.on('dab_gameRestarted', () => {
-      logger.socket('⬅️', 'dab_gameRestarted', 'Game restarted');
-      setGameState('waiting');
-      setCurrentTurn(0);
-      setHorizontalLines(rowsArray => Array(rows).fill(null).map(() => Array(cols).fill(null)));
-      setVerticalLines(rowsArray => Array(rows).fill(null).map(() => Array(cols + 1).fill(null)));
-      setBoxes(rowsArray => Array(rows).fill(null).map(() => Array(cols).fill(null)));
-      setScores(Array(players.length).fill(0));
-      setLastMove(null);
-      setIsPaused(false);
-      Swal.fire({
-        title: 'Game Restarted',
-        text: 'New game starting!',
-        timer: 1500,
-        showConfirmButton: false,
-        customClass: { popup: 'glass rounded-3xl paper-font' }
-      });
-    });
-
-    socket.on('dab_moveResult', ({ lineType, r, c, claimedBoxes, scores: newScores, currentTurn: newTurn, playerIndex: movePlayerIndex }) => {
-       logger.socket('⬅️', 'dab_moveResult', { claimedBoxes, scores: newScores });
-       playLine();
-
-       setHorizontalLines(prev => {
-         const copy = prev.map(row => [...row]);
-         if (lineType === 'h') copy[r][c] = movePlayerIndex;
-         return copy;
-       });
-       setVerticalLines(prev => {
-         const copy = prev.map(row => [...row]);
-         if (lineType === 'v') copy[r][c] = movePlayerIndex;
-         return copy;
-       });
-
-       if (claimedBoxes.length > 0) {
-         playBox();
-         setBoxes(prev => {
-           const copy = prev.map(row => [...row]);
-           for (const box of claimedBoxes) {
-             copy[box.r][box.c] = movePlayerIndex;
-           }
-           return copy;
-         });
-       }
-
-      setScores(newScores);
-      setCurrentTurn(newTurn);
-    });
-
-    socket.on('dab_gameOver', ({ winner, scores: finalScores, winners }) => {
-      logger.socket('⬅️', 'dab_gameOver', { winner, winners });
-      setGameState('ended');
-      setScores(finalScores);
-      sessionStorage.removeItem('dab_reconnect');
-
-      confetti({ particleCount: 150, spread: 70, origin: { y: 0.6 } });
+    },
+  });
+
+  useSocketListeners(
+    socket,
+    {
+      dab_gameStarted: () => {
+        logger.socket('⬅️', 'dab_gameStarted');
+        setGameState('playing');
+        setIsPaused(false);
+        Swal.fire({
+          title: 'Game Started!',
+          text: 'Draw lines to claim boxes!',
+          timer: 1500,
+          showConfirmButton: false,
+          customClass: { popup: sketchPopupClass },
+        });
+      },
+      dab_gameRestarted: () => {
+        logger.socket('⬅️', 'dab_gameRestarted');
+        setGameState('waiting');
+        setCurrentTurn(0);
+        setHorizontalLines(Array.from({ length: rows }, () => Array(cols).fill(null)));
+        setVerticalLines(Array.from({ length: rows }, () => Array(cols + 1).fill(null)));
+        setBoxes(Array.from({ length: rows }, () => Array(cols).fill(null)));
+        setScores(Array(players.length).fill(0));
+        setLastMove(null);
+        setIsPaused(false);
+        Swal.fire({
+          title: 'Game Restarted',
+          text: 'New game starting!',
+          timer: 1500,
+          showConfirmButton: false,
+          customClass: { popup: sketchPopupClass },
+        });
+      },
+      dab_moveResult: ({
+        lineType,
+        r,
+        c,
+        claimedBoxes,
+        scores: newScores,
+        currentTurn: newTurn,
+        playerIndex: movePlayerIndex,
+      }) => {
+        playLine();
+        setHorizontalLines((prev) => {
+          const copy = prev.map((row) => [...row]);
+          if (lineType === 'h') copy[r][c] = movePlayerIndex;
+          return copy;
+        });
+        setVerticalLines((prev) => {
+          const copy = prev.map((row) => [...row]);
+          if (lineType === 'v') copy[r][c] = movePlayerIndex;
+          return copy;
+        });
+        if (claimedBoxes && claimedBoxes.length > 0) {
+          playBox();
+          const playerColor = players[movePlayerIndex]?.color || PLAYER_COLORS[movePlayerIndex] || '#2a2a3e';
+          confetti({
+            particleCount: 25,
+            spread: 35,
+            origin: { y: 0.6 },
+            colors: [playerColor],
+            decay: 0.85,
+            gravity: 0.5,
+          });
+          setBoxes((prev) => {
+            const copy = prev.map((row) => [...row]);
+            for (const box of claimedBoxes) copy[box.r][box.c] = movePlayerIndex;
+            return copy;
+          });
+        }
+        setScores(newScores);
+        setCurrentTurn(newTurn);
+        setLastMove({ lineType, r, c });
+      },
+      dab_gameOver: ({ winner, scores: finalScores }) => {
+        logger.socket('⬅️', 'dab_gameOver');
+        setGameState('ended');
+        setScores(finalScores);
+        sessionStorage.removeItem('dab_reconnect');
+        confetti({ particleCount: 150, spread: 70, origin: { y: 0.6 } });
+        if (!winner) {
+          Swal.fire({
+            title: "It's a Tie!",
+            text: 'Multiple players share the top score!',
+            icon: 'info',
+            customClass: { popup: sketchPopupClass },
+          });
+        }
+      },
+      dab_playerLeft: ({ playerId }) => {
+        setPlayers((prev) => prev.map((p) => (p.id === playerId ? { ...p, connected: false } : p)));
+      },
+      dab_playerReconnected: ({ playerId }) => {
+        setPlayers((prev) => prev.map((p) => (p.id === playerId ? { ...p, connected: true } : p)));
+        setIsPaused(false);
+      },
+      dab_gamePaused: () => setIsPaused(true),
+      dab_redoRequested: ({ requesterId }) => setRedoRequest(requesterId),
+      dab_redoCancelled: () => setRedoRequest(null),
+      dab_moveUndone: ({ horizontalLines: h, verticalLines: v, boxes: b, scores: s, currentTurn: t }) => {
+        setHorizontalLines(h);
+        setVerticalLines(v);
+        setBoxes(b);
+        setScores(s);
+        setCurrentTurn(t);
+        setLastMove(null);
+        setRedoRequest(null);
+      },
+    },
+    [rows, cols, players, playBox, playLine, roomId],
+  );
 
-      if (winner) {
-        const winnerName = players.find(p => p.id === winner)?.name || 'Player';
+  useSocketListeners(
+    socket,
+    {
+      dab_redoResponse: ({ accepted, reason, requesterId, requesterName }) => {
+        if (!accepted) {
+          setRedoRequest(null);
+          if (reason === 'Requester disconnected.') {
+            Swal.fire({
+              title: 'Redo Failed',
+              text: 'The player who requested undo disconnected.',
+              icon: 'info',
+              customClass: { popup: sketchPopupClass },
+            });
+          } else {
+            const name = requesterName || players.find((p) => p.id === requesterId)?.name || 'Someone';
+            Swal.fire({
+              title: 'Undo Denied',
+              text: `${name}'s undo request was denied.`,
+              icon: 'warning',
+              customClass: { popup: sketchPopupClass },
+            });
+          }
+        } else {
+          setRedoRequest(null);
+        }
+      },
+      dab_reconnectFailed: ({ reason, roomId }) => {
         Swal.fire({
-          title: 'Victory!',
-          text: `${winnerName} wins!`,
-          icon: 'success',
-          customClass: { popup: 'glass rounded-3xl paper-font' }
+          title: 'Reconnection Failed',
+          text:
+            reason === 'room_not_found'
+              ? 'The room no longer exists.'
+              : reason === 'player_not_found'
+                ? 'Your player session was not found.'
+                : reason === 'game_already_ended'
+                  ? 'The game has ended.'
+                  : 'Could not reconnect to the game.',
+          icon: 'error',
+          customClass: { popup: sketchPopupClass },
+        }).then(() => {
+          sessionStorage.removeItem('dab_reconnect');
+          clearRoomId(roomId);
+          navigate('/');
         });
-      } else {
+      },
+      server_shutdown: ({ message }) => {
         Swal.fire({
-          title: "It's a Tie!",
-          text: 'Multiple players share the top score!',
+          title: 'Server Shutting Down',
+          text: message || 'The server is going down for maintenance.',
           icon: 'info',
-          customClass: { popup: 'glass rounded-3xl paper-font' }
+          customClass: { popup: sketchPopupClass },
+        }).then(() => {
+          sessionStorage.removeItem('dab_reconnect');
+          clearRoomId(roomId);
+          navigate('/');
         });
-      }
-    });
+      },
+    },
+    [players, clearRoomId, roomId, navigate],
+  );
 
-    socket.on('dab_playerLeft', ({ playerId }) => {
-      logger.socket('⬅️', 'dab_playerLeft', { playerId });
-      setPlayers(prev => prev.map(p => p.id === playerId ? { ...p, connected: false } : p));
-    });
+  useEffect(() => {
+    if (!socket) return;
+    setGamePrefix('dab');
+    logger.socket('➡️', 'dab_requestRoomInfo', { roomId });
+    if (roomId) socket.emit('dab_requestRoomInfo', roomId);
+  }, [socket, roomId, setGamePrefix]);
 
-    socket.on('dab_gamePaused', ({ reason }) => {
-      logger.socket('⬅️', 'dab_gamePaused', { reason });
-      setIsPaused(true);
-      Swal.fire({
-        title: 'Game Paused',
-        text: reason,
-        icon: 'warning',
-        customClass: { popup: 'glass rounded-3xl paper-font' }
-      });
-    });
+  const handleRestartGame = useCallback(() => {
+    socket.emit('dab_restartGame', roomId);
+  }, [roomId, socket]);
+
+  const handleLeaveRoom = useCallback(() => {
+    handleLeave();
+  }, [handleLeave]);
+
+  const handleStartGame = useCallback(() => {
+    if (!roomId) return;
+    handleStart({ rows, cols });
+  }, [handleStart, roomId, rows, cols]);
+
+  const handleUndoRequest = useCallback(() => {
+    socket.emit('dab_requestRedo', roomId);
+  }, [roomId, socket]);
+
+  const handleUndoResponse = useCallback(
+    (accept) => {
+      socket.emit('dab_respondRedo', { roomId, accept });
+    },
+    [roomId, socket],
+  );
 
-    socket.on('dab_alert', ({ icon, title, text }) => {
-      logger.socket('⬅️', 'dab_alert', { icon, title, text });
-      Swal.fire({ icon, title, text, customClass: { popup: 'glass rounded-3xl paper-font' } });
-    });
+  const handleLineClick = useCallback(
+    (lineType, r, c) => {
+      if (gameState !== 'playing' || isPaused || myPlayerIndex !== currentTurn) return;
+      const arr = lineType === 'h' ? horizontalLines : verticalLines;
+      if (arr[r]?.[c] !== null) return;
+      socket.emit('dab_makeMove', { roomId, lineType, r, c });
+    },
+    [gameState, isPaused, myPlayerIndex, currentTurn, horizontalLines, verticalLines, roomId, socket],
+  );
 
-    return () => {
-      socket.off('dab_roomInfo');
-      socket.off('dab_gameStarted');
-      socket.off('dab_gameRestarted');
-      socket.off('dab_moveResult');
-      socket.off('dab_gameOver');
-      socket.off('dab_playerLeft');
-      socket.off('dab_gamePaused');
-      socket.off('dab_alert');
-    };
-  }, [socket, players, setRoomId, playLine, playBox]);
-
-  const handleCreateRoom = () => {
-    let r = rows, c = cols, maxP = customPlayers;
-    if (mode === 'custom') {
-      r = customRows;
-      c = customCols;
-      maxP = customPlayers;
-    }
-    logger.socket('➡️', 'dab_createRoom', { mode, customRows: r, customCols: c, customPlayers: maxP, playerName });
-    socket.emit('dab_createRoom', { mode, customRows: r, customCols: c, customPlayers: maxP, playerName });
-  };
-
-  const handleJoinRoom = async () => {
-    const { value: joinRoomId } = await Swal.fire({
-      title: 'Join Room',
-      input: 'text',
-      inputPlaceholder: 'Enter Room ID',
-      showCancelButton: true,
-      customClass: { popup: 'glass rounded-3xl paper-font' }
-    });
-    if (joinRoomId) {
-      logger.socket('➡️', 'dab_joinRoom', { roomId: joinRoomId.toUpperCase(), playerName });
-      socket.emit('dab_joinRoom', { roomId: joinRoomId.toUpperCase(), playerName });
-    }
-  };
-
-  const handleLineClick = useCallback((lineType, r, c, e) => {
-    e.stopPropagation();
-    logger.socket('➡️', 'dab_makeMove', { roomId, lineType, r, c, gameState, currentTurn, myPlayerIndex });
-    if (gameState !== 'playing' || isPaused) return;
-    if (currentTurn !== myPlayerIndex) return;
-
-    socket.emit('dab_makeMove', { roomId, lineType, r, c });
-  }, [gameState, isPaused, currentTurn, myPlayerIndex, roomId, socket]);
-
-  const handleRestartGame = () => {
-    logger.socket('➡️', 'dab_restartGame', { roomId, playerId: socket.id });
-    socket.emit('dab_restartGame', roomId);
-  };
-
-  const handleLeaveRoom = () => {
-    sessionStorage.removeItem('dab_reconnect');
-    setRoomId(null);
-    setPlayers([]);
-    setGameState('waiting');
-    setBoxes([]);
-    setHorizontalLines([]);
-    setVerticalLines([]);
-    setScores([]);
-    setMyPlayerIndex(-1);
-    setIsPaused(false);
-  };
-
-  const spacing = 40;
+  const isHost = roomId && players[0]?.id === socket?.id;
+
+  const customizationSlot = (
+    <div className="space-y-3">
+      <p className="paper-font text-sm text-ink/60">Game Mode</p>
+      <div className="grid grid-cols-3 gap-2">
+        {['classic', 'extended', 'marathon'].map((m) => (
+          <SketchButton key={m} onClick={() => setMode(m)} className={mode === m ? 'bg-ink text-white' : ''}>
+            {m}
+          </SketchButton>
+        ))}
+      </div>
+      <SketchButton onClick={() => setMode('custom')} className={mode === 'custom' ? 'bg-ink text-white' : ''}>
+        Custom Size
+      </SketchButton>
+      {mode === 'custom' && (
+        <div className="space-y-3">
+          <div>
+            <label className="paper-font text-sm text-ink/70">Rows: {customRows}</label>
+            <input
+              type="range"
+              min="3"
+              max="30"
+              value={customRows}
+              onChange={(e) => setCustomRows(Number(e.target.value))}
+              className="w-full"
+            />
+          </div>
+          <div>
+            <label className="paper-font text-sm text-ink/70">Columns: {customCols}</label>
+            <input
+              type="range"
+              min="3"
+              max="30"
+              value={customCols}
+              onChange={(e) => setCustomCols(Number(e.target.value))}
+              className="w-full"
+            />
+          </div>
+        </div>
+      )}
+    </div>
+  );
+
+  const spacing = 60;
   const dotRadius = 4;
   const lineWidth = 3;
-  const hitLineWidth = 16;
+  const hitLineWidth = 20;
   const svgWidth = cols * spacing;
   const svgHeight = rows * spacing;
 
-  return (
-    <div className="min-h-screen flex flex-col items-center justify-center p-2 sm:p-4">
-      <RetroButton
-        onClick={() => navigate('/')}
-        variant="secondary"
-        className="absolute top-2 sm:top-8 left-2 sm:left-8 flex items-center gap-1 sm:gap-2 text-xs sm:text-base px-2 sm:px-4"
-      >
-        <ArrowLeft size={14} className="sm:w-[18px]" />
-        <span className="hidden sm:inline">Back</span>
-      </RetroButton>
-
-      <h1 className="text-3xl sm:text-5xl md:text-6xl hand-drawn mb-4 sm:mb-8 text-blue-600">Dots & Boxes</h1>
-
-      {!roomId ? (
-        <div className="w-full max-w-md">
-          <div className="glass p-4 sm:p-6 rounded-xl sm:rounded-2xl mb-4 space-y-4">
-            <div>
-              <label className="paper-font text-gray-600 text-sm mb-1 block">Mode</label>
-              <select
-                value={mode}
-                onChange={(e) => setMode(e.target.value)}
-                className="w-full bg-white/50 border border-gray-300 rounded-lg px-3 py-2 paper-font"
-              >
-                <option value="classic">Classic (9×9)</option>
-                <option value="extended">Extended (14×14)</option>
-                <option value="marathon">Marathon (19×19)</option>
-                <option value="custom">Custom</option>
-              </select>
-            </div>
-
-            {mode === 'custom' && (
-              <div className="space-y-3">
-                <div className="flex gap-3">
-                  <div className="flex-1">
-                    <label className="paper-font text-gray-600 text-sm mb-1 block">Rows (1-30)</label>
-                    <input
-                      type="number"
-                      min={1}
-                      max={30}
-                      value={customRows}
-                      onChange={(e) => setCustomRows(Math.max(1, Math.min(30, parseInt(e.target.value) || 1)))}
-                      className="w-full bg-white/50 border border-gray-300 rounded-lg px-3 py-2 paper-font"
-                    />
-                  </div>
-                  <div className="flex-1">
-                    <label className="paper-font text-gray-600 text-sm mb-1 block">Cols (1-30)</label>
-                    <input
-                      type="number"
-                      min={1}
-                      max={30}
-                      value={customCols}
-                      onChange={(e) => setCustomCols(Math.max(1, Math.min(30, parseInt(e.target.value) || 1)))}
-                      className="w-full bg-white/50 border border-gray-300 rounded-lg px-3 py-2 paper-font"
-                    />
-                  </div>
-                </div>
-                <div>
-                  <label className="paper-font text-gray-600 text-sm mb-1 block">Players (2-4)</label>
-                  <input
-                    type="number"
-                    min={2}
-                    max={4}
-                    value={customPlayers}
-                    onChange={(e) => setCustomPlayers(Math.max(2, Math.min(4, parseInt(e.target.value) || 2)))}
-                    className="w-full bg-white/50 border border-gray-300 rounded-lg px-3 py-2 paper-font"
-                  />
-                </div>
-              </div>
-            )}
+  if (!roomId) {
+    return (
+      <DabPreGame
+        profile={profile}
+        setProfile={setProfile}
+        mode={mode}
+        setMode={setMode}
+        customRows={customRows}
+        setCustomRows={setCustomRows}
+        customCols={customCols}
+        setCustomCols={setCustomCols}
+        onStart={handleStart}
+        onJoin={handleJoin}
+      />
+    );
+  }
+
+  if (gameState === 'waiting') {
+    return (
+      <GameLobby
+        gameName="Dots & Boxes"
+        roomId={roomId}
+        players={players}
+        spectators={[]}
+        isHost={!!isHost}
+        minPlayers={2}
+        onStart={handleStartGame}
+        onLeave={handleLeaveRoom}
+        showJoinInput
+        customizationSlot={customizationSlot}
+        startLabel="Start Party!"
+        profile={profile}
+        onProfileChange={(next) => setProfile(next)}
+      />
+    );
+  }
+
+  if (gameState === 'ended') {
+    return (
+      <MatchReport
+        winner={null}
+        isWinner={false}
+        scores={scores.map((score, idx) => ({
+          name: players[idx]?.name || `Player ${idx + 1}`,
+          score: typeof score === 'number' ? score : (score?.value ?? 0),
+        }))}
+        players={players}
+        onRematch={handleRestartGame}
+        onNewRoom={handleLeaveRoom}
+      />
+    );
+  }
 
-            <div className="flex gap-3 pt-2">
-              <RetroButton onClick={handleCreateRoom} className="flex-1 text-sm sm:text-base px-3 py-2">Create Room</RetroButton>
-              <RetroButton onClick={handleJoinRoom} variant="secondary" className="flex-1 text-sm sm:text-base px-3 py-2">Join Room</RetroButton>
-            </div>
+  return (
+    <GameLayout players={players}>
+      <div className="w-full p-4">
+        <div className="max-w-6xl mx-auto">
+          <div className="mb-4">
+            <SketchButton onClick={handleLeaveRoom} style={{ background: '#fff0f0' }}>
+              <ArrowLeft className="inline mr-1" size={20} />
+              Leave Game
+            </SketchButton>
           </div>
-        </div>
-      ) : (
-        <div className="w-full max-w-4xl">
-          <div className="glass p-2 sm:p-4 rounded-xl sm:rounded-2xl mb-3 sm:mb-6">
-            <div className="flex flex-wrap items-center justify-between gap-2 mb-3">
-              <div className="paper-font text-gray-600 flex items-center gap-2 text-xs sm:text-base">
-                <SwatchBook size={14} className="sm:w-[18px] text-blue-500" />
-                <span className="hidden sm:inline">Room:</span>
-                <span className="font-bold text-blue-600 uppercase">{roomId}</span>
-              </div>
-              <RetroButton onClick={handleLeaveRoom} variant="secondary" className="text-xs px-2 py-1">
-                Leave
-              </RetroButton>
-            </div>
 
-            <div className="flex flex-wrap gap-2 sm:gap-4 mb-3">
-              {players.map((p, i) => (
-                <div
-                  key={p.id}
-                  className={`flex items-center gap-2 paper-font text-xs sm:text-sm px-3 py-1 rounded-full transition-all ${
-                    i === currentTurn && gameState === 'playing' && !isPaused
-                      ? `bg-${PLAYER_TAILWIND[i]}/20 scale-105 ring-2 ring-${PLAYER_TAILWIND[i]}`
-                      : 'opacity-60'
-                  } ${!p.connected ? 'grayscale' : ''}`}
-                >
-                  <div className="w-3 h-3 rounded-full" style={{ backgroundColor: PLAYER_COLORS[i] }} />
-                  <span className="font-bold">{p.name.length > 10 ? p.name.slice(0, 10) + '...' : p.name}</span>
-                  <span className="font-mono text-sm">{scores[i] || 0}</span>
-                  {!p.connected && <span className="text-gray-400 text-xs">(DC)</span>}
-                  {i === currentTurn && gameState === 'playing' && !isPaused && p.connected && (
-                    <div className="w-2 h-2 rounded-full animate-pulse" style={{ backgroundColor: PLAYER_COLORS[i] }} />
-                  )}
+          <div className="grid grid-cols-1 lg:grid-cols-3 gap-6">
+            <div className="lg:col-span-1 space-y-4">
+              <SketchCard className="p-4">
+                <h3 className="font-sketch text-2xl mb-3 text-ink flex items-center gap-2">
+                  <Trophy size={24} />
+                  Scoreboard
+                </h3>
+                <div className="space-y-2">
+                  {players.map((p, idx) => (
+                    <div
+                      key={p.id}
+                      className={`flex items-center justify-between p-2 rounded border-2 border-dashed ${
+                        idx === currentTurn && gameState === 'playing'
+                          ? 'border-current bg-yellow-50'
+                          : 'border-gray-300'
+                      }`}
+                      style={{
+                        color: players[idx]?.color || PLAYER_COLORS[idx],
+                        transform: `rotate(${idx % 2 ? 0.5 : -0.5}deg)`,
+                      }}
+                    >
+                      <div className="flex items-center gap-2">
+                        <PlayerAvatar avatarIcon={p.avatarIcon} color={p.color} size={20} />
+                        <span className="font-handwriting font-bold">
+                          {p.name}
+                          {idx === myPlayerIndex && ' (You)'}
+                        </span>
+                      </div>
+                      <span className="font-sketch text-2xl font-bold">
+                        {typeof scores[idx] === 'number' ? scores[idx] : 0}
+                      </span>
+                    </div>
+                  ))}
                 </div>
-              ))}
-            </div>
+              </SketchCard>
+
+              <UndoUI
+                requesterId={redoRequest}
+                players={players}
+                currentTurn={currentTurn}
+                myPlayerIndex={myPlayerIndex}
+                onAllow={() => handleUndoResponse(true)}
+                onDeny={() => handleUndoResponse(false)}
+              />
+
+              {gameState === 'playing' && (
+                <SketchCard className="p-4">
+                  {myPlayerIndex === currentTurn ? (
+                    <div className="text-center">
+                      <div
+                        className="w-8 h-8 rounded-full mx-auto mb-2 border-2"
+                        style={{ backgroundColor: players[myPlayerIndex]?.color || PLAYER_COLORS[myPlayerIndex] }}
+                      />
+                      <p className="font-sketch text-xl text-ink font-bold">Your Turn!</p>
+                      <p className="font-handwriting text-sm text-gray-600">Draw a line</p>
+                    </div>
+                  ) : (
+                    <div className="text-center">
+                      <div
+                        className="w-8 h-8 rounded-full mx-auto mb-2 border-2"
+                        style={{ backgroundColor: players[currentTurn]?.color || PLAYER_COLORS[currentTurn] }}
+                      />
+                      <p className="font-handwriting text-gray-600">
+                        Waiting for <span className="font-bold text-ink">{players[currentTurn]?.name}</span>...
+                      </p>
+                      {lastMove && players.length > 1 && myPlayerIndex === (currentTurn + 1) % players.length && (
+                        <SketchButton onClick={handleUndoRequest} className="mt-2 text-sm">
+                          <Undo2 className="inline" size={14} /> Request Undo
+                        </SketchButton>
+                      )}
+                    </div>
+                  )}
+                </SketchCard>
+              )}
 
-            {gameState === 'playing' && !isPaused && (
-              <div className="text-center paper-font text-xs sm:text-sm text-gray-700">
-                {currentTurn === myPlayerIndex ? (
-                  <span className="text-blue-600 font-bold animate-pulse">Your turn!</span>
-                ) : (
-                  <span>Waiting for {players[currentTurn]?.name}...</span>
-                )}
-              </div>
-            )}
-            {isPaused && (
-              <div className="text-center paper-font text-sm text-yellow-600 font-bold animate-pulse">
-                Game Paused — Waiting for players to reconnect
-              </div>
-            )}
-            {gameState === 'ended' && (
-              <div className="text-center paper-font text-sm text-green-600 font-bold">
-                Game Over!
-              </div>
-            )}
-            {gameState === 'ended' && (
-              <RetroButton onClick={handleRestartGame} className="mt-2 mx-auto">
-                Play Again
-              </RetroButton>
-            )}
-          </div>
+              {isPaused && (
+                <SketchCard className="p-4 bg-yellow-50">
+                  <p className="font-handwriting text-center text-ink font-bold">Game Paused</p>
+                  <p className="font-handwriting text-sm text-center text-gray-600">Waiting for players to reconnect</p>
+                </SketchCard>
+              )}
+            </div>
 
-          <div className="glass p-2 sm:p-4 rounded-xl sm:rounded-2xl overflow-hidden">
-            <TransformWrapper
-              initialScale={Math.min(1, 600 / Math.max(svgWidth, svgHeight))}
-              minScale={0.3}
-              maxScale={3}
-              limitToBounds
-              centerOnInit
-            >
-              {({ zoomIn, zoomOut, resetTransform }) => (
-                <>
-                  <div className="absolute top-2 right-2 z-10 flex gap-1">
-                    <button onClick={() => zoomIn(0.2)} className="bg-white/80 rounded-full p-1 shadow hover:bg-white"><Plus size={16} /></button>
-                    <button onClick={() => zoomOut(0.2)} className="bg-white/80 rounded-full p-1 shadow hover:bg-white"><Minus size={16} /></button>
-                    <button onClick={() => resetTransform()} className="bg-white/80 rounded-full p-1 shadow hover:bg-white"><RotateCcw size={16} /></button>
-                  </div>
-              <TransformComponent>
-                <div className="select-none" style={{ touchAction: 'none' }}>
-                  <svg
-                    viewBox={`-20 -20 ${svgWidth + 40} ${svgHeight + 40}`}
-                    className="w-full h-auto"
-                    style={{ minWidth: `${svgWidth}px` }}
+            <div className="lg:col-span-2">
+              <SketchCard className="p-4 overflow-hidden">
+                {svgWidth > 0 && svgHeight > 0 ? (
+                  <TransformWrapper
+                    initialScale={Math.min(1, 600 / Math.max(svgWidth, svgHeight))}
+                    minScale={0.3}
+                    maxScale={3}
+                    limitToBounds
+                    centerOnInit
                   >
-                    {boxes.map((row, r) =>
-                      row.map((boxOwner, c) =>
-                        boxOwner !== null ? (
-                          <rect
-                            key={`box-${r}-${c}`}
-                            x={c * spacing}
-                            y={r * spacing}
-                            width={spacing}
-                            height={spacing}
-                            fill={PLAYER_COLORS[boxOwner]}
-                            opacity={0.3}
-                          />
-                        ) : null
-                      )
+                    {({ zoomIn, zoomOut, resetTransform }) => (
+                      <>
+                        <div className="absolute top-2 right-2 z-10 flex gap-2">
+                          <button onClick={() => zoomIn(0.2)} className="sketch-button p-2 bg-white" title="Zoom In">
+                            <Plus size={16} />
+                          </button>
+                          <button onClick={() => zoomOut(0.2)} className="sketch-button p-2 bg-white" title="Zoom Out">
+                            <Minus size={16} />
+                          </button>
+                          <button onClick={() => resetTransform()} className="sketch-button p-2 bg-white" title="Reset">
+                            <RotateCcw size={16} />
+                          </button>
+                        </div>
+                        <TransformComponent>
+                          <div className="select-none pointer-events-none" style={{ touchAction: 'none' }}>
+                            <svg
+                              className="pointer-events-auto block"
+                              width={svgWidth}
+                              height={svgHeight}
+                              viewBox={`-20 -20 ${svgWidth + 40} ${svgHeight + 40}`}
+                              style={{ background: '#fffef9', borderRadius: '4px' }}
+                            >
+                              <defs>
+                                <filter id="paper-texture">
+                                  <feTurbulence type="fractalNoise" baseFrequency="0.9" numOctaves="4" result="noise" />
+                                  <feDiffuseLighting in="noise" lightingColor="#f5f1e8" surfaceScale="1">
+                                    <feDistantLight azimuth="45" elevation="60" />
+                                  </feDiffuseLighting>
+                                </filter>
+                              </defs>
+
+                              {boxes.map((row, r) =>
+                                row.map((boxOwner, c) =>
+                                  boxOwner !== null ? (
+                                    <g key={`box-${r}-${c}`}>
+                                      <rect
+                                        x={c * spacing}
+                                        y={r * spacing}
+                                        width={spacing}
+                                        height={spacing}
+                                        fill={PLAYER_COLORS[boxOwner]}
+                                        opacity={0.15}
+                                      />
+                                      <path
+                                        d={`M ${c * spacing} ${r * spacing} L ${(c + 1) * spacing} ${(r + 1) * spacing} M ${(c + 1) * spacing} ${r * spacing} L ${c * spacing} ${(r + 1) * spacing}`}
+                                        stroke={PLAYER_COLORS[boxOwner]}
+                                        strokeWidth="1"
+                                        opacity="0.3"
+                                        strokeDasharray="3,3"
+                                      />
+                                    </g>
+                                  ) : null,
+                                ),
+                              )}
+
+                              {Array.from({ length: rows + 1 }, (_, r) =>
+                                Array.from({ length: cols }, (_, c) => {
+                                  const owner = horizontalLines[r]?.[c];
+                                  const seed = r * 100 + c;
+                                  const isLastMoveLine =
+                                    lastMove && lastMove.lineType === 'h' && lastMove.r === r && lastMove.c === c;
+                                  return (
+                                    <g key={`h-${r}-${c}`}>
+                                      {owner !== null && (
+                                        <path
+                                          d={addWobble(c * spacing, r * spacing, (c + 1) * spacing, r * spacing, seed)}
+                                          stroke={PLAYER_COLORS[owner]}
+                                          strokeWidth={lineWidth}
+                                          fill="none"
+                                          strokeLinecap="round"
+                                          vectorEffect="non-scaling-stroke"
+                                          style={{
+                                            filter: isLastMoveLine ? 'drop-shadow(0 0 4px #38bdf8)' : undefined,
+                                          }}
+                                        />
+                                      )}
+                                      <line
+                                        x1={c * spacing}
+                                        y1={r * spacing}
+                                        x2={(c + 1) * spacing}
+                                        y2={r * spacing}
+                                        stroke="transparent"
+                                        strokeWidth={hitLineWidth}
+                                        style={{ cursor: 'pointer', pointerEvents: 'stroke' }}
+                                        onPointerDown={(e) => {
+                                          e.stopPropagation();
+                                          handleLineClick('h', r, c);
+                                        }}
+                                      />
+                                    </g>
+                                  );
+                                }),
+                              )}
+
+                              {Array.from({ length: rows }, (_, r) =>
+                                Array.from({ length: cols + 1 }, (_, c) => {
+                                  const owner = verticalLines[r]?.[c];
+                                  const seed = r * 100 + c + 1000;
+                                  const isLastMoveLine =
+                                    lastMove && lastMove.lineType === 'v' && lastMove.r === r && lastMove.c === c;
+                                  return (
+                                    <g key={`v-${r}-${c}`}>
+                                      {owner !== null && (
+                                        <path
+                                          d={addWobble(c * spacing, r * spacing, c * spacing, (r + 1) * spacing, seed)}
+                                          stroke={PLAYER_COLORS[owner]}
+                                          strokeWidth={lineWidth}
+                                          fill="none"
+                                          strokeLinecap="round"
+                                          vectorEffect="non-scaling-stroke"
+                                          style={{
+                                            filter: isLastMoveLine ? 'drop-shadow(0 0 4px #38bdf8)' : undefined,
+                                          }}
+                                        />
+                                      )}
+                                      <line
+                                        x1={c * spacing}
+                                        y1={r * spacing}
+                                        x2={c * spacing}
+                                        y2={(r + 1) * spacing}
+                                        stroke="transparent"
+                                        strokeWidth={hitLineWidth}
+                                        style={{ cursor: 'pointer', pointerEvents: 'stroke' }}
+                                        onPointerDown={(e) => {
+                                          e.stopPropagation();
+                                          handleLineClick('v', r, c);
+                                        }}
+                                      />
+                                    </g>
+                                  );
+                                }),
+                              )}
+
+                              {Array.from({ length: rows + 1 }, (_, r) =>
+                                Array.from({ length: cols + 1 }, (_, c) => {
+                                  const seed = r * 1000 + c;
+                                  const offsetX = Math.sin(seed * 0.1) * 0.5;
+                                  const offsetY = Math.cos(seed * 0.1) * 0.5;
+                                  return (
+                                    <circle
+                                      key={`dot-${r}-${c}`}
+                                      cx={c * spacing + offsetX}
+                                      cy={r * spacing + offsetY}
+                                      r={dotRadius}
+                                      fill="#2a2a3e"
+                                      vectorEffect="non-scaling-stroke"
+                                      style={{ pointerEvents: 'none' }}
+                                    />
+                                  );
+                                }),
+                              )}
+                            </svg>
+                          </div>
+                        </TransformComponent>
+                      </>
                     )}
-
-                    {Array.from({ length: rows + 1 }, (_, r) =>
-                      Array.from({ length: cols }, (_, c) => {
-                        const owner = horizontalLines[r]?.[c];
-                        return (
-                          <g key={`h-${r}-${c}`}>
-                            {owner !== null && (
-                              <line
-                                x1={c * spacing}
-                                y1={r * spacing}
-                                x2={(c + 1) * spacing}
-                                y2={r * spacing}
-                                stroke={PLAYER_COLORS[owner]}
-                                strokeWidth={lineWidth}
-                                vectorEffect="non-scaling-stroke"
-                              />
-                            )}
-                            <line
-                              x1={c * spacing}
-                              y1={r * spacing}
-                              x2={(c + 1) * spacing}
-                              y2={r * spacing}
-                              stroke="transparent"
-                              strokeWidth={hitLineWidth}
-                              style={{ cursor: 'pointer', pointerEvents: 'stroke' }}
-                              onPointerDown={(e) => handleLineClick('h', r, c, e)}
-                            />
-                          </g>
-                        );
-                      })
-                    )}
-
-                    {Array.from({ length: rows }, (_, r) =>
-                      Array.from({ length: cols + 1 }, (_, c) => {
-                        const owner = verticalLines[r]?.[c];
-                        return (
-                          <g key={`v-${r}-${c}`}>
-                            {owner !== null && (
-                              <line
-                                x1={c * spacing}
-                                y1={r * spacing}
-                                x2={c * spacing}
-                                y2={(r + 1) * spacing}
-                                stroke={PLAYER_COLORS[owner]}
-                                strokeWidth={lineWidth}
-                                vectorEffect="non-scaling-stroke"
-                              />
-                            )}
-                            <line
-                              x1={c * spacing}
-                              y1={r * spacing}
-                              x2={c * spacing}
-                              y2={(r + 1) * spacing}
-                              stroke="transparent"
-                              strokeWidth={hitLineWidth}
-                              style={{ cursor: 'pointer', pointerEvents: 'stroke' }}
-                              onPointerDown={(e) => handleLineClick('v', r, c, e)}
-                            />
-                          </g>
-                        );
-                      })
-                    )}
-
-                    {Array.from({ length: rows + 1 }, (_, r) =>
-                      Array.from({ length: cols + 1 }, (_, c) => (
-                        <circle
-                          key={`dot-${r}-${c}`}
-                          cx={c * spacing}
-                          cy={r * spacing}
-                          r={dotRadius}
-                          fill="#333"
-                          vectorEffect="non-scaling-stroke"
-                          style={{ pointerEvents: 'none' }}
-                        />
-                      ))
-                    )}
-                  </svg>
-                </div>
-              </TransformComponent>
-                </>
-              )}
-            </TransformWrapper>
+                  </TransformWrapper>
+                ) : (
+                  <div className="flex items-center justify-center p-8">
+                    <p className="font-handwriting text-gray-400 slide-texture">Loading...</p>
+                  </div>
+                )}
+              </SketchCard>
+            </div>
           </div>
         </div>
-      )}
-    </div>
+      </div>
+
+      <AvatarReactionBar socket={socket} roomId={roomId} gamePrefix="dab" players={players} />
+    </GameLayout>
   );
 };
 
diff --git a/pro/src/dab/DabGame.test.jsx b/pro/src/dab/DabGame.test.jsx
new file mode 100644
index 0000000..ea0a575
--- /dev/null
+++ b/pro/src/dab/DabGame.test.jsx
@@ -0,0 +1,232 @@
+import React from 'react';
+import { render, screen, fireEvent, act } from '@testing-library/react';
+import { describe, it, expect, vi, beforeEach } from 'vitest';
+import DabGame from './DabGame';
+import { GameProvider } from '../context/GameContext';
+import { ThemeProvider } from '../context/ThemeContext';
+import { BrowserRouter } from 'react-router-dom';
+
+const mockSocket = {
+  id: 'p1',
+  on: vi.fn(),
+  off: vi.fn(),
+  emit: vi.fn(),
+  disconnect: vi.fn(),
+};
+
+vi.mock('socket.io-client', () => ({ default: () => mockSocket }));
+vi.mock('use-sound', () => ({ default: () => [vi.fn()] }));
+vi.mock('canvas-confetti', () => ({ default: vi.fn() }));
+vi.mock('sweetalert2', () => ({ default: { fire: vi.fn().mockResolvedValue({ isConfirmed: true }) } }));
+vi.mock('react-zoom-pan-pinch', () => ({
+  TransformWrapper: ({ children }) => children({ zoomIn: vi.fn(), zoomOut: vi.fn(), resetTransform: vi.fn() }),
+  TransformComponent: ({ children }) => <>{children}</>,
+}));
+
+const Wrapper = ({ children }) => (
+  <ThemeProvider>
+    <GameProvider>
+      <BrowserRouter>{children}</BrowserRouter>
+    </GameProvider>
+  </ThemeProvider>
+);
+
+const findEventCb = (event) => {
+  const call = mockSocket.on.mock.calls.find((c) => c[0] === event);
+  return call?.[1];
+};
+
+const makePlayingRoomInfo = (overrides = {}) => ({
+  id: 'DAB01',
+  creator: 'p1',
+  players: [
+    { id: 'p1', name: 'Alice', connected: true },
+    { id: 'p2', name: 'Bob', connected: true },
+  ],
+  gameState: 'playing',
+  currentTurn: 0,
+  rows: 9,
+  cols: 9,
+  horizontalLines: Array(10)
+    .fill(null)
+    .map(() => Array(9).fill(null)),
+  verticalLines: Array(9)
+    .fill(null)
+    .map(() => Array(10).fill(null)),
+  boxes: Array(9)
+    .fill(null)
+    .map(() => Array(9).fill(null)),
+  scores: [0, 0],
+  lastMove: null,
+  mode: 'classic',
+  ...overrides,
+});
+
+describe('DabGame', () => {
+  beforeEach(() => {
+    vi.clearAllMocks();
+    sessionStorage.clear();
+  });
+
+  describe('Lobby - No Room', () => {
+    it('shows Start Game and Join Room buttons', () => {
+      render(<DabGame />, { wrapper: Wrapper });
+      expect(screen.getByText('Start Game')).toBeTruthy();
+      expect(screen.getByText('Join Room')).toBeTruthy();
+    });
+
+    it('emits dab_startGame when Start Game is clicked', async () => {
+      render(<DabGame />, { wrapper: Wrapper });
+      await act(async () => {
+        fireEvent.click(screen.getByText('Start Game'));
+      });
+      expect(mockSocket.emit).toHaveBeenCalledWith('dab_startGame', expect.objectContaining({ rows: 9, cols: 9 }));
+    });
+  });
+
+  describe('Mode Selection', () => {
+    it('shows Classic, Extended, and Marathon mode buttons', () => {
+      render(<DabGame />, { wrapper: Wrapper });
+      expect(screen.getByText('Classic')).toBeTruthy();
+      expect(screen.getByText('Extended')).toBeTruthy();
+      expect(screen.getByText('Marathon')).toBeTruthy();
+    });
+
+    it('switches mode when Extended is clicked', async () => {
+      render(<DabGame />, { wrapper: Wrapper });
+      await act(async () => {
+        fireEvent.click(screen.getByText('Extended'));
+      });
+      await act(async () => {
+        fireEvent.click(screen.getByText('Start Game'));
+      });
+      expect(mockSocket.emit).toHaveBeenCalledWith('dab_startGame', expect.objectContaining({ rows: 14, cols: 14 }));
+    });
+  });
+
+  describe('Playing State', () => {
+    it('shows player scores when playing', async () => {
+      render(<DabGame />, { wrapper: Wrapper });
+
+      const cb = findEventCb('dab_roomInfo');
+      await act(async () => {
+        cb(makePlayingRoomInfo());
+      });
+
+      expect(screen.getByText(/Alice/)).toBeTruthy();
+      expect(screen.getByText(/Bob/)).toBeTruthy();
+    });
+
+    it('shows "Your Turn!" when it is my turn', async () => {
+      render(<DabGame />, { wrapper: Wrapper });
+
+      const cb = findEventCb('dab_roomInfo');
+      await act(async () => {
+        cb(makePlayingRoomInfo({ currentTurn: 0 }));
+      });
+
+      expect(screen.getByText('Your Turn!')).toBeTruthy();
+    });
+  });
+
+  describe('Avatar Selector', () => {
+    it('shows avatar picker in the lobby', () => {
+      render(<DabGame />, { wrapper: Wrapper });
+      // Avatar selector shows icons in colored circles, not emojis anymore
+      const avatarButtons = screen.getAllByRole('button').filter((b) => b.querySelector('svg'));
+      expect(avatarButtons.length).toBeGreaterThan(0);
+    });
+  });
+
+  describe('Game Over', () => {
+    it('shows Game Over text and Play Again button', async () => {
+      render(<DabGame />, { wrapper: Wrapper });
+
+      const cb = findEventCb('dab_roomInfo');
+      await act(async () => {
+        cb(makePlayingRoomInfo());
+      });
+
+      const gameOverCb = findEventCb('dab_gameOver');
+      await act(async () => {
+        gameOverCb({ winner: 'p1', scores: [5, 3], winners: ['p1'] });
+      });
+
+      expect(screen.getByText('Rematch')).toBeTruthy();
+    });
+
+    it('emits dab_restartGame when Rematch is clicked', async () => {
+      render(<DabGame />, { wrapper: Wrapper });
+
+      const cb = findEventCb('dab_roomInfo');
+      await act(async () => {
+        cb(makePlayingRoomInfo());
+      });
+
+      const gameOverCb = findEventCb('dab_gameOver');
+      await act(async () => {
+        gameOverCb({ winner: 'p1', scores: [5, 3], winners: ['p1'] });
+      });
+
+      const rematchBtn = screen.getByText('Rematch');
+      await act(async () => {
+        fireEvent.click(rematchBtn);
+      });
+
+      expect(mockSocket.emit).toHaveBeenCalledWith('dab_restartGame', expect.any(String));
+    });
+  });
+
+  describe('Redo Flow', () => {
+    it('shows redo request when dab_redoRequested is received', async () => {
+      render(<DabGame />, { wrapper: Wrapper });
+
+      const cb = findEventCb('dab_roomInfo');
+      await act(async () => {
+        cb(makePlayingRoomInfo({ currentTurn: 0 }));
+      });
+
+      const redoCb = findEventCb('dab_redoRequested');
+      await act(async () => {
+        redoCb({ requesterId: 'p2' });
+      });
+
+      expect(screen.getByText(/wants to undo/)).toBeTruthy();
+    });
+
+    it('shows Allow and Deny buttons when I am the current turn', async () => {
+      render(<DabGame />, { wrapper: Wrapper });
+
+      const cb = findEventCb('dab_roomInfo');
+      await act(async () => {
+        cb(makePlayingRoomInfo({ currentTurn: 0 }));
+      });
+
+      const redoCb = findEventCb('dab_redoRequested');
+      await act(async () => {
+        redoCb({ requesterId: 'p2' });
+      });
+
+      expect(screen.getByText('Allow')).toBeTruthy();
+      expect(screen.getByText('Deny')).toBeTruthy();
+    });
+  });
+
+  describe('Pause', () => {
+    it('shows Game Paused message when dab_gamePaused is received', async () => {
+      render(<DabGame />, { wrapper: Wrapper });
+
+      const cb = findEventCb('dab_roomInfo');
+      await act(async () => {
+        cb(makePlayingRoomInfo());
+      });
+
+      const pauseCb = findEventCb('dab_gamePaused');
+      await act(async () => {
+        pauseCb();
+      });
+
+      expect(screen.getByText(/Game Paused/)).toBeTruthy();
+    });
+  });
+});
diff --git a/pro/src/dab/DabPreGame.jsx b/pro/src/dab/DabPreGame.jsx
new file mode 100644
index 0000000..df717a4
--- /dev/null
+++ b/pro/src/dab/DabPreGame.jsx
@@ -0,0 +1,126 @@
+import React, { useCallback } from 'react';
+import { SketchButton, SketchCard, sketchPopupClass, AvatarSelector } from '../components/ui';
+import Swal from 'sweetalert2';
+
+const DabPreGame = ({
+  profile,
+  setProfile,
+  mode,
+  setMode,
+  customRows,
+  setCustomRows,
+  customCols,
+  setCustomCols,
+  onStart,
+  onJoin,
+}) => {
+  const sizeMap = { classic: 9, extended: 14, marathon: 19 };
+  const gameRows = mode === 'custom' ? customRows : sizeMap[mode] || 9;
+  const gameCols = mode === 'custom' ? customCols : sizeMap[mode] || 9;
+
+  const handleStart = useCallback(() => {
+    onStart({ rows: gameRows, cols: gameCols });
+  }, [gameRows, gameCols, onStart]);
+
+  const handleJoin = useCallback(async () => {
+    const { value: joinRoomId } = await Swal.fire({
+      title: 'Join DAB Room',
+      input: 'text',
+      inputPlaceholder: 'Enter Room ID',
+      showCancelButton: true,
+      customClass: { popup: sketchPopupClass },
+    });
+    if (joinRoomId) onJoin(joinRoomId.trim().toUpperCase());
+  }, [onJoin]);
+
+  return (
+    <div className="min-h-screen bg-paper flex flex-col items-center justify-center p-4">
+      <SketchCard className="p-6 max-w-md w-full mb-4">
+        <input
+          type="text"
+          value={profile.name}
+          onChange={(e) => setProfile((prev) => ({ ...prev, name: e.target.value }))}
+          placeholder="Enter your name"
+          className="w-full sketch-border font-handwriting text-ink px-3 py-2 rounded mb-4"
+        />
+        <AvatarSelector
+          avatarIcon={profile.avatarIcon}
+          color={profile.color}
+          onAvatarChange={(icon) => setProfile((prev) => ({ ...prev, avatarIcon: icon }))}
+          onColorChange={(color) => setProfile((prev) => ({ ...prev, color }))}
+        />
+      </SketchCard>
+
+      <SketchCard className="p-8 max-w-md w-full space-y-4">
+        <div>
+          <p className="paper-font text-sm text-ink/60 mb-2">Game Mode</p>
+          <div className="grid grid-cols-3 gap-2">
+            <SketchButton onClick={() => setMode('classic')} className={mode === 'classic' ? 'bg-ink text-white' : ''}>
+              Classic
+            </SketchButton>
+            <SketchButton
+              onClick={() => setMode('extended')}
+              className={mode === 'extended' ? 'bg-ink text-white' : ''}
+            >
+              Extended
+            </SketchButton>
+            <SketchButton
+              onClick={() => setMode('marathon')}
+              className={mode === 'marathon' ? 'bg-ink text-white' : ''}
+            >
+              Marathon
+            </SketchButton>
+          </div>
+          <SketchButton
+            onClick={() => setMode('custom')}
+            className={`w-full mt-2 ${mode === 'custom' ? 'bg-ink text-white' : ''}`}
+          >
+            Custom Size
+          </SketchButton>
+        </div>
+
+        {mode === 'custom' && (
+          <div className="space-y-3">
+            <div>
+              <label className="paper-font text-sm text-ink/70">Rows: {customRows}</label>
+              <input
+                type="range"
+                min="3"
+                max="30"
+                value={customRows}
+                onChange={(e) => setCustomRows(Number(e.target.value))}
+                className="w-full"
+              />
+            </div>
+            <div>
+              <label className="paper-font text-sm text-ink/70">Columns: {customCols}</label>
+              <input
+                type="range"
+                min="3"
+                max="30"
+                value={customCols}
+                onChange={(e) => setCustomCols(Number(e.target.value))}
+                className="w-full"
+              />
+            </div>
+          </div>
+        )}
+
+        <p className="paper-font text-xs text-ink/60">
+          Selected size: {gameRows} × {gameCols}
+        </p>
+
+        <div className="grid grid-cols-2 gap-3">
+          <SketchButton onClick={handleStart} className="w-full">
+            Start Game
+          </SketchButton>
+          <SketchButton onClick={handleJoin} className="w-full">
+            Join Room
+          </SketchButton>
+        </div>
+      </SketchCard>
+    </div>
+  );
+};
+
+export default DabPreGame;
diff --git a/pro/src/hooks/useAnimationVariants.js b/pro/src/hooks/useAnimationVariants.js
new file mode 100644
index 0000000..0897ada
--- /dev/null
+++ b/pro/src/hooks/useAnimationVariants.js
@@ -0,0 +1,117 @@
+// Stagger container for animating children sequentially
+export const useStaggerContainer = (staggerChildren = 0.1, delayChildren = 0) => ({
+  hidden: { opacity: 0 },
+  visible: {
+    opacity: 1,
+    transition: {
+      staggerChildren,
+      delayChildren,
+    },
+  },
+});
+
+// Item variants for use within stagger containers
+export const useStaggerItem = () => ({
+  hidden: { opacity: 0, y: 20 },
+  visible: {
+    opacity: 1,
+    y: 0,
+    transition: { duration: 0.4 },
+  },
+});
+
+// Fade in animation
+export const useFadeIn = (duration = 0.4, delay = 0) => ({
+  hidden: { opacity: 0 },
+  visible: {
+    opacity: 1,
+    transition: { duration, delay },
+  },
+});
+
+// Slide in from left
+export const useSlideInLeft = (duration = 0.4, delay = 0) => ({
+  hidden: { opacity: 0, x: -50 },
+  visible: {
+    opacity: 1,
+    x: 0,
+    transition: { duration, delay, ease: 'easeOut' },
+  },
+});
+
+// Slide in from right
+export const useSlideInRight = (duration = 0.4, delay = 0) => ({
+  hidden: { opacity: 0, x: 50 },
+  visible: {
+    opacity: 1,
+    x: 0,
+    transition: { duration, delay, ease: 'easeOut' },
+  },
+});
+
+// Scale and fade in
+export const useScaleIn = (duration = 0.4, delay = 0) => ({
+  hidden: { opacity: 0, scale: 0.8 },
+  visible: {
+    opacity: 1,
+    scale: 1,
+    transition: { duration, delay, ease: 'easeOut' },
+  },
+});
+
+// Bounce in
+export const useBounceIn = (duration = 0.6, delay = 0) => ({
+  hidden: { opacity: 0, scale: 0.3 },
+  visible: {
+    opacity: 1,
+    scale: 1,
+    transition: { duration, delay, type: 'spring', stiffness: 300, damping: 20 },
+  },
+});
+
+// Rotate in
+export const useRotateIn = (duration = 0.4, delay = 0) => ({
+  hidden: { opacity: 0, rotate: -180 },
+  visible: {
+    opacity: 1,
+    rotate: 0,
+    transition: { duration, delay, ease: 'easeOut' },
+  },
+});
+
+// Pulse animation for continuous effect
+export const usePulse = () => ({
+  animate: {
+    opacity: [1, 0.5, 1],
+    transition: {
+      duration: 2,
+      repeat: Infinity,
+      ease: 'easeInOut',
+    },
+  },
+});
+
+// Float animation (gentle up and down)
+export const useFloat = (distance = 10) => ({
+  animate: {
+    y: [0, -distance, 0],
+    transition: {
+      duration: 3,
+      repeat: Infinity,
+      ease: 'easeInOut',
+    },
+  },
+});
+
+// Shake animation
+export const useShake = () => ({
+  animate: {
+    x: [0, -10, 10, -10, 10, 0],
+    transition: {
+      duration: 0.5,
+      type: 'spring',
+      stiffness: 500,
+      damping: 8,
+    },
+  },
+});
diff --git a/pro/src/hooks/useGameHandlers.js b/pro/src/hooks/useGameHandlers.js
new file mode 100644
index 0000000..dea1ce2
--- /dev/null
+++ b/pro/src/hooks/useGameHandlers.js
@@ -0,0 +1,57 @@
+import { useCallback } from 'react';
+import { useNavigate } from 'react-router-dom';
+import Swal from 'sweetalert2';
+import { sketchPopupClass } from '../components/ui';
+
+const useGameHandlers = (socket, roomId, gamePrefix, options = {}) => {
+  const navigate = useNavigate();
+  const { onLeave, softLeave = false } = options;
+
+  const handleCreateRoom = useCallback(
+    (options) => {
+      if (!socket) return;
+      socket.emit(`${gamePrefix}_createRoom`, options);
+    },
+    [socket, gamePrefix],
+  );
+
+  const handleJoinRoom = useCallback(
+    (options) => {
+      if (!socket) return;
+      socket.emit(`${gamePrefix}_joinRoom`, options);
+    },
+    [socket, gamePrefix],
+  );
+
+  const handleStartGame = useCallback(() => {
+    if (!socket) return;
+    socket.emit(`${gamePrefix}_startGame`, roomId);
+  }, [socket, gamePrefix, roomId]);
+
+  const handleLeaveRoom = useCallback(async () => {
+    const result = await Swal.fire({
+      title: 'Leave Game?',
+      text: 'Your progress will be lost.',
+      icon: 'warning',
+      showCancelButton: true,
+      confirmButtonText: 'Leave',
+      cancelButtonText: 'Stay',
+      customClass: { popup: sketchPopupClass },
+    });
+    if (!result.isConfirmed) return;
+
+    if (softLeave && roomId) {
+      socket?.emit(`${gamePrefix}_leaveRoom`, roomId);
+    }
+
+    onLeave?.();
+    if (!softLeave) {
+      socket?.disconnect();
+    }
+    navigate('/');
+  }, [socket, navigate, roomId, gamePrefix, onLeave, softLeave]);
+
+  return { handleCreateRoom, handleJoinRoom, handleStartGame, handleLeaveRoom };
+};
+
+export default useGameHandlers;
diff --git a/pro/src/hooks/useGameHandlers.test.js b/pro/src/hooks/useGameHandlers.test.js
new file mode 100644
index 0000000..1c3be0b
--- /dev/null
+++ b/pro/src/hooks/useGameHandlers.test.js
@@ -0,0 +1,73 @@
+import { renderHook, act } from '@testing-library/react';
+import { describe, it, expect, vi, beforeEach } from 'vitest';
+import useGameHandlers from './useGameHandlers';
+
+const mockSocket = {
+  emit: vi.fn(),
+  disconnect: vi.fn(),
+};
+
+const mockNavigate = vi.fn();
+
+vi.mock('react-router-dom', () => ({
+  useNavigate: () => mockNavigate,
+}));
+
+vi.mock('sweetalert2', () => ({
+  default: {
+    fire: vi.fn().mockResolvedValue({ isConfirmed: true }),
+  },
+}));
+
+describe('useGameHandlers', () => {
+  beforeEach(() => {
+    vi.clearAllMocks();
+    sessionStorage.clear();
+  });
+
+  it('handleCreateRoom emits <prefix>_createRoom with options', () => {
+    const { result } = renderHook(() => useGameHandlers(mockSocket, 'room1', 'ttt'));
+    act(() => result.current.handleCreateRoom({ playerName: 'Alice' }));
+    expect(mockSocket.emit).toHaveBeenCalledWith('ttt_createRoom', { playerName: 'Alice' });
+  });
+
+  it('handleJoinRoom emits <prefix>_joinRoom with options', () => {
+    const { result } = renderHook(() => useGameHandlers(mockSocket, 'room1', 'ttt'));
+    act(() => result.current.handleJoinRoom({ roomId: 'ABC', playerName: 'Bob' }));
+    expect(mockSocket.emit).toHaveBeenCalledWith('ttt_joinRoom', { roomId: 'ABC', playerName: 'Bob' });
+  });
+
+  it('handleStartGame emits <prefix>_startGame with roomId', () => {
+    const { result } = renderHook(() => useGameHandlers(mockSocket, 'room1', 'ttt'));
+    act(() => result.current.handleStartGame());
+    expect(mockSocket.emit).toHaveBeenCalledWith('ttt_startGame', 'room1');
+  });
+
+  it('handleLeaveRoom shows confirmation and disconnects on confirm', async () => {
+    const { result } = renderHook(() => useGameHandlers(mockSocket, 'room1', 'ttt'));
+    await act(async () => {
+      await result.current.handleLeaveRoom();
+    });
+    expect(mockSocket.disconnect).toHaveBeenCalled();
+    expect(mockNavigate).toHaveBeenCalledWith('/');
+  });
+
+  it('handleLeaveRoom does nothing when user cancels', async () => {
+    const Swal = (await import('sweetalert2')).default;
+    Swal.fire.mockResolvedValueOnce({ isConfirmed: false });
+
+    const { result } = renderHook(() => useGameHandlers(mockSocket, 'room1', 'ttt'));
+    await act(async () => {
+      await result.current.handleLeaveRoom();
+    });
+    expect(mockSocket.disconnect).not.toHaveBeenCalled();
+    expect(mockNavigate).not.toHaveBeenCalled();
+  });
+
+  it('does not emit when socket is null', () => {
+    const { result } = renderHook(() => useGameHandlers(null, 'room1', 'ttt'));
+    act(() => result.current.handleCreateRoom({ playerName: 'Alice' }));
+    act(() => result.current.handleStartGame());
+    expect(mockSocket.emit).not.toHaveBeenCalled();
+  });
+});
diff --git a/pro/src/hooks/useLastMoveHighlight.js b/pro/src/hooks/useLastMoveHighlight.js
new file mode 100644
index 0000000..f28bec1
--- /dev/null
+++ b/pro/src/hooks/useLastMoveHighlight.js
@@ -0,0 +1,25 @@
+import { useRef, useEffect } from 'react';
+import confetti from 'canvas-confetti';
+
+export const useLastMoveHighlight = (lastMove, playerColor, celebrate = false) => {
+  const lastMoveRef = useRef(null);
+
+  useEffect(() => {
+    if (lastMove && celebrate) {
+      const celebrationConfig = {
+        particleCount: 25,
+        spread: 35,
+        origin: { y: 0.6 },
+        colors: [playerColor || '#2a2a3e'],
+        decay: 0.85,
+        gravity: 0.5,
+      };
+      confetti(celebrationConfig);
+      lastMoveRef.current = lastMove;
+    }
+  }, [lastMove, playerColor, celebrate]);
+
+  return { lastMoveRef };
+};
+
+export default useLastMoveHighlight;
diff --git a/pro/src/hooks/usePlayerAvatars.js b/pro/src/hooks/usePlayerAvatars.js
new file mode 100644
index 0000000..70eb79a
--- /dev/null
+++ b/pro/src/hooks/usePlayerAvatars.js
@@ -0,0 +1,24 @@
+import { useState, useEffect } from 'react';
+
+const STORAGE_KEY = 'player_avatar';
+
+const usePlayerAvatars = () => {
+  const saved = (() => {
+    try {
+      return JSON.parse(sessionStorage.getItem(STORAGE_KEY)) || {};
+    } catch {
+      return {};
+    }
+  })();
+
+  const [avatar, setAvatar] = useState(saved.avatar || '🐼');
+  const [color, setColor] = useState(saved.color || '#2a2a3e');
+
+  useEffect(() => {
+    sessionStorage.setItem(STORAGE_KEY, JSON.stringify({ avatar, color }));
+  }, [avatar, color]);
+
+  return { avatar, color, setAvatar, setColor };
+};
+
+export default usePlayerAvatars;
diff --git a/pro/src/hooks/usePlayerAvatars.test.js b/pro/src/hooks/usePlayerAvatars.test.js
new file mode 100644
index 0000000..a0e5774
--- /dev/null
+++ b/pro/src/hooks/usePlayerAvatars.test.js
@@ -0,0 +1,48 @@
+import { renderHook, act } from '@testing-library/react';
+import { describe, it, expect, beforeEach } from 'vitest';
+import usePlayerAvatars from './usePlayerAvatars';
+
+describe('usePlayerAvatars', () => {
+  beforeEach(() => {
+    sessionStorage.clear();
+  });
+
+  it('returns default avatar and color on first use', () => {
+    const { result } = renderHook(() => usePlayerAvatars());
+    expect(result.current.avatar).toBe('🐼');
+    expect(result.current.color).toBe('#2a2a3e');
+  });
+
+  it('persists avatar to sessionStorage when setAvatar is called', () => {
+    const { result } = renderHook(() => usePlayerAvatars());
+    act(() => {
+      result.current.setAvatar('🦊');
+    });
+    expect(result.current.avatar).toBe('🦊');
+    const stored = JSON.parse(sessionStorage.getItem('player_avatar'));
+    expect(stored.avatar).toBe('🦊');
+  });
+
+  it('persists color to sessionStorage when setColor is called', () => {
+    const { result } = renderHook(() => usePlayerAvatars());
+    act(() => {
+      result.current.setColor('#ff0000');
+    });
+    expect(result.current.color).toBe('#ff0000');
+    const stored = JSON.parse(sessionStorage.getItem('player_avatar'));
+    expect(stored.color).toBe('#ff0000');
+  });
+
+  it('restores avatar and color from sessionStorage on mount', () => {
+    sessionStorage.setItem('player_avatar', JSON.stringify({ avatar: '🐯', color: '#123456' }));
+    const { result } = renderHook(() => usePlayerAvatars());
+    expect(result.current.avatar).toBe('🐯');
+    expect(result.current.color).toBe('#123456');
+  });
+
+  it('exposes setAvatar and setColor functions', () => {
+    const { result } = renderHook(() => usePlayerAvatars());
+    expect(typeof result.current.setAvatar).toBe('function');
+    expect(typeof result.current.setColor).toBe('function');
+  });
+});
diff --git a/pro/src/hooks/usePlayerProfile.js b/pro/src/hooks/usePlayerProfile.js
new file mode 100644
index 0000000..9b62f65
--- /dev/null
+++ b/pro/src/hooks/usePlayerProfile.js
@@ -0,0 +1,65 @@
+import { useState, useEffect, useCallback } from 'react';
+import { Cat, Dog, Bird, Fish, Monkey, PawPrint, Frog, Ticket, Lion, Bear, Koala, Fox } from 'lucide-react';
+
+export const AVATAR_ICONS = [
+  { id: 'cat', Icon: Cat },
+  { id: 'dog', Icon: Dog },
+  { id: 'bird', Icon: Bird },
+  { id: 'fish', Icon: Fish },
+  { id: 'monkey', Icon: Monkey },
+  { id: 'panda', Icon: PawPrint },
+  { id: 'frog', Icon: Frog },
+  { id: 'tiger', Icon: Ticket },
+  { id: 'lion', Icon: Lion },
+  { id: 'bear', Icon: Bear },
+  { id: 'koala', Icon: Koala },
+  { id: 'fox', Icon: Fox },
+];
+
+export const PLAYER_COLORS = ['#2a2a3e', '#c73e1d', '#2d4a8f', '#2f5233', '#7b2d8f', '#b5651d'];
+
+export const usePlayerProfile = () => {
+  const [profile, setProfile] = useState(() => {
+    const saved = localStorage.getItem('playerProfile');
+    return saved
+      ? JSON.parse(saved)
+      : {
+          name: localStorage.getItem('playerName') || '',
+          avatarIcon: 'cat',
+          color: '#2a2a3e',
+        };
+  });
+
+  useEffect(() => {
+    localStorage.setItem('playerProfile', JSON.stringify(profile));
+  }, [profile]);
+
+  useEffect(() => {
+    if (profile.name) {
+      localStorage.setItem('playerName', profile.name);
+    }
+  }, [profile.name]);
+
+  const setAvatarIcon = useCallback((icon) => {
+    setProfile((prev) => ({ ...prev, avatarIcon: icon }));
+  }, []);
+
+  const setColor = useCallback((color) => {
+    setProfile((prev) => ({ ...prev, color }));
+  }, []);
+
+  const setName = useCallback((name) => {
+    setProfile((prev) => ({ ...prev, name }));
+  }, []);
+
+  return {
+    ...profile,
+    setAvatarIcon,
+    setColor,
+    setName,
+    AVATAR_ICONS,
+    PLAYER_COLORS,
+  };
+};
+
+export default usePlayerProfile;
diff --git a/pro/src/hooks/useReconnection.js b/pro/src/hooks/useReconnection.js
new file mode 100644
index 0000000..aed56fa
--- /dev/null
+++ b/pro/src/hooks/useReconnection.js
@@ -0,0 +1,80 @@
+import { useEffect, useRef, useCallback } from 'react';
+
+const useReconnection = ({ socket, gamePrefix, onRestore, onReconnectFailure }) => {
+  const attemptedRef = useRef(false);
+  const reconnectAttemptsRef = useRef(0);
+  const lastDisconnectTimeRef = useRef(null);
+
+  const clearReconnect = useCallback(() => {
+    sessionStorage.removeItem(`${gamePrefix}_reconnect`);
+  }, [gamePrefix]);
+
+  const handleReconnectFailure = useCallback(
+    (reason, roomId) => {
+      reconnectAttemptsRef.current++;
+      if (onReconnectFailure) {
+        onReconnectFailure(reason, roomId);
+      }
+    },
+    [onReconnectFailure],
+  );
+
+  useEffect(() => {
+    if (!socket) return;
+
+    const key = `${gamePrefix}_reconnect`;
+    const saved = sessionStorage.getItem(key);
+
+    if (saved && !attemptedRef.current) {
+      attemptedRef.current = true;
+      try {
+        const parsed = JSON.parse(saved);
+        if (!parsed.roomId || !parsed.playerId) {
+          clearReconnect();
+          return;
+        }
+        socket.emit(`${gamePrefix}_reconnect`, {
+          roomId: parsed.roomId,
+          playerId: parsed.playerId,
+        });
+      } catch {
+        clearReconnect();
+      }
+    }
+  }, [socket, gamePrefix, clearReconnect]);
+
+  useEffect(() => {
+    if (!socket) return;
+
+    const handleRoomInfo = (room) => {
+      reconnectAttemptsRef.current = 0;
+      if (socket.id && room.players) {
+        const myPlayer = room.players.find((p) => p.id === socket.id) || room.players[room.currentTurn];
+        if (myPlayer && onRestore) {
+          onRestore(room, myPlayer);
+        }
+      }
+    };
+
+    const handleReconnectFailed = ({ reason, roomId }) => {
+      reconnectAttemptsRef.current++;
+
+      if (reason === 'room_not_found' || reason === 'player_not_found' || reason === 'game_already_ended') {
+        clearReconnect();
+      }
+
+      handleReconnectFailure(reason, roomId);
+    };
+
+    socket.on(`${gamePrefix}_roomInfo`, handleRoomInfo);
+    socket.on(`${gamePrefix}_reconnectFailed`, handleReconnectFailed);
+    return () => {
+      socket.off(`${gamePrefix}_roomInfo`, handleRoomInfo);
+      socket.off(`${gamePrefix}_reconnectFailed`, handleReconnectFailed);
+    };
+  }, [socket, gamePrefix, onRestore, clearReconnect, handleReconnectFailure]);
+
+  return { clearReconnect };
+};
+
+export default useReconnection;
diff --git a/pro/src/hooks/useSocketListeners.js b/pro/src/hooks/useSocketListeners.js
new file mode 100644
index 0000000..cc9fc39
--- /dev/null
+++ b/pro/src/hooks/useSocketListeners.js
@@ -0,0 +1,37 @@
+import { useEffect, useRef } from 'react';
+import { reportRuntimeError } from '../utils/runtimeError';
+
+const useSocketListeners = (socket, listeners = {}) => {
+  const listenersRef = useRef(listeners);
+  listenersRef.current = listeners;
+
+  useEffect(() => {
+    if (!socket) return;
+
+    const handlerMap = {};
+    Object.entries(listenersRef.current).forEach(([event]) => {
+      const wrapped = (...args) => {
+        try {
+          const handler = listenersRef.current[event];
+          if (!handler) return;
+          const result = handler(...args);
+          if (result && typeof result.then === 'function') {
+            result.catch((error) => reportRuntimeError(`Socket event ${event}`, error));
+          }
+        } catch (error) {
+          reportRuntimeError(`Socket event ${event}`, error);
+        }
+      };
+      handlerMap[event] = wrapped;
+      socket.on(event, wrapped);
+    });
+
+    return () => {
+      Object.entries(handlerMap).forEach(([event, handler]) => {
+        socket.off(event, handler);
+      });
+    };
+  }, [socket]);
+};
+
+export default useSocketListeners;
diff --git a/pro/src/hooks/useTurnTimer.js b/pro/src/hooks/useTurnTimer.js
new file mode 100644
index 0000000..9781ec4
--- /dev/null
+++ b/pro/src/hooks/useTurnTimer.js
@@ -0,0 +1,29 @@
+import { useState, useEffect, useRef } from 'react';
+
+const useTurnTimer = (isMyTurn, duration = 30, onExpire) => {
+  const [timeLeft, setTimeLeft] = useState(duration);
+  const expireRef = useRef(onExpire);
+  expireRef.current = onExpire;
+
+  useEffect(() => {
+    setTimeLeft(duration);
+    if (!isMyTurn) return;
+
+    const interval = setInterval(() => {
+      setTimeLeft((prev) => {
+        if (prev <= 1) {
+          clearInterval(interval);
+          expireRef.current?.();
+          return 0;
+        }
+        return prev - 1;
+      });
+    }, 1000);
+
+    return () => clearInterval(interval);
+  }, [isMyTurn, duration]);
+
+  return timeLeft;
+};
+
+export default useTurnTimer;
diff --git a/pro/src/hooks/useTurnTimer.test.js b/pro/src/hooks/useTurnTimer.test.js
new file mode 100644
index 0000000..e3eb909
--- /dev/null
+++ b/pro/src/hooks/useTurnTimer.test.js
@@ -0,0 +1,61 @@
+import { renderHook, act } from '@testing-library/react';
+import { describe, it, expect, vi, beforeEach, afterEach } from 'vitest';
+import useTurnTimer from './useTurnTimer';
+
+describe('useTurnTimer', () => {
+  beforeEach(() => {
+    vi.useFakeTimers();
+  });
+  afterEach(() => {
+    vi.useRealTimers();
+  });
+
+  it('returns full duration initially when isMyTurn is true', () => {
+    const { result } = renderHook(() => useTurnTimer(true, 30, vi.fn()));
+    expect(result.current).toBe(30);
+  });
+
+  it('returns full duration when isMyTurn is false', () => {
+    const { result } = renderHook(() => useTurnTimer(false, 30, vi.fn()));
+    expect(result.current).toBe(30);
+  });
+
+  it('counts down each second when isMyTurn is true', () => {
+    const { result } = renderHook(() => useTurnTimer(true, 30, vi.fn()));
+    act(() => {
+      vi.advanceTimersByTime(3000);
+    });
+    expect(result.current).toBe(27);
+  });
+
+  it('does not count down when isMyTurn is false', () => {
+    const { result } = renderHook(() => useTurnTimer(false, 30, vi.fn()));
+    act(() => {
+      vi.advanceTimersByTime(5000);
+    });
+    expect(result.current).toBe(30);
+  });
+
+  it('calls onExpire when timer reaches 0', () => {
+    const onExpire = vi.fn();
+    renderHook(() => useTurnTimer(true, 3, onExpire));
+    act(() => {
+      vi.advanceTimersByTime(3000);
+    });
+    expect(onExpire).toHaveBeenCalledTimes(1);
+  });
+
+  it('resets timer when isMyTurn changes to true', () => {
+    const { result, rerender } = renderHook(({ isMyTurn }) => useTurnTimer(isMyTurn, 10, vi.fn()), {
+      initialProps: { isMyTurn: true },
+    });
+    act(() => {
+      vi.advanceTimersByTime(4000);
+    });
+    expect(result.current).toBe(6);
+
+    rerender({ isMyTurn: false });
+    rerender({ isMyTurn: true });
+    expect(result.current).toBe(10);
+  });
+});
diff --git a/pro/src/index.css b/pro/src/index.css
index eb99b9a..e0e7023 100644
--- a/pro/src/index.css
+++ b/pro/src/index.css
@@ -1,4 +1,4 @@
-@import "tailwindcss";
+@import 'tailwindcss';
 
 @theme {
   --font-hand-drawn: 'Permanent Marker', cursive;
@@ -13,6 +13,180 @@
   font-family: var(--font-paper);
 }
 
+.font-sketch {
+  font-family: 'Caveat', cursive;
+  letter-spacing: 0.5px;
+}
+
+.font-handwriting {
+  font-family: 'Patrick Hand', cursive;
+}
+
+.text-ink {
+  color: #2a2a3e;
+}
+
+.bg-paper {
+  background-color: #f5f1e8;
+  background-image: repeating-linear-gradient(
+    0deg,
+    transparent,
+    transparent 30px,
+    rgba(139, 99, 76, 0.05) 30px,
+    rgba(139, 99, 76, 0.05) 31px
+  );
+  position: relative;
+}
+
+.bg-paper::before {
+  content: '';
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");
+  pointer-events: none;
+  z-index: 0;
+}
+
+.sketch-card {
+  background: #fffef9;
+  border: 2px solid #2a2a3e;
+  border-radius: 3px;
+  box-shadow:
+    3px 3px 0px rgba(0, 0, 0, 0.1),
+    inset 0 0 0 1px rgba(255, 255, 255, 0.5);
+  position: relative;
+  transform: rotate(-0.5deg);
+}
+
+.sketch-card::before {
+  content: '';
+  position: absolute;
+  top: -2px;
+  left: -2px;
+  right: -2px;
+  bottom: -2px;
+  border: 2px solid #2a2a3e;
+  border-radius: 3px;
+  opacity: 0.3;
+  transform: translate(1px, 1px);
+  pointer-events: none;
+}
+
+.sketch-border {
+  border: 2px dashed #8b7355;
+  border-radius: 2px;
+  background: rgba(255, 254, 249, 0.6);
+  padding: 1rem;
+}
+
+.sketch-button {
+  font-family: 'Patrick Hand', cursive;
+  background: #fffef9;
+  border: 2px solid #2a2a3e;
+  padding: 0.5rem 1rem;
+  border-radius: 2px;
+  cursor: pointer;
+  position: relative;
+  transform: rotate(-0.3deg);
+  transition: all 0.2s;
+  box-shadow: 2px 2px 0px rgba(0, 0, 0, 0.2);
+}
+
+.sketch-button:hover {
+  transform: rotate(0deg) translateY(-2px);
+  box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.2);
+}
+
+.sketch-button:active {
+  transform: rotate(0deg) translateY(0);
+  box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.2);
+}
+
+.player-badge {
+  display: inline-block;
+  padding: 0.25rem 0.75rem;
+  border: 2px solid currentColor;
+  border-radius: 20px;
+  font-family: 'Patrick Hand', cursive;
+  transform: rotate(-1deg);
+  position: relative;
+}
+
+.player-badge::after {
+  content: '';
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  border: 2px solid currentColor;
+  border-radius: 20px;
+  opacity: 0.3;
+  transform: translate(1px, 1px);
+}
+
+.sketch-popup {
+  font-family: 'Patrick Hand', cursive !important;
+  background: #fffef9 !important;
+  border: 3px solid #2a2a3e !important;
+  border-radius: 5px !important;
+}
+
+.sketch-dot {
+  animation: sketch-wiggle 3s ease-in-out infinite;
+}
+
+@keyframes sketch-wiggle {
+  0%,
+  100% {
+    transform: rotate(0deg) translateY(0);
+  }
+  25% {
+    transform: rotate(0.5deg) translateY(-1px);
+  }
+  75% {
+    transform: rotate(-0.5deg) translateY(1px);
+  }
+}
+
+@keyframes wiggle {
+  0%,
+  100% {
+    transform: rotate(-1deg);
+  }
+  50% {
+    transform: rotate(1deg);
+  }
+}
+
+@keyframes pencil-scribble {
+  0% {
+    filter: brightness(1);
+  }
+  50% {
+    filter: brightness(1.2) contrast(1.1);
+  }
+  100% {
+    filter: brightness(1);
+  }
+}
+
+@keyframes screen-shake {
+  0%,
+  100% {
+    transform: translate(0);
+  }
+  25% {
+    transform: translate(-2px, 2px);
+  }
+  75% {
+    transform: translate(2px, -2px);
+  }
+}
+
 .glass {
   background: rgba(255, 255, 255, 0.7);
   backdrop-filter: blur(10px);
@@ -21,22 +195,57 @@
 }
 
 body {
-  background: 
-    linear-gradient(rgba(255,255,255,0.9), rgba(255,255,255,0.9)),
-    repeating-linear-gradient(
-      0deg,
-      transparent,
-      transparent 19px,
-      #e5e7eb 19px,
-      #e5e7eb 20px
-    ),
-    repeating-linear-gradient(
-      90deg,
-      transparent,
-      transparent 19px,
-      #e5e7eb 19px,
-      #e5e7eb 20px
-    );
+  background:
+    linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9)),
+    repeating-linear-gradient(0deg, transparent, transparent 19px, #e5e7eb 19px, #e5e7eb 20px),
+    repeating-linear-gradient(90deg, transparent, transparent 19px, #e5e7eb 19px, #e5e7eb 20px);
   background-size: 20px 20px;
   min-height: 100vh;
-}
\ No newline at end of file
+}
+
+[data-theme='dark'] .text-ink {
+  color: #e5e7eb;
+}
+
+[data-theme='dark'] .bg-paper {
+  background-color: #1a1a2e;
+  background-image: repeating-linear-gradient(
+    0deg,
+    transparent,
+    transparent 30px,
+    rgba(229, 231, 235, 0.03) 30px,
+    rgba(229, 231, 235, 0.03) 31px
+  );
+}
+
+[data-theme='dark'] .sketch-card {
+  background: #252542;
+  border: 2px solid #e5e7eb;
+}
+
+[data-theme='dark'] .sketch-card::before {
+  border: 2px solid #e5e7eb;
+}
+
+[data-theme='dark'] .sketch-button {
+  background: #252542;
+  border: 2px solid #e5e7eb;
+  color: #e5e7eb;
+}
+
+[data-theme='dark'] .glass {
+  background: rgba(37, 37, 66, 0.7);
+  border: 1px solid rgba(229, 231, 235, 0.2);
+}
+
+[data-theme='dark'] .player-badge {
+  color: #e5e7eb;
+}
+
+[data-theme='dark'] .font-sketch {
+  color: #e5e7eb;
+}
+
+[data-theme='dark'] .font-handwriting {
+  color: #d1d5e0;
+}
diff --git a/pro/src/index.jsx b/pro/src/index.jsx
index dd56628..cc27e3a 100644
--- a/pro/src/index.jsx
+++ b/pro/src/index.jsx
@@ -2,13 +2,24 @@ import React from 'react';
 import ReactDOM from 'react-dom/client';
 import './index.css';
 import App from './App';
+import ErrorBoundary from './components/ErrorBoundary';
+import NotificationProvider from './components/NotificationProvider';
+import RuntimeErrorProvider from './components/RuntimeErrorProvider';
 import { GameProvider } from './context/GameContext';
+import { ThemeProvider } from './context/ThemeContext';
 
 const root = ReactDOM.createRoot(document.getElementById('root'));
 root.render(
   <React.StrictMode>
-    <GameProvider>
-      <App />
-    </GameProvider>
-  </React.StrictMode>
+    <ThemeProvider>
+      <NotificationProvider />
+      <RuntimeErrorProvider>
+        <ErrorBoundary>
+          <GameProvider>
+            <App />
+          </GameProvider>
+        </ErrorBoundary>
+      </RuntimeErrorProvider>
+    </ThemeProvider>
+  </React.StrictMode>,
 );
diff --git a/pro/src/sos/SOSGame.jsx b/pro/src/sos/SOSGame.jsx
new file mode 100644
index 0000000..3953038
--- /dev/null
+++ b/pro/src/sos/SOSGame.jsx
@@ -0,0 +1,362 @@
+import React, { useState, useEffect, useRef, useCallback } from 'react';
+import { useGameContext } from '../context/GameContext';
+import { useNavigate } from 'react-router-dom';
+import GameLayout from '../components/ui/GameLayout';
+import GameLobby from '../components/ui/GameLobby';
+import MatchReport from '../components/ui/MatchReport';
+import SketchButton from '../components/ui/SketchButton';
+import TurnIndicator from '../components/ui/TurnIndicator';
+import { sketchPopupClass, AvatarSelector } from '../components/ui';
+import useSocketListeners from '../hooks/useSocketListeners';
+import useReconnection from '../hooks/useReconnection';
+import Swal from 'sweetalert2';
+
+const SOSGame = () => {
+  const { socket, playerName, roomId, setRoomId, clearRoomId, setGamePrefix, profile, setProfile } = useGameContext();
+  const navigate = useNavigate();
+  const [gameState, setGameState] = useState('lobby');
+  const [players, setPlayers] = useState([]);
+  const [spectators, setSpectators] = useState([]);
+  const [currentTurn, setCurrentTurn] = useState(null);
+  const [selectedSymbol, setSelectedSymbol] = useState('S');
+  const [flashCells, setFlashCells] = useState([]);
+  const [desiredSize, setDesiredSize] = useState(6);
+  const [board, setBoard] = useState([]);
+  const [myPlayerIndex, setMyPlayerIndex] = useState(-1);
+  const joinRoomIdRef = useRef('');
+  const roomLoadedRef = useRef(false);
+
+  const handleCreateRoom = useCallback(() => {
+    if (!socket) return;
+    socket.emit('sos_createRoom', {
+      playerName: profile.name || playerName,
+      avatarIcon: profile.avatarIcon,
+      color: profile.color,
+      size: desiredSize,
+    });
+  }, [socket, profile, playerName, desiredSize]);
+
+  const handleJoinRoom = useCallback(
+    (roomIdToJoin, asSpectator) => {
+      if (!socket) return;
+      socket.emit('sos_joinRoom', {
+        roomId: roomIdToJoin,
+        playerName: profile.name || playerName,
+        avatarIcon: profile.avatarIcon,
+        color: profile.color,
+        asSpectator,
+      });
+    },
+    [socket, profile, playerName],
+  );
+
+  const { clearReconnect } = useReconnection({
+    socket,
+    gamePrefix: 'sos',
+    roomId,
+    onRestore: (room, myPlayer) => {
+      if (!room) return;
+      setRoomId(room.id);
+      setPlayers(room.players || []);
+      setSpectators(room.spectators || []);
+      setGameState(room.gameState || 'lobby');
+      setCurrentTurn(room.currentTurn);
+      setBoard(room.board || []);
+      setMyPlayerIndex(myPlayer ? (room.players || []).findIndex((p) => p.id === myPlayer.id) : -1);
+    },
+  });
+
+  useSocketListeners(
+    socket,
+    {
+      sos_roomInfo: (data) => {
+        roomLoadedRef.current = true;
+        setRoomId(data.id);
+        setPlayers(data.players || []);
+        setSpectators(data.spectators || []);
+        setGameState(data.gameState);
+        setCurrentTurn(data.currentTurn);
+        setBoard(data.board || []);
+        const myPlayer = data.players?.find((p) => p.id === socket.id);
+        setMyPlayerIndex(myPlayer ? data.players.findIndex((p) => p.id === myPlayer.id) : -1);
+      },
+      sos_gameStarted: () => {
+        setGameState('playing');
+      },
+      sos_moveMade: (data) => {
+        setBoard(data.board || []);
+        if (data.patterns && data.patterns.length > 0) {
+          const cells = data.patterns.flatMap((p) => p.cells.map((c) => `${c.row}-${c.col}`));
+          setFlashCells(cells);
+          setTimeout(() => setFlashCells([]), 2000);
+        }
+      },
+      sos_gameOver: () => {
+        setGameState('ended');
+      },
+      sos_gamePaused: () => {
+        setGameState('paused');
+      },
+      sos_gameRestarted: () => {
+        setGameState('waiting');
+        setSelectedSymbol('S');
+        setBoard([]);
+      },
+      sos_alert: ({ icon, title, text }) => {
+        Swal.fire({ icon, title, text });
+      },
+      sos_reconnectFailed: ({ reason, roomId: failedRoomId }) => {
+        Swal.fire({
+          title: 'Reconnection Failed',
+          text:
+            reason === 'room_not_found'
+              ? 'The room no longer exists.'
+              : reason === 'player_not_found'
+                ? 'Your player session was not found.'
+                : reason === 'game_already_ended'
+                  ? 'The game has ended.'
+                  : 'Could not reconnect to the game.',
+          icon: 'error',
+          customClass: { popup: sketchPopupClass },
+        }).then(() => {
+          clearReconnect();
+          clearRoomId();
+          navigate('/');
+        });
+      },
+      server_shutdown: ({ message }) => {
+        Swal.fire({
+          title: 'Server Shutting Down',
+          text: message || 'The server is going down for maintenance.',
+          icon: 'info',
+          customClass: { popup: sketchPopupClass },
+        }).then(() => {
+          sessionStorage.removeItem('sos_reconnect');
+          clearRoomId();
+          navigate('/');
+        });
+      },
+    },
+    [clearRoomId, navigate, setRoomId],
+  );
+
+  useEffect(() => {
+    if (!socket) return;
+    setGamePrefix('sos');
+
+    const saved = sessionStorage.getItem('sos_reconnect');
+    if (saved && !roomLoadedRef.current) {
+      roomLoadedRef.current = true;
+      const data = JSON.parse(saved);
+      socket.emit('sos_reconnect', data);
+    }
+  }, [socket, setGamePrefix]);
+
+  const handleStartGame = useCallback(() => {
+    if (!socket || !roomId) return;
+    socket.emit('sos_startGame', { roomId });
+  }, [socket, roomId]);
+
+  const handleRestart = useCallback(() => {
+    if (!socket || !roomId) return;
+    socket.emit('sos_restartGame', roomId);
+  }, [socket, roomId]);
+
+  const handleLeave = useCallback(() => {
+    if (!socket || !roomId) return;
+    socket.emit('sos_leaveRoom', roomId);
+    clearReconnect();
+    clearRoomId();
+    setGameState('lobby');
+    navigate('/');
+  }, [socket, roomId, clearReconnect, clearRoomId, navigate]);
+
+  const handleCellClick = useCallback(
+    (row, col) => {
+      if (!roomId || gameState !== 'playing') return;
+      if (myPlayerIndex !== currentTurn) return;
+      if (board[row]?.[col] !== null) return;
+
+      socket.emit('sos_makeMove', { roomId, row, col, value: selectedSymbol });
+    },
+    [roomId, gameState, myPlayerIndex, currentTurn, board, selectedSymbol, socket],
+  );
+
+  const isSpectator = spectators.some((s) => s.id === socket?.id);
+  const isHost = players[0]?.id === socket?.id;
+
+  if (gameState === 'ended') {
+    const scores = players.map((p, idx) => ({
+      name: p.name || `Player ${idx + 1}`,
+      score: p.score || 0,
+    }));
+    return (
+      <MatchReport winner={null} isWinner={false} scores={scores} onRematch={handleRestart} onLeave={handleLeave} />
+    );
+  }
+
+  if (roomId && gameState === 'waiting') {
+    return (
+      <GameLobby
+        gameName="SOS"
+        roomId={roomId}
+        players={players}
+        spectators={spectators}
+        isHost={!!isHost}
+        minPlayers={2}
+        onStart={handleStartGame}
+        onLeave={handleLeave}
+        showJoinInput
+        startLabel="Start Game"
+        profile={profile}
+        onProfileChange={(next) => setProfile(next)}
+      />
+    );
+  }
+
+  if (roomId && gameState === 'playing') {
+    const size = board.length || desiredSize;
+    return (
+      <GameLayout players={players}>
+        <div className="flex flex-col items-center gap-4 p-4">
+          {isSpectator && (
+            <div className="sketch-card px-4 py-2 bg-blue-100">
+              <span className="paper-font text-blue-700 font-semibold">👁️ Spectating</span>
+            </div>
+          )}
+          <TurnIndicator players={players} currentTurn={currentTurn} />
+          <div className="paper-font text-sm text-ink/60">
+            Moves: {board.flat().filter((c) => c).length} / {size * size}
+          </div>
+          <div
+            className="grid gap-1 p-4 sketch-card"
+            style={{ gridTemplateColumns: `repeat(${size}, minmax(32px, 1fr))` }}
+          >
+            {board.map((row, r) =>
+              row.map((cell, c) => {
+                const isFlashing = flashCells.includes(`${r}-${c}`);
+                return (
+                  <button
+                    key={`${r}-${c}`}
+                    onClick={() => handleCellClick(r, c)}
+                    disabled={myPlayerIndex !== currentTurn}
+                    className={`w-10 h-10 sm:w-12 sm:h-12 flex items-center justify-center text-2xl font-sketch border-2 border-ink/20 hover:bg-paper-dark rounded sketch-transition ${
+                      isFlashing ? 'bg-yellow-200' : ''
+                    }`}
+                  >
+                    {cell && <span className={cell.player === 0 ? 'text-red-600' : 'text-blue-600'}>{cell.value}</span>}
+                  </button>
+                );
+              }),
+            )}
+          </div>
+
+          {!isSpectator && (
+            <div className="flex gap-4">
+              <SketchButton
+                onClick={() => setSelectedSymbol('S')}
+                style={{ background: selectedSymbol === 'S' ? '#fee2e2' : '#fff' }}
+              >
+                S
+              </SketchButton>
+              <SketchButton
+                onClick={() => setSelectedSymbol('O')}
+                style={{ background: selectedSymbol === 'O' ? '#dbeafe' : '#fff' }}
+              >
+                O
+              </SketchButton>
+            </div>
+          )}
+
+          <SketchButton onClick={handleLeave} style={{ background: '#fff0f0' }}>
+            Leave Room
+          </SketchButton>
+        </div>
+      </GameLayout>
+    );
+  }
+
+  return (
+    <div className="min-h-screen bg-paper flex items-center justify-center p-4">
+      <div className="sketch-card p-8 max-w-sm w-full space-y-6">
+        <h2 className="text-2xl font-sketch text-center text-ink">SOS</h2>
+
+        <div>
+          <label className="paper-font text-sm text-ink/60">Your Name</label>
+          <input
+            type="text"
+            value={profile.name}
+            onChange={(e) => setProfile((prev) => ({ ...prev, name: e.target.value }))}
+            placeholder="Enter name"
+            className="sketch-input w-full mt-1"
+            maxLength={20}
+          />
+        </div>
+
+        <div>
+          <label className="paper-font text-sm text-ink/60">Board Size</label>
+          <select
+            className="sketch-input w-full mt-1"
+            value={desiredSize}
+            onChange={(e) => setDesiredSize(Number(e.target.value))}
+          >
+            <option value={4}>4x4 (Quick)</option>
+            <option value={5}>5x5</option>
+            <option value={6}>6x6 (Balanced)</option>
+            <option value={7}>7x7 (Deeper)</option>
+            <option value={8}>8x8 (Longest)</option>
+          </select>
+        </div>
+
+        <AvatarSelector
+          avatarIcon={profile.avatarIcon}
+          color={profile.color}
+          onAvatarChange={(icon) => setProfile((prev) => ({ ...prev, avatarIcon: icon }))}
+          onColorChange={(c) => setProfile((prev) => ({ ...prev, color: c }))}
+        />
+
+        <SketchButton onClick={handleCreateRoom} className="w-full">
+          Create Room
+        </SketchButton>
+
+        <div className="border-t border-ink/20 pt-4">
+          <label className="paper-font text-sm text-ink/60">Join Room</label>
+          <input
+            type="text"
+            placeholder="Room Code"
+            className="sketch-input w-full mt-1 mb-2"
+            maxLength={6}
+            ref={joinRoomIdRef}
+            onKeyDown={(e) => {
+              if (e.key === 'Enter') {
+                const roomId = e.target.value.trim();
+                if (roomId && profile.name) handleJoinRoom(roomId);
+              }
+            }}
+          />
+          <SketchButton
+            onClick={() => {
+              const roomIdInput = joinRoomIdRef.current?.value || '';
+              if (roomIdInput && profile.name) handleJoinRoom(roomIdInput.trim());
+            }}
+            className="w-full"
+          >
+            Join as Player
+          </SketchButton>
+          <SketchButton
+            onClick={() => {
+              const roomIdInput = joinRoomIdRef.current?.value || '';
+              if (roomIdInput && profile.name) handleJoinRoom(roomIdInput.trim(), true);
+            }}
+            className="w-full mt-2"
+            style={{ background: '#f0f8ff' }}
+          >
+            Join as Spectator
+          </SketchButton>
+        </div>
+      </div>
+    </div>
+  );
+};
+
+export default SOSGame;
diff --git a/pro/src/sos/SOSGame.test.jsx b/pro/src/sos/SOSGame.test.jsx
new file mode 100644
index 0000000..d3c6fe9
--- /dev/null
+++ b/pro/src/sos/SOSGame.test.jsx
@@ -0,0 +1,71 @@
+import React from 'react';
+import { render, screen } from '@testing-library/react';
+import { MemoryRouter } from 'react-router-dom';
+import { describe, it, expect, vi, beforeEach } from 'vitest';
+import SOSGame from './SOSGame';
+import { ThemeProvider } from '../context/ThemeContext';
+
+vi.mock('socket.io-client', () => ({
+  io: vi.fn(() => ({
+    on: vi.fn(),
+    off: vi.fn(),
+    emit: vi.fn(),
+    connected: true,
+  })),
+}));
+
+vi.mock('../context/GameContext', () => ({
+  useGameContext: () => ({
+    socket: {
+      on: vi.fn(),
+      off: vi.fn(),
+      emit: vi.fn(),
+    },
+    playerName: 'TestPlayer',
+    setPlayerName: vi.fn(),
+    roomId: null,
+    setRoomId: vi.fn(),
+    clearRoomId: vi.fn(),
+    gamePrefix: null,
+    setGamePrefix: vi.fn(),
+    leaveRoom: vi.fn(),
+    clearReconnect: vi.fn(),
+    profile: { name: 'TestPlayer', avatarIcon: 'cat', color: '#2a2a3e' },
+    setProfile: vi.fn(),
+  }),
+}));
+
+vi.mock('use-sound', () => ({
+  default: vi.fn(() => [vi.fn()]),
+}));
+
+vi.mock('canvas-confetti', () => ({
+  default: vi.fn(),
+}));
+
+vi.mock('sweetalert2', () => ({
+  fire: vi.fn(),
+}));
+
+const Wrapper = ({ children }) => (
+  <ThemeProvider>
+    <MemoryRouter>{children}</MemoryRouter>
+  </ThemeProvider>
+);
+
+describe('SOSGame', () => {
+  beforeEach(() => {
+    vi.clearAllMocks();
+  });
+
+  it('renders landing UI when not in room', () => {
+    render(<SOSGame />, { wrapper: Wrapper });
+    expect(screen.getByText('SOS')).toBeInTheDocument();
+    expect(screen.getByPlaceholderText('Enter name')).toBeInTheDocument();
+  });
+
+  it('has board size selector', () => {
+    render(<SOSGame />, { wrapper: Wrapper });
+    expect(screen.getByText(/Board Size/)).toBeInTheDocument();
+  });
+});
diff --git a/pro/src/store/avatarStore.js b/pro/src/store/avatarStore.js
new file mode 100644
index 0000000..18cd36e
--- /dev/null
+++ b/pro/src/store/avatarStore.js
@@ -0,0 +1,76 @@
+import { create } from 'zustand';
+import { persist } from 'zustand/middleware';
+
+// Avatar styles from dicebear
+export const AVATAR_STYLES = [
+  'adventurer',
+  'adventurer-neutral',
+  'avataaars',
+  'avataaars-neutral',
+  'big-ears',
+  'big-smile',
+  'bottts',
+  'bottts-neutral',
+  'croodles',
+  'croodles-neutral',
+  'micah',
+  'notionists',
+  'open-peeps',
+  'personas',
+  'pixel-art',
+  'pixel-art-neutral',
+];
+
+export const AVATAR_COLORS = [
+  '#FF6B6B', // Red
+  '#4ECDC4', // Teal
+  '#45B7D1', // Blue
+  '#FFA07A', // Light Salmon
+  '#98D8C8', // Mint
+  '#F7DC6F', // Yellow
+  '#BB8FCE', // Purple
+  '#85C1E2', // Sky Blue
+  '#F8B88B', // Peach
+  '#82E0AA', // Light Green
+];
+
+export const useAvatarStore = create(
+  persist(
+    (set, get) => ({
+      avatar: {
+        style: 'adventurer',
+        seed: Math.random().toString(36).substring(7),
+        backgroundColor: AVATAR_COLORS[0],
+      },
+      setAvatar: (style, seed, backgroundColor) => {
+        set({
+          avatar: {
+            style,
+            seed: seed || Math.random().toString(36).substring(7),
+            backgroundColor,
+          },
+        });
+      },
+      generateNewAvatar: () => {
+        const randomStyle = AVATAR_STYLES[Math.floor(Math.random() * AVATAR_STYLES.length)];
+        const randomColor = AVATAR_COLORS[Math.floor(Math.random() * AVATAR_COLORS.length)];
+        const randomSeed = Math.random().toString(36).substring(7);
+        set({
+          avatar: {
+            style: randomStyle,
+            seed: randomSeed,
+            backgroundColor: randomColor,
+          },
+        });
+      },
+      getAvatarUrl: () => {
+        const { avatar } = get();
+        return `https://api.dicebear.com/7.x/${avatar.style}/svg?seed=${avatar.seed}&backgroundColor=${avatar.backgroundColor.replace('#', '')}`;
+      },
+    }),
+    {
+      name: 'avatar-store',
+      storage: localStorage,
+    },
+  ),
+);
diff --git a/pro/src/test-setup.js b/pro/src/test-setup.js
index 7b0828b..66c85ee 100644
--- a/pro/src/test-setup.js
+++ b/pro/src/test-setup.js
@@ -1 +1,37 @@
 import '@testing-library/jest-dom';
+
+Object.defineProperty(window, 'localStorage', {
+  value: (() => {
+    let store = {};
+    return {
+      getItem: (key) => store[key] ?? null,
+      setItem: (key, value) => {
+        store[key] = String(value);
+      },
+      removeItem: (key) => {
+        delete store[key];
+      },
+      clear: () => {
+        store = {};
+      },
+    };
+  })(),
+});
+
+Object.defineProperty(window, 'sessionStorage', {
+  value: (() => {
+    let store = {};
+    return {
+      getItem: (key) => store[key] ?? null,
+      setItem: (key, value) => {
+        store[key] = String(value);
+      },
+      removeItem: (key) => {
+        delete store[key];
+      },
+      clear: () => {
+        store = {};
+      },
+    };
+  })(),
+});
diff --git a/pro/src/tictactoe/TicTacToe.jsx b/pro/src/tictactoe/TicTacToe.jsx
index d5c8539..8dbf7fa 100644
--- a/pro/src/tictactoe/TicTacToe.jsx
+++ b/pro/src/tictactoe/TicTacToe.jsx
@@ -1,268 +1,340 @@
-import React, { useState, useEffect } from 'react';
+import React, { useState, useEffect, useCallback } from 'react';
 import { useGameContext } from '../context/GameContext';
-import RetroButton from '../components/ui/RetroButton';
+import {
+  SketchButton,
+  SketchCard,
+  sketchPopupClass,
+  GameLayout,
+  AvatarSelector,
+  AvatarReactionBar,
+} from '../components/ui';
 import useSound from 'use-sound';
 import confetti from 'canvas-confetti';
 import Swal from 'sweetalert2';
 import { useNavigate } from 'react-router-dom';
-import { ArrowLeft, Users, Trophy, SwatchBook } from 'lucide-react';
-import logger from '../utils/logger';
+import useSocketListeners from '../hooks/useSocketListeners';
+import useReconnection from '../hooks/useReconnection';
 
 const TicTacToe = () => {
-  const { socket, playerName, roomId, setRoomId } = useGameContext();
+  const { socket, roomId, setRoomId, clearRoomId, setGamePrefix, profile, setProfile } = useGameContext();
   const [board, setBoard] = useState(Array(9).fill(null));
   const [players, setPlayers] = useState([]);
   const [currentTurn, setCurrentTurn] = useState(null);
   const [gameState, setGameState] = useState('waiting');
   const [winningCells, setWinningCells] = useState([]);
-  const [mySymbol, setMySymbol] = useState(null);
+  const [lastMove, setLastMove] = useState(null);
   const navigate = useNavigate();
 
-  const [playMove] = useSound('/sounds/move.mp3', { volume: 0.5 });
   const [playWin] = useSound('/sounds/win.mp3', { volume: 0.7 });
 
-  useEffect(() => {
+  const handleCreateRoom = useCallback(() => {
     if (!socket) return;
-
-    logger.info('TTT', `Socket connected: ${socket.id}`);
-
-    socket.on('ttt_roomInfo', ({ id, players, gameState, currentTurn, board }) => {
-      logger.socket('⬅️', 'ttt_roomInfo', { roomId: id, gameState });
-      setRoomId(id);
-      setPlayers(players);
-      setGameState(gameState);
-      setCurrentTurn(currentTurn);
-      if (board) setBoard(board);
-      
-      const playerIndex = players.findIndex(p => p.id === socket.id);
-      if (playerIndex !== -1) {
-        setMySymbol(playerIndex === 0 ? 'X' : 'O');
-      }
-    });
-
-    socket.on('ttt_gameStarted', () => {
-      logger.socket('⬅️', 'ttt_gameStarted', 'Game started');
-      setGameState('playing');
-      setWinningCells([]);
-      Swal.fire({
-        title: 'Game Started!',
-        text: 'The battle begins!',
-        timer: 1500,
-        showConfirmButton: false,
-        customClass: { popup: 'glass rounded-3xl paper-font' }
-      });
-    });
-
-    socket.on('ttt_gameRestarted', () => {
-      logger.socket('⬅️', 'ttt_gameRestarted', 'Game restarted');
-      setGameState('playing');
-      setWinningCells([]);
-      setBoard(Array(9).fill(null));
-      Swal.fire({
-        title: 'Game Restarted',
-        text: 'Round 2!',
-        timer: 1500,
-        showConfirmButton: false,
-        customClass: { popup: 'glass rounded-3xl paper-font' }
-      });
-    });
-
-    socket.on('ttt_moveMade', ({ position, symbol, board }) => {
-      logger.socket('⬅️', 'ttt_moveMade', { position, symbol });
-      playMove();
-      setBoard(board);
+    socket.emit('ttt_createRoom', {
+      playerName: profile.name,
+      avatarIcon: profile.avatarIcon,
+      color: profile.color,
     });
+  }, [socket, profile]);
 
-    socket.on('ttt_nextTurn', (playerId) => {
-      logger.socket('⬅️', 'ttt_nextTurn', { playerId });
-      setCurrentTurn(playerId);
-    });
-
-    socket.on('ttt_gameWon', ({ winner, winningLine }) => {
-      logger.socket('⬅️', 'ttt_gameWon', { winner, winningLine });
-      playWin();
-      setWinningCells(winningLine);
-      confetti({
-        particleCount: 150,
-        spread: 70,
-        origin: { y: 0.6 }
-      });
-      const winnerName = players.find(p => p.id === winner)?.name || 'Someone';
-      Swal.fire({
-        title: '🎉 Victory!',
-        text: `${winnerName} has won!`,
-        icon: 'success',
-        customClass: { popup: 'glass rounded-3xl paper-font' }
-      });
-      setGameState('ended');
-    });
-
-    socket.on('ttt_gameDraw', () => {
-      logger.socket('⬅️', 'ttt_gameDraw', 'Draw!');
-      Swal.fire({
-        title: '🤝 Draw!',
-        text: 'It\'s a tie!',
-        icon: 'info',
-        customClass: { popup: 'glass rounded-3xl paper-font' }
-      });
-      setGameState('ended');
-    });
-
-    socket.on('ttt_playerLeft', (playerId) => {
-      logger.socket('⬅️', 'ttt_playerLeft', { playerId });
-      Swal.fire({
-        title: 'Player Left',
-        text: 'The opponent has left the party.',
-        icon: 'warning',
-        customClass: { popup: 'glass rounded-3xl paper-font' }
-      });
-      setGameState('waiting');
-      setBoard(Array(9).fill(null));
-    });
-
-    socket.on('ttt_alert', ({ icon, title, text }) => {
-      logger.socket('⬅️', 'ttt_alert', { icon, title, text });
-      Swal.fire({ icon, title, text, customClass: { popup: 'glass rounded-3xl paper-font' } });
-    });
-
-    return () => {
-      socket.off('ttt_roomInfo');
-      socket.off('ttt_gameStarted');
-      socket.off('ttt_gameRestarted');
-      socket.off('ttt_moveMade');
-      socket.off('ttt_nextTurn');
-      socket.off('ttt_gameWon');
-      socket.off('ttt_gameDraw');
-      socket.off('ttt_playerLeft');
-      socket.off('ttt_alert');
-    };
-  }, [socket, players, setRoomId, playMove, playWin]);
-
-  const handleCellClick = (position) => {
-    if (gameState === 'playing' && currentTurn === socket?.id && !board[position]) {
-      logger.socket('➡️', 'ttt_makeMove', { roomId, position });
-      socket.emit('ttt_makeMove', { roomId, position });
-    }
-  };
-
-  const handleCreateRoom = () => {
-    logger.socket('➡️', 'ttt_createRoom', { playerName });
-    socket.emit('ttt_createRoom', playerName);
-  };
-
-  const handleJoinRoom = async () => {
+  const handleJoinRoom = useCallback(async () => {
     const { value: joinRoomId } = await Swal.fire({
       title: 'Join Room',
       input: 'text',
       inputPlaceholder: 'Enter Room ID',
       showCancelButton: true,
-      customClass: { popup: 'glass rounded-3xl paper-font' }
+      customClass: { popup: sketchPopupClass },
     });
     if (joinRoomId) {
-      logger.socket('➡️', 'ttt_joinRoom', { roomId: joinRoomId.toUpperCase(), playerName });
-      socket.emit('ttt_joinRoom', { roomId: joinRoomId.toUpperCase(), playerName });
+      socket.emit('ttt_joinRoom', {
+        roomId: joinRoomId.toUpperCase(),
+        playerName: profile.name,
+        avatarIcon: profile.avatarIcon,
+        color: profile.color,
+      });
     }
-  };
+  }, [socket, profile]);
 
-  const handleRestartGame = () => {
-    logger.socket('➡️', 'ttt_restartGame', { roomId });
+  const { clearReconnect } = useReconnection({
+    socket,
+    gamePrefix: 'ttt',
+    roomId,
+    onRestore: (room) => {
+      if (!room) return;
+      setRoomId(room.id);
+      setPlayers(room.players || []);
+      setGameState(room.gameState || 'waiting');
+      setCurrentTurn(room.currentTurn);
+      if (room.board) setBoard(room.board);
+    },
+  });
+
+  useSocketListeners(
+    socket,
+    {
+      ttt_roomInfo: ({ id, players, gameState, currentTurn, board }) => {
+        setRoomId(id);
+        setPlayers(players);
+        setGameState(gameState);
+        setCurrentTurn(currentTurn);
+        if (board) setBoard([...board]);
+        const playerIndex = players.findIndex((p) => p.id === socket.id);
+        if (playerIndex !== -1) {
+          sessionStorage.setItem('ttt_reconnect', JSON.stringify({ roomId: id, playerId: players[playerIndex].id }));
+        }
+      },
+      ttt_moveMade: ({ board, lastMove }) => {
+        if (board) setBoard([...board]);
+        if (lastMove) setLastMove(lastMove);
+      },
+      ttt_nextTurn: ({ nextPlayerId }) => {
+        setCurrentTurn(nextPlayerId);
+      },
+      ttt_gameStarted: () => {
+        setGameState('playing');
+        setWinningCells([]);
+        setLastMove(null);
+        Swal.fire({
+          title: 'Game Started!',
+          text: 'Make your move!',
+          timer: 1500,
+          showConfirmButton: false,
+          customClass: { popup: sketchPopupClass },
+        });
+      },
+      ttt_gameRestarted: () => {
+        setGameState('waiting');
+        setWinningCells([]);
+        setBoard(Array(9).fill(null));
+        setLastMove(null);
+      },
+      ttt_gameWon: ({ winningLine }) => {
+        playWin();
+        setWinningCells(winningLine);
+        confetti({
+          particleCount: 150,
+          spread: 70,
+          origin: { y: 0.6 },
+        });
+        setGameState('ended');
+        clearReconnect();
+      },
+      ttt_gameDraw: () => {
+        setGameState('ended');
+        clearReconnect();
+      },
+      ttt_playerLeft: () => {
+        Swal.fire({
+          title: 'Player Left',
+          text: 'The opponent has left the party.',
+          icon: 'warning',
+          customClass: { popup: sketchPopupClass },
+        });
+        setGameState('waiting');
+        setBoard(Array(9).fill(null));
+        setLastMove(null);
+      },
+      ttt_alert: ({ icon, title, text }) => {
+        Swal.fire({ icon, title, text, customClass: { popup: sketchPopupClass } });
+      },
+      ttt_reconnectFailed: ({ reason, roomId: failedRoomId }) => {
+        Swal.fire({
+          title: 'Reconnection Failed',
+          text:
+            reason === 'room_not_found'
+              ? 'The room no longer exists.'
+              : reason === 'player_not_found'
+                ? 'Your player session was not found.'
+                : reason === 'game_already_ended'
+                  ? 'The game has ended.'
+                  : 'Could not reconnect to the game.',
+          icon: 'error',
+          customClass: { popup: sketchPopupClass },
+        }).then(() => {
+          clearReconnect();
+          clearRoomId(failedRoomId);
+          navigate('/');
+        });
+      },
+      server_shutdown: ({ message }) => {
+        Swal.fire({
+          title: 'Server Shutting Down',
+          text: message || 'The server is going down for maintenance.',
+          icon: 'info',
+          customClass: { popup: sketchPopupClass },
+        }).then(() => {
+          clearReconnect();
+          clearRoomId(roomId);
+          navigate('/');
+        });
+      },
+    },
+    [clearRoomId, navigate, playWin, roomId],
+  );
+
+  useEffect(() => {
+    if (!socket) return;
+    setGamePrefix('ttt');
+  }, [socket, setGamePrefix]);
+
+  const handleCellClick = useCallback(
+    (position) => {
+      if (gameState === 'playing' && currentTurn === socket?.id && !board[position]) {
+        socket.emit('ttt_makeMove', { roomId, position });
+      }
+    },
+    [gameState, currentTurn, roomId, socket, board],
+  );
+
+  const handleRestartGame = useCallback(() => {
     socket.emit('ttt_restartGame', roomId);
-  };
+  }, [roomId, socket]);
+
+  const handleLeaveRoom = useCallback(async () => {
+    const result = await Swal.fire({
+      title: 'Leave Game?',
+      text: 'Your progress will be lost.',
+      icon: 'warning',
+      showCancelButton: true,
+      confirmButtonText: 'Leave',
+      cancelButtonText: 'Stay',
+      customClass: { popup: sketchPopupClass },
+    });
+    if (!result.isConfirmed) return;
+    socket.emit('ttt_leaveRoom', roomId);
+    clearReconnect();
+    clearRoomId(roomId);
+    navigate('/');
+  }, [roomId, socket, clearReconnect, clearRoomId, navigate]);
 
   const renderBoard = () => (
-    <div className="glass p-3 sm:p-6 rounded-xl sm:rounded-2xl">
+    <SketchCard className="p-3 sm:p-6">
       <div className="grid grid-cols-3 gap-1 sm:gap-2 w-48 sm:w-64 md:w-80">
-        {board.map((cell, i) => (
-          <button
-            key={i}
-            onClick={() => handleCellClick(i)}
-            disabled={gameState !== 'playing' || currentTurn !== socket?.id || cell}
-            className={`
-              aspect-square text-3xl sm:text-5xl md:text-6xl font-bold 
-              glass rounded-lg sm:rounded-xl transition-all duration-200
-              ${cell ? 'cursor-default' : 'cursor-pointer hover:bg-white/40'}
-              ${cell === 'X' ? 'text-blue-600' : cell === 'O' ? 'text-red-600' : 'text-transparent'}
-              ${winningCells.includes(i) ? 'bg-yellow-300/50 ring-2 ring-yellow-500' : ''}
-            `}
-          >
-            {cell || ''}
-          </button>
-        ))}
+        {board.map((cell, i) => {
+          const isLastMoveCell = lastMove && lastMove.position === i;
+          return (
+            <button
+              key={i}
+              onClick={() => handleCellClick(i)}
+              disabled={gameState !== 'playing' || currentTurn !== socket?.id || cell}
+              className={`
+                aspect-square text-3xl sm:text-5xl md:text-6xl font-bold
+                transition-all duration-200
+                ${cell ? 'cursor-default' : 'cursor-pointer hover:bg-gray-100'}
+                ${cell === 'X' ? 'text-blue-600' : cell === 'O' ? 'text-red-600' : 'text-transparent'}
+                ${winningCells.includes(i) ? 'bg-yellow-300/50 ring-2 ring-yellow-500' : ''}
+                ${isLastMoveCell ? 'ring-2 ring-sky-400 ring-offset-2' : ''}
+                font-sketch
+              `}
+            >
+              {cell || ''}
+            </button>
+          );
+        })}
       </div>
-    </div>
+    </SketchCard>
   );
 
-return (
-    <div className="min-h-screen flex flex-col items-center justify-center p-2 sm:p-4">
-      <RetroButton 
-        onClick={() => navigate('/')} 
-        variant="secondary" 
-        className="absolute top-2 sm:top-8 left-2 sm:left-8 flex items-center gap-1 sm:gap-2 text-xs sm:text-base px-2 sm:px-4"
-      >
-        <ArrowLeft size={14} className="sm:w-[18px]" />
-        <span className="hidden sm:inline">Back</span>
-      </RetroButton>
-
-      <h1 className="text-3xl sm:text-5xl md:text-6xl hand-drawn mb-4 sm:mb-8 text-blue-600">Tic Tac Toe</h1>
+  if (!roomId) {
+    return (
+      <div className="min-h-screen bg-paper flex flex-col items-center justify-center p-4">
+        <h1 className="text-3xl sm:text-5xl font-sketch mb-6 text-ink">Tic Tac Toe</h1>
+        <SketchCard className="p-6 max-w-md w-full mb-4">
+          <input
+            type="text"
+            value={profile.name}
+            onChange={(e) => setProfile((prev) => ({ ...prev, name: e.target.value }))}
+            placeholder="Enter your name"
+            className="w-full px-3 py-2 border border-ink/30 rounded sketch-font text-ink bg-white/80"
+          />
+          <AvatarSelector
+            avatarIcon={profile.avatarIcon}
+            color={profile.color}
+            onAvatarChange={(icon) => setProfile((prev) => ({ ...prev, avatarIcon: icon }))}
+            onColorChange={(c) => setProfile((prev) => ({ ...prev, color: c }))}
+          />
+        </SketchCard>
+        <SketchCard className="p-8 max-w-md w-full">
+          <div className="flex gap-4 justify-center">
+            <SketchButton onClick={handleCreateRoom}>Create</SketchButton>
+            <SketchButton onClick={handleJoinRoom}>Join</SketchButton>
+          </div>
+        </SketchCard>
+      </div>
+    );
+  }
 
-      {!roomId ? (
-        <div className="flex gap-2 sm:gap-4 flex-wrap justify-center">
-          <RetroButton onClick={handleCreateRoom} className="text-sm sm:text-base px-3 sm:px-6 py-2">Create</RetroButton>
-          <RetroButton onClick={handleJoinRoom} variant="secondary" className="text-sm sm:text-base px-3 sm:px-6 py-2">Join</RetroButton>
-        </div>
-      ) : (
-        <div className="w-full max-w-sm sm:max-w-md">
-          <div className="glass p-2 sm:p-4 rounded-xl sm:rounded-2xl mb-4 sm:mb-8 flex flex-col sm:flex-row justify-between items-center gap-2 sm:gap-4">
-            <div className="paper-font text-gray-600 flex items-center gap-1 sm:gap-2 text-xs sm:text-base">
-              <SwatchBook size={14} className="sm:w-[18px] text-blue-500" />
-              <span className="hidden sm:inline">Room:</span> 
-              <span className="font-bold text-blue-600 uppercase">{roomId}</span>
-            </div>
-            <div className="flex gap-2 sm:gap-4 text-xs sm:text-sm">
-              {players.map((p, i) => (
-                <div key={p.id} className={`flex items-center gap-1 sm:gap-2 transition-all duration-300 ${p.id === currentTurn ? 'scale-105' : 'opacity-60'}`}>
-                  {p.id === currentTurn ? (
-                    <Users size={12} className="sm:w-4 text-blue-500 animate-pulse" />
-                  ) : (
-                    <div className={`w-2 h-2 sm:w-3 sm:h-3 rounded-full ${i === 0 ? 'bg-blue-500' : 'bg-red-500'}`} />
-                  )}
-                  <span className="font-bold paper-font">
-                    {p.name.length > 8 ? p.name.slice(0,8)+'...' : p.name}
-                  </span>
-                </div>
-              ))}
-            </div>
+  if (gameState === 'waiting') {
+    return (
+      <div className="min-h-screen bg-paper flex items-center justify-center p-4">
+        <SketchCard className="p-6 mb-4">
+          <div className="flex items-center justify-between mb-4">
+            <span className="font-handwriting text-ink flex items-center gap-2">
+              <span>Room:</span>
+              <span className="font-bold uppercase">{roomId}</span>
+            </span>
+          </div>
+          <div className="flex flex-col gap-2">
+            {players.map((p, _idx) => (
+              <div key={p.id} className="flex items-center gap-2 sketch-border px-3 py-2">
+                <span className="text-lg">{p.connected !== false ? '☑️' : '☐'}</span>
+                <span className="font-handwriting text-ink flex-1 truncate">{p.name}</span>
+                {p.id === socket?.id && <span className="text-xs opacity-60">(You)</span>}
+              </div>
+            ))}
           </div>
+        </SketchCard>
 
-          {renderBoard()}
+        <SketchButton onClick={handleRestartGame} disabled={players.length < 2} className="w-full">
+          {players.length < 2 ? 'Waiting for opponent...' : 'Start Game'}
+        </SketchButton>
 
-          {gameState === 'ended' && (
-            <RetroButton onClick={handleRestartGame} className="mt-4 text-sm sm:text-base px-3 sm:px-6 py-2">
-              Play Again
-            </RetroButton>
-          )}
+        <SketchButton onClick={handleLeaveRoom} className="w-full mt-2" style={{ background: '#fff0f0' }}>
+          Leave Room
+        </SketchButton>
+      </div>
+    );
+  }
 
-          <div className="text-center paper-font text-xs sm:text-lg text-gray-700 flex flex-col items-center gap-2">
-            {gameState === 'playing' ? (
-              currentTurn === socket?.id ? (
-                <div className="flex items-center gap-1 sm:gap-2 text-blue-600 animate-bounce">
-                  <Trophy size={16} className="sm:w-6" />
-                  <span>Your turn!</span>
-                </div>
-              ) : (
-                <div className="flex items-center gap-1 sm:gap-2">
-                  <div className="w-3 h-3 sm:w-4 sm:h-4 border-2 border-blue-600 border-t-transparent rounded-full animate-spin" />
-                  <span className="hidden sm:inline">Waiting for {players.find(p => p.id === currentTurn)?.name}...</span>
-                  <span className="sm:hidden">Waiting...</span>
+  return (
+    <GameLayout players={players}>
+      <div className="flex flex-col items-center justify-center p-2 sm:p-4 w-full">
+        <h1 className="text-3xl sm:text-5xl md:text-6xl font-sketch mb-4 sm:mb-8 text-ink">Tic Tac Toe</h1>
+
+        {gameState !== 'waiting' && (
+          <div className="w-full max-w-sm sm:max-w-md">
+            {gameState === 'playing' && (
+              <div className="mb-4 text-center">
+                <div className="flex items-center justify-center gap-2">
+                  <span className="font-sketch text-xl text-ink">
+                    {currentTurn === socket?.id ? 'Your turn!' : 'Waiting for opponent...'}
+                  </span>
                 </div>
-              )
-            ) : (
-              gameState === 'waiting' ? "Waiting for opponent..." : "Game Over!"
+              </div>
             )}
+
+            {renderBoard()}
+
+            <div className="mt-4 flex justify-center">
+              <SketchButton onClick={handleLeaveRoom} className="text-sm px-3 py-1">
+                Leave Room
+              </SketchButton>
+            </div>
           </div>
-        </div>
+        )}
+
+        {gameState === 'ended' && (
+          <div className="mt-4 text-center">
+            <SketchButton onClick={handleRestartGame} className="text-sm px-3 py-1">
+              Rematch
+            </SketchButton>
+          </div>
+        )}
+      </div>
+
+      {gameState === 'playing' && (
+        <AvatarReactionBar socket={socket} roomId={roomId} gamePrefix="ttt" players={players} />
       )}
-    </div>
+    </GameLayout>
   );
 };
 
diff --git a/pro/src/tictactoe/TicTacToe.test.jsx b/pro/src/tictactoe/TicTacToe.test.jsx
index 9aa3e36..566676f 100644
--- a/pro/src/tictactoe/TicTacToe.test.jsx
+++ b/pro/src/tictactoe/TicTacToe.test.jsx
@@ -3,62 +3,165 @@ import { render, screen, fireEvent, act } from '@testing-library/react';
 import { describe, it, expect, vi, beforeEach } from 'vitest';
 import TicTacToe from './TicTacToe';
 import { GameProvider } from '../context/GameContext';
+import { ThemeProvider } from '../context/ThemeContext';
 import { BrowserRouter } from 'react-router-dom';
 
-// Mock Socket.io
 const mockSocket = {
-  id: 'mock-id',
+  id: 'p1',
   on: vi.fn(),
   off: vi.fn(),
   emit: vi.fn(),
   disconnect: vi.fn(),
 };
 
-vi.mock('socket.io-client', () => ({
-  default: () => mockSocket
-}));
+vi.mock('socket.io-client', () => ({ default: () => mockSocket }));
+vi.mock('use-sound', () => ({ default: () => [vi.fn()] }));
+vi.mock('canvas-confetti', () => ({ default: vi.fn() }));
+vi.mock('sweetalert2', () => ({ default: { fire: vi.fn().mockResolvedValue({ isConfirmed: true }) } }));
+
+const Wrapper = ({ children }) => (
+  <ThemeProvider>
+    <GameProvider>
+      <BrowserRouter>{children}</BrowserRouter>
+    </GameProvider>
+  </ThemeProvider>
+);
+
+const findEventCb = (event) => {
+  const call = mockSocket.on.mock.calls.find((c) => c[0] === event);
+  return call?.[1];
+};
+
+const playingRoomInfo = {
+  id: 'TTT01',
+  players: [
+    { id: 'p1', name: 'Alice', connected: true, avatarIcon: 'cat', color: '#2a2a3e' },
+    { id: 'p2', name: 'Bob', connected: true, avatarIcon: 'dog', color: '#c73e1d' },
+  ],
+  gameState: 'playing',
+  currentTurn: 'p1',
+  board: Array(9).fill(null),
+};
 
 describe('TicTacToe', () => {
   beforeEach(() => {
     vi.clearAllMocks();
+    sessionStorage.clear();
   });
 
-  it('emits ttt_makeMove when a cell is clicked', async () => {
-    render(
-      <GameProvider>
-        <BrowserRouter>
-          <TicTacToe />
-        </BrowserRouter>
-      </GameProvider>
-    );
-
-    // Simulate being in a game and it being our turn
-    const roomInfoCall = mockSocket.on.mock.calls.find(call => call[0] === 'ttt_roomInfo');
-    if (!roomInfoCall) throw new Error('ttt_roomInfo listener not registered');
-    
-    const roomInfoCallback = roomInfoCall[1];
-    
-    await act(async () => {
-      roomInfoCallback({
-        id: '123456',
-        players: [{ id: 'mock-id', name: 'Alice' }, { id: 'bob-id', name: 'Bob' }],
-        gameState: 'playing',
-        currentTurn: 'mock-id',
-        board: Array(9).fill(null)
+  describe('Lobby - No Room', () => {
+    it('shows Create and Join buttons when no room', () => {
+      render(<TicTacToe />, { wrapper: Wrapper });
+      expect(screen.getByText('Create')).toBeTruthy();
+      expect(screen.getByText('Join')).toBeTruthy();
+    });
+
+    it('emits ttt_createRoom when Create is clicked', async () => {
+      render(<TicTacToe />, { wrapper: Wrapper });
+      await act(async () => {
+        fireEvent.click(screen.getByText('Create'));
       });
+      expect(mockSocket.emit).toHaveBeenCalledWith(
+        'ttt_createRoom',
+        expect.objectContaining({ playerName: expect.any(String) }),
+      );
     });
+  });
+
+  describe('Board Rendering', () => {
+    it('renders the game board when roomInfo received with playing state', async () => {
+      render(<TicTacToe />, { wrapper: Wrapper });
+
+      const cb = findEventCb('ttt_roomInfo');
+      await act(async () => {
+        cb(playingRoomInfo);
+      });
+
+      expect(screen.getByText('Your turn!')).toBeTruthy();
+    });
+
+    it('shows player initials in nav', async () => {
+      render(<TicTacToe />, { wrapper: Wrapper });
+
+      const cb = findEventCb('ttt_roomInfo');
+      await act(async () => {
+        cb(playingRoomInfo);
+      });
+
+      expect(screen.getByText('Al')).toBeTruthy();
+      expect(screen.getByText('Bo')).toBeTruthy();
+    });
+
+    it('shows Rematch button when game ends with win', async () => {
+      render(<TicTacToe />, { wrapper: Wrapper });
+
+      const cb = findEventCb('ttt_roomInfo');
+      await act(async () => {
+        cb(playingRoomInfo);
+      });
+
+      const gameWonCb = findEventCb('ttt_gameWon');
+      await act(async () => {
+        gameWonCb({ winner: 'p1', winningLine: [0, 1, 2] });
+      });
 
-    const cells = screen.getAllByRole('button');
-    // The first few buttons might be navigation, but the board cells have numbers or are empty
-    // Our TicTacToe board uses <button> for cells.
-    // Let's click the first cell.
-    
-    await act(async () => {
-      fireEvent.click(cells[1]); // cells[0] is the Back button
+      expect(screen.getByText('Rematch')).toBeTruthy();
     });
 
-    expect(mockSocket.emit).toHaveBeenCalledWith('ttt_makeMove', expect.objectContaining({
-      position: 0
-    }));
+    it('shows Rematch button when game ends with draw', async () => {
+      render(<TicTacToe />, { wrapper: Wrapper });
+
+      const cb = findEventCb('ttt_roomInfo');
+      await act(async () => {
+        cb(playingRoomInfo);
+      });
+
+      const gameDrawCb = findEventCb('ttt_gameDraw');
+      await act(async () => {
+        gameDrawCb();
+      });
+
+      expect(screen.getByText('Rematch')).toBeTruthy();
+    });
+  });
+
+  describe('Making Moves', () => {
+    it('emits ttt_makeMove when a cell is clicked on my turn', async () => {
+      const { container } = render(<TicTacToe />, { wrapper: Wrapper });
+
+      const cb = findEventCb('ttt_roomInfo');
+      await act(async () => {
+        cb(playingRoomInfo);
+      });
+
+      await screen.findByText('Your turn!');
+
+      const boardGrid = container.querySelector('.grid.grid-cols-3');
+      expect(boardGrid).toBeTruthy();
+      const cells = boardGrid.querySelectorAll('button');
+
+      await act(async () => {
+        fireEvent.click(cells[0]);
+      });
+
+      expect(mockSocket.emit).toHaveBeenCalledWith('ttt_makeMove', expect.objectContaining({ position: 0 }));
+    });
+  });
+
+  describe('Avatar Selector', () => {
+    it('shows avatar icon selector in the lobby when no room', () => {
+      render(<TicTacToe />, { wrapper: Wrapper });
+      const avatarButtons = screen.getAllByRole('button').filter((b) => b.querySelector('svg'));
+      expect(avatarButtons.length).toBe(12);
+    });
+
+    it('allows selecting an avatar icon', async () => {
+      render(<TicTacToe />, { wrapper: Wrapper });
+      const avatarButtons = screen.getAllByRole('button').filter((b) => b.querySelector('svg'));
+      await act(async () => {
+        fireEvent.click(avatarButtons[1]);
+      });
+      expect(avatarButtons[1].className).toContain('border-ink');
+    });
   });
 });
diff --git a/pro/src/utils/logger.js b/pro/src/utils/logger.js
index 36a7e14..9744664 100644
--- a/pro/src/utils/logger.js
+++ b/pro/src/utils/logger.js
@@ -25,25 +25,37 @@ const colors = {
 const logger = {
   debug: (category, message, data) => {
     if (currentLevel <= LOG_LEVELS.debug) {
-      console.log(`${colors.blue}[${formatTime()}]${colors.reset} ${colors.gray}[${category}]${colors.reset} ${message}`, data || '');
+      console.log(
+        `${colors.blue}[${formatTime()}]${colors.reset} ${colors.gray}[${category}]${colors.reset} ${message}`,
+        data || '',
+      );
     }
   },
 
   info: (category, message, data) => {
     if (currentLevel <= LOG_LEVELS.info) {
-      console.log(`${colors.blue}[${formatTime()}]${colors.reset} ${colors.cyan}[${category}]${colors.reset} ${message}`, data || '');
+      console.log(
+        `${colors.blue}[${formatTime()}]${colors.reset} ${colors.cyan}[${category}]${colors.reset} ${message}`,
+        data || '',
+      );
     }
   },
 
   warn: (category, message, data) => {
     if (currentLevel <= LOG_LEVELS.warn) {
-      console.warn(`${colors.blue}[${formatTime()}]${colors.reset} ${colors.yellow}[${category}]${colors.reset} ${message}`, data || '');
+      console.warn(
+        `${colors.blue}[${formatTime()}]${colors.reset} ${colors.yellow}[${category}]${colors.reset} ${message}`,
+        data || '',
+      );
     }
   },
 
   error: (category, message, data) => {
     if (currentLevel <= LOG_LEVELS.error) {
-      console.error(`${colors.blue}[${formatTime()}]${colors.reset} ${colors.red}[${category}]${colors.reset} ${message}`, data || '');
+      console.error(
+        `${colors.blue}[${formatTime()}]${colors.reset} ${colors.red}[${category}]${colors.reset} ${message}`,
+        data || '',
+      );
     }
   },
 
@@ -52,10 +64,10 @@ const logger = {
     const eventColor = direction === '⬅️' ? colors.cyan : colors.magenta;
     console.log(
       `${colors.blue}[${formatTime()}]${colors.reset} ${dirColor}[${direction}]${colors.reset} ` +
-      `${eventColor}[${event}]${colors.reset}`,
-      data || ''
+        `${eventColor}[${event}]${colors.reset}`,
+      data || '',
     );
   },
 };
 
-export default logger;
\ No newline at end of file
+export default logger;
diff --git a/pro/src/utils/runtimeError.js b/pro/src/utils/runtimeError.js
new file mode 100644
index 0000000..986f427
--- /dev/null
+++ b/pro/src/utils/runtimeError.js
@@ -0,0 +1,37 @@
+import { toast } from 'sonner';
+import logger from './logger';
+
+const seenErrors = new Set();
+
+const getErrorMessage = (error) => {
+  if (error instanceof Error) {
+    return error.message;
+  }
+
+  if (typeof error === 'string') {
+    return error;
+  }
+
+  return 'Unknown runtime error';
+};
+
+export const reportRuntimeError = (source, error) => {
+  const message = getErrorMessage(error);
+  const stack = error instanceof Error ? error.stack : null;
+  const signature = `${message}:${stack || ''}`;
+
+  if (seenErrors.has(signature)) {
+    return;
+  }
+
+  seenErrors.add(signature);
+  if (seenErrors.size > 25) {
+    seenErrors.clear();
+  }
+
+  logger.error('APP', `${source}: ${message}`, stack ? { stack } : undefined);
+
+  toast.error('Something went wrong', {
+    description: `${source}: ${message}`,
+  });
+};
diff --git a/pro/src/utils/swal.js b/pro/src/utils/swal.js
index b12e4ca..91220e4 100644
--- a/pro/src/utils/swal.js
+++ b/pro/src/utils/swal.js
@@ -26,11 +26,12 @@ export const showSwal = ({ title, text, icon = 'info', timer, confirmText, showC
       popup: 'glass rounded-3xl border-2 border-blue-200/50',
       title: 'hand-drawn text-3xl text-blue-600',
       htmlContainer: 'paper-font text-gray-600 text-lg',
-      confirmButton: 'bg-blue-500 hover:bg-blue-600 text-white px-8 py-3 rounded-xl font-bold transition-all transform hover:scale-105'
+      confirmButton:
+        'bg-blue-500 hover:bg-blue-600 text-white px-8 py-3 rounded-xl font-bold transition-all transform hover:scale-105',
     },
     buttonsStyling: false,
     allowOutsideClick: false,
-    allowEscapeKey: false
+    allowEscapeKey: false,
   });
 };
 
@@ -43,9 +44,9 @@ export const showError = (title, message) => {
     customClass: {
       popup: 'glass rounded-3xl',
       title: 'hand-drawn text-2xl text-red-500',
-      confirmButton: 'bg-red-500 hover:bg-red-600 text-white px-6 py-2 rounded-xl font-bold'
+      confirmButton: 'bg-red-500 hover:bg-red-600 text-white px-6 py-2 rounded-xl font-bold',
     },
-    buttonsStyling: false
+    buttonsStyling: false,
   });
 };
 
@@ -58,11 +59,11 @@ export const showSuccess = (title, message) => {
     customClass: {
       popup: 'glass rounded-3xl',
       title: 'hand-drawn text-3xl text-green-600',
-      confirmButton: 'bg-green-500 hover:bg-green-600 text-white px-8 py-3 rounded-xl font-bold'
+      confirmButton: 'bg-green-500 hover:bg-green-600 text-white px-8 py-3 rounded-xl font-bold',
     },
     buttonsStyling: false,
     timer: 2000,
-    showConfirmButton: false
+    showConfirmButton: false,
   });
 };
 
@@ -79,8 +80,8 @@ export const showWaiting = (title, message) => {
     customClass: {
       popup: 'glass rounded-3xl',
       title: 'hand-drawn text-xl text-blue-500',
-      loader: 'text-blue-500'
-    }
+      loader: 'text-blue-500',
+    },
   });
 };
 
@@ -90,7 +91,7 @@ export const showInput = async (title, placeholder, confirmText = 'Join') => {
     input: 'text',
     inputPlaceholder: placeholder,
     inputAttributes: {
-      class: 'paper-font text-lg text-center uppercase tracking-wider'
+      class: 'paper-font text-lg text-center uppercase tracking-wider',
     },
     showCancelButton: true,
     confirmButtonText: confirmText,
@@ -103,9 +104,9 @@ export const showInput = async (title, placeholder, confirmText = 'Join') => {
       title: 'hand-drawn text-2xl text-blue-600',
       input: 'glass border-2 border-blue-200 rounded-xl px-4 py-3 text-center',
       confirmButton: 'bg-blue-500 hover:bg-blue-600 text-white px-6 py-2 rounded-xl font-bold',
-      cancelButton: 'bg-gray-500 hover:bg-gray-600 text-white px-6 py-2 rounded-xl font-bold'
+      cancelButton: 'bg-gray-500 hover:bg-gray-600 text-white px-6 py-2 rounded-xl font-bold',
     },
-    buttonsStyling: false
+    buttonsStyling: false,
   });
   return value;
 };
@@ -125,16 +126,14 @@ export const showConfirm = async (title, message, confirmText = 'Yes', cancelTex
       popup: 'glass rounded-3xl',
       title: 'hand-drawn text-2xl text-blue-600',
       confirmButton: 'bg-blue-500 hover:bg-blue-600 text-white px-6 py-2 rounded-xl font-bold',
-      cancelButton: 'bg-gray-500 hover:bg-gray-600 text-white px-6 py-2 rounded-xl font-bold'
+      cancelButton: 'bg-gray-500 hover:bg-gray-600 text-white px-6 py-2 rounded-xl font-bold',
     },
-    buttonsStyling: false
+    buttonsStyling: false,
   });
   return isConfirmed;
 };
 
-export const showRoomCreated = async (roomId, gameName = 'Game') => {
-  let copied = false;
-  
+export const showRoomCreated = async (roomId) => {
   const result = await Swal.fire({
     title: '🎉 Room Created!',
     html: `
@@ -160,7 +159,7 @@ export const showRoomCreated = async (roomId, gameName = 'Game') => {
     customClass: {
       popup: 'glass rounded-3xl',
       title: 'hand-drawn text-3xl text-green-600',
-      confirmButton: 'bg-green-500 hover:bg-green-600 text-white px-8 py-3 rounded-xl font-bold'
+      confirmButton: 'bg-green-500 hover:bg-green-600 text-white px-8 py-3 rounded-xl font-bold',
     },
     buttonsStyling: false,
     allowOutsideClick: false,
@@ -168,14 +167,13 @@ export const showRoomCreated = async (roomId, gameName = 'Game') => {
       const copyBtn = document.getElementById('copy-btn');
       copyBtn.addEventListener('click', () => {
         navigator.clipboard.writeText(roomId);
-        copied = true;
         document.getElementById('copy-text').classList.remove('hidden');
         setTimeout(() => {
           document.getElementById('copy-text').classList.add('hidden');
         }, 2000);
       });
-    }
+    },
   });
-  
+
   return result.isConfirmed;
-};
\ No newline at end of file
+};
diff --git a/pro/src/utils/useSocketLogger.js b/pro/src/utils/useSocketLogger.js
index 3f1cfff..a9ec246 100644
--- a/pro/src/utils/useSocketLogger.js
+++ b/pro/src/utils/useSocketLogger.js
@@ -8,13 +8,13 @@ export const useSocketLogger = (socket, events = {}) => {
     if (!socket) return;
 
     const wrappedHandlers = {};
-    
+
     Object.entries(events).forEach(([event, handler]) => {
       const wrappedHandler = (...args) => {
         logger.socket('⬅️', event, args.length === 1 ? args[0] : args);
         handler(...args);
       };
-      
+
       wrappedHandlers[event] = wrappedHandler;
       socket.on(event, wrappedHandler);
     });
@@ -36,4 +36,4 @@ export const useEmitWithLogging = (socket) => {
     logger.socket('➡️', event, data);
     socket.emit(event, data);
   };
-};
\ No newline at end of file
+};
diff --git a/pro/src/uttt/UTTTGame.jsx b/pro/src/uttt/UTTTGame.jsx
index 4340027..5e40515 100644
--- a/pro/src/uttt/UTTTGame.jsx
+++ b/pro/src/uttt/UTTTGame.jsx
@@ -1,289 +1,572 @@
-import React, { useState, useEffect } from 'react';
+import React, { useState, useEffect, useCallback } from 'react';
 import { useGameContext } from '../context/GameContext';
-import RetroButton from '../components/ui/RetroButton';
+import {
+  SketchButton,
+  SketchCard,
+  sketchPopupClass,
+  GameLayout,
+  AvatarSelector,
+  ScoreBoard,
+  AvatarReactionBar,
+  MatchReport,
+  GameLobby,
+} from '../components/ui';
 import useSound from 'use-sound';
 import confetti from 'canvas-confetti';
 import Swal from 'sweetalert2';
 import { useNavigate } from 'react-router-dom';
-import { ArrowLeft, Users, Trophy, Grid3X3, Star } from 'lucide-react';
+import { Users, Trophy, Grid3X3, Sparkles } from 'lucide-react';
 import MacroGrid from './components/MacroGrid';
+import useSocketListeners from '../hooks/useSocketListeners';
+import useReconnection from '../hooks/useReconnection';
 import logger from '../utils/logger';
 
+const PLAYER_COLORS = ['#1a1a2e', '#c73e1d'];
+
 const UTTTGame = () => {
-  const { socket, playerName, roomId, setRoomId } = useGameContext();
+  const { socket, roomId, setRoomId, clearRoomId, profile, setProfile, setGamePrefix } = useGameContext();
   const [players, setPlayers] = useState([]);
+  const [spectators, setSpectators] = useState([]);
   const [currentTurn, setCurrentTurn] = useState(null);
   const [gameState, setGameState] = useState('waiting');
-  const [board, setBoard] = useState(Array(9).fill(null).map(() => Array(9).fill(null)));
+  const [board, setBoard] = useState(
+    Array(9)
+      .fill(null)
+      .map(() => Array(9).fill(null)),
+  );
   const [macroBoard, setMacroBoard] = useState(Array(9).fill(null));
   const [activeGrid, setActiveGrid] = useState(null);
   const [scores, setScores] = useState({ X: 0, O: 0 });
   const [lastMove, setLastMove] = useState(null);
-  const [mySymbol, setMySymbol] = useState(null);
+  const setMySymbol = useState(null)[1];
+  const [myPlayerIndex, setMyPlayerIndex] = useState(-1);
   const navigate = useNavigate();
 
   const [playMove] = useSound('/sounds/move.mp3', { volume: 0.5 });
   const [playWin] = useSound('/sounds/win.mp3', { volume: 0.7 });
 
-  useEffect(() => {
+  const handleCreateRoom = useCallback(() => {
     if (!socket) return;
+    logger.socket('➡️', 'uttt_createRoom', { playerName: profile.name });
+    socket.emit('uttt_createRoom', {
+      playerName: profile.name,
+      avatarIcon: profile.avatarIcon,
+      color: profile.color,
+    });
+  }, [socket, profile]);
 
-    logger.info('UTTT', `Socket connected: ${socket.id}`);
+  const handleJoinRoom = useCallback(async () => {
+    const { value: joinRoomId } = await Swal.fire({
+      title: 'Join UTTT Room',
+      input: 'text',
+      inputPlaceholder: 'Enter Room ID',
+      showCancelButton: true,
+      customClass: { popup: sketchPopupClass },
+    });
+    if (joinRoomId) {
+      logger.socket('➡️', 'uttt_joinRoom', { roomId: joinRoomId.toUpperCase() });
+      socket.emit('uttt_joinRoom', {
+        roomId: joinRoomId.toUpperCase(),
+        playerName: profile.name,
+        avatarIcon: profile.avatarIcon,
+        color: profile.color,
+      });
+    }
+  }, [socket, profile]);
 
-    socket.on('uttt_roomInfo', (room) => {
-      logger.socket('⬅️', 'uttt_roomInfo', { roomId: room.id, gameState: room.gameState });
+  const { clearReconnect } = useReconnection({
+    socket,
+    gamePrefix: 'uttt',
+    roomId,
+    onRestore: (room) => {
+      if (!room) return;
       setRoomId(room.id);
-      setPlayers(room.players);
-      setGameState(room.gameState);
+      setPlayers(room.players || []);
+      setGameState(room.gameState || 'waiting');
       setCurrentTurn(room.currentTurn);
       if (room.board) setBoard(room.board);
       if (room.macroBoard) setMacroBoard(room.macroBoard);
       if (room.activeGrid !== undefined) setActiveGrid(room.activeGrid);
       if (room.scores) setScores(room.scores);
       if (room.lastMove) setLastMove(room.lastMove);
-      
-      const playerIndex = room.players.findIndex(p => p.id === socket.id);
+      const playerIndex = room.players.findIndex((p) => p.id === room.currentTurn);
       if (playerIndex !== -1) {
         setMySymbol(playerIndex === 0 ? 'X' : 'O');
-        logger.info('UTTT', `You are player ${playerIndex + 1} (${playerIndex === 0 ? 'X' : 'O'})`);
+        setMyPlayerIndex(playerIndex);
       }
-    });
+    },
+  });
 
-    socket.on('uttt_gameState', (room) => {
-      logger.socket('⬅️', 'uttt_gameState', { 
-        gameState: room.gameState, 
-        currentTurn: room.currentTurn,
-        activeGrid: room.activeGrid,
-        scores: room.scores 
-      });
-      setGameState(room.gameState);
-      setCurrentTurn(room.currentTurn);
-      setBoard(room.board);
-      setMacroBoard(room.macroBoard);
-      setActiveGrid(room.activeGrid);
-      setScores(room.scores);
-      setLastMove(room.lastMove);
-    });
+  useSocketListeners(
+    socket,
+    {
+      uttt_roomInfo: (room) => {
+        logger.socket('⬅️', 'uttt_roomInfo', { roomId: room.id, gameState: room.gameState });
+        setRoomId(room.id);
+        setPlayers(room.players);
+        setSpectators(room.spectators || []);
+        setGameState(room.gameState);
+        setCurrentTurn(room.currentTurn);
+        if (room.board) setBoard(room.board);
+        if (room.macroBoard) setMacroBoard(room.macroBoard);
+        if (room.activeGrid !== undefined) setActiveGrid(room.activeGrid);
+        if (room.scores) setScores(room.scores);
+        if (room.lastMove) setLastMove(room.lastMove);
 
-    socket.on('uttt_gameStarted', () => {
-      logger.socket('⬅️', 'uttt_gameStarted', 'Game started!');
-      setGameState('playing');
-      setBoard(Array(9).fill(null).map(() => Array(9).fill(null)));
-      setMacroBoard(Array(9).fill(null));
-      setActiveGrid(null);
-      setScores({ X: 0, O: 0 });
-      setLastMove(null);
-      Swal.fire({
-        title: 'Game Started!',
-        text: 'Ultimate Tic-Tac-Toe begins!',
-        timer: 1500,
-        showConfirmButton: false,
-        customClass: { popup: 'glass rounded-3xl paper-font' }
-      });
-    });
+        const playerIndex = room.players.findIndex((p) => p.id === socket.id);
+        if (playerIndex !== -1) {
+          setMySymbol(playerIndex === 0 ? 'X' : 'O');
+          setMyPlayerIndex(playerIndex);
+          sessionStorage.setItem(
+            'uttt_reconnect',
+            JSON.stringify({
+              roomId: room.id,
+              playerId: room.players[playerIndex].id,
+            }),
+          );
+        }
+      },
+      uttt_gamePaused: ({ reason }) => {
+        logger.socket('⬅️', 'uttt_gamePaused', { reason });
+        Swal.fire({
+          title: 'Game Paused',
+          text: reason,
+          icon: 'warning',
+          customClass: { popup: sketchPopupClass },
+        });
+      },
+      uttt_gameState: (room) => {
+        logger.socket('⬅️', 'uttt_gameState', { gameState: room.gameState });
+        setGameState(room.gameState);
+        setCurrentTurn(room.currentTurn);
+        setBoard(room.board);
+        setMacroBoard(room.macroBoard);
+        setActiveGrid(room.activeGrid);
+        setScores(room.scores);
+        setLastMove(room.lastMove);
+      },
+      uttt_gameStarted: () => {
+        logger.socket('⬅️', 'uttt_gameStarted', 'Game started!');
+        setGameState('playing');
+        setBoard(
+          Array(9)
+            .fill(null)
+            .map(() => Array(9).fill(null)),
+        );
+        setMacroBoard(Array(9).fill(null));
+        setActiveGrid(null);
+        setScores({ X: 0, O: 0 });
+        setLastMove(null);
+        Swal.fire({
+          title: 'Game Started!',
+          html: '<div class="font-handwriting">Ultimate Tic-Tac-Toe begins!</div>',
+          timer: 1500,
+          showConfirmButton: false,
+          customClass: { popup: sketchPopupClass },
+        });
+      },
+      uttt_gameOver: ({ winner, symbol, scores, reason }) => {
+        logger.socket('⬅️', 'uttt_gameOver', { winner, symbol, scores, reason });
+        playWin();
 
-socket.on('uttt_gameOver', ({ winner, symbol, scores, reason }) => {
-       logger.socket('⬅️', 'uttt_gameOver', { winner, symbol, scores, reason });
-       playWin();
-       confetti({
-         particleCount: 200,
-         spread: 70,
-         origin: { y: 0.6 }
-       });
-       
-       let winnerName;
-       if (reason === 'tiebreaker' && scores.X === scores.O) {
-         winnerName = 'No one - it\'s a tie!';
-       } else if (winner) {
-         winnerName = players.find(p => p.id === winner)?.name || 'Someone';
-       } else {
-         winnerName = symbol || 'Someone';
-       }
-       const reasonText = reason === 'macro_win' 
-         ? ' won the game!' 
-         : ` won by points (${scores.X} - ${scores.O})!`;
-       
-       Swal.fire({
-         title: '🎉 Victory!',
-         text: `${winnerName}${reasonText}`,
-         icon: 'success',
-         customClass: { popup: 'glass rounded-3xl paper-font' }
-       });
-       setGameState('ended');
-     });
-
-    socket.on('uttt_error', ({ message }) => {
-      logger.socket('⬅️', 'uttt_error', { message });
-      Swal.fire({
-        title: 'Oops!',
-        text: message,
-        icon: 'error',
-        customClass: { popup: 'glass rounded-3xl paper-font' }
-      });
-    });
+        if (reason === 'macro_win') {
+          confetti({
+            particleCount: 150,
+            spread: 80,
+            origin: { y: 0.6 },
+            colors: ['#1a1a2e', '#c73e1d', '#2d4a8f'],
+          });
+          setTimeout(() => {
+            confetti({
+              particleCount: 100,
+              angle: 60,
+              spread: 55,
+              origin: { x: 0 },
+            });
+          }, 250);
+          setTimeout(() => {
+            confetti({
+              particleCount: 100,
+              angle: 120,
+              spread: 55,
+              origin: { x: 1 },
+            });
+          }, 400);
+        } else {
+          confetti({
+            particleCount: 100,
+            spread: 70,
+            origin: { y: 0.6 },
+          });
+        }
 
-    socket.on('uttt_playerLeft', ({ playerId }) => {
-      logger.socket('⬅️', 'uttt_playerLeft', { playerId });
-      Swal.fire({
-        title: 'Player Left',
-        text: 'The opponent has left the party.',
-        icon: 'warning',
-        customClass: { popup: 'glass rounded-3xl paper-font' }
-      });
-      setGameState('waiting');
-      setBoard(Array(9).fill(null).map(() => Array(9).fill(null)));
-      setMacroBoard(Array(9).fill(null));
-      setActiveGrid(null);
-    });
+        let winnerName;
+        if (reason === 'tiebreaker' && scores.X === scores.O) {
+          winnerName = "No one - it's a tie!";
+        } else if (winner) {
+          winnerName = players.find((p) => p.id === winner)?.name || 'Someone';
+        } else {
+          winnerName = symbol || 'Someone';
+        }
 
-    return () => {
-      socket.off('uttt_roomInfo');
-      socket.off('uttt_gameState');
-      socket.off('uttt_gameStarted');
-      socket.off('uttt_gameOver');
-      socket.off('uttt_error');
-      socket.off('uttt_playerLeft');
-    };
-  }, [socket, players, setRoomId, playWin]);
-
-  const handleCellClick = (gridIndex, squareIndex) => {
-    if (gameState === 'playing' && currentTurn === socket?.id) {
-      if (activeGrid !== null && activeGrid !== gridIndex) return;
-      if (board[gridIndex][squareIndex] !== null) return;
-      if (macroBoard[gridIndex] !== null && macroBoard[gridIndex] !== 'DEAD') return;
-      
-      playMove();
-      logger.socket('➡️', 'uttt_makeMove', { roomId, gridIndex, squareIndex });
-      socket.emit('uttt_makeMove', { roomId, gridIndex, squareIndex });
-    }
-  };
+        const reasonText =
+          reason === 'macro_win' ? ' achieved a Macro Victory!' : ` won by grids (${scores.X} - ${scores.O})!`;
+        Swal.fire({
+          title: '🏆 Victory! 🏆',
+          html: `<div class="font-handwriting text-lg">${winnerName}${reasonText}</div>`,
+          icon: 'success',
+          confirmButtonText: 'Awesome!',
+          customClass: { popup: sketchPopupClass },
+        });
+
+        setGameState('ended');
+        clearReconnect();
+      },
+      uttt_error: ({ message }) => {
+        logger.socket('⬅️', 'uttt_error', { message });
+        Swal.fire({
+          title: 'Oops!',
+          text: message,
+          icon: 'error',
+          customClass: { popup: sketchPopupClass },
+        });
+      },
+      uttt_playerLeft: ({ playerId }) => {
+        logger.socket('⬅️', 'uttt_playerLeft', { playerId });
+        Swal.fire({
+          title: 'Player Left',
+          text: 'Your opponent has left the game.',
+          icon: 'warning',
+          customClass: { popup: sketchPopupClass },
+        });
+        setGameState('waiting');
+        setBoard(
+          Array(9)
+            .fill(null)
+            .map(() => Array(9).fill(null)),
+        );
+        setMacroBoard(Array(9).fill(null));
+        setActiveGrid(null);
+      },
+      uttt_alert: ({ icon, title, text }) => {
+        Swal.fire({
+          title,
+          text,
+          icon,
+          customClass: { popup: sketchPopupClass },
+        });
+      },
+      uttt_reconnectFailed: ({ reason, roomId: failedRoomId }) => {
+        Swal.fire({
+          title: 'Reconnection Failed',
+          text:
+            reason === 'room_not_found'
+              ? 'The room no longer exists.'
+              : reason === 'player_not_found'
+                ? 'Your player session was not found.'
+                : reason === 'game_already_ended'
+                  ? 'The game has ended.'
+                  : 'Could not reconnect to the game.',
+          icon: 'error',
+          customClass: { popup: sketchPopupClass },
+        }).then(() => {
+          clearReconnect();
+          clearRoomId(failedRoomId);
+          navigate('/');
+        });
+      },
+      server_shutdown: ({ message }) => {
+        Swal.fire({
+          title: 'Server Shutting Down',
+          text: message || 'The server is going down for maintenance.',
+          icon: 'info',
+          customClass: { popup: sketchPopupClass },
+        }).then(() => {
+          clearReconnect();
+          clearRoomId(roomId);
+          navigate('/');
+        });
+      },
+    },
+    [clearRoomId, clearReconnect, navigate, playWin, players, roomId, setRoomId],
+  );
 
-  const handleCreateRoom = () => {
-    logger.socket('➡️', 'uttt_createRoom', { playerName });
-    socket.emit('uttt_createRoom', playerName);
-  };
+  const handleCellClick = useCallback(
+    (gridIndex, squareIndex) => {
+      if (gameState === 'playing' && currentTurn === socket?.id) {
+        if (activeGrid !== null && activeGrid !== gridIndex) return;
+        if (board[gridIndex][squareIndex] !== null) return;
 
-  const handleJoinRoom = async () => {
-    const { value: joinRoomId } = await Swal.fire({
-      title: 'Join Room',
-      input: 'text',
-      inputPlaceholder: 'Enter Room ID',
+        playMove();
+        logger.socket('➡️', 'uttt_makeMove', { roomId, gridIndex, squareIndex });
+        socket.emit('uttt_makeMove', { roomId, gridIndex, squareIndex });
+      }
+    },
+    [gameState, currentTurn, socket, activeGrid, board, playMove, roomId],
+  );
+
+  const handleStartGame = useCallback(() => {
+    if (!socket || !roomId) return;
+    logger.socket('➡️', 'uttt_startGame', { roomId });
+    socket.emit('uttt_startGame', roomId);
+  }, [socket, roomId]);
+
+  const handleLeaveRoom = useCallback(async () => {
+    const result = await Swal.fire({
+      title: 'Leave Game?',
+      text: 'Are you sure you want to leave?',
+      icon: 'warning',
       showCancelButton: true,
-      customClass: { popup: 'glass rounded-3xl paper-font' }
+      confirmButtonText: 'Yes, leave',
+      customClass: { popup: sketchPopupClass },
     });
-    if (joinRoomId) {
-      logger.socket('➡️', 'uttt_joinRoom', { roomId: joinRoomId.toUpperCase(), playerName });
-      socket.emit('uttt_joinRoom', { roomId: joinRoomId.toUpperCase(), playerName });
+    if (result.isConfirmed) {
+      socket.emit('uttt_leaveRoom', roomId);
+      clearReconnect();
+      clearRoomId(roomId);
+      navigate('/');
     }
-  };
+  }, [roomId, socket, clearReconnect, clearRoomId, navigate]);
 
-  const handleRestartGame = () => {
+  const handleRestartGame = useCallback(() => {
     logger.socket('➡️', 'uttt_restartGame', { roomId });
     socket.emit('uttt_restartGame', roomId);
-  };
+  }, [roomId, socket]);
+
+  useEffect(() => {
+    if (!socket) return;
+    setGamePrefix('uttt');
+    logger.info('UTTT', `Socket connected: ${socket.id}`);
+  }, [socket, setGamePrefix]);
+
+  const isSpectator = spectators?.some((s) => s.id === socket?.id);
+  const isHost = players[0]?.id === socket?.id;
 
-  const getMyScore = () => {
-    if (!mySymbol) return 0;
-    return scores[mySymbol];
-  };
+  if (gameState === 'ended') {
+    const scoresList = [
+      { name: players[0]?.name || 'Player 1', score: scores.X || 0 },
+      { name: players[1]?.name || 'Player 2', score: scores.O || 0 },
+    ];
+    return (
+      <MatchReport
+        winner={null}
+        isWinner={false}
+        scores={scoresList}
+        players={players}
+        onRematch={handleRestartGame}
+        onNewRoom={handleLeaveRoom}
+      />
+    );
+  }
 
-  const getOpponentScore = () => {
-    if (!mySymbol) return 0;
-    return mySymbol === 'X' ? scores.O : scores.X;
-  };
+  if (roomId && gameState === 'waiting') {
+    return (
+      <GameLobby
+        gameName="Ultimate Tic-Tac-Toe"
+        roomId={roomId}
+        players={players}
+        spectators={spectators || []}
+        isHost={!!isHost}
+        minPlayers={2}
+        onStart={handleStartGame}
+        onLeave={handleLeaveRoom}
+        showJoinInput
+        startLabel="Start Game"
+        profile={profile}
+        onProfileChange={(next) => setProfile(next)}
+      />
+    );
+  }
 
   return (
-    <div className="min-h-screen flex flex-col items-center justify-center p-2 sm:p-4">
-      <RetroButton 
-        onClick={() => navigate('/')} 
-        variant="secondary" 
-        className="absolute top-2 sm:top-8 left-2 sm:left-8 flex items-center gap-1 sm:gap-2 text-xs sm:text-base px-2 sm:px-4"
-      >
-        <ArrowLeft size={14} className="sm:w-[18px]" />
-        <span className="hidden sm:inline">Back</span>
-      </RetroButton>
-
-      <h1 className="text-2xl sm:text-3xl md:text-5xl hand-drawn mb-2 sm:mb-4 text-blue-600 flex items-center gap-2 sm:gap-3 text-center">
-        <Grid3X3 className="w-6 h-6 sm:w-8 sm:h-8 text-blue-500" />
-        <span className="hidden sm:inline">Ultimate Tic-Tac-Toe</span>
-        <span className="sm:hidden">UTTT</span>
-      </h1>
-
-      {!roomId ? (
-        <div className="flex gap-2 sm:gap-4 flex-wrap justify-center">
-          <RetroButton onClick={handleCreateRoom} className="text-sm sm:text-base px-3 sm:px-6 py-2">Create</RetroButton>
-          <RetroButton onClick={handleJoinRoom} variant="secondary" className="text-sm sm:text-base px-3 sm:px-6 py-2">Join</RetroButton>
+    <GameLayout players={players}>
+      <div className="flex flex-col items-center justify-center p-2 sm:p-4 w-full">
+        {/* Title with sketch effect */}
+        <div className="text-center mb-3 sm:mb-6">
+          <h1 className="text-2xl sm:text-3xl md:text-5xl font-sketch mb-1 sm:mb-2 text-ink flex items-center gap-2 sm:gap-3 justify-center">
+            <Grid3X3 className="w-6 h-6 sm:w-8 sm:h-8 text-ink" />
+            <span className="hidden sm:inline">Ultimate Tic-Tac-Toe</span>
+            <span className="sm:hidden">UTTT</span>
+          </h1>
+          <p className="font-handwriting text-xs sm:text-sm text-gray-600 hidden sm:block">
+            Win three grids in a row to claim victory!
+          </p>
         </div>
-      ) : (
-        <div className="w-full max-w-md sm:max-w-2xl">
-          <div className="glass p-2 sm:p-4 rounded-xl sm:rounded-2xl mb-3 sm:mb-6 flex flex-col sm:flex-row justify-between items-center gap-2 sm:gap-4">
-            <div className="paper-font text-gray-600 flex items-center gap-1 sm:gap-2 text-xs sm:text-base">
-              <Grid3X3 size={14} className="sm:w-[18px] text-blue-500" />
-              <span className="hidden sm:inline">Room:</span> <span className="font-bold text-blue-600 uppercase">{roomId}</span>
+
+        {!roomId ? (
+          <SketchCard className="p-6 sm:p-8 max-w-md w-full" style={{ background: '#fffef9' }}>
+            <div className="text-center mb-6">
+              <Sparkles className="w-10 h-10 sm:w-12 sm:h-12 mx-auto mb-3 text-ink" />
+              <h2 className="font-sketch text-xl sm:text-2xl text-ink mb-2">Ready to Play?</h2>
+              <p className="font-handwriting text-sm text-gray-600">Create a new game or join an existing one</p>
             </div>
-            
-            <div className="flex items-center gap-2 sm:gap-4">
-              <div className="flex items-center gap-1 sm:gap-2">
-                <Star size={14} className="sm:w-[18px] text-blue-500" />
-                <span className="font-bold text-blue-600 text-sm sm:text-base">{scores.X}</span>
-                <span className="text-gray-400">-</span>
-                <span className="font-bold text-red-600 text-sm sm:text-base">{scores.O}</span>
-              </div>
+
+            <input
+              type="text"
+              value={profile.name}
+              onChange={(e) => setProfile((prev) => ({ ...prev, name: e.target.value }))}
+              placeholder="Enter your name"
+              className="w-full sketch-border font-handwriting text-ink px-3 py-2 rounded mb-4"
+            />
+            <AvatarSelector
+              avatarIcon={profile.avatarIcon}
+              color={profile.color}
+              onAvatarChange={(icon) => setProfile((prev) => ({ ...prev, avatarIcon: icon }))}
+              onColorChange={(c) => setProfile((prev) => ({ ...prev, color: c }))}
+            />
+
+            <div className="flex gap-3 sm:gap-4 flex-col sm:flex-row mt-4">
+              <SketchButton
+                onClick={handleCreateRoom}
+                className="text-sm sm:text-base px-4 sm:px-6 py-2 sm:py-3 flex-1"
+              >
+                Create Room
+              </SketchButton>
+              <SketchButton onClick={handleJoinRoom} className="text-sm sm:text-base px-4 sm:px-6 py-2 sm:py-3 flex-1">
+                Join Room
+              </SketchButton>
             </div>
+          </SketchCard>
+        ) : (
+          <div className="w-full max-w-sm sm:max-w-2xl md:max-w-3xl">
+            {/* Game Info Card */}
+            <SketchCard className="p-3 sm:p-4 mb-3 sm:mb-6 flex flex-col gap-3" style={{ background: '#fffef9' }}>
+              {/* Room ID and Score */}
+              <div className="flex justify-between items-center">
+                <div className="font-handwriting text-ink flex items-center gap-1 sm:gap-2 text-xs sm:text-base">
+                  <Grid3X3 size={14} className="sm:w-[18px] text-ink" />
+                  <span className="hidden sm:inline">Room:</span>
+                  <span className="font-bold text-ink uppercase tracking-wider">{roomId}</span>
+                </div>
 
-            <div className="flex gap-2 sm:gap-4 text-xs sm:text-sm">
-              {players.map((p, i) => (
-                <div 
-                  key={p.id} 
-                  className={`flex items-center gap-1 sm:gap-2 transition-all duration-300 ${p.id === currentTurn ? 'scale-105' : 'opacity-60'}`}
-                >
-                  {p.id === currentTurn ? (
-                    <Users size={12} className="sm:w-4 text-blue-500 animate-pulse" />
-                  ) : (
-                    <div className={`w-2 h-2 sm:w-3 sm:h-3 rounded-full ${i === 0 ? 'bg-blue-500' : 'bg-red-500'}`} />
-                  )}
-                  <span className="font-bold paper-font text-xs sm:text-base">
-                    {p.name.length > 8 ? p.name.slice(0,8)+'...' : p.name} ({i === 0 ? 'X' : 'O'})
-                  </span>
+                <div className="flex items-center gap-2 sm:gap-3 bg-white/50 px-3 py-1.5 rounded-lg border border-gray-300/30">
+                  <div className="flex items-center gap-1">
+                    <div className="w-2 h-2 rounded-full" style={{ background: PLAYER_COLORS[0] }} />
+                    <span className="font-bold text-sm sm:text-lg" style={{ color: PLAYER_COLORS[0] }}>
+                      {scores.X}
+                    </span>
+                  </div>
+                  <span className="text-gray-400 font-bold">:</span>
+                  <div className="flex items-center gap-1">
+                    <span className="font-bold text-sm sm:text-lg" style={{ color: PLAYER_COLORS[1] }}>
+                      {scores.O}
+                    </span>
+                    <div className="w-2 h-2 rounded-full" style={{ background: PLAYER_COLORS[1] }} />
+                  </div>
                 </div>
-              ))}
+              </div>
+
+              {/* Players */}
+              <div className="flex gap-2 sm:gap-4 text-xs sm:text-sm justify-center">
+                {players.map((p, i) => (
+                  <div
+                    key={p.id}
+                    className={`flex items-center gap-1.5 sm:gap-2 px-3 py-1.5 rounded-lg transition-all duration-300 border ${
+                      p.id === currentTurn
+                        ? 'bg-white border-2 scale-105 shadow-md'
+                        : 'bg-white/30 border-gray-300/30 opacity-60'
+                    }`}
+                    style={{
+                      borderColor: p.id === currentTurn ? PLAYER_COLORS[i] : undefined,
+                    }}
+                  >
+                    {p.id === currentTurn && <Sparkles size={12} className="sm:w-4 text-yellow-500 animate-pulse" />}
+                    <span
+                      className="font-bold font-handwriting text-xs sm:text-base"
+                      style={{ color: PLAYER_COLORS[i] }}
+                    >
+                      {p.name.length > 8 ? p.name.slice(0, 8) + '...' : p.name}
+                    </span>
+                    <span className="text-[10px] sm:text-xs opacity-60">({i === 0 ? 'X' : 'O'})</span>
+                    {i === myPlayerIndex && (
+                      <span className="text-[10px] bg-yellow-100 px-1.5 rounded text-yellow-700 font-bold">You</span>
+                    )}
+                  </div>
+                ))}
+              </div>
+            </SketchCard>
+
+            {/* Game Board */}
+            <div className="mb-4 sm:mb-6">
+              <MacroGrid
+                board={board}
+                macroBoard={macroBoard}
+                activeGrid={activeGrid}
+                lastMove={lastMove}
+                onCellClick={handleCellClick}
+              />
             </div>
-          </div>
 
-          <div className="mb-3 sm:mb-6 px-1">
-            <MacroGrid
-              board={board}
-              macroBoard={macroBoard}
-              activeGrid={activeGrid}
-              lastMove={lastMove}
-              onCellClick={handleCellClick}
-            />
-          </div>
+            {/* ScoreBoard */}
+            <div className="mb-4">
+              <ScoreBoard
+                players={players}
+                scores={{ X: scores.X || 0, O: scores.O || 0 }}
+                currentTurn={currentTurn}
+                myPlayerIndex={myPlayerIndex}
+                lastMove={lastMove}
+                orientation="horizontal"
+              />
+            </div>
 
-          <div className="text-center paper-font text-xs sm:text-lg text-gray-700 flex flex-col items-center gap-2">
-            {gameState === 'playing' ? (
-              currentTurn === socket?.id ? (
-                <div className="flex items-center gap-1 sm:gap-2 text-blue-600 animate-bounce">
-                  <Trophy size={16} className="sm:w-6" />
-                  <span>Your turn!</span>
+            {/* Game Status */}
+            <div className="text-center font-handwriting text-sm sm:text-lg text-ink flex flex-col items-center gap-3">
+              {gameState === 'playing' ? (
+                currentTurn === socket?.id ? (
+                  <div className="flex items-center gap-2 sm:gap-3 text-ink animate-pulse bg-white/80 px-4 sm:px-6 py-2 sm:py-3 rounded-xl border-2 border-ink shadow-lg">
+                    <Trophy size={20} className="sm:w-6 text-yellow-500" />
+                    <span className="font-sketch text-base sm:text-xl">Your Turn!</span>
+                  </div>
+                ) : (
+                  <div className="flex flex-col items-center gap-2 bg-white/50 px-4 sm:px-6 py-2 sm:py-3 rounded-xl border border-gray-300/30">
+                    <div className="flex items-center gap-2 text-ink">
+                      <div className="w-3 h-3 sm:w-4 sm:h-4 border-2 border-ink border-t-transparent rounded-full animate-spin" />
+                      <span className="hidden sm:inline">
+                        Waiting for {players.find((p) => p.id === currentTurn)?.name || 'opponent'}
+                        ...
+                      </span>
+                      <span className="sm:hidden">Opponent&apos;s turn...</span>
+                    </div>
+                  </div>
+                )
+              ) : gameState === 'waiting' ? (
+                <div className="bg-white/50 px-4 sm:px-6 py-2 sm:py-3 rounded-xl border border-gray-300/30">
+                  <span className="text-xs sm:text-base flex items-center gap-2">
+                    <Users size={16} className="text-gray-500" />
+                    Waiting for opponent...
+                  </span>
                 </div>
               ) : (
-                <div className="flex items-center gap-1 sm:gap-2">
-                  <div className="w-3 h-3 sm:w-4 sm:h-4 border-2 border-blue-600 border-t-transparent rounded-full animate-spin" />
-                  <span className="hidden sm:inline">Waiting for {players.find(p => p.id === currentTurn)?.name}...</span>
-                  <span className="sm:hidden">Waiting...</span>
-                </div>
-              )
-            ) : gameState === 'waiting' ? (
-              <span className="text-xs sm:text-base">Waiting for opponent...</span>
-            ) : (
-              <RetroButton onClick={handleRestartGame} className="text-xs sm:text-base px-3 sm:px-6 py-1 sm:py-2">Play Again</RetroButton>
+                <SketchButton onClick={handleRestartGame} className="text-sm sm:text-base px-4 sm:px-6 py-2 sm:py-3">
+                  Play Again
+                </SketchButton>
+              )}
+
+              {(gameState === 'waiting' || gameState === 'playing') && (
+                <SketchButton
+                  onClick={handleLeaveRoom}
+                  className="mt-2 text-xs sm:text-sm px-3 sm:px-5 py-1.5 sm:py-2 opacity-70 hover:opacity-100"
+                >
+                  Leave Room
+                </SketchButton>
+              )}
+            </div>
+
+            {/* Grid hint */}
+            {activeGrid !== null && gameState === 'playing' && (
+              <div className="text-center mt-4 font-handwriting text-xs sm:text-sm text-gray-600 bg-blue-50 px-4 py-2 rounded-lg border border-blue-200/50">
+                📍 You must play in grid {activeGrid + 1}
+              </div>
             )}
           </div>
-        </div>
+        )}
+      </div>
+
+      {gameState === 'playing' && (
+        <AvatarReactionBar socket={socket} roomId={roomId} gamePrefix="uttt" players={players} />
       )}
-    </div>
+    </GameLayout>
   );
 };
 
-export default UTTTGame;
\ No newline at end of file
+export default UTTTGame;
diff --git a/pro/src/uttt/UTTTGame.test.jsx b/pro/src/uttt/UTTTGame.test.jsx
new file mode 100644
index 0000000..479d2ec
--- /dev/null
+++ b/pro/src/uttt/UTTTGame.test.jsx
@@ -0,0 +1,270 @@
+import React from 'react';
+import { render, screen, fireEvent, act, within } from '@testing-library/react';
+import { describe, it, expect, vi, beforeEach } from 'vitest';
+import UTTTGame from './UTTTGame';
+import { GameProvider } from '../context/GameContext';
+import { ThemeProvider } from '../context/ThemeContext';
+import { BrowserRouter } from 'react-router-dom';
+
+const mockSocket = {
+  id: 'p1',
+  on: vi.fn(),
+  off: vi.fn(),
+  emit: vi.fn(),
+  disconnect: vi.fn(),
+};
+
+vi.mock('socket.io-client', () => ({ default: () => mockSocket }));
+vi.mock('use-sound', () => ({ default: () => [vi.fn()] }));
+vi.mock('canvas-confetti', () => ({ default: vi.fn() }));
+vi.mock('sweetalert2', () => ({ default: { fire: vi.fn().mockResolvedValue({ isConfirmed: true }) } }));
+
+const Wrapper = ({ children }) => (
+  <ThemeProvider>
+    <GameProvider>
+      <BrowserRouter>{children}</BrowserRouter>
+    </GameProvider>
+  </ThemeProvider>
+);
+
+const makeBoard = () =>
+  Array(9)
+    .fill(null)
+    .map(() => Array(9).fill(null));
+
+const findEventCb = (event) => {
+  const call = mockSocket.on.mock.calls.find((c) => c[0] === event);
+  return call?.[1];
+};
+
+const playingRoomInfo = {
+  id: 'UTTT01',
+  creator: 'p1',
+  players: [
+    { id: 'p1', name: 'Alice', connected: true },
+    { id: 'p2', name: 'Bob', connected: true },
+  ],
+  gameState: 'playing',
+  currentTurn: 'p1',
+  board: makeBoard(),
+  macroBoard: Array(9).fill(null),
+  activeGrid: null,
+  scores: { X: 0, O: 0 },
+  lastMove: null,
+};
+
+describe('UTTTGame', () => {
+  beforeEach(() => {
+    vi.clearAllMocks();
+    sessionStorage.clear();
+  });
+
+  describe('Board Rendering', () => {
+    it('shows Create Room and Join Room buttons in waiting state', () => {
+      render(<UTTTGame />, { wrapper: Wrapper });
+      expect(screen.getByText('Create Room')).toBeTruthy();
+      expect(screen.getByText('Join Room')).toBeTruthy();
+    });
+
+    it('renders the game board when playing', async () => {
+      const { container } = render(<UTTTGame />, { wrapper: Wrapper });
+
+      const cb = findEventCb('uttt_roomInfo');
+      await act(async () => {
+        cb(playingRoomInfo);
+      });
+
+      await screen.findByText('Your Turn!');
+      const macroGrid = container.querySelector('.grid.grid-cols-3');
+      expect(macroGrid).toBeTruthy();
+    });
+
+    it('displays player names', async () => {
+      render(<UTTTGame />, { wrapper: Wrapper });
+
+      const cb = findEventCb('uttt_roomInfo');
+      await act(async () => {
+        cb(playingRoomInfo);
+      });
+
+      expect(screen.getAllByText('Alice').length).toBeGreaterThan(0);
+      expect(screen.getAllByText('Bob').length).toBeGreaterThan(0);
+    });
+  });
+
+  describe('Move Execution', () => {
+    it('emits uttt_makeMove when a cell is clicked on my turn', async () => {
+      const { container } = render(<UTTTGame />, { wrapper: Wrapper });
+
+      const cb = findEventCb('uttt_roomInfo');
+      await act(async () => {
+        cb(playingRoomInfo);
+      });
+
+      await screen.findByText('Your Turn!');
+
+      const macroGrid = container.querySelector('.grid.grid-cols-3');
+      expect(macroGrid).toBeTruthy();
+      const innerGrids = macroGrid.querySelectorAll('.grid.grid-cols-3');
+      expect(innerGrids.length).toBe(9);
+      const firstCell = innerGrids[0].querySelector('button');
+      expect(firstCell).toBeTruthy();
+
+      await act(async () => {
+        fireEvent.click(firstCell);
+      });
+
+      expect(mockSocket.emit).toHaveBeenCalledWith(
+        'uttt_makeMove',
+        expect.objectContaining({ gridIndex: 0, squareIndex: 0 }),
+      );
+    });
+
+    it('updates board with X on uttt_gameState', async () => {
+      const { container } = render(<UTTTGame />, { wrapper: Wrapper });
+
+      const cb = findEventCb('uttt_roomInfo');
+      await act(async () => {
+        cb(playingRoomInfo);
+      });
+
+      const gameStateCb = findEventCb('uttt_gameState');
+      const updatedBoard = makeBoard();
+      updatedBoard[0][0] = 'X';
+
+      await act(async () => {
+        gameStateCb({
+          gameState: 'playing',
+          currentTurn: 'p2',
+          board: updatedBoard,
+          macroBoard: Array(9).fill(null),
+          activeGrid: 0,
+          scores: { X: 0, O: 0 },
+          lastMove: { gridIndex: 0, squareIndex: 0 },
+        });
+      });
+
+      const macroGrid = container.querySelector('.grid.grid-cols-3');
+      expect(within(macroGrid).getAllByText('X').length).toBeGreaterThanOrEqual(1);
+    });
+
+    it('does not emit when it is not my turn', async () => {
+      const { container } = render(<UTTTGame />, { wrapper: Wrapper });
+
+      const cb = findEventCb('uttt_roomInfo');
+      await act(async () => {
+        cb({ ...playingRoomInfo, currentTurn: 'p2' });
+      });
+
+      const macroGrid = container.querySelector('.grid.grid-cols-3');
+      const innerGrids = macroGrid.querySelectorAll('.grid.grid-cols-3');
+      const firstCell = innerGrids[0].querySelector('button');
+
+      await act(async () => {
+        fireEvent.click(firstCell);
+      });
+
+      expect(mockSocket.emit).not.toHaveBeenCalledWith('uttt_makeMove', expect.any(Object));
+    });
+  });
+
+  describe('Macro Grid Display', () => {
+    it('shows scoreboard with X and O scores in the header', async () => {
+      render(<UTTTGame />, { wrapper: Wrapper });
+
+      const cb = findEventCb('uttt_roomInfo');
+      await act(async () => {
+        cb(playingRoomInfo);
+      });
+
+      const scoreElements = screen.getAllByText('0');
+      expect(scoreElements.length).toBeGreaterThanOrEqual(2);
+    });
+  });
+
+  describe('Active Grid', () => {
+    it('shows grid hint when activeGrid is set', async () => {
+      render(<UTTTGame />, { wrapper: Wrapper });
+
+      const cb = findEventCb('uttt_roomInfo');
+      await act(async () => {
+        cb(playingRoomInfo);
+      });
+
+      const gameStateCb = findEventCb('uttt_gameState');
+      await act(async () => {
+        gameStateCb({
+          gameState: 'playing',
+          currentTurn: 'p2',
+          board: makeBoard(),
+          macroBoard: Array(9).fill(null),
+          activeGrid: 4,
+          scores: { X: 0, O: 0 },
+          lastMove: { gridIndex: 0, squareIndex: 0 },
+        });
+      });
+
+      expect(screen.getByText(/must play in grid 5/)).toBeTruthy();
+    });
+
+    it('does not show grid hint when activeGrid is null', async () => {
+      render(<UTTTGame />, { wrapper: Wrapper });
+
+      const cb = findEventCb('uttt_roomInfo');
+      await act(async () => {
+        cb(playingRoomInfo);
+      });
+
+      expect(screen.queryByText(/must play in grid/)).toBeNull();
+    });
+  });
+
+  describe('Game Over', () => {
+    it('shows Play Again button when game ends', async () => {
+      render(<UTTTGame />, { wrapper: Wrapper });
+
+      const cb = findEventCb('uttt_roomInfo');
+      await act(async () => {
+        cb(playingRoomInfo);
+      });
+
+      const gameOverCb = findEventCb('uttt_gameOver');
+      await act(async () => {
+        gameOverCb({
+          winner: 'p1',
+          symbol: 'X',
+          scores: { X: 3, O: 0 },
+          reason: 'macro_win',
+        });
+      });
+
+      expect(screen.getByText('Rematch')).toBeTruthy();
+    });
+
+    it('emits uttt_restartGame when Rematch is clicked', async () => {
+      render(<UTTTGame />, { wrapper: Wrapper });
+
+      const cb = findEventCb('uttt_roomInfo');
+      await act(async () => {
+        cb(playingRoomInfo);
+      });
+
+      const gameOverCb = findEventCb('uttt_gameOver');
+      await act(async () => {
+        gameOverCb({
+          winner: 'p1',
+          symbol: 'X',
+          scores: { X: 3, O: 0 },
+          reason: 'macro_win',
+        });
+      });
+
+      const rematchBtn = screen.getByText('Rematch');
+      await act(async () => {
+        fireEvent.click(rematchBtn);
+      });
+
+      expect(mockSocket.emit).toHaveBeenCalledWith('uttt_restartGame', expect.any(String));
+    });
+  });
+});
diff --git a/pro/src/uttt/components/InnerGrid.jsx b/pro/src/uttt/components/InnerGrid.jsx
index 5b4087f..4523550 100644
--- a/pro/src/uttt/components/InnerGrid.jsx
+++ b/pro/src/uttt/components/InnerGrid.jsx
@@ -1,52 +1,57 @@
 import React from 'react';
 
-const InnerGrid = ({ 
-  gridIndex, 
-  gridData, 
-  macroWinner, 
-  isActive, 
-  isLastMoveGrid, 
-  lastMoveSquare, 
-  onSquareClick 
-}) => {
+const InnerGrid = ({ _gridIndex, gridData, macroWinner, isActive, isLastMoveGrid, lastMoveSquare, onSquareClick }) => {
   const getContainerClasses = () => {
-    let base = "relative rounded transition-all duration-300";
-    
+    let base = 'relative rounded-lg transition-all duration-300 shadow-sm';
+
     if (macroWinner === 'DEAD') {
-      return `${base} bg-gray-100/80`;
+      return `${base} bg-gray-100/90 border border-gray-300/50`;
     }
-    
+
     if (macroWinner) {
-      return `${base} ${macroWinner === 'X' ? 'bg-blue-50/80' : 'bg-red-50/80'}`;
+      const bgColor = macroWinner === 'X' ? 'bg-blue-50/80 border-blue-200/50' : 'bg-red-50/80 border-red-200/50';
+      return `${base} ${bgColor} border-2`;
     }
-    
+
     if (isActive) {
-      return `${base} bg-white/90 ring-2 ring-blue-400 shadow-lg`;
+      return `${base} bg-white/95 ring-2 ring-blue-400 ring-offset-1 shadow-lg scale-[1.02]`;
     }
-    
-    return `${base} bg-white/40 opacity-60`;
+
+    return `${base} bg-white/60 border border-gray-300/30 opacity-70`;
   };
 
   const renderCell = (squareIndex) => {
     const value = gridData[squareIndex];
     const isLastMove = isLastMoveGrid && lastMoveSquare === squareIndex;
-    
+
     return (
       <button
         key={squareIndex}
         onClick={() => onSquareClick(squareIndex)}
-        disabled={!isActive || value !== null || macroWinner !== null}
+        disabled={!isActive || value !== null}
         className={`
           relative aspect-square flex items-center justify-center
-          text-xs sm:text-sm md:text-2xl font-bold hand-drawn transition-all duration-150
-          ${!isActive || value !== null || macroWinner !== null 
-            ? 'cursor-not-allowed' 
-            : 'hover:bg-blue-200/50 cursor-pointer active:scale-95'}
-          ${isLastMove ? 'bg-yellow-300/70 ring-2 ring-yellow-500' : ''}
-          ${value === 'X' ? 'text-blue-600' : value === 'O' ? 'text-red-600' : 'text-transparent'}
+          text-xs sm:text-base md:text-xl lg:text-2xl font-bold font-sketch transition-all duration-200
+          ${
+            !isActive || value !== null
+              ? 'cursor-not-allowed'
+              : 'hover:bg-blue-100/40 cursor-pointer active:scale-95 hover:scale-105'
+          }
+          ${isLastMove ? 'bg-yellow-200/70 ring-2 ring-yellow-400 animate-pulse' : ''}
+          ${value === 'X' ? 'text-[#1a1a2e]' : value === 'O' ? 'text-[#c73e1d]' : 'text-transparent'}
         `}
+        style={{
+          textShadow: value ? '0 1px 2px rgba(0,0,0,0.1)' : 'none',
+        }}
       >
-        {value || ''}
+        {value && (
+          <span className="relative">
+            {value}
+            <span className="absolute inset-0 opacity-20" style={{ transform: 'rotate(2deg)' }}>
+              {value}
+            </span>
+          </span>
+        )}
       </button>
     );
   };
@@ -54,49 +59,99 @@ const InnerGrid = ({
   const renderOverlay = () => {
     if (macroWinner === 'DEAD') {
       return (
-        <div className="absolute inset-0 flex items-center justify-center pointer-events-none">
-          <div className="grid grid-cols-3 gap-0 opacity-40">
-            {Array(9).fill(null).map((_, i) => (
-              <span key={i} className="text-[8px] sm:text-xs md:text-base text-gray-400 font-bold">×</span>
-            ))}
+        <div className="absolute inset-0 flex items-center justify-center pointer-events-none z-10">
+          <div className="grid grid-cols-3 gap-0.5 opacity-30">
+            {Array(9)
+              .fill(null)
+              .map((_, i) => (
+                <span key={i} className="text-[6px] sm:text-[8px] md:text-xs text-gray-500 font-bold">
+                  ×
+                </span>
+              ))}
           </div>
         </div>
       );
     }
-    
+
     if (macroWinner === 'X' || macroWinner === 'O') {
       return (
-        <div className="absolute inset-0 flex items-center justify-center pointer-events-none">
-          <span className={`text-2xl sm:text-4xl md:text-7xl font-bold opacity-25 ${
-            macroWinner === 'X' ? 'text-blue-600' : 'text-red-600'
-          }`}>
-            {macroWinner}
-          </span>
+        <div className="absolute inset-0 flex items-center justify-center pointer-events-none z-10">
+          <div className="relative">
+            <span
+              className={`text-2xl sm:text-3xl md:text-5xl lg:text-6xl font-sketch opacity-20 ${
+                macroWinner === 'X' ? 'text-[#1a1a2e]' : 'text-[#c73e1d]'
+              }`}
+            >
+              {macroWinner}
+            </span>
+            <span
+              className={`absolute inset-0 flex items-center justify-center text-2xl sm:text-3xl md:text-5xl lg:text-6xl font-sketch opacity-10 ${
+                macroWinner === 'X' ? 'text-[#1a1a2e]' : 'text-[#c73e1d]'
+              }`}
+              style={{ transform: 'rotate(-3deg) translateX(1px)' }}
+            >
+              {macroWinner}
+            </span>
+          </div>
         </div>
       );
     }
-    
+
     return null;
   };
 
   const renderGridLines = () => (
     <>
-      <div className="absolute top-1/3 left-0 w-full h-px bg-gray-400/40" />
-      <div className="absolute top-2/3 left-0 w-full h-px bg-gray-400/40" />
-      <div className="absolute left-1/3 top-0 h-full w-px bg-gray-400/40" />
-      <div className="absolute left-2/3 top-0 h-full w-px bg-gray-400/40" />
+      <div
+        className="absolute left-0 w-full h-px bg-gradient-to-r from-transparent via-gray-400/40 to-transparent"
+        style={{
+          top: 'calc(33.333% - 0.5px)',
+          boxShadow: '0 0.5px 0 rgba(0,0,0,0.05)',
+        }}
+      />
+      <div
+        className="absolute left-0 w-full h-px bg-gradient-to-r from-transparent via-gray-400/40 to-transparent"
+        style={{
+          top: 'calc(66.666% - 0.5px)',
+          boxShadow: '0 0.5px 0 rgba(0,0,0,0.05)',
+        }}
+      />
+      <div
+        className="absolute top-0 h-full w-px bg-gradient-to-b from-transparent via-gray-400/40 to-transparent"
+        style={{
+          left: 'calc(33.333% - 0.5px)',
+          boxShadow: '0.5px 0 0 rgba(0,0,0,0.05)',
+        }}
+      />
+      <div
+        className="absolute top-0 h-full w-px bg-gradient-to-b from-transparent via-gray-400/40 to-transparent"
+        style={{
+          left: 'calc(66.666% - 0.5px)',
+          boxShadow: '0.5px 0 0 rgba(0,0,0,0.05)',
+        }}
+      />
     </>
   );
 
   return (
-    <div className={`${getContainerClasses()} p-0.5 sm:p-1`}>
+    <div className={`${getContainerClasses()} p-0.5 sm:p-1 overflow-hidden`}>
       <div className="relative grid grid-cols-3 gap-0">
-        {Array(9).fill(null).map((_, i) => renderCell(i))}
+        {Array(9)
+          .fill(null)
+          .map((_, i) => renderCell(i))}
         {renderGridLines()}
       </div>
       {renderOverlay()}
+
+      <div
+        className="absolute inset-0 pointer-events-none opacity-5 mix-blend-multiply"
+        style={{
+          backgroundImage: `url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' /%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")`,
+          backgroundSize: '100px 100px',
+        }}
+      />
     </div>
   );
 };
 
-export default InnerGrid;
\ No newline at end of file
+export default InnerGrid;
diff --git a/pro/src/uttt/components/MacroGrid.jsx b/pro/src/uttt/components/MacroGrid.jsx
index e06a35d..5ab7937 100644
--- a/pro/src/uttt/components/MacroGrid.jsx
+++ b/pro/src/uttt/components/MacroGrid.jsx
@@ -1,29 +1,67 @@
 import React from 'react';
 import InnerGrid from './InnerGrid';
 
+const getContainerClasses = () => {
+  const base = 'relative rounded-xl transition-all duration-300 shadow-lg';
+  return `${base} bg-white/95 border-2 border-gray-800/10`;
+};
+
+const renderGridLines = () => (
+  <>
+    <div
+      className="absolute left-0 w-full h-px bg-gradient-to-r from-transparent via-gray-400/40 to-transparent"
+      style={{ top: 'calc(33.333% - 0.5px)', boxShadow: '0 0.5px 0 rgba(0,0,0,0.05)' }}
+    />
+    <div
+      className="absolute left-0 w-full h-px bg-gradient-to-r from-transparent via-gray-400/40 to-transparent"
+      style={{ top: 'calc(66.666% - 0.5px)', boxShadow: '0 0.5px 0 rgba(0,0,0,0.05)' }}
+    />
+    <div
+      className="absolute top-0 h-full w-px bg-gradient-to-b from-transparent via-gray-400/40 to-transparent"
+      style={{ left: 'calc(33.333% - 0.5px)', boxShadow: '0.5px 0 0 rgba(0,0,0,0.05)' }}
+    />
+    <div
+      className="absolute top-0 h-full w-px bg-gradient-to-b from-transparent via-gray-400/40 to-transparent"
+      style={{ left: 'calc(66.666% - 0.5px)', boxShadow: '0.5px 0 0 rgba(0,0,0,0.05)' }}
+    />
+  </>
+);
+
 const MacroGrid = ({ board, macroBoard, activeGrid, lastMove, onCellClick }) => {
   return (
-    <div className="relative p-3 sm:p-4 bg-white/90 rounded-2xl shadow-xl border-4 border-gray-800/10">
-      <div className="grid grid-cols-3 gap-1 sm:gap-2 md:gap-3">
-        {Array(9).fill(null).map((_, gridIndex) => (
-          <InnerGrid
-            key={gridIndex}
-            gridIndex={gridIndex}
-            gridData={board[gridIndex]}
-            macroWinner={macroBoard[gridIndex]}
-            isActive={activeGrid === null || activeGrid === gridIndex}
-            isLastMoveGrid={lastMove?.gridIndex === gridIndex}
-            lastMoveSquare={lastMove?.gridIndex === gridIndex ? lastMove?.squareIndex : null}
-            onSquareClick={(squareIndex) => onCellClick(gridIndex, squareIndex)}
-          />
-        ))}
+    <div className={`${getContainerClasses()} p-1.5 sm:p-2 md:p-3 overflow-hidden`}>
+      <div className="relative grid grid-cols-3 gap-1 sm:gap-1.5 md:gap-2">
+        {Array(9)
+          .fill(null)
+          .map((_, gridIndex) => (
+            <InnerGrid
+              key={gridIndex}
+              gridIndex={gridIndex}
+              gridData={board[gridIndex]}
+              macroWinner={macroBoard[gridIndex]}
+              isActive={
+                macroBoard[gridIndex] === null &&
+                (activeGrid === null ||
+                  activeGrid === gridIndex ||
+                  (activeGrid !== null && macroBoard[activeGrid] !== null))
+              }
+              isLastMoveGrid={lastMove?.gridIndex === gridIndex}
+              lastMoveSquare={lastMove?.gridIndex === gridIndex ? lastMove?.squareIndex : null}
+              onSquareClick={(squareIndex) => onCellClick(gridIndex, squareIndex)}
+            />
+          ))}
+        {renderGridLines()}
       </div>
-      <div className="absolute top-1/3 left-0 w-full h-1 bg-gray-800/10" />
-      <div className="absolute top-2/3 left-0 w-full h-1 bg-gray-800/10" />
-      <div className="absolute left-1/3 top-0 h-full w-1 bg-gray-800/10" />
-      <div className="absolute left-2/3 top-0 h-full w-1 bg-gray-800/10" />
+
+      <div
+        className="absolute inset-0 pointer-events-none opacity-5 mix-blend-multiply"
+        style={{
+          backgroundImage: `url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' /%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")`,
+          backgroundSize: '100px 100px',
+        }}
+      />
     </div>
   );
 };
 
-export default MacroGrid;
\ No newline at end of file
+export default MacroGrid;
diff --git a/pro/vite.config.js b/pro/vite.config.js
index d0087bd..c6663bf 100644
--- a/pro/vite.config.js
+++ b/pro/vite.config.js
@@ -4,10 +4,11 @@ import tailwindcss from '@tailwindcss/vite';
 
 // https://vitejs.dev/config/
 export default defineConfig({
-  plugins: [
-    react(),
-    tailwindcss(),
-  ],
+  server: {
+    host: true,
+    port: Number(process.env.VITE_PORT) || 5173,
+  },
+  plugins: [react(), tailwindcss()],
   test: {
     globals: true,
     environment: 'jsdom',
diff --git a/test-results/.last-run.json b/test-results/.last-run.json
new file mode 100644
index 0000000..544c11f
--- /dev/null
+++ b/test-results/.last-run.json
@@ -0,0 +1,4 @@
+{
+  "status": "failed",
+  "failedTests": []
+}