@font-face{font-family:Fredoka Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/_astro/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(/_astro/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(/_astro/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{--bg:#f3efe4;--card:#fffdf7;--ink:#0f5257;--ink-soft:#0f52579e;--teal:#2a9d8f;--sun:#f4a261;--sun-dark:#d9823f;--frame:#0f5257;--thin:#0f525729;--shadow:#0f525738;--heart:#e85d5d;color:var(--ink);background:var(--bg);font-family:Fredoka Variable,ui-rounded,system-ui,sans-serif}@media (prefers-color-scheme:dark){:root{--bg:#0d1f20;--card:#15302f;--ink:#eef3ef;--ink-soft:#eef3efa6;--frame:#061314;--thin:#0000002e;--shadow:#00000073}}*{box-sizing:border-box}html,body{min-height:100dvh;margin:0}body{background:var(--bg);-webkit-tap-highlight-color:transparent;user-select:none;overflow-x:hidden}button{font:inherit;color:inherit;cursor:pointer}svg{display:block}.lagoon{pointer-events:none;z-index:25;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 24'%3E%3Cpath d='M0 12 Q30 0 60 12 T120 12 V24 H0z' fill='%232A9D8F'/%3E%3C/svg%3E") 0 16px/120px 24px repeat-x,linear-gradient(#2a9d8f,#2a9d8f) 0 39px/100% 31px no-repeat,linear-gradient(#0f5257,#0f5257) 0 70px/100% 40px no-repeat;height:110px;animation:8s linear infinite drift;position:fixed;inset:auto 0 0}@keyframes drift{to{background-position:120px 16px,0 39px,0 70px}}.screen{z-index:20;background:var(--bg);place-items:center;padding:16px;transition:opacity .3s,visibility .3s;display:grid;position:fixed;inset:0}.screen.hidden{opacity:0;visibility:hidden}.home-card{text-align:center;z-index:1;flex-direction:column;align-items:center;gap:12px;width:min(100%,380px);padding-bottom:90px;display:flex;position:relative}.home-logo{width:min(80vw,320px);height:auto}.home-mascot{width:140px;height:140px;margin:4px 0 8px;animation:2.4s ease-in-out infinite bob}.home-row{gap:8px;width:100%;display:flex}.home-row .btn:first-child{flex:1}.hub{color:var(--ink-soft);margin-top:6px;font-size:.95rem}.btn{background:var(--card);width:100%;color:var(--ink);box-shadow:0 5px 0 var(--shadow);border:0;border-radius:18px;padding:14px 18px;font-size:1.1rem;font-weight:600;transition:transform 80ms,box-shadow 80ms}.btn:active{box-shadow:0 1px 0 var(--shadow);transform:translateY(4px)}.btn-big{background:var(--sun);color:#3b2516;box-shadow:0 6px 0 var(--sun-dark);padding:16px;font-size:1.35rem}.btn-big:active{box-shadow:0 2px 0 var(--sun-dark)}.btn-alt{background:var(--teal);color:#fff;box-shadow:0 5px #1e7268}.btn-alt:active{box-shadow:0 1px #1e7268}.btn-ghost{box-shadow:0 0 0 2px var(--thin) inset;background:0 0}.btn-ghost:active{box-shadow:0 0 0 2px var(--thin) inset;transform:scale(.97)}.icon-only{flex:none;place-items:center;width:56px;padding:0;display:grid}.icon-only svg{width:26px;height:26px}.toggle{text-align:left;justify-content:space-between;align-items:center;gap:12px;font-size:1rem;display:flex}.toggle small{color:var(--ink-soft);font-weight:400}.switch{background:var(--thin);border-radius:15px;flex:none;width:50px;height:30px;transition:background .2s;position:relative}.switch:after{content:"";width:24px;height:24px;box-shadow:0 2px 0 var(--shadow);background:#fff;border-radius:50%;transition:transform .2s cubic-bezier(.3,1.5,.5,1);position:absolute;top:3px;left:3px}.toggle[aria-pressed=true] .switch{background:var(--teal)}.toggle[aria-pressed=true] .switch:after{transform:translate(20px)}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}#app{z-index:1;--board:min(calc(100vw - 32px), 528px, calc(100dvh - 370px));flex-direction:column;gap:12px;max-width:560px;margin:0 auto;padding:10px 16px 120px;display:flex;position:relative}.topbar{grid-template-columns:48px 1fr auto;align-items:center;gap:8px;display:grid}.icon-btn{background:var(--card);width:46px;height:46px;box-shadow:0 4px 0 var(--shadow);border:0;border-radius:14px;place-items:center;display:grid}.icon-btn:active{box-shadow:0 1px 0 var(--shadow);transform:translateY(3px)}.icon-btn svg{width:24px;height:24px}.level{text-align:center;line-height:1.1}#label{font-size:1.45rem;font-weight:700;display:block}.tier{letter-spacing:.04em;text-transform:uppercase;background:var(--thin);border-radius:999px;margin-top:3px;padding:2px 10px;font-size:.78rem;font-weight:600;display:inline-block}.tier[data-t=easy],.tier[data-t=intro]{color:#0f5257;background:#a8d5ba}.tier[data-t=medium]{color:#0f5257;background:#f9e79f}.tier[data-t=hard]{color:#0f5257;background:#f4a6a6}.hud{width:var(--board);justify-content:space-between;align-items:center;gap:8px;margin:0 auto;display:flex}.pill{font-variant-numeric:tabular-nums;background:var(--card);box-shadow:0 3px 0 var(--shadow);border-radius:999px;padding:4px 12px;font-weight:600}.toast{pointer-events:none;color:#fff;white-space:nowrap;-webkit-text-stroke:6px var(--frame);paint-order:stroke fill;opacity:0;font-size:clamp(1.6rem,7vw,2.4rem);font-weight:700;position:absolute;top:40%;left:50%;translate:-50% -50%}.toast.show{animation:1s ease-out toast}.tools{width:var(--board);grid-template-columns:repeat(3,1fr);gap:10px;margin:4px auto 0;display:grid}.tool{background:var(--card);box-shadow:0 5px 0 var(--shadow);border:0;border-radius:18px;flex-direction:column;align-items:center;gap:4px;padding:10px 6px 8px;font-size:.9rem;font-weight:600;display:flex;position:relative}.tool svg{width:28px;height:28px}.tool:active{box-shadow:0 1px 0 var(--shadow);transform:translateY(4px)}.tool:disabled{opacity:.45}#hint{background:var(--sun);color:#3b2516;box-shadow:0 5px 0 var(--sun-dark)}#hint:active{box-shadow:0 1px 0 var(--sun-dark)}.badge{background:var(--teal);color:#fff;border-radius:13px;place-items:center;min-width:26px;height:26px;font-size:.85rem;display:grid;position:absolute;top:-8px;right:-6px;box-shadow:0 2px #1e7268}dialog{background:var(--card);color:var(--ink);text-align:center;width:min(92vw,360px);box-shadow:0 10px 0 var(--shadow);border:0;border-radius:28px;padding:24px 22px 20px}dialog[open]{animation:.35s cubic-bezier(.3,1.4,.5,1) dialogIn}dialog::backdrop{backdrop-filter:blur(3px);background:#0d1f208c}dialog h2{margin:6px 0 10px;font-size:1.7rem}dialog .btn{margin-top:10px}.end-art{width:120px;height:120px;filter:drop-shadow(0 6px 0 var(--shadow));margin:-70px auto 0}.stars{justify-content:center;gap:6px;margin:4px 0 6px;display:flex}.stars svg{width:44px;height:44px;color:var(--ink);opacity:.15}.stars svg.on{opacity:1;color:#f6c445;animation:.5s cubic-bezier(.3,1.8,.5,1) backwards starIn}.stars svg.on:nth-child(2){width:56px;height:56px;margin-top:-10px}#endText{color:var(--ink-soft);margin:0 0 6px}.rule-list{text-align:left;gap:10px;margin:0 0 12px;padding:0;list-style:none;display:grid}.rule-list li{background:var(--bg);border-radius:14px;align-items:center;gap:10px;padding:10px 12px;display:flex}.rule-list li>span{flex:1}.rule-list li>b:first-child{background:var(--teal);color:#fff;border-radius:50%;flex:none;place-items:center;width:28px;height:28px;display:grid}.controls{color:var(--ink-soft);margin:6px 0;font-size:.92rem}#confetti{pointer-events:none;z-index:50;width:100%;height:100%;position:fixed;inset:0}@keyframes pop{0%{transform:scale(.2)}60%{transform:scale(1.18)}to{transform:scale(1)}}@keyframes markIn{0%{opacity:0;transform:scale(.4)}}@keyframes cellIn{0%{opacity:0;transform:scale(.3)}}@keyframes shake{20%{translate:-6px}40%{translate:6px}60%{translate:-4px}80%{translate:4px}}@keyframes hop{to{transform:translateY(-14%)rotate(-4deg)}}@keyframes bob{50%{transform:translateY(-8px)rotate(2deg)}}@keyframes pulse{to{opacity:.8}}@keyframes glow{30%{opacity:.55}to{opacity:0}}@keyframes hintPulse{50%{box-shadow:inset 0 0 0 4px #f6c445}}@keyframes toast{0%{opacity:0;transform:scale(.5)}20%{opacity:1;transform:scale(1.1)}35%{transform:scale(1)}80%{opacity:1}to{opacity:0;transform:translateY(-30px)}}@keyframes heartbreak{30%{transform:scale(1.4)rotate(-10deg)}60%{transform:scale(.8)rotate(8deg)}}@keyframes starIn{0%{transform:scale(0)rotate(-90deg)}}@keyframes dialogIn{0%{opacity:0;transform:scale(.8)}}@media (prefers-reduced-motion:reduce){*,:before,:after{animation-duration:.01ms!important;animation-iteration-count:1!important}}