diff --git a/docs/ACADEMY_PHASE1_COMPLETE.md b/docs/ACADEMY_PHASE1_COMPLETE.md
index f7e89a8..029196d 100644
--- a/docs/ACADEMY_PHASE1_COMPLETE.md
+++ b/docs/ACADEMY_PHASE1_COMPLETE.md
@@ -149,18 +149,6 @@ Training session video selection
 
 ---
 
-## Test Files Created
-
-**Test files for isolated module testing:**
-- `test-campaign-manager.html` - Campaign progression tests
-- `test-preference-manager.html` - Preference system tests  
-- `test-library-manager.html` - Library tagging/search tests
-- `test-academy-ui.html` - UI component tests
-
-**Note:** Test files require manual script loading (Academy modules not auto-initialized). This is expected - the main `training-academy.html` page has proper initialization.
-
----
-
 ## Phase 1 Deliverables Summary
 
 | Component | File | Lines | Status |
diff --git a/index.html b/index.html
index ce87d0c..6490c60 100644
--- a/index.html
+++ b/index.html
@@ -196,22 +196,6 @@
                             <span class="cassie-icon"></span>
                             <span class="feature-text">Library</span>
                         </button>
-                        <button class="hero-feature btn-feature" id="test-campaign-btn" onclick="window.location.href='test-campaign-manager.html'" style="background: linear-gradient(135deg, #8338ec, #ff006e);">
-                            <span class="feature-icon">🧪</span>
-                            <span class="feature-text">Test Campaign</span>
-                        </button>
-                        <button class="hero-feature btn-feature" id="test-preferences-btn" onclick="window.location.href='test-preference-manager.html'" style="background: linear-gradient(135deg, #ff006e, #8338ec);">
-                            <span class="feature-icon">🎯</span>
-                            <span class="feature-text">Test Preferences</span>
-                        </button>
-                        <button class="hero-feature btn-feature" id="test-library-btn" onclick="window.location.href='test-library-manager.html'" style="background: linear-gradient(135deg, #8338ec, #ff006e);">
-                            <span class="feature-icon">📚</span>
-                            <span class="feature-text">Test Library</span>
-                        </button>
-                        <button class="hero-feature btn-feature" id="test-academy-ui-btn" onclick="window.location.href='test-academy-ui.html'" style="background: linear-gradient(135deg, #ff006e, #8338ec);">
-                            <span class="feature-icon">🎓</span>
-                            <span class="feature-text">Test Academy UI</span>
-                        </button>
                     </div>
                 </div>
                 
diff --git a/test-academy-ui.html b/test-academy-ui.html
deleted file mode 100644
index 2ea2852..0000000
--- a/test-academy-ui.html
+++ /dev/null
@@ -1,200 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Academy UI Integration Test</title>
-    <link rel="stylesheet" href="src/styles/academy-ui.css">
-    <style>
-        * {
-            margin: 0;
-            padding: 0;
-            box-sizing: border-box;
-        }
-
-        body {
-            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
-            background: #1a1a1a;
-            color: #e0e0e0;
-            padding: 20px;
-        }
-
-        .container {
-            max-width: 1400px;
-            margin: 0 auto;
-        }
-
-        h1 {
-            text-align: center;
-            color: #ff006e;
-            margin-bottom: 30px;
-            font-size: 2.5em;
-        }
-
-        .test-section {
-            background: #2a2a2a;
-            border-radius: 10px;
-            padding: 20px;
-            margin-bottom: 20px;
-        }
-
-        .test-section h2 {
-            color: #8338ec;
-            margin-bottom: 15px;
-        }
-
-        .button-group {
-            display: flex;
-            gap: 10px;
-            flex-wrap: wrap;
-            margin-bottom: 20px;
-        }
-
-        button {
-            padding: 12px 24px;
-            border: none;
-            border-radius: 8px;
-            background: linear-gradient(135deg, #ff006e, #8338ec);
-            color: white;
-            font-weight: bold;
-            cursor: pointer;
-            transition: transform 0.2s;
-        }
-
-        button:hover {
-            transform: translateY(-2px);
-        }
-
-        .status-box {
-            padding: 15px;
-            border-radius: 8px;
-            margin-bottom: 20px;
-            font-family: 'Courier New', monospace;
-        }
-
-        .status-box.success {
-            background: rgba(0, 255, 136, 0.1);
-            border: 1px solid #00ff88;
-            color: #00ff88;
-        }
-
-        .status-box.info {
-            background: rgba(131, 56, 236, 0.1);
-            border: 1px solid #8338ec;
-            color: #8338ec;
-        }
-    </style>
-</head>
-<body>
-    <div class="container">
-        <h1>🎓 Academy UI Integration Test</h1>
-
-        <div class="test-section">
-            <h2>Manual Tests</h2>
-            <div class="button-group">
-                <button onclick="setupSampleData()">📦 Setup Sample Data</button>
-                <button onclick="showLevelSelect()">📋 Show Level Select</button>
-                <button onclick="testCheckpointModal(1)">🎯 Test L1 Checkpoint</button>
-                <button onclick="testCheckpointModal(5)">⚡ Test L5 Checkpoint</button>
-                <button onclick="testCheckpointModal(10)">💫 Test L10 Checkpoint</button>
-                <button onclick="resetData()">🔄 Reset Data</button>
-            </div>
-            <div id="output"></div>
-        </div>
-
-        <!-- Academy Setup Container (where UI will render) -->
-        <div id="academy-setup"></div>
-    </div>
-
-    <!-- Load Dependencies -->
-    <script src="src/data/gameData.js"></script>
-    <script src="src/features/academy/campaignManager.js"></script>
-    <script src="src/features/academy/preferenceManager.js"></script>
-    <script src="src/features/academy/libraryManager.js"></script>
-    <script src="src/features/academy/academyUI.js"></script>
-
-    <script>
-        function setupSampleData() {
-            console.log('📦 Setting up sample data...');
-
-            // Unlock first 10 levels
-            for (let i = 1; i <= 10; i++) {
-                if (i <= 7) {
-                    // Complete first 7 levels
-                    window.campaignManager.startLevel(i);
-                    window.campaignManager.completeLevel(i, { duration: 600 });
-                }
-            }
-
-            // Add sample preferences
-            window.preferenceManager.updateCategoryPreferences('contentThemes', {
-                edging: true,
-                denial: true,
-                pov: true
-            }, 1);
-
-            window.preferenceManager.updateCategoryPreferences('intensity', {
-                visualIntensity: 4,
-                mentalIntensity: 3,
-                taskDifficulty: 3
-            }, 5);
-
-            // Add sample library items
-            const sampleFiles = [
-                { path: 'assets/pornstars/video1.mp4', tags: ['solo', 'pov', 'professional'], rating: 5 },
-                { path: 'assets/pornstars/video2.mp4', tags: ['couples', 'hd', 'hardcore'], rating: 4 },
-                { path: 'assets/feet/video1.mp4', tags: ['feet', 'pov', 'fetish'], rating: 4 },
-                { path: 'assets/hentai/video1.mp4', tags: ['hentai', 'animated'], rating: 3 },
-                { path: 'assets/BBC/video1.mp4', tags: ['bbc', 'couples'], rating: 5 }
-            ];
-
-            sampleFiles.forEach(file => {
-                window.libraryManager.addMediaItem(file.path, {
-                    tags: file.tags,
-                    rating: file.rating
-                });
-            });
-
-            showOutput('✅ Sample data created: 7 levels complete, preferences set, 5 media items added', 'success');
-        }
-
-        function showLevelSelect() {
-            console.log('📋 Showing level select screen...');
-            window.academyUI.showLevelSelect();
-            showOutput('✅ Level select screen displayed', 'success');
-        }
-
-        function testCheckpointModal(levelNum) {
-            console.log(`⚡ Testing checkpoint modal for Level ${levelNum}...`);
-            window.academyUI.showCheckpointModal(levelNum);
-            showOutput(`✅ Checkpoint modal shown for Level ${levelNum}`, 'success');
-        }
-
-        function resetData() {
-            if (confirm('Reset all academy data?')) {
-                window.campaignManager.resetProgress();
-                window.preferenceManager.resetPreferences();
-                window.libraryManager.resetLibrary();
-                
-                // Clear the academy setup container
-                const setupContainer = document.getElementById('academy-setup');
-                if (setupContainer) {
-                    setupContainer.innerHTML = '';
-                }
-
-                showOutput('🔄 All data reset', 'info');
-            }
-        }
-
-        function showOutput(message, type = 'info') {
-            const outputDiv = document.getElementById('output');
-            outputDiv.innerHTML = `<div class="status-box ${type}">${message}</div>`;
-        }
-
-        // Initialize on load
-        window.addEventListener('DOMContentLoaded', () => {
-            showOutput('🎓 Academy UI Integration ready. Click "Setup Sample Data" to begin.', 'info');
-        });
-    </script>
-</body>
-</html>
diff --git a/test-campaign-manager.html b/test-campaign-manager.html
deleted file mode 100644
index 5564816..0000000
--- a/test-campaign-manager.html
+++ /dev/null
@@ -1,293 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Campaign Manager Test - Subphase 1.1</title>
-    <style>
-        body {
-            font-family: Arial, sans-serif;
-            max-width: 800px;
-            margin: 50px auto;
-            padding: 20px;
-            background: #1a1a1a;
-            color: #e0e0e0;
-        }
-        .test-section {
-            background: #2a2a2a;
-            padding: 20px;
-            margin: 20px 0;
-            border-radius: 8px;
-            border: 1px solid #333;
-        }
-        h1 { color: #ff006e; }
-        h2 { color: #8338ec; margin-top: 0; }
-        button {
-            background: linear-gradient(135deg, #ff006e, #8338ec);
-            color: white;
-            border: none;
-            padding: 10px 20px;
-            margin: 5px;
-            border-radius: 4px;
-            cursor: pointer;
-            font-weight: 600;
-        }
-        button:hover {
-            transform: translateY(-2px);
-            box-shadow: 0 4px 8px rgba(255, 0, 110, 0.4);
-        }
-        .status {
-            padding: 10px;
-            margin: 10px 0;
-            border-radius: 4px;
-            background: #333;
-        }
-        .success { border-left: 4px solid #06ffa5; }
-        .error { border-left: 4px solid #ff006e; }
-        .info { border-left: 4px solid #8338ec; }
-        pre {
-            background: #0a0a0a;
-            padding: 10px;
-            border-radius: 4px;
-            overflow-x: auto;
-        }
-        .test-result {
-            margin: 10px 0;
-            padding: 8px;
-            border-radius: 4px;
-        }
-        .pass { background: #06ffa533; border-left: 4px solid #06ffa5; }
-        .fail { background: #ff006e33; border-left: 4px solid #ff006e; }
-    </style>
-</head>
-<body>
-    <h1>🎓 Campaign Manager Test - Subphase 1.1</h1>
-    
-    <div class="test-section">
-        <h2>Campaign Progression System</h2>
-        <p>Testing basic level unlocking, completion tracking, and failure states.</p>
-        
-        <button onclick="runAllTests()">🧪 Run All Tests</button>
-        <button onclick="resetProgress()">🔄 Reset Progress</button>
-        <button onclick="showProgress()">📊 Show Progress</button>
-        
-        <div id="test-results"></div>
-    </div>
-
-    <div class="test-section">
-        <h2>Manual Testing</h2>
-        <button onclick="startLevel(1)">Start Level 1</button>
-        <button onclick="completeLevel(1)">Complete Level 1</button>
-        <button onclick="failLevel(1, 'cumming')">Fail Level 1 (cumming)</button>
-        <button onclick="startLevel(2)">Start Level 2 (should fail if L1 not complete)</button>
-        
-        <div id="manual-results"></div>
-    </div>
-
-    <div class="test-section">
-        <h2>Current Progress</h2>
-        <div id="progress-display"></div>
-    </div>
-
-    <!-- Load dependencies -->
-    <script src="src/data/gameData.js"></script>
-    <script src="src/features/academy/campaignManager.js"></script>
-    <script>
-        // campaignManager is now available globally
-        
-        // Test functions
-        window.runAllTests = function() {
-            const results = document.getElementById('test-results');
-            results.innerHTML = '<h3>Running Tests...</h3>';
-            
-            const tests = [];
-            
-            // Test 1: Initial state
-            campaignManager.resetProgress();
-            const stats = campaignManager.getProgressStats();
-            tests.push({
-                name: 'Initial state - L1 unlocked, L2 locked',
-                pass: stats.currentLevel === 1 && stats.highestUnlockedLevel === 1,
-                details: `Current: ${stats.currentLevel}, Highest: ${stats.highestUnlockedLevel}`
-            });
-            
-            // Test 2: Can start L1
-            const l1Start = campaignManager.startLevel(1);
-            tests.push({
-                name: 'Can start Level 1',
-                pass: l1Start !== null && l1Start.levelNum === 1,
-                details: l1Start ? `Started ${l1Start.arc} arc` : 'Failed to start'
-            });
-            
-            // Test 3: Cannot start L2 before completing L1
-            const l2Locked = campaignManager.startLevel(2);
-            tests.push({
-                name: 'Cannot start Level 2 (locked)',
-                pass: l2Locked === null,
-                details: l2Locked === null ? 'Correctly blocked' : 'ERROR: Started locked level'
-            });
-            
-            // Test 4: Complete L1
-            const l1Complete = campaignManager.completeLevel(1, { duration: 300 });
-            tests.push({
-                name: 'Complete Level 1 unlocks Level 2',
-                pass: l1Complete.nextLevelUnlocked && l1Complete.nextLevel === 2,
-                details: `Next level: ${l1Complete.nextLevel}, Unlocked: ${l1Complete.nextLevelUnlocked}`
-            });
-            
-            // Test 5: Can now start L2
-            const l2Start = campaignManager.startLevel(2);
-            tests.push({
-                name: 'Can start Level 2 after completing L1',
-                pass: l2Start !== null && l2Start.levelNum === 2,
-                details: l2Start ? `Started level ${l2Start.levelNum}` : 'Failed to start'
-            });
-            
-            // Test 6: Fail L2
-            campaignManager.failLevel(2, 'cumming');
-            const statsAfterFail = campaignManager.getProgressStats();
-            tests.push({
-                name: 'Failing L2 allows restart',
-                pass: statsAfterFail.failedAttempts > 0,
-                details: `Failed attempts: ${statsAfterFail.failedAttempts}`
-            });
-            
-            // Test 7: Progress persists
-            const beforeReload = campaignManager.getProgressStats();
-            // Simulate reload by getting fresh data
-            const savedData = JSON.parse(localStorage.getItem('webGame-data'));
-            tests.push({
-                name: 'Progress persists in localStorage',
-                pass: savedData.academyProgress !== undefined && savedData.academyProgress.highestUnlockedLevel === 2,
-                details: `Highest unlocked: ${savedData.academyProgress.highestUnlockedLevel}`
-            });
-            
-            // Test 8: Arc detection
-            const l1Arc = campaignManager.getArcForLevel(1);
-            const l6Arc = campaignManager.getArcForLevel(6);
-            tests.push({
-                name: 'Arc detection works',
-                pass: l1Arc === 'Foundation' && l6Arc === 'Feature Discovery',
-                details: `L1: ${l1Arc}, L6: ${l6Arc}`
-            });
-            
-            // Test 9: Checkpoint detection
-            const isCheckpoint1 = campaignManager.isCheckpointLevel(1);
-            const isCheckpoint2 = campaignManager.isCheckpointLevel(2);
-            const isCheckpoint5 = campaignManager.isCheckpointLevel(5);
-            tests.push({
-                name: 'Checkpoint detection works',
-                pass: isCheckpoint1 && !isCheckpoint2 && isCheckpoint5,
-                details: `L1: ${isCheckpoint1}, L2: ${isCheckpoint2}, L5: ${isCheckpoint5}`
-            });
-            
-            // Display results
-            let html = '<h3>Test Results</h3>';
-            let passed = 0;
-            let failed = 0;
-            
-            tests.forEach(test => {
-                if (test.pass) passed++;
-                else failed++;
-                
-                html += `
-                    <div class="test-result ${test.pass ? 'pass' : 'fail'}">
-                        <strong>${test.pass ? '✅' : '❌'} ${test.name}</strong><br>
-                        <small>${test.details}</small>
-                    </div>
-                `;
-            });
-            
-            html += `<div class="status ${failed === 0 ? 'success' : 'error'}">
-                <strong>Results: ${passed}/${tests.length} tests passed</strong>
-            </div>`;
-            
-            results.innerHTML = html;
-            
-            // Update progress display
-            showProgress();
-        };
-        
-        window.resetProgress = function() {
-            campaignManager.resetProgress();
-            document.getElementById('manual-results').innerHTML = 
-                '<div class="status success">✅ Progress reset to Level 1</div>';
-            showProgress();
-        };
-        
-        window.startLevel = function(levelNum) {
-            const result = campaignManager.startLevel(levelNum);
-            const resultsDiv = document.getElementById('manual-results');
-            
-            if (result) {
-                resultsDiv.innerHTML = `
-                    <div class="status success">
-                        ✅ Started Level ${result.levelNum}<br>
-                        Arc: ${result.arc}<br>
-                        Checkpoint: ${result.isCheckpoint}
-                    </div>
-                `;
-            } else {
-                resultsDiv.innerHTML = `
-                    <div class="status error">
-                        ❌ Cannot start Level ${levelNum} - Level is locked
-                    </div>
-                `;
-            }
-            showProgress();
-        };
-        
-        window.completeLevel = function(levelNum) {
-            const result = campaignManager.completeLevel(levelNum, { duration: 300 });
-            const resultsDiv = document.getElementById('manual-results');
-            
-            resultsDiv.innerHTML = `
-                <div class="status success">
-                    ✅ Level ${result.levelCompleted} completed!<br>
-                    ${result.nextLevelUnlocked ? `🔓 Level ${result.nextLevel} unlocked!` : ''}<br>
-                    ${result.arcComplete ? `🎉 ${result.completedArc} Arc complete!` : ''}
-                </div>
-            `;
-            showProgress();
-        };
-        
-        window.failLevel = function(levelNum, reason) {
-            campaignManager.failLevel(levelNum, reason);
-            const resultsDiv = document.getElementById('manual-results');
-            
-            resultsDiv.innerHTML = `
-                <div class="status error">
-                    ❌ Level ${levelNum} failed (${reason})<br>
-                    You can restart this level.
-                </div>
-            `;
-            showProgress();
-        };
-        
-        window.showProgress = function() {
-            const stats = campaignManager.getProgressStats();
-            const progress = window.gameData.academyProgress;
-            
-            document.getElementById('progress-display').innerHTML = `
-                <pre>${JSON.stringify(stats, null, 2)}</pre>
-                <h3>Full Progress Data:</h3>
-                <pre>${JSON.stringify(progress, null, 2)}</pre>
-            `;
-        };
-        
-        // Initial display
-        showProgress();
-        
-        console.log('✅ Campaign Manager Test Page Ready');
-        console.log('📝 Run runAllTests() to execute automated tests');
-    </script>
-    
-    <!-- Electron preload (if needed) -->
-    <script>
-        // Check if running in Electron
-        if (typeof require !== 'undefined') {
-            console.log('🖥️ Running in Electron');
-        }
-    </script>
-</body>
-</html>
diff --git a/test-library-manager.html b/test-library-manager.html
deleted file mode 100644
index 189b9b1..0000000
--- a/test-library-manager.html
+++ /dev/null
@@ -1,609 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Library Manager Test Suite</title>
-    <style>
-        * {
-            margin: 0;
-            padding: 0;
-            box-sizing: border-box;
-        }
-
-        body {
-            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
-            background: #1a1a1a;
-            color: #e0e0e0;
-            padding: 20px;
-            line-height: 1.6;
-        }
-
-        .container {
-            max-width: 1400px;
-            margin: 0 auto;
-        }
-
-        h1 {
-            text-align: center;
-            color: #ff006e;
-            margin-bottom: 30px;
-            font-size: 2.5em;
-        }
-
-        .test-section {
-            background: #2a2a2a;
-            border-radius: 10px;
-            padding: 20px;
-            margin-bottom: 20px;
-        }
-
-        .test-section h2 {
-            color: #8338ec;
-            margin-bottom: 15px;
-            font-size: 1.5em;
-        }
-
-        .test-grid {
-            display: grid;
-            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
-            gap: 10px;
-            margin-bottom: 20px;
-        }
-
-        .test-result {
-            padding: 15px;
-            border-radius: 8px;
-            background: #1a1a1a;
-            border-left: 4px solid #666;
-        }
-
-        .test-result.pass {
-            border-left-color: #00ff88;
-            background: rgba(0, 255, 136, 0.1);
-        }
-
-        .test-result.fail {
-            border-left-color: #ff006e;
-            background: rgba(255, 0, 110, 0.1);
-        }
-
-        .test-result h3 {
-            font-size: 1em;
-            margin-bottom: 5px;
-        }
-
-        .test-result.pass h3 { color: #00ff88; }
-        .test-result.fail h3 { color: #ff006e; }
-
-        .test-result p {
-            font-size: 0.9em;
-            color: #aaa;
-        }
-
-        .button-group {
-            display: flex;
-            gap: 10px;
-            flex-wrap: wrap;
-            margin-bottom: 20px;
-        }
-
-        button {
-            padding: 12px 24px;
-            border: none;
-            border-radius: 8px;
-            background: linear-gradient(135deg, #ff006e, #8338ec);
-            color: white;
-            font-weight: bold;
-            cursor: pointer;
-            transition: transform 0.2s;
-        }
-
-        button:hover {
-            transform: translateY(-2px);
-        }
-
-        button:active {
-            transform: translateY(0);
-        }
-
-        .status-box {
-            padding: 15px;
-            border-radius: 8px;
-            margin-bottom: 20px;
-            font-family: 'Courier New', monospace;
-            font-size: 0.9em;
-        }
-
-        .status-box.success {
-            background: rgba(0, 255, 136, 0.1);
-            border: 1px solid #00ff88;
-            color: #00ff88;
-        }
-
-        .status-box.error {
-            background: rgba(255, 0, 110, 0.1);
-            border: 1px solid #ff006e;
-            color: #ff006e;
-        }
-
-        .status-box.info {
-            background: rgba(131, 56, 236, 0.1);
-            border: 1px solid #8338ec;
-            color: #8338ec;
-        }
-
-        .json-display {
-            background: #0a0a0a;
-            padding: 15px;
-            border-radius: 8px;
-            overflow-x: auto;
-            white-space: pre-wrap;
-            word-wrap: break-word;
-            font-family: 'Courier New', monospace;
-            font-size: 0.85em;
-            max-height: 400px;
-            overflow-y: auto;
-        }
-
-        .media-grid {
-            display: grid;
-            grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
-            gap: 15px;
-            margin-top: 15px;
-        }
-
-        .media-card {
-            background: #1a1a1a;
-            border-radius: 8px;
-            padding: 15px;
-            border: 1px solid #333;
-        }
-
-        .media-card h4 {
-            color: #ff006e;
-            font-size: 0.9em;
-            margin-bottom: 10px;
-            overflow: hidden;
-            text-overflow: ellipsis;
-            white-space: nowrap;
-        }
-
-        .tag-list {
-            display: flex;
-            flex-wrap: wrap;
-            gap: 5px;
-            margin: 10px 0;
-        }
-
-        .tag {
-            background: rgba(131, 56, 236, 0.3);
-            padding: 3px 8px;
-            border-radius: 4px;
-            font-size: 0.75em;
-            color: #8338ec;
-        }
-
-        .rating {
-            color: #ffb700;
-            font-size: 0.9em;
-        }
-    </style>
-</head>
-<body>
-    <div class="container">
-        <h1>📚 Library Manager Test Suite</h1>
-
-        <!-- Automated Tests Section -->
-        <div class="test-section">
-            <h2>Automated Tests</h2>
-            <button onclick="runAllTests()">🧪 Run All Tests</button>
-            <div id="test-results" class="test-grid"></div>
-        </div>
-
-        <!-- Manual Testing Section -->
-        <div class="test-section">
-            <h2>Manual Testing</h2>
-            <div class="button-group">
-                <button onclick="syncWithLibrary()">🔄 Sync with Existing Library</button>
-                <button onclick="addSampleMedia()">➕ Add Sample Media (Test Only)</button>
-                <button onclick="testBulkTagging()">🏷️ Test Bulk Tagging</button>
-                <button onclick="testSearch()">🔍 Test Search</button>
-                <button onclick="testRatings()">⭐ Test Ratings</button>
-                <button onclick="testCollections()">📁 Test Collections</button>
-                <button onclick="showStats()">📈 Show Stats</button>
-                <button onclick="showAllMedia()">📚 Show All Media</button>
-                <button onclick="resetLibrary()">🔄 Reset Library</button>
-            </div>
-            <div id="manual-output"></div>
-        </div>
-
-        <!-- Library Display -->
-        <div class="test-section">
-            <h2>Current Library State</h2>
-            <div id="library-display" class="json-display"></div>
-        </div>
-    </div>
-
-    <!-- Load Dependencies -->
-    <script src="src/data/gameData.js"></script>
-    <script src="src/features/academy/libraryManager.js"></script>
-
-    <script>
-        // Test runner
-        function runAllTests() {
-            const tests = [
-                testInitialization,
-                testAddMedia,
-                testTagging,
-                testBulkTagging,
-                testRating,
-                testFavorites,
-                testSearch,
-                testCollections,
-                testStats,
-                testPersistence
-            ];
-
-            const resultsDiv = document.getElementById('test-results');
-            resultsDiv.innerHTML = '';
-
-            tests.forEach(test => {
-                const result = test();
-                const resultDiv = document.createElement('div');
-                resultDiv.className = `test-result ${result.pass ? 'pass' : 'fail'}`;
-                resultDiv.innerHTML = `
-                    <h3>${result.pass ? '✓' : '✗'} ${result.name}</h3>
-                    <p>${result.message}</p>
-                `;
-                resultsDiv.appendChild(resultDiv);
-            });
-        }
-
-        // Test 1: Initialization
-        function testInitialization() {
-            const library = window.libraryManager.getLibrary();
-            const hasRequiredFields = library.media && library.tags && library.collections;
-            
-            return {
-                name: 'Initialization Test',
-                pass: hasRequiredFields && library.version === 1,
-                message: hasRequiredFields ? 'Library initialized with all required structures' : 'Missing fields'
-            };
-        }
-
-        // Test 2: Add Media
-        function testAddMedia() {
-            const success = window.libraryManager.addMediaItem('assets/test/video1.mp4', {
-                tags: ['edging', 'pov', 'hd'],
-                rating: 4
-            });
-            
-            const library = window.libraryManager.getLibrary();
-            const item = library.media['assets/test/video1.mp4'];
-            
-            return {
-                name: 'Add Media Test',
-                pass: success && item && item.tags.length === 3,
-                message: success ? 'Media item added with tags and rating' : 'Failed to add media'
-            };
-        }
-
-        // Test 3: Tagging
-        function testTagging() {
-            window.libraryManager.addMediaItem('assets/test/video2.mp4');
-            window.libraryManager.addTags('assets/test/video2.mp4', ['femdom', 'worship']);
-            
-            const library = window.libraryManager.getLibrary();
-            const item = library.media['assets/test/video2.mp4'];
-            
-            return {
-                name: 'Tagging Test',
-                pass: item.tags.includes('femdom') && item.tags.includes('worship'),
-                message: 'Tags added successfully'
-            };
-        }
-
-        // Test 4: Bulk Tagging
-        function testBulkTagging() {
-            const files = ['assets/test/video3.mp4', 'assets/test/video4.mp4', 'assets/test/video5.mp4'];
-            const result = window.libraryManager.bulkAddTags(files, ['compilation', 'pmv']);
-            
-            return {
-                name: 'Bulk Tagging Test',
-                pass: result.filesTagged === 3,
-                message: `Bulk tagged ${result.filesTagged} files with ${result.tags.length} tags`
-            };
-        }
-
-        // Test 5: Rating
-        function testRating() {
-            window.libraryManager.setRating('assets/test/video1.mp4', 5);
-            const library = window.libraryManager.getLibrary();
-            const rating = library.media['assets/test/video1.mp4'].rating;
-            
-            return {
-                name: 'Rating Test',
-                pass: rating === 5,
-                message: `Rating set to ${rating}/5`
-            };
-        }
-
-        // Test 6: Favorites
-        function testFavorites() {
-            window.libraryManager.addToFavorites('assets/test/video1.mp4');
-            const library = window.libraryManager.getLibrary();
-            
-            return {
-                name: 'Favorites Test',
-                pass: library.favorites.includes('assets/test/video1.mp4'),
-                message: 'Item added to favorites'
-            };
-        }
-
-        // Test 7: Search
-        function testSearch() {
-            const results = window.libraryManager.searchMedia({
-                anyTags: ['edging', 'femdom'],
-                minRating: 3
-            });
-            
-            return {
-                name: 'Search Test',
-                pass: results.length > 0,
-                message: `Found ${results.length} items matching search criteria`
-            };
-        }
-
-        // Test 8: Collections
-        function testCollections() {
-            window.libraryManager.createCollection('My Playlist', [
-                'assets/test/video1.mp4',
-                'assets/test/video2.mp4'
-            ]);
-            
-            const items = window.libraryManager.getCollection('My Playlist');
-            
-            return {
-                name: 'Collections Test',
-                pass: items.length === 2,
-                message: `Collection created with ${items.length} items`
-            };
-        }
-
-        // Test 9: Stats
-        function testStats() {
-            const stats = window.libraryManager.getLibraryStats();
-            
-            return {
-                name: 'Statistics Test',
-                pass: stats.totalItems > 0 && stats.hasOwnProperty('averageRating'),
-                message: `${stats.totalItems} items, ${stats.taggedItems} tagged, avg rating ${stats.averageRating}`
-            };
-        }
-
-        // Test 10: Persistence
-        function testPersistence() {
-            window.libraryManager.addMediaItem('assets/test/persistence.mp4', { rating: 3 });
-            
-            const savedData = JSON.parse(localStorage.getItem('webGame-data'));
-            const exists = savedData.academyLibrary.media['assets/test/persistence.mp4'] !== undefined;
-            
-            return {
-                name: 'Persistence Test',
-                pass: exists,
-                message: exists ? 'Library persists to localStorage' : 'Persistence failed'
-            };
-        }
-
-        // Manual testing functions
-        function syncWithLibrary() {
-            const result = window.libraryManager.syncWithExistingLibrary();
-            const outputDiv = document.getElementById('manual-output');
-            outputDiv.innerHTML = `<div class="status-box success">
-                ✅ Synced with existing library:<br>
-                - Total videos: ${result.total}<br>
-                - New videos: ${result.new}<br>
-                - Existing videos: ${result.existing}
-            </div>`;
-            
-            // Show the media
-            showAllMedia();
-        }
-
-        function addSampleMedia() {
-            const sampleFiles = [
-                { path: 'assets/pornstars/riley-reid-1.mp4', tags: ['solo', 'pov', 'professional'], rating: 5 },
-                { path: 'assets/pornstars/mia-khalifa-2.mp4', tags: ['group', 'hd', 'hardcore'], rating: 4 },
-                { path: 'assets/feet/footjob-1.mp4', tags: ['feet', 'pov', 'fetish'], rating: 4 },
-                { path: 'assets/hentai/anime-1.mp4', tags: ['hentai', 'animated', 'mindbreak'], rating: 3 },
-                { path: 'assets/BBC/interracial-1.mp4', tags: ['bbc', 'couples', 'intense'], rating: 5 }
-            ];
-            
-            sampleFiles.forEach(file => {
-                window.libraryManager.addMediaItem(file.path, {
-                    tags: file.tags,
-                    rating: file.rating
-                });
-            });
-            
-            const outputDiv = document.getElementById('manual-output');
-            outputDiv.innerHTML = `<div class="status-box success">
-                Added ${sampleFiles.length} sample media items to library
-            </div>`;
-            
-            showAllMedia();
-        }
-
-        function testBulkTagging() {
-            const library = window.libraryManager.getLibrary();
-            const allFiles = Object.keys(library.media);
-            
-            if (allFiles.length === 0) {
-                const outputDiv = document.getElementById('manual-output');
-                outputDiv.innerHTML = `<div class="status-box error">No media in library. Add sample media first.</div>`;
-                return;
-            }
-            
-            const result = window.libraryManager.bulkAddTags(allFiles.slice(0, 3), ['test-tag', 'bulk-tagged']);
-            
-            const outputDiv = document.getElementById('manual-output');
-            outputDiv.innerHTML = `<div class="status-box success">
-                Bulk tagged ${result.filesTagged} files with tags: ${result.tags.join(', ')}
-            </div>`;
-        }
-
-        function testSearch() {
-            const results = window.libraryManager.searchMedia({
-                anyTags: ['pov', 'solo'],
-                minRating: 3,
-                sortBy: 'rating',
-                limit: 5
-            });
-            
-            const outputDiv = document.getElementById('manual-output');
-            
-            if (results.length === 0) {
-                outputDiv.innerHTML = `<div class="status-box error">No results found. Add sample media first.</div>`;
-                return;
-            }
-            
-            let html = `<div class="status-box success">Found ${results.length} items</div>`;
-            html += '<div class="media-grid">';
-            
-            results.forEach(item => {
-                html += `
-                    <div class="media-card">
-                        <h4>${item.filePath.split('/').pop()}</h4>
-                        <div class="rating">⭐ ${item.rating}/5</div>
-                        <div class="tag-list">
-                            ${item.tags.map(tag => `<span class="tag">${tag}</span>`).join('')}
-                        </div>
-                    </div>
-                `;
-            });
-            
-            html += '</div>';
-            outputDiv.innerHTML = html;
-        }
-
-        function testRatings() {
-            const library = window.libraryManager.getLibrary();
-            const allFiles = Object.keys(library.media);
-            
-            if (allFiles.length === 0) {
-                const outputDiv = document.getElementById('manual-output');
-                outputDiv.innerHTML = `<div class="status-box error">No media in library. Add sample media first.</div>`;
-                return;
-            }
-            
-            // Set random ratings
-            allFiles.forEach(file => {
-                window.libraryManager.setRating(file, Math.floor(Math.random() * 5) + 1);
-            });
-            
-            const stats = window.libraryManager.getLibraryStats();
-            const outputDiv = document.getElementById('manual-output');
-            outputDiv.innerHTML = `<div class="status-box success">
-                Rated ${stats.ratedItems} items<br>
-                Average rating: ${stats.averageRating}/5
-            </div>`;
-        }
-
-        function testCollections() {
-            const library = window.libraryManager.getLibrary();
-            const allFiles = Object.keys(library.media);
-            
-            if (allFiles.length < 3) {
-                const outputDiv = document.getElementById('manual-output');
-                outputDiv.innerHTML = `<div class="status-box error">Need at least 3 items. Add sample media first.</div>`;
-                return;
-            }
-            
-            window.libraryManager.createCollection('Test Collection', allFiles.slice(0, 3));
-            const items = window.libraryManager.getCollection('Test Collection');
-            
-            const outputDiv = document.getElementById('manual-output');
-            outputDiv.innerHTML = `<div class="status-box success">
-                Created collection with ${items.length} items
-            </div>`;
-        }
-
-        function showStats() {
-            const stats = window.libraryManager.getLibraryStats();
-            const outputDiv = document.getElementById('manual-output');
-            outputDiv.innerHTML = `<div class="status-box info">Library Statistics:</div>` +
-                                 `<div class="json-display">${JSON.stringify(stats, null, 2)}</div>`;
-        }
-
-        function showAllMedia() {
-            const library = window.libraryManager.getLibrary();
-            const allMedia = Object.values(library.media);
-            
-            if (allMedia.length === 0) {
-                const outputDiv = document.getElementById('manual-output');
-                outputDiv.innerHTML = `<div class="status-box info">Library is empty. Add some media items.</div>`;
-                return;
-            }
-            
-            const outputDiv = document.getElementById('manual-output');
-            let html = `<div class="status-box info">Total items: ${allMedia.length}</div>`;
-            html += '<div class="media-grid">';
-            
-            allMedia.forEach(item => {
-                html += `
-                    <div class="media-card">
-                        <h4>${item.filePath.split('/').pop()}</h4>
-                        <div class="rating">⭐ ${item.rating}/5</div>
-                        <div class="tag-list">
-                            ${item.tags.map(tag => `<span class="tag">${tag}</span>`).join('')}
-                        </div>
-                        <div style="margin-top: 8px; font-size: 0.8em; color: #888;">
-                            Plays: ${item.timesPlayed || 0}
-                        </div>
-                    </div>
-                `;
-            });
-            
-            html += '</div>';
-            outputDiv.innerHTML = html;
-        }
-
-        function resetLibrary() {
-            if (confirm('Reset entire library? This will delete all media items and tags.')) {
-                window.libraryManager.resetLibrary();
-                const outputDiv = document.getElementById('manual-output');
-                outputDiv.innerHTML = `<div class="status-box success">Library reset to empty state</div>`;
-                updateLibraryDisplay();
-            }
-        }
-
-        function updateLibraryDisplay() {
-            const library = window.libraryManager.getLibrary();
-            document.getElementById('library-display').textContent = JSON.stringify(library, null, 2);
-        }
-
-        // Initialize on load
-        window.addEventListener('DOMContentLoaded', () => {
-            updateLibraryDisplay();
-            
-            // Auto-sync with existing library if available
-            if (window.desktopFileManager) {
-                setTimeout(() => {
-                    const result = window.libraryManager.syncWithExistingLibrary();
-                    if (result.total > 0) {
-                        const outputDiv = document.getElementById('manual-output');
-                        outputDiv.innerHTML = `<div class="status-box info">
-                            📹 Auto-synced ${result.total} videos from existing library. 
-                            Use "🔄 Sync with Existing Library" to refresh.
-                        </div>`;
-                    }
-                }, 1000);
-            }
-            
-            // Auto-refresh progress display every 2 seconds
-            setInterval(updateLibraryDisplay, 2000);
-        });
-    </script>
-</body>
-</html>
diff --git a/test-preference-manager.html b/test-preference-manager.html
deleted file mode 100644
index 7a17593..0000000
--- a/test-preference-manager.html
+++ /dev/null
@@ -1,526 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Preference Manager Test Suite</title>
-    <style>
-        * {
-            margin: 0;
-            padding: 0;
-            box-sizing: border-box;
-        }
-
-        body {
-            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
-            background: #1a1a1a;
-            color: #e0e0e0;
-            padding: 20px;
-            line-height: 1.6;
-        }
-
-        .container {
-            max-width: 1400px;
-            margin: 0 auto;
-        }
-
-        h1 {
-            text-align: center;
-            color: #ff006e;
-            margin-bottom: 30px;
-            font-size: 2.5em;
-        }
-
-        .test-section {
-            background: #2a2a2a;
-            border-radius: 10px;
-            padding: 20px;
-            margin-bottom: 20px;
-        }
-
-        .test-section h2 {
-            color: #8338ec;
-            margin-bottom: 15px;
-            font-size: 1.5em;
-        }
-
-        .test-grid {
-            display: grid;
-            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
-            gap: 10px;
-            margin-bottom: 20px;
-        }
-
-        .test-result {
-            padding: 15px;
-            border-radius: 8px;
-            background: #1a1a1a;
-            border-left: 4px solid #666;
-        }
-
-        .test-result.pass {
-            border-left-color: #00ff88;
-            background: rgba(0, 255, 136, 0.1);
-        }
-
-        .test-result.fail {
-            border-left-color: #ff006e;
-            background: rgba(255, 0, 110, 0.1);
-        }
-
-        .test-result h3 {
-            font-size: 1em;
-            margin-bottom: 5px;
-        }
-
-        .test-result.pass h3 { color: #00ff88; }
-        .test-result.fail h3 { color: #ff006e; }
-
-        .test-result p {
-            font-size: 0.9em;
-            color: #aaa;
-        }
-
-        .button-group {
-            display: flex;
-            gap: 10px;
-            flex-wrap: wrap;
-            margin-bottom: 20px;
-        }
-
-        button {
-            padding: 12px 24px;
-            border: none;
-            border-radius: 8px;
-            background: linear-gradient(135deg, #ff006e, #8338ec);
-            color: white;
-            font-weight: bold;
-            cursor: pointer;
-            transition: transform 0.2s;
-        }
-
-        button:hover {
-            transform: translateY(-2px);
-        }
-
-        button:active {
-            transform: translateY(0);
-        }
-
-        .status-box {
-            padding: 15px;
-            border-radius: 8px;
-            margin-bottom: 20px;
-            font-family: 'Courier New', monospace;
-            font-size: 0.9em;
-        }
-
-        .status-box.success {
-            background: rgba(0, 255, 136, 0.1);
-            border: 1px solid #00ff88;
-            color: #00ff88;
-        }
-
-        .status-box.error {
-            background: rgba(255, 0, 110, 0.1);
-            border: 1px solid #ff006e;
-            color: #ff006e;
-        }
-
-        .status-box.info {
-            background: rgba(131, 56, 236, 0.1);
-            border: 1px solid #8338ec;
-            color: #8338ec;
-        }
-
-        .json-display {
-            background: #0a0a0a;
-            padding: 15px;
-            border-radius: 8px;
-            overflow-x: auto;
-            white-space: pre-wrap;
-            word-wrap: break-word;
-            font-family: 'Courier New', monospace;
-            font-size: 0.85em;
-            max-height: 400px;
-            overflow-y: auto;
-        }
-
-        .preference-editor {
-            background: #2a2a2a;
-            padding: 20px;
-            border-radius: 8px;
-            margin-bottom: 20px;
-        }
-
-        .pref-category {
-            margin-bottom: 15px;
-        }
-
-        .pref-category h3 {
-            color: #ff006e;
-            margin-bottom: 10px;
-        }
-
-        .checkbox-group {
-            display: grid;
-            grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
-            gap: 8px;
-        }
-
-        .checkbox-label {
-            display: flex;
-            align-items: center;
-            gap: 8px;
-            cursor: pointer;
-            padding: 5px;
-            border-radius: 4px;
-            transition: background 0.2s;
-        }
-
-        .checkbox-label:hover {
-            background: rgba(255, 0, 110, 0.1);
-        }
-
-        input[type="checkbox"] {
-            cursor: pointer;
-        }
-
-        .slider-container {
-            margin: 10px 0;
-        }
-
-        .slider-label {
-            display: flex;
-            justify-content: space-between;
-            margin-bottom: 5px;
-        }
-
-        input[type="range"] {
-            width: 100%;
-            height: 6px;
-            border-radius: 3px;
-            background: #444;
-            outline: none;
-            cursor: pointer;
-        }
-
-        input[type="range"]::-webkit-slider-thumb {
-            -webkit-appearance: none;
-            appearance: none;
-            width: 18px;
-            height: 18px;
-            border-radius: 50%;
-            background: #ff006e;
-            cursor: pointer;
-        }
-
-        input[type="range"]::-moz-range-thumb {
-            width: 18px;
-            height: 18px;
-            border-radius: 50%;
-            background: #ff006e;
-            cursor: pointer;
-            border: none;
-        }
-    </style>
-</head>
-<body>
-    <div class="container">
-        <h1>🎯 Preference Manager Test Suite</h1>
-
-        <!-- Automated Tests Section -->
-        <div class="test-section">
-            <h2>Automated Tests</h2>
-            <button onclick="runAllTests()">🧪 Run All Tests</button>
-            <div id="test-results" class="test-grid"></div>
-        </div>
-
-        <!-- Manual Testing Section -->
-        <div class="test-section">
-            <h2>Manual Testing</h2>
-            <div class="button-group">
-                <button onclick="showPreferences()">📊 Show Current Preferences</button>
-                <button onclick="testCheckpointModal(1)">🎬 Test L1 Checkpoint</button>
-                <button onclick="testCheckpointModal(5)">🎯 Test L5 Checkpoint</button>
-                <button onclick="testCheckpointModal(10)">⚡ Test L10 Checkpoint</button>
-                <button onclick="simulatePreferenceUpdate()">✏️ Simulate Update</button>
-                <button onclick="testContentFilter()">🔍 Show Content Filter</button>
-                <button onclick="showStats()">📈 Show Stats</button>
-                <button onclick="resetPreferences()">🔄 Reset All</button>
-            </div>
-            <div id="manual-output"></div>
-        </div>
-
-        <!-- Interactive Preference Editor -->
-        <div class="test-section">
-            <h2>Interactive Preference Editor</h2>
-            <div id="preference-editor"></div>
-        </div>
-
-        <!-- Progress Display -->
-        <div class="test-section">
-            <h2>Current State</h2>
-            <div id="progress-display" class="json-display"></div>
-        </div>
-    </div>
-
-    <!-- Load Dependencies -->
-    <script src="src/data/gameData.js"></script>
-    <script src="src/features/academy/preferenceManager.js"></script>
-
-    <script>
-        // Test runner
-        function runAllTests() {
-            const tests = [
-                testInitialization,
-                testCategoryUpdate,
-                testBulkUpdate,
-                testContentFilter,
-                testCheckpointDetection,
-                testFeatureDiscovery,
-                testBoundaries,
-                testPersistence,
-                testStats,
-                testReset
-            ];
-
-            const resultsDiv = document.getElementById('test-results');
-            resultsDiv.innerHTML = '';
-
-            tests.forEach(test => {
-                const result = test();
-                const resultDiv = document.createElement('div');
-                resultDiv.className = `test-result ${result.pass ? 'pass' : 'fail'}`;
-                resultDiv.innerHTML = `
-                    <h3>${result.pass ? '✓' : '✗'} ${result.name}</h3>
-                    <p>${result.message}</p>
-                `;
-                resultsDiv.appendChild(resultDiv);
-            });
-        }
-
-        // Test 1: Initialization
-        function testInitialization() {
-            const prefs = window.preferenceManager.getPreferences();
-            const hasAllCategories = prefs.contentThemes && prefs.visualPreferences && 
-                                     prefs.intensity && prefs.captionTone && 
-                                     prefs.audioPreferences && prefs.sessionDuration &&
-                                     prefs.featurePreferences && prefs.boundaries;
-            
-            return {
-                name: 'Initialization Test',
-                pass: hasAllCategories && prefs.version === 1,
-                message: hasAllCategories ? 'All 8 categories initialized correctly' : 'Missing categories'
-            };
-        }
-
-        // Test 2: Category Update
-        function testCategoryUpdate() {
-            const success = window.preferenceManager.updateCategoryPreferences('contentThemes', {
-                edging: true,
-                denial: true
-            }, 1);
-            
-            const prefs = window.preferenceManager.getCategoryPreferences('contentThemes');
-            
-            return {
-                name: 'Category Update Test',
-                pass: success && prefs.edging === true && prefs.denial === true,
-                message: success ? 'Successfully updated contentThemes' : 'Update failed'
-            };
-        }
-
-        // Test 3: Bulk Update
-        function testBulkUpdate() {
-            const updates = {
-                contentThemes: { gooning: true },
-                intensity: { visualIntensity: 4 }
-            };
-            
-            const success = window.preferenceManager.updateMultipleCategories(updates, 5);
-            const prefs = window.preferenceManager.getPreferences();
-            
-            return {
-                name: 'Bulk Update Test',
-                pass: success && prefs.contentThemes.gooning === true && prefs.intensity.visualIntensity === 4,
-                message: success ? 'Successfully updated multiple categories' : 'Bulk update failed'
-            };
-        }
-
-        // Test 4: Content Filter
-        function testContentFilter() {
-            const filter = window.preferenceManager.getContentFilter();
-            const hasRequiredFields = filter.themes && filter.visuals && filter.intensity && filter.exclude;
-            
-            return {
-                name: 'Content Filter Test',
-                pass: hasRequiredFields && Array.isArray(filter.themes),
-                message: hasRequiredFields ? 'Content filter generated correctly' : 'Filter generation failed'
-            };
-        }
-
-        // Test 5: Checkpoint Detection
-        function testCheckpointDetection() {
-            const isL1Checkpoint = window.preferenceManager.isCheckpointLevel(1);
-            const isL5Checkpoint = window.preferenceManager.isCheckpointLevel(5);
-            const isL3NotCheckpoint = !window.preferenceManager.isCheckpointLevel(3);
-            
-            return {
-                name: 'Checkpoint Detection Test',
-                pass: isL1Checkpoint && isL5Checkpoint && isL3NotCheckpoint,
-                message: 'Correctly identifies checkpoint levels (1,5,10,15,20,25)'
-            };
-        }
-
-        // Test 6: Feature Discovery
-        function testFeatureDiscovery() {
-            window.preferenceManager.discoverFeature('webcam');
-            window.preferenceManager.discoverFeature('tts');
-            
-            const discovered = window.preferenceManager.getDiscoveredFeatures();
-            
-            return {
-                name: 'Feature Discovery Test',
-                pass: discovered.includes('webcam') && discovered.includes('tts'),
-                message: `Discovered ${discovered.length} features: ${discovered.join(', ')}`
-            };
-        }
-
-        // Test 7: Boundaries
-        function testBoundaries() {
-            window.preferenceManager.addHardLimit('extreme-content');
-            const prefs = window.preferenceManager.getPreferences();
-            const hasLimit = prefs.boundaries.hardLimits.includes('extreme-content');
-            
-            return {
-                name: 'Boundaries Test',
-                pass: hasLimit,
-                message: hasLimit ? 'Hard limit added successfully' : 'Failed to add hard limit'
-            };
-        }
-
-        // Test 8: Persistence
-        function testPersistence() {
-            window.preferenceManager.updateCategoryPreferences('visualPreferences', { pov: true });
-            const beforeSave = window.preferenceManager.getCategoryPreferences('visualPreferences').pov;
-            
-            // Simulate reload
-            const savedData = JSON.parse(localStorage.getItem('webGame-data'));
-            const afterLoad = savedData.academyPreferences.visualPreferences.pov;
-            
-            return {
-                name: 'Persistence Test',
-                pass: beforeSave === true && afterLoad === true,
-                message: beforeSave === afterLoad ? 'Preferences persist to localStorage' : 'Persistence failed'
-            };
-        }
-
-        // Test 9: Stats
-        function testStats() {
-            const stats = window.preferenceManager.getPreferenceStats();
-            const hasRequiredStats = stats.hasOwnProperty('totalCheckpoints') && 
-                                     stats.hasOwnProperty('activeThemes') &&
-                                     stats.hasOwnProperty('averageIntensity');
-            
-            return {
-                name: 'Statistics Test',
-                pass: hasRequiredStats,
-                message: `Generated stats: ${stats.activeThemes} themes, avg intensity ${stats.averageIntensity}`
-            };
-        }
-
-        // Test 10: Reset
-        function testReset() {
-            const beforeReset = window.preferenceManager.getPreferences().contentThemes.edging;
-            window.preferenceManager.resetPreferences();
-            const afterReset = window.preferenceManager.getPreferences().contentThemes.edging;
-            
-            return {
-                name: 'Reset Test',
-                pass: beforeReset === true && afterReset === false,
-                message: afterReset === false ? 'Preferences reset to defaults' : 'Reset failed'
-            };
-        }
-
-        // Manual testing functions
-        function showPreferences() {
-            const prefs = window.preferenceManager.getPreferences();
-            const outputDiv = document.getElementById('manual-output');
-            outputDiv.innerHTML = `<div class="status-box info">Current Preferences:</div>` +
-                                 `<div class="json-display">${JSON.stringify(prefs, null, 2)}</div>`;
-        }
-
-        function testCheckpointModal(level) {
-            const config = window.preferenceManager.getCheckpointModalConfig(level);
-            const outputDiv = document.getElementById('manual-output');
-            
-            if (config) {
-                outputDiv.innerHTML = `<div class="status-box success">
-                    <strong>Level ${level} Checkpoint Config:</strong><br>
-                    Title: ${config.title}<br>
-                    Description: ${config.description}<br>
-                    Categories to show: ${config.categories.join(', ')}<br>
-                    Is Initial: ${config.isInitial}
-                </div>`;
-            } else {
-                outputDiv.innerHTML = `<div class="status-box error">Level ${level} is not a checkpoint</div>`;
-            }
-        }
-
-        function simulatePreferenceUpdate() {
-            const updates = {
-                contentThemes: { worship: true, femdom: true },
-                intensity: { mentalIntensity: 4, taskDifficulty: 3 },
-                captionTone: { commanding: true, seductive: true }
-            };
-            
-            window.preferenceManager.updateMultipleCategories(updates, 10);
-            
-            const outputDiv = document.getElementById('manual-output');
-            outputDiv.innerHTML = `<div class="status-box success">
-                Simulated L10 checkpoint update:<br>
-                - Enabled worship & femdom themes<br>
-                - Set mental intensity to 4<br>
-                - Enabled commanding & seductive tones
-            </div>`;
-        }
-
-        function testContentFilter() {
-            const filter = window.preferenceManager.getContentFilter();
-            const outputDiv = document.getElementById('manual-output');
-            outputDiv.innerHTML = `<div class="status-box info">Generated Content Filter:</div>` +
-                                 `<div class="json-display">${JSON.stringify(filter, null, 2)}</div>`;
-        }
-
-        function showStats() {
-            const stats = window.preferenceManager.getPreferenceStats();
-            const outputDiv = document.getElementById('manual-output');
-            outputDiv.innerHTML = `<div class="status-box info">Preference Statistics:</div>` +
-                                 `<div class="json-display">${JSON.stringify(stats, null, 2)}</div>`;
-        }
-
-        function resetPreferences() {
-            if (confirm('Reset all preferences to defaults?')) {
-                window.preferenceManager.resetPreferences();
-                const outputDiv = document.getElementById('manual-output');
-                outputDiv.innerHTML = `<div class="status-box success">All preferences reset to defaults</div>`;
-                updateProgressDisplay();
-            }
-        }
-
-        function updateProgressDisplay() {
-            const prefs = window.preferenceManager.getPreferences();
-            document.getElementById('progress-display').textContent = JSON.stringify(prefs, null, 2);
-        }
-
-        // Initialize on load
-        window.addEventListener('DOMContentLoaded', () => {
-            updateProgressDisplay();
-            
-            // Auto-refresh progress display every 2 seconds
-            setInterval(updateProgressDisplay, 2000);
-        });
-    </script>
-</body>
-</html>
