UI 개편: 전체화면 마을 + 건물 클릭 패널

- 마을 캔버스가 뷰포트 전체를 채움 (ResizeObserver 스케일링)
- 상단 HUD: 회관·자원 칩 + 고양이 목록·입양 버튼 (반투명 오버레이)
- 건물 클릭 → 우측 플로팅 패널: 정보(적성·슬롯·속도·진행)·회수·
  배치 가능한 고양이 목록(예상 속도순, 현재 일터 표시)에서 배치/해제
- 회관 클릭 → 증축 요건 체크리스트 패널, 부엌 미건설 시 공터(🚧) 클릭 → 건설
- 고양이 전체 목록은 서랍 패널로 이동, 기존 그리드 섹션 제거
- 배지 클릭 빠른 회수는 유지, 메시지는 토스트로 표시

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
이 커밋은 다음에 포함됨:
kjs
2026-08-13 14:23:45 +09:00
co-authored by Claude Fable 5
부모 b2f5199bc8
커밋 c50c266f2e
3개의 변경된 파일과 618개의 추가작업 그리고 371개의 파일을 삭제
+1 -22
파일 보기
@@ -1,26 +1,5 @@
import Game from "@/components/game/Game";
import DbStatus from "@/components/DbStatus";
export default function Home() {
return (
<div className="flex min-h-screen flex-col">
<header className="border-b border-gray-200 dark:border-gray-800">
<div className="mx-auto flex max-w-5xl items-center justify-between px-6 py-4">
<span className="text-lg font-bold">🏡 고양이 마을</span>
<span className="text-xs text-gray-400">방치형 경영 게임 — 1단계</span>
</div>
</header>
<main className="mx-auto w-full max-w-5xl flex-1 px-6 py-8">
<Game />
</main>
<footer className="border-t border-gray-200 py-6 text-center text-sm text-gray-400 dark:border-gray-800">
<div className="flex items-center justify-center gap-4">
<span>jskim.vexplor.com · dev-pilots</span>
<DbStatus />
</div>
</footer>
</div>
);
return <Game />;
}