@font-face{font-family:Rubik Bubbles;font-style:normal;font-display:swap;font-weight:400;src:url(./rubik-bubbles-latin-400-normal-qecFTwof.woff2)format("woff2"),url(./rubik-bubbles-latin-400-normal-BwD6umx9.woff)format("woff")}@font-face{font-family:Rubik Bubbles;font-style:normal;font-display:swap;font-weight:400;src:url(./rubik-bubbles-cyrillic-400-normal-DMr8TGRO.woff2)format("woff2"),url(./rubik-bubbles-cyrillic-400-normal-BN0unkfD.woff)format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(./nunito-latin-800-normal-Dz8SOQK_.woff2)format("woff2"),url(./nunito-latin-800-normal-D-J0wlBY.woff)format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(./nunito-cyrillic-800-normal-D3igD7Kl.woff2)format("woff2"),url(./nunito-cyrillic-800-normal-DymMgApb.woff)format("woff")}:root{--paper:#ffe3ef;--dots:#ffd0e4;--ink:#3a2f4f;--ink-soft:#6c5f86;--chip:#fff;--chip-edge:#e8cfe0;--accent:#ff6f9c;--accent-edge:#d94f7d;--on-accent:#fff;--gold:#ffcf3f;--unseen:#e9dbe6;--focus:#6b8cff;--shadow:#3a2f4f2e;--scrim:#3a2f4f73;--font-display:"Rubik Bubbles", "Arial Rounded MT Bold", system-ui, sans-serif;--font-ui:"Nunito", "Arial Rounded MT Bold", "Trebuchet MS", system-ui, sans-serif;--font-emoji:"Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html,body{height:100%;margin:0}[hidden]{display:none!important}html{touch-action:manipulation;-webkit-text-size-adjust:100%}body{background:radial-gradient(circle, var(--dots) 5px, transparent 6px) 0 0 / 44px 44px, var(--paper);color:var(--ink);font-family:var(--font-ui);overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;font-weight:800;overflow:hidden}button{font:inherit;color:inherit}button:focus-visible{outline:4px solid var(--focus);outline-offset:3px}svg{fill:none;stroke:currentColor;stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round}svg .fill{fill:currentColor;stroke:none}#app{height:100%;position:relative;overflow:hidden}.screen{position:absolute;top:0;bottom:0;left:0;right:0}.chip{background:var(--chip);height:56px;box-shadow:0 5px 0 var(--chip-edge);cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 20px 0 16px;font-size:19px;display:inline-flex;position:relative}.chip.round{width:56px;padding:0}.chip.big{width:64px;height:64px}.chip svg{width:27px;height:27px}.primary{background:var(--accent);height:68px;color:var(--on-accent);box-shadow:0 7px 0 var(--accent-edge);text-shadow:0 2px 0 var(--accent-edge);cursor:pointer;border:0;border-radius:999px;align-items:center;gap:10px;padding:0 34px 0 28px;font-size:28px;display:inline-flex}.primary svg{width:28px;height:28px}.chip:active,.primary:active{translate:0 4px}.chip:disabled{opacity:.45;cursor:default}#sound-btn .sound-off,#sound-btn[aria-pressed=false] .sound-on{display:none}#sound-btn[aria-pressed=false] .sound-off{display:block}.chain{flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:6px;margin:0;padding:0;list-style:none;display:flex}.chain li{--d:calc(var(--d0,30px) + var(--i) * var(--step,2.6px));width:var(--d);height:var(--d);background:var(--c);font-family:var(--font-emoji);font-size:calc(var(--d) * .62);border-radius:50%;place-items:center;line-height:1;display:grid;box-shadow:0 3px #3a2f4f1f}.chain li.unseen{background:var(--unseen);color:#0000;font-family:var(--font-ui)}.chain li.unseen:after{content:"?";color:var(--ink-soft);font-size:calc(var(--d) * .45)}.chain li.new{animation:.8s cubic-bezier(.34,1.56,.64,1) hello}@keyframes hello{0%{transform:scale(0)rotate(-90deg)}}.home{padding:max(env(safe-area-inset-top), 14px) 16px max(env(safe-area-inset-bottom), 18px);flex-direction:column;display:flex;overflow-y:auto}.corner{align-items:center;gap:12px;display:flex}.spacer{flex:1}.emoji{font-family:var(--font-emoji);line-height:1}.medals{cursor:default;font-variant-numeric:tabular-nums;padding:0 20px 0 14px;font-size:24px}.medals .emoji{font-size:30px}.home-main{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:clamp(14px,3vh,26px);display:flex}.title{font-family:var(--font-display);color:var(--accent);text-shadow:0 6px 0 var(--accent-edge), 0 12px 22px var(--shadow);margin:0;font-size:clamp(52px,min(11vw,12vh),120px);font-weight:400;line-height:1}.tagline{max-width:36ch;color:var(--ink-soft);text-wrap:balance;margin:0;font-size:clamp(18px,2.6vw,24px)}.home .chain{max-width:900px}.sets{justify-content:center;gap:clamp(10px,2.4vw,22px);width:100%;display:flex}.set-card{background:radial-gradient(circle, #ffffff8c 4px, transparent 5px) 0 0 / 22px 22px, var(--paper);width:clamp(108px,22vw,176px);box-shadow:0 6px 0 var(--chip-edge);cursor:pointer;border:4px solid #0000;border-radius:30px;flex-direction:column;align-items:center;gap:8px;padding:14px 8px 12px;display:flex;position:relative}.set-card.on{border-color:var(--accent);box-shadow:0 6px 0 var(--accent-edge), 0 10px 22px var(--shadow)}.set-card:active{translate:0 4px}.ball{width:var(--size);height:var(--size);background:var(--c);font-family:var(--font-emoji);font-size:calc(var(--size) * .62);border-radius:50%;flex:none;place-items:center;line-height:1;display:grid}.ball.unknown{background:var(--unseen)}.ball.unknown>span{filter:brightness(0);opacity:.2}.set-ball{--size:clamp(58px, 11vw, 92px);box-shadow:0 4px #3a2f4f1f}.set-name{font-size:clamp(16px,2.4vw,21px);line-height:1.1}.set-card.locked .set-ball{background:var(--unseen);filter:grayscale();opacity:.6}.set-lock{font-family:var(--font-emoji);font-size:clamp(24px,4vw,32px);line-height:1;position:absolute;top:6px;right:6px}.recipe{color:var(--ink-soft);white-space:nowrap;background:#ffffffd9;border-radius:999px;align-items:center;gap:2px;padding:3px 10px;font-size:clamp(14px,2vw,18px);display:inline-flex}.recipe i{font-style:normal;font-family:var(--font-emoji);font-size:clamp(18px,2.8vw,26px);line-height:1.15}.recipe i.shadow{filter:brightness(0);opacity:.25}.recipe.big{background:var(--paper);gap:6px;padding:6px 16px;font-size:22px}.recipe.big i{font-size:36px}.set-card.fresh{animation:1.4s ease-in-out infinite fresh}@keyframes fresh{0%,to{rotate:0deg}10%{rotate:-5deg}20%{rotate:5deg}30%{rotate:0deg}}.set-card.nope{animation:.4s ease-in-out nope}@keyframes nope{25%{translate:-8px}75%{translate:8px}}.best-line{margin:0;font-size:22px}.album{padding:max(env(safe-area-inset-top), 14px) max(env(safe-area-inset-right), 16px) max(env(safe-area-inset-bottom), 18px) max(env(safe-area-inset-left), 16px);flex-direction:column;gap:clamp(12px,2.4vh,22px);display:flex;overflow-y:auto}.album-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.album-title{font-family:var(--font-display);color:var(--accent);text-shadow:0 4px 0 var(--accent-edge);align-items:center;gap:12px;margin:0;font-size:clamp(36px,6vw,58px);font-weight:400;line-height:1;display:flex}.album-title svg{stroke-width:2.8px;width:.8em;height:.8em;color:var(--accent-edge)}.chip-space{flex:none;width:56px}.album-tabs{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.tab{gap:10px;height:62px;padding:0 18px 0 9px}.tab.on{box-shadow:0 5px 0 var(--accent-edge), 0 0 0 4px var(--accent)}.tab-ball{--size:44px}.tab.locked .tab-ball{filter:grayscale();opacity:.6}.tally{color:var(--ink-soft);font-variant-numeric:tabular-nums}.tally:only-child,.tab.locked .tally{font-family:var(--font-emoji)}.album-body{flex-direction:column;align-items:center;gap:clamp(14px,2.4vh,24px);display:flex}.stickers{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;width:min(100%,820px);margin:0;padding:0;list-style:none;display:grid}.sticker{cursor:pointer;background:#ffffff8c;border:0;border-radius:24px;flex-direction:column;align-items:center;gap:6px;width:100%;padding:10px 2px 8px;display:flex}.sticker.on{background:var(--chip);box-shadow:0 0 0 4px var(--accent)}.sticker:active{translate:0 3px}.sticker-ball{--size:clamp(54px, 9vw, 84px);box-shadow:0 3px #3a2f4f1f}.sticker-name{text-align:center;place-items:center;min-height:2.3em;font-size:clamp(13px,1.8vw,16px);line-height:1.15;display:grid}.fact-card{background:var(--chip);width:min(100%,640px);min-height:150px;box-shadow:0 8px 0 var(--chip-edge);border-radius:34px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;column-gap:18px;padding:20px 22px;display:grid}.fact-ball{--size:clamp(88px, 16vw, 120px);grid-row:span 2;box-shadow:0 5px #3a2f4f1f}.fact-name{font-family:var(--font-display);color:var(--accent);align-self:end;margin:0;font-size:clamp(28px,4.4vw,38px);font-weight:400;line-height:1.05}.fact-text{text-wrap:pretty;grid-column:2;align-self:start;margin:6px 0 0;font-size:clamp(18px,2.6vw,23px);line-height:1.3}.fact-name.soft{font-family:var(--font-ui);color:var(--ink-soft);font-size:clamp(20px,3vw,26px)}.listen{width:64px;height:64px;color:var(--accent-edge);grid-area:1/3/span 2}.canvas{touch-action:none;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.hud{padding:max(env(safe-area-inset-top), 14px) max(env(safe-area-inset-right), 16px) 0 max(env(safe-area-inset-left), 16px);pointer-events:none;justify-content:space-between;align-items:flex-start;gap:12px;display:flex;position:absolute;top:0;left:0;right:0}.hud>*,.side-tools>*{pointer-events:auto}.score-card,.next-card{background:var(--chip);box-shadow:0 5px 0 var(--chip-edge);border-radius:26px;flex-direction:column;align-items:center;padding:10px 18px 12px;line-height:1.1;display:flex}.score-label{color:var(--ink-soft);font-size:15px}.score{font-variant-numeric:tabular-nums;font-size:34px}.best-small{color:var(--ink-soft);font-variant-numeric:tabular-nums;font-size:15px}.side-tools{pointer-events:none;flex-direction:column;align-items:center;gap:14px;display:flex}.next-ball{background:var(--c,#eee);width:54px;height:54px;font-family:var(--font-emoji);border-radius:50%;place-items:center;margin-top:4px;font-size:34px;line-height:1;display:grid}.shake .badge{background:var(--accent);min-width:24px;height:24px;color:var(--on-accent);border-radius:999px;place-items:center;padding:0 6px;font-size:15px;display:grid;position:absolute;top:-6px;right:-6px}.shake.shaking svg{animation:.4s ease-in-out 2 wobble}@keyframes wobble{25%{rotate:-18deg}75%{rotate:18deg}}.play-chain{left:50%;bottom:max(env(safe-area-inset-bottom), 10px);pointer-events:none;background:#ffffffb3;border-radius:999px;flex-wrap:nowrap;padding:8px 12px;position:absolute;translate:-50%}.goals{justify-content:center;gap:8px;margin:0;padding:0;list-style:none;display:flex}.goal{--tile:52px;width:var(--tile);height:var(--tile);background:var(--chip);box-shadow:0 4px 0 var(--chip-edge);line-height:1;font-size:calc(var(--tile) * .3);font-variant-numeric:tabular-nums;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.goal .emoji{font-size:calc(var(--tile) * .4)}.goal-combo{flex-direction:row}.goal-combo .emoji{font-size:calc(var(--tile) * .34);margin-right:-1px}.goal-score b{font-size:calc(var(--tile) * .27)}.goal-ball{--size:calc(var(--tile) * .8)}.goal svg{width:calc(var(--tile) * .62);height:calc(var(--tile) * .62);color:var(--ink-soft)}.no-sign{border:calc(var(--tile) * .06) solid #ef5350;border-radius:50%;position:absolute;top:14%;bottom:14%;left:14%;right:14%}.no-sign:after{content:"";width:calc(var(--tile) * .06);background:#ef5350;position:absolute;top:-6%;bottom:-6%;left:50%;translate:-50%;rotate:-45deg}.goal.missed{opacity:.4}.goal.done{box-shadow:0 4px 0 #f2c94c, 0 0 0 3px var(--gold);background:#fff3c4}.goal-medal{font-family:var(--font-emoji);font-size:calc(var(--tile) * .5);line-height:1;display:none;position:absolute;bottom:-10px;right:-10px}.goal.done .goal-medal{display:block}.goal.won{animation:.6s ease-out 1.05s backwards won}.goal.won .goal-medal{animation:.7s cubic-bezier(.34,1.56,.64,1) 1.1s backwards hello}@keyframes won{0%{background:var(--chip);box-shadow:0 4px 0 var(--chip-edge)}40%{scale:1.3}}.hud-goals{left:50%;top:calc(max(env(safe-area-inset-top), 14px) + 104px);position:absolute;translate:-50%}.goals-intro{background:var(--chip);box-shadow:0 8px 0 var(--chip-edge), 0 20px 40px var(--shadow);pointer-events:none;border-radius:36px;flex-direction:column;align-items:center;gap:10px;padding:18px 26px 26px;animation:2.8s ease-in-out forwards intro;display:flex;position:absolute;top:46%;left:50%;translate:-50% -50%}.goals-target{font-family:var(--font-emoji);font-size:44px;line-height:1}.goals.big{gap:16px}.goals.big .goal{--tile:clamp(70px, 18vw, 96px);border-radius:26px}@keyframes intro{0%{opacity:0;scale:.6}12%,82%{opacity:1;scale:1}to{opacity:0;scale:.9}}.flying-medal{z-index:25;width:80px;height:80px;font-family:var(--font-emoji);pointer-events:none;place-items:center;font-size:64px;line-height:1;display:grid;position:absolute;top:-40px;left:-40px}@media (min-aspect-ratio:11/10){.play-chain{left:max(env(safe-area-inset-left), 16px);flex-direction:column-reverse;padding:12px 8px;top:50%;bottom:auto;translate:0 -50%}.hud{justify-content:flex-start}.side-tools{margin-left:auto}.hud-goals{left:auto;right:max(env(safe-area-inset-right), 16px);top:calc(max(env(safe-area-inset-top), 14px) + 196px);flex-direction:column;gap:12px;padding:0 12px;translate:none}.hud-goals .goal{--tile:58px}}@media (max-aspect-ratio:11/10) and (min-width:600px){.hud-goals{left:max(env(safe-area-inset-left), 16px);top:calc(max(env(safe-area-inset-top), 14px) + 82px);flex-direction:column;gap:12px;translate:none}.hud-goals .goal{--tile:56px}}.hello{z-index:15;background:radial-gradient(circle at 50% 44%,#ffffffd9,#ffffff59 55%,#0000 75%);flex-direction:column;justify-content:center;align-items:center;gap:14px;animation:.25s ease-out fade;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.hello-burst{place-items:center;width:240px;height:240px;display:grid;position:relative}.hello-rays{background:repeating-conic-gradient(#ffcf3f8c 0deg 12deg,#0000 12deg 30deg);border-radius:50%;animation:6s linear infinite spin;position:absolute;top:-60px;bottom:-60px;left:-60px;right:-60px;-webkit-mask:radial-gradient(circle,#000 30%,#0000 70%);mask:radial-gradient(circle,#000 30%,#0000 70%)}@keyframes spin{to{rotate:360deg}}.hello-ball{background:var(--c);width:168px;height:168px;font-family:var(--font-emoji);box-shadow:0 0 0 8px #fff, 0 14px 30px var(--shadow);border-radius:50%;place-items:center;font-size:108px;line-height:1;animation:.8s cubic-bezier(.34,1.56,.64,1) hello-pop;display:grid;position:relative}@keyframes hello-pop{0%{rotate:-120deg;scale:0}}.hello-name{background:var(--chip);box-shadow:0 6px 0 var(--chip-edge);border-radius:999px;margin:0;padding:10px 24px;font-size:24px;animation:.5s ease-out .25s backwards rise}.hello-name b{color:var(--accent-edge)}.hello-jar,.over-jar{font-size:20px;font-family:var(--font-ui);background:#fff3c4;border-radius:999px;align-items:center;gap:8px;margin:0;padding:8px 18px;display:flex;box-shadow:0 4px #f2c94c}.hello-jar{font-size:22px;animation:.5s ease-out .7s backwards rise}.mini-ball{--size:40px}@keyframes rise{0%{opacity:0;translate:0 20px}}.how-to{background:var(--chip);box-shadow:0 8px 20px var(--shadow);white-space:nowrap;pointer-events:none;border-radius:999px;align-items:center;gap:12px;padding:14px 24px;font-size:21px;display:flex;position:absolute;top:34%;left:50%;translate:-50%}.how-hand{font-family:var(--font-emoji);font-size:34px;animation:1.2s ease-in-out infinite point}@keyframes point{50%{transform:translateY(8px)scale(.9)}}.overlay{z-index:20;background:var(--scrim);place-items:center;padding:24px;animation:.3s ease-out fade;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}@keyframes fade{0%{opacity:0}}.card{width:min(460px,100%);box-shadow:0 10px 0 var(--chip-edge), 0 24px 50px var(--shadow);text-align:center;background:#fff8fb;border-radius:40px;flex-direction:column;align-items:center;gap:8px;padding:24px 24px 30px;animation:.5s cubic-bezier(.34,1.56,.64,1) card;display:flex}@keyframes card{0%{opacity:0;transform:scale(.6)translateY(40px)}}.over-face{background:var(--c,#fff);width:104px;height:104px;font-family:var(--font-emoji);box-shadow:0 8px 18px var(--shadow);border-radius:50%;place-items:center;margin-top:-64px;font-size:64px;display:grid}.over-title{font-family:var(--font-display);color:var(--accent);margin:0;font-size:clamp(36px,7vw,52px);font-weight:400;line-height:1.05}.over-score{font-variant-numeric:tabular-nums;margin:0;font-size:52px}.over-best{color:var(--ink-soft);margin:0;font-size:20px}.over-best.new{color:var(--accent-edge);animation:1s ease-in-out infinite pulse}@keyframes pulse{50%{scale:1.1}}.actions{align-items:center;gap:14px;margin-top:10px;display:flex}.over-goals{gap:16px;margin:8px 0 6px}.over-jar{font-size:18px}.confetti{z-index:30;pointer-events:none;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}@media (max-width:600px){.chip{height:48px;font-size:16px}.home .chain{--d0:20px;--step:1.6px;gap:4px}.set-card{padding:12px 4px 10px}.set-card .recipe{gap:1px;padding:2px 6px}.set-card .recipe i{font-size:17px}.play-chain{--d0:21px;--step:1.5px;gap:3px;padding:6px 8px}.medals{font-size:20px}.tab{height:54px;padding:0 12px 0 6px}.tab-name{display:none}.tab-ball{--size:40px}.stickers{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.fact-card{column-gap:14px;padding:16px}.listen{grid-area:auto/2;justify-self:end;width:52px;height:52px}.chip.round{width:48px}.score{font-size:26px}.next-ball{width:44px;height:44px;font-size:28px}}@media (prefers-reduced-motion:reduce){*,:before,:after{animation-duration:.01ms!important;animation-iteration-count:1!important}}