@font-face{font-family:Fredoka Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(./fredoka-hebrew-wght-normal-DdnsCkLr.woff2)format("woff2-variations");unicode-range:U+307-308,U+590-5FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Fredoka Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(./fredoka-latin-ext-wght-normal-CYrqKuxd.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fredoka Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(./fredoka-latin-wght-normal-DM6njrJ3.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--ink:#2a1b3d;--cream:#fff4e0;--fur:#f29a38;--fur-shade:#c7651a;--sisal:#d8b784;--dusk:#2b2350;--muted:#6d5a80;--font:"Fredoka Variable", "Fredoka", ui-rounded, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", system-ui, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{overscroll-behavior:none;background:var(--dusk);height:100%;margin:0;overflow:hidden}body{font-family:var(--font);color:var(--ink);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;position:fixed;top:0;bottom:0;left:0;right:0}#app{cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;position:fixed;top:0;bottom:0;left:0;right:0}#stage{width:100%;height:100%;display:block;position:absolute;top:0;bottom:0;left:0;right:0}#art-status{z-index:10;color:var(--cream);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:24px;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}#art-status[hidden]{display:none}#art-status button{border:2px solid var(--ink);background:var(--cream);color:var(--ink);font:inherit;cursor:pointer;border-radius:16px;padding:12px 24px}#app[aria-busy=true] #frame{display:none}#frame{--u:1;pointer-events:none;position:absolute}.score,.start-hint,.retry-hint,.paused-screen h2,.paused-hint,.countdown{color:var(--cream);-webkit-text-stroke:calc(var(--u) * 4.5px) var(--ink);paint-order:stroke fill}.hud{z-index:2;padding:calc(var(--u) * 14px);padding-top:max(calc(var(--u) * 14px), calc(env(safe-area-inset-top,0px) - var(--frame-top,0px) + 6px));justify-content:space-between;display:flex;position:absolute;top:0;bottom:auto;left:0;right:0}.icon-btn{width:max(40px, calc(var(--u) * 42px));height:max(40px, calc(var(--u) * 42px));border:2.5px solid var(--ink);background:var(--cream);box-shadow:0 3px 0 var(--ink);color:var(--ink);cursor:pointer;pointer-events:auto;border-radius:50%;place-items:center;padding:0;transition:transform 80ms,box-shadow 80ms;display:grid}.icon-btn:active{box-shadow:0 1px 0 var(--ink);transform:translateY(2px)}.icon-btn:focus-visible{outline:3px solid var(--fur);outline-offset:3px}.icon-btn svg{width:58%;height:58%;fill:var(--ink)}.icon-btn .wave{fill:none;stroke:var(--ink);stroke-width:2.4px;stroke-linecap:round}.icon-play,.icon-sound-off,.sound-btn[aria-pressed=false] .icon-sound-on,[data-phase=paused] .icon-pause{display:none}.sound-btn[aria-pressed=false] .icon-sound-off,[data-phase=paused] .icon-play{display:block}.hud-left{align-items:flex-start;gap:calc(var(--u) * 8px);flex-direction:column;display:flex}.pause-btn{visibility:hidden}.fish-icon{--k:1;width:calc(var(--u) * var(--k) * 26px);height:calc(var(--u) * var(--k) * 12px);background:var(--fish-icon) no-repeat center / contain;flex:none;display:inline-block}.fish-count{align-items:center;gap:calc(var(--u) * 5px);padding:calc(var(--u) * 3px) calc(var(--u) * 9px) calc(var(--u) * 3px) calc(var(--u) * 7px);border:calc(var(--u) * 2px) solid var(--ink);background:var(--cream);box-shadow:0 calc(var(--u) * 2.5px) 0 var(--ink);font-size:calc(var(--u) * 15px);font-variant-numeric:tabular-nums;opacity:0;border-radius:99px;margin:0;font-weight:700;line-height:1.1;transition:opacity .2s;display:flex}[data-phase=playing] .fish-count,[data-phase=paused] .fish-count,[data-phase=dying] .fish-count{opacity:1}[data-phase=playing] .pause-btn,[data-phase=paused] .pause-btn{visibility:visible}.score{top:calc(var(--u) * 36px);font-size:calc(var(--u) * 60px);font-variant-numeric:tabular-nums;-webkit-text-stroke-width:calc(var(--u) * 6px);text-shadow:0 calc(var(--u) * 4px) 0 var(--ink);opacity:0;margin:0;font-weight:700;line-height:1;transition:opacity .2s;position:absolute;left:50%;translate:-50%}[data-phase=playing] .score,[data-phase=paused] .score,[data-phase=dying] .score{opacity:1}.beat-best{top:calc(var(--u) * 106px);padding:calc(var(--u) * 3px) calc(var(--u) * 12px) calc(var(--u) * 4px);border:calc(var(--u) * 2.5px) solid var(--ink);background:var(--fur);box-shadow:0 calc(var(--u) * 3px) 0 var(--ink);font-size:calc(var(--u) * 16px);white-space:nowrap;opacity:0;border-radius:99px;margin:0;font-weight:700;position:absolute;left:50%;translate:-50%}.screen{z-index:1;opacity:0;visibility:hidden;margin:0;transition:opacity .25s,visibility 0s .25s;position:absolute;top:0;bottom:0;left:0;right:0}[data-phase=ready] .ready-screen,[data-phase=paused] .paused-screen,[data-phase=gameover] .over-screen{opacity:1;visibility:visible;transition:opacity .25s,visibility}.screen p{margin:0}.ready-screen{transition:opacity .25s .2s,visibility 0s .45s}.door{top:calc(var(--u) * 38px);width:calc(var(--u) * 188px);height:calc(var(--u) * 158px);perspective:calc(var(--u) * 520px);position:absolute;left:50%;translate:-50%}.door-frame{border:calc(var(--u) * 8px) solid var(--sisal);border-radius:calc(var(--u) * 30px);box-shadow:0 0 0 calc(var(--u) * 3px) var(--ink), inset 0 0 0 calc(var(--u) * 3px) var(--ink), 0 calc(var(--u) * 6px) 0 calc(var(--u) * 3px) var(--ink);background:#100a2299;position:absolute;top:0;bottom:0;left:0;right:0}.door-flap{inset:calc(var(--u) * 17px) calc(var(--u) * 17px) calc(var(--u) * 15px);border:calc(var(--u) * 3px) solid var(--ink);border-radius:calc(var(--u) * 6px) calc(var(--u) * 6px) calc(var(--u) * 18px) calc(var(--u) * 18px);background:linear-gradient(180deg, #fff9ee 0%, var(--cream) 60%, #f6e3c4 100%);transform-origin:50% 0;opacity:0;place-items:center;transition:transform .3s cubic-bezier(.5,0,.75,0),opacity .2s .15s;display:grid;position:absolute;transform:rotateX(-105deg)}.door-flap:before{content:"";top:calc(var(--u) * -7px);left:calc(var(--u) * -6px);right:calc(var(--u) * -6px);height:calc(var(--u) * 7px);background:var(--ink);border-radius:99px;position:absolute}[data-phase=ready] .door-flap{opacity:1;transition:none;animation:1.7s cubic-bezier(.3,.6,.4,1) both swing-shut;transform:rotateX(0)}@keyframes swing-shut{0%{transform:rotateX(-80deg)}28%{transform:rotateX(30deg)}48%{transform:rotateX(-17deg)}66%{transform:rotateX(9deg)}82%{transform:rotateX(-4deg)}to{transform:rotateX(0)}}.door-flap h1{font-size:calc(var(--u) * 50px);text-align:center;color:var(--fur);-webkit-text-stroke:calc(var(--u) * 5px) var(--ink);paint-order:stroke fill;text-shadow:0 calc(var(--u) * 3.5px) 0 var(--ink);margin:0;font-weight:700;line-height:.92}.tagline{top:calc(var(--u) * 238px);left:calc(var(--u) * 146px);padding:calc(var(--u) * 6px) calc(var(--u) * 13px) calc(var(--u) * 7px);border:calc(var(--u) * 2.5px) solid var(--ink);border-radius:calc(var(--u) * 16px);background:var(--cream);box-shadow:0 calc(var(--u) * 3px) 0 var(--ink);font-size:calc(var(--u) * 17px);white-space:nowrap;font-weight:600;position:absolute}.tagline:before{content:"";top:calc(var(--u) * 14px);left:calc(var(--u) * -9px);width:calc(var(--u) * 13px);height:calc(var(--u) * 13px);border-left:calc(var(--u) * 2.5px) solid var(--ink);border-bottom:calc(var(--u) * 2.5px) solid var(--ink);border-radius:0 0 0 calc(var(--u) * 3px);background:var(--cream);position:absolute;transform:rotate(45deg)skew(10deg,10deg)}.start-hint{top:calc(var(--u) * 404px);text-align:center;font-size:calc(var(--u) * 21px);font-weight:600;line-height:1.5;animation:1.8s ease-in-out infinite breathe;position:absolute;left:0;right:0}.start-keys{font-size:calc(var(--u) * 16px);display:block}.start-glide{font-size:calc(var(--u) * 14.5px);display:block}.map-picker{top:calc(var(--u) * 302px);align-items:center;gap:calc(var(--u) * 6px);width:calc(var(--u) * 312px);grid-template-columns:auto 1fr auto;display:grid;position:absolute;left:50%;translate:-50%}.in-challenge .map-picker{display:none}.map-btn svg{fill:none;stroke:var(--ink);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.map-card{padding:calc(var(--u) * 6px) calc(var(--u) * 8px) calc(var(--u) * 7px);border:calc(var(--u) * 2.5px) solid var(--ink);border-radius:calc(var(--u) * 16px);background:var(--cream);box-shadow:0 calc(var(--u) * 4px) 0 var(--ink);text-align:center}.map-name{font-size:calc(var(--u) * 18px);font-weight:700;line-height:1.2}.map-hint{font-size:calc(var(--u) * 12px);color:var(--muted);font-weight:500;line-height:1.3}.ready-best{font-size:calc(var(--u) * 13px);font-weight:600;margin-top:calc(var(--u) * 2px)!important}.ready-best .value{font-variant-numeric:tabular-nums;font-size:1.15em;font-weight:700}.stars{color:var(--fur-shade);letter-spacing:.08em}.map-dots{justify-content:center;gap:calc(var(--u) * 7px);grid-column:1/-1;display:flex;margin-top:calc(var(--u) * 7px)!important}.map-dots i{width:calc(var(--u) * 8px);height:calc(var(--u) * 8px);border:calc(var(--u) * 1.5px) solid var(--ink);background:var(--cream);border-radius:50%}.map-dots i.on{background:var(--fur)}kbd{margin:0 calc(var(--u) * 3px);padding:0 calc(var(--u) * 9px);border:calc(var(--u) * 2px) solid var(--ink);border-radius:calc(var(--u) * 7px);background:var(--cream);box-shadow:0 calc(var(--u) * 2.5px) 0 var(--ink);color:var(--ink);-webkit-text-stroke:0;font-family:inherit;font-size:.9em;font-weight:600;display:inline-block}@keyframes breathe{0%,to{opacity:1}50%{opacity:.55}}.paused-screen{justify-content:center;align-items:center;gap:calc(var(--u) * 6px);background:#100a2273;flex-direction:column;display:flex}.paused-screen h2{font-size:calc(var(--u) * 44px);-webkit-text-stroke-width:calc(var(--u) * 5.5px);margin:0;font-weight:700}.paused-hint{font-size:calc(var(--u) * 19px);font-weight:600}.countdown{min-height:1em;font-size:calc(var(--u) * 96px);color:var(--fur);-webkit-text-stroke-width:calc(var(--u) * 7px);text-shadow:0 calc(var(--u) * 5px) 0 var(--ink);font-weight:700;line-height:1}.counting .paused-screen h2,.counting .paused-hint{visibility:hidden}.over-screen{padding-top:calc(var(--u) * 80px);flex-direction:column;align-items:center;display:flex}.card{width:calc(var(--u) * 268px);padding:calc(var(--u) * 20px) calc(var(--u) * 18px) calc(var(--u) * 16px);border:calc(var(--u) * 3px) solid var(--ink);border-radius:calc(var(--u) * 22px);background:var(--cream);box-shadow:0 calc(var(--u) * 6px) 0 var(--ink);text-align:center;position:relative}[data-phase=gameover] .card{animation:.45s cubic-bezier(.2,1.4,.4,1) both drop-in}@keyframes drop-in{0%{transform:translateY(calc(var(--u) * -36px)) scale(.94);opacity:0}to{opacity:1;transform:none}}.over-title{font-size:calc(var(--u) * 32px);margin:0;font-weight:700;line-height:1.1}.quip{font-size:calc(var(--u) * 15px);color:var(--muted);font-weight:500;line-height:1.35;margin:calc(var(--u) * 6px) 0 calc(var(--u) * 12px)!important}.stats{padding-top:calc(var(--u) * 10px);border-top:calc(var(--u) * 2px) dashed #2a1b3d38;grid-template-columns:1fr 1fr 1fr;margin:0;display:grid}.stats dt{font-size:calc(var(--u) * 14px);color:var(--muted);font-weight:600}.stats dd{font-size:calc(var(--u) * 46px);font-variant-numeric:tabular-nums;margin:0;font-weight:700;line-height:1.05}.final-score,.final-fish{color:var(--fur-shade)}.map-tab{top:calc(var(--u) * -14px);left:calc(var(--u) * -10px);max-width:calc(var(--u) * 170px);padding:calc(var(--u) * 3px) calc(var(--u) * 10px) calc(var(--u) * 4px);border:calc(var(--u) * 2.5px) solid var(--ink);background:var(--cream);box-shadow:0 calc(var(--u) * 3px) 0 var(--ink);font-size:calc(var(--u) * 13px);white-space:nowrap;text-overflow:ellipsis;border-radius:99px;font-weight:700;position:absolute;overflow:hidden;transform:rotate(-6deg)}.new-best{top:calc(var(--u) * -15px);right:calc(var(--u) * -12px);padding:calc(var(--u) * 3px) calc(var(--u) * 11px) calc(var(--u) * 4px);border:calc(var(--u) * 2.5px) solid var(--ink);background:var(--fur);box-shadow:0 calc(var(--u) * 3px) 0 var(--ink);font-size:calc(var(--u) * 15px);border-radius:99px;font-weight:700;display:none;position:absolute;transform:rotate(8deg)}.is-new-best .new-best{display:block}.is-new-best[data-phase=gameover] .new-best{animation:.45s cubic-bezier(.2,1.6,.4,1) .4s both badge-pop}@keyframes badge-pop{0%{transform:rotate(-20deg)scale(0)}to{transform:rotate(8deg)scale(1)}}.retry-hint{font-size:calc(var(--u) * 20px);opacity:0;font-weight:600;transition:opacity .25s;margin-top:calc(var(--u) * 24px)!important}.can-retry .retry-hint{opacity:1;animation:1.8s ease-in-out .3s infinite breathe}.overtake{top:calc(var(--u) * 142px);max-width:calc(var(--u) * 300px);padding:calc(var(--u) * 3px) calc(var(--u) * 12px) calc(var(--u) * 4px);border:calc(var(--u) * 2.5px) solid var(--ink);background:var(--cream);box-shadow:0 calc(var(--u) * 3px) 0 var(--ink);font-size:calc(var(--u) * 15px);white-space:nowrap;text-overflow:ellipsis;opacity:0;border-radius:99px;margin:0;font-weight:700;position:absolute;left:50%;overflow:hidden;translate:-50%}.challenge{top:calc(var(--u) * 300px);width:calc(var(--u) * 248px);padding:calc(var(--u) * 8px) calc(var(--u) * 12px) calc(var(--u) * 4px);border:calc(var(--u) * 2.5px) solid var(--ink);border-radius:calc(var(--u) * 16px);background:var(--cream);box-shadow:0 calc(var(--u) * 4px) 0 var(--ink);text-align:center;position:absolute;left:50%;translate:-50%}.challenge[hidden],.standings[hidden],.share-row[hidden]{display:none}.challenge-heading{font-size:calc(var(--u) * 16px);font-weight:700;line-height:1.2}.challenge-hint{font-size:calc(var(--u) * 12px);color:var(--muted);font-weight:500;margin-bottom:calc(var(--u) * 5px)!important}.rank-list{gap:calc(var(--u) * 2px);counter-reset:rank;font-size:calc(var(--u) * 13.5px);text-align:left;margin:0;padding:0;font-weight:600;line-height:1.3;list-style:none;display:grid}.rank-list li{align-items:center;gap:calc(var(--u) * 6px);padding:calc(var(--u) * 1px) calc(var(--u) * 6px);border-radius:calc(var(--u) * 8px);counter-increment:rank;display:flex}.rank-list li:before{content:counter(rank);width:1.1em;color:var(--muted);font-variant-numeric:tabular-nums}.rank-list .dot{width:calc(var(--u) * 10px);height:calc(var(--u) * 10px);border:calc(var(--u) * 1.5px) solid var(--ink);border-radius:50%;flex:none}.rank-list .who{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.rank-list b{font-variant-numeric:tabular-nums;font-weight:700}.rank-list .me{background:#f29a3840}.text-btn{margin:calc(var(--u) * 2px) 0 0;padding:calc(var(--u) * 4px) calc(var(--u) * 10px);color:var(--muted);font:inherit;font-size:calc(var(--u) * 12.5px);text-underline-offset:.2em;cursor:pointer;pointer-events:auto;background:0 0;border:0;font-weight:600;text-decoration:underline}.text-btn:focus-visible{outline:3px solid var(--fur);outline-offset:2px}.share-btn:focus-visible{outline:3px solid var(--fur);outline-offset:2px}.in-challenge .start-hint{top:calc(var(--u) * 478px)}.standings{margin-top:calc(var(--u) * 10px);padding-top:calc(var(--u) * 8px);border-top:calc(var(--u) * 2px) dashed #2a1b3d38}.standings-label{font-size:calc(var(--u) * 13px);color:var(--muted);font-weight:600;margin-bottom:calc(var(--u) * 4px)!important}.share-row{gap:calc(var(--u) * 6px);margin-top:calc(var(--u) * 12px);cursor:auto;pointer-events:none;display:flex}.can-retry .share-row{pointer-events:auto}.name-input{min-width:0;height:calc(var(--u) * 36px);padding:0 calc(var(--u) * 10px);border:calc(var(--u) * 2px) solid var(--ink);border-radius:calc(var(--u) * 11px);color:var(--ink);font:inherit;font-size:max(16px, calc(var(--u) * 15px));-webkit-user-select:text;user-select:text;touch-action:manipulation;background:#fff;flex:1;font-weight:600}.name-input::placeholder{color:#a596b4;font-weight:500}.name-input:focus-visible{outline:3px solid var(--fur);outline-offset:1px}.share-btn{height:calc(var(--u) * 36px);padding:0 calc(var(--u) * 12px);border:calc(var(--u) * 2.5px) solid var(--ink);background:var(--fur);box-shadow:0 calc(var(--u) * 3px) 0 var(--ink);color:var(--ink);font:inherit;font-size:calc(var(--u) * 15px);cursor:pointer;touch-action:manipulation;border-radius:99px;flex:none;font-weight:700;transition:transform 80ms,box-shadow 80ms}.share-btn:active{box-shadow:0 1px 0 var(--ink);transform:translateY(2px)}.toast{bottom:calc(var(--u) * 100px);z-index:3;width:max-content;max-width:calc(var(--u) * 320px);padding:calc(var(--u) * 7px) calc(var(--u) * 14px);border:calc(var(--u) * 2px) solid var(--cream);border-radius:calc(var(--u) * 14px);background:var(--ink);color:var(--cream);font-size:calc(var(--u) * 14px);text-align:center;opacity:0;margin:0;font-weight:600;line-height:1.35;transition:opacity .25s;position:absolute;left:50%;translate:-50%}.toast.show{opacity:1}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:10ms!important;animation:none!important}}