#entry{--serif:"Noto Serif TC",serif;--mono:"JetBrains Mono",monospace;display:flex;flex-direction:column}#entry .hero{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:34px 0 10px}#entry .hero h1{font-family:var(--serif);font-weight:700;font-size:clamp(2.3rem,8vw,3.65rem);color:var(--tw-hero-color);letter-spacing:.02em;line-height:1.18}#entry .hero .sub{margin-top:14px;color:var(--tw-text-secondary);font-size:clamp(.98rem,2.6vw,1.12rem);max-width:34ch;font-weight:300}#entry .livecount{margin:26px 0 6px;display:inline-flex;align-items:center;gap:9px;font-size:.95rem;color:var(--tw-text-secondary);background:var(--tw-surface);border:1px solid var(--tw-border);padding:8px 16px;border-radius:999px}#entry .livecount b{color:var(--tw-hero-color);font-weight:700;font-variant-numeric:tabular-nums}#entry .start{margin-top:26px;font-family:var(--serif);font-size:1.22rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#a06a5f,#7c4241);border:none;padding:18px 52px;border-radius:999px;cursor:pointer;box-shadow:0 10px 30px -8px #7c424166;transition:transform .2s,box-shadow .2s}#entry .start:hover{transform:translateY(-2px);box-shadow:0 16px 38px -8px #7c424180}#entry .start:active{transform:translateY(0)}#entry .start-hint{margin-top:12px;font-size:.82rem;color:var(--tw-text-muted)}#entry .preview{margin:42px 0 10px;width:100%}#entry .preview .label{display:flex;align-items:center;gap:10px;margin-bottom:14px}#entry .preview .label .eyebrow{flex:none}#entry .preview .label .rule{flex:1;height:1px;background:var(--tw-border)}#entry .preview-list{display:grid;gap:8px}#entry .preview-item{background:var(--tw-surface);border:1px solid var(--tw-border);border-left:3px solid var(--tw-brand-text);border-radius:10px;padding:10px 14px;font-size:.92rem;color:var(--tw-text-secondary);display:flex;justify-content:space-between;gap:12px;align-items:baseline}#entry .preview-item b{font-family:var(--serif);color:var(--tw-text-primary);font-weight:700}#entry .preview-item span:last-child{font-family:var(--mono);font-size:.78rem;color:var(--tw-text-muted);flex:none}#entry .wf-note{padding:20px 0 34px;border-top:1px solid var(--tw-border);margin-top:16px;font-size:.8rem;color:var(--tw-text-muted);text-align:center}#entry .wf-note .care{font-size:.78rem;color:var(--tw-text-secondary);background:var(--tw-surface);border:1px solid var(--tw-border);border-radius:10px;padding:10px 14px;display:inline-block}#entry .wf-note .privacy{margin-top:12px;max-width:52ch;margin-left:auto;margin-right:auto;line-height:1.6}#entry .pulse,#woodenfish .pulse{width:9px;height:9px;border-radius:50%;background:var(--tw-brand-accent);box-shadow:0 0 #7e540088;animation:wfpulse 2.4s infinite}@keyframes wfpulse{0%{box-shadow:0 0 #7e540066}70%{box-shadow:0 0 0 9px #7e540000}to{box-shadow:0 0 #7e540000}}#woodenfish{--serif:"Noto Serif TC",serif;--mono:"JetBrains Mono",monospace;--wood-1:#2b1a14;--wood-2:#43251a;position:fixed;inset:0;z-index:2000;display:none;flex-direction:column;background:radial-gradient(ellipse at 50% 16%,#6a3b28,var(--wood-2) 42%,var(--wood-1));color:#fff2df;overflow:hidden;touch-action:manipulation}#woodenfish.on{display:flex}#woodenfish .eyebrow{font-family:var(--mono);font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;font-weight:500}#woodenfish .grain{position:absolute;inset:0;pointer-events:none;opacity:.28;background:radial-gradient(circle at 18% 22%,#ffffff14 0 2px,transparent 3px),radial-gradient(circle at 74% 18%,#ffd89b1a 0 2px,transparent 3px),repeating-linear-gradient(12deg,#ffffff08 0 1px,transparent 1px 18px)}#woodenfish .w-top{position:relative;z-index:3;display:flex;justify-content:space-between;align-items:center;padding:18px 22px;font-size:.85rem;color:#fff2dfcc}#woodenfish .w-top .together{display:inline-flex;align-items:center;gap:8px}#woodenfish .w-top b{color:#fff;font-variant-numeric:tabular-nums}#woodenfish .exit{background:transparent;border:1px solid #fff2df44;color:#fff2df;border-radius:999px;padding:7px 16px;font-size:.82rem;cursor:pointer;font-family:inherit}#woodenfish .exit:hover{background:#fff2df11}#woodenfish .merit-stage{position:relative;z-index:2;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:8px 22px 122px}#woodenfish .stage-copy{margin-bottom:22px}#woodenfish .stage-copy .eyebrow{color:#f0c77e}#woodenfish .stage-copy h2{margin-top:6px;font-family:var(--serif);font-size:clamp(1.85rem,5vw,3rem);line-height:1.16;color:#fff}#woodenfish .stage-copy p{margin:10px auto 0;max-width:38ch;color:#fff2dfbb;font-size:.92rem}#woodenfish .counter{display:grid;grid-template-columns:repeat(3,minmax(92px,1fr));gap:10px;width:min(560px,100%);margin-bottom:18px}#woodenfish .stat{background:#fff7eb13;border:1px solid #fff2df22;border-radius:12px;padding:10px 12px;box-shadow:0 18px 60px -44px #000}#woodenfish .stat span{display:block;font-size:.72rem;color:#fff2dfaa}#woodenfish .stat b{display:block;font-family:var(--mono);font-size:clamp(1.3rem,4vw,2rem);line-height:1.18;color:#ffe0a3;font-variant-numeric:tabular-nums}#woodenfish .fish-zone{position:relative;width:min(74vw,430px);height:min(58vw,330px);min-height:250px;display:flex;align-items:center;justify-content:center;user-select:none;-webkit-user-select:none}#woodenfish .fish-button{position:relative;width:min(68vw,360px);height:min(42vw,230px);min-width:250px;min-height:166px;border:0;background:transparent;cursor:pointer;filter:drop-shadow(0 34px 38px #0008);outline-offset:10px;touch-action:manipulation;font-family:inherit}#woodenfish .fish-button:focus-visible{outline:2px solid #ffe0a3;border-radius:44%}#woodenfish .fish-body{position:absolute;inset:12% 5% 6%;border-radius:48% 48% 42% 42%/58% 58% 38% 38%;background:radial-gradient(circle at 35% 26%,#d29a5e 0 8%,transparent 26%),radial-gradient(ellipse at 50% 18%,#b57948,#7a4429 55%,#3b2118);border:3px solid #d7a34a;box-shadow:inset 0 22px 24px #fff4,inset 0 -26px 34px #1b0f0dcc}#woodenfish .fish-body:before{content:"";position:absolute;left:17%;right:17%;top:28%;height:20%;border-radius:999px;background:radial-gradient(ellipse at 50% 20%,#120b09,#27120c 58%,#5f321e);box-shadow:inset 0 8px 16px #000,0 2px #e1aa5a88}#woodenfish .fish-body:after{content:"";position:absolute;left:18%;right:18%;bottom:18%;height:18%;border-radius:50%;border-top:2px solid #e2b35d77;opacity:.7}#woodenfish .grain-lines{position:absolute;inset:24% 12% 14%;border-radius:45%;overflow:hidden;opacity:.35}#woodenfish .grain-lines i{position:absolute;left:-8%;right:-8%;height:1px;background:#f4d09a;transform:rotate(-8deg)}#woodenfish .grain-lines i:nth-child(1){top:20%}#woodenfish .grain-lines i:nth-child(2){top:39%;opacity:.7}#woodenfish .grain-lines i:nth-child(3){top:62%;opacity:.55}#woodenfish .grain-lines i:nth-child(4){top:78%;opacity:.35}#woodenfish .mallet{position:absolute;right:7%;top:5%;width:32%;height:12%;border-radius:999px;background:linear-gradient(90deg,#f1c37a,#8f542f 70%,#3a2117);transform:rotate(-28deg);transform-origin:80% 50%;box-shadow:0 8px 14px #0005;border:1px solid #e7bd74}#woodenfish .mallet:after{content:"";position:absolute;left:-16%;top:-68%;width:28%;height:236%;border-radius:18px;background:linear-gradient(180deg,#f3cc87,#7a4629);border:1px solid #e7bd74}#woodenfish .fish-button.hit{animation:wfhit .22s ease-out}#woodenfish .fish-button.hit .mallet{animation:wfmallet .22s ease-out}@keyframes wfhit{45%{transform:translateY(8px) scale(.96)}to{transform:translateY(0) scale(1)}}@keyframes wfmallet{45%{transform:rotate(-36deg) translate(-4px,4px)}to{transform:rotate(-28deg)}}#woodenfish .ripple{position:absolute;left:50%;top:52%;width:40px;height:40px;border-radius:50%;border:1px solid #ffe0a3;transform:translate(-50%,-50%) scale(.2);opacity:.9;animation:wfripple .65s ease-out forwards;pointer-events:none}@keyframes wfripple{to{transform:translate(-50%,-50%) scale(5.2);opacity:0}}#woodenfish .float-zone{position:absolute;inset:0;pointer-events:none;overflow:visible}#woodenfish .float-text{position:absolute;left:50%;top:22%;transform:translate(-50%);font-family:var(--serif);font-weight:700;color:#ffe0a3;background:#2b1a14c9;border:1px solid #ffe0a344;border-radius:999px;padding:6px 14px;white-space:nowrap;box-shadow:0 8px 20px #0005;animation:wffloat 1s ease-out forwards}@keyframes wffloat{0%{opacity:0;transform:translate(-50%,14px) scale(.88)}15%{opacity:1}to{opacity:0;transform:translate(-50%,-72px) scale(1.08)}}#woodenfish .combo{min-height:28px;margin-top:4px;font-family:var(--mono);font-size:.9rem;color:#f4c979;letter-spacing:.08em}#woodenfish .wcontrols{position:absolute;left:22px;right:22px;bottom:24px;z-index:5;display:flex;justify-content:center;gap:10px;flex-wrap:wrap}#woodenfish .ctrl{position:relative;display:flex;align-items:center;gap:7px;background:#ffffff26;border:1px solid #ffffff4d;color:#fff;border-radius:999px;padding:10px 14px;cursor:pointer;transition:all .2s;font-size:.82rem;font-family:inherit}#woodenfish .ctrl:hover{background:#ffffff3a}#woodenfish .ctrl[aria-pressed=true]{background:#ffe0a3;color:#2b1a14;border-color:#ffe0a3;font-weight:700}#woodenfish .ctrl.off{opacity:.68}#toast{position:fixed;bottom:120px;left:50%;transform:translate(-50%);background:#000a;color:#fff;padding:9px 18px;border-radius:999px;font-size:.85rem;z-index:2100;opacity:0;transition:opacity .25s;pointer-events:none}#toast.show{opacity:1}html.wf-lock,html.wf-lock body{overflow:hidden}@media(max-width:640px){#entry .hero h1{font-size:2.35rem}#woodenfish .merit-stage{justify-content:flex-start;padding-top:18px;padding-bottom:118px}#woodenfish .counter{grid-template-columns:1fr 1fr 1fr;gap:7px}#woodenfish .stat{padding:8px 6px}#woodenfish .stat b{font-size:1.2rem}#woodenfish .fish-zone{width:100%;height:300px;min-height:300px}#woodenfish .fish-button{min-width:260px;min-height:176px}#woodenfish .w-top{padding:14px 16px}#woodenfish .w-top .together{max-width:60vw;line-height:1.35}#woodenfish .wcontrols{bottom:18px;gap:8px}#woodenfish .ctrl{padding:9px 11px;font-size:.78rem}#toast{bottom:92px;top:auto}}@media(max-width:390px){#woodenfish .stage-copy h2{font-size:1.72rem}#woodenfish .stage-copy p{font-size:.84rem}#woodenfish .fish-zone{height:276px;min-height:276px}#woodenfish .fish-button{min-width:236px;min-height:160px}#woodenfish .counter{grid-template-columns:1fr}#woodenfish .stat{display:flex;align-items:baseline;justify-content:space-between}}@media(prefers-reduced-motion:reduce){#entry .pulse,#woodenfish .pulse,#woodenfish .fish-button.hit,#woodenfish .fish-button.hit .mallet,#woodenfish .ripple,#woodenfish .float-text{animation:none}}