/* Misi harian dan lemari lencana — per profil, tanpa papan peringkat umum. */
.mission-card{margin:0 0 16px;padding:16px 15px;border:1px solid #e8e4fb;border-radius:20px;background:linear-gradient(160deg,#fff8e8 0%,#fdfdff 46%,#f4f1ff 100%)}
.mission-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.mission-head h3{margin:6px 0 5px;font-size:1.02rem;line-height:1.25;color:#2b2650}
.mission-note{margin:0;font-size:.78rem;line-height:1.5;color:#74738d}
.mission-star{flex:0 0 auto;font-size:2.1rem;line-height:1;color:#cbc6e2;filter:grayscale(1);transition:transform .2s ease,filter .2s ease,color .2s ease}
.mission-star.earned{color:#f0b429;filter:none;animation:mission-pop .45s ease-out}
@keyframes mission-pop{0%{transform:scale(.7) rotate(-12deg)}60%{transform:scale(1.18) rotate(6deg)}100%{transform:scale(1) rotate(0)}}
.mission-row{display:flex;justify-content:space-between;gap:10px;margin:12px 0 6px;font-size:.76rem;font-weight:700;color:#6c6a8a}
.mission-row span:last-child{text-align:right}
.mission-track{margin:0;height:10px;background:#e9e6f7}
.mission-track .progress-fill{background:linear-gradient(90deg,#f3b23c,#f58f6f)}
.badge-shelf{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.badge-chip{display:flex;align-items:center;gap:8px;flex:1 1 150px;min-width:0;padding:9px 10px;border:1px dashed #dfd9f2;border-radius:14px;background:#ffffffad}
.badge-chip.earned{border-style:solid;border-color:#f2d69a;background:#fffaf0;box-shadow:0 2px 0 #f4e3bb}
.badge-icon{font-size:1.15rem;line-height:1}
.badge-text{display:flex;flex-direction:column;min-width:0}
.badge-text strong{font-size:.74rem;color:#2b2650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.badge-text small{font-size:.65rem;line-height:1.35;color:#85829b}
.badge-chip:not(.earned) .badge-icon{opacity:.55}
@media(prefers-reduced-motion:reduce){.mission-star.earned{animation:none}}
@media(min-width:720px){
 .mission-card{padding:20px 22px}
 .mission-head h3{font-size:1.15rem}
 .badge-chip{flex:0 1 auto}
}
html[data-theme=dark] .mission-card{border-color:#3a3350;background:linear-gradient(160deg,#2c2536 0%,#221e2f 55%,#241f38 100%)}
html[data-theme=dark] .mission-head h3,html[data-theme=dark] .badge-text strong{color:#f3eefc}
html[data-theme=dark] .mission-note,html[data-theme=dark] .badge-text small{color:#b4abc8}
html[data-theme=dark] .mission-row{color:#c6bcd9}
html[data-theme=dark] .mission-track{background:#3a3350}
html[data-theme=dark] .badge-chip{background:#2b2540aa;border-color:#453d5e}
html[data-theme=dark] .badge-chip.earned{background:#332a1f;border-color:#7a6132;box-shadow:none}