/* ═══════════ MISSÃO DIÁRIA ═══════════ */
.dm-card{
  padding:14px 16px;
  margin-bottom:14px;
  background:linear-gradient(135deg, rgba(245,200,66,0.14), rgba(108,63,197,0.10));
  border:1px solid rgba(245,200,66,0.30);
  border-radius:14px;
  position:relative;
  overflow:hidden;
}
.dm-card::before{
  content:'';
  position:absolute;
  top:-30px; right:-30px;
  width:140px; height:140px;
  background:radial-gradient(circle, rgba(245,200,66,0.18) 0%, transparent 70%);
  border-radius:50%;
  pointer-events:none;
}
.dm-card-hd{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:10px;
  position:relative;
}
.dm-em{
  font-size:1.8rem;
  filter:drop-shadow(0 0 6px rgba(245,200,66,0.4));
}
.dm-card-meta{ flex:1; min-width:0; }
.dm-card-title{
  font-size:1rem;
  font-weight:800;
  color:var(--gold);
  font-family:'Cinzel Decorative', serif;
}
.dm-card-sub{
  font-size:0.74rem;
  color:var(--muted2);
}
.dm-clock{
  font-size:0.7rem;
  color:var(--muted2);
}
.dm-progress{
  height:6px;
  background:var(--bg3);
  border-radius:3px;
  margin:8px 0;
  position:relative;
  overflow:hidden;
}
.dm-progress-bar{
  height:100%;
  background:linear-gradient(90deg, var(--teal), var(--gold));
  border-radius:3px;
  transition:width 0.4s;
}
.dm-progress-text{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
  font-size:0.6rem;
  font-weight:700;
  color:var(--text);
  text-shadow:0 0 4px var(--bg);
}
.dm-card-action{
  display:flex;
  justify-content:center;
  margin-top:6px;
}
.dm-cta-done{
  text-align:center;
  font-size:0.86rem;
  font-weight:700;
  color:var(--green);
  padding:6px 0;
}

/* Modal de resolução */
.dm-modal{ padding:22px; }
.dm-hd{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:14px;
  padding-bottom:10px;
  border-bottom:1px solid var(--border2);
}
.dm-modal-title{
  font-size:1.05rem;
  font-weight:800;
  color:var(--gold);
}
.dm-modal-sub{
  font-size:0.74rem;
  color:var(--muted2);
}
.dm-statement{
  background:var(--bg3);
  padding:12px 14px;
  border-radius:10px;
  font-size:0.92rem;
  line-height:1.45;
  margin-bottom:12px;
  border-left:4px solid var(--gold);
}
.dm-alts{
  display:flex;
  flex-direction:column;
  gap:6px;
  margin-bottom:8px;
}
.dm-alt{
  display:flex;
  align-items:center;
  gap:10px;
  padding:9px 12px;
  background:var(--bg3);
  border:2px solid var(--border2);
  border-radius:10px;
  cursor:pointer;
  transition:all 0.12s;
}
.dm-alt:hover{ border-color:var(--teal); }
.dm-alt input[type="radio"]{ accent-color: var(--gold); }
.dm-alt input[type="radio"]:checked + .dm-alt-letter{
  background:var(--gold);
  color:#000;
}
.dm-alt:has(input:checked){
  border-color:var(--gold);
  background:rgba(245,200,66,0.08);
}
.dm-alt-letter{
  width:24px; height:24px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:6px;
  background:var(--bg2);
  font-weight:800;
  font-size:0.78rem;
}
.dm-alt-text{
  flex:1;
  font-size:0.86rem;
}
.dm-textarea{
  resize:vertical;
  min-height:80px;
  font-size:0.86rem;
}

/* Resultado */
.dm-result-modal{
  text-align:center;
  padding:28px 24px;
}
.dm-result-modal.dm-correct{
  background:radial-gradient(circle at top, rgba(52,211,153,0.18), var(--bg));
  border:2px solid rgba(52,211,153,0.4);
}
.dm-result-modal.dm-wrong{
  background:radial-gradient(circle at top, rgba(239,68,68,0.12), var(--bg));
  border:2px solid rgba(239,68,68,0.3);
}
.dm-result-em{
  font-size:4rem;
  animation:dm-pop 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
}
@keyframes dm-pop{
  0%   { transform:scale(0); opacity:0; }
  100% { transform:scale(1); opacity:1; }
}
.dm-result-title{
  font-size:1.4rem;
  font-weight:900;
  font-family:'Cinzel Decorative', serif;
  margin-top:8px;
}
.dm-result-modal.dm-correct .dm-result-title{ color:var(--green); }
.dm-result-modal.dm-wrong .dm-result-title{ color:var(--red); }
.dm-result-sub{
  font-size:0.86rem;
  color:var(--muted2);
  margin-top:4px;
}
.dm-correct{
  font-size:0.84rem;
  color:var(--text);
  margin-top:14px;
  padding:8px 12px;
  background:rgba(52,211,153,0.10);
  border-radius:8px;
  border-left:3px solid var(--green);
}
.dm-explanation{
  font-size:0.82rem;
  color:var(--text);
  margin-top:10px;
  padding:8px 12px;
  background:rgba(34,211,238,0.06);
  border-radius:8px;
  border-left:3px solid var(--teal);
  text-align:left;
}