@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:600;src:url(./fredoka-hebrew-600-normal-CTBxhdlE.woff2)format("woff2"),url(./fredoka-hebrew-600-normal-BiVDObXj.woff)format("woff");unicode-range:U+307-308,U+590-5FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:600;src:url(./fredoka-latin-ext-600-normal-GoyidTAB.woff2)format("woff2"),url(./fredoka-latin-ext-600-normal-BExgZzUO.woff)format("woff");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;font-style:normal;font-display:swap;font-weight:600;src:url(./fredoka-latin-600-normal-C4zohCW5.woff2)format("woff2"),url(./fredoka-latin-600-normal-CcrEjrB4.woff)format("woff");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}@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:700;src:url(./fredoka-hebrew-700-normal-DBqnFHCe.woff2)format("woff2"),url(./fredoka-hebrew-700-normal-DiqR04Vd.woff)format("woff");unicode-range:U+307-308,U+590-5FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:700;src:url(./fredoka-latin-ext-700-normal--a2O67AJ.woff2)format("woff2"),url(./fredoka-latin-ext-700-normal-DBnuyHy7.woff)format("woff");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;font-style:normal;font-display:swap;font-weight:700;src:url(./fredoka-latin-700-normal-BOIZVyIN.woff2)format("woff2"),url(./fredoka-latin-700-normal-C8FeHd3X.woff)format("woff");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:#0d173b;--ink-soft:#21305b;--rice:#fbf5e5;--rice-deep:#eddcb9;--blue:#4c71fb;--sky:#8adeff;--gold:#ffc843;--ok:#70ec90;--no:#fe6270;--pink:#ff71bb;--ease-out:cubic-bezier(.16, 1, .3, 1);--num:"Fredoka", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;--zh:"PingFang SC", "Microsoft YaHei", "Noto Sans SC", system-ui, sans-serif;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}@supports (color:lab(0% 0 0)){:root{--ink:lab(8.72679% 6.7284 -24.8497);--ink-soft:lab(20.3404% 5.78497 -28.5628);--rice:lab(96.6184% .318795 8.46717);--rice-deep:lab(88.5633% 2.07794 19.5804);--blue:lab(51.0555% 22.5547 -74.4286);--sky:lab(84.1727% -21.4542 -26.1656);--gold:lab(83.9702% 11.986 73.2632);--ok:lab(84.7566% -51.1589 33.5417);--no:lab(63.1603% 61.1819 25.1652);--pink:lab(67.2811% 60.7835 -11.7619)}}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--ink);height:100%;font-family:var(--zh);color:var(--ink);user-select:none;touch-action:none;-webkit-tap-highlight-color:transparent;overflow:hidden}#app{position:fixed;inset:0}canvas{width:100%;height:100%;display:block}.sticker,.btn{background:var(--rice);color:var(--ink);border:3px solid var(--ink);box-shadow:0 4px 0 var(--ink);border-radius:16px}.btn{min-height:48px;font:800 17px var(--zh);cursor:pointer;pointer-events:auto;transition:transform .12s var(--ease-out), box-shadow .12s var(--ease-out);justify-content:center;align-items:center;gap:8px;padding:0 20px;display:inline-flex}.btn:active{box-shadow:0 1px 0 var(--ink);transform:translateY(3px)}.btn:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.btn.primary{background:var(--blue);color:var(--rice)}.btn.big{min-height:60px;padding:0 34px;font-size:21px}.icon-btn{width:48px;padding:0}.hud{pointer-events:none;transition:opacity .3s;position:absolute;inset:0}.hud.is-hidden{opacity:0;visibility:hidden}.hud-top{top:calc(var(--safe-top) + 12px);justify-content:space-between;align-items:flex-start;gap:10px;display:flex;position:absolute;left:12px;right:12px}.score-box{grid-template-columns:auto auto;align-items:baseline;column-gap:8px;padding:6px 14px 8px;display:grid}.sticker-label{color:var(--ink-soft);font-size:12px;font-weight:800}.score-value{font:700 26px var(--num);font-variant-numeric:tabular-nums}.combo-chip{background:var(--gold);font:700 13px var(--num);opacity:0;transition:opacity .2s, transform .3s var(--ease-out);border-radius:99px;grid-column:1/-1;justify-self:start;margin-top:2px;padding:0 8px;transform:scale(.6)}.combo-chip.is-on{opacity:1;transform:none}.chapter-box{flex-direction:column;align-items:center;gap:6px;padding-top:4px;display:flex}.chapter-name{background:var(--ink);color:var(--rice);white-space:nowrap;border-radius:99px;padding:3px 12px;font-size:13px;font-weight:800}.chapter-dots{gap:5px;display:flex}.chapter-dots i{border:2px solid var(--ink);background:#fbf5e666;background:lab(96.6101% .278056 7.68883/.4);border-radius:50%;width:9px;height:9px;transition:background .3s}.chapter-dots i.is-done{background:var(--gold)}.rice-counter{left:50%;bottom:calc(var(--safe-bottom) + 22px);background:var(--rice);border:3px solid var(--ink);box-shadow:0 5px 0 var(--ink);--size:44px;border-radius:99px;align-items:center;gap:8px;padding:4px 20px 6px 12px;display:flex;position:absolute;transform:translate(-50%)}.rice-counter[data-tier="1"]{--size:50px}.rice-counter[data-tier="2"]{--size:56px;background:var(--rice-deep)}.rice-counter[data-tier="3"]{--size:62px;background:var(--gold)}.rice-counter[data-tier="4"]{--size:68px;background:var(--gold);animation:1.6s linear infinite hue}.rice-bowl{font-size:calc(var(--size) * .72);line-height:1}.rice-value{min-width:1.4ch;font:700 var(--size) var(--num);font-variant-numeric:tabular-nums;text-align:center;transition:font-size .3s var(--ease-out);line-height:1}.rice-label{color:var(--ink-soft);font-size:13px;font-weight:800}.rice-counter:after{content:"";border:4px solid var(--gold);opacity:0;border-radius:99px;position:absolute;inset:-6px}.rice-counter.is-pop{animation:pop .22s var(--ease-out)}.rice-counter.is-milestone{animation:milestone .7s var(--ease-out)}.rice-counter.is-milestone:after{animation:ring .7s var(--ease-out)}.rice-counter.is-grow{animation:grow .5s var(--ease-out)}.rice-counter.is-shrink{animation:shrink .45s var(--ease-out)}.rice-counter.is-submit{animation:submit .45s var(--ease-out)}@keyframes pop{0%{transform:translate(-50%)scale(1.12)}}@keyframes milestone{0%{transform:translate(-50%)scale(1.4)rotate(-4deg)}40%{transform:translate(-50%)scale(1.15)rotate(2deg)}}@keyframes ring{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.5)}}@keyframes grow{0%{background:var(--gold);transform:translate(-50%)scale(1.3)}}@keyframes shrink{0%{background:var(--pink);transform:translate(-50%)scale(.8)}30%{transform:translate(calc(-50% - 6px))scale(.9)}60%{transform:translate(calc(6px - 50%))}}@keyframes submit{0%{background:var(--sky);transform:translate(-50%)scale(1.2)}}@keyframes hue{50%{background:var(--sky)}}.danger-tag,.hint{text-align:center;opacity:0;border-radius:99px;max-width:88vw;padding:6px 16px;font-weight:800;transition:opacity .25s;position:absolute;left:50%;transform:translate(-50%)}.danger-tag{bottom:calc(var(--safe-bottom) + 108px);background:var(--no);color:var(--rice);border:3px solid var(--ink);font-size:15px}.danger-tag.is-visible{opacity:1;animation:.6s steps(2,end) infinite blink}.hint{bottom:calc(var(--safe-bottom) + 146px);background:var(--ink);color:var(--rice);font-size:15px;line-height:1.5}.hint.is-visible{opacity:.95}@keyframes blink{50%{opacity:.55}}.speech{left:50%;bottom:calc(var(--safe-bottom) + 108px);background:var(--rice);border:3px solid var(--ink);opacity:0;transform-origin:0 100%;border-radius:16px 16px 16px 4px;max-width:80vw;padding:7px 14px;font-size:15px;font-weight:800;position:absolute;transform:translate(-10%,8px)scale(.9)}.speech.is-visible{opacity:1;transition:opacity .15s, transform .35s var(--ease-out);transform:translate(-10%)}.fx-layer{position:absolute;inset:0;overflow:hidden}.float{font:700 22px var(--num);color:var(--rice);-webkit-text-stroke:5px var(--ink);paint-order:stroke fill;white-space:nowrap;animation:float-up 1.2s var(--ease-out) forwards;position:absolute;left:50%}.float[data-anchor=counter]{bottom:calc(var(--safe-bottom) + 96px)}.float[data-anchor=center]{top:38%}.float-milestone{color:var(--gold);font-size:30px}.float-grow{color:var(--gold)}.float-shrink{color:var(--pink)}@keyframes float-up{0%{opacity:0;transform:translate(calc(-50% + var(--dx)), 10px) scale(.6)}15%{opacity:1;transform:translate(calc(-50% + var(--dx)), -8px) scale(1.1)}to{opacity:0;transform:translate(calc(-50% + var(--dx)), -80px) scale(1)}}.gate-result{animation:result 1.4s var(--ease-out) forwards;flex-direction:column;align-items:center;gap:2px;display:flex;position:absolute;top:30%;left:50%;transform:translate(-50%)}.gate-result strong{font:700 clamp(44px, 12vw, 72px) var(--num);color:var(--rice);-webkit-text-stroke:8px var(--ink);paint-order:stroke fill;letter-spacing:.02em}.gate-result span{background:var(--ink);color:var(--rice);font:700 18px var(--num);border-radius:99px;padding:2px 12px}.tier-perfect strong{color:var(--gold)}.tier-great strong{color:var(--ok)}.tier-good strong{color:var(--sky)}.tier-fail strong{color:var(--no)}@keyframes result{0%{opacity:0;transform:translate(-50%)scale(1.8)rotate(-6deg)}14%{opacity:1;transform:translate(-50%)scale(1)rotate(-3deg)}75%{opacity:1;transform:translate(-50%)translateY(-10px)rotate(-3deg)}to{opacity:0;transform:translate(-50%)translateY(-40px)rotate(-3deg)}}.chapter-banner{background:var(--ink);color:var(--rice);text-align:center;opacity:0;padding:14px 24px 16px;position:absolute;top:40%;left:0;right:0;transform:translate(-100%)}.chapter-banner.is-showing{animation:banner 3.2s var(--ease-out) forwards}.chapter-banner small{color:var(--gold);letter-spacing:.2em;font-weight:800}.chapter-banner strong{margin:2px 0 6px;font-size:26px;font-weight:900;display:block}.chapter-banner p{opacity:.85;max-width:36em;margin:0 auto;font-size:14px;line-height:1.6}@keyframes banner{0%{opacity:0;transform:translate(-100%)}12%{opacity:1;transform:none}85%{opacity:1;transform:none}to{opacity:0;transform:translate(60%)}}.gate-preview{top:calc(var(--safe-top) + 86px);opacity:0;width:min(94vw,440px);transition:opacity .25s, transform .4s var(--ease-out);position:absolute;left:50%;transform:translate(-50%,-14px)}.gate-preview.is-visible{opacity:1;transform:translate(-50%)}.puzzle-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;display:flex}.puzzle-rice{border:3px solid var(--ink);background:var(--rice);box-shadow:0 3px 0 var(--ink);border-radius:99px;padding:2px 12px 3px;font-size:13px;font-weight:800}.puzzle-rice b{font:700 22px var(--num);vertical-align:-2px}.puzzle-dist{background:var(--ink);color:var(--rice);border-radius:99px;padding:3px 10px;font-size:12px;font-weight:800}.gate-preview.is-urgent .puzzle-dist{background:var(--gold);color:var(--ink);animation:.6s steps(2,end) infinite blink}.gate-row{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.gate-tile{border:3px solid var(--ink);background:var(--rice);box-shadow:0 4px 0 var(--ink);transition:background .2s, transform .25s var(--ease-out);border-radius:14px;flex-direction:column;align-items:center;padding:5px 4px 6px;display:flex}.gate-tile.is-current{box-shadow:0 8px 0 var(--ink);transform:translateY(-5px)scale(1.06)}.gate-cond{font:700 26px var(--num);line-height:1.1}.gate-max{color:var(--gold);font:700 11px var(--num);background:#0d173bd9;background:lab(8.72679% 6.7284 -24.8497/.85);border-radius:99px;margin-top:2px;padding:0 6px}.panels{z-index:2;pointer-events:none;position:absolute;inset:0}.panel{padding:calc(var(--safe-top) + 28px) 22px calc(var(--safe-bottom) + 28px);text-align:center;opacity:0;visibility:hidden;transition:opacity .3s, transform .45s var(--ease-out), visibility .3s;flex-direction:column;justify-content:center;align-items:center;gap:18px;display:flex;position:absolute;inset:0;transform:translateY(16px)}.panel.is-active{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .3s, transform .45s var(--ease-out);transform:none}.panel h2{font-size:28px;font-weight:900}.muted{color:var(--ink-soft);font-size:14px}.actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.actions.column{flex-direction:column;align-items:stretch;width:min(80vw,280px)}.logo{font:900 clamp(46px, 13vw, 92px) var(--zh);color:var(--rice);-webkit-text-stroke:10px var(--ink);paint-order:stroke fill;text-shadow:0 7px 0 var(--blue);letter-spacing:.02em;line-height:1.05;transform:rotate(-3deg)}.panel-loading{background:var(--ink)}.panel-loading .muted{color:var(--sky)}.progress{border:3px solid var(--rice);border-radius:99px;width:min(70vw,320px);height:16px;overflow:hidden}.progress i{background:var(--gold);transform-origin:0;height:100%;transition:transform .3s var(--ease-out);display:block;transform:scaleX(.05)}.panel-title{justify-content:space-between}.panel-title .tagline{background:var(--ink);color:var(--rice);border-radius:99px;margin-top:14px;padding:4px 14px;font-size:15px;font-weight:800;display:inline-block}.panel-title>div,.panel-title>p{pointer-events:auto}.panel-title .best{background:var(--rice);border:3px solid var(--ink);font:700 15px var(--num);border-radius:99px;align-items:center;gap:6px;margin-top:auto;padding:4px 14px;display:inline-flex}.panel-sheet{background:#0d173b8c;background:lab(8.72679% 6.7284 -24.8497/.55)}.card{background:var(--rice);border:3px solid var(--ink);width:min(92vw,460px);max-height:100%;box-shadow:0 8px 0 var(--ink);border-radius:24px;flex-direction:column;align-items:center;gap:16px;padding:30px 22px 26px;display:flex;position:relative;overflow-y:auto}.panel-story h2{color:var(--blue)}.panel-story p{max-width:22em;font-size:17px;line-height:1.75}.story-dots{gap:8px;display:flex}.story-dots i{border:2px solid var(--ink);border-radius:50%;width:10px;height:10px}.story-dots i.is-on{background:var(--blue)}.panel-story .tap{animation:1.2s steps(2,end) infinite blink}.panel-story .skip{min-height:36px;padding:0 14px;font-size:14px}.rules{text-align:left;flex-direction:column;gap:10px;width:min(84vw,400px);list-style:none;display:flex}.rules li{align-items:flex-start;gap:10px;font-size:15px;line-height:1.55;display:flex}.rule-mark{flex:none;font-size:22px;line-height:1.1}.keys{align-items:center;gap:6px;font-size:14px;font-weight:800;display:flex}.key{border:2px solid var(--ink);box-shadow:0 2px 0 var(--ink);font-family:var(--num);border-radius:8px;padding:2px 8px}.toggles{gap:10px;display:flex}.toggle{border:3px solid var(--ink);background:var(--rice-deep);width:88px;color:var(--ink);font:800 14px var(--zh);cursor:pointer;opacity:.6;border-radius:16px;flex-direction:column;align-items:center;gap:4px;padding:10px 0;transition:opacity .2s,background .2s;display:flex}.toggle.is-on{opacity:1;background:var(--sky)}.toggle em{font-size:12px;font-style:normal}.row{align-items:center;gap:8px;font-weight:800;display:flex}.segmented{border:3px solid var(--ink);border-radius:12px;display:flex;overflow:hidden}.segmented button{background:var(--rice);font:800 14px var(--zh);cursor:pointer;border:0;padding:6px 12px}.segmented button+button{border-left:2px solid var(--ink)}.segmented button.is-on{background:var(--blue);color:var(--rice)}.panel-settings .close{width:40px;min-height:40px;padding:0;position:absolute;top:12px;right:12px}.over-title{color:var(--no)}.final-label{color:var(--ink-soft);font-size:14px;font-weight:800}.final-score{font:700 clamp(56px, 16vw, 84px) var(--num);color:var(--blue);line-height:1}.record{font:700 15px var(--num);margin-top:6px}.record.is-record{background:var(--gold);border:3px solid var(--ink);animation:pop-badge .6s var(--ease-out);border-radius:99px;padding:2px 14px;display:inline-block;transform:rotate(-4deg)}@keyframes pop-badge{0%{opacity:0;transform:rotate(-4deg)scale(2)}}.stats{text-align:left;grid-template-columns:auto auto;gap:6px 22px;margin-top:14px;font-size:15px;display:grid}.stats dt{color:var(--ink-soft);font-weight:800}.stats dd{font:700 17px var(--num);text-align:right}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}@media (hover:hover) and (pointer:fine){.panel:not(:has(.btn:focus-visible)) .btn[data-default]:after,.panel .btn:focus-visible:after{content:"空格";opacity:.75;border:2px solid;border-radius:7px;margin-left:4px;padding:1px 7px;font-size:12px;font-weight:800}}.toggle:focus-visible,.segmented button:focus-visible{outline:3px solid var(--gold);outline-offset:2px}html[data-embed=popup] #app{bottom:30vh}@media (height<=560px){.panel{gap:10px;padding:12px 14px}.logo{-webkit-text-stroke-width:7px;text-shadow:0 5px 0 var(--blue);font-size:clamp(30px,10vh,56px)}.panel-title .tagline{margin-top:6px;font-size:12px}.panel-title .best{font-size:13px}.btn{min-height:40px;padding:0 14px;font-size:15px}.btn.big{min-height:48px;padding:0 22px;font-size:18px}.icon-btn{width:40px;padding:0}.card{gap:10px;padding:18px 16px 16px}.panel h2{font-size:22px}.panel-story p,.rules li{font-size:14px;line-height:1.5}.final-score{font-size:48px}.hud-top{top:calc(var(--safe-top) + 6px);left:8px;right:8px}.score-box,.pause-btn{zoom:.8}.gate-preview{top:calc(var(--safe-top) + 52px);zoom:.72}.rice-counter{bottom:calc(var(--safe-bottom) + 10px);zoom:.72}.hint{bottom:calc(var(--safe-bottom) + 72px);padding:4px 12px;font-size:12px}.speech,.danger-tag{bottom:calc(var(--safe-bottom) + 62px);font-size:13px}.float[data-anchor=counter]{bottom:calc(var(--safe-bottom) + 60px)}.gate-result{top:26%}.gate-result strong{-webkit-text-stroke-width:6px;font-size:clamp(30px,11vh,52px)}.chapter-banner{padding:8px 14px 10px;top:34%}.chapter-banner strong{font-size:18px}.chapter-banner p{display:none}}