/* Etkileşim modülleri: ekip, güncelleme notları, doğum günü, kazı kazan, videolar, kaynak anketi */

/* Ekip */
.ekip-grup{margin-bottom:26px}
.ekip-grup-bas{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.ekip-grup-bas .ekip-renk{width:12px;height:12px;border-radius:4px;flex:none}
.ekip-grup-bas h2{font-size:20px;font-weight:900;margin:0}
.ekip-grup-bas p{font-size:13px;color:var(--aciklama);margin:0 0 0 auto;font-weight:600}
.ekip-kart{display:flex;align-items:center;gap:14px;padding:14px 16px;border-top:4px solid var(--buton)}
.ekip-kart img{width:48px;height:48px;border-radius:10px;image-rendering:pixelated;border:1px solid var(--cerceve)}
.ekip-kart b{display:block;font-size:15px;color:var(--baslik);font-weight:900}
.ekip-kart small{display:block;font-size:12px;color:var(--aciklama);margin-top:2px}
.ekip-kart .ekip-rol{display:inline-block;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.05em;color:#fff;padding:2px 8px;border-radius:999px;margin-top:4px}
.ekip-kart .ekip-discord{display:inline-flex;align-items:center;gap:4px}
.ekip-kart .ekip-discord svg.ti{width:14px;height:14px}

/* Güncelleme notları */
.gn-ay{display:flex;align-items:center;gap:12px;margin:26px 0 12px;font-size:13px;font-weight:900;color:var(--aciklama);text-transform:uppercase;letter-spacing:.06em}
.gn-ay:first-child{margin-top:0}
.gn-ay::after{content:"";flex:1;height:1px;background:var(--cerceve)}
.gn-kart{display:flex;gap:16px;align-items:flex-start;padding:16px 18px;color:inherit}
.gn-kart + .gn-kart{margin-top:10px}
.gn-kart:hover{border-color:var(--buton)}
.gn-ikon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;flex:none;background:#E1F0FF;color:var(--buton)}
.gn-ikon svg.ti{width:22px;height:22px}
.gn-ikon.duzeltme{background:#FBF4E6;color:#8A6420}
.gn-ikon.etkinlik{background:#EEF6EE;color:#2F6B3E}
.gn-ikon.duyuru{background:#F3EEFB;color:#5B3E9E}
.gn-kart h3{font-size:16px;font-weight:900;margin:0 0 4px;color:var(--baslik)}
.gn-kart p{font-size:13.5px;color:var(--aciklama);margin:0}
.gn-ust{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12px;color:var(--aciklama);font-weight:700;margin-bottom:6px}
.gn-surum{font-family:var(--mono);font-size:12px;font-weight:800;color:var(--baslik);background:var(--kart2);border:1px solid var(--cerceve);padding:2px 8px;border-radius:7px}
.gn-gezin{display:flex;justify-content:space-between;gap:12px;margin-top:16px;flex-wrap:wrap}
.gn-mini{display:block;padding:10px 12px;color:inherit}
.gn-mini + .gn-mini{margin-top:8px}
.gn-mini b{display:block;font-size:14px;color:var(--baslik)}
.gn-mini small{font-size:12px;color:var(--aciklama)}

/* Kazı kazan */
.kk-kutu{display:flex;flex-direction:column;align-items:center;gap:18px}
.kk-kutu .uyari{width:100%}
.kk-kart{width:min(420px,100%);padding:16px;border-radius:var(--r);background:linear-gradient(0deg,var(--baslik),var(--baslik));border:1px solid var(--cerceve);box-shadow:var(--golge)}
.kk-izgara{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.kk-hucre{position:relative;aspect-ratio:1/1;border-radius:12px;border:0;padding:6px;cursor:pointer;overflow:hidden;background:var(--kart2);color:var(--baslik);
  font:800 13px/1.2 var(--sans);display:grid;place-items:center;text-align:center;word-break:break-word}
.kk-hucre .kk-ic{opacity:0;transform:scale(.8);transition:opacity .25s,transform .25s}
.kk-hucre .kk-ortu{position:absolute;inset:0;display:grid;place-items:center;background:repeating-linear-gradient(135deg,#C9CFD8 0 6px,#B5BCC8 6px 12px);color:#4A5568;transition:opacity .3s,transform .3s}
.kk-hucre .kk-ortu svg.ti{width:22px;height:22px}
.kk-hucre:hover .kk-ortu{filter:brightness(1.05)}
.kk-hucre.acik .kk-ortu{opacity:0;transform:scale(1.15);pointer-events:none}
.kk-hucre.acik .kk-ic{opacity:1;transform:none}
.kk-hucre.acik.kazanan{background:var(--sari);color:#3A2300;box-shadow:0 0 0 2px #F2B705 inset}
.kk-hucre[disabled]{cursor:default}
.kk-kart.kapali .kk-hucre{cursor:not-allowed}
.kk-form{width:min(420px,100%);display:flex;flex-direction:column;gap:10px;text-align:center}
.kk-hak{font-size:14px;color:var(--metin);font-weight:600}
.kk-bakiye{font-size:13px;color:var(--aciklama)}
.kk-bakiye b{color:var(--baslik)}
.kk-sonuc{width:min(420px,100%);text-align:center;padding:14px 16px;border-radius:var(--r-s);font-weight:700;background:var(--kart2);border:1px solid var(--cerceve);color:var(--baslik)}
.kk-sonuc.basari{background:#EEF6EE;border-color:#BFDCC2;color:#2F6B3E}
.kk-sonuc.hata{background:#FBEDEA;border-color:#EBC4BD;color:#8F3A2F}
.kk-not{font-size:12.5px;color:var(--aciklama)}
@media (prefers-reduced-motion:reduce){.kk-hucre .kk-ortu,.kk-hucre .kk-ic{transition:none}}

/* Videolar */
.vd-izgara{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.vd-kart{overflow:hidden}
.vd-cerceve{position:relative;background:#0b1220;aspect-ratio:16/9}
.vd-cerceve.tiktok{aspect-ratio:9/16;max-height:560px}
.vd-cerceve iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.vd-alt{display:flex;align-items:center;gap:10px;padding:12px 14px}
.vd-alt img{width:28px;height:28px;border-radius:6px;image-rendering:pixelated}
.vd-alt b{display:block;font-size:14px;color:var(--baslik)}
.vd-alt small{font-size:12px;color:var(--aciklama)}
.vd-alt .vd-platform{margin-left:auto;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.05em;color:var(--aciklama)}
@media (max-width:900px){.vd-izgara{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.vd-izgara{grid-template-columns:1fr}}

/* Kaynak anketi */
.kaynak-secenekler{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.kaynak-secenekler label{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--cerceve);border-radius:10px;background:var(--kart2);cursor:pointer;font-weight:700;font-size:14px;color:var(--baslik)}
.kaynak-secenekler label:hover{border-color:var(--buton)}
.kaynak-secenekler input{accent-color:var(--buton)}
.kaynak-alt{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:14px}
@media (max-width:600px){.kaynak-secenekler{grid-template-columns:1fr}}

/* Doğum günü */
.dg-tarih{display:flex;align-items:center;gap:14px;padding:16px;border-radius:var(--r-s);background:var(--kart2);border:1px solid var(--cerceve)}
.dg-tarih .dg-ikon{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;background:#E1F0FF;color:var(--buton)}
.dg-tarih .dg-ikon svg.ti{width:24px;height:24px}
.dg-tarih b{display:block;font-size:18px;color:var(--baslik)}
.dg-tarih small{font-size:12.5px;color:var(--aciklama)}
