@import"https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800;900&display=swap";:root{color-scheme:light;font-family:Nunito,ui-sans-serif,system-ui,sans-serif;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;background:#fef9f0;color:#3d2c1e;overflow-x:hidden}.game-container{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(180deg,#e8f5e9,#fef9f0 40%,#fff3e0)}.top-bar{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.5rem;background:linear-gradient(135deg,#ff8a65,#ff6f91,#ff9a9e);color:#fff;box-shadow:0 3px 12px #ff6f914d;position:sticky;top:0;z-index:100}.top-bar h1{font-size:1.3rem;font-weight:900;letter-spacing:-.01em;text-shadow:0 1px 3px rgba(0,0,0,.15)}.coins-display{display:flex;align-items:center;gap:.4rem;background:#ffffff40;padding:.3rem .8rem;border-radius:2rem;font-weight:700;font-size:.95rem}.nav-tabs{display:flex;gap:.25rem;padding:.5rem 1rem;background:#ffffffb3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);overflow-x:auto;-webkit-overflow-scrolling:touch}.nav-tab{flex:1;min-width:70px;display:flex;flex-direction:column;align-items:center;gap:.15rem;padding:.5rem .3rem;border:none;background:transparent;border-radius:.75rem;cursor:pointer;font-family:inherit;font-size:.65rem;font-weight:700;color:#8d6e63;transition:all .2s}.nav-tab:hover{background:#ff8a651a}.nav-tab.active{background:linear-gradient(135deg,#ff8a65,#ff6f91);color:#fff;box-shadow:0 2px 8px #ff6f914d;transform:translateY(-1px)}.nav-tab .nav-icon{font-size:1.3rem}.main-content{flex:1;padding:1rem;display:flex;flex-direction:column;gap:1rem;max-width:600px;margin:0 auto;width:100%}.panda-card{background:#fff;border-radius:1.5rem;padding:1.25rem;box-shadow:0 4px 20px #0000000f;border:2px solid #fce4ec;position:relative;overflow:hidden}.panda-card:before{content:"";position:absolute;top:-40px;right:-40px;width:120px;height:120px;background:radial-gradient(circle,rgba(255,183,197,.2) 0%,transparent 70%);border-radius:50%}.panda-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.panda-avatar{font-size:3.5rem;filter:drop-shadow(0 3px 6px rgba(0,0,0,.1));animation:panda-bounce 2s ease-in-out infinite}@keyframes panda-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.panda-name{font-size:1.2rem;font-weight:800;color:#4e342e}.panda-mood{font-size:.8rem;color:#8d6e63;font-weight:600}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.stat-item{display:flex;flex-direction:column;gap:.2rem}.stat-label{display:flex;align-items:center;justify-content:space-between;font-size:.75rem;font-weight:700;color:#6d4c41}.stat-bar-bg{height:8px;background:#f5f5f5;border-radius:4px;overflow:hidden}.stat-bar-fill{height:100%;border-radius:4px;transition:width .5s ease}.stat-bar-fill.hunger{background:linear-gradient(90deg,#ffab91,#ff7043)}.stat-bar-fill.clean{background:linear-gradient(90deg,#81d4fa,#29b6f6)}.stat-bar-fill.happy{background:linear-gradient(90deg,#fff176,#ffd54f)}.stat-bar-fill.energy{background:linear-gradient(90deg,#a5d6a7,#66bb6a)}.section-title{font-size:1rem;font-weight:800;color:#4e342e;margin-bottom:.5rem;display:flex;align-items:center;gap:.4rem}.activities-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.activity-btn{display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:.75rem .4rem;border:2px solid #f0e6d8;background:#fffdf8;border-radius:1rem;cursor:pointer;font-family:inherit;font-size:.7rem;font-weight:700;color:#6d4c41;transition:all .2s}.activity-btn:hover{border-color:#ff8a65;background:#fff3e0;transform:translateY(-2px);box-shadow:0 4px 12px #ff8a6533}.activity-btn:active{transform:translateY(0)}.activity-btn .act-icon{font-size:1.6rem}.activity-btn.disabled{opacity:.4;pointer-events:none}.room-bg{border-radius:1rem;padding:1rem;margin-bottom:.5rem;text-align:center;position:relative;overflow:hidden;min-height:80px;display:flex;align-items:center;justify-content:center}.room-bg.nursery{background:linear-gradient(135deg,#fce4ec,#f8bbd0);border:2px solid #f48fb1}.room-bg.kitchen{background:linear-gradient(135deg,#fff3e0,#ffe0b2);border:2px solid #ffcc80}.room-bg.bathroom{background:linear-gradient(135deg,#e0f7fa,#b2ebf2);border:2px solid #80deea}.room-bg.bedroom{background:linear-gradient(135deg,#ede7f6,#d1c4e9);border:2px solid #b39ddb}.room-bg.garden{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border:2px solid #a5d6a7}.room-bg.playroom{background:linear-gradient(135deg,#fff9c4,#fff59d);border:2px solid #fff176}.room-scene{font-size:2.5rem;display:flex;gap:.5rem;align-items:center}.room-label{position:absolute;bottom:.4rem;right:.6rem;font-size:.65rem;font-weight:800;color:#0000004d;text-transform:uppercase;letter-spacing:.1em}.mini-game-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:200;padding:1rem;animation:fade-in .2s}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.mini-game-card{background:#fff;border-radius:1.5rem;padding:1.5rem;width:100%;max-width:400px;box-shadow:0 10px 40px #00000026;position:relative}.mini-game-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.mini-game-header h2{font-size:1.1rem;font-weight:800;color:#4e342e}.close-btn{width:30px;height:30px;border-radius:50%;border:none;background:#f5f5f5;cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center;color:#999;transition:all .2s}.close-btn:hover{background:#eee;color:#666}.bubble-area{position:relative;height:250px;background:linear-gradient(180deg,#e0f7fa,#b2ebf2);border-radius:1rem;overflow:hidden;cursor:pointer;-webkit-user-select:none;user-select:none}.bubble{position:absolute;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;animation:bubble-float 3s ease-in-out infinite;transition:transform .1s;-webkit-user-select:none;user-select:none}.bubble:active{transform:scale(.8)}@keyframes bubble-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.bubble-pop{animation:pop .3s forwards}@keyframes pop{0%{transform:scale(1);opacity:1}50%{transform:scale(1.4);opacity:.5}to{transform:scale(0);opacity:0}}.game-score{text-align:center;margin-top:.5rem;font-weight:800;color:#4e342e;font-size:.9rem}.game-timer{text-align:center;font-weight:700;color:#ff6f91;font-size:.85rem;margin-top:.25rem}.dress-options{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;margin-top:.5rem}.dress-option{display:flex;flex-direction:column;align-items:center;padding:.5rem;border:2px solid #f0e6d8;border-radius:.75rem;background:#fffdf8;cursor:pointer;font-family:inherit;font-size:.65rem;font-weight:600;color:#6d4c41;transition:all .2s}.dress-option:hover,.dress-option.selected{border-color:#ff6f91;background:#fce4ec;transform:translateY(-2px)}.dress-option .dress-icon{font-size:1.5rem;margin-bottom:.15rem}.dressed-panda{font-size:4rem;text-align:center;padding:.5rem;position:relative}.dressed-accessory{position:absolute;font-size:1.4rem;animation:accessory-bob 1.5s ease-in-out infinite}@keyframes accessory-bob{0%,to{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-3px) rotate(5deg)}}.food-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;margin-top:.5rem}.food-item{display:flex;flex-direction:column;align-items:center;padding:.5rem;border:2px solid #f0e6d8;border-radius:.75rem;background:#fffdf8;cursor:pointer;font-family:inherit;font-size:.6rem;font-weight:600;color:#6d4c41;transition:all .2s}.food-item:hover{border-color:#ff7043;background:#fff3e0;transform:scale(1.05)}.food-item .food-icon{font-size:1.6rem;margin-bottom:.15rem}.eating-anim{animation:eat .5s ease-in-out}@keyframes eat{0%,to{transform:scale(1) rotate(0)}25%{transform:scale(1.1) rotate(-5deg)}75%{transform:scale(1.1) rotate(5deg)}}.feed-message{text-align:center;font-weight:700;color:#ff7043;font-size:.85rem;margin-top:.5rem;min-height:1.3em}.bath-area{text-align:center;padding:1rem;background:linear-gradient(180deg,#e0f7fa,#b2ebf2);border-radius:1rem;position:relative;min-height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem}.bath-panda{font-size:3.5rem;transition:all .3s}.bath-panda.scrubbing{animation:scrub .4s ease-in-out}@keyframes scrub{0%,to{transform:rotate(0)}25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}}.bubbles-float{position:absolute;font-size:1.2rem;animation:float-up 2s ease-in infinite;opacity:.7}@keyframes float-up{0%{transform:translateY(0) scale(1);opacity:.7}to{transform:translateY(-60px) scale(.5);opacity:0}}.bath-btn{padding:.6rem 1.5rem;border:none;background:linear-gradient(135deg,#29b6f6,#0288d1);color:#fff;border-radius:2rem;font-family:inherit;font-size:.85rem;font-weight:700;cursor:pointer;transition:all .2s}.bath-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0288d14d}.bedtime-routine{display:flex;flex-direction:column;gap:.75rem;margin-top:.5rem}.bedtime-step{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#fff;border-radius:1rem;border:2px solid #ede7f6;cursor:pointer;font-family:inherit;transition:all .2s}.bedtime-step:hover{border-color:#b39ddb;background:#ede7f6}.bedtime-step.done{opacity:.5;border-color:#a5d6a7;background:#e8f5e9}.bedtime-step .step-icon{font-size:1.5rem}.bedtime-step .step-text{font-weight:700;font-size:.85rem;color:#4e342e}.bedtime-step .step-status{margin-left:auto;font-size:1rem}.sleeping-panda{text-align:center;padding:1.5rem;font-size:4rem;animation:sleep 3s ease-in-out infinite}@keyframes sleep{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.zzz{position:absolute;font-size:1.2rem;color:#7e57c2;animation:zzz-float 2s ease-in-out infinite}@keyframes zzz-float{0%{transform:translate(0) scale(.8);opacity:0}50%{opacity:1}to{transform:translate(20px,-30px) scale(1.2);opacity:0}}.garden-toys{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-top:.5rem}.toy-btn{display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:.75rem .4rem;border:2px solid #c8e6c9;background:#f1f8e9;border-radius:1rem;cursor:pointer;font-family:inherit;font-size:.7rem;font-weight:700;color:#33691e;transition:all .2s}.toy-btn:hover{border-color:#66bb6a;background:#dcedc8;transform:translateY(-2px) rotate(3deg)}.toy-btn .toy-icon{font-size:1.6rem}.garden-scene{text-align:center;padding:1rem;min-height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.3rem}.garden-panda-playing{font-size:3rem;animation:play-bounce .6s ease-in-out infinite}@keyframes play-bounce{0%,to{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-10px) rotate(5deg)}}.play-text{font-weight:700;font-size:.85rem;color:#33691e}.catch-area{position:relative;height:250px;background:linear-gradient(180deg,#c8e6c9,#a5d6a7);border-radius:1rem;overflow:hidden;cursor:pointer;-webkit-user-select:none;user-select:none}.falling-item{position:absolute;font-size:1.5rem;cursor:pointer;transition:transform .1s;-webkit-user-select:none;user-select:none}.falling-item:active{transform:scale(.8)}.catch-basket{position:absolute;bottom:10px;font-size:2rem;transition:left .05s}.toast{position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);background:#4e342e;color:#fff;padding:.6rem 1.2rem;border-radius:2rem;font-weight:700;font-size:.85rem;z-index:300;box-shadow:0 4px 20px #0003;animation:toast-in .3s ease-out;white-space:nowrap}@keyframes toast-in{0%{transform:translate(-50%) translateY(20px);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}.panda-select{display:flex;gap:.5rem;overflow-x:auto;padding:.25rem}.panda-select-btn{display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.5rem .75rem;border:2px solid #f0e6d8;background:#fff;border-radius:1rem;cursor:pointer;font-family:inherit;font-size:.7rem;font-weight:700;color:#6d4c41;transition:all .2s;white-space:nowrap}.panda-select-btn.active{border-color:#ff6f91;background:#fce4ec}.panda-select-btn .sel-emoji{font-size:1.3rem}.star-burst{position:fixed;pointer-events:none;z-index:250;font-size:1.5rem;animation:star-fly .8s ease-out forwards}@keyframes star-fly{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(var(--dx),var(--dy)) scale(0);opacity:0}}@media(max-width:400px){.activities-grid{grid-template-columns:repeat(2,1fr)}.stats-grid{grid-template-columns:1fr}}