/* ── Görev Paneli — Bottom Sheet (mobil) / Modal (desktop) ── */
#quest-panel{
  position:fixed;inset:0;z-index:800;
  background:rgba(0,0,0,.72);-webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px);
  display:none;align-items:flex-end;justify-content:center;
}
#quest-panel.open{display:flex;}
#quest-card{
  background:linear-gradient(160deg,var(--surf) 0%,var(--surf2) 100%);
  border:1px solid var(--bdr2);
  border-radius:22px 22px 0 0;
  width:100%;max-width:520px;
  max-height:88vh;overflow-y:auto;
  padding:1.2rem 1.1rem 1.6rem;
  display:flex;flex-direction:column;gap:.85rem;
  box-shadow:0 -8px 48px rgba(0,0,0,.55), 0 0 40px rgba(0,184,136,.06);
  transform:translateY(100%);
  transition:transform .3s cubic-bezier(.4,0,.2,1);
}
#quest-panel.open #quest-card{transform:translateY(0);}
#quest-card::-webkit-scrollbar{width:3px;}
#quest-card::-webkit-scrollbar-thumb{background:var(--bdr);border-radius:2px;}

/* Tutamaç */
#quest-card::before{
  content:'';display:block;width:36px;height:3px;
  background:rgba(255,255,255,.18);border-radius:2px;
  margin:0 auto .3rem;flex-shrink:0;
}

.quest-header{
  display:flex;align-items:center;justify-content:space-between;
}
.quest-header-left{display:flex;align-items:center;gap:.65rem;}
.quest-header-icon{
  width:38px;height:38px;border-radius:11px;
  background:linear-gradient(135deg,#014d38,#00b888);
  display:flex;align-items:center;justify-content:center;
  font-size:1.1rem;flex-shrink:0;
  box-shadow:0 0 16px rgba(0,184,136,.35);
}
.quest-header h2{
  font-size:1rem;font-weight:800;
  color:var(--green);
}
.quest-close{
  background:none;border:none;color:var(--muted);cursor:pointer;
  font-size:1.1rem;padding:.15rem .3rem;border-radius:6px;
  transition:background .15s, color .15s;
  -webkit-tap-highlight-color:transparent;
}
.quest-close:hover{background:var(--surf2);color:var(--txt);}

/* Sekme çubuğu */
.quest-tabs{
  display:flex;gap:.3rem;
  background:var(--surf2);border:1px solid var(--bdr);border-radius:10px;padding:3px;
}
.quest-tab{
  flex:1;padding:.35rem .5rem;border:none;border-radius:8px;
  font-family:var(--font-display);font-size:.72rem;font-weight:700;
  cursor:pointer;transition:all .15s;color:var(--muted);background:none;
  -webkit-tap-highlight-color:transparent;
}
.quest-tab.active{background:linear-gradient(135deg,#014d38,#00b888);color:#fff;box-shadow:0 2px 8px rgba(0,184,136,.3);}

/* Sıfırlanma geri sayımı */
.quest-reset-timer{
  text-align:center;font-family:var(--font-mono);font-size:.68rem;
  color:var(--muted);padding:.1rem 0;
}

/* Özet şeridi */
.quest-summary{
  display:flex;gap:.5rem;
  background:rgba(0,184,136,.07);border:1px solid rgba(0,184,136,.22);
  border-radius:12px;padding:.7rem .9rem;
}
.quest-sum-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:.15rem;}
.quest-sum-val{
  font-family:var(--font-mono);font-size:1rem;font-weight:700;
  color:var(--green);
}
.quest-sum-lbl{font-size:.58rem;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.06em;}
.quest-sum-sep{width:1px;background:var(--bdr2);align-self:stretch;}

/* Görev listesi */
.quest-section-title{
  font-size:.6rem;font-weight:800;letter-spacing:.1em;
  text-transform:uppercase;color:var(--muted);padding-top:.1rem;
}
.quest-list{display:flex;flex-direction:column;gap:.55rem;}

/* Görev kartı */
.qcard{
  background:var(--surf2);border:1px solid var(--bdr2);border-radius:14px;
  padding:.8rem .9rem;display:flex;align-items:center;gap:.8rem;
  transition:border-color .2s, background .2s;
  position:relative;overflow:hidden;
}
.qcard.done{background:rgba(0,184,136,.07);border-color:rgba(0,184,136,.3);}
.qcard.claimed{opacity:.52;filter:grayscale(.4);}
.qcard-icon{
  width:42px;height:42px;border-radius:12px;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;font-size:1.3rem;
  background:linear-gradient(135deg,rgba(0,184,136,.18),rgba(0,212,160,.08));
  border:1px solid rgba(0,184,136,.2);
}
.qcard.done .qcard-icon{background:linear-gradient(135deg,rgba(0,184,136,.3),rgba(0,212,160,.15));border-color:rgba(0,212,160,.4);}
.qcard-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:.22rem;}
.qcard-name{font-size:.8rem;font-weight:700;color:var(--txt);}
.qcard-desc{font-size:.64rem;color:var(--muted);line-height:1.45;}
/* Zorluk rozetleri (kolay/orta/zor) */
.qcard-diff{
  display:inline-block;font-size:.5rem;font-weight:800;letter-spacing:.06em;
  border-radius:4px;padding:.08rem .34rem;margin-left:.25rem;
  font-family:var(--font-mono);vertical-align:middle;
}
.qd-easy{background:rgba(0,212,160,.14);color:#00d4a0;border:1px solid rgba(0,212,160,.35);}
.qd-medium{background:rgba(245,166,35,.14);color:#f5a623;border:1px solid rgba(245,166,35,.35);}
.qd-hard{background:rgba(240,74,74,.14);color:#f04a4a;border:1px solid rgba(240,74,74,.35);}
.qcard-reward{
  display:inline-flex;align-items:center;gap:.3rem;
  background:rgba(245,166,35,.12);border:1px solid rgba(245,166,35,.25);
  border-radius:5px;padding:.1rem .42rem;
  font-size:.6rem;font-weight:700;color:#ffc53d;font-family:var(--font-mono);
  margin-top:.1rem;width:fit-content;
}
/* İlerleme çubuğu */
.qcard-bar-wrap{
  width:100%;height:5px;background:var(--bdr);border-radius:3px;overflow:hidden;margin-top:.35rem;
}
.qcard-bar{
  height:100%;border-radius:3px;
  background:linear-gradient(90deg,#00b888,#33e8b0);
  transition:width .5s ease;
}
.qcard.done .qcard-bar{background:linear-gradient(90deg,#00b888,#00d4a0);}
.qcard-prog-label{font-size:.58rem;color:var(--muted);font-family:var(--font-mono);margin-top:.18rem;}

/* Talep et butonu */
.qcard-claim{
  flex-shrink:0;
  padding:.38rem .7rem;border:none;border-radius:9px;
  font-family:var(--font-display);font-size:.7rem;font-weight:800;
  cursor:pointer;transition:opacity .15s, transform .1s;
  -webkit-tap-highlight-color:transparent;white-space:nowrap;
}
.qcard-claim:hover{opacity:.88;transform:scale(1.04);}
.qcard-claim.ready{
  background:linear-gradient(135deg,#00b888,#33e8b0);color:#fff;
  box-shadow:0 2px 10px rgba(0,184,136,.35);
}
.qcard-claim.claimed-lbl{
  background:var(--bdr);color:var(--muted);cursor:default;
  pointer-events:none;
}
.qcard-claim.not-ready{
  background:var(--surf);border:1px solid var(--bdr);color:var(--muted);
  cursor:default;pointer-events:none;font-size:.62rem;
}
/* Özel görev DEĞİŞTİR (reroll) butonu — eskiden .not-ready sınıfını
   kullanıyordu; oradaki pointer-events:none tıklamayı tümüyle yutuyor,
   günde 3 değiştirme hakkı hiç kullanılamıyordu. Aynı sade görünüm ama
   tıklanabilir; hak bitince disabled durumunu tarayıcı yönetir. */
.qcard-claim.qc-reroll{
  background:var(--surf);border:1px solid var(--bdr);color:var(--txt);
  cursor:pointer;pointer-events:auto;font-size:.62rem;
}
.qcard-claim.qc-reroll:hover{border-color:var(--accent);color:var(--accent);}
.qcard-claim.qc-reroll:disabled{opacity:.45;cursor:default;pointer-events:none;}

/* Tamamlandı rozeti */
.qcard-done-badge{
  position:absolute;top:7px;right:7px;
  font-size:.62rem;font-weight:800;color:#00d4a0;
  background:rgba(0,212,160,.12);border:1px solid rgba(0,212,160,.3);
  border-radius:5px;padding:.05rem .38rem;
  font-family:var(--font-mono);
}

/* Görev tamamlama popup */
#quest-complete-notif{
  position:fixed;top:56px;left:50%;transform:translateX(-50%) translateY(-30px);
  background:linear-gradient(135deg,#014d38,#00b888);
  border:1px solid rgba(52,211,153,.4);border-radius:16px;
  padding:.65rem 1.2rem;display:flex;align-items:center;gap:.7rem;
  box-shadow:0 8px 32px rgba(0,184,136,.4);
  opacity:0;pointer-events:none;z-index:900;
  transition:opacity .3s, transform .3s cubic-bezier(.34,1.4,.64,1);
  white-space:nowrap;
}
#quest-complete-notif.show{
  opacity:1;transform:translateX(-50%) translateY(0);
}
#quest-complete-notif .qcn-icon{font-size:1.4rem;}
#quest-complete-notif .qcn-body{display:flex;flex-direction:column;gap:.05rem;}
#quest-complete-notif .qcn-title{font-size:.72rem;font-weight:800;color:#a7f3d0;text-transform:uppercase;letter-spacing:.06em;}
#quest-complete-notif .qcn-name{font-size:.88rem;font-weight:800;color:#fff;}
#quest-complete-notif .qcn-reward{font-size:.65rem;color:#6ee7b7;font-family:var(--font-mono);}

/* Mobil tam sayfa bottom sheet */
@media (max-width: 768px) {
  #quest-card{max-height:92vh;border-radius:20px 20px 0 0;padding:1rem .9rem calc(1.4rem + env(safe-area-inset-bottom,0px));}
  .quest-header h2{font-size:.9rem;}
  .quest-header-icon{width:34px;height:34px;font-size:1rem;}
  .qcard{padding:.7rem .75rem;gap:.65rem;}
  .qcard-icon{width:38px;height:38px;font-size:1.15rem;}
  .qcard-name{font-size:.76rem;}
  .qcard-desc{font-size:.6rem;}
  .qcard-claim{padding:.35rem .6rem;font-size:.65rem;}
  .quest-tab{font-size:.68rem;padding:.32rem .4rem;}
  #quest-complete-notif{
    top:auto;bottom:calc(70px + env(safe-area-inset-bottom,0px));
    left:.75rem;right:.75rem;
    transform:translateY(20px);
    white-space:normal;
  }
  #quest-complete-notif.show{transform:translateY(0);}
}

.hist-quick-btn{
  background:var(--surf2);border:1px solid var(--bdr);border-radius:7px;
  color:var(--muted);font-family:var(--font-display);font-size:.7rem;font-weight:700;
  cursor:pointer;padding:.4rem .3rem;transition:all .15s;
}
.hist-quick-btn:hover{border-color:#14b8a6;color:#5eead4;}
#history-banner{display:none;}
#history-banner.active{display:flex !important;}

.tl-range-btn{background:var(--surf2);border:1px solid var(--bdr);border-radius:8px;color:var(--muted);font-family:var(--font-display);font-size:.75rem;font-weight:700;cursor:pointer;padding:.5rem .7rem;transition:all .15s;}
.tl-range-btn:hover{border-color:#3b82f6;color:var(--txt);}
.tl-range-btn.tl-sel{background:rgba(59,130,246,.15);border-color:#3b82f6;color:#60a5fa;}
.tl-speed-btn{flex:1;background:var(--surf2);border:1px solid var(--bdr);border-radius:8px;color:var(--muted);font-family:var(--font-display);font-size:.75rem;font-weight:700;cursor:pointer;padding:.45rem .6rem;transition:all .15s;}
.tl-speed-btn:hover{border-color:#9b7fff;color:var(--txt);}
.tl-speed-btn.tl-ssel{background:rgba(139,92,246,.15);border-color:#9b7fff;color:#a78bfa;}

.pe-dur-btn{
  flex:1;background:var(--surf2);border:2px solid var(--bdr);border-radius:10px;
  color:var(--muted);font-family:var(--font-display);font-weight:700;
  cursor:pointer;padding:.6rem .8rem;transition:all .18s;
  display:flex;align-items:center;gap:.55rem;
}
.pe-dur-btn:hover{border-color:#6b2ef5;color:var(--txt);background:var(--surf3);}
.pe-dur-btn.pe-dur-sel{
  background:rgba(124,58,237,.15);border-color:#6b2ef5;color:var(--accent-text);
  box-shadow:0 0 0 3px rgba(124,58,237,.12);
}