/* kelimelik modülü — bugünkü kelimelik.html dili: büyük harf kutusu, Türkçe harf paleti (yalnız Ç Ğ I İ Ö Ş Ü, * joker),
   başında/içinde/sonunda, sonuçlar harf sayısına göre gruplu kartlar (sağda puan, ek kelime işaretli). */
.kb-arac { display: grid; gap: 10px; }
.kb-harfler { width: 100%; padding: 12px 14px; font: 600 1.5rem/1.2 var(--bb-font-mono); letter-spacing: .35em; text-align: center; text-transform: uppercase; }
.kb-palet { display: grid; grid-template-columns: repeat(8, minmax(0, 1fr)); gap: 4px; }   /* Ç Ğ I İ Ö Ş Ü * — tek satır */
button.kb-harf { padding: 7px 0; background: var(--bb-surface-3); color: var(--bb-text); border: 1px solid var(--bb-border-2); border-radius: 6px; font: 600 14px var(--bb-font-mono); }
button.kb-harf:hover { border-color: var(--bb-gold); color: var(--bb-gold); background: var(--bb-surface); }
button.kb-harf.tr { color: var(--bb-gold); }
button.kb-harf.joker { color: var(--bb-cat-purple); }
.kb-suzgec { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)) auto; gap: 6px; align-items: end; }
.kb-suzgec label { margin: 0; display: grid; gap: 2px; }
.kb-suzgec label span { color: var(--bb-text-dim); font: 12px var(--bb-font-mono); }
.kb-suzgec input { text-transform: lowercase; font-family: var(--bb-font-mono); }
.kb-ipucu { margin: 0; color: var(--bb-text-faint); font-size: .82em; }
.kb-durum { margin: 12px 0 6px; color: var(--bb-gold); font: 13px var(--bb-font-mono); }
.kb-durum:empty { display: none; }
.kb-sonuclar { display: grid; gap: 10px; }
.kb-grup { --renk: var(--bb-gold); padding: 8px 10px; border: 1px solid var(--bb-border-2); border-radius: var(--bb-radius); }
.kb-kartlar { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 4px; }
.kb-kart { display: inline-flex; align-items: center; gap: 8px; padding: 4px 6px 4px 10px; background: var(--bb-surface-3); border: 1px solid var(--bb-border-2);
           border-left: 3px solid var(--renk); border-radius: 4px 6px 6px 4px; font: 500 15px var(--bb-font-mono); color: var(--bb-text-strong); }
.kb-kart.ek { border-style: dashed; border-left-style: solid; }
.kb-kart.ek .kb-kelime::after { content: " ·ek"; color: var(--bb-text-faint); font-size: 11px; }
.kb-puan { min-width: 22px; padding: 0 5px; border-radius: 4px; background: var(--bb-accent-tint); color: var(--bb-gold); font-size: 12px; text-align: center; }
@media (max-width: 560px) {
  .kb-suzgec { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .kb-temizle { grid-column: 1 / -1; }
}