Make arrow buttons render immediately

Author: Luke

index.html

@@ -337,12 +337,12 @@ <h2 class="text-xs font-semibold text-gray-400 uppercase">Books</h2>
             <div id="viz-container" class="relative overflow-x-auto overflow-y-hidden" style="flex: 1; min-width: 0;">
                 <canvas id="main-canvas"></canvas>
                 <!-- Navigation arrows for arcs -->
-                <button id="nav-left-arc" class="absolute left-4 top-1/2 -translate-y-1/2 w-10 h-10 bg-gray-800/90 hover:bg-gray-700 border border-gray-600 rounded-full flex items-center justify-center text-gray-300 transition-all z-10 hover:scale-110 active:scale-95 hidden">
+                <button id="nav-left-arc" class="absolute left-4 top-1/2 -translate-y-1/2 w-10 h-10 bg-gray-800/90 hover:bg-gray-700 border border-gray-600 rounded-full flex items-center justify-center text-gray-300 transition-all z-10 hover:scale-110 active:scale-95">
                     <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                         <polyline points="15 18 9 12 15 6"></polyline>
                     </svg>
                 </button>
-                <button id="nav-right-arc" class="absolute right-4 top-1/2 -translate-y-1/2 w-10 h-10 bg-gray-800/90 hover:bg-gray-700 border border-gray-600 rounded-full flex items-center justify-center text-gray-300 transition-all z-10 hover:scale-110 active:scale-95 hidden">
+                <button id="nav-right-arc" class="absolute right-4 top-1/2 -translate-y-1/2 w-10 h-10 bg-gray-800/90 hover:bg-gray-700 border border-gray-600 rounded-full flex items-center justify-center text-gray-300 transition-all z-10 hover:scale-110 active:scale-95">
                     <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                         <polyline points="9 18 15 12 9 6"></polyline>
                     </svg>