diff --git a/.editorconfig b/.editorconfig
new file mode 100644
index 0000000..b3d68e8
--- /dev/null
+++ b/.editorconfig
@@ -0,0 +1,23 @@
+root = true
+
+[*]
+charset = utf-8
+end_of_line = lf
+insert_final_newline = true
+trim_trailing_whitespace = true
+indent_style = space
+indent_size = 2
+max_line_length = 100
+
+[*.vue]
+indent_size = 2
+
+[*.{js,ts}]
+indent_size = 2
+
+[*.{json,yml,yaml}]
+indent_size = 2
+
+[*.md]
+trim_trailing_whitespace = false
+max_line_length = off
diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
new file mode 100644
index 0000000..d51d094
--- /dev/null
+++ b/.github/workflows/ci.yml
@@ -0,0 +1,57 @@
+name: CI - Lint and Build
+
+on:
+  push:
+    branches: [main, develop]
+  pull_request:
+    branches: [main, develop]
+
+jobs:
+  lint:
+    name: Lint Code
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v4
+
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: '22'
+          cache: 'npm'
+
+      - name: Install dependencies
+        run: npm ci
+
+      - name: Run ESLint
+        run: npm run lint
+
+      - name: Check Prettier formatting
+        run: npx prettier --check "src/**/*.{js,vue,css}"
+
+  build:
+    name: Build Application
+    runs-on: ubuntu-latest
+    needs: lint
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v4
+
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: '22'
+          cache: 'npm'
+
+      - name: Install dependencies
+        run: npm ci
+
+      - name: Build for production
+        run: npm run build
+
+      - name: Upload build artifacts
+        uses: actions/upload-artifact@v4
+        with:
+          name: dist
+          path: dist/
+          retention-days: 7
diff --git a/.github/workflows/pr-check.yml b/.github/workflows/pr-check.yml
new file mode 100644
index 0000000..4ee8731
--- /dev/null
+++ b/.github/workflows/pr-check.yml
@@ -0,0 +1,58 @@
+name: PR Quality Check
+
+on:
+  pull_request:
+    types: [opened, synchronize, reopened]
+
+jobs:
+  quality-check:
+    name: Code Quality Analysis
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v4
+        with:
+          fetch-depth: 0 # Full history for better analysis
+
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: '22'
+          cache: 'npm'
+
+      - name: Install dependencies
+        run: npm ci
+
+      - name: Run ESLint with annotations
+        run: npm run lint
+        continue-on-error: true
+
+      - name: Check code formatting
+        run: npx prettier --check "src/**/*.{js,vue,css}"
+        continue-on-error: true
+
+      - name: Build check
+        run: npm run build
+
+      - name: Check bundle size
+        run: |
+          echo "## Bundle Size Report" >> $GITHUB_STEP_SUMMARY
+          echo "" >> $GITHUB_STEP_SUMMARY
+          echo "| File | Size |" >> $GITHUB_STEP_SUMMARY
+          echo "|------|------|" >> $GITHUB_STEP_SUMMARY
+          find dist -type f -name "*.js" -o -name "*.css" | while read file; do
+            size=$(du -h "$file" | cut -f1)
+            echo "| \`${file#dist/}\` | $size |" >> $GITHUB_STEP_SUMMARY
+          done
+
+      - name: Comment PR
+        uses: actions/github-script@v7
+        if: github.event_name == 'pull_request'
+        with:
+          script: |
+            github.rest.issues.createComment({
+              issue_number: context.issue.number,
+              owner: context.repo.owner,
+              repo: context.repo.repo,
+              body: '✅ Code quality checks passed! Build successful.'
+            })
diff --git a/.gitignore b/.gitignore
index a547bf3..de84a87 100644
--- a/.gitignore
+++ b/.gitignore
@@ -12,6 +12,10 @@ dist
 dist-ssr
 *.local
 
+# env
+.env
+.env.*
+
 # Editor directories and files
 .vscode/*
 !.vscode/extensions.json
diff --git a/.prettierignore b/.prettierignore
new file mode 100644
index 0000000..5c6846e
--- /dev/null
+++ b/.prettierignore
@@ -0,0 +1,8 @@
+node_modules
+dist
+build
+.vscode
+.git
+*.min.js
+*.min.css
+package-lock.json
diff --git a/.prettierrc.json b/.prettierrc.json
new file mode 100644
index 0000000..3fbdd3b
--- /dev/null
+++ b/.prettierrc.json
@@ -0,0 +1,6 @@
+{
+  "singleQuote": true,
+  "trailingComma": "all",
+  "semi": false,
+  "arrowParens": "always"
+}
\ No newline at end of file
diff --git a/.vscode/extensions.json b/.vscode/extensions.json
index a7cea0b..040b9ff 100644
--- a/.vscode/extensions.json
+++ b/.vscode/extensions.json
@@ -1,3 +1,7 @@
 {
-  "recommendations": ["Vue.volar"]
-}
+    "recommendations": [
+        "Vue.volar",
+        "dbaeumer.vscode-eslint",
+        "esbenp.prettier-vscode"
+    ]
+}
\ No newline at end of file
diff --git a/eslint.config.mjs b/eslint.config.mjs
new file mode 100644
index 0000000..be66f23
--- /dev/null
+++ b/eslint.config.mjs
@@ -0,0 +1,76 @@
+import js from '@eslint/js'
+import pluginVue from 'eslint-plugin-vue'
+import prettier from 'eslint-plugin-prettier'
+import prettierConfig from 'eslint-config-prettier'
+
+export default [
+  // Base JavaScript recommended rules
+  js.configs.recommended,
+
+  // Vue 3 recommended rules
+  ...pluginVue.configs['flat/recommended'],
+
+  // Prettier integration
+  prettierConfig,
+
+  {
+    files: ['**/*.{js,vue}'],
+    plugins: {
+      prettier
+    },
+    rules: {
+      // Prettier as ESLint rule
+      'prettier/prettier': 'error',
+
+      // Vue-specific rules
+      'vue/multi-word-component-names': 'off', // Allow single-word component names
+      'vue/require-default-prop': 'error',
+      'vue/require-prop-types': 'error',
+      'vue/no-unused-vars': 'error',
+      'vue/no-v-html': 'warn', // Warn but allow (needed for rich descriptions)
+
+      // JavaScript best practices (Senior-level code quality)
+      'no-console': ['warn', { allow: ['warn', 'error'] }],
+      'no-debugger': 'error',
+      'no-unused-vars': ['error', { argsIgnorePattern: '^_', varsIgnorePattern: '^_' }],
+      'no-var': 'error',
+      'prefer-const': 'error',
+      'prefer-arrow-callback': 'error',
+      'no-implicit-coercion': 'error',
+      eqeqeq: ['error', 'always'],
+      curly: ['error', 'all'],
+      'no-eval': 'error',
+      'no-implied-eval': 'error',
+      'no-with': 'error',
+
+      // Code quality (adjusted for scenario management complexity)
+      complexity: ['warn', 15], // Increased for scenario validation logic
+      'max-depth': ['warn', 4],
+      'max-lines-per-function': ['warn', { max: 60, skipBlankLines: true, skipComments: true }],
+      'max-params': ['warn', 4],
+
+      // Prevent common mistakes
+      'no-duplicate-imports': 'off', // Allow for better code organization
+      'no-unreachable': 'error',
+      'no-unreachable-loop': 'error',
+      'require-atomic-updates': 'error'
+    },
+    languageOptions: {
+      ecmaVersion: 'latest',
+      sourceType: 'module',
+      globals: {
+        // Browser globals
+        window: 'readonly',
+        document: 'readonly',
+        navigator: 'readonly',
+        localStorage: 'readonly',
+        console: 'readonly'
+      }
+    }
+  },
+
+  // Ignore patterns
+  {
+    ignores: ['node_modules/**', 'dist/**', 'build/**', '.vscode/**', '.git/**', '*.min.js']
+  }
+]
diff --git a/package-lock.json b/package-lock.json
index d392ca8..3ee41ca 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -11,7 +11,13 @@
         "vue": "^3.4.0"
       },
       "devDependencies": {
+        "@eslint/js": "^9.39.2",
         "@vitejs/plugin-vue": "^6.0.1",
+        "eslint": "^9.39.2",
+        "eslint-config-prettier": "^10.1.8",
+        "eslint-plugin-prettier": "^5.5.5",
+        "eslint-plugin-vue": "^9.33.0",
+        "prettier": "^3.8.1",
         "vite": "^7.1.12"
       }
     },
@@ -473,11 +479,220 @@
         "node": ">=18"
       }
     },
+    "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": {
+        "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/@eslint-community/eslint-utils/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/@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": "^12.0.0 || ^14.0.0 || >=16.0.0"
+      }
+    },
+    "node_modules/@eslint/config-array": {
+      "version": "0.21.1",
+      "resolved": "https://registry.npmjs.org/@eslint/config-array/-/config-array-0.21.1.tgz",
+      "integrity": "sha512-aw1gNayWpdI/jSYVgzN5pL0cfzU02GT3NBpeT/DXbx1/1x7ZKxFPd9bwrzygx/qiwIQiJ1sw/zD8qY/kRvlGHA==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@eslint/object-schema": "^2.1.7",
+        "debug": "^4.3.1",
+        "minimatch": "^3.1.2"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      }
+    },
+    "node_modules/@eslint/config-helpers": {
+      "version": "0.4.2",
+      "resolved": "https://registry.npmjs.org/@eslint/config-helpers/-/config-helpers-0.4.2.tgz",
+      "integrity": "sha512-gBrxN88gOIf3R7ja5K9slwNayVcZgK6SOUORm2uBzTeIEfeVaIhOpCtTox3P6R7o2jLFwLFTLnC7kU/RGcYEgw==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@eslint/core": "^0.17.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      }
+    },
+    "node_modules/@eslint/core": {
+      "version": "0.17.0",
+      "resolved": "https://registry.npmjs.org/@eslint/core/-/core-0.17.0.tgz",
+      "integrity": "sha512-yL/sLrpmtDaFEiUj1osRP4TI2MDz1AddJL+jZ7KSqvBuliN4xqYY54IfdN8qD8Toa6g1iloph1fxQNkjOxrrpQ==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@types/json-schema": "^7.0.15"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      }
+    },
+    "node_modules/@eslint/eslintrc": {
+      "version": "3.3.3",
+      "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-3.3.3.tgz",
+      "integrity": "sha512-Kr+LPIUVKz2qkx1HAMH8q1q6azbqBAsXJUxBl/ODDuVPX45Z9DfwB8tPjTi6nNZ8BuM3nbJxC5zCAg5elnBUTQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ajv": "^6.12.4",
+        "debug": "^4.3.2",
+        "espree": "^10.0.1",
+        "globals": "^14.0.0",
+        "ignore": "^5.2.0",
+        "import-fresh": "^3.2.1",
+        "js-yaml": "^4.1.1",
+        "minimatch": "^3.1.2",
+        "strip-json-comments": "^3.1.1"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/@eslint/js": {
+      "version": "9.39.2",
+      "resolved": "https://registry.npmjs.org/@eslint/js/-/js-9.39.2.tgz",
+      "integrity": "sha512-q1mjIoW1VX4IvSocvM/vbTiveKC4k9eLrajNEuSsmjymSDEbpGddtpfOoN7YGAqBK3NG+uqo8ia4PDTt8buCYA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "url": "https://eslint.org/donate"
+      }
+    },
+    "node_modules/@eslint/object-schema": {
+      "version": "2.1.7",
+      "resolved": "https://registry.npmjs.org/@eslint/object-schema/-/object-schema-2.1.7.tgz",
+      "integrity": "sha512-VtAOaymWVfZcmZbp6E2mympDIHvyjXs/12LqWYjVw6qjrfF+VK+fyG33kChz3nnK+SU5/NeHOqrTEHS8sXO3OA==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      }
+    },
+    "node_modules/@eslint/plugin-kit": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/@eslint/plugin-kit/-/plugin-kit-0.4.1.tgz",
+      "integrity": "sha512-43/qtrDUokr7LJqoF2c3+RInu/t4zfrpYdoSDfYyhg52rwLV6TnOvdG4fXm7IkSB3wErkcmJS9iEhjVtOSEjjA==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@eslint/core": "^0.17.0",
+        "levn": "^0.4.1"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      }
+    },
+    "node_modules/@humanfs/core": {
+      "version": "0.19.1",
+      "resolved": "https://registry.npmjs.org/@humanfs/core/-/core-0.19.1.tgz",
+      "integrity": "sha512-5DyQ4+1JEUzejeK1JGICcideyfUbGixgS9jNgex5nqkW+cY7WZhxBigmieN5Qnw9ZosSNVC9KQKyb+GUaGyKUA==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=18.18.0"
+      }
+    },
+    "node_modules/@humanfs/node": {
+      "version": "0.16.7",
+      "resolved": "https://registry.npmjs.org/@humanfs/node/-/node-0.16.7.tgz",
+      "integrity": "sha512-/zUx+yOsIrG4Y43Eh2peDeKCxlRt/gET6aHfaKpuq267qXdYDFViVHfMaLyygZOnl0kGWxFIgsBy8QFuTLUXEQ==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@humanfs/core": "^0.19.1",
+        "@humanwhocodes/retry": "^0.4.0"
+      },
+      "engines": {
+        "node": ">=18.18.0"
+      }
+    },
+    "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/retry": {
+      "version": "0.4.3",
+      "resolved": "https://registry.npmjs.org/@humanwhocodes/retry/-/retry-0.4.3.tgz",
+      "integrity": "sha512-bV0Tgo9K4hfPCek+aMAn81RppFKv2ySDQeMoSZuvTASywNTnVJCArCZE2FWqpvIatKu7VMRLWlR1EazvVhDyhQ==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=18.18"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/nzakas"
+      }
+    },
     "node_modules/@jridgewell/sourcemap-codec": {
       "version": "1.5.5",
       "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.5.tgz",
       "integrity": "sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og=="
     },
+    "node_modules/@pkgr/core": {
+      "version": "0.2.9",
+      "resolved": "https://registry.npmjs.org/@pkgr/core/-/core-0.2.9.tgz",
+      "integrity": "sha512-QNqXyfVS2wm9hweSYD2O7F0G06uurj9kZ96TRQE5Y9hU7+tgdZwIkbAKc5Ocy1HxEY2kuDQa6cQ1WRs/O5LFKA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^12.20.0 || ^14.18.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/pkgr"
+      }
+    },
     "node_modules/@rolldown/pluginutils": {
       "version": "1.0.0-beta.29",
       "resolved": "https://registry.npmjs.org/@rolldown/pluginutils/-/pluginutils-1.0.0-beta.29.tgz",
@@ -776,6 +991,13 @@
       "integrity": "sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w==",
       "dev": true
     },
+    "node_modules/@types/json-schema": {
+      "version": "7.0.15",
+      "resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.15.tgz",
+      "integrity": "sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/@vitejs/plugin-vue": {
       "version": "6.0.1",
       "resolved": "https://registry.npmjs.org/@vitejs/plugin-vue/-/plugin-vue-6.0.1.tgz",
@@ -883,11 +1105,206 @@
       "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.5.22.tgz",
       "integrity": "sha512-F4yc6palwq3TT0u+FYf0Ns4Tfl9GRFURDN2gWG7L1ecIaS/4fCIuFOjMTnCyjsu/OK6vaDKLCrGAa+KvvH+h4w=="
     },
+    "node_modules/acorn": {
+      "version": "8.15.0",
+      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.15.0.tgz",
+      "integrity": "sha512-NZyJarBfL7nWwIq+FDL6Zp/yHEhePMNnnJ0y3qfieCrmNvYct8uvtiV41UvlSe6apAfk0fY1FbWx+NwfmpvtTg==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "acorn": "bin/acorn"
+      },
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
+    "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.12.6",
+      "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
+      "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==",
+      "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": "github",
+        "url": "https://github.com/sponsors/epoberezkin"
+      }
+    },
+    "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": {
+        "color-convert": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "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/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/boolbase": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/boolbase/-/boolbase-1.0.0.tgz",
+      "integrity": "sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/brace-expansion": {
+      "version": "1.1.12",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.12.tgz",
+      "integrity": "sha512-9T9UjW3r0UW5c1Q7GTwllptXwhvYmEzFhzMfZ9H7FQWt+uZePjZPjBP/W1ZEyZ1twGWom5/56TF4lPcqjnDHcg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "balanced-match": "^1.0.0",
+        "concat-map": "0.0.1"
+      }
+    },
+    "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/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/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": {
+        "color-name": "~1.1.4"
+      },
+      "engines": {
+        "node": ">=7.0.0"
+      }
+    },
+    "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/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",
+      "dependencies": {
+        "path-key": "^3.1.0",
+        "shebang-command": "^2.0.0",
+        "which": "^2.0.1"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/cssesc": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz",
+      "integrity": "sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "cssesc": "bin/cssesc"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
     "node_modules/csstype": {
       "version": "3.1.3",
       "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.3.tgz",
       "integrity": "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw=="
     },
+    "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",
+      "dependencies": {
+        "ms": "^2.1.3"
+      },
+      "engines": {
+        "node": ">=6.0"
+      },
+      "peerDependenciesMeta": {
+        "supports-color": {
+          "optional": true
+        }
+      }
+    },
+    "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/entities": {
       "version": "4.5.0",
       "resolved": "https://registry.npmjs.org/entities/-/entities-4.5.0.tgz",
@@ -940,86 +1357,732 @@
         "@esbuild/win32-x64": "0.25.11"
       }
     },
-    "node_modules/estree-walker": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-2.0.2.tgz",
-      "integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w=="
+    "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/fdir": {
-      "version": "6.5.0",
-      "resolved": "https://registry.npmjs.org/fdir/-/fdir-6.5.0.tgz",
-      "integrity": "sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg==",
+    "node_modules/eslint": {
+      "version": "9.39.2",
+      "resolved": "https://registry.npmjs.org/eslint/-/eslint-9.39.2.tgz",
+      "integrity": "sha512-LEyamqS7W5HB3ujJyvi0HQK/dtVINZvd5mAAp9eT5S/ujByGjiZLCzPcHVzuXbpJDJF/cxwHlfceVUDZ2lnSTw==",
       "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@eslint-community/eslint-utils": "^4.8.0",
+        "@eslint-community/regexpp": "^4.12.1",
+        "@eslint/config-array": "^0.21.1",
+        "@eslint/config-helpers": "^0.4.2",
+        "@eslint/core": "^0.17.0",
+        "@eslint/eslintrc": "^3.3.1",
+        "@eslint/js": "9.39.2",
+        "@eslint/plugin-kit": "^0.4.1",
+        "@humanfs/node": "^0.16.6",
+        "@humanwhocodes/module-importer": "^1.0.1",
+        "@humanwhocodes/retry": "^0.4.2",
+        "@types/estree": "^1.0.6",
+        "ajv": "^6.12.4",
+        "chalk": "^4.0.0",
+        "cross-spawn": "^7.0.6",
+        "debug": "^4.3.2",
+        "escape-string-regexp": "^4.0.0",
+        "eslint-scope": "^8.4.0",
+        "eslint-visitor-keys": "^4.2.1",
+        "espree": "^10.4.0",
+        "esquery": "^1.5.0",
+        "esutils": "^2.0.2",
+        "fast-deep-equal": "^3.1.3",
+        "file-entry-cache": "^8.0.0",
+        "find-up": "^5.0.0",
+        "glob-parent": "^6.0.2",
+        "ignore": "^5.2.0",
+        "imurmurhash": "^0.1.4",
+        "is-glob": "^4.0.0",
+        "json-stable-stringify-without-jsonify": "^1.0.1",
+        "lodash.merge": "^4.6.2",
+        "minimatch": "^3.1.2",
+        "natural-compare": "^1.4.0",
+        "optionator": "^0.9.3"
+      },
+      "bin": {
+        "eslint": "bin/eslint.js"
+      },
       "engines": {
-        "node": ">=12.0.0"
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "url": "https://eslint.org/donate"
       },
       "peerDependencies": {
-        "picomatch": "^3 || ^4"
+        "jiti": "*"
       },
       "peerDependenciesMeta": {
-        "picomatch": {
+        "jiti": {
           "optional": true
         }
       }
     },
-    "node_modules/fsevents": {
-      "version": "2.3.3",
-      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
-      "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
+    "node_modules/eslint-config-prettier": {
+      "version": "10.1.8",
+      "resolved": "https://registry.npmjs.org/eslint-config-prettier/-/eslint-config-prettier-10.1.8.tgz",
+      "integrity": "sha512-82GZUjRS0p/jganf6q1rEO25VSoHH0hKPCTrgillPjdI/3bgBhAE1QzHrHTizjpRvy6pGAvKjDJtk2pF9NDq8w==",
       "dev": true,
-      "hasInstallScript": true,
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
-      "engines": {
-        "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
-      }
-    },
-    "node_modules/magic-string": {
-      "version": "0.30.21",
-      "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.21.tgz",
-      "integrity": "sha512-vd2F4YUyEXKGcLHoq+TEyCjxueSeHnFxyyjNp80yg0XV4vUhnDer/lvvlqM/arB5bXQN5K2/3oinyCRyx8T2CQ==",
-      "dependencies": {
-        "@jridgewell/sourcemap-codec": "^1.5.5"
-      }
-    },
-    "node_modules/nanoid": {
-      "version": "3.3.11",
-      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.11.tgz",
-      "integrity": "sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w==",
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/ai"
-        }
-      ],
+      "license": "MIT",
       "bin": {
-        "nanoid": "bin/nanoid.cjs"
+        "eslint-config-prettier": "bin/cli.js"
       },
-      "engines": {
-        "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
+      "funding": {
+        "url": "https://opencollective.com/eslint-config-prettier"
+      },
+      "peerDependencies": {
+        "eslint": ">=7.0.0"
       }
     },
-    "node_modules/picocolors": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz",
-      "integrity": "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA=="
-    },
-    "node_modules/picomatch": {
-      "version": "4.0.3",
-      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.3.tgz",
-      "integrity": "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==",
+    "node_modules/eslint-plugin-prettier": {
+      "version": "5.5.5",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-prettier/-/eslint-plugin-prettier-5.5.5.tgz",
+      "integrity": "sha512-hscXkbqUZ2sPithAuLm5MXL+Wph+U7wHngPBv9OMWwlP8iaflyxpjTYZkmdgB4/vPIhemRlBEoLrH7UC1n7aUw==",
       "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "prettier-linter-helpers": "^1.0.1",
+        "synckit": "^0.11.12"
+      },
       "engines": {
-        "node": ">=12"
+        "node": "^14.18.0 || >=16.0.0"
       },
       "funding": {
-        "url": "https://github.com/sponsors/jonschlinkert"
+        "url": "https://opencollective.com/eslint-plugin-prettier"
+      },
+      "peerDependencies": {
+        "@types/eslint": ">=8.0.0",
+        "eslint": ">=8.0.0",
+        "eslint-config-prettier": ">= 7.0.0 <10.0.0 || >=10.1.0",
+        "prettier": ">=3.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/eslint": {
+          "optional": true
+        },
+        "eslint-config-prettier": {
+          "optional": true
+        }
       }
     },
-    "node_modules/postcss": {
-      "version": "8.5.6",
+    "node_modules/eslint-plugin-vue": {
+      "version": "9.33.0",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-vue/-/eslint-plugin-vue-9.33.0.tgz",
+      "integrity": "sha512-174lJKuNsuDIlLpjeXc5E2Tss8P44uIimAfGD0b90k0NoirJqpG7stLuU9Vp/9ioTOrQdWVREc4mRd1BD+CvGw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@eslint-community/eslint-utils": "^4.4.0",
+        "globals": "^13.24.0",
+        "natural-compare": "^1.4.0",
+        "nth-check": "^2.1.1",
+        "postcss-selector-parser": "^6.0.15",
+        "semver": "^7.6.3",
+        "vue-eslint-parser": "^9.4.3",
+        "xml-name-validator": "^4.0.0"
+      },
+      "engines": {
+        "node": "^14.17.0 || >=16.0.0"
+      },
+      "peerDependencies": {
+        "eslint": "^6.2.0 || ^7.0.0 || ^8.0.0 || ^9.0.0"
+      }
+    },
+    "node_modules/eslint-plugin-vue/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/eslint-scope": {
+      "version": "8.4.0",
+      "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-8.4.0.tgz",
+      "integrity": "sha512-sNXOfKCn74rt8RICKMvJS7XKV/Xk9kA7DyJr8mJik3S7Cwgy3qlkkmyS2uQB3jiJg6VNdZd/pDBJu0nvG2NlTg==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "esrecurse": "^4.3.0",
+        "estraverse": "^5.2.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/eslint-visitor-keys": {
+      "version": "4.2.1",
+      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-4.2.1.tgz",
+      "integrity": "sha512-Uhdk5sfqcee/9H/rCOJikYz67o0a2Tw2hGRPOG2Y1R2dg7brRe1uG0yaNQDHu+TO/uQPF/5eCapvYSmHUjt7JQ==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/espree": {
+      "version": "10.4.0",
+      "resolved": "https://registry.npmjs.org/espree/-/espree-10.4.0.tgz",
+      "integrity": "sha512-j6PAQ2uUr79PZhBjP5C5fhl8e39FmRnOjsD5lGnWrFU8i2G776tBK7+nP8KuQUTTyAZUwfQqXAgrVH5MbH9CYQ==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "acorn": "^8.15.0",
+        "acorn-jsx": "^5.3.2",
+        "eslint-visitor-keys": "^4.2.1"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.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/estree-walker": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-2.0.2.tgz",
+      "integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w=="
+    },
+    "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/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-diff": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/fast-diff/-/fast-diff-1.3.0.tgz",
+      "integrity": "sha512-VxPP4NqbUjj6MaAOafWeUn2cXWLcCtljklUtZf0Ind4XQ+QPtmA0b18zZy0jIQx+ExRVCR/ZQpBmik5lXshNsw==",
+      "dev": true,
+      "license": "Apache-2.0"
+    },
+    "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/fdir": {
+      "version": "6.5.0",
+      "resolved": "https://registry.npmjs.org/fdir/-/fdir-6.5.0.tgz",
+      "integrity": "sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg==",
+      "dev": true,
+      "engines": {
+        "node": ">=12.0.0"
+      },
+      "peerDependencies": {
+        "picomatch": "^3 || ^4"
+      },
+      "peerDependenciesMeta": {
+        "picomatch": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/file-entry-cache": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-8.0.0.tgz",
+      "integrity": "sha512-XXTUwCvisa5oacNGRP9SfNtYBNAMi+RPwBFmblZEF7N7swHYQS6/Zfk7SRwx4D5j3CH211YNRco1DEMNVfZCnQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "flat-cache": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=16.0.0"
+      }
+    },
+    "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": "4.0.1",
+      "resolved": "https://registry.npmjs.org/flat-cache/-/flat-cache-4.0.1.tgz",
+      "integrity": "sha512-f7ccFPK3SXFHpx15UIGyRJ/FJQctuKZ0zVuN3frBo4HnK3cay9VEW0R6yPYFHC0AgqhukPzKjq22t5DmAyqGyw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "flatted": "^3.2.9",
+        "keyv": "^4.5.4"
+      },
+      "engines": {
+        "node": ">=16"
+      }
+    },
+    "node_modules/flatted": {
+      "version": "3.3.3",
+      "resolved": "https://registry.npmjs.org/flatted/-/flatted-3.3.3.tgz",
+      "integrity": "sha512-GX+ysw4PBCz0PzosHDepZGANEuFCMLrnRTiEy9McGjmkCQYwRq4A/X786G/fjM/+OjsWSU1ZrY5qyARZmO/uwg==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/fsevents": {
+      "version": "2.3.3",
+      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
+      "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
+      "dev": true,
+      "hasInstallScript": true,
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
+      }
+    },
+    "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": "14.0.0",
+      "resolved": "https://registry.npmjs.org/globals/-/globals-14.0.0.tgz",
+      "integrity": "sha512-oahGvuMGQlPw/ivIYBjVSrWAfWLBeku5tpPE2fOPLi+WHffIWbuh2tCjhyQhTBPMf5E9jDEH4FOmTYgYwbKwtQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "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/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/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-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/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/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/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/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": {
+      "version": "4.17.23",
+      "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.23.tgz",
+      "integrity": "sha512-LgVTMpQtIopCi79SJeDiP0TfWi5CNEc/L/aRdTh3yIvmZXTnheWpKjSZhnvMl8iXbC1tFg9gdHHDMLoV7CnG+w==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "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/magic-string": {
+      "version": "0.30.21",
+      "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.21.tgz",
+      "integrity": "sha512-vd2F4YUyEXKGcLHoq+TEyCjxueSeHnFxyyjNp80yg0XV4vUhnDer/lvvlqM/arB5bXQN5K2/3oinyCRyx8T2CQ==",
+      "dependencies": {
+        "@jridgewell/sourcemap-codec": "^1.5.5"
+      }
+    },
+    "node_modules/minimatch": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
+      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
+      "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/nanoid": {
+      "version": "3.3.11",
+      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.11.tgz",
+      "integrity": "sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "bin": {
+        "nanoid": "bin/nanoid.cjs"
+      },
+      "engines": {
+        "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
+      }
+    },
+    "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/nth-check": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/nth-check/-/nth-check-2.1.1.tgz",
+      "integrity": "sha512-lqjrjmaOoAnWfMmBPL+XNnynZh2+swxiX3WUE0s4yEHI6m+AwrK2UZOimIRl3X/4QctVqS8AiZjFqyOGrMXb/w==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "boolbase": "^1.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/nth-check?sponsor=1"
+      }
+    },
+    "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/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-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/picocolors": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz",
+      "integrity": "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA=="
+    },
+    "node_modules/picomatch": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.3.tgz",
+      "integrity": "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==",
+      "dev": true,
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
+    "node_modules/postcss": {
+      "version": "8.5.6",
       "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.6.tgz",
       "integrity": "sha512-3Ybi1tAuwAP9s0r1UQ2J4n5Y0G05bJkpUIO0/bI9MhwmD70S5aTWbXGBwxHrelT+XM1k6dM0pk+SwNkpTRN7Pg==",
       "funding": [
@@ -1045,6 +2108,79 @@
         "node": "^10 || ^12 || >=14"
       }
     },
+    "node_modules/postcss-selector-parser": {
+      "version": "6.1.2",
+      "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.1.2.tgz",
+      "integrity": "sha512-Q8qQfPiZ+THO/3ZrOrO0cJJKfpYCagtMUkXbnEfmgUjwXg6z/WBeOyS9APBBPCTSiDV+s4SwQGu8yFsiMRIudg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "cssesc": "^3.0.0",
+        "util-deprecate": "^1.0.2"
+      },
+      "engines": {
+        "node": ">=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.1",
+      "resolved": "https://registry.npmjs.org/prettier/-/prettier-3.8.1.tgz",
+      "integrity": "sha512-UOnG6LftzbdaHZcKoPFtOcCKztrQ57WkHDeRD9t/PTQtmT0NHSeWWepj6pS0z/N7+08BHFDQVUrfmfMRcZwbMg==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "prettier": "bin/prettier.cjs"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "url": "https://github.com/prettier/prettier?sponsor=1"
+      }
+    },
+    "node_modules/prettier-linter-helpers": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/prettier-linter-helpers/-/prettier-linter-helpers-1.0.1.tgz",
+      "integrity": "sha512-SxToR7P8Y2lWmv/kTzVLC1t/GDI2WGjMwNhLLE9qtH8Q13C+aEmuRlzDst4Up4s0Wc8sF2M+J57iB3cMLqftfg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "fast-diff": "^1.1.2"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "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/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/rollup": {
       "version": "4.52.5",
       "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.52.5.tgz",
@@ -1086,6 +2222,42 @@
         "fsevents": "~2.3.2"
       }
     },
+    "node_modules/semver": {
+      "version": "7.7.3",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.3.tgz",
+      "integrity": "sha512-SdsKMrI9TdgjdweUSR9MweHA4EJ8YxHn8DFaDisvhVlUOe4BF1tLD7GAj0lIqWVl+dPb/rExr0Btby5loQm20Q==",
+      "dev": true,
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "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/source-map-js": {
       "version": "1.2.1",
       "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz",
@@ -1094,6 +2266,48 @@
         "node": ">=0.10.0"
       }
     },
+    "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/synckit": {
+      "version": "0.11.12",
+      "resolved": "https://registry.npmjs.org/synckit/-/synckit-0.11.12.tgz",
+      "integrity": "sha512-Bh7QjT8/SuKUIfObSXNHNSK6WHo6J1tHCqJsuaFDP7gP0fkzSfTxI8y85JrppZ0h8l0maIgc2tfuZQ6/t3GtnQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@pkgr/core": "^0.2.9"
+      },
+      "engines": {
+        "node": "^14.18.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/synckit"
+      }
+    },
     "node_modules/tinyglobby": {
       "version": "0.2.15",
       "resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.15.tgz",
@@ -1110,6 +2324,49 @@
         "url": "https://github.com/sponsors/SuperchupuDev"
       }
     },
+    "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/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/util-deprecate": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
+      "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/vite": {
       "version": "7.1.12",
       "resolved": "https://registry.npmjs.org/vite/-/vite-7.1.12.tgz",
@@ -1203,6 +2460,128 @@
           "optional": true
         }
       }
+    },
+    "node_modules/vue-eslint-parser": {
+      "version": "9.4.3",
+      "resolved": "https://registry.npmjs.org/vue-eslint-parser/-/vue-eslint-parser-9.4.3.tgz",
+      "integrity": "sha512-2rYRLWlIpaiN8xbPiDyXZXRgLGOtWxERV7ND5fFAv5qo1D2N9Fu9MNajBNc6o13lZ+24DAWCkQCvj4klgmcITg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "debug": "^4.3.4",
+        "eslint-scope": "^7.1.1",
+        "eslint-visitor-keys": "^3.3.0",
+        "espree": "^9.3.1",
+        "esquery": "^1.4.0",
+        "lodash": "^4.17.21",
+        "semver": "^7.3.6"
+      },
+      "engines": {
+        "node": "^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/mysticatea"
+      },
+      "peerDependencies": {
+        "eslint": ">=6.0.0"
+      }
+    },
+    "node_modules/vue-eslint-parser/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/vue-eslint-parser/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/vue-eslint-parser/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/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/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/xml-name-validator": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/xml-name-validator/-/xml-name-validator-4.0.0.tgz",
+      "integrity": "sha512-ICP2e+jsHvAj2E2lIHxa5tjXRlKDJo4IdvPvCXbXQGdzSfmSpNVyIKMvoZHjDY9DP0zV17iI85o90vRFXNccRw==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "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 42e6070..8605605 100644
--- a/package.json
+++ b/package.json
@@ -1,18 +1,27 @@
 {
-  "name": "devops-choice-game",
-  "private": true,
-  "version": "0.0.1",
-  "type": "module",
-  "scripts": {
-    "dev": "vite",
-    "build": "vite build",
-    "preview": "vite preview"
-  },
-  "dependencies": {
-    "vue": "^3.4.0"
-  },
-  "devDependencies": {
-    "vite": "^7.1.12",
-    "@vitejs/plugin-vue": "^6.0.1"
-  }
+    "name": "devops-choice-game",
+    "private": true,
+    "version": "0.0.1",
+    "type": "module",
+    "scripts": {
+        "dev": "vite",
+        "build": "vite build",
+        "preview": "vite preview",
+        "lint": "eslint . --ext .js,.vue",
+        "lint:fix": "eslint . --ext .js,.vue --fix",
+        "format": "prettier --write \"src/**/*.{js,vue,css}\""
+    },
+    "dependencies": {
+        "vue": "^3.4.0"
+    },
+    "devDependencies": {
+        "@eslint/js": "^9.39.2",
+        "@vitejs/plugin-vue": "^6.0.1",
+        "eslint": "^9.39.2",
+        "eslint-config-prettier": "^10.1.8",
+        "eslint-plugin-prettier": "^5.5.5",
+        "eslint-plugin-vue": "^9.33.0",
+        "prettier": "^3.8.1",
+        "vite": "^7.1.12"
+    }
 }
\ No newline at end of file
diff --git a/src/App.vue b/src/App.vue
index 521d880..2bf0ee8 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -41,22 +41,14 @@ watch([currentView, gameStarted], updateNavigation, { immediate: true })
 <template>
   <div class="app">
     <nav v-if="shouldShowNavigation" class="navigation">
-      <button 
-        @click="showGame" 
-        :class="{ active: currentView === 'game' }"
-      >
-        🎮 DevOps Game
-      </button>
-      <button 
-        @click="showManager" 
-        :class="{ active: currentView === 'manager' }"
-      >
+      <button :class="{ active: currentView === 'game' }" @click="showGame">🎮 DevOps Game</button>
+      <button :class="{ active: currentView === 'manager' }" @click="showManager">
         ⚙️ Manage Scenarios
       </button>
     </nav>
-    
-    <DevOpsChoiceGame 
-      v-if="currentView === 'game'" 
+
+    <DevOpsChoiceGame
+      v-if="currentView === 'game'"
       @game-started="onGameStarted"
       @game-restarted="onGameRestarted"
       @manage-scenarios="onManageScenarios"
diff --git a/src/components/DevOpsChoiceGame.vue b/src/components/DevOpsChoiceGame.vue
index 9f31eb6..4d064b7 100644
--- a/src/components/DevOpsChoiceGame.vue
+++ b/src/components/DevOpsChoiceGame.vue
@@ -9,13 +9,19 @@
         </div>
 
         <div class="intro-description">
-          <p>Make decisions like a CTO and observe how they affect <strong>DORA metrics</strong>, team well-being, and operational costs.</p>
+          <p>
+            Make decisions like a CTO and observe how they affect <strong>DORA metrics</strong>,
+            team well-being, and operational costs.
+          </p>
         </div>
 
         <div class="metrics-explanation">
           <h2>📊 What are DORA Metrics?</h2>
-          <p>The 4 key metrics identified by DORA research to measure software delivery and operational performance:</p>
-          
+          <p>
+            The 4 key metrics identified by DORA research to measure software delivery and
+            operational performance:
+          </p>
+
           <div class="metric-cards">
             <div class="metric-card dora-metric">
               <div class="metric-icon">🚀</div>
@@ -31,7 +37,7 @@
               <div class="metric-info">
                 <h3>Lead Time for Changes</h3>
                 <p>Time from code commit to production deployment</p>
-                <div class="metric-range">🎯 Elite: < 1 day</div>
+                <div class="metric-range">🎯 Elite: &lt; 1 day</div>
               </div>
             </div>
 
@@ -40,7 +46,7 @@
               <div class="metric-info">
                 <h3>Change Failure Rate</h3>
                 <p>Percentage of deployments that cause production failures</p>
-                <div class="metric-range">🎯 Elite: < 15%</div>
+                <div class="metric-range">🎯 Elite: &lt; 15%</div>
               </div>
             </div>
 
@@ -49,7 +55,7 @@
               <div class="metric-info">
                 <h3>Mean Time to Recovery</h3>
                 <p>Average time to recover from a production failure</p>
-                <div class="metric-range">🎯 Elite: < 1 hour</div>
+                <div class="metric-range">🎯 Elite: &lt; 1 hour</div>
               </div>
             </div>
           </div>
@@ -113,7 +119,7 @@
                 </div>
               </div>
             </div>
-            
+
             <div class="modal-footer">
               <button class="scenario-manager-btn" @click="goToScenarioManager">
                 ⚙️ Edit Questions & Scenarios
@@ -129,7 +135,10 @@
       <header>
         <div>
           <div class="title">DevOps Choice Game – Prototype</div>
-          <div class="subtitle">Make CTO-style decisions. See how your choices affect delivery speed, stability and team well‑being.</div>
+          <div class="subtitle">
+            Make CTO-style decisions. See how your choices affect delivery speed, stability and team
+            well‑being.
+          </div>
         </div>
         <div class="chips">
           <span class="chip">MTTR = Mean Time To Recover</span>
@@ -138,107 +147,131 @@
         </div>
       </header>
 
-    <div class="grid">
-      <aside class="card">
-        <div class="status-header">
-          <h3>Performance Dashboard</h3>
-        </div>
-        <div class="kpis">
-          <div class="kpi">
-            <h4>Customer Satisfaction</h4>
-            <div class="val">{{ fmt(state.sat) }}</div>
-            <div class="bar"><span :style="{ width: state.sat + '%' }" /></div>
-          </div>
-          <div class="kpi">
-            <h4>Team Burnout</h4>
-            <div class="val">{{ fmt(state.burn) }}</div>
-            <div class="bar"><span :style="{ width: state.burn + '%' }" /></div>
-          </div>
-          <div class="kpi">
-            <h4>Lead Time (days)</h4>
-            <div class="val">{{ fmt(state.lead) }}</div>
-            <div class="bar"><span :style="{ width: invLeadBar + '%' }" /></div>
-          </div>
-          <div class="kpi">
-            <h4>MTTR (hours)</h4>
-            <div class="val">{{ fmt(state.mttr) }}</div>
-            <div class="bar"><span :style="{ width: invMttrBar + '%' }" /></div>
+      <div class="grid">
+        <aside class="card">
+          <div class="status-header">
+            <h3>Performance Dashboard</h3>
           </div>
-          <div class="kpi">
-            <h4>CFR (%)</h4>
-            <div class="val">{{ fmt(state.cfr) }}%</div>
-            <div class="bar"><span :style="{ width: (100 - state.cfr) + '%' }" /></div>
-          </div>
-          <div class="kpi">
-            <h4>Operating Cost</h4>
-            <div class="val">{{ fmt(state.cost) }}</div>
-            <div class="bar"><span :style="{ width: invCostBar + '%' }" /></div>
-          </div>
-        </div>
-        <div class="log">
-          <p v-for="(entry, i) in logTop" :key="i" v-html="entry"></p>
-        </div>
-      </aside>
-
-      <main class="card">
-        <div v-if="isFinished" class="center" style="min-height:420px;flex-direction:column;gap:12px">
-          <div class="score">Final score: {{ fmt(score) }} / 100</div>
-          <div class="small">(Higher is better. Based on DORA + well‑being + cost)</div>
-          <div class="kpis" style="max-width:560px;margin-top:8px">
-            <div class="kpi"><h4>Customer Satisfaction</h4><div class="val">{{ fmt(state.sat) }}</div></div>
-            <div class="kpi"><h4>Team Burnout</h4><div class="val">{{ fmt(state.burn) }}</div></div>
-            <div class="kpi"><h4>Lead Time (days)</h4><div class="val">{{ fmt(state.lead) }}</div></div>
-            <div class="kpi"><h4>MTTR (h)</h4><div class="val">{{ fmt(state.mttr) }}</div></div>
-            <div class="kpi"><h4>CFR (%)</h4><div class="val">{{ fmt(state.cfr) }}%</div></div>
-            <div class="kpi"><h4>Cost</h4><div class="val">{{ fmt(state.cost) }}</div></div>
-          </div>
-          <div class="list">
-            <div class="item" v-for="(p, i) in state.picks" :key="i">
-              <div>{{ p.idx + 1 }}. {{ p.title }}</div>
-              <div class="pill" :class="p.align==='DevOps' ? 'tag-devops' : 'tag-nodevops'">{{ p.align }}</div>
+          <div class="kpis">
+            <div class="kpi">
+              <h4>Customer Satisfaction</h4>
+              <div class="val">{{ fmt(state.sat) }}</div>
+              <div class="bar"><span :style="{ width: state.sat + '%' }" /></div>
+            </div>
+            <div class="kpi">
+              <h4>Team Burnout</h4>
+              <div class="val">{{ fmt(state.burn) }}</div>
+              <div class="bar"><span :style="{ width: state.burn + '%' }" /></div>
+            </div>
+            <div class="kpi">
+              <h4>Lead Time (days)</h4>
+              <div class="val">{{ fmt(state.lead) }}</div>
+              <div class="bar"><span :style="{ width: invLeadBar + '%' }" /></div>
+            </div>
+            <div class="kpi">
+              <h4>MTTR (hours)</h4>
+              <div class="val">{{ fmt(state.mttr) }}</div>
+              <div class="bar"><span :style="{ width: invMttrBar + '%' }" /></div>
+            </div>
+            <div class="kpi">
+              <h4>CFR (%)</h4>
+              <div class="val">{{ fmt(state.cfr) }}%</div>
+              <div class="bar"><span :style="{ width: 100 - state.cfr + '%' }" /></div>
+            </div>
+            <div class="kpi">
+              <h4>Operating Cost</h4>
+              <div class="val">{{ fmt(state.cost) }}</div>
+              <div class="bar"><span :style="{ width: invCostBar + '%' }" /></div>
             </div>
           </div>
-          <div class="chips">
-            <span class="chip">Tip: prioritize small batches, automation and observability.</span>
-            <span class="chip">Next: extend scenarios via JSON.</span>
-          </div>
-          <div style="display:flex;gap:8px;margin-top:8px">
-            <button class="restart" @click="restart">Play again</button>
+          <div class="log">
+            <p v-for="(entry, i) in logTop" :key="i" v-html="entry"></p>
           </div>
-        </div>
-
-        <template v-else>
-          <div class="scenario">
-            <div class="row">
-              <h3>{{ currentNumber }}. {{ current.title }}</h3>
-              <div class="pill scenario-id">{{ current.id }}</div>
+        </aside>
+
+        <main class="card">
+          <div
+            v-if="isFinished"
+            class="center"
+            style="min-height: 420px; flex-direction: column; gap: 12px"
+          >
+            <div class="score">Final score: {{ fmt(score) }} / 100</div>
+            <div class="small">(Higher is better. Based on DORA + well‑being + cost)</div>
+            <div class="kpis" style="max-width: 560px; margin-top: 8px">
+              <div class="kpi">
+                <h4>Customer Satisfaction</h4>
+                <div class="val">{{ fmt(state.sat) }}</div>
+              </div>
+              <div class="kpi">
+                <h4>Team Burnout</h4>
+                <div class="val">{{ fmt(state.burn) }}</div>
+              </div>
+              <div class="kpi">
+                <h4>Lead Time (days)</h4>
+                <div class="val">{{ fmt(state.lead) }}</div>
+              </div>
+              <div class="kpi">
+                <h4>MTTR (h)</h4>
+                <div class="val">{{ fmt(state.mttr) }}</div>
+              </div>
+              <div class="kpi">
+                <h4>CFR (%)</h4>
+                <div class="val">{{ fmt(state.cfr) }}%</div>
+              </div>
+              <div class="kpi">
+                <h4>Cost</h4>
+                <div class="val">{{ fmt(state.cost) }}</div>
+              </div>
             </div>
-            <p>{{ current.text }}</p>
-            <div class="choices">
-              <button
-                class="choice"
-                v-for="(c,i) in current.choices"
-                :key="i"
-                :class="{
-                  'selected': choiceMade && selectedChoiceIndex === i,
-                  'not-selected': choiceMade && selectedChoiceIndex !== i
-                }"
-                :disabled="choiceMade"
-                @click="onChoose(i)"
-              >
-                <div>
-                  <div style="font-weight:600">{{ c.label }}</div>
+            <div class="list">
+              <div v-for="(p, i) in state.picks" :key="i" class="item">
+                <div>{{ p.idx + 1 }}. {{ p.title }}</div>
+                <div class="pill" :class="p.align === 'DevOps' ? 'tag-devops' : 'tag-nodevops'">
+                  {{ p.align }}
                 </div>
-              </button>
+              </div>
+            </div>
+            <div class="chips">
+              <span class="chip">Tip: prioritize small batches, automation and observability.</span>
+              <span class="chip">Next: extend scenarios via JSON.</span>
             </div>
-            <div class="footer">
-              <div class="meta">Scenario {{ currentNumber }} of {{ scenarios.length }}</div>
-              <button class="next" :disabled="!choiceMade" @click="goNext">Next →</button>
+            <div style="display: flex; gap: 8px; margin-top: 8px">
+              <button class="restart" @click="restart">Play again</button>
             </div>
           </div>
-        </template>
-      </main>
-    </div>
+
+          <template v-else>
+            <div class="scenario">
+              <div class="row">
+                <h3>{{ currentNumber }}. {{ current.title }}</h3>
+                <div class="pill scenario-id">{{ current.id }}</div>
+              </div>
+              <p>{{ current.text }}</p>
+              <div class="choices">
+                <button
+                  v-for="(c, i) in current.choices"
+                  :key="i"
+                  class="choice"
+                  :class="{
+                    selected: choiceMade && selectedChoiceIndex === i,
+                    'not-selected': choiceMade && selectedChoiceIndex !== i,
+                  }"
+                  :disabled="choiceMade"
+                  @click="onChoose(i)"
+                >
+                  <div>
+                    <div style="font-weight: 600">{{ c.label }}</div>
+                  </div>
+                </button>
+              </div>
+              <div class="footer">
+                <div class="meta">Scenario {{ currentNumber }} of {{ scenarios.length }}</div>
+                <button class="next" :disabled="!choiceMade" @click="goNext">Next →</button>
+              </div>
+            </div>
+          </template>
+        </main>
+      </div>
     </div>
 
     <!-- Impact Modal -->
@@ -253,7 +286,16 @@
             <h3>Your Decision:</h3>
             <div class="choice-text">{{ currentImpact.choice }}</div>
             <div class="choice-alignment">
-              <span class="pill" :class="currentImpact.align === 'DevOps' ? 'tag-devops' : currentImpact.align === 'Hybrid' ? 'tag-mixed' : 'tag-nodevops'">
+              <span
+                class="pill"
+                :class="
+                  currentImpact.align === 'DevOps'
+                    ? 'tag-devops'
+                    : currentImpact.align === 'Hybrid'
+                      ? 'tag-mixed'
+                      : 'tag-nodevops'
+                "
+              >
                 {{ currentImpact.align }} Approach
               </span>
             </div>
@@ -269,37 +311,56 @@
             <div class="impact-grid">
               <div v-if="currentImpact.impact?.sat" class="impact-item">
                 <span class="metric-name">Customer Satisfaction</span>
-                <span class="impact-value" :class="currentImpact.impact.sat > 0 ? 'positive' : 'negative'">
+                <span
+                  class="impact-value"
+                  :class="currentImpact.impact.sat > 0 ? 'positive' : 'negative'"
+                >
                   {{ currentImpact.impact.sat > 0 ? '+' : '' }}{{ currentImpact.impact.sat }}
                 </span>
               </div>
               <div v-if="currentImpact.impact?.burn" class="impact-item">
                 <span class="metric-name">Team Burnout</span>
-                <span class="impact-value" :class="currentImpact.impact.burn < 0 ? 'positive' : 'negative'">
+                <span
+                  class="impact-value"
+                  :class="currentImpact.impact.burn < 0 ? 'positive' : 'negative'"
+                >
                   {{ currentImpact.impact.burn > 0 ? '+' : '' }}{{ currentImpact.impact.burn }}
                 </span>
               </div>
               <div v-if="currentImpact.impact?.lead" class="impact-item">
                 <span class="metric-name">Lead Time</span>
-                <span class="impact-value" :class="currentImpact.impact.lead < 0 ? 'positive' : 'negative'">
+                <span
+                  class="impact-value"
+                  :class="currentImpact.impact.lead < 0 ? 'positive' : 'negative'"
+                >
                   {{ currentImpact.impact.lead > 0 ? '+' : '' }}{{ currentImpact.impact.lead }} days
                 </span>
               </div>
               <div v-if="currentImpact.impact?.mttr" class="impact-item">
                 <span class="metric-name">MTTR</span>
-                <span class="impact-value" :class="currentImpact.impact.mttr < 0 ? 'positive' : 'negative'">
-                  {{ currentImpact.impact.mttr > 0 ? '+' : '' }}{{ currentImpact.impact.mttr }} hours
+                <span
+                  class="impact-value"
+                  :class="currentImpact.impact.mttr < 0 ? 'positive' : 'negative'"
+                >
+                  {{ currentImpact.impact.mttr > 0 ? '+' : ''
+                  }}{{ currentImpact.impact.mttr }} hours
                 </span>
               </div>
               <div v-if="currentImpact.impact?.cfr" class="impact-item">
                 <span class="metric-name">Change Failure Rate</span>
-                <span class="impact-value" :class="currentImpact.impact.cfr < 0 ? 'positive' : 'negative'">
+                <span
+                  class="impact-value"
+                  :class="currentImpact.impact.cfr < 0 ? 'positive' : 'negative'"
+                >
                   {{ currentImpact.impact.cfr > 0 ? '+' : '' }}{{ currentImpact.impact.cfr }}%
                 </span>
               </div>
               <div v-if="currentImpact.impact?.cost" class="impact-item">
                 <span class="metric-name">Operating Cost</span>
-                <span class="impact-value" :class="currentImpact.impact.cost < 0 ? 'positive' : 'negative'">
+                <span
+                  class="impact-value"
+                  :class="currentImpact.impact.cost < 0 ? 'positive' : 'negative'"
+                >
                   {{ currentImpact.impact.cost > 0 ? '+' : '' }}{{ currentImpact.impact.cost }}
                 </span>
               </div>
@@ -330,101 +391,251 @@ const defaultScenarios = [
     title: 'Security vulnerability discovered in production',
     text: 'A critical SQL injection vulnerability is found in your user authentication system. Customer data may be at risk.',
     choices: [
-      { label: 'Immediately take the system offline for emergency patching', tag: 'nodevops', impact: { mttr: -2, cfr: +15, sat: -12, cost: +25, burn: +8 }, note: 'Secure but causes major downtime and customer frustration.' },
-      { label: 'Deploy automated security scanning in CI/CD pipeline', tag: 'devops', impact: { lead: +1, cfr: -8, cost: +18, sat: +3, burn: -2 }, note: 'Prevents future issues with systematic approach.' },
-      { label: 'Apply hotfix during maintenance window', tag: 'mixed', impact: { mttr: +2, cfr: -3, sat: -4, cost: +8, burn: +3 }, note: 'Balanced approach but leaves window of vulnerability.' }
-    ]
+      {
+        label: 'Immediately take the system offline for emergency patching',
+        tag: 'nodevops',
+        impact: { mttr: -2, cfr: +15, sat: -12, cost: +25, burn: +8 },
+        note: 'Secure but causes major downtime and customer frustration.',
+      },
+      {
+        label: 'Deploy automated security scanning in CI/CD pipeline',
+        tag: 'devops',
+        impact: { lead: +1, cfr: -8, cost: +18, sat: +3, burn: -2 },
+        note: 'Prevents future issues with systematic approach.',
+      },
+      {
+        label: 'Apply hotfix during maintenance window',
+        tag: 'mixed',
+        impact: { mttr: +2, cfr: -3, sat: -4, cost: +8, burn: +3 },
+        note: 'Balanced approach but leaves window of vulnerability.',
+      },
+    ],
   },
   {
     id: 'database-performance',
     title: 'Database performance degrading under load',
     text: 'Response times are increasing during peak hours. Some queries timeout after 30 seconds.',
     choices: [
-      { label: 'Scale vertically by upgrading server hardware', tag: 'nodevops', impact: { mttr: -1, lead: +1, cost: +35, sat: +2, burn: +1 }, note: 'Quick fix but expensive and not sustainable.' },
-      { label: 'Implement database sharding strategy', tag: 'devops', impact: { lead: +4, cfr: +5, cost: +28, sat: -3, burn: +6 }, note: 'Long-term solution but complex implementation.' },
-      { label: 'Add caching layer and optimize queries', tag: 'devops', impact: { mttr: -2, lead: -1, cfr: -4, cost: +12, sat: +5, burn: -1 }, note: 'Improves performance with manageable complexity.' }
-    ]
+      {
+        label: 'Scale vertically by upgrading server hardware',
+        tag: 'nodevops',
+        impact: { mttr: -1, lead: +1, cost: +35, sat: +2, burn: +1 },
+        note: 'Quick fix but expensive and not sustainable.',
+      },
+      {
+        label: 'Implement database sharding strategy',
+        tag: 'devops',
+        impact: { lead: +4, cfr: +5, cost: +28, sat: -3, burn: +6 },
+        note: 'Long-term solution but complex implementation.',
+      },
+      {
+        label: 'Add caching layer and optimize queries',
+        tag: 'devops',
+        impact: { mttr: -2, lead: -1, cfr: -4, cost: +12, sat: +5, burn: -1 },
+        note: 'Improves performance with manageable complexity.',
+      },
+    ],
   },
   {
     id: 'legacy-migration',
     title: 'Legacy system blocking new features',
     text: 'A 10-year-old monolith handles payments. Adding new payment methods requires weeks of changes.',
     choices: [
-      { label: 'Continue extending the monolith with workarounds', tag: 'nodevops', impact: { lead: +5, cfr: +8, sat: -6, burn: +5, cost: -5 }, note: 'Cheaper short-term but technical debt grows.' },
-      { label: 'Strangler Fig pattern: gradually extract services', tag: 'devops', impact: { lead: -3, cfr: -2, cost: +20, sat: +4, burn: -3 }, note: 'Sustainable modernization with controlled risk.' },
-      { label: 'Big-bang rewrite of the entire payment system', tag: 'mixed', impact: { lead: +8, cfr: +12, cost: +45, sat: -8, burn: +10 }, note: 'High risk, high reward approach with major disruption.' }
-    ]
+      {
+        label: 'Continue extending the monolith with workarounds',
+        tag: 'nodevops',
+        impact: { lead: +5, cfr: +8, sat: -6, burn: +5, cost: -5 },
+        note: 'Cheaper short-term but technical debt grows.',
+      },
+      {
+        label: 'Strangler Fig pattern: gradually extract services',
+        tag: 'devops',
+        impact: { lead: -3, cfr: -2, cost: +20, sat: +4, burn: -3 },
+        note: 'Sustainable modernization with controlled risk.',
+      },
+      {
+        label: 'Big-bang rewrite of the entire payment system',
+        tag: 'mixed',
+        impact: { lead: +8, cfr: +12, cost: +45, sat: -8, burn: +10 },
+        note: 'High risk, high reward approach with major disruption.',
+      },
+    ],
   },
   {
     id: 'team-scaling',
     title: 'Engineering team doubled in size',
     text: 'You hired 15 new developers. Coordination is becoming chaotic and code conflicts are frequent.',
     choices: [
-      { label: 'Implement trunk-based development with feature flags', tag: 'devops', impact: { lead: -4, cfr: -6, cost: +15, sat: +8, burn: -4 }, note: 'Reduces merge conflicts and improves flow.' },
-      { label: 'Create separate teams with individual repositories', tag: 'mixed', impact: { lead: +2, cfr: +3, cost: +8, sat: -2, burn: +2 }, note: 'Reduces conflicts but may create silos.' },
-      { label: 'Establish code review gates and approval processes', tag: 'nodevops', impact: { lead: +6, cfr: -2, sat: -5, burn: +4, cost: +5 }, note: 'Quality control but slows down delivery.' }
-    ]
+      {
+        label: 'Implement trunk-based development with feature flags',
+        tag: 'devops',
+        impact: { lead: -4, cfr: -6, cost: +15, sat: +8, burn: -4 },
+        note: 'Reduces merge conflicts and improves flow.',
+      },
+      {
+        label: 'Create separate teams with individual repositories',
+        tag: 'mixed',
+        impact: { lead: +2, cfr: +3, cost: +8, sat: -2, burn: +2 },
+        note: 'Reduces conflicts but may create silos.',
+      },
+      {
+        label: 'Establish code review gates and approval processes',
+        tag: 'nodevops',
+        impact: { lead: +6, cfr: -2, sat: -5, burn: +4, cost: +5 },
+        note: 'Quality control but slows down delivery.',
+      },
+    ],
   },
   {
     id: 'compliance-audit',
     title: 'SOC 2 compliance audit approaching',
     text: 'Your startup needs SOC 2 certification. Auditors want evidence of security controls and change management.',
     choices: [
-      { label: 'Hire compliance consultants and manual documentation', tag: 'nodevops', impact: { cost: +40, lead: +4, sat: -6, burn: +8, cfr: +2 }, note: 'Expensive and doesn\'t improve actual security.' },
-      { label: 'Implement GitOps with audit trails and automated policies', tag: 'devops', impact: { cost: +25, lead: -2, cfr: -5, sat: +3, burn: -2 }, note: 'Compliance through better engineering practices.' },
-      { label: 'Document existing processes and add manual approvals', tag: 'mixed', impact: { cost: +15, lead: +3, sat: -3, burn: +3, cfr: +1 }, note: 'Meets compliance but adds bureaucracy.' }
-    ]
+      {
+        label: 'Hire compliance consultants and manual documentation',
+        tag: 'nodevops',
+        impact: { cost: +40, lead: +4, sat: -6, burn: +8, cfr: +2 },
+        note: "Expensive and doesn't improve actual security.",
+      },
+      {
+        label: 'Implement GitOps with audit trails and automated policies',
+        tag: 'devops',
+        impact: { cost: +25, lead: -2, cfr: -5, sat: +3, burn: -2 },
+        note: 'Compliance through better engineering practices.',
+      },
+      {
+        label: 'Document existing processes and add manual approvals',
+        tag: 'mixed',
+        impact: { cost: +15, lead: +3, sat: -3, burn: +3, cfr: +1 },
+        note: 'Meets compliance but adds bureaucracy.',
+      },
+    ],
   },
   {
     id: 'cloud-costs',
     title: 'Cloud costs increased 300% last quarter',
     text: 'AWS bill shows runaway compute and storage costs. Finance is demanding immediate action.',
     choices: [
-      { label: 'Immediately downsize instances to reduce costs', tag: 'nodevops', impact: { cost: -25, cfr: +10, sat: -8, mttr: +3, burn: +5 }, note: 'Quick savings but performance and reliability suffer.' },
-      { label: 'Implement FinOps with cost monitoring and right-sizing', tag: 'devops', impact: { cost: -15, lead: -1, sat: +4, burn: -2, cfr: -2 }, note: 'Sustainable cost optimization with better visibility.' },
-      { label: 'Negotiate reserved instances and annual contracts', tag: 'mixed', impact: { cost: -20, lead: +1, sat: +1, burn: +1, cfr: 0 }, note: 'Good savings but less flexibility for growth.' }
-    ]
+      {
+        label: 'Immediately downsize instances to reduce costs',
+        tag: 'nodevops',
+        impact: { cost: -25, cfr: +10, sat: -8, mttr: +3, burn: +5 },
+        note: 'Quick savings but performance and reliability suffer.',
+      },
+      {
+        label: 'Implement FinOps with cost monitoring and right-sizing',
+        tag: 'devops',
+        impact: { cost: -15, lead: -1, sat: +4, burn: -2, cfr: -2 },
+        note: 'Sustainable cost optimization with better visibility.',
+      },
+      {
+        label: 'Negotiate reserved instances and annual contracts',
+        tag: 'mixed',
+        impact: { cost: -20, lead: +1, sat: +1, burn: +1, cfr: 0 },
+        note: 'Good savings but less flexibility for growth.',
+      },
+    ],
   },
   {
     id: 'api-versioning',
     title: 'Breaking API changes needed for mobile app',
     text: 'The mobile team needs a new API version. Current API has performance issues but 50+ integrations depend on it.',
     choices: [
-      { label: 'Version the API and maintain both simultaneously', tag: 'devops', impact: { lead: -2, cost: +20, cfr: -4, sat: +6, burn: +3 }, note: 'Clean evolution path but maintenance overhead.' },
-      { label: 'Force all clients to migrate to new API at once', tag: 'nodevops', impact: { lead: +4, cfr: +15, sat: -10, burn: +8, cost: +10 }, note: 'Simplifies codebase but breaks existing integrations.' },
-      { label: 'Proxy pattern with gradual feature migration', tag: 'devops', impact: { lead: +1, cost: +15, cfr: -2, sat: +3, burn: +2 }, note: 'Smooth transition with controlled complexity.' }
-    ]
+      {
+        label: 'Version the API and maintain both simultaneously',
+        tag: 'devops',
+        impact: { lead: -2, cost: +20, cfr: -4, sat: +6, burn: +3 },
+        note: 'Clean evolution path but maintenance overhead.',
+      },
+      {
+        label: 'Force all clients to migrate to new API at once',
+        tag: 'nodevops',
+        impact: { lead: +4, cfr: +15, sat: -10, burn: +8, cost: +10 },
+        note: 'Simplifies codebase but breaks existing integrations.',
+      },
+      {
+        label: 'Proxy pattern with gradual feature migration',
+        tag: 'devops',
+        impact: { lead: +1, cost: +15, cfr: -2, sat: +3, burn: +2 },
+        note: 'Smooth transition with controlled complexity.',
+      },
+    ],
   },
   {
     id: 'on-call-fatigue',
     title: 'On-call engineers experiencing burnout',
     text: 'Your team gets paged 15+ times per week. Sleep deprivation is affecting code quality and team morale.',
     choices: [
-      { label: 'Hire more engineers to share on-call rotation', tag: 'nodevops', impact: { cost: +30, burn: -3, sat: +2, cfr: +3, mttr: +1 }, note: 'Reduces individual load but doesn\'t fix root causes.' },
-      { label: 'Implement SRE practices with SLA/SLI and error budgets', tag: 'devops', impact: { burn: -6, sat: +8, cfr: -8, mttr: -4, cost: +18 }, note: 'Systematic approach to reliability and alert quality.' },
-      { label: 'Reduce alert sensitivity to avoid false positives', tag: 'mixed', impact: { burn: -4, sat: +3, cfr: +5, mttr: +2, cost: +2 }, note: 'Less fatigue but may miss real issues.' }
-    ]
+      {
+        label: 'Hire more engineers to share on-call rotation',
+        tag: 'nodevops',
+        impact: { cost: +30, burn: -3, sat: +2, cfr: +3, mttr: +1 },
+        note: "Reduces individual load but doesn't fix root causes.",
+      },
+      {
+        label: 'Implement SRE practices with SLA/SLI and error budgets',
+        tag: 'devops',
+        impact: { burn: -6, sat: +8, cfr: -8, mttr: -4, cost: +18 },
+        note: 'Systematic approach to reliability and alert quality.',
+      },
+      {
+        label: 'Reduce alert sensitivity to avoid false positives',
+        tag: 'mixed',
+        impact: { burn: -4, sat: +3, cfr: +5, mttr: +2, cost: +2 },
+        note: 'Less fatigue but may miss real issues.',
+      },
+    ],
   },
   {
     id: 'data-pipeline',
     title: 'Analytics pipeline failing silently',
     text: 'Business discovers month-old data gaps in reports. The ETL process has been failing without notifications.',
     choices: [
-      { label: 'Add manual data validation checkpoints', tag: 'nodevops', impact: { cost: +12, burn: +6, sat: -2, cfr: +4, lead: +2 }, note: 'Human oversight but slow and error-prone.' },
-      { label: 'Implement data observability and automated testing', tag: 'devops', impact: { cost: +22, cfr: -6, mttr: -3, sat: +5, burn: -2 }, note: 'Prevents data quality issues proactively.' },
-      { label: 'Schedule periodic manual audits of data quality', tag: 'mixed', impact: { cost: +8, cfr: +2, sat: +1, burn: +2, mttr: -1 }, note: 'Catches issues but reactively.' }
-    ]
+      {
+        label: 'Add manual data validation checkpoints',
+        tag: 'nodevops',
+        impact: { cost: +12, burn: +6, sat: -2, cfr: +4, lead: +2 },
+        note: 'Human oversight but slow and error-prone.',
+      },
+      {
+        label: 'Implement data observability and automated testing',
+        tag: 'devops',
+        impact: { cost: +22, cfr: -6, mttr: -3, sat: +5, burn: -2 },
+        note: 'Prevents data quality issues proactively.',
+      },
+      {
+        label: 'Schedule periodic manual audits of data quality',
+        tag: 'mixed',
+        impact: { cost: +8, cfr: +2, sat: +1, burn: +2, mttr: -1 },
+        note: 'Catches issues but reactively.',
+      },
+    ],
   },
   {
     id: 'container-strategy',
     title: 'Microservices deployment complexity growing',
     text: 'You have 25 services across different environments. Deployments take hours and configuration drift is common.',
     choices: [
-      { label: 'Adopt Kubernetes with GitOps deployment patterns', tag: 'devops', impact: { lead: -5, cfr: -8, cost: +25, sat: +6, burn: +4 }, note: 'Powerful but complex platform with learning curve.' },
-      { label: 'Standardize on Docker Compose for all environments', tag: 'mixed', impact: { lead: -2, cfr: -3, cost: +8, sat: +2, burn: +1 }, note: 'Simpler but may not scale for complex needs.' },
-      { label: 'Continue with custom deployment scripts', tag: 'nodevops', impact: { lead: +3, cfr: +6, cost: +5, sat: -4, burn: +5 }, note: 'Familiar but increasingly brittle and error-prone.' }
-    ]
-  }
+      {
+        label: 'Adopt Kubernetes with GitOps deployment patterns',
+        tag: 'devops',
+        impact: { lead: -5, cfr: -8, cost: +25, sat: +6, burn: +4 },
+        note: 'Powerful but complex platform with learning curve.',
+      },
+      {
+        label: 'Standardize on Docker Compose for all environments',
+        tag: 'mixed',
+        impact: { lead: -2, cfr: -3, cost: +8, sat: +2, burn: +1 },
+        note: 'Simpler but may not scale for complex needs.',
+      },
+      {
+        label: 'Continue with custom deployment scripts',
+        tag: 'nodevops',
+        impact: { lead: +3, cfr: +6, cost: +5, sat: -4, burn: +5 },
+        note: 'Familiar but increasingly brittle and error-prone.',
+      },
+    ],
+  },
 ]
 
 // Load scenarios from localStorage or use defaults
@@ -452,7 +663,7 @@ const state = reactive({
   cfr: 30,
   cost: 100,
   log: [],
-  picks: []
+  picks: [],
 })
 
 const showIntro = ref(true)
@@ -466,7 +677,7 @@ const currentImpact = ref({})
 const pendingChoice = ref(null)
 
 const clamp = (v, min, max) => Math.max(min, Math.min(max, v))
-const fmt = (n) => Number.isInteger(n) ? n : n.toFixed(1)
+const fmt = (n) => (Number.isInteger(n) ? n : n.toFixed(1))
 
 const current = computed(() => scenarios[state.idx])
 const currentNumber = computed(() => state.idx + 1)
@@ -484,14 +695,16 @@ const score = computed(() => {
   const mttr = 100 - ((state.mttr - 1) / (72 - 1)) * 100
   const cfr = 100 - state.cfr
   const cost = 100 - ((state.cost - 50) / (400 - 50)) * 100
-  const s = (sat * 0.2 + burn * 0.2 + lead * 0.2 + mttr * 0.2 + cfr * 0.15 + cost * 0.05)
+  const s = sat * 0.2 + burn * 0.2 + lead * 0.2 + mttr * 0.2 + cfr * 0.15 + cost * 0.05
   return clamp(s, 0, 100)
 })
 
 function applyImpact(impact) {
-  const before = { ...state }
+  const _before = { ...state }
   for (const [k, delta] of Object.entries(impact)) {
-    if (k in state) state[k] += delta
+    if (k in state) {
+      state[k] += delta
+    }
   }
   state.sat = clamp(state.sat, 0, 100)
   state.burn = clamp(state.burn, 0, 100)
@@ -505,22 +718,22 @@ function onChoose(i) {
   const choice = current.value.choices[i]
   const align = choice.tag === 'devops' ? 'DevOps' : choice.tag === 'mixed' ? 'Hybrid' : 'No DevOps'
   const beforeState = { ...state }
-  
+
   // Store the choice but don't apply impact yet
   pendingChoice.value = choice
   selectedChoiceIndex.value = i
   pickedAlign.value = align
   pickedNote.value = choice.note
-  
+
   currentImpact.value = {
     choice: choice.label,
     align,
     note: choice.note,
     impact: choice.impact,
     before: beforeState,
-    after: null // Will be calculated when impact is applied
+    after: null, // Will be calculated when impact is applied
   }
-  
+
   choiceMade.value = true
 }
 
@@ -532,20 +745,20 @@ function closeImpactModal() {
   // Apply the impact when user confirms to continue
   if (pendingChoice.value) {
     applyImpact(pendingChoice.value.impact)
-    
+
     // Update the currentImpact with the actual after state
     currentImpact.value.after = { ...state }
-    
+
     // Add to picks history
-    state.picks.push({ 
-      idx: state.idx, 
-      title: current.value.title, 
-      align: pickedAlign.value 
+    state.picks.push({
+      idx: state.idx,
+      title: current.value.title,
+      align: pickedAlign.value,
     })
-    
+
     pendingChoice.value = null
   }
-  
+
   showImpactModal.value = false
   state.idx++
   choiceMade.value = false
@@ -597,7 +810,7 @@ function restart() {
 
 // Expose showIntro to parent component
 defineExpose({
-  showIntro
+  showIntro,
 })
 </script>
 
@@ -1079,7 +1292,7 @@ button.choice:disabled {
   .metric-cards {
     grid-template-columns: repeat(2, 1fr);
   }
-  
+
   .intro-title {
     font-size: 28px;
   }
diff --git a/src/components/ScenarioManager.vue b/src/components/ScenarioManager.vue
index 0807632..6cb0abd 100644
--- a/src/components/ScenarioManager.vue
+++ b/src/components/ScenarioManager.vue
@@ -15,8 +15,8 @@
     <div class="scenarios-section">
       <h2>📋 Current Scenarios ({{ scenarios.length }})</h2>
       <div class="scenarios-grid">
-        <div 
-          v-for="(scenario, index) in scenarios" 
+        <div
+          v-for="(scenario, index) in scenarios"
           :key="scenario.id"
           class="scenario-card"
           @click="editScenario(index)"
@@ -47,30 +47,30 @@
               <h3>Basic Information</h3>
               <div class="form-group">
                 <label for="scenario-id">ID (unique identifier)</label>
-                <input 
+                <input
                   id="scenario-id"
-                  v-model="currentScenario.id" 
-                  type="text" 
-                  placeholder="e.g., prod-incident" 
+                  v-model="currentScenario.id"
+                  type="text"
+                  placeholder="e.g., prod-incident"
                   required
                 />
               </div>
               <div class="form-group">
                 <label for="scenario-title">Title</label>
-                <input 
+                <input
                   id="scenario-title"
-                  v-model="currentScenario.title" 
-                  type="text" 
-                  placeholder="e.g., Production incident (Sunday 03:00)" 
+                  v-model="currentScenario.title"
+                  type="text"
+                  placeholder="e.g., Production incident (Sunday 03:00)"
                   required
                 />
               </div>
               <div class="form-group">
                 <label for="scenario-text">Description</label>
-                <textarea 
+                <textarea
                   id="scenario-text"
-                  v-model="currentScenario.text" 
-                  placeholder="Describe the situation..." 
+                  v-model="currentScenario.text"
+                  placeholder="Describe the situation..."
                   rows="3"
                   required
                 ></textarea>
@@ -82,7 +82,7 @@
               <div class="choices-header">
                 <h3>Choices ({{ currentScenario.choices.length }})</h3>
                 <div class="choice-tabs">
-                  <button 
+                  <button
                     type="button"
                     class="tab-btn devops-tab"
                     :class="{ active: activeChoiceTab === 'devops' }"
@@ -90,7 +90,7 @@
                   >
                     🚀 DevOps Approach
                   </button>
-                  <button 
+                  <button
                     type="button"
                     class="tab-btn traditional-tab"
                     :class="{ active: activeChoiceTab === 'traditional' }"
@@ -104,34 +104,31 @@
               <div class="choices-container">
                 <div class="choices-grid">
                   <!-- DevOps Choices Column (shown only when DevOps tab is active) -->
-                  <div 
-                    class="choice-column devops-column"
-                    v-if="activeChoiceTab === 'devops'"
-                  >
+                  <div v-if="activeChoiceTab === 'devops'" class="choice-column devops-column">
                     <div class="column-header">
                       <h4>🚀 DevOps Choices</h4>
-                      <button 
-                        type="button" 
-                        class="add-choice-btn devops-btn" 
-                        @click="addChoice('devops')"
+                      <button
                         v-if="currentScenario.choices.length < 4"
+                        type="button"
+                        class="add-choice-btn devops-btn"
+                        @click="addChoice('devops')"
                       >
                         + Add DevOps Choice
                       </button>
                     </div>
-                    
-                    <div 
-                      v-for="(choice, index) in devopsChoices" 
+
+                    <div
+                      v-for="(choice, index) in devopsChoices"
                       :key="'devops-' + index"
                       class="choice-editor devops-choice"
                     >
                       <div class="choice-header">
                         <span class="choice-badge devops-badge">DevOps</span>
-                        <button 
-                          type="button" 
-                          class="remove-choice-btn" 
-                          @click="removeChoice(choice.originalIndex)"
+                        <button
                           v-if="currentScenario.choices.length > 2"
+                          type="button"
+                          class="remove-choice-btn"
+                          @click="removeChoice(choice.originalIndex)"
                         >
                           ✕
                         </button>
@@ -139,10 +136,10 @@
 
                       <div class="form-group">
                         <label :for="`choice-${choice.originalIndex}-label`">Choice Text</label>
-                        <textarea 
+                        <textarea
                           :id="`choice-${choice.originalIndex}-label`"
-                          v-model="choice.label" 
-                          placeholder="Describe the DevOps approach..." 
+                          v-model="choice.label"
+                          placeholder="Describe the DevOps approach..."
                           rows="2"
                           required
                         ></textarea>
@@ -150,10 +147,10 @@
 
                       <div class="form-group">
                         <label :for="`choice-${choice.originalIndex}-note`">Explanation</label>
-                        <textarea 
+                        <textarea
                           :id="`choice-${choice.originalIndex}-note`"
-                          v-model="choice.note" 
-                          placeholder="Why this DevOps choice matters..." 
+                          v-model="choice.note"
+                          placeholder="Why this DevOps choice matters..."
                           rows="2"
                           required
                         ></textarea>
@@ -165,67 +162,67 @@
                         <div class="impact-grid-compact">
                           <div class="impact-item">
                             <label :for="`choice-${choice.originalIndex}-sat`">Satisfaction</label>
-                            <input 
+                            <input
                               :id="`choice-${choice.originalIndex}-sat`"
-                              v-model.number="choice.impact.sat" 
-                              type="number" 
-                              min="-50" 
-                              max="50" 
+                              v-model.number="choice.impact.sat"
+                              type="number"
+                              min="-50"
+                              max="50"
                               step="1"
                             />
                           </div>
                           <div class="impact-item">
                             <label :for="`choice-${choice.originalIndex}-burn`">Burnout</label>
-                            <input 
+                            <input
                               :id="`choice-${choice.originalIndex}-burn`"
-                              v-model.number="choice.impact.burn" 
-                              type="number" 
-                              min="-50" 
-                              max="50" 
+                              v-model.number="choice.impact.burn"
+                              type="number"
+                              min="-50"
+                              max="50"
                               step="1"
                             />
                           </div>
                           <div class="impact-item">
                             <label :for="`choice-${choice.originalIndex}-lead`">Lead Time</label>
-                            <input 
+                            <input
                               :id="`choice-${choice.originalIndex}-lead`"
-                              v-model.number="choice.impact.lead" 
-                              type="number" 
-                              min="-30" 
-                              max="30" 
+                              v-model.number="choice.impact.lead"
+                              type="number"
+                              min="-30"
+                              max="30"
                               step="1"
                             />
                           </div>
                           <div class="impact-item">
                             <label :for="`choice-${choice.originalIndex}-mttr`">MTTR</label>
-                            <input 
+                            <input
                               :id="`choice-${choice.originalIndex}-mttr`"
-                              v-model.number="choice.impact.mttr" 
-                              type="number" 
-                              min="-30" 
-                              max="30" 
+                              v-model.number="choice.impact.mttr"
+                              type="number"
+                              min="-30"
+                              max="30"
                               step="1"
                             />
                           </div>
                           <div class="impact-item">
                             <label :for="`choice-${choice.originalIndex}-cfr`">CFR</label>
-                            <input 
+                            <input
                               :id="`choice-${choice.originalIndex}-cfr`"
-                              v-model.number="choice.impact.cfr" 
-                              type="number" 
-                              min="-50" 
-                              max="50" 
+                              v-model.number="choice.impact.cfr"
+                              type="number"
+                              min="-50"
+                              max="50"
                               step="1"
                             />
                           </div>
                           <div class="impact-item">
                             <label :for="`choice-${choice.originalIndex}-cost`">Cost</label>
-                            <input 
+                            <input
                               :id="`choice-${choice.originalIndex}-cost`"
-                              v-model.number="choice.impact.cost" 
-                              type="number" 
-                              min="-100" 
-                              max="100" 
+                              v-model.number="choice.impact.cost"
+                              type="number"
+                              min="-100"
+                              max="100"
                               step="5"
                             />
                           </div>
@@ -233,36 +230,36 @@
                       </div>
                     </div>
                   </div>
-                  
+
                   <!-- Traditional Choices Column (shown only when Traditional tab is active) -->
-                  <div 
-                    class="choice-column traditional-column"
+                  <div
                     v-if="activeChoiceTab === 'traditional'"
+                    class="choice-column traditional-column"
                   >
                     <div class="column-header">
                       <h4>🏢 Traditional Choices</h4>
-                      <button 
-                        type="button" 
-                        class="add-choice-btn traditional-btn" 
-                        @click="addChoice('nodevops')"
+                      <button
                         v-if="currentScenario.choices.length < 4"
+                        type="button"
+                        class="add-choice-btn traditional-btn"
+                        @click="addChoice('nodevops')"
                       >
                         + Add Traditional Choice
                       </button>
                     </div>
-                    
-                    <div 
-                      v-for="(choice, index) in traditionalChoices" 
+
+                    <div
+                      v-for="(choice, index) in traditionalChoices"
                       :key="'traditional-' + index"
                       class="choice-editor traditional-choice"
                     >
                       <div class="choice-header">
                         <span class="choice-badge traditional-badge">Traditional</span>
-                        <button 
-                          type="button" 
-                          class="remove-choice-btn" 
-                          @click="removeChoice(choice.originalIndex)"
+                        <button
                           v-if="currentScenario.choices.length > 2"
+                          type="button"
+                          class="remove-choice-btn"
+                          @click="removeChoice(choice.originalIndex)"
                         >
                           ✕
                         </button>
@@ -270,10 +267,10 @@
 
                       <div class="form-group">
                         <label :for="`choice-${choice.originalIndex}-label`">Choice Text</label>
-                        <textarea 
+                        <textarea
                           :id="`choice-${choice.originalIndex}-label`"
-                          v-model="choice.label" 
-                          placeholder="Describe the traditional approach..." 
+                          v-model="choice.label"
+                          placeholder="Describe the traditional approach..."
                           rows="2"
                           required
                         ></textarea>
@@ -281,10 +278,10 @@
 
                       <div class="form-group">
                         <label :for="`choice-${choice.originalIndex}-note`">Explanation</label>
-                        <textarea 
+                        <textarea
                           :id="`choice-${choice.originalIndex}-note`"
-                          v-model="choice.note" 
-                          placeholder="Why this traditional choice matters..." 
+                          v-model="choice.note"
+                          placeholder="Why this traditional choice matters..."
                           rows="2"
                           required
                         ></textarea>
@@ -296,67 +293,67 @@
                         <div class="impact-grid-compact">
                           <div class="impact-item">
                             <label :for="`choice-${choice.originalIndex}-sat`">Satisfaction</label>
-                            <input 
+                            <input
                               :id="`choice-${choice.originalIndex}-sat`"
-                              v-model.number="choice.impact.sat" 
-                              type="number" 
-                              min="-50" 
-                              max="50" 
+                              v-model.number="choice.impact.sat"
+                              type="number"
+                              min="-50"
+                              max="50"
                               step="1"
                             />
                           </div>
                           <div class="impact-item">
                             <label :for="`choice-${choice.originalIndex}-burn`">Burnout</label>
-                            <input 
+                            <input
                               :id="`choice-${choice.originalIndex}-burn`"
-                              v-model.number="choice.impact.burn" 
-                              type="number" 
-                              min="-50" 
-                              max="50" 
+                              v-model.number="choice.impact.burn"
+                              type="number"
+                              min="-50"
+                              max="50"
                               step="1"
                             />
                           </div>
                           <div class="impact-item">
                             <label :for="`choice-${choice.originalIndex}-lead`">Lead Time</label>
-                            <input 
+                            <input
                               :id="`choice-${choice.originalIndex}-lead`"
-                              v-model.number="choice.impact.lead" 
-                              type="number" 
-                              min="-30" 
-                              max="30" 
+                              v-model.number="choice.impact.lead"
+                              type="number"
+                              min="-30"
+                              max="30"
                               step="1"
                             />
                           </div>
                           <div class="impact-item">
                             <label :for="`choice-${choice.originalIndex}-mttr`">MTTR</label>
-                            <input 
+                            <input
                               :id="`choice-${choice.originalIndex}-mttr`"
-                              v-model.number="choice.impact.mttr" 
-                              type="number" 
-                              min="-30" 
-                              max="30" 
+                              v-model.number="choice.impact.mttr"
+                              type="number"
+                              min="-30"
+                              max="30"
                               step="1"
                             />
                           </div>
                           <div class="impact-item">
                             <label :for="`choice-${choice.originalIndex}-cfr`">CFR</label>
-                            <input 
+                            <input
                               :id="`choice-${choice.originalIndex}-cfr`"
-                              v-model.number="choice.impact.cfr" 
-                              type="number" 
-                              min="-50" 
-                              max="50" 
+                              v-model.number="choice.impact.cfr"
+                              type="number"
+                              min="-50"
+                              max="50"
                               step="1"
                             />
                           </div>
                           <div class="impact-item">
                             <label :for="`choice-${choice.originalIndex}-cost`">Cost</label>
-                            <input 
+                            <input
                               :id="`choice-${choice.originalIndex}-cost`"
-                              v-model.number="choice.impact.cost" 
-                              type="number" 
-                              min="-100" 
-                              max="100" 
+                              v-model.number="choice.impact.cost"
+                              type="number"
+                              min="-100"
+                              max="100"
                               step="5"
                             />
                           </div>
@@ -371,7 +368,9 @@
             <!-- Actions -->
             <div class="form-actions">
               <button type="button" class="btn-secondary" @click="closeEditor">Cancel</button>
-              <button type="submit" class="btn-primary">{{ isEditMode ? 'Update' : 'Create' }} Scenario</button>
+              <button type="submit" class="btn-primary">
+                {{ isEditMode ? 'Update' : 'Create' }} Scenario
+              </button>
             </div>
           </form>
         </div>
@@ -388,9 +387,9 @@
         <div class="modal-body">
           <div class="form-group">
             <label for="import-json">Paste JSON data:</label>
-            <textarea 
+            <textarea
               id="import-json"
-              v-model="importJson" 
+              v-model="importJson"
               placeholder="Paste your scenarios JSON here..."
               rows="10"
               class="json-textarea"
@@ -415,7 +414,8 @@
 import { ref, reactive, computed } from 'vue'
 
 // Utility function to generate unique IDs
-const generateId = (prefix = 'field') => `${prefix}-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`
+const _generateId = (prefix = 'field') =>
+  `${prefix}-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`
 
 // Default scenarios (same as the game)
 const defaultScenarios = [
@@ -424,39 +424,39 @@ const defaultScenarios = [
     title: 'Production incident (Sunday 03:00)',
     text: 'The payments API returns 500. No runbooks or alerts are configured.',
     choices: [
-      { 
-        label: 'Page on-call and document a post‑mortem runbook', 
-        tag: 'devops', 
-        impact: { mttr: -4, burn: 5, cost: 10, sat: -5, cfr: -5 }, 
-        note: 'Improves MTTR and prevents repeat failures, but adds some cost and load.' 
+      {
+        label: 'Page on-call and document a post‑mortem runbook',
+        tag: 'devops',
+        impact: { mttr: -4, burn: 5, cost: 10, sat: -5, cfr: -5 },
+        note: 'Improves MTTR and prevents repeat failures, but adds some cost and load.',
       },
-      { 
-        label: 'Hotfix quickly without documenting', 
-        tag: 'nodevops', 
-        impact: { mttr: -1, burn: 2, sat: -8, cfr: 8 }, 
-        note: 'Fast but fragile; increases CFR and hurts satisfaction.' 
-      }
-    ]
+      {
+        label: 'Hotfix quickly without documenting',
+        tag: 'nodevops',
+        impact: { mttr: -1, burn: 2, sat: -8, cfr: 8 },
+        note: 'Fast but fragile; increases CFR and hurts satisfaction.',
+      },
+    ],
   },
   {
     id: 'qa-backlog',
     title: 'QA backlog delays releases',
     text: 'Manual testing takes days and blocks releases.',
     choices: [
-      { 
-        label: 'Introduce automated tests and a minimal coverage gate', 
-        tag: 'devops', 
-        impact: { lead: -3, cfr: -6, cost: 15, burn: -4, sat: 6 }, 
-        note: 'Fewer failures and shorter lead time with an upfront investment.' 
+      {
+        label: 'Introduce automated tests and a minimal coverage gate',
+        tag: 'devops',
+        impact: { lead: -3, cfr: -6, cost: 15, burn: -4, sat: 6 },
+        note: 'Fewer failures and shorter lead time with an upfront investment.',
       },
-      { 
-        label: 'Ask QA for overtime', 
-        tag: 'nodevops', 
-        impact: { lead: -1, burn: 12, sat: -4, cfr: 3 }, 
-        note: 'Buys some time at the cost of burnout and more failures.' 
-      }
-    ]
-  }
+      {
+        label: 'Ask QA for overtime',
+        tag: 'nodevops',
+        impact: { lead: -1, burn: 12, sat: -4, cfr: 3 },
+        note: 'Buys some time at the cost of burnout and more failures.',
+      },
+    ],
+  },
 ]
 
 // State
@@ -474,7 +474,7 @@ const currentScenario = reactive({
   id: '',
   title: '',
   text: '',
-  choices: []
+  choices: [],
 })
 
 // Methods
@@ -496,10 +496,7 @@ function resetCurrentScenario() {
   currentScenario.id = ''
   currentScenario.title = ''
   currentScenario.text = ''
-  currentScenario.choices = [
-    createEmptyChoice('devops'),
-    createEmptyChoice('nodevops')
-  ]
+  currentScenario.choices = [createEmptyChoice('devops'), createEmptyChoice('nodevops')]
 }
 
 function createEmptyChoice(tag = 'devops') {
@@ -507,7 +504,7 @@ function createEmptyChoice(tag = 'devops') {
     label: '',
     tag,
     impact: { sat: 0, burn: 0, lead: 0, mttr: 0, cfr: 0, cost: 0 },
-    note: ''
+    note: '',
   }
 }
 
@@ -533,7 +530,7 @@ function saveScenario() {
   }
 
   // Check for duplicate ID (only if creating new or changing ID)
-  const existingIndex = scenarios.value.findIndex(s => s.id === currentScenario.id)
+  const existingIndex = scenarios.value.findIndex((s) => s.id === currentScenario.id)
   if (existingIndex !== -1 && (!isEditMode.value || existingIndex !== editingIndex.value)) {
     showMessage('Scenario ID already exists', 'error')
     return
@@ -550,7 +547,7 @@ function saveScenario() {
 
   // Save
   const scenarioData = JSON.parse(JSON.stringify(currentScenario))
-  
+
   if (isEditMode.value) {
     scenarios.value[editingIndex.value] = scenarioData
     showMessage('Scenario updated successfully!', 'success')
@@ -601,7 +598,7 @@ function closeImportModal() {
 function processImport() {
   try {
     const importedData = JSON.parse(importJson.value)
-    
+
     if (!Array.isArray(importedData)) {
       throw new Error('JSON must be an array of scenarios')
     }
@@ -649,13 +646,13 @@ function loadFromLocalStorage() {
 const devopsChoices = computed(() => {
   return currentScenario.choices
     .map((choice, index) => ({ ...choice, originalIndex: index }))
-    .filter(choice => choice.tag === 'devops')
+    .filter((choice) => choice.tag === 'devops')
 })
 
 const traditionalChoices = computed(() => {
   return currentScenario.choices
     .map((choice, index) => ({ ...choice, originalIndex: index }))
-    .filter(choice => choice.tag === 'nodevops')
+    .filter((choice) => choice.tag === 'nodevops')
 })
 
 // Initialize
@@ -809,7 +806,8 @@ loadFromLocalStorage()
   padding: 20px;
 }
 
-.editor-modal, .import-modal {
+.editor-modal,
+.import-modal {
   background: white;
   border-radius: 12px;
   padding: 24px;
@@ -937,12 +935,14 @@ loadFromLocalStorage()
   border-top: 1px solid #eee;
 }
 
-.impact-section h4, .impact-section h5 {
+.impact-section h4,
+.impact-section h5 {
   margin: 0 0 16px 0;
   font-size: 16px;
 }
 
-.impact-grid, .impact-grid-compact {
+.impact-grid,
+.impact-grid-compact {
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
   gap: 12px;
@@ -1094,22 +1094,22 @@ loadFromLocalStorage()
   .wrap {
     padding: 16px;
   }
-  
+
   .header-actions {
     flex-direction: column;
     align-items: center;
   }
-  
+
   .scenarios-grid {
     grid-template-columns: 1fr;
   }
-  
+
   .form-row {
     grid-template-columns: 1fr;
   }
-  
+
   .choices-grid {
     grid-template-columns: 1fr;
   }
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/vite.config.js b/vite.config.js
index c208718..0001585 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -3,5 +3,5 @@ import vue from '@vitejs/plugin-vue'
 
 export default defineConfig({
   plugins: [vue()],
-  base: '/dora-quizz/'
-})
\ No newline at end of file
+  base: '/dora-quizz/',
+})