@font-face{font-family:Fredoka Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(./fredoka-hebrew-wght-normal-DdnsCkLr.woff2)format("woff2-variations");unicode-range:U+307-308,U+590-5FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Fredoka Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(./fredoka-latin-ext-wght-normal-CYrqKuxd.woff2)format("woff2-variations");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 Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(./fredoka-latin-wght-normal-DM6njrJ3.woff2)format("woff2-variations");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{--night:#141a4d;--indigo:#23246e;--panel:#1e1e64d1;--panel-edge:#968cff59;--text:#f5f3ff;--text-soft:#c9c6f2;--text-dim:#9b97d6;--gold:#ffd257;--gold-deep:#e8a312;--pink:#ff4f8b;--pink-deep:#c2245f;--cyan:#2fb6ff;--cyan-deep:#1470c8;--green:#35c759;--green-deep:#1d8f3a;--blue:#3b8cff;--blue-deep:#1d56c8;--cherry:#f2436b;--cherry-deep:#c21d4b;--focus:#ffe066;--font:"Fredoka Variable", "Fredoka", ui-rounded, "Arial Rounded MT Bold", system-ui, sans-serif;--safe-t:env(safe-area-inset-top,0px);--safe-r:env(safe-area-inset-right,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-l:env(safe-area-inset-left,0px)}*{box-sizing:border-box}html,body{overscroll-behavior:none;background:var(--night);height:100%;color:var(--text);font-family:var(--font);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;margin:0;font-weight:500;overflow:hidden}.scenery{z-index:0;width:100vw;height:100vh;display:block;position:fixed;inset:0}.view{z-index:1}.view[hidden]{display:none!important}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:none;padding:0}button:focus{outline:none}button:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid var(--focus);outline-offset:3px}svg{display:block}.ic{flex:none;width:22px;height:22px}.btn{--top:#fff;--mid:#ddd;--bot:#aaa;--lip:#777;--glow:#0000;letter-spacing:.01em;color:#fff;background:linear-gradient(180deg, var(--top) 0%, var(--mid) 48%, var(--bot) 100%);height:54px;box-shadow:inset 0 2px 0 #ffffff80, inset 0 -3px 0 #0000002e, 0 5px 0 var(--lip), 0 10px 22px var(--glow);text-shadow:0 2px #00000038;border-radius:27px;justify-content:center;align-items:center;gap:10px;padding:0 24px;font-size:1.25rem;font-weight:700;transition:transform 80ms,box-shadow 80ms;display:inline-flex}.btn:active{box-shadow:inset 0 2px 0 #fff6, 0 1px 0 var(--lip), 0 4px 10px var(--glow);transform:translateY(4px)}.btn-go{--top:#7cf08f;--mid:#3fd05f;--bot:#22a845;--lip:#15702c;--glow:#35c75959}.btn-blue{--top:#8cc8ff;--mid:#3f95ff;--bot:#2468e0;--lip:#183f9a;--glow:#3b8cff4d}.btn-soft{--top:#fff;--mid:#ece9ff;--bot:#cfc9f7;--lip:#8d86d4;color:#2b2780;text-shadow:none}.btn-xl{border-radius:37px;height:74px;padding:0 36px;font-size:2.1rem}.btn-xl .ic{width:30px;height:30px}.icon-btn{color:#2b2780;background:radial-gradient(120% 100% at 35% 25%,#fff 0%,#eeebff 50%,#c9c3f5 100%);border-radius:50%;flex:none;place-items:center;width:48px;height:48px;transition:transform 80ms,box-shadow 80ms;display:grid;box-shadow:inset 0 1px #fff,inset 0 -2px 3px #3c329640,0 3px #7d76cc,0 6px 14px #05041e66}.icon-btn:active{transform:translateY(2px);box-shadow:inset 0 1px #fff,0 1px #7d76cc}.icon-btn svg{width:24px;height:24px}#settingsBtn .wave,#settingsBtn .cross{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round}#settingsBtn .cross,#settingsBtn.muted .wave{display:none}#settingsBtn.muted .cross{display:inline}.logo{text-align:center;flex-direction:column;align-items:center;margin:0;font-weight:700;line-height:.92;display:flex}.logo-a,.logo-b{letter-spacing:.005em;display:block}.logo-a{background:linear-gradient(#fff 0%,#c9ecff 50%,#6cc4ff 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 3px #2b3a9e)drop-shadow(0 6px 14px #05041e73);-webkit-background-clip:text;background-clip:text;font-size:clamp(34px,12.5vw,72px)}.logo-b{background:linear-gradient(#fff3b8 0%,#ffd257 50%,#f0a020 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 3px #8a4b0c)drop-shadow(0 6px 12px #05041e66);-webkit-background-clip:text;background-clip:text;margin-top:4px;font-size:clamp(26px,9vw,52px);transform:rotate(-2deg)}.start-view{padding:calc(18px + var(--safe-t)) calc(16px + var(--safe-r)) calc(20px + var(--safe-b)) calc(16px + var(--safe-l));place-items:center;display:grid;position:fixed;inset:0}.start-inner{grid-template-rows:auto auto minmax(150px,1fr) auto;place-items:center;gap:6px;width:min(460px,100%);height:100%;max-height:880px;display:grid}.tagline{color:var(--text);text-shadow:0 2px 8px #05041e99;margin:8px 0 0;font-size:clamp(19px,5.4vw,26px);font-weight:600}.hero{width:100%;height:100%;min-height:150px}.start-buttons{flex-direction:column;align-items:center;gap:14px;width:100%;padding-bottom:4px;display:flex}.start-buttons .btn-xl{width:min(340px,100%)}.start-buttons .btn-soft{width:min(220px,70%)}.levels-view{touch-action:pan-y;padding:calc(14px + var(--safe-t)) calc(16px + var(--safe-r)) calc(20px + var(--safe-b)) calc(16px + var(--safe-l));position:fixed;inset:0;overflow-y:auto}.levels-inner{width:min(760px,100%);margin:0 auto}.levels-head{grid-template-columns:48px 1fr auto;align-items:center;gap:12px;margin-bottom:18px;display:grid}.levels-head h2{text-align:center;text-shadow:0 2px 10px #05041e99;margin:0;font-size:1.8rem;font-weight:700}.levels-total{color:var(--gold);background:var(--panel);border:1px solid var(--panel-edge);white-space:nowrap;border-radius:16px;padding:6px 12px;font-size:1.05rem;font-weight:700}.level-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(8px,2.5vw,18px);display:grid}.level-card{border:1px solid var(--panel-edge);text-align:center;background:linear-gradient(#3c38aaeb,#201e6ef2);border-radius:clamp(18px,5vw,26px);grid-template-rows:auto auto;justify-items:center;gap:8px;padding:clamp(8px,2.4vw,14px) clamp(6px,2vw,12px) clamp(10px,2.6vw,16px);transition:transform 80ms;display:grid;box-shadow:inset 0 1px #ffffff26,0 6px #0c0a32b3,0 14px 26px #05041e73}.level-card:active:not(:disabled){transform:translateY(3px)}.level-card canvas{aspect-ratio:1;max-width:170px;display:block;width:100%!important;height:auto!important}.level-card .lc-title{font-size:clamp(1rem,4.2vw,1.3rem);font-weight:700}.level-card .lc-name{color:var(--text-soft);margin-top:-2px;font-size:clamp(.78rem,3.3vw,.95rem);font-weight:500}.level-card .lc-stars{letter-spacing:2px;color:#ffffff38;margin:2px 0;font-size:clamp(1.1rem,5vw,1.6rem);line-height:1.1}.level-card .lc-stars .on{color:var(--gold);text-shadow:0 2px #9a5f00}.level-card .lc-best{color:var(--text-soft);font-size:clamp(.72rem,3vw,.95rem);font-weight:600;line-height:1.25}.level-card.done{border-color:#78e69680}.level-card.next{border-color:var(--gold);box-shadow:inset 0 1px #ffffff26,0 0 0 3px #ffd25759,0 6px #0c0a32b3,0 14px 26px #05041e73}.level-card:disabled{opacity:.55;cursor:default}.levels-play{justify-content:center;margin-top:clamp(24px,8vh,64px);display:flex}.levels-play .btn-xl{width:min(340px,100%)}.level-card .lock{color:var(--text-dim);font-weight:700}.app{padding:calc(10px + var(--safe-t)) calc(14px + var(--safe-r)) calc(14px + var(--safe-b)) calc(14px + var(--safe-l));touch-action:none;grid-template:"top top top""hud hud hud""hint hint hint""stage stage stage"minmax(0,1fr)"left mid right"/minmax(0,1fr) auto minmax(0,1fr);row-gap:6px;max-width:620px;margin:0 auto;display:grid;position:fixed;inset:0}.top{grid-area:top;grid-template-columns:48px 1fr 48px;align-items:center;gap:10px;display:grid}.level-info{text-align:center;min-width:0;line-height:1.05}.level-name{text-shadow:0 2px 8px #05041e99;font-size:1.55rem;font-weight:700;display:block}.level-sub{color:var(--text-soft);white-space:nowrap;text-overflow:ellipsis;font-size:.92rem;font-weight:500;display:block;overflow:hidden}.hud{border:1px solid var(--panel-edge);background:linear-gradient(#3a36aaeb,#1e1c68f2);border-radius:22px;grid-area:hud;justify-self:center;align-items:stretch;padding:6px 4px;display:flex;box-shadow:inset 0 1px #ffffff2e,0 4px #0c0a32b3,0 10px 20px #05041e66}.hud>div{flex-direction:column;justify-content:flex-end;align-items:center;padding:0 14px;line-height:1;display:flex;position:relative}.hud>div+div{border-left:1px solid #ffffff24}.hud b{font-variant-numeric:tabular-nums;font-weight:700}.hud-turns b{font-size:2.5rem}.hud-cell b{margin-top:2px;font-size:1.45rem}.hud small{letter-spacing:.08em;text-transform:uppercase;color:var(--text-soft);margin-top:4px;font-size:.72rem;font-weight:600}.hud-ico{color:var(--gold);font-size:.85rem;line-height:1}.hud-best b{color:#e7e3ff}.hint-row{grid-area:hint;min-height:2.6em;display:grid;position:relative}.hint{text-align:center;color:var(--text-soft);text-shadow:0 1px 6px #05041e99;grid-area:1/1;justify-content:center;align-items:center;margin:0;padding:0 6px;font-size:1rem;font-weight:500;line-height:1.3;transition:opacity .25s;display:flex}.hint strong{color:#fff;font-weight:700}.hint.banner{color:var(--gold);font-size:1.8rem;font-weight:700}.hint-row.speaking .hint{opacity:0;transition:none}.caption{color:#fff;letter-spacing:.005em;text-shadow:0 1px 2px #05041e80;background:linear-gradient(#4a42c4 0%,#282480 100%);border:1.5px solid #ff9ebe8c;border-radius:24px;grid-area:1/1;place-self:center;align-items:center;gap:10px;max-width:100%;padding:6px 18px 6px 7px;font-size:1.08rem;font-weight:600;display:inline-flex;box-shadow:inset 0 1px #ffffff38,0 4px #0c0a3299,0 8px 18px #05041e66}.caption[hidden]{display:none}.caption.show{animation:.22s ease-out pop-in}.caption-face{background:radial-gradient(90% 90% at 30% 25%, #ff9fb6 0%, var(--cherry) 50%, var(--cherry-deep) 100%);border-radius:11px;flex:none;width:30px;height:22px;position:relative;box-shadow:inset 0 0 0 1.5px #9e1239}.caption-face:before,.caption-face:after{content:"";background:#4a1426;border-radius:50%;width:4px;height:4px;position:absolute;top:8px}.caption-face:before{left:9px}.caption-face:after{right:9px}@keyframes pop-in{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:none}}.stage{grid-area:stage;min-width:0;min-height:0;position:relative}.stage canvas{display:block;position:absolute;inset:0}.turn{--top:#fff;--mid:#ccc;--bot:#999;--lip:#666;--glow:#0000;background:radial-gradient(110% 100% at 35% 22%, var(--top) 0%, var(--mid) 45%, var(--bot) 100%);width:clamp(80px,25vw,108px);height:clamp(80px,25vw,108px);box-shadow:inset 0 3px 1px #ffffff8c, inset 0 -6px 8px #00000038, 0 6px 0 var(--lip), 0 0 0 4px #ffffff14, 0 12px 24px var(--glow);color:#fff;touch-action:none;border-radius:50%;place-self:center;place-items:center;transition:transform 80ms,box-shadow 80ms,opacity .2s,filter .2s;display:grid}.turn-left{--top:#ff9cc0;--mid:#ff4f8b;--bot:#c2245f;--lip:#84123d;--glow:#ff4f8b66;grid-area:left}.turn-right{--top:#8fe0ff;--mid:#2fb6ff;--bot:#1470c8;--lip:#0b4686;--glow:#2fb6ff66;grid-area:right}.turn-ic{filter:drop-shadow(0 2px #00000040);width:60%;height:60%}.turn:active,.turn.down{box-shadow:inset 0 3px 1px #ffffff73, inset 0 -2px 4px #00000040, 0 1px 0 var(--lip), 0 4px 10px var(--glow);transform:translateY(5px)}.app.busy .turn{opacity:.5;filter:saturate(.55);cursor:default}.app.ready .turn{animation:.35s ease-out ready-pop}.app.guide .turn{animation:1.4s ease-in-out infinite guide}@keyframes ready-pop{0%{transform:scale(.94)}60%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes guide{0%,to{filter:brightness()}50%{filter:brightness(1.18)}}.mid{grid-area:mid;justify-content:center;align-items:center;padding:0 6px;display:flex}.undo-btn{color:#2b2780;background:radial-gradient(120% 100% at 35% 25%,#fff 0%,#eeebff 50%,#c9c3f5 100%);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:70px;height:70px;font-size:.92rem;font-weight:700;transition:transform 80ms,box-shadow 80ms,opacity .2s;display:flex;box-shadow:inset 0 1px #fff,inset 0 -2px 3px #3c329640,0 4px #7d76cc,0 8px 16px #05041e66}.undo-btn svg{width:26px;height:26px}.undo-btn:active:not(:disabled){transform:translateY(3px);box-shadow:inset 0 1px #fff,0 1px #7d76cc}.undo-btn:disabled{opacity:.35;cursor:default;box-shadow:none}.overlay{z-index:10;padding:calc(16px + var(--safe-t)) 16px calc(16px + var(--safe-b));background:#0a082899;place-items:center;display:grid;position:fixed;inset:0;overflow-y:auto}.overlay[hidden]{display:none}.card{border:1px solid var(--panel-edge);text-align:center;background:linear-gradient(#3e3ab2f7 0%,#1e1c6afa 100%);border-radius:30px;width:min(390px,100%);padding:22px 20px 20px;animation:.25s ease-out card-in;box-shadow:inset 0 1px #fff3,0 8px #0c0a32cc,0 26px 60px #05041e99}@keyframes card-in{0%{opacity:0;transform:translateY(12px)scale(.97)}to{opacity:1;transform:none}}.card-art{width:100%;height:150px;margin:-6px 0 2px;display:block}.card-art[hidden]{display:none}.card h2{color:#fff;text-shadow:0 3px #0c0a3299;margin:0 0 8px;font-size:2.2rem;font-weight:700}.card h2.gold{background:linear-gradient(#fff3b8 0%,#ffd257 55%,#f0a020 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 3px #7a3f06);text-shadow:none;-webkit-background-clip:text;background-clip:text}.card p{color:var(--text-soft);margin:0 0 14px;font-weight:500;line-height:1.4}.card p[hidden]{display:none}.card-badge{background:linear-gradient(180deg, #ff7aa8, var(--pink));color:#fff;box-shadow:0 3px 0 var(--pink-deep);border-radius:14px;margin:0 auto 6px;padding:5px 14px;font-size:.95rem;font-weight:700;display:inline-block}.card-badge.first{background:linear-gradient(180deg, #ffe58a, var(--gold));color:#6a3d00;box-shadow:0 3px 0 var(--gold-deep)}.card-badge[hidden],.stars[hidden],.score[hidden],.stat-strip[hidden]{display:none}.stars{justify-content:center;gap:8px;margin:0 0 10px;display:flex}.stars i{clip-path:polygon(50% 2%,63% 36%,98% 37%,70% 59%,80% 95%,50% 74%,20% 95%,30% 59%,2% 37%,37% 36%);background:#ffffff2e;width:50px;height:50px;display:block}.stars i.on{background:radial-gradient(80% 80% at 35% 30%,#fff6c2 0%,#ffd257 45%,#f0a020 100%);animation:.35s ease-out backwards star-in}.stars i.on:nth-child(2){animation-delay:.12s}.stars i.on:nth-child(3){animation-delay:.24s}@keyframes star-in{0%{opacity:0;transform:scale(.3)rotate(-30deg)}to{opacity:1;transform:none}}.score{color:var(--text-soft);background:#0a083259;border:1px solid #ffffff1a;border-radius:18px;margin:0 0 12px;padding:10px 14px;font-size:1rem;font-weight:500}.score div{justify-content:space-between;padding:3px 0;display:flex}.score div.total{color:var(--gold);border-top:1px solid #ffffff26;margin-top:4px;padding-top:7px;font-size:1.35rem;font-weight:700}.stat-strip{background:#0a083259;border:1px solid #ffffff1a;border-radius:18px;grid-template-columns:repeat(3,1fr);margin:0 0 16px;padding:8px 0;display:grid}.stat-strip div{flex-direction:column;align-items:center;line-height:1.05;display:flex}.stat-strip div+div{border-left:1px solid #ffffff1f}.stat-strip b{font-size:1.6rem;font-weight:700}.stat-strip small{letter-spacing:.08em;text-transform:uppercase;color:var(--text-soft);font-size:.72rem;font-weight:600}.stat-strip .improved{color:#ff9cc0;font-size:.7rem;font-weight:700}.card-buttons{grid-template-columns:1fr 1fr;gap:12px;display:grid}.card-buttons .btn{width:100%}.card-buttons .btn.wide{border-radius:30px;grid-column:1/-1;height:60px;font-size:1.45rem}.card-buttons .btn.half{height:54px;font-size:1.1rem}.settings{text-align:left;border-top:1px solid #ffffff24;margin-top:16px;padding-top:6px}.settings[hidden]{display:none}.settings summary{cursor:pointer;color:#fff;border-radius:12px;align-items:center;gap:10px;padding:10px 6px;font-size:1.1rem;font-weight:600;list-style:none;display:flex}.settings summary::-webkit-details-marker{display:none}.settings summary span{flex:1}.settings summary .chev{fill:none;stroke:#fff;stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px;transition:transform .15s}.settings[open] summary .chev{transform:rotate(180deg)}.toggles{flex-direction:column;gap:8px;padding:4px 0 2px;display:flex}.toggles label{color:#fff;cursor:pointer;background:#0a083259;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:9px 12px;font-weight:600;display:flex}.toggles label.off-dim{opacity:.5}.toggles input{appearance:none;cursor:pointer;background:#57538f;border-radius:15px;flex:none;width:50px;height:30px;margin:0;transition:background .15s;position:relative;box-shadow:inset 0 2px 3px #0000004d}.toggles input:after{content:"";background:linear-gradient(#fff,#e8e6ff);border-radius:50%;width:24px;height:24px;transition:transform .15s;position:absolute;top:3px;left:3px;box-shadow:0 2px 3px #0000004d}.toggles input:checked{background:var(--green)}.toggles input:checked:after{transform:translate(20px)}@media (orientation:landscape) and (height<=560px){.app{max-width:none;padding-top:calc(8px + var(--safe-t));padding-bottom:calc(8px + var(--safe-b));grid-template:"top stage hint""hud stage hint""left stage right"minmax(0,1fr)".stage mid"/minmax(180px,1fr) minmax(0,auto) minmax(180px,1fr);column-gap:14px}.stage{width:min(calc(100vh - 16px - var(--safe-t) - var(--safe-b)), 58vw);aspect-ratio:1;align-self:center;height:auto}.top{grid-template-columns:44px 1fr 44px}.level-name{font-size:1.25rem}.hud-turns b{font-size:2rem}.hud>div{padding:0 10px}.hint-row{align-self:start}.hint{font-size:.92rem}.caption{font-size:1rem}.turn{width:92px;height:92px}.undo-btn{width:62px;height:62px}.start-inner{grid-template:"logo hero""tag hero""btns hero"1fr/1fr 1fr;width:100%;max-width:820px}.logo{grid-area:logo}.tagline{grid-area:tag}.hero{grid-area:hero}.start-buttons{grid-area:btns}.logo-a{font-size:clamp(32px,6.5vw,60px)}.logo-b{font-size:clamp(24px,4.6vw,42px)}.btn-xl{height:62px;font-size:1.8rem}.card.wide-card{grid-template-columns:1fr 1fr;align-items:start;column-gap:20px;width:min(720px,100%);padding:14px 18px;display:grid}.card.wide-card>.card-art,.card.wide-card>.card-badge,.card.wide-card>h2,.card.wide-card>.stars,.card.wide-card>p{grid-column:1}.card.wide-card>.score,.card.wide-card>.stat-strip,.card.wide-card>.card-buttons{grid-column:2}.card.wide-card>.score{grid-row:1/span 2}.card.wide-card>.stat-strip{grid-row:3/span 2}.card.wide-card>.card-buttons{grid-row:5/span 2}.card.wide-card .card-badge{justify-self:center}.card.wide-card h2{margin-bottom:4px;font-size:1.8rem}.card.wide-card .stars i{width:40px;height:40px}.card-art{height:110px}.level-card canvas{max-width:118px}.levels-head{margin-bottom:10px}.levels-play{margin-top:14px}.levels-play .btn-xl{height:56px;font-size:1.5rem}}@media (orientation:portrait) and (height<=720px){.card{border-radius:24px;padding:14px}.card-art{height:92px;margin:-2px 0 0}.card h2{margin-bottom:4px;font-size:1.7rem}.stars{margin-bottom:6px}.stars i{width:36px;height:36px}.card p{margin-bottom:8px;font-size:.92rem}.score{margin-bottom:8px;padding:6px 12px;font-size:.92rem}.score div{padding:1px 0}.score div.total{padding-top:4px;font-size:1.15rem}.stat-strip{margin-bottom:10px;padding:4px 0}.stat-strip b{font-size:1.25rem}.card-buttons{gap:8px}.card-buttons .btn.wide{height:52px;font-size:1.25rem}.card-buttons .btn.half{height:46px;font-size:1rem}.card-badge{margin-bottom:2px;padding:3px 12px;font-size:.85rem}}@media (prefers-reduced-motion:reduce){.app.ready .turn,.app.guide .turn,.card,.caption.show,.stars i.on{animation:none}}