/* ===== Tüy Ligi paneli (2026-08-21, F4) — Unity LigPaneli aynası =====
   Overlay/kart iskeleti `magaza.css` ile aynı ailedendir; burada yalnız lige özgü olanlar. */

.lg-overlay {
  position: fixed; inset: 0; z-index: 1200;
  display: flex; align-items: center; justify-content: center;
  padding: 16px;
  background: rgba(38, 22, 10, 0.55);
  opacity: 0; transition: opacity .2s ease;
}
.lg-overlay.lg-acik { opacity: 1; }
/* `hidden` gizlemesi TEK YASA'dan gelir: style.css `[hidden]{display:none !important}` — buraya KOPYA yazma. */

.lg-kart {
  position: relative;
  width: 100%; max-width: 440px;
  max-height: calc(100dvh - 32px);
  display: flex; flex-direction: column;
  padding: 22px 20px 16px;
  border-radius: 24px;
  background: var(--bg-card, #fdf6e6);
  border: 3px solid var(--frame-wood, #c08652);
  box-shadow: 0 14px 40px rgba(38, 22, 10, 0.35);
  transform: translateY(10px); transition: transform .2s ease;
}
.lg-acik .lg-kart { transform: translateY(0); }
@media (prefers-reduced-motion: reduce) { .lg-overlay, .lg-kart { transition: none; } }

.lg-kart h3 {
  margin: 0 0 4px; text-align: center;
  font-family: 'Fredoka', sans-serif; font-weight: 700; font-size: 1.45rem;
  color: var(--ink, #3a2415);
}
.lg-kapat {
  position: absolute; top: 8px; right: 10px;
  width: 34px; height: 34px; line-height: 1;
  border: none; border-radius: 50%; cursor: pointer;
  background: rgba(58, 36, 21, 0.08); color: var(--ink, #3a2415);
  font-size: 1.5rem; font-family: 'Fredoka', sans-serif;
}
.lg-kapat:hover { background: rgba(58, 36, 21, 0.16); }

.lg-kademe {
  text-align: center; font-family: 'Fredoka', sans-serif; font-weight: 700; font-size: 1.1rem;
  color: #a0641f;
}
.lg-terfi-vurgu { color: #2f7d26; }
.lg-gerisayim { margin: 2px 0 10px; text-align: center; font-size: .86rem; opacity: .7; }

.lg-odul-btn { align-self: center; margin-bottom: 8px; }
.lg-durum { min-height: 1.3em; margin: 0 0 8px; text-align: center; font-weight: 600; font-size: .9rem; }
.lg-durum-ok { color: #2f7d26; }
.lg-durum-hata { color: #c0562d; }

/* Sıralama — kart sabit yükseklikli olduğu için liste KENDİ İÇİNDE kaydırılır */
.lg-liste {
  list-style: none; margin: 0; padding: 0;
  flex: 1 1 auto; min-height: 0; overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.lg-satir {
  display: grid; grid-template-columns: 34px 1fr auto; align-items: center; gap: 8px;
  padding: 8px 10px; border-radius: 12px;
  font-family: 'Fredoka', sans-serif;
}
.lg-satir + .lg-satir { margin-top: 4px; }
.lg-sira { font-weight: 700; opacity: .7; text-align: center; font-variant-numeric: tabular-nums; }
.lg-ad { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.lg-skor { font-weight: 700; font-variant-numeric: tabular-nums; }

/* Bölge çizgileri — renk TEK sinyal değil: sol kenar şeridi kalınlığı da ayırır (renk körlüğü) */
.lg-terfi { background: rgba(76, 156, 63, 0.10); box-shadow: inset 3px 0 0 #4c9c3f; }
.lg-dusme { background: rgba(192, 86, 45, 0.10); box-shadow: inset 3px 0 0 #c0562d; }
.lg-ben   { background: rgba(224, 160, 58, 0.20); box-shadow: inset 3px 0 0 #e0a03a; font-weight: 700; }

.lg-yardim { margin-top: 10px; font-size: .84rem; }
.lg-yardim summary { cursor: pointer; font-weight: 600; opacity: .8; }
.lg-yardim p { margin: 8px 0 0; opacity: .78; line-height: 1.5; }

/* ── DUO "Haftalık Yoldaş" (2026-08-23, plan adım 46b) ────────────────────────────────
   Unity `LigPaneli.DuoKartKur` karşılığı. Hedef 500 tüy, ödül 150 + kademe×25 ALTIN. */
.lg-duo {
  margin: 10px 0 12px; padding: 10px 12px; border-radius: 14px;
  background: rgba(143, 69, 173, .10);
  box-shadow: inset 0 0 0 2px rgba(143, 69, 173, .28);
}
.lg-duo-ust { display: flex; align-items: center; gap: 8px; margin-bottom: 6px; }
.lg-duo-ust b { flex: 1; min-width: 0; font-size: .86rem; color: var(--ink, #3a2415);
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.lg-duo-odul { font-weight: 800; font-size: .85rem; color: var(--accent-orange, #ff8c42); white-space: nowrap; }
.lg-duo-bar { height: 9px; border-radius: 999px; background: rgba(0,0,0,.12); overflow: hidden; }
.lg-duo-bar > i { display: block; height: 100%; background: linear-gradient(90deg, #b478d8, #8f45ad); }
.lg-duo-alt { display: flex; align-items: center; gap: 10px; margin-top: 6px; }
.lg-duo-sayi { flex: 1; font-size: .78rem; font-weight: 700; opacity: .8; }
.lg-duo-al { padding: 5px 12px; font-size: .8rem; }