@import"https://fonts.googleapis.com/css2?family=Fredoka:wght@400;500;600;700&display=swap";:root{--garlic-cream: #f5f0e1;--garlic-gold: #f2c94c;--garlic-green: #6fcf97;--garlic-dark-green: #27ae60;--garlic-brown: #8b6f47;--garlic-purple: #9b51e0;--garlic-red: #eb5757;--garlic-orange: #f2994a;--garlic-blue: #56ccf2;--soil-dark: #5c3d2e;--soil-light: #8b6f47;--sky-top: #87ceeb;--sky-bottom: #c6e6f7}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;font-family:Fredoka,sans-serif;overflow-x:hidden}body{background:linear-gradient(180deg,var(--sky-top) 0%,var(--sky-bottom) 40%,#a8d5a2 60%,#6b8f5e 100%)}#root{display:flex;flex-direction:column;min-height:100vh}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}@keyframes sparkle{0%,to{opacity:0;transform:scale(0) rotate(0)}50%{opacity:1;transform:scale(1) rotate(180deg)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes growUp{0%{transform:scaleY(0);transform-origin:bottom}to{transform:scaleY(1);transform-origin:bottom}}@keyframes coinPop{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-60px) scale(1.5)}}@keyframes pestWalk{0%{transform:translate(-100%)}to{transform:translate(100vw)}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}@keyframes starBurst{0%{transform:scale(0) rotate(0);opacity:1}to{transform:scale(2) rotate(180deg);opacity:0}}.game-header{background:linear-gradient(135deg,#2d5016,#3a6b1e,#2d5016);padding:12px 20px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 4px 15px #0000004d;position:sticky;top:0;z-index:100;flex-wrap:wrap;gap:8px}.game-title{color:var(--garlic-gold);font-size:1.4rem;font-weight:700;text-shadow:2px 2px 0 rgba(0,0,0,.3);display:flex;align-items:center;gap:8px}.game-title .garlic-icon{font-size:1.6rem;animation:bounce 2s infinite}.stats-bar{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.stat{display:flex;align-items:center;gap:6px;background:#00000040;padding:6px 14px;border-radius:20px;color:#fff;font-weight:600;font-size:.9rem;border:1px solid rgba(255,255,255,.1)}.stat-icon{font-size:1.1rem}.stat-value{min-width:20px;text-align:center}.level-badge{background:linear-gradient(135deg,var(--garlic-purple),#7b2ff7);padding:6px 14px;border-radius:20px;color:#fff;font-weight:700;font-size:.85rem;border:2px solid rgba(255,255,255,.3)}.nav-tabs{display:flex;justify-content:center;gap:4px;padding:8px 16px;background:#00000026;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-wrap:wrap}.nav-tab{padding:10px 20px;border:none;border-radius:12px 12px 0 0;font-family:Fredoka,sans-serif;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:6px;background:#ffffff1a;color:#ffffffb3}.nav-tab:hover{background:#fff3;color:#fff}.nav-tab.active{background:var(--garlic-cream);color:#2d5016;box-shadow:0 -2px 10px #0000001a}.game-content{flex:1;padding:20px;display:flex;flex-direction:column;align-items:center}.farm-container{max-width:600px;width:100%}.farm-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:8px}.farm-title{font-size:1.3rem;color:#fff;text-shadow:1px 1px 3px rgba(0,0,0,.3)}.farm-tools{display:flex;gap:6px}.tool-btn{padding:8px 16px;border:2px solid transparent;border-radius:10px;font-family:Fredoka,sans-serif;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:4px}.tool-btn.plant{background:var(--garlic-green);color:#1a472a}.tool-btn.harvest{background:var(--garlic-gold);color:#5c4a1e}.tool-btn.water{background:var(--garlic-blue);color:#1a475c}.tool-btn.shoo{background:var(--garlic-red);color:#fff}.tool-btn:hover{transform:scale(1.05)}.tool-btn.active{border-color:#fff;box-shadow:0 0 12px #ffffff80;transform:scale(1.05)}.farm-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:20px;background:linear-gradient(180deg,var(--soil-dark) 0%,var(--soil-light) 100%);border-radius:16px;border:4px solid #3a2a1a;box-shadow:0 8px 25px #0000004d,inset 0 2px 10px #0003}.plot{aspect-ratio:1;border-radius:12px;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;border:2px dashed rgba(255,255,255,.15);background:#00000026;min-height:90px}.plot:hover{transform:scale(1.05);border-color:#fff6;background:#ffffff1a}.plot.planted{border-style:solid;border-color:var(--garlic-green);background:#6fcf971a}.plot.ready{border-color:var(--garlic-gold);background:#f2c94c26;animation:pulse 2s infinite}.plot.withered{border-color:var(--garlic-red);background:#eb57571a}.plot.has-pest{border-color:var(--garlic-red);animation:shake .5s infinite}.plot-garlic{font-size:2.2rem;animation:growUp .5s ease-out}.plot-stage{font-size:.7rem;color:#ffffffb3;margin-top:4px;font-weight:500}.plot-progress{width:70%;height:4px;background:#fff3;border-radius:2px;margin-top:6px;overflow:hidden}.plot-progress-fill{height:100%;background:var(--garlic-green);border-radius:2px;transition:width .3s}.plot-pest{position:absolute;top:-5px;right:-5px;font-size:1.3rem;animation:wiggle .5s infinite}.plot-sparkle{position:absolute;top:5px;right:5px;font-size:.9rem;animation:sparkle 1.5s infinite}.coin-float{position:absolute;font-size:1rem;font-weight:700;color:var(--garlic-gold);animation:coinPop 1s ease-out forwards;pointer-events:none}.recipes-container{max-width:600px;width:100%}.recipes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:14px}.recipe-card{background:linear-gradient(135deg,#ffffff1f,#ffffff0d);border-radius:16px;padding:18px;text-align:center;border:2px solid rgba(255,255,255,.1);transition:all .2s;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.recipe-card:hover{transform:translateY(-4px);border-color:var(--garlic-gold)}.recipe-card.cookable{border-color:var(--garlic-green);box-shadow:0 0 15px #6fcf974d}.recipe-emoji{font-size:2.5rem;margin-bottom:8px}.recipe-name{color:#fff;font-weight:600;font-size:.95rem;margin-bottom:6px}.recipe-reward{color:var(--garlic-gold);font-weight:700;font-size:.9rem;margin-bottom:8px}.recipe-ingredients{font-size:.75rem;color:#fff9}.cook-btn{margin-top:10px;padding:6px 18px;border:none;border-radius:8px;font-family:Fredoka,sans-serif;font-weight:600;font-size:.8rem;cursor:pointer;background:var(--garlic-orange);color:#fff;transition:all .2s}.cook-btn:hover{transform:scale(1.05)}.cook-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.shop-container{max-width:600px;width:100%}.shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:14px}.shop-item{background:linear-gradient(135deg,#ffffff1f,#ffffff0d);border-radius:16px;padding:18px;text-align:center;border:2px solid rgba(255,255,255,.1);transition:all .2s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.shop-item:hover{transform:translateY(-4px);border-color:var(--garlic-purple)}.shop-item.affordable{border-color:var(--garlic-gold)}.shop-emoji{font-size:2.2rem;margin-bottom:8px}.shop-name{color:#fff;font-weight:600;font-size:.9rem;margin-bottom:4px}.shop-desc{font-size:.75rem;color:#ffffff80;margin-bottom:8px}.shop-price{color:var(--garlic-gold);font-weight:700;font-size:.95rem}.buy-btn{margin-top:10px;padding:6px 18px;border:none;border-radius:8px;font-family:Fredoka,sans-serif;font-weight:600;font-size:.8rem;cursor:pointer;background:var(--garlic-purple);color:#fff;transition:all .2s}.buy-btn:hover{transform:scale(1.05)}.buy-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.codex-container{max-width:600px;width:100%}.codex-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.codex-entry{background:linear-gradient(135deg,#ffffff1f,#ffffff0d);border-radius:14px;padding:16px;text-align:center;border:2px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .2s}.codex-entry.discovered{border-color:var(--garlic-gold)}.codex-entry.locked{opacity:.4;filter:grayscale(1)}.codex-emoji{font-size:2.2rem;margin-bottom:6px}.codex-name{color:#fff;font-weight:600;font-size:.85rem}.codex-rarity{font-size:.7rem;color:var(--garlic-gold);margin-top:4px}.message-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:200;animation:fadeIn .3s}.message-box{background:linear-gradient(135deg,#2d5016,#3a6b1e);border:3px solid var(--garlic-gold);border-radius:20px;padding:30px 40px;text-align:center;max-width:400px;width:90%;animation:slideUp .3s;box-shadow:0 10px 40px #0006}.message-box h2{color:var(--garlic-gold);font-size:1.4rem;margin-bottom:10px}.message-box p{color:#ffffffd9;font-size:.95rem;margin-bottom:16px}.msg-btn{padding:10px 30px;border:none;border-radius:10px;font-family:Fredoka,sans-serif;font-weight:700;font-size:1rem;cursor:pointer;background:var(--garlic-gold);color:#2d5016;transition:all .2s}.msg-btn:hover{transform:scale(1.05)}.intro-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 20px;background:linear-gradient(180deg,#1a3a0a,#2d5016,#3a6b1e 60%,#2d5016)}.intro-garlic{font-size:5rem;animation:float 3s ease-in-out infinite;margin-bottom:20px;filter:drop-shadow(0 10px 20px rgba(0,0,0,.3))}.intro-title{font-size:2.4rem;color:var(--garlic-gold);text-shadow:3px 3px 0 rgba(0,0,0,.3);margin-bottom:8px}.intro-subtitle{font-size:1.1rem;color:#ffffffb3;margin-bottom:30px;max-width:400px}.play-btn{padding:16px 50px;border:none;border-radius:16px;font-family:Fredoka,sans-serif;font-weight:700;font-size:1.3rem;cursor:pointer;background:linear-gradient(135deg,var(--garlic-gold),#e0a800);color:#2d5016;box-shadow:0 6px 20px #f2c94c66;transition:all .2s;animation:pulse 2s infinite}.play-btn:hover{transform:scale(1.08);box-shadow:0 8px 30px #f2c94c99}.intro-features{display:flex;gap:20px;margin-top:40px;flex-wrap:wrap;justify-content:center}.intro-feature{background:#ffffff14;border-radius:14px;padding:16px 20px;text-align:center;max-width:130px;border:1px solid rgba(255,255,255,.1)}.intro-feature-icon{font-size:1.8rem;margin-bottom:6px}.intro-feature-text{font-size:.8rem;color:#ffffffb3;font-weight:500}.section-title{color:#fff;font-size:1.3rem;text-shadow:1px 1px 3px rgba(0,0,0,.3);margin-bottom:16px;display:flex;align-items:center;gap:8px}.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:#2d5016;color:#fff;padding:12px 24px;border-radius:12px;font-weight:600;font-size:.9rem;box-shadow:0 4px 15px #0000004d;animation:slideUp .3s ease-out;z-index:300;border:1px solid var(--garlic-gold)}@media(max-width:500px){.farm-grid{grid-template-columns:repeat(3,1fr);gap:8px;padding:12px}.game-header{padding:10px 12px}.game-title{font-size:1.1rem}.stat{padding:4px 10px;font-size:.8rem}.intro-title{font-size:1.8rem}.plot{min-height:75px}.plot-garlic{font-size:1.8rem}}