@import"https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800;900&display=swap";:root{--theme-bg: #FFF8E1;--theme-accent: #FF8F00;--pink: #FF6B9D;--purple: #C084FC;--blue: #60A5FA;--green: #4ADE80;--yellow: #FACC15;--orange: #FB923C;--red: #F87171;--dark: #1E1B2E;--card-bg: rgba(255, 255, 255, .85);--shadow: 0 8px 32px rgba(0, 0, 0, .1);--radius: 1rem}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;font-family:Nunito,system-ui,sans-serif;background:var(--theme-bg);color:var(--dark);overflow-x:hidden}.app-container{min-height:100vh;background:var(--theme-bg);transition:background .5s}.screen-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:#ffffffb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:2px solid rgba(0,0,0,.05);position:sticky;top:0;z-index:50}.screen-header h2{font-size:1.3rem;font-weight:800;color:var(--theme-accent)}.back-btn{background:#0000000f;border:none;border-radius:.5rem;padding:.5rem 1rem;font-family:inherit;font-size:.9rem;font-weight:700;color:var(--dark);cursor:pointer;transition:all .2s}.back-btn:hover{background:#0000001a;transform:translate(-2px)}.menu-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;position:relative;overflow:hidden}.menu-coins{position:absolute;top:1.5rem;right:1.5rem;background:var(--card-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:2rem;padding:.5rem 1.2rem;display:flex;align-items:center;gap:.5rem;font-weight:800;font-size:1.2rem;box-shadow:var(--shadow);border:2px solid rgba(250,204,21,.3);z-index:10}.coin-icon{font-size:1.4rem;animation:coin-spin 2s infinite}@keyframes coin-spin{0%,to{transform:rotateY(0)}50%{transform:rotateY(180deg)}}.menu-title-wrap{text-align:center;margin-bottom:2rem}.menu-title{font-size:clamp(2.5rem,8vw,4.5rem);font-weight:900;background:linear-gradient(135deg,var(--pink),var(--purple),var(--blue),var(--green),var(--yellow),var(--orange));background-size:300% 300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradient-shift 4s ease infinite;line-height:1.1;letter-spacing:-.02em}@keyframes gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.title-letter{display:inline-block;animation:letter-bounce .6s ease-out both}@keyframes letter-bounce{0%{transform:translateY(-40px) scale(0);opacity:0}60%{transform:translateY(8px) scale(1.1);opacity:1}to{transform:translateY(0) scale(1);opacity:1}}.menu-subtitle{font-size:1.2rem;color:#00000080;margin-top:.5rem;font-weight:600}.menu-chef{display:flex;flex-direction:column;align-items:center;cursor:pointer;margin-bottom:2rem;transition:transform .2s}.menu-chef:hover{transform:scale(1.05)}.chef-avatar{position:relative;width:100px;height:100px;background:var(--card-bg);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow);border:3px solid var(--theme-accent);margin-bottom:.5rem}.chef-emoji{font-size:3rem}.chef-hat{position:absolute;top:-8px;right:-4px;font-size:1.5rem}.chef-name{font-weight:800;font-size:1.1rem;color:var(--theme-accent)}.chef-tap{font-size:.75rem;color:#0006;font-weight:600}.char-select-grid{display:flex;gap:.8rem;flex-wrap:wrap;justify-content:center;margin-bottom:2rem;animation:slide-down .3s ease}@keyframes slide-down{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.char-btn{width:70px;height:70px;border-radius:50%;border:3px solid rgba(0,0,0,.1);background:var(--card-bg);display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;transition:all .2s;font-size:2rem}.char-btn.active{border-color:var(--theme-accent);box-shadow:0 0 0 3px #ff8f004d;transform:scale(1.1)}.char-btn.locked{opacity:.5;cursor:not-allowed}.char-btn:not(.locked):hover{transform:scale(1.1)}.char-hat-badge{position:absolute;top:-4px;right:-4px;font-size:1rem}.lock-icon{position:absolute;bottom:-2px;right:-2px;font-size:.8rem}.menu-buttons{display:flex;flex-direction:column;gap:1rem;width:100%;max-width:320px;z-index:5}.menu-btn{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;border:none;border-radius:var(--radius);cursor:pointer;font-family:inherit;transition:all .2s;text-align:left;box-shadow:var(--shadow);position:relative;overflow:hidden}.menu-btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.2),transparent);pointer-events:none}.menu-btn:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 12px 40px #00000026}.menu-btn:active{transform:translateY(0) scale(.98)}.cook-btn{background:linear-gradient(135deg,var(--orange),var(--red));color:#fff}.deliver-btn{background:linear-gradient(135deg,var(--blue),var(--purple));color:#fff}.shop-btn{background:linear-gradient(135deg,var(--green),var(--blue));color:#fff}.btn-icon{font-size:2rem}.btn-text{font-size:1.3rem;font-weight:800}.btn-desc{font-size:.75rem;opacity:.8;font-weight:600}.menu-decorations{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.float-food{position:absolute;font-size:2rem;opacity:.15;animation:float-around 15s ease-in-out infinite}.f1{top:10%;left:5%;animation-delay:0s}.f2{top:20%;right:8%;animation-delay:-2s}.f3{top:50%;left:3%;animation-delay:-4s}.f4{top:70%;right:5%;animation-delay:-6s}.f5{bottom:15%;left:10%;animation-delay:-8s}.f6{top:5%;left:40%;animation-delay:-10s}.f7{bottom:25%;right:15%;animation-delay:-3s}.f8{top:35%;right:3%;animation-delay:-7s}@keyframes float-around{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(10px,-15px) rotate(5deg)}50%{transform:translate(-5px,10px) rotate(-3deg)}75%{transform:translate(8px,5px) rotate(4deg)}}.cooking-screen{min-height:100vh;padding-bottom:2rem}.recipe-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem;padding:1.5rem}.recipe-card{background:var(--card-bg);border:2px solid rgba(0,0,0,.06);border-radius:var(--radius);padding:1.5rem 1rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;cursor:pointer;transition:all .2s;font-family:inherit;box-shadow:var(--shadow)}.recipe-card:hover{transform:translateY(-5px);border-color:var(--theme-accent);box-shadow:0 12px 40px #00000026}.recipe-emoji-big{font-size:3rem}.recipe-name{font-weight:800;font-size:1rem;text-align:center}.recipe-difficulty{font-size:.8rem}.recipe-reward{font-size:.85rem;font-weight:700;color:var(--theme-accent)}.empty-msg{text-align:center;padding:3rem;color:#0006;font-weight:600}.phase-container{display:flex;flex-direction:column;align-items:center;padding:1.5rem;gap:1.5rem}.phase-title{font-size:1.5rem;font-weight:900;color:var(--theme-accent);text-align:center}.bowl-area{position:relative;width:200px;height:200px;display:flex;align-items:center;justify-content:center}.bowl-area.shake{animation:shake .15s ease}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-8px) rotate(-2deg)}75%{transform:translate(8px) rotate(2deg)}}.bowl{width:160px;height:160px;background:linear-gradient(135deg,#f5f5f5,#e0e0e0);border-radius:50% 50% 45% 45%;display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 10px 30px #0000001a,inset 0 -5px 15px #0000000d;border:3px solid rgba(0,0,0,.08)}.bowl-emoji{font-size:5rem;position:absolute}.bowl-contents{position:absolute;bottom:20px;display:flex;gap:4px;flex-wrap:wrap;justify-content:center;max-width:100px}.bowl-item{font-size:1.5rem;animation:pop-in .3s ease}.bowl-item.swirl{animation:swirl 1s ease-in-out infinite}@keyframes swirl{0%,to{transform:rotate(0) translate(0)}25%{transform:rotate(10deg) translate(5px)}75%{transform:rotate(-10deg) translate(-5px)}}@keyframes pop-in{0%{transform:scale(0);opacity:0}60%{transform:scale(1.3)}to{transform:scale(1);opacity:1}}.ingredient-list{display:flex;flex-wrap:wrap;gap:.8rem;justify-content:center;max-width:500px}.ingredient-btn{display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:1rem 1.2rem;background:var(--card-bg);border:2px solid rgba(0,0,0,.06);border-radius:var(--radius);cursor:pointer;transition:all .2s;font-family:inherit;min-width:90px;box-shadow:0 4px 12px #0000000f;position:relative}.ingredient-btn:not(:disabled):hover{transform:translateY(-3px);border-color:var(--green);box-shadow:0 8px 24px #4ade8033}.ingredient-btn:not(:disabled):active{transform:scale(.95)}.ingredient-btn.added{border-color:var(--green);background:#4ade801a;opacity:.7}.ing-emoji{font-size:2rem}.ing-name{font-size:.8rem;font-weight:700;color:#0009}.check-mark{position:absolute;top:4px;right:6px;color:var(--green);font-weight:900;font-size:1.2rem}.progress-bar-wrap{width:100%;max-width:400px;height:12px;background:#0000000f;border-radius:6px;overflow:hidden}.progress-bar-fill{height:100%;border-radius:6px;transition:width .3s ease;background:linear-gradient(90deg,var(--green),var(--blue))}.mix-fill{background:linear-gradient(90deg,var(--purple),var(--pink))}.cook-fill{background:linear-gradient(90deg,var(--orange),var(--red))}.mix-btn{width:140px;height:140px;border-radius:50%;border:4px solid var(--purple);background:linear-gradient(135deg,var(--purple),var(--pink));color:#fff;font-size:1.5rem;font-weight:900;font-family:inherit;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.3rem;transition:all .1s;box-shadow:0 8px 30px #c084fc4d}.mix-btn:hover{transform:scale(1.05)}.mix-btn:active{transform:scale(.9)}.mix-icon{font-size:2.5rem}.hint-text{color:#0006;font-size:.9rem;font-weight:600}.oven-area{display:flex;justify-content:center}.oven{width:240px;background:linear-gradient(135deg,#455a64,#37474f);border-radius:1rem;overflow:hidden;box-shadow:0 10px 40px #0003}.oven-door{width:100%;height:180px;background:linear-gradient(135deg,#263238,#1c262b);display:flex;align-items:center;justify-content:center;position:relative;border:3px solid #546E7A;border-radius:.8rem;margin:.8rem;width:calc(100% - 1.6rem)}.oven-food{font-size:4rem;animation:oven-glow 1s ease-in-out infinite alternate}.oven-food.done-cooking{animation:done-bounce .5s ease infinite}@keyframes oven-glow{0%{filter:brightness(.8)}to{filter:brightness(1.2)}}@keyframes done-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.steam{position:absolute;top:0;left:0;right:0;display:flex;justify-content:center;gap:1rem}.steam-puff{font-size:1.5rem;opacity:.6;animation:steam-rise 1.5s ease-out infinite}.s1{animation-delay:0s}.s2{animation-delay:.3s}.s3{animation-delay:.6s}@keyframes steam-rise{0%{transform:translateY(20px);opacity:.6}to{transform:translateY(-30px);opacity:0}}.oven-controls{display:flex;align-items:center;justify-content:space-between;padding:.8rem 1.2rem}.oven-light{width:12px;height:12px;background:var(--red);border-radius:50%;box-shadow:0 0 10px var(--red);animation:blink 1s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.4}}.timer-display{font-size:2rem;font-weight:900;color:var(--yellow);font-variant-numeric:tabular-nums}.decorated-food{position:relative;width:180px;height:180px;display:flex;align-items:center;justify-content:center;background:#ffffff80;border-radius:50%;box-shadow:var(--shadow)}.food-big{font-size:6rem}.toppings-on-food{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:2px}.topping-pop{font-size:1.5rem;animation:pop-in .3s ease}.topping-list{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center;max-width:400px}.topping-btn{display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.8rem 1rem;background:var(--card-bg);border:2px solid rgba(0,0,0,.06);border-radius:.8rem;cursor:pointer;transition:all .2s;font-family:inherit;min-width:80px}.topping-btn:hover{transform:translateY(-2px);border-color:var(--pink)}.topping-btn.selected{border-color:var(--pink);background:#ff6b9d1a;box-shadow:0 0 0 3px #ff6b9d33}.topping-emoji{font-size:1.8rem}.topping-name{font-size:.7rem;font-weight:700;color:#00000080}.finish-btn{padding:1rem 2.5rem;background:linear-gradient(135deg,var(--green),var(--blue));border:none;border-radius:2rem;color:#fff;font-size:1.3rem;font-weight:900;font-family:inherit;cursor:pointer;transition:all .2s;box-shadow:0 8px 30px #4ade804d}.finish-btn:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 12px 40px #4ade8066}.done-container{animation:scale-in .5s ease}@keyframes scale-in{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.done-food{font-size:8rem;animation:done-bounce 1s ease infinite}.done-stars{display:flex;gap:.5rem}.star-animate{font-size:3rem;animation:star-spin .6s ease both}@keyframes star-spin{0%{transform:scale(0) rotate(-180deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.done-text{font-size:2rem;font-weight:900;color:var(--theme-accent)}.opponent-bar{display:flex;align-items:center;gap:.5rem;font-size:1.2rem}.opponent-progress{width:60px;height:8px;background:#00000014;border-radius:4px;overflow:hidden}.opponent-fill{height:100%;background:linear-gradient(90deg,var(--red),var(--orange));border-radius:4px;transition:width .3s}.delivery-screen{min-height:100vh}.delivery-score{font-weight:800;font-size:1.1rem;color:var(--theme-accent)}.delivery-round{text-align:center;padding:.5rem;font-weight:700;color:#00000080;font-size:.9rem}.delivery-content{display:flex;flex-direction:column;align-items:center;padding:1.5rem;gap:2rem}.customer-area{display:flex;justify-content:center}.customer-bubble{display:flex;align-items:flex-end;gap:1rem}.customer-emoji{font-size:4rem;animation:customer-bounce 1s ease infinite}@keyframes customer-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.speech-bubble{background:var(--card-bg);border-radius:1rem;padding:1rem 1.5rem;position:relative;box-shadow:var(--shadow);border:2px solid rgba(0,0,0,.06);text-align:center}.speech-bubble:before{content:"";position:absolute;left:-12px;bottom:12px;width:0;height:0;border-right:12px solid var(--card-bg);border-top:8px solid transparent;border-bottom:8px solid transparent}.speech-bubble p{font-size:1.1rem;font-weight:700;margin-bottom:.3rem}.speech-emoji{font-size:2rem}.delivery-timer{transition:all .3s}.delivery-timer.urgent{animation:pulse-red .5s ease infinite}@keyframes pulse-red{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.timer-circle{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,var(--blue),var(--purple));display:flex;align-items:center;justify-content:center;box-shadow:0 8px 30px #60a5fa4d}.delivery-timer.urgent .timer-circle{background:linear-gradient(135deg,var(--red),var(--orange));box-shadow:0 8px 30px #f871714d}.timer-num{font-size:2rem;font-weight:900;color:#fff}.delivery-choices{display:grid;grid-template-columns:1fr 1fr;gap:1rem;width:100%;max-width:400px}.delivery-choice-btn{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.5rem 1rem;background:var(--card-bg);border:3px solid rgba(0,0,0,.06);border-radius:var(--radius);cursor:pointer;transition:all .2s;font-family:inherit;box-shadow:var(--shadow)}.delivery-choice-btn:not(:disabled):hover{transform:translateY(-3px);border-color:var(--blue)}.delivery-choice-btn.correct{border-color:var(--green);background:#4ade8026;animation:correct-pulse .5s ease}.delivery-choice-btn.dim{opacity:.4}@keyframes correct-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.choice-emoji{font-size:3rem}.choice-name{font-weight:700;font-size:.9rem}.delivery-feedback{padding:1rem 2rem;border-radius:var(--radius);font-weight:800;font-size:1.2rem;display:flex;align-items:center;gap:.5rem;animation:pop-in .3s ease}.delivery-feedback.correct{background:#4ade8026;color:#166534}.delivery-feedback.wrong{background:#f8717126;color:#991b1b}.feedback-emoji{font-size:2rem}.delivery-done{display:flex;flex-direction:column;align-items:center;padding:3rem;gap:1rem;animation:scale-in .5s ease}.done-emoji{font-size:6rem}.done-coins{font-size:1.5rem;font-weight:800;color:var(--theme-accent)}.shop-screen{min-height:100vh}.shop-coins{font-weight:800;font-size:1.1rem;color:var(--theme-accent)}.shop-tabs{display:flex;gap:.5rem;padding:1rem 1.5rem;overflow-x:auto}.shop-tab{padding:.7rem 1.2rem;border:2px solid rgba(0,0,0,.06);border-radius:2rem;background:var(--card-bg);font-family:inherit;font-weight:700;font-size:.9rem;cursor:pointer;transition:all .2s;white-space:nowrap}.shop-tab.active{border-color:var(--theme-accent);background:var(--theme-accent);color:#fff}.shop-content{padding:1rem 1.5rem}.shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem}.shop-item{background:var(--card-bg);border:2px solid rgba(0,0,0,.06);border-radius:var(--radius);padding:1.2rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;transition:all .2s;box-shadow:var(--shadow)}.shop-item.owned{border-color:var(--green)}.shop-item.selected{border-color:var(--theme-accent);box-shadow:0 0 0 3px #ff8f0033}.shop-item-emoji{font-size:3rem}.shop-item-name{font-weight:800;font-size:.95rem;text-align:center}.shop-item-detail{font-size:.75rem;color:#00000080;font-weight:600}.shop-owned-badge{font-size:.8rem;font-weight:700;color:var(--green)}.char-display{position:relative}.char-big-emoji{font-size:3.5rem}.char-big-hat{position:absolute;top:-8px;right:-8px;font-size:1.5rem}.theme-preview{width:100%;height:30px;border-radius:.5rem;border:2px solid rgba(0,0,0,.1)}.buy-btn{padding:.5rem 1.2rem;background:linear-gradient(135deg,var(--yellow),var(--orange));border:none;border-radius:2rem;font-family:inherit;font-weight:800;font-size:.9rem;color:var(--dark);cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #facc154d}.buy-btn:hover{transform:translateY(-2px)}.buy-btn.disabled{opacity:.4;cursor:not-allowed;transform:none}.select-btn{padding:.5rem 1.2rem;background:linear-gradient(135deg,var(--blue),var(--purple));border:none;border-radius:2rem;font-family:inherit;font-weight:800;font-size:.9rem;color:#fff;cursor:pointer;transition:all .2s}.select-btn:hover{transform:translateY(-2px)}.results-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;position:relative;overflow:hidden}.results-card{background:var(--card-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:2rem;padding:3rem 2rem;text-align:center;max-width:400px;width:100%;box-shadow:0 20px 60px #0000001a;border:2px solid rgba(255,255,255,.5);animation:scale-in .5s ease;z-index:5}.results-emoji{font-size:6rem;animation:done-bounce 1s ease infinite}.results-title{font-size:1.8rem;font-weight:900;color:var(--theme-accent);margin:.5rem 0}.results-recipe{font-size:1rem;color:#00000080;font-weight:600;margin-bottom:1rem}.results-stars{display:flex;justify-content:center;gap:.5rem;margin-bottom:1.5rem}.result-star{font-size:3rem;animation:star-spin .6s ease both}.result-star.empty{opacity:.3;font-size:2.5rem}.results-coins{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:2rem}.coin-fly{font-size:2rem;animation:coin-fly 1s ease}@keyframes coin-fly{0%{transform:translateY(20px) scale(0);opacity:0}60%{transform:translateY(-10px) scale(1.2);opacity:1}to{transform:translateY(0) scale(1);opacity:1}}.coin-earned{font-size:2.5rem;font-weight:900;color:var(--theme-accent)}.results-buttons{display:flex;flex-direction:column;gap:.8rem}.results-btn{padding:1rem 2rem;border:none;border-radius:2rem;font-family:inherit;font-weight:800;font-size:1.1rem;cursor:pointer;transition:all .2s}.results-btn:hover{transform:translateY(-3px)}.play-again{background:linear-gradient(135deg,var(--green),var(--blue));color:#fff;box-shadow:0 8px 30px #4ade804d}.back-menu{background:#0000000f;color:var(--dark)}.confetti-container{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:100;overflow:hidden}.confetti-piece{position:absolute;top:-40px;font-size:1.5rem;animation:confetti-fall linear infinite}@keyframes confetti-fall{0%{transform:translateY(-40px) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}@media(max-width:480px){.menu-title{font-size:2.2rem}.recipe-grid,.shop-grid{grid-template-columns:repeat(2,1fr)}.delivery-choices{grid-template-columns:1fr 1fr}.screen-header{padding:.8rem 1rem}.screen-header h2{font-size:1rem}}@media(min-width:768px){.recipe-grid,.shop-grid{grid-template-columns:repeat(3,1fr)}.menu-buttons{max-width:400px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}