From 8178f8ec1f20a5db3a4009e8c9a46cea386b5192 Mon Sep 17 00:00:00 2001
From: dilgenfritz <drewilgenfritz@gmail.com>
Date: Mon, 1 Dec 2025 10:33:26 -0600
Subject: [PATCH] fix emojis

---
 fix-emojis.ps1        |  67 +++
 index.html            | 988 +++++++++++++++++++++---------------------
 src/styles/styles.css |  38 +-
 3 files changed, 595 insertions(+), 498 deletions(-)
 create mode 100644 fix-emojis.ps1

diff --git a/fix-emojis.ps1 b/fix-emojis.ps1
new file mode 100644
index 0000000..b35d0ad
--- /dev/null
+++ b/fix-emojis.ps1
@@ -0,0 +1,67 @@
+$content = Get-Content 'index.html' -Raw -Encoding UTF8
+
+# Replace broken emoji placeholders with proper Unicode emojis
+# Line 171 - Profile icon
+$content = $content -replace '<span class="utility-icon">\?\?</span>\s*<span class="utility-label">Profile</span>', '<span class="utility-icon">๐Ÿ‘ค</span><span class="utility-label">Profile</span>'
+
+# Line 175 - Guide icon  
+$content = $content -replace '<span class="utility-icon">\?\?</span>\s*<span class="utility-label">Guide</span>', '<span class="utility-icon">๐Ÿ“–</span><span class="utility-label">Guide</span>'
+
+# Line 179 - Options icon
+$content = $content -replace '<span class="utility-icon">\?\?</span>\s*<span class="utility-label">Options</span>', '<span class="utility-icon">โš™๏ธ</span><span class="utility-label">Options</span>'
+
+# Line 198-210 - Feature icons
+$content = $content -replace '<span class="feature-icon">\?\?</span>\s*<span class="feature-text">Advanced Training', '<span class="feature-icon">๐ŸŽฏ</span><span class="feature-text">Advanced Training'
+$content = $content -replace '<span class="feature-icon">\?\?</span>\s*<span class="feature-text">Quick Sessions', '<span class="feature-icon">โšก</span><span class="feature-text">Quick Sessions'
+$content = $content -replace '<span class="feature-icon">\?\?</span>\s*<span class="feature-text">Cinema Mode', '<span class="feature-icon">๐ŸŽฌ</span><span class="feature-text">Cinema Mode'
+$content = $content -replace '<span class="feature-icon">\?\?</span>\s*<span class="feature-text">Hypno Gallery', '<span class="feature-icon">๐ŸŒ€</span><span class="feature-text">Hypno Gallery'
+
+# Music controls
+$content = $content -replace 'title="Music Controls">\?\?</button>', 'title="Music Controls">๐ŸŽต</button>'
+$content = $content -replace 'title="Play/Pause">\?\?</button>', 'title="Play/Pause">โฏ๏ธ</button>'
+$content = $content -replace 'title="Loop">\?\?</button>', 'title="Loop">๐Ÿ”</button>'
+$content = $content -replace 'title="Shuffle">\?\?</button>', 'title="Shuffle">๐Ÿ”€</button>'
+$content = $content -replace '<span class="volume-icon">\?\?</span>', '<span class="volume-icon">๐Ÿ”Š</span>'
+
+# Image library icons
+$content = $content -replace '<h2>\?\?\? Image Library Management</h2>', '<h2>๐Ÿ–ผ๏ธ Image Library Management</h2>'
+$content = $content -replace '<h3>\?\? Import Image Files</h3>', '<h3>๐Ÿ“‚ Import Image Files</h3>'
+$content = $content -replace '>\?\? Task Images</button>', '>๐Ÿ“ธ Task Images</button>'
+$content = $content -replace '>\?\? Consequence Images</button>', '>โš ๏ธ Consequence Images</button>'
+$content = $content -replace '<span>\?\? Desktop:', '<span>๐Ÿ’ป Desktop:'
+$content = $content -replace '<span>\?\? Web:', '<span>๐ŸŒ Web:'
+$content = $content -replace '>\?\? Storage Info</button>', '>๐Ÿ’พ Storage Info</button>'
+$content = $content -replace '>\?\? Cleanup</button>', '>๐Ÿงน Cleanup</button>'
+$content = $content -replace '>\?\?\? Clear All</button>', '>๐Ÿ—‘๏ธ Clear All</button>'
+$content = $content -replace '<span class="scan-info">\?\? Auto-scan', '<span class="scan-info">๐Ÿ” Auto-scan'
+$content = $content -replace '<h3>\?\?\? Current Image Library</h3>', '<h3>๐Ÿ“š Current Image Library</h3>'
+$content = $content -replace '>\?\? Refresh</button>', '>๐Ÿ”„ Refresh</button>'
+$content = $content -replace '<h4>\?\?\? Image Preview</h4>', '<h4>๐Ÿ‘๏ธ Image Preview</h4>'
+
+# Audio library icons
+$content = $content -replace '<h2>\?\? Audio Library Management</h2>', '<h2>๐ŸŽต Audio Library Management</h2>'
+$content = $content -replace '<h3>\?\? Import Audio Files</h3>', '<h3>๐Ÿ“‚ Import Audio Files</h3>'
+$content = $content -replace '>\?\? Background Music</button>', '>๐ŸŽถ Background Music</button>'
+$content = $content -replace '>\?\? Ambient Sounds</button>', '>๐ŸŒŠ Ambient Sounds</button>'
+$content = $content -replace '>\?\? Scan Directories</button>', '>๐Ÿ” Scan Directories</button>'
+$content = $content -replace '<h3>\?\? Current Audio Library</h3>', '<h3>๐ŸŽต Current Audio Library</h3>'
+$content = $content -replace '<h4>\?\? Audio Preview</h4>', '<h4>๐Ÿ”Š Audio Preview</h4>'
+
+# Video library icons
+$content = $content -replace '<h2>\?\? Video Library Management</h2>', '<h2>๐ŸŽฅ Video Library Management</h2>'
+$content = $content -replace '<h3>\?\? Video Library Management</h3>', '<h3>๐ŸŽฌ Video Library Management</h3>'
+$content = $content -replace '>\?\? Refresh All</button>', '>๐Ÿ”„ Refresh All</button>'
+$content = $content -replace '>\?\? Clear All</button>', '>๐Ÿ—‘๏ธ Clear All</button>'
+$content = $content -replace '<h3>\?\? Video Library</h3>', '<h3>๐Ÿ“น Video Library</h3>'
+$content = $content -replace '<h4>\?\? Video Preview</h4>', '<h4>๐Ÿ‘๏ธ Video Preview</h4>'
+
+# Console log emojis (keeping existing format)
+$content = $content -replace "console\.log\('\?\?", "console.log('๐Ÿ”ง"
+$content = $content -replace "console\.log\(`\?\?", "console.log\`๐Ÿ”ง"
+$content = $content -replace "console\.warn\('\?\?", "console.warn('โš ๏ธ"
+$content = $content -replace "console\.error\('\?\?", "console.error('โŒ"
+$content = $content -replace "console\.error\('\?", "console.error('โŒ"
+
+$content | Set-Content 'index.html' -Encoding UTF8 -NoNewline
+
+Write-Host "Emoji fix complete!"
diff --git a/index.html b/index.html
index e89f1d1..4190ff4 100644
--- a/index.html
+++ b/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+๏ปฟ<!DOCTYPE html>
 <html lang="en">
 <head>
     <meta charset="UTF-8">
@@ -168,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>
@@ -189,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'">
@@ -254,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">
@@ -271,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">
@@ -288,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>
@@ -308,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>
@@ -349,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;">
@@ -370,36 +370,36 @@
 
             <!-- 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>
@@ -411,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;">
@@ -434,12 +434,12 @@
 
             <!-- 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>
@@ -449,8 +449,8 @@
                         <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="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 -->
@@ -463,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>
@@ -492,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;">
@@ -502,7 +502,7 @@
                         <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="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>
@@ -511,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">
@@ -584,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>
@@ -637,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">
@@ -669,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>
@@ -678,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;">
@@ -686,7 +686,7 @@
                         <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="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>
@@ -723,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>
@@ -734,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">
@@ -813,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">
@@ -859,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>
@@ -890,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>
@@ -900,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>
@@ -914,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>
@@ -933,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="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="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="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="aqua-mist"> Aqua Mist</option>
+                    <option value="coral-blaze"> Coral Blaze</option>
                 </select>
             </div>
         </div>
@@ -970,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>
@@ -982,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>
@@ -990,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>
@@ -998,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>
@@ -1006,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>
@@ -1014,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>
@@ -1022,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>
@@ -1031,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>
@@ -1134,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
@@ -1216,7 +1216,7 @@
                                     // 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();
                                 };
                                 
@@ -1355,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
@@ -1452,7 +1452,7 @@
                                     // 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();
                                 };
                                 
@@ -1488,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);
@@ -1516,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);
                     }
                 }
             } else {
-                console.warn('?? BackupManager not available');
+                console.warn(' BackupManager not available');
             }
         }
 
@@ -1542,7 +1542,7 @@
                 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.`);
@@ -1550,7 +1550,7 @@
                         alert(`? Backup creation failed:\n${error.message}`);
                     } finally {
                         createBackupBtn.disabled = false;
-                        createBackupBtn.textContent = '?? Create Backup';
+                        createBackupBtn.textContent = ' Create Backup';
                     }
                 });
             }
@@ -1598,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 += `
@@ -1614,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
@@ -1642,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 += `
@@ -1658,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
@@ -1679,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>
@@ -1700,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>
@@ -1728,7 +1728,7 @@
                         </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>
@@ -1746,7 +1746,7 @@
         }
 
         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;
             }
 
@@ -1870,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,
@@ -1885,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');
@@ -1905,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
@@ -1926,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
@@ -1949,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,
@@ -1979,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);
@@ -2002,14 +2002,14 @@
                 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
@@ -2017,19 +2017,19 @@
                     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');
                     });
                 }
                 
@@ -2041,7 +2041,7 @@
 
         // 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();
@@ -2146,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.`);
         }
@@ -2170,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');
@@ -2199,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
@@ -2302,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();
                     }
                 });
@@ -2313,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
@@ -2350,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');
                 }
             }
         }
@@ -2388,7 +2388,7 @@
                 });
             } 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');
                 }
             }
         }
@@ -2428,7 +2428,7 @@
                         // 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);
@@ -2512,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>
@@ -2527,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">
@@ -2535,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>
@@ -2643,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;
                             }
@@ -2656,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;
                             }
@@ -2746,7 +2746,7 @@
                     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}%`);
                         }
                     }
                 };
@@ -2768,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');
                 }
                 
@@ -2783,7 +2783,7 @@
                     console.warn('Autoplay failed:', error);
                 });
                 
-                console.log(`?? Previewing video: ${videoName}`);
+                console.log(` Previewing video: ${videoName}`);
             }
         }
         
@@ -2796,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
@@ -2834,7 +2834,7 @@
                 previewPlayer.src = '';
                 
                 previewSection.style.display = 'none';
-                console.log('?? Video preview closed');
+                console.log(' Video preview closed');
             }
         }
 
@@ -2848,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');
                 }
             }
         }
@@ -2872,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);
@@ -3025,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
@@ -3041,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);
                     }
                 });
@@ -3064,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();
@@ -3075,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();
@@ -3088,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;
@@ -3113,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) {
@@ -3121,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 = [];
@@ -3135,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,
@@ -3147,7 +3147,7 @@
                                         });
                                     });
                                 } else {
-                                    console.log(`?? No video files found in ${dir.path}`);
+                                    console.log(` No video files found in ${dir.path}`);
                                 }
                                 
                             } catch (error) {
@@ -3168,7 +3168,7 @@
                         });
                     });
                     
-                    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);
@@ -3177,31 +3177,31 @@
             
             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
@@ -3209,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();
             },
             
@@ -3232,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;
                         }
                     }
@@ -3241,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;
                         }
                     }
@@ -3249,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;
                 }
             },
@@ -3283,7 +3283,7 @@
                     }
                 });
                 
-                console.log(`?? Extracted ${videos.length} videos from gallery`);
+                console.log(` Extracted ${videos.length} videos from gallery`);
                 return videos;
             },
             
@@ -3319,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>
@@ -3340,7 +3340,7 @@
                     }
                     
                     demoContainer.appendChild(demoDiv);
-                    console.log('?? Created demo billboard content');
+                    console.log(' Created demo billboard content');
                 }
             },
             
@@ -3361,15 +3361,15 @@
                 
                 // 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) => {
@@ -3384,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() {
@@ -3416,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';
                 }
             },
@@ -3456,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}`;
@@ -3516,7 +3516,7 @@
                 video.muted = this.isMuted;
                 this.updateControlButtons();
                 
-                console.log(`?? Billboard ${this.isMuted ? 'muted' : 'unmuted'}`);
+                console.log(` Billboard ${this.isMuted ? 'muted' : 'unmuted'}`);
             },
             
             togglePause() {
@@ -3543,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');
@@ -3588,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');
                 }
             };
             
@@ -3613,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();
@@ -3621,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(() => {
@@ -3640,7 +3640,7 @@
                         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();
                             }
@@ -3650,7 +3650,7 @@
                                 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.');
+                                alert(' Storage is full! Photo data has been cleared. Please restart the app.');
                             }
                         } else {
                             throw error;
@@ -3689,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';
                     });
                 }
@@ -3699,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';
                     });
                 }
@@ -3709,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';
                     });
                 }
@@ -3719,25 +3719,25 @@
                 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');
                 } 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');
                 }
@@ -3763,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.');
                             }
@@ -3868,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();
             });
             
@@ -3881,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';
                 };
             }
@@ -3929,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) {
@@ -3938,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);
                     }
                 }
             }
@@ -3959,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();
@@ -3969,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'];
@@ -3989,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;
                         }
@@ -3997,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;
                         }
@@ -4008,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);
@@ -4023,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) {
@@ -4054,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) {
@@ -4081,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)) {
@@ -4094,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);
                                     }
                                 }
                             }
@@ -4108,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) {
@@ -4135,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)) {
@@ -4148,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');
@@ -4232,7 +4232,7 @@
             } 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>
                 `;
@@ -4298,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');
             }
         }
 
@@ -4346,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 };
@@ -4405,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>
                 `;
@@ -4420,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>
@@ -4434,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>
@@ -4495,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
@@ -4509,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 = {
@@ -4530,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`);
                 }
             }
             
@@ -4547,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');
@@ -4571,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>
@@ -4585,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>
@@ -4628,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>
@@ -4641,7 +4641,7 @@
             } 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>
                 `;
@@ -4703,7 +4703,7 @@
             }
             
             if (linkedVideoDirs.length > 0 || individualVideos.length > 0) {
-                console.log('?? Loading linked video directories...');
+                console.log(' Loading linked video directories...');
                 loadLinkedVideos();
             }
         }
@@ -4713,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');
@@ -4726,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>
                     `;
@@ -4750,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">
@@ -4769,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
@@ -4786,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">
@@ -4805,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();
@@ -4824,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>
@@ -4881,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">
@@ -4929,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})`);
             }
         }
 
@@ -5011,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
@@ -5046,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)
@@ -5059,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;
             }
@@ -5081,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 {
@@ -5139,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
@@ -5158,7 +5158,7 @@
                     });
                     
                     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) {
@@ -5175,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;
             }
@@ -5198,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`);
             }
         }
 
@@ -5235,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');
@@ -5309,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');
             }
         }
 
@@ -5336,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})`);
             }
         }
 
@@ -5431,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') {
@@ -5469,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;
@@ -5503,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;
@@ -5576,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') {
@@ -5614,7 +5614,7 @@
         }
         
         function handleIndividualImagesResult(result) {
-            console.log('?? Processing individual images result:', result);
+            console.log(' Processing individual images result:', result);
             
             let selectedPaths = [];
             
@@ -5685,7 +5685,7 @@
             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
@@ -5712,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');
             }
         }
 
@@ -5727,7 +5727,7 @@
             loadLinkedImages();
             
             if (window.game && window.game.showNotification) {
-                window.game.showNotification('??? Image directory unlinked', 'info');
+                window.game.showNotification('? Image directory unlinked', 'info');
             }
         }
 
@@ -5749,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('');
@@ -5759,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) {
@@ -5790,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 => {
@@ -5815,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
@@ -5849,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
@@ -5876,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');
@@ -5952,8 +5952,8 @@
                 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 = `
@@ -5967,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) => {
@@ -5977,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 = `
@@ -6014,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(' Gallery innerHTML length:', imageGallery.innerHTML.length);
         }
 
         function previewImage(imageUrl, imageName) {
@@ -6034,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}" />
@@ -6063,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 = `
@@ -6077,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}" />
@@ -6110,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) => {
@@ -6145,7 +6145,7 @@
         }
 
         function handleVideoDirectoryResult(result) {
-            console.log('?? Processing video directory result:', result);
+            console.log(' Processing video directory result:', result);
             
             let selectedPath = null;
             
@@ -6210,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) => {
@@ -6245,7 +6245,7 @@
         }
 
         function handleIndividualVideosResult(result) {
-            console.log('?? Processing individual videos result:', result);
+            console.log(' Processing individual videos result:', result);
             
             let selectedPaths = [];
             
@@ -6314,7 +6314,7 @@
             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();
@@ -6338,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');
             }
         }
 
@@ -6362,7 +6362,7 @@
             loadLinkedVideos();
             
             if (window.game && window.game.showNotification) {
-                window.game.showNotification('??? Video directory unlinked', 'info');
+                window.game.showNotification('? Video directory unlinked', 'info');
             }
         }
 
@@ -6403,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>
                 `;
             });
@@ -6416,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>
@@ -6428,7 +6428,7 @@
         }
 
         async function loadLinkedVideos() {
-            console.log('?? Loading linked videos...');
+            console.log(' Loading linked videos...');
             
             let linkedDirs;
             try {
@@ -6448,9 +6448,9 @@
                 
                 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`);
@@ -6460,35 +6460,35 @@
                         // 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);
                                 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);
                             continue;
@@ -6496,86 +6496,86 @@
                         
                         // 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 => {
@@ -6583,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 => {
@@ -6612,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) {
@@ -6636,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({
@@ -6648,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') || '[]');
@@ -6660,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;
                 }
                 
@@ -6685,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');
@@ -6701,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>
                         `;
                         
@@ -6737,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');
@@ -6745,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">
@@ -6774,9 +6774,9 @@
                 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 = `
@@ -6789,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');
@@ -6802,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">
@@ -6824,7 +6824,7 @@
                 });
                 
                 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) {
@@ -6841,8 +6841,8 @@
                 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));
                 }
             });
             
@@ -6853,14 +6853,14 @@
 
             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(` 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.`);
                 } else {
@@ -6872,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,
@@ -6886,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,
@@ -6909,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>
@@ -6952,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
@@ -6966,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(' 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
@@ -6980,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,
@@ -6996,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
@@ -7019,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 {
@@ -7032,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
@@ -7049,8 +7049,8 @@
             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');
                 }
@@ -7064,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 {
@@ -7087,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'
             };
@@ -7124,3 +7124,5 @@
 
 </html>
 
+
+
diff --git a/src/styles/styles.css b/src/styles/styles.css
index 7bb9c8e..fb010e8 100644
--- a/src/styles/styles.css
+++ b/src/styles/styles.css
@@ -111,7 +111,7 @@ body {
 
 .game-header h1 {
     font-family: 'Audiowide', cursive;
-    font-size: 8rem;
+    font-size: clamp(3rem, 8vw, 8rem);
     margin: 0 0 var(--space-base) 0;
     color: var(--color-primary);
     text-shadow: 0 0 30px rgba(138, 43, 226, 0.7);
@@ -7242,10 +7242,18 @@ button#start-mirror-btn:disabled {
 }
 
 /* Responsive adjustments */
+@media (max-width: 1400px) {
+    .video-billboard-container {
+        width: 400px;
+        height: 260px;
+        right: 40px;
+    }
+}
+
 @media (max-width: 1200px) {
     .video-billboard-container {
-        width: 450px;
-        height: 280px;
+        width: 350px;
+        height: 220px;
         right: 30px;
     }
 }
@@ -7254,8 +7262,8 @@ button#start-mirror-btn:disabled {
 
 @media (max-width: 992px) {
     .video-billboard-container {
-        width: 380px;
-        height: 240px;
+        width: 300px;
+        height: 190px;
         right: 20px;
         top: 20%;
     }
@@ -7272,6 +7280,26 @@ button#start-mirror-btn:disabled {
     }
 }
 
+@media (max-width: 768px) {
+    .video-billboard-container {
+        width: 250px;
+        height: 160px;
+        right: 15px;
+        top: 22%;
+    }
+    
+    .billboard-controls {
+        bottom: 8px;
+        right: 8px;
+        gap: 6px;
+    }
+    
+    .billboard-btn {
+        padding: 5px 8px;
+        font-size: 11px;
+    }
+}
+
 /* Character Images Toggle Button */
 .character-toggle-btn {
     position: fixed;