/* كتالوج مدار: المهمات عناصر لعب فعلية، بأمثلة مقروءة وكواكب المنصة المحلية. */
.md-discovery { --discover-ground:#132449; --discover-field:#1b3457; --discover-art:#223e60; --discover-ink:#f4f7ff; --discover-muted:#cedcf0; --discover-action:#82dce6; --discover-active:#0a2340; }
body.md-cosmos .md-discovery .md-catalog-heading { margin-block:1rem 1.25rem; gap:1rem; }
.md-discovery .md-catalog-heading h2 { font-size:clamp(1.6rem,3vw,2.2rem); line-height:1.5; margin:0; }
.md-discovery .md-catalog-heading p { font-size:1.05rem; color:var(--discover-ink); margin:.4rem 0 0; }
body.md-cosmos .md-discovery .md-review-link { min-height:44px; display:inline-flex; align-items:center; font-size:1rem; color:var(--discover-ink); text-underline-offset:.3em; }
body.md-cosmos .md-discovery .md-filters { display:flex; flex-wrap:wrap; gap:.6rem; margin-bottom:1.75rem; }
body.md-cosmos .md-discovery .md-filters[hidden] { display:none; }
body.md-cosmos .md-discovery .md-filters button { flex:1 1 145px; min-height:52px; padding:.65rem 1rem; font-size:1.05rem; background:var(--discover-field); color:var(--discover-ink); border:0; border-radius:14px; box-shadow:none; text-shadow:none; transition:transform .15s ease-out; }
body.md-cosmos .md-discovery .md-filters button[aria-pressed="true"] { background:var(--discover-action); color:var(--discover-active); box-shadow:none; }
.md-discovery .md-family { margin-bottom:2.5rem; }
.md-discovery .md-discover-family-head { display:flex; align-items:baseline; justify-content:space-between; flex-wrap:wrap; gap:.4rem 1rem; margin-bottom:.85rem; }
body.md-cosmos .md-discovery .md-section-title { margin:0; font-size:1.5rem; color:var(--discover-ink); }
.md-discovery .md-discover-family-head p { margin:0; font-size:1rem; line-height:1.7; color:var(--discover-muted); }
.md-discovery .md-games { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; }
body.md-cosmos .md-discovery .md-game { display:grid; grid-template-columns:minmax(110px,.65fr) minmax(0,1.35fr); color:var(--discover-ink); background:var(--discover-ground); border:0; border-radius:24px; box-shadow:none; transition:transform .15s ease-out; overflow:hidden; }
body.md-cosmos .md-discovery .md-game:hover { color:var(--discover-ink); box-shadow:none; transform:translateY(-3px); }
body.md-cosmos .md-discovery .md-game:active { transform:translateY(1px); }
body.md-cosmos .md-discovery .md-game:focus-visible { outline:3px solid var(--discover-action); outline-offset:5px; box-shadow:none; }
body.md-cosmos .md-discovery .md-game-art { height:auto; min-height:240px; background:var(--discover-art); background-image:none; overflow:hidden; }
.md-discovery .md-game-art::before { display:none; }
body.md-cosmos .md-discovery .md-game-art svg { width:160px; height:160px; inset-inline-end:auto; bottom:auto; top:50%; left:50%; transform:translate(-50%,-45%); animation:none; opacity:1; }
.md-discovery .md-discover-symbol { position:relative; z-index:1; align-self:flex-start; margin-top:1.25rem; font-family:var(--ww-font-ar); font-size:1.75rem; font-weight:800; line-height:1.5; color:var(--discover-ink); }
.md-discovery .md-game-body { min-width:0; padding:1.25rem; gap:.65rem; }
body.md-cosmos .md-discovery .md-game-body > b { font-size:1.4rem; line-height:1.5; }
.md-discovery .md-game-desc { font-size:1rem; line-height:1.75; color:var(--discover-ink); }
.md-discovery .md-game-tracks { gap:.25rem .65rem; }
body.md-cosmos .md-discovery .md-game-tracks i { padding:0; background:none; border:0; font-size:1rem; color:var(--discover-muted); }
.md-discovery .md-game-foot { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:.65rem 1rem; margin-top:auto; padding-top:.35rem; }
.md-discovery .md-game-stats { display:flex; flex-wrap:wrap; font-size:.95rem; gap:.25rem 1rem; color:var(--discover-muted); }
.md-discovery .md-game-stats b { color:var(--discover-ink); }
body.md-cosmos .md-discovery .md-game-play { min-height:44px; display:inline-flex; justify-content:center; align-items:center; padding:.45rem 1.25rem; flex:0 0 auto; border-radius:99px; background:var(--discover-action); color:var(--discover-active); box-shadow:none; text-shadow:none; font-size:1rem; }
body.md-cosmos .md-discovery [data-family-section="battle"] .md-game:first-child .md-game-art svg { width:200px; height:200px; }
.md-discovery [data-family-section="lab"] { --discover-art:#24495a; }
.md-discovery [data-family-section="memory"] { --discover-art:#2c3a58; }
body.md-cosmos .md-discovery .md-discover-school { background-image:url('../icons/school/school.svg'); background-size:105px; background-repeat:no-repeat; background-position:center; }
body.md-cosmos .md-discovery :is(button,a):focus-visible { outline:3px solid var(--discover-action); outline-offset:5px; }
body.md-cosmos .md-discover-review { display:flex; align-items:center; flex-wrap:wrap; gap:1rem; padding:1.25rem; background:#183a52; color:#f4f7ff; border:0; border-radius:24px; box-shadow:none; text-decoration:none; }
.md-discover-review-icon { flex:0 0 56px; width:56px; height:64px; background:url('../icons/school/book.svg') center/contain no-repeat; }
.md-discover-review-copy { display:flex; flex:1 1 260px; flex-direction:column; gap:.4rem; }
.md-discover-review-copy b { font-size:1.2rem; line-height:1.7; }
.md-discover-review-copy > span { font-size:1rem; line-height:1.75; color:#cedcf0; }
.md-discover-review-action { min-height:44px; display:inline-flex; align-items:center; justify-content:center; padding:.5rem 1.25rem; border-radius:99px; background:#82dce6; color:#0a2340; font-weight:700; }
.md-discover-review:focus-visible { outline:3px solid #82dce6; outline-offset:5px; }
@media(max-width:900px) { .md-discovery .md-games { grid-template-columns:1fr; } .md-discovery [data-family-section="battle"] .md-game:first-child { grid-column:auto; grid-template-columns:minmax(110px,.65fr) minmax(0,1.35fr); } body.md-cosmos .md-discovery [data-family-section="battle"] .md-game:first-child .md-game-art svg { width:160px; height:160px; } }
@media(max-width:520px) { body.md-cosmos .md-discovery .md-game { grid-template-columns:82px minmax(0,1fr); } .md-discovery [data-family-section="battle"] .md-game:first-child { grid-template-columns:82px minmax(0,1fr); } body.md-cosmos .md-discovery .md-game-art svg, body.md-cosmos .md-discovery [data-family-section="battle"] .md-game:first-child .md-game-art svg { width:115px; height:115px; } .md-discovery .md-discover-symbol { font-size:1.2rem; } .md-discovery .md-game-body { padding:1rem; } body.md-cosmos .md-discovery .md-game-body > b { font-size:1.25rem; } .md-discover-review-action { width:100%; } }
@media(prefers-reduced-motion:reduce) { body.md-cosmos .md-discovery :is(.md-game,.md-filters button) { transition:none; transform:none; } }

@media(prefers-reduced-motion:reduce) { body.md-cosmos .md-discovery .md-game:is(:hover,:focus-visible,:active) { transform:none; } }

/* ألوان مسطحة تتجاوز تخصيص ثيم المختبر القديم. */
body.md-cosmos .md-discovery .md-family .md-game .md-game-art { background:var(--discover-art); }
body.md-cosmos .md-discovery .md-family .md-game .md-game-art.md-discover-school { background-image:url('../icons/school/school.svg'); background-size:105px; background-repeat:no-repeat; background-position:center; }
body.md-cosmos .md-discovery [data-family-section="battle"] .md-game:first-child .md-game-body > b { font-size:1.7rem; }
@media(max-width:520px) { body.md-cosmos .md-discovery [data-family-section="battle"] .md-game:first-child .md-game-body > b { font-size:1.25rem; } }

.md-discovery,.md-discovery * { box-sizing:border-box; }
.md-discovery .md-discover-symbol { white-space:nowrap; }
.md-discovery .md-game-stats > span { display:inline-flex; gap:.3rem; align-items:baseline; }
@media(max-width:520px) {
    body.md-cosmos .md-discovery .md-game-art svg,body.md-cosmos .md-discovery [data-family-section="battle"] .md-game:first-child .md-game-art svg { width:74px; height:74px; }
    body.md-cosmos .md-discovery .md-family .md-game .md-game-art.md-discover-school { background-size:64px; }
}