@font-face{font-family:Fredoka Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(./fredoka-hebrew-wght-normal-DdnsCkLr.woff2)format("woff2-variations");unicode-range:U+307-308,U+590-5FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Fredoka Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(./fredoka-latin-ext-wght-normal-CYrqKuxd.woff2)format("woff2-variations");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 Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(./fredoka-latin-wght-normal-DM6njrJ3.woff2)format("woff2-variations");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{--orange:#ff7a1a;--orange-edge:#c50;--sky:#1cb0f6;--sky-edge:#1488c2;--sun:#ffc700;--sun-edge:#d99e00;--ink:#3c3c3c;--muted:#777;--line:#e5e5e5;--r:16px;--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-l:env(safe-area-inset-left,0px);--safe-r:env(safe-area-inset-right,0px);--font:"Fredoka Variable", ui-rounded, "Arial Rounded MT Bold", system-ui, sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0}html,body{overscroll-behavior:none;height:100%;color:var(--ink);font-family:var(--font);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:#ffcf85;overflow:hidden}[hidden]{display:none!important}#game{touch-action:none;width:100%;height:100%;display:block;position:fixed;inset:0}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:0}button:focus-visible{outline:3px solid var(--sky);outline-offset:3px}.btn{border-radius:var(--r);letter-spacing:.05em;text-transform:uppercase;width:100%;min-height:54px;padding:14px 24px 15px;font-size:19px;font-weight:650;transition:transform 70ms ease-out,box-shadow 70ms ease-out;display:block}.btn.primary{color:#fff;background:var(--orange);box-shadow:0 5px 0 var(--orange-edge)}.btn.primary:active{box-shadow:0 0 0 var(--orange-edge);transform:translateY(5px)}.btn.secondary{color:var(--sky);box-shadow:inset 0 0 0 2px var(--line), 0 4px 0 var(--line);background:#fff}.btn.secondary:active{box-shadow:inset 0 0 0 2px var(--line), 0 0 0 var(--line);transform:translateY(4px)}.btn.big{width:220px;min-height:66px;box-shadow:0 7px 0 var(--orange-edge);font-size:26px}.btn.big:active{transform:translateY(7px)}.round{width:44px;height:44px;color:var(--ink);background:#fff;border-radius:50%;flex:none;place-items:center;transition:transform 70ms ease-out,box-shadow 70ms ease-out;display:grid;box-shadow:0 3px #00000024}.round:active{transform:translateY(3px);box-shadow:0 0 #00000024}.round svg{fill:currentColor;width:22px;height:22px}#hud{z-index:2;top:calc(var(--safe-t) + 10px);left:calc(var(--safe-l) + 12px);right:calc(var(--safe-r) + 12px);pointer-events:none;position:fixed}.hud-row{align-items:center;gap:10px;display:flex}.hud-row .round{pointer-events:auto}.lives,.hud-stars{flex:none;gap:3px;display:flex}.life{filter:drop-shadow(0 2px #00000029);width:18px;height:18px;transition:transform .2s ease-out,opacity .2s ease-out}.life.lost{opacity:.32;filter:grayscale();transform:scale(.65)}.progress{background:#ffffffb8;border-radius:6px;flex:1;min-width:40px;height:12px;position:relative}#progress-fill{background:var(--orange);border-radius:6px;width:0;height:100%;display:block}#progress-ball{background:var(--orange);border:3px solid #fff;border-radius:50%;width:20px;height:20px;margin:-10px 0 0 -10px;position:absolute;top:50%;left:0}.hud-star{fill:#ffffffb8;filter:drop-shadow(0 2px #0000001f);width:22px;height:22px}.hud-star.got{fill:var(--sun);animation:.32s cubic-bezier(.2,1.8,.4,1) pop-in}.hint{border-radius:var(--r);width:-moz-fit-content;width:fit-content;max-width:min(92%,420px);color:var(--ink);text-align:center;text-wrap:balance;background:#fff;margin:12px auto 0;padding:9px 16px 10px;font-size:17px;font-weight:550;line-height:1.25;animation:.26s cubic-bezier(.2,1.5,.4,1) pop-in;box-shadow:0 4px #0000001f}.streak{color:#fff;background:var(--sun-edge);letter-spacing:.05em;text-transform:uppercase;border-radius:999px;width:-moz-fit-content;width:fit-content;margin:10px auto 0;padding:3px 12px 4px;font-size:15px;font-weight:650}.streak.fire{background:#ff3d00;animation:.5s ease-in-out infinite alternate pulse}.mark{z-index:2;pointer-events:none;will-change:transform;background:#1cb0f69e;border:4px solid #fff;border-radius:50%;width:34px;height:34px;margin:-17px 0 0 -17px;position:fixed;top:0;left:0}.mark:after{content:"";border:3px solid #fff;border-radius:50%;animation:.9s ease-out infinite ping;position:absolute;inset:-4px}.perf{z-index:3;left:calc(var(--safe-l) + 8px);bottom:calc(var(--safe-b) + 8px);max-width:150px;color:var(--ink);white-space:pre-line;pointer-events:none;background:#fff;border-radius:12px;padding:5px 9px 6px;font:500 11px/1.35 ui-monospace,SFMono-Regular,Menlo,monospace;position:fixed;overflow:hidden;box-shadow:0 3px #0000001f}.perf b{font-size:17px;font-weight:700;display:block}.perf b.warn{color:var(--orange-edge)}.perf b.bad{color:#d91e36}#floats{z-index:1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.float{letter-spacing:.01em;white-space:nowrap;color:#fff;text-shadow:0 3px #783c0099;font-size:26px;font-weight:700;animation:.8s cubic-bezier(.2,.8,.3,1) forwards float-up;position:absolute;transform:translate(-50%,-50%)}.float.perfect{text-shadow:0 3px 0 var(--orange-edge);font-size:30px}.float.bad{color:#fff;font-size:22px}.float.alert{color:#fff;text-shadow:0 3px #c1121f;font-size:30px}.float.huge{color:#fff;text-shadow:0 4px #c1121f;font-size:48px;animation-duration:1.2s}.screen{z-index:3;padding:calc(var(--safe-t) + 16px) calc(var(--safe-r) + 16px) calc(var(--safe-b) + 16px) calc(var(--safe-l) + 16px);position:fixed;inset:0}#title{pointer-events:none;flex-direction:column;align-items:center;display:flex}#title button{pointer-events:auto}.logo{letter-spacing:-.02em;color:#fff;text-shadow:0 .06em 0 var(--orange-edge);justify-content:center;align-items:center;margin-top:11vh;font-size:clamp(64px,21vw,120px);font-weight:700;line-height:1;display:flex}.logo span{animation:1.15s cubic-bezier(.3,0,.7,1) infinite alternate logo-hop;display:inline-block}.logo .ball{width:.8em;height:.8em;filter:drop-shadow(0 .06em 0 var(--orange-edge));margin:0 .02em}.tagline{border-radius:var(--r);color:#8a4b0f;text-align:center;background:#ffffffb3;margin-top:16px;padding:6px 14px 7px;font-size:18px;font-weight:550}.title-actions{align-items:center;gap:14px;margin-top:auto;margin-bottom:7vh;display:flex}.title-actions .round{width:56px;height:56px}.title-actions .round svg{width:28px;height:28px}#levels{background:#ffd691db;flex-direction:column;align-items:center;display:flex}.levels-head{flex:none;justify-content:center;align-items:center;width:100%;max-width:460px;min-height:44px;display:flex;position:relative}.levels-head .round{position:absolute;left:0}.levels-head h2{color:var(--orange-edge);font-size:32px;font-weight:700}.total{color:var(--sun-edge);font-size:19px;font-weight:650;position:absolute;right:4px}.trail{touch-action:pan-y;-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;align-items:center;gap:12px;width:100%;max-width:460px;margin-top:12px;padding:10px 0 24px;display:flex;overflow-y:auto}.node{color:#fff;background:var(--orange);width:84px;height:78px;box-shadow:0 7px 0 var(--orange-edge);border-radius:50%;flex:none;font-size:32px;font-weight:700;transition:transform 70ms ease-out,box-shadow 70ms ease-out;position:relative}.node:active:not(:disabled){transform:var(--shift) translateY(7px);box-shadow:0 0 0 var(--orange-edge)}.node.done{background:var(--sun);box-shadow:0 7px 0 var(--sun-edge);color:#8a5a00}.node:disabled{cursor:default;color:#b8ad9f;background:#efe6d6;box-shadow:0 7px #d8ccb9}.node .label{color:#8a4b0f;text-align:left;width:118px;font-size:15px;font-weight:600;line-height:1.15;position:absolute;top:50%;left:calc(100% + 10px);transform:translateY(-50%)}.node.flip .label{text-align:right;left:auto;right:calc(100% + 10px)}.node:disabled .label{color:#b09a7f}.node .mini{gap:1px;margin-top:3px;display:flex}.node.flip .mini{justify-content:flex-end}.mini svg{fill:#8a4b0f38;width:15px;height:15px}.mini svg.got{fill:var(--sun-edge)}.sheet{z-index:4;width:min(100%,460px);padding:22px calc(var(--safe-r) + 20px) calc(var(--safe-b) + 22px) calc(var(--safe-l) + 20px);text-align:center;background:#fff;border-radius:24px 24px 0 0;animation:.32s cubic-bezier(.2,1.2,.4,1) sheet-up;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.sheet h2{letter-spacing:-.01em;color:var(--ink);font-size:40px;font-weight:700;line-height:1.1}.sheet h2.swish{color:var(--sun-edge);font-size:54px}.sheet h2.out{color:var(--orange-edge)}.sheet-sub{color:var(--muted);margin-top:4px;font-size:17px;font-weight:500}.sheet-actions{gap:12px;margin-top:20px;display:grid}.big-stars{justify-content:center;gap:8px;margin-top:12px;display:flex}.big-stars svg{width:58px;height:58px;fill:var(--line)}.big-stars svg:nth-child(2){width:70px;height:70px;margin-top:-8px}.big-stars svg.got{fill:var(--sun);animation:.42s cubic-bezier(.2,1.8,.4,1) backwards pop-in}.big-stars svg:nth-child(2).got{animation-delay:.16s}.big-stars svg:nth-child(3).got{animation-delay:.32s}.stats{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px;display:grid}.stat{border-radius:var(--r);background:var(--tint);color:var(--tint);padding:2px}.stat span{color:#fff;letter-spacing:.06em;text-transform:uppercase;padding:2px 0 3px;font-size:13px;font-weight:650;display:block}.stat b{background:#fff;border-radius:14px;padding:8px 2px 9px;font-size:22px;font-weight:650;display:block}.stat.time{--tint:var(--sky)}.stat.streak-stat{--tint:var(--orange)}.stat.perfect{--tint:var(--sun-edge)}@keyframes logo-hop{0%{transform:translateY(-.04em)}to{transform:translateY(.1em)scale(1.04,.95)}}@keyframes pop-in{0%{opacity:0;transform:scale(.3)}}@keyframes sheet-up{0%{transform:translate(-50%,100%)}}@keyframes float-up{0%{opacity:0;transform:translate(-50%,-30%)scale(.5)}18%{opacity:1;transform:translate(-50%,-80%)scale(1.14)}32%{transform:translate(-50%,-100%)scale(1)}to{opacity:0;transform:translate(-50%,-190%)scale(1)}}@keyframes ping{to{opacity:0;transform:scale(1.9)}}@keyframes pulse{to{transform:scale(1.08)}}@media (orientation:landscape) and (max-height:520px){.logo{margin-top:2vh;font-size:72px}.tagline{margin-top:8px;font-size:15px}.title-actions{margin-bottom:2vh}.sheet{max-height:100%;padding-top:12px;padding-bottom:calc(var(--safe-b) + 12px);overflow-y:auto}.sheet h2.swish{font-size:36px}.big-stars svg,.big-stars svg:nth-child(2){width:40px;height:40px;margin-top:0}.sheet-actions{grid-template-columns:1fr 1fr;margin-top:12px}.stats{margin-top:8px}}@media (prefers-reduced-motion:reduce){.logo span,.streak.fire,.mark:after{animation:none}}