diff --git a/index.html b/index.html
index 6f64f0d..e89f1d1 100644
--- a/index.html
+++ b/index.html
@@ -1,4 +1,4 @@
-﻿<!DOCTYPE html>
+<!DOCTYPE html>
 <html lang="en">
 <head>
     <meta charset="UTF-8">
@@ -117,11 +117,11 @@
         // Test JSZip availability when page loads
         window.addEventListener('load', function() {
             if (typeof JSZip !== 'undefined') {
-                console.log('✅ JSZip loaded successfully from global scope');
+                console.log('? JSZip loaded successfully from global scope');
             } else if (typeof window.JSZip !== 'undefined') {
-                console.log('✅ JSZip loaded successfully from window scope');
+                console.log('? JSZip loaded successfully from window scope');
             } else {
-                console.error('❌ JSZip failed to load');
+                console.error('? JSZip failed to load');
             }
         });
     </script>
@@ -140,24 +140,25 @@
         </div>
     </div>
 
+    <!-- Side Characters - Outside game-container for fixed positioning -->
+    <div class="character-side left" style="background-image: url('assets/hentai/1.png'); top: 15%;"></div>
+    <div class="character-side right" style="background-image: url('assets/hentai/11.png'); top: 20%;"></div>
+    <div class="character-side left" style="background-image: url('assets/hentai/3.png'); top: 35%;"></div>
+    <div class="character-side right" style="background-image: url('assets/hentai/4.png'); top: 40%;"></div>
+    <div class="character-side left" style="background-image: url('assets/hentai/5.png'); top: 55%;"></div>
+    <div class="character-side right" style="background-image: url('assets/hentai/6.png'); top: 60%;"></div>
+    <div class="character-side left" style="background-image: url('assets/hentai/7.png'); top: 75%;"></div>
+    <div class="character-side right" style="background-image: url('assets/hentai/8.png'); top: 80%;"></div>
+    <div class="character-side left" style="background-image: url('assets/hentai/9.png'); top: 90%;"></div>
+    <div class="character-side right" style="background-image: url('assets/hentai/10.png'); top: 95%;"></div>
+    <div class="character-side left" style="background-image: url('assets/hentai/12.png'); top: 100%;"></div>
+    <div class="character-side right" style="background-image: url('assets/hentai/13.png'); top: 105%;"></div>
+    <div class="character-side left" style="background-image: url('assets/hentai/14.png'); top: 110%;"></div>
+    <div class="character-side right" style="background-image: url('assets/hentai/15.png'); top: 115%;"></div>
+    <div class="character-side left" style="background-image: url('assets/hentai/16.png'); top: 120%;"></div>
+    <div class="character-side right" style="background-image: url('assets/hentai/17.png'); top: 125%;"></div>
+
     <div class="game-container">
-        <!-- Side Characters -->
-        <div class="character-side left" style="background-image: url('assets/hentai/1.png'); top: 15%;"></div>
-        <div class="character-side right" style="background-image: url('assets/hentai/11.png'); top: 20%;"></div>
-        <div class="character-side left" style="background-image: url('assets/hentai/3.png'); top: 35%; left: -40px;"></div>
-        <div class="character-side right" style="background-image: url('assets/hentai/4.png'); top: 40%; right: -40px;"></div>
-        <div class="character-side left" style="background-image: url('assets/hentai/5.png'); top: 55%; left: -30px;"></div>
-        <div class="character-side right" style="background-image: url('assets/hentai/6.png'); top: 60%; right: -35px;"></div>
-        <div class="character-side left" style="background-image: url('assets/hentai/7.png'); top: 75%; left: -35px;"></div>
-        <div class="character-side right" style="background-image: url('assets/hentai/8.png'); top: 80%; right: -30px;"></div>
-        <div class="character-side left" style="background-image: url('assets/hentai/9.png'); top: 90%; left: -25px;"></div>
-        <div class="character-side right" style="background-image: url('assets/hentai/10.png'); top: 95%; right: -25px;"></div>
-        <div class="character-side left" style="background-image: url('assets/hentai/12.png'); top: 100%; left: -20px;"></div>
-        <div class="character-side right" style="background-image: url('assets/hentai/13.png'); top: 105%; right: -20px;"></div>
-        <div class="character-side left" style="background-image: url('assets/hentai/14.png'); top: 110%; left: -15px;"></div>
-        <div class="character-side right" style="background-image: url('assets/hentai/15.png'); top: 115%; right: -15px;"></div>
-        <div class="character-side left" style="background-image: url('assets/hentai/16.png'); top: 120%; left: -10px;"></div>
-        <div class="character-side right" style="background-image: url('assets/hentai/17.png'); top: 125%; right: -10px;"></div>
         
         <!-- Game Header -->
         <header class="game-header hero-header">
@@ -167,15 +168,15 @@
             <!-- Utility Navigation -->
             <div class="hero-utility-nav">
                 <button id="user-profile-btn" class="utility-btn" title="View Profile">
-                    <span class="utility-icon">👤</span>
+                    <span class="utility-icon">??</span>
                     <span class="utility-label">Profile</span>
                 </button>
                 <button id="game-guide-btn" class="utility-btn" title="Game Guide">
-                    <span class="utility-icon">📋</span>
+                    <span class="utility-icon">??</span>
                     <span class="utility-label">Guide</span>
                 </button>
                 <button id="options-menu-btn" class="utility-btn" title="Options">
-                    <span class="utility-icon">⚙️</span>
+                    <span class="utility-icon">??</span>
                     <span class="utility-label">Options</span>
                 </button>
             </div>
@@ -188,25 +189,25 @@
                     </h1>
                     <p class="hero-tagline">
                         <span class="tagline-emphasis">Master Your Dedication</span>
-                        <span class="tagline-subtitle">• Advanced Training System • v3.0</span>
+                        <span class="tagline-subtitle">� Advanced Training System � v3.0</span>
                     </p>
                     
                     <!-- Feature Highlights - Now Main Action Buttons -->
                     <div class="hero-features">
                         <button class="hero-feature btn-feature" id="training-academy-btn">
-                            <span class="feature-icon">🎬</span>
+                            <span class="feature-icon">??</span>
                             <span class="feature-text">Training Academy</span>
                         </button>
                         <button class="hero-feature btn-feature" id="quick-play-btn">
-                            <span class="feature-icon">📊</span>
+                            <span class="feature-icon">??</span>
                             <span class="feature-text">Quick Play</span>
                         </button>
                         <button class="hero-feature btn-feature" id="porn-cinema-btn">
-                            <span class="feature-icon">🏆</span>
+                            <span class="feature-icon">??</span>
                             <span class="feature-text">Porn Cinema</span>
                         </button>
                         <button class="hero-feature btn-feature" id="hypno-gallery-btn">
-                            <span class="feature-icon">🌀</span>
+                            <span class="feature-icon">??</span>
                             <span class="feature-text">Hypno Gallery</span>
                         </button>
                         <button class="hero-feature btn-feature" id="library-btn" onclick="window.location.href='library.html'">
@@ -253,8 +254,8 @@
                             </video>
                             <div class="billboard-overlay">
                                 <div class="billboard-controls">
-                                    <button id="billboard-mute" class="billboard-btn" title="Toggle Mute">🔇</button>
-                                    <button id="billboard-pause" class="billboard-btn" title="Toggle Pause">⏸️</button>
+                                    <button id="billboard-mute" class="billboard-btn" title="Toggle Mute">??</button>
+                                    <button id="billboard-pause" class="billboard-btn" title="Toggle Pause">??</button>
                                 </div>
                             </div>
                             <div class="neon-border">
@@ -270,12 +271,12 @@
             
             <!-- Compact Music Controls (repositioned) -->
             <div class="music-controls-compact hero-music-controls">
-                <button id="music-toggle-compact" class="music-icon-btn" title="Music Controls">🎵</button>
+                <button id="music-toggle-compact" class="music-icon-btn" title="Music Controls">??</button>
                 <div class="music-panel-expanded">
                     <div class="music-row">
-                        <button id="music-toggle" class="music-btn-small" title="Play/Pause">▶️</button>
-                        <button id="loop-btn" class="music-btn-small" title="Loop">🔁</button>
-                        <button id="shuffle-btn" class="music-btn-small" title="Shuffle">🔀</button>
+                        <button id="music-toggle" class="music-btn-small" title="Play/Pause">??</button>
+                        <button id="loop-btn" class="music-btn-small" title="Loop">??</button>
+                        <button id="shuffle-btn" class="music-btn-small" title="Shuffle">??</button>
                     </div>
                     <div class="music-row">
                         <select id="track-selector" class="track-dropdown-compact">
@@ -287,7 +288,7 @@
                     </div>
                     <div class="music-row">
                         <div class="volume-control-compact">
-                            <span class="volume-icon">🔊</span>
+                            <span class="volume-icon">??</span>
                             <input type="range" id="volume-slider" min="0" max="100" value="30" class="volume-slider-compact">
                             <span class="volume-percent" id="volume-percent">30%</span>
                         </div>
@@ -307,38 +308,38 @@
 
             <!-- Image Management Screen -->
             <div id="image-management-screen" class="screen">
-                <h2>🖼️ Image Library Management</h2>
+                <h2>??? Image Library Management</h2>
                 <p>Upload and organize image content to enhance your gaming experience</p>
                 
                 <!-- Upload Section -->
                 <div class="upload-section">
-                    <h3>�️ Import Image Files</h3>
+                    <h3>?? Import Image Files</h3>
                     <div class="upload-controls">
-                        <button id="import-task-images-btn" class="btn btn-primary">🎯 Task Images</button>
-                        <button id="import-consequence-images-btn" class="btn btn-warning">⚠️ Consequence Images</button>
+                        <button id="import-task-images-btn" class="btn btn-primary">?? Task Images</button>
+                        <button id="import-consequence-images-btn" class="btn btn-warning">?? Consequence Images</button>
                         <input type="file" id="image-upload-input" accept="image/*" multiple style="display: none;">
                     </div>
                     <div class="upload-info desktop-feature">
-                        <span>💻 Desktop: Native file dialogs • Supports JPEG, PNG, GIF, WebP formats</span>
+                        <span>?? Desktop: Native file dialogs � Supports JPEG, PNG, GIF, WebP formats</span>
                     </div>
                     <div class="upload-info web-feature" style="display: none;">
-                        <span>🌐 Web: Limited browser upload functionality</span>
+                        <span>?? Web: Limited browser upload functionality</span>
                     </div>
                     <div class="directory-controls">
-                        <button id="storage-info-btn" class="btn btn-outline">📊 Storage Info</button>
-                        <button id="cleanup-invalid-images-btn" class="btn btn-warning">🧹 Cleanup</button>
-                        <button id="clear-all-images-btn" class="btn btn-danger">🗑️ Clear All</button>
-                        <span class="scan-info">📡 Auto-scan on startup</span>
+                        <button id="storage-info-btn" class="btn btn-outline">?? Storage Info</button>
+                        <button id="cleanup-invalid-images-btn" class="btn btn-warning">?? Cleanup</button>
+                        <button id="clear-all-images-btn" class="btn btn-danger">??? Clear All</button>
+                        <span class="scan-info">?? Auto-scan on startup</span>
                     </div>
                 </div>
 
                 <!-- Image Gallery Section -->
                 <div class="gallery-section">
                     <div class="gallery-header">
-                        <h3>🖼️ Current Image Library</h3>
+                        <h3>??? Current Image Library</h3>
                         <div class="gallery-controls">
                             <!-- Selection buttons removed - lib-image-gallery uses click-to-preview instead of checkboxes -->
-                            <button id="refresh-images-btn" class="btn btn-secondary btn-small">🔄 Refresh</button>
+                            <button id="refresh-images-btn" class="btn btn-secondary btn-small">?? Refresh</button>
                             <span class="image-count">Loading images...</span>
                         </div>
                     </div>
@@ -348,7 +349,7 @@
 
                 <!-- Image Preview Section -->
                 <div class="image-preview-section" id="image-preview-section" style="display: none;">
-                    <h4>🖼️ Image Preview</h4>
+                    <h4>??? Image Preview</h4>
                     <div class="preview-controls">
                         <div class="image-preview-container">
                             <img id="image-preview-img" src="" alt="Image Preview" style="max-width: 100%; max-height: 600px; border-radius: 8px;">
@@ -356,49 +357,49 @@
                         <div class="preview-info">
                             <span id="preview-image-name">No image selected</span>
                             <div class="preview-buttons">
-                                <button id="close-image-preview-btn" class="btn btn-small btn-outline">✕ Close</button>
+                                <button id="close-image-preview-btn" class="btn btn-small btn-outline">? Close</button>
                             </div>
                         </div>
                     </div>
                 </div>
 
                 <div class="management-buttons">
-                    <button id="back-to-start-from-images-btn" class="btn btn-secondary">← Back to Start</button>
+                    <button id="back-to-start-from-images-btn" class="btn btn-secondary">? Back to Start</button>
                 </div>
             </div>
 
             <!-- Audio Management Screen -->
             <div id="audio-management-screen" class="screen">
-                <h2>🎵 Audio Library Management</h2>
+                <h2>?? Audio Library Management</h2>
                 <p>Upload and organize audio content to enhance your gaming experience</p>
                 
                 <!-- Upload Section -->
                 <div class="upload-section">
-                    <h3>🎵 Import Audio Files</h3>
+                    <h3>?? Import Audio Files</h3>
                     <div class="upload-controls">
-                        <button id="import-background-audio-btn" class="btn btn-primary">🎶 Background Music</button>
-                        <button id="import-ambient-audio-btn" class="btn btn-success">🌿 Ambient Sounds</button>
+                        <button id="import-background-audio-btn" class="btn btn-primary">?? Background Music</button>
+                        <button id="import-ambient-audio-btn" class="btn btn-success">?? Ambient Sounds</button>
                         <input type="file" id="audio-upload-input" accept="audio/*" multiple style="display: none;">
                     </div>
                     <div class="upload-info desktop-feature">
-                        <span>💻 Desktop: Native file dialogs • Supports MP3, WAV, OGG, M4A, AAC, FLAC formats</span>
+                        <span>?? Desktop: Native file dialogs � Supports MP3, WAV, OGG, M4A, AAC, FLAC formats</span>
                     </div>
                     <div class="upload-info web-feature" style="display: none;">
-                        <span>🌐 Web: Limited browser upload functionality</span>
+                        <span>?? Web: Limited browser upload functionality</span>
                     </div>
                     <div class="directory-controls">
-                        <button id="scan-audio-directories-btn" class="btn btn-primary">🔍 Scan Directories</button>
-                        <button id="audio-storage-info-btn" class="btn btn-outline">📊 Storage Info</button>
-                        <button id="cleanup-invalid-audio-btn" class="btn btn-warning">🧹 Cleanup</button>
-                        <button id="clear-all-audio-btn" class="btn btn-danger">🗑️ Clear All</button>
-                        <span class="scan-info">📡 Auto-scan on startup</span>
+                        <button id="scan-audio-directories-btn" class="btn btn-primary">?? Scan Directories</button>
+                        <button id="audio-storage-info-btn" class="btn btn-outline">?? Storage Info</button>
+                        <button id="cleanup-invalid-audio-btn" class="btn btn-warning">?? Cleanup</button>
+                        <button id="clear-all-audio-btn" class="btn btn-danger">??? Clear All</button>
+                        <span class="scan-info">?? Auto-scan on startup</span>
                     </div>
                 </div>
 
                 <!-- Audio Gallery Section -->
                 <div class="gallery-section">
                     <div class="gallery-header">
-                        <h3>🎧 Current Audio Library</h3>
+                        <h3>?? Current Audio Library</h3>
                         <div class="gallery-controls">
                             <!-- Selection buttons removed - lib-audio-gallery uses click-to-play instead of checkboxes -->
                             <span class="audio-count">Loading audio files...</span>
@@ -410,7 +411,7 @@
 
                 <!-- Audio Preview Section -->
                 <div class="audio-preview-section" id="audio-preview-section" style="display: none;">
-                    <h4>🎧 Audio Preview</h4>
+                    <h4>?? Audio Preview</h4>
                     <div class="preview-controls">
                         <div class="audio-preview-container">
                             <audio id="audio-preview-player" controls style="width: 100%; max-width: 600px;">
@@ -420,36 +421,36 @@
                         <div class="preview-info">
                             <span id="preview-file-name">No file selected</span>
                             <div class="preview-buttons">
-                                <button id="close-preview-btn" class="btn btn-small btn-outline">✕ Close</button>
+                                <button id="close-preview-btn" class="btn btn-small btn-outline">? Close</button>
                             </div>
                         </div>
                     </div>
                 </div>
 
                 <div class="management-buttons">
-                    <button id="back-to-start-from-audio-btn" class="btn btn-secondary">← Back to Start</button>
+                    <button id="back-to-start-from-audio-btn" class="btn btn-secondary">? Back to Start</button>
                 </div>
             </div>
 
             <!-- Video Management Screen -->
             <div id="video-management-screen" class="screen">
-                <h2>🎬 Video Library Management</h2>
+                <h2>?? Video Library Management</h2>
                 <p>Upload and organize video content to enhance your gaming experience</p>
                 
                 <!-- Upload Section -->
                 <div class="upload-section">
-                    <h3>🎥 Video Library Management</h3>
+                    <h3>?? Video Library Management</h3>
                     <p style="color: var(--text-dim); font-size: 12px; margin-bottom: 15px;">
                         Link external directories to build your video library. All videos are scanned recursively (including subdirectories).
                     </p>
                     
                     <!-- Directory Management Section -->
                     <div class="directory-management-section" style="margin-bottom: 20px; padding: 15px; background: var(--bg-secondary); border-radius: 8px;">
-                        <h4>� Linked Directories</h4>
+                        <h4>? Linked Directories</h4>
                         <div class="directory-controls" style="margin-bottom: 15px;">
-                            <button id="add-video-directory-btn" class="btn btn-primary">➕ Add Directory</button>
-                            <button id="refresh-all-directories-btn" class="btn btn-secondary">🔄 Refresh All</button>
-                            <button id="clear-all-directories-btn" class="btn btn-warning">�️ Clear All</button>
+                            <button id="add-video-directory-btn" class="btn btn-primary">? Add Directory</button>
+                            <button id="refresh-all-directories-btn" class="btn btn-secondary">?? Refresh All</button>
+                            <button id="clear-all-directories-btn" class="btn btn-warning">?? Clear All</button>
                         </div>
                         <div id="linked-directories-list" style="max-height: 200px; overflow-y: auto;">
                             <!-- Linked directories will be populated here -->
@@ -462,26 +463,26 @@
                         <span id="directory-count" style="color: var(--text-muted); margin-left: 10px;">0 directories linked</span>
                     </div>
                     <div class="upload-info desktop-feature">
-                        <span>💻 Desktop: Native file dialogs • Supports MP4, WebM, OGV, MOV formats</span>
+                        <span>?? Desktop: Native file dialogs � Supports MP4, WebM, OGV, MOV formats</span>
                     </div>
                     <div class="upload-info web-feature" style="display: none;">
-                        <span>🌐 Web: Limited browser upload functionality</span>
+                        <span>?? Web: Limited browser upload functionality</span>
                     </div>
                     <div class="directory-controls">
-                        <button id="video-storage-info-btn" class="btn btn-outline">📊 Storage Info</button>
-                        <button id="cleanup-invalid-videos-btn" class="btn btn-warning">🧹 Cleanup</button>
-                        <button id="clear-all-videos-btn" class="btn btn-danger">🗑️ Clear All</button>
-                        <span class="scan-info">📡 Auto-scan on startup</span>
+                        <button id="video-storage-info-btn" class="btn btn-outline">?? Storage Info</button>
+                        <button id="cleanup-invalid-videos-btn" class="btn btn-warning">?? Cleanup</button>
+                        <button id="clear-all-videos-btn" class="btn btn-danger">??? Clear All</button>
+                        <span class="scan-info">?? Auto-scan on startup</span>
                     </div>
                 </div>
 
                 <!-- Video Gallery Section -->
                 <div class="gallery-section">
                     <div class="gallery-header">
-                        <h3>📹 Video Library</h3>
+                        <h3>?? Video Library</h3>
                         <div class="gallery-controls">
                             <!-- Selection buttons removed - lib-video-gallery uses click-to-preview instead of checkboxes -->
-                            <button id="refresh-videos-btn" class="btn btn-secondary btn-small">🔄 Refresh</button>
+                            <button id="refresh-videos-btn" class="btn btn-secondary btn-small">?? Refresh</button>
                             <span class="video-count">Loading videos...</span>
                         </div>
                     </div>
@@ -491,7 +492,7 @@
 
                 <!-- Video Preview Section -->
                 <div class="video-preview-section" id="video-preview-section" style="display: none;">
-                    <h4>🎬 Video Preview</h4>
+                    <h4>?? Video Preview</h4>
                     <div class="preview-controls">
                         <div class="video-preview-container">
                             <video id="video-preview-player" controls style="width: 100%; max-width: 800px; max-height: 450px; border-radius: 8px;">
@@ -501,8 +502,8 @@
                         <div class="preview-info">
                             <span id="preview-video-name">No video selected</span>
                             <div class="preview-buttons">
-                                <button id="toggle-video-loop-btn" class="btn btn-small btn-outline">🔁 Loop</button>
-                                <button id="close-video-preview-btn" class="btn btn-small btn-outline">✕ Close</button>
+                                <button id="toggle-video-loop-btn" class="btn btn-small btn-outline">?? Loop</button>
+                                <button id="close-video-preview-btn" class="btn btn-small btn-outline">? Close</button>
                             </div>
                         </div>
                     </div>
@@ -510,7 +511,7 @@
 
                 <!-- Video Settings Section -->
                 <div class="video-settings-section">
-                    <h4>⚙️ Video Player Settings</h4>
+                    <h4>?? Video Player Settings</h4>
                     <div class="settings-grid">
                         <div class="setting-group">
                             <label class="switch-label">
@@ -583,34 +584,34 @@
 
             <!-- Photo Gallery Screen -->
             <div id="photo-gallery-screen" class="screen">
-                <h2>📸 Photo Gallery Management</h2>
+                <h2>?? Photo Gallery Management</h2>
                 <p>View and manage your captured photos from photography sessions</p>
                 
                 <!-- Upload Section -->
                 <div class="upload-section">
-                    <h3>📸 Photo Management</h3>
+                    <h3>?? Photo Management</h3>
                     <div class="upload-controls">
-                        <button id="download-all-photos-btn" class="btn btn-primary">📥 Download All Photos</button>
-                        <button id="download-selected-photos-btn" class="btn btn-info" disabled>📥 Download Selected</button>
-                        <button id="clear-all-photos-btn" class="btn btn-danger">🗑️ Clear All Photos</button>
-                        <button id="photo-storage-settings-btn" class="btn btn-secondary">⚙️ Storage Settings</button>
+                        <button id="download-all-photos-btn" class="btn btn-primary">?? Download All Photos</button>
+                        <button id="download-selected-photos-btn" class="btn btn-info" disabled>?? Download Selected</button>
+                        <button id="clear-all-photos-btn" class="btn btn-danger">??? Clear All Photos</button>
+                        <button id="photo-storage-settings-btn" class="btn btn-secondary">?? Storage Settings</button>
                     </div>
                     <div class="upload-info desktop-feature">
-                        <span>📷 Desktop: Photos automatically saved from sessions • JPEG, PNG formats</span>
+                        <span>?? Desktop: Photos automatically saved from sessions � JPEG, PNG formats</span>
                     </div>
                     <div class="directory-controls">
                         <div class="photo-stats">
                             <span id="photo-count-display">Loading photos...</span>
                             <span id="storage-size-display"></span>
                         </div>
-                        <span class="scan-info">📷 Photos saved from gameplay sessions</span>
+                        <span class="scan-info">?? Photos saved from gameplay sessions</span>
                     </div>
                 </div>
 
                 <!-- Photo Gallery Section -->
                 <div class="gallery-section">
                     <div class="gallery-header">
-                        <h3>📷 Photo Collection</h3>
+                        <h3>?? Photo Collection</h3>
                         <div class="gallery-controls">
                             <button id="select-all-photos-btn" class="btn btn-small btn-outline">Select All</button>
                             <button id="deselect-all-photos-btn" class="btn btn-small btn-outline">Deselect All</button>
@@ -636,10 +637,10 @@
                     
                     <!-- Photo Tabs -->
                     <div class="photo-tabs">
-                        <button id="all-photos-tab" class="tab-btn active">📸 All Photos</button>
-                        <button id="dress-up-photos-tab" class="tab-btn">👗 Dress-up</button>
-                        <button id="studio-photos-tab" class="tab-btn">🏠 Studio</button>
-                        <button id="custom-photos-tab" class="tab-btn">🎨 Custom</button>
+                        <button id="all-photos-tab" class="tab-btn active">?? All Photos</button>
+                        <button id="dress-up-photos-tab" class="tab-btn">?? Dress-up</button>
+                        <button id="studio-photos-tab" class="tab-btn">?? Studio</button>
+                        <button id="custom-photos-tab" class="tab-btn">?? Custom</button>
                     </div>
                     
                     <div class="photo-galleries-container">
@@ -668,7 +669,7 @@
                         </div>
                         
                         <div id="no-photos-message" class="no-photos-message" style="display: none;">
-                            <h4>📷 No Photos Yet</h4>
+                            <h4>?? No Photos Yet</h4>
                             <p>Take some photos during photography sessions and they'll appear here!</p>
                             <p>You can enable photo saving in the settings when you take your first photo.</p>
                         </div>
@@ -677,7 +678,7 @@
 
                 <!-- Photo Preview Section -->
                 <div class="photo-preview-section" id="photo-preview-section" style="display: none;">
-                    <h4>📸 Photo Preview</h4>
+                    <h4>?? Photo Preview</h4>
                     <div class="preview-controls">
                         <div class="photo-preview-container">
                             <img id="photo-preview-image" src="" alt="Photo Preview" style="max-width: 100%; max-height: 600px; border-radius: 8px;">
@@ -685,8 +686,8 @@
                         <div class="preview-info">
                             <span id="preview-photo-name">No photo selected</span>
                             <div class="preview-buttons">
-                                <button id="download-photo-btn" class="btn btn-small btn-primary">💾 Download</button>
-                                <button id="close-photo-preview-btn" class="btn btn-small btn-outline">✕ Close</button>
+                                <button id="download-photo-btn" class="btn btn-small btn-primary">?? Download</button>
+                                <button id="close-photo-preview-btn" class="btn btn-small btn-outline">? Close</button>
                             </div>
                         </div>
                     </div>
@@ -722,8 +723,8 @@
                                 </div>
                             </div>
                             <div class="photo-actions">
-                                <button id="download-photo-btn" class="btn btn-primary">📥 Download</button>
-                                <button id="delete-photo-btn" class="btn btn-danger">🗑️ Delete</button>
+                                <button id="download-photo-btn" class="btn btn-primary">?? Download</button>
+                                <button id="delete-photo-btn" class="btn btn-danger">??? Delete</button>
                             </div>
                         </div>
                     </div>
@@ -733,7 +734,7 @@
                 <div id="photo-settings-modal" class="modal" style="display: none;">
                     <div class="modal-content">
                         <div class="modal-header">
-                            <h3>📸 Photo Storage Settings</h3>
+                            <h3>?? Photo Storage Settings</h3>
                             <span class="close" id="close-photo-settings">&times;</span>
                         </div>
                         <div class="modal-body">
@@ -780,7 +781,7 @@
                 </div>
 
                 <div class="management-buttons">
-                    <button id="back-to-start-from-photos-btn" class="btn btn-secondary">← Back to Start</button>
+                    <button id="back-to-start-from-photos-btn" class="btn btn-secondary">? Back to Start</button>
                 </div>
             </div>
 
@@ -812,7 +813,7 @@
         <div id="stats-modal" class="modal" style="display: none;">
             <div class="modal-content">
                 <div class="modal-header">
-                    <h2>📊 Game Statistics</h2>
+                    <h2>?? Game Statistics</h2>
                     <span class="close" id="close-stats">&times;</span>
                 </div>
                 <div class="modal-body">
@@ -847,7 +848,7 @@
                         <button id="reset-stats-btn" class="btn btn-warning">Reset Statistics</button>
                         <button id="export-stats-btn" class="btn btn-secondary">
                             <span class="btn-text">Export Stats Only</span>
-                            <span class="btn-loading" style="display: none;">⏳ Exporting...</span>
+                            <span class="btn-loading" style="display: none;">? Exporting...</span>
                         </button>
                     </div>
                 </div>
@@ -858,12 +859,12 @@
         <div id="help-modal" class="modal" style="display: none;">
             <div class="modal-content">
                 <div class="modal-header">
-                    <h2>⌨️ Keyboard Shortcuts & Help</h2>
+                    <h2>?? Keyboard Shortcuts & Help</h2>
                     <span class="close" id="close-help">&times;</span>
                 </div>
                 <div class="modal-body">
                     <div class="help-section">
-                        <h3>🎮 Game Controls</h3>
+                        <h3>?? Game Controls</h3>
                         <div class="shortcut-list">
                             <div class="shortcut-item">
                                 <span class="shortcut-key">Enter</span>
@@ -889,7 +890,7 @@
                     </div>
                     
                     <div class="help-section">
-                        <h3>🎵 Music Controls</h3>
+                        <h3>?? Music Controls</h3>
                         <div class="shortcut-list">
                             <div class="shortcut-item">
                                 <span class="shortcut-key">M</span>
@@ -899,7 +900,7 @@
                     </div>
                     
                     <div class="help-section">
-                        <h3>🧭 Navigation</h3>
+                        <h3>?? Navigation</h3>
                         <div class="shortcut-list">
                             <div class="shortcut-item">
                                 <span class="shortcut-key">Escape</span>
@@ -913,7 +914,7 @@
                     </div>
                     
                     <div class="help-section">
-                        <h3>💡 Tips</h3>
+                        <h3>?? Tips</h3>
                         <ul class="help-tips">
                             <li>Use Enter and Ctrl for lightning-fast task progression</li>
                             <li>Ctrl gives you a consequence task - complete it to save points!</li>
@@ -932,33 +933,33 @@
         <div id="options-backdrop" class="popup-backdrop" style="display: none;"></div>
         <div id="options-menu" class="options-menu" style="display: none;">
             <button class="popup-close" id="options-close" title="Close">&times;</button>
-            <h3 style="color: var(--color-primary); margin-bottom: var(--space-lg); margin-top: 0; text-align: center; font-size: 1.5em;">⚙️ Options</h3>
+            <h3 style="color: var(--color-primary); margin-bottom: var(--space-lg); margin-top: 0; text-align: center; font-size: 1.5em;">?? Options</h3>
             <!-- Image Theme Selector -->
             <div class="option-item theme-selector">
                 <label for="theme-dropdown" class="option-label">Choose Your Image Theme:</label>
                 <select id="theme-dropdown" class="theme-dropdown">
-                    <option value="hentai" selected>🎭 Hentai</option>
-                    <option value="pornstars">⭐ Pornstars</option>
-                    <option value="BBC">🔥 BBC</option>
-                    <option value="feet">👣 Feet</option>
-                    <option value="library">📂 Library (Random)</option>
-                    <option value="none">🚫 None</option>
+                    <option value="hentai" selected>?? Hentai</option>
+                    <option value="pornstars">? Pornstars</option>
+                    <option value="BBC">?? BBC</option>
+                    <option value="feet">?? Feet</option>
+                    <option value="library">?? Library (Random)</option>
+                    <option value="none">?? None</option>
                 </select>
             </div>
 
             <!-- Color Theme Selector -->
             <div class="option-item theme-selector">
-                <label for="color-theme-dropdown" class="option-label">🎨 Choose Your Color Theme:</label>
+                <label for="color-theme-dropdown" class="option-label">?? Choose Your Color Theme:</label>
                 <select id="color-theme-dropdown" class="theme-dropdown">
-                    <option value="electric-blue">⚡ Electric Blue</option>
-                    <option value="electric-violet">💜 Electric Violet</option>
-                    <option value="magenta-dream">💖 Magenta Dream</option>
-                    <option value="hot-pink-fury">🔥 Hot Pink Fury</option>
-                    <option value="purple-neon-dream">🌈 Purple Neon Dream</option>
-                    <option value="crimson-passion">❤️ Crimson Passion</option>
-                    <option value="golden-ember">✨ Golden Ember</option>
-                    <option value="aqua-mist">🌊 Aqua Mist</option>
-                    <option value="coral-blaze">🔴 Coral Blaze</option>
+                    <option value="electric-blue">? Electric Blue</option>
+                    <option value="electric-violet">?? Electric Violet</option>
+                    <option value="magenta-dream">?? Magenta Dream</option>
+                    <option value="hot-pink-fury">?? Hot Pink Fury</option>
+                    <option value="purple-neon-dream">?? Purple Neon Dream</option>
+                    <option value="crimson-passion">?? Crimson Passion</option>
+                    <option value="golden-ember">? Golden Ember</option>
+                    <option value="aqua-mist">?? Aqua Mist</option>
+                    <option value="coral-blaze">?? Coral Blaze</option>
                 </select>
             </div>
         </div>
@@ -969,11 +970,11 @@
         <div id="game-guide" class="game-guide" style="display: none;">
             <button class="popup-close" id="game-guide-close" title="Close">&times;</button>
             <div class="guide-content">
-                <h3>🎮 Game Modes Overview</h3>
+                <h3>?? Game Modes Overview</h3>
                 
                 <div class="guide-section">
                     <div class="guide-item">
-                        <div class="guide-icon">🎬</div>
+                        <div class="guide-icon">??</div>
                         <div class="guide-info">
                             <h4>Training Academy</h4>
                             <p>Immersive scenario-based training sessions with branching storylines. Earn XP through time-based rewards (1 XP/2min), webcam activities (1 XP/min), and photo sessions (2 XP/photo).</p>
@@ -981,7 +982,7 @@
                     </div>
                     
                     <div class="guide-item">
-                        <div class="guide-icon">📊</div>
+                        <div class="guide-icon">??</div>
                         <div class="guide-info">
                             <h4>Quick Play</h4>
                             <p>Fast-paced task-based gameplay with real-time XP tracking. Complete tasks to earn 1-3 XP based on completion time, plus session bonuses every 15 minutes (2 XP + 1 XP if recording).</p>
@@ -989,7 +990,7 @@
                     </div>
                     
                     <div class="guide-item">
-                        <div class="guide-icon">🏆</div>
+                        <div class="guide-icon">??</div>
                         <div class="guide-info">
                             <h4>Porn Cinema</h4>
                             <p>Video viewing experience with XP rewards. Earn 1 XP per 5 minutes of viewing time. Videos must reach 90% completion to count toward your stats and achievements.</p>
@@ -997,7 +998,7 @@
                     </div>
                     
                     <div class="guide-item">
-                        <div class="guide-icon">🌀</div>
+                        <div class="guide-icon">??</div>
                         <div class="guide-info">
                             <h4>Hypno Gallery</h4>
                             <p>Immersive slideshow experience with configurable timing modes, visual effects, and transitions. View your image library in constant, random, or wave timing patterns with customizable durations and effects.</p>
@@ -1005,7 +1006,7 @@
                     </div>
                     
                     <div class="guide-item">
-                        <div class="guide-icon">📁</div>
+                        <div class="guide-icon">??</div>
                         <div class="guide-info">
                             <h4>Library</h4>
                             <p>Manage your video and photo collections. Organize files, create playlists, and browse your media library. Essential for setting up content for other game modes.</p>
@@ -1013,7 +1014,7 @@
                     </div>
                     
                     <div class="guide-item">
-                        <div class="guide-icon">👤</div>
+                        <div class="guide-icon">??</div>
                         <div class="guide-info">
                             <h4>Profile</h4>
                             <p>View your progress, stats, and achievements. Track your level, XP breakdown by game mode, session history, and unlock status. Monitor your gooning journey!</p>
@@ -1021,7 +1022,7 @@
                     </div>
                     
                     <div class="guide-item">
-                        <div class="guide-icon">⚙️</div>
+                        <div class="guide-icon">??</div>
                         <div class="guide-info">
                             <h4>Options</h4>
                             <p>Customize your experience with themes, popup settings, and debug tools. Switch between Hentai/Pornstar themes, adjust popup intervals, and manage system settings.</p>
@@ -1030,7 +1031,7 @@
                 </div>
                 
                 <div class="guide-tips">
-                    <h4>💡 Pro Tips</h4>
+                    <h4>?? Pro Tips</h4>
                     <ul>
                         <li><strong>Level Up:</strong> Combine different game modes to maximize XP earning</li>
                         <li><strong>Recording Bonus:</strong> Enable session recording in Quick Play for extra XP</li>
@@ -1133,7 +1134,7 @@
                     }
                 }
                 
-                console.log(`📂 Found ${allImages.length} images in ${theme} theme`);
+                console.log(`?? Found ${allImages.length} images in ${theme} theme`);
                 
                 if (allImages.length === 0) {
                     // Fallback to hardcoded defaults if scanning failed
@@ -1205,17 +1206,17 @@
                                     
                                     // Position left or right
                                     if (isLeft) {
-                                        element.style.left = '1px';
+                                        element.style.left = '0px';
                                         element.style.right = 'auto';
                                     } else {
-                                        element.style.right = '1px';
+                                        element.style.right = '0px';
                                         element.style.left = 'auto';
                                     }
                                     
                                     // Update currentTop for next image
                                     currentTop += calculatedHeight + MARGIN;
                                     
-                                    console.log(`📸 ${isLeft ? 'Left' : 'Right'} Panel ${i + 1}: ${randomImage.name} (${FIXED_WIDTH}x${calculatedHeight}px)`);
+                                    console.log(`?? ${isLeft ? 'Left' : 'Right'} Panel ${i + 1}: ${randomImage.name} (${FIXED_WIDTH}x${calculatedHeight}px)`);
                                     resolve();
                                 };
                                 
@@ -1227,10 +1228,10 @@
                                     element.style.top = `${currentTop}px`;
                                     
                                     if (isLeft) {
-                                        element.style.left = '1px';
+                                        element.style.left = '0px';
                                         element.style.right = 'auto';
                                     } else {
-                                        element.style.right = '1px';
+                                        element.style.right = '0px';
                                         element.style.left = 'auto';
                                     }
                                     
@@ -1250,7 +1251,7 @@
                     loadColumnImages(rightElements, false)
                 ]);
                 
-                console.log('✅ Dynamic theme layout complete');
+                console.log('? Dynamic theme layout complete');
                 
             } catch (error) {
                 console.error('Error applying asset theme:', error);
@@ -1354,7 +1355,7 @@
                     }
                 }
                 
-                console.log(`📂 Found ${allImages.length} images in user library`);
+                console.log(`?? Found ${allImages.length} images in user library`);
                 
                 if (allImages.length === 0) {
                     // No images available - show placeholder or fall back to hentai theme
@@ -1441,17 +1442,17 @@
                                     
                                     // Position left or right
                                     if (isLeft) {
-                                        element.style.left = '1px';
+                                        element.style.left = '0px';
                                         element.style.right = 'auto';
                                     } else {
-                                        element.style.right = '1px';
+                                        element.style.right = '0px';
                                         element.style.left = 'auto';
                                     }
                                     
                                     // Update currentTop for next image (small gap)
                                     currentTop += calculatedHeight + MARGIN;
                                     
-                                    console.log(`📸 ${isLeft ? 'Left' : 'Right'} Panel ${i + 1}: ${randomImage.name} (${FIXED_WIDTH}x${calculatedHeight}px)`);
+                                    console.log(`?? ${isLeft ? 'Left' : 'Right'} Panel ${i + 1}: ${randomImage.name} (${FIXED_WIDTH}x${calculatedHeight}px)`);
                                     resolve();
                                 };
                                 
@@ -1464,10 +1465,10 @@
                                     element.style.top = `${currentTop}px`;
                                     
                                     if (isLeft) {
-                                        element.style.left = '1px';
+                                        element.style.left = '0px';
                                         element.style.right = 'auto';
                                     } else {
-                                        element.style.right = '1px';
+                                        element.style.right = '0px';
                                         element.style.left = 'auto';
                                     }
                                     
@@ -1487,7 +1488,7 @@
                     loadColumnImages(rightElements, false)
                 ]);
                 
-                console.log('📸 Library theme applied with dynamic sizing');
+                console.log('?? Library theme applied with dynamic sizing');
                 
             } catch (error) {
                 console.error('Error applying library theme:', error);
@@ -1515,22 +1516,22 @@
                 // Create initial backup with retry logic
                 try {
                     window.backupManager.createBackup(false);
-                    console.log('🛡️ Initial backup created on startup');
+                    console.log('??? Initial backup created on startup');
                 } catch (error) {
-                    console.warn('⚠️ Initial backup failed, attempting cleanup and retry:', error);
+                    console.warn('?? Initial backup failed, attempting cleanup and retry:', error);
                     try {
                         // Perform emergency cleanup and try minimal backup
                         window.backupManager.performEmergencyCleanup();
                         const minimalBackup = window.backupManager.createMinimalBackup(false);
                         const backupKey = `${window.backupManager.backupPrefix}${Date.now()}`;
                         localStorage.setItem(backupKey, JSON.stringify(minimalBackup));
-                        console.log('🛡️ Minimal backup created after cleanup');
+                        console.log('??? Minimal backup created after cleanup');
                     } catch (retryError) {
-                        console.error('❌ Even minimal backup failed:', retryError);
+                        console.error('? Even minimal backup failed:', retryError);
                     }
                 }
             } else {
-                console.warn('⚠️ BackupManager not available');
+                console.warn('?? BackupManager not available');
             }
         }
 
@@ -1541,15 +1542,15 @@
                 createBackupBtn.addEventListener('click', async () => {
                     try {
                         createBackupBtn.disabled = true;
-                        createBackupBtn.textContent = '📦 Creating...';
+                        createBackupBtn.textContent = '?? Creating...';
                         
                         const backupKey = window.backupManager.createBackup(false);
-                        alert(`✅ Backup created successfully!\n\nBackup ID: ${backupKey}\n\nThis backup contains all your settings, linked directories, custom content, and player data.`);
+                        alert(`? Backup created successfully!\n\nBackup ID: ${backupKey}\n\nThis backup contains all your settings, linked directories, custom content, and player data.`);
                     } catch (error) {
-                        alert(`❌ Backup creation failed:\n${error.message}`);
+                        alert(`? Backup creation failed:\n${error.message}`);
                     } finally {
                         createBackupBtn.disabled = false;
-                        createBackupBtn.textContent = '📦 Create Backup';
+                        createBackupBtn.textContent = '?? Create Backup';
                     }
                 });
             }
@@ -1597,14 +1598,14 @@
 
             let html = `
                 <div class="backup-dialog">
-                    <h3>🔄 Restore Backup</h3>
+                    <h3>?? Restore Backup</h3>
                     <p>Select a backup to restore. This will replace all current data!</p>
                     <div class="backup-list">
             `;
 
             backups.forEach(backup => {
                 const date = new Date(backup.timestamp).toLocaleString();
-                const type = backup.isAutomatic ? '🤖 Auto' : '👤 Manual';
+                const type = backup.isAutomatic ? '?? Auto' : '?? Manual';
                 const size = window.backupManager.formatBytes(backup.size);
                 
                 html += `
@@ -1613,7 +1614,7 @@
                             <strong>${type}</strong> - ${date}
                         </div>
                         <div class="backup-details">
-                            ${backup.totalItems} items • ${size}
+                            ${backup.totalItems} items � ${size}
                         </div>
                         <button onclick="restoreSpecificBackup('${backup.key}', '${date}')" class="btn btn-warning btn-small">
                             Restore This Backup
@@ -1641,14 +1642,14 @@
 
             let html = `
                 <div class="backup-dialog">
-                    <h3>📁 Export Backup</h3>
+                    <h3>?? Export Backup</h3>
                     <p>Select a backup to export to file:</p>
                     <div class="backup-list">
             `;
 
             backups.forEach(backup => {
                 const date = new Date(backup.timestamp).toLocaleString();
-                const type = backup.isAutomatic ? '🤖 Auto' : '👤 Manual';
+                const type = backup.isAutomatic ? '?? Auto' : '?? Manual';
                 const size = window.backupManager.formatBytes(backup.size);
                 
                 html += `
@@ -1657,7 +1658,7 @@
                             <strong>${type}</strong> - ${date}
                         </div>
                         <div class="backup-details">
-                            ${backup.totalItems} items • ${size}
+                            ${backup.totalItems} items � ${size}
                         </div>
                         <button onclick="exportSpecificBackup('${backup.key}')" class="btn btn-info btn-small">
                             Export This Backup
@@ -1678,14 +1679,14 @@
         function showBackupImportDialog() {
             const html = `
                 <div class="backup-dialog">
-                    <h3>📂 Import Backup</h3>
+                    <h3>?? Import Backup</h3>
                     <p>Select a backup file (.json) to import:</p>
                     <div class="import-area">
                         <input type="file" id="backup-file-input" accept=".json" />
                         <button onclick="processBackupImport()" class="btn btn-success">Import Backup</button>
                     </div>
                     <div class="import-note">
-                        <small>⚠️ This will add the backup to your backup list. Use the restore function to apply it.</small>
+                        <small>?? This will add the backup to your backup list. Use the restore function to apply it.</small>
                     </div>
                     <button onclick="closeBackupDialog()" class="btn btn-secondary">Cancel</button>
                 </div>
@@ -1699,7 +1700,7 @@
             
             let html = `
                 <div class="backup-info-dialog">
-                    <h3>🛡️ Backup System Status</h3>
+                    <h3>??? Backup System Status</h3>
                     <div class="backup-stats">
                         <div class="stat-row">
                             <span>Total Backups:</span>
@@ -1727,14 +1728,14 @@
                         </div>
                     </div>
                     <div class="backup-features">
-                        <h4>🔧 Features</h4>
+                        <h4>?? Features</h4>
                         <ul>
-                            <li>✅ Automatic backups every 30 minutes</li>
-                            <li>✅ Manual backup creation</li>
-                            <li>✅ Selective restore options</li>
-                            <li>✅ Export backups to files</li>
-                            <li>✅ Import backups from files</li>
-                            <li>✅ Emergency backup before risky operations</li>
+                            <li>? Automatic backups every 30 minutes</li>
+                            <li>? Manual backup creation</li>
+                            <li>? Selective restore options</li>
+                            <li>? Export backups to files</li>
+                            <li>? Import backups from files</li>
+                            <li>? Emergency backup before risky operations</li>
                         </ul>
                     </div>
                     <button onclick="closeBackupDialog()" class="btn btn-primary">Close</button>
@@ -1745,16 +1746,16 @@
         }
 
         window.restoreSpecificBackup = async function(backupKey, date) {
-            if (!confirm(`⚠️ This will replace ALL current data with the backup from:\n\n${date}\n\nAre you sure you want to continue?\n\nCurrent data will be backed up first as a safety measure.`)) {
+            if (!confirm(`?? This will replace ALL current data with the backup from:\n\n${date}\n\nAre you sure you want to continue?\n\nCurrent data will be backed up first as a safety measure.`)) {
                 return;
             }
 
             try {
                 const result = window.backupManager.restoreBackup(backupKey);
                 closeBackupDialog();
-                alert(`✅ Backup restored successfully!\n\n${result.restoredItems} items restored from ${result.backupTimestamp}\n\nSafety backup created: ${result.restorePointKey}\n\nPlease restart the application to fully apply changes.`);
+                alert(`? Backup restored successfully!\n\n${result.restoredItems} items restored from ${result.backupTimestamp}\n\nSafety backup created: ${result.restorePointKey}\n\nPlease restart the application to fully apply changes.`);
             } catch (error) {
-                alert(`❌ Backup restore failed:\n${error.message}`);
+                alert(`? Backup restore failed:\n${error.message}`);
             }
         };
 
@@ -1762,9 +1763,9 @@
             try {
                 const result = await window.backupManager.exportBackup(backupKey);
                 closeBackupDialog();
-                alert(`✅ Backup exported successfully!\n\nFile: ${result.filename}\n\nYou can now store this file safely and import it later if needed.`);
+                alert(`? Backup exported successfully!\n\nFile: ${result.filename}\n\nYou can now store this file safely and import it later if needed.`);
             } catch (error) {
-                alert(`❌ Backup export failed:\n${error.message}`);
+                alert(`? Backup export failed:\n${error.message}`);
             }
         };
 
@@ -1780,9 +1781,9 @@
             try {
                 const result = await window.backupManager.importBackup(file);
                 closeBackupDialog();
-                alert(`✅ Backup imported successfully!\n\nBackup from: ${result.timestamp}\nItems: ${result.totalItems}\n\nThe backup is now available in the restore list.`);
+                alert(`? Backup imported successfully!\n\nBackup from: ${result.timestamp}\nItems: ${result.totalItems}\n\nThe backup is now available in the restore list.`);
             } catch (error) {
-                alert(`❌ Backup import failed:\n${error.message}`);
+                alert(`? Backup import failed:\n${error.message}`);
             }
         };
 
@@ -1869,7 +1870,7 @@
             const guideBackdrop = document.getElementById('game-guide-backdrop');
             const guideClose = document.getElementById('game-guide-close');
             
-            console.log('📋 Initializing game guide...', {
+            console.log('?? Initializing game guide...', {
                 guideBtn: !!guideBtn,
                 guidePanel: !!guidePanel,
                 guideBackdrop: !!guideBackdrop,
@@ -1884,9 +1885,9 @@
                 guideBtn.addEventListener('click', (e) => {
                     e.preventDefault();
                     e.stopPropagation();
-                    console.log('📋 Game guide button clicked!');
+                    console.log('?? Game guide button clicked!');
                     const isVisible = guidePanel.classList.contains('popup-visible');
-                    console.log('📋 Current visibility:', isVisible);
+                    console.log('?? Current visibility:', isVisible);
                     
                     if (isVisible) {
                         guidePanel.classList.remove('popup-visible');
@@ -1904,14 +1905,14 @@
                         document.body.style.overflow = 'hidden';
                     }
                     
-                    console.log('📋 After toggle - visible:', guidePanel.classList.contains('popup-visible'));
+                    console.log('?? After toggle - visible:', guidePanel.classList.contains('popup-visible'));
                 });
                 
                 // Close on backdrop click
                 guideBackdrop.addEventListener('click', (e) => {
                     e.preventDefault();
                     e.stopPropagation();
-                    console.log('📋 Backdrop clicked');
+                    console.log('?? Backdrop clicked');
                     guidePanel.classList.remove('popup-visible');
                     guideBackdrop.classList.remove('popup-visible');
                     // Force clear inline styles
@@ -1925,7 +1926,7 @@
                     guideClose.addEventListener('click', (e) => {
                         e.preventDefault();
                         e.stopPropagation();
-                        console.log('📋 Close button clicked');
+                        console.log('?? Close button clicked');
                         guidePanel.classList.remove('popup-visible');
                         guideBackdrop.classList.remove('popup-visible');
                         // Force clear inline styles
@@ -1935,9 +1936,9 @@
                     });
                 }
                 
-                console.log('✅ Game guide initialized successfully');
+                console.log('? Game guide initialized successfully');
             } else {
-                console.error('❌ Game guide initialization failed - missing elements');
+                console.error('? Game guide initialization failed - missing elements');
             }
         }
 
@@ -1948,7 +1949,7 @@
             const optionsBackdrop = document.getElementById('options-backdrop');
             const optionsClose = document.getElementById('options-close');
             
-            console.log('🔧 Initializing options menu...', {
+            console.log('?? Initializing options menu...', {
                 optionsBtn: !!optionsBtn,
                 optionsMenu: !!optionsMenu,
                 optionsBackdrop: !!optionsBackdrop,
@@ -1956,20 +1957,20 @@
             });
             
             if (!optionsBtn) {
-                console.error('❌ Options button not found!');
+                console.error('? Options button not found!');
                 return;
             }
             if (!optionsMenu) {
-                console.error('❌ Options menu not found!');
+                console.error('? Options menu not found!');
                 return;
             }
             if (!optionsBackdrop) {
-                console.error('❌ Options backdrop not found!');
+                console.error('? Options backdrop not found!');
                 return;
             }
             
             if (optionsBtn && optionsMenu && optionsBackdrop) {
-                console.log('✅ Adding click listener to options button');
+                console.log('? Adding click listener to options button');
                 
                 // Ensure both start hidden using classList
                 optionsMenu.classList.remove('popup-visible');
@@ -1978,7 +1979,7 @@
                 optionsBtn.addEventListener('click', (e) => {
                     e.preventDefault();
                     e.stopPropagation();
-                    console.log('🔧 Options button clicked!');
+                    console.log('?? Options button clicked!');
                     
                     const isVisible = optionsMenu.classList.contains('popup-visible');
                     console.log('Current visibility:', isVisible);
@@ -1995,20 +1996,20 @@
                     
                     console.log('After toggle - visible:', optionsMenu.classList.contains('popup-visible'));
                 });
-                console.log('✅ Options button click listener attached');
+                console.log('? Options button click listener attached');
                 
                 // Close on backdrop click
                 optionsBackdrop.addEventListener('click', (e) => {
                     e.preventDefault();
                     e.stopPropagation();
-                    console.log('🔧 Options backdrop clicked - closing popup');
+                    console.log('?? Options backdrop clicked - closing popup');
                     optionsMenu.classList.remove('popup-visible');
                     optionsBackdrop.classList.remove('popup-visible');
                     // Force clear inline styles
                     optionsMenu.style.display = '';
                     optionsBackdrop.style.display = '';
                     document.body.style.overflow = '';
-                    console.log('🔧 Options closed via backdrop');
+                    console.log('?? Options closed via backdrop');
                 });
                 
                 // Close on X button click
@@ -2016,31 +2017,31 @@
                     optionsClose.addEventListener('click', (e) => {
                         e.preventDefault();
                         e.stopPropagation();
-                        console.log('🔧 Options close button clicked');
-                        console.log('🔧 Before remove - classes:', optionsMenu.className);
-                        console.log('🔧 Before remove - inline style:', optionsMenu.style.display);
+                        console.log('?? Options close button clicked');
+                        console.log('?? Before remove - classes:', optionsMenu.className);
+                        console.log('?? Before remove - inline style:', optionsMenu.style.display);
                         optionsMenu.classList.remove('popup-visible');
                         optionsBackdrop.classList.remove('popup-visible');
                         // Force clear inline styles
                         optionsMenu.style.display = '';
                         optionsBackdrop.style.display = '';
                         document.body.style.overflow = '';
-                        console.log('🔧 After remove - classes:', optionsMenu.className);
-                        console.log('🔧 After remove - inline style:', optionsMenu.style.display);
-                        console.log('🔧 Menu has popup-visible?', optionsMenu.classList.contains('popup-visible'));
-                        console.log('🔧 Options closed via button');
+                        console.log('?? After remove - classes:', optionsMenu.className);
+                        console.log('?? After remove - inline style:', optionsMenu.style.display);
+                        console.log('?? Menu has popup-visible?', optionsMenu.classList.contains('popup-visible'));
+                        console.log('?? Options closed via button');
                     });
                 }
                 
-                console.log('✅ Options menu initialized successfully');
+                console.log('? Options menu initialized successfully');
             } else {
-                console.error('❌ Options menu initialization failed - missing elements');
+                console.error('? Options menu initialization failed - missing elements');
             }
         }
 
         // Initialize application when page loads
         window.addEventListener('DOMContentLoaded', () => {
-            console.log('🚀 DOM Content Loaded - Initializing UI components...');
+            console.log('?? DOM Content Loaded - Initializing UI components...');
             
             // Initialize options menu early
             initializeOptionsMenu();
@@ -2094,7 +2095,7 @@
             if (window.VideoPlayerManager && !videoPlayerManager) {
                 videoPlayerManager = new VideoPlayerManager();
                 window.videoPlayerManager = videoPlayerManager; // Expose globally
-                console.log('✅ Video player initialized');
+                console.log('? Video player initialized');
             }
         }
 
@@ -2145,7 +2146,7 @@
             const usagePercent = Math.round((currentStorageSize / storageLimit) * 100);
             
             const storageWarning = currentStorageSize > storageLimit * 0.8 ? 
-                '\n⚠️ Warning: Storage nearly full!' : '';
+                '\n?? Warning: Storage nearly full!' : '';
             
             alert(`Video Storage Info:\n\n${details}\n\nTotal: ${totalVideos} videos (${formatFileSize(totalSize)})${invalidCount > 0 ? `\nInvalid entries: ${invalidCount}` : ''}\n\nLocalStorage Usage: ${formatFileSize(currentStorageSize)} / ~${formatFileSize(storageLimit)} (${usagePercent}%)${storageWarning}\n\nTip: Use videos under 10MB for best performance.`);
         }
@@ -2169,7 +2170,7 @@
             
             if (totalCleaned > 0) {
                 if (window.game && window.game.showNotification) {
-                    window.game.showNotification(`🧹 Cleaned up ${totalCleaned} invalid video entries`, 'success');
+                    window.game.showNotification(`?? Cleaned up ${totalCleaned} invalid video entries`, 'success');
                 }
                 // Refresh current gallery
                 const activeTab = document.querySelector('.video-tabs .tab-btn.active');
@@ -2198,7 +2199,7 @@
             });
             
             if (window.game && window.game.showNotification) {
-                window.game.showNotification(`🗑️ Cleared ${totalCleared} videos and freed up storage space`, 'success');
+                window.game.showNotification(`??? Cleared ${totalCleared} videos and freed up storage space`, 'success');
             }
             
             // Refresh current gallery
@@ -2301,7 +2302,7 @@
             const clearAllBtn = document.getElementById('clear-all-videos-btn');
             if (clearAllBtn) {
                 clearAllBtn.addEventListener('click', () => {
-                    if (confirm('⚠️ Delete ALL videos from ALL categories? This cannot be undone!')) {
+                    if (confirm('?? Delete ALL videos from ALL categories? This cannot be undone!')) {
                         clearAllVideos();
                     }
                 });
@@ -2312,7 +2313,7 @@
 
             // Initialize the unified video system
             if (window.electronAPI && window.desktopFileManager) {
-                console.log('🔍 Initializing unified video library...');
+                console.log('?? Initializing unified video library...');
                 
                 // The file manager will automatically load linked directories
                 // No need to scan old category directories anymore
@@ -2349,9 +2350,9 @@
             });
             
             if (totalCleaned > 0) {
-                console.log(`🧹 Cleaned up ${totalCleaned} invalid blob URL videos from localStorage`);
+                console.log(`?? Cleaned up ${totalCleaned} invalid blob URL videos from localStorage`);
                 if (window.game && window.game.showNotification) {
-                    window.game.showNotification(`🧹 Cleaned up ${totalCleaned} invalid video entries`, 'info');
+                    window.game.showNotification(`?? Cleaned up ${totalCleaned} invalid video entries`, 'info');
                 }
             }
         }
@@ -2374,7 +2375,7 @@
                         console.log('Current video count:', window.desktopFileManager.getAllVideos().length);
                         
                         if (window.game && window.game.showNotification) {
-                            window.game.showNotification(`✅ Added directory: ${result.directory.name} (${result.videoCount} videos)`, 'success');
+                            window.game.showNotification(`? Added directory: ${result.directory.name} (${result.videoCount} videos)`, 'success');
                         }
                     } else {
                         console.log('Directory addition returned null/failed');
@@ -2382,12 +2383,12 @@
                 }).catch(error => {
                     console.error('Directory addition failed:', error);
                     if (window.game && window.game.showNotification) {
-                        window.game.showNotification('❌ Failed to add directory', 'error');
+                        window.game.showNotification('? Failed to add directory', 'error');
                     }
                 });
             } else {
                 if (window.game && window.game.showNotification) {
-                    window.game.showNotification('⚠️ Directory management only available in desktop version', 'warning');
+                    window.game.showNotification('?? Directory management only available in desktop version', 'warning');
                 }
             }
         }
@@ -2403,7 +2404,7 @@
                 }).catch(error => {
                     console.error('Directory refresh failed:', error);
                     if (window.game && window.game.showNotification) {
-                        window.game.showNotification('❌ Failed to refresh directories', 'error');
+                        window.game.showNotification('? Failed to refresh directories', 'error');
                     }
                 });
             }
@@ -2427,12 +2428,12 @@
                         // Video gallery loading moved to lib-video-gallery system
                         
                         if (window.game && window.game.showNotification) {
-                            window.game.showNotification('�️ All directories unlinked', 'success');
+                            window.game.showNotification('?? All directories unlinked', 'success');
                         }
                     }).catch(error => {
                         console.error('Failed to clear directories:', error);
                         if (window.game && window.game.showNotification) {
-                            window.game.showNotification('❌ Failed to clear directories', 'error');
+                            window.game.showNotification('? Failed to clear directories', 'error');
                         }
                     });
             }
@@ -2511,10 +2512,10 @@
                         <div class="video-details">
                             <div class="video-title" title="${video.title}">${video.title}</div>
                             <div class="video-meta">
-                                <small style="color: var(--text-dim);">📁 ${video.directoryName || 'Unknown'}</small>
-                                ${video.size ? `<small style="color: var(--text-dim);"> • ${formatFileSize(video.size)}</small>` : ''}
+                                <small style="color: var(--text-dim);">?? ${video.directoryName || 'Unknown'}</small>
+                                ${video.size ? `<small style="color: var(--text-dim);"> � ${formatFileSize(video.size)}</small>` : ''}
                             </div>
-                            <button class="btn btn-small" onclick="previewVideo('${video.url}', '${video.title}')" style="margin-top: 8px;">▶️ Preview</button>
+                            <button class="btn btn-small" onclick="previewVideo('${video.url}', '${video.title}')" style="margin-top: 8px;">?? Preview</button>
                         </div>
                     </div>
                 </div>
@@ -2526,7 +2527,7 @@
                 <div class="video-item" data-video-index="${index}" data-video-name="${video.name}" data-video-url="${video.url}">
                     <div class="video-thumbnail lazy-thumbnail" data-video-url="${video.url}" data-video-type="${video.type || 'video/mp4'}">
                         <div class="thumbnail-placeholder" style="width: 100%; height: 100%; background: var(--bg-tertiary); display: flex; align-items: center; justify-content: center; color: var(--text-dim);">
-                            <span>🎬</span>
+                            <span>??</span>
                         </div>
                     </div>
                     <div class="video-info">
@@ -2534,10 +2535,10 @@
                         <div class="video-details">
                             <div class="video-title" title="${video.title}">${video.title}</div>
                             <div class="video-meta">
-                                <small style="color: var(--text-dim);">📁 ${video.directoryName || 'Unknown'}</small>
-                                ${video.size ? `<small style="color: var(--text-dim);"> • ${formatFileSize(video.size)}</small>` : ''}
+                                <small style="color: var(--text-dim);">?? ${video.directoryName || 'Unknown'}</small>
+                                ${video.size ? `<small style="color: var(--text-dim);"> � ${formatFileSize(video.size)}</small>` : ''}
                             </div>
-                            <button class="btn btn-small" onclick="previewVideo('${video.url}', '${video.title}')" style="margin-top: 8px;background: var(--color-primary) !important;color: #ffffff !important;border: 1px solid var(--color-primary) !important;">▶️ Preview</button>
+                            <button class="btn btn-small" onclick="previewVideo('${video.url}', '${video.title}')" style="margin-top: 8px;background: var(--color-primary) !important;color: #ffffff !important;border: 1px solid var(--color-primary) !important;">?? Preview</button>
                         </div>
                     </div>
                 </div>
@@ -2606,12 +2607,12 @@
                 window.desktopFileManager.selectAndImportVideos(category).then((importedVideos) => {
                     // [REMOVED] loadVideoGalleryContent call - part of unified video gallery cleanup
                     if (window.game && window.game.showNotification && importedVideos.length > 0) {
-                        window.game.showNotification(`✅ ${importedVideos.length} ${category} videos imported successfully!`, 'success');
+                        window.game.showNotification(`? ${importedVideos.length} ${category} videos imported successfully!`, 'success');
                     }
                 }).catch(error => {
                     console.error('Video import failed:', error);
                     if (window.game && window.game.showNotification) {
-                        window.game.showNotification('❌ Video import failed', 'error');
+                        window.game.showNotification('? Video import failed', 'error');
                     }
                 });
             } else {
@@ -2642,9 +2643,9 @@
                             // Check file size (limit to 50MB for localStorage compatibility)
                             const maxSize = 50 * 1024 * 1024; // 50MB (will become ~67MB as base64)
                             if (file.size > maxSize) {
-                                console.warn(`⚠️ Skipping ${file.name}: File too large (${formatFileSize(file.size)}). Maximum size: 50MB`);
+                                console.warn(`?? Skipping ${file.name}: File too large (${formatFileSize(file.size)}). Maximum size: 50MB`);
                                 if (window.game && window.game.showNotification) {
-                                    window.game.showNotification(`⚠️ ${file.name} is too large (max 50MB)`, 'warning');
+                                    window.game.showNotification(`?? ${file.name} is too large (max 50MB)`, 'warning');
                                 }
                                 continue;
                             }
@@ -2655,9 +2656,9 @@
                             const storageLimit = 5 * 1024 * 1024; // Conservative 5MB limit
                             
                             if (currentStorageSize + estimatedVideoSize > storageLimit) {
-                                console.warn(`⚠️ Skipping ${file.name}: Would exceed storage quota. Current: ${formatFileSize(currentStorageSize)}, Video: ${formatFileSize(estimatedVideoSize)}`);
+                                console.warn(`?? Skipping ${file.name}: Would exceed storage quota. Current: ${formatFileSize(currentStorageSize)}, Video: ${formatFileSize(estimatedVideoSize)}`);
                                 if (window.game && window.game.showNotification) {
-                                    window.game.showNotification(`⚠️ Storage quota exceeded. Try smaller videos or clear some data.`, 'error');
+                                    window.game.showNotification(`?? Storage quota exceeded. Try smaller videos or clear some data.`, 'error');
                                 }
                                 continue;
                             }
@@ -2679,9 +2680,9 @@
                             videoList.push(videoData);
                             processedCount++;
                             
-                            console.log(`✅ Processed ${category} video: ${file.name}`);
+                            console.log(`? Processed ${category} video: ${file.name}`);
                         } catch (error) {
-                            console.error(`❌ Failed to process video ${file.name}:`, error);
+                            console.error(`? Failed to process video ${file.name}:`, error);
                         }
                     }
                     
@@ -2698,18 +2699,18 @@
                             // [REMOVED] loadVideoGalleryContent call - part of unified video gallery cleanup
                             
                             if (window.game && window.game.showNotification) {
-                                window.game.showNotification(`✅ ${processedCount} ${category} videos uploaded successfully!`, 'success');
+                                window.game.showNotification(`? ${processedCount} ${category} videos uploaded successfully!`, 'success');
                             }
                         } catch (error) {
                             if (error.name === 'QuotaExceededError') {
-                                console.error('❌ LocalStorage quota exceeded:', error);
+                                console.error('? LocalStorage quota exceeded:', error);
                                 if (window.game && window.game.showNotification) {
-                                    window.game.showNotification('❌ Storage quota exceeded. Try smaller videos or clear browser data.', 'error');
+                                    window.game.showNotification('? Storage quota exceeded. Try smaller videos or clear browser data.', 'error');
                                 }
                             } else {
-                                console.error('❌ Failed to save videos:', error);
+                                console.error('? Failed to save videos:', error);
                                 if (window.game && window.game.showNotification) {
-                                    window.game.showNotification('❌ Failed to save videos', 'error');
+                                    window.game.showNotification('? Failed to save videos', 'error');
                                 }
                             }
                         }
@@ -2734,18 +2735,18 @@
             return new Promise((resolve, reject) => {
                 const reader = new FileReader();
                 reader.onload = (e) => {
-                    console.log(`✅ Converted ${file.name} to data URL`);
+                    console.log(`? Converted ${file.name} to data URL`);
                     resolve(e.target.result);
                 };
                 reader.onerror = (e) => {
-                    console.error(`❌ Failed to read ${file.name}:`, e);
+                    console.error(`? Failed to read ${file.name}:`, e);
                     reject(e);
                 };
                 reader.onprogress = (e) => {
                     if (e.lengthComputable) {
                         const progress = Math.round((e.loaded / e.total) * 100);
                         if (progress % 25 === 0) { // Log every 25%
-                            console.log(`📖 Reading ${file.name}: ${progress}%`);
+                            console.log(`?? Reading ${file.name}: ${progress}%`);
                         }
                     }
                 };
@@ -2767,7 +2768,7 @@
                 // Reset loop state for new video
                 previewPlayer.loop = false;
                 if (toggleLoopBtn) {
-                    toggleLoopBtn.textContent = '🔁 Loop';
+                    toggleLoopBtn.textContent = '?? Loop';
                     toggleLoopBtn.classList.remove('btn-active');
                 }
                 
@@ -2782,7 +2783,7 @@
                     console.warn('Autoplay failed:', error);
                 });
                 
-                console.log(`🎬 Previewing video: ${videoName}`);
+                console.log(`?? Previewing video: ${videoName}`);
             }
         }
         
@@ -2795,7 +2796,7 @@
         function refreshVideoLibrary() {
             if (window.electronAPI && window.desktopFileManager) {
                 if (window.game && window.game.showNotification) {
-                    window.game.showNotification('🔄 Refreshing video library...', 'info');
+                    window.game.showNotification('?? Refreshing video library...', 'info');
                 }
                 
                 // Use the new unified system - refresh all linked directories
@@ -2807,12 +2808,12 @@
                     
                     if (window.game && window.game.showNotification) {
                         const videoCount = window.desktopFileManager.getAllVideos().length;
-                        window.game.showNotification(`✅ Video library refreshed! Found ${videoCount} videos`, 'success');
+                        window.game.showNotification(`? Video library refreshed! Found ${videoCount} videos`, 'success');
                     }
                 }).catch(error => {
                     console.error('Error refreshing video library:', error);
                     if (window.game && window.game.showNotification) {
-                        window.game.showNotification('❌ Failed to refresh video library', 'error');
+                        window.game.showNotification('? Failed to refresh video library', 'error');
                     }
                 });
             } else {
@@ -2833,7 +2834,7 @@
                 previewPlayer.src = '';
                 
                 previewSection.style.display = 'none';
-                console.log('🔇 Video preview closed');
+                console.log('?? Video preview closed');
             }
         }
 
@@ -2847,13 +2848,13 @@
                 
                 // Update button appearance and text
                 if (previewPlayer.loop) {
-                    toggleLoopBtn.textContent = '🔁 Loop ON';
+                    toggleLoopBtn.textContent = '?? Loop ON';
                     toggleLoopBtn.classList.add('btn-active');
-                    console.log('🔁 Video loop enabled');
+                    console.log('?? Video loop enabled');
                 } else {
-                    toggleLoopBtn.textContent = '🔁 Loop';
+                    toggleLoopBtn.textContent = '?? Loop';
                     toggleLoopBtn.classList.remove('btn-active');
-                    console.log('🔁 Video loop disabled');
+                    console.log('?? Video loop disabled');
                 }
             }
         }
@@ -2871,7 +2872,7 @@
                     });
                     
                     if (window.game && window.game.showNotification) {
-                        window.game.showNotification('🎬 Overlay video player opened!', 'success');
+                        window.game.showNotification('?? Overlay video player opened!', 'success');
                     }
                 } catch (error) {
                     console.error('Error showing overlay video player:', error);
@@ -3024,7 +3025,7 @@
             if (progressCurrentEl) progressCurrentEl.textContent = levelInfo.currentLevelXP;
             if (progressNextEl) progressNextEl.textContent = levelInfo.xpNeededForNext;
             
-            console.log(`📊 Level Display Updated: ${levelInfo.name} (Level ${levelInfo.level}) - ${levelInfo.totalXP} XP`);
+            console.log(`?? Level Display Updated: ${levelInfo.name} (Level ${levelInfo.level}) - ${levelInfo.totalXP} XP`);
         }
 
         // Update level display when page loads and periodically
@@ -3040,14 +3041,14 @@
                 
                 // Update when page gains focus (returning from other pages)
                 window.addEventListener('focus', () => {
-                    console.log('📊 Page gained focus, refreshing XP display');
+                    console.log('?? Page gained focus, refreshing XP display');
                     setTimeout(updateLevelDisplay, 500); // Small delay to ensure any stats updates are saved
                 });
                 
                 // Update when page becomes visible (tab switching)
                 document.addEventListener('visibilitychange', () => {
                     if (!document.hidden) {
-                        console.log('📊 Page became visible, refreshing XP display');
+                        console.log('?? Page became visible, refreshing XP display');
                         setTimeout(updateLevelDisplay, 500);
                     }
                 });
@@ -3063,7 +3064,7 @@
             playTimeout: null,
             
             async initialize() {
-                console.log('🎬 Initializing Video Billboard...');
+                console.log('?? Initializing Video Billboard...');
                 
                 // Try to load videos directly using the same method as Quick Play
                 await this.loadVideosDirectly();
@@ -3074,11 +3075,11 @@
                 }
                 
                 if (this.videos.length === 0) {
-                    console.warn('⚠️ No videos available for billboard');
+                    console.warn('?? No videos available for billboard');
                     return;
                 }
                 
-                console.log(`🎬 Billboard loaded ${this.videos.length} videos`);
+                console.log(`?? Billboard loaded ${this.videos.length} videos`);
                 this.setupVideoElement();
                 this.setupControls();
                 this.startVideoRotation();
@@ -3087,7 +3088,7 @@
             async loadVideosDirectly() {
                 try {
                     // Use the same video loading logic as Quick Play
-                    console.log('🎬 Loading videos using Quick Play method...');
+                    console.log('?? Loading videos using Quick Play method...');
                     
                     // Get linked directories from localStorage (same as Quick Play)
                     let linkedDirs;
@@ -3112,7 +3113,7 @@
                         linkedIndividualVideos = [];
                     }
                     
-                    console.log(`🎬 Found ${linkedDirs.length} linked directories, ${linkedIndividualVideos.length} individual videos`);
+                    console.log(`?? Found ${linkedDirs.length} linked directories, ${linkedIndividualVideos.length} individual videos`);
                     
                     // Load videos from linked directories using Electron API (same as Quick Play)
                     if (window.electronAPI && linkedDirs.length > 0) {
@@ -3120,7 +3121,7 @@
                         
                         for (const dir of linkedDirs) {
                             try {
-                                console.log(`🎬 Scanning directory: ${dir.path}`);
+                                console.log(`?? Scanning directory: ${dir.path}`);
                                 
                                 // Use video-specific directory reading for better results
                                 let files = [];
@@ -3134,7 +3135,7 @@
                                 }
                                 
                                 if (files && files.length > 0) {
-                                    console.log(`🎬 Found ${files.length} video files in ${dir.path}`);
+                                    console.log(`?? Found ${files.length} video files in ${dir.path}`);
                                     files.forEach(file => {
                                         this.videos.push({
                                             name: file.name,
@@ -3146,11 +3147,11 @@
                                         });
                                     });
                                 } else {
-                                    console.log(`🎬 No video files found in ${dir.path}`);
+                                    console.log(`?? No video files found in ${dir.path}`);
                                 }
                                 
                             } catch (error) {
-                                console.error(`❌ Error loading videos from directory ${dir.path}:`, error);
+                                console.error(`? Error loading videos from directory ${dir.path}:`, error);
                                 continue;
                             }
                         }
@@ -3167,40 +3168,40 @@
                         });
                     });
                     
-                    console.log(`🎬 Billboard total videos loaded: ${this.videos.length}`);
+                    console.log(`?? Billboard total videos loaded: ${this.videos.length}`);
                     
                 } catch (error) {
-                    console.error('❌ Error loading videos directly:', error);
+                    console.error('? Error loading videos directly:', error);
                 }
             },
             
             async tryFallbackVideos() {
                 // Try the same fallback methods as Quick Play
-                console.log('🎬 Trying fallback video discovery methods...');
+                console.log('?? Trying fallback video discovery methods...');
                 
                 // Try unified storage (Quick Play method)
                 const unifiedData = JSON.parse(localStorage.getItem('unifiedVideoLibrary') || '{}');
                 let allVideos = unifiedData.allVideos || [];
-                console.log(`🎬 Got ${allVideos.length} videos from unified storage`);
+                console.log(`?? Got ${allVideos.length} videos from unified storage`);
                 
                 // Try legacy storage (Quick Play method)
                 if (allVideos.length === 0) {
                     const storedVideos = JSON.parse(localStorage.getItem('videoFiles') || '{}');
                     allVideos = Object.values(storedVideos).flat();
-                    console.log(`🎬 Got ${allVideos.length} videos from legacy storage`);
+                    console.log(`?? Got ${allVideos.length} videos from legacy storage`);
                 }
                 
                 // Try VideoLibrary localStorage (Quick Play method)
                 if (allVideos.length === 0) {
                     const videoLibraryData = JSON.parse(localStorage.getItem('videoLibrary') || '[]');
                     allVideos = Array.isArray(videoLibraryData) ? videoLibraryData : [];
-                    console.log(`🎬 Got ${allVideos.length} videos from VideoLibrary localStorage`);
+                    console.log(`?? Got ${allVideos.length} videos from VideoLibrary localStorage`);
                 }
                 
                 // Try to access the global VideoLibrary if available
                 if (allVideos.length === 0 && window.VideoLibrary && window.VideoLibrary.videos) {
                     allVideos = window.VideoLibrary.videos;
-                    console.log(`🎬 Got ${allVideos.length} videos from global VideoLibrary.videos`);
+                    console.log(`?? Got ${allVideos.length} videos from global VideoLibrary.videos`);
                 }
                 
                 // Try desktop file manager
@@ -3208,20 +3209,20 @@
                     try {
                         if (typeof window.desktopFileManager.getAllVideos === 'function') {
                             allVideos = window.desktopFileManager.getAllVideos();
-                            console.log(`🎬 Got ${allVideos.length} videos from DesktopFileManager`);
+                            console.log(`?? Got ${allVideos.length} videos from DesktopFileManager`);
                         }
                     } catch (dmError) {
-                        console.warn('🎬 Error getting videos from DesktopFileManager:', dmError);
+                        console.warn('?? Error getting videos from DesktopFileManager:', dmError);
                     }
                 }
                 
                 if (allVideos.length > 0) {
                     this.videos = allVideos.slice(0, 50); // Limit to first 50 for performance
-                    console.log(`🎬 Loaded ${this.videos.length} videos from fallback methods`);
+                    console.log(`?? Loaded ${this.videos.length} videos from fallback methods`);
                     return;
                 }
                 
-                console.log('🎬 No video sources found, creating demo placeholder');
+                console.log('?? No video sources found, creating demo placeholder');
                 this.createDemoVideo();
             },
             
@@ -3231,7 +3232,7 @@
                     if (window.game && window.game.fileManager && window.game.fileManager.allLinkedVideos) {
                         const linkedVideos = window.game.fileManager.allLinkedVideos;
                         if (linkedVideos && linkedVideos.length > 0) {
-                            console.log(`🎬 Found ${linkedVideos.length} videos from game fileManager`);
+                            console.log(`?? Found ${linkedVideos.length} videos from game fileManager`);
                             return linkedVideos;
                         }
                     }
@@ -3240,7 +3241,7 @@
                     if (window.desktopFileManager && window.desktopFileManager.allLinkedVideos) {
                         const linkedVideos = window.desktopFileManager.allLinkedVideos;
                         if (linkedVideos && linkedVideos.length > 0) {
-                            console.log(`🎬 Found ${linkedVideos.length} videos from desktop fileManager`);
+                            console.log(`?? Found ${linkedVideos.length} videos from desktop fileManager`);
                             return linkedVideos;
                         }
                     }
@@ -3248,13 +3249,13 @@
                     // Try to check if we can find any active video data being processed
                     const libraryTab = document.querySelector('#lib-video-gallery');
                     if (libraryTab && libraryTab.children.length > 0) {
-                        console.log('🎬 Found videos in library gallery, attempting to extract data...');
+                        console.log('?? Found videos in library gallery, attempting to extract data...');
                         return this.extractVideosFromGallery();
                     }
                     
                     return null;
                 } catch (error) {
-                    console.warn('⚠️ Error accessing library system videos:', error);
+                    console.warn('?? Error accessing library system videos:', error);
                     return null;
                 }
             },
@@ -3282,7 +3283,7 @@
                     }
                 });
                 
-                console.log(`🎬 Extracted ${videos.length} videos from gallery`);
+                console.log(`?? Extracted ${videos.length} videos from gallery`);
                 return videos;
             },
             
@@ -3318,7 +3319,7 @@
                     
                     demoDiv.innerHTML = `
                         <div>
-                            <div style="font-size: 18px; margin-bottom: 10px;">🎬</div>
+                            <div style="font-size: 18px; margin-bottom: 10px;">??</div>
                             <div>CYBERPUNK BILLBOARD</div>
                             <div style="font-size: 10px; margin-top: 5px; opacity: 0.7;">Awaiting Video Library</div>
                         </div>
@@ -3339,7 +3340,7 @@
                     }
                     
                     demoContainer.appendChild(demoDiv);
-                    console.log('🎬 Created demo billboard content');
+                    console.log('?? Created demo billboard content');
                 }
             },
             
@@ -3360,19 +3361,19 @@
                 
                 // Set up event listeners for smooth playback
                 video.addEventListener('loadstart', () => {
-                    console.log('🎬 Billboard video loading started');
+                    console.log('?? Billboard video loading started');
                 });
                 
                 video.addEventListener('loadedmetadata', () => {
-                    console.log('🎬 Billboard metadata loaded');
+                    console.log('?? Billboard metadata loaded');
                 });
                 
                 video.addEventListener('canplay', () => {
-                    console.log('🎬 Billboard video ready to play');
+                    console.log('?? Billboard video ready to play');
                 });
                 
                 video.addEventListener('error', (e) => {
-                    console.error('❌ Billboard video error:', e);
+                    console.error('? Billboard video error:', e);
                     this.loadRandomVideo();
                 });
                 
@@ -3383,16 +3384,16 @@
                 
                 // Handle stalled playback
                 video.addEventListener('stalled', () => {
-                    console.warn('⚠️ Billboard video stalled, reloading...');
+                    console.warn('?? Billboard video stalled, reloading...');
                     setTimeout(() => this.loadRandomVideo(), 1000);
                 });
                 
                 // Handle waiting/buffering
                 video.addEventListener('waiting', () => {
-                    console.log('🎬 Billboard video buffering...');
+                    console.log('?? Billboard video buffering...');
                 });
                 
-                console.log('🎬 Billboard video element configured for smooth playback');
+                console.log('?? Billboard video element configured for smooth playback');
             },
             
             setupControls() {
@@ -3415,12 +3416,12 @@
                 const pauseBtn = document.getElementById('billboard-pause');
                 
                 if (muteBtn) {
-                    muteBtn.textContent = this.isMuted ? '🔇' : '🔊';
+                    muteBtn.textContent = this.isMuted ? '??' : '??';
                     muteBtn.title = this.isMuted ? 'Unmute' : 'Mute';
                 }
                 
                 if (pauseBtn) {
-                    pauseBtn.textContent = this.isPlaying ? '⏸️' : '▶️';
+                    pauseBtn.textContent = this.isPlaying ? '??' : '??';
                     pauseBtn.title = this.isPlaying ? 'Pause' : 'Play';
                 }
             },
@@ -3455,7 +3456,7 @@
                     setTimeout(() => {
                         const videoPath = selectedVideo.path || selectedVideo.filePath;
                         if (videoPath) {
-                            console.log(`🎬 Billboard loading: ${selectedVideo.name || selectedVideo.title || 'Unknown'}`);
+                            console.log(`?? Billboard loading: ${selectedVideo.name || selectedVideo.title || 'Unknown'}`);
                             
                             // Use source element for better loading (like Quick Play)
                             source.src = `file://${videoPath}`;
@@ -3501,7 +3502,7 @@
                     }, 500); // Wait for fade out
                     
                 } catch (error) {
-                    console.error('❌ Error loading billboard video:', error);
+                    console.error('? Error loading billboard video:', error);
                     // Try next video after a delay
                     setTimeout(() => this.loadRandomVideo(), 2000);
                 }
@@ -3515,7 +3516,7 @@
                 video.muted = this.isMuted;
                 this.updateControlButtons();
                 
-                console.log(`🎬 Billboard ${this.isMuted ? 'muted' : 'unmuted'}`);
+                console.log(`?? Billboard ${this.isMuted ? 'muted' : 'unmuted'}`);
             },
             
             togglePause() {
@@ -3542,16 +3543,16 @@
                 }
                 
                 this.updateControlButtons();
-                console.log(`🎬 Billboard ${this.isPlaying ? 'resumed' : 'paused'}`);
+                console.log(`?? Billboard ${this.isPlaying ? 'resumed' : 'paused'}`);
             },
             
             // Method to refresh videos when they become available
             async refreshVideos() {
-                console.log('🎬 Refreshing billboard videos...');
+                console.log('?? Refreshing billboard videos...');
                 const videos = await this.getVideosFromLibrarySystem();
                 if (videos && videos.length > 0) {
                     this.videos = videos.slice(0, 50);
-                    console.log(`🎬 Billboard refreshed with ${this.videos.length} videos`);
+                    console.log(`?? Billboard refreshed with ${this.videos.length} videos`);
                     
                     // Remove demo content if it exists
                     const demoContent = document.querySelector('.billboard-frame > div');
@@ -3587,18 +3588,18 @@
             
             const tryInitialize = async () => {
                 attempts++;
-                console.log(`🎬 Billboard initialization attempt ${attempts}/${maxAttempts}`);
+                console.log(`?? Billboard initialization attempt ${attempts}/${maxAttempts}`);
                 
                 await billboardVideoSystem.initialize();
                 
                 // If we still have no videos and haven't reached max attempts, try again
                 if (billboardVideoSystem.videos.length === 0 && attempts < maxAttempts) {
-                    console.log(`🎬 No videos found on attempt ${attempts}, retrying in 3 seconds...`);
+                    console.log(`?? No videos found on attempt ${attempts}, retrying in 3 seconds...`);
                     setTimeout(tryInitialize, 3000);
                 } else if (billboardVideoSystem.videos.length > 0) {
-                    console.log(`🎬 Billboard successfully initialized with ${billboardVideoSystem.videos.length} videos`);
+                    console.log(`?? Billboard successfully initialized with ${billboardVideoSystem.videos.length} videos`);
                 } else {
-                    console.log('🎬 Billboard initialized with demo content after all attempts');
+                    console.log('?? Billboard initialized with demo content after all attempts');
                 }
             };
             
@@ -3612,7 +3613,7 @@
                 // Initialize PlayerStats first
                 if (typeof PlayerStats !== 'undefined' && !window.playerStats) {
                     window.playerStats = new PlayerStats();
-                    console.log('📊 PlayerStats initialized on home page');
+                    console.log('?? PlayerStats initialized on home page');
                 }
                 
                 initializeVideoPlayer();
@@ -3620,7 +3621,7 @@
                 // Initialize desktop file manager if in Electron environment
                 if (window.electronAPI && typeof DesktopFileManager !== 'undefined') {
                     window.desktopFileManager = new DesktopFileManager(window.game?.dataManager);
-                    console.log('🖥️ Desktop File Manager initialized for video management');
+                    console.log('??? Desktop File Manager initialized for video management');
                     
                 // Initialize the new unified video system
                 setTimeout(() => {
@@ -3639,17 +3640,17 @@
                         originalSetItem(key, value);
                     } catch (error) {
                         if (error.name === 'QuotaExceededError') {
-                            console.error('🚨 LocalStorage quota exceeded! Performing emergency cleanup...');
+                            console.error('?? LocalStorage quota exceeded! Performing emergency cleanup...');
                             if (window.backupManager) {
                                 window.backupManager.performEmergencyCleanup();
                             }
                             // Try again after cleanup
                             try {
                                 originalSetItem(key, value);
-                                console.log('✅ Save succeeded after cleanup');
+                                console.log('? Save succeeded after cleanup');
                             } catch (retryError) {
-                                console.error('❌ Save failed even after cleanup:', retryError);
-                                alert('⚠️ Storage is full! Photo data has been cleared. Please restart the app.');
+                                console.error('? Save failed even after cleanup:', retryError);
+                                alert('?? Storage is full! Photo data has been cleared. Please restart the app.');
                             }
                         } else {
                             throw error;
@@ -3678,7 +3679,7 @@
                 if (quickPlayBtn && !quickPlayBtn.hasAttribute('data-handler-attached')) {
                     quickPlayBtn.setAttribute('data-handler-attached', 'true');
                     quickPlayBtn.addEventListener('click', () => {
-                        console.log('⚡ Opening Quick Play...');
+                        console.log('? Opening Quick Play...');
                         window.location.href = 'quick-play.html';
                     });
                 }
@@ -3688,7 +3689,7 @@
                 if (trainingAcademyBtn && !trainingAcademyBtn.hasAttribute('data-handler-attached')) {
                     trainingAcademyBtn.setAttribute('data-handler-attached', 'true');
                     trainingAcademyBtn.addEventListener('click', () => {
-                        console.log('🎓 Opening Training Academy...');
+                        console.log('?? Opening Training Academy...');
                         window.location.href = 'training-academy.html';
                     });
                 }
@@ -3698,7 +3699,7 @@
                 if (pornCinemaBtn && !pornCinemaBtn.hasAttribute('data-handler-attached')) {
                     pornCinemaBtn.setAttribute('data-handler-attached', 'true');
                     pornCinemaBtn.addEventListener('click', () => {
-                        console.log('🎬 Opening Porn Cinema...');
+                        console.log('?? Opening Porn Cinema...');
                         window.location.href = 'porn-cinema.html';
                     });
                 }
@@ -3708,7 +3709,7 @@
                 if (hypnoGalleryBtn && !hypnoGalleryBtn.hasAttribute('data-handler-attached')) {
                     hypnoGalleryBtn.setAttribute('data-handler-attached', 'true');
                     hypnoGalleryBtn.addEventListener('click', () => {
-                        console.log('🌀 Opening Hypno Gallery...');
+                        console.log('?? Opening Hypno Gallery...');
                         window.location.href = 'hypno-gallery.html';
                     });
                 }
@@ -3718,27 +3719,27 @@
                 if (userProfileBtn && !userProfileBtn.hasAttribute('data-handler-attached')) {
                     userProfileBtn.setAttribute('data-handler-attached', 'true');
                     userProfileBtn.addEventListener('click', () => {
-                        console.log('👤 Opening User Profile...');
+                        console.log('?? Opening User Profile...');
                         window.location.href = 'user-profile.html';
                     });
                 }
                 
                 // Set up library button (only once)
                 const libraryBtn = document.getElementById('library-btn');
-                console.log('🔍 Library button found:', !!libraryBtn);
+                console.log('?? Library button found:', !!libraryBtn);
                 
                 if (libraryBtn && !libraryBtn.hasAttribute('data-handler-attached')) {
-                    console.log('🔧 Attaching library button handler...');
+                    console.log('?? Attaching library button handler...');
                     libraryBtn.setAttribute('data-handler-attached', 'true');
                     libraryBtn.addEventListener('click', () => {
-                        console.log('📚 Library button clicked - navigating to library.html');
+                        console.log('?? Library button clicked - navigating to library.html');
                         window.location.href = 'library.html';
                     });
-                    console.log('✅ Library button handler attached successfully');
+                    console.log('? Library button handler attached successfully');
                 } else if (libraryBtn && libraryBtn.hasAttribute('data-handler-attached')) {
-                    console.log('⚠️ Library button handler already attached');
+                    console.log('?? Library button handler already attached');
                 } else {
-                    console.error('❌ Library button not found in DOM');
+                    console.error('? Library button not found in DOM');
                 }
 
                 // Set up back to start from library button
@@ -3762,7 +3763,7 @@
                                 window.game.dataManager.set('overallXp', 0);
                                 window.game.updateOverallXpDisplay(); // Update header display
                                 alert('Overall XP has been reset to 0!');
-                                console.log('🔄 Overall XP reset to 0 for testing');
+                                console.log('?? Overall XP reset to 0 for testing');
                             } else {
                                 alert('Game not initialized yet. Please try again after the game loads.');
                             }
@@ -3867,7 +3868,7 @@
             
             // Listen for game ready event to refresh content
             window.addEventListener('gameReady', () => {
-                console.log('🎮 Game ready event received, refreshing library content...');
+                console.log('?? Game ready event received, refreshing library content...');
                 refreshAllLibraryContent();
             });
             
@@ -3880,7 +3881,7 @@
             if (libraryBtn) {
                 libraryBtn.onclick = function(e) {
                     e.preventDefault();
-                    console.log('📚 Library button clicked - navigating to library.html');
+                    console.log('?? Library button clicked - navigating to library.html');
                     window.location.href = 'library.html';
                 };
             }
@@ -3895,13 +3896,13 @@
             
             // Wait for game to be available (max 10 retries)
             if (!window.game && retryCount < 10) {
-                console.log(`⏳ Game not ready yet, retrying in 500ms... (attempt ${retryCount + 1}/10)`);
+                console.log(`? Game not ready yet, retrying in 500ms... (attempt ${retryCount + 1}/10)`);
                 setTimeout(() => setupLibraryImagesTab(retryCount + 1), 500);
                 return;
             }
             
             if (!window.game) {
-                console.error('❌ Game not available after 10 retries, aborting image tab setup');
+                console.error('? Game not available after 10 retries, aborting image tab setup');
                 return;
             }
             
@@ -3928,7 +3929,7 @@
                 
                 // Try desktop file manager methods if available
                 if (taskImages.length === 0 && window.desktopFileManager) {
-                    console.log('📍 Trying desktop file manager...');
+                    console.log('?? Trying desktop file manager...');
                     try {
                         // Desktop file manager might have different method names
                         if (window.desktopFileManager.getTaskImages) {
@@ -3937,9 +3938,9 @@
                         if (window.desktopFileManager.getConsequenceImages) {
                             consequenceImages = window.desktopFileManager.getConsequenceImages() || [];
                         }
-                        console.log(`📍 Desktop file manager found: ${taskImages.length} task, ${consequenceImages.length} consequence images`);
+                        console.log(`?? Desktop file manager found: ${taskImages.length} task, ${consequenceImages.length} consequence images`);
                     } catch (e) {
-                        console.log('📍 Desktop file manager error:', e.message);
+                        console.log('?? Desktop file manager error:', e.message);
                     }
                 }
             }
@@ -3958,7 +3959,7 @@
                 
                 // Try accessing images through the discoverImages function
                 if (taskImages.length === 0 && window.game.discoverImages) {
-                    console.log('📍 Trying to call discoverImages function...');
+                    console.log('?? Trying to call discoverImages function...');
                     try {
                         // The discoverImages function might populate image arrays
                         const discovered = window.game.discoverImages();
@@ -3968,19 +3969,19 @@
                         if (discovered && discovered.consequenceImages) {
                             consequenceImages = discovered.consequenceImages;
                         }
-                        console.log(`📍 discoverImages function returned: ${taskImages.length} task, ${consequenceImages.length} consequence images`);
+                        console.log(`?? discoverImages function returned: ${taskImages.length} task, ${consequenceImages.length} consequence images`);
                     } catch (e) {
-                        console.log('📍 discoverImages function error:', e.message);
+                        console.log('?? discoverImages function error:', e.message);
                     }
                 }
                 
                 // Try accessing the image discovery result directly from game properties
                 if (taskImages.length === 0) {
-                    console.log('📍 Checking for image discovery results in game properties...');
+                    console.log('?? Checking for image discovery results in game properties...');
                     // Look for properties that might contain the discovered images
                     const gameProps = Object.keys(window.game);
                     const imageProps = gameProps.filter(prop => prop.toLowerCase().includes('image') || prop.toLowerCase().includes('task') || prop.toLowerCase().includes('consequence'));
-                    console.log('📍 Image-related properties:', imageProps);
+                    console.log('?? Image-related properties:', imageProps);
                     
                     // Try common property names where images might be stored
                     const possibleTaskProps = ['taskImageList', 'allTaskImages', 'loadedTaskImages', 'imageList', 'taskImageCache'];
@@ -3988,7 +3989,7 @@
                     
                     for (const prop of possibleTaskProps) {
                         if (window.game[prop] && Array.isArray(window.game[prop])) {
-                            console.log(`📍 Found task images in ${prop}:`, window.game[prop].length);
+                            console.log(`?? Found task images in ${prop}:`, window.game[prop].length);
                             taskImages = window.game[prop];
                             break;
                         }
@@ -3996,7 +3997,7 @@
                     
                     for (const prop of possibleConsProps) {
                         if (window.game[prop] && Array.isArray(window.game[prop])) {
-                            console.log(`📍 Found consequence images in ${prop}:`, window.game[prop].length);
+                            console.log(`?? Found consequence images in ${prop}:`, window.game[prop].length);
                             consequenceImages = window.game[prop];
                             break;
                         }
@@ -4007,11 +4008,11 @@
                 consequenceImages = window.game.discoveredConsequenceImages || window.game.consequenceImages || [];
             }
             
-            console.log(`📊 Found ${taskImages.length} task images, ${consequenceImages.length} consequence images`);
-            console.log('📍 Game data structure:', Object.keys(window.game));
-            console.log('📍 DataManager structure:', window.game.dataManager ? Object.keys(window.game.dataManager) : 'not available');
-            console.log('📍 FileManager structure:', window.game.fileManager ? Object.keys(window.game.fileManager) : 'not available');
-            console.log('📍 Checking specific image properties:');
+            console.log(`?? Found ${taskImages.length} task images, ${consequenceImages.length} consequence images`);
+            console.log('?? Game data structure:', Object.keys(window.game));
+            console.log('?? DataManager structure:', window.game.dataManager ? Object.keys(window.game.dataManager) : 'not available');
+            console.log('?? FileManager structure:', window.game.fileManager ? Object.keys(window.game.fileManager) : 'not available');
+            console.log('?? Checking specific image properties:');
             console.log('  - gameData:', !!window.game.gameData);
             console.log('  - dataManager.gameData:', !!(window.game.dataManager && window.game.dataManager.gameData));
             console.log('  - fileManager:', !!window.game.fileManager);
@@ -4022,30 +4023,30 @@
             
             // Detailed debugging of available image data
             if (window.game.dataManager && window.game.dataManager.gameData) {
-                console.log('📍 DataManager gameData keys:', Object.keys(window.game.dataManager.gameData));
-                console.log('📍 DataManager task images:', window.game.dataManager.gameData.taskImages?.length || 0);
-                console.log('📍 DataManager consequence images:', window.game.dataManager.gameData.consequenceImages?.length || 0);
+                console.log('?? DataManager gameData keys:', Object.keys(window.game.dataManager.gameData));
+                console.log('?? DataManager task images:', window.game.dataManager.gameData.taskImages?.length || 0);
+                console.log('?? DataManager consequence images:', window.game.dataManager.gameData.consequenceImages?.length || 0);
             }
             
             if (window.game.fileManager) {
-                console.log('📍 FileManager properties:', Object.keys(window.game.fileManager));
+                console.log('?? FileManager properties:', Object.keys(window.game.fileManager));
                 if (window.game.fileManager.imageDirectories) {
-                    console.log('📍 FileManager image directories:', window.game.fileManager.imageDirectories);
+                    console.log('?? FileManager image directories:', window.game.fileManager.imageDirectories);
                 
                 // Debug available methods
-                console.log('📍 Available electronAPI methods:', window.electronAPI ? Object.keys(window.electronAPI) : 'electronAPI not available');
-                console.log('📍 Available desktopFileManager methods:', window.desktopFileManager ? Object.keys(window.desktopFileManager) : 'desktopFileManager not available');
-                console.log('📍 Available fileManager methods:', Object.keys(window.game.fileManager));
+                console.log('?? Available electronAPI methods:', window.electronAPI ? Object.keys(window.electronAPI) : 'electronAPI not available');
+                console.log('?? Available desktopFileManager methods:', window.desktopFileManager ? Object.keys(window.desktopFileManager) : 'desktopFileManager not available');
+                console.log('?? Available fileManager methods:', Object.keys(window.game.fileManager));
                     
                     // Try to directly scan the directories if possible
                     if (taskImages.length === 0) {
-                        console.log('📍 Attempting direct directory scan...');
+                        console.log('?? Attempting direct directory scan...');
                         try {
                             const taskDir = window.game.fileManager.imageDirectories.tasks;
                             const consDir = window.game.fileManager.imageDirectories.consequences;
                             
-                            console.log('📍 Task directory:', taskDir);
-                            console.log('📍 Consequence directory:', consDir);
+                            console.log('?? Task directory:', taskDir);
+                            console.log('?? Consequence directory:', consDir);
                             
                             // Try different methods to scan directories
                             if (taskDir) {
@@ -4053,19 +4054,19 @@
                                 if (window.electronAPI && window.electronAPI.readDirectory) {
                                     try {
                                         const taskFilesPromise = window.electronAPI.readDirectory(taskDir);
-                                        console.log('📍 Raw task files from readDirectory:', taskFilesPromise);
+                                        console.log('?? Raw task files from readDirectory:', taskFilesPromise);
                                         
                                         // Handle async result
                                         if (taskFilesPromise && typeof taskFilesPromise.then === 'function') {
                                             const taskFiles = await taskFilesPromise;
-                                            console.log('📍 Resolved task files:', taskFiles);
+                                            console.log('?? Resolved task files:', taskFiles);
                                             if (taskFiles && taskFiles.length > 0) {
                                                 // Filter for image files - check if it's an object with name property or just a string
                                                 const imageFiles = taskFiles.filter(file => {
                                                     const fileName = typeof file === 'object' ? file.name : file;
                                                     return /\.(jpg|jpeg|png|gif|webp|bmp)$/i.test(fileName);
                                                 });
-                                                console.log('📍 Filtered task image files:', imageFiles);
+                                                console.log('?? Filtered task image files:', imageFiles);
                                                 if (imageFiles.length > 0) {
                                                     taskImages = imageFiles.map(file => {
                                                         if (typeof file === 'object' && file.name && file.path) {
@@ -4080,7 +4081,7 @@
                                                             };
                                                         }
                                                     });
-                                                    console.log(`📍 ReadDirectory found ${taskImages.length} task images`);
+                                                    console.log(`?? ReadDirectory found ${taskImages.length} task images`);
                                                 }
                                             }
                                         } else if (taskFilesPromise && Array.isArray(taskFilesPromise)) {
@@ -4093,11 +4094,11 @@
                                                     path: window.electronAPI.pathJoin ? window.electronAPI.pathJoin(taskDir, file) : `${taskDir}\\${file}`, 
                                                     name: file 
                                                 }));
-                                                console.log(`📍 ReadDirectory found ${taskImages.length} task images (sync)`);
+                                                console.log(`?? ReadDirectory found ${taskImages.length} task images (sync)`);
                                             }
                                         }
                                     } catch (e) {
-                                        console.log('📍 readDirectory error for tasks:', e.message);
+                                        console.log('?? readDirectory error for tasks:', e.message);
                                     }
                                 }
                             }
@@ -4107,19 +4108,19 @@
                                 if (window.electronAPI && window.electronAPI.readDirectory) {
                                     try {
                                         const consFilesPromise = window.electronAPI.readDirectory(consDir);
-                                        console.log('📍 Raw consequence files from readDirectory:', consFilesPromise);
+                                        console.log('?? Raw consequence files from readDirectory:', consFilesPromise);
                                         
                                         // Handle async result
                                         if (consFilesPromise && typeof consFilesPromise.then === 'function') {
                                             const consFiles = await consFilesPromise;
-                                            console.log('📍 Resolved consequence files:', consFiles);
+                                            console.log('?? Resolved consequence files:', consFiles);
                                             if (consFiles && consFiles.length > 0) {
                                                 // Filter for image files - check if it's an object with name property or just a string
                                                 const imageFiles = consFiles.filter(file => {
                                                     const fileName = typeof file === 'object' ? file.name : file;
                                                     return /\.(jpg|jpeg|png|gif|webp|bmp)$/i.test(fileName);
                                                 });
-                                                console.log('📍 Filtered consequence image files:', imageFiles);
+                                                console.log('?? Filtered consequence image files:', imageFiles);
                                                 if (imageFiles.length > 0) {
                                                     consequenceImages = imageFiles.map(file => {
                                                         if (typeof file === 'object' && file.name && file.path) {
@@ -4134,7 +4135,7 @@
                                                             };
                                                         }
                                                     });
-                                                    console.log(`📍 ReadDirectory found ${consequenceImages.length} consequence images`);
+                                                    console.log(`?? ReadDirectory found ${consequenceImages.length} consequence images`);
                                                 }
                                             }
                                         } else if (consFilesPromise && Array.isArray(consFilesPromise)) {
@@ -4147,46 +4148,46 @@
                                                     path: window.electronAPI.pathJoin ? window.electronAPI.pathJoin(consDir, file) : `${consDir}\\${file}`, 
                                                     name: file 
                                                 }));
-                                                console.log(`📍 ReadDirectory found ${consequenceImages.length} consequence images (sync)`);
+                                                console.log(`?? ReadDirectory found ${consequenceImages.length} consequence images (sync)`);
                                             }
                                         }
                                     } catch (e) {
-                                        console.log('📍 readDirectory error for consequences:', e.message);
+                                        console.log('?? readDirectory error for consequences:', e.message);
                                     }
                                 }
                             }
                         } catch (e) {
-                            console.log('📍 Direct directory scan error:', e.message);
+                            console.log('?? Direct directory scan error:', e.message);
                         }
                     }
                 }
                 if (window.game.fileManager.getTaskImages) {
-                    console.log('📍 FileManager getTaskImages available');
+                    console.log('?? FileManager getTaskImages available');
                     try {
                         const taskImgs = window.game.fileManager.getTaskImages();
-                        console.log('📍 FileManager task images:', taskImgs?.length || 0);
+                        console.log('?? FileManager task images:', taskImgs?.length || 0);
                         if (taskImgs && taskImgs.length > 0) {
                             taskImages = taskImgs;
                         }
                     } catch (e) {
-                        console.log('📍 FileManager getTaskImages error:', e.message);
+                        console.log('?? FileManager getTaskImages error:', e.message);
                     }
                 }
                 if (window.game.fileManager.getConsequenceImages) {
-                    console.log('📍 FileManager getConsequenceImages available');
+                    console.log('?? FileManager getConsequenceImages available');
                     try {
                         const consImgs = window.game.fileManager.getConsequenceImages();
-                        console.log('📍 FileManager consequence images:', consImgs?.length || 0);
+                        console.log('?? FileManager consequence images:', consImgs?.length || 0);
                         if (consImgs && consImgs.length > 0) {
                             consequenceImages = consImgs;
                         }
                     } catch (e) {
-                        console.log('📍 FileManager getConsequenceImages error:', e.message);
+                        console.log('?? FileManager getConsequenceImages error:', e.message);
                     }
                 }
             }
             
-            console.log(`📊 FINAL RESULT: ${taskImages.length} task images, ${consequenceImages.length} consequence images`);
+            console.log(`?? FINAL RESULT: ${taskImages.length} task images, ${consequenceImages.length} consequence images`);
             
             // Update image count display
             const imageCountElement = document.getElementById('lib-image-count');
@@ -4227,11 +4228,11 @@
                     imageGallery.appendChild(imgElement);
                 });
                 
-                console.log(`✅ Created ${taskImages.length + consequenceImages.length} image gallery items`);
+                console.log(`? Created ${taskImages.length + consequenceImages.length} image gallery items`);
             } else if (imageGallery) {
                 imageGallery.innerHTML = `
                     <div class="no-images-message">
-                        <p>🗃️ No images found</p>
+                        <p>??? No images found</p>
                         <p>Import images to get started</p>
                     </div>
                 `;
@@ -4297,11 +4298,11 @@
             const linkedDirs = JSON.parse(localStorage.getItem('linkedImageDirectories') || '[]');
             
             if (linkedDirs.length > 0) {
-                console.log('📁 Using linked directories instead of built-in directories');
+                console.log('?? Using linked directories instead of built-in directories');
                 await loadLinkedImages();
                 return; // Skip built-in directory scanning
             } else {
-                console.log('📁 No linked directories found, using built-in directories');
+                console.log('?? No linked directories found, using built-in directories');
             }
         }
 
@@ -4310,13 +4311,13 @@
             
             // Wait for game to be available (max 10 retries)
             if (!window.game && retryCount < 10) {
-                console.log(`⏳ Game not ready yet, retrying in 500ms... (attempt ${retryCount + 1}/10)`);
+                console.log(`? Game not ready yet, retrying in 500ms... (attempt ${retryCount + 1}/10)`);
                 setTimeout(() => setupLibraryAudioTab(retryCount + 1), 500);
                 return;
             }
             
             if (!window.game) {
-                console.error('❌ Game not available after 10 retries, aborting audio tab setup');
+                console.error('? Game not available after 10 retries, aborting audio tab setup');
                 return;
             }
             
@@ -4345,8 +4346,8 @@
                                window.game.audioManager.ambient || [];
             }
             
-            console.log(`📊 Found ${backgroundTracks.length} background tracks, ${ambientTracks.length} ambient tracks`);
-            console.log('📍 Audio manager available:', !!window.game.audioManager);
+            console.log(`?? Found ${backgroundTracks.length} background tracks, ${ambientTracks.length} ambient tracks`);
+            console.log('?? Audio manager available:', !!window.game.audioManager);
             
             // Store audio tracks globally for filtering
             window.allAudioTracks = { background: backgroundTracks, ambient: ambientTracks };
@@ -4404,7 +4405,7 @@
             if (backgroundTracks.length === 0 && ambientTracks.length === 0) {
                 audioGallery.innerHTML = `
                     <div class="no-audio-message">
-                        <p>🎵 No audio files found</p>
+                        <p>?? No audio files found</p>
                         <p>Import audio to get started</p>
                     </div>
                 `;
@@ -4419,7 +4420,7 @@
                 audioElement.className = 'gallery-item audio-item';
                 audioElement.innerHTML = `
                     <div class="audio-info">
-                        <div class="audio-icon">🎵</div>
+                        <div class="audio-icon">??</div>
                         <div class="audio-name">${track.name || `Track ${index + 1}`}</div>
                         <div class="audio-type">Background</div>
                     </div>
@@ -4433,7 +4434,7 @@
                 audioElement.className = 'gallery-item audio-item';
                 audioElement.innerHTML = `
                     <div class="audio-info">
-                        <div class="audio-icon">🌊</div>
+                        <div class="audio-icon">??</div>
                         <div class="audio-name">${track.name || `Ambient ${index + 1}`}</div>
                         <div class="audio-type">Ambient</div>
                     </div>
@@ -4441,7 +4442,7 @@
                 audioGallery.appendChild(audioElement);
             });
             
-            console.log(`✅ Created ${backgroundTracks.length + ambientTracks.length} audio gallery items`);
+            console.log(`? Created ${backgroundTracks.length + ambientTracks.length} audio gallery items`);
         }
 
         async function setupLibraryVideoTab(retryCount = 0) {
@@ -4449,13 +4450,13 @@
             
             // Wait for game to be available (max 10 retries)
             if (!window.game && retryCount < 10) {
-                console.log(`⏳ Game not ready yet, retrying in 500ms... (attempt ${retryCount + 1}/10)`);
+                console.log(`? Game not ready yet, retrying in 500ms... (attempt ${retryCount + 1}/10)`);
                 setTimeout(() => setupLibraryVideoTab(retryCount + 1), 500);
                 return;
             }
             
             if (!window.game) {
-                console.error('❌ Game not available after 10 retries, aborting video tab setup');
+                console.error('? Game not available after 10 retries, aborting video tab setup');
                 return;
             }
             
@@ -4494,10 +4495,10 @@
             
             // Try using the desktop file manager video system directly
             if (Object.keys(videoLibrary).length === 0 && window.desktopFileManager) {
-                console.log('📍 Trying desktop file manager for videos...');
+                console.log('?? Trying desktop file manager for videos...');
                 try {
                     const allVideos = window.desktopFileManager.getAllVideos();
-                    console.log(`📍 Desktop file manager found ${allVideos.length} videos`);
+                    console.log(`?? Desktop file manager found ${allVideos.length} videos`);
                     
                     if (allVideos.length > 0) {
                         // Group videos by type/category if available
@@ -4508,18 +4509,18 @@
                             punishment: allVideos.filter(v => v.type === 'punishment' || v.category === 'punishment') || [],
                             all: allVideos // Keep all videos as backup
                         };
-                        console.log(`📍 Grouped videos: ${videoLibrary.background.length} bg, ${videoLibrary.task.length} task, ${videoLibrary.reward.length} reward, ${videoLibrary.punishment.length} punishment`);
+                        console.log(`?? Grouped videos: ${videoLibrary.background.length} bg, ${videoLibrary.task.length} task, ${videoLibrary.reward.length} reward, ${videoLibrary.punishment.length} punishment`);
                     }
                 } catch (e) {
-                    console.log('📍 Desktop file manager video error:', e.message);
+                    console.log('?? Desktop file manager video error:', e.message);
                 }
             }
             
             // Try accessing allLinkedVideos directly if no videos found yet
             if (Object.keys(videoLibrary).length === 0 && window.game.fileManager.allLinkedVideos) {
-                console.log('📍 Trying allLinkedVideos from fileManager...');
+                console.log('?? Trying allLinkedVideos from fileManager...');
                 const linkedVideos = window.game.fileManager.allLinkedVideos;
-                console.log(`📍 AllLinkedVideos found ${linkedVideos.length} videos`);
+                console.log(`?? AllLinkedVideos found ${linkedVideos.length} videos`);
                 
                 if (linkedVideos.length > 0) {
                     videoLibrary = {
@@ -4529,7 +4530,7 @@
                         punishment: linkedVideos.filter(v => v.type === 'punishment' || v.category === 'punishment') || [],
                         all: linkedVideos // Keep all videos as backup
                     };
-                    console.log(`📍 AllLinkedVideos grouped: ${videoLibrary.background.length} bg, ${videoLibrary.task.length} task, ${videoLibrary.reward.length} reward, ${videoLibrary.punishment.length} punishment`);
+                    console.log(`?? AllLinkedVideos grouped: ${videoLibrary.background.length} bg, ${videoLibrary.task.length} task, ${videoLibrary.reward.length} reward, ${videoLibrary.punishment.length} punishment`);
                 }
             }
             
@@ -4546,12 +4547,12 @@
             if (totalVideos === 0 && videoLibrary.all && Array.isArray(videoLibrary.all)) {
                 allVideos = videoLibrary.all;
                 totalVideos = allVideos.length;
-                console.log(`📍 Using ${totalVideos} uncategorized videos from 'all' array`);
+                console.log(`?? Using ${totalVideos} uncategorized videos from 'all' array`);
             }
             
-            console.log(`📊 Found ${backgroundVideos.length} background, ${taskVideos.length} task, ${rewardVideos.length} reward, ${punishmentVideos.length} punishment videos`);
-            console.log('📍 Video manager available:', !!videoManager);
-            console.log('📍 Video manager types:', Object.keys(window.game).filter(key => key.toLowerCase().includes('video')));
+            console.log(`?? Found ${backgroundVideos.length} background, ${taskVideos.length} task, ${rewardVideos.length} reward, ${punishmentVideos.length} punishment videos`);
+            console.log('?? Video manager available:', !!videoManager);
+            console.log('?? Video manager types:', Object.keys(window.game).filter(key => key.toLowerCase().includes('video')));
             
             // Update video count display
             const videoCountElement = document.getElementById('lib-video-count');
@@ -4570,7 +4571,7 @@
                     videoElement.className = 'gallery-item video-item';
                     videoElement.innerHTML = `
                         <div class="video-info">
-                            <div class="video-icon">🎬</div>
+                            <div class="video-icon">??</div>
                             <div class="video-name">${video.name || `Background ${index + 1}`}</div>
                             <div class="video-type">Background</div>
                         </div>
@@ -4584,7 +4585,7 @@
                     videoElement.className = 'gallery-item video-item';
                     videoElement.innerHTML = `
                         <div class="video-info">
-                            <div class="video-icon">📋</div>
+                            <div class="video-icon">??</div>
                             <div class="video-name">${video.name || `Task ${index + 1}`}</div>
                             <div class="video-type">Task</div>
                         </div>
@@ -4598,7 +4599,7 @@
                     videoElement.className = 'gallery-item video-item';
                     videoElement.innerHTML = `
                         <div class="video-info">
-                            <div class="video-icon">�</div>
+                            <div class="video-icon">?</div>
                             <div class="video-name">${video.name || `Reward ${index + 1}`}</div>
                             <div class="video-type">Reward</div>
                         </div>
@@ -4612,7 +4613,7 @@
                     videoElement.className = 'gallery-item video-item';
                     videoElement.innerHTML = `
                         <div class="video-info">
-                            <div class="video-icon">⚡</div>
+                            <div class="video-icon">?</div>
                             <div class="video-name">${video.name || `Punishment ${index + 1}`}</div>
                             <div class="video-type">Punishment</div>
                         </div>
@@ -4627,7 +4628,7 @@
                         videoElement.className = 'gallery-item video-item';
                         videoElement.innerHTML = `
                             <div class="video-info">
-                                <div class="video-icon">🎬</div>
+                                <div class="video-icon">??</div>
                                 <div class="video-name">${video.name || video.fileName || `Video ${index + 1}`}</div>
                                 <div class="video-type">${video.type || video.category || 'Video'}</div>
                             </div>
@@ -4636,11 +4637,11 @@
                     });
                 }
                 
-                console.log(`✅ Created ${totalVideos} video gallery items`);
+                console.log(`? Created ${totalVideos} video gallery items`);
             } else if (videoGallery) {
                 videoGallery.innerHTML = `
                     <div class="no-video-message">
-                        <p>🎬 No video files found</p>
+                        <p>?? No video files found</p>
                         <p>Import videos to get started</p>
                     </div>
                 `;
@@ -4702,7 +4703,7 @@
             }
             
             if (linkedVideoDirs.length > 0 || individualVideos.length > 0) {
-                console.log('📁 Loading linked video directories...');
+                console.log('?? Loading linked video directories...');
                 loadLinkedVideos();
             }
         }
@@ -4712,11 +4713,11 @@
             
             // Load captured photos from localStorage
             const capturedPhotos = JSON.parse(localStorage.getItem('capturedPhotos') || '[]');
-            console.log(`📸 Found ${capturedPhotos.length} captured photos`);
+            console.log(`?? Found ${capturedPhotos.length} captured photos`);
             
             // Load verification photos from localStorage
             const verificationPhotos = JSON.parse(localStorage.getItem('verificationPhotos') || '[]');
-            console.log(`📷 Found ${verificationPhotos.length} verification photos`);
+            console.log(`?? Found ${verificationPhotos.length} verification photos`);
             
             const allPhotosGrid = document.getElementById('lib-all-photos-grid');
             const allPhotosCount = document.getElementById('lib-all-photos-count');
@@ -4725,7 +4726,7 @@
                 if (capturedPhotos.length === 0 && verificationPhotos.length === 0) {
                     allPhotosGrid.innerHTML = `
                         <div class="no-photos-message">
-                            <p>📸 No photos found</p>
+                            <p>?? No photos found</p>
                             <p>Take some photos during gameplay to see them here</p>
                         </div>
                     `;
@@ -4749,10 +4750,10 @@
                                              onclick="showPhotoPreview('${imageData}', 'Photo ${index + 1}')">
                                         <div class="photo-actions">
                                             <button class="photo-download-btn" onclick="downloadSinglePhoto(${index})" title="Download Photo">
-                                                📥
+                                                ??
                                             </button>
                                             <button class="photo-delete-btn" onclick="deletePhoto(${index})" title="Delete Photo">
-                                                🗑️
+                                                ???
                                             </button>
                                         </div>
                                         <div class="photo-info">
@@ -4768,7 +4769,7 @@
                     // Add verification photos to the gallery
                     verificationPhotos.forEach((photo, index) => {
                         const timestamp = new Date(photo.timestamp || Date.now()).toLocaleDateString();
-                        const photoType = photo.phase === 'start' ? '🟢 START Position' : '🔴 END Position';
+                        const photoType = photo.phase === 'start' ? '?? START Position' : '?? END Position';
                         const degradingMessage = photo.message || 'Position verification photo';
                         const verificationIndex = capturedPhotos.length + index; // Offset by captured photos length
                         const imageData = photo.data || photo.dataUrl; // Support both formats
@@ -4785,10 +4786,10 @@
                                              onclick="showVerificationPhotoPreview('${imageData}', 'Verification Photo ${index + 1}', '${degradingMessage}', ${photo.phase === 'start'}, '${photo.timestamp}')">
                                         <div class="photo-actions">
                                             <button class="photo-download-btn" onclick="downloadVerificationPhoto(${index})" title="Download Verification Photo">
-                                                📥
+                                                ??
                                             </button>
                                             <button class="photo-delete-btn" onclick="deleteVerificationPhoto(${index})" title="Delete Verification Photo">
-                                                🗑️
+                                                ???
                                             </button>
                                         </div>
                                         <div class="photo-info verification-photo-info">
@@ -4804,7 +4805,7 @@
                     
                     // Add captured videos to the gallery
                     const capturedVideos = JSON.parse(localStorage.getItem('capturedVideos') || '[]');
-                    console.log(`📹 Found ${capturedVideos.length} captured videos`);
+                    console.log(`?? Found ${capturedVideos.length} captured videos`);
                     
                     capturedVideos.forEach((video, index) => {
                         const timestamp = new Date(video.timestamp || Date.now()).toLocaleDateString();
@@ -4823,23 +4824,23 @@
                                          onmouseout="this.querySelector('.video-play-overlay').style.opacity='0'">
                                         ${video.thumbnail ? 
                                             `<img src="${video.thumbnail}" alt="Video Thumbnail" style="width: 100%; height: 120px; object-fit: cover; border-radius: 8px;">` :
-                                            `<div style="width: 100%; height: 120px; background: var(--bg-tertiary); display: flex; align-items: center; justify-content: center; border-radius: 8px; color: #fff;">📹</div>`
+                                            `<div style="width: 100%; height: 120px; background: var(--bg-tertiary); display: flex; align-items: center; justify-content: center; border-radius: 8px; color: #fff;">??</div>`
                                         }
                                         <div class="video-play-overlay" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,0.5); opacity: 0; transition: opacity 0.3s; border-radius: 8px;">
-                                            <div class="play-icon-small" style="color: white; font-size: 24px;">▶️</div>
+                                            <div class="play-icon-small" style="color: white; font-size: 24px;">??</div>
                                         </div>
                                     </div>
                                     <div class="photo-actions">
                                         <button class="photo-download-btn" onclick="downloadCapturedVideo('${video.id}')" title="Download Video">
-                                            📥
+                                            ??
                                         </button>
                                         <button class="photo-delete-btn" onclick="deleteCapturedVideoFromGallery('${video.id}')" title="Delete Video">
-                                            🗑️
+                                            ???
                                         </button>
                                     </div>
                                     <div class="photo-info">
                                         <span class="photo-date">${timestamp}</span>
-                                        <span class="photo-type">Session Video • ${duration}</span>
+                                        <span class="photo-type">Session Video � ${duration}</span>
                                     </div>
                                 </div>
                             </div>
@@ -4880,10 +4881,10 @@
                                          onclick="showPhotoPreview('${imageData}', 'Dress Up Photo ${index + 1}')">
                                     <div class="photo-actions">
                                         <button class="photo-download-btn" onclick="downloadSinglePhoto(${originalIndex})" title="Download Photo">
-                                            📥
+                                            ??
                                         </button>
                                         <button class="photo-delete-btn" onclick="deletePhoto(${originalIndex})" title="Delete Photo">
-                                            🗑️
+                                            ???
                                         </button>
                                     </div>
                                     <div class="photo-info">
@@ -4928,13 +4929,13 @@
                 
                 // Show success message
                 if (window.game && window.game.flashMessageManager) {
-                    window.game.flashMessageManager.show(`📸 Photo deleted successfully!`, 'info');
+                    window.game.flashMessageManager.show(`?? Photo deleted successfully!`, 'info');
                 }
                 
                 // Refresh the photo galleries
                 setupLibraryGalleryTab();
                 
-                console.log(`🗑️ Deleted photo ${index + 1} (${photoType})`);
+                console.log(`??? Deleted photo ${index + 1} (${photoType})`);
             }
         }
 
@@ -5010,9 +5011,9 @@
             document.body.removeChild(link);
             
             if (window.game && window.game.flashMessageManager) {
-                window.game.flashMessageManager.show(`📥 Photo downloaded: ${filename}`, 'info');
+                window.game.flashMessageManager.show(`?? Photo downloaded: ${filename}`, 'info');
             }
-            console.log(`📥 Downloaded photo: ${filename}`);
+            console.log(`?? Downloaded photo: ${filename}`);
         }
 
         // Download single verification photo
@@ -5045,9 +5046,9 @@
             document.body.removeChild(link);
             
             if (window.game && window.game.flashMessageManager) {
-                window.game.flashMessageManager.show(`📥 Verification photo downloaded: ${filename}`, 'info');
+                window.game.flashMessageManager.show(`?? Verification photo downloaded: ${filename}`, 'info');
             }
-            console.log(`📥 Downloaded verification photo: ${filename}`);
+            console.log(`?? Downloaded verification photo: ${filename}`);
         }
 
         // Download selected photos (zip if multiple)
@@ -5058,7 +5059,7 @@
             
             if (selectedCheckboxes.length === 0) {
                 if (window.game && window.game.flashMessageManager) {
-                    window.game.flashMessageManager.show('⚠️ No photos selected for download', 'error');
+                    window.game.flashMessageManager.show('?? No photos selected for download', 'error');
                 }
                 return;
             }
@@ -5080,7 +5081,7 @@
 
             // Multiple photos - create zip
             if (window.game && window.game.flashMessageManager) {
-                window.game.flashMessageManager.show('📦 Creating zip file...', 'info');
+                window.game.flashMessageManager.show('?? Creating zip file...', 'info');
             }
             
             try {
@@ -5138,7 +5139,7 @@
                     document.body.removeChild(link);
                     
                     if (window.game && window.game.flashMessageManager) {
-                        window.game.flashMessageManager.show(`📥 Downloaded ${selectedCheckboxes.length} photos as zip file`, 'info');
+                        window.game.flashMessageManager.show(`?? Downloaded ${selectedCheckboxes.length} photos as zip file`, 'info');
                     }
                 } else {
                     // Fallback: download individually
@@ -5157,13 +5158,13 @@
                     });
                     
                     if (window.game && window.game.flashMessageManager) {
-                        window.game.flashMessageManager.show(`📥 Downloading ${selectedCheckboxes.length} photos individually`, 'info');
+                        window.game.flashMessageManager.show(`?? Downloading ${selectedCheckboxes.length} photos individually`, 'info');
                     }
                 }
             } catch (error) {
                 console.error('Download error:', error);
                 if (window.game && window.game.flashMessageManager) {
-                    window.game.flashMessageManager.show('❌ Error creating download', 'error');
+                    window.game.flashMessageManager.show('? Error creating download', 'error');
                 }
             }
         }
@@ -5174,7 +5175,7 @@
             
             if (selectedCheckboxes.length === 0) {
                 if (window.game && window.game.flashMessageManager) {
-                    window.game.flashMessageManager.show('⚠️ No photos selected for deletion', 'error');
+                    window.game.flashMessageManager.show('?? No photos selected for deletion', 'error');
                 }
                 return;
             }
@@ -5197,13 +5198,13 @@
                 
                 // Show success message
                 if (window.game && window.game.flashMessageManager) {
-                    window.game.flashMessageManager.show(`🗑️ Successfully deleted ${indicesToDelete.length} photos!`, 'info');
+                    window.game.flashMessageManager.show(`??? Successfully deleted ${indicesToDelete.length} photos!`, 'info');
                 }
                 
                 // Refresh the photo galleries
                 setupLibraryGalleryTab();
                 
-                console.log(`🗑️ Bulk deleted ${indicesToDelete.length} photos`);
+                console.log(`??? Bulk deleted ${indicesToDelete.length} photos`);
             }
         }
 
@@ -5234,7 +5235,7 @@
         // Verification Photo Functions
         function showVerificationPhotoPreview(imageData, title, message, isStart, timestamp) {
             const photoDate = timestamp ? new Date(timestamp).toLocaleString() : 'Unknown date';
-            const photoType = isStart ? '🟢 START Position' : '🔴 END Position';
+            const photoType = isStart ? '?? START Position' : '?? END Position';
             
             // Create modal overlay
             const overlay = document.createElement('div');
@@ -5266,7 +5267,7 @@
                          style="width: 100%; height: auto; max-width: 800px; max-height: 600px; object-fit: contain; border-radius: 5px;">
                     <button onclick="this.parentElement.parentElement.remove()" 
                             style="position: absolute; top: 10px; right: 10px; background: var(--color-error); border: none; color: white; 
-                                   width: 30px; height: 30px; border-radius: 50%; cursor: pointer; font-size: 18px;">✖</button>
+                                   width: 30px; height: 30px; border-radius: 50%; cursor: pointer; font-size: 18px;">?</button>
                 </div>
             `;
             
@@ -5308,7 +5309,7 @@
             document.body.removeChild(link);
             
             if (window.game && window.game.flashMessageManager) {
-                window.game.flashMessageManager.show(`📥 Downloaded verification photo: ${photoType}`, 'success');
+                window.game.flashMessageManager.show(`?? Downloaded verification photo: ${photoType}`, 'success');
             }
         }
 
@@ -5335,10 +5336,10 @@
                 setupLibraryGalleryTab();
                 
                 if (window.game && window.game.flashMessageManager) {
-                    window.game.flashMessageManager.show(`🗑️ Deleted verification photo: ${photoType}`, 'info');
+                    window.game.flashMessageManager.show(`??? Deleted verification photo: ${photoType}`, 'info');
                 }
                 
-                console.log(`🗑️ Deleted verification photo ${index} (${photoType})`);
+                console.log(`??? Deleted verification photo ${index} (${photoType})`);
             }
         }
 
@@ -5430,11 +5431,11 @@
             
             if (window.electronAPI && window.electronAPI.selectDirectory) {
                 // Use Electron's dialog to select a directory
-                console.log('📍 Calling electronAPI.selectDirectory...');
+                console.log('?? Calling electronAPI.selectDirectory...');
                 
                 try {
                     const result = window.electronAPI.selectDirectory();
-                    console.log('📍 selectDirectory returned:', result, typeof result);
+                    console.log('?? selectDirectory returned:', result, typeof result);
                     
                     // Handle both sync and async results
                     if (result && typeof result.then === 'function') {
@@ -5445,7 +5446,7 @@
                         }).catch(error => {
                             console.error('Error selecting image directory (async):', error);
                             if (window.game && window.game.showNotification) {
-                                window.game.showNotification('❌ Failed to select directory', 'error');
+                                window.game.showNotification('? Failed to select directory', 'error');
                             }
                         });
                     } else {
@@ -5456,11 +5457,11 @@
                 } catch (error) {
                     console.error('Error calling selectDirectory:', error);
                     if (window.game && window.game.showNotification) {
-                        window.game.showNotification('❌ Failed to open directory dialog', 'error');
+                        window.game.showNotification('? Failed to open directory dialog', 'error');
                     }
                 }
             } else {
-                console.log('❌ electronAPI.selectDirectory not available');
+                console.log('? electronAPI.selectDirectory not available');
                 if (window.game && window.game.showNotification) {
                     window.game.showNotification('Directory linking is only available in desktop mode', 'warning');
                 }
@@ -5468,7 +5469,7 @@
         }
         
         function handleDirectoryResult(result) {
-            console.log('📍 Processing directory result:', result);
+            console.log('?? Processing directory result:', result);
             
             // Handle different possible result structures
             let selectedPath = null;
@@ -5502,7 +5503,7 @@
         }
         
         function handleDirectoryResult(result) {
-            console.log('📍 Processing directory result:', result);
+            console.log('?? Processing directory result:', result);
             
             // Handle different possible result structures
             let selectedPath = null;
@@ -5565,7 +5566,7 @@
             loadLinkedImages();
             
             if (window.game && window.game.showNotification) {
-                window.game.showNotification(`✅ Added image directory: ${newDir.name}`, 'success');
+                window.game.showNotification(`? Added image directory: ${newDir.name}`, 'success');
             }
         }
 
@@ -5575,11 +5576,11 @@
             
             if (window.electronAPI && window.electronAPI.selectImages) {
                 // Use Electron's dialog to select multiple images
-                console.log('📍 Calling electronAPI.selectImages...');
+                console.log('?? Calling electronAPI.selectImages...');
                 
                 try {
                     const result = window.electronAPI.selectImages();
-                    console.log('📍 selectImages returned:', result, typeof result);
+                    console.log('?? selectImages returned:', result, typeof result);
                     
                     // Handle both sync and async results
                     if (result && typeof result.then === 'function') {
@@ -5590,7 +5591,7 @@
                         }).catch(error => {
                             console.error('Error selecting individual images (async):', error);
                             if (window.game && window.game.showNotification) {
-                                window.game.showNotification('❌ Failed to select images', 'error');
+                                window.game.showNotification('? Failed to select images', 'error');
                             }
                         });
                     } else {
@@ -5601,11 +5602,11 @@
                 } catch (error) {
                     console.error('Error calling selectImages:', error);
                     if (window.game && window.game.showNotification) {
-                        window.game.showNotification('❌ Failed to open image selection dialog', 'error');
+                        window.game.showNotification('? Failed to open image selection dialog', 'error');
                     }
                 }
             } else {
-                console.log('❌ electronAPI.selectImages not available');
+                console.log('? electronAPI.selectImages not available');
                 if (window.game && window.game.showNotification) {
                     window.game.showNotification('Individual image selection is only available in desktop mode', 'warning');
                 }
@@ -5613,7 +5614,7 @@
         }
         
         function handleIndividualImagesResult(result) {
-            console.log('📍 Processing individual images result:', result);
+            console.log('?? Processing individual images result:', result);
             
             let selectedPaths = [];
             
@@ -5671,7 +5672,7 @@
                 loadLinkedImages();
                 
                 if (window.game && window.game.showNotification) {
-                    window.game.showNotification(`✅ Added ${addedCount} individual image(s)`, 'success');
+                    window.game.showNotification(`? Added ${addedCount} individual image(s)`, 'success');
                 }
             } else {
                 if (window.game && window.game.showNotification) {
@@ -5684,14 +5685,14 @@
             console.log('Refreshing image directories...');
             
             if (window.game && window.game.showNotification) {
-                window.game.showNotification('🔄 Refreshing image directories...', 'info');
+                window.game.showNotification('?? Refreshing image directories...', 'info');
             }
             
             // Reload images from all linked directories
             loadLinkedImages();
             
             if (window.game && window.game.showNotification) {
-                window.game.showNotification('✅ Image directories refreshed!', 'success');
+                window.game.showNotification('? Image directories refreshed!', 'success');
             }
         }
 
@@ -5711,7 +5712,7 @@
             loadLinkedImages();
             
             if (window.game && window.game.showNotification) {
-                window.game.showNotification('🗑️ All image directories and individual images unlinked', 'info');
+                window.game.showNotification('??? All image directories and individual images unlinked', 'info');
             }
         }
 
@@ -5726,7 +5727,7 @@
             loadLinkedImages();
             
             if (window.game && window.game.showNotification) {
-                window.game.showNotification('🗑️ Image directory unlinked', 'info');
+                window.game.showNotification('??? Image directory unlinked', 'info');
             }
         }
 
@@ -5748,7 +5749,7 @@
                         <div class="directory-path">${dir.path}</div>
                     </div>
                     <button class="btn btn-small btn-danger" onclick="removeImageDirectory('${dir.id}')">
-                        🗑️ Remove
+                        ??? Remove
                     </button>
                 </div>
             `).join('');
@@ -5758,28 +5759,28 @@
             const linkedDirs = JSON.parse(localStorage.getItem('linkedImageDirectories') || '[]');
             let allImages = [];
             
-            console.log(`📁 Loading images from ${linkedDirs.length} linked directories...`);
-            console.log('📁 Linked directories:', linkedDirs.map(d => d.path));
+            console.log(`?? Loading images from ${linkedDirs.length} linked directories...`);
+            console.log('?? Linked directories:', linkedDirs.map(d => d.path));
             
             if (window.electronAPI && linkedDirs.length > 0) {
                 // Scan each linked directory for images
                 const imageExtensions = /\.(jpg|jpeg|png|gif|webp|bmp)$/i;
                 
                 for (const dir of linkedDirs) {
-                    console.log(`📁 Scanning directory: ${dir.path} (${dir.name})`);
+                    console.log(`?? Scanning directory: ${dir.path} (${dir.name})`);
                     try {
                         if (window.electronAPI.readDirectory) {
                             const filesPromise = window.electronAPI.readDirectory(dir.path);
-                            console.log(`📁 ReadDirectory result for ${dir.path}:`, filesPromise);
+                            console.log(`?? ReadDirectory result for ${dir.path}:`, filesPromise);
                             
                             // Handle async result
                             let files = [];
                             if (filesPromise && typeof filesPromise.then === 'function') {
                                 files = await filesPromise;
-                                console.log(`📁 Resolved files in ${dir.path}:`, files.length, 'files');
+                                console.log(`?? Resolved files in ${dir.path}:`, files.length, 'files');
                             } else if (Array.isArray(filesPromise)) {
                                 files = filesPromise;
-                                console.log(`📁 Sync files in ${dir.path}:`, files.length, 'files');
+                                console.log(`?? Sync files in ${dir.path}:`, files.length, 'files');
                             }
                             
                             if (files && files.length > 0) {
@@ -5789,7 +5790,7 @@
                                     return imageExtensions.test(fileName);
                                 });
                                 
-                                console.log(`📁 Found ${imageFiles.length} image files in ${dir.path}`);
+                                console.log(`?? Found ${imageFiles.length} image files in ${dir.path}`);
                                 
                                 if (imageFiles.length > 0) {
                                     const dirImages = imageFiles.map(file => {
@@ -5814,28 +5815,28 @@
                                         }
                                     });
                                     allImages = allImages.concat(dirImages);
-                                    console.log(`📸 Added ${dirImages.length} images from ${dir.name} to gallery`);
+                                    console.log(`?? Added ${dirImages.length} images from ${dir.name} to gallery`);
                                 }
                             } else {
-                                console.log(`📁 No files found in ${dir.path}`);
+                                console.log(`?? No files found in ${dir.path}`);
                             }
                         } else {
-                            console.log('📁 electronAPI.readDirectory not available');
+                            console.log('?? electronAPI.readDirectory not available');
                         }
                     } catch (error) {
-                        console.error(`📁 Error scanning directory ${dir.path}:`, error);
+                        console.error(`?? Error scanning directory ${dir.path}:`, error);
                     }
                 }
             } else if (linkedDirs.length === 0) {
-                console.log('📁 No linked directories found in localStorage');
+                console.log('?? No linked directories found in localStorage');
             } else {
-                console.log('📁 electronAPI not available for directory scanning');
+                console.log('?? electronAPI not available for directory scanning');
             }
             
             // Load individual images
             const individualImages = JSON.parse(localStorage.getItem('linkedIndividualImages') || '[]');
             if (individualImages.length > 0) {
-                console.log(`📸 Loading ${individualImages.length} individual images...`);
+                console.log(`?? Loading ${individualImages.length} individual images...`);
                 
                 individualImages.forEach(image => {
                     // Verify the image still exists and add to gallery
@@ -5848,15 +5849,15 @@
                     });
                 });
                 
-                console.log(`📸 Added ${individualImages.length} individual images to gallery`);
+                console.log(`?? Added ${individualImages.length} individual images to gallery`);
             } else {
-                console.log('📸 No individual images found in localStorage');
+                console.log('?? No individual images found in localStorage');
             }
             
             // Load verification photos from localStorage
             const verificationPhotos = JSON.parse(localStorage.getItem('verificationPhotos') || '[]');
             if (verificationPhotos.length > 0) {
-                console.log(`📷 Loading ${verificationPhotos.length} verification photos...`);
+                console.log(`?? Loading ${verificationPhotos.length} verification photos...`);
                 
                 verificationPhotos.forEach((photo, index) => {
                     // Add verification photo to gallery with special metadata
@@ -5875,12 +5876,12 @@
                     }
                 });
                 
-                console.log(`📷 Added ${verificationPhotos.length} verification photos to gallery`);
+                console.log(`?? Added ${verificationPhotos.length} verification photos to gallery`);
             } else {
-                console.log('📷 No verification photos found in localStorage');
+                console.log('?? No verification photos found in localStorage');
             }
             
-            console.log(`📸 Total images found: ${allImages.length}`);
+            console.log(`?? Total images found: ${allImages.length}`);
             
             // Update the image count display
             const imageCountElement = document.getElementById('lib-image-count');
@@ -5947,12 +5948,12 @@
         function populateImageGallery(images) {
             const imageGallery = document.getElementById('lib-image-gallery');
             if (!imageGallery) {
-                console.error('❌ lib-image-gallery element not found!');
+                console.error('? lib-image-gallery element not found!');
                 return;
             }
             
-            console.log(`📸 Populating gallery with ${images.length} images`);
-            console.log('📸 Gallery element:', imageGallery);
+            console.log(`?? Populating gallery with ${images.length} images`);
+            console.log('?? Gallery element:', imageGallery);
             
             if (images.length === 0) {
                 imageGallery.innerHTML = `
@@ -5966,7 +5967,7 @@
             
             // Clear existing content
             imageGallery.innerHTML = '';
-            console.log('📸 Cleared existing gallery content');
+            console.log('?? Cleared existing gallery content');
             
             // Create image grid
             images.forEach((image, index) => {
@@ -5976,7 +5977,7 @@
                 // Special formatting for verification photos
                 if (image.type === 'verification') {
                     const photoDate = image.timestamp ? new Date(image.timestamp).toLocaleString() : 'Unknown';
-                    const photoType = image.isStart ? '🟢 START' : '🔴 END';
+                    const photoType = image.isStart ? '?? START' : '?? END';
                     const degradingMessage = image.message || 'Position verification photo';
                     
                     imgElement.innerHTML = `
@@ -6013,12 +6014,12 @@
                 imageGallery.appendChild(imgElement);
                 
                 if (index < 5) {
-                    console.log(`📸 Added image ${index + 1}: ${image.name}`);
+                    console.log(`?? Added image ${index + 1}: ${image.name}`);
                 }
             });
             
-            console.log(`✅ Created ${images.length} linked image gallery items`);
-            console.log('📸 Gallery innerHTML length:', imageGallery.innerHTML.length);
+            console.log(`? Created ${images.length} linked image gallery items`);
+            console.log('?? Gallery innerHTML length:', imageGallery.innerHTML.length);
         }
 
         function previewImage(imageUrl, imageName) {
@@ -6033,7 +6034,7 @@
                     <div class="modal-content">
                         <div class="modal-header">
                             <span id="preview-image-name">${imageName}</span>
-                            <button class="close-btn" onclick="closeImagePreview()">✖️</button>
+                            <button class="close-btn" onclick="closeImagePreview()">??</button>
                         </div>
                         <div class="modal-body">
                             <img id="preview-image" src="${imageUrl}" alt="${imageName}" />
@@ -6062,7 +6063,7 @@
             }
             
             const photoDate = timestamp ? new Date(timestamp).toLocaleString() : 'Unknown date';
-            const photoType = isStart ? '🟢 START Position' : '🔴 END Position';
+            const photoType = isStart ? '?? START Position' : '?? END Position';
             const degradingMessage = message || 'Position verification photo';
             
             modal.innerHTML = `
@@ -6076,7 +6077,7 @@
                                 <span class="verification-timestamp">${photoDate}</span>
                             </div>
                         </div>
-                        <button class="close-btn" onclick="closeImagePreview()">✖️</button>
+                        <button class="close-btn" onclick="closeImagePreview()">??</button>
                     </div>
                     <div class="modal-body">
                         <img id="preview-image" src="${imageUrl}" alt="${imageName}" />
@@ -6109,11 +6110,11 @@
             console.log('Adding new video directory...');
             
             if (window.electronAPI && window.electronAPI.selectDirectory) {
-                console.log('📍 Calling electronAPI.selectDirectory...');
+                console.log('?? Calling electronAPI.selectDirectory...');
                 
                 try {
                     const result = window.electronAPI.selectDirectory();
-                    console.log('📍 selectDirectory returned:', result, typeof result);
+                    console.log('?? selectDirectory returned:', result, typeof result);
                     
                     if (result && typeof result.then === 'function') {
                         result.then((directoryResult) => {
@@ -6122,7 +6123,7 @@
                         }).catch(error => {
                             console.error('Error selecting video directory (async):', error);
                             if (window.game && window.game.showNotification) {
-                                window.game.showNotification('❌ Failed to select directory', 'error');
+                                window.game.showNotification('? Failed to select directory', 'error');
                             }
                         });
                     } else {
@@ -6132,11 +6133,11 @@
                 } catch (error) {
                     console.error('Error calling selectDirectory:', error);
                     if (window.game && window.game.showNotification) {
-                        window.game.showNotification('❌ Failed to open directory selection dialog', 'error');
+                        window.game.showNotification('? Failed to open directory selection dialog', 'error');
                     }
                 }
             } else {
-                console.log('❌ electronAPI.selectDirectory not available');
+                console.log('? electronAPI.selectDirectory not available');
                 if (window.game && window.game.showNotification) {
                     window.game.showNotification('Directory selection is only available in desktop mode', 'warning');
                 }
@@ -6144,7 +6145,7 @@
         }
 
         function handleVideoDirectoryResult(result) {
-            console.log('📍 Processing video directory result:', result);
+            console.log('?? Processing video directory result:', result);
             
             let selectedPath = null;
             
@@ -6201,7 +6202,7 @@
             loadLinkedVideos();
             
             if (window.game && window.game.showNotification) {
-                window.game.showNotification(`✅ Added video directory: ${newDirectory.name}`, 'success');
+                window.game.showNotification(`? Added video directory: ${newDirectory.name}`, 'success');
             }
         }
 
@@ -6209,11 +6210,11 @@
             console.log('Adding individual videos...');
             
             if (window.electronAPI && window.electronAPI.selectVideos) {
-                console.log('📍 Calling electronAPI.selectVideos...');
+                console.log('?? Calling electronAPI.selectVideos...');
                 
                 try {
                     const result = window.electronAPI.selectVideos();
-                    console.log('📍 selectVideos returned:', result, typeof result);
+                    console.log('?? selectVideos returned:', result, typeof result);
                     
                     if (result && typeof result.then === 'function') {
                         result.then((videoResult) => {
@@ -6222,7 +6223,7 @@
                         }).catch(error => {
                             console.error('Error selecting individual videos (async):', error);
                             if (window.game && window.game.showNotification) {
-                                window.game.showNotification('❌ Failed to select videos', 'error');
+                                window.game.showNotification('? Failed to select videos', 'error');
                             }
                         });
                     } else {
@@ -6232,11 +6233,11 @@
                 } catch (error) {
                     console.error('Error calling selectVideos:', error);
                     if (window.game && window.game.showNotification) {
-                        window.game.showNotification('❌ Failed to open video selection dialog', 'error');
+                        window.game.showNotification('? Failed to open video selection dialog', 'error');
                     }
                 }
             } else {
-                console.log('❌ electronAPI.selectVideos not available');
+                console.log('? electronAPI.selectVideos not available');
                 if (window.game && window.game.showNotification) {
                     window.game.showNotification('Individual video selection is only available in desktop mode', 'warning');
                 }
@@ -6244,7 +6245,7 @@
         }
 
         function handleIndividualVideosResult(result) {
-            console.log('📍 Processing individual videos result:', result);
+            console.log('?? Processing individual videos result:', result);
             
             let selectedPaths = [];
             
@@ -6300,7 +6301,7 @@
                 loadLinkedVideos();
                 
                 if (window.game && window.game.showNotification) {
-                    window.game.showNotification(`✅ Added ${addedCount} individual video(s)`, 'success');
+                    window.game.showNotification(`? Added ${addedCount} individual video(s)`, 'success');
                 }
             } else {
                 if (window.game && window.game.showNotification) {
@@ -6313,13 +6314,13 @@
             console.log('Refreshing video directories...');
             
             if (window.game && window.game.showNotification) {
-                window.game.showNotification('🔄 Refreshing video directories...', 'info');
+                window.game.showNotification('?? Refreshing video directories...', 'info');
             }
             
             loadLinkedVideos();
             
             if (window.game && window.game.showNotification) {
-                window.game.showNotification('✅ Video directories refreshed!', 'success');
+                window.game.showNotification('? Video directories refreshed!', 'success');
             }
         }
 
@@ -6337,7 +6338,7 @@
             loadLinkedVideos();
             
             if (window.game && window.game.showNotification) {
-                window.game.showNotification('🗑️ All video directories and individual videos unlinked', 'info');
+                window.game.showNotification('??? All video directories and individual videos unlinked', 'info');
             }
         }
 
@@ -6361,7 +6362,7 @@
             loadLinkedVideos();
             
             if (window.game && window.game.showNotification) {
-                window.game.showNotification('🗑️ Video directory unlinked', 'info');
+                window.game.showNotification('??? Video directory unlinked', 'info');
             }
         }
 
@@ -6402,11 +6403,11 @@
                 html += `
                     <div class="directory-item">
                         <div class="directory-info">
-                            <div class="directory-name">📁 ${dir.name}</div>
+                            <div class="directory-name">?? ${dir.name}</div>
                             <div class="directory-path">${dir.path}</div>
                             <div class="directory-meta">Added ${new Date(dir.addedAt).toLocaleDateString()}</div>
                         </div>
-                        <button class="remove-directory-btn" onclick="removeVideoDirectory('${dir.id}')">🗑️</button>
+                        <button class="remove-directory-btn" onclick="removeVideoDirectory('${dir.id}')">???</button>
                     </div>
                 `;
             });
@@ -6415,7 +6416,7 @@
                 html += `
                     <div class="directory-item individual-videos">
                         <div class="directory-info">
-                            <div class="directory-name">🎬 Individual Videos</div>
+                            <div class="directory-name">?? Individual Videos</div>
                             <div class="directory-path">${individualVideos.length} video(s) selected individually</div>
                             <div class="directory-meta">Click "Add Individual Videos" to add more</div>
                         </div>
@@ -6427,7 +6428,7 @@
         }
 
         async function loadLinkedVideos() {
-            console.log('🎬 Loading linked videos...');
+            console.log('?? Loading linked videos...');
             
             let linkedDirs;
             try {
@@ -6447,134 +6448,134 @@
                 
                 for (const dir of linkedDirs) {
                     try {
-                        console.log(`🎬 Scanning directory: ${dir.path}`);
-                        console.log(`🎬 electronAPI available:`, !!window.electronAPI);
-                        console.log(`🎬 readDirectory available:`, !!window.electronAPI.readDirectory);
+                        console.log(`?? Scanning directory: ${dir.path}`);
+                        console.log(`?? electronAPI available:`, !!window.electronAPI);
+                        console.log(`?? readDirectory available:`, !!window.electronAPI.readDirectory);
                         
                         if (!window.electronAPI.readDirectory) {
-                            console.error(`❌ readDirectory function not available`);
+                            console.error(`? readDirectory function not available`);
                             continue;
                         }
                         
                         // Try video-specific directory reading first
                         let filesPromise;
                         if (window.electronAPI.readVideoDirectory) {
-                            console.log(`🎬 Using readVideoDirectory for ${dir.path}`);
+                            console.log(`?? Using readVideoDirectory for ${dir.path}`);
                             filesPromise = window.electronAPI.readVideoDirectory(dir.path);
                         } else if (window.electronAPI.readVideoDirectoryRecursive) {
-                            console.log(`🎬 Using readVideoDirectoryRecursive for ${dir.path}`);
+                            console.log(`?? Using readVideoDirectoryRecursive for ${dir.path}`);
                             filesPromise = window.electronAPI.readVideoDirectoryRecursive(dir.path);
                         } else {
-                            console.log(`🎬 Using generic readDirectory for ${dir.path}`);
+                            console.log(`?? Using generic readDirectory for ${dir.path}`);
                             filesPromise = window.electronAPI.readDirectory(dir.path);
                         }
-                        console.log(`🎬 ReadDirectory result for ${dir.path}:`, filesPromise);
-                        console.log(`🎬 Result type:`, typeof filesPromise);
-                        console.log(`🎬 Is promise:`, filesPromise && typeof filesPromise.then === 'function');
-                        console.log(`🎬 Is array:`, Array.isArray(filesPromise));
+                        console.log(`?? ReadDirectory result for ${dir.path}:`, filesPromise);
+                        console.log(`?? Result type:`, typeof filesPromise);
+                        console.log(`?? Is promise:`, filesPromise && typeof filesPromise.then === 'function');
+                        console.log(`?? Is array:`, Array.isArray(filesPromise));
                         
                         // Handle async result
                         let files = [];
                         if (filesPromise && typeof filesPromise.then === 'function') {
                             try {
                                 files = await filesPromise;
-                                console.log(`🎬 Resolved files in ${dir.path}:`, files);
-                                console.log(`🎬 Files length:`, files ? files.length : 'null/undefined');
-                                console.log(`🎬 Files type:`, typeof files);
+                                console.log(`?? Resolved files in ${dir.path}:`, files);
+                                console.log(`?? Files length:`, files ? files.length : 'null/undefined');
+                                console.log(`?? Files type:`, typeof files);
                             } catch (promiseError) {
-                                console.error(`❌ Error resolving promise for ${dir.path}:`, promiseError);
+                                console.error(`? Error resolving promise for ${dir.path}:`, promiseError);
                                 continue;
                             }
                         } else if (Array.isArray(filesPromise)) {
                             files = filesPromise;
-                            console.log(`🎬 Sync files in ${dir.path}:`, files.length, 'files');
+                            console.log(`?? Sync files in ${dir.path}:`, files.length, 'files');
                         } else {
-                            console.error(`❌ Unexpected readDirectory result type for ${dir.path}:`, typeof filesPromise, filesPromise);
+                            console.error(`? Unexpected readDirectory result type for ${dir.path}:`, typeof filesPromise, filesPromise);
                             continue;
                         }
                         
                         // If we got an empty array, try alternative methods
                         if (!files || files.length === 0) {
-                            console.log(`🎬 Empty result from readDirectory, trying alternative approaches...`);
+                            console.log(`?? Empty result from readDirectory, trying alternative approaches...`);
                             
                             // Try with different path formats
                             const normalizedPath = dir.path.replace(/\//g, '\\');
-                            console.log(`🎬 Trying normalized path: ${normalizedPath}`);
+                            console.log(`?? Trying normalized path: ${normalizedPath}`);
                             
                             if (normalizedPath !== dir.path) {
                                 try {
                                     const altResult = await window.electronAPI.readDirectory(normalizedPath);
-                                    console.log(`🎬 Alternative path result:`, altResult);
+                                    console.log(`?? Alternative path result:`, altResult);
                                     if (altResult && altResult.length > 0) {
                                         files = altResult;
-                                        console.log(`🎬 Success with normalized path! Found ${files.length} files`);
+                                        console.log(`?? Success with normalized path! Found ${files.length} files`);
                                     }
                                 } catch (altError) {
-                                    console.log(`🎬 Alternative path also failed:`, altError);
+                                    console.log(`?? Alternative path also failed:`, altError);
                                 }
                             }
                             
                             // If still empty, check if there are other electron APIs we can use
                             if (!files || files.length === 0) {
-                                console.log(`🎬 Available electronAPI methods:`, Object.keys(window.electronAPI));
+                                console.log(`?? Available electronAPI methods:`, Object.keys(window.electronAPI));
                                 
                                 // Try to list files using different methods if available
                                 if (window.electronAPI.readVideoDirectory) {
                                     try {
                                         const videoResult = await window.electronAPI.readVideoDirectory(dir.path);
-                                        console.log(`🎬 readVideoDirectory result:`, videoResult);
+                                        console.log(`?? readVideoDirectory result:`, videoResult);
                                         if (videoResult && videoResult.length > 0) {
                                             files = videoResult;
-                                            console.log(`🎬 Success with readVideoDirectory! Found ${files.length} files`);
+                                            console.log(`?? Success with readVideoDirectory! Found ${files.length} files`);
                                         }
                                     } catch (videoError) {
-                                        console.log(`🎬 readVideoDirectory also failed:`, videoError);
+                                        console.log(`?? readVideoDirectory also failed:`, videoError);
                                     }
                                 }
                                 
                                 if ((!files || files.length === 0) && window.electronAPI.readVideoDirectoryRecursive) {
                                     try {
                                         const recursiveResult = await window.electronAPI.readVideoDirectoryRecursive(dir.path);
-                                        console.log(`🎬 readVideoDirectoryRecursive result:`, recursiveResult);
+                                        console.log(`?? readVideoDirectoryRecursive result:`, recursiveResult);
                                         if (recursiveResult && recursiveResult.length > 0) {
                                             files = recursiveResult;
-                                            console.log(`🎬 Success with readVideoDirectoryRecursive! Found ${files.length} files`);
+                                            console.log(`?? Success with readVideoDirectoryRecursive! Found ${files.length} files`);
                                         }
                                     } catch (recursiveError) {
-                                        console.log(`🎬 readVideoDirectoryRecursive also failed:`, recursiveError);
+                                        console.log(`?? readVideoDirectoryRecursive also failed:`, recursiveError);
                                     }
                                 }
                                 
                                 if (window.electronAPI.listFiles) {
                                     try {
                                         const listResult = await window.electronAPI.listFiles(dir.path);
-                                        console.log(`🎬 listFiles result:`, listResult);
+                                        console.log(`?? listFiles result:`, listResult);
                                         if (listResult && listResult.length > 0) {
                                             files = listResult;
-                                            console.log(`🎬 Success with listFiles! Found ${files.length} files`);
+                                            console.log(`?? Success with listFiles! Found ${files.length} files`);
                                         }
                                     } catch (listError) {
-                                        console.log(`🎬 listFiles also failed:`, listError);
+                                        console.log(`?? listFiles also failed:`, listError);
                                     }
                                 }
                                 
                                 if (window.electronAPI.scanDirectory) {
                                     try {
                                         const scanResult = await window.electronAPI.scanDirectory(dir.path);
-                                        console.log(`🎬 scanDirectory result:`, scanResult);
+                                        console.log(`?? scanDirectory result:`, scanResult);
                                         if (scanResult && scanResult.length > 0) {
                                             files = scanResult;
-                                            console.log(`🎬 Success with scanDirectory! Found ${files.length} files`);
+                                            console.log(`?? Success with scanDirectory! Found ${files.length} files`);
                                         }
                                     } catch (scanError) {
-                                        console.log(`🎬 scanDirectory also failed:`, scanError);
+                                        console.log(`?? scanDirectory also failed:`, scanError);
                                     }
                                 }
                             }
                         }
                         
                         if (files && files.length > 0) {
-                            console.log(`📍 Sample files:`, files.slice(0, 5));
+                            console.log(`?? Sample files:`, files.slice(0, 5));
                             
                             // Filter for video files
                             const videoFiles = files.filter(file => {
@@ -6582,8 +6583,8 @@
                                 return videoExtensions.test(fileName);
                             });
                             
-                            console.log(`🎬 Found ${videoFiles.length} video files in ${dir.name}`);
-                            console.log(`📍 Sample video files:`, videoFiles.slice(0, 5));
+                            console.log(`?? Found ${videoFiles.length} video files in ${dir.name}`);
+                            console.log(`?? Sample video files:`, videoFiles.slice(0, 5));
                             
                             if (videoFiles.length > 0) {
                                 const dirVideos = videoFiles.map(file => {
@@ -6611,10 +6612,10 @@
                                 });
                                 
                                 allVideos.push(...dirVideos);
-                                console.log(`🎬 Added ${dirVideos.length} videos from ${dir.name}`);
+                                console.log(`?? Added ${dirVideos.length} videos from ${dir.name}`);
                             }
                         } else {
-                            console.log(`📍 No files found in ${dir.path}`);
+                            console.log(`?? No files found in ${dir.path}`);
                         }
                         
                     } catch (error) {
@@ -6635,7 +6636,7 @@
             }
             
             if (individualVideos.length > 0) {
-                console.log(`🎬 Loading ${individualVideos.length} individual videos...`);
+                console.log(`?? Loading ${individualVideos.length} individual videos...`);
                 
                 individualVideos.forEach(video => {
                     allVideos.push({
@@ -6647,10 +6648,10 @@
                     });
                 });
                 
-                console.log(`🎬 Added ${individualVideos.length} individual videos to gallery`);
+                console.log(`?? Added ${individualVideos.length} individual videos to gallery`);
             }
             
-            console.log(`🎬 Total videos found: ${allVideos.length}`);
+            console.log(`?? Total videos found: ${allVideos.length}`);
             
             // Include captured videos in count
             const capturedVideos = JSON.parse(localStorage.getItem('capturedVideos') || '[]');
@@ -6659,20 +6660,20 @@
             const videoCountElement = document.getElementById('lib-video-count');
             if (videoCountElement) {
                 videoCountElement.textContent = `${totalVideos} videos`;
-                console.log(`📊 Updated video count: ${totalVideos} (${allVideos.length} linked + ${capturedVideos.length} captured)`);
+                console.log(`?? Updated video count: ${totalVideos} (${allVideos.length} linked + ${capturedVideos.length} captured)`);
             }
             
             await populateVideoGallery(allVideos);
         }
 
         async function loadCapturedVideosFromDirectory(videoGallery, existingVideoCount) {
-            console.log('📹 Loading captured videos from directory...');
+            console.log('?? Loading captured videos from directory...');
             
             try {
                 // Get the selected recording directory
                 const savedDirectory = localStorage.getItem('webcamRecordingDirectory');
                 if (!savedDirectory) {
-                    console.log('📹 No recording directory set, skipping captured videos');
+                    console.log('?? No recording directory set, skipping captured videos');
                     return 0;
                 }
                 
@@ -6684,7 +6685,7 @@
                         (file.name.endsWith('.mp4') || file.name.endsWith('.webm'))
                     );
                     
-                    console.log(`📹 Found ${capturedVideoFiles.length} captured session videos`);
+                    console.log(`?? Found ${capturedVideoFiles.length} captured session videos`);
                     
                     capturedVideoFiles.forEach((video, index) => {
                         const videoElement = document.createElement('div');
@@ -6700,15 +6701,15 @@
                                     <source src="${video.url || video.path}#t=2" type="${video.type || 'video/mp4'}">
                                 </video>
                                 <div class="video-overlay">
-                                    <div class="play-icon">▶️</div>
+                                    <div class="play-icon">??</div>
                                 </div>
                                 <div class="video-fallback" style="display: none;">
-                                    <div class="video-icon">🎬</div>
+                                    <div class="video-icon">??</div>
                                 </div>
                             </div>
                             <div class="video-info">
                                 <div class="video-name">Session Recording ${index + 1}</div>
-                                <div class="video-directory">Captured • ${timestamp}</div>
+                                <div class="video-directory">Captured � ${timestamp}</div>
                             </div>
                         `;
                         
@@ -6717,12 +6718,12 @@
                         const fallback = videoElement.querySelector('.video-fallback');
                         
                         videoThumb.addEventListener('loadedmetadata', function() {
-                            console.log(`✅ Captured video thumbnail loaded: Recording ${index + 1}`);
+                            console.log(`? Captured video thumbnail loaded: Recording ${index + 1}`);
                             this.currentTime = 2;
                         });
                         
                         videoThumb.addEventListener('error', function(e) {
-                            console.log(`❌ Captured video thumbnail failed: Recording ${index + 1}`, e);
+                            console.log(`? Captured video thumbnail failed: Recording ${index + 1}`, e);
                             videoThumb.style.display = 'none';
                             fallback.style.display = 'flex';
                         });
@@ -6736,7 +6737,7 @@
                     
                     return capturedVideoFiles.length;
                 } else {
-                    console.log('📹 Electron API not available, showing directory info instead');
+                    console.log('?? Electron API not available, showing directory info instead');
                     
                     // Fallback: Show directory info
                     const infoElement = document.createElement('div');
@@ -6744,7 +6745,7 @@
                     infoElement.innerHTML = `
                         <div class="video-thumbnail-container">
                             <div class="video-fallback" style="display: flex; width: 100%; height: 150px; background: var(--bg-secondary); align-items: center; justify-content: center;">
-                                <div class="video-icon" style="font-size: 2em;">📁</div>
+                                <div class="video-icon" style="font-size: 2em;">??</div>
                             </div>
                         </div>
                         <div class="video-info">
@@ -6769,13 +6770,13 @@
         async function populateVideoGallery(videos) {
             const videoGallery = document.getElementById('lib-video-gallery');
             if (!videoGallery) {
-                console.error('❌ lib-video-gallery element not found!');
+                console.error('? lib-video-gallery element not found!');
                 return;
             }
             
-            console.log(`🎬 Populating gallery with ${videos.length} videos`);
-            console.log(`🎬 Gallery element:`, videoGallery);
-            console.log(`🎬 Gallery innerHTML before clear:`, videoGallery.innerHTML.substring(0, 200));
+            console.log(`?? Populating gallery with ${videos.length} videos`);
+            console.log(`?? Gallery element:`, videoGallery);
+            console.log(`?? Gallery innerHTML before clear:`, videoGallery.innerHTML.substring(0, 200));
             
             if (videos.length === 0) {
                 videoGallery.innerHTML = `
@@ -6788,9 +6789,9 @@
             }
             
             videoGallery.innerHTML = '';
-            console.log(`🎬 Gallery cleared, innerHTML after clear:`, videoGallery.innerHTML);
-            console.log(`🎬 Gallery element classes:`, videoGallery.className);
-            console.log(`🎬 Gallery element style:`, videoGallery.style.cssText);
+            console.log(`?? Gallery cleared, innerHTML after clear:`, videoGallery.innerHTML);
+            console.log(`?? Gallery element classes:`, videoGallery.className);
+            console.log(`?? Gallery element style:`, videoGallery.style.cssText);
             
             videos.forEach((video, index) => {
                 const videoElement = document.createElement('div');
@@ -6801,10 +6802,10 @@
                             <source src="${video.path}#t=2" type="video/mp4">
                         </video>
                         <div class="video-overlay">
-                            <div class="play-icon">▶️</div>
+                            <div class="play-icon">??</div>
                         </div>
                         <div class="video-fallback" style="display: none;">
-                            <div class="video-icon">🎬</div>
+                            <div class="video-icon">??</div>
                         </div>
                     </div>
                     <div class="video-info">
@@ -6818,16 +6819,16 @@
                 const fallback = videoElement.querySelector('.video-fallback');
                 
                 videoThumb.addEventListener('loadedmetadata', function() {
-                    console.log(`✅ Video thumbnail loaded for: ${video.name}`);
+                    console.log(`? Video thumbnail loaded for: ${video.name}`);
                     this.currentTime = 2; // Seek to 2 seconds
                 });
                 
                 videoThumb.addEventListener('seeked', function() {
-                    console.log(`📷 Video thumbnail ready for: ${video.name}`);
+                    console.log(`?? Video thumbnail ready for: ${video.name}`);
                 });
                 
                 videoThumb.addEventListener('error', function(e) {
-                    console.log(`❌ Video thumbnail failed for: ${video.name}`, e);
+                    console.log(`? Video thumbnail failed for: ${video.name}`, e);
                     // Show fallback icon if video fails to load
                     videoThumb.style.display = 'none';
                     fallback.style.display = 'flex';
@@ -6840,30 +6841,30 @@
                 videoGallery.appendChild(videoElement);
                 
                 if (index < 5) {
-                    console.log(`🎬 Added video ${index + 1}: ${video.name}`);
-                    console.log(`🎬 Video element HTML:`, videoElement.outerHTML.substring(0, 200));
+                    console.log(`?? Added video ${index + 1}: ${video.name}`);
+                    console.log(`?? Video element HTML:`, videoElement.outerHTML.substring(0, 200));
                 }
             });
             
-            console.log(`✅ Created ${videos.length} linked video gallery items`);
+            console.log(`? Created ${videos.length} linked video gallery items`);
             
             // Add captured session videos from directory
             const capturedVideosCount = await loadCapturedVideosFromDirectory(videoGallery, videos.length);
 
             const totalVideos = videos.length + capturedVideosCount;
-            console.log(`✅ Total videos in gallery: ${totalVideos} (${videos.length} linked + ${capturedVideos.length} captured)`);
-            console.log(`🎬 Final gallery innerHTML length:`, videoGallery.innerHTML.length);
-            console.log(`🎬 Gallery children count:`, videoGallery.children.length);
-            console.log(`🎬 Gallery computed style display:`, window.getComputedStyle(videoGallery).display);
+            console.log(`? Total videos in gallery: ${totalVideos} (${videos.length} linked + ${capturedVideos.length} captured)`);
+            console.log(`?? Final gallery innerHTML length:`, videoGallery.innerHTML.length);
+            console.log(`?? Gallery children count:`, videoGallery.children.length);
+            console.log(`?? Gallery computed style display:`, window.getComputedStyle(videoGallery).display);
             
             // Add a watcher to see if the gallery gets cleared
             setTimeout(() => {
-                console.log(`🎬 AFTER 5 seconds - Gallery children count:`, videoGallery.children.length);
-                console.log(`🎬 AFTER 5 seconds - Gallery innerHTML length:`, videoGallery.innerHTML.length);
+                console.log(`?? AFTER 5 seconds - Gallery children count:`, videoGallery.children.length);
+                console.log(`?? AFTER 5 seconds - Gallery innerHTML length:`, videoGallery.innerHTML.length);
                 if (videoGallery.children.length === 0) {
-                    console.log(`❌ GALLERY WAS CLEARED! Something removed all video elements.`);
+                    console.log(`? GALLERY WAS CLEARED! Something removed all video elements.`);
                 } else {
-                    console.log(`✅ Gallery still has content after 5 seconds`);
+                    console.log(`? Gallery still has content after 5 seconds`);
                 }
             }, 5000);
             
@@ -6871,7 +6872,7 @@
             Array.from(videoGallery.children).forEach((child, index) => {
                 if (index < 3) { // Check first 3 items
                     const styles = window.getComputedStyle(child);
-                    console.log(`🎬 Video item ${index + 1} styles:`, {
+                    console.log(`?? Video item ${index + 1} styles:`, {
                         display: styles.display,
                         width: styles.width,
                         height: styles.height,
@@ -6885,7 +6886,7 @@
                     const container = child.querySelector('.video-thumbnail-container');
                     if (container) {
                         const containerStyles = window.getComputedStyle(container);
-                        console.log(`🎬 Container ${index + 1} styles:`, {
+                        console.log(`?? Container ${index + 1} styles:`, {
                             display: containerStyles.display,
                             width: containerStyles.width,
                             height: containerStyles.height,
@@ -6908,7 +6909,7 @@
                     <div class="modal-content">
                         <div class="modal-header">
                             <span id="preview-video-name">${videoName}</span>
-                            <button class="close-btn" onclick="closeVideoPreview()">✖️</button>
+                            <button class="close-btn" onclick="closeVideoPreview()">??</button>
                         </div>
                         <div class="modal-body">
                             <video id="preview-video" controls>
@@ -6951,12 +6952,12 @@
 
         // Test function for verification photos in main library
         window.testVerificationPhotosInLibrary = function() {
-            console.log('🧪 Testing verification photos integration...');
+            console.log('?? Testing verification photos integration...');
             const verificationPhotos = JSON.parse(localStorage.getItem('verificationPhotos') || '[]');
-            console.log(`📷 Found ${verificationPhotos.length} verification photos in localStorage`);
+            console.log(`?? Found ${verificationPhotos.length} verification photos in localStorage`);
             
             if (verificationPhotos.length > 0) {
-                console.log('📷 First verification photo:', verificationPhotos[0]);
+                console.log('?? First verification photo:', verificationPhotos[0]);
             }
             
             // Load the library to test integration
@@ -6965,13 +6966,13 @@
             // Check if photos appear in "all" category
             const allImages = window.allLinkedImages || [];
             const verificationImagesInLibrary = allImages.filter(img => img.type === 'verification');
-            console.log(`📸 Found ${verificationImagesInLibrary.length} verification photos in main library`);
+            console.log(`?? Found ${verificationImagesInLibrary.length} verification photos in main library`);
             
             if (verificationImagesInLibrary.length > 0) {
-                console.log('✅ Verification photos successfully integrated into main library!');
-                console.log('📷 Sample verification photo in library:', verificationImagesInLibrary[0]);
+                console.log('? Verification photos successfully integrated into main library!');
+                console.log('?? Sample verification photo in library:', verificationImagesInLibrary[0]);
             } else {
-                console.log('⚠️ Verification photos not found in main library');
+                console.log('?? Verification photos not found in main library');
             }
             
             // Test filter
@@ -6979,12 +6980,12 @@
             if (categoryFilter) {
                 categoryFilter.value = 'verification';
                 categoryFilter.dispatchEvent(new Event('change'));
-                console.log('🔍 Switched to verification filter');
+                console.log('?? Switched to verification filter');
             }
             
             // Test gallery tab
             setupLibraryGalleryTab();
-            console.log('🖼️ Refreshed gallery tab to include verification photos');
+            console.log('??? Refreshed gallery tab to include verification photos');
             
             return {
                 totalVerificationPhotos: verificationPhotos.length,
@@ -6995,21 +6996,21 @@
 
         // Test function specifically for the gallery tab
         window.testGalleryIntegration = function() {
-            console.log('🧪 Testing gallery tab verification photos...');
+            console.log('?? Testing gallery tab verification photos...');
             const capturedPhotos = JSON.parse(localStorage.getItem('capturedPhotos') || '[]');
             const verificationPhotos = JSON.parse(localStorage.getItem('verificationPhotos') || '[]');
             
-            console.log(`📸 Found ${capturedPhotos.length} captured photos`);
-            console.log(`📷 Found ${verificationPhotos.length} verification photos`);
-            console.log(`📊 Total should be: ${capturedPhotos.length + verificationPhotos.length} photos`);
+            console.log(`?? Found ${capturedPhotos.length} captured photos`);
+            console.log(`?? Found ${verificationPhotos.length} verification photos`);
+            console.log(`?? Total should be: ${capturedPhotos.length + verificationPhotos.length} photos`);
             
             // Debug verification photo structure
             if (verificationPhotos.length > 0) {
-                console.log('📷 First verification photo structure:', verificationPhotos[0]);
-                console.log('📷 Properties:', Object.keys(verificationPhotos[0]));
-                console.log('📷 Has data property:', !!verificationPhotos[0].data);
-                console.log('📷 Has dataUrl property:', !!verificationPhotos[0].dataUrl);
-                console.log('📷 Image data type:', typeof (verificationPhotos[0].data || verificationPhotos[0].dataUrl));
+                console.log('?? First verification photo structure:', verificationPhotos[0]);
+                console.log('?? Properties:', Object.keys(verificationPhotos[0]));
+                console.log('?? Has data property:', !!verificationPhotos[0].data);
+                console.log('?? Has dataUrl property:', !!verificationPhotos[0].dataUrl);
+                console.log('?? Image data type:', typeof (verificationPhotos[0].data || verificationPhotos[0].dataUrl));
             }
             
             // Refresh the gallery
@@ -7018,7 +7019,7 @@
             // Check the count display
             const countElement = document.getElementById('lib-all-photos-count');
             if (countElement) {
-                console.log('📊 Gallery count display:', countElement.textContent);
+                console.log('?? Gallery count display:', countElement.textContent);
             }
             
             return {
@@ -7031,16 +7032,16 @@
 
         // Test function to check XP system on main page
         window.testMainPageXP = function() {
-            console.log('🧪 Testing main page XP system...');
+            console.log('?? Testing main page XP system...');
             
             // Check PlayerStats availability
-            console.log('📊 PlayerStats available:', !!window.playerStats);
+            console.log('?? PlayerStats available:', !!window.playerStats);
             if (window.playerStats) {
                 const stats = window.playerStats.stats;
-                console.log('📊 Current total XP:', stats.totalXP);
-                console.log('📊 Current scenario XP:', stats.scenarioGameXP);
-                console.log('📊 Current quick play XP:', stats.quickPlayXP);
-                console.log('📊 Current porn cinema XP:', stats.pornCinemaXP);
+                console.log('?? Current total XP:', stats.totalXP);
+                console.log('?? Current scenario XP:', stats.scenarioGameXP);
+                console.log('?? Current quick play XP:', stats.quickPlayXP);
+                console.log('?? Current porn cinema XP:', stats.pornCinemaXP);
             }
             
             // Check localStorage backup
@@ -7048,10 +7049,10 @@
             if (savedStats) {
                 try {
                     const stats = JSON.parse(savedStats);
-                    console.log('💾 localStorage total XP:', stats.totalXP || 0);
-                    console.log('💾 localStorage scenario XP:', stats.scenarioGameXP || 0);
+                    console.log('?? localStorage total XP:', stats.totalXP || 0);
+                    console.log('?? localStorage scenario XP:', stats.scenarioGameXP || 0);
                 } catch (e) {
-                    console.log('❌ Error parsing localStorage stats');
+                    console.log('? Error parsing localStorage stats');
                 }
             }
             
@@ -7063,12 +7064,12 @@
                 const beforeXP = window.playerStats.stats.totalXP;
                 window.playerStats.awardXP(1, 'test');
                 const afterXP = window.playerStats.stats.totalXP;
-                console.log(`🧪 Test XP award: ${beforeXP} → ${afterXP} (+${afterXP - beforeXP})`);
+                console.log(`?? Test XP award: ${beforeXP} ? ${afterXP} (+${afterXP - beforeXP})`);
                 
                 // Force another display update
                 setTimeout(() => {
                     updateLevelDisplay();
-                    console.log('📊 Display updated after test XP award');
+                    console.log('?? Display updated after test XP award');
                 }, 100);
                 
                 return {
@@ -7086,32 +7087,32 @@
         
         // Listen for level up events
         window.addEventListener('levelUp', (event) => {
-            console.log('🎉 Level up event received:', event.detail);
+            console.log('?? Level up event received:', event.detail);
             updateLevelDisplay(); // Update the display immediately
         });
         
         // Listen for achievement events
         window.addEventListener('achievementUnlocked', (event) => {
-            console.log('🏆 Achievement unlocked event received:', event.detail);
+            console.log('?? Achievement unlocked event received:', event.detail);
         });
         
         // Listen for player stats updates
         window.addEventListener('playerStatsUpdated', (event) => {
-            console.log('📊 Player stats updated:', event.detail);
+            console.log('?? Player stats updated:', event.detail);
             updateLevelDisplay(); // Keep display in sync
         });
         
         // Test function for animations
         window.testLevelUpAnimation = function() {
-            const oldLevel = { level: 4, name: 'Aroused', icon: '🌿', description: 'Your arousal is building' };
-            const newLevel = { level: 5, name: 'Lustful', icon: '🌟', description: 'Consumed by lust and craving more' };
+            const oldLevel = { level: 4, name: 'Aroused', icon: '??', description: 'Your arousal is building' };
+            const newLevel = { level: 5, name: 'Lustful', icon: '??', description: 'Consumed by lust and craving more' };
             window.showLevelUpAnimation(oldLevel, newLevel, 25, 'test');
         };
         
         window.testAchievementAnimation = function() {
             const achievement = {
                 id: 'test',
-                icon: '🏆',
+                icon: '??',
                 title: 'Test Achievement',
                 description: 'This is a test achievement for demonstration'
             };
@@ -7122,3 +7123,4 @@
 
 
 </html>
+
diff --git a/src/styles/styles.css b/src/styles/styles.css
index 7c9cd9e..7bb9c8e 100644
--- a/src/styles/styles.css
+++ b/src/styles/styles.css
@@ -88,12 +88,12 @@ body {
     border: 1px solid var(--border-color);
     border-radius: 15px;
     box-shadow: var(--shadow-primary);
-    width: 95%;
-    max-width: 1400px; /* Increased from 800px for larger screens */
-    min-width: 780px; /* Ensure minimum usable width */
+    width: calc(100vw - 350px); /* Full width minus space for sidebar images */
+    max-width: calc(100vw - 350px);
+    min-width: 600px;
     min-height: 600px;
     overflow: hidden;
-    margin: 10px auto; /* Center and add some margin */
+    margin: 10px auto;
 }
 
 /* Header */
@@ -3643,10 +3643,11 @@ body.theme-monochrome {
 /* Small screens - compact layout */
 @media (max-width: 899px) {
     .game-container {
-        width: 98%;
+        width: calc(100vw - 350px);
+        max-width: calc(100vw - 350px);
         margin: 5px auto;
         border-radius: 10px;
-        min-width: 760px; /* Ensure minimum usability */
+        min-width: 600px;
     }
     
     .game-header {
@@ -3686,7 +3687,8 @@ body.theme-monochrome {
 /* Handle very wide screens */
 @media (min-width: 1600px) {
     .game-container {
-        max-width: 1600px;
+        width: calc(100vw - 350px);
+        max-width: calc(100vw - 350px);
     }
     
     .game-content {
@@ -6951,7 +6953,7 @@ button#start-mirror-btn:disabled {
 }
 
 .character-side.left {
-    left: -50px;
+    left: 0;
     top: 50%;
     transform: translateY(-50%);
     width: 150px;
@@ -6959,7 +6961,7 @@ button#start-mirror-btn:disabled {
 }
 
 .character-side.right {
-    right: -50px;
+    right: 0;
     top: 50%;
     transform: translateY(-50%);
     width: 150px;
