@import"https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800&display=swap";:root{--pink: #ffb6c1;--pink-dark: #e8919f;--peach: #ffdab9;--cream: #fff8f0;--brown: #8b6f47;--brown-light: #c4a574;--green: #90d26d;--green-dark: #6ba84a;--yellow: #ffe066;--red: #ff7b7b;--blue: #87ceeb;--purple: #c9a0dc;--shadow: rgba(139, 111, 71, .15)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;font-family:Nunito,sans-serif;background:linear-gradient(180deg,#ffecd2,#fcb69f);color:#5a3e28;overflow-x:hidden}.game-container{max-width:900px;margin:0 auto;padding:1rem;min-height:100vh;display:flex;flex-direction:column;gap:.75rem}.header-bar{display:flex;align-items:center;justify-content:space-between;background:#fff;border-radius:1rem;padding:.75rem 1.25rem;box-shadow:0 4px 12px var(--shadow)}.header-bar h1{font-size:1.3rem;font-weight:800;color:var(--brown)}.header-bar h1 span{color:var(--pink-dark)}.stats-row{display:flex;gap:1.25rem;align-items:center}.stat{display:flex;align-items:center;gap:.35rem;font-weight:700;font-size:1rem}.stat-icon{font-size:1.25rem}.cafe-scene{position:relative;background:linear-gradient(180deg,#ffecd2,#fff5eb 40%,wheat);border-radius:1rem;min-height:340px;box-shadow:0 4px 12px var(--shadow);overflow:hidden;border:3px solid var(--brown-light)}.cafe-wall{position:absolute;top:0;left:0;right:0;height:100px;background:linear-gradient(180deg,#ffecd2,#fff5eb);border-bottom:4px dashed var(--brown-light);display:flex;align-items:center;justify-content:center;gap:2rem}.wall-art{font-size:1.6rem;animation:sway 3s ease-in-out infinite}.wall-art:nth-child(2){animation-delay:.5s}.wall-art:nth-child(3){animation-delay:1s}@keyframes sway{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}.cafe-counter{position:absolute;bottom:0;left:0;right:0;height:80px;background:linear-gradient(180deg,#c4a574,#8b6f47);border-top:6px solid #a0784c;display:flex;align-items:center;justify-content:center;gap:1rem}.counter-item{font-size:1.8rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));animation:bob 2s ease-in-out infinite}.counter-item:nth-child(2){animation-delay:.3s}.counter-item:nth-child(3){animation-delay:.6s}.counter-item:nth-child(4){animation-delay:.9s}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.customer-area{position:absolute;top:110px;left:0;right:0;bottom:86px;display:flex;align-items:flex-end;justify-content:center;gap:1.5rem;padding:0 1rem}.customer{display:flex;flex-direction:column;align-items:center;position:relative;animation:customerEnter .6s cubic-bezier(.34,1.56,.64,1)}@keyframes customerEnter{0%{transform:translateY(60px) scale(0);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.customer-leaving{animation:customerLeave .5s ease-in forwards}@keyframes customerLeave{0%{transform:translateY(0) scale(1);opacity:1}to{transform:translateY(-40px) scale(0);opacity:0}}.customer-body{font-size:3.5rem;cursor:pointer;transition:transform .15s;animation:customerBounce 1.5s ease-in-out infinite;filter:drop-shadow(0 4px 6px rgba(0,0,0,.15));-webkit-user-select:none;user-select:none}.customer-body:hover{transform:scale(1.15)}@keyframes customerBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.customer:nth-child(odd) .customer-body{animation-delay:.3s}.thought-bubble{position:absolute;top:-50px;background:#fff;border-radius:1rem;padding:.4rem .7rem;font-size:1.6rem;box-shadow:0 3px 10px var(--shadow);animation:bubblePop .4s cubic-bezier(.34,1.56,.64,1);white-space:nowrap}.thought-bubble:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:10px solid white}@keyframes bubblePop{0%{transform:scale(0)}to{transform:scale(1)}}.patience-bar-wrapper{width:50px;height:6px;background:#0000001a;border-radius:3px;margin-top:4px;overflow:hidden}.patience-bar{height:100%;border-radius:3px;transition:width .3s linear,background-color .3s}.customer-name{font-size:.65rem;font-weight:700;color:var(--brown);background:#fffc;padding:.1rem .4rem;border-radius:.5rem;margin-top:2px}.serving-tray{background:#fff;border-radius:1rem;padding:.75rem 1rem;box-shadow:0 4px 12px var(--shadow)}.serving-tray h2{font-size:.85rem;color:var(--brown);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.08em}.menu-items{display:flex;gap:.6rem;flex-wrap:wrap}.menu-item{display:flex;flex-direction:column;align-items:center;background:var(--cream);border:2px solid transparent;border-radius:.75rem;padding:.5rem .75rem;cursor:pointer;transition:all .2s;min-width:70px}.menu-item:hover{border-color:var(--pink);transform:translateY(-3px);box-shadow:0 4px 12px var(--shadow)}.menu-item:active{transform:translateY(0) scale(.95)}.menu-item-icon{font-size:1.8rem}.menu-item-name{font-size:.65rem;font-weight:700;color:var(--brown);margin-top:.15rem}.menu-item-price{font-size:.6rem;color:var(--brown-light)}.info-panel{display:flex;gap:.75rem}.info-card{flex:1;background:#fff;border-radius:1rem;padding:.75rem 1rem;box-shadow:0 4px 12px var(--shadow)}.info-card h3{font-size:.75rem;color:var(--brown-light);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.4rem}.info-card p{font-size:.85rem;font-weight:600;color:var(--brown)}.float-text{position:absolute;font-weight:800;font-size:1.1rem;pointer-events:none;animation:floatUp 1.2s ease-out forwards;z-index:100;text-shadow:0 1px 3px rgba(0,0,0,.2)}.float-text.positive{color:var(--green-dark)}.float-text.negative{color:var(--red)}.float-text.tip{color:var(--yellow)}@keyframes floatUp{0%{opacity:1;transform:translateY(0) scale(1)}50%{opacity:1;transform:translateY(-30px) scale(1.2)}to{opacity:0;transform:translateY(-60px) scale(.8)}}.sparkle{position:absolute;pointer-events:none;animation:sparkleAnim .8s ease-out forwards}@keyframes sparkleAnim{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(var(--dx),var(--dy)) scale(0)}}.game-btn{background:linear-gradient(135deg,var(--pink),var(--pink-dark));color:#fff;border:none;border-radius:.75rem;padding:.6rem 1.2rem;font-family:inherit;font-weight:700;font-size:.85rem;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #e8919f66}.game-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #e8919f80}.game-btn:active{transform:translateY(0)}.game-btn.green{background:linear-gradient(135deg,var(--green),var(--green-dark));box-shadow:0 4px 12px #6ba84a66}.game-btn.green:hover{box-shadow:0 6px 16px #6ba84a80}.day-banner{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff8f0f2;z-index:200;animation:bannerIn .5s ease;border-radius:1rem}.day-banner h2{font-size:2rem;color:var(--brown);animation:bannerText .6s cubic-bezier(.34,1.56,.64,1)}.day-banner p{font-size:1rem;color:var(--brown-light);margin-top:.5rem}@keyframes bannerIn{0%{opacity:0}to{opacity:1}}@keyframes bannerText{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.upgrade-panel{background:#fff;border-radius:1rem;padding:.75rem 1rem;box-shadow:0 4px 12px var(--shadow)}.upgrade-panel h2{font-size:.85rem;color:var(--brown);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.08em}.upgrades-grid{display:flex;gap:.5rem;flex-wrap:wrap}.upgrade-card{display:flex;align-items:center;gap:.5rem;background:var(--cream);border:2px solid transparent;border-radius:.75rem;padding:.4rem .7rem;cursor:pointer;transition:all .2s}.upgrade-card:hover:not(.disabled){border-color:var(--green);transform:translateY(-2px)}.upgrade-card.disabled{opacity:.5;cursor:not-allowed}.upgrade-card.purchased{border-color:var(--green);background:#f0ffe0}.upgrade-icon{font-size:1.4rem}.upgrade-info{display:flex;flex-direction:column}.upgrade-name{font-size:.7rem;font-weight:700;color:var(--brown)}.upgrade-cost{font-size:.6rem;color:var(--brown-light)}.stars{display:flex;gap:.15rem}.star{font-size:1rem;transition:transform .3s}.star.active{animation:starPop .4s cubic-bezier(.34,1.56,.64,1)}@keyframes starPop{0%{transform:scale(0)}to{transform:scale(1)}}@media(max-width:600px){.customer-body{font-size:2.5rem}.customer-area{gap:.75rem}.menu-item{min-width:58px;padding:.4rem .5rem}.menu-item-icon{font-size:1.4rem}.info-panel{flex-direction:column}}.summary-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:grid;place-items:center;z-index:500;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.summary-card{background:#fff;border-radius:1.5rem;padding:2rem;text-align:center;max-width:320px;box-shadow:0 20px 60px #0000004d;animation:summaryPop .5s cubic-bezier(.34,1.56,.64,1)}@keyframes summaryPop{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.summary-card h2{font-size:1.5rem;color:var(--brown);margin-bottom:.5rem}.summary-card .summary-stat{font-size:.9rem;color:var(--brown-light);margin:.25rem 0}.summary-card .summary-stat strong{color:var(--brown)}.summary-card .game-btn{margin-top:1rem}.zzz{position:absolute;top:-20px;right:-10px;font-size:1rem;animation:zzzFloat 1.5s ease-in-out infinite}@keyframes zzzFloat{0%,to{transform:translateY(0) rotate(0);opacity:.6}50%{transform:translateY(-10px) rotate(10deg);opacity:1}}.empty-cafe{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:var(--brown-light);font-size:.9rem;font-weight:600}.empty-cafe span{font-size:2rem;display:block;margin-bottom:.3rem;animation:bob 2s ease-in-out infinite}