:root{--green: #3fae49;--green-dark: #2b8a34;--blue: #3fa6e0;--blue-dark: #2a7fb8;--gold: #ffd24a;--gold-dark: #e0a800;--pink: #ff6fa8;--teal: #2bb5a6;--ink: #4a2f12;--card: #fffaf0}*{box-sizing:border-box}html{font-size:clamp(14px,calc(.5vw + .5vh + 6px),21px)}html,body{margin:0;height:100%;height:100dvh;overflow:hidden;touch-action:none;font-family:"Baloo 2",Comic Sans MS,system-ui,sans-serif;color:var(--ink);background:linear-gradient(#6fc7f5,#bfe8ff 55%,#eafbe0);user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}#scene{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.hidden{display:none!important}.screen{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-start;justify-content:center;padding:calc(3.8rem + env(safe-area-inset-top)) 1rem 1rem;z-index:20;overflow-y:auto}.screen>.card{margin:auto}.screen.dim{background:#28462859;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.card{background:var(--card);border-radius:1.75rem;padding:1.2rem 1.4rem 1.4rem;width:min(32rem,100%);text-align:center;box-shadow:0 .5rem #e0c99a,0 1.1rem 2.5rem #0003;border:4px solid #fff;animation:pop .35s cubic-bezier(.2,1.6,.5,1)}.small-card{width:min(24rem,100%);display:flex;flex-direction:column;align-items:center;gap:.6rem}@keyframes pop{0%{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}.logo{font-size:3rem;font-weight:800;color:var(--gold-dark);line-height:1;text-shadow:0 3px 0 #fff,0 5px 0 rgba(0,0,0,.08)}.logo span{color:var(--green)}.logo span.l1{color:var(--teal)}.tagline{font-weight:700;font-size:1.05rem;opacity:.85;margin:.5rem 0 .8rem}.ribbon{display:inline-block;background:var(--green);color:#fff;font-weight:800;padding:3px 1.1rem;border-radius:999px;box-shadow:0 3px 0 var(--green-dark);font-size:1.05rem}.big-ico{font-size:3.2rem;line-height:1}h2{margin:.2rem 0}.sub{margin:0;opacity:.85;line-height:1.35}.sub.small{font-size:.9rem;opacity:.7}.hint{font-size:.85rem;opacity:.65;margin:.8rem 0 0;line-height:1.35}.row{display:flex;gap:.6rem;justify-content:center;flex-wrap:wrap}blockquote{margin:.2rem 0 0;font-size:1.2rem;font-weight:700;color:#5a3a10;line-height:1.3}blockquote:before{content:"“";color:var(--gold-dark)}blockquote:after{content:"”";color:var(--gold-dark)}.source{font-size:.9rem;opacity:.7}.btn{font-family:inherit;font-weight:800;font-size:1.12rem;cursor:pointer;border:none;border-radius:1.1rem;padding:.6rem 1.3rem;color:#fff;background:var(--green);box-shadow:0 5px 0 var(--green-dark);transition:transform .08s,box-shadow .08s}.btn:active{transform:translateY(4px);box-shadow:0 1px 0 var(--green-dark)}.btn.big{font-size:1.35rem;padding:.7rem 2.2rem}.btn.alt{background:var(--blue);box-shadow:0 5px 0 var(--blue-dark)}.btn:disabled{background:#bbb;box-shadow:0 5px #999;cursor:default}.title-card .btn{display:block;width:min(18rem,100%);margin:.6rem auto 0}.icon-btn{font-size:1.25rem;width:2.75rem;height:2.75rem;border-radius:50%;border:3px solid #fff;background:#ffffffe6;cursor:pointer;box-shadow:0 3px #0000001f;padding:0}#topbar{position:fixed;top:calc(.6rem + env(safe-area-inset-top));right:.6rem;display:flex;gap:.4rem;z-index:30}.pick{display:flex;gap:.7rem;justify-content:center;margin:.2rem 0 .4rem}.char{font-family:inherit;background:#fff;border:3px solid #f0dca8;border-radius:1.2rem;padding:.5rem 1.1rem;cursor:pointer;display:flex;flex-direction:column;align-items:center;color:var(--ink);box-shadow:0 4px #f0dca8}.char span{font-size:2.4rem}.char b{font-size:1.05rem}.char.on{border-color:var(--green);background:#e6f8e2;box-shadow:0 4px 0 var(--green)}#hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10}.hud-left{position:absolute;top:calc(.6rem + env(safe-area-inset-top));left:.6rem;display:flex;flex-direction:column;gap:.35rem;align-items:flex-start}.coins{display:flex;align-items:center;gap:.35rem;background:#fff;border-radius:999px;padding:.15rem 1rem .15rem .5rem;font-size:1.5rem;font-weight:800;box-shadow:0 3px #0000001f;border:3px solid var(--gold)}.coins.bump{animation:bump .3s}@keyframes bump{50%{transform:scale(1.15)}}.progress{display:flex;align-items:center;gap:.4rem;background:#ffffffe6;border-radius:999px;padding:.1rem .6rem;font-weight:800;font-size:.85rem;box-shadow:0 2px #0000001a}.progress .bar{width:6rem;height:.7rem;background:#eee3c8;border-radius:999px;overflow:hidden}.progress .bar>div{height:100%;width:0;background:linear-gradient(90deg,#7ed957,#3fae49);transition:width .3s}.objective{position:absolute;left:50%;transform:translate(-50%);bottom:calc(1rem + env(safe-area-inset-bottom));background:#fffffff2;border-radius:1.2rem;padding:.35rem 1.1rem;font-weight:800;font-size:1.05rem;display:flex;gap:.5rem;align-items:center;box-shadow:0 4px #0000001f;border:3px solid var(--pink);max-width:calc(100% - 1.5rem);text-align:center}.objective span:first-child{font-size:1.4rem}#joy{position:fixed;width:7rem;height:7rem;margin:-3.5rem 0 0 -3.5rem;border-radius:50%;background:#ffffff40;border:3px solid rgba(255,255,255,.7);z-index:15;pointer-events:none}#joyKnob{position:absolute;left:50%;top:50%;width:3rem;height:3rem;margin:-1.5rem 0 0 -1.5rem;border-radius:50%;background:#ffffffd9;box-shadow:0 3px 8px #0003}.build-card{width:min(34rem,100%)}.build-list{display:flex;flex-direction:column;gap:.55rem;margin:.8rem 0 1rem}.bl{display:grid;grid-template-columns:2.9rem 1fr auto;gap:.1rem .7rem;align-items:center;text-align:left;background:#fff;border:3px solid #f0dca8;border-radius:1.2rem;padding:.5rem .7rem}.bl.built{border-color:var(--green);background:#effbe9}.bl.locked{background:#f4f0e6;opacity:.8}.bl.focus{border-color:var(--pink);box-shadow:0 0 0 3px #ffd6e7}.bl .bi{font-size:2.2rem;grid-column:1;grid-row:1 / span 3;text-align:center}.bl .bn{font-weight:800;font-size:1.08rem;grid-column:2}.bl .bd{font-size:.84rem;opacity:.75;line-height:1.25;grid-column:2}.bl .bc{font-size:.85rem;font-weight:800;color:var(--green-dark);grid-column:2}.bl.locked .bc{color:#a08a5a}.bl .btn{grid-column:3;grid-row:1 / span 3;font-size:1rem;padding:.5rem .9rem;white-space:nowrap}.bl .done{grid-column:3;grid-row:1 / span 3;font-size:1.5rem;color:var(--green);font-weight:800}#toasts{position:fixed;bottom:calc(4.6rem + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);display:flex;flex-direction:column-reverse;gap:.4rem;align-items:center;z-index:25;pointer-events:none;width:min(26rem,calc(100% - 1rem))}.toast{background:#fffffff5;border:3px solid var(--gold);border-radius:1rem;padding:.3rem 1rem;font-weight:800;animation:pop .3s;text-align:center}.toast.q{border-color:var(--teal);font-weight:700}.toast.q .ts{display:block;font-size:.8rem;opacity:.7;font-weight:700}#floats{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:12;overflow:hidden}.float{position:absolute;transform:translate(-50%,-50%);font-weight:800;font-size:1.5rem;color:#fff;-webkit-text-stroke:1.5px #a86a00;paint-order:stroke fill;animation:floatUp 1s ease-out forwards;white-space:nowrap}.float.speech{font-size:1.3rem;color:var(--ink);-webkit-text-stroke:0;background:#fff;border-radius:1rem;padding:.1rem .6rem;box-shadow:0 2px #00000026;animation:floatUp 1.8s ease-out forwards}.float.plus{color:#ffe27a}@keyframes floatUp{0%{opacity:1;margin-top:0}to{opacity:0;margin-top:-3.5rem}}@media(max-width:40rem){.logo{font-size:2.4rem}.objective{font-size:.95rem;bottom:calc(.8rem + env(safe-area-inset-bottom))}.coins{font-size:1.25rem}#topbar{flex-wrap:wrap;justify-content:flex-end;max-width:9.6rem}.stage-chip{max-width:calc(100vw - 11.6rem)}}.coin-ico{display:inline-block;width:1.3rem;height:1.3rem;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff3a0,#ffc93b 55%,#e0a800);box-shadow:inset 0 0 0 2px #c98a00}#fade{position:fixed;top:0;right:0;bottom:0;left:0;background:#fffaf0;opacity:0;pointer-events:none;z-index:40;transition:opacity .45s}#fade.on{opacity:1}.title-card{background:#fffaf0f5}.stage-chip{background:#fff;border:3px solid var(--teal);border-radius:999px;padding:.1rem .8rem;font-weight:800;font-size:.95rem;box-shadow:0 3px #0000001f;max-width:60vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pages-pill,.atlas-pill{display:flex;gap:.35rem;align-items:center;background:#fffffff2;border-radius:999px;padding:.1rem .8rem;font-weight:800;box-shadow:0 2px #0000001a;border:3px solid #f0dca8}.atlas-pill{font-size:1.2rem;border-color:var(--teal)}.atlas-pill.star{border-color:var(--gold)}.atlas-pill .small{font-size:.8rem;opacity:.7}#mapHud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10}.map-hint{position:absolute;left:50%;transform:translate(-50%);bottom:calc(1rem + env(safe-area-inset-bottom));background:#ffffffeb;border-radius:1rem;padding:.3rem 1rem;font-weight:800;border:3px solid var(--teal);box-shadow:0 4px #0000001f;text-align:center;max-width:calc(100% - 7rem)}.zoom{position:absolute;right:.6rem;bottom:calc(1rem + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:.4rem;pointer-events:auto}#yearBadge{position:fixed;top:22%;left:50%;transform:translate(-50%);z-index:35;background:#fffaf0;border:5px solid var(--gold);border-radius:1.5rem;padding:.3rem 1.6rem;font-size:3rem;font-weight:800;color:#6b3f1e;display:flex;gap:.6rem;align-items:center;box-shadow:0 .5rem #e0c99a,0 1rem 2rem #0003;pointer-events:none}#yearBadge .yl{font-size:2.2rem}.story-card{width:min(30rem,100%)}.story-art{font-size:4.6rem;line-height:1.1;margin:.2rem 0 .4rem;animation:bob 2.4s ease-in-out infinite}@keyframes bob{50%{transform:translateY(-6px)}}.speaker{display:inline-block;font-weight:800;color:#fff;background:var(--blue);border-radius:999px;padding:0 .9rem;min-height:1.4rem}.speaker:empty{display:none}.speaker.k{background:#8e6cf0}.speaker.note{background:#b5651d}.story-text{font-size:1.25rem;font-weight:700;line-height:1.4;margin:.7rem 0 1rem}.dots{display:flex;justify-content:center;gap:.35rem;margin-top:.8rem}.dots i{width:.55rem;height:.55rem;border-radius:50%;background:#e8d9b4}.dots i.on{background:var(--gold-dark)}.masjid-card{width:min(28rem,100%)}.gen-chip{display:inline-block;margin:.25rem auto 0;background:#e8f3ff;color:#2d5d86;border:2px dashed #7fb2dc;font-weight:800;border-radius:999px;padding:.05rem .8rem;font-size:.8rem}.land-chip{display:inline-block;color:#fff;font-weight:800;border-radius:999px;padding:.05rem .9rem;font-size:.9rem}.facts-grid{display:grid;gap:.35rem;margin:.7rem 0 .4rem;text-align:left}.facts-grid div{display:flex;gap:.5rem;align-items:center;background:#fff;border:2px solid #f0dca8;border-radius:.9rem;padding:.25rem .7rem}.facts-grid b{font-weight:700}.stars-big{font-size:2.2rem;letter-spacing:.2rem;margin:.2rem 0}.stars-big i{font-style:normal;display:inline-block;animation:pop .4s cubic-bezier(.2,1.6,.5,1) both}.intro-card{width:min(30rem,100%)}.chapter{font-weight:800;color:#b5651d;margin-bottom:.4rem;font-size:.95rem}.dialog{display:flex;flex-direction:column;gap:.5rem;margin:.8rem 0;text-align:left}.line{display:flex;gap:.5rem;align-items:flex-start}.line .who{font-size:1.8rem;line-height:1}.line .bubble{background:#fff;border:3px solid #cfe8f7;border-radius:1rem;padding:.35rem .8rem;font-weight:700;line-height:1.3}.line.k .bubble{border-color:#ddd0ff}.quiz-card{width:min(28rem,100%)}.quiz-q{font-size:1.25rem;font-weight:800;line-height:1.3;margin:.3rem 0}.quiz-opts{display:flex;flex-direction:column;gap:.5rem;width:100%}.quiz-opts .btn{width:100%;background:#fff;color:var(--ink);border:3px solid #f0dca8;box-shadow:0 4px #f0dca8;font-size:1.05rem}.quiz-opts .btn.wrong{background:#ffe3e3;border-color:#ff9a9a;box-shadow:0 4px #ff9a9a;animation:shake .35s}.quiz-opts .btn.right{background:#e6f8e2;border-color:var(--green);box-shadow:0 4px 0 var(--green)}@keyframes shake{25%{transform:translate(-6px)}75%{transform:translate(6px)}}.page-fact{font-size:1.15rem;font-weight:700;line-height:1.4;background:#fff7d6;border-radius:1rem;padding:.7rem 1rem;border:3px dashed var(--gold)}.done-card{width:min(32rem,100%)}.ribbon.gold{background:var(--gold-dark);box-shadow:0 3px #b08400}.star-why{font-size:.85rem;opacity:.75}.done-facts{text-align:left;margin:.6rem 0;padding-left:1.2rem;display:flex;flex-direction:column;gap:.3rem}.done-facts li{line-height:1.3}.done-facts li.missing{opacity:.55;font-style:italic}.atlas-card{width:min(36rem,100%)}.atlas-list{display:flex;flex-direction:column;gap:.8rem;margin:.8rem 0 1rem;text-align:left}.atlas-land h3{margin:0 0 .3rem;display:flex;gap:.4rem;align-items:center}.atlas-land h3 i{width:.9rem;height:.9rem;border-radius:50%;display:inline-block}.atlas-row{display:grid;grid-template-columns:2rem 1fr auto;gap:.5rem;align-items:center;background:#fff;border:3px solid #f0dca8;border-radius:1rem;padding:.35rem .6rem;margin-bottom:.35rem}.atlas-row.locked{opacity:.55;background:#f4f0e6}.atlas-row.done{border-color:var(--gold);background:#fffbe8}.atlas-row .an{font-weight:800;line-height:1.1}.atlas-row .ac{font-size:.8rem;opacity:.7}.atlas-row .btn{font-size:.95rem;padding:.35rem .8rem}@media(max-width:40rem){#yearBadge{font-size:2.2rem}.story-text{font-size:1.1rem}.map-hint{font-size:.85rem}}