/* KOLScreener — site tasarim sistemi (uretim)
   Kaynak: site/templates/onizleme.html <style> blogu (2 Eyl, Ayhan onayli).
   PLAN.md §15 kilitleri + marka/GORSEL_DILI.md 1/3/4/5/6.

   Kilitli olanlar — olcmeden degistirme:
   · zemin neredeyse siyah, hale (glow) yok            (GORSEL_DILI 4)
   · kutu / cerceve / golge / gradyan yok, yalniz sac teli ayrac  (kural 5)
   · nokta-matris goz alfa .16, sagda buyuk            (kural 6, §15)
   · nane #34E08A ve altin #FFCD6E YALNIZ basamak rakaminda; x10+ altin
   · Bungee yalniz baslik ve kunye                     (kural 3: sira renkle)
   · tablo satiri ~51px (17px ust + 17px alt + 14px satir)
   Fontlar yerelden yuklenir; dis istek yok. */

/* ------------------------------------------------------------------ fontlar */
@font-face{font-family:Bungee;src:url(../fonts/bungee-400.woff2) format('woff2');
  font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Archivo Black';src:url(../fonts/archivoblack-400.woff2) format('woff2');
  font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Chakra Petch';src:url(../fonts/chakrapetch-400.woff2) format('woff2');
  font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Chakra Petch';src:url(../fonts/chakrapetch-500.woff2) format('woff2');
  font-weight:500;font-style:normal;font-display:swap}
/* 600 icin ayri dosya yok; 700'u 600-700 araligina veriyoruz ki tarayici
   sentetik kalinlastirma yapmasin (onizlemede Google 600 vardi, fark yok). */
@font-face{font-family:'Chakra Petch';src:url(../fonts/chakrapetch-700.woff2) format('woff2');
  font-weight:600 700;font-style:normal;font-display:swap}

/* ------------------------------------------------------------------ jetonlar */
/* --muted / --faint: DENETIM.md K2. Eski #4C5854 zeminde 2,69:1 ile AA'nin
   (4,5) altindaydi ve sayfadaki ikincil metnin TAMAMI o renkti — sutun adlari,
   @handle, tarihler, bant, footer. Ton ve doygunluk aynen duruyor, yalnizca
   parlaklik arttI (GORSEL_DILI §2.2'nin "ayni ton, farkli parlaklik" mantigi).
   faint 2,69 -> 4,53 · muted 5,68 -> 6,85. muted da yukari alindi, cunku tek
   basina faint yukselince iki kademe arasi 2,11:1'den 1,25:1'e dusuyordu
   (yeni ayrim 1,51:1). GERI ALMAK ICIN: iki yorumdaki eski degeri yaz. */
:root{
  --ink:#07090A; --text:#E8EFEB;
  --muted:#8E9A95;                      /* eski #7E8C86 — 5,68:1 */
  --faint:#6D7E78 /* 4,66:1 zemin / 4,52:1 hover; onceki #6B7C76 hover'da 4,39 kaliyordu, ilki #4C5854 = 2,69 */;                      /* eski #4C5854 — 2,69:1, AA'yi gecmiyordu */
  --hair:rgba(255,255,255,.07); --hair-2:rgba(255,255,255,.13);
  --mint:#34E08A; --gold:#FFCD6E; --blue:#00C8FF;
  --disp:Bungee,'Arial Black',system-ui,sans-serif;
  --num:'Archivo Black','Arial Black',system-ui,sans-serif;
  --body:'Chakra Petch',ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;
  --maxw:1080px; --pad:28px; --bar:58px;
  --mast-h:0px;                       /* sahne yuksekligi, genis ekranda acilir */

  /* TIPOGRAFIK OLCEK — 1,25 orani, 15 px govdeye demirli (2 Eyl, ikinci
     tasarim turu). Once her punto elle secilmisti (9,5 / 10 / 11,5 / 12 /
     12,5 / 13 / 13,5 / 14 / 14,5 / 15 / 19 / 20 / 27 ...): on bir kademe,
     hicbiri birbiriyle akrabas degil, ve Ayhan'in "cok basit duruyor"
     dedigi duzlugun bir sebebi buydu — her sey ORTA boy. Yeni kademeler
     kok 15'ten ikiye dogru: yukari 1,25 kat, asagi 1,25'e bolerek.
        -2  9,6   etiket (KUCUK CAPS, harf araligi .2em)
        -1  12    ikincil satir, tarih, @handle
         0  15    govde
         1  18,8  vurgu satiri
         2  23,4  bolum ici baslik
         3  29,3
         4  36,6  bolum rakami
         5  45,8  sayac rakami (masthead)
         6  57,2
         7  71,5  kart basamagi (dev)
         8  89,4  manset tavani
     `--t7`/`--t8` tek basina KULLANILMAZ; yerlerine clamp() giriyor ama
     clamp'in tavani hep bu kademe. */
  --t-2:9.6px; --t-1:12px; --t0:15px; --t1:18.8px; --t2:23.4px;
  --t3:29.3px; --t4:36.6px; --t5:45.8px; --t6:57.2px; --t7:71.5px; --t8:89.4px;
  /* Manset: 1024 px'lik kolonu TAM dolduran punto (GORSEL_DILI 2 — "baslik
     cerceveyi doldurur"). 83 px'te "KOLS MAKE THE CALLS." kolonun sonuna
     dayaniyor; 8,1vw - 4,6px ayni orani dar ekranda tutuyor (kolon = vw -
     2x28 px dolgu). Tavan --t8'e yuvarlanmadi cunku olcu metnin kendisinden
     geliyor; kademe ustune YAZI tasmasi bir hata olurdu. */
  --h1:clamp(30px,calc(8.1vw - 4.6px),83px);
}
@media(max-width:640px){:root{--pad:18px}}

/* GENIS EKRAN (Ayhan, 3 Eyl: "sitenin sag solu cok bos geldi, bu kisim
   sinematik dedik olmamis, dumduz duruyor").
   Olculdu: 1900 px'lik ekranda kolon 1080'de kaliyor (iki yanda 410'ar px
   olu alan) ve manset --h1'in 83 px tavaninda duruyor. Ekran buyuyor,
   tasarim buyumuyor; "bos ve duz" hissinin sayisal kaynagi bu.
   Kolon ve manset ekranla birlikte buyuyor, sahneye yukseklik veriliyor. */
@media(min-width:1400px){
  /* 1240 - 2x40 = 1160 px ic genislik; 1160/12,0 = 96 punto tavan.
     Tavan asilirsa manset UC satira kiriliyor (Ayhan, 3 Eyl). */
  :root{--maxw:1240px; --pad:40px; --h1:clamp(83px,7.2vw,96px); --mast-h:72vh}
}
@media(min-width:1700px){
  /* 1380 - 2x48 = 1284 px; 1284/12,0 = 107 punto. */
  :root{--maxw:1380px; --pad:48px; --h1:clamp(96px,6.4vw,107px); --mast-h:76vh}
}

*,*::before,*::after{box-sizing:border-box}
/* scroll-padding: yapiskan bar 58px; Tab ile asagi gecilen ogenin odak
   halkasini ortmesin (DENETIM.md O11) — 58 + 3 outline-offset + 9 pay */
html{-webkit-text-size-adjust:100%;scroll-padding-top:70px}
body{margin:0;background:var(--ink);color:var(--text);
  font:400 15px/1.6 var(--body);-webkit-font-smoothing:antialiased;
  overflow-x:clip}                       /* govde asla yatay kaymaz */
.wrap{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 var(--pad)}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
:focus-visible{outline:1px solid var(--mint);outline-offset:3px}
img,svg{max-width:100%}
.num{font-variant-numeric:tabular-nums}
[hidden]{display:none !important}       /* JS suzgeci satirlari boyle gizler */

/* ------------------------------------------------------------------ ust bar */
.top{position:sticky;top:0;z-index:60;background:rgba(7,9,10,.9);
  backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
  border-bottom:1px solid var(--hair)}
.top-in{display:flex;align-items:center;gap:26px;height:var(--bar)}
.mark{display:flex;align-items:center;gap:9px;flex:none}
.mark img{display:block;width:22px;height:22px}   /* gercek isaret, mark.svg */
.mark span{font:400 13px/1 var(--disp);letter-spacing:.06em}
.menu{display:flex;gap:22px;margin-left:8px}
.menu a,.menu button{display:block;font-size:13px;letter-spacing:.02em;color:var(--muted);
  padding:19px 0;border-bottom:1px solid transparent;transition:color .15s}
.menu a:hover,.menu button:hover{color:var(--text)}
.menu .on{color:var(--text);border-bottom-color:var(--mint)}
.top .right{margin-left:auto;display:flex;align-items:center;gap:18px}
#q{font:400 13px/1 var(--body);color:var(--text);background:none;border:0;
  border-bottom:1px solid var(--hair);padding:7px 2px;width:170px;
  transition:border-color .18s;-webkit-appearance:none;appearance:none;border-radius:0}
#q::placeholder{color:var(--faint)}
#q:focus{outline:0;border-bottom-color:var(--mint)}
.cta{font-size:12.5px;color:var(--mint);white-space:nowrap}
.cta:hover{opacity:.75}
/* DENETIM.md K3: .top-in kuculemez minimumu 426,8 px'ti (gerçek font
   metrikleriyle olculdu) — 360 px'te 102,8 px, 390 px'te 72,8 px tasiyordu ve
   yapiskan bar da kayan icerikle sagi kaciyordu. Iki adim: arama kutusu
   daralabilsin, 480 altinda wordmark yazisi dussun (goz isareti kaliyor —
   GORSEL_DILI §1 zaten "lockup koyulmaz" diyor, kucuk ekranda markanin dili
   gozun kendisi). Olcum: 426,8 -> 309,6 px; 360 px'te 14,4 px pay. */
@media(max-width:900px){
  .cta{display:none}
  .top .tg{display:none}
}
@media(max-width:720px){
  .top-in{gap:16px}
  .menu{gap:16px}
  .menu a,.menu button{font-size:12.5px}
  #q{width:112px;min-width:0;flex:1 1 84px}   /* 320 px'te daralir, yok olmaz */
  .cta{display:none}
}
@media(max-width:480px){
  .mark span{display:none}                    /* 136,1 -> 19 px: 117,1 px kazanc */
}
/* Menude DORDUNCU oge var artik (Docs — Ayhan, 2 Eyl). Olculdu: bar 320 px'te
   50 px, 360 px'te 10 px tasiyordu; 390 px'te (K3'un hedefi) tam siğiyordu.
   Ucuncu bir kademe: bosluklar kisaliyor, arama kutusu daha da daralabiliyor.
   Yeni olcum bu blogun altinda. */
@media(max-width:440px){
  .top-in{gap:11px}
  .menu{gap:11px;margin-left:0}
  .menu a,.menu button{font-size:12px;letter-spacing:0}
  #q{flex:1 1 56px;width:56px}
}

/* ------------------------------------------------------------------ akan bant */
.tape{overflow:hidden;border-bottom:1px solid var(--hair);
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.tape-in{display:flex;width:max-content;animation:tape 120s linear infinite}
/* WCAG 2.2.2: durdurma yolu ucte bir. Fare = hover · klavye = odak ·
   dokunmatik = banda dokunmak (.paused'i JS koyar). Ekranda hicbir sey
   eklenmiyor — GORSEL_DILI kural 5. Banda `tabindex="0"` gerekli. */
.tape:hover .tape-in,
.tape:focus-within .tape-in,
.tape.paused .tape-in{animation-play-state:paused}
@keyframes tape{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
.ti{display:flex;align-items:baseline;gap:8px;padding:11px 0;margin-right:34px;
  font-size:12px;color:var(--faint);white-space:nowrap}
.ti b{font-family:var(--num);font-size:11.5px;font-variant-numeric:tabular-nums;
  color:var(--mint);letter-spacing:-.01em}
.ti b.g{color:var(--gold)}
.ti em{font-style:normal;color:var(--text);font-weight:500;font-size:12.5px}
.ti s{text-decoration:none;color:var(--muted)}

/* ------------------------------------------------------------------ masthead */
.mast{position:relative;overflow:hidden;border-bottom:1px solid var(--hair);
  min-height:var(--mast-h);display:flex;align-items:center}
.mast>.wrap{width:100%}
/* GORSEL_DILI 6 — arkada KONU var, doku degil.
   ---------------------------------------------------------------------
   2 Eyl, ikinci tur (Ayhan: "nokta-matris goz sag kenarda sonuk bir leke
   gibi duruyor ve kesiliyor"). Uc sey degisti, ucu de olcuye dayaniyor:

   1. BOYUT. 430 px'lik goz 1024 px'lik bir kolonun yaninda bir simge
      kadardi; simdi 820 px'e kadar cikiyor ve mansetin ARKASINDAN geciyor.
      Kompozisyonun parcasi olmak buyuk olmayi gerektiriyor.
   2. TAMLIK. Sag kenardan tasmiyor: `right` pozitif, gozun tamami
      cerceve icinde. Kesilmis bir isaret marka degil, kalintidir.
   3. ALFA .16 -> .30 AMA MASKELI. PLAN §15 ".16, sagda buyuk" diyordu;
      o rakam, gozun metnin YANINDA durdugu bir yerlesim icin secilmisti.
      Goz metnin ALTINA girince ayni alfa iki isi birden goremiyor: metnin
      arkasinda hala fazla, bos tarafta hala sonuk. Ayrildilar — maske
      soldan (mansetin durdugu ucte birlik serit) sifira iniyor, sagda
      tam. Metnin arkasindaki gercek alfa boylece .16'nin ALTINDA
      (okunurluk artti), gozun gorundugu yerde .30 (leke olmaktan cikti).
      Maske gradyani GORSEL_DILI 5'in yasakladigi "sus gradyani" degil,
      bandin kenar maskesiyle ayni aile (marka_denetimi 5 bunu mesru
      istisna olarak ayirir). PLAN §15'in ".16" satiri artik eski —
      TASARIM.md guncellendi, PLAN sahibinden guncelleme istendi. */
/* Genislik OLCUYE gore: goz 560x445, yani 700 px genislik 556 px yukseklik
   demek ve mansetin olculen yuksekligi 630 px — cerceve icinde TAM duruyor,
   kesilmiyor (Ayhan'in sikayetinin ikinci yarisi buydu). `top:48%` onu
   sayac seridinin bir tik ustune aliyor. */
.mast .eye-wrap{position:absolute;right:clamp(0px,1vw,16px);top:47%;
  transform:translateY(-50%);width:min(940px,52vw);display:block;
  pointer-events:none;
  /* 125 derece: maske sol-USTTEN sag-alta akiyor, yani hem mansetin
     arkasini hem sayac seridinin sol yarisini bos birakiyor. 100 derecede
     yalniz sol bosaliyordu ve dokular "KOLS" sutununun uzerine biniyordu. */
  -webkit-mask-image:linear-gradient(125deg,transparent 0 30%,#000 74%);
  mask-image:linear-gradient(125deg,transparent 0 30%,#000 74%)}
.mast .eye{display:block;width:100%;height:auto;opacity:.30}
/* 720 px altinda metin kolonu bütün genisligi kapliyor: goz metnin ARKASINA
   gecmek yerine sagda kaliyor ve kuculuyor, yoksa basligin okunurlugunu
   dusuruyor. */
@media(max-width:720px){
  /* Dar ekranda manset kolonun tamamini kapliyor, yani gozun "yanina"
     cekilecek bir yer yok. Cozum yer degil MASKE: goz buyur, sag alta
     oturur ve soldan sifira inen maske sayesinde metnin arkasinda kalan
     kismi neredeyse gorunmez. Sagda kalan capa gorunur. */
  .mast .eye-wrap{width:min(430px,92vw);right:-16%;top:auto;bottom:-6%;
    transform:none;
    -webkit-mask-image:linear-gradient(115deg,transparent 0 26%,#000 70%);
    mask-image:linear-gradient(115deg,transparent 0 26%,#000 70%)}
}
/* GORSEL_DENETIM K1: `padding` KISAYOLU `.wrap`in `padding:0 var(--pad)`ini
   eziyordu (ayni ozgulluk, sonra tanimli) — mansetin sol bosluğu 390 px'te
   0'a dusuyor, sayfanin geri kalani 18 px'te duruyordu. Uzun ad sart. */
.mast-in{position:relative;padding-top:clamp(64px,12vw,150px);
  padding-bottom:clamp(34px,6vw,74px)}
/* Manset: punto kolonu doldurur (--h1), satir araligi 0,94 — Bungee'nin
   kendi govdesi zaten yuksek, 1,06'da iki satir birbirinden kopuyordu.
   Harf araligi -.018em: 83 px'te varsayilan aralik dagilmis duruyor,
   27 px'te fark edilmiyordu. Bu ucu birlikte "tesadufi" olani biten sey. */
h1{margin:0;font:400 var(--h1)/.94 var(--disp);letter-spacing:-.018em}
h1 em{display:block;font-style:normal;color:var(--mint)}
.sub{margin:clamp(22px,3.4vw,38px) 0 0;font-size:var(--t0);color:var(--muted);
  max-width:46ch}

/* sayac seridi — kutu degil, tek satir */
/* GORSEL_DENETIM O7: `flex-wrap` ile sutun genisligini ETIKET UZUNLUGU
   belirliyordu — 390 px'te ikinci sutunun sol kenari iki satir arasinda
   kayiyor, "HIGHEST" tek basina alt satira dusuyordu. Izgara sutunlari
   esitliyor; sayac sayisi degismedi. */
/* OLCEK KARSITLIGI: etiket --t-2 (9,6 px), rakam --t5 (45,8 px) — 4,8 kat.
   Eskiden 9,5 -> 27 idi (2,8 kat) ve serit "orta boy bir sey" gibi
   okunuyordu. Buyuyen tek sey rakam; etiket kucuk kalirsa rakam buyur. */
.figs{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,max-content));
  gap:clamp(24px,3vw,34px) clamp(28px,5vw,64px);padding:clamp(30px,4.4vw,52px) 0 0}
.figs div span{display:block;font-size:var(--t-2);letter-spacing:.2em;text-transform:uppercase;
  color:var(--faint);margin-bottom:12px}
.figs div b{font:400 clamp(26px,4.2vw,45.8px)/1 var(--num);font-variant-numeric:tabular-nums;
  letter-spacing:-.022em;display:block}
.figs div.g b{color:var(--gold)}
/* Bos deger bir rakam degil: --t2'ye iniyor ve sonuk kaliyor. 45,8 px'lik
   Archivo Black em-tiresi ekranda kalin bir cizgi olup ariza gibi
   duruyordu (profil "LAST WARS ROUND"). */
.figs div b.dash,.figs div.g b.dash{font-size:var(--t2);color:var(--faint);
  line-height:1.3}

/* --------------------------------------------------------------- KATMANLAR */
/* TAM GENISLIK (full-bleed) SERIT. Bir KUTU DEGIL: kenarligi, kose
   yaricapi, golgesi yok ve sagi solu sayfanin sonuna kadar gidiyor —
   gozun kutu diye okudugu sey kapali bir cerceve, burada cerceve yok.
   Zemin `rgba(255,255,255,.014)`: yeni bir renk degil, zeminin kendi
   acigi (MARKA_KILIDI'nin "notr" ailesi — sac teli ayracla ayni mantik).
   Neden duz bir hex (#0A0D0F) DEGIL: o renk 204 derece tonda, marka
   bandinin (150 +/- 20) disinda ve marka denetimi onu hakli olarak kacak
   renk sayardi. Beyaz acikligi tonu HIC degistirmiyor.
   Isi: 1080'lik kolonun sonsuz akisini bolmek. Bolumler arasi gecis
   artik bir bosluk degil, bir DUZLEM degisimi. */
.sect{position:relative}
.sect.band{background:rgba(255,255,255,.014);
  border-top:1px solid var(--hair);border-bottom:1px solid var(--hair)}
.sect.band+.sect.band{border-top:0}
.sect>*:last-child{padding-bottom:clamp(36px,5.5vw,64px)}
.sect.band .head{padding-top:clamp(40px,6vw,68px)}

/* ------------------------------------------------------------- bolum basligi */
.head{display:flex;align-items:flex-end;gap:20px;flex-wrap:wrap;
  padding:clamp(38px,6vw,68px) 0 22px}
.head h2{margin:0;font:600 var(--t-1)/1 var(--body);letter-spacing:.26em;text-transform:uppercase;
  color:var(--text)}
.head p{margin:11px 0 0;font-size:var(--t-1);color:var(--muted);max-width:56ch}
.head .go{font-size:12.5px;color:var(--mint);white-space:nowrap}
.head .tools{margin-left:auto;display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.opts{display:flex;gap:15px;flex-wrap:wrap}
.opts a,.opts button{font-size:12.5px;color:var(--faint);letter-spacing:.02em}
.opts a:hover,.opts button:hover{color:var(--muted)}
.opts .on{color:var(--mint)}

/* wars satiri */
.wars-line{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;
  padding:16px 0;border-top:1px solid var(--hair);font-size:13px;color:var(--muted)}
.wars-line b{color:var(--text);font-weight:500}
/* geri sayim — wars satirinda da bolum basliginda da ayni.
   Tur acikken altin; 30 dakikalik molada (.brk) sonraki baslangica sayiyor,
   altin orada bir sey kutlamiyor, sonuk kalir. */
.cd{font-family:var(--num);font-size:12px;color:var(--gold);
  font-variant-numeric:tabular-nums;letter-spacing:.02em}
.cd.brk{color:var(--muted)}
.wars-line .go{margin-left:auto;font-size:12.5px;color:var(--mint)}
@media(max-width:640px){.wars-line .go{margin-left:0}}

/* ------------------------------------------------------------------ tablo */
.tw{overflow-x:auto;margin:0 calc(var(--pad) * -1);padding:0 var(--pad);
  -webkit-overflow-scrolling:touch}
/* DENETIM.md O5: `overflow-x:auto` overflow-y'yi de `auto`ya cevirir, .tw bir
   kaydirma kutusu olur ve icindeki `position:sticky` sayfaya degil o kutuya
   gore konumlanir — kutunun dikey tasmasi sifir oldugu icin baslik hicbir
   zaman yapismaz. `overflow-y:visible` yazmak spesifikasyonca geri cevrilir.
   1080 px ve ustunde tablo zaten sigiyor (olculen en genis tablo 978,7 px,
   kolon genisligi 1024 px), yani yatay kaydirma kutusuna gerek yok: orada
   .tw'yi `visible` yapiyoruz ve sticky GERCEKTEN calisiyor — 551 satirlik
   profil tablosunda sutun adlari yukarida kaliyor. Altinda kutu geri geliyor,
   tablo yatay kayiyor ve sticky sessizce devre disi kaliyor.
   `body`'nin clip'i de ayni kirilimda kalkiyor: ileride bir tablo 1024 px'i
   asarsa icerik KAYBOLMASIN, sayfa yatay kaysin. K3'un mobil tasmasi bu
   genislikte zaten yok (bar minimumu 426,8 px). */
@media(min-width:1080px){
  .tw{overflow-x:visible}
  body{overflow-x:visible}
  /* Yapiskan baslik YALNIZ burada. Olculdu (Ayhan'in 2 Eyl ekran goruntusu,
     ~1000 px): kutu varken sticky "sessizce devre disi" KALMIYOR - basligin
     konum atasi .tw'nin kaydirma alani oldugu icin sayfa kaydikca baslik
     satirlarin uzerine iniyor ve ilk satiri yiyor. */
  th{position:sticky;top:var(--bar);z-index:5}
}
table{width:100%;border-collapse:collapse}
th{text-align:left;font:600 9.5px/1 var(--body);letter-spacing:.2em;text-transform:uppercase;
  color:var(--faint);padding:0 14px 13px 0;border-bottom:1px solid var(--hair-2);
  white-space:nowrap;background:var(--ink)}
th:last-child{padding-right:0}
th.s,th[data-sort]{cursor:pointer}
th.s:hover,th[data-sort]:hover{color:var(--muted)}
th.act{color:var(--text)}
/* GORSEL_DENETIM K3: siralama dugmesinin gercek yuksekligi 10,5 px'ti —
   WCAG 2.5.8'in 24x24 asgarisinin bile altinda. Hedef ::after ile buyutuldu;
   dugmenin KENDI kutusu buyumuyor, yani basligin hizasi ve tablo yuksekligi
   degismiyor. Dokunma hedefi 10,5 -> 34,5 px. */
th button{position:relative}
th button::after{content:"";position:absolute;left:0;right:0;top:-12px;bottom:-12px}
th:last-child button::after{right:-6px}
th .ar{opacity:0;margin-left:5px;color:var(--mint);font-size:8px;vertical-align:1px}
th.act .ar{opacity:1}
td{padding:17px 14px 17px 0;border-bottom:1px solid var(--hair);white-space:nowrap;font-size:14px}
td:last-child{padding-right:0}
tbody tr{transition:background .12s}
tbody tr[data-href],tbody tr[data-link],tbody tr[data-kol]{cursor:pointer}
tbody tr:hover td{background:rgba(255,255,255,.022)}
tbody tr:last-child td{border-bottom:0}
td.n,th.n{text-align:right;font-variant-numeric:tabular-nums}
/* GORSEL_DENETIM O2: `table{width:100%}` + otomatik yerlesim artan genisligi
   sutunlarin max-content'ine ORANTILI dagitiyordu ve o oran hicbir seyle
   ilgili degil — /wars'ta KOL sutunu 461 px, icindeki en uzun ad 180 px'ti
   (433 px olu oluk). Cozum: her sutun icerigi kadar (`1%` + nowrap = max-
   content), artan bosluk TEK bir sutunda toplaniyor (`.wide`). Her tabloda
   bir tane `.wide` var; hangisi oldugu bir tasarim karari, kalinti degil. */
th,td{width:1%}
th.wide,td.wide{width:100%}
/* `.wide` hucresi: ad solda, dagilim izi kalan bosluğu doldurur. Iz bir
   SUS degil, o kanalin kendi basamak dagilimi - profil `.bar`i ile ayni
   kural (x10+ altin, ucuncu renk yok). 700 px altinda dusuyor: dar
   ekranda ad zaten butun kolonu istiyor. */
td.wide{display:flex;align-items:center;gap:clamp(20px,4vw,56px)}
td.wide .who{flex:0 0 auto}
.mbar{display:flex;height:3px;gap:3px;flex:1 1 auto;min-width:0;
  max-width:min(46%,340px);margin-left:auto}
.mbar i{display:block;height:100%}
.mbar i.m{background:var(--mint)}
.mbar i.g{background:var(--gold)}
@media(max-width:820px){td.wide{display:table-cell}.mbar{display:none}}

/* Sira numarasi ADIN hizasinda durur. Hucre iki satirli (.who) oldugu icin
   varsayilan `vertical-align:middle` numarayi iki satirin ARASINA dusuruyordu
   ve okur onu adin altina ait saniyordu (Ayhan, 2 Eyl). `top` + adin satir
   kutusuyla ayni satir yuksekligi: ikisi ayni temel cizgide. */
td.rkc{vertical-align:top}
.rk{display:block;font-size:12px;line-height:23px;color:var(--faint);
  font-variant-numeric:tabular-nums}
.rk.g{color:var(--gold)}
.who{display:flex;flex-direction:column;gap:3px;min-width:0}
.who b{font-weight:600;font-size:14.5px;line-height:23px;letter-spacing:.005em;
  display:flex;align-items:center;gap:6px}
.who span{font-size:11.5px;color:var(--faint);letter-spacing:.02em;
  display:flex;align-items:center;gap:7px}
.tick{width:13px;height:13px;flex:none}
/* K1: ad gercek bir <a>; ::after onu satirin tamamina yayiyor, boylece
   satirin her yeri tiklanir ama Enter/orta tik/yeni sekme JS'siz calisir. */
tbody tr{position:relative}
/* `.rowlink` KENDISI konumlandirilmaz — konumlandirilsa `inset:0` satira
   degil BAGIN kendi kutusuna oturur ve kaplama hicbir sey kazandirmaz.
   Konumlanan atasi `tr`; oteki baglar z-index 2 ile kaplamanin ustunde
   kalir, yani coin ve mesaj baglari hedefini korur. */
.rowlink::after{content:"";position:absolute;inset:0;z-index:1}
.rowlink:hover{color:var(--mint)}
tbody tr a:not(.rowlink){position:relative;z-index:2}
/* zincir isaretleri — tek renk, currentColor (zincir_isaretleri.py) */
.cm{width:13px;height:13px;flex:none;display:inline-block;vertical-align:-2px}
.cms{display:inline-flex;align-items:center;gap:5px;color:var(--faint)}
.ch .cm{margin-right:5px;vertical-align:-2px}
.mx{font-family:var(--num);font-size:13px;font-variant-numeric:tabular-nums;
  letter-spacing:-.01em;color:var(--mint)}
.mx.g{color:var(--gold)}
.mx.sm{font-size:11.5px;color:var(--muted)}
.dim{color:var(--faint)}
.mut{color:var(--muted)}
/* GORSEL_DENETIM K3: satir ici baglarin kendi kutusu 14-18 px yuksekti.
   Dolgu + esit negatif margin: hedef ~40 px, yerlesim degismiyor. */
.tok{font-weight:600;font-size:14px}
a.tok,td.mut>a,.who span>a{display:inline-block;padding:10px 0;margin:-10px 0}
/* Token hucresinin DexScreener oku. 8.000 satirlik bir sayfada her satira
   kalici bir isaret koymak tam da "kalabalik" demek; ok satir uzerine
   gelince (ya da klavye odaginda) beliriyor. Yer KAPLAMAYA devam ediyor
   (opacity, display degil) — belirince satir zipla­miyor. */
.tx{margin-left:5px;font-size:11px;color:var(--faint);opacity:0;
  transition:opacity .14s,color .14s;display:inline-block;
  padding:11px 8px;margin-top:-11px;margin-bottom:-11px}
tbody tr:hover .tx,.tx:focus-visible{opacity:1}
.tx:hover{color:var(--mint)}
.ch{font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:var(--faint);margin-left:8px;
  white-space:nowrap}
.ch em{font-style:normal}
.msub{display:none}                     /* yalniz <=640: token altinda @handle */
.arrow{color:var(--faint);font-size:12px}
tbody tr:hover .arrow{color:var(--mint)}
/* Tarih + dis bagin oku ayni hucrede — ayri ok sutunu 40 px yiyor, hicbir sey
   soylemiyordu. GORSEL_DENETIM K3: tek basina `↗` 10,1x16 px'lik bir hedefti;
   simdi hedef tarihi de kapsiyor ve dikeyde satirin tamamina yayiliyor
   (padding + esit negatif margin: yerlesim degismiyor). */
.wh a{color:inherit;display:inline-block;padding:9px 0;margin:-9px 0}
.ar-x{margin-left:7px;font-size:11px;color:var(--faint)}
tbody tr:hover .ar-x,.wh a:hover{color:var(--mint)}

/* GORSEL_DENETIM K3 (8 Eyl, Ayhan mobilde: "see all 131 kols listeyi acmiyor,
   tek bir kanali aciyor"): dip satirin iki mint denetimi de `button{padding:0}`
   yuzunden 20 px yuksekligindeydi - WCAG 2.5.8'in 24 px asgarisinin da
   altinda. Ustlerinde `.foot`un 22 px'lik dolgusu, onun da ustunde tablonun
   son satiri var ve o satirin TAMAMI bir bag (`.rowlink::after{inset:0}`).
   Parmak birkac piksel yukari kacinca dokunmatik tarayicinin hedef duzeltmesi
   en yakin tiklanabiliri seciyor: "See all" yerine o KOL'un sayfasi aciliyor.
   Masaustunde fare tam isabet ettigi icin hic gorunmuyordu.
   Dolgu + esit negatif margin (dosyadaki `.wh a` / `a.tok` kalibi): hedef
   20 -> 44 px, yerlesim bir piksel degismiyor. `position`+`z-index`: satir
   kaplamalari z-index 1'de; dip satir her kosulda onlarin USTUNDE kalir. */
.foot{padding:22px 0 0;font-size:12.5px;color:var(--faint);display:flex;
  align-items:center;gap:16px;flex-wrap:wrap;position:relative;z-index:3}
.foot button,.foot a{color:var(--mint);font-size:12.5px;display:inline-block;
  padding:12px 0;margin:-12px 0;touch-action:manipulation}
/* Dar ekranda dip satir alt alta kiriliyor; iki 44 px'lik hedef birbirine
   degmesin diye satir araligi aciliyor (yatay aralik ayni kaliyor). */
@media(max-width:640px){.foot{gap:22px 16px}}
/* "See all" tikindan hemen sonra tablo yarim saniye tik almaz -
   genisleyen satir parmagin altina giriyor (site.js, ayni tarih). */
.tapguard{pointer-events:none}
.empty{padding:34px 0;font-size:13px;color:var(--muted)}

/* ------------------------------------------------------------------ profil */
/* GORSEL_DENETIM D2: `padding:26px 0 0` kutunun 26 px'ini metnin USTUNE
   koyuyordu — gorunur link kutunun dibinde, hedef 44 px'in altinda kaliyordu.
   Ustteki bosluk artik margin, dolgu metnin cevresinde. */
.back{display:inline-block;margin-top:20px;padding:11px 10px 11px 0;
  font-size:12.5px;color:var(--muted)}
.back:hover{color:var(--mint)}
.pf{padding:22px 0 0}
/* Sayfa basligi --t6 (57,2), sayaclar --t5 (45,8): olcekte BIR kademe fark.
   Ikisi de 46 px iken sayfada iki esit "en buyuk" vardi ve hiyerarsi
   duzdu. Harf araligi mansetle ayni (-.018em). */
.pf h1.name{font:400 clamp(30px,5.4vw,57.2px)/1.02 var(--disp);letter-spacing:-.018em;
  display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.pf .meta{margin:14px 0 0;font-size:13.5px;color:var(--muted);max-width:72ch}
.pf .meta i{font-style:normal;color:var(--faint);margin:0 8px}
.pf .acts{display:flex;gap:20px;flex-wrap:wrap;padding:20px 0 0;font-size:13px}
.pf .acts a,.pf .acts button{color:var(--mint)}
.pf .acts .b{color:var(--blue)}
.figs.pfg{padding-top:clamp(28px,4vw,44px)}
.figs div b.m{color:var(--mint)}         /* x10 alti "best card" — esik kurali */
/* sayacin altindaki kucuk sahip satiri (KOL Wars all-time) */
.figs div i{display:block;margin-top:8px;font-style:normal;font-size:11.5px;
  color:var(--faint);letter-spacing:.01em}
.figs div i a:hover{color:var(--mint)}

/* --------------------------------------------------------- profil vitrini */
/* Kanal adindaki emoji: Bungee 46 puntoda emojiyi de 46 punto ciziyor ve ad
   tek dev glife donuyordu (Ayhan, 2 Eyl). Cozum METINDE degil FONTTA: emoji
   glifleri zaten Bungee'de yok, sistemin emoji fontundan geliyor — o fonta
   `size-adjust` ile %46 veriliyor ve YALNIZ emoji kuculuyor, harfler Bungee'de
   oldugu gibi kaliyor.
   Neden sarmalayici span degil: `site/kontrol.py`'nin veri maskesi HTML'i
   "her etiket -> bir bosluk" diye duzlestirip kanal adini veritabanindaki ham
   hâliyle ariyor; adin ORTASINA konan her etiket o maskeyi bolüyor ve KOL'un
   kendi adi "yasak kelime" olarak raporlaniyordu. Fontla cozulunce sayfada
   tek karakter markup yok.
   `src` yalniz `local()` — dis istek sifir, dosya eklenmiyor; sistemde emoji
   fontu yoksa aile bos kalir ve her sey Bungee'ye duser (zararsiz).
   Aile adi `emoji`: MARKA_KILIDI §2'nin geri dusme listesinde duran ad. */
@font-face{
  font-family:emoji;
  src:local('Apple Color Emoji'),local('Segoe UI Emoji'),local('Segoe UI Symbol'),
      local('Noto Color Emoji'),local('Twemoji Mozilla'),local('EmojiOne Color'),
      local('Android Emoji');
  size-adjust:46%;
  font-display:swap;
  /* KRITIK (Ayhan, 2 Eyl: "fontlari begenmedim, cok goz aliyor"):
     unicode-range OLMADAN bu aile HARFLERI de sahipleniyordu. Yigina ilk
     sirada yazildigi icin sistemin emoji fontunda Latin glifi varsa butun
     adlar ve manset ONUN glifleriyle ve size-adjust yuzunden %46 boyutta
     ciziliyordu - Bungee ve Chakra Petch hic gorunmuyordu. Aile artik yalniz
     emoji bloklarini talep ediyor. Ok isaretleri (U+2190-21FF) BILEREK disarida:
     -> ve ↗ arayuzun kendi isaretleri, kuculmemeliler. */
  unicode-range:U+FE0F, U+1F000-1FAFF, U+2600-26FF, U+2700-27BF, U+1F1E6-1F1FF;
}
.pf h1.name,.nf h1,h1,.pnm{font-family:emoji,var(--disp)}
.pnm,.who b,.tok{font-family:emoji,var(--body)}

/* EN IYI KART. Kutu degil: ustunde tek sac teli, icinde bosluk. */
.hero{display:flex;align-items:center;gap:clamp(18px,3.2vw,38px);flex-wrap:wrap;
  margin-top:clamp(26px,4vw,38px);padding:clamp(26px,4vw,40px) 0 0;
  border-top:1px solid var(--hair)}
.hero .hx{font:400 clamp(46px,8vw,86px)/.84 var(--num);color:var(--mint);
  font-variant-numeric:tabular-nums;letter-spacing:-.025em}
.hero .hx.g{color:var(--gold)}
.hero .hb{flex:1 1 240px;min-width:0;display:flex;flex-direction:column;gap:8px}
.hl{display:block;font-size:9.5px;letter-spacing:.2em;text-transform:uppercase;
  color:var(--faint)}
.hero .hn{font:600 20px/1.15 var(--body);display:flex;align-items:center;
  gap:10px;flex-wrap:wrap}
.hero .hn a:hover{color:var(--mint)}
.hero .hm{font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums}
.hero .hm b{color:var(--text);font-weight:600}
.hero .hm i{font-style:normal;color:var(--faint);margin:0 8px}
.hero .hgo{font-size:12.5px;color:var(--mint);white-space:nowrap}
.empty.hro{border-top:1px solid var(--hair);margin-top:clamp(26px,4vw,38px)}

/* DAGILIM + RITIM. Iki pencere, ustunde tek sac teli. */
.panes{display:grid;grid-template-columns:1.15fr 1fr;gap:clamp(26px,5vw,64px);
  margin-top:clamp(30px,4.5vw,46px);padding:clamp(26px,4vw,36px) 0 0;
  border-top:1px solid var(--hair)}
.pane .hl{margin-bottom:16px}
/* Cubuk bir kutu degil, bolunmus 3 px'lik sac teli: dolgu yok, kose yok. */
.bar{display:flex;height:3px;gap:3px}
.bar i{display:block;height:100%}
.bar i.m{background:var(--mint)}
.bar i.g{background:var(--gold)}        /* x10+ bandi — PLAN 15 esigi */
.blabels{display:flex;gap:14px 20px;flex-wrap:wrap;margin-top:14px;
  font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}
.blabels b{font:400 11.5px/1 var(--num);letter-spacing:-.01em;margin-right:7px}
.blabels b.m{color:var(--mint)}
.blabels b.g{color:var(--gold)}
.spark{display:block;width:100%;height:44px}
.spark .ln{fill:none;stroke:var(--mint);stroke-width:1.6;
  stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}
.spark .ar{fill:rgba(52,224,138,.09)}
.spark .dot{fill:var(--mint)}
.smeta{margin-top:12px;font-size:12px;color:var(--faint);
  font-variant-numeric:tabular-nums}

/* ARENA SERIDI — tek satir, kutu yok. */
.arena{margin-top:clamp(30px,4.5vw,46px);padding:clamp(26px,4vw,36px) 0 0;
  border-top:1px solid var(--hair)}
.arena .hl{margin-bottom:16px}          /* .pane .hl ile ayni ritim */
.arena-in{display:flex;align-items:flex-end;gap:20px;flex-wrap:wrap}
.arena .figs.af{padding:0;gap:16px clamp(20px,3.4vw,44px);flex:1 1 auto}
.arena .figs.af div span{margin-bottom:7px}
.arena .figs.af div b{font-size:clamp(17px,2vw,22px)}
.arena .go{font-size:12.5px;color:var(--mint);margin-left:auto;white-space:nowrap}
@media(max-width:760px){
  .panes{grid-template-columns:1fr;gap:30px}
}

/* --------------------------------------------------- coin sayfasi /coin/../ */
/* Profil ile ayni dil: .pf sarmali, .figs sayaclari, .tw tablosu.
   Tek ek: kontrat adresi ve "ilk cagiran" isareti. */
.pf h1.name .ch{margin-left:0;font-size:11px}
/* kontrat adresi: uzun ve alfanumerik — Archivo Black burada okunmuyor */
.ca{font-size:11.5px;letter-spacing:.02em;color:var(--faint);
  font-variant-numeric:tabular-nums;word-break:break-all;white-space:normal}
.ca:hover{color:var(--muted)}
.pf .meta .ca{margin:0}
/* Adres + kopyala: adres TAM yaziliyor, dar ekranda kiriliyor. Dugme bir
   kutu degil, metnin yaninda duran bir bag gibi - MARKA_KILIDI 3. */
.camax{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;max-width:100%}
.camax .ca{flex:0 1 auto;min-width:0;overflow-wrap:anywhere}
.cabtn{flex:none;font:600 10px/1 var(--body);letter-spacing:.18em;
  text-transform:uppercase;color:var(--mint);padding:4px 0;
  border-bottom:1px solid transparent}
.cabtn:hover{border-bottom-color:var(--mint)}
.cabtn.ok{color:var(--text);border-bottom-color:transparent}
.first{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--mint)}
td .first{margin-left:2px}

/* ------------------------------------------------------- coin merdiveni */
/* Cekirdek kural 2'nin resmi: ayni coin, herkes kendi girisinden. Olcek log10
   (site/COIN_VERI.md) — log ekseninde esit MESAFE esit KATTIR, yani girisle
   kart arasindaki uzunluk tam olarak o kattir. Kutu/cerceve/gradyan yok:
   3 px'lik bir cizgi, giriste bir nokta, eksende sac teli. */
.lad{padding:clamp(22px,3.2vw,30px) 0 0;border-top:1px solid var(--hair);
  margin-bottom:clamp(34px,5vw,54px)}
.lad-in{position:relative}
.lr{display:grid;grid-template-columns:minmax(0,168px) 1fr 58px 66px;
  align-items:center;gap:16px;padding:7px 0}
.lk{font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;
  white-space:nowrap}
.lk a:hover{color:var(--mint)}
.lt{position:relative;height:14px}
/* iz cizgisi: gradyan degil, 1 px'lik sac teli (GORSEL_DILI 5 gradyan yasagi
   bir renk gecisini degil, gradyanin KENDISINI yasakliyor - burada duz bir
   cizgi yeterli ve niyeti daha acik) */
.lt::before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;
  margin-top:-.5px;background:var(--hair)}
.le{position:absolute;top:50%;width:5px;height:5px;margin:-2.5px 0 0 -2.5px;
  border-radius:2.5px;background:var(--muted)}   /* 5 px'lik nokta, kutu degil */
.lb{position:absolute;top:50%;height:3px;margin-top:-1.5px;
  background:var(--mint);min-width:2px}
.lb.g{background:var(--gold)}
.lx{text-align:right}
.lm{text-align:right;font-size:12px;color:var(--faint);
  font-variant-numeric:tabular-nums}
/* butun satirlari kesen "su an" cizgisi (her satirda tekrar eder, dolgu kadar
   tasip komsusuyla birlesir — ekranda tek dikey cizgi) */
.lnow{position:absolute;top:-8px;bottom:-8px;width:1px;background:var(--hair-2);
  margin-left:-.5px;pointer-events:none}
.lad-ax{padding-top:4px}
.lad-ax .lt{background:none;height:14px}
.tk{position:absolute;top:0;transform:translateX(-50%);font-size:10px;
  letter-spacing:.08em;color:var(--faint);font-variant-numeric:tabular-nums;
  white-space:nowrap}
.tk.nw{color:var(--muted);letter-spacing:.16em;text-transform:uppercase}
.lmore{padding-top:14px;font-size:12px;color:var(--faint)}
@media(max-width:640px){
  .lr{grid-template-columns:minmax(0,96px) 1fr 46px;gap:10px}
  .lm{display:none}
  .lk{font-size:11.5px}
}

/* ------------------------------------------------------------------ podyum */
/* Turun ilk ucu. Ayrimi RENK degil BOYUT kuruyor — ilk uc de x10 ustunde
   oldugu icin hepsi altin olsaydi podyum duzlesirdi (PLAN §15 esigi duruyor,
   sadece tek basina yeterli degil). Kutu yok: ust/alt sac teli ve bosluk. */
.podium{display:grid;grid-template-columns:1.5fr 1fr 1fr;
  gap:clamp(20px,3.5vw,48px);align-items:end;
  padding:clamp(24px,3.5vw,34px) 0 clamp(28px,4vw,38px);
  border-top:1px solid var(--hair);border-bottom:1px solid var(--hair);
  margin-bottom:clamp(30px,4.5vw,44px)}
.pod{display:flex;flex-direction:column;gap:9px;min-width:0}
.prk{font-size:11px;letter-spacing:.16em;color:var(--faint);
  font-variant-numeric:tabular-nums}
.prk.g{color:var(--gold)}
.pnm{font:600 15px/1.25 var(--body);overflow-wrap:anywhere;
  display:flex;align-items:center;gap:6px}
.pod.one .pnm{font-size:19px}
.pnm a:hover{color:var(--mint)}
.ptot{font:400 clamp(26px,3.2vw,36px)/1 var(--num);color:var(--mint);
  font-variant-numeric:tabular-nums;letter-spacing:-.025em}
.ptot.g{color:var(--gold)}
.pod.one .ptot{font-size:clamp(46px,7vw,78px)}
@media(max-width:640px){
  .podium{grid-template-columns:1fr;gap:24px;align-items:start}
  .pod.one .ptot{font-size:52px}
}

/* ------------------------------------------------------------------ akis */
/* /cards/ — basamak rakami sayfanin KAHRAMANI. 15 px'te satir icinde
   kayboluyordu (Ayhan, 2 Eyl: "satir icinde kayboluyor"); artik sutunun
   tamamini tutuyor ve sayfa asagi dogru bir basamak sutunu olarak okunuyor. */
.feed-x{font-family:var(--num);font-size:15px;font-variant-numeric:tabular-nums;color:var(--mint)}
.feed-x.g{color:var(--gold)}
td.xc{width:1%;padding-right:26px}
th.xh{width:1%;padding-right:26px}
td.xc .feed-x{font-size:clamp(21px,2.3vw,27px);letter-spacing:-.025em;
  line-height:1;display:block}
@media(max-width:640px){
  td.xc,th.xh{padding-right:16px}
  td.xc .feed-x{font-size:19px}
}
.state{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.state.g{color:var(--gold)}
.parts{font-size:12.5px;color:var(--faint)}

/* ------------------------------------ ana sayfa: son 24 saatin en buyukleri */
/* Sayfanin TEK dev rakam yeri. Basamak --t7 (71,5 px) tavaninda, yanindaki
   her sey --t-1 ve --t-2: 6 kat fark. Ayhan'in "her sey orta boy, o yuzden
   duz duruyor" dedigi seyin panzehiri bu tek karsitlik.
   Kutu yok: her ogenin USTUNDE tek sac teli, gerisi bosluk — profil
   vitrinindeki `.hero` ile ayni dil. */
.bigs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(22px,3vw,40px) clamp(24px,4vw,54px)}
.bg{display:flex;flex-direction:column;gap:10px;min-width:0;
  border-top:1px solid var(--hair);padding-top:clamp(16px,2.2vw,22px)}
.bgx{font:400 clamp(42px,6.4vw,71.5px)/.86 var(--num);color:var(--mint);
  font-variant-numeric:tabular-nums;letter-spacing:-.03em}
.bgx.g{color:var(--gold)}
.bgt{display:flex;align-items:baseline;gap:9px;min-width:0;
  font:600 var(--t1)/1.15 var(--body)}
.bgt .bgn{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bg:hover .bgn{color:var(--mint)}
.bgt .ch{margin-left:0;font-style:normal}
.bgm{font-size:var(--t-1);color:var(--faint);white-space:nowrap;overflow:hidden;
  text-overflow:ellipsis}
.bgm a{color:var(--muted)}
.bgm a:hover{color:var(--mint)}
.bgm i{font-style:normal;margin:0 7px}
@media(max-width:860px){.bigs{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){
  .bigs{grid-template-columns:1fr;gap:18px}
  .bgx{font-size:44px}
}

/* ---------------------------------------- ana sayfa: en cok cagrilan coinler */
/* Tablo DEGIL. Ayni sayfada ucuncu bir tablo, Ayhan'in "kalabalik" dedigi
   duzlugu geri getirirdi; burada satirlar bir izgara ve tek isi karsilastirma.
   Sira numarasi --t-1, sembol --t1, sayilar --t0: uc kademe, hepsi olcekten. */
.coins{display:flex;flex-direction:column}
.cn{display:grid;grid-template-columns:34px minmax(0,1fr) 86px 86px 64px;
  align-items:center;gap:14px;padding:15px 0;border-top:1px solid var(--hair)}
.cn:hover{background:rgba(255,255,255,.022)}
.cn:hover .cns{color:var(--mint)}
.cnr{font-size:var(--t-1);color:var(--faint);font-variant-numeric:tabular-nums}
.cns{font:600 var(--t1)/1.2 var(--body);display:flex;align-items:baseline;gap:9px;
  min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  font-family:emoji,var(--body)}
.cns .ch{margin-left:0;font-style:normal}
.cnk,.cnc{font-size:var(--t-1);color:var(--faint);text-align:right;
  font-variant-numeric:tabular-nums;white-space:nowrap}
.cnk b,.cnc b{color:var(--text);font-weight:500;font-size:var(--t0);margin-right:5px}
.cnb{text-align:right}
@media(max-width:640px){
  .cn{grid-template-columns:28px minmax(0,1fr) 68px 56px;gap:10px}
  .cnc{display:none}
}

/* ------------------------------------------------------------------- docs */
/* Ayhan: "docs gibi bir sey lazim sistemi anlatan." Tek uzun sutun bir
   dokumantasyon degil — okur nerede oldugunu goremez. Solda yapiskan dizin,
   sagda icerik; ikisini AYIRAN sey tek bir dikey sac teli ve bosluk, kutu
   degil. Bolum numaralari (01, 02 ...) yapiyi rakamla kuruyor: ayni dil
   ana sayfadaki `.rk` ve podyumdaki `.prk` ile. */
.dpf{padding-top:clamp(34px,5vw,64px)}
.docs{display:grid;grid-template-columns:minmax(0,232px) minmax(0,1fr);
  gap:clamp(30px,5vw,72px);padding:clamp(30px,4.5vw,54px) 0 0;
  margin-top:clamp(26px,4vw,40px);border-top:1px solid var(--hair)}
.dnav{position:sticky;top:calc(var(--bar) + 26px);align-self:start;
  display:flex;flex-direction:column;gap:2px;max-height:calc(100vh - var(--bar) - 60px);
  overflow-y:auto}
.dnav .hl{margin-bottom:14px}
.dnav a{display:grid;grid-template-columns:26px minmax(0,1fr);gap:8px;
  align-items:baseline;padding:8px 0;font-size:var(--t-1);color:var(--faint);
  line-height:1.35;transition:color .15s}
.dnav a i{font-style:normal;font-family:var(--num);font-size:10px;
  font-variant-numeric:tabular-nums;color:var(--faint);opacity:.75}
.dnav a:hover{color:var(--muted)}
.dnav a.on{color:var(--text)}
.dnav a.on i{color:var(--mint);opacity:1}
.dbody{min-width:0;max-width:64ch}
.dsec{padding-bottom:clamp(30px,4.4vw,52px);scroll-margin-top:calc(var(--bar) + 28px)}
.dsec+.dsec{border-top:1px solid var(--hair);padding-top:clamp(28px,4vw,46px)}
.dnum{display:block;font:400 var(--t-1)/1 var(--num);color:var(--mint);
  font-variant-numeric:tabular-nums;letter-spacing:.06em;margin-bottom:14px}
.dsec h2{margin:0 0 16px;font:600 var(--t2)/1.2 var(--body);letter-spacing:-.005em;
  color:var(--text);text-transform:none}
.dsec h2 .dan{display:inline-flex;align-items:baseline;gap:10px}
.dsec .dlk{font-size:var(--t-1);color:var(--faint);opacity:0;transition:opacity .15s}
.dsec h2:hover .dlk,.dsec .dan:focus-visible .dlk{opacity:1}
.dsec p{margin:0;font-size:var(--t0);line-height:1.72;color:var(--muted)}
/* Dar ekranda dizin yapiskan olamaz (ekranin yarisini yerdi): akisin icine
   giriyor. SATIR olarak sarmalamak denendi ve kotu: "05 Every KOL gets
   their own ladder  06 What you can check" ayni satirda birlesip liste
   olmaktan cikiyor. 620-860 arasi iki kolon, altinda tek kolon. */
@media(max-width:860px){
  .docs{grid-template-columns:1fr;gap:24px;padding-top:26px}
  .dnav{position:static;max-height:none;
    display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}
  .dnav .hl{grid-column:1/-1;margin-bottom:10px}
  .dnav a{padding:7px 0}
}
@media(max-width:620px){
  .dnav{grid-template-columns:1fr}
}

/* -------------------------------------------------- coin sayfasi: grafik */
/* DexScreener gomulusu. Cerceve site.js tarafindan, kutusuna GELINDIGINDE
   kuruluyor: sayfa acilisinda dis istek yok (marka kilidi), grafik ise
   okur oraya vardiginda hazir. Oran korunuyor ki kutu once yer kaplasin ve
   yukleme sayfayi zipla­tmasin. Kenarlik/kose yaricapi yok — kutuyu
   tanimlayan sey ustundeki sac teli, cercevenin kendi zemini degil. */
.chart{margin-top:clamp(30px,4.5vw,46px);padding:clamp(26px,4vw,36px) 0 0;
  border-top:1px solid var(--hair)}
.chead{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap;margin-bottom:16px}
.cnote{font-size:var(--t-1);color:var(--faint)}
.cbox{position:relative;width:100%;aspect-ratio:16/9;min-height:320px;
  background:rgba(255,255,255,.014)}
.cbox iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}
.cbox noscript .cnote{padding:18px 0;display:block}
/* Telefonda 16:9 kutu 199 px kaliyor ve gomulunun KENDI arac cubuklari
   ondan yuksek — mum icin yer kalmiyordu. Kare + 360 px taban. */
@media(max-width:640px){.cbox{aspect-ratio:1/1;min-height:360px}}

/* --------------------------------------------------------------- duz metin */
/* how-it-works / for-kols gibi tek sutunlu sayfalar. Kutu yok. */
.prose{padding:8px 0 0;font-size:14px;color:var(--muted)}
/* Bolum basligi solda, metin sagda. Ayrac yok — hizanin kendisi yapiyi
   veriyor (GORSEL_DENETIM: 1280'de sag yari bombostu). */
.pr{display:grid;grid-template-columns:minmax(0,190px) minmax(0,58ch);
  gap:clamp(22px,4.5vw,60px);padding:clamp(26px,3.4vw,38px) 0 0}
.pr:first-child{padding-top:14px}
.prose h3{margin:0;font:600 12px/1.5 var(--body);letter-spacing:.2em;
  text-transform:uppercase;color:var(--text)}
.pb>*:last-child{margin-bottom:0}
.prose p{margin:0 0 14px}
@media(max-width:760px){
  .pr{grid-template-columns:1fr;gap:12px;padding-top:30px}
}
.prose b{color:var(--text);font-weight:500}
.prose a{color:var(--mint)}
/* /verified/ — katmanlar. Rozetin kendisi iki boyda: profilde gorundugu 13 px
   ve tanindigi 26 px. "Listed" katmaninin rozeti yok, yeri bos kalir. */
.tier{display:grid;grid-template-columns:56px minmax(0,1fr);gap:16px;
  align-items:start;margin-bottom:20px}
.tks{display:flex;align-items:center;gap:7px;min-height:26px}
.tks .tick:first-child{width:26px;height:26px}
.tks .tick:last-child{width:13px;height:13px}
.prose ol,.prose ul{margin:0 0 14px;padding-left:20px}
.prose li{margin-bottom:8px}
.prose li::marker{color:var(--faint)}

/* ------------------------------------------------------------------- 404 */
.nf{padding:clamp(70px,14vw,160px) 0 clamp(50px,8vw,90px)}
.nf h1{font:400 clamp(30px,7vw,72px)/1.04 var(--disp)}
.nf h1 em{display:block;font-style:normal;color:var(--mint)}
.nf p{margin:clamp(20px,3vw,32px) 0 0;font-size:14px;color:var(--muted);max-width:44ch}
.nf .acts{display:flex;gap:20px;flex-wrap:wrap;padding:24px 0 0;font-size:13px}
.nf .acts a{color:var(--mint)}

/* ------------------------------------------------------------------ altlik */
footer{border-top:1px solid var(--hair);margin-top:clamp(56px,8vw,96px);
  padding:30px 0 64px;font-size:12px;color:var(--faint)}
footer b{color:var(--muted);font-weight:500}
footer a{color:var(--muted)}
footer a:hover{color:var(--mint)}
footer .l2{margin-top:8px}

/* --------------------------------------------------------------- hareket */
/* UC HAREKET VAR, HEPSI BU:
   1. Bolum sahnelenmesi — kaydirmayla, bir kez, 12 px yukselerek.
   2. Sayaclarin sayilmasi — yalniz masthead, yalniz acilista (site.js).
   3. Gozun uzerinden gecen tarama — sayfadaki TEK "orkestralanmis an"
      (brief'in kendi kurali: bir sayfada bir tane, gerisi sakin).
   Satir uzerine gelince beliren ok (.tx) ve `.dlk` birer gecis, hareket
   degil. `prefers-reduced-motion` ucunu de durduruyor.

   NEDEN BASLANGIC DURUMU JS ILE: `[data-rise]` HTML'de gorunur geliyor;
   gizleyen sey `html.anim` sinifi ve onu site.js koyuyor. JS kapaliyken
   hicbir sey gizlenmis olmuyor — bir sahneleme hatasi sayfayi bos
   birakamaz. */
@media(prefers-reduced-motion:no-preference){
  main{animation:fade .28s ease-out}
  @keyframes fade{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
  .anim [data-rise]{opacity:0;transform:translateY(12px);
    transition:opacity .55s cubic-bezier(.22,.61,.36,1),
               transform .55s cubic-bezier(.22,.61,.36,1)}
  .anim [data-rise].in{opacity:1;transform:none}
  /* TARAMA. Dis katmanin kompozisyon maskesine DOKUNMUYOR; bu, IC
     katmanin kendi maskesi. Maske yalniz eksiltebildigi icin oyunu
     tersten kuruyoruz: hareket varken gozun opakligi .30 -> .42'ye
     cikiyor ve maskenin dinlenme degeri .68 onu geri .29'a indiriyor —
     yani durur haldeki goruntu kilitli degerle ayni. Uzerinden gecen
     serit maskeyi 1'e getirdiginde o an .42 oluyor: noktalarin uzerinden
     gecen bir tarama. 14 sn: fark edilir, dikkat calmaz.
     `prefers-reduced-motion` bu blogun tamamini kapatir ve goz sabit
     .30'a doner. */
  .mast .eye{opacity:.42;
    -webkit-mask-image:linear-gradient(100deg,rgba(0,0,0,.68) 0 38%,#000 50%,rgba(0,0,0,.68) 62% 100%);
    mask-image:linear-gradient(100deg,rgba(0,0,0,.68) 0 38%,#000 50%,rgba(0,0,0,.68) 62% 100%);
    -webkit-mask-size:220% 100%;mask-size:220% 100%;
    -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
    animation:scan 14s linear infinite}
  @keyframes scan{from{-webkit-mask-position:135% 0;mask-position:135% 0}
                  to{-webkit-mask-position:-35% 0;mask-position:-35% 0}}
}
@media(prefers-reduced-motion:reduce){
  .tape{overflow-x:auto}                /* bant durur, elle kaydirilir */
  .tape-in{animation:none;width:auto}
  .anim [data-rise]{opacity:1;transform:none}
  *,*::before,*::after{animation-duration:.001ms !important;
    animation-iteration-count:1 !important;transition-duration:.001ms !important}
}

/* ---------------------------------------------------------------- mobil */
@media(max-width:640px){
  body{font-size:14.5px}
  td{padding:15px 12px 15px 0;font-size:13.5px}
  th{padding-right:12px}
  .who b{font-size:13.5px;line-height:21px}
  .rk{line-height:21px}
  .figs{gap:22px 30px}
  .head{padding-top:32px}
  .head .tools{margin-left:0;width:100%;gap:14px}
  /* tablo yatay kayar, govde kaymaz */
  .tw{scrollbar-width:thin}
  /* K2'nin ikinci yarisi: sutunlari dusurmek tek basina yetmedi — ad sutunu
     `nowrap` yuzunden 251 px istiyordu ve tablo yine 36 px tasiyordu. Telefonda
     ad tek satirda kesiliyor (@handle zaten altinda tam duruyor) ve zincir
     isaretleri dusuyor. Olcum: 390 px'te tablo 390 -> 354 px, yatay kaydirma
     SIFIR. */
  .who .cms{display:none}   /* `.who span` ozgullugu `.cms`i geciyor */
  /* zincir ADI duser, ISARETI kalir — isaret zaten o adin isi (13 px yerine
     34 px yiyordu). Coin sayfasinin kunyesi haric: orada zincir baslikta. */
  td .ch em{display:none}
  .msub{display:block;margin-top:4px;font-size:11.5px;color:var(--muted)}
  td.wide{max-width:50vw}
  .who{max-width:46vw}
  .who b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .who b .tick{display:inline-block;vertical-align:-2px;margin-left:5px}
  .who span{display:block;overflow:hidden;text-overflow:ellipsis}
  /* yalniz "duz @handle" hucresi — token hucresindeki <a> blok olursa zincir
     isareti alt satira duser */
  td.mut.wide>a{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  /* GORSEL_DENETIM K2: 390 px'te satirin ASIL rakami ekran disinda kaliyordu
     (/wars'ta 510 px gizli, ana sayfada "Best" yarim kesik). Yatay kaydirma
     duruyor ama artik ona GEREK KALMIYOR: ikincil sutunlar dar ekranda
     dusuyor, satirda "kim" ve "o satirin tek onemli rakami" kaliyor. `.opt`
     hem <th>'ye hem <td>'ye basiliyor, `display:none` hucreyi DOM'da
     birakiyor — site.js'in sutun indisleri (cells[idx]) bozulmuyor. */
  .opt{display:none}
}


/* ==================================================================== SAHNE
   3 Eyl (Ayhan: "cok basit, sinematik degil, kolwars vs header'ler ekle,
   en az 2-3 olmali"). Manset artik tek durağan blok degil: UC panel doner
   ve arkalarinda SICILIN KENDISI durur - son 72 kartin basamaklari.
   Bu bir doku degil KONU (GORSEL_DILI 6): kopyalanamayan tek sey o.
   Hareket tek yerde toplandi (panel gecisi); duvar hareketsiz, yoksa ust
   bandaki akan seritle yarisir ve sayfa gurultuye doner. */
.wall{position:absolute;inset:0 0 0 auto;width:min(58%,900px);
  display:flex;flex-wrap:wrap;align-content:center;justify-content:flex-end;
  gap:.55em 1.15em;padding:0 var(--pad);pointer-events:none;overflow:hidden;
  font:400 clamp(13px,1.15vw,19px)/1 var(--num);font-variant-numeric:tabular-nums;
  -webkit-mask-image:linear-gradient(105deg,transparent 0 34%,#000 78%);
  mask-image:linear-gradient(105deg,transparent 0 34%,#000 78%)}
.wall i{font-style:normal;color:var(--mint);opacity:.10}
.wall i.g{color:var(--gold);opacity:.14}
@media(max-width:900px){.wall{display:none}}

/* --- paneller ------------------------------------------------------- */
.panels{position:relative}
.panel{display:none}
.panel.on{display:block}
@media(prefers-reduced-motion:no-preference){
  .panel.on{animation:sahne .62s cubic-bezier(.16,.84,.28,1) both}
  @keyframes sahne{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
}
.ebrow{display:inline-flex;align-items:center;gap:9px;font:600 var(--t-2)/1 var(--body);
  letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-bottom:clamp(16px,2vw,26px)}
.ebrow.live::before{content:"";width:7px;height:7px;border-radius:50%;
  background:var(--mint);flex:none}
@media(prefers-reduced-motion:no-preference){
  .ebrow.live::before{animation:nabiz 2.4s ease-in-out infinite}
  @keyframes nabiz{0%,100%{opacity:1}50%{opacity:.28}}
}
.prow{display:flex;align-items:center;gap:clamp(18px,2.6vw,38px);flex-wrap:wrap}
/* Panelin kahramani rakam: manset puntosunun yaridan biraz fazlasi. */
.pbig .mx{font-size:clamp(46px,6.6vw,92px);letter-spacing:-.022em;padding:0;background:none;border:0}
.ptitle{margin:0;font:400 clamp(21px,2.5vw,34px)/1.06 var(--disp);letter-spacing:-.005em;
  display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.pmeta{margin:10px 0 0;font-size:var(--t0);color:var(--muted);font-variant-numeric:tabular-nums}
.ptop{list-style:none;margin:clamp(18px,2.4vw,28px) 0 0;padding:0;
  display:flex;gap:clamp(20px,3vw,44px);flex-wrap:wrap}
.ptop li{display:flex;align-items:center;gap:10px;font-size:var(--t0);color:var(--muted)}
.ptop li b{color:var(--text);font-weight:600}
.pgo{display:inline-block;margin-top:clamp(20px,2.6vw,30px);font-size:var(--t0);color:var(--mint)}
.pgo:hover{opacity:.75}

/* --- gostergeler ---------------------------------------------------- */
.dots{display:flex;gap:10px;margin-top:clamp(26px,3.4vw,40px)}
.dots button{width:34px;height:2px;background:var(--hair-2);border-radius:2px;
  padding:0;transition:background .25s}
.dots button:hover{background:var(--muted)}
.dots button.on{background:var(--mint)}

/* Panel 2 ve 3'un mansetleri h1 ile AYNI ailede ama bir tik kucuk: sayfada
   tek bir h1 olmali (SEO ve ekran okuyucu), digerleri h2. Olcu farki
   kasitli - marka paneli sahnenin sahibi, digerleri konuk. */
.phead{margin:0;font:400 calc(var(--h1) * .82)/.94 var(--disp);letter-spacing:-.018em}
.phead em{display:block;font-style:normal;color:var(--mint)}

/* =========================================================== v4 (3 Eyl gece)
   Ayhan'in onayladigi yon: ilk surumun dili, sadelestirilmis. Dev Bungee
   manset + sagda nokta-matris goz (canvas), kutu/panel YOK, dusen cizgi ve
   toz TUM sayfanin arka planinda (#field, canvas). Renk/font kilidi aynen. */
#field{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
main,footer,.tape{position:relative;z-index:1}
.lab{display:block;font:500 var(--t-2)/1 var(--body);letter-spacing:.22em;text-transform:uppercase;color:var(--faint)}
.dot{width:7px;height:7px;background:var(--mint);border-radius:50%;display:inline-block;animation:blink 1.6s infinite}
@keyframes blink{50%{opacity:.25}}
.live-tag{display:inline-flex;align-items:center;gap:8px;color:var(--mint)}
.arrow{color:var(--mint)}
.note{font-size:12px;color:var(--faint);margin:14px 0 0;max-width:56ch;line-height:1.6}
.note a{color:var(--mint);font-weight:700}
@media(prefers-reduced-motion:reduce){.dot{animation:none}}

/* ---- hero */
.hero4{position:relative;min-height:calc(100vh - var(--bar) - 38px);display:grid;grid-template-columns:minmax(0,1fr);align-items:center;overflow:hidden;border-bottom:1px solid var(--hair)}
.hero4 canvas{position:absolute;inset:0;width:100%;height:100%;display:block;
  -webkit-mask-image:linear-gradient(100deg,transparent 0 24%,#000 58%,#000 78%,transparent 96%);
  mask-image:linear-gradient(100deg,transparent 0 24%,#000 58%,#000 78%,transparent 96%)}
/* IKI SUTUN (9 Eyl). Manset solda, sayac sutunu sagda, akan serit altta tam
   genislikte. Eskiden `.col{max-width:62%}` idi ve sagdaki %38 BOSTU - goz
   orada ama ekranda secilmiyor; ziyaretcinin ilk gordugu sey yarisi bos bir
   ekrandi (Ayhan: "sitenin albenisi yok"). Sayaclar mansetin altindan buraya
   geldi: ayni bes rakam, dort kat buyuk ve bosluğun ortasinda. */
.hero4>.wrap{position:relative;width:100%;min-width:0;padding-top:64px;padding-bottom:56px;
  display:grid;grid-template-columns:minmax(0,1fr) auto;
  column-gap:clamp(30px,4vw,72px);align-items:center}
.hero4 .col{max-width:none;min-width:0}
.hero4 .strip{grid-column:1/-1}
/* Sayac sutunu: tek kolon, saç teli ayrac, rakam --t5 kademesinde. Kutu ya
   da cerceve YOK - ayrimi bosluk ve olcek kuruyor (MARKA_KILIDI 3). */
.hero4 .figs.tally{display:flex;flex-direction:column;gap:0;padding:0;
  border-left:1px solid var(--hair);padding-left:clamp(22px,2.6vw,38px);
  min-width:clamp(190px,17vw,250px)}
.hero4 .figs.tally > div{padding:clamp(13px,1.5vw,18px) 0}
.hero4 .figs.tally > div + div{border-top:1px solid var(--hair)}
.hero4 .figs.tally div span{margin-bottom:9px}
.hero4 .figs.tally div b{font-size:clamp(30px,2.9vw,45.8px)}
@media(max-width:900px){
  .hero4>.wrap{grid-template-columns:minmax(0,1fr)}
  .hero4 .figs.tally{border-left:0;padding-left:0;margin-top:clamp(28px,4vw,44px);
    border-top:1px solid var(--hair);min-width:0;
    display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}
  .hero4 .figs.tally > div + div{border-top:0}
}
.hero4 .panels{display:grid}
.hero4 .panel{grid-area:1/1;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .55s ease,transform .55s ease,visibility 0s .55s}
.hero4 .panel.on{opacity:1;visibility:visible;transform:none;transition:opacity .55s ease,transform .55s ease,visibility 0s}
.ph1{margin:0;font:400 clamp(34px,6.4vw,92px)/.94 var(--disp);letter-spacing:-.005em;text-wrap:balance}
.ph1 em{display:block;font-style:normal;color:var(--mint)}
.hero4 .lab{margin-bottom:22px}
.hero4 .sub{margin:28px 0 0;max-width:50ch;color:var(--muted);font-size:var(--t1);line-height:1.5}
.hero4 .sub b{color:var(--text);font-weight:500}
.hero4 .go{margin-top:30px;display:flex;gap:28px;flex-wrap:wrap;font-weight:700}
.hero4 .go a{color:var(--mint)}
.dots{display:flex;gap:10px;margin-top:30px}
.dots button{width:34px;height:2px;background:rgba(255,255,255,.14);padding:0;position:relative;overflow:hidden}
.dots button i{position:absolute;inset:0;background:var(--mint);transform:scaleX(0);transform-origin:left}
.dots button.on i{animation:fill 8s linear forwards}
@keyframes fill{to{transform:none}}
@media(prefers-reduced-motion:reduce){.dots button.on i{animation:none;transform:none}}
.hero4 .figs{margin-top:40px;display:flex;flex-wrap:wrap;gap:28px 40px;padding:0}
.hero4 .figs div b{font-size:clamp(30px,2.9vw,45.8px)}
.strip{margin-top:64px}
.strip .lab{display:flex;align-items:center;gap:8px;margin-bottom:6px}
.strip .rows{display:grid;grid-template-columns:repeat(4,1fr);gap:0 28px}
.lrow{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;align-items:baseline;padding:14px 0;border-top:1px solid var(--hair);min-width:0}
.lrow>span{min-width:0}
.lrow b{font-size:var(--t2);color:var(--mint);line-height:1}
.lrow b.g{color:var(--gold)}
.lrow em{font-style:normal;font-weight:700;display:block}
.lrow i{font-style:normal;font-size:12px;color:var(--faint);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lrow s{grid-column:2;text-decoration:none;font-size:12px;color:var(--faint)}
a.lrow:hover em{color:var(--mint)}
@media(max-width:900px){.hero4{min-height:0}.hero4>.wrap{padding-top:40px;padding-bottom:40px}.hero4 .col{max-width:none}.hero4 .figs{gap:18px 28px;margin-top:32px}.hero4 .figs div b{font-size:var(--t4)}.strip{margin-top:40px}.strip .rows{grid-template-columns:1fr 1fr;gap:0 20px}.hero4 .sub{margin-top:20px}.hero4 .go{margin-top:24px}}

/* ---- bolumler: tek kalip */
.s4{padding:clamp(56px,8vw,104px) 0;border-top:1px solid var(--hair);position:relative}
.h4{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;margin-bottom:36px}
.h4 h2{margin:10px 0 0;font:400 clamp(22px,3.2vw,38px)/1.05 var(--disp);letter-spacing:0;text-transform:none;text-wrap:balance;max-width:22ch}
.h4 h2 em{font-style:normal;color:var(--mint)}
.h4 p{margin:12px 0 0;color:var(--muted);max-width:56ch;font-size:var(--t0)}
.h4 .tools a{color:var(--mint);font-weight:700;white-space:nowrap}
.two{display:grid;grid-template-columns:1fr 1fr;gap:56px}
.two>div{min-width:0}
.two .lab{margin-bottom:6px}
@media(max-width:800px){.two{grid-template-columns:1fr;gap:40px}}

/* ---- merdiven */
.ladr{display:flex;justify-content:space-between;align-items:baseline;gap:8px;padding:8px 0 22px;border-bottom:1px solid var(--hair)}
.rung{display:flex;flex-direction:column;align-items:center;gap:8px}
.rung b{color:var(--mint);line-height:1;letter-spacing:-.03em;font-size:calc(14px + var(--i) * 6px)}
.rung.g b{color:var(--gold)}
.rung small{font-size:12px;color:var(--faint);font-variant-numeric:tabular-nums;white-space:nowrap}
@media(max-width:700px){.ladr{flex-wrap:wrap;justify-content:flex-start;gap:16px 22px}}

/* ---- KOL Wars */
.s4 .podium{grid-template-columns:1.3fr 1fr 1fr;padding:0;border:0}
.s4 .pod.one .ptot{font-size:clamp(64px,8.5vw,136px);letter-spacing:-.04em}
.s4 .pod .ptot{font-size:clamp(34px,3.6vw,52px)}
.s4 .pnm{font:400 clamp(16px,1.9vw,22px)/1.1 var(--disp)}
.s4 .pod.one .pnm{font-size:clamp(20px,2.6vw,30px)}
.s4 .state.g{font-size:12px}
.clock{margin-top:40px;padding-top:26px;border-top:1px solid var(--hair)}
.clock .cd{display:block;font-size:var(--t4);letter-spacing:.02em;color:var(--text);margin-top:8px}
.clock .cd.brk{color:var(--muted)}
.board{display:flex;flex-direction:column}
.brow{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:14px;align-items:center;padding:12px 0;border-top:1px solid var(--hair)}
.brow:last-child{border-bottom:1px solid var(--hair)}
.brow .rk{line-height:1}
.brow .who b{font-size:14px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.brow .mx{font-size:16px}
a.brow:hover{background:rgba(255,255,255,.022)}
a.brow:hover .who b{color:var(--mint)}
@media(max-width:800px){.s4 .podium{grid-template-columns:1fr;gap:26px}}

/* ---- bugun */
.two .bigs{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 28px;margin-top:10px}
.two .bgx{font-size:clamp(40px,4.4vw,60px)}
.two .coins{margin-top:10px}
.two .cn{grid-template-columns:34px minmax(0,1fr) 86px 64px}
.two .cnc{display:none}

/* ---- sicil + cagri */
.rlead{margin:0 0 clamp(30px,4vw,44px);max-width:62ch;color:var(--muted);
  font-size:var(--t1);line-height:1.5}
.rlead b{color:var(--text);font-weight:500}
.facts{display:grid;gap:clamp(26px,3.4vw,44px);
  grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.fact b{display:block;font-size:var(--t5);line-height:1;letter-spacing:-.03em;color:var(--text)}
.fact b i{font-style:normal;color:var(--mint)}
.fact p{margin:10px 0 0;color:var(--muted);max-width:30ch;font-size:14px}
.band{margin-top:64px;padding-top:48px;border-top:1px solid var(--hair)}
.band .ph1{font-size:clamp(26px,4.6vw,60px);line-height:.98}
.band .go{margin-top:28px;display:flex;gap:32px;flex-wrap:wrap;font-weight:700}
.band .go a{color:var(--mint)}
.band .go a.v{color:var(--blue)}

/* ---- profil */
.pf4 .pf-id{display:grid;grid-template-columns:auto 1fr auto;gap:24px;align-items:center}
.pf4 .pf-id > div{min-width:0}
.pf h1.name{overflow-wrap:anywhere}
.avatar{width:72px;height:72px;border-radius:50%;background:rgba(255,255,255,.06);display:grid;place-items:center;font:400 30px/1 var(--disp);color:var(--text)}
.pf .acts .b{color:var(--blue);font-weight:700}

/* KUPA DOLABI (9 Eyl). Kunyede tek bir sayi vardi ("Rounds won 3") ve o sayi
   kanalin KAZANDIGI seyin adini soylemiyordu. Uc parca geldi: kunyenin sag
   ucunda en yuksek unvan (.crown), altinda unvan + rozet raflari (.hall),
   en altta sahiplenme seridi (.claim).

   Kutu, cerceve, rozet baloncugu YOK - MARKA_KILIDI 3. Raf bir etiket
   dizisidir; ayrim renkle ve puntoyla, cerceveyle degil. Altin YALNIZ
   birinciligin unvaninda ve x100+ rozette (kilit: x10+ rakami, rozet,
   Wars birincisi); nane podyumun oteki basamaklari ve x10-x50; gerisi
   duz metin. */
.crown{text-align:right;max-width:16ch;justify-self:end}
.crown b{display:block;font:400 clamp(15px,2.1vw,23px)/1.06 var(--num);
  letter-spacing:-.01em;color:var(--text);margin-top:9px}
.crown b.g{color:var(--gold)}
.crown b.m{color:var(--mint)}
.crown i{font:400 .58em/1 var(--num);font-style:normal;color:var(--faint);
  font-variant-numeric:tabular-nums;white-space:nowrap}

.hall{margin-top:clamp(30px,4.5vw,46px);border-top:1px solid var(--hair)}
.hall-r{padding:clamp(16px,2.2vw,20px) 0}
.hall-r + .hall-r{border-top:1px solid var(--hair)}
.hall .hl{margin-bottom:13px}
/* Etiketin yanindaki ikinci satir: ayni saticta, sonuk ve harf araligi yok -
   baslik degil, dipnot. */
.hall .hl i{font-style:normal;letter-spacing:0;text-transform:none;
  margin-left:12px;font-size:11px;color:var(--faint);opacity:.85}
.tags{display:flex;flex-wrap:wrap;gap:11px clamp(16px,2.4vw,26px)}
.tag{font:600 12.5px/1 var(--body);letter-spacing:.11em;text-transform:uppercase;
  color:var(--muted);white-space:nowrap}
.tag b{font:400 12px/1 var(--num);margin-left:8px;color:var(--faint);
  font-variant-numeric:tabular-nums}
.tag.m{color:var(--mint)}
.tag.m b{color:var(--mint);opacity:.6}
.tag.g{color:var(--gold)}
.tag.g b{color:var(--gold);opacity:.6}
.tag.more{color:var(--faint);letter-spacing:.06em;text-transform:none;
  font-weight:500}

/* SAYFA CUBUGU. Dili suzgec cubugundan (.fgrp button) geliyor: ayni punto,
   ayni harf araligi, aktif olanin altinda nane cizgi. Kutu, cerceve, dolgu
   yok - tiklanabilir olani harfin kendisi soyluyor. 627 cagrilik bir
   merdiveni tek tikta acmak sayfayi yikiyordu (Ayhan, 9 Eyl). */
.pager{display:flex;align-items:center;gap:2px;flex-wrap:wrap;flex:1 1 auto}
.pager button{font:600 12px var(--body);letter-spacing:.06em;padding:7px 9px;
  color:var(--muted);border-bottom:2px solid transparent;min-width:30px}
.pager button:hover:not([disabled]){color:var(--text)}
.pager button.on{color:var(--text);border-bottom-color:var(--mint)}
.pager button[disabled]{color:var(--faint);opacity:.45;cursor:default}
.pager i{font-style:normal;color:var(--faint);padding:0 2px;letter-spacing:.1em}
.pager .range{margin-left:14px;font-size:12px;color:var(--faint);
  font-variant-numeric:tabular-nums;white-space:nowrap}
@media(max-width:520px){.pager .range{width:100%;margin:6px 0 0}}
.tnone{margin:0;font-size:13px;color:var(--faint)}

/* Bos raf bir eksiklik degil, bir hedef: 130 profilin 130'u sahipsizken
   (9 Eyl) sayfanin dibindeki tek satir yetmiyordu. */
.claim{margin-top:0;padding:clamp(18px,2.4vw,22px) 0 0;
  border-top:1px solid var(--hair);display:grid;
  grid-template-columns:1fr auto;gap:20px 24px;align-items:center}
.claim p{margin:9px 0 0;font-size:14px;color:var(--muted);max-width:64ch}
.claim .slots{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:13px}
.claim .slots span{font:500 11.5px/1 var(--body);letter-spacing:.1em;
  text-transform:uppercase;color:var(--faint)}
.claim .note{margin-top:11px;font-size:12.5px;color:var(--faint);max-width:64ch}
.claim > a{color:var(--blue);font-weight:700;font-size:14px;white-space:nowrap}
.claim.done{grid-template-columns:1fr}

/* Kapanis bandi: ana sayfadaki .band ile ayni kalip, profil olcusunde. */
.band.pb .ph1{font-size:clamp(23px,3.4vw,42px)}
.band.pb p{margin:18px 0 0;font-size:14px;color:var(--muted);max-width:60ch}
.band.pb .slots{display:flex;flex-wrap:wrap;gap:9px 22px;margin-top:16px}
.band.pb .slots span{font:500 11.5px/1 var(--body);letter-spacing:.1em;
  text-transform:uppercase;color:var(--faint)}
.band.pb .go{margin-top:24px}
.band.pb .go a.b{color:var(--blue)}
.h4s{margin:40px 0 8px;padding-top:40px;border-top:1px solid var(--hair)}
.h4s .live-tag{margin-top:12px}
.fbar{display:flex;gap:10px 26px;flex-wrap:wrap;align-items:center;margin:8px 0 6px}
.fgrp{display:flex;gap:4px;align-items:center}
.fgrp span{font:500 var(--t-2)/1 var(--body);letter-spacing:.2em;text-transform:uppercase;color:var(--faint);margin-right:8px}
.fgrp button{font:600 12px var(--body);letter-spacing:.06em;padding:7px 10px;color:var(--muted);border-bottom:2px solid transparent}
.fgrp button.on{color:var(--text);border-bottom-color:var(--mint)}
table.calls td .mx{font-size:var(--t2)}
.vbar{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center;padding:22px 0;border-top:1px solid var(--hair);margin-top:8px}
.vbar p{margin:0;color:var(--muted);max-width:60ch;font-size:14px}
.vbar p b{color:var(--text);font-weight:600}
.vbar a{color:var(--blue);font-weight:700;white-space:nowrap}
@media(max-width:700px){.pf4 .pf-id{grid-template-columns:auto 1fr}.crown{grid-column:1/-1;text-align:left;justify-self:start;max-width:none}.vbar{grid-template-columns:1fr}.claim{grid-template-columns:1fr}.avatar{width:52px;height:52px;font-size:22px}}
/* DAR EKRAN: avatar ADIN YANINDAN cikiyor. 320 px'te kunye kolonu 284 px ve
   avatar+bosluk 76'sini aliyor; kalan 208 px'e 30 puntoluk bir Bungee adi
   sigmiyor (ad ekranin disina tasiyordu). Avatar ustte, ad tam genislikte:
   284 px'e 24 punto rahat giriyor, `overflow-wrap` da guvenlik agi. */
@media(max-width:560px){
  .pf4 .pf-id{grid-template-columns:1fr;gap:16px}
  .avatar{width:48px;height:48px;font-size:20px}
  .pf h1.name{font-size:clamp(24px,7.4vw,34px)}
  .pf .meta{margin-top:12px}
  /* Sayfa cubugu parmakla kullanilir: 30 px'lik hedef dar. */
  .pager button{padding:10px 11px;min-width:38px}
}
.s4 .pnm,.s4 .pod.one .pnm{overflow-wrap:normal;word-break:normal;hyphens:none}
.s4 .pnm{font-size:clamp(14px,1.5vw,18px)}
.s4 .pod.one .pnm{font-size:clamp(17px,2vw,24px)}
/* GERI SAYIM (9 Eyl). Ifade ve saat ayni puntodaydi; sayfanin tek gercek
   zamanli ogesi ekranda kendini duyurmuyordu (Ayhan: "6'yi hallet").
   Ifade --t-2 etiket kademesine indi, saat --t4'e cikti: aradaki oran 3,8
   kat, `.figs`in etiket/rakam orani neyse o. Renk kurali degismedi -
   tur acikken altin, molada sonuk (.brk). */
.clock .cd{display:flex;flex-direction:column;gap:10px;line-height:1;
  font-size:var(--t2)}
.clock .cd .cdw{font:500 var(--t-2)/1 var(--body);letter-spacing:.2em;
  text-transform:uppercase;color:var(--faint)}
.clock .cd .cdt{font:400 clamp(30px,3.4vw,45.8px)/1 var(--num);
  font-variant-numeric:tabular-nums;letter-spacing:-.01em;color:var(--gold)}
.clock .cd.brk .cdt{color:var(--muted)}
/* Ust bardaki tek satirlik geri sayim ayni kaliba girmez: orada yer yok. */
.wars-line .cd,.ti .cd{display:inline}
.wars-line .cd .cdw,.ti .cd .cdw{font:inherit;letter-spacing:inherit;
  text-transform:none;color:inherit}
.wars-line .cd .cdt,.ti .cd .cdt{font:inherit;color:inherit}
.wars-line .cd .cdw+.cdt{margin-left:.35em}

/* PODYUM ADI KIRILIYORDU: "TRENCH.MAR / K.GEMS" (olculdu 9 Eyl, 1440 px).
   Sebep yer: `.two` podyuma ekranin yarisini veriyor, ucuncu kolon 150 px'e
   dusuyor ve 18 punto Bungee'de 16 harflik bir ad 176 px istiyor. Iki
   yerden birden alindi - podyuma biraz daha yer, ada biraz daha kucuk
   punto; kirpma ya da uc nokta YOK, ad tam okunur kalir. */
.s4 .two{grid-template-columns:1.15fr 1fr}
@media(max-width:800px){
  .s4 .two{grid-template-columns:1fr}
  /* Tek kolonda "sagin boyunu doldur" diye bir sey yok; `space-between`
     burada yalnizca podyum ile saatin arasini acardi. */
  .s4 .wtwo > div:first-child{display:block}
  .s4 .wtwo .clock{margin-top:40px}
}
.s4 .pnm{font-size:clamp(12.5px,1.3vw,15.5px)}
.s4 .pod.one .pnm{font-size:clamp(16px,1.85vw,22px)}
/* Sol sutun sagin boyunu dolduruyor: podyum ustte, saat altta. Eskiden
   podyum bitince sol tarafta 300 px'lik bir delik kaliyordu.
   YALNIZ WARS: kural once `.s4 .two`ya yazilmisti ve "What printed today"in
   sol sutununu da tutuyordu - etiket ustte kalip kartlar 148 px asagi
   dusuyordu, iki yari ayrisiyordu (olculdu: sol 3006, sag 2877). */
.s4 .wtwo > div:first-child{display:flex;flex-direction:column;
  justify-content:space-between}
.s4 .wtwo .clock{margin-top:auto}

/* PODYUM: UC KART AYNI DORT SATIRDA (9 Eyl, Ayhan: "cok dagimik, duzensiz").
   Eskiden her `.pod` kendi yuksekliginde bir flex kolonuydu ve yalniz ALT
   kenarlari hizaliydi (`align-items:end`); sira numaralari, adlar, puanlar
   ve unvanlar uc ayri yukseklikte duruyordu - iki satirlik bir ad (BULLISH
   CALLS - SOLANA) butun kolonu kaydiriyordu. Subgrid ile dordu de ortak
   satira oturuyor: numaralar bir hizada, adlar bir hizada, dev x99 ile
   kucuk x70 AYNI TABAN CIZGISINDE.
   Desteklemeyen tarayicida eski davranis (alt kenar hizasi) surer. */
@supports (grid-template-rows: subgrid) {
 @media(min-width:641px){
  .podium,.s4 .podium{grid-template-rows:auto auto auto auto;align-items:stretch}
  .pod{display:grid;grid-row:span 4;grid-template-rows:subgrid;gap:9px;
    align-content:stretch}
  /* Puan satiri: uc rakam ALTTAN hizalanir - x99 136 px, x70 52 px ve
     ikisinin tabani ayni yerde olmali, tepesi degil. */
  .pod .ptot{align-self:end}
  .pod .pnm{align-self:end}
 }
}
/* ---- Faz 2: kalan sayfalar ayni dil (kols, cards, wars, coin, docs) */
.head h2{font:400 clamp(22px,3.2vw,38px)/1.05 var(--disp);letter-spacing:0;text-transform:none;text-wrap:balance;max-width:22ch}
.head h2 em{font-style:normal;color:var(--mint)}
.head .lab{margin-bottom:10px}
.podium{grid-template-columns:1.3fr 1fr 1fr}
.pod.one .ptot{font-size:clamp(64px,8.5vw,136px);letter-spacing:-.04em}
.pod .ptot{font-size:clamp(34px,3.6vw,52px)}
.pnm{font:400 clamp(14px,1.5vw,18px)/1.1 var(--disp);overflow-wrap:normal;word-break:normal}
.pod.one .pnm{font-size:clamp(17px,2vw,24px)}
.chart{margin-top:28px}
.chart .cbox{border-top:1px solid var(--hair);border-bottom:1px solid var(--hair)}
.chart .chead{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:12px}
td.xc .feed-x{font-size:clamp(24px,2.6vw,32px)}
.prose h2,.docs h2{font-family:var(--disp);font-weight:400;letter-spacing:0;text-transform:none}
@media(max-width:640px){.podium{grid-template-columns:1fr;gap:22px}}
/* ---- arama: oneriler (4 Eyl) */
.qbox{position:relative}
.sug{position:absolute;top:calc(100% + 8px);right:0;min-width:300px;max-width:min(420px,90vw);background:rgba(7,9,10,.97);border:1px solid var(--hair2);z-index:70;padding:6px 0;max-height:60vh;overflow:auto}
.sug a{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:baseline;padding:9px 14px;font-size:13px}
.sug a b{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sug a span{font-size:11px;color:var(--faint);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}
.sug a:hover,.sug a.on{background:rgba(255,255,255,.05)}
.sug a:hover b,.sug a.on b{color:var(--mint)}
.sug .none{padding:10px 14px;font-size:12px;color:var(--faint)}
@media(max-width:720px){#q{display:block}.top .right{gap:12px}.sug{right:-40px}}
/* ---- bant (4 Eyl): LIVE etiketi + basamak one cikar */
.tape{display:flex;align-items:center;height:46px}
.tlive{flex:none;display:inline-flex;align-items:center;gap:8px;height:46px;padding:0 18px 0 var(--pad);font:700 11px/1 var(--body);letter-spacing:.22em;color:var(--mint);border-right:1px solid var(--hair);background:var(--ink);position:relative;z-index:2}
.tape-in{flex:1;min-width:0}
.ti{padding:0;margin-right:44px;gap:10px;align-items:baseline}
.ti b{font-size:17px;letter-spacing:-.02em}
.ti em{font-size:13.5px;font-weight:700;color:var(--text)}
.ti s{font-size:12px;color:var(--faint)}
.ti s+*{color:var(--faint);font-size:11px}
.ti::after{content:"";display:inline-block;width:3px;height:3px;border-radius:50%;background:var(--hair2);margin-left:44px;vertical-align:middle}
a.ti:hover em{color:var(--mint)}
@media(max-width:640px){.tlive{padding-left:var(--pad)}.ti{margin-right:28px}.ti::after{margin-left:28px}}
/* ---- podyum tasmasi (4 Eyl): sutunlar minmax(0), rakam nowrap ve bir tik kucuk */
.podium,.s4 .podium{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr) minmax(0,1fr);gap:24px clamp(20px,3vw,44px);align-items:end}
.pod{min-width:0}
.ptot,.pod.one .ptot,.s4 .pod .ptot,.s4 .pod.one .ptot{white-space:nowrap;line-height:.9}
.pod.one .ptot,.s4 .pod.one .ptot{font-size:clamp(52px,6.6vw,108px)}
.pod .ptot,.s4 .pod .ptot{font-size:clamp(30px,3.2vw,46px)}
.pnm,.s4 .pnm{overflow-wrap:anywhere}
@media(max-width:640px){.podium,.s4 .podium{grid-template-columns:1fr}}

/* bant hizi (4 Eyl, Ayhan: cok yavas) */
.tape-in{animation-duration:55s}
@media(max-width:640px){.tape-in{animation-duration:40s}}

/* bant: yapiskan + daha hizli (4 Eyl) */
.tape{position:sticky;top:var(--bar);z-index:59;background:rgba(7,9,10,.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.tape-in{animation-duration:30s}
@media(max-width:640px){.tape-in{animation-duration:22s}}

/* kanal bagi (4 Eyl) */
.top .tg{font-size:12.5px;color:var(--muted);white-space:nowrap}
/* Ust bardaki iletisim baglantisi. t.me ile AYNI tonda ve puntoda:
   ikisi de "bize nasil ulasilir" satiri, biri digerinden one cikmamali.
   Zarf cizilmis SVG, emoji degil - cihazdan cihaza degismesin. */
.top .tg.mail{display:inline-flex;align-items:center;gap:6px;margin-left:16px}
.top .tg.mail:hover{color:var(--text)}
.top .tg.mail .mi{opacity:.75;flex:none}
.top .tg:hover{color:var(--mint)}
@media(max-width:720px){.top .tg{display:none}}

/* kart baglari (4 Eyl) */
a.bgx{display:block}
a.bgx:hover{opacity:.85}

.tlive{color:var(--mint)}
.tlive:hover{color:var(--text)}
@media(max-width:640px){.tlive{font-size:10px;letter-spacing:.16em}}

/* profil: foto + bio (4 Eyl, admin paneli) */
img.avatar{object-fit:cover}
.pf .bio{margin:10px 0 0;color:var(--text);font-size:15px;max-width:60ch}
.pf .acts a{margin-right:4px}

/* ---- TRENDING (9 Eyl). Ilk surumde bandin sag ucunda sabit bir CIP
   vardi; Ayhan tam serit isteyince kaldirildi ("ust barda kaysin, bunun
   altinda trending tokens diye"). Ustunde "TRENDING TOKENS" yazan bir
   seridin yaninda ayrica "TRENDING" cipi durmasi ayni seyi iki kez
   soylemekti.

   IKINCI SERIT birincinin AYNI kalibi - tek fark etiketi ve icerigi:
   ustteki kazanilmis sonuclarin akisi, alttaki piyasanin kendi hareketi.
   Yon rengi yok: yukselen bir sey zaten "+" isaretiyle geliyor ve
   kirmizi/yesil ikilisi ne markanin paletinde ne de sayfanin dilinde. */
/* IKI YAPISKAN SERIT AYNI YERE YAPISAMAZ. Ikisi de `top:var(--bar)`
   olunca kaydirinca ust uste biniyor ve kart akisi ikincinin altinda
   kayboluyordu (olculdu 9 Eyl: ikisi de top 58px, z 59). Ikinci serit
   birincinin BOYU kadar (46 px) asagi yapisir ve bir kat altta durur.
   Dar ekranda yapiskanliktan cikiyor: 58 + 46 + 46 = 150 px sabit alan
   390 px'lik bir ekranin altida biri, o kadar yeri bir banda vermeyiz. */
.tape2{border-bottom:1px solid var(--hair);top:calc(var(--bar) + 46px);z-index:58}
@media(max-width:700px){.tape2{position:static}}
/* `#trending` bagi: bolum basligi yapiskan bandin ALTINDA kalmasin. */
#trending{scroll-margin-top:calc(var(--bar) + 100px)}
.tape2 .tape-in{animation-duration:150s;animation-direction:reverse}
.tape2 .ti em{font-size:12.5px}
.tape2 .ti b.up{font-family:var(--num);font-size:11.5px;color:var(--mint);
  font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.tt2{color:var(--gold)}
.tt2:hover{color:var(--text)}
.tt2 .dot{background:var(--gold)}

/* Tablo: uc bolum yan yana, her biri kendi zincirinin basligiyla. */
.tcols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(26px,3vw,44px)}
.tcol > .hl{display:flex;align-items:center;gap:8px;margin-bottom:14px}
.tcol .cm{width:13px;height:13px}
table.trend td,table.trend th{font-size:13px}
table.trend td{padding:13px 10px 13px 0}
table.trend .rk{font-size:11px}
table.trend b.up{font-family:var(--num);font-size:13px;color:var(--mint);
  font-variant-numeric:tabular-nums;letter-spacing:-.01em}
/* Odemeli sira ETIKETLENIR - satin alinan yer, rakam degil. */
.paid{margin-left:9px;font:600 9.5px/1 var(--body);letter-spacing:.18em;
  text-transform:uppercase;color:var(--faint);vertical-align:1px}
@media(max-width:900px){.tcols{grid-template-columns:1fr;gap:32px}}
@media(max-width:640px){.tape2 .ti{margin-right:26px}}

/* KOL Wars baslik klibi: podyum ile geri sayim arasindaki bosluk.
   Sessiz, donguli, kendi basina oynar - tiklanacak bir sey degil, bolumun
   nefes aldigi yer. Dar ekranda podyum zaten tek kolona duser ve klip
   oraya da sigar; gizlemeye gerek yok, oran korunuyor. */
.wclip{margin:26px 0 8px}
.wclip video{width:100%;height:auto;display:block;border-radius:6px;
  opacity:.92}
@media(max-width:640px){.wclip{margin:18px 0 6px}}

/* ================================================================== V2 (10 Eyl)
   CANLI EKRAN + LIDERLIK + COIN HARITASI. MANTIK.md §4B: mantik KOLfi'den,
   tarz bizim. Ayni palet, ayni uc font, kutu/cerceve/golge/gradyan yok;
   ayrim bosluk ve sac teli. Avatar yoksa monogram (.av) - profil sayfasinin
   .avatar'i ile ayni kural, kucuk boy; renk cesitlemesi yok. */
.scr-mast{border-bottom:1px solid var(--hair);position:relative;overflow:hidden}
.scr-mast canvas{position:absolute;inset:0;width:100%;height:100%;display:block;
  -webkit-mask-image:linear-gradient(100deg,transparent 0 24%,#000 58%,#000 78%,transparent 96%);
  mask-image:linear-gradient(100deg,transparent 0 24%,#000 58%,#000 78%,transparent 96%)}
.scr-mast .col{max-width:none;min-width:0}
.scr-mast-in{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;
  column-gap:clamp(30px,4vw,72px);align-items:center;
  padding-top:clamp(40px,6vw,72px);padding-bottom:clamp(36px,5vw,60px)}
.scr-mast .col .lab{display:flex;align-items:center;gap:8px;margin-bottom:18px}
.scr-mast .ph1{font-size:clamp(30px,5vw,68px)}
.scr-mast .sub{margin:22px 0 0;max-width:52ch;color:var(--muted);font-size:var(--t0);line-height:1.6}
.scr-mast .figs.tally{display:flex;flex-direction:column;gap:0;padding:0;
  border-left:1px solid var(--hair);padding-left:clamp(22px,2.6vw,38px);min-width:clamp(190px,17vw,250px)}
.scr-mast .figs.tally>div{padding:clamp(10px,1.2vw,14px) 0}
.scr-mast .figs.tally>div+div{border-top:1px solid var(--hair)}
.scr-mast .figs.tally div span{margin-bottom:7px}
.scr-mast .figs.tally div b{font-size:clamp(24px,2.3vw,34px)}
@media(max-width:900px){
  .scr-mast-in{grid-template-columns:minmax(0,1fr)}
  .scr-mast .figs.tally{border-left:0;padding-left:0;margin-top:28px;border-top:1px solid var(--hair);
    min-width:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}
  .scr-mast .figs.tally>div+div{border-top:0}
}
/* ekran */
.scr{padding-top:clamp(28px,4vw,44px)}
.scr-h{margin-bottom:14px;align-items:center}
.tabs{display:flex;gap:26px}
.tabs button{font:600 var(--t1)/1 var(--body);color:var(--faint);padding:10px 0;
  border-bottom:2px solid transparent;display:flex;align-items:baseline;gap:8px;transition:color .15s}
.tabs button i{font:400 11px/1 var(--num);font-style:normal;color:var(--faint)}
.tabs button:hover{color:var(--muted)}
.tabs button.on{color:var(--text);border-bottom-color:var(--mint)}
.tabs button.on i{color:var(--mint)}
.pn{margin:0 0 4px;max-width:76ch}
.av,img.av{width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.06);
  display:inline-grid;place-items:center;font:600 10.5px/1 var(--body);letter-spacing:.04em;
  color:var(--text);flex:none;object-fit:cover}
.kc{display:flex;align-items:center;gap:11px;min-width:0}
.avs{display:inline-flex;align-items:center}
.avs .av{width:26px;height:26px;font-size:9px;border:2px solid var(--ink);box-sizing:content-box;position:relative}
.avs .av+.av{margin-left:-9px}
.avs .av:nth-child(1){z-index:3}.avs .av:nth-child(2){z-index:2}.avs .av:nth-child(3){z-index:1}
.by{display:inline-flex;align-items:center;gap:9px}
.ord{font-size:11.5px;color:var(--faint);letter-spacing:.02em;white-space:nowrap}
.cc .cc1{display:flex;align-items:center;gap:2px}
.cn2{display:block;font-size:11.5px;color:var(--faint);margin-top:3px;max-width:28ch;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pct{font-style:normal;font-family:var(--num);font-size:10.5px;margin-left:7px;color:var(--mint)}
.pct.dn{color:var(--muted)}
.scr td{font-size:13.5px;padding-top:13px;padding-bottom:13px}
.scr .foot [data-refreshed]{color:var(--faint)}
.scr-pane .empty{padding:24px 0}
.scr-pane .empty[data-keep]{display:block}
@media(max-width:640px){.cn2{display:none}.scr td{font-size:13px}.ord{display:none}}
/* liderlik (tablo sinifi .lbt - coin merdivenindeki .lb cubuguyla CAKISMASIN) */
.lb-lab{margin:26px 0 10px;display:block}
.lb-lab2{margin-top:46px}
.rate{font-family:var(--num);font-size:13.5px;display:block;color:var(--mint)}
.lbt.unr .rate,td.dim .rate{color:var(--muted)}
.rsub{display:block;font-style:normal;font-size:10.5px;color:var(--faint);margin-top:2px}
.lb-why{margin-top:34px;max-width:70ch}
.h2s{margin:8px 0 0;font:400 clamp(20px,2.6vw,30px)/1.05 var(--disp);text-wrap:balance}
.h2s em{font-style:normal;color:var(--mint)}
/* coin haritasi: zaman x market cap, her KOL kendi girisinde */
.cmap{padding-top:clamp(26px,3.6vw,40px);border-top:1px solid var(--hair);margin-top:clamp(26px,3.6vw,40px)}
.cm-svg{display:block;width:100%;height:auto;margin-top:8px;font-family:var(--body);overflow:visible}
.cm-svg .gl{stroke:rgba(255,255,255,.07);stroke-width:1}
.cm-svg .gt{fill:var(--faint);font-size:10px;letter-spacing:.06em}
.cm-svg .gt.tx{fill:var(--muted)}
.cm-svg .nowl{stroke:var(--muted);stroke-width:1;stroke-dasharray:3 4}
.cm-svg .nowt{fill:var(--text);font-size:10px;font-family:var(--num);letter-spacing:.08em}
.cm-svg .seg{stroke:var(--mint);stroke-width:1.5;opacity:.85}
.cm-svg .seg.g{stroke:var(--gold)}
.cm-svg .cp{fill:var(--mint)}
.cm-svg .cp.g{fill:var(--gold)}
.cm-svg .pin circle{fill:var(--ink);stroke:var(--hair-2);stroke-width:1.2}
.cm-svg .pin.g circle{stroke:var(--gold)}
.cm-svg .pin text{fill:var(--text);font-size:9.5px;font-weight:600;letter-spacing:.04em}
.cm-svg a:hover .pin circle,.cm-svg a:focus-visible .pin circle{stroke:var(--mint)}
.cm-svg.cm-m{display:none}
@media(max-width:640px){.cm-svg.cm-d{display:none}.cm-svg.cm-m{display:block}
  .cm-m .pin text{font-size:11px}.cm-m .gt{font-size:11px}.cm-m .nowt{font-size:11px}}

/* uc kolon: sol ray (top KOLs) - ekran - sag ray (biggest cards). KOLfi'nin
   Feed mimarisi, bizim dilimizde: raylar kutu degil, sac teliyle ayrilmis
   iki liste. 1100 px altinda raylar ekranin altina iner, yan yana. */
.scr-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:40px}
@media(min-width:1100px){
  .scr-grid{grid-template-columns:200px minmax(0,1fr) 200px;gap:0 clamp(24px,3vw,44px);align-items:start}
  .rail-l{order:0}.scr-main{order:1;min-width:0}.rail-r{order:2}
  .rail{position:sticky;top:calc(var(--bar) + 92px + 16px)}
}
@media(min-width:1400px){.scr-grid{grid-template-columns:230px minmax(0,1fr) 230px}}
@media(max-width:1099px){.scr-main{order:0}.rail-l{order:1}.rail-r{order:2}}
@media(min-width:641px) and (max-width:1099px){
  .scr-grid{grid-template-columns:1fr 1fr}
  .scr-main{grid-column:1/-1}
}
.rail .lab{margin-bottom:8px}
.rrows{border-top:1px solid var(--hair)}
.rrow{display:flex;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid var(--hair);min-width:0}
.rrow .rk{width:20px;line-height:1;flex:none}
.rrow .who{flex:1 1 auto;min-width:0}
.rrow .who b{font-size:13px;line-height:1.25;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rrow .who span{font-size:11px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rrow .rate{font-size:13px;flex:none}
.rrow .mx{font-size:16px;flex:none;width:52px}
.rrow:hover .who b{color:var(--mint)}
.rgo{display:inline-block;margin-top:12px;font-size:12.5px;color:var(--mint);font-weight:700}
.who span .wl{color:inherit}
.who span .wl:hover{color:var(--mint)}
.who span .ar-x{margin-left:3px}
/* orta kolon: .tw tam-genislik negatif kenarini burada kullanmaz, kendi
   kolonunda kaydirir; satirlar sikilastirildi ki 1280'de raylarla sigsin */
.scr-main .tw{margin:0;padding:0;min-width:0}
.scr td{padding-right:10px}
.scr .who{max-width:190px}
.scr .who b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
.scr .who span{white-space:nowrap;display:block;overflow:hidden;text-overflow:ellipsis}
.scr .who b .tick{display:inline-block;vertical-align:-2px;margin-left:5px}
@media(min-width:1100px) and (max-width:1399px){
  .scr-grid{grid-template-columns:170px minmax(0,1fr) 170px}
  .scr .cn2{max-width:20ch}
}
/* ekran bolumu sayfa kolonundan GENIS: uc kolon 1080'e sigmiyor (olculdu:
   1280'de orta kolon 607 px, tablo 766 px). Tavan 1640. */
.scr>.wrap.scr-grid{max-width:1640px}
/* KOL hucresinin ikinci satiri: @handle · zaman ↗ tek satirda, tasarsa kesilir.
   Genel `.who span>a` kurali (inline-block + negatif kenar) burada gecerli
   degil: hedef zaten satirin tamami. */
.scr .who span{display:flex;align-items:center;gap:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.scr .who span>a,.scr .who span>a.wl{display:inline-flex;align-items:center;gap:3px;padding:0;margin:0;flex:none}
.scr .who span>a .ar-x{opacity:.6}
@media(max-width:640px){.scr .who{max-width:150px}.scr .kc{gap:8px}}
/* TELEFON: ekran satiri yatay kaydirmaz, uc satirlik bir duzene kirilir.
   KOL | kart  ·  coin | now  ·  called by. Kutu yok: satirlar sac teliyle. */
@media(max-width:640px){
  .scr .tw{overflow:visible}
  .scr table,.scr tbody{display:block;width:100%}
  .scr thead{display:none}
  .scr tbody tr{display:grid;grid-template-columns:minmax(0,1fr) auto;
    grid-template-areas:"kol cards" "coin now" "by by";
    gap:6px 12px;padding:13px 0;border-bottom:1px solid var(--hair);width:100%}
  .scr tbody tr:last-child{border-bottom:0}
  .scr td{display:block;padding:0;border:0;width:auto;white-space:normal}
  .scr td.wide{grid-area:kol;display:block;width:auto}
  .scr td.cc{grid-area:coin;padding-left:38px}
  .scr td:nth-child(3){grid-area:now;text-align:right;align-self:center}
  .scr td.byc{grid-area:by;padding-left:38px}
  .scr td:nth-child(5){grid-area:cards;text-align:right;align-self:start}
  .scr td.opt{display:none}
  .scr .who{max-width:none}
  .scr .cn2{display:block;max-width:none}
  .scr .ord{display:inline}
  .scr .empty{padding:24px 0}
}

/* SATIR ANATOMISI (10 Eyl gece, Ayhan: "ne yazdigiyla birlikte olmali").
   KOL: foto + ad · zaman, altinda YAZDIGI. Coin: logo + ticker, altinda
   ad · yas · zincir. Now: rakam + yuzde, altinda giris. */
.scr .who b .tm{text-decoration:none;font-weight:400;font-size:11.5px;color:var(--faint);margin-left:6px;white-space:nowrap}
.scr .who b .tm a{color:inherit}
.scr .who b .tm a:hover{color:var(--mint)}
.snip{display:block;font-size:12.5px;line-height:1.35;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.snip.dim{color:var(--faint)}
.scr .who{max-width:min(34vw,420px)}
.scr .who b{display:flex;align-items:center;gap:0;overflow:hidden;white-space:nowrap}
.scr .who b>a:first-child,.scr .who b>a.rowlink{overflow:hidden;text-overflow:ellipsis}
.tl,img.tl{width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.06);display:inline-grid;place-items:center;
  font:700 12px/1 var(--body);color:var(--text);flex:none;object-fit:cover}
.tl.big,img.tl.big{width:44px;height:44px;vertical-align:middle;margin-right:12px;font-size:18px}
.cc .cc1{display:flex;align-items:center;gap:10px}
.cc .cc2{display:flex;flex-direction:column;gap:2px;min-width:0}
.cc .tkr{display:flex;align-items:center;gap:2px}
.cc .cn2{margin-top:0;display:flex;align-items:center;gap:0;white-space:nowrap}
.cc .cn2 .ch{margin-left:0}
.nowc b{font-weight:600;font-family:var(--body);font-size:13.5px}
.ent{display:block;font-style:normal;font-size:11px;color:var(--faint);margin-top:2px;white-space:nowrap}
.cm-svg .pin .ring{fill:none;stroke:var(--hair-2);stroke-width:1.2}
.cm-svg .pin.g .ring{stroke:var(--gold)}
.cm-svg .pin circle:first-of-type{fill:var(--ink);stroke:none}
.cm-svg a:hover .pin .ring,.cm-svg a:focus-visible .pin .ring{stroke:var(--mint)}
@media(max-width:1399px){.scr .who{max-width:min(30vw,340px)}}
@media(max-width:640px){
  .scr .who{max-width:none}
  .scr td.cc{padding-left:0}
  .scr td.byc{padding-left:0}
  .scr .who b{white-space:normal;display:block}
  .scr .who b .tm{display:inline}
  .snip{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
}

/* ray ve baslik duzeltmeleri (10 Eyl gece) */
.scr th{top:calc(var(--bar) + 92px)}
.rrow .who b{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.2;font-size:12.5px}
.rrow .who span{font-size:10.5px}
.rrow .av{width:28px;height:28px}
.scr .who b .tm a{white-space:nowrap;display:inline-flex;align-items:center;gap:3px}
.scr .who b .tm .ar-x{margin-left:0;opacity:.6}
@media(min-width:1100px) and (max-width:1399px){.scr-grid{grid-template-columns:186px minmax(0,1fr) 186px}}
/* orta kolon: tablo raya tasmasin. Genis ekran kurali .tw'yi visible yapiyor
   (yapiskan th icin); burada kaydirma kutusu geri geliyor, th sabit. */
.scr-main .tw{overflow-x:auto}
.scr th{position:static}
.scr .who{max-width:min(30vw,300px)}
.cc .cn2{max-width:170px;overflow:hidden;text-overflow:ellipsis}
@media(min-width:1400px){.scr .who{max-width:min(34vw,420px)}.cc .cn2{max-width:240px}}
@media(min-width:1100px) and (max-width:1399px){.scr-grid{grid-template-columns:176px minmax(0,1fr) 176px}}
@media(min-width:1100px) and (max-width:1399px){
  .scr .who{max-width:min(26vw,250px)}
  .cc .cn2{max-width:130px}
  .scr td{padding-right:8px}
  .scr .ord{max-width:70px;overflow:hidden;text-overflow:ellipsis}
}

/* coin sayfasi mum grafigi: tuval + ipucu. Kutu yok; ust sac teli. */
.cchart{padding-top:clamp(26px,3.6vw,40px);border-top:1px solid var(--hair);margin-top:clamp(26px,3.6vw,40px)}
.cchart .cc-box{position:relative;margin-top:8px}
.cchart canvas{display:block;width:100%}
.cchart:not(.on) .cc-box{display:none}
.cchart.off .h4 p{color:var(--faint)}
.cc-tf{font:400 11px/1 var(--num);letter-spacing:.1em;color:var(--faint);text-transform:uppercase}
.cc-tip{position:absolute;z-index:3;pointer-events:none;background:rgba(7,9,10,.94);border:1px solid var(--hair-2);
  padding:8px 10px;font-size:12px;line-height:1.45;color:var(--text);max-width:220px;white-space:nowrap}
.cc-tip b{font-weight:700}
.cc-tip s{text-decoration:none;color:var(--faint);font-size:11px}
.cc-tip i{font-style:normal}

/* avatarlar yan yana, ust uste binmez (Ayhan, 10 Eyl: "tasarim hatasi") */
.avs .av+.av{margin-left:3px}
.avs .av{border:0;width:24px;height:24px}
.rrow .avs{flex:none;margin-left:auto}
.rnote{margin-top:12px;font-size:11.5px}
.mov b{font-family:var(--num);font-size:12.5px}
.mov b.up{color:var(--mint)}
.mov b.dn{color:var(--muted)}
.scr .rkc .paid{display:block;font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin-top:3px}
.bgt .tl.sm{width:22px;height:22px;font-size:10px;margin-right:8px;vertical-align:-5px}
@media(max-width:640px){
  .scr #scr-trending tbody tr{grid-template-areas:"rk coin" "mov mc" "by by";grid-template-columns:auto minmax(0,1fr)}
  .scr #scr-trending td.rkc{grid-area:rk}
  .scr #scr-trending td.cc{grid-area:coin;padding-left:0}
  .scr #scr-trending td.mov{grid-area:mov;text-align:left;padding-left:34px}
  .scr #scr-trending td:nth-child(4){grid-area:mc;text-align:right}
  .scr #scr-trending td.byc{grid-area:by;padding-left:34px}
}

/* MANSET SIKISTIRILDI (Ayhan: "cok yer kapliyor ama gitmesin"). Baslik yari
   boy, sayaclar tek sira; ~700 px -> ~230 px. Goz kucuk ve sonuk. */
.scr-mast-in{padding-top:clamp(22px,3vw,34px);padding-bottom:clamp(18px,2.6vw,28px);
  grid-template-columns:minmax(0,1fr) auto;column-gap:clamp(24px,4vw,60px)}
.scr-mast .col .lab{margin-bottom:10px}
.scr-mast .ph1{font-size:clamp(24px,3.3vw,44px);line-height:.96}
.scr-mast .sub{margin:12px 0 0;font-size:13.5px;max-width:64ch;line-height:1.5}
.scr-mast .figs.tally{flex-direction:row;flex-wrap:wrap;gap:0 clamp(18px,2.2vw,34px);border-left:0;padding-left:0;min-width:0;align-self:end}
.scr-mast .figs.tally>div{padding:0 0 2px;border-left:1px solid var(--hair);padding-left:clamp(12px,1.4vw,18px)}
.scr-mast .figs.tally>div+div{border-top:0}
.scr-mast .figs.tally div span{margin-bottom:5px;font-size:9px}
.scr-mast .figs.tally div b{font-size:clamp(20px,1.9vw,28px)}
.scr-mast canvas{opacity:.55;-webkit-mask-image:linear-gradient(100deg,transparent 0 40%,#000 70%,#000 82%,transparent 98%);mask-image:linear-gradient(100deg,transparent 0 40%,#000 70%,#000 82%,transparent 98%)}
@media(max-width:900px){
  .scr-mast-in{grid-template-columns:minmax(0,1fr)}
  .scr-mast .figs.tally{margin-top:16px;border-top:0;display:flex;gap:10px 18px}
  .scr-mast .figs.tally>div{border-left:1px solid var(--hair);padding-left:10px}
  .scr-mast .figs.tally div b{font-size:20px}
}

.scr-mast{min-height:0}
/* yeni satir: kayarak belirir, bir an vurgulanir (kutu yok, zeminin acigi) */
@keyframes fresh-in{0%{opacity:0;transform:translateY(-8px)}30%{opacity:1;transform:none}100%{opacity:1}}
@keyframes fresh-bg{0%{background:rgba(52,224,138,.10)}100%{background:transparent}}
.scr tbody tr.fresh{animation:fresh-in .5s ease-out}
.scr tbody tr.fresh td{animation:fresh-bg 2.4s ease-out}
@media(prefers-reduced-motion:reduce){.scr tbody tr.fresh,.scr tbody tr.fresh td{animation:none}}
@media(min-width:1400px){.scr .who{max-width:min(28vw,340px)}.cc .cn2{max-width:200px}}

/* SONRAKI KARTA UZAKLIK - bize has: kart kurali (basamak su anki fiyattan)
   satirda gorunur. Cubuk sac teli kalinliginda, dolgu nane. */
.lad2{display:block;height:2px;background:rgba(255,255,255,.10);margin-top:6px;width:96px;margin-left:auto}
.lad2 i{display:block;height:100%;background:var(--mint)}
.ladt{display:block;font-style:normal;font-size:10px;color:var(--faint);margin-top:3px;white-space:nowrap;letter-spacing:.02em}
.nowc{min-width:120px}
.scr-live{margin-left:22px;align-self:center;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--mint);display:inline-flex;align-items:center;gap:7px}
.scr-live [data-refreshed]{color:var(--faint);letter-spacing:.06em;text-transform:none}
.cc-tfs{gap:12px;margin-right:16px}
.cc-tfs button{font-family:var(--num);font-size:11px;letter-spacing:.06em}
.cchart .tools{display:flex;align-items:center}
.firstline{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.firstline a{color:var(--text);font-weight:600}
.firstline a:hover{color:var(--mint)}
@media(max-width:640px){.lad2{margin-left:auto;width:80px}.scr-live{display:none}}

/* coin sayfasi: cerceve gidince kalan bosluk */
.cchart{margin-top:8px;padding-top:22px}
.cchart .h4{margin-bottom:18px}

/* mini grafik (6 saat, 5 dk kapanis) - tek cizgi, dolgu yok */
.spc{width:1%;padding-right:14px}
.sp{display:block}
.sp polyline{fill:none;stroke-width:1.5;stroke-linejoin:round;stroke-linecap:round}
.sp.up polyline{stroke:var(--mint)}
.sp.dn polyline{stroke:rgba(232,239,235,.45)}
.volc{font-size:12.5px}
/* coin sayfasi token bilgisi: sac teli satirlar */
.tinfo{display:flex;flex-wrap:wrap;gap:0 28px;margin-top:18px;border-top:1px solid var(--hair);padding-top:6px}
.ti-r{display:flex;gap:10px;align-items:baseline;padding:8px 0;font-size:12.5px}
.ti-r span{color:var(--faint);font-size:10px;letter-spacing:.16em;text-transform:uppercase}
.ti-r b{font-weight:600}
.ti-r b.up{color:var(--mint)}.ti-r b.dn{color:var(--muted)}
.thesis{margin-top:4px;max-width:36ch;font-size:12px}
@media(max-width:640px){.thesis{white-space:normal;max-width:none}}

/* siralama basligi dugmesi: UA sayfasi buton yazisini kucuk harfe indiriyordu (kols kurucusu, 10 Eyl) */
th button{text-transform:inherit;letter-spacing:inherit}