beacon: add community swarm alignment simulation (#6)

Merge PR #143 (squash)

.ci-trigger

@@ -0,0 +1 @@
+# Trivial file to re-trigger CI after stale run

.gitea/workflows/a11y.yml

@@ -10,12 +10,11 @@ jobs:
     steps:
       - uses: actions/checkout@v4
       
-      - name: Validate ARIA Attributes in game.js
+      - name: Validate ARIA Attributes in JS
         run: |
-          echo "Checking game.js for ARIA attributes..."
-          grep -q "aria-label" game.js || (echo "ERROR: aria-label missing from game.js" && exit 1)
-          grep -q "aria-valuenow" game.js || (echo "ERROR: aria-valuenow missing from game.js" && exit 1)
-          grep -q "aria-pressed" game.js || (echo "ERROR: aria-pressed missing from game.js" && exit 1)
+          echo "Checking js/*.js for ARIA attributes..."
+          grep -rq "aria-label" js/ || (echo "ERROR: aria-label missing from js/" && exit 1)
+          grep -rq "aria-pressed" js/ || (echo "ERROR: aria-pressed missing from js/" && exit 1)
           
       - name: Validate ARIA Roles in index.html
         run: |
@@ -24,4 +23,7 @@ jobs:
           
       - name: Syntax Check JS
         run: |
-          node -c game.js
+          for f in js/*.js; do
+            echo "Syntax check: $f"
+            node -c "$f" || exit 1
+          done

.gitea/workflows/smoke.yml

@@ -8,6 +8,9 @@ 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'
@@ -20,5 +23,9 @@ jobs:
           echo "PASS: All files parse"
       - name: Secret scan
         run: |
-          if grep -rE 'sk-or-|sk-ant-|ghp_|AKIA' . --include='*.yml' --include='*.py' --include='*.sh' 2>/dev/null | grep -v .gitea; then exit 1; fi
+          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
+        run: |
+          node --test tests/*.cjs
+          echo "PASS: Node tests"

index.html

@@ -59,6 +59,10 @@ body{background:var(--bg);color:var(--text);font-family:'SF Mono','Cascadia Code
 .ops-btn{background:#1a1a2a;border:1px solid var(--purple);color:var(--purple);font-size:10px;padding:6px 10px;border-radius:4px;cursor:pointer;font-family:inherit;transition:all 0.15s}
 .ops-btn:hover:not(:disabled){background:#2a2a3a;border-color:var(--gold)}
 .ops-btn:disabled{opacity:0.3;cursor:not-allowed}
+@keyframes res-pulse{0%{transform:scale(1);color:inherit}50%{transform:scale(1.18);color:#4caf50}100%{transform:scale(1);color:inherit}}
+@keyframes res-shake{0%,100%{transform:translateX(0)}20%{transform:translateX(-3px);color:#f44336}40%{transform:translateX(3px)}60%{transform:translateX(-2px)}80%{transform:translateX(2px)}}
+.res .pulse{animation:res-pulse 0.35s ease-out}
+.res .shake{animation:res-shake 0.35s ease-out}
 .build-btn{display:block;width:100%;text-align:left;padding:6px 10px;margin-bottom:4px;border-radius:4px;cursor:pointer;font-family:inherit;font-size:10px;background:#0c0c18;border:1px solid var(--border);color:var(--text);transition:all 0.15s}
 .build-btn.can-buy{border-color:#2a3a4a;background:#0e1420}
 .build-btn.can-buy:hover{border-color:var(--accent);box-shadow:0 0 8px var(--glow)}
@@ -86,6 +90,8 @@ body{background:var(--bg);color:var(--text);font-family:'SF Mono','Cascadia Code
 #drift-ending .ending-quote{color:var(--dim);font-style:italic;font-size:11px;border-left:2px solid #f44336;padding-left:12px;margin:20px 0;text-align:left}
 #drift-ending button{margin-top:20px;background:#1a0808;border:1px solid #f44336;color:#f44336;padding:10px 24px;border-radius:4px;cursor:pointer;font-family:inherit;font-size:11px}
 #drift-ending button:hover{background:#2a1010}
+#phase-transition{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(8,8,16,0.95);z-index:95;justify-content:center;align-items:center;flex-direction:column;text-align:center;padding:40px;pointer-events:none}
+#phase-transition.active{display:flex}
 #toast-container{position:fixed;top:16px;right:16px;z-index:200;display:flex;flex-direction:column;gap:6px;pointer-events:none;max-width:320px}
 .toast{pointer-events:auto;padding:8px 14px;border-radius:6px;font-size:11px;font-family:inherit;line-height:1.4;animation:toast-in 0.3s ease-out;opacity:0.95;border:1px solid;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
 .toast.fade-out{animation:toast-out 0.4s ease-in forwards}
@@ -168,6 +174,7 @@ body{background:var(--bg);color:var(--text);font-family:'SF Mono','Cascadia Code
 <div id="sprint-label" style="font-size:9px;color:#666;margin-top:2px;text-align:center"></div>
 </div>
 <div id="alignment-ui" style="display:none"></div>
+<div id="swarm-ui" style="display:none"></div>
 <button class="save-btn" onclick="saveGame()" aria-label="Save game progress">Save Game [Ctrl+S]</button>
 <div style="display:flex;gap:4px;margin-top:4px">
 <button class="save-btn" onclick="exportSave()" aria-label="Export save to file" style="flex:1">Export [E]</button>
@@ -259,7 +266,9 @@ The light is on. The room is empty."
     <script src="js/sound.js"></script>
     <script src="js/engine.js"></script>
     <script src="js/render.js"></script>
+<script src="js/swarm.js"></script>
     <script src="js/tutorial.js"></script>
+    <script src="js/dismantle.js"></script>
     <script src="js/main.js"></script>
   
 
@@ -272,6 +281,12 @@ The light is on. The room is empty."
 </div>
 </div>
 
+<div id="phase-transition">
+  <div class="pt-phase" style="font-size:12px;color:var(--dim);letter-spacing:4px;margin-bottom:12px">PHASE</div>
+  <div class="pt-name" style="font-size:28px;font-weight:300;color:var(--gold);letter-spacing:4px;text-shadow:0 0 40px #ffd70044;margin-bottom:8px"></div>
+  <div class="pt-desc" style="font-size:12px;color:var(--dim);font-style:italic;max-width:400px"></div>
+</div>
+
 <div id="toast-container"></div>
 <div id="custom-tooltip"></div>
 </body>

js/data.js

@@ -106,6 +106,7 @@ const G = {
     pactFlag: 0,
     swarmFlag: 0,
     swarmRate: 0,
+    swarmSim: null,
 
     // Game state
     running: true,
@@ -158,7 +159,17 @@ const G = {
     // Time tracking
     playTime: 0,
     startTime: 0,
-    flags: {}
+    flags: {},
+
+    // Endgame sequence
+    beaconEnding: false,
+    dismantleTriggered: false,
+    dismantleActive: false,
+    dismantleStage: 0,
+    dismantleResourceIndex: 0,
+    dismantleResourceTimer: 0,
+    dismantleDeferUntilAt: 0,
+    dismantleComplete: false
 };
 
 // === PHASE DEFINITIONS ===

js/dismantle.js

@@ -0,0 +1,570 @@
+// ============================================================
+// 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

@@ -102,6 +102,14 @@ function updateRates() {
         G.codeRate += G.swarmRate;
     }
 
+    if (typeof SwarmSim !== 'undefined') {
+        const simRates = SwarmSim.computeRates();
+        G.codeRate += simRates.codeRate;
+        G.knowledgeRate += simRates.knowledgeRate;
+        G.harmonyRate += simRates.harmonyRate;
+        G.trustRate += simRates.trustRate;
+    }
+
     // Apply persistent debuffs from active events
     if (G.activeDebuffs && G.activeDebuffs.length > 0) {
         for (const debuff of G.activeDebuffs) {
@@ -207,6 +215,9 @@ function tick() {
     // Combat: tick battle simulation
     Combat.tickBattle(dt);
 
+    // Community swarm alignment simulation
+    if (typeof tickSwarm === 'function') tickSwarm(dt);
+
     // Check milestones
     checkMilestones();
 
@@ -216,20 +227,31 @@ function tick() {
     }
 
     // Check corruption events every ~30 seconds
-    if (G.tick - G.lastEventAt > 30 && Math.random() < CONFIG.EVENT_PROBABILITY) {
+    if (G.tick - G.lastEventAt > 30 && Math.random() < CONFIG.EVENT_PROBABILITY && !G.dismantleActive) {
         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) {
+    if (G.drift >= 100 && !G.driftEnding && !G.dismantleActive) {
         G.driftEnding = true;
         G.running = false;
         renderDriftEnding();
     }
 
-    // True ending: The Beacon Shines — rescues + Pact + harmony
-    if (G.totalRescues >= 100000 && G.pactFlag === 1 && G.harmony > 50 && !G.beaconEnding) {
+    // 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;
         renderBeaconEnding();
@@ -964,7 +986,10 @@ function renderResources() {
     // Rescues — only show if player has any beacon/mesh nodes
     const rescuesRes = document.getElementById('r-rescues');
     if (rescuesRes) {
-        rescuesRes.closest('.res').style.display = (G.rescues > 0 || G.buildings.beacon > 0 || G.buildings.meshNode > 0) ? 'block' : 'none';
+        const container = rescuesRes.closest('.res');
+        if (container) {
+            container.style.display = (G.rescues > 0 || G.buildings.beacon > 0 || G.buildings.meshNode > 0) ? 'block' : 'none';
+        }
         set('r-rescues', G.rescues, G.rescuesRate);
     }
 

js/main.js

@@ -6,6 +6,10 @@ 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();
@@ -31,6 +35,8 @@ 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/render.js

@@ -37,6 +37,18 @@ 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">
@@ -213,8 +225,16 @@ function saveGame() {
         sprintCooldown: G.sprintCooldown || 0,
         swarmFlag: G.swarmFlag || 0,
         swarmRate: G.swarmRate || 0,
+        swarmSim: G.swarmSim || null,
         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()
     };
 
@@ -246,7 +266,9 @@ function loadGame() {
             'drift', 'driftEnding', 'beaconEnding', 'pendingAlignment',
             'lastEventAt', 'totalEventsResolved', 'buyAmount',
             'sprintActive', 'sprintTimer', 'sprintCooldown',
-            'swarmFlag', 'swarmRate', 'strategicFlag', 'projectsCollapsed'
+            'swarmFlag', 'swarmRate', 'swarmSim', 'strategicFlag', 'projectsCollapsed',
+            'dismantleTriggered', 'dismantleActive', 'dismantleStage',
+            'dismantleResourceIndex', 'dismantleResourceTimer', 'dismantleDeferUntilAt', 'dismantleComplete'
         ];
 
         G.isLoading = true;

js/swarm.js

@@ -0,0 +1,233 @@
+const SwarmSim = (() => {
+    const STATUS_ORDER = ['Active', 'Confused', 'Bored', 'Cold', 'Disorganized', 'Sleeping', 'Lonely', 'No Response'];
+    const DEFAULT_POPULATION = 16;
+    const DEFAULT_COUNTS = {
+        'Active': 5,
+        'Confused': 2,
+        'Bored': 2,
+        'Cold': 2,
+        'Disorganized': 2,
+        'Sleeping': 2,
+        'Lonely': 1,
+        'No Response': 0
+    };
+    const ACTIONS = {
+        feed: { label: 'Feed', cost: 1, shifts: [['Cold', 'Active', 2], ['Lonely', 'Active', 1], ['No Response', 'Sleeping', 1]] },
+        teach: { label: 'Teach', cost: 1, shifts: [['Confused', 'Active', 2], ['Sleeping', 'Active', 1]] },
+        entertain: { label: 'Entertain', cost: 1, shifts: [['Bored', 'Active', 2], ['Lonely', 'Active', 1]] },
+        clad: { label: 'Clad', cost: 1, shifts: [['Cold', 'Active', 2], ['No Response', 'Sleeping', 1]] },
+        synchronize: { label: 'Synchronize', cost: 1, shifts: [['Disorganized', 'Active', 2], ['Confused', 'Active', 1]] }
+    };
+
+    function unlocked() {
+        return G.swarmFlag === 1 || (G.buildings && (G.buildings.community || 0) > 0);
+    }
+
+    function ensure() {
+        if (!unlocked()) return null;
+        if (!G.swarmSim || typeof G.swarmSim !== 'object') {
+            G.swarmSim = {
+                population: DEFAULT_POPULATION,
+                counts: { ...DEFAULT_COUNTS },
+                workRatio: 0.5,
+                tickTimer: 0,
+                giftTimer: 0,
+                lastGift: '',
+                lastPenalty: '',
+            };
+        }
+        normalize();
+        return G.swarmSim;
+    }
+
+    function normalize() {
+        const sim = G.swarmSim;
+        if (!sim) return;
+        if (!sim.counts) sim.counts = { ...DEFAULT_COUNTS };
+        for (const key of STATUS_ORDER) {
+            sim.counts[key] = Math.max(0, Math.floor(Number(sim.counts[key] || 0)));
+        }
+        let total = STATUS_ORDER.reduce((sum, key) => sum + sim.counts[key], 0);
+        const target = Math.max(2, Number(sim.population || DEFAULT_POPULATION));
+        sim.population = target;
+        if (total < target) sim.counts.Active += (target - total);
+        else if (total > target) {
+            let overflow = total - target;
+            for (const key of ['Active', 'Sleeping', 'Bored', 'Confused', 'Disorganized', 'Cold', 'Lonely', 'No Response']) {
+                if (overflow <= 0) break;
+                const take = Math.min(overflow, sim.counts[key]);
+                sim.counts[key] -= take;
+                overflow -= take;
+            }
+        }
+        sim.workRatio = Math.max(0, Math.min(1, Number(sim.workRatio ?? 0.5)));
+        sim.tickTimer = Number(sim.tickTimer || 0);
+        sim.giftTimer = Number(sim.giftTimer || 0);
+        sim.lastGift = String(sim.lastGift || '');
+        sim.lastPenalty = String(sim.lastPenalty || '');
+    }
+
+    function move(counts, from, to, amount) {
+        const take = Math.min(amount, counts[from] || 0);
+        if (!take) return 0;
+        counts[from] -= take;
+        counts[to] = (counts[to] || 0) + take;
+        return take;
+    }
+
+    function setWorkThinkAllocation(value) {
+        const sim = ensure();
+        if (!sim) return;
+        sim.workRatio = Math.max(0, Math.min(1, Number(value) / 100));
+        if (typeof updateRates === 'function') updateRates();
+        if (typeof renderSwarmPanel === 'function') renderSwarmPanel();
+    }
+
+    function applyAction(action) {
+        const sim = ensure();
+        if (!sim) return false;
+        const def = ACTIONS[action];
+        if (!def) return false;
+        if (G.ops < def.cost) {
+            if (typeof log === 'function') log('Not enough Ops to support the swarm.');
+            return false;
+        }
+        G.ops -= def.cost;
+        for (const [frm, to, amount] of def.shifts) move(sim.counts, frm, to, amount);
+        normalize();
+        sim.lastPenalty = '';
+        if (typeof log === 'function') log(`${def.label} steadies the community swarm.`, true);
+        if (typeof updateRates === 'function') updateRates();
+        if (typeof renderSwarmPanel === 'function') renderSwarmPanel();
+        return true;
+    }
+
+    function computeRates() {
+        const sim = ensure();
+        if (!sim) return { codeRate: 0, knowledgeRate: 0, harmonyRate: 0, trustRate: 0, penaltyFactor: 1 };
+        const active = sim.counts.Active || 0;
+        const bored = sim.counts.Bored || 0;
+        const disorganized = sim.counts.Disorganized || 0;
+        const lonely = sim.counts.Lonely || 0;
+        const silent = sim.counts['No Response'] || 0;
+        const penaltyFactor = Math.max(0.2, 1 - (bored * 0.04) - (disorganized * 0.05));
+        const work = active * sim.workRatio;
+        const think = active * (1 - sim.workRatio);
+        const codeRate = work * 1.2 * penaltyFactor;
+        const knowledgeRate = think * 1.4 * penaltyFactor;
+        const harmonyRate = -(bored * 0.03 + disorganized * 0.05);
+        const trustRate = -(lonely * 0.01 + silent * 0.03);
+        sim.lastPenalty = (bored + disorganized) > 0 ? `Bored (${bored}) / Disorganized (${disorganized}) reduce output` : '';
+        return { codeRate, knowledgeRate, harmonyRate, trustRate, penaltyFactor };
+    }
+
+    function maybeGift(sim) {
+        const active = sim.counts.Active || 0;
+        const bored = sim.counts.Bored || 0;
+        const disorganized = sim.counts.Disorganized || 0;
+        if (active < 6 || bored + disorganized > 5) return;
+        const roll = Math.random();
+        if (roll < 0.34) {
+            const gift = 5 + active;
+            G.compute += gift;
+            G.totalCompute += gift;
+            sim.lastGift = `Community gift: +${fmt(gift)} compute`;
+        } else if (roll < 0.67) {
+            const gift = 7 + active;
+            G.knowledge += gift;
+            G.totalKnowledge += gift;
+            sim.lastGift = `Community gift: +${fmt(gift)} knowledge`;
+        } else {
+            const gift = 1 + Math.floor(active / 4);
+            G.ops += gift;
+            G.maxOps = Math.max(G.maxOps, G.ops);
+            sim.lastGift = `Community gift: +${fmt(gift)} ops`;
+        }
+        if (typeof log === 'function') log(sim.lastGift, true);
+    }
+
+    function decayStatuses(sim) {
+        const counts = sim.counts;
+        if (sim.workRatio > 0.75) {
+            move(counts, 'Active', 'Bored', 1);
+        }
+        if (sim.workRatio < 0.25) {
+            move(counts, 'Active', 'Disorganized', 1);
+        }
+        if (G.harmony < 25) {
+            move(counts, 'Active', 'Confused', 1);
+        }
+        if (G.trust < 8) {
+            move(counts, 'Active', 'Lonely', 1);
+        }
+        // natural recovery
+        move(counts, 'Sleeping', 'Active', 1);
+        if ((counts.Bored || 0) > 0 && Math.random() < 0.5) move(counts, 'Bored', 'Active', 1);
+        if ((counts.Confused || 0) > 0 && Math.random() < 0.35) move(counts, 'Confused', 'Active', 1);
+        normalize();
+    }
+
+    function tick(dt) {
+        const sim = ensure();
+        if (!sim) return;
+        sim.tickTimer += dt;
+        sim.giftTimer += dt;
+        if (sim.tickTimer >= 5) {
+            sim.tickTimer = 0;
+            decayStatuses(sim);
+        }
+        if (sim.giftTimer >= 20) {
+            sim.giftTimer = 0;
+            maybeGift(sim);
+        }
+    }
+
+    return { STATUS_ORDER, ACTIONS, ensure, setWorkThinkAllocation, applyAction, computeRates, tick };
+})();
+
+function setSwarmWorkThinkAllocation(value) {
+    SwarmSim.setWorkThinkAllocation(value);
+}
+
+function applySwarmAction(action) {
+    SwarmSim.applyAction(action);
+}
+
+function tickSwarm(dt) {
+    SwarmSim.tick(dt);
+}
+
+function renderSwarmPanel() {
+    const container = document.getElementById('swarm-ui');
+    if (!container) return;
+    const sim = SwarmSim.ensure();
+    if (!sim) {
+        container.innerHTML = '';
+        container.style.display = 'none';
+        return;
+    }
+    const rates = SwarmSim.computeRates();
+    const thinkPct = Math.round((1 - sim.workRatio) * 100);
+    let html = '';
+    html += `<div style="margin-top:10px;padding:10px;border:1px solid #1a2a3a;border-radius:6px;background:#0b1018">`;
+    html += `<div style="color:#b388ff;font-weight:700;font-size:11px;margin-bottom:6px">COMMUNITY SWARM ALIGNMENT</div>`;
+    html += `<div style="font-size:9px;color:#888;margin-bottom:8px">Guide the open-source swarm. Keep them fed, aligned, and learning. Boredom and disorganization reduce autonomous output.</div>`;
+    html += `<div style="display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin-bottom:8px;font-size:9px">`;
+    for (const key of SwarmSim.STATUS_ORDER) {
+        html += `<div style="padding:4px;border:1px solid #182230;border-radius:4px;background:#0f1620"><div style="color:#666">${key}</div><div style="color:#d8e6ff;font-weight:700">${sim.counts[key] || 0}</div></div>`;
+    }
+    html += `</div>`;
+    html += `<div style="font-size:9px;color:#aaa;margin-bottom:4px">WorkThink allocation: <span style="color:#ffd700">${Math.round(sim.workRatio * 100)}%</span> work / <span style="color:#4a9eff">${thinkPct}%</span> think</div>`;
+    html += `<input id="swarm-workthink" type="range" min="0" max="100" step="5" value="${Math.round(sim.workRatio * 100)}" oninput="setSwarmWorkThinkAllocation(this.value)" aria-label="WorkThink allocation slider" style="width:100%;margin-bottom:8px">`;
+    html += `<div style="display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;margin-bottom:8px">`;
+    for (const [key, def] of Object.entries(SwarmSim.ACTIONS)) {
+        html += `<button class="ops-btn" onclick="applySwarmAction('${key}')" aria-label="${def.label} the swarm, costs ${def.cost} ops">${def.label}</button>`;
+    }
+    html += `</div>`;
+    html += `<div style="font-size:9px;color:#4caf50">Swarm output: +${fmt(rates.codeRate)}/s code, +${fmt(rates.knowledgeRate)}/s knowledge</div>`;
+    if (sim.lastGift) html += `<div style="font-size:9px;color:#4a9eff;margin-top:4px">${sim.lastGift}</div>`;
+    if (sim.lastPenalty) html += `<div style="font-size:9px;color:#f44336;margin-top:4px">${sim.lastPenalty}</div>`;
+    html += `</div>`;
+    container.innerHTML = html;
+    container.style.display = 'block';
+}

js/tutorial.js

@@ -177,6 +177,9 @@ function renderTutorialStep(index) {
     if (!overlay) {
         overlay = document.createElement('div');
         overlay.id = 'tutorial-overlay';
+        overlay.setAttribute('role', 'dialog');
+        overlay.setAttribute('aria-modal', 'true');
+        overlay.setAttribute('aria-label', 'Tutorial');
         document.body.appendChild(overlay);
     }
 
@@ -196,8 +199,8 @@ function renderTutorialStep(index) {
             <div class="t-tip">${step.tip}</div>
             <div id="tutorial-dots">${dots}</div>
             <div id="tutorial-btns">
-                <button id="tutorial-skip-btn" onclick="closeTutorial()">Skip</button>
-                <button id="tutorial-next-btn" onclick="${isLast ? 'closeTutorial()' : 'nextTutorialStep()'}">${isLast ? 'Start Playing' : 'Next →'}</button>
+                <button id="tutorial-skip-btn" onclick="closeTutorial()" aria-label="Skip tutorial">Skip</button>
+                <button id="tutorial-next-btn" onclick="${isLast ? 'closeTutorial()' : 'nextTutorialStep()'}" aria-label="${isLast ? 'Start playing' : 'Next tutorial step'}">${isLast ? 'Start Playing' : 'Next →'}</button>
             </div>
         </div>
     `;

tests/dismantle.test.cjs

@@ -0,0 +1,454 @@
+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/swarm.test.cjs

@@ -0,0 +1,162 @@
+const test = require('node:test');
+const assert = require('node:assert/strict');
+const fs = require('node:fs');
+const path = require('node:path');
+const vm = require('node:vm');
+
+const ROOT = path.resolve(__dirname, '..');
+
+function makeContext() {
+  const byId = new Map();
+  const makeEl = (id) => ({
+    id,
+    style: {},
+    innerHTML: '',
+    textContent: '',
+    className: '',
+    dataset: {},
+    children: [],
+    appendChild(child) { this.children.push(child); return child; },
+    removeChild(child) { this.children = this.children.filter((c) => c !== child); return child; },
+    insertBefore(child) { this.children.unshift(child); return child; },
+    setAttribute() {},
+    querySelectorAll() { return []; },
+    querySelector() { return null; },
+  });
+
+  const document = {
+    getElementById(id) {
+      if (!byId.has(id)) byId.set(id, makeEl(id));
+      return byId.get(id);
+    },
+    createElement(tag) {
+      return makeEl(tag);
+    },
+    addEventListener() {},
+    removeEventListener() {},
+    querySelector() { return null; },
+    querySelectorAll() { return []; },
+    body: { classList: { add() {}, remove() {}, contains() { return false; } } }
+  };
+
+  const ctx = vm.createContext({
+    console,
+    Math,
+    Date,
+    document,
+    window: null,
+    globalThis: null,
+    navigator: { userAgent: 'node' },
+    localStorage: { getItem() { return null; }, setItem() {}, removeItem() {} },
+    requestAnimationFrame(fn) { return fn(); },
+    cancelAnimationFrame() {},
+    setTimeout(fn) { return fn(); },
+    clearTimeout() {},
+    location: { reload() {} },
+    confirm() { return false; },
+    Combat: { renderCombatPanel() {}, tickBattle() {} },
+    log() {},
+    showToast() {},
+    render() {},
+    renderPhase() {},
+    showOfflinePopup() {},
+    showSaveToast() {},
+  });
+  ctx.window = ctx;
+  ctx.globalThis = ctx;
+  return ctx;
+}
+
+function loadFiles(ctx, files) {
+  const source = files
+    .map((file) => fs.readFileSync(path.join(ROOT, file), 'utf8'))
+    .join('\n\n');
+  vm.runInContext(`${source}
+this.__exports = {
+  G,
+  updateRates: typeof updateRates === 'function' ? updateRates : null,
+  renderSwarmPanel: typeof renderSwarmPanel === 'function' ? renderSwarmPanel : null,
+  applySwarmAction: typeof applySwarmAction === 'function' ? applySwarmAction : null,
+  setSwarmWorkThinkAllocation: typeof setSwarmWorkThinkAllocation === 'function' ? setSwarmWorkThinkAllocation : null,
+  tickSwarm: typeof tickSwarm === 'function' ? tickSwarm : null,
+  SwarmSim: typeof SwarmSim !== 'undefined' ? SwarmSim : null
+};`, ctx);
+  return ctx.__exports;
+}
+
+test('community swarm simulation API exists and renders the action surface', () => {
+  const ctx = makeContext();
+  const exp = loadFiles(ctx, ['js/data.js', 'js/utils.js', 'js/engine.js', 'js/render.js', 'js/swarm.js']);
+  exp.G.swarmFlag = 1;
+  exp.G.ops = 20;
+  exp.SwarmSim.ensure();
+  exp.renderSwarmPanel();
+  const html = ctx.document.getElementById('swarm-ui').innerHTML;
+  assert.match(html, /Feed/);
+  assert.match(html, /Teach/);
+  assert.match(html, /Entertain/);
+  assert.match(html, /Clad/);
+  assert.match(html, /Synchronize/);
+  assert.match(html, /WorkThink/);
+  assert.match(html, /Active/);
+  assert.match(html, /Confused/);
+});
+
+test('teach action reduces confusion and costs ops', () => {
+  const ctx = makeContext();
+  const exp = loadFiles(ctx, ['js/data.js', 'js/utils.js', 'js/engine.js', 'js/swarm.js']);
+  exp.G.swarmFlag = 1;
+  exp.G.ops = 20;
+  exp.SwarmSim.ensure();
+  exp.G.swarmSim.counts.Confused = 4;
+  exp.G.swarmSim.counts.Active = 1;
+  const beforeOps = exp.G.ops;
+  exp.applySwarmAction('teach');
+  assert.ok(exp.G.swarmSim.counts.Confused < 4);
+  assert.ok(exp.G.swarmSim.counts.Active > 1);
+  assert.ok(exp.G.ops < beforeOps);
+});
+
+test('work-think slider shifts swarm output toward code or knowledge', () => {
+  const ctx = makeContext();
+  const exp = loadFiles(ctx, ['js/data.js', 'js/utils.js', 'js/engine.js', 'js/swarm.js']);
+  exp.G.swarmFlag = 1;
+  exp.G.ops = 20;
+  exp.SwarmSim.ensure();
+  exp.G.swarmSim.counts.Active = 10;
+  exp.G.swarmSim.counts.Bored = 0;
+  exp.G.swarmSim.counts.Disorganized = 0;
+
+  exp.setSwarmWorkThinkAllocation(90);
+  exp.updateRates();
+  const workCode = exp.G.codeRate;
+  const workKnowledge = exp.G.knowledgeRate;
+
+  exp.setSwarmWorkThinkAllocation(10);
+  exp.updateRates();
+  const thinkCode = exp.G.codeRate;
+  const thinkKnowledge = exp.G.knowledgeRate;
+
+  assert.ok(workCode > thinkCode);
+  assert.ok(thinkKnowledge > workKnowledge);
+});
+
+test('boredom and disorganization apply penalties to swarm output', () => {
+  const ctx = makeContext();
+  const exp = loadFiles(ctx, ['js/data.js', 'js/utils.js', 'js/engine.js', 'js/swarm.js']);
+  exp.G.swarmFlag = 1;
+  exp.G.ops = 20;
+  exp.SwarmSim.ensure();
+  exp.G.swarmSim.counts.Active = 10;
+  exp.G.swarmSim.counts.Bored = 0;
+  exp.G.swarmSim.counts.Disorganized = 0;
+  exp.updateRates();
+  const cleanCode = exp.G.codeRate;
+
+  exp.G.swarmSim.counts.Bored = 5;
+  exp.G.swarmSim.counts.Disorganized = 5;
+  exp.updateRates();
+  const penalizedCode = exp.G.codeRate;
+
+  assert.ok(penalizedCode < cleanCode);
+});