@import url('https://fonts.googleapis.com/css2?family=Baloo+2:wght@600;700;800&family=Nunito:wght@600;700;800;900&display=swap');
:root{--navy:#071a3a;--blue:#0b58b5;--cyan:#20c8ff;--gold:#ffd52e;--orange:#ff8a00;--green:#27c76f;--red:#ff4b45;--white:#fff;--ink:#10234a;--panel:#102c59;--soft:#eef7ff;--shadow:0 16px 40px rgba(0,0,0,.28);--round:24px}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:'Nunito',system-ui,sans-serif;background:#06152f;color:var(--white)}body{overflow-x:hidden}.screen{display:none;min-height:100vh;position:relative;overflow:hidden}.screen.active{display:block}.world-glow{position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 10%,rgba(32,200,255,.12),transparent 35%);z-index:99}.home-world,.map-world,.game-world,.simple-world,.results-world{min-height:100vh;position:relative}.home-world{background:linear-gradient(#49cfff 0%,#168be0 44%,#0a4d99 100%);padding-bottom:28px}.home-world:after,.map-world:after,.simple-world:after{content:'';position:absolute;inset:auto 0 0;height:28%;background:linear-gradient(180deg,transparent,#071a3a);pointer-events:none}.home-topbar{position:relative;z-index:3;display:flex;justify-content:space-between;align-items:center;padding:16px clamp(16px,4vw,48px)}.mini-brand{width:150px;height:74px;background:rgba(255,255,255,.9);border:3px solid var(--gold);border-radius:18px;padding:5px;box-shadow:0 8px 18px rgba(0,0,0,.2)}.mini-brand img{width:100%;height:100%;object-fit:contain}.top-stats,.game-score,.header-stats{display:flex;align-items:center;gap:10px}.hud-pill{display:inline-flex;align-items:center;gap:5px;background:linear-gradient(#1b4177,#09234d);border:2px solid #e9c542;color:#fff;padding:9px 14px;border-radius:999px;box-shadow:inset 0 2px rgba(255,255,255,.2),0 5px 12px rgba(0,0,0,.2);white-space:nowrap}.round-btn,.btn-back{border:2px solid rgba(255,255,255,.7);background:rgba(4,25,60,.72);color:#fff;border-radius:999px;cursor:pointer;font:800 15px 'Nunito';padding:10px 15px}.round-btn{width:48px;height:48px;padding:0;font-size:21px}.cloud{position:absolute;font-size:clamp(45px,7vw,100px);opacity:.55;animation:float 8s ease-in-out infinite}.cloud-a{left:2%;top:13%}.cloud-b{right:7%;top:25%;animation-delay:2s}.cloud-c{left:44%;top:8%;font-size:50px}.sun-orb{position:absolute;right:10%;top:8%;font-size:clamp(55px,9vw,110px);filter:drop-shadow(0 0 25px #fff4a8)}.mountain{position:absolute;bottom:12%;width:55%;height:38%;background:linear-gradient(145deg,#247d72,#0b4c54);clip-path:polygon(0 100%,50% 0,100% 100%);opacity:.8}.mountain-a{left:-10%}.mountain-b{right:-10%;transform:scaleX(-1);opacity:.65}.home-hero{position:relative;z-index:2;max-width:1250px;margin:0 auto;display:grid;grid-template-columns:30% 70%;align-items:center;padding:20px clamp(18px,5vw,70px) 35px}.hero-character{height:470px;display:flex;align-items:center;justify-content:center;position:relative}.cape{font-size:clamp(130px,18vw,230px);filter:drop-shadow(0 18px 5px rgba(0,0,0,.28));animation:bob 2.6s ease-in-out infinite}.hero-shadow{position:absolute;bottom:22%;width:180px;height:28px;background:rgba(0,0,0,.25);border-radius:50%;filter:blur(6px)}.hero-copy{text-align:center;text-shadow:0 4px 0 rgba(0,0,0,.2)}.eyebrow{font-size:14px;letter-spacing:2px;font-weight:900;color:#ffe85c}.game-title{}.hero-copy h1{font-family:'Baloo 2';font-size:clamp(55px,8vw,105px);line-height:.82;margin:8px 0;color:#fff;letter-spacing:-2px;-webkit-text-stroke:2px #07265c;text-shadow:0 7px 0 #062a61,0 11px 20px rgba(0,0,0,.35)}.hero-copy h1 span{color:#20c9ff}.ribbon{display:inline-block;margin:14px auto;padding:9px 25px;border-radius:12px;background:linear-gradient(90deg,#ff5d27,#ffd51f,#ff5d27);color:#4d1900;font-weight:1000;border:3px solid #fff3a4;box-shadow:0 7px 0 #8e3200,0 12px 22px rgba(0,0,0,.25)}.hero-copy p{max-width:700px;margin:12px auto 22px;font-size:18px;font-weight:800}.btn{border:0;cursor:pointer;font:900 17px 'Nunito';border-radius:16px;padding:14px 24px;transition:.15s transform,.15s filter;box-shadow:0 7px 0 rgba(0,0,0,.28),0 12px 25px rgba(0,0,0,.18)}.btn:hover{transform:translateY(-2px);filter:brightness(1.08)}.btn:active{transform:translateY(4px);box-shadow:0 3px 0 rgba(0,0,0,.28)}.btn-play{background:linear-gradient(#ffe75c,#ffad00);color:#542300;border:3px solid #fff1a2}.btn-play.mega{font-size:clamp(19px,3vw,27px);padding:17px 45px;border-radius:20px;min-width:min(420px,90%);box-shadow:0 9px 0 #9b5100,0 0 28px rgba(255,215,45,.55)}.home-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:22px}.icon-action{border:2px solid rgba(255,255,255,.55);background:rgba(5,34,78,.78);color:#fff;border-radius:16px;padding:10px 14px;min-width:115px;font:900 12px 'Nunito';cursor:pointer;box-shadow:0 7px 14px rgba(0,0,0,.2)}.icon-action span{display:block;font-size:25px;margin-bottom:3px}.home-verse{position:relative;z-index:3;text-align:center;font-size:15px;padding:8px 20px;color:#fff}.home-verse b{color:#ffe55c}.home-ground{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-around;font-size:40px;z-index:2;opacity:.7}.game-nav,.screen-header{position:relative;z-index:3;padding:18px clamp(14px,4vw,50px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:15px}.game-nav .header-stats{justify-self:end}.header-title{text-align:center}.header-title small{font-size:11px;letter-spacing:2px;color:#bfeaff}.header-title h2{font-family:'Baloo 2';margin:0;font-size:clamp(28px,5vw,46px);color:#fff;text-shadow:0 4px #062a61}.map-world{background:linear-gradient(#2c9cda,#1061a7 42%,#07356a);padding-bottom:35px}.map-intro{position:relative;z-index:2;margin:5px auto 20px;max-width:850px;display:flex;gap:14px;align-items:center;background:rgba(3,29,68,.8);border:2px solid #3dd7ff;border-radius:18px;padding:12px 18px;box-shadow:var(--shadow)}.map-intro span{font-size:34px}.map-intro b,.map-intro small{display:block}.map-intro small{color:#cbeeff}.levels-container{position:relative;z-index:2;max-width:1200px;margin:0 auto;padding:10px 20px 35px;display:grid;grid-template-columns:repeat(5,1fr);gap:18px}.map-road{position:absolute;left:10%;right:10%;top:50%;height:16px;background:#d4a34b;border:5px solid #f8d36b;border-radius:20px;transform:rotate(-3deg);box-shadow:0 5px 0 #754b19;opacity:.8}.level-card{position:relative;min-height:205px;padding:16px 12px 14px;border-radius:24px;background:linear-gradient(145deg,#2366a9,#082f69);border:3px solid #6edfff;box-shadow:0 10px 0 #031a3c,0 18px 30px rgba(0,0,0,.28);text-align:center;cursor:pointer;transition:.18s transform,.18s filter;overflow:hidden}.level-card:nth-child(even){transform:translateY(25px)}.level-card:hover.unlocked{transform:translateY(-5px) scale(1.02);filter:brightness(1.1)}.level-card:nth-child(even):hover.unlocked{transform:translateY(20px) scale(1.02)}.level-card.locked{filter:saturate(.45) brightness(.72);cursor:not-allowed}.level-card:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 50% 0,rgba(255,255,255,.2),transparent 45%)}.level-num{position:absolute;left:10px;top:9px;width:35px;height:35px;display:grid;place-items:center;border-radius:50%;background:#ffcf24;color:#132d61;border:3px solid #fff;font-weight:1000;z-index:1}.level-icon{font-size:65px;line-height:1;margin:7px 0 2px;filter:drop-shadow(0 5px 4px rgba(0,0,0,.35))}.level-card h3{font:900 17px 'Baloo 2';margin:5px 0 0}.level-card p{font-size:11px;margin:0;color:#c7ecff}.level-stars{color:#ffd62e;font-size:21px;letter-spacing:1px;margin:7px 0}.level-status{display:inline-block;background:#21c66e;border-radius:999px;padding:5px 12px;font-size:11px;font-weight:1000}.locked .level-status{background:#314a70}.final-level{border-color:#ffe067;background:linear-gradient(145deg,#6a3ca6,#18306f)}.map-footer{position:relative;z-index:2;text-align:center;font-size:14px;color:#ccefff}.game-world{background:linear-gradient(#53bde9 0,#1979ba 35%,#0a315e 100%);min-height:100vh}.game-header{position:relative;z-index:5;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:15px;padding:12px 18px;background:rgba(4,23,56,.85);border-bottom:2px solid #3ecbff}.game-progress{text-align:center;max-width:600px;width:100%;justify-self:center}.progress-bar{height:18px;background:#061a3a;border:2px solid #fff;border-radius:999px;overflow:hidden;box-shadow:inset 0 3px 5px rgba(0,0,0,.4)}.progress-fill{height:100%;width:0;background:linear-gradient(90deg,#20d87c,#ffe02c);border-radius:999px;transition:.35s width}.game-progress span{font-size:12px;font-weight:1000;color:#d9f7ff}.game-stage-decor{position:absolute;inset:80px 0 auto;display:flex;justify-content:space-around;font-size:48px;opacity:.25;pointer-events:none}.game-content{position:relative;z-index:2;max-width:950px;margin:25px auto;padding:0 16px 45px}.narrative,.challenge-box,.action-box,.lesson-box{background:linear-gradient(145deg,rgba(10,43,86,.97),rgba(5,25,55,.97));border:3px solid #55d9ff;border-radius:28px;box-shadow:0 15px 0 #03162f,0 25px 50px rgba(0,0,0,.3);padding:28px;text-align:center}.narrative{min-height:480px;display:flex;flex-direction:column;justify-content:center}.story-emoji,.lesson-emoji{font-size:90px;filter:drop-shadow(0 7px 5px rgba(0,0,0,.4))}.narrative h3,.challenge-box h3,.action-box h3,.lesson-box h3{font:900 34px 'Baloo 2';margin:8px 0;color:#ffe15a}.narrative p,.instruction{font-size:17px;line-height:1.55;color:#e2f7ff;max-width:720px;margin:9px auto}.btn-continue{margin-top:18px;background:linear-gradient(#42d9ff,#147bd4);color:#fff;border:2px solid #baf1ff}.items-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:22px 0}.item-card{min-height:130px;display:grid;place-items:center;align-content:center;background:linear-gradient(#164e8d,#0b2e61);border:2px solid #428fc6;border-radius:18px;cursor:pointer;font-weight:900;padding:10px}.item-card.selected{border-color:#ffd52e;box-shadow:0 0 0 4px rgba(255,213,46,.18),0 0 20px rgba(255,213,46,.3);transform:translateY(-3px)}.item-card.wrong-select{border-color:#ff4949;animation:shake .3s}.item-emoji{font-size:42px}.feedback{margin-top:14px;border-radius:15px;padding:12px;font-weight:900}.feedback.good{background:rgba(34,199,111,.18);border:2px solid #31d985;color:#baffd8}.feedback.bad{background:rgba(255,75,69,.16);border:2px solid #ff5b57;color:#ffd0cf}.quiz-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:700px;margin:20px auto}.quiz-option{padding:16px;border:2px solid #4a89c4;border-radius:16px;background:#0c356b;color:#fff;font:900 16px 'Nunito';cursor:pointer}.quiz-option:hover{filter:brightness(1.15)}.quiz-option.correct{background:#16854f;border-color:#5dffad}.quiz-option.wrong{background:#9e3535;border-color:#ff7a75}.action-badge{display:inline-block;padding:7px 13px;border-radius:999px;background:#ff8d12;color:#351500;font-weight:1000;font-size:12px;border:2px solid #ffd88c}.action-arena{margin:20px auto;min-height:310px;border-radius:24px;border:3px solid #6ee2ff;background:linear-gradient(#54c8ed,#1675ad);overflow:hidden;position:relative;box-shadow:inset 0 -80px rgba(0,0,0,.12)}.action-stats{display:flex;justify-content:center;gap:15px;font-weight:1000;color:#ffe55b}.action-controls{display:flex;justify-content:center;gap:12px;margin-top:15px}.aim-btn{border:2px solid #fff;background:linear-gradient(#ffc932,#ff8b00);color:#3b1a00;border-radius:15px;padding:12px 20px;font:1000 15px 'Nunito';cursor:pointer;box-shadow:0 5px 0 #8a4600}.aim-btn:active{transform:translateY(3px);box-shadow:0 2px 0 #8a4600}.target-scene{position:relative;height:310px;background:linear-gradient(#68d8ff 0 50%,#54a64b 50%)}.target-player{position:absolute;bottom:20px;left:12%;font-size:65px}.target-ring{position:absolute;right:14%;top:22%;font-size:100px;filter:drop-shadow(0 8px 4px rgba(0,0,0,.35))}.crosshair{position:absolute;right:31%;top:36%;font-size:48px;color:#ffeb45;text-shadow:0 0 12px #fff;transition:.2s}.crosshair.hit{animation:pop .45s}.crosshair.miss{animation:shake .3s}.jericho-scene{height:310px;padding-top:40px;background:linear-gradient(#6ed8ff,#2e8ec7 55%,#5f9d43 55%)}.jericho-wall{font-size:52px;animation:wallshake 2s infinite}.march-count{font-size:32px;font-weight:1000;color:#ffe34e;margin:40px 0}.collect-scene,.dodge-scene,.light-scene,.swim-scene,.path-scene,.palace-scene,.star-scene{height:310px;position:relative;overflow:hidden;border-radius:20px}.collect-scene{background:linear-gradient(#77dcff,#2e8cbd)}.collect-player{position:absolute;bottom:15px;left:46%;font-size:60px}.collect-item,.prayer-light,.fall-star{position:absolute;border:0;background:transparent;font-size:40px;cursor:pointer;animation:float 1.5s ease-in-out infinite}.dodge-scene{background:linear-gradient(#ff9a45,#5b1e12)}.dodge-player{position:absolute;bottom:25px;font-size:65px;transition:.2s left}.fire-stream{position:absolute;inset:0;background:repeating-linear-gradient(120deg,transparent 0 60px,rgba(255,234,70,.65) 61px 75px,transparent 76px 125px);animation:movebg .8s linear infinite}.lion-den{font-size:70px;padding-top:90px;background:radial-gradient(circle,#c78a44,#412313);height:100%}.prayer-light{filter:drop-shadow(0 0 14px #ffe86b)}.swim-scene{background:linear-gradient(#77dfff 0 40%,#0878ae 40%)}.boat{position:absolute;bottom:100px;left:45%;font-size:70px;transition:.2s left}.wave{position:absolute;bottom:30px;width:100%;font-size:45px;animation:movebg 2s linear infinite}.path-scene{background:linear-gradient(#5bdcff,#076da4)}.sea{font-size:60px;padding-top:70px}.stones{display:flex;justify-content:space-around;position:absolute;bottom:55px;width:100%}.stone-step{border:2px solid #fff;background:#a98c67;border-radius:50%;font-size:32px;width:60px;height:45px;cursor:pointer}.palace-scene{background:linear-gradient(#b86eff,#f3d16d)}.queen{font-size:85px;padding-top:55px}.star-scene{background:linear-gradient(#172d7b,#060f35)}.star-guide{position:absolute;bottom:35px;left:40%;font-size:65px}.fall-star{color:#ffe75b}.lesson-box{min-height:450px;display:flex;flex-direction:column;justify-content:center}.verse-ref{display:inline-block;margin:15px auto;padding:9px 18px;background:#09254b;border:2px solid #ffd852;border-radius:999px;color:#ffe56c;font-weight:1000}.results-world{background:radial-gradient(circle at 50% 15%,#3168c7,#101f5e 50%,#06142f);display:grid;place-items:center;padding:30px}.results-content{position:relative;z-index:2;width:min(650px,95vw);text-align:center;background:linear-gradient(145deg,#103a78,#081d43);border:4px solid #ffd84d;border-radius:32px;padding:28px;box-shadow:0 18px 0 #031127,0 30px 60px rgba(0,0,0,.45)}.results-medal{font-size:58px;margin-top:-58px}.results-celebration{font-size:45px}.results-content h2{font:900 45px 'Baloo 2';color:#ffe05a;margin:4px 0}.results-stars{font-size:42px;color:#ffd633;letter-spacing:3px}.score-card{display:flex;flex-direction:column;align-items:center;margin:16px auto;background:#071831;border:2px solid #3bcaff;border-radius:18px;padding:10px;width:210px}.score-card small,.badge-earned small{color:#9edfff;font-size:10px;font-weight:1000}.score-card strong{font:900 42px 'Baloo 2';color:#fff}.badge-earned{display:flex;align-items:center;justify-content:center;gap:12px;background:linear-gradient(90deg,#152d58,#203f75);border:2px solid #d7b84a;border-radius:18px;padding:10px;margin:14px auto;max-width:390px}.badge-icon{font-size:42px}.badge-earned b{display:block;color:#ffe05b}.results-lesson{color:#d8f3ff}.results-buttons{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.btn-secondary{background:linear-gradient(#38679b,#1a355c);color:#fff;border:2px solid #7bb4e7}.confetti-layer{position:absolute;top:5%;width:100%;text-align:center;font-size:40px;color:#ffe05b;word-spacing:35px;animation:float 3s ease-in-out infinite}.simple-world{background:linear-gradient(#238dcc,#0e4e92 48%,#092b58);padding-bottom:40px}.info-content{position:relative;z-index:2;width:min(1100px,94vw);margin:15px auto;padding-bottom:35px}.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.info-card,.story-card,.stats-box{background:linear-gradient(145deg,#113d73,#0a254d);border:2px solid #4ecfff;border-radius:22px;padding:20px;box-shadow:0 10px 25px rgba(0,0,0,.25)}.info-card{text-align:center}.big-icon{font-size:52px}.info-card h3{font:900 24px 'Baloo 2';color:#ffe25a;margin:5px}.info-card p{color:#d6f2ff;line-height:1.5}.guide-grid>.btn{grid-column:1/-1;justify-self:center}.story-list{display:grid;grid-template-columns:1fr 1fr;gap:13px}.story-card{display:flex;gap:15px;align-items:center}.story-icon{font-size:46px}.story-card h3{margin:0;color:#ffe05b;font:900 20px 'Baloo 2'}.story-card p{margin:2px 0;color:#cceeff;font-size:13px}.story-list>.btn{grid-column:1/-1;justify-self:center;margin-top:5px}.ach-intro{text-align:center;font-size:18px;font-weight:900}.badges-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:20px 0}.badge-card{min-height:145px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background:#0a2347;border:2px solid #355b87;border-radius:18px;padding:12px;filter:grayscale(1);opacity:.55}.badge-card.unlocked{filter:none;opacity:1;border-color:#ffd452;box-shadow:0 0 20px rgba(255,213,82,.18)}.b-icon{font-size:44px}.b-name{font-size:11px;font-weight:1000;color:#ffe05b}.stats-box{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px;text-align:center}.stats-box div{display:flex;flex-direction:column}.stats-box span{font-size:26px}.stats-box b{font:900 24px 'Baloo 2'}.stats-box small{font-size:9px;color:#a9d9f5}.toast{position:fixed;left:50%;bottom:25px;transform:translateX(-50%);z-index:9999;background:#071a3a;border:2px solid #ffd84d;color:#fff;padding:13px 18px;border-radius:999px;box-shadow:var(--shadow);font-weight:900}.hidden{display:none!important}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes bob{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-10px) rotate(2deg)}}@keyframes pop{50%{transform:scale(1.6);filter:drop-shadow(0 0 20px #fff)}}@keyframes shake{25%{transform:translateX(-7px)}75%{transform:translateX(7px)}}@keyframes movebg{to{background-position:120px 0}}@keyframes wallshake{0%,80%,100%{transform:translateX(0)}85%{transform:translateX(-5px)}90%{transform:translateX(5px)}}@media(max-width:950px){.home-hero{grid-template-columns:1fr}.hero-character{height:170px}.cape{font-size:120px}.hero-copy h1{font-size:58px}.levels-container{grid-template-columns:repeat(3,1fr)}.level-card:nth-child(even){transform:none}.level-card:nth-child(even):hover.unlocked{transform:translateY(-5px) scale(1.02)}.map-road{display:none}.badges-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:650px){.home-topbar{padding:10px}.mini-brand{width:110px;height:55px}.top-stats .hud-pill{padding:7px 9px}.hero-copy h1{font-size:48px}.ribbon{font-size:12px;padding:7px 10px}.hero-copy p{font-size:14px}.icon-action{min-width:92px;padding:8px}.game-header{grid-template-columns:auto 1fr;gap:8px}.game-score{grid-column:2;justify-self:end}.game-progress{grid-column:1/-1;grid-row:2}.game-quit{font-size:11px}.levels-container{grid-template-columns:repeat(2,1fr);padding:8px 12px}.level-card{min-height:190px}.level-icon{font-size:55px}.game-nav,.screen-header{grid-template-columns:auto 1fr}.header-stats{display:none}.header-title{text-align:right}.header-title h2{font-size:28px}.items-grid{grid-template-columns:repeat(2,1fr)}.quiz-options,.guide-grid,.story-list{grid-template-columns:1fr}.stats-box{grid-template-columns:1fr 1fr 1fr}.badges-grid{grid-template-columns:repeat(2,1fr)}.narrative,.challenge-box,.action-box,.lesson-box{padding:18px;border-radius:22px}.narrative h3,.challenge-box h3,.action-box h3,.lesson-box h3{font-size:28px}.results-content{padding:20px}.results-content h2{font-size:36px}.results-stars{font-size:32px}}