:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5;--bg: #1a1c2c;--surface: #262840;--surface-light: #2f3250;--border: rgba(255,255,255,.08);--text: #f4f4f8;--text-muted: rgba(255,255,255,.5);--gold: #f5c542;--green: #4ade80;--green-dark: #166534;--brown: #8b6914;--radius: .75rem}*{box-sizing:border-box;margin:0}html,body,#root{min-height:100vh;background:var(--bg);color:var(--text);overflow-x:hidden}.game{display:flex;flex-direction:column;min-height:100vh}.game-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:var(--surface);border-bottom:1px solid var(--border);flex-wrap:wrap;gap:.75rem}.game-title{font-size:1.25rem;font-weight:700;letter-spacing:-.02em}.game-stats{display:flex;gap:1.25rem;align-items:center}.stat{display:flex;align-items:center;gap:.4rem;font-size:.9rem;font-weight:600}.stat-icon{font-size:1.1rem}.stat-value{color:var(--gold);min-width:2.5rem}.farm-area{flex:1;display:flex;flex-direction:column;align-items:center;padding:2rem 1.5rem;gap:1.5rem;background:linear-gradient(180deg,#1a1c2c,#1e2a1e)}.farm-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);font-weight:600}.farm-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;max-width:600px;width:100%}.plot{aspect-ratio:1;background:var(--surface);border:2px solid var(--border);border-radius:var(--radius);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.3rem;cursor:pointer;transition:transform .15s,border-color .2s,box-shadow .2s;position:relative;user-select:none;-webkit-user-select:none}.plot:hover{transform:translateY(-2px);border-color:#ffffff26;box-shadow:0 4px 16px #0000004d}.plot.ripe{border-color:var(--green);box-shadow:0 0 12px #4ade8033;animation:pulse-glow 2s ease-in-out infinite}.plot.harvested{animation:harvest-pop .35s ease-out}.plot.locked{opacity:.4;cursor:not-allowed}.plot.locked:hover{transform:none;box-shadow:none}@keyframes pulse-glow{0%,to{box-shadow:0 0 12px #4ade8026}50%{box-shadow:0 0 20px #4ade8059}}@keyframes harvest-pop{0%{transform:scale(1)}40%{transform:scale(1.12)}to{transform:scale(1)}}.plot-fruit{font-size:2.2rem;line-height:1;transition:transform .2s}.plot.ripe .plot-fruit{animation:bob 1.5s ease-in-out infinite}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.plot-stage{font-size:.55rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-weight:600}.plot-progress{width:50%;height:3px;background:#ffffff1a;border-radius:2px;overflow:hidden;position:absolute;bottom:8px}.plot-progress-bar{height:100%;background:var(--green);border-radius:2px;transition:width .5s linear}.plot-name{font-size:.6rem;color:var(--text-muted);position:absolute;top:6px;right:8px}.sprinkle{position:absolute;pointer-events:none;font-size:.7rem;animation:sprinkle-fall .8s ease-out forwards}@keyframes sprinkle-fall{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(18px) scale(.5)}}.shop-section{background:var(--surface);border-top:1px solid var(--border);padding:1.25rem 1.5rem}.shop-title{font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);font-weight:600;margin-bottom:.75rem}.shop-items{display:flex;gap:.75rem;flex-wrap:wrap}.shop-btn{display:flex;align-items:center;gap:.5rem;padding:.6rem 1rem;background:var(--surface-light);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:.8rem;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s}.shop-btn:hover:not(:disabled){background:#ffffff14;border-color:#fff3}.shop-btn:disabled{opacity:.35;cursor:not-allowed}.shop-btn .cost{color:var(--gold);font-size:.7rem}.toast-container{position:fixed;top:1rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:.5rem;z-index:100;pointer-events:none}.toast{padding:.5rem 1rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);font-size:.8rem;font-weight:600;color:var(--text);animation:toast-in .3s ease-out,toast-out .3s ease-in 1.5s forwards;white-space:nowrap}@keyframes toast-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes toast-out{0%{opacity:1}to{opacity:0}}@media(max-width:500px){.farm-grid{grid-template-columns:repeat(3,1fr)}.plot-fruit{font-size:1.6rem}}