/* ===== Görevler (Karga'nın Defteri) — Unity GorevPaneli aynası (2026-08-22) =====
   Overlay/kart iskeleti `magaza.css`/`lig.css` ile aynı ailedendir. */

.gv-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;
}
.gv-overlay.gv-acik { opacity: 1; }
/* `hidden` gizlemesi TEK YASA'dan gelir: style.css `[hidden]{display:none !important}` — buraya KOPYA yazma. */

.gv-kart {
  position: relative; width: 100%; max-width: 440px;
  max-height: calc(100dvh - 32px); overflow-y: auto;
  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;
}
.gv-acik .gv-kart { transform: translateY(0); }
@media (prefers-reduced-motion: reduce) { .gv-overlay, .gv-kart { transition: none; } }

.gv-kart h3 {
  margin: 0 0 12px; text-align: center;
  font-family: 'Fredoka', sans-serif; font-weight: 700; font-size: 1.45rem;
  color: var(--ink, #3a2415);
}
.gv-kart h4 {
  margin: 18px 0 8px; font-family: 'Fredoka', sans-serif; font-weight: 600;
  font-size: 1rem; color: var(--ink, #3a2415); opacity: .8;
}
.gv-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;
}
.gv-kapat:hover { background: rgba(58, 36, 21, 0.16); }

.gv-liste { display: flex; flex-direction: column; gap: 8px; }
.gv-gorev {
  display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 6px 10px;
  padding: 11px 13px; border-radius: 14px; background: #fff;
  box-shadow: var(--shadow-soft, 0 3px 8px rgba(58,36,21,0.12));
  font-family: 'Fredoka', sans-serif;
}
.gv-ad { font-weight: 600; font-size: .92rem; }
.gv-sayi { font-weight: 700; font-variant-numeric: tabular-nums; font-size: .86rem; opacity: .75; }
.gv-bar {
  grid-column: 1 / -1; height: 7px; border-radius: 999px;
  background: rgba(58,36,21,0.14); overflow: hidden;
}
.gv-bar > i { display: block; height: 100%; border-radius: 999px; background: linear-gradient(90deg, #f0a835, #e0752d); }

/* Durumlar — renk TEK sinyal değil: sayı alanı (✓ / saat) ve buton da ayırır */
.gv-hazir { box-shadow: inset 0 0 0 3px #4c9c3f, var(--shadow-soft, 0 3px 8px rgba(58,36,21,0.12)); }
.gv-hazir .gv-bar > i { background: linear-gradient(90deg, #6fbf5f, #4c9c3f); }
.gv-alindi { opacity: .55; }
.gv-alindi .gv-bar > i { background: #9c9c9c; }
/* Kilitli slot: ilerleme SAYILMAZ — görsel olarak da beklemede görünmeli */
.gv-kilit { opacity: .7; }
.gv-kilit .gv-ad::before { content: '🔒 '; }

.gv-al { grid-column: 1 / -1; justify-self: stretch; padding: 8px 14px; font-size: .9rem; }
.gv-sandik { display: block; width: 100%; margin: 12px 0 0; }
.gv-durum { min-height: 1.3em; margin: 12px 0 0; text-align: center; font-weight: 600; font-size: .9rem; }
.gv-durum-ok { color: #2f7d26; }
.gv-durum-hata { color: #c0562d; }

/* ── MASAL ZİNCİRİ + REROLL (2026-08-23) ───────────────────────────────────────────────
   Zincir: uzun vadeli ilerleme hattı (12 zincir × 200 tüy) — günlük/haftalıkla AYNI satır
   iskeleti, ayırt edici bir sol şerit. Rozetler kazanılmış zincirlerin madalyalarıdır.
   Reroll: günlük görevi 10 elmasa değiştirme (günde 1 hak) — yerleşim web-yerel. */
.gv-zincir { box-shadow: inset 3px 0 0 var(--accent-purple, #8f45ad), var(--shadow-soft, 0 3px 8px rgba(58,36,21,0.12)); }
.gv-rozetler {
  margin: 10px 0 0; text-align: center; font-size: .85rem; font-weight: 700;
  color: var(--ink-soft, #6b4a2b); line-height: 1.5;
}
.gv-reroll {
  background: none; border: none; cursor: pointer;
  font-size: 1.05rem; line-height: 1; padding: 4px 6px; border-radius: 8px;
  opacity: .65; transition: opacity .15s, transform .15s;
}
.gv-reroll:hover { opacity: 1; transform: rotate(-90deg); }
/* 🚧 Web'de henüz ilerleyemeyen görev (Dersler portu gelene kadar) — sessiz kayıp görünür olsun. */
.gv-webyok { opacity: .78; }
.gv-webyok-rozet { margin-left: 6px; font-size: .85em; cursor: help; }