apps/ai-game-creator-shell/src/styles.css

@@ -5324,7 +5324,6 @@ iframe.preview-frame {
   background:
     radial-gradient(#eaded8 0.8px, transparent 0.8px) 0 0 / 18px 18px,
     linear-gradient(145deg, #fffdfa 0%, #fff8f2 100%);
-  animation: resource-book-main-settle 360ms ease both;
 }
 
 .game-resource-book-main-heading {
@@ -5714,21 +5713,8 @@ iframe.preview-frame {
   }
 }
 
-@keyframes resource-book-main-settle {
-  from {
-    opacity: 0.6;
-    transform: scale(0.98);
-  }
-  to {
-    opacity: 1;
-    transform: scale(1);
-  }
-}
-
 @media (prefers-reduced-motion: reduce) {
-  .game-resource-book-main,
-  .game-resource-book-transition-preview-card,
-  .game-resource-book-transition-card {
+  .game-resource-book-main {
     animation: none;
   }
 }

apps/ai-game-creator-shell/src/view/project-development/index.tsx

@@ -1011,10 +1011,14 @@ function ResourceBookScene({
     list.push(resource);
     resourcesByCategory.set(resource.category, list);
   });
+  const overviewReady = visibleCategoryOrder.every((category) => {
+    const rect = overviewRects.get(category);
+    return Boolean(rect && rect.width > 0 && rect.height > 0);
+  });
 
   return (
     <div
-      className={`game-resource-book-scene game-resource-book-scene--${resourceBookView} game-resource-book-scene--${resourceBookTransition}${overviewRects.size < visibleCategoryOrder.length ? ' is-measuring' : ''}`}
+      className={`game-resource-book-scene game-resource-book-scene--${resourceBookView} game-resource-book-scene--${resourceBookTransition}${overviewReady ? '' : ' is-measuring'}`}
     >
       {visibleCategoryOrder.map((category) => {
         const rect = overviewRects.get(category);