:root{--pink: #ff6fa8;--pink-dark: #d94f88;--gold: #f5b82e;--gold-dark: #c98f10;--blue: #4aa8e8;--blue-dark: #2f82bd;--mint: #3fbf8f;--mint-dark: #2a946b;--red: #ff6b6b;--ink: #5a2d3c;--card: #fffaf5;--line: #f6d9e3}*{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:#ffe4ec;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}button{font-family:inherit;color:inherit}.screen{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-start;justify-content:center;padding:calc(4.2rem + env(safe-area-inset-top)) max(.9rem,env(safe-area-inset-right)) calc(.9rem + env(safe-area-inset-bottom)) max(.9rem,env(safe-area-inset-left));z-index:10;overflow-y:auto;-webkit-overflow-scrolling:touch}.screen:not(.active){display:none}.screen>.card{margin:auto}.screen.bottom>.card{margin:auto auto 0}@media(min-aspect-ratio:11/10){.screen.bottom{align-items:center;justify-content:flex-end}.screen.bottom>.card{margin:auto 3vw auto auto;width:min(30rem,46vw)}}.screen.dim{background:#783c5a47;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.screen.modal{z-index:40}.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 .45rem #f0c6d5,0 1rem 2.4rem #5a1e3c38;border:4px solid #fff;animation:pop .35s cubic-bezier(.2,1.6,.5,1)}.wide-card{width:min(46rem,100%)}.small-card{width:min(22rem,100%)}@keyframes pop{0%{transform:scale(.75);opacity:0}to{transform:scale(1);opacity:1}}.logo{font-size:2.5rem;font-weight:800;color:var(--pink);line-height:1;text-shadow:0 3px 0 #fff,0 .3rem 0 rgba(0,0,0,.08);margin:.2rem 0;letter-spacing:-.5px}.logo span{color:var(--gold)}.tag{margin:.3rem 0 .8rem;font-size:1.05rem;font-weight:600;opacity:.85}.ribbon{display:inline-block;background:var(--pink);color:#fff;font-weight:800;padding:.2rem 1.2rem;border-radius:999px;margin:0 0 .6rem;font-size:1.15rem;box-shadow:0 3px 0 var(--pink-dark)}h1,h2,h3{margin:.3rem 0}h1{font-size:2.2rem;color:var(--pink)}h2{font-size:1.5rem}h3{font-size:1.1rem;margin-top:.9rem}.sub{margin:.2rem 0 .8rem;opacity:.8}.hint{font-size:.85rem;opacity:.7;margin:.5rem 0 .6rem}.row{display:flex;gap:.6rem;justify-content:center;margin-top:.7rem;flex-wrap:wrap}.btn{font-weight:800;font-size:1.15rem;cursor:pointer;border:none;border-radius:1.1rem;padding:.55rem 1.3rem;color:#fff;background:var(--pink);box-shadow:0 .3rem 0 var(--pink-dark);transition:transform .08s,box-shadow .08s}.btn:hover{filter:brightness(1.06)}.btn:active{transform:translateY(4px);box-shadow:0 1px 0 var(--pink-dark)}.btn.big{font-size:1.45rem;padding:.7rem 2rem}.btn.alt{background:var(--blue);box-shadow:0 .3rem 0 var(--blue-dark)}.btn.gold{background:var(--gold);box-shadow:0 .3rem 0 var(--gold-dark)}.btn.mint{background:var(--mint);box-shadow:0 .3rem 0 var(--mint-dark)}.btn.danger{background:#ff7a7a;box-shadow:0 .3rem #d65454}.btn:disabled{background:#cfc3c8;box-shadow:0 .3rem #a99ca1;cursor:default;filter:none}.btn.pulse{animation:pulse 1.1s infinite}@keyframes pulse{0%,to{filter:brightness(1);outline:0 solid rgba(255,111,168,0)}50%{filter:brightness(1.12);outline:.35rem solid rgba(255,111,168,.35)}}.icon-btn{font-size:1.3rem;width:2.8rem;height:2.8rem;border-radius:50%;border:3px solid #fff;background:#ffffffe6;cursor:pointer;box-shadow:0 3px #0000001f;padding:0;display:grid;place-items:center}.icon-btn.off{opacity:.55}.link-btn{background:none;border:none;font-weight:700;opacity:.6;cursor:pointer;font-size:.9rem;margin-top:.6rem;text-decoration:underline}#topbar{position:fixed;top:calc(.6rem + env(safe-area-inset-top));left:max(.6rem,env(safe-area-inset-left));right:max(.6rem,env(safe-area-inset-right));display:flex;gap:.45rem;z-index:30;align-items:center;pointer-events:none}#topbar>*{pointer-events:auto}#topbar .spacer{flex:1;pointer-events:none}.pill{display:flex;align-items:center;gap:.3rem;background:#fff;border-radius:999px;padding:.2rem .85rem .2rem .6rem;font-size:1.2rem;box-shadow:0 3px #0000001f}.pill b{font-weight:800}.pill.bump{animation:bump .5s}@keyframes bump{50%{transform:scale(1.3)}}.title-card{width:min(36rem,100%);padding-top:.9rem}.menu-grid{display:grid;grid-template-columns:1fr 1fr;gap:.65rem}.menu-btn{cursor:pointer;border:none;border-radius:1.3rem;padding:.6rem .5rem .55rem;color:#fff;display:flex;flex-direction:column;align-items:center;gap:0;transition:transform .08s}.menu-btn .ico{font-size:2.1rem;line-height:1.1}.menu-btn b{font-size:1.25rem;line-height:1.1}.menu-btn small{font-size:.82rem;opacity:.92;font-weight:600}.menu-btn:active{transform:translateY(4px)}.menu-btn.pink{background:var(--pink);box-shadow:0 .3rem 0 var(--pink-dark)}.menu-btn.gold{background:var(--gold);box-shadow:0 .3rem 0 var(--gold-dark)}.menu-btn.blue{background:var(--blue);box-shadow:0 .3rem 0 var(--blue-dark)}.menu-btn.mint{background:var(--mint);box-shadow:0 .3rem 0 var(--mint-dark)}.unlock-bar{background:#fff3c4;border-radius:1rem;padding:.4rem .8rem;margin:0 0 .8rem;font-weight:700}.unlock-bar .track{height:.7rem;background:#fff;border-radius:999px;overflow:hidden;margin-top:.3rem}.unlock-bar .track>div{height:100%;background:linear-gradient(90deg,#ffd23f,#f5a623);border-radius:999px}.order-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(13rem,1fr));gap:.65rem;margin-bottom:.9rem}.order-card{cursor:pointer;background:#fff;border:3px solid var(--line);border-radius:1.2rem;padding:.5rem .6rem;display:flex;gap:.55rem;align-items:center;text-align:left;box-shadow:0 .3rem 0 var(--line);transition:transform .08s;position:relative}.order-card:hover:not(:disabled){border-color:var(--pink)}.order-card:active:not(:disabled){transform:translateY(3px)}.order-card img{width:3.8rem;height:3.8rem;border-radius:50%;background:#ffeef4;flex:none}.order-card .who{font-weight:800;font-size:1.02rem;line-height:1.1}.order-card .what{font-size:.86rem;line-height:1.2;opacity:.85}.order-card .st{font-size:1rem;letter-spacing:1px;color:var(--gold)}.order-card.next{border-color:var(--pink);animation:glow 1.6s infinite}@keyframes glow{50%{box-shadow:0 .3rem 0 var(--line),0 0 0 5px #ff6fa840}}.order-card:disabled{cursor:default;opacity:.6;filter:grayscale(.6)}.lock{display:inline-block;font-size:.85rem;font-weight:800;background:#fff3c4;border-radius:999px;padding:0 .5rem;margin-top:.1rem}.recipe-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(9.5rem,1fr));gap:.65rem;margin-bottom:.9rem}.recipe-card{cursor:pointer;background:#fff;border:3px solid var(--line);border-radius:1.2rem;padding:.4rem;display:flex;flex-direction:column;align-items:center;box-shadow:0 .3rem 0 var(--line);position:relative}.recipe-card img{width:6.5rem;height:6.5rem}.recipe-card b{font-size:1.02rem;line-height:1.15}.recipe-card small{font-size:.8rem;opacity:.75;line-height:1.2}.recipe-card:disabled{cursor:default;opacity:.6;filter:grayscale(.7)}.intro-head{display:flex;align-items:center;gap:.8rem;text-align:left}.intro-head img{width:6rem;height:6rem;flex:none}.intro-head h2{color:var(--pink);line-height:1.1}.order-note{background:#e9f6ff;border-radius:1rem;padding:.5rem .8rem;margin:.4rem 0 .6rem;font-weight:700;display:flex;gap:.6rem;align-items:center;text-align:left}.order-note:empty{display:none}.order-note img{width:3.2rem;height:3.2rem;border-radius:50%;background:#fff;flex:none}.chips{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.2rem}.chip{background:#fff;border-radius:999px;padding:.05rem .6rem;font-size:.85rem;font-weight:700;border:2px solid var(--line)}.chip.ok{background:#dff7e8;border-color:var(--mint)}.ing-list{display:flex;flex-wrap:wrap;justify-content:center;gap:.35rem;margin:.5rem 0 .9rem}#hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5}#hudTop{position:absolute;top:calc(.6rem + env(safe-area-inset-top));left:0;right:0;display:flex;flex-direction:column;align-items:center;gap:.45rem;padding:0 3.6rem}.steps{display:flex;gap:.3rem;background:#fff;border-radius:999px;padding:.2rem .4rem;box-shadow:0 3px #00000014}.steps .st{width:2.2rem;height:2.2rem;border-radius:50%;display:grid;place-items:center;font-size:1.15rem;background:#f5e9ee;opacity:.6}.steps .st.done{background:#dff7e8;opacity:1}.steps .st.now{background:var(--pink);opacity:1;transform:scale(1.15);box-shadow:0 2px 0 var(--pink-dark)}.bubble{pointer-events:auto;background:#fff;border-radius:1.2rem;padding:.4rem .5rem .4rem 1rem;max-width:min(36rem,94vw);font-weight:700;font-size:1.12rem;line-height:1.25;box-shadow:0 4px #0000001a;display:flex;align-items:center;gap:.5rem;border:3px solid #ffe0ec;animation:pop .3s cubic-bezier(.2,1.6,.5,1)}.say-btn{flex:none;border:none;background:#ffeef4;border-radius:50%;width:2.3rem;height:2.3rem;font-size:1.1rem;cursor:pointer}.panel{pointer-events:auto;position:absolute;left:50%;transform:translate(-50%);bottom:0;width:min(46rem,100%);background:#fffaf5f5;border-radius:1.6rem 1.6rem 0 0;padding:.6rem .8rem calc(.7rem + env(safe-area-inset-bottom));box-shadow:0 -.3rem 1.4rem #5a1e3c26;border:3px solid #fff;border-bottom:none;display:flex;flex-direction:column;gap:.5rem;align-items:center}.panel:empty{display:none}.panel .label{font-weight:800;font-size:1rem}.progress{width:100%;max-width:26rem;height:1.5rem;background:#f5e9ee;border-radius:999px;overflow:hidden;border:3px solid #fff;box-shadow:inset 0 2px #0000000f}.progress>div{height:100%;width:0;background:linear-gradient(90deg,#ff9ec7,#ff6fa8);border-radius:999px;transition:width .15s}.ing-chip{display:inline-flex;align-items:center;gap:.25rem;background:#fff;border:3px solid var(--line);border-radius:999px;padding:.1rem .7rem;font-weight:700;font-size:.95rem}.ing-chip.ok{background:#dff7e8;border-color:var(--mint);text-decoration:line-through;opacity:.8}.panel-row{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:center;width:100%}.panel-row.scroll{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;padding:.15rem .1rem .3rem;scrollbar-width:none}.panel-row.scroll::-webkit-scrollbar{display:none}@media(min-width:40rem){.panel-row.scroll{justify-content:center}}.tool{flex:none;cursor:pointer;border:3px solid var(--line);background:#fff;border-radius:1rem;padding:.15rem .35rem;display:flex;flex-direction:column;align-items:center;min-width:3.9rem;box-shadow:0 3px 0 var(--line)}.tool .e{font-size:1.55rem;line-height:1.2}.tool small{font-size:.72rem;font-weight:800;line-height:1;white-space:nowrap}.tool.on{border-color:var(--pink);background:#ffeef4;box-shadow:0 3px 0 var(--pink)}.tool:disabled{opacity:.45;cursor:default}.tool .lk{font-size:.7rem}.swatches{display:flex;gap:.4rem;flex-wrap:wrap;justify-content:center}.sw{width:2.6rem;height:2.6rem;border-radius:50%;border:4px solid #fff;cursor:pointer;box-shadow:0 3px #00000026,0 0 0 2px #f0d6e0;position:relative;padding:0;font-size:1.05rem}.sw.on{box-shadow:0 3px #00000026,0 0 0 4px var(--pink);transform:scale(1.1)}.sw:disabled{opacity:.35;cursor:default}.swatches.big .sw{width:3.2rem;height:3.2rem}.shape-btn{width:3.2rem;height:3.2rem;border-radius:1rem;border:3px solid var(--line);background:#fff;font-size:1.7rem;cursor:pointer;box-shadow:0 3px 0 var(--line);padding:0}.shape-btn.on{border-color:var(--pink);background:#ffeef4;box-shadow:0 3px 0 var(--pink);transform:scale(1.08)}.shape-btn small{display:block;font-size:.6rem;font-weight:800;line-height:1;margin-top:-.2rem}.actions{display:flex;gap:.5rem;justify-content:center;width:100%}.actions .btn{font-size:1.05rem;padding:.45rem .9rem}.count{font-weight:800;font-size:1.1rem}.meter{position:relative;width:100%;max-width:28rem;height:2.2rem;border-radius:999px;border:4px solid #fff;box-shadow:0 3px #0000001a;background:linear-gradient(90deg,#fbe7b0,#f2c27a 50%,#7ee08a 55%,#5fd37a 80%,#a0673a 80%,#6b3e1e)}.meter .zone{position:absolute;top:-1.35rem;font-size:.78rem;font-weight:800;transform:translate(-50%);white-space:nowrap}.meter .needle{position:absolute;top:-.35rem;bottom:-.35rem;width:.5rem;margin-left:-.25rem;background:#fff;border-radius:999px;border:2px solid var(--ink);left:0}.meter-wrap{width:100%;display:flex;justify-content:center;padding-top:1.2rem}#toasts{position:fixed;left:0;right:0;top:38%;z-index:35;display:flex;flex-direction:column;align-items:center;pointer-events:none;gap:.4rem}.toast{background:#fff;color:var(--ink);border-radius:1.2rem;padding:.5rem 1.1rem;font-weight:800;font-size:1.2rem;max-width:90vw;text-align:center;box-shadow:0 4px #0000001f,0 .6rem 1.5rem #5a1e3c33;border:3px solid #ffe0ec;animation:toast 2.4s ease forwards}.toast.big{font-size:2rem;color:var(--pink);-webkit-text-stroke:0;background:#fffffff2}@keyframes toast{0%{transform:scale(.6);opacity:0}10%{transform:scale(1.05);opacity:1}16%{transform:scale(1)}85%{opacity:1}to{opacity:0;transform:translateY(-1.5rem)}}.result-card{width:min(34rem,100%)}.thanks{display:flex;align-items:center;gap:.6rem;justify-content:center;margin:.2rem 0}.thanks img{width:4.6rem;height:4.6rem;border-radius:50%;background:#ffeef4;flex:none}.speech{background:#fff;border:3px solid var(--line);border-radius:1.2rem;padding:.4rem .8rem;font-weight:700;text-align:left;position:relative}.stars{font-size:2.6rem;letter-spacing:.3rem;margin:0;line-height:1.2}.stars:empty{display:none}.stars span{display:inline-block;animation:spinIn .6s backwards}.stars span.off{filter:grayscale(1) opacity(.3)}@keyframes spinIn{0%{transform:rotate(-360deg) scale(0)}to{transform:rotate(0) scale(1)}}.checks{display:flex;flex-direction:column;gap:.2rem;align-items:center;font-weight:700;margin-bottom:.3rem}.checks:empty{display:none}.hadith{background:#fff3c4;border-radius:1.2rem;padding:.55rem .9rem .6rem;margin-top:.4rem}.hadith-label{font-weight:800;color:var(--gold-dark);font-size:.95rem}blockquote{margin:.2rem 0;font-size:1.2rem;font-weight:700;line-height:1.3}blockquote:before{content:"“";color:var(--gold-dark)}blockquote:after{content:"”";color:var(--gold-dark)}.source{font-size:.88rem;opacity:.7}.explain{margin:.3rem 0 0;font-size:1rem}.book-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(8.5rem,1fr));gap:.6rem;margin-bottom:.9rem}.book-item{cursor:pointer;background:#fff;border:3px solid var(--line);border-radius:1.1rem;padding:.3rem;display:flex;flex-direction:column;align-items:center;box-shadow:0 .3rem 0 var(--line)}.book-item img{width:100%;aspect-ratio:1}.book-item b{font-size:.9rem;line-height:1.1}.book-item small{font-size:.75rem;opacity:.7}.empty{padding:1.4rem;opacity:.7;font-weight:700}.view-img{width:min(20rem,70vw);aspect-ratio:1;background:radial-gradient(#fff,#ffeef4);border-radius:1.4rem}.theme-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(9rem,1fr));gap:.6rem}.theme-card{cursor:pointer;border:3px solid var(--line);background:#fff;border-radius:1.1rem;padding:.4rem;box-shadow:0 .3rem 0 var(--line);position:relative}.theme-card.on{border-color:var(--pink);box-shadow:0 .3rem 0 var(--pink)}.theme-card:disabled{cursor:default;opacity:.55}.theme-card .prev{height:3.2rem;border-radius:.8rem;display:flex;overflow:hidden;margin-bottom:.2rem}.theme-card .prev span{flex:1}.theme-card b{font-size:.95rem}#kitchenDone{margin-top:1rem}.unlock-card .big-emoji,.big-emoji{font-size:3.2rem;line-height:1;animation:spinIn .7s}.unlock-list{list-style:none;padding:0;margin:.4rem 0 .9rem;display:flex;flex-direction:column;gap:.35rem}.unlock-list li{background:#fff3c4;border-radius:1rem;padding:.3rem .8rem;font-weight:800}.unlock-list li small{display:block;font-weight:700;opacity:.7;font-size:.8rem}.grown{text-align:left}.grown p,.grown li{line-height:1.4;font-size:.95rem}.grown ul{padding-left:1.2rem}body.playing #starPill{display:none}@media(max-width:30rem){.logo{font-size:2.1rem}.card{padding:.9rem .9rem 1.1rem;border-radius:1.4rem}.menu-btn .ico{font-size:1.8rem}.menu-btn b{font-size:1.1rem}.menu-btn small{font-size:.72rem}.bubble{font-size:1rem}#hudTop{padding:0 3.3rem}.steps{gap:.15rem;padding:.15rem .3rem}.steps .st{width:1.62rem;height:1.62rem;font-size:.85rem}.order-grid{grid-template-columns:1fr}.recipe-grid,.book-grid,.theme-grid{grid-template-columns:1fr 1fr}.row .btn{font-size:1rem;padding:.5rem .9rem}blockquote{font-size:1.08rem}.tool{min-width:3.5rem}.sw{width:2.35rem;height:2.35rem}}@media(max-height:520px)and (orientation:landscape){.screen{padding-top:calc(3.4rem + env(safe-area-inset-top))}.card{width:min(46rem,100%);padding:.6rem 1.2rem .8rem}.logo{font-size:1.7rem}.menu-grid{grid-template-columns:repeat(4,1fr)}.tag{margin:.1rem 0 .4rem}.bubble{font-size:.95rem}.steps .st{width:1.7rem;height:1.7rem;font-size:.9rem}}