: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:#1a1206;color:#fafafa}.app{min-height:100vh;display:flex;flex-direction:column}.top-bar{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.5rem;background:#2a1f0a;border-bottom:2px solid #3d2e10;flex-wrap:wrap;gap:.5rem}.top-bar h1{margin:0;font-size:1.4rem;letter-spacing:-.02em;color:#f5d77a}.stats{display:flex;gap:1.25rem;align-items:center;font-size:.95rem}.stat{display:flex;align-items:center;gap:.35rem}.stat-icon{font-size:1.15rem}.stat-value{font-weight:700;color:#f5d77a}.main-area{flex:1;display:flex;flex-direction:column;align-items:center;padding:1.5rem;gap:1.25rem}.seed-selector{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center;max-width:700px}.seed-btn{display:flex;align-items:center;gap:.4rem;padding:.5rem .85rem;border-radius:.5rem;border:2px solid #3d2e10;background:#2a1f0a;color:#fafafa;cursor:pointer;font-size:.85rem;font-weight:600;transition:all .15s}.seed-btn:hover{border-color:#f5d77a;background:#3d2e10}.seed-btn.selected{border-color:#f5d77a;background:#4a3a14;box-shadow:0 0 10px #f5d77a40}.seed-btn .seed-icon{font-size:1.15rem}.seed-btn .seed-cost{font-size:.75rem;color:#c9a43c}.farm-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:.6rem;max-width:660px;width:100%}.plot{aspect-ratio:1;border-radius:.6rem;border:2px solid #3d2e10;background:#2a1f0a;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .15s;position:relative;overflow:hidden;gap:.15rem}.plot:hover{border-color:#7a6225;background:#34280e}.plot.empty{border-style:dashed}.plot.empty:hover{border-color:#f5d77a;background:#3d2e10}.plot .crop-emoji{font-size:2rem;line-height:1;transition:transform .2s}.plot.ready .crop-emoji{animation:bounce .6s ease infinite alternate}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-4px)}}.plot .crop-name{font-size:.6rem;font-weight:600;color:#fff9;text-transform:uppercase;letter-spacing:.05em}.growth-bar{position:absolute;bottom:0;left:0;height:4px;background:#4caf50;border-radius:0 0 .4rem .4rem;transition:width .3s linear}.growth-bar.full{background:#8bc34a}.ready-label{font-size:.55rem;font-weight:700;color:#8bc34a;text-transform:uppercase;letter-spacing:.1em}.plot-actions{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;border-radius:.4rem;opacity:0;transition:opacity .15s}.plot:hover .plot-actions{opacity:1}.plot-action-text{font-size:.7rem;font-weight:700;color:#f5d77a;text-transform:uppercase;letter-spacing:.08em}.panel{background:#2a1f0a;border:2px solid #3d2e10;border-radius:.75rem;padding:1rem 1.25rem;max-width:660px;width:100%}.panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.panel-title{font-size:1rem;font-weight:700;color:#f5d77a;margin:0}.sell-all-btn{padding:.4rem .9rem;border-radius:.4rem;border:1px solid #4caf50;background:#4caf5026;color:#8bc34a;cursor:pointer;font-size:.8rem;font-weight:700;transition:all .15s}.sell-all-btn:hover{background:#4caf504d}.sell-all-btn:disabled{opacity:.4;cursor:default}.inventory-grid{display:flex;flex-wrap:wrap;gap:.5rem}.inventory-item{display:flex;align-items:center;gap:.4rem;padding:.4rem .65rem;background:#1a1206;border:1px solid #3d2e10;border-radius:.4rem;cursor:pointer;transition:all .15s}.inventory-item:hover{border-color:#f5d77a;background:#34280e}.inventory-item .item-emoji{font-size:1.2rem}.inventory-item .item-count{font-size:.8rem;font-weight:700;color:#f5d77a}.inventory-item .item-value{font-size:.7rem;color:#8bc34a}.empty-inventory{color:#ffffff59;font-size:.85rem;text-align:center;padding:.5rem}.log-panel{max-width:660px;width:100%}.log-entries{display:flex;flex-direction:column;gap:.2rem;max-height:100px;overflow-y:auto}.log-entry{font-size:.78rem;color:#ffffff80}.log-entry .log-highlight{color:#f5d77a;font-weight:600}.log-entry .log-money{color:#8bc34a;font-weight:600}@media(max-width:600px){.farm-grid{grid-template-columns:repeat(4,1fr)}.top-bar{flex-direction:column;align-items:flex-start}}