@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/fredoka-hebrew-500-normal-DdMTjgiE.woff2)format("woff2"),url(/assets/fredoka-hebrew-500-normal-BtShCMVp.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:500;src:url(/assets/fredoka-latin-ext-500-normal-0PZPWlWP.woff2)format("woff2"),url(/assets/fredoka-latin-ext-500-normal-CA82fdYH.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:500;src:url(/assets/fredoka-latin-500-normal-B0JifZgm.woff2)format("woff2"),url(/assets/fredoka-latin-500-normal-BL692wg7.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:600;src:url(/assets/fredoka-hebrew-600-normal-CTBxhdlE.woff2)format("woff2"),url(/assets/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(/assets/fredoka-latin-ext-600-normal-GoyidTAB.woff2)format("woff2"),url(/assets/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(/assets/fredoka-latin-600-normal-C4zohCW5.woff2)format("woff2"),url(/assets/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:Pixelify Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/pixelify-sans-cyrillic-700-normal-CYtG5Rfp.woff2)format("woff2"),url(/assets/pixelify-sans-cyrillic-700-normal-BrZTw8tu.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Pixelify Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/pixelify-sans-latin-ext-700-normal-ClyJstAh.woff2)format("woff2"),url(/assets/pixelify-sans-latin-ext-700-normal-BadXkHzZ.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:Pixelify Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/pixelify-sans-latin-700-normal-D3Xxx3QE.woff2)format("woff2"),url(/assets/pixelify-sans-latin-700-normal-BctWAS0u.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{--pink:#ff4f9a;--pink-soft:#ff7fbf;--blush:#ffe0ef;--plum:#4b2a7b;--plum-shadow:#4b2a7b59;--lavender:#b48cff;--mint:#8fe3b9;--sky:#d9ecff;--white:#fff;--panel:#ffffffdb;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px);--font:"Fredoka", ui-rounded, "Arial Rounded MT Bold", system-ui, sans-serif;--pixel:"Pixelify Sans", "Fredoka", system-ui, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{height:100%;font-family:var(--font);color:var(--plum);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;background:linear-gradient(#ffd3ea 0%,#f1d6ff 55%,#d9ecff 100%);margin:0;font-weight:500;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible{outline:3px solid var(--plum);outline-offset:3px}svg{display:block}#game{touch-action:none;outline:none;width:100vw;height:100dvh;display:block;position:fixed;inset:0}.hud{transition:opacity .3s,transform .3s}body.starting .hud{opacity:0;pointer-events:none}.topbar{top:calc(10px + var(--safe-top));left:calc(12px + var(--safe-left));right:calc(12px + var(--safe-right));pointer-events:none;justify-content:space-between;align-items:center;gap:8px;display:flex;position:fixed}.topbar>*{pointer-events:auto}.brand{background:var(--panel);border:3px solid var(--plum);box-shadow:3px 3px 0 var(--plum-shadow);font-family:var(--pixel);white-space:nowrap;border-radius:14px;align-items:center;gap:8px;padding:4px 14px 4px 4px;font-size:19px;font-weight:700;display:flex}.brand img{border:2px solid var(--pink-soft);object-fit:cover;border-radius:9px;width:34px;height:34px}.actions{gap:8px;display:flex}.icon-btn{background:var(--white);border:3px solid var(--plum);width:44px;height:44px;box-shadow:3px 3px 0 var(--plum-shadow);border-radius:12px;place-items:center;padding:0;display:grid}.icon-btn:active{box-shadow:1px 1px 0 var(--plum-shadow);transform:translate(2px,2px)}.icon-btn svg{fill:none;width:24px;height:24px;stroke:var(--plum);stroke-width:2.2px;stroke-linejoin:round;stroke-linecap:round}.icon-btn svg .fill{fill:var(--pink-soft)}#btn-new svg path{fill:#ffd84d}#btn-sound[aria-pressed=true] .off,#btn-sound[aria-pressed=false] .on{display:none}.hotbar{left:50%;bottom:calc(10px + var(--safe-bottom));max-width:calc(100vw - 20px - var(--safe-left) - var(--safe-right));overscroll-behavior:contain;scrollbar-width:none;background:var(--panel);border:3px solid var(--plum);box-shadow:4px 4px 0 var(--plum-shadow);touch-action:pan-x;border-radius:16px;gap:4px;padding:8px 6px 6px;display:flex;position:fixed;overflow-x:auto;transform:translate(-50%)}.hotbar::-webkit-scrollbar{display:none}.slot{background:#fff5fa;border:3px solid #0000;border-radius:11px;flex:none;place-items:center;width:50px;height:50px;padding:0;transition:transform .12s,background .12s;display:grid;position:relative}.slot img{width:40px;height:40px;image-rendering:pixelated;pointer-events:none}.slot.frame img{image-rendering:auto;border:3px solid var(--frame);background:#fff;border-radius:4px;width:34px;height:34px;padding:2px}.slot.erase svg{width:32px;height:32px}.slot[aria-pressed=true]{background:var(--blush);border-color:var(--pink);transform:translateY(-3px)}.slot .num{color:#4b2a7b8c;pointer-events:none;font-size:10px;font-weight:600;position:absolute;top:1px;left:3px}.slot.gap{margin-left:8px}.slot.gap:before{content:"";background:#4b2a7b33;border-radius:2px;width:2px;position:absolute;top:8px;bottom:8px;left:-9px}.item-label{left:50%;bottom:calc(86px + var(--safe-bottom));background:var(--plum);color:var(--white);white-space:nowrap;opacity:0;pointer-events:none;border-radius:999px;margin:0;padding:4px 14px;font-size:16px;font-weight:600;position:fixed;transform:translate(-50%)}.item-label.show{opacity:1}.stick{left:calc(18px + var(--safe-left));bottom:calc(96px + var(--safe-bottom));width:120px;height:120px;box-shadow:0 4px 0 var(--plum-shadow);touch-action:none;background:#ffffff73;border:3px solid #fffffff2;border-radius:50%;position:fixed}.stick-knob{background:var(--pink-soft);border:3px solid var(--white);pointer-events:none;border-radius:50%;width:54px;height:54px;margin:-27px 0 0 -27px;position:absolute;top:50%;left:50%;box-shadow:0 3px #b23a8699}.moves{right:calc(16px + var(--safe-right));bottom:calc(96px + var(--safe-bottom));flex-direction:column;align-items:flex-end;gap:10px;display:flex;position:fixed}.move-btn{border:3px solid var(--plum);background:var(--white);width:74px;height:74px;box-shadow:3px 4px 0 var(--plum-shadow);touch-action:none;border-radius:50%;align-content:center;place-items:center;gap:0;padding:0;font-size:13px;font-weight:600;display:grid}.move-btn svg{width:28px;height:28px;fill:var(--lavender)}.move-btn.twirl{color:var(--white);background:linear-gradient(#ff9ccc,#ff6fae)}.move-btn.twirl svg{fill:#fff7c2}.move-btn:active{box-shadow:1px 1px 0 var(--plum-shadow);transform:translate(1px,2px)}.touch-only{display:none}@media (hover:none) and (pointer:coarse){.touch-only{display:grid}.stick.touch-only{display:block}.slot .num{display:none}}@media (hover:hover) and (pointer:fine){.moves{bottom:calc(96px + var(--safe-bottom))}.move-btn{width:64px;height:64px}}.toast{top:calc(70px + var(--safe-top));background:var(--white);border:3px solid var(--pink);max-width:calc(100vw - 32px);box-shadow:3px 3px 0 var(--plum-shadow);text-align:center;opacity:0;pointer-events:none;border-radius:999px;margin:0;padding:8px 18px;font-size:17px;font-weight:600;transition:opacity .25s,transform .25s;position:fixed;left:50%;transform:translate(-50%,-8px)}.toast.show{opacity:1;transform:translate(-50%)}.flash{opacity:0;pointer-events:none;background:#fff;position:fixed;inset:0}.flash.go{animation:.45s ease-out flash}@keyframes flash{0%{opacity:.85}to{opacity:0}}.start{padding:calc(16px + var(--safe-top)) 16px calc(16px + var(--safe-bottom));-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);touch-action:pan-y;background:linear-gradient(#ffd3ead1 0%,#f1d6ffc7 55%,#d9ecffd1 100%);place-items:center;transition:opacity .35s;display:grid;position:fixed;inset:0;overflow-y:auto}body.playing .start{opacity:0;pointer-events:none}body.playing .start *{pointer-events:none}.start-card{text-align:center;width:100%;max-width:600px;position:relative}.kicker{letter-spacing:.04em;color:#8a4fc4;margin:0 0 4px;font-size:18px;font-weight:600}h1{font-family:var(--pixel);color:var(--pink);letter-spacing:1px;text-shadow:4px 0 #fff,-4px 0 #fff,0 4px #fff,0 -4px #fff,4px 4px #fff,-4px -4px #fff,4px -4px #fff,-4px 4px #fff,8px 10px #b23a86;margin:0;font-size:clamp(60px,17vw,112px);font-weight:700;line-height:.95}h1 span{color:var(--plum);text-shadow:3px 0 #fff,-3px 0 #fff,0 3px #fff,0 -3px #fff,4px 5px #4b2a7b4d;margin-top:6px;font-size:.38em;display:block}.tagline{margin:14px 0 18px;font-size:clamp(18px,4.6vw,23px);font-weight:600}.tagline em{color:#e0368a;font-style:normal}h2{font-family:var(--pixel);color:var(--plum);margin:0 0 10px;font-size:22px;font-weight:700}.faces{justify-content:center;gap:clamp(10px,3.5vw,22px);margin-bottom:22px;display:flex}.face{background:var(--white);border:4px solid var(--frame);width:clamp(92px,26vw,140px);box-shadow:5px 5px 0 var(--plum-shadow);transform:rotate(var(--tilt));border-radius:6px;padding:7px 7px 20px;transition:transform .15s,box-shadow .15s;position:relative}.face img{aspect-ratio:1;object-fit:cover;border-radius:2px;width:100%;height:auto;display:block}.face:after{content:"♥";color:var(--frame);font-size:14px;line-height:1;position:absolute;bottom:1px;left:0;right:0}.face[aria-checked=true]{box-shadow:0 0 0 4px var(--white), 0 0 0 8px var(--pink), 6px 8px 0 8px var(--plum-shadow);z-index:1;transform:rotate(0)scale(1.08)}.face[aria-checked=true]:before{content:"✓";background:var(--pink);width:32px;height:32px;color:var(--white);border:3px solid var(--white);border-radius:50%;place-items:center;font-size:17px;font-weight:700;display:grid;position:absolute;top:-14px;right:-14px}.play{background:linear-gradient(180deg, #ff7fbf, var(--pink));color:var(--white);border:4px solid var(--plum);font-family:var(--pixel);letter-spacing:.02em;text-shadow:2px 2px #4b2a7b59;border-radius:18px;padding:14px 42px;font-size:30px;font-weight:700;transition:transform .12s,box-shadow .12s;box-shadow:6px 6px #b23a86}.play:hover{transform:translate(-1px,-2px);box-shadow:7px 8px #b23a86}.play:active{transform:translate(3px,3px);box-shadow:2px 2px #b23a86}.how{flex-wrap:wrap;justify-content:center;gap:6px;margin:20px 0 0;padding:0;font-size:15px;list-style:none;display:flex}.how li{background:#ffffffb3;border-radius:999px;padding:4px 10px}.how b{color:#e0368a;font-weight:600}.how-touch{display:none}@media (hover:none) and (pointer:coarse){.how-touch{display:flex}.how-mouse{display:none}}.no-webgl-note{max-width:380px;margin:16px auto 0;font-weight:600;display:none}body.no-webgl .no-webgl-note{display:block}body.no-webgl .play{display:none}.sparkle-field i{color:var(--white);font-style:normal;font-family:var(--pixel);text-shadow:0 0 10px #ff7fbfe6;pointer-events:none;animation:3.2s ease-in-out infinite twinkle;position:fixed}.sparkle-field i:first-child{font-size:26px;top:12%;left:8%}.sparkle-field i:nth-child(2){font-size:34px;animation-delay:-.8s;top:9%;left:86%}.sparkle-field i:nth-child(3){font-size:22px;animation-delay:-1.6s;top:46%;left:92%}.sparkle-field i:nth-child(4){font-size:30px;animation-delay:-2.2s;top:58%;left:5%}.sparkle-field i:nth-child(5){font-size:20px;animation-delay:-.4s;top:86%;left:18%}.sparkle-field i:nth-child(6){font-size:28px;animation-delay:-1.2s;top:84%;left:78%}.sparkle-field i:nth-child(7){font-size:18px;animation-delay:-2.6s;top:4%;left:50%}.sparkle-field i:nth-child(8){font-size:16px;animation-delay:-1.9s;top:28%;left:66%}@keyframes twinkle{0%,to{opacity:.25;transform:scale(.7)rotate(0)}50%{opacity:1;transform:scale(1.15)rotate(20deg)}}.dialog{border:4px solid var(--plum);background:var(--white);width:min(360px,100vw - 32px);color:var(--plum);box-shadow:6px 6px 0 var(--plum-shadow);text-align:center;font-family:var(--font);border-radius:20px;padding:22px 20px 18px}.dialog::backdrop{background:#4b2a7b59}.dialog p{margin:0 0 6px;font-size:21px;font-weight:600}.dialog .small{margin-bottom:18px;font-size:15px;font-weight:500}.dialog-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.dialog-actions button{border:3px solid var(--plum);border-radius:12px;padding:10px 18px;font-size:16px;font-weight:600}.dialog-actions .secondary{background:var(--white)}.dialog-actions .primary{background:var(--pink);color:var(--white)}.noscript{text-align:center;background:#fff;border-radius:12px;padding:12px;position:fixed;inset:auto 16px 16px}@media (width<=560px){.brand span{display:none}.brand{padding:4px}.icon-btn{width:40px;height:40px}}@media (height<=520px){.kicker{display:none}h1{font-size:54px}.tagline{margin:6px 0 10px}.faces{margin-bottom:12px}.face{width:84px}.how{margin-top:10px}}@media (prefers-reduced-motion:reduce){.sparkle-field i{opacity:.6;animation:none}.hud,.start,.toast,.face,.play,.slot{transition:none}}