@import"https://fonts.googleapis.com/css2?family=Fredoka:wght@400;500;600;700&display=swap";:root{--pink: #FF6B9D;--orange: #FF8C42;--yellow: #FFD93D;--green: #6BCB77;--blue: #4ECDC4;--purple: #A66CFF;--red: #FF6B6B;--cream: #FFF8E7;--brown: #8B6914;--dark: #2D1B00;--bg: #FFF0D4;--card: #FFFFFF;--shadow: rgba(0,0,0,.1)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;font-family:Fredoka,sans-serif;background:var(--bg);overflow-x:hidden;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.title-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#ffe5b4,#ffdab9,#ffb347 60%,#ff8c42);padding:2rem;text-align:center;position:relative;overflow:hidden}.title-screen:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 20% 80%,rgba(255,107,107,.2) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(78,205,196,.2) 0%,transparent 50%)}.title-logo{font-size:clamp(2.5rem,8vw,4.5rem);font-weight:700;color:var(--red);text-shadow:3px 3px 0 var(--yellow),6px 6px 0 rgba(0,0,0,.1);position:relative;z-index:1;animation:titleBounce 2s ease-in-out infinite}.title-sub{font-size:clamp(1rem,3vw,1.5rem);color:var(--brown);margin:.5rem 0 2rem;position:relative;z-index:1}.title-foods{font-size:clamp(2rem,6vw,4rem);margin-bottom:2rem;position:relative;z-index:1;animation:foodFloat 3s ease-in-out infinite}.title-btn{font-family:Fredoka,sans-serif;font-size:clamp(1.3rem,4vw,1.8rem);font-weight:600;padding:1rem 3rem;border:none;border-radius:50px;background:linear-gradient(135deg,var(--red),var(--pink));color:#fff;cursor:pointer;position:relative;z-index:1;box-shadow:0 6px #c55,0 8px 20px #ff6b6b66;transition:transform .1s,box-shadow .1s}.title-btn:active{transform:translateY(4px);box-shadow:0 2px #c55,0 4px 10px #ff6b6b66}.floating-food{position:absolute;font-size:2.5rem;animation:floatAround 6s ease-in-out infinite;z-index:0;opacity:.7}.kitchen{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(180deg,#fff8e7,#ffe4b5)}.kitchen-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:linear-gradient(135deg,var(--orange),var(--red));color:#fff;box-shadow:0 4px 15px #ff6b6b4d}.coins-display{display:flex;align-items:center;gap:.5rem;font-size:1.3rem;font-weight:600;background:#fff3;padding:.4rem 1rem;border-radius:30px}.shop-btn{font-family:Fredoka,sans-serif;font-size:1rem;font-weight:600;padding:.5rem 1.2rem;border:2px solid white;border-radius:30px;background:transparent;color:#fff;cursor:pointer;transition:background .2s}.shop-btn:active{background:#fff3}.customer-area{padding:1.5rem;text-align:center}.customer-area h2{font-size:1.1rem;color:var(--brown);margin-bottom:1rem}.customer-card{background:#fff;border-radius:20px;padding:1.2rem;box-shadow:0 4px 15px var(--shadow);display:flex;align-items:center;gap:1rem;max-width:400px;margin:0 auto;animation:slideIn .5s ease-out;border:3px solid var(--yellow)}.customer-emoji{font-size:3rem;animation:customerBounce 1s ease-in-out infinite}.customer-order{flex:1;text-align:left}.customer-name{font-weight:600;color:var(--dark);font-size:1.1rem}.customer-wants{color:#666;font-size:.95rem;margin-top:.2rem}.customer-patience{margin-top:.5rem;height:8px;background:#eee;border-radius:10px;overflow:hidden}.patience-bar{height:100%;border-radius:10px;transition:width .5s,background .5s}.no-customer{color:#999;font-size:1rem;padding:1.5rem}.recipe-section{flex:1;padding:0 1.5rem 1.5rem}.recipe-section h2{font-size:1.1rem;color:var(--brown);margin-bottom:1rem}.recipe-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem;max-width:500px;margin:0 auto}.recipe-card{background:#fff;border-radius:20px;padding:1.2rem .8rem;text-align:center;cursor:pointer;transition:transform .15s,box-shadow .15s;box-shadow:0 4px 15px var(--shadow);border:3px solid transparent;position:relative;overflow:hidden}.recipe-card:active{transform:scale(.95)}.recipe-card.highlight{border-color:var(--yellow);animation:pulse 1.5s ease-in-out infinite}.recipe-card.locked{opacity:.5;pointer-events:none}.recipe-emoji{font-size:3rem;display:block;margin-bottom:.5rem}.recipe-name{font-weight:600;color:var(--dark);font-size:1rem}.recipe-reward{color:var(--orange);font-size:.85rem;margin-top:.3rem}.cooking-screen{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(180deg,#fff5e1,#ffe8cc)}.cooking-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:linear-gradient(135deg,var(--blue),var(--green));color:#fff}.cooking-header h2{font-size:1.2rem}.back-btn{font-family:Fredoka,sans-serif;font-size:1rem;font-weight:600;padding:.4rem 1rem;border:2px solid white;border-radius:30px;background:transparent;color:#fff;cursor:pointer}.back-btn:active{background:#fff3}.cooking-progress{display:flex;gap:.5rem;padding:1rem 1.5rem;justify-content:center}.progress-dot{width:14px;height:14px;border-radius:50%;background:#ddd;transition:background .3s,transform .3s}.progress-dot.done{background:var(--green);transform:scale(1.2)}.progress-dot.active{background:var(--yellow);animation:pulse 1s ease-in-out infinite}.cooking-area{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem;gap:1.5rem}.food-visual{width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,#fff,#fff8f0);display:flex;align-items:center;justify-content:center;font-size:5rem;box-shadow:0 8px 30px #0000001a;position:relative;transition:transform .3s}.food-visual.cooking{animation:cookShake .3s ease-in-out}.food-visual.done{animation:cookDone .6s ease-out}.food-step-label{position:absolute;bottom:-10px;background:var(--orange);color:#fff;padding:.3rem 1rem;border-radius:20px;font-size:.8rem;font-weight:600;white-space:nowrap}.step-instruction{font-size:1.3rem;font-weight:600;color:var(--dark);text-align:center;padding:0 1rem}.cook-btn{font-family:Fredoka,sans-serif;font-size:1.4rem;font-weight:700;padding:1.2rem 3rem;border:none;border-radius:50px;cursor:pointer;color:#fff;box-shadow:0 6px #0003;transition:transform .1s,box-shadow .1s;min-width:200px}.cook-btn:active{transform:translateY(4px);box-shadow:0 2px #0003}.cook-btn.stir{background:linear-gradient(135deg,var(--blue),#45B7AA)}.cook-btn.flip{background:linear-gradient(135deg,var(--orange),#E07830)}.cook-btn.place{background:linear-gradient(135deg,var(--green),#55B865)}.cook-btn.bake{background:linear-gradient(135deg,var(--red),#E05555)}.cook-btn.decorate{background:linear-gradient(135deg,var(--pink),#E05588)}.cook-btn.pour{background:linear-gradient(135deg,var(--purple),#8B55E0)}.cook-btn.scoop{background:linear-gradient(135deg,var(--yellow),#E0C030);color:var(--dark)}.particles{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:100}.particle{position:absolute;font-size:1.5rem;animation:particleFly 1s ease-out forwards}.result-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center;background:linear-gradient(135deg,#ffe5b4,#ffdab9,#ffb6c1);gap:1.5rem}.result-customer{font-size:5rem;animation:resultBounce .8s ease-out}.result-stars{display:flex;gap:.5rem;font-size:2.5rem}.star{animation:starPop .4s ease-out backwards}.star:nth-child(1){animation-delay:.2s}.star:nth-child(2){animation-delay:.4s}.star:nth-child(3){animation-delay:.6s}.star.empty{opacity:.3}.result-message{font-size:1.5rem;font-weight:700;color:var(--dark)}.result-coins{font-size:1.3rem;font-weight:600;color:var(--orange);display:flex;align-items:center;gap:.5rem;animation:coinBounce .6s ease-out .8s backwards}.result-btn{font-family:Fredoka,sans-serif;font-size:1.2rem;font-weight:600;padding:.8rem 2.5rem;border:none;border-radius:50px;background:linear-gradient(135deg,var(--green),#55B865);color:#fff;cursor:pointer;box-shadow:0 4px #449950;transition:transform .1s}.result-btn:active{transform:translateY(3px)}.shop-screen{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(180deg,#e8d5f5,#f0e6ff)}.shop-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:linear-gradient(135deg,var(--purple),#8B55E0);color:#fff}.shop-header h2{font-size:1.3rem}.shop-coins{font-size:1.2rem;font-weight:600;background:#fff3;padding:.3rem 1rem;border-radius:20px}.shop-grid{padding:1.5rem;display:grid;gap:1rem;max-width:500px;margin:0 auto;width:100%}.upgrade-card{background:#fff;border-radius:20px;padding:1.2rem;display:flex;align-items:center;gap:1rem;box-shadow:0 4px 15px var(--shadow);cursor:pointer;transition:transform .15s;border:3px solid transparent}.upgrade-card:active{transform:scale(.97)}.upgrade-card.owned{border-color:var(--green);background:#f0fff0}.upgrade-card.too-expensive{opacity:.5}.upgrade-emoji{font-size:2.5rem}.upgrade-info{flex:1;text-align:left}.upgrade-name{font-weight:600;color:var(--dark);font-size:1.05rem}.upgrade-desc{color:#666;font-size:.85rem;margin-top:.2rem}.upgrade-price{font-weight:700;color:var(--orange);font-size:1.1rem}.upgrade-owned-badge{color:var(--green);font-weight:600;font-size:.9rem}.level-bar-container{padding:.5rem 1.5rem;background:#ffffff80}.level-bar-info{display:flex;justify-content:space-between;font-size:.8rem;color:var(--brown);font-weight:600;margin-bottom:.3rem}.level-bar{height:10px;background:#eee;border-radius:10px;overflow:hidden}.level-bar-fill{height:100%;background:linear-gradient(90deg,var(--yellow),var(--orange));border-radius:10px;transition:width .5s}@keyframes titleBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes foodFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-15px) rotate(5deg)}}@keyframes floatAround{0%{transform:translateY(0) rotate(0)}33%{transform:translateY(-20px) rotate(10deg)}66%{transform:translateY(10px) rotate(-5deg)}to{transform:translateY(0) rotate(0)}}@keyframes slideIn{0%{transform:translateY(-30px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes customerBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes pulse{0%,to{box-shadow:0 0 #ffd93d66}50%{box-shadow:0 0 0 10px #ffd93d00}}@keyframes cookShake{0%,to{transform:rotate(0)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}@keyframes cookDone{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes particleFly{0%{transform:translateY(0) scale(1);opacity:1}to{transform:translateY(-100px) scale(.5);opacity:0}}@keyframes resultBounce{0%{transform:scale(0)}60%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes starPop{0%{transform:scale(0) rotate(-180deg)}to{transform:scale(1) rotate(0)}}@keyframes coinBounce{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes popIn{0%{transform:scale(0)}70%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}@media(max-width:400px){.recipe-grid{grid-template-columns:repeat(2,1fr);gap:.8rem}.recipe-emoji{font-size:2.5rem}.food-visual{width:160px;height:160px;font-size:4rem}}