:root{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:#344c3c;background:#e4eee6;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{cursor:default}button:focus-visible,a:focus-visible{outline:3px solid #215f4e;outline-offset:5px}[hidden]{display:none!important}.island{position:relative;isolation:isolate;max-width:480px;min-height:100svh;margin:auto;padding:24px 24px max(18px,env(safe-area-inset-bottom));overflow:hidden;background:#d9eddf url('assets/island.png') center center/cover no-repeat;box-shadow:0 0 90px #35634120}.island:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(#eafaedc9 0%,#eafaed22 36%,#e5f3d85c 64%,#e9f3dff2 100%)}header{display:flex;justify-content:space-between;align-items:center}.brand{font-size:24px;letter-spacing:2px;font-weight:850;color:#486f41}.brand-leaf{display:inline-block;transform:rotate(-35deg);font-size:27px;margin-left:6px;color:#7da652}.edition{font-size:14px;border:1px solid #ffffffc7;border-radius:20px;padding:6px 11px;background:#ffffffe0}.instruction{margin-top:24px}.step{font-size:12px;letter-spacing:2px;color:#65855a;font-weight:700}.instruction p{font-size:16px;line-height:1.7;margin:8px 0 4px}.instruction small{font-size:13px;color:#5e725a}.scene{position:relative;height:300px;margin-top:8px}.speech{position:absolute;z-index:2;left:0;top:40px;width:47%;padding:19px 16px 24px;border-radius:22px;background:#ffffffed;box-shadow:0 10px 25px #53724514;min-height:157px}.speech:after{content:"";position:absolute;right:-9px;bottom:32px;border-top:11px solid transparent;border-bottom:11px solid transparent;border-left:13px solid #fffffff0}.speech>span{display:inline-block;background:#e9f2d7;border-radius:20px;padding:5px 9px;font-size:12px;color:#63824b}.speech p{font-size:19px;font-weight:650;line-height:1.55;margin:12px 0 0}.figure{position:absolute;right:-22px;top:0;width:62%;height:100%;transform-origin:50% 80%}.figure img{width:100%;height:272px;object-fit:contain;filter:drop-shadow(0 10px 7px #385a3e1a)}.name{position:absolute;bottom:6px;left:50%;transform:translateX(-50%);white-space:nowrap;background:#ffffffe8;border-radius:20px;padding:6px 20px;font-size:14px;color:#557442;box-shadow:0 4px 15px #30553716}.pet .figure img{padding-top:35px}.weather{position:absolute;right:40%;top:4px;font-size:40px;z-index:3}.figure.resist{animation:hop .65s ease-in-out 2}.figure.smoke{animation:shake .55s ease-in-out 2}.figure.smoke img{filter:saturate(.7) drop-shadow(0 10px 7px #385a3e1a)}.controls{display:grid;gap:12px;margin-top:10px}.action{display:flex;align-items:center;gap:15px;min-height:62px;padding:10px 16px;border:1px solid #fff;border-radius:20px;background:#fff9eeeb;box-shadow:0 6px 15px #63533812;color:#795a45;font-size:20px;font-weight:750;transition:transform .15s,opacity .15s}.action:active{transform:scale(.98)}.action.resist{background:#f4ffe8ed;color:#557b40}.action:disabled{opacity:.72}.icon{display:grid;place-items:center;width:38px;height:38px;background:#f2e4cf;border-radius:50%;font-size:25px}.resist .icon{background:#dfedc8}.count{margin-left:auto;min-width:37px;line-height:37px;text-align:center;border-radius:50%;background:#ede0cb;font-size:18px}.resist .count{background:#dfeec8}.activity{padding:17px 3px 0}.activity>div{display:flex;justify-content:space-between;font-size:14px;margin-bottom:8px}meter{display:block;width:100%;height:12px;border:0;background:#d5e3c8;border-radius:10px;overflow:hidden}meter::-webkit-meter-bar{background:#d5e3c8;border:0;height:12px;border-radius:10px}meter::-webkit-meter-optimum-value{background:linear-gradient(90deg,#a3c771,#779f53);transition:width .4s}meter::-moz-meter-bar{background:#83aa59}footer{text-align:center;padding-top:8px}#progress{font-size:13px;min-height:19px;color:#557049;margin:12px 0}#finish,#survey-link{display:block;width:100%;padding:17px 14px;border:0;border-radius:18px;background:#648747;color:white;font-size:17px;font-weight:700;text-decoration:none;box-shadow:0 7px 18px #4b6e3620}#finish:disabled{background:#b2c5a0;color:#f8fbf4;box-shadow:none}.footnote{font-size:12px;color:#697b5d;margin:12px 0 0}.complete{position:absolute;inset:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:36px;background:#f0f6eaf5;text-align:center}.complete h1{font-size:29px;margin:12px 0}.complete p{font-size:16px;line-height:1.8;margin-bottom:30px}.done-icon{display:grid;place-items:center;background:#dfeecb;color:#63864a;width:76px;height:76px;border-radius:50%;font-size:36px;margin-bottom:25px}.secondary{margin-top:20px;border:0;background:transparent;padding:12px;color:#5a7748;text-decoration:underline;font-size:15px}@keyframes hop{0%,100%{transform:translateY(0)}50%{transform:translateY(-13px) rotate(2deg)}}@keyframes shake{0%,100%{transform:rotate(0)}25%{transform:rotate(-3deg)}75%{transform:rotate(3deg)}}@media(min-width:600px){body{padding:24px}.island{min-height:850px;border-radius:32px}.scene{height:320px}.figure img{height:292px}}@media(max-height:760px) and (max-width:599px){.island{padding-top:16px}.instruction{margin-top:16px}.scene{height:250px}.figure img{height:224px}.speech{top:22px;min-height:145px}.speech p{font-size:17px}.action{min-height:56px}.controls{gap:10px}.instruction p{margin:5px 0}.activity{padding-top:13px}#finish{padding:14px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}