*{box-sizing:border-box}html,body{color:#e8ecff;background:#1b1730;margin:0;font-family:Rubik,Arial,sans-serif}body.playing{overflow:hidden}.hidden{display:none!important}.muted{color:#8f98c7}.small{font-size:14px}button{font-family:inherit}.screen{min-height:100dvh}.btn{cursor:pointer;color:#2a1a05;background:linear-gradient(#ffcf3d,#f0a400);border:0;border-radius:16px;padding:10px 18px;font-size:18px;font-weight:900;transition:transform 80ms;box-shadow:0 5px #9a6400,0 0 24px #ffc93359}.btn:active{transform:translateY(3px);box-shadow:0 2px #9a6400}.btn.big{padding:14px 26px;font-size:24px}.btn.ghost{color:#cfd6ff;background:#1d2450;box-shadow:0 4px #0f1433}.icon-btn{color:#fff;cursor:pointer;background:#ffffff1f;border:0;border-radius:12px;flex:none;width:42px;height:42px;font-size:22px}#home{background:radial-gradient(circle at 20% 15%,#ffc93338,#0000 40%),radial-gradient(circle at 85% 85%,#ffc93333,#0000 45%),#1b1730;justify-content:center;align-items:center;padding:20px;display:flex}.hero{text-align:center;max-width:540px}.hero h1{color:#fff;letter-spacing:-1px;text-shadow:0 0 18px #ffc933,0 0 42px #ffc93399;margin:6px 0;font-size:80px;font-weight:900}.hero p{color:#cdd4f5;margin:0 0 22px;font-size:20px;line-height:1.6}.bar{--c:#ffc933;color:#fff;border-bottom:3px solid var(--c);min-height:58px;box-shadow:0 2px 18px color-mix(in srgb, var(--c) 35%, transparent);background:#141a3e;align-items:center;gap:8px;padding:8px 12px;display:flex}.bar h2{white-space:nowrap;text-overflow:ellipsis;flex:1;margin:0;font-size:21px;overflow:hidden}.best{white-space:nowrap;background:#ffffff1f;border-radius:10px;padding:4px 10px;font-size:14px;font-weight:700}.stars-total{font-size:18px;font-weight:900}.worlds{gap:18px;max-width:980px;margin:0 auto;padding:18px 14px 40px;display:grid}.world{border-top:6px solid var(--c);box-shadow:0 0 26px color-mix(in srgb, var(--c) 18%, transparent);background:#141a3e;border-radius:22px;padding:14px 18px 18px}.world h3{color:var(--c);margin:0 0 12px;font-size:22px}.levels{flex-wrap:wrap;gap:12px;display:flex}.lvl{border:2px solid var(--c);background:color-mix(in srgb, var(--c) 22%, #1b1730);color:#fff;cursor:pointer;width:78px;height:86px;box-shadow:0 0 14px color-mix(in srgb, var(--c) 45%, transparent);border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:28px;font-weight:900;transition:transform .1s;display:flex}.lvl:hover{transform:translateY(-3px)}.lvl small{letter-spacing:1px;color:#ffe23d;font-size:13px}.lvl.locked{box-shadow:none;cursor:default;background:#10142f;border-color:#2a3166}.lvl.locked:hover{transform:none}#play{flex-direction:column;height:100dvh;display:flex}.board-wrap{flex:1;min-height:0;position:relative}#board{touch-action:none;width:100%;height:100%;display:block}.toast{color:#fff;pointer-events:none;background:#1d2450;border-inline-start:6px solid #ffe23d;border-radius:16px;width:min(92%,460px);padding:12px 16px;font-size:17px;font-weight:700;line-height:1.5;animation:.25s pop;position:absolute;bottom:12px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0006}.toast.bad{border-color:#f35}@keyframes pop{0%{opacity:0;transform:translate(-50%,-10px)}}.modal{z-index:100;background:#050819b3;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.card{text-align:center;background:#161d45;border:2px solid #2f3a85;border-radius:26px;width:min(460px,100%);padding:24px 26px;animation:.25s pop2;box-shadow:0 0 40px #ffc93340,0 20px 60px #00000080}@keyframes pop2{0%{opacity:0;transform:scale(.9)}}.card h2{margin:6px 0 10px;font-size:30px}.card p{color:#d5dbfb;margin:0 0 16px;font-size:18px;line-height:1.6}.big-icon{font-size:56px}.win-stars{letter-spacing:6px;font-size:52px}.win-stars .off{filter:grayscale();opacity:.25}.fact{text-align:right;color:#cdd4f5;background:#0f1531;border-radius:16px;margin:0 0 18px;padding:12px 14px;font-size:16px;line-height:1.6}.fact strong{color:#ffe23d;margin-bottom:2px;display:block}.row{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}@media (width<=600px){.hero h1{font-size:60px}.bar h2{font-size:16px}.best{padding:3px 7px;font-size:12px}.icon-btn{width:36px;height:36px;font-size:18px}}#games-footer{color:#e8edf7;text-align:center;background:#1e1b33;border-top:4px solid #ffc933;padding:36px 20px 28px}#games-footer h2{color:#ffc933;margin:0 0 22px;font-size:1.7rem;font-weight:900}#games-footer .games{flex-wrap:wrap;justify-content:center;gap:18px 22px;max-width:900px;margin:0 auto;padding-top:6px;display:flex}#games-footer .game{box-shadow:none;width:92px;color:inherit;background:0 0;border:0;outline:none;flex-direction:column;align-items:center;gap:7px;padding:0;text-decoration:none;display:flex;position:relative;transform:none}#games-footer .icon{width:76px;height:76px;animation:3.2s ease-in-out infinite gf-float;animation-delay:var(--d,0s);background:radial-gradient(circle at 35% 30%,#ffffff4d,#ffffff0f 62%);border:3px solid #ffc93359;border-radius:50%;justify-content:center;align-items:center;font-size:2.4rem;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;position:relative;box-shadow:0 6px 16px #00000059}#games-footer .name{color:#e8edf7;font-size:.85rem;font-weight:800;line-height:1.25}#games-footer .game:hover .icon,#games-footer .game:focus-visible .icon{border-color:#ffc933;animation:.5s ease-in-out gf-wiggle;transform:scale(1.18);box-shadow:0 0 0 6px #ffc9332e,0 0 26px #ffc933b3}#games-footer .game.here .icon{border-color:#ffc933;box-shadow:0 0 0 4px #ffc93347,0 6px 16px #00000059}#games-footer .game.here .icon:after{content:"אתם כאן";white-space:nowrap;color:#2a1a05;background:#ffc933;border-radius:8px;padding:1px 7px;font-size:.62rem;font-weight:900;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}#games-footer .tip{opacity:0;pointer-events:none;color:#2a2640;text-align:right;z-index:5;background:#fff;border-radius:14px;width:240px;padding:12px 14px;font-size:.9rem;line-height:1.5;transition:opacity .18s,transform .18s;position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%,8px)scale(.96);box-shadow:0 12px 30px #00000059}#games-footer .tip:after{content:"";border:8px solid #0000;border-top-color:#fff;margin-left:-8px;position:absolute;top:100%;left:50%}#games-footer .tip strong{color:#2a2640;margin-bottom:4px;font-size:1rem;display:block}#games-footer .tip em{color:#d97b00;margin-top:6px;font-style:normal;font-weight:800;display:block}#games-footer .game:hover .tip,#games-footer .game:focus-visible .tip{opacity:1;transform:translate(-50%)scale(1)}@keyframes gf-float{50%{transform:translateY(-5px)}}@keyframes gf-wiggle{0%,to{transform:scale(1.18)rotate(0)}25%{transform:scale(1.18)rotate(-10deg)}75%{transform:scale(1.18)rotate(10deg)}}@media (hover:none){#games-footer .tip{display:none}}@media (prefers-reduced-motion:reduce){#games-footer .icon{animation:none}}#games-footer .game:hover{background:0 0;transform:none}#games-footer .about{color:#8f9cbb;margin:26px 0 0;font-size:.9rem}#games-footer .about a{color:#ffc933;text-decoration:none}#games-footer .all-games{color:#ffc933;border:2px solid #ffc933;border-radius:999px;margin-top:24px;padding:9px 22px;font-size:1rem;font-weight:800;text-decoration:none;transition:background .15s,color .15s;display:inline-block}#games-footer .all-games:hover,#games-footer .all-games:focus-visible{color:#2a1a05;background:#ffc933}.hero-parts{justify-content:center;align-items:center;gap:14px;height:110px;display:flex}.hero-parts>div{animation:3s ease-in-out infinite bob;animation-delay:var(--d)}@keyframes bob{50%{transform:translateY(-10px) rotate(var(--r,0deg))}}#play{flex-direction:column;height:100dvh;display:flex;position:relative}.stage{background:radial-gradient(circle at 50% 0,#2c2650,#1b1730 70%);flex-direction:column;flex:1;min-height:0;display:flex;position:relative;overflow:hidden}.toast{z-index:60;top:70px;bottom:auto}.table{touch-action:none;background:repeating-linear-gradient(45deg,#3a2f22 0 18px,#3f3326 18px 36px);border-radius:22px;flex:1;margin:10px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 4px #5a4630,inset 0 0 40px #00000080}.part{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 4px 4px #00000073);line-height:0;transition:filter .15s,transform .25s;position:absolute}.part:hover{filter:drop-shadow(0 4px 4px #00000073)drop-shadow(0 0 6px #ffffff80)}.part.sel{filter:drop-shadow(0 0 4px #ffc933)drop-shadow(0 0 12px #ffc933)}.part.drag{z-index:50;cursor:grabbing;transition:none}.part.shake{animation:.35s shake}.part.gone{opacity:0;pointer-events:none;transition:transform .3s,opacity .3s;transform:scale(.2)!important}@keyframes shake{20%,60%{translate:-8px}40%,80%{translate:8px}}.bins{padding:0 10px calc(10px + env(safe-area-inset-bottom));flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.bin{border:3px dashed var(--c);background:color-mix(in srgb, var(--c) 18%, #1b1730);color:#fff;cursor:pointer;border-radius:16px;flex-direction:column;flex:120px;justify-content:center;align-items:center;gap:4px;max-width:190px;min-height:84px;padding:6px;font:800 15px Rubik,sans-serif;transition:transform .1s,background .1s;display:flex}.bin .ico{font-size:24px}.bin .cnt{color:#d6d0f5;font-size:12px;font-weight:700}.bin.hot{background:color-mix(in srgb, var(--c) 40%, #1b1730);border-style:solid;transform:scale(1.06)}.bin.flash{animation:.4s flash}@keyframes flash{50%{background:color-mix(in srgb, var(--c) 70%, #1b1730)}}.measure{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:18px;padding:14px;display:flex}.ask{color:#fff;text-align:center;font-size:30px;font-weight:900}.ask b{color:#4fd1ff}.ruler-wrap{direction:ltr;position:relative}.ruler-nums{direction:ltr;display:flex}.ruler-nums span{text-align:center;color:#9fb4d8;font-size:13px;font-weight:800}.ruler-wrap .placed{line-height:0;transition:opacity .2s;position:absolute;left:4px}.shelf{flex-wrap:wrap;justify-content:center;align-items:center;gap:18px;min-height:70px;display:flex}.opt{cursor:pointer;background:#262046;border:3px solid #3b3366;border-radius:16px;padding:10px 12px;line-height:0;transition:transform .1s,border-color .1s}.opt:hover{transform:translateY(-3px)}.opt.sel{border-color:#4fd1ff;box-shadow:0 0 16px #4fd1ff80}.opt.bad{opacity:.35;pointer-events:none}.gears{flex-direction:column;flex:1;align-items:center;gap:12px;min-height:0;padding:14px;display:flex}.q{color:#fff;text-align:center;max-width:720px;font-size:21px;font-weight:800;line-height:1.45}.garea{flex:1;justify-content:center;align-items:center;width:100%;min-height:160px;display:flex}.garea svg{max-width:100%;max-height:100%}.answers{padding-bottom:calc(6px + env(safe-area-inset-bottom));flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.ans{cursor:pointer;color:#fff;background:#262046;border:3px solid #3b3366;border-radius:16px;flex-direction:column;align-items:center;gap:4px;min-width:96px;padding:10px 14px;font:800 18px Rubik,sans-serif;transition:transform .1s;display:flex}.ans:hover{border-color:#9b8cff;transform:translateY(-3px)}.ans.big{min-width:120px;font-size:40px}.ans.bad{opacity:.35;pointer-events:none}.ans.good{border-color:#6ee36e;box-shadow:0 0 16px #6ee36e80}.ans small{color:#c9c2f0;font-size:13px;font-weight:700}.dots{gap:6px;display:flex}.dots i{background:#3b3366;border-radius:50%;width:12px;height:12px}.dots i.on{background:#9b8cff}.dots i.done{background:#6ee36e}.next-q{margin-top:2px}@media (width<=600px){.bin{flex-basis:30%;min-height:66px;font-size:12px}.bin .ico{font-size:18px}.ask{font-size:24px}.q{font-size:17px}}