@font-face{font-family:Fredoka Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/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(/assets/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(/assets/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{--bg:#ece7dd;--bg-2:#e0dacd;--paper:#fbf9f4;--paper-edge:#00000014;--crease:#2823191a;--ink:#2a2724;--muted:#7b756b;--accent:#2a2724;--accent-ink:#fbf9f4;--danger:#d64545;--c0:#f0625e;--c1:#1eb3a3;--c2:#f5a623;--c3:#7b6ce6;--c4:#e4589b;--c5:#4a90e2;--font:"Fredoka Variable", "Fredoka", ui-rounded, system-ui, -apple-system, "Segoe UI", sans-serif}@media (prefers-color-scheme:dark){:root{--bg:#17181b;--bg-2:#24262c;--paper:#2a2d34;--paper-edge:#ffffff0f;--crease:#ffffff17;--ink:#f2efe9;--muted:#9f9a91;--accent:#f2efe9;--accent-ink:#17181b;--danger:#ff6b6b;--c0:#ff6f6a;--c1:#25c9b7;--c2:#ffb22e;--c3:#8c7dff;--c4:#f467ac;--c5:#5aa0f2}}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;font-size:17px;line-height:1.35}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}button:focus-visible{outline:2px solid var(--c1);outline-offset:2px}h1,h2,h3,p{margin:0}.app{height:100dvh;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);flex-direction:column;display:flex;overflow:hidden}.screen{flex-direction:column;flex:1;min-height:0;display:flex}.center{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:18px;padding:24px;display:flex}.row{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.row.tall{align-items:center;min-height:56px}.btn{background:var(--bg-2);min-height:48px;color:var(--ink);border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 22px;font-size:17px;font-weight:600;transition:transform 80ms,opacity .15s;display:inline-flex}.btn:active{transform:scale(.97)}.btn.primary{background:var(--accent);color:var(--accent-ink)}.btn.big{border-radius:22px;flex-direction:column;gap:2px;width:min(100%,360px);min-height:68px;padding:10px 22px;font-size:20px}.btn.big small{opacity:.75;font-size:13px;font-weight:500}.btn.ghost{text-underline-offset:3px;background:0 0;min-height:40px;font-weight:500;text-decoration:underline;text-decoration-thickness:1.5px}.btn:disabled{opacity:.4;cursor:default}.home{text-align:center;justify-content:center;align-items:center;gap:16px;padding:24px}.brand{flex-direction:column;align-items:center;margin-bottom:8px;display:flex}.brand svg{filter:drop-shadow(0 8px 16px #0000001f);width:88px;height:88px;margin-bottom:8px}.brand h1{letter-spacing:-.02em;font-size:64px;font-weight:700;line-height:1}.brand p{color:var(--muted);max-width:26ch;margin-top:8px;font-weight:500}.links{flex-wrap:wrap;justify-content:center;gap:4px 12px;display:flex}.lab .meta{color:var(--muted);font-size:14px;font-weight:500}.lab-row{background:var(--paper);border-radius:16px;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:12px 14px;display:grid}.lab-meta{flex-direction:column;gap:2px;min-width:0;display:flex}.lab-meta b{font-weight:700}.lab-meta span{color:var(--muted);font-size:13px;font-weight:500}.lab-row .btn{min-height:40px;padding:0 16px}.solution summary{cursor:pointer;color:var(--muted);text-underline-offset:2px;font-size:13px;font-weight:600;text-decoration:underline;list-style:none}.solution summary::-webkit-details-marker{display:none}.arrows-sm{letter-spacing:2px;margin-top:2px;font-size:18px;display:block}.mini{background:var(--crease);border:1px solid var(--crease);border-radius:4px;gap:1px;display:grid;overflow:hidden}.mini i{background:var(--paper);display:block}.mini i.c0{background:var(--c0)}.mini i.c1{background:var(--c1)}.mini i.c2{background:var(--c2)}.mini i.c3{background:var(--c3)}.mini i.c4{background:var(--c4)}.mini i.c5{background:var(--c5)}.streak{color:var(--muted);font-weight:500}.btn.install{min-height:42px;font-size:15px}.install-note{color:var(--muted);max-width:30ch;font-size:14px;font-weight:500}.hud{align-items:center;gap:10px;padding:10px 14px;display:flex}.hud-title{text-align:center;flex:1;font-size:18px;font-weight:600;line-height:1.15}.hud-title small{color:var(--muted);letter-spacing:.02em;font-size:13px;font-weight:500;display:block}.hud-actions{gap:6px;display:flex}.icon{background:var(--bg-2);border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:26px;line-height:1;display:inline-flex}.icon.text{border-radius:999px;width:auto;min-width:44px;padding:0 14px;font-size:15px;font-weight:600}.icon:disabled{opacity:.35;cursor:default}.icon.pulse{animation:1s ease-in-out infinite pulse}@keyframes pulse{50%{box-shadow:0 0 0 6px color-mix(in srgb, var(--c1) 45%, transparent)}}.arena{flex:1;justify-content:center;align-items:center;min-height:0;animation:.25s fade;display:flex}.status{text-align:center;padding:12px 20px 16px}.status .counts{font-size:20px;font-weight:500}.status .counts b{font-weight:700}.status .hint{color:var(--muted);min-height:1.4em;margin-top:4px;font-size:15px;font-weight:500}.status .hint.warn{color:var(--danger);font-weight:600}.stage{perspective:1400px;touch-action:none;cursor:grab;position:relative}.paper{transform-style:preserve-3d;transition:left .32s cubic-bezier(.3,.7,.3,1),top .32s cubic-bezier(.3,.7,.3,1);position:absolute;top:0;left:0}.sheet{background-color:var(--paper);background-image:linear-gradient(var(--crease) 1px, transparent 1px), linear-gradient(90deg, var(--crease) 1px, transparent 1px);background-size:var(--cell) var(--cell);box-shadow:0 1px 0 var(--paper-edge), 0 14px 34px -22px #00000073;background-position:-1px -1px;border-radius:10px;transition:opacity .4s;position:absolute}.paper.cleared .sheet{opacity:0}.tile{padding:calc(var(--cell) * .08);z-index:1;position:absolute;top:0;left:0}.tile-face{background:var(--tile);border-radius:24%;justify-content:center;align-items:center;width:100%;height:100%;display:flex;box-shadow:inset 0 -3px #00000029,inset 0 2px #ffffff4d}.tile-face svg{fill:#ffffffeb;width:44%;height:44%}.c0{--tile:var(--c0)}.c1{--tile:var(--c1)}.c2{--tile:var(--c2)}.c3{--tile:var(--c3)}.c4{--tile:var(--c4)}.c5{--tile:var(--c5)}.tile.clash .tile-face{outline:3px solid var(--danger);outline-offset:-1px;animation:.45s shake}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}.crease{z-index:2;pointer-events:none;opacity:.55;position:absolute}.crease.x{border-left:2px dashed var(--ink);width:0;margin-left:-1px;top:0}.crease.y{border-top:2px dashed var(--ink);height:0;margin-top:-1px;left:0}.flap{z-index:3;transform-style:preserve-3d;will-change:transform;backface-visibility:visible;position:absolute}.flap-paper{background-color:var(--paper);background-image:linear-gradient(var(--crease) 1px, transparent 1px), linear-gradient(90deg, var(--crease) 1px, transparent 1px);background-size:var(--cell) var(--cell);background-position:-1px -1px;border-radius:10px;position:absolute;inset:0;box-shadow:0 12px 30px -12px #0000008c}.flap .tile{z-index:2}.flap.hint{pointer-events:none;animation:.75s ease-in-out 2 hint-lift}@keyframes hint-lift{0%,to{transform:none}50%{transform:var(--hint-rot)}}.crease.hint{opacity:.9;animation:.75s ease-in-out 2 crease-blink}@keyframes crease-blink{50%{opacity:.25}}.flap-shade{opacity:0;pointer-events:none;z-index:5;background:#000;border-radius:10px;position:absolute;inset:0}.pop{z-index:4;pointer-events:none;padding:calc(var(--cell) * .08);animation:.34s ease-out forwards pop;position:absolute;top:0;left:0}@keyframes pop{0%{transform:translate(var(--tx), var(--ty)) scale(1);opacity:.9}to{transform:translate(var(--tx), var(--ty)) scale(1.6);opacity:0}}.overlay{z-index:20;padding:16px;padding-bottom:calc(16px + env(safe-area-inset-bottom));background:#00000047;justify-content:center;align-items:flex-end;animation:.2s fade;display:flex;position:fixed;inset:0}.card{background:var(--paper);text-align:center;border-radius:24px;flex-direction:column;gap:12px;width:min(100%,420px);padding:24px 22px;animation:.28s cubic-bezier(.2,.8,.2,1) rise;display:flex;box-shadow:0 20px 60px -20px #00000080}.card h2{font-size:30px;font-weight:700}.card .big{font-size:20px;font-weight:600}.card .arrows{letter-spacing:2px;color:var(--muted);font-size:26px}.card .row .btn{flex:1;min-width:110px}.card .meta{color:var(--muted);font-size:14px;font-weight:500}.community{flex-direction:column;gap:6px;display:flex}.histo{align-items:flex-end;gap:4px;height:58px;padding:0 10px;display:flex}.histo .col{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:3px;height:100%;display:flex}.histo .bar{background:var(--bg-2);border-radius:4px 4px 0 0;width:100%}.histo .col.par .bar{background:color-mix(in srgb, var(--c1) 35%, var(--bg-2))}.histo .col.you .bar{background:var(--c1)}.histo span{color:var(--muted);font-size:11px;font-weight:600;line-height:1}@keyframes rise{0%{opacity:0;transform:translateY(24px)}}@keyframes fade{0%{opacity:0}}.toast{left:50%;bottom:calc(110px + env(safe-area-inset-bottom));background:var(--accent);color:var(--accent-ink);z-index:15;white-space:nowrap;border-radius:999px;padding:10px 18px;font-weight:600;animation:.25s rise;position:fixed;transform:translate(-50%)}.tutorial .lesson{text-wrap:balance;max-width:30ch;min-height:3em;font-size:19px;font-weight:500}.tutorial .step{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;font-size:13px;font-weight:600}.text{flex-direction:column;gap:16px;width:100%;max-width:520px;margin:0 auto;padding:8px 22px 24px;display:flex;overflow-y:auto}.text h2{text-wrap:balance;font-size:24px;font-weight:700}.text ul{flex-direction:column;gap:8px;margin:0;padding-left:20px;display:flex}.text li{font-weight:500}.statgrid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.stat{background:var(--paper);border-radius:18px;padding:16px 14px}.stat b{font-variant-numeric:tabular-nums;font-size:30px;font-weight:700;line-height:1.1;display:block}.stat span{color:var(--muted);font-size:14px;font-weight:500}@media (prefers-reduced-motion:reduce){.paper,.sheet{transition:none}.arena,.overlay,.card,.toast{animation:none}}
