*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{color:#e8f5e9;background:radial-gradient(at 50% 0,#1a4a2e 0%,#0d1f17 60%,#060e0a 100%);justify-content:center;align-items:center;min-height:100vh;padding:16px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;display:flex}.game{background:#ffffff0a;border:1px solid #ffffff14;border-radius:24px;width:100%;max-width:400px;padding:20px;box-shadow:0 24px 80px #0009,inset 0 1px #ffffff0f}.header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.title{letter-spacing:.3px;color:#a5d6a7;font-size:18px;font-weight:700}.coins-badge{color:#1a1100;text-align:center;background:linear-gradient(135deg,#f9a825,#f57f17);border-radius:20px;min-width:80px;padding:6px 14px;font-size:15px;font-weight:800;box-shadow:0 2px 8px #f9a82566}.flower-display{justify-content:center;align-items:center;margin:4px 0 8px;display:flex}.flower-display svg{filter:drop-shadow(0 8px 20px #00000080);width:200px;height:210px}.stage-label{text-align:center;color:#a5d6a7a6;letter-spacing:1px;text-transform:uppercase;margin-bottom:14px;font-size:13px}.growth-section{margin-bottom:16px}.growth-header{color:#ffffff80;justify-content:space-between;margin-bottom:5px;font-size:12px;display:flex}.progress-track{background:#ffffff12;border-radius:5px;height:10px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#43a047,#76c442,#b5e61d);border-radius:5px;height:100%;transition:width .35s;box-shadow:0 0 8px #76c44266}.resources{flex-direction:column;gap:7px;margin-bottom:16px;display:flex}.resource-row{align-items:center;gap:8px;display:flex}.resource-label{color:#fff9;white-space:nowrap;width:86px;font-size:12px}.resource-track{background:#ffffff12;border-radius:4px;flex:1;height:7px;overflow:hidden}.resource-fill{border-radius:4px;height:100%;transition:width .35s}.resource-fill.sun{background:linear-gradient(90deg,#ff8f00,#ffca28)}.resource-fill.water{background:linear-gradient(90deg,#1565c0,#42a5f5)}.resource-fill.minerals{background:linear-gradient(90deg,#4e342e,#a1887f)}.resource-value{text-align:right;color:#ffffff59;font-variant-numeric:tabular-nums;width:28px;font-size:11px}.actions{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px;display:grid}.action-btn{color:#e8f5e9;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:14px;flex-direction:column;align-items:center;gap:5px;padding:12px 6px;font-size:12px;transition:background .12s,transform .1s,box-shadow .12s;display:flex}.action-btn .icon{font-size:26px;line-height:1}.action-btn:hover{background:#ffffff1c;box-shadow:0 4px 16px #0000004d}.action-btn:active{background:#ffffff29;transform:scale(.94)}.upgrades{grid-template-columns:1fr 1fr;gap:8px;display:grid}.upgrade-btn{color:#e8f5e9;cursor:pointer;text-align:center;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:#f9a82512;border:1px solid #f9a82533;border-radius:14px;padding:12px 10px;font-size:12px;transition:background .12s,transform .1s}.upgrade-btn:hover:not(:disabled){background:#f9a82526;transform:translateY(-1px)}.upgrade-btn:active:not(:disabled){transform:scale(.96)}.upgrade-btn:disabled{opacity:.35;cursor:not-allowed}.upgrade-name{margin-bottom:4px;font-size:13px;font-weight:600}.upgrade-cost{color:#ffd740;font-size:13px;font-weight:700}.upgrade-level{color:#ffffff59;margin-top:3px;font-size:10px}.float-text{pointer-events:none;z-index:1000;text-shadow:0 2px 6px #0009;font-size:17px;font-weight:800;transition:transform .9s ease-out,opacity .9s ease-out;position:fixed}
