*{box-sizing:border-box}html,body{color:#e8ecff;background:#040818;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:#fff;background:linear-gradient(#4fd37a,#24a556);border:0;border-radius:16px;padding:10px 18px;font-size:18px;font-weight:900;transition:transform 80ms;box-shadow:0 5px #11632f,0 0 24px #4fd37a59}.btn:active{transform:translateY(3px);box-shadow:0 2px #11632f}.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%,#7dff6a38,#0000 40%),radial-gradient(circle at 85% 85%,#4fd37a33,#0000 45%),#040818;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 #7dff6a,0 0 42px #7dff6a99;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:#7dff6a;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%, #040818);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 #7dff6a40,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}.logo{width:260px;height:110px;margin:0 auto;position:relative}.logo .wire{background:#6b7280;height:3px;position:absolute;top:40px;left:0;right:0;transform:rotate(-8deg)}.logo .cart{background:#f2f2f2;border-radius:4px;width:46px;height:12px;animation:4s ease-in-out infinite alternate ride;position:absolute;top:18px;left:10px}.logo .cart:before,.logo .cart:after{content:"";background:#1b1d22;border-radius:50%;width:12px;height:12px;position:absolute;top:-10px;left:6px}.logo .cart:after{left:auto;right:6px}.logo .pod{background:#7dff6a;border-radius:4px;width:24px;height:24px;position:absolute;top:22px;left:11px;box-shadow:0 0 18px #7dff6a,0 0 40px #7dff6a99}.logo .pod:before{content:"";background:#c9a26a;width:4px;height:10px;position:absolute;top:-10px;left:10px}@keyframes ride{0%{transform:translateY(26px)}to{transform:translate(190px)}}.tasks{pointer-events:none;flex-wrap:wrap;gap:6px;display:flex;position:absolute;top:8px;left:8px;right:8px}.chip{border:2px solid var(--c);color:#fff;background:#0a1428bf;border-radius:999px;padding:3px 10px;font-size:14px;font-weight:700}.chip.on{background:color-mix(in srgb, var(--c) 40%, #0a1428);box-shadow:0 0 12px var(--c)}.chip.done{opacity:.55;text-decoration:line-through}.controls{padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:#0f1a2e;border-top:2px solid #1f3350}.ctl-row{align-items:center;gap:12px;max-width:760px;margin:0 auto;display:flex}.push-btn,.run-btn{color:#fff;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;background:linear-gradient(#4fd37a,#24a556);border:0;border-radius:18px;flex:none;font-weight:900;box-shadow:0 5px #11632f}.push-btn{width:84px;height:64px;font-size:30px}.run-btn{background:linear-gradient(#ff7ad9,#d23aa4);align-items:center;gap:6px;height:64px;padding:0 16px;font-size:19px;display:flex;box-shadow:0 5px #8e1f6e}.push-btn:active,.push-btn.held,.run-btn:active{transform:translateY(3px);box-shadow:0 2px #11632f}.push-btn:disabled,.run-btn:disabled{filter:grayscale(.8)brightness(.7);cursor:default}.meter-wrap,.speed{flex:1;min-width:0}.meter{background:#08111f;border:2px solid #2a4366;border-radius:13px;height:26px;position:relative;overflow:hidden}.meter .fill{clip-path:inset(0 100% 0 0);background:linear-gradient(90deg,#7dff6a,#ffe23d 60%,#ff5f5f);position:absolute;inset:0}.meter .last{background:#fff;width:3px;position:absolute;top:-2px;bottom:-2px;box-shadow:0 0 6px #fff}.meter-num{text-align:center;color:#bcd0ee;margin-top:5px;font-size:15px;font-weight:700}.speed-row{justify-content:center;align-items:center;gap:6px;display:flex}.step{color:#fff;cursor:pointer;background:#1d2f4d;border:0;border-radius:10px;min-width:44px;height:40px;font-size:16px;font-weight:800}#speed{color:#fff;text-align:center;background:#08111f;border:2px solid #ff7ad9;border-radius:12px;width:78px;height:44px;font:900 24px Rubik,sans-serif}@media (width<=600px){.push-btn{width:64px;height:58px}.run-btn{height:58px;padding:0 10px;font-size:15px}.step{min-width:34px;height:36px;font-size:14px}#speed{width:60px;font-size:20px}.chip{font-size:12px}}.rotate-hint{color:#bcd0ee;white-space:nowrap;pointer-events:none;background:#0a1428cc;border:1px solid #2a4366;border-radius:999px;padding:4px 12px;font-size:13px;font-weight:700;display:none;position:absolute;top:44px;left:50%;transform:translate(-50%)}@media (orientation:portrait) and (width<=700px){.rotate-hint{display:block}}