/* ══════════════════════════════════════════════════════════════
   ÜLKE SIRALAMASI (country.js)
══════════════════════════════════════════════════════════════ */

/* ══════════════════════════════════════════════════════════════
   İLK 3 RADARI — ülkenin ilk 3 oyuncusu şu an nereye bakıyor?
   Fraksiyon radarıyla (css/19-radar.css .fcr-look) aynı dil; renk
   madalya rengi (--cntr). KATMAN TIKLAMA YUTMAZ — altındaki piksele
   basılabilmeli (geçmişte pixel-info kutusuyla yaşanan hata).
══════════════════════════════════════════════════════════════ */
#cnt-radar-layer{
  position:absolute; inset:0;
  pointer-events:none;
  z-index:44;                 /* fraksiyon radarının (45) hemen altı */
  overflow:hidden;
}
.cntr-look{
  position:absolute; left:0; top:0;
  display:flex; align-items:center; gap:5px;
  padding:2px 7px 2px 4px;
  background:rgba(10,10,20,.72);
  border:1px solid color-mix(in srgb, var(--cntr, #f5c518) 60%, transparent);
  border-radius:10px;
  backdrop-filter:blur(4px);
  font-family:var(--font-ui, sans-serif);
  font-size:.58rem; font-weight:700; letter-spacing:.02em;
  color:#e8eaf8; white-space:nowrap;
  pointer-events:none;
  opacity:.85;
  transition:opacity .15s ease, transform .12s ease;
  will-change:transform;
}
.cntr-look.r1{
  border-color:var(--cntr, #f5c518);
  box-shadow:0 0 10px color-mix(in srgb, var(--cntr, #f5c518) 45%, transparent);
}
.cntr-dot{
  width:7px; height:7px; border-radius:50%;
  background:var(--cntr, #f5c518);
  box-shadow:0 0 6px var(--cntr, #f5c518);
  flex:0 0 auto;
  animation:cntrBreath 2.4s ease-in-out infinite;
}
.cntr-name{ max-width:120px; overflow:hidden; text-overflow:ellipsis; }
.cntr-look.edge{ opacity:.55; font-size:.52rem; }
.cntr-look.edge .cntr-name{ max-width:74px; }
@keyframes cntrBreath{
  0%,100%{ transform:scale(1);   opacity:1;  }
  50%    { transform:scale(1.5); opacity:.55;}
}
@media (prefers-reduced-motion: reduce){
  .cntr-dot{ animation:none; }
}

/* Panelde "şu an haritada" göstergesi */
.cntr-live{
  width:7px; height:7px; border-radius:50%; flex:0 0 auto;
  background:#3ddc84; box-shadow:0 0 6px #3ddc84;
  animation:cntrBreath 2.4s ease-in-out infinite;
}

/* ══ PROFİLE GÖMÜLÜ SIRALAMA KARTI ══
   Ayrı pencere kaldırıldı; kart profil modalının içinde akıyor, bu yüzden
   liste kendi içinde kaydırılır (modal boyu şişmesin). */
#country-rank-body .cnt-list{ max-height:min(46vh, 320px); }
#country-rank-body .cnt-mine{ margin-bottom:.5rem; }
#country-rank-body .cnt-top3{ margin-top:.55rem; }
#country-rank-card{ transition:box-shadow .35s ease, border-color .35s ease; }
#country-rank-card.pulse{
  border-color:var(--accent, #7B61FF);
  box-shadow:0 0 0 2px rgba(var(--accent-rgb, 123,97,255), .35);
}
.cnt-hint.sm{ font-size:.62rem; opacity:.85; margin-top:.3rem; }

/* ══ GİRİŞTE "ÜLKENİZ NERESİ?" SORUSU ══ */
#cnt-pick.gate{ z-index:10090; background:rgba(6,7,12,.86); }
#cnt-pick.gate .cnt-title{ font-size:1.1rem; }
.cnt-gate-sub{
  font-size:.74rem; color:var(--muted, #9aa0b5);
  line-height:1.45; margin:-.2rem 0 .5rem;
}
.cnt-gate-later{
  margin-top:.55rem; align-self:center;
  background:none; border:none; cursor:pointer;
  font-size:.68rem; color:var(--muted, #9aa0b5);
  text-decoration:underline; padding:.3rem .5rem;
}
.cnt-gate-later:hover{ color:var(--txt, #e9e9f2); }

/* ── Modal ── */
#cnt-modal, #cnt-pick{
  position:fixed; inset:0; z-index:10070;
  background:rgba(6,7,12,.72); backdrop-filter:blur(4px);
  display:flex; align-items:center; justify-content:center; padding:1rem;
}
#cnt-modal .cnt-card, #cnt-pick .cnt-pick-card{
  width:min(94vw, 430px); max-height:min(88vh, 720px);
  display:flex; flex-direction:column;
  background:var(--surf2, #171a24);
  border:1px solid var(--bdr2, #2b3040);
  border-radius:16px; padding:.9rem;
  box-shadow:0 20px 60px rgba(0,0,0,.6);
}
.cnt-head{
  display:flex; align-items:center; justify-content:space-between;
  gap:.5rem; margin-bottom:.6rem; flex-shrink:0;
}
.cnt-title{ font-weight:900; font-size:.98rem; color:var(--txt, #e9e9f2); }
.cnt-x{
  border:none; background:transparent; cursor:pointer;
  color:var(--muted, #8b8db8); font-size:.85rem;
  padding:.2rem .35rem; border-radius:6px;
}
.cnt-x:hover{ color:var(--txt, #fff); background:var(--surf, #11131b); }

/* ── Kendi ülkem ──
   Kartın kimlik şeridi: solunda ince bir vurgu çizgisi, üstünde hafif bir
   parlaklık. Bayrak büyütüldü — bu satır "sen kimsin" diyor. */
.cnt-mine{
  position:relative; overflow:hidden;
  display:flex; align-items:center; gap:.55rem;
  padding:.6rem .7rem .6rem .85rem; margin-bottom:.6rem;
  border-radius:12px;
  background:
    linear-gradient(135deg,
      rgba(var(--accent-rgb, 123,97,255), .16) 0%,
      rgba(var(--accent-rgb, 123,97,255), .06) 100%);
  border:1px solid rgba(var(--accent-rgb, 123,97,255), .32);
  flex-shrink:0; flex-wrap:wrap;
}
.cnt-mine::before{
  content:''; position:absolute; left:0; top:0; bottom:0; width:3px;
  background:var(--accent, #7B61FF);
}
.cnt-mine .cnt-flag{ font-size:1.3rem; }
.cnt-mine.none{
  background:rgba(var(--surf-rgb, 10,16,32), .6);
  border-color:var(--bdr2, #2b3040);
}
.cnt-mine.none::before{ background:var(--bdr2, #2b3040); }
.cnt-mine-name{ font-weight:800; font-size:.84rem; color:var(--txt, #e9e9f2); flex:1; min-width:0; }
.cnt-lock{
  font-size:.6rem; color:var(--muted, #8b8db8);
  font-family:var(--font-mono, monospace);
  border:1px solid var(--bdr2, #2b3040); border-radius:6px; padding:.1rem .35rem;
}
.cnt-change{
  border:1px solid var(--bdr2, #2b3040); background:transparent;
  color:var(--muted, #8b8db8); border-radius:8px;
  padding:.3rem .6rem; font-size:.7rem; font-weight:700; cursor:pointer;
}
.cnt-change:hover{ color:var(--txt, #fff); }
.cnt-change.primary{
  background:var(--accent, #7B61FF); border-color:var(--accent, #7B61FF);
  color:#fff; font-weight:800;
}

/* ── Süzgeçler: tek satır, iki bölmeli anahtar ──
   Eskiden iki ayrı sekme SATIRI vardı (mod altında dönem) ve kartın üçte
   birini yiyordu. İkisi de aynı satırda, "bölmeli anahtar" (segmented
   control) biçiminde: hangi kesitte olduğun tek bakışta okunuyor. */
.cnt-filters{
  display:flex; align-items:center; gap:.4rem;
  margin-bottom:.5rem; flex-shrink:0; flex-wrap:wrap;
}
.cnt-seg{
  display:flex; gap:2px; flex:1 1 auto; min-width:0;
  padding:2px; border-radius:10px;
  background:rgba(var(--surf3-rgb, 33,42,69), .55);
  border:1px solid var(--pf-hair, rgba(255,255,255,.075));
}
.cnt-seg.sub{ flex:0 1 auto; }
/* flex:1 1 0 + white-space:nowrap İKİLİSİ TUZAKTI: sekmeler metne bakmadan
   eşit bölünüyor, uzun etiket sessizce kırpılıyordu. TR/EN'de fark edilmedi,
   RU "За всё время" (80px) ve DE "Insgesamt" (63px) 60-75px'lik kutuya
   sığmadı. Artık taban genişlik İÇERİK (basis:auto + min-width:max-content),
   sekmeler oradan büyüyerek satırı dolduruyor. */
.cnt-tab{
  flex:1 1 auto; min-width:max-content; border:none; background:transparent;
  color:var(--muted, #8b8db8); border-radius:8px;
  padding:.34rem .6rem; font-size:.72rem; font-weight:700; cursor:pointer;
  white-space:nowrap;
  transition:background .16s ease, color .16s ease;
}
/* Dar ekranda uzun çeviriler için biraz nefes payı */
@media (max-width:480px){
  .cnt-tab{ padding:.34rem .45rem; font-size:.68rem; }
  .cnt-seg.sub .cnt-tab{ font-size:.64rem; padding:.32rem .4rem; }
}
.cnt-tab:hover{ color:var(--txt, #fff); background:rgba(var(--surf-rgb, 10,16,32), .5); }
.cnt-tab.on{
  background:var(--accent, #7B61FF); color:#fff;
  box-shadow:0 1px 3px rgba(0,0,0,.28);
}
.cnt-seg.sub .cnt-tab{ font-size:.68rem; padding:.34rem .55rem; }
/* Eski iki satırlı düzen başka bir yerden çağrılırsa kırılmasın */
.cnt-tabs{ display:flex; gap:.3rem; margin-bottom:.4rem; flex-shrink:0; }

/* ══════════════════════════════════════════════════════════════
   HALKA (DONUT) + LEJANT

   RENK: dilim renkleri kategorik kimlik taşır, bu yüzden gelişigüzel
   seçilmedi — renk körlüğü ayrımı (OKLab ΔE, deutan/protan/tritan) ve
   yüzeye karşı kontrast ölçülerek doğrulandı. Bu palet ÜÇ renge kadar
   tüm çiftlerde sınırı geçiyor; dördüncü kategorik renk eklemek
   turuncu/sarı çiftini sınırın altına düşürdüğü için gerisi tek bir
   nötr griye ("Diğer") toplanıyor — bkz. country.js _halkaDilimleri.
   Açık temada dilimlerin yüzey kontrastı 3:1'in altında kalıyor; bu
   yüzden lejantta yüzde VE piksel sayısı her zaman YAZILI (renk tek
   başına hiçbir bilgiyi taşımıyor).
══════════════════════════════════════════════════════════════ */
:root{
  --cnt-s1:#3987e5;   /* mavi   */
  --cnt-s2:#d95926;   /* turuncu */
  --cnt-s3:#199e70;   /* deniz yeşili */
  --cnt-rest:#5b688a; /* diğer — nötr, kimlik taşımaz */
}
:root[data-theme="light"]{
  --cnt-s1:#2a78d6;
  --cnt-s2:#eb6834;
  --cnt-s3:#1baf7a;
  --cnt-rest:#93a0bd;
}

.cnt-hero{
  display:flex; align-items:center; gap:.9rem;
  padding:.7rem .75rem; margin-bottom:.6rem;
  border-radius:13px; flex-shrink:0;
  background:rgba(var(--surf-rgb, 10,16,32), .55);
  border:1px solid var(--pf-hair, rgba(255,255,255,.075));
}
/* Açık temada --surf beyaz olduğu için blok kartın içinde kayboluyordu;
   orada zemin yüzeyin bir kademe altına (surf3) çekiliyor. */
:root[data-theme="light"] .cnt-hero{
  background:rgba(var(--surf3-rgb, 226,231,244), .5);
}
/* Tek ülke varsa (halka çizilmiyor) sade sayı bloğu */
.cnt-hero.solo{ flex-direction:column; align-items:center; gap:.15rem; padding:.85rem .75rem; }
.cnt-solo-val{
  font-size:1.5rem; font-weight:900; line-height:1;
  color:var(--txt, #e9e9f2); letter-spacing:-.02em;
}
.cnt-solo-lbl{
  font-size:.75rem; font-weight:700; letter-spacing:.05em;
  text-transform:uppercase; color:var(--muted, #8b8db8);
}
.cnt-donut-wrap{
  position:relative; flex:0 0 auto;
  width:112px; height:112px;
}
.cnt-donut{
  width:100%; height:100%;
  /* 0° saat 12'de başlasın */
  transform:rotate(-90deg);
  overflow:visible;
}
.cnt-arc-track{
  fill:none; stroke:rgba(var(--surf3-rgb, 33,42,69), .75); stroke-width:13;
}
.cnt-arc{
  fill:none; stroke-width:13; stroke-linecap:butt;
  transition:opacity .18s ease, stroke-width .18s ease;
}
/* Bir dilim vurgulanınca diğerleri geri çekilir (kalabalık azalır) */
.cnt-hero.hi .cnt-arc{ opacity:.28; }
.cnt-hero.hi .cnt-arc.on{ opacity:1; stroke-width:16; }
.cnt-hero.hi .cnt-key{ opacity:.5; }
.cnt-hero.hi .cnt-key.on{ opacity:1; }

.cnt-donut-mid{
  position:absolute; inset:0;
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  gap:1px; text-align:center; pointer-events:none; padding:0 .5rem;
}
.cnt-donut-val{
  font-size:1.02rem; font-weight:900; line-height:1;
  color:var(--txt, #e9e9f2); letter-spacing:-.01em;
}
.cnt-donut-lbl{
  font-size:.52rem; font-weight:700; letter-spacing:.05em;
  text-transform:uppercase; color:var(--muted, #8b8db8);
  /* Halkanın İÇ çapı kadar (yaklaşık 68px) — uzun ülke adı iki satıra
     sarsın, tek satırda "AMERİKA BİRL…" diye kesilmesin. */
  max-width:68px; line-height:1.15; white-space:normal;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;
  overflow:hidden;
}

.cnt-keys{ flex:1; min-width:0; display:flex; flex-direction:column; gap:1px; }
.cnt-key{
  display:flex; align-items:center; gap:.4rem;
  padding:.2rem .3rem; border-radius:7px; cursor:default;
  font-size:.7rem; transition:opacity .18s ease, background .16s ease;
}
.cnt-key:hover{ background:rgba(var(--surf3-rgb, 33,42,69), .5); }
.cnt-key-dot{
  width:9px; height:9px; border-radius:3px; flex:0 0 auto;
  /* Yüzeye karşı ince halka: dilim rengi zeminle karışmasın */
  box-shadow:0 0 0 1px rgba(var(--surf-rgb, 10,16,32), .9);
}
.cnt-key .cnt-flag{ font-size:.82rem; }
.cnt-key-name{
  flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
  color:var(--txt, #e9e9f2); font-weight:600;
}
.cnt-key-sub{ color:var(--muted, #8b8db8); font-weight:500; }
.cnt-key-pct{
  font-family:var(--font-mono, monospace); font-weight:800;
  color:var(--txt, #e9e9f2); flex:0 0 auto; font-variant-numeric:tabular-nums;
}
.cnt-key-px{
  font-family:var(--font-mono, monospace); font-size:.62rem;
  color:var(--muted, #8b8db8); flex:0 0 auto; min-width:52px; text-align:right;
  font-variant-numeric:tabular-nums;
}
body.pf-no-flag .cnt-key .cnt-flag{ min-width:24px; height:15px; font-size:.54rem; }

@media (max-width: 480px){
  /* Telefonda yan yana sığmıyor: halka üstte, lejant altında tam genişlik */
  .cnt-hero{ flex-direction:column; gap:.6rem; }
  .cnt-donut-wrap{ width:120px; height:120px; }
  .cnt-keys{ width:100%; }
}

.cnt-hint{
  font-size:.65rem; color:var(--muted, #8b8db8);
  line-height:1.45; margin-bottom:.5rem; flex-shrink:0;
}

/* ── Sıralama listesi ── */
.cnt-list{ overflow-y:auto; flex:1; min-height:0; display:flex; flex-direction:column; gap:3px; }
.cnt-row{
  display:flex; flex-direction:column; gap:.28rem;
  padding:.42rem .55rem .5rem; border-radius:9px; font-size:.78rem;
  color:var(--txt, #e9e9f2);
  border:1px solid transparent;
}
.cnt-row:nth-child(odd){ background:rgba(128,140,180,.055); }
.cnt-row.me{
  background:rgba(var(--accent-rgb, 123,97,255), .14);
  border-color:rgba(var(--accent-rgb, 123,97,255), .45);
}
/* Kendi ülkem listede kaydırınca kaybolmasın — üstte yapışık kalır */
.cnt-row.me{ position:sticky; top:0; z-index:1; backdrop-filter:blur(6px); }
.cnt-line{ display:flex; align-items:center; gap:.5rem; }

/* ── PAY ÇUBUĞU — piksel hücreleri ──
   Oyunun malzemesi piksel; bu yüzden çubuk düz bir şerit değil, ayrık
   hücrelerden örülü. Hücre ayırıcıları ::after ile ÜSTTEN çiziliyor, böylece
   dolu ve boş kısım aynı ızgaraya oturuyor (kayma olmuyor). */
.cnt-bar{
  position:relative; height:7px; border-radius:2px;
  background:var(--surf3, #1d2340);
  overflow:hidden;
}
.cnt-bar-fill{
  display:block; height:100%;
  background:var(--accent, #7B61FF);
  border-radius:2px 0 0 2px;
  transition:width .45s var(--ease-out, cubic-bezier(.22,1,.36,1));
}
.cnt-bar::after{
  content:''; position:absolute; inset:0; pointer-events:none;
  /* 5px hücre + 1px boşluk */
  background-image:repeating-linear-gradient(90deg,
    transparent 0 5px, var(--surf2, #171c31) 5px 6px);
}
@media (prefers-reduced-motion: reduce){
  .cnt-bar-fill{ transition:none; }
}

/* İlk üç: madalya renkleri — sıralamanın tepesi gözle ayrışsın.
   Tonlar TEMAYA GÖRE: koyu zeminde açık gümüş doğru, açık zeminde aynı ton
   kayboluyordu (2. sıranın çubuğu görünmüyordu). Açık temada koyulaştırılır. */
:root{
  --medal-1:#f5c518;
  --medal-2:#c2ccd8;
  --medal-3:#d08a45;
}
:root[data-theme="light"]{
  --medal-1:#d9a406;
  --medal-2:#7f8da0;
  --medal-3:#b06f2c;
}
/* İlk üçün ÇUBUK rengi artık halkadaki dilimiyle aynı (country.js satır
   içinde --cnt-s1/2/3 veriyor) — iki gösterim tek renk dilinde konuşuyor.
   Madalya renkleri yalnızca SIRA NUMARASINDA kalıyor: mevki bilgisi,
   veri rengi değil. */
.cnt-row.top1 .cnt-pos{ color:var(--medal-1); font-weight:800; }
.cnt-row.top2 .cnt-pos{ color:var(--medal-2); font-weight:800; }
.cnt-row.top3 .cnt-pos{ color:var(--medal-3); font-weight:800; }

/* Yüzde — satırın en okunur sayısı, çubukla aynı bilgiyi doğrular */
.cnt-pct{
  font-family:var(--font-mono, monospace);
  font-size:.74rem; font-weight:800;
  color:var(--txt, #e9e9f2);
  flex-shrink:0; min-width:44px; text-align:right;
}

/* Liste altı özet */
.cnt-total{
  flex-shrink:0; margin-top:.5rem; padding-top:.5rem;
  border-top:1px dashed var(--bdr, #242c49);
  font-size:.64rem; color:var(--muted, #7d87ad);
  font-family:var(--font-mono, monospace); text-align:center;
}
.cnt-pos{
  width:22px; flex-shrink:0; text-align:right;
  font-family:var(--font-mono, monospace); font-size:.68rem;
  color:var(--muted, #8b8db8);
}
.cnt-flag{ font-size:1.05rem; flex-shrink:0; line-height:1; }

/* WINDOWS: bayrak emojisi glifi yok, 🇹🇷 "TR" harf çifti olarak çizilir
   (country.js ölçüp body'ye .pf-no-flag ekliyor). Kırık görünmesin diye
   harf çiftini kasıtlı bir ülke kodu rozetine çeviriyoruz. */
body.pf-no-flag .cnt-flag{
  font-size:.58rem; font-weight:900; letter-spacing:.02em;
  font-family:var(--font-mono, monospace);
  display:inline-flex; align-items:center; justify-content:center;
  min-width:26px; height:17px; padding:0 .18rem;
  border:1px solid var(--bdr2, #2b3040); border-radius:4px;
  background:var(--surf, #11131b); color:var(--muted, #8b8db8);
}
body.pf-no-flag .cnt-row.me .cnt-flag,
body.pf-no-flag .cnt-mine .cnt-flag{
  border-color:var(--accent, #7B61FF); color:var(--accent, #7B61FF);
}
.cnt-name{ flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.cnt-players{
  font-size:.6rem; color:var(--muted, #8b8db8);
  font-family:var(--font-mono, monospace); flex-shrink:0;
}
.cnt-px{
  font-family:var(--font-mono, monospace); font-size:.72rem;
  font-weight:700; color:var(--accent, #7B61FF); flex-shrink:0;
}
.cnt-empty{
  color:var(--muted, #8b8db8); font-size:.72rem; text-align:center; padding:1rem;
}

/* ── İlk 3 ── */
.cnt-top3{
  margin-top:.6rem; padding-top:.6rem;
  border-top:1px solid var(--bdr2, #2b3040); flex-shrink:0;
}
.cnt-top3-head{
  font-size:.7rem; font-weight:800; color:var(--muted, #8b8db8);
  margin-bottom:.35rem;
}
.cnt-top3-row{
  display:flex; align-items:center; gap:.5rem;
  padding:.3rem .4rem; border-radius:8px; font-size:.78rem;
}
.cnt-medal{ font-size:.95rem; flex-shrink:0; line-height:1; }
.cnt-top3-name{
  flex:1; min-width:0; cursor:pointer;
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
  color:var(--txt, #e9e9f2);
}
.cnt-top3-name:hover{ color:var(--accent, #7B61FF); text-decoration:underline; }

.cnt-spots-toggle{
  display:flex; align-items:center; gap:.45rem;
  margin-top:.5rem; padding:.45rem .5rem;
  border:1px solid var(--bdr2, #2b3040); border-radius:9px;
  font-size:.72rem; color:var(--muted, #8b8db8); cursor:pointer;
}
.cnt-spots-toggle:hover{ color:var(--txt, #e9e9f2); }
.cnt-spots-toggle input{ accent-color:var(--accent, #7B61FF); cursor:pointer; }

/* ── Ülke seçici ── */
.cnt-pick-warn{
  font-size:.68rem; line-height:1.45; margin-bottom:.5rem;
  color:#f5c518; background:rgba(245,197,24,.10);
  border:1px solid rgba(245,197,24,.28); border-radius:9px; padding:.4rem .55rem;
}
#cnt-pick-search{
  width:100%; background:rgba(0,0,0,.28);
  border:1px solid var(--bdr2, #2b3040); border-radius:9px;
  color:var(--txt, #e9e9f2);
  /* 16px: iOS Safari daha küçük yazı tipinde alanı otomatik yakınlaştırır */
  padding:.5rem .7rem; font-size:16px; outline:none; margin-bottom:.55rem;
}
#cnt-pick-search:focus{ border-color:var(--accent, #7B61FF); }
.cnt-pick-list{ overflow-y:auto; flex:1; min-height:0; display:flex; flex-direction:column; gap:2px; }
.cnt-pick-row{
  display:flex; align-items:center; gap:.55rem;
  text-align:left; width:100%; border:none; background:transparent;
  cursor:pointer; color:var(--txt, #e9e9f2);
  padding:.45rem .55rem; border-radius:8px; font-size:.78rem;
}
.cnt-pick-row:hover{ background:rgba(var(--accent-rgb, 123,97,255), .16); }

@media (max-width: 768px){
  #cnt-modal .cnt-card, #cnt-pick .cnt-pick-card{ width:100%; max-height:92vh; }
  .cnt-row, .cnt-pick-row{ font-size:.82rem; padding:.5rem .55rem; }
}

/* ── v5.0: 1914 devlet bayrakları RESİM (assets/flags1914/*.svg) ──
   Emoji değil: çoğu 1914 devletinin ISO kodu yok. Resim olduğu için
   Windows'taki "harf çifti rozeti" (pf-no-flag) burada uygulanmaz. */
.pf-flag-img{
  display:inline-block; height:1em; width:1.5em; object-fit:cover;
  border-radius:2px; vertical-align:-.15em;
  box-shadow:0 0 0 1px rgba(0,0,0,.35);
}
.cnt-flag:has(.pf-flag-img){ display:inline-flex; align-items:center; }
body.pf-no-flag .cnt-flag:has(.pf-flag-img){
  min-width:0; height:auto; padding:0; border:0; background:none;
}