The Resonance Engine https://cdn.tailwindcss.com @import url(‘https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap’); body { font-family: ‘Inter’, sans-serif; background-color: #0d0d10; color: #e0e0e0; } .glitch-text { font-size: 2.5rem; text-shadow: 1px 0 0 #ff00ff, -1px 0 0 #00ffff; animation: glitch-animation 1s infinite step-end; } @keyframes glitch-animation { 0% { text-shadow: 1px 0 0 #ff00ff, -1px 0 0 #00ffff; transform: translate(0); } 10% { text-shadow: 2px 0 0 #ff00ff, -2px 0 0 #00ffff; transform: translate(-2px); } 20% { text-shadow: -1px 0 0 #ff00ff, 1px 0 0 #00ffff; transform: translate(1px); } 30% { text-shadow: 3px 0 0 #ff00ff, -3px 0 0 #00ffff; transform: translate(-3px); } 100% { text-shadow: 1px 0 0 #ff00ff, -1px 0 0 #00ffff; transform: translate(0); } } // — MACHINE AXIOMS AND STATE — let resolve = 0; let globalCP = 10; let rollCounter = 0; const TARGET_DIFFICULTY = 15; // Represents a moderate D20 TPB check (e.g., Target 15) const resolveCount = document.getElementById(‘resolve-count’); const cpCount = document.getElementById(‘cp-count’); const anomalyText = document.getElementById(‘anomaly-text’); const logDisplay = document.getElementById(‘log-display’); const actionButton = document.getElementById(‘action-button’); function updateDisplay() { resolveCount.textContent = resolve; cpCount.textContent = globalCP; // Adjust CP display color based on severity const cpDisplay = document.getElementById(‘cp-display’); if (globalCP >= 25) { cpDisplay.className = cpDisplay.className.replace(/red-900\/40|red-700\/50/, ‘bg-red-800/60 border-red-500’); } else { cpDisplay.className = cpDisplay.className.replace(/bg-red-800\/60 border-red-500/, ‘bg-red-900/40 border-red-700/50’); } } function log(message, type = ‘system’) { const p = document.createElement(‘p’); p.textContent = `[T=${rollCounter}] ${message}`; let color = ‘text-gray-500’; if (type === ‘success’) color = ‘text-green-400’; if (type === ‘failure’) color = ‘text-red-400’; if (type === ‘resource’) color = ‘text-amber-400’; p.className = `${color}`; logDisplay.prepend(p); // Add to top // Limit log entries to keep performance fast while (logDisplay.children.length > 50) { logDisplay.removeChild(logDisplay.lastChild); } } // — MACHINE LOGIC (The Unsentimental Truth) — function attemptSomaticDischarge() { rollCounter++; actionButton.disabled = true; const roll = Math.floor(Math.random() * 20) + 1; const success = roll >= TARGET_DIFFICULTY; const failureMargin = TARGET_DIFFICULTY – roll; // Positive if fail let resultMessage = `// D20 ROLL: ${roll}. Target: ${TARGET_DIFFICULTY}. // `; if (success) { // AXIOM 1: Functional Output (SUCCESS) log(resultMessage + “DISCHARGE STABLE. Anomaly temporarily contained.”, ‘success’); anomalyText.textContent = `// ANOMALY STABILIZED (${roll}). Global Dysregulation reduced. //`; globalCP = Math.max(0, globalCP – 2); // Minor CP reduction for success log(`[SYSTEM] Global Dysregulation reduced by 2.`, ‘system’); } else { // AXIOM 2: Functional Output (FAILURE) globalCP += 5; // Significant CP increase for failure log(resultMessage + “DISCHARGE FAILED. Anomaly intensified.”, ‘failure’); anomalyText.textContent = `// ANOMALY INTENSIFIED (${roll}). The wound persists. //`; // AXIOM 3: V2 RESOLVE GAIN LOGIC (Failure Must Empower) if (failureMargin >= 5) { // Fail by margin of 5 or more resolve += 1; log(`[RESOURCE] Failure Margin ${failureMargin}. +1 RESOLVE GAINED. The only way out is through.`, ‘resource’); } else { // Standard D20 failure (margin = 40) { log(`!!! CATASTROPHIC DYSREGULATION. THE LEMNISCATE DESCENDS. !!!`, ‘failure’); anomalyText.textContent = `// CRITICAL FAILURE. THE LEMNISCATE DESCENDS. SYSTEM OVERLOAD. //`; actionButton.textContent = “SYSTEM OVERLOAD (RESTART REQUIRED)”; actionButton.disabled = true; actionButton.onclick = () => window.location.reload(); } else { setTimeout(() => { actionButton.disabled = false; }, 1000); } updateDisplay(); } // — INIT — actionButton.addEventListener(‘click’, attemptSomaticDischarge); updateDisplay();