/* İla Academy · Kelime Kartları (telefon öncelikli). Sitenin renkleri: style.css :root */
.kelime-sayfa{--kk-muted:#8a7684;--kk-lav:#ede4f7;max-width:760px;margin:auto;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}
.kelime-sayfa .kk-geri{display:inline-flex;align-items:center;min-height:48px;padding:0 16px;border-radius:24px;background:var(--pink);font-weight:700}
.kelime-sayfa h1{font-size:clamp(28px,7vw,48px);margin:14px 0 6px}
.kk-giris,.kk-not{color:var(--kk-muted);font-size:16px;margin:4px 0 14px}
.kk-not{text-align:center}
.kk-kategoriler{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
@media(min-width:600px){.kk-kategoriler{grid-template-columns:repeat(3,1fr)}}
.kk-kat{border-radius:28px;padding:16px 10px 14px;min-height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;box-shadow:0 6px 0 rgba(59,42,63,.12);text-align:center;color:var(--ink)}
.kk-kat:active{transform:translateY(3px);box-shadow:0 2px 0 rgba(59,42,63,.12)}
.kk-emo{font-size:52px;line-height:1}
.kk-kat b{font-size:17px;font-weight:900;line-height:1.15}
.kk-kat small{font-size:14px;color:var(--kk-muted);font-weight:700}
.kk-arac{display:flex;gap:10px;align-items:center;justify-content:center;flex-wrap:wrap;margin:6px 0 12px}
.kk-btn{display:inline-flex;align-items:center;justify-content:center;border:none;background:#fff;border-radius:99px;padding:10px 20px;min-height:52px;min-width:52px;font:800 18px Nunito,sans-serif;color:var(--ink);box-shadow:0 4px 0 var(--line);cursor:pointer}
.kk-btn:active{transform:translateY(3px);box-shadow:0 1px 0 var(--line)}
.kk-sayac{font-weight:900;color:var(--kk-muted);min-width:70px;text-align:center}
.kk-serit{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;padding:4px 8% 14px;scrollbar-width:none;margin:0 -6%}
.kk-serit::-webkit-scrollbar{display:none}
.kk-kart{position:relative;flex:0 0 min(80vw,400px);scroll-snap-align:center;aspect-ratio:3/4;max-height:64vh;background:#fff;border-radius:36px;box-shadow:0 10px 0 var(--line);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:18px}
.kk-harf{position:absolute;top:14px;left:14px;min-width:52px;height:52px;padding:0 8px;border-radius:16px;background:var(--kk-lav);color:#6b4c8f;font-weight:900;font-size:30px;display:flex;align-items:center;justify-content:center}
.kk-dinle{position:absolute;top:14px;right:14px;font-size:22px;min-width:52px;min-height:52px;border:none;border-radius:99px;background:#fff;box-shadow:0 4px 0 var(--line);display:flex;align-items:center;justify-content:center;cursor:pointer}
.kk-resim{width:76%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;border:none;background:none;padding:0;cursor:pointer}
.kk-resim svg,.kk-resim img{width:100%;height:100%;object-fit:contain;overflow:visible}
.kk-ad{font:900 clamp(34px,10vw,56px)/1 Nunito,sans-serif;text-align:center;border:none;background:none;padding:0 6px;color:var(--ink);cursor:pointer}
.kk-mini{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
@media(min-width:600px){.kk-mini{grid-template-columns:repeat(4,1fr)}}
.kk-mini button{border:none;background:#fff;border-radius:20px;box-shadow:0 4px 0 var(--line);padding:8px 6px 10px;display:flex;flex-direction:column;align-items:center;gap:2px;font:800 15px Nunito,sans-serif;color:var(--ink);min-height:48px;cursor:pointer}
.kk-mini .r{width:80%;aspect-ratio:1}.kk-mini svg,.kk-mini img{width:100%;height:100%;object-fit:contain}
.zipla{animation:kkzipla .5s ease}
@keyframes kkzipla{0%{transform:scale(.85) rotate(-3deg)}60%{transform:scale(1.06) rotate(2deg)}100%{transform:none}}
@media(prefers-reduced-motion:reduce){.zipla{animation:none}}