._page_13pin_1{--deep:#073f35;--green:#0b6b57;--gold:#d2a447;--cream:#f8f1e5;color:#173b32;background:radial-gradient(circle at 12% 18%,#fff8,#0000 22%),linear-gradient(#e8f6f1 0,#f8f1e5 74%);min-height:100vh}
._header_13pin_1{grid-template-columns:90px 1fr 90px;align-items:center;max-width:920px;height:72px;margin:auto;padding:0 20px;display:grid}
._header_13pin_1>a{color:var(--green);font-weight:850}
._header_13pin_1>div{text-align:center}
._header_13pin_1 strong,._header_13pin_1 small{display:block}
._header_13pin_1 strong{font-size:20px}
._header_13pin_1 small{color:#6c8079;margin-top:3px;font-size:11px}
._header_13pin_1>button{background:#fff;border:1px solid #bed7ce;border-radius:50%;justify-self:end;width:42px;height:42px;font-size:18px}
._game_13pin_1{background:#fffdf9;border:1px solid #d8e1da;border-radius:30px;max-width:760px;margin:0 auto 40px;padding:24px 28px 30px;box-shadow:0 24px 65px #174c3e1b}
._topline_13pin_1{justify-content:space-between;font-size:13px;font-weight:850;display:flex}
._topline_13pin_1 span{color:#74837d}
._topline_13pin_1 strong{color:#a76e11}
._progress_13pin_1{background:#e8ece9;border-radius:99px;height:8px;margin:12px 0 24px;overflow:hidden}
._progress_13pin_1 i{border-radius:inherit;background:linear-gradient(90deg,#c79535,#e9c66f);height:100%;transition:width .4s;display:block}
._prompt_13pin_1{text-align:center}
._prompt_13pin_1>span{color:#9d741f;letter-spacing:.08em;font-size:12px;font-weight:850}
._prompt_13pin_1 h1{margin:10px 0 14px;font:800 29px/1.35 Songti SC,serif}
._prompt_13pin_1 button{color:var(--green);background:#edf5f1;border:0;border-radius:999px;padding:9px 15px;font-weight:800}
._answer_13pin_1{direction:rtl;justify-content:center;gap:10px;min-height:72px;margin:22px auto 18px;display:flex}
._answer_13pin_1 button{min-width:108px;height:62px;color:var(--deep);background:#f7faf8;border:2px dashed #c9d7d1;border-radius:17px;padding:0 19px;font:700 28px/1 Geeza Pro,Noto Naskh Arabic,serif;transition:all .25s}
._answer_13pin_1 button span{color:#a6b3ae;font:700 13px sans-serif}
._answer_13pin_1 ._filled_13pin_1{background:#e8f4ef;border-style:solid;border-color:#74a997}
._success_13pin_1 button{background:#fff3cf;border-color:#ca9b3d}
._shake_13pin_1{animation:.35s _shake_13pin_1}
._sky_13pin_1{background:linear-gradient(#d8f1f5,#edf8f2);border-radius:25px;flex-wrap:wrap;place-content:center;align-items:center;gap:25px 24px;min-height:300px;padding:28px 18px 10px;display:flex;position:relative;overflow:hidden}
._cloudOne_13pin_1,._cloudTwo_13pin_1{filter:blur(1px);background:#fff8;border-radius:99px;width:90px;height:25px;position:absolute}
._cloudOne_13pin_1{top:27px;left:8%}
._cloudTwo_13pin_1{width:120px;bottom:35px;right:5%}
._balloon_13pin_1{--balloon:#1d7864;z-index:2;width:112px;height:132px;animation:3.2s ease-in-out infinite _float_13pin_1;animation-delay:var(--delay);cursor:pointer;background:0 0;border:0;position:relative}
._balloon_13pin_1>span{background:linear-gradient(145deg,#fff4,transparent 34%),var(--balloon);color:#fff;border:2px solid #ffffff80;border-radius:52% 48% 49% 51%/44% 46% 54% 56%;place-items:center;width:108px;height:108px;padding:0 9px;font:700 27px/1.2 Geeza Pro,Noto Naskh Arabic,serif;display:grid;box-shadow:inset -9px -10px 18px #0002,0 12px 20px #174a3c24}
._balloon_13pin_1>span:after{content:"";border-left:7px solid #0000;border-right:7px solid #0000;border-bottom:10px solid var(--balloon);position:absolute;top:104px}
._balloon_13pin_1>i{background:#8b9b95;width:1px;height:21px;position:absolute;top:116px;left:55px;transform:rotate(7deg)}
._balloon_13pin_1[style*="--tone: 1"]{--balloon:#c58f2d}
._balloon_13pin_1[style*="--tone: 2"]{--balloon:#a85847}
._balloon_13pin_1[style*="--tone: 3"]{--balloon:#5776a6}
._balloon_13pin_1[style*="--tone: 4"]{--balloon:#775b8e}
._popped_13pin_1{opacity:0;pointer-events:none;transition:all .22s;transform:scale(.15)}
._feedback_13pin_1{opacity:0;max-height:0;transition:all .4s;overflow:hidden}
._feedbackOpen_13pin_1{opacity:1;background:#fff8df;border:1px solid #e2c77d;border-radius:19px;justify-content:space-between;align-items:center;gap:18px;max-height:240px;margin-top:18px;padding:18px;display:flex}
._feedback_13pin_1 b{color:#876017}
._feedback_13pin_1 p{color:var(--deep);margin:6px 0 3px;font:700 28px/1.4 Geeza Pro,Noto Naskh Arabic,serif}
._feedback_13pin_1 small{color:#746b57}
._feedback_13pin_1 button{background:var(--green);color:#fff;border:0;border-radius:13px;flex:none;padding:13px 19px;font-weight:850}
._wrongMessage_13pin_1{text-align:center;color:#a44f3d;font-weight:800}
._footer_13pin_1{text-align:center;color:#7a8882;padding:10px 20px 35px;font-size:12px}
@keyframes _float_13pin_1{0%,to{transform:translateY(0)rotate(-1deg)}
50%{transform:translateY(-12px)rotate(1deg)}
}
._header_13pin_1{position:sticky!important;top:0!important;z-index:45!important;background:#e8f6f1f2!important;backdrop-filter:blur(12px)}
._topline_13pin_1{position:sticky!important;top:72px!important;z-index:40!important;margin:-8px -8px 0!important;padding:14px 8px 8px!important;background:#fffdf9f7!important;backdrop-filter:blur(10px)}
._progress_13pin_1{position:sticky!important;top:113px!important;z-index:39!important;margin:0 -8px 24px!important;padding:0 8px!important;background:#fffdf9f7!important;box-sizing:content-box!important}
@media (width<=900px){._topline_13pin_1{top:68px!important}._progress_13pin_1{top:115px!important}}
._balloon_13pin_1{width:150px!important;height:112px!important}
._balloon_13pin_1>span{width:146px!important;height:88px!important;padding:0 12px!important;border-radius:26px!important;white-space:nowrap!important;overflow-wrap:normal!important;font-size:25px!important}
._balloon_13pin_1>span:after{top:84px!important}
._balloon_13pin_1>i{top:96px!important;left:74px!important;height:18px!important}
@keyframes _shake_13pin_1{20%,60%{transform:translate(-8px)}
40%,80%{transform:translate(8px)}
}
@media (width<=900px){._header_13pin_1{grid-template-columns:62px 1fr 62px;height:68px;padding:0 14px}
._header_13pin_1 strong{font-size:20px!important}
._header_13pin_1 small{font-size:12px!important}
._game_13pin_1{border-radius:23px;margin:0 10px 24px;padding:20px 14px 24px}
._prompt_13pin_1 h1{font-size:30px!important}
._prompt_13pin_1 button{font-size:16px!important;padding:11px 18px}
._answer_13pin_1{gap:7px;min-height:60px}
._answer_13pin_1 button{min-width:83px;height:55px;padding:0 10px;font-size:25px}
._sky_13pin_1{gap:20px 8px;min-height:350px;padding:27px 7px}
._balloon_13pin_1{width:98px;height:124px}
._balloon_13pin_1>span{width:96px;height:102px;font-size:29px}
._balloon_13pin_1>span:after{top:94px}
._balloon_13pin_1>i{top:106px;left:47px}
._feedbackOpen_13pin_1{text-align:center;display:block}
._feedback_13pin_1 button{width:100%;margin-top:13px}
._feedback_13pin_1 p{font-size:25px}
}
@media (prefers-reduced-motion:reduce){._balloon_13pin_1{animation:none}
._progress_13pin_1 i,._feedback_13pin_1,._popped_13pin_1{transition:none}
}
._lessonNav_13pin_4{grid-template-columns:auto 1fr auto;align-items:center;gap:10px;margin:0 0 22px;display:grid}
._lessonNav_13pin_4>button{height:42px;color:var(--green);background:#fff;border:1px solid #cddbd5;border-radius:12px;padding:0 14px;font-weight:800}
._lessonNav_13pin_4>button:disabled{opacity:.35}
._lessonNav_13pin_4 label{position:relative}
._lessonNav_13pin_4 label span{z-index:1;color:#89958f;font-size:9px;font-weight:800;position:absolute;top:5px;left:12px}
._lessonNav_13pin_4 select{width:100%;height:44px;color:var(--deep);background:#f8fbf9;border:1px solid #cddbd5;border-radius:12px;padding:15px 34px 3px 12px;font-weight:800}
._answer_13pin_1{flex-wrap:wrap}
._answer_13pin_1 button{min-width:78px;padding:0 11px;font-size:24px}
._balloon_13pin_1>span{overflow-wrap:anywhere;font-size:22px}
._locked_13pin_5{text-align:center;background:linear-gradient(145deg,#fff9e7,#edf8f3);border:1px solid #e1c878;border-radius:24px;margin:32px auto 18px;padding:34px 28px}
._locked_13pin_5>span{color:#9d741f;letter-spacing:.08em;font-size:12px;font-weight:900}
._locked_13pin_5 h1{color:var(--deep);margin:10px 0;font-size:27px}
._locked_13pin_5 p{color:#62756e;max-width:520px;margin:0 auto 20px;line-height:1.7}
._locked_13pin_5 .purchase-actions{justify-content:center}
@media (width<=900px){._topline_13pin_1{font-size:18px!important}
._topline_13pin_1 strong{font-size:18px!important}
._lessonNav_13pin_4{grid-template-columns:62px 1fr 62px;gap:6px}
._lessonNav_13pin_4>button{height:50px;padding:0 5px;font-size:17px!important}
._lessonNav_13pin_4 label span{font-size:13px!important}
._lessonNav_13pin_4 select{height:52px;padding-top:19px;font-size:17px!important}
._prompt_13pin_1>span{font-size:17px!important;line-height:1.55}
._answer_13pin_1 button{min-width:70px;padding:0 8px;font-size:27px}
._balloon_13pin_1>span{font-size:29px}
._footer_13pin_1{font-size:14px}
}