:root{--ink:#1d2b36;--ink-2:#47596a;--ink-3:#5a6b7a;--paper:#fff;--cream:#fff8e8;--mist:#e8f3f1;--line:#d9cfb8;--pond-900:#0e3042;--pond-700:#1b6a74;--pond-500:#3ba39a;--bobber:#e8553d;--bobber-d:#b8402b;--sun:#ffc83d;--sun-d:#e0a00c;--sun-ink:#7f5200;--leaf:#2c7d4e;--band:#46c37b;--band-d:#1f8f54;--warn:#f2a33a;--snap:#d8402c;--slack:#4c8bd9;--star-off:#c9d3dc;--r-chip:10px;--r-btn:16px;--r-card:20px;--r-sheet:28px;--ease-out:cubic-bezier(.2, .8, .2, 1);--ease-pop:cubic-bezier(.3, 1.6, .5, 1);--font-display:"Baloo 2", system-ui, sans-serif;--font-ui:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--lh:1.4;--fs:1}:root.large{--fs:1.15}:lang(ja),:lang(zh-Hans),:lang(zh-Hant){line-break:strict}:lang(ko){word-break:keep-all}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;touch-action:manipulation}html,body{background:var(--pond-900);height:100%;color:var(--ink);font-family:var(--font-ui);line-height:var(--lh);-webkit-user-select:none;user-select:none;overscroll-behavior:none;-webkit-touch-callout:none;margin:0;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer}#root{height:100%}#app{justify-content:center;align-items:stretch;height:100%;display:flex}#side{color:#fff;width:340px;padding:12px 16px;display:none;overflow-y:auto}#stage{background:var(--cream);width:100%;max-width:420px;height:100%;position:relative;overflow:hidden}@media (width>=1000px){#side{display:block}#stage{flex:0 0 420px;box-shadow:0 0 0 3px #0008,0 20px 60px #0008}}#side .slogo{width:100%;height:80px;margin-bottom:6px;display:block}#side h3 .pill{min-height:28px;font-size:calc(15px * var(--fs));padding:0 10px}#side .srow3{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:12px;display:grid}#side .sbtn{border:3px solid var(--ink);background:var(--paper);min-height:56px;color:var(--ink);font-family:var(--font-display);font-size:calc(14px * var(--fs));overflow-wrap:anywhere;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-width:0;padding:6px 4px;line-height:1.15;display:flex;box-shadow:0 3px #1d2b3661}#side .sbtn:disabled{opacity:.55;box-shadow:none;cursor:default}#side .sbtn:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px #1d2b3661}#side .scard{background:var(--cream);color:var(--ink);border:3px solid var(--ink);border-radius:var(--r-card);margin-bottom:10px;padding:8px 12px 10px;box-shadow:0 3px #1d2b364d}#side h3{font-family:var(--font-display);font-size:calc(18px * var(--fs));justify-content:space-between;align-items:baseline;gap:8px;margin:0 0 8px;line-height:1.2;display:flex}#side h3 em{font-style:normal;font-family:var(--font-ui);font-size:calc(13px * var(--fs));color:var(--ink-3);font-weight:700}#side .gridg{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;display:grid}#side .gcell{text-align:center;flex-direction:column;align-items:center;gap:2px;min-width:0;display:flex}#side .gcell b{font-size:calc(12px * var(--fs))}#side .gcell small{font-size:calc(11px * var(--fs));color:var(--ink-3);overflow-wrap:anywhere;line-height:1.2}#side .rlist{flex-direction:column;gap:6px;display:flex}#side .rcell{background:var(--paper);border:2px solid var(--line);border-radius:12px;align-items:center;gap:8px;padding:4px 8px 4px 4px;display:flex}#side .rfish{background:linear-gradient(#cfeee9,#8fd0c8);border-radius:8px;flex:none;width:64px;height:44px;display:flex}#side .rtx{flex-direction:column;flex:1;min-width:0;line-height:1.2;display:flex}#side .rtx b{font-size:calc(14px * var(--fs));overflow-wrap:anywhere}#side .rtx small{font-size:calc(12px * var(--fs));color:var(--ink-2)}#side .empty{color:var(--ink-3);font-size:calc(13px * var(--fs));margin:0}#side .bar2{border:2px solid var(--ink);background:#e6dfcb;border-radius:6px;height:10px;margin-bottom:8px;overflow:hidden}#side .bar2 i{background:var(--band);height:100%;display:block}#side .mgrid{grid-template-columns:repeat(8,minmax(0,1fr));gap:4px;display:grid}#side .mcell{background:var(--paper);border:2px solid var(--line);border-radius:10px;justify-content:center;align-items:center;height:32px;display:flex;overflow:hidden}#side .mcell.lock{color:var(--star-off)}#side .mcell.lock .i{width:14px;height:14px}.screen{flex-direction:column;display:none;position:absolute;inset:0}.screen.on{display:flex}canvas{display:block}.i{flex:none;width:26px;height:26px}.i.coin{width:20px;height:20px}.btn{min-height:calc(56px * var(--fs));border-radius:var(--r-btn);border:3px solid var(--ink);background:var(--paper);color:var(--ink);font-family:var(--font-display);font-size:calc(20px * var(--fs));text-align:center;overflow-wrap:anywhere;justify-content:center;align-items:center;gap:8px;width:100%;min-width:0;padding:8px 20px;line-height:1.15;display:flex;box-shadow:0 3px #1d2b3661}.btn:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px #1d2b3661}.btn:disabled{background:var(--paper);color:var(--ink-3);box-shadow:none;opacity:.85}.btn.primary{background:var(--sun)}.btn.teal{background:var(--pond-700);color:#fff}.btn.ad{background:var(--mist);font-size:calc(15px * var(--fs));min-height:calc(48px * var(--fs));font-family:var(--font-ui);border-width:2px;font-weight:700}.btn.chipup{background:var(--sun-l,#ffe9a8);font-size:calc(15px * var(--fs));min-height:calc(44px * var(--fs));font-family:var(--font-ui);border-width:2px;margin-bottom:12px;font-weight:700}.btn.small{min-height:calc(48px * var(--fs));font-size:calc(16px * var(--fs))}.btn.big{min-height:calc(64px * var(--fs));font-size:calc(26px * var(--fs))}.btn .lbl{min-width:0}.iconbtn{border:3px solid var(--ink);background:var(--paper);width:48px;height:48px;color:var(--ink);border-radius:14px;flex:none;justify-content:center;align-items:center;padding:0;display:flex;position:relative;box-shadow:0 3px #1d2b3661}.iconbtn:after{content:"";position:absolute;inset:-4px}.iconbtn:active{transform:translateY(2px);box-shadow:0 1px #1d2b3661}.pill{color:#fff;min-height:36px;font-family:var(--font-display);font-size:calc(19px * var(--fs));font-variant-numeric:tabular-nums;white-space:nowrap;background:#0e3042c7;border-radius:999px;align-items:center;gap:6px;padding:0 12px;display:inline-flex}.pill .i{width:20px;height:20px}.stars{gap:2px;display:inline-flex}.stars .i{width:26px;height:26px}.stars .on{color:var(--sun)}.stars .off{color:var(--star-off)}.stars.sm .i{width:12px;height:12px}.dot{background:var(--bobber);border:2px solid var(--ink);border-radius:50%;width:12px;height:12px;position:absolute;top:4px;right:6px}#home{background:linear-gradient(#bfe6ec 0,#f4ebcf 34%,#3ba39a 34.2%,#1b6a74 62%,#0e3042 100%)}#home .top{justify-content:space-between;align-items:center;min-height:60px;padding:12px 16px;display:flex}#home .logo{flex:none;width:100%;height:116px;margin-top:4px;display:block}#homeArt{pointer-events:none;width:100%;height:280px;position:absolute;top:178px;left:0}#home .bottom{flex-direction:column;gap:12px;margin-top:auto;padding:16px;display:flex;position:relative}#home .row3{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}#home .row3 .btn{font-size:calc(14px * var(--fs));flex-direction:column;gap:2px;padding:6px 4px;line-height:1.15;position:relative}#home .pondchip{border:2px solid var(--ink);background:#fffc;border-radius:999px;align-self:center;align-items:center;gap:8px;width:auto;min-height:44px;padding:0 16px;font-weight:700;display:flex}.cache{align-self:center;max-width:100%;width:auto!important}#pond{background:var(--pond-900);touch-action:none}#pondCanvas{touch-action:none;width:100%;height:100%;position:absolute;inset:0}.hud{pointer-events:none;z-index:3;align-items:center;gap:8px;display:flex;position:absolute;top:8px;left:12px;right:12px}.hud .iconbtn{pointer-events:auto}.hud .sp{flex:1}.hud .pill{flex:none}.hud .lucky{font-size:calc(14px * var(--fs));gap:4px;min-width:0}.hud .lucky .i{flex:none;width:18px;height:18px}.hud .dtag{white-space:normal;text-align:center;min-width:0;line-height:1.1;font-size:calc(15px * var(--fs));flex:0 auto;padding-top:3px;padding-bottom:3px}#phase{text-align:center;pointer-events:none;font-family:var(--font-display);font-size:calc(26px * var(--fs));color:#fff;text-shadow:0 2px #0e3042,0 0 12px #0e3042;z-index:2;padding:0 84px 0 16px;position:absolute;top:128px;left:0;right:0}#phase.big{font-size:calc(34px * var(--fs));color:var(--sun)}#hint{text-align:center;color:#fff;font-family:var(--font-display);font-size:calc(19px * var(--fs));pointer-events:none;text-shadow:0 2px #0e3042;z-index:2;line-height:1.25;position:absolute;top:30%;left:16px;right:96px}#luckyRow{z-index:4;padding-right:72px;display:none;position:absolute;top:70px;left:16px;right:16px}#luckyRow.on{display:block}#luckyRow .btn{pointer-events:auto}#failBtns{z-index:5;flex-direction:column;gap:12px;display:none;position:absolute;bottom:24px;left:16px;right:16px}#failBtns.on{display:flex}.toastchip{z-index:6;background:var(--scrim,#0e3042c7);color:#fff;text-align:center;font-size:calc(15px * var(--fs));pointer-events:none;border-radius:14px;padding:8px 14px;position:absolute;top:100px;left:24px;right:24px}.sheet{z-index:20;background:#0e30429e;flex-direction:column;justify-content:flex-end;display:none;position:absolute;inset:0}.sheet.on{display:flex}.card{background:var(--cream);border:3px solid var(--ink);border-radius:var(--r-sheet) var(--r-sheet) 0 0;animation:rise .26s var(--ease-pop);max-height:100%;padding:16px;overflow-y:auto;box-shadow:0 -6px #1d2b3624}@keyframes rise{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}.ctop{justify-content:space-between;align-items:center;gap:8px;min-height:28px;display:flex}.tier{font-weight:700;font-size:calc(14px * var(--fs));background:var(--mist);border:2px solid var(--ink);border-radius:999px;align-items:center;gap:6px;padding:2px 10px;display:inline-flex}.gem{border:2px solid var(--ink);width:14px;height:14px;display:inline-block;transform:rotate(45deg)}.facets{gap:2px;display:inline-flex}.facets i{border:1px solid var(--ink);background:var(--sun);border-radius:1px;width:5px;height:10px}.fishbox{border-radius:var(--r-card);border:3px solid var(--ink);background:linear-gradient(#cfeee9,#8fd0c8);justify-content:center;align-items:center;height:176px;margin:8px 0;display:flex;position:relative;overflow:hidden}.fishbox canvas{width:160px;height:120px}.name{font-family:var(--font-display);text-align:center;overflow-wrap:anywhere;justify-content:center;align-items:center;min-height:2.4em;font-size:24px;line-height:1.2;display:flex}.title{font-family:var(--font-display);font-size:calc(26px * var(--fs));text-align:center;line-height:1.2}.stats{justify-content:space-between;align-items:center;gap:8px;margin:4px 0 8px;display:flex}.stats b{font-size:calc(18px * var(--fs));font-variant-numeric:tabular-nums}.stamp{background:var(--bobber-d);color:#fff;font-family:var(--font-display);font-size:calc(16px * var(--fs));border:2px solid var(--ink);animation:stamp .28s var(--ease-pop) .3s both;border-radius:10px;padding:4px 10px;position:absolute;top:10px;right:10px;transform:rotate(8deg)}@keyframes stamp{0%{opacity:0;transform:rotate(-12deg)scale(2.2)}to{opacity:1;transform:rotate(8deg)scale(1)}}.gap24{height:24px;transition:none}.gap12{height:12px}.coinline{font-family:var(--font-display);font-size:calc(22px * var(--fs));font-variant-numeric:tabular-nums;align-items:center;gap:8px;display:flex}.coinline.center{justify-content:center;margin:8px 0}.coinpop{animation:.12s linear 4 coinpop}@keyframes coinpop{50%{transform:scale(1.15)}}.offer-out{animation:offerout .16s var(--ease-out) forwards}@keyframes offerout{to{opacity:0;border-width:0;height:0;min-height:0;margin:0;padding:0;transform:translateY(20px)}}.page{background:var(--cream)}.pagehead{align-items:center;gap:8px;padding:12px 16px 8px;display:flex}.pagehead h1{font-family:var(--font-display);font-size:calc(26px * var(--fs));overflow-wrap:anywhere;flex:1;min-width:0;margin:0;line-height:1.2}.pagehead h1.sm{font-size:calc(22px * var(--fs))}.scroll{flex-direction:column;flex:1;gap:8px;padding:8px 16px 24px;display:flex;overflow-y:auto}.scroll>*{flex:none}.tabs{flex-wrap:wrap;flex:none;gap:8px;padding:0 16px 8px;display:flex}.tab{border:2px solid var(--ink);background:var(--paper);min-height:44px;font-weight:700;font-size:calc(14px * var(--fs));white-space:nowrap;border-radius:999px;flex:none;align-items:center;gap:6px;padding:0 14px;display:flex}.tab.on{background:var(--pond-700);color:#fff}.grid{flex:1;grid-template-columns:repeat(4,minmax(0,1fr));align-content:start;gap:8px;padding:8px 16px 16px;display:grid;overflow-y:auto}.cell{background:var(--paper);border:2px solid var(--line);border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-width:0;min-height:84px;padding:4px;display:flex;position:relative}.cell canvas{width:62px;height:42px}.cell small{color:var(--ink-3);font-size:11px;font-weight:700}.cell.lock small{letter-spacing:1px}.cell .pulse{background:var(--bobber);border-radius:50%;width:10px;height:10px;animation:1s ease-in-out infinite alternate pulse;position:absolute;top:4px;right:4px}@keyframes pulse{to{opacity:.3}}.bar{border:2px solid var(--ink);background:#e6dfcb;border-radius:8px;flex:none;height:12px;margin:0 16px 8px;overflow:hidden}.bar i{background:var(--band);height:100%;display:block}.dl{grid-template-columns:1fr 1fr;gap:8px;padding:0 16px;display:grid}.dl>div{background:var(--paper);border:2px solid var(--line);font-size:calc(14px * var(--fs));overflow-wrap:anywhere;border-radius:14px;min-width:0;min-height:56px;padding:8px 12px}.dl b{font-size:calc(12px * var(--fs));color:var(--ink-3);display:block}.rowc{background:var(--paper);border:2px solid var(--line);border-radius:14px;justify-content:space-between;align-items:center;gap:12px;min-height:72px;padding:12px;display:flex}.rowc .tx{min-width:0;font-family:var(--font-display);font-size:calc(20px * var(--fs));overflow-wrap:anywhere;line-height:1.2}.rowc .tx small{font-family:var(--font-ui);font-size:calc(13px * var(--fs));color:var(--ink-2);display:block}.rowc .btn{flex:none;width:auto}.rowc.set{text-align:left;width:100%;min-height:56px;padding:8px 14px;font-weight:700}.rowc.set .tx{font-family:var(--font-ui);font-size:calc(16px * var(--fs));font-weight:700}.dfoot{z-index:2;background:linear-gradient(to bottom, #fff8e800, var(--cream) 14px);flex-direction:column;gap:8px;padding:16px;display:flex;position:absolute;bottom:0;left:0;right:0}.scroll.hasfoot{padding-bottom:calc(var(--foot-h,150px) + 8px)}.banner.practice{background:var(--sun-l,#ffe9a8);border-color:var(--ink);text-align:center;font-weight:700}.banner{background:var(--mist);border:2px solid var(--line);font-size:calc(14px * var(--fs));overflow-wrap:anywhere;border-radius:14px;margin:0 16px 8px;padding:8px 12px}.chips{flex-wrap:wrap;gap:8px;display:flex}.chipcheck{background:var(--paper);border:2px solid var(--line);font-size:calc(14px * var(--fs));border-radius:999px;align-items:center;gap:4px;padding:2px 10px;font-weight:700;display:inline-flex}.chipcheck.ok{border-color:var(--leaf);color:var(--leaf)}.chipcheck.no{color:var(--snap)}.chipcheck .i{width:14px;height:14px}.pondcard{background:var(--paper);border:3px solid var(--ink);border-radius:var(--r-card);overflow:hidden}.pondcard canvas{width:100%;height:56px}.pondcard .in{flex-direction:column;gap:8px;padding:8px 12px 12px;display:flex}.pondcard.cur{box-shadow:0 0 0 3px var(--sun)}.mono{font-family:ui-monospace,Menlo,monospace;font-size:calc(13px * var(--fs));-webkit-user-select:text;user-select:text}.lang{border:2px solid var(--ink);background:var(--paper);border-radius:999px;min-height:44px;padding:0 14px;font-family:system-ui,-apple-system,Segoe UI,Roboto,Noto Sans,Hiragino Sans,PingFang SC,Thonburi,sans-serif;font-size:15px;font-weight:700}.lang.on{background:var(--pond-700);color:#fff}.onoff{border:2px solid var(--ink);background:var(--paper);min-height:36px;font-weight:700;font-size:calc(14px * var(--fs));border-radius:999px;flex:none;align-items:center;padding:0 12px;display:flex}.onoff.on{background:var(--pond-700);color:#fff}.credits{font-size:calc(14px * var(--fs));overflow-wrap:anywhere;-webkit-user-select:text;user-select:text;line-height:1.5}.credits p{margin:0 0 12px}.toast{background:var(--ink);color:#fff;text-align:center;font-size:calc(15px * var(--fs));z-index:60;border-radius:14px;padding:12px 16px;display:none;position:absolute;bottom:120px;left:24px;right:24px}.toast.on{display:block}.hide{display:none!important}.tip{z-index:6;background:var(--mist);border:3px solid var(--ink);text-align:center;font-size:calc(15px * var(--fs));border-radius:14px;padding:8px 12px;font-weight:700;position:absolute;bottom:150px;left:16px;right:16px}.arrowdown{z-index:4;font-family:var(--font-display);color:var(--sun);text-align:center;pointer-events:none;font-size:calc(26px * var(--fs));text-shadow:0 2px #0e3042;position:absolute}.arrowdown .i{width:44px;height:44px;color:var(--sun);animation:.6s ease-in-out infinite alternate bob}@keyframes bob{to{transform:translateY(10px)}}.reduce *,.reduce :before,.reduce :after{animation:none!important}@media (prefers-reduced-motion:reduce){.card,.stamp,.arrowdown .i,.cell .pulse,.coinpop{animation:none!important}}.rowc.gear{gap:10px;min-height:76px;padding:8px 10px}.rowc.gear .tx{flex-wrap:wrap;flex:1;align-items:baseline;gap:2px 6px;min-width:0;display:flex}.rowc.gear .gn{font-size:calc(18px * var(--fs));flex:0 0 100%;align-items:baseline;gap:8px;display:flex}.rowc.gear .gn em{font-style:normal;font-family:var(--font-ui);font-size:calc(12px * var(--fs));color:var(--ink-3);font-weight:700}.rowc.gear small{-webkit-hyphens:auto;hyphens:auto;overflow-wrap:anywhere;min-width:0;display:inline}.rowc.gear .to{font-family:var(--font-ui);font-size:calc(14px * var(--fs));color:var(--ink-2);flex-wrap:wrap;align-items:baseline;gap:2px 4px;max-width:100%;font-weight:700;display:inline-flex}.rowc.gear .to b{color:var(--band-d);font-size:calc(16px * var(--fs))}.rowc.gear .arr{color:var(--ink-3)}.rowc.gear .short{color:var(--snap);flex:0 0 100%}.gtile{background:var(--mist);border:2px solid var(--ink);width:44px;height:44px;color:var(--pond-700);border-radius:12px;flex:none;justify-content:center;align-items:center;display:flex}.gtile .i{width:28px;height:28px}.pips{flex:0 0 100%;gap:4px;margin-top:3px;display:flex}.pips i{border:1.5px solid var(--line);background:#e6dfcb;border-radius:4px;width:100%;max-width:30px;height:8px}.pips i.on{background:var(--band);border-color:var(--band-d)}.pips i.next{border-color:var(--sun-d);background:#fff1c2}.scroll>canvas.art{border-radius:var(--r-card);border:3px solid var(--ink);flex:96px;width:100%;min-height:96px}.parts{flex-wrap:wrap;justify-content:center;gap:4px 6px;margin:0 0 6px;display:flex}.parts span{font-size:calc(12px * var(--fs));color:var(--ink-2);background:var(--mist);border:1.5px solid var(--line);border-radius:999px;padding:1px 8px;font-weight:700;line-height:1.35}.rowc.gear .tx{overflow-wrap:normal}.rowc.gear .gn{white-space:nowrap;flex-wrap:nowrap}.rowc.gear .gn em{flex:none}.rowc.gear .to{white-space:nowrap}.rowc.gear .btn{font-size:calc(15px * var(--fs));gap:4px;padding:6px 10px}.rowc.gear small{overflow-wrap:normal}