:root .wp-frame{background:url(./bg-D8lXb-T1.webp) 50%/cover}:root .wp-frame .topbar{background:linear-gradient(#0b0c12b3,#0b0c1200)}.wp-board{grid-template-columns:repeat(var(--cols), 1fr);grid-template-rows:repeat(var(--rows), 1fr);width:min(94cqw, 90cqh * var(--cols) / var(--rows));aspect-ratio:var(--cols) / var(--rows);isolation:isolate;border-radius:0;display:grid;position:relative;overflow:visible}.wp-cell{position:relative}.wp-cell.floor,.wp-cell.hole{background:url(data:image/webp;base64,UklGRvwAAABXRUJQVlA4IPAAAACQDwCdASrAAMAAPmEulEekIiIhKdBoAIAMCWluu+4Bi1gA9EAr/qUN3k1/KG7OTa7omFGi0goz8vQvpz78hA+KkvjWE9vJVHOKNFhZDaxeaGtvqfxaQWcMRDUsJ+OfJdQEaLSCyeIBC+nPzMZ+XoX059+QgTLJLm/tn1LxjjLlBqF5cDwgAP79ikBqSKPk8Wk03kl65QMOQvdlKsIDM+JHEkXix75t0owHv+oFMfb/bBJxAuBdSBB6Ioo00oHOiSLxMABfTYBugh32QrV6yk1lcMa5X8Gc8jpgUl9UIV/steyH/6jRWoqKn7OFEopDgAA=) 50%/100% 100%}.wp-cell.wall{z-index:1;background:url(data:image/webp;base64,UklGRt4AAABXRUJQVlA4INIAAACwDACdASrAAMAAPmEwlEikIqGhIEgggAwJaURKIfgXn1JACs7UOcXiMIsVYjFzS23MvlpbbyY8bz60R0zh7Z5PcZqh1W3+9XKAtURBXQDwyjVoVvIiFAfu+cZuLc5Rj4P3S56+5vzoFkvELaIv1AD+9bh7Dz6doNXb5SVMGLo0JvajuV/wB6KwO+BpDAU//uQD5Re1h3Xvrl75d5RQC9yTI1X5FZ7+9cIjzEqWxThJ1XrK04hyT68lt5j4tLqv5HhJUjNsD0b/b0TkQOLdXwwAAAA=) 50%/135% 135%}.wp-cell.mat:before,.wp-cell.plate:before{content:"";background:url(./mat-WscDiax1.webp) 50%/100% 100%;border-radius:3px;position:absolute;inset:6%;box-shadow:0 2px #00000040}.wp-cell.plate:before{transform:rotate(var(--rot,0deg));background-image:url(data:image/webp;base64,UklGRoQEAABXRUJQVlA4IHgEAABQHgCdASrAAMAAPmEsk0ckIiIhIvFMAIAMCWluul5eZSvYfzw+n9kYYENq883OP/UgoLOMbKjRAeoZd35//0AoFl67VZvwq1blu/CmyhyTtKy7gW1l4wJVkEJ5Izm8apSKfGplltufnKI9LZo0hm5FESvdhynOLZfXTw64YmHchMFnmKElizWRehzLa7bWusjmZXPG0oPwIEEShOZoc93OAYNOIC50nT8akyoAKhQPHG5uOTUbNyDeWYPOEWQDVTdJhFdfx5ZfG08Uvptaeizkyh/TQFd2VDGOMQ/u1euTav9D3PFuaqTn2zFVCgeTK595w9DVLJJrTcW4AAD+6y7TpozzyEkd31sRyRWY8P8Ev+iwjxxZrEwntCr9IaJXfScjD3pOSk/5DoiyHxcRf4mpjcaildfeHGOretbp8Z6ooo/lSYnL90Ywfk6P1lrawbdnaE1S29N34T0k+EW8IYWG3FQkkWYH/v6pDD5hi3v1IWDxWKdVCYHjGrR+VbvF5kDv3Kt4/f+2A679Jfbfn3aHOg+MqdOojFszF+H4+z9w9/H+O+7sy84rU3uWJPe6fOVcJXgHEpSqZt8OOBATtrbMYafaTon4wGU1vyeJdSZtke1TE/5ATmV7tnv/vwzTEd8bbNx3g150dNKCCoJLsRr9jecy7CRxliL6OHWBXyyndy2l7mMTuZR/6seO3Z6qk2T9t6up2xzDX21APcTtU+hnCaUT5c/FIb/ASmO2xyFC4bzWljjDIKZrY3MAo0JovdmIgFU/8qOg4JS9LCiUkB6nyxCDFl+0zwLjg/TP0FOgOdJQKGoce7BDAsW3KM3TmnkPcqr5pkZdtkYJrCE+eV78HtqHSQSilo0DvYTAWSkJYBayIj28g36omlnV8sYVd32xq5fDjwc5U4wOPFShEpqk/ka+6MrYzZyTlav/iOj6OjmhZ42TyfisIR1psE6xoRyMwfDJjrCPsVNvTn9R7krIbDOYxO5jfWwGwCZ11/ib+WlhdxMCF2JS7uFwjhbwdpeTA/OsgqpOXeMRb6tJ+F2I0mB8r0koyUkOTY8R1EcRnemNs5mCDkVB56Jv7d2PsY5J2GCpZ75DI4kYoX1DKCvrV513Meru/gkDg/F6Ia2DJI/3CXS1BdJ3QJyX9Nyd4+ymm+RQgdWmq1c250+YDXgX7AQ2kRFKh6+/qJzlrv7HUZ4w97/G+Dr1EsLuEz+crtaHkghuD2qFWsRzvS9+bQLB2oSUR8Mlc7UYFnkCbX5FD5MCNwnhOvuUv2lrEvj9VD97p1fC9DJpdY+xphpULYThFhFrAYFgp+1pd79ctUfjCYEDbgq7LJkabOYelhbVyCKa9XQgNtlY+tpbI5+sZDH2f2PaNkCyQ04+gnTUPpYiOjAY+A+lUyrmOeTdmcPvj59Z1VxocmgRw0hMuMN+NwYNYigV/NfDA1nCaVftixa1dy9p1yH2POWVJ8ZtcCYHT9iVrbcFV/ntp+3UZ4exKAv+Bh5WPs515ENMKU6eTV0UACnd5fl9ecAA)}.wp-cell.floor.paint{margin:var(--paint-top,0px) var(--paint-right,0px) var(--paint-bottom,0px) var(--paint-left,0px);background:#ef639a url(data:image/webp;base64,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) 50%/125% 125%}.wp-cell.floor.paint:after{content:"";background:linear-gradient(135deg,#0000 22%,#ffffff8c 30%,#0000 40% 58%,#ffffff4d 63%,#0000 68%);transition:opacity .5s;animation:.18s ease-out wp-wet;position:absolute;inset:0}@keyframes wp-wet{0%{opacity:0;transform:scale(.6)}}.wp-cell.mat.paint:before{background-blend-mode:multiply;background-image:linear-gradient(#ff5fa2c0,#ff5fa2c0),url(./mat-WscDiax1.webp)}.wp-cell.plate.paint:before{background-blend-mode:multiply;background-image:linear-gradient(#ff5fa2c0,#ff5fa2c0),url(data:image/webp;base64,UklGRoQEAABXRUJQVlA4IHgEAABQHgCdASrAAMAAPmEsk0ckIiIhIvFMAIAMCWluul5eZSvYfzw+n9kYYENq883OP/UgoLOMbKjRAeoZd35//0AoFl67VZvwq1blu/CmyhyTtKy7gW1l4wJVkEJ5Izm8apSKfGplltufnKI9LZo0hm5FESvdhynOLZfXTw64YmHchMFnmKElizWRehzLa7bWusjmZXPG0oPwIEEShOZoc93OAYNOIC50nT8akyoAKhQPHG5uOTUbNyDeWYPOEWQDVTdJhFdfx5ZfG08Uvptaeizkyh/TQFd2VDGOMQ/u1euTav9D3PFuaqTn2zFVCgeTK595w9DVLJJrTcW4AAD+6y7TpozzyEkd31sRyRWY8P8Ev+iwjxxZrEwntCr9IaJXfScjD3pOSk/5DoiyHxcRf4mpjcaildfeHGOretbp8Z6ooo/lSYnL90Ywfk6P1lrawbdnaE1S29N34T0k+EW8IYWG3FQkkWYH/v6pDD5hi3v1IWDxWKdVCYHjGrR+VbvF5kDv3Kt4/f+2A679Jfbfn3aHOg+MqdOojFszF+H4+z9w9/H+O+7sy84rU3uWJPe6fOVcJXgHEpSqZt8OOBATtrbMYafaTon4wGU1vyeJdSZtke1TE/5ATmV7tnv/vwzTEd8bbNx3g150dNKCCoJLsRr9jecy7CRxliL6OHWBXyyndy2l7mMTuZR/6seO3Z6qk2T9t6up2xzDX21APcTtU+hnCaUT5c/FIb/ASmO2xyFC4bzWljjDIKZrY3MAo0JovdmIgFU/8qOg4JS9LCiUkB6nyxCDFl+0zwLjg/TP0FOgOdJQKGoce7BDAsW3KM3TmnkPcqr5pkZdtkYJrCE+eV78HtqHSQSilo0DvYTAWSkJYBayIj28g36omlnV8sYVd32xq5fDjwc5U4wOPFShEpqk/ka+6MrYzZyTlav/iOj6OjmhZ42TyfisIR1psE6xoRyMwfDJjrCPsVNvTn9R7krIbDOYxO5jfWwGwCZ11/ib+WlhdxMCF2JS7uFwjhbwdpeTA/OsgqpOXeMRb6tJ+F2I0mB8r0koyUkOTY8R1EcRnemNs5mCDkVB56Jv7d2PsY5J2GCpZ75DI4kYoX1DKCvrV513Meru/gkDg/F6Ia2DJI/3CXS1BdJ3QJyX9Nyd4+ymm+RQgdWmq1c250+YDXgX7AQ2kRFKh6+/qJzlrv7HUZ4w97/G+Dr1EsLuEz+crtaHkghuD2qFWsRzvS9+bQLB2oSUR8Mlc7UYFnkCbX5FD5MCNwnhOvuUv2lrEvj9VD97p1fC9DJpdY+xphpULYThFhFrAYFgp+1pd79ctUfjCYEDbgq7LJkabOYelhbVyCKa9XQgNtlY+tpbI5+sZDH2f2PaNkCyQ04+gnTUPpYiOjAY+A+lUyrmOeTdmcPvj59Z1VxocmgRw0hMuMN+NwYNYigV/NfDA1nCaVftixa1dy9p1yH2POWVJ8ZtcCYHT9iVrbcFV/ntp+3UZ4exKAv+Bh5WPs515ENMKU6eTV0UACnd5fl9ecAA)}.wp-cell.mat.stop:before{animation:.25s ease-out wp-stop}@keyframes wp-stop{50%{transform:scale(.86)}}.wp-board.dry .wp-cell.floor.paint:after{opacity:0}.wp-sheen-track{pointer-events:none;z-index:4;position:absolute;inset:0;overflow:hidden}.wp-sheen{pointer-events:none;z-index:3;background:linear-gradient(100deg,#0000 30%,#ffffffa6 50%,#0000 70%);position:absolute;inset:0;transform:translate(-100%)}.wp-board:not(.done) .wp-sheen-track{pointer-events:none;z-index:4;position:absolute;inset:0;overflow:hidden}.wp-sheen{display:none}.wp-cell.stuck{animation:.3s step-end 3 wp-blink}@keyframes wp-blink{0%{box-shadow:inset 0 0 0 100vmax #ff4d5e99}50%{box-shadow:none}}.wp-roller{width:calc(100% / var(--cols));height:calc(100% / var(--rows));pointer-events:none;z-index:3;position:absolute;top:0;left:0}.wp-roller-body{z-index:1;transform-origin:50% 16%;background:url(./roller-B71mPiWh.webp) 50%/contain no-repeat;transition:transform .1s ease-out;position:absolute;inset:34% 0 -34%}.wp-roller:after{content:"";background:radial-gradient(closest-side,#00000073,#0000);border-radius:50%;position:absolute;inset:22% -6% 14%}.wp-roller.stuck:before{content:"";opacity:0;background:#ff4d5e;border-radius:50%;animation:.3s step-end 3 wp-blink-roller;position:absolute;inset:0}@keyframes wp-blink-roller{0%{opacity:.85}50%{opacity:0}}.wp-cell.hole{--ring:#2bb7a6}.wp-cell.hole.pair-2{--ring:#f08a24}.wp-cell.hole.pair-3{--ring:#7a5cf0}.wp-cell.hole:before{content:"";box-shadow:0 0 0 3px var(--ring), inset 0 4px 0 #00000080;background:#15161f;border-radius:50%;position:absolute;inset:14%}.wp-box{width:calc(100% / var(--cols));height:calc(100% / var(--rows));pointer-events:none;z-index:1;position:absolute;top:0;left:0}.wp-box:before{content:"";background:url(./box-DNq3sM-j.webp) 50%/100% 100%;border-radius:3px;position:absolute;inset:5%;box-shadow:0 4px #28272c80}.wp-board:before{content:"";pointer-events:none;z-index:5;border:5px solid #c39a66;outline:1px solid #514236;position:absolute;inset:-6px;box-shadow:0 7px #514236,inset 0 0 0 1px #f3d7a8}.wp-board.done:before{animation:.8s ease-out wp-rim}@keyframes wp-rim{30%{border-color:#ffe4b6}}.wp-cell.wall:before{content:"";border:0 solid #292a30;border-width:var(--edge-top,0px) var(--edge-right,0px) var(--edge-bottom,0px) var(--edge-left,0px);pointer-events:none;position:absolute;inset:0}.wp-cell.wall.edge-U{--edge-top:1px}.wp-cell.wall.edge-R{--edge-right:1px}.wp-cell.wall.edge-D{--edge-bottom:1px}.wp-cell.wall.edge-L{--edge-left:1px}.wp-cell.wall.raised:after{content:"";background:#292a30;border-bottom:1px solid #1d1e25;height:7px;position:absolute;bottom:-5px;left:0;right:0;box-shadow:0 2px #35323a40}.wp-cell.paint-U{--paint-top:-.5px}.wp-cell.paint-R{--paint-right:-.5px}.wp-cell.paint-D{--paint-bottom:-.5px}.wp-cell.paint-L{--paint-left:-.5px}.wp-area .pad-btn,.wp-area .pad-row .pill-btn.icon-only{color:#34343c;background:#faf3e8;border:1px solid #4b4644;border-radius:4px;transition:transform 60ms,background-color .12s,opacity .15s;box-shadow:0 4px #514947,inset 0 -2px #ded1c0}.wp-area .pad-btn:active,.wp-area .pad-row .pill-btn.icon-only:active:not(:disabled){background:#ff9fc5;transform:translateY(2px);box-shadow:0 2px #514947,inset 0 -2px #de79a0}.wp-area .pad-row .pill-btn.icon-only:disabled{opacity:.4;cursor:default}.wp-area .pad-btn:focus-visible,.wp-area .pad-row .pill-btn:focus-visible{outline-offset:5px;outline:2px solid #a62b64}.wp-roller-motion{z-index:1;position:absolute;inset:0}.wp-drop{z-index:2;background:#ff82b5;border:1px solid #a62b64;border-radius:50%;width:10%;height:10%;position:absolute;top:45%;left:45%}.wp-roller.stuck .wp-roller-motion{animation:.3s ease-in-out 3 wp-shake}@keyframes wp-shake{0%,to{translate:0}25%{translate:-5%}75%{translate:5%}}.wp-board .swipe-hint{--dist:min(60px, 16cqw);z-index:8}.wp-board .swipe-hint-finger{filter:none;width:clamp(28px,9cqw,40px)}:root .wp-frame .overlay{-webkit-backdrop-filter:none;backdrop-filter:none}@media (prefers-reduced-motion:reduce){.wp-cell.floor.paint:after,.wp-cell.mat.stop:before,.wp-board.done:before,.wp-roller.stuck .wp-roller-motion{animation:none}}.wp-privacy{z-index:6;color:#403a3e;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}.topbar>.stage-label{grid-column:2}.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}}.pad-wrap{--key:clamp(40px, 8.5cqh, 56px);--gap:8px;width:100%;height:100%;padding-bottom:calc(env(safe-area-inset-bottom) + 14px);flex-direction:column;align-items:center;gap:10px;display:flex}.pad-stage{flex:1;place-items:center;width:100%;min-height:0;display:grid;position:relative;container-type:size}.pad-row{align-items:center;gap:clamp(12px,5cqw,22px);display:flex}.pad-row .pill-btn.icon-only{width:calc(var(--key) * .9);height:calc(var(--key) * .9)}.pad-row .pill-btn.icon-only svg{width:calc(var(--key) * .42);height:calc(var(--key) * .42)}.pad{gap:var(--gap);grid-template-columns:repeat(3, calc(var(--key) * 1.3));grid-auto-rows:var(--key);display:grid}.pad.row{grid-template-columns:repeat(2, calc(var(--key) * 1.3))}.pad.udlr .to-U{grid-area:1/2}.pad.udlr .to-L{grid-area:2/1}.pad.udlr .to-D{grid-area:2/2}.pad.udlr .to-R{grid-area:2/3}.pad-btn{background:var(--tile);color:var(--text);touch-action:manipulation;border:0;border-radius:14px;padding:0;transition:transform 60ms;box-shadow:0 4px #00000059}.pad-btn:active{background:var(--tile-hi);transform:translateY(2px)}.pad-btn span{width:calc(var(--key) * .48);height:calc(var(--key) * .48);margin:auto;display:block}.pad-btn svg{width:100%;height:100%;display:block}