/* Matematik Köşesi — ortak liderlik görünümü (lb-ui.js ile birlikte)
   Renkleri oyunun kendi değişkenlerinden alır; yoksa site paleti (lacivert / mavi / turuncu / krem) kullanılır.
   Koyu oyunlar (varsayılan): --ink, --muted, --glass, --glass-b, --gold, --blue, --violet değişkenlerini okur.
   Açık temalı oyunlar (Çarpan Macerası gibi pastel/krem): panele  tema:'acik'  verin  (.mklb-acik).
   Oyun kendi renklerini istiyorsa konteynerinde --lb-* değişkenlerini tanımlaması yeterli. */
.mklb{
  --lb-ink:var(--ink,#eaf0ff); --lb-muted:var(--muted,#9db0e0); --lb-line:var(--glass-b,rgba(255,255,255,.16));
  --lb-glass:var(--glass,rgba(255,255,255,.07)); --lb-accent:var(--gold,#ffc83d); --lb-on:var(--blue,#2f7bff);
  --lb-on2:var(--violet,#7c5cff); --lb-bg:#0f1c46; --lb-row:rgba(255,255,255,.07); --lb-well:rgba(0,0,0,.12);
  --lb-me:rgba(255,200,61,.14); --lb-on-ink:#fff;
  display:flex;flex-direction:column;gap:8px;min-height:0;color:var(--lb-ink)
}
/* Açık (krem) tema — site paleti: lacivert yazı, mavi/turuncu vurgu */
.mklb.mklb-acik{
  --lb-ink:#1b2a5e; --lb-muted:#5b6a99; --lb-line:#c9d3ee; --lb-glass:#fff; --lb-accent:#d9700f; --lb-on:#2f6fed; --lb-on2:#2f6fed;
  --lb-bg:#eef2fc; --lb-row:#e4e9f6; --lb-well:#fff; --lb-me:#fff0d9; --lb-on-ink:#fff
}
.mklb-tabs{display:flex;gap:6px}
.mklb-mod{flex-wrap:wrap}.mklb-mod .mklb-tab{flex:1 1 auto;min-width:0}   /* 5 modlu oyunlarda sekmeler alt satıra sarar */
.mklb-tab{flex:1;padding:10px 6px;border-radius:12px;border:1px solid var(--lb-line);background:var(--lb-glass);cursor:pointer;
  font:inherit;font-weight:700;font-size:14px;color:var(--lb-muted);min-height:42px}
.mklb-tab.on{background:linear-gradient(135deg,var(--lb-on),var(--lb-on2));color:var(--lb-on-ink);border-color:transparent}
.mklb-donem .mklb-tab{font-size:15px}
.mklb-mod .mklb-tab,.mklb-tur .mklb-tab{padding:8px 6px;font-size:13px;min-height:38px}
.mklb-not{font-size:12.5px;color:var(--lb-muted);text-align:center;min-height:16px}
.mklb-not.demo{color:var(--lb-accent);font-weight:700}
.mklb-scroll{overflow:auto;max-height:min(52vh,460px);border-radius:14px;border:1px solid var(--lb-line);background:var(--lb-well)}
.mklb-t{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}
.mklb-t th,.mklb-t td{padding:9px 10px;text-align:left}
.mklb-t th{position:sticky;top:0;background:var(--lb-bg);color:var(--lb-muted);font-size:11.5px;text-transform:uppercase;letter-spacing:.06em;z-index:1}
.mklb-t tr+tr td{border-top:1px solid var(--lb-row)}
.mklb-t .r{text-align:right}
.mklb-t .rk{width:46px;font-weight:800;color:var(--lb-accent)}
.mklb-t .ad{word-break:break-word}
.mklb-t small{color:var(--lb-accent)}
.mklb-t tr.me td{background:var(--lb-me);font-weight:700}
.mklb-t tr.top1 td{font-size:1.08em;font-weight:800}
.mklb-t tr.top2 td,.mklb-t tr.top3 td{font-weight:700}
.mklb-bos{padding:34px 16px;text-align:center;color:var(--lb-muted)}
.mklb-ben{min-height:20px;text-align:center;color:var(--lb-accent);font-weight:600;font-size:14px}
@media (max-width:520px){ .mklb-t th.dar,.mklb-t td.dar{display:none} .mklb-t th,.mklb-t td{padding:9px 6px} }

/* Ad kutusu (oyun sonu) */
.mklb-adl{display:block;font-weight:700;color:var(--lb-ink,inherit);text-align:left}
.mklb-adr{display:flex;gap:8px;margin-top:6px}
.mklb-adi{flex:1;min-width:0;padding:12px 14px;border-radius:12px;border:1.5px solid var(--lb-line,rgba(255,255,255,.2));background:rgba(255,255,255,.1);color:inherit;font:inherit;font-size:16px;-webkit-user-select:text;user-select:text}
.mklb-adi:focus{outline:2px solid var(--lb-accent,#ffc83d);outline-offset:1px}
.mklb-adb{padding:12px 18px;border-radius:12px;border:0;background:linear-gradient(135deg,#ff9f1c,#ff7a1c);color:#1a1200;font:inherit;font-weight:800;cursor:pointer;min-height:46px}
.mklb-adb:disabled{opacity:.6;cursor:default}
@media (max-width:420px){.mklb-adr{flex-wrap:wrap}.mklb-adb{flex:1 1 100%}}   /* dar ekranda Kaydet düğmesi alta iner */
.mklb-adh{min-height:18px;margin-top:6px;color:var(--lb-err,#ff8a96);font-size:13.5px;text-align:left}
.mklb-hata{color:var(--lb-err,#ff8a96)}