@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700;800;900&display=swap');:root{--ink:#40375d;--pink:#ff8bbd;--purple:#9873dc;--blue:#6cbfe7;--mint:#77d9c0;--gold:#f4bd4f}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Cairo,Tahoma,sans-serif;color:var(--ink);background:radial-gradient(circle at 10% 12%,#ffe2ef 0,transparent 27%),radial-gradient(circle at 85% 18%,#d8efff 0,transparent 29%),linear-gradient(145deg,#fff8fc,#eee7ff 55%,#e8fbf5);overflow-x:hidden}header{padding:22px 15px 15px;text-align:center;position:relative}.logo{font-size:clamp(22px,4vw,34px);font-weight:900;color:#754bbd;text-shadow:0 3px 0 #fff}header small{color:#a268b8;font-weight:800}main{width:min(1060px,94vw);margin:16px auto 45px;min-height:65vh}footer{text-align:center;padding:18px;color:#876a9f;font-size:12px}.back{position:absolute;right:15px;top:17px;border:0;background:white;border-radius:24px;padding:8px 16px;color:#7654b5;font-weight:800;box-shadow:0 4px 13px #aa87cf35;cursor:pointer}.hero{text-align:center;background:#ffffffb8;border:3px solid white;border-radius:34px;padding:28px 18px;box-shadow:0 12px 35px #9279ba23;margin-bottom:24px;position:relative}.hero h1{font-size:clamp(21px,4vw,32px);margin:6px auto;color:#7752bc}.hero p{margin:7px auto;color:#7b7091;line-height:1.9}.girl{font-size:64px;display:block;filter:drop-shadow(0 7px 2px #b6a0cc44);animation:float 3.5s ease-in-out infinite}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:18px}.tile{border:3px solid #fff;border-radius:30px;padding:23px 17px;text-align:center;box-shadow:0 9px 0 #c9b4e5,0 17px 24px #9882b633;cursor:pointer;transition:transform .23s,box-shadow .23s;background:linear-gradient(150deg,#ffe2f0,#fff9fd);color:var(--ink);font-family:inherit;min-height:175px}.tile:nth-child(4n+2){background:linear-gradient(145deg,#d9f3ff,#f9fdff)}.tile:nth-child(4n+3){background:linear-gradient(145deg,#e8ddff,#fffaff)}.tile:nth-child(4n+4){background:linear-gradient(145deg,#d9fff2,#fafffd)}.tile:hover,.tile:focus-visible{transform:translateY(-5px);box-shadow:0 14px 0 #c9b4e5,0 24px 25px #9882b633}.tile .emoji{font-size:45px;display:block;margin-bottom:9px}.tile strong{display:block;font-size:17px;line-height:1.8}.tile small{display:block;color:#7f6d99;font-size:12px;margin-top:8px}.tile .long{font-size:14px}.pill{display:inline-block;background:#fff;border-radius:100px;padding:5px 14px;font-weight:800;color:#8453b6;margin:10px auto 0}.note{background:#fff9e9;border:2px dashed #f2ce76;border-radius:20px;padding:18px;text-align:center;line-height:2;color:#806c50}.card{background:#fff;border:3px solid #fff;border-radius:32px;box-shadow:0 12px 35px #a995c62e;padding:clamp(18px,4vw,35px);max-width:740px;margin:0 auto}.card h2{margin:8px 0 18px;color:#6d51ad}.field{display:block;font-weight:800;margin-bottom:7px}input{width:100%;padding:15px;border-radius:17px;border:2px solid #d9c7f4;font-family:inherit;font-size:18px;outline-color:#9773dd}.btn{border:0;background:linear-gradient(130deg,#ff91b8,#c28bdf);color:#fff;border-radius:20px;padding:14px 24px;font:800 17px Cairo,Tahoma,sans-serif;cursor:pointer;box-shadow:0 7px 0 #b16eae;transition:transform .2s;margin:10px 4px}.btn:active{transform:translateY(4px)}.btn.alt{background:linear-gradient(130deg,#6fc7df,#75d6c3);box-shadow:0 7px 0 #64b6b2}.btn:disabled{opacity:.5;cursor:not-allowed}.qhead{display:flex;justify-content:space-between;gap:8px;align-items:center;color:#8760b7;font-weight:800}.progress{height:13px;background:#f0e8ff;border-radius:20px;overflow:hidden;margin:12px 0 24px}.progress>div{height:100%;background:linear-gradient(90deg,#ff9bc4,#a888e9);transition:width .4s}.question{font-size:clamp(19px,3vw,25px);font-weight:800;line-height:2;margin:15px 0 22px}.answers{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}.answer{border:2px solid #eadcf9;background:#f9f5ff;border-radius:20px;padding:15px 10px;font:800 18px Cairo,Tahoma,sans-serif;color:#51406f;cursor:pointer;min-height:68px;transition:.2s}.answer:hover{background:#e9dcff;transform:scale(1.02)}.answer.selected{background:#e4f9f0;border-color:#74c9ac}.answer:disabled{cursor:default}.fraction{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.3;font-weight:900;font-size:54px;color:#7048b4;direction:ltr;min-width:100px}.fraction .num{border-bottom:4px solid #7048b4;width:100%;text-align:center;padding-bottom:6px}.fraction .den{padding-top:5px}.scorebox{display:inline-flex;background:#f3e9ff;border-radius:28px;padding:22px 45px;margin:14px}.result{text-align:center}.stars{font-size:33px;letter-spacing:5px}.decor{position:fixed;pointer-events:none;opacity:.5;font-size:60px;z-index:-1}.d1{left:5%;top:24%;color:#ffc052}.d2{right:4%;top:35%;color:#a4c9ff}.d3{left:8%;bottom:9%;color:#ff9aca}@keyframes float{50%{transform:translateY(-8px)}}@keyframes enter{from{opacity:0;transform:translateY(17px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.enter{animation:enter .45s ease both}.celebrate{animation:float 2s ease-in-out infinite}.certwrap{max-width:900px;margin:20px auto;text-align:center}.cert{background:linear-gradient(140deg,#fff1f9,#fffef6 50%,#e7f8ff);border:10px solid #d6b3ed;border-radius:25px;padding:25px;box-shadow:0 13px 35px #ac83ba44;position:relative;overflow:hidden}.cert:before{content:'✦ ✧ ★ ✧ ✦';display:block;color:#e3ae39;font-size:32px;letter-spacing:8px}.cert h2{color:#9b60b6;font-size:29px}.cert .names{font-size:30px;font-weight:900;color:#7d4cae;margin:12px}.cert .girls{font-size:55px;display:flex;justify-content:space-between}.cert .indname{font-weight:800;color:#5b5b9e;line-height:1.9}.cert .sign{font-weight:800;margin-top:15px;color:#8063a1}.loading{text-align:center;padding:80px 0}@media(max-width:550px){.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.tile{min-height:160px;padding:15px 8px;border-radius:23px}.tile strong{font-size:14px}.tile .long{font-size:12px}.tile .emoji{font-size:32px}.back{position:static;display:block;margin:0 0 7px auto}.cert .girls{font-size:35px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
/* Updated iPad layout and illustrated characters */
.grid{grid-template-columns:repeat(2,minmax(0,1fr));}
.girl-art{display:block;width:min(100%,560px);height:180px;object-fit:cover;object-position:center;margin:0 auto 8px;border-radius:26px;}
.girl-art.small{max-width:380px;height:155px;}
.girl-art.cert-art{max-width:460px;height:150px;}
.back{z-index:5;min-height:42px;touch-action:manipulation;}
@media(max-width:550px){.girl-art{height:125px}.girl-art.small{height:110px}.girl-art.cert-art{height:115px}}
/* مؤشرات التعلم: بطاقة واحدة بعرض السطر كاملًا */
.indicators-grid{grid-template-columns:minmax(0,1fr)!important;max-width:960px;margin-inline:auto}
.indicators-grid .tile{width:100%;min-height:125px;padding:20px 24px}
.indicators-grid .tile strong{font-size:clamp(16px,2.3vw,21px)}
.indicators-grid .tile small{font-size:clamp(13px,1.8vw,16px);line-height:1.9}
@media(max-width:550px){.indicators-grid .tile{padding:18px 12px}}

.photo-overlay{position:fixed;inset:0;z-index:9999;background:rgba(39,24,63,.82);overflow:auto;padding:18px;direction:rtl}.photo-panel{background:#fff;border-radius:22px;padding:16px;max-width:950px;margin:0 auto;text-align:center;color:#674b84}.photo-panel img{display:block;width:100%;height:auto;margin:12px auto;border-radius:12px;-webkit-touch-callout:default;user-select:auto}.photo-close{border:0;border-radius:14px;padding:12px 18px;background:#f4e9ff;color:#64428a;font-size:17px}.photo-download{display:inline-block;margin:12px;text-decoration:none}

/* خيارات الإجابة الأربعة: خياران في كل صف على الآيباد */
.answers{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.answer{width:100%;min-width:0;overflow-wrap:anywhere;min-height:78px;line-height:1.8}
@media(max-width:420px){.answers{gap:9px}.answer{font-size:15px;padding:12px 7px}}

.indicators-grid{grid-template-columns:minmax(0,1fr)!important}.answers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.answer{min-width:0;overflow-wrap:anywhere}@media(max-width:420px){.answers{gap:9px}}

.world-return{display:inline-flex!important;text-decoration:none;align-items:center;justify-content:center;position:relative;z-index:10;margin:0 8px 12px;padding:10px 15px;border-radius:13px;background:#fff;color:#7649a6;font-weight:800;box-shadow:0 3px 12px #9c7cb829}.world-return:hover,.world-return:focus-visible{background:#f6ebff;outline:2px solid #9b74d1}

/* Show return-to-world button only on the main NAFES landing page */
body.nafes-inner .world-return{display:none!important}