/* Arena tasarım kiti: ortak bileşenler (numaralı adımlar, renkli çipler, kartlar) + Günlük Seri yol haritası.
   Renk dili: Puan = altın, Free Spin = mor, Bonus = nane, Ek oran = camgöbeği (jackpot kademeleriyle aynı). */
:root{--k-pts:#f4c04e;--k-fs:#b28dff;--k-bonus:#65e6a5;--k-boost:#7ee8fa;--k-card:linear-gradient(160deg,rgba(255,255,255,.045),rgba(255,255,255,.012))}
/* numaralı adımlar (jackpot kurallarındaki gibi) */
.kit-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;counter-reset:kit}
.kit-steps li{display:flex;gap:12px;align-items:flex-start;counter-increment:kit}
.kit-steps li::before{content:counter(kit);flex:none;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font:800 12px Inter,sans-serif;background:rgba(244,192,78,.14);color:var(--gold);border:1px solid var(--gold-line)}
.kit-steps li:nth-child(4n+2)::before{background:rgba(178,141,255,.14);color:var(--k-fs);border-color:rgba(178,141,255,.35)}
.kit-steps li:nth-child(4n+3)::before{background:rgba(101,230,165,.12);color:var(--k-bonus);border-color:rgba(101,230,165,.35)}
.kit-steps li:nth-child(4n+4)::before{background:rgba(126,232,250,.12);color:var(--k-boost);border-color:rgba(126,232,250,.35)}
.kit-steps p{margin:0;color:#cfd8d3;font:500 13.5px/1.55 Inter,sans-serif}.kit-steps b{color:var(--gold-3,#ffe08a)}
/* renkli rozet / çip */
.kit-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;border:1px solid color-mix(in srgb,var(--kc,#f4c04e) 45%,transparent);background:color-mix(in srgb,var(--kc,#f4c04e) 10%,transparent);color:var(--kc,#f4c04e);font:700 12px Inter,sans-serif}
.kit-k-pts{--kc:var(--k-pts)}.kit-k-fs{--kc:var(--k-fs)}.kit-k-bonus{--kc:var(--k-bonus)}.kit-k-boost{--kc:var(--k-boost)}
.kit-num{font-variant-numeric:tabular-nums;font-weight:800;color:var(--kc,#fff)}

/* ===== Günlük Seri ===== */
.stk-top{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin-bottom:10px}
.stk-ttl{font:800 13px Inter,sans-serif;letter-spacing:.16em;text-transform:uppercase;background:linear-gradient(180deg,#fff2c4,var(--gold) 55%,var(--gold-2));-webkit-background-clip:text;background-clip:text;color:transparent}
.stk-cd{margin-left:auto;font:600 12px Inter,sans-serif;color:var(--muted)}
.stk-hero{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(0,1.1fr);gap:14px;align-items:center;padding:12px 14px;border-radius:16px;border:1px solid var(--gold-line);background:radial-gradient(120% 140% at 0% 0%,rgba(244,192,78,.10),transparent 60%),var(--k-card);margin-bottom:12px}
.stk-fl{display:flex;align-items:center;gap:10px}.stk-fire{font-size:34px;line-height:1;filter:drop-shadow(0 0 14px rgba(255,140,40,.6));animation:stkFl 1.4s ease-in-out infinite alternate}
@keyframes stkFl{from{transform:scale(1) rotate(-3deg)}to{transform:scale(1.1) rotate(3deg)}}
.stk-fl b{display:block;font:800 30px/1 Inter,sans-serif;background:linear-gradient(180deg,#fff,#ffd987);-webkit-background-clip:text;background-clip:text;color:transparent;font-variant-numeric:tabular-nums}
.stk-fl small{display:block;font:600 11px Inter;color:var(--muted);margin-top:3px}
.stk-pr{min-width:0}.stk-pbar{height:9px;border-radius:99px;background:rgba(255,255,255,.07);overflow:hidden}
.stk-pbar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#65e6a5,#f4c04e);box-shadow:0 0 12px rgba(244,192,78,.45);transition:width .6s}
.stk-pr span{display:block;margin-top:6px;font:600 12px Inter;color:var(--muted)}.stk-pr b{color:var(--ink)}
.stk-nx{--kc:var(--k-pts);padding:9px 12px;border-radius:14px;border:1.5px solid color-mix(in srgb,var(--kc) 50%,transparent);background:color-mix(in srgb,var(--kc) 9%,transparent);display:grid;grid-template-columns:1fr auto;gap:2px 10px;align-items:center}
.stk-nx small{grid-column:1/-1;font:700 10.5px Inter;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.stk-nx b{font:800 17px Inter;color:var(--kc);min-width:0}.stk-nx em{font:700 12px Inter;font-style:normal;color:var(--muted);padding:3px 9px;border-radius:99px;background:rgba(255,255,255,.06)}
.k-fs{--kc:var(--k-fs)}.k-bonus{--kc:var(--k-bonus)}.k-boost{--kc:var(--k-boost)}.k-pts{--kc:var(--k-pts)}
.stk-road{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(var(--stk-cols,10),minmax(0,1fr));row-gap:14px}
.stk-n{--kc:var(--k-pts);position:relative;display:flex;flex-direction:column;align-items:center;gap:5px;text-align:center;min-width:0}
.stk-n::before{content:"";position:absolute;top:18px;left:-50%;width:100%;height:3px;background:rgba(255,255,255,.08);z-index:0}
.stk-n.stk-rf::before{display:none}
.stk-n.done::before,.stk-n.pend::before,.stk-n.today::before{background:linear-gradient(90deg,#65e6a5,#f4c04e)}
.stk-c{position:relative;z-index:1;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font:800 13px Inter,sans-serif;font-variant-numeric:tabular-nums;color:var(--muted);background:#0e1512;border:2px solid rgba(255,255,255,.14);transition:.2s}
.stk-n b{font:700 11.5px Inter;color:color-mix(in srgb,var(--kc) 78%,#fff);white-space:nowrap;font-variant-numeric:tabular-nums}
.stk-n small{display:none;font:600 9.5px Inter;color:var(--muted)}
.stk-n.big .stk-c{width:44px;height:44px;margin:-3px 0;font-size:18px;border-color:var(--kc);color:var(--kc);background:color-mix(in srgb,var(--kc) 14%,#0e1512);box-shadow:0 0 16px -4px var(--kc)}
.stk-n.big::before{top:19px}.stk-n.big small,.stk-n.done small,.stk-n.pend small{display:block}
.stk-n.done .stk-c{background:linear-gradient(145deg,#65e6a5,#2f9e6e);border-color:#65e6a5;color:#04251a;box-shadow:0 4px 12px -4px rgba(101,230,165,.7)}
.stk-n.done b{opacity:.55}
.stk-n.today .stk-c{background:linear-gradient(145deg,#ffe08a,#d9a63a);border-color:#ffe08a;color:#2a1c00;transform:scale(1.14);animation:stkPulse 1.8s ease-in-out infinite}
.stk-n.today.done .stk-c{animation:none}
@keyframes stkPulse{0%,100%{box-shadow:0 0 0 0 rgba(244,192,78,.55)}60%{box-shadow:0 0 0 9px rgba(244,192,78,0)}}
.stk-n.pend .stk-c{border-style:dashed;border-color:#65e6a5;color:#65e6a5;background:rgba(101,230,165,.12);animation:stkPulse 2.2s ease-in-out infinite;font-size:16px}
.stk-n.next .stk-c{border-style:dashed;border-color:color-mix(in srgb,var(--kc) 70%,transparent);color:var(--kc)}
.stk-lg{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:12px;font:600 11px Inter;color:var(--muted)}
.stk-lg span{display:inline-flex;align-items:center;gap:6px}.stk-lg i{width:9px;height:9px;border-radius:50%;background:var(--kc);box-shadow:0 0 8px var(--kc)}
@media(max-width:720px){.stk-hero{grid-template-columns:auto minmax(0,1fr)}.stk-nx{grid-column:1/-1}.stk-road.long{--stk-cols:5!important}.stk-road.long .stk-n.stk-rf::before{display:none}.stk-road.long .stk-n:nth-child(5n+1)::before{display:none}.stk-road.long .stk-n:not(:nth-child(5n+1))::before{display:block}.stk-c{width:34px;height:34px}.stk-n::before{top:16px}.stk-n b{font-size:11px}}
@media(prefers-reduced-motion:reduce){.stk-fire,.stk-n.today .stk-c,.stk-n.pend .stk-c{animation:none}}

/* Bonus Talep > Nasıl çalışır: numaralı renkli rozetler (jackpot kurallarıyla aynı dil) */
.bn-how li i{flex:0 0 26px;width:26px;height:26px;border-radius:50%;margin-top:1px;font:800 12px Inter,sans-serif;background:rgba(244,192,78,.14);color:var(--gold);border:1px solid var(--gold-line)}
.bn-how li:nth-child(4n+2) i{background:rgba(178,141,255,.14);color:var(--k-fs);border-color:rgba(178,141,255,.35)}
.bn-how li:nth-child(4n+3) i{background:rgba(101,230,165,.12);color:var(--k-bonus);border-color:rgba(101,230,165,.35)}
.bn-how li:nth-child(4n+4) i{background:rgba(126,232,250,.12);color:var(--k-boost);border-color:rgba(126,232,250,.35)}
.bn-how li span{padding-top:2px}
/* Sadakat > Kazanım oranları: alana göre renkli şerit ve rakam */
.xpc{--kc:#f4c04e;position:relative}.xpc::before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:3px;border-radius:3px;background:var(--kc);box-shadow:0 0 10px var(--kc)}
.xpc b{color:var(--kc);font-variant-numeric:tabular-nums}
.xpc:nth-child(6n+2){--kc:#7ee8fa}.xpc:nth-child(6n+3){--kc:#65e6a5}.xpc:nth-child(6n+4){--kc:#b28dff}.xpc:nth-child(6n+5){--kc:#ff9b6b}.xpc:nth-child(6n+6){--kc:#cfd8d3}

/* ===== Ana sayfa (üye): logo sahnesi kalkar, seviye kartı + Günlük Seri yan yana genişler ===== */
.has-me .ai-scene-wrap{display:none}
.has-me .ai-welcome{display:block}
.ai-me-wide{max-width:none;display:grid;grid-template-columns:minmax(0,1fr);gap:16px;margin-top:14px}
.ai-me-wide>.ai-me-main{min-width:0}
.ai-me-wide>.ai-streak{margin:0;padding:0;border:0;min-width:0}
.ai-me-wide>:not(.ai-me-main):not(.ai-streak){grid-column:1/-1}
@media(min-width:1000px){.ai-me-wide{grid-template-columns:minmax(300px,.8fr) minmax(0,1.6fr);gap:22px;align-items:start;padding:20px}}
@media(max-width:720px){.ai-me-wide{padding:14px;gap:14px}}

/* ===== Çevrim Turnuvası kartı: kompakt, boş alan yok ===== */
.ai-tournament-card.ai-tfeat{padding:18px 20px}
.ai-tournament-card .ai-card-head{margin-bottom:12px}
.ai-tournament-card .ai-tournament-name{font-size:18px;line-height:1.3;margin:2px 0 6px}
.ai-tournament-card .ai-tf-state{margin-bottom:6px}
.ai-tournament-card .ai-tf-cap{margin:4px 0 6px}
.ai-tournament-card .ai-cd{gap:6px}
.ai-tournament-card .ai-cd>div{padding:7px 0;border-radius:10px;min-width:0;flex:1}
.ai-tournament-card .ai-cd b{font-size:22px;line-height:1.1}
.ai-tournament-card .ai-tf-when{margin:6px 0 0}
.ai-tournament-card .ai-tour-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0}
.ai-tournament-card .ai-tour-meta span{padding:9px 10px;border:1px solid var(--line);border-radius:12px;background:rgba(7,22,16,.45);font:600 11px Inter,sans-serif}
.ai-tournament-card .ai-tour-meta b{margin-top:3px;font-size:16px;font-variant-numeric:tabular-nums}
.ai-tournament-card .ai-tour-meta span:first-child b{color:var(--gold)}
.ai-tournament-card .ai-card-foot{margin-top:10px;gap:10px}
@media(min-width:900px){
  .ai-tf-solo .ai-tf-main{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);column-gap:26px;row-gap:0;align-items:center}
  .ai-tf-solo .ai-tf-main>.ai-tour-meta{grid-column:2;grid-row:1/4;align-self:end}
  .ai-tf-solo .ai-tf-main>.ai-card-foot{grid-column:2;grid-row:4/7;align-self:start;flex-wrap:wrap}
}
@media(max-width:560px){.ai-tournament-card.ai-tfeat{padding:14px}.ai-tournament-card .ai-tournament-name{font-size:16px}.ai-tournament-card .ai-cd b{font-size:19px}.ai-tournament-card .ai-tour-meta span{padding:8px}.ai-tournament-card .ai-tour-meta b{font-size:14px}.ai-tournament-card .ai-card-foot{flex-wrap:wrap}.ai-tournament-card .ai-card-foot .btn{flex:1}}

/* Katlanabilir bilgi kutusu (uzun açıklamalar yerine: başlık + numaralı kısa maddeler) */
.kit-info{margin-top:12px;border:1px solid var(--gold-line);border-radius:14px;background:linear-gradient(160deg,rgba(255,255,255,.04),rgba(255,255,255,.01));overflow:hidden}
.kit-info>summary{list-style:none;display:flex;align-items:center;gap:8px;padding:10px 14px;cursor:pointer;font:700 13px Inter,sans-serif;color:var(--ink)}
.kit-info>summary::-webkit-details-marker{display:none}.kit-info>summary span{font-size:15px}.kit-info>summary i{margin-left:auto;font-style:normal;color:var(--muted);transition:transform .2s}
.kit-info[open]>summary i{transform:rotate(180deg)}.kit-info>.kit-steps{padding:2px 14px 14px}
.kit-info .kit-steps p{font:500 13px/1.55 Inter,sans-serif;color:#cfd8d3}
.ai-stk-warn{margin-top:8px;padding:9px 12px;border-radius:12px;background:rgba(240,194,123,.08);border:1px solid rgba(240,194,123,.3);font:500 12.5px/1.5 Inter,sans-serif;color:#ffd7a8}.ai-stk-warn b{color:#fff}
.ai-stk-pend .kit-steps,.ai-stk-btn+.kit-steps{margin-top:12px}

.cba-amt{margin:0 0 10px;font-size:15px}.cba-amt b{color:var(--gold,#f4c04e)}

/* Kupalar: toplam kutuları + son dağıtımlar */
.trohall{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}
.trohall-t{padding:18px 14px;border-radius:18px;text-align:center;background:linear-gradient(160deg,rgba(244,192,78,.16),rgba(244,192,78,.04));border:1px solid var(--gold-line,rgba(244,192,78,.35));box-shadow:0 12px 34px -18px rgba(244,192,78,.5)}
.trohall-t .tsi{font-size:26px;display:block;margin-bottom:6px}
.trohall-t b{display:block;font:800 clamp(20px,2.6vw,30px)/1.1 Inter,sans-serif;font-variant-numeric:tabular-nums;color:var(--gold,#f4c04e);word-break:break-word}
.trohall-t small{display:block;margin-top:7px;font-size:12px;color:var(--muted,#9fb1a8)}
.trofeed{list-style:none;margin:0 0 22px;padding:0;display:grid;gap:8px}
.trofeed li{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:14px;background:rgba(255,255,255,.035);border:1px solid var(--line,rgba(255,255,255,.08))}
.trofeed .tfi{flex:none;width:38px;height:38px;display:grid;place-items:center;font-size:19px;border-radius:12px;background:rgba(244,192,78,.12)}
.trofeed li>div{flex:1;min-width:0}.trofeed li b{display:block;font-size:14px}.trofeed li small{display:block;font-size:11.5px;color:var(--muted,#9fb1a8);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.trofeed li em{font-style:normal;font-weight:800;color:var(--gold,#f4c04e);white-space:nowrap;font-size:14px}
.trofeed-h{margin-top:6px}
@media(max-width:760px){.trohall{grid-template-columns:1fr 1fr}.trohall-t{padding:14px 10px}}

/* pencere/pop-up açıkken arkadaki animasyonlar durur (arena-perf.js) */
html.ov-open #v-home *,html.ov-open #v-home *::before,html.ov-open #v-home *::after{animation-play-state:paused!important}

/* Taslak önizleme (arena-preview.js) */
.pvbanner{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin:0 0 16px;padding:10px 14px;border-radius:14px;background:rgba(126,232,250,.08);border:1px dashed rgba(126,232,250,.45);font-size:13px}
.pvbanner span{color:var(--muted,#9fb1a8)}.pv-t{font-size:.85em;opacity:.9}

/* Kupalar akışı: yeni satır yukarıdan kayarak girer */
.trofeed li.fresh{animation:troIn .7s cubic-bezier(.2,.8,.2,1)}
@keyframes troIn{from{opacity:0;transform:translateY(-14px);background:rgba(244,192,78,.22)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.trofeed li.fresh{animation:none}}

/* Bonuslar sayfası: görev tabanlı bonus kartı (ör. Deneme Bonusu) */
.bnms{display:block}.bnms-top{display:flex;gap:12px;align-items:center;margin-bottom:6px}.bnms-ic{font-size:34px}
.bnms h3{margin:0 0 4px;font-size:20px}.bnms-amt{display:inline-block;padding:4px 12px;border-radius:999px;background:rgba(244,192,78,.16);border:1px solid rgba(244,192,78,.4);color:var(--gold,#f4c04e)}
.bnms-lead{margin:8px 0 0;font-size:15px}.bnms-h{margin:16px 0 8px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted,#9fb1a8)}
.bnms-act{margin-top:16px}.bnms-act .btn{width:100%}

/* Bonus Talep: kategori çipleri, "seni bekliyor" şeridi, kilitli (soluk) karolar */
.bncats{display:flex;gap:8px;flex-wrap:wrap;margin:4px 0 14px}.bncats button{padding:8px 16px;border-radius:999px;border:1px solid var(--gold-line);background:transparent;color:inherit;font:600 13px Inter,sans-serif;cursor:pointer}.bncats button.on{background:var(--gold);color:#1a1405;border-color:var(--gold)}
.bnwait{display:inline-flex;gap:6px;align-items:center;margin:0 0 12px;padding:8px 14px;border-radius:999px;background:rgba(131,212,174,.14);border:1px solid rgba(131,212,174,.4);color:var(--mint);font:600 13px Inter,sans-serif}.bnwait b{font-size:15px}
.bn-tiles .bnt.none{opacity:.55;filter:grayscale(.5)}.bn-tiles .bnt.none:hover{opacity:.8}

/* Ana sayfa "N bonus seni bekliyor" şeridi + yan menü sayaç noktası */
.bnstrip{display:flex;align-items:center;gap:12px;width:100%;margin:0 0 14px;padding:12px 16px;border:1px solid var(--gold);border-radius:16px;background:linear-gradient(90deg,rgba(216,190,128,.16),rgba(131,212,174,.10));color:inherit;font:inherit;text-align:left;cursor:pointer;animation:bnGlow 2.8s ease-in-out infinite}
.bnstrip-i{font-size:26px}.bnstrip-t{flex:1;display:flex;flex-direction:column;min-width:0}.bnstrip-t b{font-size:15px}.bnstrip-t small{opacity:.75;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bnstrip-go{font:700 13px Inter,sans-serif;color:var(--gold);white-space:nowrap}
.bn-dot{margin-left:auto;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--mint);color:#07261a;font:800 11px/18px Inter,sans-serif;font-style:normal;text-align:center}
@media(prefers-reduced-motion:reduce){.bnstrip{animation:none}}

/* Şart listesi (ortak): ✓ karşılandı / ✗ eksik / • bilinmiyor */
.bnreq{margin:14px 0 4px}.bnreq-sum{display:inline-block;margin:0 0 10px;padding:6px 12px;border-radius:999px;font:700 13px Inter,sans-serif}.bnreq-sum.bad{background:rgba(255,120,100,.14);color:#ff9d8f;border:1px solid rgba(255,120,100,.4)}.bnreq-sum.ok{background:rgba(131,212,174,.14);color:var(--mint);border:1px solid rgba(131,212,174,.4)}.bnreq-sum.unk{background:rgba(255,255,255,.06);color:inherit;border:1px solid var(--gold-line)}
.bnreq ul{list-style:none;margin:0 0 6px;padding:0;display:flex;flex-direction:column;gap:9px}.bnreq li{display:flex;gap:11px;align-items:flex-start;font-size:14px;line-height:1.35}.bnreq li>span{flex:1;min-width:0}.bnreq li small{display:block;margin-top:2px;font-size:12px;opacity:.85}.bnreq li small.mu{opacity:.55}
.bnreq li i{flex:none;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font:800 12px Inter,sans-serif;font-style:normal;margin-top:1px}.bnreq li.ok i{background:rgba(131,212,174,.18);color:var(--mint);border:1px solid rgba(131,212,174,.45)}.bnreq li.bad i{background:rgba(255,120,100,.16);color:#ff9d8f;border:1px solid rgba(255,120,100,.5)}.bnreq li.bad>span{color:#ffd3cc}.bnreq li.bad small{color:#ff9d8f}.bnreq li.unk i{background:rgba(255,255,255,.07);color:inherit;border:1px solid var(--gold-line)}
/* Bonus Talep: Taleplerim / Tüm bonuslarım / Nasıl çalışır üstte hızlı düğme (karelerde yalnızca bonuslar kalır) */
.bncats{align-items:center}.bnqs{display:flex;gap:8px;flex-wrap:wrap;margin-left:auto}
.bnq{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:999px;border:1px solid var(--gold-line);background:rgba(216,190,128,.07);color:inherit;font:600 13px Inter,sans-serif;cursor:pointer}.bnq:hover{border-color:var(--gold);background:rgba(216,190,128,.14)}
.bnq img{width:16px;height:16px;opacity:.9}.bnq em{font-style:normal;font-size:11px;font-weight:800;padding:2px 8px;border-radius:99px;background:rgba(255,255,255,.1)}.bnq em.hot{background:#ff6a4d;color:#fff}
@media(max-width:620px){.bnqs{margin-left:0;width:100%}.bnq{flex:1 1 auto;justify-content:center;padding:8px 10px;font-size:12px}}