/* =====================================================================
   AtTahmin — açık, ferah tema
   Beyaz kartlar · hafif yeşil-gri zemin · çim yeşili ana renk · altın vurgu
   ===================================================================== */
:root{
  --zemin:#F3F6F4;
  --zemin2:#F7FAF8;
  --kart:#FFFFFF;
  --kart2:#FAFCFB;
  --kart3:#F1F5F2;
  --cizgi:#E3E9E5;
  --cizgi2:#D2DBD5;
  --murekkep:#15221B;
  --soluk:#5F6F66;
  --soluk2:#8C9A92;
  --cim:#138A52;
  --cim-koyu:#0D6B3E;
  --cim-acik:#E6F5ED;
  --kum:#A9763C;
  --altin:#A87A12;          /* yazı için koyu altın */
  --altin-parlak:#E9BE58;   /* dolgu için */
  --altin-acik:#FBF3DC;
  --gumus:#7F8B92;
  --bronz:#A8622F;
  --tabela:#CC3D32;
  --mavi:#2F64D6;
  --mor:#7A4BD1;
  --r-kucuk:8px; --r:14px; --r-buyuk:20px;
  --golge:0 1px 2px rgba(16,40,28,.05), 0 10px 28px -18px rgba(16,40,28,.28);
  --golge-buyuk:0 2px 4px rgba(16,40,28,.04), 0 24px 48px -28px rgba(16,40,28,.35);
  --baslik:'Barlow Condensed','Arial Narrow',sans-serif;
  --govde:'Manrope',system-ui,-apple-system,'Segoe UI',sans-serif;
  color-scheme:light;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;color:var(--murekkep);font:15px/1.6 var(--govde);
  background:radial-gradient(1100px 420px at 80% -160px,rgba(19,138,82,.08),transparent 70%),
             radial-gradient(800px 360px at -10% -60px,rgba(233,190,88,.10),transparent 65%),var(--zemin);
  min-height:100vh}
a{color:var(--cim);text-decoration:none}
a:hover{color:var(--cim-koyu);text-decoration:underline;text-underline-offset:3px}
:focus-visible{outline:2px solid var(--cim);outline-offset:3px;border-radius:4px}
h1,h2,h3,h4{font-family:var(--baslik);font-weight:700;line-height:1.1;margin:0 0 .45em;letter-spacing:.2px;color:var(--murekkep)}
h1{font-size:2.4rem} h2{font-size:1.6rem} h3{font-size:1.25rem}
p{margin:0 0 .8em;max-width:74ch}
.kap{max-width:1200px;margin:0 auto;padding:0 20px}
main.kap{padding-top:26px;padding-bottom:64px;min-height:70vh}
.soluk{color:var(--soluk)}
.kucuk{font-size:.85rem}
.sag{text-align:right}
.ince{font-weight:500;opacity:.85}
code{background:var(--kart3);padding:1px 6px;border-radius:5px;font-size:.88em}

/* ---------- Üst bar ---------- */
.ust{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.88);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--cizgi)}
.ust-ic{display:flex;align-items:center;gap:16px;min-height:66px;flex-wrap:wrap}
.logo{font-family:var(--baslik);font-size:1.75rem;font-weight:700;color:var(--murekkep);display:flex;align-items:center;gap:10px;letter-spacing:.5px}
.logo:hover{color:var(--murekkep);text-decoration:none}
.logo-isaret{width:30px;height:30px;border-radius:9px;background:conic-gradient(from 210deg,var(--cim),#3CC487,var(--cim-koyu),var(--cim));position:relative;box-shadow:0 6px 14px -6px rgba(19,138,82,.6)}
.logo-isaret::after{content:'';position:absolute;inset:7px 9px 7px 7px;border:3px solid #fff;border-left-color:transparent;border-radius:50%}
.ana-menu{display:flex;gap:2px;flex:1;flex-wrap:wrap}
.ana-menu a,.hesap a{color:#3E4D45;padding:8px 10px;border-radius:10px;font-weight:600;font-size:.9rem;white-space:nowrap}
.ana-menu a:hover,.hesap a:hover{background:var(--kart3);color:var(--murekkep);text-decoration:none}
.ana-menu a.aktif{color:var(--cim-koyu);background:var(--cim-acik)}
.hesap{display:flex;gap:4px;align-items:center}
.menu-ac{display:none;margin-left:auto;background:#fff;border:1px solid var(--cizgi2);color:var(--murekkep);border-radius:10px;padding:8px 14px;font:600 .95rem var(--govde)}
@media (max-width:1180px){
  .menu-ac{display:block}
  .ana-menu,.hesap{display:none;width:100%;flex-direction:column;padding-bottom:12px}
  .ust.acik .ana-menu,.ust.acik .hesap{display:flex}
  .hesap{align-items:stretch}
}

/* ---------- Düğmeler, formlar ---------- */
.btn{display:inline-flex;align-items:center;gap:8px;background:var(--cim);color:#fff;border:0;border-radius:12px;padding:11px 18px;font:700 .95rem var(--govde);cursor:pointer;transition:background .12s,transform .12s;box-shadow:0 6px 16px -10px rgba(19,138,82,.8)}
.btn:hover{background:var(--cim-koyu);color:#fff;text-decoration:none}
.btn:active{transform:translateY(1px)}
.btn:disabled{opacity:.5;cursor:default}
.btn-ipek{background:linear-gradient(180deg,#F6D684,var(--altin-parlak) 55%,#D8A93A);color:#2A1E06;box-shadow:0 8px 20px -12px rgba(184,134,11,.9)}
.btn-ipek:hover{background:linear-gradient(180deg,#F2CD70,#E1B244 55%,#CC9C2E);color:#2A1E06}
.btn-hayalet{background:#fff;color:var(--murekkep);box-shadow:inset 0 0 0 1px var(--cizgi2)}
.btn-hayalet:hover{background:var(--kart3);color:var(--murekkep)}
.btn-kucuk{padding:7px 13px;font-size:.88rem;border-radius:10px}
label{display:block;font-weight:600;margin:14px 0 6px;color:#2D3B33}
input[type=text],input[type=email],input[type=password],input[type=number],input[type=date],select,textarea{
  width:100%;padding:11px 13px;border:1px solid var(--cizgi2);border-radius:10px;font:inherit;background:#fff;color:var(--murekkep)}
input:focus,select:focus,textarea:focus{border-color:var(--cim);outline:none;box-shadow:0 0 0 3px rgba(19,138,82,.14)}
textarea{min-height:110px;resize:vertical}
.form-kutu{max-width:460px;margin:28px auto;background:#fff;padding:32px;border-radius:var(--r-buyuk);border:1px solid var(--cizgi);box-shadow:var(--golge-buyuk)}
.form-kutu .btn{width:100%;justify-content:center;margin-top:20px}
.bildirim{padding:13px 16px;border-radius:12px;margin-bottom:16px;border:1px solid}
.bildirim-basari{background:var(--cim-acik);border-color:#BFE3CF}
.bildirim-uyari{background:var(--altin-acik);border-color:#EED8A0}
.bildirim-hata{background:#FDECEA;border-color:#F3C2BD}

/* ---------- Panel ---------- */
.panel{background:var(--kart);border:1px solid var(--cizgi);border-radius:var(--r-buyuk);box-shadow:var(--golge);padding:24px;margin-bottom:22px}
.panel-sifir{padding:0;overflow:hidden}
.panel-ic{padding:22px 24px 8px}
.panel-baslik{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.panel-baslik h1,.panel-baslik h2,.panel-baslik h3{margin:0}
.izgara{display:grid;gap:22px}
@media (min-width:920px){.izgara-2{grid-template-columns:1.6fr 1fr}.izgara-3{grid-template-columns:repeat(3,1fr)}}
.kod-blok{white-space:pre-wrap;background:var(--zemin2);border:1px solid var(--cizgi);padding:12px 14px;border-radius:10px;font-size:.8rem;color:#2D3B33}
.ayrac-satir{padding:12px 0;border-bottom:1px solid var(--cizgi)}

/* ---------- Eyer örtüsü numaraları ---------- */
.no{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:32px;padding:0 5px;
  font:700 1.1rem/1 var(--baslik);border-radius:6px 6px 9px 9px;box-shadow:inset 0 -3px 0 rgba(0,0,0,.18),0 2px 5px -2px rgba(0,0,0,.25);flex:none}
.no-1{background:#D52B1E;color:#fff}.no-2{background:#fff;color:#111;box-shadow:inset 0 0 0 1.5px #CBD3CE,inset 0 -3px 0 rgba(0,0,0,.08)}
.no-3{background:#1F4FB8;color:#fff}.no-4{background:#F7D117;color:#111}.no-5{background:#1C8A3E;color:#fff}
.no-6{background:#111;color:#F7D117}.no-7{background:#F07A1A;color:#111}.no-8{background:#F4A3C4;color:#111}
.no-9{background:#3FC1C9;color:#111}.no-10{background:#6B2FA0;color:#fff}.no-11{background:#8E9396;color:#C8102E}
.no-12{background:#A7D93B;color:#111}.no-13{background:#6B4226;color:#fff}.no-14{background:#7A1F2B;color:#F7D117}
.no-15{background:#C3B091;color:#111}.no-16{background:#8EC5FF;color:#C8102E}
.no.buyuk{min-width:66px;height:74px;font-size:2.7rem;border-radius:8px 8px 16px 16px}

/* ---------- Jokey forması ---------- */
.forma{width:34px;height:34px;flex:none;border-radius:10px;background:var(--kart3);display:inline-flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:inset 0 0 0 1px var(--cizgi)}
.forma img{width:100%;height:100%;object-fit:contain}
.forma-svg svg{width:26px;height:26px}
.forma.buyuk{width:74px;height:74px;border-radius:16px}
.forma.buyuk svg{width:56px;height:56px}
.forma-yok::after{content:'';width:18px;height:18px;border-radius:4px;background:var(--soluk2)}

/* ---------- Sıra yuvarlakları (sonuç sayfası) ---------- */
.fav-no{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;font:700 1.2rem var(--baslik);color:var(--soluk);background:var(--kart3)}
.fav-no.fav-1{background:linear-gradient(135deg,#FBE7A6,#E9BE58 45%,#C2952F);color:#2A1D05}
.fav-no.fav-2{background:linear-gradient(135deg,#F4F7F9,#CDD5DA 50%,#9AA4AB);color:#1B2126}
.fav-no.fav-3{background:linear-gradient(135deg,#F4C49B,#D9935C 50%,#A8622F);color:#2B1406}

/* ---------- Etiketler ---------- */
.etiket{display:inline-block;font-size:.72rem;font-weight:800;padding:3px 8px;border-radius:6px;white-space:nowrap;letter-spacing:.2px}
.et-banko{background:var(--altin-acik);color:#7A5508;box-shadow:inset 0 0 0 1px #EBD08A}
.et-favori{background:var(--cim-acik);color:var(--cim-koyu)}
.et-surpriz{background:#FDECEA;color:#B4332A;box-shadow:inset 0 0 0 1px #F3C2BD}
.et-plase{background:#EAF0FD;color:var(--mavi)}
.et-zayif{background:var(--kart3);color:var(--soluk)}
.bilgi-cip{display:inline-block;font-size:.82rem;padding:4px 10px;border-radius:8px;background:rgba(0,0,0,.28);color:#fff;backdrop-filter:blur(4px)}
.durum-cip{display:inline-block;font-weight:700;font-size:.85rem;padding:7px 12px;border-radius:10px;background:rgba(255,255,255,.92);color:var(--murekkep)}
.durum-bitti{color:var(--altin)}

/* ---------- Puan çubukları ---------- */
.pist-bar{display:inline-block;width:110px;height:8px;background:var(--kart3);border-radius:5px;overflow:hidden;vertical-align:middle}
.pist-bar>span{display:block;height:100%;background:linear-gradient(90deg,#4CC08A,var(--cim));border-radius:5px}
.puan{font:700 1.3rem var(--baslik);min-width:36px;display:inline-block;text-align:right}
.olasilik-bar{display:block;height:6px;background:var(--kart3);border-radius:4px;overflow:hidden;margin-top:6px}
.olasilik-bar>span{display:block;height:100%;border-radius:4px;background:linear-gradient(90deg,#4CC08A,var(--cim))}

/* ---------- Gün / hipodrom seçici ---------- */
.gun-secici{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:18px}
.tarih-gez{display:flex;align-items:center;gap:4px}
.tarih-gez a{display:inline-flex;width:40px;height:42px;align-items:center;justify-content:center;background:#fff;border:1px solid var(--cizgi);border-radius:10px;font-size:1.4rem;color:var(--murekkep);box-shadow:var(--golge)}
.tarih-gez a:hover{text-decoration:none;border-color:var(--cizgi2)}
.tarih-gez input{width:auto;height:42px}
.hip-sekme{display:flex;gap:6px;flex-wrap:wrap}
.hip-sekme a{padding:9px 16px;background:#fff;border:1px solid var(--cizgi);border-radius:12px;color:#3E4D45;font-weight:700;font-size:.92rem;box-shadow:var(--golge)}
.hip-sekme a:hover{text-decoration:none;border-color:var(--cizgi2);color:var(--murekkep)}
.hip-sekme a.aktif{background:var(--cim);color:#fff;border-color:var(--cim)}

/* ---------- Koşu sekmeleri ---------- */
.kosu-sekme{display:flex;gap:6px;overflow-x:auto;padding:2px 2px 8px;margin-bottom:16px;scrollbar-width:thin}
.kosu-sekme a{flex:none;padding:8px 15px 10px;border-radius:12px;background:#fff;border:1px solid var(--cizgi);color:var(--murekkep);font:700 1.08rem/1.1 var(--baslik);text-align:center;position:relative;overflow:hidden;box-shadow:var(--golge)}
.kosu-sekme a::after{content:'';position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--soluk2)}
.kosu-sekme a.pist-cim::after{background:var(--cim)} .kosu-sekme a.pist-kum::after{background:var(--kum)}
.kosu-sekme a:hover{text-decoration:none;border-color:var(--cizgi2)}
.kosu-sekme a small{display:block;font:500 .74rem var(--govde);color:var(--soluk);margin-top:2px}
.kosu-sekme a.aktif{background:var(--murekkep);color:#fff;border-color:var(--murekkep)}
.kosu-sekme a.aktif small{color:#C9D6CE}
.kosu-sekme a.bitti{opacity:.6}

/* ---------- Koşu başlığı: pist dokusu ---------- */
.kosu-kafa{position:relative;border-radius:var(--r-buyuk);padding:28px 28px 22px;margin-bottom:22px;overflow:hidden;box-shadow:var(--golge-buyuk);isolation:isolate;color:#fff}
.kosu-kafa::before{content:'';position:absolute;inset:0;z-index:-2}
.kosu-kafa::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(6,12,9,0) 0%,rgba(6,12,9,.18) 45%,rgba(6,12,9,.55) 100%)}
.zemin-cim::before{background:
  linear-gradient(180deg,rgba(255,255,255,.85) 0 3px,transparent 3px 9px,rgba(255,255,255,.4) 9px 10px,transparent 10px),
  radial-gradient(rgba(0,0,0,.14) 1px,transparent 1.4px) 0 0/5px 5px,
  radial-gradient(rgba(170,240,150,.16) 1px,transparent 1.6px) 2px 3px/7px 7px,
  repeating-linear-gradient(100deg,#2C8A4C 0 70px,#35995A 70px 140px),
  #2D8B4D}
.zemin-kum::before{background:
  linear-gradient(180deg,rgba(255,255,255,.8) 0 3px,transparent 3px 9px,rgba(255,255,255,.35) 9px 10px,transparent 10px),
  radial-gradient(rgba(255,245,225,.28) 1px,transparent 1.5px) 0 0/6px 6px,
  radial-gradient(rgba(90,55,20,.24) 1px,transparent 1.6px) 3px 2px/9px 9px,
  radial-gradient(rgba(90,55,20,.16) 1.5px,transparent 2px) 5px 6px/13px 13px,
  repeating-linear-gradient(176deg,transparent 0 22px,rgba(110,70,30,.10) 22px 24px),
  linear-gradient(160deg,#D9A867,#B88550)}
.zemin-sentetik::before{background:
  linear-gradient(180deg,rgba(255,255,255,.7) 0 3px,transparent 3px),
  radial-gradient(rgba(255,255,255,.12) 1px,transparent 1.5px) 0 0/5px 5px,
  linear-gradient(160deg,#6D7886,#4A535E)}
.kosu-ust{display:flex;gap:22px;align-items:flex-end;flex-wrap:wrap}
.kosu-saat{font:700 3.4rem/0.9 var(--baslik);color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.3)}
.kosu-bilgi{flex:1;min-width:240px}
.kosu-bilgi h1{margin:0 0 10px;font-size:2.2rem;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.3)}
.kosu-eylem{display:flex;flex-direction:column;align-items:flex-end;gap:6px}
.kosu-eylem .kucuk{color:rgba(255,255,255,.9)}
.pist-isaret{display:inline-block;padding:4px 11px;border-radius:8px;font-weight:800;font-size:.82rem;color:#fff;letter-spacing:.2px}
.pist-cim{background:var(--cim-koyu)} .pist-kum{background:#9A6831} .pist-sentetik{background:#5A6470}
.yz-yorum{display:flex;gap:12px;align-items:flex-start;margin-top:18px;padding:14px 16px;border-radius:14px;background:rgba(255,255,255,.94);color:var(--murekkep);box-shadow:0 8px 20px -14px rgba(0,0,0,.5)}
.yz-isaret{flex:none;font:700 .8rem var(--baslik);letter-spacing:1px;padding:4px 7px;border-radius:7px;background:var(--cim);color:#fff}
.yz-yorum .llm{margin:8px 0 0;color:#3E4D45}
.netice{margin:12px 0 0;color:rgba(255,255,255,.92)}
@media (max-width:640px){.kosu-kafa{padding:20px 18px 18px}.kosu-saat{font-size:2.6rem}.kosu-bilgi h1{font-size:1.7rem}.kosu-eylem{align-items:flex-start}}

/* ---------- Yarış kartı ---------- */
.tablo-sar{overflow-x:auto}
table.yaris-kart{width:100%;border-collapse:collapse}
.yaris-kart thead th{font-size:.76rem;font-weight:700;color:var(--soluk);text-align:left;padding:10px 12px;border-bottom:1px solid var(--cizgi);white-space:nowrap;background:var(--kart2)}
.yaris-kart td{padding:12px;vertical-align:middle;border-bottom:1px solid var(--cizgi)}
.at-satir{cursor:pointer;transition:background .15s}
.at-satir:hover{background:#F6FAF7}
.at-blok.acik .at-satir{background:#F2F8F4}
.at-blok.kosmaz{opacity:.45}
.at-blok.kazanan .at-satir{background:var(--altin-acik)}
.sonuc-hucre{font:700 1.3rem var(--baslik);color:var(--altin);width:56px}
.at-bas{display:flex;align-items:center;gap:10px}
.at-ad{font-weight:800;font-size:1.02rem;color:var(--murekkep)}
.at-ad:hover{color:var(--cim);text-decoration:none}
.rozetler{display:flex;gap:5px;flex-wrap:wrap;margin-top:4px;align-items:center}
.alt-satir{display:block;font-size:.8rem;color:var(--soluk);margin-top:2px}
.yz-hucre{width:150px}
.yz-ust{display:flex;justify-content:space-between;align-items:baseline;gap:6px}
.yz-ust b{font:700 1.25rem var(--baslik)}
.form-dizi{font:700 1.05rem var(--baslik);letter-spacing:1.5px;white-space:nowrap}
.form-dizi .k{color:var(--kum)} .form-dizi .c{color:var(--cim)} .form-dizi .s{color:#6B7684}
.form-dizi b{color:#C7901A}
.neden-satir td{padding:0 12px 16px;background:#F2F8F4}
.neden-ic{padding:16px 18px;border-radius:14px;background:#fff;border:1px solid var(--cizgi);font-size:.92rem}
.neden-ic ul{margin:4px 0 10px;padding-left:18px}
.neden-ic li{margin:3px 0}
.neden-metin p{margin:0 0 6px}
.arti{color:var(--cim-koyu)} .eksi{color:var(--tabela)}
.faktor-izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px 18px;margin:14px 0 10px}
.faktor{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:.82rem;color:#3E4D45}
.faktor-deger{display:flex;align-items:center;gap:8px;width:92px;flex:none}
.f-iz{display:block;width:58px;height:5px;border-radius:3px;background:var(--kart3);overflow:hidden}
.f-iz i{display:block;height:100%;border-radius:3px;background:linear-gradient(90deg,#4CC08A,var(--cim))}
.faktor-deger b{font:700 .95rem var(--baslik);margin-left:auto}
.faktor-deger em{font-style:normal;color:var(--soluk2);font-size:.75rem;margin-left:auto}
@media (max-width:720px){
  .gizle-m{display:none}
  .yaris-kart td{padding:10px 8px}
  .yz-hucre{width:96px}
  .forma{width:28px;height:28px}
}

/* Genel tablolar (at sayfası, kurallar vb.) */
table.kart-tablo{width:100%;border-collapse:collapse;font-size:.92rem}
.kart-tablo th{font-weight:700;color:var(--soluk);text-align:left;padding:9px 10px;border-bottom:1px solid var(--cizgi);font-size:.78rem;white-space:nowrap}
.kart-tablo td{padding:11px 10px;border-bottom:1px solid var(--cizgi);vertical-align:top}
.kart-tablo tr.kazanan td{background:var(--altin-acik)}
.kart-tablo tr.kosmaz td{opacity:.45;text-decoration:line-through}
.siralama-no{font:700 1.35rem var(--baslik);color:var(--soluk)}
.son6-kutular{display:flex;gap:8px;flex-wrap:wrap;margin:6px 0 12px}
.son6-kutu{width:58px;padding:8px 0;border-radius:12px;text-align:center;background:var(--kart2);border:1px solid var(--cizgi)}
.son6-kutu b{display:block;font:700 1.6rem/1 var(--baslik)}
.son6-kutu small{color:var(--soluk);font-size:.72rem}
.son6-kutu.pist-cim{border-bottom:3px solid var(--cim);background:var(--kart2)} .son6-kutu.pist-kum{border-bottom:3px solid var(--kum);background:var(--kart2)}
.son6-kutu.birinci b{color:#C7901A}

/* ---------- Ana sayfa vitrini ---------- */
.vitrin{display:grid;gap:22px;margin-bottom:26px}
@media (min-width:920px){.vitrin{grid-template-columns:1.3fr 1fr}}
.banko-kart{position:relative;overflow:hidden;border-radius:var(--r-buyuk);padding:30px;border:1px solid #EAD9A6;
  background:radial-gradient(520px 240px at 100% 0,rgba(233,190,88,.22),transparent 70%),radial-gradient(420px 220px at 0 100%,rgba(19,138,82,.08),transparent 70%),#fff;box-shadow:var(--golge-buyuk)}
.banko-kart::after{content:'';position:absolute;right:-70px;top:-70px;width:260px;height:260px;border-radius:50%;border:1px solid rgba(233,190,88,.35);box-shadow:0 0 0 30px rgba(233,190,88,.06),0 0 0 60px rgba(233,190,88,.035)}
.banko-kart h1{font-size:2.9rem;margin:6px 0 2px}
.banko-kart .ust-not{color:var(--altin);font-weight:700;font-size:.9rem}
.banko-kart .gerekce{color:#2D3B33;max-width:58ch;margin-top:14px}
.banko-kart .gerekce .arti{color:var(--cim-koyu)}
.banko-kart .gerekce ul{margin:4px 0 10px;padding-left:20px}
.banko-kart .gerekce p{margin:0 0 6px}
.banko-satir{display:flex;gap:16px;align-items:center;flex-wrap:wrap;position:relative;z-index:1}
.olasilik-kutu{margin-left:auto;text-align:right;flex:none}
.olasilik-buyuk{font:700 3.6rem/1 var(--baslik);background:linear-gradient(180deg,#D9A93A,#9A6E0E);-webkit-background-clip:text;background-clip:text;color:transparent}
@media (max-width:600px){.olasilik-kutu{margin-left:0;text-align:left}.banko-kart h1{font-size:2.1rem}}

.liste{list-style:none;margin:0;padding:0}
.liste li{display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid var(--cizgi)}
.liste li:last-child{border-bottom:0}
.liste .esnek{flex:1;min-width:0}

/* ---------- Kupon ve bilet ---------- */
.kupon{background:#fff;border:1px solid var(--cizgi);border-radius:var(--r-buyuk);box-shadow:var(--golge);overflow:hidden;margin-bottom:24px}
.kupon-ust{padding:18px 24px;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;align-items:center;border-bottom:1px dashed var(--cizgi2);position:relative}
.kupon-ust::before{content:'';position:absolute;left:0;top:0;bottom:0;width:5px}
.kupon-ust h3{margin:0;font-size:1.45rem}
.kupon-kucuk .kupon-ust::before{background:var(--altin-parlak)}
.kupon-orta .kupon-ust::before{background:var(--cim)}
.kupon-buyuk .kupon-ust::before{background:var(--mavi)}
.kupon-mega .kupon-ust::before{background:linear-gradient(180deg,var(--mor),var(--tabela))}
.kupon-yazar .kupon-ust::before{background:var(--mor)}
.kupon-butce{font:700 .95rem var(--baslik);padding:2px 9px;border-radius:7px;background:var(--altin-acik);color:#7A5508;vertical-align:middle;margin-left:6px}
.kupon-rakam{display:flex;gap:26px;flex-wrap:wrap}
.kupon-rakam div{text-align:right}
.kupon-rakam b{display:block;font:700 1.55rem var(--baslik)}
.kupon-rakam span{font-size:.76rem;color:var(--soluk)}
.bilet{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border-bottom:1px dashed var(--cizgi2);background:repeating-linear-gradient(0deg,transparent 0 31px,rgba(19,138,82,.03) 31px 32px)}
.bilet-ayak{display:flex;flex-direction:column;border-right:1px dashed var(--cizgi2);min-width:0}
.bilet-ayak:last-child{border-right:0}
.bilet-bas{padding:10px 8px;text-align:center;border-bottom:1px solid var(--cizgi);background:var(--kart2);color:var(--murekkep)}
.bilet-bas:hover{text-decoration:none;background:var(--cim-acik);color:var(--murekkep)}
.bilet-bas b{display:block;font:700 1.05rem var(--baslik)}
.bilet-bas small{color:var(--soluk);font-size:.74rem}
.bilet-atlar{display:flex;flex-direction:column;gap:6px;padding:10px 8px;flex:1}
.bilet-at{display:flex;align-items:center;gap:7px;min-width:0}
.bilet-at .no{height:28px;min-width:28px;font-size:1rem}
.bilet-ad{font-size:.78rem;color:#3E4D45;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bilet-at.kazandi .no{outline:2px solid var(--altin-parlak);outline-offset:2px}
.bilet-alt{padding:7px 8px;text-align:center;font-size:.74rem;color:var(--soluk);border-top:1px solid var(--cizgi)}
.bilet-ayak.tuttu .bilet-bas{background:var(--cim-acik)} .bilet-ayak.tutmadi .bilet-bas{background:#FDECEA}
.kupon-detay{padding:0 24px}
.kupon-detay summary{cursor:pointer;padding:14px 0;font-weight:700;color:var(--cim);list-style:none}
.kupon-detay summary::-webkit-details-marker{display:none}
.kupon-detay summary::before{content:'+ '} .kupon-detay[open] summary::before{content:'– '}
.kupon-genel{background:var(--zemin2);border:1px solid var(--cizgi);border-radius:12px;padding:12px 14px;font-size:.9rem}
.detay-ayak{padding:12px 0;border-top:1px solid var(--cizgi)}
.detay-ayak h4{margin:0 0 6px;font-size:1.1rem}
.detay-ayak p{margin:0 0 8px;font-size:.9rem;color:#3E4D45}
.detay-atlar{list-style:none;padding:0;margin:0 0 8px;display:grid;gap:8px}
.detay-atlar li{display:block;padding:9px 12px;border-radius:10px;background:var(--zemin2);border:1px solid var(--cizgi)}
.detay-atlar .no{height:24px;min-width:24px;font-size:.9rem;vertical-align:middle}
/* Telefonda kupon da gerçek bilet gibi 6 sütun yan yana: her ayakta atlar tahmin sırasıyla alt alta */
@media (max-width:760px){
  .bilet-ad{display:none}
  .bilet-bas{padding:7px 2px}
  .bilet-bas b{font-size:.95rem}
  .bilet-bas b .ayak-yazi{display:none}
  .bilet-bas small{font-size:.66rem}
  .bilet-atlar{align-items:center;padding:8px 2px;gap:5px}
  .bilet-at{justify-content:center}
  .bilet-at .no{height:30px;min-width:30px;font-size:1rem}
  .bilet-alt{padding:5px 2px;font-size:.66rem}
  .bilet-alt .kapsam{display:none}
}
/* yazar kuponlarının eski ayak görünümü */
.ayak-atlar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:5px}

/* ---------- Sanal oyun ---------- */
.secim-izgara{display:flex;flex-wrap:wrap;gap:6px}
.secim-izgara label{margin:0;cursor:pointer;color:inherit;font-weight:600}
.secim-izgara input{position:absolute;opacity:0;pointer-events:none}
.secim-izgara input+span{display:inline-flex;align-items:center;gap:7px;padding:4px 12px 4px 4px;border-radius:999px;background:#fff;border:1px solid var(--cizgi2);font-size:.88rem;transition:border-color .12s,background .12s}
.secim-izgara input+span .no{height:26px;min-width:26px;font-size:.95rem}
.secim-izgara input:checked+span{border-color:var(--cim);background:var(--cim-acik);color:var(--cim-koyu);box-shadow:0 0 0 1px var(--cim)}
.secim-izgara input:disabled+span{opacity:.55}
.secim-izgara input:focus-visible+span{outline:2px solid var(--cim)}
.kural{background:var(--altin-acik);border:1px solid #EED8A0;padding:14px 18px;border-radius:14px;margin-bottom:20px;color:#3E3420}
.skor-tablo{width:100%;border-collapse:collapse}
.skor-tablo td,.skor-tablo th{padding:11px 10px;border-bottom:1px solid var(--cizgi);text-align:left}
.skor-tablo th{color:var(--soluk);font-size:.78rem;font-weight:700}
.skor-tablo tr.ben td{background:var(--altin-acik)}
.skor-tablo tr.yz-satir td{background:var(--cim-acik)}
.skor-tablo .sira{font:700 1.35rem var(--baslik);width:46px;color:var(--soluk)}
.skor-tablo tr:nth-child(1) .sira{color:#C7901A} .skor-tablo tr:nth-child(2) .sira{color:var(--gumus)} .skor-tablo tr:nth-child(3) .sira{color:var(--bronz)}
.skor-tablo .pt{font:700 1.35rem var(--baslik);text-align:right}
.bot-rozet{font-size:.68rem;font-weight:800;background:var(--cim);color:#fff;border-radius:5px;padding:1px 6px;margin-left:6px;vertical-align:middle}
.sekme-dugmeler{display:flex;gap:6px;margin-bottom:14px;flex-wrap:wrap}
.sekme-dugmeler a{padding:8px 15px;border-radius:12px;background:#fff;border:1px solid var(--cizgi);color:#3E4D45;font-weight:700;font-size:.9rem;box-shadow:var(--golge)}
.sekme-dugmeler a:hover{text-decoration:none;color:var(--murekkep)}
.sekme-dugmeler a.aktif{background:var(--cim);color:#fff;border-color:var(--cim)}

/* ---------- Yazar ---------- */
.yazar-kart{display:flex;gap:14px;align-items:center}
.avatar{width:46px;height:46px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;font:700 1.35rem var(--baslik);color:#fff;flex:none}
.istatistik{display:flex;gap:28px;flex-wrap:wrap}
.istatistik div b{display:block;font:700 1.75rem var(--baslik)}
.istatistik div span{font-size:.78rem;color:var(--soluk)}
.yorum{background:var(--zemin2);border:1px solid var(--cizgi);border-radius:12px;padding:11px 14px;margin-top:8px;font-size:.93rem;color:#2D3B33}

/* ---------- Yönetim ---------- */
.ilerleme{height:10px;background:var(--kart3);border-radius:6px;overflow:hidden;margin-top:16px}
.ilerleme-dolu{height:100%;background:linear-gradient(90deg,#4CC08A,var(--cim));transition:width .4s}
.aktarim-log{max-height:240px;overflow:auto;padding-left:18px;margin:8px 0 0}
.aktarim-log li{margin:3px 0}
.kopru-panel{border-color:#EAD9A6;background:linear-gradient(180deg,#FFFCF3,#fff)}
.kopru-adim{padding-left:20px;margin:8px 0 14px}
.kopru-adim li{margin:6px 0}
.kopru-yerimi{cursor:grab}
.esik-giris{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
@media (max-width:720px){.esik-giris{grid-template-columns:1fr 1fr}}

/* ---------- Koşuyu izle ---------- */
.sim-anlatim{font:700 1.15rem var(--baslik);letter-spacing:.3px;color:var(--cim-koyu);min-height:1.6em;margin-bottom:10px}
.sim-pist{position:relative;border-radius:16px;overflow:hidden;padding:10px 26px 10px 10px;border:1px solid var(--cizgi2)}
.sim-pist.sim-cim{background:repeating-linear-gradient(90deg,#2C8A4C 0 60px,#349656 60px 120px)}
.sim-pist.sim-kum{background:radial-gradient(rgba(90,55,20,.26) 1px,transparent 1.6px) 0 0/7px 7px,radial-gradient(rgba(255,245,225,.25) 1px,transparent 1.5px) 3px 3px/9px 9px,linear-gradient(160deg,#D5A262,#B38049)}
.sim-pist.sim-sentetik{background:linear-gradient(160deg,#6D7886,#4A535E)}
.sim-kulvar{height:50px;display:flex;align-items:center;border-bottom:1px dashed rgba(255,255,255,.35)}
.sim-kulvar:last-of-type{border-bottom:0}
.sim-at{display:inline-flex;align-items:center;gap:6px;will-change:transform}
.sim-ad{font-size:.74rem;font-weight:700;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.8);white-space:nowrap;line-height:1.1;display:flex;flex-direction:column}
.sim-ad small{font-size:.64rem;font-weight:600;opacity:.85}
.sim-bitis{position:absolute;right:10px;top:0;bottom:0;width:10px;background:repeating-conic-gradient(#fff 0 25%,#111 0 50%) 0 0/10px 10px;opacity:.9}
.at-figur{display:block;filter:drop-shadow(0 3px 2px rgba(0,0,0,.3));overflow:visible}
.at-figur .bacak-b{opacity:0}
.sim-pist.kosuyor .at-figur{animation:at-sicra .32s ease-in-out infinite;animation-delay:var(--faz,0s)}
.sim-pist.kosuyor .at-figur .bacak-a{animation:bacak-a .32s steps(1) infinite;animation-delay:var(--faz,0s)}
.sim-pist.kosuyor .at-figur .bacak-b{animation:bacak-b .32s steps(1) infinite;animation-delay:var(--faz,0s)}
@keyframes at-sicra{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-3px) rotate(-2deg)}}
@keyframes bacak-a{0%{opacity:1}50%{opacity:0}}
@keyframes bacak-b{0%{opacity:0}50%{opacity:1}}
@media (max-width:640px){.sim-ad{display:none}.at-figur{width:62px;height:38px}}
.sim-sonuc{display:flex;gap:8px;flex-wrap:wrap;list-style:none;padding:0;margin:14px 0 0}
.sim-sonuc li{padding:6px 12px;border-radius:10px;background:var(--kart3);font-size:.88rem}
.sim-sonuc li.podyum-1{background:linear-gradient(135deg,#FBE7A6,#E9BE58 45%,#C2952F);color:#2A1D05;font-weight:700}
.sim-sonuc li.podyum-2{background:linear-gradient(135deg,#F4F7F9,#CDD5DA 50%,#9AA4AB);color:#1B2126;font-weight:700}
.sim-sonuc li.podyum-3{background:linear-gradient(135deg,#F4C49B,#D9935C 50%,#A8622F);color:#2B1406;font-weight:700}
.sim-tablo{margin-top:14px}
.mc-bar{display:flex;width:160px;height:8px;border-radius:4px;background:var(--kart3);overflow:hidden}
.mc-bar i{display:block;height:100%}
.mc-kaz{background:var(--altin-parlak)} .mc-ilk3{background:#7FD3A8}

/* ---------- Seviye, rozetler, kutlama ---------- */
.seviye-cip{display:inline-flex;align-items:center;gap:8px;padding:5px 12px 6px 6px!important;border-radius:12px;background:var(--kart3);position:relative}
.seviye-simge{font-size:1.15rem;line-height:1}
.seviye-cip>span:nth-child(2){display:flex;flex-direction:column;line-height:1.1}
.kullanici-ad{color:var(--murekkep);font-weight:700}
.seviye-ad{font-size:.7rem;color:var(--soluk);font-weight:700}
.seviye-iz{position:absolute;left:10px;right:10px;bottom:2px;height:2px;background:var(--cizgi2);border-radius:2px;overflow:hidden}
.seviye-iz i{display:block;height:100%;background:var(--altin-parlak)}
.oyuncu{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}
.kucuk-simge{font-size:1rem}
.mini-rozetler{display:inline-flex;gap:2px;font-size:.85rem;margin-left:4px}
.kutlama{position:relative;display:flex;gap:20px;align-items:center;padding:20px 24px;margin-bottom:22px;border-radius:var(--r-buyuk);
  background:radial-gradient(500px 200px at 0 50%,rgba(233,190,88,.28),transparent 70%),#fff;border:1px solid #EAD9A6;box-shadow:var(--golge);overflow:hidden;animation:kutlama-gir .5s ease-out}
.kutlama-puan{font:700 3.4rem/1 var(--baslik);background:linear-gradient(180deg,#D9A93A,#9A6E0E);-webkit-background-clip:text;background-clip:text;color:transparent;flex:none}
.kutlama h2{margin:0 0 4px}
.kutlama ul{margin:0 0 6px;padding-left:18px;font-size:.88rem;color:#3E4D45}
.kutlama-kapat{position:absolute;top:8px;right:12px;background:none;border:0;color:var(--soluk);font-size:1.6rem;cursor:pointer}
.konfeti{position:absolute;left:50%;top:40%;pointer-events:none}
.konfeti i{position:absolute;width:8px;height:12px;border-radius:2px;opacity:0;animation:konfeti 1.6s cubic-bezier(.2,.7,.3,1) var(--d) forwards}
@keyframes konfeti{0%{opacity:1;transform:translate(0,0) rotate(0)}100%{opacity:0;transform:translate(var(--x),var(--y)) rotate(var(--r))}}
@keyframes kutlama-gir{from{transform:translateY(-8px);opacity:0}to{transform:none;opacity:1}}
.rozet-izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.rozet-kart{padding:14px;border-radius:14px;background:var(--kart2);border:1px solid var(--cizgi);text-align:center}
.rozet-kart .simge{font-size:2rem;display:block;margin-bottom:4px}
.rozet-kart b{display:block;font-size:.9rem}
.rozet-kart small{color:var(--soluk);font-size:.74rem;line-height:1.3;display:block;margin-top:3px}
.rozet-kart.kilitli{opacity:.45;filter:grayscale(1)}
.rozet-kart.acik{border-color:#EAD9A6;background:radial-gradient(120px 60px at 50% 0,rgba(233,190,88,.25),transparent),#fff}
.seviye-kart{display:flex;gap:18px;align-items:center}
.seviye-kart .buyuk-simge{font-size:3.2rem;line-height:1}
.seviye-yol{height:10px;border-radius:6px;background:var(--kart3);overflow:hidden;margin:8px 0 4px}
.seviye-yol i{display:block;height:100%;background:linear-gradient(90deg,#D9A93A,var(--altin-parlak))}
.seviye-basamak{display:flex;justify-content:space-between;font-size:.72rem;color:var(--soluk);margin-top:10px;gap:4px;flex-wrap:wrap}
.seviye-basamak span.gecti{color:var(--altin);font-weight:700}

/* ---------- İdman değerlendirmesi ---------- */
.idman-rozet{display:inline-block;font-size:.7rem;font-weight:800;padding:3px 8px;border-radius:6px;white-space:nowrap;letter-spacing:.2px}
.iy-super{background:linear-gradient(135deg,#5ED69A,var(--cim));color:#fff}
.iy-iyi{background:var(--cim-acik);color:var(--cim-koyu);box-shadow:inset 0 0 0 1px #BFE3CF}
.iy-orta{background:var(--kart3);color:#4A5A51}
.iy-kotu{background:#FDECEA;color:#B4332A;box-shadow:inset 0 0 0 1px #F3C2BD}
.iy-yukari{background:var(--altin-acik);color:#7A5508;box-shadow:inset 0 0 0 1px #EBD08A}
.iy-asagi{background:#FDECEA;color:#B4332A}
.iy-hucre{font-weight:800}
.iy-yazi-super{color:#0E8A4C} .iy-yazi-iyi{color:#2D9B63} .iy-yazi-orta{color:#4A5A51} .iy-yazi-kotu{color:#C2382D}
.idman-egilim{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:10px 14px;border-radius:12px;background:var(--zemin2);border:1px solid var(--cizgi);margin-bottom:12px;font-size:.9rem}
.idman-egilim.eg-yukari{border-color:#EAD9A6;background:#FFFBEE}

/* ---------- Koşu sonucu ---------- */
tr.tiklanir{cursor:pointer}
tr.tiklanir:hover td{background:#F6FAF7}
.tarih-link{color:var(--murekkep);font-weight:700}
.sonuc-tablo tr.vurgu td{background:var(--altin-acik)}
.sonuc-tablo tr.vurgu td:first-child{box-shadow:inset 3px 0 0 var(--altin-parlak)}
.sonuc-tablo tr.kosmaz-satir{opacity:.45}
.yaris-video{width:100%;border-radius:12px;background:#000;margin-bottom:8px;aspect-ratio:16/9}
.fotofinis{width:100%;border-radius:12px;display:block;border:1px solid var(--cizgi)}

/* ---------- Diğer ---------- */
.bos{padding:42px 20px;text-align:center;color:var(--soluk)}
.bos .btn{margin-top:12px}
.etiket-satir{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.alt{border-top:1px solid var(--cizgi);color:var(--soluk);padding:30px 0;font-size:.85rem;background:#fff}
.alt p{margin:4px 0}
.idman-tablo td,.idman-tablo th{white-space:nowrap}
details.neden summary{cursor:pointer;color:var(--cim);font-weight:700;font-size:.86rem}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

/* ---------- Model sayfası ---------- */
.agirlik-satir{display:grid;grid-template-columns:180px 1fr 140px;gap:12px;align-items:center;padding:6px 0;border-bottom:1px solid var(--cizgi)}
.agirlik-ad{font-weight:600;font-size:.9rem}
.agirlik-iz{height:10px;background:var(--kart3);border-radius:6px;overflow:hidden}
.agirlik-iz i{display:block;height:100%;background:linear-gradient(90deg,#4CC08A,var(--cim));border-radius:6px}
.agirlik-iz i.negatif{background:linear-gradient(90deg,#F2A49C,var(--tabela))}
.agirlik-deger{text-align:right;font-size:.9rem}
@media (max-width:640px){.agirlik-satir{grid-template-columns:1fr;gap:4px}.agirlik-deger{text-align:left}}

/* Veri durumu */
.veri-satir{padding:12px 0;border-bottom:1px solid var(--cizgi,#e6ebe7)}
.veri-satir:last-of-type{border-bottom:0}
.veri-ust{display:flex;justify-content:space-between;gap:12px;align-items:baseline;margin-bottom:6px}
.veri-satir .ilerleme{margin:4px 0 6px}
.veri-satir p{margin:0}
.kopru-panel.vurgu{outline:3px solid #E9BE58;outline-offset:2px}
.kolon-hesap{margin:4px 16px 12px;padding:8px 12px;background:var(--zemin2,#f3f6f3);border-radius:10px;font:600 .9rem var(--govde,inherit);font-variant-numeric:tabular-nums}
.kolon-hesap b{color:var(--yesil,#1f8a55)}
.idman-rozet.iy-jokey{background:#e9f0ff;color:#2a4fa8;border-color:#c7d6fb}
.neden a,.neden-link{color:var(--yesil,#1f8a55);font-weight:600;text-decoration:underline;text-underline-offset:2px}
.not-gizli{background:#fff6e0;border-left:3px solid #E9BE58;padding:6px 10px;border-radius:6px}
.not-jokey{background:#eef3ff;border-left:3px solid #4a72d8;padding:6px 10px;border-radius:6px}
.takilar{display:inline-flex;gap:3px;margin-left:4px;vertical-align:1px}
abbr.taki{display:inline-block;text-decoration:none;font:700 .66rem/1 var(--govde,inherit);letter-spacing:.02em;padding:2px 4px;border-radius:4px;background:#eef1ee;color:#3c4a42;border:1px solid #d8dfda;cursor:help}
.etiket.et-taki{background:#fff1e6;color:#b4550f;border:1px solid #f5c9a5}
.taki-not{margin:8px 0;padding:6px 10px;background:#f6f8f6;border-radius:6px}
.taki-degisim{color:#b4550f}

/* Altılı ne verir */
.altili-izgara{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:18px;align-items:start}
@media (max-width:980px){.altili-izgara{grid-template-columns:1fr}}
.altili-sonuc{position:sticky;top:76px}
.ayak-izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(178px,1fr));gap:10px;margin-top:12px}
.ayak-kolon{border:1px solid var(--cizgi,#e3e8e4);border-radius:12px;padding:8px;background:#fbfcfb}
.ayak-bas{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;margin:2px 2px 8px}
.ayak-bas small{color:var(--soluk,#6b7a71);font-size:.72rem;flex-basis:100%}
.ayak-hepsi{margin-left:auto;background:none;border:0;color:var(--yesil,#1f8a55);font:600 .75rem inherit;cursor:pointer;padding:0}
.at-sec{display:grid;grid-template-columns:26px 1fr auto;grid-template-rows:auto auto;column-gap:6px;width:100%;text-align:left;background:#fff;border:1px solid #e3e8e4;border-radius:8px;padding:5px 7px;margin-bottom:4px;cursor:pointer;font:inherit;color:inherit;transition:background .12s,border-color .12s}
.at-sec:hover{border-color:#b9c9be}
.at-sec .as-no{grid-row:1/3;align-self:center;font:700 .95rem var(--baslik,inherit);text-align:center;background:#eef2ef;border-radius:6px;padding:3px 0}
.at-sec .as-ad{font-size:.8rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.at-sec .as-agf{font:700 .8rem var(--govde,inherit);font-variant-numeric:tabular-nums}
.at-sec .as-yz{grid-column:2/4;font-size:.68rem;color:var(--soluk,#6b7a71)}
.at-sec .as-et{font-style:normal;font-size:.6rem;font-weight:800;color:#b4550f;margin-left:3px}
.at-sec.secili{background:#e7f5ec;border-color:#2f9e63;box-shadow:inset 0 0 0 1px #2f9e63}
.at-sec.secili .as-no{background:#2f9e63;color:#fff}
.at-sec.kazandi{border-color:#2f9e63;background:#d9f2e3}
.at-sec.kazandi .as-ad::after{content:" ✓";color:#1f8a55}
.at-sec.kaybetti{opacity:.45}
.at-sec.kosmaz{opacity:.35;cursor:not-allowed;text-decoration:line-through}
.kupon-yapistir{display:flex;gap:8px;margin:8px 0 0}
.kupon-yapistir input{flex:1;min-width:0}
.sonuc-rakam{display:flex;gap:22px;margin:6px 0 10px}
.sonuc-rakam b{display:block;font:700 1.6rem var(--baslik,inherit)}
.sonuc-rakam span{font-size:.75rem;color:var(--soluk,#6b7a71)}
.nv-ozet{width:100%;border-collapse:collapse;margin:8px 0;font-size:.85rem}
.nv-ozet td,.nv-ozet th{padding:7px 4px;border-bottom:1px solid #edf1ee;vertical-align:top}
.nv-ozet th{font-size:.72rem;color:var(--soluk,#6b7a71);text-align:left;font-weight:600}
.ayak-serit{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin:6px 0 12px}
@media (max-width:760px){.ayak-serit{grid-template-columns:repeat(3,minmax(0,1fr))}}
.serit-ayak{border:1px solid #e3e8e4;border-radius:10px;padding:8px;font-size:.8rem;background:#fbfcfb}
.serit-ayak small{display:block;color:var(--soluk,#6b7a71);font-size:.7rem;margin-bottom:4px}
.serit-ayak.bitti{background:#eaf6ef;border-color:#bfe3cd}
.serit-kazanan{display:block;font-weight:700}
.serit-kazanan em{font-style:normal;font-weight:500;color:var(--soluk,#6b7a71);font-size:.72rem}
.yasayan{font-size:.95rem;margin:4px 0 12px}
.nv-tablo td,.nv-tablo th{font-variant-numeric:tabular-nums}
.filtre-satir{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 14px}
.ikr-tablo .kombi{font-family:ui-monospace,Menlo,monospace;font-size:.8rem}
.filtre-satir select{width:auto;min-width:180px}
.at-sec .as-ad{white-space:normal;overflow:visible;line-height:1.2}
.ayak-izgara{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}
.altili-sonuc code{word-break:break-all;font-size:.75rem}
@media (max-width:600px){.nv-tablo .nv-pay{display:none}}


/* ================= TELEFON ================= */
.alt-menu{display:none}
@media (max-width:760px){
  body{padding-bottom:calc(64px + env(safe-area-inset-bottom))}
  .alt-menu{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;z-index:60;background:rgba(255,255,255,.97);backdrop-filter:blur(8px);border-top:1px solid var(--cizgi);padding:4px 4px calc(4px + env(safe-area-inset-bottom));box-shadow:0 -6px 20px -14px rgba(0,0,0,.35)}
  .alt-menu a{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 0;color:#5B6B62;font-size:.68rem;font-weight:700;border-radius:10px}
  .alt-menu a:hover{text-decoration:none}
  .alt-menu svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
  .alt-menu a.aktif{color:var(--cim-koyu);background:var(--cim-acik)}
  .panel{padding:16px;border-radius:16px;margin-bottom:14px}
  h1{font-size:1.7rem}
  .kap{padding-left:12px;padding-right:12px}
  /* tarih + hipodrom tek satırda, hipodromlar yana kayar */
  .gun-secici{flex-wrap:nowrap;gap:8px;margin-bottom:12px;overflow:hidden}
  .tarih-gez{flex:none}
  .tarih-gez a{width:32px;height:38px}
  .tarih-gez input{height:38px;width:126px;padding:0 6px;font-size:.85rem}
  .hip-sekme{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:2px}
  .hip-sekme::-webkit-scrollbar{display:none}
  .hip-sekme a{white-space:nowrap;padding:9px 12px;font-size:.84rem;flex:none}
  /* kupon başlığı sıkı */
  .kupon-ust{padding:12px 14px}
  .kupon-ust h3{font-size:1.15rem}
  .kupon-rakam{gap:14px;width:100%;justify-content:space-between}
  .kupon-rakam div{text-align:left}
  .kupon-rakam b{font-size:1.15rem}
  .kolon-hesap{margin:8px 10px;font-size:.8rem}
  .kural{font-size:.85rem;padding:12px 14px}
  /* program tablosu: sağ sütunlar taşmasın */
  .yz-hucre{width:62px}
  .yz-ust{display:block}
  .yz-ust span{display:none}
  .yz-ust b{font-size:1.05rem}
  .agf-hucre{width:58px}
  .at-hucre .forma{display:none}
  .at-bas{gap:7px}
  .rozetler{gap:3px}
  .rozetler .idman-rozet,.rozetler .etiket{font-size:.62rem;padding:2px 6px}
  /* oyun: etiket üstte, atlar iki sütun */
  .oyun-satir{display:block!important}
  .oyun-etiket{padding:0 0 4px!important}
  .oyun-satir .secim-izgara,[data-ayak] .secim-izgara{display:grid;grid-template-columns:1fr 1fr;gap:6px}
  .secim-izgara label{min-width:0}
  .secim-izgara input+span{width:100%;min-height:40px;font-size:.82rem;overflow:hidden}
  /* altılı ne verir: ayak sekmeleri, tek ayak görünür, alt özet çubuğu */
  .ayak-sekme{display:grid!important}
  .ayak-izgara{display:block}
  .ayak-kolon{display:none}
  .ayak-kolon.aktif{display:block}
  .ayak-serit{display:flex;overflow-x:auto;gap:6px;scrollbar-width:none}
  .serit-ayak{flex:0 0 112px}
  .altili-sonuc{position:static}
  .etiket-satir{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
  .etiket-satir .btn{flex:none}
  .altili-ozet{display:flex!important}
  .at-sec{min-height:46px}
}
.oyun-satir{display:flex;gap:10px;align-items:flex-start;margin-bottom:6px}
.oyun-etiket{width:90px;flex:none;padding-top:6px;font-weight:600}
.ayak-sekme{display:none;grid-template-columns:repeat(6,1fr);gap:4px;margin:12px 0 8px;position:sticky;top:64px;z-index:5;background:var(--kart);padding:4px 0}
.ayak-sekme button{border:1px solid var(--cizgi2);background:#fff;border-radius:10px;padding:6px 0;font:700 .9rem var(--govde);color:var(--murekkep);cursor:pointer;line-height:1.1}
.ayak-sekme button small{display:block;font-size:.62rem;font-weight:600;color:var(--soluk)}
.ayak-sekme button.aktif{background:var(--cim);color:#fff;border-color:var(--cim)}
.ayak-sekme button.aktif small{color:#E5F5EC}
.ayak-sekme button.dolu:not(.aktif){border-color:var(--cim);background:var(--cim-acik)}
.altili-ozet{display:none;position:fixed;left:8px;right:8px;bottom:calc(66px + env(safe-area-inset-bottom));z-index:55;background:#13261C;color:#fff;border-radius:14px;padding:10px 14px;align-items:center;gap:12px;box-shadow:0 10px 30px -10px rgba(0,0,0,.5);font-size:.85rem}
.altili-ozet b{font:700 1.05rem var(--baslik)}
.altili-ozet .oz-nv{margin-left:auto;text-align:right}
.altili-ozet .oz-nv small{display:block;color:#A9C7B6;font-size:.68rem}
.altili-ozet[hidden]{display:none!important}
@media (max-width:760px){#altili{padding-bottom:70px}}
.altili-izgara>*{min-width:0}
@media (max-width:760px){.panel-baslik{flex-wrap:wrap}.panel-baslik .etiket-satir{max-width:100%;min-width:0}}
.kombi-liste{list-style:none;padding:0;margin:4px 0 12px;display:grid;gap:5px}
.kombi-liste li{display:grid;grid-template-columns:64px 1fr;column-gap:8px;padding:7px 10px;border-radius:10px;background:var(--zemin2,#f4f7f5);border:1px solid var(--cizgi,#e3e8e4);font-size:.86rem}
.kombi-liste li span{grid-row:1/3;color:var(--soluk,#6b7a71);font-size:.75rem;font-weight:700;align-self:center}
.kombi-liste li small{color:var(--soluk,#6b7a71);font-size:.72rem}
.kombi-liste li.bos em{color:var(--soluk2,#9aa8a0);font-size:.8rem;align-self:center}
.kombi-liste li.tuttu{background:#e3f5ea;border-color:#9fd6b5}
.kombi-liste li.yandi{background:#fdecea;border-color:#f3c3bd;opacity:.8}
.nv-ozet tr.nv-ana td{font-size:1rem}
.nv-ozet tr.nv-ana b{font-size:1.25rem;color:var(--cim-koyu,#106b40)}

/* İstatistik */
.ist-menu{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin:0 0 14px;padding-bottom:2px}
.ist-menu a{flex:none;padding:7px 12px;border-radius:999px;background:#fff;border:1px solid var(--cizgi);font-weight:700;font-size:.84rem;color:#3E4D45;white-space:nowrap}
.ist-menu a:hover{text-decoration:none;border-color:var(--cim);color:var(--cim-koyu)}
.ist-bar{display:inline-block;vertical-align:middle;width:90px;height:8px;background:var(--kart3,#eef2ef);border-radius:5px;overflow:hidden;margin-right:6px}
.ist-bar i{display:block;height:100%;background:linear-gradient(90deg,#4CC08A,var(--cim));border-radius:5px}
.ist-bar.gri i{background:#B9C4BE}
.ist-bar.turuncu i{background:linear-gradient(90deg,#F2A65A,#E07B24)}
.kat{display:inline-block;min-width:52px;text-align:center;padding:2px 7px;border-radius:7px;font-weight:800;font-size:.85rem;font-variant-numeric:tabular-nums}
.kat-arti{background:#DDF3E6;color:#106B40}.kat-eksi{background:#FCE4E1;color:#B3261E}.kat-notr{background:#F0F2F1;color:#56645C}
.ist-dag-satir{display:grid;grid-template-columns:170px 1fr 52px;align-items:center;gap:10px;padding:6px 0;font-size:.9rem}
.ist-dag-satir .ist-bar{width:100%}
.ist-dag-satir b{text-align:right}
.kucuk-tablo td{padding:8px 6px}
.tablo-ara{max-width:220px}
table.siralanir th{cursor:pointer;user-select:none}
table.siralanir th:hover{color:var(--cim-koyu)}
.start-tablo td{white-space:nowrap}
@media (max-width:760px){.ist-dag-satir{grid-template-columns:120px 1fr 44px;font-size:.82rem}.ist-bar{width:56px}.tablo-ara{max-width:100%;width:100%}}
.one-cikan ul{list-style:none;margin:0;padding:0;display:grid;gap:7px}
.one-cikan li{position:relative;padding:9px 12px 9px 36px;border-radius:10px;background:var(--zemin2,#f4f7f5);font-size:.9rem;line-height:1.45}
.one-cikan li::before{position:absolute;left:11px;top:9px;width:18px;height:18px;border-radius:50%;font:800 .72rem/18px var(--govde);text-align:center;color:#fff}
.one-cikan li.oc-arti{background:#EAF6EF}.one-cikan li.oc-arti::before{content:"↑";background:var(--cim)}
.one-cikan li.oc-uyari{background:#FDF0EE}.one-cikan li.oc-uyari::before{content:"!";background:#D0443A}
.one-cikan li.oc-bilgi::before{content:"i";background:#5B7BC9}
.sinyal-izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px}
.sinyal-kart{display:block;border:1px solid var(--cizgi);border-radius:14px;padding:12px;background:#fff;color:inherit;transition:border-color .12s,box-shadow .12s}
.sinyal-kart:hover{text-decoration:none;border-color:var(--cim);box-shadow:0 8px 20px -14px rgba(19,138,82,.6)}
.sk-ust{display:flex;align-items:center;gap:9px}
.sk-ust b{display:block;font-size:.95rem}
.sk-ust small{display:block;color:var(--soluk);font-size:.74rem}
.sk-yz{margin-left:auto;font:800 .9rem var(--govde);color:var(--cim-koyu);white-space:nowrap}
.sk-isaret{display:flex;flex-wrap:wrap;gap:5px;margin-top:9px}
.sk-isaret span{font-size:.72rem;font-weight:700;padding:3px 8px;border-radius:999px;background:#EAF6EF;color:#106B40;border:1px solid #CBE9D7}
.sihirbaz h2{margin-top:0}
.sb-satir{display:grid;grid-template-columns:90px 1fr;gap:10px;align-items:start;margin:12px 0}
.sb-etiket{font-weight:700;font-size:.9rem;padding-top:9px}
.sb-butce{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.sb-butce input{width:120px}
.sb-hizli{border:1px solid var(--cizgi2);background:#fff;border-radius:999px;padding:7px 12px;font:700 .82rem var(--govde);cursor:pointer}
.sb-hizli:hover{border-color:var(--cim);color:var(--cim-koyu)}
.sb-risk{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.sb-risk label{margin:0;cursor:pointer}
.sb-risk input{position:absolute;opacity:0}
.sb-risk span{display:block;height:100%;border:1px solid var(--cizgi2);border-radius:12px;padding:10px 12px;background:#fff}
.sb-risk span b{display:block}
.sb-risk span small{display:block;color:var(--soluk);font-size:.74rem;line-height:1.35;margin-top:3px}
.sb-risk input:checked+span{border-color:var(--cim);background:var(--cim-acik);box-shadow:inset 0 0 0 1px var(--cim)}
.sb-risk input:focus-visible+span{outline:2px solid var(--cim)}
.kupon-ozel .kupon-ust::before{background:linear-gradient(180deg,#E9BE58,var(--cim))}
@media (max-width:760px){.sb-satir{grid-template-columns:1fr;gap:4px}.sb-etiket{padding:0}.sb-risk{grid-template-columns:1fr}.sb-butce input{width:100%}}
.ara-ikon{display:inline-flex!important;align-items:center;gap:6px}
.ara-ikon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
@media (min-width:1181px){.ara-ikon span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}}
.ara-form{display:flex;gap:8px;margin:6px 0 16px}
.ara-form input{flex:1}
.alt-baglanti a{margin:0 2px}

/* Altılı ne verir (sade) */
.nv-hip{margin-bottom:14px}
.nv-hip a{display:flex;flex-direction:column;line-height:1.2}
.nv-hip a small{font-size:.7rem;font-weight:600;opacity:.75;margin-top:2px}
.nv-hip a.bitti:not(.aktif){opacity:.55}
.nv-ust{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.nv-ust h1{margin:0;font-size:1.6rem}
.nv-hazir{display:flex;gap:6px}
.nv-hazir button{border:1px solid var(--cizgi2);background:#fff;border-radius:999px;padding:7px 12px;font:700 .8rem var(--govde);cursor:pointer;color:var(--murekkep)}
.nv-hazir button:hover{border-color:var(--cim);color:var(--cim-koyu)}
.at-sec .as-no .no{height:26px;min-width:26px;font-size:.9rem}
.at-sec .as-no{background:none;padding:0}
.at-sec.secili .as-no{background:none}
.altili-sonuc .kupon{margin:0}
.kupon-nv .kupon-ust::before{background:linear-gradient(180deg,var(--altin-parlak),var(--cim))}
.kupon-nv .kupon-ust h3{font-size:1.15rem}
.kupon-nv .bilet-bas{border:0;border-bottom:1px solid var(--cizgi);width:100%;cursor:pointer;font:inherit}
.kupon-nv .bilet-atlar{align-items:center;justify-content:center;min-height:62px}
.kupon-nv .bilet-ad{display:none}
.kupon-nv .bilet-at .no{height:34px;min-width:34px;font-size:1.15rem}
.bilet-bos{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:2px dashed var(--cizgi2);border-radius:8px;color:var(--soluk2,#9aa8a0);font-weight:800}
.nv-sonuc{margin:14px 14px 10px;padding:14px 16px;border-radius:14px;background:linear-gradient(135deg,#106B40,#1C8A55);color:#fff;text-align:center}
.nv-sonuc span{display:block;font-size:.78rem;opacity:.85;font-weight:600}
.nv-sonuc b{display:block;font:700 2rem var(--baslik);margin-top:2px}
.nv-sonuc.nv-bekle{background:var(--zemin2,#f4f7f5);color:var(--murekkep)}
.nv-sonuc.nv-bekle b{font-size:1.2rem}
.nv-sonuc.nv-yandi{background:#FCE4E1;color:#B3261E}
.nv-sonuc.nv-yandi b{font-size:1.3rem}
.nv-diger{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:0 14px 10px}
.nv-diger div{background:var(--zemin2,#f4f7f5);border-radius:10px;padding:7px 4px;text-align:center}
.nv-diger span{display:block;font-size:.68rem;color:var(--soluk);font-weight:700}
.nv-diger b{font-size:.86rem;font-variant-numeric:tabular-nums}
.nv-not{margin:0 14px 14px;font-size:.72rem;color:var(--soluk)}
.ayak-sekme button.tuttu small{color:#106B40}.ayak-sekme button.yandi{border-color:#E5A39C;background:#FDF0EE}
@media (max-width:760px){.nv-ust h1{font-size:1.3rem}.nv-hazir{width:100%}.nv-hazir button{flex:1}.nv-diger b{font-size:.78rem}.altili-sonuc{margin-top:12px}}
.karne-izgara{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.karne{border:1px solid var(--cizgi);border-radius:14px;padding:12px 14px}
.karne h3{margin:0 0 8px;font-size:1rem}
.karne .istatistik{gap:16px}
.karne .istatistik b{font-size:1.4rem}
@media (max-width:760px){.karne-izgara{grid-template-columns:1fr}.karne .istatistik{display:grid;grid-template-columns:1fr 1fr}}
.kupon-nv .ayak-yazi{display:none}
.kupon-nv .bilet-bas{padding:8px 2px;height:52px}
.kupon-nv .bilet-bas small{white-space:nowrap;font-size:.68rem}
.kupon-nv .bilet-alt{white-space:nowrap;font-size:.68rem;padding:6px 1px}
.altili-ozet.gizli{opacity:0;pointer-events:none;transform:translateY(10px)}
.altili-ozet{transition:opacity .18s,transform .18s}

/* ================= ANA SAYFA: CANLI TASARIM ================= */
.vitrin-slider{position:relative;margin:-4px 0 18px;border-radius:24px;overflow:hidden;box-shadow:0 30px 60px -36px rgba(13,60,35,.55)}
.vs-iz{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.vs-iz::-webkit-scrollbar{display:none}
.vs-slayt{flex:0 0 100%;scroll-snap-align:start;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:20px;min-height:340px;padding:38px 56px;color:#fff;position:relative;overflow:hidden}
.vs-slayt::after{content:"";position:absolute;inset:auto -80px -120px auto;width:340px;height:340px;border-radius:50%;background:rgba(255,255,255,.08)}
.vs-banko{background:radial-gradient(600px 300px at 85% 30%,rgba(255,214,107,.25),transparent 60%),linear-gradient(120deg,#0B5A34,#138A52 55%,#1FA866)}
.vs-neverir{background:radial-gradient(500px 280px at 80% 20%,rgba(255,255,255,.18),transparent 60%),linear-gradient(120deg,#1C3F9E,#2F64D6 55%,#4C8BF0)}
.vs-sihirbaz{background:radial-gradient(500px 280px at 80% 30%,rgba(255,240,180,.3),transparent 60%),linear-gradient(120deg,#9A5B07,#D88A16 55%,#F2B33D)}
.vs-oyun{background:radial-gradient(500px 280px at 80% 30%,rgba(255,214,107,.25),transparent 60%),linear-gradient(120deg,#7E1F1A,#CC3D32 55%,#E8644F)}
.vs-istatistik{background:radial-gradient(500px 280px at 80% 30%,rgba(255,255,255,.18),transparent 60%),linear-gradient(120deg,#3F1F8C,#7A4BD1 55%,#9B74E6)}
.vs-metin{position:relative;z-index:2}
.vs-etiket{display:inline-flex;align-items:center;gap:7px;font-size:.78rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;background:rgba(255,255,255,.16);padding:5px 11px;border-radius:999px;backdrop-filter:blur(4px)}
.vs-etiket i{width:8px;height:8px;border-radius:50%;background:#FFD66B;box-shadow:0 0 0 0 rgba(255,214,107,.8);animation:nabiz 1.8s infinite}
@keyframes nabiz{0%{box-shadow:0 0 0 0 rgba(255,214,107,.7)}70%{box-shadow:0 0 0 9px rgba(255,214,107,0)}100%{box-shadow:0 0 0 0 rgba(255,214,107,0)}}
.vs-slayt h2{font:700 3rem/1.02 var(--baslik);margin:14px 0 10px;letter-spacing:-.01em}
.vs-slayt h2 span{color:#FFE29A}
.vs-slayt p{margin:0 0 16px;font-size:1.02rem;opacity:.92;max-width:420px}
.vs-btn{display:inline-flex;align-items:center;gap:6px;background:#fff;color:#15221B;font-weight:800;padding:12px 20px;border-radius:14px;box-shadow:0 10px 24px -12px rgba(0,0,0,.5);transition:transform .15s}
.vs-btn:hover{text-decoration:none;transform:translateY(-2px);color:#15221B}
.vs-buyuk{display:flex;align-items:center;gap:10px;margin:0 0 16px}
.vs-buyuk b{font:700 4.2rem/1 var(--baslik);color:#FFE29A}
.vs-buyuk small{font-size:.8rem;line-height:1.2;opacity:.9}
.vs-gorsel{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;min-height:240px}
/* koşan at */
.vs-pist{border-radius:20px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.07) 0 40px,transparent 40px 80px);overflow:hidden;height:220px}
.vs-at{position:relative;z-index:2;transform:scale(3.2);animation:at-sicra .34s ease-in-out infinite}
.vs-at .at-figur .bacak-a{animation:bacak-a .34s steps(1) infinite}
.vs-at .at-figur .bacak-b{animation:bacak-b .34s steps(1) infinite}
.vs-cizgiler i{position:absolute;left:100%;height:3px;border-radius:2px;background:rgba(255,255,255,.55);animation:hiz-cizgi 1.1s linear infinite}
.vs-cizgiler i:nth-child(1){top:28%;width:80px;animation-delay:0s}.vs-cizgiler i:nth-child(2){top:46%;width:120px;animation-delay:.35s}
.vs-cizgiler i:nth-child(3){top:64%;width:60px;animation-delay:.7s}.vs-cizgiler i:nth-child(4){top:80%;width:100px;animation-delay:.2s}
@keyframes hiz-cizgi{from{transform:translateX(0)}to{transform:translateX(-700px)}}
/* ne verir bileti */
.vs-bilet{background:#fff;border-radius:18px;padding:22px 18px 16px;display:grid;grid-template-columns:repeat(6,1fr);gap:8px;box-shadow:0 24px 40px -20px rgba(0,0,0,.5);transform:rotate(-4deg);width:min(340px,100%)}
.vs-no{height:42px!important;min-width:0!important;font-size:1.3rem!important;opacity:0;transform:translateY(12px) scale(.8)}
.vs-slayt.aktif .vs-no{animation:cip-gir .45s cubic-bezier(.2,.9,.3,1.4) forwards;animation-delay:var(--g)}
@keyframes cip-gir{to{opacity:1;transform:none}}
.vs-ikramiye{grid-column:1/-1;text-align:center;margin-top:8px;padding-top:10px;border-top:2px dashed #E3E9E5;color:#15221B;font-weight:700}
.vs-ikramiye b{font:700 2rem var(--baslik);color:#138A52}
/* sihirbaz */
.vs-cipler{display:flex;flex-direction:column;gap:10px;margin-right:20px}
.vs-cipler span{background:rgba(255,255,255,.2);border:2px solid rgba(255,255,255,.45);padding:8px 18px;border-radius:999px;font-weight:800;text-align:center}
.vs-cipler span.secik{background:#fff;color:#9A5B07;transform:scale(1.08)}
.vs-asa{width:150px;height:150px}
.vs-yildiz{animation:parilti 1.6s ease-in-out infinite;transform-origin:center}
@keyframes parilti{0%,100%{opacity:.4}50%{opacity:1}}
/* kupa */
.vs-kupa{width:190px;height:190px;filter:drop-shadow(0 18px 24px rgba(0,0,0,.35));animation:suzul 3s ease-in-out infinite}
@keyframes suzul{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
/* grafik */
.vs-grafik{display:flex;align-items:flex-end;gap:12px;height:180px;padding:16px 20px;background:rgba(255,255,255,.12);border-radius:18px;width:min(320px,100%)}
.vs-grafik i{flex:1;height:0;border-radius:8px 8px 3px 3px;background:linear-gradient(180deg,#FFE29A,#fff)}
.vs-slayt.aktif .vs-grafik i{animation:bar-buyu .8s cubic-bezier(.2,.9,.3,1) forwards;animation-delay:var(--g)}
@keyframes bar-buyu{to{height:var(--h)}}
/* slider kontrolleri */
.vs-noktalar{position:absolute;left:56px;bottom:18px;display:flex;gap:7px;z-index:3}
.vs-noktalar button{width:9px;height:9px;padding:0;border:0;border-radius:999px;background:rgba(255,255,255,.45);cursor:pointer;transition:width .25s,background .25s}
.vs-noktalar button.aktif{width:26px;background:#fff}
.vs-ok{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:40px;height:40px;border-radius:50%;border:0;background:rgba(255,255,255,.2);color:#fff;font-size:1.6rem;line-height:1;cursor:pointer;backdrop-filter:blur(4px)}
.vs-ok:hover{background:rgba(255,255,255,.35)}
.vs-geri{left:10px}.vs-ileri{right:10px}
/* hızlı erişim */
.hizli{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-bottom:18px}
.hizli a{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 6px;border-radius:18px;background:#fff;border:1px solid var(--cizgi);color:var(--murekkep);box-shadow:var(--golge);transition:transform .15s,box-shadow .15s}
.hizli a:hover{text-decoration:none;transform:translateY(-3px);box-shadow:var(--golge-buyuk)}
.hz-ikon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:color-mix(in srgb,var(--r) 14%,#fff);color:var(--r)}
.hz-ikon svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.hizli b{font-size:.82rem;text-align:center;line-height:1.2}
/* günün özeti */
.gun-ozet{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:22px}
.gun-ozet div{background:linear-gradient(135deg,#fff,#F4FAF6);border:1px solid var(--cizgi);border-radius:16px;padding:14px 16px}
.gun-ozet b{display:block;font:700 2.1rem/1 var(--baslik);color:var(--cim-koyu)}
.gun-ozet span{font-size:.78rem;color:var(--soluk);font-weight:600}
/* bloklar ve kaydırmalı şeritler */
.blok{margin-bottom:24px}
.blok-baslik{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:10px}
.blok-baslik h2{margin:0;font-size:1.5rem}
.serit{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 2px 12px;scrollbar-width:thin}
.serit>*{scroll-snap-align:start;flex:0 0 auto}
.serit .sinyal-kart{width:290px}
.sk-yz-cubuk{position:relative;height:22px;background:#EEF3F0;border-radius:8px;margin-top:10px;overflow:hidden}
.sk-yz-cubuk span{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,#8FD9B0,#138A52);border-radius:8px}
.sk-yz-cubuk b{position:relative;font-size:.75rem;padding-left:8px;line-height:22px;color:#0D3B24}
.hip-kart{width:220px;border-radius:18px;padding:14px 16px;color:#fff;display:flex;flex-direction:column;gap:6px;position:relative;overflow:hidden;box-shadow:var(--golge);transition:transform .15s}
.hip-kart:hover{text-decoration:none;transform:translateY(-3px);color:#fff}
.hk-cim{background:repeating-linear-gradient(90deg,rgba(255,255,255,.06) 0 26px,transparent 26px 52px),linear-gradient(140deg,#1C7A46,#2FA060)}
.hk-kum{background:radial-gradient(rgba(90,55,20,.22) 1px,transparent 1.6px) 0 0/7px 7px,linear-gradient(140deg,#B07A3E,#D5A262)}
.hip-kart.bitti{filter:saturate(.35);opacity:.85}
.hip-kart b{font-size:1.05rem;line-height:1.2}
.hk-hava{display:flex;align-items:center;gap:4px;font-weight:800;font-size:.85rem}
.hk-hava svg{width:26px;height:26px}
.hk-pist{display:flex;flex-wrap:wrap;gap:4px}
.hk-pist i{font-style:normal;font-size:.7rem;font-weight:700;background:rgba(0,0,0,.2);border-radius:999px;padding:2px 7px;white-space:nowrap}
.hk-ilerleme{height:6px;background:rgba(255,255,255,.25);border-radius:4px;overflow:hidden}
.hk-ilerleme i{display:block;height:100%;background:#FFE29A;border-radius:4px}
.hk-alt{font-size:.75rem;opacity:.9}
.hk-sonraki{margin-top:auto;background:rgba(0,0,0,.18);border-radius:10px;padding:6px 10px;font-size:.8rem;font-weight:700}
.hk-sonraki b{font-size:inherit;color:#FFE29A}
.surpriz-kart{width:250px;border:1px solid var(--cizgi);border-radius:16px;padding:12px;background:#fff;color:inherit;box-shadow:var(--golge)}
.surpriz-kart:hover{text-decoration:none;border-color:#E39B23}
.sp-kiyas{margin-top:10px;display:grid;gap:6px}
.sp-kiyas div{display:grid;grid-template-columns:52px 1fr 40px;align-items:center;gap:6px;font-size:.75rem}
.sp-kiyas i{display:block;height:9px;border-radius:5px;background:linear-gradient(90deg,#F7C548,#E07B24)}
.sp-kiyas .piyasa i{background:#C9D3CD}
.sp-kiyas b{text-align:right}
.yazar-alinti{width:280px;border-radius:16px;padding:14px;background:linear-gradient(160deg,#fff,#F3F7FF);border:1px solid var(--cizgi);color:inherit;display:flex;flex-direction:column;justify-content:space-between;gap:10px}
.yazar-alinti:hover{text-decoration:none;border-color:var(--mavi)}
.yazar-alinti p{margin:0;font-size:.92rem;font-style:italic;color:#2C3A33}
.yazar-alinti small{display:block;font-size:.72rem;color:var(--soluk)}
/* podyum */
.podyum{display:flex;align-items:flex-end;justify-content:center;gap:10px;margin:6px 0 16px}
.pd{display:flex;flex-direction:column;align-items:center;gap:3px;width:31%;text-align:center}
.pd b{font-size:.85rem;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pd small{font-size:.72rem;color:var(--soluk)}
.pd-blok{width:100%;border-radius:10px 10px 0 0;color:#fff;font:700 1.6rem var(--baslik);display:grid;place-items:center}
.pd-1 .pd-blok{height:84px;background:linear-gradient(180deg,#F2C14E,#D89B1B)}
.pd-2 .pd-blok{height:62px;background:linear-gradient(180deg,#B8C2C8,#8E9AA1)}
.pd-3 .pd-blok{height:46px;background:linear-gradient(180deg,#D99363,#A8622F)}
.pd .avatar{width:40px;height:40px;font-size:1.1rem}
/* halkalar */
.halkalar{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:6px 0 10px}
.halka{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center}
.halka svg{width:96px;height:96px;transform:rotate(-90deg)}
.halka circle{fill:none;stroke-width:3.4}
.halka .hz{stroke:#EDF1EE}
.halka .hd{stroke:var(--r);stroke-linecap:round;stroke-dasharray:0 100;transition:stroke-dasharray 1.2s cubic-bezier(.2,.8,.2,1)}
.gorundu .halka .hd{stroke-dasharray:var(--v) 100}
.halka b{position:absolute;top:30px;font:700 1.5rem var(--baslik)}
.halka span{font-size:.74rem;color:var(--soluk);font-weight:600;margin-top:4px}
/* kaydırınca belirme */
.canlan{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}
.canlan.gorundu{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.canlan{opacity:1;transform:none}.vs-at,.vs-kupa,.vs-cizgiler i{animation:none!important}.vs-no{opacity:1;transform:none}.vs-grafik i{height:var(--h)}}
@media (max-width:900px){.hizli{grid-template-columns:repeat(3,1fr)}}
@media (max-width:760px){
  .vitrin-slider{border-radius:20px;margin-top:-2px}
  .vs-slayt{grid-template-columns:1fr;padding:22px 20px 46px;min-height:0;gap:6px}
  .vs-gorsel{order:-1;min-height:150px}
  .vs-pist{height:150px}
  .vs-at{transform:scale(2.2)}
  .vs-slayt h2{font-size:2.1rem;margin:10px 0 6px}
  .vs-slayt p{font-size:.92rem;margin-bottom:12px}
  .vs-buyuk b{font-size:3rem}
  .vs-bilet{padding:16px 12px 12px;gap:6px}
  .vs-no{height:34px!important;font-size:1.05rem!important}
  .vs-kupa{width:130px;height:130px}
  .vs-asa{width:110px;height:110px}
  .vs-grafik{height:130px}
  .vs-noktalar{left:20px;bottom:16px}
  .vs-ok{display:none}
  .hizli{grid-template-columns:repeat(3,1fr);gap:8px}
  .hizli a{padding:12px 4px;border-radius:16px}
  .hz-ikon{width:42px;height:42px;border-radius:13px}
  .gun-ozet{grid-template-columns:repeat(2,1fr)}
  .gun-ozet b{font-size:1.8rem}
  .blok-baslik h2{font-size:1.25rem}
  .serit{margin:0 -12px;padding-left:12px;padding-right:12px;scroll-padding-left:12px;scrollbar-width:none}
  .serit .sinyal-kart{width:78vw}
  .hip-kart{width:62vw}
  .surpriz-kart,.yazar-alinti{width:72vw}
  .halka svg{width:76px;height:76px}.halka b{top:23px;font-size:1.25rem}
}
.vs-slayt h2{color:#fff}
.vs-at{transform:none}
.vs-at .at-figur{width:280px;height:auto;display:block;filter:drop-shadow(0 14px 10px rgba(0,0,0,.25))}
@media (max-width:760px){.vs-at{transform:none}.vs-at .at-figur{width:190px}.blok-baslik span.soluk{display:none}}

/* ================= SAYFA BAŞLIĞI (tüm sayfalar) ================= */
.sayfa-kafa{position:relative;overflow:hidden;border-radius:22px;padding:22px 26px;margin:0 0 16px;color:#fff;display:grid;grid-template-columns:auto 1fr;gap:4px 16px;align-items:center;box-shadow:0 24px 48px -32px rgba(13,40,25,.6)}
.sayfa-kafa::after{content:"";position:absolute;right:-60px;top:-80px;width:260px;height:260px;border-radius:50%;background:rgba(255,255,255,.1);pointer-events:none}
.sayfa-kafa::before{content:"";position:absolute;right:120px;bottom:-110px;width:200px;height:200px;border-radius:50%;background:rgba(255,255,255,.07);pointer-events:none}
.tema-yesil{background:linear-gradient(120deg,#0B5A34,#138A52 60%,#22A867)}
.tema-altin{background:linear-gradient(120deg,#8E5306,#D18614 60%,#EDB13A)}
.tema-mavi{background:linear-gradient(120deg,#1C3F9E,#2F64D6 60%,#4C8BF0)}
.tema-mor{background:linear-gradient(120deg,#3F1F8C,#7A4BD1 60%,#9B74E6)}
.tema-kirmizi{background:linear-gradient(120deg,#7E1F1A,#CC3D32 60%,#E8644F)}
.tema-turkuaz{background:linear-gradient(120deg,#0A5960,#0F7C83 60%,#1FA3AA)}
.sk-ikon{width:56px;height:56px;border-radius:17px;background:rgba(255,255,255,.18);display:grid;place-items:center;backdrop-filter:blur(4px);position:relative;z-index:1}
.sk-ikon svg{width:30px;height:30px;fill:none;stroke:#fff;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.sk-metin{position:relative;z-index:1}
.sayfa-kafa h1{margin:0;color:#fff;font:700 2.1rem/1.05 var(--baslik)}
.sayfa-kafa p{margin:4px 0 0;opacity:.9;font-size:.95rem}
.sk-ek{grid-column:1/-1;position:relative;z-index:1;margin-top:12px;display:flex;flex-direction:column;gap:10px}
.sk-ek .gun-secici{margin:0}
.sk-ek .tarih-gez a{background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.3);color:#fff;box-shadow:none}
.sk-ek .tarih-gez input{background:rgba(255,255,255,.95);border:0}
.sk-ek .hip-sekme a{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.28);color:#fff;box-shadow:none}
.sk-ek .hip-sekme a:hover{background:rgba(255,255,255,.26);color:#fff}
.sk-ek .hip-sekme a.aktif{background:#fff;color:var(--murekkep);border-color:#fff}
.bilgi{align-self:flex-start}
.bilgi summary{list-style:none;display:inline-flex;align-items:center;gap:6px;cursor:pointer;font-size:.8rem;font-weight:700;padding:5px 11px;border-radius:999px;background:rgba(255,255,255,.16);color:inherit}
.bilgi summary::-webkit-details-marker{display:none}
.bilgi summary svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.bilgi[open] summary{background:rgba(255,255,255,.28)}
.bilgi-ic{margin-top:8px;background:rgba(255,255,255,.95);color:var(--murekkep);border-radius:14px;padding:12px 14px;font-size:.88rem;line-height:1.5}
.bilgi-ic p{margin:0 0 6px}
main>.bilgi summary,.panel .bilgi summary{background:var(--kart3);color:var(--soluk)}
@media (max-width:760px){
  .sayfa-kafa{padding:16px;border-radius:18px;grid-template-columns:auto 1fr;gap:2px 12px}
  .sk-ikon{width:44px;height:44px;border-radius:14px}.sk-ikon svg{width:24px;height:24px}
  .sayfa-kafa h1{font-size:1.55rem}
  .sayfa-kafa p{font-size:.85rem}
  .sk-ek{margin-top:10px}
  .sk-ek .gun-secici{overflow:visible}
}

/* ================= KUPONLAR ================= */
.kp-sekmeler{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:0 0 14px;padding:2px}
.kp-sekme{flex:none;display:flex;flex-direction:column;align-items:flex-start;gap:1px;border:1px solid var(--cizgi);background:#fff;border-radius:14px;padding:9px 16px 9px 14px;cursor:pointer;font:inherit;color:var(--murekkep);box-shadow:var(--golge);position:relative;transition:transform .12s}
.kp-sekme::before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:4px;border-radius:0 4px 4px 0;background:var(--sv,#ccc)}
.kp-sekme b{font-size:.95rem}.kp-sekme small{font-size:.74rem;color:var(--soluk);font-weight:600}
.kp-sekme:hover{transform:translateY(-1px)}
.kp-sekme.aktif{background:var(--murekkep);color:#fff;border-color:var(--murekkep)}
.kp-sekme.aktif small{color:#C9D6CE}
.sv-kucuk{--sv:var(--altin-parlak)}.sv-orta{--sv:var(--cim)}.sv-buyuk{--sv:var(--mavi)}.sv-mega{--sv:var(--mor)}.sv-ozel{--sv:#F2B33D}.sv-yazar{--sv:#0F7C83}
.kp-panel>.kupon{animation:kutlama-gir .25s ease}
.kupon{border-radius:22px;overflow:hidden}
.kupon-ust{background:linear-gradient(180deg,#FBFCFB,#fff)}
.kupon-rakam{gap:8px}
.kupon-rakam div{background:var(--zemin2);border:1px solid var(--cizgi);border-radius:12px;padding:6px 12px;text-align:center}
.kupon-rakam b{font-size:1.25rem}
.kolon-satir{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:10px 16px 12px}
.kolon-satir .kolon-hesap{margin:0}
.kp-nv{flex:none;font-weight:800;font-size:.85rem;padding:8px 14px;border-radius:12px;background:#EAF0FD;color:#1C3F9E;border:1px solid #CBD8F8}
.kp-nv:hover{text-decoration:none;background:#DCE6FC}
.kupon-detay>summary{margin:0 16px 14px;padding:10px 14px;border-radius:12px;background:var(--zemin2);border:1px dashed var(--cizgi2);font-weight:700;font-size:.9rem;color:var(--cim-koyu);cursor:pointer}
.kupon-detay[open]>summary{margin-bottom:6px}
.kupon-detay>*:not(summary){margin-left:16px;margin-right:16px}
.bilet-at .no{box-shadow:0 2px 0 rgba(0,0,0,.15)}
/* sihirbaz */
.sihirbaz{background:#fff;border:1px solid var(--cizgi);border-radius:22px;padding:20px;margin-bottom:16px;box-shadow:var(--golge)}
.sb-ust{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.sb-ust h2{margin:0;font-size:1.35rem}.sb-ust p{margin:0;color:var(--soluk);font-size:.88rem}
.sb-ikon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;font-size:1.5rem;background:linear-gradient(135deg,#FFF3D6,#FFE29A)}
.sihirbaz .sb-butce{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-bottom:12px}
.sb-tl{font:700 1.4rem var(--baslik);color:var(--altin)}
.sihirbaz .sb-butce input{width:130px;font:700 1.2rem var(--govde);text-align:center}
.sihirbaz .sb-risk{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px}
.sihirbaz .sb-risk span{display:flex;flex-direction:column;gap:2px;padding:12px}
.sihirbaz .sb-risk i{font-style:normal;font-size:1.3rem}
.sb-gonder{width:100%;justify-content:center;font-size:1.02rem;padding:13px}
@media (max-width:760px){
  .kp-sekmeler{margin:0 -12px 12px;padding:2px 12px}
  .kp-sekme{padding:8px 12px 8px 12px}
  .kupon{border-radius:18px}
  .kupon-rakam{width:100%;display:grid;grid-template-columns:repeat(3,1fr)}
  .kupon-rakam b{font-size:1.05rem}
  .kolon-satir{flex-direction:column;align-items:stretch;margin:8px 10px}
  .kp-nv{text-align:center}
  .sihirbaz{padding:16px;border-radius:18px}
  .sihirbaz .sb-risk{grid-template-columns:1fr}
  .sihirbaz .sb-risk span{flex-direction:row;align-items:center;flex-wrap:wrap;gap:4px 8px}
  .sihirbaz .sb-risk small{flex-basis:100%}
  .sihirbaz .sb-butce input{flex:1;min-width:110px}
}
.sk-skor{display:flex;gap:10px}
.sk-skor div{background:rgba(255,255,255,.16);border-radius:14px;padding:8px 14px}
.sk-skor b{display:block;font:700 1.6rem/1 var(--baslik)}
.sk-skor span{font-size:.74rem;opacity:.9}
.sk-btn{align-self:flex-start;background:#fff;color:var(--murekkep);font-weight:800;padding:10px 16px;border-radius:12px;box-shadow:0 10px 20px -12px rgba(0,0,0,.5)}
.sk-btn:hover{text-decoration:none;color:var(--murekkep);transform:translateY(-1px)}
.sk-ek .sekme-dugmeler{margin:0;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
.sk-ek .sekme-dugmeler a{background:rgba(255,255,255,.16);color:#fff;border-color:rgba(255,255,255,.28);white-space:nowrap}
.sk-ek .sekme-dugmeler a.aktif{background:#fff;color:var(--murekkep)}
.sk-ek .nv-hip{margin:0}
.sk-ek .nv-hip a.bitti:not(.aktif){opacity:.7}
.nv-ust h2{margin:0;font-size:1.3rem}
@media (max-width:760px){
  main table.skor-tablo,main article table,main .panel>table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
}
.izgara>*{min-width:0}
.nv-diger.nv-3{grid-template-columns:repeat(3,1fr)}
/* Altılı: bilgisayarda da sekmeli tek ayak görünümü */
.nv-secim .ayak-sekme{display:grid!important;position:static}
.nv-secim .ayak-izgara{display:block}
.nv-secim .ayak-kolon{display:none}
.nv-secim .ayak-kolon.aktif{display:block;animation:kutlama-gir .2s ease}
.nv-secim .ayak-kolon .at-sec{width:100%}
@media (min-width:761px){
  .nv-secim .ayak-kolon.aktif{display:grid;grid-template-columns:1fr 1fr;gap:6px;align-content:start}
  .nv-secim .ayak-kolon.aktif .ayak-bas{grid-column:1/-1}
  .nv-secim .ayak-kolon .at-sec{margin:0}
  .nv-secim .ayak-sekme button{padding:9px 0;font-size:1rem}
}
/* Altılı: tek sütun, at satırında jokey · kilo · start · form · takı */
@media (min-width:761px){.nv-secim .ayak-kolon.aktif{display:block}}
.nv-secim .at-sec{grid-template-columns:34px 1fr auto;padding:8px 12px;margin-bottom:5px;min-height:50px}
.nv-secim .at-sec .as-ad{font-size:.92rem}
.nv-secim .at-sec .as-agf{grid-row:1/3;align-self:center;text-align:right;font-size:.95rem;line-height:1.1}
.nv-secim .at-sec .as-agf small{display:block;font-size:.62rem;color:var(--soluk2);font-weight:700}
.nv-secim .at-sec .as-bilgi{grid-column:2/3;font-size:.74rem;color:var(--soluk);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.as-form{font-family:ui-monospace,Menlo,monospace;letter-spacing:.06em;color:#3E4D45;font-weight:700}
.as-taki{font-style:normal;font-weight:800;color:#B4550F}

/* ================= SANAL BAYİ ================= */
.bayi-bakiye{display:grid;grid-template-columns:repeat(3,auto);justify-content:start;gap:8px}
.bayi-bakiye div{background:rgba(255,255,255,.16);border-radius:14px;padding:8px 14px}
.bayi-bakiye span{display:block;font-size:.72rem;opacity:.9;font-weight:600}
.bayi-bakiye b{font:700 1.35rem/1.1 var(--baslik)}
.fis{position:sticky;top:76px}
.fis-kupon{margin:0}
.fis-kupon .bilet-atlar{flex-direction:column;align-items:center;gap:4px;min-height:70px;padding:8px 2px}
.fis-kupon .bilet-at .no{height:28px;min-width:28px;font-size:.95rem}
.fis-alt{padding:12px 16px 16px}
.fis-alt .kolon-hesap{margin:0 0 10px;width:100%}
.fis-satir{display:flex;justify-content:space-between;align-items:center;padding:7px 0;border-bottom:1px solid var(--cizgi);font-size:.9rem}
.fis-tutar b{font:700 1.4rem var(--baslik);color:var(--cim-koyu)}
.misli{display:flex;align-items:center;gap:4px}
.misli button{width:32px;height:32px;border-radius:10px;border:1px solid var(--cizgi2);background:#fff;font:700 1.1rem var(--govde);cursor:pointer}
.misli input{width:56px;text-align:center;height:32px;padding:0}
.fis-oyna{width:100%;justify-content:center;margin-top:12px;padding:13px;font-size:1rem}
.fis-oyna:disabled{filter:grayscale(.6)}
.ayak-sekme button.dolu small{color:var(--cim-koyu)}
.kuponlarim{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}
.benim-kupon{background:#fff;border:1px solid var(--cizgi);border-radius:16px;padding:12px 14px;box-shadow:var(--golge);border-left:5px solid var(--cizgi2)}
.benim-kupon header{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:8px}
.benim-kupon header b{font-size:.92rem}
.benim-kupon .durum-cip{font-size:.72rem;font-weight:800;padding:3px 9px;border-radius:999px;background:var(--kart3)}
.bk-ayaklar{display:grid;grid-template-columns:repeat(6,1fr);gap:4px;text-align:center}
.bk-ayaklar div{background:var(--zemin2);border-radius:8px;padding:4px 2px}
.bk-ayaklar small{display:block;font-size:.64rem;color:var(--soluk);font-weight:700}
.bk-ayaklar span{font-weight:800;font-size:.82rem;word-break:break-all}
.benim-kupon footer{display:flex;justify-content:space-between;margin-top:8px;font-size:.82rem;color:var(--soluk)}
.d-kazandi{border-left-color:var(--cim)}.d-kazandi .durum-cip{background:#DDF3E6;color:#106B40}
.d-yatti{border-left-color:#E5A39C;opacity:.85}.d-yatti .durum-cip{background:#FCE4E1;color:#B3261E}
.d-acik{border-left-color:var(--mavi)}.d-acik .durum-cip{background:#EAF0FD;color:#1C3F9E}
.d-bekle{border-left-color:var(--altin-parlak)}
@media (max-width:760px){.bayi-bakiye{grid-template-columns:repeat(3,1fr)}.bayi-bakiye b{font-size:1.05rem}.bayi-bakiye div{padding:7px 9px}.fis{position:static;margin-top:12px}#bayi{padding-bottom:70px}}
.nv-secim .at-sec .as-no{grid-column:1;grid-row:1/3}
.nv-secim .at-sec .as-ad{grid-column:2;grid-row:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nv-secim .at-sec .as-agf{grid-column:3;grid-row:1/3}
.nv-secim .at-sec .as-bilgi{grid-column:2;grid-row:2}
@media (max-width:1400px) and (min-width:1181px){.ana-menu a{padding:8px 7px;font-size:.86rem}.hesap a{padding:8px 7px;font-size:.86rem}}

/* Start sorunu (TJK G. Çık) */
.et-start{background:#FFF1E0;color:#B4530A;border:1px solid #F5C58A}
.not-start{background:#FFF6EA;border-left:4px solid #E58A1F;padding:8px 12px;border-radius:8px;margin:8px 0}
.not-start a{color:#9A4A06;text-decoration:underline}

/* ===== BANKOCU değerlendirme kartı (at.php) ===== */
.bk-panel{padding:0;overflow:hidden}
.bk-ust{display:flex;gap:22px;align-items:center;padding:22px;background:radial-gradient(circle at 12% 20%,rgba(255,226,154,.25),transparent 45%),linear-gradient(135deg,#0F5132,#1C7A46 55%,#2FA060);color:#fff}
.bk-gosterge{position:relative;width:132px;height:132px;flex:0 0 132px}
.bk-gosterge svg{width:100%;height:100%;transform:rotate(-90deg)}
.bk-iz{fill:none;stroke:rgba(255,255,255,.18);stroke-width:12}
.bk-dolu{fill:none;stroke:#FFD45E;stroke-width:12;stroke-linecap:round;animation:bkDol 1.2s ease-out}
@keyframes bkDol{from{stroke-dasharray:0 100}}
.bk-puan{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}
.bk-puan b{font-size:2.4rem;line-height:1;font-weight:900}
.bk-puan span{font-size:.72rem;opacity:.85}
.bk-ozet{flex:1;min-width:0}
.bk-baslik{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.bk-baslik h2{margin:0;color:#fff;font-size:1.25rem}
.bk-robot{font-size:1.6rem;background:rgba(255,255,255,.15);border-radius:12px;padding:2px 8px}
.bk-kutular{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:14px 0 10px}
.bk-kutular div{background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.18);border-radius:12px;padding:8px 10px}
.bk-kutular span{display:block;font-size:.7rem;opacity:.85}
.bk-kutular b{font-size:1.25rem;font-weight:900}
.bk-kutular small{font-size:.75rem;opacity:.75}
.bk-cumle{margin:0;font-size:.92rem;line-height:1.5;opacity:.95}
.bk-uyari{display:flex;gap:12px;align-items:flex-start;margin:14px 22px 0;padding:12px 14px;border-radius:12px;font-size:.9rem;line-height:1.5}
.bk-uyari p{margin:0}
.bk-uikon{font-size:1.4rem;line-height:1}
.bk-start{background:#FFF4E5;border:1px solid #F5C58A;color:#6B3A06}
.bk-start a{color:#9A4A06;text-decoration:underline}
.bk-gizli{background:#EEF4FF;border:1px solid #BCD0F7;color:#1D3A72}
.bk-iki{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:18px 22px 0}
.bk-sutun{border-radius:14px;padding:14px 16px}
.bk-sutun h3{margin:0 0 10px;font-size:1rem}
.bk-arti{background:#EEF8F1;border:1px solid #BFE3CB}
.bk-arti h3{color:#16683A}
.bk-eksi{background:#FFF5F2;border:1px solid #F4C9BD}
.bk-eksi h3{color:#A63A1F}
.bk-madde{display:flex;gap:10px;padding:8px 0;border-top:1px dashed rgba(0,0,0,.08)}
.bk-madde:first-of-type{border-top:0}
.bk-mikon{flex:0 0 34px;height:34px;border-radius:10px;background:#fff;display:flex;align-items:center;justify-content:center;font-size:1.1rem;box-shadow:0 1px 3px rgba(0,0,0,.08)}
.bk-madde b{font-size:.9rem}
.bk-madde p{margin:2px 0 0;font-size:.85rem;line-height:1.45;color:#3a4a40}
.bk-link{font-weight:700;white-space:nowrap}
.bk-alt-baslik{margin:20px 22px 10px;font-size:1rem}
.bk-faktorler{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px;padding:0 22px 22px}
.bk-faktor{border:1px solid var(--cizgi,#e3e8e4);border-radius:12px;background:#fff;transition:box-shadow .2s}
.bk-faktor[open]{box-shadow:0 4px 14px rgba(0,0,0,.08)}
.bk-faktor summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:34px 1fr auto;grid-template-rows:auto auto;gap:4px 10px;align-items:center;padding:10px 12px}
.bk-faktor summary::-webkit-details-marker{display:none}
.bk-fikon{grid-row:1/3;width:34px;height:34px;border-radius:10px;background:#F2F5F3;display:flex;align-items:center;justify-content:center;font-size:1.05rem}
.bk-fad{font-weight:700;font-size:.88rem}
.bk-fad small{display:block;font-weight:500;font-size:.7rem;color:#7a867f}
.bk-fdeger b{font-size:1.2rem;font-weight:900}
.bk-fdeger em{font-size:.75rem;color:#999}
.bk-fbar{grid-column:2/4;height:6px;border-radius:4px;background:#EDF0EE;overflow:hidden}
.bk-fbar i{display:block;height:100%;border-radius:4px}
.bk-iyi .bk-fbar i{background:#2FA060}.bk-iyi .bk-fdeger b{color:#16683A}
.bk-orta .bk-fbar i{background:#E5B13A}.bk-orta .bk-fdeger b{color:#9A6B06}
.bk-zayif .bk-fbar i{background:#E06A4C}.bk-zayif .bk-fdeger b{color:#A63A1F}
.bk-yok{opacity:.65}
.bk-faktor p{margin:0;padding:0 12px 12px 56px;font-size:.84rem;line-height:1.5;color:#3a4a40}
@media(max-width:760px){
  .bk-ust{flex-direction:column;align-items:stretch;text-align:left;padding:16px}
  .bk-gosterge{margin:0 auto;width:116px;height:116px;flex-basis:116px}
  .bk-kutular{grid-template-columns:repeat(2,1fr)}
  .bk-iki{grid-template-columns:1fr;padding:14px 16px 0}
  .bk-uyari{margin:12px 16px 0}
  .bk-alt-baslik{margin:18px 16px 8px}
  .bk-faktorler{padding:0 16px 16px;grid-template-columns:1fr}
  .bk-faktor p{padding-left:12px}
}

/* Program: BANKOCU sıralaması (1. AT, 2. AT…) */
.yz-ust{align-items:center}
.yz-sira{display:inline-block;font-weight:900;font-size:.8rem;letter-spacing:.02em;padding:3px 8px;border-radius:8px;background:#EEF1EF;color:#44524a;white-space:nowrap}
.yz-s1{background:linear-gradient(135deg,#F7C948,#E5A100);color:#3d2a00;box-shadow:0 1px 4px rgba(229,161,0,.4)}
.yz-s2{background:linear-gradient(135deg,#E3E7EA,#B9C2C8);color:#2f3a40}
.yz-s3{background:linear-gradient(135deg,#F0C49A,#C98B52);color:#40230a}
@media(max-width:760px){.yz-ust .yz-sira{display:inline-block;font-size:.72rem;padding:2px 6px;margin-bottom:3px}.yz-ust{display:flex;flex-direction:column;align-items:flex-start;gap:2px}}

/* Düz numara rozeti */
.no.no-duz{background:#fff;color:#1d2a22;box-shadow:inset 0 0 0 1.5px #CBD3CE,inset 0 -3px 0 rgba(0,0,0,.06)}
.kosu-sekme-alt{scroll-margin-top:84px;margin-bottom:10px}

/* ===== AGF hareketleri ===== */
.goster-m{display:none}
@media(max-width:760px){.goster-m{display:block}}
.agf-acik{margin:-4px 0 10px}
.agf-sar{background:#fff;border-radius:16px;box-shadow:var(--golge);border:1px solid var(--cizgi)}
.agf-tablo{width:100%;border-collapse:collapse}
.agf-tablo th{font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;color:var(--soluk);text-align:left;padding:10px 12px;border-bottom:1px solid var(--cizgi)}
.agf-tablo th.sag,.agf-tablo td.sag{text-align:right}
.agf-tablo td{padding:10px 12px;border-bottom:1px solid var(--cizgi);vertical-align:middle}
.agf-tablo tr:last-child td{border-bottom:0}
.agf-tablo .alt-satir{display:block;font-size:.72rem;color:var(--soluk)}
.agf-tablo tr.agf-guclu{background:linear-gradient(90deg,#FFF6E0,transparent 70%)}
.agf-tablo tr.agf-sinyal{background:linear-gradient(90deg,#EEF8F1,transparent 70%)}
.agf-fark b{font-size:1.02rem}
.agf-fark.artis b{color:#16803A}.agf-fark.azalis b{color:#C8402E}
.agf-et-guclu{background:#FFE7B3;color:#7A4B00;border:1px solid #F4C55A}
.agf-et-sinyal{background:#DFF3E6;color:#16683A;border:1px solid #A8DAB9}
.agf-et-dusus{background:#FCE4DE;color:#A63A1F;border:1px solid #F1B9AA}
.agf-spark{display:block}
.agf-bos{text-align:left}
.agf-filtre{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}
.agf-filtre a{padding:6px 12px;border-radius:999px;background:#fff;border:1px solid var(--cizgi);font-weight:700;font-size:.85rem;color:var(--murekkep)}
.agf-filtre a.aktif{background:var(--yesil,#1C7A46);color:#fff;border-color:transparent}
@media(max-width:760px){.agf-tablo td,.agf-tablo th{padding:8px}.agf-tablo .at-bas .forma{display:none}}
.agf-ok{font-size:.72rem;font-weight:800;margin-left:3px}
.agf-ok.artis{color:#16803A}.agf-ok.azalis{color:#C8402E}
.agf-tablo .alt-satir.goster-m{display:none}
@media(max-width:760px){.agf-tablo .alt-satir.goster-m{display:block}}

/* ===== Bugün ne oynasam? ===== */
.ne-oyna{margin:4px 0 22px}
.no-bas{display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:10px}
.no-bas h2{margin:0;font-size:1.35rem}
.no-bas span{font-size:.8rem;color:var(--soluk)}
.no-izgara{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.no-kart{position:relative;display:flex;flex-direction:column;gap:5px;padding:14px 14px 13px;border-radius:16px;color:#fff;text-decoration:none;overflow:hidden;box-shadow:0 6px 18px rgba(0,0,0,.08);transition:transform .15s,box-shadow .15s;min-width:0}
a.no-kart:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,0,0,.14);text-decoration:none}
.no-kart::after{content:'';position:absolute;right:-30px;top:-30px;width:110px;height:110px;border-radius:50%;background:rgba(255,255,255,.1)}
.no-banko{background:linear-gradient(140deg,#0F5132,#1F8A4C)}
.no-agf{background:linear-gradient(140deg,#7A3E00,#D9881C)}
.no-surpriz{background:linear-gradient(140deg,#4B1F7A,#8B4BD1)}
.no-idman{background:linear-gradient(140deg,#0C4A6E,#1A8BC2)}
.no-altili{background:linear-gradient(140deg,#7A1D2B,#C23A4F)}
.no-tur{font-size:.74rem;font-weight:800;letter-spacing:.03em;text-transform:uppercase;opacity:.9}
.no-at{display:flex;align-items:center;gap:7px;min-width:0}
.no-at b{font-size:1.08rem;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.no-at .no{min-width:26px;height:26px;font-size:.9rem;flex:none}
.no-yer{font-size:.76rem;opacity:.85}
.no-deger{font-size:.84rem}
.no-deger b{font-size:1.05rem;color:#FFE29A}
.no-neden{font-size:.74rem;opacity:.85;margin-top:auto}
.no-btnlar{display:flex;gap:6px;flex-wrap:wrap;margin-top:auto;position:relative;z-index:1}
.no-btn{background:#fff;color:#7A1D2B;font-weight:800;font-size:.78rem;padding:6px 10px;border-radius:9px;text-decoration:none}
.no-btn-ince{background:rgba(255,255,255,.18);color:#fff}
@media(max-width:1100px){.no-izgara{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){
  .no-izgara{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;padding-bottom:6px;margin:0 -16px;padding-left:16px;padding-right:16px}
  .no-kart{flex:0 0 74%;scroll-snap-align:start}
}

/* ===== Zil / bildirimler ===== */
.zil{position:relative;display:inline-flex!important;align-items:center;padding:6px!important}
.zil svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.zil b{position:absolute;top:0;right:-2px;min-width:17px;height:17px;border-radius:9px;background:#E03A2F;color:#fff;font-size:.66rem;display:flex;align-items:center;justify-content:center;padding:0 4px;box-shadow:0 0 0 2px #fff}
.gizle-ekran{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.bld-izgara{display:grid;grid-template-columns:1.5fr 1fr;gap:16px}
.bld-liste{list-style:none;margin:0;padding:0}
.bld{display:flex;justify-content:space-between;gap:12px;padding:11px 12px;border-radius:12px;margin-bottom:6px;background:#F6F8F7;font-size:.92rem;line-height:1.45}
.bld.yeni{background:#EAF6EF;box-shadow:inset 3px 0 0 #1C8A3E}
.bld a{color:inherit}
.bld time{flex:none;font-size:.72rem;color:var(--soluk)}
.bld-kazandi{background:#FFF6DD}.bld-agf{background:#FFF1E2}
.bld-tur{font-size:.85rem;text-transform:uppercase;letter-spacing:.04em;color:var(--soluk);margin:12px 0 6px}
.takip-liste{list-style:none;margin:0;padding:0}
.takip-liste li{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:6px 0;border-bottom:1px dashed var(--cizgi)}
@media(max-width:860px){.bld-izgara{grid-template-columns:1fr}}

/* ===== Takip düğmesi ===== */
.takip-form{display:inline;margin:0}
.takip-btn{display:inline-flex;align-items:center;gap:4px;font:800 .82rem/1 var(--govde,inherit);padding:8px 13px;border-radius:999px;border:1.5px solid #E5B13A;background:#FFF8E6;color:#8A5A00;cursor:pointer;text-decoration:none;white-space:nowrap}
.takip-btn:hover{background:#FFEFC4;text-decoration:none}
.takip-btn.takipte{background:#E5B13A;color:#3d2a00;border-color:#E5B13A}
.takip-kucuk{padding:4px 9px;font-size:.72rem}
.sayfa-kafa .takip-btn{background:rgba(255,255,255,.95)}

/* ===== Kişi sayfası ===== */
.kisi-kutular{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:16px}
.kisi-kutular div{background:#fff;border:1px solid var(--cizgi);border-radius:14px;padding:12px;box-shadow:var(--golge)}
.kisi-kutular span{display:block;font-size:.72rem;color:var(--soluk);font-weight:700}
.kisi-kutular b{display:block;font-size:1.5rem;font-weight:900;line-height:1.2}
.kisi-kutular small{font-size:.72rem;color:var(--soluk)}
.kisi-kutular .kk-artis{background:#EEF8F1;border-color:#BFE3CB}.kisi-kutular .kk-artis b{color:#16683A}
.kisi-kutular .kk-dusus{background:#FFF5F2;border-color:#F4C9BD}.kisi-kutular .kk-dusus b{color:#A63A1F}
.kisi-cubuk{display:grid;grid-template-columns:minmax(0,1.3fr) 1fr auto;gap:10px;align-items:center;padding:7px 0;border-bottom:1px dashed var(--cizgi);font-size:.9rem}
.kisi-cubuk small{color:var(--soluk);font-size:.72rem}
.kisi-form{display:flex;gap:3px}
.kisi-link{color:inherit;text-decoration:underline;text-decoration-color:rgba(0,0,0,.2);text-underline-offset:2px}
.kisi-link:hover{color:var(--yesil,#1C7A46)}
@media(max-width:1000px){.kisi-kutular{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:560px){.kisi-kutular{grid-template-columns:repeat(2,minmax(0,1fr))}.kisi-kutular b{font-size:1.25rem}}

/* ===== İdman bülteni ===== */
.idb-izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}
.idb-kart{background:#fff;border:1px solid var(--cizgi);border-radius:16px;padding:14px;box-shadow:var(--golge);display:flex;flex-direction:column;gap:9px}
.idb-ust{display:flex;align-items:center;gap:8px}
.idb-ad{flex:1;min-width:0}
.idb-ad .alt-satir{display:block;font-size:.74rem;color:var(--soluk)}
.idb-rozet{display:flex;gap:5px;flex-wrap:wrap}
.idb-n{font-size:.72rem;font-weight:800;padding:3px 8px;border-radius:999px;background:#EEF4FF;color:#1D3A72}
.idb-super-idman{background:linear-gradient(135deg,#1C8A3E,#35B677);color:#fff}
.idb-yukseliste{background:#FFF1D6;color:#8A5A00}
.idb-idman-jokeyi-biniyor{background:#E6EEFF;color:#2448A8}
.idb-veri{display:grid;grid-template-columns:1fr 1fr;gap:6px 12px;margin:0}
.idb-veri dt{font-size:.68rem;color:var(--soluk);font-weight:700;text-transform:uppercase;letter-spacing:.03em}
.idb-veri dd{margin:0;font-size:.86rem}
.idb-egilim{margin:0;font-size:.8rem;color:#5a6a60;background:#F6F8F7;border-radius:10px;padding:7px 10px}

/* ===== Sözlük + terim ipucu ===== */
abbr.terim{text-decoration:underline dotted;text-underline-offset:3px;cursor:help;position:relative;outline:none}
abbr.terim:hover::after,abbr.terim:focus::after{content:attr(data-ipucu);position:absolute;left:50%;top:calc(100% + 8px);transform:translateX(-50%);width:max-content;max-width:240px;background:#1d2a22;color:#fff;font:500 .76rem/1.4 var(--govde,inherit);text-transform:none;letter-spacing:0;padding:8px 10px;border-radius:10px;z-index:50;box-shadow:0 8px 20px rgba(0,0,0,.2);white-space:normal;text-align:left}
th abbr.terim:hover::after,th abbr.terim:focus::after{left:auto;right:0;transform:none}
.sozluk-ara{width:100%;padding:12px 16px;border-radius:14px;border:1px solid var(--cizgi);font-size:1rem;margin:0 0 14px;background:#fff}
.sozluk-izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px;align-items:start}
.sozluk-madde{padding:9px 0;border-bottom:1px dashed var(--cizgi)}
.sozluk-madde h3{margin:0 0 3px;font-size:1rem;color:#16683A}
.sozluk-madde p{margin:0;font-size:.88rem;line-height:1.5}
.rehber-adim{margin:0;padding-left:20px;line-height:1.6}
.rehber-adim li{margin-bottom:6px}

/* ===== PWA: ana ekrana ekle ===== */
.pwa-ekle{position:fixed;left:12px;right:12px;bottom:76px;z-index:60;display:none;align-items:center;gap:12px;background:#0F5132;color:#fff;padding:12px 14px;border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,.25)}
.pwa-ekle.goster{display:flex}
.pwa-ekle img{width:40px;height:40px;border-radius:10px}
.pwa-ekle p{margin:0;flex:1;font-size:.85rem;line-height:1.35}
.pwa-ekle button{border:0;border-radius:10px;padding:8px 12px;font-weight:800;cursor:pointer}
.pwa-ekle .pwa-evet{background:#FFD45E;color:#3d2a00}
.pwa-ekle .pwa-hayir{background:transparent;color:#fff;opacity:.8}
@media(min-width:761px){.pwa-ekle{left:auto;right:20px;bottom:20px;max-width:380px}}

/* ===== Koşu tipi profili ===== */
.tip-profil{background:linear-gradient(135deg,#F4F0FF,#EEF6FF);border:1px solid #D9D2F5;border-radius:18px;padding:14px 16px;margin:0 0 16px}
.tp-bas{display:flex;gap:10px;align-items:center;margin-bottom:10px}
.tp-ikon{font-size:1.5rem;background:#fff;border-radius:12px;width:42px;height:42px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px rgba(0,0,0,.06)}
.tp-bas h2{margin:0;font-size:1.05rem}
.tp-bas span{font-size:.75rem;color:var(--soluk)}
.tp-kutular{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px}
.tp-kutu{background:#fff;border-radius:12px;padding:9px 11px;border:1px solid rgba(0,0,0,.05)}
.tp-kutu span{display:block;font-size:.7rem;font-weight:700;color:#5a6670}
.tp-kutu b{display:block;font-size:1.35rem;font-weight:900;line-height:1.2}
.tp-kutu small{font-size:.7rem;color:var(--soluk)}
.tp-iyi{background:#EEF8F1;border-color:#BFE3CB}.tp-iyi b{color:#16683A}
.tp-kotu{background:#FFF4EC;border-color:#F5CBA7}.tp-kotu b{color:#B4530A}
@media(max-width:760px){.tp-kutular{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ===== Accurace: stil, notlar, tempo ===== */
.stil-rozet,.acc-not{display:inline-flex;align-items:center;gap:3px;font-size:.7rem;font-weight:800;padding:2px 7px;border-radius:999px;white-space:nowrap}
.stil-kacak{background:#FFE9E3;color:#A63A1F}
.stil-on{background:#E8F0FF;color:#2448A8}
.stil-bekleme{background:#EFEAFB;color:#5B3BA8}
.acc-not{background:#FFF4D6;color:#7A4B00;border:1px solid #F4D27A}
.acc-yol{background:#F2F2F2;color:#444;border-color:#D6D6D6}
.acc-erken_atak{background:#FCE8E8;color:#9A2A2A;border-color:#F1C0C0}
.acc-guclu_bitis{background:#E3F6EA;color:#16683A;border-color:#B5E2C5}
.acc-yorulan{background:#F5EDE6;color:#7A4A2A;border-color:#E3CDB9}
.acc-fazla_yol{background:#EAF3FB;color:#1D5A8A;border-color:#BBD7EE}
.not-acc{background:#F2F6FF;border-left:4px solid #3F6FD8;padding:8px 12px;border-radius:8px;margin:8px 0}
.not-acc a{color:#2448A8;text-decoration:underline}
.tempo-kart{display:flex;gap:12px;align-items:flex-start;border-radius:18px;padding:14px 16px;margin:0 0 14px;border:1px solid}
.tempo-kart h2{margin:0 0 3px;font-size:1.02rem}
.tempo-kart p{margin:0;font-size:.9rem;line-height:1.45}
.tempo-kart small{font-size:.72rem;color:var(--soluk)}
.tempo-ikon{font-size:1.6rem;background:#fff;border-radius:12px;width:44px;height:44px;flex:none;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px rgba(0,0,0,.06)}
.tempo-hizli{background:#FFF1EA;border-color:#F6C9B3}
.tempo-tek{background:#EEF8F1;border-color:#BFE3CB}
.tempo-yavas{background:#F1F4FA;border-color:#CDD7EA}
.tempo-orta{background:#FFF8E6;border-color:#F1D894}
/* koşu sayfası: Accurace tablosu ve pozisyon grafiği */
.acc-tablo td,.acc-tablo th{white-space:nowrap}
.acc-hiz{font-weight:800;border-radius:6px;padding:1px 5px}
.acc-hiz.r1{background:#1C8A3E;color:#fff}.acc-hiz.r2{background:#BFE3CB;color:#0F5132}.acc-hiz.r3{background:#E3F2E8;color:#16683A}
.acc-grafik{width:100%;height:auto;display:block;background:#FBFCFB;border-radius:12px}
.acc-grafik text{font:600 10px var(--govde,system-ui)}
.acc-ozet{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px}
.acc-ozet span{background:#F4F7F5;border-radius:10px;padding:6px 10px;font-size:.8rem}
.acc-ozet b{font-size:.95rem}