*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--sky-day: #87ceeb;--sky-dusk: #e8915a;--sky-night: #0b1a3e;--grass: #4a8c3f;--grass-dark: #3a7030;--soil: #6b4226;--soil-wet: #4a2e1a;--wood: #8b6914;--wood-light: #b8922a;--ui-bg: rgba(0, 0, 0, .45);--ui-border: rgba(255, 255, 255, .15);--pixel-font: ui-monospace, "Cascadia Code", "Fira Code", monospace}html,body,#root{height:100%;overflow-x:hidden}body{font-family:var(--pixel-font);image-rendering:pixelated}.game{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:1.5rem 1rem 3rem;position:relative;overflow:hidden;transition:background 2s ease}.sky-day{background:linear-gradient(180deg,var(--sky-day) 0%,#b0e0b0 60%,var(--grass) 60%,var(--grass-dark) 100%)}.sky-dusk{background:linear-gradient(180deg,var(--sky-dusk) 0%,#c06040 60%,#3a6030 60%,#2a4a20 100%)}.sky-night{background:linear-gradient(180deg,var(--sky-night) 0%,#101840 60%,#1a3018 60%,#0f2010 100%)}.celestial{position:absolute;font-size:2.5rem;filter:drop-shadow(0 0 18px rgba(255,220,80,.6));transition:left .5s ease,bottom .5s ease;pointer-events:none;z-index:0}.clouds{position:absolute;top:0;left:0;width:100%;height:40%;pointer-events:none;z-index:0}.cloud{position:absolute;font-size:2.5rem;opacity:.7;animation:drift linear infinite}.cloud-1{top:5%;animation-duration:40s;font-size:3rem;opacity:.5}.cloud-2{top:15%;animation-duration:55s;font-size:2rem;opacity:.6}.cloud-3{top:8%;animation-duration:70s;font-size:2.8rem;opacity:.4}@keyframes drift{0%{transform:translate(-120px)}to{transform:translate(calc(100vw + 120px))}}.header{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;width:100%;max-width:640px;margin-bottom:1rem}.title{font-size:1.6rem;font-weight:800;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.4);letter-spacing:-.03em}.stats{display:flex;gap:.75rem}.stat{background:var(--ui-bg);border:1px solid var(--ui-border);padding:.3rem .7rem;border-radius:.5rem;font-size:.85rem;color:#ffe;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);white-space:nowrap}.toolbar{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:1rem;width:100%;max-width:640px;margin-bottom:1.25rem}.tool-group{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;background:var(--ui-bg);border:1px solid var(--ui-border);border-radius:.6rem;padding:.5rem .6rem;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.tool-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.12em;color:#ffffff80;margin-right:.3rem}.tool-btn,.seed-btn{all:unset;cursor:pointer;font-family:var(--pixel-font);font-size:.78rem;padding:.3rem .55rem;border-radius:.35rem;color:#eee;background:#ffffff14;border:1px solid transparent;transition:all .15s;white-space:nowrap}.tool-btn:hover,.seed-btn:hover{background:#ffffff2e}.tool-btn.active,.seed-btn.active{background:#ffdc3c40;border-color:#ffdc3c99;color:#ffe;box-shadow:0 0 8px #ffdc3c33}.seed-price{opacity:.5;font-size:.7rem}.farm-container{position:relative;z-index:1;width:100%;max-width:640px;margin-bottom:1rem}.fence-top,.fence-bottom{height:10px;background:repeating-linear-gradient(90deg,var(--wood) 0px,var(--wood) 18px,var(--wood-light) 18px,var(--wood-light) 20px);border-radius:3px;box-shadow:0 2px 6px #0000004d}.farm{display:grid;gap:6px;padding:10px;background:var(--grass-dark);border-left:3px solid var(--wood);border-right:3px solid var(--wood);border-radius:0}.plot{all:unset;cursor:pointer;aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:.35rem;background:var(--soil);border:2px solid rgba(0,0,0,.15);transition:all .15s;position:relative}.plot:hover{transform:scale(1.06);border-color:#ffdc3c80;box-shadow:0 0 10px #ffdc3c33}.plot-empty{background:var(--soil)}.plot-watered{background:var(--soil-wet);box-shadow:inset 0 0 8px #508cdc4d}.plot-ready{background:var(--soil);animation:pulse 1.2s ease-in-out infinite;box-shadow:0 0 12px #ffdc3c59}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}.plot-soil{display:flex;flex-direction:column;align-items:center;gap:4px}.plot-icon{font-size:1.8rem;opacity:.6}.crop-sprout{font-size:1.4rem}.crop-growing{font-size:1.6rem}.crop-ready{font-size:1.8rem;animation:bounce .8s ease infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.crop-stage{display:flex;flex-direction:column;align-items:center;gap:3px}.progress-bar{width:32px;height:5px;background:#0000004d;border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#6c6,#cf4);border-radius:3px;transition:width .3s}.messages{position:relative;z-index:1;width:100%;max-width:640px;margin-bottom:.75rem}.message{font-size:.82rem;color:#ffe;background:var(--ui-bg);border:1px solid var(--ui-border);border-radius:.5rem;padding:.4rem .8rem;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.guide{position:relative;z-index:1;width:100%;max-width:640px;background:var(--ui-bg);border:1px solid var(--ui-border);border-radius:.6rem;padding:.75rem 1rem;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.guide h3{font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;color:#ffffff80;margin-bottom:.5rem}.guide-steps{display:flex;flex-wrap:wrap;gap:.4rem 1rem;font-size:.78rem;color:#ddd}@media(max-width:480px){.title{font-size:1.2rem}.toolbar{flex-direction:column}.farm{gap:4px;padding:6px}.guide-steps{flex-direction:column;gap:.2rem}}