@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/IBMPlexSansArabic-400-arabic.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/IBMPlexSansArabic-400-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../fonts/IBMPlexSansArabic-500-arabic.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../fonts/IBMPlexSansArabic-500-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/IBMPlexSansArabic-700-arabic.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/IBMPlexSansArabic-700-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Lalezar';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/Lalezar-400-arabic.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
@font-face {
  font-family: 'Lalezar';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/Lalezar-400-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* maas1.com — هوية السدو. الألوان لها معنى ثابت:
   النخل = الأساس والإجابة الصحيحة، الزعفران = المكافآت وزر اللعب، الرمّاني = الخطأ والترند */
:root{
  --paper:#F2F5F0; --card:#FFFFFF; --ink:#14261F; --muted:#56685F; --line:#D3DCD2;
  --palm:#1D5A46; --palm-hover:#174A3A; --palm-soft:#DCEAE2;
  --saffron:#E3A21A; --saffron-soft:#FBEFD2; --on-saffron:#1A1405;
  --pom:#BF3440; --pom-soft:#F7DEDF; --on-palm:#F2F5F0; --pom-text:#9E2A34;
  --display:"Lalezar","IBM Plex Sans Arabic",Tahoma,sans-serif;
  --body:"IBM Plex Sans Arabic",Tahoma,"Segoe UI",sans-serif;
  --radius:12px; --wrap:1080px;
  color-scheme:light;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --paper:#0E1915; --card:#15231E; --ink:#E6EEE9; --muted:#93A59C; --line:#273730;
  --palm:#4CAD86; --palm-hover:#5CC097; --palm-soft:#1B3329; --saffron:#EFB43C; --saffron-soft:#3A2F14;
  --pom:#E15A63; --pom-soft:#3A1D20; --on-palm:#0E1915; --pom-text:#F29AA0; color-scheme:dark }}
:root[data-theme="dark"]{
  --paper:#0E1915; --card:#15231E; --ink:#E6EEE9; --muted:#93A59C; --line:#273730;
  --palm:#4CAD86; --palm-hover:#5CC097; --palm-soft:#1B3329; --saffron:#EFB43C; --saffron-soft:#3A2F14;
  --pom:#E15A63; --pom-soft:#3A1D20; --on-palm:#0E1915; --pom-text:#F29AA0; color-scheme:dark }

/* أساسيات */
.m-body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.75;-webkit-font-smoothing:antialiased;min-height:100vh;display:flex;flex-direction:column}
.m-body *,.m-body *::before,.m-body *::after{box-sizing:border-box}
.m-body a{color:inherit}
.m-body img{max-width:100%;height:auto}
.m-wrap{width:100%;max-width:var(--wrap);margin:0 auto;padding-inline:16px}
.m-main{flex:1;padding-block:24px 96px}
.m-body .m-skip{position:absolute;color:#1A1405;inset-inline-start:-999px;top:8px;background:var(--saffron);color:var(--on-saffron);padding:8px 14px;border-radius:8px;z-index:100}
.m-body .m-skip:focus{inset-inline-start:8px}
.m-body :focus-visible{outline:3px solid var(--saffron);outline-offset:2px;border-radius:6px}

/* الشريط العلوي */
.m-top{background:#1D5A46;color:#F2F5F0;position:sticky;top:0;z-index:50}
.m-top .m-wrap{display:flex;align-items:center;gap:20px;height:60px}
.m-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit}
.m-brand b{font-family:var(--display);font-weight:400;font-size:1.65rem;line-height:1;transform:translateY(2px)}
.m-mark{min-width:34px;height:34px;padding:0 6px;border-radius:9px;background:#F2F5F0;color:#1D5A46;display:grid;place-items:center;font-family:var(--display);font-size:1.15rem;line-height:1;direction:ltr}
.m-mark span{transform:translateY(2px)}
.m-nav{display:flex;gap:4px;margin-inline-start:12px}
.m-nav a{text-decoration:none;padding:6px 12px;border-radius:8px;font-weight:500;font-size:.95rem;opacity:.88}
.m-nav a:hover,.m-nav a[aria-current="page"]{background:rgba(0,0,0,.16);opacity:1}
.m-top-end{margin-inline-start:auto;display:flex;align-items:center;gap:10px}
.m-aura{display:inline-flex;align-items:center;gap:6px;background:rgba(0,0,0,.18);padding:3px 12px;border-radius:99px;font-weight:700;font-size:.9rem;font-variant-numeric:tabular-nums;text-decoration:none}
.m-aura i{width:9px;height:9px;transform:rotate(45deg);background:var(--saffron);display:block}
.m-body .m-account{color:#F2F5F0;text-decoration:none;font-weight:700;font-size:.9rem;padding:6px 14px;border-radius:9px;border:1.5px solid rgba(242,245,240,.45)}
.m-account:hover{background:rgba(0,0,0,.16)}
.m-search-btn{background:none;border:0;color:inherit;padding:6px;border-radius:8px;cursor:pointer;display:grid;place-items:center}
.m-search-btn:hover{background:rgba(0,0,0,.16)}
@media (max-width:820px){.m-nav{display:none}.m-account{display:none}}

/* شريط السدو */
.sadu{height:14px;background:
  conic-gradient(from 135deg at 50% 0,var(--pom) 90deg,transparent 0) 0 0/14px 7px repeat-x,
  conic-gradient(from -45deg at 50% 100%,var(--saffron) 90deg,transparent 0) 0 7px/14px 7px repeat-x,
  var(--ink)}
.sadu.thin{height:8px;background:conic-gradient(from -45deg at 50% 100%,var(--saffron) 90deg,transparent 0) 0 0/12px 8px repeat-x,var(--palm)}

/* الشريط السفلي للجوال */
.m-tabs{position:fixed;inset:auto 0 0 0;z-index:60;background:var(--card);border-top:1px solid var(--line);display:none;justify-content:space-around;padding:6px 4px calc(8px + env(safe-area-inset-bottom,0px))}
.m-tabs a{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;text-decoration:none;color:var(--muted);font-size:11px;font-weight:500;padding:4px 0}
.m-tabs svg{width:22px;height:22px}
.m-tabs a[aria-current="page"]{color:var(--palm);font-weight:700}
.m-tabs .make span.dot{width:40px;height:40px;margin-top:-18px;border-radius:50%;background:var(--saffron);color:var(--on-saffron);display:grid;place-items:center;border:4px solid var(--card)}
@media (max-width:820px){.m-tabs{display:flex}}

/* الطباعة */
.m-body h1,.m-body h2,.m-body h3{font-family:var(--display);font-weight:400;line-height:1.3;text-wrap:balance;margin:0}
.m-h1{font-size:clamp(1.9rem,5vw,2.8rem)}
.m-h2{font-size:clamp(1.35rem,3vw,1.7rem)}
.m-lead{color:var(--muted);font-size:1.05rem;margin:6px 0 0;max-width:65ch}
.m-eyebrow{font-size:.85rem;font-weight:700;color:var(--palm)}
.m-muted{color:var(--muted)}
.m-num{font-variant-numeric:tabular-nums}

/* أزرار */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:10px;padding:10px 18px;font-weight:700;font-size:1rem;border:0;font-family:var(--body);cursor:pointer;text-decoration:none;line-height:1.3;min-height:44px;transition:background-color .15s,transform .1s}
.btn:active{transform:scale(.98)}
.m-body .btn-saffron{background:var(--saffron);color:var(--on-saffron)}
.m-body .btn-saffron:hover{filter:brightness(1.05)}
.m-body .btn-palm{background:var(--palm);color:var(--on-palm)}
.m-body .btn-palm:hover{background:var(--palm-hover)}
.m-body .btn-ghost{background:transparent;border:1.5px solid var(--line);color:var(--ink)}
.m-body .btn-ghost:hover{border-color:var(--palm);color:var(--palm)}
.m-body .btn-wa{background:#167A47;color:#fff}
.m-body .btn-x{background:#14261F;color:#fff;border:1.5px solid #3A5247}
.btn-block{width:100%}
.btn svg{width:18px;height:18px;flex:none}

/* أقسام الصفحة */
.m-section{display:flex;flex-direction:column;gap:14px;margin-top:36px}
.m-section-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.m-section-head a{color:var(--palm);font-weight:700;font-size:.9rem;text-decoration:none;white-space:nowrap}
.m-section-head a:hover{text-decoration:underline}

/* بطاقة تحدي اليوم */
.m-body .feat{background:#14261F;color:#F2F5F0;border-radius:16px;padding:22px 22px 30px;display:flex;flex-direction:column;gap:10px;position:relative;overflow:hidden;text-decoration:none}
.feat .sadu.thin{position:absolute;inset:auto 0 0 0}
.feat small{color:var(--saffron);font-weight:700;font-size:.9rem}
.feat h2{font-size:clamp(1.5rem,4vw,2.2rem)}
.feat .row{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.feat .meta{opacity:.8;font-size:.95rem}
.feat:hover .btn-saffron{filter:brightness(1.07)}
:root[data-theme="dark"] .feat{background:#1F3A30}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .feat{background:#1F3A30}}

/* شرائح التصنيفات */
.chips{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none;margin-inline:-16px;padding-inline:16px}
.chips::-webkit-scrollbar{display:none}
.chip{white-space:nowrap;padding:6px 14px;border-radius:99px;background:var(--card);border:1px solid var(--line);font-size:.92rem;font-weight:500;text-decoration:none;flex:none}
.chip:hover{border-color:var(--palm)}
.chip[aria-current="page"]{background:var(--palm);border-color:var(--palm);color:var(--on-palm)}

/* قائمة التحديات */
.qlist{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:10px;margin:0;padding:0;list-style:none}
.q{display:grid;grid-template-columns:52px 1fr auto;gap:12px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:10px;text-decoration:none;min-width:0;transition:border-color .15s}
.q:hover{border-color:var(--palm)}
.q b{display:block;font-size:1rem;line-height:1.45;font-weight:700;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.q small{color:var(--muted);font-size:.82rem}
.q .n{font-size:.82rem;color:var(--muted);text-align:left;white-space:nowrap}
.th{width:52px;height:52px;border-radius:10px;display:grid;place-items:center;font-family:var(--display);font-size:1.5rem;line-height:1;color:var(--on-palm)}
.th span{transform:translateY(3px)}
.tone-palm{background:var(--palm)} .tone-pom{background:var(--pom);color:#fff} .tone-saffron{background:var(--saffron);color:var(--on-saffron)} .tone-ink{background:var(--ink);color:var(--paper)}

/* شبكة التصنيفات */
.cats{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px}
.cat{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:16px;text-decoration:none;display:flex;flex-direction:column;gap:4px;border-top:4px solid var(--palm)}
.cat:hover{border-color:var(--palm)}
.cat.tone-b-pom{border-top-color:var(--pom)} .cat.tone-b-saffron{border-top-color:var(--saffron)} .cat.tone-b-ink{border-top-color:var(--ink)}
.cat b{font-family:var(--display);font-weight:400;font-size:1.3rem}
.cat small{color:var(--muted);font-size:.88rem;line-height:1.6}

/* ترقيم الصفحات */
.pager{display:flex;gap:8px;justify-content:center;margin-top:24px;flex-wrap:wrap}
.pager a,.pager span{min-width:44px;min-height:44px;display:grid;place-items:center;padding:0 12px;border-radius:10px;border:1px solid var(--line);background:var(--card);text-decoration:none;font-weight:700}
.pager span[aria-current]{background:var(--palm);color:var(--on-palm);border-color:var(--palm)}

/* البحث */
.m-search{display:flex;gap:8px;margin-top:14px}
.m-search input{flex:1;min-width:0;font:inherit;padding:10px 14px;border-radius:10px;border:1.5px solid var(--line);background:var(--card);color:var(--ink);min-height:44px}
.m-search input:focus{border-color:var(--palm);outline:none}

/* صفحات نصية */
.prose{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:24px;max-width:760px}
.prose h2{font-size:1.4rem;margin-top:24px}
.prose p,.prose li{max-width:68ch}
.prose a{color:var(--palm);font-weight:700}

/* إعلانات: مساحة محجوزة تمنع قفز الصفحة، وبعيدة عن أزرار الإجابة */
.ad-slot{margin:28px auto;text-align:center;min-height:100px;max-width:100%;overflow:hidden}
.ad-slot::before{content:"إعلان";display:block;font-size:.72rem;color:var(--muted);margin-bottom:4px}

/* الفوتر */
.m-foot{background:var(--card);border-top:1px solid var(--line);padding:28px 0 calc(28px + 70px);font-size:.92rem;color:var(--muted)}
.m-foot .m-wrap{display:flex;flex-wrap:wrap;gap:16px 32px;justify-content:space-between}
.m-foot nav{display:flex;flex-wrap:wrap;gap:6px 18px}
.m-foot a{text-decoration:none}
.m-foot a:hover{color:var(--palm);text-decoration:underline}
@media (min-width:821px){.m-foot{padding-bottom:28px}}

/* شريط الكوكيز */
.consent{position:fixed;inset-inline:12px;bottom:calc(80px + env(safe-area-inset-bottom,0px));z-index:70;background:#14261F;color:#F2F5F0;border-radius:14px;padding:14px 16px;display:flex;gap:12px;align-items:center;flex-wrap:wrap;max-width:640px;margin-inline:auto;box-shadow:0 8px 30px rgba(0,0,0,.25)}
.consent p{margin:0;flex:1 1 260px;font-size:.92rem}
.consent a{color:#E3A21A;font-weight:700}
@media (min-width:821px){.consent{bottom:16px}}

/* إشعار */
.m-note{border-inline-start:4px solid var(--saffron);background:var(--card);padding:12px 16px;border-radius:0 10px 10px 0}
.m-hidden{display:none!important}
@media (prefers-reduced-motion:reduce){.m-body *{animation:none!important;transition:none!important}}
/* صفحات اللعب والنتيجة و404 */
.play-wrap{max-width:760px}
.crumbs{font-size:.88rem;color:var(--muted);margin-bottom:12px}
.crumbs a{text-decoration:none;color:var(--palm);font-weight:500}
.play-card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:22px;display:flex;flex-direction:column;gap:12px}
.play-meta{color:var(--muted);margin:0}
.btn-lg{font-size:1.1rem;padding:14px 28px;align-self:flex-start}
.challenge-banner{background:var(--saffron-soft);border-radius:12px;padding:12px 14px;line-height:1.7}
.progress{display:flex;gap:3px}
.progress i{flex:1;height:6px;border-radius:3px;background:var(--line)}
.progress i.d{background:var(--palm)} .progress i.w{background:var(--pom)} .progress i.c{background:var(--saffron)}
.qmeta{display:flex;justify-content:space-between;color:var(--muted);font-size:.9rem}
.qtext{font-family:var(--display);font-weight:400;font-size:clamp(1.45rem,4.5vw,2rem);line-height:1.5;margin:2px 0}
.qimg{border-radius:12px;max-height:280px;object-fit:contain;align-self:center;background:var(--paper)}
.answers{display:flex;flex-direction:column;gap:10px}
.ans{display:flex;align-items:center;gap:12px;background:var(--card);border:1.5px solid var(--line);border-radius:12px;padding:12px 14px;font:inherit;font-weight:500;color:var(--ink);text-align:start;cursor:pointer;min-height:52px;transition:border-color .15s,background-color .15s}
.ans:hover:not(:disabled){border-color:var(--palm)}
.ans:disabled{cursor:default}
.ans .k{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:var(--paper);font-size:.85rem;font-weight:700;color:var(--muted);flex:none}
.ans.picked{border-color:var(--ink)}
.ans.right{border-color:var(--palm);background:var(--palm-soft)}
.ans.right .k{background:var(--palm);color:var(--on-palm)}
.ans.wrong{border-color:var(--pom);background:var(--pom-soft)}
.ans.wrong .k{background:var(--pom);color:#fff}
@media (prefers-reduced-motion:no-preference){.ans.right{animation:pop .45s ease-out}@keyframes pop{0%{transform:scale(.98)}60%{transform:scale(1.015)}100%{transform:scale(1)}}}
.qpreview{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px 16px}
.qpreview summary{cursor:pointer;font-weight:700}
.qpreview ol{margin:10px 0 0;padding-inline-start:22px;color:var(--muted)}
.qpreview li{margin-bottom:4px}

.result{align-items:center;text-align:center}
.result .m-eyebrow{margin:0}
.aura-earned{align-self:flex-start;background:var(--saffron-soft);color:var(--ink);font-weight:700;padding:3px 12px;border-radius:99px;font-size:.9rem}
.ring{--p:0;width:150px;height:150px;border-radius:50%;background:conic-gradient(var(--palm) calc(var(--p)*1%),var(--line) 0);display:grid;place-items:center;margin-top:6px}
.ring>div{width:120px;height:120px;border-radius:50%;background:var(--card);display:grid;place-items:center;align-content:center;font-family:var(--display);font-size:2.6rem;line-height:1}
.ring small{display:block;font-family:var(--body);font-size:.85rem;color:var(--muted);margin-top:4px}
.verdict{font-family:var(--display);font-size:1.8rem;margin:4px 0 0;line-height:1.35}
.verdict.personality{font-size:clamp(1.5rem,4.5vw,2rem);color:var(--palm)}
.result-msg{max-width:60ch;color:var(--ink);margin:0}
.cmp{width:100%;background:var(--paper);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:8px;text-align:start;font-size:.92rem}
.bar{display:grid;grid-template-columns:80px 1fr 44px;gap:10px;align-items:center}
.bar span:nth-child(2){height:10px;border-radius:5px;background:var(--line);position:relative;overflow:hidden}
.bar span:nth-child(2) i{position:absolute;inset:0 0 0 auto;background:var(--saffron);border-radius:5px}
.bar.me span:nth-child(2) i{background:var(--palm)}
.share-box{width:100%;display:flex;flex-direction:column;gap:10px;margin-top:6px;text-align:start}
.share-title{font-family:var(--display);font-size:1.3rem;margin:4px 0 0;text-align:center}
.share{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.name-form label{font-weight:700;font-size:.95rem}
.result-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:6px}

.nf{text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px;max-width:760px}
.nf-big{font-family:var(--display);font-size:5rem;line-height:1;color:var(--pom);margin:10px 0 0}
.nf .qlist{width:100%}

/* لوحة الترتيب */
.lb{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.lb li{display:grid;grid-template-columns:40px 1fr auto;gap:12px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:10px 14px}
.lb li.top{border-color:var(--saffron);background:linear-gradient(0deg,var(--card),var(--card)) padding-box}
.lb .pos{font-family:var(--display);font-size:1.4rem;color:var(--muted);text-align:center}
.lb li.top .pos{color:var(--saffron)}
.lb .who{display:flex;flex-direction:column;min-width:0}
.lb .who b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lb .who small{color:var(--muted);font-size:.82rem}
.lb .pts{font-weight:700;color:var(--palm);white-space:nowrap}
.lb .pts small{font-weight:500;color:var(--muted);font-size:.8rem}
.intro-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.intro-actions .btn-lg{align-self:auto}
.qexp{margin:4px 0 0;background:var(--paper);border-inline-start:4px solid var(--saffron);padding:10px 12px;border-radius:0 10px 10px 0;font-size:.95rem;color:var(--ink)}
/* الصفحات القديمة (Tailwind): نحول البنفسجي والأزرق إلى ألوان الهوية حتى تكتمل إعادة بنائها */
.legacy [class*="from-indigo"],.legacy [class*="from-purple"],.legacy [class*="from-violet"],.legacy [class*="from-blue"],.legacy [class*="from-slate-9"],.legacy [class*="from-gray-9"]{background-image:none!important;background-color:var(--palm)!important}
.legacy [class~="from-indigo-50"],.legacy [class~="from-indigo-100"],.legacy [class~="from-purple-50"],.legacy [class~="from-purple-100"],.legacy [class~="from-blue-50"],.legacy [class~="from-blue-100"],.legacy [class~="from-violet-50"]{background-color:var(--palm-soft)!important}
.legacy [class*="from-pink"],.legacy [class*="from-rose"],.legacy [class*="from-red"]{background-image:none!important;background-color:var(--pom)!important}
.legacy [class*="from-yellow"],.legacy [class*="from-amber"],.legacy [class*="from-orange"]{background-image:none!important;background-color:var(--saffron)!important}
.legacy .bg-indigo-500,.legacy .bg-indigo-600,.legacy .bg-indigo-700,.legacy .bg-purple-500,.legacy .bg-purple-600,.legacy .bg-purple-700,.legacy .bg-blue-500,.legacy .bg-blue-600{background-color:var(--palm)!important}
.legacy .bg-indigo-50,.legacy .bg-indigo-100,.legacy .bg-purple-50,.legacy .bg-purple-100,.legacy .bg-blue-50{background-color:var(--palm-soft)!important}
.legacy [class*="text-indigo-"],.legacy [class*="text-purple-"],.legacy [class*="text-blue-6"],.legacy [class*="text-blue-7"]{color:var(--palm)!important}
.legacy .bg-clip-text{-webkit-text-fill-color:currentColor;background:none!important;color:var(--palm)!important}
.legacy [class*="border-indigo"],.legacy [class*="border-purple"]{border-color:var(--line)!important}
.legacy .bg-gray-50,.legacy .bg-gray-100{background-color:var(--paper)!important}
.legacy .bg-white{background-color:var(--card)!important}
.legacy .text-gray-800,.legacy .text-gray-900{color:var(--ink)!important}
.legacy .text-gray-500,.legacy .text-gray-600{color:var(--muted)!important}
.legacy .font-black{font-weight:700}
.legacy h1,.legacy h2{font-family:var(--display)!important;font-weight:400!important}
.legacy button,.legacy input,.legacy textarea,.legacy select{font-family:var(--body)}
.legacy [class*="bg-indigo-8"],.legacy [class*="bg-indigo-9"],.legacy [class*="bg-purple-8"],.legacy [class*="bg-purple-9"],.legacy [class*="bg-violet-"]{background-color:var(--palm)!important}
.legacy [class*="to-indigo"],.legacy [class*="to-purple"],.legacy [class*="via-indigo"],.legacy [class*="via-purple"]{--tw-gradient-to:var(--palm)!important}
.legacy .bg-green-500,.legacy .bg-green-600,.legacy .bg-green-700,.legacy .bg-emerald-500,.legacy .bg-emerald-600{background-color:var(--palm)!important}
.legacy .bg-green-50,.legacy .bg-green-100,.legacy .bg-emerald-50,.legacy .bg-emerald-100{background-color:var(--palm-soft)!important}
.legacy [class*="ring-indigo"],.legacy [class*="ring-purple"]{--tw-ring-color:var(--palm)!important}
.legacy .rounded-\[2\.5rem\],.legacy .rounded-3xl{border-radius:16px!important}
.legacy .shadow-2xl,.legacy .shadow-xl{box-shadow:0 1px 0 var(--line)!important}


/* نص واضح فوق الخلفيات الداكنة (يتبدل مع الوضع الليلي) */
.legacy [class*="from-indigo"]:not([class~="from-indigo-50"]):not([class~="from-indigo-100"]),.legacy [class*="from-purple"]:not([class~="from-purple-50"]):not([class~="from-purple-100"]),.legacy [class*="from-violet"]:not([class~="from-violet-50"]),.legacy [class*="from-blue"]:not([class~="from-blue-50"]):not([class~="from-blue-100"]),.legacy [class*="from-slate-9"],.legacy [class*="from-gray-9"],.legacy [class*="from-pink"],.legacy [class*="from-rose"],.legacy [class*="from-red"],.legacy .bg-indigo-500,.legacy .bg-indigo-600,.legacy .bg-indigo-700,.legacy .bg-purple-500,.legacy .bg-purple-600,.legacy .bg-purple-700,.legacy .bg-blue-500,.legacy .bg-blue-600,.legacy [class*="bg-indigo-8"],.legacy [class*="bg-indigo-9"],.legacy [class*="bg-purple-8"],.legacy [class*="bg-purple-9"],.legacy .bg-green-500,.legacy .bg-green-600,.legacy .bg-green-700,.legacy .bg-emerald-500,.legacy .bg-emerald-600,.legacy .bg-red-500,.legacy .bg-red-600{color:var(--on-palm)!important}
.legacy [class*="from-indigo"]:not([class~="from-indigo-50"]):not([class~="from-indigo-100"]) [class*="text-"]:not(input):not(select):not(textarea):not([class*="bg-"]),.legacy [class*="from-purple"]:not([class~="from-purple-50"]):not([class~="from-purple-100"]) [class*="text-"]:not(input):not(select):not(textarea):not([class*="bg-"]),.legacy [class*="from-violet"]:not([class~="from-violet-50"]) [class*="text-"]:not(input):not(select):not(textarea):not([class*="bg-"]),.legacy [class*="from-blue"]:not([class~="from-blue-50"]):not([class~="from-blue-100"]) [class*="text-"]:not(input):not(select):not(textarea):not([class*="bg-"]),.legacy [class*="from-slate-9"] [class*="text-"]:not(input):not(select):not(textarea):not([class*="bg-"]),.legacy [class*="from-gray-9"] [class*="text-"]:not(input):not(select):not(textarea):not([class*="bg-"]),.legacy [class*="from-pink"] [class*="text-"]:not(input):not(select):not(textarea):not([class*="bg-"]),.legacy [class*="from-rose"] [class*="text-"]:not(input):not(select):not(textarea):not([class*="bg-"]),.legacy [class*="from-red"] [class*="text-"]:not(input):not(select):not(textarea):not([class*="bg-"]),.legacy .bg-indigo-500 [class*="text-"]:not(input):not(select):not(textarea):not([class*="bg-"]),.legacy .bg-indigo-600 [class*="text-"]:not(input):not(select):not(textarea):not([class*="bg-"]),.legacy .bg-indigo-700 [class*="text-"]:not(input):not(select):not(textarea):not([class*="bg-"]),.legacy .bg-purple-500 [class*="text-"]:not(input):not(select):not(textarea):not([class*="bg-"]),.legacy .bg-purple-600 [class*="text-"]:not(input):not(select):not(textarea):not([class*="bg-"]),.legacy .bg-purple-700 [class*="text-"]:not(input):not(select):not(textarea):not([class*="bg-"]),.legacy .bg-blue-500 [class*="text-"]:not(input):not(select):not(textarea):not([class*="bg-"]),.legacy .bg-blue-600 [class*="text-"]:not(input):not(select):not(textarea):not([class*="bg-"]),.legacy [class*="bg-indigo-8"] [class*="text-"]:not(input):not(select):not(textarea):not([class*="bg-"]),.legacy [class*="bg-indigo-9"] [class*="text-"]:not(input):not(select):not(textarea):not([class*="bg-"]),.legacy [class*="bg-purple-8"] [class*="text-"]:not(input):not(select):not(textarea):not([class*="bg-"]),.legacy [class*="bg-purple-9"] [class*="text-"]:not(input):not(select):not(textarea):not([class*="bg-"]),.legacy .bg-green-500 [class*="text-"]:not(input):not(select):not(textarea):not([class*="bg-"]),.legacy .bg-green-600 [class*="text-"]:not(input):not(select):not(textarea):not([class*="bg-"]),.legacy .bg-green-700 [class*="text-"]:not(input):not(select):not(textarea):not([class*="bg-"]),.legacy .bg-emerald-500 [class*="text-"]:not(input):not(select):not(textarea):not([class*="bg-"]),.legacy .bg-emerald-600 [class*="text-"]:not(input):not(select):not(textarea):not([class*="bg-"]),.legacy .bg-red-500 [class*="text-"]:not(input):not(select):not(textarea):not([class*="bg-"]),.legacy .bg-red-600 [class*="text-"]:not(input):not(select):not(textarea):not([class*="bg-"]){color:inherit!important}
.legacy .bg-red-500,.legacy .bg-red-600{background-color:var(--pom)!important;color:#fff!important}
.legacy .bg-indigo-100,.legacy .bg-indigo-200,.legacy .bg-purple-100,.legacy .bg-purple-200,.legacy .bg-blue-100{background-color:var(--palm-soft)!important;color:var(--palm)!important}
.legacy [class*="from-yellow"],.legacy [class*="from-amber"],.legacy [class*="from-orange"]{color:var(--on-saffron)!important}
.legacy input,.legacy select,.legacy textarea{color:var(--ink)!important}
.legacy [class*="text-green-"]{color:var(--palm)!important}
.legacy .text-red-500,.legacy .text-red-600,.legacy .text-red-400{color:var(--pom-text)!important}
.legacy .text-gray-400,.legacy .text-gray-300:not([class*="dark:"]){color:var(--muted)!important}
.legacy [class*="bg-red-500"],.legacy [class*="bg-red-600"]{background-color:#BF3440!important;color:#fff!important}
.legacy .text-gray-700,.legacy .text-gray-600{color:var(--ink)!important}
.legacy .text-white,.legacy [class*="bg-white/"],.legacy [class*="bg-indigo-500/"],.legacy [class*="bg-purple-500/"]{color:var(--on-palm)!important}
.legacy [class*="bg-indigo-500/"],.legacy [class*="bg-purple-500/"]{background-color:rgba(0,0,0,.15)!important}
.legacy [class*="bg-red-500"].text-white,.legacy [class*="bg-red-600"].text-white{color:#fff!important}
.legacy [class~="bg-red-100"],.legacy [class~="bg-red-50"]{background-color:var(--pom-soft)!important;color:var(--pom-text)!important}

/* البطاقات البيضاء داخل خلفية داكنة ترجع لألوانها الطبيعية */
.legacy [class*="from-indigo"]:not([class~="from-indigo-50"]):not([class~="from-indigo-100"]) .bg-white,.legacy [class*="from-purple"]:not([class~="from-purple-50"]):not([class~="from-purple-100"]) .bg-white,.legacy [class*="from-blue"]:not([class~="from-blue-50"]):not([class~="from-blue-100"]) .bg-white,.legacy [class*="from-gray-9"] .bg-white,.legacy [class*="from-slate-9"] .bg-white,.legacy [class*="bg-indigo-9"] .bg-white,.legacy [class*="bg-purple-9"] .bg-white{color:var(--ink)!important}
.legacy [class*="from-indigo"]:not([class~="from-indigo-50"]):not([class~="from-indigo-100"]) .bg-white [class*="text-"]:not(input):not(select):not(textarea):not([class*="bg-"]),.legacy [class*="from-purple"]:not([class~="from-purple-50"]):not([class~="from-purple-100"]) .bg-white [class*="text-"]:not(input):not(select):not(textarea):not([class*="bg-"]),.legacy [class*="from-blue"]:not([class~="from-blue-50"]):not([class~="from-blue-100"]) .bg-white [class*="text-"]:not(input):not(select):not(textarea):not([class*="bg-"]),.legacy [class*="from-gray-9"] .bg-white [class*="text-"]:not(input):not(select):not(textarea):not([class*="bg-"]),.legacy [class*="from-slate-9"] .bg-white [class*="text-"]:not(input):not(select):not(textarea):not([class*="bg-"]),.legacy [class*="bg-indigo-9"] .bg-white [class*="text-"]:not(input):not(select):not(textarea):not([class*="bg-"]),.legacy [class*="bg-purple-9"] .bg-white [class*="text-"]:not(input):not(select):not(textarea):not([class*="bg-"]){color:var(--ink)!important}
.legacy [class*="from-indigo"]:not([class~="from-indigo-50"]):not([class~="from-indigo-100"]) .bg-white [class*="text-indigo"]:not(input):not(select):not(textarea):not([class*="bg-"]),.legacy [class*="from-indigo"]:not([class~="from-indigo-50"]):not([class~="from-indigo-100"]) .bg-white [class*="text-purple"]:not(input):not(select):not(textarea):not([class*="bg-"]),.legacy [class*="from-indigo"]:not([class~="from-indigo-50"]):not([class~="from-indigo-100"]) .bg-white [class*="text-blue"]:not(input):not(select):not(textarea):not([class*="bg-"]),.legacy [class*="from-indigo"]:not([class~="from-indigo-50"]):not([class~="from-indigo-100"]) .bg-white [class*="text-green"]:not(input):not(select):not(textarea):not([class*="bg-"]),.legacy [class*="from-purple"]:not([class~="from-purple-50"]):not([class~="from-purple-100"]) .bg-white [class*="text-indigo"]:not(input):not(select):not(textarea):not([class*="bg-"]),.legacy [class*="from-purple"]:not([class~="from-purple-50"]):not([class~="from-purple-100"]) .bg-white [class*="text-purple"]:not(input):not(select):not(textarea):not([class*="bg-"]),.legacy [class*="from-purple"]:not([class~="from-purple-50"]):not([class~="from-purple-100"]) .bg-white [class*="text-blue"]:not(input):not(select):not(textarea):not([class*="bg-"]),.legacy [class*="from-purple"]:not([class~="from-purple-50"]):not([class~="from-purple-100"]) .bg-white [class*="text-green"]:not(input):not(select):not(textarea):not([class*="bg-"]),.legacy [class*="from-blue"]:not([class~="from-blue-50"]):not([class~="from-blue-100"]) .bg-white [class*="text-indigo"]:not(input):not(select):not(textarea):not([class*="bg-"]),.legacy [class*="from-blue"]:not([class~="from-blue-50"]):not([class~="from-blue-100"]) .bg-white [class*="text-purple"]:not(input):not(select):not(textarea):not([class*="bg-"]),.legacy [class*="from-blue"]:not([class~="from-blue-50"]):not([class~="from-blue-100"]) .bg-white [class*="text-blue"]:not(input):not(select):not(textarea):not([class*="bg-"]),.legacy [class*="from-blue"]:not([class~="from-blue-50"]):not([class~="from-blue-100"]) .bg-white [class*="text-green"]:not(input):not(select):not(textarea):not([class*="bg-"]),.legacy [class*="from-gray-9"] .bg-white [class*="text-indigo"]:not(input):not(select):not(textarea):not([class*="bg-"]),.legacy [class*="from-gray-9"] .bg-white [class*="text-purple"]:not(input):not(select):not(textarea):not([class*="bg-"]),.legacy [class*="from-gray-9"] .bg-white [class*="text-blue"]:not(input):not(select):not(textarea):not([class*="bg-"]),.legacy [class*="from-gray-9"] .bg-white [class*="text-green"]:not(input):not(select):not(textarea):not([class*="bg-"]),.legacy [class*="from-slate-9"] .bg-white [class*="text-indigo"]:not(input):not(select):not(textarea):not([class*="bg-"]),.legacy [class*="from-slate-9"] .bg-white [class*="text-purple"]:not(input):not(select):not(textarea):not([class*="bg-"]),.legacy [class*="from-slate-9"] .bg-white [class*="text-blue"]:not(input):not(select):not(textarea):not([class*="bg-"]),.legacy [class*="from-slate-9"] .bg-white [class*="text-green"]:not(input):not(select):not(textarea):not([class*="bg-"]),.legacy [class*="bg-indigo-9"] .bg-white [class*="text-indigo"]:not(input):not(select):not(textarea):not([class*="bg-"]),.legacy [class*="bg-indigo-9"] .bg-white [class*="text-purple"]:not(input):not(select):not(textarea):not([class*="bg-"]),.legacy [class*="bg-indigo-9"] .bg-white [class*="text-blue"]:not(input):not(select):not(textarea):not([class*="bg-"]),.legacy [class*="bg-indigo-9"] .bg-white [class*="text-green"]:not(input):not(select):not(textarea):not([class*="bg-"]),.legacy [class*="bg-purple-9"] .bg-white [class*="text-indigo"]:not(input):not(select):not(textarea):not([class*="bg-"]),.legacy [class*="bg-purple-9"] .bg-white [class*="text-purple"]:not(input):not(select):not(textarea):not([class*="bg-"]),.legacy [class*="bg-purple-9"] .bg-white [class*="text-blue"]:not(input):not(select):not(textarea):not([class*="bg-"]),.legacy [class*="bg-purple-9"] .bg-white [class*="text-green"]:not(input):not(select):not(textarea):not([class*="bg-"]){color:var(--palm)!important}
.legacy [class*="from-indigo"]:not([class~="from-indigo-50"]):not([class~="from-indigo-100"]) .bg-white .text-gray-400:not(input):not(select):not(textarea):not([class*="bg-"]),.legacy [class*="from-indigo"]:not([class~="from-indigo-50"]):not([class~="from-indigo-100"]) .bg-white .text-gray-500:not(input):not(select):not(textarea):not([class*="bg-"]),.legacy [class*="from-purple"]:not([class~="from-purple-50"]):not([class~="from-purple-100"]) .bg-white .text-gray-400:not(input):not(select):not(textarea):not([class*="bg-"]),.legacy [class*="from-purple"]:not([class~="from-purple-50"]):not([class~="from-purple-100"]) .bg-white .text-gray-500:not(input):not(select):not(textarea):not([class*="bg-"]),.legacy [class*="from-blue"]:not([class~="from-blue-50"]):not([class~="from-blue-100"]) .bg-white .text-gray-400:not(input):not(select):not(textarea):not([class*="bg-"]),.legacy [class*="from-blue"]:not([class~="from-blue-50"]):not([class~="from-blue-100"]) .bg-white .text-gray-500:not(input):not(select):not(textarea):not([class*="bg-"]),.legacy [class*="from-gray-9"] .bg-white .text-gray-400:not(input):not(select):not(textarea):not([class*="bg-"]),.legacy [class*="from-gray-9"] .bg-white .text-gray-500:not(input):not(select):not(textarea):not([class*="bg-"]),.legacy [class*="from-slate-9"] .bg-white .text-gray-400:not(input):not(select):not(textarea):not([class*="bg-"]),.legacy [class*="from-slate-9"] .bg-white .text-gray-500:not(input):not(select):not(textarea):not([class*="bg-"]),.legacy [class*="bg-indigo-9"] .bg-white .text-gray-400:not(input):not(select):not(textarea):not([class*="bg-"]),.legacy [class*="bg-indigo-9"] .bg-white .text-gray-500:not(input):not(select):not(textarea):not([class*="bg-"]),.legacy [class*="bg-purple-9"] .bg-white .text-gray-400:not(input):not(select):not(textarea):not([class*="bg-"]),.legacy [class*="bg-purple-9"] .bg-white .text-gray-500:not(input):not(select):not(textarea):not([class*="bg-"]){color:var(--muted)!important}