:root{--night:#101b46;--night2:#172761;--cyan:#20d4dc;--cyan2:#079da9;--sun:#ffd84d;--pink:#ff659d;--green:#5adb86;--violet:#735af2;--ink:#14203f;--muted:#65708b;--paper:#fffefa;--danger:#e84766;--shadow:0 18px 50px #07102b38}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:radial-gradient(circle at 15% 5%,#293e8d 0,transparent 27%),radial-gradient(circle at 90% 15%,#2b2c7d 0,transparent 24%),linear-gradient(180deg,var(--night),#15245b 52%,#0d173c);color:#fff;font-family:ui-rounded,"Arial Rounded MT Bold","Trebuchet MS",system-ui,sans-serif;-webkit-tap-highlight-color:transparent;overflow-x:hidden}button,a,input{font:inherit}button,a{touch-action:manipulation}.sky-decor{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:-1}.sky-decor i{position:absolute;width:4px;height:4px;border-radius:50%;background:white;box-shadow:0 0 10px #fff;animation:twinkle 2.7s ease-in-out infinite}.sky-decor i:nth-child(1){left:8%;top:14%}.sky-decor i:nth-child(2){left:28%;top:32%;animation-delay:.5s}.sky-decor i:nth-child(3){left:64%;top:11%;animation-delay:1.1s}.sky-decor i:nth-child(4){left:87%;top:39%;animation-delay:.2s}.sky-decor i:nth-child(5){left:47%;top:68%;animation-delay:1.7s}.gamebar{height:72px;position:sticky;top:0;z-index:80;display:flex;align-items:center;gap:12px;padding:9px max(14px,env(safe-area-inset-left));background:#0d173de8;border-bottom:1px solid #ffffff20;backdrop-filter:blur(16px)}.game-brand{display:flex;align-items:center;gap:10px;flex:1;text-decoration:none;color:white;min-width:0}.game-brand b,.game-brand small{display:block;white-space:nowrap}.game-brand b{font-size:1.08rem}.game-brand small{font:.72rem/1.2 system-ui;color:#b9c8fa}.brand-orbit{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:linear-gradient(145deg,var(--cyan),var(--violet));font-weight:1000;font-size:1.15rem;box-shadow:0 0 0 4px #ffffff15,0 0 25px #20d4dc55}.icon-btn{border:1px solid #ffffff28;background:#ffffff12;color:white;width:46px;height:46px;border-radius:16px;font-size:1.35rem;cursor:pointer}.hidden{visibility:hidden}.game-stats{display:flex;align-items:center;gap:8px}.game-stats>span{background:#ffffff12;border:1px solid #ffffff20;padding:10px 12px;border-radius:15px;color:var(--sun)}main{width:min(1180px,100%);margin:auto;padding:22px 18px 112px}.loading{display:grid;place-items:center;gap:10px;min-height:65vh;font-size:1.2rem}.loading span{font-size:4rem;animation:float 1.4s ease-in-out infinite}.dock{position:fixed;z-index:90;left:50%;bottom:max(10px,env(safe-area-inset-bottom));transform:translateX(-50%);width:min(94%,620px);display:grid;grid-template-columns:repeat(4,1fr);gap:5px;padding:7px;border-radius:23px;background:#fff;box-shadow:0 18px 50px #0008}.dock a{display:flex;flex-direction:column;align-items:center;gap:2px;padding:7px 3px;border-radius:16px;color:#67718c;text-decoration:none;font-size:.72rem}.dock a span{font-size:1.45rem}.dock a b{font-size:.72rem}.dock a.active{color:#5039c9;background:#ece9ff}.map-intro{display:flex;justify-content:space-between;align-items:end;gap:18px;margin:4px 3px 18px}.map-intro h1{font-size:clamp(2rem,6vw,4.4rem);line-height:.95;margin:3px 0 10px;letter-spacing:-.04em}.map-intro p{font:600 1rem/1.5 system-ui;color:#cdd7ff;max-width:650px;margin:0}.eyebrow{font-size:.76rem;text-transform:uppercase;letter-spacing:.14em;color:var(--cyan);font-weight:900}.continue-orb{flex:0 0 auto;border:0;border-radius:24px;padding:14px 18px;background:var(--sun);color:#493a00;font-weight:1000;box-shadow:inset 0 -5px #e2ad22,0 12px 30px #ffd84d30;cursor:pointer}.journey{position:relative;display:grid;gap:18px;padding:10px 0}.journey:before{content:"";position:absolute;left:50%;top:40px;bottom:40px;width:6px;transform:translateX(-50%);background:linear-gradient(var(--cyan),var(--violet),var(--pink),var(--green),var(--sun));border-radius:10px;opacity:.7}.world{position:relative;width:calc(50% - 25px);border:1px solid #ffffff25;color:white;text-align:left;border-radius:30px;padding:20px;min-height:170px;background:linear-gradient(145deg,#ffffff16,#ffffff09);box-shadow:var(--shadow);backdrop-filter:blur(8px);cursor:pointer;overflow:hidden}.world:nth-child(even){margin-left:calc(50% + 25px)}.world:before{content:"";position:absolute;width:150px;height:150px;border-radius:50%;right:-40px;top:-55px;background:var(--world);filter:blur(2px);opacity:.24}.world:after{content:"";position:absolute;top:50%;width:26px;height:26px;border:6px solid var(--night);background:var(--world);border-radius:50%;transform:translateY(-50%);right:-42px}.world:nth-child(even):after{right:auto;left:-42px}.world .world-icon{font-size:2.8rem}.world h2{font-size:1.45rem;margin:8px 0 5px}.world p{font:600 .9rem/1.4 system-ui;color:#cfd8ff;margin:0}.world-progress{display:flex;align-items:center;gap:9px;margin-top:15px}.world-progress .track{flex:1;height:8px;background:#ffffff1b;border-radius:20px;overflow:hidden}.world-progress i{display:block;height:100%;background:var(--world);border-radius:inherit}.world small{font:.75rem system-ui;color:white}.mission-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.mission-card{position:relative;border:1px solid #ffffff24;background:#ffffff10;color:white;border-radius:25px;padding:17px;min-height:150px;text-align:left;box-shadow:var(--shadow);cursor:pointer;overflow:hidden}.mission-card:before{content:"";position:absolute;inset:auto -30px -50px auto;width:120px;height:120px;border-radius:50%;background:var(--accent,#20d4dc);opacity:.18}.mission-card:hover{transform:translateY(-3px);border-color:#ffffff66}.mission-card.done{border-color:#5adb8690}.mission-num{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:13px;background:#ffffff16;font-weight:1000}.mission-icon{display:block;font-size:2.3rem;margin-top:10px}.mission-card h3{margin:6px 0 4px;font-size:1.02rem}.mission-card small{color:#bfcaf1}.section-head{display:flex;align-items:end;justify-content:space-between;gap:15px;margin:6px 2px 18px}.section-head h1{font-size:clamp(2rem,5vw,3.6rem);margin:2px 0}.section-head p{margin:0;color:#c8d3ff;font:600 .95rem/1.5 system-ui}.search{width:min(100%,340px);border:1px solid #ffffff2c;background:#ffffff12;color:white;border-radius:16px;padding:13px 15px;outline:none}.search::placeholder{color:#c2cae5}.search:focus{border-color:var(--cyan)}.mission-head{display:flex;align-items:center;gap:14px;margin:0 2px 15px}.page-medal{width:64px;height:64px;display:grid;place-items:center;border-radius:22px;background:linear-gradient(145deg,var(--sun),#ff9f43);color:#4a3200;font-size:1.5rem;font-weight:1000;box-shadow:inset 0 -5px #d98920}.mission-head h1{font-size:clamp(1.8rem,5vw,3rem);margin:1px 0}.mission-head small{font:.76rem system-ui;color:#b8c6f5;text-transform:uppercase;letter-spacing:.1em}.stage-rail{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:8px;border:1px solid #ffffff20;background:#0c173ccf;border-radius:22px;position:sticky;top:81px;z-index:50;backdrop-filter:blur(14px);margin-bottom:16px}.stage-rail button{border:0;background:transparent;color:#9ba9d6;border-radius:15px;padding:10px 6px;font-weight:900;cursor:pointer}.stage-rail button span{display:block;font-size:1.35rem;margin-bottom:2px}.stage-rail button.active{color:#102047;background:var(--sun)}.stage-rail button.complete:not(.active){color:#75eca0}.guide-bubble{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;background:#fff;border-radius:25px;padding:15px 17px;color:var(--ink);box-shadow:var(--shadow);margin-bottom:16px}.guide-face{width:54px;height:54px;display:grid;place-items:center;border-radius:19px;background:linear-gradient(145deg,#dffcff,#c4f6f2);font-size:2rem}.guide-bubble strong,.guide-bubble small{display:block}.guide-bubble strong{font-size:1.03rem;line-height:1.45}.guide-bubble small{font:600 .9rem/1.55 system-ui;color:#56617b;margin-top:4px;direction:rtl;text-align:left}.speak,.urdu{border:0;width:44px;height:44px;border-radius:14px;background:#e8f8ff;color:#167b93;font-size:1.1rem;font-weight:1000;cursor:pointer}.discovery-grid{display:grid;grid-template-columns:minmax(270px,.8fr) minmax(340px,1.2fr);gap:18px;align-items:start}.word-lab{background:linear-gradient(145deg,#fff,#eefbff);color:var(--ink);border-radius:28px;padding:18px;box-shadow:var(--shadow);position:sticky;top:170px}.word-lab h2{margin:0 0 6px}.word-lab>p{font:600 .9rem/1.5 system-ui;color:var(--muted);margin:0 0 14px}.word-chips{display:flex;flex-wrap:wrap;gap:8px}.word-chip{border:2px solid #dce8ef;background:white;color:var(--ink);padding:11px 13px;border-radius:14px;font-weight:900;cursor:pointer}.word-chip.active{border-color:var(--violet);background:#efecff;color:#4e3abd}.magnify-card{margin-top:15px;border-radius:20px;background:#13204d;padding:10px;min-height:180px;display:grid;place-items:center;overflow:hidden}.exact-crop{position:relative;width:100%;max-width:500px;overflow:hidden;border-radius:16px;background:white;aspect-ratio:var(--ratio,1.2)}.exact-crop img{position:absolute;max-width:none;height:auto;user-select:none;-webkit-user-drag:none}.exact-crop.empty{display:grid;place-items:center;color:white;font-size:4rem;background:linear-gradient(145deg,#20d4dc,#735af2)}.book-portal{position:relative;background:linear-gradient(145deg,#fff8d4,#fff);padding:16px 20px 20px;border-radius:28px;box-shadow:var(--shadow)}.book-portal:before{content:"";position:absolute;left:50%;top:12px;bottom:12px;width:2px;background:#ddcfa2;opacity:.5}.page-image{display:block;width:min(100%,690px);margin:auto;border-radius:13px;box-shadow:0 8px 24px #442e1728;user-select:none;-webkit-user-drag:none}.portal-caption{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;margin-top:13px}.primary,.secondary{border:0;border-radius:17px;padding:13px 17px;font-weight:1000;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:7px}.primary{background:linear-gradient(145deg,var(--cyan),#37e59a);color:#092e38;box-shadow:inset 0 -4px #079da9}.secondary{background:#ffffff14;color:white;border:1px solid #ffffff2a}.book-portal .secondary,.panel .secondary{background:#edf3ff;color:#31416d;border-color:#d7e1f3}.actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:16px 0}.quest-wrap{max-width:720px;margin:auto}.quest-status{display:flex;align-items:center;gap:10px;margin-bottom:13px}.quest-status .progress{flex:1;height:12px;background:#ffffff17;border-radius:20px;overflow:hidden}.quest-status i{display:block;height:100%;background:linear-gradient(90deg,var(--cyan),var(--green));border-radius:inherit}.quest-card{background:white;color:var(--ink);border-radius:30px;padding:21px;box-shadow:var(--shadow);text-align:center}.quest-label{font:.75rem system-ui;font-weight:900;color:#7962e5;text-transform:uppercase;letter-spacing:.12em}.quest-card h2{font-size:clamp(1.65rem,5vw,2.5rem);margin:10px 0 16px}.clue-frame{display:grid;place-items:center;min-height:190px;border-radius:22px;background:#10204c;padding:12px;margin:12px auto 15px;overflow:hidden}.clue-frame .exact-crop{max-width:490px}.bonus-icon{font-size:5rem}.answers{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.answer{border:3px solid #dde6ef;background:#fff;border-radius:19px;color:var(--ink);padding:15px 7px;min-height:64px;font-size:clamp(1.25rem,4vw,1.75rem);font-weight:1000;cursor:pointer}.answer.correct{border-color:var(--green);background:#e7fff0;animation:pop .35s}.answer.wrong{border-color:var(--danger);background:#fff0f4;animation:shake .3s}.mascot-note{display:flex;align-items:center;justify-content:center;gap:9px;color:#c9d5ff;font:600 .9rem system-ui;margin-top:12px}.studio{background:#fff;color:var(--ink);border-radius:27px;padding:11px;box-shadow:var(--shadow)}.studio.colouring{box-shadow:0 0 0 3px #ffd84d55,var(--shadow)}.toolbox{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:7px;background:#edf4fb;border-radius:16px;margin-bottom:9px;position:sticky;top:153px;z-index:55}.tool{height:42px;min-width:42px;border:2px solid transparent;border-radius:13px;background:white;color:var(--ink);font-size:1.15rem;font-weight:1000;padding:5px 9px;cursor:pointer}.tool.active{border-color:var(--violet);background:#eeeaff}.swatch{width:34px;min-width:34px;height:34px;border-radius:50%;padding:0;border:3px solid white;box-shadow:0 0 0 2px #b8c8d7;cursor:pointer}.colouring .swatch{width:40px;min-width:40px;height:40px}.toolbox.hidden-tools .draw-tool{display:none}.canvas-viewport{overflow:hidden;height:min(68vh,820px);min-height:430px;background:#d9e4e8;border-radius:17px;touch-action:none}.page-surface{position:relative;width:min(100%,760px);margin:auto;background:white;transform-origin:0 0;will-change:transform}.page-surface img{display:block;width:100%;height:auto;pointer-events:none;user-select:none;-webkit-user-drag:none}.page-surface canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none}.colour-layer{mix-blend-mode:multiply}.studio.viewing .canvas-viewport{cursor:grab}.fullscreen-fallback{position:fixed!important;inset:0;z-index:1000;border-radius:0}.fullscreen-fallback .canvas-viewport,:fullscreen .canvas-viewport{height:calc(100vh - 72px);max-height:none}.book-ready{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}.panel{background:white;color:var(--ink);border-radius:27px;padding:20px;box-shadow:var(--shadow)}.panel h2{font-size:1.55rem;margin:0 0 8px}.panel p{font:600 .95rem/1.55 system-ui;color:var(--muted)}.ready-list{display:grid;gap:10px;margin:16px 0}.ready-check{display:flex;align-items:center;gap:10px;background:#f0f6ff;border-radius:16px;padding:12px}.ready-check span{font-size:1.4rem}.completion{background:linear-gradient(145deg,#fff8cc,#fff);text-align:center}.completion .big{font-size:5rem}.completion h2{font-size:2rem}.treasure-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.badge{display:grid;place-items:center;text-align:center;min-height:155px;border-radius:25px;border:1px solid #ffffff26;background:#ffffff10;padding:15px}.badge span{font-size:3.2rem}.badge.locked{filter:grayscale(1);opacity:.45}.toast{position:fixed;z-index:300;left:50%;bottom:100px;transform:translate(-50%,25px);opacity:0;background:#fff;color:var(--ink);border-radius:16px;padding:12px 18px;font-weight:900;box-shadow:var(--shadow);transition:.2s;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%,0)}.spark{position:fixed;z-index:400;top:-20px;width:12px;height:18px;animation:fall 1.8s ease-in forwards}.error{background:white;color:var(--ink);padding:28px;border-radius:25px;text-align:center}.page-nav{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:17px}@keyframes twinkle{50%{opacity:.25;transform:scale(.5)}}@keyframes float{50%{transform:translateY(-10px)}}@keyframes pop{50%{transform:scale(1.08)}}@keyframes shake{25%{transform:translateX(-7px)}75%{transform:translateX(7px)}}@keyframes fall{to{transform:translateY(110vh) rotate(650deg);opacity:0}}
@media(max-width:820px){main{padding:17px 11px 105px}.map-intro{align-items:start;flex-direction:column}.continue-orb{width:100%}.journey:before{left:24px}.world,.world:nth-child(even){width:calc(100% - 50px);margin-left:50px}.world:after,.world:nth-child(even):after{left:-42px;right:auto}.mission-grid{grid-template-columns:repeat(2,1fr)}.discovery-grid{grid-template-columns:1fr}.word-lab{position:static}.book-ready{grid-template-columns:1fr}.treasure-grid{grid-template-columns:repeat(2,1fr)}.answers{grid-template-columns:1fr}.answer{min-height:56px}.stage-rail button{font-size:.7rem}.stage-rail button span{font-size:1.15rem}.guide-bubble{grid-template-columns:auto 1fr}.guide-bubble .urdu{grid-column:1}.toolbox{top:145px}.section-head{align-items:start;flex-direction:column}.search{width:100%}}
@media(max-width:430px){.game-brand small{display:none}.game-stats>span{padding:9px}.mission-grid{gap:9px}.mission-card{padding:13px;min-height:135px}.stage-rail{gap:3px;padding:5px}.stage-rail button{padding:8px 2px}.stage-rail button b{display:none}.guide-bubble{padding:12px;gap:9px}.guide-face{width:46px;height:46px}.tool{min-width:38px;padding:4px 7px}.toolbox{gap:4px}.swatch{width:29px;min-width:29px;height:29px}.canvas-viewport{min-height:350px}.page-medal{width:54px;height:54px}.mission-head{gap:9px}}