*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{font-family:system-ui,sans-serif;background:#102820;color:#fff4c8}button{font:inherit;cursor:pointer;color:inherit;border:1px solid #e7cc7844;background:#153e31;border-radius:16px;min-height:44px;touch-action:manipulation}button:disabled{opacity:.45;cursor:default}button:focus-visible{outline:3px solid #25e5ef;outline-offset:2px}main{height:100dvh;display:flex;flex-direction:column;width:100%;background:linear-gradient(#071c23b0,#10282044 45%,#102820 85%),url('assets/garden.webp') center/cover}header{text-align:center;flex:none;padding:12px 10px 4px;background:linear-gradient(#071c23ee,transparent)}header>span{font-size:9px;letter-spacing:2.5px;color:#d5c98d}#balance{font-size:clamp(28px,8vw,43px);font-weight:800;letter-spacing:-1.5px}header p{font-size:12px;margin:2px;color:#d9e7cc}i{padding:0 8px}.garden{position:relative;flex:1;min-height:100px;display:flex;align-items:center;flex-direction:column}.level{width:70%;text-align:center;font-size:10px;position:relative;z-index:1}progress{display:block;width:100%;height:5px;margin:5px 0;accent-color:#f4d77d;border:0;border-radius:10px;overflow:hidden}progress::-webkit-progress-bar{background:#082d27}progress::-webkit-progress-value{background:#f4d77d}#tree{display:flex;align-items:center;justify-content:center;flex:1;width:100%;min-height:0;padding:0;border:0;background:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}#tree img{width:100%;height:100%;min-height:0;object-fit:contain;pointer-events:none;filter:drop-shadow(0 12px 14px #00170aaa)}#tree:active img{transform:scale(.96)}#reward{position:absolute;top:35%;font-size:32px;font-weight:800;color:#fff4b2;text-shadow:0 2px 12px #143221;pointer-events:none}.hint{font-size:11px;letter-spacing:1px;margin:0 0 5px;color:#fff3b7}.harvest{width:70%;font-size:10px;text-align:center}.actions{display:flex;gap:8px;padding:8px 12px}.actions button{flex:1;font-size:12px;background:#c8a34a;color:#142b21;font-weight:750}nav{display:flex;padding:0 12px;gap:8px}nav button{flex:1;display:grid;place-content:center;gap:3px;padding:8px;font-size:20px}nav span{font-size:10px}.save-note{text-align:center;font-size:9px;color:#b5caba;margin:6px 0 8px}#gift{position:absolute;right:10px;bottom:50px;background:#5f4420;box-shadow:0 0 20px #ffe19c44;font-size:12px;padding:8px}#gift[hidden]{display:none}#notice{position:absolute;left:12px;right:12px;top:100px;text-align:center;background:#0b2829ee;border-radius:12px;font-size:12px;padding:10px;pointer-events:none;z-index:5}#notice:empty{display:none}dialog{width:100%;max-width:480px;max-height:82dvh;margin:auto auto 0;border:1px solid #678368;border-radius:22px 22px 0 0;background:#102e28;color:#fff4cc;padding:16px;overscroll-behavior:contain}dialog::backdrop{background:#020a12aa}.panel-head{display:flex;justify-content:space-between;align-items:center}.panel-head h2{font-size:19px}.panel-head button{width:44px}.row{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1px solid #ffffff16}.row>div{flex:1}.row b{font-size:13px;text-transform:capitalize}.row small{display:block;font-size:11px;color:#bbcebb;margin-top:5px;line-height:1.5}.row button{padding:8px 12px;font-size:12px;min-width:85px}.row img{width:75px;height:65px;object-fit:contain}.panel-note{font-size:11px;line-height:1.6;color:#a8c6bc}@media(max-height:570px){header{padding-top:5px}#balance{font-size:27px}.save-note{margin:3px}nav button{padding:4px}.actions{padding:4px 12px}.hint{display:none}}@media(prefers-reduced-motion:reduce){#tree:active img{transform:none}}