moved characters and scaled

sketch.js

@@ -28,11 +28,11 @@ function preload() {
   for (let i = 0; i < 5; i++) {
     coconutImgs[i] = loadImage(`assets/coconut/coconut_${i}.png`);
   }
-  kakomoraImgs[0] = loadImage('assets/kakamora characters/Kakamora-TikiRob-Claw-Edition.png');
-  kakomoraImgs[1] = loadImage('assets/kakamora characters/Kokomoro-TikiRob-Fishhead-Edition.webp');
-  kakomoraImgs[2] = loadImage('assets/kakamora characters/Kokomoro-TikiRob-Mickey-Mouse-Edition-1-250x250.png');
-  kakomoraImgs[3] = loadImage('assets/kakamora characters/Kokomoro-TikiRob-Seashell-Edition.png');
-  kakomoraImgs[4] = loadImage('assets/kakamora characters/Kokomoro-TikiRob-Starfish-Edition-250x250.png');
+  kakomoraImgs[0] = loadImage('assets/kakamora-characters/Kakamora-TikiRob-Claw-Edition.png');
+  kakomoraImgs[1] = loadImage('assets/kakamora-characters/Kokomoro-TikiRob-Fishhead-Edition.webp');
+  kakomoraImgs[2] = loadImage('assets/kakamora-characters/Kokomoro-TikiRob-Mickey-Mouse-Edition-1-250x250.png');
+  kakomoraImgs[3] = loadImage('assets/kakamora-characters/Kokomoro-TikiRob-Seashell-Edition.png');
+  kakomoraImgs[4] = loadImage('assets/kakamora-characters/Kokomoro-TikiRob-Starfish-Edition-250x250.png');
 }
 
 // ====== SETUP ======
@@ -188,11 +188,12 @@ function drawScore() {
 
 // ====== SLOT POSITION HELPER ======
 function getSlotPos(i) {
-  const size = constrain(floor(width * 0.055), 40, 62);
-  const gap  = 6;
+  const gap  = 8;
+  const size = floor((width - 40 - gap * 9) / 10);
+  const startX = 20 + size / 2;
   return {
-    x: width - 20 - size / 2 - (9 - i) * (size + gap),
-    y: 20 + size / 2,
+    x: startX + i * (size + gap),
+    y: height - size / 2 - 16,
     size
   };
 }