:root{font-family:Nunito,system-ui,sans-serif;color:#344336;background:#e8ead8;font-weight:700;font-synthesis:none}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;min-width:280px;background:#e8ead8 url('assets/garden.webp') center/cover fixed}button,select{font:inherit;min-width:44px;min-height:44px;padding:6px 9px;border:1.5px solid #77866d;border-radius:10px;background:#fffced;color:#344336;cursor:pointer;touch-action:manipulation}button:hover{background:#f3e9b7}button:disabled{opacity:.45;cursor:default}button:focus-visible,select:focus-visible{outline:3px solid #695682;outline-offset:1px}main{height:100dvh;min-height:700px;max-width:1000px;padding:max(5px,env(safe-area-inset-top)) max(6px,env(safe-area-inset-right)) max(4px,env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-left));margin:auto;display:flex;flex-direction:column;gap:5px;background:#fffcedbb}header{height:54px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0;gap:3px}header .brand{display:flex;align-items:center;gap:4px}#host{width:48px;height:52px;object-fit:contain}header strong{font-size:14px;line-height:1;letter-spacing:1px}nav{display:flex;gap:3px}nav button{font-size:10px;padding:4px 6px}#pause{font-size:18px}#hud{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;background:#4c6954;color:#fffced;border-radius:10px;gap:3px 8px;padding:6px 9px;flex-shrink:0;font-size:12px}#hud small{display:block;width:100%;font-size:10px}#gardenArea{position:relative;flex:1;min-height:300px;max-height:430px;display:flex;align-items:center;justify-content:center}#garden{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(3,1fr);gap:5px;width:100%;height:100%;max-width:660px;padding:6px;border-radius:18px;background:#b6c09a9c;border:2px solid #879376;box-shadow:0 7px 0 #7b8b6944}.plot{position:relative;padding:0;overflow:hidden;border-radius:13px;background:radial-gradient(ellipse at 50% 80%,#ae8159 0%,#d8bd90 60%,#ede0b9 100%);border:1.5px solid #879376;display:flex;align-items:center;justify-content:center;min-width:44px;min-height:70px}.plot.selected{outline:3px solid #715189;outline-offset:-3px}.plot.moving{outline-style:dashed}.plot.wilt{background:#d4bea2}.plant{height:80%;width:98%;object-fit:contain;transform:scale(var(--scale,1));pointer-events:none;user-select:none}.decor{position:absolute;right:1px;bottom:12px;width:35%;height:35%;object-fit:contain;pointer-events:none;z-index:1}.light{position:absolute;top:3px;left:4px;font-size:9px;background:#fffcedda;border-radius:5px;padding:1px 3px;z-index:2}.stage{position:absolute;bottom:9px;left:3px;right:3px;text-align:center;font-size:9px;line-height:1.05;background:#fffceddc;border-radius:5px;z-index:2}.soil{position:absolute;bottom:3px;left:7px;right:7px;height:4px;background:#a39780;border-radius:5px;overflow:hidden}.soil i{display:block;height:100%;background:#578c9c}#bee{position:absolute;width:52px;height:52px;pointer-events:none;left:43%;top:38%;filter:drop-shadow(0 3px 2px #553c2133);transition:left .4s,top .4s}body[data-motion=false] #bee{transition:none}#panel{flex-shrink:0;background:#fffcedd9;padding:5px;border-radius:12px}#detail{font-size:12px;display:flex;flex-wrap:wrap;align-items:center;gap:3px;margin-bottom:4px}#detail strong{width:100%}#stats{font-size:10px;line-height:1.2;flex:1}#growth{width:90px;height:9px;accent-color:#849653}#actions{display:flex;justify-content:center;flex-wrap:wrap;gap:3px}#actions button{font-size:10px;padding:4px 6px}#seedList{display:flex;gap:3px;overflow-x:auto;overscroll-behavior:contain;margin-top:5px;padding-bottom:2px;scrollbar-width:thin}#seedList button{min-width:78px;width:78px;flex-shrink:0;min-height:70px;font-size:9px;padding:3px}#seedList img{width:40px;height:40px;object-fit:contain;display:block;margin:auto}#seedList span{display:block;line-height:1.15}#notice{margin:0;min-height:14px;font-size:10px;text-align:center;line-height:1.2;flex-shrink:0}dialog{width:100%;max-width:min(650px,calc(100vw - 16px));max-height:calc(100dvh - 16px);overflow:auto;text-align:center;padding:14px;border:2px solid #77866d;border-radius:16px;background:#fffced;color:#344336}dialog::backdrop{background:#2b453bcc}dialog button{margin:3px}dialog p{font-size:13px;line-height:1.5}h1,h2{margin:9px 0;line-height:1.15}.hero{height:180px;position:relative;border-radius:12px;overflow:hidden;background:#d4dda8}.hero img{width:100%;height:100%;object-fit:cover}.hero h1{position:absolute;left:8px;top:2px;background:#fffcede8;border-radius:9px;padding:8px;font-size:32px}#continue{width:95%;background:#e4e9c2}.modes{display:flex;justify-content:center;gap:3px;flex-wrap:wrap}.modes button{min-width:90px;background:#e4e9c2}summary{min-height:44px;display:flex;align-items:center;justify-content:center;border-top:1px dashed #a3ac8d;cursor:pointer}.settings{display:flex;gap:7px;align-items:center;justify-content:center;flex-wrap:wrap}.settings label{font-size:12px;display:flex;align-items:center;min-height:44px;gap:5px}input{accent-color:#4c6954;min-height:20px;min-width:20px}#loading,#records{font-size:12px}#crossList article{display:flex;align-items:center;text-align:left;gap:8px;background:#edf1dc;border-radius:10px;padding:6px;margin:5px 0}#crossList img{width:54px;height:54px;object-fit:contain}#crossList small{display:block;font-size:11px;line-height:1.3}#crossList progress{height:10px;width:100%;accent-color:#b39856}#decorList,#collectionList{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}#decorList article,#collectionList article{border:1px solid #afba94;border-radius:10px;padding:5px;background:#edf1dc;font-size:12px}#decorList img,#collectionList img{width:64px;height:64px;object-fit:contain;display:block;margin:auto}#decorList small{display:block;font-size:10px;line-height:1.3}#decorList button{font-size:10px;margin:2px}#resultHost{width:150px;height:150px;object-fit:contain}
@media(min-width:700px) and (min-height:481px){#panel{max-width:750px;width:100%;align-self:center}#detail{font-size:14px}#seedList button{min-width:92px;width:92px}#gardenArea{min-height:370px}}
@media(max-height:480px) and (min-width:580px){main{min-height:330px;display:grid;grid-template-columns:minmax(0,1fr) 290px;grid-template-rows:48px 1fr 14px;gap:4px}header{grid-column:1/3;grid-row:1;height:48px}#host{height:44px}#hud{grid-column:2;grid-row:2;align-self:start;padding:4px 6px;min-height:65px;font-size:10px}#hud small{font-size:9px}#gardenArea{grid-column:1;grid-row:2;min-height:0;height:100%;max-height:none}#panel{grid-column:2;grid-row:2;align-self:end;margin-top:78px;padding:4px}#stats{font-size:9px}#actions button{font-size:9px;min-height:44px;padding:3px}#seedList button{min-width:62px;width:62px;min-height:56px;font-size:8px}#seedList img{height:28px;width:28px}#notice{grid-column:1/3;grid-row:3;font-size:9px}.hero{height:125px}#bee{width:40px;height:40px}}
@media(max-width:350px){header strong{font-size:12px;letter-spacing:.5px}#host{width:36px}nav button{font-size:9px;padding:4px}#actions button{font-size:9px;padding:4px}#gardenArea{min-height:288px}.hero{height:140px}}
#panel,#seedList,#hud{min-width:0}#seedList small{display:block;font-size:8px;line-height:1.1;margin-top:2px}img{user-select:none;-webkit-user-drag:none}#decorList button{min-width:44px}
#crossSummary{display:block;font-size:10px;line-height:1.25;min-height:14px;margin:3px 0;color:#67527b}
@media(max-height:480px) and (min-width:580px){#panel{margin-top:0;max-height:calc(100dvh - 160px);min-height:0;overflow-y:auto}#actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}#actions button{min-width:0;overflow-wrap:anywhere}#growth{width:56px}}
@media(max-width:600px) and (min-height:481px){#gardenArea{min-height:240px}#actions button{font-size:11px}#stats,#crossSummary{font-size:11px}#seedList button{font-size:11px}#seedList small{font-size:9px}.stage,.light{font-size:10px}}
#seedList button.target,#collectionList article.target{box-shadow:inset 0 0 0 2px #a97625;background:#fff0c5}