/* Pyasso — açık zemin, koyu sportif bantlar, nane yeşili vurgu */
/* ---------- Fontlar (sunucudan; Google'a istek yok) ---------- */
@font-face { font-family: "Barlow Condensed"; font-weight: 600; font-display: swap; src: url("../fonts/barlow-condensed-latin-600-normal.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215; }
@font-face { font-family: "Barlow Condensed"; font-weight: 600; font-display: swap; src: url("../fonts/barlow-condensed-latin-ext-600-normal.woff2") format("woff2"); unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Barlow Condensed"; font-weight: 700; font-display: swap; src: url("../fonts/barlow-condensed-latin-700-normal.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215; }
@font-face { font-family: "Barlow Condensed"; font-weight: 700; font-display: swap; src: url("../fonts/barlow-condensed-latin-ext-700-normal.woff2") format("woff2"); unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Barlow Condensed"; font-weight: 800; font-display: swap; src: url("../fonts/barlow-condensed-latin-800-normal.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215; }
@font-face { font-family: "Barlow Condensed"; font-weight: 800; font-display: swap; src: url("../fonts/barlow-condensed-latin-ext-800-normal.woff2") format("woff2"); unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Barlow"; font-weight: 400; font-display: swap; src: url("../fonts/barlow-latin-400-normal.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215; }
@font-face { font-family: "Barlow"; font-weight: 400; font-display: swap; src: url("../fonts/barlow-latin-ext-400-normal.woff2") format("woff2"); unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Barlow"; font-weight: 500; font-display: swap; src: url("../fonts/barlow-latin-500-normal.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215; }
@font-face { font-family: "Barlow"; font-weight: 500; font-display: swap; src: url("../fonts/barlow-latin-ext-500-normal.woff2") format("woff2"); unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Barlow"; font-weight: 600; font-display: swap; src: url("../fonts/barlow-latin-600-normal.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215; }
@font-face { font-family: "Barlow"; font-weight: 600; font-display: swap; src: url("../fonts/barlow-latin-ext-600-normal.woff2") format("woff2"); unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Cairo"; font-weight: 400; font-display: swap; src: url("../fonts/cairo-arabic-400-normal.woff2") format("woff2"); unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC; }
@font-face { font-family: "Cairo"; font-weight: 700; font-display: swap; src: url("../fonts/cairo-arabic-700-normal.woff2") format("woff2"); unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC; }


@font-face { font-family: "Big Shoulders Display"; font-weight: 800; font-display: swap; src: url("../fonts/big-shoulders-display-latin-800-normal.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215; }
@font-face { font-family: "Big Shoulders Display"; font-weight: 800; font-display: swap; src: url("../fonts/big-shoulders-display-latin-ext-800-normal.woff2") format("woff2"); unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Big Shoulders Display"; font-weight: 900; font-display: swap; src: url("../fonts/big-shoulders-display-latin-900-normal.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215; }
@font-face { font-family: "Big Shoulders Display"; font-weight: 900; font-display: swap; src: url("../fonts/big-shoulders-display-latin-ext-900-normal.woff2") format("woff2"); unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }

/* =====================================================================
   Pyasso 0.4 — "Gece stadyumu" tasarım sistemi
   Koyu zemin, cam kartlar, altın (seviye/eylem) + saha yeşili (artış) vurgu.
   CSP: satır içi stil yok; genişlikler .w* sınıflarıyla, renkler sınıflarla.
   ===================================================================== */
:root {
  /* açık (içerik) yüzeyler */
  --bg: #f3f5f2; --bg-2: #eaefea; --card: #ffffff; --card-2: #f7f9f7; --elev: #ffffff; --glass: rgba(var(--fg),.85);
  --fg: 14, 36, 27; --sunk: #eef2ee; --input-bg: #ffffff; --th-bg: #f6f8f5; --popover: #ffffff;
  --line: rgba(14,36,27,.09); --line-2: rgba(14,36,27,.15); --line-3: rgba(14,36,27,.26);
  --ink: #16271f; --ink-2: #3d5047; --muted: #64776d; --dim: #95a59c; --strong: #0b1a13;
  --accent-text: #9a6c00; --accent-text-2: #8a6100; --pos-text: #11804a; --neg-text: #cc3529; --blue-text: #2a63c9; --violet-text: #6a4bd1; --pos-text-2: #0f7444;
  --gold: #f2c230; --gold-2: #ffd75a; --gold-ink: #1d1600;
  --green: #22b46c; --green-2: #1a9c5a; --red: #e5463a; --blue: #3f7fe6; --violet: #7c5cf0; --cyan: #1fb6c4; --orange: #e98a1c;
  --pitch: #0f4a35; --pitch-2: #0a3527; --pitch-3: #135b41;
  --t-elite: var(--gold); --t-high: var(--green); --t-mid: var(--blue); --t-base: #8b9a92; --t-low: #c3cdc7;
  --r: 16px; --r-sm: 10px; --r-xs: 7px;
  --shadow: 0 18px 44px -22px rgba(14,36,27,.35), 0 2px 6px rgba(14,36,27,.05);
  --shadow-sm: 0 1px 2px rgba(14,36,27,.06), 0 4px 14px -6px rgba(14,36,27,.12);
  --f-body: "Barlow", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --f-disp: "Big Shoulders Display", "Barlow Condensed", "Arial Narrow", sans-serif;
  --wrap: 1280px;
  color-scheme: light;
}
/* koyu bantlar: üst şerit, başlık, sayfa başı, kahraman alanları, saha çizimleri, altbilgi */
.dark, .topbar, .site-header, .page-head, .hero, .player-hero, .about-hero, .site-footer, .cta-apply, .board, .pitch, .pitch-pick, .pitch-box, .pcard-top, .cmdk, .consent, .lm-panel, .nav-panel {
  --bg: #071712; --card: #0f2219; --card-2: #13291f; --elev: #18301f; --glass: rgba(10,26,20,.72);
  --fg: 255, 255, 255; --sunk: rgba(0,0,0,.28); --input-bg: rgba(0,0,0,.3); --th-bg: rgba(8,20,15,.96); --popover: rgba(12,28,21,.98);
  --line: rgba(var(--fg),.09); --line-2: rgba(var(--fg),.16); --line-3: rgba(var(--fg),.26);
  --ink: #e9f3ed; --ink-2: #c3d6cb; --muted: #8fa99c; --dim: #66807a; --strong: #ffffff;
  --accent-text: #f2c230; --accent-text-2: #ffd75a; --pos-text: #4fe39a; --neg-text: #ff8178; --blue-text: #8db8ff; --violet-text: #b9a3ff; --pos-text-2: #8ef2bd;
  --green: #2fd27e; --green-2: #7af0b0; --red: #ff5b4f; --blue: #5b9cff; --violet: #a98bff; --orange: #ff9f43;
  --t-base: #6f8178; --t-low: #46564e;
  --shadow: 0 24px 60px -24px rgba(0,0,0,.75);
  color-scheme: dark; color: var(--ink);
}
[lang="ar"] { --f-body: "Cairo", "Barlow", system-ui, sans-serif; --f-disp: "Cairo", "Big Shoulders Display", sans-serif; }
[lang="ja"] { --f-body: "Barlow", "Hiragino Sans", "Yu Gothic UI", "Meiryo", "Noto Sans JP", system-ui, sans-serif; --f-disp: "Big Shoulders Display", "Hiragino Sans", "Yu Gothic UI", "Noto Sans JP", sans-serif; }
[lang="ko"] { --f-body: "Barlow", "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", system-ui, sans-serif; --f-disp: "Big Shoulders Display", "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif; }
[lang="ru"] { --f-disp: "Barlow Condensed", "Arial Narrow", system-ui, sans-serif; }

/* ---------- Taban ---------- */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; background: var(--bg); }
body { margin: 0; min-height: 100vh; font: 400 16px/1.6 var(--f-body); color: var(--ink); -webkit-font-smoothing: antialiased; font-variant-numeric: tabular-nums;
  background: radial-gradient(1200px 500px at 85% 0, rgba(242,194,48,.06), transparent 60%), var(--bg); }
img, svg { max-width: 100%; height: auto; vertical-align: middle; }
a { color: inherit; text-decoration-color: rgba(242,194,48,.45); text-underline-offset: 3px; transition: color .15s; }
a:hover { color: var(--accent-text-2); }
h1, h2, h3, h4 { font-family: var(--f-disp); font-weight: 900; line-height: 1; letter-spacing: .005em; margin: 0 0 .45em; color: var(--strong); }
h1 { font-size: clamp(2.5rem, 5.4vw, 4.6rem); text-transform: uppercase; }
h2 { font-size: clamp(1.65rem, 2.6vw, 2.2rem); font-weight: 800; }
h3 { font-size: 1.3rem; font-weight: 800; }
:is([lang="ar"], [lang="ja"], [lang="ko"]) :is(h1, h2, h3, h4) { text-transform: none; line-height: 1.25; font-weight: 700; letter-spacing: 0; }
p { margin: 0 0 1em; }
::selection { background: rgba(242,194,48,.35); color: var(--strong); }
.wrap { width: min(100% - 40px, var(--wrap)); margin-inline: auto; }
.narrow { max-width: 860px; }
.muted { color: var(--muted); } .small { font-size: .86rem; } .d-block { display: block; }
.sr-only { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.skip { position: absolute; inset-inline-start: 12px; top: -60px; z-index: 90; background: var(--gold); color: var(--gold-ink); padding: 8px 14px; border-radius: 8px; font-weight: 700; }
.skip:focus { top: 12px; }
:focus-visible { outline: 2px solid var(--gold); outline-offset: 3px; border-radius: 6px; }
.kicker, .eyebrow { display: inline-flex; align-items: center; gap: 8px; font: 700 .76rem/1.2 var(--f-body); letter-spacing: .14em; text-transform: uppercase; color: var(--accent-text); margin-bottom: .9em; }
.eyebrow::before { content: ""; width: 18px; height: 2px; background: currentColor; border-radius: 2px; }
.kicker-brand { color: var(--accent-text); }
.lead { font-size: 1.14rem; color: var(--ink-2); max-width: 66ch; }
.empty { padding: 34px; text-align: center; color: var(--muted); background: var(--card); border: 1px dashed var(--line-2); border-radius: var(--r); }
.note { margin-top: 18px; }
.hp { position: absolute !important; inset-inline-start: -9999px; width: 1px; height: 1px; overflow: hidden; }
.grad-text { background: linear-gradient(92deg, #fff 10%, var(--gold-2) 55%, var(--gold) 90%); -webkit-background-clip: text; background-clip: text; color: transparent; }
hr { border: 0; border-top: 1px solid var(--line); margin: 28px 0; }

/* ---------- Kart / yüzey ---------- */
.card, .block-card, .side-box, .table-wrap, .player-main .block, .live-box, .sw, .author-box, .review-card, .form fieldset, .compare-form {
  background: linear-gradient(180deg, rgba(var(--fg),.035), rgba(var(--fg),.012)), var(--card);
  border: 1px solid var(--line); border-radius: var(--r); }
.card { padding: 22px; }
.card-hover { transition: transform .18s, border-color .18s, box-shadow .18s; }
.card-hover:hover { transform: translateY(-3px); border-color: rgba(242,194,48,.35); box-shadow: var(--shadow); }

/* ---------- Düğmeler ---------- */
.btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 11px 18px; border-radius: 11px; border: 1px solid var(--line-2);
  background: rgba(var(--fg),.04); color: var(--ink); font: 700 .95rem/1 var(--f-body); text-decoration: none; cursor: pointer; white-space: nowrap;
  transition: background .15s, border-color .15s, transform .12s, box-shadow .15s, color .15s; }
.btn:hover { border-color: var(--line-3); background: rgba(var(--fg),.08); color: var(--strong); }
.btn:active { transform: translateY(1px); }
.btn svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.btn-brand { background: linear-gradient(180deg, var(--gold-2), var(--gold)); border-color: transparent; color: var(--gold-ink); box-shadow: 0 8px 24px -10px rgba(242,194,48,.65), inset 0 1px 0 rgba(var(--fg),.4); }
.btn-brand:hover { color: var(--gold-ink); background: linear-gradient(180deg, #ffe58a, var(--gold-2)); box-shadow: 0 12px 30px -10px rgba(242,194,48,.8); }
.btn-green { background: linear-gradient(180deg, #4be394, var(--green)); color: #03200f; border-color: transparent; }
.btn-ghost { background: transparent; }
.btn-sm { padding: 8px 13px; font-size: .86rem; border-radius: 9px; } .btn-lg { padding: 16px 26px; font-size: 1.05rem; border-radius: 13px; } .btn-block { width: 100%; }
.btn-icon { padding: 9px; width: 40px; height: 40px; }
.link-more { display: inline-flex; align-items: center; gap: 6px; font-weight: 700; color: var(--accent-text); text-decoration: none; white-space: nowrap; }
.link-more::after { content: "→"; transition: transform .15s; } [dir="rtl"] .link-more::after { content: "←"; }
.link-more:hover::after { transform: translateX(3px); } [dir="rtl"] .link-more:hover::after { transform: translateX(-3px); }

/* ---------- Form öğeleri ---------- */
input:is([type=text], [type=search], [type=number], [type=email], [type=tel], [type=date], [type=url], [type=password], :not([type])), select, textarea {
  width: 100%; padding: 11px 13px; border: 1px solid var(--line-2); border-radius: var(--r-sm); background: var(--sunk); color: var(--ink);
  font: 500 .96rem var(--f-body); transition: border-color .15s, box-shadow .15s, background .15s; }
input::placeholder, textarea::placeholder { color: var(--dim); }
input:hover, select:hover, textarea:hover { border-color: var(--line-3); }
input:focus, select:focus, textarea:focus { border-color: rgba(242,194,48,.7); box-shadow: 0 0 0 4px rgba(242,194,48,.14); outline: none; background: var(--sunk); }
select { appearance: none; padding-inline-end: 36px; cursor: pointer;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M3 4.5 6 7.5 9 4.5' fill='none' stroke='%23869a90' stroke-width='1.6'/%3E%3C/svg%3E");
  background-repeat: no-repeat; background-size: 12px; background-position: right 13px center; }
[dir="rtl"] select { background-position: left 13px center; }
select option { background: var(--card); color: var(--ink); }
input[type=date]::-webkit-calendar-picker-indicator { filter: invert(.8); }
textarea { resize: vertical; min-height: 110px; line-height: 1.5; }
input[type=checkbox], input[type=radio] { accent-color: var(--accent-text); width: 18px; height: 18px; margin: 2px 0 0; flex: none; }
label { font-size: .86rem; font-weight: 600; color: var(--ink-2); }
.field { display: flex; flex-direction: column; gap: 6px; }
.field small, .hint { color: var(--muted); font-weight: 500; font-size: .8rem; }
.req { color: var(--accent-text); }
/* anahtar (switch) */
.switch { display: flex !important; flex-direction: row !important; align-items: flex-start; gap: 12px !important; cursor: pointer; font-weight: 500 !important; color: var(--ink-2); line-height: 1.45; }
.switch input { appearance: none; width: 42px; height: 24px; border-radius: 99px; background: rgba(var(--fg),.12); position: relative; cursor: pointer; transition: background .2s; margin: 0; flex: none; }
.switch input::after { content: ""; position: absolute; top: 3px; inset-inline-start: 3px; width: 18px; height: 18px; border-radius: 50%; background: #fff; transition: transform .2s; box-shadow: 0 2px 6px rgba(0,0,0,.4); }
.switch input:checked { background: var(--green); }
.switch input:checked::after { transform: translateX(18px); } [dir="rtl"] .switch input:checked::after { transform: translateX(-18px); }
/* segment */
.seg { display: inline-flex; flex-wrap: wrap; gap: 4px; padding: 4px; background: var(--sunk); border: 1px solid var(--line); border-radius: 12px; }
.seg label, .seg a { position: relative; display: inline-flex; align-items: center; gap: 6px; padding: 7px 12px; border-radius: 9px; font: 700 .86rem var(--f-body); color: var(--muted); cursor: pointer; text-decoration: none; transition: background .15s, color .15s; }
.seg input { position: absolute; opacity: 0; pointer-events: none; }
.seg label:hover, .seg a:hover { color: var(--strong); }
.seg label:has(input:checked), .seg a[aria-current] { background: var(--elev); color: var(--strong); box-shadow: inset 0 0 0 1px var(--line-2); }
.seg label:has(input:focus-visible) { outline: 2px solid var(--gold); }
/* çift uçlu aralık */
.range2 { position: relative; height: 34px; }
.range2 input[type=range] { position: absolute; inset: 0; width: 100%; height: 34px; margin: 0; background: none; pointer-events: none; appearance: none; -webkit-appearance: none; }
.range2 input[type=range]::-webkit-slider-thumb { -webkit-appearance: none; pointer-events: auto; width: 20px; height: 20px; border-radius: 50%; background: #fff; border: 3px solid var(--gold); cursor: grab; box-shadow: 0 2px 8px rgba(0,0,0,.5); position: relative; z-index: 2; }
.range2 input[type=range]::-moz-range-thumb { pointer-events: auto; width: 16px; height: 16px; border-radius: 50%; background: #fff; border: 3px solid var(--gold); cursor: grab; }
.range2 input[type=range]::-webkit-slider-runnable-track { height: 34px; background: none; }
.range2 input[type=range]::-moz-range-track { background: none; }
.range2 .track { position: absolute; inset-inline: 10px; top: 15px; height: 4px; border-radius: 4px; background: rgba(var(--fg),.12); }
.range2 .fill { position: absolute; top: 15px; height: 4px; border-radius: 4px; background: linear-gradient(90deg, var(--gold), var(--green)); }
.range-head { display: flex; justify-content: space-between; align-items: baseline; gap: 8px; }
.range-head output { font: 800 1rem var(--f-disp); color: var(--strong); letter-spacing: .02em; }
input[type=range].single { width: 100%; accent-color: var(--accent-text); }

/* ---------- Üst şerit: canlı skor ---------- */
.topbar { background: var(--sunk); border-bottom: 1px solid var(--line); color: var(--ink-2); font-size: .82rem; }
.topbar-in { display: flex; align-items: center; gap: 14px; min-height: 38px; }
.ticker-label { display: inline-flex; align-items: center; gap: 2px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; font-size: .72rem; color: var(--strong); text-decoration: none; flex: none;
  padding: 4px 9px; border-radius: 6px; background: rgba(255,91,79,.12); border: 1px solid rgba(255,91,79,.3); }
.dot-live { width: 7px; height: 7px; border-radius: 50%; background: var(--red); display: inline-block; margin-inline-end: 7px; vertical-align: middle; box-shadow: 0 0 0 0 rgba(255,91,79,.6); animation: pulse 1.8s infinite; }
@keyframes pulse { 70% { box-shadow: 0 0 0 7px rgba(255,91,79,0); } 100% { box-shadow: 0 0 0 0 rgba(255,91,79,0); } }
.ticker { flex: 1; min-width: 0; display: flex; gap: 2px; overflow-x: auto; scrollbar-width: none; mask-image: linear-gradient(90deg, #000 92%, transparent); }
[dir="rtl"] .ticker { mask-image: linear-gradient(270deg, #000 92%, transparent); }
.ticker::-webkit-scrollbar { display: none; }
.tk { flex: none; display: inline-flex; align-items: center; gap: 7px; padding: 4px 10px; color: var(--ink-2); text-decoration: none; white-space: nowrap; border-radius: 6px; }
.tk:hover { background: rgba(var(--fg),.05); color: var(--strong); }
.tk b { color: var(--strong); font-family: var(--f-disp); font-weight: 900; font-size: 1.02rem; }
.tk i { font-style: normal; color: var(--red); font-weight: 800; font-size: .74rem; }
.tk-t { max-width: 120px; overflow: hidden; text-overflow: ellipsis; }
.ticker-empty { color: var(--dim); }
.topbar-tools { display: flex; align-items: center; gap: 8px; flex: none; }
.cur-toggle { display: inline-flex; padding: 2px; border: 1px solid var(--line-2); border-radius: 8px; text-decoration: none; background: var(--sunk); }
.cur-toggle b { padding: 2px 9px; color: var(--muted); border-radius: 6px; font-size: .8rem; } .cur-toggle b.on { background: var(--gold); color: var(--gold-ink); }
.lang-menu { position: relative; }
.lang-menu > summary { list-style: none; cursor: pointer; display: inline-flex; align-items: center; gap: 7px; padding: 4px 10px 4px 8px; border-radius: 999px; border: 1px solid var(--line-2); background: rgba(var(--fg),.03); color: var(--ink); font: 600 .82rem var(--f-body); transition: background .15s, border-color .15s; user-select: none; }
.lang-menu > summary::-webkit-details-marker { display: none; }
.lang-menu > summary:hover, .lang-menu[open] > summary { background: rgba(var(--fg),.08); border-color: rgba(242,194,48,.55); }
.lm-globe { width: 15px; height: 15px; fill: none; stroke: var(--gold); stroke-width: 1.6; }
.lm-code { display: none; letter-spacing: .06em; }
.lm-caret { width: 10px; height: 10px; fill: none; stroke: currentColor; stroke-width: 1.6; opacity: .7; transition: transform .2s; }
.lang-menu[open] .lm-caret { transform: rotate(180deg); }
.lm-panel { position: absolute; inset-inline-end: 0; top: calc(100% + 10px); z-index: 80; width: 270px; padding: 8px; background: var(--popover); backdrop-filter: blur(18px); color: var(--ink); border-radius: 16px; border: 1px solid var(--line-2);
  box-shadow: 0 30px 60px -12px rgba(0,0,0,.8); transform-origin: top right; animation: lmIn .16s ease-out; }
[dir="rtl"] .lm-panel { transform-origin: top left; }
@keyframes lmIn { from { opacity: 0; transform: translateY(-4px) scale(.97); } }
.lm-title { margin: 6px 10px 8px; font: 700 .68rem var(--f-body); text-transform: uppercase; letter-spacing: .14em; color: var(--muted); }
.lm-panel ul { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 3px; }
.lm-panel a { display: flex; align-items: center; gap: 9px; padding: 8px 9px; border-radius: 10px; text-decoration: none; color: var(--ink-2); font-weight: 600; font-size: .9rem; }
.lm-panel a:hover, .lm-panel a:focus-visible { background: rgba(var(--fg),.06); color: var(--strong); outline: none; }
.lm-panel a[aria-current] { background: rgba(242,194,48,.12); color: var(--strong); box-shadow: inset 0 0 0 1px rgba(242,194,48,.4); }
.lm-badge { flex: none; width: 28px; height: 20px; display: grid; place-items: center; border-radius: 5px; background: rgba(var(--fg),.08); color: var(--ink-2); font: 800 .66rem var(--f-body); letter-spacing: .05em; }
.lm-panel a[aria-current] .lm-badge { background: var(--gold); color: var(--gold-ink); }
.lm-name { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.lm-check { display: none; }
html[dir="ltr"] .lm-name[dir="rtl"] { text-align: left; } html[dir="rtl"] .lm-name[dir="ltr"] { text-align: right; }

/* ---------- Başlık ---------- */
.site-header { position: sticky; top: 0; z-index: 50; background: rgba(5,9,8,.72); backdrop-filter: saturate(1.4) blur(18px); -webkit-backdrop-filter: saturate(1.4) blur(18px); border-bottom: 1px solid var(--line); }
.header-in { display: flex; align-items: center; gap: 18px; min-height: 68px; }
.brand { display: inline-flex; align-items: center; gap: 10px; text-decoration: none; flex: none; color: var(--strong); }
.brand:hover { color: var(--strong); }
.brand-mark { width: 36px; height: 36px; filter: drop-shadow(0 4px 14px rgba(242,194,48,.35)); }
.bm-hex { fill: var(--pitch-3); stroke: rgba(242,194,48,.6); stroke-width: 1.5; } .bm-p { fill: none; stroke: var(--gold); stroke-width: 3.6; stroke-linecap: round; stroke-linejoin: round; } .bm-dot { fill: var(--gold); }
.brand-name { font: 900 1.8rem/1 var(--f-disp); letter-spacing: .06em; margin: 0; }
.main-nav { flex: 1; min-width: 0; }
.main-nav ul { display: flex; gap: 2px; list-style: none; margin: 0; padding: 0; }
.main-nav a { position: relative; display: flex; align-items: center; gap: 7px; padding: 9px 12px; border-radius: 10px; text-decoration: none; font-weight: 600; font-size: .95rem; color: var(--ink-2); white-space: nowrap; transition: background .15s, color .15s; }
.main-nav a:hover { color: var(--strong); background: rgba(var(--fg),.05); }
.main-nav a[aria-current] { color: var(--strong); background: rgba(var(--fg),.07); }
.main-nav a[aria-current]::after { content: ""; position: absolute; inset-inline: 12px; bottom: -15px; height: 2px; border-radius: 2px; background: var(--gold); box-shadow: 0 0 12px rgba(242,194,48,.8); }
.main-nav .nav-live::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--red); box-shadow: 0 0 8px var(--red); }
.main-nav .nav-gems { color: var(--pos-text-2); }
.nav-new { font: 800 .6rem/1 var(--f-body); letter-spacing: .08em; padding: 3px 5px; border-radius: 4px; background: var(--green); color: #03200f; text-transform: uppercase; }
.header-tools { display: flex; align-items: center; gap: 10px; }
.cmdk-btn { display: inline-flex; align-items: center; gap: 10px; width: 230px; padding: 9px 10px 9px 12px; border: 1px solid var(--line-2); border-radius: 11px; background: var(--sunk); color: var(--muted); font: 500 .9rem var(--f-body); cursor: pointer; text-align: start; transition: border-color .15s, background .15s; }
.cmdk-btn:hover { border-color: var(--line-3); color: var(--ink-2); }
.cmdk-btn svg { width: 17px; height: 17px; flex: none; }
.cmdk-btn span { flex: 1; }
kbd, .kbd { display: inline-grid; place-items: center; min-width: 22px; height: 21px; padding: 0 5px; border-radius: 5px; border: 1px solid var(--line-2); border-bottom-width: 2px; font: 700 .7rem var(--f-body); color: var(--muted); background: rgba(var(--fg),.04); }
.header-search { position: relative; display: flex; align-items: center; }
.nav-toggle { display: none; width: 42px; height: 42px; border-radius: 11px; border: 1px solid var(--line-2); background: rgba(var(--fg),.04); cursor: pointer; }
.burger, .burger::before, .burger::after { display: block; width: 18px; height: 2px; background: #fff; margin: auto; position: relative; transition: transform .2s; border-radius: 2px; }
.burger::before, .burger::after { content: ""; position: absolute; left: 0; } .burger::before { top: -6px; } .burger::after { top: 6px; }
.nav-open .burger { background: transparent; } .nav-open .burger::before { transform: translateY(6px) rotate(45deg); } .nav-open .burger::after { transform: translateY(-6px) rotate(-45deg); }
/* mega menü: Analiz */
.nav-drop { position: relative; }
.nav-drop > button { display: flex; align-items: center; gap: 6px; padding: 9px 12px; border-radius: 10px; border: 0; background: none; color: var(--ink-2); font: 600 .95rem var(--f-body); cursor: pointer; }
.nav-drop > button:hover, .nav-drop.open > button { color: var(--strong); background: rgba(var(--fg),.05); }
.nav-drop > button svg { width: 10px; height: 10px; fill: none; stroke: currentColor; stroke-width: 1.8; transition: transform .2s; }
.nav-drop.open > button svg { transform: rotate(180deg); }
.nav-panel { position: absolute; top: calc(100% + 12px); inset-inline-start: -10px; width: 560px; display: none; grid-template-columns: 1fr 1fr; gap: 4px; padding: 10px; border-radius: 18px; border: 1px solid var(--line-2);
  background: var(--popover); backdrop-filter: blur(20px); box-shadow: 0 40px 80px -20px rgba(0,0,0,.85); z-index: 70; }
.nav-drop.open .nav-panel, .nav-drop:focus-within .nav-panel { display: grid; animation: lmIn .16s ease-out; }
.nav-panel a { display: grid; grid-template-columns: 38px 1fr; gap: 2px 12px; padding: 11px; border-radius: 12px; text-decoration: none; color: var(--ink); }
.nav-panel a:hover { background: rgba(var(--fg),.05); color: var(--strong); }
.nav-panel .np-ico { grid-row: 1 / 3; width: 38px; height: 38px; border-radius: 10px; display: grid; place-items: center; background: rgba(242,194,48,.1); color: var(--accent-text); border: 1px solid rgba(242,194,48,.22); }
.nav-panel .np-ico svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.nav-panel b { font-size: .95rem; } .nav-panel small { color: var(--muted); font-size: .8rem; line-height: 1.35; }

/* ---------- Komut paleti (arama) ---------- */
.cmdk { position: fixed; inset: 0; z-index: 100; display: none; align-items: flex-start; justify-content: center; padding: 10vh 16px 16px; background: rgba(2,5,4,.66); backdrop-filter: blur(6px); }
.cmdk.open { display: flex; animation: fadeIn .14s ease-out; }
@keyframes fadeIn { from { opacity: 0; } }
.cmdk-box { width: min(680px, 100%); background: var(--popover); border: 1px solid var(--line-2); border-radius: 20px; box-shadow: 0 50px 100px -20px rgba(0,0,0,.9), 0 0 0 1px rgba(242,194,48,.08); overflow: hidden; }
.cmdk-in { display: flex; align-items: center; gap: 12px; padding: 16px 18px; border-bottom: 1px solid var(--line); }
.cmdk-in svg { width: 22px; height: 22px; color: var(--accent-text); flex: none; }
.cmdk-in input { flex: 1; border: 0 !important; background: none !important; box-shadow: none !important; padding: 4px 0 !important; font-size: 1.15rem !important; color: var(--strong); }
.cmdk-list { max-height: min(60vh, 480px); overflow: auto; padding: 8px; }
.cmdk-sec { padding: 10px 10px 6px; font: 700 .7rem var(--f-body); letter-spacing: .14em; text-transform: uppercase; color: var(--muted); }
.cmdk-item { display: flex; align-items: center; gap: 12px; padding: 10px; border-radius: 12px; text-decoration: none; color: var(--ink); }
.cmdk-item:hover, .cmdk-item.sel { background: rgba(242,194,48,.09); color: var(--strong); box-shadow: inset 0 0 0 1px rgba(242,194,48,.25); }
.cmdk-item .ci-main { flex: 1; min-width: 0; } .cmdk-item b { display: block; font-weight: 700; } .cmdk-item small { display: block; color: var(--muted); font-size: .8rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cmdk-item .ci-ico { width: 34px; height: 34px; border-radius: 9px; display: grid; place-items: center; background: rgba(var(--fg),.05); color: var(--accent-text); flex: none; }
.cmdk-item .ci-ico svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.8; }
.cmdk-foot { display: flex; gap: 16px; padding: 10px 16px; border-top: 1px solid var(--line); color: var(--muted); font-size: .78rem; }
.cmdk-empty { padding: 26px; text-align: center; color: var(--muted); }

/* ---------- Sayfa başlığı ---------- */
.page-head { position: relative; padding: 54px 0 44px; overflow: hidden; border-bottom: 1px solid var(--line); }
.page-head::before { content: ""; position: absolute; inset: 0; z-index: -1; background: url("../img/pitch.svg") center / cover no-repeat; opacity: .55; mask-image: linear-gradient(180deg, #000, transparent 95%); }
.page-head::after { content: ""; position: absolute; inset: auto 0 -1px; height: 1px; background: linear-gradient(90deg, transparent, rgba(242,194,48,.5), transparent); }
.page-head h1 { margin-bottom: .18em; }
.page-head .lead { margin: 0; }
.ph-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 20px; }
.crumbs { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; font-size: .84rem; color: var(--muted); margin-bottom: 16px; }
.crumbs a { color: var(--muted); text-decoration: none; } .crumbs a:hover { color: var(--accent-text-2); }
.crumbs span { opacity: .5; }

/* ---------- Ana sayfa ---------- */
.hero { position: relative; padding: 70px 0 64px; overflow: hidden; }
.hero::before { content: ""; position: absolute; inset: 0; z-index: -1; background: url("../img/pitch.svg") center / cover no-repeat; opacity: .5; mask-image: radial-gradient(ellipse at 60% 40%, #000 30%, transparent 75%); }
.hero::after { content: ""; position: absolute; z-index: -1; width: 720px; height: 720px; inset-inline-end: -180px; top: -260px; border-radius: 50%; background: radial-gradient(circle, rgba(242,194,48,.16), transparent 62%); filter: blur(10px); }
.hero-in { display: grid; grid-template-columns: minmax(0, 1.02fr) minmax(0, 1fr); gap: 56px; align-items: center; }
.hero h1 { font-size: clamp(3rem, 6.8vw, 6.2rem); line-height: .9; max-width: 11ch; margin-bottom: .28em; }
.hero .lead { font-size: 1.18rem; }
.hero-search { position: relative; display: flex; align-items: center; gap: 8px; max-width: 580px; margin: 28px 0 16px; padding: 7px 7px 7px 18px; border-radius: 16px; border: 1px solid var(--line-2); background: var(--sunk); box-shadow: 0 20px 50px -20px rgba(0,0,0,.8); transition: border-color .15s, box-shadow .15s; }
.hero-search:focus-within { border-color: rgba(242,194,48,.6); box-shadow: 0 0 0 5px rgba(242,194,48,.1), 0 20px 50px -20px rgba(0,0,0,.8); }
.hero-search svg { width: 22px; height: 22px; color: var(--accent-text); flex: none; }
.hero-search input { flex: 1; min-width: 0; border: 0 !important; background: none !important; box-shadow: none !important; font-size: 1.08rem !important; padding: 10px 4px !important; }
.hero-chips { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; }
.hero-chips a, .chip { display: inline-flex; align-items: center; gap: 7px; padding: 7px 13px; border-radius: 999px; border: 1px solid var(--line-2); background: rgba(var(--fg),.03); color: var(--ink-2); font-weight: 600; font-size: .88rem; text-decoration: none; transition: all .15s; }
.hero-chips a:hover, .chip:hover { border-color: rgba(242,194,48,.55); color: var(--strong); background: rgba(242,194,48,.08); }
.chip[aria-current], .chip.on { background: rgba(242,194,48,.14); border-color: rgba(242,194,48,.6); color: var(--strong); }
.chip .x { font-size: 1rem; line-height: 1; opacity: .7; }
.hero-stats { display: flex; flex-wrap: wrap; gap: 34px; margin-top: 34px; padding-top: 24px; border-top: 1px solid var(--line); }
.hero-stats div b { display: block; font: 900 2.4rem/1 var(--f-disp); color: var(--strong); }
.hero-stats div span { font-size: .84rem; color: var(--muted); }
.hero-counts { margin-top: 22px; color: var(--muted); font-size: .95rem; }
.board { position: relative; background: linear-gradient(180deg, rgba(20,32,26,.92), rgba(9,16,13,.95)); border-radius: 22px; border: 1px solid var(--line-2); box-shadow: var(--shadow), 0 0 0 1px rgba(242,194,48,.06), 0 0 80px -30px rgba(242,194,48,.3); overflow: hidden; }
.board::before { content: ""; position: absolute; inset: 0 0 auto; height: 1px; background: linear-gradient(90deg, transparent, var(--gold), transparent); }
.board-head { display: flex; justify-content: space-between; align-items: center; gap: 10px; padding: 18px 20px 14px; border-bottom: 1px solid var(--line); }
.board-head h2 { margin: 0; font-size: 1.6rem; display: flex; align-items: center; gap: 10px; }
.board-head h2::before { content: ""; width: 9px; height: 9px; border-radius: 50%; background: var(--green); box-shadow: 0 0 12px var(--green); }
.board-head span { color: var(--muted); font-size: .78rem; text-align: end; }
.board ol { list-style: none; margin: 0; padding: 6px 0; counter-reset: b; }
.board li { counter-increment: b; }
.board li a { display: grid; grid-template-columns: 24px minmax(0, 1fr) 40px 52px 58px 86px; gap: 10px; align-items: center; padding: 10px 20px; text-decoration: none; color: var(--ink); transition: background .15s; }
.board li a:hover { background: rgba(242,194,48,.06); color: var(--strong); }
.board li a::before { content: counter(b); font: 900 1.05rem var(--f-disp); color: var(--dim); }
.board .b-name b { display: block; font-weight: 700; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.board .b-name small { display: block; color: var(--muted); font-size: .78rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.board .b-pos { font: 800 .8rem var(--f-body); color: var(--ink-2); text-align: center; padding: 3px 0; border-radius: 6px; background: rgba(var(--fg),.06); }
.board .b-pw { font: 900 1.9rem/1 var(--f-disp); text-align: end; color: var(--strong); }
.board .b-pw.elite { color: var(--accent-text); text-shadow: 0 0 18px rgba(242,194,48,.45); }
.board .b-ch { font: 800 .95rem var(--f-disp); text-align: end; }
.b-ch.up { color: var(--pos-text); } .b-ch.down { color: var(--red); } .b-ch.flat { color: var(--dim); }
.board .b-val { text-align: end; font-weight: 600; font-size: .88rem; color: var(--ink-2); white-space: nowrap; }
.board-foot { display: flex; justify-content: center; padding: 14px 18px; color: var(--accent-text); font-weight: 700; text-decoration: none; border-top: 1px solid var(--line); }
.board-foot:hover { background: rgba(242,194,48,.06); }

/* ---------- Bölümler ---------- */
.site-main { min-height: 50vh; }
.block { margin: 56px auto; }
.block-head { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 12px 20px; margin-bottom: 20px; }
.block-head h2 { margin: 0; }
.block-head .eyebrow { margin-bottom: .5em; }
.block-head > a { font-weight: 700; color: var(--accent-text); white-space: nowrap; text-decoration: none; }
.block-head > a:hover { color: var(--accent-text-2); }
.sec-title { margin-top: 32px; }
.home-grid { display: grid; grid-template-columns: minmax(0, 1.75fr) minmax(0, 1fr); gap: 28px; align-items: start; }
.home-grid .block { margin: 56px 0 0; }
.two-col { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr); gap: 28px; align-items: start; }
.band { position: relative; padding: 8px 0 18px; border-block: 1px solid var(--line); background: linear-gradient(180deg, rgba(15,74,53,.22), rgba(15,74,53,.06)); }
.band::before { content: ""; position: absolute; inset: 0; background: url("../img/pitch.svg") center / cover no-repeat; opacity: .35; z-index: -1; }
.band-gems { position: relative; padding: 8px 0 18px; border-block: 1px solid var(--line); background: linear-gradient(180deg, rgba(15,74,53,.22), rgba(15,74,53,.06)); }
.feature-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.feature { position: relative; display: flex; flex-direction: column; gap: 10px; padding: 24px; border-radius: 20px; text-decoration: none; color: var(--ink); overflow: hidden;
  background: linear-gradient(160deg, rgba(var(--fg),.05), rgba(var(--fg),.01) 60%), var(--card); border: 1px solid var(--line); transition: transform .18s, border-color .18s; }
.feature:hover { transform: translateY(-3px); border-color: rgba(242,194,48,.4); color: var(--ink); }
.feature .f-ico { width: 46px; height: 46px; border-radius: 13px; display: grid; place-items: center; background: rgba(242,194,48,.1); color: var(--accent-text); border: 1px solid rgba(242,194,48,.25); }
.feature .f-ico svg { width: 24px; height: 24px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.feature b { font: 800 1.45rem/1.05 var(--f-disp); color: var(--strong); } .feature p { margin: 0; color: var(--muted); font-size: .93rem; }
.feature .link-more { margin-top: auto; }
.feature.f-green .f-ico { background: rgba(47,210,126,.1); color: var(--pos-text); border-color: rgba(47,210,126,.25); }
.feature.f-blue .f-ico { background: rgba(91,156,255,.1); color: var(--blue-text); border-color: rgba(91,156,255,.25); }
.how-steps { list-style: none; counter-reset: s; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
.how-steps li { counter-increment: s; padding: 22px; border-radius: 18px; background: var(--card); border: 1px solid var(--line); }
.how-steps li::before { content: "0" counter(s); display: block; font: 900 2.4rem/1 var(--f-disp); margin-bottom: 12px; background: linear-gradient(180deg, var(--gold-2), rgba(242,194,48,.25)); -webkit-background-clip: text; background-clip: text; color: transparent; }
.how-steps b { display: block; font: 800 1.3rem var(--f-disp); margin-bottom: 6px; color: var(--strong); } .how-steps span { color: var(--muted); font-size: .93rem; }
.cta-apply { position: relative; overflow: hidden; display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-top: 56px; margin-bottom: 70px; padding: 40px 44px; border-radius: 26px;
  background: radial-gradient(600px 300px at 90% 0%, rgba(242,194,48,.35), transparent 70%), linear-gradient(135deg, #13402f, #0b2a1f); border: 1px solid rgba(242,194,48,.3); }
.cta-apply::before { content: ""; position: absolute; inset: 0; background: url("../img/pitch.svg") center / cover no-repeat; opacity: .35; }
.cta-apply > * { position: relative; }
.cta-apply h2 { margin: 0 0 8px; font-size: clamp(1.8rem, 3vw, 2.6rem); } .cta-apply p { margin: 0; max-width: 62ch; color: var(--ink-2); }

/* ---------- Puan rozeti ---------- */
.pw { display: inline-grid; place-items: center; min-width: 40px; height: 32px; padding: 0 7px; border-radius: 9px; font: 900 1.22rem/1 var(--f-disp); color: var(--strong); background: var(--t-base); }
.pw-elite { background: linear-gradient(160deg, #ffe48a, var(--gold) 55%, #c9971a); color: var(--gold-ink); box-shadow: 0 4px 16px -4px rgba(242,194,48,.6); }
.pw-high { background: linear-gradient(160deg, #57e79c, #1fb267); color: #03200f; }
.pw-mid { background: linear-gradient(160deg, #7cb1ff, #3f7fe6); }
.pw-base { background: #5d6e66; } .pw-low { background: #3d4b44; color: var(--ink-2); } .pw-none { background: rgba(var(--fg),.06); color: var(--muted); }
.pw-ghost { background: transparent !important; color: var(--ink) !important; box-shadow: inset 0 0 0 1.5px var(--line-3) !important; }
.pw-ghost.pw-elite { color: var(--accent-text) !important; box-shadow: inset 0 0 0 1.5px rgba(242,194,48,.6) !important; }
.pw-ghost.pw-high { color: var(--pos-text) !important; box-shadow: inset 0 0 0 1.5px rgba(47,210,126,.55) !important; }
.pw-ghost.pw-mid { color: var(--blue-text) !important; box-shadow: inset 0 0 0 1.5px rgba(91,156,255,.55) !important; }
.pw-lg { min-width: 58px; height: 48px; font-size: 1.95rem; border-radius: 12px; } .pw-sm { min-width: 30px; height: 25px; font-size: 1rem; border-radius: 7px; }
.chg { margin-inline-start: 6px; font: 800 .88rem var(--f-disp); } .chg.up { color: var(--pos-text); } .chg.down { color: var(--red); }

/* ---------- Tablolar ---------- */
.table-wrap { overflow-x: auto; }
.ptable, .stable { width: 100%; border-collapse: separate; border-spacing: 0; font-size: .95rem; }
.ptable th, .stable th { position: sticky; top: 0; text-align: start; font: 700 .72rem/1.2 var(--f-body); letter-spacing: .1em; text-transform: uppercase; color: var(--muted); padding: 14px 12px; background: var(--th-bg); border-bottom: 1px solid var(--line-2); white-space: nowrap; }
.ptable td, .stable td { padding: 11px 12px; border-bottom: 1px solid var(--line); vertical-align: middle; }
.ptable tr:last-child td, .stable tr:last-child td { border-bottom: 0; }
.ptable tbody tr { transition: background .12s; }
.ptable tbody tr:hover { background: rgba(242,194,48,.045); }
.ptable tbody tr:hover .pl b { color: var(--accent-text-2); }
.c-num { text-align: end !important; white-space: nowrap; } .c-rank { width: 48px; color: var(--dim); font: 900 1.15rem var(--f-disp); }
.ptable tbody tr:nth-child(-n+3) .c-rank { color: var(--accent-text); }
.c-player { min-width: 240px; }
.pl { display: flex; align-items: center; gap: 12px; text-decoration: none; }
.pl b { display: block; font-weight: 700; color: var(--strong); transition: color .12s; } .pl small { display: block; font-size: .8rem; }
.avatar-svg, .avatar-img { border-radius: 50%; flex: none; object-fit: cover; box-shadow: 0 0 0 2px rgba(var(--fg),.08); }
.pos { display: inline-block; min-width: 36px; text-align: center; padding: 4px 7px; border-radius: 7px; font: 800 .76rem/1.1 var(--f-body); letter-spacing: .05em; }
.pos-gk { background: rgba(255,159,67,.14); color: var(--orange); box-shadow: inset 0 0 0 1px rgba(255,159,67,.3); }
.pos-df { background: rgba(91,156,255,.14); color: var(--blue-text); box-shadow: inset 0 0 0 1px rgba(91,156,255,.3); }
.pos-mf { background: rgba(47,210,126,.13); color: var(--pos-text); box-shadow: inset 0 0 0 1px rgba(47,210,126,.3); }
.pos-fw { background: rgba(255,91,79,.13); color: var(--neg-text); box-shadow: inset 0 0 0 1px rgba(255,91,79,.3); }
.val { font-weight: 700; white-space: nowrap; color: var(--strong); } .val-pot { color: var(--violet-text); font-style: normal; }
.row-ad td { background: var(--sunk); }

/* ---------- Rozetler ---------- */
.badges { display: inline-flex; flex-wrap: wrap; gap: 6px; margin-top: 12px; }
.badges-mini { margin: 4px 0 0 52px; gap: 4px; } [dir="rtl"] .badges-mini { margin: 4px 52px 0 0; }
.bdg { display: inline-flex; align-items: center; gap: 5px; padding: 4px 9px; border-radius: 999px; font: 700 .74rem/1 var(--f-body); background: rgba(242,194,48,.12); color: var(--accent-text-2); box-shadow: inset 0 0 0 1px rgba(242,194,48,.25); }
.badges-mini .bdg { padding: 2px 7px; font-size: .68rem; }
.bdg-rising, .bdg-verified { background: rgba(47,210,126,.12); color: var(--pos-text-2); box-shadow: inset 0 0 0 1px rgba(47,210,126,.3); }
.bdg-gem { background: rgba(91,156,255,.13); color: var(--blue-text); box-shadow: inset 0 0 0 1px rgba(91,156,255,.3); }
.bdg-wonderkid { background: rgba(169,139,255,.14); color: var(--violet-text); box-shadow: inset 0 0 0 1px rgba(169,139,255,.32); }
.bdg-speed { background: rgba(255,91,79,.13); color: var(--neg-text); box-shadow: inset 0 0 0 1px rgba(255,91,79,.3); }

/* ---------- Oyuncu kartı ---------- */
.card-row { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(208px, 1fr); gap: 14px; overflow-x: auto; padding: 4px 2px 12px; scroll-snap-type: x mandatory; scrollbar-width: thin; scrollbar-color: var(--line-2) transparent; }
.card-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(208px, 1fr)); gap: 14px; }
.pcard { position: relative; scroll-snap-align: start; display: flex; flex-direction: column; border-radius: 20px; overflow: hidden; text-decoration: none; color: var(--ink); isolation: isolate;
  background: linear-gradient(180deg, rgba(var(--fg),.06), rgba(var(--fg),.01) 55%), var(--card); border: 1px solid var(--line); transition: transform .2s, border-color .2s, box-shadow .2s; }
.pcard:hover { transform: translateY(-4px); border-color: rgba(242,194,48,.45); box-shadow: var(--shadow), 0 0 40px -14px rgba(242,194,48,.35); color: var(--ink); }
.pcard-top { position: relative; display: grid; place-items: center; padding: 30px 12px 18px;
  background: radial-gradient(circle at 50% 70%, rgba(242,194,48,.14), transparent 60%), url("../img/circle.svg") center 60% / 150px no-repeat, linear-gradient(180deg, #123b2c, #0b2219); }
.pcard-top::after { content: ""; position: absolute; inset: auto 0 0; height: 40%; background: linear-gradient(180deg, transparent, rgba(13,22,18,.9)); }
.pcard-top .pw { position: absolute; top: 12px; inset-inline-start: 12px; z-index: 2; background: transparent !important; color: var(--strong); font-size: 2.4rem; height: auto; padding: 0; min-width: 0; box-shadow: none; }
.pcard-top .pw.pw-elite { color: var(--accent-text) !important; text-shadow: 0 0 22px rgba(242,194,48,.55); }
.pcard-top .pw.pw-high { color: var(--pos-text) !important; }
.pcard-pos { position: absolute; top: 16px; inset-inline-end: 12px; z-index: 2; font: 800 .74rem var(--f-body); letter-spacing: .08em; padding: 3px 7px; border-radius: 6px; background: var(--sunk); color: var(--accent-text-2); box-shadow: inset 0 0 0 1px rgba(242,194,48,.3); }
.pcard-top .avatar-svg, .pcard-top .avatar-img { position: relative; z-index: 1; box-shadow: 0 0 0 3px rgba(var(--fg),.12), 0 12px 30px -8px rgba(0,0,0,.7); }
.pcard-body { padding: 14px 16px 16px; display: flex; flex-direction: column; gap: 2px; }
.pcard-name { font: 800 1.3rem/1.05 var(--f-disp); color: var(--strong); }
.pcard-meta { display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; margin-top: 12px; padding-top: 12px; border-top: 1px solid var(--line); font-size: .7rem; letter-spacing: .06em; text-transform: uppercase; color: var(--muted); }
.pcard-meta span { display: flex; flex-direction: column; gap: 2px; }
.pcard-meta b { color: var(--strong); font: 800 1.15rem var(--f-disp); letter-spacing: 0; text-transform: none; }
.pcard .badges-mini { margin: 8px 0 0; }

/* ---------- Yazı kartı ---------- */
.acard-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(290px, 1fr)); gap: 20px; }
.acard { display: flex; flex-direction: column; text-decoration: none; color: var(--ink); border-radius: 20px; overflow: hidden; background: var(--card); border: 1px solid var(--line); transition: transform .18s, border-color .18s; }
.acard:hover { transform: translateY(-3px); border-color: rgba(242,194,48,.4); color: var(--ink); }
.acard-media { position: relative; aspect-ratio: 16 / 9; overflow: hidden; background: var(--pitch); }
.acard-media .cover-art, .acard-media img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .4s; }
.acard:hover .acard-media img, .acard:hover .acard-media .cover-art { transform: scale(1.04); }
.verdict { position: absolute; inset-inline-end: 12px; bottom: 12px; background: linear-gradient(160deg, #ffe48a, var(--gold)); color: var(--gold-ink); border-radius: 10px; padding: 7px 11px; font: 900 1.55rem/1 var(--f-disp); box-shadow: 0 8px 20px -6px rgba(0,0,0,.6); }
.verdict small { font-size: .82rem; }
.acard-body { padding: 16px 18px 20px; display: flex; flex-direction: column; gap: 8px; } .acard-body b { font: 800 1.4rem/1.1 var(--f-disp); color: var(--strong); }
.kicker.small, .acard-body .kicker { margin: 0; font-size: .7rem; }

/* ---------- Canlı skor ---------- */
.live-box { padding: 18px 20px; position: sticky; top: 90px; }
.live-list { display: flex; flex-direction: column; }
.live-group { margin: 22px 0 8px; font-size: 1.05rem; color: var(--ink-2); display: flex; align-items: center; gap: 8px; }
.lm { display: grid; grid-template-columns: 52px minmax(0, 1fr) auto minmax(0, 1fr); gap: 10px; align-items: center; padding: 10px 6px; border-bottom: 1px solid var(--line); border-radius: 8px; }
.lm:hover { background: rgba(var(--fg),.03); }
.live-compact .lm { grid-template-columns: 40px minmax(0, 1fr) auto minmax(0, 1fr); }
.live-compact .lm-lg { grid-column: 2 / -1; font-size: .74rem; margin-top: -4px; text-align: center; }
.lm-st { font: 700 .8rem var(--f-body); color: var(--muted); } .is-live .lm-st { color: var(--red); }
.lm-h { text-align: end; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .lm-a { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.lm-sc { font: 900 1.18rem var(--f-disp); padding: 4px 10px; border-radius: 8px; background: rgba(var(--fg),.07); color: var(--strong); min-width: 62px; text-align: center; }
.is-live .lm-sc { background: rgba(255,91,79,.18); color: var(--neg-text); box-shadow: inset 0 0 0 1px rgba(255,91,79,.4); }
.lm-lg { color: var(--muted); font-size: .8rem; }

/* ---------- Filtre paneli (oyuncu arama) ---------- */
.with-filters { display: grid; grid-template-columns: 318px minmax(0, 1fr); gap: 26px; align-items: start; margin-top: 30px; margin-bottom: 70px; }
.filters { position: sticky; top: 88px; display: flex; flex-direction: column; max-height: calc(100vh - 104px); overflow: hidden; border-radius: 20px; background: linear-gradient(180deg, rgba(var(--fg),.04), rgba(var(--fg),.01)), var(--card); border: 1px solid var(--line); }
.filters-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 16px 18px; border-bottom: 1px solid var(--line); }
.filters-title { font-size: 1.45rem; margin: 0; display: flex; align-items: center; gap: 10px; }
.filters-title .count { font: 800 .75rem var(--f-body); padding: 3px 8px; border-radius: 99px; background: var(--gold); color: var(--gold-ink); }
.filters-body { overflow-y: auto; padding: 4px 18px 10px; scrollbar-width: thin; scrollbar-color: var(--line-2) transparent; }
.f-sec { border-bottom: 1px solid var(--line); padding: 14px 0; }
.f-sec:last-child { border-bottom: 0; }
.f-sec > summary { list-style: none; cursor: pointer; display: flex; align-items: center; justify-content: space-between; font: 700 .78rem var(--f-body); letter-spacing: .12em; text-transform: uppercase; color: var(--ink-2); }
.f-sec > summary::-webkit-details-marker { display: none; }
.f-sec > summary::after { content: ""; width: 8px; height: 8px; border-right: 2px solid var(--muted); border-bottom: 2px solid var(--muted); transform: rotate(45deg); transition: transform .2s; margin-top: -4px; }
.f-sec[open] > summary::after { transform: rotate(-135deg); margin-top: 4px; }
.f-sec .f-inner { display: flex; flex-direction: column; gap: 14px; padding-top: 14px; }
.f-sec .dot { width: 7px; height: 7px; border-radius: 50%; background: var(--gold); margin-inline-start: auto; margin-inline-end: 10px; }
.filters label { display: flex; flex-direction: column; gap: 6px; }
.f-row { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.f-actions { display: flex; gap: 8px; padding: 14px 18px; border-top: 1px solid var(--line); background: var(--sunk); }
.f-actions .btn { flex: 1; }
.f-groups { display: grid; gap: 12px; }
.chip-set { display: flex; flex-wrap: wrap; gap: 6px; }
.chip-set label { position: relative; display: inline-flex !important; flex-direction: row !important; align-items: center; padding: 6px 11px; border-radius: 99px; border: 1px solid var(--line-2); font-size: .82rem; font-weight: 600; color: var(--ink-2); cursor: pointer; transition: all .15s; }
.chip-set input { position: absolute; opacity: 0; pointer-events: none; }
.chip-set label:hover { border-color: var(--line-3); color: var(--strong); }
.chip-set label:has(input:checked) { background: rgba(242,194,48,.14); border-color: rgba(242,194,48,.6); color: var(--strong); }
.chip-set label:has(input:focus-visible) { outline: 2px solid var(--gold); }
/* saha mevki seçici */
.pitch-pick { position: relative; aspect-ratio: 68 / 88; width: 100%; border-radius: 14px; overflow: hidden; border: 1px solid rgba(var(--fg),.1);
  background: repeating-linear-gradient(180deg, rgba(var(--fg),.035) 0 11%, transparent 11% 22%), linear-gradient(180deg, #16553d, #0e3a2a); }
.pitch-pick svg.lines { position: absolute; inset: 0; width: 100%; height: 100%; fill: none; stroke: rgba(var(--fg),.22); stroke-width: .6; }
.pitch-pick label { position: absolute; transform: translate(-50%, -50%); display: grid !important; place-items: center; width: 40px; height: 28px; border-radius: 8px; cursor: pointer;
  background: var(--sunk); border: 1px solid rgba(var(--fg),.25); font: 800 .7rem var(--f-body) !important; color: var(--strong) !important; letter-spacing: .04em; transition: all .15s; }
.pitch-pick label:hover { background: rgba(242,194,48,.25); border-color: var(--accent-text); }
.pitch-pick label:has(input:checked) { background: var(--gold); border-color: var(--accent-text); color: var(--gold-ink) !important; box-shadow: 0 0 20px rgba(242,194,48,.7); }
.pitch-pick input { position: absolute; opacity: 0; pointer-events: none; }
.pp-GK { left: 50%; top: 92%; } .pp-CB { left: 50%; top: 76%; } .pp-LB { left: 16%; top: 70%; } .pp-RB { left: 84%; top: 70%; }
.pp-DM { left: 50%; top: 60%; } .pp-CM { left: 50%; top: 46%; } .pp-AM { left: 50%; top: 31%; } .pp-LW { left: 17%; top: 24%; } .pp-RW { left: 83%; top: 24%; } .pp-ST { left: 50%; top: 13%; }
.pp-all { left: 50% !important; top: 4.5% !important; width: auto !important; padding: 0 9px; height: 22px !important; font-size: .64rem !important; }
.results-bar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 14px; }
.results-bar .count { font: 800 1.5rem var(--f-disp); color: var(--strong); } .results-bar .count small { font: 500 .9rem var(--f-body); color: var(--muted); }
.results-tools { display: flex; gap: 8px; align-items: center; }
.results-tools select { width: auto; padding-block: 8px; }
.active-filters { display: flex; flex-wrap: wrap; gap: 6px; margin: -4px 0 16px; }
.filters-toggle { display: none; }
.tabs { display: flex; gap: 4px; padding: 4px; margin: 28px 0 16px; overflow-x: auto; background: var(--sunk); border: 1px solid var(--line); border-radius: 14px; width: fit-content; max-width: 100%; }
.tabs a { padding: 9px 15px; text-decoration: none; font-weight: 700; font-size: .92rem; color: var(--muted); border-radius: 10px; white-space: nowrap; }
.tabs a:hover { color: var(--strong); }
.tabs a[aria-current] { color: var(--strong); background: var(--elev); box-shadow: inset 0 0 0 1px var(--line-2); }
.chips { display: flex; flex-wrap: wrap; gap: 6px; margin: 12px 0 18px; }
.chips a { padding: 6px 12px; border-radius: 99px; border: 1px solid var(--line-2); text-decoration: none; font-size: .85rem; font-weight: 600; color: var(--ink-2); }
.chips a:hover { color: var(--strong); border-color: var(--line-3); }
.chips a[aria-current] { background: rgba(242,194,48,.14); border-color: rgba(242,194,48,.6); color: var(--strong); }
.chips-attr a { font-size: .8rem; }
.pagination { display: flex; align-items: center; justify-content: center; gap: 14px; margin: 28px 0; }

/* ---------- Oyuncu profili ---------- */
.player-hero { position: relative; padding: 34px 0 40px; overflow: hidden; border-bottom: 1px solid var(--line); }
.player-hero::before { content: ""; position: absolute; inset: 0; z-index: -1; background: url("../img/pitch.svg") center / cover no-repeat; opacity: .45; mask-image: linear-gradient(180deg, #000, transparent); }
.player-hero::after { content: ""; position: absolute; z-index: -1; width: 640px; height: 640px; top: -320px; inset-inline-end: -120px; border-radius: 50%; background: radial-gradient(circle, rgba(242,194,48,.14), transparent 65%); }
.ph-main { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 34px; align-items: center; }
.ph-photo { position: relative; }
.ph-photo::before { content: ""; position: absolute; inset: -10px; border-radius: 50%; background: conic-gradient(from 210deg, var(--gold), transparent 30%, var(--green) 60%, transparent 85%, var(--gold)); opacity: .6; filter: blur(.5px); z-index: -1; }
.ph-photo .avatar-svg, .ph-photo .avatar-img { box-shadow: 0 0 0 6px var(--bg); }
.ph-id h1 { margin-bottom: .12em; font-size: clamp(2.4rem, 5vw, 4.2rem); }
.ph-club { font-size: 1.1rem; font-weight: 600; margin: 0 0 16px; color: var(--ink-2); display: flex; flex-wrap: wrap; align-items: center; gap: 8px; } .ph-club a { text-decoration: none; color: var(--strong); }
.tier-chip { display: inline-block; padding: 3px 9px; border-radius: 99px; font-size: .74rem; font-weight: 700; background: rgba(242,194,48,.12); color: var(--accent-text-2); box-shadow: inset 0 0 0 1px rgba(242,194,48,.3); }
.ph-facts { display: flex; flex-wrap: wrap; gap: 10px; list-style: none; padding: 0; margin: 0; }
.ph-facts li { padding: 9px 14px; border-radius: 12px; background: rgba(var(--fg),.04); border: 1px solid var(--line); }
.ph-facts span { display: block; font-size: .7rem; letter-spacing: .1em; text-transform: uppercase; color: var(--muted); } .ph-facts b { font-size: 1.02rem; color: var(--strong); } .ph-facts a { text-decoration: none; }
.ph-scores { display: flex; gap: 26px; align-items: center; }
.pw-circle { position: relative; width: 186px; height: 186px; border-radius: 50%; display: grid; place-content: center; text-align: center;
  background: radial-gradient(circle at 50% 35%, rgba(var(--fg),.08), rgba(0,0,0,.35) 70%); box-shadow: inset 0 0 0 2px rgba(var(--fg),.12), 0 30px 60px -20px rgba(0,0,0,.8); }
.pw-circle::before { content: ""; position: absolute; inset: -6px; border-radius: 50%; padding: 4px; background: conic-gradient(var(--green), var(--gold), var(--green)); -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask-composite: exclude; opacity: .75; }
.pw-circle.is-elite::before { background: conic-gradient(var(--gold-2), var(--gold), #c9971a, var(--gold-2)); opacity: 1; filter: drop-shadow(0 0 14px rgba(242,194,48,.6)); }
.pw-circle b { font: 900 5rem/0.86 var(--f-disp); color: var(--strong); }
.pw-circle.is-elite b { color: var(--accent-text); text-shadow: 0 0 30px rgba(242,194,48,.45); }
.pw-circle span { font-size: .78rem; letter-spacing: .1em; text-transform: uppercase; color: var(--muted); margin-top: 6px; }
.ph-side { display: flex; flex-direction: column; gap: 14px; min-width: 210px; padding: 18px 20px; border-radius: 18px; background: rgba(var(--fg),.035); border: 1px solid var(--line); }
.ph-side > div > span:first-child { display: block; font-size: .7rem; letter-spacing: .1em; text-transform: uppercase; color: var(--muted); margin-bottom: 3px; }
.ph-side .pw-lg { background: transparent !important; color: var(--violet-text) !important; box-shadow: none; padding: 0; height: auto; font-size: 2.4rem; justify-content: start; }
.ph-value b { font: 800 1.5rem var(--f-disp); color: var(--strong); } .ph-value .val-pot { color: var(--violet-text); }
.ph-team b { font: 900 1.9rem var(--f-disp); color: var(--accent-text); } .ph-team small { font-size: .8rem; } .eff { display: block; color: var(--muted); } .eff.up { color: var(--pos-text); } .eff.down { color: var(--red); }
.ring { position: relative; display: inline-grid; place-items: center; }
.ring svg { display: block; } .ring b { position: absolute; font: 900 1.7rem var(--f-disp); }
.ring-track { fill: none; stroke: rgba(var(--fg),.08); stroke-width: 9; } .ring-bar { fill: none; stroke-width: 9; stroke-linecap: round; stroke: var(--t-base); }
.ring-elite .ring-bar { stroke: var(--t-elite); } .ring-high .ring-bar { stroke: var(--t-high); } .ring-mid .ring-bar { stroke: var(--t-mid); }
.notice { padding: 14px 16px; border-radius: 12px; background: rgba(242,194,48,.08); border: 1px solid rgba(242,194,48,.3); color: var(--accent-text-2); margin: 18px 0; }
.notice-ok { background: rgba(47,210,126,.09); border-color: rgba(47,210,126,.35); color: var(--pos-text-2); } .notice-err { background: rgba(255,91,79,.09); border-color: rgba(255,91,79,.38); color: var(--neg-text); } .notice ul { margin: 0; padding-inline-start: 18px; }
.player-grid { display: grid; grid-template-columns: minmax(0, 1fr) 330px; gap: 26px; align-items: start; margin-bottom: 70px; }
.player-main .block, .player-side { margin: 26px 0; }
.player-main .block { padding: 24px; }
.player-main .block h2 { font-size: 1.7rem; }
.completeness { display: inline-flex; align-items: center; gap: 8px; font-size: .84rem; color: var(--muted); } .completeness b { color: var(--strong); }
.meter { display: inline-block; width: 90px; height: 6px; border-radius: 99px; background: rgba(var(--fg),.08); overflow: hidden; } .meter i { display: block; height: 100%; background: linear-gradient(90deg, var(--gold), var(--green)); }
.abilities { display: grid; grid-template-columns: minmax(0, 310px) minmax(0, 1fr); gap: 24px; align-items: start; }
.radar { width: 100%; } .radar-grid { fill: none; stroke: rgba(var(--fg),.08); } .radar-axis { stroke: rgba(var(--fg),.07); } .radar-label { font: 700 13px var(--f-body); fill: var(--ink-2); }
.radar-val { fill: var(--gold); font-weight: 800; } .radar-shape { fill: rgba(242,194,48,.18); stroke: var(--gold); stroke-width: 2.5; filter: drop-shadow(0 0 10px rgba(242,194,48,.35)); } .radar-dot { fill: #fff; stroke: var(--gold); stroke-width: 2; }
.attr-groups { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px 26px; }
.attr-group h3 { display: flex; align-items: center; justify-content: space-between; padding-bottom: 8px; margin-bottom: 8px; border-bottom: 1px solid var(--line-2); font-size: 1.2rem; }
.attr-group ul { list-style: none; margin: 0; padding: 0; }
.attr-group li { display: grid; grid-template-columns: minmax(0, 1fr) 74px 30px 34px; gap: 8px; align-items: center; padding: 5px 0; font-size: .9rem; color: var(--ink-2); }
.attr-n { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.bar-none { background: repeating-linear-gradient(90deg, rgba(var(--fg),.1) 0 3px, transparent 3px 7px) !important; }
.bar { display: block; height: 6px; border-radius: 99px; background: rgba(var(--fg),.07); overflow: hidden; } .bar i { display: block; height: 100%; border-radius: 99px; background: var(--t-base); }
.bar i.t-elite { background: linear-gradient(90deg, #c9971a, var(--gold-2)); box-shadow: 0 0 10px rgba(242,194,48,.6); } .bar i.t-high { background: linear-gradient(90deg, #1a9c5a, var(--green)); } .bar i.t-mid { background: linear-gradient(90deg, #3366c9, var(--blue)); } .bar i.t-low { background: var(--t-low); }
.bar-v { text-align: end; font: 900 1.12rem var(--f-disp); color: var(--strong); }
.src { display: flex; gap: 2px; grid-column: 4; grid-row: 1; justify-content: flex-end; } .attr-group li .bar-v { grid-column: 3; }
.src i, .method i[class^="src-"] { font-style: normal; font: 700 .62rem/1 var(--f-body); width: 15px; height: 15px; border-radius: 4px; display: inline-grid; place-items: center; color: var(--strong); }
.src-stat { background: var(--blue); } .src-measure { background: var(--red); } .src-scout { background: var(--orange); } .src-editor { background: var(--pitch-3); }
.legend { margin: 16px 0 0; }
.w0{width:0}.w5{width:5%}.w10{width:10%}.w15{width:15%}.w20{width:20%}.w25{width:25%}.w30{width:30%}.w35{width:35%}.w40{width:40%}.w45{width:45%}.w50{width:50%}
.w55{width:55%}.w60{width:60%}.w65{width:65%}.w70{width:70%}.w75{width:75%}.w80{width:80%}.w85{width:85%}.w90{width:90%}.w95{width:95%}.w100{width:100%}
.chart { width: 100%; } .chart-grid { stroke: rgba(var(--fg),.07); } .chart-label { font: 600 11px var(--f-body); fill: var(--muted); } .chart-line { stroke: var(--gold); stroke-width: 3; filter: drop-shadow(0 0 8px rgba(242,194,48,.5)); } .chart-dot { fill: #fff; stroke: var(--gold); stroke-width: 2; }
.chart-area { fill: rgba(242,194,48,.08); }
.form-chip { font: 700 .78rem var(--f-body); padding: 4px 10px; border-radius: 99px; background: rgba(47,210,126,.12); color: var(--pos-text-2); vertical-align: 6px; }
.rt { padding: 3px 8px; border-radius: 6px; font-weight: 800; } .rt-hi { background: rgba(47,210,126,.15); color: var(--pos-text-2); } .rt-md { background: rgba(var(--fg),.07); } .rt-lo { background: rgba(255,91,79,.15); color: var(--neg-text); }
.side-box { padding: 18px 20px; margin-bottom: 16px; }
.side-box h3 { margin-bottom: 12px; font-size: 1.25rem; }
.kv { list-style: none; margin: 0; padding: 0; } .kv li { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 2px 10px; padding: 9px 0; border-bottom: 1px solid var(--line); font-size: .92rem; }
.kv li:last-child { border: 0; } .kv small { width: 100%; } .kv b { color: var(--strong); }
.mini-list { list-style: none; margin: 0; padding: 0; } .mini-list a { display: flex; gap: 11px; align-items: center; padding: 9px 6px; text-decoration: none; border-bottom: 1px solid var(--line); border-radius: 8px; }
.mini-list a:hover { background: rgba(var(--fg),.03); }
.mini-list li:last-child a { border: 0; } .mini-list b { display: block; font-size: .95rem; color: var(--strong); } .mini-list small { display: block; font-size: .8rem; }
.club-dot { flex: none; width: 36px; height: 36px; border-radius: 50%; display: grid; place-items: center; font: 900 .8rem var(--f-disp); color: var(--strong); background: var(--pitch); box-shadow: 0 0 0 2px rgba(var(--fg),.1); }
.club-dot.c-0,.club-dot.c-8{background:#c8102e}.club-dot.c-1,.club-dot.c-9{background:#003da5}.club-dot.c-2,.club-dot.c-a{background:#00843d}.club-dot.c-3,.club-dot.c-b{background:#5b2c83}
.club-dot.c-4,.club-dot.c-c{background:#e35205}.club-dot.c-5,.club-dot.c-d{background:#00a3e0}.club-dot.c-6,.club-dot.c-e{background:#33463c}.club-dot.c-7,.club-dot.c-f{background:#8a1538}
.review-line { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 12px; padding: 12px 0; border-bottom: 1px solid var(--line); text-decoration: none; }
.review-line b { color: var(--strong); } .review-line small { width: 100%; } .verdict-s { font: 900 1.05rem var(--f-disp); background: var(--gold); color: var(--gold-ink); padding: 3px 9px; border-radius: 6px; }
.scout-note { margin: 0 0 12px; padding: 14px 18px; border-inline-start: 3px solid var(--gold); background: rgba(var(--fg),.03); border-radius: 0 12px 12px 0; } .scout-note p { margin: 0 0 6px; }
[dir="rtl"] .scout-note { border-radius: 12px 0 0 12px; }
.disclaimer { padding: 0 4px; }
.player-summary { margin: 26px 0 -6px; font-size: 1.08rem; color: var(--ink-2); max-width: 82ch; padding-inline-start: 16px; border-inline-start: 3px solid rgba(242,194,48,.5); }
.faq-mini { margin-top: 10px; }

/* ---------- Diğer sayfalar ---------- */
.country-grid { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 10px; }
.country-grid a { display: grid; grid-template-columns: 1fr auto; gap: 0 10px; align-items: center; padding: 13px 16px; border-radius: 14px; background: var(--card); border: 1px solid var(--line); text-decoration: none; transition: border-color .15s, transform .15s; }
.country-grid a:hover { border-color: rgba(242,194,48,.4); transform: translateY(-2px); }
.country-grid b { color: var(--strong); } .country-grid small { grid-column: 1; color: var(--muted); } .country-grid .pw { grid-row: 1 / 3; grid-column: 2; }
.league-list { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 10px; }
.league-list a { display: flex; align-items: center; gap: 10px; padding: 13px 16px; border-radius: 14px; background: var(--card); border: 1px solid var(--line); text-decoration: none; transition: border-color .15s; }
.league-list a:hover { border-color: rgba(242,194,48,.4); }
.league-list small { margin-inline-start: auto; color: var(--muted); }
.stat-strip { list-style: none; padding: 0; margin: 28px 0 20px; display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 12px; }
.stat-strip li { padding: 18px 20px; border-radius: 16px; background: var(--card); border: 1px solid var(--line); } .stat-strip span { display: block; font-size: .74rem; letter-spacing: .1em; text-transform: uppercase; color: var(--muted); }
.stat-strip b { font: 900 2.1rem var(--f-disp); color: var(--strong); }
.compare-form { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)) auto; gap: 12px; align-items: end; margin: 28px 0; padding: 18px; }
.cmp-pick { display: flex; flex-direction: column; gap: 6px; font-size: .84rem; font-weight: 600; }
.cmp-radar { max-width: 580px; margin: 0 auto 20px; } .radar-compare .cmp-a { fill: rgba(47,210,126,.2); stroke: var(--green); stroke-width: 2.5; } .radar-compare .cmp-b { fill: rgba(242,194,48,.2); stroke: var(--gold); stroke-width: 2.5; } .radar-compare .cmp-c { fill: rgba(91,156,255,.18); stroke: var(--blue); stroke-width: 2.5; }
.cmp-legend { display: flex; justify-content: center; gap: 18px; font-weight: 700; } .lg-a::before, .lg-b::before, .lg-c::before { content: ""; display: inline-block; width: 12px; height: 12px; border-radius: 3px; margin-inline-end: 6px; background: var(--green); } .lg-b::before { background: var(--gold); } .lg-c::before { background: var(--blue); }
.cmp-table td.best { font-weight: 800; color: var(--pos-text-2); background: rgba(47,210,126,.08); }
.prose { font-size: 1.08rem; line-height: 1.78; margin-top: 34px; margin-bottom: 70px; max-width: 74ch; color: var(--ink-2); }
.prose h2 { margin-top: 1.7em; font-size: 2rem; } .prose h3 { margin-top: 1.4em; } .prose img { border-radius: 14px; } .prose a { color: var(--accent-text-2); }
.prose strong, .prose b { color: var(--strong); } .prose ul, .prose ol { padding-inline-start: 22px; } .prose li { margin: 6px 0; }
.prose blockquote { margin: 24px 0; padding: 16px 20px; border-inline-start: 3px solid var(--gold); background: rgba(var(--fg),.03); border-radius: 0 12px 12px 0; color: var(--ink); }
.prose table { margin: 10px 0 20px; width: 100%; border-collapse: collapse; font-size: .95rem; } .prose th, .prose td { border-bottom: 1px solid var(--line); padding: 9px 10px; text-align: start; } .prose th { color: var(--muted); font-size: .78rem; letter-spacing: .08em; text-transform: uppercase; }
.formula { background: var(--sunk); border: 1px solid var(--line-2); color: #e6f3ec; padding: 16px 20px; border-radius: 12px; overflow-x: auto; font: 600 .92rem/1.6 ui-monospace, Menlo, Consolas, monospace; }
.method .stable { background: var(--card); border: 1px solid var(--line); border-radius: 12px; overflow: hidden; }
.article-wrap { margin-top: 28px; } .byline { margin: 10px 0 0; color: var(--muted); }
.review-card { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 14px; padding: 18px 20px; border-inline-start: 4px solid var(--gold); }
.rc-scores { display: flex; align-items: center; gap: 16px; font-weight: 700; } .verdict-big { font: 900 2.8rem/1 var(--f-disp); color: var(--accent-text); } .verdict-big small { font-size: 1rem; color: var(--muted); }
.sw-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-bottom: 56px; } .sw { padding: 18px 20px; }
.sw-plus { border-top: 3px solid var(--green); } .sw-minus { border-top: 3px solid var(--red); } .sw ul { margin: 0; padding-inline-start: 18px; }
.author-box { display: flex; gap: 16px; align-items: flex-start; padding: 20px; margin: 0 0 56px; }
.author-box .avatar-svg, .author-box .avatar-img { width: 64px; height: 64px; }
.author-box p { margin: 4px 0 0; color: var(--ink-2); }

/* ---------- Formlar (başvuru, iletişim, veri talebi) ---------- */
.form { display: flex; flex-direction: column; gap: 16px; margin: 30px 0 70px; }
.form fieldset { padding: 22px 24px 24px; display: flex; flex-direction: column; gap: 16px; margin: 0; min-width: 0; }
.form legend { float: left; width: 100%; padding: 0; margin-bottom: 4px; font: 800 1.5rem var(--f-disp); color: var(--strong); display: flex; align-items: center; gap: 12px; }
.form legend + * { clear: both; }
.form legend .step-n { display: inline-grid; place-items: center; width: 30px; height: 30px; border-radius: 9px; background: rgba(242,194,48,.14); color: var(--accent-text); font-size: 1rem; box-shadow: inset 0 0 0 1px rgba(242,194,48,.35); }
.form label:not(.switch):not(.role-card):not(.radio) { display: flex; flex-direction: column; gap: 6px; }
.grid2 { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; } .grid3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.radio-row { display: flex; flex-wrap: wrap; gap: 8px; }
.radio { display: flex !important; flex-direction: row !important; align-items: center; gap: 8px; padding: 9px 13px; border: 1px solid var(--line-2); border-radius: 10px; font-weight: 600; cursor: pointer; }
.radio:has(input:checked) { border-color: rgba(242,194,48,.6); background: rgba(242,194,48,.08); }
.form .check { display: flex !important; flex-direction: row !important; align-items: flex-start; gap: 10px !important; font-weight: 500; font-size: .93rem; color: var(--ink-2); }
.guardian { padding: 16px; border-radius: 14px; background: rgba(242,194,48,.04); border: 1px dashed rgba(242,194,48,.3); display: flex; flex-direction: column; gap: 12px; } .guardian .notice { margin: 0; }
.role-cards { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
.role-card { position: relative; display: flex !important; flex-direction: column; gap: 8px; padding: 16px; border-radius: 14px; border: 1px solid var(--line-2); background: var(--sunk); cursor: pointer; transition: all .15s; }
.role-card input { position: absolute; opacity: 0; pointer-events: none; }
.role-card svg { width: 28px; height: 28px; fill: none; stroke: var(--muted); stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; transition: stroke .15s; }
.role-card b { color: var(--strong); font-size: 1rem; } .role-card small { color: var(--muted); font-weight: 500; font-size: .8rem; line-height: 1.35; }
.role-card:hover { border-color: var(--line-3); }
.role-card:has(input:checked) { border-color: var(--accent-text); background: rgba(242,194,48,.08); box-shadow: 0 0 0 3px rgba(242,194,48,.12); }
.role-card:has(input:checked) svg { stroke: var(--gold); }
.role-card:has(input:focus-visible) { outline: 2px solid var(--gold); }
.dropzone { position: relative; display: flex !important; flex-direction: column; align-items: center; justify-content: center; gap: 8px; padding: 26px; border-radius: 14px; border: 1.5px dashed var(--line-3); background: var(--sunk); text-align: center; cursor: pointer; transition: all .15s; }
.dropzone:hover, .dropzone.drag { border-color: var(--accent-text); background: rgba(242,194,48,.06); }
.dropzone input[type=file] { position: absolute; inset: 0; opacity: 0; cursor: pointer; }
.dropzone svg { width: 34px; height: 34px; fill: none; stroke: var(--gold); stroke-width: 1.6; }
.dropzone img { max-height: 140px; border-radius: 10px; }
.wizard-steps { display: none; gap: 6px; margin: 30px 0 -10px; counter-reset: ws; }
.js .wizard-steps { display: flex; }
.wizard-steps li { flex: 1; list-style: none; counter-increment: ws; display: flex; flex-direction: column; gap: 8px; font-size: .8rem; font-weight: 700; color: var(--muted); }
.wizard-steps li::before { content: ""; height: 4px; border-radius: 4px; background: rgba(var(--fg),.1); }
.wizard-steps li.done::before, .wizard-steps li.cur::before { background: linear-gradient(90deg, var(--gold), var(--green)); }
.wizard-steps li.cur { color: var(--strong); }
.wizard-steps li span::before { content: counter(ws) ". "; }
.js .form-wizard fieldset[data-step]:not(.cur) { display: none; }
.wizard-nav { display: none; justify-content: space-between; gap: 10px; }
.js .wizard-nav { display: flex; }
.js .form-wizard .submit-row { display: none; }
.js .form-wizard.last .submit-row { display: flex; }
.js .form-wizard.last .wizard-next { display: none; }
.submit-row { display: flex; flex-direction: column; gap: 10px; }
.field-err { border-color: var(--red) !important; box-shadow: 0 0 0 4px rgba(255,91,79,.14) !important; }
.form-aside { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: 26px; align-items: start; }
.trust-list { list-style: none; padding: 0; margin: 0; display: grid; gap: 14px; }
.trust-list li { display: grid; grid-template-columns: 34px 1fr; gap: 12px; font-size: .92rem; color: var(--ink-2); }
.trust-list li svg { width: 34px; height: 34px; padding: 7px; border-radius: 10px; background: rgba(47,210,126,.1); stroke: var(--green); fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.trust-list b { display: block; color: var(--strong); }

/* ---------- Takım analizi, saha, karşılaştırma, simülasyon ---------- */
.pitch { position: relative; aspect-ratio: 68 / 100; width: 100%; border-radius: 20px; overflow: hidden; border: 1px solid rgba(var(--fg),.1);
  background: repeating-linear-gradient(180deg, rgba(var(--fg),.03) 0 10%, transparent 10% 20%), radial-gradient(ellipse at 50% 50%, #1a6248, #0e3a2a 75%); box-shadow: var(--shadow); }
.pitch > svg.lines { position: absolute; inset: 0; width: 100%; height: 100%; fill: none; stroke: rgba(var(--fg),.22); stroke-width: .5; }
.pitch-wide { aspect-ratio: 100 / 68; }
.slot { position: absolute; transform: translate(-50%, -50%); display: flex; flex-direction: column; align-items: center; gap: 3px; width: 92px; text-align: center; text-decoration: none; color: var(--strong); z-index: 2; transition: transform .2s; }
.slot:hover { transform: translate(-50%, -52%); color: var(--strong); }
.slot .s-pw { display: grid; place-items: center; width: 46px; height: 46px; border-radius: 50%; font: 900 1.35rem/1 var(--f-disp); background: rgba(0,0,0,.55); box-shadow: inset 0 0 0 2px rgba(var(--fg),.35), 0 8px 18px -6px rgba(0,0,0,.8); backdrop-filter: blur(4px); }
.slot .s-pw.pw-elite { background: linear-gradient(160deg, #ffe48a, var(--gold)); color: var(--gold-ink); box-shadow: 0 0 22px rgba(242,194,48,.6); }
.slot .s-pw.pw-high { box-shadow: inset 0 0 0 2px var(--green), 0 8px 18px -6px rgba(0,0,0,.8); color: var(--pos-text-2); }
.slot .s-pw.pw-mid { box-shadow: inset 0 0 0 2px var(--blue), 0 8px 18px -6px rgba(0,0,0,.8); }
.slot .s-name { max-width: 100%; padding: 2px 7px; border-radius: 6px; background: rgba(0,0,0,.6); font: 700 .74rem/1.25 var(--f-body); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.slot .s-pos { font: 800 .6rem var(--f-body); letter-spacing: .08em; color: var(--accent-text-2); }
.slot.empty .s-pw { background: rgba(255,91,79,.2); box-shadow: inset 0 0 0 2px dashed rgba(255,91,79,.6); }
.slot.is-new .s-pw { box-shadow: 0 0 0 3px var(--green), 0 0 26px rgba(47,210,126,.8); }
.slot.drop-hover .s-pw { box-shadow: 0 0 0 3px var(--gold), 0 0 26px rgba(242,194,48,.8); transform: scale(1.12); }
.slot.misfit .s-pos { color: var(--neg-text); }
.team-head { display: flex; align-items: center; gap: 18px; }
.team-crest { flex: none; width: 74px; height: 74px; border-radius: 22px; display: grid; place-items: center; font: 900 1.6rem var(--f-disp); color: var(--strong); background: linear-gradient(160deg, var(--pitch-3), var(--pitch-2)); box-shadow: inset 0 0 0 2px rgba(var(--fg),.12), 0 14px 30px -12px rgba(0,0,0,.8); }
.team-crest.nat { background: linear-gradient(160deg, #233046, #121a28); }
.team-layout { display: grid; grid-template-columns: minmax(0, 420px) minmax(0, 1fr); gap: 26px; align-items: start; margin: 30px 0 60px; }
.kpi-row { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 12px; margin: 26px 0; }
.kpi { padding: 16px 18px; border-radius: 16px; background: var(--card); border: 1px solid var(--line); }
.kpi span { display: block; font-size: .7rem; letter-spacing: .1em; text-transform: uppercase; color: var(--muted); }
.kpi b { display: block; font: 900 2.1rem/1.05 var(--f-disp); color: var(--strong); margin-top: 4px; }
.kpi small { color: var(--muted); }
.kpi.k-gold b { color: var(--accent-text); } .kpi.k-green b { color: var(--pos-text); }
.dims { display: grid; gap: 9px; }
.dim { display: grid; grid-template-columns: 150px minmax(0, 1fr) 40px; gap: 12px; align-items: center; font-size: .9rem; color: var(--ink-2); }
.dim .bar { height: 8px; } .dim b { text-align: end; font: 900 1.12rem var(--f-disp); color: var(--strong); }
.dim.strong span { color: var(--pos-text-2); font-weight: 700; } .dim.weak span { color: var(--neg-text); font-weight: 700; }
.sw-tags { display: flex; flex-wrap: wrap; gap: 8px; }
.tag-plus, .tag-minus { display: inline-flex; align-items: center; gap: 6px; padding: 6px 12px; border-radius: 99px; font-size: .85rem; font-weight: 700; }
.tag-plus { background: rgba(47,210,126,.12); color: var(--pos-text-2); box-shadow: inset 0 0 0 1px rgba(47,210,126,.35); }
.tag-minus { background: rgba(255,91,79,.12); color: var(--neg-text); box-shadow: inset 0 0 0 1px rgba(255,91,79,.35); }
.tag-plus::before { content: "▲"; font-size: .6rem; } .tag-minus::before { content: "▼"; font-size: .6rem; }
.vs-head { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); gap: 20px; align-items: center; }
.vs-head .team-head:last-child { flex-direction: row-reverse; text-align: end; }
.vs-badge { font: 900 2.4rem var(--f-disp); color: var(--accent-text); text-shadow: 0 0 30px rgba(242,194,48,.5); }
.balance { position: relative; display: flex; height: 14px; border-radius: 99px; overflow: hidden; background: rgba(var(--fg),.06); margin: 18px 0 8px; }
.balance .ba { background: linear-gradient(90deg, #1a9c5a, var(--green)); } .balance .bb { background: linear-gradient(90deg, var(--gold), #c9971a); }
.balance::after { content: ""; position: absolute; left: 50%; top: -3px; bottom: -3px; width: 2px; background: #fff; opacity: .6; }
.duel { display: grid; grid-template-columns: 52px minmax(0, 1fr) 150px minmax(0, 1fr) 52px; gap: 10px; align-items: center; padding: 9px 0; border-bottom: 1px solid var(--line); }
.duel:last-child { border-bottom: 0; }
.duel .dl { text-align: center; color: var(--ink-2); font-size: .84rem; font-weight: 600; }
.duel b { font: 900 1.3rem var(--f-disp); color: var(--strong); text-align: center; }
.duel b.win { color: var(--pos-text); }
.duel .side-a, .duel .side-b { height: 8px; border-radius: 99px; background: rgba(var(--fg),.06); position: relative; overflow: hidden; }
.duel .side-a i { position: absolute; inset-block: 0; right: 0; background: linear-gradient(270deg, var(--green), #1a9c5a); border-radius: 99px; }
.duel .side-b i { position: absolute; inset-block: 0; left: 0; background: linear-gradient(90deg, var(--gold), #c9971a); border-radius: 99px; }
.exploit-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.exploit { padding: 20px; border-radius: 18px; background: var(--card); border: 1px solid var(--line); }
.exploit h3 { display: flex; align-items: center; gap: 10px; font-size: 1.3rem; }
.exploit ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; }
.exploit li { display: grid; grid-template-columns: 54px 1fr; gap: 12px; align-items: start; }
.exploit li .edge { display: grid; place-items: center; height: 40px; border-radius: 11px; font: 900 1.15rem var(--f-disp); background: rgba(47,210,126,.12); color: var(--pos-text); box-shadow: inset 0 0 0 1px rgba(47,210,126,.35); }
.exploit.b li .edge { background: rgba(242,194,48,.12); color: var(--accent-text); box-shadow: inset 0 0 0 1px rgba(242,194,48,.35); }
.exploit li b { display: block; color: var(--strong); margin-bottom: 2px; } .exploit li p { margin: 0; font-size: .9rem; color: var(--muted); }
.team-picker { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) auto; gap: 12px; align-items: end; padding: 18px; border-radius: 20px; background: var(--card); border: 1px solid var(--line); margin: 26px 0; }
.ac { position: relative; }
.ac-list { position: absolute; inset-inline: 0; top: calc(100% + 6px); z-index: 40; max-height: 320px; overflow: auto; padding: 6px; border-radius: 14px; background: var(--popover); border: 1px solid var(--line-2); box-shadow: var(--shadow); display: none; }
.ac.open .ac-list { display: block; }
.ac-list a, .ac-list button { display: flex; width: 100%; align-items: center; gap: 10px; padding: 9px 10px; border-radius: 9px; border: 0; background: none; text-align: start; text-decoration: none; color: var(--ink); font: inherit; cursor: pointer; }
.ac-list a:hover, .ac-list button:hover, .ac-list .sel { background: rgba(242,194,48,.1); }
.ac-list small { color: var(--muted); display: block; font-size: .78rem; }
.sim-layout { display: grid; grid-template-columns: 320px minmax(0, 1fr) 320px; gap: 22px; align-items: start; margin: 26px 0 60px; }
.sim-pool { display: flex; flex-direction: column; gap: 8px; max-height: 620px; overflow: auto; }
.sim-card { display: flex; align-items: center; gap: 10px; padding: 9px 10px; border-radius: 12px; background: rgba(var(--fg),.03); border: 1px solid var(--line); cursor: grab; user-select: none; transition: border-color .15s, background .15s; }
.sim-card:hover { border-color: rgba(242,194,48,.45); background: rgba(242,194,48,.05); }
.sim-card.dragging { opacity: .5; }
.sim-card .grow { flex: 1; min-width: 0; } .sim-card b { display: block; color: var(--strong); font-size: .92rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .sim-card small { color: var(--muted); font-size: .76rem; }
.sim-card button { border: 0; background: rgba(var(--fg),.06); color: var(--ink); width: 30px; height: 30px; border-radius: 8px; cursor: pointer; font-weight: 800; }
.sim-card button:hover { background: var(--gold); color: var(--gold-ink); }
.delta { font: 900 1rem var(--f-disp); } .delta.up { color: var(--pos-text); } .delta.down { color: var(--red); } .delta.flat { color: var(--muted); }
.big-delta { font: 900 3.4rem/1 var(--f-disp); }
.sim-result .dim { grid-template-columns: 130px minmax(0, 1fr) 40px 46px; }
.loading { position: relative; pointer-events: none; opacity: .6; }
.formation-select { display: flex; flex-wrap: wrap; gap: 6px; }

/* ---------- Hakkımızda / kurumsal ---------- */
.about-hero { position: relative; padding: 80px 0 60px; overflow: hidden; border-bottom: 1px solid var(--line); }
.about-hero::before { content: ""; position: absolute; inset: 0; z-index: -1; background: radial-gradient(800px 400px at 80% 0%, rgba(242,194,48,.14), transparent 70%), radial-gradient(700px 400px at 0% 100%, rgba(47,210,126,.1), transparent 70%); }
.about-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.timeline { list-style: none; margin: 0; padding: 0; position: relative; }
.timeline::before { content: ""; position: absolute; inset-inline-start: 7px; top: 6px; bottom: 6px; width: 2px; background: linear-gradient(180deg, var(--gold), var(--green)); opacity: .5; }
.timeline li { position: relative; padding: 0 0 22px 34px; } [dir="rtl"] .timeline li { padding: 0 34px 22px 0; }
.timeline li::before { content: ""; position: absolute; inset-inline-start: 0; top: 5px; width: 16px; height: 16px; border-radius: 50%; background: var(--bg); border: 3px solid var(--gold); }
.timeline b { display: block; font: 900 1.3rem var(--f-disp); color: var(--accent-text); }
.legal-toc { position: sticky; top: 90px; padding: 18px; border-radius: 16px; background: var(--card); border: 1px solid var(--line); font-size: .9rem; }
.legal-toc a { display: block; padding: 6px 0; color: var(--ink-2); text-decoration: none; } .legal-toc a:hover { color: var(--accent-text-2); }
.legal-layout { display: grid; grid-template-columns: 260px minmax(0, 1fr); gap: 34px; align-items: start; }
.legal-layout .prose { margin-top: 30px; }

/* ---------- Reklam (göz yormayan) ---------- */
.ad { width: min(100% - 40px, var(--wrap)); margin: 28px auto; text-align: center; position: relative; padding: 10px; border-radius: 14px; background: rgba(var(--fg),.02); border: 1px solid var(--line); }
.ad-label { display: block; font-size: .64rem; letter-spacing: .14em; text-transform: uppercase; color: var(--dim); margin-bottom: 6px; }
.ad img { border-radius: 10px; max-height: 280px; width: auto; } .ad ins { display: block; min-height: 100px; }
.ad-native { display: flex; align-items: center; gap: 14px; text-align: start; text-decoration: none; color: var(--ink); }
.player-side .ad, .row-ad .ad { width: 100%; margin: 0 0 16px; }
.ad-sticky-safe { contain: layout; }
.consent { position: fixed; inset-inline: 16px; bottom: 16px; z-index: 95; max-width: 600px; margin-inline: auto; background: var(--popover); backdrop-filter: blur(16px); color: var(--ink-2); padding: 18px 20px; border-radius: 18px; border: 1px solid var(--line-2); box-shadow: 0 30px 70px -10px rgba(0,0,0,.85); }
.consent a { color: var(--accent-text); } .consent-actions { display: flex; justify-content: flex-end; gap: 8px; }

/* ---------- Alt bilgi ---------- */
.site-footer { position: relative; margin-top: 40px; padding: 60px 0 26px; background: linear-gradient(180deg, rgba(0,0,0,0), rgba(0,0,0,.4)); border-top: 1px solid var(--line); color: var(--ink-2); overflow: hidden; }
.site-footer::before { content: ""; position: absolute; inset: 0 0 auto; height: 1px; background: linear-gradient(90deg, transparent, rgba(242,194,48,.55), transparent); }
.footer-grid { display: grid; grid-template-columns: 1.5fr 1fr 1fr 1fr 1.2fr; gap: 30px; }
.footer-grid h4 { font: 700 .74rem var(--f-body); letter-spacing: .14em; text-transform: uppercase; color: var(--muted); margin-bottom: 14px; }
.footer-about .brand-name { color: var(--strong); margin-bottom: 10px; }
.footer-links { list-style: none; margin: 0; padding: 0; } .footer-links a { display: inline-block; padding: 5px 0; color: var(--ink-2); text-decoration: none; font-size: .93rem; } .footer-links a:hover { color: var(--accent-text-2); }
.footer-langs { list-style: none; display: flex; flex-wrap: wrap; gap: 6px; padding: 0; margin: 18px 0 0; font-size: .82rem; } .footer-langs a { display: inline-block; padding: 4px 9px; border-radius: 7px; border: 1px solid var(--line); color: var(--muted); text-decoration: none; } .footer-langs a:hover { color: var(--strong); border-color: var(--line-3); } .footer-langs [aria-current] { color: var(--accent-text); border-color: rgba(242,194,48,.45); }
.footer-bottom { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 10px; margin-top: 40px; padding-top: 20px; border-top: 1px solid var(--line); }
.made-by { color: var(--muted); text-decoration: none; display: inline-flex; align-items: center; gap: 8px; } .made-by:hover { color: var(--accent-text-2); }
.made-by b { color: var(--ink); }

/* ---------- Hareket ---------- */
@media (prefers-reduced-motion: no-preference) {
  .board li { animation: flip .5s cubic-bezier(.2,.7,.2,1) both; }
  .board li:nth-child(2) { animation-delay: .05s } .board li:nth-child(3) { animation-delay: .1s } .board li:nth-child(4) { animation-delay: .15s }
  .board li:nth-child(5) { animation-delay: .2s } .board li:nth-child(6) { animation-delay: .25s } .board li:nth-child(7) { animation-delay: .3s } .board li:nth-child(8) { animation-delay: .35s }
  @keyframes flip { from { opacity: 0; transform: perspective(600px) rotateX(-70deg); } to { opacity: 1; transform: none; } }
  .js .reveal { opacity: 0; transform: translateY(14px); transition: opacity .6s ease, transform .6s ease; }
  .js .reveal.in { opacity: 1; transform: none; }
}
@media (prefers-reduced-motion: reduce) { .dot-live, .st-dot { animation: none; } html { scroll-behavior: auto; } * { transition: none !important; animation: none !important; } }

/* ---------- Duyarlı ---------- */
@media (max-width: 1180px) {
  .main-nav { position: fixed; inset: 106px 0 auto 0; max-height: calc(100vh - 106px); overflow: auto; background: rgba(8,14,11,.98); backdrop-filter: blur(18px); border-bottom: 1px solid var(--line); padding: 10px 16px 18px; display: none; box-shadow: 0 30px 50px -20px rgba(0,0,0,.8); }
  .nav-open .main-nav { display: block; } .main-nav ul { flex-direction: column; } .main-nav a { padding: 13px 10px; font-size: 1.05rem; }
  .main-nav a[aria-current]::after { display: none; }
  .nav-drop > button { display: none; } .nav-panel { position: static; display: grid; width: auto; grid-template-columns: 1fr; padding: 0; border: 0; background: none; box-shadow: none; backdrop-filter: none; }
  .nav-toggle { display: inline-block; } .header-in { justify-content: space-between; } .cmdk-btn { width: 190px; }
  .how-steps, .feature-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .footer-grid { grid-template-columns: 1fr 1fr 1fr; }
  .ph-main { grid-template-columns: auto minmax(0, 1fr); } .ph-scores { grid-column: 1 / -1; }
  .hero-in { grid-template-columns: minmax(0, 1fr); }
  .sim-layout { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); } .sim-layout > :nth-child(2) { grid-column: 1 / -1; grid-row: 1; }
  .role-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 920px) {
  .home-grid, .two-col, .player-grid, .with-filters, .abilities, .team-layout, .exploit-grid, .form-aside, .legal-layout, .about-grid { grid-template-columns: minmax(0, 1fr); }
  .live-box, .legal-toc { position: static; }
  .filters { position: fixed; inset: 0 auto 0 0; z-index: 90; width: min(360px, 92vw); max-height: none; border-radius: 0 20px 20px 0; transform: translateX(-105%); transition: transform .25s; }
  [dir="rtl"] .filters { inset: 0 0 0 auto; border-radius: 20px 0 0 20px; transform: translateX(105%); }
  .filters-open .filters { transform: none; box-shadow: 0 0 0 100vmax rgba(0,0,0,.6); }
  .filters-toggle { display: inline-flex; }
  .compare-form, .team-picker { grid-template-columns: minmax(0, 1fr); }
  .radar-box { max-width: 360px; margin: 0 auto; }
  .vs-head { grid-template-columns: 1fr; text-align: center; } .vs-head .team-head, .vs-head .team-head:last-child { flex-direction: column; text-align: center; }
  .sim-layout { grid-template-columns: minmax(0, 1fr); }
  .duel { grid-template-columns: 42px minmax(0, 1fr) 100px minmax(0, 1fr) 42px; }
}
@media (max-width: 640px) {
  body { font-size: 15px; }
  .wrap { width: min(100% - 28px, var(--wrap)); }
  .cmdk-btn span, .cmdk-btn kbd, .header-apply { display: none; } .cmdk-btn { width: 42px; height: 42px; padding: 0; justify-content: center; } .brand-name { font-size: 1.55rem; }
  .topbar-in { gap: 8px; } .lm-cur { display: none; } .lm-code { display: inline; }
  .c-hide-s { display: none; } .ptable td, .ptable th { padding: 10px 8px; } .c-player { min-width: 0; }
  .attr-groups, .grid2, .grid3, .sw-grid, .footer-grid, .how-steps, .feature-grid, .role-cards { grid-template-columns: minmax(0, 1fr); }
  .ph-main { grid-template-columns: minmax(0, 1fr); } .ph-photo .avatar-svg, .ph-photo .avatar-img { width: 96px; height: 96px; }
  .ph-scores { flex-wrap: wrap; gap: 18px; } .ph-side { width: 100%; }
  .pw-circle { width: 150px; height: 150px; } .pw-circle b { font-size: 3.8rem; }
  .cta-apply { flex-direction: column; align-items: flex-start; padding: 28px 24px; } .badges-mini { display: none; }
  .board li a { grid-template-columns: 22px minmax(0, 1fr) 46px 52px; padding-inline: 14px; } .board .b-pos, .board .b-val { display: none; }
  .lm { grid-template-columns: 40px minmax(0, 1fr) auto minmax(0, 1fr); gap: 6px; font-size: .9rem; }
  .hero { padding: 44px 0 40px; } .hero-stats { gap: 22px; } .hero-stats div b { font-size: 1.9rem; }
  .dim { grid-template-columns: 110px minmax(0, 1fr) 34px; }
  .slot { width: 70px; } .slot .s-pw { width: 38px; height: 38px; font-size: 1.1rem; } .slot .s-name { font-size: .64rem; }
  .lm-panel ul { grid-template-columns: 1fr; }
}
@media (max-width: 1180px) and (min-width: 641px) { .c-hide-m { display: none; } }

/* ---------- Ekip, yazar, SSS ---------- */
.team-grid { list-style: none; padding: 0; margin: 30px 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 12px; }
.person { display: flex; gap: 14px; align-items: center; padding: 16px; border-radius: 16px; background: var(--card); border: 1px solid var(--line); text-decoration: none; transition: border-color .15s; }
.person:hover { border-color: rgba(242,194,48,.4); }
.person b { display: block; font: 800 1.35rem var(--f-disp); color: var(--strong); } .person small { display: block; color: var(--ink-2); } .person em { display: block; font-style: normal; color: var(--muted); font-size: .86rem; }
.author-head { display: flex; gap: 22px; align-items: center; }
.author-bio { margin-top: 26px; margin-bottom: 10px; }
.author-links a { margin-inline-end: 12px; }
.faq details { border-bottom: 1px solid var(--line); padding: 16px 0; } .faq summary { cursor: pointer; font-weight: 700; font-size: 1.05rem; list-style: none; color: var(--strong); display: flex; gap: 10px; }
.faq summary::-webkit-details-marker { display: none; } .faq summary::before { content: "+"; flex: none; display: inline-grid; place-items: center; width: 24px; height: 24px; border-radius: 7px; background: rgba(242,194,48,.12); color: var(--accent-text); font: 900 1rem var(--f-body); }
.faq details[open] summary::before { content: "–"; } .faq p { margin: 10px 0 0 34px; color: var(--ink-2); }

/* ---------- 0.4 ek bileşenler ---------- */
.step-n { display: inline-grid; place-items: center; min-width: 28px; height: 28px; padding: 0 6px; margin-inline-end: 8px; border-radius: 9px; background: rgba(242,194,48,.14); color: var(--accent-text); font: 900 .95rem var(--f-disp); box-shadow: inset 0 0 0 1px rgba(242,194,48,.35); vertical-align: middle; }
button.chip { font: 600 .86rem var(--f-body); cursor: pointer; }
.h-team { font-size: clamp(1.8rem, 3.6vw, 3rem); margin: 0; } .h-team a { text-decoration: none; color: var(--strong); }
.pitch-box { border-radius: 20px; overflow: hidden; box-shadow: var(--shadow); }
.pitch-svg { display: block; width: 100%; height: auto; }
.pitch-svg .ps-pw { font: 900 32px var(--f-disp); }
.pitch-svg .ps-name { font: 700 17px var(--f-body); fill: #fff; }
.pitch-svg .ps-pos { font: 800 14px var(--f-body); fill: var(--gold-2); letter-spacing: 1px; }
.pitch-svg a:hover circle { stroke: #fff; }
.match-pct { font: 900 1.15rem var(--f-disp); color: var(--pos-text); }
.stat-big { font: 900 1.4rem var(--f-disp); color: var(--accent-text); }
.sim-empty { position: absolute; inset: 0; display: grid; place-items: center; padding: 30px; text-align: center; color: var(--ink-2); font-weight: 600; z-index: 3; }
.prose-lite { max-width: 80ch; color: var(--ink-2); }
.sim-layout h3 { font-size: 1.15rem; display: flex; align-items: center; }
.sim-layout .card { padding: 18px; }
.team-picker .chip-set { align-self: center; }
.feature small { font-size: .78rem; letter-spacing: .06em; text-transform: uppercase; }
.page-head .vs-head { margin-top: 6px; }
.page-head .team-head p { margin: 4px 0 0; }
.results .table-wrap { border-radius: 18px; }
.filters .seg { width: 100%; } .filters .seg label { flex: 1; justify-content: center; }
.kpi .delta { display: inline-block; margin-top: 4px; }
.sim-result .kpi-row { grid-template-columns: 1fr 1fr; margin-top: 0; }
.sim-result .kpi b { font-size: 1.7rem; }
.nav-drop { list-style: none; }
.heat { width: 100%; border-collapse: collapse; font-size: .85rem; } .heat th, .heat td { padding: 7px 8px; text-align: center; border-bottom: 1px solid var(--line); } .heat td:first-child { text-align: start; color: var(--ink-2); white-space: nowrap; }
.heat .h1 { background: rgba(242,194,48,.08); } .heat .h2 { background: rgba(242,194,48,.16); } .heat .h3 { background: rgba(242,194,48,.26); color: var(--strong); } .heat .h4 { background: rgba(242,194,48,.4); color: var(--strong); font-weight: 700; } .heat .h5 { background: rgba(242,194,48,.6); color: var(--gold-ink); font-weight: 800; }
.pipeline { grid-template-columns: repeat(6, minmax(0, 1fr)); }
.pipeline li { position: relative; } .pipeline b { font-size: 1.1rem; } .pipeline span { font-size: .84rem; }
@media (max-width: 1180px) { .pipeline { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 640px) { .pipeline { grid-template-columns: 1fr; } }
.method .prose { margin-top: 0; max-width: none; }
.method .prose table .bar { display: inline-block; width: 80px; vertical-align: middle; margin-inline-end: 6px; }
.timeline span.muted { margin-inline-start: 8px; font-size: .85rem; }
.ph-id h1, .h-team, .pcard-name { text-transform: none; }
[hidden] { display: none !important; }
.sim-result .dim { grid-template-columns: minmax(0, 1fr) 70px 30px 34px; gap: 8px; font-size: .84rem; }
.sim-result .dim span:first-child { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.side-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin: 10px 0; }

/* ===== Kurumsal açık tema: koyu bantların zeminleri ve istisnalar ===== */
.topbar { background: #06140f; border-bottom-color: rgba(255,255,255,.07); }
.site-header { background: rgba(8,31,23,.94); border-bottom-color: rgba(255,255,255,.08); box-shadow: 0 10px 30px -18px rgba(0,0,0,.5); }
.page-head, .hero, .player-hero, .about-hero {
  background: radial-gradient(900px 420px at 88% -10%, rgba(242,194,48,.16), transparent 60%), radial-gradient(800px 400px at 0% 110%, rgba(47,210,126,.12), transparent 60%), linear-gradient(180deg, #0c2a1f 0%, #0a2119 100%);
  color: var(--ink); }
.page-head::before, .hero::before, .player-hero::before { z-index: 0; }
.page-head > .wrap, .hero > .wrap, .player-hero > .wrap, .about-hero > .wrap { position: relative; z-index: 1; }
.hero::after, .player-hero::after { z-index: 0; }
.site-footer { background: linear-gradient(180deg, #0b2219, #071812); margin-top: 60px; }
.pw { color: #fff; } .pw-elite { color: var(--gold-ink); } .pw-high { color: #fff; background: linear-gradient(160deg, #31c97c, #17985a); }
.pw-low { background: #d5ddd8; color: #3d5047; } .pw-base { background: #7d8d85; }
.pw-none { background: rgba(var(--fg),.07); color: var(--muted); }
.src i, .method i[class^="src-"], .club-dot, .pos-chip-w { color: #fff; }
input:is([type=text], [type=search], [type=number], [type=email], [type=tel], [type=date], [type=url], [type=password], :not([type])), select, textarea { background-color: var(--input-bg); }
.btn { background: var(--card); box-shadow: var(--shadow-sm); }
.dark .btn, .page-head .btn, .hero .btn, .player-hero .btn, .cta-apply .btn, .about-hero .btn, .site-footer .btn { background: rgba(255,255,255,.06); box-shadow: none; }
.btn-brand, .dark .btn-brand, .page-head .btn-brand, .hero .btn-brand, .cta-apply .btn-brand, .site-footer .btn-brand { background: linear-gradient(180deg, var(--gold-2), var(--gold)); color: var(--gold-ink); }
.card, .side-box, .table-wrap, .player-main .block, .live-box, .sw, .author-box, .review-card, .form fieldset, .compare-form, .feature, .how-steps li, .kpi, .stat-strip li, .acard, .pcard, .country-grid a, .league-list a, .person, .exploit, .team-picker, .filters, .legal-toc {
  box-shadow: var(--shadow-sm); }
.page-head .kpi, .hero .kpi, .about-hero .kpi { box-shadow: none; }
.ptable th, .stable th { border-bottom-color: var(--line-2); }
.ptable tbody tr:hover { background: rgba(242,194,48,.07); }
.ptable tbody tr:hover .pl b { color: var(--accent-text); }
.c-rank { color: var(--dim); }
.pcard-top .pw.pw-high { color: #4fe39a !important; }
.pcard-meta b, .pcard-name { color: var(--strong); }
.band-gems { background: linear-gradient(180deg, #e8f1eb, #f3f5f2); }
.band-gems::before { opacity: 0; }
.chip, .hero-chips a { background: var(--card); }
.hero .hero-chips a, .page-head .chip { background: rgba(255,255,255,.05); }
.chip[aria-current], .chip.on { background: rgba(242,194,48,.18); border-color: rgba(200,150,0,.55); color: var(--strong); }
.tabs a[aria-current] { box-shadow: inset 0 0 0 1px var(--line-2), var(--shadow-sm); }
.lm-panel a[aria-current] .lm-badge, .tag-plus, .tag-minus { }
.radar-label { fill: var(--ink-2); } .radar-grid { stroke: rgba(var(--fg),.12); }
.radar-shape { fill: rgba(242,194,48,.22); stroke: #d9a400; filter: none; } .radar-val { fill: var(--accent-text); } .radar-dot { fill: #fff; stroke: #d9a400; }
.chart-line { stroke: #d9a400; filter: none; } .chart-dot { stroke: #d9a400; }
.st-dot { background: var(--green); }
.made-by b { color: var(--ink); }
.cmdk { background: rgba(6,20,15,.55); }
.ad { background: var(--card); }
.faq summary { color: var(--strong); }
.legal-toc a { color: var(--ink-2); }
.formula { background: #0d2219; color: #e6f3ec; border-color: transparent; }
.heat .h3, .heat .h4 { color: var(--strong); }
.player-summary { color: var(--ink-2); }
.pitch-svg .ps-name { fill: #fff; }
.notice { color: #5c4400; } .notice-ok { color: #0d5a35; } .notice-err { color: #8f1f16; }
.lead { color: var(--ink-2); }
.page-head .lead, .hero .lead, .about-hero .lead, .player-hero .lead { color: #c3d6cb; }
.vs-badge { color: var(--accent-text); }
.dim.strong span { color: var(--pos-text); } .dim.weak span { color: var(--neg-text); }
.duel b.win { color: var(--pos-text); }
.exploit li .edge { color: var(--pos-text); }
.exploit.b li .edge { color: var(--accent-text); }
.side-a i { background: linear-gradient(270deg, var(--green), #17985a) !important; }
.balance .ba { background: linear-gradient(90deg, #17985a, var(--green)); }
/* reklamlar: içerik arasında, yer ayrılmış (CLS yok), sakin çerçeve */
.ad ins.adsbygoogle { min-height: 100px; } .ad-player_side ins.adsbygoogle { min-height: 250px; }
.ad { box-shadow: none; border-style: dashed; }

/* 0.7: açılır menüler tam opak (arkadaki başlık yazısı görünmesin) */
.nav-panel, .lm-panel { background: #10261d; backdrop-filter: none; box-shadow: 0 24px 60px -12px rgba(0,0,0,.55); }

/* 0.7: canlı skor şeridi kayarak akar (üzerine gelince durur) */
.ticker.tk-run { overflow: hidden; mask-image: linear-gradient(90deg, transparent, #000 4%, #000 94%, transparent); }
.tk-track { display: flex; gap: 2px; width: max-content; animation: tkScroll var(--tk-dur, 60s) linear infinite; }
.ticker.tk-run:hover .tk-track, .ticker.tk-run:focus-within .tk-track { animation-play-state: paused; }
@keyframes tkScroll { from { transform: translateX(0); } to { transform: translateX(-50%); } }
[dir="rtl"] .tk-track { animation-name: tkScrollRtl; }
@keyframes tkScrollRtl { from { transform: translateX(0); } to { transform: translateX(50%); } }
@media (prefers-reduced-motion: reduce) { .tk-track { animation: none; } }

/* ---------- Canlı skor sayfası (sade) ---------- */
.lb-layout { display: grid; grid-template-columns: minmax(0, 1fr) 290px; gap: 22px; align-items: start; }
.lb-side { position: sticky; top: 140px; display: flex; flex-direction: column; gap: 12px; }
.lb-sum { display: grid; grid-template-columns: repeat(3, 1fr); background: var(--card); border: 1px solid var(--line); border-radius: var(--r-sm); box-shadow: var(--shadow-sm); }
.lb-sum > div { padding: 12px 8px; text-align: center; display: flex; flex-direction: column; gap: 2px; } .lb-sum > div + div { border-inline-start: 1px solid var(--line); }
.lb-sum span { font: 700 .74rem var(--f-body); color: var(--muted); display: inline-flex; align-items: center; justify-content: center; gap: 4px; } .lb-sum .dot-live { margin: 0; }
.lb-big { font: 900 1.7rem var(--f-disp); color: var(--strong); line-height: 1; } .lb-big.is-live { color: var(--neg-text); }
.lb-nav { background: var(--card); border: 1px solid var(--line); border-radius: var(--r-sm); box-shadow: var(--shadow-sm); padding: 8px; max-height: calc(100vh - 290px); overflow: auto; }
.lb-nav-t { margin: 4px 8px 6px; font: 700 .68rem var(--f-body); text-transform: uppercase; letter-spacing: .12em; color: var(--muted); }
.lb-nav ul { list-style: none; margin: 0; padding: 0; }
.lb-nav a { display: flex; align-items: center; gap: 8px; padding: 7px 8px; border-radius: 8px; text-decoration: none; color: var(--ink-2); font-weight: 600; font-size: .9rem; }
.lb-nav a:hover { background: rgba(var(--fg),.05); color: var(--strong); }
.lb-nn { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.lb-c { font-size: .75rem; color: var(--muted); }
.lb-g { scroll-margin-top: 140px; }
@media (max-width: 960px) {
  .lb-layout { grid-template-columns: minmax(0, 1fr); }
  .lb-side { position: static; order: -1; } .lb-sum { display: none; }
  .lb-nav { max-height: none; padding: 0; background: none; border: 0; box-shadow: none; }
  .lb-nav-t { display: none; }
  .lb-nav ul { display: flex; gap: 6px; overflow-x: auto; padding-bottom: 4px; scrollbar-width: none; }
  .lb-nav li { flex: none; } .lb-nav a { background: var(--card); border: 1px solid var(--line-2); border-radius: 99px; padding: 6px 10px; }
  .lb-nn { max-width: 150px; }
}
.lb-bar { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; justify-content: space-between; margin: 6px 0 16px; position: sticky; top: 64px; z-index: 5; padding: 10px 12px; background: var(--card); border: 1px solid var(--line); border-radius: var(--r-sm); box-shadow: var(--shadow-sm); }
.lb-tabs { display: flex; gap: 6px; flex-wrap: wrap; }
.lb-tab { display: inline-flex; align-items: center; gap: 6px; padding: 8px 14px; border-radius: 99px; border: 1px solid var(--line-2); background: var(--card); color: var(--ink-2); font: 700 .9rem var(--f-body); cursor: pointer; }
.lb-tab:hover { border-color: var(--line-3); color: var(--strong); }
.lb-tab[aria-selected="true"] { background: var(--pitch); border-color: var(--pitch); color: #fff; }
.lb-tab .dot-live { margin: 0; }
.lb-n { font-size: .75rem; padding: 1px 7px; border-radius: 99px; background: rgba(var(--fg),.08); }
.lb-tab[aria-selected="true"] .lb-n { background: rgba(255,255,255,.2); }
.lb-search { display: flex; align-items: center; gap: 6px; flex: 1 1 220px; max-width: 300px; padding: 0 12px; border: 1px solid var(--line-2); border-radius: 99px; background: var(--input-bg); }
.lb-search svg { width: 16px; height: 16px; fill: none; stroke: var(--muted); stroke-width: 2; flex: none; }
.lb-search input { border: 0; background: transparent; padding: 9px 0; width: 100%; font: inherit; color: var(--ink); outline: none; }
.lb-groups { display: flex; flex-direction: column; gap: 12px; }
.lb-g { background: var(--card); border: 1px solid var(--line); border-radius: var(--r-sm); overflow: hidden; box-shadow: var(--shadow-sm); }
.lb-gh { display: flex; align-items: center; gap: 10px; margin: 0; padding: 10px 14px; background: var(--card-2); border-bottom: 1px solid var(--line); font-size: .95rem; }
.lb-cc { flex: none; min-width: 34px; height: 22px; padding: 0 5px; display: grid; place-items: center; border-radius: 5px; background: var(--pitch); color: #fff; font: 800 .68rem var(--f-body); letter-spacing: .05em; }
.lb-gn { flex: 1; min-width: 0; display: flex; align-items: baseline; gap: 8px; flex-wrap: wrap; }
.lb-gn b { color: var(--strong); } .lb-gn small { color: var(--muted); font-weight: 600; font-size: .8rem; }
.lb-live { display: inline-flex; align-items: center; gap: 5px; font: 800 .78rem var(--f-body); color: var(--neg-text); }
.lb-live .dot-live { margin: 0; }
.lb-g ul { list-style: none; margin: 0; padding: 0; }
.lb-m { display: grid; grid-template-columns: 56px minmax(0, 1fr) 70px minmax(0, 1fr); gap: 10px; align-items: center; padding: 10px 14px; border-top: 1px solid var(--line); }
.lb-m:first-child { border-top: 0; }
.lb-st { font: 700 .82rem var(--f-body); color: var(--muted); }
.ph-live .lb-st { color: var(--neg-text); }
.lb-h { text-align: end; } .lb-h, .lb-a { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--ink-2); }
.lb-h.win, .lb-a.win { color: var(--strong); font-weight: 700; }
.lb-sc { text-align: center; font: 800 1.05rem var(--f-disp); color: var(--strong); padding: 3px 0; border-radius: 7px; background: rgba(var(--fg),.06); }
.lb-sc .vs { color: var(--dim); }
.ph-live .lb-sc { background: rgba(229,70,58,.12); color: var(--neg-text); }
.ph-ft .lb-sc { background: transparent; }
@media (max-width: 560px) {
  .lb-bar { top: 56px; } .lb-search { max-width: none; }
  .lb-m { grid-template-columns: 44px minmax(0, 1fr) 56px minmax(0, 1fr); gap: 6px; padding: 9px 10px; font-size: .9rem; }
}

/* Analiz açılır menüsü: metinler panel dışına taşmasın */
@media (min-width: 1181px) { .nav-panel { width: 640px; grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.nav-panel a { white-space: normal; min-width: 0; } .nav-panel a > * { min-width: 0; }