*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 10% 0%,#dfecd8,transparent 65%),#f6f3e9;color:#243e38;font:14px Tahoma,Arial,sans-serif}button{font:inherit;cursor:pointer;touch-action:manipulation;color:inherit;background:#fff8;border:1px solid #bbccc0;border-radius:12px;padding:10px 13px}button:hover{background:#e0eddf}button:focus-visible{outline:3px solid #b06931;outline-offset:3px}button:disabled{cursor:default;opacity:.5}[hidden]{display:none!important}main{max-width:570px;margin:auto;padding:25px 20px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}header small{font:9px Arial;letter-spacing:2px;color:#6b857a}h1{font-size:29px;margin:7px 0 0}h1 span{color:#c17b53}nav{display:flex;gap:7px}nav button{font-size:11px;padding:10px}.stats{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:10px;margin-bottom:20px}.stats>div{text-align:center;padding:13px 5px;background:#ffffffa6;border:1px solid #d0dace;border-radius:16px}.stats small{display:block;font-size:10px;color:#6b8175;margin-bottom:7px}.stats b{font-size:24px;font-weight:400}.garden{padding:18px;background:#ffffff80;border:1px solid #cad7c7;border-radius:25px;box-shadow:0 18px 50px #264a3710}.heading{display:flex;justify-content:space-between;align-items:center;font-size:12px;padding:2px 3px 16px}.heading small{font-size:9px;color:#839485}.board{position:relative;aspect-ratio:1;width:100%;background:#e6ebdf;border-radius:19px;overflow:hidden}canvas{width:100%;height:100%;display:block}#cards{position:absolute;inset:0;display:grid;grid-template-columns:repeat(4,1fr);direction:ltr;padding:10px;gap:8px}#cards button{padding:0;background:0 0;border:0;border-radius:14px;opacity:1}#cards button:hover{background:#ffffff18}#cards button:focus-visible{outline:3px solid #9a6537;outline-offset:-5px}#message{text-align:center;font-size:12px;min-height:23px;margin:17px 0 12px}.bar{height:4px;border-radius:5px;overflow:hidden;background:#d8e2d4}.bar i{display:block;height:100%;width:100%;background:#729d7c}footer{display:flex;justify-content:space-between;align-items:center;margin-top:17px;font-size:11px;color:#657b6b}footer button{font-size:11px}.tip{text-align:center;color:#819080;font-size:10px;margin-top:18px}#overlay{position:fixed;inset:0;z-index:5;background:#203b33b8;backdrop-filter:blur(12px);display:grid;place-items:center;padding:20px;overflow:auto}.dialog{max-width:410px;width:100%;padding:30px;background:radial-gradient(ellipse at top,#e0ecd8,#fbf8ee 65%);border:1px solid #f3faec;border-radius:27px;text-align:center;box-shadow:0 25px 100px #142b3255}.flower{font-size:70px;color:#c27a55;line-height:1.3}.dialog>small{font-size:11px;color:#718b73}h2{font-size:24px;margin:16px 0}.dialog p{font-size:13px;line-height:2;color:#5c7265}#guide{padding:15px;background:#e5ecdf;border-radius:14px;font-size:11px;line-height:2.2;text-align:right;margin:20px 0}#primary{display:block;width:100%;background:#365e4e;color:#f7fff4;border:0;font-weight:700;padding:14px;margin-top:20px}#secondary{display:block;width:100%;margin-top:10px}@media(max-width:400px){main{padding:18px 12px}.garden{padding:12px}h1{font-size:25px}nav button{font-size:10px;padding:8px}.heading{font-size:10px}.stats{gap:7px}.dialog{padding:23px}}