Unify all flags to rectangular SVG (fix waving emoji inconsistency)

- 원인: MEX·RSA는 이모지 국기(OS별 휘날림/광택), KOR·CZE만 실제 이미지 → 불일치
- 해결: 4개국 전부 flagcdn 직사각형 SVG(public/icons/flags) + object-cover로 통일, 이모지 제거
- 미등록 국가는 이모지 fallback 유지

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

components/TeamFlag.tsx

@@ -1,7 +1,14 @@
 import type { Team } from "@/lib/types";
 
-// 모든 경기에 일반화된 국기 렌더.
-// KOR = 실제 png 자산, CZE = 인라인 SVG(비율 보존), 그 외 = 이모지(컨테이너 높이에 비례, 안 잘림).
+// 모든 국기를 직사각형 SVG로 통일 (flagcdn, 퍼블릭 도메인).
+// 이모지(OS별 휘날림/광택 렌더) 제거 → 일관된 사각형. object-cover로 박스를 꽉 채움(왜곡 없음).
+const FLAG_FILE: Record<string, string> = {
+  KOR: "kr",
+  CZE: "cz",
+  MEX: "mx",
+  RSA: "za",
+};
+
 export default function TeamFlag({
   team,
   className = "",
@@ -9,30 +16,17 @@ export default function TeamFlag({
   team: Team;
   className?: string;
 }) {
-  if (team.code === "KOR") {
+  const file = FLAG_FILE[team.code];
+  if (file) {
     return (
       <img
-        src="/icons/kor.png"
+        src={`/icons/flags/${file}.svg`}
         alt={team.name}
-        className={`flag-img object-cover ${className}`}
+        className={`border border-[var(--line-d)] object-cover ${className}`}
       />
     );
   }
-  if (team.code === "CZE") {
-    return (
-      <svg
-        viewBox="0 0 6 4"
-        className={`border border-[var(--line-d)] ${className}`}
-        preserveAspectRatio="xMidYMid meet"
-        aria-label={team.name}
-      >
-        <rect width="6" height="2" y="0" fill="#ffffff" />
-        <rect width="6" height="2" y="2" fill="#d7141a" />
-        <polygon points="0,0 3,2 0,4" fill="#11457e" />
-      </svg>
-    );
-  }
-  // 그 외 국가 — 이모지 국기. 컨테이너 높이(cqh) 기준으로 크기를 잡아 잘림/찌그러짐 방지.
+  // 미등록 국가 fallback — 이모지(직사각형 박스, 잘림 없음)
   return (
     <span
       className={`grid place-items-center overflow-hidden border border-[var(--line-d)] bg-white/[0.06] ${className}`}

public/icons/flags/cz.svg

@@ -0,0 +1 @@
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg" width="900" height="600"><path fill="#d7141a" d="M0 0h900v600H0z"/><path fill="#fff" d="M0 0h900v300H0z"/><path d="M450 300 0 0v600z" fill="#11457e"/></svg>

public/icons/flags/kr.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="900" height="600" viewBox="-72 -48 144 96"><path fill="#fff" d="M-72-48v96H72v-96z"/><g stroke="#000" stroke-width="4"><path d="M-34.946-37.72-48.26-17.75m4.992 3.328 13.313-19.97m4.992 3.329-13.312 19.969m63.236 42.157 6.101-9.152m1.11-1.664 6.101-9.153m4.993 3.328-6.102 9.153m-1.11 1.664-6.101 9.152m4.992 3.329 6.102-9.153m1.11-1.664 6.1-9.153M-48.259 17.75l13.313 19.97m4.992-3.329-6.102-9.152m-1.109-1.664-6.102-9.153m4.993-3.328 13.312 19.97m63.236-42.158-6.101-9.153m-1.11-1.664-6.101-9.152m4.992-3.328 13.313 19.969m4.992-3.328-6.102-9.153m-1.11-1.664-6.1-9.153"/></g><path fill="#cd2e3a" d="M9.985 6.656A18 18 0 1 1-19.97-13.313a24 24 0 1 1 39.938 26.626"/><path fill="#0047a0" d="M0 0a12 12 0 1 1 19.97 13.313 24 24 0 1 1-39.94-26.626A12 12 0 1 0 0 0"/></svg>

public/icons/flags/za.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="900" height="600" viewBox="0 0 90 60"><defs><clipPath id="b"><path d="m0 0 45 30L0 60z"/></clipPath><clipPath id="a"><path d="M0 0h90v60H0z"/></clipPath></defs><path fill="#E03C31" d="M0 0h90v30H45z"/><path fill="#001489" d="M0 60h90V30H45z"/><g fill="none" clip-path="url(#a)"><path stroke="#FFF" stroke-width="20" d="M90 30H45L0 0v60l45-30"/><path fill="#000" stroke="#ffb81c" stroke-width="20" d="m0 0 45 30L0 60" clip-path="url(#b)"/><path stroke="#007749" stroke-width="12" d="m0 0 45 30h45M0 60l45-30"/></g></svg>