:root{--paper: #fff6e3;--paper-2: #ffeecb;--ink: #5b4a2f;--ink-soft: #998461;--wood: #c98a4b;--wood-dark: #a96a31;--leaf: #7cb342;--leaf-dark: #5a8f2c;--sky: #aee0f0;--sun: #ffce4d;--berry: #ef7d8e;--r-panel: 28px;--r-chip: 16px;--r-pill: 999px;--shadow-panel: 0 6px 0 var(--wood-dark), 0 14px 24px rgba(120,80,30,.28);--shadow-chip: 0 3px 0 rgba(150,110,50,.35), 0 6px 14px rgba(120,80,30,.18);--font-display: "Baloo 2", "Noto Sans TC", system-ui, sans-serif;--font-body: "Noto Sans TC", system-ui, sans-serif}*{box-sizing:border-box}html,body,#app{margin:0;height:100%;width:100%;overflow:hidden;font-family:var(--font-body)}.login[data-v-9328f335]{height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,#b7e08a,#7cb069)}.card[data-v-9328f335]{background:#fffdf6;border-radius:22px;padding:34px 30px;width:340px;max-width:90vw;box-shadow:0 18px 50px #3c5a2847;text-align:center}.card h1[data-v-9328f335]{margin:0;font-size:32px;color:#4f7a33}.sub[data-v-9328f335]{margin:6px 0 22px;color:#8aa06f}.label[data-v-9328f335]{margin:16px 0 8px;color:#6b7d55;font-size:14px}.card input[data-v-9328f335]{width:100%;padding:12px 14px;border:2px solid #d6e4c2;border-radius:12px;font-size:16px;outline:none}.card input[data-v-9328f335]:focus{border-color:#8cc163}.skins[data-v-9328f335]{display:flex;gap:14px;row-gap:16px;justify-content:center;flex-wrap:wrap;margin-bottom:32px}.skin[data-v-9328f335]{width:34px;height:34px;border-radius:50%;border:3px solid transparent;cursor:pointer}.skin.sel[data-v-9328f335]{border-color:#3f5a28;transform:scale(1.12)}.enter[data-v-9328f335]{margin-top:24px;width:100%;padding:14px;font-size:17px;font-weight:700;color:#fff;background:#6fae3e;border:none;border-radius:14px;cursor:pointer}.enter[data-v-9328f335]:disabled{opacity:.6;cursor:default}.resume[data-v-9328f335]{margin-top:14px;font-size:12px;color:#98a884}.resume a[data-v-9328f335]{color:#6fae3e;cursor:pointer;text-decoration:underline}.err[data-v-9328f335]{color:#e03131;font-size:13px;margin-top:12px}.card.tut[data-v-9328f335]{width:400px;text-align:left}.card.tut h1[data-v-9328f335]{text-align:center;font-size:26px}.tutlist[data-v-9328f335]{list-style:none;margin:18px 0 8px;padding:0}.tutlist li[data-v-9328f335]{padding:8px 0;border-bottom:1px dashed #e6ecdb;color:#50633a;font-size:14px;line-height:1.5}.tutlist li[data-v-9328f335]:last-child{border-bottom:none}.tutlist b[data-v-9328f335]{color:#4f7a33}.board-panel[data-v-9328f335]{position:relative;background:var(--paper);border:3px solid var(--wood);border-radius:var(--r-panel);box-shadow:var(--shadow-panel);padding:48px 34px 36px;width:372px;max-width:90vw;text-align:center}.board-ribbon[data-v-9328f335]{position:absolute;top:-20px;left:50%;transform:translate(-50%);background:var(--leaf);color:#fff;font-family:var(--font-display);font-weight:800;font-size:19px;padding:8px 26px;border-radius:var(--r-pill);border:3px solid #fff;box-shadow:0 4px 0 var(--leaf-dark);white-space:nowrap}.board-panel .sub[data-v-9328f335]{margin:12px 0 30px;color:var(--ink-soft)}.board-panel .label[data-v-9328f335]{margin:30px 0 16px;color:var(--ink-soft);font-size:14px;font-weight:700}.board-panel input[data-v-9328f335]{width:100%;padding:15px 18px;border:none;border-radius:var(--r-chip);font-size:16px;outline:none;color:var(--ink);background:var(--paper-2);box-shadow:inset 0 2px 5px #966e3238}.board-panel input[data-v-9328f335]::placeholder{color:#c4ac82}.tut-card[data-v-9328f335]{padding:14px 6px 4px;min-height:184px}.tut-icon[data-v-9328f335]{width:96px;height:96px;margin:8px auto 18px;border-radius:28px;display:flex;align-items:center;justify-content:center;font-size:52px;line-height:1;border:4px solid #fff;box-shadow:var(--shadow-chip)}.tut-title[data-v-9328f335]{font-family:var(--font-display);font-weight:800;font-size:24px;color:var(--ink);margin:0 0 10px}.tut-desc[data-v-9328f335]{white-space:pre-line;line-height:1.7;font-size:15px;color:var(--ink-soft);margin:0}.tut-dots[data-v-9328f335]{display:flex;gap:9px;justify-content:center;margin:18px 0 22px}.tut-dots .dot[data-v-9328f335]{width:9px;height:9px;border-radius:50%;background:#e3d4b3;cursor:pointer;transition:all .25s}.tut-dots .dot.on[data-v-9328f335]{background:var(--leaf);width:26px;border-radius:6px}.btn-candy[data-v-9328f335]{width:100%;padding:15px;font-family:var(--font-display);font-weight:800;font-size:18px;color:#fff;background:var(--leaf);border:none;border-radius:var(--r-pill);cursor:pointer;box-shadow:0 5px 0 var(--leaf-dark),0 8px 14px #5a8c2859;transition:transform .08s,box-shadow .08s}.btn-candy[data-v-9328f335]:active{transform:translateY(4px);box-shadow:0 1px 0 var(--leaf-dark),0 3px 8px #5a8c284d}.btn-candy[data-v-9328f335]:disabled{filter:saturate(.6) brightness(1.05);cursor:default}.btn-ghost[data-v-9328f335]{margin-top:12px;background:none;border:none;cursor:pointer;color:var(--ink-soft);font-size:13px;font-weight:700}.cardflip-enter-active[data-v-9328f335],.cardflip-leave-active[data-v-9328f335]{transition:all .28s ease}.cardflip-enter-from[data-v-9328f335]{opacity:0;transform:translate(30px) scale(.96)}.cardflip-leave-to[data-v-9328f335]{opacity:0;transform:translate(-30px) scale(.96)}.board-panel .skin[data-v-9328f335]{width:40px;height:40px;border:4px solid #fff;box-shadow:var(--shadow-chip);transition:transform .15s}.board-panel .skin.sel[data-v-9328f335]{transform:scale(1.25) translateY(-3px);box-shadow:0 0 0 3px var(--leaf),var(--shadow-chip)}.game-wrap[data-v-9328f335]{position:fixed;top:0;right:0;bottom:0;left:0}#game-container[data-v-9328f335]{position:absolute;top:0;right:0;bottom:0;left:0}#game-container[data-v-9328f335] canvas{display:block}.hud[data-v-9328f335]{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.hud button[data-v-9328f335]{pointer-events:auto}.panel[data-v-9328f335]{position:absolute;top:14px;left:14px;width:190px;background:#fff6e3f5;border:2px solid var(--wood);border-radius:var(--r-chip);padding:10px 14px;box-shadow:var(--shadow-chip)}.panel .title[data-v-9328f335]{color:var(--leaf-dark);font-family:var(--font-display);font-weight:800;font-size:15px}.panel .grain[data-v-9328f335]{color:#4f7a33;font-weight:800;font-size:22px;margin:2px 0 6px}.panel .bar[data-v-9328f335]{height:8px;background:#e6ecdb;border-radius:6px;overflow:hidden}.panel .fill[data-v-9328f335]{height:100%;background:linear-gradient(90deg,#ffd43b,#e8893b);border-radius:6px;transition:width .4s ease}.panel .next[data-v-9328f335]{margin-top:5px;font-size:11px;color:#98a884}.online[data-v-9328f335]{position:absolute;top:128px;left:14px;background:#ffffffd1;color:#5b7340;font-weight:600;font-size:13px;padding:4px 12px;border-radius:12px}.buffchip[data-v-9328f335]{position:absolute;top:164px;left:14px;background:linear-gradient(135deg,#fff3bf,#ffd43b);color:#6b4a00;font-weight:800;font-size:13px;padding:5px 14px;border-radius:12px;box-shadow:0 4px 14px #c8a02866;white-space:nowrap}.village[data-v-9328f335]{position:absolute;top:14px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;background:#fff6e3f5;border:2px solid var(--wood);border-radius:14px;padding:8px 16px;box-shadow:var(--shadow-chip);white-space:nowrap}.village .vlabel[data-v-9328f335]{color:#e8893b;font-weight:800;font-size:14px}.village .vbar[data-v-9328f335]{width:200px;height:10px;background:#f0e6d0;border-radius:6px;overflow:hidden}.village .vfill[data-v-9328f335]{height:100%;background:linear-gradient(90deg,#ffd43b,#ff922b);border-radius:6px;transition:width .4s ease}.village .vnum[data-v-9328f335]{color:#b5751f;font-weight:700;font-size:13px}.toast[data-v-9328f335]{position:absolute;top:80px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#ffe066,#ffa94d);color:#6b3a00;font-weight:800;font-size:17px;padding:12px 24px;border-radius:16px;box-shadow:0 8px 24px #c88c2873;pointer-events:none;white-space:nowrap}.pop-enter-active[data-v-9328f335]{animation:popin-9328f335 .35s ease}.pop-leave-active[data-v-9328f335]{transition:opacity .4s ease}.pop-leave-to[data-v-9328f335]{opacity:0}@keyframes popin-9328f335{0%{transform:translate(-50%) scale(.6);opacity:0}70%{transform:translate(-50%) scale(1.1);opacity:1}to{transform:translate(-50%) scale(1)}}.top-right[data-v-9328f335]{position:absolute;top:14px;right:14px;display:flex;gap:8px}.top-right button[data-v-9328f335]{background:#fff6e3f5;border:2px solid var(--wood);border-radius:12px;padding:7px 13px;font-size:14px;font-weight:700;color:var(--leaf-dark);cursor:pointer;box-shadow:var(--shadow-chip)}.top-right button[data-v-9328f335]:active{transform:translateY(2px)}.board[data-v-9328f335]{position:absolute;top:60px;right:14px;width:240px;background:#fff6e3f7;border:2px solid var(--wood);border-radius:var(--r-chip);padding:14px 18px;box-shadow:var(--shadow-chip);pointer-events:auto}.board h3[data-v-9328f335]{margin:0 0 10px;color:var(--leaf-dark);font-family:var(--font-display);font-size:16px}.board ol[data-v-9328f335]{list-style:none;margin:0;padding:0}.board li[data-v-9328f335]{display:flex;align-items:center;gap:10px;padding:5px 0;border-bottom:1px dashed #e6ecdb}.board li[data-v-9328f335]:last-child{border-bottom:none}.board .rk[data-v-9328f335]{width:20px;color:#b0bd98;font-weight:700}.board .nm[data-v-9328f335]{flex:1;color:#3b4a28}.board b[data-v-9328f335]{color:#e8893b}.board .empty[data-v-9328f335]{color:#9aa884;font-size:13px;text-align:center}.emotes[data-v-9328f335]{position:absolute;bottom:20px;right:16px;display:flex;gap:8px}.emotes button[data-v-9328f335]{width:50px;height:50px;font-size:24px;border:2px solid var(--wood);border-radius:50%;background:#fff6e3f5;cursor:pointer;box-shadow:var(--shadow-chip);transition:transform .08s}.emotes button[data-v-9328f335]:active{transform:translateY(3px)}.harvest-btn[data-v-9328f335]{position:absolute;bottom:26px;left:50%;transform:translate(-50%);background:#ef9a4a;color:#fff;border:none;border-radius:var(--r-pill);padding:15px 40px;font-family:var(--font-display);font-size:19px;font-weight:800;cursor:pointer;box-shadow:0 5px #c06a25,0 9px 16px #c8782866;transition:transform .08s,box-shadow .08s}.harvest-btn[data-v-9328f335]:active{transform:translate(-50%) translateY(4px);box-shadow:0 1px #c06a25,0 3px 8px #c8782859}.hint[data-v-9328f335]{position:absolute;bottom:4px;left:50%;transform:translate(-50%);color:#ffffffd9;font-size:11px;white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.3)}.codebox[data-v-9328f335]{position:absolute;top:60px;right:14px;width:250px;background:#fff6e3f7;border:2px solid var(--wood);border-radius:var(--r-chip);padding:14px 18px;box-shadow:var(--shadow-chip);pointer-events:auto;text-align:center}.codebox h3[data-v-9328f335]{margin:0 0 8px;color:var(--leaf-dark);font-family:var(--font-display);font-size:15px}.codeline[data-v-9328f335]{margin:6px 0;font-size:13px;color:#6b7d55}.codeline b[data-v-9328f335]{display:inline-block;margin-top:4px;font-size:14px;color:#3b4a28;word-break:break-all;background:#f0f4e6;padding:4px 8px;border-radius:8px}.copybtn[data-v-9328f335]{margin:8px 0 6px;width:100%;padding:10px;border:none;border-radius:12px;background:#6fae3e;color:#fff;font-weight:700;font-size:14px;cursor:pointer}.codehint[data-v-9328f335]{margin:4px 0 0;font-size:11px;color:#9aa884;line-height:1.5}.welcome[data-v-9328f335]{position:absolute;top:76px;left:50%;transform:translate(-50%);max-width:86vw;text-align:center;background:#3c5a28eb;color:#fff7d6;font-weight:700;font-size:15px;padding:12px 22px;border-radius:16px;box-shadow:0 8px 24px #0000004d;pointer-events:none;line-height:1.5}.overlay[data-v-9328f335]{position:absolute;top:0;right:0;bottom:0;left:0;background:#28371e99;display:flex;align-items:center;justify-content:center;pointer-events:auto}.overlay-card[data-v-9328f335]{background:#fffdf6;border-radius:22px;padding:30px 36px;text-align:center;box-shadow:0 18px 50px #00000059;max-width:90vw}.overlay-emoji[data-v-9328f335]{font-size:42px}.overlay-card p[data-v-9328f335]{margin:12px 0 20px;color:#4f6033;font-size:16px}.overlay-card button[data-v-9328f335]{padding:12px 28px;border:none;border-radius:14px;background:#6fae3e;color:#fff;font-weight:800;font-size:16px;cursor:pointer}@media(max-width:600px){.panel[data-v-9328f335]{top:10px;left:10px;width:150px;padding:8px 11px}.panel .title[data-v-9328f335]{font-size:13px}.panel .grain[data-v-9328f335]{font-size:19px;margin:1px 0 5px}.panel .next[data-v-9328f335]{font-size:10px}.top-right[data-v-9328f335]{top:10px;right:10px;gap:6px}.top-right button[data-v-9328f335]{padding:8px 10px;font-size:17px;line-height:1}.top-right .lbl[data-v-9328f335]{display:none}.village[data-v-9328f335]{top:112px;left:10px;transform:none;padding:6px 11px;gap:7px}.village .vlabel[data-v-9328f335]{font-size:12px}.village .vbar[data-v-9328f335]{width:96px;height:8px}.village .vnum[data-v-9328f335]{font-size:11px}.online[data-v-9328f335]{top:152px;left:10px;font-size:12px;padding:3px 10px}.buffchip[data-v-9328f335]{top:186px;left:10px;font-size:12px;padding:4px 11px}.board[data-v-9328f335]{top:56px;right:10px;width:min(72vw,240px)}.codebox[data-v-9328f335]{top:56px;right:10px;width:min(82vw,280px)}.emotes[data-v-9328f335]{bottom:14px;right:12px;gap:6px}.emotes button[data-v-9328f335]{width:44px;height:44px;font-size:21px}.hint[data-v-9328f335]{font-size:10px;bottom:3px}}