.cards-challenge{padding:18px;background:#282636;border-block:1px solid var(--line)}
.cards-challenge .eyebrow{margin-bottom:8px;color:var(--violet)}
.cards-challenge strong{display:block;line-height:1.5}
.cards-challenge p{margin:8px 0 12px}
.cards-challenge .cards-faces{display:flex;gap:10px;margin:12px 0;min-height:74px}
.cards-challenge .cards-faces:empty{display:none}
.cards-face{display:grid;place-items:center;flex:1;background:#1c1726;border:1px solid var(--violet);border-radius:10px;padding:6px}
.cards-face span{font-size:1.8rem;line-height:1.3}
.cards-face small{font-size:.7rem}
.cards-preview{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.map-memory-card rect.card-back{fill:#3b284c;stroke:#d1b3eb;stroke-width:2}
.map-memory-card.matched rect.card-back{fill:#304b38;stroke:#b8cb93}
.map-memory-card.open rect.card-back{fill:#5b3b36;stroke:#ffad67}
.map-memory-card.selected rect.card-back{stroke:#ffcf87;stroke-width:4}
.map-memory-card text{fill:#f6ebd8;font-family:system-ui,sans-serif;text-anchor:middle;pointer-events:none}
.map-memory-card .card-zone{fill:#bda1e510;stroke:#bda1e540;stroke-width:1;stroke-dasharray:4 3}
.map-memory-card:focus-visible{outline:none}
.map-memory-card:focus-visible rect.card-back{stroke:#fff0ac;stroke-width:5}
.map-memory-card[role=button]{cursor:pointer}
.cards-challenge[data-complete=true]{background:#26382b}
