[사냥 빌드] 컨트롤 패널·사냥터 이동 모달

빌드 설정과 맵 이동을 분리해 자주 사용하는 직업·스킬 선택은 항상 보이고, 사냥터 목록은 필요할 때만 열도록 정리했습니다.

• 좌측 컨트롤 패널: 기존 사냥터 목록 자리에 직업 선택과 아이콘 스킬 드롭다운 배치
• 활성 스킬 연동: 사이드바에서 선택한 스킬을 현재 위치 설치와 Z 설치에 즉시 반영하고 Space는 텔레포트 전용으로 사용
• 사냥터 이동 버튼: 실제 맵 캔버스 내부 좌측 하단에 이동 버튼을 오버레이하고 드래그·클릭 이동 이벤트와 분리
• 지역 표현 통일: 사용자 화면의 SELECT TOWN·마을 선택·마을 검색·현재 마을·뒤로가기 문구를 SELECT REGION·지역 표현으로 변경
• 지역 이미지 브랜드: 각 지역 카드의 128×64 이미지 내부 하단에 NkmBrand를 9px로 축소해 검 아이콘과 너의 공격력 마력 문구를 작게 표시
• 흰색 브랜드: 이미지 위 가독성을 위해 검 아이콘과 전체 브랜드 문구를 흰색 계열로 통일하고 아이콘·문구 간격도 축소
• 원본 이미지 유지: 이미지 하단을 흐리게 만드는 그라데이션·반투명 배경·텍스트 배경 효과 없이 브랜드만 원본 이미지 위에 직접 표시
• 선택 지역 썸네일: 세부 사냥터 단계 헤더에 선택한 지역의 기존 guide-towns 이미지를 112×56으로 그대로 표시하고 기어드락·탈라하트 등 지역 변경 시 자동 교체
• 지역 카드 크기: 이미지 내부 오버레이로 카드 높이를 약 90px로 유지하고 자동 열 최소 너비 18rem을 적용
• 실제 맵 박스 모달: 뷰어 전체가 아니라 동적 맵 캔버스 스테이지를 포털 호스트로 사용해 모달 백드롭을 실제 사냥터 박스 안으로 제한
• 사냥터 모달: 이름·지역·맵 ID 검색, 현재 맵 표시와 몬스터 수 지원
• 너비 기반 카드 열: 고정 2열을 제거하고 CSS auto-fit/minmax로 실제 목록 너비에 따라 1열부터 3열 이상까지 자동 배치
• 모바일 맵 높이: 비데스크톱 페이지를 세로 스크롤 방식으로 전환하고 맵 행 최소 높이를 보장해 좁은 화면에서도 실제 사냥터 박스와 모달이 사라지지 않도록 처리
• 맵 이벤트 격리: 모달 내부 포인터와 휠 이벤트가 캐릭터 이동·맵 클릭·확대축소에 전달되지 않도록 차단
• 안전한 전환: 맵 이동 중 이전 맵 조작을 막고 요청 세대 검증으로 늦은 응답이 최신 선택을 덮지 않도록 처리
• 접근성: Escape·배경 클릭 닫기, 원래 버튼으로 포커스 복귀, Tab 포커스 트랩 적용