Legacy - Core

.upgrade-card.affordable { border-color: #ffd700; background: #3a3a1a; }

.upgrade-card.owned { border-color: #4caf50; background: #1a3a1a; opacity: 0.8; } legacy core

These systems are typically , meaning all functions are tightly coupled into a single, massive piece of software. Most were built on mainframe technology in the 1970s and 1980s, designed for stability and batch processing rather than the real-time, 24/7 demands of modern mobile banking. The True Cost of "Inertia" You are building a monument of around it

Before you know it, you aren't strangling the fig. You are building a monument of around it. You now have a legacy core and a messy proxy layer. Congratulations, you have doubled your technical debt. Gained ${gain} Legacy Points.`)

private renderUpgradeCard(id: string, name: string, cost: number, desc: string): string { const owned = this.engine.storage.legacy.upgrades.includes(id); if (owned) { return `<div class="upgrade-card owned"><b>${name}</b><br/>Purchased</div>`; }

const canAfford = this.engine.storage.legacy.points >= cost; return ` <div class="upgrade-card ${canAfford ? 'affordable' : ''}" data-id="${id}" data-cost="${cost}"> <b>${name}</b><br/> Cost: ${cost} LP<br/> <small>${desc}</small> <button class="btn-buy-upgrade" ${canAfford ? '' : 'disabled'}>Buy</button> </div> `; }

console.log(`Transcended! Gained ${gain} Legacy Points.`); }