:root{--cream:#faf8ef;--ink:#294e43;--muted:#77877b;--green:#4a8b72;--green-dark:#357059;--gold:#d7a75d;--line:#e5e9dc;color:var(--ink);background:var(--cream);font-synthesis:none;font-family:Nunito,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,select{font:inherit}button{cursor:pointer;color:inherit;background:0 0;border:0}a{color:inherit;text-decoration:none}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button:disabled{cursor:default;opacity:.55}:focus-visible{outline-offset:5px;outline:3px solid #d9aa61}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:"Baloo 2",cursive;font-weight:700}h2{letter-spacing:-.5px;font-size:34px;line-height:1.25}h3{font-size:24px;line-height:1.2}p{line-height:1.8}.icon{vertical-align:middle;flex-shrink:0;width:22px;height:22px}.site-header{background:var(--cream);z-index:5;position:relative}.header-inner{justify-content:space-between;align-items:center;gap:24px;max-width:1240px;height:100px;margin:auto;padding:0 30px;display:flex}.brand{align-items:center;gap:12px;font-family:"Baloo 2";font-size:25px;font-weight:800;line-height:1;display:flex}.brand small{letter-spacing:3.5px;color:#8b9b83;margin-top:7px;font-family:Nunito;font-size:10px;font-weight:800;display:block}.brand-mark{background:#e5edde;border-radius:16px;place-items:center;width:48px;height:48px;display:grid;position:relative}.brand-mark>.icon{width:28px;height:28px;color:var(--green)}.brand-mark .brand-star{fill:#e3ba70;color:#e3ba70;width:18px;height:18px;position:absolute;top:-7px;right:-4px}.header-inner nav{align-items:center;gap:35px;font-size:14px;font-weight:800;display:flex}.header-inner nav a{color:#7b8675;align-items:center;min-height:44px;display:grid;position:relative}.header-inner nav a.active{color:var(--green-dark)}.header-inner nav a.active:after{content:"";background:var(--green);border-radius:50%;width:5px;height:5px;position:absolute;bottom:0;left:calc(50% - 2px)}.profile-nav{background:#edf0e5;border:1px solid #e2e7d8;border-radius:30px;align-items:center;gap:9px;min-height:46px;padding:12px 18px;font-size:13px;font-weight:800;display:flex}.profile-nav .avatar{width:29px;height:29px}.profile-nav .icon{color:#759575;width:19px;height:19px}.chevron{margin-left:8px}.home-page,.page{max-width:1240px;margin:auto;padding:0 30px}.hero-section{grid-template-columns:.87fr 1.3fr;align-items:center;min-height:586px;padding:28px 0 40px;display:grid;position:relative}.hero-copy{z-index:2;padding:20px 0 20px 10px;position:relative}.eyebrow{letter-spacing:1.7px;color:#7c9679;align-items:center;gap:7px;font-size:10px;font-weight:900;line-height:1.8;display:flex}.hero-copy .eyebrow{letter-spacing:1.25px;margin-bottom:18px;font-size:10px}.hero-copy .eyebrow .icon{color:#cfaa63;fill:#f0d59c;width:16px;height:16px}.hero-copy h1{letter-spacing:-2.7px;font-size:clamp(66px,6.5vw,86px);font-weight:700;line-height:.99;position:relative}.hero-copy h1>span{color:#cf9d59}.title-spark{width:28px;height:28px;margin-left:12px;position:absolute;bottom:48px}.hero-copy p{color:#7b8879;margin:25px 0 26px;font-size:15px;font-weight:600;line-height:1.9}.button{letter-spacing:.45px;border-radius:13px;justify-content:center;align-items:center;gap:11px;min-height:50px;padding:13px 25px;font-size:13px;font-weight:900;transition:transform .2s,background .2s,box-shadow .2s;display:inline-flex}.button.primary{color:#fffef2;background:var(--green);box-shadow:0 4px #37725c,0 9px 15px #42735710}.button.primary:hover{background:#3e7e66;transform:translateY(-2px);box-shadow:0 6px #37725c,0 11px 15px #42735710}.button:active{transform:translateY(2px)}.button.secondary{color:#4e785e;background:#edf0e2;border:1px solid #dce3d1;box-shadow:0 3px #dce3d1}.button.secondary:hover{background:#e3e9d8;transform:translateY(-2px)}.button.danger{color:#fff;background:#b77862;box-shadow:0 3px #99624f}.start-adventure{letter-spacing:1.1px;border-radius:14px;min-height:58px;padding:16px 27px}.start-adventure .icon{width:20px;margin-left:18px}.hero-note{color:#98a086;align-items:center;gap:8px;margin-top:18px;font-size:11px;font-weight:700;display:flex}.hero-note .icon{color:#b5ba9c;width:14px;height:14px}.hero-art{align-self:stretch;align-items:center;margin-left:-18px;margin-right:-18px;display:flex;position:relative}.hero-art img{object-fit:contain;border-radius:45% 45% 30px 30px;width:100%;height:100%}.floating-badge{white-space:nowrap;background:#fffdf0;border:1px solid #e3e9d6;border-radius:12px;align-items:center;gap:8px;padding:11px 16px;font-size:11px;font-weight:800;display:flex;position:absolute;box-shadow:0 6px 20px #627e6520}.badge-star{top:17%;right:5%;transform:rotate(5deg)}.badge-star .icon{color:#d8ad5c;fill:#f9e3a9;width:18px;height:18px}.badge-book{bottom:3%;left:10%;transform:rotate(-4deg)}.badge-book .icon{color:#8ea98b;width:18px;height:18px}.adventure-ribbon{color:#668167;background:#edf0e1;border:1px solid #e5e9d8;border-radius:16px;justify-content:center;align-items:center;gap:34px;min-height:65px;margin:0 10px;display:flex}.adventure-ribbon>span{align-items:center;gap:9px;font-size:12px;font-weight:800;display:flex}.adventure-ribbon .icon{color:#9dad88;width:20px;height:20px}.adventure-ribbon i{background:#c3cdaf;border-radius:50%;width:4px;height:4px}.start-section{padding:66px 10px 0}.section-heading{justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:27px;display:flex}.section-heading .eyebrow{margin-bottom:9px}.section-heading>p{color:#8b9380;margin-bottom:7px;font-size:12px;font-weight:600}.journey-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:23px;display:grid}.journey-card{text-align:center;border:1px solid #dce8d9;border-radius:21px;min-height:312px;padding:21px 24px 26px;transition:transform .25s,box-shadow .25s;position:relative;overflow:hidden}.journey-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #2e584111}.mint{background:#eaf1e7;border-color:#dce7d6}.peach{background:#f6eddb;border-color:#eee3cb}.lavender{background:#efebf3;border-color:#e5dfea}.step-number{color:#93a17f;background:#fff9;border-radius:50%;place-items:center;width:29px;height:29px;font-size:10px;font-weight:900;display:grid;position:absolute;top:19px;left:20px}.mini-art{width:172px;height:149px;margin:0 auto 6px;display:block}.journey-card h3{margin:0 0 10px;font-size:26px}.journey-card p{color:#85907d;font-size:11px;font-weight:600;line-height:1.8}.card-link{color:#5c8067;justify-content:center;align-items:center;gap:12px;margin-top:20px;font-size:11px;font-weight:900;display:inline-flex}.card-link .icon{width:15px;height:15px}.world-section{padding:63px 10px 0}.text-link{color:var(--green);align-items:center;gap:10px;padding-bottom:9px;font-size:12px;font-weight:800;display:flex}.text-link .icon{width:17px}.world-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;display:grid}.world-card{text-align:left;border:1px solid #dfe6d4;border-radius:18px;align-items:center;gap:22px;min-height:145px;padding:27px;transition:transform .2s;display:flex}.world-card:hover{transform:translateY(-4px)}.world-green{background:#f0f3e6}.world-gold{background:#f7f1e2;border-color:#ece1c8}.world-icon{background:#dce9cf;border-radius:24px 24px 17px 17px;flex-shrink:0;place-items:center;width:59px;height:66px;display:grid}.world-gold .world-icon{color:#b6a063;background:#eee1ba}.world-icon .icon{width:27px;height:27px}.world-card small{letter-spacing:1.3px;color:#8da17a;font-size:9px;font-weight:900}.world-card h3{margin:5px 0 4px;font-size:23px}.world-card p{color:#92977e;font-size:11px}.world-card>.icon{color:#8a9f78;width:18px;height:18px;margin-left:auto}.open-note{color:#8c997e;text-align:center;margin:22px 0;font-size:11px;font-weight:700}.open-note .icon{width:14px;height:14px;margin-right:6px}.open-note>span{color:#b09869;margin-left:12px;display:inline-block}.family-banner{background:#f2f3e7;border:1px dashed #cdd8c0;border-radius:20px;align-items:center;gap:25px;margin:54px 10px 62px;padding:31px;display:flex}.family-banner h3{font-size:23px}.family-banner p{color:#8a947b;margin-top:6px;font-size:11px}.family-banner .button{white-space:nowrap;background:#faf8ef;margin-left:auto;font-size:11px}.family-avatars{padding-left:5px;display:flex}.family-avatars .avatar{border:3px solid var(--cream);border-radius:19px;width:54px;height:54px;margin-left:-7px;transform:rotate(-6deg)}.family-avatars .avatar:nth-child(2){transform:rotate(6deg)}.family-avatars.big .avatar{border-radius:28px;width:78px;height:78px;margin-left:-10px}.site-footer{border-top:1px solid var(--line);color:#a1a48d;justify-content:space-between;align-items:center;gap:20px;max-width:1180px;margin:0 auto;padding:25px 0 30px;font-size:10px;font-weight:700;display:flex}.footer-brand{color:#83967c;align-items:center;gap:8px;font-size:11px;font-weight:800;display:flex}.footer-brand .icon{width:18px;height:18px}.footer-love{align-items:center;gap:7px;display:flex}.footer-love .icon{color:#ceab9c;width:12px;height:12px}.page{min-height:calc(100vh - 210px);padding-bottom:65px}.page-top{justify-content:space-between;align-items:center;padding:19px 0 25px;display:flex}.text-button{color:#648267;justify-content:center;align-items:center;gap:9px;min-height:44px;padding:10px 6px;font-size:12px;font-weight:800;display:inline-flex}.text-button:hover{color:#315f47}.text-button .icon{width:17px;height:17px}.sync-status{color:#92a07d;align-items:center;gap:7px;font-size:10px;font-weight:800;display:flex}.sync-status .icon{width:18px;height:18px}.page-heading{text-align:center}.page-heading .eyebrow{justify-content:center}.page-heading h1{letter-spacing:-1px;margin-top:9px;font-size:clamp(33px,4vw,46px)}.heading-description{text-align:center;color:#8a947d;margin:6px 0 31px;font-size:13px}.family-login{background:#f1f3e7;border:1px solid #e2e7d7;border-radius:26px;grid-template-columns:1fr 1fr;max-width:970px;margin:46px auto 25px;display:grid;overflow:hidden}.family-intro{background:#edf1e2;padding:45px}.family-intro h2{margin:29px 0 14px;font-size:39px}.family-intro p{color:#879378;font-size:13px}.family-intro ul{margin:22px 0 24px;padding:0;list-style:none}.family-intro li{color:#6d8664;align-items:center;gap:10px;margin-bottom:13px;font-size:12px;font-weight:700;display:flex}.family-intro li .icon{width:16px;height:16px}.auth-card{background:#fffdf5;padding:35px}.password-reset-card{border:1px solid var(--line);border-radius:22px;max-width:500px;margin:35px auto}.bismillah-reading-note{text-align:center;color:var(--muted);padding:25px;font-size:12px}.bismillah-block.selected-ayah{background:#edf4df;border-color:#a5c39a}.auth-tabs{background:#f0f1e7;border-radius:10px;margin-bottom:29px;padding:4px;display:flex}.auth-tabs button{border-radius:7px;flex:1;padding:11px;font-size:10px;font-weight:800}.auth-tabs button.active{background:#fffdf6;box-shadow:0 2px 7px #3f633811}.auth-card h3{margin-bottom:9px}.auth-card p{color:#849078;font-size:11px}label{color:#6d8369;font-size:11px;font-weight:800;display:block}input:not([type=radio]),select{width:100%;min-height:48px;color:var(--ink);background:#fafaf2;border:1px solid #dbe3cf;border-radius:9px;margin:7px 0 20px;padding:12px 14px;font-size:13px;display:block}input::placeholder{color:#a1aa94;font-size:11px}.auth-card label:first-of-type{margin-top:24px}.auth-card .button{width:100%;margin-bottom:10px;font-size:11px}.auth-card .text-button{font-size:11px}#auth-message,#player-error{color:#aa775b;margin:12px 0;font-size:12px}.fine-print{color:#96a086;font-size:10px;line-height:1.8}.family-toolbar{color:#879a77;justify-content:space-between;align-items:center;gap:20px;margin:30px 0;font-size:12px;display:flex}.family-toolbar>span{align-items:center;gap:8px;display:flex}.profile-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:23px;display:grid}.player-card{background:#f0f3e6;border:1px solid #e0e6d4;border-radius:24px;flex-direction:column;align-items:center;gap:15px;padding:35px 15px;transition:transform .2s;display:flex}.player-card:hover{transform:translateY(-5px)}.player-card:nth-child(3n+2){background:#f7eddf;border-color:#ece0ca}.player-card:nth-child(3n+3){background:#eeeaf3;border-color:#e1dbea}.player-card.current{outline-offset:2px;outline:3px solid #86ae85}.player-card .avatar{width:98px;height:98px}.player-card h3{font-size:31px}.player-card>span{color:#8b987e;font-size:11px}.player-card b{color:#709067;letter-spacing:1px;font-size:10px}.player-card.add-player{background:0 0;border-style:dashed}.add-avatar{background:#edf0e2;border-radius:35px;place-items:center;width:98px;height:98px;display:grid}.add-avatar .icon{color:#95ae84;width:36px;height:36px}.empty-note{text-align:center;color:#879477;padding:35px;font-size:13px}.dashboard{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:27px 0 29px;display:grid}.stat{background:#eef2e4;border:1px solid #e1e7d5;border-radius:17px;align-items:center;gap:15px;padding:22px 19px;display:flex}.stat:nth-child(2){background:#ecebf2;border-color:#e2dfea}.stat:nth-child(3){background:#f7edda;border-color:#ede1c6}.stat:nth-child(4){background:#e9eff1;border-color:#dce5e7}.stat>.icon{color:#9caf80;width:29px;height:29px}.stat:nth-child(2)>.icon{color:#afa0c1}.stat:nth-child(3)>.icon{color:#cfb36f}.stat:nth-child(4)>.icon{color:#8caeb6}.stat>span{letter-spacing:.6px;color:#8b987d;font-size:9px;font-weight:900}.stat strong{color:var(--ink);margin-top:6px;font-family:"Baloo 2";font-size:31px;font-weight:700;line-height:1.3;display:block}.stat strong small{color:#a0aa90;font-size:16px;font-weight:500}.guest-note{text-align:center;color:#9a8e65;background:#f1f0df;border-radius:12px;padding:12px;font-size:11px}.guest-note button{min-height:35px;color:var(--green);font-weight:800}.map-scene{background:#e7eed8;border:1px solid #dce7d0;border-radius:22px;height:205px;margin-bottom:32px;position:relative;overflow:hidden}.map-scene>img{object-fit:cover;width:55%;height:360px;position:absolute;top:-75px;right:-25px}.map-scene>div{z-index:1;padding:47px 36px;position:relative}.map-scene h2{margin-top:9px;font-size:30px}.map-scene p{color:#8a9a75;margin-top:8px;font-size:12px}.scene-sticker{color:#91a06f;background:#fffce8;border-radius:10px;align-items:center;gap:7px;padding:9px 12px;font-size:10px;font-weight:800;display:flex;position:absolute;bottom:18px;right:26px;transform:rotate(-3deg)}.scene-sticker .icon{fill:#f3d793;color:#d6af65;width:17px;height:17px}.map-toolbar{justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px;display:flex}.map-tabs{gap:12px;display:flex}.map-tabs>button{text-align:left;color:#8e9a80;background:#f5f5e9;border:1px solid #e2e7d6;border-radius:14px;align-items:center;gap:14px;padding:15px 20px;display:flex}.map-tabs>button.selected{background:var(--green);color:#fffef1;border-color:var(--green)}.map-tabs>button .icon{width:23px;height:23px}.map-tabs>button>span{letter-spacing:.5px;font-size:11px;font-weight:900}.map-tabs>button small{opacity:.75;letter-spacing:0;margin-top:5px;font-size:10px;font-weight:600;display:block}.reset-button{color:#aa8c6f;font-size:10px}.surah-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:19px;display:grid}.surah-card{text-align:left;border:1px solid #e1e6d6;border-top:4px solid var(--card-accent);background:#fffdf5;border-radius:19px;flex-direction:column;min-height:209px;padding:19px;transition:transform .2s,box-shadow .2s;display:flex;position:relative}.surah-card:hover{transform:translateY(-5px);box-shadow:0 9px 18px #3e5c4510}.surah-card-top{align-items:center;gap:9px;margin-bottom:13px;display:flex}.surah-number{text-align:center;background:color-mix(in srgb, var(--card-accent) 17%, transparent);min-width:34px;color:var(--card-accent);border-radius:11px;padding:7px;font-size:12px;font-weight:900}.surah-count{color:#9da38b;font-size:9px;font-weight:800}.surah-symbol{color:var(--card-accent);width:20px;height:20px;margin-left:auto}.surah-card h3{color:#42654c;font-size:23px}.surah-arabic{color:#9eaa88;text-align:left;font-family:Amiri Quran,serif;font-size:23px;line-height:2.2;display:block}.surah-card-bottom{justify-content:space-between;align-items:center;gap:5px;margin-top:auto;padding-top:11px;display:flex}.stars{align-items:center;gap:3px;display:inline-flex}.stars .icon{stroke-width:1.5px;width:17px;height:17px}.stars .filled{color:#d9b46c;fill:#eccc81}.stars .empty{color:#dfe3d4;fill:#f2f2e7}.status{letter-spacing:.4px;color:#94a080;background:#f0f3e5;border-radius:6px;padding:5px 7px;font-size:7px;font-weight:900}.status.memorized{color:#5a8b69;background:#e0edda}.reading-mini{background:#edf0e4;border-radius:5px;height:3px;position:absolute;bottom:0;left:17px;right:17px}.reading-mini>span{background:var(--card-accent);border-radius:5px;height:3px;display:block}.bonus-section{background:#f7f0dd;border:1px dashed #d7cba9;border-radius:23px;grid-template-columns:1fr 340px;align-items:center;gap:35px;margin-top:35px;padding:30px 34px;display:grid}.bonus-section h2{margin-top:8px;font-size:29px}.bonus-section p{color:#a29574;margin-top:10px;font-size:12px}.bonus-card{min-height:192px}.surah-intro{text-align:center;margin:0 0 50px}.large-arabic{text-align:center;color:#779374;font-size:45px}.surah-intro p{color:#9ba28a;margin:0 0 15px;font-size:12px}.surah-intro .stars .icon{width:25px;height:25px}.surah-intro>.status{width:fit-content;margin:10px auto;font-size:9px;display:block}.centered{text-align:center;justify-content:center}.centered p{color:#93a084;margin-top:8px;font-size:12px}.surah-actions .journey-card{min-height:340px;padding-top:28px}.surah-actions h3{font-size:22px}.memorization-note{background:#f0f3e4;border:1px dashed #ccd9be;border-radius:18px;align-items:center;gap:20px;margin-top:35px;padding:25px;display:flex}.memorization-note>.icon{color:#95b383;width:30px;height:30px}.memorization-note h3{font-size:23px}.memorization-note p{color:#899a76;font-size:11px}.memorization-note .button{white-space:nowrap;margin-left:auto;font-size:11px}.reader-page{max-width:1000px}.reader-toolbar{justify-content:space-between;align-items:center;gap:20px;margin:25px 0 15px;display:flex}.language-select{align-items:center;gap:12px;font-size:11px;display:flex}.language-select select{width:155px;min-height:40px;margin:0;padding:8px;font-size:11px}.listening-state{color:#98a688;font-size:10px}.bismillah-block{text-align:center;background:#f0f3e4;border:1px solid #e1e7d7;border-radius:21px;margin-bottom:24px;padding:27px 30px}.bismillah-block .eyebrow{letter-spacing:2px;justify-content:center;font-size:8px}.quran-text{word-spacing:3px;font-family:Amiri Quran,serif;font-size:38px;font-weight:400;line-height:2.35}.bismillah-block .quran-text{color:#6e8d69;margin-top:8px;font-size:34px}.bismillah-block .fine-print{max-width:600px;margin:8px auto 0}.ayah-card{cursor:pointer;background:#fffdf6;border:2px solid #e4e8dc;border-radius:20px;margin-bottom:22px;padding:23px 30px;transition:border-color .2s,background .2s}.ayah-card.selected-ayah{background:#f5f8eb;border-color:#a5c39a;box-shadow:0 5px 17px #74946e0a}.ayah-card-header{color:#9caa8a;letter-spacing:1px;align-items:center;gap:10px;font-size:9px;font-weight:900;display:flex}.ayah-marker{color:#7f9c74;letter-spacing:0;background:#e7eddc;border-radius:12px;place-items:center;width:37px;height:37px;font-size:13px;display:grid}.audio-button{margin-left:auto}.round-button{width:44px;height:44px;color:var(--green);background:#e7eedc;border-radius:50%;place-items:center;display:grid}.ayah-card>.quran-text{text-align:right;margin:13px 0 15px}.transliteration{color:#8e9c7d;border-top:1px solid #e4e9d9;margin-top:5px;padding-top:14px;font-size:13px;font-style:italic}.ayah-meaning{color:#788771;margin-top:10px;font-size:14px;line-height:1.9}.read-nav{justify-content:space-between;align-items:center;gap:20px;margin-top:20px;display:flex}#ayah-counter{color:#91a080;white-space:nowrap;font-size:10px;font-weight:800}.read-nav .button{font-size:10px}.full-switch{margin:20px auto 0;display:flex}.source-note{color:#a5ac95;text-align:center;margin-top:35px;font-size:9px;line-height:1.9}.audio-controls{z-index:3;background:#f0f3e7;border-radius:17px;grid-template-columns:repeat(3,1fr);gap:12px;margin:15px 0 25px;padding:16px;display:grid;position:sticky;top:8px;box-shadow:0 5px 14px #294e430c}.audio-controls .button{font-size:11px}.audio-controls .text-button{padding:8px 0;font-size:9px}.audio-controls>#ayah-counter{text-align:center;align-self:center}.audio-controls [aria-pressed=true]{background:#d5e6c8;border-color:#a8c598}.game-page,.result-page{max-width:940px}.game-container{text-align:center;background:#fffdf5;border:1px solid #dfe6d4;border-radius:25px;max-width:800px;margin:26px auto 0;padding:32px}.game-topline{color:#9ca686;letter-spacing:.5px;justify-content:space-between;font-size:10px;font-weight:900;display:flex}.question-progress{gap:8px;margin:17px 0 29px;display:flex}.question-progress span{background:#e9eddc;border-radius:10px;flex:1;height:7px}.question-progress span.complete{background:#8db98a}.question-type{color:#9cac84;background:#eff2e4;border-radius:25px;align-items:center;gap:7px;padding:8px 13px;font-size:10px;font-weight:800;display:inline-flex}.question-type .icon{width:15px;height:15px}.game-container>h2{max-width:630px;margin:21px auto 25px;font-size:29px}.question-excerpt{color:#53744f;background:#f5f5e9;border:1px solid #e6e7d8;border-radius:15px;margin:0 0 25px;padding:8px 24px;font-size:32px}.answer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.answer{text-align:left;background:#f9faef;border:2px solid #e3e8d8;border-radius:15px;justify-content:flex-start;align-items:center;gap:12px;min-height:76px;padding:16px;font-size:14px;font-weight:700;transition:background .2s,border-color .2s;display:flex}.answer:hover{background:#eef4e4;border-color:#b8cba6}.answer-letter{color:#96a77c;background:#e7ecd9;border-radius:9px;flex-shrink:0;place-items:center;width:26px;height:26px;font-size:10px;display:grid}.answer .quran-text{text-align:right;width:100%;font-size:25px;line-height:2.2}.answer.correct-answer{opacity:1;background:#e7f1da;border-color:#a6c394}.answer.gentle-retry{background:#fcf2d9;border-color:#e0c89c}.game-feedback{color:#a0906b;visibility:hidden;min-height:30px;padding:15px 0 8px;font-size:14px;font-weight:800}.game-feedback.visible{visibility:visible}.game-feedback.correct{color:#659254}.next-question{margin:10px auto;display:none}.next-question.visible{display:inline-flex}.game-encouragement{color:#a4ac94;margin-top:15px;font-size:10px}.order-answer{color:#8ea074;background:#f1f3e6;border-radius:10px;min-height:45px;margin-bottom:15px;padding:12px;font-size:12px}.game-inline-controls{justify-content:center;align-items:center;gap:15px;margin-top:22px;display:flex}.memory-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;display:grid}.memory-card{color:#99b389;background:#eaf0de;border:2px solid #dae6cf;border-radius:17px;place-items:center;min-height:165px;padding:20px;font-size:12px;line-height:1.8;display:grid}.memory-card .icon{color:#aec195;fill:#d6dfbc;width:40px;height:40px}.memory-card.revealed{background:#f9faef}.memory-card.matched{background:#e4f0d9;border-color:#aac897}.memory-card .quran-text{font-size:25px}.memory-grid+.fine-print{margin-top:18px}.listen-question{margin:-5px 0 25px}.result-card{text-align:center;background:#f3f5e6;border:1px solid #dce5ce;border-radius:28px;max-width:670px;margin:28px auto 0;padding:38px 30px;position:relative}.result-trophy{background:#f2e3b5;border-radius:32px;place-items:center;width:90px;height:90px;margin:0 auto 18px;display:grid;transform:rotate(-6deg)}.result-trophy .icon{color:#c5a459;stroke-width:1.4px;width:50px;height:50px}.result-card .eyebrow{justify-content:center}.result-card h2{margin:10px 0;font-size:35px}.result-card>p{color:#93a07e;font-size:12px}.score-label{color:#9cab80;letter-spacing:2px;margin-top:22px;font-size:10px;font-weight:900;display:block}.result-score{font-family:"Baloo 2";font-size:78px;line-height:1.25}.result-score small{color:#a9b38f;font-size:30px}.result-percent{color:#95a66f;background:#e5ecd3;border-radius:25px;margin-bottom:18px;padding:5px 16px;font-size:12px;font-weight:900;display:inline-block}.result-card .stars{justify-content:center;gap:7px;margin-bottom:20px;display:flex}.result-card .stars .icon{width:32px;height:32px}.result-save{min-height:30px;font-size:11px!important}.result-save .icon{width:16px;height:16px;margin-right:5px}.result-actions{justify-content:center;gap:16px;margin-top:25px;display:flex}.progress-heading{justify-content:space-between;align-items:center;gap:20px;margin:34px 0 24px;display:flex}.progress-heading h2{font-size:28px}.empty-panel{text-align:center;background:#f1f3e7;border:1px dashed #d4ddc7;border-radius:20px;padding:35px}.empty-panel>p{color:#8b9878;margin:10px 0 20px;font-size:12px}.score-history{margin-top:40px}.score-history h2{margin-bottom:20px;font-size:29px}.history-table{border:1px solid #e0e6d5;border-radius:18px;overflow:hidden}.history-row{background:#fffdf6;border-bottom:1px solid #e9ecdf;grid-template-columns:1.4fr 1fr .7fr;gap:15px;padding:17px 22px;font-size:12px;display:grid}.history-row:last-child{border:0}.history-header{color:#99a681;background:#eef2e4;font-size:9px;font-weight:900}.history-row>span:last-child{text-align:right;color:#a1ab90}dialog{width:calc(100% - 40px);max-width:520px;color:var(--ink);background:#fffdf4;border:1px solid #e1e6d6;border-radius:24px;padding:32px;box-shadow:0 20px 80px #243f4026}dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#31514470}dialog h2{margin:15px 0;font-size:29px}dialog p{color:#92a080;margin-bottom:17px;font-size:13px}dialog .fine-print{font-size:11px}.modal-icon{color:#99b17f;background:#edf0df;border-radius:20px;place-items:center;width:55px;height:55px;display:grid}.modal-icon .icon{width:27px;height:27px}.modal-actions{justify-content:flex-end;gap:13px;margin-top:20px;display:flex}.modal-actions .button{padding:12px 16px;font-size:10px}.avatar-options{justify-content:space-between;gap:7px;margin-bottom:25px;display:flex}.avatar-options label{cursor:pointer;position:relative}.avatar-options input{opacity:0;position:absolute}.avatar-options .avatar{border-radius:22px;width:58px;height:58px}.avatar-options input:checked+.avatar{outline-offset:3px;outline:3px solid #99b78a}.avatar-options input:focus-visible+.avatar{outline-offset:4px;outline:3px solid #d9aa61}.toast{opacity:0;visibility:hidden;z-index:20;color:#5a7758;pointer-events:none;background:#fffdf0;border:1px solid #dbe4cc;border-radius:15px;width:max-content;max-width:90%;padding:16px 23px;font-size:12px;font-weight:700;transition:transform .2s,opacity .2s;position:fixed;bottom:25px;left:50%;transform:translate(-50%,12px);box-shadow:0 7px 28px #38544025}.toast.visible{opacity:1;visibility:visible;transform:translate(-50%)}@keyframes arrive{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.hero-copy{animation:.6s both arrive}.hero-art{animation:.8s .1s both arrive}.journey-card:nth-child(2){animation-delay:.1s}.journey-card:nth-child(3){animation-delay:.2s}@media (width>=1450px){.hero-section{min-height:660px}.hero-copy h1{font-size:94px}}@media (width<=1050px){.header-inner nav{gap:22px}.hero-section{grid-template-columns:1fr 1.15fr;min-height:540px}.hero-copy h1{font-size:70px}.hero-copy .eyebrow{letter-spacing:.8px;font-size:8px}.hero-copy p{font-size:13px}.adventure-ribbon{gap:19px}.adventure-ribbon>span{font-size:10px}.journey-card{padding-left:17px;padding-right:17px}.section-heading>p{max-width:260px}.surah-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.stat{gap:10px;padding:18px 14px}.stat>.icon{width:23px;height:23px}.stat>span{font-size:8px}.stat strong{font-size:26px}.site-footer{margin:0 30px}.map-scene h2{font-size:27px}}@media (width<=780px){.header-inner{flex-wrap:wrap;gap:15px;height:85px;padding:0 22px}.brand{font-size:22px}.brand-mark{width:42px;height:42px}.profile-nav{padding:10px 13px;font-size:11px}.header-inner nav{background:#f1f2e6;border-radius:13px;order:3;justify-content:center;gap:44px;width:100%;padding:0 10px;font-size:11px}.header-inner nav a.active:after{bottom:4px}.site-header{padding:0 0 46px}.home-page,.page{padding-left:22px;padding-right:22px}.hero-section{grid-template-columns:1fr 1fr;min-height:530px;padding:35px 0}.hero-copy{padding-left:0}.hero-copy h1{font-size:60px}.hero-copy .eyebrow{max-width:250px;font-size:8px}.hero-copy p{font-size:11px}.start-adventure{padding:15px 20px;font-size:11px}.start-adventure .icon{margin-left:0}.hero-note{gap:4px;font-size:9px}.hero-art{margin-left:-25px;margin-right:-15px}.hero-art img{object-fit:cover;object-position:58% 50%;height:500px}.floating-badge{padding:9px 12px;font-size:8px}.badge-star{top:15%;right:5%}.badge-book{bottom:7%;left:5%}.adventure-ribbon{flex-wrap:wrap;justify-content:space-evenly;gap:14px 30px;margin:0;padding:17px}.adventure-ribbon i{display:none}.adventure-ribbon>span{width:40%}.start-section,.world-section{padding-top:48px;padding-left:0;padding-right:0}h2{font-size:30px}.section-heading{align-items:flex-start}.section-heading>p{max-width:175px;font-size:10px}.journey-cards{gap:13px}.journey-card{min-height:295px;padding:15px 11px 22px}.mini-art{width:142px;max-width:100%;height:125px}.journey-card h3{font-size:21px}.journey-card p{font-size:10px}.journey-card p br{display:none}.step-number{width:24px;height:24px;font-size:8px;top:10px;left:10px}.world-card{gap:12px;padding:22px 15px}.world-icon{border-radius:18px;width:45px;height:58px}.world-card h3{font-size:20px}.world-card small{font-size:8px}.world-card>.icon{display:none}.world-card p{font-size:9px}.world-grid{gap:15px}.text-link{max-width:155px;font-size:10px}.family-banner{flex-wrap:wrap;gap:17px;margin-left:0;margin-right:0;padding:24px}.family-banner .button{margin-left:auto}.family-avatars .avatar{width:44px;height:44px}.family-login{grid-template-columns:1fr 1fr}.family-intro{padding:30px 24px}.family-intro h2{font-size:33px}.family-intro li{font-size:10px}.auth-card{padding:27px 22px}.auth-card h3{font-size:23px}.dashboard{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.stat{padding:20px}.map-scene>img{width:58%;right:-30px}.map-scene>div{max-width:57%;padding:42px 25px}.map-scene h2{font-size:25px;line-height:1.1}.map-scene p{font-size:10px}.map-tabs>button{gap:8px;padding:13px}.map-tabs>button>span{font-size:9px}.map-tabs>button small{font-size:8px}.surah-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.surah-card{padding:15px}.surah-card h3{font-size:21px}.surah-card-bottom{flex-direction:column;align-items:flex-start;gap:10px}.surah-card-top{flex-wrap:wrap}.surah-count{font-size:8px}.surah-symbol{display:none}.bonus-section{grid-template-columns:1fr 240px;gap:25px;padding:25px}.bonus-section h2{font-size:25px}.surah-actions h3{font-size:19px}.surah-actions .journey-card{min-height:320px}.memorization-note{flex-wrap:wrap}.memorization-note>div{max-width:80%}.memorization-note .button{margin-left:50px}}@media (width<=580px){.header-inner{height:80px;padding:0 18px}.brand{gap:8px;font-size:22px}.brand-mark{border-radius:12px;width:37px;height:37px}.brand-mark>.icon{width:24px}.brand small{letter-spacing:2.8px;margin-top:5px;font-size:8px}.profile-nav{gap:7px;padding:10px;font-size:10px}.profile-nav .chevron{display:none}.profile-nav .icon{width:16px}.header-inner nav{gap:28px;font-size:10px}.home-page,.page{padding-left:18px;padding-right:18px}.hero-section{flex-direction:column;padding:30px 0 22px;display:flex}.hero-copy{align-self:flex-start;width:100%;padding:8px 10px 0}.hero-copy .eyebrow{max-width:none;margin-bottom:14px;font-size:8px}.hero-copy h1{letter-spacing:-2px;font-size:66px;line-height:.98}.hero-copy h1 br:nth-child(2){display:none}.hero-copy h1>span{display:block}.title-spark{width:24px;height:24px;bottom:30px;left:255px}.hero-copy p{margin:18px 0 23px;font-size:12px}.start-adventure{min-height:54px;padding:14px 25px;font-size:11px}.hero-note{margin-top:16px;font-size:9px}.hero-art{align-self:center;width:calc(100% + 20px);height:310px;margin:6px -10px 0}.hero-art img{object-fit:contain;border-radius:45% 45% 16px 16px;width:100%;height:310px}.badge-star{font-size:8px;top:13%;right:1%}.badge-book{font-size:8px;bottom:0;left:6%}.adventure-ribbon{gap:13px 6px;padding:17px 13px}.adventure-ribbon>span{gap:7px;width:46%;font-size:9px}.adventure-ribbon .icon{width:17px;height:17px}.start-section{padding-top:37px}.section-heading{margin-bottom:20px;display:block}h2{font-size:28px}.section-heading>p{max-width:none;margin-top:7px;font-size:10px}.eyebrow{letter-spacing:1.2px;font-size:8px}.journey-cards{grid-template-columns:1fr;gap:16px}.journey-card{text-align:left;align-items:center;min-height:170px;padding:22px 17px 22px 10px;display:flex}.journey-card .mini-art{flex-shrink:0;width:38%;height:124px;margin:0 12px 0 0}.journey-card h3{margin-bottom:8px;font-size:25px}.journey-card p{font-size:10px}.step-number{width:21px;height:21px;top:8px;left:8px}.card-link{margin-top:15px;font-size:10px}.world-section{padding-top:39px}.text-link{max-width:none;margin-top:12px}.world-grid{grid-template-columns:1fr}.world-card{gap:18px;min-height:134px;padding:23px}.world-card h3{font-size:22px}.world-card p{font-size:10px}.world-card>.icon{width:15px;display:block}.open-note{font-size:9px;line-height:1.9}.open-note>span{margin:5px 0 0;display:block}.family-banner{gap:15px;margin-top:32px;margin-bottom:35px;padding:22px}.family-banner h3{font-size:22px}.family-banner p{font-size:10px}.family-banner .button{margin:4px 0 0;font-size:10px}.site-footer{flex-wrap:wrap;justify-content:center;gap:13px 25px;margin:0 18px;padding:25px 0;font-size:9px}.footer-brand{justify-content:center;width:100%}.page{padding-bottom:40px}.page-top{gap:10px;padding:13px 0 22px}.page-top .text-button{font-size:10px}.sync-status{font-size:8px}.sync-status .icon{width:14px}.page-heading h1{font-size:34px;line-height:1.15}.heading-description{margin-top:12px;margin-bottom:25px;font-size:11px}.family-login{grid-template-columns:1fr;margin-top:28px}.family-intro{padding:28px}.family-intro h2{margin-top:20px;font-size:34px}.family-intro p{font-size:12px}.family-intro li{font-size:11px}.family-intro ul{margin-bottom:10px}.auth-card{padding:28px}.profile-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.player-card{gap:12px;padding:25px 12px}.player-card .avatar,.add-avatar{width:80px;height:80px}.player-card h3{font-size:26px}.player-card>span{font-size:9px}.player-card b{font-size:8px}.family-toolbar{font-size:10px}.family-toolbar>span{max-width:220px}.dashboard{gap:10px;margin-top:22px}.stat{gap:11px;padding:16px 12px}.stat strong{font-size:26px}.stat strong small{font-size:13px}.stat>span{letter-spacing:.2px;font-size:7px}.stat>.icon{width:23px;height:23px}.guest-note{padding:10px;font-size:10px}.map-scene{height:205px}.map-scene>img{opacity:.75;width:65%;height:230px;top:-30px;right:-22px}.map-scene>div{max-width:64%;padding:34px 18px}.map-scene h2{font-size:25px}.map-scene .eyebrow{font-size:7px}.map-scene p{font-size:10px}.scene-sticker{font-size:8px;bottom:12px;right:14px}.map-toolbar{flex-wrap:wrap;gap:8px;margin-bottom:18px}.map-tabs{gap:9px;width:100%}.map-tabs>button{border-radius:12px;flex:1;gap:7px;padding:13px 9px}.map-tabs>button>.icon{width:18px;height:18px}.map-tabs>button>span{letter-spacing:0;font-size:8px}.map-tabs>button small{font-size:7px}.reset-button{margin-left:auto}.surah-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.surah-card{border-radius:16px;min-height:214px;padding:14px}.surah-card h3{font-size:21px}.surah-card-top{gap:7px}.surah-number{border-radius:9px;min-width:29px;padding:6px;font-size:11px}.surah-count{font-size:7px}.surah-arabic{font-size:22px}.bonus-section{grid-template-columns:1fr;gap:20px;padding:24px}.bonus-card{min-height:200px}.bonus-card .surah-card-bottom{flex-direction:row;align-items:center}.bonus-card .surah-symbol{display:block}.surah-intro{margin-bottom:35px}.large-arabic{font-size:39px}.surah-actions .journey-card{text-align:center;min-height:280px;padding:22px;display:block}.surah-actions .mini-art{width:150px;height:125px;margin:0 auto 5px}.surah-actions h3{font-size:25px}.surah-actions p{font-size:11px}.memorization-note{gap:15px;padding:23px}.memorization-note>.icon{width:25px;height:25px}.memorization-note>div{max-width:calc(100% - 40px)}.memorization-note h3{font-size:21px}.memorization-note p{font-size:10px}.memorization-note .button{margin-left:40px;font-size:9px}.reader-toolbar{flex-wrap:wrap;gap:15px}.listening-state{text-align:center;width:100%}.language-select{gap:7px;font-size:10px}.language-select select{width:126px;font-size:10px}.bismillah-block{padding:23px 13px}.bismillah-block .eyebrow{letter-spacing:1px;font-size:6px}.bismillah-block .quran-text{word-spacing:1px;font-size:29px;line-height:2.5}.ayah-card{padding:19px}.ayah-card>.quran-text{margin-top:8px;font-size:33px;line-height:2.5}.ayah-meaning{font-size:12px}.transliteration{font-size:11px}.read-nav{flex-wrap:wrap;gap:8px}.read-nav .button{flex:1;gap:6px;padding:12px;font-size:9px}.read-nav .button .icon{width:16px}.read-nav>span{text-align:center;order:3;width:100%;padding-top:10px}.audio-controls{gap:8px;padding:12px}.audio-controls .button{gap:4px;min-height:48px;padding:10px 6px;font-size:8px}.audio-controls .button .icon{width:16px;height:16px}.audio-controls .text-button{gap:3px;font-size:7px}.audio-controls .text-button .icon{width:12px;height:12px}.audio-controls #ayah-counter{font-size:8px}.game-container{padding:24px 16px}.game-topline{gap:10px;font-size:8px}.game-container>h2{font-size:25px}.answer-grid{grid-template-columns:1fr;gap:10px}.answer{min-height:68px;padding:15px;font-size:12px}.answer .quran-text{font-size:27px}.question-excerpt{padding:10px 16px;font-size:30px}.game-feedback{font-size:12px}.game-inline-controls{gap:10px}.game-inline-controls .button{padding:10px;font-size:9px}.memory-card{min-height:180px;padding:13px;font-size:10px}.memory-card .quran-text{font-size:23px}.result-card{padding:30px 20px}.result-card h2{font-size:30px}.result-actions{flex-direction:column;gap:15px}.result-card>p{font-size:11px}.progress-heading h2{font-size:24px}.progress-heading .text-button{font-size:8px}.empty-panel{padding:30px 18px}.empty-panel h2{font-size:27px}.history-row{gap:9px;padding:16px 13px;font-size:10px}.history-header{font-size:8px}dialog{padding:25px}dialog h2{font-size:26px}.avatar-options .avatar{border-radius:15px;width:42px;height:42px}.avatar-options{gap:6px}.modal-actions .button{padding:12px;font-size:9px}.toast{padding:14px 17px;font-size:11px;bottom:16px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}