:root{color-scheme:light;font-family:system-ui,"Microsoft YaHei",sans-serif;color:#294961;background:#eaf8f4}
*{box-sizing:border-box}body{margin:0;height:100dvh;display:flex;flex-direction:column;overflow:hidden}main{position:relative;flex:1;min-height:0;background:#cee7bb}canvas{width:100%;height:100%;display:block;outline:none;touch-action:none}#loading{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:24px;background:radial-gradient(ellipse at 50% 35%,#fffdf3 0,#eaf8f4 55%,#d6eff7 100%)}#loading[hidden]{display:none}.eyebrow{font-size:13px;letter-spacing:.22em;color:#52868b;margin:24px 0 8px}h1{font-size:clamp(26px,4vw,44px);margin:0 0 16px;letter-spacing:.06em}#status{margin:8px 0 18px;font-size:15px;max-width:600px;white-space:pre-wrap;overflow-wrap:anywhere}progress{width:min(320px,85vw);height:10px;border:0;border-radius:8px;overflow:hidden;background:#d7e9e4}progress::-webkit-progress-bar{background:#d7e9e4}progress::-webkit-progress-value{background:linear-gradient(90deg,#59c9cc,#a2d77c);border-radius:8px}.hint{font-size:12px;color:#6c838a;margin-top:18px;max-width:320px;line-height:1.7}button{background:#fffdf3;color:#294961;border:1px solid #adcfd6;border-radius:10px;padding:7px 15px;cursor:pointer;font:inherit}button:hover{background:#dff4f5}button:focus-visible{outline:3px solid #49a8c1}footer{height:38px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 14px;gap:10px;font-size:12px;background:#fffdf3}footer button{font-size:12px;padding:3px 13px}.slime{width:105px;height:77px;border:3px solid #2387ad;border-radius:52% 52% 38% 38%;background:radial-gradient(ellipse at 32% 22%,#fff 0 5%,#bffaff 6% 17%,#7ce4f5 20%,#48badf 80%);box-shadow:0 12px 0 -7px #bedbd6,inset 0 -7px 0 #76d8ec;position:relative;animation:bob 2s ease-in-out infinite}.slime i{position:absolute;top:43px;left:26px;width:6px;height:9px;border-radius:5px;background:#265675}.slime i+i{left:66px}.slime:after{content:"";position:absolute;top:55px;left:47px;width:10px;height:5px;border-bottom:2px solid #265675;border-radius:50%}@keyframes bob{50%{transform:translateY(-7px)}}@media(max-width:550px){.controls{display:none}footer{height:32px}}@media(prefers-reduced-motion:reduce){.slime{animation:none}}
footer a{color:#377c91;text-decoration:none;white-space:nowrap}footer a:hover{text-decoration:underline}footer a:focus-visible{outline:3px solid #49a8c1;outline-offset:3px}

.harvest-mark{font-size:80px;line-height:1.2;animation:bob 2s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.harvest-mark{animation:none}}