/* نضوج — أنماط «استكشف» (Gate 1): صفوف أفقية بـ scroll-snap، بطاقات بأغلفة متدرّجة، وشارات حالة.
   نمطان عمريّان كإعدادَي «مظهر الفئة»: playful (أكبر، حدّ ثخين، ألوان مشبعة) و mature (أصغر، أنعم، أغمق). */
.xe-root{display:flex;flex-direction:column;gap:18px}
.xe-search{position:sticky;top:0;z-index:5;padding-block:4px}
.xe-search-in{width:100%;box-sizing:border-box;padding:11px 14px;border:2px solid #E3DDF2;border-radius:14px;font:inherit;background:#fff}
.xe-rails{display:flex;flex-direction:column;gap:18px}
.xe-rail-lbl{margin:0 0 8px;font-size:15px;font-weight:800;color:var(--navy,#1A2A4E)}
.xe-count{display:inline-block;min-width:20px;text-align:center;background:#EDE7FA;color:#4B3A82;border-radius:10px;font-size:12px;padding:1px 7px;margin-inline-start:4px}
.xe-track{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-block-end:6px;scrollbar-width:thin}
.xe-track::-webkit-scrollbar{height:6px}.xe-track::-webkit-scrollbar-thumb{background:#D8CFF0;border-radius:6px}

.xe-card{flex:0 0 auto;scroll-snap-align:start;display:flex;flex-direction:column;gap:5px;background:none;border:none;padding:0;cursor:pointer;text-align:start;width:168px}
.xe-cover{position:relative;display:block;height:112px;border-radius:18px;background-size:cover;background-position:center;overflow:hidden;border:3px solid var(--purple,#7E62C8)}
.xe-cover-e{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:40px;filter:drop-shadow(0 2px 6px rgba(0,0,0,.25))}
.xe-pill{position:absolute;inset-block-start:8px;inset-inline-start:8px;font-size:11px;font-weight:800;border-radius:10px;padding:3px 9px;background:var(--gold,#FCB401);color:#1A2A4E}
.xe-pill.xe-prog{background:#fff;color:#4B3A82}.xe-pill.xe-done{background:#2FA06A;color:#fff}
.xe-pill.xe-soon,.xe-pill-dark{background:rgba(26,42,78,.82);color:#fff}
.xe-kind{position:absolute;inset-block-end:8px;inset-inline-start:8px;font-size:10px;font-weight:700;color:#fff;background:rgba(0,0,0,.35);border-radius:8px;padding:2px 7px;backdrop-filter:blur(2px)}
.xe-save{position:absolute;inset-block-start:6px;inset-inline-end:6px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(255,255,255,.85);font-size:15px}
.xe-save.on{background:var(--gold,#FCB401)}
.xe-ttl{font-size:14px;font-weight:800;color:var(--navy,#1A2A4E);line-height:1.3}
.xe-meta{font-size:12px;color:#6B6480}
.xe-unbuilt .xe-cover{filter:grayscale(.3) brightness(.9)}
/* زخارف الموضوع (FAM_THEME) على الغلاف — أنماط CSS خفيفة + انجراف بطيء */
.xe-cover[data-motif]::before{content:"";position:absolute;inset:0;opacity:.3;pointer-events:none;background-repeat:repeat;animation:xeDrift 20s linear infinite}
.xe-cover[data-motif="dots"]::before{background-image:radial-gradient(rgba(255,255,255,.55) 1.5px,transparent 1.6px);background-size:12px 12px}
.xe-cover[data-motif="tokens"]::before{background-image:radial-gradient(circle,transparent 3px,rgba(255,255,255,.45) 3px 4px,transparent 5px);background-size:18px 18px}
.xe-cover[data-motif="layers"]::before{background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.28) 0 3px,transparent 3px 11px)}
.xe-cover[data-motif="nodes"]::before{background-image:radial-gradient(rgba(255,255,255,.5) 2px,transparent 2px),linear-gradient(45deg,transparent 47%,rgba(255,255,255,.16) 49% 51%,transparent 53%);background-size:20px 20px,20px 20px}
.xe-cover[data-motif="shield"]::before{background-image:repeating-linear-gradient(135deg,rgba(255,255,255,.22) 0 6px,transparent 6px 14px)}
@keyframes xeDrift{from{background-position:0 0}to{background-position:24px 24px}}
@media (prefers-reduced-motion:reduce){.xe-cover[data-motif]::before{animation:none}}
.xe-empty{margin:0;font-size:13px;color:#6B6480;padding:10px}

/* نمط playful (افتراضي) — كبير، حدّ ثخين، مشبع، زوايا دائرية */
.xe-root[data-preset="playful"] .xe-card{width:168px}
.xe-root[data-preset="playful"] .xe-cover{height:112px;border-width:3px;border-radius:18px}
.xe-root[data-preset="playful"] .xe-ttl{font-weight:800}

/* نمط mature — أصغر، حدّ رفيع، زاوية ١٢، غلاف أغمق بحُبيبات خفيفة، نصّ أهدأ */
.xe-root[data-preset="mature"] .xe-card{width:152px}
.xe-root[data-preset="mature"] .xe-cover{height:96px;border-width:1px;border-color:#2A2740;border-radius:12px;filter:saturate(.78) brightness(.82)}
.xe-root[data-preset="mature"] .xe-cover::after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.06) 1px,transparent 1px);background-size:3px 3px;pointer-events:none}
.xe-root[data-preset="mature"] .xe-ttl{font-weight:700;color:#2A2740}
.xe-root[data-preset="mature"] .xe-meta{color:#7A7690}

/* ورقة المعاينة لبطاقة غير مبنية */
.xe-sheet{position:fixed;inset:0;background:rgba(26,42,78,.5);display:flex;align-items:flex-end;justify-content:center;z-index:60;padding:16px}
.xe-sheet-card{background:#fff;border-radius:20px 20px 16px 16px;max-width:420px;width:100%;padding:20px;display:flex;flex-direction:column;gap:8px;animation:xeUp .22s ease}
@keyframes xeUp{from{transform:translateY(16px);opacity:0}to{transform:none;opacity:1}}
.xe-sheet-kind{font-size:12px;font-weight:800;color:var(--purple,#7E62C8)}
.xe-sheet-card h3{margin:0;font-size:19px;color:var(--navy,#1A2A4E)}
.xe-sheet-sit{margin:0;font-size:15px;line-height:1.5;color:#1A2A4E}
.xe-sheet-soon{margin:0;font-weight:800;color:var(--gold-deep,#B97E00)}
.xe-sheet-close{margin-top:6px;padding:12px;border:none;border-radius:14px;background:var(--purple,#7E62C8);color:#fff;font-weight:800;font-size:15px;cursor:pointer}
@media (prefers-reduced-motion:reduce){.xe-sheet-card{animation:none}}