fix: replace glitchy CSS sprite loader with canvas-driven animation

- Use webp spritesheet (1.4MB) instead of png (16MB)
- Canvas drawImage with exact pixel coords eliminates sub-pixel jitter
- Remove 400 lines of per-frame CSS keyframes
- Skip p5 boot sequence, go straight to site after loader

Author: virajbhartiya

2026/sketch.js

@@ -41,8 +41,8 @@ let sharedTime = 0;
 let shareDiv;
 
 // Hack X states
-let booting = true;
-let gameEnterAnim = 0; // 0 to 1 fade-in after boot
+let booting = false;
+let gameEnterAnim = 1; // skip boot — game ready immediately
 let gameEnterStart = 0;
 let bootFrameCounter = 0;
 let bootGlitching = false;
@@ -217,6 +217,13 @@ function setup() {
   cnv.drawingContext.willReadFrequently = true;
   frameRate(30);
 
+  // Hide the HTML boot-loader overlay and enable scrolling
+  const bootLoader = document.getElementById("boot-loader");
+  if (bootLoader) bootLoader.classList.add("hide");
+  document.body.style.overflowY = "auto";
+  const hint = document.getElementById("scroll-hint");
+  if (hint) hint.style.opacity = "1";
+
   // create a downscaled graphics buffer to draw to, we'll upscale after applying crt shader
   g = createGraphics(windowWidth, windowHeight);
   g.drawingContext.willReadFrequently = true;