:root{
    --bg:#F5F5F7;
    --card:#FFFFFF;
    --ink:#1D1D1F;
    --muted:#6E6E73;
    --line:rgba(0,0,0,.08);
    --line-strong:rgba(0,0,0,.14);
    --hover:rgba(0,0,0,.028);
    --accent:#0A6C4A;
    --accent-soft:rgba(10,108,74,.12);
    --mavi:#B85423;
    --bar-bg:linear-gradient(125deg,#7A2F0E 0%,#C05A26 52%,#D16634 100%);
    --konfeti-ink:#C05A26;
    --konfeti-grad:linear-gradient(170deg,#F0A97F 0%,#D16634 42%,#8E3F14 100%);
    --konfeti-filtre:drop-shadow(0 1px 2px rgba(255,255,255,.95)) drop-shadow(0 3px 22px rgba(245,245,247,.95));
    --bar-ink:#FFFFFF;
    --bar-alt:rgba(255,255,255,.86);
    --bar-cizgi:transparent;
    --shadow:0 1px 2px rgba(0,0,0,.05), 0 12px 32px rgba(16,24,40,.10);
    /* Ana panonun cevresindeki marka parlamasi */
    --pano-parilti:0 0 44px rgba(209,102,52,.24);
    --parilti:0 4px 12px rgba(16,24,40,.12);
    --parilti-guclu:0 8px 20px rgba(16,24,40,.16);
    --vurgu-ink:#B85423;
    /* Madalya renkleri: 1. altin, 2. gumus, 3. bronz */
    --gold-ink:#8A6300;
    --grad-gold:linear-gradient(180deg,#F6DE9B 0%,#D9A521 48%,#8A5F12 100%);
    --parilti-altin:0 1px 3px rgba(138,95,18,.28);
    --silver-ink:#63707D;
    --bronze-ink:#8A4B1E;
    --grad-vurgu:linear-gradient(180deg,#F0A97F 0%,#D16634 48%,#8E3F14 100%);
    --grad-silver:linear-gradient(180deg,#EEF1F4 0%,#B6BDC6 48%,#78818C 100%);
    --grad-bronze:linear-gradient(180deg,#F0C9A0 0%,#C0783C 48%,#7A431A 100%);
  }
  @media (prefers-color-scheme: dark){
    :root:not([data-theme="light"]){
      --bg:#0B0B0C;
      --card:#151517;
      --ink:#F2F2F4;
      --muted:#8E8E93;
      --line:rgba(255,255,255,.09);
      --line-strong:rgba(255,255,255,.16);
      --hover:rgba(255,255,255,.04);
      --accent:#34C38A;
      --accent-soft:rgba(52,195,138,.16);
      --mavi:#F08A55;
      --bar-bg:transparent;
    --konfeti-ink:#F08A55;
    --konfeti-grad:linear-gradient(170deg,#FFD7BC 0%,#F08A55 45%,#C0561F 100%);
    --konfeti-filtre:drop-shadow(0 1px 3px rgba(0,0,0,.85)) drop-shadow(0 3px 26px rgba(11,11,12,.95));
      --bar-ink:#F2F2F4;
      --bar-alt:#8E8E93;
      --bar-cizgi:rgba(255,255,255,.09);
      --shadow:0 1px 2px rgba(0,0,0,.5), 0 18px 44px rgba(0,0,0,.45);
    --pano-parilti:0 0 56px rgba(209,102,52,.34);
    --parilti:0 4px 14px rgba(0,0,0,.5);
    --parilti-guclu:0 8px 22px rgba(0,0,0,.6);
    --grad-vurgu:linear-gradient(180deg,#FFD0B4 0%,#EE8148 48%,#C0561F 100%);
      --vurgu-ink:#F08A55;
    --gold-ink:#E6C158;
    --parilti-altin:0 2px 6px rgba(0,0,0,.5);
      --silver-ink:#C3CAD3;
      --bronze-ink:#D69A62;
    }
  }
  :root[data-theme="dark"]{
    --bg:#0B0B0C;
    --card:#151517;
    --ink:#F2F2F4;
    --muted:#8E8E93;
    --line:rgba(255,255,255,.09);
    --line-strong:rgba(255,255,255,.16);
    --hover:rgba(255,255,255,.04);
    --accent:#34C38A;
    --accent-soft:rgba(52,195,138,.16);
    --mavi:#F08A55;
    --bar-bg:transparent;
    --konfeti-ink:#F08A55;
    --konfeti-grad:linear-gradient(170deg,#FFD7BC 0%,#F08A55 45%,#C0561F 100%);
    --konfeti-filtre:drop-shadow(0 1px 3px rgba(0,0,0,.85)) drop-shadow(0 3px 26px rgba(11,11,12,.95));
    --bar-ink:#F2F2F4;
    --bar-alt:#8E8E93;
    --bar-cizgi:rgba(255,255,255,.09);
    --shadow:0 1px 2px rgba(0,0,0,.5), 0 18px 44px rgba(0,0,0,.45);
    --pano-parilti:0 0 56px rgba(209,102,52,.34);
    --parilti:0 4px 14px rgba(0,0,0,.5);
    --parilti-guclu:0 8px 22px rgba(0,0,0,.6);
    --grad-vurgu:linear-gradient(180deg,#FFD0B4 0%,#EE8148 48%,#C0561F 100%);
    --vurgu-ink:#F08A55;
    --gold-ink:#E6C158;
    --parilti-altin:0 2px 6px rgba(0,0,0,.5);
    --silver-ink:#C3CAD3;
    --bronze-ink:#D69A62;
  }

  *{box-sizing:border-box}
  body{
    margin:0;
    background:var(--bg);
    color:var(--ink);
    font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
    -webkit-font-smoothing:antialiased;
    -webkit-text-size-adjust:100%;
    font-variant-numeric:tabular-nums;
    display:flex;
    flex-direction:column;
    min-height:100dvh;
  }
  .wrap{
    flex:1;
    min-height:0;
    display:flex;
    /* Ekrana sigarsa ortalanir; sigmazsa ustten baslar, haber seridinin altina girmez */
    align-items:flex-start;
    justify-content:center;
    padding-block:clamp(16px,4vh,48px);
    padding-left:16px;
    padding-right:16px;
  }
  .shell{
    margin-block:auto;
    width:min(1020px,100%);
    display:flex;
    flex-direction:column;
    align-items:stretch;
    gap:clamp(9px,1.4vh,13px);
  }
  .toolbar{
    display:flex;
    justify-content:flex-end;
  }
  .tema{
    display:grid;
    place-items:center;
    width:clamp(34px,4.8vh,40px);
    height:clamp(34px,4.8vh,40px);
    padding:0;
    color:var(--ink);
    background:var(--card);
    border:1px solid var(--line);
    border-radius:14px;
    box-shadow:var(--shadow);
    cursor:pointer;
    transition:transform .32s cubic-bezier(.2,.8,.2,1),
               box-shadow .32s cubic-bezier(.2,.8,.2,1),
               background .2s ease;
    will-change:transform;
  }
  .tema svg{width:55%;height:55%;display:block}
  .tema:hover{
    transform:translateY(-3px);
    box-shadow:0 1px 2px rgba(0,0,0,.05), 0 10px 20px rgba(0,0,0,.14);
    background:var(--card);
  }
  .tema:active{transform:translateY(-1px)}
  .tema:focus-visible{outline:2px solid var(--accent);outline-offset:3px}

  .card{
    width:100%;
    background:var(--card);
    border:1px solid var(--line);
    border-radius:20px;
    /* Normal yukselti golgesi + cevresinde turuncu parlama */
    box-shadow:var(--shadow), var(--pano-parilti);
    overflow:hidden;
  }

  header{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    padding:clamp(20px,3.4vh,32px) clamp(18px,3vw,30px);
    background:var(--bar-bg);
    border-bottom:1px solid var(--bar-cizgi);
  }
  header h1{color:var(--bar-ink)}
  header .sub{color:var(--bar-alt)}
  .brand{
    display:flex;
    align-items:center;
    gap:clamp(10px,1.6vw,14px);
    min-width:0;
  }
  .crest{
    flex:none;
    width:auto;
    height:clamp(44px,6.4vh,58px);
    max-width:46vw;
    object-fit:contain;
    /* Arma kutusuz durur: zemini saydam, kendi cizgileri konusur */
    background:transparent;
    border:0;
    padding:0;
    transition:transform .32s cubic-bezier(.2,.8,.2,1);
    will-change:transform;
  }
  .brand:hover .crest{
    transform:translateY(-3px);
  }
  h1{
    margin:0;
    font-size:clamp(19px,2.9vh,26px);
    font-weight:600;
    font-style:italic;
    letter-spacing:-.018em;
    text-wrap:balance;
  }
  .sub{
    margin:4px 0 0;
    font-size:clamp(11px,1.7vh,13.5px);
    color:var(--muted);
    letter-spacing:-.005em;
  }
  .week{
    position:relative;
    flex:none;
    overflow:hidden;
    isolation:isolate;
    font-size:clamp(10px,1.5vh,11.5px);
    font-weight:700;
    letter-spacing:.06em;
    text-transform:uppercase;
    color:#150F02;
    background:linear-gradient(145deg,#C9921C 0%,#F4DE9A 26%,#E8C25C 50%,#B97F14 78%,#F0D689 100%);
    border:1px solid rgba(138,95,18,.55);
    padding:6px 12px;
    border-radius:999px;
    white-space:nowrap;
    box-shadow:0 1px 2px rgba(120,80,10,.35), inset 0 1px 0 rgba(255,255,255,.55);
    transition:transform .32s cubic-bezier(.2,.8,.2,1), box-shadow .32s cubic-bezier(.2,.8,.2,1);
    will-change:transform;
  }
  .week:hover{
    transform:translateY(-3px);
    box-shadow:0 8px 16px rgba(120,80,10,.32), inset 0 1px 0 rgba(255,255,255,.6);
  }
  /* Rozetin uzerinden gecen parlama */
  .week::after{
    content:"";
    position:absolute;
    inset:0;
    z-index:-1;
    background:linear-gradient(105deg,
      rgba(255,255,255,0) 38%,
      rgba(255,255,255,.85) 50%,
      rgba(255,255,255,0) 62%);
    transform:translateX(-120%);
    animation:shine 3.6s ease-in-out infinite;
  }
  @keyframes shine{
    0%,55%{transform:translateX(-120%)}
    100%{transform:translateX(120%)}
  }
  @media (prefers-reduced-motion:reduce){
    .week::after{animation:none;opacity:0}
  }

  /* Kart alt bilgisi */
  footer{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    flex-wrap:wrap;
    padding:clamp(11px,1.8vh,16px) clamp(18px,3vw,30px);
    border-top:1px solid var(--line);
    font-size:clamp(10px,1.5vh,11.5px);
    color:var(--muted);
    letter-spacing:-.003em;
  }

  /* Sayfanin en altindaki baglantilar */
  .site-nav{
    display:flex;
    align-items:center;
    justify-content:center;
    flex-wrap:wrap;
    gap:clamp(14px,2.4vw,26px);
    padding-top:2px;
    font-size:clamp(10.5px,1.5vh,12px);
    letter-spacing:-.003em;
  }
  .site-nav a,
  .site-nav .imza{
    position:relative;
    display:inline-flex;
    align-items:center;
    gap:6px;
    color:var(--muted);
    text-decoration:none;
    padding-bottom:3px;
    transition:color .28s cubic-bezier(.2,.8,.2,1);
  }
  .site-nav .imza{cursor:default}
  .site-nav a::after,
  .site-nav .imza::after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    height:1px;
    background:currentColor;
    transform:scaleX(0);
    transform-origin:left center;
    transition:transform .38s cubic-bezier(.2,.8,.2,1);
  }
  .site-nav a:hover,
  .site-nav a:focus-visible,
  .site-nav .imza:hover{color:var(--ink)}
  .site-nav a:hover::after,
  .site-nav a:focus-visible::after,
  .site-nav .imza:hover::after{transform:scaleX(1)}
  .site-nav a:focus-visible{outline:none}
  .site-nav svg{
    width:1.15em;
    height:1.15em;
    flex:none;
    display:block;
  }

  @media (max-width:520px){
    .card{border-radius:16px}
  }
  @media (prefers-reduced-motion:reduce){
    *{transition:none!important}
    .week::after{animation:none;opacity:0}
    .brand:hover .crest,.week:hover,.tema:hover{transform:none}
    .site-nav a:hover::after,.site-nav .imza:hover::after{transform:scaleX(1)}
  }

  /* ——— Alt sayfalar (gizlilik, kosullar, 404) ——— */
  .wrap.sayfa{align-items:flex-start}
  .wrap.sayfa .shell{margin-block:0}
  .toolbar.iki{justify-content:space-between}

  .geri{
    display:inline-flex;
    align-items:center;
    gap:7px;
    font-size:clamp(11px,1.5vh,12.5px);
    font-weight:500;
    color:var(--muted);
    text-decoration:none;
    padding:0 14px;
    height:clamp(34px,4.8vh,40px);
    background:var(--card);
    border:1px solid var(--line);
    border-radius:14px;
    box-shadow:var(--shadow);
    transition:transform .32s cubic-bezier(.2,.8,.2,1),
               box-shadow .32s cubic-bezier(.2,.8,.2,1),
               color .2s ease;
    will-change:transform;
  }
  .geri:hover{
    transform:translateY(-3px);
    color:var(--ink);
    box-shadow:0 1px 2px rgba(0,0,0,.05), 0 10px 20px rgba(0,0,0,.14);
  }
  .geri:active{transform:translateY(-1px)}
  .geri:focus-visible{outline:2px solid var(--accent);outline-offset:3px}

  .prose{
    padding:clamp(18px,2.8vh,28px) clamp(18px,3vw,30px) clamp(22px,3.2vh,30px);
    font-size:clamp(12.5px,1.75vh,14px);
    line-height:1.68;
    color:var(--muted);
  }
  .prose h2{
    margin:24px 0 7px;
    font-size:clamp(13px,1.95vh,15px);
    font-weight:600;
    letter-spacing:-.012em;
    color:var(--ink);
  }
  .prose h2:first-child{margin-top:0}
  .prose p{margin:0 0 11px}
  .prose ul{margin:0 0 11px;padding-left:19px}
  .prose li{margin-bottom:5px}
  .prose strong{color:var(--ink);font-weight:600}
  .prose .tarih{
    margin-top:22px;
    padding-top:14px;
    border-top:1px solid var(--line);
    font-size:.92em;
  }

  .hata{
    padding:clamp(34px,7vh,62px) clamp(18px,3vw,30px);
    text-align:center;
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:12px;
  }
  .hata .kod{
    font-size:clamp(60px,12vh,104px);
    font-weight:700;
    font-style:italic;
    line-height:1;
    letter-spacing:-.045em;
    background:var(--grad-vurgu);
    -webkit-background-clip:text;
    background-clip:text;
    color:transparent;
  }
  .hata h2{
    margin:0;
    font-size:clamp(15px,2.2vh,19px);
    font-weight:600;
    letter-spacing:-.018em;
    color:var(--ink);
  }
  .hata p{
    margin:0;
    max-width:44ch;
    font-size:clamp(12px,1.7vh,13.5px);
    color:var(--muted);
    line-height:1.6;
  }
  .hata .week{margin-top:8px;text-decoration:none;display:inline-block}


  /* ——— Haber seridi (en ust) ——— */
  .seritt{
    flex:none;
    display:flex;
    align-items:stretch;
    height:clamp(30px,4.3vh,38px);
    background:var(--card);
    border-bottom:1px solid var(--line);
    overflow:hidden;
  }
  .serit-pencere{
    position:relative;
    flex:1;
    min-width:0;
    overflow:hidden;
  }
  .serit-ray{
    position:absolute;
    top:0;
    left:0;
    height:100%;
    display:flex;
    align-items:center;
    width:max-content;
    white-space:nowrap;
    animation:akis 46s linear infinite;
    will-change:transform;
  }
  .seritt:hover .serit-ray{animation-play-state:paused}
  .serit-ray i{
    display:inline-flex;
    align-items:center;
    gap:clamp(14px,2.4vw,22px);
    padding:0 clamp(14px,2.4vw,22px);
    font-style:normal;
    font-size:clamp(11px,1.55vh,12.5px);
    color:var(--muted);
    letter-spacing:-.004em;
  }
  .serit-ray i::before{
    content:"";
    width:4px;
    height:4px;
    border-radius:50%;
    background:var(--grad-vurgu);
    flex:none;
  }
  @keyframes akis{
    from{transform:translateX(0)}
    to{transform:translateX(-50%)}
  }

  /* ——— Yonetim: giris ve panel ——— */
  .toolbar{gap:10px}

  .modal[hidden]{display:none!important}
  .modal{
    position:fixed;
    inset:0;
    z-index:50;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:20px 16px;
  }
  .modal-arka{
    position:absolute;
    inset:0;
    background:rgba(8,10,14,.52);
    backdrop-filter:blur(3px);
  }
  .modal-kart{
    position:relative;
    width:min(560px,100%);
    max-height:88dvh;
    overflow:auto;
    background:var(--card);
    color:var(--ink);
    border:1px solid var(--line);
    border-radius:20px;
    box-shadow:0 24px 60px rgba(0,0,0,.35);
    padding:clamp(20px,3vh,28px) clamp(18px,3vw,26px);
    animation:kartGel .3s cubic-bezier(.2,.8,.2,1);
  }
  @keyframes kartGel{
    from{opacity:0;transform:translateY(10px) scale(.985)}
    to{opacity:1;transform:none}
  }
  .modal-kart h2{
    margin:0 0 4px;
    font-size:clamp(15px,2.1vh,18px);
    font-weight:600;
    letter-spacing:-.018em;
  }
  .modal-kart .aciklama{
    margin:0 0 16px;
    font-size:clamp(11.5px,1.6vh,13px);
    color:var(--muted);
    line-height:1.55;
  }
  .modal-kart code{
    font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
    font-size:.94em;
  }

  .alan{
    width:100%;
    font:inherit;
    font-size:clamp(12.5px,1.7vh,14px);
    color:var(--ink);
    background:var(--bg);
    border:1px solid var(--line-strong);
    border-radius:12px;
    padding:10px 12px;
    transition:border-color .2s ease, box-shadow .2s ease;
  }
  .alan::placeholder{color:var(--muted);opacity:.75}
  .alan:focus{
    outline:none;
    border-color:var(--mavi);
    box-shadow:0 0 0 3px color-mix(in srgb, var(--mavi) 22%, transparent);
  }
  select.alan{cursor:pointer;appearance:none;padding-right:26px;
    background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);
    background-position:calc(100% - 15px) calc(50% + 1px),calc(100% - 11px) calc(50% + 1px);
    background-size:4px 4px,4px 4px;
    background-repeat:no-repeat;
  }
  #anahtarInput{letter-spacing:.14em;text-align:center}

  .hata-mesaj{
    margin:9px 0 0;
    font-size:clamp(11px,1.5vh,12.5px);
    color:#D0392B;
    font-weight:500;
  }
  :root[data-theme="dark"] .hata-mesaj{color:#FF8478}
  @media (prefers-color-scheme:dark){
    :root:not([data-theme="light"]) .hata-mesaj{color:#FF8478}
  }

  .modal-alt{
    display:flex;
    justify-content:flex-end;
    gap:9px;
    margin-top:18px;
    flex-wrap:wrap;
  }
  .dugme{
    font:inherit;
    font-size:clamp(11.5px,1.6vh,13px);
    font-weight:600;
    letter-spacing:-.005em;
    padding:9px 16px;
    border-radius:12px;
    border:1px solid var(--line-strong);
    background:var(--bg);
    color:var(--ink);
    cursor:pointer;
    transition:transform .28s cubic-bezier(.2,.8,.2,1), background .2s ease, box-shadow .28s ease;
  }
  .dugme:hover{transform:translateY(-2px)}
  .dugme:active{transform:none}
  .dugme:disabled{opacity:.55;cursor:default;transform:none}
  .dugme:focus-visible{outline:2px solid var(--mavi);outline-offset:2px}
  .dugme.birincil{
    background:var(--mavi);
    border-color:var(--mavi);
    color:#FFFFFF;
    box-shadow:0 2px 6px rgba(184,84,35,.30);
  }
  .dugme.birincil:hover{box-shadow:0 8px 18px rgba(184,84,35,.34)}

  /* Panel bolumleri */
  .panel-bolum{
    margin-bottom:16px;
    padding-bottom:16px;
    border-bottom:1px solid var(--line);
  }
  .panel-bolum:last-of-type{border-bottom:0}
  .panel-etiket{
    display:block;
    margin-bottom:7px;
    font-size:10.5px;
    font-weight:600;
    letter-spacing:.07em;
    text-transform:uppercase;
    color:var(--muted);
  }
  .panel-not{
    margin:9px 0 0;
    font-size:clamp(10.5px,1.5vh,12px);
    color:var(--muted);
    line-height:1.55;
  }

  /* Mac girisi */
  .mac-giris{
    display:grid;
    grid-template-columns:minmax(0,1fr) 52px 12px 52px minmax(0,1fr) auto;
    align-items:center;
    gap:7px;
  }
  .mac-giris .ayrac{text-align:center;color:var(--muted);font-weight:600}
  .mac-giris .skor{text-align:center;padding-left:4px;padding-right:4px}

  /* Kayitli maclar / haberler listesi */
  .liste{
    max-height:190px;
    overflow-y:auto;
    margin-top:10px;
    border:1px solid var(--line);
    border-radius:12px;
  }
  .liste:empty{display:none}
  .liste-satir{
    display:flex;
    align-items:center;
    gap:10px;
    padding:7px 9px 7px 12px;
    border-bottom:1px solid var(--line);
    font-size:clamp(11.5px,1.6vh,12.8px);
  }
  .liste-satir:last-child{border-bottom:0}
  .liste-satir .sol{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .liste-satir .skor-rozet{
    flex:none;
    font-weight:600;
    font-variant-numeric:tabular-nums;
    padding:2px 8px;
    border-radius:7px;
    background:var(--hover);
    border:1px solid var(--line);
  }
  .sil{
    flex:none;
    width:26px;
    height:26px;
    display:grid;
    place-items:center;
    padding:0;
    font-size:15px;
    line-height:1;
    color:var(--muted);
    background:transparent;
    border:1px solid transparent;
    border-radius:8px;
    cursor:pointer;
    transition:color .2s ease, background .2s ease;
  }
  .sil:hover{color:#D0392B;background:var(--hover)}

  .satir-ekle{display:flex;gap:7px;align-items:center}
  .takim-etiket{
    display:inline-flex;
    align-items:center;
    gap:6px;
    padding:5px 9px;
    margin:0 6px 6px 0;
    font-size:11.5px;
    background:var(--hover);
    border:1px solid var(--line);
    border-radius:9px;
  }
  .takim-etiket .sil{width:18px;height:18px;font-size:13px}

  @media (max-width:520px){
    .mac-giris{grid-template-columns:minmax(0,1fr) 46px 10px 46px minmax(0,1fr);}
    .mac-giris .dugme{grid-column:1 / -1}
  }
  @media (prefers-reduced-motion:reduce){
    .modal-kart{animation:none}
    .dugme:hover{transform:none}
    .serit-ray{animation:none;transform:translateX(0)}
  }

  .onay{
    display:flex;
    align-items:center;
    gap:9px;
    margin-top:12px;
    font-size:clamp(11.5px,1.6vh,12.8px);
    color:var(--muted);
    cursor:pointer;
    user-select:none;
  }
  .onay input{
    width:15px;
    height:15px;
    margin:0;
    flex:none;
    accent-color:var(--mavi);
    cursor:pointer;
  }
  .unut{
    font:inherit;
    font-size:clamp(10.5px,1.5vh,12px);
    color:var(--muted);
    background:none;
    border:0;
    padding:0;
    margin-top:10px;
    cursor:pointer;
    text-decoration:underline;
    text-underline-offset:3px;
  }
  .unut:hover{color:var(--ink)}

  /* ——— Mobil ——— */
  @media (max-width:560px){
    /* Dokunma hedefleri en az 40px */
    .tema,.geri{width:auto;min-width:40px;height:40px}
    .tema{width:40px}
    .site-nav{gap:12px 16px}
    .modal{padding:12px}
    .modal-kart{border-radius:18px;padding:18px 16px}

    /* iOS, 16px'ten kucuk alana odaklaninca sayfayi yakinlastirir */
    .alan{font-size:16px;padding:11px 12px}
    .panel-satir .alan{font-size:16px}

    /* Mac girisi: takim ustte, skor yaninda; alt alta iki satir */
    .mac-giris{grid-template-columns:minmax(0,1fr) 64px;gap:8px}
    .mac-giris .ayrac{display:none}
    .mac-giris #evSecim{order:1}
    .mac-giris #evSkor{order:2}
    .mac-giris #depSecim{order:3}
    .mac-giris #depSkor{order:4}
    .mac-giris .dugme{order:5;grid-column:1 / -1;padding:12px 16px}
    .dugme{padding:11px 16px}

    .liste-satir{padding:9px 8px 9px 12px}
    .sil{width:32px;height:32px}
    .takim-etiket{padding:7px 10px}
    .takim-etiket .sil{width:20px;height:20px}
  }

  @media (max-width:430px){
    header{gap:10px;padding:16px 16px}
    .card{border-radius:14px}
    .shell{gap:8px}
    .site-nav{gap:10px 14px;font-size:11px}
    footer{font-size:10.5px}
  }

  /* Ekranda gorunmez, ekran okuyucular ve arama motorlari icin */
  .gorunmez{
    position:absolute;
    width:1px;
    height:1px;
    padding:0;
    margin:-1px;
    overflow:hidden;
    clip-path:inset(50%);
    white-space:nowrap;
    border:0;
  }

  .prose a{
    color:var(--ink);
    text-decoration:underline;
    text-underline-offset:3px;
    text-decoration-color:var(--line-strong);
    transition:text-decoration-color .2s ease;
  }
  .prose a:hover{text-decoration-color:var(--mavi)}

  /* ——— Ilk girişteki "Lig Başladı!" yazısı (konfeti.js ekler) ——— */
  .konfeti-yazi{
    position:fixed;
    inset:0;
    display:grid;
    place-items:center;
    pointer-events:none;
    z-index:9998;
    padding:16px;
  }
  .konfeti-yazi span{
    font-size:clamp(28px,6.4vw,64px);
    font-weight:800;
    font-style:italic;
    letter-spacing:-.03em;
    line-height:1.06;
    text-align:center;
    text-wrap:balance;
    max-width:min(94vw,900px);
    /* Yedek renk; gradyan desteklenmeyen tarayicida bu gorunur */
    color:var(--konfeti-ink);
    background:var(--konfeti-grad);
    -webkit-background-clip:text;
    background-clip:text;
    -webkit-text-fill-color:transparent;
    /* Gradyanli yazida text-shadow tutmaz; golge filtreyle veriliyor */
    filter:var(--konfeti-filtre);
    opacity:0;
    transform:scale(.88) translateY(8px);
    transition:opacity .5s cubic-bezier(.2,.8,.2,1),transform .5s cubic-bezier(.2,.8,.2,1);
  }
  .konfeti-yazi.gir span{opacity:1;transform:scale(1) translateY(0)}
  .konfeti-yazi.cik span{
    opacity:0;
    transform:scale(1.03) translateY(-6px);
    transition:opacity .9s ease,transform .9s ease;
  }

  /* Puan durumunda elle duzeltme rozeti (ceza / odul) */
  .ceza-rozet{
    margin-left:7px;
    padding:1px 6px;
    border-radius:999px;
    font-size:.74em;
    font-weight:600;
    color:var(--muted);
    background:var(--hover);
    border:1px solid var(--line);
    vertical-align:1px;
  }

/* ——— Puan durumu tablolari ——— */
.gruplar{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:0;
}
.grup{min-width:0}
.grup + .grup{border-left:1px solid var(--line)}
.grup-bas{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:10px;
  padding:clamp(12px,2vh,18px) clamp(14px,2.2vw,20px) 4px;
}
.grup-ad{
  font-size:clamp(12px,1.8vh,14px);
  font-weight:700;
  letter-spacing:-.01em;
  color:var(--ink);
}
.grup-not{
  font-size:11px;
  font-weight:600;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:var(--muted);
}
.table-scroll{overflow-x:auto;padding:0 clamp(6px,1.4vw,12px) 4px}

table{
  width:100%;
  border-collapse:collapse;
  table-layout:fixed;
  font-size:clamp(12px,1.75vh,13.5px);
}
col.c-rank{width:34px}
col.c-num{width:27px}
col.c-av{width:38px}
col.c-pts{width:34px}

th{
  font-size:clamp(9px,1.3vh,10px);
  font-weight:600;
  letter-spacing:.07em;
  text-transform:uppercase;
  color:var(--muted);
  text-align:center;
  padding:9px 0;
  border-bottom:1px solid var(--line);
}
th.team{text-align:left;padding-left:2px}
td{
  padding:clamp(6px,1.15vh,10px) 0;
  text-align:center;
  border-bottom:1px solid var(--line);
  color:var(--muted);
  font-weight:400;
}
tbody tr:last-child td{border-bottom:0}
tbody tr{transition:background .18s ease}
tbody tr:hover{background:var(--hover)}

/* Ilk iki sira yari finale cikar: altin/gumus ray + ayirici cizgi */
td.rank{
  position:relative;
  color:var(--muted);
  font-weight:500;
  font-size:.92em;
  padding-left:clamp(12px,1.8vw,18px);
  text-align:left;
}
td.rank::before{
  content:"";
  position:absolute;
  left:0;
  top:14%;
  bottom:14%;
  width:3px;
  border-radius:0 3px 3px 0;
  background:transparent;
}
tr.m1 td.rank::before{background:var(--grad-gold);box-shadow:var(--parilti-altin)}
tr.m2 td.rank::before{background:var(--grad-silver)}
tr.m1 td.rank{color:var(--gold-ink);font-weight:600}
tr.m2 td.rank{color:var(--silver-ink);font-weight:600}
tr.kesik td{border-bottom:1px dashed var(--line-strong)}

td.team{
  text-align:left;
  color:var(--ink);
  font-weight:500;
  letter-spacing:-.012em;
  padding-right:8px;
  white-space:nowrap;
  overflow:hidden;
}
.team-ic{
  display:flex;
  align-items:center;
  gap:clamp(5px,.9vw,8px);
  min-width:0;
}
.team-ic .ad{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.takim-logo{
  flex:none;
  width:clamp(17px,2.3vh,21px);
  height:clamp(17px,2.3vh,21px);
  object-fit:contain;
}
/* Armasi gelmemis takimlar icin bas harf rozeti */
.logo-yer{
  border-radius:50%;
  background:var(--hover);
  box-shadow:0 0 0 1px var(--line);
  display:grid;
  place-items:center;
  font-size:clamp(7.5px,1.05vh,9px);
  font-weight:700;
  color:var(--muted);
}
td.pts{
  color:var(--ink);
  font-weight:600;
  padding-right:clamp(10px,1.6vw,16px);
  text-align:right;
}
th.pts{text-align:right;padding-right:clamp(10px,1.6vw,16px)}

.key{display:flex;align-items:center;gap:8px;color:var(--ink);font-weight:500}
.dot{width:3px;height:12px;border-radius:2px;flex:none}
.dot.gold{background:var(--grad-gold)}

/* ——— Final agaci ——— */
.agac{
  /* --es-kol: karttan cikan yatay cizgi, --es-bosluk: iki yari final arasi */
  --es-kol:clamp(8px,1.7vw,19px);
  --es-bosluk:clamp(20px,4.2vh,44px);
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(0,1fr) minmax(0,.85fr);
  gap:clamp(16px,3.4vw,38px);
  align-items:center;
  padding:clamp(20px,3.4vh,30px) clamp(18px,3vw,30px) clamp(12px,2vh,18px);
}
.tur{display:flex;flex-direction:column;gap:10px;min-width:0}
.tur-ad{
  font-size:11px;
  font-weight:700;
  letter-spacing:.09em;
  text-transform:uppercase;
  color:var(--muted);
  text-align:center;
}
.es-grup{
  display:flex;
  flex-direction:column;
  gap:var(--es-bosluk);
  position:relative;
}
.es{
  position:relative;
  border:1px solid var(--line);
  border-radius:12px;
  background:var(--bg);
}
/* Kartin kendi kosesi yuvarlak; kazanan satirin zemini tasmasin diye satirlar da */
.es .es-taraf:first-child{border-radius:11px 11px 0 0}
.es .es-taraf:last-child{border-radius:0 0 11px 11px}
.es-buyuk{box-shadow:var(--parilti)}
.es-taraf{
  display:grid;
  grid-template-columns:22px minmax(0,1fr) auto;
  align-items:center;
  gap:9px;
  padding:9px 11px;
  font-size:clamp(11.5px,1.6vh,13px);
  color:var(--muted);
}
.es-taraf + .es-taraf{border-top:1px solid var(--line)}
.es-taraf .ad{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.es-taraf .skor{
  font-variant-numeric:tabular-nums;
  font-weight:600;
  color:var(--muted);
  min-width:22px;
  text-align:right;
}
.es-taraf.kazanan{background:var(--hover)}
.es-taraf.kazanan .ad,
.es-taraf.kazanan .skor{color:var(--ink);font-weight:600}
.es-taraf.bekliyor .ad{font-style:italic;opacity:.75}

/* Yari finalleri finale baglayan cizgiler (genis ekranda).
   Dikey cizgi iki kartin tam ortasini birlestirir: yarisi ustteki karttan
   asagi, yarisi alttaki karttan yukari uzanir. */
@media (min-width:720px){
  .es-grup .es::after{
    content:"";
    position:absolute;
    left:100%;
    top:50%;
    width:var(--es-kol);
    height:1px;
    background:var(--line-strong);
  }
  .es-grup .es::before{
    content:"";
    position:absolute;
    left:calc(100% + var(--es-kol));
    width:1px;
    height:calc(50% + var(--es-bosluk) / 2);
    background:var(--line-strong);
  }
  .es-grup .es:first-child::before{top:50%}
  .es-grup .es:last-child::before{bottom:50%}
  .es-buyuk::before{
    content:"";
    position:absolute;
    right:100%;
    top:50%;
    width:var(--es-kol);
    height:1px;
    background:var(--line-strong);
  }
}

.kupa{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:5px;
  padding:16px 12px;
  text-align:center;
  border:1px solid var(--line);
  border-radius:14px;
  background:var(--bg);
}
.kupa-simge{
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  border-radius:50%;
  color:var(--gold-ink);
  background:var(--hover);
}
.kupa-simge svg{width:22px;height:22px}
.kupa-ad{
  font-size:clamp(13px,1.9vh,15px);
  font-weight:600;
  letter-spacing:-.015em;
  color:var(--ink);
  line-height:1.25;
}
.kupa-ad.bekliyor{font-weight:500;font-style:italic;color:var(--muted)}
.kupa-alt{font-size:10.5px;color:var(--muted)}

.ucuncu{
  display:flex;
  flex-direction:column;
  gap:8px;
  max-width:340px;
  margin:0 auto;
  padding:0 clamp(18px,3vw,30px) clamp(18px,2.8vh,26px);
}

@media (max-width:760px){
  .gruplar{grid-template-columns:minmax(0,1fr)}
  .grup + .grup{border-left:0;border-top:1px solid var(--line)}
  .agac{grid-template-columns:minmax(0,1fr);gap:18px}
  .tur-kupa{order:-1}
}
@media (max-width:560px){
  .hide-sm{display:none}
  table{table-layout:auto}
  col.c-rank,col.c-num,col.c-av,col.c-pts{width:auto}
  th,td{padding-left:5px;padding-right:5px}
  th.team,td.team{width:100%;max-width:0}
  td.rank,th:first-child{padding-left:12px}
  td.pts,th.pts{padding-right:12px}
}
@media (max-width:430px){
  .hide-xs{display:none}
  table{font-size:12.5px}
  footer .puanlama{display:none}
  footer{justify-content:flex-start}
}

/* ——— Panelin basketbola özel bölümleri ——— */
.panel-bas{display:flex;align-items:center;justify-content:space-between;gap:12px}

/* Panelde aşama yazısı: seçim yok, o anki durum gösterilir */
.asama-durum{
  margin:0 0 5px;
  font-size:13px;
  font-weight:600;
  letter-spacing:-.01em;
  color:var(--ink);
}

/* Grup seçici düğmeler */
.secim-grup{display:flex;gap:6px;margin-bottom:9px;flex-wrap:wrap}
.secim{
  flex:1 1 0;
  min-width:86px;
  height:32px;
  padding:0 10px;
  font:inherit;
  font-size:12px;
  font-weight:600;
  color:var(--muted);
  background:var(--bg);
  border:1px solid var(--line);
  border-radius:9px;
  cursor:pointer;
  transition:color .2s ease, border-color .2s ease, background .2s ease;
}
.secim:hover{color:var(--ink)}
.secim.acik{
  color:#FFFFFF;
  background:var(--mavi);
  border-color:var(--mavi);
}

/* Final aşaması skor satırları */
.po-satir{
  display:grid;
  grid-template-columns:78px minmax(0,1fr) 46px 12px 46px minmax(0,1fr);
  align-items:center;
  gap:6px;
  padding:7px 0;
  border-bottom:1px solid var(--line);
}
.po-satir:last-child{border-bottom:0}
.po-ad{
  font-size:10px;
  font-weight:700;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:var(--muted);
}
.po-taraf{
  font-size:12.5px;
  color:var(--ink);
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.po-taraf.sag{text-align:right}
.po-satir .skor{text-align:center;padding-left:4px;padding-right:4px}
.po-satir .ayrac{text-align:center;color:var(--muted);font-weight:600}

/* Panelde takımlar gruplanarak listelenir */
.grup-basligi{
  display:block;
  margin:2px 0 6px;
  font-size:10px;
  font-weight:700;
  letter-spacing:.07em;
  text-transform:uppercase;
  color:var(--muted);
}
.grup-kutu{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}
.takim-etiket .tasi{
  height:18px;
  padding:0 5px;
  font:inherit;
  font-size:10.5px;
  font-weight:700;
  color:var(--muted);
  background:transparent;
  border:1px solid var(--line);
  border-radius:6px;
  cursor:pointer;
  transition:color .2s ease, border-color .2s ease;
}
.takim-etiket .tasi:hover{color:var(--mavi);border-color:var(--mavi)}
select.grup-secim{flex:none;width:110px}

@media (max-width:520px){
  .po-satir{grid-template-columns:minmax(0,1fr) 44px 10px 44px minmax(0,1fr);row-gap:2px}
  .po-ad{grid-column:1 / -1}
  .secim{min-width:0;font-size:11.5px}
}

/* ——— "Eşleşmeleri görüntüle" düğmesi ve penceresi ——— */
.toolbar{gap:10px}
.eslesme-dugme{
  margin-right:auto;
  display:inline-flex;
  align-items:center;
  gap:8px;
  height:clamp(34px,4.8vh,40px);
  padding:0 14px;
  font:inherit;
  font-size:clamp(11.5px,1.55vh,13px);
  font-weight:600;
  letter-spacing:-.005em;
  color:var(--ink);
  background:var(--card);
  border:1px solid var(--line);
  border-radius:14px;
  box-shadow:var(--shadow);
  cursor:pointer;
  transition:transform .32s cubic-bezier(.2,.8,.2,1), box-shadow .32s cubic-bezier(.2,.8,.2,1);
  will-change:transform;
}
.eslesme-dugme svg{width:17px;height:17px;flex:none;color:var(--vurgu-ink)}
.eslesme-dugme:hover{transform:translateY(-3px);box-shadow:0 1px 2px rgba(0,0,0,.05), 0 10px 20px rgba(0,0,0,.14)}
.eslesme-dugme:active{transform:translateY(-1px)}
.eslesme-dugme:focus-visible{outline:2px solid var(--accent);outline-offset:3px}

.eslesme-bas{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.eslesme-bas h2{margin:0}
.kapat-x{
  width:32px;height:32px;
  display:grid;place-items:center;
  padding:0;
  font-size:20px;line-height:1;
  color:var(--muted);
  background:transparent;
  border:1px solid transparent;
  border-radius:10px;
  cursor:pointer;
  transition:color .2s ease, background .2s ease;
}
.kapat-x:hover{color:var(--ink);background:var(--hover)}

.hafta-secici{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(34px,1fr));
  gap:4px;
  margin-bottom:14px;
}
.hafta-secici button{
  height:32px;
  padding:0;
  font:inherit;
  font-size:12.5px;
  font-weight:600;
  color:var(--muted);
  background:var(--bg);
  border:1px solid var(--line);
  border-radius:9px;
  cursor:pointer;
  transition:color .2s ease, border-color .2s ease;
}
.hafta-secici button:hover{color:var(--ink);border-color:var(--line-strong)}
.hafta-secici button[aria-selected="true"]{
  color:#150F02;
  background:linear-gradient(145deg,#C9921C 0%,#F4DE9A 30%,#E8C25C 55%,#B97F14 100%);
  border-color:rgba(138,95,18,.55);
  box-shadow:0 1px 2px rgba(120,80,10,.3), inset 0 1px 0 rgba(255,255,255,.5);
}
.hafta-secici button:focus-visible{outline:2px solid var(--mavi);outline-offset:1px}

.eslesme-hafta{
  margin:0 0 10px;
  font-size:11px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--vurgu-ink);
}
.eslesme-grup + .eslesme-grup{margin-top:14px}
.eslesme-grup-ad{
  margin:0 0 6px;
  font-size:11px;
  font-weight:700;
  letter-spacing:.07em;
  text-transform:uppercase;
  color:var(--muted);
}
.eslesme-liste{border:1px solid var(--line);border-radius:12px}
.eslesme{
  display:grid;
  grid-template-columns:minmax(0,1fr) 56px minmax(0,1fr);
  align-items:center;
  column-gap:10px;
  padding:10px 12px;
  border-bottom:1px solid var(--line);
  font-size:clamp(12px,1.65vh,13.5px);
}
.eslesme:last-child{border-bottom:0}
.eslesme .taraf{display:flex;align-items:center;gap:9px;min-width:0}
.eslesme .taraf.ev{flex-direction:row-reverse;text-align:right}
.eslesme .ad{min-width:0;line-height:1.25;overflow-wrap:anywhere}
.eslesme .takim-logo{width:22px;height:22px}
.eslesme .orta{
  text-align:center;
  font-size:11px;
  font-weight:700;
  letter-spacing:.08em;
  color:var(--vurgu-ink);
}
.eslesme.oynandi .orta{
  font-size:12.5px;
  letter-spacing:0;
  color:var(--ink);
  background:var(--hover);
  border:1px solid var(--line);
  border-radius:7px;
  padding:2px 0;
}

@media (max-width:560px){
  .eslesme-dugme{height:40px;padding:0 12px}
  .hafta-secici{gap:3px}
  .hafta-secici button{height:34px;font-size:12px;border-radius:8px}
  .eslesme{grid-template-columns:minmax(0,1fr) 48px minmax(0,1fr);column-gap:7px;padding:10px 9px;font-size:12.5px}
  .eslesme .taraf{gap:7px}
  .eslesme .takim-logo{width:20px;height:20px}
}
@media (max-width:380px){
  .eslesme-dugme span{display:none}
  .eslesme-dugme{width:40px;padding:0;justify-content:center}
}
@media (prefers-reduced-motion:reduce){.eslesme-dugme:hover{transform:none}}

/* ——— Takım penceresi (takim.js) ——— */
.takim-kart{width:min(640px,100%);padding:0}
.takim-bas{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:clamp(16px,2.6vh,22px) clamp(16px,2.6vw,24px);
  background:var(--bar-bg);
  border-bottom:1px solid var(--bar-cizgi);
  border-radius:20px 20px 0 0;
}
.takim-kimlik{display:flex;align-items:center;gap:12px;min-width:0}
.takim-kimlik h2{
  margin:0;
  font-size:clamp(16px,2.4vh,20px);
  font-weight:600;
  letter-spacing:-.015em;
  color:var(--bar-ink);
  overflow-wrap:anywhere;
}
.takim-kimlik .sub{margin:2px 0 0;color:var(--bar-alt)}
.takim-arma{width:40px;height:40px;flex:none;object-fit:contain}
.takim-arma.logo-yer{font-size:13px}
.takim-bas .kapat-x{flex:none;color:var(--bar-alt)}
.takim-bas .kapat-x:hover{color:var(--bar-ink);background:rgba(255,255,255,.14)}

.takim-blok{
  padding:clamp(15px,2.4vh,22px) clamp(16px,2.6vw,24px);
  border-bottom:1px solid var(--line);
}
.takim-blok:last-child{border-bottom:0}
.blok-baslik,.blok-etiket{
  margin:0 0 12px;
  font-size:11px;
  font-weight:600;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--muted);
}
.blok-etiket{margin:0}

.stat-izgara{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
}
.stat{
  padding:11px 6px 10px;
  text-align:center;
  border:1px solid var(--line);
  border-radius:12px;
  background:var(--hover);
}
.stat b{
  display:block;
  font-size:clamp(17px,2.6vh,21px);
  font-weight:600;
  letter-spacing:-.02em;
  color:var(--ink);
  font-variant-numeric:tabular-nums;
}
.stat span{
  display:block;
  margin-top:2px;
  font-size:11px;
  color:var(--muted);
}
.stat.vurgu b{color:var(--vurgu-ink)}

.form-satir{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-top:16px;
}
.form-liste{display:flex;gap:5px}
.form-rozet{
  display:grid;
  place-items:center;
  width:26px;
  height:26px;
  border-radius:7px;
  font-size:11.5px;
  font-weight:700;
  color:#fff;
  background:var(--sonuc);
}
.form-bos{font-size:12.5px;color:var(--muted)}
.s-G{--sonuc:#1E9E63}
.s-M{--sonuc:#D0392B}

.ceza-not{
  margin:14px 0 0;
  font-size:12.5px;
  line-height:1.5;
  color:var(--muted);
}
.ceza-not strong{color:var(--ink);font-weight:600}

.mac-liste{
  margin:0;
  padding:0;
  list-style:none;
  border:1px solid var(--line);
  border-radius:12px;
}
.mac-satir{
  display:grid;
  grid-template-columns:62px minmax(0,1fr) 34px 56px;
  align-items:center;
  column-gap:10px;
  padding:9px 12px;
  border-bottom:1px solid var(--line);
  font-size:clamp(12.5px,1.7vh,13.5px);
}
.mac-satir:last-child{border-bottom:0}
.mac-hafta{font-size:11.5px;color:var(--muted);white-space:nowrap}
.rakip{
  display:flex;
  align-items:center;
  gap:9px;
  min-width:0;
  padding:0;
  font:inherit;
  color:var(--ink);
  background:none;
  border:0;
  text-align:left;
  font-weight:500;
  letter-spacing:-.01em;
  cursor:pointer;
}
.rakip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rakip:hover span{text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--line-strong)}
.rakip .takim-logo{width:22px;height:22px}
.yer{font-size:11px;color:var(--muted);text-align:center}
.mac-satir .skor{
  text-align:center;
  font-size:12.5px;
  font-weight:600;
  font-variant-numeric:tabular-nums;
  color:#fff;
  background:var(--sonuc);
  border-radius:7px;
  padding:3px 0;
}
.mac-satir .skor.vs{
  background:none;
  color:var(--vurgu-ink);
  font-size:11px;
  font-weight:700;
  letter-spacing:.08em;
}
.mac-liste .bos{padding:14px 12px;font-size:13px;color:var(--muted)}

.takim-cipler{display:flex;flex-wrap:wrap;gap:6px}
.takim-cip{
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:5px 11px 5px 6px;
  font:inherit;
  font-size:12.5px;
  color:var(--ink);
  background:none;
  border:1px solid var(--line);
  border-radius:999px;
  cursor:pointer;
  transition:background .18s ease,border-color .18s ease;
}
.takim-cip:hover{background:var(--hover);border-color:var(--line-strong)}
.takim-cip .takim-logo{width:20px;height:20px}

/* Tablodaki satirlar tiklanabilir */
tbody tr[data-takim]{cursor:pointer}

@media (max-width:560px){
  .takim-kart{border-radius:18px}
  .takim-bas{border-radius:18px 18px 0 0}
  .stat-izgara{gap:6px}
  .stat{padding:9px 4px 8px;border-radius:10px}
  .stat span{font-size:10.5px}
  .mac-satir{grid-template-columns:52px minmax(0,1fr) 30px 50px;column-gap:8px;padding:9px 10px}
  .rakip{gap:7px}
  .rakip .takim-logo{width:20px;height:20px}
}
@media (max-width:380px){
  .mac-satir{grid-template-columns:44px minmax(0,1fr) 48px}
  .mac-satir .yer{display:none}
}
.takim-kart:focus{outline:none}
.takim-cip:focus-visible,.rakip:focus-visible{outline:2px solid var(--mavi);outline-offset:2px}