*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#e9ede2;color:#4c5a43;font-family:ui-rounded,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}button,select{font:inherit;cursor:pointer;color:inherit}button{border:0;touch-action:manipulation}button:focus-visible,select:focus-visible{outline:3px solid #9db877;outline-offset:3px}#app{margin:auto;max-width:740px;background:#f6f5ed;padding:25px 27px 16px;min-height:100dvh}header{display:flex;align-items:center;gap:13px;padding:2px 1px 24px}.logo{display:grid;place-items:center;font-size:28px;border-radius:50%;width:43px;height:43px;background:#e1e8cc;color:#718a4e}header>div:nth-child(2){flex:1}header span{font-size:8px;letter-spacing:1.9px;color:#a3aa92}h1{font-size:19px;font-weight:650;letter-spacing:-.6px;margin:6px 0 0}.mini-bloom{font-size:28px;color:#c5bc94}.garden{height:clamp(350px,65dvh,675px);border:1px solid #e0e2d2;border-radius:30px;overflow:hidden;position:relative;background:radial-gradient(ellipse at 80% 10%,#fbf4d4,transparent 60%),#e8ecdf;box-shadow:inset 0 0 50px #b3bea312;transition:background .5s}.garden[data-season="1"]{background:radial-gradient(ellipse at 80% 10%,#fff0c5,transparent 60%),#e4eddb}.garden[data-season="2"]{background:radial-gradient(ellipse at 80% 10%,#fff1d5,transparent 60%),#ece7d9}.garden[data-season="3"]{background:radial-gradient(ellipse at 80% 10%,#334d5b,transparent 65%),#1f3740;border-color:#425656;color:#d4dfce}canvas{display:block;width:100%;height:100%;touch-action:none;cursor:crosshair;position:absolute;inset:0}.garden-top{position:absolute;top:18px;left:18px;right:18px;display:flex;justify-content:space-between;pointer-events:none;align-items:center;gap:15px}.garden-top select{pointer-events:auto;border:1px solid #ffffff6e;border-radius:24px;padding:10px 17px;background:#fffdf48c;backdrop-filter:blur(8px);font-size:12px;min-width:78px;outline-offset:2px}.life{display:flex;gap:6px;align-items:center;background:#fffdf47a;backdrop-filter:blur(8px);border-radius:22px;padding:10px 12px;font-size:9px;color:#7c8d6c}.life>b{font-size:12px;font-weight:500}.garden[data-season="3"] .life,.garden[data-season="3"] select{background:#ffffff16;color:#d5dfce}.garden[data-season="3"] select option{color:#333}#hint{position:absolute;inset:0;pointer-events:none;display:flex;justify-content:center;align-items:center;flex-direction:column;color:#7d8e6c;transition:opacity .7s}.gesture{font-size:65px;line-height:1;color:#a4b38c;transform:rotate(-20deg);animation:gentle 3s ease-in-out infinite}#hint p{font-size:14px;margin:17px 0 12px}#hint small{font-size:10px;color:#9baa89}.garden-bottom{position:absolute;bottom:19px;left:21px;right:21px;display:flex;justify-content:space-between;font-size:9px;color:#8e9a7e;pointer-events:none}.garden-bottom b{font-weight:500}.garden[data-season="3"] .garden-bottom{color:#b6c8b6}.tools{display:flex;justify-content:center;gap:11px;padding:23px 8px 13px}.tool{display:flex;flex-direction:column;align-items:center;gap:8px;border:1px solid transparent;background:none;border-radius:20px;padding:9px 13px 8px;min-width:57px;font-size:10px;color:#a1a48e}.tool .icon{height:30px;font-size:28px;line-height:30px}.tool.selected{background:#e7ecd9;border-color:#d7dfc5;color:#607b44;box-shadow:0 3px 8px #6b7d4906}.tool[data-brush="0"] .icon{color:#789b45}.tool[data-brush="1"] .icon{color:#d897ab}.tool[data-brush="2"] .icon{color:#b78762}.tool[data-brush="3"] .icon{color:#9c9e8c}.tool[data-brush="4"] .icon{font-size:24px;color:#979787}.foot{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #e8e9dd;margin-top:8px;padding:10px 0 0}.foot p{font-size:10px;color:#a1a790}.foot>div{display:flex;gap:6px}.foot button{background:transparent;width:34px;height:34px;font-size:22px;color:#9ba68a}.foot button:disabled{opacity:.3}.tool:hover{background:#eceede}.tool:active{transform:scale(.95)}dialog{color:#56624d;border:1px solid #dae0cc;border-radius:25px;background:#f7f8ed;padding:26px;max-width:88vw;box-shadow:0 15px 70px #1f31174f}dialog::backdrop{background:#25302066;backdrop-filter:blur(5px)}dialog h2{font-size:20px}dialog p{font-size:12px;color:#969f85}dialog>div{display:flex;justify-content:flex-end;gap:10px;margin-top:25px}dialog button{border-radius:30px;padding:10px 17px;background:#e5ead7;font-size:12px}dialog #confirm{background:#7f9764;color:white}@keyframes gentle{50%{transform:translate(12px,-8px) rotate(-12deg)}}@media(min-width:741px){#app{margin:25px auto;min-height:0;border-radius:30px;box-shadow:0 25px 80px #58604418}.garden{height:570px}}@media(max-width:500px){#app{padding:20px 16px 12px}header{padding-bottom:20px}.garden{border-radius:25px;height:clamp(300px,65dvh,650px)}.tools{gap:4px;padding:16px 0 7px}.tool{padding:8px 11px;min-width:54px}.foot{padding-top:5px}.foot p{font-size:9px}.garden-top{top:15px;left:15px;right:15px}}@media(max-height:650px){.garden{height:58dvh}#app{padding-top:12px}header{padding-bottom:13px}.tools{padding-top:10px}.tool .icon{font-size:24px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
@media(orientation:landscape) and (max-height:550px){#app{display:grid;grid-template-columns:1fr 147px;column-gap:16px;padding:12px 18px;min-height:100dvh;max-width:1040px;margin:0 auto;border-radius:0}header{grid-column:1/3;padding:0 0 12px}.garden{height:calc(100dvh - 85px);min-height:0}.bottom{align-self:center}.tools{display:grid;grid-template-columns:1fr 1fr;gap:3px;padding:0}.tool{min-width:0;padding:7px}.tool .icon{height:24px;font-size:23px}.foot{display:block;text-align:center;margin:8px 0 0}.foot p{display:none}.foot>div{justify-content:center}.garden-top{top:12px;left:13px;right:13px}#hint p{font-size:12px}#hint small{font-size:9px}}