diff --git a/CHANGELOG.md b/CHANGELOG.md
index 96fc250..34e7f82 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -9,6 +9,64 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
+## [2.1.0] - 2026-09-11
+
+Accessibility (WP-16: audit section 2.8).
+
+### Added
+
+- `eslint-plugin-jsx-a11y` (recommended rules) in the lint step, so an orphaned
+  label, a clickable `<div>` or a missing ARIA attribute fails CI instead of
+  shipping. It found 19 violations on arrival; all are fixed, none suppressed.
+- A "Skip to content" link on every page, visually hidden until focused, that
+  moves focus to the main region.
+- Live regions where state used to change silently: link validation announces
+  "Validating", a rejection (as an alert) and "Connected"; the versus and
+  game-night lobby countdowns are assertive timers, so a screen-reader user is
+  no longer dropped into a running match with no warning; the game-night
+  player list announces players finishing or forfeiting.
+- Tests for the notification popover's keyboard contract (9 tests).
+
+### Changed
+
+- **The notification bell is a real popover.** It was a `<div>` with
+  `<div onClick>` rows: nothing in it was focusable, nothing announced, no way
+  to close it from the keyboard. The trigger now reports its state and the
+  unread count in its name (`Notifications, 3 unread`), the panel is a labelled
+  dialog the trigger controls, every notification is a button, the per-row
+  controls have real names rather than tooltips, Escape closes and returns
+  focus to the trigger, and the unread dot has text behind it.
+- **The Challenge Friend overlay is the UI kit's `Dialog`.** It was a fixed
+  `<div>` with no role, no focus trap and no Escape - Tab went straight through
+  it into the page behind. Base UI supplies the dialog role, `aria-modal`,
+  focus trapping, Escape and focus restoration.
+- The search combobox follows the ARIA 1.2 pattern: `role="combobox"` with
+  `aria-expanded`/`aria-controls` on the input itself, rather than the 1.1
+  wrapper-`div`-with-`aria-owns` form that current screen readers announce
+  inconsistently. Verified live: the state flips and `aria-controls` resolves
+  to the listbox.
+- Every form control has a label. Sign-in/sign-up, the three change-password
+  fields (which had only placeholders, and placeholders vanish once you type),
+  the admin challenge form, custom game, game night's room form (including a
+  join-password field that had nothing at all), the versus lobby form, the
+  friend search and the chat message box. Labels above groups of buttons
+  ("Difficulty", "Time Limit", "Movie A") are group labels via
+  `role="group"`/`aria-labelledby` rather than a faked `htmlFor`.
+- Every icon-only button has a name that says what it does: chat send, back,
+  pagination, display-name save/cancel, notification actions, and three versus
+  buttons whose content collapsed to a bare spinner while loading.
+- The game header's "Passed Movie B" read the same text in both states - only
+  the icon and colour changed - so a screen reader heard the wrong thing until
+  B was reached. It now announces "Movie B reached" or "not yet reached", and
+  the online indicator on the friends list has text behind the green dot.
+- `autoFocus` is gone from the friend search. It skipped screen-reader users
+  past the page heading; the field is one Tab away.
+- **Reduced motion is respected globally.** A single stylesheet rule collapses
+  every animation and transition when the OS preference is set; the confetti
+  overlay does not render at all under it, since a still frame of confetti has
+  no meaning.
+
+
 ## [2.0.1] - 2026-09-11
 
 Bundle and asset budget (WP-15: M26).
diff --git a/eslint.config.js b/eslint.config.js
index 793beeb..ed9c2be 100644
--- a/eslint.config.js
+++ b/eslint.config.js
@@ -2,6 +2,7 @@ import js from '@eslint/js'
 import globals from 'globals'
 import reactHooks from 'eslint-plugin-react-hooks'
 import reactRefresh from 'eslint-plugin-react-refresh'
+import jsxA11y from 'eslint-plugin-jsx-a11y'
 import tseslint from 'typescript-eslint'
 import { defineConfig, globalIgnores } from 'eslint/config'
 
@@ -14,6 +15,11 @@ export default defineConfig([
       tseslint.configs.recommended,
       reactHooks.configs.flat.recommended,
       reactRefresh.configs.vite,
+      // Accessibility at lint time. Before this, an orphaned <label>, an
+      // icon-only button with no name, or a clickable <div> with no role
+      // passed CI - which is how the whole login form, three password fields
+      // and a hand-rolled dialog ended up unreachable to a screen reader.
+      jsxA11y.flatConfigs.recommended,
     ],
     languageOptions: {
       // Matches the ES2022 target in tsconfig.app.json.
diff --git a/package-lock.json b/package-lock.json
index 5c9a22e..1797304 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "frontend-temp",
-  "version": "2.0.1",
+  "version": "2.1.0",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "frontend-temp",
-      "version": "2.0.1",
+      "version": "2.1.0",
       "license": "MIT",
       "dependencies": {
         "@base-ui/react": "^1.2.0",
@@ -37,6 +37,7 @@
         "@vitest/coverage-v8": "^5.0.0",
         "commit-and-tag-version": "^12.5.0",
         "eslint": "^9.39.1",
+        "eslint-plugin-jsx-a11y": "^6.10.2",
         "eslint-plugin-react-hooks": "^7.0.1",
         "eslint-plugin-react-refresh": "^0.4.24",
         "globals": "^16.5.0",
@@ -3578,6 +3579,23 @@
         "dequal": "^2.0.3"
       }
     },
+    "node_modules/array-buffer-byte-length": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/array-buffer-byte-length/-/array-buffer-byte-length-1.0.2.tgz",
+      "integrity": "sha512-LHE+8BuR7RYGDKvnrmcuSq3tDcKv9OFEXQt/HpbZhY7V6h0zlUXutnAD82GiFx9rdieCMjkvtcsPqBwgUl1Iiw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "is-array-buffer": "^3.0.5"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/array-ify": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/array-ify/-/array-ify-1.0.0.tgz",
@@ -3585,6 +3603,89 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/array-includes": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/array-includes/-/array-includes-3.2.0.tgz",
+      "integrity": "sha512-VXY5eFRarnXcYxwBjJzPmEhH55+rmP79/+ueDhi0F+TuqfHCItagIHqxeUZrmgrOPa31QTh9H85DjX3FfJ0FTg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.9",
+        "call-bound": "^1.0.4",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.24.2",
+        "es-object-atoms": "^1.1.2",
+        "es-shim-unscopables": "^1.1.0",
+        "is-string": "^1.1.1",
+        "math-intrinsics": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/array.prototype.flat": {
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/array.prototype.flat/-/array.prototype.flat-1.3.3.tgz",
+      "integrity": "sha512-rwG/ja1neyLqCuGZ5YYrznA62D4mZXg0i1cIskIUKSiqF3Cje9/wXAls9B9s1Wa2fomMsIv8czB8jZcPmxCXFg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.5",
+        "es-shim-unscopables": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/array.prototype.flatmap": {
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/array.prototype.flatmap/-/array.prototype.flatmap-1.3.3.tgz",
+      "integrity": "sha512-Y7Wt51eKJSyi80hFrJCePGGNo5ktJCslFuboqJsbf57CCPcm5zztluPlc4/aD8sWsKvlwatezpV4U1efk8kpjg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.5",
+        "es-shim-unscopables": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/arraybuffer.prototype.slice": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/arraybuffer.prototype.slice/-/arraybuffer.prototype.slice-1.0.4.tgz",
+      "integrity": "sha512-BNoCY6SXXPQ7gF2opIP4GBE+Xw7U+pHMYKuzjgCN3GwiaIR09UUeKfheyIry77QtrCBlC0KK0q5/TER/tYh3PQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "array-buffer-byte-length": "^1.0.1",
+        "call-bind": "^1.0.8",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.5",
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.6",
+        "is-array-buffer": "^3.0.4"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/arrify": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/arrify/-/arrify-1.0.1.tgz",
@@ -3618,6 +3719,13 @@
         "node": ">=4"
       }
     },
+    "node_modules/ast-types-flow": {
+      "version": "0.0.8",
+      "resolved": "https://registry.npmjs.org/ast-types-flow/-/ast-types-flow-0.0.8.tgz",
+      "integrity": "sha512-OH/2E5Fg20h2aPrbe+QL8JZQFko0YZaF+j4mnQ7BGhfavO7OpSLa8a0y9sBwomHdSbkhTS8TQNayBfnW5DwbvQ==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/ast-v8-to-istanbul": {
       "version": "1.0.6",
       "resolved": "https://registry.npmjs.org/ast-v8-to-istanbul/-/ast-v8-to-istanbul-1.0.6.tgz",
@@ -3637,6 +3745,16 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/async-function": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/async-function/-/async-function-1.0.0.tgz",
+      "integrity": "sha512-hsU18Ae8CDTR6Kgu9DYf0EbCr/a5iGL0rytQDobUcdpYOKokk8LEjVphnXkDkgpi0wYVsqrXuP0bZxJaTqdgoA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
     "node_modules/asynckit": {
       "version": "0.4.0",
       "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz",
@@ -3653,6 +3771,32 @@
         "node": ">=10.12.0"
       }
     },
+    "node_modules/available-typed-arrays": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/available-typed-arrays/-/available-typed-arrays-1.0.7.tgz",
+      "integrity": "sha512-wvUjBtSGN7+7SjNpq/9M2Tg350UZD3q62IFZLbRAR1bSMlCo1ZaeW+BJ+D090e4hIIZLBcTDWe4Mh4jvUDajzQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "possible-typed-array-names": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/axe-core": {
+      "version": "4.13.0",
+      "resolved": "https://registry.npmjs.org/axe-core/-/axe-core-4.13.0.tgz",
+      "integrity": "sha512-UzGt8zg7Ny8djbYMhxl2zuEevVa7r2gJjYY5Lwr1xM7+XU2nd6CkIWFTVcCIbAP63vSz71NaVyyuSk9lHKcy0A==",
+      "dev": true,
+      "license": "MPL-2.0",
+      "engines": {
+        "node": ">=4"
+      }
+    },
     "node_modules/axios": {
       "version": "1.20.0",
       "resolved": "https://registry.npmjs.org/axios/-/axios-1.20.0.tgz",
@@ -3665,6 +3809,16 @@
         "proxy-from-env": "^2.1.0"
       }
     },
+    "node_modules/axobject-query": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/axobject-query/-/axobject-query-4.1.0.tgz",
+      "integrity": "sha512-qIj0G9wZbMGNLjLmg1PT6v2mE9AH2zlnADJD/2tC6E00hgmhUOfEB6greHPAfLRSufHqROIUTkw6E+M3lH0PTQ==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
     "node_modules/balanced-match": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
@@ -3825,6 +3979,25 @@
         "node": ">= 0.8"
       }
     },
+    "node_modules/call-bind": {
+      "version": "1.0.9",
+      "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.9.tgz",
+      "integrity": "sha512-a/hy+pNsFUTR+Iz8TCJvXudKVLAnz/DyeSUo10I5yvFDQJBFU2s9uqQpoSrJlroHUKoKqzg+epxyP9lqFdzfBQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind-apply-helpers": "^1.0.2",
+        "es-define-property": "^1.0.1",
+        "get-intrinsic": "^1.3.0",
+        "set-function-length": "^1.2.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/call-bind-apply-helpers": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/call-bind-apply-helpers/-/call-bind-apply-helpers-1.0.2.tgz",
@@ -4706,6 +4879,13 @@
       "devOptional": true,
       "license": "MIT"
     },
+    "node_modules/damerau-levenshtein": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/damerau-levenshtein/-/damerau-levenshtein-1.0.8.tgz",
+      "integrity": "sha512-sdQSFB7+llfUcQHUQO3+B8ERRj0Oa4w9POWMI/puGtuf7gFywGmkaLCElnudfTiKZV+NvHqL0ifzdrI8Ro7ESA==",
+      "dev": true,
+      "license": "BSD-2-Clause"
+    },
     "node_modules/dargs": {
       "version": "7.0.0",
       "resolved": "https://registry.npmjs.org/dargs/-/dargs-7.0.0.tgz",
@@ -4745,6 +4925,60 @@
         "node": "^20.19.0 || ^22.12.0 || >=24.0.0"
       }
     },
+    "node_modules/data-view-buffer": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/data-view-buffer/-/data-view-buffer-1.0.2.tgz",
+      "integrity": "sha512-EmKO5V3OLXh1rtK2wgXRansaK1/mtVdTUEiEI0W8RkvgT05kfxaH29PliLnpLP73yYO6142Q72QNa8Wx/A5CqQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "es-errors": "^1.3.0",
+        "is-data-view": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/data-view-byte-length": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/data-view-byte-length/-/data-view-byte-length-1.0.2.tgz",
+      "integrity": "sha512-tuhGbE6CfTM9+5ANGf+oQb72Ky/0+s3xKUpHvShfiz2RxMFgFPjsXuRLBVMtvMs15awe45SRb83D6wH4ew6wlQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "es-errors": "^1.3.0",
+        "is-data-view": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/inspect-js"
+      }
+    },
+    "node_modules/data-view-byte-offset": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/data-view-byte-offset/-/data-view-byte-offset-1.0.1.tgz",
+      "integrity": "sha512-BS8PfmtDGnrgYdOonGZQdLZslWIeCGFP9tpan0hi1Co2Zr2NKADsvGYA8XxuG/4UWgJ6Cjtv+YJnB6MM69QGlQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "es-errors": "^1.3.0",
+        "is-data-view": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/dateformat": {
       "version": "3.0.3",
       "resolved": "https://registry.npmjs.org/dateformat/-/dateformat-3.0.3.tgz",
@@ -4894,6 +5128,24 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/define-data-property": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/define-data-property/-/define-data-property-1.1.4.tgz",
+      "integrity": "sha512-rBMvIzlpA8v6E+SJZoo++HAYqsLrkg7MSfIinMPFhmkorw7X+dOXVJQs+QT69zGkzMyfDnIMN2Wid1+NbL3T+A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "es-define-property": "^1.0.0",
+        "es-errors": "^1.3.0",
+        "gopd": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/define-lazy-prop": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/define-lazy-prop/-/define-lazy-prop-3.0.0.tgz",
@@ -4907,6 +5159,24 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/define-properties": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/define-properties/-/define-properties-1.2.1.tgz",
+      "integrity": "sha512-8QmQKqEASLd5nx0U1B1okLElbUuuttJ/AnYmRXbbbGDWh6uS208EjD4Xqq/I9wK7u0v6O08XhTWnt5XtEbR6Dg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "define-data-property": "^1.0.1",
+        "has-property-descriptors": "^1.0.0",
+        "object-keys": "^1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/delayed-stream": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz",
@@ -5217,6 +5487,94 @@
         "is-arrayish": "^0.2.1"
       }
     },
+    "node_modules/es-abstract": {
+      "version": "1.24.2",
+      "resolved": "https://registry.npmjs.org/es-abstract/-/es-abstract-1.24.2.tgz",
+      "integrity": "sha512-2FpH9Q5i2RRwyEP1AylXe6nYLR5OhaJTZwmlcP0dL/+JCbgg7yyEo/sEK6HeGZRf3dFpWwThaRHVApXSkW3xeg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "array-buffer-byte-length": "^1.0.2",
+        "arraybuffer.prototype.slice": "^1.0.4",
+        "available-typed-arrays": "^1.0.7",
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.4",
+        "data-view-buffer": "^1.0.2",
+        "data-view-byte-length": "^1.0.2",
+        "data-view-byte-offset": "^1.0.1",
+        "es-define-property": "^1.0.1",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.1.1",
+        "es-set-tostringtag": "^2.1.0",
+        "es-to-primitive": "^1.3.0",
+        "function.prototype.name": "^1.1.8",
+        "get-intrinsic": "^1.3.0",
+        "get-proto": "^1.0.1",
+        "get-symbol-description": "^1.1.0",
+        "globalthis": "^1.0.4",
+        "gopd": "^1.2.0",
+        "has-property-descriptors": "^1.0.2",
+        "has-proto": "^1.2.0",
+        "has-symbols": "^1.1.0",
+        "hasown": "^2.0.2",
+        "internal-slot": "^1.1.0",
+        "is-array-buffer": "^3.0.5",
+        "is-callable": "^1.2.7",
+        "is-data-view": "^1.0.2",
+        "is-negative-zero": "^2.0.3",
+        "is-regex": "^1.2.1",
+        "is-set": "^2.0.3",
+        "is-shared-array-buffer": "^1.0.4",
+        "is-string": "^1.1.1",
+        "is-typed-array": "^1.1.15",
+        "is-weakref": "^1.1.1",
+        "math-intrinsics": "^1.1.0",
+        "object-inspect": "^1.13.4",
+        "object-keys": "^1.1.1",
+        "object.assign": "^4.1.7",
+        "own-keys": "^1.0.1",
+        "regexp.prototype.flags": "^1.5.4",
+        "safe-array-concat": "^1.1.3",
+        "safe-push-apply": "^1.0.0",
+        "safe-regex-test": "^1.1.0",
+        "set-proto": "^1.0.0",
+        "stop-iteration-iterator": "^1.1.0",
+        "string.prototype.trim": "^1.2.10",
+        "string.prototype.trimend": "^1.0.9",
+        "string.prototype.trimstart": "^1.0.8",
+        "typed-array-buffer": "^1.0.3",
+        "typed-array-byte-length": "^1.0.3",
+        "typed-array-byte-offset": "^1.0.4",
+        "typed-array-length": "^1.0.7",
+        "unbox-primitive": "^1.1.0",
+        "which-typed-array": "^1.1.19"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/es-abstract-get": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/es-abstract-get/-/es-abstract-get-1.0.0.tgz",
+      "integrity": "sha512-6PMWXpdhshVvFp+FoWYs1EvG1Nj0tvk0dZM+XcK0xMEM1czRVcP6ohqPWHy6qPagSpC8j4+p89WXlT+xXJs/fg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.1.2",
+        "is-callable": "^1.2.7",
+        "object-inspect": "^1.13.4"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/es-define-property": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/es-define-property/-/es-define-property-1.0.1.tgz",
@@ -5269,6 +5627,40 @@
         "node": ">= 0.4"
       }
     },
+    "node_modules/es-shim-unscopables": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/es-shim-unscopables/-/es-shim-unscopables-1.1.0.tgz",
+      "integrity": "sha512-d9T8ucsEhh8Bi1woXCf+TIKDIROLG5WCkxg8geBCbvk22kzwC5G2OnXVMO6FUsvQlgUUXQ2itephWDLqDzbeCw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "hasown": "^2.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-to-primitive": {
+      "version": "1.3.4",
+      "resolved": "https://registry.npmjs.org/es-to-primitive/-/es-to-primitive-1.3.4.tgz",
+      "integrity": "sha512-yPDz7wqpg1/mmHLmS3tcfTfbw5f1eryXvyghYBffGdERwe+mV7ZcWzTR8LR17Kvqt3qfPurjlonmnq3MKXIOXw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "es-abstract-get": "^1.0.0",
+        "es-define-property": "^1.0.1",
+        "es-errors": "^1.3.0",
+        "is-callable": "^1.2.7",
+        "is-date-object": "^1.1.0",
+        "is-symbol": "^1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/esbuild": {
       "version": "0.28.2",
       "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.28.2.tgz",
@@ -5399,6 +5791,53 @@
         }
       }
     },
+    "node_modules/eslint-plugin-jsx-a11y": {
+      "version": "6.10.2",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-jsx-a11y/-/eslint-plugin-jsx-a11y-6.10.2.tgz",
+      "integrity": "sha512-scB3nz4WmG75pV8+3eRUQOHZlNSUhFNq37xnpgRkCCELU3XMvXAxLk1eqWWyE22Ki4Q01Fnsw9BA3cJHDPgn2Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "aria-query": "^5.3.2",
+        "array-includes": "^3.1.8",
+        "array.prototype.flatmap": "^1.3.2",
+        "ast-types-flow": "^0.0.8",
+        "axe-core": "^4.10.0",
+        "axobject-query": "^4.1.0",
+        "damerau-levenshtein": "^1.0.8",
+        "emoji-regex": "^9.2.2",
+        "hasown": "^2.0.2",
+        "jsx-ast-utils": "^3.3.5",
+        "language-tags": "^1.0.9",
+        "minimatch": "^3.1.2",
+        "object.fromentries": "^2.0.8",
+        "safe-regex-test": "^1.0.3",
+        "string.prototype.includes": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=4.0"
+      },
+      "peerDependencies": {
+        "eslint": "^3 || ^4 || ^5 || ^6 || ^7 || ^8 || ^9"
+      }
+    },
+    "node_modules/eslint-plugin-jsx-a11y/node_modules/aria-query": {
+      "version": "5.3.2",
+      "resolved": "https://registry.npmjs.org/aria-query/-/aria-query-5.3.2.tgz",
+      "integrity": "sha512-COROpnaoap1E2F000S62r6A60uHZnmlvomhfyT2DlTcrY1OrBKn2UhH7qn5wTC9zMvD0AY7csdPSNwKP+7WiQw==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/eslint-plugin-jsx-a11y/node_modules/emoji-regex": {
+      "version": "9.2.2",
+      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-9.2.2.tgz",
+      "integrity": "sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/eslint-plugin-react-hooks": {
       "version": "7.1.1",
       "resolved": "https://registry.npmjs.org/eslint-plugin-react-hooks/-/eslint-plugin-react-hooks-7.1.1.tgz",
@@ -6095,6 +6534,22 @@
         }
       }
     },
+    "node_modules/for-each": {
+      "version": "0.3.5",
+      "resolved": "https://registry.npmjs.org/for-each/-/for-each-0.3.5.tgz",
+      "integrity": "sha512-dKx12eRCVIzqCxFGplyFKJMPvLEWgmNtUrpTiJIR5u97zEhRG8ySrtboPHZXx7daLxQVrl643cTzbab2tkQjxg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-callable": "^1.2.7"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/form-data": {
       "version": "4.0.6",
       "resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.6.tgz",
@@ -6170,6 +6625,40 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/function.prototype.name": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/function.prototype.name/-/function.prototype.name-1.2.0.tgz",
+      "integrity": "sha512-jObKIik1P2QjPHP5nz5BaOtUlfgS0fWo8IUByNXkM+o+02sJOi94em77GwJKQSJ3gfPHdgzLNrHc1uokV4P/ew==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.9",
+        "call-bound": "^1.0.4",
+        "es-define-property": "^1.0.1",
+        "es-errors": "^1.3.0",
+        "functions-have-names": "^1.2.3",
+        "has-property-descriptors": "^1.0.2",
+        "hasown": "^2.0.4",
+        "is-callable": "^1.2.7",
+        "is-document.all": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/functions-have-names": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/functions-have-names/-/functions-have-names-1.2.3.tgz",
+      "integrity": "sha512-xckBUXyTIqT97tq2x2AMb+g163b5JFysYk0x4qxNFwbfQkmNZoiRHb6sPzI9/QV33WeuvVYBUIiD4NzNIyqaRQ==",
+      "dev": true,
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/fuzzysort": {
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/fuzzysort/-/fuzzysort-3.1.0.tgz",
@@ -6177,6 +6666,16 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/generator-function": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/generator-function/-/generator-function-2.0.1.tgz",
+      "integrity": "sha512-SFdFmIJi+ybC0vjlHN0ZGVGHc3lgE0DxPAT0djjVg+kjOnSqclqmj0KQ7ykTOLP6YxoqOvuAODGdcHJn+43q3g==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
     "node_modules/gensync": {
       "version": "1.0.0-beta.2",
       "resolved": "https://registry.npmjs.org/gensync/-/gensync-1.0.0-beta.2.tgz",
@@ -6349,6 +6848,24 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/get-symbol-description": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/get-symbol-description/-/get-symbol-description-1.1.0.tgz",
+      "integrity": "sha512-w9UMqWwJxHNOvoNzSJ2oPF5wvYcvP7jUvYzhp67yEhTi17ZDBBC1z9pTdGuzjD+EFIqLSYRweZjqfiPzQ06Ebg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.6"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/git-raw-commits": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/git-raw-commits/-/git-raw-commits-3.0.0.tgz",
@@ -6449,6 +6966,23 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/globalthis": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/globalthis/-/globalthis-1.0.4.tgz",
+      "integrity": "sha512-DpLKbNU4WylpxJykQujfCcwYWiV/Jhm50Goo0wrVILAv5jOr9d+H+UR3PhSCD2rCCEIg0uc+G+muBTwD54JhDQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "define-properties": "^1.2.1",
+        "gopd": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/gopd": {
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.2.0.tgz",
@@ -6500,6 +7034,19 @@
         "node": ">=6"
       }
     },
+    "node_modules/has-bigints": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/has-bigints/-/has-bigints-1.1.0.tgz",
+      "integrity": "sha512-R3pbpkcIqv2Pm3dUwgjclDRVmWpTJW2DcMzcIhEXEx1oh/CEMObMm3KLmRJOdvhM7o4uQBnwr8pzRK2sJWIqfg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/has-flag": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz",
@@ -6510,6 +7057,35 @@
         "node": ">=4"
       }
     },
+    "node_modules/has-property-descriptors": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/has-property-descriptors/-/has-property-descriptors-1.0.2.tgz",
+      "integrity": "sha512-55JNKuIW+vq4Ke1BjOTjM2YctQIvCT7GFzHwmfZPGo5wnrgkid0YQtnAleFSqumZm4az3n2BS+erby5ipJdgrg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "es-define-property": "^1.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-proto": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/has-proto/-/has-proto-1.2.0.tgz",
+      "integrity": "sha512-KIL7eQPfHQRC8+XluaIw7BHUwwqL19bQn4hzNgdr+1wXoU0KKj6rufu47lhY7KbJR2C6T6+PfyN0Ea7wkSS+qQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "dunder-proto": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/has-symbols": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.1.0.tgz",
@@ -6744,6 +7320,21 @@
       "dev": true,
       "license": "ISC"
     },
+    "node_modules/internal-slot": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/internal-slot/-/internal-slot-1.1.0.tgz",
+      "integrity": "sha512-4gd7VpWNQNB4UKKCFFVcp1AVv+FMOgs9NKzjHKusc8jTMhd5eL1NqQqOpE0KzMds804/yHlglp3uxgluOqAPLw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "hasown": "^2.0.2",
+        "side-channel": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
     "node_modules/ip-address": {
       "version": "10.7.0",
       "resolved": "https://registry.npmjs.org/ip-address/-/ip-address-10.7.0.tgz",
@@ -6764,6 +7355,24 @@
         "node": ">= 0.10"
       }
     },
+    "node_modules/is-array-buffer": {
+      "version": "3.0.5",
+      "resolved": "https://registry.npmjs.org/is-array-buffer/-/is-array-buffer-3.0.5.tgz",
+      "integrity": "sha512-DDfANUiiG2wC1qawP66qlTugJeL5HyzMpfr8lLK+jMQirGzNod0B12cFB/9q838Ru27sBwfw78/rdoU7RERz6A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.3",
+        "get-intrinsic": "^1.2.6"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/is-arrayish": {
       "version": "0.2.1",
       "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.2.1.tgz",
@@ -6771,6 +7380,72 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/is-async-function": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/is-async-function/-/is-async-function-2.1.1.tgz",
+      "integrity": "sha512-9dgM/cZBnNvjzaMYHVoxxfPj2QXt22Ev7SuuPrs+xav0ukGB0S6d4ydZdEiM48kLx5kDV+QBPrpVnFyefL8kkQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "async-function": "^1.0.0",
+        "call-bound": "^1.0.3",
+        "get-proto": "^1.0.1",
+        "has-tostringtag": "^1.0.2",
+        "safe-regex-test": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-bigint": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/is-bigint/-/is-bigint-1.1.0.tgz",
+      "integrity": "sha512-n4ZT37wG78iz03xPRKJrHTdZbe3IicyucEtdRsV5yglwc3GyUfbAfpSeD0FJ41NbUNSt5wbhqfp1fS+BgnvDFQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "has-bigints": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-boolean-object": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/is-boolean-object/-/is-boolean-object-1.2.2.tgz",
+      "integrity": "sha512-wa56o2/ElJMYqjCjGkXri7it5FbebW5usLw/nPmCMs5DeZ7eziSYZhSmPRn0txqeW4LnAmQQU7FgqLpsEFKM4A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "has-tostringtag": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-callable": {
+      "version": "1.2.7",
+      "resolved": "https://registry.npmjs.org/is-callable/-/is-callable-1.2.7.tgz",
+      "integrity": "sha512-1BC0BVFhS/p0qtw6enp8e+8OD0UrK0oFLztSjNzhcKA3WDuJxxAPXzPuPtKkjEY9UUoEWlX/8fgKeu2S8i9JTA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/is-core-module": {
       "version": "2.16.2",
       "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.16.2.tgz",
@@ -6787,6 +7462,41 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/is-data-view": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/is-data-view/-/is-data-view-1.0.2.tgz",
+      "integrity": "sha512-RKtWF8pGmS87i2D6gqQu/l7EYRlVdfzemCJN/P3UOs//x1QE7mfhvzHIApBTRf7axvT6DMGwSwBXYCT0nfB9xw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "get-intrinsic": "^1.2.6",
+        "is-typed-array": "^1.1.13"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-date-object": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/is-date-object/-/is-date-object-1.1.0.tgz",
+      "integrity": "sha512-PwwhEakHVKTdRNVOw+/Gyh0+MzlCl4R6qKvkhuvLtPMggI1WAHt9sOwZxQLSGpUaDnrdyDsomoRgNnCfKNSXXg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "has-tostringtag": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/is-docker": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/is-docker/-/is-docker-3.0.0.tgz",
@@ -6803,6 +7513,22 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/is-document.all": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/is-document.all/-/is-document.all-1.0.0.tgz",
+      "integrity": "sha512-+XSoyS05OdBbhFuELhgTCpFNHkpBOJqtsZfUFFpe5QTw+9Sjbh8zitxhQkYAo6wV7e1Vb8cAPvpCk9jGam/82g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.4"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/is-extglob": {
       "version": "2.1.1",
       "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
@@ -6813,6 +7539,22 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/is-finalizationregistry": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/is-finalizationregistry/-/is-finalizationregistry-1.1.1.tgz",
+      "integrity": "sha512-1pC6N8qWJbWoPtEjgcL2xyhQOP491EQjeUo3qTKcmV8YSDDJrOepfG8pcC7h/QgnQHYSv0mJ3Z/ZWxmatVrysg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/is-fullwidth-code-point": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
@@ -6823,6 +7565,26 @@
         "node": ">=8"
       }
     },
+    "node_modules/is-generator-function": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/is-generator-function/-/is-generator-function-1.1.2.tgz",
+      "integrity": "sha512-upqt1SkGkODW9tsGNG5mtXTXtECizwtS2kA161M+gJPc1xdb/Ax629af6YrTwcOeQHbewrPNlE5Dx7kzvXTizA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.4",
+        "generator-function": "^2.0.0",
+        "get-proto": "^1.0.1",
+        "has-tostringtag": "^1.0.2",
+        "safe-regex-test": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/is-glob": {
       "version": "4.0.3",
       "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
@@ -6881,6 +7643,32 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/is-map": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/is-map/-/is-map-2.0.3.tgz",
+      "integrity": "sha512-1Qed0/Hr2m+YqxnM09CjA2d/i6YZNfF6R2oRAOj36eUdS6qIV/huPJNSEpKbupewFs+ZsJlxsjjPbc0/afW6Lw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-negative-zero": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/is-negative-zero/-/is-negative-zero-2.0.3.tgz",
+      "integrity": "sha512-5KoIu2Ngpyek75jXodFvnafB6DJgr3u8uuK0LEZJjrU19DrMD3EVERaR8sjz8CCGgpZvxPl9SuE1GMVPFHx1mw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/is-number": {
       "version": "7.0.0",
       "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
@@ -6891,6 +7679,23 @@
         "node": ">=0.12.0"
       }
     },
+    "node_modules/is-number-object": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/is-number-object/-/is-number-object-1.1.1.tgz",
+      "integrity": "sha512-lZhclumE1G6VYD8VHe35wFaIif+CTy5SJIi5+3y4psDgWu4wPDoBhF8NxUOinEc7pHgiTsT6MaBb92rKhhD+Xw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "has-tostringtag": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/is-obj": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/is-obj/-/is-obj-2.0.0.tgz",
@@ -6925,6 +7730,25 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/is-regex": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/is-regex/-/is-regex-1.2.1.tgz",
+      "integrity": "sha512-MjYsKHO5O7mCsmRGxWcLWheFqN9DJ/2TmngvjKXihe6efViPqc274+Fx/4fYj/r03+ESvBdTXK0V6tA3rgez1g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "gopd": "^1.2.0",
+        "has-tostringtag": "^1.0.2",
+        "hasown": "^2.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/is-regexp": {
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/is-regexp/-/is-regexp-3.1.0.tgz",
@@ -6938,6 +7762,35 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/is-set": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/is-set/-/is-set-2.0.3.tgz",
+      "integrity": "sha512-iPAjerrse27/ygGLxw+EBR9agv9Y6uLeYVJMu+QNCoouJ1/1ri0mGrcWpfCqFZuzzx3WjtwxG098X+n4OuRkPg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-shared-array-buffer": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/is-shared-array-buffer/-/is-shared-array-buffer-1.0.4.tgz",
+      "integrity": "sha512-ISWac8drv4ZGfwKl5slpHG9OwPNty4jOWPRIhBpxOoD+hqITiwuipOQ2bNthAzwA3B4fIjO4Nln74N0S9byq8A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/is-stream": {
       "version": "4.0.1",
       "resolved": "https://registry.npmjs.org/is-stream/-/is-stream-4.0.1.tgz",
@@ -6951,6 +7804,41 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/is-string": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/is-string/-/is-string-1.1.1.tgz",
+      "integrity": "sha512-BtEeSsoaQjlSPBemMQIrY1MY0uM6vnS1g5fmufYOtnxLGUZM2178PKbhsk7Ffv58IX+ZtcvoGwccYsh0PglkAA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "has-tostringtag": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-symbol": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/is-symbol/-/is-symbol-1.1.1.tgz",
+      "integrity": "sha512-9gGx6GTtCQM73BgmHQXfDmLtfjjTUDSyoxTCbp5WtoixAhfgsDirWIcVQ/IHpvI5Vgd5i/J5F7B9cN/WlVbC/w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "has-symbols": "^1.1.0",
+        "safe-regex-test": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/is-text-path": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/is-text-path/-/is-text-path-1.0.1.tgz",
@@ -6964,6 +7852,22 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/is-typed-array": {
+      "version": "1.1.15",
+      "resolved": "https://registry.npmjs.org/is-typed-array/-/is-typed-array-1.1.15.tgz",
+      "integrity": "sha512-p3EcsicXjit7SaskXHs1hA91QxgTw46Fv6EFKKGS5DRFLD8yKnohjF3hxoju94b/OcMZoQukzpPpBE9uLVKzgQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "which-typed-array": "^1.1.16"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/is-unicode-supported": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/is-unicode-supported/-/is-unicode-supported-2.1.0.tgz",
@@ -6990,6 +7894,52 @@
       ],
       "license": "MIT"
     },
+    "node_modules/is-weakmap": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/is-weakmap/-/is-weakmap-2.0.2.tgz",
+      "integrity": "sha512-K5pXYOm9wqY1RgjpL3YTkF39tni1XajUIkawTLUo9EZEVUFga5gSQJF8nNS7ZwJQ02y+1YCNYcMh+HIf1ZqE+w==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-weakref": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/is-weakref/-/is-weakref-1.1.1.tgz",
+      "integrity": "sha512-6i9mGWSlqzNMEqpCp93KwRS1uUOodk2OJ6b+sq7ZPDSy2WuI5NFIxp/254TytR8ftefexkWn5xNiHUNpPOfSew==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-weakset": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/is-weakset/-/is-weakset-2.0.4.tgz",
+      "integrity": "sha512-mfcwb6IzQyOKTs84CQMrOwW4gQcaTOAWJ0zzJCl2WSPDrWk/OzDaImWFH3djXhb24g4eudZfLRozAvPGw4d9hQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "get-intrinsic": "^1.2.6"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/is-wsl": {
       "version": "3.1.1",
       "resolved": "https://registry.npmjs.org/is-wsl/-/is-wsl-3.1.1.tgz",
@@ -7246,6 +8196,22 @@
         "node": "*"
       }
     },
+    "node_modules/jsx-ast-utils": {
+      "version": "3.3.5",
+      "resolved": "https://registry.npmjs.org/jsx-ast-utils/-/jsx-ast-utils-3.3.5.tgz",
+      "integrity": "sha512-ZZow9HBI5O6EPgSJLUb8n2NKgmVWTwCvHGwFuJlMjvLFqlGG6pjirPhtdsseaLZjSibD8eegzmYpUZwoIlj2cQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "array-includes": "^3.1.6",
+        "array.prototype.flat": "^1.3.1",
+        "object.assign": "^4.1.4",
+        "object.values": "^1.1.6"
+      },
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
     "node_modules/keyv": {
       "version": "4.5.4",
       "resolved": "https://registry.npmjs.org/keyv/-/keyv-4.5.4.tgz",
@@ -7276,6 +8242,26 @@
         "node": ">=6"
       }
     },
+    "node_modules/language-subtag-registry": {
+      "version": "0.3.23",
+      "resolved": "https://registry.npmjs.org/language-subtag-registry/-/language-subtag-registry-0.3.23.tgz",
+      "integrity": "sha512-0K65Lea881pHotoGEa5gDlMxt3pctLi2RplBb7Ezh4rRdLEOtgi7n4EwK9lamnUCkKBqaeKRVebTq6BAxSkpXQ==",
+      "dev": true,
+      "license": "CC0-1.0"
+    },
+    "node_modules/language-tags": {
+      "version": "1.0.9",
+      "resolved": "https://registry.npmjs.org/language-tags/-/language-tags-1.0.9.tgz",
+      "integrity": "sha512-MbjN408fEndfiQXbFQ1vnd+1NoLDsnQW41410oQBXiyXDMYH5z505juWa4KUE1LqxRC7DgOgZDbKLxHIwm27hA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "language-subtag-registry": "^0.3.20"
+      },
+      "engines": {
+        "node": ">=0.10"
+      }
+    },
     "node_modules/levn": {
       "version": "0.4.1",
       "resolved": "https://registry.npmjs.org/levn/-/levn-0.4.1.tgz",
@@ -8269,6 +9255,16 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/object-keys": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/object-keys/-/object-keys-1.1.1.tgz",
+      "integrity": "sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
     "node_modules/object-treeify": {
       "version": "1.1.33",
       "resolved": "https://registry.npmjs.org/object-treeify/-/object-treeify-1.1.33.tgz",
@@ -8279,6 +9275,65 @@
         "node": ">= 10"
       }
     },
+    "node_modules/object.assign": {
+      "version": "4.1.7",
+      "resolved": "https://registry.npmjs.org/object.assign/-/object.assign-4.1.7.tgz",
+      "integrity": "sha512-nK28WOo+QIjBkDduTINE4JkF/UJJKyf2EJxvJKfblDpyg0Q+pkOHNTL0Qwy6NP6FhE/EnzV73BxxqcJaXY9anw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.3",
+        "define-properties": "^1.2.1",
+        "es-object-atoms": "^1.0.0",
+        "has-symbols": "^1.1.0",
+        "object-keys": "^1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/object.fromentries": {
+      "version": "2.0.8",
+      "resolved": "https://registry.npmjs.org/object.fromentries/-/object.fromentries-2.0.8.tgz",
+      "integrity": "sha512-k6E21FzySsSK5a21KRADBd/NGneRegFO5pLHfdQLpRDETUNJueLXs3WCzyQ3tFRDYgbq3KHGXfTbi2bs8WQ6rQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.7",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.2",
+        "es-object-atoms": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/object.values": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/object.values/-/object.values-1.2.1.tgz",
+      "integrity": "sha512-gXah6aZrcUxjWg2zR2MwouP2eHlCBzdV4pygudehaKXSGW4v2AsRQUK+lwwXhii6KFZcunEnmSUoYp5CXibxtA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.3",
+        "define-properties": "^1.2.1",
+        "es-object-atoms": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/obug": {
       "version": "2.2.1",
       "resolved": "https://registry.npmjs.org/obug/-/obug-2.2.1.tgz",
@@ -8447,6 +9502,25 @@
         "url": "https://github.com/chalk/strip-ansi?sponsor=1"
       }
     },
+    "node_modules/own-keys": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/own-keys/-/own-keys-1.0.2.tgz",
+      "integrity": "sha512-19YVAg7T+WTrxggPukVq7DjTv6+PJ867TmhCvBsYwmbFCsZd344rq2Ld1p0wo8f8Qrrhgp82c6FJRqdXWtSEhg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.4",
+        "get-intrinsic": "^1.3.0",
+        "object-keys": "^1.1.1",
+        "safe-push-apply": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/p-limit": {
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-3.1.0.tgz",
@@ -8755,6 +9829,16 @@
         "node": ">=4"
       }
     },
+    "node_modules/possible-typed-array-names": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/possible-typed-array-names/-/possible-typed-array-names-1.1.0.tgz",
+      "integrity": "sha512-/+5VFTchJDoVj3bhoqi6UeymcD00DAwb1nJwamzPvHEszJ4FpF6SNNbUbOS8yI56qHzdV8eK0qEfOSiodkTdxg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
     "node_modules/postcss": {
       "version": "8.5.28",
       "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.28.tgz",
@@ -9245,6 +10329,50 @@
         "node": ">=8"
       }
     },
+    "node_modules/reflect.getprototypeof": {
+      "version": "1.0.10",
+      "resolved": "https://registry.npmjs.org/reflect.getprototypeof/-/reflect.getprototypeof-1.0.10.tgz",
+      "integrity": "sha512-00o4I+DVrefhv+nX0ulyi3biSHCPDe+yLv5o/p6d/UVlirijB8E16FtfwSAi4g3tcqrQ4lRAqQSoFEZJehYEcw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.9",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.0.0",
+        "get-intrinsic": "^1.2.7",
+        "get-proto": "^1.0.1",
+        "which-builtin-type": "^1.2.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/regexp.prototype.flags": {
+      "version": "1.5.4",
+      "resolved": "https://registry.npmjs.org/regexp.prototype.flags/-/regexp.prototype.flags-1.5.4.tgz",
+      "integrity": "sha512-dYqgNSZbDwkaJ2ceRd9ojCGjBq+mOm9LmtXnAnEGyHhN/5R7iDW2TRw3h+o/jCFxus3P2LfWIIiwowAjANm7IA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "define-properties": "^1.2.1",
+        "es-errors": "^1.3.0",
+        "get-proto": "^1.0.1",
+        "gopd": "^1.2.0",
+        "set-function-name": "^2.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/require-directory": {
       "version": "2.1.1",
       "resolved": "https://registry.npmjs.org/require-directory/-/require-directory-2.1.1.tgz",
@@ -9447,6 +10575,33 @@
         "queue-microtask": "^1.2.2"
       }
     },
+    "node_modules/safe-array-concat": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/safe-array-concat/-/safe-array-concat-1.1.4.tgz",
+      "integrity": "sha512-wtZlHyOje6OZTGqAoaDKxFkgRtkF9CnHAVnCHKfuj200wAgL+bSJhdsCD2l0Qx/2ekEXjPWcyKkfGb5CPboslg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.9",
+        "call-bound": "^1.0.4",
+        "get-intrinsic": "^1.3.0",
+        "has-symbols": "^1.1.0",
+        "isarray": "^2.0.5"
+      },
+      "engines": {
+        "node": ">=0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/safe-array-concat/node_modules/isarray": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/isarray/-/isarray-2.0.5.tgz",
+      "integrity": "sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/safe-buffer": {
       "version": "5.2.1",
       "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz",
@@ -9468,6 +10623,48 @@
       ],
       "license": "MIT"
     },
+    "node_modules/safe-push-apply": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/safe-push-apply/-/safe-push-apply-1.0.0.tgz",
+      "integrity": "sha512-iKE9w/Z7xCzUMIZqdBsp6pEQvwuEebH4vdpjcDWnyzaI6yl6O9FHvVpmGelvEHNsoY6wGblkxR6Zty/h00WiSA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "isarray": "^2.0.5"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/safe-push-apply/node_modules/isarray": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/isarray/-/isarray-2.0.5.tgz",
+      "integrity": "sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/safe-regex-test": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/safe-regex-test/-/safe-regex-test-1.1.0.tgz",
+      "integrity": "sha512-x/+Cz4YrimQxQccJf5mKEbIa1NzeCRNI5Ecl/ekmlYaampdNLPalVyIcCZNNH3MvmqBugV5TMYZXv0ljslUlaw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "es-errors": "^1.3.0",
+        "is-regex": "^1.2.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/safer-buffer": {
       "version": "2.1.2",
       "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz",
@@ -9584,6 +10781,55 @@
       "integrity": "sha512-oeM1lpU/UvhTxw+g3cIfxXHyJRc/uidd3yK1P242gzHds0udQBYzs3y8j4gCCW+ZJ7ad0yctld8RYO+bdurlvw==",
       "license": "MIT"
     },
+    "node_modules/set-function-length": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/set-function-length/-/set-function-length-1.2.2.tgz",
+      "integrity": "sha512-pgRc4hJ4/sNjWCSS9AmnS40x3bNMDTknHgL5UaMBTMyJnU90EgWh1Rz+MC9eFu4BuN/UwZjKQuY/1v3rM7HMfg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "define-data-property": "^1.1.4",
+        "es-errors": "^1.3.0",
+        "function-bind": "^1.1.2",
+        "get-intrinsic": "^1.2.4",
+        "gopd": "^1.0.1",
+        "has-property-descriptors": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/set-function-name": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/set-function-name/-/set-function-name-2.0.2.tgz",
+      "integrity": "sha512-7PGFlmtwsEADb0WYyvCMa1t+yke6daIG4Wirafur5kcf+MhUnPms1UeR0CKQdTZD81yESwMHbtn+TR+dMviakQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "define-data-property": "^1.1.4",
+        "es-errors": "^1.3.0",
+        "functions-have-names": "^1.2.3",
+        "has-property-descriptors": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/set-proto": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/set-proto/-/set-proto-1.0.0.tgz",
+      "integrity": "sha512-RJRdvCo6IAnPdsvP/7m6bsQqNnn1FCBX5ZNtFL98MmFF/4xAIJTIg1YbHW5DC2W5SKZanrC6i4HsJqlajw/dZw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "dunder-proto": "^1.0.1",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
     "node_modules/setprototypeof": {
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.2.0.tgz",
@@ -9961,6 +11207,20 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/stop-iteration-iterator": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/stop-iteration-iterator/-/stop-iteration-iterator-1.1.0.tgz",
+      "integrity": "sha512-eLoXW/DHyl62zxY4SCaIgnRhuMr6ri4juEYARS8E6sCEqzKpOiE521Ucofdx+KnDZl5xmvGYaaKCk5FEOxJCoQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "internal-slot": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
     "node_modules/string_decoder": {
       "version": "1.3.0",
       "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.3.0.tgz",
@@ -10018,6 +11278,81 @@
         "url": "https://github.com/chalk/strip-ansi?sponsor=1"
       }
     },
+    "node_modules/string.prototype.includes": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/string.prototype.includes/-/string.prototype.includes-2.0.1.tgz",
+      "integrity": "sha512-o7+c9bW6zpAdJHTtujeePODAhkuicdAryFsfVKwA+wGw89wJ4GTY484WTucM9hLtDEOpOvI+aHnzqnC5lHp4Rg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.7",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/string.prototype.trim": {
+      "version": "1.2.11",
+      "resolved": "https://registry.npmjs.org/string.prototype.trim/-/string.prototype.trim-1.2.11.tgz",
+      "integrity": "sha512-PwvK7BU+CMTJGYQCTZb5RWXIML92lftJLhQz1tBzgKiqGxJaMlBAa48POXaNAC2s4y8jr3EFqrkF9+44neS46w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.9",
+        "call-bound": "^1.0.4",
+        "define-data-property": "^1.1.4",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.24.2",
+        "es-object-atoms": "^1.1.2",
+        "has-property-descriptors": "^1.0.2",
+        "safe-regex-test": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/string.prototype.trimend": {
+      "version": "1.0.10",
+      "resolved": "https://registry.npmjs.org/string.prototype.trimend/-/string.prototype.trimend-1.0.10.tgz",
+      "integrity": "sha512-2+3aDAOmPTmuFwjDnmJG2ctEkQKVki7vOSqaxkv42Mowj1V6PnvuwFCRrR5lChUux1TBskPjfkeTOhqczDMxTw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.9",
+        "call-bound": "^1.0.4",
+        "define-properties": "^1.2.1",
+        "es-object-atoms": "^1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/string.prototype.trimstart": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/string.prototype.trimstart/-/string.prototype.trimstart-1.0.8.tgz",
+      "integrity": "sha512-UXSH262CSZY1tfu3G3Secr6uGLCFVPMhIqHjlgCUtCCcgihYc/xKs9djMTMUOb2j1mVSeU8EU6NWc/iQKU6Gfg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.7",
+        "define-properties": "^1.2.1",
+        "es-object-atoms": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/stringify-object": {
       "version": "5.0.0",
       "resolved": "https://registry.npmjs.org/stringify-object/-/stringify-object-5.0.0.tgz",
@@ -10554,6 +11889,84 @@
         "url": "https://opencollective.com/express"
       }
     },
+    "node_modules/typed-array-buffer": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/typed-array-buffer/-/typed-array-buffer-1.0.3.tgz",
+      "integrity": "sha512-nAYYwfY3qnzX30IkA6AQZjVbtK6duGontcQm1WSG1MD94YLqK0515GNApXkoxKOWMusVssAHWLh9SeaoefYFGw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "es-errors": "^1.3.0",
+        "is-typed-array": "^1.1.14"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/typed-array-byte-length": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/typed-array-byte-length/-/typed-array-byte-length-1.0.3.tgz",
+      "integrity": "sha512-BaXgOuIxz8n8pIq3e7Atg/7s+DpiYrxn4vdot3w9KbnBhcRQq6o3xemQdIfynqSeXeDrF32x+WvfzmOjPiY9lg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "for-each": "^0.3.3",
+        "gopd": "^1.2.0",
+        "has-proto": "^1.2.0",
+        "is-typed-array": "^1.1.14"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/typed-array-byte-offset": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/typed-array-byte-offset/-/typed-array-byte-offset-1.0.4.tgz",
+      "integrity": "sha512-bTlAFB/FBYMcuX81gbL4OcpH5PmlFHqlCCpAl8AlEzMz5k53oNDvN8p1PNOWLEmI2x4orp3raOFB51tv9X+MFQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "available-typed-arrays": "^1.0.7",
+        "call-bind": "^1.0.8",
+        "for-each": "^0.3.3",
+        "gopd": "^1.2.0",
+        "has-proto": "^1.2.0",
+        "is-typed-array": "^1.1.15",
+        "reflect.getprototypeof": "^1.0.9"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/typed-array-length": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/typed-array-length/-/typed-array-length-1.0.8.tgz",
+      "integrity": "sha512-phPGCwqr2+Qo0fwniCE8e4pKnGu/yFb5nD5Y8bf0EEeiI5GklnACYA9GFy/DrAeRrKHXvHn+1SUsOWgJp6RO+g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.9",
+        "for-each": "^0.3.5",
+        "gopd": "^1.2.0",
+        "is-typed-array": "^1.1.15",
+        "possible-typed-array-names": "^1.1.0",
+        "reflect.getprototypeof": "^1.0.10"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/typedarray": {
       "version": "0.0.6",
       "resolved": "https://registry.npmjs.org/typedarray/-/typedarray-0.0.6.tgz",
@@ -10613,6 +12026,25 @@
         "node": ">=0.8.0"
       }
     },
+    "node_modules/unbox-primitive": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/unbox-primitive/-/unbox-primitive-1.1.0.tgz",
+      "integrity": "sha512-nWJ91DjeOkej/TA8pXQ3myruKpKEYgqvpw9lz4OPHj/NWFNluYrjbz9j01CJ8yKQd2g4jFoOkINCTW2I5LEEyw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "has-bigints": "^1.0.2",
+        "has-symbols": "^1.1.0",
+        "which-boxed-primitive": "^1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/undici": {
       "version": "7.29.1",
       "resolved": "https://registry.npmjs.org/undici/-/undici-7.29.1.tgz",
@@ -10983,6 +12415,102 @@
         "node": ">= 8"
       }
     },
+    "node_modules/which-boxed-primitive": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/which-boxed-primitive/-/which-boxed-primitive-1.1.1.tgz",
+      "integrity": "sha512-TbX3mj8n0odCBFVlY8AxkqcHASw3L60jIuF8jFP78az3C2YhmGvqbHBpAjTRH2/xqYunrJ9g1jSyjCjpoWzIAA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-bigint": "^1.1.0",
+        "is-boolean-object": "^1.2.1",
+        "is-number-object": "^1.1.1",
+        "is-string": "^1.1.1",
+        "is-symbol": "^1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/which-builtin-type": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/which-builtin-type/-/which-builtin-type-1.2.1.tgz",
+      "integrity": "sha512-6iBczoX+kDQ7a3+YJBnh3T+KZRxM/iYNPXicqk66/Qfm1b93iu+yOImkg0zHbj5LNOcNv1TEADiZ0xa34B4q6Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "function.prototype.name": "^1.1.6",
+        "has-tostringtag": "^1.0.2",
+        "is-async-function": "^2.0.0",
+        "is-date-object": "^1.1.0",
+        "is-finalizationregistry": "^1.1.0",
+        "is-generator-function": "^1.0.10",
+        "is-regex": "^1.2.1",
+        "is-weakref": "^1.0.2",
+        "isarray": "^2.0.5",
+        "which-boxed-primitive": "^1.1.0",
+        "which-collection": "^1.0.2",
+        "which-typed-array": "^1.1.16"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/which-builtin-type/node_modules/isarray": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/isarray/-/isarray-2.0.5.tgz",
+      "integrity": "sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/which-collection": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/which-collection/-/which-collection-1.0.2.tgz",
+      "integrity": "sha512-K4jVyjnBdgvc86Y6BkaLZEN933SwYOuBFkdmBu9ZfkcAbdVbpITnDmjvZ/aQjRXQrv5EPkTnD1s39GiiqbngCw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-map": "^2.0.3",
+        "is-set": "^2.0.3",
+        "is-weakmap": "^2.0.2",
+        "is-weakset": "^2.0.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/which-typed-array": {
+      "version": "1.1.22",
+      "resolved": "https://registry.npmjs.org/which-typed-array/-/which-typed-array-1.1.22.tgz",
+      "integrity": "sha512-fvO4ExWMFsqyhG3AiPAObMuY1lxaqgYcxbc49CNdWDDECOJNgQyvsOWVwbZc+qf3rzRtxojBK+CMEv0Ld5CYpw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "available-typed-arrays": "^1.0.7",
+        "call-bind": "^1.0.9",
+        "call-bound": "^1.0.4",
+        "for-each": "^0.3.5",
+        "get-proto": "^1.0.1",
+        "gopd": "^1.2.0",
+        "has-tostringtag": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/why-is-node-running": {
       "version": "2.3.0",
       "resolved": "https://registry.npmjs.org/why-is-node-running/-/why-is-node-running-2.3.0.tgz",
diff --git a/package.json b/package.json
index 861eb6a..d03102f 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "frontend-temp",
   "private": true,
-  "version": "2.0.1",
+  "version": "2.1.0",
   "type": "module",
   "license": "MIT",
   "author": "Kevin Riehl",
@@ -47,6 +47,7 @@
     "@vitest/coverage-v8": "^5.0.0",
     "commit-and-tag-version": "^12.5.0",
     "eslint": "^9.39.1",
+    "eslint-plugin-jsx-a11y": "^6.10.2",
     "eslint-plugin-react-hooks": "^7.0.1",
     "eslint-plugin-react-refresh": "^0.4.24",
     "globals": "^16.5.0",
diff --git a/src/components/game-night/PlayersProgress.tsx b/src/components/game-night/PlayersProgress.tsx
index 9d03cb1..31559b7 100644
--- a/src/components/game-night/PlayersProgress.tsx
+++ b/src/components/game-night/PlayersProgress.tsx
@@ -13,7 +13,9 @@ export default function PlayersProgress() {
   return (
     <div className="space-y-3">
       <h3 className="text-sm font-semibold">Players</h3>
-      <div className="space-y-2">
+      {/* Polite, so a player finishing or forfeiting is announced without
+          interrupting what the user is doing. */}
+      <div className="space-y-2" aria-live="polite">
         {activePlayers.map((player) => {
           const chainLength = playerProgress.get(player.userId) ?? 0;
           const isFinished = finishedPlayers.has(player.userId);
@@ -26,17 +28,21 @@ export default function PlayersProgress() {
             >
               <div className="flex items-center gap-2">
                 {isForfeited ? (
-                  <Flag className="h-4 w-4 text-destructive" />
+                  <Flag className="h-4 w-4 text-destructive" aria-hidden="true" />
                 ) : isFinished ? (
-                  <CheckCircle2 className="h-4 w-4 text-green-500" />
+                  <CheckCircle2 className="h-4 w-4 text-green-500" aria-hidden="true" />
                 ) : player.disconnected ? (
-                  <WifiOff className="h-4 w-4 text-muted-foreground" />
+                  <WifiOff className="h-4 w-4 text-muted-foreground" aria-hidden="true" />
                 ) : (
-                  <Loader2 className="h-4 w-4 animate-spin text-muted-foreground" />
+                  <Loader2 className="h-4 w-4 animate-spin text-muted-foreground" aria-hidden="true" />
                 )}
                 <span className="text-sm font-medium">
                   {player.user.username}
                 </span>
+                {/* Disconnection is the one state with no text badge. */}
+                {player.disconnected && !isFinished && !isForfeited && (
+                  <span className="sr-only">(disconnected)</span>
+                )}
               </div>
               <div className="flex items-center gap-2">
                 {isForfeited ? (
diff --git a/src/components/game/CelebrationOverlay.tsx b/src/components/game/CelebrationOverlay.tsx
index 8b52d59..1e6519f 100644
--- a/src/components/game/CelebrationOverlay.tsx
+++ b/src/components/game/CelebrationOverlay.tsx
@@ -28,8 +28,24 @@ function makeConfetti(): ConfettiPiece[] {
   }));
 }
 
+/**
+ * Twenty pieces of confetti falling for three seconds. Vestibular-disorder
+ * guidance is not to animate at all when the user has asked the OS not to, so
+ * the overlay renders nothing under `prefers-reduced-motion: reduce` rather
+ * than a still frame of coloured squares. It is purely decorative - the
+ * completion modal carries the actual news - so nothing is lost.
+ */
+function prefersReducedMotion(): boolean {
+  return (
+    typeof window !== 'undefined' &&
+    typeof window.matchMedia === 'function' &&
+    window.matchMedia('(prefers-reduced-motion: reduce)').matches
+  );
+}
+
 export default function CelebrationOverlay() {
   const [visible, setVisible] = useState(true);
+  const [reduceMotion] = useState(prefersReducedMotion);
   // Rolled once per mount. Randomising in the render body re-rolled every piece
   // on each re-render, so confetti visibly jumped mid-flight.
   const [pieces] = useState(makeConfetti);
@@ -39,10 +55,13 @@ export default function CelebrationOverlay() {
     return () => clearTimeout(timer);
   }, []);
 
-  if (!visible) return null;
+  if (!visible || reduceMotion) return null;
 
   return (
-    <div className="pointer-events-none fixed inset-0 z-50 overflow-hidden">
+    <div
+      className="pointer-events-none fixed inset-0 z-50 overflow-hidden"
+      aria-hidden="true"
+    >
       {pieces.map((piece, i) => (
         <div
           key={i}
diff --git a/src/components/game/GameHeader.tsx b/src/components/game/GameHeader.tsx
index 4c039f0..b40b021 100644
--- a/src/components/game/GameHeader.tsx
+++ b/src/components/game/GameHeader.tsx
@@ -27,19 +27,26 @@ export default function GameHeader() {
           <Badge variant="secondary">Custom Game</Badge>
         )}
         <Badge variant="outline">Chain: {getLinkCount(chain)} links</Badge>
-        <div className="flex items-center gap-1.5 text-sm">
+        <div role="status" className="flex items-center gap-1.5 text-sm">
           {passedMovieB ? (
-            <CheckCircle2 className="h-4 w-4 text-green-500" />
+            <CheckCircle2 className="h-4 w-4 text-green-500" aria-hidden="true" />
           ) : (
-            <Circle className="h-4 w-4 text-muted-foreground" />
+            <Circle className="h-4 w-4 text-muted-foreground" aria-hidden="true" />
           )}
+          {/* The visible label reads "Passed Movie B" in both states; only the
+              icon and colour said which. A screen reader therefore heard the
+              wrong thing before B was reached. */}
           <span
+            aria-hidden="true"
             className={
               passedMovieB ? 'text-green-600' : 'text-muted-foreground'
             }
           >
             Passed Movie B
           </span>
+          <span className="sr-only">
+            {passedMovieB ? 'Movie B reached' : 'Movie B not yet reached'}
+          </span>
         </div>
         <div className="ml-auto">
           <Timer />
diff --git a/src/components/game/SearchAutocomplete.tsx b/src/components/game/SearchAutocomplete.tsx
index 37e9cc1..26e07f8 100644
--- a/src/components/game/SearchAutocomplete.tsx
+++ b/src/components/game/SearchAutocomplete.tsx
@@ -178,7 +178,7 @@ export default function SearchAutocomplete({
   };
 
   return (
-    <div ref={containerRef} className="relative" role="combobox" aria-expanded={isOpen} aria-haspopup="listbox" aria-owns={listId}>
+    <div ref={containerRef} className="relative">
       <div className="relative">
         <Input
           ref={inputRef}
@@ -192,9 +192,14 @@ export default function SearchAutocomplete({
               setIsOpen(true);
             }
           }}
-          role="searchbox"
+          // ARIA 1.2 combobox: the role lives on the input, not a wrapper.
+          // The 1.1 wrapper pattern (role on a div, aria-owns) is what this
+          // was, and current screen readers announce it inconsistently.
+          role="combobox"
+          aria-expanded={isOpen}
+          aria-haspopup="listbox"
           aria-autocomplete="list"
-          aria-controls={listId}
+          aria-controls={isOpen ? listId : undefined}
           aria-activedescendant={
             activeIndex >= 0 ? `${listId}-option-${activeIndex}` : undefined
           }
diff --git a/src/components/game/ValidationFeedback.tsx b/src/components/game/ValidationFeedback.tsx
index fab5d37..86f7c30 100644
--- a/src/components/game/ValidationFeedback.tsx
+++ b/src/components/game/ValidationFeedback.tsx
@@ -25,8 +25,11 @@ export default function ValidationFeedback() {
 
   if (isValidating) {
     return (
-      <div className="flex items-center gap-2 text-sm text-muted-foreground">
-        <Loader2 className="h-4 w-4 animate-spin" />
+      <div
+        role="status"
+        className="flex items-center gap-2 text-sm text-muted-foreground"
+      >
+        <Loader2 className="h-4 w-4 animate-spin" aria-hidden="true" />
         Validating connection...
       </div>
     );
@@ -36,9 +39,10 @@ export default function ValidationFeedback() {
     return (
       <div
         key={validationError}
-        className="flex animate-shake items-center gap-2 text-sm text-destructive"
+        role="alert"
+        className="flex animate-shake items-center gap-2 text-sm text-destructive motion-reduce:animate-none"
       >
-        <AlertCircle className="h-4 w-4" />
+        <AlertCircle className="h-4 w-4" aria-hidden="true" />
         {validationError}
       </div>
     );
@@ -46,8 +50,11 @@ export default function ValidationFeedback() {
 
   if (showCheck) {
     return (
-      <div className="flex animate-check-flash items-center gap-2 text-sm text-green-600">
-        <CheckCircle2 className="h-4 w-4" />
+      <div
+        role="status"
+        className="flex animate-check-flash items-center gap-2 text-sm text-green-600 motion-reduce:animate-none"
+      >
+        <CheckCircle2 className="h-4 w-4" aria-hidden="true" />
         Connected!
       </div>
     );
diff --git a/src/components/layout/NotificationBell.test.tsx b/src/components/layout/NotificationBell.test.tsx
new file mode 100644
index 0000000..30b0d7a
--- /dev/null
+++ b/src/components/layout/NotificationBell.test.tsx
@@ -0,0 +1,207 @@
+import { render, screen, within } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
+import { MemoryRouter } from 'react-router';
+import { beforeEach, describe, expect, it, vi } from 'vitest';
+
+/**
+ * The notification popover's accessibility contract. Before WP-16 it was a
+ * `<div>` with `<div onClick>` rows: nothing here was reachable or announced.
+ */
+
+const fetchNotifications = vi.fn();
+const markRead = vi.fn();
+const markAllRead = vi.fn();
+const dismiss = vi.fn();
+
+vi.mock('@/stores/notification-store', () => {
+  const state = {
+    notifications: [] as unknown[],
+    unreadCount: 0,
+    fetchNotifications: (...a: unknown[]) => fetchNotifications(...a),
+    markRead: (...a: unknown[]) => markRead(...a),
+    markAllRead: (...a: unknown[]) => markAllRead(...a),
+    dismiss: (...a: unknown[]) => dismiss(...a),
+  };
+  const useNotificationStore = (selector: (s: typeof state) => unknown) =>
+    selector(state);
+  useNotificationStore.setState = (patch: Partial<typeof state>) =>
+    Object.assign(state, patch);
+  return { useNotificationStore };
+});
+
+const { useNotificationStore } = await import('@/stores/notification-store');
+const { default: NotificationBell } = await import('./NotificationBell');
+
+type Store = { setState: (p: Record<string, unknown>) => void };
+const store = useNotificationStore as unknown as Store;
+
+const notification = (id: string, title: string, read = false) => ({
+  id,
+  title,
+  message: `${title} body`,
+  read,
+  createdAt: new Date().toISOString(),
+  data: {},
+});
+
+function renderBell() {
+  return render(
+    <MemoryRouter>
+      <NotificationBell />
+    </MemoryRouter>,
+  );
+}
+
+beforeEach(() => {
+  vi.clearAllMocks();
+  store.setState({ notifications: [], unreadCount: 0 });
+});
+
+describe('NotificationBell', () => {
+  it('names the trigger with the unread count and reports its popup state', async () => {
+    store.setState({ unreadCount: 3 });
+    renderBell();
+
+    const trigger = screen.getByRole('button', {
+      name: 'Notifications, 3 unread',
+    });
+    expect(trigger).toHaveAttribute('aria-haspopup', 'dialog');
+    expect(trigger).toHaveAttribute('aria-expanded', 'false');
+
+    await userEvent.click(trigger);
+
+    expect(trigger).toHaveAttribute('aria-expanded', 'true');
+    expect(fetchNotifications).toHaveBeenCalledTimes(1);
+  });
+
+  it('drops the count from the name when nothing is unread', () => {
+    renderBell();
+    expect(
+      screen.getByRole('button', { name: 'Notifications' }),
+    ).toBeInTheDocument();
+  });
+
+  it('opens a labelled dialog that the trigger controls', async () => {
+    renderBell();
+    const trigger = screen.getByRole('button', { name: 'Notifications' });
+
+    await userEvent.click(trigger);
+
+    const dialog = screen.getByRole('dialog', { name: 'Notifications' });
+    expect(trigger).toHaveAttribute('aria-controls', dialog.id);
+  });
+
+  it('renders each notification as a keyboard-reachable button, with its actions beside it', async () => {
+    store.setState({
+      notifications: [
+        notification('n1', 'Alice challenged you'),
+        notification('n2', 'Bob accepted', true),
+      ],
+      unreadCount: 1,
+    });
+    renderBell();
+    await userEvent.click(screen.getByRole('button', { name: /Notifications/ }));
+
+    const dialog = screen.getByRole('dialog');
+    const rows = within(dialog).getAllByRole('listitem');
+    expect(rows).toHaveLength(2);
+
+    // The row action is a button, and it is not wrapping the other buttons.
+    // The name is the row's full content (title, body, time) - what a sighted
+    // user sees - prefixed by the visually hidden unread marker. Anchored, so
+    // it cannot match the "Mark ... as read" / "Dismiss ..." siblings.
+    const rowButton = within(rows[0]).getByRole('button', {
+      name: /^Unread:\s*Alice challenged you/,
+    });
+    expect(rowButton.querySelector('button')).toBeNull();
+
+    // Per-row controls have real names, not just a tooltip.
+    expect(
+      within(rows[0]).getByRole('button', {
+        name: 'Mark "Alice challenged you" as read',
+      }),
+    ).toBeInTheDocument();
+    expect(
+      within(rows[0]).getByRole('button', {
+        name: 'Dismiss "Alice challenged you"',
+      }),
+    ).toBeInTheDocument();
+    // A read notification has no mark-read control and no "Unread" prefix.
+    expect(
+      within(rows[1]).queryByRole('button', { name: /Mark .* as read/ }),
+    ).toBeNull();
+    expect(
+      within(rows[1]).getByRole('button', { name: /^Bob accepted/ }),
+    ).toBeInTheDocument();
+  });
+
+  it('activates a row from the keyboard and marks it read', async () => {
+    store.setState({
+      notifications: [notification('n1', 'Alice challenged you')],
+      unreadCount: 1,
+    });
+    renderBell();
+    await userEvent.click(screen.getByRole('button', { name: /Notifications/ }));
+
+    const row = screen.getByRole('button', {
+      name: /^Unread:\s*Alice challenged you/,
+    });
+    row.focus();
+    await userEvent.keyboard('{Enter}');
+
+    expect(markRead).toHaveBeenCalledWith('n1');
+  });
+
+  it('closes on Escape and returns focus to the trigger', async () => {
+    renderBell();
+    const trigger = screen.getByRole('button', { name: 'Notifications' });
+    await userEvent.click(trigger);
+    expect(screen.getByRole('dialog')).toBeInTheDocument();
+
+    // Focus is somewhere inside the panel, as it would be after tabbing in.
+    screen.getByRole('button', { name: 'Close notifications' }).focus();
+    await userEvent.keyboard('{Escape}');
+
+    expect(screen.queryByRole('dialog')).toBeNull();
+    expect(trigger).toHaveAttribute('aria-expanded', 'false');
+    expect(trigger).toHaveFocus();
+  });
+
+  it('closes from its close button and returns focus to the trigger', async () => {
+    renderBell();
+    const trigger = screen.getByRole('button', { name: 'Notifications' });
+    await userEvent.click(trigger);
+
+    await userEvent.click(
+      screen.getByRole('button', { name: 'Close notifications' }),
+    );
+
+    expect(screen.queryByRole('dialog')).toBeNull();
+    expect(trigger).toHaveFocus();
+  });
+
+  it('exposes mark-all-read with a real name only while something is unread', async () => {
+    store.setState({
+      notifications: [notification('n1', 'Alice challenged you')],
+      unreadCount: 1,
+    });
+    renderBell();
+    await userEvent.click(screen.getByRole('button', { name: /Notifications/ }));
+
+    await userEvent.click(
+      screen.getByRole('button', { name: 'Mark all notifications as read' }),
+    );
+    expect(markAllRead).toHaveBeenCalledTimes(1);
+  });
+
+  it('hides the decorative badge and icons from assistive tech', async () => {
+    store.setState({ unreadCount: 5 });
+    renderBell();
+    const trigger = screen.getByRole('button', { name: /Notifications/ });
+    // The visual badge duplicates what the name already says.
+    expect(trigger.querySelector('span[aria-hidden="true"]')).toHaveTextContent(
+      '5',
+    );
+    expect(trigger.querySelector('svg')).toHaveAttribute('aria-hidden', 'true');
+  });
+});
diff --git a/src/components/layout/NotificationBell.tsx b/src/components/layout/NotificationBell.tsx
index c9b8026..93db9fa 100644
--- a/src/components/layout/NotificationBell.tsx
+++ b/src/components/layout/NotificationBell.tsx
@@ -1,4 +1,4 @@
-import { useEffect, useRef, useState } from 'react';
+import { useEffect, useId, useRef, useState } from 'react';
 import { useNavigate } from 'react-router';
 import { useNotificationStore } from '@/stores/notification-store';
 import { Bell, Check, CheckCheck, Trash2, X } from 'lucide-react';
@@ -15,9 +15,21 @@ function timeAgo(dateStr: string) {
   return `${days}d ago`;
 }
 
+/**
+ * The notification popover.
+ *
+ * This used to be a bare `<div>` with `<div onClick>` rows: no role, no
+ * `aria-expanded` on the trigger, nothing focusable, no Escape. A keyboard user
+ * could open it and then do nothing with it; a screen reader announced the
+ * bell and nothing about the count or the panel. It is now a non-modal dialog
+ * anchored to its trigger: the trigger reports state and count, Escape closes
+ * and returns focus, and each notification is a real button.
+ */
 export default function NotificationBell() {
   const [open, setOpen] = useState(false);
   const ref = useRef<HTMLDivElement>(null);
+  const triggerRef = useRef<HTMLButtonElement>(null);
+  const panelId = useId();
   const navigate = useNavigate();
   const notifications = useNotificationStore((s) => s.notifications);
   const unreadCount = useNotificationStore((s) => s.unreadCount);
@@ -26,17 +38,26 @@ export default function NotificationBell() {
   const markAllRead = useNotificationStore((s) => s.markAllRead);
   const dismiss = useNotificationStore((s) => s.dismiss);
 
-  // Close on outside click
+  // Close on outside click, and on Escape from anywhere inside.
   useEffect(() => {
+    if (!open) return;
     function handleClickOutside(e: MouseEvent) {
       if (ref.current && !ref.current.contains(e.target as Node)) {
         setOpen(false);
       }
     }
-    if (open) {
-      document.addEventListener('mousedown', handleClickOutside);
-      return () => document.removeEventListener('mousedown', handleClickOutside);
+    function handleKeyDown(e: KeyboardEvent) {
+      if (e.key === 'Escape') {
+        setOpen(false);
+        triggerRef.current?.focus();
+      }
     }
+    document.addEventListener('mousedown', handleClickOutside);
+    document.addEventListener('keydown', handleKeyDown);
+    return () => {
+      document.removeEventListener('mousedown', handleClickOutside);
+      document.removeEventListener('keydown', handleKeyDown);
+    };
   }, [open]);
 
   const handleToggle = () => {
@@ -46,6 +67,11 @@ export default function NotificationBell() {
     setOpen(!open);
   };
 
+  const close = () => {
+    setOpen(false);
+    triggerRef.current?.focus();
+  };
+
   const handleNotificationClick = (notification: (typeof notifications)[0]) => {
     if (!notification.read) {
       markRead(notification.id);
@@ -57,40 +83,62 @@ export default function NotificationBell() {
     }
   };
 
+  const triggerLabel =
+    unreadCount > 0
+      ? `Notifications, ${unreadCount} unread`
+      : 'Notifications';
+
   return (
     <div ref={ref} className="relative">
       <button
+        ref={triggerRef}
+        type="button"
         onClick={handleToggle}
         className="relative flex items-center justify-center rounded-md p-1.5 text-muted-foreground transition-colors hover:text-foreground"
-        aria-label="Notifications"
+        aria-label={triggerLabel}
+        aria-haspopup="dialog"
+        aria-expanded={open}
+        aria-controls={open ? panelId : undefined}
       >
-        <Bell className="h-4 w-4" />
+        <Bell className="h-4 w-4" aria-hidden="true" />
         {unreadCount > 0 && (
-          <span className="absolute -right-0.5 -top-0.5 flex h-4 min-w-4 items-center justify-center rounded-full bg-red-500 px-1 text-[10px] font-bold text-white">
+          <span
+            aria-hidden="true"
+            className="absolute -right-0.5 -top-0.5 flex h-4 min-w-4 items-center justify-center rounded-full bg-red-500 px-1 text-[10px] font-bold text-white"
+          >
             {unreadCount > 99 ? '99+' : unreadCount}
           </span>
         )}
       </button>
 
       {open && (
-        <div className="absolute right-0 top-full z-50 mt-2 w-80 rounded-lg border border-border bg-card shadow-lg">
+        <div
+          id={panelId}
+          role="dialog"
+          aria-label="Notifications"
+          className="absolute right-0 top-full z-50 mt-2 w-80 rounded-lg border border-border bg-card shadow-lg"
+        >
           <div className="flex items-center justify-between border-b border-border px-3 py-2">
             <span className="text-sm font-semibold">Notifications</span>
             <div className="flex items-center gap-1">
               {unreadCount > 0 && (
                 <button
+                  type="button"
                   onClick={markAllRead}
                   className="rounded p-1 text-xs text-muted-foreground hover:text-foreground"
                   title="Mark all read"
+                  aria-label="Mark all notifications as read"
                 >
-                  <CheckCheck className="h-3.5 w-3.5" />
+                  <CheckCheck className="h-3.5 w-3.5" aria-hidden="true" />
                 </button>
               )}
               <button
-                onClick={() => setOpen(false)}
+                type="button"
+                onClick={close}
                 className="rounded p-1 text-muted-foreground hover:text-foreground"
+                aria-label="Close notifications"
               >
-                <X className="h-3.5 w-3.5" />
+                <X className="h-3.5 w-3.5" aria-hidden="true" />
               </button>
             </div>
           </div>
@@ -101,55 +149,71 @@ export default function NotificationBell() {
                 No notifications
               </p>
             ) : (
-              notifications.map((n) => (
-                <div
-                  key={n.id}
-                  onClick={() => handleNotificationClick(n)}
-                  className={cn(
-                    'flex cursor-pointer items-start gap-2 border-b border-border px-3 py-2.5 transition-colors last:border-0 hover:bg-muted/50',
-                    !n.read && 'bg-primary/5',
-                  )}
-                >
-                  <div className="flex-1 min-w-0">
-                    <div className="flex items-center gap-1.5">
-                      {!n.read && (
-                        <span className="h-2 w-2 shrink-0 rounded-full bg-primary" />
-                      )}
-                      <p className="truncate text-sm font-medium">{n.title}</p>
-                    </div>
-                    <p className="mt-0.5 text-xs text-muted-foreground line-clamp-2">
-                      {n.message}
-                    </p>
-                    <p className="mt-1 text-[10px] text-muted-foreground">
-                      {timeAgo(n.createdAt)}
-                    </p>
-                  </div>
-                  <div className="flex shrink-0 items-center gap-0.5">
-                    {!n.read && (
-                      <button
-                        onClick={(e) => {
-                          e.stopPropagation();
-                          markRead(n.id);
-                        }}
-                        className="rounded p-1 text-muted-foreground hover:text-foreground"
-                        title="Mark as read"
-                      >
-                        <Check className="h-3 w-3" />
-                      </button>
+              <ul className="m-0 list-none p-0">
+                {notifications.map((n) => (
+                  <li
+                    key={n.id}
+                    className={cn(
+                      'flex items-start gap-2 border-b border-border px-3 py-2.5 transition-colors last:border-0 hover:bg-muted/50',
+                      !n.read && 'bg-primary/5',
                     )}
+                  >
+                    {/* The row's action is a button so it is reachable and
+                        activatable from the keyboard. The per-row controls sit
+                        beside it rather than inside it - a button inside a
+                        button is invalid HTML and unreliable in every screen
+                        reader. */}
                     <button
-                      onClick={(e) => {
-                        e.stopPropagation();
-                        dismiss(n.id);
-                      }}
-                      className="rounded p-1 text-muted-foreground hover:text-destructive"
-                      title="Dismiss"
+                      type="button"
+                      onClick={() => handleNotificationClick(n)}
+                      className="min-w-0 flex-1 rounded text-left focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
                     >
-                      <Trash2 className="h-3 w-3" />
+                      <span className="flex items-center gap-1.5">
+                        {!n.read && (
+                          <>
+                            <span
+                              aria-hidden="true"
+                              className="h-2 w-2 shrink-0 rounded-full bg-primary"
+                            />
+                            <span className="sr-only">Unread: </span>
+                          </>
+                        )}
+                        <span className="truncate text-sm font-medium">
+                          {n.title}
+                        </span>
+                      </span>
+                      <span className="mt-0.5 block text-xs text-muted-foreground line-clamp-2">
+                        {n.message}
+                      </span>
+                      <span className="mt-1 block text-[10px] text-muted-foreground">
+                        {timeAgo(n.createdAt)}
+                      </span>
                     </button>
-                  </div>
-                </div>
-              ))
+                    <div className="flex shrink-0 items-center gap-0.5">
+                      {!n.read && (
+                        <button
+                          type="button"
+                          onClick={() => markRead(n.id)}
+                          className="rounded p-1 text-muted-foreground hover:text-foreground"
+                          title="Mark as read"
+                          aria-label={`Mark "${n.title}" as read`}
+                        >
+                          <Check className="h-3 w-3" aria-hidden="true" />
+                        </button>
+                      )}
+                      <button
+                        type="button"
+                        onClick={() => dismiss(n.id)}
+                        className="rounded p-1 text-muted-foreground hover:text-destructive"
+                        title="Dismiss"
+                        aria-label={`Dismiss "${n.title}"`}
+                      >
+                        <Trash2 className="h-3 w-3" aria-hidden="true" />
+                      </button>
+                    </div>
+                  </li>
+                ))}
+              </ul>
             )}
           </div>
         </div>
diff --git a/src/components/layout/PageLayout.tsx b/src/components/layout/PageLayout.tsx
index f03eaa2..086d440 100644
--- a/src/components/layout/PageLayout.tsx
+++ b/src/components/layout/PageLayout.tsx
@@ -42,6 +42,14 @@ export default function PageLayout({
       "flex flex-col bg-gradient-to-b from-background to-background/95",
       noPadding ? "h-[100dvh] overflow-hidden" : "min-h-screen",
     )}>
+      {/* Visually hidden until focused, so keyboard and screen-reader users can
+          jump past the header on every page instead of tabbing through it. */}
+      <a
+        href="#main-content"
+        className="sr-only focus:not-sr-only focus:fixed focus:left-4 focus:top-4 focus:z-[60] focus:rounded-md focus:bg-primary focus:px-4 focus:py-2 focus:text-primary-foreground focus:outline-none focus:ring-2 focus:ring-ring"
+      >
+        Skip to content
+      </a>
       <header
         className={cn(
           "border-b border-border bg-card/80 backdrop-blur-sm",
@@ -197,7 +205,11 @@ export default function PageLayout({
           </div>
         </div>
       </header>
-      <main className={cn("mx-auto w-full max-w-4xl flex-1", noPadding ? "overflow-hidden" : "px-4 py-6")} role="main">
+      <main
+        id="main-content"
+        tabIndex={-1}
+        className={cn("mx-auto w-full max-w-4xl flex-1 outline-none", noPadding ? "overflow-hidden" : "px-4 py-6")}
+      >
         {children}
       </main>
     </div>
diff --git a/src/index.css b/src/index.css
index 4d42f4e..d14a580 100644
--- a/src/index.css
+++ b/src/index.css
@@ -188,3 +188,22 @@
     cursor: pointer;
   }
 }
+
+/*
+ * Reduced motion. When the OS-level preference is set, every animation and
+ * transition in the app collapses to effectively instant - Tailwind's own
+ * utilities, the custom keyframes above, and anything added later. A single
+ * rule here is more reliable than remembering a motion-reduce: variant on each
+ * animated element. The confetti overlay additionally does not render at all,
+ * since a still frame of it has no meaning.
+ */
+@media (prefers-reduced-motion: reduce) {
+  *,
+  *::before,
+  *::after {
+    animation-duration: 0.01ms !important;
+    animation-iteration-count: 1 !important;
+    transition-duration: 0.01ms !important;
+    scroll-behavior: auto !important;
+  }
+}
diff --git a/src/pages/AddFriend.tsx b/src/pages/AddFriend.tsx
index a047e0e..d86f626 100644
--- a/src/pages/AddFriend.tsx
+++ b/src/pages/AddFriend.tsx
@@ -60,7 +60,7 @@ export default function AddFriend() {
       <div className="space-y-6">
         <div className="flex items-center gap-3">
           <Link to="/friends">
-            <Button variant="ghost" size="sm">
+            <Button variant="ghost" size="sm" aria-label="Back to friends">
               <ArrowLeft className="h-4 w-4" />
             </Button>
           </Link>
@@ -68,13 +68,17 @@ export default function AddFriend() {
         </div>
 
         <div className="relative">
-          <Search className="absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" />
+          <Search
+            className="absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground"
+            aria-hidden="true"
+          />
           <Input
+            type="search"
+            aria-label="Search by username"
             placeholder="Search by username..."
             value={query}
             onChange={(e) => setQuery(e.target.value)}
             className="pl-9"
-            autoFocus
           />
         </div>
 
diff --git a/src/pages/Admin.tsx b/src/pages/Admin.tsx
index 3b96ce1..1a8aa52 100644
--- a/src/pages/Admin.tsx
+++ b/src/pages/Admin.tsx
@@ -348,10 +348,11 @@ function GenerateChallengeSection() {
       </h2>
       <div className="flex flex-wrap items-end gap-3">
         <div>
-          <label className="mb-1 block text-sm text-muted-foreground">
+          <label htmlFor="admin-challenge-date" className="mb-1 block text-sm text-muted-foreground">
             Date
           </label>
           <Input
+            id="admin-challenge-date"
             type="date"
             value={date}
             onChange={(e) => setDate(e.target.value)}
@@ -359,10 +360,11 @@ function GenerateChallengeSection() {
           />
         </div>
         <div>
-          <label className="mb-1 block text-sm text-muted-foreground">
+          <label htmlFor="admin-challenge-difficulty" className="mb-1 block text-sm text-muted-foreground">
             Difficulty
           </label>
           <select
+            id="admin-challenge-difficulty"
             value={difficulty}
             onChange={(e) => setDifficulty(e.target.value)}
             className="h-9 rounded-md border border-border bg-background px-3 text-sm"
diff --git a/src/pages/Chat.tsx b/src/pages/Chat.tsx
index a9e907a..66c7858 100644
--- a/src/pages/Chat.tsx
+++ b/src/pages/Chat.tsx
@@ -158,7 +158,7 @@ export default function Chat() {
         {/* Chat header */}
         <div className="flex shrink-0 items-center gap-3 border-b border-border bg-background px-4 py-3">
           <Link to="/friends">
-            <Button variant="ghost" size="sm">
+            <Button variant="ghost" size="sm" aria-label="Back to friends">
               <ArrowLeft className="h-4 w-4" />
             </Button>
           </Link>
@@ -221,6 +221,7 @@ export default function Chat() {
         {/* Input */}
         <form onSubmit={handleSend} className="flex shrink-0 gap-2 border-t border-border bg-background px-4 py-3">
           <Input
+            aria-label="Message"
             placeholder="Type a message..."
             value={input}
             onChange={(e) => {
@@ -232,7 +233,7 @@ export default function Chat() {
             }}
             className="flex-1"
           />
-          <Button type="submit" size="sm" disabled={!input.trim() || sending}>
+          <Button type="submit" size="sm" disabled={!input.trim() || sending} aria-label="Send message">
             <Send className="h-4 w-4" />
           </Button>
         </form>
diff --git a/src/pages/CustomGame.tsx b/src/pages/CustomGame.tsx
index 7e851f2..7a43938 100644
--- a/src/pages/CustomGame.tsx
+++ b/src/pages/CustomGame.tsx
@@ -76,8 +76,8 @@ export default function CustomGame() {
         </div>
 
         <div className="space-y-4">
-          <div className="space-y-2">
-            <label className="text-sm font-medium">Movie A</label>
+          <div className="space-y-2" role="group" aria-labelledby="custom-game-movie-a-label">
+            <span id="custom-game-movie-a-label" className="text-sm font-medium">Movie A</span>
             {movieA ? (
               <div className="flex items-center gap-3 rounded-lg border border-border bg-card p-3">
                 {movieA.posterPath && (
@@ -111,8 +111,8 @@ export default function CustomGame() {
             )}
           </div>
 
-          <div className="space-y-2">
-            <label className="text-sm font-medium">Movie B</label>
+          <div className="space-y-2" role="group" aria-labelledby="custom-game-movie-b-label">
+            <span id="custom-game-movie-b-label" className="text-sm font-medium">Movie B</span>
             {movieB ? (
               <div className="flex items-center gap-3 rounded-lg border border-border bg-card p-3">
                 {movieB.posterPath && (
diff --git a/src/pages/Friends.tsx b/src/pages/Friends.tsx
index 5858020..eb64ab1 100644
--- a/src/pages/Friends.tsx
+++ b/src/pages/Friends.tsx
@@ -3,6 +3,14 @@ import { Link, useNavigate } from 'react-router';
 import PageLayout from '@/components/layout/PageLayout';
 import { Button } from '@/components/ui/button';
 import { Card, CardContent } from '@/components/ui/card';
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+} from '@/components/ui/dialog';
 import { useAuthStore } from '@/stores/auth-store';
 import { useFriendsStore } from '@/stores/friends-store';
 import { useNotificationStore } from '@/stores/notification-store';
@@ -170,7 +178,13 @@ export default function Friends() {
                           {(friend.displayName || friend.username)[0].toUpperCase()}
                         </div>
                         {onlineFriendIds.has(friend.id) && (
-                          <div className="absolute bottom-0 right-0 h-3 w-3 rounded-full border-2 border-card bg-green-500" />
+                          <>
+                            <div
+                              aria-hidden="true"
+                              className="absolute bottom-0 right-0 h-3 w-3 rounded-full border-2 border-card bg-green-500"
+                            />
+                            <span className="sr-only">Online</span>
+                          </>
                         )}
                       </div>
                       <div>
@@ -263,68 +277,86 @@ export default function Friends() {
           </div>
         )}
 
-        {/* Challenge Dialog */}
-        {challengeDialog && (
-          <div className="fixed inset-0 z-50 flex items-center justify-center bg-black/50">
-            <Card className="w-full max-w-sm mx-4">
-              <CardContent className="space-y-4 pt-6">
-                <h3 className="text-lg font-semibold">Challenge Friend</h3>
+        {/* Challenge Dialog. Was a fixed <div> with no role, no focus trap and
+            no Escape handling, so keyboard focus tabbed straight through it into
+            the page behind. The Dialog primitive provides all of that. */}
+        <Dialog
+          open={challengeDialog !== null}
+          onOpenChange={(open) => {
+            if (!open) setChallengeDialog(null);
+          }}
+        >
+          <DialogContent className="sm:max-w-sm" showCloseButton={false}>
+            <DialogHeader>
+              <DialogTitle>Challenge Friend</DialogTitle>
+              <DialogDescription>
+                Pick a difficulty and how the match is played.
+              </DialogDescription>
+            </DialogHeader>
 
-                <div>
-                  <label className="text-sm font-medium">Difficulty</label>
-                  <div className="mt-1 flex gap-2">
-                    {['easy', 'medium', 'hard'].map((d) => (
-                      <Button
-                        key={d}
-                        variant={challengeDifficulty === d ? 'default' : 'outline'}
-                        size="sm"
-                        onClick={() => setChallengeDifficulty(d)}
-                        className="flex-1 capitalize"
-                      >
-                        {d}
-                      </Button>
-                    ))}
-                  </div>
-                </div>
-
-                <div className="flex items-center gap-2">
-                  <input
-                    type="checkbox"
-                    id="async-challenge"
-                    checked={challengeAsync}
-                    onChange={(e) => setChallengeAsync(e.target.checked)}
-                    className="rounded"
-                  />
-                  <label htmlFor="async-challenge" className="text-sm">
-                    Async (play at their own pace)
-                  </label>
-                </div>
-
-                <div className="flex gap-2">
+            <div>
+              <span
+                id="challenge-difficulty-label"
+                className="text-sm font-medium"
+              >
+                Difficulty
+              </span>
+              <div
+                role="group"
+                aria-labelledby="challenge-difficulty-label"
+                className="mt-1 flex gap-2"
+              >
+                {['easy', 'medium', 'hard'].map((d) => (
                   <Button
-                    variant="outline"
-                    className="flex-1"
-                    onClick={() => setChallengeDialog(null)}
+                    key={d}
+                    variant={challengeDifficulty === d ? 'default' : 'outline'}
+                    size="sm"
+                    onClick={() => setChallengeDifficulty(d)}
+                    className="flex-1 capitalize"
+                    aria-pressed={challengeDifficulty === d}
                   >
-                    Cancel
+                    {d}
                   </Button>
-                  <Button
-                    className="flex-1"
-                    onClick={handleChallenge}
-                    disabled={sending}
-                  >
-                    {sending ? (
-                      <Loader2 className="mr-2 h-4 w-4 animate-spin" />
-                    ) : (
-                      <Swords className="mr-2 h-4 w-4" />
-                    )}
-                    Send Challenge
-                  </Button>
-                </div>
-              </CardContent>
-            </Card>
-          </div>
-        )}
+                ))}
+              </div>
+            </div>
+
+            <div className="flex items-center gap-2">
+              <input
+                type="checkbox"
+                id="async-challenge"
+                checked={challengeAsync}
+                onChange={(e) => setChallengeAsync(e.target.checked)}
+                className="rounded"
+              />
+              <label htmlFor="async-challenge" className="text-sm">
+                Async (play at their own pace)
+              </label>
+            </div>
+
+            <DialogFooter className="flex gap-2 sm:flex-row">
+              <Button
+                variant="outline"
+                className="flex-1"
+                onClick={() => setChallengeDialog(null)}
+              >
+                Cancel
+              </Button>
+              <Button
+                className="flex-1"
+                onClick={handleChallenge}
+                disabled={sending}
+              >
+                {sending ? (
+                  <Loader2 className="mr-2 h-4 w-4 animate-spin" aria-hidden="true" />
+                ) : (
+                  <Swords className="mr-2 h-4 w-4" aria-hidden="true" />
+                )}
+                Send Challenge
+              </Button>
+            </DialogFooter>
+          </DialogContent>
+        </Dialog>
       </div>
     </PageLayout>
   );
diff --git a/src/pages/GameNight.tsx b/src/pages/GameNight.tsx
index b31d464..41c8c22 100644
--- a/src/pages/GameNight.tsx
+++ b/src/pages/GameNight.tsx
@@ -272,7 +272,11 @@ export default function GameNight() {
                     <p className="text-sm font-medium">
                       This room requires a password
                     </p>
+                    <label htmlFor="game-night-join-password" className="sr-only">
+                      Room password
+                    </label>
                     <input
+                      id="game-night-join-password"
                       type="password"
                       value={joinPassword}
                       onChange={(e) => setJoinPassword(e.target.value)}
@@ -303,8 +307,8 @@ export default function GameNight() {
               <div className="space-y-4">
                 <h2 className="text-lg font-semibold">Create Room</h2>
 
-                <div className="space-y-2">
-                  <label className="text-sm font-medium">Movie A</label>
+                <div className="space-y-2" role="group" aria-labelledby="game-night-movie-a-label">
+                  <span id="game-night-movie-a-label" className="text-sm font-medium">Movie A</span>
                   {movieA ? (
                     <div className="flex items-center gap-3 rounded-lg border border-border bg-card p-3">
                       {movieA.posterPath && (
@@ -338,8 +342,8 @@ export default function GameNight() {
                   )}
                 </div>
 
-                <div className="space-y-2">
-                  <label className="text-sm font-medium">Movie B</label>
+                <div className="space-y-2" role="group" aria-labelledby="game-night-movie-b-label">
+                  <span id="game-night-movie-b-label" className="text-sm font-medium">Movie B</span>
                   {movieB ? (
                     <div className="flex items-center gap-3 rounded-lg border border-border bg-card p-3">
                       {movieB.posterPath && (
@@ -382,10 +386,11 @@ export default function GameNight() {
                 <Separator />
 
                 <div className="space-y-2">
-                  <label className="text-sm font-medium">
+                  <label htmlFor="game-night-room-name" className="text-sm font-medium">
                     Room Name (optional)
                   </label>
                   <input
+                    id="game-night-room-name"
                     type="text"
                     value={roomName}
                     onChange={(e) => setRoomName(e.target.value)}
@@ -396,10 +401,11 @@ export default function GameNight() {
                 </div>
 
                 <div className="space-y-2">
-                  <label className="text-sm font-medium">
+                  <label htmlFor="game-night-room-password" className="text-sm font-medium">
                     Password (optional)
                   </label>
                   <input
+                    id="game-night-room-password"
                     type="password"
                     value={password}
                     onChange={(e) => setPassword(e.target.value)}
@@ -410,8 +416,9 @@ export default function GameNight() {
                 </div>
 
                 <div className="flex items-center gap-3">
-                  <label className="text-sm font-medium">I want to play</label>
+                  <label htmlFor="game-night-host-playing" className="text-sm font-medium">I want to play</label>
                   <button
+                    id="game-night-host-playing"
                     type="button"
                     role="switch"
                     aria-checked={hostPlaying}
@@ -432,10 +439,11 @@ export default function GameNight() {
                 </div>
 
                 <div className="space-y-2">
-                  <label className="text-sm font-medium">
+                  <label htmlFor="game-night-max-players" className="text-sm font-medium">
                     Max Players: {maxPlayers}
                   </label>
                   <input
+                    id="game-night-max-players"
                     type="range"
                     min={2}
                     max={16}
@@ -446,8 +454,8 @@ export default function GameNight() {
                 </div>
 
                 <div className="space-y-2">
-                  <label className="text-sm font-medium">Time Limit</label>
-                  <div className="flex flex-wrap gap-2">
+                  <span id="game-night-time-limit-label" className="text-sm font-medium">Time Limit</span>
+                  <div className="flex flex-wrap gap-2" role="group" aria-labelledby="game-night-time-limit-label">
                     {[null, 5, 10, 15, 30].map((mins) => (
                       <Button
                         key={mins ?? 'none'}
diff --git a/src/pages/GameNightLobby.tsx b/src/pages/GameNightLobby.tsx
index 6c47f1d..d235519 100644
--- a/src/pages/GameNightLobby.tsx
+++ b/src/pages/GameNightLobby.tsx
@@ -119,8 +119,16 @@ export default function GameNightLobby() {
       <div className="flex min-h-[60vh] flex-col items-center justify-center space-y-8">
         {/* Countdown overlay */}
         {lobbyState === 'countdown' && countdownValue !== null && (
-          <div className="text-center">
-            <div className="animate-pulse text-8xl font-black text-primary">
+          <div
+            className="text-center"
+            role="timer"
+            aria-live="assertive"
+            aria-atomic="true"
+          >
+            {/* A 3-2-1 that launches the game is time-critical, so it is
+                announced assertively; without this a screen-reader user was
+                dropped into a running match with no warning. */}
+            <div className="animate-pulse text-8xl font-black text-primary motion-reduce:animate-none">
               {countdownValue}
             </div>
             <p className="mt-4 text-lg text-muted-foreground">Get ready...</p>
diff --git a/src/pages/Leaderboard.tsx b/src/pages/Leaderboard.tsx
index be4baab..bfd9772 100644
--- a/src/pages/Leaderboard.tsx
+++ b/src/pages/Leaderboard.tsx
@@ -188,6 +188,7 @@ export default function Leaderboard() {
                   size="sm"
                   disabled={page === 1}
                   onClick={() => setPage(page - 1)}
+                  aria-label="Previous page"
                 >
                   <ChevronLeft className="h-4 w-4" />
                 </Button>
@@ -199,6 +200,7 @@ export default function Leaderboard() {
                   size="sm"
                   disabled={page === data.totalPages}
                   onClick={() => setPage(page + 1)}
+                  aria-label="Next page"
                 >
                   <ChevronRight className="h-4 w-4" />
                 </Button>
diff --git a/src/pages/Login.tsx b/src/pages/Login.tsx
index e59f9b3..220d16a 100644
--- a/src/pages/Login.tsx
+++ b/src/pages/Login.tsx
@@ -50,8 +50,9 @@ export default function Login() {
 
         <form onSubmit={handleSubmit} className="space-y-4">
           <div>
-            <label className="mb-1 block text-sm font-medium">Email</label>
+            <label htmlFor="login-email" className="mb-1 block text-sm font-medium">Email</label>
             <Input
+              id="login-email"
               type="email"
               value={email}
               onChange={(e) => setEmail(e.target.value)}
@@ -62,8 +63,9 @@ export default function Login() {
 
           {isRegister && (
             <div>
-              <label className="mb-1 block text-sm font-medium">Username</label>
+              <label htmlFor="login-username" className="mb-1 block text-sm font-medium">Username</label>
               <Input
+                id="login-username"
                 type="text"
                 value={username}
                 onChange={(e) => setUsername(e.target.value)}
@@ -76,8 +78,9 @@ export default function Login() {
           )}
 
           <div>
-            <label className="mb-1 block text-sm font-medium">Password</label>
+            <label htmlFor="login-password" className="mb-1 block text-sm font-medium">Password</label>
             <Input
+              id="login-password"
               type="password"
               value={password}
               onChange={(e) => setPassword(e.target.value)}
@@ -89,10 +92,11 @@ export default function Login() {
 
           {isRegister && (
             <div>
-              <label className="mb-1 block text-sm font-medium">
+              <label htmlFor="login-confirm-password" className="mb-1 block text-sm font-medium">
                 Confirm Password
               </label>
               <Input
+                id="login-confirm-password"
                 type="password"
                 value={confirmPassword}
                 onChange={(e) => setConfirmPassword(e.target.value)}
diff --git a/src/pages/Profile.tsx b/src/pages/Profile.tsx
index 59dd779..21c7ade 100644
--- a/src/pages/Profile.tsx
+++ b/src/pages/Profile.tsx
@@ -146,16 +146,20 @@ export default function Profile() {
             <div>
               {editing ? (
                 <div className="flex items-center gap-2">
+                  <label htmlFor="profile-display-name" className="sr-only">
+                    Display name
+                  </label>
                   <Input
+                    id="profile-display-name"
                     value={displayName}
                     onChange={(e) => setDisplayName(e.target.value)}
                     placeholder="Display name"
                     className="h-8 w-40"
                   />
-                  <Button variant="ghost" size="sm" onClick={handleSaveProfile}>
+                  <Button variant="ghost" size="sm" onClick={handleSaveProfile} aria-label="Save display name">
                     <Check className="h-4 w-4" />
                   </Button>
-                  <Button variant="ghost" size="sm" onClick={() => setEditing(false)}>
+                  <Button variant="ghost" size="sm" onClick={() => setEditing(false)} aria-label="Cancel editing display name">
                     <X className="h-4 w-4" />
                   </Button>
                 </div>
@@ -204,20 +208,32 @@ export default function Profile() {
           ) : (
             <div className="rounded-lg border border-border bg-card p-4 space-y-3">
               <h3 className="text-sm font-semibold">Change Password</h3>
+              <label htmlFor="profile-current-password" className="sr-only">
+                Current password
+              </label>
               <Input
+                id="profile-current-password"
                 type="password"
                 placeholder="Current password"
                 value={currentPassword}
                 onChange={(e) => setCurrentPassword(e.target.value)}
               />
+              <label htmlFor="profile-new-password" className="sr-only">
+                New password
+              </label>
               <Input
+                id="profile-new-password"
                 type="password"
                 placeholder="New password (min 8 characters)"
                 value={newPassword}
                 onChange={(e) => setNewPassword(e.target.value)}
                 minLength={8}
               />
+              <label htmlFor="profile-confirm-new-password" className="sr-only">
+                Confirm new password
+              </label>
               <Input
+                id="profile-confirm-new-password"
                 type="password"
                 placeholder="Confirm new password"
                 value={confirmNewPassword}
diff --git a/src/pages/Versus.tsx b/src/pages/Versus.tsx
index 0bcbc78..e8c3e4b 100644
--- a/src/pages/Versus.tsx
+++ b/src/pages/Versus.tsx
@@ -245,6 +245,7 @@ export default function Versus() {
           </div>
           <div className="mb-4 grid grid-cols-2 gap-3">
             <Input
+              aria-label="Lobby name (optional)"
               placeholder="Lobby name (optional)"
               value={lobbyName}
               onChange={(e) => setLobbyName(e.target.value)}
@@ -252,6 +253,7 @@ export default function Versus() {
             />
             <Input
               type="password"
+              aria-label="Lobby password (optional)"
               placeholder="Password (optional)"
               value={password}
               onChange={(e) => setPassword(e.target.value)}
@@ -359,6 +361,7 @@ export default function Versus() {
                           variant="destructive"
                           onClick={() => handleCancel(match.id)}
                           disabled={cancelling === match.id}
+                          aria-label={`Cancel ${match.lobbyName || 'match'}`}
                         >
                           {cancelling === match.id ? (
                             <Loader2 className="h-4 w-4 animate-spin" />
@@ -483,6 +486,7 @@ export default function Versus() {
                       size="sm"
                       onClick={() => handleChallenge(match.id, match)}
                       disabled={joining === match.id}
+                      aria-label={`Challenge ${match.lobbyName || `${match.player1?.username ?? 'Unknown'}'s match`}`}
                     >
                       {joining === match.id ? (
                         <Loader2 className="h-4 w-4 animate-spin" />
@@ -495,6 +499,7 @@ export default function Versus() {
                       size="sm"
                       onClick={() => handleJoin(match.id, match)}
                       disabled={joining === match.id}
+                      aria-label={`Join ${match.lobbyName || `${match.player1?.username ?? 'Unknown'}'s match`}`}
                     >
                       {joining === match.id ? (
                         <Loader2 className="h-4 w-4 animate-spin" />
@@ -524,6 +529,7 @@ export default function Versus() {
           <div className="space-y-4">
             <Input
               type="password"
+              aria-label="Match password"
               placeholder="Match password"
               value={joinPassword}
               onChange={(e) => {
@@ -539,6 +545,7 @@ export default function Versus() {
               className="w-full"
               onClick={handlePasswordSubmit}
               disabled={!joinPassword || joining === passwordPromptMatch?.id}
+              aria-label={passwordPromptAction === 'challenge' ? 'Start Challenge' : 'Join Match'}
             >
               {joining === passwordPromptMatch?.id ? (
                 <Loader2 className="h-4 w-4 animate-spin" />
diff --git a/src/pages/VersusLobby.tsx b/src/pages/VersusLobby.tsx
index 21e77fc..fefea99 100644
--- a/src/pages/VersusLobby.tsx
+++ b/src/pages/VersusLobby.tsx
@@ -111,8 +111,16 @@ export default function VersusLobby() {
       <div className="flex min-h-[60vh] flex-col items-center justify-center space-y-8">
         {/* Countdown overlay */}
         {lobbyState === 'countdown' && countdownValue !== null && (
-          <div className="text-center">
-            <div className="animate-pulse text-8xl font-black text-primary">
+          <div
+            className="text-center"
+            role="timer"
+            aria-live="assertive"
+            aria-atomic="true"
+          >
+            {/* A 3-2-1 that launches the game is time-critical, so it is
+                announced assertively; without this a screen-reader user was
+                dropped into a running match with no warning. */}
+            <div className="animate-pulse text-8xl font-black text-primary motion-reduce:animate-none">
               {countdownValue}
             </div>
             <p className="mt-4 text-lg text-muted-foreground">Get ready...</p>