*{box-sizing:border-box}html,body{color:#24203a;background:#f2f5ff;margin:0;font-family:Rubik,Arial,sans-serif}.hidden{display:none!important}.muted{color:#6f6a89}.small{font-size:14px}button{font-family:inherit}.screen{min-height:100dvh}.btn{cursor:pointer;color:#fff;background:linear-gradient(#ffb13d,#ff8a00);border:0;border-radius:16px;padding:10px 18px;font-size:18px;font-weight:900;transition:transform 80ms;box-shadow:0 5px #c66700}.btn:active{transform:translateY(3px);box-shadow:0 2px #c66700}.btn.big{padding:14px 26px;font-size:24px}.btn.ghost{color:#4b3fb0;background:#fff;box-shadow:0 4px #cfc8f2}.btn.run{background:linear-gradient(#3fd47a,#1fae58);padding:10px 26px;font-size:22px;box-shadow:0 5px #13813f}.btn:disabled{opacity:.5;cursor:default}.icon-btn{color:#fff;cursor:pointer;background:#ffffff2e;border:0;border-radius:12px;width:42px;height:42px;font-size:22px}#home{background:radial-gradient(circle at 20% 15%,#b8f1e6,#0000 40%),radial-gradient(circle at 85% 85%,#d9ccff,#0000 45%),#f2f5ff;justify-content:center;align-items:center;padding:20px;display:flex}.hero{text-align:center;max-width:520px}.hero h1{color:#2a2357;letter-spacing:-1px;margin:10px 0 6px;font-size:76px;font-weight:900}.hero p{margin:0 0 22px;font-size:20px;line-height:1.6}.bot-logo{background:#27c4a8;border-radius:30px;width:130px;height:110px;margin:0 auto;animation:1.4s ease-in-out infinite bob;position:relative;box-shadow:0 10px #14917b}.bot-logo:before{content:"";background:#1d1f26;border-radius:12px;position:absolute;inset:22px 18px 36px}.bot-logo span{background:#ff3b5c;width:16px;height:16px;animation:3s infinite blink;position:absolute;top:38px;box-shadow:0 0 12px #ff3b5c}.bot-logo span:first-child{right:36px}.bot-logo span:last-child{left:36px}@keyframes bob{50%{transform:translateY(-8px)}}@keyframes blink{0%,92%,to{transform:scaleY(1)}95%{transform:scaleY(.1)}}.bar{color:#fff;background:#4b3fb0;align-items:center;gap:10px;min-height:58px;padding:8px 12px;display:flex}.bar h2{flex:1;margin:0;font-size:22px}.best{background:#ffffff2e;border-radius:10px;padding:4px 10px;font-size:15px;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:8px solid var(--c);background:#fff;border-radius:22px;padding:14px 18px 18px;box-shadow:0 6px 20px #3c328c1f}.world h3{margin:0 0 12px;font-size:22px}.levels{flex-wrap:wrap;gap:12px;display:flex}.lvl{background:var(--c);color:#fff;cursor:pointer;border:0;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:78px;height:86px;font-size:28px;font-weight:900;transition:transform .1s;display:flex;box-shadow:0 5px #0003}.lvl:hover{transform:translateY(-3px)}.lvl small{letter-spacing:1px;font-size:13px}.lvl.locked{cursor:default;box-shadow:none;background:#d6d3e4}.lvl.locked:hover{transform:none}#play{flex-direction:column;height:100dvh;display:flex}.work{flex:1;min-height:0;display:flex}.blockly{flex:1.25;min-width:0;position:relative}.side{background:#e4eafb;border-inline-end:3px solid #d4dcf5;flex-direction:column;flex:1;min-width:0;display:flex}.stage-wrap{flex:1;min-height:0;position:relative}#stage{width:100%;height:100%;display:block}.controls{flex-wrap:wrap;justify-content:center;gap:10px;padding:12px;display:flex}.toast{background:#fff;border-inline-start:6px solid #ffab19;border-radius:16px;width:min(92%,440px);padding:12px 16px;font-size:17px;font-weight:700;line-height:1.5;animation:.25s pop;position:absolute;bottom:14px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0000002e}.toast.bad{border-color:#ff4d6d}@keyframes pop{0%{opacity:0;transform:translate(-50%,10px)}}.code{color:#e7e3ff;background:#1e1b33;flex-direction:column;max-height:34%;display:flex}.code .tabs{gap:4px;padding:6px 8px 0;display:flex}.code .tabs button{color:#b9b2e6;cursor:pointer;background:#2d2950;border:0;border-radius:8px 8px 0 0;padding:6px 12px;font-weight:700}.code .tabs button.on{color:#fff;background:#3b3570}.code pre{text-align:left;flex:1;margin:0;padding:10px 14px;font:15px/1.5 ui-monospace,Menlo,Consolas,monospace;overflow:auto}.modal{z-index:100;background:#1e184673;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.card{text-align:center;background:#fff;border-radius:26px;width:min(440px,100%);padding:24px 26px;animation:.25s pop2;box-shadow:0 20px 60px #0000004d}@keyframes pop2{0%{opacity:0;transform:scale(.9)}}.card h2{margin:6px 0 10px;font-size:30px}.card p{margin:0 0 18px;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:.3}.row{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.blocklyToolboxDiv,.blocklyFlyoutBackground{fill:#f3f1ff}.blocklyText{font-family:Rubik,Arial,sans-serif!important}@media (width<=860px){.work{flex-direction:column}.side{border:0;border-bottom:3px solid #d4dcf5;flex:none;order:-1;height:42%}.controls{gap:6px;padding:6px}.btn.run{padding:8px 18px;font-size:18px}.btn{padding:8px 12px;font-size:15px}.bar h2{font-size:17px}.hero h1{font-size:58px}.code{max-height:40%}}#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}