@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{--sky:#8fd3ff;--sky-2:#e6f7ff;--ink:#3b2a3a;--ink-soft:#6b5768;--chip:#fff;--chip-edge:#d5dbe8;--accent:#ffa62b;--accent-edge:#d27a10;--on-accent:#fff;--star:#ffd23f;--star-edge:#e0a516;--star-off:#e4e2ec;--honey-panel:#fff8e4;--honey-edge:#ebd29b;--focus:#5b8def;--shadow:#3b2a3a33;--scrim:#281e3c80;--left:#a07cf2;--left-edge:#7553c8;--up:#3fa9f5;--up-edge:#2379bd;--down:#3dbb6b;--down-edge:#26894b;--right:#ff8b3d;--right-edge:#cf6020;--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;--safe-t:max(env(safe-area-inset-top), 12px);--safe-b:max(env(safe-area-inset-bottom), 12px);--safe-l:max(env(safe-area-inset-left), 14px);--safe-r:max(env(safe-area-inset-right), 14px);--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:var(--sky);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}canvas{display:block}#app{height:100%;position:relative;overflow:hidden}.screen{position:absolute;top:0;bottom:0;left:0;right:0}.chip{background:var(--chip);min-width:56px;height:56px;box-shadow:0 5px 0 var(--chip-edge);cursor:pointer;white-space:nowrap;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 20px 0 16px;font-size:20px;display:inline-flex}.chip.round{width:56px;padding:0}.chip.big{height:66px;font-size:22px}.chip.round.big{width:66px}.chip svg{width:28px;height:28px}.chip.counter{cursor:default;font-variant-numeric:tabular-nums;padding:0 18px 0 14px}.primary{background:var(--accent);height:66px;color:var(--on-accent);box-shadow:0 6px 0 var(--accent-edge);text-shadow:0 2px 0 var(--accent-edge);cursor:pointer;white-space:nowrap;border:0;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:0 28px 0 30px;font-size:26px;display:inline-flex}.primary svg{width:28px;height:28px}.primary.huge{height:84px;box-shadow:0 8px 0 var(--accent-edge);padding:0 44px 0 36px;font-size:34px}.primary.huge svg{width:38px;height:38px}.chip:active,.primary:active,.node:active,.world-tab:active,.arrow:active,.card:active{transform:translateY(4px)}button:disabled{cursor:default}.sound-btn .sound-off,.sound-btn[aria-pressed=false] .sound-on{display:none}.sound-btn[aria-pressed=false] .sound-off{display:block}.shake{animation:.4s ease-in-out shake}@keyframes shake{25%{transform:translate(-6px)rotate(-3deg)}75%{transform:translate(6px)rotate(3deg)}}.home{padding:var(--safe-t) var(--safe-r) var(--safe-b) var(--safe-l);background:radial-gradient(circle at 18% 112%, #a8de86 0 30%, transparent 30.3%), radial-gradient(circle at 82% 118%, #bfe7a3 0 34%, transparent 34.3%), radial-gradient(circle at 86% 14%, #fff1a8 0 54px, #fff6 55px 74px, transparent 75px), linear-gradient(var(--sky), var(--sky-2) 75%);flex-direction:column;justify-content:space-between;align-items:center;gap:10px;display:flex;overflow-y:auto}.corner{justify-content:flex-end;align-self:stretch;gap:12px;display:flex}.hero{text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex}.title{font-family:var(--font-display);color:var(--accent);-webkit-text-stroke:2px #fff;paint-order:stroke fill;text-shadow:0 5px 0 var(--accent-edge), 0 10px 18px #783c1e40;text-wrap:balance;margin:0;font-size:clamp(40px,min(12vw,12vh),96px);font-weight:400;line-height:1.05}.tagline{max-width:36ch;color:var(--ink-soft);text-wrap:balance;margin:0;font-size:clamp(17px,min(2.6vw,3.4vh),26px)}.stage{cursor:pointer;touch-action:manipulation;flex:none;width:min(760px,100%);height:clamp(150px,32vh,300px)}.home-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:18px 22px;padding-bottom:6px;display:flex}.bar{padding:var(--safe-t) var(--safe-r) 0 var(--safe-l);align-items:center;gap:12px;display:flex}.world-title,.level-title{font-family:var(--font-display);color:var(--accent);-webkit-text-stroke:2px #fff;paint-order:stroke fill;text-shadow:0 4px 0 var(--accent-edge);text-align:center;white-space:nowrap;text-overflow:ellipsis;flex:1;margin:0;font-size:clamp(28px,4.6vw,48px);font-weight:400;line-height:1.1;overflow:hidden}.title-icon{font-family:var(--font-emoji);-webkit-text-stroke:0;text-shadow:none}.star-icon{color:var(--star);text-shadow:0 2px 0 var(--star-edge);font-size:1.3em;line-height:1}.map{--land:#9fdc70;--land-2:#c2e9a0;--road:#fff3d6;background:radial-gradient(ellipse at 20% 105%, var(--land) 0 40%, transparent 40.4%), radial-gradient(ellipse at 85% 110%, var(--land-2) 0 45%, transparent 45.4%), linear-gradient(var(--sky), var(--sky-2));flex-direction:column;display:flex}.map[data-theme=garden]{--land:#8fcf6a;--land-2:#ffd1d1;--sky:#84cdf5}.map[data-theme=sunflowers]{--land:#ffe066;--land-2:#e9d27a;--sky:#7fc8f8;--sky-2:#fff6d6}.map[data-theme=forest]{--land:#5fae6f;--land-2:#8fd39a;--sky:#a99cf2;--sky-2:#efeaff;--road:#f4ecff}.path{min-height:0;margin:8px max(var(--safe-r), 40px) 0 max(var(--safe-l), 40px);flex:1;position:relative}.path-line{pointer-events:none;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0;overflow:visible}.path-line .road-edge{stroke:#3b2a3a2e;stroke-width:34px}.path-line .road{stroke:var(--road);stroke-width:26px}.path-line .road-dash{stroke:#ffa62b99;stroke-width:5px;stroke-dasharray:2 16}.node{aspect-ratio:1;width:clamp(72px,11vmin,104px);box-shadow:0 7px 0 #e0a84a, 0 12px 18px var(--shadow);cursor:pointer;background:radial-gradient(circle at 35% 30%,#fff,#fff4d6 60%,#ffe2a8);border:0;border-radius:50%;place-items:center;display:grid;position:absolute;translate:-50% -50%}.node-num{font-family:var(--font-display);color:var(--accent);-webkit-text-stroke:1px var(--accent-edge);font-size:clamp(32px,5.4vmin,46px);line-height:1}.node-stars{font-size:clamp(20px,3.2vmin,28px);line-height:1;display:flex;position:absolute;bottom:-14px;left:50%;translate:-50%}.node-stars i{color:var(--star-off);-webkit-text-stroke:1px #b9b5c9;font-style:normal}.node-stars i:nth-child(2){translate:0 4px}.node-stars i.on{color:var(--star);-webkit-text-stroke:1px var(--star-edge)}.node.locked{box-shadow:0 7px 0 #b9b6c9, 0 12px 18px var(--shadow);cursor:default;background:radial-gradient(circle at 35% 30%,#f4f4f8,#dedde8)}.node.locked .node-stars{display:none}.node-lock{color:#8c88a3;width:42%;height:42%}.node.next{box-shadow:0 7px 0 #e0a84a, 0 0 0 6px #ffffffd9, 0 0 0 12px #ffa62b73, 0 12px 18px var(--shadow);animation:1.6s ease-in-out infinite bob}@keyframes bob{50%{translate:-50% calc(-50% - 8px)}}.node-bee{font-family:var(--font-emoji);pointer-events:none;font-size:clamp(34px,5.6vmin,50px);line-height:1;animation:1.2s ease-in-out infinite hover;position:absolute;top:-42%;left:50%;translate:-50%}@keyframes hover{50%{transform:translateY(-6px)rotate(-6deg)}}.decor{font-family:var(--font-emoji);opacity:.85;pointer-events:none;line-height:1;position:absolute;translate:-50% -50%}.world-lock{text-align:center;color:var(--ink);background:#ffffff8c;border-radius:40px;flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:clamp(20px,3vw,28px);display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.world-lock svg{width:72px;height:72px;color:var(--ink-soft)}.world-lock p{max-width:22ch;margin:0}.worlds{padding:14px var(--safe-r) var(--safe-b) var(--safe-l);justify-content:center;gap:clamp(8px,2vw,18px);display:flex}.world-tab{cursor:pointer;background:#ffffffb3;border:0;border-radius:24px;flex-direction:column;flex:0 140px;justify-content:center;align-items:center;gap:2px;min-width:0;height:84px;display:flex;position:relative;box-shadow:0 5px #3b2a3a26}.world-tab.active{box-shadow:0 5px 0 var(--accent-edge), 0 0 0 4px var(--accent);background:#fff}.tab-icon{font-family:var(--font-emoji);font-size:34px;line-height:1}.world-tab.locked .tab-icon{filter:grayscale();opacity:.55}.tab-stars{color:var(--ink-soft);font-variant-numeric:tabular-nums;font-size:16px}.tab-lock{width:20px;height:20px}.play{background:radial-gradient(ellipse at 15% 108%, #a8de86 0 28%, transparent 28.4%), radial-gradient(ellipse at 88% 110%, #bfe7a3 0 32%, transparent 32.4%), linear-gradient(var(--sky), var(--sky-2) 70%);flex-direction:column;display:flex}.play[data-theme=sunflowers]{--sky:#7fc8f8;--sky-2:#fff6d6}.play[data-theme=forest]{--sky:#a99cf2;--sky-2:#efeaff}.hud{padding:var(--safe-t) var(--safe-r) 0 var(--safe-l);align-items:center;gap:12px;display:flex}.level-title{font-size:clamp(28px,4.2vw,42px)}.lamp .bulb{fill:#ffe680;stroke:#c79a12}.lamp:disabled{opacity:.5}.lamp.nudge{animation:1.3s ease-in-out infinite nudge}@keyframes nudge{0%,to{box-shadow:0 5px 0 var(--chip-edge), 0 0 0 0 #ffd640e6}50%{box-shadow:0 5px 0 var(--chip-edge), 0 0 0 14px #ffd64000;scale:1.1}}.field{flex:1;min-height:0;position:relative}.canvas{width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.panel{margin:0 var(--safe-r) var(--safe-b) var(--safe-l);background:var(--honey-panel);box-shadow:0 6px 0 var(--honey-edge), 0 12px 26px var(--shadow);border-radius:32px;flex-direction:column;flex:none;align-items:center;gap:12px;padding:12px 14px 14px;display:flex}.row{--slots:8;--card:clamp(46px, min(calc((100vw - 120px) / var(--slots) - 8px), 9.5vh), 72px);flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.row.shake{animation:.4s ease-in-out shake}.slot,.card{width:var(--card);height:var(--card);border-radius:calc(var(--card) * .26);flex:none}.slot{border:3px dashed var(--honey-edge);background:#ffffffa6}.slot.next{border-color:var(--accent);animation:1.5s ease-in-out infinite breathe}.row.picking .slot.next{animation:none}@keyframes breathe{50%{background:#ffd68c8c}}.card,.arrow{--c:var(--right);--c-edge:var(--right-edge);color:#fff;background:var(--c);box-shadow:0 5px 0 var(--c-edge);cursor:pointer;border:0;place-items:center;padding:0;display:grid}.card svg,.arrow svg{stroke:#0000002e;stroke-width:1.4px;filter:drop-shadow(0 2px #00000026);width:64%;height:64%}[data-dir=left]{--c:var(--left);--c-edge:var(--left-edge)}[data-dir=up]{--c:var(--up);--c-edge:var(--up-edge)}[data-dir=down]{--c:var(--down);--c-edge:var(--down-edge)}[data-dir=left] svg{rotate:-90deg}[data-dir=right] svg{rotate:90deg}[data-dir=down] svg{rotate:180deg}.card{position:relative}.times{top:calc(var(--card) * -.16);right:calc(var(--card) * -.16);min-width:calc(var(--card) * .48);height:calc(var(--card) * .48);color:var(--c-edge);box-shadow:0 2px 0 var(--c-edge), 0 0 0 2px var(--c-edge);font-size:calc(var(--card) * .28);font-variant-numeric:tabular-nums;background:#fff;border-radius:999px;place-items:center;padding:0 4px;line-height:1;display:grid;position:absolute}.times.counting{background:var(--star);color:var(--ink);scale:1.25}.card.pop{animation:.28s cubic-bezier(.34,1.56,.64,1) pop-in}@keyframes pop-in{0%{transform:scale(.4)}}.card.picked{box-shadow:0 5px 0 var(--c-edge), 0 0 0 9px var(--accent);outline:5px solid #fff;animation:.9s ease-in-out infinite wobble}@keyframes wobble{25%{transform:translateY(-5px)rotate(-6deg)}75%{transform:translateY(-5px)rotate(6deg)}}.card.running{box-shadow:0 5px 0 var(--c-edge), 0 0 0 6px #fff, 0 0 18px 8px #ffd640d9;transition:transform .12s;transform:translateY(-6px)scale(1.12)}.card.oops{outline-offset:3px;outline:5px dashed #ff6f6f;animation:.45s ease-in-out 2 shake}.controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px 16px;display:flex}.palette{gap:10px;display:flex}.arrow{--key:clamp(58px, min(11vw, 11vh), 92px);width:var(--key);height:var(--key);border-radius:calc(var(--key) * .28);box-shadow:0 6px 0 var(--c-edge)}.repeat{width:var(--key);height:var(--key);--key:clamp(58px, min(11vw, 11vh), 92px);border-radius:calc(var(--key) * .28);color:var(--ink);cursor:pointer;background:#ffd23f;border:0;flex-direction:column;justify-content:center;align-items:center;padding:0;display:flex;box-shadow:0 6px #d9a215}.repeat svg{width:calc(var(--key) * .46);height:calc(var(--key) * .46);stroke-width:2.6px;flex:none}.repeat span{font-size:calc(var(--key) * .28);line-height:.9}.repeat:active{transform:translateY(4px)}.repeat:disabled{opacity:.45}.play.flying .repeat{opacity:.45;filter:saturate(.6)}.actions-row{align-items:center;gap:12px;display:flex}.erase{color:var(--ink-soft)}.erase:disabled{opacity:.45}.fly{min-width:clamp(150px,20vw,200px);height:clamp(58px,min(11vw,11vh),92px);font-size:clamp(24px,3.4vw,32px)}.fly svg{width:34px;height:34px}.fly[data-state=fly] .stop-icon,.fly[data-state=stop] .fly-icon{display:none}.fly[data-state=stop]{--accent:#8a93ad;--accent-edge:#636b85}.play.flying .palette,.play.flying .erase{opacity:.45;filter:saturate(.6)}.hand{z-index:5;font-family:var(--font-emoji);pointer-events:none;filter:drop-shadow(0 4px 4px #00000040);font-size:clamp(48px,7vmin,64px);line-height:1;animation:.9s ease-in-out infinite tap-down;position:absolute;translate:-50% -100%}@keyframes tap-down{0%,to{transform:translateY(-14px)}45%{transform:translateY(2px)scale(.92)}}.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;overflow-y:auto}@keyframes fade{0%{opacity:0}}.card-title{font-family:var(--font-display);color:var(--accent);-webkit-text-stroke:1px var(--accent-edge);margin:0;font-size:clamp(34px,6vw,50px);font-weight:400;line-height:1.1}.sheet{width:min(480px,100%);box-shadow:0 10px 0 var(--chip-edge), 0 24px 50px var(--shadow);text-align:center;background:#fffdf6;border-radius:40px;flex-direction:column;align-items:center;gap:14px;padding:26px 24px 30px;animation:.5s cubic-bezier(.34,1.56,.64,1) card;display:flex}@keyframes card{0%{opacity:0;transform:scale(.6)translateY(40px)}}.result-stars{gap:6px;margin-top:-74px;display:flex}.result-stars span{color:var(--star-off);-webkit-text-stroke:2px #c3bfd2;font-size:84px;line-height:1}.result-stars span:nth-child(2){translate:0 -18px}.result-stars span.on{color:var(--star);-webkit-text-stroke:2px var(--star-edge);animation:.5s cubic-bezier(.34,1.56,.64,1) both star-pop}@keyframes star-pop{0%{transform:scale(0)rotate(-120deg)}}.result-extra{color:var(--accent-edge);background:#fff1d9;border-radius:24px;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin:0;padding:8px 18px;font-size:20px;display:flex}.mini-cards{flex-wrap:wrap;gap:4px;display:inline-flex}.mini-card{background:var(--accent);width:16px;height:16px;box-shadow:0 2px 0 var(--accent-edge);border-radius:5px}.actions{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:6px;display:flex}.confetti{z-index:30;pointer-events:none;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}@media (max-width:640px){.chip{font-size:18px}.world-tab{border-radius:20px;height:74px}.tab-icon{font-size:28px}.tab-stars{font-size:14px}.path{margin-inline-start:24px;margin-inline-end:24px}.panel{padding:10px 10px 12px}.palette{gap:8px}}@media (max-height:560px){.stage{height:120px}.primary.huge{height:70px;font-size:28px}.world-tab{height:62px}.tab-icon{font-size:24px}.hud .chip{width:48px;min-width:48px;height:48px}.panel{gap:8px;padding:8px 12px 10px}}@media (prefers-reduced-motion:reduce){*,:before,:after{animation-duration:.01ms!important;animation-iteration-count:1!important}}