/* ================= ilk11ler.com — tasarım (mockup birebir) ================= */
:root{
  --bg:#0b0d0c; --bg2:#101312; --card:#161a18; --card2:#1b201d;
  --border:#242b27; --text:#eef4ef; --muted:#8fa096;
  --green:#22c55e; --green-dark:#16863f; --green-deep:#0f5c2c;
  --pitch1:#2e9e4f; --pitch2:#37aa58; --gold:#eab308;
  --r:12px;
}
*{margin:0;padding:0;box-sizing:border-box;font-family:'Segoe UI',system-ui,-apple-system,sans-serif}
body{background:var(--bg);color:var(--text);min-height:100vh}
body.light{--bg:#eef1ef;--bg2:#e4e9e5;--card:#ffffff;--card2:#f4f7f4;--border:#d5ddd7;--text:#15201a;--muted:#5c6b62}
a{text-decoration:none;color:inherit}
button{font-family:inherit}
svg.ico{vertical-align:-2px;flex-shrink:0}
.s-item svg.ico{width:17px}
.nimg svg.ico{opacity:.85;color:#fff}
.hintline svg.ico{vertical-align:-3px;color:#fbbf24}

/* ============ ÜST BAR ============ */
.topbar{display:flex;align-items:center;gap:26px;height:74px;padding:0 22px;background:var(--card);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:90}
.brand{display:flex;align-items:center;gap:12px;flex-shrink:0}
.brand-badge{width:46px;height:46px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#2a332d,#11150f);border:2px solid #3a453d;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:.5rem;font-weight:800;line-height:1;color:#cfe0d4}
.brand-logo{width:48px;height:48px;object-fit:contain;border:none;border-radius:0;background:transparent}
.brand-wide{height:46px;width:auto;display:block}
.brand-wide.lw-l{display:none}
body.light .brand-wide.lw-d{display:none}
body.light .brand-wide.lw-l{display:block}
@media(max-width:560px){.brand-wide{height:34px}}

/* ---- takım teması çipi ---- */
.club-chip{display:flex;align-items:center;gap:9px;background:var(--bg2);border:1.5px solid var(--green);border-radius:10px;padding:8px 11px;margin-bottom:8px}
.club-chip img{width:26px;height:26px;object-fit:contain}
.club-chip b{flex:1;font-size:.82rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.club-chip button{background:none;border:none;color:var(--muted);cursor:pointer;display:flex}
.club-chip button:hover{color:#f87171}
#clubRes .prow{padding:6px 9px}

/* ---- çime işlenmiş logo (çim biçme efekti) ---- */
.turf-logo{position:absolute;width:36%;pointer-events:none;z-index:1;
  opacity:.45;mix-blend-mode:soft-light;filter:contrast(1.15) blur(.2px)}
.turf-logo img{width:100%;display:block}
.turf-logo.tl{left:4%;top:4.5%}
.turf-logo.br{right:4%;bottom:4.5%}
/* seçilen takımın arması: sağ üst + sol alt */
.turf-club{position:absolute;width:14%;pointer-events:none;z-index:1;
  opacity:.55;mix-blend-mode:soft-light;filter:contrast(1.2)}
.turf-club img{width:100%;display:block}
.turf-club.tr{right:5%;top:4.5%}
.turf-club.bl{left:5%;bottom:4.5%}

/* ---- saha çevresi reklam panoları (sahayla aynı 3D perspektifte) ---- */
/* düz saha: 3B eğim kaldırıldı → alt yarı (defans/kaleci) kırpılmaz, tam tıklanabilir.
   Dikey uzunluk ekrana sığsın diye biraz küçültüldü. */
.parea{position:relative;width:min(560px,100%);margin:30px auto 28px}
.adboard{position:absolute;pointer-events:none;background:linear-gradient(180deg,#0b1622,#060d15);border:1px solid #22303f;border-radius:4px;box-shadow:0 6px 18px rgba(0,0,0,.5)}
.adboard img{pointer-events:none}
/* üst pano: düz LED banner */
.adboard.hz.top{left:1%;right:1%;bottom:100%;height:30px;margin-bottom:4px;
  background-repeat:repeat-x;background-position:center;background-size:auto 18px}
/* alt pano: düz LED banner */
.adboard.hz.bottom{left:1%;right:1%;top:100%;height:28px;margin-top:4px;
  background-repeat:repeat-x;background-position:center;background-size:auto 16px}
/* yan panolar: iç kenarından yukarı katlanır */
.adboard.vert{top:2%;bottom:2%;width:32px;display:flex;flex-direction:column;justify-content:space-around;align-items:center;overflow:hidden}
.adboard.vert.left{right:100%;margin-right:2px;transform-origin:100% 50%;transform:rotateY(64deg)}
.adboard.vert.right{left:100%;margin-left:2px;transform-origin:0 50%;transform:rotateY(-64deg)}
.adboard.vert img{width:84px;flex-shrink:0;transform:rotate(90deg)}
.adboard.vert.right img{transform:rotate(-90deg)}
@media(max-width:600px){
  .parea{width:min(640px,calc(100% - 12px))}
  .adboard.vert{display:none}
}
.brand-badge b{font-size:.95rem;color:#fff}
.brand-text{font-size:1.35rem;font-weight:800;letter-spacing:-.5px;line-height:1;display:flex;flex-direction:column}
.brand-text b{display:contents;color:var(--green)}
.brand-text i{font-style:normal;color:var(--green);font-size:.85rem}
.brand-text small{font-size:.52rem;font-weight:600;letter-spacing:1.6px;color:var(--muted);margin-top:4px}
.mainnav{display:flex;gap:4px;flex:1}
.mainnav a{padding:10px 14px;font-size:.85rem;font-weight:700;letter-spacing:.4px;color:var(--muted);border-bottom:2px solid transparent;transition:.15s}
.mainnav a:hover{color:var(--text)}
.mainnav a.on{color:var(--green);border-bottom-color:var(--green)}
.topbar-right{display:flex;align-items:center;gap:10px}
.searchbox{position:relative}
.searchbox input{background:var(--bg2);border:1px solid var(--border);border-radius:10px;color:var(--text);padding:10px 38px 10px 14px;width:210px;font-size:.85rem}
.searchbox span{position:absolute;right:11px;top:50%;transform:translateY(-50%);opacity:.6;font-size:.85rem}
.btn-outline{border:1px solid var(--border);background:var(--bg2);color:var(--text);padding:10px 18px;border-radius:10px;font-size:.8rem;font-weight:700;cursor:pointer}
.btn-outline:hover{border-color:var(--muted)}
.btn-green{background:var(--green);color:#052e12;padding:10px 20px;border-radius:10px;font-size:.8rem;font-weight:800;cursor:pointer;border:none;display:inline-block;text-align:center}
.btn-green:hover{filter:brightness(1.1)}
.btn-green.wide{display:block;width:100%}

/* ============ YERLEŞİM ============ */
.shell{display:flex;min-height:calc(100vh - 74px)}
.sidebar{width:236px;flex-shrink:0;background:var(--card);border-right:1px solid var(--border);padding:16px 12px;display:flex;flex-direction:column;gap:2px;position:sticky;top:74px;height:calc(100vh - 74px);overflow-y:auto}
.s-item{display:flex;align-items:center;gap:11px;padding:10px 13px;border-radius:10px;font-size:.88rem;font-weight:600;color:var(--muted);transition:.15s}
.s-item i{font-style:normal;width:18px;text-align:center;font-size:.95rem}
.s-item:hover{background:var(--card2);color:var(--text)}
.s-item.on{background:linear-gradient(90deg,var(--green-deep),transparent);color:#d3f5de;border-left:3px solid var(--green)}
.s-cap{font-size:.62rem;font-weight:800;letter-spacing:1.4px;color:var(--muted);opacity:.7;padding:16px 13px 6px}
.premium{margin:18px 6px 8px;background:var(--card2);border:1px solid var(--border);border-radius:var(--r);padding:14px}
.premium .p-title{font-size:.78rem;font-weight:800;color:#f87171;margin-bottom:8px}
.premium p{font-size:.74rem;color:var(--muted);line-height:1.5;margin-bottom:10px}
.theme-row{margin-top:auto;display:flex;align-items:center;justify-content:space-between;padding:12px 13px;font-size:.85rem;color:var(--muted)}
.theme-toggle{background:var(--bg2);border:1px solid var(--border);border-radius:20px;padding:4px 8px;display:flex;gap:8px;cursor:pointer;font-size:.8rem}
.content{flex:1;display:flex;gap:18px;padding:18px;min-width:0}
.main-col{flex:1;min-width:0}

/* ============ BUILDER BAŞLIK ============ */
.builder-head{display:flex;align-items:center;gap:12px;margin-bottom:14px;flex-wrap:wrap}
.builder-head h1{font-size:1.5rem;font-weight:800;letter-spacing:.5px}
.builder-head h1 b{color:var(--green)}
.builder-head .sub{width:100%;font-size:.8rem;color:var(--muted);margin-top:-6px}
.head-actions{display:flex;gap:8px;margin-left:auto;flex-wrap:wrap}
.hbtn{display:flex;align-items:center;gap:7px;background:var(--card);border:1px solid var(--border);color:var(--text);padding:10px 16px;border-radius:10px;font-size:.82rem;font-weight:700;cursor:pointer;transition:.15s}
.hbtn:hover{border-color:var(--muted)}
.hbtn.primary{background:var(--green);border-color:var(--green);color:#052e12}

/* ============ SAHA ============ */
.pitch-card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:14px;position:relative}
.stage{position:relative;border-radius:12px;overflow:hidden;background:
  radial-gradient(120% 90% at 50% -10%, rgba(44,59,82,.55) 0%, rgba(22,32,46,.5) 38%, rgba(12,18,25,.42) 62%, rgba(8,11,15,.35) 100%)}
.stage::before{content:"";position:absolute;inset:0;background:
  radial-gradient(ellipse 45% 12% at 15% 6%, rgba(255,255,240,.16), transparent 60%),
  radial-gradient(ellipse 45% 12% at 85% 6%, rgba(255,255,240,.16), transparent 60%),
  radial-gradient(ellipse 30% 8% at 50% 3%, rgba(255,255,240,.12), transparent 60%)}
.team-tag{position:absolute;left:14px;top:14px;z-index:5;background:rgba(10,14,12,.85);border:1px solid var(--border);border-radius:10px;padding:9px 13px;backdrop-filter:blur(4px)}
.team-tag .t1{font-size:.68rem;font-weight:800;letter-spacing:1.2px;color:var(--muted)}
.team-tag input{background:none;border:none;color:var(--text);font-size:.85rem;font-weight:700;outline:none;width:140px}
#pitch{position:relative;width:100%;aspect-ratio:10/11;margin:0 auto;
  background:repeating-linear-gradient(0deg,var(--pitch1) 0 12.5%,var(--pitch2) 12.5% 25%);
  border:2px solid rgba(255,255,255,.55);border-radius:6px;
  box-shadow:0 30px 60px rgba(0,0,0,.55)}
.pl{position:absolute;border:2px solid rgba(255,255,255,.5);pointer-events:none}
.pl.center{width:24%;aspect-ratio:1;border-radius:50%;left:38%;top:39.5%}
.pl.half{width:100%;height:0;left:0;top:50%;border-width:1px}
.pl.boxB{width:52%;height:15%;left:24%;bottom:-2px;border-bottom:none}
.pl.boxT{width:52%;height:15%;left:24%;top:-2px;border-top:none}
.pl.sixB{width:26%;height:6.5%;left:37%;bottom:-2px;border-bottom:none}
.pl.sixT{width:26%;height:6.5%;left:37%;top:-2px;border-top:none}
.wm{position:absolute;left:12px;bottom:8px;display:flex;align-items:center;gap:6px;font-size:.72rem;font-weight:800;color:rgba(255,255,255,.85)}
.wm i{font-style:normal;width:18px;height:18px;border-radius:50%;background:rgba(0,0,0,.4);border:1px solid rgba(255,255,255,.4);display:inline-flex;align-items:center;justify-content:center;font-size:.5rem}
.kitrow{position:absolute;right:12px;bottom:8px;display:flex;align-items:center;gap:8px;background:rgba(10,14,12,.7);padding:6px 10px;border-radius:16px;font-size:.7rem;color:#dfe9e2}
.kitdot{width:15px;height:15px;border-radius:50%;cursor:pointer;border:2px solid transparent}
.kitdot.k-dark{background:#10151c}.kitdot.k-white{background:#f1f5f2}.kitdot.k-gold{background:var(--gold)}
.kitdot.sel{border-color:var(--green)}

/* oyuncu düğümü */
.node{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;cursor:pointer;z-index:4;transition:.15s;width:104px}
.node:hover{z-index:6}
.node .ring{position:relative;width:58px;height:58px;border-radius:50%;border:2.5px solid #d7e2da;background:radial-gradient(circle at 35% 30%,#3c4a41,#161d18);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1rem;color:#fff;box-shadow:0 6px 14px rgba(0,0,0,.5);overflow:visible}
.node .ring .ph{width:100%;height:100%;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center}
.node .ring img{width:100%;height:100%;object-fit:cover;object-position:top}
.node .num{position:absolute;top:-9px;left:50%;transform:translateX(-50%);background:#0c100e;border:1.5px solid #46524a;color:#fff;font-size:.62rem;font-weight:800;min-width:20px;padding:2px 5px;border-radius:9px;text-align:center}
.node .rbadge{position:absolute;right:-8px;bottom:-2px;background:var(--green);color:#052e12;font-size:.55rem;font-weight:800;padding:2px 5px;border-radius:7px;border:1.5px solid #0c100e}
.node .plate{margin-top:6px;background:rgba(8,11,9,.88);border:1px solid #2c342f;border-radius:8px;padding:4px 10px;text-align:center;max-width:110px}
.node .plate .nm{font-size:.7rem;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:96px}
.node .plate .rl{font-size:.52rem;font-weight:700;letter-spacing:.6px;color:var(--muted)}
.node.empty .ring{border-style:dashed;background:rgba(0,0,0,.35);color:rgba(255,255,255,.75);font-size:1.4rem}
.node.selected .ring{border-color:var(--green);box-shadow:0 0 0 4px rgba(34,197,94,.35)}
.node.dragover .ring{border-color:var(--gold);box-shadow:0 0 0 5px rgba(234,179,8,.4);transform:scale(1.08)}
.node[draggable=true]{cursor:grab}
.node .rbadge{cursor:pointer}
.node .rbadge:hover{filter:brightness(1.25)}
.rolemenu{position:absolute;z-index:30;background:var(--card);border:1px solid var(--green);border-radius:11px;padding:6px;display:grid;grid-template-columns:1fr 1fr;gap:4px;width:230px;box-shadow:0 14px 34px rgba(0,0,0,.6)}
.rolemenu button{background:var(--bg2);border:1px solid var(--border);color:var(--text);font-size:.64rem;font-weight:700;padding:7px 6px;border-radius:7px;cursor:pointer;white-space:nowrap}
.rolemenu button:hover{background:var(--green);color:#052e12;border-color:var(--green)}
.bench-row.dragover{outline:2px dashed var(--green);outline-offset:4px;border-radius:10px}

/* ---- pointer sürükleme hayaleti ---- */
.drag-ghost{position:fixed;z-index:2000;width:62px;height:62px;border-radius:50%;transform:translate(-50%,-50%);
  pointer-events:none;background:#1c2431;border:3px solid var(--green);overflow:hidden;display:flex;
  align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:1.1rem;box-shadow:0 8px 22px rgba(0,0,0,.55)}
.drag-ghost img{width:100%;height:100%;object-fit:cover}

/* ---- oyuncu rol rozetleri (kaptan/penaltıcı/serbest) ---- */
.node .pbadges{position:absolute;left:-8px;top:-6px;display:flex;flex-direction:column;gap:2px;z-index:3}
.node .pb{font-size:.5rem;font-weight:900;line-height:1;padding:2px 4px;border-radius:5px;border:1.5px solid #0c100e;color:#0c100e;min-width:14px;text-align:center}
.pb.cap{background:#f2c744}   /* C — altın */
.pb.pen{background:#e5484d;color:#fff}  /* P — kırmızı */
.pb.fk{background:#4aa3ff;color:#03284d} /* FK — mavi */
.node .nrole{position:absolute;left:-8px;bottom:-2px;background:var(--bg2);border:1.5px solid var(--border);color:var(--text);font-size:.7rem;font-weight:800;width:18px;height:18px;border-radius:50%;cursor:pointer;line-height:1;padding:0}
.node .nrole:hover{background:var(--green);color:#052e12;border-color:var(--green)}
.node.movable{cursor:grab}
.node.movable .ring{box-shadow:0 0 0 2px rgba(255,255,255,.12)}

/* ---- oyuncu rol menüsü (context) ---- */
.prmenu{position:fixed;z-index:400;background:var(--card);border:1px solid var(--green);border-radius:12px;padding:6px;width:210px;box-shadow:0 16px 40px rgba(0,0,0,.6)}
.prmenu .pr-head{display:flex;align-items:center;gap:8px;padding:6px 8px 8px;border-bottom:1px solid var(--border);margin-bottom:6px}
.prmenu .pr-av{width:26px;height:26px;border-radius:50%;overflow:hidden;background:var(--bg2);display:flex;align-items:center;justify-content:center;font-size:.6rem;font-weight:800;flex-shrink:0}
.prmenu .pr-av img{width:100%;height:100%;object-fit:cover}
.prmenu .pr-item{display:flex;align-items:center;gap:8px;width:100%;text-align:left;background:transparent;border:none;color:var(--text);font-size:.82rem;font-weight:600;padding:8px 8px;border-radius:8px;cursor:pointer}
.prmenu .pr-item:hover{background:var(--bg2)}
.prmenu .pr-item.on{background:var(--green-deep);color:var(--green)}
.prmenu .pr-item em{margin-left:auto;color:var(--green);font-style:normal}
.prmenu .pr-item.clr{color:#e5484d;justify-content:center;margin-top:4px;border-top:1px solid var(--border);border-radius:0 0 8px 8px}

/* ================= KADRO KARŞILAŞTIRMA ================= */
.cmp{max-width:1200px;margin:0 auto;width:100%}
.cmp-head h1{font-size:1.5rem;font-weight:800;margin-bottom:6px}
.cmp-head p{font-size:.82rem;color:var(--muted);margin-bottom:16px;max-width:760px}
.cmp-pick{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;background:var(--card);border:1px solid var(--border);border-radius:14px;padding:14px;margin-bottom:18px}
.cmp-pick-col{flex:1;min-width:220px}
.cmp-pick-col label{display:block;font-size:.7rem;font-weight:800;letter-spacing:.5px;color:var(--muted);margin-bottom:5px}
.cmp-selrow{display:flex;gap:6px}
.cmp-selrow select,.cmp-selrow input{background:var(--bg2);border:1px solid var(--border);color:var(--text);border-radius:9px;padding:9px 11px;font-size:.84rem}
.cmp-selrow select{flex:1;min-width:0}
.cmp-selrow input{width:120px}
.cmp-swap{background:var(--bg2);border:1px solid var(--border);color:var(--text);width:42px;height:42px;border-radius:10px;font-size:1.2rem;cursor:pointer;flex-shrink:0}
.cmp-swap:hover{border-color:var(--green);color:var(--green)}
.cmp-empty{text-align:center;color:var(--muted);padding:40px 16px;font-size:.9rem}

.cmp-pitches{display:grid;grid-template-columns:1fr auto 1fr;gap:14px;align-items:start;margin-bottom:18px}
.cmp-side{min-width:0}
.cmp-side-head{text-align:center;margin-bottom:8px}
.cmp-side-head b{display:block;font-size:.95rem;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cmp-side-head small{font-size:.72rem;color:var(--muted)}
.cmp-vs{align-self:center;font-weight:900;color:var(--green);font-size:1.1rem;background:var(--card);border:1px solid var(--border);border-radius:50%;width:46px;height:46px;display:flex;align-items:center;justify-content:center}
.cmp-stage{background:#0a0f0d;border:1px solid var(--border);border-radius:14px;padding:8px;overflow:hidden}
.cmp-pitch{position:relative;width:100%;aspect-ratio:10/11;border-radius:10px;background:repeating-linear-gradient(0deg,#2e9e4f 0 12.5%,#37aa58 12.5% 25%)}
.cmp-pitch.th-night{background:repeating-linear-gradient(0deg,#14351f 0 12.5%,#183f25 12.5% 25%)}
.cmp-pitch.th-mono{background:repeating-linear-gradient(0deg,#2b2f2c 0 12.5%,#333835 12.5% 25%)}
.cmp-pitch.th-blue{background:repeating-linear-gradient(0deg,#14406b 0 12.5%,#184a7c 12.5% 25%)}
.cmp-pitch.th-retro{background:repeating-linear-gradient(0deg,#8a9a55 0 12.5%,#94a361 12.5% 25%);filter:sepia(.14) saturate(.9)}
.cmp-pitch.th-euro{background:repeating-linear-gradient(0deg,#15532f 0 12.5%,#1b6038 12.5% 25%)}
.cmp-pitch.th-stadium{background:repeating-linear-gradient(0deg,#1c5a34 0 12.5%,#22683d 12.5% 25%)}
.cn{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;width:15%}
.cn-r{position:relative;width:100%;aspect-ratio:1;border-radius:50%;background:#0e1b12;border:2px solid rgba(255,255,255,.5);display:flex;align-items:center;justify-content:center;color:#fff;font-size:.62rem;font-weight:800;overflow:visible}
.cn-r img{width:100%;height:100%;border-radius:50%;object-fit:cover}
.cn.e .cn-r{border-style:dashed;opacity:.5}
.cn-n{margin-top:2px;font-size:.5rem;font-weight:700;color:#fff;background:rgba(0,0,0,.5);padding:1px 4px;border-radius:4px;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 2px #000}
.cn-b{position:absolute;left:-6px;top:-6px;display:flex;flex-direction:column;gap:1px}
.cn-b .cb{font-size:.42rem;font-weight:900;padding:1px 3px;border-radius:4px;color:#0c100e}
.cb.cap{background:#f2c744}.cb.pen{background:#e5484d;color:#fff}.cb.fk{background:#4aa3ff;color:#03284d}

.cmp-overall{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:14px 18px;margin-bottom:18px}
.cmp-ov-bar{display:flex;height:18px;border-radius:10px;overflow:hidden;background:var(--bg2)}
.cmp-ov-bar .ov-a{background:var(--green)}.cmp-ov-bar .ov-b{background:#4aa3ff}
.cmp-ov-lbl{display:flex;justify-content:space-between;align-items:center;margin-top:8px;font-size:.9rem;font-weight:800}
.cmp-ov-lbl small{color:var(--muted);font-weight:600;font-size:.72rem}

.cmp-table{background:var(--card);border:1px solid var(--border);border-radius:14px;overflow:hidden}
.cr{display:grid;grid-template-columns:1fr 150px 1fr;align-items:center;gap:8px;padding:9px 14px;border-bottom:1px solid var(--border);font-size:.82rem}
.cr:last-child{border-bottom:none}
.cr.hd{background:var(--bg2);font-weight:800;font-size:.7rem;letter-spacing:.5px;color:var(--muted);text-transform:uppercase}
.cr.hd span:nth-child(2){text-align:center}.cr.hd span:last-child{text-align:right}
.cr-l{text-align:center;color:var(--muted);font-size:.74rem;font-weight:700}
.cr-a{display:flex;align-items:center;gap:8px;justify-content:flex-start}
.cr-b{display:flex;align-items:center;gap:8px;justify-content:flex-end}
.cr-a b,.cr-b b{min-width:34px}
.cr-a.w b,.cr-b.w b{color:var(--green)}
.crbar{flex:1;height:6px;background:var(--bg2);border-radius:4px;overflow:hidden;max-width:110px}
.crbar i{display:block;height:100%;background:var(--muted);border-radius:4px}
.cr-a.w .crbar i{background:var(--green)}.cr-b.w .crbar i{background:var(--green)}
.crbar.r{transform:scaleX(-1)}
.cr.txt .cr-a{justify-content:flex-start}.cr.txt .cr-b{justify-content:flex-end}
.cmp-actions{display:flex;gap:10px;justify-content:center;margin:18px 0}

@media(max-width:820px){
  .cmp-pitches{grid-template-columns:1fr;gap:10px}
  .cmp-vs{justify-self:center;margin:2px 0}
  .cr{grid-template-columns:1fr 96px 1fr}
  .cmp-selrow input{width:90px}
}

/* ---- diziliş modu toggle ---- */
.fmode{display:flex;gap:6px;margin-bottom:10px}
.fmode button{flex:1;background:var(--bg2);border:1px solid var(--border);color:var(--muted);font-size:.74rem;font-weight:700;padding:8px;border-radius:9px;cursor:pointer}
.fmode button.on{background:var(--green);border-color:var(--green);color:#052e12}
#customHint a{color:var(--green)}
.prow[draggable=true]{cursor:grab}
.bcard[draggable=true]{cursor:grab}
.node.k-white .ring{background:radial-gradient(circle at 35% 30%,#ffffff,#c8d2ca);color:#22301f}
.node.k-gold .ring{background:radial-gradient(circle at 35% 30%,#f7cf47,#a97c07)}

/* ============ ALT PANEL: OYUNCU ARA ============ */
.bottom-card{background:var(--card);border:1px solid var(--border);border-radius:16px;margin-top:18px;padding:0 16px 16px}
.btabs{display:flex;gap:22px;border-bottom:1px solid var(--border);margin-bottom:14px}
.btabs button{background:none;border:none;color:var(--muted);font-size:.82rem;font-weight:800;letter-spacing:.5px;padding:15px 2px;cursor:pointer;border-bottom:2px solid transparent}
.btabs button.on{color:var(--green);border-bottom-color:var(--green)}
.searchrow{display:flex;gap:10px;margin-bottom:14px}
.searchrow .sb{position:relative;flex:1;max-width:340px}
.searchrow input{width:100%;background:var(--bg2);border:1px solid var(--border);border-radius:10px;color:var(--text);padding:11px 14px 11px 38px;font-size:.88rem}
.searchrow .sb span{position:absolute;left:12px;top:50%;transform:translateY(-50%);opacity:.55;font-size:.85rem}
.searchrow select{background:var(--bg2);border:1px solid var(--border);border-radius:10px;color:var(--text);padding:0 12px;font-size:.85rem}
.cardrow{display:grid;grid-template-columns:repeat(auto-fill,minmax(122px,1fr));gap:12px;min-height:150px}
.pcard{background:var(--card2);border:1px solid var(--border);border-radius:12px;padding:13px 10px 10px;display:flex;flex-direction:column;align-items:center;gap:7px;transition:.15s;position:relative}
.pcard:hover{border-color:var(--green);transform:translateY(-2px)}
.pcard .av{width:56px;height:56px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#39463e,#141a16);border:2px solid #37423a;overflow:hidden;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.9rem}
.pcard .av img{width:100%;height:100%;object-fit:cover;object-position:top}
.pcard .nm{font-size:.74rem;font-weight:800;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:110px}
.pcard .nm b{color:var(--gold);font-weight:800;font-size:.6rem;margin-left:3px}
.pcard .tm{font-size:.66rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:110px}
.pcard .add{margin-top:2px;width:26px;height:26px;border-radius:50%;border:1px solid var(--border);background:var(--bg2);color:var(--green);font-size:1rem;font-weight:800;cursor:pointer;display:flex;align-items:center;justify-content:center}
.pcard .add:hover{background:var(--green);color:#052e12}
.hintline{grid-column:1/-1;align-self:center;text-align:center;color:var(--muted);font-size:.84rem;line-height:1.6;padding:20px}

/* ============ SAĞ PANEL ============ */
.rightpanel{width:300px;flex-shrink:0;display:flex;flex-direction:column;gap:16px}
.rp-card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:16px}
.rp-card h3{font-size:.78rem;font-weight:800;letter-spacing:1.2px;color:var(--text);margin-bottom:12px}
.rp-card select{width:100%;background:var(--bg2);border:1px solid var(--border);border-radius:10px;color:var(--text);padding:12px 12px;font-size:.95rem;font-weight:700}
.minipitch{margin-top:14px;position:relative;width:100%;aspect-ratio:16/10;background:linear-gradient(180deg,#2f9e50,#268a44);border:2px solid rgba(255,255,255,.4);border-radius:8px;overflow:hidden}
.minipitch .ml{position:absolute;border:1.5px solid rgba(255,255,255,.4)}
.minipitch .mc{width:22%;aspect-ratio:1;border-radius:50%;left:39%;top:29%}
.minipitch .mv{width:0;height:100%;left:50%;top:0;border-width:1px}
.minipitch .mbl{width:13%;height:44%;left:-2px;top:28%;border-left:none}
.minipitch .mbr{width:13%;height:44%;right:-2px;top:28%;border-right:none}
.mdot{position:absolute;width:13px;height:13px;border-radius:50%;background:#31e06b;border:1.5px solid #e9fbee;transform:translate(-50%,-50%)}
.rp-tabs{display:flex;border-bottom:1px solid var(--border);margin:4px 0 12px}
.rp-tabs button{flex:1;background:none;border:none;color:var(--muted);font-size:.74rem;font-weight:800;letter-spacing:.8px;padding:11px 2px;cursor:pointer;border-bottom:2px solid transparent}
.rp-tabs button.on{color:var(--green);border-bottom-color:var(--green)}
.bench-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.bench-head span{font-size:.72rem;font-weight:800;letter-spacing:1px;color:var(--muted)}
.bench-head b{color:var(--green);font-size:.78rem}
.bench{list-style:none;display:flex;flex-direction:column;gap:8px}
.bench li{display:flex;align-items:center;gap:10px;background:var(--card2);border:1px solid var(--border);border-radius:10px;padding:8px 10px}
.bench .drag{color:var(--muted);cursor:grab;font-size:.9rem}
.bench .bav{width:34px;height:34px;border-radius:50%;background:#232b26;overflow:hidden;display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:800;flex-shrink:0}
.bench .bav img{width:100%;height:100%;object-fit:cover;object-position:top}
.bench .binfo{flex:1;min-width:0}
.bench .binfo .n{font-size:.76rem;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bench .binfo .r{font-size:.6rem;color:var(--muted);letter-spacing:.5px}
.bench .del{background:none;border:none;color:var(--muted);cursor:pointer;font-size:.85rem}
.bench .del:hover{color:#f87171}
.bench li.emptyb{justify-content:center;color:var(--muted);font-size:.74rem;border-style:dashed;padding:12px}
.addbench{margin-top:10px;width:100%;background:var(--bg2);border:1px dashed var(--border);border-radius:10px;color:var(--muted);padding:12px;font-size:.82rem;font-weight:700;cursor:pointer}
.addbench:hover{color:var(--green);border-color:var(--green)}

/* ============ HABERLER ============ */
.news-wrap{flex:1}
.news-wrap h1{font-size:1.5rem;font-weight:800;margin-bottom:4px}
.news-wrap h1 b{color:var(--green)}
.news-wrap .sub{font-size:.82rem;color:var(--muted);margin-bottom:18px}
.news-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}
.ncard{background:var(--card);border:1px solid var(--border);border-radius:16px;overflow:hidden;transition:.18s;display:block}
.ncard:hover{transform:translateY(-4px);border-color:var(--green)}
.nimg{height:140px;display:flex;align-items:center;justify-content:center;font-size:2.4rem}
.ng1{background:linear-gradient(135deg,#14532d,#22c55e40)}
.ng2{background:linear-gradient(135deg,#312e81,#6366f140)}
.ng3{background:linear-gradient(135deg,#7f1d1d,#f9731640)}
.ng4{background:linear-gradient(135deg,#164e63,#06b6d440)}
.nbody{padding:15px}
.nbody .cat{display:inline-block;font-size:.6rem;font-weight:800;letter-spacing:1px;color:var(--green);background:var(--green-deep);padding:3px 9px;border-radius:8px;margin-bottom:9px}
.nbody h4{font-size:.98rem;font-weight:800;line-height:1.4;margin-bottom:7px}
.nbody p{font-size:.8rem;color:var(--muted);line-height:1.55}
.nbody .meta{margin-top:10px;font-size:.7rem;color:var(--muted);opacity:.8}
.article{max-width:760px;background:var(--card);border:1px solid var(--border);border-radius:16px;padding:28px}
.article h1{font-size:1.5rem;margin:10px 0 6px}
.article .meta{font-size:.78rem;color:var(--muted);margin-bottom:18px}
.article .body{font-size:.95rem;line-height:1.8;color:#d5e0d8}

/* ============ TABLO / ADMIN ============ */
.table{width:100%;border-collapse:collapse;font-size:.85rem}
.table th,.table td{text-align:left;padding:11px 12px;border-bottom:1px solid var(--border)}
.table th{color:var(--muted);font-size:.68rem;letter-spacing:1px}
.table a{color:var(--green);font-weight:700}
.form input[type=text],.form textarea,.form select,.form input[type=password]{width:100%;background:var(--bg2);border:1px solid var(--border);border-radius:10px;color:var(--text);padding:11px 13px;font-size:.9rem;margin-bottom:12px}
.form textarea{min-height:150px;resize:vertical}
.form label{display:block;font-size:.72rem;font-weight:800;letter-spacing:.8px;color:var(--muted);margin-bottom:6px}

/* ============ HABERLER ANA SAYFA (mockup) ============ */
.newsx{display:flex;gap:18px;width:100%;max-width:1420px;margin:0 auto}
.newsx-main{flex:1;min-width:0}
.newsx-right{width:330px;flex-shrink:0;display:flex;flex-direction:column;gap:16px}
@media(max-width:1100px){.newsx{flex-direction:column}.newsx-right{width:100%}}

/* ---- SÜRMANŞET (3 haber şeridi) ---- */
.sec-head.sm h3{font-size:.82rem}
.surmanset{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}
.sur-card{display:flex;gap:10px;background:var(--card);border:1px solid var(--border);border-radius:12px;padding:8px;align-items:center;transition:.15s}
.sur-card:hover{border-color:var(--green)}
.sur-th{width:74px;height:56px;flex-shrink:0;border-radius:9px;background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;color:#fff}
.sur-b{display:flex;flex-direction:column;gap:3px;min-width:0}
.sur-b b{font-size:.82rem;font-weight:700;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
@media(max-width:760px){.surmanset{grid-template-columns:1fr}}

/* ---- MANŞET (carousel) + YAN MANŞET ---- */
.mansetrow{display:grid;grid-template-columns:1fr 330px;gap:16px;margin-bottom:18px}
.carousel{position:relative;border-radius:18px;overflow:hidden}
.car-track{position:relative;height:440px}
.car-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .5s ease;display:block;background-size:cover;background-position:center;background-color:#12181f;text-decoration:none}
.car-slide.on{opacity:1;visibility:visible;z-index:1}
.car-slide .hero-grad{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.9) 0%,rgba(0,0,0,.55) 35%,rgba(0,0,0,.15) 70%,transparent 100%);z-index:1}
.car-slide .hero-ico{position:absolute;top:24px;right:28px;opacity:.22;color:#fff;z-index:1}
.car-slide .hero-body{position:absolute;left:0;right:0;bottom:0;padding:28px;color:#fff;z-index:2}
.car-slide .hero-meta{display:flex;gap:10px;align-items:center;font-size:.72rem;color:#dfe7ee;margin-bottom:8px}
.car-slide h2{font-size:1.8rem;font-weight:800;line-height:1.18;margin-bottom:10px;text-shadow:0 2px 14px rgba(0,0,0,.7)}
.car-slide p{font-size:.92rem;color:#eef3f7;max-width:640px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-shadow:0 1px 8px rgba(0,0,0,.6)}
.car-slide .hero-foot{display:flex;gap:14px;align-items:center;margin-top:14px;font-size:.78rem}
.car-arw{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:40px;height:40px;border-radius:50%;border:none;background:rgba(0,0,0,.5);color:#fff;font-size:1.5rem;line-height:1;cursor:pointer;transition:.15s}
.car-arw:hover{background:var(--green)}
.car-arw.prev{left:12px}.car-arw.next{right:12px}
.car-dots{position:absolute;bottom:14px;right:20px;z-index:5;display:flex;gap:6px}
.car-dots button{width:9px;height:9px;border-radius:50%;border:none;background:rgba(255,255,255,.45);cursor:pointer;padding:0}
.car-dots button.on{background:var(--green);width:22px;border-radius:5px}
.yanmanset{display:flex;flex-direction:column;gap:10px}
.ym-cap{font-size:.68rem;font-weight:800;letter-spacing:1.2px;color:var(--green)}
@media(max-width:900px){.mansetrow{grid-template-columns:1fr}.car-slide h2{font-size:1.3rem}}

/* ---- sağ bar: haber kategorileri ---- */
.catlist{display:flex;flex-direction:column}
.catlist a{display:flex;align-items:center;justify-content:space-between;padding:9px 4px;border-bottom:1px solid var(--border);color:var(--text);text-decoration:none;font-size:.85rem;font-weight:600;transition:.15s}
.catlist a:last-child{border-bottom:none}
.catlist a:hover{color:var(--green);padding-left:8px}
.catlist .catchev{color:var(--muted);font-style:normal}

/* ---- haber DETAY: 4 sütunlu ızgara — 2 reklam · 6 haber · 2 sağ bar · 2 reklam (12) ----
   align-items:stretch (varsayılan) → reklam sütunları makale boyunca uzar, sticky reklam
   sayfa dibine kadar takip eder. */
.artgrid{display:grid;grid-template-columns:2fr 6fr 2fr 2fr;gap:18px;max-width:1600px;margin:0 auto;width:100%}
.ag-main{min-width:0}
.ag-side{display:flex;flex-direction:column;gap:16px;min-width:0}
.ag-ad{min-width:0}
.ag-ad .adslot{position:sticky;top:80px;width:100%}
/* orta genişlik ekranda reklam raylarını gizle, makale + sağ bar ortala */
@media(max-width:1300px){.artgrid{grid-template-columns:minmax(0,1fr) 300px;justify-content:center;max-width:1160px}.ag-ad{display:none}.ag-side{align-self:start}}
@media(max-width:900px){.artgrid{grid-template-columns:1fr}.ag-side{align-self:auto}}

/* ================= PUAN DURUMU sayfası ================= */
.pd-wrap{max-width:900px;margin:0 auto;width:100%}
.pd-top{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:14px}
.pd-select{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.pd-select label{font-size:.74rem;font-weight:800;letter-spacing:.5px;color:var(--muted);text-transform:uppercase}
.pd-select select{background:var(--bg2);border:1px solid var(--border);color:var(--text);border-radius:10px;padding:10px 14px;font-size:.9rem;font-weight:700;min-width:220px;cursor:pointer}
.pd-select #ligSez{font-size:.74rem;color:var(--muted)}
@media(max-width:560px){.pd-top{flex-direction:column;align-items:flex-start}.pd-select select{min-width:200px}}

/* ================= PUAN DURUMU — fikstür listesi ================= */
.fx-day{margin-bottom:14px}
.fx-dhdr{font-size:.72rem;font-weight:800;letter-spacing:.5px;color:var(--green);padding:6px 0;border-bottom:1px solid var(--border);margin-bottom:4px}
.fx-row{display:grid;grid-template-columns:1fr 62px 1fr;align-items:center;gap:8px;padding:8px 4px;border-bottom:1px solid var(--border)}
.fx-row:last-child{border-bottom:none}
.fx-t{display:flex;align-items:center;gap:8px;min-width:0}
.fx-t.h{justify-content:flex-end;text-align:right}
.fx-t span{font-size:.85rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fx-time{text-align:center;font-size:.8rem;font-weight:800;color:var(--text);background:var(--bg2);border-radius:8px;padding:5px 0}
.stand .pos.pr{color:#e5484d}   /* küme düşme bölgesi */

/* ================= KURUMSAL / STATİK SAYFALAR ================= */
.static-page{max-width:1140px;margin:0 auto;width:100%;display:grid;grid-template-columns:1fr 280px;gap:22px;align-items:start}
.sp-main{background:var(--card);border:1px solid var(--border);border-radius:18px;overflow:hidden}
.sp-head{position:relative;padding:26px 30px 22px;border-bottom:1px solid var(--border);
  background:radial-gradient(120% 130% at 0% 0%,rgba(55,170,88,.16),transparent 55%),var(--bg2)}
.sp-head .crumb{font-size:.74rem;color:var(--muted);margin-bottom:10px}
.sp-head .crumb a{color:var(--muted);text-decoration:none}.sp-head .crumb a:hover{color:var(--green)}
.sp-head h1{font-size:1.7rem;font-weight:800;letter-spacing:.3px}
.sp-badge{position:absolute;top:26px;right:28px;display:inline-flex;align-items:center;gap:5px;font-size:.66rem;font-weight:800;letter-spacing:.6px;color:var(--green);background:var(--green-deep);border:1px solid var(--green);border-radius:20px;padding:5px 11px}
.sp-body{padding:26px 30px 34px;font-size:.95rem;line-height:1.8;color:#d5e0d8}
.sp-body h2{font-size:1.2rem;font-weight:800;color:#fff;margin:26px 0 12px;padding-left:12px;border-left:3px solid var(--green)}
.sp-body h2:first-child{margin-top:0}
.sp-body h3{font-size:1.02rem;font-weight:800;color:var(--text);margin:20px 0 8px}
.sp-body p{margin-bottom:14px}
.sp-body strong,.sp-body b{color:#fff}
.sp-body a{color:var(--green);text-decoration:underline}
.sp-body ul{list-style:none;margin:0 0 16px;padding:0;display:flex;flex-direction:column;gap:8px}
.sp-body ul li{position:relative;padding-left:28px;font-size:.9rem}
.sp-body ul li::before{content:"";position:absolute;left:0;top:7px;width:14px;height:14px;border-radius:4px;
  background:var(--green-deep);border:1px solid var(--green)}
.sp-body ul li::after{content:"✓";position:absolute;left:2px;top:2px;font-size:.62rem;font-weight:900;color:var(--green)}
.sp-body ol{margin:0 0 16px;padding-left:22px}
.sp-body ol li{margin-bottom:6px}
/* künye satırları (dt/dd veya .kv) */
.sp-body .kv{display:grid;grid-template-columns:200px 1fr;gap:6px 16px;margin:0 0 14px;font-size:.9rem}
.sp-body .kv dt{color:var(--muted);font-weight:700}
.sp-body .kv dd{margin:0;color:#fff;font-weight:600}
.sp-note{font-size:.78rem;color:var(--muted);border-top:1px solid var(--border);padding-top:12px;margin-top:6px}
/* iletişim */
.contact-info{display:flex;gap:12px;flex-wrap:wrap;margin:16px 0 22px}
.ci-chip{display:flex;align-items:center;gap:12px;background:var(--bg2);border:1px solid var(--border);border-radius:12px;padding:12px 16px;text-decoration:none;color:var(--text);transition:.15s;flex:1;min-width:220px}
.ci-chip:hover{border-color:var(--green)}
.ci-ic{width:38px;height:38px;border-radius:10px;background:var(--green-deep);color:var(--green);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.ci-chip small{display:block;font-size:.64rem;font-weight:800;letter-spacing:.6px;color:var(--muted)}
.ci-chip b{font-size:.9rem;font-weight:700}
.contact-form .cf-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.contact-form label{display:block;font-size:.7rem;font-weight:800;letter-spacing:.5px;color:var(--muted);margin:12px 0 5px}
.contact-form input,.contact-form textarea{width:100%;background:var(--bg2);border:1px solid var(--border);color:var(--text);border-radius:10px;padding:11px 13px;font-size:.9rem}
.contact-form input:focus,.contact-form textarea:focus{outline:none;border-color:var(--green)}
.contact-form textarea{min-height:130px;resize:vertical}
.contact-ok{display:flex;align-items:center;gap:10px;background:var(--green-deep);border:1px solid var(--green);color:var(--green);border-radius:12px;padding:16px 18px;font-weight:700;font-size:.9rem}
@media(max-width:560px){.contact-form .cf-row{grid-template-columns:1fr}}

.sp-side{position:sticky;top:88px;display:flex;flex-direction:column;gap:16px}
.sp-card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:16px}
.sp-card h4{font-size:.72rem;font-weight:800;letter-spacing:1px;color:var(--green);text-transform:uppercase;margin-bottom:10px}
.sp-card a{display:block;font-size:.85rem;color:var(--text);text-decoration:none;padding:9px 10px;border-radius:9px;transition:.15s}
.sp-card a:hover{background:var(--bg2);color:var(--green)}
.sp-card a.on{background:var(--green-deep);color:var(--green);font-weight:700}
@media(max-width:900px){.static-page{grid-template-columns:1fr}.sp-side{position:static;flex-direction:row;flex-wrap:wrap}.sp-card{flex:1;min-width:220px}}
@media(max-width:600px){.sp-head,.sp-body{padding-left:18px;padding-right:18px}.sp-badge{display:none}}

/* ================= SITE FOOTER ================= */
.site-footer{background:var(--card);border-top:1px solid var(--border);margin-top:32px;padding:34px 22px 0}
.ft-grid{max-width:1500px;margin:0 auto;display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:28px;padding-bottom:26px}
.ft-brand img{height:44px;width:auto;margin-bottom:12px}
.ft-brand p{font-size:.82rem;color:var(--muted);line-height:1.6;max-width:340px}
.ft-col h4{font-size:.74rem;font-weight:800;letter-spacing:1px;color:var(--green);text-transform:uppercase;margin-bottom:12px}
.ft-col a{display:block;font-size:.85rem;color:var(--text);text-decoration:none;padding:5px 0;transition:.15s}
.ft-col a:hover{color:var(--green);padding-left:4px}
.ft-bottom{max-width:1500px;margin:0 auto;border-top:1px solid var(--border);padding:16px 0;
  display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:.78rem;color:var(--muted)}
.ft-bottom .ft-tag{color:var(--green);font-weight:700}
@media(max-width:900px){.ft-grid{grid-template-columns:1fr 1fr}.ft-brand{grid-column:1/-1}}
@media(max-width:520px){.ft-grid{grid-template-columns:1fr}.ft-bottom{flex-direction:column;text-align:center}}

/* lineup indirme menüsü */
.dlwrap{position:relative;display:inline-block}
.dlmenu{position:absolute;top:calc(100% + 6px);right:0;z-index:60;min-width:220px;background:var(--card);border:1px solid var(--border);border-radius:12px;padding:6px;box-shadow:0 12px 34px rgba(0,0,0,.5);display:none}
.dlmenu.open{display:block}
.dlmenu button{display:flex;flex-direction:column;gap:1px;width:100%;text-align:left;background:transparent;border:none;color:var(--text);border-radius:8px;padding:9px 12px;cursor:pointer}
.dlmenu button:hover{background:var(--bg2)}
.dlmenu button b{font-size:.86rem;font-weight:700}
.dlmenu button small{font-size:.7rem;color:var(--muted)}

/* editör avatarında logo */
.am-av .am-logo{width:100%;height:100%;object-fit:contain;padding:3px;background:#0d1117}

/* önceki / sonraki haber navigasyonu */
.pnav{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0}
.pnav-i{display:flex;flex-direction:column;gap:5px;background:var(--card);border:1px solid var(--border);border-radius:12px;padding:14px 16px;text-decoration:none;transition:.15s;min-width:0}
.pnav-i:hover{border-color:var(--green)}
.pnav-i span{font-size:.68rem;font-weight:800;letter-spacing:.5px;color:var(--green)}
.pnav-i b{font-size:.9rem;font-weight:700;color:var(--text);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pnav-i.next{text-align:right}
.pnav-i.empty{background:transparent;border:none}
@media(max-width:600px){.pnav{grid-template-columns:1fr}.pnav-i.next{text-align:left}}

/* ---- reklam yuvaları (boşsa görünür yer tutucu) ---- */
.adslot{margin:18px 0;display:flex;align-items:center;justify-content:center;overflow:hidden}
.adslot .adz{width:100%;display:flex;justify-content:center}
.adslot.empty{border:1px dashed var(--border);border-radius:12px;color:var(--muted);
  background:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(128,128,128,.05) 10px,rgba(128,128,128,.05) 20px)}
.adslot.empty span{font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;font-weight:700;opacity:.7}
.adslot.lb{min-height:90px}
.adslot.rect{min-height:250px;max-width:336px;margin-left:auto;margin-right:auto}
.adslot.v{min-height:600px;width:100%}

.ticker{display:flex;align-items:center;gap:14px;background:var(--card);border:1px solid var(--border);border-radius:12px;padding:9px 14px;margin-bottom:16px;overflow:hidden}
.tk-chip{background:var(--green-deep);color:var(--green);border:1px solid var(--green);font-size:.66rem;font-weight:800;letter-spacing:.8px;padding:5px 11px;border-radius:8px;flex-shrink:0}
.tk-time{font-size:.78rem;font-weight:700;color:var(--muted);flex-shrink:0}
.tk-items{display:flex;gap:26px;flex:1;overflow:hidden;white-space:nowrap}
.tk-items a{font-size:.8rem;color:var(--text);display:flex;align-items:center;gap:8px;flex-shrink:0}
.tk-items a:hover{color:var(--green)}
.tk-items i{width:7px;height:7px;border-radius:50%;background:var(--green);flex-shrink:0}
.tk-more{font-size:.78rem;color:var(--muted);flex-shrink:0}
.tk-more:hover{color:var(--green)}

.hero-row{display:grid;grid-template-columns:1.6fr 1fr;gap:14px;margin-bottom:22px}
@media(max-width:900px){.hero-row{grid-template-columns:1fr}}
.hero{position:relative;border-radius:16px;overflow:hidden;min-height:390px;display:flex;align-items:flex-end;background-size:cover;background-position:center top;border:1px solid var(--border)}
.hero-ico{position:absolute;right:8%;top:12%;opacity:.16;color:#fff}
.hero-grad{position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(5,8,6,.92) 85%)}
.hero-body{position:relative;z-index:2;padding:22px}
.hero-meta{display:flex;align-items:center;gap:12px;font-size:.74rem;color:#cdd8d0;margin-bottom:10px}
.hero-body h2{font-size:1.75rem;font-weight:800;line-height:1.25;margin-bottom:10px;color:#fff}
.hero-body p{font-size:.9rem;color:#c3cfc6;line-height:1.55;max-width:520px;margin-bottom:14px}
.hero-foot{display:flex;align-items:center;gap:18px}
.hero-foot>span:not(.btn-green){font-size:.8rem;color:#cdd8d0;display:flex;align-items:center;gap:6px}
.hero-foot .btn-green{margin-left:auto}
.cat{display:inline-block;font-size:.6rem;font-weight:800;letter-spacing:1px;color:var(--green);background:rgba(15,92,44,.55);border:1px solid var(--green-deep);padding:3px 9px;border-radius:8px;text-decoration:none}
a.cat:hover{background:var(--green);color:#fff}
.catlinks{display:inline-flex;flex-wrap:wrap;gap:6px;vertical-align:middle}

.hero-side{display:flex;flex-direction:column;gap:12px}
.hs-item{flex:1;display:flex;gap:12px;background:var(--card);border:1px solid var(--border);border-radius:14px;padding:10px;transition:.15s}
.hs-item:hover{border-color:var(--green)}
.hs-thumb{width:120px;border-radius:10px;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#fff;opacity:.95;background-size:cover;background-position:center top;min-height:84px}
.hs-body{display:flex;flex-direction:column;gap:6px;padding:4px 2px;min-width:0}
.hs-body h4{font-size:.88rem;font-weight:800;line-height:1.35}
.hs-body small{font-size:.7rem;color:var(--muted)}

.sec-head{display:flex;align-items:center;justify-content:space-between;margin:6px 2px 12px}
.sec-head h3{font-size:.85rem;font-weight:800;letter-spacing:1px;border-bottom:2px solid var(--green);padding-bottom:7px}
.sec-head.tight{margin:0 0 12px}
.sec-head.tight h3{border:none;padding:0}
.sec-more{font-size:.76rem;color:var(--muted)}
.sec-more:hover{color:var(--green)}

.feat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(215px,1fr));gap:14px;margin-bottom:24px}
.fcard{background:var(--card);border:1px solid var(--border);border-radius:14px;overflow:hidden;transition:.18s;display:block}
.fcard:hover{transform:translateY(-3px);border-color:var(--green)}
.f-img{position:relative;height:120px;display:flex;align-items:center;justify-content:center;color:#fff;background-size:cover;background-position:center top}
.f-img .cat{position:absolute;left:10px;bottom:10px}
.f-body{padding:12px 13px}
.f-body h4{font-size:.86rem;font-weight:800;line-height:1.4;margin-bottom:8px}
.f-meta{display:flex;justify-content:space-between;font-size:.7rem;color:var(--muted)}
.f-meta span{display:flex;align-items:center;gap:5px}
.v-dur{position:absolute;left:10px;bottom:10px;background:rgba(0,0,0,.6);font-size:.62rem;font-weight:800;letter-spacing:.6px;padding:4px 8px;border-radius:7px;color:#fff}
.v-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;opacity:.9}
.fcard:hover .v-play{opacity:1;transform:scale(1.06)}

.match{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;padding:11px 2px;border-bottom:1px solid var(--border)}
.match:last-of-type{border-bottom:none}
.mteam{display:flex;align-items:center;gap:9px;font-size:.8rem;font-weight:700;min-width:0}
.mteam span:not(.mbadge){white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mteam.right{justify-content:flex-end}
.mbadge{position:relative;width:38px;height:38px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:.56rem;font-weight:800;color:#fff;flex-shrink:0;border:1px solid rgba(255,255,255,.25);overflow:hidden}
.mbadge i{font-style:normal}
.mbadge img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:var(--card2);padding:2px;border-radius:50%}
.mbadge.sm{width:28px;height:28px;font-size:.48rem}
.mbadge.lg{width:48px;height:48px;font-size:.62rem}
/* yaklaşan maç satırı: logo üstte, isim altta (mockup düzeni) */
.match.up .mteam{flex-direction:column;gap:6px;justify-content:flex-start;text-align:center;font-size:.76rem}
.match.up .mteam span:not(.mbadge){white-space:normal;line-height:1.25}
.mtime{text-align:center}
.mtime small{display:block;font-size:.64rem;color:var(--muted)}
.mtime b{font-size:.9rem}

.stand{width:100%;border-collapse:collapse;font-size:.76rem}
.stand th{color:var(--muted);font-size:.6rem;letter-spacing:.8px;padding:7px 4px;text-align:center}
.stand td{padding:8px 4px;border-top:1px solid var(--border);text-align:center}
.stand .tl{text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}
.stand .pos{font-weight:800;width:22px}
.stand .pos.p1{color:var(--green)}
.stand .pos.p2{color:#60a5fa}
.stand .pts{font-weight:800;color:var(--green)}

.trend{list-style:none;display:flex;flex-direction:column}
.trend li{border-bottom:1px solid var(--border)}
.trend li:last-child{border-bottom:none}
.trend a{display:flex;align-items:center;gap:12px;padding:11px 2px;font-size:.8rem;font-weight:600;line-height:1.4}
.trend a:hover{color:var(--green)}
.tno{width:22px;height:22px;border-radius:50%;background:var(--green-deep);color:var(--green);font-size:.68rem;font-weight:800;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}

/* ============ CANLI SKOR / MAÇLAR ============ */
.live-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#ef4444;margin-right:8px;animation:pulse 1.2s infinite}
@keyframes pulse{0%,100%{opacity:1;box-shadow:0 0 0 0 rgba(239,68,68,.5)}50%{opacity:.7;box-shadow:0 0 0 5px rgba(239,68,68,0)}}
.sc-live{color:var(--green)}
.tabbar{display:flex;align-items:center;gap:8px;margin-bottom:16px;flex-wrap:wrap}
.tb{display:flex;align-items:center;background:var(--card);border:1px solid var(--border);color:var(--muted);padding:10px 20px;border-radius:22px;font-size:.8rem;font-weight:800;letter-spacing:.6px;cursor:pointer}
.tb.on{background:var(--green-deep);border-color:var(--green);color:#d3f5de}
.toggle-all{margin-left:auto;display:flex;align-items:center;gap:7px;font-size:.8rem;color:var(--muted);cursor:pointer;user-select:none}
.lgroup{background:var(--card);border:1px solid var(--border);border-radius:14px;margin-bottom:14px;overflow:hidden}
.lg-head{background:var(--card2);padding:10px 16px;font-size:.7rem;font-weight:800;letter-spacing:1px;color:var(--muted);border-bottom:1px solid var(--border)}
.lgroup .match{padding:12px 16px;cursor:pointer}
.lgroup .match:hover{background:var(--card2)}
.lgroup .mtime b{font-size:1rem}
.det-sec{font-size:.64rem;font-weight:800;letter-spacing:1px;color:var(--green);margin:12px 0 6px}
.det-row{font-size:.8rem;padding:5px 0;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:8px}
.det-row:last-child{border-bottom:none}
.det-no{display:inline-flex;width:22px;height:22px;border-radius:50%;background:var(--card2);border:1px solid var(--border);align-items:center;justify-content:center;font-size:.62rem;font-weight:800;flex-shrink:0}
.det-av{width:24px;height:24px;border-radius:50%;object-fit:cover;object-position:top;background:var(--card2);flex-shrink:0}

/* ============ LINEUP BUILDER v2 (3 sütun) ============ */
.lb{display:grid;grid-template-columns:265px 1fr 320px;gap:16px;max-width:1500px;margin:0 auto;width:100%}
@media(max-width:1250px){.lb{grid-template-columns:230px 1fr}.lb-right{grid-column:1/-1}}
@media(max-width:900px){
  .lb{grid-template-columns:1fr}
  .lb-mid{order:-1}   /* telefonda önce saha */
  .plist2{max-height:300px}
  .lb-left,.lb-right{position:static;max-height:none;overflow:visible}  /* mobilde sticky kapalı */
}
.lb-left,.lb-right{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:16px;height:fit-content;
  position:sticky;top:88px;align-self:start;max-height:calc(100vh - 100px);overflow-y:auto}
.lb-tabs{display:flex;gap:4px;border-bottom:1px solid var(--border);margin-bottom:14px}
.lb-tabs button{flex:1;background:none;border:none;color:var(--muted);font-size:.8rem;font-weight:800;padding:10px 4px;cursor:pointer;border-bottom:2px solid transparent}
.lb-tabs button.on{color:var(--green);border-bottom-color:var(--green)}
.lb-lab{display:block;font-size:.68rem;font-weight:800;letter-spacing:.8px;color:var(--muted);margin:16px 0 8px}
.lb-name{display:flex;align-items:center;gap:8px;background:var(--bg2);border:1px solid var(--border);border-radius:10px;padding:0 12px;color:var(--muted)}
.lb-name input{flex:1;background:none;border:none;color:var(--text);padding:11px 0;font-size:.9rem;font-weight:700;outline:none}
.lb-hint{font-size:.78rem;color:var(--muted);line-height:1.55;padding:8px 2px}

.fgrid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}
.fcell{background:var(--bg2);border:1px solid var(--border);border-radius:10px;padding:8px 4px 6px;cursor:pointer;color:var(--muted)}
.fcell.on{border-color:var(--green);box-shadow:0 0 0 2px rgba(34,197,94,.25);color:var(--text)}
.fcell b{display:block;font-size:.64rem;font-weight:800;margin-top:5px;text-align:center}
.fdots{position:relative;display:block;width:100%;aspect-ratio:1/1.05;background:rgba(34,197,94,.07);border-radius:6px}
.fdots i{position:absolute;width:5px;height:5px;border-radius:50%;background:var(--green);transform:translate(-50%,-50%)}
.fcell.on .fdots i{background:#4ade80}

.themes{display:flex;gap:10px;flex-wrap:wrap}
.thbtn{width:36px;height:36px;flex:0 0 36px;border-radius:50%;border:2px solid var(--border);cursor:pointer;padding:0}
.thbtn.on{border-color:var(--green);box-shadow:0 0 0 3px rgba(34,197,94,.3)}
.th-classic{background:repeating-linear-gradient(0deg,#2e9e4f 0 25%,#37aa58 25% 50%)}
.th-night{background:repeating-linear-gradient(0deg,#14351f 0 25%,#183f25 25% 50%)}
.th-mono{background:repeating-linear-gradient(0deg,#2b2f2c 0 25%,#333835 25% 50%)}
.th-blue{background:repeating-linear-gradient(0deg,#14406b 0 25%,#184a7c 25% 50%)}
#pitch.th-night{background:repeating-linear-gradient(0deg,#14351f 0 12.5%,#183f25 12.5% 25%)}
#pitch.th-mono{background:repeating-linear-gradient(0deg,#2b2f2c 0 12.5%,#333835 12.5% 25%)}
#pitch.th-blue{background:repeating-linear-gradient(0deg,#14406b 0 12.5%,#184a7c 12.5% 25%)}

/* ---- YENİ TEMALAR ---- */
/* buton örnekleri */
.th-retro{background:repeating-linear-gradient(0deg,#8a9a55 0 25%,#94a361 25% 50%)}
.th-euro{background:linear-gradient(135deg,#0d1b4c,#3a1f6e)}
.th-stadium{background:linear-gradient(180deg,#0d1c14,#1c5a34)}
/* RETRO — soluk/sararmış çim, eski kart hissi */
#pitch.th-retro{background:repeating-linear-gradient(0deg,#8a9a55 0 12.5%,#94a361 12.5% 25%);filter:sepia(.14) saturate(.9) brightness(1.02)}
#stage.th-retro{background:radial-gradient(ellipse at 50% 42%,#f2ead4,#e5dabb 62%,#d6c9a3);border-radius:16px;padding:4px}
#stage.th-retro .team-tag{background:rgba(60,50,30,.8);color:#f2ead4}
/* AVRUPA GECESİ (Champions) — koyu lacivert, mavi/mor ışık geçişleri (özgün, marka içermez) */
#pitch.th-euro{background:repeating-linear-gradient(0deg,#15532f 0 12.5%,#1b6038 12.5% 25%)}
#stage.th-euro{background:radial-gradient(circle at 28% 16%,rgba(64,96,230,.42),transparent 52%),radial-gradient(circle at 78% 86%,rgba(150,60,220,.36),transparent 52%),linear-gradient(160deg,#060b28,#0d1b4c 60%,#1a1140);border-radius:16px;padding:6px}
/* STADYUM — tribün + projektör hissi, gece atmosferi */
#pitch.th-stadium{background:repeating-linear-gradient(0deg,#1c5a34 0 12.5%,#22683d 12.5% 25%)}
#stage.th-stadium{background:radial-gradient(circle at 18% 6%,rgba(255,255,255,.28),transparent 20%),radial-gradient(circle at 82% 6%,rgba(255,255,255,.28),transparent 20%),repeating-linear-gradient(90deg,#0b120e 0 7px,#141d17 7px 14px);border-radius:16px;padding:6px}
#stage.th-stadium .parea,#stage.th-euro .parea{filter:drop-shadow(0 10px 30px rgba(0,0,0,.5))}

.ops{display:flex;flex-direction:column;gap:6px}
.ops button{display:flex;align-items:center;gap:10px;background:var(--bg2);border:1px solid var(--border);color:var(--text);border-radius:10px;padding:10px 13px;font-size:.82rem;font-weight:600;cursor:pointer;text-align:left}
.ops button:hover{border-color:var(--green);color:#d3f5de}
.hbtn.wide{display:flex;width:100%}

.lb-mid{min-width:0}
.lb-head{display:flex;align-items:center;gap:12px;margin-bottom:12px;flex-wrap:wrap}
.lb-head h1,.lb-head h2{font-size:1.25rem;font-weight:800}
.saved-tag{display:inline-flex;align-items:center;gap:5px;color:var(--green);font-size:.78rem;font-weight:800}
.node .nx{position:absolute;top:-7px;right:-7px;width:20px;height:20px;border-radius:50%;background:#0c100e;border:1.5px solid #46524a;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:.15s}
.node:hover .nx{opacity:1}
.node .nx:hover{background:#7f1d1d;border-color:#f87171}

.bench-card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:14px 16px;margin-top:16px}
.bench-head2{font-size:.78rem;font-weight:800;letter-spacing:1px;margin-bottom:12px}
.bench-head2 b{color:var(--green);margin-left:6px}
.bench-row{display:flex;gap:10px;overflow-x:auto;padding-bottom:4px}
.bcard{position:relative;flex:0 0 96px;background:var(--card2);border:1px solid var(--border);border-radius:12px;padding:10px 6px 8px;text-align:center}
.bcard .bimg{width:52px;height:52px;border-radius:50%;margin:0 auto 6px;background:radial-gradient(circle at 35% 30%,#39463e,#141a16);border:2px solid #37423a;overflow:hidden;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.8rem}
.bcard .bimg img{width:100%;height:100%;object-fit:cover;object-position:top}
.bcard b{display:block;font-size:.66rem;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bcard small{font-size:.58rem;color:var(--muted);font-weight:700}
.bcard .bnum{position:absolute;top:6px;left:6px;background:#0c100e;border:1px solid #46524a;font-size:.56rem;font-weight:800;padding:1px 5px;border-radius:7px}
.bcard .bdel{position:absolute;top:4px;right:4px;background:none;border:none;color:var(--muted);cursor:pointer}
.bcard .bdel:hover{color:#f87171}
.bcard.badd{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border-style:dashed;background:none;color:var(--muted);cursor:pointer}
.bcard.badd:hover,.bcard.badd.on{color:var(--green);border-color:var(--green)}

.rsearch{display:flex;align-items:center;gap:8px;background:var(--bg2);border:1px solid var(--border);border-radius:10px;padding:0 12px;color:var(--muted);margin-bottom:10px}
.rsearch input{flex:1;background:none;border:none;color:var(--text);padding:11px 0;font-size:.88rem;outline:none}
.chips{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}
.chips button{background:var(--bg2);border:1px solid var(--border);color:var(--muted);font-size:.7rem;font-weight:800;padding:6px 12px;border-radius:14px;cursor:pointer}
.chips button.on{background:var(--green);border-color:var(--green);color:#052e12}
.plist2{max-height:430px;overflow-y:auto;display:flex;flex-direction:column;gap:6px;margin-bottom:14px}
.prow{display:flex;align-items:center;gap:10px;background:var(--card2);border:1px solid var(--border);border-radius:11px;padding:8px 10px}
.prow:hover{border-color:var(--green)}
.pav{width:38px;height:38px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#39463e,#141a16);overflow:hidden;display:flex;align-items:center;justify-content:center;font-size:.66rem;font-weight:800;flex-shrink:0}
.pav img{width:100%;height:100%;object-fit:cover;object-position:top}
.pinfo{flex:1;min-width:0}
.pinfo b{display:block;font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pinfo small{font-size:.64rem;color:var(--muted)}
.pnum{font-size:.62rem;font-weight:800;color:var(--muted);background:var(--bg2);border:1px solid var(--border);padding:2px 7px;border-radius:8px}
.pfav,.padd{background:var(--bg2);border:1px solid var(--border);color:var(--muted);width:28px;height:28px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.padd{color:var(--green);font-weight:800}
.padd:hover{background:var(--green);color:#052e12}
.pfav.on{color:var(--gold);border-color:var(--gold)}
.saveditem{display:flex;align-items:center;justify-content:space-between;gap:8px;background:var(--card2);border:1px solid var(--border);border-radius:11px;padding:10px 12px;margin-bottom:8px}
.saveditem b{display:block;font-size:.8rem}
.saveditem small{font-size:.66rem;color:var(--muted)}
.saveditem .padd{width:auto;height:auto;border-radius:8px;padding:6px 12px;font-size:.72rem;font-weight:800}

.stats-card{border-top:1px solid var(--border);padding-top:14px}
.srow{display:grid;grid-template-columns:1fr auto;gap:4px 10px;font-size:.74rem;color:var(--muted);margin-bottom:10px}
.srow b{color:var(--text)}
.srow .sbar{grid-column:1/-1;height:6px;background:var(--bg2);border-radius:4px}
.srow .sbar div{height:6px;background:var(--green);border-radius:4px}

.adz{margin:14px 0;text-align:center}
.adz img{max-width:100%;border-radius:12px}

/* ============ HABER DETAY (mockup) ============ */
.crumb{font-size:.74rem;color:var(--muted);margin-bottom:14px}
.crumb a:hover{color:var(--green)}
.crumb span{opacity:.8}
.art-title{font-size:1.9rem;font-weight:800;line-height:1.25;margin:12px 0 10px}
.art-lead{font-size:1rem;color:var(--muted);line-height:1.6;margin-bottom:16px}
.art-meta{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:12px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin-bottom:16px}
.am-author{display:flex;align-items:center;gap:11px}
.am-av{width:38px;height:38px;border-radius:50%;background:var(--card2);border:1px solid var(--border);display:inline-flex;align-items:center;justify-content:center;color:var(--muted);overflow:hidden;flex-shrink:0}
.am-av img{width:100%;height:100%;object-fit:cover}
.am-av.big{width:54px;height:54px}
.am-author b{display:block;font-size:.84rem}
.am-author small{font-size:.72rem;color:var(--muted);display:inline-flex;align-items:center;gap:5px}
.am-share{display:flex;align-items:center;gap:8px;font-size:.78rem;color:var(--muted)}
.shbtn{width:34px;height:34px;border-radius:50%;background:var(--card);border:1px solid var(--border);color:var(--text);display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:.85rem;cursor:pointer}
.shbtn:hover{border-color:var(--green);color:var(--green)}
.art-img{border-radius:14px;overflow:hidden;margin-bottom:18px;max-height:440px}
.art-img img{width:100%;object-fit:cover;display:block}
.art-body{font-size:.95rem;line-height:1.8;color:#d5e0d8}
.art-body p{margin-bottom:14px}
.art-body h2{font-size:1.3rem;font-weight:800;color:var(--text);margin:24px 0 12px}
.art-body h3{font-size:1.15rem;font-weight:800;color:var(--text);margin:22px 0 10px}
.art-body ul,.art-body ol{margin:0 0 14px;padding-left:24px}
.art-body li{margin-bottom:6px}
.art-body blockquote{border-left:3px solid var(--green);margin:0 0 14px;padding:8px 16px;color:var(--muted);font-style:italic;background:var(--bg2);border-radius:0 8px 8px 0}
.art-body a{color:var(--green);text-decoration:underline}
.art-body img{max-width:100%;height:auto;border-radius:10px;margin:10px 0}
.art-body strong,.art-body b{color:var(--text);font-weight:700}
.art-src{font-size:.76rem;color:var(--muted);margin-top:6px}
.art-src a{color:var(--green)}

.matchbox{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:18px;margin:22px 0}
.mb-head{font-size:.72rem;font-weight:800;letter-spacing:1px;color:var(--muted);margin-bottom:16px}
.mb-head span{color:var(--muted);font-weight:600;letter-spacing:0}
.mb-score{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;text-align:center}
.mb-team b{display:block;margin-top:8px;font-size:.9rem}
.mb-mid b{font-size:1.9rem;font-weight:800;color:var(--green)}
.mb-mid small{display:block;font-size:.68rem;color:var(--muted);margin:4px 0}
.mb-score .mbadge.lg{width:62px;height:62px;margin:0 auto}
.mb-goals{margin-top:14px;border-top:1px solid var(--border);padding-top:10px;display:flex;flex-direction:column;gap:5px}
.mb-g{font-size:.78rem;color:#d5e0d8}
.mb-g b{color:var(--green);margin-right:6px}
.mb-g.right{text-align:right}

.art-tags{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:20px 0}
.art-tags span{font-size:.66rem;font-weight:800;letter-spacing:1px;color:var(--muted);width:100%}
.art-tags a{background:var(--card);border:1px solid var(--border);color:var(--text);font-size:.74rem;font-weight:700;padding:7px 14px;border-radius:9px}
.art-tags a:hover{border-color:var(--green);color:var(--green)}
.author-card{display:flex;gap:14px;align-items:center;background:var(--card);border:1px solid var(--border);border-radius:14px;padding:16px;margin:16px 0}
.author-card b{font-size:.9rem}
.author-card p{font-size:.78rem;color:var(--muted);margin-top:4px;line-height:1.5}
.art-comments{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:18px;margin-top:16px}
.art-comments h3{font-size:.78rem;letter-spacing:1px;color:var(--green);margin-bottom:12px}
.cmt{border-bottom:1px solid var(--border);padding:9px 0}
.cmt b{font-size:.84rem}
.cmt small{color:var(--muted)}
.cmt p{font-size:.84rem;color:#d5e0d8;margin-top:4px;line-height:1.55}

.mini-news{display:flex;gap:11px;padding:8px 0;border-bottom:1px solid var(--border)}
.mini-news:last-of-type{border-bottom:none}
.mn-th{width:64px;height:48px;border-radius:9px;flex-shrink:0;background-size:cover;background-position:center top;display:flex;align-items:center;justify-content:center;color:#fff}
.mn-b b{display:block;font-size:.78rem;font-weight:700;line-height:1.35}
.mn-b small{font-size:.66rem;color:var(--muted)}
.mini-news:hover .mn-b b{color:var(--green)}

.fixt{display:flex;gap:14px;align-items:center;padding:10px 0;border-bottom:1px solid var(--border)}
.fixt:last-of-type{border-bottom:none}
.fx-date{text-align:center;min-width:52px}
.fx-date b{display:block;font-size:.72rem;color:var(--muted)}
.fx-date small{font-size:.68rem;color:var(--muted);opacity:.8}
.fx-teams{flex:1;display:flex;flex-direction:column;gap:7px}
.fx-t{display:flex;align-items:center;gap:9px;font-size:.8rem;font-weight:700}

.nlbox p{font-size:.8rem;color:var(--muted);line-height:1.5;margin-bottom:12px}
.nlbox input{width:100%;background:var(--bg2);border:1px solid var(--border);border-radius:9px;color:var(--text);padding:11px 13px;font-size:.85rem}
.nlbox small{display:block;font-size:.62rem;color:var(--muted);margin-top:8px;opacity:.8}

/* ============ ADMIN PANELİ ============ */
.atabs{display:flex;gap:6px;margin:16px 0 18px;flex-wrap:wrap}
.atabs a{background:var(--card);border:1px solid var(--border);color:var(--muted);padding:9px 18px;border-radius:20px;font-size:.8rem;font-weight:800}
.atabs a.on{background:var(--green-deep);border-color:var(--green);color:#d3f5de}
.amsg{background:var(--green-deep);border:1px solid var(--green);color:#d3f5de;font-size:.82rem;font-weight:700;padding:10px 16px;border-radius:10px;margin:12px 0;display:inline-block}
.statrow{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-bottom:16px}
.stat{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:16px}
.stat b{display:block;font-size:1.5rem;color:var(--green)}
.stat span{font-size:.72rem;color:var(--muted);letter-spacing:.5px}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.pill{display:inline-block;background:var(--card2);border:1px solid var(--border);color:var(--muted);font-size:.66rem;font-weight:800;padding:4px 10px;border-radius:12px}
.pill.ok{background:var(--green-deep);border-color:var(--green);color:#d3f5de}
.seo-box{background:var(--bg2);border:1px solid var(--border);border-radius:12px;padding:14px;margin-bottom:12px}
.botlog{background:var(--bg2);border:1px solid var(--border);border-radius:10px;padding:12px;font-size:.72rem;color:var(--muted);white-space:pre-wrap;max-height:180px;overflow-y:auto}
.btn-outline.wide{display:block;width:100%;text-align:center}

/* ============ MAÇLAR SAYFASI v2 (mockup) ============ */
.mx{display:grid;grid-template-columns:225px 1fr 330px;gap:16px;max-width:1500px;margin:0 auto;width:100%}
/* sol sütunsuz düzen (transfer merkezi) */
.mx.mx-2col{grid-template-columns:1fr 330px;max-width:1240px}
/* sağ sütun kartları arasına boşluk */
.mx-right{display:flex;flex-direction:column;gap:16px}
@media(max-width:1250px){.mx{grid-template-columns:200px 1fr}.mx-right{grid-column:1/-1}
  .mx.mx-2col{grid-template-columns:1fr 300px}.mx.mx-2col .mx-right{grid-column:auto}}
@media(max-width:900px){.mx,.mx.mx-2col{grid-template-columns:1fr}.mx-left{display:none}}

/* ================= MAÇLAR — Sofascore tarzı (liste | detay) ================= */
.sofa{display:grid;grid-template-columns:1fr 1fr;gap:18px;max-width:1400px;margin:0 auto;width:100%;align-items:start}
.sofa-list{background:var(--card);border:1px solid var(--border);border-radius:18px;padding:0;min-width:0;overflow:hidden}
.sofa-top{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;
  padding:14px 16px;background:linear-gradient(180deg,rgba(55,170,88,.08),transparent);border-bottom:1px solid var(--border)}
.sofa-tabs{display:flex;gap:4px}
.sofa-tabs button{background:transparent;border:none;color:var(--muted);font-size:.95rem;font-weight:800;padding:7px 4px;margin-right:8px;cursor:pointer;border-bottom:3px solid transparent;letter-spacing:.2px}
.sofa-tabs button.on{color:var(--text);border-bottom-color:var(--green)}
.sofa-datenav{display:flex;align-items:center;gap:4px;background:var(--bg2);border:1px solid var(--border);border-radius:22px;padding:3px}
.sofa-datenav button{background:transparent;border:none;color:var(--text);font-size:1.15rem;cursor:pointer;width:30px;height:30px;border-radius:50%;line-height:1}
.sofa-datenav button:hover{background:var(--card);color:var(--green)}
.sofa-datenav span{font-size:.82rem;font-weight:800;min-width:72px;text-align:center}
.sofa-filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:12px 16px;border-bottom:1px solid var(--border)}
.sofa-filters button[data-st]{background:var(--bg2);border:1px solid var(--border);color:var(--muted);border-radius:20px;padding:7px 15px;font-size:.8rem;font-weight:800;cursor:pointer;transition:.15s}
.sofa-filters button[data-st].on{background:var(--green);border-color:var(--green);color:#052e12}
.sofa-filters button[data-st="canli"].on{background:#e5484d;border-color:#e5484d;color:#fff}
.sofa-filters button[data-st]:not(.on):hover{color:var(--text);border-color:var(--green)}
.sofa-filters button[data-st] b{font-weight:900}
.sofa-filters .spacer{flex:1}
.sofa-datepick{position:relative;display:flex;align-items:center;gap:5px;background:var(--bg2);border:1px solid var(--border);border-radius:20px;padding:7px 13px;color:var(--muted);cursor:pointer;font-size:.78rem;font-weight:700}
.sofa-datepick:hover{color:var(--green);border-color:var(--green)}
.sofa-datepick input{position:absolute;inset:0;opacity:0;cursor:pointer}
#sofaMatches{padding:6px 8px 10px}

/* lig blokları */
.lg-block{margin:8px 4px;border:1px solid var(--border);border-radius:12px;overflow:hidden;background:var(--bg2)}
.lg-head{display:flex;align-items:center;gap:10px;padding:11px 12px;cursor:pointer;background:rgba(255,255,255,.02);transition:.15s}
.lg-head:hover{background:rgba(55,170,88,.07)}
.lg-logo{width:26px;height:26px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--card);border-radius:50%;padding:3px}
.lg-logo img{max-width:100%;max-height:100%;object-fit:contain}
.lg-tit{flex:1;min-width:0;line-height:1.25}
.lg-tit b{font-size:.83rem;font-weight:800;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lg-tit small{font-size:.68rem;color:var(--muted)}
.lg-cnt{font-size:.72rem;font-weight:800;color:var(--green);background:var(--green-deep);border-radius:20px;padding:3px 10px}
.lg-live{font-size:.68rem;font-weight:900;letter-spacing:.5px;color:#fff;background:#e5484d;border-radius:20px;padding:3px 10px;display:inline-flex;align-items:center;gap:5px}
.lg-live::before{content:"";width:6px;height:6px;border-radius:50%;background:#fff;animation:livePulse 1.2s infinite}
.lg-chev{color:var(--muted);font-size:.85rem;transition:transform .2s}
.lg-block.col .lg-items{display:none}
.lg-block.col .lg-chev{transform:rotate(-90deg)}
.lg-items{padding:4px 6px 6px}

/* maç satırı */
.sofa-row{display:grid;grid-template-columns:56px 1fr 40px;align-items:center;gap:10px;padding:9px 8px;cursor:pointer;border-radius:10px;transition:.12s;position:relative}
.sofa-row+.sofa-row{margin-top:2px}
.sofa-row:hover{background:var(--card)}
.sofa-row.sel{background:var(--green-deep);box-shadow:inset 3px 0 0 var(--green)}
.sr-time{font-size:.74rem;color:var(--muted);text-align:center;font-weight:700;line-height:1.3}
.sr-time .sc-live{color:#ff5a5f;font-weight:900;display:inline-flex;align-items:center;gap:4px}
.sr-time .sc-live::before{content:"";width:6px;height:6px;border-radius:50%;background:#ff5a5f;animation:livePulse 1.2s infinite}
.sr-time .ms{color:var(--muted);font-weight:800}
.sr-teams{display:flex;flex-direction:column;gap:6px;min-width:0}
.sr-t{display:flex;align-items:center;gap:9px;min-width:0}
.sr-nm{flex:1;font-size:.87rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;order:2}
.sr-t .mbadge{order:1}
.sr-sc{display:flex;flex-direction:column;gap:6px;text-align:center;font-size:.95rem;font-weight:800}
.sr-sc b{background:var(--card);border-radius:6px;padding:1px 0}
.sofa-row.sel .sr-sc b{background:rgba(0,0,0,.25)}
.sr-sc .sc-live{color:#ff5a5f}
.sr-sc .vs{color:var(--muted);font-weight:400;background:none}
.sofa-row.canli{background:linear-gradient(90deg,rgba(229,72,77,.08),transparent)}
@keyframes livePulse{0%,100%{opacity:1}50%{opacity:.25}}

/* sağ: detay paneli */
.sofa-detail{background:var(--card);border:1px solid var(--border);border-radius:18px;position:sticky;top:88px;min-height:440px;overflow:hidden}
.sofa-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;height:440px;color:var(--muted);text-align:center;padding:24px}
.sofa-empty svg{opacity:.25}
.det-head{padding:20px 20px 18px;border-bottom:1px solid var(--border);position:relative;
  background:radial-gradient(120% 120% at 50% 0%,rgba(55,170,88,.14),transparent 60%),var(--bg2)}
.det-close{position:absolute;top:12px;right:14px;background:var(--card);border:1px solid var(--border);border-radius:50%;width:28px;height:28px;color:var(--muted);font-size:1rem;cursor:pointer;line-height:1}
.det-close:hover{color:#fff;border-color:var(--green)}
.det-league{display:flex;align-items:center;gap:7px;justify-content:center;font-size:.7rem;font-weight:700;letter-spacing:.3px;color:var(--muted);margin-bottom:16px}
.det-league img{width:18px;height:18px;object-fit:contain}
.det-score{display:grid;grid-template-columns:1fr auto 1fr;align-items:start;gap:12px}
.det-team{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}
.det-team .mbadge.lg{width:60px;height:60px}
.det-team b{font-size:.85rem;font-weight:800;line-height:1.2}
.det-mid{text-align:center;padding-top:8px}
.det-sc{font-size:2.3rem;font-weight:900;display:block;letter-spacing:1px}
.det-sc.sc-live{color:#ff5a5f}
.det-mid small{font-size:.72rem;color:var(--muted);font-weight:700}
.det-tabs{display:flex;gap:2px;padding:0 14px;border-bottom:1px solid var(--border);overflow-x:auto}
.det-tabs button{background:transparent;border:none;color:var(--muted);font-size:.82rem;font-weight:800;padding:12px 13px;cursor:pointer;border-bottom:3px solid transparent;white-space:nowrap}
.det-tabs button.on{color:var(--text);border-bottom-color:var(--green)}
.det-body{padding:16px 20px;max-height:560px;overflow-y:auto}
.det-sec{font-size:.68rem;font-weight:800;letter-spacing:.6px;color:var(--green);margin:14px 0 8px}
.det-sec:first-child{margin-top:0}
.det-line{display:flex;align-items:center;gap:9px;padding:6px 0;font-size:.85rem;border-bottom:1px solid var(--border)}
.det-line.a{flex-direction:row-reverse;text-align:right}
.dl-t{font-size:.72rem;color:var(--muted);min-width:26px;font-weight:700}
.dl-no{width:22px;text-align:center;color:var(--muted);font-size:.75rem;font-weight:700}
.dl-av{width:24px;height:24px;border-radius:50%;object-fit:cover;background:var(--bg2)}
.dl-p{flex:1}
.dl-i{font-size:.85rem}
.stat-row{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;gap:8px;padding:7px 0;font-size:.8rem;border-bottom:1px solid var(--border)}
.stat-row span{text-align:center;color:var(--muted);font-size:.74rem}
.stat-row b{text-align:center;font-weight:700}

/* ===== maç detay header ince ayar ===== */
.det-league{gap:8px}
.det-trophy{display:inline-flex;align-items:center}
.det-league b{color:var(--text);font-weight:800}
.det-dot{color:var(--muted)}
.det-mid small.lv{color:var(--green,#37d67a);font-weight:800}

/* ===== maç olayları zaman çizgisi ===== */
.mev-sec{color:var(--green,#37d67a);font-size:.72rem;font-weight:800;letter-spacing:1px;padding:4px 4px 12px}
.mev{position:relative;padding:2px 0}
.mev::before{content:"";position:absolute;top:6px;bottom:6px;left:50%;border-left:2px dashed rgba(255,255,255,.13);transform:translateX(-50%)}
.mev-row{display:grid;grid-template-columns:1fr 60px 1fr;align-items:center;padding:8px 4px;position:relative}
.mev-l{display:flex;align-items:center;justify-content:flex-start;gap:9px;min-width:0}
.mev-r{display:flex;align-items:center;justify-content:flex-end;gap:9px;min-width:0}
.mev-c{display:flex;align-items:center;justify-content:center}
.mev-min{min-width:40px;height:26px;padding:0 6px;border-radius:14px;border:1px solid rgba(55,214,122,.45);background:var(--bg2,var(--card));color:var(--green,#37d67a);font-size:.72rem;font-weight:800;display:flex;align-items:center;justify-content:center;z-index:1}
.mev-m{font-size:.74rem;color:var(--muted);font-weight:700;flex-shrink:0}
.mev-ic{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}
.mev-tx{min-width:0}
.mev-tx.l{text-align:left}
.mev-tx.r{text-align:right}
.mev-tx b{font-size:.9rem;font-weight:600;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text)}
.mev-tx small{font-size:.74rem;color:var(--muted)}
.mev-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;padding:16px 8px 6px;border-top:1px solid var(--border);margin-top:12px}
.mev-legend>span{display:inline-flex;align-items:center;gap:7px;font-size:.76rem;color:var(--muted)}
.mev-legend svg{vertical-align:middle}
.mev-half{display:flex;align-items:center;gap:10px;padding:10px 4px;color:var(--muted);font-size:.7rem;font-weight:800;letter-spacing:1.2px;text-transform:uppercase}
.mev-half::before,.mev-half::after{content:'';flex:1;height:1px;background:var(--border)}

/* ===== kadrolar (iki sütun) ===== */
.lu-wrap{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.lu-col{border:1px solid var(--border);border-radius:12px;overflow:hidden;background:var(--bg2,var(--card))}
.lu-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px}
.lu-head b{font-size:1rem;font-weight:800;letter-spacing:.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lu-form{font-size:.7rem;font-weight:800;letter-spacing:.3px;flex-shrink:0}
.lu-list{padding:2px 0}
.lu-row{display:flex;align-items:center;gap:11px;padding:9px 14px;border-top:1px solid rgba(255,255,255,.045)}
.lu-list .lu-row:first-child{border-top:0}
.lu-no{min-width:22px;text-align:center;font-weight:800;font-size:.82rem;flex-shrink:0}
.lu-nm{font-size:.9rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text)}
.lu-cap{width:18px;height:18px;border-radius:50%;background:var(--green,#37d67a);color:#04210f;font-size:.6rem;font-weight:900;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}
.lu-marks{display:inline-flex;align-items:center;gap:12px;margin-left:auto;flex-shrink:0}
.lu-mk{display:inline-flex;align-items:center;gap:5px;font-size:.75rem}
.lu-mk i{font-style:normal;color:var(--green,#37d67a);font-weight:700}
.lu-gi{display:inline-flex;color:#dfe7f0}
.lu-sub-h{font-size:.64rem;font-weight:800;letter-spacing:1px;color:var(--muted);padding:11px 14px 5px;border-top:1px solid var(--border)}
@media(max-width:720px){.lu-wrap{grid-template-columns:1fr}}

/* ===== istatistikler ===== */
.ist-cards{display:flex;gap:10px;overflow-x:auto;padding:2px 2px 16px}
.ist-card{flex:1 0 auto;min-width:132px;background:var(--bg2,var(--card));border:1px solid var(--border);border-radius:12px;padding:12px 14px}
.ist-ct{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:.72rem;font-weight:700;margin-bottom:12px}
.ist-ct svg{opacity:.85}
.ist-cv{display:flex;align-items:center;justify-content:space-between;gap:8px}
.ist-cv b{font-size:1.15rem;font-weight:800}
.ist-cv b.h{color:#3d7bff}
.ist-cv b.a{color:#e5484d}
.ist-xgic{font-size:.62rem;font-weight:800;background:rgba(255,255,255,.09);border-radius:5px;padding:2px 5px;color:var(--muted)}
.ist-list{padding-top:2px}
.ist-row{padding:9px 2px}
.ist-line{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;margin-bottom:8px}
.ist-line span{text-align:center;font-size:.82rem;color:var(--muted)}
.ist-line b{font-size:.92rem;font-weight:800}
.ist-line b.h{color:#3d7bff}
.ist-line b.a{color:#e5484d}
.ist-barwrap{position:relative;height:4px}
.ist-barwrap::before{content:"";position:absolute;inset:0;background:rgba(255,255,255,.07);border-radius:3px}
.ist-bar{position:absolute;top:0;height:4px;border-radius:3px}
.ist-bar.h{right:50%;background:#3d7bff}
.ist-bar.a{left:50%;background:#e5484d}

@media(max-width:980px){
  .sofa{grid-template-columns:1fr}
  .sofa-detail{position:fixed;inset:auto 0 0 0;top:0;z-index:200;border-radius:0;max-height:100vh;overflow-y:auto;display:none;background:var(--bg)}
  .sofa-detail.show{display:block}
}
.mx-left{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:16px 12px;height:fit-content}
.mxl-cap{font-size:.66rem;font-weight:800;letter-spacing:1.4px;color:var(--green);padding:8px 10px 8px}
.mxl-nav{display:flex;flex-direction:column;gap:2px;margin-bottom:14px}
.mxl-nav button{display:flex;align-items:center;gap:10px;background:none;border:none;color:var(--muted);font-size:.85rem;font-weight:600;padding:10px 12px;border-radius:10px;cursor:pointer;text-align:left}
.mxl-nav button:hover{background:var(--card2);color:var(--text)}
.mxl-nav button.on{background:var(--green-deep);color:#d3f5de;border-left:3px solid var(--green)}
.ligdot{width:16px;height:16px;border-radius:50%;flex-shrink:0;border:1px solid rgba(255,255,255,.25)}
.mxl-promo{background:linear-gradient(160deg,var(--green-deep),var(--card2));border:1px solid var(--green);border-radius:14px;padding:16px;margin-top:6px}
.mxl-promo b{font-size:.8rem;letter-spacing:.6px}
.mxl-promo p{font-size:.74rem;color:#c9dccf;line-height:1.5;margin:8px 0 12px}

.mx-mid{min-width:0}
.mx-title{font-size:1.45rem;font-weight:800;margin-bottom:10px}
.datestrip{display:flex;align-items:center;gap:8px;margin-bottom:12px;flex-wrap:wrap}
.ds-arrow{background:var(--card);border:1px solid var(--border);color:var(--text);width:38px;height:48px;border-radius:10px;font-size:1.1rem;cursor:pointer}
.ds-days{display:flex;gap:6px;flex:1;overflow-x:auto}
.ds-day{background:var(--card);border:1px solid var(--border);color:var(--muted);border-radius:10px;padding:7px 13px;cursor:pointer;text-align:center;flex-shrink:0}
.ds-day b{display:block;font-size:.74rem;color:var(--text)}
.ds-day small{font-size:.62rem}
.ds-day.on{background:var(--green);border-color:var(--green)}
.ds-day.on b,.ds-day.on small{color:#052e12}
.ds-pick{position:relative;display:flex;align-items:center;gap:7px;background:var(--card);border:1px solid var(--border);border-radius:10px;padding:0 14px;height:48px;font-size:.74rem;font-weight:800;color:var(--muted);cursor:pointer}
.ds-pick input{position:absolute;inset:0;opacity:0;cursor:pointer}
.mx-filterbar{display:flex;align-items:center;gap:10px;background:var(--card);border:1px solid var(--border);border-radius:12px;padding:10px 16px;margin-bottom:14px;font-size:.82rem;font-weight:700}
.mx-filterbar .spacer{flex:1}

.lg-head2{display:flex;align-items:center;gap:11px;background:var(--card2);padding:10px 16px;border-bottom:1px solid var(--border)}
.lg-head2 b{display:block;font-size:.78rem;letter-spacing:.6px}
.lg-head2 small{font-size:.64rem;color:var(--muted)}
.lg-head2 .spacer{flex:1}
.lg-logo{width:34px;height:34px;border-radius:50%;background:var(--bg2);border:1px solid var(--border);display:inline-flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}
.lg-logo img{width:100%;height:100%;object-fit:contain;padding:3px;background:#fff;border-radius:50%}
.mrow{display:grid;grid-template-columns:58px 1fr auto 1fr auto;align-items:center;gap:10px;padding:11px 16px;border-bottom:1px solid var(--border)}
.mrow:last-child{border-bottom:none}
.mrow:hover{background:rgba(255,255,255,.02)}
.mr-time{font-size:.78rem;font-weight:800;color:var(--green)}
.mr-team{display:flex;align-items:center;gap:9px;font-size:.82rem;font-weight:700;min-width:0}
.mr-team span:not(.mbadge){white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mr-team.h{justify-content:flex-end;text-align:right}
.mr-mid{min-width:44px;text-align:center}
.mr-mid .vs{color:var(--muted)}
.mr-mid b{font-size:.9rem}
.mr-det{background:var(--bg2);border:1px solid var(--border);color:var(--muted);font-size:.68rem;font-weight:800;padding:7px 12px;border-radius:8px;cursor:pointer}
.mr-det:hover{border-color:var(--green);color:var(--green)}
@media(max-width:700px){.mrow{grid-template-columns:48px 1fr auto 1fr}.mr-det{display:none}}

.gday-hero{position:relative;background:radial-gradient(120% 100% at 50% 0%,#2c3b52 0%,#141d17 70%);padding:38px 16px 12px;border-bottom:1px solid var(--border)}
.gday-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 40% 20% at 20% 8%,rgba(255,255,240,.14),transparent 60%),radial-gradient(ellipse 40% 20% at 80% 8%,rgba(255,255,240,.14),transparent 60%)}
.gday-date{position:absolute;top:12px;right:14px;background:rgba(8,11,9,.8);border:1px solid var(--border);border-radius:10px;padding:8px 12px;text-align:center}
.gday-date b{display:block;font-size:1.3rem;line-height:1}
.gday-date small{font-size:.56rem;font-weight:800;letter-spacing:.8px;color:var(--muted)}
.gd-row{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--border);font-size:.8rem}
.gd-row:last-child{border-bottom:none}
.gd-row b{color:var(--green);font-size:.76rem}
.gd-row span{flex:1;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gd-row small{color:var(--muted);font-size:.66rem}
.big-row{display:flex;gap:14px;align-items:center;padding:10px 0;border-bottom:1px solid var(--border)}
.big-row:last-child{border-bottom:none}
.big-b b{display:block;font-size:.8rem}
.big-b small{font-size:.66rem;color:var(--muted)}

/* ============ TRANSFER MERKEZİ ============ */
.mxl-a{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:.85rem;font-weight:600;padding:10px 12px;border-radius:10px}
.mxl-a:hover{background:var(--card2);color:var(--text)}
.mxl-a.on{background:var(--green-deep);color:#d3f5de;border-left:3px solid var(--green)}
.thero{position:relative;background:radial-gradient(120% 130% at 20% 0%,#3a2d14 0%,#171d18 55%,var(--card) 100%);border:1px solid var(--border);border-radius:16px;padding:26px 22px;margin-bottom:20px;text-align:center}
.thero-tag{position:absolute;left:14px;top:14px;background:var(--gold);color:#241a00;font-size:.6rem;font-weight:800;letter-spacing:1px;padding:5px 11px;border-radius:8px}
.thero-clubs{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:14px}
.thero-arr{color:var(--green);font-weight:800;font-size:1.4rem}
.thero-arr.sm{font-size:.9rem}
.thero h2{font-size:1.6rem;font-weight:800;line-height:1.3}
.thero h2 small{font-size:1.15rem;color:#e8d9b0}
.thero p{font-size:.8rem;color:var(--muted);margin-top:10px}
.thero .mbadge.lg{width:54px;height:54px}
.trow{display:grid;grid-template-columns:70px 1.1fr 1.6fr auto;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--border)}
.trow:last-child{border-bottom:none}
.trow:hover{background:rgba(255,255,255,.02)}
.tr-time{font-size:.66rem;font-weight:800;color:var(--green);background:var(--green-deep);border-radius:8px;padding:5px 7px;text-align:center}
.tr-player b{display:block;font-size:.85rem}
.tr-player small{font-size:.66rem;color:var(--muted)}
.tr-clubs{display:flex;align-items:center;gap:8px;min-width:0}
.tr-cn{font-size:.76rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}
.tr-fee{text-align:right}
.tr-fee b{display:block;font-size:.86rem;color:var(--green)}
.tr-fee small{font-size:.62rem;color:var(--muted)}
@media(max-width:700px){.trow{grid-template-columns:60px 1fr auto}.tr-clubs{display:none}}
.dedigrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}
.dedicard{position:relative;background:var(--card);border:1px solid var(--border);border-radius:14px;padding:16px;text-align:center}
.dedicard:hover{border-color:var(--green)}
.dedi-pct{position:absolute;top:10px;right:12px;color:var(--green);font-weight:800;font-size:.82rem}
.dedi-clubs{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:10px}
.dedicard b{display:block;font-size:.88rem}
.dedicard small{font-size:.68rem;color:var(--muted)}
.dedicard p{font-size:.64rem;color:var(--muted);margin-top:8px;opacity:.8}
.ttl-i{display:flex;gap:12px;align-items:center;padding:9px 0;border-bottom:1px solid var(--border)}
.ttl-i:last-child{border-bottom:none}
.ttl-i b{display:block;font-size:.78rem}
.ttl-i small{font-size:.66rem;color:var(--muted)}
.pah-row{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--border)}
.pah-row:last-child{border-bottom:none}
.pah-no{color:var(--muted);font-size:.76rem;width:14px}
.pah-b{flex:1;min-width:0}
.pah-b b{display:block;font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pah-b small{font-size:.64rem;color:var(--muted)}
.pah-fee{font-size:.76rem;color:var(--green);white-space:nowrap}
/* istatistikler sayfası */
.tblwrap{overflow-x:auto}
.tblwrap .stand{min-width:520px}
.statgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}
.pstat2{background:var(--bg2);border:1px solid var(--border);border-radius:11px;padding:12px}
.pstat2 b{display:block;font-size:1.05rem;color:var(--green);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pstat2 span{font-size:.62rem;color:var(--muted);letter-spacing:.4px}

.tpav{position:relative;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#39463e,#141a16);border:2px solid #37423a;overflow:hidden;flex-shrink:0;font-size:.66rem;font-weight:800;color:#fff}
.tpav img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top}
.tpav.big{width:56px;height:56px;margin:0 auto 10px;display:flex}
.tpav.hero{width:74px;height:74px;border-color:var(--gold)}
.tr-player{display:flex;align-items:center;gap:10px;min-width:0}
.tr-player>span{min-width:0}

.mmodal-bg{display:none;position:fixed;inset:0;background:rgba(0,0,0,.72);z-index:200;align-items:center;justify-content:center;padding:16px}
.mmodal-bg.open{display:flex}
.mmodal{background:var(--card);border:1px solid var(--border);border-radius:16px;width:100%;max-width:440px;max-height:82vh;display:flex;flex-direction:column}
.mm-head{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--border)}
.mm-head b{font-size:.92rem}
.mm-close{background:none;border:none;color:var(--muted);font-size:1rem;cursor:pointer}
.mm-close:hover{color:#f87171}
.mm-body{padding:14px 18px;overflow-y:auto}

.toast{position:fixed;bottom:26px;left:50%;transform:translateX(-50%);background:var(--green);color:#052e12;font-weight:800;padding:13px 24px;border-radius:26px;opacity:0;transition:.3s;pointer-events:none;z-index:300}
.toast.show{opacity:1}

/* ============ MOBİL UYUMLULUK ============ */
.hamb{display:none;background:var(--bg2);border:1px solid var(--border);color:var(--text);width:42px;height:42px;border-radius:10px;cursor:pointer;align-items:center;justify-content:center;flex-shrink:0}
@media(max-width:1200px){.rightpanel{display:none}}
@media(max-width:900px){
  .sidebar{display:none}
  .hamb{display:flex}
  .topbar{gap:12px;flex-wrap:nowrap}
  .mainnav{display:none;position:absolute;top:74px;left:0;right:0;background:var(--card);border-bottom:1px solid var(--border);flex-direction:column;padding:8px 14px;z-index:95;box-shadow:0 14px 30px rgba(0,0,0,.5)}
  .mainnav.open{display:flex}
  .mainnav a{padding:13px 8px;border-bottom:1px solid var(--border);border-left:none;font-size:.9rem}
  .mainnav a.on{border-bottom-color:var(--border);color:var(--green)}
  .searchbox{flex:1;min-width:0}
  .searchbox input{width:100%}
  .content{padding:12px}
}
@media(max-width:560px){
  .brand-text small{display:none}
  .brand-text{font-size:1.1rem}
  .btn-outline{display:none}
  .btn-green{padding:9px 14px;font-size:.72rem}
  .topbar{padding:0 12px;height:64px}
  .mainnav{top:64px}
  .art-title{font-size:1.4rem}
  .hero-body h2{font-size:1.25rem}
  .mx-title,.news-wrap h1{font-size:1.15rem}
  .node{width:78px}
  .node .ring{width:44px;height:44px;font-size:.8rem}
  .node .plate .nm{font-size:.58rem;max-width:74px}
  .node .plate .rl{font-size:.46rem}
  .node .rbadge{font-size:.46rem}
  .head-actions .hbtn{padding:8px 11px;font-size:.72rem}
}
/* maçlar: satırın tamamı tıklanabilir, mobilde buton gizli */
.mrow{cursor:pointer}
@media(max-width:900px){
  /* maçlar & transfer sol menüsü: gizlemek yerine yatay şerit */
  .mx-left{display:block;padding:10px}
  .mxl-cap{display:none}
  .mxl-promo{display:none}
  .mxl-nav{flex-direction:row;overflow-x:auto;gap:6px;margin-bottom:6px;padding-bottom:4px}
  .mxl-nav button,.mxl-a{flex-shrink:0;border-left:none;white-space:nowrap;font-size:.76rem;padding:8px 12px}
  .mxl-nav button.on,.mxl-a.on{border-left:none}
  .ticker{overflow-x:auto}
  .tk-items{overflow-x:auto}
}

/* ===== AŞAMA 6: haber AEO/GEO görünür alanları ===== */
.art-upd{font-size:.8rem;color:var(--muted);display:flex;align-items:center;gap:6px;margin:0 0 12px}
.art-tldr{background:var(--card);border:1px solid var(--border);border-left:3px solid var(--green);border-radius:10px;padding:14px 16px;margin:0 0 18px}
.art-tldr .tldr-h{font-size:.7rem;font-weight:800;letter-spacing:1px;color:var(--green);display:flex;align-items:center;gap:6px;margin-bottom:8px}
.art-tldr ul{margin:0;padding-left:18px}
.art-tldr li{margin:4px 0;font-size:.92rem;line-height:1.5}
.art-ents{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:16px 0}
.art-ents .ent-lab{font-size:.66rem;font-weight:800;letter-spacing:1px;color:var(--muted)}
.ent-chip{font-size:.78rem;padding:4px 12px;border-radius:20px;background:var(--card);border:1px solid var(--border);color:var(--text);text-decoration:none}
.ent-chip:hover{border-color:var(--green);color:var(--green)}
.art-corr{background:rgba(229,72,77,.08);border:1px solid rgba(229,72,77,.35);border-radius:8px;padding:10px 14px;font-size:.85rem;margin:14px 0}
.art-sources{margin:18px 0;border-top:1px solid var(--border);padding-top:14px}
.art-sources .src-h{font-size:.7rem;font-weight:800;letter-spacing:1px;color:var(--muted);margin-bottom:6px}
.art-sources ul{margin:0;padding-left:18px}
.art-sources li{font-size:.82rem;margin:3px 0}
.art-sources .src-credit{font-size:.72rem;color:var(--muted);margin:6px 0 0}
.art-faq{margin:22px 0}
.art-faq .faq-h{font-size:1.05rem;font-weight:800;margin-bottom:10px}
.art-faq .faq-i{border:1px solid var(--border);border-radius:8px;padding:10px 14px;margin:8px 0;background:var(--card)}
.art-faq .faq-i summary{cursor:pointer;font-weight:700;font-size:.92rem}
.art-faq .faq-i p{margin:8px 0 0;font-size:.9rem;line-height:1.55;color:var(--muted)}

/* ===== Mobil Slot Picker ===== */
.mslot-overlay{position:fixed;inset:0;z-index:9000;background:rgba(0,0,0,.55);display:flex!important;flex-direction:column;align-items:stretch;justify-content:flex-start;backdrop-filter:blur(2px);padding-top:env(safe-area-inset-top)}
.mslot-overlay[style*="none"]{display:none!important}
.mslot-box{background:var(--card);border-radius:0 0 20px 20px;width:100%;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 8px 40px rgba(0,0,0,.45);animation:mslot-in .18s ease}
@keyframes mslot-in{from{transform:translateY(-24px);opacity:0}to{transform:none;opacity:1}}
.mslot-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px 10px;border-bottom:1px solid var(--border)}
.mslot-head span{font-weight:800;font-size:.95rem;color:var(--text)}
.mslot-close{background:none;border:none;font-size:1.25rem;color:var(--muted);cursor:pointer;padding:4px 8px;line-height:1}
.mslot-search{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--border)}
.mslot-search input{flex:1;background:none;border:none;color:var(--text);font-size:1rem;outline:none;padding:4px 0}
.mslot-list{flex:1;overflow-y:auto;overflow-x:hidden;padding:6px 0}

/* picker satırları — fotoğraf sabit daire, metin taşmaz */
.mslot-list .pitem{display:flex;align-items:center;gap:12px;padding:9px 16px;cursor:pointer;max-width:100%;border-bottom:1px solid var(--border)}
.mslot-list .pitem:last-child{border-bottom:none}
.mslot-list .pitem:active,.mslot-list .pitem:hover{background:var(--card2)}
.mslot-list .pitem .pav{width:40px;height:40px;flex-shrink:0}
.mslot-list .pitem .ph{width:100%;height:100%;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center}
.mslot-list .pitem .ph img{width:100%;height:100%;object-fit:cover;object-position:top}
.mslot-list .pitem .pinfo{flex:1;min-width:0}
.mslot-list .pitem .pinfo b{display:block;font-size:.86rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mslot-list .pitem .pinfo small{display:block;font-size:.7rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mslot-box{overflow-x:hidden}

/* ===== iOS zoom önleme: 16px altı input odaklanınca Safari yakınlaşır ve geri dönmez.
   Mobilde tüm form alanları 16px — zoom hiç tetiklenmez. ===== */
@media(max-width:900px){
  input[type=text],input[type=search],input[type=email],input[type=date],
  input:not([type]),textarea,select{font-size:16px!important}
}