:root{--gold: #ffd24a;--gold-dark: #e0a800;--green: #3fae49;--green-dark: #2b8a34;--teal: #2bb5a6;--teal-dark: #218a7e;--pink: #ff6fa8;--pink-dark: #c8467c;--blue: #3fa6e0;--blue-dark: #2a7fb8;--orange: #ff9a3c;--orange-dark: #d97a20;--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:manipulation;font-family:"Baloo 2",Comic Sans MS,system-ui,sans-serif;color:var(--ink);background:linear-gradient(#7cc6ff,#bfe6ff 42%,#ffe7c2);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}.ar{font-family:Noto Naskh Arabic,Geeza Pro,Segoe UI,serif;direction:rtl}.screen{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-start;justify-content:center;padding:calc(3.4rem + env(safe-area-inset-top)) max(.9rem,env(safe-area-inset-right)) calc(1rem + env(safe-area-inset-bottom)) max(.9rem,env(safe-area-inset-left));z-index:10;overflow-y:auto;-webkit-overflow-scrolling:touch}.screen>.card{margin:auto}.screen.dim{background:#32281461;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.card{background:var(--card);border-radius:1.75rem;padding:1.25rem 1.5rem 1.4rem;width:min(34rem,100%);text-align:center;box-shadow:0 .5rem #e0c99a,0 1.125rem 2.5rem #0003;border:4px solid #fff;animation:pop .35s cubic-bezier(.2,1.6,.5,1)}.small-card{width:min(26rem,100%);display:flex;flex-direction:column;align-items:center;gap:.55rem}@keyframes pop{0%{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}.logo{font-size:3.1rem;font-weight:800;color:var(--blue);line-height:1;text-shadow:0 3px 0 #fff,0 .3rem 0 rgba(0,0,0,.08);margin:.2rem 0}.logo span{color:var(--teal)}.tagline{margin:.1rem 0 .6rem;font-size:1.15rem;font-weight:700;opacity:.85}.tagline.small{font-size:.95rem;opacity:.65;margin-top:-.35rem}.ribbon{display:inline-block;background:var(--green);color:#fff;font-weight:800;padding:3px 1.1rem;border-radius:999px;margin:.3rem 0 .5rem;font-size:1.05rem;box-shadow:0 3px 0 var(--green-dark)}.ribbon.gold{background:var(--gold-dark);box-shadow:0 3px #b58600}h1,h2,h3{margin:.3rem 0}h1{font-size:1.9rem;color:var(--teal-dark);line-height:1.15}h2{font-size:1.4rem}.sub{margin:0 0 .6rem;font-size:1.05rem;opacity:.85}.hint{font-size:.85rem;opacity:.6;margin:.9rem 0 0}.row{display:flex;gap:.6rem;justify-content:center;margin-top:.7rem;flex-wrap:wrap}.big-ico{font-size:3.2rem;line-height:1;animation:pop .5s}.title-card .btn.big{display:block;width:min(20rem,100%);margin:.55rem auto 0}blockquote{margin:.3rem 0 .2rem;font-size:1.35rem;line-height:1.9}.verse-en{font-size:1.05rem;font-weight:700;margin:.2rem 0 .1rem}.source{font-size:.85rem;opacity:.65;margin:0 0 .5rem}.small-quote{font-size:1.15rem}.btn{font-family:inherit;font-weight:800;font-size:1.1rem;cursor:pointer;border:none;border-radius:1.1rem;padding:.6rem 1.3rem;color:#fff;background:var(--green);box-shadow:0 .3125rem 0 var(--green-dark);transition:transform .08s,box-shadow .08s;touch-action:manipulation}.btn:hover{filter:brightness(1.07)}.btn:active{transform:translateY(4px);box-shadow:0 1px 0 var(--green-dark)}.btn.big{font-size:1.35rem;padding:.7rem 2rem}.btn.alt{background:var(--blue);box-shadow:0 .3125rem 0 var(--blue-dark)}.btn.alt:active{box-shadow:0 1px 0 var(--blue-dark)}.btn.danger{background:#e76f6f;box-shadow:0 .3125rem #b84d4d}.btn.danger:active{box-shadow:0 1px #b84d4d}.btn:disabled{background:#c9bdb0;box-shadow:0 .3125rem #a89b8e;cursor:default;filter:none}.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 #00000024;padding:0;font-family:inherit;color:var(--ink)}.icon-btn:active{transform:translateY(2px);box-shadow:0 1px #00000024}#topbar{position:fixed;top:calc(.6rem + env(safe-area-inset-top));right:max(.6rem,env(safe-area-inset-right));display:flex;gap:.4rem;z-index:40}#hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5}.hud-left{position:absolute;top:calc(.6rem + env(safe-area-inset-top));left:max(.6rem,env(safe-area-inset-left));display:flex;flex-direction:column;gap:.35rem;align-items:flex-start;max-width:calc(100% - 9rem)}.pill{background:#fffffff0;border-radius:999px;padding:.15rem .8rem;box-shadow:0 3px #00000024;border:3px solid var(--gold);font-weight:800;display:flex;align-items:center;gap:.35rem}.coin{width:1.2rem;height:1.2rem;border-radius:50%;display:inline-block;flex:none;background:radial-gradient(circle at 35% 30%,#fff3b0,#ffc93b 60%,#e0a800);box-shadow:0 0 0 2px #b58600}.village-pill{border-color:var(--teal);flex-direction:column;align-items:flex-start;gap:0;padding:.2rem .8rem}.village-pill small{font-weight:700;opacity:.7;font-size:.8rem}.bar{width:11rem;max-width:100%;height:.85rem;border-radius:999px;background:#ffffffd9;border:3px solid var(--teal);overflow:hidden;box-shadow:0 2px #0000001f}.bar.sadaqah{border-color:var(--blue)}.bar-fill{height:100%;width:0;background:linear-gradient(#5fd1c4,var(--teal));transition:width .25s}.bar.sadaqah .bar-fill{background:linear-gradient(#7fc8f2,var(--blue))}.hud-bottom{position:absolute;left:50%;transform:translate(-50%);bottom:calc(.9rem + env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:center;gap:.35rem;width:min(28rem,calc(100% - 1.5rem))}.objective{background:#fffffff2;border:3px solid var(--pink);border-radius:1rem;padding:.2rem .9rem;font-weight:800;font-size:1.02rem;text-align:center;box-shadow:0 3px #00000024}.carry{display:flex;gap:.25rem}.carry i{width:1rem;height:1rem;border-radius:50%;background:var(--gold);box-shadow:0 0 0 2px #b58600;display:block;font-style:normal}.carry i.bucket{background:var(--blue);box-shadow:0 0 0 2px var(--blue-dark);border-radius:.3rem}.intro-card{width:min(36rem,100%)}.howto{text-align:left;background:#eef8ff;border-radius:1.1rem;padding:.6rem 1rem}.howto ul{margin:.2rem 0 0;padding-left:1.1rem}.howto li{margin:.15rem 0;line-height:1.35;font-size:1.02rem}.jar-card{width:min(34rem,100%)}.big-pill{align-self:center;font-size:1.2rem}.upgrades{display:flex;flex-direction:column;gap:.5rem;margin:.4rem 0 .8rem}.up{display:grid;grid-template-columns:auto 1fr auto;gap:.2rem .7rem;align-items:center;background:#fff;border:3px solid #f0dca8;border-radius:1.1rem;padding:.45rem .7rem;text-align:left}.up .ico{font-size:1.7rem;grid-row:span 2}.up b{font-size:1.05rem}.up small{display:block;font-size:.88rem;opacity:.75;line-height:1.25}.up .pips{display:flex;gap:.2rem;margin-top:.15rem}.up .pips i{width:.55rem;height:.55rem;border-radius:50%;background:#e6dcc8;display:block}.up .pips i.on{background:var(--green)}.up .btn{font-size:.95rem;padding:.35rem .75rem}.up.maxed{opacity:.75}.up.bump{animation:bump .35s}@keyframes bump{50%{transform:scale(1.03)}}.vill-card{width:min(30rem,100%)}.stats{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap;margin:.4rem 0 .2rem}.stat{background:#eef8e8;border-radius:.9rem;padding:.2rem .8rem;font-weight:800;font-size:.95rem}.about-card{width:min(42rem,100%)}.about-body{text-align:left;max-height:62vh;overflow-y:auto;line-height:1.45;font-size:1.02rem}.about-body h3{color:var(--teal-dark);margin-top:.8rem}.about-body p{margin:.3rem 0}.sources{padding-left:1.1rem}.sources li{margin:.35rem 0}.sources em{opacity:.7;display:block;font-size:.88rem}#toasts{position:fixed;left:50%;top:calc(4.2rem + env(safe-area-inset-top));transform:translate(-50%);z-index:45;display:flex;flex-direction:column;gap:.4rem;align-items:center;pointer-events:none;width:min(30rem,calc(100% - 1.5rem))}.toast{background:#fffffff5;border-radius:1rem;padding:.35rem 1rem;font-weight:800;box-shadow:0 4px #00000024;border:3px solid var(--gold);animation:pop .3s;text-align:center}#floats{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:20;overflow:hidden}.float{position:absolute;font-weight:800;font-size:1.15rem;text-align:center;white-space:nowrap;-webkit-text-stroke:3px #fff;paint-order:stroke fill;text-shadow:0 2px 0 rgba(0,0,0,.15);animation:floatUp 1.6s ease-out forwards;transform:translate(-50%,-50%)}.float.big{font-size:1.6rem}@keyframes floatUp{0%{opacity:0;transform:translate(-50%,-50%) scale(.6)}20%{opacity:1;transform:translate(-50%,-60%) scale(1.05)}to{opacity:0;transform:translate(-50%,-130%) scale(1)}}.sadaka{position:absolute;font-size:1rem;font-weight:800;color:#fff;white-space:nowrap;text-shadow:0 2px 3px rgba(0,0,0,.4);animation:floatUp 1.2s ease-out forwards;transform:translate(-50%,-50%)}@media(max-width:40rem){.logo{font-size:2.5rem}.card{padding:.9rem .9rem 1.1rem}.bar{width:8.5rem}.hud-left{top:calc(.5rem + env(safe-area-inset-top))}.objective{font-size:.95rem}}@media(max-height:520px)and (orientation:landscape){.screen{padding-top:calc(3.2rem + env(safe-area-inset-top))}.logo{font-size:2rem}.card{padding:.6rem 1.2rem .8rem}.howto li{font-size:.95rem}}