@import url('https://fonts.googleapis.com/css2?family=Noto+Kufi+Arabic:wght@500;700;800&family=Noto+Naskh+Arabic:wght@600;700&display=swap');
*{box-sizing:border-box}body{margin:0;font-family:'Noto Kufi Arabic',Tahoma,sans-serif;color:#17324d;background:#dff5ff;min-height:100vh;overflow-x:hidden}.world{min-height:100vh;position:relative;background:linear-gradient(#8edcff 0 34%,#e9fbff 34% 54%,#9fda76 54% 100%);overflow:hidden}.sun{position:fixed;top:50px;left:8%;width:130px;height:130px;border-radius:50%;background:#ffd94a;box-shadow:0 0 30px #fff4a8,0 0 90px #ffd84a;animation:pulse 4s infinite}.rays{position:fixed;inset:0;background:radial-gradient(circle at 14% 12%,rgba(255,255,255,.7),transparent 28%);pointer-events:none}.kaaba{position:fixed;right:5%;bottom:8%;font-size:105px;filter:drop-shadow(0 10px 8px #4568)}.quran{position:fixed;left:4%;bottom:9%;font-size:82px}.workers{position:fixed;right:25%;bottom:9%;font-size:68px;letter-spacing:15px}.cloud{position:fixed;top:20%;right:10%;font-size:65px;opacity:.75}.shell{position:relative;z-index:2;max-width:1120px;margin:auto;padding:18px}.top{display:flex;gap:12px;align-items:center;justify-content:space-between;background:#ffffffdc;border:2px solid #fff;border-radius:22px;padding:10px 16px;box-shadow:0 8px 25px #426b8930}.title{font-weight:800;font-size:clamp(18px,3vw,29px)}.score{background:#fff4b8;border-radius:20px;padding:8px 15px;font-weight:800}.dots{display:flex;gap:7px;justify-content:center;margin:12px}.dot{width:13px;height:13px;border-radius:50%;background:#ffffffaa;border:1px solid #5c9}.dot.on{background:#ffca28;transform:scale(1.25)}.card{background:#fffffff0;border-radius:28px;padding:clamp(18px,4vw,38px);box-shadow:0 18px 50px #315a7433;border:2px solid #fff;min-height:620px}.hero{text-align:center}.hero h1{font-family:'Noto Naskh Arabic';font-size:48px;color:#116b8c;margin:8px}.hero p,.explain{font-family:'Noto Naskh Arabic';font-size:25px;line-height:2;max-width:900px;margin:16px auto}.gold{color:#b97800;font-weight:800}.mapimg{display:block;max-width:100%;max-height:510px;margin:10px auto;border-radius:18px;box-shadow:0 8px 25px #4564}.maptext{font-family:'Noto Naskh Arabic';font-size:22px;line-height:1.9;background:#f4fbff;border-right:6px solid #24a5cf;padding:16px;border-radius:14px}.nav{display:flex;justify-content:space-between;gap:12px;margin-top:18px}.btn{border:0;border-radius:18px;padding:12px 22px;font-family:inherit;font-weight:800;font-size:17px;cursor:pointer;background:#167ea2;color:white;box-shadow:0 6px 0 #0d5974}.btn:active{transform:translateY(3px);box-shadow:0 3px 0 #0d5974}.btn.alt{background:#f3aa24;box-shadow:0 6px 0 #ad7413}.btn.ghost{background:#71889a;box-shadow:0 6px 0 #4d6170}.exercise-title{text-align:center;color:#116b8c;font-size:28px;margin:0 0 6px}.instruction{text-align:center;font-size:19px;background:#fff7d6;padding:10px;border-radius:14px;margin-bottom:16px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.choice,.word,.verse,.drop{background:white;border:2px solid #9fd4e7;border-radius:16px;padding:13px;text-align:center;font-family:'Noto Naskh Arabic';font-size:21px;cursor:pointer;transition:.2s}.choice:hover,.word:hover,.verse:hover{transform:translateY(-2px)}.choice.good{background:#d9f7df;border-color:#32a852}.choice.bad{background:#ffd9d9;border-color:#d33;animation:shake .25s}.selected{outline:4px solid #ffca28}.drop{min-height:58px;border-style:dashed;background:#f7fcff}.pair{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:center;margin:10px 0}.verseRow{display:flex;gap:8px;align-items:center;background:#f5fbff;padding:10px;border-radius:14px;margin:8px 0}.num{width:46px;height:46px;border-radius:50%;background:#ffca28;display:grid;place-items:center;font-weight:800;cursor:grab}.bank{display:flex;flex-wrap:wrap;gap:9px;justify-content:center;margin:15px}.blank{display:inline-block;min-width:115px;border-bottom:3px dashed #1681a5;padding:2px 10px;color:#167ea2}.custom-board{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:15px}.station{background:#f8fdff;border:3px solid #bee7f5;border-radius:22px;padding:18px;text-align:center;min-height:230px}.station .icon{font-size:58px}.mission{background:white;border:2px solid #e7c45d;border-radius:14px;padding:10px;margin:8px;cursor:pointer}.mission.done{background:#d9f7df}.toast{position:fixed;top:90px;left:50%;transform:translateX(-50%);z-index:9;background:#17324d;color:white;padding:12px 24px;border-radius:20px;opacity:0;pointer-events:none;transition:.25s}.toast.show{opacity:1}.final{text-align:center;padding-top:55px}.final .stars{font-size:58px}.restart{margin-top:20px}@keyframes pulse{50%{transform:scale(1.08);box-shadow:0 0 50px #fff4a8,0 0 120px #ffd84a}}@keyframes shake{25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}@media(max-width:700px){.workers{display:none}.kaaba{font-size:70px}.quran{font-size:55px}.card{min-height:560px}.custom-board{grid-template-columns:1fr}.hero p,.explain{font-size:20px}.pair{grid-template-columns:1fr}.maptext{font-size:19px}}

/* اتجاه أزرار التنقل: التالي أقصى اليسار، السابق أقصى اليمين */
.nav{direction:ltr!important}
.nav .btn{direction:rtl}
.nav > .btn:first-child{margin-left:0}
.nav > .btn:last-child{margin-right:0}

/* شمس الضحى التفاعلية */
.sun-station{display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:visible}
.duha-sun{position:relative;width:190px;height:190px;margin:0 auto 10px;display:grid;place-items:center;transition:.35s;filter:drop-shadow(0 0 10px #ffc92866)}
.sun-core{position:relative;z-index:3;font-size:82px;display:grid;place-items:center;width:116px;height:116px;border-radius:50%;background:radial-gradient(circle,#fff6a2 0 25%,#ffd33f 52%,#f5ad19 100%);box-shadow:0 0 22px #ffe277,0 0 46px #ffc52d88;transition:.4s}
.duha-sun .ray{position:absolute;left:50%;top:50%;width:10px;height:77px;border-radius:10px;background:linear-gradient(#fff7a7,#ffc62e);transform-origin:50% 100%;opacity:.08;filter:drop-shadow(0 0 6px #ffd64c);transition:opacity .35s,height .4s,filter .4s}
.duha-sun .r1{transform:translate(-50%,-100%) rotate(0deg)}
.duha-sun .r2{transform:translate(-50%,-100%) rotate(90deg)}
.duha-sun .r3{transform:translate(-50%,-100%) rotate(180deg)}
.duha-sun .r4{transform:translate(-50%,-100%) rotate(270deg)}
.duha-sun.ray-1 .r1,.duha-sun.ray-2 .r1,.duha-sun.ray-2 .r2,.duha-sun.ray-3 .r1,.duha-sun.ray-3 .r2,.duha-sun.ray-3 .r3,.duha-sun.ray-4 .ray{opacity:1;height:95px;filter:drop-shadow(0 0 13px #ffdf55)}
.duha-sun.ray-1 .sun-core{transform:scale(1.04);box-shadow:0 0 30px #ffe477,0 0 58px #ffc52dcc}
.duha-sun.ray-2 .sun-core{transform:scale(1.08);box-shadow:0 0 36px #ffe477,0 0 72px #ffc52ddd}
.duha-sun.ray-3 .sun-core{transform:scale(1.12);box-shadow:0 0 42px #ffe477,0 0 88px #ffc52dee}
.duha-sun.ray-4 .sun-core{transform:scale(1.17);box-shadow:0 0 50px #fff09a,0 0 110px #ffd13aff;animation:sunCelebrate 1.1s ease-in-out infinite alternate}
@keyframes sunCelebrate{to{filter:brightness(1.18);transform:scale(1.22)}}
.mission{transition:.22s}
.mission.bad{box-shadow:0 0 0 3px #e24545,0 0 18px #e2454566}