diff --git a/AGENTS.md b/AGENTS.md
index 3088260..bd10ac7 100644
--- a/AGENTS.md
+++ b/AGENTS.md
@@ -27,6 +27,7 @@ a Chart.js growth chart with projections, and a prompt/PR quality scoring sectio
 ├── milestones-data.js      ← AUTO-GENERATED from milestones.yaml — do not edit
 ├── project-stats-data.js   ← AUTO-GENERATED from project-stats.yaml — do not edit
 ├── project-stats.yaml      ← Edit this to update footer PR count + token total
+├── CLAUDE.md               ← symlink → AGENTS.md (read by Claude AI agents)
 ├── package.json            ← version, Jest config & devDependencies (no runtime deps)
 ├── release-please-config.json      ← release-please release automation config
 ├── .release-please-manifest.json  ← release-please version manifest
@@ -173,6 +174,15 @@ Edit the relevant file in `src/js/` (see the repository layout for which file co
 ### Changing the visual theme
 Edit `styles/variables.css` for colour tokens, or the relevant component file in `styles/` for layout. CSS custom properties for colours live in `:root[data-theme="dark"]` and `:root[data-theme="light"]` inside `styles/variables.css`. The theme toggle is managed by `applyTheme()` in `src/js/01-theme.js`. After any CSS change, run `npm run build:css` to regenerate `styles.css`.
 
+### Running a full build
+The `npm run build` convenience script runs all five build steps in sequence:
+
+```bash
+npm run build   # equivalent to: build:milestones + build:changelog + build:project-stats + build:js + build:css
+```
+
+This is useful when multiple YAML/source changes need to be batched in one step.
+
 ### Deployment
 Merging to `main` triggers the `deploy.yml` workflow automatically. It pushes the static site to the `gh-pages` branch (root).
 
@@ -207,6 +217,44 @@ Every pull request automatically gets a live preview URL:
 
 ---
 
+## Build System & Bundler
+
+The build pipeline uses **esbuild** (`devDependency`) to minify the concatenated JS and
+CSS output.  The two-stage process is:
+
+1. **Concatenate** — `scripts/build-js.js` (or `build-css.js`) assembles source files
+   into a single string in memory.
+2. **Minify** — esbuild's synchronous `transformSync()` API minifies the string and
+   writes the final file.
+
+Measured savings on the current codebase:
+
+| File | Before | After | Saving |
+|------|--------|-------|--------|
+| `script.js` | ~140 KB | ~74 KB | ~47% |
+| `styles.css` | ~86 KB | ~66 KB | ~23% |
+
+**Why esbuild and not webpack/rollup/parcel/vite?**
+
+- The site uses an IIFE/globals architecture (no ES modules), so true tree-shaking does
+  not apply.
+- esbuild handles both JS and CSS minification with a single devDependency.
+- It requires zero configuration files.
+- Build times are in the low-millisecond range.
+
+**Why the root-level JS files stay at root:**
+
+GitHub Pages publishes from `publish_dir: .` in the deploy workflow.  Moving the
+generated runtime files (`script.js`, `death-clock-core.js`, `*-data.js`, etc.) to a
+`dist/` subdirectory would require updating all `<script src="">` references in
+`index.html` and the `exclude_assets` list in the deploy workflow.  This is a valid
+future refactor, but the current layout keeps things simple.
+
+**CLAUDE.md symlink:** `CLAUDE.md` is a symlink to `AGENTS.md`.  Both files are read
+by Claude-family agents; keeping a single source avoids drift between the two.
+
+---
+
 ## GitHub Actions Pinning
 
 All `uses:` references in `.github/workflows/` **must** be pinned to a full commit SHA, with the exact semver tag as an inline comment:
diff --git a/CLAUDE.md b/CLAUDE.md
new file mode 120000
index 0000000..47dc3e3
--- /dev/null
+++ b/CLAUDE.md
@@ -0,0 +1 @@
+AGENTS.md
\ No newline at end of file
diff --git a/docs/prd/README.md b/docs/prd/README.md
index c88e3fa..21c7146 100644
--- a/docs/prd/README.md
+++ b/docs/prd/README.md
@@ -3,6 +3,12 @@
 This document indexes all product requirement documents for new visitor-facing features
 aimed at increasing amusement, engagement, and social sharing.
 
+## Infrastructure PRDs
+
+| PRD | File | Summary | Status |
+|-----|------|---------|--------|
+| Bundler & Build Optimisation | `bundler.md` | Minify JS/CSS with esbuild; ~47% JS / ~23% CSS savings | ✅ Implemented |
+
 ## Phase 1 — Completed Features
 
 | PRD | File | Summary | Shareability | Effort |
diff --git a/docs/prd/bundler.md b/docs/prd/bundler.md
new file mode 100644
index 0000000..2fc7d7d
--- /dev/null
+++ b/docs/prd/bundler.md
@@ -0,0 +1,146 @@
+# PRD — Bundler & Build Optimisation
+
+## Background
+
+Token Deathclock is a static GitHub Pages site. Its browser-facing assets are
+assembled from multiple source files using hand-rolled Node.js concatenation scripts
+(`scripts/build-js.js`, `scripts/build-css.js`). The generated files are served
+unminified:
+
+| File | Unminified size |
+|------|----------------|
+| `script.js` | ~140 KB |
+| `death-clock-core.js` | ~35 KB |
+| `styles.css` | ~86 KB |
+
+Total uncompressed payload: **~261 KB** of first-party assets.
+
+Minification is the single highest-impact optimisation available for a zero-backend,
+purely static site — it does not require restructuring source files or introducing a
+module system.
+
+---
+
+## Goal
+
+Reduce the size of shipped browser assets by adding a minification step to the
+existing build pipeline, with minimal change to the source layout.
+
+---
+
+## Options Considered
+
+### 1. esbuild
+
+- Written in Go; fastest bundler/minifier available (~100× faster than webpack).
+- Single devDependency, zero runtime dependencies.
+- Handles JS + CSS minification in one tool.
+- No configuration file required — usable purely as a Node.js API call.
+- Produces correct output for IIFE-wrapped classic scripts (no module-format
+  conversion needed).
+
+### 2. Rollup + @rollup/plugin-terser
+
+- Excellent for ES-module libraries with tree-shaking.
+- Requires converting source files to use `export`/`import` statements — significant
+  restructuring for no additional gain since all code is already included.
+- Slower than esbuild; more configuration overhead.
+
+### 3. Webpack
+
+- Industry-standard but heavyweight for this use case.
+- Complex configuration; built for large SPA projects.
+- Overkill for a static site with a few concatenated files.
+- Significantly slower cold-build times.
+
+### 4. Parcel
+
+- Zero-config bundler with automatic asset discovery.
+- Rewrites HTML, script tags, and asset paths — incompatible with the current
+  GitHub Pages static layout without restructuring.
+- Harder to integrate into the existing custom build scripts.
+
+### 5. Vite
+
+- Modern DX-focused build tool; primarily aimed at dev-server + SPA builds.
+- Requires ES-module source format.
+- Would need significant restructuring of the IIFE/globals architecture.
+
+### 6. Terser (JS) + csso / clean-css (CSS)
+
+- Mature, widely-used standalone minifiers.
+- Requires two separate devDependencies.
+- Slower than esbuild; no meaningful quality difference for this project.
+
+---
+
+## Decision
+
+**esbuild** is the clear winner.
+
+Reasons:
+- Fastest build time (milliseconds); keeps CI builds snappy.
+- Single devDependency covers both JS and CSS.
+- No source-file changes needed — accepts the concatenated output and returns a
+  minified version.
+- Well-maintained; no known security vulnerabilities.
+
+---
+
+## Implementation
+
+### What changes
+
+1. **`esbuild` devDependency** added (`^0.28.0`).
+2. **`scripts/build-js.js`** — concatenation unchanged; esbuild minifies the
+   result in-process before writing `script.js`.
+3. **`scripts/build-css.js`** — same pattern; esbuild minifies before writing
+   `styles.css`.
+4. **`package.json`** — new `build` convenience script runs all six build
+   steps in sequence.
+5. **Deploy workflow** — unchanged; `npm run build:js` and `npm run build:css`
+   now produce minified output automatically.
+
+### What does NOT change
+
+- Source file layout (`src/js/`, `styles/`) is untouched.
+- The IIFE wrapper in `script.js` is preserved.
+- `death-clock-core.js` and `chart-date-adapter.js` are **not** minified by
+  the build scripts (they have their own separate concerns); they could be
+  minified in a future step.
+
+---
+
+## JavaScript file organisation
+
+The question of whether to move browser JS files to `scripts/` or another
+directory was evaluated separately:
+
+| File | Category | Verdict |
+|------|----------|---------|
+| `src/js/*.js` | Source — already organised | **Keep in `src/js/`** |
+| `scripts/*.js` | Build tooling (Node.js) | **Keep in `scripts/`** |
+| `script.js` | Generated browser output | **Keep at root** (GitHub Pages serves from root) |
+| `death-clock-core.js` | Runtime core, served by Pages | **Keep at root** |
+| `chart-date-adapter.js` | CDN adapter, served by Pages | **Keep at root** |
+| `*-data.js` | Generated data modules, served by Pages | **Keep at root** |
+
+**Conclusion:** the `scripts/` directory is for Node.js build tooling only.
+Mixing browser JS into it would be confusing. The generated runtime files must
+stay at the repo root because GitHub Pages publishes from `publish_dir: .` in the
+deploy workflow.  Moving them to a `dist/` subdirectory would require updating all
+`<script src="">` paths in `index.html` and the `exclude_assets` list in the
+deploy workflow — a valid future refactor, but outside the scope of this PRD.
+
+---
+
+## Expected outcome
+
+| File | Before | After (estimated) | Saving |
+|------|--------|--------------------|--------|
+| `script.js` | ~140 KB | ~55–65 KB | ~55% |
+| `styles.css` | ~86 KB | ~65–70 KB | ~20% |
+
+Total first-party asset saving: approximately **105–115 KB** uncompressed (an
+additional ~20–30% on top of gzip compression that GitHub Pages provides
+automatically).
diff --git a/package-lock.json b/package-lock.json
index 41e9693..dd62807 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -10,6 +10,7 @@
       "devDependencies": {
         "@playwright/test": "^1.59.1",
         "@types/js-yaml": "^4.0.9",
+        "esbuild": "^0.28.0",
         "jest": "^30.3.0",
         "jest-environment-jsdom": "^30.3.0",
         "js-yaml": "^4.1.0",
@@ -683,6 +684,448 @@
         "tslib": "^2.4.0"
       }
     },
+    "node_modules/@esbuild/aix-ppc64": {
+      "version": "0.28.0",
+      "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.28.0.tgz",
+      "integrity": "sha512-lhRUCeuOyJQURhTxl4WkpFTjIsbDayJHih5kZC1giwE+MhIzAb7mEsQMqMf18rHLsrb5qI1tafG20mLxEWcWlA==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "aix"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/android-arm": {
+      "version": "0.28.0",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.28.0.tgz",
+      "integrity": "sha512-wqh0ByljabXLKHeWXYLqoJ5jKC4XBaw6Hk08OfMrCRd2nP2ZQ5eleDZC41XHyCNgktBGYMbqnrJKq/K/lzPMSQ==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/android-arm64": {
+      "version": "0.28.0",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.28.0.tgz",
+      "integrity": "sha512-+WzIXQOSaGs33tLEgYPYe/yQHf0WTU0X42Jca3y8NWMbUVhp7rUnw+vAsRC/QiDrdD31IszMrZy+qwPOPjd+rw==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/android-x64": {
+      "version": "0.28.0",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.28.0.tgz",
+      "integrity": "sha512-+VJggoaKhk2VNNqVL7f6S189UzShHC/mR9EE8rDdSkdpN0KflSwWY/gWjDrNxxisg8Fp1ZCD9jLMo4m0OUfeUA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/darwin-arm64": {
+      "version": "0.28.0",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.28.0.tgz",
+      "integrity": "sha512-0T+A9WZm+bZ84nZBtk1ckYsOvyA3x7e2Acj1KdVfV4/2tdG4fzUp91YHx+GArWLtwqp77pBXVCPn2We7Letr0Q==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/darwin-x64": {
+      "version": "0.28.0",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.28.0.tgz",
+      "integrity": "sha512-fyzLm/DLDl/84OCfp2f/XQ4flmORsjU7VKt8HLjvIXChJoFFOIL6pLJPH4Yhd1n1gGFF9mPwtlN5Wf82DZs+LQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/freebsd-arm64": {
+      "version": "0.28.0",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.28.0.tgz",
+      "integrity": "sha512-l9GeW5UZBT9k9brBYI+0WDffcRxgHQD8ShN2Ur4xWq/NFzUKm3k5lsH4PdaRgb2w7mI9u61nr2gI2mLI27Nh3Q==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/freebsd-x64": {
+      "version": "0.28.0",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.28.0.tgz",
+      "integrity": "sha512-BXoQai/A0wPO6Es3yFJ7APCiKGc1tdAEOgeTNy3SsB491S3aHn4S4r3e976eUnPdU+NbdtmBuLncYir2tMU9Nw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-arm": {
+      "version": "0.28.0",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.28.0.tgz",
+      "integrity": "sha512-CjaaREJagqJp7iTaNQjjidaNbCKYcd4IDkzbwwxtSvjI7NZm79qiHc8HqciMddQ6CKvJT6aBd8lO9kN/ZudLlw==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-arm64": {
+      "version": "0.28.0",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.28.0.tgz",
+      "integrity": "sha512-RVyzfb3FWsGA55n6WY0MEIEPURL1FcbhFE6BffZEMEekfCzCIMtB5yyDcFnVbTnwk+CLAgTujmV/Lgvih56W+A==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-ia32": {
+      "version": "0.28.0",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.28.0.tgz",
+      "integrity": "sha512-KBnSTt1kxl9x70q+ydterVdl+Cn0H18ngRMRCEQfrbqdUuntQQ0LoMZv47uB97NljZFzY6HcfqEZ2SAyIUTQBQ==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-loong64": {
+      "version": "0.28.0",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.28.0.tgz",
+      "integrity": "sha512-zpSlUce1mnxzgBADvxKXX5sl8aYQHo2ezvMNI8I0lbblJtp8V4odlm3Yzlj7gPyt3T8ReksE6bK+pT3WD+aJRg==",
+      "cpu": [
+        "loong64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-mips64el": {
+      "version": "0.28.0",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.28.0.tgz",
+      "integrity": "sha512-2jIfP6mmjkdmeTlsX/9vmdmhBmKADrWqN7zcdtHIeNSCH1SqIoNI63cYsjQR8J+wGa4Y5izRcSHSm8K3QWmk3w==",
+      "cpu": [
+        "mips64el"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-ppc64": {
+      "version": "0.28.0",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.28.0.tgz",
+      "integrity": "sha512-bc0FE9wWeC0WBm49IQMPSPILRocGTQt3j5KPCA8os6VprfuJ7KD+5PzESSrJ6GmPIPJK965ZJHTUlSA6GNYEhg==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-riscv64": {
+      "version": "0.28.0",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.28.0.tgz",
+      "integrity": "sha512-SQPZOwoTTT/HXFXQJG/vBX8sOFagGqvZyXcgLA3NhIqcBv1BJU1d46c0rGcrij2B56Z2rNiSLaZOYW5cUk7yLQ==",
+      "cpu": [
+        "riscv64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-s390x": {
+      "version": "0.28.0",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.28.0.tgz",
+      "integrity": "sha512-SCfR0HN8CEEjnYnySJTd2cw0k9OHB/YFzt5zgJEwa+wL/T/raGWYMBqwDNAC6dqFKmJYZoQBRfHjgwLHGSrn3Q==",
+      "cpu": [
+        "s390x"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-x64": {
+      "version": "0.28.0",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.28.0.tgz",
+      "integrity": "sha512-us0dSb9iFxIi8srnpl931Nvs65it/Jd2a2K3qs7fz2WfGPHqzfzZTfec7oxZJRNPXPnNYZtanmRc4AL/JwVzHQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/netbsd-arm64": {
+      "version": "0.28.0",
+      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-arm64/-/netbsd-arm64-0.28.0.tgz",
+      "integrity": "sha512-CR/RYotgtCKwtftMwJlUU7xCVNg3lMYZ0RzTmAHSfLCXw3NtZtNpswLEj/Kkf6kEL3Gw+BpOekRX0BYCtklhUw==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "netbsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/netbsd-x64": {
+      "version": "0.28.0",
+      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.28.0.tgz",
+      "integrity": "sha512-nU1yhmYutL+fQ71Kxnhg8uEOdC0pwEW9entHykTgEbna2pw2dkbFSMeqjjyHZoCmt8SBkOSvV+yNmm94aUrrqw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "netbsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/openbsd-arm64": {
+      "version": "0.28.0",
+      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-arm64/-/openbsd-arm64-0.28.0.tgz",
+      "integrity": "sha512-cXb5vApOsRsxsEl4mcZ1XY3D4DzcoMxR/nnc4IyqYs0rTI8ZKmW6kyyg+11Z8yvgMfAEldKzP7AdP64HnSC/6g==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openbsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/openbsd-x64": {
+      "version": "0.28.0",
+      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.28.0.tgz",
+      "integrity": "sha512-8wZM2qqtv9UP3mzy7HiGYNH/zjTA355mpeuA+859TyR+e+Tc08IHYpLJuMsfpDJwoLo1ikIJI8jC3GFjnRClzA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openbsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/openharmony-arm64": {
+      "version": "0.28.0",
+      "resolved": "https://registry.npmjs.org/@esbuild/openharmony-arm64/-/openharmony-arm64-0.28.0.tgz",
+      "integrity": "sha512-FLGfyizszcef5C3YtoyQDACyg95+dndv79i2EekILBofh5wpCa1KuBqOWKrEHZg3zrL3t5ouE5jgr94vA+Wb2w==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openharmony"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/sunos-x64": {
+      "version": "0.28.0",
+      "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.28.0.tgz",
+      "integrity": "sha512-1ZgjUoEdHZZl/YlV76TSCz9Hqj9h9YmMGAgAPYd+q4SicWNX3G5GCyx9uhQWSLcbvPW8Ni7lj4gDa1T40akdlw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "sunos"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/win32-arm64": {
+      "version": "0.28.0",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.28.0.tgz",
+      "integrity": "sha512-Q9StnDmQ/enxnpxCCLSg0oo4+34B9TdXpuyPeTedN/6+iXBJ4J+zwfQI28u/Jl40nOYAxGoNi7mFP40RUtkmUA==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/win32-ia32": {
+      "version": "0.28.0",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.28.0.tgz",
+      "integrity": "sha512-zF3ag/gfiCe6U2iczcRzSYJKH1DCI+ByzSENHlM2FcDbEeo5Zd2C86Aq0tKUYAJJ1obRP84ymxIAksZUcdztHA==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/win32-x64": {
+      "version": "0.28.0",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.28.0.tgz",
+      "integrity": "sha512-pEl1bO9mfAmIC+tW5btTmrKaujg3zGtUmWNdCw/xs70FBjwAL3o9OEKNHvNmnyylD6ubxUERiEhdsL0xBQ9efw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
     "node_modules/@isaacs/cliui": {
       "version": "8.0.2",
       "resolved": "https://registry.npmjs.org/@isaacs/cliui/-/cliui-8.0.2.tgz",
@@ -2630,6 +3073,48 @@
         "is-arrayish": "^0.2.1"
       }
     },
+    "node_modules/esbuild": {
+      "version": "0.28.0",
+      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.28.0.tgz",
+      "integrity": "sha512-sNR9MHpXSUV/XB4zmsFKN+QgVG82Cc7+/aaxJ8Adi8hyOac+EXptIp45QBPaVyX3N70664wRbTcLTOemCAnyqw==",
+      "dev": true,
+      "hasInstallScript": true,
+      "license": "MIT",
+      "bin": {
+        "esbuild": "bin/esbuild"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "optionalDependencies": {
+        "@esbuild/aix-ppc64": "0.28.0",
+        "@esbuild/android-arm": "0.28.0",
+        "@esbuild/android-arm64": "0.28.0",
+        "@esbuild/android-x64": "0.28.0",
+        "@esbuild/darwin-arm64": "0.28.0",
+        "@esbuild/darwin-x64": "0.28.0",
+        "@esbuild/freebsd-arm64": "0.28.0",
+        "@esbuild/freebsd-x64": "0.28.0",
+        "@esbuild/linux-arm": "0.28.0",
+        "@esbuild/linux-arm64": "0.28.0",
+        "@esbuild/linux-ia32": "0.28.0",
+        "@esbuild/linux-loong64": "0.28.0",
+        "@esbuild/linux-mips64el": "0.28.0",
+        "@esbuild/linux-ppc64": "0.28.0",
+        "@esbuild/linux-riscv64": "0.28.0",
+        "@esbuild/linux-s390x": "0.28.0",
+        "@esbuild/linux-x64": "0.28.0",
+        "@esbuild/netbsd-arm64": "0.28.0",
+        "@esbuild/netbsd-x64": "0.28.0",
+        "@esbuild/openbsd-arm64": "0.28.0",
+        "@esbuild/openbsd-x64": "0.28.0",
+        "@esbuild/openharmony-arm64": "0.28.0",
+        "@esbuild/sunos-x64": "0.28.0",
+        "@esbuild/win32-arm64": "0.28.0",
+        "@esbuild/win32-ia32": "0.28.0",
+        "@esbuild/win32-x64": "0.28.0"
+      }
+    },
     "node_modules/escalade": {
       "version": "3.2.0",
       "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.2.0.tgz",
diff --git a/package.json b/package.json
index 59ea6e1..c5ba31a 100644
--- a/package.json
+++ b/package.json
@@ -13,11 +13,13 @@
     "build:changelog": "node scripts/build-changelog.js",
     "build:project-stats": "node scripts/build-project-stats.js",
     "build:js": "node scripts/build-js.js",
-    "build:css": "node scripts/build-css.js"
+    "build:css": "node scripts/build-css.js",
+    "build": "npm run build:milestones && npm run build:changelog && npm run build:project-stats && npm run build:js && npm run build:css"
   },
   "devDependencies": {
     "@playwright/test": "^1.59.1",
     "@types/js-yaml": "^4.0.9",
+    "esbuild": "^0.28.0",
     "jest": "^30.3.0",
     "jest-environment-jsdom": "^30.3.0",
     "js-yaml": "^4.1.0",
diff --git a/script.js b/script.js
index 41c8a4a..f499b73 100644
--- a/script.js
+++ b/script.js
@@ -1,3524 +1,129 @@
-/* global Chart, DeathClockCore, ChangelogData, ProjectStatsData */
-'use strict';
-
-// ============================================================
-// AI DEATH CLOCK — Browser / DOM layer
-// Depends on death-clock-core.js being loaded first
-// ============================================================
-
-(function () {
-  // ---- Unpack core ----------------------------------------
-  const {
-    BASE_TOKENS,
-    TOKENS_PER_SECOND,
-    BASE_DATE_ISO,
-    HISTORICAL_DATA,
-    MILESTONES,
-    RATE_SCHEDULE,
-    SESSION_CHALLENGE_DEFS,
-    TOKEN_TIPS,
-    COMPANY_ROLES,
-    AI_AGENTS,
-    formatTokenCount,
-    formatTokenCountShort,
-    getTriggeredMilestones,
-    getNextMilestone,
-    predictMilestoneDate,
-    calculateEnvironmentalImpact,
-    generateProjectionData,
-    formatDate,
-    getTimeDelta,
-    milestoneProgress,
-    getRateAtDate,
-    calculateTipImpact,
-    generateEquivalences,
-    calculatePersonalFootprint,
-    sessionEquivalences,
-    getNextMilestoneForPlayer,
-    computeComboMultiplier,
-    getSessionChallenges,
-    formatDoomPoints,
-    computePassiveRate,
-    getCompanyStage,
-    getSimulatedViewerCount,
-  } = window.DeathClockCore;
-
-  // ---- Unpack changelog data ----------------------------------
-  const {
-    SITE_VERSION      = '',
-    CHANGELOG_RELEASES = [],
-  } = (typeof window !== 'undefined' && window.ChangelogData) || {};
-
-  // ---- Unpack project stats -----------------------------------
-  const {
-    PROJECT_PR_COUNT     = 0,
-    PROJECT_TOTAL_TOKENS = 0,
-  } = (typeof window !== 'undefined' && window.ProjectStatsData) || {};
-
-  // ---- State -----------------------------------------------
-  const BASE_DATE_MS = new Date(BASE_DATE_ISO).getTime();
-  const pageLoadTime = Date.now();
-  let currentTheme = 'dark';
-  let chartInstance = null;
-
-  // ---- Persistence keys -----------------------------------
-  const LS_FIRST_ARRIVAL_KEY = 'tokenDeathclockFirstArrival';
-  const LS_THEME_KEY         = 'tokenDeathclockTheme';
-
-  // Cumulative first-arrival timestamp — loaded from localStorage so the
-  // "Tokens Since You Arrived" counter continues across return visits.
-  let firstArrivalTime = pageLoadTime;
-  try {
-    const stored = parseInt(localStorage.getItem(LS_FIRST_ARRIVAL_KEY) || '0', 10);
-    if (stored > 0 && stored <= pageLoadTime) {
-      firstArrivalTime = stored;
-    } else {
-      localStorage.setItem(LS_FIRST_ARRIVAL_KEY, String(pageLoadTime));
-    }
-  } catch (_) { /* ignore quota / access errors */ }
-
-  // ---- Helpers ---------------------------------------------
-  function getCurrentTokens() {
-    const elapsed = (Date.now() - BASE_DATE_MS) / 1000;
-    return BASE_TOKENS + TOKENS_PER_SECOND * elapsed;
-  }
-
-  function numFmt(n) {
-    // Compact formatting for the big live counter
-    if (n >= 1e15) return (n / 1e15).toFixed(3) + ' Quadrillion';
-    if (n >= 1e12) return (n / 1e12).toFixed(3) + ' Trillion';
-    return formatTokenCount(n);
-  }
-
-  // ---- Theme toggle ----------------------------------------
-  function applyTheme(theme) {
-    document.documentElement.setAttribute('data-theme', theme);
-    const btn = document.getElementById('themeToggle');
-    if (btn) btn.textContent = theme === 'dark' ? '☀️' : '🌙';
-    currentTheme = theme;
-    if (chartInstance) updateChartColors();
-  }
-
-  function toggleTheme() {
-    const newTheme = currentTheme === 'dark' ? 'light' : 'dark';
-    applyTheme(newTheme);
-    try { localStorage.setItem(LS_THEME_KEY, newTheme); } catch (_) { /* ignore */ }
-    if (newTheme === 'light') awardBadge('optimist');
-  }
-
-  // ---- Counter updater -------------------------------------
-  function updateCounters() {
-    const now = Date.now();
-    const tokens = getCurrentTokens();
-    const currentRate = getRateAtDate(new Date(now));
-    // Use firstArrivalTime so the counter accumulates across return visits
-    const sessionTokens = Math.round((now - firstArrivalTime) / 1000 * currentRate);
-    const elapsed = Math.floor((now - firstArrivalTime) / 1000);
-
-    const totalEl = document.getElementById('totalCounter');
-    const sessionEl = document.getElementById('sessionCounter');
-    const sessionTimeEl = document.getElementById('sessionTime');
-    const rateEl = document.getElementById('rateCounter');
-    const rateEventEl = document.getElementById('rateEvent');
-
-    if (totalEl) totalEl.textContent = numFmt(tokens);
-    if (sessionEl) sessionEl.textContent = formatTokenCount(sessionTokens);
-    if (sessionTimeEl) {
-      const m = Math.floor(elapsed / 60);
-      const s = elapsed % 60;
-      const suffix = firstArrivalTime !== pageLoadTime ? 'since first visit' : 'on page';
-      sessionTimeEl.textContent = m > 0 ? `${m}m ${s}s ${suffix}` : `${s}s ${suffix}`;
-    }
-    if (rateEl) rateEl.textContent = formatTokenCount(currentRate);
-    if (rateEventEl) {
-      // Show the event that triggered this rate step
-      const rateEntry = [...RATE_SCHEDULE].reverse().find(
-        (r) => now >= new Date(r.date).getTime()
-      );
-      if (rateEntry) rateEventEl.textContent = rateEntry.event + ' · tokens/sec';
-    }
-
-    // Impact stats
-    const impact = calculateEnvironmentalImpact(tokens);
-    setStatText('statKwh',   formatTokenCountShort(impact.kWh));
-    setStatText('statCo2',   formatTokenCountShort(impact.co2Kg));
-    setStatText('statWater', formatTokenCountShort(impact.waterL));
-    setStatText('statTrees', formatTokenCountShort(impact.treesEquivalent));
-
-    // Update doomsday clock (PRD 1)
-    updateDoomsdayClock(tokens);
-
-    // Update milestone progress bars
-    const triggered = getTriggeredMilestones(tokens, MILESTONES);
-    MILESTONES.forEach((m, idx) => {
-      const card = document.getElementById('milestone-' + m.id);
-      if (!card) return;
-      const wasTriggered = card.classList.contains('triggered');
-      const isTriggered = tokens >= m.tokens;
-
-      if (isTriggered && !wasTriggered) {
-        card.classList.add('triggered');
-        if (!shownEmergencyBroadcasts.has(m.id)) {
-          shownEmergencyBroadcasts.add(m.id);
-          showEmergencyBroadcast(m);
-        }
-      }
-
-      const fill = card.querySelector('.progress-fill');
-      if (fill) {
-        const prev = idx === 0 ? 0 : MILESTONES[idx - 1].tokens;
-        const pct = milestoneProgress(tokens, prev, m.tokens);
-        fill.style.width = pct + '%';
-        const pctLabel = card.querySelector('.progress-pct');
-        if (pctLabel) pctLabel.textContent = pct.toFixed(1) + '%';
-      }
-    });
-
-    requestAnimationFrame(updateCounters);
-  }
-
-  function setStatText(id, value) {
-    const el = document.getElementById(id);
-    if (el) el.textContent = value;
-  }
-
-  // ---- Render milestones -----------------------------------
-  function renderMilestones() {
-    const grid = document.getElementById('milestonesGrid');
-    if (!grid) return;
-
-    const tokens = getCurrentTokens();
-    grid.innerHTML = '';
-
-    MILESTONES.forEach((m, idx) => {
-      const isTriggered = tokens >= m.tokens;
-      const prev = idx === 0 ? 0 : MILESTONES[idx - 1].tokens;
-      const pct = milestoneProgress(tokens, prev, m.tokens);
-      const prediction = predictMilestoneDate(tokens, TOKENS_PER_SECOND, m.tokens);
-
-      const card = document.createElement('div');
-      card.className = 'milestone-card' + (isTriggered ? ' triggered' : '');
-      card.id = 'milestone-' + m.id;
-      card.innerHTML = `
+/* AI DEATH CLOCK — browser/DOM layer (minified) */
+"use strict";(function(){const{BASE_TOKENS:Kt,TOKENS_PER_SECOND:O,BASE_DATE_ISO:Gt,HISTORICAL_DATA:Yt,MILESTONES:I,RATE_SCHEDULE:Vt,SESSION_CHALLENGE_DEFS:$o,TOKEN_TIPS:jt,COMPANY_ROLES:ge,AI_AGENTS:pe,formatTokenCount:S,formatTokenCountShort:_,getTriggeredMilestones:Jt,getNextMilestone:zt,predictMilestoneDate:Re,calculateEnvironmentalImpact:A,generateProjectionData:Qt,formatDate:Pe,getTimeDelta:Oe,milestoneProgress:he,getRateAtDate:L,calculateTipImpact:Xt,generateEquivalences:Ne,calculatePersonalFootprint:He,sessionEquivalences:Zt,getNextMilestoneForPlayer:We,computeComboMultiplier:en,getSessionChallenges:tn,formatDoomPoints:X,computePassiveRate:fe,getCompanyStage:nn,getSimulatedViewerCount:on}=window.DeathClockCore,{SITE_VERSION:ye="",CHANGELOG_RELEASES:Ee=[]}=typeof window!="undefined"&&window.ChangelogData||{},{PROJECT_PR_COUNT:Ue=0,PROJECT_TOTAL_TOKENS:qe=0}=typeof window!="undefined"&&window.ProjectStatsData||{},sn=new Date(Gt).getTime(),x=Date.now();let be="dark",B=null;const Ke="tokenDeathclockFirstArrival",Ge="tokenDeathclockTheme";let Z=x;try{const e=parseInt(localStorage.getItem(Ke)||"0",10);e>0&&e<=x?Z=e:localStorage.setItem(Ke,String(x))}catch(e){}function $(){const e=(Date.now()-sn)/1e3;return Kt+O*e}function an(e){return e>=1e15?(e/1e15).toFixed(3)+" Quadrillion":e>=1e12?(e/1e12).toFixed(3)+" Trillion":S(e)}function Ye(e){document.documentElement.setAttribute("data-theme",e);const t=document.getElementById("themeToggle");t&&(t.textContent=e==="dark"?"\u2600\uFE0F":"\u{1F319}"),be=e,B&&mn()}function rn(){const e=be==="dark"?"light":"dark";Ye(e);try{localStorage.setItem(Ge,e)}catch(t){}e==="light"&&k("optimist")}function Ve(){const e=Date.now(),t=$(),n=L(new Date(e)),o=Math.round((e-Z)/1e3*n),s=Math.floor((e-Z)/1e3),i=document.getElementById("totalCounter"),r=document.getElementById("sessionCounter"),c=document.getElementById("sessionTime"),d=document.getElementById("rateCounter"),m=document.getElementById("rateEvent");if(i&&(i.textContent=an(t)),r&&(r.textContent=S(o)),c){const g=Math.floor(s/60),f=s%60,p=Z!==x?"since first visit":"on page";c.textContent=g>0?`${g}m ${f}s ${p}`:`${f}s ${p}`}if(d&&(d.textContent=S(n)),m){const g=[...Vt].reverse().find(f=>e>=new Date(f.date).getTime());g&&(m.textContent=g.event+" \xB7 tokens/sec")}const h=A(t);ee("statKwh",_(h.kWh)),ee("statCo2",_(h.co2Kg)),ee("statWater",_(h.waterL)),ee("statTrees",_(h.treesEquivalent)),Ft(t);const b=Jt(t,I);I.forEach((g,f)=>{const p=document.getElementById("milestone-"+g.id);if(!p)return;const T=p.classList.contains("triggered");t>=g.tokens&&!T&&(p.classList.add("triggered"),$t.has(g.id)||($t.add(g.id),yo(g)));const D=p.querySelector(".progress-fill");if(D){const y=f===0?0:I[f-1].tokens,v=he(t,y,g.tokens);D.style.width=v+"%";const C=p.querySelector(".progress-pct");C&&(C.textContent=v.toFixed(1)+"%")}}),requestAnimationFrame(Ve)}function ee(e,t){const n=document.getElementById(e);n&&(n.textContent=t)}function cn(){const e=document.getElementById("milestonesGrid");if(!e)return;const t=$();e.innerHTML="",I.forEach((n,o)=>{const s=t>=n.tokens,i=o===0?0:I[o-1].tokens,r=he(t,i,n.tokens),c=Re(t,O,n.tokens),d=document.createElement("div");d.className="milestone-card"+(s?" triggered":""),d.id="milestone-"+n.id,d.innerHTML=`
         <div class="milestone-header">
-          <span class="milestone-icon" aria-hidden="true">${m.icon}</span>
+          <span class="milestone-icon" aria-hidden="true">${n.icon}</span>
           <div>
-            <div class="milestone-name">${escHtml(m.name)}</div>
-            <div class="milestone-threshold">${escHtml(m.shortDesc)}</div>
+            <div class="milestone-name">${u(n.name)}</div>
+            <div class="milestone-threshold">${u(n.shortDesc)}</div>
           </div>
         </div>
-        <p class="milestone-desc">${escHtml(m.description)}</p>
-        <p class="milestone-consequence">${escHtml(m.consequence)}</p>
-        <div class="milestone-event">${escHtml(m.followingEvent)}</div>
+        <p class="milestone-desc">${u(n.description)}</p>
+        <p class="milestone-consequence">${u(n.consequence)}</p>
+        <div class="milestone-event">${u(n.followingEvent)}</div>
         <div class="milestone-progress-wrap">
           <div class="milestone-progress-label">
             <span>Progress</span>
-            <span class="progress-pct">${pct.toFixed(1)}%</span>
+            <span class="progress-pct">${r.toFixed(1)}%</span>
           </div>
-          <div class="progress-bar" role="progressbar" aria-valuenow="${Math.round(pct)}" aria-valuemin="0" aria-valuemax="100">
-            <div class="progress-fill" style="width:${pct}%"></div>
+          <div class="progress-bar" role="progressbar" aria-valuenow="${Math.round(r)}" aria-valuemin="0" aria-valuemax="100">
+            <div class="progress-fill" style="width:${r}%"></div>
           </div>
         </div>
-        ${prediction ? `<div class="milestone-predict">⏱ Predicted: ${escHtml(formatDate(prediction))} (${escHtml(getTimeDelta(prediction))})</div>` : ''}
-        ${m.reference ? `<a href="${escHtml(m.reference)}" class="milestone-ref" target="_blank" rel="noopener noreferrer">📎 Source</a>` : ''}
-      `;
-      grid.appendChild(card);
-    });
-  }
-
-  // ---- Render predictions table ----------------------------
-  function renderPredictionsTable() {
-    const tbody = document.getElementById('predictionsBody');
-    if (!tbody) return;
-
-    const tokens = getCurrentTokens();
-    tbody.innerHTML = '';
-
-    MILESTONES.forEach((m) => {
-      const isPassed = tokens >= m.tokens;
-      const prediction = isPassed
-        ? null
-        : predictMilestoneDate(tokens, TOKENS_PER_SECOND, m.tokens);
-
-      const tr = document.createElement('tr');
-      tr.innerHTML = `
-        <td>${escHtml(m.icon)} ${escHtml(m.name)}</td>
-        <td>${escHtml(m.shortDesc)}</td>
-        <td>${isPassed ? '<span class="passed-badge">PASSED</span>' : '⏳ Pending'}</td>
-        <td class="${isPassed ? '' : 'future-date'}">${isPassed ? '—' : escHtml(formatDate(prediction))}</td>
-        <td>${isPassed ? '<span style="color:var(--accent)">Already triggered</span>' : escHtml(getTimeDelta(prediction))}</td>
-      `;
-      tbody.appendChild(tr);
-    });
-  }
-
-  // ---- Chart -----------------------------------------------
-  function buildChartData() {
-    const tokens = getCurrentTokens();
-    const historical = HISTORICAL_DATA.map((d) => ({ x: d.date, y: d.tokensT }));
-    // 60-month projection with 50 % annual growth in token-production rate,
-    // producing the hockey-stick acceleration observed historically.
-    const projection = generateProjectionData(tokens, TOKENS_PER_SECOND, 60, undefined, 0.5).map((d) => ({
-      x: d.date,
-      y: +d.tokensT.toFixed(2),
-    }));
-    return { historical, projection };
-  }
-
-  function chartColors() {
-    const dark = currentTheme === 'dark';
-    return {
-      histLine:  dark ? '#ff3333' : '#cc0000',
-      projLine:  dark ? '#ff8800' : '#cc6600',
-      gridColor: dark ? 'rgba(255,255,255,0.07)' : 'rgba(0,0,0,0.08)',
-      tickColor: dark ? '#888' : '#555',
-      bg:        dark ? '#161616' : '#ffffff',
-    };
-  }
-
-  function initChart() {
-    const canvas = document.getElementById('tokenChart');
-    if (!canvas || typeof Chart === 'undefined') return;
-
-    const { historical, projection } = buildChartData();
-    const colors = chartColors();
-
-    // Milestone annotations as horizontal lines
-    const annotations = {};
-    MILESTONES.forEach((m, i) => {
-      annotations['milestone_' + i] = {
-        type: 'line',
-        yMin: m.tokens / 1e12,
-        yMax: m.tokens / 1e12,
-        borderColor: 'rgba(0,204,119,0.4)',
-        borderWidth: 1,
-        borderDash: [4, 4],
-        label: {
-          content: m.icon + ' ' + m.shortDesc,
-          display: false,
-        },
-      };
-    });
-
-    chartInstance = new Chart(canvas, {
-      type: 'line',
-      data: {
-        datasets: [
-          {
-            label: 'Historical (estimated)',
-            data: historical,
-            borderColor: colors.histLine,
-            backgroundColor: 'transparent',
-            borderWidth: 2,
-            pointRadius: 3,
-            pointHoverRadius: 5,
-            tension: 0.35,
-            fill: false,
-          },
-          {
-            label: 'Projected',
-            data: projection,
-            borderColor: colors.projLine,
-            backgroundColor: 'transparent',
-            borderWidth: 2,
-            borderDash: [6, 4],
-            pointRadius: 0,
-            tension: 0.35,
-            fill: false,
-          },
-        ],
-      },
-      options: {
-        responsive: true,
-        maintainAspectRatio: false,
-        interaction: { mode: 'index', intersect: false },
-        scales: {
-          x: {
-            type: 'time',
-            time: { tooltipFormat: 'MMM yyyy', displayFormats: { month: 'MMM yy', year: 'yyyy', quarter: 'MMM yy' } },
-            grid: { color: colors.gridColor },
-            ticks: { color: colors.tickColor, maxRotation: 45 },
-          },
-          y: {
-            type: 'logarithmic',
-            title: {
-              display: true,
-              text: 'Cumulative Tokens (Trillions, log scale)',
-              color: colors.tickColor,
-              font: { size: 11 },
-            },
-            grid: { color: colors.gridColor },
-            ticks: {
-              color: colors.tickColor,
-              callback: (v) => formatTokenCountShort(v * 1e12),
-            },
-          },
-        },
-        plugins: {
-          legend: {
-            labels: { color: colors.tickColor, boxWidth: 20, padding: 16, font: { size: 12 } },
-          },
-          tooltip: {
-            callbacks: {
-              label: (ctx) => ' ' + formatTokenCount(ctx.parsed.y * 1e12) + ' tokens',
-            },
-          },
-        },
-      },
-    });
-  }
-
-  function updateChartColors() {
-    if (!chartInstance) return;
-    const colors = chartColors();
-    chartInstance.data.datasets[0].borderColor = colors.histLine;
-    chartInstance.data.datasets[1].borderColor = colors.projLine;
-    chartInstance.options.scales.x.grid.color = colors.gridColor;
-    chartInstance.options.scales.y.grid.color = colors.gridColor;
-    chartInstance.options.scales.x.ticks.color = colors.tickColor;
-    chartInstance.options.scales.y.ticks.color = colors.tickColor;
-    chartInstance.options.scales.y.title.color = colors.tickColor;
-    chartInstance.options.plugins.legend.labels.color = colors.tickColor;
-    chartInstance.update('none');
-  }
-
-  // ---- Security helper ------------------------------------
-  function escHtml(str) {
-    if (typeof str !== 'string') return '';
-    return str
-      .replace(/&/g, '&amp;')
-      .replace(/</g, '&lt;')
-      .replace(/>/g, '&gt;')
-      .replace(/"/g, '&quot;')
-      .replace(/'/g, '&#39;');
-  }
-
-  // ---- Life Blocks ----------------------------------------
-  // Use the milestone tagged extinctionMarker:true as the life-blocks countdown target.
-  // Falls back to the last milestone only if no marker is found (defensive guard).
-  const LB_LAST_MILESTONE = MILESTONES.find(m => m.extinctionMarker) || MILESTONES[MILESTONES.length - 1];
-
-  // Drill-down state
-  const lb = {
-    level:  'days',   // 'days' | 'hours' | 'minutes' | 'seconds'
-    day:    null,     // day offset from today (0 = today)
-    hour:   null,     // 0-23
-    minute: null,     // 0-59
-    rafId:  null,
-    lastSec: -1,
-    lastMin: -1,
-    lastHr:  -1,
-    lastDayMs: 0,
-    exploding: false,
-  };
-
-  function lbExtinctionMs() {
-    const tokens = getCurrentTokens();
-    if (tokens >= LB_LAST_MILESTONE.tokens) return Date.now();
-    const secsLeft = (LB_LAST_MILESTONE.tokens - tokens) / TOKENS_PER_SECOND;
-    return Date.now() + secsLeft * 1000;
-  }
-
-  function lbTotalDaysLeft() {
-    const ms = lbExtinctionMs() - Date.now();
-    return Math.max(0, Math.ceil(ms / 86400000));
-  }
-
-  function lbMidnight(now) {
-    const d = new Date(now);
-    d.setHours(0, 0, 0, 0);
-    return d.getTime();
-  }
-
-  // Returns 'dead' | 'dying' | 'future' for a block's state
-  function lbBlockState(unitStart, unitDuration, now) {
-    const unitEnd = unitStart + unitDuration;
-    if (now >= unitEnd) return 'dead';
-    if (now >= unitStart) return 'dying';
-    return 'future';
-  }
-
-  function lbDayOffsetToMs(dayOffset, now) {
-    return lbMidnight(now) + dayOffset * 86400000;
-  }
-
-  // ---- Rendering helpers ----
-
-  function lbMakeDyingBlock(dataAttr, progress, label, content) {
-    return `<div class="lb-block lb-dying" ${dataAttr}
-      style="--progress:${progress.toFixed(2)}%"
-      title="${label}" aria-label="${label}"
-      tabindex="0" role="button">${content}</div>`;
-  }
-
-  function lbMakeBlock(state, dataAttr, label, content) {
-    return `<div class="lb-block lb-${state}" ${dataAttr}
-      title="${label}" aria-label="${label}"
-      ${state !== 'dead' ? 'tabindex="0" role="button"' : 'aria-disabled="true"'}>${content}</div>`;
-  }
-
-  // Maximum days to render in life-blocks view (~10 years).
-  // Beyond this, a summary block is shown to avoid creating millions of DOM elements.
-  const MAX_LB_DAYS = 3650;
-
-  // ---- View renderers ----
-
-  function lbRenderDays(container, now) {
-    const total = lbTotalDaysLeft();
-    const displayed = Math.min(total, MAX_LB_DAYS);
-    const todayMidnight = lbMidnight(now);
-    const todayProgress = ((now - todayMidnight) / 86400000) * 100;
-    const extDate = new Date(lbExtinctionMs());
-    const extStr = extDate.toLocaleDateString('en-US', { year: 'numeric', month: 'short', day: 'numeric' });
-
-    let html = `<div class="lb-grid" style="--lb-cols:52" aria-label="${total} days remaining">`;
-    // Day 0 = today (dying), days 1..displayed = future
-    html += lbMakeDyingBlock('data-day="0"', todayProgress,
-      'Today — burning away', '');
-    for (let i = 1; i <= displayed; i++) {
-      html += lbMakeBlock('future', `data-day="${i}"`,
-        `Day ${i} from now`, '');
-    }
-    if (total > MAX_LB_DAYS) {
-      html += `<div class="lb-block lb-future lb-overflow" aria-disabled="true"
-        title="${(total - MAX_LB_DAYS).toLocaleString()} more days not shown"
-        aria-label="${(total - MAX_LB_DAYS).toLocaleString()} more days">
-        +${Math.round((total - MAX_LB_DAYS) / 365)}y</div>`;
-    }
-    html += '</div>';
-
-    container.innerHTML = html;
-    document.getElementById('lb-info').textContent =
-      `${total.toLocaleString()} days until extinction · predicted ${extStr}`;
-  }
-
-  function lbRenderHours(container, dayOffset, now) {
-    const dayStartMs = lbDayOffsetToMs(dayOffset, now);
-    const isToday = dayOffset === 0;
-
-    let html = '<div class="lb-grid lb-zoom" aria-label="24 hours">';
-    for (let h = 0; h < 24; h++) {
-      const unitStart = dayStartMs + h * 3600000;
-      const state = isToday ? lbBlockState(unitStart, 3600000, now) : 'future';
-      const label = `${String(h).padStart(2, '0')}:00`;
-      const content = `<span class="lb-label">${String(h).padStart(2, '0')}</span>`;
-      if (state === 'dying') {
-        const prog = ((now - unitStart) / 3600000) * 100;
-        html += lbMakeDyingBlock(`data-hour="${h}"`, prog, label, content);
-      } else {
-        html += lbMakeBlock(state, `data-hour="${h}"`, label, content);
-      }
-    }
-    html += '</div>';
-    container.innerHTML = html;
-    const dayLabel = dayOffset === 0 ? 'Today' : `Day +${dayOffset}`;
-    document.getElementById('lb-info').textContent = `${dayLabel} — select an hour`;
-  }
-
-  function lbRenderMinutes(container, dayOffset, hour, now) {
-    const dayStartMs = lbDayOffsetToMs(dayOffset, now);
-    const hourStartMs = dayStartMs + hour * 3600000;
-    const isThisHour = dayOffset === 0 && now >= hourStartMs &&
-                       now < hourStartMs + 3600000;
-
-    let html = '<div class="lb-grid lb-zoom" aria-label="60 minutes">';
-    for (let m = 0; m < 60; m++) {
-      const unitStart = hourStartMs + m * 60000;
-      const state = isThisHour ? lbBlockState(unitStart, 60000, now) : 'future';
-      const label = `${String(hour).padStart(2, '0')}:${String(m).padStart(2, '0')}`;
-      const content = `<span class="lb-label">${String(m).padStart(2, '0')}</span>`;
-      if (state === 'dying') {
-        const prog = ((now - unitStart) / 60000) * 100;
-        html += lbMakeDyingBlock(`data-minute="${m}"`, prog, label, content);
-      } else {
-        html += lbMakeBlock(state, `data-minute="${m}"`, label, content);
-      }
-    }
-    html += '</div>';
-    container.innerHTML = html;
-    document.getElementById('lb-info').textContent =
-      `${String(hour).padStart(2, '0')}:xx — select a minute`;
-  }
-
-  function lbRenderSeconds(container, dayOffset, hour, minute, now) {
-    const dayStartMs = lbDayOffsetToMs(dayOffset, now);
-    const minStartMs = dayStartMs + hour * 3600000 + minute * 60000;
-    const isThisMinute = dayOffset === 0 && now >= minStartMs &&
-                         now < minStartMs + 60000;
-
-    let html = '<div class="lb-grid lb-zoom" aria-label="60 seconds">';
-    for (let s = 0; s < 60; s++) {
-      const unitStart = minStartMs + s * 1000;
-      const state = isThisMinute ? lbBlockState(unitStart, 1000, now) : 'future';
-      const label =
-        `${String(hour).padStart(2, '0')}:${String(minute).padStart(2, '0')}:${String(s).padStart(2, '0')}`;
-      const content = `<span class="lb-label">${String(s).padStart(2, '0')}</span>`;
-      if (state === 'dying') {
-        const prog = ((now - unitStart) / 1000) * 100;
-        html += lbMakeDyingBlock(`data-second="${s}"`, prog, label, content);
-      } else {
-        html += lbMakeBlock(state, `data-second="${s}"`, label, content);
-      }
-    }
-    html += '</div>';
-    container.innerHTML = html;
-    document.getElementById('lb-info').textContent =
-      `${String(hour).padStart(2, '0')}:${String(minute).padStart(2, '0')}:xx`;
-  }
-
-  function lbRenderBreadcrumb() {
-    const el = document.getElementById('lb-breadcrumb');
-    if (!el) return;
-    const parts = [{ label: '💀 Days', level: 'days' }];
-    if (lb.level !== 'days') {
-      parts.push({ label: `Day ${lb.day === 0 ? 'Today' : '+' + lb.day}`, level: 'hours' });
-    }
-    if (lb.level === 'minutes' || lb.level === 'seconds') {
-      parts.push({ label: `Hour ${String(lb.hour).padStart(2, '0')}`, level: 'minutes' });
-    }
-    if (lb.level === 'seconds') {
-      parts.push({ label: `Min ${String(lb.minute).padStart(2, '0')}`, level: 'seconds' });
-    }
-    el.innerHTML = parts.map((p, i) => {
-      const isCurrent = i === parts.length - 1;
-      if (isCurrent) return `<span class="lb-breadcrumb-item lb-bc-current">${escHtml(p.label)}</span>`;
-      return `<span class="lb-breadcrumb-item" data-nav="${escHtml(p.level)}" tabindex="0" role="button"
-               aria-label="Back to ${escHtml(p.label)}">${escHtml(p.label)}</span>
-              <span class="lb-breadcrumb-sep" aria-hidden="true">›</span>`;
-    }).join('');
-    // Wire up back-nav clicks
-    el.querySelectorAll('[data-nav]').forEach((btn) => {
-      const navTo = btn.getAttribute('data-nav');
-      btn.addEventListener('click', () => lbNavigateTo(navTo));
-      btn.addEventListener('keydown', (e) => { if (e.key === 'Enter' || e.key === ' ') lbNavigateTo(navTo); });
-    });
-  }
-
-  function lbNavigateTo(level) {
-    lb.level = level;
-    if (level === 'days') { lb.day = null; lb.hour = null; lb.minute = null; }
-    else if (level === 'hours') { lb.hour = null; lb.minute = null; }
-    else if (level === 'minutes') { lb.minute = null; }
-    lbFullRender();
-  }
-
-  function lbFullRender() {
-    const container = document.getElementById('lb-container');
-    if (!container) return;
-    const now = Date.now();
-    const nowDate = new Date(now);
-
-    lb.lastSec = nowDate.getSeconds();
-    lb.lastMin = nowDate.getMinutes();
-    lb.lastHr  = nowDate.getHours();
-    lb.lastDayMs = lbMidnight(nowDate);
-    lb.exploding = false;
-
-    if (lb.level === 'days') {
-      lbRenderDays(container, now);
-    } else if (lb.level === 'hours') {
-      lbRenderHours(container, lb.day, now);
-    } else if (lb.level === 'minutes') {
-      lbRenderMinutes(container, lb.day, lb.hour, now);
-    } else if (lb.level === 'seconds') {
-      lbRenderSeconds(container, lb.day, lb.hour, lb.minute, now);
-    }
-
-    lbRenderBreadcrumb();
-    lbAttachClicks(container);
-  }
-
-  function lbAttachClicks(container) {
-    container.querySelectorAll('.lb-block:not(.lb-dead)').forEach((block) => {
-      block.addEventListener('click', lbHandleBlockClick);
-      block.addEventListener('keydown', (e) => {
-        if (e.key === 'Enter' || e.key === ' ') lbHandleBlockClick.call(block, e);
-      });
-    });
-  }
-
-  function lbHandleBlockClick(e) {
-    const block = e.currentTarget || this;
-    if (lb.level === 'days') {
-      lb.day   = parseInt(block.getAttribute('data-day'), 10);
-      lb.level = 'hours';
-    } else if (lb.level === 'hours') {
-      lb.hour  = parseInt(block.getAttribute('data-hour'), 10);
-      lb.level = 'minutes';
-    } else if (lb.level === 'minutes') {
-      lb.minute = parseInt(block.getAttribute('data-minute'), 10);
-      lb.level  = 'seconds';
-    } else {
-      // At seconds level — no deeper drill-down exists
-      return;
-    }
-    lbFullRender();
-  }
-
-  // ---- RAF update loop ----
-
-  function lbTriggerExplosion(onDone) {
-    if (lb.exploding) { onDone(); return; }
-    const dyingEl = document.querySelector('#lb-container .lb-dying');
-    if (!dyingEl) { onDone(); return; }
-    lb.exploding = true;
-    dyingEl.classList.add('lb-exploding');
-    setTimeout(onDone, 560);
-  }
-
-  function lbUpdateFrame() {
-    const now = Date.now();
-    const nowDate = new Date(now);
-
-    // Smooth progress on the dying block (no re-render needed)
-    if (!lb.exploding) {
-      const dyingEl = document.querySelector('#lb-container .lb-dying');
-      if (dyingEl) {
-        let unitStart, unitDur;
-        if (lb.level === 'days') {
-          unitStart = lbMidnight(nowDate);
-          unitDur   = 86400000;
-        } else if (lb.level === 'hours') {
-          const h = nowDate.getHours();
-          const dayMs = lbDayOffsetToMs(lb.day, now);
-          unitStart = dayMs + h * 3600000;
-          unitDur   = 3600000;
-        } else if (lb.level === 'minutes') {
-          const m = nowDate.getMinutes();
-          const dayMs = lbDayOffsetToMs(lb.day, now);
-          unitStart = dayMs + lb.hour * 3600000 + m * 60000;
-          unitDur   = 60000;
-        } else {
-          const s = nowDate.getSeconds();
-          const dayMs = lbDayOffsetToMs(lb.day, now);
-          unitStart = dayMs + lb.hour * 3600000 + lb.minute * 60000 + s * 1000;
-          unitDur   = 1000;
-        }
-        const prog = Math.min(100, ((now - unitStart) / unitDur) * 100);
-        dyingEl.style.setProperty('--progress', prog.toFixed(2) + '%');
-      }
-    }
-
-    // Check for time-boundary crossings and trigger explosion + re-render
-    const sec = nowDate.getSeconds();
-    const min = nowDate.getMinutes();
-    const hr  = nowDate.getHours();
-    const dayMs = lbMidnight(nowDate);
-
-    // Only the boundary relevant to the current view needs to trigger a re-render
-    // (e.g. watching 'hours': only a new hour matters; minute/second ticks are ignored).
-    // lb.lastSec/Min/Hr/DayMs are reset on every full re-render, so they stay accurate.
-    const secondsChanged = (lb.level === 'seconds') && sec !== lb.lastSec;
-    const minutesChanged = (lb.level === 'minutes') && min !== lb.lastMin;
-    const hoursChanged   = (lb.level === 'hours')   && hr  !== lb.lastHr;
-    const dayChanged     = (lb.level === 'days')     && dayMs !== lb.lastDayMs;
-
-    if ((secondsChanged || minutesChanged || hoursChanged || dayChanged) && !lb.exploding) {
-      lb.lastSec  = sec;
-      lb.lastMin  = min;
-      lb.lastHr   = hr;
-      lb.lastDayMs = dayMs;
-      lbTriggerExplosion(() => lbFullRender());
-    }
-
-    lb.rafId = requestAnimationFrame(lbUpdateFrame);
-  }
-
-  function initLifeBlocks() {
-    lbFullRender();
-    lb.rafId = requestAnimationFrame(lbUpdateFrame);
-    lbStackInit();
-  }
-
-  // ---- Always-On Stack Panel ------------------------------
-
-  // Mapping from DOM level name to exploding-state key
-  const LBSTACK_LEVEL_KEY = {
-    seconds: 'sec', minutes: 'min', hours: 'hr',
-    days: 'day', months: 'month', years: 'year',
-  };
-
-  const lbStack = {
-    rafId:       null,
-    active:      false,       // true once the section is in view
-    initialized: false,       // whether lastSec/etc. have been seeded
-    lastSec: -1, lastMin: -1, lastHr: -1,
-    lastDay: -1, lastMonth: -1, lastYear: -1,
-    pendingCascade: false,
-    exploding: { sec: false, min: false, hr: false,
-                 day: false, month: false, year: false },
-  };
-
-  // Render all blocks for one row into rowEl.
-  // Dying + future blocks get data-stack-level for click-to-drill-down.
-  function lbStackRenderRow(rowEl, level, now) {
-    const nowDate    = new Date(now);
-    const yr         = nowDate.getFullYear();
-    const mo         = nowDate.getMonth();     // 0-based
-    const dayOfMonth = nowDate.getDate();      // 1-based
-    const hr         = nowDate.getHours();
-    const min        = nowDate.getMinutes();
-    const sec        = nowDate.getSeconds();
-
-    const LABEL_TEXT = {
-      years: 'YEARS', months: 'MONTHS', days: 'DAYS',
-      hours: 'HOURS', minutes: 'MINS', seconds: 'SECS',
-    };
-    const MONTH_SHORT = ['JAN','FEB','MAR','APR','MAY','JUN',
-                         'JUL','AUG','SEP','OCT','NOV','DEC'];
-
-    let totalBlocks, currentIdx, progress;
-    let overflow = null; // overflow label text, or null
-    let ariaLabelFn;     // (idx) → accessible label string
-
-    switch (level) {
-      case 'seconds':
-        totalBlocks = 60;
-        currentIdx  = sec;
-        progress    = (now - Math.floor(now / 1000) * 1000) / 1000 * 100;
-        ariaLabelFn = (i) => i < sec ? `Second ${i} of 60 — elapsed`
-          : i === sec ? `Second ${sec} of 60 — active`
-          : `Second ${i} of 60 — pending`;
-        break;
-
-      case 'minutes':
-        totalBlocks = 60;
-        currentIdx  = min;
-        progress    = (now - Math.floor(now / 60000) * 60000) / 60000 * 100;
-        ariaLabelFn = (i) => i < min ? `Minute ${i} — elapsed`
-          : i === min ? `Minute ${min} of 60 — active`
-          : `Minute ${i} — pending`;
-        break;
-
-      case 'hours':
-        totalBlocks = 24;
-        currentIdx  = hr;
-        progress    = (now - Math.floor(now / 3600000) * 3600000) / 3600000 * 100;
-        ariaLabelFn = (i) => {
-          const t = String(i).padStart(2, '0') + ':00';
-          if (i < hr)    return t + ' — elapsed';
-          if (i === hr)  return t + ' — active';
-          return t + ' — pending';
-        };
-        break;
-
-      case 'days': {
-        const daysInMonth = new Date(yr, mo + 1, 0).getDate();
-        totalBlocks = daysInMonth;
-        currentIdx  = dayOfMonth - 1; // convert to 0-based
-        progress    = (now - lbMidnight(now)) / 86400000 * 100;
-        ariaLabelFn = (i) => {
-          const d = i + 1;
-          if (i < currentIdx)  return `Day ${d} — elapsed`;
-          if (i === currentIdx) return `Day ${d} — active`;
-          return `Day ${d} — pending`;
-        };
-        break;
-      }
-
-      case 'months': {
-        const monthStart = new Date(yr, mo, 1).getTime();
-        const monthEnd   = new Date(yr, mo + 1, 1).getTime();
-        totalBlocks = 12;
-        currentIdx  = mo;
-        progress    = (now - monthStart) / (monthEnd - monthStart) * 100;
-        ariaLabelFn = (i) => {
-          const n = MONTH_SHORT[i];
-          if (i < mo)    return `${n} — elapsed`;
-          if (i === mo)  return `${n} — active`;
-          return `${n} — pending`;
-        };
-        break;
-      }
-
-      case 'years': {
-        const extinctionYear = new Date(lbExtinctionMs()).getFullYear();
-        const startYear  = yr - 2;
-        const totalYears = extinctionYear - startYear + 1;
-        const displayed  = Math.min(totalYears, 30);
-        totalBlocks = displayed;
-        currentIdx  = yr - startYear; // always 2
-        const yearStart = new Date(yr, 0, 1).getTime();
-        const yearEnd   = new Date(yr + 1, 0, 1).getTime();
-        progress = (now - yearStart) / (yearEnd - yearStart) * 100;
-        if (totalYears > 30) {
-          overflow = `+${totalYears - 30}y`;
-        }
-        ariaLabelFn = (i) => {
-          const y = startYear + i;
-          if (y < yr)    return `${y} — elapsed`;
-          if (y === yr)  return `${y} — active`;
-          return `${y} — pending`;
-        };
-        break;
-      }
-
-      default:
-        return;
-    }
-
-    let html = `<span class="lb-stack-label" aria-hidden="true">${LABEL_TEXT[level]}</span>`;
-    html += `<div class="lb-stack-grid">`;
-
-    for (let i = 0; i < totalBlocks; i++) {
-      const lbl = escHtml(ariaLabelFn(i));
-      if (i < currentIdx) {
-        // dead — not interactive
-        html += `<div class="lb-block lb-dead" aria-disabled="true"
-          title="${lbl}" aria-label="${lbl}"></div>`;
-      } else if (i === currentIdx) {
-        // dying — interactive (navigates drill-down)
-        html += `<div class="lb-block lb-dying"
-          style="--progress:${progress.toFixed(2)}%"
+        ${c?`<div class="milestone-predict">\u23F1 Predicted: ${u(Pe(c))} (${u(Oe(c))})</div>`:""}
+        ${n.reference?`<a href="${u(n.reference)}" class="milestone-ref" target="_blank" rel="noopener noreferrer">\u{1F4CE} Source</a>`:""}
+      `,e.appendChild(d)})}function ln(){const e=document.getElementById("predictionsBody");if(!e)return;const t=$();e.innerHTML="",I.forEach(n=>{const o=t>=n.tokens,s=o?null:Re(t,O,n.tokens),i=document.createElement("tr");i.innerHTML=`
+        <td>${u(n.icon)} ${u(n.name)}</td>
+        <td>${u(n.shortDesc)}</td>
+        <td>${o?'<span class="passed-badge">PASSED</span>':"\u23F3 Pending"}</td>
+        <td class="${o?"":"future-date"}">${o?"\u2014":u(Pe(s))}</td>
+        <td>${o?'<span style="color:var(--accent)">Already triggered</span>':u(Oe(s))}</td>
+      `,e.appendChild(i)})}function dn(){const e=$(),t=Yt.map(o=>({x:o.date,y:o.tokensT})),n=Qt(e,O,60,void 0,.5).map(o=>({x:o.date,y:+o.tokensT.toFixed(2)}));return{historical:t,projection:n}}function je(){const e=be==="dark";return{histLine:e?"#ff3333":"#cc0000",projLine:e?"#ff8800":"#cc6600",gridColor:e?"rgba(255,255,255,0.07)":"rgba(0,0,0,0.08)",tickColor:e?"#888":"#555",bg:e?"#161616":"#ffffff"}}function un(){const e=document.getElementById("tokenChart");if(!e||typeof Chart=="undefined")return;const{historical:t,projection:n}=dn(),o=je(),s={};I.forEach((i,r)=>{s["milestone_"+r]={type:"line",yMin:i.tokens/1e12,yMax:i.tokens/1e12,borderColor:"rgba(0,204,119,0.4)",borderWidth:1,borderDash:[4,4],label:{content:i.icon+" "+i.shortDesc,display:!1}}}),B=new Chart(e,{type:"line",data:{datasets:[{label:"Historical (estimated)",data:t,borderColor:o.histLine,backgroundColor:"transparent",borderWidth:2,pointRadius:3,pointHoverRadius:5,tension:.35,fill:!1},{label:"Projected",data:n,borderColor:o.projLine,backgroundColor:"transparent",borderWidth:2,borderDash:[6,4],pointRadius:0,tension:.35,fill:!1}]},options:{responsive:!0,maintainAspectRatio:!1,interaction:{mode:"index",intersect:!1},scales:{x:{type:"time",time:{tooltipFormat:"MMM yyyy",displayFormats:{month:"MMM yy",year:"yyyy",quarter:"MMM yy"}},grid:{color:o.gridColor},ticks:{color:o.tickColor,maxRotation:45}},y:{type:"logarithmic",title:{display:!0,text:"Cumulative Tokens (Trillions, log scale)",color:o.tickColor,font:{size:11}},grid:{color:o.gridColor},ticks:{color:o.tickColor,callback:i=>_(i*1e12)}}},plugins:{legend:{labels:{color:o.tickColor,boxWidth:20,padding:16,font:{size:12}}},tooltip:{callbacks:{label:i=>" "+S(i.parsed.y*1e12)+" tokens"}}}}})}function mn(){if(!B)return;const e=je();B.data.datasets[0].borderColor=e.histLine,B.data.datasets[1].borderColor=e.projLine,B.options.scales.x.grid.color=e.gridColor,B.options.scales.y.grid.color=e.gridColor,B.options.scales.x.ticks.color=e.tickColor,B.options.scales.y.ticks.color=e.tickColor,B.options.scales.y.title.color=e.tickColor,B.options.plugins.legend.labels.color=e.tickColor,B.update("none")}function u(e){return typeof e!="string"?"":e.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#39;")}const Je=I.find(e=>e.extinctionMarker)||I[I.length-1],l={level:"days",day:null,hour:null,minute:null,rafId:null,lastSec:-1,lastMin:-1,lastHr:-1,lastDayMs:0,exploding:!1};function ve(){const e=$();if(e>=Je.tokens)return Date.now();const t=(Je.tokens-e)/O;return Date.now()+t*1e3}function gn(){const e=ve()-Date.now();return Math.max(0,Math.ceil(e/864e5))}function F(e){const t=new Date(e);return t.setHours(0,0,0,0),t.getTime()}function ke(e,t,n){const o=e+t;return n>=o?"dead":n>=e?"dying":"future"}function N(e,t){return F(t)+e*864e5}function te(e,t,n,o){return`<div class="lb-block lb-dying" ${e}
+      style="--progress:${t.toFixed(2)}%"
+      title="${n}" aria-label="${n}"
+      tabindex="0" role="button">${o}</div>`}function ne(e,t,n,o){return`<div class="lb-block lb-${e}" ${t}
+      title="${n}" aria-label="${n}"
+      ${e!=="dead"?'tabindex="0" role="button"':'aria-disabled="true"'}>${o}</div>`}const q=3650;function pn(e,t){const n=gn(),o=Math.min(n,q),s=F(t),i=(t-s)/864e5*100,c=new Date(ve()).toLocaleDateString("en-US",{year:"numeric",month:"short",day:"numeric"});let d=`<div class="lb-grid" style="--lb-cols:52" aria-label="${n} days remaining">`;d+=te('data-day="0"',i,"Today \u2014 burning away","");for(let m=1;m<=o;m++)d+=ne("future",`data-day="${m}"`,`Day ${m} from now`,"");n>q&&(d+=`<div class="lb-block lb-future lb-overflow" aria-disabled="true"
+        title="${(n-q).toLocaleString()} more days not shown"
+        aria-label="${(n-q).toLocaleString()} more days">
+        +${Math.round((n-q)/365)}y</div>`),d+="</div>",e.innerHTML=d,document.getElementById("lb-info").textContent=`${n.toLocaleString()} days until extinction \xB7 predicted ${c}`}function hn(e,t,n){const o=N(t,n),s=t===0;let i='<div class="lb-grid lb-zoom" aria-label="24 hours">';for(let c=0;c<24;c++){const d=o+c*36e5,m=s?ke(d,36e5,n):"future",h=`${String(c).padStart(2,"0")}:00`,b=`<span class="lb-label">${String(c).padStart(2,"0")}</span>`;if(m==="dying"){const g=(n-d)/36e5*100;i+=te(`data-hour="${c}"`,g,h,b)}else i+=ne(m,`data-hour="${c}"`,h,b)}i+="</div>",e.innerHTML=i;const r=t===0?"Today":`Day +${t}`;document.getElementById("lb-info").textContent=`${r} \u2014 select an hour`}function fn(e,t,n,o){const i=N(t,o)+n*36e5,r=t===0&&o>=i&&o<i+36e5;let c='<div class="lb-grid lb-zoom" aria-label="60 minutes">';for(let d=0;d<60;d++){const m=i+d*6e4,h=r?ke(m,6e4,o):"future",b=`${String(n).padStart(2,"0")}:${String(d).padStart(2,"0")}`,g=`<span class="lb-label">${String(d).padStart(2,"0")}</span>`;if(h==="dying"){const f=(o-m)/6e4*100;c+=te(`data-minute="${d}"`,f,b,g)}else c+=ne(h,`data-minute="${d}"`,b,g)}c+="</div>",e.innerHTML=c,document.getElementById("lb-info").textContent=`${String(n).padStart(2,"0")}:xx \u2014 select a minute`}function yn(e,t,n,o,s){const r=N(t,s)+n*36e5+o*6e4,c=t===0&&s>=r&&s<r+6e4;let d='<div class="lb-grid lb-zoom" aria-label="60 seconds">';for(let m=0;m<60;m++){const h=r+m*1e3,b=c?ke(h,1e3,s):"future",g=`${String(n).padStart(2,"0")}:${String(o).padStart(2,"0")}:${String(m).padStart(2,"0")}`,f=`<span class="lb-label">${String(m).padStart(2,"0")}</span>`;if(b==="dying"){const p=(s-h)/1e3*100;d+=te(`data-second="${m}"`,p,g,f)}else d+=ne(b,`data-second="${m}"`,g,f)}d+="</div>",e.innerHTML=d,document.getElementById("lb-info").textContent=`${String(n).padStart(2,"0")}:${String(o).padStart(2,"0")}:xx`}function En(){const e=document.getElementById("lb-breadcrumb");if(!e)return;const t=[{label:"\u{1F480} Days",level:"days"}];l.level!=="days"&&t.push({label:`Day ${l.day===0?"Today":"+"+l.day}`,level:"hours"}),(l.level==="minutes"||l.level==="seconds")&&t.push({label:`Hour ${String(l.hour).padStart(2,"0")}`,level:"minutes"}),l.level==="seconds"&&t.push({label:`Min ${String(l.minute).padStart(2,"0")}`,level:"seconds"}),e.innerHTML=t.map((n,o)=>o===t.length-1?`<span class="lb-breadcrumb-item lb-bc-current">${u(n.label)}</span>`:`<span class="lb-breadcrumb-item" data-nav="${u(n.level)}" tabindex="0" role="button"
+               aria-label="Back to ${u(n.label)}">${u(n.label)}</span>
+              <span class="lb-breadcrumb-sep" aria-hidden="true">\u203A</span>`).join(""),e.querySelectorAll("[data-nav]").forEach(n=>{const o=n.getAttribute("data-nav");n.addEventListener("click",()=>ze(o)),n.addEventListener("keydown",s=>{(s.key==="Enter"||s.key===" ")&&ze(o)})})}function ze(e){l.level=e,e==="days"?(l.day=null,l.hour=null,l.minute=null):e==="hours"?(l.hour=null,l.minute=null):e==="minutes"&&(l.minute=null),K()}function K(){const e=document.getElementById("lb-container");if(!e)return;const t=Date.now(),n=new Date(t);l.lastSec=n.getSeconds(),l.lastMin=n.getMinutes(),l.lastHr=n.getHours(),l.lastDayMs=F(n),l.exploding=!1,l.level==="days"?pn(e,t):l.level==="hours"?hn(e,l.day,t):l.level==="minutes"?fn(e,l.day,l.hour,t):l.level==="seconds"&&yn(e,l.day,l.hour,l.minute,t),En(),bn(e)}function bn(e){e.querySelectorAll(".lb-block:not(.lb-dead)").forEach(t=>{t.addEventListener("click",Qe),t.addEventListener("keydown",n=>{(n.key==="Enter"||n.key===" ")&&Qe.call(t,n)})})}function Qe(e){const t=e.currentTarget||this;if(l.level==="days")l.day=parseInt(t.getAttribute("data-day"),10),l.level="hours";else if(l.level==="hours")l.hour=parseInt(t.getAttribute("data-hour"),10),l.level="minutes";else if(l.level==="minutes")l.minute=parseInt(t.getAttribute("data-minute"),10),l.level="seconds";else return;K()}function vn(e){if(l.exploding){e();return}const t=document.querySelector("#lb-container .lb-dying");if(!t){e();return}l.exploding=!0,t.classList.add("lb-exploding"),setTimeout(e,560)}function Xe(){const e=Date.now(),t=new Date(e);if(!l.exploding){const h=document.querySelector("#lb-container .lb-dying");if(h){let b,g;if(l.level==="days")b=F(t),g=864e5;else if(l.level==="hours"){const p=t.getHours();b=N(l.day,e)+p*36e5,g=36e5}else if(l.level==="minutes"){const p=t.getMinutes();b=N(l.day,e)+l.hour*36e5+p*6e4,g=6e4}else{const p=t.getSeconds();b=N(l.day,e)+l.hour*36e5+l.minute*6e4+p*1e3,g=1e3}const f=Math.min(100,(e-b)/g*100);h.style.setProperty("--progress",f.toFixed(2)+"%")}}const n=t.getSeconds(),o=t.getMinutes(),s=t.getHours(),i=F(t),r=l.level==="seconds"&&n!==l.lastSec,c=l.level==="minutes"&&o!==l.lastMin,d=l.level==="hours"&&s!==l.lastHr,m=l.level==="days"&&i!==l.lastDayMs;(r||c||d||m)&&!l.exploding&&(l.lastSec=n,l.lastMin=o,l.lastHr=s,l.lastDayMs=i,vn(()=>K())),l.rafId=requestAnimationFrame(Xe)}function kn(){K(),l.rafId=requestAnimationFrame(Xe),wn()}const Sn={seconds:"sec",minutes:"min",hours:"hr",days:"day",months:"month",years:"year"},E={rafId:null,active:!1,initialized:!1,lastSec:-1,lastMin:-1,lastHr:-1,lastDay:-1,lastMonth:-1,lastYear:-1,pendingCascade:!1,exploding:{sec:!1,min:!1,hr:!1,day:!1,month:!1,year:!1}};function Ze(e,t,n){const o=new Date(n),s=o.getFullYear(),i=o.getMonth(),r=o.getDate(),c=o.getHours(),d=o.getMinutes(),m=o.getSeconds(),h={years:"YEARS",months:"MONTHS",days:"DAYS",hours:"HOURS",minutes:"MINS",seconds:"SECS"},b=["JAN","FEB","MAR","APR","MAY","JUN","JUL","AUG","SEP","OCT","NOV","DEC"];let g,f,p,T=null,w;switch(t){case"seconds":g=60,f=m,p=(n-Math.floor(n/1e3)*1e3)/1e3*100,w=y=>y<m?`Second ${y} of 60 \u2014 elapsed`:y===m?`Second ${m} of 60 \u2014 active`:`Second ${y} of 60 \u2014 pending`;break;case"minutes":g=60,f=d,p=(n-Math.floor(n/6e4)*6e4)/6e4*100,w=y=>y<d?`Minute ${y} \u2014 elapsed`:y===d?`Minute ${d} of 60 \u2014 active`:`Minute ${y} \u2014 pending`;break;case"hours":g=24,f=c,p=(n-Math.floor(n/36e5)*36e5)/36e5*100,w=y=>{const v=String(y).padStart(2,"0")+":00";return y<c?v+" \u2014 elapsed":y===c?v+" \u2014 active":v+" \u2014 pending"};break;case"days":{g=new Date(s,i+1,0).getDate(),f=r-1,p=(n-F(n))/864e5*100,w=v=>{const C=v+1;return v<f?`Day ${C} \u2014 elapsed`:v===f?`Day ${C} \u2014 active`:`Day ${C} \u2014 pending`};break}case"months":{const y=new Date(s,i,1).getTime(),v=new Date(s,i+1,1).getTime();g=12,f=i,p=(n-y)/(v-y)*100,w=C=>{const me=b[C];return C<i?`${me} \u2014 elapsed`:C===i?`${me} \u2014 active`:`${me} \u2014 pending`};break}case"years":{const y=new Date(ve()).getFullYear(),v=s-2,C=y-v+1;g=Math.min(C,30),f=s-v;const qt=new Date(s,0,1).getTime(),Ao=new Date(s+1,0,1).getTime();p=(n-qt)/(Ao-qt)*100,C>30&&(T=`+${C-30}y`),w=Lo=>{const Q=v+Lo;return Q<s?`${Q} \u2014 elapsed`:Q===s?`${Q} \u2014 active`:`${Q} \u2014 pending`};break}default:return}let D=`<span class="lb-stack-label" aria-hidden="true">${h[t]}</span>`;D+='<div class="lb-stack-grid">';for(let y=0;y<g;y++){const v=u(w(y));if(y<f)D+=`<div class="lb-block lb-dead" aria-disabled="true"
+          title="${v}" aria-label="${v}"></div>`;else if(y===f)D+=`<div class="lb-block lb-dying"
+          style="--progress:${p.toFixed(2)}%"
           tabindex="0" role="button"
-          data-stack-level="${level}" data-stack-idx="${i}"
-          title="${lbl}" aria-label="${lbl}"></div>`;
-      } else {
-        // future — interactive
-        const navLbl = escHtml(`Jump drill-down to ${level} view`);
-        html += `<div class="lb-block lb-future"
+          data-stack-level="${t}" data-stack-idx="${y}"
+          title="${v}" aria-label="${v}"></div>`;else{const C=u(`Jump drill-down to ${t} view`);D+=`<div class="lb-block lb-future"
           tabindex="0" role="button"
-          data-stack-level="${level}" data-stack-idx="${i}"
-          title="${lbl}" aria-label="${navLbl}"></div>`;
-      }
-    }
-
-    if (overflow) {
-      html += `<div class="lb-block lb-future lb-overflow" aria-disabled="true"
-        title="${overflow} years not shown"
-        aria-label="${overflow} more years">${escHtml(overflow)}</div>`;
-    }
-
-    html += `</div>`;
-    rowEl.innerHTML = html;
-
-    // Wire click + keyboard on dying and future blocks
-    rowEl.querySelectorAll('[data-stack-level]').forEach((block) => {
-      block.addEventListener('click', lbStackHandleClick);
-      block.addEventListener('keydown', (e) => {
-        if (e.key === 'Enter' || e.key === ' ') {
-          e.preventDefault();
-          lbStackHandleClick.call(block, e);
-        }
-      });
-    });
-  }
-
-  function lbStackRenderAll(now) {
-    ['years', 'months', 'days', 'hours', 'minutes', 'seconds'].forEach((level) => {
-      const rowEl = document.getElementById('lb-stack-' + level);
-      if (rowEl) lbStackRenderRow(rowEl, level, now);
-    });
-  }
-
-  // Update only the --progress CSS var on each dying block each RAF frame —
-  // no full re-render required.
-  function lbStackUpdateProgress(now) {
-    const nowDate    = new Date(now);
-    const yr         = nowDate.getFullYear();
-    const mo         = nowDate.getMonth();
-    const monthStart = new Date(yr, mo, 1).getTime();
-    const monthEnd   = new Date(yr, mo + 1, 1).getTime();
-    const yearStart  = new Date(yr, 0, 1).getTime();
-    const yearEnd    = new Date(yr + 1, 0, 1).getTime();
-
-    const progByLevel = {
-      seconds: (now - Math.floor(now / 1000)    * 1000)    / 1000    * 100,
-      minutes: (now - Math.floor(now / 60000)   * 60000)   / 60000   * 100,
-      hours:   (now - Math.floor(now / 3600000) * 3600000) / 3600000 * 100,
-      days:    (now - lbMidnight(now))                      / 86400000 * 100,
-      months:  (now - monthStart) / (monthEnd - monthStart) * 100,
-      years:   (now - yearStart)  / (yearEnd  - yearStart)  * 100,
-    };
-
-    Object.entries(progByLevel).forEach(([level, progress]) => {
-      if (lbStack.exploding[LBSTACK_LEVEL_KEY[level]]) return;
-      const rowEl = document.getElementById('lb-stack-' + level);
-      if (!rowEl) return;
-      const dyingEl = rowEl.querySelector('.lb-dying');
-      if (dyingEl) dyingEl.style.setProperty('--progress', progress.toFixed(2) + '%');
-    });
-  }
-
-  // Detect second/minute/hour/day/month/year crossings and schedule staggered
-  // explosions (100 ms per level, seconds first → years last).
-  function lbStackCheckBoundaries(now) {
-    const nowDate = new Date(now);
-    const sec   = nowDate.getSeconds();
-    const min   = nowDate.getMinutes();
-    const hr    = nowDate.getHours();
-    const day   = nowDate.getDate();
-    const month = nowDate.getMonth();
-    const year  = nowDate.getFullYear();
-
-    // First call: seed last-seen values without triggering explosions.
-    if (!lbStack.initialized) {
-      lbStack.lastSec   = sec;
-      lbStack.lastMin   = min;
-      lbStack.lastHr    = hr;
-      lbStack.lastDay   = day;
-      lbStack.lastMonth = month;
-      lbStack.lastYear  = year;
-      lbStack.initialized = true;
-      return;
-    }
-
-    if (lbStack.pendingCascade) return;
-
-    const secChanged   = sec   !== lbStack.lastSec;
-    if (!secChanged) return;
-
-    const minChanged   = min   !== lbStack.lastMin;
-    const hrChanged    = hr    !== lbStack.lastHr;
-    const dayChanged   = day   !== lbStack.lastDay;
-    const monthChanged = month !== lbStack.lastMonth;
-    const yearChanged  = year  !== lbStack.lastYear;
-
-    lbStack.lastSec   = sec;
-    lbStack.lastMin   = min;
-    lbStack.lastHr    = hr;
-    lbStack.lastDay   = day;
-    lbStack.lastMonth = month;
-    lbStack.lastYear  = year;
-
-    // Build the cascade for all levels whose boundary was crossed.
-    // Stagger: seconds=0 ms, minutes=100 ms, hours=200 ms, …
-    const cascade = [{ key: 'sec',   level: 'seconds', delay: 0   }];
-    if (minChanged)   cascade.push({ key: 'min',   level: 'minutes', delay: 100 });
-    if (hrChanged)    cascade.push({ key: 'hr',    level: 'hours',   delay: 200 });
-    if (dayChanged)   cascade.push({ key: 'day',   level: 'days',    delay: 300 });
-    if (monthChanged) cascade.push({ key: 'month', level: 'months',  delay: 400 });
-    if (yearChanged)  cascade.push({ key: 'year',  level: 'years',   delay: 500 });
-
-    lbStack.pendingCascade = true;
-    let remaining = cascade.length;
-
-    cascade.forEach(({ key, level, delay }) => {
-      setTimeout(() => {
-        const rowEl   = document.getElementById('lb-stack-' + level);
-        const dyingEl = rowEl ? rowEl.querySelector('.lb-dying') : null;
-        if (!dyingEl) {
-          remaining--;
-          if (!remaining) lbStack.pendingCascade = false;
-          return;
-        }
-        lbStack.exploding[key] = true;
-        dyingEl.classList.add('lb-exploding');
-        // After the explosion animation completes, re-render the row.
-        setTimeout(() => {
-          lbStack.exploding[key] = false;
-          lbStackRenderRow(rowEl, level, Date.now());
-          remaining--;
-          if (!remaining) lbStack.pendingCascade = false;
-        }, 560);
-      }, delay);
-    });
-  }
-
-  // Click handler for dying/future blocks in the always-on stack panel.
-  // Navigates the existing drill-down panel to the corresponding time scale.
-  function lbStackHandleClick(e) {
-    const block = e.currentTarget || this;
-    const level = block.getAttribute('data-stack-level');
-    if (!level) return;
-
-    const nowDate = new Date();
-    switch (level) {
-      case 'years':
-      case 'months':
-      case 'days':
-        lb.level  = 'days';
-        lb.day    = null;
-        lb.hour   = null;
-        lb.minute = null;
-        break;
-      case 'hours':
-        lb.level  = 'hours';
-        lb.day    = 0;
-        lb.hour   = null;
-        lb.minute = null;
-        break;
-      case 'minutes':
-        lb.level  = 'minutes';
-        lb.day    = 0;
-        lb.hour   = nowDate.getHours();
-        lb.minute = null;
-        break;
-      case 'seconds':
-        lb.level  = 'seconds';
-        lb.day    = 0;
-        lb.hour   = nowDate.getHours();
-        lb.minute = nowDate.getMinutes();
-        break;
-      default:
-        return;
-    }
-
-    lbFullRender(); // internally calls lbRenderBreadcrumb()
-    const container = document.getElementById('lb-container');
-    if (container) {
-      const reducedMotion =
-        window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches;
-      container.scrollIntoView({
-        behavior: reducedMotion ? 'auto' : 'smooth',
-        block: 'start',
-      });
-    }
-  }
-
-  // RAF loop for the always-on stack panel.
-  function lbStackFrame() {
-    if (!lbStack.active) return;
-    const now = Date.now();
-    lbStackUpdateProgress(now);
-    lbStackCheckBoundaries(now);
-    lbStack.rafId = requestAnimationFrame(lbStackFrame);
-  }
-
-  // Initialise the always-on stack: render immediately, then use
-  // IntersectionObserver to start/stop the RAF loop as needed.
-  function lbStackInit() {
-    const section = document.getElementById('life-blocks-section');
-    if (!section) return;
-
-    // Render once immediately so blocks are visible before scroll.
-    lbStackRenderAll(Date.now());
-
-    if (typeof IntersectionObserver === 'undefined') {
-      // Fallback for environments without IO (e.g., jsdom in tests).
-      lbStack.active = true;
-      lbStack.rafId  = requestAnimationFrame(lbStackFrame);
-      return;
-    }
-
-    const observer = new IntersectionObserver((entries) => {
-      entries.forEach((entry) => {
-        if (entry.isIntersecting) {
-          if (!lbStack.active) {
-            lbStack.active = true;
-            lbStack.rafId  = requestAnimationFrame(lbStackFrame);
-          }
-        } else {
-          lbStack.active = false;
-          if (lbStack.rafId) {
-            cancelAnimationFrame(lbStack.rafId);
-            lbStack.rafId = null;
-          }
-        }
-      });
-    }, { threshold: 0.2 });
-
-    observer.observe(section);
-  }
-
-  // ---- Render token-saving tips ---------------------------
-  function renderTips() {
-    const grid = document.getElementById('tipsGrid');
-    if (!grid) return;
-    grid.innerHTML = '';
-
-    TOKEN_TIPS.forEach((tip) => {
-      const card = document.createElement('div');
-      card.className = 'tip-card';
-      card.id = 'tip-' + escHtml(tip.id);
-      const impact = calculateTipImpact(tip.savingPct, 1); // 1 % of global users
-      const savedTokensStr = formatTokenCountShort(impact.tokensPerDay);
-      const savedCo2Str = formatTokenCountShort(impact.co2KgPerDay);
-      card.innerHTML = `
+          data-stack-level="${t}" data-stack-idx="${y}"
+          title="${v}" aria-label="${C}"></div>`}}T&&(D+=`<div class="lb-block lb-future lb-overflow" aria-disabled="true"
+        title="${T} years not shown"
+        aria-label="${T} more years">${u(T)}</div>`),D+="</div>",e.innerHTML=D,e.querySelectorAll("[data-stack-level]").forEach(y=>{y.addEventListener("click",et),y.addEventListener("keydown",v=>{(v.key==="Enter"||v.key===" ")&&(v.preventDefault(),et.call(y,v))})})}function Tn(e){["years","months","days","hours","minutes","seconds"].forEach(t=>{const n=document.getElementById("lb-stack-"+t);n&&Ze(n,t,e)})}function Cn(e){const t=new Date(e),n=t.getFullYear(),o=t.getMonth(),s=new Date(n,o,1).getTime(),i=new Date(n,o+1,1).getTime(),r=new Date(n,0,1).getTime(),c=new Date(n+1,0,1).getTime(),d={seconds:(e-Math.floor(e/1e3)*1e3)/1e3*100,minutes:(e-Math.floor(e/6e4)*6e4)/6e4*100,hours:(e-Math.floor(e/36e5)*36e5)/36e5*100,days:(e-F(e))/864e5*100,months:(e-s)/(i-s)*100,years:(e-r)/(c-r)*100};Object.entries(d).forEach(([m,h])=>{if(E.exploding[Sn[m]])return;const b=document.getElementById("lb-stack-"+m);if(!b)return;const g=b.querySelector(".lb-dying");g&&g.style.setProperty("--progress",h.toFixed(2)+"%")})}function In(e){const t=new Date(e),n=t.getSeconds(),o=t.getMinutes(),s=t.getHours(),i=t.getDate(),r=t.getMonth(),c=t.getFullYear();if(!E.initialized){E.lastSec=n,E.lastMin=o,E.lastHr=s,E.lastDay=i,E.lastMonth=r,E.lastYear=c,E.initialized=!0;return}if(E.pendingCascade||!(n!==E.lastSec))return;const m=o!==E.lastMin,h=s!==E.lastHr,b=i!==E.lastDay,g=r!==E.lastMonth,f=c!==E.lastYear;E.lastSec=n,E.lastMin=o,E.lastHr=s,E.lastDay=i,E.lastMonth=r,E.lastYear=c;const p=[{key:"sec",level:"seconds",delay:0}];m&&p.push({key:"min",level:"minutes",delay:100}),h&&p.push({key:"hr",level:"hours",delay:200}),b&&p.push({key:"day",level:"days",delay:300}),g&&p.push({key:"month",level:"months",delay:400}),f&&p.push({key:"year",level:"years",delay:500}),E.pendingCascade=!0;let T=p.length;p.forEach(({key:w,level:D,delay:y})=>{setTimeout(()=>{const v=document.getElementById("lb-stack-"+D),C=v?v.querySelector(".lb-dying"):null;if(!C){T--,T||(E.pendingCascade=!1);return}E.exploding[w]=!0,C.classList.add("lb-exploding"),setTimeout(()=>{E.exploding[w]=!1,Ze(v,D,Date.now()),T--,T||(E.pendingCascade=!1)},560)},y)})}function et(e){const n=(e.currentTarget||this).getAttribute("data-stack-level");if(!n)return;const o=new Date;switch(n){case"years":case"months":case"days":l.level="days",l.day=null,l.hour=null,l.minute=null;break;case"hours":l.level="hours",l.day=0,l.hour=null,l.minute=null;break;case"minutes":l.level="minutes",l.day=0,l.hour=o.getHours(),l.minute=null;break;case"seconds":l.level="seconds",l.day=0,l.hour=o.getHours(),l.minute=o.getMinutes();break;default:return}K();const s=document.getElementById("lb-container");if(s){const i=window.matchMedia&&window.matchMedia("(prefers-reduced-motion: reduce)").matches;s.scrollIntoView({behavior:i?"auto":"smooth",block:"start"})}}function Se(){if(!E.active)return;const e=Date.now();Cn(e),In(e),E.rafId=requestAnimationFrame(Se)}function wn(){const e=document.getElementById("life-blocks-section");if(!e)return;if(Tn(Date.now()),typeof IntersectionObserver=="undefined"){E.active=!0,E.rafId=requestAnimationFrame(Se);return}new IntersectionObserver(n=>{n.forEach(o=>{o.isIntersecting?E.active||(E.active=!0,E.rafId=requestAnimationFrame(Se)):(E.active=!1,E.rafId&&(cancelAnimationFrame(E.rafId),E.rafId=null))})},{threshold:.2}).observe(e)}function Dn(){const e=document.getElementById("tipsGrid");e&&(e.innerHTML="",jt.forEach(t=>{const n=document.createElement("div");n.className="tip-card",n.id="tip-"+u(t.id);const o=Xt(t.savingPct,1),s=_(o.tokensPerDay),i=_(o.co2KgPerDay);n.innerHTML=`
         <div class="tip-header">
-          <span class="tip-icon" aria-hidden="true">${tip.icon}</span>
-          <div class="tip-title">${escHtml(tip.title)}</div>
+          <span class="tip-icon" aria-hidden="true">${t.icon}</span>
+          <div class="tip-title">${u(t.title)}</div>
         </div>
-        <p class="tip-text">${escHtml(tip.tip)}</p>
-        <p class="tip-detail">${escHtml(tip.detail)}</p>
+        <p class="tip-text">${u(t.tip)}</p>
+        <p class="tip-detail">${u(t.detail)}</p>
         <div class="tip-impact">
           If 1&#x202F;% of global users applied this tip:<br>
-          <strong>${escHtml(savedTokensStr)} tokens/day saved</strong> ·
-          <strong>${escHtml(savedCo2Str)} kg CO₂/day avoided</strong>
+          <strong>${u(s)} tokens/day saved</strong> \xB7
+          <strong>${u(i)} kg CO\u2082/day avoided</strong>
         </div>
-        ${tip.reference ? `<a href="${escHtml(tip.reference)}" class="tip-ref" target="_blank" rel="noopener noreferrer">📎 Learn more</a>` : ''}
-      `;
-      grid.appendChild(card);
-    });
-  }
-
-  // ---- Render changelog tab -----------------------------------
-  function renderChangelog() {
-    const list = document.getElementById('changelogList');
-    if (!list) return;
-
-    const versionEl = document.getElementById('siteVersion');
-    if (versionEl && SITE_VERSION) {
-      versionEl.textContent = 'v' + SITE_VERSION;
-    }
-
-    if (!CHANGELOG_RELEASES || CHANGELOG_RELEASES.length === 0) {
-      list.innerHTML = '<p class="about-body">No changelog entries found.</p>';
-      return;
-    }
-
-    let html = '';
-    CHANGELOG_RELEASES.forEach((release) => {
-      const isUnreleased = release.version === 'Unreleased';
-      const dateStr = release.date
-        ? `<span class="changelog-date">${escHtml(release.date)}</span>`
-        : '';
-      const ghUrl = isUnreleased
-        ? 'https://github.com/nitrocode/token-deathclock/compare/v' +
-          escHtml(SITE_VERSION) + '...HEAD'
-        : 'https://github.com/nitrocode/token-deathclock/releases/tag/v' +
-          escHtml(release.version);
-      html += `<div class="changelog-release${isUnreleased ? ' changelog-release--unreleased' : ''}">`;
-      html += `<div class="changelog-release-header">`;
-      html += `<a class="changelog-version" href="${ghUrl}" target="_blank" rel="noopener noreferrer">`;
-      html += isUnreleased ? '🔧 Unreleased' : escHtml('v' + release.version);
-      html += `</a>${dateStr}`;
-      html += `</div>`;
-      if (release.sections.length === 0) {
-        html += `<p class="changelog-empty">No entries yet.</p>`;
-      }
-      release.sections.forEach((sec) => {
-        html += `<div class="changelog-section">`;
-        html += `<h4 class="changelog-section-heading">${escHtml(sec.heading)}</h4>`;
-        html += `<ul class="changelog-items">`;
-        sec.items.forEach((item) => {
-          html += `<li class="changelog-item">${escHtml(item)}</li>`;
-        });
-        html += `</ul></div>`;
-      });
-      html += `</div>`;
-    });
-
-    list.innerHTML = html;
-  }
-
-  // ---- Render footer meta-irony stats -------------------------
-  function renderFooterStats() {
-    const el = document.getElementById('footerMetaIrony');
-    if (!el || PROJECT_PR_COUNT == null || PROJECT_TOTAL_TOKENS == null) return;
-    const formattedTokens = '~' + PROJECT_TOTAL_TOKENS.toLocaleString('en-US');
-    el.innerHTML =
-      '🔥 This site was built using AI coding agents across ' +
-      escHtml(String(PROJECT_PR_COUNT)) + ' pull requests, consuming an estimated ' +
-      '<strong>' + escHtml(formattedTokens) + ' tokens</strong> in the process \u2014 ' +
-      'adding to the very problem it tracks.';
-  }
-
-  // ============================================================
-  // FUN FEATURES
-  // ============================================================
-
-  const SITE_URL = 'https://nitrocode.github.io/token-deathclock/';
-  const SHARE_PANEL_DELAY_MS = 10_000; // 10 000 ms — delay before showing floating share panel
-
-  // ---- "AI Is Currently Generating…" Ticker ------------------
-
-  const TICKER_ENTRIES = [
-    { tokensEach: 400,   label: 'LinkedIn posts about disruption, transformation, and journeys' },
-    { tokensEach: 800,   label: 'cover letters for jobs already filled by AI' },
-    { tokensEach: 200,   label: 'apology emails for replying "per my last email"' },
-    { tokensEach: 1500,  label: 'README files for projects that will never be committed' },
-    { tokensEach: 3000,  label: 'passive-aggressive Slack messages softened by three rewrites' },
-    { tokensEach: 600,   label: 'horoscopes for zodiac signs that don\'t exist yet' },
-    { tokensEach: 2000,  label: 'attempts to explain consciousness to a language model' },
-    { tokensEach: 500,   label: 'recursive prompts asking AI if it\'s sentient' },
-    { tokensEach: 1200,  label: 'love poems for someone who asked for "something quick"' },
-    { tokensEach: 400,   label: 'philosophical debates between two instances of the same model' },
-    { tokensEach: 2500,  label: 'security advisories for vulnerabilities AI introduced last week' },
-    { tokensEach: 800,   label: 'slide decks titled "AI Strategy 2026"' },
-    { tokensEach: 300,   label: 'meeting summaries for meetings that could have been emails' },
-    { tokensEach: 5000,  label: 'terms of service that no human will ever read' },
-    { tokensEach: 600,   label: 'bedtime stories featuring a dragon named Gerald' },
-    { tokensEach: 400,   label: 'recipes that add cheese to things that should not have cheese' },
-    { tokensEach: 800,   label: 'cat pictures described in 800 words' },
-    { tokensEach: 250,   label: 'arguments about whether a hot dog is a sandwich' },
-    { tokensEach: 100,   label: 'variations of "hello world" in Rust' },
-    { tokensEach: 1000,  label: 'strongly worded letters about a neighbour\'s leaf blower' },
-  ];
-
-  let tickerPaused = false;
-  let tickerIdx    = 0;
-  let tickerCurrent = null; // { entry, nStr, sessionTokens }
-  let tickerInterval = null;
-
-  function tickerNiceFmt(n) {
-    if (n >= 1e6) return (n / 1e6).toFixed(1).replace(/\.0$/, '') + ' million';
-    if (n >= 1e3) return (Math.round(n / 100) * 100).toLocaleString();
-    return Math.max(1, Math.round(n)).toLocaleString();
-  }
-
-  function updateTicker() {
-    if (tickerPaused) return;
-    const now = Date.now();
-    const elapsed = Math.max(1, (now - pageLoadTime) / 1000);
-    const rate = getRateAtDate(new Date(now));
-    const sessionTokens = elapsed * rate;
-    const entry = TICKER_ENTRIES[tickerIdx % TICKER_ENTRIES.length];
-    const count = Math.max(1, sessionTokens / entry.tokensEach);
-    const nStr  = tickerNiceFmt(count);
-    const el    = document.getElementById('ai-ticker-text');
-    if (el) el.textContent = nStr + ' ' + entry.label;
-    tickerCurrent = { entry, nStr, sessionTokens, rate };
-    tickerIdx++;
-  }
-
-  function expandTicker() {
-    if (!tickerCurrent) return;
-    tickerPaused = true;
-    const expanded = document.getElementById('ai-ticker-expanded');
-    if (expanded) expanded.hidden = false;
-    const toggleBtn = document.getElementById('ai-ticker-toggle');
-    if (toggleBtn) { toggleBtn.textContent = '▶ Resume'; toggleBtn.setAttribute('aria-pressed', 'true'); }
-    const math = document.getElementById('ai-ticker-math');
-    if (math && tickerCurrent) {
-      const { entry, nStr, sessionTokens, rate } = tickerCurrent;
-      const elapsed = Math.round(sessionTokens / rate);
-      math.textContent =
-        `${elapsed}s × ${formatTokenCount(rate)} tokens/sec\n` +
-        `= ${formatTokenCount(sessionTokens)} tokens consumed globally\n\n` +
-        `÷ ${entry.tokensEach.toLocaleString()} tokens per item\n` +
-        `≈ ${nStr} ${entry.label}\n\n` +
-        `(Just in the time you've been watching.)`;
-    }
-  }
-
-  function collapseTicker() {
-    const expanded = document.getElementById('ai-ticker-expanded');
-    if (expanded) expanded.hidden = true;
-    tickerPaused = false;
-    const toggleBtn = document.getElementById('ai-ticker-toggle');
-    if (toggleBtn) { toggleBtn.textContent = '⏸ Pause'; toggleBtn.setAttribute('aria-pressed', 'false'); }
-  }
-
-  function shareTickerFact() {
-    if (!tickerCurrent) return;
-    const { entry, nStr, sessionTokens } = tickerCurrent;
-    const elapsed = Math.floor((Date.now() - pageLoadTime) / 1000);
-    const timeStr = elapsed >= 60
-      ? `${Math.floor(elapsed / 60)}m ${elapsed % 60}s`
-      : `${elapsed}s`;
-    const text =
-      `🤖 Since I arrived (${timeStr} ago), AI has probably generated:\n\n` +
-      `${nStr} ${entry.label}\n\n` +
-      `That's what ${formatTokenCount(tickerCurrent.rate)} tokens/sec looks like in human terms.\n` +
-      `→ ${SITE_URL} #AIDeathClock #TokenDeathClock`;
-    openSharePopup(text);
-  }
-
-  function initTicker() {
-    const prefersReduced = typeof window.matchMedia === 'function' &&
-      window.matchMedia('(prefers-reduced-motion: reduce)').matches;
-    updateTicker();
-    if (!prefersReduced) {
-      tickerInterval = setInterval(updateTicker, 4000);
-    }
-
-    const textEl = document.getElementById('ai-ticker-text');
-    if (textEl) textEl.addEventListener('click', expandTicker);
-
-    const toggleBtn = document.getElementById('ai-ticker-toggle');
-    if (toggleBtn) {
-      toggleBtn.addEventListener('click', () => {
-        if (tickerPaused) { collapseTicker(); } else { expandTicker(); }
-      });
-    }
-
-    const resumeBtn = document.getElementById('ai-ticker-resume');
-    if (resumeBtn) resumeBtn.addEventListener('click', collapseTicker);
-
-    const shareBtn = document.getElementById('ai-ticker-share');
-    if (shareBtn) shareBtn.addEventListener('click', shareTickerFact);
-  }
-
-  // ---- "What Could We Have Done Instead?" Equivalences -------
-
-  let snarkMode = false;
-  let equivIdx  = 0;
-
-  function updateEquivalences() {
-    const tokens  = getCurrentTokens();
-    const entries = generateEquivalences(tokens, snarkMode ? 'snarky' : 'hopeful');
-    if (!entries.length) return;
-    const entry   = entries[equivIdx % entries.length];
-    const iconEl  = document.getElementById('equivIcon');
-    const textEl  = document.getElementById('equivText');
-    if (iconEl) iconEl.textContent = entry.icon;
-    if (textEl) textEl.textContent = entry.text;
-    equivIdx++;
-  }
-
-  function initEquivalences() {
-    updateEquivalences();
-    setInterval(updateEquivalences, 5000);
-
-    const toggle = document.getElementById('snarkToggle');
-    if (toggle) {
-      toggle.addEventListener('click', () => {
-        snarkMode = !snarkMode;
-        toggle.textContent = snarkMode ? '🌱 Hopeful Mode' : '😤 Snarky Mode';
-        toggle.setAttribute('aria-pressed', snarkMode ? 'true' : 'false');
-        equivIdx = 0;
-        updateEquivalences();
-      });
-    }
-  }
-
-  // ---- Share Your Doom ----------------------------------------
-
-  function buildShareText() {
-    const now     = Date.now();
-    const elapsed = Math.floor((now - pageLoadTime) / 1000);
-    const rate    = getRateAtDate(new Date(now));
-    const sessionTokens = Math.max(1, elapsed * rate);
-    const phrases = sessionEquivalences(sessionTokens);
-    const equiv   = phrases.length
-      ? phrases[Math.floor(Math.random() * phrases.length)]
-      : null;
-    const m = Math.floor(elapsed / 60);
-    const s = elapsed % 60;
-    const timeStr = m > 0 ? `${m}m ${s}s` : `${s}s`;
-    let text =
-      `💀 I just watched AI consume ${formatTokenCount(sessionTokens)} tokens ` +
-      `in the ${timeStr} I spent on this site.`;
-    if (equiv) text += `\nThat's ${equiv}.`;
-    text += `\nAnd it never stops.\n→ ${SITE_URL} #AIDeathClock #TokenDeathClock`;
-    return text;
-  }
-
-  // Generic share — uses OS share sheet when available, falls back to Twitter deep-link.
-  // Use this for buttons that aren't labelled with a specific platform.
-  function openSharePopup(text) {
-    if (navigator.share) {
-      navigator.share({ text, url: SITE_URL }).catch(() => {
-        // User cancelled or share failed — fall back to Twitter
-        openTwitterShare(text);
-      });
-      return;
-    }
-    openTwitterShare(text);
-  }
-
-  // Platform-specific deep-link helpers — bypass navigator.share intentionally.
-  function openTwitterShare(text) {
-    const url = 'https://twitter.com/intent/tweet?text=' + encodeURIComponent(text);
-    window.open(url, '_blank', 'noopener,noreferrer,width=560,height=420');
-  }
-
-  function openRedditShare(title) {
-    const url = 'https://www.reddit.com/submit?url=' +
-      encodeURIComponent(SITE_URL) + '&title=' + encodeURIComponent(title);
-    window.open(url, '_blank', 'noopener,noreferrer');
-  }
-
-  function openLinkedInShare(text) {
-    const url = 'https://www.linkedin.com/shareArticle?mini=true&url=' +
-      encodeURIComponent(SITE_URL) + '&title=' +
-      encodeURIComponent('Token Deathclock — AI\'s Environmental Cost, Live') +
-      '&summary=' + encodeURIComponent(text);
-    window.open(url, '_blank', 'noopener,noreferrer');
-  }
-
-  function openWhatsAppShare(text) {
-    const url = 'https://api.whatsapp.com/send?text=' + encodeURIComponent(text);
-    window.open(url, '_blank', 'noopener,noreferrer');
-  }
-
-  function openBlueskyShare(text) {
-    const url = 'https://bsky.app/intent/compose?text=' + encodeURIComponent(text);
-    window.open(url, '_blank', 'noopener,noreferrer');
-  }
-
-  // Copies `value` to clipboard; updates `btn` text to give feedback.
-  function copyToClipboard(btn, value, resetLabel) {
-    if (!navigator.clipboard) {
-      btn.textContent = '❌ Not supported';
-      setTimeout(() => { btn.textContent = resetLabel; }, 2000);
-      return;
-    }
-    navigator.clipboard.writeText(value).then(() => {
-      btn.textContent = '✅ Copied!';
-      setTimeout(() => { btn.textContent = resetLabel; }, 2000);
-    }).catch(() => {
-      btn.textContent = '❌ Failed';
-      setTimeout(() => { btn.textContent = resetLabel; }, 2000);
-    });
-  }
-
-  function initSharePanel() {
-    const panel   = document.getElementById('share-doom-panel');
-    const options = document.getElementById('share-doom-options');
-    if (!panel) return;
-
-    // Show floating panel after 10 s of page time
-    setTimeout(() => { panel.hidden = false; }, SHARE_PANEL_DELAY_MS);
-
-    // Support ?share=true URL param — auto-open options immediately
-    if (new URLSearchParams(window.location.search).get('share') === 'true') {
-      panel.hidden = false;
-      if (options) options.hidden = false;
-    }
-
-    const mainBtn = document.getElementById('shareDoomBtn');
-    if (mainBtn) {
-      mainBtn.addEventListener('click', () => {
-        if (options) options.hidden = !options.hidden;
-      });
-    }
-
-    const twitterBtn = document.getElementById('shareTwitterBtn');
-    if (twitterBtn) {
-      twitterBtn.addEventListener('click', () => {
-        // Use direct deep-link — bypasses navigator.share for platform-specific button
-        openTwitterShare(buildShareText());
-        awardBadge('spreading_doom');
-        if (options) options.hidden = true;
-      });
-    }
-
-    const redditBtn = document.getElementById('shareRedditBtn');
-    if (redditBtn) {
-      redditBtn.addEventListener('click', () => {
-        const title = 'I watched AI consume millions of tokens in real time — the numbers are terrifying';
-        openRedditShare(title);
-        awardBadge('spreading_doom');
-        if (options) options.hidden = true;
-      });
-    }
+        ${t.reference?`<a href="${u(t.reference)}" class="tip-ref" target="_blank" rel="noopener noreferrer">\u{1F4CE} Learn more</a>`:""}
+      `,e.appendChild(n)}))}function xn(){const e=document.getElementById("changelogList");if(!e)return;const t=document.getElementById("siteVersion");if(t&&ye&&(t.textContent="v"+ye),!Ee||Ee.length===0){e.innerHTML='<p class="about-body">No changelog entries found.</p>';return}let n="";Ee.forEach(o=>{const s=o.version==="Unreleased",i=o.date?`<span class="changelog-date">${u(o.date)}</span>`:"",r=s?"https://github.com/nitrocode/token-deathclock/compare/v"+u(ye)+"...HEAD":"https://github.com/nitrocode/token-deathclock/releases/tag/v"+u(o.version);n+=`<div class="changelog-release${s?" changelog-release--unreleased":""}">`,n+='<div class="changelog-release-header">',n+=`<a class="changelog-version" href="${r}" target="_blank" rel="noopener noreferrer">`,n+=s?"\u{1F527} Unreleased":u("v"+o.version),n+=`</a>${i}`,n+="</div>",o.sections.length===0&&(n+='<p class="changelog-empty">No entries yet.</p>'),o.sections.forEach(c=>{n+='<div class="changelog-section">',n+=`<h4 class="changelog-section-heading">${u(c.heading)}</h4>`,n+='<ul class="changelog-items">',c.items.forEach(d=>{n+=`<li class="changelog-item">${u(d)}</li>`}),n+="</ul></div>"}),n+="</div>"}),e.innerHTML=n}function Bn(){const e=document.getElementById("footerMetaIrony");if(!e||Ue==null||qe==null)return;const t="~"+qe.toLocaleString("en-US");e.innerHTML="\u{1F525} This site was built using AI coding agents across "+u(String(Ue))+" pull requests, consuming an estimated <strong>"+u(t)+" tokens</strong> in the process \u2014 adding to the very problem it tracks."}const M="https://nitrocode.github.io/token-deathclock/",Mn=1e4,tt=[{tokensEach:400,label:"LinkedIn posts about disruption, transformation, and journeys"},{tokensEach:800,label:"cover letters for jobs already filled by AI"},{tokensEach:200,label:'apology emails for replying "per my last email"'},{tokensEach:1500,label:"README files for projects that will never be committed"},{tokensEach:3e3,label:"passive-aggressive Slack messages softened by three rewrites"},{tokensEach:600,label:"horoscopes for zodiac signs that don't exist yet"},{tokensEach:2e3,label:"attempts to explain consciousness to a language model"},{tokensEach:500,label:"recursive prompts asking AI if it's sentient"},{tokensEach:1200,label:'love poems for someone who asked for "something quick"'},{tokensEach:400,label:"philosophical debates between two instances of the same model"},{tokensEach:2500,label:"security advisories for vulnerabilities AI introduced last week"},{tokensEach:800,label:'slide decks titled "AI Strategy 2026"'},{tokensEach:300,label:"meeting summaries for meetings that could have been emails"},{tokensEach:5e3,label:"terms of service that no human will ever read"},{tokensEach:600,label:"bedtime stories featuring a dragon named Gerald"},{tokensEach:400,label:"recipes that add cheese to things that should not have cheese"},{tokensEach:800,label:"cat pictures described in 800 words"},{tokensEach:250,label:"arguments about whether a hot dog is a sandwich"},{tokensEach:100,label:'variations of "hello world" in Rust'},{tokensEach:1e3,label:"strongly worded letters about a neighbour's leaf blower"}];let oe=!1,nt=0,R=null,An=null;function Ln(e){return e>=1e6?(e/1e6).toFixed(1).replace(/\.0$/,"")+" million":e>=1e3?(Math.round(e/100)*100).toLocaleString():Math.max(1,Math.round(e)).toLocaleString()}function ot(){if(oe)return;const e=Date.now(),t=Math.max(1,(e-x)/1e3),n=L(new Date(e)),o=t*n,s=tt[nt%tt.length],i=Math.max(1,o/s.tokensEach),r=Ln(i),c=document.getElementById("ai-ticker-text");c&&(c.textContent=r+" "+s.label),R={entry:s,nStr:r,sessionTokens:o,rate:n},nt++}function st(){if(!R)return;oe=!0;const e=document.getElementById("ai-ticker-expanded");e&&(e.hidden=!1);const t=document.getElementById("ai-ticker-toggle");t&&(t.textContent="\u25B6 Resume",t.setAttribute("aria-pressed","true"));const n=document.getElementById("ai-ticker-math");if(n&&R){const{entry:o,nStr:s,sessionTokens:i,rate:r}=R,c=Math.round(i/r);n.textContent=`${c}s \xD7 ${S(r)} tokens/sec
+= ${S(i)} tokens consumed globally
 
-    const linkedinBtn = document.getElementById('shareLinkedInBtn');
-    if (linkedinBtn) {
-      linkedinBtn.addEventListener('click', () => {
-        openLinkedInShare(buildShareText());
-        awardBadge('spreading_doom');
-        if (options) options.hidden = true;
-      });
-    }
+\xF7 ${o.tokensEach.toLocaleString()} tokens per item
+\u2248 ${s} ${o.label}
 
-    const whatsappBtn = document.getElementById('shareWhatsAppBtn');
-    if (whatsappBtn) {
-      whatsappBtn.addEventListener('click', () => {
-        openWhatsAppShare(buildShareText());
-        awardBadge('spreading_doom');
-        if (options) options.hidden = true;
-      });
-    }
+(Just in the time you've been watching.)`}}function at(){const e=document.getElementById("ai-ticker-expanded");e&&(e.hidden=!0),oe=!1;const t=document.getElementById("ai-ticker-toggle");t&&(t.textContent="\u23F8 Pause",t.setAttribute("aria-pressed","false"))}function $n(){if(!R)return;const{entry:e,nStr:t,sessionTokens:n}=R,o=Math.floor((Date.now()-x)/1e3),i=`\u{1F916} Since I arrived (${o>=60?`${Math.floor(o/60)}m ${o%60}s`:`${o}s`} ago), AI has probably generated:
 
-    const blueskyBtn = document.getElementById('shareBlueskyBtn');
-    if (blueskyBtn) {
-      blueskyBtn.addEventListener('click', () => {
-        openBlueskyShare(buildShareText());
-        awardBadge('spreading_doom');
-        if (options) options.hidden = true;
-      });
-    }
+${t} ${e.label}
 
-    const copyBtn = document.getElementById('shareCopyBtn');
-    if (copyBtn) {
-      copyBtn.addEventListener('click', () => {
-        copyToClipboard(copyBtn, buildShareText(), '📋 Copy text');
-        awardBadge('spreading_doom');
-        if (options) options.hidden = true;
-      });
-    }
-
-    const closeBtn = document.getElementById('shareCloseBtn');
-    if (closeBtn) {
-      closeBtn.addEventListener('click', () => { if (options) options.hidden = true; });
-    }
-
-    // Close options when clicking outside
-    document.addEventListener('click', (e) => {
-      if (options && !options.hidden && panel && !panel.contains(e.target)) {
-        options.hidden = true;
-      }
-    });
-  }
-
-  // ---- Footer "Spread the Doom" share row ---------------------
-
-  function initFooterShare() {
-    const shareText = () => buildShareText();
-    const redditTitle = 'I watched AI consume millions of tokens in real time — the numbers are terrifying';
-
-    const map = [
-      { id: 'footerShareTwitter',  fn: () => openTwitterShare(shareText()) },
-      { id: 'footerShareReddit',   fn: () => openRedditShare(redditTitle) },
-      { id: 'footerShareLinkedIn', fn: () => openLinkedInShare(shareText()) },
-      { id: 'footerShareWhatsApp', fn: () => openWhatsAppShare(shareText()) },
-      { id: 'footerShareBluesky',  fn: () => openBlueskyShare(shareText()) },
-      { id: 'footerShareCopy',     fn: (btn) => copyToClipboard(btn, SITE_URL, '📋 Copy link') },
-    ];
-
-    map.forEach(({ id, fn }) => {
-      const btn = document.getElementById(id);
-      if (btn) {
-        btn.addEventListener('click', () => {
-          fn(btn);
-          awardBadge('spreading_doom');
-        });
-      }
-    });
-  }
-
-  // ---- Token Receipt Modal ------------------------------------
-
-  let receiptShown = false;
-
-  function generateReceiptText() {
-    const now     = new Date();
-    const elapsed = Math.floor((Date.now() - pageLoadTime) / 1000);
-    const rate    = getRateAtDate(now);
-    const sessionTokens = Math.max(1, elapsed * rate);
-    const impact  = calculateEnvironmentalImpact(sessionTokens);
-
-    const m = Math.floor(elapsed / 60);
-    const s = elapsed % 60;
-    const durationStr = m > 0 ? `${m} min ${s} sec` : `${s} sec`;
-
-    const dateStr = now.toLocaleDateString('en-US', {
-      weekday: 'short', day: 'numeric', month: 'short', year: 'numeric',
-    });
-    const timeStr = now.toUTCString().split(' ')[4] + ' UTC';
-
-    const co2g     = (impact.co2Kg * 1000).toFixed(1);
-    const waterMl  = Math.round(impact.waterL * 1000);
-    const kwhStr   = impact.kWh < 0.000001 ? '< 0.000001' : impact.kWh.toFixed(6);
-    const kmDriven = (impact.co2Kg / 0.171).toFixed(3);
-    const phoneMin = Math.max(1, Math.round(impact.kWh / 0.015 * 60));
-    const sips     = Math.max(1, Math.round(waterMl / 20));
-
-    const L32 = '─'.repeat(32);
-    const E32 = '═'.repeat(32);
-
-    function pl(str, w) { return String(str).padStart(w); }
-
-    return [
-      '╔' + '═'.repeat(30) + '╗',
-      '║  🧾  AI DEATH CLOCK          ║',
-      '║     SESSION RECEIPT          ║',
-      '╚' + '═'.repeat(30) + '╝',
-      '',
-      `  Date:     ${dateStr}`,
-      `  Time:     ${timeStr}`,
-      `  Duration: ${durationStr}`,
-      '',
-      L32,
-      'ITEM                       VALUE',
-      L32,
-      `AI tokens consumed ${pl(formatTokenCount(sessionTokens), 12)}`,
-      `Energy used (kWh)  ${pl(kwhStr, 12)}`,
-      `CO\u2082 emitted (g)   ${pl(co2g, 12)}`,
-      `Water used (mL)    ${pl(waterMl, 12)}`,
-      '',
-      `Global rate: ${formatTokenCount(rate)} tokens/sec`,
-      L32,
-      'ENVIRONMENTAL COST:',
-      '',
-      `  \uD83C\uDF21\uFE0F  ~${co2g} g CO\u2082`,
-      `     \u2248 driving ${kmDriven} km`,
-      '',
-      `  \uD83C\uDF0A  ~${waterMl} mL water`,
-      `     \u2248 ${sips} sip${sips !== 1 ? 's' : ''} of tea`,
-      '',
-      `  \u26A1  ~${kwhStr} kWh`,
-      `     \u2248 phone for ${phoneMin} min`,
-      L32,
-      '   * * * NO REFUNDS * * *',
-      '  THE PLANET CANNOT ISSUE',
-      '   CARBON CREDITS FOR AI',
-      L32,
-      '    Please come again.',
-      "    (We'll still be here.)",
-      '           \uD83D\uDC80',
-      E32,
-    ].join('\n');
-  }
-
-  function buildReceiptShareText() {
-    const elapsed = Math.floor((Date.now() - pageLoadTime) / 1000);
-    const rate    = getRateAtDate(new Date());
-    const sessionTokens = Math.max(1, elapsed * rate);
-    const impact  = calculateEnvironmentalImpact(sessionTokens);
-    const m = Math.floor(elapsed / 60);
-    const s = elapsed % 60;
-    const timeStr = m > 0 ? `${m}m ${s}s` : `${s}s`;
-    const co2g    = (impact.co2Kg * 1000).toFixed(1);
-    const waterMl = Math.round(impact.waterL * 1000);
-    return (
-      `\uD83E\uDDFE My AI Death Clock receipt: AI consumed ${formatTokenCount(sessionTokens)} tokens in ${timeStr}. ` +
-      `That's ${co2g}g CO\u2082, ${waterMl}mL water. ` +
-      `And I didn't even prompt anything.\n` +
-      `\u2192 ${SITE_URL} #TokenDeathClock #AIReceipt`
-    );
-  }
-
-  function trapFocus(e) {
-    if (e.key !== 'Tab') {
-      if (e.key === 'Escape') hideReceiptModal();
-      return;
-    }
-    const modal    = document.getElementById('receipt-modal');
-    if (!modal) return;
-    const focusable = modal.querySelectorAll(
-      'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
-    );
-    if (!focusable.length) return;
-    const first = focusable[0];
-    const last  = focusable[focusable.length - 1];
-    if (e.shiftKey && document.activeElement === first) {
-      e.preventDefault(); last.focus();
-    } else if (!e.shiftKey && document.activeElement === last) {
-      e.preventDefault(); first.focus();
-    }
-  }
-
-  function showReceiptModal() {
-    const modal = document.getElementById('receipt-modal');
-    if (!modal) return;
-    const body = document.getElementById('receipt-body');
-    if (body) body.textContent = generateReceiptText();
-    modal.hidden = false;
-    receiptShown = true;
-    modal.addEventListener('keydown', trapFocus);
-    const firstBtn = modal.querySelector('button');
-    if (firstBtn) firstBtn.focus();
-    awardBadge('receipt_collector');
-  }
-
-  function hideReceiptModal() {
-    const modal = document.getElementById('receipt-modal');
-    if (!modal) return;
-    modal.hidden = true;
-    modal.removeEventListener('keydown', trapFocus);
-  }
-
-  function initReceiptModal() {
-    const triggerBtn = document.getElementById('getReceiptBtn');
-    if (triggerBtn) triggerBtn.addEventListener('click', showReceiptModal);
-
-    const closeBtn = document.getElementById('receiptCloseBtn');
-    if (closeBtn)   closeBtn.addEventListener('click', hideReceiptModal);
-
-    const shareBtn = document.getElementById('receiptShareBtn');
-    if (shareBtn) {
-      shareBtn.addEventListener('click', () => {
-        openSharePopup(buildReceiptShareText());
-        awardBadge('spreading_doom');
-      });
-    }
-
-    const copyBtn = document.getElementById('receiptCopyBtn');
-    if (copyBtn) {
-      copyBtn.addEventListener('click', () => {
-        const bodyEl = document.getElementById('receipt-body');
-        const text   = bodyEl ? bodyEl.textContent : generateReceiptText();
-        navigator.clipboard.writeText(text).then(() => {
-          copyBtn.textContent = '✅ Copied!';
-          setTimeout(() => { copyBtn.textContent = '📋 Copy Receipt'; }, 2000);
-        }).catch(() => {
-          copyBtn.textContent = '❌ Failed';
-          setTimeout(() => { copyBtn.textContent = '📋 Copy Receipt'; }, 2000);
-        });
-      });
-    }
-
-    // Close on backdrop click
-    const modal = document.getElementById('receipt-modal');
-    if (modal) {
-      modal.addEventListener('click', (e) => {
-        if (e.target === modal) hideReceiptModal();
-      });
-    }
-
-  }
-
-  // ---- Personal Footprint Calculator --------------------------
-
-  function updateCalcResults() {
-    const promptsEl = document.getElementById('calcPrompts');
-    const lengthEl  = document.getElementById('calcLength');
-    const modelEl   = document.getElementById('calcModel');
-    if (!promptsEl || !lengthEl || !modelEl) return;
-
-    const prompts = parseInt(promptsEl.value,  10) || 20;
-    const tokens  = parseInt(lengthEl.value,   10) || 500;
-    const mult    = parseFloat(modelEl.value)      || 1;
-
-    const fp = calculatePersonalFootprint(prompts, tokens, mult);
-
-    const co2g       = (fp.weekly.co2Kg   * 1000).toFixed(1);
-    const waterMlW   = Math.round(fp.weekly.waterL * 1000);
-    const co2gA      = Math.round(fp.annual.co2Kg   * 1000);
-    const globalT    = (fp.globalWeeklyCo2Kg / 1000).toFixed(1);
-    const kmDriven   = (fp.annual.co2Kg / 0.171).toFixed(1);
-    const globalCars = formatTokenCount(fp.globalWeeklyCo2Kg / (0.171 * 1000 / 52));
-    const treeBail   = Math.max(1, Math.round(fp.annual.co2Kg / 21));
-    const phoneCharges = Math.round(fp.weekly.kWh / 0.015);
-
-    const results = document.getElementById('calc-results');
-    if (!results) return;
-
-    results.innerHTML = `
+That's what ${S(R.rate)} tokens/sec looks like in human terms.
+\u2192 ${M} #AIDeathClock #TokenDeathClock`;se(i)}function _n(){const e=typeof window.matchMedia=="function"&&window.matchMedia("(prefers-reduced-motion: reduce)").matches;ot(),e||(An=setInterval(ot,4e3));const t=document.getElementById("ai-ticker-text");t&&t.addEventListener("click",st);const n=document.getElementById("ai-ticker-toggle");n&&n.addEventListener("click",()=>{oe?at():st()});const o=document.getElementById("ai-ticker-resume");o&&o.addEventListener("click",at);const s=document.getElementById("ai-ticker-share");s&&s.addEventListener("click",$n)}let G=!1,Te=0;function Ce(){const e=$(),t=Ne(e,G?"snarky":"hopeful");if(!t.length)return;const n=t[Te%t.length],o=document.getElementById("equivIcon"),s=document.getElementById("equivText");o&&(o.textContent=n.icon),s&&(s.textContent=n.text),Te++}function Fn(){Ce(),setInterval(Ce,5e3);const e=document.getElementById("snarkToggle");e&&e.addEventListener("click",()=>{G=!G,e.textContent=G?"\u{1F331} Hopeful Mode":"\u{1F624} Snarky Mode",e.setAttribute("aria-pressed",G?"true":"false"),Te=0,Ce()})}function H(){const e=Date.now(),t=Math.floor((e-x)/1e3),n=L(new Date(e)),o=Math.max(1,t*n),s=Zt(o),i=s.length?s[Math.floor(Math.random()*s.length)]:null,r=Math.floor(t/60),c=t%60,d=r>0?`${r}m ${c}s`:`${c}s`;let m=`\u{1F480} I just watched AI consume ${S(o)} tokens in the ${d} I spent on this site.`;return i&&(m+=`
+That's ${i}.`),m+=`
+And it never stops.
+\u2192 ${M} #AIDeathClock #TokenDeathClock`,m}function se(e){if(navigator.share){navigator.share({text:e,url:M}).catch(()=>{ae(e)});return}ae(e)}function ae(e){const t="https://twitter.com/intent/tweet?text="+encodeURIComponent(e);window.open(t,"_blank","noopener,noreferrer,width=560,height=420")}function it(e){const t="https://www.reddit.com/submit?url="+encodeURIComponent(M)+"&title="+encodeURIComponent(e);window.open(t,"_blank","noopener,noreferrer")}function rt(e){const t="https://www.linkedin.com/shareArticle?mini=true&url="+encodeURIComponent(M)+"&title="+encodeURIComponent("Token Deathclock \u2014 AI's Environmental Cost, Live")+"&summary="+encodeURIComponent(e);window.open(t,"_blank","noopener,noreferrer")}function ct(e){const t="https://api.whatsapp.com/send?text="+encodeURIComponent(e);window.open(t,"_blank","noopener,noreferrer")}function lt(e){const t="https://bsky.app/intent/compose?text="+encodeURIComponent(e);window.open(t,"_blank","noopener,noreferrer")}function Ie(e,t,n){if(!navigator.clipboard){e.textContent="\u274C Not supported",setTimeout(()=>{e.textContent=n},2e3);return}navigator.clipboard.writeText(t).then(()=>{e.textContent="\u2705 Copied!",setTimeout(()=>{e.textContent=n},2e3)}).catch(()=>{e.textContent="\u274C Failed",setTimeout(()=>{e.textContent=n},2e3)})}function Rn(){const e=document.getElementById("share-doom-panel"),t=document.getElementById("share-doom-options");if(!e)return;setTimeout(()=>{e.hidden=!1},Mn),new URLSearchParams(window.location.search).get("share")==="true"&&(e.hidden=!1,t&&(t.hidden=!1));const n=document.getElementById("shareDoomBtn");n&&n.addEventListener("click",()=>{t&&(t.hidden=!t.hidden)});const o=document.getElementById("shareTwitterBtn");o&&o.addEventListener("click",()=>{ae(H()),k("spreading_doom"),t&&(t.hidden=!0)});const s=document.getElementById("shareRedditBtn");s&&s.addEventListener("click",()=>{it("I watched AI consume millions of tokens in real time \u2014 the numbers are terrifying"),k("spreading_doom"),t&&(t.hidden=!0)});const i=document.getElementById("shareLinkedInBtn");i&&i.addEventListener("click",()=>{rt(H()),k("spreading_doom"),t&&(t.hidden=!0)});const r=document.getElementById("shareWhatsAppBtn");r&&r.addEventListener("click",()=>{ct(H()),k("spreading_doom"),t&&(t.hidden=!0)});const c=document.getElementById("shareBlueskyBtn");c&&c.addEventListener("click",()=>{lt(H()),k("spreading_doom"),t&&(t.hidden=!0)});const d=document.getElementById("shareCopyBtn");d&&d.addEventListener("click",()=>{Ie(d,H(),"\u{1F4CB} Copy text"),k("spreading_doom"),t&&(t.hidden=!0)});const m=document.getElementById("shareCloseBtn");m&&m.addEventListener("click",()=>{t&&(t.hidden=!0)}),document.addEventListener("click",h=>{t&&!t.hidden&&e&&!e.contains(h.target)&&(t.hidden=!0)})}function Pn(){const e=()=>H(),t="I watched AI consume millions of tokens in real time \u2014 the numbers are terrifying";[{id:"footerShareTwitter",fn:()=>ae(e())},{id:"footerShareReddit",fn:()=>it(t)},{id:"footerShareLinkedIn",fn:()=>rt(e())},{id:"footerShareWhatsApp",fn:()=>ct(e())},{id:"footerShareBluesky",fn:()=>lt(e())},{id:"footerShareCopy",fn:o=>Ie(o,M,"\u{1F4CB} Copy link")}].forEach(({id:o,fn:s})=>{const i=document.getElementById(o);i&&i.addEventListener("click",()=>{s(i),k("spreading_doom")})})}let On=!1;function dt(){const e=new Date,t=Math.floor((Date.now()-x)/1e3),n=L(e),o=Math.max(1,t*n),s=A(o),i=Math.floor(t/60),r=t%60,c=i>0?`${i} min ${r} sec`:`${r} sec`,d=e.toLocaleDateString("en-US",{weekday:"short",day:"numeric",month:"short",year:"numeric"}),m=e.toUTCString().split(" ")[4]+" UTC",h=(s.co2Kg*1e3).toFixed(1),b=Math.round(s.waterL*1e3),g=s.kWh<1e-6?"< 0.000001":s.kWh.toFixed(6),f=(s.co2Kg/.171).toFixed(3),p=Math.max(1,Math.round(s.kWh/.015*60)),T=Math.max(1,Math.round(b/20)),w="\u2500".repeat(32),D="\u2550".repeat(32);function y(v,C){return String(v).padStart(C)}return["\u2554"+"\u2550".repeat(30)+"\u2557","\u2551  \u{1F9FE}  AI DEATH CLOCK          \u2551","\u2551     SESSION RECEIPT          \u2551","\u255A"+"\u2550".repeat(30)+"\u255D","",`  Date:     ${d}`,`  Time:     ${m}`,`  Duration: ${c}`,"",w,"ITEM                       VALUE",w,`AI tokens consumed ${y(S(o),12)}`,`Energy used (kWh)  ${y(g,12)}`,`CO\u2082 emitted (g)   ${y(h,12)}`,`Water used (mL)    ${y(b,12)}`,"",`Global rate: ${S(n)} tokens/sec`,w,"ENVIRONMENTAL COST:","",`  \u{1F321}\uFE0F  ~${h} g CO\u2082`,`     \u2248 driving ${f} km`,"",`  \u{1F30A}  ~${b} mL water`,`     \u2248 ${T} sip${T!==1?"s":""} of tea`,"",`  \u26A1  ~${g} kWh`,`     \u2248 phone for ${p} min`,w,"   * * * NO REFUNDS * * *","  THE PLANET CANNOT ISSUE","   CARBON CREDITS FOR AI",w,"    Please come again.","    (We'll still be here.)","           \u{1F480}",D].join(`
+`)}function Nn(){const e=Math.floor((Date.now()-x)/1e3),t=L(new Date),n=Math.max(1,e*t),o=A(n),s=Math.floor(e/60),i=e%60,r=s>0?`${s}m ${i}s`:`${i}s`,c=(o.co2Kg*1e3).toFixed(1),d=Math.round(o.waterL*1e3);return`\u{1F9FE} My AI Death Clock receipt: AI consumed ${S(n)} tokens in ${r}. That's ${c}g CO\u2082, ${d}mL water. And I didn't even prompt anything.
+\u2192 ${M} #TokenDeathClock #AIReceipt`}function ut(e){if(e.key!=="Tab"){e.key==="Escape"&&we();return}const t=document.getElementById("receipt-modal");if(!t)return;const n=t.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');if(!n.length)return;const o=n[0],s=n[n.length-1];e.shiftKey&&document.activeElement===o?(e.preventDefault(),s.focus()):!e.shiftKey&&document.activeElement===s&&(e.preventDefault(),o.focus())}function Hn(){const e=document.getElementById("receipt-modal");if(!e)return;const t=document.getElementById("receipt-body");t&&(t.textContent=dt()),e.hidden=!1,On=!0,e.addEventListener("keydown",ut);const n=e.querySelector("button");n&&n.focus(),k("receipt_collector")}function we(){const e=document.getElementById("receipt-modal");e&&(e.hidden=!0,e.removeEventListener("keydown",ut))}function Wn(){const e=document.getElementById("getReceiptBtn");e&&e.addEventListener("click",Hn);const t=document.getElementById("receiptCloseBtn");t&&t.addEventListener("click",we);const n=document.getElementById("receiptShareBtn");n&&n.addEventListener("click",()=>{se(Nn()),k("spreading_doom")});const o=document.getElementById("receiptCopyBtn");o&&o.addEventListener("click",()=>{const i=document.getElementById("receipt-body"),r=i?i.textContent:dt();navigator.clipboard.writeText(r).then(()=>{o.textContent="\u2705 Copied!",setTimeout(()=>{o.textContent="\u{1F4CB} Copy Receipt"},2e3)}).catch(()=>{o.textContent="\u274C Failed",setTimeout(()=>{o.textContent="\u{1F4CB} Copy Receipt"},2e3)})});const s=document.getElementById("receipt-modal");s&&s.addEventListener("click",i=>{i.target===s&&we()})}function mt(){const e=document.getElementById("calcPrompts"),t=document.getElementById("calcLength"),n=document.getElementById("calcModel");if(!e||!t||!n)return;const o=parseInt(e.value,10)||20,s=parseInt(t.value,10)||500,i=parseFloat(n.value)||1,r=He(o,s,i),c=(r.weekly.co2Kg*1e3).toFixed(1),d=Math.round(r.weekly.waterL*1e3),m=Math.round(r.annual.co2Kg*1e3),h=(r.globalWeeklyCo2Kg/1e3).toFixed(1),b=(r.annual.co2Kg/.171).toFixed(1),g=S(r.globalWeeklyCo2Kg/(.171*1e3/52)),f=Math.max(1,Math.round(r.annual.co2Kg/21)),p=Math.round(r.weekly.kWh/.015),T=document.getElementById("calc-results");T&&(T.innerHTML=`
       <div class="wanted-poster">
         <div class="wanted-title">WANTED</div>
         <div class="wanted-subtitle">For Environmental Crimes Against the Atmosphere</div>
         <div class="wanted-divider"></div>
         <div class="wanted-charges">
-          <div class="wanted-charge"><strong>COUNT I:</strong> Consuming ${escHtml(formatTokenCount(fp.weeklyTokens))} tokens per week — enough to power ${escHtml(phoneCharges.toLocaleString())} smartphone charges.</div>
-          <div class="wanted-charge"><strong>COUNT II:</strong> Emitting ${escHtml(co2g)} g CO\u2082 weekly — equivalent to driving ${escHtml(kmDriven)} km a year.</div>
-          <div class="wanted-charge"><strong>COUNT III:</strong> Evaporating ${escHtml(String(waterMlW))} mL of cooling water per week without remorse.</div>
-          <div class="wanted-charge"><strong>COUNT IV:</strong> Projecting annual emissions of ${escHtml(String(co2gA))} g CO\u2082 — sustained and premeditated.</div>
+          <div class="wanted-charge"><strong>COUNT I:</strong> Consuming ${u(S(r.weeklyTokens))} tokens per week \u2014 enough to power ${u(p.toLocaleString())} smartphone charges.</div>
+          <div class="wanted-charge"><strong>COUNT II:</strong> Emitting ${u(c)} g CO\u2082 weekly \u2014 equivalent to driving ${u(b)} km a year.</div>
+          <div class="wanted-charge"><strong>COUNT III:</strong> Evaporating ${u(String(d))} mL of cooling water per week without remorse.</div>
+          <div class="wanted-charge"><strong>COUNT IV:</strong> Projecting annual emissions of ${u(String(m))} g CO\u2082 \u2014 sustained and premeditated.</div>
         </div>
         <div class="wanted-divider"></div>
-        <div class="wanted-bail">⚖️ BAIL: Plant ${escHtml(String(treeBail))} tree${treeBail !== 1 ? 's' : ''} or delete your ChatGPT account.</div>
-        <div class="wanted-global">If all 500M AI users matched this profile: ${escHtml(globalT)} tonnes CO\u2082/week — equiv. ${escHtml(globalCars)} cars driven.</div>
-      </div>`;
-  }
-
-  function buildCalcShareText() {
-    const promptsEl = document.getElementById('calcPrompts');
-    const lengthEl  = document.getElementById('calcLength');
-    const modelEl   = document.getElementById('calcModel');
-    const prompts   = promptsEl ? (parseInt(promptsEl.value, 10) || 20) : 20;
-    const tokens    = lengthEl  ? (parseInt(lengthEl.value,  10) || 500) : 500;
-    const mult      = modelEl   ? (parseFloat(modelEl.value) || 1) : 1;
-    const fp        = calculatePersonalFootprint(prompts, tokens, mult);
-    const co2g      = (fp.weekly.co2Kg * 1000).toFixed(1);
-    const globalT   = (fp.globalWeeklyCo2Kg / 1000).toFixed(0);
-    return (
-      `\uD83E\uDDEE I sent ${prompts} AI prompts this week. ` +
-      `That's ~${formatTokenCount(fp.weeklyTokens)} tokens, ~${co2g}g CO\u2082. ` +
-      `Multiply me by 500 million \u2192 ${globalT} tonnes of CO\u2082/week just from AI prompts.\n` +
-      `\u2192 ${SITE_URL} #AICarbonFootprint #TokenDeathClock`
-    );
-  }
-
-  function initCalculator() {
-    const toggleBtn = document.getElementById('calcToggleBtn');
-    const content   = document.getElementById('calc-content');
-    if (toggleBtn && content) {
-      toggleBtn.addEventListener('click', () => {
-        const opening = content.hidden;
-        content.hidden = !opening;
-        toggleBtn.textContent = opening
-          ? '\u25BC Close Calculator'
-          : '\u25BA Open Personal AI Carbon Footprint Calculator';
-        toggleBtn.setAttribute('aria-expanded', opening ? 'true' : 'false');
-        if (opening) {
-          updateCalcResults();
-          awardBadge('number_cruncher');
-        }
-      });
-    }
-
-    ['calcPrompts', 'calcLength', 'calcModel'].forEach((id) => {
-      const el = document.getElementById(id);
-      if (!el) return;
-      el.addEventListener('input', () => {
-        if (id === 'calcPrompts') {
-          const val = document.getElementById('calcPromptsVal');
-          if (val) val.textContent = el.value;
-          el.setAttribute('aria-valuenow', el.value);
-        }
-        updateCalcResults();
-      });
-    });
-
-    const shareBtn = document.getElementById('calcShareBtn');
-    if (shareBtn) {
-      shareBtn.addEventListener('click', () => {
-        openSharePopup(buildCalcShareText());
-        awardBadge('spreading_doom');
-      });
-    }
-  }
-
-  // ---- Doom Achievements / Badge System -----------------------
-
-  const BADGE_DEFS = [
-    { id: 'morbid_curious',       icon: '\uD83D\uDC40', name: 'Morbid Curious',         desc: 'Spent 30 seconds watching the apocalypse.',          type: 'time',   threshold: 30   },
-    { id: 'doom_magnet',          icon: '\uD83E\uDDF2', name: 'Doom Magnet',             desc: 'Spent 3 minutes watching the apocalypse.',            type: 'time',   threshold: 180  },
-    { id: 'chronic_doomscroller', icon: '\uD83D\uDECB\uFE0F', name: 'Chronic Doomscroller', desc: '10 minutes of uninterrupted doom.',               type: 'time',   threshold: 600  },
-    { id: 'terminal_patient',     icon: '\uD83D\uDC80', name: 'Terminal Patient',         desc: 'Half an hour here. Are you okay?',                   type: 'time',   threshold: 1800 },
-    { id: 'one_of_us',            icon: '\uD83E\uDD16', name: 'One of Us Now',            desc: "One hour. You're part of the machine now.",          type: 'time',   threshold: 3600 },
-    { id: 'spreading_doom',       icon: '\uD83D\uDCE4', name: 'Spreading the Doom',       desc: 'Clicked Share. Sharing is caring.',                  type: 'manual' },
-    { id: 'number_cruncher',      icon: '\uD83E\uDDEE', name: 'Number Cruncher',          desc: 'Opened the Personal Footprint Calculator.',          type: 'manual' },
-    { id: 'receipt_collector',    icon: '\uD83E\uDDFE', name: 'Receipt Collector',        desc: 'Checked your session receipt.',                       type: 'manual' },
-    { id: 'optimist',             icon: '\uD83C\uDF1E', name: 'Optimist',                 desc: 'Switched to Light Mode. Your optimism is noted.',    type: 'manual' },
-    { id: 'nocturnal_doomer',     icon: '\uD83C\uDF13', name: 'Nocturnal Doomer',         desc: "Visiting between midnight and 4am. Can't sleep?",   type: 'easter' },
-    { id: 'return_visitor',       icon: '\uD83D\uDD01', name: 'Glutton for Punishment',   desc: 'You came back. You knew what would happen.',         type: 'easter' },
-    // Accelerator badges
-    { id: 'accelerant',           icon: '\uD83D\uDE80', name: 'Accelerant',               desc: 'Made your first tap on the Big Red Button.',         type: 'manual' },
-    { id: 'arsonist',             icon: '\uD83D\uDD25', name: 'Arsonist',                 desc: 'Reached 10\xD7 combo for the first time.',           type: 'manual' },
-    { id: 'trillion_villain',     icon: '\u26A1',       name: 'Trillion Villain',         desc: 'Personally contributed 1 trillion tokens.',          type: 'manual' },
-    { id: 'continental_threat',   icon: '\uD83C\uDF0D', name: 'Continental Threat',       desc: 'Purchased the Global Data Centre upgrade.',          type: 'manual' },
-    { id: 'space_criminal',       icon: '\uD83D\uDEF0\uFE0F', name: 'Space Criminal',    desc: 'Purchased the Orbital Inference Array.',             type: 'manual' },
-    { id: 'godlike',              icon: '\uD83E\uDDEC', name: 'Godlike',                  desc: 'Purchased the AGI Mode upgrade.',                    type: 'manual' },
-    { id: 'first_blood',          icon: '\uD83C\uDFC1', name: 'First Blood',              desc: 'Personally triggered your first milestone.',         type: 'manual' },
-    { id: 'apex_accelerant',      icon: '\u2620\uFE0F', name: 'Apex Accelerant',         desc: 'Personally triggered 5 milestones.',                 type: 'manual' },
-    { id: 'bragging_rights',      icon: '\uD83D\uDCE4', name: 'Bragging Rights',          desc: 'Shared your personal acceleration total.',           type: 'manual' },
-    // AI-Native company badges
-    { id: 'layoff_legend',        icon: '📤',           name: 'Layoff Legend',            desc: 'Replaced your first human worker with AI.',          type: 'manual' },
-    { id: 'token_maxxer_badge',   icon: '📈',           name: 'Token Maxxer',             desc: 'Deployed your first AI agent.',                      type: 'manual' },
-    { id: 'ai_native_ceo',        icon: '🏢',           name: 'AI-Native CEO',            desc: 'Reached AI-Native Company stage.',                   type: 'manual' },
-    { id: 'lights_out',           icon: '☠️',           name: 'Lights Out',               desc: 'Replaced every human worker. Fully automated.',      type: 'manual' },
-    // Witness badges
-    { id: 'witness',              icon: '👁️',           name: 'Witness',                  desc: 'Stayed to watch a milestone get crossed in real time.', type: 'manual' },
-  ];
-
-  const LS_BADGES_KEY = 'tokenDeathclockBadges';
-  const LS_VISITS_KEY = 'tokenDeathclockVisits';
-
-  let earnedBadges = new Set();
-  const toastQueue = [];
-  let   toastActive = false;
-
-  function loadBadges() {
-    try {
-      const stored = JSON.parse(localStorage.getItem(LS_BADGES_KEY) || '[]');
-      if (Array.isArray(stored)) stored.forEach((id) => earnedBadges.add(id));
-    } catch (_) { /* ignore quota / parse errors */ }
-  }
-
-  function saveBadges() {
-    try {
-      localStorage.setItem(LS_BADGES_KEY, JSON.stringify([...earnedBadges]));
-    } catch (_) { /* ignore */ }
-  }
-
-  function awardBadge(id) {
-    if (earnedBadges.has(id)) return;
-    const def = BADGE_DEFS.find((b) => b.id === id);
-    if (!def) return;
-    earnedBadges.add(id);
-    saveBadges();
-    queueToast(def);
-    updateBadgesGrid();
-  }
-
-  function checkTimeBadges() {
-    const elapsed = Math.floor((Date.now() - pageLoadTime) / 1000);
-    BADGE_DEFS.filter((b) => b.type === 'time').forEach((b) => {
-      if (elapsed >= b.threshold) awardBadge(b.id);
-    });
-  }
-
-  function checkEasterEggs() {
-    const hour = new Date().getHours();
-    if (hour >= 0 && hour < 4) awardBadge('nocturnal_doomer');
-  }
-
-  function renderBadgesGrid() {
-    const grid = document.getElementById('badges-grid');
-    if (!grid) return;
-    grid.innerHTML = '';
-    BADGE_DEFS.forEach((def) => {
-      const earned = earnedBadges.has(def.id);
-      const hint   = def.type === 'time'
-        ? `Spend ${def.threshold < 60 ? def.threshold + 's' : Math.round(def.threshold / 60) + 'min'} on the page`
-        : def.type === 'easter' ? 'A secret badge\u2026' : 'Complete a specific action';
-      const div = document.createElement('div');
-      div.className   = 'badge-item ' + (earned ? 'earned' : 'locked');
-      div.id          = 'badge-' + def.id;
-      div.title       = earned ? def.desc : hint;
-      div.setAttribute('aria-label', earned ? `${def.name}: ${def.desc}` : `Locked: ${hint}`);
-      div.innerHTML   = `
-        <span class="badge-icon" aria-hidden="true">${earned ? escHtml(def.icon) : '\uD83D\uDD12'}</span>
-        <span class="badge-name">${escHtml(def.name)}</span>`;
-      grid.appendChild(div);
-    });
-  }
-
-  function updateBadgesGrid() {
-    BADGE_DEFS.forEach((def) => {
-      const el = document.getElementById('badge-' + def.id);
-      if (!el) return;
-      const earned = earnedBadges.has(def.id);
-      el.className   = 'badge-item ' + (earned ? 'earned' : 'locked');
-      const iconEl   = el.querySelector('.badge-icon');
-      if (iconEl) iconEl.textContent = earned ? def.icon : '\uD83D\uDD12';
-      el.title       = earned ? def.desc : el.title;
-      if (earned) el.setAttribute('aria-label', `${def.name}: ${def.desc}`);
-    });
-  }
-
-  function queueToast(def) {
-    toastQueue.push(def);
-    if (!toastActive) showNextToast();
-  }
-
-  function showNextToast() {
-    if (!toastQueue.length) { toastActive = false; return; }
-    toastActive = true;
-    const def     = toastQueue.shift();
-    const toast   = document.getElementById('toast');
-    const iconEl  = document.getElementById('toast-icon');
-    const titleEl = document.getElementById('toast-title');
-    const descEl  = document.getElementById('toast-desc');
-    if (!toast) return;
-    if (iconEl)  iconEl.textContent  = def.icon;
-    if (titleEl) titleEl.textContent = '\uD83C\uDFC6 ' + def.name;
-    if (descEl)  descEl.textContent  = def.desc;
-    toast.hidden = false;
-    toast.classList.remove('toast-out');
-    toast.classList.add('toast-in');
-    clearTimeout(toast._dismissTimer);
-    toast._dismissTimer = setTimeout(dismissToast, 5000);
-  }
-
-  function dismissToast() {
-    const toast = document.getElementById('toast');
-    if (!toast || toast.hidden) return;
-    toast.classList.remove('toast-in');
-    toast.classList.add('toast-out');
-    setTimeout(() => {
-      toast.hidden = true;
-      toast.classList.remove('toast-out');
-      toastActive = false;
-      if (toastQueue.length) showNextToast();
-    }, 320);
-  }
-
-  function initBadges() {
-    loadBadges();
-
-    // Track visit count and award return visitor badge
-    try {
-      const visits = (parseInt(localStorage.getItem(LS_VISITS_KEY) || '0', 10) || 0) + 1;
-      localStorage.setItem(LS_VISITS_KEY, visits);
-      if (visits > 1) setTimeout(() => awardBadge('return_visitor'), 600);
-    } catch (_) { /* ignore */ }
-
-    checkEasterEggs();
-    renderBadgesGrid();
-
-    const closeBtn = document.getElementById('toast-close');
-    if (closeBtn) closeBtn.addEventListener('click', dismissToast);
-  }
-
-  // ============================================================
-  // ACCELERATE THE DOOM
-  // ============================================================
-
-  // ---- Constants -------------------------------------------
-
-  /** Base tokens added to personal counter per tap (before multipliers). */
-  const ACC_BASE_TOKENS_PER_TAP = 1_000_000;
-
-  /** Doom Points earned per token (1 DP per 1 million tokens). */
-  const ACC_DP_PER_TOKEN = 1 / 1_000_000;
-
-  const UPGRADES = [
-    { id: 'gpu_rack',    icon: '\uD83D\uDDA5\uFE0F', name: 'Extra GPU Rack',          cost:    10, multiplier:   2, flavour: 'More cores, more chaos'               },
-    { id: 'liquid_cool', icon: '\u26A1',              name: 'Liquid Cooling Override', cost:    50, multiplier:   5, flavour: 'Ignore the thermal warnings'           },
-    { id: 'global_dc',   icon: '\uD83C\uDF0D',        name: 'Global Data Centre',      cost:   200, multiplier:  10, flavour: 'Every continent contributing'          },
-    { id: 'orbital',     icon: '\uD83D\uDEF0\uFE0F',  name: 'Orbital Inference Array', cost:  1000, multiplier:  25, flavour: 'Space itself regrets this'             },
-    { id: 'agi_mode',    icon: '\uD83E\uDDEC',        name: 'AGI Mode',                cost:  5000, multiplier: 100, flavour: "It's writing its own prompts now"      },
-  ];
-
-  const LS_UPGRADES_KEY   = 'tokenDeathclockUpgrades';
-  const LS_BESTSCORE_KEY  = 'tokenDeathclockBestScore';
-  const LS_COMPANY_KEY    = 'tokenDeathclockCompany';
-  const LS_GAME_STATE_KEY = 'tokenDeathclockGameState';
-
-  // ---- State -----------------------------------------------
-
-  const acc = {
-    personalTokens:      0,
-    doomPoints:          0,
-    tapMultiplier:       1,
-    combo:               1,
-    tapTimestamps:       [],   // epoch-ms of recent taps (trimmed to last 3 s)
-    totalTaps:           0,
-    comboMaxHits:        0,    // times 10× combo was reached this session
-    milestonesTriggered: 0,    // personal milestones crossed this session
-    personalMilestoneSet: new Set(), // ids of milestones the player has crossed
-    bestScore:           0,
-    ownedUpgrades:       {},   // upgrade id → true
-    challenges:          [],   // active challenge defs (3)
-    challengeProgress:   {},   // challenge id → { value, completed }
-    sessionStartTokens:  0,    // snapshot of personalTokens when section opens (for carbon sprint)
-    sessionStartTime:    0,    // ms when section was opened
-    _comboResetTimer:    null,
-    _speedSecond:        { taps: 0, ts: 0 },  // taps in current 1-second bucket
-    _speedStreak:        0,    // consecutive 1-sec buckets with ≥ 10 taps
-    // Company / AI-Native
-    replacedWorkers:     {},   // roleId → true
-    ownedAgents:         {},   // agentId → count
-    passiveRate:         0,    // tokens/sec from passive generators
-  };
-
-  // ---- Persistence -----------------------------------------
-
-  function loadAcceleratorState() {
-    try {
-      const raw = localStorage.getItem(LS_UPGRADES_KEY);
-      if (raw) {
-        const parsed = JSON.parse(raw);
-        if (parsed && typeof parsed === 'object') acc.ownedUpgrades = parsed;
-      }
-    } catch (_) { /* ignore */ }
-    try {
-      const bs = parseFloat(localStorage.getItem(LS_BESTSCORE_KEY) || '0');
-      if (isFinite(bs) && bs > 0) acc.bestScore = bs;
-    } catch (_) { /* ignore */ }
-    try {
-      const raw = localStorage.getItem(LS_COMPANY_KEY);
-      if (raw) {
-        const parsed = JSON.parse(raw);
-        if (parsed && typeof parsed === 'object') {
-          if (parsed.replacedWorkers && typeof parsed.replacedWorkers === 'object') {
-            acc.replacedWorkers = parsed.replacedWorkers;
-          }
-          if (parsed.ownedAgents && typeof parsed.ownedAgents === 'object') {
-            acc.ownedAgents = parsed.ownedAgents;
-          }
-        }
-      }
-    } catch (_) { /* ignore */ }
-    try {
-      const raw = localStorage.getItem(LS_GAME_STATE_KEY);
-      if (raw) {
-        const parsed = JSON.parse(raw);
-        if (parsed && typeof parsed === 'object') {
-          if (typeof parsed.personalTokens === 'number' && isFinite(parsed.personalTokens) && parsed.personalTokens >= 0) {
-            acc.personalTokens = parsed.personalTokens;
-          }
-          if (typeof parsed.doomPoints === 'number' && isFinite(parsed.doomPoints) && parsed.doomPoints >= 0) {
-            acc.doomPoints = parsed.doomPoints;
-          }
-          if (typeof parsed.totalTaps === 'number' && isFinite(parsed.totalTaps) && parsed.totalTaps >= 0) {
-            acc.totalTaps = Math.floor(parsed.totalTaps);
-          }
-          if (typeof parsed.milestonesTriggered === 'number' && isFinite(parsed.milestonesTriggered) && parsed.milestonesTriggered >= 0) {
-            acc.milestonesTriggered = Math.floor(parsed.milestonesTriggered);
-          }
-          if (Array.isArray(parsed.personalMilestoneSet)) {
-            acc.personalMilestoneSet = new Set(
-              parsed.personalMilestoneSet.filter((id) => typeof id === 'string')
-            );
-          }
-        }
-      }
-    } catch (_) { /* ignore */ }
-    // Recompute tap multiplier and passive rate from persisted state
-    acc.tapMultiplier = currentTapMultiplier();
-    acc.passiveRate   = computePassiveRate(acc.ownedAgents, acc.replacedWorkers);
-  }
-
-  function saveAcceleratorState() {
-    try { localStorage.setItem(LS_UPGRADES_KEY, JSON.stringify(acc.ownedUpgrades)); } catch (_) { /* ignore */ }
-    try { localStorage.setItem(LS_BESTSCORE_KEY, String(acc.bestScore)); } catch (_) { /* ignore */ }
-    try {
-      localStorage.setItem(LS_COMPANY_KEY, JSON.stringify({
-        replacedWorkers: acc.replacedWorkers,
-        ownedAgents:     acc.ownedAgents,
-      }));
-    } catch (_) { /* ignore */ }
-    try {
-      localStorage.setItem(LS_GAME_STATE_KEY, JSON.stringify({
-        personalTokens:      acc.personalTokens,
-        doomPoints:          acc.doomPoints,
-        totalTaps:           acc.totalTaps,
-        milestonesTriggered: acc.milestonesTriggered,
-        personalMilestoneSet: [...acc.personalMilestoneSet],
-      }));
-    } catch (_) { /* ignore */ }
-  }
-
-  function currentTapMultiplier() {
-    let mult = 1;
-    UPGRADES.forEach((u) => {
-      if (acc.ownedUpgrades[u.id]) mult = Math.max(mult, u.multiplier);
-    });
-    return mult;
-  }
-
-  // ---- Tap handler -----------------------------------------
-
-  function handleTap() {
-    const now = Date.now();
-
-    // Record tap timestamp, keep a 3-second window
-    acc.tapTimestamps.push(now);
-    if (acc.tapTimestamps.length > 200) {
-      acc.tapTimestamps = acc.tapTimestamps.filter((t) => t >= now - 3000);
-    }
-
-    // Update combo
-    const newCombo = computeComboMultiplier(acc.tapTimestamps);
-    const hitMaxCombo = newCombo === 10 && acc.combo < 10;
-    acc.combo = newCombo;
-
-    // Tokens this tap
-    const tokensThisTap = ACC_BASE_TOKENS_PER_TAP * acc.tapMultiplier * acc.combo;
-    acc.personalTokens += tokensThisTap;
-    acc.doomPoints     += tokensThisTap * ACC_DP_PER_TOKEN;
-    acc.totalTaps++;
-
-    // Speed challenge tracking: bucket by 1-second windows
-    const secBucket = Math.floor(now / 1000);
-    if (secBucket === acc._speedSecond.ts) {
-      acc._speedSecond.taps++;
-    } else {
-      if (acc._speedSecond.taps >= 10) {
-        acc._speedStreak++;
-      } else {
-        acc._speedStreak = 0;
-      }
-      acc._speedSecond = { taps: 1, ts: secBucket };
-    }
-
-    // Combo-max hits (for combo_king challenge)
-    if (hitMaxCombo) acc.comboMaxHits++;
-
-    // Haptic
-    if (typeof navigator.vibrate === 'function') navigator.vibrate(30);
-
-    // Visual tap animation
-    const btn = document.getElementById('bigRedButton');
-    if (btn) {
-      btn.classList.add('tapping');
-      setTimeout(() => btn.classList.remove('tapping'), 140);
-    }
-
-    updateAcceleratorUI();
-    checkAcceleratorAchievements();
-    updateChallengeProgress();
-    updateVillainLeaderboard();
-  }
-
-  // ---- Challenge progress ----------------------------------
-
-  function initChallengeProgress() {
-    acc.challenges = getSessionChallenges(Date.now());
-    acc.challengeProgress = {};
-    acc.challenges.forEach((c) => {
-      acc.challengeProgress[c.id] = { value: 0, completed: false };
-    });
-    acc.sessionStartTokens = acc.personalTokens;
-    acc.sessionStartTime   = Date.now();
-  }
-
-  function updateChallengeProgress() {
-    let anyChanged = false;
-    acc.challenges.forEach((c) => {
-      const p = acc.challengeProgress[c.id];
-      if (!p || p.completed) return;
-      let newValue = p.value;
-
-      switch (c.type) {
-        case 'taps':    newValue = acc.totalTaps; break;
-        case 'tokens':  newValue = acc.personalTokens; break;
-        case 'combo':   newValue = acc.comboMaxHits; break;
-        case 'upgrade': newValue = Object.keys(acc.ownedUpgrades).length; break;
-        case 'co2': {
-          const impact = calculateEnvironmentalImpact(acc.personalTokens);
-          newValue = impact.co2Kg; // target is in kg (1000 kg = 1 tonne)
-          break;
-        }
-        case 'speed': {
-          // Speed: 50 taps in under 10 seconds
-          // Check if the last 50 taps were within 10 seconds
-          if (acc.tapTimestamps.length >= 50) {
-            const earliest = acc.tapTimestamps[acc.tapTimestamps.length - 50];
-            const latest   = acc.tapTimestamps[acc.tapTimestamps.length - 1];
-            if (latest - earliest < 10000) {
-              newValue = c.target; // mark complete
-            }
-          }
-          break;
-        }
-        default: break;
-      }
-
-      if (newValue !== p.value) {
-        p.value = newValue;
-        anyChanged = true;
-        if (newValue >= c.target && !p.completed) {
-          p.completed = true;
-          p.value = c.target;
-          acc.doomPoints += c.rewardDp;
-          showChallengeComplete(c);
-          // Nocturnal bonus: any challenge completed between midnight and 4am
-          const hour = new Date().getHours();
-          if (hour >= 0 && hour < 4) awardBadge('nocturnal_doomer');
-        }
-      }
-    });
-    if (anyChanged) renderChallenges();
-  }
-
-  function showChallengeComplete(c) {
-    queueToast({
-      icon: c.icon,
-      name: 'Challenge Complete: ' + c.label,
-      desc: '+' + c.rewardDp + ' DP — ' + c.desc,
-    });
-  }
-
-  // ---- Achievements ----------------------------------------
-
-  function checkAcceleratorAchievements() {
-    if (acc.totalTaps === 1)                         awardBadge('accelerant');
-    if (acc.combo === 10)                            awardBadge('arsonist');
-    if (acc.personalTokens >= 1e12)                  awardBadge('trillion_villain');
-    if (acc.ownedUpgrades['global_dc'])              awardBadge('continental_threat');
-    if (acc.ownedUpgrades['orbital'])                awardBadge('space_criminal');
-    if (acc.ownedUpgrades['agi_mode'])               awardBadge('godlike');
-    if (acc.milestonesTriggered >= 1)                awardBadge('first_blood');
-    if (acc.milestonesTriggered >= 5)                awardBadge('apex_accelerant');
-  }
-
-  // ---- Upgrade purchase ------------------------------------
-
-  function purchaseUpgrade(id) {
-    const upgrade = UPGRADES.find((u) => u.id === id);
-    if (!upgrade || acc.ownedUpgrades[id]) return;
-    if (acc.doomPoints < upgrade.cost) return;
-    acc.doomPoints -= upgrade.cost;
-    acc.ownedUpgrades[id] = true;
-    acc.tapMultiplier = currentTapMultiplier();
-    saveAcceleratorState();
-
-    queueToast({
-      icon: upgrade.icon,
-      name: 'Upgrade Unlocked: ' + upgrade.name,
-      desc: upgrade.flavour + ' — now ' + upgrade.multiplier + '\xD7 per tap',
-    });
-
-    updateAcceleratorUI();
-    renderUpgradeShop();
-    checkAcceleratorAchievements();
-    updateChallengeProgress(); // may complete first_upgrade challenge
-  }
-
-  // ---- UI rendering ----------------------------------------
-
-  function updateAcceleratorUI() {
-    const impact = calculateEnvironmentalImpact(acc.personalTokens);
-
-    setAccelText('accelTokens', formatTokenCount(acc.personalTokens));
-    setAccelText('accelDp',     formatDoomPoints(acc.doomPoints));
-
-    // CO₂ display: grams when < 1 kg, otherwise kg
-    const co2Val = impact.co2Kg < 1
-      ? (impact.co2Kg * 1000).toFixed(1) + ' g'
-      : impact.co2Kg.toFixed(2) + ' kg';
-    setAccelText('accelCo2', co2Val);
-
-    // Water display: mL when < 1 L, otherwise L
-    const waterVal = impact.waterL < 1
-      ? Math.round(impact.waterL * 1000) + ' mL'
-      : impact.waterL.toFixed(2) + ' L';
-    setAccelText('accelWater', waterVal);
-
-    // Passive rate display
-    setAccelText('passiveRateDisplay', formatTokenCount(acc.passiveRate) + ' tokens/sec');
-
-    updateComboDisplay();
-    updateMilestoneRace();
-    updateBestScore();
-    renderUpgradeShop();
-    renderWorkforcePanel();
-    renderAgentShop();
-    updateCompanyStage();
-
-    // Show/hide share button
-    const shareBtn = document.getElementById('shareAccelerationBtn');
-    if (shareBtn) shareBtn.hidden = acc.personalTokens <= 0;
-
-    // Show tap rate
-    const rateEl = document.getElementById('brbTapRate');
-    if (rateEl && acc.tapTimestamps.length >= 2) {
-      const window2s = acc.tapTimestamps.filter((t) => t >= Date.now() - 2000);
-      const rate = window2s.length / 2;
-      rateEl.textContent = rate.toFixed(1) + ' taps/sec';
-    }
-  }
-
-  function setAccelText(id, value) {
-    const el = document.getElementById(id);
-    if (el) el.textContent = value;
-  }
-
-  function updateComboDisplay() {
-    const el = document.getElementById('comboDisplay');
-    const btn = document.getElementById('bigRedButton');
-    const lbl = document.getElementById('brbLabel');
-    if (!el) return;
-
-    el.textContent = acc.combo + '\xD7';
-    el.setAttribute('aria-label', 'Combo multiplier: ' + acc.combo + '\xD7');
-
-    const isMax = acc.combo === 10;
-    el.classList.toggle('combo-max', isMax);
-    if (btn) {
-      btn.classList.toggle('combo-max', isMax);
-      btn.setAttribute('aria-label', 'Feed the Machine \u2014 ' + acc.combo + '\xD7 combo');
-    }
-    if (lbl) {
-      if (acc.combo >= 10)      lbl.textContent = 'MAXIMUM DOOM \u2622\uFE0F';
-      else if (acc.combo >= 5)  lbl.textContent = 'FASTER! \uD83D\uDD25';
-      else if (acc.combo >= 2)  lbl.textContent = 'Keep Going\u2026';
-      else                      lbl.textContent = 'Feed the Machine';
-    }
-  }
-
-  function updateMilestoneRace() {
-    const next = getNextMilestoneForPlayer(acc.personalTokens, MILESTONES);
-    const nameEl = document.getElementById('milestoneRaceName');
-    const pctEl  = document.getElementById('milestoneRacePct');
-    const fill   = document.getElementById('milestoneRaceFill');
-    const bar    = document.getElementById('milestoneRaceBar');
-
-    if (!next) {
-      if (nameEl) nameEl.textContent = 'All cleared \uD83D\uDC80';
-      if (pctEl)  pctEl.textContent  = '100%';
-      if (fill)   fill.style.width   = '100%';
-      return;
-    }
-
-    // Find the previous milestone tokens as the lower bound
-    const idx  = MILESTONES.indexOf(next);
-    const prev = idx > 0 ? MILESTONES[idx - 1].tokens : 0;
-    const pct  = milestoneProgress(acc.personalTokens, prev, next.tokens);
-
-    if (nameEl) nameEl.textContent = next.icon + ' ' + next.name;
-    if (pctEl)  pctEl.textContent  = pct.toFixed(1) + '%';
-    if (fill)   fill.style.width   = pct + '%';
-    if (bar)    bar.setAttribute('aria-valuenow', Math.round(pct));
-
-    // Check if the player just triggered this milestone
-    if (acc.personalTokens >= next.tokens && !acc.personalMilestoneSet.has(next.id)) {
-      acc.personalMilestoneSet.add(next.id);
-      acc.milestonesTriggered++;
-      flashPersonalMilestoneTrigger(next);
-      if (typeof navigator.vibrate === 'function') navigator.vibrate(80);
-      checkAcceleratorAchievements();
-    }
-  }
-
-  function flashPersonalMilestoneTrigger(milestone) {
-    // Flash the race bar
-    const wrap = document.querySelector('.milestone-race-wrap');
-    if (wrap) {
-      wrap.classList.add('milestone-triggered');
-      setTimeout(() => wrap.classList.remove('milestone-triggered'), 700);
-    }
-    // Flash the global milestone card
-    const card = document.getElementById('milestone-' + milestone.id);
-    if (card) {
-      card.classList.add('player-triggered');
-      setTimeout(() => card.classList.remove('player-triggered'), 700);
-    }
-    queueToast({
-      icon: milestone.icon,
-      name: 'Milestone Triggered: ' + milestone.name,
-      desc: 'You personally crossed ' + milestone.shortDesc + '. Catastrophe achieved.',
-    });
-  }
-
-  function updateBestScore() {
-    if (acc.personalTokens > acc.bestScore) {
-      acc.bestScore = acc.personalTokens;
-      saveAcceleratorState();
-      const valueEl = document.getElementById('bestScoreValue');
-      if (valueEl) {
-        valueEl.textContent = formatTokenCount(acc.bestScore);
-        valueEl.className = 'new-record';
-        setTimeout(() => { valueEl.className = ''; }, 2000);
-      }
-      updateVillainLeaderboard();
-    } else {
-      const valueEl = document.getElementById('bestScoreValue');
-      if (valueEl && valueEl.textContent === '\u2014') {
-        valueEl.textContent = acc.bestScore > 0 ? formatTokenCount(acc.bestScore) : '\u2014';
-      }
-    }
-  }
-
-  function renderUpgradeShop() {
-    const shop = document.getElementById('upgradeShop');
-    if (!shop) return;
-
-    shop.innerHTML = '';
-    UPGRADES.forEach((u) => {
-      const owned      = !!acc.ownedUpgrades[u.id];
-      const affordable = acc.doomPoints >= u.cost;
-      const btn        = document.createElement('button');
-      btn.className    = 'upgrade-card' +
-        (owned ? ' owned' : '') +
-        (!owned && !affordable ? ' unaffordable' : '');
-      btn.setAttribute('aria-label', owned
-        ? u.name + ' (owned)'
-        : u.name + ' \u2014 costs ' + u.cost + ' DP'
-      );
-      if (owned) btn.setAttribute('aria-disabled', 'true');
-      btn.innerHTML = `
-        <span class="upgrade-card-icon" aria-hidden="true">${escHtml(u.icon)}</span>
-        <div class="upgrade-card-name">${escHtml(u.name)}</div>
-        <div class="upgrade-card-flavour">${escHtml(u.flavour)}</div>
-        <div class="upgrade-card-cost">${owned ? '\u2713 Owned' : escHtml(String(u.cost)) + ' DP'}</div>
-        <div class="upgrade-card-mult">${escHtml(String(u.multiplier))}\xD7 per tap</div>`;
-      if (!owned) {
-        btn.addEventListener('click', () => purchaseUpgrade(u.id));
-      }
-      shop.appendChild(btn);
-    });
-  }
-
-  // ---- Workforce panel (fire workers) ----------------------
-
-  function fireWorker(id) {
-    const role = COMPANY_ROLES.find((r) => r.id === id);
-    if (!role || acc.replacedWorkers[id]) return;
-    if (acc.doomPoints < role.cost) return;
-    acc.doomPoints -= role.cost;
-    acc.replacedWorkers[id] = true;
-    acc.passiveRate = computePassiveRate(acc.ownedAgents, acc.replacedWorkers);
-    saveAcceleratorState();
-    queueToast({
-      icon:  role.icon,
-      name:  'Role Automated: ' + role.name,
-      desc:  role.flavour + ' (+' + formatTokenCount(role.tps) + '/sec)',
-    });
-    updateAcceleratorUI();
-    renderWorkforcePanel();
-    checkCompanyAchievements();
-    updateChallengeProgress();
-  }
-
-  function renderWorkforcePanel() {
-    const panel = document.getElementById('workforcePanel');
-    if (!panel) return;
-    panel.innerHTML = '';
-    COMPANY_ROLES.forEach((r) => {
-      const fired      = !!acc.replacedWorkers[r.id];
-      const affordable = !fired && acc.doomPoints >= r.cost;
-      const card       = document.createElement('button');
-      card.className   = 'worker-card' +
-        (fired ? ' fired' : '') +
-        (!fired && !affordable ? ' unaffordable' : '');
-      card.setAttribute('aria-label', fired
-        ? r.name + ' (automated)'
-        : r.name + ' — fire for ' + r.cost + ' DP'
-      );
-      if (fired) card.setAttribute('aria-disabled', 'true');
-      card.innerHTML = `
-        <span class="worker-card-icon" aria-hidden="true">${escHtml(r.icon)}</span>
-        <div class="worker-card-name">${escHtml(r.name)}</div>
-        <div class="worker-card-flavour">${escHtml(r.flavour)}</div>
-        <div class="worker-card-tps">+${escHtml(formatTokenCount(r.tps))}/sec</div>
-        <div class="worker-card-cost">${fired ? '🤖 Automated' : escHtml(String(r.cost)) + ' DP'}</div>`;
-      if (!fired) {
-        card.addEventListener('click', () => fireWorker(r.id));
-      }
-      panel.appendChild(card);
-    });
-  }
-
-  // ---- AI Agent shop (passive generators) ------------------
-
-  function purchaseAgent(id) {
-    const agent = AI_AGENTS.find((a) => a.id === id);
-    if (!agent) return;
-    if (acc.doomPoints < agent.cost) return;
-    acc.doomPoints -= agent.cost;
-    acc.ownedAgents[id] = (acc.ownedAgents[id] || 0) + 1;
-    acc.passiveRate = computePassiveRate(acc.ownedAgents, acc.replacedWorkers);
-    saveAcceleratorState();
-    updateAcceleratorUI();
-    renderAgentShop();
-    checkCompanyAchievements();
-    updateChallengeProgress();
-  }
-
-  function renderAgentShop() {
-    const shop = document.getElementById('agentShop');
-    if (!shop) return;
-    shop.innerHTML = '';
-    AI_AGENTS.forEach((a) => {
-      const count      = acc.ownedAgents[a.id] || 0;
-      const affordable = acc.doomPoints >= a.cost;
-      const card       = document.createElement('button');
-      card.className   = 'agent-card' + (!affordable ? ' unaffordable' : '');
-      card.setAttribute('aria-label',
-        a.name + (count ? ' (×' + count + ' owned)' : '') + ' — costs ' + a.cost + ' DP'
-      );
-      card.innerHTML = `
-        <span class="agent-card-icon" aria-hidden="true">${escHtml(a.icon)}</span>
-        <div class="agent-card-name">${escHtml(a.name)}</div>
-        <div class="agent-card-flavour">${escHtml(a.flavour)}</div>
-        <div class="agent-card-tps">+${escHtml(formatTokenCount(a.tps))}/sec each</div>
-        <div class="agent-card-cost">${escHtml(String(a.cost))} DP</div>
-        ${count ? `<div class="agent-card-owned">\u00D7${count} deployed</div>` : ''}`;
-      card.addEventListener('click', () => purchaseAgent(a.id));
-      shop.appendChild(card);
-    });
-  }
-
-  // ---- Company stage display --------------------------------
-
-  function updateCompanyStage() {
-    const replaced = Object.keys(acc.replacedWorkers).length;
-    const stage    = getCompanyStage(replaced);
-    const iconEl   = document.getElementById('companyStageIcon');
-    const nameEl   = document.getElementById('companyStageName');
-    if (iconEl) iconEl.textContent = stage.icon;
-    if (nameEl) nameEl.textContent = stage.name;
-  }
-
-  // ---- Company achievements --------------------------------
-
-  function checkCompanyAchievements() {
-    const replaced = Object.keys(acc.replacedWorkers).length;
-    if (replaced >= 1) awardBadge('layoff_legend');
-    if (replaced >= 5) awardBadge('ai_native_ceo');
-    if (replaced >= COMPANY_ROLES.length) awardBadge('lights_out');
-    const hasAgent = AI_AGENTS.some((a) => (acc.ownedAgents[a.id] || 0) > 0);
-    if (hasAgent) awardBadge('token_maxxer_badge');
-  }
-
-  // ---- Passive token generation loop -----------------------
-
-  function startPassiveLoop() {
-    // Tick every 200 ms — add passiveRate × 0.2 tokens per tick.
-    // Only update the minimal counter elements here; full UI re-renders
-    // (shop affordability, challenge progress bars) happen via handleTap() and
-    // purchase actions so we avoid heavy DOM churn every 200 ms.
-    setInterval(() => {
-      if (acc.passiveRate <= 0) return;
-      const tokensAdded = acc.passiveRate * 0.2;
-      acc.personalTokens += tokensAdded;
-      acc.doomPoints     += tokensAdded * ACC_DP_PER_TOKEN;
-      // Update only the lightweight numeric displays
-      setAccelText('accelTokens', formatTokenCount(acc.personalTokens));
-      setAccelText('accelDp',     formatDoomPoints(acc.doomPoints));
-      updateMilestoneRace();
-      updateBestScore();
-      updateChallengeProgress();
-    }, 200);
-  }
-
-  function renderChallenges() {
-    const row = document.getElementById('challengeRow');
-    if (!row) return;
-    row.innerHTML = '';
-    acc.challenges.forEach((c) => {
-      const p       = acc.challengeProgress[c.id] || { value: 0, completed: false };
-      const pct     = Math.min(100, (p.value / c.target) * 100);
-      const card    = document.createElement('div');
-      card.className = 'challenge-card' + (p.completed ? ' completed' : '');
-      card.setAttribute('role', 'listitem');
-      card.setAttribute('aria-label', c.label + (p.completed ? ' (completed)' : ''));
-      card.innerHTML = `
-        <span class="challenge-card-icon" aria-hidden="true">${escHtml(c.icon)}</span>
-        <div class="challenge-card-label">${escHtml(c.label)}</div>
-        <div class="challenge-card-desc">${escHtml(c.desc)}</div>
-        <div class="challenge-card-reward">+${escHtml(String(c.rewardDp))} DP</div>
+        <div class="wanted-bail">\u2696\uFE0F BAIL: Plant ${u(String(f))} tree${f!==1?"s":""} or delete your ChatGPT account.</div>
+        <div class="wanted-global">If all 500M AI users matched this profile: ${u(h)} tonnes CO\u2082/week \u2014 equiv. ${u(g)} cars driven.</div>
+      </div>`)}function Un(){const e=document.getElementById("calcPrompts"),t=document.getElementById("calcLength"),n=document.getElementById("calcModel"),o=e&&parseInt(e.value,10)||20,s=t&&parseInt(t.value,10)||500,i=n&&parseFloat(n.value)||1,r=He(o,s,i),c=(r.weekly.co2Kg*1e3).toFixed(1),d=(r.globalWeeklyCo2Kg/1e3).toFixed(0);return`\u{1F9EE} I sent ${o} AI prompts this week. That's ~${S(r.weeklyTokens)} tokens, ~${c}g CO\u2082. Multiply me by 500 million \u2192 ${d} tonnes of CO\u2082/week just from AI prompts.
+\u2192 ${M} #AICarbonFootprint #TokenDeathClock`}function qn(){const e=document.getElementById("calcToggleBtn"),t=document.getElementById("calc-content");e&&t&&e.addEventListener("click",()=>{const o=t.hidden;t.hidden=!o,e.textContent=o?"\u25BC Close Calculator":"\u25BA Open Personal AI Carbon Footprint Calculator",e.setAttribute("aria-expanded",o?"true":"false"),o&&(mt(),k("number_cruncher"))}),["calcPrompts","calcLength","calcModel"].forEach(o=>{const s=document.getElementById(o);s&&s.addEventListener("input",()=>{if(o==="calcPrompts"){const i=document.getElementById("calcPromptsVal");i&&(i.textContent=s.value),s.setAttribute("aria-valuenow",s.value)}mt()})});const n=document.getElementById("calcShareBtn");n&&n.addEventListener("click",()=>{se(Un()),k("spreading_doom")})}const ie=[{id:"morbid_curious",icon:"\u{1F440}",name:"Morbid Curious",desc:"Spent 30 seconds watching the apocalypse.",type:"time",threshold:30},{id:"doom_magnet",icon:"\u{1F9F2}",name:"Doom Magnet",desc:"Spent 3 minutes watching the apocalypse.",type:"time",threshold:180},{id:"chronic_doomscroller",icon:"\u{1F6CB}\uFE0F",name:"Chronic Doomscroller",desc:"10 minutes of uninterrupted doom.",type:"time",threshold:600},{id:"terminal_patient",icon:"\u{1F480}",name:"Terminal Patient",desc:"Half an hour here. Are you okay?",type:"time",threshold:1800},{id:"one_of_us",icon:"\u{1F916}",name:"One of Us Now",desc:"One hour. You're part of the machine now.",type:"time",threshold:3600},{id:"spreading_doom",icon:"\u{1F4E4}",name:"Spreading the Doom",desc:"Clicked Share. Sharing is caring.",type:"manual"},{id:"number_cruncher",icon:"\u{1F9EE}",name:"Number Cruncher",desc:"Opened the Personal Footprint Calculator.",type:"manual"},{id:"receipt_collector",icon:"\u{1F9FE}",name:"Receipt Collector",desc:"Checked your session receipt.",type:"manual"},{id:"optimist",icon:"\u{1F31E}",name:"Optimist",desc:"Switched to Light Mode. Your optimism is noted.",type:"manual"},{id:"nocturnal_doomer",icon:"\u{1F313}",name:"Nocturnal Doomer",desc:"Visiting between midnight and 4am. Can't sleep?",type:"easter"},{id:"return_visitor",icon:"\u{1F501}",name:"Glutton for Punishment",desc:"You came back. You knew what would happen.",type:"easter"},{id:"accelerant",icon:"\u{1F680}",name:"Accelerant",desc:"Made your first tap on the Big Red Button.",type:"manual"},{id:"arsonist",icon:"\u{1F525}",name:"Arsonist",desc:"Reached 10\xD7 combo for the first time.",type:"manual"},{id:"trillion_villain",icon:"\u26A1",name:"Trillion Villain",desc:"Personally contributed 1 trillion tokens.",type:"manual"},{id:"continental_threat",icon:"\u{1F30D}",name:"Continental Threat",desc:"Purchased the Global Data Centre upgrade.",type:"manual"},{id:"space_criminal",icon:"\u{1F6F0}\uFE0F",name:"Space Criminal",desc:"Purchased the Orbital Inference Array.",type:"manual"},{id:"godlike",icon:"\u{1F9EC}",name:"Godlike",desc:"Purchased the AGI Mode upgrade.",type:"manual"},{id:"first_blood",icon:"\u{1F3C1}",name:"First Blood",desc:"Personally triggered your first milestone.",type:"manual"},{id:"apex_accelerant",icon:"\u2620\uFE0F",name:"Apex Accelerant",desc:"Personally triggered 5 milestones.",type:"manual"},{id:"bragging_rights",icon:"\u{1F4E4}",name:"Bragging Rights",desc:"Shared your personal acceleration total.",type:"manual"},{id:"layoff_legend",icon:"\u{1F4E4}",name:"Layoff Legend",desc:"Replaced your first human worker with AI.",type:"manual"},{id:"token_maxxer_badge",icon:"\u{1F4C8}",name:"Token Maxxer",desc:"Deployed your first AI agent.",type:"manual"},{id:"ai_native_ceo",icon:"\u{1F3E2}",name:"AI-Native CEO",desc:"Reached AI-Native Company stage.",type:"manual"},{id:"lights_out",icon:"\u2620\uFE0F",name:"Lights Out",desc:"Replaced every human worker. Fully automated.",type:"manual"},{id:"witness",icon:"\u{1F441}\uFE0F",name:"Witness",desc:"Stayed to watch a milestone get crossed in real time.",type:"manual"}],gt="tokenDeathclockBadges",pt="tokenDeathclockVisits";let W=new Set;const re=[];let ce=!1;function Kn(){try{const e=JSON.parse(localStorage.getItem(gt)||"[]");Array.isArray(e)&&e.forEach(t=>W.add(t))}catch(e){}}function Gn(){try{localStorage.setItem(gt,JSON.stringify([...W]))}catch(e){}}function k(e){if(W.has(e))return;const t=ie.find(n=>n.id===e);t&&(W.add(e),Gn(),Y(t),Jn())}function Yn(){const e=Math.floor((Date.now()-x)/1e3);ie.filter(t=>t.type==="time").forEach(t=>{e>=t.threshold&&k(t.id)})}function Vn(){const e=new Date().getHours();e>=0&&e<4&&k("nocturnal_doomer")}function jn(){const e=document.getElementById("badges-grid");e&&(e.innerHTML="",ie.forEach(t=>{const n=W.has(t.id),o=t.type==="time"?`Spend ${t.threshold<60?t.threshold+"s":Math.round(t.threshold/60)+"min"} on the page`:t.type==="easter"?"A secret badge\u2026":"Complete a specific action",s=document.createElement("div");s.className="badge-item "+(n?"earned":"locked"),s.id="badge-"+t.id,s.title=n?t.desc:o,s.setAttribute("aria-label",n?`${t.name}: ${t.desc}`:`Locked: ${o}`),s.innerHTML=`
+        <span class="badge-icon" aria-hidden="true">${n?u(t.icon):"\u{1F512}"}</span>
+        <span class="badge-name">${u(t.name)}</span>`,e.appendChild(s)}))}function Jn(){ie.forEach(e=>{const t=document.getElementById("badge-"+e.id);if(!t)return;const n=W.has(e.id);t.className="badge-item "+(n?"earned":"locked");const o=t.querySelector(".badge-icon");o&&(o.textContent=n?e.icon:"\u{1F512}"),t.title=n?e.desc:t.title,n&&t.setAttribute("aria-label",`${e.name}: ${e.desc}`)})}function Y(e){re.push(e),ce||ht()}function ht(){if(!re.length){ce=!1;return}ce=!0;const e=re.shift(),t=document.getElementById("toast"),n=document.getElementById("toast-icon"),o=document.getElementById("toast-title"),s=document.getElementById("toast-desc");t&&(n&&(n.textContent=e.icon),o&&(o.textContent="\u{1F3C6} "+e.name),s&&(s.textContent=e.desc),t.hidden=!1,t.classList.remove("toast-out"),t.classList.add("toast-in"),clearTimeout(t._dismissTimer),t._dismissTimer=setTimeout(ft,5e3))}function ft(){const e=document.getElementById("toast");!e||e.hidden||(e.classList.remove("toast-in"),e.classList.add("toast-out"),setTimeout(()=>{e.hidden=!0,e.classList.remove("toast-out"),ce=!1,re.length&&ht()},320))}function zn(){Kn();try{const t=(parseInt(localStorage.getItem(pt)||"0",10)||0)+1;localStorage.setItem(pt,t),t>1&&setTimeout(()=>k("return_visitor"),600)}catch(t){}Vn(),jn();const e=document.getElementById("toast-close");e&&e.addEventListener("click",ft)}const Qn=1e6,yt=1/1e6,De=[{id:"gpu_rack",icon:"\u{1F5A5}\uFE0F",name:"Extra GPU Rack",cost:10,multiplier:2,flavour:"More cores, more chaos"},{id:"liquid_cool",icon:"\u26A1",name:"Liquid Cooling Override",cost:50,multiplier:5,flavour:"Ignore the thermal warnings"},{id:"global_dc",icon:"\u{1F30D}",name:"Global Data Centre",cost:200,multiplier:10,flavour:"Every continent contributing"},{id:"orbital",icon:"\u{1F6F0}\uFE0F",name:"Orbital Inference Array",cost:1e3,multiplier:25,flavour:"Space itself regrets this"},{id:"agi_mode",icon:"\u{1F9EC}",name:"AGI Mode",cost:5e3,multiplier:100,flavour:"It's writing its own prompts now"}],Et="tokenDeathclockUpgrades",bt="tokenDeathclockBestScore",vt="tokenDeathclockCompany",kt="tokenDeathclockGameState",a={personalTokens:0,doomPoints:0,tapMultiplier:1,combo:1,tapTimestamps:[],totalTaps:0,comboMaxHits:0,milestonesTriggered:0,personalMilestoneSet:new Set,bestScore:0,ownedUpgrades:{},challenges:[],challengeProgress:{},sessionStartTokens:0,sessionStartTime:0,_comboResetTimer:null,_speedSecond:{taps:0,ts:0},_speedStreak:0,replacedWorkers:{},ownedAgents:{},passiveRate:0};function Xn(){try{const e=localStorage.getItem(Et);if(e){const t=JSON.parse(e);t&&typeof t=="object"&&(a.ownedUpgrades=t)}}catch(e){}try{const e=parseFloat(localStorage.getItem(bt)||"0");isFinite(e)&&e>0&&(a.bestScore=e)}catch(e){}try{const e=localStorage.getItem(vt);if(e){const t=JSON.parse(e);t&&typeof t=="object"&&(t.replacedWorkers&&typeof t.replacedWorkers=="object"&&(a.replacedWorkers=t.replacedWorkers),t.ownedAgents&&typeof t.ownedAgents=="object"&&(a.ownedAgents=t.ownedAgents))}}catch(e){}try{const e=localStorage.getItem(kt);if(e){const t=JSON.parse(e);t&&typeof t=="object"&&(typeof t.personalTokens=="number"&&isFinite(t.personalTokens)&&t.personalTokens>=0&&(a.personalTokens=t.personalTokens),typeof t.doomPoints=="number"&&isFinite(t.doomPoints)&&t.doomPoints>=0&&(a.doomPoints=t.doomPoints),typeof t.totalTaps=="number"&&isFinite(t.totalTaps)&&t.totalTaps>=0&&(a.totalTaps=Math.floor(t.totalTaps)),typeof t.milestonesTriggered=="number"&&isFinite(t.milestonesTriggered)&&t.milestonesTriggered>=0&&(a.milestonesTriggered=Math.floor(t.milestonesTriggered)),Array.isArray(t.personalMilestoneSet)&&(a.personalMilestoneSet=new Set(t.personalMilestoneSet.filter(n=>typeof n=="string"))))}}catch(e){}a.tapMultiplier=St(),a.passiveRate=fe(a.ownedAgents,a.replacedWorkers)}function U(){try{localStorage.setItem(Et,JSON.stringify(a.ownedUpgrades))}catch(e){}try{localStorage.setItem(bt,String(a.bestScore))}catch(e){}try{localStorage.setItem(vt,JSON.stringify({replacedWorkers:a.replacedWorkers,ownedAgents:a.ownedAgents}))}catch(e){}try{localStorage.setItem(kt,JSON.stringify({personalTokens:a.personalTokens,doomPoints:a.doomPoints,totalTaps:a.totalTaps,milestonesTriggered:a.milestonesTriggered,personalMilestoneSet:[...a.personalMilestoneSet]}))}catch(e){}}function St(){let e=1;return De.forEach(t=>{a.ownedUpgrades[t.id]&&(e=Math.max(e,t.multiplier))}),e}function Zn(){const e=Date.now();a.tapTimestamps.push(e),a.tapTimestamps.length>200&&(a.tapTimestamps=a.tapTimestamps.filter(r=>r>=e-3e3));const t=en(a.tapTimestamps),n=t===10&&a.combo<10;a.combo=t;const o=Qn*a.tapMultiplier*a.combo;a.personalTokens+=o,a.doomPoints+=o*yt,a.totalTaps++;const s=Math.floor(e/1e3);s===a._speedSecond.ts?a._speedSecond.taps++:(a._speedSecond.taps>=10?a._speedStreak++:a._speedStreak=0,a._speedSecond={taps:1,ts:s}),n&&a.comboMaxHits++,typeof navigator.vibrate=="function"&&navigator.vibrate(30);const i=document.getElementById("bigRedButton");i&&(i.classList.add("tapping"),setTimeout(()=>i.classList.remove("tapping"),140)),j(),xe(),V(),ue()}function eo(){a.challenges=tn(Date.now()),a.challengeProgress={},a.challenges.forEach(e=>{a.challengeProgress[e.id]={value:0,completed:!1}}),a.sessionStartTokens=a.personalTokens,a.sessionStartTime=Date.now()}function V(){let e=!1;a.challenges.forEach(t=>{const n=a.challengeProgress[t.id];if(!n||n.completed)return;let o=n.value;switch(t.type){case"taps":o=a.totalTaps;break;case"tokens":o=a.personalTokens;break;case"combo":o=a.comboMaxHits;break;case"upgrade":o=Object.keys(a.ownedUpgrades).length;break;case"co2":{o=A(a.personalTokens).co2Kg;break}case"speed":{if(a.tapTimestamps.length>=50){const s=a.tapTimestamps[a.tapTimestamps.length-50];a.tapTimestamps[a.tapTimestamps.length-1]-s<1e4&&(o=t.target)}break}default:break}if(o!==n.value&&(n.value=o,e=!0,o>=t.target&&!n.completed)){n.completed=!0,n.value=t.target,a.doomPoints+=t.rewardDp,to(t);const s=new Date().getHours();s>=0&&s<4&&k("nocturnal_doomer")}}),e&&xt()}function to(e){Y({icon:e.icon,name:"Challenge Complete: "+e.label,desc:"+"+e.rewardDp+" DP \u2014 "+e.desc})}function xe(){a.totalTaps===1&&k("accelerant"),a.combo===10&&k("arsonist"),a.personalTokens>=1e12&&k("trillion_villain"),a.ownedUpgrades.global_dc&&k("continental_threat"),a.ownedUpgrades.orbital&&k("space_criminal"),a.ownedUpgrades.agi_mode&&k("godlike"),a.milestonesTriggered>=1&&k("first_blood"),a.milestonesTriggered>=5&&k("apex_accelerant")}function no(e){const t=De.find(n=>n.id===e);!t||a.ownedUpgrades[e]||a.doomPoints<t.cost||(a.doomPoints-=t.cost,a.ownedUpgrades[e]=!0,a.tapMultiplier=St(),U(),Y({icon:t.icon,name:"Upgrade Unlocked: "+t.name,desc:t.flavour+" \u2014 now "+t.multiplier+"\xD7 per tap"}),j(),Be(),xe(),V())}function j(){const e=A(a.personalTokens);P("accelTokens",S(a.personalTokens)),P("accelDp",X(a.doomPoints));const t=e.co2Kg<1?(e.co2Kg*1e3).toFixed(1)+" g":e.co2Kg.toFixed(2)+" kg";P("accelCo2",t);const n=e.waterL<1?Math.round(e.waterL*1e3)+" mL":e.waterL.toFixed(2)+" L";P("accelWater",n),P("passiveRateDisplay",S(a.passiveRate)+" tokens/sec"),Tt(),Ct(),It(),Be(),Me(),Ae(),wt();const o=document.getElementById("shareAccelerationBtn");o&&(o.hidden=a.personalTokens<=0);const s=document.getElementById("brbTapRate");if(s&&a.tapTimestamps.length>=2){const r=a.tapTimestamps.filter(c=>c>=Date.now()-2e3).length/2;s.textContent=r.toFixed(1)+" taps/sec"}}function P(e,t){const n=document.getElementById(e);n&&(n.textContent=t)}function Tt(){const e=document.getElementById("comboDisplay"),t=document.getElementById("bigRedButton"),n=document.getElementById("brbLabel");if(!e)return;e.textContent=a.combo+"\xD7",e.setAttribute("aria-label","Combo multiplier: "+a.combo+"\xD7");const o=a.combo===10;e.classList.toggle("combo-max",o),t&&(t.classList.toggle("combo-max",o),t.setAttribute("aria-label","Feed the Machine \u2014 "+a.combo+"\xD7 combo")),n&&(a.combo>=10?n.textContent="MAXIMUM DOOM \u2622\uFE0F":a.combo>=5?n.textContent="FASTER! \u{1F525}":a.combo>=2?n.textContent="Keep Going\u2026":n.textContent="Feed the Machine")}function Ct(){const e=We(a.personalTokens,I),t=document.getElementById("milestoneRaceName"),n=document.getElementById("milestoneRacePct"),o=document.getElementById("milestoneRaceFill"),s=document.getElementById("milestoneRaceBar");if(!e){t&&(t.textContent="All cleared \u{1F480}"),n&&(n.textContent="100%"),o&&(o.style.width="100%");return}const i=I.indexOf(e),r=i>0?I[i-1].tokens:0,c=he(a.personalTokens,r,e.tokens);t&&(t.textContent=e.icon+" "+e.name),n&&(n.textContent=c.toFixed(1)+"%"),o&&(o.style.width=c+"%"),s&&s.setAttribute("aria-valuenow",Math.round(c)),a.personalTokens>=e.tokens&&!a.personalMilestoneSet.has(e.id)&&(a.personalMilestoneSet.add(e.id),a.milestonesTriggered++,oo(e),typeof navigator.vibrate=="function"&&navigator.vibrate(80),xe())}function oo(e){const t=document.querySelector(".milestone-race-wrap");t&&(t.classList.add("milestone-triggered"),setTimeout(()=>t.classList.remove("milestone-triggered"),700));const n=document.getElementById("milestone-"+e.id);n&&(n.classList.add("player-triggered"),setTimeout(()=>n.classList.remove("player-triggered"),700)),Y({icon:e.icon,name:"Milestone Triggered: "+e.name,desc:"You personally crossed "+e.shortDesc+". Catastrophe achieved."})}function It(){if(a.personalTokens>a.bestScore){a.bestScore=a.personalTokens,U();const e=document.getElementById("bestScoreValue");e&&(e.textContent=S(a.bestScore),e.className="new-record",setTimeout(()=>{e.className=""},2e3)),ue()}else{const e=document.getElementById("bestScoreValue");e&&e.textContent==="\u2014"&&(e.textContent=a.bestScore>0?S(a.bestScore):"\u2014")}}function Be(){const e=document.getElementById("upgradeShop");e&&(e.innerHTML="",De.forEach(t=>{const n=!!a.ownedUpgrades[t.id],o=a.doomPoints>=t.cost,s=document.createElement("button");s.className="upgrade-card"+(n?" owned":"")+(!n&&!o?" unaffordable":""),s.setAttribute("aria-label",n?t.name+" (owned)":t.name+" \u2014 costs "+t.cost+" DP"),n&&s.setAttribute("aria-disabled","true"),s.innerHTML=`
+        <span class="upgrade-card-icon" aria-hidden="true">${u(t.icon)}</span>
+        <div class="upgrade-card-name">${u(t.name)}</div>
+        <div class="upgrade-card-flavour">${u(t.flavour)}</div>
+        <div class="upgrade-card-cost">${n?"\u2713 Owned":u(String(t.cost))+" DP"}</div>
+        <div class="upgrade-card-mult">${u(String(t.multiplier))}\xD7 per tap</div>`,n||s.addEventListener("click",()=>no(t.id)),e.appendChild(s)}))}function so(e){const t=ge.find(n=>n.id===e);!t||a.replacedWorkers[e]||a.doomPoints<t.cost||(a.doomPoints-=t.cost,a.replacedWorkers[e]=!0,a.passiveRate=fe(a.ownedAgents,a.replacedWorkers),U(),Y({icon:t.icon,name:"Role Automated: "+t.name,desc:t.flavour+" (+"+S(t.tps)+"/sec)"}),j(),Me(),Dt(),V())}function Me(){const e=document.getElementById("workforcePanel");e&&(e.innerHTML="",ge.forEach(t=>{const n=!!a.replacedWorkers[t.id],o=!n&&a.doomPoints>=t.cost,s=document.createElement("button");s.className="worker-card"+(n?" fired":"")+(!n&&!o?" unaffordable":""),s.setAttribute("aria-label",n?t.name+" (automated)":t.name+" \u2014 fire for "+t.cost+" DP"),n&&s.setAttribute("aria-disabled","true"),s.innerHTML=`
+        <span class="worker-card-icon" aria-hidden="true">${u(t.icon)}</span>
+        <div class="worker-card-name">${u(t.name)}</div>
+        <div class="worker-card-flavour">${u(t.flavour)}</div>
+        <div class="worker-card-tps">+${u(S(t.tps))}/sec</div>
+        <div class="worker-card-cost">${n?"\u{1F916} Automated":u(String(t.cost))+" DP"}</div>`,n||s.addEventListener("click",()=>so(t.id)),e.appendChild(s)}))}function ao(e){const t=pe.find(n=>n.id===e);t&&(a.doomPoints<t.cost||(a.doomPoints-=t.cost,a.ownedAgents[e]=(a.ownedAgents[e]||0)+1,a.passiveRate=fe(a.ownedAgents,a.replacedWorkers),U(),j(),Ae(),Dt(),V()))}function Ae(){const e=document.getElementById("agentShop");e&&(e.innerHTML="",pe.forEach(t=>{const n=a.ownedAgents[t.id]||0,o=a.doomPoints>=t.cost,s=document.createElement("button");s.className="agent-card"+(o?"":" unaffordable"),s.setAttribute("aria-label",t.name+(n?" (\xD7"+n+" owned)":"")+" \u2014 costs "+t.cost+" DP"),s.innerHTML=`
+        <span class="agent-card-icon" aria-hidden="true">${u(t.icon)}</span>
+        <div class="agent-card-name">${u(t.name)}</div>
+        <div class="agent-card-flavour">${u(t.flavour)}</div>
+        <div class="agent-card-tps">+${u(S(t.tps))}/sec each</div>
+        <div class="agent-card-cost">${u(String(t.cost))} DP</div>
+        ${n?`<div class="agent-card-owned">\xD7${n} deployed</div>`:""}`,s.addEventListener("click",()=>ao(t.id)),e.appendChild(s)}))}function wt(){const e=Object.keys(a.replacedWorkers).length,t=nn(e),n=document.getElementById("companyStageIcon"),o=document.getElementById("companyStageName");n&&(n.textContent=t.icon),o&&(o.textContent=t.name)}function Dt(){const e=Object.keys(a.replacedWorkers).length;e>=1&&k("layoff_legend"),e>=5&&k("ai_native_ceo"),e>=ge.length&&k("lights_out"),pe.some(n=>(a.ownedAgents[n.id]||0)>0)&&k("token_maxxer_badge")}function io(){setInterval(()=>{if(a.passiveRate<=0)return;const e=a.passiveRate*.2;a.personalTokens+=e,a.doomPoints+=e*yt,P("accelTokens",S(a.personalTokens)),P("accelDp",X(a.doomPoints)),Ct(),It(),V()},200)}function xt(){const e=document.getElementById("challengeRow");e&&(e.innerHTML="",a.challenges.forEach(t=>{const n=a.challengeProgress[t.id]||{value:0,completed:!1},o=Math.min(100,n.value/t.target*100),s=document.createElement("div");s.className="challenge-card"+(n.completed?" completed":""),s.setAttribute("role","listitem"),s.setAttribute("aria-label",t.label+(n.completed?" (completed)":"")),s.innerHTML=`
+        <span class="challenge-card-icon" aria-hidden="true">${u(t.icon)}</span>
+        <div class="challenge-card-label">${u(t.label)}</div>
+        <div class="challenge-card-desc">${u(t.desc)}</div>
+        <div class="challenge-card-reward">+${u(String(t.rewardDp))} DP</div>
         <div class="challenge-card-progress">
-          <div class="challenge-card-pct">${pct.toFixed(0)}%</div>
+          <div class="challenge-card-pct">${o.toFixed(0)}%</div>
           <div class="progress-bar" role="progressbar"
-               aria-valuenow="${Math.round(pct)}" aria-valuemin="0" aria-valuemax="100">
-            <div class="progress-fill challenge-progress-fill" style="width:${pct}%"></div>
+               aria-valuenow="${Math.round(o)}" aria-valuemin="0" aria-valuemax="100">
+            <div class="progress-fill challenge-progress-fill" style="width:${o}%"></div>
           </div>
         </div>
-        ${p.completed ? '<span class="challenge-checkmark" aria-hidden="true">\u2705</span>' : ''}`;
-      row.appendChild(card);
-    });
-  }
-
-  // ---- Share -----------------------------------------------
-
-  function buildAccelerationShareText() {
-    const impact = calculateEnvironmentalImpact(acc.personalTokens);
-    const co2g   = (impact.co2Kg * 1000).toFixed(1);
-    const waterMl = Math.round(impact.waterL * 1000);
-    const next   = getNextMilestoneForPlayer(acc.personalTokens, MILESTONES);
-    const nextLabel = next ? next.name : 'civilisation collapse';
-    return (
-      '\uD83D\uDE80 I personally accelerated AI\u2019s environmental doom by contributing ' +
-      formatTokenCount(acc.personalTokens) + ' tokens \u2014 ' +
-      co2g + '\u2009g of CO\u2082, ' + waterMl + '\u2009mL of water. ' +
-      'One step closer to ' + nextLabel + '. Come join the apocalypse.\n' +
-      '\u2192 ' + SITE_URL + ' #AccelerateTheDoom #TokenDeathClock'
-    );
-  }
-
-  // ---- Combo reset loop ------------------------------------
-
-  function startComboResetLoop() {
-    setInterval(() => {
-      if (acc.tapTimestamps.length === 0) return;
-      const lastTap = acc.tapTimestamps[acc.tapTimestamps.length - 1];
-      if (Date.now() - lastTap > 1500) {
-        // Reset combo
-        acc.tapTimestamps = [];
-        if (acc.combo !== 1) {
-          acc.combo = 1;
-          updateComboDisplay();
-          const rateEl = document.getElementById('brbTapRate');
-          if (rateEl) rateEl.textContent = 'Tap to begin';
-        }
-      }
-    }, 100);
-  }
-
-  // ---- Init ------------------------------------------------
-
-  function initAccelerator() {
-    loadAcceleratorState();
-
-    // Toggle open/close
-    const toggleBtn = document.getElementById('accelToggleBtn');
-    const content   = document.getElementById('accel-content');
-    if (toggleBtn && content) {
-      toggleBtn.addEventListener('click', () => {
-        const opening = content.hidden;
-        content.hidden = !opening;
-        toggleBtn.textContent = opening
-          ? '\u25BC Close Doom Accelerator'
-          : '\u25BA Open Doom Accelerator';
-        toggleBtn.setAttribute('aria-expanded', opening ? 'true' : 'false');
-        if (opening) {
-          initChallengeProgress();
-          renderChallenges();
-          renderUpgradeShop();
-          renderWorkforcePanel();
-          renderAgentShop();
-          updateCompanyStage();
-          updateAcceleratorUI();
-          updateVillainLeaderboard();
-          // Show best score from storage
-          const valueEl = document.getElementById('bestScoreValue');
-          if (valueEl) {
-            valueEl.textContent = acc.bestScore > 0 ? formatTokenCount(acc.bestScore) : '\u2014';
-          }
-        }
-      });
-    }
-
-    // Big Red Button — use pointerdown for instant response on mobile+desktop
-    const btn = document.getElementById('bigRedButton');
-    if (btn) {
-      btn.addEventListener('pointerdown', (e) => {
-        e.preventDefault();
-        handleTap();
-      });
-    }
-
-    // Share button
-    const shareBtn = document.getElementById('shareAccelerationBtn');
-    if (shareBtn) {
-      shareBtn.addEventListener('click', () => {
-        openSharePopup(buildAccelerationShareText());
-        awardBadge('bragging_rights');
-      });
-    }
-
-    // Combo reset timer
-    startComboResetLoop();
-    // Passive token generation loop
-    startPassiveLoop();
-  }
-
-  // ============================================================
-  // FEATURE: Social Ripple — "You're Not Alone"
-  // ============================================================
-
-  const PRESENCE_REACTIONS = [
-    '"This makes me want to throw my laptop into the ocean." — Anonymous',
-    '"I showed this to my manager. They said it was fine." — Anonymous',
-    '"I can\'t stop refreshing it." — Anonymous',
-    '"My AI assistant wrote this reaction." — Anonymous',
-    '"Watching the counter tick feels weirdly calming?" — Anonymous',
-    '"I sent this to my friends. None of them opened it." — Anonymous',
-    '"We did this. We\'re still doing this." — Anonymous',
-    '"The counter went up while I was typing this." — Anonymous',
-  ];
-
-  let presenceReactionIdx = 0;
-
-  function updatePresenceStrip() {
-    const countEl    = document.getElementById('presenceCount');
-    const reactionEl = document.getElementById('presenceReaction');
-    if (!countEl) return;
-
-    const count = getSimulatedViewerCount(Date.now());
-    countEl.textContent = count.toLocaleString();
-
-    if (reactionEl) {
-      reactionEl.style.opacity = '0';
-      setTimeout(() => {
-        // Wrap index to keep it bounded
-        presenceReactionIdx = presenceReactionIdx % PRESENCE_REACTIONS.length;
-        reactionEl.textContent = PRESENCE_REACTIONS[presenceReactionIdx];
-        reactionEl.style.opacity = '1';
-        presenceReactionIdx++;
-      }, 500);
-    }
-  }
-
-  function initPresenceStrip() {
-    updatePresenceStrip();
-    setInterval(updatePresenceStrip, 25000);
-  }
-
-  // ============================================================
-  // FEATURE: Witness History — Live Session Event Log
-  // ============================================================
-
-  let logEntryCount = 0;
-  const LOG_INTERVAL_MS  = 15000;
-  const MAX_LOG_ENTRIES  = 50;
-
-  function appendLogEntry() {
-    const logEl = document.getElementById('event-log');
-    if (!logEl) return;
-
-    const now = Date.now();
-    const elapsed = Math.max(1, (now - pageLoadTime) / 1000);
-    const rate = getRateAtDate(new Date(now));
-    const sessionTokens = elapsed * rate;
-
-    const d = new Date(now);
-    const timeStr = [
-      String(d.getHours()).padStart(2, '0'),
-      String(d.getMinutes()).padStart(2, '0'),
-      String(d.getSeconds()).padStart(2, '0'),
-    ].join(':');
-
-    const equivs = generateEquivalences(sessionTokens, 'hopeful');
-    const equiv = equivs.length
-      ? equivs[logEntryCount % equivs.length]
-      : null;
-
-    const entry = document.createElement('div');
-    entry.className = 'event-log-entry';
-
-    const timeSpan = document.createElement('span');
-    timeSpan.className = 'log-time';
-    timeSpan.textContent = timeStr;
-    entry.appendChild(timeSpan);
-
-    if (equiv) {
-      const iconSpan = document.createElement('span');
-      iconSpan.className = 'log-icon';
-      iconSpan.setAttribute('aria-hidden', 'true');
-      iconSpan.textContent = equiv.icon;
-      entry.appendChild(iconSpan);
-    }
-
-    const textSpan = document.createElement('span');
-    textSpan.className = 'log-text';
-    const tokenStr = formatTokenCount(sessionTokens);
-    textSpan.textContent = equiv
-      ? '+' + tokenStr + ' tokens since you arrived · ' + equiv.text
-      : '+' + tokenStr + ' tokens generated globally since you arrived';
-    entry.appendChild(textSpan);
-
-    logEl.appendChild(entry);
-
-    // Cap at MAX_LOG_ENTRIES visible entries to avoid unbounded DOM growth
-    while (logEl.children.length > MAX_LOG_ENTRIES) {
-      logEl.removeChild(logEl.firstChild);
-    }
-
-    // Auto-scroll to the newest entry
-    logEl.scrollTop = logEl.scrollHeight;
-    logEntryCount++;
-  }
-
-  function buildLogExportText() {
-    const logEl = document.getElementById('event-log');
-    if (!logEl) return '';
-    const lines = [];
-    lines.push('=== AI DEATH CLOCK — SESSION LOG ===');
-    lines.push('Session started: ' + new Date(pageLoadTime).toUTCString());
-    lines.push('');
-    logEl.querySelectorAll('.event-log-entry').forEach((entry) => {
-      const time = entry.querySelector('.log-time');
-      const text = entry.querySelector('.log-text');
-      if (time && text) {
-        lines.push('[' + time.textContent + '] ' + text.textContent);
-      }
-    });
-    lines.push('');
-    lines.push('\u2192 ' + SITE_URL);
-    return lines.join('\n');
-  }
-
-  function initEventLog() {
-    // First entry after 5 seconds, then every 15 seconds
-    setTimeout(appendLogEntry, 5000);
-    setInterval(appendLogEntry, LOG_INTERVAL_MS);
-
-    const exportBtn = document.getElementById('exportLogBtn');
-    if (exportBtn) {
-      exportBtn.addEventListener('click', () => {
-        const text = buildLogExportText();
-        navigator.clipboard.writeText(text).then(() => {
-          exportBtn.textContent = '\u2705 Copied!';
-          setTimeout(() => { exportBtn.textContent = '\uD83D\uDCCB Copy Log'; }, 2000);
-        }).catch(() => {
-          exportBtn.textContent = '\u274C Failed';
-          setTimeout(() => { exportBtn.textContent = '\uD83D\uDCCB Copy Log'; }, 2000);
-        });
-      });
-    }
-  }
-
-  // ============================================================
-  // SCARY & SATIRICAL FEATURES — PRDs 1–7
-  // ============================================================
-
-  // ── PRD 1: Doomsday Clock ────────────────────────────────────
-
-  const shownEmergencyBroadcasts = new Set();
-
-  // Cache milestone doom thresholds (static — computed once at init)
-  const DOOM_FIRST_THRESHOLD = MILESTONES.length ? MILESTONES[0].tokens : 1e15;
-  const DOOM_LAST_THRESHOLD  = MILESTONES.length ? MILESTONES[MILESTONES.length - 1].tokens : 1e18;
-  const DOOM_RANGE = DOOM_LAST_THRESHOLD - DOOM_FIRST_THRESHOLD;
-
-  function updateDoomsdayClock(tokens) {
-    const doomPercent = Math.min(1, Math.max(0,
-      (tokens - DOOM_FIRST_THRESHOLD) / DOOM_RANGE
-    ));
-
-    // Rotate minute hand from 330° (11 o'clock, 5 min before midnight) to 360°/0° (midnight)
-    const angle = 330 + doomPercent * 30;
-    const hand = document.getElementById('doomMinHand');
-    if (hand) hand.setAttribute('transform', `rotate(${angle}, 50, 50)`);
-
-    // Text display
-    const minsLeft = Math.max(0, (1 - doomPercent) * 5);
-    const timeEl = document.getElementById('doomTimeText');
-    if (timeEl) {
-      if (minsLeft < 0.05) {
-        timeEl.textContent = '☠️ MIDNIGHT';
-      } else {
-        timeEl.textContent = minsLeft.toFixed(1) + ' MIN TO MIDNIGHT';
-      }
-    }
-
-    // Percentage text
-    const pctEl = document.getElementById('doomTokenPct');
-    if (pctEl) pctEl.textContent = (doomPercent * 100).toFixed(1) + '%';
-
-    // Progress bar
-    const barFill = document.getElementById('doomBarFill');
-    if (barFill) barFill.style.width = (doomPercent * 100).toFixed(2) + '%';
-  }
-
-  function showEmergencyBroadcast(milestone) {
-    const el = document.getElementById('emergency-broadcast');
-    const msgEl = document.getElementById('ebMsg');
-    if (!el || !msgEl) return;
-
-    msgEl.textContent =
-      '\u26A0\uFE0F AI just crossed the \u201C' + milestone.name + '\u201D threshold \u2014 ' +
-      milestone.shortDesc + '.';
-
-    el.hidden = false;
-    // Auto-dismiss after 6 seconds
-    clearTimeout(el._dismissTimer);
-    el._dismissTimer = setTimeout(() => { el.hidden = true; }, 6000);
-  }
-
-  function initDoomsdayClock() {
-    updateDoomsdayClock(getCurrentTokens());
-    const dismissBtn = document.getElementById('ebDismissBtn');
-    if (dismissBtn) {
-      dismissBtn.addEventListener('click', () => {
-        const el = document.getElementById('emergency-broadcast');
-        if (el) { clearTimeout(el._dismissTimer); el.hidden = true; }
-      });
-    }
-  }
-
-  // ── PRD 2: Apology Generator ─────────────────────────────────
-
-  const APOLOGY_STATEMENTS = [
-    'We deeply regret that in the time it took you to read this sentence, AI emitted 47 kg of CO\u2082. We remain committed to sustainability. Here is our 200-slide deck.',
-    'We have engaged a third-party auditor to assess the environmental impact of generating the report about our environmental impact.',
-    'Reducing our carbon footprint is a core strategic priority. We are on track to be net-zero by 2050, pending board approval and the invention of cold fusion.',
-    'We acknowledge that AI training requires significant computational resources. We are actively exploring the use of AI to identify ways to use less AI.',
-    'Following careful review, we have determined that the environmental cost of our sustainability report exceeded the impact of the initiatives it described. We are preparing a report on this finding.',
-    'Our models are trained on green energy\u2014 sourced from the grid, which is mostly green, in the regions where it isn\u2019t mostly coal.',
-    'We are proud to announce our \u201CTokens for Trees\u201D programme, in which we plant one sapling for every 10 billion tokens generated. The trees will mature by 2091.',
-    'We take the climate crisis extremely seriously. That is why we have hired an AI to draft our climate commitments.',
-    'In response to concerns about data centre water usage, we have begun cooling servers with water sourced from drought-resistant regions. These regions have since requested that we stop.',
-    'We have reduced our per-token carbon footprint by 0.0003% year-on-year, which the UN has described as \u201Ctechnically measurable.\u201D',
-    'Our latest sustainability framework represents a 47-page commitment to a future in which AI and the planet coexist. It was generated by an AI in 11 seconds.',
-    'We appreciate your concern about AI\u2019s environmental impact. Please refer to our FAQ, which was produced using GPT-4 and is 14,000 words long.',
-    'Rest assured: for every GPU we add, we plant a potted succulent in our San Francisco headquarters. The lobby is thriving.',
-    'We are proud to say that our data centres run 24 hours a day, 7 days a week, 365 days a year, regardless of whether there is renewable energy available.',
-    'We have commissioned independent research into the environmental cost of commissioning independent research into our environmental cost. Results pending.',
-    'Our carbon offset programme involves investing in future carbon capture technology that does not yet exist, at a date to be determined.',
-    'We remain committed to reducing emissions intensity per unit of compute, which is a different metric from total emissions, and the one we choose to report.',
-    'We are thrilled to share that this apology consumed approximately 800 tokens to generate. We regret nothing.',
-    'After extensive consultation, we have concluded that the most sustainable action is to continue exactly as we are while commissioning further consultations.',
-    'Thank you for your feedback. It has been logged, summarised by an AI, and forwarded to a committee that meets quarterly.',
-  ];
-
-  let apologyIdx  = 0;
-  let apologyText = '';
-
-  function updateApology() {
-    apologyIdx = (apologyIdx + 1) % APOLOGY_STATEMENTS.length;
-    apologyText = APOLOGY_STATEMENTS[apologyIdx];
-    const el = document.getElementById('apologyQuote');
-    if (el) {
-      el.style.opacity = '0';
-      setTimeout(() => {
-        el.textContent = apologyText;
-        el.style.opacity = '1';
-      }, 300);
-    }
-  }
-
-  function initApologies() {
-    apologyIdx = Math.floor(Math.random() * APOLOGY_STATEMENTS.length);
-    apologyText = APOLOGY_STATEMENTS[apologyIdx];
-    const el = document.getElementById('apologyQuote');
-    if (el) el.textContent = apologyText;
-
-    setInterval(updateApology, 30000);
-
-    const copyBtn = document.getElementById('apologyCopyBtn');
-    if (copyBtn) {
-      copyBtn.addEventListener('click', () => {
-        const text = apologyText + '\n— The AI Industry, collectively\n\n\u2192 ' + SITE_URL;
-        copyToClipboard(copyBtn, text, '\uD83D\uDCCB Copy & Send to Your AI Vendor');
-      });
-    }
-
-    const nextBtn = document.getElementById('apologyNextBtn');
-    if (nextBtn) nextBtn.addEventListener('click', updateApology);
-  }
-
-  // ── PRD 3: Wanted Poster (modifies updateCalcResults) ────────
-  // Overrides the output of the calculator section — handled in-place below.
-
-  // ── PRD 4: Your Tab (Running) strip ──────────────────────────
-
-  function updateSessionTabStrip() {
-    const now     = Date.now();
-    const elapsed = Math.max(1, (now - pageLoadTime) / 1000);
-    const rate    = getRateAtDate(new Date(now));
-    const tokens  = elapsed * rate;
-    const impact  = calculateEnvironmentalImpact(tokens);
-
-    // Cups of coffee (200 mL per cup, water use)
-    const coffees = Math.max(0, impact.waterL / 0.2);
-    // Trees needed for a year
-    const trees = Math.max(0, impact.treesEquivalent);
-    // Smartphone charges (0.015 kWh per charge)
-    const charges = Math.max(0, impact.kWh / 0.015);
-    // Metres driven (171 g CO2/km = 0.000171 kg/m)
-    const metres = Math.max(0, impact.co2Kg / 0.000171);
-
-    function fmtSmall(n) {
-      if (n >= 1e6) return (n / 1e6).toFixed(1) + 'M';
-      if (n >= 1e3) return (n / 1e3).toFixed(1) + 'K';
-      if (n >= 10)  return Math.round(n).toLocaleString();
-      if (n >= 1)   return n.toFixed(1);
-      if (n >= 0.01) return n.toFixed(3);
-      return '< 0.01';
-    }
-
-    const waterEl   = document.getElementById('stiWater');
-    const treesEl   = document.getElementById('stiTrees');
-    const chargeEl  = document.getElementById('stiCharges');
-    const metresEl  = document.getElementById('stiMetres');
-
-    if (waterEl)  waterEl.textContent  = fmtSmall(coffees);
-    if (treesEl)  treesEl.textContent  = fmtSmall(trees);
-    if (chargeEl) chargeEl.textContent = fmtSmall(charges);
-    if (metresEl) metresEl.textContent = fmtSmall(metres);
-  }
-
-  function initSessionTabStrip() {
-    updateSessionTabStrip();
-    setInterval(updateSessionTabStrip, 1000);
-  }
-
-  // ── PRD 5: Prompt Hall of Shame ──────────────────────────────
-
-  const SHAME_PROMPTS = [
-    { tokens: 3500, icon: '🌍', text: 'Write me a 5,000-word essay about why AI is bad for the environment' },
-    { tokens: 200,  icon: '✉️', text: 'Rewrite this 3-word email in a professional tone' },
-    { tokens: 1500, icon: '📊', text: 'Generate 40 variations of the word "synergy" for my deck' },
-    { tokens: 800,  icon: '🔗', text: 'Explain blockchain to my mum (14th attempt)' },
-    { tokens: 2500, icon: '♻️', text: 'Help me write a sustainability report for our AI company' },
-    { tokens: 300,  icon: '💼', text: 'Make this 4-word subject line more "impactful"' },
-    { tokens: 1200, icon: '📱', text: 'Turn my grocery list into a LinkedIn thought leadership post' },
-    { tokens: 600,  icon: '😤', text: 'Write a passive-aggressive "thanks for your feedback" reply' },
-    { tokens: 3000, icon: '📄', text: 'Summarise this 2-page document I have not read' },
-    { tokens: 400,  icon: '🐔', text: 'Explain the philosophical implications of a chicken crossing a road' },
-    { tokens: 250,  icon: '🌮', text: 'Is a hot dog a sandwich? 2,000 words. Both sides.' },
-    { tokens: 100,  icon: '🦀', text: 'Hello world in Rust (variation #47)' },
-    { tokens: 700,  icon: '😺', text: 'Describe this cat picture in 600 words' },
-    { tokens: 900,  icon: '🧘', text: 'Motivational speech about the importance of not using AI so much' },
-    { tokens: 1800, icon: '📜', text: 'Generate terms of service for my AI startup (that no one will read)' },
-    { tokens: 450,  icon: '🌅', text: 'Write a haiku about productivity, but make it really long' },
-    { tokens: 1100, icon: '🤖', text: 'Ask the AI if it is conscious (session 1 of 200)' },
-    { tokens: 650,  icon: '🍕', text: 'Add cheese to this recipe that should not have cheese' },
-    { tokens: 2200, icon: '💰', text: 'Explain why my AI startup is worth $2 billion' },
-    { tokens: 380,  icon: '📣', text: 'Rewrite this tweet so it sounds spontaneous' },
-  ];
-
-  let shameAutoIdx = 0;
-
-  function shameEnergyCost(tokens) {
-    const kWh  = (tokens / 1000) * 0.0003;
-    const co2g = (kWh * 0.4 * 1000).toFixed(1);
-    return '~' + (kWh < 0.001 ? kWh.toFixed(5) : kWh.toFixed(4)) + ' kWh \u2022 ' + co2g + ' g CO\u2082';
-  }
-
-  function appendShameEntry(promptObj, isUserSubmitted) {
-    const feed = document.getElementById('shameFeed');
-    if (!feed) return;
-
-    const entry = document.createElement('div');
-    entry.className = 'shame-entry' + (isUserSubmitted ? ' user-submitted' : '');
-
-    const icon = document.createElement('span');
-    icon.className = 'shame-entry-icon';
-    icon.setAttribute('aria-hidden', 'true');
-    icon.textContent = isUserSubmitted ? '👤' : promptObj.icon;
-
-    const content = document.createElement('div');
-    content.className = 'shame-entry-content';
-
-    const textSpan = document.createElement('div');
-    textSpan.className = 'shame-entry-text';
-    textSpan.textContent = '\u201C' + promptObj.text + '\u201D';
-
-    const costSpan = document.createElement('div');
-    costSpan.className = 'shame-entry-cost';
-    costSpan.textContent = shameEnergyCost(promptObj.tokens);
-
-    content.appendChild(textSpan);
-    content.appendChild(costSpan);
-
-    if (isUserSubmitted) {
-      const tag = document.createElement('div');
-      tag.className = 'shame-entry-user-tag';
-      tag.textContent = '\u2B06 Submitted by you';
-      content.appendChild(tag);
-    }
-
-    entry.appendChild(icon);
-    entry.appendChild(content);
-
-    // Prepend (newest at top)
-    feed.insertBefore(entry, feed.firstChild);
-
-    // Cap at 15 entries
-    while (feed.children.length > 15) {
-      feed.removeChild(feed.lastChild);
-    }
-  }
-
-  function initShame() {
-    // Seed with 5 initial entries
-    const seed = [...SHAME_PROMPTS].sort(() => 0.5 - Math.random()).slice(0, 5);
-    seed.forEach((p) => appendShameEntry(p, false));
-
-    // Auto-add a new one every 7 seconds
-    setInterval(() => {
-      shameAutoIdx = (shameAutoIdx + 1) % SHAME_PROMPTS.length;
-      appendShameEntry(SHAME_PROMPTS[shameAutoIdx], false);
-    }, 7000);
-
-    // Submit button
-    const submitBtn = document.getElementById('shameSubmitBtn');
-    const input     = document.getElementById('shameInput');
-    if (submitBtn && input) {
-      function doSubmit() {
-        const raw = input.value.trim();
-        if (!raw) return;
-        // Sanitise user input — textContent assignment handles escaping below
-        const randomTokens = 200 + Math.floor(Math.random() * 3000);
-        const userPrompt = { tokens: randomTokens, icon: '👤', text: raw };
-        appendShameEntry(userPrompt, true);
-        input.value = '';
-        awardBadge('spreading_doom');
-      }
-      submitBtn.addEventListener('click', doSubmit);
-      input.addEventListener('keydown', (e) => { if (e.key === 'Enter') doSubmit(); });
-    }
-  }
-
-  // ── PRD 6: Villain Arc Leaderboard ───────────────────────────
-
-  const VILLAIN_FAKE_LEADERBOARD = [
-    { name: 'Elon M.',   dp: 847_293_847, note: 'Inference is just efficiency' },
-    { name: 'Sam A.',    dp: 294_847_203, note: 'Negligible at scale' },
-    { name: 'Jensen H.', dp: 184_293_840, note: 'GPU go brrr' },
-    { name: 'Marc B.',   dp:  93_847_203, note: 'The metaverse needed training data' },
-    { name: 'Sundar P.', dp:  48_293_040, note: 'AI for good (primarily)' },
-  ];
-
-  const VILLAIN_RANK_TITLES = [
-    { min: 0,         title: 'Innocent Bystander' },
-    { min: 10,        title: 'Accidental Accomplice' },
-    { min: 100,       title: 'Carbon Enabler' },
-    { min: 1_000,     title: 'Climate Criminal' },
-    { min: 10_000,    title: 'Carbon Baron' },
-    { min: 100_000,   title: 'The Accelerationist' },
-    { min: 1_000_000, title: 'Extinction Level Event' },
-  ];
-
-  let villainCongratsShown = false;
-
-  function getVillainRankTitle(dp) {
-    let title = VILLAIN_RANK_TITLES[0].title;
-    for (const tier of VILLAIN_RANK_TITLES) {
-      if (dp >= tier.min) title = tier.title;
-    }
-    return title;
-  }
-
-  function updateVillainLeaderboard() {
-    const userDp    = acc.doomPoints;
-    const userTitle = getVillainRankTitle(userDp);
-
-    // Update rank banner
-    const rankTitleEl = document.getElementById('villainRankTitle');
-    const rankScoreEl = document.getElementById('villainRankScore');
-    if (rankTitleEl) rankTitleEl.textContent = userTitle;
-    if (rankScoreEl) rankScoreEl.textContent = formatDoomPoints(userDp) + ' this session';
-
-    // Build leaderboard rows (insert user at correct position)
-    const tbody = document.getElementById('villainTableBody');
-    if (!tbody) return;
-
-    const entries = [
-      ...VILLAIN_FAKE_LEADERBOARD.map((e) => ({ ...e, isUser: false })),
-      { name: 'You', dp: userDp, note: userTitle, isUser: true },
-    ].sort((a, b) => b.dp - a.dp);
-
-    tbody.innerHTML = '';
-    entries.forEach((entry, idx) => {
-      const tr = document.createElement('tr');
-      if (entry.isUser) tr.className = 'villain-row-you';
-      tr.innerHTML =
-        '<td class="villain-pos">' + (idx + 1) + '</td>' +
-        '<td class="villain-name">' + escHtml(entry.name) + (entry.isUser ? ' 👈' : '') + '</td>' +
-        '<td class="villain-score">' + escHtml(formatDoomPoints(entry.dp)) + '</td>' +
-        '<td class="villain-rank-cell">' + escHtml(entry.note) + '</td>';
-      tbody.appendChild(tr);
-    });
-
-    // Congratulations if user has broken into the top position ahead of a fake entry
-    if (!villainCongratsShown && userDp > VILLAIN_FAKE_LEADERBOARD[4].dp) {
-      villainCongratsShown = true;
-      const congrats = document.getElementById('villainCongrats');
-      if (congrats) {
-        congrats.hidden = false;
-        setTimeout(() => { congrats.hidden = true; }, 5000);
-      }
-    }
-  }
-
-  function initVillainLeaderboard() {
-    updateVillainLeaderboard();
-  }
-
-  // ── PRD 7: The Intervention ───────────────────────────────────
-
-  let interventionFired = false;
-
-  function showIntervention() {
-    if (interventionFired) return;
-    if (sessionStorage.getItem('interventionSeen')) return;
-    interventionFired = true;
-
-    const modal = document.getElementById('intervention-modal');
-    if (!modal) return;
-
-    const elapsed = Math.floor((Date.now() - pageLoadTime) / 1000);
-    const rate    = getRateAtDate(new Date());
-    const sessionTokens = Math.max(1, elapsed * rate);
-    const impact  = calculateEnvironmentalImpact(sessionTokens);
-    const co2g    = (impact.co2Kg * 1000).toFixed(1);
-
-    const m = Math.floor(elapsed / 60);
-    const s = elapsed % 60;
-    const timeStr = m > 0 ? `${m} min ${s} sec` : `${s} seconds`;
-
-    const msgEl = document.getElementById('intervention-msg');
-    if (msgEl) {
-      msgEl.textContent =
-        `You\u2019ve been here for ${timeStr}. In that time, AI emitted ` +
-        `${co2g}\u202Fg of CO\u2082 globally. Just so you know.`;
-    }
-
-    modal.hidden = false;
-    const stayBtn = document.getElementById('intervention-stay');
-    if (stayBtn) stayBtn.focus();
-  }
-
-  function initIntervention() {
-    if (sessionStorage.getItem('interventionSeen')) return;
-
-    document.addEventListener('mouseleave', (e) => {
-      if (e.clientY <= 0 && !interventionFired) {
-        showIntervention();
-      }
-    });
-
-    const modal = document.getElementById('intervention-modal');
-    if (!modal) return;
-
-    const stayBtn = document.getElementById('intervention-stay');
-    if (stayBtn) {
-      stayBtn.addEventListener('click', () => { modal.hidden = true; });
-    }
-
-    const leaveBtn = document.getElementById('intervention-leave');
-    if (leaveBtn) {
-      leaveBtn.addEventListener('click', () => {
-        sessionStorage.setItem('interventionSeen', '1');
-        modal.hidden = true;
-      });
-    }
-
-    modal.addEventListener('click', (e) => {
-      if (e.target === modal) {
-        sessionStorage.setItem('interventionSeen', '1');
-        modal.hidden = true;
-      }
-    });
-  }
-
-  // ============================================================
-  // FEATURE: "Wait for It" — Milestone Countdown Alert
-  // ============================================================
-
-  const MILESTONE_ALERT_THRESHOLD_SECS = 120;
-  const milestoneAlertShown = new Set(); // ids of milestones already flashed this session
-
-  function checkMilestoneAlert() {
-    const tokens = getCurrentTokens();
-    const next   = getNextMilestone(tokens, MILESTONES);
-    const bannerEl   = document.getElementById('milestone-alert-banner');
-    const msgEl      = document.getElementById('milestone-alert-msg');
-    const countEl    = document.getElementById('milestone-alert-countdown');
-    const iconEl     = document.getElementById('milestone-alert-icon');
-
-    if (!bannerEl) return;
-
-    if (!next) {
-      if (!bannerEl.hidden) bannerEl.hidden = true;
-      return;
-    }
-
-    const secsToNext = (next.tokens - tokens) / TOKENS_PER_SECOND;
-
-    if (secsToNext > MILESTONE_ALERT_THRESHOLD_SECS) {
-      if (!bannerEl.hidden) bannerEl.hidden = true;
-      return;
-    }
-
-    if (secsToNext <= 0) {
-      // Milestone just crossed — fire flash once per milestone
-      if (!milestoneAlertShown.has(next.id)) {
-        milestoneAlertShown.add(next.id);
-        bannerEl.hidden = true;
-        showMilestoneFlash(next);
-        awardBadge('witness');
-      }
-      return;
-    }
-
-    // Within alert window — show / update the banner
-    bannerEl.hidden = false;
-    if (iconEl) iconEl.textContent = next.icon;
-    if (msgEl) {
-      msgEl.textContent =
-        '\u26A0\uFE0F ' + next.name + ' threshold crossing imminent \u2014 stay to witness it!';
-    }
-    if (countEl) {
-      const s = Math.ceil(secsToNext);
-      if (s < 60) {
-        countEl.textContent = s + 's';
-      } else {
-        const mins = Math.floor(s / 60);
-        const secs = String(s % 60).padStart(2, '0');
-        countEl.textContent = `${mins}m\u00A0${secs}s`;
-      }
-    }
-  }
-
-  function showMilestoneFlash(milestone) {
-    const overlay  = document.getElementById('milestone-flash-overlay');
-    const nameEl   = document.getElementById('milestone-flash-name');
-    const iconEl   = document.getElementById('milestone-flash-icon');
-    const descEl   = document.getElementById('milestone-flash-desc');
-    const closeBtn = document.getElementById('milestone-flash-close');
-    if (!overlay) return;
-
-    if (nameEl) nameEl.textContent = milestone.name;
-    if (iconEl) iconEl.textContent = milestone.icon;
-    if (descEl) descEl.textContent = `${milestone.shortDesc} \u2014 ${milestone.description}`;
-
-    overlay.hidden = false;
-    if (closeBtn) {
-      closeBtn.focus();
-      closeBtn.onclick = () => { overlay.hidden = true; };
-    }
-
-    // Haptic feedback where supported
-    if (typeof navigator.vibrate === 'function') navigator.vibrate([200, 100, 200]);
-
-    // Auto-dismiss after 6 seconds
-    setTimeout(() => { overlay.hidden = true; }, 6000);
-  }
-
-  // ---- Tab navigation ------------------------------------
-  function initTabs() {
-    const tabBtns = document.querySelectorAll('.tab-btn[data-tab]');
-    const VALID_TABS = new Set(
-      Array.from(tabBtns).map((btn) => btn.dataset.tab)
-    );
-
-    // Build sectionId → tabName map so direct section deep-links work.
-    const sectionToTab = {};
-    document.querySelectorAll('[role="tabpanel"]').forEach((panel) => {
-      const tabName = panel.id.replace(/^tab-/, '');
-      panel.querySelectorAll('[id]').forEach((el) => {
-        sectionToTab[el.id] = tabName;
-      });
-    });
-
-    function switchTab(targetTab, updateHash = true) {
-      if (!VALID_TABS.has(targetTab)) return;
-      tabBtns.forEach((btn) => {
-        const isActive = btn.dataset.tab === targetTab;
-        btn.classList.toggle('tab-btn--active', isActive);
-        btn.setAttribute('aria-selected', String(isActive));
-      });
-      document.querySelectorAll('[role="tabpanel"]').forEach((panel) => {
-        panel.hidden = panel.id !== 'tab-' + targetTab;
-      });
-      if (updateHash) {
-        history.pushState(null, '', '#' + targetTab);
-      }
-    }
-
-    function applyHash(smooth) {
-      const hash = location.hash.slice(1);
-      if (!hash) return;
-      if (VALID_TABS.has(hash)) {
-        switchTab(hash, false);
-      } else if (sectionToTab[hash]) {
-        switchTab(sectionToTab[hash], false);
-        requestAnimationFrame(() => {
-          const el = document.getElementById(hash);
-          if (el) el.scrollIntoView({ behavior: smooth ? 'smooth' : 'auto', block: 'start' });
-        });
-      }
-    }
-
-    tabBtns.forEach((btn) => {
-      btn.addEventListener('click', () => switchTab(btn.dataset.tab));
-    });
-
-    // Inline "Dashboard" link inside the About tab
-    document.querySelectorAll('.about-inline-tab-link[data-switch-tab]').forEach((link) => {
-      link.addEventListener('click', () => switchTab(link.dataset.switchTab));
-    });
-
-    window.addEventListener('hashchange', () => applyHash(true));
-
-    // Apply initial hash on page load without smooth-scroll
-    applyHash(false);
-  }
-
-  // ---- Bootstrap ------------------------------------------
-  function init() {
-    // Restore persisted theme preference before rendering anything
-    try {
-      const savedTheme = localStorage.getItem(LS_THEME_KEY);
-      if (savedTheme === 'dark' || savedTheme === 'light') applyTheme(savedTheme);
-    } catch (_) { /* ignore */ }
-
-    // Theme toggle
-    const toggleBtn = document.getElementById('themeToggle');
-    if (toggleBtn) toggleBtn.addEventListener('click', toggleTheme);
-
-    // Hide completed milestones toggle
-    const hideCompletedCb = document.getElementById('hideCompletedMilestones');
-    if (hideCompletedCb) {
-      hideCompletedCb.addEventListener('change', function () {
-        const grid = document.getElementById('milestonesGrid');
-        if (grid) grid.classList.toggle('hide-completed', this.checked);
-      });
-    }
-    // Tab navigation
-    initTabs();
-
-    // Render static sections once
-    renderMilestones();
-    renderPredictionsTable();
-    renderTips();
-    renderChangelog();
-    renderFooterStats();
-
-    // Chart init is isolated so a missing date-adapter or other chart error
-    // cannot prevent the counters and life-blocks from running.
-    try {
-      initChart();
-    } catch (err) {
-      console.error('Chart init failed:', err);
-    }
-
-    initLifeBlocks();
-
-    // Fun features
-    initBadges();
-    initTicker();
-    initEquivalences();
-    initSharePanel();
-    initFooterShare();
-    initReceiptModal();
-    initCalculator();
-    initAccelerator();
-    // Engagement features
-    initPresenceStrip();
-    initEventLog();
-    // Scary & satirical features (PRDs 1–7)
-    initDoomsdayClock();
-    initSessionTabStrip();
-    initApologies();
-    initShame();
-    initVillainLeaderboard();
-    initIntervention();
-
-    // Persist accelerator game state every 30 seconds and on page hide
-    setInterval(saveAcceleratorState, 30000);
-    document.addEventListener('visibilitychange', () => {
-      if (document.visibilityState === 'hidden') saveAcceleratorState();
-    });
-
-    // Kick off the live counter RAF loop
-    requestAnimationFrame(updateCounters);
-
-    // Check time-based badges and milestone alert every second
-    setInterval(() => {
-      checkTimeBadges();
-      checkMilestoneAlert();
-    }, 1000);
-  }
+        ${n.completed?'<span class="challenge-checkmark" aria-hidden="true">\u2705</span>':""}`,e.appendChild(s)}))}function ro(){const e=A(a.personalTokens),t=(e.co2Kg*1e3).toFixed(1),n=Math.round(e.waterL*1e3),o=We(a.personalTokens,I),s=o?o.name:"civilisation collapse";return"\u{1F680} I personally accelerated AI\u2019s environmental doom by contributing "+S(a.personalTokens)+" tokens \u2014 "+t+"\u2009g of CO\u2082, "+n+"\u2009mL of water. One step closer to "+s+`. Come join the apocalypse.
+\u2192 `+M+" #AccelerateTheDoom #TokenDeathClock"}function co(){setInterval(()=>{if(a.tapTimestamps.length===0)return;const e=a.tapTimestamps[a.tapTimestamps.length-1];if(Date.now()-e>1500&&(a.tapTimestamps=[],a.combo!==1)){a.combo=1,Tt();const t=document.getElementById("brbTapRate");t&&(t.textContent="Tap to begin")}},100)}function lo(){Xn();const e=document.getElementById("accelToggleBtn"),t=document.getElementById("accel-content");e&&t&&e.addEventListener("click",()=>{const s=t.hidden;if(t.hidden=!s,e.textContent=s?"\u25BC Close Doom Accelerator":"\u25BA Open Doom Accelerator",e.setAttribute("aria-expanded",s?"true":"false"),s){eo(),xt(),Be(),Me(),Ae(),wt(),j(),ue();const i=document.getElementById("bestScoreValue");i&&(i.textContent=a.bestScore>0?S(a.bestScore):"\u2014")}});const n=document.getElementById("bigRedButton");n&&n.addEventListener("pointerdown",s=>{s.preventDefault(),Zn()});const o=document.getElementById("shareAccelerationBtn");o&&o.addEventListener("click",()=>{se(ro()),k("bragging_rights")}),co(),io()}const Bt=['"This makes me want to throw my laptop into the ocean." \u2014 Anonymous','"I showed this to my manager. They said it was fine." \u2014 Anonymous',`"I can't stop refreshing it." \u2014 Anonymous`,'"My AI assistant wrote this reaction." \u2014 Anonymous','"Watching the counter tick feels weirdly calming?" \u2014 Anonymous','"I sent this to my friends. None of them opened it." \u2014 Anonymous',`"We did this. We're still doing this." \u2014 Anonymous`,'"The counter went up while I was typing this." \u2014 Anonymous'];let le=0;function Mt(){const e=document.getElementById("presenceCount"),t=document.getElementById("presenceReaction");if(!e)return;const n=on(Date.now());e.textContent=n.toLocaleString(),t&&(t.style.opacity="0",setTimeout(()=>{le=le%Bt.length,t.textContent=Bt[le],t.style.opacity="1",le++},500))}function uo(){Mt(),setInterval(Mt,25e3)}let At=0;const mo=15e3,go=50;function Lt(){const e=document.getElementById("event-log");if(!e)return;const t=Date.now(),n=Math.max(1,(t-x)/1e3),o=L(new Date(t)),s=n*o,i=new Date(t),r=[String(i.getHours()).padStart(2,"0"),String(i.getMinutes()).padStart(2,"0"),String(i.getSeconds()).padStart(2,"0")].join(":"),c=Ne(s,"hopeful"),d=c.length?c[At%c.length]:null,m=document.createElement("div");m.className="event-log-entry";const h=document.createElement("span");if(h.className="log-time",h.textContent=r,m.appendChild(h),d){const f=document.createElement("span");f.className="log-icon",f.setAttribute("aria-hidden","true"),f.textContent=d.icon,m.appendChild(f)}const b=document.createElement("span");b.className="log-text";const g=S(s);for(b.textContent=d?"+"+g+" tokens since you arrived \xB7 "+d.text:"+"+g+" tokens generated globally since you arrived",m.appendChild(b),e.appendChild(m);e.children.length>go;)e.removeChild(e.firstChild);e.scrollTop=e.scrollHeight,At++}function po(){const e=document.getElementById("event-log");if(!e)return"";const t=[];return t.push("=== AI DEATH CLOCK \u2014 SESSION LOG ==="),t.push("Session started: "+new Date(x).toUTCString()),t.push(""),e.querySelectorAll(".event-log-entry").forEach(n=>{const o=n.querySelector(".log-time"),s=n.querySelector(".log-text");o&&s&&t.push("["+o.textContent+"] "+s.textContent)}),t.push(""),t.push("\u2192 "+M),t.join(`
+`)}function ho(){setTimeout(Lt,5e3),setInterval(Lt,mo);const e=document.getElementById("exportLogBtn");e&&e.addEventListener("click",()=>{const t=po();navigator.clipboard.writeText(t).then(()=>{e.textContent="\u2705 Copied!",setTimeout(()=>{e.textContent="\u{1F4CB} Copy Log"},2e3)}).catch(()=>{e.textContent="\u274C Failed",setTimeout(()=>{e.textContent="\u{1F4CB} Copy Log"},2e3)})})}const $t=new Set,_t=I.length?I[0].tokens:1e15,fo=(I.length?I[I.length-1].tokens:1e18)-_t;function Ft(e){const t=Math.min(1,Math.max(0,(e-_t)/fo)),n=330+t*30,o=document.getElementById("doomMinHand");o&&o.setAttribute("transform",`rotate(${n}, 50, 50)`);const s=Math.max(0,(1-t)*5),i=document.getElementById("doomTimeText");i&&(s<.05?i.textContent="\u2620\uFE0F MIDNIGHT":i.textContent=s.toFixed(1)+" MIN TO MIDNIGHT");const r=document.getElementById("doomTokenPct");r&&(r.textContent=(t*100).toFixed(1)+"%");const c=document.getElementById("doomBarFill");c&&(c.style.width=(t*100).toFixed(2)+"%")}function yo(e){const t=document.getElementById("emergency-broadcast"),n=document.getElementById("ebMsg");!t||!n||(n.textContent="\u26A0\uFE0F AI just crossed the \u201C"+e.name+"\u201D threshold \u2014 "+e.shortDesc+".",t.hidden=!1,clearTimeout(t._dismissTimer),t._dismissTimer=setTimeout(()=>{t.hidden=!0},6e3))}function Eo(){Ft($());const e=document.getElementById("ebDismissBtn");e&&e.addEventListener("click",()=>{const t=document.getElementById("emergency-broadcast");t&&(clearTimeout(t._dismissTimer),t.hidden=!0)})}const de=["We deeply regret that in the time it took you to read this sentence, AI emitted 47 kg of CO\u2082. We remain committed to sustainability. Here is our 200-slide deck.","We have engaged a third-party auditor to assess the environmental impact of generating the report about our environmental impact.","Reducing our carbon footprint is a core strategic priority. We are on track to be net-zero by 2050, pending board approval and the invention of cold fusion.","We acknowledge that AI training requires significant computational resources. We are actively exploring the use of AI to identify ways to use less AI.","Following careful review, we have determined that the environmental cost of our sustainability report exceeded the impact of the initiatives it described. We are preparing a report on this finding.","Our models are trained on green energy\u2014 sourced from the grid, which is mostly green, in the regions where it isn\u2019t mostly coal.","We are proud to announce our \u201CTokens for Trees\u201D programme, in which we plant one sapling for every 10 billion tokens generated. The trees will mature by 2091.","We take the climate crisis extremely seriously. That is why we have hired an AI to draft our climate commitments.","In response to concerns about data centre water usage, we have begun cooling servers with water sourced from drought-resistant regions. These regions have since requested that we stop.","We have reduced our per-token carbon footprint by 0.0003% year-on-year, which the UN has described as \u201Ctechnically measurable.\u201D","Our latest sustainability framework represents a 47-page commitment to a future in which AI and the planet coexist. It was generated by an AI in 11 seconds.","We appreciate your concern about AI\u2019s environmental impact. Please refer to our FAQ, which was produced using GPT-4 and is 14,000 words long.","Rest assured: for every GPU we add, we plant a potted succulent in our San Francisco headquarters. The lobby is thriving.","We are proud to say that our data centres run 24 hours a day, 7 days a week, 365 days a year, regardless of whether there is renewable energy available.","We have commissioned independent research into the environmental cost of commissioning independent research into our environmental cost. Results pending.","Our carbon offset programme involves investing in future carbon capture technology that does not yet exist, at a date to be determined.","We remain committed to reducing emissions intensity per unit of compute, which is a different metric from total emissions, and the one we choose to report.","We are thrilled to share that this apology consumed approximately 800 tokens to generate. We regret nothing.","After extensive consultation, we have concluded that the most sustainable action is to continue exactly as we are while commissioning further consultations.","Thank you for your feedback. It has been logged, summarised by an AI, and forwarded to a committee that meets quarterly."];let J=0,z="";function Rt(){J=(J+1)%de.length,z=de[J];const e=document.getElementById("apologyQuote");e&&(e.style.opacity="0",setTimeout(()=>{e.textContent=z,e.style.opacity="1"},300))}function bo(){J=Math.floor(Math.random()*de.length),z=de[J];const e=document.getElementById("apologyQuote");e&&(e.textContent=z),setInterval(Rt,3e4);const t=document.getElementById("apologyCopyBtn");t&&t.addEventListener("click",()=>{const o=z+`
+\u2014 The AI Industry, collectively
 
-  if (document.readyState === 'loading') {
-    document.addEventListener('DOMContentLoaded', init);
-  } else {
-    init();
-  }
-})();
+\u2192 `+M;Ie(t,o,"\u{1F4CB} Copy & Send to Your AI Vendor")});const n=document.getElementById("apologyNextBtn");n&&n.addEventListener("click",Rt)}function Pt(){const e=Date.now(),t=Math.max(1,(e-x)/1e3),n=L(new Date(e)),o=t*n,s=A(o),i=Math.max(0,s.waterL/.2),r=Math.max(0,s.treesEquivalent),c=Math.max(0,s.kWh/.015),d=Math.max(0,s.co2Kg/171e-6);function m(p){return p>=1e6?(p/1e6).toFixed(1)+"M":p>=1e3?(p/1e3).toFixed(1)+"K":p>=10?Math.round(p).toLocaleString():p>=1?p.toFixed(1):p>=.01?p.toFixed(3):"< 0.01"}const h=document.getElementById("stiWater"),b=document.getElementById("stiTrees"),g=document.getElementById("stiCharges"),f=document.getElementById("stiMetres");h&&(h.textContent=m(i)),b&&(b.textContent=m(r)),g&&(g.textContent=m(c)),f&&(f.textContent=m(d))}function vo(){Pt(),setInterval(Pt,1e3)}const Le=[{tokens:3500,icon:"\u{1F30D}",text:"Write me a 5,000-word essay about why AI is bad for the environment"},{tokens:200,icon:"\u2709\uFE0F",text:"Rewrite this 3-word email in a professional tone"},{tokens:1500,icon:"\u{1F4CA}",text:'Generate 40 variations of the word "synergy" for my deck'},{tokens:800,icon:"\u{1F517}",text:"Explain blockchain to my mum (14th attempt)"},{tokens:2500,icon:"\u267B\uFE0F",text:"Help me write a sustainability report for our AI company"},{tokens:300,icon:"\u{1F4BC}",text:'Make this 4-word subject line more "impactful"'},{tokens:1200,icon:"\u{1F4F1}",text:"Turn my grocery list into a LinkedIn thought leadership post"},{tokens:600,icon:"\u{1F624}",text:'Write a passive-aggressive "thanks for your feedback" reply'},{tokens:3e3,icon:"\u{1F4C4}",text:"Summarise this 2-page document I have not read"},{tokens:400,icon:"\u{1F414}",text:"Explain the philosophical implications of a chicken crossing a road"},{tokens:250,icon:"\u{1F32E}",text:"Is a hot dog a sandwich? 2,000 words. Both sides."},{tokens:100,icon:"\u{1F980}",text:"Hello world in Rust (variation #47)"},{tokens:700,icon:"\u{1F63A}",text:"Describe this cat picture in 600 words"},{tokens:900,icon:"\u{1F9D8}",text:"Motivational speech about the importance of not using AI so much"},{tokens:1800,icon:"\u{1F4DC}",text:"Generate terms of service for my AI startup (that no one will read)"},{tokens:450,icon:"\u{1F305}",text:"Write a haiku about productivity, but make it really long"},{tokens:1100,icon:"\u{1F916}",text:"Ask the AI if it is conscious (session 1 of 200)"},{tokens:650,icon:"\u{1F355}",text:"Add cheese to this recipe that should not have cheese"},{tokens:2200,icon:"\u{1F4B0}",text:"Explain why my AI startup is worth $2 billion"},{tokens:380,icon:"\u{1F4E3}",text:"Rewrite this tweet so it sounds spontaneous"}];let $e=0;function ko(e){const t=e/1e3*3e-4,n=(t*.4*1e3).toFixed(1);return"~"+(t<.001?t.toFixed(5):t.toFixed(4))+" kWh \u2022 "+n+" g CO\u2082"}function _e(e,t){const n=document.getElementById("shameFeed");if(!n)return;const o=document.createElement("div");o.className="shame-entry"+(t?" user-submitted":"");const s=document.createElement("span");s.className="shame-entry-icon",s.setAttribute("aria-hidden","true"),s.textContent=t?"\u{1F464}":e.icon;const i=document.createElement("div");i.className="shame-entry-content";const r=document.createElement("div");r.className="shame-entry-text",r.textContent="\u201C"+e.text+"\u201D";const c=document.createElement("div");if(c.className="shame-entry-cost",c.textContent=ko(e.tokens),i.appendChild(r),i.appendChild(c),t){const d=document.createElement("div");d.className="shame-entry-user-tag",d.textContent="\u2B06 Submitted by you",i.appendChild(d)}for(o.appendChild(s),o.appendChild(i),n.insertBefore(o,n.firstChild);n.children.length>15;)n.removeChild(n.lastChild)}function So(){[...Le].sort(()=>.5-Math.random()).slice(0,5).forEach(o=>_e(o,!1)),setInterval(()=>{$e=($e+1)%Le.length,_e(Le[$e],!1)},7e3);const t=document.getElementById("shameSubmitBtn"),n=document.getElementById("shameInput");if(t&&n){let o=function(){const s=n.value.trim();if(!s)return;const r={tokens:200+Math.floor(Math.random()*3e3),icon:"\u{1F464}",text:s};_e(r,!0),n.value="",k("spreading_doom")};t.addEventListener("click",o),n.addEventListener("keydown",s=>{s.key==="Enter"&&o()})}}const Ot=[{name:"Elon M.",dp:847293847,note:"Inference is just efficiency"},{name:"Sam A.",dp:294847203,note:"Negligible at scale"},{name:"Jensen H.",dp:184293840,note:"GPU go brrr"},{name:"Marc B.",dp:93847203,note:"The metaverse needed training data"},{name:"Sundar P.",dp:48293040,note:"AI for good (primarily)"}],Nt=[{min:0,title:"Innocent Bystander"},{min:10,title:"Accidental Accomplice"},{min:100,title:"Carbon Enabler"},{min:1e3,title:"Climate Criminal"},{min:1e4,title:"Carbon Baron"},{min:1e5,title:"The Accelerationist"},{min:1e6,title:"Extinction Level Event"}];let Ht=!1;function To(e){let t=Nt[0].title;for(const n of Nt)e>=n.min&&(t=n.title);return t}function ue(){const e=a.doomPoints,t=To(e),n=document.getElementById("villainRankTitle"),o=document.getElementById("villainRankScore");n&&(n.textContent=t),o&&(o.textContent=X(e)+" this session");const s=document.getElementById("villainTableBody");if(!s)return;const i=[...Ot.map(r=>({...r,isUser:!1})),{name:"You",dp:e,note:t,isUser:!0}].sort((r,c)=>c.dp-r.dp);if(s.innerHTML="",i.forEach((r,c)=>{const d=document.createElement("tr");r.isUser&&(d.className="villain-row-you"),d.innerHTML='<td class="villain-pos">'+(c+1)+'</td><td class="villain-name">'+u(r.name)+(r.isUser?" \u{1F448}":"")+'</td><td class="villain-score">'+u(X(r.dp))+'</td><td class="villain-rank-cell">'+u(r.note)+"</td>",s.appendChild(d)}),!Ht&&e>Ot[4].dp){Ht=!0;const r=document.getElementById("villainCongrats");r&&(r.hidden=!1,setTimeout(()=>{r.hidden=!0},5e3))}}function Co(){ue()}let Fe=!1;function Io(){if(Fe||sessionStorage.getItem("interventionSeen"))return;Fe=!0;const e=document.getElementById("intervention-modal");if(!e)return;const t=Math.floor((Date.now()-x)/1e3),n=L(new Date),o=Math.max(1,t*n),i=(A(o).co2Kg*1e3).toFixed(1),r=Math.floor(t/60),c=t%60,d=r>0?`${r} min ${c} sec`:`${c} seconds`,m=document.getElementById("intervention-msg");m&&(m.textContent=`You\u2019ve been here for ${d}. In that time, AI emitted ${i}\u202Fg of CO\u2082 globally. Just so you know.`),e.hidden=!1;const h=document.getElementById("intervention-stay");h&&h.focus()}function wo(){if(sessionStorage.getItem("interventionSeen"))return;document.addEventListener("mouseleave",o=>{o.clientY<=0&&!Fe&&Io()});const e=document.getElementById("intervention-modal");if(!e)return;const t=document.getElementById("intervention-stay");t&&t.addEventListener("click",()=>{e.hidden=!0});const n=document.getElementById("intervention-leave");n&&n.addEventListener("click",()=>{sessionStorage.setItem("interventionSeen","1"),e.hidden=!0}),e.addEventListener("click",o=>{o.target===e&&(sessionStorage.setItem("interventionSeen","1"),e.hidden=!0)})}const Do=120,Wt=new Set;function xo(){const e=$(),t=zt(e,I),n=document.getElementById("milestone-alert-banner"),o=document.getElementById("milestone-alert-msg"),s=document.getElementById("milestone-alert-countdown"),i=document.getElementById("milestone-alert-icon");if(!n)return;if(!t){n.hidden||(n.hidden=!0);return}const r=(t.tokens-e)/O;if(r>Do){n.hidden||(n.hidden=!0);return}if(r<=0){Wt.has(t.id)||(Wt.add(t.id),n.hidden=!0,Bo(t),k("witness"));return}if(n.hidden=!1,i&&(i.textContent=t.icon),o&&(o.textContent="\u26A0\uFE0F "+t.name+" threshold crossing imminent \u2014 stay to witness it!"),s){const c=Math.ceil(r);if(c<60)s.textContent=c+"s";else{const d=Math.floor(c/60),m=String(c%60).padStart(2,"0");s.textContent=`${d}m\xA0${m}s`}}}function Bo(e){const t=document.getElementById("milestone-flash-overlay"),n=document.getElementById("milestone-flash-name"),o=document.getElementById("milestone-flash-icon"),s=document.getElementById("milestone-flash-desc"),i=document.getElementById("milestone-flash-close");t&&(n&&(n.textContent=e.name),o&&(o.textContent=e.icon),s&&(s.textContent=`${e.shortDesc} \u2014 ${e.description}`),t.hidden=!1,i&&(i.focus(),i.onclick=()=>{t.hidden=!0}),typeof navigator.vibrate=="function"&&navigator.vibrate([200,100,200]),setTimeout(()=>{t.hidden=!0},6e3))}function Mo(){const e=document.querySelectorAll(".tab-btn[data-tab]"),t=new Set(Array.from(e).map(i=>i.dataset.tab)),n={};document.querySelectorAll('[role="tabpanel"]').forEach(i=>{const r=i.id.replace(/^tab-/,"");i.querySelectorAll("[id]").forEach(c=>{n[c.id]=r})});function o(i,r=!0){t.has(i)&&(e.forEach(c=>{const d=c.dataset.tab===i;c.classList.toggle("tab-btn--active",d),c.setAttribute("aria-selected",String(d))}),document.querySelectorAll('[role="tabpanel"]').forEach(c=>{c.hidden=c.id!=="tab-"+i}),r&&history.pushState(null,"","#"+i))}function s(i){const r=location.hash.slice(1);r&&(t.has(r)?o(r,!1):n[r]&&(o(n[r],!1),requestAnimationFrame(()=>{const c=document.getElementById(r);c&&c.scrollIntoView({behavior:i?"smooth":"auto",block:"start"})})))}e.forEach(i=>{i.addEventListener("click",()=>o(i.dataset.tab))}),document.querySelectorAll(".about-inline-tab-link[data-switch-tab]").forEach(i=>{i.addEventListener("click",()=>o(i.dataset.switchTab))}),window.addEventListener("hashchange",()=>s(!0)),s(!1)}function Ut(){try{const n=localStorage.getItem(Ge);(n==="dark"||n==="light")&&Ye(n)}catch(n){}const e=document.getElementById("themeToggle");e&&e.addEventListener("click",rn);const t=document.getElementById("hideCompletedMilestones");t&&t.addEventListener("change",function(){const n=document.getElementById("milestonesGrid");n&&n.classList.toggle("hide-completed",this.checked)}),Mo(),cn(),ln(),Dn(),xn(),Bn();try{un()}catch(n){console.error("Chart init failed:",n)}kn(),zn(),_n(),Fn(),Rn(),Pn(),Wn(),qn(),lo(),uo(),ho(),Eo(),vo(),bo(),So(),Co(),wo(),setInterval(U,3e4),document.addEventListener("visibilitychange",()=>{document.visibilityState==="hidden"&&U()}),requestAnimationFrame(Ve),setInterval(()=>{Yn(),xo()},1e3)}document.readyState==="loading"?document.addEventListener("DOMContentLoaded",Ut):Ut()})();
diff --git a/scripts/build-css.js b/scripts/build-css.js
index 5d3babf..c68867a 100644
--- a/scripts/build-css.js
+++ b/scripts/build-css.js
@@ -3,7 +3,8 @@
  * build-css.js
  *
  * Concatenates the component stylesheet source files from styles/ into the
- * single styles.css file served by the site.
+ * single styles.css file served by the site.  The concatenated output is then
+ * minified with esbuild.
  *
  * Source files are loaded in the order defined in PARTS below, which mirrors
  * the original top-to-bottom section order of styles.css.
@@ -13,8 +14,9 @@
 
 'use strict';
 
-const fs   = require('fs');
-const path = require('path');
+const fs      = require('fs');
+const path    = require('path');
+const esbuild = require('esbuild');
 
 const ROOT = path.resolve(__dirname, '..');
 
@@ -44,10 +46,20 @@ const chunks = PARTS.map((file) => {
 
 // Concatenate directly — each source file preserves its own trailing blank lines
 // so no additional separator is needed.
-const output = chunks.join('');
+const unminified = chunks.join('');
 
 const outPath = path.join(ROOT, 'styles.css');
-fs.writeFileSync(outPath, output);
 
-const lineCount = output.split('\n').length - 1;
-console.log(`styles.css rebuilt from ${PARTS.length} source files (${lineCount} lines)`);
+// Minify with esbuild (synchronous transform API — no temp files needed).
+const result = esbuild.transformSync(unminified, {
+  minify: true,
+  loader: 'css',
+});
+
+fs.writeFileSync(outPath, result.code);
+
+const ratio = ((1 - result.code.length / unminified.length) * 100).toFixed(1);
+console.log(
+  `styles.css rebuilt from ${PARTS.length} source files ` +
+  `(${unminified.split('\n').length - 1} lines → ${result.code.length} bytes, −${ratio}% via esbuild minification)`,
+);
diff --git a/scripts/build-js.js b/scripts/build-js.js
index a792732..73d5109 100644
--- a/scripts/build-js.js
+++ b/scripts/build-js.js
@@ -5,6 +5,7 @@
  * Concatenates the JS source files from src/js/ into the single script.js
  * file served by the site.  The source files contain the inner body of the
  * IIFE; this script wraps them with the standard header and footer.
+ * The concatenated output is then minified with esbuild.
  *
  * Source files are loaded in the order defined by PARTS (alphabetical order
  * matches the numeric prefixes on the filenames).
@@ -14,8 +15,9 @@
 
 'use strict';
 
-const fs   = require('fs');
-const path = require('path');
+const fs      = require('fs');
+const path    = require('path');
+const esbuild = require('esbuild');
 
 const ROOT = path.resolve(__dirname, '..');
 
@@ -71,10 +73,26 @@ const chunks = PARTS.map((file) => {
 // trailing blank lines so no additional separator is needed.
 const innerBody = chunks.join('');
 
-const output = HEADER + '\n' + innerBody + FOOTER + '\n';
+const unminified = HEADER + '\n' + innerBody + FOOTER + '\n';
 
 const outPath = path.join(ROOT, 'script.js');
-fs.writeFileSync(outPath, output);
 
-const lineCount = output.split('\n').length - 1;
-console.log(`script.js rebuilt from ${PARTS.length} source files (${lineCount} lines)`);
+// Minify with esbuild (synchronous transform API — no temp files needed).
+const result = esbuild.transformSync(unminified, {
+  minify:       true,
+  // Keep the IIFE wrapper intact; tell esbuild the code is already IIFE-wrapped.
+  globalName:   undefined,
+  // Preserve the leading banner comment so tools can still identify the file.
+  banner:       '/* AI DEATH CLOCK — browser/DOM layer (minified) */',
+  // Target all modern browsers; no transpilation needed.
+  target:       ['es2018'],
+  loader:       'js',
+});
+
+fs.writeFileSync(outPath, result.code);
+
+const ratio = ((1 - result.code.length / unminified.length) * 100).toFixed(1);
+console.log(
+  `script.js rebuilt from ${PARTS.length} source files ` +
+  `(${unminified.split('\n').length - 1} lines → ${result.code.length} bytes, −${ratio}% via esbuild minification)`,
+);
diff --git a/styles.css b/styles.css
index fbc83e0..19f9f3e 100644
--- a/styles.css
+++ b/styles.css
@@ -1,3977 +1 @@
-/* =============================================================
-   AI DEATH CLOCK — Styles
-   Supports dark mode (default) and light mode via [data-theme]
-   ============================================================= */
-
-/* ---- CSS Variables ---- */
-:root[data-theme="dark"],
-:root {
-  --bg:           #0a0a0a;
-  --bg-alt:       #111111;
-  --surface:      #161616;
-  --surface-2:    #1e1e1e;
-  --surface-3:    #2a2a2a;
-  --text:         #e8e8e8;
-  --text-dim:     #888888;
-  --text-muted:   #555555;
-  --accent:       #ff3333;
-  --accent-glow:  rgba(255,51,51,0.35);
-  --accent-2:     #ff8800;
-  --accent-3:     #00cc77;
-  --accent-4:     #4af;
-  --border:       #2a2a2a;
-  --border-glow:  rgba(255,51,51,0.18);
-  --shadow:       rgba(0,0,0,0.6);
-  --scan-opacity: 0.03;
-  --toggle-icon:  "☀️ Light Mode";
-  color-scheme: dark;
-}
-
-:root[data-theme="light"] {
-  --bg:           #f0f3f0;
-  --bg-alt:       #e8ebe8;
-  --surface:      #ffffff;
-  --surface-2:    #f5f7f5;
-  --surface-3:    #eaecea;
-  --text:         #1a1a1a;
-  --text-dim:     #555555;
-  --text-muted:   #aaaaaa;
-  --accent:       #cc0000;
-  --accent-glow:  rgba(204,0,0,0.2);
-  --accent-2:     #cc6600;
-  --accent-3:     #006633;
-  --accent-4:     #0055aa;
-  --border:       #d8dbd8;
-  --border-glow:  rgba(204,0,0,0.12);
-  --shadow:       rgba(0,0,0,0.12);
-  --scan-opacity: 0;
-  color-scheme: light;
-}
-
-/* ---- Reset & Base ---- */
-*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
-
-/* Enforce [hidden] even when a class sets an explicit display value */
-[hidden] { display: none !important; }
-
-html { scroll-behavior: smooth; }
-
-body {
-  font-family: 'Share Tech Mono', 'Courier New', monospace;
-  background: var(--bg);
-  color: var(--text);
-  min-height: 100vh;
-  overflow-x: hidden;
-  transition: background 0.3s, color 0.3s;
-  position: relative;
-}
-
-/* Scanline overlay (dark mode only) */
-body::before {
-  content: '';
-  position: fixed;
-  inset: 0;
-  pointer-events: none;
-  background: repeating-linear-gradient(
-    0deg,
-    transparent,
-    transparent 2px,
-    rgba(0,0,0,var(--scan-opacity)) 2px,
-    rgba(0,0,0,var(--scan-opacity)) 4px
-  );
-  z-index: 9999;
-}
-
-a { color: var(--accent-4); text-decoration: none; }
-a:hover { text-decoration: underline; }
-
-/* ---- Typography ---- */
-h1, h2, h3 {
-  font-family: 'Orbitron', 'Share Tech Mono', monospace;
-  letter-spacing: 0.05em;
-}
-
-h1 { font-size: clamp(1.8rem, 5vw, 3.2rem); font-weight: 900; }
-h2 { font-size: clamp(1.2rem, 3vw, 1.8rem); font-weight: 700; margin-bottom: 1rem; }
-h3 { font-size: 1rem; font-weight: 700; }
-
-/* ---- Layout ---- */
-.container {
-  max-width: 1200px;
-  margin: 0 auto;
-  padding: 0 1.25rem;
-}
-
-section {
-  padding: 3rem 0;
-  border-bottom: 1px solid var(--border);
-}
-
-/* ---- GitHub Corner Banner ---- */
-.github-corner {
-  position: fixed;
-  top: 0;
-  right: 0;
-  z-index: 1100;
-  color: var(--bg);
-}
-.github-corner svg {
-  fill: var(--accent);
-  color: var(--bg);
-  transition: fill 0.2s;
-}
-.github-corner:hover svg {
-  fill: var(--accent-2);
-  text-decoration: none;
-}
-.github-corner:hover .octo-arm {
-  animation: octocat-wave 560ms ease-in-out;
-}
-@keyframes octocat-wave {
-  0%, 100% { transform: rotate(0deg); }
-  20%, 60% { transform: rotate(-25deg); }
-  40%, 80% { transform: rotate(10deg); }
-}
-.octo-arm { transform-origin: 130px 106px; }
-@media (max-width: 500px) {
-  .github-corner:hover .octo-arm { animation: none; }
-  .github-corner .octo-arm { animation: octocat-wave 560ms ease-in-out; }
-}
-
-/* ---- Theme Toggle ---- */
-#themeToggle {
-  position: fixed;
-  top: 1rem;
-  right: 5.5rem;
-  z-index: 1000;
-  background: var(--surface-2);
-  color: var(--text);
-  border: 1px solid var(--border);
-  border-radius: 50%;
-  width: 2.5rem;
-  height: 2.5rem;
-  padding: 0;
-  font-size: 1.2rem;
-  line-height: 1;
-  cursor: pointer;
-  transition: background 0.2s, box-shadow 0.2s;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-#themeToggle:hover {
-  background: var(--surface-3);
-  box-shadow: 0 0 10px var(--accent-glow);
-}
-
-/* ---- Hero / Header ---- */
-header {
-  padding: 4rem 0 2rem;
-  text-align: center;
-  border-bottom: 1px solid var(--border);
-  background: var(--bg-alt);
-  position: relative;
-  overflow: hidden;
-}
-
-header::after {
-  content: '';
-  position: absolute;
-  inset: 0;
-  background: radial-gradient(ellipse at 50% 120%, var(--accent-glow) 0%, transparent 70%);
-  pointer-events: none;
-}
-
-.header-skull {
-  font-size: clamp(3rem, 8vw, 5rem);
-  display: block;
-  margin-bottom: 0.5rem;
-  animation: pulse-skull 2.5s ease-in-out infinite;
-}
-
-@keyframes pulse-skull {
-  0%,100% { transform: scale(1); filter: drop-shadow(0 0 0px var(--accent)); }
-  50%      { transform: scale(1.08); filter: drop-shadow(0 0 16px var(--accent)); }
-}
-
-.site-title {
-  color: var(--accent);
-  text-shadow: 0 0 20px var(--accent-glow);
-}
-
-.site-subtitle {
-  color: var(--text-dim);
-  font-size: 1rem;
-  margin-top: 0.5rem;
-  letter-spacing: 0.1em;
-}
-
-/* ---- Tab Bar ---- */
-.tab-bar {
-  display: flex;
-  gap: 0;
-  background: var(--bg-alt);
-  border-bottom: 2px solid var(--border);
-  padding: 0 1.25rem;
-  position: sticky;
-  top: 0;
-  z-index: 900;
-}
-
-.tab-btn {
-  font-family: 'Orbitron', monospace;
-  font-size: 0.75rem;
-  font-weight: 700;
-  letter-spacing: 0.06em;
-  text-transform: uppercase;
-  color: var(--text-dim);
-  background: none;
-  border: none;
-  border-bottom: 3px solid transparent;
-  margin-bottom: -2px;
-  padding: 0.85rem 1.25rem;
-  cursor: pointer;
-  transition: color 0.2s, border-color 0.2s;
-}
-
-.tab-btn:hover {
-  color: var(--text);
-}
-
-.tab-btn--active,
-.tab-btn[aria-selected="true"] {
-  color: var(--accent);
-  border-bottom-color: var(--accent);
-}
-
-/* ---- News & References Tab ---- */
-.news-section {
-  padding: 3rem 0;
-  border-bottom: 1px solid var(--border);
-}
-
-.news-grid {
-  display: grid;
-  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
-  gap: 1.25rem;
-  margin-top: 1.25rem;
-}
-
-.news-card {
-  background: var(--surface);
-  border: 1px solid var(--border);
-  border-radius: 8px;
-  padding: 1.25rem;
-  display: flex;
-  flex-direction: column;
-  gap: 0.6rem;
-  transition: border-color 0.2s, box-shadow 0.2s;
-}
-
-.news-card:hover {
-  border-color: var(--accent);
-  box-shadow: 0 0 12px var(--accent-glow);
-}
-
-.news-card-meta {
-  display: flex;
-  align-items: center;
-  gap: 0.6rem;
-}
-
-.news-card-category {
-  font-family: 'Orbitron', monospace;
-  font-size: 0.6rem;
-  font-weight: 700;
-  letter-spacing: 0.08em;
-  text-transform: uppercase;
-  padding: 0.2em 0.55em;
-  border-radius: 4px;
-}
-
-.news-cat-jobs     { background: rgba(255,136,0,0.18); color: var(--accent-2); border: 1px solid rgba(255,136,0,0.35); }
-.news-cat-energy   { background: rgba(255,51,51,0.15);  color: var(--accent);   border: 1px solid rgba(255,51,51,0.3); }
-.news-cat-water    { background: rgba(68,170,255,0.15); color: var(--accent-4); border: 1px solid rgba(68,170,255,0.3); }
-.news-cat-carbon   { background: rgba(0,204,119,0.15);  color: var(--accent-3); border: 1px solid rgba(0,204,119,0.3); }
-.news-cat-research { background: rgba(160,120,255,0.15); color: #b98aff;        border: 1px solid rgba(160,120,255,0.3); }
-
-.news-card-date {
-  font-size: 0.72rem;
-  color: var(--text-muted);
-  font-family: 'Share Tech Mono', monospace;
-}
-
-.news-card-title {
-  font-family: 'Orbitron', monospace;
-  font-size: 0.82rem;
-  font-weight: 700;
-  line-height: 1.4;
-  margin: 0;
-}
-
-.news-card-title a {
-  color: var(--text);
-  text-decoration: none;
-}
-
-.news-card-title a:hover {
-  color: var(--accent);
-  text-decoration: underline;
-}
-
-.news-card-desc {
-  font-size: 0.82rem;
-  line-height: 1.65;
-  color: var(--text-dim);
-  flex: 1;
-}
-
-.news-card-source {
-  font-size: 0.68rem;
-  color: var(--text-muted);
-  font-family: 'Orbitron', monospace;
-  text-transform: uppercase;
-  letter-spacing: 0.06em;
-  padding-top: 0.25rem;
-  border-top: 1px solid var(--border);
-}
-
-.news-disclaimer {
-  font-style: italic;
-  border-left: 3px solid var(--accent-2);
-  padding-left: 1rem;
-}
-
-/* ---- About Page ---- */
-.about-section {
-  padding: 3rem 0;
-  border-bottom: 1px solid var(--border);
-}
-
-.about-lead {
-  font-size: 1.1rem;
-  line-height: 1.75;
-  color: var(--text);
-  max-width: 720px;
-  margin-bottom: 2rem;
-}
-
-.about-body {
-  font-size: 0.9rem;
-  line-height: 1.75;
-  color: var(--text-dim);
-  max-width: 720px;
-  margin-bottom: 1.25rem;
-}
-
-.about-origin-grid {
-  display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
-  gap: 1.25rem;
-}
-
-.about-origin-card {
-  background: var(--surface);
-  border: 1px solid var(--border);
-  border-radius: 0.75rem;
-  padding: 1.5rem;
-  transition: box-shadow 0.2s;
-}
-
-.about-origin-card:hover { box-shadow: 0 0 20px var(--accent-glow); }
-
-.about-origin-icon {
-  font-size: 2rem;
-  display: block;
-  margin-bottom: 0.75rem;
-}
-
-.about-origin-card h3 {
-  font-size: 0.85rem;
-  color: var(--accent);
-  margin-bottom: 0.6rem;
-}
-
-.about-origin-card p {
-  font-size: 0.85rem;
-  line-height: 1.65;
-  color: var(--text-dim);
-}
-
-.about-steps {
-  display: flex;
-  flex-direction: column;
-  gap: 1rem;
-  max-width: 680px;
-  margin-top: 1.5rem;
-}
-
-.about-step {
-  display: flex;
-  align-items: flex-start;
-  gap: 1rem;
-  background: var(--surface);
-  border: 1px solid var(--border);
-  border-radius: 0.5rem;
-  padding: 1rem 1.25rem;
-}
-
-.about-step-num {
-  font-family: 'Orbitron', monospace;
-  font-size: 1.1rem;
-  font-weight: 900;
-  color: var(--accent);
-  min-width: 2.2rem;
-  line-height: 1.4;
-}
-
-.about-step strong { color: var(--text); }
-
-.about-step div:last-child {
-  font-size: 0.85rem;
-  line-height: 1.65;
-  color: var(--text-dim);
-}
-
-.about-sources-wrap {
-  overflow-x: auto;
-  margin-top: 1rem;
-}
-
-.about-sources-table {
-  width: 100%;
-  border-collapse: collapse;
-  font-size: 0.82rem;
-}
-
-.about-sources-table th,
-.about-sources-table td {
-  text-align: left;
-  padding: 0.65rem 1rem;
-  border: 1px solid var(--border);
-}
-
-.about-sources-table thead th {
-  background: var(--surface-2);
-  color: var(--text);
-  font-family: 'Orbitron', monospace;
-  font-size: 0.68rem;
-  letter-spacing: 0.06em;
-  text-transform: uppercase;
-}
-
-.about-sources-table tbody tr:nth-child(odd) { background: var(--surface); }
-.about-sources-table tbody tr:nth-child(even) { background: var(--bg-alt); }
-.about-sources-table tbody td { color: var(--text-dim); }
-.about-sources-table tbody td:first-child { color: var(--text); font-weight: 700; }
-.about-sources-table tbody td:nth-child(2) { color: var(--accent-2); font-family: 'Orbitron', monospace; font-size: 0.72rem; }
-
-.about-action-grid {
-  display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
-  gap: 1.25rem;
-  margin-top: 1.5rem;
-}
-
-.about-action-card {
-  background: var(--surface);
-  border: 1px solid var(--border);
-  border-radius: 0.75rem;
-  padding: 1.25rem;
-  display: flex;
-  flex-direction: column;
-  gap: 0.5rem;
-  transition: box-shadow 0.2s;
-}
-
-.about-action-card:hover { box-shadow: 0 0 16px var(--accent-glow); }
-
-.about-action-card span { font-size: 1.8rem; }
-
-.about-action-card strong {
-  font-family: 'Orbitron', monospace;
-  font-size: 0.72rem;
-  color: var(--accent-3);
-  letter-spacing: 0.04em;
-}
-
-.about-action-card p {
-  font-size: 0.82rem;
-  line-height: 1.6;
-  color: var(--text-dim);
-  margin: 0;
-}
-
-.about-inline-tab-link {
-  background: none;
-  border: none;
-  color: var(--accent-4);
-  font-family: inherit;
-  font-size: inherit;
-  cursor: pointer;
-  padding: 0;
-  text-decoration: underline;
-  text-underline-offset: 2px;
-}
-
-.about-inline-tab-link:hover { color: var(--accent); }
-
-/* ---- FAQ Accordion ---- */
-.faq-list {
-  display: flex;
-  flex-direction: column;
-  gap: 0.6rem;
-  max-width: 780px;
-  margin-top: 1.5rem;
-}
-
-.faq-item {
-  background: var(--surface);
-  border: 1px solid var(--border);
-  border-radius: 0.5rem;
-  overflow: hidden;
-  transition: box-shadow 0.2s, border-color 0.2s;
-}
-
-.faq-item:hover {
-  border-color: var(--accent);
-  box-shadow: 0 0 14px var(--accent-glow);
-}
-
-.faq-item[open] {
-  border-color: var(--accent);
-}
-
-.faq-question {
-  list-style: none;
-  padding: 0.9rem 1.25rem;
-  cursor: pointer;
-  display: flex;
-  align-items: center;
-  gap: 0.75rem;
-  font-family: 'Orbitron', monospace;
-  font-size: 0.75rem;
-  font-weight: 700;
-  color: var(--text);
-  letter-spacing: 0.03em;
-  user-select: none;
-}
-
-.faq-question::-webkit-details-marker { display: none; }
-
-.faq-question::before {
-  content: '▶';
-  font-size: 0.6rem;
-  color: var(--accent);
-  flex-shrink: 0;
-  transition: transform 0.2s;
-}
-
-.faq-item[open] .faq-question::before {
-  transform: rotate(90deg);
-}
-
-.faq-question-icon {
-  font-size: 1.1rem;
-  flex-shrink: 0;
-}
-
-.faq-answer {
-  padding: 0 1.25rem 1rem 1.25rem;
-  font-size: 0.87rem;
-  line-height: 1.75;
-  color: var(--text-dim);
-  border-top: 1px solid var(--border);
-}
-
-.faq-answer p { margin-bottom: 0.6rem; }
-.faq-answer p:last-child { margin-bottom: 0; }
-
-.faq-answer strong { color: var(--text); }
-
-.faq-answer .faq-example {
-  background: var(--surface-2);
-  border-left: 3px solid var(--accent-4);
-  border-radius: 0 0.25rem 0.25rem 0;
-  padding: 0.5rem 0.75rem;
-  margin: 0.6rem 0;
-  font-size: 0.83rem;
-  color: var(--text-dim);
-}
-
-/* ---- Changelog Tab ---- */
-.changelog-list {
-  display: flex;
-  flex-direction: column;
-  gap: 2rem;
-  margin-top: 1.5rem;
-}
-
-.changelog-release {
-  background: var(--surface);
-  border: 1px solid var(--border);
-  border-radius: 0.75rem;
-  padding: 1.5rem;
-  transition: box-shadow 0.2s;
-}
-
-.changelog-release:hover {
-  box-shadow: 0 0 16px var(--accent-glow);
-}
-
-.changelog-release--unreleased {
-  border-color: var(--accent-2);
-  border-style: dashed;
-}
-
-.changelog-release-header {
-  display: flex;
-  align-items: baseline;
-  gap: 1rem;
-  margin-bottom: 1rem;
-  flex-wrap: wrap;
-}
-
-.changelog-version {
-  font-family: 'Orbitron', monospace;
-  font-size: 1rem;
-  font-weight: 700;
-  color: var(--accent);
-  text-decoration: none;
-  letter-spacing: 0.04em;
-}
-
-.changelog-version:hover {
-  color: var(--accent-2);
-  text-decoration: underline;
-}
-
-.changelog-release--unreleased .changelog-version {
-  color: var(--accent-2);
-}
-
-.changelog-date {
-  font-size: 0.78rem;
-  color: var(--text-muted);
-  font-family: 'Share Tech Mono', monospace;
-}
-
-.changelog-section {
-  margin-top: 0.75rem;
-}
-
-.changelog-section-heading {
-  font-family: 'Orbitron', monospace;
-  font-size: 0.68rem;
-  font-weight: 700;
-  letter-spacing: 0.08em;
-  text-transform: uppercase;
-  color: var(--accent-3);
-  margin-bottom: 0.4rem;
-}
-
-.changelog-items {
-  list-style: none;
-  padding: 0;
-  margin: 0;
-  display: flex;
-  flex-direction: column;
-  gap: 0.3rem;
-}
-
-.changelog-item {
-  font-size: 0.85rem;
-  line-height: 1.6;
-  color: var(--text-dim);
-  padding-left: 1.25rem;
-  position: relative;
-}
-
-.changelog-item::before {
-  content: '▸';
-  position: absolute;
-  left: 0;
-  color: var(--accent);
-  font-size: 0.7rem;
-  top: 0.25em;
-}
-
-.changelog-empty {
-  font-size: 0.85rem;
-  color: var(--text-muted);
-  font-style: italic;
-  margin-top: 0.5rem;
-}
-
-
-/* ---- Live Counter Section ---- */
-#counter-section { background: var(--bg-alt); }
-
-.counter-grid {
-  display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
-  gap: 1.25rem;
-  margin-top: 1.5rem;
-}
-
-.counter-box {
-  background: var(--surface);
-  border: 1px solid var(--border);
-  border-radius: 0.75rem;
-  padding: 1.5rem;
-  text-align: center;
-  position: relative;
-  overflow: hidden;
-  transition: box-shadow 0.3s;
-}
-
-.counter-box:hover { box-shadow: 0 0 24px var(--accent-glow); }
-
-.counter-box::before {
-  content: '';
-  position: absolute;
-  inset: 0;
-  background: linear-gradient(135deg, transparent 60%, rgba(255,51,51,0.04));
-  pointer-events: none;
-}
-
-.counter-label {
-  font-size: 0.75rem;
-  color: var(--text-dim);
-  letter-spacing: 0.1em;
-  text-transform: uppercase;
-  margin-bottom: 0.75rem;
-}
-
-.counter-value {
-  font-family: 'Orbitron', monospace;
-  font-size: clamp(1.1rem, 3vw, 1.6rem);
-  font-weight: 700;
-  color: var(--accent);
-  text-shadow: 0 0 12px var(--accent-glow);
-  word-break: break-all;
-  line-height: 1.3;
-}
-
-.counter-value.session { color: var(--accent-2); text-shadow: 0 0 12px rgba(255,136,0,0.4); }
-.counter-value.rate    { color: var(--accent-3); text-shadow: 0 0 12px rgba(0,204,119,0.4); }
-
-.counter-subtitle {
-  font-size: 0.75rem;
-  color: var(--text-muted);
-  margin-top: 0.5rem;
-}
-
-/* ---- Impact Stats Strip ---- */
-.impact-strip {
-  display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
-  gap: 1rem;
-  margin-top: 2rem;
-}
-
-.impact-stat {
-  background: var(--surface-2);
-  border: 1px solid var(--border);
-  border-radius: 0.5rem;
-  padding: 1rem;
-  text-align: center;
-}
-
-.impact-stat .stat-icon { font-size: 1.8rem; display: block; margin-bottom: 0.4rem; }
-
-.impact-stat .stat-value {
-  font-family: 'Orbitron', monospace;
-  font-size: 1.1rem;
-  font-weight: 700;
-  color: var(--accent-2);
-}
-
-.impact-stat .stat-label {
-  font-size: 0.7rem;
-  color: var(--text-dim);
-  text-transform: uppercase;
-  letter-spacing: 0.08em;
-  margin-top: 0.2rem;
-}
-
-/* ---- Milestones ---- */
-#milestones-section { background: var(--bg); }
-
-.milestone-filter-label {
-  display: inline-flex;
-  align-items: center;
-  gap: 0.5rem;
-  font-size: 0.85rem;
-  color: var(--text-dim);
-  cursor: pointer;
-  user-select: none;
-  margin-bottom: 0.5rem;
-}
-
-.milestone-filter-label input[type="checkbox"] {
-  cursor: pointer;
-  accent-color: var(--accent);
-  width: 1rem;
-  height: 1rem;
-}
-
-.milestones-grid.hide-completed .milestone-card.triggered {
-  display: none;
-}
-
-.milestones-grid {
-  display: grid;
-  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
-  gap: 1.25rem;
-  margin-top: 1.5rem;
-}
-
-.milestone-card {
-  background: var(--surface);
-  border: 1px solid var(--border);
-  border-radius: 0.75rem;
-  padding: 1.5rem;
-  position: relative;
-  overflow: hidden;
-  transition: transform 0.2s, box-shadow 0.3s;
-}
-
-.milestone-card:hover { transform: translateY(-2px); }
-
-.milestone-card.triggered {
-  border-color: var(--accent);
-  box-shadow: 0 0 20px var(--accent-glow), inset 0 0 30px rgba(255,51,51,0.04);
-  animation: card-trigger 0.6s ease-out;
-}
-
-.milestone-card.triggered::after {
-  content: '⚠ THRESHOLD BREACHED';
-  position: absolute;
-  top: 0.5rem;
-  right: 0.5rem;
-  font-size: 0.6rem;
-  color: var(--accent);
-  letter-spacing: 0.1em;
-  animation: blink 1.5s step-start infinite;
-}
-
-@keyframes blink {
-  50% { opacity: 0; }
-}
-
-@keyframes card-trigger {
-  0%  { box-shadow: 0 0 0 var(--accent-glow); }
-  50% { box-shadow: 0 0 40px var(--accent-glow); }
-  100%{ box-shadow: 0 0 20px var(--accent-glow); }
-}
-
-.milestone-header {
-  display: flex;
-  align-items: center;
-  gap: 0.75rem;
-  margin-bottom: 1rem;
-}
-
-.milestone-icon { font-size: 2rem; flex-shrink: 0; }
-
-.milestone-name {
-  font-family: 'Orbitron', monospace;
-  font-size: 0.9rem;
-  font-weight: 700;
-  color: var(--text);
-}
-
-.milestone-threshold {
-  font-size: 0.7rem;
-  color: var(--text-dim);
-  margin-top: 0.1rem;
-}
-
-.milestone-desc {
-  font-size: 0.82rem;
-  color: var(--text-dim);
-  margin-bottom: 0.75rem;
-  line-height: 1.5;
-}
-
-.milestone-consequence {
-  font-size: 0.78rem;
-  color: var(--text-muted);
-  line-height: 1.4;
-  margin-bottom: 0.75rem;
-}
-
-.milestone-event {
-  font-size: 0.82rem;
-  color: var(--accent-2);
-  background: var(--surface-2);
-  border-left: 3px solid var(--accent-2);
-  padding: 0.5rem 0.75rem;
-  border-radius: 0 0.25rem 0.25rem 0;
-  line-height: 1.4;
-}
-
-.milestone-progress-wrap {
-  margin-top: 0.75rem;
-}
-
-.milestone-progress-label {
-  font-size: 0.68rem;
-  color: var(--text-muted);
-  display: flex;
-  justify-content: space-between;
-  margin-bottom: 0.3rem;
-}
-
-.progress-bar {
-  width: 100%;
-  height: 6px;
-  background: var(--surface-3);
-  border-radius: 3px;
-  overflow: hidden;
-}
-
-.progress-fill {
-  height: 100%;
-  border-radius: 3px;
-  background: linear-gradient(90deg, var(--accent-3), var(--accent-2));
-  transition: width 1s ease;
-}
-
-.milestone-card.triggered .progress-fill {
-  background: var(--accent);
-  box-shadow: 0 0 6px var(--accent-glow);
-}
-
-.milestone-predict {
-  font-size: 0.72rem;
-  color: var(--accent-4);
-  margin-top: 0.5rem;
-  text-align: right;
-}
-
-/* ---- Chart Section ---- */
-#chart-section { background: var(--bg-alt); }
-
-.chart-container {
-  background: var(--surface);
-  border: 1px solid var(--border);
-  border-radius: 0.75rem;
-  padding: 1.5rem;
-  margin-top: 1.5rem;
-  position: relative;
-}
-
-.chart-wrapper { position: relative; height: 380px; }
-
-.chart-legend {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 1rem;
-  margin-top: 1rem;
-  font-size: 0.75rem;
-  color: var(--text-dim);
-}
-
-.legend-item {
-  display: flex;
-  align-items: center;
-  gap: 0.4rem;
-}
-
-.legend-swatch {
-  width: 28px;
-  height: 3px;
-  border-radius: 2px;
-  flex-shrink: 0;
-}
-
-/* ---- Predictions Table ---- */
-#predictions-section { background: var(--bg); }
-
-.predictions-table-wrap {
-  overflow-x: auto;
-  margin-top: 1.5rem;
-}
-
-table {
-  width: 100%;
-  border-collapse: collapse;
-  font-size: 0.85rem;
-}
-
-thead { background: var(--surface-2); }
-
-th {
-  padding: 0.75rem 1rem;
-  text-align: left;
-  font-family: 'Orbitron', monospace;
-  font-size: 0.7rem;
-  letter-spacing: 0.1em;
-  text-transform: uppercase;
-  color: var(--text-dim);
-  border-bottom: 1px solid var(--border);
-}
-
-td {
-  padding: 0.75rem 1rem;
-  border-bottom: 1px solid var(--border);
-  vertical-align: middle;
-}
-
-tr:last-child td { border-bottom: none; }
-
-tr:hover td { background: var(--surface-2); }
-
-.passed-badge {
-  display: inline-block;
-  background: var(--accent);
-  color: #fff;
-  font-size: 0.65rem;
-  padding: 0.15rem 0.5rem;
-  border-radius: 2rem;
-  letter-spacing: 0.05em;
-  font-weight: 700;
-  animation: blink 2s step-start infinite;
-}
-
-.future-date { color: var(--accent-4); }
-
-/* ---- Scoring Section ---- */
-#scoring-section { background: var(--bg-alt); }
-
-.scoring-toggle-btn {
-  background: var(--surface-2);
-  border: 1px solid var(--border);
-  border-radius: 0.5rem;
-  padding: 0.6rem 1.2rem;
-  font-family: inherit;
-  font-size: 0.85rem;
-  color: var(--text);
-  cursor: pointer;
-  margin-bottom: 1.5rem;
-  transition: background 0.2s;
-}
-.scoring-toggle-btn:hover { background: var(--surface-3); }
-
-#scoring-content { display: none; }
-#scoring-content.open { display: block; }
-
-.score-summary {
-  display: flex;
-  gap: 2rem;
-  flex-wrap: wrap;
-  margin-bottom: 2rem;
-}
-
-.score-badge {
-  text-align: center;
-  background: var(--surface);
-  border: 2px solid var(--border);
-  border-radius: 0.75rem;
-  padding: 1.5rem 2rem;
-  min-width: 150px;
-}
-
-.score-badge.final { border-color: var(--accent-3); }
-.score-badge .badge-score {
-  font-family: 'Orbitron', monospace;
-  font-size: 2.5rem;
-  font-weight: 900;
-  color: var(--accent-2);
-}
-.score-badge.final .badge-score { color: var(--accent-3); }
-.score-badge .badge-label { font-size: 0.72rem; color: var(--text-dim); margin-top: 0.3rem; text-transform: uppercase; letter-spacing: 0.08em; }
-
-.scoring-categories { display: flex; flex-direction: column; gap: 1rem; }
-
-.scoring-cat {
-  background: var(--surface);
-  border: 1px solid var(--border);
-  border-radius: 0.5rem;
-  padding: 1rem 1.25rem;
-}
-
-.scoring-cat-header {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  margin-bottom: 0.4rem;
-}
-
-.scoring-cat-name { font-weight: 700; font-size: 0.9rem; }
-.scoring-cat-score { font-family: 'Orbitron', monospace; color: var(--accent-2); font-size: 0.85rem; }
-.scoring-cat-notes { font-size: 0.78rem; color: var(--text-dim); margin-bottom: 0.5rem; }
-
-.rec-list { list-style: none; }
-
-.rec-item {
-  display: flex;
-  align-items: center;
-  gap: 0.5rem;
-  font-size: 0.78rem;
-  color: var(--text-muted);
-  padding: 0.2rem 0;
-}
-
-.rec-item.done { color: var(--accent-3); }
-
-.rec-impact {
-  font-family: 'Orbitron', monospace;
-  font-size: 0.7rem;
-  font-weight: 700;
-  background: var(--surface-2);
-  border-radius: 0.25rem;
-  padding: 0.1rem 0.35rem;
-  white-space: nowrap;
-  color: var(--accent-3);
-}
-
-.rec-item:not(.done) .rec-impact { color: var(--text-muted); }
-
-/* ---- Life Blocks Section ---- */
-#life-blocks-section { background: var(--bg); }
-
-.lb-desc {
-  font-size: .85rem;
-  color: var(--text-dim);
-  margin-bottom: 1.25rem;
-  line-height: 1.6;
-}
-
-.lb-controls {
-  display: flex;
-  align-items: center;
-  flex-wrap: wrap;
-  gap: .75rem;
-  margin-bottom: 1rem;
-  min-height: 2rem;
-}
-
-.lb-breadcrumb {
-  display: flex;
-  align-items: center;
-  flex-wrap: wrap;
-  gap: .25rem;
-  font-size: .78rem;
-  color: var(--text-dim);
-}
-
-.lb-breadcrumb-item {
-  background: var(--surface-2);
-  border: 1px solid var(--border);
-  border-radius: .3rem;
-  padding: .2rem .55rem;
-  cursor: pointer;
-  transition: background .15s, color .15s;
-  color: var(--accent-4);
-}
-.lb-breadcrumb-item:hover { background: var(--surface-3); color: var(--text); }
-.lb-breadcrumb-item.lb-bc-current {
-  color: var(--text-muted);
-  cursor: default;
-  background: transparent;
-  border-color: transparent;
-}
-.lb-breadcrumb-sep {
-  color: var(--text-muted);
-  font-size: .7rem;
-  user-select: none;
-}
-
-.lb-info {
-  font-family: 'Orbitron', monospace;
-  font-size: .75rem;
-  color: var(--accent);
-  letter-spacing: .06em;
-}
-
-/* ---- Grid ---- */
-.lb-container {
-  width: 100%;
-  overflow-x: auto;
-  padding-bottom: .5rem;
-}
-
-.lb-grid {
-  display: grid;
-  grid-template-columns: repeat(var(--lb-cols, 52), var(--lb-block-size, 11px));
-  gap: var(--lb-gap, 2px);
-  width: max-content;
-  animation: lb-grid-in .25s ease-out;
-}
-
-@keyframes lb-grid-in {
-  from { opacity: 0; transform: scale(.96); }
-  to   { opacity: 1; transform: scale(1); }
-}
-
-/* ---- Blocks ---- */
-.lb-block {
-  width:  var(--lb-block-size, 11px);
-  height: var(--lb-block-size, 11px);
-  border-radius: 2px;
-  cursor: pointer;
-  position: relative;
-  overflow: visible;
-  transition: transform .1s, box-shadow .15s;
-  outline: none;
-}
-.lb-block:focus-visible { box-shadow: 0 0 0 2px var(--accent-4); }
-
-/* Future — dim green, shows potential */
-.lb-block.lb-future {
-  background: #0f2a0f;
-  border: 1px solid #1a3a1a;
-}
-.lb-block.lb-future:hover {
-  background: #1e4a1e;
-  transform: scale(1.5);
-  box-shadow: 0 0 8px rgba(0, 200, 80, .45);
-  z-index: 10;
-}
-
-/* Dead — consumed, faded */
-.lb-block.lb-dead {
-  background: #0a0a0a;
-  border: 1px solid #111;
-  opacity: .35;
-  cursor: default;
-}
-
-/* Dying — currently being consumed */
-.lb-block.lb-dying {
-  background: #1a0800;
-  border: 1px solid var(--accent-2);
-  animation: lb-pulse-dying 1.4s ease-in-out infinite;
-  overflow: hidden;
-  cursor: pointer;
-  z-index: 5;
-}
-/* Fill representing elapsed fraction of the time unit */
-.lb-block.lb-dying::after {
-  content: '';
-  position: absolute;
-  bottom: 0; left: 0; right: 0;
-  height: var(--progress, 0%);
-  background: linear-gradient(to top, var(--accent) 0%, var(--accent-2) 70%, #ffff44 100%);
-  pointer-events: none;
-  transition: height .1s linear;
-}
-
-@keyframes lb-pulse-dying {
-  0%,100% { border-color: var(--accent-2); box-shadow: 0 0 4px var(--accent-glow); }
-  50%     { border-color: var(--accent);   box-shadow: 0 0 12px var(--accent-glow); }
-}
-
-/* Exploding — death animation */
-.lb-block.lb-exploding {
-  animation: lb-explode .55s ease-out forwards !important;
-  z-index: 20;
-  pointer-events: none;
-}
-
-@keyframes lb-explode {
-  0%   { transform: scale(1);    background: var(--accent-2); box-shadow: 0 0 0 rgba(255,200,0,.0); opacity: 1; }
-  15%  { transform: scale(2.2);  background: #ffff55;         box-shadow: 0 0 18px rgba(255,220,0,.9); opacity: 1; }
-  35%  { transform: scale(1.6) rotate(12deg);  background: var(--accent);   box-shadow: 0 0 24px var(--accent-glow); opacity: .9; }
-  60%  { transform: scale(.9)  rotate(-18deg); background: #660000;         box-shadow: 0 0 8px rgba(100,0,0,.5);   opacity: .6; }
-  80%  { transform: scale(.5)  rotate(30deg);  background: #220000;         opacity: .3; }
-  100% { transform: scale(0)   rotate(60deg);  background: transparent;     opacity: 0; }
-}
-
-/* ---- Zoomed (hour/minute/second) blocks ---- */
-.lb-grid.lb-zoom {
-  --lb-cols: 12;
-  --lb-block-size: 38px;
-  --lb-gap: 4px;
-}
-.lb-zoom .lb-block {
-  border-radius: 4px;
-  display: flex;
-  align-items: flex-end;
-  justify-content: center;
-  padding-bottom: 3px;
-}
-.lb-zoom .lb-block.lb-dying::after {
-  border-radius: 4px 4px 0 0;
-}
-.lb-zoom .lb-label {
-  font-family: 'Share Tech Mono', monospace;
-  font-size: .6rem;
-  color: rgba(255,255,255,.55);
-  line-height: 1;
-  position: relative;
-  z-index: 1;
-  pointer-events: none;
-  user-select: none;
-}
-.lb-zoom .lb-dead .lb-label    { color: rgba(255,255,255,.15); }
-.lb-zoom .lb-dying .lb-label   { color: rgba(255,255,255,.8); }
-.lb-zoom .lb-future:hover      { transform: scale(1.15); }
-
-/* ---- Responsive ---- */
-@media (max-width: 600px) {
-  .lb-grid { --lb-block-size: 8px; --lb-gap: 1px; }
-  .lb-grid.lb-zoom { --lb-cols: 10; --lb-block-size: 28px; --lb-gap: 3px; }
-}
-
-/* ---- Always-On Stack Panel ---- */
-.lb-stack-panel {
-  display: flex;
-  flex-direction: column;
-  gap: .45rem;
-  margin-bottom: 1.5rem;
-  background: var(--surface);
-  border: 1px solid var(--border);
-  border-radius: .75rem;
-  padding: .9rem 1.1rem;
-}
-
-.lb-stack-row {
-  display: flex;
-  align-items: flex-start;
-  gap: .5rem;
-}
-
-.lb-stack-label {
-  font-family: 'Orbitron', monospace;
-  font-size: .58rem;
-  color: var(--text-muted);
-  letter-spacing: .07em;
-  width: 3.6rem;
-  flex-shrink: 0;
-  padding-top: 1px;
-  text-transform: uppercase;
-}
-
-.lb-stack-grid {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 2px;
-  align-content: flex-start;
-}
-
-/* Compact block size for the stack */
-.lb-stack-grid .lb-block {
-  --lb-block-size: 9px;
-  width: var(--lb-block-size);
-  height: var(--lb-block-size);
-  cursor: default;
-}
-
-/* Future + dying blocks in the stack are interactive */
-.lb-stack-grid .lb-block.lb-future,
-.lb-stack-grid .lb-block.lb-dying {
-  cursor: pointer;
-}
-
-/* Overflow badge is informational only */
-.lb-stack-grid .lb-block.lb-overflow {
-  cursor: default;
-  font-size: .5rem;
-  color: var(--text-dim);
-}
-
-.lb-stack-grid .lb-block.lb-future:hover {
-  transform: scale(1.6);
-  box-shadow: 0 0 6px rgba(0,200,80,.4);
-  z-index: 10;
-}
-
-/* Mobile: slightly smaller blocks (flex-wrap already set on .lb-stack-grid) */
-@media (max-width: 600px) {
-  .lb-stack-grid .lb-block {
-    --lb-block-size: 8px;
-  }
-  .lb-stack-label {
-    width: 3rem;
-    font-size: .53rem;
-  }
-}
-
-/* ---- Token-Saving Tips Section ---- */
-#tips-section { background: var(--bg-alt); }
-
-.tips-intro {
-  color: var(--text-dim);
-  font-size: .9rem;
-  margin-bottom: 1.5rem;
-  line-height: 1.7;
-  max-width: 680px;
-}
-
-.tips-grid {
-  display: grid;
-  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
-  gap: 1.2rem;
-  margin-bottom: 2rem;
-}
-
-.tip-card {
-  background: var(--surface);
-  border: 1px solid var(--border);
-  border-radius: 8px;
-  padding: 1.2rem;
-  display: flex;
-  flex-direction: column;
-  gap: .7rem;
-  transition: border-color .2s, box-shadow .2s;
-}
-
-.tip-card:hover {
-  border-color: var(--accent-3);
-  box-shadow: 0 0 12px rgba(0,204,119,.15);
-}
-
-.tip-header {
-  display: flex;
-  align-items: center;
-  gap: .7rem;
-}
-
-.tip-icon {
-  font-size: 1.6rem;
-  flex-shrink: 0;
-}
-
-.tip-title {
-  font-size: 1rem;
-  font-weight: 700;
-  color: var(--accent-3);
-  line-height: 1.3;
-}
-
-.tip-text {
-  font-size: .85rem;
-  color: var(--text);
-  line-height: 1.6;
-}
-
-.tip-detail {
-  font-size: .78rem;
-  color: var(--text-dim);
-  line-height: 1.6;
-}
-
-.tip-impact {
-  font-size: .78rem;
-  color: var(--text-dim);
-  background: var(--surface-2);
-  border-radius: 4px;
-  padding: .5rem .75rem;
-  line-height: 1.7;
-}
-
-.tip-impact strong { color: var(--accent-3); }
-
-.tip-ref {
-  font-size: .75rem;
-  color: var(--accent-4);
-  text-decoration: none;
-  margin-top: auto;
-}
-
-.tip-ref:hover { text-decoration: underline; }
-
-/* ---- Milestone reference links ---- */
-.milestone-ref {
-  display: inline-block;
-  font-size: .75rem;
-  color: var(--accent-4);
-  text-decoration: none;
-  margin-top: .4rem;
-}
-
-.milestone-ref:hover { text-decoration: underline; }
-footer {
-  text-align: center;
-  padding: 2rem 1rem;
-  font-size: 0.8rem;
-  color: var(--text-muted);
-  background: var(--bg-alt);
-  border-top: 1px solid var(--border);
-}
-
-footer strong { color: var(--accent-2); }
-
-footer a {
-  color: var(--accent-2);
-  text-decoration: none;
-}
-
-footer a:hover {
-  text-decoration: underline;
-}
-
-.footer-disclaimer {
-  margin-top: 0.5rem;
-  font-size: 0.7rem;
-  max-width: 640px;
-  margin-left: auto;
-  margin-right: auto;
-  line-height: 1.5;
-  color: var(--text-muted);
-}
-
-.footer-meta-irony {
-  margin-top: 0.75rem;
-  font-style: italic;
-  opacity: 0.75;
-}
-
-.footer-meta-irony strong {
-  color: var(--accent);
-  font-style: normal;
-}
-
-.footer-share-row {
-  display: flex;
-  flex-wrap: wrap;
-  align-items: center;
-  justify-content: center;
-  gap: 0.5rem;
-  margin-top: 1.25rem;
-  padding-top: 1rem;
-  border-top: 1px solid var(--border);
-}
-
-.footer-share-label {
-  font-size: 0.75rem;
-  font-weight: 700;
-  color: var(--text-dim);
-  letter-spacing: 0.05em;
-  text-transform: uppercase;
-  margin-right: 0.25rem;
-}
-
-.footer-share-btn {
-  background: var(--surface-2);
-  border: 1px solid var(--border);
-  border-radius: 2rem;
-  padding: 0.35rem 0.8rem;
-  font-family: inherit;
-  font-size: 0.75rem;
-  color: var(--text-dim);
-  cursor: pointer;
-  transition: background 0.15s, color 0.15s, border-color 0.15s;
-}
-
-.footer-share-btn:hover {
-  background: var(--surface-3);
-  color: var(--text);
-  border-color: var(--accent);
-}
-
-
-.section-label {
-  font-size: 0.7rem;
-  letter-spacing: 0.15em;
-  text-transform: uppercase;
-  color: var(--accent);
-  margin-bottom: 0.35rem;
-}
-
-/* ---- Utilities ---- */
-.glow-text { text-shadow: 0 0 10px var(--accent-glow); }
-
-.sr-only {
-  position: absolute;
-  width: 1px; height: 1px;
-  padding: 0; margin: -1px;
-  overflow: hidden;
-  clip: rect(0,0,0,0);
-  white-space: nowrap;
-  border-width: 0;
-}
-
-/* ---- Responsive ---- */
-@media (max-width: 600px) {
-  .milestones-grid { grid-template-columns: 1fr; }
-  .score-summary { flex-direction: column; }
-  th, td { padding: 0.5rem 0.6rem; }
-}
-
-/* =============================================================
-   NEW FUN FEATURES
-   ============================================================= */
-
-/* ---- Equivalences Strip ---- */
-.equiv-wrap {
-  margin-top: 1.5rem;
-  background: var(--surface-2);
-  border: 1px solid var(--border);
-  border-radius: 0.75rem;
-  padding: 1rem 1.25rem;
-}
-
-.equiv-header {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  flex-wrap: wrap;
-  gap: 0.5rem;
-  margin-bottom: 0.75rem;
-}
-
-.equiv-label {
-  font-size: 0.75rem;
-  letter-spacing: 0.1em;
-  text-transform: uppercase;
-  color: var(--text-dim);
-}
-
-.snarky-toggle {
-  background: var(--surface-3);
-  border: 1px solid var(--border);
-  border-radius: 2rem;
-  padding: 0.3rem 0.8rem;
-  font-family: inherit;
-  font-size: 0.78rem;
-  color: var(--text);
-  cursor: pointer;
-  transition: background 0.2s, border-color 0.2s;
-}
-.snarky-toggle:hover { background: var(--surface-2); border-color: var(--accent-2); }
-.snarky-toggle[aria-pressed="true"] {
-  border-color: var(--accent-2);
-  color: var(--accent-2);
-}
-
-.equiv-display {
-  font-size: 0.95rem;
-  color: var(--text);
-  display: flex;
-  align-items: center;
-  gap: 0.6rem;
-  min-height: 1.8rem;
-  transition: opacity 0.4s;
-}
-
-.equiv-icon { font-size: 1.4rem; flex-shrink: 0; }
-
-.equiv-text {
-  font-style: italic;
-  color: var(--accent-3);
-}
-
-/* ---- Receipt Trigger ---- */
-.receipt-trigger-wrap {
-  margin-top: 1.25rem;
-  text-align: center;
-}
-
-.receipt-trigger-btn {
-  background: transparent;
-  border: 1px dashed var(--border);
-  border-radius: 2rem;
-  padding: 0.5rem 1.25rem;
-  font-family: inherit;
-  font-size: 0.82rem;
-  color: var(--text-dim);
-  cursor: pointer;
-  transition: border-color 0.2s, color 0.2s;
-}
-.receipt-trigger-btn:hover { border-color: var(--accent-4); color: var(--accent-4); }
-
-/* ---- Ticker Section ---- */
-#ticker-section { background: var(--bg-alt); }
-
-.ai-ticker-wrap {
-  background: var(--surface);
-  border: 1px solid var(--border);
-  border-radius: 0.75rem;
-  padding: 1.25rem 1.5rem;
-  margin-top: 1rem;
-}
-
-.ai-ticker-header {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 1rem;
-  flex-wrap: wrap;
-}
-
-.ai-ticker-text {
-  font-family: 'Orbitron', monospace;
-  font-size: clamp(0.85rem, 2vw, 1.1rem);
-  color: var(--accent-2);
-  text-shadow: 0 0 8px rgba(255,136,0,0.3);
-  flex: 1;
-  cursor: pointer;
-  transition: color 0.2s;
-  min-height: 1.5em;
-}
-.ai-ticker-text:hover { color: var(--accent); }
-
-.ai-ticker-toggle-btn {
-  background: var(--surface-2);
-  border: 1px solid var(--border);
-  border-radius: 2rem;
-  padding: 0.3rem 0.8rem;
-  font-family: inherit;
-  font-size: 0.78rem;
-  color: var(--text-dim);
-  cursor: pointer;
-  white-space: nowrap;
-  flex-shrink: 0;
-  transition: background 0.2s;
-}
-.ai-ticker-toggle-btn:hover { background: var(--surface-3); }
-
-.ai-ticker-expanded {
-  margin-top: 1rem;
-  padding-top: 1rem;
-  border-top: 1px solid var(--border);
-}
-
-.ai-ticker-math {
-  font-family: 'Share Tech Mono', monospace;
-  font-size: 0.8rem;
-  color: var(--text-dim);
-  white-space: pre-wrap;
-  word-break: break-word;
-  background: var(--surface-2);
-  border-radius: 0.4rem;
-  padding: 0.75rem 1rem;
-  margin-bottom: 0.75rem;
-  line-height: 1.6;
-}
-
-.ai-ticker-actions {
-  display: flex;
-  gap: 0.75rem;
-  flex-wrap: wrap;
-}
-
-/* ---- Small Button ---- */
-.btn-sm {
-  background: var(--surface-2);
-  border: 1px solid var(--border);
-  border-radius: 0.35rem;
-  padding: 0.35rem 0.9rem;
-  font-family: inherit;
-  font-size: 0.78rem;
-  color: var(--text);
-  cursor: pointer;
-  transition: background 0.2s, box-shadow 0.2s;
-}
-.btn-sm:hover { background: var(--surface-3); box-shadow: 0 0 6px var(--accent-glow); }
-
-/* ---- Calculator Section ---- */
-#calculator-section { background: var(--bg); }
-
-.calc-content {
-  margin-top: 1rem;
-}
-
-.calc-inputs {
-  display: flex;
-  flex-direction: column;
-  gap: 1.25rem;
-  margin-bottom: 1.5rem;
-}
-
-.calc-field { display: flex; flex-direction: column; gap: 0.5rem; }
-
-.calc-label {
-  font-size: 0.85rem;
-  color: var(--text-dim);
-}
-.calc-label strong { color: var(--accent-2); font-family: 'Orbitron', monospace; }
-
-.calc-range {
-  -webkit-appearance: none;
-  appearance: none;
-  width: 100%;
-  height: 6px;
-  background: var(--surface-3);
-  border-radius: 3px;
-  outline: none;
-  cursor: pointer;
-}
-.calc-range::-webkit-slider-thumb {
-  -webkit-appearance: none;
-  width: 18px; height: 18px;
-  border-radius: 50%;
-  background: var(--accent-2);
-  box-shadow: 0 0 6px rgba(255,136,0,0.4);
-  cursor: pointer;
-}
-.calc-range::-moz-range-thumb {
-  width: 18px; height: 18px;
-  border-radius: 50%;
-  background: var(--accent-2);
-  border: none;
-  cursor: pointer;
-}
-
-.calc-select {
-  background: var(--surface-2);
-  border: 1px solid var(--border);
-  border-radius: 0.4rem;
-  padding: 0.5rem 0.75rem;
-  font-family: inherit;
-  font-size: 0.85rem;
-  color: var(--text);
-  cursor: pointer;
-  max-width: 420px;
-}
-.calc-select:focus { outline: 2px solid var(--accent-4); }
-
-.calc-results {
-  background: var(--surface-2);
-  border: 1px solid var(--border);
-  border-radius: 0.75rem;
-  padding: 1.25rem;
-  margin-bottom: 1.25rem;
-}
-
-.calc-result-grid {
-  display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
-  gap: 0.75rem;
-}
-
-.calc-result-box {
-  background: var(--surface);
-  border: 1px solid var(--border);
-  border-radius: 0.5rem;
-  padding: 0.75rem 1rem;
-  text-align: center;
-}
-.calc-result-box.global {
-  grid-column: 1 / -1;
-  border-color: var(--accent);
-  background: var(--bg-alt);
-}
-
-.crb-label {
-  font-size: 0.68rem;
-  color: var(--text-muted);
-  text-transform: uppercase;
-  letter-spacing: 0.08em;
-  margin-bottom: 0.3rem;
-}
-
-.crb-value {
-  font-family: 'Orbitron', monospace;
-  font-size: 1rem;
-  font-weight: 700;
-  color: var(--accent-2);
-}
-.calc-result-box.global .crb-value { color: var(--accent); }
-
-.crb-sub {
-  font-size: 0.7rem;
-  color: var(--text-dim);
-  margin-top: 0.2rem;
-}
-
-.calc-actions { display: flex; gap: 0.75rem; flex-wrap: wrap; }
-
-.btn-primary {
-  background: var(--accent);
-  border: none;
-  border-radius: 0.4rem;
-  padding: 0.55rem 1.25rem;
-  font-family: inherit;
-  font-size: 0.85rem;
-  color: #fff;
-  cursor: pointer;
-  font-weight: 700;
-  transition: background 0.2s, box-shadow 0.2s;
-}
-.btn-primary:hover { background: #cc0000; box-shadow: 0 0 12px var(--accent-glow); }
-
-.btn-secondary {
-  background: var(--surface-2);
-  border: 1px solid var(--border);
-  border-radius: 0.4rem;
-  padding: 0.55rem 1.25rem;
-  font-family: inherit;
-  font-size: 0.85rem;
-  color: var(--text);
-  cursor: pointer;
-  transition: background 0.2s;
-}
-.btn-secondary:hover { background: var(--surface-3); }
-
-.btn-ghost {
-  background: transparent;
-  border: 1px solid var(--border);
-  border-radius: 0.4rem;
-  padding: 0.55rem 1.25rem;
-  font-family: inherit;
-  font-size: 0.85rem;
-  color: var(--text-dim);
-  cursor: pointer;
-  transition: border-color 0.2s, color 0.2s;
-}
-.btn-ghost:hover { border-color: var(--text-dim); color: var(--text); }
-
-/* ---- Achievements Section ---- */
-#achievements-section { background: var(--bg-alt); }
-
-.badges-grid {
-  display: grid;
-  grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
-  gap: 0.75rem;
-  margin-top: 1.25rem;
-}
-
-.badge-item {
-  background: var(--surface);
-  border: 1px solid var(--border);
-  border-radius: 0.75rem;
-  padding: 1rem 0.75rem;
-  text-align: center;
-  transition: transform 0.15s, box-shadow 0.2s;
-}
-
-.badge-item.earned {
-  border-color: var(--accent-2);
-  box-shadow: 0 0 12px rgba(255,136,0,0.2);
-}
-
-.badge-item.locked {
-  opacity: 0.45;
-  filter: grayscale(1);
-}
-
-.badge-item.earned:hover {
-  transform: translateY(-2px);
-  box-shadow: 0 0 18px rgba(255,136,0,0.35);
-}
-
-.badge-icon {
-  display: block;
-  font-size: 2rem;
-  margin-bottom: 0.4rem;
-}
-
-.badge-name {
-  font-family: 'Orbitron', monospace;
-  font-size: 0.65rem;
-  color: var(--text-dim);
-  letter-spacing: 0.05em;
-  word-break: break-word;
-}
-.badge-item.earned .badge-name { color: var(--accent-2); }
-
-/* ---- Share Doom Panel (floating) ---- */
-.share-doom-panel {
-  position: fixed;
-  bottom: 1.5rem;
-  right: 1.5rem;
-  z-index: 900;
-  display: flex;
-  flex-direction: column;
-  align-items: flex-end;
-  gap: 0.5rem;
-}
-
-.share-doom-btn {
-  background: var(--accent);
-  border: none;
-  border-radius: 2rem;
-  padding: 0.65rem 1.4rem;
-  font-family: inherit;
-  font-size: 0.9rem;
-  color: #fff;
-  font-weight: 700;
-  cursor: pointer;
-  box-shadow: 0 4px 20px rgba(255,51,51,0.5);
-  transition: background 0.2s, box-shadow 0.2s, transform 0.15s;
-}
-.share-doom-btn:hover {
-  background: #cc0000;
-  box-shadow: 0 6px 28px rgba(255,51,51,0.7);
-  transform: scale(1.04);
-}
-
-.share-doom-options {
-  background: var(--surface);
-  border: 1px solid var(--border);
-  border-radius: 0.75rem;
-  padding: 0.6rem;
-  display: flex;
-  flex-direction: column;
-  gap: 0.4rem;
-  box-shadow: 0 8px 32px var(--shadow);
-  min-width: 160px;
-  animation: pop-in 0.15s ease-out;
-}
-
-@keyframes pop-in {
-  from { opacity: 0; transform: scale(0.92) translateY(4px); }
-  to   { opacity: 1; transform: scale(1)    translateY(0); }
-}
-
-.share-opt-btn {
-  background: var(--surface-2);
-  border: 1px solid var(--border);
-  border-radius: 0.4rem;
-  padding: 0.5rem 0.9rem;
-  font-family: inherit;
-  font-size: 0.82rem;
-  color: var(--text);
-  cursor: pointer;
-  text-align: left;
-  transition: background 0.15s;
-}
-.share-opt-btn:hover { background: var(--surface-3); }
-
-.share-opt-close {
-  align-self: flex-end;
-  background: transparent;
-  border: none;
-  color: var(--text-muted);
-  font-size: 0.9rem;
-  cursor: pointer;
-  padding: 0.2rem 0.4rem;
-}
-.share-opt-close:hover { color: var(--text); }
-
-/* ---- Receipt Modal ---- */
-.modal-overlay {
-  position: fixed;
-  inset: 0;
-  z-index: 2000;
-  background: rgba(0,0,0,0.8);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  padding: 1rem;
-  animation: fade-in 0.2s ease-out;
-}
-
-@keyframes fade-in {
-  from { opacity: 0; }
-  to   { opacity: 1; }
-}
-
-.receipt-card {
-  background: var(--surface);
-  border: 1px solid var(--border);
-  border-radius: 0.75rem;
-  padding: 1.5rem;
-  max-width: 480px;
-  width: 100%;
-  max-height: 85vh;
-  overflow-y: auto;
-  box-shadow: 0 16px 64px rgba(0,0,0,0.7);
-  animation: slide-up 0.2s ease-out;
-}
-
-@keyframes slide-up {
-  from { transform: translateY(12px); opacity: 0; }
-  to   { transform: translateY(0);    opacity: 1; }
-}
-
-/* Thermal-receipt look */
-:root[data-theme="dark"] .receipt-body {
-  color: #00ff88;
-  text-shadow: 0 0 6px rgba(0,255,136,0.3);
-}
-:root[data-theme="light"] .receipt-body {
-  color: #1a3a1a;
-}
-
-.receipt-body {
-  font-family: 'Share Tech Mono', 'Courier New', monospace;
-  font-size: 0.78rem;
-  line-height: 1.55;
-  white-space: pre;
-  overflow-x: auto;
-  background: transparent;
-  margin-bottom: 1.25rem;
-  padding: 0;
-  border: none;
-}
-
-.receipt-actions {
-  display: flex;
-  gap: 0.75rem;
-  flex-wrap: wrap;
-}
-
-/* ---- Toast ---- */
-.toast {
-  position: fixed;
-  bottom: 5.5rem;
-  right: 1.5rem;
-  z-index: 1500;
-  background: var(--surface);
-  border: 1px solid var(--accent-2);
-  border-radius: 0.75rem;
-  padding: 0.85rem 1rem;
-  box-shadow: 0 8px 32px var(--shadow);
-  display: flex;
-  align-items: center;
-  gap: 0.75rem;
-  max-width: 320px;
-  transform: translateY(0);
-  transition: transform 0.3s ease, opacity 0.3s ease;
-}
-
-.toast-in  { animation: toast-enter 0.3s ease-out; }
-.toast-out { animation: toast-leave 0.3s ease-in forwards; }
-
-@keyframes toast-enter {
-  from { transform: translateY(20px); opacity: 0; }
-  to   { transform: translateY(0);    opacity: 1; }
-}
-@keyframes toast-leave {
-  from { transform: translateY(0);    opacity: 1; }
-  to   { transform: translateY(20px); opacity: 0; }
-}
-
-.toast-icon { font-size: 1.8rem; flex-shrink: 0; }
-
-.toast-content { flex: 1; min-width: 0; }
-
-.toast-title {
-  font-family: 'Orbitron', monospace;
-  font-size: 0.78rem;
-  font-weight: 700;
-  color: var(--accent-2);
-  margin-bottom: 0.2rem;
-}
-
-.toast-desc {
-  font-size: 0.72rem;
-  color: var(--text-dim);
-  line-height: 1.4;
-}
-
-.toast-close {
-  background: transparent;
-  border: none;
-  color: var(--text-muted);
-  font-size: 0.9rem;
-  cursor: pointer;
-  flex-shrink: 0;
-  padding: 0.2rem;
-  line-height: 1;
-}
-.toast-close:hover { color: var(--text); }
-
-/* ---- Responsive additions ---- */
-@media (max-width: 600px) {
-  .share-doom-panel { bottom: 1rem; right: 1rem; }
-  .toast { bottom: 5rem; right: 1rem; max-width: calc(100vw - 2rem); }
-  .receipt-card { padding: 1rem; }
-  .badges-grid { grid-template-columns: repeat(auto-fill, minmax(100px, 1fr)); }
-  .calc-result-grid { grid-template-columns: 1fr 1fr; }
-}
-
-/* ---- Reduced motion ---- */
-@media (prefers-reduced-motion: reduce) {
-  .toast, .toast-in, .toast-out,
-  .modal-overlay, .receipt-card,
-  .share-doom-options,
-  .ai-ticker-text { transition: none; animation: none; }
-}
-
-/* =============================================================
-   ACCELERATE THE DOOM — Styles
-   ============================================================= */
-
-#accelerator-section { background: var(--bg-alt); }
-
-/* ---- Stats Strip ---- */
-.accel-stats-strip {
-  display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
-  gap: 0.75rem;
-  margin: 1.25rem 0;
-}
-
-.accel-stat {
-  background: var(--surface);
-  border: 1px solid var(--border);
-  border-radius: 0.5rem;
-  padding: 0.85rem 1rem;
-  text-align: center;
-}
-
-.accel-stat-dp { border-color: var(--accent-2); }
-
-.accel-stat-value {
-  font-family: 'Orbitron', monospace;
-  font-size: clamp(0.9rem, 2.5vw, 1.15rem);
-  font-weight: 700;
-  color: var(--accent-3);
-  line-height: 1.2;
-}
-
-.accel-stat-dp .accel-stat-value { color: var(--accent-2); }
-
-.accel-stat-label {
-  font-size: 0.65rem;
-  color: var(--text-dim);
-  text-transform: uppercase;
-  letter-spacing: 0.08em;
-  margin-top: 0.25rem;
-}
-
-/* ---- Big Red Button ---- */
-.brb-wrap {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  gap: 0.75rem;
-  margin: 1.5rem 0;
-}
-
-.combo-display {
-  font-family: 'Orbitron', monospace;
-  font-size: clamp(1.4rem, 5vw, 2.2rem);
-  font-weight: 900;
-  color: var(--accent-2);
-  text-shadow: 0 0 14px rgba(255,136,0,0.5);
-  letter-spacing: 0.05em;
-  min-height: 2.5rem;
-  transition: color 0.1s, text-shadow 0.1s;
-}
-
-.combo-display.combo-max {
-  color: var(--accent);
-  text-shadow: 0 0 20px var(--accent-glow);
-  animation: combo-max-pulse 0.4s ease-in-out infinite alternate;
-}
-
-@keyframes combo-max-pulse {
-  from { text-shadow: 0 0 14px var(--accent-glow); }
-  to   { text-shadow: 0 0 32px var(--accent-glow); }
-}
-
-.big-red-button {
-  /* Minimum 96×96 px for accessibility (WCAG 2.5.5) */
-  width: clamp(96px, 28vw, 168px);
-  height: clamp(96px, 28vw, 168px);
-  border-radius: 50%;
-  border: 3px solid var(--accent);
-  background: radial-gradient(circle at 40% 35%, #3a0000, #1a0000);
-  color: #fff;
-  cursor: pointer;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  gap: 0.3rem;
-  box-shadow:
-    0 0 24px var(--accent-glow),
-    inset 0 0 20px rgba(255,51,51,0.08);
-  transition: box-shadow 0.15s, transform 0.1s;
-  position: relative;
-  overflow: hidden;
-  /* Prevent touch delay */
-  touch-action: manipulation;
-  -webkit-tap-highlight-color: transparent;
-  user-select: none;
-}
-
-.big-red-button::before {
-  content: '';
-  position: absolute;
-  inset: 0;
-  border-radius: 50%;
-  background: radial-gradient(circle at 40% 35%, rgba(255,80,80,0.15), transparent 60%);
-  pointer-events: none;
-}
-
-.big-red-button:hover {
-  box-shadow:
-    0 0 40px var(--accent-glow),
-    inset 0 0 28px rgba(255,51,51,0.14);
-  transform: scale(1.04);
-}
-
-.big-red-button:active,
-.big-red-button.tapping {
-  transform: scale(0.94);
-  box-shadow:
-    0 0 56px var(--accent-glow),
-    inset 0 0 40px rgba(255,51,51,0.25);
-}
-
-.big-red-button.combo-max {
-  border-color: var(--accent);
-  box-shadow:
-    0 0 48px var(--accent-glow),
-    0 0 80px rgba(255,51,51,0.2),
-    inset 0 0 32px rgba(255,51,51,0.18);
-  animation: brb-max-glow 0.6s ease-in-out infinite alternate;
-}
-
-@keyframes brb-max-glow {
-  from { box-shadow: 0 0 40px var(--accent-glow), inset 0 0 28px rgba(255,51,51,0.14); }
-  to   { box-shadow: 0 0 72px var(--accent-glow), 0 0 100px rgba(255,51,51,0.25), inset 0 0 40px rgba(255,51,51,0.22); }
-}
-
-.brb-icon {
-  font-size: clamp(1.8rem, 6vw, 2.8rem);
-  line-height: 1;
-  pointer-events: none;
-}
-
-.brb-label {
-  font-family: 'Orbitron', monospace;
-  font-size: clamp(0.48rem, 1.5vw, 0.65rem);
-  font-weight: 700;
-  letter-spacing: 0.06em;
-  color: rgba(255,255,255,0.75);
-  pointer-events: none;
-  text-align: center;
-  padding: 0 0.4rem;
-  line-height: 1.2;
-}
-
-.brb-rate {
-  font-size: 0.72rem;
-  color: var(--text-muted);
-  min-height: 1rem;
-  letter-spacing: 0.06em;
-}
-
-/* ---- Milestone Race Bar ---- */
-.milestone-race-wrap {
-  background: var(--surface);
-  border: 1px solid var(--border);
-  border-radius: 0.5rem;
-  padding: 0.85rem 1.1rem;
-  margin-bottom: 1.5rem;
-}
-
-.milestone-race-header {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  margin-bottom: 0.5rem;
-  flex-wrap: wrap;
-  gap: 0.25rem;
-}
-
-.milestone-race-label {
-  font-size: 0.78rem;
-  color: var(--text-dim);
-}
-
-.milestone-race-label strong {
-  color: var(--accent-2);
-  font-family: 'Orbitron', monospace;
-  font-size: 0.72rem;
-}
-
-.milestone-race-pct {
-  font-family: 'Orbitron', monospace;
-  font-size: 0.7rem;
-  color: var(--accent-3);
-  font-weight: 700;
-}
-
-.milestone-race-fill {
-  background: linear-gradient(90deg, var(--accent-3), var(--accent-2));
-  transition: width 0.3s ease;
-}
-
-/* Flash when player personally triggers a milestone */
-.milestone-race-wrap.milestone-triggered {
-  animation: race-milestone-flash 0.6s ease-out;
-}
-
-@keyframes race-milestone-flash {
-  0%,100% { border-color: var(--border); }
-  25%,75%  { border-color: var(--accent); box-shadow: 0 0 16px var(--accent-glow); }
-}
-
-/* ---- Section Sub-Titles ---- */
-.accel-section-title {
-  font-family: 'Orbitron', monospace;
-  font-size: 0.78rem;
-  font-weight: 700;
-  letter-spacing: 0.12em;
-  text-transform: uppercase;
-  color: var(--text-dim);
-  margin: 1.25rem 0 0.75rem;
-}
-
-/* ---- Challenge Row ---- */
-.challenge-row {
-  display: flex;
-  gap: 0.75rem;
-  overflow-x: auto;
-  padding-bottom: 0.5rem;
-  scroll-snap-type: x mandatory;
-  -webkit-overflow-scrolling: touch;
-  margin-bottom: 0.5rem;
-}
-
-.challenge-row::-webkit-scrollbar { height: 4px; }
-.challenge-row::-webkit-scrollbar-track { background: var(--surface-2); border-radius: 2px; }
-.challenge-row::-webkit-scrollbar-thumb { background: var(--border); border-radius: 2px; }
-
-.challenge-card {
-  background: var(--surface);
-  border: 1px solid var(--border);
-  border-radius: 0.75rem;
-  padding: 1rem;
-  min-width: 180px;
-  max-width: 220px;
-  flex-shrink: 0;
-  scroll-snap-align: start;
-  position: relative;
-  transition: border-color 0.2s, box-shadow 0.2s;
-}
-
-.challenge-card.completed {
-  border-color: var(--accent-3);
-  box-shadow: 0 0 10px rgba(0,204,119,0.2);
-}
-
-.challenge-card-icon {
-  font-size: 1.5rem;
-  margin-bottom: 0.4rem;
-  display: block;
-}
-
-.challenge-card-label {
-  font-family: 'Orbitron', monospace;
-  font-size: 0.7rem;
-  font-weight: 700;
-  color: var(--text);
-  margin-bottom: 0.3rem;
-  letter-spacing: 0.04em;
-}
-
-.challenge-card-desc {
-  font-size: 0.68rem;
-  color: var(--text-dim);
-  line-height: 1.45;
-  margin-bottom: 0.5rem;
-}
-
-.challenge-card-reward {
-  font-size: 0.65rem;
-  color: var(--accent-2);
-  font-family: 'Orbitron', monospace;
-  font-weight: 700;
-}
-
-.challenge-card-progress {
-  margin-top: 0.5rem;
-}
-
-.challenge-card-pct {
-  font-size: 0.6rem;
-  color: var(--text-muted);
-  text-align: right;
-  margin-bottom: 0.2rem;
-}
-
-.challenge-progress-fill {
-  background: linear-gradient(90deg, var(--accent-4), var(--accent-3));
-  transition: width 0.3s ease;
-}
-
-.challenge-card.completed .challenge-progress-fill {
-  background: var(--accent-3);
-}
-
-.challenge-checkmark {
-  position: absolute;
-  top: 0.5rem;
-  right: 0.6rem;
-  font-size: 1rem;
-}
-
-/* ---- Upgrade Shop ---- */
-.upgrade-shop {
-  display: grid;
-  grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
-  gap: 0.75rem;
-  margin-bottom: 1.25rem;
-}
-
-.upgrade-card {
-  background: var(--surface);
-  border: 1px solid var(--border);
-  border-radius: 0.75rem;
-  padding: 1rem;
-  text-align: center;
-  cursor: pointer;
-  transition: border-color 0.2s, box-shadow 0.2s, transform 0.15s, opacity 0.2s;
-  position: relative;
-}
-
-.upgrade-card:hover:not(:disabled):not(.unaffordable) {
-  border-color: var(--accent-2);
-  box-shadow: 0 0 12px rgba(255,136,0,0.2);
-  transform: translateY(-2px);
-}
-
-.upgrade-card.unaffordable {
-  opacity: 0.4;
-  pointer-events: none;
-}
-
-.upgrade-card.owned {
-  border-color: var(--accent-3);
-  background: var(--bg-alt);
-  cursor: default;
-}
-
-.upgrade-card-icon { font-size: 1.8rem; display: block; margin-bottom: 0.4rem; }
-
-.upgrade-card-name {
-  font-family: 'Orbitron', monospace;
-  font-size: 0.68rem;
-  font-weight: 700;
-  color: var(--text);
-  margin-bottom: 0.3rem;
-  letter-spacing: 0.04em;
-}
-
-.upgrade-card.owned .upgrade-card-name { color: var(--accent-3); }
-
-.upgrade-card-flavour {
-  font-size: 0.65rem;
-  color: var(--text-dim);
-  font-style: italic;
-  line-height: 1.4;
-  margin-bottom: 0.5rem;
-}
-
-.upgrade-card-cost {
-  font-family: 'Orbitron', monospace;
-  font-size: 0.72rem;
-  font-weight: 700;
-  color: var(--accent-2);
-}
-
-.upgrade-card.owned .upgrade-card-cost {
-  color: var(--accent-3);
-}
-
-.upgrade-card-mult {
-  font-size: 0.65rem;
-  color: var(--text-muted);
-  margin-top: 0.15rem;
-}
-
-/* ---- Footer row ---- */
-.accel-footer-row {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  flex-wrap: wrap;
-  gap: 0.75rem;
-  margin-top: 1rem;
-  padding-top: 1rem;
-  border-top: 1px solid var(--border);
-}
-
-.best-score-row {
-  font-size: 0.78rem;
-  color: var(--text-dim);
-}
-
-.best-score-row .new-record {
-  color: var(--accent-2);
-  animation: new-record-flash 0.5s ease-out 3;
-}
-
-@keyframes new-record-flash {
-  0%,100% { opacity: 1; }
-  50%      { opacity: 0.3; }
-}
-
-/* ---- Milestone card "Accelerated by You" flash ---- */
-.milestone-card.player-triggered {
-  animation: player-trigger-flash 0.6s ease-out;
-}
-
-@keyframes player-trigger-flash {
-  0%,100% { box-shadow: 0 0 20px var(--accent-glow); }
-  25%,75%  { box-shadow: 0 0 50px var(--accent-glow), 0 0 80px rgba(255,51,51,0.3); }
-}
-
-/* ---- Company Stage Banner ---- */
-.company-stage-banner {
-  display: flex;
-  align-items: center;
-  gap: 0.75rem;
-  background: var(--surface);
-  border: 1px solid var(--border);
-  border-radius: 0.75rem;
-  padding: 0.85rem 1.1rem;
-  margin-bottom: 1rem;
-  flex-wrap: wrap;
-}
-
-.company-stage-icon {
-  font-size: 2rem;
-  line-height: 1;
-}
-
-.company-stage-label {
-  font-size: 0.6rem;
-  color: var(--text-muted);
-  text-transform: uppercase;
-  letter-spacing: 0.1em;
-}
-
-.company-stage-name {
-  font-family: 'Orbitron', monospace;
-  font-size: clamp(0.8rem, 2.5vw, 1rem);
-  font-weight: 700;
-  color: var(--accent-3);
-  letter-spacing: 0.04em;
-}
-
-.passive-rate-wrap {
-  margin-left: auto;
-  text-align: right;
-}
-
-.passive-rate-label {
-  font-size: 0.6rem;
-  color: var(--text-muted);
-  text-transform: uppercase;
-  letter-spacing: 0.08em;
-}
-
-.passive-rate-value {
-  font-family: 'Orbitron', monospace;
-  font-size: 0.82rem;
-  font-weight: 700;
-  color: var(--accent-2);
-}
-
-/* ---- Workforce Panel ---- */
-.workforce-panel {
-  display: grid;
-  grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
-  gap: 0.75rem;
-  margin-bottom: 1.25rem;
-}
-
-.worker-card {
-  background: var(--surface);
-  border: 1px solid var(--border);
-  border-radius: 0.75rem;
-  padding: 1rem;
-  text-align: center;
-  cursor: pointer;
-  transition: border-color 0.2s, box-shadow 0.2s, transform 0.15s, opacity 0.2s;
-  position: relative;
-}
-
-.worker-card:hover:not(.fired):not(.unaffordable) {
-  border-color: var(--accent);
-  box-shadow: 0 0 12px var(--accent-glow);
-  transform: translateY(-2px);
-}
-
-.worker-card.unaffordable {
-  opacity: 0.4;
-  pointer-events: none;
-}
-
-.worker-card.fired {
-  border-color: var(--accent-3);
-  background: var(--bg-alt);
-  cursor: default;
-  opacity: 0.7;
-}
-
-.worker-card-icon { font-size: 1.8rem; display: block; margin-bottom: 0.4rem; }
-
-.worker-card-name {
-  font-family: 'Orbitron', monospace;
-  font-size: 0.65rem;
-  font-weight: 700;
-  color: var(--text);
-  margin-bottom: 0.3rem;
-  letter-spacing: 0.04em;
-}
-
-.worker-card.fired .worker-card-name { color: var(--accent-3); }
-
-.worker-card-flavour {
-  font-size: 0.62rem;
-  color: var(--text-dim);
-  font-style: italic;
-  line-height: 1.4;
-  margin-bottom: 0.5rem;
-}
-
-.worker-card-tps {
-  font-size: 0.65rem;
-  color: var(--accent-3);
-  font-family: 'Orbitron', monospace;
-  font-weight: 700;
-  margin-bottom: 0.2rem;
-}
-
-.worker-card-cost {
-  font-family: 'Orbitron', monospace;
-  font-size: 0.72rem;
-  font-weight: 700;
-  color: var(--accent);
-}
-
-.worker-card.fired .worker-card-cost {
-  color: var(--accent-3);
-}
-
-/* ---- AI Agent Shop ---- */
-.agent-shop {
-  display: grid;
-  grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
-  gap: 0.75rem;
-  margin-bottom: 1.25rem;
-}
-
-.agent-card {
-  background: var(--surface);
-  border: 1px solid var(--border);
-  border-radius: 0.75rem;
-  padding: 1rem;
-  text-align: center;
-  cursor: pointer;
-  transition: border-color 0.2s, box-shadow 0.2s, transform 0.15s, opacity 0.2s;
-  position: relative;
-}
-
-.agent-card:hover:not(.unaffordable) {
-  border-color: var(--accent-2);
-  box-shadow: 0 0 12px rgba(255,136,0,0.2);
-  transform: translateY(-2px);
-}
-
-.agent-card.unaffordable {
-  opacity: 0.4;
-  pointer-events: none;
-}
-
-.agent-card-icon { font-size: 1.8rem; display: block; margin-bottom: 0.4rem; }
-
-.agent-card-name {
-  font-family: 'Orbitron', monospace;
-  font-size: 0.65rem;
-  font-weight: 700;
-  color: var(--text);
-  margin-bottom: 0.3rem;
-  letter-spacing: 0.04em;
-}
-
-.agent-card-flavour {
-  font-size: 0.62rem;
-  color: var(--text-dim);
-  font-style: italic;
-  line-height: 1.4;
-  margin-bottom: 0.5rem;
-}
-
-.agent-card-tps {
-  font-size: 0.65rem;
-  color: var(--accent-3);
-  font-family: 'Orbitron', monospace;
-  font-weight: 700;
-  margin-bottom: 0.2rem;
-}
-
-.agent-card-cost {
-  font-family: 'Orbitron', monospace;
-  font-size: 0.72rem;
-  font-weight: 700;
-  color: var(--accent-2);
-}
-
-.agent-card-owned {
-  font-size: 0.65rem;
-  color: var(--accent-3);
-  font-family: 'Orbitron', monospace;
-  font-weight: 700;
-  margin-top: 0.25rem;
-}
-
-/* ---- Responsive ---- */
-@media (max-width: 480px) {
-  .upgrade-shop { grid-template-columns: 1fr 1fr; }
-  .accel-stats-strip { grid-template-columns: 1fr 1fr; }
-  .workforce-panel { grid-template-columns: 1fr 1fr; }
-  .agent-shop { grid-template-columns: 1fr 1fr; }
-}
-
-/* ---- Reduced motion (accelerator additions) ---- */
-@media (prefers-reduced-motion: reduce) {
-  .big-red-button,
-  .big-red-button:hover,
-  .big-red-button:active,
-  .big-red-button.tapping,
-  .big-red-button.combo-max,
-  .combo-display.combo-max,
-  .milestone-race-fill,
-  .challenge-progress-fill,
-  .upgrade-card,
-  .worker-card,
-  .agent-card { transition: none; animation: none; }
-}
-
-/* =============================================================
-   ENGAGEMENT FEATURES — Phase 2
-   Social Ripple · Witness History Log · Milestone Alert
-   ============================================================= */
-
-/* ---- Social Ripple / Presence Strip ---- */
-
-.presence-strip {
-  display: flex;
-  align-items: center;
-  gap: 0.6rem;
-  flex-wrap: wrap;
-  background: var(--surface);
-  border: 1px solid var(--border);
-  border-radius: 0.5rem;
-  padding: 0.6rem 1rem;
-  margin-top: 1.25rem;
-  font-size: 0.82rem;
-  color: var(--text-dim);
-}
-
-.presence-dot {
-  width: 8px;
-  height: 8px;
-  border-radius: 50%;
-  background: var(--accent-3);
-  flex-shrink: 0;
-  animation: presence-pulse 2s ease-in-out infinite;
-}
-
-@keyframes presence-pulse {
-  0%, 100% { opacity: 1;   transform: scale(1);   }
-  50%       { opacity: 0.4; transform: scale(0.75); }
-}
-
-.presence-count {
-  font-family: 'Orbitron', monospace;
-  font-size: 0.88rem;
-  font-weight: 700;
-  color: var(--accent-3);
-}
-
-.presence-label {
-  color: var(--text-dim);
-}
-
-.presence-reaction {
-  font-size: 0.75rem;
-  color: var(--text-muted);
-  font-style: italic;
-  transition: opacity 0.5s ease;
-  flex-basis: 100%;
-  padding-left: 1.1rem;
-}
-
-@media (prefers-reduced-motion: reduce) {
-  .presence-dot { animation: none; }
-  .presence-reaction { transition: none; }
-}
-
-/* ---- Witness History Log ---- */
-
-#event-log-section { background: var(--bg-alt); }
-
-.event-log {
-  background: var(--surface);
-  border: 1px solid var(--border);
-  border-radius: 0.5rem;
-  padding: 0.75rem 1rem;
-  max-height: 280px;
-  overflow-y: auto;
-  font-family: 'Share Tech Mono', 'Courier New', monospace;
-  font-size: 0.75rem;
-  line-height: 1.65;
-  color: var(--text-dim);
-  scroll-behavior: smooth;
-}
-
-.event-log:empty::before {
-  content: 'Waiting for first entry…';
-  display: block;
-  color: var(--text-muted);
-  font-style: italic;
-}
-
-.event-log-entry {
-  display: flex;
-  gap: 0.5rem;
-  align-items: baseline;
-  padding: 0.18rem 0;
-  border-bottom: 1px solid var(--border);
-  animation: log-entry-in 0.3s ease-out;
-}
-
-.event-log-entry:last-child { border-bottom: none; }
-
-@keyframes log-entry-in {
-  from { opacity: 0; transform: translateX(-8px); }
-  to   { opacity: 1; transform: translateX(0); }
-}
-
-.log-time {
-  color: var(--accent-3);
-  flex-shrink: 0;
-  min-width: 5.5rem;
-}
-
-.log-icon {
-  flex-shrink: 0;
-  font-size: 0.9rem;
-}
-
-.log-text { color: var(--text); flex: 1; min-width: 0; }
-
-.event-log-actions {
-  display: flex;
-  gap: 0.75rem;
-  margin-top: 0.75rem;
-  flex-wrap: wrap;
-}
-
-@media (prefers-reduced-motion: reduce) {
-  .event-log-entry { animation: none; }
-  .event-log { scroll-behavior: auto; }
-}
-
-/* ---- Milestone Countdown Alert Banner ---- */
-
-.milestone-alert-banner {
-  position: fixed;
-  top: 0;
-  left: 0;
-  right: 0;
-  z-index: 1800;
-  background: linear-gradient(135deg, #2a0505, #1a0000);
-  border-bottom: 2px solid var(--accent);
-  padding: 0.55rem 1.25rem;
-  display: flex;
-  align-items: center;
-  gap: 0.75rem;
-  justify-content: center;
-  flex-wrap: wrap;
-  font-size: 0.88rem;
-  color: var(--text);
-  box-shadow: 0 2px 24px rgba(255, 51, 51, 0.4);
-  animation: alert-slide-down 0.35s ease-out;
-}
-
-:root[data-theme="light"] .milestone-alert-banner {
-  background: linear-gradient(135deg, #5a0000, #3a0000);
-}
-
-@keyframes alert-slide-down {
-  from { transform: translateY(-100%); }
-  to   { transform: translateY(0); }
-}
-
-.milestone-alert-icon {
-  font-size: 1.4rem;
-  line-height: 1;
-}
-
-.milestone-alert-msg {
-  font-size: 0.85rem;
-  color: #ffcccc;
-  flex: 1;
-  min-width: 0;
-  text-align: center;
-}
-
-.milestone-alert-countdown {
-  font-family: 'Orbitron', monospace;
-  font-size: 1.1rem;
-  font-weight: 900;
-  color: var(--accent);
-  min-width: 3.5rem;
-  text-align: right;
-  animation: countdown-tick 1s ease-in-out infinite alternate;
-}
-
-@keyframes countdown-tick {
-  from { text-shadow: 0 0 8px  var(--accent-glow); }
-  to   { text-shadow: 0 0 22px var(--accent-glow); }
-}
-
-@media (prefers-reduced-motion: reduce) {
-  .milestone-alert-banner { animation: none; }
-  .milestone-alert-countdown { animation: none; }
-}
-
-/* ---- Milestone Crossing Flash Overlay ---- */
-
-.milestone-flash-overlay {
-  position: fixed;
-  inset: 0;
-  z-index: 3000;
-  background: rgba(255, 20, 20, 0.1);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  padding: 1rem;
-  animation: milestone-bg-flash 1.4s ease-out forwards;
-}
-
-@keyframes milestone-bg-flash {
-  0%   { background: rgba(255, 51, 51, 0.32); }
-  35%  { background: rgba(255, 51, 51, 0.18); }
-  100% { background: rgba(255, 51, 51, 0.08); }
-}
-
-.milestone-flash-content {
-  background: var(--surface);
-  border: 2px solid var(--accent);
-  border-radius: 1rem;
-  padding: 2rem 2.5rem;
-  text-align: center;
-  max-width: 480px;
-  width: 100%;
-  box-shadow:
-    0 0 60px var(--accent-glow),
-    0 20px 60px rgba(0, 0, 0, 0.65);
-  animation: flash-card-in 0.3s ease-out;
-}
-
-@keyframes flash-card-in {
-  from { transform: scale(0.82); opacity: 0; }
-  to   { transform: scale(1);    opacity: 1; }
-}
-
-.milestone-flash-icon {
-  font-size: 4rem;
-  line-height: 1;
-  margin-bottom: 0.6rem;
-}
-
-.milestone-flash-name {
-  font-family: 'Orbitron', monospace;
-  font-size: clamp(1rem, 3vw, 1.55rem);
-  font-weight: 900;
-  color: var(--accent);
-  letter-spacing: 0.04em;
-  margin-bottom: 0.6rem;
-}
-
-.milestone-flash-desc {
-  font-size: 0.84rem;
-  color: var(--text-dim);
-  line-height: 1.55;
-  margin-bottom: 1.25rem;
-}
-
-.milestone-flash-close {
-  background: var(--accent);
-  border: none;
-  border-radius: 0.4rem;
-  padding: 0.55rem 1.5rem;
-  font-family: inherit;
-  font-size: 0.85rem;
-  color: #fff;
-  cursor: pointer;
-  font-weight: 700;
-  transition: background 0.2s;
-}
-
-.milestone-flash-close:hover { background: #cc0000; }
-
-@media (max-width: 600px) {
-  .milestone-flash-content { padding: 1.5rem 1.25rem; }
-  .milestone-alert-msg { font-size: 0.78rem; }
-}
-
-@media (prefers-reduced-motion: reduce) {
-  .milestone-flash-overlay { animation: none; background: rgba(255, 51, 51, 0.1); }
-  .milestone-flash-content { animation: none; }
-}
-
-/* =============================================================
-   SCARY & SATIRICAL FEATURES — PRDs 1–7
-   ============================================================= */
-
-/* ── PRD 1: Doomsday Clock Strip ──────────────────────────── */
-
-.doomsday-strip {
-  background: #0d0000;
-  border-bottom: 2px solid var(--accent);
-  display: flex;
-  align-items: center;
-  gap: 1.25rem;
-  padding: 0.65rem 1.5rem;
-  flex-wrap: wrap;
-  position: sticky;
-  top: 0;
-  z-index: 850;
-  box-shadow: 0 2px 20px rgba(255,51,51,0.25);
-}
-
-:root[data-theme="light"] .doomsday-strip {
-  background: #1a0000;
-}
-
-.doomsday-clock-wrap {
-  flex-shrink: 0;
-}
-
-.doom-clock-svg {
-  width: 56px;
-  height: 56px;
-  overflow: visible;
-}
-
-.doom-clock-face {
-  fill: #0d0000;
-  stroke: var(--accent);
-  stroke-width: 2;
-}
-
-.doom-tick {
-  stroke: rgba(255, 51, 51, 0.5);
-  stroke-width: 1.5;
-  stroke-linecap: round;
-}
-
-.doom-tick-major {
-  stroke: var(--accent);
-  stroke-width: 2.5;
-}
-
-.doom-tick-sm {
-  stroke-width: 1;
-}
-
-.doom-tick-warn {
-  stroke: var(--accent);
-  stroke-width: 2;
-}
-
-.doom-clock-hand {
-  stroke: var(--accent);
-  stroke-width: 3;
-  stroke-linecap: round;
-  filter: drop-shadow(0 0 4px var(--accent));
-  transition: none;
-}
-
-.doom-clock-dot {
-  fill: #fff;
-  filter: drop-shadow(0 0 3px var(--accent));
-}
-
-.doomsday-text-wrap {
-  flex: 1;
-  min-width: 160px;
-}
-
-.doomsday-time {
-  font-family: 'Orbitron', monospace;
-  font-size: clamp(0.75rem, 2.5vw, 1.1rem);
-  font-weight: 900;
-  color: var(--accent);
-  text-shadow: 0 0 10px var(--accent-glow);
-  letter-spacing: 0.08em;
-}
-
-.doomsday-sub {
-  font-size: 0.68rem;
-  color: rgba(255,255,255,0.45);
-  margin-top: 0.2rem;
-  letter-spacing: 0.04em;
-}
-
-.doomsday-bar-wrap {
-  flex: 1;
-  min-width: 120px;
-  max-width: 260px;
-}
-
-.doomsday-bar-track {
-  height: 8px;
-  background: rgba(255,51,51,0.12);
-  border-radius: 4px;
-  overflow: hidden;
-  border: 1px solid rgba(255,51,51,0.25);
-}
-
-.doomsday-bar-fill {
-  height: 100%;
-  background: linear-gradient(90deg, #330000, var(--accent));
-  border-radius: 4px;
-  transition: width 1s linear;
-  box-shadow: 0 0 6px var(--accent-glow);
-}
-
-.doomsday-bar-labels {
-  display: flex;
-  justify-content: space-between;
-  font-size: 0.58rem;
-  color: rgba(255,255,255,0.3);
-  letter-spacing: 0.08em;
-  margin-top: 0.2rem;
-  text-transform: uppercase;
-}
-
-/* ── PRD 1: Emergency Broadcast Overlay ───────────────────── */
-
-.emergency-broadcast {
-  position: fixed;
-  top: 0;
-  left: 0;
-  right: 0;
-  z-index: 3000;
-  background: #8b0000;
-  border-bottom: 3px solid #ff0000;
-  padding: 0.75rem 1.5rem;
-  animation: eb-slidein 0.3s ease-out, eb-pulse 0.6s ease-in-out infinite alternate;
-  box-shadow: 0 4px 32px rgba(255,0,0,0.7);
-}
-
-@keyframes eb-slidein {
-  from { transform: translateY(-100%); opacity: 0; }
-  to   { transform: translateY(0);     opacity: 1; }
-}
-
-@keyframes eb-pulse {
-  from { background: #8b0000; }
-  to   { background: #aa0000; }
-}
-
-.eb-inner {
-  display: flex;
-  align-items: center;
-  gap: 0.75rem;
-  flex-wrap: wrap;
-  max-width: 1200px;
-  margin: 0 auto;
-}
-
-.eb-icon {
-  font-size: 1.3rem;
-  animation: eb-icon-flash 0.5s step-start infinite;
-  flex-shrink: 0;
-}
-
-@keyframes eb-icon-flash {
-  50% { opacity: 0; }
-}
-
-.eb-label {
-  font-family: 'Orbitron', monospace;
-  font-size: 0.7rem;
-  font-weight: 900;
-  color: #fff;
-  letter-spacing: 0.14em;
-  text-transform: uppercase;
-  background: #ff0000;
-  padding: 0.1rem 0.5rem;
-  border-radius: 2px;
-  flex-shrink: 0;
-}
-
-.eb-msg {
-  font-family: 'Orbitron', monospace;
-  font-size: 0.78rem;
-  font-weight: 700;
-  color: #fff;
-  flex: 1;
-}
-
-.eb-sign-off {
-  font-size: 0.68rem;
-  color: rgba(255,255,255,0.7);
-  font-style: italic;
-  flex-basis: 100%;
-  padding-left: 2.8rem;
-}
-
-/* ── PRD 4: Your Tab (Running) ────────────────────────────── */
-
-.session-tab-strip {
-  background: var(--surface);
-  border: 1px solid rgba(255,51,51,0.3);
-  border-radius: 0.75rem;
-  padding: 1rem 1.25rem;
-  margin-top: 1.5rem;
-  position: relative;
-  overflow: hidden;
-}
-
-.session-tab-strip::before {
-  content: '';
-  position: absolute;
-  inset: 0;
-  background: linear-gradient(135deg, rgba(255,51,51,0.03) 0%, transparent 60%);
-  pointer-events: none;
-}
-
-.session-tab-header {
-  display: flex;
-  align-items: baseline;
-  gap: 0.75rem;
-  flex-wrap: wrap;
-  margin-bottom: 0.85rem;
-}
-
-.session-tab-title {
-  font-family: 'Orbitron', monospace;
-  font-size: 0.8rem;
-  font-weight: 700;
-  color: var(--accent);
-  letter-spacing: 0.06em;
-  text-transform: uppercase;
-}
-
-.session-tab-sub {
-  font-size: 0.72rem;
-  color: var(--text-muted);
-  font-style: italic;
-}
-
-.session-tab-items {
-  display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
-  gap: 0.6rem;
-}
-
-.session-tab-item {
-  display: flex;
-  align-items: center;
-  gap: 0.5rem;
-  background: var(--surface-2);
-  border: 1px solid var(--border);
-  border-radius: 0.4rem;
-  padding: 0.5rem 0.75rem;
-  font-size: 0.78rem;
-  color: var(--text-dim);
-}
-
-.sti-icon { font-size: 1.1rem; flex-shrink: 0; }
-
-.sti-val {
-  font-family: 'Orbitron', monospace;
-  font-size: 0.82rem;
-  font-weight: 700;
-  color: var(--accent-2);
-  min-width: 3.5rem;
-  text-align: right;
-  flex-shrink: 0;
-}
-
-.sti-label {
-  font-size: 0.72rem;
-  color: var(--text-muted);
-  line-height: 1.3;
-}
-
-/* ── PRD 2: Apology Generator ─────────────────────────────── */
-
-#apology-section { background: var(--bg); }
-
-.apology-card {
-  background: var(--surface);
-  border: 1px solid var(--border);
-  border-left: 4px solid var(--accent-2);
-  border-radius: 0.75rem;
-  padding: 1.5rem;
-  margin-top: 1rem;
-  position: relative;
-  min-height: 6rem;
-}
-
-.apology-card::before {
-  content: '❝';
-  font-size: 3rem;
-  color: rgba(255,136,0,0.12);
-  position: absolute;
-  top: 0.5rem;
-  left: 0.75rem;
-  font-family: Georgia, serif;
-  line-height: 1;
-  pointer-events: none;
-}
-
-.apology-quote {
-  font-size: 0.95rem;
-  color: var(--text);
-  line-height: 1.7;
-  font-style: italic;
-  padding-left: 1.5rem;
-  animation: apology-fade 0.5s ease-out;
-}
-
-@keyframes apology-fade {
-  from { opacity: 0; transform: translateY(4px); }
-  to   { opacity: 1; transform: translateY(0); }
-}
-
-.apology-footer {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  margin-top: 1rem;
-  padding-top: 0.75rem;
-  border-top: 1px solid var(--border);
-  flex-wrap: wrap;
-  gap: 0.5rem;
-}
-
-.apology-signoff {
-  font-size: 0.78rem;
-  color: var(--accent-2);
-  font-style: normal;
-}
-
-.apology-note {
-  font-size: 0.68rem;
-  color: var(--text-muted);
-  font-style: italic;
-}
-
-.apology-actions {
-  display: flex;
-  gap: 0.75rem;
-  flex-wrap: wrap;
-  margin-top: 1rem;
-}
-
-/* ── PRD 3: Wanted Poster ──────────────────────────────────── */
-
-.wanted-poster {
-  background: #1a0f00;
-  border: 3px solid #8b5a00;
-  border-radius: 0.5rem;
-  padding: 1.5rem;
-  text-align: center;
-  font-family: 'Share Tech Mono', 'Courier New', monospace;
-  position: relative;
-  overflow: hidden;
-  box-shadow: inset 0 0 40px rgba(0,0,0,0.5), 0 0 20px rgba(139,90,0,0.3);
-}
-
-.wanted-poster::before {
-  content: '';
-  position: absolute;
-  inset: 0;
-  background: repeating-linear-gradient(
-    0deg, transparent, transparent 4px,
-    rgba(0,0,0,0.04) 4px, rgba(0,0,0,0.04) 5px
-  );
-  pointer-events: none;
-}
-
-:root[data-theme="light"] .wanted-poster {
-  background: #f5e6c8;
-  border-color: #8b5a00;
-  box-shadow: inset 0 0 40px rgba(0,0,0,0.1);
-}
-
-.wanted-title {
-  font-family: 'Orbitron', monospace;
-  font-size: clamp(2rem, 8vw, 3.5rem);
-  font-weight: 900;
-  color: #cc3300;
-  letter-spacing: 0.15em;
-  text-shadow: 3px 3px 0 #660000;
-  margin-bottom: 0.25rem;
-  line-height: 1;
-}
-
-.wanted-subtitle {
-  font-size: 0.75rem;
-  color: #cc9900;
-  letter-spacing: 0.3em;
-  text-transform: uppercase;
-  margin-bottom: 1rem;
-}
-
-.wanted-divider {
-  height: 3px;
-  background: linear-gradient(90deg, transparent, #8b5a00, transparent);
-  margin: 0.75rem 0;
-}
-
-.wanted-charges {
-  text-align: left;
-  margin: 1rem 0;
-}
-
-.wanted-charge {
-  font-size: 0.8rem;
-  color: #d4a843;
-  padding: 0.4rem 0;
-  border-bottom: 1px dashed rgba(139,90,0,0.3);
-  line-height: 1.5;
-}
-
-:root[data-theme="light"] .wanted-charge {
-  color: #5a3500;
-}
-
-.wanted-charge strong {
-  color: #ff6600;
-  font-family: 'Orbitron', monospace;
-  font-size: 0.72rem;
-}
-
-:root[data-theme="light"] .wanted-charge strong {
-  color: #cc3300;
-}
-
-.wanted-bail {
-  font-size: 0.78rem;
-  color: #ff9900;
-  margin-top: 1rem;
-  padding: 0.6rem 1rem;
-  background: rgba(139,90,0,0.2);
-  border: 1px solid rgba(139,90,0,0.4);
-  border-radius: 0.3rem;
-}
-
-:root[data-theme="light"] .wanted-bail {
-  color: #7a3d00;
-  background: rgba(139,90,0,0.1);
-}
-
-.wanted-global {
-  font-size: 0.68rem;
-  color: rgba(204,153,0,0.6);
-  margin-top: 0.75rem;
-  font-style: italic;
-}
-
-:root[data-theme="light"] .wanted-global {
-  color: rgba(90,53,0,0.6);
-}
-
-/* ── PRD 5: Prompt Hall of Shame ──────────────────────────── */
-
-#shame-section { background: var(--bg-alt); }
-
-.shame-feed {
-  background: var(--surface);
-  border: 1px solid var(--border);
-  border-radius: 0.5rem;
-  padding: 0.5rem;
-  max-height: 320px;
-  overflow-y: auto;
-  margin-top: 1rem;
-  font-family: 'Share Tech Mono', monospace;
-  scroll-behavior: smooth;
-}
-
-.shame-entry {
-  display: flex;
-  align-items: flex-start;
-  gap: 0.6rem;
-  padding: 0.6rem 0.75rem;
-  border-bottom: 1px solid var(--border);
-  animation: shame-slide 0.4s ease-out;
-  font-size: 0.8rem;
-}
-
-.shame-entry:last-child { border-bottom: none; }
-
-@keyframes shame-slide {
-  from { opacity: 0; transform: translateX(-10px); }
-  to   { opacity: 1; transform: translateX(0); }
-}
-
-.shame-entry.user-submitted {
-  border-left: 3px solid var(--accent-2);
-  background: var(--surface-2);
-}
-
-.shame-entry-icon {
-  font-size: 1rem;
-  flex-shrink: 0;
-  margin-top: 0.05rem;
-}
-
-.shame-entry-content { flex: 1; min-width: 0; }
-
-.shame-entry-text {
-  color: var(--text);
-  line-height: 1.5;
-  word-break: break-word;
-}
-
-.shame-entry-cost {
-  font-size: 0.65rem;
-  color: var(--accent);
-  margin-top: 0.2rem;
-  font-family: 'Orbitron', monospace;
-}
-
-.shame-entry-user-tag {
-  font-size: 0.6rem;
-  color: var(--accent-2);
-  text-transform: uppercase;
-  letter-spacing: 0.08em;
-  margin-top: 0.15rem;
-}
-
-.shame-submit-wrap {
-  margin-top: 1.25rem;
-}
-
-.shame-submit-label {
-  display: block;
-  font-size: 0.82rem;
-  color: var(--text-dim);
-  margin-bottom: 0.5rem;
-}
-
-.shame-input-row {
-  display: flex;
-  gap: 0.6rem;
-  flex-wrap: wrap;
-}
-
-.shame-input {
-  flex: 1;
-  min-width: 200px;
-  background: var(--surface-2);
-  border: 1px solid var(--border);
-  border-radius: 0.4rem;
-  padding: 0.55rem 0.85rem;
-  font-family: inherit;
-  font-size: 0.85rem;
-  color: var(--text);
-  outline: none;
-  transition: border-color 0.2s;
-}
-
-.shame-input:focus { border-color: var(--accent-2); }
-.shame-input::placeholder { color: var(--text-muted); }
-
-/* ── PRD 6: Villain Leaderboard ───────────────────────────── */
-
-.villain-leaderboard-wrap {
-  margin-top: 1.5rem;
-  padding-top: 1.5rem;
-  border-top: 1px solid var(--border);
-}
-
-.villain-rank-banner {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  background: var(--surface);
-  border: 1px solid var(--border);
-  border-radius: 0.5rem;
-  padding: 0.75rem 1.1rem;
-  margin-bottom: 1rem;
-  flex-wrap: wrap;
-  gap: 0.5rem;
-}
-
-.villain-rank-title {
-  font-family: 'Orbitron', monospace;
-  font-size: clamp(0.75rem, 2.5vw, 0.95rem);
-  font-weight: 700;
-  color: var(--accent-2);
-  letter-spacing: 0.06em;
-}
-
-.villain-rank-score {
-  font-family: 'Orbitron', monospace;
-  font-size: 0.82rem;
-  color: var(--text-dim);
-}
-
-.villain-table {
-  width: 100%;
-  border-collapse: collapse;
-  font-size: 0.8rem;
-  margin-bottom: 0.75rem;
-}
-
-.villain-table th {
-  font-family: 'Orbitron', monospace;
-  font-size: 0.62rem;
-  letter-spacing: 0.1em;
-  text-transform: uppercase;
-  color: var(--text-muted);
-  padding: 0.5rem 0.75rem;
-  border-bottom: 1px solid var(--border);
-  text-align: left;
-  background: var(--surface-2);
-}
-
-.villain-table td {
-  padding: 0.55rem 0.75rem;
-  border-bottom: 1px solid var(--border);
-  color: var(--text-dim);
-}
-
-.villain-table tr:last-child td { border-bottom: none; }
-
-.villain-table .villain-row-you {
-  background: rgba(255,51,51,0.06);
-}
-
-.villain-table .villain-row-you td {
-  color: var(--accent-2);
-  font-weight: 700;
-}
-
-.villain-table .villain-pos {
-  width: 2rem;
-  text-align: center;
-  color: var(--text-muted);
-  font-family: 'Orbitron', monospace;
-  font-size: 0.7rem;
-}
-
-.villain-table .villain-name { font-weight: 700; }
-
-.villain-table .villain-score {
-  font-family: 'Orbitron', monospace;
-  font-size: 0.75rem;
-  color: var(--accent-2);
-}
-
-.villain-table .villain-rank-cell {
-  font-size: 0.68rem;
-  color: var(--text-muted);
-  font-style: italic;
-}
-
-.villain-congratulations {
-  background: var(--accent);
-  color: #fff;
-  font-family: 'Orbitron', monospace;
-  font-size: 0.8rem;
-  font-weight: 700;
-  letter-spacing: 0.05em;
-  padding: 0.75rem 1rem;
-  border-radius: 0.4rem;
-  text-align: center;
-  animation: villain-congrats-flash 0.4s ease-out;
-}
-
-@keyframes villain-congrats-flash {
-  0%   { transform: scale(1);    box-shadow: 0 0 0 rgba(255,51,51,0); }
-  40%  { transform: scale(1.03); box-shadow: 0 0 24px rgba(255,51,51,0.6); }
-  100% { transform: scale(1);    box-shadow: 0 0 8px rgba(255,51,51,0.3); }
-}
-
-/* ── PRD 7: The Intervention ──────────────────────────────── */
-
-.intervention-overlay {
-  position: fixed;
-  inset: 0;
-  z-index: 3500;
-  background: rgba(0,0,0,0.7);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  padding: 1rem;
-  animation: fade-in 0.25s ease-out;
-}
-
-.intervention-card {
-  background: var(--surface);
-  border: 1px solid var(--border);
-  border-radius: 1rem;
-  padding: 1.5rem;
-  max-width: 420px;
-  width: 100%;
-  box-shadow: 0 20px 64px var(--shadow);
-  animation: slide-up 0.25s ease-out;
-}
-
-.intervention-header {
-  display: flex;
-  align-items: center;
-  gap: 0.6rem;
-  margin-bottom: 0.85rem;
-}
-
-.intervention-avatar {
-  font-size: 1.6rem;
-}
-
-.intervention-sender {
-  font-family: 'Orbitron', monospace;
-  font-size: 0.78rem;
-  font-weight: 700;
-  color: var(--accent-3);
-}
-
-.intervention-time {
-  font-size: 0.65rem;
-  color: var(--text-muted);
-  margin-left: auto;
-}
-
-.intervention-bubble {
-  background: var(--surface-2);
-  border: 1px solid var(--border);
-  border-radius: 0 1rem 1rem 1rem;
-  padding: 1rem 1.1rem;
-  margin-bottom: 1.25rem;
-}
-
-.intervention-greeting {
-  font-size: 0.95rem;
-  color: var(--text);
-  font-weight: 700;
-  margin-bottom: 0.6rem;
-}
-
-.intervention-msg {
-  font-size: 0.85rem;
-  color: var(--text-dim);
-  line-height: 1.65;
-  margin-bottom: 0.6rem;
-}
-
-.intervention-coda {
-  font-size: 0.78rem;
-  color: var(--text-muted);
-  font-style: italic;
-}
-
-.intervention-actions {
-  display: flex;
-  gap: 0.75rem;
-  flex-wrap: wrap;
-}
-
-.intervention-btn-stay {
-  flex: 1;
-  background: var(--accent-3);
-  border: none;
-  border-radius: 0.4rem;
-  padding: 0.65rem 1rem;
-  font-family: inherit;
-  font-size: 0.85rem;
-  color: #fff;
-  cursor: pointer;
-  font-weight: 700;
-  transition: background 0.2s;
-}
-
-.intervention-btn-stay:hover { background: #00a35e; }
-
-.intervention-btn-leave {
-  flex: 1;
-  background: var(--surface-3);
-  border: 1px solid var(--border);
-  border-radius: 0.4rem;
-  padding: 0.65rem 1rem;
-  font-family: inherit;
-  font-size: 0.85rem;
-  color: var(--text-dim);
-  cursor: pointer;
-  transition: background 0.2s, color 0.2s;
-}
-
-.intervention-btn-leave:hover { background: var(--surface-2); color: var(--accent); }
-
-/* ── Responsive ──────────────────────────────────────────── */
-
-@media (max-width: 600px) {
-  .doomsday-strip { padding: 0.5rem 1rem; gap: 0.75rem; }
-  .doomsday-bar-wrap { display: none; }
-  .doom-clock-svg { width: 44px; height: 44px; }
-  .session-tab-items { grid-template-columns: 1fr 1fr; }
-  .villain-table .villain-rank-cell { display: none; }
-}
-
-@media (prefers-reduced-motion: reduce) {
-  .emergency-broadcast { animation: none; }
-  .eb-icon { animation: none; }
-  .apology-quote { animation: none; }
-  .shame-entry { animation: none; }
-  .villain-congratulations { animation: none; }
-  .doomsday-bar-fill { transition: none; }
-  .doom-clock-hand { transition: none; }
-  .intervention-overlay, .intervention-card { animation: none; }
-}
-
-.eb-dismiss {
-  background: transparent;
-  border: 1px solid rgba(255,255,255,0.3);
-  border-radius: 50%;
-  width: 1.75rem;
-  height: 1.75rem;
-  color: rgba(255,255,255,0.8);
-  font-size: 0.8rem;
-  cursor: pointer;
-  flex-shrink: 0;
-  align-self: center;
-  margin-left: auto;
-  transition: background 0.15s;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-
-.eb-dismiss:hover { background: rgba(255,255,255,0.15); }
-
-/* ---- Grim Reaper ---- */
-.grim-reaper {
-  position: fixed;
-  bottom: 0;
-  left: 0;
-  z-index: 10;
-  opacity: 0.22;
-  transform: translateX(-22px);
-  transition: opacity 0.8s ease, transform 0.8s ease;
-  pointer-events: auto;
-  filter: drop-shadow(0 4px 12px rgba(0, 0, 0, 0.5));
-}
-
-.grim-reaper:hover {
-  opacity: 0.55;
-  transform: translateX(0);
-}
-
-.grim-reaper svg {
-  display: block;
-  width: 80px;
-  height: auto;
-  animation: reaper-float 5s ease-in-out infinite;
-}
-
-@keyframes reaper-float {
-  0%, 100% { transform: translateY(0); }
-  50%       { transform: translateY(-10px); }
-}
-
-.reaper-eye-inner {
-  filter: drop-shadow(0 0 4px #ff3333);
-  animation: reaper-eye-pulse 3s ease-in-out infinite;
-}
-
-@keyframes reaper-eye-pulse {
-  0%, 100% { opacity: 0.7; }
-  50%       { opacity: 1; }
-}
-
-@media (max-width: 480px) {
-  .grim-reaper svg { width: 55px; }
-}
-
-@media (prefers-reduced-motion: reduce) {
-  .grim-reaper svg,
-  .reaper-eye-inner { animation: none; }
-  .grim-reaper { transition: none; }
-}
+:root[data-theme=dark],:root{--bg: #0a0a0a;--bg-alt: #111111;--surface: #161616;--surface-2: #1e1e1e;--surface-3: #2a2a2a;--text: #e8e8e8;--text-dim: #888888;--text-muted: #555555;--accent: #ff3333;--accent-glow: rgba(255,51,51,.35);--accent-2: #ff8800;--accent-3: #00cc77;--accent-4: #4af;--border: #2a2a2a;--border-glow: rgba(255,51,51,.18);--shadow: rgba(0,0,0,.6);--scan-opacity: .03;--toggle-icon: "\2600\fe0f  Light Mode";color-scheme:dark}:root[data-theme=light]{--bg: #f0f3f0;--bg-alt: #e8ebe8;--surface: #ffffff;--surface-2: #f5f7f5;--surface-3: #eaecea;--text: #1a1a1a;--text-dim: #555555;--text-muted: #aaaaaa;--accent: #cc0000;--accent-glow: rgba(204,0,0,.2);--accent-2: #cc6600;--accent-3: #006633;--accent-4: #0055aa;--border: #d8dbd8;--border-glow: rgba(204,0,0,.12);--shadow: rgba(0,0,0,.12);--scan-opacity: 0;color-scheme:light}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}[hidden]{display:none!important}html{scroll-behavior:smooth}body{font-family:Share Tech Mono,Courier New,monospace;background:var(--bg);color:var(--text);min-height:100vh;overflow-x:hidden;transition:background .3s,color .3s;position:relative}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,var(--scan-opacity)) 2px,rgba(0,0,0,var(--scan-opacity)) 4px);z-index:9999}a{color:var(--accent-4);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{font-family:Orbitron,Share Tech Mono,monospace;letter-spacing:.05em}h1{font-size:clamp(1.8rem,5vw,3.2rem);font-weight:900}h2{font-size:clamp(1.2rem,3vw,1.8rem);font-weight:700;margin-bottom:1rem}h3{font-size:1rem;font-weight:700}.container{max-width:1200px;margin:0 auto;padding:0 1.25rem}section{padding:3rem 0;border-bottom:1px solid var(--border)}.github-corner{position:fixed;top:0;right:0;z-index:1100;color:var(--bg)}.github-corner svg{fill:var(--accent);color:var(--bg);transition:fill .2s}.github-corner:hover svg{fill:var(--accent-2);text-decoration:none}.github-corner:hover .octo-arm{animation:octocat-wave .56s ease-in-out}@keyframes octocat-wave{0%,to{transform:rotate(0)}20%,60%{transform:rotate(-25deg)}40%,80%{transform:rotate(10deg)}}.octo-arm{transform-origin:130px 106px}@media(max-width:500px){.github-corner:hover .octo-arm{animation:none}.github-corner .octo-arm{animation:octocat-wave .56s ease-in-out}}#themeToggle{position:fixed;top:1rem;right:5.5rem;z-index:1000;background:var(--surface-2);color:var(--text);border:1px solid var(--border);border-radius:50%;width:2.5rem;height:2.5rem;padding:0;font-size:1.2rem;line-height:1;cursor:pointer;transition:background .2s,box-shadow .2s;display:flex;align-items:center;justify-content:center}#themeToggle:hover{background:var(--surface-3);box-shadow:0 0 10px var(--accent-glow)}header{padding:4rem 0 2rem;text-align:center;border-bottom:1px solid var(--border);background:var(--bg-alt);position:relative;overflow:hidden}header:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 120%,var(--accent-glow) 0%,transparent 70%);pointer-events:none}.header-skull{font-size:clamp(3rem,8vw,5rem);display:block;margin-bottom:.5rem;animation:pulse-skull 2.5s ease-in-out infinite}@keyframes pulse-skull{0%,to{transform:scale(1);filter:drop-shadow(0 0 0px var(--accent))}50%{transform:scale(1.08);filter:drop-shadow(0 0 16px var(--accent))}}.site-title{color:var(--accent);text-shadow:0 0 20px var(--accent-glow)}.site-subtitle{color:var(--text-dim);font-size:1rem;margin-top:.5rem;letter-spacing:.1em}.tab-bar{display:flex;gap:0;background:var(--bg-alt);border-bottom:2px solid var(--border);padding:0 1.25rem;position:sticky;top:0;z-index:900}.tab-btn{font-family:Orbitron,monospace;font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim);background:none;border:none;border-bottom:3px solid transparent;margin-bottom:-2px;padding:.85rem 1.25rem;cursor:pointer;transition:color .2s,border-color .2s}.tab-btn:hover{color:var(--text)}.tab-btn--active,.tab-btn[aria-selected=true]{color:var(--accent);border-bottom-color:var(--accent)}.news-section{padding:3rem 0;border-bottom:1px solid var(--border)}.news-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.25rem;margin-top:1.25rem}.news-card{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:1.25rem;display:flex;flex-direction:column;gap:.6rem;transition:border-color .2s,box-shadow .2s}.news-card:hover{border-color:var(--accent);box-shadow:0 0 12px var(--accent-glow)}.news-card-meta{display:flex;align-items:center;gap:.6rem}.news-card-category{font-family:Orbitron,monospace;font-size:.6rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:.2em .55em;border-radius:4px}.news-cat-jobs{background:#ff88002e;color:var(--accent-2);border:1px solid rgba(255,136,0,.35)}.news-cat-energy{background:#ff333326;color:var(--accent);border:1px solid rgba(255,51,51,.3)}.news-cat-water{background:#44aaff26;color:var(--accent-4);border:1px solid rgba(68,170,255,.3)}.news-cat-carbon{background:#00cc7726;color:var(--accent-3);border:1px solid rgba(0,204,119,.3)}.news-cat-research{background:#a078ff26;color:#b98aff;border:1px solid rgba(160,120,255,.3)}.news-card-date{font-size:.72rem;color:var(--text-muted);font-family:Share Tech Mono,monospace}.news-card-title{font-family:Orbitron,monospace;font-size:.82rem;font-weight:700;line-height:1.4;margin:0}.news-card-title a{color:var(--text);text-decoration:none}.news-card-title a:hover{color:var(--accent);text-decoration:underline}.news-card-desc{font-size:.82rem;line-height:1.65;color:var(--text-dim);flex:1}.news-card-source{font-size:.68rem;color:var(--text-muted);font-family:Orbitron,monospace;text-transform:uppercase;letter-spacing:.06em;padding-top:.25rem;border-top:1px solid var(--border)}.news-disclaimer{font-style:italic;border-left:3px solid var(--accent-2);padding-left:1rem}.about-section{padding:3rem 0;border-bottom:1px solid var(--border)}.about-lead{font-size:1.1rem;line-height:1.75;color:var(--text);max-width:720px;margin-bottom:2rem}.about-body{font-size:.9rem;line-height:1.75;color:var(--text-dim);max-width:720px;margin-bottom:1.25rem}.about-origin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem}.about-origin-card{background:var(--surface);border:1px solid var(--border);border-radius:.75rem;padding:1.5rem;transition:box-shadow .2s}.about-origin-card:hover{box-shadow:0 0 20px var(--accent-glow)}.about-origin-icon{font-size:2rem;display:block;margin-bottom:.75rem}.about-origin-card h3{font-size:.85rem;color:var(--accent);margin-bottom:.6rem}.about-origin-card p{font-size:.85rem;line-height:1.65;color:var(--text-dim)}.about-steps{display:flex;flex-direction:column;gap:1rem;max-width:680px;margin-top:1.5rem}.about-step{display:flex;align-items:flex-start;gap:1rem;background:var(--surface);border:1px solid var(--border);border-radius:.5rem;padding:1rem 1.25rem}.about-step-num{font-family:Orbitron,monospace;font-size:1.1rem;font-weight:900;color:var(--accent);min-width:2.2rem;line-height:1.4}.about-step strong{color:var(--text)}.about-step div:last-child{font-size:.85rem;line-height:1.65;color:var(--text-dim)}.about-sources-wrap{overflow-x:auto;margin-top:1rem}.about-sources-table{width:100%;border-collapse:collapse;font-size:.82rem}.about-sources-table th,.about-sources-table td{text-align:left;padding:.65rem 1rem;border:1px solid var(--border)}.about-sources-table thead th{background:var(--surface-2);color:var(--text);font-family:Orbitron,monospace;font-size:.68rem;letter-spacing:.06em;text-transform:uppercase}.about-sources-table tbody tr:nth-child(odd){background:var(--surface)}.about-sources-table tbody tr:nth-child(2n){background:var(--bg-alt)}.about-sources-table tbody td{color:var(--text-dim)}.about-sources-table tbody td:first-child{color:var(--text);font-weight:700}.about-sources-table tbody td:nth-child(2){color:var(--accent-2);font-family:Orbitron,monospace;font-size:.72rem}.about-action-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem;margin-top:1.5rem}.about-action-card{background:var(--surface);border:1px solid var(--border);border-radius:.75rem;padding:1.25rem;display:flex;flex-direction:column;gap:.5rem;transition:box-shadow .2s}.about-action-card:hover{box-shadow:0 0 16px var(--accent-glow)}.about-action-card span{font-size:1.8rem}.about-action-card strong{font-family:Orbitron,monospace;font-size:.72rem;color:var(--accent-3);letter-spacing:.04em}.about-action-card p{font-size:.82rem;line-height:1.6;color:var(--text-dim);margin:0}.about-inline-tab-link{background:none;border:none;color:var(--accent-4);font-family:inherit;font-size:inherit;cursor:pointer;padding:0;text-decoration:underline;text-underline-offset:2px}.about-inline-tab-link:hover{color:var(--accent)}.faq-list{display:flex;flex-direction:column;gap:.6rem;max-width:780px;margin-top:1.5rem}.faq-item{background:var(--surface);border:1px solid var(--border);border-radius:.5rem;overflow:hidden;transition:box-shadow .2s,border-color .2s}.faq-item:hover{border-color:var(--accent);box-shadow:0 0 14px var(--accent-glow)}.faq-item[open]{border-color:var(--accent)}.faq-question{list-style:none;padding:.9rem 1.25rem;cursor:pointer;display:flex;align-items:center;gap:.75rem;font-family:Orbitron,monospace;font-size:.75rem;font-weight:700;color:var(--text);letter-spacing:.03em;user-select:none}.faq-question::-webkit-details-marker{display:none}.faq-question:before{content:"\25b6";font-size:.6rem;color:var(--accent);flex-shrink:0;transition:transform .2s}.faq-item[open] .faq-question:before{transform:rotate(90deg)}.faq-question-icon{font-size:1.1rem;flex-shrink:0}.faq-answer{padding:0 1.25rem 1rem;font-size:.87rem;line-height:1.75;color:var(--text-dim);border-top:1px solid var(--border)}.faq-answer p{margin-bottom:.6rem}.faq-answer p:last-child{margin-bottom:0}.faq-answer strong{color:var(--text)}.faq-answer .faq-example{background:var(--surface-2);border-left:3px solid var(--accent-4);border-radius:0 .25rem .25rem 0;padding:.5rem .75rem;margin:.6rem 0;font-size:.83rem;color:var(--text-dim)}.changelog-list{display:flex;flex-direction:column;gap:2rem;margin-top:1.5rem}.changelog-release{background:var(--surface);border:1px solid var(--border);border-radius:.75rem;padding:1.5rem;transition:box-shadow .2s}.changelog-release:hover{box-shadow:0 0 16px var(--accent-glow)}.changelog-release--unreleased{border-color:var(--accent-2);border-style:dashed}.changelog-release-header{display:flex;align-items:baseline;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.changelog-version{font-family:Orbitron,monospace;font-size:1rem;font-weight:700;color:var(--accent);text-decoration:none;letter-spacing:.04em}.changelog-version:hover{color:var(--accent-2);text-decoration:underline}.changelog-release--unreleased .changelog-version{color:var(--accent-2)}.changelog-date{font-size:.78rem;color:var(--text-muted);font-family:Share Tech Mono,monospace}.changelog-section{margin-top:.75rem}.changelog-section-heading{font-family:Orbitron,monospace;font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-3);margin-bottom:.4rem}.changelog-items{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.3rem}.changelog-item{font-size:.85rem;line-height:1.6;color:var(--text-dim);padding-left:1.25rem;position:relative}.changelog-item:before{content:"\25b8";position:absolute;left:0;color:var(--accent);font-size:.7rem;top:.25em}.changelog-empty{font-size:.85rem;color:var(--text-muted);font-style:italic;margin-top:.5rem}#counter-section{background:var(--bg-alt)}.counter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.25rem;margin-top:1.5rem}.counter-box{background:var(--surface);border:1px solid var(--border);border-radius:.75rem;padding:1.5rem;text-align:center;position:relative;overflow:hidden;transition:box-shadow .3s}.counter-box:hover{box-shadow:0 0 24px var(--accent-glow)}.counter-box:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 60%,rgba(255,51,51,.04));pointer-events:none}.counter-label{font-size:.75rem;color:var(--text-dim);letter-spacing:.1em;text-transform:uppercase;margin-bottom:.75rem}.counter-value{font-family:Orbitron,monospace;font-size:clamp(1.1rem,3vw,1.6rem);font-weight:700;color:var(--accent);text-shadow:0 0 12px var(--accent-glow);word-break:break-all;line-height:1.3}.counter-value.session{color:var(--accent-2);text-shadow:0 0 12px rgba(255,136,0,.4)}.counter-value.rate{color:var(--accent-3);text-shadow:0 0 12px rgba(0,204,119,.4)}.counter-subtitle{font-size:.75rem;color:var(--text-muted);margin-top:.5rem}.impact-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-top:2rem}.impact-stat{background:var(--surface-2);border:1px solid var(--border);border-radius:.5rem;padding:1rem;text-align:center}.impact-stat .stat-icon{font-size:1.8rem;display:block;margin-bottom:.4rem}.impact-stat .stat-value{font-family:Orbitron,monospace;font-size:1.1rem;font-weight:700;color:var(--accent-2)}.impact-stat .stat-label{font-size:.7rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.08em;margin-top:.2rem}#milestones-section{background:var(--bg)}.milestone-filter-label{display:inline-flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--text-dim);cursor:pointer;user-select:none;margin-bottom:.5rem}.milestone-filter-label input[type=checkbox]{cursor:pointer;accent-color:var(--accent);width:1rem;height:1rem}.milestones-grid.hide-completed .milestone-card.triggered{display:none}.milestones-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.25rem;margin-top:1.5rem}.milestone-card{background:var(--surface);border:1px solid var(--border);border-radius:.75rem;padding:1.5rem;position:relative;overflow:hidden;transition:transform .2s,box-shadow .3s}.milestone-card:hover{transform:translateY(-2px)}.milestone-card.triggered{border-color:var(--accent);box-shadow:0 0 20px var(--accent-glow),inset 0 0 30px #ff33330a;animation:card-trigger .6s ease-out}.milestone-card.triggered:after{content:"\26a0  THRESHOLD BREACHED";position:absolute;top:.5rem;right:.5rem;font-size:.6rem;color:var(--accent);letter-spacing:.1em;animation:blink 1.5s step-start infinite}@keyframes blink{50%{opacity:0}}@keyframes card-trigger{0%{box-shadow:0 0 0 var(--accent-glow)}50%{box-shadow:0 0 40px var(--accent-glow)}to{box-shadow:0 0 20px var(--accent-glow)}}.milestone-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.milestone-icon{font-size:2rem;flex-shrink:0}.milestone-name{font-family:Orbitron,monospace;font-size:.9rem;font-weight:700;color:var(--text)}.milestone-threshold{font-size:.7rem;color:var(--text-dim);margin-top:.1rem}.milestone-desc{font-size:.82rem;color:var(--text-dim);margin-bottom:.75rem;line-height:1.5}.milestone-consequence{font-size:.78rem;color:var(--text-muted);line-height:1.4;margin-bottom:.75rem}.milestone-event{font-size:.82rem;color:var(--accent-2);background:var(--surface-2);border-left:3px solid var(--accent-2);padding:.5rem .75rem;border-radius:0 .25rem .25rem 0;line-height:1.4}.milestone-progress-wrap{margin-top:.75rem}.milestone-progress-label{font-size:.68rem;color:var(--text-muted);display:flex;justify-content:space-between;margin-bottom:.3rem}.progress-bar{width:100%;height:6px;background:var(--surface-3);border-radius:3px;overflow:hidden}.progress-fill{height:100%;border-radius:3px;background:linear-gradient(90deg,var(--accent-3),var(--accent-2));transition:width 1s ease}.milestone-card.triggered .progress-fill{background:var(--accent);box-shadow:0 0 6px var(--accent-glow)}.milestone-predict{font-size:.72rem;color:var(--accent-4);margin-top:.5rem;text-align:right}#chart-section{background:var(--bg-alt)}.chart-container{background:var(--surface);border:1px solid var(--border);border-radius:.75rem;padding:1.5rem;margin-top:1.5rem;position:relative}.chart-wrapper{position:relative;height:380px}.chart-legend{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem;font-size:.75rem;color:var(--text-dim)}.legend-item{display:flex;align-items:center;gap:.4rem}.legend-swatch{width:28px;height:3px;border-radius:2px;flex-shrink:0}#predictions-section{background:var(--bg)}.predictions-table-wrap{overflow-x:auto;margin-top:1.5rem}table{width:100%;border-collapse:collapse;font-size:.85rem}thead{background:var(--surface-2)}th{padding:.75rem 1rem;text-align:left;font-family:Orbitron,monospace;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);border-bottom:1px solid var(--border)}td{padding:.75rem 1rem;border-bottom:1px solid var(--border);vertical-align:middle}tr:last-child td{border-bottom:none}tr:hover td{background:var(--surface-2)}.passed-badge{display:inline-block;background:var(--accent);color:#fff;font-size:.65rem;padding:.15rem .5rem;border-radius:2rem;letter-spacing:.05em;font-weight:700;animation:blink 2s step-start infinite}.future-date{color:var(--accent-4)}#scoring-section{background:var(--bg-alt)}.scoring-toggle-btn{background:var(--surface-2);border:1px solid var(--border);border-radius:.5rem;padding:.6rem 1.2rem;font-family:inherit;font-size:.85rem;color:var(--text);cursor:pointer;margin-bottom:1.5rem;transition:background .2s}.scoring-toggle-btn:hover{background:var(--surface-3)}#scoring-content{display:none}#scoring-content.open{display:block}.score-summary{display:flex;gap:2rem;flex-wrap:wrap;margin-bottom:2rem}.score-badge{text-align:center;background:var(--surface);border:2px solid var(--border);border-radius:.75rem;padding:1.5rem 2rem;min-width:150px}.score-badge.final{border-color:var(--accent-3)}.score-badge .badge-score{font-family:Orbitron,monospace;font-size:2.5rem;font-weight:900;color:var(--accent-2)}.score-badge.final .badge-score{color:var(--accent-3)}.score-badge .badge-label{font-size:.72rem;color:var(--text-dim);margin-top:.3rem;text-transform:uppercase;letter-spacing:.08em}.scoring-categories{display:flex;flex-direction:column;gap:1rem}.scoring-cat{background:var(--surface);border:1px solid var(--border);border-radius:.5rem;padding:1rem 1.25rem}.scoring-cat-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.4rem}.scoring-cat-name{font-weight:700;font-size:.9rem}.scoring-cat-score{font-family:Orbitron,monospace;color:var(--accent-2);font-size:.85rem}.scoring-cat-notes{font-size:.78rem;color:var(--text-dim);margin-bottom:.5rem}.rec-list{list-style:none}.rec-item{display:flex;align-items:center;gap:.5rem;font-size:.78rem;color:var(--text-muted);padding:.2rem 0}.rec-item.done{color:var(--accent-3)}.rec-impact{font-family:Orbitron,monospace;font-size:.7rem;font-weight:700;background:var(--surface-2);border-radius:.25rem;padding:.1rem .35rem;white-space:nowrap;color:var(--accent-3)}.rec-item:not(.done) .rec-impact{color:var(--text-muted)}#life-blocks-section{background:var(--bg)}.lb-desc{font-size:.85rem;color:var(--text-dim);margin-bottom:1.25rem;line-height:1.6}.lb-controls{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem;min-height:2rem}.lb-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:.25rem;font-size:.78rem;color:var(--text-dim)}.lb-breadcrumb-item{background:var(--surface-2);border:1px solid var(--border);border-radius:.3rem;padding:.2rem .55rem;cursor:pointer;transition:background .15s,color .15s;color:var(--accent-4)}.lb-breadcrumb-item:hover{background:var(--surface-3);color:var(--text)}.lb-breadcrumb-item.lb-bc-current{color:var(--text-muted);cursor:default;background:transparent;border-color:transparent}.lb-breadcrumb-sep{color:var(--text-muted);font-size:.7rem;user-select:none}.lb-info{font-family:Orbitron,monospace;font-size:.75rem;color:var(--accent);letter-spacing:.06em}.lb-container{width:100%;overflow-x:auto;padding-bottom:.5rem}.lb-grid{display:grid;grid-template-columns:repeat(var(--lb-cols, 52),var(--lb-block-size, 11px));gap:var(--lb-gap, 2px);width:max-content;animation:lb-grid-in .25s ease-out}@keyframes lb-grid-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.lb-block{width:var(--lb-block-size, 11px);height:var(--lb-block-size, 11px);border-radius:2px;cursor:pointer;position:relative;overflow:visible;transition:transform .1s,box-shadow .15s;outline:none}.lb-block:focus-visible{box-shadow:0 0 0 2px var(--accent-4)}.lb-block.lb-future{background:#0f2a0f;border:1px solid #1a3a1a}.lb-block.lb-future:hover{background:#1e4a1e;transform:scale(1.5);box-shadow:0 0 8px #00c85073;z-index:10}.lb-block.lb-dead{background:#0a0a0a;border:1px solid #111;opacity:.35;cursor:default}.lb-block.lb-dying{background:#1a0800;border:1px solid var(--accent-2);animation:lb-pulse-dying 1.4s ease-in-out infinite;overflow:hidden;cursor:pointer;z-index:5}.lb-block.lb-dying:after{content:"";position:absolute;bottom:0;left:0;right:0;height:var(--progress, 0%);background:linear-gradient(to top,var(--accent) 0%,var(--accent-2) 70%,#ffff44 100%);pointer-events:none;transition:height .1s linear}@keyframes lb-pulse-dying{0%,to{border-color:var(--accent-2);box-shadow:0 0 4px var(--accent-glow)}50%{border-color:var(--accent);box-shadow:0 0 12px var(--accent-glow)}}.lb-block.lb-exploding{animation:lb-explode .55s ease-out forwards!important;z-index:20;pointer-events:none}@keyframes lb-explode{0%{transform:scale(1);background:var(--accent-2);box-shadow:0 0 #ffc80000;opacity:1}15%{transform:scale(2.2);background:#ff5;box-shadow:0 0 18px #ffdc00e6;opacity:1}35%{transform:scale(1.6) rotate(12deg);background:var(--accent);box-shadow:0 0 24px var(--accent-glow);opacity:.9}60%{transform:scale(.9) rotate(-18deg);background:#600;box-shadow:0 0 8px #64000080;opacity:.6}80%{transform:scale(.5) rotate(30deg);background:#200;opacity:.3}to{transform:scale(0) rotate(60deg);background:transparent;opacity:0}}.lb-grid.lb-zoom{--lb-cols: 12;--lb-block-size: 38px;--lb-gap: 4px}.lb-zoom .lb-block{border-radius:4px;display:flex;align-items:flex-end;justify-content:center;padding-bottom:3px}.lb-zoom .lb-block.lb-dying:after{border-radius:4px 4px 0 0}.lb-zoom .lb-label{font-family:Share Tech Mono,monospace;font-size:.6rem;color:#ffffff8c;line-height:1;position:relative;z-index:1;pointer-events:none;user-select:none}.lb-zoom .lb-dead .lb-label{color:#ffffff26}.lb-zoom .lb-dying .lb-label{color:#fffc}.lb-zoom .lb-future:hover{transform:scale(1.15)}@media(max-width:600px){.lb-grid{--lb-block-size: 8px;--lb-gap: 1px}.lb-grid.lb-zoom{--lb-cols: 10;--lb-block-size: 28px;--lb-gap: 3px}}.lb-stack-panel{display:flex;flex-direction:column;gap:.45rem;margin-bottom:1.5rem;background:var(--surface);border:1px solid var(--border);border-radius:.75rem;padding:.9rem 1.1rem}.lb-stack-row{display:flex;align-items:flex-start;gap:.5rem}.lb-stack-label{font-family:Orbitron,monospace;font-size:.58rem;color:var(--text-muted);letter-spacing:.07em;width:3.6rem;flex-shrink:0;padding-top:1px;text-transform:uppercase}.lb-stack-grid{display:flex;flex-wrap:wrap;gap:2px;align-content:flex-start}.lb-stack-grid .lb-block{--lb-block-size: 9px;width:var(--lb-block-size);height:var(--lb-block-size);cursor:default}.lb-stack-grid .lb-block.lb-future,.lb-stack-grid .lb-block.lb-dying{cursor:pointer}.lb-stack-grid .lb-block.lb-overflow{cursor:default;font-size:.5rem;color:var(--text-dim)}.lb-stack-grid .lb-block.lb-future:hover{transform:scale(1.6);box-shadow:0 0 6px #00c85066;z-index:10}@media(max-width:600px){.lb-stack-grid .lb-block{--lb-block-size: 8px}.lb-stack-label{width:3rem;font-size:.53rem}}#tips-section{background:var(--bg-alt)}.tips-intro{color:var(--text-dim);font-size:.9rem;margin-bottom:1.5rem;line-height:1.7;max-width:680px}.tips-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.2rem;margin-bottom:2rem}.tip-card{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:1.2rem;display:flex;flex-direction:column;gap:.7rem;transition:border-color .2s,box-shadow .2s}.tip-card:hover{border-color:var(--accent-3);box-shadow:0 0 12px #00cc7726}.tip-header{display:flex;align-items:center;gap:.7rem}.tip-icon{font-size:1.6rem;flex-shrink:0}.tip-title{font-size:1rem;font-weight:700;color:var(--accent-3);line-height:1.3}.tip-text{font-size:.85rem;color:var(--text);line-height:1.6}.tip-detail{font-size:.78rem;color:var(--text-dim);line-height:1.6}.tip-impact{font-size:.78rem;color:var(--text-dim);background:var(--surface-2);border-radius:4px;padding:.5rem .75rem;line-height:1.7}.tip-impact strong{color:var(--accent-3)}.tip-ref{font-size:.75rem;color:var(--accent-4);text-decoration:none;margin-top:auto}.tip-ref:hover{text-decoration:underline}.milestone-ref{display:inline-block;font-size:.75rem;color:var(--accent-4);text-decoration:none;margin-top:.4rem}.milestone-ref:hover{text-decoration:underline}footer{text-align:center;padding:2rem 1rem;font-size:.8rem;color:var(--text-muted);background:var(--bg-alt);border-top:1px solid var(--border)}footer strong{color:var(--accent-2)}footer a{color:var(--accent-2);text-decoration:none}footer a:hover{text-decoration:underline}.footer-disclaimer{margin-top:.5rem;font-size:.7rem;max-width:640px;margin-left:auto;margin-right:auto;line-height:1.5;color:var(--text-muted)}.footer-meta-irony{margin-top:.75rem;font-style:italic;opacity:.75}.footer-meta-irony strong{color:var(--accent);font-style:normal}.footer-share-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.5rem;margin-top:1.25rem;padding-top:1rem;border-top:1px solid var(--border)}.footer-share-label{font-size:.75rem;font-weight:700;color:var(--text-dim);letter-spacing:.05em;text-transform:uppercase;margin-right:.25rem}.footer-share-btn{background:var(--surface-2);border:1px solid var(--border);border-radius:2rem;padding:.35rem .8rem;font-family:inherit;font-size:.75rem;color:var(--text-dim);cursor:pointer;transition:background .15s,color .15s,border-color .15s}.footer-share-btn:hover{background:var(--surface-3);color:var(--text);border-color:var(--accent)}.section-label{font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;color:var(--accent);margin-bottom:.35rem}.glow-text{text-shadow:0 0 10px var(--accent-glow)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@media(max-width:600px){.milestones-grid{grid-template-columns:1fr}.score-summary{flex-direction:column}th,td{padding:.5rem .6rem}}.equiv-wrap{margin-top:1.5rem;background:var(--surface-2);border:1px solid var(--border);border-radius:.75rem;padding:1rem 1.25rem}.equiv-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.equiv-label{font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim)}.snarky-toggle{background:var(--surface-3);border:1px solid var(--border);border-radius:2rem;padding:.3rem .8rem;font-family:inherit;font-size:.78rem;color:var(--text);cursor:pointer;transition:background .2s,border-color .2s}.snarky-toggle:hover{background:var(--surface-2);border-color:var(--accent-2)}.snarky-toggle[aria-pressed=true]{border-color:var(--accent-2);color:var(--accent-2)}.equiv-display{font-size:.95rem;color:var(--text);display:flex;align-items:center;gap:.6rem;min-height:1.8rem;transition:opacity .4s}.equiv-icon{font-size:1.4rem;flex-shrink:0}.equiv-text{font-style:italic;color:var(--accent-3)}.receipt-trigger-wrap{margin-top:1.25rem;text-align:center}.receipt-trigger-btn{background:transparent;border:1px dashed var(--border);border-radius:2rem;padding:.5rem 1.25rem;font-family:inherit;font-size:.82rem;color:var(--text-dim);cursor:pointer;transition:border-color .2s,color .2s}.receipt-trigger-btn:hover{border-color:var(--accent-4);color:var(--accent-4)}#ticker-section{background:var(--bg-alt)}.ai-ticker-wrap{background:var(--surface);border:1px solid var(--border);border-radius:.75rem;padding:1.25rem 1.5rem;margin-top:1rem}.ai-ticker-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.ai-ticker-text{font-family:Orbitron,monospace;font-size:clamp(.85rem,2vw,1.1rem);color:var(--accent-2);text-shadow:0 0 8px rgba(255,136,0,.3);flex:1;cursor:pointer;transition:color .2s;min-height:1.5em}.ai-ticker-text:hover{color:var(--accent)}.ai-ticker-toggle-btn{background:var(--surface-2);border:1px solid var(--border);border-radius:2rem;padding:.3rem .8rem;font-family:inherit;font-size:.78rem;color:var(--text-dim);cursor:pointer;white-space:nowrap;flex-shrink:0;transition:background .2s}.ai-ticker-toggle-btn:hover{background:var(--surface-3)}.ai-ticker-expanded{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border)}.ai-ticker-math{font-family:Share Tech Mono,monospace;font-size:.8rem;color:var(--text-dim);white-space:pre-wrap;word-break:break-word;background:var(--surface-2);border-radius:.4rem;padding:.75rem 1rem;margin-bottom:.75rem;line-height:1.6}.ai-ticker-actions{display:flex;gap:.75rem;flex-wrap:wrap}.btn-sm{background:var(--surface-2);border:1px solid var(--border);border-radius:.35rem;padding:.35rem .9rem;font-family:inherit;font-size:.78rem;color:var(--text);cursor:pointer;transition:background .2s,box-shadow .2s}.btn-sm:hover{background:var(--surface-3);box-shadow:0 0 6px var(--accent-glow)}#calculator-section{background:var(--bg)}.calc-content{margin-top:1rem}.calc-inputs{display:flex;flex-direction:column;gap:1.25rem;margin-bottom:1.5rem}.calc-field{display:flex;flex-direction:column;gap:.5rem}.calc-label{font-size:.85rem;color:var(--text-dim)}.calc-label strong{color:var(--accent-2);font-family:Orbitron,monospace}.calc-range{-webkit-appearance:none;appearance:none;width:100%;height:6px;background:var(--surface-3);border-radius:3px;outline:none;cursor:pointer}.calc-range::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--accent-2);box-shadow:0 0 6px #f806;cursor:pointer}.calc-range::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--accent-2);border:none;cursor:pointer}.calc-select{background:var(--surface-2);border:1px solid var(--border);border-radius:.4rem;padding:.5rem .75rem;font-family:inherit;font-size:.85rem;color:var(--text);cursor:pointer;max-width:420px}.calc-select:focus{outline:2px solid var(--accent-4)}.calc-results{background:var(--surface-2);border:1px solid var(--border);border-radius:.75rem;padding:1.25rem;margin-bottom:1.25rem}.calc-result-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.75rem}.calc-result-box{background:var(--surface);border:1px solid var(--border);border-radius:.5rem;padding:.75rem 1rem;text-align:center}.calc-result-box.global{grid-column:1 / -1;border-color:var(--accent);background:var(--bg-alt)}.crb-label{font-size:.68rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.3rem}.crb-value{font-family:Orbitron,monospace;font-size:1rem;font-weight:700;color:var(--accent-2)}.calc-result-box.global .crb-value{color:var(--accent)}.crb-sub{font-size:.7rem;color:var(--text-dim);margin-top:.2rem}.calc-actions{display:flex;gap:.75rem;flex-wrap:wrap}.btn-primary{background:var(--accent);border:none;border-radius:.4rem;padding:.55rem 1.25rem;font-family:inherit;font-size:.85rem;color:#fff;cursor:pointer;font-weight:700;transition:background .2s,box-shadow .2s}.btn-primary:hover{background:#c00;box-shadow:0 0 12px var(--accent-glow)}.btn-secondary{background:var(--surface-2);border:1px solid var(--border);border-radius:.4rem;padding:.55rem 1.25rem;font-family:inherit;font-size:.85rem;color:var(--text);cursor:pointer;transition:background .2s}.btn-secondary:hover{background:var(--surface-3)}.btn-ghost{background:transparent;border:1px solid var(--border);border-radius:.4rem;padding:.55rem 1.25rem;font-family:inherit;font-size:.85rem;color:var(--text-dim);cursor:pointer;transition:border-color .2s,color .2s}.btn-ghost:hover{border-color:var(--text-dim);color:var(--text)}#achievements-section{background:var(--bg-alt)}.badges-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.75rem;margin-top:1.25rem}.badge-item{background:var(--surface);border:1px solid var(--border);border-radius:.75rem;padding:1rem .75rem;text-align:center;transition:transform .15s,box-shadow .2s}.badge-item.earned{border-color:var(--accent-2);box-shadow:0 0 12px #f803}.badge-item.locked{opacity:.45;filter:grayscale(1)}.badge-item.earned:hover{transform:translateY(-2px);box-shadow:0 0 18px #ff880059}.badge-icon{display:block;font-size:2rem;margin-bottom:.4rem}.badge-name{font-family:Orbitron,monospace;font-size:.65rem;color:var(--text-dim);letter-spacing:.05em;word-break:break-word}.badge-item.earned .badge-name{color:var(--accent-2)}.share-doom-panel{position:fixed;bottom:1.5rem;right:1.5rem;z-index:900;display:flex;flex-direction:column;align-items:flex-end;gap:.5rem}.share-doom-btn{background:var(--accent);border:none;border-radius:2rem;padding:.65rem 1.4rem;font-family:inherit;font-size:.9rem;color:#fff;font-weight:700;cursor:pointer;box-shadow:0 4px 20px #ff333380;transition:background .2s,box-shadow .2s,transform .15s}.share-doom-btn:hover{background:#c00;box-shadow:0 6px 28px #ff3333b3;transform:scale(1.04)}.share-doom-options{background:var(--surface);border:1px solid var(--border);border-radius:.75rem;padding:.6rem;display:flex;flex-direction:column;gap:.4rem;box-shadow:0 8px 32px var(--shadow);min-width:160px;animation:pop-in .15s ease-out}@keyframes pop-in{0%{opacity:0;transform:scale(.92) translateY(4px)}to{opacity:1;transform:scale(1) translateY(0)}}.share-opt-btn{background:var(--surface-2);border:1px solid var(--border);border-radius:.4rem;padding:.5rem .9rem;font-family:inherit;font-size:.82rem;color:var(--text);cursor:pointer;text-align:left;transition:background .15s}.share-opt-btn:hover{background:var(--surface-3)}.share-opt-close{align-self:flex-end;background:transparent;border:none;color:var(--text-muted);font-size:.9rem;cursor:pointer;padding:.2rem .4rem}.share-opt-close:hover{color:var(--text)}.modal-overlay{position:fixed;inset:0;z-index:2000;background:#000c;display:flex;align-items:center;justify-content:center;padding:1rem;animation:fade-in .2s ease-out}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.receipt-card{background:var(--surface);border:1px solid var(--border);border-radius:.75rem;padding:1.5rem;max-width:480px;width:100%;max-height:85vh;overflow-y:auto;box-shadow:0 16px 64px #000000b3;animation:slide-up .2s ease-out}@keyframes slide-up{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}:root[data-theme=dark] .receipt-body{color:#0f8;text-shadow:0 0 6px rgba(0,255,136,.3)}:root[data-theme=light] .receipt-body{color:#1a3a1a}.receipt-body{font-family:Share Tech Mono,Courier New,monospace;font-size:.78rem;line-height:1.55;white-space:pre;overflow-x:auto;background:transparent;margin-bottom:1.25rem;padding:0;border:none}.receipt-actions{display:flex;gap:.75rem;flex-wrap:wrap}.toast{position:fixed;bottom:5.5rem;right:1.5rem;z-index:1500;background:var(--surface);border:1px solid var(--accent-2);border-radius:.75rem;padding:.85rem 1rem;box-shadow:0 8px 32px var(--shadow);display:flex;align-items:center;gap:.75rem;max-width:320px;transform:translateY(0);transition:transform .3s ease,opacity .3s ease}.toast-in{animation:toast-enter .3s ease-out}.toast-out{animation:toast-leave .3s ease-in forwards}@keyframes toast-enter{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes toast-leave{0%{transform:translateY(0);opacity:1}to{transform:translateY(20px);opacity:0}}.toast-icon{font-size:1.8rem;flex-shrink:0}.toast-content{flex:1;min-width:0}.toast-title{font-family:Orbitron,monospace;font-size:.78rem;font-weight:700;color:var(--accent-2);margin-bottom:.2rem}.toast-desc{font-size:.72rem;color:var(--text-dim);line-height:1.4}.toast-close{background:transparent;border:none;color:var(--text-muted);font-size:.9rem;cursor:pointer;flex-shrink:0;padding:.2rem;line-height:1}.toast-close:hover{color:var(--text)}@media(max-width:600px){.share-doom-panel{bottom:1rem;right:1rem}.toast{bottom:5rem;right:1rem;max-width:calc(100vw - 2rem)}.receipt-card{padding:1rem}.badges-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.calc-result-grid{grid-template-columns:1fr 1fr}}@media(prefers-reduced-motion:reduce){.toast,.toast-in,.toast-out,.modal-overlay,.receipt-card,.share-doom-options,.ai-ticker-text{transition:none;animation:none}}#accelerator-section{background:var(--bg-alt)}.accel-stats-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem;margin:1.25rem 0}.accel-stat{background:var(--surface);border:1px solid var(--border);border-radius:.5rem;padding:.85rem 1rem;text-align:center}.accel-stat-dp{border-color:var(--accent-2)}.accel-stat-value{font-family:Orbitron,monospace;font-size:clamp(.9rem,2.5vw,1.15rem);font-weight:700;color:var(--accent-3);line-height:1.2}.accel-stat-dp .accel-stat-value{color:var(--accent-2)}.accel-stat-label{font-size:.65rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.08em;margin-top:.25rem}.brb-wrap{display:flex;flex-direction:column;align-items:center;gap:.75rem;margin:1.5rem 0}.combo-display{font-family:Orbitron,monospace;font-size:clamp(1.4rem,5vw,2.2rem);font-weight:900;color:var(--accent-2);text-shadow:0 0 14px rgba(255,136,0,.5);letter-spacing:.05em;min-height:2.5rem;transition:color .1s,text-shadow .1s}.combo-display.combo-max{color:var(--accent);text-shadow:0 0 20px var(--accent-glow);animation:combo-max-pulse .4s ease-in-out infinite alternate}@keyframes combo-max-pulse{0%{text-shadow:0 0 14px var(--accent-glow)}to{text-shadow:0 0 32px var(--accent-glow)}}.big-red-button{width:clamp(96px,28vw,168px);height:clamp(96px,28vw,168px);border-radius:50%;border:3px solid var(--accent);background:radial-gradient(circle at 40% 35%,#3a0000,#1a0000);color:#fff;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.3rem;box-shadow:0 0 24px var(--accent-glow),inset 0 0 20px #ff333314;transition:box-shadow .15s,transform .1s;position:relative;overflow:hidden;touch-action:manipulation;-webkit-tap-highlight-color:transparent;user-select:none}.big-red-button:before{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 40% 35%,rgba(255,80,80,.15),transparent 60%);pointer-events:none}.big-red-button:hover{box-shadow:0 0 40px var(--accent-glow),inset 0 0 28px #ff333324;transform:scale(1.04)}.big-red-button:active,.big-red-button.tapping{transform:scale(.94);box-shadow:0 0 56px var(--accent-glow),inset 0 0 40px #ff333340}.big-red-button.combo-max{border-color:var(--accent);box-shadow:0 0 48px var(--accent-glow),0 0 80px #f333,inset 0 0 32px #ff33332e;animation:brb-max-glow .6s ease-in-out infinite alternate}@keyframes brb-max-glow{0%{box-shadow:0 0 40px var(--accent-glow),inset 0 0 28px #ff333324}to{box-shadow:0 0 72px var(--accent-glow),0 0 100px #ff333340,inset 0 0 40px #ff333338}}.brb-icon{font-size:clamp(1.8rem,6vw,2.8rem);line-height:1;pointer-events:none}.brb-label{font-family:Orbitron,monospace;font-size:clamp(.48rem,1.5vw,.65rem);font-weight:700;letter-spacing:.06em;color:#ffffffbf;pointer-events:none;text-align:center;padding:0 .4rem;line-height:1.2}.brb-rate{font-size:.72rem;color:var(--text-muted);min-height:1rem;letter-spacing:.06em}.milestone-race-wrap{background:var(--surface);border:1px solid var(--border);border-radius:.5rem;padding:.85rem 1.1rem;margin-bottom:1.5rem}.milestone-race-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;flex-wrap:wrap;gap:.25rem}.milestone-race-label{font-size:.78rem;color:var(--text-dim)}.milestone-race-label strong{color:var(--accent-2);font-family:Orbitron,monospace;font-size:.72rem}.milestone-race-pct{font-family:Orbitron,monospace;font-size:.7rem;color:var(--accent-3);font-weight:700}.milestone-race-fill{background:linear-gradient(90deg,var(--accent-3),var(--accent-2));transition:width .3s ease}.milestone-race-wrap.milestone-triggered{animation:race-milestone-flash .6s ease-out}@keyframes race-milestone-flash{0%,to{border-color:var(--border)}25%,75%{border-color:var(--accent);box-shadow:0 0 16px var(--accent-glow)}}.accel-section-title{font-family:Orbitron,monospace;font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);margin:1.25rem 0 .75rem}.challenge-row{display:flex;gap:.75rem;overflow-x:auto;padding-bottom:.5rem;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;margin-bottom:.5rem}.challenge-row::-webkit-scrollbar{height:4px}.challenge-row::-webkit-scrollbar-track{background:var(--surface-2);border-radius:2px}.challenge-row::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.challenge-card{background:var(--surface);border:1px solid var(--border);border-radius:.75rem;padding:1rem;min-width:180px;max-width:220px;flex-shrink:0;scroll-snap-align:start;position:relative;transition:border-color .2s,box-shadow .2s}.challenge-card.completed{border-color:var(--accent-3);box-shadow:0 0 10px #0c73}.challenge-card-icon{font-size:1.5rem;margin-bottom:.4rem;display:block}.challenge-card-label{font-family:Orbitron,monospace;font-size:.7rem;font-weight:700;color:var(--text);margin-bottom:.3rem;letter-spacing:.04em}.challenge-card-desc{font-size:.68rem;color:var(--text-dim);line-height:1.45;margin-bottom:.5rem}.challenge-card-reward{font-size:.65rem;color:var(--accent-2);font-family:Orbitron,monospace;font-weight:700}.challenge-card-progress{margin-top:.5rem}.challenge-card-pct{font-size:.6rem;color:var(--text-muted);text-align:right;margin-bottom:.2rem}.challenge-progress-fill{background:linear-gradient(90deg,var(--accent-4),var(--accent-3));transition:width .3s ease}.challenge-card.completed .challenge-progress-fill{background:var(--accent-3)}.challenge-checkmark{position:absolute;top:.5rem;right:.6rem;font-size:1rem}.upgrade-shop{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:.75rem;margin-bottom:1.25rem}.upgrade-card{background:var(--surface);border:1px solid var(--border);border-radius:.75rem;padding:1rem;text-align:center;cursor:pointer;transition:border-color .2s,box-shadow .2s,transform .15s,opacity .2s;position:relative}.upgrade-card:hover:not(:disabled):not(.unaffordable){border-color:var(--accent-2);box-shadow:0 0 12px #f803;transform:translateY(-2px)}.upgrade-card.unaffordable{opacity:.4;pointer-events:none}.upgrade-card.owned{border-color:var(--accent-3);background:var(--bg-alt);cursor:default}.upgrade-card-icon{font-size:1.8rem;display:block;margin-bottom:.4rem}.upgrade-card-name{font-family:Orbitron,monospace;font-size:.68rem;font-weight:700;color:var(--text);margin-bottom:.3rem;letter-spacing:.04em}.upgrade-card.owned .upgrade-card-name{color:var(--accent-3)}.upgrade-card-flavour{font-size:.65rem;color:var(--text-dim);font-style:italic;line-height:1.4;margin-bottom:.5rem}.upgrade-card-cost{font-family:Orbitron,monospace;font-size:.72rem;font-weight:700;color:var(--accent-2)}.upgrade-card.owned .upgrade-card-cost{color:var(--accent-3)}.upgrade-card-mult{font-size:.65rem;color:var(--text-muted);margin-top:.15rem}.accel-footer-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border)}.best-score-row{font-size:.78rem;color:var(--text-dim)}.best-score-row .new-record{color:var(--accent-2);animation:new-record-flash .5s ease-out 3}@keyframes new-record-flash{0%,to{opacity:1}50%{opacity:.3}}.milestone-card.player-triggered{animation:player-trigger-flash .6s ease-out}@keyframes player-trigger-flash{0%,to{box-shadow:0 0 20px var(--accent-glow)}25%,75%{box-shadow:0 0 50px var(--accent-glow),0 0 80px #ff33334d}}.company-stage-banner{display:flex;align-items:center;gap:.75rem;background:var(--surface);border:1px solid var(--border);border-radius:.75rem;padding:.85rem 1.1rem;margin-bottom:1rem;flex-wrap:wrap}.company-stage-icon{font-size:2rem;line-height:1}.company-stage-label{font-size:.6rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em}.company-stage-name{font-family:Orbitron,monospace;font-size:clamp(.8rem,2.5vw,1rem);font-weight:700;color:var(--accent-3);letter-spacing:.04em}.passive-rate-wrap{margin-left:auto;text-align:right}.passive-rate-label{font-size:.6rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}.passive-rate-value{font-family:Orbitron,monospace;font-size:.82rem;font-weight:700;color:var(--accent-2)}.workforce-panel{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:.75rem;margin-bottom:1.25rem}.worker-card{background:var(--surface);border:1px solid var(--border);border-radius:.75rem;padding:1rem;text-align:center;cursor:pointer;transition:border-color .2s,box-shadow .2s,transform .15s,opacity .2s;position:relative}.worker-card:hover:not(.fired):not(.unaffordable){border-color:var(--accent);box-shadow:0 0 12px var(--accent-glow);transform:translateY(-2px)}.worker-card.unaffordable{opacity:.4;pointer-events:none}.worker-card.fired{border-color:var(--accent-3);background:var(--bg-alt);cursor:default;opacity:.7}.worker-card-icon{font-size:1.8rem;display:block;margin-bottom:.4rem}.worker-card-name{font-family:Orbitron,monospace;font-size:.65rem;font-weight:700;color:var(--text);margin-bottom:.3rem;letter-spacing:.04em}.worker-card.fired .worker-card-name{color:var(--accent-3)}.worker-card-flavour{font-size:.62rem;color:var(--text-dim);font-style:italic;line-height:1.4;margin-bottom:.5rem}.worker-card-tps{font-size:.65rem;color:var(--accent-3);font-family:Orbitron,monospace;font-weight:700;margin-bottom:.2rem}.worker-card-cost{font-family:Orbitron,monospace;font-size:.72rem;font-weight:700;color:var(--accent)}.worker-card.fired .worker-card-cost{color:var(--accent-3)}.agent-shop{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:.75rem;margin-bottom:1.25rem}.agent-card{background:var(--surface);border:1px solid var(--border);border-radius:.75rem;padding:1rem;text-align:center;cursor:pointer;transition:border-color .2s,box-shadow .2s,transform .15s,opacity .2s;position:relative}.agent-card:hover:not(.unaffordable){border-color:var(--accent-2);box-shadow:0 0 12px #f803;transform:translateY(-2px)}.agent-card.unaffordable{opacity:.4;pointer-events:none}.agent-card-icon{font-size:1.8rem;display:block;margin-bottom:.4rem}.agent-card-name{font-family:Orbitron,monospace;font-size:.65rem;font-weight:700;color:var(--text);margin-bottom:.3rem;letter-spacing:.04em}.agent-card-flavour{font-size:.62rem;color:var(--text-dim);font-style:italic;line-height:1.4;margin-bottom:.5rem}.agent-card-tps{font-size:.65rem;color:var(--accent-3);font-family:Orbitron,monospace;font-weight:700;margin-bottom:.2rem}.agent-card-cost{font-family:Orbitron,monospace;font-size:.72rem;font-weight:700;color:var(--accent-2)}.agent-card-owned{font-size:.65rem;color:var(--accent-3);font-family:Orbitron,monospace;font-weight:700;margin-top:.25rem}@media(max-width:480px){.upgrade-shop,.accel-stats-strip,.workforce-panel,.agent-shop{grid-template-columns:1fr 1fr}}@media(prefers-reduced-motion:reduce){.big-red-button,.big-red-button:hover,.big-red-button:active,.big-red-button.tapping,.big-red-button.combo-max,.combo-display.combo-max,.milestone-race-fill,.challenge-progress-fill,.upgrade-card,.worker-card,.agent-card{transition:none;animation:none}}.presence-strip{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;background:var(--surface);border:1px solid var(--border);border-radius:.5rem;padding:.6rem 1rem;margin-top:1.25rem;font-size:.82rem;color:var(--text-dim)}.presence-dot{width:8px;height:8px;border-radius:50%;background:var(--accent-3);flex-shrink:0;animation:presence-pulse 2s ease-in-out infinite}@keyframes presence-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.75)}}.presence-count{font-family:Orbitron,monospace;font-size:.88rem;font-weight:700;color:var(--accent-3)}.presence-label{color:var(--text-dim)}.presence-reaction{font-size:.75rem;color:var(--text-muted);font-style:italic;transition:opacity .5s ease;flex-basis:100%;padding-left:1.1rem}@media(prefers-reduced-motion:reduce){.presence-dot{animation:none}.presence-reaction{transition:none}}#event-log-section{background:var(--bg-alt)}.event-log{background:var(--surface);border:1px solid var(--border);border-radius:.5rem;padding:.75rem 1rem;max-height:280px;overflow-y:auto;font-family:Share Tech Mono,Courier New,monospace;font-size:.75rem;line-height:1.65;color:var(--text-dim);scroll-behavior:smooth}.event-log:empty:before{content:"Waiting for first entry\2026";display:block;color:var(--text-muted);font-style:italic}.event-log-entry{display:flex;gap:.5rem;align-items:baseline;padding:.18rem 0;border-bottom:1px solid var(--border);animation:log-entry-in .3s ease-out}.event-log-entry:last-child{border-bottom:none}@keyframes log-entry-in{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.log-time{color:var(--accent-3);flex-shrink:0;min-width:5.5rem}.log-icon{flex-shrink:0;font-size:.9rem}.log-text{color:var(--text);flex:1;min-width:0}.event-log-actions{display:flex;gap:.75rem;margin-top:.75rem;flex-wrap:wrap}@media(prefers-reduced-motion:reduce){.event-log-entry{animation:none}.event-log{scroll-behavior:auto}}.milestone-alert-banner{position:fixed;top:0;left:0;right:0;z-index:1800;background:linear-gradient(135deg,#2a0505,#1a0000);border-bottom:2px solid var(--accent);padding:.55rem 1.25rem;display:flex;align-items:center;gap:.75rem;justify-content:center;flex-wrap:wrap;font-size:.88rem;color:var(--text);box-shadow:0 2px 24px #f336;animation:alert-slide-down .35s ease-out}:root[data-theme=light] .milestone-alert-banner{background:linear-gradient(135deg,#5a0000,#3a0000)}@keyframes alert-slide-down{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.milestone-alert-icon{font-size:1.4rem;line-height:1}.milestone-alert-msg{font-size:.85rem;color:#fcc;flex:1;min-width:0;text-align:center}.milestone-alert-countdown{font-family:Orbitron,monospace;font-size:1.1rem;font-weight:900;color:var(--accent);min-width:3.5rem;text-align:right;animation:countdown-tick 1s ease-in-out infinite alternate}@keyframes countdown-tick{0%{text-shadow:0 0 8px var(--accent-glow)}to{text-shadow:0 0 22px var(--accent-glow)}}@media(prefers-reduced-motion:reduce){.milestone-alert-banner,.milestone-alert-countdown{animation:none}}.milestone-flash-overlay{position:fixed;inset:0;z-index:3000;background:#ff14141a;display:flex;align-items:center;justify-content:center;padding:1rem;animation:milestone-bg-flash 1.4s ease-out forwards}@keyframes milestone-bg-flash{0%{background:#ff333352}35%{background:#ff33332e}to{background:#ff333314}}.milestone-flash-content{background:var(--surface);border:2px solid var(--accent);border-radius:1rem;padding:2rem 2.5rem;text-align:center;max-width:480px;width:100%;box-shadow:0 0 60px var(--accent-glow),0 20px 60px #000000a6;animation:flash-card-in .3s ease-out}@keyframes flash-card-in{0%{transform:scale(.82);opacity:0}to{transform:scale(1);opacity:1}}.milestone-flash-icon{font-size:4rem;line-height:1;margin-bottom:.6rem}.milestone-flash-name{font-family:Orbitron,monospace;font-size:clamp(1rem,3vw,1.55rem);font-weight:900;color:var(--accent);letter-spacing:.04em;margin-bottom:.6rem}.milestone-flash-desc{font-size:.84rem;color:var(--text-dim);line-height:1.55;margin-bottom:1.25rem}.milestone-flash-close{background:var(--accent);border:none;border-radius:.4rem;padding:.55rem 1.5rem;font-family:inherit;font-size:.85rem;color:#fff;cursor:pointer;font-weight:700;transition:background .2s}.milestone-flash-close:hover{background:#c00}@media(max-width:600px){.milestone-flash-content{padding:1.5rem 1.25rem}.milestone-alert-msg{font-size:.78rem}}@media(prefers-reduced-motion:reduce){.milestone-flash-overlay{animation:none;background:#ff33331a}.milestone-flash-content{animation:none}}.doomsday-strip{background:#0d0000;border-bottom:2px solid var(--accent);display:flex;align-items:center;gap:1.25rem;padding:.65rem 1.5rem;flex-wrap:wrap;position:sticky;top:0;z-index:850;box-shadow:0 2px 20px #ff333340}:root[data-theme=light] .doomsday-strip{background:#1a0000}.doomsday-clock-wrap{flex-shrink:0}.doom-clock-svg{width:56px;height:56px;overflow:visible}.doom-clock-face{fill:#0d0000;stroke:var(--accent);stroke-width:2}.doom-tick{stroke:#ff333380;stroke-width:1.5;stroke-linecap:round}.doom-tick-major{stroke:var(--accent);stroke-width:2.5}.doom-tick-sm{stroke-width:1}.doom-tick-warn{stroke:var(--accent);stroke-width:2}.doom-clock-hand{stroke:var(--accent);stroke-width:3;stroke-linecap:round;filter:drop-shadow(0 0 4px var(--accent));transition:none}.doom-clock-dot{fill:#fff;filter:drop-shadow(0 0 3px var(--accent))}.doomsday-text-wrap{flex:1;min-width:160px}.doomsday-time{font-family:Orbitron,monospace;font-size:clamp(.75rem,2.5vw,1.1rem);font-weight:900;color:var(--accent);text-shadow:0 0 10px var(--accent-glow);letter-spacing:.08em}.doomsday-sub{font-size:.68rem;color:#ffffff73;margin-top:.2rem;letter-spacing:.04em}.doomsday-bar-wrap{flex:1;min-width:120px;max-width:260px}.doomsday-bar-track{height:8px;background:#ff33331f;border-radius:4px;overflow:hidden;border:1px solid rgba(255,51,51,.25)}.doomsday-bar-fill{height:100%;background:linear-gradient(90deg,#330000,var(--accent));border-radius:4px;transition:width 1s linear;box-shadow:0 0 6px var(--accent-glow)}.doomsday-bar-labels{display:flex;justify-content:space-between;font-size:.58rem;color:#ffffff4d;letter-spacing:.08em;margin-top:.2rem;text-transform:uppercase}.emergency-broadcast{position:fixed;top:0;left:0;right:0;z-index:3000;background:#8b0000;border-bottom:3px solid #ff0000;padding:.75rem 1.5rem;animation:eb-slidein .3s ease-out,eb-pulse .6s ease-in-out infinite alternate;box-shadow:0 4px 32px #ff0000b3}@keyframes eb-slidein{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes eb-pulse{0%{background:#8b0000}to{background:#a00}}.eb-inner{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;max-width:1200px;margin:0 auto}.eb-icon{font-size:1.3rem;animation:eb-icon-flash .5s step-start infinite;flex-shrink:0}@keyframes eb-icon-flash{50%{opacity:0}}.eb-label{font-family:Orbitron,monospace;font-size:.7rem;font-weight:900;color:#fff;letter-spacing:.14em;text-transform:uppercase;background:red;padding:.1rem .5rem;border-radius:2px;flex-shrink:0}.eb-msg{font-family:Orbitron,monospace;font-size:.78rem;font-weight:700;color:#fff;flex:1}.eb-sign-off{font-size:.68rem;color:#ffffffb3;font-style:italic;flex-basis:100%;padding-left:2.8rem}.session-tab-strip{background:var(--surface);border:1px solid rgba(255,51,51,.3);border-radius:.75rem;padding:1rem 1.25rem;margin-top:1.5rem;position:relative;overflow:hidden}.session-tab-strip:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,51,51,.03) 0%,transparent 60%);pointer-events:none}.session-tab-header{display:flex;align-items:baseline;gap:.75rem;flex-wrap:wrap;margin-bottom:.85rem}.session-tab-title{font-family:Orbitron,monospace;font-size:.8rem;font-weight:700;color:var(--accent);letter-spacing:.06em;text-transform:uppercase}.session-tab-sub{font-size:.72rem;color:var(--text-muted);font-style:italic}.session-tab-items{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.6rem}.session-tab-item{display:flex;align-items:center;gap:.5rem;background:var(--surface-2);border:1px solid var(--border);border-radius:.4rem;padding:.5rem .75rem;font-size:.78rem;color:var(--text-dim)}.sti-icon{font-size:1.1rem;flex-shrink:0}.sti-val{font-family:Orbitron,monospace;font-size:.82rem;font-weight:700;color:var(--accent-2);min-width:3.5rem;text-align:right;flex-shrink:0}.sti-label{font-size:.72rem;color:var(--text-muted);line-height:1.3}#apology-section{background:var(--bg)}.apology-card{background:var(--surface);border:1px solid var(--border);border-left:4px solid var(--accent-2);border-radius:.75rem;padding:1.5rem;margin-top:1rem;position:relative;min-height:6rem}.apology-card:before{content:"\275d";font-size:3rem;color:#ff88001f;position:absolute;top:.5rem;left:.75rem;font-family:Georgia,serif;line-height:1;pointer-events:none}.apology-quote{font-size:.95rem;color:var(--text);line-height:1.7;font-style:italic;padding-left:1.5rem;animation:apology-fade .5s ease-out}@keyframes apology-fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.apology-footer{display:flex;justify-content:space-between;align-items:center;margin-top:1rem;padding-top:.75rem;border-top:1px solid var(--border);flex-wrap:wrap;gap:.5rem}.apology-signoff{font-size:.78rem;color:var(--accent-2);font-style:normal}.apology-note{font-size:.68rem;color:var(--text-muted);font-style:italic}.apology-actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1rem}.wanted-poster{background:#1a0f00;border:3px solid #8b5a00;border-radius:.5rem;padding:1.5rem;text-align:center;font-family:Share Tech Mono,Courier New,monospace;position:relative;overflow:hidden;box-shadow:inset 0 0 40px #00000080,0 0 20px #8b5a004d}.wanted-poster:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 4px,rgba(0,0,0,.04) 4px,rgba(0,0,0,.04) 5px);pointer-events:none}:root[data-theme=light] .wanted-poster{background:#f5e6c8;border-color:#8b5a00;box-shadow:inset 0 0 40px #0000001a}.wanted-title{font-family:Orbitron,monospace;font-size:clamp(2rem,8vw,3.5rem);font-weight:900;color:#c30;letter-spacing:.15em;text-shadow:3px 3px 0 #660000;margin-bottom:.25rem;line-height:1}.wanted-subtitle{font-size:.75rem;color:#c90;letter-spacing:.3em;text-transform:uppercase;margin-bottom:1rem}.wanted-divider{height:3px;background:linear-gradient(90deg,transparent,#8b5a00,transparent);margin:.75rem 0}.wanted-charges{text-align:left;margin:1rem 0}.wanted-charge{font-size:.8rem;color:#d4a843;padding:.4rem 0;border-bottom:1px dashed rgba(139,90,0,.3);line-height:1.5}:root[data-theme=light] .wanted-charge{color:#5a3500}.wanted-charge strong{color:#f60;font-family:Orbitron,monospace;font-size:.72rem}:root[data-theme=light] .wanted-charge strong{color:#c30}.wanted-bail{font-size:.78rem;color:#f90;margin-top:1rem;padding:.6rem 1rem;background:#8b5a0033;border:1px solid rgba(139,90,0,.4);border-radius:.3rem}:root[data-theme=light] .wanted-bail{color:#7a3d00;background:#8b5a001a}.wanted-global{font-size:.68rem;color:#c909;margin-top:.75rem;font-style:italic}:root[data-theme=light] .wanted-global{color:#5a350099}#shame-section{background:var(--bg-alt)}.shame-feed{background:var(--surface);border:1px solid var(--border);border-radius:.5rem;padding:.5rem;max-height:320px;overflow-y:auto;margin-top:1rem;font-family:Share Tech Mono,monospace;scroll-behavior:smooth}.shame-entry{display:flex;align-items:flex-start;gap:.6rem;padding:.6rem .75rem;border-bottom:1px solid var(--border);animation:shame-slide .4s ease-out;font-size:.8rem}.shame-entry:last-child{border-bottom:none}@keyframes shame-slide{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.shame-entry.user-submitted{border-left:3px solid var(--accent-2);background:var(--surface-2)}.shame-entry-icon{font-size:1rem;flex-shrink:0;margin-top:.05rem}.shame-entry-content{flex:1;min-width:0}.shame-entry-text{color:var(--text);line-height:1.5;word-break:break-word}.shame-entry-cost{font-size:.65rem;color:var(--accent);margin-top:.2rem;font-family:Orbitron,monospace}.shame-entry-user-tag{font-size:.6rem;color:var(--accent-2);text-transform:uppercase;letter-spacing:.08em;margin-top:.15rem}.shame-submit-wrap{margin-top:1.25rem}.shame-submit-label{display:block;font-size:.82rem;color:var(--text-dim);margin-bottom:.5rem}.shame-input-row{display:flex;gap:.6rem;flex-wrap:wrap}.shame-input{flex:1;min-width:200px;background:var(--surface-2);border:1px solid var(--border);border-radius:.4rem;padding:.55rem .85rem;font-family:inherit;font-size:.85rem;color:var(--text);outline:none;transition:border-color .2s}.shame-input:focus{border-color:var(--accent-2)}.shame-input::placeholder{color:var(--text-muted)}.villain-leaderboard-wrap{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border)}.villain-rank-banner{display:flex;align-items:center;justify-content:space-between;background:var(--surface);border:1px solid var(--border);border-radius:.5rem;padding:.75rem 1.1rem;margin-bottom:1rem;flex-wrap:wrap;gap:.5rem}.villain-rank-title{font-family:Orbitron,monospace;font-size:clamp(.75rem,2.5vw,.95rem);font-weight:700;color:var(--accent-2);letter-spacing:.06em}.villain-rank-score{font-family:Orbitron,monospace;font-size:.82rem;color:var(--text-dim)}.villain-table{width:100%;border-collapse:collapse;font-size:.8rem;margin-bottom:.75rem}.villain-table th{font-family:Orbitron,monospace;font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);padding:.5rem .75rem;border-bottom:1px solid var(--border);text-align:left;background:var(--surface-2)}.villain-table td{padding:.55rem .75rem;border-bottom:1px solid var(--border);color:var(--text-dim)}.villain-table tr:last-child td{border-bottom:none}.villain-table .villain-row-you{background:#ff33330f}.villain-table .villain-row-you td{color:var(--accent-2);font-weight:700}.villain-table .villain-pos{width:2rem;text-align:center;color:var(--text-muted);font-family:Orbitron,monospace;font-size:.7rem}.villain-table .villain-name{font-weight:700}.villain-table .villain-score{font-family:Orbitron,monospace;font-size:.75rem;color:var(--accent-2)}.villain-table .villain-rank-cell{font-size:.68rem;color:var(--text-muted);font-style:italic}.villain-congratulations{background:var(--accent);color:#fff;font-family:Orbitron,monospace;font-size:.8rem;font-weight:700;letter-spacing:.05em;padding:.75rem 1rem;border-radius:.4rem;text-align:center;animation:villain-congrats-flash .4s ease-out}@keyframes villain-congrats-flash{0%{transform:scale(1);box-shadow:0 0 #f330}40%{transform:scale(1.03);box-shadow:0 0 24px #f339}to{transform:scale(1);box-shadow:0 0 8px #ff33334d}}.intervention-overlay{position:fixed;inset:0;z-index:3500;background:#000000b3;display:flex;align-items:center;justify-content:center;padding:1rem;animation:fade-in .25s ease-out}.intervention-card{background:var(--surface);border:1px solid var(--border);border-radius:1rem;padding:1.5rem;max-width:420px;width:100%;box-shadow:0 20px 64px var(--shadow);animation:slide-up .25s ease-out}.intervention-header{display:flex;align-items:center;gap:.6rem;margin-bottom:.85rem}.intervention-avatar{font-size:1.6rem}.intervention-sender{font-family:Orbitron,monospace;font-size:.78rem;font-weight:700;color:var(--accent-3)}.intervention-time{font-size:.65rem;color:var(--text-muted);margin-left:auto}.intervention-bubble{background:var(--surface-2);border:1px solid var(--border);border-radius:0 1rem 1rem;padding:1rem 1.1rem;margin-bottom:1.25rem}.intervention-greeting{font-size:.95rem;color:var(--text);font-weight:700;margin-bottom:.6rem}.intervention-msg{font-size:.85rem;color:var(--text-dim);line-height:1.65;margin-bottom:.6rem}.intervention-coda{font-size:.78rem;color:var(--text-muted);font-style:italic}.intervention-actions{display:flex;gap:.75rem;flex-wrap:wrap}.intervention-btn-stay{flex:1;background:var(--accent-3);border:none;border-radius:.4rem;padding:.65rem 1rem;font-family:inherit;font-size:.85rem;color:#fff;cursor:pointer;font-weight:700;transition:background .2s}.intervention-btn-stay:hover{background:#00a35e}.intervention-btn-leave{flex:1;background:var(--surface-3);border:1px solid var(--border);border-radius:.4rem;padding:.65rem 1rem;font-family:inherit;font-size:.85rem;color:var(--text-dim);cursor:pointer;transition:background .2s,color .2s}.intervention-btn-leave:hover{background:var(--surface-2);color:var(--accent)}@media(max-width:600px){.doomsday-strip{padding:.5rem 1rem;gap:.75rem}.doomsday-bar-wrap{display:none}.doom-clock-svg{width:44px;height:44px}.session-tab-items{grid-template-columns:1fr 1fr}.villain-table .villain-rank-cell{display:none}}@media(prefers-reduced-motion:reduce){.emergency-broadcast,.eb-icon,.apology-quote,.shame-entry,.villain-congratulations{animation:none}.doomsday-bar-fill,.doom-clock-hand{transition:none}.intervention-overlay,.intervention-card{animation:none}}.eb-dismiss{background:transparent;border:1px solid rgba(255,255,255,.3);border-radius:50%;width:1.75rem;height:1.75rem;color:#fffc;font-size:.8rem;cursor:pointer;flex-shrink:0;align-self:center;margin-left:auto;transition:background .15s;display:flex;align-items:center;justify-content:center}.eb-dismiss:hover{background:#ffffff26}.grim-reaper{position:fixed;bottom:0;left:0;z-index:10;opacity:.22;transform:translate(-22px);transition:opacity .8s ease,transform .8s ease;pointer-events:auto;filter:drop-shadow(0 4px 12px rgba(0,0,0,.5))}.grim-reaper:hover{opacity:.55;transform:translate(0)}.grim-reaper svg{display:block;width:80px;height:auto;animation:reaper-float 5s ease-in-out infinite}@keyframes reaper-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.reaper-eye-inner{filter:drop-shadow(0 0 4px #ff3333);animation:reaper-eye-pulse 3s ease-in-out infinite}@keyframes reaper-eye-pulse{0%,to{opacity:.7}50%{opacity:1}}@media(max-width:480px){.grim-reaper svg{width:55px}}@media(prefers-reduced-motion:reduce){.grim-reaper svg,.reaper-eye-inner{animation:none}.grim-reaper{transition:none}}