:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;background:#1a1a2e;color:#e0e0e0}.game{max-width:1100px;margin:0 auto;padding:1rem;display:flex;flex-direction:column;gap:1rem;min-height:100vh}.header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;background:linear-gradient(135deg,#2d1b4e,#1a1a2e);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:1rem 1.5rem}.title{font-size:1.6rem;font-weight:700;letter-spacing:-.02em;margin:0;color:#c58cff}.subtitle{font-size:.8rem;color:#fff6;text-transform:uppercase;letter-spacing:.15em}.header-stats{display:flex;gap:1.5rem;flex-wrap:wrap}.stat{display:flex;flex-direction:column;align-items:center;gap:.15rem}.stat-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.12em;color:#fff6}.stat-value{font-size:1.1rem;font-weight:600;font-variant-numeric:tabular-nums}.money{color:#81c784}.weather-bar{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.25rem;border-radius:10px;font-size:.9rem;flex-wrap:wrap;border:1px solid rgba(255,255,255,.06)}.weather-sunny{background:linear-gradient(135deg,#3e2f1a,#2a2010)}.weather-cloudy{background:linear-gradient(135deg,#2a2a3a,#1e1e2e)}.weather-rainy{background:linear-gradient(135deg,#1a2a3e,#141e2e)}.weather-stormy{background:linear-gradient(135deg,#3e1a2a,#2e1420)}.weather-icon{font-size:1.4rem}.weather-text{font-weight:600}.weather-desc{color:#ffffff80;font-size:.85rem}.weather-effects{margin-left:auto;display:flex;gap:1rem;font-size:.8rem;color:#ffffff8c}.message{padding:.65rem 1rem;border-radius:8px;font-size:.9rem;text-align:center;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.message-info{background:#4fc3f71f;border:1px solid rgba(79,195,247,.2);color:#90caf9}.message-success{background:#81c7841f;border:1px solid rgba(129,199,132,.2);color:#a5d6a7}.message-warning{background:#ffd54f1f;border:1px solid rgba(255,213,79,.2);color:#ffe082}.message-error{background:#ef53501f;border:1px solid rgba(239,83,80,.2);color:#ef9a9a}.controls{display:flex;gap:.75rem;flex-wrap:wrap}.btn{padding:.55rem 1rem;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#ffffff0d;color:#e0e0e0;font-size:.85rem;cursor:pointer;transition:all .15s ease;font-family:inherit}.btn:hover{background:#ffffff1a;border-color:#fff3}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-pause{border-color:#4fc3f74d;color:#90caf9}.btn-shop{border-color:#ffd54f4d;color:#ffd54f}.btn-expand{border-color:#81c7844d;color:#a5d6a7}.btn-plant{border-color:#81c7844d;color:#a5d6a7;width:100%}.btn-water{border-color:#4fc3f74d;color:#90caf9;width:100%}.btn-harvest{border-color:#c58cff80;color:#c58cff;width:100%;font-weight:600;background:#c58cff1f}.btn-soil{border-color:#d2b48c4d;color:tan;width:100%}.btn-close{width:100%;margin-top:1rem}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:100;padding:1rem}.modal{background:#1e1e32;border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:1.5rem;max-width:400px;width:100%}.modal h2{margin-bottom:1rem;font-size:1.2rem}.shop-items{display:flex;flex-direction:column;gap:.5rem}.shop-item{display:flex;justify-content:space-between;padding:.5rem .75rem;background:#ffffff08;border-radius:6px;font-size:.9rem}.shop-price{color:#81c784;font-weight:600}.shop-tips{margin-top:1.25rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.08)}.shop-tips h3{font-size:.9rem;margin-bottom:.5rem;color:#ffffffb3}.shop-tips p{font-size:.8rem;color:#ffffff73;margin-bottom:.3rem}.farm{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem;flex:1}.plot{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:1rem;display:flex;flex-direction:column;gap:.75rem;transition:border-color .3s ease}.plot-ready{border-color:#c58cff66;background:linear-gradient(135deg,#c58cff14,#ffffff05)}.plot-flowering{border-color:#f062924d}.plot-header{display:flex;justify-content:space-between;align-items:center;font-size:.75rem}.plot-id{font-weight:600;color:#ffffff80;text-transform:uppercase;letter-spacing:.1em}.plot-soil{color:#fff6}.plot-visual{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:80px;gap:.25rem}.plot-empty-icon{font-size:2rem;opacity:.5}.plot-stage-emoji{font-size:2.5rem;animation:gentleBounce 3s ease-in-out infinite}@keyframes gentleBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.plot-stage-name{font-size:.8rem;color:#ffffff80}.plot-meters{display:flex;flex-direction:column;gap:.35rem}.meter{display:flex;align-items:center;gap:.4rem;font-size:.75rem}.meter-label{width:1.2rem;text-align:center;font-size:.7rem}.meter-bar-bg{flex:1;height:6px;background:#ffffff14;border-radius:3px;overflow:hidden}.meter-bar-fill{height:100%;border-radius:3px;transition:width .5s ease,background-color .3s ease}.meter-warn{animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.meter-value{width:1.8rem;text-align:right;font-variant-numeric:tabular-nums;color:#fff6;font-size:.7rem}.growth-bar-container{display:flex;align-items:center;gap:.4rem;margin-top:.2rem}.growth-label{font-size:.7rem;width:2.8rem;color:#fff6}.growth-bar-bg{flex:1;height:8px;background:#ffffff0f;border-radius:4px;overflow:hidden}.growth-bar-fill{height:100%;background:linear-gradient(90deg,#7c4dff,#c58cff);border-radius:4px;transition:width .5s ease}.plot-actions{display:flex;flex-direction:column;gap:.4rem}.soil-picker-wrapper{position:relative}.soil-picker{position:absolute;bottom:100%;left:0;right:0;display:flex;flex-direction:column;gap:.3rem;padding:.5rem;background:#2a2a44;border:1px solid rgba(255,255,255,.12);border-radius:8px;margin-bottom:.4rem;z-index:10}.btn-soil-option{font-size:.8rem;padding:.45rem .65rem;text-align:left;border-color:#d2b48c26}.footer{display:flex;justify-content:space-between;padding:.75rem 1rem;font-size:.8rem;color:#ffffff4d;border-top:1px solid rgba(255,255,255,.06)}@media(max-width:600px){.header{flex-direction:column;text-align:center}.header-stats{justify-content:center}.weather-bar{flex-direction:column;text-align:center}.weather-effects{margin-left:0;justify-content:center;flex-wrap:wrap}.farm{grid-template-columns:1fr}}