@font-face{font-family:Fredoka;font-style:normal;font-weight:500 700;font-display:swap;src:url(/fonts/fredoka-hebrew.woff2)format("woff2");unicode-range:U+307-308,U+590-5FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Fredoka;font-style:normal;font-weight:500 700;font-display:swap;src:url(/fonts/fredoka-latin-ext.woff2)format("woff2");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;font-style:normal;font-weight:500 700;font-display:swap;src:url(/fonts/fredoka-latin.woff2)format("woff2");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{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--cream:#fef3c7;--amber:#fde68a;--paper:#fff;--ink:#1f2937;--ink-soft:#4b5563;--pink:#db2777;--pink-dark:#be185d;--pink-soft:#fce7f3;--sky-soft:#e0f2fe;--green-soft:#dcfce7;--radius:22px;--edge:3px solid var(--ink);--lift:5px 5px 0 var(--ink);--display:"Fredoka", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--text:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}body{background:var(--cream);color:var(--ink);font-family:var(--text);overflow-wrap:break-word;margin:0;font-size:1.0625rem;line-height:1.6}h1,h2,h3{font-family:var(--display);text-wrap:balance;margin:0 0 .5em;font-weight:700;line-height:1.15}p{margin:0 0 1em}img,svg,video{max-width:100%;display:block}a{color:var(--pink-dark);text-underline-offset:.18em}a:hover{color:var(--ink)}:focus-visible{outline:3px solid var(--pink);outline-offset:3px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip{z-index:50;border:var(--edge);background:var(--paper);color:var(--ink);border-radius:999px;padding:10px 16px;font-weight:700;text-decoration:none;position:absolute;inset-block-start:-100px;inset-inline-start:12px}.skip:focus{inset-block-start:12px}.wrap{max-width:1080px;margin-inline:auto;padding-inline:16px}.flag{vertical-align:middle;border-radius:50%;flex:none;display:inline-block}.top{z-index:20;justify-content:space-between;align-items:center;gap:12px;max-width:1080px;margin-inline:auto;padding:12px 16px;display:flex;position:relative}.brand{min-width:0;color:var(--pink-dark);font-family:var(--display);align-items:center;gap:10px;font-size:1.375rem;font-weight:700;line-height:1.1;text-decoration:none;display:inline-flex}.brand img{border-radius:14px;flex:none}.brand:hover{color:var(--pink)}.btn{border:var(--edge);min-height:52px;box-shadow:0 5px 0 var(--ink);font-family:var(--display);text-align:center;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:12px 26px;font-size:1.125rem;font-weight:700;line-height:1.2;text-decoration:none;transition:transform .12s,box-shadow .12s,background-color .12s;display:inline-flex}.btn:hover{box-shadow:0 7px 0 var(--ink);transform:translateY(-2px)}.btn:active{box-shadow:0 1px 0 var(--ink);transform:translateY(4px)}.btn-primary{background:var(--pink);color:#fff}.btn-primary:hover{background:var(--pink-dark);color:#fff}.btn-secondary{background:var(--paper);color:var(--ink)}.btn-secondary:hover{background:var(--amber);color:var(--ink)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn,.btn:hover,.btn:active{transition:none;transform:none}}html:not([data-variant=b]) .vb-only,html[data-variant=b] .va-only{display:none!important}.lang{flex:none;position:relative}.lang summary{border:2px solid var(--ink);background:var(--paper);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:999px;align-items:center;gap:8px;min-height:44px;padding:6px 12px 6px 8px;font-weight:600;list-style:none;display:inline-flex}.lang summary::-webkit-details-marker{display:none}.lang summary:hover{background:var(--amber)}.lang .chevron{transition:transform .15s}.lang[open] .chevron{transform:rotate(180deg)}.lang-menu{border:var(--edge);background:var(--paper);width:max-content;max-width:min(92vw,340px);max-height:min(70vh,560px);box-shadow:var(--lift);border-radius:18px;margin:0;padding:6px;list-style:none;position:absolute;inset-block-start:calc(100% + 8px);inset-inline-end:0;overflow-y:auto}.lang-menu a{color:var(--ink);border-radius:12px;align-items:center;gap:10px;padding:8px 12px;text-decoration:none;display:flex}.lang-menu a:hover{background:var(--pink-soft)}.lang-menu a[aria-current=page]{background:var(--amber);font-weight:700}.hero{isolation:isolate;position:relative}.hero-inner{align-items:center;gap:36px;max-width:1080px;margin-inline:auto;padding:24px 16px 56px;display:grid}.hero h1{margin-block-end:.4em;font-size:clamp(2.25rem,7vw,3.75rem)}.lead{max-width:36em;color:var(--ink-soft);font-size:1.1875rem}.cta{flex-wrap:wrap;gap:18px 20px;margin-block-start:28px;display:flex}.cta-item{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.cta-tag{max-width:17em;color:var(--ink-soft);font-size:.9375rem;line-height:1.35}.trailer{margin:0}.trailer-play{aspect-ratio:864/496;border:var(--edge);border-radius:var(--radius);background:var(--ink);box-shadow:7px 7px 0 var(--ink);transition:transform .2s;display:block;position:relative;overflow:hidden;transform:rotate(-1.5deg)}.trailer-play:hover,.trailer-play:focus-visible{transform:rotate(0)scale(1.01)}.trailer-play img,.trailer video,.trailer iframe{object-fit:cover;border:0;width:100%;height:100%}.trailer .player{aspect-ratio:864/496;border:var(--edge);border-radius:var(--radius);background:var(--ink);box-shadow:7px 7px 0 var(--ink);overflow:hidden}.play-badge{place-items:center;display:grid;position:absolute;inset:0}.play-badge svg{box-sizing:content-box;border:var(--edge);background:var(--pink);color:#fff;width:34px;height:34px;box-shadow:0 5px 0 var(--ink);border-radius:50%;padding:20px 18px 20px 22px;transition:transform .15s}.trailer-play:hover .play-badge svg{transform:scale(1.08)}.trailer figcaption{color:var(--ink-soft);text-align:center;margin-block-start:14px;font-size:.9375rem}@media (width>=900px){.hero-inner{grid-template-columns:1.05fr 1fr;gap:56px;padding-block:40px 80px}}html[data-variant=b] .hero{color:#fff;align-items:end;min-height:clamp(480px,88svh,760px);display:grid}html[data-variant=b] .hero-inner{width:100%;padding-block:96px 64px;display:block}html[data-variant=b] .hero-copy{text-align:center;max-width:760px;margin-inline:auto}html[data-variant=b] .hero h1{text-shadow:0 3px #1118278c;font-size:clamp(2.5rem,8vw,4.5rem)}html[data-variant=b] .lead{color:#fff;text-shadow:0 1px 2px #11182799;margin-inline:auto}html[data-variant=b] .cta{justify-content:center}html[data-variant=b] .cta-item{align-items:center}html[data-variant=b] .cta-tag{color:#fff;text-align:center;text-shadow:0 1px 2px #11182799}.hero-bg{z-index:-1;background:var(--ink);position:absolute;inset:0;overflow:hidden}.hero-poster,.hero-video{object-fit:cover;width:100%;max-width:none;height:100%;position:absolute;inset:0}.hero-video{opacity:0;transition:opacity .8s}.hero.has-video .hero-video{opacity:1}.hero-scrim{background:linear-gradient(#11182759 0%,#1118278c 40%,#111827db 100%);position:absolute;inset:0}.bg-toggle{color:#fff;cursor:pointer;background:#111827a6;border:2px solid #fff;border-radius:50%;place-items:center;width:48px;height:48px;padding:0;display:grid;position:absolute;inset-block-end:16px;inset-inline-end:16px}.bg-toggle[hidden]{display:none}.bg-toggle:hover{background:#111827e6}.bg-toggle .icon-play,.bg-toggle.is-paused .icon-pause{display:none}.bg-toggle.is-paused .icon-play{display:block}.games{max-width:1080px;margin-inline:auto;padding:56px 16px 72px}.games h2,.how h2{text-align:center;margin-block-end:32px;font-size:clamp(1.875rem,5vw,2.5rem)}.game-grid{gap:28px;display:grid}.game{border:var(--edge);border-radius:var(--radius);background:var(--paper);box-shadow:var(--lift);flex-direction:column;align-items:flex-start;padding:24px;display:flex}.game-art{background:var(--pink-soft);border-radius:16px;align-self:stretch;place-items:center;margin-block-end:20px;padding:14px;display:grid}.game-fo .game-art{background:var(--sky-soft)}.game h3{margin-block-end:10px;font-size:1.75rem}.game .tag{background:var(--amber);border-radius:999px;margin-block-end:14px;padding:4px 14px;font-size:.9375rem;font-weight:600;line-height:1.4;display:inline-block}.game p:not(.tag){color:var(--ink-soft)}.game .btn{margin-block-start:auto}@media (width>=760px){.game-grid{grid-template-columns:1fr 1fr}.game{padding:28px 32px 32px}}.how{border-block:var(--edge);background:var(--paper);padding-block:64px 72px}.steps{gap:28px;margin:0;padding:0;list-style:none;display:grid}.steps li{align-items:flex-start;gap:16px;display:flex}.steps p{margin:6px 0 0;font-size:1.125rem}.step-n{border:var(--edge);background:var(--pink);color:#fff;width:52px;height:52px;font-family:var(--display);box-shadow:0 4px 0 var(--ink);border-radius:50%;flex:none;place-items:center;font-size:1.5rem;font-weight:700;display:grid}.steps li:nth-child(2) .step-n{background:var(--amber);color:var(--ink)}.steps li:nth-child(3) .step-n{color:var(--ink);background:#38bdf8}@media (width>=760px){.steps{grid-template-columns:repeat(3,1fr);gap:36px}.steps li{flex-direction:column}}.source{max-width:1080px;margin-inline:auto;padding:72px 16px}.source-card{border:var(--edge);border-radius:var(--radius);background:var(--ink);max-width:820px;color:var(--cream);box-shadow:7px 7px 0 var(--pink);gap:18px;margin-inline:auto;padding:32px 28px;display:grid}.source-card h2{font-size:clamp(1.625rem,4.5vw,2.125rem)}.source-card p{color:#f3f4f6;margin-block-end:1.4em}.code-art{color:var(--amber)}.btn-light{border-color:var(--cream);background:var(--cream);color:var(--ink);box-shadow:0 5px 0 var(--pink)}.btn-light:hover{background:var(--amber);color:var(--ink);box-shadow:0 7px 0 var(--pink)}.btn-light:active{box-shadow:0 1px 0 var(--pink)}@media (width>=640px){.source-card{grid-template-columns:auto 1fr;gap:24px;padding:40px}}.foot{color:var(--ink-soft);border-block-start:3px dashed #1f293740;padding-block:40px 56px;font-size:.9375rem}.foot-langs ul{flex-wrap:wrap;gap:8px 18px;margin:24px 0 0;padding:0;list-style:none;display:flex}.foot-langs a{min-height:32px;color:var(--ink);align-items:center;gap:6px;text-decoration:none;display:inline-flex}.foot-langs a:hover{color:var(--pink-dark);text-decoration:underline}.foot-langs a[aria-current=page]{font-weight:700}.not-found{max-width:1080px;margin-inline:auto;padding:48px 16px 72px}.not-found h1{font-size:clamp(2rem,6vw,3rem)}@media (prefers-reduced-motion:reduce){.trailer-play,.trailer-play:hover,.trailer-play:focus-visible{transition:none;transform:none}.play-badge svg,.lang .chevron,.hero-video{transition:none}.trailer-play:hover .play-badge svg{transform:none}}