/* KOLScreener V2 - KOL WARS (/wars/). Onek: v2w-. Jetonlar site.css'ten.
   Kural: kutu/cerceve/golge/gradyan yok; ayrac sac teli, zemin acigi en cok
   .06; altin yalniz x10+ ve turun birincisi (.g); yuvarlak kose yalniz
   avatarda (site.css .av, burada yalniz boyu degisir). Kirmizi yok:
   dusus sonuk gri. */

.v2w-wrap{width:100%;max-width:1320px;margin:0 auto;padding:0 var(--pad)}
.v2w{padding-bottom:clamp(8px,1vw,16px)}

/* ------------------------------------------------------------ manset */
.v2w-mast{border-bottom:1px solid var(--hair)}
.v2w-mast-in{display:grid;grid-template-columns:minmax(0,1fr) auto;
  gap:clamp(20px,2.6vw,34px) clamp(30px,4vw,64px);align-items:end;
  padding-top:clamp(24px,3.2vw,40px);padding-bottom:clamp(20px,2.6vw,30px)}
.v2w-mast-col{min-width:0;max-width:720px}
.v2w-mast-col .lab{margin-bottom:12px}
.v2w-h1{font:400 clamp(26px,3.4vw,44px)/.96 var(--disp);margin:0;letter-spacing:-.012em}
.v2w-h1 em{display:block;font-style:normal;color:var(--mint)}
.v2w-sub{margin:13px 0 0;max-width:62ch;color:var(--muted);font-size:13.5px;line-height:1.55}

/* geri sayim: JS .cd'yi "Round closes in" + 04:12:24 diye boler; JS yokken
   sunucunun mutlak saati ("Closes 17:30 UTC") ayni yerde okunur */
.v2w-clock{display:flex;flex-direction:column;align-items:flex-end;gap:7px;text-align:right;min-width:0}
.v2w-clock .cd{display:flex;flex-direction:column;align-items:flex-end;gap:7px;font-size:14px;letter-spacing:0}
.v2w-clock .cd .cdw{font:500 var(--t-2)/1 var(--body);letter-spacing:.2em;text-transform:uppercase;color:var(--faint)}
.v2w-clock .cd .cdt{font:400 clamp(30px,3.4vw,44px)/1 var(--num);letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.v2w-win{font-size:12px;color:var(--faint);letter-spacing:.01em;line-height:1.5}
@media(min-width:900px){.v2w-win{white-space:nowrap}}

/* dort all-time sayac: etiket 9 px, rakam 34 px, altinda sahibi */
.v2w-figs{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px clamp(18px,2.6vw,40px);border-top:1px solid var(--hair);padding-top:clamp(16px,2vw,22px)}
.v2w-fig{border-left:1px solid var(--hair);padding-left:clamp(11px,1.2vw,16px);min-width:0}
.v2w-fig span{display:block;font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--faint);
  margin-bottom:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v2w-fig b.num{display:block;font:400 clamp(24px,2.4vw,34px)/1 var(--num);font-variant-numeric:tabular-nums;
  letter-spacing:-.015em;color:var(--text)}
.v2w-fig b.num.dash{font-size:20px;color:var(--faint)}
.v2w-fig.g b.num{color:var(--gold)}
.v2w-fig i{display:block;margin-top:8px;font-style:normal;font-size:11.5px;color:var(--faint);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v2w-fig i a{color:var(--muted)}
.v2w-fig i a:hover{color:var(--mint)}

/* ------------------------------------------------- iki sutun: tur + tahta */
.v2w-two{padding-top:clamp(26px,3.4vw,42px)}
.v2w-twoin{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(30px,4vw,52px)}
.v2w-main{min-width:0}
.v2w-rail{min-width:0}
@media(min-width:1000px){
  .v2w-twoin{grid-template-columns:minmax(0,1fr) 300px;gap:clamp(36px,4.5vw,72px)}
  .v2w-rail{order:2}
  .v2w-live{position:sticky;top:calc(var(--bar) + 22px);align-self:start}
}
@media(max-width:999px){.v2w-live{order:-1}}

/* ---- bolum basligi */
.v2w-rh{margin-bottom:20px}
.v2w-h2{font:400 clamp(20px,2.4vw,29px)/1 var(--disp);margin:9px 0 0;letter-spacing:-.01em;text-wrap:balance}
.v2w-h2 em{font-style:normal;color:var(--mint)}
.v2w-note{margin:10px 0 0;font-size:13px;color:var(--muted);line-height:1.55;max-width:74ch}
.v2w-note s{text-decoration:none;color:var(--faint)}
.v2w-sh{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:22px}
.v2w-sh>div{min-width:0}
.v2w-empty{padding:40px 0;font-size:13.5px;color:var(--muted)}

/* ---- podyum: ilk uc, ayrim BOYUTLA (birinci 1,6 kat) */
.v2w-podium{display:grid;grid-template-columns:1.55fr 1fr 1fr;gap:clamp(18px,3vw,40px);align-items:end;
  padding:clamp(18px,2.4vw,26px) 0 clamp(20px,2.6vw,28px);border-top:1px solid var(--hair);border-bottom:1px solid var(--hair)}
.v2w-pod{display:flex;flex-direction:column;gap:9px;min-width:0}
.v2w-prk{font:400 11px/1 var(--num);letter-spacing:.12em;color:var(--faint)}
.v2w-prk.g{color:var(--gold)}
.v2w-pid{display:flex;align-items:center;gap:10px;min-width:0}
.v2w-pod .av,.v2w-pod img.av{width:34px;height:34px;font-size:11px}
.v2w-pod.one .av,.v2w-pod.one img.av{width:44px;height:44px;font-size:13px}
.v2w-pnm{display:flex;flex-direction:column;gap:2px;min-width:0;font:600 14px/1.25 var(--body)}
.v2w-pnm b{display:flex;align-items:center;gap:6px;font-weight:600;min-width:0}
.v2w-pnm b>a,.v2w-pnm b>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.v2w-pnm b a:hover{color:var(--mint)}
.v2w-pnm b .tick{flex:none}
.v2w-pnm s{text-decoration:none;font-weight:400;font-size:11.5px;color:var(--faint);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v2w-pod.one .v2w-pnm{font-size:17px}
.v2w-ptot{font:400 clamp(28px,3.2vw,40px)/.95 var(--num);color:var(--mint);letter-spacing:-.025em;
  font-variant-numeric:tabular-nums}
.v2w-ptot.g{color:var(--gold)}
.v2w-pod.one .v2w-ptot{font-size:clamp(46px,6.2vw,76px)}
.v2w-pst{font:600 10px/1 var(--body);letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.v2w-pst.g{color:var(--gold)}
.v2w-pparts{font-size:12px;color:var(--faint);line-height:1.55;overflow-wrap:anywhere}

/* hesap: SEMBOL xN + SEMBOL xN · 21 calls (podyumda ve tabloda ayni) */
.v2w-pparts a,.v2w-parts a{color:var(--muted)}
.v2w-pparts a:hover,.v2w-parts a:hover{color:var(--mint)}
.v2w-pparts em,.v2w-parts em{font-style:normal;color:var(--faint);opacity:.7}
.v2w-pparts s,.v2w-parts s{text-decoration:none;color:var(--faint);white-space:nowrap}
.v2w-px{font-style:normal;font-family:var(--num);font-size:11px;color:var(--mint);letter-spacing:0}
.v2w-px.g{color:var(--gold)}

/* ---- tablolar (tur + arsiv): ortak iskelet */
.v2w-tbl{margin-top:18px;min-width:0}
.v2w-t{width:100%;border-collapse:collapse}
.v2w-t th{text-align:left;font:600 9.5px/1 var(--body);letter-spacing:.2em;text-transform:uppercase;color:var(--faint);
  padding:8px 14px 10px 0;border-bottom:1px solid var(--hair-2);white-space:nowrap;width:1%;vertical-align:bottom}
.v2w-t th.act{color:var(--text)}
/* Chromium'un UA sayfasi button'da text-transform/letter-spacing'i sifirlar */
.v2w-t th button{text-transform:inherit;letter-spacing:inherit;line-height:inherit}
.v2w-t th:last-child,.v2w-t td:last-child{padding-right:0}
.v2w-t td{padding:9px 14px 9px 0;border-bottom:1px solid var(--hair);white-space:nowrap;font-size:13.5px;
  vertical-align:middle;width:1%;height:54px}
.v2w-t td.n,.v2w-t th.n{text-align:right;font-variant-numeric:tabular-nums}
.v2w-t tbody tr:hover td{background:rgba(255,255,255,.022)}
.v2w-rkn{font:400 11px/1 var(--num);color:var(--faint);letter-spacing:.02em;font-variant-numeric:tabular-nums}
.v2w-rkn.g{color:var(--gold)}
.v2w-t .v2w-rk{padding-right:12px}
.v2w-kc{display:flex;align-items:center;gap:11px;min-width:0;max-width:270px}
.v2w-who{display:flex;flex-direction:column;gap:3px;min-width:0}
.v2w-who b{display:flex;align-items:center;gap:6px;font-weight:600;font-size:14px;line-height:1.2;white-space:nowrap;min-width:0}
.v2w-who b>a,.v2w-who b>span{overflow:hidden;text-overflow:ellipsis;min-width:0;flex:0 1 auto}
.v2w-who b a:hover{color:var(--mint)}
.v2w-who b .tick{flex:none}
.v2w-who>span{font-size:11px;color:var(--faint);letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v2w-who>span s{text-decoration:none;margin:0 3px}
.v2w-t td.v2w-tot .mx{font-size:15px}
.v2w-t td.v2w-best{color:var(--muted);font-family:var(--num);font-size:12px}
.v2w-t td.v2w-parts{width:100%;white-space:normal;min-width:200px;font-size:12px;color:var(--faint);line-height:1.5}
.v2w-t td.v2w-mv{font-family:var(--num);font-size:12px}
.v2w-mvu{color:var(--mint)}
.v2w-mvd{color:var(--muted)}
.v2w-mve,.v2w-mvn{color:var(--faint);font-family:var(--body);font-size:11px;letter-spacing:.06em;text-transform:uppercase}
.v2w-state{font:600 10px/1.3 var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);white-space:nowrap}
.v2w-state.g{color:var(--gold)}
.v2w-t td.v2w-num{color:var(--muted);font-size:12.5px}
.v2w-t td.v2w-rd{color:var(--muted);font-size:12.5px;font-variant-numeric:tabular-nums}
.v2w-arc .v2w-kc{max-width:230px}
.v2w-foot{padding:16px 0 0;font-size:12px;color:var(--faint);line-height:1.5;gap:8px 24px;align-items:baseline}
.v2w-foot>span{max-width:70ch}
.v2w-tbl .empty{padding:24px 0}

/* form seridi: 12 cubuk, altin = o turu kazandi, bosluk = alanda yoktu */
.v2w-fm{display:block;width:62px;height:18px}
.v2w-fm rect.m{fill:var(--mint);opacity:.7}
.v2w-fm rect.g{fill:var(--gold)}
.v2w-fm rect.o{fill:rgba(255,255,255,.16)}
.v2w-fm rect:hover{opacity:1}

/* durum sozlugu */
.v2w-states{display:flex;flex-wrap:wrap;gap:10px 26px;padding:18px 0 0;font-size:12px;color:var(--faint);line-height:1.5}
.v2w-states .lab{width:100%}
.v2w-states span>b{font:600 10px/1 var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-right:8px}
.v2w-states span>b.g{color:var(--gold)}

/* ---- sag ray: acik turun tahtasi / en cok kazananlar */
.v2w-lhead{display:flex;flex-direction:column;gap:8px;padding-bottom:10px;border-bottom:1px solid var(--hair)}
.v2w-livetag{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;gap:8px}
.v2w-lnote{margin:0;font-size:12.5px;color:var(--muted);line-height:1.5}
.v2w-winners .lab{margin-bottom:8px}
.v2w-winners .v2w-lnote{margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid var(--hair)}
.v2w-lrows{display:flex;flex-direction:column}
.v2w-lrow{display:grid;grid-template-columns:22px 30px minmax(0,1fr) auto;gap:10px;align-items:center;
  padding:9px 0;border-bottom:1px solid var(--hair);min-width:0}
a.v2w-lrow:hover{background:rgba(255,255,255,.022)}
a.v2w-lrow:hover .v2w-lw b{color:var(--mint)}
.v2w-lw{display:flex;flex-direction:column;gap:2px;min-width:0}
.v2w-lw b{font-size:13px;line-height:1.25;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  display:flex;align-items:center;gap:5px;min-width:0}
.v2w-lw b>span,.v2w-lw b>a{overflow:hidden;text-overflow:ellipsis;min-width:0}
.v2w-lw b .tick{flex:none}
.v2w-lw>span{font-size:11px;color:var(--faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v2w-lw>span .v2w-px{font-size:10px}
.v2w-lrow .mx{font-size:15px}
.v2w-wn{font:400 16px/1 var(--num);color:var(--mint);font-variant-numeric:tabular-nums;display:flex;align-items:baseline;gap:5px}
.v2w-wn i{font:500 9px/1 var(--body);letter-spacing:.16em;text-transform:uppercase;color:var(--faint)}
.v2w-lempty{margin:0;padding:22px 0;font-size:13px;color:var(--muted);line-height:1.55;border-bottom:1px solid var(--hair)}
.v2w-lclock{padding:14px 0 10px}
.v2w-lclock .cd{font-size:13px}
.v2w-lclock .cd .cdw{font:500 var(--t-2)/1 var(--body);letter-spacing:.18em;text-transform:uppercase;color:var(--faint);margin-right:8px}
.v2w-lclock .cd .cdt{font:400 22px/1 var(--num);letter-spacing:-.01em;font-variant-numeric:tabular-nums;vertical-align:-2px}
.v2w-lclock .cd.brk .cdt{color:var(--muted)}
.v2w-live .v2w-lnote+.v2w-lnote{margin-top:8px}
.v2w-lgo{display:inline-block;margin-top:12px;font-size:12.5px;color:var(--mint);font-weight:500}
.v2w-lgo:hover{opacity:.75}

/* ------------------------------------------------------------- arsiv */
.v2w-sec{padding-top:clamp(44px,5.5vw,72px);padding-bottom:clamp(8px,1vw,16px)}
.v2w-hist{margin:0 0 26px;padding-top:16px;border-top:1px solid var(--hair)}
.v2w-hist .lab{margin-bottom:12px}
.v2w-hsvg{display:block;width:100%;height:56px}
.v2w-hsvg rect.m{fill:var(--mint);opacity:.38}
.v2w-hsvg rect.c{fill:var(--mint)}
.v2w-hsvg rect:hover{opacity:1}
.v2w-hlab{display:flex;justify-content:space-between;gap:12px;margin-top:8px;font-size:10.5px;color:var(--faint);
  letter-spacing:.06em;text-transform:uppercase;font-variant-numeric:tabular-nums}
.v2w-hist .v2w-note{font-size:12.5px}

/* ------------------------------------------------------ sutun kademeleri */
@media(max-width:1180px){.v2w-rt .v2w-form{display:none}}
/* 721-999: tek kolon, tablo tam genislikte; Best sutunu duser (rakami
   hesabin ilk parcasinda zaten var), KOL ve hesap hucreleri daralir */
@media(min-width:721px) and (max-width:999px){
  .v2w-rt .v2w-best{display:none}
  .v2w-kc{max-width:200px}
  .v2w-t td.v2w-parts{min-width:140px}
  .v2w-rt td.v2w-st,.v2w-rt .v2w-state{white-space:normal;max-width:96px}
}
@media(max-width:1080px){.v2w-mast-col{max-width:none}}
@media(max-width:900px){
  .v2w-mast-in{grid-template-columns:1fr;align-items:start}
  .v2w-clock{align-items:flex-start;text-align:left}
  .v2w-clock .cd{align-items:flex-start}
  .v2w-figs{grid-template-columns:repeat(2,minmax(0,1fr))}
  .v2w-podium{grid-template-columns:1fr 1fr;gap:22px 24px;align-items:start}
  .v2w-pod.one{grid-column:1/-1}
}

/* ---- 720 px alti: tablo satirlari karta doner (yatay kaydirma yok) */
@media(max-width:720px){
  .v2w-t,.v2w-t tbody{display:block}
  .v2w-t thead{display:none}
  .v2w-t tr{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;padding:12px 0;border-bottom:1px solid var(--hair)}
  .v2w-t td{display:block;border:0;padding:0;width:auto;height:auto;white-space:normal;font-size:13px}
  .v2w-t tbody tr:hover td{background:none}
  .v2w-t td.v2w-best::before,.v2w-t td.v2w-mv::before,.v2w-t td.v2w-st::before,.v2w-t td.v2w-num::before{
    content:attr(data-l);display:inline-block;font:500 9px/1 var(--body);letter-spacing:.16em;
    text-transform:uppercase;color:var(--faint);margin-right:6px;vertical-align:1px}
  .v2w-t td.v2w-st::before{display:none}
  /* tur tablosu */
  .v2w-rt .v2w-rk{order:1;flex:0 0 22px;padding:0}
  .v2w-rt .v2w-kol{order:2;flex:1 1 0;min-width:0}
  .v2w-rt .v2w-tot{order:3;flex:none;text-align:right}
  .v2w-rt .v2w-parts{order:4;flex:1 1 100%;min-width:0;padding-left:34px;width:auto}
  .v2w-rt .v2w-st{order:5;padding-left:34px}
  .v2w-rt .v2w-mv{order:6}
  .v2w-rt .v2w-best{order:7}
  .v2w-rt .v2w-form{display:none}
  .v2w-kc{max-width:none}
  /* arsiv tablosu */
  .v2w-arc .v2w-rd{order:1;flex:1 1 auto;font-size:12px}
  .v2w-arc .v2w-tot{order:2;flex:none;text-align:right}
  .v2w-arc .v2w-kol{order:3;flex:1 1 100%;min-width:0}
  .v2w-arc .v2w-st{order:4;flex:1 1 100%}
  .v2w-arc .v2w-num{order:5;font-size:12px}
  .v2w-arc .v2w-kc{max-width:none}
}
@media(max-width:560px){
  .v2w-fig span,.v2w-fig i{white-space:normal;overflow:visible;text-overflow:clip}
  .v2w-podium{grid-template-columns:1fr;gap:20px}
  .v2w-pod.one .v2w-ptot{font-size:52px}
  .v2w-figs{gap:14px 16px}
  .v2w-sh{flex-direction:column;align-items:flex-start;gap:10px}
}

/* ==== GENIS EKRANDA YAYIL (14 Eyl 2026) =================================
   Ayhan: *"sitedeki KOLWars sayfasi da ic ice karman curman duruyor;
   niye ortada topluyoruz, sag sol bombos, yayalim adam akilli gorunsun."*
   Olculdu (1894 px ekran): govde 1320 px'de duruyor, iki yanda 287'ser px
   bos kaliyor - ama ICERIDE "HOW IT ADDS UP" iki satira kiriliyor,
   KOL adlari uc noktayla kesiliyor, sag serit 300 px'e sikismis.
   Yani sayfa dar oldugu icin degil, dar TUTULDUGU icin kalabalik.
   Tahta bir TABLODUR; tablonun dogru genisligi sutunlarinin
   kirilmadigi genisliktir. Govde 1680'e cikiyor, sag serit 380/420'ye,
   KOL adi sutunu nefes aliyor. Kucuk ekranda hicbir sey degismiyor. */
@media(min-width:1400px){
  .v2w-wrap{max-width:1680px}
  .v2w-twoin{grid-template-columns:minmax(0,1fr) 380px;gap:clamp(40px,4vw,64px)}
  .v2w-kc{max-width:340px}
  .v2w-arc .v2w-kc{max-width:300px}
}
@media(min-width:1700px){
  .v2w-twoin{grid-template-columns:minmax(0,1fr) 420px}
  .v2w-kc{max-width:380px}
}
/* Podyum ucu de ayni yatakta durur: 1.55/1/1 orani genis ekranda
   birinciyi digerlerinden KOPARIYORDU; genislik artinca oran yumusar. */
@media(min-width:1400px){
  .v2w-podium{grid-template-columns:1.35fr 1fr 1fr;gap:clamp(24px,2.6vw,44px)}
}
