@font-face{font-family:Amiri Quran;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/amiri-quran-arabic-400-normal-wRcqfVJx.woff2)format("woff2"),url(/assets/amiri-quran-arabic-400-normal-CZ144KtP.woff)format("woff")}:root{--page:#eef7f3;--ink:#0d2029;--muted:#64727a;--gold:#f6bf50;--gold-soft:#ffe4a3;--coral:#f07a57;--line:#0d202921;--arabic:"Amiri Quran", "Traditional Arabic", "Segoe UI", serif;--sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;color:var(--ink);background:var(--page);font-family:var(--sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.5}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,select,textarea{font:inherit}.app-shell{background:#d8e8f3;min-height:100svh;position:relative;overflow:hidden}.city-world{z-index:0;position:fixed;inset:0}.city-world .city-viewport{height:100svh}.city-world:after{content:"";pointer-events:none;background:linear-gradient(90deg,#061218ad,#0000 30% 68%,#06121847),linear-gradient(#0000 66%,#0612188a);position:absolute;inset:0}.mission-rail{z-index:2;color:#f7fff8;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(#10262ed1,#0a1b22e6),#10262e;border:1px solid #ffffff29;border-radius:8px;flex-direction:column;gap:10px;width:246px;min-width:0;padding:14px;display:flex;position:fixed;top:18px;bottom:auto;left:18px;box-shadow:0 24px 80px #00000052}.brand-lockup,.stage-header,.review-bar,.stat-strip,.practice-actions,.feedback-panel,.story-card,.voice-stage,.quest-board,.town-panel,.reward-panel{align-items:center;display:flex}.brand-lockup{gap:12px}.brand-mark{color:#10262e;background:var(--gold);border-radius:8px;place-items:center;width:42px;height:42px;display:grid;box-shadow:0 16px 34px #0000003d}.eyebrow{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;margin:0 0 4px;font-size:.72rem;font-weight:900}.mission-rail .eyebrow,.mission-rail .mission-meta{color:#f7fff8ad}h1,h2,p{margin:0}h1{color:#fff;font-size:1.18rem;line-height:1.08}h2{color:var(--ink);font-size:clamp(2.1rem,4vw,4rem);line-height:.95}h3{color:#fff;margin:0;font-size:clamp(2rem,4.4vw,4.7rem);line-height:.95}.stat-strip{gap:8px}.stat-strip span{color:#fff;background:#ffffff14;border:1px solid #ffffff29;border-radius:8px;flex:1 1 0;justify-content:center;align-items:center;gap:6px;min-height:32px;font-size:.82rem;font-weight:900;display:inline-flex}.mission-hud-card{background:#ffffff14;border:1px solid #ffffff29;border-radius:8px;gap:10px;padding:12px;display:grid}.surah-jump{background:#ffffff14;border:1px solid #ffffff29;border-radius:8px;gap:7px;padding:10px 12px;display:grid}.surah-jump select{color:#fff;width:100%;min-height:34px;font:inherit;background:#0a1b22db;border:1px solid #ffffff2e;border-radius:7px;padding:0 9px;font-size:.84rem;font-weight:850}.surah-jump span:not(.eyebrow){color:#f7fff8b8;font-family:var(--arabic);font-size:.95rem;line-height:1.2}.mission-hud-card .mission-name{align-items:flex-start}.mission-hud-card .mission-name strong{color:#fff;font-size:1.02rem}.mission-hud-card .mission-name bdi{font-family:var(--arabic);color:#a9ead2;font-size:1.2rem}.mini-progress{background:#ffffff29;border-radius:999px;height:7px;overflow:hidden}.mini-progress span{border-radius:inherit;background:linear-gradient(90deg, #26a87c, var(--gold));height:100%;transition:width .26s;display:block}.mission-hud-meta{color:#f7fff8b8;justify-content:space-between;gap:10px;font-size:.8rem;font-weight:900;display:flex}.story-card{background:#ffffff14;border:1px solid #ffffff29;border-radius:8px;align-items:flex-start;gap:12px;padding:14px}.story-card strong,.town-panel strong,.reward-panel strong{color:var(--ink);margin-bottom:3px;font-size:1rem;display:block}.story-card strong{color:#fff}.story-card p:not(.eyebrow){color:#f7fff8c2;font-size:.84rem}.town-panel p:not(.eyebrow),.reward-panel p:not(.eyebrow){color:var(--muted);font-size:.88rem}.story-icon{color:#10262e;background:var(--coral);border-radius:8px;flex:0 0 36px;place-items:center;width:36px;height:36px;display:grid}.mission-list{gap:10px;display:grid}.mission-card{color:#fff;text-align:left;cursor:pointer;background:#ffffff12;border:1px solid #ffffff1f;border-radius:8px;gap:8px;min-height:94px;padding:13px;transition:transform .16s,border-color .16s,background .16s;display:grid}.mission-card:hover,.mission-card.active{background:#ffffff21;border-color:#f6bf50e6;transform:translateY(-1px)}.mission-name{justify-content:space-between;gap:12px;display:flex}.mission-name strong{font-size:.96rem}.mission-name bdi{font-family:var(--arabic);color:#a9ead2;font-size:1.15rem}.mission-theme{color:#10262e;background:var(--gold-soft);border-radius:999px;width:fit-content;max-width:100%;padding:4px 8px;font-size:.72rem;font-weight:900}.practice-stage{z-index:2;scrollbar-width:thin;grid-template-columns:1fr;grid-template-areas:"voice""verse""steps""footer";gap:10px;width:min(420px,100vw - 320px);min-width:0;max-height:calc(100svh - 36px);padding:0;display:grid;position:fixed;top:18px;right:18px;overflow-y:auto}.stage-header{color:#fff;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0a1b22c7;border:1px solid #ffffff2e;border-radius:8px;grid-area:header;justify-content:space-between;gap:18px;padding:14px 16px;display:none;box-shadow:0 18px 54px #00000042}.stage-header h2{color:#fff}.tilawa-link,.review-bar button,.record-button{min-height:42px;font:inherit;cursor:pointer;border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;font-weight:900;text-decoration:none;display:inline-flex}.tilawa-link{color:#fff;background:#235a8c;flex:none;padding:0 14px}.progress-track{background:#ffffff3d;border-radius:999px;grid-area:track;height:10px;display:none;overflow:hidden}.progress-track span{border-radius:inherit;background:linear-gradient(90deg, #26a87c, var(--gold), var(--coral));height:100%;transition:width .26s;display:block}.voice-stage{color:#fff;text-align:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:radial-gradient(circle at 50% 40%,#f6bf5042,#0000 34%),linear-gradient(145deg,#133c4beb,#0a202bf0 60%,#10262ef5);border-radius:8px;flex-direction:column;grid-area:voice;justify-content:center;align-self:start;gap:12px;min-height:0;padding:18px 16px;position:relative;overflow:hidden;box-shadow:0 24px 70px #0d20292e}.voice-stage:before,.voice-stage:after{content:"";pointer-events:none;border-radius:999px;position:absolute}.voice-stage:before{border:1px solid #ffffff1a;width:300px;height:300px;inset:auto auto -150px -90px}.voice-stage:after{border:1px solid #f6bf5033;width:190px;height:190px;inset:-70px -50px auto auto}.voice-copy,.tilawa-readiness,.voice-button,.recording-meter,.voice-state,.recognized-recitation,.voice-listen,.voice-stage .feedback-panel,.voice-stage .inline-alert{z-index:1;position:relative}.voice-copy{justify-items:center;gap:8px;display:grid}.tilawa-readiness{text-align:left;background:#f6bf5024;border:1px solid #f6bf506b;border-radius:8px;align-items:center;gap:12px;width:min(100%,720px);min-height:62px;padding:12px 16px;display:flex;box-shadow:0 12px 28px #00000029}.tilawa-readiness.ready{background:#246f5457;border-color:#79d7bd9e}.tilawa-readiness.error{background:#671f1c85;border-color:#f07a57b8}.tilawa-status-icon{color:#10262e;background:#fff8dc;border-radius:999px;flex:none;place-items:center;width:38px;height:38px;display:grid}.tilawa-readiness.loading .tilawa-status-icon svg{animation:.96s linear infinite spin}.tilawa-readiness div{gap:3px;min-width:0;display:grid}.tilawa-readiness strong{color:#fff;font-size:.95rem}.tilawa-readiness span:last-child{color:#ffffffc7;font-size:.86rem;font-weight:780}@keyframes spin{to{transform:rotate(360deg)}}.voice-copy .eyebrow{color:#ffffffad}.voice-copy p:not(.eyebrow){color:#ffffffc2;max-width:520px;font-size:1rem}.recitation-heading{color:#fff;font-size:clamp(1.35rem,2vw,2rem);line-height:1.05}.current-ayah-badge{color:#ffffffc2;text-transform:uppercase;background:#f6bf501f;border:1px solid #f6bf5057;border-radius:999px;align-items:center;gap:8px;min-height:36px;padding:0 13px;font-size:.84rem;font-weight:900;display:inline-flex}.current-ayah-badge b{color:#fff8dc;font-size:1.15rem}.quran-text-controls{background:#ffffff14;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:8px;min-height:38px;padding:4px;display:inline-flex}.quran-text-controls button{color:#10262e;cursor:pointer;background:#fff8dc;border:0;border-radius:999px;place-items:center;width:30px;height:30px;display:grid}.quran-text-controls button:disabled{cursor:not-allowed;opacity:.42}.quran-text-controls span{color:#ffffffd1;min-width:44px;font-size:.78rem;font-weight:900}.voice-quest{max-width:560px;font-weight:760}.voice-button{color:#10262e;background:var(--gold);cursor:pointer;border:0;border-radius:999px;place-items:center;width:clamp(92px,10vw,118px);height:clamp(92px,10vw,118px);transition:transform .16s,box-shadow .16s,background .16s;display:grid;box-shadow:0 0 0 14px #f6bf5021,0 0 0 34px #f6bf5014,0 24px 44px #00000047}.voice-button:hover{transform:translateY(-2px)scale(1.02)}.voice-button:disabled{cursor:wait;color:#ffffffb8;background:#ffffff2e;box-shadow:0 0 0 14px #ffffff12,0 0 0 34px #ffffff0a,0 18px 34px #0000002e}.voice-button:disabled:hover{transform:none}.voice-button.recording{color:#fff;background:var(--coral);box-shadow:0 0 0 14px #f07a572b,0 0 0 34px #f07a571a,0 24px 44px #00000047}.voice-button.checking{cursor:wait;opacity:.72}.recording-meter{background:#ffffff2e;border-radius:999px;width:min(100%,420px);height:12px;overflow:hidden}.recording-meter span{border-radius:inherit;background:linear-gradient(90deg, #79d7bd, var(--gold), var(--coral));min-width:4%;height:100%;transition:width 80ms linear;display:block}.voice-state{gap:4px;display:grid}.voice-state strong{font-size:1.16rem}.voice-state span{color:#ffffffb8}.recognized-recitation{background:#05121847;border:1px solid #ffffff24;border-radius:8px;grid-template-rows:auto minmax(0,1fr) auto;align-content:stretch;gap:10px;width:min(100%,720px);min-height:150px;max-height:min(34svh,300px);padding:18px;display:grid;overflow:hidden}.recognized-recitation.active{background:#08212785;border-color:#f6bf506b}.recognized-recitation.correct{background:#14604994;border-color:#79d7bdc7;box-shadow:0 0 0 4px #79d7bd1f}.recognized-recitation.wrong{background:#671f1c94;border-color:#f07a57c7;box-shadow:0 0 0 4px #f07a571f}.quran-text-scroll{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#f6bf50b8 #ffffff1f;min-height:0;overflow:auto}.quran-text-scroll::-webkit-scrollbar{width:10px}.quran-text-scroll::-webkit-scrollbar-track{background:#ffffff1a;border-radius:999px}.quran-text-scroll::-webkit-scrollbar-thumb{background:#f6bf50c2 padding-box padding-box;border:2px solid #0000;border-radius:999px}.recognized-recitation .quran-text-scroll{align-items:center;min-height:78px;padding:0 8px;display:grid}.recognized-recitation bdi{color:#fff8dc;font-family:var(--arabic);font-size:var(--quran-font-size,52px);text-align:center;line-height:1.85}.recognized-recitation:not(.active) bdi{color:#ffffff8f;font-family:inherit;font-size:.95rem;font-weight:800}.recognized-recitation p{color:#ffffffb3;font-size:.88rem;font-weight:850}.voice-listen{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;width:min(100%,520px);display:flex}.voice-listen .listen-label{color:#ffffffc7}.start-reciting-button{color:#10262e;background:var(--gold);cursor:pointer;border:0;border-radius:999px;align-items:center;gap:8px;min-height:42px;padding:0 14px;font-size:.86rem;font-weight:950;display:inline-flex;box-shadow:0 12px 24px #0000002e}.start-reciting-button:disabled{cursor:wait;color:#ffffffad;box-shadow:none;background:#ffffff29}.voice-listen audio{width:min(100%,360px)}.continuous-toggle{color:#ffffffd1;background:#ffffff14;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:8px;min-height:38px;padding:0 12px;font-size:.82rem;font-weight:900;display:inline-flex}.continuous-toggle input{accent-color:#79d7bd}.voice-stage .feedback-panel{justify-content:center}.voice-stage .feedback-panel>div{background:#ffffff1a;border-color:#ffffff1f}.voice-stage .feedback-label,.voice-stage .feedback-panel strong{color:#fff}.quest-board{grid-area:quest;grid-template-columns:1fr;align-items:stretch;gap:10px;display:none}.quest-board:before{content:none}.town-panel,.reward-panel{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffd6;border:1px solid #0d20291a;border-radius:8px;width:100%;padding:13px 15px;box-shadow:0 14px 34px #0d202912}.town-panel{flex-direction:column;align-items:flex-start;gap:14px}.town-heading{justify-content:space-between;align-items:center;gap:12px;width:100%;display:flex}.town-heading span{color:#10262e;background:var(--gold-soft);border-radius:999px;align-items:center;min-height:32px;padding:0 10px;font-size:.78rem;font-weight:950;display:inline-flex}.reward-panel{color:#7a3c28;background:linear-gradient(135deg,#fff7d9,#ffe1d5);gap:12px}.city-viewport{width:100%;height:100%}.city-viewport canvas{width:100%;height:100%;display:block}.verse-panel{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffdb;border:1px solid #0d20291a;border-radius:8px;grid-area:verse;gap:14px;min-height:0;padding:18px 20px;display:grid;box-shadow:0 20px 60px #0d202914}@media (width>=1051px){.verse-panel,.ayah-grid,.review-bar{display:none}.practice-stage{top:22px;bottom:auto}}.verse-topline{color:var(--muted);text-transform:uppercase;justify-content:space-between;gap:12px;font-size:.78rem;font-weight:900;display:flex}.arabic-line{width:100%;max-height:min(38svh,360px);color:var(--ink);font-family:var(--arabic);font-size:calc(var(--quran-font-size,52px) * .82);text-align:right;padding:4px 8px 8px;line-height:1.9}.translation-line{max-width:760px;color:var(--muted);font-size:1rem}.practice-actions{flex-wrap:wrap;gap:12px}.listen-label{min-height:42px;color:var(--muted);align-items:center;gap:7px;font-size:.88rem;font-weight:900;display:inline-flex}audio{width:min(100%,460px);min-width:0;height:42px}.record-button{color:#10262e;background:var(--gold);min-width:150px;padding:0 20px}.record-button.recording{color:#fff;background:var(--coral)}.record-button.checking{opacity:.72;cursor:wait}.inline-alert{color:#b84e35;font-weight:850}.feedback-panel{flex-wrap:wrap;gap:10px}.feedback-panel>div{background:#f6fbff;border:1px solid #0d20291a;border-radius:8px;gap:2px;min-width:132px;padding:10px 12px;display:grid}.feedback-label{color:var(--muted);text-transform:uppercase;font-size:.72rem;font-weight:900}.feedback-panel strong{color:var(--ink)}.ayah-grid{flex-wrap:wrap;grid-area:steps;gap:10px;display:flex}.ayah-tile{width:48px;height:48px;color:var(--ink);font:inherit;cursor:pointer;background:#ffffffd6;border:1px solid #0d20291f;border-radius:8px;place-items:center;font-weight:950;display:grid;box-shadow:0 10px 22px #0d20290d}.ayah-tile.active{color:#fff;background:#235a8c;border-color:#235a8c}.ayah-tile.mastered{color:#10262e;background:var(--gold);border-color:var(--gold)}.review-bar{color:#fff;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0a1b22b8;border:1px solid #ffffff29;border-radius:8px;flex-wrap:wrap;grid-area:footer;justify-content:space-between;gap:12px;padding:12px;font-size:.9rem;font-weight:900}.review-bar div{align-items:center;gap:8px;display:inline-flex}.review-bar button{color:#235a8c;background:#dceefa;padding:0 13px}button:focus-visible,a:focus-visible,audio:focus-visible,.quran-text-scroll:focus-visible{outline-offset:3px;outline:3px solid #f6bf50b3}@media (width<=1050px){.app-shell{min-height:100svh;overflow-y:auto}.mission-rail{z-index:4;gap:8px;width:auto;max-height:34svh;margin:8px;padding:10px;position:sticky;top:8px;bottom:auto;left:auto;overflow-y:auto}.brand-lockup{gap:8px}.brand-mark{width:34px;height:34px}h1{font-size:1rem}.surah-jump,.mission-hud-card{gap:6px;padding:8px 10px}.mission-hud-card .mission-name{gap:8px}.mission-hud-card .mission-name strong{font-size:.92rem}.mission-hud-card .mission-name bdi{font-size:1.05rem}.stat-strip span{min-height:28px;font-size:.76rem}.practice-stage{gap:10px;width:auto;max-height:none;margin:8px;padding-bottom:24px;position:relative;bottom:auto;right:auto;overflow:visible}.stage-header,.progress-track,.quest-board{display:none}}@media (width<=660px){.mission-rail{border-radius:0 0 8px 8px;grid-template-columns:auto minmax(0,1fr);align-items:center;max-height:14svh;margin:0;padding:8px;display:grid}.mission-rail .stat-strip{display:none}.mission-rail .brand-lockup{min-width:0}.mission-rail .brand-lockup .eyebrow{display:none}.mission-rail h1{font-size:.9rem}.surah-jump span:not(.eyebrow),.mission-hud-card .mission-name bdi{display:none}.mission-rail .surah-jump{min-width:0;padding:6px 8px}.mission-rail .mission-hud-card{display:none}.surah-jump select{min-height:32px;font-size:.8rem}.mission-hud-card{grid-template-columns:1fr}.mini-progress{height:6px}.practice-stage{overscroll-behavior:contain;max-height:calc(100svh - 108px);margin:8px;padding-bottom:16px;overflow-y:auto}.quest-board{display:none}.stage-header,.verse-topline{flex-direction:column;align-items:flex-start}.town-sky{height:0;min-height:0}.tilawa-link,.record-button,audio{width:100%}.voice-stage{grid-template-columns:1fr auto;align-items:center;gap:8px;min-height:0;max-height:calc(100svh - 124px);padding:10px;display:grid;overflow-y:auto}.voice-stage:before,.voice-stage:after{display:none}.tilawa-readiness,.voice-copy,.recognized-recitation,.recording-meter,.voice-state,.voice-listen,.voice-stage .feedback-panel,.voice-stage .inline-alert{grid-column:1/-1}.voice-button{grid-area:5/2/span 2;align-self:center;width:54px;height:54px;box-shadow:0 0 0 7px #f6bf501f,0 12px 24px #00000038}.voice-button svg{width:24px;height:24px}.recitation-heading{font-size:clamp(1.2rem,6vw,1.65rem)}.voice-copy{gap:5px}.current-ayah-badge{min-height:30px;font-size:.74rem}.quran-text-controls{min-height:32px}.quran-text-controls button{width:26px;height:26px}.recognized-recitation{gap:6px;min-height:118px;max-height:24svh;padding:10px}.recognized-recitation .quran-text-scroll{min-height:54px}.tilawa-readiness{min-height:42px;padding:7px 9px}.tilawa-status-icon{width:30px;height:30px}.recording-meter{grid-column:1;height:9px}.voice-state{text-align:left;grid-column:1}.voice-state strong{font-size:.92rem}.voice-state span{font-size:.8rem}.voice-listen,.verse-panel,.ayah-grid,.review-bar{display:none}}