: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}html,body,#root{margin:0;min-height:100vh;background:#1a1a2e;color:#e0e0e0}.game{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:1.5rem;gap:1.5rem}header{text-align:center}header h1{margin:0;font-size:2rem;letter-spacing:-.02em}header .subtitle{color:#ffffff80;font-size:.85rem;margin-top:.25rem}.stats-bar{display:flex;gap:1.5rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);padding:.75rem 1.5rem;border-radius:.75rem;font-size:1rem}.stats-bar span{display:flex;align-items:center;gap:.4rem}.stats-bar .value{font-weight:600;color:gold}.shop{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center}.shop-item{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.6rem 1rem;border-radius:.6rem;border:2px solid rgba(255,255,255,.08);background:#ffffff08;cursor:pointer;transition:all .15s;min-width:80px;font-size:.8rem;color:#ffffffb3}.shop-item:hover{background:#ffffff14;border-color:#fff3}.shop-item.selected{border-color:#4ade80;background:#4ade801a;box-shadow:0 0 12px #4ade8026}.shop-item .seed-emoji{font-size:1.5rem}.shop-item .seed-cost{color:gold;font-weight:600}.shop-item.disabled{opacity:.35;cursor:not-allowed}.tools{display:flex;gap:.5rem}.tool-btn{padding:.5rem 1rem;border-radius:.5rem;border:2px solid rgba(255,255,255,.1);background:#ffffff0a;color:#e0e0e0;cursor:pointer;font-size:.85rem;transition:all .15s}.tool-btn:hover{background:#ffffff14}.tool-btn.active{border-color:#60a5fa;background:#60a5fa26;color:#93c5fd}.garden{display:grid;grid-template-columns:repeat(6,1fr);gap:.5rem;max-width:520px;width:100%}.plot{aspect-ratio:1;border-radius:.6rem;border:2px solid rgba(255,255,255,.08);background:#2a1f0e;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;position:relative;overflow:hidden}.plot:hover{border-color:#fff3;transform:scale(1.03)}.plot.empty:hover{background:#3a2f1e}.plot .plant-emoji{font-size:2rem;line-height:1;transition:transform .2s}.plot:hover .plant-emoji{transform:scale(1.1)}.plot .stage-label{font-size:.55rem;color:#ffffff80;margin-top:.15rem}.plot.needs-water{animation:thirsty 1.5s ease-in-out infinite}@keyframes thirsty{0%,to{border-color:#60a5fa26}50%{border-color:#60a5fa80}}.plot.ready{animation:glow 1.5s ease-in-out infinite;border-color:#4ade8066}@keyframes glow{0%,to{box-shadow:0 0 8px #4ade801a}50%{box-shadow:0 0 18px #4ade804d}}.plot .water-indicator{position:absolute;bottom:4px;right:4px;font-size:.7rem;opacity:.7}.plot .progress-bar{position:absolute;bottom:0;left:0;height:3px;background:#4ade80;transition:width .3s}.message{min-height:1.5rem;font-size:.85rem;color:#ffffff80;text-align:center}.message .highlight{color:#4ade80;font-weight:600}.message .warn{color:#f87171}.message .info{color:#60a5fa}.day-cycle{display:flex;align-items:center;gap:.75rem}.day-btn{padding:.4rem 1rem;border-radius:.5rem;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:#e0e0e0;cursor:pointer;font-size:.85rem;transition:all .15s}.day-btn:hover{background:#ffffff1a}.instructions{font-size:.75rem;color:#ffffff59;text-align:center;max-width:400px}