:root{color-scheme:dark;font-family:Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.5;--bg: #1a1a2e;--bg-card: #16213e;--bg-card-hover: #1a2745;--bg-surface: #0f3460;--green: #4ade80;--green-dark: #22c55e;--gold: #fbbf24;--gold-dark: #d97706;--red: #f87171;--blue: #60a5fa;--purple: #a78bfa;--text: #e2e8f0;--text-dim: #94a3b8;--border: rgba(255, 255, 255, .08);--radius: 10px;--radius-lg: 14px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;background:var(--bg);color:var(--text)}.app{max-width:960px;margin:0 auto;padding:0 1rem 2rem}.header{display:flex;align-items:center;justify-content:space-between;padding:1rem 0;border-bottom:1px solid var(--border);margin-bottom:.75rem}.header-left{display:flex;align-items:center;gap:.5rem}.header-left h1{font-size:1.4rem;font-weight:700;background:linear-gradient(135deg,var(--green),var(--gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.logo{font-size:1.6rem}.header-right{display:flex;gap:.75rem}.stat-pill{display:flex;align-items:center;gap:.35rem;background:var(--bg-card);padding:.35rem .75rem;border-radius:999px;font-size:.85rem;border:1px solid var(--border)}.coins-pill{border-color:#fbbf244d}.stat-pill-value{font-weight:600}.progress-bar-container{margin-bottom:.75rem}.progress-bar-label{display:flex;justify-content:space-between;font-size:.75rem;color:var(--text-dim);margin-bottom:.25rem}.progress-bar-track{height:8px;background:#ffffff0f;border-radius:999px;overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--green-dark),var(--gold));border-radius:999px;transition:width .5s ease}.warning-banner{background:#f8717126;border:1px solid rgba(248,113,113,.3);color:var(--red);padding:.5rem 1rem;border-radius:var(--radius);font-size:.85rem;margin-bottom:.75rem;text-align:center;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.tabs{display:flex;gap:.25rem;margin-bottom:1rem;background:var(--bg-card);padding:.25rem;border-radius:var(--radius)}.tab{flex:1;padding:.5rem .75rem;border:none;background:transparent;color:var(--text-dim);font-size:.85rem;font-weight:500;cursor:pointer;border-radius:8px;transition:all .2s}.tab:hover{color:var(--text);background:#ffffff0a}.tab.active{background:var(--bg-surface);color:var(--text);box-shadow:0 1px 3px #0000004d}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;padding:.5rem 1rem;border:none;border-radius:8px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .15s}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--green-dark);color:#fff}.btn-primary:hover:not(:disabled){background:var(--green)}.btn-secondary{background:#ffffff0f;color:var(--text);border:1px solid var(--border)}.btn-secondary:hover:not(:disabled){background:#ffffff1a}.btn-sm{padding:.3rem .6rem;font-size:.75rem}.btn-lg{padding:.75rem 2rem;font-size:1rem}.btn-water{background:#60a5fa33;color:var(--blue);border:1px solid rgba(96,165,250,.3)}.btn-water:hover{background:#60a5fa4d}.btn-harvest{background:#4ade8033;color:var(--green);border:1px solid rgba(74,222,128,.3)}.btn-harvest:hover{background:#4ade804d}.farm-controls{display:flex;flex-wrap:wrap;gap:.75rem;align-items:flex-end;margin-bottom:1rem}.crop-selector{flex:1;min-width:200px}.crop-selector label,.auto-plant-control label{display:block;font-size:.75rem;color:var(--text-dim);margin-bottom:.35rem;text-transform:uppercase;letter-spacing:.05em}.crop-options{display:flex;gap:.35rem;flex-wrap:wrap}.crop-btn{display:flex;flex-direction:column;align-items:center;gap:.15rem;padding:.4rem .6rem;background:var(--bg-card);border:2px solid var(--border);border-radius:8px;cursor:pointer;transition:all .15s;min-width:62px}.crop-btn:hover{border-color:#fff3}.crop-btn.selected{border-color:var(--green);background:#4ade8014}.crop-btn-emoji{font-size:1.1rem}.crop-btn-name{font-size:.65rem;color:var(--text-dim)}.crop-btn-cost{font-size:.65rem;color:var(--gold);font-weight:600}.auto-plant-control select{background:var(--bg-card);color:var(--text);border:1px solid var(--border);padding:.45rem .6rem;border-radius:8px;font-size:.85rem}.plots-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.6rem;margin-bottom:1.25rem}.plot{background:var(--bg-card);border:2px solid var(--border);border-radius:var(--radius);padding:.75rem;display:flex;flex-direction:column;align-items:center;gap:.3rem;position:relative;min-height:130px;transition:all .2s}.plot.watered{border-color:#60a5fa40;background:#60a5fa0a}.plot.ready{border-color:#4ade8066;background:#4ade800f;animation:readyPulse 2s ease-in-out infinite}@keyframes readyPulse{0%,to{box-shadow:0 0 #4ade8000}50%{box-shadow:0 0 12px 2px #4ade8026}}.plot-empty-btn{display:flex;flex-direction:column;align-items:center;gap:.2rem;background:none;border:none;color:var(--text-dim);cursor:pointer;width:100%;height:100%;justify-content:center}.plot-empty-btn:hover{color:var(--green)}.plot-empty-icon{font-size:1.5rem}.plot-empty-text{font-size:.75rem}.plot-crop{font-size:2rem}.plot-name{font-size:.75rem;color:var(--text-dim)}.plot-progress-bar{width:100%;height:5px;background:#ffffff0f;border-radius:999px;overflow:hidden}.plot-progress-fill{height:100%;border-radius:999px;transition:width .5s}.plot-actions{display:flex;gap:.3rem;margin-top:.25rem}.watered-indicator{position:absolute;top:4px;right:6px;font-size:.7rem;opacity:.6}.log-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:.75rem}.log-panel h3{font-size:.85rem;color:var(--text-dim);margin-bottom:.5rem}.log-entries{max-height:180px;overflow-y:auto;display:flex;flex-direction:column;gap:.2rem}.log-entry{display:flex;gap:.5rem;font-size:.78rem;padding:.2rem 0}.log-day{color:var(--text-dim);font-family:monospace;font-size:.7rem;min-width:2.5rem}.log-success .log-msg{color:var(--green)}.log-warning .log-msg{color:var(--gold)}.log-danger .log-msg{color:var(--red)}.log-production .log-msg{color:var(--purple)}.log-info .log-msg{color:var(--text-dim)}.shop-view h2{font-size:1.1rem;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid var(--border)}.shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.6rem;margin-bottom:1.5rem}.shop-item{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:.75rem;display:flex;flex-direction:column;gap:.5rem}.shop-item.locked{opacity:.5}.shop-item-header{display:flex;align-items:center;gap:.5rem}.shop-item-emoji{font-size:1.5rem}.shop-item-name{font-weight:600}.shop-item-details{display:flex;flex-wrap:wrap;gap:.35rem;font-size:.78rem;color:var(--text-dim)}.profit{color:var(--green);font-weight:600}.locked-text{color:var(--red);font-style:italic}.animals-view h2,.buildings-view h2{font-size:1.1rem;margin-bottom:.75rem}.animals-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.6rem}.animal-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:.75rem;display:flex;flex-direction:column;gap:.35rem}.animal-header{display:flex;align-items:center;gap:.5rem}.animal-emoji{font-size:1.5rem}.animal-name{font-weight:600;font-size:.9rem}.animal-production{display:flex;flex-direction:column;font-size:.75rem;color:var(--text-dim)}.animal-progress-bar{height:4px;background:#ffffff0f;border-radius:999px;overflow:hidden}.animal-progress-fill{height:100%;background:var(--purple);border-radius:999px;transition:width .5s}.animal-timer{font-size:.7rem;color:var(--text-dim)}.recent-production{margin-top:1.25rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:.75rem}.recent-production h3{font-size:.85rem;color:var(--text-dim);margin-bottom:.5rem}.production-entry{font-size:.8rem;color:var(--purple);padding:.15rem 0}.buildings-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.6rem;margin-bottom:1.25rem}.building-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:.75rem;display:flex;flex-direction:column;gap:.5rem}.building-card.owned{border-color:#4ade804d;background:#4ade800a}.building-header{display:flex;align-items:center;gap:.5rem}.building-emoji{font-size:1.5rem}.building-name{font-weight:600}.owned-badge{margin-left:auto;font-size:.7rem;color:var(--green);background:#4ade8026;padding:.15rem .5rem;border-radius:999px}.building-desc{font-size:.8rem;color:var(--text-dim)}.buildings-summary{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:.75rem}.buildings-summary h3{font-size:.85rem;color:var(--text-dim);margin-bottom:.5rem}.buildings-summary ul{list-style:none;display:flex;flex-direction:column;gap:.25rem}.buildings-summary li{font-size:.85rem}.empty-state{text-align:center;padding:2rem;color:var(--text-dim)}.game-over-screen{min-height:100vh;display:grid;place-items:center;padding:2rem}.game-over-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:2.5rem;text-align:center;max-width:420px;width:100%}.game-over-emoji{font-size:4rem;margin-bottom:.75rem}.game-over-card h1{font-size:2rem;margin-bottom:.5rem;background:linear-gradient(135deg,var(--green),var(--gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.game-over-subtitle{color:var(--text-dim);margin-bottom:1.5rem}.game-over-stats{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin-bottom:1.5rem}.stat-box{background:#ffffff08;border:1px solid var(--border);border-radius:8px;padding:.6rem}.stat-label{display:block;font-size:.7rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em}.stat-value{display:block;font-size:1.3rem;font-weight:700;color:var(--text)}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:999px}@media(max-width:600px){.plots-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.header-left h1{font-size:1.1rem}.crop-options{gap:.25rem}.crop-btn{min-width:50px;padding:.3rem .4rem}}