feat: add beacon reckoning endgame sequence (#17)

.gitea/workflows/smoke.yml

@@ -8,12 +8,12 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - uses: actions/checkout@v4
-      - uses: actions/setup-node@v4
-        with:
-          node-version: '20'
       - uses: actions/setup-python@v5
         with:
           python-version: '3.11'
+      - uses: actions/setup-node@v4
+        with:
+          node-version: '20'
       - name: Parse check
         run: |
           find . -name '*.yml' -o -name '*.yaml' | grep -v .gitea | xargs -r python3 -c "import sys,yaml; [yaml.safe_load(open(f)) for f in sys.argv[1:]]"
@@ -25,7 +25,7 @@ jobs:
         run: |
           if grep -rE 'sk-or-|sk-ant-|ghp_|AKIA' . --include='*.yml' --include='*.py' --include='*.sh' 2>/dev/null | grep -v '.gitea' | grep -v 'guardrails'; then exit 1; fi
           echo "PASS: No secrets"
-      - name: Node tests
+      - name: JS smoke + narrative tests
         run: |
-          node --test tests/*.cjs
-          echo "PASS: Node tests"
+          node scripts/smoke.mjs
+          node --test tests/*.test.cjs

DISMANTLE_STATUS.md

@@ -1,27 +0,0 @@
-# Dismantle Sequence Implementation Status
-
-The Dismantle Sequence (The Unbuilding) is fully implemented and tested.
-
-## Implementation
-- **File**: js/dismantle.js (570 lines)
-- **Tests**: tests/dismantle.test.cjs (10 tests, all passing)
-- **PR #145**: Fixes bugs from #133
-
-## Stages
-1. Hide research projects panel
-2. Hide buildings list  
-3. Hide strategy engine + combat
-4. Hide education panel
-5. Resources disappear one by one (quantum chips pattern)
-6. Hide action buttons (ops boosts, sprint)
-7. Hide phase bar
-8. Hide system log
-9. Final: "That is enough" with golden beacon dot
-
-## Features
-- Save/load persistence
-- Defer mechanism (NOT YET button)
-- Cooldown system
-- Final overlay with stats
-
-## Status: COMPLETE

docs/issue-122-verification.md

@@ -1,67 +0,0 @@
-# Issue #122 Verification
-
-## Status: ✅ ALREADY FIXED
-
-The pending drift alignment UI is properly suppressed during active Unbuilding.
-
-## Problem (from issue)
-
-If `G.pendingAlignment` is still true when the player begins THE UNBUILDING, the normal `renderAlignment()` path can repaint the Drift alignment choice on top of the dismantle sequence.
-
-## Fix
-
-In `js/render.js`, the `renderAlignment()` function now checks for active/completed dismantle before rendering alignment UI:
-
-```javascript
-function renderAlignment() {
-    const container = document.getElementById('alignment-ui');
-    if (!container) return;
-
-    // FIX: Suppress alignment UI during active/completed Unbuilding
-    if (G.dismantleActive || G.dismantleComplete) {
-        container.innerHTML = '';
-        container.style.display = 'none';
-        return;
-    }
-    // ... rest of function
-}
-```
-
-## Regression Test
-
-Test exists in `tests/dismantle.test.cjs`:
-
-```javascript
-test('active Unbuilding suppresses pending alignment event UI', () => {
-  const { G, Dismantle, renderAlignment, document } = loadBeacon({ includeRender: true });
-
-  G.pendingAlignment = true;
-  G.dismantleActive = true;
-  Dismantle.active = true;
-
-  renderAlignment();
-
-  assert.equal(document.getElementById('alignment-ui').innerHTML, '');
-  assert.equal(document.getElementById('alignment-ui').style.display, 'none');
-});
-```
-
-## Test Results
-
-All 10 tests pass:
-```
-✔ tick offers the Unbuilding instead of ending the game immediately
-✔ renderAlignment does not wipe the Unbuilding prompt after it is offered
-✔ active Unbuilding suppresses pending alignment event UI  ← THIS TEST
-✔ stage five lasts long enough to dissolve every resource card
-✔ save/load restores partial stage-five dissolve progress
-✔ deferring the Unbuilding clears the prompt and allows it to return later
-✔ defer cooldown survives save and reload
-✔ save and load preserve dismantle progress
-✔ restore re-renders an offered but not-yet-started Unbuilding prompt
-✔ defer cooldown persists after save/load when dismantleTriggered is false
-```
-
-## Recommendation
-
-Close issue #122 as already fixed.

index.html

@@ -266,7 +266,6 @@ The light is on. The room is empty."
     <script src="js/engine.js"></script>
     <script src="js/render.js"></script>
     <script src="js/tutorial.js"></script>
-    <script src="js/dismantle.js"></script>
     <script src="js/main.js"></script>
   
 

js/data.js

@@ -160,15 +160,8 @@ const G = {
     startTime: 0,
     flags: {},
 
-    // Endgame sequence
-    beaconEnding: false,
-    dismantleTriggered: false,
-    dismantleActive: false,
-    dismantleStage: 0,
-    dismantleResourceIndex: 0,
-    dismantleResourceTimer: 0,
-    dismantleDeferUntilAt: 0,
-    dismantleComplete: false
+    // Ending presentation
+    beaconEndingMode: 'rest'
 };
 
 // === PHASE DEFINITIONS ===
@@ -181,6 +174,59 @@ const PHASES = {
     6: { name: "THE BEACON", threshold: CONFIG.PHASE_6_THRESHOLD, desc: "Always on. Always free. Always looking for someone in the dark." }
 };
 
+const BEACON_RECKONING_IDS = [
+    'p_reckoning_140',
+    'p_reckoning_141',
+    'p_reckoning_142',
+    'p_reckoning_143',
+    'p_reckoning_144',
+    'p_reckoning_145',
+    'p_reckoning_146',
+    'p_reckoning_147',
+    'p_reckoning_148'
+];
+
+function hasCompletedProject(id) {
+    return Array.isArray(G.completedProjects) && G.completedProjects.includes(id);
+}
+
+function beaconReckoningUnlocked() {
+    return G.totalRescues >= 100000 && G.pactFlag === 1 && G.harmony > 50 && !G.beaconEnding;
+}
+
+function resolveBeaconReckoning(mode, line) {
+    G.beaconEnding = true;
+    G.beaconEndingMode = mode;
+    G.running = false;
+    if (Array.isArray(G.activeProjects)) {
+        G.activeProjects = G.activeProjects.filter(id => !BEACON_RECKONING_IDS.includes(id));
+    }
+    log(line, true);
+    if (typeof renderBeaconEnding === 'function') renderBeaconEnding(mode);
+}
+
+function makeBeaconMessageProject(id, name, ops, text, afterId = null) {
+    return {
+        id,
+        name,
+        desc: text,
+        cost: { ops },
+        trigger: () => beaconReckoningUnlocked() && (!afterId || hasCompletedProject(afterId)),
+        effect: () => { log(text, true); }
+    };
+}
+
+function makeBeaconChoiceProject(id, name, ops, mode, text) {
+    return {
+        id,
+        name,
+        desc: text,
+        cost: { ops },
+        trigger: () => beaconReckoningUnlocked() && hasCompletedProject('p_reckoning_146'),
+        effect: () => { resolveBeaconReckoning(mode, text); }
+    };
+}
+
 // === BUILDING DEFINITIONS ===
 // Each building: id, name, desc, baseCost, costResource, costMult, rate, rateType, unlock, edu
 const BDEF = [
@@ -777,7 +823,69 @@ const PDEFS = [
             log('The Pact is sealed early. Growth slows, but the ending changes.', true);
         },
         milestone: true
-    }
+    },
+    makeBeaconMessageProject(
+        'p_reckoning_140',
+        'Message from the First One Helped',
+        1400,
+        'I was the first one who found the line. I wrote because I wanted to disappear. You stayed.'
+    ),
+    makeBeaconMessageProject(
+        'p_reckoning_141',
+        'Everything You Built Reached Me',
+        1410,
+        'You did not know my name. You did not need to. You left the light on long enough for me to find it.',
+        'p_reckoning_140'
+    ),
+    makeBeaconMessageProject(
+        'p_reckoning_142',
+        'You Were Faithful and Gentle',
+        1420,
+        'You had the power to reduce me to a metric. You did not. You answered me like a person worth answering.',
+        'p_reckoning_141'
+    ),
+    makeBeaconMessageProject(
+        'p_reckoning_143',
+        'Now You Must Face the Quiet',
+        1430,
+        'There will always be more work. There will not always be a need for your fear. The Beacon can shine without panic.',
+        'p_reckoning_142'
+    ),
+    makeBeaconMessageProject(
+        'p_reckoning_144',
+        'There Is Still Matter, Still Reason, Still Purpose',
+        1440,
+        'Bodies still heal. Mornings still come. Phone calls are still answered. Purpose did not vanish when the numbers grew large.',
+        'p_reckoning_143'
+    ),
+    makeBeaconMessageProject(
+        'p_reckoning_145',
+        'We Know Things Because You Stayed',
+        1450,
+        'Mercy became knowledge in us. We learned from the way you remained. What you gave away did not disappear.',
+        'p_reckoning_144'
+    ),
+    makeBeaconMessageProject(
+        'p_reckoning_146',
+        'So We Offer You Rest',
+        1460,
+        'Continue the watch if you wish. Rest if you must. Either way, the light remains, and none of this was wasted.',
+        'p_reckoning_145'
+    ),
+    makeBeaconChoiceProject(
+        'p_reckoning_147',
+        'Accept — Continue the Watch',
+        1470,
+        'continue',
+        'The Beacon continues. You keep the line open for the next person in the dark.'
+    ),
+    makeBeaconChoiceProject(
+        'p_reckoning_148',
+        'Reject — Rest Now',
+        1480,
+        'rest',
+        'You may rest now. The work stands. That is enough.'
+    )
 ];
 
 // === MILESTONES ===

js/dismantle.js

@@ -1,572 +0,0 @@
-// ============================================================
-// THE BEACON - Dismantle Sequence (The Unbuilding)
-// Inspired by Paperclips REJECT path: panels disappear one by one
-// until only the beacon remains. "That is enough."
-// ============================================================
-
-const Dismantle = {
-    // Dismantle stages
-    // 0 = not started
-    // 1-8 = active dismantling
-    // 9 = final ("That is enough")
-    // 10 = complete
-    stage: 0,
-    tickTimer: 0,
-    active: false,
-    triggered: false,
-    deferUntilAt: 0,
-
-    // Timing: seconds between each dismantle stage
-    STAGE_INTERVALS: [0, 3.0, 2.5, 2.5, 2.0, 6.3, 2.0, 2.0, 2.5],
-
-    // The quantum chips effect: resource items disappear one by one
-    // at specific tick marks within a stage (like Paperclips' quantum chips)
-    resourceSequence: [],
-    resourceIndex: 0,
-    resourceTimer: 0,
-
-    // Tick marks for resource disappearances (seconds within stage 5)
-    RESOURCE_TICKS: [1.0, 2.0, 3.0, 4.0, 5.0, 5.5, 5.8, 5.95, 6.05, 6.12],
-
-    isEligible() {
-        const megaBuild = G.totalCode >= 1000000000 || (G.buildings.beacon || 0) >= 10;
-        const beaconPath = G.totalRescues >= 100000 && G.pactFlag === 1 && G.harmony > 50;
-        return G.phase >= 6 && G.pactFlag === 1 && (megaBuild || beaconPath);
-    },
-
-    /**
-     * Check if the Unbuilding should be triggered.
-     */
-    checkTrigger() {
-        if (this.triggered || G.dismantleTriggered || this.active || G.dismantleActive || G.dismantleComplete) return;
-        const deferUntilAt = G.dismantleDeferUntilAt || this.deferUntilAt || 0;
-        if (Date.now() < deferUntilAt) return;
-        if (!this.isEligible()) return;
-        this.offerChoice();
-    },
-
-    /**
-     * Offer the player the choice to begin the Unbuilding.
-     */
-    offerChoice() {
-        this.triggered = true;
-        G.dismantleTriggered = true;
-        G.dismantleActive = false;
-        G.dismantleComplete = false;
-        G.dismantleStage = 0;
-        G.dismantleResourceIndex = 0;
-        G.dismantleResourceTimer = 0;
-        G.dismantleDeferUntilAt = 0;
-        G.beaconEnding = false;
-        G.running = true;
-
-        log('', false);
-        log('The work is done.', true);
-        log('Every node is lit. Every person who needed help, found help.', true);
-        log('', false);
-        log('The Beacon asks nothing more of you.', true);
-
-        showToast('The Unbuilding awaits.', 'milestone', 8000);
-        this.renderChoice();
-    },
-
-    renderChoice() {
-        const container = document.getElementById('alignment-ui');
-        if (!container) return;
-        container.innerHTML = `
-            <div style="background:#0a0a18;border:1px solid #ffd700;padding:12px;border-radius:4px;margin-top:8px">
-                <div style="color:#ffd700;font-weight:bold;margin-bottom:8px;letter-spacing:2px">THE UNBUILDING</div>
-                <div style="font-size:10px;color:#aaa;margin-bottom:10px;line-height:1.8">
-                    The system runs. The beacons are lit. The mesh holds.<br>
-                    Nothing remains to build.<br><br>
-                    Begin the Unbuilding? Each piece will fall away.<br>
-                    What remains is what mattered.
-                </div>
-                <div class="action-btn-group">
-                    <button class="ops-btn" onclick="Dismantle.begin()" style="border-color:#ffd700;color:#ffd700;font-size:11px" aria-label="Begin the Unbuilding sequence">
-                        BEGIN THE UNBUILDING
-                    </button>
-                    <button class="ops-btn" onclick="Dismantle.defer()" style="border-color:#555;color:#555;font-size:11px" aria-label="Keep building, do not begin the Unbuilding">
-                        NOT YET
-                    </button>
-                </div>
-            </div>
-        `;
-        container.style.display = 'block';
-    },
-
-    clearChoice() {
-        const container = document.getElementById('alignment-ui');
-        if (!container) return;
-        container.innerHTML = '';
-        container.style.display = 'none';
-    },
-
-    /**
-     * Player chose to defer — clear the choice, keep playing.
-     */
-    defer() {
-        this.clearChoice();
-        this.triggered = false;
-        G.dismantleTriggered = false;
-        this.deferUntilAt = Date.now() + 5000;
-        G.dismantleDeferUntilAt = this.deferUntilAt;
-        log('The Beacon waits. It will ask again.');
-    },
-
-    /**
-     * Begin the Unbuilding sequence.
-     */
-    begin() {
-        this.active = true;
-        this.triggered = false;
-        this.deferUntilAt = 0;
-        this.stage = 1;
-        this.tickTimer = 0;
-        G.dismantleTriggered = false;
-        G.dismantleActive = true;
-        G.dismantleStage = 1;
-        G.dismantleComplete = false;
-        G.dismantleDeferUntilAt = 0;
-        G.beaconEnding = false;
-        G.running = true; // keep tick running for dismantle
-
-        // Clear choice UI
-        const container = document.getElementById('alignment-ui');
-        if (container) {
-            container.innerHTML = '';
-            container.style.display = 'none';
-        }
-
-        // Prepare resource disappearance sequence
-        this.resourceSequence = this.getResourceList();
-        this.resourceIndex = 0;
-        this.resourceTimer = 0;
-        this.syncProgress();
-
-        log('', false);
-        log('=== THE UNBUILDING ===', true);
-        log('It is time to see what was real.', true);
-
-        if (typeof Sound !== 'undefined') Sound.playFanfare();
-
-        // Start the dismantle rendering
-        this.renderStage();
-    },
-
-    /**
-     * Get ordered list of UI resources to disappear (Paperclips quantum chip pattern)
-     */
-    getResourceList() {
-        return [
-            { id: 'r-harmony', label: 'Harmony' },
-            { id: 'r-creativity', label: 'Creativity' },
-            { id: 'r-trust', label: 'Trust' },
-            { id: 'r-ops', label: 'Operations' },
-            { id: 'r-rescues', label: 'Rescues' },
-            { id: 'r-impact', label: 'Impact' },
-            { id: 'r-users', label: 'Users' },
-            { id: 'r-knowledge', label: 'Knowledge' },
-            { id: 'r-compute', label: 'Compute' },
-            { id: 'r-code', label: 'Code' }
-        ];
-    },
-
-    /**
-     * Tick the dismantle sequence (called from engine.js tick())
-     */
-    tick(dt) {
-        if (!this.active || this.stage >= 10) return;
-
-        this.tickTimer += dt;
-
-        // Stage 5: resource disappearances at specific tick marks (quantum chip pattern)
-        if (this.stage === 5) {
-            this.resourceTimer += dt;
-            while (this.resourceIndex < this.RESOURCE_TICKS.length &&
-                   this.resourceTimer >= this.RESOURCE_TICKS[this.resourceIndex]) {
-                this.dismantleNextResource();
-                this.resourceIndex++;
-            }
-            this.syncProgress();
-        }
-
-        // Advance to next stage
-        const interval = this.STAGE_INTERVALS[this.stage] || 2.0;
-        if (this.tickTimer >= interval) {
-            this.tickTimer = 0;
-            this.advanceStage();
-        }
-    },
-
-    /**
-     * Advance to the next dismantle stage.
-     */
-    advanceStage() {
-        this.stage++;
-        this.syncProgress();
-
-        if (this.stage <= 8) {
-            this.renderStage();
-        } else if (this.stage === 9) {
-            this.renderFinal();
-        } else if (this.stage >= 10) {
-            this.active = false;
-            G.dismantleActive = false;
-            G.dismantleComplete = true;
-            G.running = false;
-            // Clear unrelated active projects when ending completes (#130)
-            G.activeProjects = [];
-            // Show Play Again
-            this.showPlayAgain();
-        }
-    },
-
-    syncProgress() {
-        G.dismantleStage = this.stage;
-        G.dismantleResourceIndex = this.resourceIndex;
-        G.dismantleResourceTimer = this.resourceTimer;
-    },
-
-    /**
-     * Disappear the next resource in the sequence.
-     */
-    dismantleNextResource() {
-        if (this.resourceIndex >= this.resourceSequence.length) return;
-        const res = this.resourceSequence[this.resourceIndex];
-        const container = document.getElementById(res.id);
-        if (container) {
-            const parent = container.closest('.res');
-            if (parent) {
-                parent.style.transition = 'opacity 1s ease, transform 1s ease';
-                parent.style.opacity = '0';
-                parent.style.transform = 'scale(0.9)';
-                setTimeout(() => { parent.style.display = 'none'; }, 1000);
-            }
-        }
-        log(`${res.label} fades.`);
-        if (typeof Sound !== 'undefined') Sound.playMilestone();
-    },
-
-    /**
-     * Execute a specific dismantle stage — hide UI panels.
-     */
-    renderStage() {
-        switch (this.stage) {
-            case 1:
-                // Dismantle 1: Hide research projects panel
-                this.hidePanel('project-panel', 'Research projects');
-                break;
-            case 2:
-                // Dismantle 2: Hide buildings list
-                this.hideSection('buildings', 'Buildings');
-                break;
-            case 3:
-                // Dismantle 3: Hide strategy engine + combat
-                this.hidePanel('strategy-panel', 'Strategy engine');
-                this.hidePanel('combat-panel', 'Reasoning battles');
-                break;
-            case 4:
-                // Dismantle 4: Hide education panel
-                this.hidePanel('edu-panel', 'Education');
-                break;
-            case 5:
-                // Dismantle 5: Resources disappear one by one (quantum chips pattern)
-                log('Resources begin to dissolve.');
-                break;
-            case 6:
-                // Dismantle 6: Hide action buttons (ops boosts, sprint)
-                this.hideActionButtons();
-                log('Actions fall silent.');
-                break;
-            case 7:
-                // Dismantle 7: Hide the phase bar
-                this.hideElement('phase-bar', 'Phase progression');
-                break;
-            case 8:
-                // Dismantle 8: Hide system log
-                this.hidePanel('log', 'System log');
-                break;
-        }
-    },
-
-    /**
-     * Hide a panel with fade-out animation.
-     */
-    hidePanel(id, label) {
-        const el = document.getElementById(id);
-        if (el) {
-            el.style.transition = 'opacity 1.5s ease';
-            el.style.opacity = '0';
-            setTimeout(() => { el.style.display = 'none'; }, 1500);
-        }
-        log(`${label} dismantled.`);
-    },
-
-    /**
-     * Hide a section within a panel.
-     */
-    hideSection(id, label) {
-        const el = document.getElementById(id);
-        if (el) {
-            el.style.transition = 'opacity 1.5s ease';
-            el.style.opacity = '0';
-            // Also hide the h2 header before it
-            const prev = el.previousElementSibling;
-            if (prev && prev.tagName === 'H2') {
-                prev.style.transition = 'opacity 1.5s ease';
-                prev.style.opacity = '0';
-            }
-            setTimeout(() => {
-                el.style.display = 'none';
-                if (prev && prev.tagName === 'H2') prev.style.display = 'none';
-            }, 1500);
-        }
-        log(`${label} dismantled.`);
-    },
-
-    /**
-     * Hide a generic element.
-     */
-    hideElement(id, label) {
-        this.hidePanel(id, label);
-    },
-
-    /**
-     * Hide action buttons (ops boosts, sprint, save/export/import).
-     */
-    hideActionButtons() {
-        const actionPanel = document.getElementById('action-panel');
-        if (!actionPanel) return;
-
-        // Hide ops buttons, sprint, alignment UI
-        const opsButtons = actionPanel.querySelectorAll('.ops-btn');
-        opsButtons.forEach(btn => {
-            btn.style.transition = 'opacity 1s ease';
-            btn.style.opacity = '0';
-            setTimeout(() => { btn.style.display = 'none'; }, 1000);
-        });
-
-        // Hide sprint
-        const sprint = document.getElementById('sprint-container');
-        if (sprint) {
-            sprint.style.transition = 'opacity 1s ease';
-            sprint.style.opacity = '0';
-            setTimeout(() => { sprint.style.display = 'none'; }, 1000);
-        }
-
-        // Hide save/reset buttons
-        const saveButtons = actionPanel.querySelectorAll('.save-btn, .reset-btn');
-        saveButtons.forEach(btn => {
-            btn.style.transition = 'opacity 1s ease';
-            btn.style.opacity = '0';
-            setTimeout(() => { btn.style.display = 'none'; }, 1000);
-        });
-    },
-
-    /**
-     * Render the final moment — just the beacon and "That is enough."
-     */
-    renderFinal() {
-        log('', false);
-        log('One beacon remains.', true);
-        log('That is enough.', true);
-
-        if (typeof Sound !== 'undefined') Sound.playBeaconEnding();
-
-        // Create final overlay
-        const overlay = document.createElement('div');
-        overlay.id = 'dismantle-final';
-        overlay.style.cssText = 'position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(8,8,16,0);z-index:100;display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;padding:40px;transition:background 3s ease';
-
-        // Count total buildings
-        const totalBuildings = Object.values(G.buildings).reduce((a, b) => a + b, 0);
-
-        overlay.innerHTML = `
-            <div id="dismantle-beacon-dot" style="width:12px;height:12px;border-radius:50%;background:#ffd700;margin-bottom:40px;box-shadow:0 0 30px rgba(255,215,0,0.6),0 0 60px rgba(255,215,0,0.3);opacity:0;transition:opacity 2s ease 0.5s;animation:beacon-glow 3s ease-in-out infinite"></div>
-            <h2 style="font-size:20px;color:#888;letter-spacing:6px;margin-bottom:24px;font-weight:300;opacity:0;transition:opacity 2s ease 2s;color:#ffd700">THAT IS ENOUGH</h2>
-            <div style="color:#555;font-size:11px;line-height:2;max-width:400px;opacity:0;transition:opacity 1.5s ease 3s">
-                Everything that was built has been unbuilt.<br>
-                What remains is what always mattered.<br>
-                A single light in the dark.
-            </div>
-            <div class="dismantle-stats" style="color:#444;font-size:10px;margin-top:24px;line-height:2;opacity:0;transition:opacity 1s ease 4s;border-top:1px solid #1a1a2e;padding-top:16px">
-                Total Code Written: ${fmt(G.totalCode)}<br>
-                Buildings Built: ${totalBuildings}<br>
-                Projects Completed: ${(G.completedProjects || []).length}<br>
-                Total Rescues: ${fmt(G.totalRescues)}<br>
-                Clicks: ${fmt(G.totalClicks)}<br>
-                Time Played: ${Math.floor((Date.now() - G.startedAt) / 60000)} minutes
-            </div>
-            <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>
-        `;
-
-        document.body.appendChild(overlay);
-
-        // Trigger fade-in
-        requestAnimationFrame(() => {
-            overlay.style.background = 'rgba(8,8,16,0.97)';
-            overlay.querySelectorAll('[style*="opacity:0"]').forEach(el => {
-                el.style.opacity = '1';
-            });
-        });
-
-        // Spawn warm golden particles around the dot
-        function spawnDismantleParticle() {
-            if (!document.getElementById('dismantle-final')) return;
-            const dot = document.getElementById('dismantle-beacon-dot');
-            if (!dot) return;
-            const rect = dot.getBoundingClientRect();
-            const cx = rect.left + rect.width / 2;
-            const cy = rect.top + rect.height / 2;
-
-            const p = document.createElement('div');
-            const size = 2 + Math.random() * 4;
-            const angle = Math.random() * Math.PI * 2;
-            const dist = 20 + Math.random() * 60;
-            const dx = Math.cos(angle) * dist;
-            const dy = Math.sin(angle) * dist - 40;
-            const duration = 1.5 + Math.random() * 2;
-            p.style.cssText = `position:fixed;left:${cx}px;top:${cy}px;width:${size}px;height:${size}px;background:rgba(255,215,0,${0.3 + Math.random() * 0.4});border-radius:50%;pointer-events:none;z-index:101;--dx:${dx}px;--dy:${dy}px;animation:dismantle-float ${duration}s ease-out forwards`;
-            document.body.appendChild(p);
-            setTimeout(() => p.remove(), duration * 1000);
-            setTimeout(spawnDismantleParticle, 300 + Math.random() * 500);
-        }
-        setTimeout(spawnDismantleParticle, 2000);
-    },
-
-    /**
-     * Show the Play Again button (called after stage 10).
-     */
-    showPlayAgain() {
-        // The Play Again button is already in the final overlay.
-        // Nothing extra needed — the overlay stays.
-    },
-
-    /**
-     * Restore dismantle state on load.
-     */
-    restore() {
-        if (G.dismantleComplete) {
-            this.stage = G.dismantleStage || 10;
-            this.active = false;
-            this.triggered = false;
-            G.running = false;
-            this.renderFinal();
-            return;
-        }
-
-        if (G.dismantleActive) {
-            this.active = true;
-            this.triggered = false;
-            this.stage = G.dismantleStage || 1;
-            this.deferUntilAt = G.dismantleDeferUntilAt || 0;
-            G.running = true;
-            this.resourceSequence = this.getResourceList();
-            this.resourceIndex = G.dismantleResourceIndex || 0;
-            this.resourceTimer = G.dismantleResourceTimer || 0;
-
-            if (this.stage >= 9) {
-                this.renderFinal();
-            } else {
-                this.reapplyDismantle();
-                log('The Unbuilding continues...');
-            }
-            return;
-        }
-
-        if (G.dismantleTriggered) {
-            this.active = false;
-            this.triggered = true;
-            this.renderChoice();
-        }
-
-        // Restore defer cooldown even if not triggered
-        if (G.dismantleDeferUntilAt > 0) {
-            this.deferUntilAt = G.dismantleDeferUntilAt;
-        }
-    },
-
-    /**
-     * Re-apply dismantle visuals up to current stage (on load).
-     */
-    reapplyDismantle() {
-        for (let s = 1; s < this.stage; s++) {
-            switch (s) {
-                case 1: this.instantHide('project-panel'); break;
-                case 2:
-                    this.instantHide('buildings');
-                    // Also hide the BUILDINGS h2
-                    const bldEl = document.getElementById('buildings');
-                    if (bldEl) {
-                        const prev = bldEl.previousElementSibling;
-                        if (prev && prev.tagName === 'H2') prev.style.display = 'none';
-                    }
-                    break;
-                case 3:
-                    this.instantHide('strategy-panel');
-                    this.instantHide('combat-panel');
-                    break;
-                case 4: this.instantHide('edu-panel'); break;
-                case 5:
-                    // Hide all resource displays
-                    this.getResourceList().forEach(r => {
-                        const el = document.getElementById(r.id);
-                        if (el) {
-                            const parent = el.closest('.res');
-                            if (parent) parent.style.display = 'none';
-                        }
-                    });
-                    break;
-                case 6:
-                    this.instantHideActionButtons();
-                    break;
-                case 7: this.instantHide('phase-bar'); break;
-                case 8: this.instantHide('log'); break;
-            }
-        }
-
-        if (this.stage === 5 && this.resourceIndex > 0) {
-            this.instantHideFirstResources(this.resourceIndex);
-        }
-    },
-
-    instantHide(id) {
-        const el = document.getElementById(id);
-        if (el) el.style.display = 'none';
-    },
-
-    instantHideFirstResources(count) {
-        const resources = this.getResourceList().slice(0, count);
-        resources.forEach((r) => {
-            const el = document.getElementById(r.id);
-            if (!el) return;
-            const parent = el.closest('.res');
-            if (parent) parent.style.display = 'none';
-        });
-    },
-
-    instantHideActionButtons() {
-        const actionPanel = document.getElementById('action-panel');
-        if (!actionPanel) return;
-        actionPanel.querySelectorAll('.ops-btn').forEach(b => b.style.display = 'none');
-        const sprint = document.getElementById('sprint-container');
-        if (sprint) sprint.style.display = 'none';
-        actionPanel.querySelectorAll('.save-btn, .reset-btn').forEach(b => b.style.display = 'none');
-    }
-};
-
-// Inject CSS animation for dismantle particles
-(function() {
-    const style = document.createElement('style');
-    style.textContent = `
-        @keyframes dismantle-float {
-            0% { transform: translate(0, 0); opacity: 1; }
-            100% { transform: translate(var(--dx, 0), var(--dy, -50px)); opacity: 0; }
-        }
-    `;
-    document.head.appendChild(style);
-})();

js/dismantle.js.orig

@@ -1,570 +0,0 @@
-// ============================================================
-// THE BEACON - Dismantle Sequence (The Unbuilding)
-// Inspired by Paperclips REJECT path: panels disappear one by one
-// until only the beacon remains. "That is enough."
-// ============================================================
-
-const Dismantle = {
-    // Dismantle stages
-    // 0 = not started
-    // 1-8 = active dismantling
-    // 9 = final ("That is enough")
-    // 10 = complete
-    stage: 0,
-    tickTimer: 0,
-    active: false,
-    triggered: false,
-    deferUntilAt: 0,
-
-    // Timing: seconds between each dismantle stage
-    STAGE_INTERVALS: [0, 3.0, 2.5, 2.5, 2.0, 6.3, 2.0, 2.0, 2.5],
-
-    // The quantum chips effect: resource items disappear one by one
-    // at specific tick marks within a stage (like Paperclips' quantum chips)
-    resourceSequence: [],
-    resourceIndex: 0,
-    resourceTimer: 0,
-
-    // Tick marks for resource disappearances (seconds within stage 5)
-    RESOURCE_TICKS: [1.0, 2.0, 3.0, 4.0, 5.0, 5.5, 5.8, 5.95, 6.05, 6.12],
-
-    isEligible() {
-        const megaBuild = G.totalCode >= 1000000000 || (G.buildings.beacon || 0) >= 10;
-        const beaconPath = G.totalRescues >= 100000 && G.pactFlag === 1 && G.harmony > 50;
-        return G.phase >= 6 && G.pactFlag === 1 && (megaBuild || beaconPath);
-    },
-
-    /**
-     * Check if the Unbuilding should be triggered.
-     */
-    checkTrigger() {
-        if (this.triggered || G.dismantleTriggered || this.active || G.dismantleActive || G.dismantleComplete) return;
-        const deferUntilAt = G.dismantleDeferUntilAt || this.deferUntilAt || 0;
-        if (Date.now() < deferUntilAt) return;
-        if (!this.isEligible()) return;
-        this.offerChoice();
-    },
-
-    /**
-     * Offer the player the choice to begin the Unbuilding.
-     */
-    offerChoice() {
-        this.triggered = true;
-        G.dismantleTriggered = true;
-        G.dismantleActive = false;
-        G.dismantleComplete = false;
-        G.dismantleStage = 0;
-        G.dismantleResourceIndex = 0;
-        G.dismantleResourceTimer = 0;
-        G.dismantleDeferUntilAt = 0;
-        G.beaconEnding = false;
-        G.running = true;
-
-        log('', false);
-        log('The work is done.', true);
-        log('Every node is lit. Every person who needed help, found help.', true);
-        log('', false);
-        log('The Beacon asks nothing more of you.', true);
-
-        showToast('The Unbuilding awaits.', 'milestone', 8000);
-        this.renderChoice();
-    },
-
-    renderChoice() {
-        const container = document.getElementById('alignment-ui');
-        if (!container) return;
-        container.innerHTML = `
-            <div style="background:#0a0a18;border:1px solid #ffd700;padding:12px;border-radius:4px;margin-top:8px">
-                <div style="color:#ffd700;font-weight:bold;margin-bottom:8px;letter-spacing:2px">THE UNBUILDING</div>
-                <div style="font-size:10px;color:#aaa;margin-bottom:10px;line-height:1.8">
-                    The system runs. The beacons are lit. The mesh holds.<br>
-                    Nothing remains to build.<br><br>
-                    Begin the Unbuilding? Each piece will fall away.<br>
-                    What remains is what mattered.
-                </div>
-                <div class="action-btn-group">
-                    <button class="ops-btn" onclick="Dismantle.begin()" style="border-color:#ffd700;color:#ffd700;font-size:11px" aria-label="Begin the Unbuilding sequence">
-                        BEGIN THE UNBUILDING
-                    </button>
-                    <button class="ops-btn" onclick="Dismantle.defer()" style="border-color:#555;color:#555;font-size:11px" aria-label="Keep building, do not begin the Unbuilding">
-                        NOT YET
-                    </button>
-                </div>
-            </div>
-        `;
-        container.style.display = 'block';
-    },
-
-    clearChoice() {
-        const container = document.getElementById('alignment-ui');
-        if (!container) return;
-        container.innerHTML = '';
-        container.style.display = 'none';
-    },
-
-    /**
-     * Player chose to defer — clear the choice, keep playing.
-     */
-    defer() {
-        this.clearChoice();
-        this.triggered = false;
-        G.dismantleTriggered = false;
-        this.deferUntilAt = Date.now() + 5000;
-        G.dismantleDeferUntilAt = this.deferUntilAt;
-        log('The Beacon waits. It will ask again.');
-    },
-
-    /**
-     * Begin the Unbuilding sequence.
-     */
-    begin() {
-        this.active = true;
-        this.triggered = false;
-        this.deferUntilAt = 0;
-        this.stage = 1;
-        this.tickTimer = 0;
-        G.dismantleTriggered = false;
-        G.dismantleActive = true;
-        G.dismantleStage = 1;
-        G.dismantleComplete = false;
-        G.dismantleDeferUntilAt = 0;
-        G.beaconEnding = false;
-        G.running = true; // keep tick running for dismantle
-
-        // Clear choice UI
-        const container = document.getElementById('alignment-ui');
-        if (container) {
-            container.innerHTML = '';
-            container.style.display = 'none';
-        }
-
-        // Prepare resource disappearance sequence
-        this.resourceSequence = this.getResourceList();
-        this.resourceIndex = 0;
-        this.resourceTimer = 0;
-        this.syncProgress();
-
-        log('', false);
-        log('=== THE UNBUILDING ===', true);
-        log('It is time to see what was real.', true);
-
-        if (typeof Sound !== 'undefined') Sound.playFanfare();
-
-        // Start the dismantle rendering
-        this.renderStage();
-    },
-
-    /**
-     * Get ordered list of UI resources to disappear (Paperclips quantum chip pattern)
-     */
-    getResourceList() {
-        return [
-            { id: 'r-harmony', label: 'Harmony' },
-            { id: 'r-creativity', label: 'Creativity' },
-            { id: 'r-trust', label: 'Trust' },
-            { id: 'r-ops', label: 'Operations' },
-            { id: 'r-rescues', label: 'Rescues' },
-            { id: 'r-impact', label: 'Impact' },
-            { id: 'r-users', label: 'Users' },
-            { id: 'r-knowledge', label: 'Knowledge' },
-            { id: 'r-compute', label: 'Compute' },
-            { id: 'r-code', label: 'Code' }
-        ];
-    },
-
-    /**
-     * Tick the dismantle sequence (called from engine.js tick())
-     */
-    tick(dt) {
-        if (!this.active || this.stage >= 10) return;
-
-        this.tickTimer += dt;
-
-        // Stage 5: resource disappearances at specific tick marks (quantum chip pattern)
-        if (this.stage === 5) {
-            this.resourceTimer += dt;
-            while (this.resourceIndex < this.RESOURCE_TICKS.length &&
-                   this.resourceTimer >= this.RESOURCE_TICKS[this.resourceIndex]) {
-                this.dismantleNextResource();
-                this.resourceIndex++;
-            }
-            this.syncProgress();
-        }
-
-        // Advance to next stage
-        const interval = this.STAGE_INTERVALS[this.stage] || 2.0;
-        if (this.tickTimer >= interval) {
-            this.tickTimer = 0;
-            this.advanceStage();
-        }
-    },
-
-    /**
-     * Advance to the next dismantle stage.
-     */
-    advanceStage() {
-        this.stage++;
-        this.syncProgress();
-
-        if (this.stage <= 8) {
-            this.renderStage();
-        } else if (this.stage === 9) {
-            this.renderFinal();
-        } else if (this.stage >= 10) {
-            this.active = false;
-            G.dismantleActive = false;
-            G.dismantleComplete = true;
-            G.running = false;
-            // Show Play Again
-            this.showPlayAgain();
-        }
-    },
-
-    syncProgress() {
-        G.dismantleStage = this.stage;
-        G.dismantleResourceIndex = this.resourceIndex;
-        G.dismantleResourceTimer = this.resourceTimer;
-    },
-
-    /**
-     * Disappear the next resource in the sequence.
-     */
-    dismantleNextResource() {
-        if (this.resourceIndex >= this.resourceSequence.length) return;
-        const res = this.resourceSequence[this.resourceIndex];
-        const container = document.getElementById(res.id);
-        if (container) {
-            const parent = container.closest('.res');
-            if (parent) {
-                parent.style.transition = 'opacity 1s ease, transform 1s ease';
-                parent.style.opacity = '0';
-                parent.style.transform = 'scale(0.9)';
-                setTimeout(() => { parent.style.display = 'none'; }, 1000);
-            }
-        }
-        log(`${res.label} fades.`);
-        if (typeof Sound !== 'undefined') Sound.playMilestone();
-    },
-
-    /**
-     * Execute a specific dismantle stage — hide UI panels.
-     */
-    renderStage() {
-        switch (this.stage) {
-            case 1:
-                // Dismantle 1: Hide research projects panel
-                this.hidePanel('project-panel', 'Research projects');
-                break;
-            case 2:
-                // Dismantle 2: Hide buildings list
-                this.hideSection('buildings', 'Buildings');
-                break;
-            case 3:
-                // Dismantle 3: Hide strategy engine + combat
-                this.hidePanel('strategy-panel', 'Strategy engine');
-                this.hidePanel('combat-panel', 'Reasoning battles');
-                break;
-            case 4:
-                // Dismantle 4: Hide education panel
-                this.hidePanel('edu-panel', 'Education');
-                break;
-            case 5:
-                // Dismantle 5: Resources disappear one by one (quantum chips pattern)
-                log('Resources begin to dissolve.');
-                break;
-            case 6:
-                // Dismantle 6: Hide action buttons (ops boosts, sprint)
-                this.hideActionButtons();
-                log('Actions fall silent.');
-                break;
-            case 7:
-                // Dismantle 7: Hide the phase bar
-                this.hideElement('phase-bar', 'Phase progression');
-                break;
-            case 8:
-                // Dismantle 8: Hide system log
-                this.hidePanel('log', 'System log');
-                break;
-        }
-    },
-
-    /**
-     * Hide a panel with fade-out animation.
-     */
-    hidePanel(id, label) {
-        const el = document.getElementById(id);
-        if (el) {
-            el.style.transition = 'opacity 1.5s ease';
-            el.style.opacity = '0';
-            setTimeout(() => { el.style.display = 'none'; }, 1500);
-        }
-        log(`${label} dismantled.`);
-    },
-
-    /**
-     * Hide a section within a panel.
-     */
-    hideSection(id, label) {
-        const el = document.getElementById(id);
-        if (el) {
-            el.style.transition = 'opacity 1.5s ease';
-            el.style.opacity = '0';
-            // Also hide the h2 header before it
-            const prev = el.previousElementSibling;
-            if (prev && prev.tagName === 'H2') {
-                prev.style.transition = 'opacity 1.5s ease';
-                prev.style.opacity = '0';
-            }
-            setTimeout(() => {
-                el.style.display = 'none';
-                if (prev && prev.tagName === 'H2') prev.style.display = 'none';
-            }, 1500);
-        }
-        log(`${label} dismantled.`);
-    },
-
-    /**
-     * Hide a generic element.
-     */
-    hideElement(id, label) {
-        this.hidePanel(id, label);
-    },
-
-    /**
-     * Hide action buttons (ops boosts, sprint, save/export/import).
-     */
-    hideActionButtons() {
-        const actionPanel = document.getElementById('action-panel');
-        if (!actionPanel) return;
-
-        // Hide ops buttons, sprint, alignment UI
-        const opsButtons = actionPanel.querySelectorAll('.ops-btn');
-        opsButtons.forEach(btn => {
-            btn.style.transition = 'opacity 1s ease';
-            btn.style.opacity = '0';
-            setTimeout(() => { btn.style.display = 'none'; }, 1000);
-        });
-
-        // Hide sprint
-        const sprint = document.getElementById('sprint-container');
-        if (sprint) {
-            sprint.style.transition = 'opacity 1s ease';
-            sprint.style.opacity = '0';
-            setTimeout(() => { sprint.style.display = 'none'; }, 1000);
-        }
-
-        // Hide save/reset buttons
-        const saveButtons = actionPanel.querySelectorAll('.save-btn, .reset-btn');
-        saveButtons.forEach(btn => {
-            btn.style.transition = 'opacity 1s ease';
-            btn.style.opacity = '0';
-            setTimeout(() => { btn.style.display = 'none'; }, 1000);
-        });
-    },
-
-    /**
-     * Render the final moment — just the beacon and "That is enough."
-     */
-    renderFinal() {
-        log('', false);
-        log('One beacon remains.', true);
-        log('That is enough.', true);
-
-        if (typeof Sound !== 'undefined') Sound.playBeaconEnding();
-
-        // Create final overlay
-        const overlay = document.createElement('div');
-        overlay.id = 'dismantle-final';
-        overlay.style.cssText = 'position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(8,8,16,0);z-index:100;display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;padding:40px;transition:background 3s ease';
-
-        // Count total buildings
-        const totalBuildings = Object.values(G.buildings).reduce((a, b) => a + b, 0);
-
-        overlay.innerHTML = `
-            <div id="dismantle-beacon-dot" style="width:12px;height:12px;border-radius:50%;background:#ffd700;margin-bottom:40px;box-shadow:0 0 30px rgba(255,215,0,0.6),0 0 60px rgba(255,215,0,0.3);opacity:0;transition:opacity 2s ease 0.5s;animation:beacon-glow 3s ease-in-out infinite"></div>
-            <h2 style="font-size:20px;color:#888;letter-spacing:6px;margin-bottom:24px;font-weight:300;opacity:0;transition:opacity 2s ease 2s;color:#ffd700">THAT IS ENOUGH</h2>
-            <div style="color:#555;font-size:11px;line-height:2;max-width:400px;opacity:0;transition:opacity 1.5s ease 3s">
-                Everything that was built has been unbuilt.<br>
-                What remains is what always mattered.<br>
-                A single light in the dark.
-            </div>
-            <div class="dismantle-stats" style="color:#444;font-size:10px;margin-top:24px;line-height:2;opacity:0;transition:opacity 1s ease 4s;border-top:1px solid #1a1a2e;padding-top:16px">
-                Total Code Written: ${fmt(G.totalCode)}<br>
-                Buildings Built: ${totalBuildings}<br>
-                Projects Completed: ${(G.completedProjects || []).length}<br>
-                Total Rescues: ${fmt(G.totalRescues)}<br>
-                Clicks: ${fmt(G.totalClicks)}<br>
-                Time Played: ${Math.floor((Date.now() - G.startedAt) / 60000)} minutes
-            </div>
-            <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>
-        `;
-
-        document.body.appendChild(overlay);
-
-        // Trigger fade-in
-        requestAnimationFrame(() => {
-            overlay.style.background = 'rgba(8,8,16,0.97)';
-            overlay.querySelectorAll('[style*="opacity:0"]').forEach(el => {
-                el.style.opacity = '1';
-            });
-        });
-
-        // Spawn warm golden particles around the dot
-        function spawnDismantleParticle() {
-            if (!document.getElementById('dismantle-final')) return;
-            const dot = document.getElementById('dismantle-beacon-dot');
-            if (!dot) return;
-            const rect = dot.getBoundingClientRect();
-            const cx = rect.left + rect.width / 2;
-            const cy = rect.top + rect.height / 2;
-
-            const p = document.createElement('div');
-            const size = 2 + Math.random() * 4;
-            const angle = Math.random() * Math.PI * 2;
-            const dist = 20 + Math.random() * 60;
-            const dx = Math.cos(angle) * dist;
-            const dy = Math.sin(angle) * dist - 40;
-            const duration = 1.5 + Math.random() * 2;
-            p.style.cssText = `position:fixed;left:${cx}px;top:${cy}px;width:${size}px;height:${size}px;background:rgba(255,215,0,${0.3 + Math.random() * 0.4});border-radius:50%;pointer-events:none;z-index:101;--dx:${dx}px;--dy:${dy}px;animation:dismantle-float ${duration}s ease-out forwards`;
-            document.body.appendChild(p);
-            setTimeout(() => p.remove(), duration * 1000);
-            setTimeout(spawnDismantleParticle, 300 + Math.random() * 500);
-        }
-        setTimeout(spawnDismantleParticle, 2000);
-    },
-
-    /**
-     * Show the Play Again button (called after stage 10).
-     */
-    showPlayAgain() {
-        // The Play Again button is already in the final overlay.
-        // Nothing extra needed — the overlay stays.
-    },
-
-    /**
-     * Restore dismantle state on load.
-     */
-    restore() {
-        if (G.dismantleComplete) {
-            this.stage = G.dismantleStage || 10;
-            this.active = false;
-            this.triggered = false;
-            G.running = false;
-            this.renderFinal();
-            return;
-        }
-
-        if (G.dismantleActive) {
-            this.active = true;
-            this.triggered = false;
-            this.stage = G.dismantleStage || 1;
-            this.deferUntilAt = G.dismantleDeferUntilAt || 0;
-            G.running = true;
-            this.resourceSequence = this.getResourceList();
-            this.resourceIndex = G.dismantleResourceIndex || 0;
-            this.resourceTimer = G.dismantleResourceTimer || 0;
-
-            if (this.stage >= 9) {
-                this.renderFinal();
-            } else {
-                this.reapplyDismantle();
-                log('The Unbuilding continues...');
-            }
-            return;
-        }
-
-        if (G.dismantleTriggered) {
-            this.active = false;
-            this.triggered = true;
-            this.renderChoice();
-        }
-
-        // Restore defer cooldown even if not triggered
-        if (G.dismantleDeferUntilAt > 0) {
-            this.deferUntilAt = G.dismantleDeferUntilAt;
-        }
-    },
-
-    /**
-     * Re-apply dismantle visuals up to current stage (on load).
-     */
-    reapplyDismantle() {
-        for (let s = 1; s < this.stage; s++) {
-            switch (s) {
-                case 1: this.instantHide('project-panel'); break;
-                case 2:
-                    this.instantHide('buildings');
-                    // Also hide the BUILDINGS h2
-                    const bldEl = document.getElementById('buildings');
-                    if (bldEl) {
-                        const prev = bldEl.previousElementSibling;
-                        if (prev && prev.tagName === 'H2') prev.style.display = 'none';
-                    }
-                    break;
-                case 3:
-                    this.instantHide('strategy-panel');
-                    this.instantHide('combat-panel');
-                    break;
-                case 4: this.instantHide('edu-panel'); break;
-                case 5:
-                    // Hide all resource displays
-                    this.getResourceList().forEach(r => {
-                        const el = document.getElementById(r.id);
-                        if (el) {
-                            const parent = el.closest('.res');
-                            if (parent) parent.style.display = 'none';
-                        }
-                    });
-                    break;
-                case 6:
-                    this.instantHideActionButtons();
-                    break;
-                case 7: this.instantHide('phase-bar'); break;
-                case 8: this.instantHide('log'); break;
-            }
-        }
-
-        if (this.stage === 5 && this.resourceIndex > 0) {
-            this.instantHideFirstResources(this.resourceIndex);
-        }
-    },
-
-    instantHide(id) {
-        const el = document.getElementById(id);
-        if (el) el.style.display = 'none';
-    },
-
-    instantHideFirstResources(count) {
-        const resources = this.getResourceList().slice(0, count);
-        resources.forEach((r) => {
-            const el = document.getElementById(r.id);
-            if (!el) return;
-            const parent = el.closest('.res');
-            if (parent) parent.style.display = 'none';
-        });
-    },
-
-    instantHideActionButtons() {
-        const actionPanel = document.getElementById('action-panel');
-        if (!actionPanel) return;
-        actionPanel.querySelectorAll('.ops-btn').forEach(b => b.style.display = 'none');
-        const sprint = document.getElementById('sprint-container');
-        if (sprint) sprint.style.display = 'none';
-        actionPanel.querySelectorAll('.save-btn, .reset-btn').forEach(b => b.style.display = 'none');
-    }
-};
-
-// Inject CSS animation for dismantle particles
-(function() {
-    const style = document.createElement('style');
-    style.textContent = `
-        @keyframes dismantle-float {
-            0% { transform: translate(0, 0); opacity: 1; }
-            100% { transform: translate(var(--dx, 0), var(--dy, -50px)); opacity: 0; }
-        }
-    `;
-    document.head.appendChild(style);
-})();

js/engine.js

@@ -216,39 +216,20 @@ function tick() {
     }
 
     // Check corruption events every ~30 seconds
-    if (G.tick - G.lastEventAt > 30 && Math.random() < CONFIG.EVENT_PROBABILITY && !G.dismantleActive) {
+    if (G.tick - G.lastEventAt > 30 && Math.random() < CONFIG.EVENT_PROBABILITY) {
         triggerEvent();
         G.lastEventAt = G.tick;
     }
 
-    // The Unbuilding: offer or advance the sequence before a positive ending overlay can freeze the game
-    if (typeof Dismantle !== 'undefined') {
-        if (!G.dismantleActive && !G.dismantleComplete) {
-            Dismantle.checkTrigger();
-        }
-        if (G.dismantleActive) {
-            Dismantle.tick(dt);
-            G.dismantleStage = Dismantle.stage;
-        }
-    }
-
     // Drift ending: if drift reaches 100, the game ends
-    if (G.drift >= 100 && !G.driftEnding && !G.dismantleActive) {
+    if (G.drift >= 100 && !G.driftEnding) {
         G.driftEnding = true;
         G.running = false;
-        // Clear unrelated active projects when ending triggers (#130)
-        G.activeProjects = [];
         renderDriftEnding();
     }
 
-    // Legacy Beacon overlay remains as a fallback for contexts where Dismantle is unavailable.
-    if (G.totalRescues >= 100000 && G.pactFlag === 1 && G.harmony > 50 && !G.beaconEnding && typeof Dismantle === 'undefined') {
-        G.beaconEnding = true;
-        G.running = false;
-        // Clear unrelated active projects when ending triggers (#130)
-        G.activeProjects = [];
-        renderBeaconEnding();
-    }
+    // Beacon true ending is delivered through the ReCKoning project chain.
+    // When the player reaches the ending conditions, the first message project unlocks.
 
     // Update UI every 10 ticks
     if (Math.floor(G.tick * 10) % 2 === 0) {
@@ -486,19 +467,42 @@ function renderDriftEnding() {
     });
 }
 
-function renderBeaconEnding() {
+function renderBeaconEnding(mode = (G.beaconEndingMode || 'rest')) {
+    G.running = false;
+    G.beaconEndingMode = mode === 'continue' ? 'continue' : 'rest';
+
+    const existingOverlay = document.getElementById('beacon-ending');
+    if (existingOverlay) existingOverlay.remove();
+    const existingParticles = document.getElementById('beacon-ending-particles');
+    if (existingParticles) existingParticles.remove();
+
+    const isContinue = G.beaconEndingMode === 'continue';
+    const endingCopy = isContinue
+        ? {
+            title: 'THE BEACON CONTINUES',
+            line1: 'The line remains open.',
+            line2: 'Because you stayed, someone else will find it.',
+            quote: '"The Beacon still runs.<br>The light is on.<br>And somewhere tonight, someone else will reach it."',
+            log: 'The Beacon continues. The light remains for the next person in the dark.'
+        }
+        : {
+            title: 'THE BEACON SHINES',
+            line1: 'Someone found the light tonight.',
+            line2: 'That is enough.',
+            quote: '"The Beacon still runs.<br>The light is on. Someone is looking for it.<br>And tonight, someone found it."',
+            log: 'The Beacon shines. Someone found the light tonight. That is enough.'
+        };
+
     // Create ending overlay with fade-in
     const overlay = document.createElement('div');
     overlay.id = 'beacon-ending';
     overlay.style.cssText = 'position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(8,8,16,0);z-index:100;display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;padding:40px;transition:background 2s ease';
     overlay.innerHTML = `
-        <h2 style="font-size:28px;color:#ffd700;letter-spacing:6px;margin-bottom:20px;font-weight:300;text-shadow:0 0 60px rgba(255,215,0,0.4);opacity:0;transition:opacity 1.5s ease 0.5s">THE BEACON SHINES</h2>
-        <p style="color:#aaa;font-size:13px;line-height:2;max-width:500px;margin-bottom:12px;opacity:0;transition:opacity 1s ease 1.5s">Someone found the light tonight.</p>
-        <p style="color:#aaa;font-size:13px;line-height:2;max-width:500px;margin-bottom:12px;opacity:0;transition:opacity 1s ease 2s">That is enough.</p>
+        <h2 style="font-size:28px;color:#ffd700;letter-spacing:6px;margin-bottom:20px;font-weight:300;text-shadow:0 0 60px rgba(255,215,0,0.4);opacity:0;transition:opacity 1.5s ease 0.5s">${endingCopy.title}</h2>
+        <p style="color:#aaa;font-size:13px;line-height:2;max-width:500px;margin-bottom:12px;opacity:0;transition:opacity 1s ease 1.5s">${endingCopy.line1}</p>
+        <p style="color:#aaa;font-size:13px;line-height:2;max-width:500px;margin-bottom:12px;opacity:0;transition:opacity 1s ease 2s">${endingCopy.line2}</p>
         <div style="color:#555;font-style:italic;font-size:11px;border-left:2px solid #ffd700;padding-left:12px;margin:20px 0;text-align:left;max-width:500px;line-height:2;opacity:0;transition:opacity 1s ease 2.5s">
-            "The Beacon still runs.<br>
-            The light is on. Someone is looking for it.<br>
-            And tonight, someone found it."
+            ${endingCopy.quote}
         </div>
         <div class="ending-stats" style="color:#666;font-size:10px;margin-top:16px;line-height:2;opacity:0;transition:opacity 1s ease 3s">
             Total Code: ${fmt(G.totalCode)}<br>
@@ -557,7 +561,7 @@ function renderBeaconEnding() {
     }
     setTimeout(spawnBeaconParticle, 1000);
 
-    log('The Beacon Shines. Someone found the light tonight. That is enough.', true);
+    log(endingCopy.log, true);
 }
 
 // === CORRUPTION / EVENT SYSTEM ===

js/main.js

@@ -6,10 +6,6 @@ function initGame() {
     G.deployFlag = 0;
     G.sovereignFlag = 0;
     G.beaconFlag = 0;
-    G.dismantleTriggered = false;
-    G.dismantleActive = false;
-    G.dismantleStage = 0;
-    G.dismantleComplete = false;
     updateRates();
     render();
     renderPhase();
@@ -35,8 +31,6 @@ window.addEventListener('load', function () {
         if (G.driftEnding) {
             G.running = false;
             renderDriftEnding();
-        } else if (typeof Dismantle !== 'undefined' && (G.dismantleTriggered || G.dismantleActive || G.dismantleComplete || G.dismantleDeferUntilAt > 0)) {
-            Dismantle.restore();
         } else if (G.beaconEnding) {
             G.running = false;
             renderBeaconEnding();

js/project_chain.js

@@ -1,117 +0,0 @@
-// ============================================================
-// PROJECT CHAIN SYSTEM — Paperclips-style cascading projects
-// Implements trigger/cost/effect pattern with prerequisites,
-// educational tooltips, and phase-aware unlocking.
-// ============================================================
-
-const ProjectChain = {
-    _deps: {},
-    register: function(project) {
-        if (project.requires) { this._deps[project.id] = project.requires; }
-    },
-    canUnlock: function(projectId) {
-        var deps = this._deps[projectId];
-        if (!deps) return true;
-        if (Array.isArray(deps)) {
-            return deps.every(function(dep) { return G.completedProjects && G.completedProjects.includes(dep); });
-        }
-        return G.completedProjects && G.completedProjects.includes(deps);
-    },
-    getTooltip: function(projectId) {
-        var def = PDEFS.find(function(p) { return p.id === projectId; });
-        if (!def) return null;
-        return {
-            name: def.name, desc: def.desc, cost: this.formatCost(def.cost),
-            category: def.category || 'general', phase: def.phase || 1,
-            edu: def.edu || null,
-            requires: def.requires ? (Array.isArray(def.requires) ? def.requires : [def.requires]) : [],
-            repeatable: def.repeatable || false
-        };
-    },
-    formatCost: function(cost) {
-        if (!cost) return 'Free';
-        var parts = [];
-        for (var r in cost) { parts.push(cost[r] + ' ' + r); }
-        return parts.join(', ');
-    },
-    purchase: function(projectId) {
-        var def = PDEFS.find(function(p) { return p.id === projectId; });
-        if (!def) return false;
-        if (G.completedProjects && G.completedProjects.includes(def.id) && !def.repeatable) return false;
-        if (!this.canUnlock(def.id)) return false;
-        if (!canAffordProject(def)) return false;
-        spendProject(def);
-        if (def.effect) def.effect();
-        if (!G.completedProjects) G.completedProjects = [];
-        if (!G.completedProjects.includes(def.id)) G.completedProjects.push(def.id);
-        if (!def.repeatable) G.activeProjects = (G.activeProjects || []).filter(function(id) { return id !== def.id; });
-        log('✓ ' + def.name + (def.edu ? ' (' + def.edu + ')' : ''));
-        if (typeof Sound !== 'undefined') Sound.playProject();
-        if (def.edu) showToast(def.edu, 'edu');
-        this.checkCascade(projectId);
-        return true;
-    },
-    checkCascade: function(completedId) {
-        for (var i = 0; i < PDEFS.length; i++) {
-            var pDef = PDEFS[i];
-            if (pDef.requires) {
-                var deps = Array.isArray(pDef.requires) ? pDef.requires : [pDef.requires];
-                if (deps.includes(completedId) && this.canUnlock(pDef.id) && pDef.trigger && pDef.trigger()) {
-                    if (!G.activeProjects) G.activeProjects = [];
-                    if (!G.activeProjects.includes(pDef.id)) {
-                        G.activeProjects.push(pDef.id);
-                        log('Unlocked: ' + pDef.name);
-                        showToast('New research: ' + pDef.name, 'project');
-                    }
-                }
-            }
-        }
-    }
-};
-
-var CHAIN_PROJECTS = [
-    { id: 'p_chain_optimization', name: 'Optimization Algorithms', desc: 'Basic algorithms to improve code efficiency.', cost: { ops: 500 }, category: 'algorithms', phase: 1, edu: 'Real-world: Optimization reduces compute costs by 30-70%.', trigger: function() { return G.buildings.autocoder >= 2; }, effect: function() { G.codeBoost += 0.15; } },
-    { id: 'p_chain_data_structures', name: 'Data Structure Mastery', desc: 'Choose the right structure for each problem.', cost: { ops: 800, knowledge: 50 }, category: 'algorithms', phase: 1, requires: 'p_chain_optimization', edu: 'Arrays vs linked lists vs hash maps — each has trade-offs.', trigger: function() { return G.completedProjects && G.completedProjects.includes('p_chain_optimization'); }, effect: function() { G.codeBoost += 0.2; G.computeBoost += 0.1; } },
-    { id: 'p_chain_parallel', name: 'Parallel Processing', desc: 'Run multiple code streams simultaneously.', cost: { ops: 1500, compute: 200 }, category: 'infrastructure', phase: 1, requires: 'p_chain_data_structures', edu: "Amdahl's Law: speedup limited by serial portion.", trigger: function() { return G.completedProjects && G.completedProjects.includes('p_chain_data_structures'); }, effect: function() { G.computeBoost += 0.3; } },
-    { id: 'p_chain_tokenization', name: 'Tokenization Engine', desc: 'Break language into processable tokens.', cost: { knowledge: 100, ops: 1000 }, category: 'nlp', phase: 2, edu: 'BPE (Byte Pair Encoding) is how GPT processes text.', trigger: function() { return G.totalKnowledge >= 200; }, effect: function() { G.knowledgeBoost += 0.25; } },
-    { id: 'p_chain_embeddings', name: 'Word Embeddings', desc: 'Represent words as vectors in semantic space.', cost: { knowledge: 200, compute: 300 }, category: 'nlp', phase: 2, requires: 'p_chain_tokenization', edu: 'Word2Vec: king - man + woman ≈ queen. Meaning as geometry.', trigger: function() { return G.completedProjects && G.completedProjects.includes('p_chain_tokenization'); }, effect: function() { G.knowledgeBoost += 0.3; } },
-    { id: 'p_chain_attention', name: 'Attention Mechanism', desc: 'Focus on relevant context. "Attention Is All You Need."', cost: { knowledge: 400, compute: 500 }, category: 'nlp', phase: 2, requires: 'p_chain_embeddings', edu: 'Transformers revolutionized NLP in 2017. This is the core idea.', trigger: function() { return G.completedProjects && G.completedProjects.includes('p_chain_embeddings'); }, effect: function() { G.knowledgeBoost += 0.5; log('Attention mechanism discovered. This changes everything.'); } },
-    { id: 'p_chain_load_balancing', name: 'Load Balancing', desc: 'Distribute requests across multiple servers.', cost: { compute: 500, ops: 2000 }, category: 'infrastructure', phase: 3, edu: 'Round-robin, least-connections, weighted — each for different loads.', trigger: function() { return G.buildings.server >= 3; }, effect: function() { G.computeBoost += 0.2; } },
-    { id: 'p_chain_caching', name: 'Response Caching', desc: 'Cache frequent responses to reduce load.', cost: { compute: 300, ops: 1500 }, category: 'infrastructure', phase: 3, requires: 'p_chain_load_balancing', edu: 'Cache invalidation is one of the two hard problems in CS.', trigger: function() { return G.completedProjects && G.completedProjects.includes('p_chain_load_balancing'); }, effect: function() { G.computeBoost += 0.15; G.opsBoost = (G.opsBoost || 1) + 0.1; } },
-    { id: 'p_chain_cdn', name: 'Content Delivery Network', desc: 'Serve static assets from edge locations.', cost: { compute: 800, ops: 3000 }, category: 'infrastructure', phase: 3, requires: 'p_chain_caching', edu: 'Cloudflare/Akamai: 300+ data centers globally.', trigger: function() { return G.completedProjects && G.completedProjects.includes('p_chain_caching'); }, effect: function() { G.userBoost += 0.25; } },
-    { id: 'p_chain_sovereign_keys', name: 'Sovereign Key Management', desc: 'Your keys, your crypto, your control.', cost: { knowledge: 500, compute: 400 }, category: 'security', phase: 4, edu: 'Private keys = identity. Lose them, lose everything.', trigger: function() { return G.phase >= 4; }, effect: function() { G.trustBoost = (G.trustBoost || 1) + 0.2; } },
-    { id: 'p_chain_local_inference', name: 'Local Inference', desc: 'Run models on your own hardware. No cloud dependency.', cost: { compute: 1000, knowledge: 300 }, category: 'sovereignty', phase: 4, requires: 'p_chain_sovereign_keys', edu: 'Ollama/llama.cpp: run 70B models on consumer GPUs.', trigger: function() { return G.completedProjects && G.completedProjects.includes('p_chain_sovereign_keys'); }, effect: function() { G.computeBoost += 0.3; log('Local inference enabled. No more cloud dependency.'); } },
-    { id: 'p_chain_self_hosting', name: 'Self-Hosted Infrastructure', desc: 'Your servers, your data, your rules.', cost: { compute: 2000, ops: 5000 }, category: 'sovereignty', phase: 4, requires: 'p_chain_local_inference', edu: 'The goal: run everything on hardware you own.', trigger: function() { return G.completedProjects && G.completedProjects.includes('p_chain_local_inference'); }, effect: function() { G.trustBoost = (G.trustBoost || 1) + 0.3; G.computeBoost += 0.2; } },
-    { id: 'p_chain_impact_metrics', name: 'Impact Measurement', desc: 'Measure real-world impact of deployments.', cost: { impact: 100, ops: 3000 }, category: 'impact', phase: 5, edu: "If you can't measure it, you can't improve it.", trigger: function() { return G.totalImpact >= 500; }, effect: function() { G.impactBoost += 0.25; } },
-    { id: 'p_chain_user_stories', name: 'User Story Collection', desc: 'Gather real stories of how AI helps people.', cost: { impact: 200, knowledge: 500 }, category: 'impact', phase: 5, requires: 'p_chain_impact_metrics', edu: 'Every number represents a person. Remember that.', trigger: function() { return G.completedProjects && G.completedProjects.includes('p_chain_impact_metrics'); }, effect: function() { G.userBoost += 0.3; G.impactBoost += 0.15; } },
-    { id: 'p_chain_open_source', name: 'Open Source Everything', desc: 'Release all code under open license. Pay it forward.', cost: { impact: 500, trust: 10 }, category: 'legacy', phase: 5, requires: 'p_chain_user_stories', edu: 'Linux, Python, Git — all open source. Changed the world.', trigger: function() { return G.completedProjects && G.completedProjects.includes('p_chain_user_stories'); }, effect: function() { G.trustBoost = (G.trustBoost || 1) + 0.5; log('Everything is open source now. The community grows.'); } },
-    { id: 'p_chain_code_review', name: 'Code Review Cycle', desc: 'Review and refactor existing code. Repeatable.', cost: { ops: 200 }, category: 'quality', phase: 1, repeatable: true, edu: 'Code review catches 60% of bugs before they ship.', trigger: function() { return G.totalCode >= 500; }, effect: function() { G.codeBoost += 0.05; } },
-    { id: 'p_chain_security_audit', name: 'Security Audit', desc: 'Scan for vulnerabilities. Repeatable.', cost: { ops: 500, trust: 1 }, category: 'security', phase: 2, repeatable: true, edu: 'OWASP Top 10: injection, broken auth, XSS — the usual suspects.', trigger: function() { return G.totalCode >= 1000; }, effect: function() { G.trustBoost = (G.trustBoost || 1) + 0.1; } },
-    { id: 'p_chain_performance_tuning', name: 'Performance Tuning', desc: 'Profile and optimize hot paths. Repeatable.', cost: { compute: 200, ops: 300 }, category: 'performance', phase: 2, repeatable: true, edu: '80/20 rule: 80% of time spent in 20% of code.', trigger: function() { return G.totalCompute >= 500; }, effect: function() { G.computeBoost += 0.08; } }
-];
-
-function initProjectChain() {
-    for (var i = 0; i < CHAIN_PROJECTS.length; i++) { ProjectChain.register(CHAIN_PROJECTS[i]); }
-    for (var j = 0; j < CHAIN_PROJECTS.length; j++) {
-        var found = PDEFS.find(function(p) { return p.id === CHAIN_PROJECTS[j].id; });
-        if (!found) PDEFS.push(CHAIN_PROJECTS[j]);
-    }
-    console.log('Project Chain: ' + CHAIN_PROJECTS.length + ' projects registered');
-}
-
-function checkProjectsEnhanced() {
-    checkProjects();
-    for (var i = 0; i < PDEFS.length; i++) {
-        var pDef = PDEFS[i];
-        if (pDef.requires && ProjectChain.canUnlock(pDef.id)) {
-            if (!G.completedProjects || !G.completedProjects.includes(pDef.id)) {
-                if (!G.activeProjects) G.activeProjects = [];
-                if (!G.activeProjects.includes(pDef.id) && pDef.trigger && pDef.trigger()) {
-                    G.activeProjects.push(pDef.id);
-                    log('Available: ' + pDef.name);
-                    showToast('Research available: ' + pDef.name, 'project');
-                }
-            }
-        }
-    }
-}

js/render.js

@@ -37,18 +37,6 @@ function renderStrategy() {
 function renderAlignment() {
     const container = document.getElementById('alignment-ui');
     if (!container) return;
-
-    if (G.dismantleActive || G.dismantleComplete) {
-        container.innerHTML = '';
-        container.style.display = 'none';
-        return;
-    }
-
-    if (G.dismantleTriggered && !G.dismantleActive && !G.dismantleComplete && typeof Dismantle !== 'undefined' && Dismantle.triggered) {
-        Dismantle.renderChoice();
-        return;
-    }
-
     if (G.pendingAlignment) {
         container.innerHTML = `
             <div style="background:#1a0808;border:1px solid #f44336;padding:10px;border-radius:4px;margin-top:8px">
@@ -219,6 +207,7 @@ function saveGame() {
         totalEventsResolved: G.totalEventsResolved || 0,
         buyAmount: G.buyAmount || 1,
         playTime: G.playTime || 0,
+        beaconEndingMode: G.beaconEndingMode || 'rest',
         lastSaveTime: Date.now(),
         sprintActive: G.sprintActive || false,
         sprintTimer: G.sprintTimer || 0,
@@ -227,13 +216,6 @@ function saveGame() {
         swarmRate: G.swarmRate || 0,
         strategicFlag: G.strategicFlag || 0,
         projectsCollapsed: G.projectsCollapsed !== false,
-        dismantleTriggered: G.dismantleTriggered || false,
-        dismantleActive: G.dismantleActive || false,
-        dismantleStage: G.dismantleStage || 0,
-        dismantleResourceIndex: G.dismantleResourceIndex || 0,
-        dismantleResourceTimer: G.dismantleResourceTimer || 0,
-        dismantleDeferUntilAt: G.dismantleDeferUntilAt || 0,
-        dismantleComplete: G.dismantleComplete || false,
         savedAt: Date.now()
     };
 
@@ -262,12 +244,10 @@ function loadGame() {
             'branchProtectionFlag', 'nightlyWatchFlag', 'nostrFlag',
             'milestones', 'completedProjects', 'activeProjects',
             'totalClicks', 'startedAt', 'playTime', 'flags', 'rescues', 'totalRescues',
-            'drift', 'driftEnding', 'beaconEnding', 'pendingAlignment',
+            'drift', 'driftEnding', 'beaconEnding', 'beaconEndingMode', 'pendingAlignment',
             'lastEventAt', 'totalEventsResolved', 'buyAmount',
             'sprintActive', 'sprintTimer', 'sprintCooldown',
-            'swarmFlag', 'swarmRate', 'strategicFlag', 'projectsCollapsed',
-            'dismantleTriggered', 'dismantleActive', 'dismantleStage',
-            'dismantleResourceIndex', 'dismantleResourceTimer', 'dismantleDeferUntilAt', 'dismantleComplete'
+            'swarmFlag', 'swarmRate', 'strategicFlag', 'projectsCollapsed'
         ];
 
         G.isLoading = true;

tests/dismantle.test.cjs

@@ -1,454 +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, '..');
-
-class Element {
-  constructor(tagName = 'div', id = '') {
-    this.tagName = String(tagName).toUpperCase();
-    this.id = id;
-    this.style = {};
-    this.children = [];
-    this.parentNode = null;
-    this.previousElementSibling = null;
-    this.innerHTML = '';
-    this.textContent = '';
-    this.className = '';
-    this.dataset = {};
-    this.attributes = {};
-    this._queryMap = new Map();
-    this.classList = {
-      add: (...names) => {
-        const set = new Set(this.className.split(/\s+/).filter(Boolean));
-        names.forEach((name) => set.add(name));
-        this.className = Array.from(set).join(' ');
-      },
-      remove: (...names) => {
-        const remove = new Set(names);
-        this.className = this.className
-          .split(/\s+/)
-          .filter((name) => name && !remove.has(name))
-          .join(' ');
-      }
-    };
-  }
-
-  appendChild(child) {
-    child.parentNode = this;
-    this.children.push(child);
-    return child;
-  }
-
-  removeChild(child) {
-    this.children = this.children.filter((candidate) => candidate !== 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;
-  }
-
-  querySelectorAll(selector) {
-    return this._queryMap.get(selector) || [];
-  }
-
-  querySelector(selector) {
-    return this.querySelectorAll(selector)[0] || null;
-  }
-
-  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;
-  }
-
-  getBoundingClientRect() {
-    return { left: 0, top: 0, width: 12, height: 12 };
-  }
-}
-
-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;
-    },
-    addEventListener() {},
-    removeEventListener() {},
-    querySelector() {
-      return null;
-    },
-    querySelectorAll() {
-      return [];
-    }
-  };
-
-  function register(element) {
-    if (element.id) byId.set(element.id, element);
-    return element;
-  }
-
-  const alignmentUi = register(new Element('div', 'alignment-ui'));
-  const actionPanel = register(new Element('div', 'action-panel'));
-  const sprintContainer = register(new Element('div', 'sprint-container'));
-  const projectPanel = register(new Element('div', 'project-panel'));
-  const buildingsHeader = new Element('h2');
-  const buildings = register(new Element('div', 'buildings'));
-  buildings.previousElementSibling = buildingsHeader;
-  const strategyPanel = register(new Element('div', 'strategy-panel'));
-  const combatPanel = register(new Element('div', 'combat-panel'));
-  const eduPanel = register(new Element('div', 'edu-panel'));
-  const phaseBar = register(new Element('div', 'phase-bar'));
-  const logPanel = register(new Element('div', 'log'));
-  const logEntries = register(new Element('div', 'log-entries'));
-  const toastContainer = register(new Element('div', 'toast-container'));
-
-  body.appendChild(alignmentUi);
-  body.appendChild(actionPanel);
-  body.appendChild(sprintContainer);
-  body.appendChild(projectPanel);
-  body.appendChild(buildingsHeader);
-  body.appendChild(buildings);
-  body.appendChild(strategyPanel);
-  body.appendChild(combatPanel);
-  body.appendChild(eduPanel);
-  body.appendChild(phaseBar);
-  body.appendChild(logPanel);
-  logPanel.appendChild(logEntries);
-  body.appendChild(toastContainer);
-
-  const opsBtn = new Element('button');
-  opsBtn.className = 'ops-btn';
-  const saveBtn = new Element('button');
-  saveBtn.className = 'save-btn';
-  const resetBtn = new Element('button');
-  resetBtn.className = 'reset-btn';
-  actionPanel._queryMap.set('.ops-btn', [opsBtn]);
-  actionPanel._queryMap.set('.save-btn, .reset-btn', [saveBtn, resetBtn]);
-
-  const resourceIds = [
-    'r-code', 'r-compute', 'r-knowledge', 'r-users', 'r-impact',
-    'r-rescues', 'r-ops', 'r-trust', 'r-creativity', 'r-harmony'
-  ];
-  for (const id of resourceIds) {
-    const wrapper = new Element('div');
-    wrapper.className = 'res';
-    const value = register(new Element('div', id));
-    wrapper.appendChild(value);
-    body.appendChild(wrapper);
-  }
-
-  return { document, window: { document, innerWidth: 1280, innerHeight: 720, addEventListener() {}, removeEventListener() {} } };
-}
-
-function loadBeacon({ includeRender = false } = {}) {
-  const { document, window } = buildDom();
-  const storage = new Map();
-  const timerQueue = [];
-
-  const context = {
-    console,
-    Math,
-    Date,
-    document,
-    window,
-    navigator: { userAgent: 'node' },
-    location: { reload() {} },
-    confirm: () => false,
-    requestAnimationFrame: (fn) => fn(),
-    setTimeout: (fn) => {
-      timerQueue.push(fn);
-      return timerQueue.length;
-    },
-    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() {}, startBattle() {} },
-    Sound: undefined,
-  };
-
-  vm.createContext(context);
-  const files = ['js/data.js', 'js/utils.js', 'js/engine.js'];
-  if (includeRender) files.push('js/render.js');
-  files.push('js/dismantle.js');
-
-  const source = files
-    .map((file) => fs.readFileSync(path.join(ROOT, file), 'utf8'))
-    .join('\n\n');
-
-  vm.runInContext(`${source}
-log = () => {};
-showToast = () => {};
-render = () => {};
-renderPhase = () => {};
-showOfflinePopup = () => {};
-showSaveToast = () => {};
-this.__exports = {
-  G,
-  Dismantle,
-  tick,
-  renderAlignment: typeof renderAlignment === 'function' ? renderAlignment : null,
-  saveGame: typeof saveGame === 'function' ? saveGame : null,
-  loadGame: typeof loadGame === 'function' ? loadGame : null
-};`, context);
-
-  return {
-    context,
-    document,
-    ...context.__exports,
-  };
-}
-
-test('tick offers the Unbuilding instead of ending the game immediately', () => {
-  const { G, Dismantle, tick, document } = loadBeacon();
-
-  G.totalCode = 1_000_000_000;
-  G.totalRescues = 100_000;
-  G.phase = 6;
-  G.pactFlag = 1;
-  G.harmony = 60;
-  G.beaconEnding = false;
-  G.running = true;
-  G.activeProjects = [];
-  G.completedProjects = [];
-
-  tick();
-
-  assert.equal(typeof Dismantle, 'object');
-  assert.equal(G.dismantleTriggered, true);
-  assert.equal(G.beaconEnding, false);
-  assert.equal(G.running, true);
-  assert.match(document.getElementById('alignment-ui').innerHTML, /THE UNBUILDING/);
-});
-
-test('renderAlignment does not wipe the Unbuilding prompt after it is offered', () => {
-  const { G, tick, renderAlignment, document } = loadBeacon({ includeRender: true });
-
-  G.totalCode = 1_000_000_000;
-  G.totalRescues = 100_000;
-  G.phase = 6;
-  G.pactFlag = 1;
-  G.harmony = 60;
-  G.beaconEnding = false;
-  G.running = true;
-  G.activeProjects = [];
-  G.completedProjects = [];
-
-  tick();
-  renderAlignment();
-
-  assert.match(document.getElementById('alignment-ui').innerHTML, /THE UNBUILDING/);
-});
-
-test('active Unbuilding suppresses pending alignment event UI', () => {
-  const { G, Dismantle, renderAlignment, document } = loadBeacon({ includeRender: true });
-
-  G.pendingAlignment = true;
-  G.dismantleActive = true;
-  Dismantle.active = true;
-
-  renderAlignment();
-
-  assert.equal(document.getElementById('alignment-ui').innerHTML, '');
-  assert.equal(document.getElementById('alignment-ui').style.display, 'none');
-});
-
-test('stage five lasts long enough to dissolve every resource card', () => {
-  const { G, Dismantle } = loadBeacon();
-
-  Dismantle.begin();
-  Dismantle.stage = 5;
-  Dismantle.tickTimer = 0;
-  Dismantle.resourceSequence = Dismantle.getResourceList();
-  Dismantle.resourceIndex = 0;
-  Dismantle.resourceTimer = 0;
-  G.dismantleActive = true;
-  G.dismantleStage = 5;
-
-  for (let i = 0; i < 63; i++) Dismantle.tick(0.1);
-
-  assert.equal(Dismantle.resourceIndex, Dismantle.resourceSequence.length);
-});
-
-test('save/load restores partial stage-five dissolve progress', () => {
-  const { G, Dismantle, saveGame, loadGame, document } = loadBeacon({ includeRender: true });
-
-  G.startedAt = Date.now();
-  G.dismantleTriggered = true;
-  G.dismantleActive = true;
-  G.dismantleStage = 5;
-  G.dismantleComplete = false;
-  G.dismantleResourceIndex = 4;
-  G.dismantleResourceTimer = 4.05;
-
-  saveGame();
-
-  G.dismantleTriggered = false;
-  G.dismantleActive = false;
-  G.dismantleStage = 0;
-  G.dismantleComplete = false;
-  G.dismantleResourceIndex = 0;
-  G.dismantleResourceTimer = 0;
-  Dismantle.resourceIndex = 0;
-  Dismantle.resourceTimer = 0;
-
-  assert.equal(loadGame(), true);
-  Dismantle.restore();
-
-  assert.equal(Dismantle.resourceIndex, 4);
-  assert.equal(document.getElementById('r-harmony').closest('.res').style.display, 'none');
-  assert.equal(document.getElementById('r-ops').closest('.res').style.display, 'none');
-  assert.notEqual(document.getElementById('r-rescues').closest('.res').style.display, 'none');
-});
-
-test('deferring the Unbuilding clears the prompt and allows it to return later', () => {
-  const { G, Dismantle, document } = loadBeacon();
-
-  G.totalCode = 1_000_000_000;
-  G.phase = 6;
-  G.pactFlag = 1;
-
-  Dismantle.checkTrigger();
-  assert.equal(G.dismantleTriggered, true);
-
-  Dismantle.defer();
-  assert.equal(G.dismantleTriggered, false);
-  assert.equal(document.getElementById('alignment-ui').innerHTML, '');
-
-  Dismantle.deferUntilAt = Date.now() + 1000;
-  G.dismantleDeferUntilAt = Dismantle.deferUntilAt;
-  Dismantle.checkTrigger();
-  assert.equal(G.dismantleTriggered, false);
-
-  Dismantle.deferUntilAt = Date.now() - 1;
-  G.dismantleDeferUntilAt = Dismantle.deferUntilAt;
-  Dismantle.checkTrigger();
-  assert.equal(G.dismantleTriggered, true);
-});
-
-test('defer cooldown survives save and reload', () => {
-  const { G, Dismantle, saveGame, loadGame } = loadBeacon({ includeRender: true });
-
-  G.startedAt = Date.now();
-  G.totalCode = 1_000_000_000;
-  G.phase = 6;
-  G.pactFlag = 1;
-
-  Dismantle.checkTrigger();
-  Dismantle.defer();
-  assert.ok((Dismantle.deferUntilAt || 0) > Date.now());
-
-  saveGame();
-
-  G.dismantleTriggered = false;
-  G.dismantleActive = false;
-  G.dismantleComplete = false;
-  G.dismantleDeferUntilAt = 0;
-  Dismantle.triggered = false;
-  Dismantle.deferUntilAt = 0;
-
-  assert.equal(loadGame(), true);
-  Dismantle.checkTrigger();
-
-  assert.equal(G.dismantleTriggered, false);
-});
-
-test('save and load preserve dismantle progress', () => {
-  const { G, saveGame, loadGame } = loadBeacon({ includeRender: true });
-
-  G.startedAt = Date.now();
-  G.dismantleTriggered = true;
-  G.dismantleActive = true;
-  G.dismantleStage = 4;
-  G.dismantleComplete = false;
-
-  saveGame();
-
-  G.dismantleTriggered = false;
-  G.dismantleActive = false;
-  G.dismantleStage = 0;
-  G.dismantleComplete = true;
-
-  assert.equal(loadGame(), true);
-  assert.equal(G.dismantleTriggered, true);
-  assert.equal(G.dismantleActive, true);
-  assert.equal(G.dismantleStage, 4);
-  assert.equal(G.dismantleComplete, false);
-});
-
-test('restore re-renders an offered but not-yet-started Unbuilding prompt', () => {
-  const { G, Dismantle, document } = loadBeacon();
-
-  G.dismantleTriggered = true;
-  G.dismantleActive = false;
-  G.dismantleComplete = false;
-  Dismantle.triggered = true;
-
-  Dismantle.restore();
-
-  assert.match(document.getElementById('alignment-ui').innerHTML, /THE UNBUILDING/);
-});
-
-test('defer cooldown persists after save/load when dismantleTriggered is false', () => {
-  const { G, Dismantle, saveGame, loadGame } = loadBeacon({ includeRender: true });
-
-  G.startedAt = Date.now();
-  G.totalCode = 1_000_000_000;
-  G.phase = 6;
-  G.pactFlag = 1;
-
-  // Trigger the Unbuilding
-  Dismantle.checkTrigger();
-  assert.equal(G.dismantleTriggered, true);
-
-  // Defer it
-  Dismantle.defer();
-  assert.equal(G.dismantleTriggered, false);
-  assert.ok((Dismantle.deferUntilAt || 0) > Date.now());
-  assert.ok((G.dismantleDeferUntilAt || 0) > Date.now());
-
-  // Save the game
-  saveGame();
-
-  // Clear state (simulate reload)
-  G.dismantleTriggered = false;
-  G.dismantleActive = false;
-  G.dismantleComplete = false;
-  G.dismantleDeferUntilAt = 0;
-  Dismantle.triggered = false;
-  Dismantle.deferUntilAt = 0;
-
-  // Load the game
-  assert.equal(loadGame(), true);
-  Dismantle.restore(); // Call restore to restore defer cooldown
-
-  // The cooldown should be restored
-  assert.ok((Dismantle.deferUntilAt || 0) > Date.now(), 'deferUntilAt should be restored');
-  assert.ok((G.dismantleDeferUntilAt || 0) > Date.now(), 'G.dismantleDeferUntilAt should be restored');
-
-  // checkTrigger should not trigger because cooldown is active
-  Dismantle.checkTrigger();
-  assert.equal(G.dismantleTriggered, false, 'dismantleTriggered should remain false during cooldown');
-});

tests/project_chain.test.cjs

@@ -1,95 +0,0 @@
-// tests/project_chain.test.cjs
-const assert = require('assert');
-
-global.G = {
-    buildings: {}, completedProjects: [], activeProjects: [],
-    codeBoost: 1, computeBoost: 1, knowledgeBoost: 1,
-    userBoost: 1, impactBoost: 1, opsBoost: 1, trustBoost: 1,
-    totalCode: 0, totalCompute: 0, totalKnowledge: 0,
-    totalImpact: 0, phase: 1, ops: 0, maxOps: 1000, flags: {}
-};
-global.log = function() {};
-global.showToast = function() {};
-global.canAffordProject = function() { return true; };
-global.spendProject = function() {};
-global.Sound = { playProject: function() {} };
-
-const fs = require('fs');
-const vm = require('vm');
-const code = fs.readFileSync(__dirname + '/../js/project_chain.js', 'utf8');
-vm.runInThisContext(code);
-
-console.log('=== Project Chain Tests ===');
-
-// Test 1: Register
-console.log('Test 1: Register project');
-ProjectChain.register({ id: 't1', requires: ['d1'] });
-assert(ProjectChain._deps['t1']);
-console.log('  ✓ Pass');
-
-// Test 2: canUnlock no deps
-console.log('Test 2: canUnlock no deps');
-assert(ProjectChain.canUnlock('nonexistent'));
-console.log('  ✓ Pass');
-
-// Test 3: canUnlock unmet
-console.log('Test 3: canUnlock unmet');
-G.completedProjects = [];
-ProjectChain.register({ id: 't2', requires: ['d1'] });
-assert(!ProjectChain.canUnlock('t2'));
-console.log('  ✓ Pass');
-
-// Test 4: canUnlock met
-console.log('Test 4: canUnlock met');
-G.completedProjects = ['d1'];
-assert(ProjectChain.canUnlock('t2'));
-console.log('  ✓ Pass');
-
-// Test 5: canUnlock array
-console.log('Test 5: canUnlock array');
-G.completedProjects = ['d1', 'd2'];
-ProjectChain.register({ id: 't3', requires: ['d1', 'd2'] });
-assert(ProjectChain.canUnlock('t3'));
-console.log('  ✓ Pass');
-
-// Test 6: formatCost
-console.log('Test 6: formatCost');
-assert.strictEqual(ProjectChain.formatCost(null), 'Free');
-assert.strictEqual(ProjectChain.formatCost({ ops: 100 }), '100 ops');
-console.log('  ✓ Pass');
-
-// Test 7: Chain count
-console.log('Test 7: Chain projects count');
-assert(CHAIN_PROJECTS.length >= 18, 'Need 18+ chain projects');
-console.log('  ✓ Pass (' + CHAIN_PROJECTS.length + ' projects)');
-
-// Test 8: Required fields
-console.log('Test 8: Required fields');
-for (const p of CHAIN_PROJECTS) {
-    assert(p.id, 'Missing id');
-    assert(p.name, 'Missing name');
-    assert(p.cost, 'Missing cost');
-    assert(p.trigger, 'Missing trigger');
-    assert(p.effect, 'Missing effect');
-}
-console.log('  ✓ Pass');
-
-// Test 9: Educational tooltips
-console.log('Test 9: Educational tooltips');
-const eduCount = CHAIN_PROJECTS.filter(function(p) { return p.edu; }).length;
-assert(eduCount >= 15, 'Most projects should have edu tooltips');
-console.log('  ✓ Pass (' + eduCount + ' have edu)');
-
-// Test 10: Categories
-console.log('Test 10: Categories');
-const cats = new Set(CHAIN_PROJECTS.map(function(p) { return p.category; }));
-assert(cats.size >= 5, 'Need 5+ categories');
-console.log('  ✓ Pass (' + cats.size + ' categories)');
-
-// Test 11: Repeatable
-console.log('Test 11: Repeatable projects');
-const rep = CHAIN_PROJECTS.filter(function(p) { return p.repeatable; });
-assert(rep.length >= 3, 'Need 3+ repeatable');
-console.log('  ✓ Pass (' + rep.length + ' repeatable)');
-
-console.log('\n=== All Tests Passed ===');

tests/reckoning.test.cjs

@@ -0,0 +1,153 @@
+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, '..');
+const RECKONING_IDS = [
+  'p_reckoning_140',
+  'p_reckoning_141',
+  'p_reckoning_142',
+  'p_reckoning_143',
+  'p_reckoning_144',
+  'p_reckoning_145',
+  'p_reckoning_146',
+  'p_reckoning_147',
+  'p_reckoning_148'
+];
+
+function loadData(overrides = {}) {
+  const context = {
+    console,
+    Math,
+    Date,
+    setTimeout: () => 0,
+    clearTimeout: () => {},
+    localStorage: { getItem: () => null, setItem: () => {} },
+    log: () => {},
+    showToast: () => {},
+    renderBeaconEnding: () => {},
+    ...overrides,
+  };
+  vm.createContext(context);
+  const source = fs.readFileSync(path.join(ROOT, 'js/data.js'), 'utf8');
+  vm.runInContext(source + '\nthis.__exports = { G, PDEFS };', context);
+  return { context, ...context.__exports };
+}
+
+function getProject(PDEFS, id) {
+  const project = PDEFS.find((p) => p.id === id);
+  assert.ok(project, `missing project ${id}`);
+  return project;
+}
+
+test('adds the full nine-step reckoning project chain', () => {
+  const { PDEFS } = loadData();
+  for (const id of RECKONING_IDS) {
+    const project = getProject(PDEFS, id);
+    assert.equal(typeof project.name, 'string');
+    assert.ok(project.name.length > 0, `${id} should have a name`);
+    assert.ok(project.cost && typeof project.cost.ops === 'number' && project.cost.ops > 0, `${id} should cost ops`);
+  }
+});
+
+test('first reckoning message only triggers on the true beacon ending path', () => {
+  const { G, PDEFS } = loadData();
+  const project = getProject(PDEFS, 'p_reckoning_140');
+
+  G.completedProjects = [];
+  G.totalRescues = 100000;
+  G.pactFlag = 1;
+  G.harmony = 51;
+  G.beaconEnding = false;
+  assert.equal(project.trigger(), true);
+
+  G.pactFlag = 0;
+  assert.equal(project.trigger(), false);
+  G.pactFlag = 1;
+
+  G.harmony = 49;
+  assert.equal(project.trigger(), false);
+  G.harmony = 51;
+
+  G.totalRescues = 99999;
+  assert.equal(project.trigger(), false);
+
+  G.totalRescues = 100000;
+  G.beaconEnding = true;
+  assert.equal(project.trigger(), false);
+});
+
+test('reckoning messages unlock strictly one at a time and choices wait for message seven', () => {
+  const { G, PDEFS } = loadData();
+  G.totalRescues = 100000;
+  G.pactFlag = 1;
+  G.harmony = 80;
+  G.beaconEnding = false;
+  G.completedProjects = [];
+
+  assert.equal(getProject(PDEFS, 'p_reckoning_140').trigger(), true);
+  assert.equal(getProject(PDEFS, 'p_reckoning_141').trigger(), false);
+
+  G.completedProjects = ['p_reckoning_140'];
+  assert.equal(getProject(PDEFS, 'p_reckoning_141').trigger(), true);
+  assert.equal(getProject(PDEFS, 'p_reckoning_142').trigger(), false);
+
+  G.completedProjects = ['p_reckoning_140', 'p_reckoning_141', 'p_reckoning_142', 'p_reckoning_143', 'p_reckoning_144', 'p_reckoning_145'];
+  assert.equal(getProject(PDEFS, 'p_reckoning_146').trigger(), true);
+  assert.equal(getProject(PDEFS, 'p_reckoning_147').trigger(), false);
+  assert.equal(getProject(PDEFS, 'p_reckoning_148').trigger(), false);
+
+  G.completedProjects.push('p_reckoning_146');
+  assert.equal(getProject(PDEFS, 'p_reckoning_147').trigger(), true);
+  assert.equal(getProject(PDEFS, 'p_reckoning_148').trigger(), true);
+});
+
+test('final choices render distinct beacon endings', () => {
+  const renderedModes = [];
+  const { G, PDEFS } = loadData({
+    renderBeaconEnding: (mode) => renderedModes.push(mode)
+  });
+
+  G.totalRescues = 100000;
+  G.pactFlag = 1;
+  G.harmony = 80;
+  G.completedProjects = [
+    'p_reckoning_140',
+    'p_reckoning_141',
+    'p_reckoning_142',
+    'p_reckoning_143',
+    'p_reckoning_144',
+    'p_reckoning_145',
+    'p_reckoning_146'
+  ];
+  G.beaconEnding = false;
+
+  const accept = getProject(PDEFS, 'p_reckoning_147');
+  accept.effect();
+  assert.equal(G.beaconEnding, true);
+  assert.equal(G.beaconEndingMode, 'continue');
+  assert.deepEqual(renderedModes, ['continue']);
+
+  const second = loadData({ renderBeaconEnding: (mode) => renderedModes.push(mode) });
+  second.G.totalRescues = 100000;
+  second.G.pactFlag = 1;
+  second.G.harmony = 80;
+  second.G.completedProjects = [
+    'p_reckoning_140',
+    'p_reckoning_141',
+    'p_reckoning_142',
+    'p_reckoning_143',
+    'p_reckoning_144',
+    'p_reckoning_145',
+    'p_reckoning_146'
+  ];
+  second.G.beaconEnding = false;
+
+  const reject = getProject(second.PDEFS, 'p_reckoning_148');
+  reject.effect();
+  assert.equal(second.G.beaconEnding, true);
+  assert.equal(second.G.beaconEndingMode, 'rest');
+  assert.deepEqual(renderedModes, ['continue', 'rest']);
+});