.tool-header[data-v-9ee695f2]{text-align:center;padding:48px 0 28px}.tool-header h1[data-v-9ee695f2]{font-family:var(--font-display);color:var(--navy);letter-spacing:-.5px;justify-content:center;align-items:center;gap:10px;margin-bottom:12px;font-size:32px;font-weight:900;display:flex}.tool-header p[data-v-9ee695f2]{color:var(--text-secondary);max-width:560px;margin:0 auto;font-size:15px;line-height:1.6}.title-icon[data-v-9ee695f2]{font-size:32px;line-height:1}.merit-panel[data-v-9ee695f2]{flex-wrap:wrap;justify-content:center;align-items:stretch;gap:14px;margin-bottom:20px;display:flex}.merit-card[data-v-9ee695f2]{background:var(--card-bg);border-radius:var(--radius-md);border:1px solid var(--border-color);min-width:160px;box-shadow:var(--card-shadow);text-align:center;padding:14px 26px}.merit-card .merit-label[data-v-9ee695f2]{color:var(--text-muted);letter-spacing:1px;margin-bottom:4px;font-size:12px}.merit-card .merit-value[data-v-9ee695f2]{font-family:var(--font-display);color:var(--duck-yellow-dark);font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;font-size:30px;font-weight:900;line-height:1.2;overflow:hidden}.mute-card[data-v-9ee695f2]{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;gap:8px;min-width:120px;display:flex}.mute-toggle-text[data-v-9ee695f2]{color:var(--navy);white-space:nowrap;font-size:13px;font-weight:600}.mute-toggle-slider[data-v-9ee695f2]{background:var(--border-color-strong);width:44px;height:24px;transition:var(--transition);border-radius:100px;flex-shrink:0;position:relative}.mute-toggle-slider[data-v-9ee695f2]:after{content:"";width:18px;height:18px;transition:var(--transition);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000026}.mute-toggle-slider.on[data-v-9ee695f2]{background:var(--duck-yellow)}.mute-toggle-slider.on[data-v-9ee695f2]:after{transform:translate(20px)}.auto-panel[data-v-9ee695f2]{background:var(--card-bg);border-radius:var(--radius-lg);border:1px solid var(--border-color);max-width:520px;box-shadow:var(--card-shadow);margin:0 auto 24px;padding:20px 24px}.auto-panel-header[data-v-9ee695f2]{justify-content:space-between;align-items:center;display:flex}.auto-panel-title[data-v-9ee695f2]{font-family:var(--font-display);color:var(--navy);font-size:16px;font-weight:700}.auto-toggle[data-v-9ee695f2]{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;display:flex}.auto-toggle input[type=checkbox][data-v-9ee695f2]{opacity:0;width:0;height:0;position:absolute}.auto-toggle-label[data-v-9ee695f2]{color:var(--text-muted);font-size:13px;font-weight:500}.auto-toggle-slider[data-v-9ee695f2]{background:var(--border-color-strong);width:44px;height:24px;transition:var(--transition);border-radius:100px;flex-shrink:0;position:relative}.auto-toggle-slider[data-v-9ee695f2]:after{content:"";width:18px;height:18px;transition:var(--transition);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000026}.auto-toggle input:checked+.auto-toggle-slider[data-v-9ee695f2]{background:var(--duck-yellow)}.auto-toggle input:checked+.auto-toggle-slider[data-v-9ee695f2]:after{transform:translate(20px)}.auto-controls[data-v-9ee695f2]{border-top:1px solid var(--border-color);margin-top:16px;padding-top:16px}.auto-control-row[data-v-9ee695f2]{align-items:center;gap:12px;margin-bottom:12px;display:flex}.auto-control-row[data-v-9ee695f2]:last-child{margin-bottom:0}.auto-control-label[data-v-9ee695f2]{color:var(--text-muted);min-width:36px;font-size:13px;font-weight:500}.auto-speed-btns[data-v-9ee695f2],.auto-duration-btns[data-v-9ee695f2]{flex-wrap:wrap;gap:8px;display:flex}.auto-speed-btns button[data-v-9ee695f2],.auto-duration-btns button[data-v-9ee695f2]{border:1px solid var(--border-color);background:var(--bg-cream);color:var(--text-secondary);cursor:pointer;transition:var(--transition);font-size:13px;font-weight:500;font-family:var(--font-body);border-radius:100px;padding:5px 16px}.auto-speed-btns button[data-v-9ee695f2]:hover,.auto-duration-btns button[data-v-9ee695f2]:hover{border-color:var(--duck-yellow-soft);background:var(--duck-yellow-soft)}.auto-speed-btns button.active[data-v-9ee695f2],.auto-duration-btns button.active[data-v-9ee695f2]{background:var(--duck-yellow);color:#fff;border-color:var(--duck-yellow)}.auto-progress[data-v-9ee695f2]{align-items:center;gap:12px;margin-top:14px;display:flex}.auto-progress-track[data-v-9ee695f2]{background:var(--border-color);border-radius:100px;flex:1;height:6px;overflow:hidden}.auto-progress-bar[data-v-9ee695f2]{background:linear-gradient(90deg, var(--duck-yellow), var(--duck-yellow-light));border-radius:100px;height:100%;transition:width .5s}.auto-progress-text[data-v-9ee695f2]{font-family:var(--font-display);color:var(--duck-yellow-dark);text-align:right;font-variant-numeric:tabular-nums;min-width:42px;font-size:13px;font-weight:600}.fish-stage[data-v-9ee695f2]{border-radius:var(--radius-xl);-webkit-user-select:none;user-select:none;touch-action:manipulation;background:linear-gradient(160deg,#fffcf5 0%,#fff6e3 60%,#ffefd2 100%);border:1px solid #f5a62338;outline:none;justify-content:center;align-items:center;max-width:620px;min-height:400px;margin:0 auto;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 40px #f5a6231f}.fish-stage[data-v-9ee695f2]:focus-visible{box-shadow:0 0 0 3px var(--accent-blue-soft), 0 8px 40px #f5a6231f}@media (hover:hover) and (pointer:fine){.fish-stage[data-v-9ee695f2]{cursor:none}}.fish-wrap[data-v-9ee695f2]{transition:transform 80ms ease-out}.fish-wrap.pressed[data-v-9ee695f2]{transform:scale(.94)}.fish-img[data-v-9ee695f2]{mix-blend-mode:multiply;pointer-events:none;width:min(320px,68vw);display:block}.floating-text[data-v-9ee695f2]{z-index:5;font-family:var(--font-display);color:#d4891a;text-shadow:0 1px #ffffffd9;pointer-events:none;white-space:nowrap;font-size:18px;font-weight:800;animation:.9s ease-out forwards float-up-9ee695f2;position:absolute}@keyframes float-up-9ee695f2{0%{opacity:0;transform:translate(-50%)scale(.8)}15%{opacity:1;transform:translate(-50%,-12px)scale(1.1)}to{opacity:0;transform:translate(-50%,-84px)scale(1)}}.mallet[data-v-9ee695f2]{z-index:10;pointer-events:none;width:88px;height:88px;position:absolute;top:0;left:0}.mallet .mallet-img[data-v-9ee695f2]{object-fit:contain;transform-origin:18% 82%;width:100%;height:100%;transition:transform .18s cubic-bezier(.34,1.56,.64,1);transform:translate(-74%,-16%)rotate(-24deg)}.mallet.swinging .mallet-img[data-v-9ee695f2]{transition-duration:50ms;transform:translate(-74%,-16%)rotate(4deg)}.stage-tip[data-v-9ee695f2]{text-align:center;color:var(--text-muted);margin:18px 0 8px;font-size:13px;line-height:1.8}.stage-tip kbd[data-v-9ee695f2]{border:1px solid var(--border-color-strong);background:var(--card-bg);font-family:var(--font-display);color:var(--text-secondary);box-shadow:0 1px 0 var(--border-color);border-radius:6px;padding:1px 7px;font-size:12px;display:inline-block}.how-to-play[data-v-9ee695f2]{max-width:720px;margin:48px auto 0}.how-to-play h3[data-v-9ee695f2]{font-family:var(--font-display);color:var(--navy);text-align:center;margin-bottom:24px;font-size:22px;font-weight:800}.play-grid[data-v-9ee695f2]{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.play-card[data-v-9ee695f2]{background:var(--card-bg);border-radius:var(--radius-md);box-shadow:var(--card-shadow);border:1px solid var(--border-color);text-align:center;transition:var(--transition);padding:24px 16px}.play-card[data-v-9ee695f2]:hover{box-shadow:var(--card-shadow-hover);transform:translateY(-2px)}.play-card .play-icon[data-v-9ee695f2]{margin-bottom:10px;font-size:28px;line-height:1}.play-card h4[data-v-9ee695f2]{font-family:var(--font-display);color:var(--navy);margin-bottom:6px;font-size:14px;font-weight:700}.play-card p[data-v-9ee695f2]{color:var(--text-muted);font-size:12px;line-height:1.5}@media (width<=768px){.tool-header[data-v-9ee695f2]{padding:32px 0 20px}.tool-header h1[data-v-9ee695f2]{font-size:24px}.tool-header p[data-v-9ee695f2]{font-size:14px}.merit-panel[data-v-9ee695f2]{gap:10px}.merit-card[data-v-9ee695f2]{min-width:120px;padding:12px 18px}.merit-card .merit-value[data-v-9ee695f2]{font-size:24px}.mute-btn[data-v-9ee695f2]{padding:10px 20px}.fish-stage[data-v-9ee695f2]{min-height:320px}.auto-panel[data-v-9ee695f2]{padding:16px 18px}.auto-speed-btns button[data-v-9ee695f2],.auto-duration-btns button[data-v-9ee695f2]{padding:5px 12px;font-size:12px}.play-grid[data-v-9ee695f2]{grid-template-columns:repeat(2,1fr)}.play-card[data-v-9ee695f2]{text-align:left;align-items:center;gap:12px;padding:14px 16px;display:flex}.play-card .play-icon[data-v-9ee695f2]{flex-shrink:0;margin-bottom:0;font-size:24px}.play-card h4[data-v-9ee695f2]{margin-bottom:2px;font-size:13px}.play-card p[data-v-9ee695f2]{font-size:11px;line-height:1.4}.how-to-play[data-v-9ee695f2]{margin-top:36px}.how-to-play h3[data-v-9ee695f2]{margin-bottom:18px;font-size:20px}}@media (width<=480px){.tool-header[data-v-9ee695f2]{padding:24px 0 16px}.tool-header h1[data-v-9ee695f2]{font-size:22px}.merit-panel[data-v-9ee695f2]{flex-flow:row;gap:6px}.merit-card[data-v-9ee695f2]{flex:1;min-width:0;padding:10px 6px}.merit-card .merit-value[data-v-9ee695f2]{font-size:20px}.merit-card .merit-label[data-v-9ee695f2]{font-size:10px}.mute-card[data-v-9ee695f2]{gap:4px;min-width:100px;padding:10px 8px}.mute-toggle-text[data-v-9ee695f2]{font-size:11px}.mute-toggle-slider[data-v-9ee695f2]{width:38px;height:20px}.mute-toggle-slider[data-v-9ee695f2]:after{width:14px;height:14px}.mute-toggle-slider.on[data-v-9ee695f2]:after{transform:translate(18px)}.fish-stage[data-v-9ee695f2]{min-height:280px}.auto-panel[data-v-9ee695f2]{padding:14px}.auto-control-row[data-v-9ee695f2]{flex-wrap:wrap}.play-grid[data-v-9ee695f2]{grid-template-columns:1fr 1fr;gap:10px}.play-card[data-v-9ee695f2]{gap:10px;padding:12px 14px}.play-card .play-icon[data-v-9ee695f2]{font-size:22px}.play-card h4[data-v-9ee695f2]{font-size:12px}.play-card p[data-v-9ee695f2]{font-size:11px}.how-to-play[data-v-9ee695f2]{margin-top:28px}.how-to-play h3[data-v-9ee695f2]{margin-bottom:16px;font-size:18px}}.milestone-overlay[data-v-9ee695f2]{z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.milestone-card[data-v-9ee695f2]{border-radius:var(--radius-xl);text-align:center;background:linear-gradient(160deg,#fffcf5 0%,#fff6e3 60%,#ffefd2 100%);border:2px solid #f5a6234d;width:100%;max-width:380px;padding:40px 32px 32px;animation:.5s cubic-bezier(.34,1.56,.64,1) milestone-pop-9ee695f2;box-shadow:0 20px 60px #f5a6234d}.milestone-emoji[data-v-9ee695f2]{margin-bottom:12px;font-size:64px;line-height:1;animation:.6s ease-out milestone-bounce-9ee695f2}.milestone-tier[data-v-9ee695f2]{color:#fff;letter-spacing:1px;background:linear-gradient(135deg,#f5a623,#e8941a);border-radius:20px;margin-bottom:16px;padding:4px 16px;font-size:13px;font-weight:600;display:inline-block}.milestone-title[data-v-9ee695f2]{color:var(--navy);font-size:24px;font-weight:700;font-family:var(--font-display);margin:0 0 12px}.milestone-desc[data-v-9ee695f2]{color:var(--text-secondary);margin:0 0 20px;font-size:15px;line-height:1.6}.milestone-count[data-v-9ee695f2]{color:var(--duck-yellow);text-overflow:ellipsis;white-space:nowrap;margin-bottom:24px;font-size:14px;font-weight:600;overflow:hidden}.milestone-close-btn[data-v-9ee695f2]{border-radius:var(--radius-md);color:#fff;cursor:pointer;transition:var(--transition);background:linear-gradient(135deg,#f5a623,#e8941a);border:none;padding:12px 32px;font-size:15px;font-weight:600}.milestone-close-btn[data-v-9ee695f2]:hover{transform:translateY(-2px);box-shadow:0 6px 20px #f5a62366}@keyframes milestone-pop-9ee695f2{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes milestone-bounce-9ee695f2{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.milestone-fade-enter-active[data-v-9ee695f2],.milestone-fade-leave-active[data-v-9ee695f2]{transition:opacity .3s}.milestone-fade-enter-from[data-v-9ee695f2],.milestone-fade-leave-to[data-v-9ee695f2]{opacity:0}.merit-section[data-v-9ee695f2]{background:var(--card-bg);border-radius:var(--radius-xl);border:1px solid var(--border-color);max-width:520px;box-shadow:var(--card-shadow);margin:0 auto 20px;padding:24px}.merit-section h3[data-v-9ee695f2]{color:var(--navy);font-size:20px;font-weight:700;font-family:var(--font-display);margin:0 0 8px}.merit-subtitle[data-v-9ee695f2]{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;margin-bottom:16px;font-size:13px;overflow:hidden}.merit-data-row[data-v-9ee695f2]{border-radius:var(--radius-md);background:#f5a6230f;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:10px;padding:10px 14px;display:flex}.merit-data-item[data-v-9ee695f2]{align-items:center;gap:6px;min-width:0;display:flex}.merit-data-icon[data-v-9ee695f2]{flex-shrink:0;font-size:16px;line-height:1}.merit-data-track[data-v-9ee695f2]{background:var(--border-color);border-radius:100px;flex-shrink:0;width:60px;height:6px;overflow:hidden}.merit-data-fill[data-v-9ee695f2]{background:linear-gradient(90deg,#f5a623,#e8941a,#ff6b35);border-radius:100px;height:100%;transition:width .6s}.merit-data-text[data-v-9ee695f2]{color:var(--text-secondary);white-space:nowrap;font-size:13px}.merit-data-text strong[data-v-9ee695f2]{font-family:var(--font-display);color:var(--duck-yellow-dark)}.merit-data-text.level-supreme[data-v-9ee695f2]{color:#daa520;font-weight:700}.merit-data-text.level-great[data-v-9ee695f2]{color:#ff6b35;font-weight:600}.merit-data-text.level-good[data-v-9ee695f2]{color:#4caf50;font-weight:600}.merit-data-text.level-mid[data-v-9ee695f2]{color:#42a5f5;font-weight:600}.merit-data-text.level-bad[data-v-9ee695f2]{color:#9e9e9e}.merit-data-text.level-dreadful[data-v-9ee695f2]{color:#616161}.merit-data-divider[data-v-9ee695f2]{background:var(--border-color);flex-shrink:0;width:1px;height:16px}.merit-streak-section[data-v-9ee695f2]{margin-bottom:16px}.merit-streak-label[data-v-9ee695f2]{color:var(--text-muted);margin-bottom:6px;font-size:12px}.merit-streak-tags[data-v-9ee695f2]{flex-wrap:wrap;gap:6px;display:flex}.streak-milestone-tag[data-v-9ee695f2]{color:var(--text-muted);transition:var(--transition);border-radius:8px;flex-direction:column;align-items:center;gap:2px;padding:4px 6px;display:flex}.streak-milestone-tag .tag-emoji[data-v-9ee695f2]{font-size:14px}.streak-milestone-tag .tag-days[data-v-9ee695f2]{font-size:11px;font-weight:600}.streak-milestone-tag .tag-title[data-v-9ee695f2]{white-space:nowrap;font-size:9px}.streak-milestone-tag.reached[data-v-9ee695f2]{color:var(--duck-yellow-dark);background:#f5a62326}.merit-grid[data-v-9ee695f2]{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;margin-bottom:20px;display:grid}.merit-badge[data-v-9ee695f2]{border-radius:var(--radius-lg);text-align:center;transition:var(--transition);background:linear-gradient(160deg,#fffcf5 0%,#fff6e3 50%,#ffefd2 100%);border:1.5px solid #f5a6234d;padding:16px 12px}.merit-badge[data-v-9ee695f2]:hover{transform:translateY(-2px);box-shadow:0 6px 20px #f5a62326}.merit-badge.next[data-v-9ee695f2]{opacity:.7;background:var(--card-bg);border-style:dashed}.merit-badge.next[data-v-9ee695f2]:hover{box-shadow:none;transform:none}.merit-badge-emoji[data-v-9ee695f2]{margin-bottom:8px;font-size:28px;line-height:1}.merit-badge-tier[data-v-9ee695f2]{color:#fff;background:linear-gradient(135deg,#f5a623,#e8941a);border-radius:10px;margin-bottom:6px;padding:2px 10px;font-size:11px;font-weight:600;display:inline-block}.merit-badge-title[data-v-9ee695f2]{color:var(--navy);font-size:14px;font-weight:700;font-family:var(--font-display);text-overflow:ellipsis;white-space:nowrap;margin-bottom:4px;overflow:hidden}.merit-badge-target[data-v-9ee695f2]{color:var(--duck-yellow-dark);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;overflow:hidden}.merit-badge-progress[data-v-9ee695f2]{background:var(--border-color);border-radius:100px;height:4px;margin-top:8px;overflow:hidden}.merit-badge-progress-bar[data-v-9ee695f2]{background:linear-gradient(90deg,#f5a623,#e8941a);border-radius:100px;height:100%;transition:width .3s}.merit-share-btn[data-v-9ee695f2]{border-radius:var(--radius-md);color:#fff;cursor:pointer;width:100%;transition:var(--transition);background:linear-gradient(135deg,#f5a623,#e8941a);border:none;padding:12px 24px;font-size:15px;font-weight:600;display:block}.merit-share-btn[data-v-9ee695f2]:hover{transform:translateY(-2px);box-shadow:0 6px 20px #f5a62366}.milestone-close-btn[data-v-9ee695f2]{border:1px solid var(--border-color);color:var(--text-secondary);background:0 0}.milestone-close-btn[data-v-9ee695f2]:hover{border-color:var(--duck-yellow-soft);box-shadow:none;background:#f5a6230d;transform:none}@media (width<=480px){.merit-section[data-v-9ee695f2]{padding:16px}.merit-data-row[data-v-9ee695f2]{gap:8px;padding:8px 10px}.merit-data-track[data-v-9ee695f2]{width:40px}.merit-streak-tags[data-v-9ee695f2]{gap:4px}.streak-milestone-tag[data-v-9ee695f2]{padding:3px 4px}.streak-milestone-tag .tag-emoji[data-v-9ee695f2]{font-size:12px}.streak-milestone-tag .tag-days[data-v-9ee695f2]{font-size:10px}.streak-milestone-tag .tag-title[data-v-9ee695f2]{font-size:8px}.merit-grid[data-v-9ee695f2]{grid-template-columns:repeat(3,1fr);gap:6px}.merit-badge[data-v-9ee695f2]{padding:10px 6px}.merit-badge-emoji[data-v-9ee695f2]{font-size:20px}.merit-badge-tier[data-v-9ee695f2]{padding:1px 6px;font-size:9px}.merit-badge-title[data-v-9ee695f2]{font-size:11px}.merit-badge-target[data-v-9ee695f2]{font-size:10px}}[data-theme=dark] .merit-section h3[data-v-9ee695f2]{color:#fff}[data-theme=dark] .merit-data-text[data-v-9ee695f2]{color:#aaa}[data-theme=dark] .merit-data-text strong[data-v-9ee695f2]{color:var(--duck-yellow)}[data-theme=dark] .merit-data-text.level-supreme[data-v-9ee695f2]{color:gold}[data-theme=dark] .merit-data-text.level-great[data-v-9ee695f2]{color:#ff8c42}[data-theme=dark] .merit-data-text.level-good[data-v-9ee695f2]{color:#66bb6a}[data-theme=dark] .merit-data-text.level-mid[data-v-9ee695f2]{color:#64b5f6}[data-theme=dark] .merit-badge[data-v-9ee695f2]{background:linear-gradient(160deg,#2a2a3e 0%,#1f1f35 50%,#1a1a2e 100%);border-color:#f5a62366}[data-theme=dark] .merit-badge-title[data-v-9ee695f2]{color:#fff}[data-theme=dark] .merit-badge-target[data-v-9ee695f2]{color:var(--duck-yellow)}[data-theme=dark] .mute-toggle-text[data-v-9ee695f2]{color:#fff}[data-theme=dark] .merit-share-btn[data-v-9ee695f2]{color:#fff;background:linear-gradient(135deg,#f5a623,#e8941a)}[data-theme=dark] .milestone-close-btn[data-v-9ee695f2]{border-color:var(--border-color);color:#aaa}