마을 회관 일러스트 적용 (village.png)

- 발바닥 문양 오두막 일러스트를 투명화(420px)해 회관에 적용
- 원본은 assets-src/buildings/village_hall.png 보관
- 회관 클릭 영역을 일러스트 크기에 맞게 확장

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

src/components/game/VillageView.tsx

@@ -509,12 +509,19 @@ export default function VillageView({
         const t = HALL_TILE;
         const x = isoX(t.i, t.j);
         const y = isoY(t.i, t.j) + TH / 2;
-        hitRectsRef.current.push({ id: "hall", kind: "open", x: x - 34, y: y - 40, w: 68, h: 70 });
+        hitRectsRef.current.push({ id: "hall", kind: "open", x: x - 54, y: y - 70, w: 108, h: 100 });
         sprites.push({
           y,
           draw: () => {
+            const hallImg = getImage(BUILDING_IMG.hall);
+            if (hallImg) {
+              const w = 118;
+              const hh = (hallImg.height / hallImg.width) * w;
+              ctx.drawImage(hallImg, x - w / 2, y + 16 - hh, w, hh);
+            } else {
               shadow(x, y + 6, 26);
               drawEmoji("🏛️", x, y + 8, 48);
+            }
             ctx.font = `13px ${juaFamily}`;
             ctx.textAlign = "center";
             ctx.strokeStyle = "rgba(255,252,238,0.75)";

src/lib/game/data.ts

@@ -25,6 +25,7 @@ export function catSprite(breed: string, frame: CatFrame): string {
 
 // 건물 일러스트 (public/assets/buildings/)
 export const BUILDING_IMG: Record<string, string> = {
+  hall: "/assets/buildings/hall.png",
   dock: "/assets/buildings/dock.png",
   lumberyard: "/assets/buildings/lumberyard.png",
   quarry: "/assets/buildings/quarry.png",