^new^: Xstoryplayer

subscribe(listener) this.statsListeners.push(listener); listener(this); return () => this.statsListeners = this.statsListeners.filter(l => l !== listener); ;

// update everything after state changes function fullUpdate(playerInstance) renderStory(playerInstance); updateMetaDisplay(playerInstance); // also manage undo button state based on history (disabled if no history) const hasHistory = playerInstance.getStepCount() > 0; undoBtn.style.opacity = hasHistory ? "1" : "0.6"; undoBtn.style.cursor = hasHistory ? "pointer" : "not-allowed"; if (!hasHistory) undoBtn.disabled = true; else undoBtn.disabled = false; xstoryplayer

.story-text font-size: 1.4rem; line-height: 1.5; color: #f0f3fc; font-weight: 450; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); margin-bottom: 2rem; font-family: 'Segoe UI', 'Georgia', serif; word-break: break-word; transition: opacity 0.2s ease; subscribe(listener) this

.story-text, .choice-btn animation: fadeSlide 0.3s ease-out; return () =&gt

<div class="control-bar"> <button class="ctrl-btn" id="undoBtn" title="rewind last choice">↩ Undo</button> <button class="ctrl-btn reset-btn" id="resetBtn">⟳ Restart journey</button> <div class="progress-indicator"> <span>📖</span> <span id="historyDepth">0</span> steps </div> </div> <div class="footer-note"> ✦ every choice weaves destiny — xstoryplayer ✦ </div> </div>