:root{--green-dark: #2d5a1e;--green-mid: #4a8c2a;--green-light: #7bc043;--green-pale: #c6e2a6;--brown: #8b6914;--brown-light: #c4a265;--sky: #87ceeb;--sky-light: #e0f4ff;--gold: #ffd700;--white: #fffef7;--pink: #ff9eb5;--purple: #b388ff;--orange: #ff9800}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Nunito,Segoe UI,system-ui,-apple-system,sans-serif;background:linear-gradient(180deg,var(--sky-light) 0%,var(--green-pale) 40%,var(--green-light) 100%);min-height:100vh;color:#2d3436;overflow-x:hidden}#root{min-height:100vh}.app{min-height:100vh;max-width:900px;margin:0 auto;padding-bottom:2rem}.notifications{position:fixed;top:1rem;right:1rem;z-index:100;display:flex;flex-direction:column;gap:.5rem}.notification{background:#fffffff2;border:2px solid var(--green-mid);border-radius:1rem;padding:.6rem 1.2rem;font-weight:700;font-size:.9rem;box-shadow:0 4px 12px #00000026;animation:slideIn .3s ease-out,fadeOut .5s 2.5s ease-in forwards}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.header{background:linear-gradient(135deg,var(--green-dark) 0%,var(--green-mid) 100%);padding:1.2rem 1.5rem;border-radius:0 0 1.5rem 1.5rem;box-shadow:0 4px 20px #0003;position:sticky;top:0;z-index:50}.header-content{text-align:center}.app-title{font-size:1.6rem;color:var(--white);text-shadow:2px 2px 0 rgba(0,0,0,.2);margin-bottom:.8rem;letter-spacing:.02em}.title-plant{font-size:1.4rem}.stats-bar{display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap}.stat{display:flex;align-items:center;gap:.3rem;background:#fff3;border-radius:2rem;padding:.35rem .8rem}.stat-icon{font-size:1.1rem}.stat-value{font-weight:800;color:var(--gold);font-size:1.1rem;text-shadow:1px 1px 0 rgba(0,0,0,.3)}.stat-label{font-size:.7rem;color:#fffc;text-transform:uppercase;letter-spacing:.05em}.nav-tabs{display:flex;justify-content:center;gap:.4rem;padding:.8rem 1rem;flex-wrap:wrap}.nav-tab{background:#ffffffb3;border:2px solid transparent;border-radius:1rem;padding:.55rem 1.1rem;font-size:.95rem;font-weight:700;cursor:pointer;transition:all .2s;color:var(--green-dark)}.nav-tab:hover{background:#ffffffe6;transform:translateY(-1px)}.nav-tab.active{background:var(--white);border-color:var(--green-mid);box-shadow:0 2px 8px #4a8c2a4d}.main-content{padding:0 1rem}.section-title{font-size:1.4rem;color:var(--green-dark);margin-bottom:.5rem;display:flex;align-items:center;gap:.4rem}.title-emoji{font-size:1.3rem}.section-subtitle{color:#636e72;margin-bottom:1rem;font-size:.95rem}.garden-section{padding-top:.5rem}.planting-hint{background:linear-gradient(135deg,#fff9c4,#fff176);border:2px solid var(--gold);border-radius:1rem;padding:.7rem 1rem;margin-bottom:1rem;font-weight:600;text-align:center;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.hint-emoji{font-size:1.1rem}.garden-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.7rem}.garden-plot{aspect-ratio:1;border-radius:1rem;cursor:pointer;transition:all .2s;position:relative}.garden-plot:hover{transform:translateY(-3px)}.garden-plot.empty{background:#8b691426;border:2px dashed rgba(139,105,20,.3)}.garden-plot.has-plant{background:linear-gradient(145deg,#e8f5e9,#c8e6c9);border:2px solid var(--green-light);box-shadow:0 3px 10px #0000001a}.garden-plot.blooming{border-color:var(--gold);box-shadow:0 0 15px #ffd70066;animation:glow 2s ease-in-out infinite}@keyframes glow{0%,to{box-shadow:0 0 10px #ffd7004d}50%{box-shadow:0 0 25px #ffd70099}}.garden-plot.plantable{border-color:var(--gold);border-style:solid;background:#ffd7001a}.plot-soil{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.4rem;position:relative}.empty-plot{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.empty-icon{font-size:1.8rem;opacity:.3}.plantable-here .empty-icon{opacity:.8;animation:bounce 1s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.plant-display{margin-bottom:.2rem}.plant-emoji{font-size:2.2rem;filter:drop-shadow(0 2px 3px rgba(0,0,0,.2))}.progress-bar-container{width:80%;height:6px;background:#0000001a;border-radius:3px;overflow:hidden;margin-bottom:.2rem}.progress-bar-fill{height:100%;border-radius:3px;transition:width .3s ease}.plot-label{font-size:.65rem;font-weight:700;color:var(--green-dark);text-transform:uppercase;letter-spacing:.05em}.water-hint{font-size:.6rem;color:#1976d2;font-weight:600;margin-top:.1rem}.harvest-hint{font-size:.6rem;color:var(--gold);font-weight:700;margin-top:.1rem;animation:pulse 1s ease-in-out infinite}.shop-section{padding-top:.5rem}.shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem}.shop-card{background:var(--white);border:3px solid;border-radius:1rem;padding:1rem;transition:all .2s;box-shadow:0 3px 10px #00000014}.shop-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000001f}.shop-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.shop-plant-emoji{font-size:2.5rem}.rarity-badge{font-size:.65rem;font-weight:800;color:#fff;padding:.2rem .6rem;border-radius:1rem;text-transform:uppercase;letter-spacing:.08em}.shop-plant-name{font-size:1.1rem;color:var(--green-dark);margin-bottom:.4rem}.shop-plant-info{display:flex;gap:1rem;margin-bottom:.4rem}.info-item{font-size:.85rem;font-weight:600;color:#636e72}.owned-count{font-size:.8rem;font-weight:600;color:var(--green-mid);margin-bottom:.5rem}.shop-actions{display:flex;flex-direction:column;gap:.4rem}.btn{border:none;border-radius:.8rem;padding:.55rem 1rem;font-weight:700;font-size:.85rem;cursor:pointer;transition:all .2s}.btn:hover:not(.disabled){transform:translateY(-1px)}.btn-buy{background:linear-gradient(135deg,var(--green-light),var(--green-mid));color:#fff}.btn-buy.disabled{background:#ccc;cursor:not-allowed;opacity:.6}.btn-select{background:linear-gradient(135deg,#fff9c4,#ffe082);color:var(--brown);border:2px solid var(--gold)}.btn-select.selected{background:linear-gradient(135deg,var(--gold),var(--orange));color:#fff}.btn-claim{background:linear-gradient(135deg,var(--gold),var(--orange));color:#fff;font-size:.8rem}.collection-section{padding-top:.5rem}.collection-progress{background:var(--white);border-radius:1rem;padding:1rem;margin-bottom:1.2rem;box-shadow:0 2px 8px #00000014}.progress-text{font-weight:700;color:var(--green-dark);margin-bottom:.5rem;text-align:center}.big-progress-bar{width:100%;height:12px;background:#e0e0e0;border-radius:6px;overflow:hidden}.big-progress-fill{height:100%;background:linear-gradient(90deg,var(--green-light),var(--gold));border-radius:6px;transition:width .5s ease}.subsection-title{font-size:1rem;color:var(--green-dark);margin:1rem 0 .6rem}.collection-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.8rem}.collection-card{background:var(--white);border:3px solid;border-radius:1rem;padding:1rem;text-align:center;box-shadow:0 3px 10px #00000014}.collection-card.undiscovered{border-color:#ccc;opacity:.6}.collection-emoji{font-size:2.5rem;display:block;margin-bottom:.3rem}.collection-emoji.mystery{filter:grayscale(1)}.collection-name{font-size:1rem;color:var(--green-dark);margin-bottom:.3rem}.collection-name.mystery-name{color:#999}.plant-fact{font-size:.78rem;color:#636e72;line-height:1.4;margin-top:.3rem}.mystery-fact{color:#aaa;font-style:italic}.challenges-section{padding-top:.5rem}.challenges-list{display:flex;flex-direction:column;gap:.7rem}.challenge-card{background:var(--white);border:2px solid #e0e0e0;border-radius:1rem;padding:1rem;display:flex;justify-content:space-between;align-items:center;gap:1rem;transition:all .2s;box-shadow:0 2px 8px #0000000f}.challenge-card.ready{border-color:var(--gold);background:linear-gradient(135deg,#fffde7,#fff9c4);animation:pulse 2s ease-in-out infinite}.challenge-card.completed{border-color:var(--green-light);background:#e8f5e9;opacity:.8}.challenge-title{font-size:1rem;color:var(--green-dark);margin-bottom:.2rem}.challenge-desc{font-size:.8rem;color:#636e72}.challenge-reward{display:flex;flex-direction:column;align-items:center;gap:.3rem;min-width:80px}.reward-coins{font-weight:800;color:var(--gold);text-shadow:1px 1px 0 rgba(0,0,0,.1);font-size:1rem}.claimed-badge{font-size:.75rem;color:var(--green-mid);font-weight:700}@media(max-width:600px){.app-title{font-size:1.2rem}.stats-bar{gap:.8rem}.stat{padding:.25rem .5rem}.garden-grid{grid-template-columns:repeat(4,1fr);gap:.5rem}.plant-emoji{font-size:1.8rem}.nav-tab{padding:.4rem .8rem;font-size:.85rem}.shop-grid{grid-template-columns:1fr}.collection-grid{grid-template-columns:1fr 1fr}.challenge-card{flex-direction:column;text-align:center}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0000000d}::-webkit-scrollbar-thumb{background:var(--green-light);border-radius:4px}