game.js

// Advanced Learning System - Now powered by SM-2 Spaced Repetition
// This class is now a thin wrapper around the SRSEngine for backward compatibility
class AdaptiveLearningEngine {
    constructor() {
        this.srsEngine = new SRSEngine();
        this.analytics = new LearningAnalytics();
        this.childId = null;
        this.difficultyLevel = 1;
    }

    initialize(childId) {
        this.childId = childId || (typeof telemetry !== 'undefined' ? telemetry.getActiveChildId() : 'default');
        if (typeof telemetry !== 'undefined') {
            telemetry.setActiveChild(this.childId);
            this.analytics = telemetry.forChild(this.childId);
            if (typeof rewardSystem !== 'undefined' && rewardSystem.setChild) {
                rewardSystem.setChild(this.childId);
            }
        }
        this.srsEngine.initialize(this.childId);
    }

    /**
     * Record a word attempt with quality grading
     * Quality is determined by correctness and response time
     */
    recordAttempt(word, category, isCorrect, responseTimeMs) {
        // Determine quality grade (0-5)
        let quality;
        if (!isCorrect) {
            quality = 0; // Complete failure
        } else if (responseTimeMs < 3000) {
            quality = 5; // Perfect (correct + fast)
        } else if (responseTimeMs < 5000) {
            quality = 4; // Correct with slight hesitation
        } else if (responseTimeMs < 10000) {
            quality = 3; // Correct but difficult
        } else {
            quality = 2; // Correct but very slow
        }

        // Record in SRS engine
        const wordId = word; // Use word as ID for simplicity
        const state = this.srsEngine.recordResponse(wordId, word, category, quality, responseTimeMs);

        this.analytics.recordAttempt({
            correct: isCorrect,
            durationMs: responseTimeMs,
            timestamp: Date.now(),
            category: category,
            word: word,
            locale: (typeof currentLanguage !== 'undefined' && currentLanguage) ? currentLanguage : 'en',
            mode: (typeof gameModeManager !== 'undefined' && gameModeManager.currentMode) ? gameModeManager.currentMode : 'classic',
            hintCount: (typeof telemetry !== 'undefined') ? telemetry.currentHintCount : 0
        });

        return state;
    }

    /**
     * Build session word queue driven by mastery model
     */
    getSessionQueue(allWords, category = null, ageBand = null) {
        return this.srsEngine.buildSessionQueue(allWords, category, ageBand, 10);
    }

    /**
     * Get words due for review
     */
    getWordsForReview() {
        const dueReviews = this.srsEngine.getDueReviews();
        return dueReviews.map(state => state.word);
    }

    /**
     * Get mastery report for dashboard
     */
    getMasteryReport() {
        return this.srsEngine.getMasteryReport();
    }

    /**
     * Calculate word difficulty (combines population data + child history)
     */
    getWordDifficulty(word) {
        return this.srsEngine.calculateWordDifficulty(word);
    }

    /**
     * Legacy method for backward compatibility - now uses SRS data
     */
    adjustDifficulty(isCorrect, timeToComplete) {
        // This is now handled by recordAttempt with quality grading
        console.warn('adjustDifficulty is deprecated, use recordAttempt instead');
    }

    /**
     * Legacy method for backward compatibility
     */
    scheduleSpacedRepetition(word, difficulty) {
        console.warn('scheduleSpacedRepetition is deprecated, use recordAttempt instead');
    }
}

// LearningAnalytics lives in telemetry.js (single event stream for reports + rewards).

// Game Modes
class GameModeManager {
    constructor() {
        this.currentMode = 'classic';
        this.modes = {
            classic: new ClassicMode(),
            story: new StoryMode(),
            timed: new TimedMode(),
            puzzle: new PuzzleMode()
        };
    }

    setMode(modeName) {
        this.currentMode = modeName;
        return this.modes[modeName];
    }

    getCurrentMode() {
        return this.modes[this.currentMode];
    }
}

class ClassicMode {
    constructor() {
        this.name = 'Classic';
        this.description = 'Traditional spelling practice';
    }

    initializeGame(wordData) {
        return wordData;
    }
}

class StoryMode {
    constructor() {
        this.name = 'Story Adventure';
        this.description = 'Spell words to unlock story chapters';
        this.currentChapter = 1;
        this.storyProgress = 0;
        this.stories = {
            animals: {
                title: "The Magical Forest Adventure",
                chapters: [
                    "Once upon a time, you entered a magical forest...",
                    "A friendly {word} appeared on the path ahead...",
                    "The {word} led you deeper into the enchanted woods...",
                    "Suddenly, a wise {word} offered to guide you...",
                    "Together, you discovered a hidden treasure!"
                ]
            },
            colors: {
                title: "The Rainbow Quest",
                chapters: [
                    "The world has lost all its colors! You must help...",
                    "You found a magical {word} crystal...",
                    "The {word} light began to spread across the land...",
                    "More {word} appeared, bringing joy to everyone...",
                    "You saved the world with the power of colors!"
                ]
            },
            objects: {
                title: "The Inventor's Workshop",
                chapters: [
                    "Welcome to the amazing inventor's workshop...",
                    "You need to find a special {word} to fix the machine...",
                    "The {word} fits perfectly! The machine starts working...",
                    "Now you need another {word} to complete the invention...",
                    "Success! Your invention will help people everywhere!"
                ]
            }
        };
    }

    initializeGame(wordData) {
        this.storyProgress = 0;
        this.currentChapter = 0;
        
        // Add story context to words
        return wordData.map((word, index) => ({
            ...word,
            storyContext: this.getStoryContext(word.word, index),
            chapterIndex: Math.floor(index / 3) // New chapter every 3 words
        }));
    }

    getStoryContext(word, wordIndex) {
        const story = this.stories[currentCategory] || this.stories.animals;
        const chapterIndex = Math.min(Math.floor(wordIndex / 3), story.chapters.length - 1);
        const chapter = story.chapters[chapterIndex];
        
        return {
            title: story.title,
            text: chapter.replace('{word}', word),
            chapter: chapterIndex + 1,
            progress: Math.min(100, (wordIndex / 15) * 100) // Story completes after 15 words
        };
    }

    onWordCompleted(wordObj) {
        this.storyProgress++;
        
        // Show story progression
        const storyElement = document.getElementById('storyContext');
        if (storyElement && wordObj.storyContext) {
            storyElement.innerHTML = `
                <div class="story-header">
                    <h4>${wordObj.storyContext.title}</h4>
                    <div class="story-progress">
                        <div class="progress-bar">
                            <div class="progress-fill" style="width: ${wordObj.storyContext.progress}%"></div>
                        </div>
                        <span>Chapter ${wordObj.storyContext.chapter}</span>
                    </div>
                </div>
                <p class="story-text">${wordObj.storyContext.text}</p>
            `;
            
            // Animate story appearance
            storyElement.style.animation = 'fadeIn 0.5s ease';
        }
        
        // Check if story is complete
        if (this.storyProgress >= 15) {
            this.showStoryComplete();
        }
    }

    showStoryComplete() {
        const modal = document.createElement('div');
        modal.className = 'story-complete-modal';
        modal.innerHTML = `
            <div class="modal-content">
                <h2>🎆 Story Complete!</h2>
                <p>Congratulations! You've finished the adventure and learned ${this.storyProgress} new words!</p>
                <div class="story-celebration">
                    <div class="celebration-emoji">🏆</div>
                    <p>You are now a Spelling Hero!</p>
                </div>
                <div class="modal-buttons">
                    <button class="new-story-btn">New Adventure</button>
                    <button class="home-btn">Home</button>
                </div>
            </div>
        `;
        
        document.body.appendChild(modal);
        
        modal.querySelector('.new-story-btn').addEventListener('click', () => {
            modal.remove();
            this.storyProgress = 0;
            currentWordIndex = 0;
            loadWord();
        });
        
        modal.querySelector('.home-btn').addEventListener('click', () => {
            modal.remove();
            showScreen('home');
        });
    }
}

class TimedMode {
    constructor() {
        this.name = 'Speed Challenge';
        this.description = 'Race against time!';
        this.timeLimit = 30; // seconds
        this.timeRemaining = 30;
        this.wordsCompleted = 0;
        this.timer = null;
    }

    initializeGame(wordData) {
        this.timeRemaining = this.timeLimit;
        this.wordsCompleted = 0;
        this.startTimer();
        return wordData;
    }

    startTimer() {
        this.timer = setInterval(() => {
            this.timeRemaining--;
            this.updateTimerDisplay();
            if (this.timeRemaining <= 0) {
                this.endGame();
            }
        }, 1000);
    }

    updateTimerDisplay() {
        const timerElement = document.getElementById('timer');
        if (timerElement) {
            timerElement.textContent = `⏰ ${this.timeRemaining}s`;
            
            // Change color based on time remaining
            if (this.timeRemaining === 10) {
                window.announce('10 seconds remaining!', true);
            }
            if (this.timeRemaining <= 10) {
                timerElement.style.color = '#ef4444'; // Red
                if (!accessibilityManager.settings.reducedMotion) {
                    timerElement.style.animation = 'pulse 1s infinite';
                } else {
                    timerElement.style.animation = 'none';
                }
            } else if (this.timeRemaining <= 20) {
                timerElement.style.color = '#f59e0b'; // Orange
                timerElement.style.animation = 'none';
            } else {
                timerElement.style.color = '#10b981'; // Green
                timerElement.style.animation = 'none';
            }
        }
    }

    endGame() {
        clearInterval(this.timer);
        this.showTimedResults();
    }

    showTimedResults() {
        const modal = document.createElement('div');
        modal.className = 'timed-results-modal';
        modal.innerHTML = `
            <div class="modal-content">
                <h2>⏰ Time's Up!</h2>
                <div class="results">
                    <div class="result-stat">
                        <div class="value">${this.wordsCompleted}</div>
                        <div class="label">Words Completed</div>
                    </div>
                    <div class="result-stat">
                        <div class="value">${Math.round(this.wordsCompleted / this.timeLimit * 60)}</div>
                        <div class="label">Words Per Minute</div>
                    </div>
                </div>
                <div class="modal-buttons">
                    <button class="play-again-btn">Play Again</button>
                    <button class="home-btn">Home</button>
                </div>
            </div>
        `;
        
        document.body.appendChild(modal);
        
        modal.querySelector('.play-again-btn').addEventListener('click', () => {
            modal.remove();
            this.initializeGame(wordData[currentCategory]);
            currentWordIndex = 0;
            loadWord();
        });
        
        modal.querySelector('.home-btn').addEventListener('click', () => {
            modal.remove();
            showScreen('home');
        });
    }

    onWordCompleted() {
        this.wordsCompleted++;
        
        // Bonus time for correct answers
        this.timeRemaining += 2;
        
        // Show quick feedback
        const feedback = document.getElementById('feedback');
        if (feedback) {
            feedback.textContent = `🚀 +2 seconds! (${this.wordsCompleted} words)`;
            feedback.className = 'feedback correct';
        }
    }

    cleanup() {
        if (this.timer) {
            clearInterval(this.timer);
            this.timer = null;
        }
    }
}

class PuzzleMode {
    constructor() {
        this.name = 'Word Puzzles';
        this.description = 'Solve word mysteries!';
    }

    initializeGame(wordData) {
        return wordData.map(word => ({
            ...word,
            puzzle: this.createPuzzle(word.word)
        }));
    }

    createPuzzle(word) {
        // Create a word puzzle (missing letters, anagrams, etc.)
        const puzzleTypes = ['missing_letter', 'anagram', 'rhyme'];
        const type = puzzleTypes[Math.floor(Math.random() * puzzleTypes.length)];
        
        switch (type) {
            case 'missing_letter':
                const pos = Math.floor(Math.random() * word.length);
                return {
                    type: 'missing_letter',
                    clue: word.split('').map((l, i) => i === pos ? '_' : l).join(''),
                    answer: word[pos]
                };
            case 'anagram':
                return {
                    type: 'anagram',
                    clue: word.split('').sort(() => Math.random() - 0.5).join(''),
                    answer: word
                };
            default:
                return { type: 'normal', clue: word, answer: word };
        }
    }
}

// Accessibility Helper
window.announce = function(message, assertive = false) {
    const announcer = document.getElementById('accessibilityAnnouncer');
    if (announcer) {
        announcer.setAttribute('aria-live', assertive ? 'assertive' : 'polite');
        announcer.textContent = message;
        setTimeout(() => { announcer.textContent = ''; }, 3000);
    }
};

// Accessibility Features
class AccessibilityManager {
    constructor() {
        this.settings = {
            highContrast: false,
            dyslexiaFont: false,
            fontSize: 'normal',
            colorBlindSupport: false,
            screenReader: false,
            reducedMotion: window.matchMedia ? window.matchMedia('(prefers-reduced-motion: reduce)').matches : false
        };
        this.loadSettings();
    }

    toggleHighContrast() {
        this.settings.highContrast = !this.settings.highContrast;
        document.body.classList.toggle('high-contrast', this.settings.highContrast);
        this.saveSettings();
    }

    toggleDyslexiaFont() {
        this.settings.dyslexiaFont = !this.settings.dyslexiaFont;
        document.body.classList.toggle('dyslexia-font', this.settings.dyslexiaFont);
        this.saveSettings();
    }

    setFontSize(size) {
        document.body.classList.remove('font-small', 'font-normal', 'font-large', 'font-xlarge');
        document.body.classList.add(`font-${size}`);
        this.settings.fontSize = size;
        this.saveSettings();
    }

    enableScreenReader() {
        this.settings.screenReader = true;
        this.saveSettings();
        window.announce('Screen reader mode enabled');
    }

    saveSettings() {
        localStorage.setItem('spellbloc_accessibility', JSON.stringify(this.settings));
    }

    loadSettings() {
        const saved = localStorage.getItem('spellbloc_accessibility');
        if (saved) {
            this.settings = { ...this.settings, ...JSON.parse(saved) };
            this.applySettings();
        }
    }

    applySettings() {
        if (this.settings.highContrast) {
            document.body.classList.add('high-contrast');
        }
        if (this.settings.dyslexiaFont) {
            document.body.classList.add('dyslexia-font');
        }
        if (this.settings.fontSize !== 'normal') {
            document.body.classList.add(`font-${this.settings.fontSize}`);
        }
    }
}

// Initialize advanced systems
const adaptiveLearning = new AdaptiveLearningEngine();
const gameModeManager = new GameModeManager();
const accessibilityManager = new AccessibilityManager();
const spellBlocPayments = useSpellBlocPayments(); // MiniPay integration

// Bind analytics to the active child; telemetry.js already migrated legacy storage.
adaptiveLearning.initialize(typeof telemetry !== 'undefined' ? telemetry.getActiveChildId() : 'default');
const curriculum = {
    age2: {
        name: "First Letters",
        description: "Learn letter shapes and sounds",
        categories: {
            vowels: [
                { word: 'a', emoji: '🅰️', sound: 'ah' },
                { word: 'e', emoji: '🇪', sound: 'eh' },
                { word: 'i', emoji: '🇮', sound: 'ih' },
                { word: 'o', emoji: '🅾️', sound: 'oh' },
                { word: 'u', emoji: '🇺', sound: 'uh' }
            ],
            vowel_words: [
                { word: 'at', emoji: '📍', sound: 'at' },
                { word: 'it', emoji: '👆', sound: 'it' },
                { word: 'up', emoji: '⬆️', sound: 'up' },
                { word: 'on', emoji: '🔛', sound: 'on' },
                { word: 'in', emoji: '📥', sound: 'in' },
                { word: 'am', emoji: '👋', sound: 'am' },
                { word: 'an', emoji: '🅰️', sound: 'an' },
                { word: 'as', emoji: '↗️', sound: 'as' },
                { word: 'if', emoji: '❓', sound: 'if' },
                { word: 'is', emoji: '✅', sound: 'is' },
                { word: 'us', emoji: '👥', sound: 'us' },
                { word: 'or', emoji: '🔀', sound: 'or' },
                { word: 'ox', emoji: '🐂', sound: 'ox' },
                { word: 'ax', emoji: '🪓', sound: 'ax' },
                { word: 'of', emoji: '🔄', sound: 'of' },
                { word: 'oh', emoji: '😮', sound: 'oh' },
                { word: 'ad', emoji: '📢', sound: 'ad' },
                { word: 'ah', emoji: '😌', sound: 'ah' },
                { word: 'eh', emoji: '🤷', sound: 'eh' },
                { word: 'uh', emoji: '🤔', sound: 'uh' },
                { word: 'um', emoji: '🤨', sound: 'um' },
                { word: 'ow', emoji: '😣', sound: 'ow' },
                { word: 'aw', emoji: '🥺', sound: 'aw' },
                { word: 'ex', emoji: '❌', sound: 'ex' },
                { word: 'id', emoji: '🆔', sound: 'id' },
                { word: 'ed', emoji: '📝', sound: 'ed' },
                { word: 'el', emoji: '🔤', sound: 'el' },
                { word: 'em', emoji: '📏', sound: 'em' },
                { word: 'en', emoji: '🔚', sound: 'en' },
                { word: 'et', emoji: '👽', sound: 'et' }
            ]
        }
    },
    age3: {
        name: "Letter Sounds",
        description: "Master all letter sounds",
        categories: {
            vowels: [
                { word: 'a', emoji: '🅰️', sound: 'ah' },
                { word: 'e', emoji: '🇪', sound: 'eh' },
                { word: 'i', emoji: '🇮', sound: 'ih' },
                { word: 'o', emoji: '🅾️', sound: 'oh' },
                { word: 'u', emoji: '🇺', sound: 'uh' }
            ],
            vowel_words: [
                { word: 'at', emoji: '📍', sound: 'at' },
                { word: 'it', emoji: '👆', sound: 'it' },
                { word: 'up', emoji: '⬆️', sound: 'up' },
                { word: 'on', emoji: '🔛', sound: 'on' },
                { word: 'in', emoji: '📥', sound: 'in' },
                { word: 'am', emoji: '👋', sound: 'am' },
                { word: 'an', emoji: '🅰️', sound: 'an' },
                { word: 'as', emoji: '↗️', sound: 'as' },
                { word: 'if', emoji: '❓', sound: 'if' },
                { word: 'is', emoji: '✅', sound: 'is' },
                { word: 'us', emoji: '👥', sound: 'us' },
                { word: 'or', emoji: '🔀', sound: 'or' },
                { word: 'ox', emoji: '🐂', sound: 'ox' },
                { word: 'ax', emoji: '🪓', sound: 'ax' },
                { word: 'of', emoji: '🔄', sound: 'of' },
                { word: 'oh', emoji: '😮', sound: 'oh' }
            ],
            consonants: [
                { word: 'b', emoji: '🅱️', sound: 'buh' },
                { word: 'c', emoji: '🇨', sound: 'kuh' },
                { word: 'd', emoji: '🇩', sound: 'duh' },
                { word: 'm', emoji: '🇲', sound: 'muh' },
                { word: 'p', emoji: '🅿️', sound: 'puh' },
                { word: 't', emoji: '🇹', sound: 'tuh' }
            ],
            consonant_words: [
                { word: 'we', emoji: '👥', sound: 'we' },
                { word: 'me', emoji: '👤', sound: 'me' },
                { word: 'to', emoji: '➡️', sound: 'to' },
                { word: 'do', emoji: '✅', sound: 'do' },
                { word: 'go', emoji: '🏃', sound: 'go' },
                { word: 'my', emoji: '👆', sound: 'my' },
                { word: 'by', emoji: '📍', sound: 'by' },
                { word: 'no', emoji: '❌', sound: 'no' },
                { word: 'so', emoji: '👍', sound: 'so' },
                { word: 'he', emoji: '👨', sound: 'he' },
                { word: 'hi', emoji: '👋', sound: 'hi' },
                { word: 'be', emoji: '🐝', sound: 'bee' },
                { word: 'ma', emoji: '👩', sound: 'ma' },
                { word: 'pa', emoji: '👨', sound: 'pa' },
                { word: 'la', emoji: '🎵', sound: 'la' },
                { word: 'ha', emoji: '😂', sound: 'ha' },
                { word: 'ba', emoji: '🐑', sound: 'ba' },
                { word: 'da', emoji: '👨', sound: 'da' },
                { word: 'ta', emoji: '👋', sound: 'ta' },
                { word: 'pi', emoji: '🥧', sound: 'pi' },
                { word: 'ti', emoji: '🍵', sound: 'ti' },
                { word: 'mi', emoji: '🎵', sound: 'mi' },
                { word: 'si', emoji: '🎵', sound: 'si' },
                { word: 'po', emoji: '📮', sound: 'po' },
                { word: 'bo', emoji: '🎀', sound: 'bo' },
                { word: 'mo', emoji: '🐄', sound: 'mo' },
                { word: 'lo', emoji: '🔍', sound: 'lo' },
                { word: 'ho', emoji: '🎅', sound: 'ho' },
                { word: 'yo', emoji: '🪀', sound: 'yo' },
                { word: 'mu', emoji: '🐄', sound: 'mu' }
            ]
        }
    },
    age4: {
        name: "First Words",
        description: "Simple 3-letter words",
        categories: {
            animals: [
                { word: 'cat', emoji: '🐱' },
                { word: 'dog', emoji: '🐶' },
                { word: 'pig', emoji: '🐷' },
                { word: 'cow', emoji: '🐮' },
                { word: 'bee', emoji: '🐝' },
                { word: 'fox', emoji: '🦊' },
                { word: 'bat', emoji: '🦇' },
                { word: 'bug', emoji: '🐛' },
                { word: 'hen', emoji: '🐓' },
                { word: 'owl', emoji: '🦉' },
                { word: 'rat', emoji: '🐀' },
                { word: 'ant', emoji: '🐜' },
                { word: 'ape', emoji: '🐵' },
                { word: 'elk', emoji: '🦌' },
                { word: 'eel', emoji: '🐍' },
                { word: 'yak', emoji: '🐂' },
                { word: 'ram', emoji: '🐏' },
                { word: 'doe', emoji: '🦌' },
                { word: 'cub', emoji: '🐻' },
                { word: 'pup', emoji: '🐶' },
                { word: 'kit', emoji: '🦊' },
                { word: 'caw', emoji: '🐦' },
                { word: 'moo', emoji: '🐄' },
                { word: 'baa', emoji: '🐑' },
                { word: 'hog', emoji: '🐷' },
                { word: 'cod', emoji: '🐟' },
                { word: 'jay', emoji: '🐦' },
                { word: 'fly', emoji: '🪰' },
                { word: 'coy', emoji: '🐟' },
                { word: 'gnu', emoji: '🦌' },
                { word: 'toad', emoji: '🐸' },
                { word: 'crab', emoji: '🦀' },
                { word: 'seal', emoji: '🦭' },
                { word: 'hawk', emoji: '🦅' },
                { word: 'mole', emoji: '🐹' },
                { word: 'lynx', emoji: '🐈' },
                { word: 'boar', emoji: '🐗' },
                { word: 'swan', emoji: '🦢' },
                { word: 'wren', emoji: '🐦' },
                { word: 'newt', emoji: '🦎' },
                { word: 'ibex', emoji: '🐐' },
                { word: 'puma', emoji: '🐈' },
                { word: 'mink', emoji: '🦫' },
                { word: 'vole', emoji: '🐹' },
                { word: 'shad', emoji: '🐟' },
                { word: 'bass', emoji: '🐟' },
                { word: 'carp', emoji: '🐟' },
                { word: 'pike', emoji: '🐟' },
                { word: 'sole', emoji: '🐟' }
            ],
            colors: [
                { word: 'red', emoji: '🔴' },
                { word: 'blue', emoji: '🔵' },
                { word: 'pink', emoji: '🩷' },
                { word: 'green', emoji: '🟢' },
                { word: 'gray', emoji: '⬜' },
                { word: 'tan', emoji: '🧋' },
                { word: 'gold', emoji: '🥇' },
                { word: 'mint', emoji: '🍃' },
                { word: 'navy', emoji: '🔵' },
                { word: 'lime', emoji: '🟢' },
                { word: 'rose', emoji: '🌹' },
                { word: 'jade', emoji: '🟢' },
                { word: 'ruby', emoji: '🔴' },
                { word: 'cyan', emoji: '🟦' },
                { word: 'aqua', emoji: '🟦' },
                { word: 'teal', emoji: '🟦' },
                { word: 'plum', emoji: '🟣' },
                { word: 'sage', emoji: '🟢' },
                { word: 'rust', emoji: '🟠' },
                { word: 'sand', emoji: '🧋' },
                { word: 'coal', emoji: '⚫' },
                { word: 'snow', emoji: '⚪' },
                { word: 'ash', emoji: '⬜' },
                { word: 'bone', emoji: '🧋' },
                { word: 'wine', emoji: '🟣' },
                { word: 'sky', emoji: '🟦' },
                { word: 'sea', emoji: '🟦' },
                { word: 'mud', emoji: '🟤' },
                { word: 'fog', emoji: '⬜' },
                { word: 'dew', emoji: '🟦' }
            ],
            food: [
                { word: 'pie', emoji: '🥧' },
                { word: 'ham', emoji: '🍖' },
                { word: 'egg', emoji: '🥚' },
                { word: 'jam', emoji: '🍯' },
                { word: 'tea', emoji: '🍵' },
                { word: 'ice', emoji: '🧊' },
                { word: 'nut', emoji: '🥜' },
                { word: 'gum', emoji: '🍬' },
                { word: 'bun', emoji: '🍞' },
                { word: 'oat', emoji: '🌾' },
                { word: 'yam', emoji: '🍠' },
                { word: 'pea', emoji: '🟢' },
                { word: 'rye', emoji: '🌾' },
                { word: 'cod', emoji: '🐟' },
                { word: 'ale', emoji: '🍺' },
                { word: 'rum', emoji: '🥃' },
                { word: 'gin', emoji: '🍸' },
                { word: 'oil', emoji: '🫒' },
                { word: 'soy', emoji: '🫘' },
                { word: 'dip', emoji: '🥣' },
                { word: 'mix', emoji: '🥄' },
                { word: 'raw', emoji: '🥩' },
                { word: 'hot', emoji: '🌶️' },
                { word: 'dry', emoji: '🏜️' },
                { word: 'wet', emoji: '💧' },
                { word: 'old', emoji: '🧓' },
                { word: 'new', emoji: '✨' },
                { word: 'big', emoji: '🐘' },
                { word: 'wee', emoji: '🤏' },
                { word: 'fat', emoji: '🐷' }
            ]
        }
    },
    age5: {
        name: "Word Builder",
        description: "4-letter words and blends",
        categories: {
            animals: [
                { word: 'bird', emoji: '🐦' },
                { word: 'fish', emoji: '🐠' },
                { word: 'frog', emoji: '🐸' },
                { word: 'bear', emoji: '🐻' },
                { word: 'duck', emoji: '🦆' },
                { word: 'lion', emoji: '🦁' },
                { word: 'wolf', emoji: '🐺' },
                { word: 'deer', emoji: '🦌' },
                { word: 'goat', emoji: '🐐' },
                { word: 'crab', emoji: '🦀' },
                { word: 'seal', emoji: '🦭' },
                { word: 'toad', emoji: '🐸' },
                { word: 'hawk', emoji: '🦅' },
                { word: 'mole', emoji: '🐹' },
                { word: 'lynx', emoji: '🐈' },
                { word: 'boar', emoji: '🐗' },
                { word: 'swan', emoji: '🦢' },
                { word: 'wren', emoji: '🐦' },
                { word: 'newt', emoji: '🦎' },
                { word: 'ibex', emoji: '🐐' },
                { word: 'puma', emoji: '🐈' },
                { word: 'mink', emoji: '🦫' },
                { word: 'vole', emoji: '🐹' },
                { word: 'shad', emoji: '🐟' },
                { word: 'bass', emoji: '🐟' },
                { word: 'carp', emoji: '🐟' },
                { word: 'pike', emoji: '🐟' },
                { word: 'sole', emoji: '🐟' },
                { word: 'moth', emoji: '🦋' },
                { word: 'wasp', emoji: '🐝' },
                { word: 'tick', emoji: '🐛' },
                { word: 'flea', emoji: '🐛' },
                { word: 'gnat', emoji: '🦟' },
                { word: 'slug', emoji: '🐌' },
                { word: 'worm', emoji: '🪱' },
                { word: 'snail', emoji: '🐌' },
                { word: 'clam', emoji: '🦪' },
                { word: 'mussel', emoji: '🦪' },
                { word: 'oyster', emoji: '🦪' },
                { word: 'shrimp', emoji: '🦐' },
                { word: 'lobster', emoji: '🦞' },
                { word: 'squid', emoji: '🦑' },
                { word: 'jellyfish', emoji: '🪼' },
                { word: 'starfish', emoji: '⭐' },
                { word: 'seahorse', emoji: '🐴' },
                { word: 'dolphin', emoji: '🐬' },
                { word: 'whale', emoji: '🐋' },
                { word: 'shark', emoji: '🦈' },
                { word: 'stingray', emoji: '🐟' },
                { word: 'turtle', emoji: '🐢' },
                { word: 'lizard', emoji: '🦎' },
                { word: 'gecko', emoji: '🦎' },
                { word: 'iguana', emoji: '🦎' },
                { word: 'snake', emoji: '🐍' },
                { word: 'cobra', emoji: '🐍' },
                { word: 'python', emoji: '🐍' },
                { word: 'viper', emoji: '🐍' },
                { word: 'adder', emoji: '🐍' },
                { word: 'boa', emoji: '🐍' },
                { word: 'asp', emoji: '🐍' }
            ],
            colors: [
                { word: 'red', emoji: '🔴' },
                { word: 'blue', emoji: '🔵' },
                { word: 'pink', emoji: '🩷' },
                { word: 'green', emoji: '🟢' },
                { word: 'gray', emoji: '⬜' },
                { word: 'tan', emoji: '🧋' },
                { word: 'gold', emoji: '🥇' },
                { word: 'mint', emoji: '🍃' },
                { word: 'navy', emoji: '🔵' },
                { word: 'lime', emoji: '🟢' },
                { word: 'rose', emoji: '🌹' },
                { word: 'jade', emoji: '🟢' },
                { word: 'ruby', emoji: '🔴' },
                { word: 'cyan', emoji: '🟦' },
                { word: 'aqua', emoji: '🟦' },
                { word: 'teal', emoji: '🟦' },
                { word: 'plum', emoji: '🟣' },
                { word: 'sage', emoji: '🟢' },
                { word: 'rust', emoji: '🟠' },
                { word: 'sand', emoji: '🧋' },
                { word: 'coal', emoji: '⚫' },
                { word: 'snow', emoji: '⚪' },
                { word: 'ash', emoji: '⬜' },
                { word: 'bone', emoji: '🧋' },
                { word: 'wine', emoji: '🟣' },
                { word: 'sky', emoji: '🟦' },
                { word: 'sea', emoji: '🟦' },
                { word: 'mud', emoji: '🟤' },
                { word: 'fog', emoji: '⬜' },
                { word: 'dew', emoji: '🟦' },
                { word: 'violet', emoji: '🟣' },
                { word: 'indigo', emoji: '🟣' },
                { word: 'maroon', emoji: '🟤' },
                { word: 'olive', emoji: '🟢' },
                { word: 'silver', emoji: '⬜' },
                { word: 'bronze', emoji: '🥉' },
                { word: 'copper', emoji: '🟠' },
                { word: 'crimson', emoji: '🔴' },
                { word: 'magenta', emoji: '🟣' },
                { word: 'turquoise', emoji: '🟦' },
                { word: 'lavender', emoji: '🟣' },
                { word: 'burgundy', emoji: '🟤' },
                { word: 'emerald', emoji: '🟢' },
                { word: 'sapphire', emoji: '🔵' },
                { word: 'pearl', emoji: '⚪' },
                { word: 'onyx', emoji: '⚫' },
                { word: 'opal', emoji: '⚪' },
                { word: 'topaz', emoji: '🟡' },
                { word: 'garnet', emoji: '🔴' },
                { word: 'amber', emoji: '🟡' },
                { word: 'coral', emoji: '🪸' },
                { word: 'ivory', emoji: '⚪' },
                { word: 'khaki', emoji: '🧋' }
            ],
            fruits: [
                { word: 'plum', emoji: '🟣' },
                { word: 'pear', emoji: '🍐' },
                { word: 'lime', emoji: '🟢' },
                { word: 'kiwi', emoji: '🥝' },
                { word: 'date', emoji: '🌴' },
                { word: 'fig', emoji: '🍃' },
                { word: 'berry', emoji: '🍓' },
                { word: 'grape', emoji: '🍇' },
                { word: 'peach', emoji: '🍑' },
                { word: 'apple', emoji: '🍎' },
                { word: 'lemon', emoji: '🍋' },
                { word: 'melon', emoji: '🍉' },
                { word: 'mango', emoji: '🥭' },
                { word: 'guava', emoji: '🍏' },
                { word: 'papaya', emoji: '🥭' },
                { word: 'cherry', emoji: '🍒' },
                { word: 'olive', emoji: '🫒' },
                { word: 'prune', emoji: '🟣' },
                { word: 'raisin', emoji: '🍇' },
                { word: 'currant', emoji: '🍇' },
                { word: 'apricot', emoji: '🍑' },
                { word: 'citrus', emoji: '🍊' },
                { word: 'nectar', emoji: '🍯' },
                { word: 'juice', emoji: '🥤' },
                { word: 'pulp', emoji: '🍊' },
                { word: 'rind', emoji: '🍊' },
                { word: 'seed', emoji: '🌱' },
                { word: 'pit', emoji: '🍑' },
                { word: 'core', emoji: '🍎' },
                { word: 'stem', emoji: '🌱' },
                { word: 'orange', emoji: '🍊' },
                { word: 'banana', emoji: '🍌' },
                { word: 'coconut', emoji: '🥥' },
                { word: 'avocado', emoji: '🥑' },
                { word: 'tomato', emoji: '🍅' },
                { word: 'cucumber', emoji: '🥒' },
                { word: 'pepper', emoji: '🌶️' },
                { word: 'carrot', emoji: '🥕' },
                { word: 'onion', emoji: '🧅' },
                { word: 'garlic', emoji: '🧄' },
                { word: 'ginger', emoji: '🫚' },
                { word: 'potato', emoji: '🥔' },
                { word: 'radish', emoji: '🥕' },
                { word: 'turnip', emoji: '🥕' },
                { word: 'beet', emoji: '🥕' },
                { word: 'celery', emoji: '🥬' },
                { word: 'lettuce', emoji: '🥬' },
                { word: 'spinach', emoji: '🥬' },
                { word: 'cabbage', emoji: '🥬' },
                { word: 'broccoli', emoji: '🥦' },
                { word: 'cauliflower', emoji: '🥦' }
            ],
            objects: [
                { word: 'cup', emoji: '☕' },
                { word: 'pen', emoji: '🖊️' },
                { word: 'key', emoji: '🔑' },
                { word: 'box', emoji: '📦' },
                { word: 'hat', emoji: '👒' },
                { word: 'bag', emoji: '👜' },
                { word: 'car', emoji: '🚗' },
                { word: 'bus', emoji: '🚌' },
                { word: 'toy', emoji: '🧸' },
                { word: 'bed', emoji: '🛏️' },
                { word: 'map', emoji: '🗺️' },
                { word: 'sun', emoji: '☀️' },
                { word: 'moon', emoji: '🌙' },
                { word: 'star', emoji: '⭐' },
                { word: 'tree', emoji: '🌳' },
                { word: 'book', emoji: '📚' },
                { word: 'door', emoji: '🚪' },
                { word: 'ball', emoji: '⚽' },
                { word: 'cake', emoji: '🎂' },
                { word: 'gift', emoji: '🎁' },
                { word: 'lamp', emoji: '💡' },
                { word: 'desk', emoji: '🪑' },
                { word: 'chair', emoji: '🪑' },
                { word: 'table', emoji: '🪑' },
                { word: 'phone', emoji: '📱' },
                { word: 'clock', emoji: '🕐' },
                { word: 'watch', emoji: '⌚' },
                { word: 'mirror', emoji: '🪞' },
                { word: 'brush', emoji: '🖌️' },
                { word: 'comb', emoji: '🪮' },
                { word: 'towel', emoji: '🧽' },
                { word: 'pillow', emoji: '😴' },
                { word: 'blanket', emoji: '🛏️' },
                { word: 'sheet', emoji: '🛏️' },
                { word: 'curtain', emoji: '🪟' },
                { word: 'window', emoji: '🪟' },
                { word: 'fence', emoji: '🚧' },
                { word: 'gate', emoji: '🚪' },
                { word: 'bridge', emoji: '🌉' },
                { word: 'tunnel', emoji: '🚇' },
                { word: 'ladder', emoji: '🪜' },
                { word: 'stairs', emoji: '🪜' },
                { word: 'elevator', emoji: '🛗' },
                { word: 'escalator', emoji: '🛗' },
                { word: 'bicycle', emoji: '🚲' },
                { word: 'scooter', emoji: '🛴' },
                { word: 'skateboard', emoji: '🛹' },
                { word: 'helmet', emoji: '⛑️' },
                { word: 'gloves', emoji: '🧤' },
                { word: 'boots', emoji: '👢' },
                { word: 'shoes', emoji: '👟' },
                { word: 'socks', emoji: '🧦' }
            ]
        }
    },
    age6: {
        name: "Spelling Master",
        description: "5-letter words and complex sounds",
        categories: {
            animals: [
                { word: 'tiger', emoji: '🐅' },
                { word: 'horse', emoji: '🐴' },
                { word: 'sheep', emoji: '🐑' },
                { word: 'whale', emoji: '🐋' },
                { word: 'snake', emoji: '🐍' },
                { word: 'mouse', emoji: '🐭' },
                { word: 'zebra', emoji: '🦓' },
                { word: 'panda', emoji: '🐼' },
                { word: 'koala', emoji: '🐨' },
                { word: 'sloth', emoji: '🦜' },
                { word: 'otter', emoji: '🦫' },
                { word: 'skunk', emoji: '🦝' },
                { word: 'camel', emoji: '🐪' },
                { word: 'llama', emoji: '🦙' },
                { word: 'rhino', emoji: '🦏' },
                { word: 'hippo', emoji: '🦛' },
                { word: 'bison', emoji: '🐃' },
                { word: 'moose', emoji: '🦌' },
                { word: 'badger', emoji: '🦝' },
                { word: 'beaver', emoji: '🦫' },
                { word: 'ferret', emoji: '🦫' },
                { word: 'weasel', emoji: '🦫' },
                { word: 'marten', emoji: '🦫' },
                { word: 'possum', emoji: '🐹' },
                { word: 'raccoon', emoji: '🦝' },
                { word: 'squirrel', emoji: '🐿️' },
                { word: 'chipmunk', emoji: '🐿️' },
                { word: 'prairie', emoji: '🐹' },
                { word: 'gopher', emoji: '🐹' },
                { word: 'marmot', emoji: '🐹' },
                { word: 'rabbit', emoji: '🐰' },
                { word: 'turtle', emoji: '🐢' },
                { word: 'lizard', emoji: '🦎' },
                { word: 'spider', emoji: '🕷️' },
                { word: 'octopus', emoji: '🐙' },
                { word: 'penguin', emoji: '🐧' },
                { word: 'eagle', emoji: '🦅' },
                { word: 'robin', emoji: '🐦' },
                { word: 'goose', emoji: '🦬' },
                { word: 'turkey', emoji: '🦃' },
                { word: 'chicken', emoji: '🐓' },
                { word: 'rooster', emoji: '🐓' },
                { word: 'donkey', emoji: '🐴' },
                { word: 'mule', emoji: '🐴' },
                { word: 'hamster', emoji: '🐹' },
                { word: 'guinea', emoji: '🐹' },
                { word: 'ferret', emoji: '🦫' },
                { word: 'hedgehog', emoji: '🦔' },
                { word: 'monkey', emoji: '🐒' },
                { word: 'gorilla', emoji: '🦍' },
                { word: 'chimpanzee', emoji: '🐒' },
                { word: 'orangutan', emoji: '🦄' },
                { word: 'baboon', emoji: '🐒' },
                { word: 'lemur', emoji: '🐒' },
                { word: 'kangaroo', emoji: '🦘' },
                { word: 'wallaby', emoji: '🦘' },
                { word: 'opossum', emoji: '🐹' },
                { word: 'platypus', emoji: '🦫' },
                { word: 'echidna', emoji: '🦔' },
                { word: 'armadillo', emoji: '🦫' },
                { word: 'anteater', emoji: '🐻' },
                { word: 'pangolin', emoji: '🦫' },
                { word: 'aardvark', emoji: '🐽' },
                { word: 'tapir', emoji: '🐷' },
                { word: 'capybara', emoji: '🐹' },
                { word: 'chinchilla', emoji: '🐹' },
                { word: 'porcupine', emoji: '🦔' },
                { word: 'wolverine', emoji: '🦫' },
                { word: 'jackal', emoji: '🐺' },
                { word: 'hyena', emoji: '🐺' },
                { word: 'leopard', emoji: '🐆' },
                { word: 'cheetah', emoji: '🐆' },
                { word: 'jaguar', emoji: '🐆' },
                { word: 'cougar', emoji: '🐈' },
                { word: 'lynx', emoji: '🐈' },
                { word: 'bobcat', emoji: '🐈' },
                { word: 'serval', emoji: '🐈' },
                { word: 'ocelot', emoji: '🐈' },
                { word: 'margay', emoji: '🐈' }
            ],
            colors: [
                { word: 'yellow', emoji: '🟡' },
                { word: 'orange', emoji: '🟠' },
                { word: 'purple', emoji: '🟣' },
                { word: 'brown', emoji: '🟤' },
                { word: 'black', emoji: '⚫' },
                { word: 'white', emoji: '⚪' },
                { word: 'silver', emoji: '⬜' },
                { word: 'bronze', emoji: '🥉' },
                { word: 'coral', emoji: '🪸' },
                { word: 'cream', emoji: '🧋' },
                { word: 'crimson', emoji: '🔴' },
                { word: 'emerald', emoji: '🟢' },
                { word: 'violet', emoji: '🟣' },
                { word: 'indigo', emoji: '🟣' },
                { word: 'maroon', emoji: '🟤' },
                { word: 'olive', emoji: '🟢' },
                { word: 'copper', emoji: '🟠' },
                { word: 'magenta', emoji: '🟣' },
                { word: 'turquoise', emoji: '🟦' },
                { word: 'lavender', emoji: '🟣' },
                { word: 'burgundy', emoji: '🟤' },
                { word: 'sapphire', emoji: '🔵' },
                { word: 'pearl', emoji: '⚪' },
                { word: 'onyx', emoji: '⚫' },
                { word: 'opal', emoji: '⚪' },
                { word: 'topaz', emoji: '🟡' },
                { word: 'garnet', emoji: '🔴' },
                { word: 'amber', emoji: '🟡' },
                { word: 'ivory', emoji: '⚪' },
                { word: 'khaki', emoji: '🧋' },
                { word: 'beige', emoji: '🧋' },
                { word: 'taupe', emoji: '🧋' },
                { word: 'mauve', emoji: '🟣' },
                { word: 'ochre', emoji: '🟠' },
                { word: 'peach', emoji: '🍑' },
                { word: 'rouge', emoji: '🔴' },
                { word: 'sepia', emoji: '🟤' },
                { word: 'umber', emoji: '🟤' },
                { word: 'sienna', emoji: '🟤' },
                { word: 'cobalt', emoji: '🔵' },
                { word: 'azure', emoji: '🟦' },
                { word: 'cerulean', emoji: '🟦' },
                { word: 'ultramarine', emoji: '🔵' },
                { word: 'vermillion', emoji: '🔴' },
                { word: 'chartreuse', emoji: '🟢' },
                { word: 'celadon', emoji: '🟢' },
                { word: 'viridian', emoji: '🟢' },
                { word: 'malachite', emoji: '🟢' },
                { word: 'periwinkle', emoji: '🟣' },
                { word: 'fuchsia', emoji: '🟣' },
                { word: 'cerise', emoji: '🟣' }
            ],
            fruits: [
                { word: 'apple', emoji: '🍎' },
                { word: 'grape', emoji: '🍇' },
                { word: 'lemon', emoji: '🍋' },
                { word: 'peach', emoji: '🍑' },
                { word: 'melon', emoji: '🍉' },
                { word: 'mango', emoji: '🥭' },
                { word: 'berry', emoji: '🍓' },
                { word: 'cherry', emoji: '🍒' },
                { word: 'papaya', emoji: '🥭' },
                { word: 'guava', emoji: '🍏' },
                { word: 'orange', emoji: '🍊' },
                { word: 'banana', emoji: '🍌' },
                { word: 'coconut', emoji: '🥥' },
                { word: 'avocado', emoji: '🥑' },
                { word: 'pineapple', emoji: '🍍' },
                { word: 'strawberry', emoji: '🍓' },
                { word: 'blueberry', emoji: '🫐' },
                { word: 'raspberry', emoji: '🍓' },
                { word: 'blackberry', emoji: '🍓' },
                { word: 'cranberry', emoji: '🍓' },
                { word: 'gooseberry', emoji: '🍓' },
                { word: 'elderberry', emoji: '🍓' },
                { word: 'mulberry', emoji: '🍓' },
                { word: 'boysenberry', emoji: '🍓' },
                { word: 'huckleberry', emoji: '🍓' },
                { word: 'cloudberry', emoji: '🍓' },
                { word: 'lingonberry', emoji: '🍓' },
                { word: 'serviceberry', emoji: '🍓' },
                { word: 'chokeberry', emoji: '🍓' },
                { word: 'salmonberry', emoji: '🍓' },
                { word: 'thimbleberry', emoji: '🍓' },
                { word: 'dewberry', emoji: '🍓' },
                { word: 'loganberry', emoji: '🍓' },
                { word: 'tayberry', emoji: '🍓' },
                { word: 'marionberry', emoji: '🍓' },
                { word: 'grapefruit', emoji: '🍊' },
                { word: 'tangerine', emoji: '🍊' },
                { word: 'clementine', emoji: '🍊' },
                { word: 'mandarin', emoji: '🍊' },
                { word: 'satsuma', emoji: '🍊' },
                { word: 'bergamot', emoji: '🍊' },
                { word: 'pomelo', emoji: '🍊' },
                { word: 'yuzu', emoji: '🍊' },
                { word: 'kumquat', emoji: '🍊' },
                { word: 'citron', emoji: '🍊' },
                { word: 'persimmon', emoji: '🍅' },
                { word: 'pomegranate', emoji: '🫒' },
                { word: 'dragonfruit', emoji: '🥭' },
                { word: 'passionfruit', emoji: '🥭' },
                { word: 'starfruit', emoji: '⭐' },
                { word: 'jackfruit', emoji: '🥭' },
                { word: 'durian', emoji: '🥭' },
                { word: 'rambutan', emoji: '🥭' },
                { word: 'lychee', emoji: '🥭' },
                { word: 'longan', emoji: '🥭' }
            ],
            objects: [
                { word: 'chair', emoji: '🪑' },
                { word: 'table', emoji: '🪑' },
                { word: 'phone', emoji: '📱' },
                { word: 'clock', emoji: '🕐' },
                { word: 'brush', emoji: '🖌️' },
                { word: 'spoon', emoji: '🥄' },
                { word: 'plate', emoji: '🍽️' },
                { word: 'knife', emoji: '🔪' },
                { word: 'towel', emoji: '🧽' },
                { word: 'pillow', emoji: '😴' },
                { word: 'blanket', emoji: '🛏️' },
                { word: 'curtain', emoji: '🪟' },
                { word: 'window', emoji: '🪟' },
                { word: 'mirror', emoji: '🪞' },
                { word: 'carpet', emoji: '🧽' },
                { word: 'sofa', emoji: '🛋️' },
                { word: 'couch', emoji: '🛋️' },
                { word: 'armchair', emoji: '🪑' },
                { word: 'ottoman', emoji: '🪑' },
                { word: 'footstool', emoji: '🪑' },
                { word: 'bookshelf', emoji: '📚' },
                { word: 'cabinet', emoji: '🗄' },
                { word: 'drawer', emoji: '🗄' },
                { word: 'wardrobe', emoji: '👗' },
                { word: 'closet', emoji: '👗' },
                { word: 'dresser', emoji: '🖼️' },
                { word: 'nightstand', emoji: '🖼️' },
                { word: 'bedframe', emoji: '🛏️' },
                { word: 'mattress', emoji: '🛏️' },
                { word: 'headboard', emoji: '🛏️' },
                { word: 'footboard', emoji: '🛏️' },
                { word: 'comforter', emoji: '🛏️' },
                { word: 'duvet', emoji: '🛏️' },
                { word: 'pillowcase', emoji: '😴' },
                { word: 'bedsheet', emoji: '🛏️' },
                { word: 'lampshade', emoji: '💡' },
                { word: 'lightbulb', emoji: '💡' },
                { word: 'chandelier', emoji: '💡' },
                { word: 'ceiling', emoji: '🏠' },
                { word: 'floor', emoji: '🏠' },
                { word: 'wall', emoji: '🏠' },
                { word: 'doorknob', emoji: '🚪' },
                { word: 'doorframe', emoji: '🚪' },
                { word: 'threshold', emoji: '🚪' },
                { word: 'windowsill', emoji: '🪟' },
                { word: 'windowpane', emoji: '🪟' },
                { word: 'blinds', emoji: '🪟' },
                { word: 'shutters', emoji: '🪟' },
                { word: 'drapes', emoji: '🪟' },
                { word: 'valance', emoji: '🪟' },
                { word: 'cornice', emoji: '🪟' },
                { word: 'molding', emoji: '🏠' },
                { word: 'baseboard', emoji: '🏠' }
            ]
        }
    },
    age7: {
        name: "Reading Ready",
        description: "Complex words and reading prep",
        categories: {
            animals: [
                { word: 'elephant', emoji: '🐘' },
                { word: 'giraffe', emoji: '🦒' },
                { word: 'penguin', emoji: '🐧' },
                { word: 'dolphin', emoji: '🐬' },
                { word: 'butterfly', emoji: '🦋' },
                { word: 'rabbit', emoji: '🐰' },
                { word: 'hamster', emoji: '🐹' },
                { word: 'leopard', emoji: '🐆' },
                { word: 'cheetah', emoji: '🐆' },
                { word: 'gorilla', emoji: '🦍' },
                { word: 'octopus', emoji: '🐙' },
                { word: 'starfish', emoji: '⭐' },
                { word: 'rhinoceros', emoji: '🦏' },
                { word: 'hippopotamus', emoji: '🦛' },
                { word: 'crocodile', emoji: '🐊' },
                { word: 'alligator', emoji: '🐊' },
                { word: 'salamander', emoji: '🦎' },
                { word: 'chameleon', emoji: '🦎' },
                { word: 'iguana', emoji: '🦎' },
                { word: 'komodo', emoji: '🦎' },
                { word: 'gecko', emoji: '🦎' },
                { word: 'anaconda', emoji: '🐍' },
                { word: 'python', emoji: '🐍' },
                { word: 'rattlesnake', emoji: '🐍' },
                { word: 'copperhead', emoji: '🐍' },
                { word: 'cottonmouth', emoji: '🐍' },
                { word: 'kingsnake', emoji: '🐍' },
                { word: 'garter', emoji: '🐍' },
                { word: 'coral', emoji: '🐍' },
                { word: 'milk', emoji: '🐍' },
                { word: 'hognose', emoji: '🐍' },
                { word: 'bullsnake', emoji: '🐍' },
                { word: 'coachwhip', emoji: '🐍' },
                { word: 'racer', emoji: '🐍' },
                { word: 'indigo', emoji: '🐍' },
                { word: 'scarlet', emoji: '🐍' },
                { word: 'ringneck', emoji: '🐍' },
                { word: 'worm', emoji: '🐍' },
                { word: 'thread', emoji: '🐍' },
                { word: 'blind', emoji: '🐍' },
                { word: 'sand', emoji: '🐍' },
                { word: 'pine', emoji: '🐍' },
                { word: 'rat', emoji: '🐍' },
                { word: 'fox', emoji: '🐍' },
                { word: 'corn', emoji: '🐍' },
                { word: 'king', emoji: '🐍' },
                { word: 'ball', emoji: '🐍' },
                { word: 'carpet', emoji: '🐍' },
                { word: 'royal', emoji: '🐍' },
                { word: 'burmese', emoji: '🐍' },
                { word: 'reticulated', emoji: '🐍' },
                { word: 'african', emoji: '🐍' },
                { word: 'green', emoji: '🐍' },
                { word: 'tree', emoji: '🐍' },
                { word: 'emerald', emoji: '🐍' },
                { word: 'rough', emoji: '🐍' },
                { word: 'smooth', emoji: '🐍' },
                { word: 'western', emoji: '🐍' },
                { word: 'eastern', emoji: '🐍' },
                { word: 'northern', emoji: '🐍' },
                { word: 'southern', emoji: '🐍' },
                { word: 'texas', emoji: '🐍' },
                { word: 'california', emoji: '🐍' },
                { word: 'florida', emoji: '🐍' },
                { word: 'arizona', emoji: '🐍' },
                { word: 'nevada', emoji: '🐍' },
                { word: 'utah', emoji: '🐍' },
                { word: 'colorado', emoji: '🐍' },
                { word: 'wyoming', emoji: '🐍' },
                { word: 'montana', emoji: '🐍' },
                { word: 'idaho', emoji: '🐍' },
                { word: 'washington', emoji: '🐍' },
                { word: 'oregon', emoji: '🐍' },
                { word: 'alaska', emoji: '🐍' },
                { word: 'hawaii', emoji: '🐍' },
                { word: 'maine', emoji: '🐍' },
                { word: 'vermont', emoji: '🐍' },
                { word: 'hampshire', emoji: '🐍' },
                { word: 'massachusetts', emoji: '🐍' },
                { word: 'rhode', emoji: '🐍' },
                { word: 'connecticut', emoji: '🐍' },
                { word: 'york', emoji: '🐍' },
                { word: 'jersey', emoji: '🐍' },
                { word: 'pennsylvania', emoji: '🐍' },
                { word: 'delaware', emoji: '🐍' },
                { word: 'maryland', emoji: '🐍' },
                { word: 'virginia', emoji: '🐍' },
                { word: 'carolina', emoji: '🐍' },
                { word: 'georgia', emoji: '🐍' },
                { word: 'alabama', emoji: '🐍' },
                { word: 'mississippi', emoji: '🐍' },
                { word: 'tennessee', emoji: '🐍' },
                { word: 'kentucky', emoji: '🐍' },
                { word: 'ohio', emoji: '🐍' },
                { word: 'indiana', emoji: '🐍' },
                { word: 'illinois', emoji: '🐍' },
                { word: 'michigan', emoji: '🐍' },
                { word: 'wisconsin', emoji: '🐍' },
                { word: 'minnesota', emoji: '🐍' },
                { word: 'iowa', emoji: '🐍' },
                { word: 'missouri', emoji: '🐍' },
                { word: 'arkansas', emoji: '🐍' },
                { word: 'louisiana', emoji: '🐍' },
                { word: 'oklahoma', emoji: '🐍' },
                { word: 'kansas', emoji: '🐍' },
                { word: 'nebraska', emoji: '🐍' },
                { word: 'dakota', emoji: '🐍' }
            ],
            colors: [
                { word: 'yellow', emoji: '🟡' },
                { word: 'orange', emoji: '🟠' },
                { word: 'purple', emoji: '🟣' },
                { word: 'brown', emoji: '🟤' },
                { word: 'black', emoji: '⚫' },
                { word: 'white', emoji: '⚪' },
                { word: 'silver', emoji: '⬜' },
                { word: 'bronze', emoji: '🥉' },
                { word: 'coral', emoji: '🪸' },
                { word: 'cream', emoji: '🧋' },
                { word: 'crimson', emoji: '🔴' },
                { word: 'emerald', emoji: '🟢' },
                { word: 'scarlet', emoji: '🔴' },
                { word: 'magenta', emoji: '🟣' },
                { word: 'turquoise', emoji: '🟦' },
                { word: 'lavender', emoji: '🟣' },
                { word: 'burgundy', emoji: '🟤' },
                { word: 'chartreuse', emoji: '🟢' },
                { word: 'periwinkle', emoji: '🟣' },
                { word: 'vermillion', emoji: '🔴' },
                { word: 'ultramarine', emoji: '🔵' },
                { word: 'cerulean', emoji: '🟦' },
                { word: 'malachite', emoji: '🟢' },
                { word: 'viridian', emoji: '🟢' },
                { word: 'celadon', emoji: '🟢' },
                { word: 'fuchsia', emoji: '🟣' },
                { word: 'cerise', emoji: '🟣' },
                { word: 'amaranth', emoji: '🟣' },
                { word: 'byzantium', emoji: '🟣' },
                { word: 'puce', emoji: '🟤' },
                { word: 'taupe', emoji: '🧋' },
                { word: 'beige', emoji: '🧋' },
                { word: 'ecru', emoji: '🧋' },
                { word: 'bisque', emoji: '🧋' },
                { word: 'champagne', emoji: '🧋' },
                { word: 'vanilla', emoji: '🧋' },
                { word: 'alabaster', emoji: '⚪' },
                { word: 'ivory', emoji: '⚪' },
                { word: 'pearl', emoji: '⚪' },
                { word: 'platinum', emoji: '⬜' },
                { word: 'pewter', emoji: '⬜' },
                { word: 'gunmetal', emoji: '⬜' },
                { word: 'charcoal', emoji: '⚫' },
                { word: 'ebony', emoji: '⚫' },
                { word: 'obsidian', emoji: '⚫' },
                { word: 'jet', emoji: '⚫' },
                { word: 'sable', emoji: '⚫' },
                { word: 'raven', emoji: '⚫' },
                { word: 'midnight', emoji: '⚫' },
                { word: 'coal', emoji: '⚫' },
                { word: 'pitch', emoji: '⚫' }
            ],
            fruits: [
                { word: 'strawberry', emoji: '🍓' },
                { word: 'pineapple', emoji: '🍍' },
                { word: 'watermelon', emoji: '🍉' },
                { word: 'blueberry', emoji: '🫐' },
                { word: 'coconut', emoji: '🥥' },
                { word: 'banana', emoji: '🍌' },
                { word: 'raspberry', emoji: '🍓' },
                { word: 'blackberry', emoji: '🍓' },
                { word: 'cranberry', emoji: '🍓' },
                { word: 'grapefruit', emoji: '🍊' },
                { word: 'pomegranate', emoji: '🫒' },
                { word: 'persimmon', emoji: '🍅' },
                { word: 'tangerine', emoji: '🍊' },
                { word: 'clementine', emoji: '🍊' },
                { word: 'mandarin', emoji: '🍊' },
                { word: 'nectarine', emoji: '🍑' },
                { word: 'apricot', emoji: '🍑' },
                { word: 'cantaloupe', emoji: '🍉' },
                { word: 'honeydew', emoji: '🍉' },
                { word: 'casaba', emoji: '🍉' },
                { word: 'crenshaw', emoji: '🍉' },
                { word: 'canary', emoji: '🍉' },
                { word: 'galia', emoji: '🍉' },
                { word: 'charentais', emoji: '🍉' },
                { word: 'horned', emoji: '🍉' },
                { word: 'bitter', emoji: '🍉' },
                { word: 'winter', emoji: '🍉' },
                { word: 'sugar', emoji: '🍉' },
                { word: 'pie', emoji: '🍉' },
                { word: 'acorn', emoji: '🍉' },
                { word: 'butternut', emoji: '🍉' },
                { word: 'delicata', emoji: '🍉' },
                { word: 'hubbard', emoji: '🍉' },
                { word: 'kabocha', emoji: '🍉' },
                { word: 'pattypan', emoji: '🍉' },
                { word: 'spaghetti', emoji: '🍉' },
                { word: 'turban', emoji: '🍉' },
                { word: 'crookneck', emoji: '🍉' },
                { word: 'straightneck', emoji: '🍉' },
                { word: 'zucchini', emoji: '🥒' },
                { word: 'cucumber', emoji: '🥒' },
                { word: 'pickle', emoji: '🥒' },
                { word: 'gherkin', emoji: '🥒' },
                { word: 'cornichon', emoji: '🥒' },
                { word: 'dill', emoji: '🥒' },
                { word: 'sweet', emoji: '🥒' },
                { word: 'bread', emoji: '🥒' },
                { word: 'butter', emoji: '🥒' },
                { word: 'kosher', emoji: '🥒' },
                { word: 'sour', emoji: '🥒' },
                { word: 'half', emoji: '🥒' },
                { word: 'whole', emoji: '🥒' }
            ],
            objects: [
                { word: 'computer', emoji: '💻' },
                { word: 'bicycle', emoji: '🚲' },
                { word: 'umbrella', emoji: '☂️' },
                { word: 'sandwich', emoji: '🥪' },
                { word: 'backpack', emoji: '🎒' },
                { word: 'airplane', emoji: '✈️' },
                { word: 'telescope', emoji: '🔭' },
                { word: 'keyboard', emoji: '⌨️' },
                { word: 'notebook', emoji: '📓' },
                { word: 'calendar', emoji: '📅' },
                { word: 'envelope', emoji: '✉️' },
                { word: 'magazine', emoji: '📰' },
                { word: 'newspaper', emoji: '📰' },
                { word: 'dictionary', emoji: '📚' },
                { word: 'encyclopedia', emoji: '📚' },
                { word: 'textbook', emoji: '📚' },
                { word: 'workbook', emoji: '📚' },
                { word: 'handbook', emoji: '📚' },
                { word: 'manual', emoji: '📚' },
                { word: 'guidebook', emoji: '📚' },
                { word: 'cookbook', emoji: '📚' },
                { word: 'storybook', emoji: '📚' },
                { word: 'picture', emoji: '📚' },
                { word: 'coloring', emoji: '📚' },
                { word: 'activity', emoji: '📚' },
                { word: 'puzzle', emoji: '📚' },
                { word: 'crossword', emoji: '📚' },
                { word: 'sudoku', emoji: '📚' },
                { word: 'word', emoji: '📚' },
                { word: 'search', emoji: '📚' },
                { word: 'find', emoji: '📚' },
                { word: 'hidden', emoji: '📚' },
                { word: 'seek', emoji: '📚' },
                { word: 'spot', emoji: '📚' },
                { word: 'difference', emoji: '📚' },
                { word: 'match', emoji: '📚' },
                { word: 'memory', emoji: '📚' },
                { word: 'concentration', emoji: '📚' },
                { word: 'pairs', emoji: '📚' },
                { word: 'matching', emoji: '📚' },
                { word: 'identical', emoji: '📚' },
                { word: 'similar', emoji: '📚' },
                { word: 'different', emoji: '📚' },
                { word: 'opposite', emoji: '📚' },
                { word: 'reverse', emoji: '📚' },
                { word: 'backward', emoji: '📚' },
                { word: 'forward', emoji: '📚' },
                { word: 'upward', emoji: '📚' },
                { word: 'downward', emoji: '📚' },
                { word: 'sideways', emoji: '📚' },
                { word: 'diagonal', emoji: '📚' },
                { word: 'horizontal', emoji: '📚' },
                { word: 'vertical', emoji: '📚' },
                { word: 'parallel', emoji: '📚' },
                { word: 'perpendicular', emoji: '📚' }
            ]
        }
    }
};

// Get current age-appropriate curriculum
let currentAge = parseInt(localStorage.getItem('spellbloc_age')) || 2;
let wordData = curriculum[`age${currentAge}`].categories;

// Game State
let currentCategory = '';
let currentWordIndex = 0;
let currentWord = '';
let userAnswer = [];
let totalStars = parseInt(localStorage.getItem('spellbloc_totalStars')) || 0;
let playerLevel = parseInt(localStorage.getItem('spellbloc_playerLevel')) || 1;
let volume = 0.7;
let startTime = 0;
let currentLanguage = 'en';
let subscriptionType = 'free'; // Entitlement comes from the authenticated server session.

// Advanced features
const rewardSystem = new RewardSystem();
const multiLanguage = new MultiLanguageSupport();
const parentDashboard = new ParentDashboard();

// DOM Elements
const homeScreen = document.getElementById('homeScreen');
const gameScreen = document.getElementById('gameScreen');
const victoryScreen = document.getElementById('victoryScreen');
const wordImage = document.getElementById('wordImage');
const dropZone = document.getElementById('dropZone');
const letterBank = document.getElementById('letterBank');
const feedback = document.getElementById('feedback');
const progressFill = document.getElementById('progressFill');
const currentStarsDisplay = document.getElementById('currentStars');
const totalStarsDisplay = document.getElementById('totalStars');
const playerLevelDisplay = document.getElementById('playerLevel');
const settingsPanel = document.getElementById('settingsPanel');
const volumeControl = document.getElementById('volumeControl');

// Safety check for DOM elements
if (!letterBank) {
    console.error('letterBank element not found! Make sure the HTML has id="letterBank"');
}
if (!dropZone) {
    console.error('dropZone element not found! Make sure the HTML has id="dropZone"');
}
if (!wordImage) {
    console.error('wordImage element not found! Make sure the HTML has id="wordImage"');
}

// Initialize
document.addEventListener('DOMContentLoaded', () => {
    updateStats();
    updateAgeDisplay();
    setupEventListeners();
    setupAdvancedFeatures();
    
    // Debug: Test letter creation
    console.log('SpellBloc initialized successfully!');
    console.log('Letter bank element:', letterBank);
    console.log('Drop zone element:', dropZone);
});

function setupAdvancedFeatures() {
    // Initialize reward system display
    updateBadgeCount();
    
    // Setup accessibility features
    accessibilityManager.applySettings();
    
    // Setup performance monitoring
    setInterval(updatePerformanceDisplay, 5000);
    
    // Setup multi-language
    const savedLanguage = localStorage.getItem('spellbloc_language') || 'en';
    currentLanguage = savedLanguage;
    multiLanguage.setLanguage(savedLanguage);
    document.getElementById('languageSelect').value = savedLanguage;
    
    // Load saved game mode
    const savedGameMode = localStorage.getItem('spellbloc_gameMode') || 'classic';
    gameModeManager.setMode(savedGameMode);
    document.getElementById('modeSelect').value = savedGameMode;
    console.log(`🎮 Loaded game mode: ${savedGameMode}`);
    
    
    // Debug: Log available voices for language testing
    if ('speechSynthesis' in window) {
        if (speechSynthesis.getVoices().length === 0) {
            speechSynthesis.addEventListener('voiceschanged', () => {
                multiLanguage.getAvailableVoices();
            }, { once: true });
        } else {
            multiLanguage.getAvailableVoices();
        }
    }
}

function updateBadgeCount() {
    const badgeCountElement = document.getElementById('badgeCount');
    if (badgeCountElement) {
        badgeCountElement.textContent = rewardSystem.badges.length;
    }
}

function updatePerformanceDisplay() {
    const metrics = performanceMonitor.getMetrics();
    const fpsDisplay = document.getElementById('fpsDisplay');
    const memoryDisplay = document.getElementById('memoryDisplay');
    
    if (fpsDisplay) fpsDisplay.textContent = metrics.frameRate;
    if (memoryDisplay) memoryDisplay.textContent = metrics.memoryUsage;
}

function updateSubscriptionDisplay() {}

function updateAgeDisplay() {
    const ageData = curriculum[`age${currentAge}`];
    document.getElementById('ageTitle').textContent = `${ageData.name} (Age ${currentAge})`;
    document.getElementById('ageSelect').value = currentAge;
    
    // Update categories
    const container = document.getElementById('categoriesContainer');
    container.innerHTML = '';
    
    Object.keys(wordData).forEach(category => {
        const btn = document.createElement('button');
        btn.className = 'category-btn';
        btn.dataset.category = category;
        btn.innerHTML = `
            <span class="emoji">${wordData[category][0].emoji}</span>
            <span>${category.charAt(0).toUpperCase() + category.slice(1)}</span>
        `;
        btn.addEventListener('click', () => {
            currentCategory = category;
            currentWordIndex = 0;
            startGame();
        });
        container.appendChild(btn);
    });
}

function setupEventListeners() {
    // Age selection
    document.getElementById('ageSelect').addEventListener('change', (e) => {
        currentAge = parseInt(e.target.value);
        localStorage.setItem('spellbloc_age', currentAge);
        wordData = curriculum[`age${currentAge}`].categories;
        updateAgeDisplay();
    });

    // Game Mode selection
    document.getElementById('modeSelect').addEventListener('change', (e) => {
        const selectedMode = e.target.value;
        gameModeManager.setMode(selectedMode);
        localStorage.setItem('spellbloc_gameMode', selectedMode);
        console.log(`🎮 Switched to ${selectedMode} mode`);
    });

    // Navigation
    document.getElementById('backBtn').addEventListener('click', () => showScreen('home'));
    document.getElementById('homeBtn').addEventListener('click', () => showScreen('home'));
    document.getElementById('nextLevelBtn').addEventListener('click', nextWord);
    document.getElementById('playSound').addEventListener('click', () => {
        const words = wordData[currentCategory];
        const wordObj = words[currentWordIndex];
        if (currentCategory === 'vowels' || currentCategory === 'consonants') {
            speakLetterSound(wordObj);
        } else {
            speakWord(currentWord);
        }
    });

    // Delete and Clear buttons
    document.getElementById('deleteBtn').addEventListener('click', deleteLast);
    document.getElementById('clearBtn').addEventListener('click', clearAll);

    // Settings
    document.getElementById('settingsBtn').addEventListener('click', () => {
        settingsPanel.classList.toggle('active');
    });
    document.getElementById('closeSettings').addEventListener('click', () => {
        settingsPanel.classList.remove('active');
    });
    volumeControl.addEventListener('input', (e) => {
        volume = e.target.value / 100;
    });

    const hintBtn = document.getElementById('hintBtn');
    if (hintBtn) hintBtn.addEventListener('click', showHint);

    const parentDashboardBtn = document.getElementById('parentDashboardBtn');
    if (parentDashboardBtn) parentDashboardBtn.addEventListener('click', showParentDashboard);

    const dashboardBackBtn = document.getElementById('dashboardBackBtn');
    if (dashboardBackBtn) dashboardBackBtn.addEventListener('click', () => showScreen('home'));

    const addCustomWordsBtn = document.getElementById('addCustomWordsBtn');
    if (addCustomWordsBtn) addCustomWordsBtn.addEventListener('click', addCustomWords);

    const childSelect = document.getElementById('childSelect');
    if (childSelect) {
        childSelect.addEventListener('change', (e) => {
            switchActiveChild(e.target.value);
        });
    }

    const addChildBtn = document.getElementById('addChildBtn');
    if (addChildBtn) {
        addChildBtn.addEventListener('click', () => {
            const input = document.getElementById('newChildName');
            const name = (input && input.value || '').trim();
            if (!name) return;
            const id = parentDashboard.createChildProfile(name);
            switchActiveChild(id);
            if (input) input.value = '';
        });
    }
}

function startGame() {
    const currentMode = gameModeManager.getCurrentMode();
    startTime = Date.now();
    adaptiveLearning.analytics.startSession({
        mode: gameModeManager.currentMode || 'classic',
        difficulty: adaptiveLearning.difficultyLevel || null
    });
    
    // Show instructions first
    showGameInstructions();
    
    // Initialize mode-specific features
    if (currentMode.name === 'Speed Challenge') {
        document.getElementById('timer').classList.remove('hidden');
        currentMode.initializeGame(wordData[currentCategory]);
    } else {
        document.getElementById('timer').classList.add('hidden');
    }
    
    // Show story context for story mode
    if (currentMode.name === 'Story Adventure') {
        document.getElementById('storyContext').classList.remove('hidden');
    } else {
        document.getElementById('storyContext').classList.add('hidden');
    }
    
    showScreen('game');
    
    // Load the first word immediately (but keep it hidden behind instructions)
    loadWord();
}

function loadWord() {
    const words = wordData[currentCategory];
    if (currentWordIndex >= words.length) {
        currentWordIndex = 0;
    }

    const wordObj = words[currentWordIndex];
    currentWord = wordObj.word;
    userAnswer = [];
    startTime = Date.now();
    if (typeof telemetry !== 'undefined') telemetry.resetHints();

    // Update UI
    wordImage.textContent = wordObj.emoji;
    feedback.textContent = '';
    feedback.className = 'feedback';
    
    // Update progress
    const progress = ((currentWordIndex + 1) / words.length) * 100;
    progressFill.style.width = progress + '%';

    // Create drop zone slots
    dropZone.innerHTML = '';
    for (let i = 0; i < currentWord.length; i++) {
        const slot = document.createElement('button');
        slot.className = 'letter-slot';
        slot.dataset.index = i;
        slot.setAttribute('aria-label', `Empty slot ${i + 1} of ${currentWord.length}`);
        dropZone.appendChild(slot);
    }

    // Create scrambled letters
    createLetterBank();

    // Auto-play word or letter sound
    if (currentCategory === 'vowels' || currentCategory === 'consonants') {
        setTimeout(() => speakLetterSound(wordObj), 500);
    } else if (currentCategory === 'vowel_words' || currentCategory === 'consonant_words') {
        setTimeout(() => speakWord(currentWord), 500);
    } else {
        setTimeout(() => speakWord(currentWord), 500);
    }
    
    window.announce(`Spell the word: ${currentWord}. There are ${currentWord.length} letters.`, true);
}

function createLetterBank() {
    const letters = currentWord.split('');
    const scrambled = [...letters].sort(() => Math.random() - 0.5);
    
    letterBank.innerHTML = '';
    letterBank.style.display = 'flex';
    letterBank.style.flexWrap = 'wrap';
    letterBank.style.justifyContent = 'center';
    letterBank.style.gap = 'clamp(5px, 2vw, 10px)';
    letterBank.style.visibility = 'visible';
    letterBank.style.opacity = '1';
    
    scrambled.forEach((letter, index) => {
        const tile = document.createElement('button');
        tile.className = 'letter-tile';
        tile.textContent = letter.toUpperCase();
        tile.dataset.letter = letter;
        tile.dataset.id = index;
        tile.setAttribute('aria-label', `Letter ${letter.toUpperCase()}`);
        
        // Ensure proper styling and visibility
        tile.style.display = 'flex';
        tile.style.alignItems = 'center';
        tile.style.justifyContent = 'center';
        tile.style.fontSize = 'clamp(1.3rem, 4vw, 2rem)';
        tile.style.fontWeight = 'bold';
        tile.style.cursor = 'pointer';
        tile.style.userSelect = 'none';
        tile.style.visibility = 'visible';
        tile.style.opacity = '1';
        tile.style.pointerEvents = 'auto';
        
        tile.addEventListener('click', () => handleLetterClick(tile));
        
        letterBank.appendChild(tile);
    });
    
    // Debug: Log to console to verify letters are created
    console.log(`Created ${scrambled.length} letter tiles for word: ${currentWord}`);
}

function handleLetterClick(tile) {
    if (tile.classList.contains('used')) return;

    const letter = tile.dataset.letter;
    const currentSlotIndex = userAnswer.length;

    if (currentSlotIndex < currentWord.length) {
        userAnswer.push({ letter, tileId: tile.dataset.id });
        tile.classList.add('used');
        tile.setAttribute('aria-disabled', 'true');

        const slot = dropZone.children[currentSlotIndex];
        slot.textContent = letter.toUpperCase();
        slot.classList.add('filled');
        slot.dataset.tileId = tile.dataset.id;
        slot.setAttribute('aria-label', `Slot ${currentSlotIndex + 1} contains letter ${letter.toUpperCase()}`);

        playSound('pop');
        window.announce(`Letter ${letter.toUpperCase()} added.`, false);

        // Add click to remove
        slot.addEventListener('click', () => removeLetterFromSlot(slot, currentSlotIndex));

        if (userAnswer.length === currentWord.length) {
            checkAnswer();
        }
    }
}

function removeLetterFromSlot(slot, slotIndex) {
    if (userAnswer.length === currentWord.length) return;

    const tileId = slot.dataset.tileId;
    const tile = letterBank.querySelector(`[data-id="${tileId}"]`);
    
    if (tile) {
        tile.classList.remove('used');
        tile.removeAttribute('aria-disabled');
    }

    userAnswer.splice(slotIndex, 1);
    
    Array.from(dropZone.children).forEach((s, i) => {
        if (i < userAnswer.length) {
            s.textContent = userAnswer[i].letter.toUpperCase();
            s.classList.add('filled');
            s.dataset.tileId = userAnswer[i].tileId;
            s.setAttribute('aria-label', `Slot ${i + 1} contains letter ${userAnswer[i].letter.toUpperCase()}`);
        } else {
            s.textContent = '';
            s.classList.remove('filled');
            delete s.dataset.tileId;
            s.setAttribute('aria-label', `Empty slot ${i + 1}`);
        }
    });
    
    window.announce(`Letter removed. ${currentWord.length - userAnswer.length} slots left.`, false);
}

function deleteLast() {
    if (userAnswer.length === 0) return;
    
    const lastAnswer = userAnswer[userAnswer.length - 1];
    const tile = letterBank.querySelector(`[data-id="${lastAnswer.tileId}"]`);
    
    if (tile) {
        tile.classList.remove('used');
    }
    
    userAnswer.pop();
    
    const lastSlot = dropZone.children[userAnswer.length];
    lastSlot.textContent = '';
    lastSlot.classList.remove('filled');
    delete lastSlot.dataset.tileId;
    
    playSound('pop');
}

function clearAll() {
    if (userAnswer.length === 0) return;
    
    userAnswer = [];
    
    Array.from(dropZone.children).forEach(slot => {
        slot.textContent = '';
        slot.classList.remove('filled');
        delete slot.dataset.tileId;
    });
    
    Array.from(letterBank.children).forEach(tile => {
        tile.classList.remove('used');
    });
    
    playSound('pop');
}

function checkAnswer() {
    const answer = userAnswer.map(a => a.letter).join('');
    
    if (answer === currentWord) {
        handleCorrectAnswer();
    } else {
        handleIncorrectAnswer();
    }
}

function handleCorrectAnswer() {
    const endTime = Date.now();
    const timeToComplete = (endTime - startTime) / 1000;
    
    // Show brief success indicator
    showSuccessIndicator();
    
    feedback.textContent = multiLanguage.translate('perfect') || '🎉 Perfect! Great job!';
    feedback.className = 'feedback correct';
    
    window.announce('Correct!', true);
    
    playSound('success');
    
    adaptiveLearning.recordAttempt(currentWord, currentCategory, true, timeToComplete * 1000);
    
    // Update difficulty indicator
    const difficultyElement = document.getElementById('difficultyLevel');
    if (difficultyElement) {
        difficultyElement.textContent = adaptiveLearning.difficultyLevel.toFixed(1);
    }
    
    // Handle mode-specific logic
    const currentMode = gameModeManager.getCurrentMode();
    if (currentMode.name === 'Speed Challenge') {
        currentMode.onWordCompleted();
    } else if (currentMode.name === 'Story Adventure') {
        const words = wordData[currentCategory];
        const wordObj = words[currentWordIndex];
        currentMode.onWordCompleted(wordObj);
    }
    
    // Award stars
    const starsEarned = 3;
    totalStars += starsEarned;
    currentStarsDisplay.textContent = totalStars;
    
    // Check for achievements
    const stats = adaptiveLearning.analytics.getProgressReport();
    rewardSystem.checkAchievements(stats);
    updateBadgeCount();
    
    // Level up every 10 stars
    if (totalStars >= playerLevel * 10) {
        playerLevel++;
    }
    
    saveProgress();
    
    // Celebrate animation
    if (!accessibilityManager.settings.reducedMotion) {
        wordImage.classList.add('celebrate');
        setTimeout(() => wordImage.classList.remove('celebrate'), 500);
    }
    
    // Auto-advance to next word or show round complete
    currentWordIndex++;
    const words = wordData[currentCategory];
    
    if (currentWordIndex >= words.length) {
        // Round complete - show victory screen
        setTimeout(() => {
            showVictoryScreen(starsEarned);
        }, 1500);
    } else {
        // Continue to next word
        setTimeout(() => {
            loadWord();
        }, 1500);
    }
}

function handleIncorrectAnswer() {
    const endTime = Date.now();
    const timeToComplete = (endTime - startTime) / 1000;
    
    feedback.textContent = multiLanguage.translate('try_again') || '🤔 Try again! You can do it!';
    feedback.className = 'feedback incorrect';
    
    window.announce('Try again!', true);
    
    playSound('error');
    
    adaptiveLearning.recordAttempt(currentWord, currentCategory, false, timeToComplete * 1000);
    
    // Update difficulty indicator
    const difficultyElement = document.getElementById('difficultyLevel');
    if (difficultyElement) {
        difficultyElement.textContent = adaptiveLearning.difficultyLevel.toFixed(1);
    }
    
    // Reset after delay
    setTimeout(() => {
        userAnswer = [];
        Array.from(dropZone.children).forEach(slot => {
            slot.textContent = '';
            slot.classList.remove('filled');
        });
        Array.from(letterBank.children).forEach(tile => {
            tile.classList.remove('used');
        });
        feedback.textContent = '';
        startTime = Date.now(); // Reset timer for next attempt
    }, 1500);
}

function showVictoryScreen(stars) {
    const totalRoundStars = wordData[currentCategory].length * 3;
    document.getElementById('earnedStars').textContent = totalRoundStars;
    document.getElementById('victoryStars').textContent = '⭐'.repeat(Math.min(totalRoundStars / 3, 5));
    showScreen('victory');
}

function nextWord() {
    const categories = Object.keys(wordData);
    const currentIndex = categories.indexOf(currentCategory);
    const nextIndex = (currentIndex + 1) % categories.length;
    
    currentCategory = categories[nextIndex];
    currentWordIndex = 0;
    startTime = Date.now();
    adaptiveLearning.analytics.startSession({
        mode: gameModeManager.currentMode || 'classic',
        difficulty: adaptiveLearning.difficultyLevel || null
    });
    showScreen('game');
    loadWord();
}

function updateStats() {
    totalStarsDisplay.textContent = totalStars;
    playerLevelDisplay.textContent = playerLevel;
}

function saveProgress() {
    localStorage.setItem('spellbloc_totalStars', totalStars);
    localStorage.setItem('spellbloc_playerLevel', playerLevel);
    updateStats();
}

// Audio Functions (using Web Speech API)
function speakWord(word) {
    if ('speechSynthesis' in window) {
        const utterance = new SpeechSynthesisUtterance(word);
        utterance.rate = 0.6;
        utterance.pitch = 1.4;
        utterance.volume = volume;
        speechSynthesis.speak(utterance);
    }
}

function speakLetterSound(wordObj) {
    if (wordObj.sound && 'speechSynthesis' in window) {
        const utterance = new SpeechSynthesisUtterance(wordObj.sound);
        utterance.rate = 0.5;
        utterance.pitch = 1.5;
        utterance.volume = volume;
        speechSynthesis.speak(utterance);
    } else {
        speakWord(wordObj.word);
    }
}

function playSound(type) {
    // Using Web Audio API for simple sound effects
    const audioContext = new (window.AudioContext || window.webkitAudioContext)();
    const oscillator = audioContext.createOscillator();
    const gainNode = audioContext.createGain();
    
    oscillator.connect(gainNode);
    gainNode.connect(audioContext.destination);
    
    gainNode.gain.value = volume * 0.3;
    
    if (type === 'pop') {
        oscillator.frequency.value = 800;
        oscillator.type = 'sine';
        gainNode.gain.exponentialRampToValueAtTime(0.01, audioContext.currentTime + 0.1);
    } else if (type === 'success') {
        oscillator.frequency.value = 523.25; // C5
        oscillator.type = 'sine';
        setTimeout(() => {
            oscillator.frequency.value = 659.25; // E5
        }, 100);
        setTimeout(() => {
            oscillator.frequency.value = 783.99; // G5
        }, 200);
        gainNode.gain.exponentialRampToValueAtTime(0.01, audioContext.currentTime + 0.5);
    } else if (type === 'error') {
        oscillator.frequency.value = 200;
        oscillator.type = 'sawtooth';
        gainNode.gain.exponentialRampToValueAtTime(0.01, audioContext.currentTime + 0.3);
    }
    
    oscillator.start(audioContext.currentTime);
    oscillator.stop(audioContext.currentTime + 0.5);
}

// Touch support for mobile
let touchStartX = 0;
let touchStartY = 0;

document.addEventListener('touchstart', (e) => {
    touchStartX = e.touches[0].clientX;
    touchStartY = e.touches[0].clientY;
}, { passive: true });

// Advanced Feature Functions

function switchActiveChild(childId) {
    const id = telemetry.setActiveChild(childId);
    adaptiveLearning.initialize(id);
    rewardSystem.setChild(id);
    updateDashboardContent();
}

function showParentDashboard() {
    showScreen('dashboard');
    updateDashboardContent();
}

function renderChildSwitcher() {
    const select = document.getElementById('childSelect');
    const label = document.getElementById('activeChildLabel');
    if (!select || typeof telemetry === 'undefined') return;
    const active = telemetry.getActiveChildId();
    select.innerHTML = telemetry.listChildren().map((child) => (
        `<option value="${child.id}"${child.id === active ? ' selected' : ''}>${child.name}</option>`
    )).join('');
    if (label) label.textContent = `Showing reports for ${telemetry.dumpChild(active).name}`;
}

function updateDashboardContent() {
    const childId = typeof telemetry !== 'undefined' ? telemetry.getActiveChildId() : 'default';
    const report = parentDashboard.generateProgressReport(childId, 'week');
    renderChildSwitcher();

    const statsContainer = document.getElementById('progressStats');
    if (statsContainer && report) {
        const summary = report.summary;
        statsContainer.innerHTML = `
            <div class="progress-stat">
                <div class="value">${summary.totalSessions}</div>
                <div class="label">Sessions</div>
            </div>
            <div class="progress-stat">
                <div class="value">${summary.accuracy}%</div>
                <div class="label">Accuracy</div>
            </div>
            <div class="progress-stat">
                <div class="value">${summary.totalAttempts}</div>
                <div class="label">Attempts</div>
            </div>
            <div class="progress-stat">
                <div class="value">${summary.uniqueWordsLearned}</div>
                <div class="label">Words Learned</div>
            </div>
            <div class="progress-stat">
                <div class="value">${typeof summary.averageTime === 'number' ? summary.averageTime.toFixed(1) : 0}s</div>
                <div class="label">Avg Time</div>
            </div>
            <div class="progress-stat">
                <div class="value">${Math.round((summary.averageSessionTime || 0) / 60)}m</div>
                <div class="label">Avg Session</div>
            </div>
        `;
    }

    const chart = document.getElementById('progressChart');
    if (chart && report) {
        const weak = (report.summary.weakAreas || []).map((a) => `${a.category} ${Math.round(a.accuracy)}%`).join(', ') || 'none';
        const strong = (report.summary.strongAreas || []).map((a) => `${a.category} ${Math.round(a.accuracy)}%`).join(', ') || 'none';
        chart.innerHTML = `<p>Weak: ${weak}</p><p>Strong: ${strong}</p>`;
    }
    
    // Update achievements
    const achievementsContainer = document.getElementById('recentAchievements');
    if (achievementsContainer && report) {
        achievementsContainer.innerHTML = report.achievements.map(achievement => `
            <div class="achievement-badge">
                <span class="emoji">${achievement.emoji}</span>
                <span class="name">${achievement.name}</span>
            </div>
        `).join('');
    }
    
    // Update recommendations
    const recommendationsContainer = document.getElementById('recommendations');
    if (recommendationsContainer && report) {
        recommendationsContainer.innerHTML = report.recommendations.map(rec => `
            <div class="recommendation ${rec.priority}-priority">
                ${rec.message}
            </div>
        `).join('');
    }
    
    // Update custom words
    updateCustomWordsList();
}

function addCustomWords() {
    const input = document.getElementById('customWordInput');
    const words = input.value.split(',').map(w => w.trim()).filter(w => w.length > 0);
    
    if (words.length > 0) {
        parentDashboard.addCustomWordList('Custom List', words);
        input.value = '';
        updateCustomWordsList();
    }
}

function updateCustomWordsList() {
    const container = document.getElementById('customWordsList');
    const wordLists = parentDashboard.getCustomWordLists();
    
    if (container) {
        container.innerHTML = wordLists.map(list => 
            list.words.map(word => `
                <div class="custom-word-tag">
                    ${word.word}
                    <span class="remove" onclick="removeCustomWord('${word.word}')">&times;</span>
                </div>
            `).join('')
        ).join('');
    }
}

function removeCustomWord(word) {
    // Implementation for removing custom words
    updateCustomWordsList();
}

function showHint() {
    if (subscriptionType === 'free') {
        showParentAccessNotice();
        return;
    }
    
    if (typeof telemetry !== 'undefined') telemetry.recordHint();
    const hintText = `The word starts with "${currentWord[0].toUpperCase()}"`;
    feedback.textContent = `💡 Hint: ${hintText}`;
    feedback.className = 'feedback hint';
    
    setTimeout(() => {
        feedback.textContent = '';
        feedback.className = 'feedback';
    }, 3000);
}

function showParentAccessNotice() {
    alert('Ask your parent to enable extra learning tools from their dashboard.');
    return;
    const modal = document.createElement('div');
    modal.className = 'upgrade-modal';
    modal.innerHTML = `
        <div class="modal-content">
            <h2>🌟 Upgrade to Premium</h2>
            <div class="premium-features">
                <div class="feature">✨ Unlimited hints</div>
                <div class="feature">📊 Detailed analytics</div>
                <div class="feature">🎯 Advanced game modes</div>
                <div class="feature">🌍 All languages</div>
                <div class="feature">👨‍👩‍👧‍👦 Parent dashboard</div>
            </div>
            <div class="pricing">
                <div class="price">$4.99/month</div>
                <div class="price-note">Cancel anytime</div>
            </div>
            <div class="modal-buttons">
                <button class="upgrade-now-btn">Upgrade Now</button>
                <button class="close-modal-btn">Maybe Later</button>
            </div>
        </div>
    `;
    
    document.body.appendChild(modal);
    
    modal.querySelector('.close-modal-btn').addEventListener('click', () => {
        modal.remove();
    });
    
    modal.querySelector('.upgrade-now-btn').addEventListener('click', () => {
        // Simulate upgrade process
        subscriptionType = 'premium';
        updateSubscriptionDisplay();
        modal.remove();
        
        // Show success message
        const success = document.createElement('div');
        success.className = 'upgrade-success';
        success.innerHTML = `
            <div class="success-content">
                <h2>🎉 Welcome to Premium!</h2>
                <p>You now have access to all premium features!</p>
            </div>
        `;
        document.body.appendChild(success);
        
        setTimeout(() => success.remove(), 3000);
    });
}

function loadWord() {
    const words = wordData[currentCategory];
    if (currentWordIndex >= words.length) {
        currentWordIndex = 0;
    }

    const wordObj = words[currentWordIndex];
    currentWord = wordObj.word;
    userAnswer = [];
    startTime = Date.now();

    // Update current task description
    updateCurrentTask();

    // Apply difficulty adjustment
    const adjustedWord = applyDifficultyAdjustment(wordObj);
    
    // Update UI - Enhanced image display with realistic images
    updateWordImage(adjustedWord);
    
    feedback.textContent = '';
    feedback.className = 'feedback';
    
    // Show story context for story mode
    const currentMode = gameModeManager.getCurrentMode();
    if (currentMode.name === 'Story Adventure' && adjustedWord.storyContext) {
        const storyElement = document.getElementById('storyContext');
        if (storyElement) {
            storyElement.textContent = adjustedWord.storyContext;
            storyElement.classList.remove('hidden');
        }
    }
    
    // Show phonics display
    if (currentCategory === 'vowels' || currentCategory === 'consonants') {
        const phonicsElement = document.getElementById('phonicsDisplay');
        if (phonicsElement && wordObj.sound) {
            phonicsElement.textContent = `Sound: /${wordObj.sound}/`;
            phonicsElement.classList.remove('hidden');
        }
    } else {
        const phonicsElement = document.getElementById('phonicsDisplay');
        if (phonicsElement) {
            phonicsElement.classList.add('hidden');
        }
    }
    
    // Update progress
    const progress = ((currentWordIndex + 1) / words.length) * 100;
    progressFill.style.width = progress + '%';

    // Create drop zone slots
    dropZone.innerHTML = '';
    for (let i = 0; i < currentWord.length; i++) {
        const slot = document.createElement('div');
        slot.className = 'letter-slot';
        slot.dataset.index = i;
        dropZone.appendChild(slot);
    }

    // Create scrambled letters
    createLetterBank();

    // Auto-play word or letter sound
    setTimeout(() => {
        if (currentCategory === 'vowels' || currentCategory === 'consonants') {
            speakLetterSound(wordObj);
        } else {
            if (typeof multiLanguage !== 'undefined' && multiLanguage.speakInLanguage) {
                multiLanguage.speakInLanguage(currentWord);
            } else {
                speakWord(currentWord);
            }
        }
    }, 500);
}

function applyDifficultyAdjustment(wordObj) {
    const difficulty = adaptiveLearning.difficultyLevel;
    
    // For easier difficulty, provide more hints
    if (difficulty < 0.8) {
        return {
            ...wordObj,
            hint: `This word has ${wordObj.word.length} letters`
        };
    }
    
    // For harder difficulty, add complexity
    if (difficulty > 1.5) {
        return {
            ...wordObj,
            challenge: 'No hints available - you got this!'
        };
    }
    
    return wordObj;
}

function showScreen(screen) {
    document.querySelectorAll('.screen').forEach(s => s.classList.remove('active'));
    
    if (screen === 'home') {
        homeScreen.classList.add('active');
    } else if (screen === 'game') {
        gameScreen.classList.add('active');
    } else if (screen === 'victory') {
        victoryScreen.classList.add('active');
    } else if (screen === 'dashboard') {
        document.getElementById('dashboardScreen').classList.add('active');
    }
    
    // End analytics session when leaving game
    if (screen !== 'game') {
        adaptiveLearning.analytics.endSession();
    }
}

// Offline functionality
window.addEventListener('beforeunload', () => {
    // Save all data before page unload
    adaptiveLearning.analytics.endSession();
    rewardSystem.saveRewards();
    parentDashboard.saveDashboardData();
    accessibilityManager.saveSettings();
});

// Auto-save every 30 seconds
setInterval(() => {
    if (offlineManager.isOnline) {
        offlineManager.saveOfflineData('spellbloc_progress', {
            totalStars,
            playerLevel,
            currentAge,
            analytics: adaptiveLearning.analytics.sessions,
            rewards: rewardSystem.badges
        });
    }
}, 30000);

// Service Worker registration with error handling
if ('serviceWorker' in navigator && window.location.protocol !== 'file:') {
    navigator.serviceWorker.register('/sw.js').catch(error => {
        console.log('Service Worker registration failed (this is normal for file:// protocol):', error);
    });
}
// Language Testing Functions (for debugging)
window.testLanguages = function() {
    console.log('🌍 Testing all languages...');
    multiLanguage.testAllLanguages();
};

// Debug function to test letter creation
window.testLetters = function() {
    console.log('🔧 Testing letter creation...');
    
    if (!letterBank) {
        console.error('❌ letterBank element not found!');
        return;
    }
    
    // Force create letters for testing
    currentWord = 'cat';
    currentCategory = 'animals';
    
    console.log('📝 Creating letters for word:', currentWord);
    createLetterBank();
    
    console.log('📊 Letter bank children count:', letterBank.children.length);
    console.log('👀 Letter bank visibility:', letterBank.style.visibility);
    console.log('💫 Letter bank display:', letterBank.style.display);
    
    // Also create drop zone
    if (dropZone) {
        dropZone.innerHTML = '';
        for (let i = 0; i < currentWord.length; i++) {
            const slot = document.createElement('div');
            slot.className = 'letter-slot';
            slot.dataset.index = i;
            dropZone.appendChild(slot);
        }
        console.log('🎯 Drop zone slots created:', dropZone.children.length);
    }
};

// Auto-test on load
setTimeout(() => {
    console.log('🚀 Auto-testing letters in 3 seconds...');
    if (typeof window.testLetters === 'function') {
        window.testLetters();
    }
}, 3000);

// Enhanced Word Image Display with Realistic Images
function updateWordImage(wordObj) {
    const word = wordObj.word;
    const emoji = wordObj.emoji || '❓';
    
    // Clear previous content
    wordImage.innerHTML = '';
    wordImage.style.display = 'flex';
    wordImage.style.alignItems = 'center';
    wordImage.style.justifyContent = 'center';
    wordImage.style.position = 'relative';
    wordImage.style.overflow = 'hidden';
    
    // Try to load realistic image first
    const imageUrl = getRealisticImageUrl(word, currentCategory);
    
    if (imageUrl) {
        const img = document.createElement('img');
        img.src = imageUrl;
        img.alt = word;
        img.style.width = '100%';
        img.style.height = '100%';
        img.style.objectFit = 'cover';
        img.style.borderRadius = '15px';
        img.style.transition = 'all 0.3s ease';
        
        // Add loading state
        const loadingDiv = document.createElement('div');
        loadingDiv.className = 'image-loading';
        loadingDiv.textContent = emoji;
        loadingDiv.style.fontSize = 'clamp(4rem, 12vw, 8rem)';
        loadingDiv.style.position = 'absolute';
        loadingDiv.style.top = '50%';
        loadingDiv.style.left = '50%';
        loadingDiv.style.transform = 'translate(-50%, -50%)';
        loadingDiv.style.opacity = '0.5';
        
        wordImage.appendChild(loadingDiv);
        wordImage.appendChild(img);
        
        img.onload = () => {
            loadingDiv.style.opacity = '0';
            img.style.opacity = '1';
            setTimeout(() => loadingDiv.remove(), 300);
        };
        
        img.onerror = () => {
            // Fallback to emoji if image fails to load
            wordImage.innerHTML = '';
            wordImage.textContent = emoji;
            wordImage.style.fontSize = 'clamp(4rem, 12vw, 8rem)';
        };
        
        img.style.opacity = '0';
        
    } else {
        // Use emoji as fallback
        wordImage.textContent = emoji;
        wordImage.style.fontSize = 'clamp(4rem, 12vw, 8rem)';
    }
}

// Get realistic image URL for words
function getRealisticImageUrl(word, category) {
    // Use Unsplash API for high-quality, free images
    const baseUrl = 'https://source.unsplash.com/400x400/';
    
    // Category-specific search terms for better results
    const searchTerms = {
        animals: {
            cat: 'cute+cat+pet',
            dog: 'friendly+dog+pet',
            bird: 'colorful+bird',
            fish: 'tropical+fish',
            elephant: 'elephant+wildlife',
            tiger: 'tiger+wildlife',
            lion: 'lion+wildlife',
            bear: 'bear+wildlife',
            rabbit: 'rabbit+bunny',
            horse: 'horse+animal',
            cow: 'cow+farm+animal',
            pig: 'pig+farm+animal',
            sheep: 'sheep+farm+animal',
            duck: 'duck+pond',
            frog: 'frog+nature',
            butterfly: 'butterfly+colorful',
            bee: 'bee+flower',
            spider: 'spider+web',
            snake: 'snake+nature',
            turtle: 'turtle+nature'
        },
        colors: {
            red: 'red+color+vibrant',
            blue: 'blue+color+sky',
            green: 'green+color+nature',
            yellow: 'yellow+color+bright',
            orange: 'orange+color+sunset',
            purple: 'purple+color+flower',
            pink: 'pink+color+flower',
            black: 'black+color+abstract',
            white: 'white+color+clean',
            brown: 'brown+color+wood',
            gray: 'gray+color+stone',
            gold: 'gold+color+metallic',
            silver: 'silver+color+metallic'
        },
        fruits: {
            apple: 'red+apple+fresh',
            banana: 'banana+yellow+fresh',
            orange: 'orange+fruit+citrus',
            grape: 'grapes+purple+fresh',
            strawberry: 'strawberry+red+fresh',
            lemon: 'lemon+yellow+citrus',
            pear: 'pear+green+fresh',
            peach: 'peach+orange+fresh',
            cherry: 'cherry+red+fresh',
            pineapple: 'pineapple+tropical',
            watermelon: 'watermelon+green+red',
            mango: 'mango+tropical+orange',
            kiwi: 'kiwi+fruit+green',
            coconut: 'coconut+tropical+white'
        },
        objects: {
            car: 'car+vehicle+modern',
            house: 'house+home+cozy',
            book: 'book+reading+education',
            ball: 'ball+sports+colorful',
            chair: 'chair+furniture+modern',
            table: 'table+furniture+wood',
            cup: 'cup+coffee+ceramic',
            phone: 'smartphone+modern+technology',
            computer: 'laptop+computer+modern',
            bicycle: 'bicycle+bike+transportation',
            clock: 'clock+time+wall',
            lamp: 'lamp+light+modern',
            door: 'door+entrance+wood',
            window: 'window+glass+light',
            bed: 'bed+bedroom+comfortable',
            toy: 'toy+colorful+children',
            key: 'key+metal+security',
            bag: 'bag+leather+fashion',
            hat: 'hat+fashion+style',
            shoe: 'shoe+footwear+fashion'
        }
    };
    
    // Get search term for the word
    const categoryTerms = searchTerms[category];
    if (categoryTerms && categoryTerms[word]) {
        return baseUrl + categoryTerms[word];
    }
    
    // Fallback to simple word search
    return baseUrl + word.replace(/\s+/g, '+');
}
function showSuccessIndicator() {
    // Remove any existing success indicator
    const existingIndicator = document.querySelector('.success-indicator');
    if (existingIndicator) {
        existingIndicator.remove();
    }
    
    // Create success indicator
    const indicator = document.createElement('div');
    indicator.className = 'success-indicator';
    
    // Random success messages with good symbols
    const successMessages = [
        { emoji: '✓', text: 'Correct!' },
        { emoji: '★', text: 'Great Job!' },
        { emoji: '♦', text: 'Perfect!' },
        { emoji: '♥', text: 'Awesome!' },
        { emoji: '◆', text: 'Well Done!' },
        { emoji: '●', text: 'Amazing!' },
        { emoji: '▲', text: 'Fantastic!' },
        { emoji: '■', text: 'Brilliant!' }
    ];
    
    const randomMessage = successMessages[Math.floor(Math.random() * successMessages.length)];
    
    indicator.innerHTML = `
        <div class="success-content">
            <div class="success-emoji">${randomMessage.emoji}</div>
            <div class="success-text">${randomMessage.text}</div>
        </div>
    `;
    
    // Position it over the word image
    const wordImageRect = wordImage.getBoundingClientRect();
    indicator.style.position = 'fixed';
    indicator.style.left = wordImageRect.left + (wordImageRect.width / 2) + 'px';
    indicator.style.top = wordImageRect.top + (wordImageRect.height / 2) + 'px';
    indicator.style.transform = 'translate(-50%, -50%)';
    indicator.style.zIndex = '1500';
    indicator.style.pointerEvents = 'none';
    
    document.body.appendChild(indicator);
    
    // Remove after animation completes
    setTimeout(() => {
        if (indicator.parentNode) {
            indicator.remove();
        }
    }, 1200);
}

window.checkVoices = function() {
    console.log('🎤 Checking available voices...');
    return multiLanguage.getAvailableVoices();
};

window.testLanguage = function(lang) {
    console.log(`🗣️ Testing ${lang} language...`);
    const testWords = {
        'en': 'Hello, this is English',
        'es': 'Hola, esto es español',
        'fr': 'Bonjour, c\'est français',
        'de': 'Hallo, das ist Deutsch',
        'zh': '你好，这是中文'
    };
    
    const testWord = testWords[lang] || 'Test';
    multiLanguage.speakInLanguage(testWord, lang);
};

window.switchLanguage = function(lang) {
    console.log(`🔄 Switching to ${lang}...`);
    multiLanguage.setLanguage(lang);
    document.getElementById('languageSelect').value = lang;
};

// Auto-test languages on load (only in development)
if (window.location.hostname === 'localhost' || window.location.hostname === '127.0.0.1') {
    setTimeout(() => {
        console.log('🚀 SpellBloc Language Testing Available:');
        console.log('• testLanguages() - Test all languages');
        console.log('• testLanguage("es") - Test specific language');
        console.log('• checkVoices() - Show available voices');
        console.log('• switchLanguage("fr") - Switch language');
    }, 2000);
}
// Game Instructions and Help System

function showGameInstructions() {
    const instructionsPanel = document.getElementById('gameInstructions');
    const instructionTitle = document.getElementById('instructionTitle');
    const instructionText = document.getElementById('instructionText');
    const exampleEmoji = document.querySelector('.example-emoji');
    const exampleWord = document.querySelector('.example-word');
    
    // Customize instructions based on category
    const instructions = getInstructionsForCategory(currentCategory);
    
    instructionTitle.textContent = instructions.title;
    instructionText.textContent = instructions.text;
    exampleEmoji.textContent = instructions.emoji;
    exampleWord.textContent = instructions.word;
    
    instructionsPanel.classList.remove('hidden');
}

function getInstructionsForCategory(category) {
    const instructions = {
        'vowels': {
            title: '🔤 Learning Vowels',
            text: 'Listen to the vowel sound, then tap the correct letter!',
            emoji: '🅰️',
            word: 'A'
        },
        'vowel_words': {
            title: '📝 Vowel Words',
            text: 'Listen to the short word, then spell it with the letters below!',
            emoji: '📍',
            word: 'A-T'
        },
        'consonants': {
            title: '🔤 Learning Consonants',
            text: 'Listen to the consonant sound, then tap the correct letter!',
            emoji: '🅱️',
            word: 'B'
        },
        'consonant_words': {
            title: '📝 Consonant Words',
            text: 'Listen to the short word, then spell it with the letters below!',
            emoji: '👥',
            word: 'W-E'
        },
        'animals': {
            title: '🐾 Animal Names',
            text: 'Look at the animal emoji, listen to its name, then spell the word!',
            emoji: '🐱',
            word: 'C-A-T'
        },
        'colors': {
            title: '🌈 Color Names',
            text: 'Look at the color emoji, listen to the color name, then spell it!',
            emoji: '🔴',
            word: 'R-E-D'
        },
        'fruits': {
            title: '🍎 Fruit Names',
            text: 'Look at the fruit emoji, listen to its name, then spell the word!',
            emoji: '🍎',
            word: 'A-P-P-L-E'
        },
        'objects': {
            title: '📦 Object Names',
            text: 'Look at the object emoji, listen to its name, then spell the word!',
            emoji: '⚽',
            word: 'B-A-L-L'
        }
    };
    
    return instructions[category] || {
        title: '📝 How to Play',
        text: 'Look at the emoji, listen to the word, then tap the letters to spell it!',
        emoji: '🎮',
        word: 'P-L-A-Y'
    };
}

function hideGameInstructions() {
    const instructionsPanel = document.getElementById('gameInstructions');
    instructionsPanel.classList.add('hidden');
    // Word is already loaded, just make sure everything is visible
    if (letterBank.children.length === 0) {
        loadWord(); // Fallback in case word wasn't loaded
    }
}

function updateCurrentTask() {
    const taskElement = document.getElementById('currentTask');
    const taskDescription = document.getElementById('taskDescription');
    
    if (!taskElement || !taskDescription) return;
    
    // Update task description based on category
    const taskTexts = {
        'vowels': 'Listen and tap the vowel letter you hear! 🔤',
        'vowel_words': 'Listen and spell the short word! 📝',
        'consonants': 'Listen and tap the consonant letter you hear! 🔤',
        'consonant_words': 'Listen and spell the short word! 📝',
        'animals': 'Look at the animal and spell its name! 🐾',
        'colors': 'Look at the color and spell its name! 🌈',
        'fruits': 'Look at the fruit and spell its name! 🍎',
        'objects': 'Look at the object and spell its name! 📦'
    };
    
    const taskText = taskTexts[currentCategory] || 'Spell the word you hear! 📝';
    taskDescription.textContent = taskText;
    
    // Update task styling based on category
    taskElement.className = `current-task task-${currentCategory}`;
}

function showHelp() {
    const helpTexts = {
        'vowels': 'Vowels are the letters A, E, I, O, U. Listen carefully to the sound!',
        'vowel_words': 'These are short words that use vowels. Listen to the whole word!',
        'consonants': 'Consonants are all the other letters (B, C, D, etc.). Listen to the sound!',
        'consonant_words': 'These are short words that use consonants. Listen to the whole word!',
        'animals': 'Spell the name of the animal you see. For example: 🐱 = CAT',
        'colors': 'Spell the name of the color you see. For example: 🔴 = RED',
        'fruits': 'Spell the name of the fruit you see. For example: 🍎 = APPLE',
        'objects': 'Spell the name of the object you see. For example: ⚽ = BALL'
    };
    
    const helpText = helpTexts[currentCategory] || 'Listen to the word and spell it using the letters below!';
    
    showTooltip(helpText, 3000);
}

function showTooltip(text, duration = 2000) {
    // Remove existing tooltip
    const existingTooltip = document.querySelector('.help-tooltip');
    if (existingTooltip) {
        existingTooltip.remove();
    }
    
    // Create new tooltip
    const tooltip = document.createElement('div');
    tooltip.className = 'help-tooltip';
    tooltip.textContent = text;
    
    document.body.appendChild(tooltip);
    
    // Remove tooltip after duration
    setTimeout(() => {
        if (tooltip.parentNode) {
            tooltip.remove();
        }
    }, duration);
}

// Enhanced event listeners
document.addEventListener('DOMContentLoaded', () => {
    // Start game button
    document.getElementById('startGameBtn').addEventListener('click', () => {
        hideGameInstructions();
    });
    
    // Help button
    document.getElementById('helpBtn').addEventListener('click', () => {
        showHelp();
    });
    
    // Skip instructions if user clicks outside
    document.getElementById('gameInstructions').addEventListener('click', (e) => {
        if (e.target.id === 'gameInstructions') {
            hideGameInstructions();
        }
    });
});