restore avg column sticky and shadow after column visibility changes

frontend/leaderboard.html

@@ -191,37 +191,11 @@
             z-index: 29 !important;
         }
 
-        #table-wrapper table.gridjs-table thead th:nth-child(3) {
-            position: sticky !important;
-            left: var(--sticky-avg-left, 620px) !important;
-            top: 0 !important;
-            z-index: 44 !important;
-            background: #f1f5f9 !important;
-            box-shadow: 1px 0 0 rgba(148, 163, 184, 0.25);
-        }
-
-        #table-wrapper table.gridjs-table tbody td:nth-child(3) {
-            position: sticky !important;
-            left: var(--sticky-avg-left, 620px) !important;
-            z-index: 28 !important;
-            box-shadow: 1px 0 0 rgba(148, 163, 184, 0.25);
-            font-weight: 700 !important;
-        }
-
-        #table-wrapper table.gridjs-table tbody td:nth-child(3) * {
-            font-weight: 700 !important;
-        }
-
         .dark #table-wrapper table.gridjs-table thead th:nth-child(1),
-        .dark #table-wrapper table.gridjs-table thead th:nth-child(2),
-        .dark #table-wrapper table.gridjs-table thead th:nth-child(3) {
+        .dark #table-wrapper table.gridjs-table thead th:nth-child(2) {
             background: #0f172a !important;
         }
 
-        .dark #table-wrapper table.gridjs-table tbody td:nth-child(3) {
-            box-shadow: 1px 0 0 rgba(71, 85, 105, 0.6);
-        }
-
         #table-wrapper .gridjs-th.avg-col-header,
         #table-wrapper .gridjs-td.avg-col-header {
             position: sticky !important;
@@ -1775,15 +1749,27 @@ window.toggleExpandText = function (idBase, btn) {
                     const wrapper = $('#table-wrapper');
                     const outer = $('#table-outer');
                     if (!wrapper || !outer) return;
+
+                    // Hide only when user has explicitly hidden the Average column.
+                    const avgColHidden = tableColumns.some(c => c.id && c.id.includes('Average') && c.hidden);
+                    const existing = $('#avg-col-highlight');
+                    if (avgColHidden) {
+                        if (existing) existing.style.display = 'none';
+                        return;
+                    }
+
+                    // If DOM not ready yet (avg-col-header not applied), skip silently —
+                    // the 100ms/400ms retries in scheduleStickyApply will catch it.
                     const th = wrapper.querySelector('th.avg-col-header');
                     if (!th) return;
 
-                    let highlight = $('#avg-col-highlight');
+                    let highlight = existing;
                     if (!highlight) {
                         highlight = document.createElement('div');
                         highlight.id = 'avg-col-highlight';
                         outer.appendChild(highlight);
                     }
+                    highlight.style.display = '';
 
                     const outerRect = outer.getBoundingClientRect();
                     const thRect = th.getBoundingClientRect();
@@ -1814,14 +1800,15 @@ window.toggleExpandText = function (idBase, btn) {
                 }
 
                 function scheduleStickyApply(retries = 8) {
+                    const applyAll = () => { applyStickyModelNameColumn(); updateAvgColHighlight(); };
                     let attempts = 0;
                     const run = () => {
                         const ok = applyStickyModelNameColumn();
                         if (ok) {
                             updateAvgColHighlight();
-                            // Re-run after layout settles to fix first-load position
-                            setTimeout(() => requestAnimationFrame(updateAvgColHighlight), 100);
-                            setTimeout(() => requestAnimationFrame(updateAvgColHighlight), 400);
+                            // Re-run after layout settles to fix position after render
+                            setTimeout(() => requestAnimationFrame(applyAll), 100);
+                            setTimeout(() => requestAnimationFrame(applyAll), 400);
                             return;
                         }
                         if (attempts >= retries) return;