입양 모달·고양이 카드에 실제 스프라이트 사용

- catSprite(breed, frame) 헬퍼 + CAT_SPRITE_DIR 품종별 폴더 매핑 준비
- 모달 후보는 idle 스프라이트(h-20), 카드 헤더는 미니 아바타(h-7)
- 품종 시트가 들어오면 CAT_SPRITE_DIR 등록만으로 확장

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>

src/components/game/Game.tsx

@@ -7,6 +7,7 @@ import { engine, effectiveRate, activeRecipe, fullnessPenalty } from "@/lib/game
 import {
   APTITUDE_LABEL,
   BREEDS,
+  catSprite,
   HALL_LEVELS,
   KITCHEN_BUILD_COST,
   KITCHEN_MEAL_CAP,
@@ -176,7 +177,12 @@ function AdoptModal({
                 className="flex flex-col rounded-xl border border-gray-200 p-4 dark:border-gray-700"
               >
                 <div className="mb-2 text-center">
-                  <div className="text-4xl">{cat.emoji}</div>
+                  {/* eslint-disable-next-line @next/next/no-img-element */}
+                  <img
+                    src={catSprite(cat.breed, "idle")}
+                    alt={cat.name}
+                    className="mx-auto h-20 w-auto object-contain drop-shadow-sm"
+                  />
                   <div className="mt-1 font-bold">{cat.name}</div>
                   <div className="text-xs text-gray-400">
                     {cat.breedName}{" "}
@@ -430,8 +436,14 @@ function CatCard({
       }`}
     >
       <div className="mb-1 flex items-center justify-between">
-        <span className="font-semibold">
-          {cat.emoji} {cat.name}{" "}
+        <span className="flex items-center gap-1.5 font-semibold">
+          {/* eslint-disable-next-line @next/next/no-img-element */}
+          <img
+            src={catSprite(cat.breed, "idle")}
+            alt=""
+            className="h-7 w-7 object-contain"
+          />
+          {cat.name}{" "}
           <span className="text-xs font-normal text-gray-400">Lv{cat.level}</span>
         </span>
         <span className="text-xs text-gray-400">{cat.breedName}</span>