:root{--bg: #1a1c2c;--bg-light: #262940;--bg-lighter: #2e3252;--green: #38b764;--green-dark: #2a8f4e;--gold: #f7d774;--gold-dark: #c9a84c;--brown: #6d4c2a;--brown-light: #8b6234;--red: #e85454;--text: #f0e6d3;--text-dim: #a09882;--border: rgba(255, 255, 255, .08);font-family:Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;background:var(--bg);color:var(--text)}.farm-app{min-height:100vh;display:flex;flex-direction:column}.farm-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:var(--bg-light);border-bottom:2px solid var(--green-dark);flex-wrap:wrap;gap:.75rem}.farm-header h1{font-size:1.5rem;font-weight:700;color:var(--green);letter-spacing:-.02em}.header-stats{display:flex;gap:1.25rem;align-items:center;flex-wrap:wrap}.gold-display{font-size:1.1rem;font-weight:700;color:var(--gold);background:#f7d7741a;padding:.25rem .75rem;border-radius:.5rem;border:1px solid rgba(247,215,116,.2)}.stat{font-size:.85rem;color:var(--text-dim)}.farm-layout{display:flex;flex:1;overflow:hidden}.shop-panel{width:240px;background:var(--bg-light);border-right:2px solid var(--green-dark);padding:1rem;display:flex;flex-direction:column;gap:.75rem;overflow-y:auto}.shop-panel h2{font-size:1rem;font-weight:600;color:var(--green);padding-bottom:.5rem;border-bottom:1px solid var(--border)}.seed-list{display:flex;flex-direction:column;gap:.4rem}.seed-btn{display:flex;align-items:center;gap:.6rem;padding:.5rem .6rem;background:var(--bg-lighter);border:2px solid transparent;border-radius:.5rem;cursor:pointer;transition:all .15s;text-align:left;color:var(--text);font-size:.85rem}.seed-btn:hover:not(.disabled){background:#38b7641a;border-color:var(--green-dark)}.seed-btn.selected{background:#38b76426;border-color:var(--green);box-shadow:0 0 12px #38b76433}.seed-btn.disabled{opacity:.4;cursor:not-allowed}.seed-emoji{font-size:1.5rem;width:2rem;text-align:center;flex-shrink:0}.seed-info{display:flex;flex-direction:column;gap:.1rem;line-height:1.3}.seed-name{font-weight:600}.seed-cost{color:var(--gold);font-size:.8rem}.seed-sell{color:var(--green);font-size:.75rem}.seed-time{color:var(--text-dim);font-size:.75rem}.selected-hint{text-align:center;padding:.5rem;background:#38b7641a;border:1px dashed var(--green);border-radius:.5rem;font-size:.8rem;color:var(--green)}.shop-legend{margin-top:auto;padding-top:.75rem;border-top:1px solid var(--border)}.shop-legend h3{font-size:.85rem;color:var(--text-dim);margin-bottom:.4rem}.shop-legend p{font-size:.75rem;color:var(--text-dim);line-height:1.6}.farm-grid-container{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem;gap:1rem}.farm-grid{display:grid;gap:.5rem;max-width:540px;width:100%}.plot{aspect-ratio:1;border:2px solid var(--brown-light);border-radius:.5rem;background:var(--brown);cursor:pointer;position:relative;display:flex;align-items:center;justify-content:center;transition:all .15s;font-size:2rem;min-width:0;padding:0;color:var(--text)}.plot:hover{transform:scale(1.05);border-color:var(--green);box-shadow:0 0 16px #38b7644d}.plot.locked{background:#1a1a2e;border-color:#333;opacity:.6}.plot.locked:hover{opacity:1;border-color:var(--gold);box-shadow:0 0 16px #f7d7744d}.plot.growing{border-color:var(--green-dark);background:linear-gradient(135deg,var(--brown),#4a3520)}.plot.ready{border-color:var(--gold);background:linear-gradient(135deg,var(--brown),#3a5a2a);animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 0 8px #f7d7744d}50%{box-shadow:0 0 20px #f7d77499}}.plot-emoji{font-size:clamp(1.4rem,4vw,2.2rem);filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.progress-bar{position:absolute;bottom:4px;left:4px;right:4px;height:5px;background:#0006;border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--green-dark),var(--green));border-radius:3px;transition:width 1s linear}.ready-badge{position:absolute;top:2px;right:4px;font-size:.8rem;color:var(--gold);font-weight:700;text-shadow:0 1px 3px rgba(0,0,0,.6)}.plot-info{font-size:.9rem;color:var(--text-dim);text-align:center}@media(max-width:700px){.farm-layout{flex-direction:column}.shop-panel{width:100%;border-right:none;border-bottom:2px solid var(--green-dark);max-height:200px}.seed-list{flex-direction:row;flex-wrap:wrap;gap:.3rem}.seed-btn{flex:1;min-width:100px}.shop-legend{display:none}.farm-grid{gap:.35rem}.plot{font-size:1.4rem}}