fix: remove Chess.com green theme from review — use our navy/gold brand

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

public/js/modules/chess/scenes/review.js

@@ -14,8 +14,8 @@ export async function mountReview(el, params) {
   const { moveHistory = [], playerColor = 'w', botId, result } = params;
 
   el.innerHTML = `
-    <div style="display:flex;flex-direction:column;height:100%;background:#1a2e1a;overflow-y:auto;">
-      <div style="display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:#0f1f0f;border-bottom:1px solid rgba(255,255,255,0.06);">
+    <div style="display:flex;flex-direction:column;height:100%;background:#1a1a2e;overflow-y:auto;">
+      <div style="display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:#0f0f1e;border-bottom:1px solid rgba(255,255,255,0.06);">
         <button class="btn btn-secondary" id="back-btn" style="min-height:30px;padding:4px 12px;font-size:12px;">← ${t('game.back')}</button>
         <span style="font-size:15px;font-weight:700;color:#f8fafc;">⭐ مراجعة المباراة</span>
         <div style="width:50px;"></div>
@@ -24,8 +24,8 @@ export async function mountReview(el, params) {
       <!-- Progress -->
       <div id="review-progress" style="padding:16px;text-align:center;">
         <div style="font-size:14px;color:#94a3b8;margin-bottom:8px;">جاري تحليل كل نقلة...</div>
-        <div style="background:#1e3a1e;border-radius:6px;height:8px;overflow:hidden;">
-          <div id="progress-bar" style="height:100%;background:#4CAF50;width:0%;transition:width 0.3s;border-radius:6px;"></div>
+        <div style="background:#1e1e3a;border-radius:6px;height:8px;overflow:hidden;">
+          <div id="progress-bar" style="height:100%;background:#E4AC38;width:0%;transition:width 0.3s;border-radius:6px;"></div>
         </div>
         <div id="progress-text" style="font-size:11px;color:#64748b;margin-top:4px;">0/${moveHistory.length}</div>
       </div>
@@ -129,10 +129,10 @@ function renderReview(el, results, moves, playerColor) {
 
   content.innerHTML = `
     <!-- Eval Graph -->
-    <div id="eval-graph-container" style="background:#0f1f0f;border-radius:10px;padding:8px;margin-bottom:12px;"></div>
+    <div id="eval-graph-container" style="background:#0f0f1e;border-radius:10px;padding:8px;margin-bottom:12px;"></div>
 
     <!-- Accuracy Comparison -->
-    <div style="background:#0f1f0f;border-radius:10px;padding:16px;margin-bottom:12px;">
+    <div style="background:#0f0f1e;border-radius:10px;padding:16px;margin-bottom:12px;">
       <div style="text-align:center;font-size:15px;font-weight:700;color:#f8fafc;margin-bottom:12px;">⭐ مراجعة المباراة</div>
 
       <div style="display:flex;align-items:center;gap:12px;margin-bottom:16px;">
@@ -140,7 +140,7 @@ function renderReview(el, results, moves, playerColor) {
         <div style="flex:1;text-align:center;">
           <div style="font-size:28px;font-weight:800;color:${playerLabel.color};font-family:Inter,monospace;">${playerAccuracy}%</div>
           <div style="font-size:11px;color:#94a3b8;">أنت</div>
-          <div style="height:6px;background:#1e3a1e;border-radius:3px;margin-top:6px;overflow:hidden;">
+          <div style="height:6px;background:#1e1e3a;border-radius:3px;margin-top:6px;overflow:hidden;">
             <div style="height:100%;width:${playerAccuracy}%;background:${playerLabel.color};border-radius:3px;"></div>
           </div>
         </div>
@@ -151,7 +151,7 @@ function renderReview(el, results, moves, playerColor) {
         <div style="flex:1;text-align:center;">
           <div style="font-size:28px;font-weight:800;color:${opponentLabel.color};font-family:Inter,monospace;">${opponentAccuracy}%</div>
           <div style="font-size:11px;color:#94a3b8;">الخصم</div>
-          <div style="height:6px;background:#1e3a1e;border-radius:3px;margin-top:6px;overflow:hidden;">
+          <div style="height:6px;background:#1e1e3a;border-radius:3px;margin-top:6px;overflow:hidden;">
             <div style="height:100%;width:${opponentAccuracy}%;background:${opponentLabel.color};border-radius:3px;"></div>
           </div>
         </div>
@@ -162,7 +162,7 @@ function renderReview(el, results, moves, playerColor) {
     </div>
 
     <!-- Move Classification Breakdown -->
-    <div style="background:#0f1f0f;border-radius:10px;padding:14px;margin-bottom:12px;">
+    <div style="background:#0f0f1e;border-radius:10px;padding:14px;margin-bottom:12px;">
       <div style="font-size:13px;font-weight:700;color:#f8fafc;margin-bottom:10px;text-align:center;">تصنيف النقلات</div>
       <table style="width:100%;border-collapse:collapse;font-size:12px;">
         <thead>
@@ -226,7 +226,7 @@ function renderEvalGraph(container, results) {
   const graphH = height - padding * 2;
 
   // Background
-  ctx.fillStyle = '#1e3a1e';
+  ctx.fillStyle = '#1e1e3a';
   ctx.fillRect(0, 0, width, height);
 
   // Center line (0 eval)