/* بطاقة البداية: عمود هدف واسع وصف أرقام ثانوي؛ الجوال يعيد ترتيب الفعل. */
body.md-cosmos .md-home-progress {
    --mission-ground:#172650; --mission-ink:#f4f7ff; --mission-muted:#cad8ed;
    --mission-track:#0b1633; --mission-fill:#76dbe5; --mission-field:#21365f;
    padding:clamp(1.1rem,3vw,2rem); background:var(--mission-ground); color:var(--mission-ink);
    border:0; border-radius:24px; box-shadow:none;
}
.md-home-progress .md-mission-heading { display:flex; align-items:center; justify-content:space-between; gap:1rem; }
.md-home-progress .md-mission-heading h2 { margin:0; font-size:clamp(1.5rem,3vw,2rem); line-height:1.5; }
.md-home-progress .md-mission-profile { color:var(--mission-ink); font-size:1rem; text-underline-offset:.3em; padding:.6rem 0; min-height:44px; display:inline-flex; align-items:center; }
.md-home-progress .md-mission { display:block; padding:0; background:none; border:0; }
.md-home-progress .md-mission-main { display:grid; grid-template-columns:120px minmax(0,1fr); align-items:center; gap:1.75rem; margin-block:1.4rem; }
.md-home-progress .md-mission-ship { display:grid; place-items:center; }
.md-home-progress .md-mission-ship img { width:100px; height:112px; object-fit:contain; filter:none; }
.md-home-progress .md-mission-count { display:flex; flex-wrap:wrap; align-items:baseline; gap:.6rem; margin:0; line-height:1.4; }
.md-home-progress .md-mission-count b { font-size:clamp(2.5rem,5vw,3.75rem); font-variant-numeric:tabular-nums; }
.md-home-progress .md-mission-count span { font-size:1.15rem; color:var(--mission-muted); }
.md-home-progress .md-mission-message { margin:.25rem 0 1rem; font-size:1.05rem; line-height:1.75; }
.md-home-progress .md-mission-track { height:18px; background:var(--mission-track); overflow:hidden; border-radius:99px; }
.md-home-progress .md-mission-track i { display:block; height:100%; background:var(--mission-fill); border-radius:inherit; transition:width .2s ease-out; }
.md-home-progress .md-mission-track.done { outline:2px solid var(--mission-fill); outline-offset:3px; }
.md-home-progress .md-mission-footer { display:flex; justify-content:space-between; align-items:center; gap:1.5rem; flex-wrap:wrap; }
.md-home-progress dl { margin:0; }
.md-home-progress .md-mission-totals { display:flex; gap:2rem; flex-wrap:wrap; }
.md-home-progress dt { font-size:1rem; font-weight:400; color:var(--mission-muted); }
.md-home-progress dd { margin:0; font-size:1.3rem; font-weight:700; font-variant-numeric:tabular-nums; }
body.md-cosmos .md-home-progress .md-mission-play { display:inline-flex; min-height:48px; align-items:center; justify-content:center; padding:.6rem 1.5rem; background:var(--mission-fill); color:var(--mission-track); border:0; border-radius:99px; font-size:1rem; font-weight:700; text-decoration:none; box-shadow:none; text-shadow:none; }
.md-home-progress .md-mission-play:hover { opacity:.9; }
.md-home-progress .md-mission-play:active { transform:translateY(2px); }
.md-home-progress :is(a,summary,select):focus-visible { outline:3px solid var(--mission-fill); outline-offset:5px; }
.md-home-progress .md-mission-details { margin-top:1.25rem; padding:.6rem 1rem; background:var(--mission-field); border-radius:14px; }
.md-home-progress summary { cursor:pointer; padding:.3rem 0; min-height:44px; align-content:center; font-size:1rem; }
.md-home-progress .md-mission-settings { display:flex; gap:1rem; align-items:center; flex-wrap:wrap; margin-block:.75rem 1rem; }
.md-home-progress .ww-pf-select { min-height:44px; font-size:1rem; padding:.4rem .7rem; background:var(--mission-track); color:var(--mission-ink); border:1px solid var(--mission-muted); }
.md-home-progress .md-mission-extra { display:flex; gap:1rem 2rem; flex-wrap:wrap; padding-bottom:.5rem; }
@media(max-width:520px) {
    .md-home-progress .md-mission-heading { align-items:flex-start; gap:.6rem; }
    .md-home-progress .md-mission-main { grid-template-columns:64px minmax(0,1fr); gap:.9rem; }
    .md-home-progress .md-mission-ship img { width:64px; height:84px; }
    .md-home-progress .md-mission-count { display:block; }
    .md-home-progress .md-mission-count b { display:block; font-size:2.75rem; }
    .md-home-progress .md-mission-count span { font-size:1rem; }
    .md-home-progress .md-mission-footer { gap:1rem; }
    .md-home-progress .md-mission-totals { gap:1.5rem; }
    body.md-cosmos .md-home-progress .md-mission-play { width:100%; }
}
@media(prefers-reduced-motion:reduce) { .md-home-progress .md-mission-track i { transition:none; } }