.mf-wrap{--legend-height:49px;flex-direction:column;align-items:center;gap:6px;max-width:100%;padding:6px 0;display:flex}.mf-legend{justify-content:center;gap:min(4px,1cqw);max-width:96cqw;display:flex}.mf-chip{background:var(--chip);border-radius:6px;justify-content:center;align-items:center;gap:min(4px,.8cqw);min-height:49px;padding:4px min(7px,1.2cqw);display:flex}.mf-mini{border-radius:3px;flex:none;width:min(30px,7cqw);height:min(30px,7cqw)}.mf-rows{flex-direction:column;gap:1px;display:flex}.mf-rows>span{align-items:center;gap:1px;display:flex}.mf-tiny,.mf-cross,.mf-check{width:min(20px,4.6cqw);height:min(20px,4.6cqw)}.mf-arrow{color:inherit;width:min(13px,3cqw);height:12px}.mf-check path{stroke:#29945a}.mf-cross path{stroke:#eb4548}.mf-board{grid-template-columns:repeat(var(--cols), 1fr);grid-template-rows:repeat(var(--rows), 1fr);width:min(96cqw, (100cqh - var(--legend-height) - 18px) * var(--cols) / var(--rows));aspect-ratio:var(--cols) / var(--rows);isolation:isolate;border-radius:6px;outline:2px solid #18212c66;flex:none;display:grid;position:relative;overflow:hidden}.mf-cell{background:var(--floor-shade,linear-gradient(transparent, transparent)), var(--floor) center / cover;position:relative}.mf-cell.wall-shade{--floor-shade:linear-gradient(#0c111ba6, #0c111b40 16%, transparent 34%)}.mf-cell.wall{background-image:linear-gradient(transparent 65%, #111a2f66), var(--wall)}.mf-cell.hot{background-image:linear-gradient(transparent 65%, #39171966), var(--hot)}.mf-cell.cold{background-image:linear-gradient(transparent 65%, #14344466), var(--cold)}.mf-cell.wall.flash:after{content:"";background:#edf7fa;animation:.3s ease-out forwards mf-flash;position:absolute;inset:0}.mf-cell.wall.hot.fail-flash:after{background:radial-gradient(#fff1b0,#ff7a2a 60%,#ff3d1a);animation:.7s ease-out forwards mf-fail-flash}.mf-cell.wall.cold.fail-flash:after{background:radial-gradient(#fff,#bff0ff 60%,#5cc8f0);animation:.7s ease-out forwards mf-fail-flash}@keyframes mf-fail-flash{0%{opacity:1}30%{opacity:.9}to{opacity:0}}@keyframes mf-flash{0%{opacity:.55}to{opacity:0}}.mf-board.form-water .mf-cell.hot:before,.mf-board.form-ice .mf-cell.cold:before{content:"";background:radial-gradient(ellipse at 50% 45%, var(--danger-glow), transparent 78%);pointer-events:none;animation:1.1s ease-in-out infinite alternate mf-danger;position:absolute;inset:0}.mf-board.form-water .mf-cell.hot:before{--danger-glow:#ff873de6}.mf-board.form-ice .mf-cell.cold:before{--danger-glow:#9eeeffe6}@keyframes mf-danger{0%{opacity:.12}to{opacity:.7}}.mf-cell.pipe:before,.mf-cell.crack:before{content:"";background:var(--pipe) center / cover, radial-gradient(ellipse at 50% 80%, #17202e66, transparent 65%);position:absolute;inset:0}.mf-cell.pipe.across:before{rotate:90deg}.mf-fx.mf-pipe-cover{z-index:3}.mf-pipe-cover>span{background:var(--pipe) center / cover;position:absolute;inset:0}.mf-pipe-cover.across>span{rotate:90deg}.mf-cell.crack:before{background-image:var(--crack), radial-gradient(ellipse at 50% 85%, #17202e55, transparent 70%)}.mf-cell.crack.broken:before{display:none}.mf-cell.goal{background-image:var(--floor-shade,linear-gradient(transparent, transparent)), linear-gradient(#ffffffd9, #eef1f5d9), var(--floor)}.mf-flag{object-fit:contain;pointer-events:none;transform-origin:30% 90%;width:92%;height:92%;animation:.8s ease-in-out infinite alternate mf-flutter;position:absolute;inset:4%}@keyframes mf-flutter{0%{transform:skewY(2deg)}to{transform:scale(1.03,.98)skewY(-3deg)}}.mf-cell.goal.reached .mf-flag{transform-origin:30% 90%;animation:.3s ease-in-out 4 alternate mf-wave}@keyframes mf-wave{to{transform:scale(1.1,.92)skewY(-6deg)}}.mf-slime,.mf-fx{width:calc(100% / var(--cols));height:calc(100% / var(--rows));pointer-events:none;position:absolute;top:0;left:0}.mf-slime{z-index:2;transition-property:transform;transition-timing-function:linear}.mf-squash:before{content:"";background:radial-gradient(#14203388,#14203333 45%,#0000 72%);transition:transform .2s,opacity .3s;position:absolute;inset:64% 7% 2%}.mf-slime.ice .mf-squash:before{transform:scale(.8,.85)}.mf-slime.melting .mf-squash:before,.mf-slime.shattered .mf-squash:before{opacity:0}.mf-squash{position:absolute;inset:0}.mf-body{object-fit:contain;width:128%;height:128%;transition:opacity .25s,transform .3s cubic-bezier(.3,1.4,.5,1);position:absolute;inset:-14%}.mf-slime.water .mf-body.ice,.mf-slime.ice .mf-body.water{opacity:0;transform:scale(.7)}.mf-slime .mf-body.water,.mf-slime .mf-body.ice{transform-origin:50% 78%;animation:2s ease-in-out infinite mf-breathe-water}.mf-slime .mf-body.ice{animation-name:mf-breathe-ice}.mf-slime:is(.moving,.slurping,.melting,.shattered,.happy) .mf-body{animation:none}@keyframes mf-breathe-water{50%{scale:1.06 .93}}@keyframes mf-breathe-ice{50%{scale:1.025 .97}}.mf-tint{opacity:0;-webkit-mask:var(--shape) center / contain no-repeat;-webkit-mask:var(--shape) center / contain no-repeat;mask:var(--shape) center / contain no-repeat;background:#fff;position:absolute;inset:-14%}.mf-slime.slurping .mf-body.water,.mf-body.mf-slurp{opacity:0;transition:none}.mf-slime.slurping .mf-body.mf-slurp{opacity:1}.mf-body.mf-slurp.flip{transform:scaleX(-1)}.mf-splash img{transform-origin:50% 100%;position:absolute}.mf-slime.melting .mf-body.water{opacity:0;transition:none}.mf-body.mf-melt{transform-origin:50% 70%}.mf-cracks{width:128%;height:128%;-webkit-mask:var(--shape) center / contain no-repeat;-webkit-mask:var(--shape) center / contain no-repeat;mask:var(--shape) center / contain no-repeat;position:absolute;inset:-14%}.mf-cracks svg{width:100%;height:100%}.mf-cracks polygon{fill:none;stroke:#1d6ea8;stroke-width:1.3px;stroke-linejoin:round;stroke-dasharray:100;stroke-dashoffset:100px;animation:.14s ease-out forwards mf-crack-run}@keyframes mf-crack-run{to{stroke-dashoffset:0}}.mf-slime.happy .mf-squash{animation:.35s ease-out 3 alternate mf-hop}@keyframes mf-hop{to{transform:translateY(-22%)}}.mf-fx{z-index:3}.mf-fx i{width:8px;height:8px;position:absolute;top:50%;left:50%}.mf-fx.steam i{background:#fffc;border-radius:50%}.mf-fx.frost i{background:#e3f6ff;border:1px solid #75badb;width:6px;height:6px}.mf-fx i.mf-spark{background:radial-gradient(circle,#fff6c8,#ffb02e 45%,#ff4d1a);border-radius:50%}.mf-fx i.mf-puff{background:radial-gradient(circle at 40% 40%,#fff,#f1f1f1cc 45%,#fff0 72%);border-radius:50%}.mf-piece{background:50%/contain no-repeat;width:128%;height:128%;position:absolute;inset:-14%}.mf-piece>i{width:100%;height:100%;-webkit-mask:var(--shape) center / contain no-repeat;-webkit-mask:var(--shape) center / contain no-repeat;mask:var(--shape) center / contain no-repeat;background:#fff;position:absolute;top:0;left:0}.mf-fx i.mf-burst{background:radial-gradient(circle,#fff 25%,#d8f5ffcc 45%,#9fe3ff00 70%);border-radius:50%}.mf-fx i.mf-sparkle{clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%);background:#fff}.mf-fx.shard i{clip-path:polygon(0 20%,100% 0,80% 100%);background:#b9b3a6;width:9px;height:7px}.mf-fx.mf-trail{z-index:1}.mf-trail i{background:#64ceec;border:1px solid #247cad;border-radius:60% 40% 60% 50%;width:5px;height:7px;animation:.3s ease-out forwards mf-trail;top:64%;left:36%}.mf-trail i+i{width:4px;height:4px;top:53%;left:61%}.mf-trail.ice i{background:#e3f6fa;border-color:#78b5cc;border-radius:1px}@keyframes mf-trail{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(.3)translateY(5px)}}.mf-ring>span{border:3px solid #f36b3d;border-radius:50%;animation:.6s ease-out forwards mf-ring;position:absolute;inset:12%}.mf-ring.ice>span{border-color:#4bc9ed}.mf-ring.clear>span{border-color:#ffe193}@keyframes mf-ring{0%{opacity:.95;transform:scale(.35)}to{opacity:0;transform:scale(2.5)}}.mf-fx.confetti i{border:1px solid #27374740;width:5px;height:9px}.mf-end-body{text-align:center;max-width:280px;margin:-4px 0 6px;font-size:15px;line-height:1.6}.overlay-box .mf-want{color:#fff;background:#ff5a4d;margin-bottom:10px;font-weight:800}.overlay-box .mf-want:disabled{opacity:1;color:inherit;background:0 0;box-shadow:0 0 0 1.5px}.mf-privacy{color:var(--muted);opacity:.8;font-size:11px;text-decoration:none;position:absolute;bottom:2px;right:12px}:root{--bg:#0b0c12;--frame-top:#1c1f2e;--frame-bottom:#12131c;--text:#f4f5fb;--muted:#8a8fa8;--tile:#2a2e42;--tile-hi:#353a54;--accent:#ffd23f;--danger:#ff4d6d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--bg);height:100%;color:var(--text);overscroll-behavior:none;margin:0;font-family:system-ui,-apple-system,Hiragino Sans,sans-serif}body{justify-content:center;align-items:center;display:flex;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer}.frame{background:linear-gradient(180deg, var(--frame-top), var(--frame-bottom));-webkit-user-select:none;user-select:none;touch-action:manipulation;flex-direction:column;width:100vw;height:100dvh;display:flex;position:relative;overflow:hidden}@media (hover:hover) and (pointer:fine){.frame{border-radius:28px;width:min(100vw,min(100dvh,960px)/1.77778);height:min(100dvh,960px);box-shadow:0 30px 80px #0009}}.topbar{padding:calc(env(safe-area-inset-top) + 12px) 14px 4px;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;min-height:64px;display:grid}.hud{justify-self:end;gap:2px;display:flex}.topbar>.icon-btn{justify-self:start}.icon-btn{width:44px;height:44px;color:var(--muted);border-radius:14px;place-items:center;text-decoration:none;display:grid}.icon-btn:active{background:#ffffff0f}.stage-label{letter-spacing:.02em;background:0 0;border:0;border-radius:12px;justify-self:center;padding:8px 14px;font-size:22px;font-weight:800}.stage-label:active{background:#ffffff0f}.stage-label.hidden{visibility:hidden}.area{touch-action:none;flex:1;place-items:center;display:grid;position:relative;container-type:size}.area.locked{pointer-events:none}.bottombar{padding:8px 16px calc(env(safe-area-inset-bottom) + clamp(10px, 2dvh, 18px));justify-content:center;gap:28px;display:flex}.pill-btn{background:var(--tile);border:0;border-radius:26px;align-items:center;gap:8px;height:52px;padding:0 22px;font-size:16px;font-weight:700;text-decoration:none;transition:transform 80ms,opacity .2s;display:inline-flex}.pill-btn:active{transform:scale(.94)}.pill-btn.icon-only{border-radius:50%;justify-content:center;width:clamp(52px,9dvh,64px);height:clamp(52px,9dvh,64px);padding:0}.pill-btn.icon-only svg{width:30px;height:30px}.pill-btn:disabled{opacity:.35}.pill-btn.ghost{box-shadow:inset 0 0 0 2px var(--tile);background:0 0}.frame.no-ui .topbar,.frame.no-ui .bottombar{visibility:hidden}.fx-canvas,.fx-flash{pointer-events:none;z-index:20;width:100%;height:100%;position:absolute;inset:0}.banner{pointer-events:none;z-index:25;place-items:center;display:grid;position:absolute;inset:0}.banner span{letter-spacing:.04em;background:linear-gradient(180deg, #fff 20%, var(--accent));color:#0000;filter:drop-shadow(0 6px #00000059);-webkit-background-clip:text;background-clip:text;font-size:64px;font-style:italic;font-weight:900;animation:.45s cubic-bezier(.2,1.6,.4,1) both banner-in}@keyframes banner-in{0%{opacity:0;transform:scale(.3)rotate(-8deg)}to{opacity:1;transform:scale(1)rotate(-4deg)}}.overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:30;background:#08090eb8;place-items:center;animation:.2s ease-out fade-in;display:grid;position:absolute;inset:0}.overlay-box{flex-direction:column;align-items:center;gap:14px;padding:24px;display:flex}.overlay-title{margin-bottom:8px;font-size:30px;font-weight:900}.stage-grid{grid-template-columns:repeat(5,56px);gap:10px;display:grid}.stage-cell{background:var(--tile);border:0;border-radius:14px;height:56px;font-size:20px;font-weight:800}.stage-cell.current{background:var(--accent);color:#1a1a1a}@keyframes fade-in{0%{opacity:0}}.dev-panel{left:8px;right:8px;bottom:calc(env(safe-area-inset-bottom) + 84px);z-index:40;color:#9fe6c0;background:#0000008c;border-radius:12px;align-items:center;gap:6px;padding:6px;font:12px ui-monospace,monospace;display:flex;position:absolute}.dev-btn{background:#ffffff1a;border:0;border-radius:8px;place-items:center;width:34px;height:34px;display:grid}.dev-btn svg{width:18px;height:18px}.dev-text{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.swipe-hint{--dist:90px;z-index:20;pointer-events:none;width:0;height:0;transition:opacity .2s;position:absolute;top:50%;left:50%}.swipe-hint.out{opacity:0}.swipe-hint.to-U{--x:0px;--y:calc(var(--dist) * -1)}.swipe-hint.to-D{--x:0px;--y:var(--dist)}.swipe-hint.to-L{--x:calc(var(--dist) * -1);--y:0px}.swipe-hint.to-R{--x:var(--dist);--y:0px}.swipe-hint-finger{filter:drop-shadow(0 4px 6px #0008);width:44px;animation:1.6s ease-in-out infinite swipe-hint-move;position:absolute;top:-4px;left:-17px}.swipe-hint-finger svg{width:100%;display:block}.swipe-hint-trail{background:#fffa;border-radius:50%;width:14px;height:14px;animation:1.6s ease-in-out infinite swipe-hint-trail;position:absolute;top:-7px;left:-7px}@keyframes swipe-hint-move{0%,15%{opacity:0;transform:translate(0)}25%{opacity:1;transform:translate(0)scale(.92)}70%{transform:translate(var(--x), var(--y)) scale(.92);opacity:1}85%,to{transform:translate(var(--x), var(--y));opacity:0}}@keyframes swipe-hint-trail{0%,22%{opacity:0;transform:translate(0)}28%{opacity:.8}70%{transform:translate(var(--x), var(--y));opacity:.8}85%,to{transform:translate(var(--x), var(--y));opacity:0}}