디자인: 게임천국 느낌 아이콘, 홈 단순화(큰 버튼 3개 + 탭), 헤더 로그인/계정 메뉴, 로그인 페이지 분리

- 아이콘: 게임패드 + 천사 고리 + 반짝이, scripts/pwa-icons.ts가 favicon.svg와 PNG를 한 디자인에서 생성
- 홈: 방 만들기·코드로 참여(/j)·컴퓨터와 연습 버튼, [게임 고르기 | 지금 열린 방] 탭
- 헤더: 로그인 전 [로그인] → /login, 로그인 뒤 닉네임 → [설정][로그아웃] 메뉴
- /login: 로그인만, /me(설정)는 로그인 안 했으면 /login?next=/me로

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

docs/07-ui-ux.md

@@ -57,17 +57,20 @@
 └──────────────────────────────────────────────────────────────────────────┘
 ```
 - 어느 화면에서든 코드를 바로 넣어 참여할 수 있게 상단에 코드 입력칸을 둔다.
+- 오른쪽 끝: 로그인 전에는 [로그인](→ `/login`, 닉네임으로 시작·디스코드 로그인만 있음). 로그인 뒤에는 닉네임(디스코드로 가입했으면 디스코드 이름)을 보이고, 누르면 [⚙️ 설정](→ `/me`)·[🚪 로그아웃] 메뉴가 열린다. 화면·소리 설정은 `/me`에만 있다.
 - 내용 폭은 최대 1280px, 가운데 정렬. 게임 화면만 화면 전체 폭을 쓴다.
 
 ### 3.3 홈 (PC)
 ```
 ┌ 상단 메뉴 ───────────────────────────────────────────────────────────────┐
-│ [＋ 방 만들기 (큰 버튼)]   [코드로 참여: □□□ □□□ ]   [▶ 하던 게임으로]        │
-├──────────────────────────────────────────────────────┬───────────────────┤
-│ 게임 카드 격자 (4~5열, 카드에 인원·시간·난이도)            │ 지금 열린 공개 방   │
-│                                                      │ (게임·인원·참여)    │
-└──────────────────────────────────────────────────────┴───────────────────┘
+│ [▶ 하던 게임으로 돌아가기] (있을 때만)                                        │
+│ [＋ 방 만들기 (파란 큰 버튼)]   [🔢 코드로 참여 → /j]   [🤖 컴퓨터와 연습]        │
+├──────────────────────────────────────────────────────────────────────────┤
+│ [🎮 게임 고르기] [🚪 지금 열린 방 (n)]   ← 탭, 한 번에 하나만 보임                 │
+│ 게임 카드 격자 (4~5열, 카드에 인원·시간·난이도)  또는  공개 방 목록(게임·인원·참여)  │
+└──────────────────────────────────────────────────────────────────────────┘
 ```
+- 첫 화면에 다 넣지 않는다. 설명 글은 버튼 아래 한 줄만, 나머지는 탭이나 버튼을 눌러 들어간다.
 
 ### 3.4 대기실 (PC)
 ```
@@ -163,7 +166,7 @@
 - 오류(방 없음, 방 가득 참, 서버 업데이트, 오프라인)
 
 ## 11. PWA (홈 화면 추가·오프라인 안내)
-- 매니페스트 `/manifest.webmanifest`: 이름 "같이 놀자 보드게임", 짧은 이름 "같이 놀자", `lang: ko`, 시작 `/`, `display: standalone`, 테마·배경 `#F7F5F0`(`--bg`). 아이콘 `public/icons/`: 192·512(favicon 그대로, 둥근 모서리), 512 maskable(가득 채움, 판은 가운데 안전 영역 안), apple-touch-icon 180. 다시 만들기: `bun scripts/pwa-icons.ts`(Chrome으로 그림).
+- 매니페스트 `/manifest.webmanifest`: 이름 "같이 놀자 보드게임", 짧은 이름 "같이 놀자", `lang: ko`, 시작 `/`, `display: standalone`, 테마·배경 `#F7F5F0`(`--bg`). 아이콘은 "게임천국" 느낌의 게임패드 + 천사 고리 + 반짝이(보라→분홍→주황 배경). `public/icons/`: 192·512(favicon 그대로, 둥근 모서리), 512 maskable(가득 채움, 그림은 가운데 안전 영역 안), apple-touch-icon 180. favicon.svg와 PNG 모두 `bun scripts/pwa-icons.ts`가 한 디자인에서 만든다(Chrome으로 그림).
 - 서비스 워커: 손으로 쓴 `apps/web/sw.js`를 빌드 때 Vite 플러그인이 빌드 ID(파일 이름 해시 기준)를 넣어 `dist/sw.js`로 낸다. 배포 빌드에서만 등록한다(개발 서버에서는 등록 안 함).
 
 | 요청 | 처리 |