체스 퍼즐

Cinevva's analyzer read this game's design doc and its source, then wrote the brief below. "Make your own" hands it to the game creator as your opening message, so you start from a real spec rather than a one-line idea.

재현할 게임은 한국어 데스크톱/모바일 반응형 웹 게임인 ‘체스 퍼즐 풀이’다. 어두운 네이비/검정 배경(#10131a)의 중앙 컨테이너 안에 상단 헤더, 8x8 체스판, 오른쪽 정보 패널을 배치한다. 헤더 왼쪽에는 큰 굵은 제목 ‘체스 퍼즐 풀이’와 작은 회색 부제 ‘한 수의 최선수를 찾아 체크메이트를 완성하세요’를 표시하고, 오른쪽에는 ‘퍼즐 1’, ‘퍼즐 2’, ‘퍼즐 3’ 버튼을 가로로 배치한다. 선택된 퍼즐 버튼은 금색 테두리와 연한 금색 글자, 나머지는 어두운 청회색 버튼으로 표현한다. 화면이 좁아지면 헤더와 퍼즐 버튼이 세로로 쌓이고, 보드와 패널도 한 열로 배치한다.

메인 영역 왼쪽에는 정사각형 체스판을 두고, 진한 갈색 테두리(약 8px), 둥근 모서리, 강한 아래쪽 그림자를 적용한다. 판은 파일 a-h, 랭크 8-1 방향으로 표시하며(위쪽 왼쪽이 a8, 아래쪽 왼쪽이 a1), 밝은 베이지 칸(#f0d9b5)과 갈색 칸(#b58863)을 번갈아 사용한다. 각 칸 왼쪽 아래에 작은 좌표를 표시한다. 체스 말은 이미지가 아니라 큰 유니코드 체스 기물 글리프를 사용한다. 흰 말은 흰색에 어두운 그림자, 흑 말은 거의 검정색에 밝은 그림자로 렌더링한다. 선택된 칸에는 노란색 내부 윤곽선이 생기고, 선택 중인 말의 정답 목적지에는 반투명 노란색 힌트 강조를 표시한다. 마지막으로 시도한 출발/도착 칸에는 반투명 파란색 강조를 표시한다.

핵심 플레이는 ‘한 수의 체크메이트’를 찾는 것이다. 플레이어는 먼저 보드의 흰색 기물을 클릭하고, 이어서 목적지 칸을 클릭한다. 흰 기물이 아닌 칸을 처음 클릭하면 아무 일도 일어나지 않는다. 선택한 칸을 다시 클릭하면 선택이 취소된다. 일반적인 체스의 모든 규칙을 구현할 필요는 없고, 각 퍼즐에 정해진 한 가지 출발 칸과 도착 칸을 맞히는 퍼즐 게임으로 구현한다. 선택 후에는 정답 도착 칸이 노란색으로 힌트 표시된다. 모든 시도는 오른쪽 ‘수순’ 목록에 `출발–도착` 형식의 배지로 누적한다. 오답이면 말판은 그대로 유지하고 메시지를 ‘아직 정답이 아닙니다. 다시 생각해 보세요.’로 바꾸며 상태를 ‘다시 시도’로 표시한다. 정답이면 기물을 목적지로 옮기고 상태를 ‘체크메이트!’, 메시지를 ‘정확합니다 — 흑의 왕은 피할 수 없습니다.’로 표시하며 수순 끝에 `♔#`를 추가한다. 정답 후에는 보드 클릭을 막는다.

세 퍼즐의 정확한 초기 배치와 정답은 다음과 같다. 검은 왕은 항상 a8, 흰 왕은 e1에 있다.
- 퍼즐 1: 난이도 ‘쉬움’. 흰 퀸 f2, 흑 룩 e8/g8/h8. 정답은 흰 퀸을 f2에서 f7로 이동하는 것(`f2–f7`). 안내 문구는 ‘퀸을 f7로 이동하면 흑의 왕이 피할 곳이 없습니다.’
- 퍼즐 2: 난이도 ‘보통’. 흰 퀸 c6, 흑 룩 f8/g8/h8. 정답은 `c6–g6`. 안내 문구는 ‘퀸을 g6으로 보내 대각선 체크를 만들어 보세요.’
- 퍼즐 3: 난이도 ‘도전’. 흰 퀸 h5, 흑 룩 f8/g8/h8. 정답은 `h5–h7`. 안내 문구는 ‘퀸을 h7에 놓으면 왕의 탈출 칸이 모두 막힙니다.’
퍼즐을 전환하면 해당 초기 배치, 난이도, 안내 문구, 상태 ‘백의 차례’, 빈 수순 목록으로 초기화한다. 각 퍼즐의 오른쪽 패널 상단에는 금색 소문자 간격의 `PUZZLE 01 · 쉬움` 같은 표기를 둔다.

오른쪽 패널은 어두운 청회색 카드(#1a1f2b), 얇은 테두리, 둥근 14px 모서리, 내부 여백을 사용한다. 패널에는 난이도 표기, 굵은 상태 텍스트, 회색 안내 메시지, 가로 구분선, ‘수순’ 라벨과 수순 배지 영역, 그리고 회색 작은 도움말 ‘힌트: 왕을 직접 잡는 것이 아니라, 도망갈 수 없는 체크를 만들어야 합니다.’를 넣는다. 하단에는 전체 너비의 ‘퍼즐 다시 시작’ 버튼을 둔다. 이 버튼은 현재 퍼즐의 초기 상태로 되돌린다. 전체적인 시각 스타일은 군더더기 없는 다크 UI, 베이지/갈색 전통 체스판, 금색 포인트 컬러이며, 상호작용은 클릭과 터치 모두 가능해야 한다.