feat(tasarim): şehir sayfasına hero dilinde piksel harita; üniversite konum kartı da aynı harita

- scripts/il-izgara-uret.ts → src/lib/il-izgara-verisi.ts: 81 il ve 7 ülke
  kontürü hero'nun dot-matrix ızgarasına (72×31) rasterize; küçük iller 2×2 garanti.
- SehirPikselHaritasi: iri kareler, altı opaklık, kıyı serpintisi, usePixelHeat
  ısı fırçası; bulunulan il iri turuncu karelerle sırayla belirir (kt-piksel-belir)
  ve nabız atar; KKTC/yurt dışında şehir merkezinde 2×2 iri kare.
- Şehir sayfası başlığı beyaz piksel dokulu yüzeyde (SehirYuzeyi), harita sağda/altta.
- UniversiteKonumHaritasi düz SVG yerine aynı piksel haritayı kullanır.
- DESIGN.md §4.12/§4.17/§10.8 güncellendi.

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

src/app/globals.css

@@ -322,6 +322,31 @@
   animation: kt-piksel-nabiz 0.42s cubic-bezier(0.23, 1, 0.32, 1);
 }
 
+/* Şehir haritasında (sehir-piksel-haritasi.tsx) ilin kareleri sırayla
+   belirir; her karenin gecikmesi inline (35 ms × sıra). DESIGN.md §4.17. */
+@keyframes kt-piksel-belir {
+  from {
+    opacity: 0;
+    transform: scale(0.6);
+  }
+  to {
+    opacity: 1;
+    transform: scale(1);
+  }
+}
+
+.kt-piksel-belir {
+  transform-box: fill-box;
+  transform-origin: center;
+  animation: kt-piksel-belir 0.42s cubic-bezier(0.23, 1, 0.32, 1) both;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .kt-piksel-belir {
+    animation: none;
+  }
+}
+
 /* Bildirim (toast, sonner) — DESIGN.md §4.16. Başlık ve açıklama slate
    tonlarında okunur; aksiyon düğmesi üst çubuktaki koyu hap dilinde.
    ".toaster" öneki şart: sonner kendi stilini çalışma anında enjekte eder,