Adapt book skin to detailed artwork

public/js/ui-controller-module.js

@@ -178,8 +178,8 @@ class UIControllerModule extends BaseModule {
         const viewportWidth = window.innerWidth;
         const viewportHeight = window.innerHeight;
         const viewportAspectRatio = viewportWidth / viewportHeight;
-        const bookWidth = 2727;
-        const bookHeight = 1691;
+        const bookWidth = 1421;
+        const bookHeight = 799;
         const bookScale = Math.min(viewportWidth / bookWidth, viewportHeight / bookHeight);
         
         document.documentElement.style.setProperty('--book-width', `${bookWidth}px`);

public/js/ui-display-handler-module.js

@@ -52,8 +52,8 @@ class UIDisplayHandlerModule extends BaseModule {
         // Resources to preload
         this.cssPath = '/css/style.css';
         this.imagesToPreload = [
-            '/images/book-3057904.png',
-            '/images/brown-wooden-flooring.jpg'
+            '/images/book_detailed.png',
+            '/images/mat.png'
         ];
                 
         // Bind methods using parent's bindMethods utility