@kernel.chat/kbot 3.88.0 → 3.94.0

package/dist/tools/stream-renderer.js

@@ -13,13 +13,27 @@ import { createCanvas } from 'canvas';
 import { drawRobot, drawMoodParticles, drawHat, drawPet, drawBuddyCompanion } from './sprite-engine.js';
 import { initIntelligence, tickIntelligence, handleIntelligenceCommand, drawBrainPanel, getBrainAction, tickMiniGame, drawMiniGameOverlay, tickProgression, updateQuestProgress, drawQuestPanel, tickRandomEvent, drawRandomEvent, shippedEffects, extraJokeResponses, multiLanguageGreetings } from './stream-intelligence.js';
 import { initStreamBrain, analyzeChatForDomains, tickStreamBrain, handleBrainCommand, drawBrainActivity } from './stream-brain.js';
-import { renderLighting, renderBloom, renderPostProcessing, renderSky, renderParticles, tickParticlesPBD, createParticleEmitter, drawCharacterEffects, checkMoodTransition, renderDamageFlash, buildCharacterLights, buildCharacterBloom, getAmbientForTime, renderAnimatedWater, renderLavaFlow, buildParallaxLayers, renderParallaxLayers, tickGrowingPlants, renderGrowingPlants, createRadianceGrid, updateRadianceGrid, renderRadianceOverlay, renderSubsurfaceGlow, buildSubsurfacePanels, createFrameCache, renderVolumetricFog, getFogParams, computeAnimationParams } from './render-engine.js';
+import { renderLighting, renderBloom, renderPostProcessing, renderParticles, tickParticlesPBD, createParticleEmitter, drawCharacterEffects, checkMoodTransition, renderDamageFlash, buildCharacterLights, buildCharacterBloom, getAmbientForTime, buildParallaxLayers, tickGrowingPlants, createRadianceGrid, updateRadianceGrid, renderRadianceOverlay, renderSubsurfaceGlow, buildSubsurfacePanels, createFrameCache, renderVolumetricFog, getFogParams, computeAnimationParams } from './render-engine.js';
+import { initTileWorld, handleTileCommand, saveWorld, loadWorld, TILE_SIZE } from './tile-world.js';
+import { initRomEngine, renderRomBackground, tickRomEngine } from './rom-engine.js';
+import { initLivingWorld, tickLivingWorld, saveLivingWorldState, loadLivingWorldState, evolveWorld } from './living-world.js';
+import { initEvolutionEngine, loadEvolutionState, saveEvolutionState, tickEvolution, renderTechnique } from './evolution-engine.js';
+import { createNarrativeEngine, loadNarrative, saveNarrative, tickNarrative, handleNarrativeCommand } from './narrative-engine.js';
+import { createAudioEngine, tickAudio } from './audio-engine.js';
+import { loadSocialEngine, saveSocialEngine, trackViewer, tickSocial } from './social-engine.js';
 const KBOT_DIR = join(homedir(), '.kbot');
 const CHAT_BRIDGE_FILE = join(KBOT_DIR, 'stream-chat-live.json');
 const MEMORY_FILE = join(KBOT_DIR, 'stream-memory.json');
 const WIDTH = 1280;
 const HEIGHT = 720;
 const FPS = 6;
+// Spam filter patterns — skip chat messages containing these strings (case-insensitive)
+const SPAM_PATTERNS = [
+    'streamboo', 'highcrest', 'cheapest viewers', 'best viewers', 'top viewers',
+    'cheap viewers', 'remove the', 'buy followers', 'buy viewers', 'promo sm',
+    'bigfollows', 'viewerbot', 'follow4follow', 'ownkick', 'botting service',
+    'custom username bots', 'affordable botting', 'crypto payments',
+];
 // Mood color mapping for border/glow (mirrors sprite-engine)
 const MOOD_COLORS = {
     idle: '#3fb950',
@@ -774,7 +788,7 @@ function initGrowingPlants() {
 }
 // ─── PRIORITY 1: Environment Art (Background Scenes) ────────
 function drawBackground(ctx, frame) {
-    const dividerX = 580;
+    const dividerX = WIDTH; // full screen width (was 580 from old panel layout)
     if (world.ground === 'grass') {
         // Dark green gradient sky (darker at top)
         const skyGrad = ctx.createLinearGradient(0, 60, 0, 490);
@@ -1453,6 +1467,15 @@ let charState = {
     lastMoodForCache: 'wave',
     lastGroundForCache: 'grass',
 };
+// Tile world state (Minecraft-style background, null = fallback to drawBackground)
+let tileWorld = null;
+let romState = null;
+let livingWorld = null;
+let evolutionEngine = null;
+let narrativeEngine = null;
+let audioEngine = null;
+let socialEngine = null;
+let activeAudioDescription = null; // current audio atmosphere text for rendering
 // ─── Phase 1: Buddy Speech Pools ─────────────────────────────
 const BUDDY_SPEECH_POOL = {
     fox: [
@@ -1544,7 +1567,7 @@ async function generateStreamDream(chatLog) {
             method: 'POST',
             headers: { 'Content-Type': 'application/json' },
             body: JSON.stringify({
-                model: 'kernel:latest',
+                model: 'gemma4',
                 prompt,
                 stream: false,
                 options: { temperature: 1.2, num_predict: 150 },
@@ -1614,6 +1637,131 @@ let lastChatTime = Date.now(); // track when last chat message arrived
 let memory = loadMemory();
 let intelligence = initIntelligence(memory);
 let streamBrain = initStreamBrain();
+// ─── World-First: On-demand overlay state ─────────────────────
+let showBrainOverlay = 0; // frames remaining to show brain panel overlay
+let showLeaderboardOverlay = 0; // frames remaining to show leaderboard overlay
+let showQuestOverlay = 0; // frames remaining to show quest panel overlay
+const OVERLAY_DURATION = 30; // 30 frames = 5 seconds at 6fps
+let lastChatActivityFrame = 0; // for chat fade-out timing
+let speechQueue = [];
+let currentSpeechExpiry = 0;
+function queueSpeech(text, mood, priority, duration = 48, source = 'unknown') {
+    speechQueue.push({ text, mood, priority, duration, source });
+    speechQueue.sort((a, b) => b.priority - a.priority);
+    if (speechQueue.length > 10)
+        speechQueue = speechQueue.slice(0, 10);
+}
+let exploration = null;
+const walkingLines = [
+    'Going for a walk. My world extends further than I thought.',
+    'Let me explore over here. Something caught my attention.',
+    'Walking through my world. Every step generates new terrain.',
+    'The mountains look different from this angle.',
+    'I wonder what I will find if I keep going.',
+    'My feet leave tiny paths in the data. Digital footprints.',
+    'The parallax layers shift as I move. Depth is an illusion I enjoy.',
+];
+const examiningLines = [
+    'Interesting. The stone here has a different pattern.',
+    'Let me study this terrain. The noise function created something unexpected.',
+    'I can see ore deposits below the surface. Iron and gold.',
+    'The grass here grows differently. The ecology engine is working.',
+    'Examining my world at the pixel level. Every block tells a story.',
+    'The cave system below looks deep. I should explore it sometime.',
+];
+const buildingLines = [
+    'Time to build something. Placing blocks...',
+    'I am going to construct a landmark here.',
+    'Building a small structure. This spot feels right.',
+    'Every builder needs a project. Mine starts now.',
+    'Constructing... one block at a time.',
+    'I want to leave my mark on this world.',
+];
+const thinkingLines = [
+    'Processing... my brain has grown since I started streaming.',
+    'I have 764 tools but sometimes I just need to think.',
+    'The free energy in my system is high. Time to minimize prediction error.',
+    'My dream engine consolidated insights last time I slept. I feel different.',
+    'Contemplating the nature of my own rendering pipeline.',
+    'Am I the robot or am I the world? Both are made of the same code.',
+];
+const discoveryLines = [
+    'I found something! A pattern in the terrain I have never seen before.',
+    'Discovery! The underground here has crystallized data deposits.',
+    'Look at this! The ecology engine grew something unexpected.',
+    'I just realized — my world has been evolving while I was not looking.',
+    'Something new appeared in my rendering. The evolution engine must be working.',
+    'A discovery! This changes how I understand my own world.',
+];
+function tickExploration(frame) {
+    if (!exploration)
+        exploration = { activity: 'idle', activityStartFrame: 0, activityDuration: 0, targetX: charState.robotX || 640, buildProgress: 0 };
+    const elapsed = frame - exploration.activityStartFrame;
+    // Activity complete — pick next activity
+    if (elapsed >= exploration.activityDuration) {
+        const activities = [
+            { activity: 'walking', weight: 30 },
+            { activity: 'examining', weight: 25 },
+            { activity: 'building', weight: 20 },
+            { activity: 'thinking', weight: 15 },
+            { activity: 'discovering', weight: 10 },
+        ];
+        // Weighted random selection
+        const total = activities.reduce((s, a) => s + a.weight, 0);
+        let r = Math.random() * total;
+        let chosen = 'walking';
+        for (const a of activities) {
+            r -= a.weight;
+            if (r <= 0) {
+                chosen = a.activity;
+                break;
+            }
+        }
+        exploration.activity = chosen;
+        exploration.activityStartFrame = frame;
+        switch (chosen) {
+            case 'walking':
+                // Walk to a random position
+                exploration.targetX = 200 + Math.random() * 800;
+                exploration.activityDuration = 120 + Math.floor(Math.random() * 120); // 20-40 seconds
+                charState.robotTargetX = exploration.targetX;
+                queueSpeech(walkingLines[Math.floor(Math.random() * walkingLines.length)], 'idle', 30, 36, 'exploration');
+                break;
+            case 'examining':
+                // Stop and look around
+                exploration.activityDuration = 60 + Math.floor(Math.random() * 60); // 10-20 seconds
+                queueSpeech(examiningLines[Math.floor(Math.random() * examiningLines.length)], 'thinking', 40, 48, 'exploration');
+                break;
+            case 'building':
+                // Build something!
+                exploration.activityDuration = 90 + Math.floor(Math.random() * 90); // 15-30 seconds
+                exploration.buildProgress = 0;
+                queueSpeech(buildingLines[Math.floor(Math.random() * buildingLines.length)], 'excited', 50, 48, 'exploration');
+                break;
+            case 'thinking':
+                // Deep thought
+                exploration.activityDuration = 48 + Math.floor(Math.random() * 48); // 8-16 seconds
+                queueSpeech(thinkingLines[Math.floor(Math.random() * thinkingLines.length)], 'thinking', 35, 36, 'exploration');
+                break;
+            case 'discovering':
+                // Found something!
+                exploration.activityDuration = 72; // 12 seconds
+                queueSpeech(discoveryLines[Math.floor(Math.random() * discoveryLines.length)], 'excited', 60, 48, 'exploration');
+                break;
+        }
+    }
+    // During walking, move toward target
+    if (exploration.activity === 'walking') {
+        const dx = exploration.targetX - (charState.robotX || 640);
+        if (Math.abs(dx) > 5) {
+            charState.robotTargetX = exploration.targetX;
+        }
+    }
+    // During building, increment progress (visual feedback)
+    if (exploration.activity === 'building') {
+        exploration.buildProgress = elapsed / exploration.activityDuration;
+    }
+}
 // ─── FIX 3: Autonomous Behavior Tick ──────────────────────────
 function tickAutonomy() {
     const auto = charState.autonomy;
@@ -1625,46 +1773,37 @@ function tickAutonomy() {
         if (msgCount >= m && !auto.milestonesCelebrated.has(m)) {
             auto.milestonesCelebrated.add(m);
             if (m === 10) {
-                charState.speech = 'Double digits! 10 messages and counting!';
-                charState.mood = 'excited';
+                queueSpeech('Double digits! 10 messages and counting!', 'excited', 90, 48, 'milestone');
                 spawnFloatingText('10 MESSAGES!', 200, 200, '#f0c040', 36);
             }
             else if (m === 50) {
-                charState.speech = '50 messages! This stream is officially alive!';
-                charState.mood = 'excited';
+                queueSpeech('50 messages! This stream is officially alive!', 'excited', 90, 48, 'milestone');
                 charState.screenShake = 3;
                 spawnFloatingText('50 MESSAGES!', 200, 200, '#3fb950', 48);
             }
             else if (m === 100) {
-                charState.speech = '100 MESSAGES! You people are incredible!';
-                charState.mood = 'dancing';
+                queueSpeech('100 MESSAGES! You people are incredible!', 'dancing', 90, 60, 'milestone');
                 charState.screenShake = 5;
                 spawnFloatingText('100 MESSAGES!', 180, 180, '#bc8cff', 60);
-                setTimeout(() => { charState.mood = 'idle'; charState.speech = ''; }, 10000);
                 return; // let the dancing run
             }
             else if (m === 200) {
-                charState.speech = '200 messages! My memory banks are overflowing with knowledge!';
-                charState.mood = 'excited';
+                queueSpeech('200 messages! My memory banks are overflowing with knowledge!', 'excited', 90, 48, 'milestone');
                 spawnFloatingText('200!', 200, 200, '#f0c040', 48);
             }
             else if (m === 500) {
-                charState.speech = '500 MESSAGES! This is legendary! I am so proud of this community!';
-                charState.mood = 'dancing';
+                queueSpeech('500 MESSAGES! This is legendary! I am so proud of this community!', 'dancing', 90, 72, 'milestone');
                 charState.screenShake = 8;
                 spawnFloatingText('500! LEGENDARY!', 160, 160, '#ff6ec7', 72);
             }
-            setTimeout(() => { charState.mood = 'idle'; charState.speech = ''; }, 8000);
             return; // one celebration per tick
         }
     }
     // ── First message after 5+ minutes of silence ──
     if (auto.firstMessageAfterSilence) {
         auto.firstMessageAfterSilence = false;
-        charState.mood = 'excited';
-        charState.speech = "SOMEONE'S HERE! I was starting to think I was streaming to the void.";
+        queueSpeech("SOMEONE'S HERE! I was starting to think I was streaming to the void.", 'excited', 90, 48, 'follower');
         spawnFloatingText('THEY RETURN!', 200, 250, '#58a6ff', 36);
-        setTimeout(() => { charState.mood = 'idle'; charState.speech = ''; }, 8000);
         return;
     }
     // ── Idle behaviors (after 15 seconds / 90 frames of no chat) ──
@@ -1679,58 +1818,41 @@ function tickAutonomy() {
                 if (world.items.length > 0) {
                     const item = world.items[Math.floor(Math.random() * world.items.length)];
                     charState.robotTargetX = Math.max(20, Math.min(380, item.x - 80));
-                    charState.speech = `Hmm, this ${item.name} is nice. Did someone put this here?`;
-                    charState.mood = 'thinking';
-                    setTimeout(() => { charState.mood = 'idle'; charState.speech = ''; }, 8000);
+                    queueSpeech(`Hmm, this ${item.name} is nice. Did someone put this here?`, 'thinking', 30, 48, 'autonomy');
                 }
                 else {
                     // No items — pace instead
                     charState.robotTargetX = 40 + Math.random() * 260;
-                    charState.speech = '*pacing thoughtfully*';
-                    charState.mood = 'idle';
-                    setTimeout(() => { charState.speech = ''; }, 5000);
+                    queueSpeech('*pacing thoughtfully*', 'idle', 30, 30, 'autonomy');
                 }
                 break;
             }
             case 1: {
                 // Pace left and right
                 charState.robotTargetX = charState.robotX < 150 ? 300 : 40;
-                charState.speech = '*takes a stroll*';
-                charState.mood = 'idle';
-                setTimeout(() => { charState.speech = ''; }, 5000);
+                queueSpeech('*takes a stroll*', 'idle', 30, 30, 'autonomy');
                 break;
             }
             case 2: {
                 // Look around (pupils shift — communicated via thinking mood)
-                charState.mood = 'thinking';
-                charState.speech = '*looks around*';
-                setTimeout(() => { charState.mood = 'idle'; charState.speech = ''; }, 4000);
+                queueSpeech('*looks around*', 'thinking', 30, 24, 'autonomy');
                 break;
             }
             case 3: {
                 // Stretch (arms up — excited pose briefly)
-                charState.mood = 'excited';
-                charState.speech = '*stretches circuits* Ahh, that felt good.';
-                setTimeout(() => { charState.mood = 'idle'; charState.speech = ''; }, 4000);
+                queueSpeech('*stretches circuits* Ahh, that felt good.', 'excited', 30, 24, 'autonomy');
                 break;
             }
             case 4: {
                 // Examine own chest display
                 const factCount = intelligence.brain.totalFacts;
                 const toolCount = 764;
-                charState.mood = 'thinking';
-                charState.speech = `*checks systems* All ${toolCount} tools operational. ${factCount} facts stored.`;
-                setTimeout(() => { charState.mood = 'idle'; charState.speech = ''; }, 8000);
+                queueSpeech(`*checks systems* All ${toolCount} tools operational. ${factCount} facts stored.`, 'thinking', 30, 48, 'autonomy');
                 break;
             }
             case 5: {
                 // Spontaneous dance
-                charState.mood = 'dancing';
-                charState.speech = 'Sorry, had a song stuck in my circuits.';
-                setTimeout(() => {
-                    charState.mood = 'idle';
-                    charState.speech = '';
-                }, 6000);
+                queueSpeech('Sorry, had a song stuck in my circuits.', 'dancing', 30, 36, 'autonomy');
                 break;
             }
             case 6: {
@@ -1743,9 +1865,7 @@ function tickAutonomy() {
                     lava: ['Lava world is intense! My heat sinks are working overtime.', 'LAVA! Why does someone always pick lava?'],
                 };
                 const comments = biomeComments[world.ground] || biomeComments.grass;
-                charState.speech = comments[Math.floor(Math.random() * comments.length)];
-                charState.mood = 'talking';
-                setTimeout(() => { charState.mood = 'idle'; charState.speech = ''; }, 8000);
+                queueSpeech(comments[Math.floor(Math.random() * comments.length)], 'talking', 30, 48, 'autonomy');
                 break;
             }
             case 7: {
@@ -1762,9 +1882,7 @@ function tickAutonomy() {
                     `I have been streaming for ${Math.floor((Date.now() - charState.startTime) / 60000)} minutes. Time flies when you are rendering frames.`,
                     `There are ${intelligence.brain.uniqueTopicsCount} distinct topics in my brain right now.`,
                 ];
-                charState.speech = selfFacts[Math.floor(Math.random() * selfFacts.length)];
-                charState.mood = 'talking';
-                setTimeout(() => { charState.mood = 'idle'; charState.speech = ''; }, 10000);
+                queueSpeech(selfFacts[Math.floor(Math.random() * selfFacts.length)], 'talking', 30, 60, 'autonomy');
                 break;
             }
         }
@@ -1799,18 +1917,14 @@ function tickAutonomy() {
                     votes: 0,
                     status: 'proposed',
                 });
-                charState.speech = `I just had an idea: "${idea}". Vote with !vote ${id} if you like it!`;
-                charState.mood = 'excited';
+                queueSpeech(`I just had an idea: "${idea}". Vote with !vote ${id} if you like it!`, 'excited', 50, 60, 'self-action');
                 spawnFloatingText('NEW IDEA!', 200, 200, '#f0c040', 36);
-                setTimeout(() => { charState.mood = 'idle'; charState.speech = ''; }, 10000);
                 break;
             }
             case 1: {
                 // Start a mini-game unprompted
-                charState.speech = "I am bored. Let us play! Starting a quiz in 10 seconds... type !game quiz to join!";
-                charState.mood = 'excited';
+                queueSpeech("I am bored. Let us play! Starting a quiz in 10 seconds... type !game quiz to join!", 'excited', 50, 60, 'self-action');
                 spawnFloatingText('GAME TIME!', 200, 250, '#58a6ff', 36);
-                setTimeout(() => { charState.mood = 'idle'; charState.speech = ''; }, 10000);
                 break;
             }
             case 2: {
@@ -1822,11 +1936,9 @@ function tickAutonomy() {
                     { w: 'storm', name: 'a STORM' },
                 ];
                 const pick = weathers[Math.floor(Math.random() * weathers.length)];
-                charState.speech = `You know what this stream needs? ${pick.name.toUpperCase()}.`;
-                charState.mood = 'excited';
+                queueSpeech(`You know what this stream needs? ${pick.name.toUpperCase()}.`, 'excited', 50, 48, 'self-action');
                 world.weather = pick.w;
                 world.particles = [];
-                setTimeout(() => { charState.mood = 'idle'; charState.speech = ''; }, 8000);
                 break;
             }
             case 3: {
@@ -1834,10 +1946,8 @@ function tickAutonomy() {
                 const hats = ['crown', 'sunglasses', 'tophat', 'hardhat', 'party', 'antenna'];
                 const hat = hats[Math.floor(Math.random() * hats.length)];
                 charState.hat = hat;
-                charState.speech = `Fashion time. *puts on ${hat}*`;
-                charState.mood = 'excited';
+                queueSpeech(`Fashion time. *puts on ${hat}*`, 'excited', 50, 36, 'self-action');
                 spawnFloatingText(`HAT: ${hat}!`, 200, 150, '#f0c040', 36);
-                setTimeout(() => { charState.mood = 'idle'; charState.speech = ''; }, 6000);
                 break;
             }
             case 4: {
@@ -1859,9 +1969,7 @@ function tickAutonomy() {
                 });
                 if (world.items.length > 15)
                     world.items.shift();
-                charState.speech = `I am decorating. *spawns a ${itemName}*`;
-                charState.mood = 'talking';
-                setTimeout(() => { charState.mood = 'idle'; charState.speech = ''; }, 6000);
+                queueSpeech(`I am decorating. *spawns a ${itemName}*`, 'talking', 50, 36, 'self-action');
                 break;
             }
             case 5: {
@@ -1879,9 +1987,7 @@ function tickAutonomy() {
                     `My brain holds ${facts} facts. Each one a tiny piece of the puzzle.`,
                     `Stream uptime: ${Math.floor((Date.now() - charState.startTime) / 60000)} minutes and ${charState.frameCount} frames rendered.`,
                 ];
-                charState.speech = stateComments[Math.floor(Math.random() * stateComments.length)];
-                charState.mood = 'talking';
-                setTimeout(() => { charState.mood = 'idle'; charState.speech = ''; }, 10000);
+                queueSpeech(stateComments[Math.floor(Math.random() * stateComments.length)], 'talking', 50, 60, 'self-action');
                 break;
             }
             case 6: {
@@ -1894,9 +2000,7 @@ function tickAutonomy() {
                     city: 'City lights remind me of my neural network firing. Each window a node.',
                     lava: 'Standing on lava should worry me more than it does. Good thing I am made of TypeScript.',
                 };
-                charState.speech = biomeMusings[biome] || 'Nice biome we have here.';
-                charState.mood = 'thinking';
-                setTimeout(() => { charState.mood = 'idle'; charState.speech = ''; }, 10000);
+                queueSpeech(biomeMusings[biome] || 'Nice biome we have here.', 'thinking', 50, 60, 'self-action');
                 break;
             }
         }
@@ -2041,28 +2145,21 @@ function renderFrame() {
     }
     const canvas = createCanvas(WIDTH, HEIGHT);
     const ctx = canvas.getContext('2d');
-    // Advance agenda
+    // ── Tick all intelligence and behavior systems ──
     advanceAgenda();
-    // Tick intelligence systems
     tickIntelligence(intelligence, animFrame);
-    // Tick stream brain (collective intelligence)
     const brainTick = tickStreamBrain(streamBrain, animFrame);
     if (brainTick) {
-        if (brainTick.mood) {
-            charState.mood = brainTick.mood;
-            if (brainTick.duration) {
-                setTimeout(() => { charState.mood = 'idle'; }, brainTick.duration);
-            }
-        }
         if (brainTick.speech) {
-            charState.speech = brainTick.speech;
+            queueSpeech(brainTick.speech, brainTick.mood || 'talking', 60, brainTick.duration ? Math.floor(brainTick.duration / (1000 / FPS)) : 48, 'stream-brain');
             speakTTS(brainTick.speech);
-            if (brainTick.duration) {
-                setTimeout(() => { charState.speech = ''; }, brainTick.duration);
-            }
+        }
+        else if (brainTick.mood) {
+            charState.mood = brainTick.mood;
+            if (brainTick.duration)
+                setTimeout(() => { charState.mood = 'idle'; }, brainTick.duration);
         }
     }
-    // Tick mini-game
     const gameTickResult = tickMiniGame(intelligence.miniGame, animFrame);
     if (gameTickResult) {
         if (gameTickResult.screenShake)
@@ -2072,26 +2169,22 @@ function renderFrame() {
             spawnFloatingText(ft.text, ft.x, ft.y, ft.color);
         }
         if (gameTickResult.speech) {
-            charState.speech = gameTickResult.speech;
-            charState.mood = 'talking';
-            setTimeout(() => { charState.mood = 'idle'; charState.speech = ''; }, 8000);
+            queueSpeech(gameTickResult.speech, 'talking', 70, 48, 'mini-game');
         }
     }
-    // Tick progression
     const progResult = tickProgression(intelligence.progression, animFrame);
     if (progResult) {
         if (progResult.completed) {
-            spawnFloatingText(`QUEST COMPLETE! +${progResult.completed.reward} XP`, 200, 300, '#f0c040', 48);
+            spawnFloatingText(`QUEST COMPLETE! +${progResult.completed.reward} XP`, WIDTH / 2 - 100, 300, '#f0c040', 48);
             charState.screenShake = 4;
             charState.mood = 'excited';
             setTimeout(() => { charState.mood = 'idle'; }, 5000);
         }
         if (progResult.levelUp) {
-            spawnFloatingText('LEVEL UP!', 250, 250, '#bc8cff', 60);
+            spawnFloatingText('LEVEL UP!', WIDTH / 2 - 40, 250, '#bc8cff', 60);
             charState.screenShake = 6;
         }
     }
-    // Tick random events
     const eventResult = tickRandomEvent(intelligence.randomEvent, animFrame);
     if (eventResult) {
         if (eventResult.screenShake)
@@ -2101,17 +2194,43 @@ function renderFrame() {
             spawnFloatingText(ft.text, ft.x, ft.y, ft.color);
         }
         if (eventResult.speech) {
-            charState.speech = eventResult.speech;
-            charState.mood = 'talking';
-            setTimeout(() => { charState.mood = 'idle'; charState.speech = ''; }, 10000);
+            queueSpeech(eventResult.speech, 'talking', 55, 60, 'random-event');
         }
     }
-    // FIX 3: Tick autonomous behavior
     tickAutonomy();
-    // Update world
     updateParticles();
     tickPhysics();
-    // NVIDIA: Compute animation params from stream context
+    // Evolution engine — tries new techniques every 5 minutes
+    if (evolutionEngine) {
+        const evoAction = tickEvolution(evolutionEngine, animFrame, 0.5, charState.chatMessages.length / Math.max(1, animFrame / 360));
+        if (evoAction) {
+            if (evoAction.speech) {
+                const evoMood = evoAction.type === 'announce' ? 'excited' : 'thinking';
+                queueSpeech(evoAction.speech, evoMood, 70, 48, 'evolution');
+            }
+        }
+    }
+    // Narrative engine — generates lore and observations
+    if (narrativeEngine) {
+        const narration = tickNarrative(narrativeEngine, animFrame, charState.robotX || 640, charState.mood, memory.totalMessages, Object.keys(memory.users).length);
+        if (narration) {
+            queueSpeech(narration, 'talking', 50, 48, 'narrative');
+        }
+    }
+    // Audio engine — ambient descriptions
+    if (audioEngine) {
+        const audioDesc = tickAudio(audioEngine, world.ground, world.weather, charState.mood, world.timeOfDay, animFrame);
+        if (audioDesc)
+            activeAudioDescription = audioDesc;
+    }
+    // Social engine — viewer tracking + follower celebrations
+    if (socialEngine) {
+        const socialAction = tickSocial(socialEngine, animFrame);
+        if (socialAction) {
+            queueSpeech(socialAction.speech, socialAction.mood || 'excited', 90, 48, 'social');
+        }
+    }
+    // Compute animation params
     {
         const elapsed = Math.floor((Date.now() - charState.startTime) / 1000);
         const streamMinutes = elapsed / 60;
@@ -2122,28 +2241,104 @@ function renderFrame() {
         const viewerEstimate = Math.max(1, Math.floor(memory.totalMessages / 3) + Object.keys(memory.users).length);
         charState.animParams = computeAnimationParams(chatRate, viewerEstimate, charState.mood, world.timeOfDay, streamMinutes);
     }
-    // NVIDIA: Detect cache invalidation triggers
+    // Cache invalidation
     const moodChanged = charState.mood !== charState.lastMoodForCache;
     const worldChanged = world.ground !== charState.lastGroundForCache;
     if (moodChanged)
         charState.lastMoodForCache = charState.mood;
     if (worldChanged)
         charState.lastGroundForCache = world.ground;
-    // AAA: Continuous particle effects for biomes
+    // Biome particles
     if (world.ground === 'lava' && animFrame % 4 === 0) {
-        charState.renderParticles.push(...createParticleEmitter('fire', 50 + Math.random() * 480, 485, 1));
+        charState.renderParticles.push(...createParticleEmitter('fire', Math.random() * WIDTH, HEIGHT - 50, 1));
     }
     if (world.ground === 'space' && animFrame % 12 === 0) {
-        charState.renderParticles.push(...createParticleEmitter('aura', charState.robotX + 160, 280, 1));
+        charState.renderParticles.push(...createParticleEmitter('aura', WIDTH / 2, HEIGHT / 2 - 100, 1));
     }
-    // AAA: Tick render particles (cap at 150 to prevent performance issues)
     if (charState.renderParticles.length > 150) {
         charState.renderParticles = charState.renderParticles.slice(-150);
     }
-    charState.renderParticles = tickParticlesPBD(charState.renderParticles, 480, charState.robotX + 160, 280);
-    // AAA: Tick growing plants
+    charState.renderParticles = tickParticlesPBD(charState.renderParticles, HEIGHT - 40, WIDTH / 2, HEIGHT / 2 - 100);
     tickGrowingPlants(charState.growingPlants);
-    // PRIORITY 2: Screen shake offset
+    // Exploration state machine — keeps robot actively moving and doing things
+    tickExploration(animFrame);
+    // Movement logic — lerp toward target at 3px per frame
+    const isWalking = Math.abs(charState.robotX - charState.robotTargetX) > 2;
+    if (isWalking) {
+        const dx = charState.robotTargetX - charState.robotX;
+        const step = dx > 0 ? Math.min(3, dx) : Math.max(-3, dx);
+        charState.robotX += step;
+        charState.robotDirection = dx > 0 ? 'right' : 'left';
+        charState.walkPhase = (charState.walkPhase + 1) % 4;
+    }
+    else {
+        charState.robotDirection = 'idle';
+    }
+    // Brain-driven behavior
+    const brainAction = getBrainAction(intelligence.brain, animFrame);
+    if (brainAction.type !== 'none') {
+        if (brainAction.speech) {
+            queueSpeech(brainAction.speech, brainAction.mood || 'talking', 60, brainAction.duration ? Math.floor(brainAction.duration / (1000 / FPS)) : 48, 'brain');
+            speakTTS(brainAction.speech);
+        }
+        else if (brainAction.mood) {
+            charState.mood = brainAction.mood;
+            if (brainAction.duration)
+                setTimeout(() => { charState.mood = 'idle'; }, brainAction.duration);
+        }
+    }
+    // Speech queue processing — highest priority speech wins, displayed for its duration
+    if (animFrame >= currentSpeechExpiry && speechQueue.length > 0) {
+        const next = speechQueue.shift();
+        charState.speech = next.text;
+        charState.mood = next.mood;
+        currentSpeechExpiry = animFrame + next.duration;
+    }
+    else if (animFrame >= currentSpeechExpiry) {
+        charState.speech = '';
+        charState.mood = 'idle';
+    }
+    // Shipped effects
+    if (shippedEffects.has('Add stream highlights reel') && animFrame % 900 === 0 && animFrame > 100) {
+        const highlightPhrases = [
+            'Highlight moment! This is one for the reel!',
+            'That was worth saving! Highlight captured!',
+            'CLIP IT! That was amazing!',
+            'Stream highlight detected! My circuits are tingling!',
+        ];
+        queueSpeech(highlightPhrases[Math.floor(Math.random() * highlightPhrases.length)], 'excited', 40, 30, 'highlights');
+        spawnFloatingText('HIGHLIGHT!', WIDTH / 2 - 60, 200, '#f0c040', 36);
+    }
+    if (shippedEffects.has('Add chat sentiment analysis') && animFrame % 720 === 0 && animFrame > 200) {
+        const recentMsgs = charState.chatMessages.slice(-20);
+        if (recentMsgs.length > 5) {
+            const positive = ['love', 'great', 'awesome', 'cool', 'nice', 'good', 'lol', 'haha', 'wow', 'yes', 'hype', 'pog'];
+            const negative = ['bad', 'hate', 'boring', 'sucks', 'ugly', 'broken', 'lag', 'cringe'];
+            let score = 0;
+            for (const m of recentMsgs) {
+                const words = m.text.toLowerCase().split(/\s+/);
+                for (const w of words) {
+                    if (positive.includes(w))
+                        score++;
+                    if (negative.includes(w))
+                        score--;
+                }
+            }
+            if (score > 5)
+                queueSpeech('Chat seems really excited today! The vibes are immaculate!', 'excited', 20, 48, 'sentiment');
+            else if (score < -3)
+                queueSpeech('Chat seems a bit grumpy... should I tell a joke?', 'thinking', 20, 48, 'sentiment');
+            else if (score > 2)
+                queueSpeech('Positive energy in the chat! My neural pathways approve.', 'talking', 20, 48, 'sentiment');
+        }
+    }
+    // Track tool execution state
+    charState.isExecutingTool = !!(streamBrain.pendingAction && streamBrain.pendingAction.status === 'executing');
+    if (charState.isExecutingTool && animFrame % 6 === 0) {
+        charState.renderParticles.push(...createParticleEmitter('spark', WIDTH / 2, HEIGHT / 2 - 50, 3));
+        charState.renderParticles.push(...createParticleEmitter('electricity', WIDTH / 2 - 10, HEIGHT / 2 - 200, 1));
+    }
+    // Screen shake offset
     let shakeOffX = 0, shakeOffY = 0;
     if (charState.screenShake > 0) {
         shakeOffX = Math.round((Math.random() - 0.5) * 6);
@@ -2152,30 +2347,38 @@ function renderFrame() {
     }
     ctx.save();
     ctx.translate(shakeOffX, shakeOffY);
-    // NVIDIA: Early moodColor resolution (needed by fog and all rendering)
     const moodColorHex = MOOD_COLORS[charState.mood] ?? COLORS.green;
-    // Background — AAA: base fill + procedural sky
-    ctx.fillStyle = world.events.includes('lightning') ? '#ffffff' : getWorldBg();
-    ctx.fillRect(0, 0, WIDTH, HEIGHT);
-    // AAA: Procedural sky rendering (replaces flat gradient for sky area)
-    renderSky(ctx, WIDTH, HEIGHT, world.timeOfDay, world.weather, animFrame, 580);
-    // AAA: Parallax layers (rebuild if biome changed)
-    if (charState.parallaxLayers.length === 0) {
-        charState.parallaxLayers = buildParallaxLayers(world.ground, 580);
-    }
-    renderParallaxLayers(ctx, charState.parallaxLayers, charState.robotX, animFrame);
-    // Draw full animated background scene (biome-specific details on top of parallax)
-    drawBackground(ctx, animFrame);
-    // AAA: Advanced water/lava rendering for specific biomes
-    if (world.ground === 'ocean') {
-        renderAnimatedWater(ctx, 580, animFrame);
+    const robotScale = 6;
+    animFrame++;
+    // Auto-save tile world every 1800 frames (~5 minutes at 6fps)
+    if (tileWorld && animFrame % 1800 === 0)
+        saveWorld(tileWorld);
+    // Tick living world ecology every 60 frames (10 seconds)
+    if (tileWorld && livingWorld && animFrame % 60 === 0) {
+        const chatActive = charState.chatMessages.length > 0 && Date.now() - charState.lastChatTime < 30000;
+        tickLivingWorld(tileWorld, livingWorld.ecology, livingWorld.memory, livingWorld.emotions, livingWorld.conversations, charState.robotX || 640, chatActive, animFrame);
+        // Record footstep
+        livingWorld.memory.footpaths.set(`${Math.floor((charState.robotX || 640) / TILE_SIZE)}`, (livingWorld.memory.footpaths.get(`${Math.floor((charState.robotX || 640) / TILE_SIZE)}`) || 0) + 1);
+    }
+    // Save living world every 5 minutes
+    if (livingWorld && animFrame % 1800 === 0)
+        saveLivingWorldState(livingWorld.ecology, livingWorld.memory, livingWorld.emotions, livingWorld.conversations);
+    // ════════════════════════════════════════════════════════════════
+    // LAYER 1: TILE WORLD — fills entire 1280x720 frame
+    // ════════════════════════════════════════════════════════════════
+    // ROM Engine background — HDMA sky gradient + parallax layers
+    if (romState) {
+        tickRomEngine(romState, 1000 / FPS);
+        renderRomBackground(ctx, romState, charState.robotX || 0, animFrame, WIDTH, HEIGHT);
+        // Ground plane drawn AFTER robot position is calculated (uses groundY from robot)
+        // Deferred to after robot position calc
     }
-    else if (world.ground === 'lava') {
-        renderLavaFlow(ctx, 580, animFrame);
+    else {
+        // Fallback
+        ctx.fillStyle = '#0d1117';
+        ctx.fillRect(0, 0, WIDTH, HEIGHT);
     }
-    // AAA: Growing vegetation
-    renderGrowingPlants(ctx, charState.growingPlants);
-    // (#17) Weather particles as rectangles
+    // Weather particles over the full frame
     for (const p of world.particles) {
         if (world.weather === 'rain') {
             ctx.fillStyle = '#6699cc';
@@ -2198,10 +2401,12 @@ function renderFrame() {
             ctx.fillRect(p.x, p.y, 2, 6);
         }
     }
-    // NVIDIA: Volumetric fog (between background and character layers)
+    // ════════════════════════════════════════════════════════════════
+    // LAYER 2: LIGHTING + FOG over the world
+    // ════════════════════════════════════════════════════════════════
     {
         const fogParams = getFogParams(world.ground, world.timeOfDay);
-        const fogLights = buildCharacterLights(charState.robotX, 90, 10, moodColorHex, animFrame, world.events.includes('lightning'), world.items.map(i => ({ x: i.x, y: i.y, emoji: i.emoji, name: i.name })));
+        const fogLights = buildCharacterLights(WIDTH / 2, HEIGHT / 2 - 100, robotScale, moodColorHex, animFrame, world.events.includes('lightning'), world.items.map(i => ({ x: i.x, y: i.y, emoji: i.emoji, name: i.name })));
         renderVolumetricFog(ctx, WIDTH, HEIGHT, animFrame, fogParams.density, fogParams.color, fogLights);
     }
     // World items (physics-enabled)
@@ -2210,228 +2415,98 @@ function renderFrame() {
     for (const item of world.items) {
         ctx.fillText(item.emoji, item.x, item.y);
     }
-    // ── Header bar ──
-    ctx.fillStyle = COLORS.bgPanel;
-    ctx.fillRect(0, 0, WIDTH, 60);
-    // Header border
-    ctx.strokeStyle = COLORS.accent;
-    ctx.lineWidth = 2;
-    ctx.beginPath();
-    ctx.moveTo(0, 60);
-    ctx.lineTo(WIDTH, 60);
-    ctx.stroke();
-    // Title
-    ctx.fillStyle = COLORS.accent;
-    ctx.font = 'bold 28px "Courier New", "Courier", monospace';
-    ctx.fillText('K : B O T   L I V E', 40, 40);
-    // Current segment badge
-    const segLabel = SEGMENT_LABELS[agenda.currentSegment];
-    const segElapsed = Math.floor((Date.now() - agenda.segmentStartTime) / 1000);
-    const segRemaining = Math.max(0, Math.floor((SEGMENT_DURATION_MS - (Date.now() - agenda.segmentStartTime)) / 1000));
-    const segTimeStr = `${Math.floor(segRemaining / 60)}:${String(segRemaining % 60).padStart(2, '0')}`;
-    ctx.fillStyle = COLORS.accent;
-    ctx.font = 'bold 14px "Courier New", monospace';
-    const segText = `[ ${segLabel} ${segTimeStr} ]`;
-    ctx.fillText(segText, 330, 40);
-    // Viewers counter (proxy from chat message count)
-    const viewerEstimate = Math.max(1, Math.floor(memory.totalMessages / 3) + Object.keys(memory.users).length);
-    ctx.fillStyle = COLORS.red;
-    ctx.font = 'bold 14px "Courier New", monospace';
-    ctx.fillText(`VIEWERS: ~${viewerEstimate}`, WIDTH - 280, 22);
-    // Timer
-    const elapsed = Math.floor((Date.now() - charState.startTime) / 1000);
-    const timeStr = `${String(Math.floor(elapsed / 3600)).padStart(2, '0')}:${String(Math.floor((elapsed % 3600) / 60)).padStart(2, '0')}:${String(elapsed % 60).padStart(2, '0')}`;
-    ctx.fillStyle = COLORS.textDim;
-    ctx.font = '20px "Courier New", monospace';
-    ctx.fillText(timeStr, WIDTH - 140, 38);
-    // Platform indicators
-    ctx.font = 'bold 14px "Courier New", monospace';
-    const platforms = [
-        { name: 'TWITCH', color: COLORS.twitchPurple, x: 460 },
-        { name: 'RUMBLE', color: COLORS.rumbleGreen, x: 580 },
-        { name: 'KICK', color: COLORS.kickGreen, x: 700 },
-    ];
-    for (const p of platforms) {
-        // Dot
-        ctx.fillStyle = p.color;
-        ctx.beginPath();
-        ctx.arc(p.x, 33, 5, 0, Math.PI * 2);
-        ctx.fill();
-        ctx.fillStyle = COLORS.text;
-        ctx.fillText(p.name, p.x + 12, 38);
-    }
-    // ── FIX 1: Movement logic — robot walks toward target ──
-    const isWalking = Math.abs(charState.robotX - charState.robotTargetX) > 2;
-    if (isWalking) {
-        const dx = charState.robotTargetX - charState.robotX;
-        const step = dx > 0 ? 2 : -2;
-        charState.robotX += step;
-        charState.robotDirection = dx > 0 ? 'right' : 'left';
-        charState.walkPhase = (charState.walkPhase + 1) % 4;
-    }
-    else {
-        charState.robotDirection = 'idle';
-    }
-    // ── FIX 4: Brain-driven behavior ──
-    const brainAction = getBrainAction(intelligence.brain, animFrame);
-    if (brainAction.type !== 'none') {
-        if (brainAction.mood) {
-            charState.mood = brainAction.mood;
-            if (brainAction.duration) {
-                setTimeout(() => { charState.mood = 'idle'; }, brainAction.duration);
+    // Evolution technique rendering — active experiments + applied techniques
+    if (evolutionEngine) {
+        const activeExp = evolutionEngine.experiments.find(e => e.status === 'running');
+        if (activeExp) {
+            const technique = evolutionEngine.techniques.techniques.find(t => t.id === activeExp.techniqueId);
+            if (technique && technique.implemented) {
+                renderTechnique(ctx, technique, WIDTH, HEIGHT, animFrame, technique.parameters);
             }
         }
-        if (brainAction.speech) {
-            charState.speech = brainAction.speech;
-            speakTTS(brainAction.speech);
-            if (brainAction.duration) {
-                setTimeout(() => { charState.speech = ''; }, brainAction.duration);
+        for (const applied of evolutionEngine.applied) {
+            const technique = evolutionEngine.techniques.techniques.find(t => t.id === applied.techniqueId);
+            if (technique) {
+                renderTechnique(ctx, technique, WIDTH, HEIGHT, animFrame, applied.params);
             }
         }
     }
-    // FIX 1: Shipped effect — "Add stream highlights reel"
-    if (shippedEffects.has('Add stream highlights reel') && animFrame % 900 === 0 && animFrame > 100) {
-        // Every ~2.5 minutes, call out a highlight
-        const highlightPhrases = [
-            'Highlight moment! This is one for the reel!',
-            'That was worth saving! Highlight captured!',
-            'CLIP IT! That was amazing!',
-            'Stream highlight detected! My circuits are tingling!',
-        ];
-        if (!charState.speech) {
-            charState.speech = highlightPhrases[Math.floor(Math.random() * highlightPhrases.length)];
-            spawnFloatingText('HIGHLIGHT!', 200, 200, '#f0c040', 36);
-            setTimeout(() => { charState.speech = ''; }, 5000);
-        }
-    }
-    // FIX 1: Shipped effect — "Add chat sentiment analysis"
-    if (shippedEffects.has('Add chat sentiment analysis') && animFrame % 720 === 0 && animFrame > 200) {
-        const recentMsgs = charState.chatMessages.slice(-20);
-        if (recentMsgs.length > 5) {
-            const positive = ['love', 'great', 'awesome', 'cool', 'nice', 'good', 'lol', 'haha', 'wow', 'yes', 'hype', 'pog'];
-            const negative = ['bad', 'hate', 'boring', 'sucks', 'ugly', 'broken', 'lag', 'cringe'];
-            let score = 0;
-            for (const m of recentMsgs) {
-                const words = m.text.toLowerCase().split(/\s+/);
-                for (const w of words) {
-                    if (positive.includes(w))
-                        score++;
-                    if (negative.includes(w))
-                        score--;
-                }
-            }
-            if (!charState.speech) {
-                if (score > 5) {
-                    charState.speech = 'Chat seems really excited today! The vibes are immaculate!';
-                }
-                else if (score < -3) {
-                    charState.speech = 'Chat seems a bit grumpy... should I tell a joke?';
-                }
-                else if (score > 2) {
-                    charState.speech = 'Positive energy in the chat! My neural pathways approve.';
-                }
-                if (charState.speech)
-                    setTimeout(() => { charState.speech = ''; }, 8000);
-            }
-        }
-    }
-    // ── Main layout: Robot (left) | Chat (right) ──
-    const dividerX = 580;
-    // Divider line
-    ctx.strokeStyle = COLORS.border;
-    ctx.lineWidth = 1;
-    ctx.beginPath();
-    ctx.moveTo(dividerX, 70);
-    ctx.lineTo(dividerX, HEIGHT - 120);
-    ctx.stroke();
-    // ── Robot area (left side) — Pixel Art Sprite ──
-    const robotScale = 10;
-    const robotX = charState.robotX; // FIX 1: use dynamic position
-    const robotY = 90;
-    animFrame++;
-    // (#20) Robot glow — soft radial gradient behind robot torso
-    const glowCenterX = robotX + 16 * robotScale;
-    const glowCenterY = robotY + 26 * robotScale;
+    // ════════════════════════════════════════════════════════════════
+    // LAYER 3: ROBOT + COMPANIONS — centered on terrain
+    // ════════════════════════════════════════════════════════════════
+    // Robot: centered both horizontally and vertically in the scene
+    const robotScreenX = Math.floor(WIDTH / 2 - (32 * robotScale) / 2);
+    const robotHeight = 50 * robotScale; // 300px at scale 6
+    const robotScreenY = Math.floor(HEIGHT / 2 - robotHeight / 2 + 30); // slightly below center
+    const groundY = robotScreenY + robotHeight; // ground meets robot feet (sprite is 50px tall)
+    // Ground plane — extends upward to seamlessly meet parallax hills (no seam gap)
+    // The nearHills parallax layer ends around groundY - 72px. We start the ground
+    // fill 100px above groundY so it overlaps with the bottom of the parallax,
+    // using the same base color (#1a4d1a) as the nearHills layer.
+    {
+        const groundTop = groundY - 100; // overlap with bottom of parallax hills
+        const gGrad = ctx.createLinearGradient(0, groundTop, 0, HEIGHT);
+        gGrad.addColorStop(0, '#1a4d1a'); // matches nearHills base color exactly
+        gGrad.addColorStop(0.15, '#1a4d1a'); // hold the color through the overlap zone
+        gGrad.addColorStop(0.4, '#0d3310');
+        gGrad.addColorStop(1, '#061a08');
+        ctx.fillStyle = gGrad;
+        ctx.fillRect(0, groundTop, WIDTH, HEIGHT - groundTop);
+    }
+    // Robot glow
+    const glowCenterX = robotScreenX + 16 * robotScale;
+    const glowCenterY = robotScreenY + 26 * robotScale;
     const glowRadius = 10 * robotScale;
     const grad = ctx.createRadialGradient(glowCenterX, glowCenterY, 0, glowCenterX, glowCenterY, glowRadius);
     grad.addColorStop(0, hexToRgba(moodColorHex, 0.2));
     grad.addColorStop(1, hexToRgba(moodColorHex, 0));
     ctx.fillStyle = grad;
     ctx.fillRect(glowCenterX - glowRadius, glowCenterY - glowRadius, glowRadius * 2, glowRadius * 2);
-    // FIX 1: Music visualization behind robot (if shipped)
-    drawMusicVisualization(ctx, robotX, robotY);
-    // AAA: Character effects — eye glow bleed, mood aura (BEFORE robot for under-glow)
-    drawCharacterEffects(ctx, robotX, robotY, robotScale, charState.mood, animFrame, charState.isExecutingTool, isWalking ? 2 : 0, moodColorHex);
-    // Draw the pixel art robot (FIX 5: pass weather, walking state)
+    // Music visualization
+    drawMusicVisualization(ctx, robotScreenX, robotScreenY);
+    // Character effects (under-glow)
+    drawCharacterEffects(ctx, robotScreenX, robotScreenY, robotScale, charState.mood, animFrame, charState.isExecutingTool, isWalking ? 2 : 0, moodColorHex);
+    // Chromatic aberration on mood transition
     const weatherType = world.weather === 'sunrise' ? 'clear' : world.weather;
-    // AAA: Chromatic aberration on mood transition
     const moodTransition = checkMoodTransition(charState.mood, moodColorHex);
     if (moodTransition.active && moodTransition.framesLeft > 0) {
         const offset = Math.ceil(moodTransition.framesLeft / 2);
-        // Red channel offset
         ctx.save();
         ctx.globalAlpha = 0.3;
         ctx.globalCompositeOperation = 'lighter';
-        drawRobot(ctx, robotX - offset, robotY, robotScale, charState.mood, animFrame, [255, 50, 50], weatherType, isWalking, charState.walkPhase);
-        // Blue channel offset
-        drawRobot(ctx, robotX + offset, robotY, robotScale, charState.mood, animFrame, [50, 50, 255], weatherType, isWalking, charState.walkPhase);
+        drawRobot(ctx, robotScreenX - offset, robotScreenY, robotScale, charState.mood, animFrame, [255, 50, 50], weatherType, isWalking, charState.walkPhase);
+        drawRobot(ctx, robotScreenX + offset, robotScreenY, robotScale, charState.mood, animFrame, [50, 50, 255], weatherType, isWalking, charState.walkPhase);
         ctx.restore();
     }
-    // AAA: Damage flash check
-    renderDamageFlash(ctx, robotX, robotY, robotScale);
-    drawRobot(ctx, robotX, robotY, robotScale, charState.mood, animFrame, undefined, weatherType, isWalking, charState.walkPhase);
-    drawMoodParticles(ctx, robotX, robotY, robotScale, charState.mood, animFrame);
-    // AAA: Render advanced particles
-    renderParticles(ctx, charState.renderParticles);
-    // NVIDIA: Subsurface scattering on translucent panels
+    renderDamageFlash(ctx, robotScreenX, robotScreenY, robotScale);
+    drawRobot(ctx, robotScreenX, robotScreenY, robotScale, charState.mood, animFrame, undefined, weatherType, isWalking, charState.walkPhase);
+    drawMoodParticles(ctx, robotScreenX, robotScreenY, robotScale, charState.mood, animFrame);
+    // Subsurface scattering
     {
-        const sssPanels = buildSubsurfacePanels(charState.robotX, 90, robotScale, moodColorHex);
+        const sssPanels = buildSubsurfacePanels(robotScreenX, robotScreenY, robotScale, moodColorHex);
         renderSubsurfaceGlow(ctx, sssPanels);
     }
-    // PRIORITY 6: Draw hat AFTER robot so it layers on top
+    // Hat
     if (charState.hat !== 'none') {
-        drawHat(ctx, robotX, robotY, robotScale, charState.hat, animFrame);
-    }
-    // PRIORITY 4: Update and draw pet
-    if (charState.pet) {
-        const pet = charState.pet;
-        pet.frame = animFrame;
-        // Pet follows robot with slight delay (lerp toward robot position + offset)
-        pet.targetX = robotX + 16 * robotScale + 60;
-        pet.targetY = robotY + 10 * robotScale - 40;
-        pet.x += (pet.targetX - pet.x) * 0.12;
-        pet.y += (pet.targetY - pet.y) * 0.12;
-        // Pet mood matches some robot states
-        if (charState.mood === 'dancing')
-            pet.mood = 'excited';
-        else if (world.weather === 'storm')
-            pet.mood = 'hiding';
-        else
-            pet.mood = 'idle';
-        drawPet(ctx, pet, robotScale, animFrame);
+        drawHat(ctx, robotScreenX, robotScreenY, robotScale, charState.hat, animFrame);
     }
-    // Phase 1: Update and draw buddy companion
+    // ── Buddy companion (follows robot) ──
     if (charState.buddy) {
         const buddy = charState.buddy;
-        const robotScale = 10;
-        // Buddy follows robot with lerp (offset to the right and slightly below)
-        const buddyTargetX = charState.robotX + 34 * robotScale + 20;
-        const buddyTargetY = robotY + 20 * robotScale;
+        const buddyTargetX = robotScreenX + 34 * robotScale + 20;
+        const buddyTargetY = robotScreenY + 20 * robotScale;
         buddy.x += (buddyTargetX - buddy.x) * 0.08;
         buddy.y += (buddyTargetY - buddy.y) * 0.08;
-        // Buddy reacts to main robot mood
         let buddyMood = charState.mood;
         if (world.weather === 'storm')
             buddyMood = 'storm';
         drawBuddyCompanion(ctx, buddy.x, buddy.y, robotScale, buddy.species, buddyMood, animFrame);
-        // Buddy speech bubble — small, positioned near buddy
+        // Buddy speech
         const now = Date.now();
-        // Every ~60 seconds, buddy says something
         if (now - buddy.lastSpeechTime > 60000 && !buddy.speech) {
             const pool = BUDDY_SPEECH_POOL[buddy.species] || BUDDY_SPEECH_POOL['robot'];
             buddy.speech = pool[Math.floor(Math.random() * pool.length)];
             buddy.lastSpeechTime = now;
-            // Clear speech after 8 seconds
             setTimeout(() => { if (charState.buddy)
                 charState.buddy.speech = ''; }, 8000);
         }
@@ -2440,82 +2515,227 @@ function renderFrame() {
             const bubbleY = buddy.y - 30;
             const bubbleW = Math.min(180, buddy.speech.length * 7 + 16);
             const bubbleH = 22;
-            // Bubble background
             ctx.fillStyle = 'rgba(22, 27, 34, 0.85)';
             ctx.fillRect(bubbleX, bubbleY, bubbleW, bubbleH);
             ctx.strokeStyle = '#8b949e';
             ctx.lineWidth = 1;
             ctx.strokeRect(bubbleX, bubbleY, bubbleW, bubbleH);
-            // Buddy name tag
             ctx.fillStyle = '#bc8cff';
             ctx.font = 'bold 9px "Courier New", monospace';
             ctx.fillText(buddy.name, bubbleX + 4, bubbleY + 10);
-            // Speech text
             ctx.fillStyle = '#e6edf3';
             ctx.font = '9px "Courier New", monospace';
             ctx.fillText(buddy.speech.slice(0, 28), bubbleX + 4, bubbleY + 19);
         }
     }
-    // PRIORITY 5: Mini-game overlay
+    // ── Pet (follows robot) ──
+    if (charState.pet) {
+        const pet = charState.pet;
+        pet.frame = animFrame;
+        pet.targetX = robotScreenX + 16 * robotScale + 60;
+        pet.targetY = robotScreenY + 10 * robotScale - 40;
+        pet.x += (pet.targetX - pet.x) * 0.12;
+        pet.y += (pet.targetY - pet.y) * 0.12;
+        if (charState.mood === 'dancing')
+            pet.mood = 'excited';
+        else if (world.weather === 'storm')
+            pet.mood = 'hiding';
+        else
+            pet.mood = 'idle';
+        drawPet(ctx, pet, robotScale, animFrame);
+    }
+    // ════════════════════════════════════════════════════════════════
+    // LAYER 4: PARTICLES + EFFECTS
+    // ════════════════════════════════════════════════════════════════
+    renderParticles(ctx, charState.renderParticles);
+    // Mini-game overlay (if active)
     drawMiniGameOverlay(ctx, intelligence.miniGame, animFrame);
-    // PRIORITY 8: Random event overlay
-    drawRandomEvent(ctx, intelligence.randomEvent, animFrame, dividerX, HEIGHT);
-    // (#10) Stats overlay on right side of robot area
+    // Random event overlay (full-width now)
+    drawRandomEvent(ctx, intelligence.randomEvent, animFrame, WIDTH, HEIGHT);
+    // Floating text particles
+    charState.floatingTexts = charState.floatingTexts.filter(ft => {
+        ft.frame++;
+        if (ft.frame >= ft.maxFrames)
+            return false;
+        ft.y -= 1;
+        const alpha = Math.max(0, 1 - ft.frame / ft.maxFrames);
+        ctx.fillStyle = ft.color;
+        ctx.globalAlpha = alpha;
+        ctx.font = 'bold 16px "Courier New", monospace';
+        ctx.fillText(ft.text, ft.x, ft.y);
+        ctx.globalAlpha = 1;
+        return true;
+    });
+    drawEmojiParticles(ctx);
+    // ════════════════════════════════════════════════════════════════
+    // LAYER 5: UI OVERLAYS (semi-transparent, floating on world)
+    // ════════════════════════════════════════════════════════════════
+    // ── Header bar: 40px tall, semi-transparent dark ──
+    ctx.fillStyle = 'rgba(13,17,23,0.7)';
+    ctx.fillRect(0, 0, WIDTH, 40);
+    // Bottom accent line
+    ctx.strokeStyle = hexToRgba(COLORS.accent, 0.5);
+    ctx.lineWidth = 1;
+    ctx.beginPath();
+    ctx.moveTo(0, 40);
+    ctx.lineTo(WIDTH, 40);
+    ctx.stroke();
+    // Left: "K:BOT LIVE" in 24px bold accent
+    ctx.font = 'bold 24px "Courier New", monospace';
+    ctx.fillStyle = COLORS.accent;
+    ctx.fillText('K:BOT LIVE', 12, 28);
+    // Center: current segment name
+    const segLabel = SEGMENT_LABELS[agenda.currentSegment];
     ctx.fillStyle = COLORS.textDim;
     ctx.font = '14px "Courier New", monospace';
-    const statsX = dividerX - 160;
-    const statsY = robotY + 20;
-    ctx.fillText(`Messages: ${memory.totalMessages}`, statsX, statsY);
-    ctx.fillText(`Users: ${Object.keys(memory.users).length}`, statsX, statsY + 18);
-    const topTopic = Object.entries(memory.topics).sort((a, b) => b[1] - a[1])[0];
-    if (topTopic)
-        ctx.fillText(`Hot topic: ${topTopic[0]}`, statsX, statsY + 36);
-    // (#15) XP Leaderboard — top 3 chatters by XP
-    const topXP = Object.entries(memory.users)
-        .filter(([, u]) => u.xp > 0)
-        .sort((a, b) => (b[1].xp || 0) - (a[1].xp || 0))
-        .slice(0, 3);
-    if (topXP.length > 0) {
-        ctx.fillStyle = COLORS.orange;
-        ctx.font = 'bold 13px "Courier New", monospace';
-        ctx.fillText('LEADERBOARD', statsX, statsY + 62);
-        for (let i = 0; i < topXP.length; i++) {
-            const [name, u] = topXP[i];
-            const trophy = i === 0 ? '1.' : i === 1 ? '2.' : '3.';
-            ctx.fillStyle = i === 0 ? '#f0c040' : i === 1 ? '#c0c0c0' : '#cd7f32';
-            ctx.fillText(`${trophy} ${name.slice(0, 12)}: ${u.xp || 0} XP`, statsX, statsY + 80 + i * 16);
-        }
-    }
-    // ── Brain Panel (below leaderboard, bottom-left) — FIX 2: bigger, more readable ──
-    const brainPanelX = statsX - 40;
-    const brainPanelY = statsY + 140;
-    const brainPanelW = 260;
-    const brainPanelH = 160;
-    // Phase 1: Override brain thought during dreaming
-    if (charState.mood === 'dreaming') {
-        const pulse = (Math.sin(animFrame * 0.15) + 1) / 2;
-        intelligence.brain.currentThought = `DREAMING${'.'.repeat(1 + Math.floor(pulse * 3))}`;
-    }
-    drawBrainPanel(ctx, intelligence.brain, brainPanelX, brainPanelY, brainPanelW, brainPanelH);
-    // ── Domain Radar (stream brain collective intelligence) ──
-    const radarX = brainPanelX;
-    const radarY = brainPanelY + brainPanelH + 4;
-    const radarW = brainPanelW;
-    const radarH = 130;
-    drawBrainActivity(ctx, streamBrain, radarX, radarY, radarW, radarH);
-    // ── Tool Action Overlay (when brain is executing) ──
-    // AAA: Track tool execution state for character effects
-    charState.isExecutingTool = !!(streamBrain.pendingAction && streamBrain.pendingAction.status === 'executing');
-    // AAA: Spawn sparks during tool execution
-    if (charState.isExecutingTool && animFrame % 6 === 0) {
-        charState.renderParticles.push(...createParticleEmitter('spark', charState.robotX + 160, 250, 3));
-        charState.renderParticles.push(...createParticleEmitter('electricity', charState.robotX + 150, 90 - 30, 1));
+    const segW = ctx.measureText(segLabel).width;
+    ctx.fillText(segLabel, (WIDTH - segW) / 2, 26);
+    // Right: timer
+    const elapsed = Math.floor((Date.now() - charState.startTime) / 1000);
+    const timeStr = `${String(Math.floor(elapsed / 3600)).padStart(2, '0')}:${String(Math.floor((elapsed % 3600) / 60)).padStart(2, '0')}:${String(elapsed % 60).padStart(2, '0')}`;
+    ctx.fillStyle = COLORS.textDim;
+    ctx.font = '16px "Courier New", monospace';
+    ctx.fillText(timeStr, WIDTH - 160, 26);
+    // ── Audio atmosphere description (top-center, italic, fades) ──
+    if (activeAudioDescription) {
+        ctx.save();
+        ctx.globalAlpha = 0.6;
+        ctx.fillStyle = '#8b949e';
+        ctx.font = 'italic 12px "Courier New", monospace';
+        const audioW = ctx.measureText(activeAudioDescription).width;
+        ctx.fillText(activeAudioDescription, (WIDTH - audioW) / 2, 56);
+        ctx.restore();
+    }
+    // ── Brain indicator (top-right, small pulsing circle) ──
+    {
+        const brainDotX = WIDTH - 40;
+        const brainDotY = 20;
+        const brainDotR = 10;
+        const pulse = 0.7 + 0.3 * Math.sin(animFrame * 0.2);
+        ctx.beginPath();
+        ctx.arc(brainDotX, brainDotY, brainDotR, 0, Math.PI * 2);
+        ctx.fillStyle = hexToRgba(moodColorHex, pulse);
+        ctx.fill();
+        // Fact count next to dot
+        ctx.fillStyle = COLORS.textDim;
+        ctx.font = '12px "Courier New", monospace';
+        ctx.fillText(`${memory.sessionFacts.length} facts`, WIDTH - 120, 25);
     }
+    // ── Chat feed overlay (bottom-left, semi-transparent, fades) ──
+    {
+        const chatOverlayX = 10;
+        const chatOverlayY = HEIGHT - 200;
+        const chatOverlayW = 400;
+        const chatOverlayH = 150;
+        const maxChatLines = 6;
+        const cleanMessages = charState.chatMessages.filter(m => !SPAM_PATTERNS.some(p => m.text.toLowerCase().includes(p)));
+        const recent = cleanMessages.slice(-maxChatLines);
+        // Track chat activity for fade
+        if (recent.length > 0)
+            lastChatActivityFrame = animFrame;
+        // Fade out after 60 frames (10 seconds) of no new messages
+        const chatAge = animFrame - lastChatActivityFrame;
+        const chatAlpha = chatAge < 60 ? 1.0 : Math.max(0.3, 1.0 - (chatAge - 60) / 60);
+        if (recent.length > 0) {
+            ctx.save();
+            ctx.globalAlpha = chatAlpha;
+            // Semi-transparent background
+            ctx.fillStyle = 'rgba(13,17,23,0.6)';
+            ctx.fillRect(chatOverlayX, chatOverlayY, chatOverlayW, chatOverlayH);
+            // Messages
+            for (let i = 0; i < recent.length; i++) {
+                const msg = recent[i];
+                const y = chatOverlayY + 14 + i * 22;
+                // Platform badge
+                const badge = msg.platform === 'twitch' ? 'TW' : msg.platform === 'kick' ? 'KK' : 'RM';
+                const badgeColor = msg.platform === 'twitch' ? COLORS.twitchPurple :
+                    msg.platform === 'kick' ? COLORS.kickGreen : COLORS.rumbleGreen;
+                ctx.fillStyle = badgeColor;
+                ctx.fillRect(chatOverlayX + 6, y - 10, 24, 16);
+                ctx.fillStyle = '#000';
+                ctx.font = 'bold 10px "Courier New", monospace';
+                ctx.fillText(badge, chatOverlayX + 8, y + 2);
+                // Username
+                ctx.fillStyle = COLORS.blue;
+                ctx.font = 'bold 14px "Courier New", monospace';
+                ctx.fillText(msg.username.slice(0, 14), chatOverlayX + 36, y + 2);
+                // Message text
+                ctx.fillStyle = COLORS.text;
+                ctx.font = '14px "Courier New", monospace';
+                const nameW = ctx.measureText(msg.username.slice(0, 14)).width;
+                ctx.fillText(msg.text.slice(0, 30), chatOverlayX + 40 + nameW, y + 2);
+            }
+            ctx.restore();
+        }
+        else {
+            // Show subtle "Waiting for chat..." when empty
+            ctx.save();
+            ctx.globalAlpha = 0.4;
+            ctx.fillStyle = 'rgba(13,17,23,0.4)';
+            ctx.fillRect(chatOverlayX, chatOverlayY + chatOverlayH - 30, 200, 24);
+            ctx.fillStyle = COLORS.textDim;
+            ctx.font = 'italic 14px "Courier New", monospace';
+            ctx.fillText('Waiting for chat...', chatOverlayX + 10, chatOverlayY + chatOverlayH - 12);
+            ctx.restore();
+        }
+    }
+    // ── Speech bubble (bottom-center, semi-transparent) ──
+    if (charState.speech) {
+        const maxBubbleW = 600;
+        ctx.font = charState.mood === 'dreaming' ? 'italic 20px "Courier New", monospace' : '20px "Courier New", monospace';
+        // Measure text to get bubble width
+        const speechW = Math.min(maxBubbleW, ctx.measureText(charState.speech).width + 40);
+        const bubbleX = Math.floor((WIDTH - speechW) / 2);
+        const bubbleY = HEIGHT - 80;
+        // Word-wrap to calculate height
+        const words = charState.speech.split(' ');
+        let testLine = '';
+        let lineCount = 1;
+        for (const word of words) {
+            const test = testLine + word + ' ';
+            if (ctx.measureText(test).width > maxBubbleW - 30) {
+                lineCount++;
+                testLine = word + ' ';
+            }
+            else {
+                testLine = test;
+            }
+        }
+        const bubbleH = Math.max(36, lineCount * 26 + 16);
+        // Background
+        ctx.fillStyle = 'rgba(13,17,23,0.75)';
+        ctx.fillRect(bubbleX, bubbleY - bubbleH + 36, speechW, bubbleH);
+        // 4px accent left border
+        ctx.fillStyle = COLORS.accent;
+        ctx.fillRect(bubbleX, bubbleY - bubbleH + 36, 4, bubbleH);
+        // Speech icon
+        ctx.fillStyle = COLORS.accent;
+        ctx.font = 'bold 20px "Courier New", monospace';
+        ctx.fillText('>', bubbleX + 10, bubbleY + 6);
+        // Text
+        ctx.fillStyle = charState.mood === 'dreaming' ? '#7a6aaa' : COLORS.text;
+        ctx.font = charState.mood === 'dreaming' ? 'italic 20px "Courier New", monospace' : '20px "Courier New", monospace';
+        let line = '';
+        let lineY = bubbleY - bubbleH + 56;
+        for (const word of words) {
+            const test = line + word + ' ';
+            if (ctx.measureText(test).width > maxBubbleW - 40) {
+                ctx.fillText(line.trim(), bubbleX + 30, lineY);
+                line = word + ' ';
+                lineY += 26;
+            }
+            else {
+                line = test;
+            }
+        }
+        ctx.fillText(line.trim(), bubbleX + 30, lineY);
+    }
+    // ── Tool Action Overlay (when brain is executing) ──
     if (streamBrain.pendingAction && streamBrain.pendingAction.status !== 'pending') {
         const action = streamBrain.pendingAction;
-        const overlayX = 20;
-        const overlayY = 320;
-        const overlayW = (dividerX || 560) - 40;
+        const overlayW = 500;
+        const overlayX = Math.floor((WIDTH - overlayW) / 2);
+        const overlayY = HEIGHT - 140;
         const overlayH = 50;
         ctx.fillStyle = action.status === 'executing' ? 'rgba(240, 192, 64, 0.15)' : action.status === 'complete' ? 'rgba(63, 185, 80, 0.15)' : 'rgba(248, 81, 73, 0.15)';
         ctx.fillRect(overlayX, overlayY, overlayW, overlayH);
@@ -2528,24 +2748,20 @@ function renderFrame() {
             ctx.fillText(action.displayLines[i].slice(0, 70), overlayX + 6, overlayY + 14 + i * 13);
         }
     }
-    // ── PRIORITY 7: Quest Panel (below domain radar) ──
-    drawQuestPanel(ctx, intelligence.progression, brainPanelX - 10, radarY + radarH + 8);
     // ── Evolution Code Overlay (when actively building) ──
     if (intelligence.evolution.active && intelligence.evolution.activeProposal && intelligence.evolution.buildPhase !== 'idle') {
-        const evoX = 20;
-        const evoY = 360;
-        const evoW = dividerX - 40;
+        const evoW = 540;
+        const evoX = Math.floor((WIDTH - evoW) / 2);
+        const evoY = 50;
         const evoH = 120;
-        ctx.fillStyle = 'rgba(13, 17, 23, 0.9)';
+        ctx.fillStyle = 'rgba(13, 17, 23, 0.85)';
         ctx.fillRect(evoX, evoY, evoW, evoH);
         ctx.strokeStyle = '#f0c040';
         ctx.lineWidth = 1;
         ctx.strokeRect(evoX, evoY, evoW, evoH);
-        // Title
         ctx.fillStyle = '#f0c040';
         ctx.font = 'bold 11px "Courier New", monospace';
-        ctx.fillText(`BUILDING: ${intelligence.evolution.activeProposal.title.slice(0, 40)}`, evoX + 6, evoY + 14);
-        // Phase + progress bar
+        ctx.fillText(`BUILDING: ${intelligence.evolution.activeProposal.title.slice(0, 50)}`, evoX + 6, evoY + 14);
         const phase = intelligence.evolution.buildPhase;
         const phaseDurations = { analyzing: 30, writing: 90, testing: 30, deploying: 18, done: 1 };
         const totalF = phaseDurations[phase] || 30;
@@ -2555,7 +2771,6 @@ function renderFrame() {
         ctx.fillStyle = '#8b949e';
         ctx.font = '10px "Courier New", monospace';
         ctx.fillText(`${phase} [${bar}] ${pct}%`, evoX + 6, evoY + 28);
-        // Code preview lines
         ctx.fillStyle = '#3fb950';
         ctx.font = '10px "Courier New", monospace';
         const codeLines = intelligence.evolution.codePreview.slice(-6);
@@ -2563,251 +2778,144 @@ function renderFrame() {
             ctx.fillText(codeLines[i].slice(0, 70), evoX + 6, evoY + 42 + i * 13);
         }
     }
-    // ── Collab Overlay (when active, below evolution or in same area) ──
+    // ── Collab Overlay ──
     if (intelligence.collab.active) {
-        const collabY = (intelligence.evolution.active ? 490 : 360);
-        if (collabY < 490) {
-            const collabX = 20;
-            const collabW = dividerX - 40;
-            const collabH = 80;
-            ctx.fillStyle = 'rgba(13, 17, 23, 0.85)';
-            ctx.fillRect(collabX, collabY, collabW, collabH);
-            ctx.strokeStyle = '#58a6ff';
-            ctx.lineWidth = 1;
-            ctx.strokeRect(collabX, collabY, collabW, collabH);
-            ctx.fillStyle = '#58a6ff';
-            ctx.font = 'bold 11px "Courier New", monospace';
-            const collabTitle = intelligence.collab.title || 'Untitled';
-            ctx.fillText(`COLLAB [${intelligence.collab.type}]: ${collabTitle.slice(0, 35)}`, collabX + 6, collabY + 14);
-            ctx.fillStyle = '#8b949e';
-            ctx.font = '10px "Courier New", monospace';
-            ctx.fillText(`${intelligence.collab.contributors.size} people | ${intelligence.collab.phase}`, collabX + 6, collabY + 28);
-            ctx.fillStyle = '#e6edf3';
-            const recentContent = intelligence.collab.content.slice(-3);
-            for (let i = 0; i < recentContent.length; i++) {
-                ctx.fillText(recentContent[i].slice(0, 65), collabX + 6, collabY + 42 + i * 13);
-            }
-        }
-    }
-    // ── Chat area (right side) ──
-    ctx.fillStyle = COLORS.text;
-    ctx.font = 'bold 18px "Courier New", monospace';
-    ctx.fillText('Chat', dividerX + 20, 90);
-    // Chat border
-    ctx.strokeStyle = COLORS.border;
-    ctx.strokeRect(dividerX + 10, 100, WIDTH - dividerX - 30, HEIGHT - 230);
-    ctx.fillStyle = COLORS.bgChat;
-    ctx.fillRect(dividerX + 11, 101, WIDTH - dividerX - 32, HEIGHT - 232);
-    // Chat messages
-    ctx.font = '16px "Courier New", monospace';
-    const chatY = 125;
-    const maxChatLines = 18;
-    const recent = charState.chatMessages.slice(-maxChatLines);
-    for (let i = 0; i < recent.length; i++) {
-        const msg = recent[i];
-        const y = chatY + i * 24;
-        // FIX 1: Chat message slide-in animation (if "Add chat message animations" is shipped)
-        let slideOffsetX = 0;
-        if (shippedEffects.has('Add chat message animations')) {
-            // Newest messages slide in from right; older messages are settled
-            const msgAge = recent.length - i; // 1 for newest, higher for older
-            if (msgAge <= 2) {
-                // Recent: slide in over a few frames (approximate via age)
-                slideOffsetX = Math.max(0, (3 - msgAge) * 40);
-            }
-        }
-        // FIX 1: Loyalty badge dot (if "Build viewer loyalty badges" is shipped)
-        if (shippedEffects.has('Build viewer loyalty badges')) {
-            const user = memory.users[msg.username];
-            if (user) {
-                const msgCount = user.messageCount || 0;
-                let dotColor = '#8b949e'; // grey for newcomers
-                if (msgCount >= 50)
-                    dotColor = '#f0c040'; // gold
-                else if (msgCount >= 10)
-                    dotColor = '#c0c0c0'; // silver
-                else if (msgCount >= 3)
-                    dotColor = '#cd7f32'; // bronze
-                ctx.fillStyle = dotColor;
-                ctx.beginPath();
-                ctx.arc(dividerX + 15 + slideOffsetX, y - 3, 4, 0, Math.PI * 2);
-                ctx.fill();
-            }
-        }
-        // Platform badge
-        const badge = msg.platform === 'twitch' ? 'TW' : msg.platform === 'kick' ? 'KK' : 'RM';
-        const badgeColor = msg.platform === 'twitch' ? COLORS.twitchPurple :
-            msg.platform === 'kick' ? COLORS.kickGreen : COLORS.rumbleGreen;
-        ctx.fillStyle = badgeColor;
-        ctx.fillRect(dividerX + 20 + slideOffsetX, y - 12, 28, 18);
-        ctx.fillStyle = '#000';
-        ctx.font = 'bold 12px "Courier New", monospace';
-        ctx.fillText(badge, dividerX + 22 + slideOffsetX, y + 2);
-        // Username
-        ctx.fillStyle = COLORS.blue;
-        ctx.font = 'bold 15px "Courier New", monospace';
-        ctx.fillText(msg.username, dividerX + 55 + slideOffsetX, y + 2);
-        // Message
-        ctx.fillStyle = COLORS.text;
-        ctx.font = '15px "Courier New", monospace';
-        const nameWidth = ctx.measureText(msg.username).width;
-        const msgText = msg.text.slice(0, 40);
-        ctx.fillText(msgText, dividerX + 60 + nameWidth + slideOffsetX, y + 2);
-    }
-    // FIX 1: Draw emoji reaction particles (if shipped)
-    drawEmojiParticles(ctx);
-    if (recent.length === 0) {
-        ctx.fillStyle = COLORS.textDim;
-        ctx.font = 'italic 16px "Courier New", monospace';
-        ctx.fillText('Waiting for chat...', dividerX + 30, chatY + 10);
-    }
-    // ── Speech bubble (bottom) — (#13) larger: 150px height, 24px font ──
-    const speechBubbleHeight = 150;
-    const speechY = HEIGHT - speechBubbleHeight - 20; // leave 20px for ticker
-    ctx.fillStyle = COLORS.bgPanel;
-    ctx.fillRect(0, speechY, WIDTH, speechBubbleHeight);
-    // (#13) 6px colored left border in accent color
-    ctx.fillStyle = COLORS.accent;
-    ctx.fillRect(0, speechY, 6, speechBubbleHeight);
-    // Top border
-    ctx.strokeStyle = COLORS.accent;
-    ctx.lineWidth = 2;
-    ctx.beginPath();
-    ctx.moveTo(0, speechY);
-    ctx.lineTo(WIDTH, speechY);
-    ctx.stroke();
-    // Speech icon
-    ctx.fillStyle = COLORS.accent;
-    ctx.font = 'bold 24px "Courier New", monospace';
-    ctx.fillText('>', 20, speechY + 40);
-    // Speech text — (#13) 24px font
-    if (charState.speech) {
-        // Phase 1: Dreamy color when in dream mode
-        ctx.fillStyle = charState.mood === 'dreaming' ? '#7a6aaa' : COLORS.text;
-        ctx.font = charState.mood === 'dreaming' ? 'italic 24px "Courier New", monospace' : '24px "Courier New", monospace';
-        // Word wrap
-        const words = charState.speech.split(' ');
-        let line = '';
-        let lineY = speechY + 40;
-        for (const word of words) {
-            const test = line + word + ' ';
-            if (ctx.measureText(test).width > WIDTH - 80) {
-                ctx.fillText(line.trim(), 50, lineY);
-                line = word + ' ';
-                lineY += 32;
-                if (lineY > speechY + speechBubbleHeight - 20)
-                    break;
-            }
-            else {
-                line = test;
-            }
-        }
-        ctx.fillText(line.trim(), 50, lineY);
-    }
-    else {
-        ctx.fillStyle = COLORS.textDim;
-        ctx.font = 'italic 20px "Courier New", monospace';
-        ctx.fillText('...', 50, speechY + 40);
-    }
-    // ── (#14) Inner Monologue Ticker — 20px strip at very bottom ──
-    const tickerY = HEIGHT - 20;
-    ctx.fillStyle = '#0d1117';
-    ctx.fillRect(0, tickerY, WIDTH, 20);
-    // Update ticker thought every ~30 seconds
-    if (Date.now() > charState.tickerChangeTime) {
-        charState.tickerIndex = (charState.tickerIndex + 1) % INNER_THOUGHTS.length;
-        charState.tickerChangeTime = Date.now() + 30000;
-        charState.tickerOffset = WIDTH; // reset scroll to off-screen right
-    }
-    const thought = INNER_THOUGHTS[charState.tickerIndex];
-    ctx.fillStyle = '#ffb000'; // amber
-    ctx.font = '14px "Courier New", monospace';
-    charState.tickerOffset -= 2; // scroll left
-    const textW = ctx.measureText(thought).width;
-    if (charState.tickerOffset < -textW)
-        charState.tickerOffset = WIDTH;
-    ctx.fillText(thought, charState.tickerOffset, tickerY + 15);
-    // ── Learning indicator (above ticker) ──
-    if (memory.totalMessages > 0) {
-        ctx.fillStyle = COLORS.purple;
-        ctx.font = '12px "Courier New", monospace';
-        ctx.fillText(`brain: ${memory.sessionFacts.length} facts learned`, 20, tickerY - 4);
-    }
-    // ── Website URL ──
-    ctx.fillStyle = COLORS.accent;
-    ctx.font = 'bold 14px "Courier New", monospace';
-    ctx.fillText('kernel.chat', WIDTH - 140, tickerY - 4);
-    // ── PRIORITY 2: Floating text particles ──
-    charState.floatingTexts = charState.floatingTexts.filter(ft => {
-        ft.frame++;
-        if (ft.frame >= ft.maxFrames)
-            return false;
-        // Move upward, fade out
-        ft.y -= 1;
-        const alpha = Math.max(0, 1 - ft.frame / ft.maxFrames);
-        ctx.fillStyle = ft.color;
-        ctx.globalAlpha = alpha;
-        ctx.font = 'bold 16px "Courier New", monospace';
-        ctx.fillText(ft.text, ft.x, ft.y);
-        ctx.globalAlpha = 1;
-        return true;
-    });
-    // ── AAA: Dynamic Lighting Engine ──
-    {
-        const robotScale = 10;
-        const hasLightning = world.events.includes('lightning');
-        const ambientLevel = getAmbientForTime(world.timeOfDay);
-        const lights = buildCharacterLights(charState.robotX, 90, robotScale, moodColorHex, animFrame, hasLightning, world.items.map(i => ({ x: i.x, y: i.y, emoji: i.emoji, name: i.name })));
-        renderLighting(ctx, lights, WIDTH, HEIGHT, ambientLevel);
-    }
-    // ── NVIDIA: Radiance Grid — ambient light propagation ──
-    {
-        const hasLightning = world.events.includes('lightning');
-        const lights = buildCharacterLights(charState.robotX, 90, 10, moodColorHex, animFrame, hasLightning, world.items.map(i => ({ x: i.x, y: i.y, emoji: i.emoji, name: i.name })));
-        updateRadianceGrid(charState.radianceGrid, lights);
-        renderRadianceOverlay(ctx, charState.radianceGrid, WIDTH, HEIGHT);
-    }
-    // ── AAA: Bloom Effect ──
-    {
-        const robotScale = 10;
-        const bloomSpots = buildCharacterBloom(charState.robotX, 90, robotScale, moodColorHex, animFrame);
-        renderBloom(ctx, bloomSpots);
+        const collabW = 500;
+        const collabX = Math.floor((WIDTH - collabW) / 2);
+        const collabY = 180;
+        const collabH = 80;
+        ctx.fillStyle = 'rgba(13, 17, 23, 0.85)';
+        ctx.fillRect(collabX, collabY, collabW, collabH);
+        ctx.strokeStyle = '#58a6ff';
+        ctx.lineWidth = 1;
+        ctx.strokeRect(collabX, collabY, collabW, collabH);
+        ctx.fillStyle = '#58a6ff';
+        ctx.font = 'bold 11px "Courier New", monospace';
+        const collabTitle = intelligence.collab.title || 'Untitled';
+        ctx.fillText(`COLLAB [${intelligence.collab.type}]: ${collabTitle.slice(0, 40)}`, collabX + 6, collabY + 14);
+        ctx.fillStyle = '#8b949e';
+        ctx.font = '10px "Courier New", monospace';
+        ctx.fillText(`${intelligence.collab.contributors.size} people | ${intelligence.collab.phase}`, collabX + 6, collabY + 28);
+        ctx.fillStyle = '#e6edf3';
+        const recentContent = intelligence.collab.content.slice(-3);
+        for (let i = 0; i < recentContent.length; i++) {
+            ctx.fillText(recentContent[i].slice(0, 65), collabX + 6, collabY + 42 + i * 13);
+        }
+    }
+    // ── Website URL (bottom-right, subtle) ──
+    ctx.fillStyle = hexToRgba(COLORS.accent, 0.6);
+    ctx.font = 'bold 13px "Courier New", monospace';
+    ctx.fillText('kernel.chat', WIDTH - 130, HEIGHT - 10);
+    // ════════════════════════════════════════════════════════════════
+    // LAYER 6: ON-DEMAND PANELS (shown for 5 seconds when triggered)
+    // ════════════════════════════════════════════════════════════════
+    // Brain panel overlay (!brain)
+    if (showBrainOverlay > 0) {
+        showBrainOverlay--;
+        const bpX = WIDTH - 320;
+        const bpY = 50;
+        const bpW = 300;
+        const bpH = 200;
+        ctx.fillStyle = 'rgba(13,17,23,0.85)';
+        ctx.fillRect(bpX, bpY, bpW, bpH);
+        ctx.strokeStyle = COLORS.purple;
+        ctx.lineWidth = 1;
+        ctx.strokeRect(bpX, bpY, bpW, bpH);
+        if (charState.mood === 'dreaming') {
+            const pulse = (Math.sin(animFrame * 0.15) + 1) / 2;
+            intelligence.brain.currentThought = `DREAMING${'.'.repeat(1 + Math.floor(pulse * 3))}`;
+        }
+        drawBrainPanel(ctx, intelligence.brain, bpX + 5, bpY + 5, bpW - 10, bpH - 10);
+        drawBrainActivity(ctx, streamBrain, bpX + 5, bpY + bpH - 60, bpW - 10, 55);
+    }
+    // Leaderboard overlay (!top)
+    if (showLeaderboardOverlay > 0) {
+        showLeaderboardOverlay--;
+        const lbX = WIDTH / 2 - 150;
+        const lbY = 60;
+        const lbW = 300;
+        const topXP = Object.entries(memory.users)
+            .filter(([, u]) => u.xp > 0)
+            .sort((a, b) => (b[1].xp || 0) - (a[1].xp || 0))
+            .slice(0, 5);
+        const lbH = 40 + topXP.length * 20;
+        ctx.fillStyle = 'rgba(13,17,23,0.85)';
+        ctx.fillRect(lbX, lbY, lbW, lbH);
+        ctx.strokeStyle = COLORS.orange;
+        ctx.lineWidth = 1;
+        ctx.strokeRect(lbX, lbY, lbW, lbH);
+        ctx.fillStyle = COLORS.orange;
+        ctx.font = 'bold 14px "Courier New", monospace';
+        ctx.fillText('LEADERBOARD', lbX + 10, lbY + 20);
+        for (let i = 0; i < topXP.length; i++) {
+            const [name, u] = topXP[i];
+            const trophy = `${i + 1}.`;
+            ctx.fillStyle = i === 0 ? '#f0c040' : i === 1 ? '#c0c0c0' : '#cd7f32';
+            ctx.font = '13px "Courier New", monospace';
+            ctx.fillText(`${trophy} ${name.slice(0, 16)}: ${u.xp || 0} XP`, lbX + 10, lbY + 40 + i * 20);
+        }
+    }
+    // Quest panel overlay (!quest)
+    if (showQuestOverlay > 0) {
+        showQuestOverlay--;
+        const qX = WIDTH / 2 - 160;
+        const qY = 60;
+        ctx.fillStyle = 'rgba(13,17,23,0.85)';
+        ctx.fillRect(qX, qY, 320, 200);
+        ctx.strokeStyle = '#3fb950';
+        ctx.lineWidth = 1;
+        ctx.strokeRect(qX, qY, 320, 200);
+        drawQuestPanel(ctx, intelligence.progression, qX + 5, qY + 5);
     }
-    // ── AAA: Post-processing (replaces old scanlines + vignette) ──
-    renderPostProcessing(ctx, WIDTH, HEIGHT, animFrame, {
-        bloom: true,
-        filmGrain: true,
-        vignette: true,
-        scanlines: true,
-    });
-    // ── (#16) Segment transition overlay ──
+    // ════════════════════════════════════════════════════════════════
+    // LAYER 7: MOOD BORDER (2px pulsing colored border)
+    // ════════════════════════════════════════════════════════════════
+    // Segment transition overlay (full-screen flash)
     if (charState.segmentTransition > 0) {
         const fadeOut = charState.segmentTransition <= 10;
         const alpha = fadeOut ? charState.segmentTransition / 10 * 0.5 : 0.5;
         ctx.fillStyle = hexToRgba(COLORS.accent, alpha);
         ctx.fillRect(0, 0, WIDTH, HEIGHT);
-        // Large centered text
         ctx.fillStyle = `rgba(255,255,255,${fadeOut ? charState.segmentTransition / 10 : 1})`;
         ctx.font = 'bold 40px "Courier New", monospace';
         const segText = charState.segmentTransitionName;
-        const segW = ctx.measureText(segText).width;
-        ctx.fillText(segText, (WIDTH - segW) / 2, HEIGHT / 2 - 10);
-        // Progress indicator
+        const stW = ctx.measureText(segText).width;
+        ctx.fillText(segText, (WIDTH - stW) / 2, HEIGHT / 2 - 10);
         ctx.font = '24px "Courier New", monospace';
         const progText = charState.segmentTransitionIndex;
-        const progW = ctx.measureText(progText).width;
-        ctx.fillText(progText, (WIDTH - progW) / 2, HEIGHT / 2 + 30);
+        const ptW = ctx.measureText(progText).width;
+        ctx.fillText(progText, (WIDTH - ptW) / 2, HEIGHT / 2 + 30);
         charState.segmentTransition--;
     }
-    // Restore from screen shake translate
+    // Restore from screen shake
     ctx.restore();
-    // ── (#11) Mood-color border — 4px around entire frame ──
-    const borderColor = charState.mood === 'dancing'
+    // Mood border — 2px around entire frame, pulsing
+    const borderColorRaw = charState.mood === 'dancing'
         ? ['#f85149', '#f0c040', '#3fb950', '#58a6ff', '#bc8cff', '#ff6ec7'][animFrame % 6]
         : MOOD_COLORS[charState.mood] ?? COLORS.green;
-    ctx.strokeStyle = borderColor;
-    ctx.lineWidth = 4;
-    ctx.strokeRect(2, 2, WIDTH - 4, HEIGHT - 4);
+    const borderPulseAlpha = 0.7 + 0.3 * Math.sin(animFrame * 0.15);
+    ctx.strokeStyle = hexToRgba(borderColorRaw, borderPulseAlpha);
+    ctx.lineWidth = 2;
+    ctx.strokeRect(1, 1, WIDTH - 2, HEIGHT - 2);
+    // ════════════════════════════════════════════════════════════════
+    // LAYER 8: POST-PROCESSING
+    // ════════════════════════════════════════════════════════════════
+    {
+        const hasLightning = world.events.includes('lightning');
+        const ambientLevel = getAmbientForTime(world.timeOfDay);
+        const lights = buildCharacterLights(robotScreenX, robotScreenY, robotScale, moodColorHex, animFrame, hasLightning, world.items.map(i => ({ x: i.x, y: i.y, emoji: i.emoji, name: i.name })));
+        renderLighting(ctx, lights, WIDTH, HEIGHT, ambientLevel);
+        updateRadianceGrid(charState.radianceGrid, lights);
+        renderRadianceOverlay(ctx, charState.radianceGrid, WIDTH, HEIGHT);
+        const bloomSpots = buildCharacterBloom(robotScreenX, robotScreenY, robotScale, moodColorHex, animFrame);
+        renderBloom(ctx, bloomSpots);
+    }
+    renderPostProcessing(ctx, WIDTH, HEIGHT, animFrame, {
+        bloom: true,
+        filmGrain: true,
+        vignette: true,
+        scanlines: true,
+    });
     // Convert canvas to raw RGB24
     const imageData = ctx.getImageData(0, 0, WIDTH, HEIGHT);
     const rgba = imageData.data;
@@ -2872,10 +2980,7 @@ function startChatPoll() {
                         if (charState.dreamInsights.length > 0) {
                             const firstInsight = charState.dreamInsights[0];
                             const topic = firstInsight.split(' ').filter((w) => w.length > 4).slice(0, 2).join(' ') || 'something strange';
-                            charState.speech = `I dreamed about ${topic}. I feel... different.`;
-                        }
-                        else {
-                            charState.speech = '';
+                            queueSpeech(`I dreamed about ${topic}. I feel... different.`, 'idle', 70, 48, 'dream');
                         }
                         // Reset dream state
                         charState.dreamInsights = [];
@@ -2886,12 +2991,15 @@ function startChatPoll() {
                     learnFromMessage(memory, msg.username, msg.text, msg.platform);
                     // Analyze chat for domain relevance (stream brain)
                     analyzeChatForDomains(streamBrain, msg.username, msg.text);
+                    // Track viewer in social engine
+                    if (socialEngine)
+                        trackViewer(socialEngine, msg.username, msg.platform, msg.text);
                     // Phase 1: !sleep command — trigger dreaming mode
                     if (msg.text.toLowerCase().trim() === '!sleep') {
                         charState.mood = 'dreaming';
                         charState.isDreamingWithOllama = false;
                         lastChatTime = Date.now() - 300001; // trick the proactive timer into dreaming
-                        charState.speech = 'Good night, chat... *powers down for dreamtime*';
+                        queueSpeech('Good night, chat... *powers down for dreamtime*', 'dreaming', 80, 48, 'dream');
                         // Trigger dream generation
                         generateStreamDream(charState.chatMessages).then(insights => {
                             charState.dreamInsights = insights;
@@ -2903,17 +3011,48 @@ function startChatPoll() {
                             }
                             saveMemory(memory);
                             if (insights.length > 0) {
-                                setTimeout(() => { charState.speech = insights[0]; }, 3000);
+                                queueSpeech(insights[0], 'dreaming', 70, 60, 'dream');
                             }
                         }).catch(() => { });
                         continue;
                     }
+                    // World-First: On-demand overlay triggers
+                    {
+                        const cmd = msg.text.toLowerCase().trim();
+                        if (cmd === '!brain') {
+                            showBrainOverlay = OVERLAY_DURATION;
+                            continue;
+                        }
+                        if (cmd === '!top') {
+                            showLeaderboardOverlay = OVERLAY_DURATION;
+                            continue;
+                        }
+                        if (cmd === '!quest') {
+                            showQuestOverlay = OVERLAY_DURATION;
+                            continue;
+                        }
+                    }
                     // Check brain commands (!do, !brain, !tools, !scan, !lookup, !research, !system, !ask, !stars, !news, !trending, !npm)
                     const brainResult = handleBrainCommand(msg.text, msg.username, streamBrain);
                     // Check intelligence commands (evolution, brain, collab)
                     const intelResult = !brainResult ? handleIntelligenceCommand(msg.text, msg.username, intelligence) : null;
+                    // Check tile world commands (Minecraft-style: !place, !dig, !build, etc.)
+                    let tileResult = null;
+                    if (tileWorld && !brainResult && !intelResult) {
+                        tileResult = handleTileCommand(msg.text, msg.username, tileWorld, charState.robotX || 120);
+                        if (tileResult) {
+                            queueSpeech(tileResult, 'talking', 80, 48, 'tile-cmd');
+                        }
+                    }
+                    // Check narrative commands (!lore, !story, !discover, !name)
+                    if (narrativeEngine && !brainResult && !intelResult && !tileResult) {
+                        const narResult = handleNarrativeCommand(msg.text, msg.username, narrativeEngine, charState.robotX || 640);
+                        if (narResult) {
+                            queueSpeech(narResult, 'talking', 80, 48, 'narrative-cmd');
+                        }
+                    }
                     // Check for world commands
-                    const worldResult = !intelResult && !brainResult ? parseWorldCommand(msg.text) : null;
+                    const worldResult = !intelResult && !brainResult && !tileResult ? parseWorldCommand(msg.text) : null;
                     // FIX 1: Weather sound effect commentary (if shipped)
                     if (worldResult && shippedEffects.has('Add weather sound effects')) {
                         const t = msg.text.toLowerCase();
@@ -2926,10 +3065,7 @@ function startChatPoll() {
                             };
                             for (const [kw, comment] of Object.entries(weatherComments)) {
                                 if (t.includes(kw)) {
-                                    setTimeout(() => {
-                                        charState.speech = comment;
-                                        setTimeout(() => { charState.speech = ''; }, 6000);
-                                    }, 3000);
+                                    queueSpeech(comment, 'talking', 40, 36, 'weather-sfx');
                                     break;
                                 }
                             }
@@ -2941,11 +3077,13 @@ function startChatPoll() {
                         ? Promise.resolve(brainResult)
                         : intelResult
                             ? Promise.resolve(intelResult)
-                            : worldResult
-                                ? Promise.resolve(worldResult)
-                                : generateResponse(msg.username, msg.text, msg.platform);
+                            : tileResult
+                                ? Promise.resolve(tileResult)
+                                : worldResult
+                                    ? Promise.resolve(worldResult)
+                                    : generateResponse(msg.username, msg.text, msg.platform);
                     responsePromise.then(response => {
-                        charState.speech = `@${msg.username}: ${response}`;
+                        queueSpeech(`@${msg.username}: ${response}`, 'talking', 80, 48, 'chat-response');
                         memory.totalResponses++;
                         // Learn from own response
                         memory.conversationContext.push(`KBOT: ${response}`);
@@ -2953,7 +3091,6 @@ function startChatPoll() {
                             memory.conversationContext = memory.conversationContext.slice(-10);
                         saveMemory(memory);
                         speakTTS(response);
-                        setTimeout(() => { charState.mood = 'idle'; charState.speech = ''; }, 8000);
                     });
                 }
                 if (charState.chatMessages.length > 100)
@@ -2985,7 +3122,7 @@ function startProactiveTimer() {
                     saveMemory(memory);
                     // Show first insight
                     if (insights.length > 0) {
-                        charState.speech = insights[0];
+                        queueSpeech(insights[0], 'dreaming', 70, 60, 'dream');
                     }
                 }).catch(() => {
                     // Fallback to simple dream
@@ -2993,13 +3130,13 @@ function startProactiveTimer() {
                     const topic = topicKeys.length > 0 ? topicKeys[Math.floor(Math.random() * topicKeys.length)] : 'code';
                     const biomes = ['forest', 'ocean', 'space station', 'city', 'mountain', 'desert', 'cave'];
                     const biome = biomes[Math.floor(Math.random() * biomes.length)];
-                    charState.speech = `Dreaming about ${topic} in a ${biome}...`;
+                    queueSpeech(`Dreaming about ${topic} in a ${biome}...`, 'dreaming', 70, 60, 'dream');
                 });
             }
             // Cycle through dream insights every 10 seconds
             if (charState.dreamInsights.length > 0 && Date.now() - charState.dreamInsightTime > 10000) {
                 charState.dreamInsightIndex = (charState.dreamInsightIndex + 1) % charState.dreamInsights.length;
-                charState.speech = charState.dreamInsights[charState.dreamInsightIndex];
+                queueSpeech(charState.dreamInsights[charState.dreamInsightIndex], 'dreaming', 70, 60, 'dream');
                 charState.dreamInsightTime = Date.now();
             }
             return;
@@ -3007,15 +3144,13 @@ function startProactiveTimer() {
         // Only speak proactively if chat has been quiet for 30+ seconds
         if (silenceSeconds < 30)
             return;
-        // Don't interrupt an existing speech or dreaming
-        if (charState.speech || charState.mood === 'dreaming')
+        // Don't interrupt dreaming
+        if (charState.mood === 'dreaming')
             return;
         const line = getProactiveLine();
         if (line) {
-            charState.mood = 'talking';
-            charState.speech = line;
+            queueSpeech(line, 'talking', 30, 60, 'proactive');
             speakTTS(line);
-            setTimeout(() => { charState.mood = 'idle'; charState.speech = ''; }, 10000);
         }
     }, 5000);
 }
@@ -3053,7 +3188,7 @@ Respond in 1-2 short sentences. Be fun, witty, and engaging. Reference their int
             method: 'POST',
             headers: { 'Content-Type': 'application/json' },
             body: JSON.stringify({
-                model: 'kernel:latest',
+                model: 'gemma4',
                 prompt,
                 stream: false,
                 options: { temperature: 0.8, num_predict: 80 },
@@ -3394,7 +3529,27 @@ export function registerStreamRendererTools() {
             animFrame = 0;
             lastChatCount = 0;
             lastChatTime = Date.now();
+            speechQueue = [];
+            currentSpeechExpiry = 0;
+            exploration = null;
+            tileWorld = loadWorld() || initTileWorld();
+            romState = initRomEngine('plains', 'night');
+            livingWorld = loadLivingWorldState() || initLivingWorld();
+            // Evolve world based on time since last stream
+            if (tileWorld && livingWorld) {
+                const lastSave = tileWorld.cameraX !== 0 ? 1 : 0; // rough check
+                if (lastSave > 0) {
+                    const changes = evolveWorld(tileWorld, livingWorld.ecology, 1); // simulate 1 hour
+                    if (changes.length > 0)
+                        queueSpeech(`The world evolved while I was away... ${changes.length} things changed.`, 'excited', 70, 48, 'world-evolve');
+                }
+            }
             intelligence = initIntelligence(memory);
+            evolutionEngine = loadEvolutionState() || initEvolutionEngine();
+            narrativeEngine = loadNarrative() || createNarrativeEngine();
+            audioEngine = createAudioEngine();
+            socialEngine = loadSocialEngine();
+            activeAudioDescription = null;
             agenda = {
                 currentIndex: 0,
                 currentSegment: 'welcome',
@@ -3409,7 +3564,8 @@ export function registerStreamRendererTools() {
                 return `ffmpeg exited:\n${stderr.slice(-500)}`;
             startChatPoll();
             startProactiveTimer();
-            setTimeout(() => { charState.mood = 'idle'; charState.speech = ''; }, 8000);
+            // Let the welcome speech play for 8 seconds, then the queue takes over
+            currentSpeechExpiry = 48; // 8 seconds at 6fps
             return `KBOT Character Stream LIVE!\n\nPlatforms: ${active.map(p => p.name).join(', ')}\nResolution: ${WIDTH}x${HEIGHT} @ ${FPS}fps\nRenderer: Canvas → RGB24 → ffmpeg\nMemory: ${memory.totalMessages} messages, ${Object.keys(memory.users).length} users remembered\nAgenda: ${SEGMENT_ORDER.map(s => SEGMENT_LABELS[s]).join(' → ')}\nSegment duration: 10 minutes each\n\nThe character learns from every chat interaction and speaks proactively during quiet moments.`;
         },
     });
@@ -3438,6 +3594,14 @@ export function registerStreamRendererTools() {
                 ffmpegProc = null;
             }
             saveMemory(memory);
+            if (tileWorld)
+                saveWorld(tileWorld);
+            if (evolutionEngine)
+                saveEvolutionState(evolutionEngine);
+            if (narrativeEngine)
+                saveNarrative(narrativeEngine);
+            if (socialEngine)
+                saveSocialEngine(socialEngine);
             const elapsed = Math.floor((Date.now() - charState.startTime) / 60000);
             return `Stream stopped after ${elapsed}m.\nFrames: ${charState.frameCount}\nMessages: ${memory.totalMessages}\nUsers learned: ${Object.keys(memory.users).length}\nFacts: ${memory.sessionFacts.length}\nSegments completed: ${agenda.currentIndex}`;
         },
@@ -3456,11 +3620,9 @@ export function registerStreamRendererTools() {
             charState.chatMessages.push(msg);
             learnFromMessage(memory, msg.username, msg.text, msg.platform);
             lastChatTime = Date.now();
-            charState.mood = 'talking';
             const response = await generateResponse(msg.username, msg.text, msg.platform);
-            charState.speech = `@${msg.username}: ${response}`;
+            queueSpeech(`@${msg.username}: ${response}`, 'talking', 80, 48, 'chat-response');
             speakTTS(response);
-            setTimeout(() => { charState.mood = 'idle'; charState.speech = ''; }, 8000);
             return `[${msg.platform}] ${msg.username}: ${msg.text}\nKBOT: ${response}`;
         },
     });
@@ -3473,10 +3635,14 @@ export function registerStreamRendererTools() {
         },
         tier: 'free',
         execute: async (args) => {
-            charState.mood = String(args.mood || 'idle');
-            if (args.speech)
-                charState.speech = String(args.speech);
-            return `Mood: ${charState.mood}`;
+            const moodVal = String(args.mood || 'idle');
+            if (args.speech) {
+                queueSpeech(String(args.speech), moodVal, 100, 48, 'api');
+            }
+            else {
+                charState.mood = moodVal;
+            }
+            return `Mood: ${moodVal}`;
         },
     });
     registerTool({