fix(tasarim): şehir haritası kartı arka plan gibi kaplar, kenarlar erir; pikseller azaldı

- Izgara 72 → 56 sütun, serpinti kaldırıldı (Bilal: "piksel detaylarını azalt").
- Harita `doldur` (slice) ile SehirYuzeyi kartını kaplar, metin üstünde; iki
  katlı mask ile hiçbir kenarda kesik kare kalmaz (Bilal: "canvas net bir
  şekilde kesiliyor"). Telefonda altta, lg'de sağ yarıda belirir.
- Yakınlaşma kutusu kabın oranında kurulur, il `odakHiza` ile kabın istenen
  noktasına gelir (şehir sayfası: lg sağ orta, telefon alt orta; konum kartı orta).
- usePixelHeat meet/slice + ortalama ofsetini hesaba katar.
- Üniversite konum kartı: kartı doldurur, radyal erime.

Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>

src/features/katalog/components/il-icerik.tsx

@@ -125,11 +125,17 @@ export function IlIcerik({ slug }: { slug: string }) {
       </nav>
 
       <NavBaslik baslikId="il-baslik" ad={`${il.ad} üniversiteleri`} />
-      {/* Başlık yüzeyi: beyaz kart + slate piksel doku, şehrin dot-matrix
+      {/* Başlık yüzeyi: beyaz kart, arka planı kaplayan dot-matrix şehir
           haritası (DESIGN.md §4.17). lg altında metin ortalı, harita altta. */}
       <SehirYuzeyi
-        seed={31}
-        harita={<SehirPikselHaritasi il={il.il} ad={il.ad} />}
+        harita={
+          <SehirPikselHaritasi
+            il={il.il}
+            ad={il.ad}
+            doldur
+            odakHiza={{ lg: { x: 0.74, y: 0.5 }, dar: { x: 0.5, y: 0.78 } }}
+          />
+        }
         metin={
           <div className="text-center lg:text-left">
             <h1