fixes, various

src/config.js

@@ -67,11 +67,11 @@
       backdrop: {
         enabled: true,
         colors: null, // optional array; defaults derived from palette
-        opacity: 0.19,
+        opacity: 0.35,
         blur: 24,
         speedSec: 30,
       },
-      showFps: true,
+      showFps: false,
     };
 
     return {

src/scenes/scene-lavalamp.js

@@ -14,7 +14,7 @@
       const x = cx + Math.sin(t * Math.PI * 1.5) * amp;
       const dx = x - prevX;
       const dy = y - prevY;
-      const len = Math.max(1, Math.sqrt(dx * dx + dy * dy));
+      const len = 0.8 * Math.max(1, Math.sqrt(dx * dx + dy * dy));
       const angle = Math.atan2(dy, dx);
       segs.push(
         Bodies.rectangle((prevX + x) / 2, (prevY + y) / 2, thickness, len, {
@@ -40,7 +40,7 @@
       autoSpawn: true,
       minChain: 3,
       palette: ["#f472b6", "#38bdf8", "#fbbf24", "#a855f7", "#22c55e"],
-      ballRadius: 26,
+      ballRadius: 36,
       blobBalls: "jagged",
       winCondition: {
         type: "score",
@@ -63,8 +63,9 @@
       },
     },
     createBodies: (w, h) => {
-      const wallThickness = Math.max(24, w * 0.05);
-      const amp = Math.max(40, w * 0.08);
+      const thicknessScale = Math.min(0.04, 0.03 + (w / 1200) * 0.02);
+      const wallThickness = Math.max(16, w * thicknessScale);
+      const amp = Math.min(15, w * 0.08);
       const segments = 12;
       const curves = [
         ...makeCurveSegments(w * 0.33, h, amp, wallThickness, segments),