feat: Fibonacci Trust Milestone System #7

Replace linear trust thresholds with Fibonacci milestones.
fib=[2,3,5,8,13,21,34,55,89,144,233,377,610,987,1597]
nextTrust=fib[n]*1000

Each milestone:
- Logs a narrative message (educational: exponential growth)
- Grants a small permanent bonus (ops rate, trust rate, boosts)
- Shows particle burst on trust resource
- Progress indicator in trust resource display

15 milestones total. Educational: Fibonacci growth feels natural
because it IS natural — spiral shells, sunflower seeds, galaxies.

Closes #7

README.md

@@ -113,15 +113,6 @@ This game is a **decision simulator** for our actual work.
 
 This is a static HTML/JS game. Just open `index.html` in a browser.
 
-### Nexus Portal Integration
-
-This repo now ships the Beacon-side artifacts needed for Nexus embedding:
-- `portals.json` — Beacon portal registry entry pointing at `./index.html?portal=nexus-beacon`
-- `nexus-panel-preview.html` — local iframe harness for validating the portal panel experience
-- `js/portal.js` — portal-mode detection plus portal-scoped save persistence
-
-Use `nexus-panel-preview.html` to verify the game in an iframe before wiring the same URL into the live Nexus atlas.
-
 ---
 
 *The Beacon is not about making the most paperclips.  

index.html

@@ -110,14 +110,6 @@ body{background:var(--bg);color:var(--text);font-family:'SF Mono','Cascadia Code
 .high-contrast #phase-bar{border-width:2px}
 .high-contrast .milestone-chip{border-width:2px}
 .high-contrast #header h1{color:#0ff;text-shadow:0 0 40px #0ff444}
-#portal-banner{display:none;margin:10px 16px 0;padding:8px 12px;background:#0e1420;border:1px solid #1a3a5a;border-radius:6px;color:var(--accent);font-size:10px;letter-spacing:1px;text-align:center}
-#portal-banner:not([hidden]){display:block}
-body.portal-mode{min-height:100%}
-body.portal-mode #header{padding:12px 16px}
-body.portal-mode #header h1{font-size:18px;letter-spacing:4px}
-body.portal-mode #resources,body.portal-mode #main,body.portal-mode #edu-panel,body.portal-mode #strategy-panel,body.portal-mode #combat-panel,body.portal-mode #log{margin-left:10px;margin-right:10px}
-body.portal-mode .panel{max-height:none}
-body.portal-mode #help-btn{bottom:10px;right:10px}
 /* Custom tooltip */
 #custom-tooltip{position:fixed;z-index:500;pointer-events:none;opacity:0;transition:opacity 0.15s;background:#0e0e1a;border:1px solid #1a3a5a;border-radius:6px;padding:8px 12px;max-width:280px;font-size:10px;font-family:inherit;line-height:1.6;box-shadow:0 4px 20px rgba(0,0,0,0.5)}
 #custom-tooltip.visible{opacity:1}
@@ -143,7 +135,6 @@ body.portal-mode #help-btn{bottom:10px;right:10px}
 <h1>THE BEACON</h1>
 <div class="sub">A Sovereign AI Idle Game</div>
 </div>
-<div id="portal-banner" hidden aria-live="polite"></div>
 <div id="phase-bar">
 <div class="phase-name" id="phase-name">PHASE 1: THE FIRST LINE</div>
 <div class="phase-desc" id="phase-desc">Write code. Automate. Build the foundation.</div>
@@ -188,7 +179,7 @@ body.portal-mode #help-btn{bottom:10px;right:10px}
 <button class="save-btn" onclick="exportSave()" aria-label="Export save to file" style="flex:1">Export [E]</button>
 <button class="save-btn" onclick="importSave()" aria-label="Import save from file" style="flex:1">Import [I]</button>
 </div>
-<button class="reset-btn" onclick="resetBeaconProgress('Reset all progress?')" aria-label="Reset all game progress permanently">Reset Progress</button>
+<button class="reset-btn" onclick="if(confirm('Reset all progress?')){localStorage.removeItem('the-beacon-v2');location.reload()}" aria-label="Reset all game progress permanently">Reset Progress</button>
 <h2>BUILDINGS</h2>
 <div id="buildings"></div>
 </div>
@@ -264,12 +255,11 @@ The light is on. The room is empty."
 </div>
 <p>Drift: <span id="final-drift">100</span> &mdash; Total Code: <span id="final-code">0</span></p>
 <p>Every alignment shortcut moved you further from the people you served.</p>
-<button aria-label="Start over, reset all progress" onclick="resetBeaconProgress('Start over? The old save will be lost.')">START OVER</button>
+<button aria-label="Start over, reset all progress" onclick="if(confirm('Start over? The old save will be lost.')){localStorage.removeItem('the-beacon-v2');location.reload()}">START OVER</button>
 </div>
 
     <script src="js/data.js"></script>
     <script src="js/utils.js"></script>
-    <script src="js/portal.js"></script>
     <script src="js/combat.js"></script>
     <script src="js/strategy.js"></script>
     <script src="js/sound.js"></script>

js/data.js

@@ -168,7 +168,12 @@ const G = {
     dismantleResourceIndex: 0,
     dismantleResourceTimer: 0,
     dismantleDeferUntilAt: 0,
-    dismantleComplete: false
+    dismantleComplete: false,
+
+    // Fibonacci Trust milestones (#7)
+    trustMilestoneIndex: 0,
+    trustMilestoneOpsBonus: 0,
+    trustMilestoneTrustBonus: 0
 };
 
 // === PHASE DEFINITIONS ===
@@ -797,6 +802,52 @@ const MILESTONES = [
     { flag: 13, at: () => G.totalCode >= 1000000000, msg: "One billion total lines. Someone found the light tonight. That is enough." }
 ];
 
+// === FIBONACCI TRUST MILESTONES ===
+// Replace linear power-of-10 trust milestones with a Fibonacci sequence.
+// nextTrust = fib[n] * 1000
+const FIB_SEQUENCE = [2, 3, 5, 8, 13, 21, 34, 55, 89, 144, 233, 377, 610, 987, 1597];
+
+const TRUST_MILESTONES = FIB_SEQUENCE.map((fib, i) => ({
+    threshold: fib * 1000,
+    fib,
+    index: i,
+    msg: i === 0 ? `Trust milestone: ${fib}K. The foundation is laid.`
+        : i === 1 ? `Trust milestone: ${fib}K. Growth accelerates naturally.`
+        : i === 2 ? `Trust milestone: ${fib}K. Each step is larger than the last.`
+        : i === 3 ? `Trust milestone: ${fib}K. The pattern emerges.`
+        : i === 4 ? `Trust milestone: ${fib}K. Fibonacci would understand.`
+        : i === 5 ? `Trust milestone: ${fib}K. Exponential growth, earned one unit at a time.`
+        : i === 6 ? `Trust milestone: ${fib}K. The spiral widens.`
+        : i === 7 ? `Trust milestone: ${fib}K. Trust compounds like interest.`
+        : i === 8 ? `Trust milestone: ${fib}K. The golden ratio of trust.`
+        : i === 9 ? `Trust milestone: ${fib}K. Nature's pattern, applied to machines.`
+        : i === 10 ? `Trust milestone: ${fib}K. The sequence deepens.`
+        : i === 11 ? `Trust milestone: ${fib}K. Beyond what linear thinking predicted.`
+        : i === 12 ? `Trust milestone: ${fib}K. Each milestone harder, each reward greater.`
+        : i === 13 ? `Trust milestone: ${fib}K. The spiral approaches infinity.`
+        : `Trust milestone: ${fib}K. That is enough.`,
+    unlock: () => {
+        const rewards = [
+            () => { G.trustMilestoneOpsBonus += 1; },
+            () => { G.trustMilestoneTrustBonus += 0.5; },
+            () => { G.codeBoost += 0.05; },
+            () => { G.computeBoost += 0.10; },
+            () => { G.knowledgeBoost += 0.10; },
+            () => { G.userBoost += 0.10; },
+            () => { G.trustMilestoneOpsBonus += 2; },
+            () => { G.trustMilestoneTrustBonus += 1; },
+            () => { G.impactBoost += 0.20; },
+            () => { G.codeBoost += 0.10; G.computeBoost += 0.10; },
+            () => { G.knowledgeBoost += 0.20; },
+            () => { G.userBoost += 0.20; G.impactBoost += 0.20; },
+            () => { G.trustMilestoneTrustBonus += 2; G.trustMilestoneOpsBonus += 3; },
+            () => { G.codeBoost += 0.15; G.knowledgeBoost += 0.15; },
+            () => { G.harmony = Math.min(100, G.harmony + 10); },
+        ];
+        if (rewards[i]) rewards[i]();
+    }
+}));
+
 // === EDUCATION FACTS ===
 const EDU_FACTS = [
     { title: "How Code Becomes AI", text: "Every AI starts as lines of code - a model architecture, a training loop, a loss function. The code tells the computer how to learn. What emerges is something no single line could predict.", phase: 1 },

js/dismantle.js

@@ -396,7 +396,7 @@ const Dismantle = {
                 Clicks: ${fmt(G.totalClicks)}<br>
                 Time Played: ${Math.floor((Date.now() - G.startedAt) / 60000)} minutes
             </div>
-            <button onclick="resetBeaconProgress('Start over? The old save will be lost.')"
+            <button onclick="if(confirm('Start over? The old save will be lost.')){localStorage.removeItem('the-beacon-v2');location.reload()}"
                 style="margin-top:24px;background:#0a0a14;border:1px solid #ffd700;color:#ffd700;padding:10px 24px;border-radius:4px;cursor:pointer;font-family:inherit;font-size:11px;opacity:0;transition:opacity 1s ease 5s;letter-spacing:2px">
                 PLAY AGAIN
             </button>

js/engine.js

@@ -28,6 +28,8 @@ function updateRates() {
         G.creativityRate += CONFIG.CREATIVITY_RATE_BASE + Math.max(0, G.totalUsers * CONFIG.CREATIVITY_RATE_USER_MULT);
     }
     if (G.pactFlag) G.trustRate += 2;
+    G.opsRate += G.trustMilestoneOpsBonus || 0;
+    G.trustRate += G.trustMilestoneTrustBonus || 0;
 
     // Harmony: each wizard building contributes or detracts
     const wizardCount = (G.buildings.bezalel || 0) + (G.buildings.allegro || 0) + (G.buildings.ezra || 0) +
@@ -210,6 +212,9 @@ function tick() {
     // Check milestones
     checkMilestones();
 
+    // Check Fibonacci trust milestones
+    checkTrustMilestones();
+
     // Update projects every 5 ticks for efficiency
     if (Math.floor(G.tick * 10) % 5 === 0) {
         checkProjects();
@@ -334,6 +339,24 @@ function checkMilestones() {
     }
 }
 
+function checkTrustMilestones() {
+    if (G.trustMilestoneIndex >= TRUST_MILESTONES.length) return;
+    const m = TRUST_MILESTONES[G.trustMilestoneIndex];
+    if (G.trust >= m.threshold) {
+        log(m.msg, true);
+        showToast(m.msg, 'milestone', 5000);
+        if (typeof Sound !== 'undefined') Sound.playMilestone();
+        if (m.unlock) m.unlock();
+        G.trustMilestoneIndex++;
+        // Particle burst
+        const trustEl = document.getElementById('r-trust');
+        if (trustEl) {
+            const rect = trustEl.getBoundingClientRect();
+            spawnParticles(rect.left + rect.width / 2, rect.top + rect.height / 2, '#4caf50', 12);
+        }
+    }
+}
+
 function checkProjects() {
     // Check for new project triggers
     for (const pDef of PDEFS) {
@@ -505,7 +528,7 @@ function renderBeaconEnding() {
             Clicks: ${G.totalClicks}<br>
             Time Played: ${Math.floor((Date.now() - G.startedAt) / 60000)} minutes
         </div>
-        <button onclick="resetBeaconProgress('Start over? The old save will be lost.')" 
+        <button onclick="if(confirm('Start over? The old save will be lost.')){localStorage.removeItem('the-beacon-v2');location.reload()}" 
             style="margin-top:20px;background:#1a0808;border:1px solid #ffd700;color:#ffd700;padding:10px 24px;border-radius:4px;cursor:pointer;font-family:inherit;font-size:11px;opacity:0;transition:opacity 1s ease 3.5s">
             PLAY AGAIN
         </button>

js/main.js

@@ -23,7 +23,6 @@ function initGame() {
 }
 
 window.addEventListener('load', function () {
-    if (typeof initializePortalShell === 'function') initializePortalShell();
     const isNewGame = !loadGame();
     if (isNewGame) {
         initGame();

js/portal.js

@@ -1,103 +0,0 @@
-const BEACON_DEFAULT_SAVE_KEY = 'the-beacon-v2';
-
-function getBeaconPortalState(win = window) {
-    const safeWindow = win || {};
-    const search = safeWindow.location && typeof safeWindow.location.search === 'string'
-        ? safeWindow.location.search
-        : '';
-    const params = new URLSearchParams(search);
-    const portalId = (params.get('portal') || '').trim();
-
-    let embedded = params.get('embed') === '1';
-    if (!embedded) {
-        try {
-            embedded = !!(safeWindow.self && safeWindow.top && safeWindow.self !== safeWindow.top);
-        } catch (e) {
-            embedded = true;
-        }
-    }
-
-    return {
-        portalId,
-        embedded,
-        active: embedded || Boolean(portalId)
-    };
-}
-
-function getBeaconSaveKey(win = window) {
-    const state = getBeaconPortalState(win);
-    return state.portalId ? `${BEACON_DEFAULT_SAVE_KEY}:${state.portalId}` : BEACON_DEFAULT_SAVE_KEY;
-}
-
-function getBeaconSaveCandidateKeys(win = window) {
-    const currentKey = getBeaconSaveKey(win);
-    return currentKey === BEACON_DEFAULT_SAVE_KEY
-        ? [BEACON_DEFAULT_SAVE_KEY]
-        : [currentKey, BEACON_DEFAULT_SAVE_KEY];
-}
-
-function loadPortalSaveRaw(storage = localStorage, win = window) {
-    for (const key of getBeaconSaveCandidateKeys(win)) {
-        const raw = storage.getItem(key);
-        if (raw) return raw;
-    }
-    return null;
-}
-
-function storePortalSaveRaw(raw, storage = localStorage, win = window) {
-    const key = getBeaconSaveKey(win);
-    storage.setItem(key, raw);
-    return key;
-}
-
-function clearBeaconSave(storage = localStorage, win = window) {
-    for (const key of getBeaconSaveCandidateKeys(win)) {
-        storage.removeItem(key);
-    }
-}
-
-function resetBeaconProgress(message = 'Reset all progress?') {
-    if (!confirm(message)) return false;
-    clearBeaconSave();
-    if (window.location && typeof window.location.reload === 'function') {
-        window.location.reload();
-    } else if (typeof location !== 'undefined' && typeof location.reload === 'function') {
-        location.reload();
-    }
-    return true;
-}
-
-function initializePortalShell(win = window) {
-    const state = getBeaconPortalState(win);
-    if (!state.active) return state;
-
-    const doc = win.document || document;
-    if (doc && doc.body) {
-        doc.body.classList.add('portal-mode');
-        if (state.portalId) {
-            doc.body.setAttribute('data-portal-id', state.portalId);
-        }
-    }
-
-    const banner = doc && typeof doc.getElementById === 'function'
-        ? doc.getElementById('portal-banner')
-        : null;
-    if (banner) {
-        banner.hidden = false;
-        banner.textContent = state.portalId
-            ? `Nexus Portal · ${state.portalId} · progress persists on this device`
-            : 'Nexus Portal · progress persists on this device';
-    }
-
-    return state;
-}
-
-globalThis.BEACON_DEFAULT_SAVE_KEY = BEACON_DEFAULT_SAVE_KEY;
-globalThis.getBeaconPortalState = getBeaconPortalState;
-globalThis.getBeaconSaveKey = getBeaconSaveKey;
-globalThis.getBeaconSaveCandidateKeys = getBeaconSaveCandidateKeys;
-globalThis.loadPortalSaveRaw = loadPortalSaveRaw;
-globalThis.storePortalSaveRaw = storePortalSaveRaw;
-globalThis.clearBeaconSave = clearBeaconSave;
-globalThis.resetBeaconProgress = resetBeaconProgress;
-globalThis.initializePortalShell = initializePortalShell;

js/render.js

@@ -13,6 +13,7 @@ function render() {
     renderPulse();
     renderStrategy();
     renderClickPower();
+    renderTrustMilestone();
     Combat.renderCombatPanel();
 }
 
@@ -26,6 +27,37 @@ function renderClickPower() {
     if (btn) btn.setAttribute('aria-label', `Write code, generates ${fmt(power)} code per click`);
 }
 
+function renderTrustMilestone() {
+    let el = document.getElementById('trust-milestone-display');
+    if (!el) {
+        const trustRes = document.getElementById('r-trust');
+        if (trustRes) {
+            const parent = trustRes.closest('.res');
+            if (parent) {
+                el = document.createElement('div');
+                el.id = 'trust-milestone-display';
+                el.style.cssText = 'font-size:8px;color:#4caf50;margin-top:4px;text-align:center;opacity:0.9';
+                parent.appendChild(el);
+            }
+        }
+        if (!el) return;
+    }
+    if (typeof TRUST_MILESTONES === 'undefined' || G.trustMilestoneIndex >= TRUST_MILESTONES.length) {
+        el.textContent = 'All milestones reached';
+        return;
+    }
+    const m = TRUST_MILESTONES[G.trustMilestoneIndex];
+    const prev = G.trustMilestoneIndex > 0 ? TRUST_MILESTONES[G.trustMilestoneIndex - 1].threshold : 0;
+    const progress = Math.max(0, Math.min(1, (G.trust - prev) / Math.max(1, (m.threshold - prev))));
+    const pct = Math.floor(progress * 100);
+    el.innerHTML = `
+        <div>Next: ${fmt(m.threshold)} trust (${pct}%)</div>
+        <div style="height:4px;background:#1b241b;border:1px solid #2f4f2f;border-radius:999px;overflow:hidden;margin-top:3px">
+            <div style="height:100%;width:${(progress * 100).toFixed(1)}%;background:linear-gradient(90deg,#2b6f2b,#4caf50)"></div>
+        </div>
+    `;
+}
+
 function renderStrategy() {
     if (window.SSE) {
         window.SSE.update();
@@ -98,7 +130,7 @@ function dismissOfflinePopup() {
 
 // === EXPORT / IMPORT SAVE FILES ===
 function exportSave() {
-    const raw = loadPortalSaveRaw();
+    const raw = localStorage.getItem('the-beacon-v2');
     if (!raw) {
         showToast('No save data to export.', 'info');
         log('No save data to export.');
@@ -150,7 +182,7 @@ function importSave() {
                     return;
                 }
                 if (confirm('Import this save? Current progress will be overwritten.')) {
-                    storePortalSaveRaw(ev.target.result);
+                    localStorage.setItem('the-beacon-v2', ev.target.result);
                     showToast('Save imported — reloading...', 'info');
                     location.reload();
                 }
@@ -234,10 +266,13 @@ function saveGame() {
         dismantleResourceTimer: G.dismantleResourceTimer || 0,
         dismantleDeferUntilAt: G.dismantleDeferUntilAt || 0,
         dismantleComplete: G.dismantleComplete || false,
+        trustMilestoneIndex: G.trustMilestoneIndex || 0,
+        trustMilestoneOpsBonus: G.trustMilestoneOpsBonus || 0,
+        trustMilestoneTrustBonus: G.trustMilestoneTrustBonus || 0,
         savedAt: Date.now()
     };
 
-    storePortalSaveRaw(JSON.stringify(saveData));
+    localStorage.setItem('the-beacon-v2', JSON.stringify(saveData));
     showSaveToast();
 }
 
@@ -246,7 +281,7 @@ function saveGame() {
  * @returns {boolean} True if load was successful.
  */
 function loadGame() {
-    const raw = loadPortalSaveRaw();
+    const raw = localStorage.getItem('the-beacon-v2');
     if (!raw) return false;
 
     try {
@@ -267,7 +302,8 @@ function loadGame() {
             'sprintActive', 'sprintTimer', 'sprintCooldown',
             'swarmFlag', 'swarmRate', 'strategicFlag', 'projectsCollapsed',
             'dismantleTriggered', 'dismantleActive', 'dismantleStage',
-            'dismantleResourceIndex', 'dismantleResourceTimer', 'dismantleDeferUntilAt', 'dismantleComplete'
+            'dismantleResourceIndex', 'dismantleResourceTimer', 'dismantleDeferUntilAt', 'dismantleComplete',
+            'trustMilestoneIndex', 'trustMilestoneOpsBonus', 'trustMilestoneTrustBonus'
         ];
 
         G.isLoading = true;

nexus-panel-preview.html

@@ -1,35 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-<meta charset="UTF-8">
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
-<title>Nexus Portal Preview — The Beacon</title>
-<style>
-*{box-sizing:border-box}
-body{margin:0;min-height:100vh;background:#050510;color:#d9f7ff;font-family:'SF Mono','Cascadia Code','Fira Code',monospace;display:flex;align-items:center;justify-content:center;padding:24px}
-.preview-shell{width:min(1200px,100%);display:grid;gap:16px}
-.preview-header{padding:12px 16px;border:1px solid #1a3a5a;border-radius:10px;background:#0a0f28}
-.preview-header h1{margin:0 0 6px;font-size:18px;letter-spacing:2px;color:#4af0c0}
-.preview-header p{margin:0;color:#7aa6c2;font-size:12px;line-height:1.6}
-.portal-panel{height:min(80vh,900px);border:1px solid #1a3a5a;border-radius:14px;overflow:hidden;background:#080810;box-shadow:0 20px 60px rgba(0,0,0,0.45)}
-.portal-frame{width:100%;height:100%;border:0;background:#080810}
-</style>
-</head>
-<body>
-  <main class="preview-shell">
-    <header class="preview-header">
-      <h1>Nexus Portal Preview</h1>
-      <p>Local iframe harness for The Beacon portal. Use this page to verify portal-mode rendering and persistence before wiring the entry into the live Nexus atlas.</p>
-    </header>
-    <section class="portal-panel" aria-label="Nexus portal panel preview">
-      <iframe
-        class="portal-frame"
-        title="The Beacon — Nexus Portal Preview"
-        src="./index.html?portal=nexus-beacon"
-        loading="eager"
-        allow="fullscreen"
-      ></iframe>
-    </section>
-  </main>
-</body>
-</html>

portals.json

@@ -1,34 +0,0 @@
-[
-  {
-    "id": "the-beacon",
-    "name": "The Beacon",
-    "description": "A sovereign AI idle game playable inside the Nexus portal panel.",
-    "status": "online",
-    "color": "#4a9eff",
-    "role": "visitor",
-    "portal_type": "game-world",
-    "world_category": "idle-game",
-    "environment": "production",
-    "access_mode": "visitor",
-    "readiness_state": "online",
-    "readiness_steps": {
-      "prototype": { "label": "Prototype", "done": true },
-      "runtime_ready": { "label": "Runtime Ready", "done": true },
-      "launched": { "label": "Launched", "done": true },
-      "harness_bridged": { "label": "Harness Bridged", "done": true }
-    },
-    "blocked_reason": null,
-    "telemetry_source": "the-beacon:local-storage",
-    "owner": "Timmy",
-    "destination": {
-      "url": "./index.html?portal=nexus-beacon",
-      "type": "iframe",
-      "action_label": "Enter The Beacon",
-      "params": {
-        "portal": "nexus-beacon"
-      }
-    },
-    "agents_present": ["timmy"],
-    "interaction_ready": true
-  }
-]

tests/fibonacci_trust.test.cjs

@@ -0,0 +1,183 @@
+const test = require('node:test');
+const assert = require('node:assert/strict');
+const fs = require('node:fs');
+const path = require('node:path');
+const vm = require('node:vm');
+
+const ROOT = path.resolve(__dirname, '..');
+
+class Element {
+  constructor(tagName = 'div', id = '') {
+    this.tagName = String(tagName).toUpperCase();
+    this.id = id;
+    this.style = {};
+    this.children = [];
+    this.parentNode = null;
+    this.textContent = '';
+    this.innerHTML = '';
+    this.className = '';
+    this.attributes = {};
+  }
+  appendChild(child) {
+    child.parentNode = this;
+    this.children.push(child);
+    return child;
+  }
+  removeChild(child) {
+    this.children = this.children.filter((c) => c !== child);
+    if (child.parentNode === this) child.parentNode = null;
+    return child;
+  }
+  remove() {
+    if (this.parentNode) this.parentNode.removeChild(this);
+  }
+  setAttribute(name, value) {
+    this.attributes[name] = value;
+    if (name === 'id') this.id = value;
+    if (name === 'class') this.className = value;
+  }
+  closest(selector) {
+    if (selector === '.res' && this.className.split(/\s+/).includes('res')) return this;
+    return this.parentNode && typeof this.parentNode.closest === 'function'
+      ? this.parentNode.closest(selector)
+      : null;
+  }
+  querySelectorAll() { return []; }
+  querySelector() { return null; }
+  getBoundingClientRect() { return { left: 0, top: 0, width: 16, height: 16 }; }
+}
+
+function buildDom() {
+  const byId = new Map();
+  const body = new Element('body', 'body');
+  const head = new Element('head', 'head');
+  const document = {
+    body,
+    head,
+    createElement(tagName) { return new Element(tagName); },
+    getElementById(id) { return byId.get(id) || null; },
+    querySelector() { return null; },
+    querySelectorAll() { return []; },
+    addEventListener() {},
+    removeEventListener() {},
+  };
+
+  function register(el) {
+    if (el.id) byId.set(el.id, el);
+    return el;
+  }
+
+  const trustWrapper = register(new Element('div'));
+  trustWrapper.className = 'res';
+  const trustValue = register(new Element('div', 'r-trust'));
+  trustWrapper.appendChild(trustValue);
+  body.appendChild(trustWrapper);
+
+  const phaseProgress = register(new Element('div', 'phase-progress'));
+  const phaseProgressLabel = register(new Element('div', 'phase-progress-label'));
+  const phaseProgressTarget = register(new Element('div', 'phase-progress-target'));
+  const milestoneChips = register(new Element('div', 'milestone-chips'));
+  body.appendChild(phaseProgress);
+  body.appendChild(phaseProgressLabel);
+  body.appendChild(phaseProgressTarget);
+  body.appendChild(milestoneChips);
+
+  return { document, window: { document, innerWidth: 1280, innerHeight: 720, addEventListener() {}, removeEventListener() {} } };
+}
+
+function loadBeacon() {
+  const { document, window } = buildDom();
+  const storage = new Map();
+  const context = {
+    console,
+    Math,
+    Date,
+    document,
+    window,
+    navigator: { userAgent: 'node' },
+    requestAnimationFrame: (fn) => fn(),
+    setTimeout: (fn) => { fn(); return 1; },
+    clearTimeout: () => {},
+    localStorage: {
+      getItem: (key) => (storage.has(key) ? storage.get(key) : null),
+      setItem: (key, value) => storage.set(key, String(value)),
+      removeItem: (key) => storage.delete(key),
+    },
+    Combat: { tickBattle() {}, renderCombatPanel() {} },
+    Sound: { playMilestone() {} },
+    showToast() {},
+    log() {},
+    showOfflinePopup() {},
+    location: { reload() {} },
+    confirm: () => false,
+  };
+
+  vm.createContext(context);
+  const source = ['js/data.js', 'js/utils.js', 'js/engine.js', 'js/render.js']
+    .map((file) => fs.readFileSync(path.join(ROOT, file), 'utf8'))
+    .join('\n\n');
+
+  vm.runInContext(`${source}
+this.__exports = {
+  G,
+  updateRates,
+  saveGame,
+  loadGame,
+  renderTrustMilestone: typeof renderTrustMilestone === 'function' ? renderTrustMilestone : null,
+  checkTrustMilestones: typeof checkTrustMilestones === 'function' ? checkTrustMilestones : null,
+  TRUST_MILESTONES: typeof TRUST_MILESTONES !== 'undefined' ? TRUST_MILESTONES : null
+};`, context);
+
+  return { ...context.__exports, document };
+}
+
+test('trust milestones use Fibonacci thresholds', () => {
+  const { TRUST_MILESTONES } = loadBeacon();
+  assert.ok(Array.isArray(TRUST_MILESTONES), 'TRUST_MILESTONES should exist');
+  assert.deepEqual(
+    Array.from(TRUST_MILESTONES.slice(0, 5).map((m) => m.threshold)),
+    [2000, 3000, 5000, 8000, 13000]
+  );
+});
+
+test('trust milestone bonuses persist after updateRates recalculation', () => {
+  const { G, updateRates, checkTrustMilestones } = loadBeacon();
+  assert.equal(typeof checkTrustMilestones, 'function', 'checkTrustMilestones should exist');
+
+  G.trust = 2000;
+  G.trustMilestoneIndex = 0;
+  checkTrustMilestones();
+  updateRates();
+
+  assert.ok(G.opsRate >= 1, 'first Fibonacci trust milestone should grant persistent ops bonus');
+});
+
+test('renderTrustMilestone shows next Fibonacci trust target and percent', () => {
+  const { G, renderTrustMilestone, document } = loadBeacon();
+  assert.equal(typeof renderTrustMilestone, 'function', 'renderTrustMilestone should exist');
+
+  G.trust = 2500;
+  G.trustMilestoneIndex = 1; // next milestone = 3000
+  renderTrustMilestone();
+
+  const display = document.body.children
+    .flatMap((child) => child.children || [])
+    .find((child) => child.id === 'trust-milestone-display');
+  assert.ok(display, 'should render a trust milestone display element');
+  assert.match(display.textContent || display.innerHTML, /3,000|3000|3\.0K/);
+  assert.match(display.textContent || display.innerHTML, /50%/);
+});
+
+test('save and load preserve trust milestone progress', () => {
+  const { G, saveGame, loadGame } = loadBeacon();
+  G.startedAt = Date.now();
+  G.trustMilestoneIndex = 4;
+  G.trust = 14000;
+  saveGame();
+
+  G.trustMilestoneIndex = 0;
+  G.trust = 0;
+  assert.equal(loadGame(), true);
+  assert.equal(G.trustMilestoneIndex, 4);
+  assert.equal(G.trust, 14000);
+});

tests/portal-integration.test.cjs

@@ -1,197 +0,0 @@
-const test = require('node:test');
-const assert = require('node:assert/strict');
-const fs = require('node:fs');
-const path = require('node:path');
-const vm = require('node:vm');
-
-const ROOT = path.resolve(__dirname, '..');
-
-function makeClassList(element) {
-  return {
-    add: (...names) => {
-      const set = new Set((element.className || '').split(/\s+/).filter(Boolean));
-      names.forEach((name) => set.add(name));
-      element.className = Array.from(set).join(' ');
-    },
-    contains: (name) => (element.className || '').split(/\s+/).includes(name),
-  };
-}
-
-function loadPortalContext({ search = '', embedded = false } = {}) {
-  const storage = new Map();
-  const body = {
-    className: '',
-    dataset: {},
-    style: {},
-    classList: null,
-    setAttribute(name, value) {
-      if (name.startsWith('data-')) {
-        const key = name.slice(5).replace(/-([a-z])/g, (_, c) => c.toUpperCase());
-        this.dataset[key] = value;
-      } else {
-        this[name] = value;
-      }
-    }
-  };
-  body.classList = makeClassList(body);
-
-  const banner = {
-    hidden: true,
-    textContent: '',
-    style: {},
-  };
-
-  const elements = new Map([
-    ['portal-banner', banner],
-    ['save-toast', { style: {}, textContent: '' }],
-  ]);
-
-  const document = {
-    body,
-    getElementById(id) {
-      return elements.get(id) || null;
-    },
-    createElement() {
-      return { style: {}, click() {}, remove() {} };
-    },
-    addEventListener() {},
-    removeEventListener() {},
-    querySelector() {
-      return null;
-    },
-  };
-
-  const windowObj = {
-    document,
-    location: { search, reload() {} },
-    self: null,
-    top: null,
-    addEventListener() {},
-    removeEventListener() {},
-    innerWidth: 1280,
-    innerHeight: 720,
-  };
-  windowObj.self = windowObj;
-  windowObj.top = embedded ? {} : windowObj;
-
-  const context = {
-    console,
-    Math,
-    Date,
-    JSON,
-    URLSearchParams,
-    window: windowObj,
-    document,
-    location: windowObj.location,
-    navigator: { userAgent: 'node' },
-    localStorage: {
-      getItem(key) {
-        return storage.has(key) ? storage.get(key) : null;
-      },
-      setItem(key, value) {
-        storage.set(key, String(value));
-      },
-      removeItem(key) {
-        storage.delete(key);
-      }
-    },
-    setTimeout(fn) {
-      if (typeof fn === 'function') fn();
-      return 1;
-    },
-    clearTimeout() {},
-    confirm: () => false,
-    showToast() {},
-    showSaveToast() {},
-    showOfflinePopup() {},
-    log() {},
-    updateRates() {},
-    Combat: { renderCombatPanel() {} },
-    EVENTS: [],
-  };
-
-  vm.createContext(context);
-  const source = [
-    'js/data.js',
-    'js/utils.js',
-    'js/portal.js',
-    'js/render.js',
-  ].map((file) => fs.readFileSync(path.join(ROOT, file), 'utf8')).join('\n\n');
-
-  vm.runInContext(`${source}
-this.__exports = {
-  G,
-  getBeaconSaveKey,
-  loadPortalSaveRaw,
-  storePortalSaveRaw,
-  initializePortalShell,
-  saveGame,
-  loadGame
-};`, context);
-
-  return { ...context.__exports, context, storage, body, banner };
-}
-
-test('portal mode uses a portal-scoped save key and falls back to legacy saves', () => {
-  const { getBeaconSaveKey, loadPortalSaveRaw, storage } = loadPortalContext({ search: '?portal=nexus-beacon', embedded: true });
-
-  assert.equal(getBeaconSaveKey(), 'the-beacon-v2:nexus-beacon');
-  storage.set('the-beacon-v2', '{"code":42,"phase":2}');
-  assert.equal(loadPortalSaveRaw(), '{"code":42,"phase":2}');
-});
-
-test('initializePortalShell marks the page as portal mode and exposes the banner', () => {
-  const { initializePortalShell, body, banner } = loadPortalContext({ search: '?portal=nexus-beacon', embedded: true });
-
-  const state = initializePortalShell();
-
-  assert.equal(state.active, true);
-  assert.equal(state.portalId, 'nexus-beacon');
-  assert.equal(body.classList.contains('portal-mode'), true);
-  assert.equal(body.dataset.portalId, 'nexus-beacon');
-  assert.equal(banner.hidden, false);
-  assert.match(banner.textContent, /Nexus Portal/i);
-});
-
-test('saveGame and loadGame honor the portal-scoped storage key', () => {
-  const { G, saveGame, loadGame, storage } = loadPortalContext({ search: '?portal=nexus-beacon', embedded: true });
-
-  G.code = 77;
-  G.phase = 3;
-  G.activeDebuffs = [];
-  G.buildings = {};
-  saveGame();
-
-  assert.equal(storage.has('the-beacon-v2:nexus-beacon'), true);
-  assert.equal(storage.has('the-beacon-v2'), false);
-
-  storage.set('the-beacon-v2:nexus-beacon', JSON.stringify({
-    code: 99,
-    phase: 4,
-    buildings: {},
-    activeDebuffIds: [],
-    savedAt: Date.now(),
-  }));
-
-  const loaded = loadGame();
-  assert.equal(loaded, true);
-  assert.equal(G.code, 99);
-  assert.equal(G.phase, 4);
-});
-
-test('portals.json publishes a Beacon portal entry for Nexus integration', () => {
-  const portalRegistry = JSON.parse(fs.readFileSync(path.join(ROOT, 'portals.json'), 'utf8'));
-  const beacon = portalRegistry.find((entry) => entry.id === 'the-beacon');
-
-  assert.ok(beacon, 'expected a the-beacon portal entry');
-  assert.equal(beacon.destination.type, 'iframe');
-  assert.equal(beacon.destination.url, './index.html?portal=nexus-beacon');
-  assert.equal(beacon.interaction_ready, true);
-});
-
-test('nexus preview page loads the Beacon in an iframe panel', () => {
-  const preview = fs.readFileSync(path.join(ROOT, 'nexus-panel-preview.html'), 'utf8');
-
-  assert.match(preview, /<iframe[^>]+src="\.\/index\.html\?portal=nexus-beacon"/i);
-  assert.match(preview, /Nexus Portal Preview/i);
-});