*{box-sizing:border-box}html,body{color:#e8ecff;background:#0b0f24;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(#ff5fc8,#d23aa4);border:0;border-radius:16px;padding:10px 18px;font-size:18px;font-weight:900;transition:transform 80ms;box-shadow:0 5px #8e1f6e,0 0 24px #ff5fc859}.btn:active{transform:translateY(3px);box-shadow:0 2px #8e1f6e}.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%,#3fd0ff38,#0000 40%),radial-gradient(circle at 85% 85%,#ff5fc833,#0000 45%),#0b0f24;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 #3fd0ff,0 0 42px #3fd0ff99;margin:6px 0;font-size:80px;font-weight:900}.hero p{color:#cdd4f5;margin:0 0 22px;font-size:20px;line-height:1.6}.logo{width:220px;height:90px;margin:0 auto;position:relative}.logo .beam{transform-origin:100%;background:#ff3ba7;border-radius:4px;width:170px;height:6px;animation:2.4s ease-in-out infinite beam;position:absolute;top:42px;right:0;box-shadow:0 0 12px #ff3ba7,0 0 30px #ff3ba7}.logo .gem{filter:drop-shadow(0 0 14px #3fd0ff);font-size:62px;animation:2.4s ease-in-out infinite glow;position:absolute;top:10px;left:0}@keyframes beam{0%{transform:scaleX(0)}40%,to{transform:scaleX(1)}}@keyframes glow{0%,35%{filter:drop-shadow(0 0 #3fd0ff)grayscale(.7)}45%,to{filter:drop-shadow(0 0 18px #3fd0ff)}}.bar{--c:#3fd0ff;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%, #0b0f24);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}.tray-wrap{padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:#141a3e;border-top:2px solid #232b63}.tray{flex-wrap:wrap;justify-content:center;gap:10px;min-height:64px;display:flex}.tray.empty{min-height:0}.piece{cursor:grab;touch-action:none;background:#0f1531;border:2px solid #2f3a85;border-radius:14px;justify-content:center;align-items:center;width:64px;height:64px;padding:0;transition:transform .1s;display:flex}.piece:hover{border-color:#6c7cff;transform:translateY(-2px)}.piece.sel{border-color:#ffe23d;box-shadow:0 0 16px #ffe23d99}.tray-help{text-align:center;color:#a8b1e0;margin:8px 0 0;font-size:15px}.drag-ghost{pointer-events:none;z-index:200;opacity:.9;filter:drop-shadow(0 6px 12px #0009);position:fixed;transform:translate(-50%,-50%)}.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 #3fd0ff40,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}.piece{width:56px;height:56px}}#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}