: center; padding: 20px; width: 80%; max-width: 500px; background-color: rgba(0,0,0,0.03); border-radius: 10px; font-size: 16px; color: #555;">Waiting for battle data...<br>Start a battle to see the timeline.</div>';

            if (window.BattleTimelineGenerator) {

                window.BattleTimelineGenerator.startListening();

                const battleDataStr = localStorage.getItem('lastBattleData');
                if (battleDataStr) {
                    try {
                        const eventD