:root{--bg: #1a1a2e;--bg2: #16213e;--bg3: #0f3460;--accent: #4ade80;--accent2: #fbbf24;--accent3: #f87171;--text: #e2e8f0;--text2: #94a3b8;--card: rgba(255,255,255,.06);--card-border: rgba(255,255,255,.1);--glass: rgba(255,255,255,.03);--shadow: 0 4px 24px rgba(0,0,0,.4);--radius: 12px;--radius-sm: 8px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;background:var(--bg);color:var(--text);font-family:Segoe UI,system-ui,-apple-system,sans-serif}.game-root{min-height:100vh;display:flex;flex-direction:column;background:radial-gradient(ellipse at 20% 50%,rgba(74,222,128,.08) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(251,191,36,.06) 0%,transparent 50%),linear-gradient(180deg,#1a1a2e,#16213e)}.hud{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:#0000004d;border-bottom:1px solid var(--card-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:100}.hud-left,.hud-right{display:flex;align-items:center;gap:12px}.hud-center{display:flex;align-items:center;gap:16px}.hud-stat{display:flex;align-items:center;gap:6px;font-size:1rem;font-weight:600}.hud-stat.coins .stat-val{color:var(--accent2)}.hud-stat.level .stat-val{color:var(--accent)}.stat-icon{font-size:1.2rem}.xp-bar-wrap{width:80px;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}.xp-bar-fill{height:100%;background:linear-gradient(90deg,#4ade80,#22d3ee);border-radius:3px;transition:width .3s}.season-badge,.day-badge{font-size:.85rem;padding:4px 12px;background:var(--card);border:1px solid var(--card-border);border-radius:20px}.tabs{display:flex;gap:4px;padding:8px 20px;background:#00000026;border-bottom:1px solid var(--card-border)}.tab-btn{flex:1;padding:10px 16px;border:none;background:transparent;color:var(--text2);font-size:.9rem;font-weight:500;cursor:pointer;border-radius:var(--radius-sm);transition:all .2s}.tab-btn:hover{background:var(--card);color:var(--text)}.tab-btn.active{background:var(--card);color:var(--accent);border:1px solid rgba(74,222,128,.3)}.game-main{flex:1;padding:20px;overflow-y:auto}.farm-view{display:flex;flex-direction:column;gap:16px}.toolbar{display:flex;flex-direction:column;gap:12px;padding:16px;background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius)}.tool-group{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.tool-label{font-size:.8rem;color:var(--text2);min-width:80px}.tool-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;border:1px solid var(--card-border);background:var(--glass);color:var(--text);font-size:.85rem;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s}.tool-btn:hover{background:var(--card);border-color:#4ade804d}.tool-btn.active{background:#4ade8026;border-color:var(--accent);color:var(--accent);box-shadow:0 0 12px #4ade8033}.tool-btn.special{background:#22d3ee1a;border-color:#22d3ee4d}.tool-btn.special:hover{background:#22d3ee33}.tool-name{font-size:.8rem}.seed-selector{display:flex;gap:6px;flex-wrap:wrap}.seed-btn{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 12px;border:1px solid var(--card-border);background:var(--glass);color:var(--text);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s;min-width:70px}.seed-btn:hover{background:var(--card)}.seed-btn.active{background:#4ade8026;border-color:var(--accent);box-shadow:0 0 8px #4ade8033}.seed-emoji{font-size:1.2rem}.seed-name{font-size:.7rem;color:var(--text2)}.seed-price{font-size:.7rem;color:var(--accent2);font-weight:600}.farm-grid{display:flex;flex-direction:column;gap:4px;padding:16px;background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius);overflow-x:auto}.farm-row{display:flex;gap:4px}.farm-cell{width:70px;height:70px;border:2px solid var(--card-border);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;position:relative;overflow:hidden}.farm-cell.empty{background:linear-gradient(135deg,#3d2914,#5a3a1a);border-color:#6b4a2a}.farm-cell.empty:hover{background:linear-gradient(135deg,#4a3320,#6b4a2a);transform:scale(1.05)}.farm-cell.planted{background:linear-gradient(135deg,#2d5a27,#1a4a1a);border-color:#3a7a3a}.farm-cell.watered{background:linear-gradient(135deg,#1a3a5a,#0f2a4a);border-color:#2a5a8a}.farm-cell.ready{border-color:var(--accent2);animation:readyPulse 1.5s ease-in-out infinite;box-shadow:0 0 12px #fbbf244d}@keyframes readyPulse{0%,to{box-shadow:0 0 8px #fbbf244d}50%{box-shadow:0 0 16px #fbbf2480}}.crop-display{display:flex;flex-direction:column;align-items:center;gap:4px;width:100%;padding:4px}.crop-emoji{transition:font-size .3s;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.growth-bar-wrap{width:90%;height:4px;background:#0000004d;border-radius:2px;overflow:hidden}.growth-bar-fill{height:100%;background:linear-gradient(90deg,#4ade80,#22d3ee);border-radius:2px;transition:width .3s}.growth-bar-fill.ready{background:linear-gradient(90deg,#fbbf24,#f59e0b)}.water-drops{position:absolute;top:2px;right:2px;font-size:.6rem;animation:drip 2s infinite}@keyframes drip{0%,to{opacity:1;transform:translateY(0)}50%{opacity:.5;transform:translateY(2px)}}.ready-sparkle{position:absolute;top:2px;left:2px;font-size:.7rem;animation:sparkle 1s infinite}@keyframes sparkle{0%,to{transform:scale(1) rotate(0);opacity:1}50%{transform:scale(1.2) rotate(10deg);opacity:.7}}.quality-stars{position:absolute;bottom:2px;font-size:.5rem}.empty-cell{font-size:1.5rem;opacity:.4}.inv-preview{padding:16px;background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius)}.inv-preview h3{font-size:.9rem;margin-bottom:12px;color:var(--text2)}.inv-items{display:flex;gap:8px;flex-wrap:wrap}.inv-item{display:flex;align-items:center;gap:4px;padding:6px 10px;background:var(--glass);border:1px solid var(--card-border);border-radius:var(--radius-sm)}.inv-emoji{font-size:1.1rem}.inv-qty{font-size:.8rem;color:var(--accent2);font-weight:600}.inv-empty{font-size:.8rem;color:var(--text2)}.animals-view{display:flex;flex-direction:column;gap:16px}.animals-header{display:flex;justify-content:space-between;align-items:center}.animals-header h2{font-size:1.3rem}.animal-count{font-size:.85rem;padding:4px 12px;background:var(--card);border:1px solid var(--card-border);border-radius:20px;color:var(--text2)}.animals-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.animal-card{padding:16px;background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius);display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;transition:all .2s}.animal-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.animal-card.producing{border-color:var(--accent2);animation:produceGlow 2s infinite}@keyframes produceGlow{0%,to{box-shadow:0 0 8px #fbbf2433}50%{box-shadow:0 0 16px #fbbf2466}}.animal-card.happy{border-color:#4ade804d}.animal-card.sad{border-color:#f871714d}.animal-emoji{font-size:2.5rem;filter:drop-shadow(0 2px 8px rgba(0,0,0,.3))}.animal-name{font-weight:600;font-size:.95rem}.animal-happiness,.animal-produce{width:100%;display:flex;flex-direction:column;gap:4px}.happiness-label,.produce-label{font-size:.75rem;color:var(--text2)}.happiness-bar-wrap,.produce-bar-wrap{width:100%;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}.happiness-bar-fill,.produce-bar-fill{height:100%;border-radius:3px;transition:width .3s}.produce-bar-fill.ready{background:var(--accent2)!important;animation:readyFlash 1s infinite}@keyframes readyFlash{0%,to{opacity:1}50%{opacity:.7}}.produce-ready{font-size:.75rem;color:var(--accent2);font-weight:600;text-align:center}.empty-state{display:flex;flex-direction:column;align-items:center;gap:8px;padding:40px;color:var(--text2)}.empty-icon{font-size:3rem;opacity:.5}.craft-view{display:flex;flex-direction:column;gap:16px}.craft-view h2{font-size:1.3rem}.craft-desc{font-size:.9rem;color:var(--text2)}.processing-queue{padding:16px;background:#fbbf240d;border:1px solid rgba(251,191,36,.2);border-radius:var(--radius)}.processing-queue h3{font-size:.9rem;margin-bottom:12px;color:var(--accent2)}.queue-items{display:flex;flex-direction:column;gap:8px}.queue-item{display:flex;align-items:center;gap:10px;padding:8px 12px;background:var(--glass);border:1px solid var(--card-border);border-radius:var(--radius-sm)}.queue-emoji{font-size:1.2rem}.queue-name{font-size:.85rem;font-weight:500;min-width:60px}.queue-bar-wrap{flex:1;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}.queue-bar-fill{height:100%;background:linear-gradient(90deg,var(--accent2),#f59e0b);border-radius:3px;transition:width .3s}.queue-time{font-size:.8rem;color:var(--accent2);min-width:35px;text-align:right}.craft-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.craft-card{padding:16px;background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius);transition:all .2s}.craft-card.available{border-color:#4ade804d}.craft-card.unavailable{opacity:.6}.craft-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.craft-emoji{font-size:1.8rem}.craft-info{flex:1;display:flex;flex-direction:column}.craft-name{font-weight:600;font-size:.95rem}.craft-tier{font-size:.75rem;color:var(--accent2)}.craft-price{font-weight:700;color:var(--accent2);font-size:1rem}.craft-ingredients{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.craft-ing{font-size:.8rem;padding:4px 8px;background:var(--glass);border-radius:var(--radius-sm);border:1px solid var(--card-border)}.craft-ing.has{border-color:#4ade804d;color:var(--accent)}.craft-ing.needs{border-color:#f871714d;color:var(--accent3)}.craft-btn{width:100%;padding:10px;border:none;border-radius:var(--radius-sm);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s;background:linear-gradient(135deg,#4ade8033,#4ade801a);color:var(--accent);border:1px solid rgba(74,222,128,.3)}.craft-btn:hover:not(:disabled){background:linear-gradient(135deg,#4ade804d,#4ade8033);transform:translateY(-1px)}.craft-btn:disabled{background:var(--glass);color:var(--text2);border-color:var(--card-border);cursor:not-allowed}.shop-view{display:flex;flex-direction:column;gap:16px}.shop-view h2{font-size:1.3rem}.shop-tabs{display:flex;gap:4px}.shop-tab{padding:8px 20px;border:1px solid var(--card-border);background:var(--glass);color:var(--text2);font-size:.9rem;cursor:pointer;border-radius:var(--radius-sm);transition:all .2s}.shop-tab:hover{background:var(--card)}.shop-tab.active{background:#4ade801a;color:var(--accent);border-color:#4ade804d}.shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.shop-card{padding:16px;background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius);display:flex;flex-direction:column;align-items:center;gap:8px;transition:all .2s}.shop-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.shop-card.expensive{opacity:.5}.shop-card-emoji{font-size:2rem}.shop-card-name{font-weight:600;font-size:.9rem}.shop-card-stats{display:flex;gap:10px;font-size:.75rem;color:var(--text2)}.shop-card-price{margin-top:4px}.price-tag{font-size:1rem;font-weight:700;color:var(--accent2)}.buy-btn{width:100%;padding:8px;border:none;border-radius:var(--radius-sm);font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s;background:linear-gradient(135deg,#4ade8033,#4ade801a);color:var(--accent);border:1px solid rgba(74,222,128,.3)}.buy-btn:hover:not(:disabled){background:linear-gradient(135deg,#4ade804d,#4ade8033)}.buy-btn:disabled{background:var(--glass);color:var(--text2);border-color:var(--card-border);cursor:not-allowed}.sell-section{margin-top:16px;padding:16px;background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius)}.sell-section h3{font-size:.95rem;margin-bottom:12px}.sell-items{display:flex;flex-direction:column;gap:8px}.sell-item{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--glass);border:1px solid var(--card-border);border-radius:var(--radius-sm)}.sell-emoji{font-size:1.2rem}.sell-name{font-weight:500;flex:1;font-size:.9rem}.sell-qty{font-size:.85rem;color:var(--text2);min-width:30px}.sell-price{font-size:.9rem;color:var(--accent2);font-weight:600;min-width:40px}.sell-btns{display:flex;gap:6px}.sell-btn{padding:6px 12px;border:none;border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s}.sell-btn.small{background:#4ade8026;color:var(--accent);border:1px solid rgba(74,222,128,.3)}.sell-btn.all{background:#fbbf2426;color:var(--accent2);border:1px solid rgba(251,191,36,.3)}.sell-btn:hover{transform:translateY(-1px)}@media(max-width:600px){.hud{flex-wrap:wrap;gap:8px;padding:8px 12px}.hud-center{order:-1;width:100%;justify-content:center}.tabs{padding:6px 12px}.tab-btn{padding:8px 10px;font-size:.8rem}.game-main{padding:12px}.farm-cell{width:50px;height:50px}.seed-btn{min-width:55px;padding:6px 8px}.animals-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.craft-list{grid-template-columns:1fr}.shop-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}}