.fishing-game .fg-demo{border:2.5px solid var(--ink);width:100%;height:116px;color:var(--ink);background:linear-gradient(#dff4ff,#f6fbff);border-radius:14px;font-size:12px;line-height:1.2;position:relative;overflow:hidden}.fishing-game .fg-demo i{font-style:normal;display:block}.fishing-game .fg-demo-hand{justify-items:center;gap:4px;width:46%;display:grid;position:absolute;bottom:8px;right:8px}.fishing-game .fg-demo-mouse{border:2.5px solid var(--ink);width:24px;height:34px;box-shadow:0 2px 0 var(--ink);background:#fff;border-radius:12px 12px 14px 14px;position:relative}.fishing-game .fg-demo-mouse:before{content:"";border-right:2px solid var(--ink);border-bottom:2px solid var(--ink);opacity:0;background:#ff9f1c;border-radius:9px 0 0;width:50%;height:42%;position:absolute;top:0;left:0}.fishing-game .fg-demo-mouse:after{content:"";opacity:0;border:3px solid #ff9f1c;border-radius:50%;position:absolute;inset:-9px}.fishing-game .fg-demo-say{border:2px solid var(--ink);text-align:center;white-space:nowrap;opacity:0;background:#fff;border-radius:999px;grid-area:2/1;padding:2px 7px}.fishing-game .fg-demo-say.is-press{background:#ffd23f}.fishing-game .fg-demo-pop{border:2px solid var(--ink);opacity:0;background:#7be05a;border-radius:999px;padding:2px 10px;font-size:13px;font-weight:400;position:absolute;top:8px;right:10px;transform:scale(.4)}@keyframes fg-demo-on{0%,to{opacity:1}}@keyframes fg-demo-ring{0%{opacity:.9;transform:scale(.6)}to{opacity:0;transform:scale(1.25)}}@keyframes fg-demo-pop{0%{opacity:0;transform:scale(.4)}30%{opacity:1;transform:scale(1.2)}45%,to{opacity:1;transform:scale(1)}}.fishing-game .fg-demo-water{border-bottom:2.5px solid var(--ink);background:linear-gradient(#6cc0ff,#3f9be8);border-radius:0 0 18px;width:44%;height:52%;position:absolute;top:0;left:0}.fishing-game .fg-demo-water.is-wide{border:0;border-radius:0;width:100%;height:100%}.fishing-game .fg-demo-angler{font-size:26px;position:absolute;bottom:6px;left:15%}.fishing-game .fg-demo-power{border:2.5px solid var(--ink);background:#fff;border-radius:8px;width:14px;height:78px;position:absolute;bottom:8px;left:8px;overflow:hidden}.fishing-game .fg-demo-power-zone{background:#7be05a;height:20%;position:absolute;bottom:62%;left:0;right:0}.fishing-game .fg-demo-power-fill{opacity:.85;background:linear-gradient(#ff7a3d,#ffd23f);height:0;animation:4.4s linear infinite fg-demo-cast-fill;position:absolute;bottom:0;left:0;right:0}@keyframes fg-demo-cast-fill{0%,6%{height:0}45%,88%{height:72%}95%,to{height:0}}.fishing-game .fg-demo.is-cast .fg-demo-bobber,.fishing-game .fg-demo.is-hook .fg-demo-bobber{border:2px solid var(--ink);background:linear-gradient(#ff5a5a 50%,#fff 50%);border-radius:50%;width:12px;height:12px;position:absolute}.fishing-game .fg-demo.is-cast .fg-demo-bobber{opacity:0;animation:4.4s ease-out infinite fg-demo-cast-fly;top:62%;left:22%}@keyframes fg-demo-cast-fly{0%,45%{opacity:0;top:62%;left:22%}46%{opacity:1}56%{top:4%;left:24%}66%,92%{opacity:1;top:22%;left:26%}to{opacity:0;top:22%;left:26%}}.fishing-game .fg-demo.is-cast .fg-demo-mouse:before,.fishing-game .fg-demo.is-cast .fg-demo-say.is-press{animation:4.4s step-end infinite fg-demo-cast-press}.fishing-game .fg-demo.is-cast .fg-demo-say.is-release{animation:4.4s step-end infinite fg-demo-cast-release}.fishing-game .fg-demo.is-cast .fg-demo-mouse:after{animation:4.4s linear infinite fg-demo-cast-ring}.fishing-game .fg-demo.is-cast .fg-demo-pop{animation:4.4s linear infinite fg-demo-cast-pop}@keyframes fg-demo-cast-press{0%{opacity:0}6%{opacity:1}45%,to{opacity:0}}@keyframes fg-demo-cast-release{0%,44%{opacity:0}45%,94%{opacity:1}95%,to{opacity:0}}@keyframes fg-demo-cast-ring{0%,6%{opacity:0;transform:scale(.6)}7%{opacity:.9;transform:scale(.6)}20%,to{opacity:0;transform:scale(1.25)}}@keyframes fg-demo-cast-pop{0%,48%{opacity:0;transform:scale(.4)}53%{opacity:1;transform:scale(1.2)}57%,92%{opacity:1;transform:scale(1)}96%,to{opacity:0;transform:scale(1)}}.fishing-game .fg-demo.is-hook .fg-demo-bobber{animation:3.6s ease-in-out infinite fg-demo-hook-bob;top:44%;left:22%}@keyframes fg-demo-hook-bob{0%,28%,54%{transform:translateY(0)}14%,42%{transform:translateY(-4px)}58%,66%{transform:translateY(11px)}72%,to{transform:translateY(-2px)}}.fishing-game .fg-demo-ripple{border:2px solid #ffffffd9;border-radius:50%;width:36px;height:14px;animation:3.6s linear infinite fg-demo-hook-ripple;position:absolute;top:calc(44% + 3px);left:calc(22% - 12px)}@keyframes fg-demo-hook-ripple{0%,54%{opacity:.5;transform:scale(.8)}56%{opacity:1;transform:scale(.7)}72%,to{opacity:0;transform:scale(1.7)}}.fishing-game .fg-demo-bang{border:2.5px solid var(--ink);color:#fff;opacity:0;background:#ff5a5a;border-radius:50%;place-items:center;width:26px;height:26px;font-size:18px;font-weight:400;animation:3.6s linear infinite fg-demo-hook-bang;display:grid;position:absolute;top:6px;left:calc(22% - 6px)}@keyframes fg-demo-hook-bang{0%,54%{opacity:0;transform:scale(.3)}58%{opacity:1;transform:scale(1.3)}62%,76%{opacity:1;transform:scale(1)}82%,to{opacity:0;transform:scale(1)}}.fishing-game .fg-demo.is-hook .fg-demo-mouse:before,.fishing-game .fg-demo.is-hook .fg-demo-say.is-press{animation:3.6s step-end infinite fg-demo-hook-press}.fishing-game .fg-demo.is-hook .fg-demo-say.is-release{animation:3.6s step-end infinite fg-demo-hook-release}.fishing-game .fg-demo.is-hook .fg-demo-mouse:after{animation:3.6s linear infinite fg-demo-hook-ring}.fishing-game .fg-demo.is-hook .fg-demo-pop{animation:3.6s linear infinite fg-demo-hook-pop}@keyframes fg-demo-hook-press{0%,59%{opacity:0}60%{opacity:1}80%,to{opacity:0}}@keyframes fg-demo-hook-release{0%{opacity:1}60%,to{opacity:0}}@keyframes fg-demo-hook-ring{0%,59%{opacity:0;transform:scale(.6)}60%{opacity:.9;transform:scale(.6)}78%,to{opacity:0;transform:scale(1.25)}}@keyframes fg-demo-hook-pop{0%,62%{opacity:0;transform:scale(.4)}67%{opacity:1;transform:scale(1.2)}71%,94%{opacity:1;transform:scale(1)}98%,to{opacity:0;transform:scale(1)}}.fishing-game .fg-demo-track{border:2.5px solid var(--ink);background:linear-gradient(#8fd0ff,#3f8fe0);border-radius:12px;width:38px;position:absolute;top:8px;bottom:8px;left:14px;overflow:hidden}.fishing-game .fg-demo-zone{background:#7be05abf;border:2px solid #1f7a1f;border-radius:8px;height:36%;animation:7s linear infinite fg-demo-reel-zone;position:absolute;top:58%;left:2px;right:2px}.fishing-game .fg-demo-fish{font-size:20px;line-height:1;animation:7s ease-in-out infinite fg-demo-reel-fish;position:absolute;top:70%;left:50%;transform:translate(-50%,-50%)}@keyframes fg-demo-reel-fish{0%{top:74%}18%{top:34%}36%{top:60%}56%{top:22%}72%{top:54%}80%{top:40%}90%,to{top:74%}}@keyframes fg-demo-reel-zone{0%{top:58%}18%{top:16%}36%{top:44%}56%{top:4%}72%{top:38%}80%{top:22%}90%,to{top:58%}}.fishing-game .fg-demo-meter{border:2.5px solid var(--ink);background:#fff;border-radius:8px;width:12px;position:absolute;top:8px;bottom:8px;left:58px;overflow:hidden}.fishing-game .fg-demo-meter i{background:linear-gradient(#7be05a,#ffd23f);height:0;animation:7s linear infinite fg-demo-reel-meter;position:absolute;bottom:0;left:0;right:0}@keyframes fg-demo-reel-meter{0%{height:0}88%,97%{height:100%}to{height:0}}.fishing-game .fg-demo.is-reel .fg-demo-hand{width:auto;left:78px;right:6px}.fishing-game .fg-demo.is-reel .fg-demo-mouse:before,.fishing-game .fg-demo.is-reel .fg-demo-say.is-press{animation:7s step-end infinite fg-demo-reel-press}.fishing-game .fg-demo.is-reel .fg-demo-say.is-release{animation:7s step-end infinite fg-demo-reel-release}.fishing-game .fg-demo.is-reel .fg-demo-pop{animation:7s linear infinite fg-demo-reel-pop}@keyframes fg-demo-reel-press{0%{opacity:1}18%{opacity:0}36%{opacity:1}56%{opacity:0}72%{opacity:1}80%,to{opacity:0}}@keyframes fg-demo-reel-release{0%{opacity:0}18%{opacity:1}36%{opacity:0}56%{opacity:1}72%{opacity:0}80%{opacity:1}90%,to{opacity:0}}@keyframes fg-demo-reel-pop{0%,88%{opacity:0;transform:scale(.4)}91%{opacity:1;transform:scale(1.2)}93%,98%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1)}}