:root{color-scheme:dark;font-family:Segoe UI,ui-sans-serif,system-ui,sans-serif;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;background:#1a3a1a;color:#f0e6d2}#root{display:flex;flex-direction:column;align-items:center}.game-container{max-width:900px;width:100%;padding:1rem}.game-header{text-align:center;margin-bottom:1rem}.game-header h1{font-size:2rem;color:#f5d742;text-shadow:2px 2px 0 #8b6914;margin-bottom:.25rem}.game-header .subtitle{font-size:.85rem;color:#a0c878}.stats-bar{display:flex;justify-content:center;gap:2rem;padding:.75rem 1.5rem;background:#0000004d;border-radius:12px;margin-bottom:1rem;flex-wrap:wrap}.stat{display:flex;align-items:center;gap:.4rem;font-weight:600;font-size:1.05rem}.stat .icon{font-size:1.3rem}.stat.gold{color:#f5d742}.stat.level{color:#7ec8e3}.stat.timer{color:#ff7b7b}.seed-selector{display:flex;justify-content:center;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap}.seed-btn{display:flex;align-items:center;gap:.4rem;padding:.5rem 1rem;border:2px solid rgba(255,255,255,.15);border-radius:10px;background:#00000040;color:#f0e6d2;cursor:pointer;font-size:.9rem;transition:all .15s}.seed-btn:hover{border-color:#a0c878;background:#a0c8781a}.seed-btn.active{border-color:#f5d742;background:#f5d74226}.seed-btn .seed-emoji{font-size:1.3rem}.seed-btn .seed-price{font-size:.75rem;color:#f5d742}.farm-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.6rem;margin-bottom:1rem}.plot{aspect-ratio:1;border-radius:12px;border:3px solid #3d5a1e;background:#2a4a15;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .15s;position:relative;min-height:100px}.plot:hover{border-color:#a0c878;transform:scale(1.03)}.plot.empty{background:#2a4a15;border-style:dashed}.plot.planted{background:#3a5a25}.plot.growing{background:#4a6a30}.plot.ready{background:#5a7a38;border-color:#f5d742;animation:pulse 1s infinite}.plot.harvested{background:#2a4a15}@keyframes pulse{0%,to{box-shadow:0 0 #f5d74266}50%{box-shadow:0 0 12px 4px #f5d74233}}.plot .crop-emoji{font-size:2.2rem}.plot .plot-label{font-size:.7rem;color:#a0c878;margin-top:2px}.plot .progress-bar{position:absolute;bottom:6px;left:10%;width:80%;height:5px;background:#0006;border-radius:3px;overflow:hidden}.plot .progress-fill{height:100%;background:#a0c878;border-radius:3px;transition:width .3s}.plot .ready-text{font-size:.7rem;color:#f5d742;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.customers-section{margin-bottom:1rem}.customers-section h2{text-align:center;font-size:1.1rem;color:#7ec8e3;margin-bottom:.6rem}.customers-list{display:flex;gap:.6rem;justify-content:center;flex-wrap:wrap}.customer-card{background:#0000004d;border:2px solid #555;border-radius:12px;padding:.6rem 1rem;display:flex;align-items:center;gap:.6rem;min-width:160px;transition:border-color .2s}.customer-card.urgent{border-color:#ff7b7b}.customer-card .customer-icon{font-size:1.6rem}.customer-card .customer-info{flex:1}.customer-card .customer-name{font-size:.8rem;color:#ccc}.customer-card .customer-order{font-size:1.1rem}.customer-card .patience-bar{width:100%;height:4px;background:#ffffff1a;border-radius:2px;margin-top:4px;overflow:hidden}.customer-card .patience-fill{height:100%;border-radius:2px;transition:width .5s,background .5s}.customer-card .fulfill-btn{background:#a0c878;color:#1a3a1a;border:none;border-radius:8px;padding:.4rem .7rem;font-weight:700;cursor:pointer;font-size:.8rem;transition:all .15s}.customer-card .fulfill-btn:hover{background:#c8e898;transform:scale(1.05)}.customer-card .fulfill-btn:disabled{background:#555;color:#888;cursor:not-allowed;transform:none}.inventory{display:flex;justify-content:center;gap:1rem;padding:.6rem 1.5rem;background:#0003;border-radius:10px;margin-bottom:1rem;flex-wrap:wrap}.inv-item{display:flex;align-items:center;gap:.3rem;font-size:1rem}.inv-item .inv-count{font-weight:700;color:#f5d742}.start-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:80vh;text-align:center}.start-screen .title{font-size:3rem;color:#f5d742;text-shadow:3px 3px 0 #8b6914;margin-bottom:.5rem}.start-screen .farm-art{font-size:4rem;margin-bottom:1rem}.start-screen .desc{color:#a0c878;font-size:1rem;max-width:400px;margin-bottom:2rem;line-height:1.6}.start-btn{background:#a0c878;color:#1a3a1a;border:none;border-radius:14px;padding:1rem 3rem;font-size:1.3rem;font-weight:700;cursor:pointer;transition:all .15s;letter-spacing:.03em}.start-btn:hover{background:#c8e898;transform:scale(1.05)}.game-over{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:80vh;text-align:center}.game-over .title{font-size:2.5rem;color:#ff7b7b;margin-bottom:.5rem}.game-over .final-score{font-size:1.5rem;color:#f5d742;margin-bottom:.3rem}.game-over .final-level{font-size:1.1rem;color:#7ec8e3;margin-bottom:2rem}.notification{position:fixed;top:1rem;left:50%;transform:translate(-50%);background:#000000d9;border:2px solid #f5d742;border-radius:10px;padding:.6rem 1.5rem;color:#f5d742;font-weight:600;z-index:100;animation:slideDown .3s ease;pointer-events:none}@keyframes slideDown{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media(max-width:600px){.farm-grid{grid-template-columns:repeat(3,1fr);gap:.4rem}.stats-bar{gap:1rem;font-size:.9rem}.plot .crop-emoji{font-size:1.6rem}}