@font-face{font-family:Fredoka Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/math-adventure/assets/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(/math-adventure/assets/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(/math-adventure/assets/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{--ink:#12323a;--ink-soft:#3d5b62;--teal:#13a38b;--teal-dark:#0b6e60;--emerald:#1f9d55;--turq:#2fd3d0;--turq-deep:#0e8c9b;--sun:#ffd23f;--orange:#ff9f1c;--orange-dark:#d97706;--purple:#7c4dff;--paper:#fffdf4;--cream:#fff6dc;--good:#11a85a;--soft:#12323a14;--radius:22px;--shadow:0 10px 30px #06282238;--font:"Fredoka Variable", "Fredoka", "Nunito", 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,#root{height:100%;color:var(--ink);font-family:var(--font);-webkit-tap-highlight-color:transparent;overscroll-behavior:none;background:#0f5b4a;margin:0;overflow:hidden}button{font:inherit;cursor:pointer}:focus-visible{outline:4px solid var(--purple);outline-offset:3px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.btn{min-height:52px;color:var(--ink);touch-action:manipulation;background:#fff;border:none;border-radius:999px;justify-content:center;align-items:center;gap:.5em;padding:.6em 1.4em;font-size:1.15rem;font-weight:700;text-decoration:none;transition:transform 80ms,box-shadow 80ms,filter .15s;display:inline-flex;box-shadow:0 4px #0000002e}.btn:active{transform:translateY(3px);box-shadow:0 1px #0000002e}.btn[disabled]{opacity:.5;cursor:not-allowed;transform:none}.btn-sun{background:linear-gradient(#ffe066, var(--sun));box-shadow:0 4px 0 var(--orange-dark)}.btn-orange{background:linear-gradient(#ffb547, var(--orange));color:#2b1600;box-shadow:0 4px #b45309}.btn-teal{background:linear-gradient(#25c2a6, var(--teal));color:#fff;box-shadow:0 4px 0 var(--teal-dark)}.btn-ghost{background:#ffffffd9}.btn-sm{min-height:44px;padding:.4em 1em;font-size:1rem}.icon-btn{width:52px;height:52px;min-height:52px;padding:0;font-size:1.5rem}.menu{padding:calc(18px + var(--safe-t)) calc(18px + var(--safe-r)) calc(24px + var(--safe-b)) calc(18px + var(--safe-l));background:radial-gradient(120% 90% at 70% 0,#5fe0c4 0%,#19a98f 38%,#0f6e5c 75%,#0b4f43 100%);position:fixed;inset:0;overflow-y:auto}.menu:before{content:"";pointer-events:none;background:radial-gradient(circle at 15% 85%,#ffd23f40,#0000 40%),radial-gradient(circle at 90% 70%,#7c4dff2e,#0000 35%);position:fixed;inset:0}.wrap{max-width:980px;margin:0 auto;position:relative}.title{color:#fff;text-shadow:0 5px 0 var(--teal-dark), 0 10px 24px #00000040;margin:.2em 0 .1em;font-size:clamp(2.2rem,6vw,4rem);font-weight:700;line-height:1}.kicker{background:var(--sun);box-shadow:0 3px 0 var(--orange-dark);border-radius:999px;padding:.3em .9em;font-weight:700;display:inline-block}.lead{color:#eafffa;max-width:40em;font-size:1.2rem}.panel{background:var(--paper);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}.panel h2{margin:0 0 .4em;font-size:1.5rem}.grid{gap:14px;display:grid}.grid-2{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}@media (max-width:460px){.grid-3.avatars{grid-template-columns:repeat(2,minmax(0,1fr))}}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.spread{justify-content:space-between}.topbar{justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;display:flex}@media (max-width:460px){.topbar{justify-content:flex-start}.topbar>span:last-child{display:none}.topbar .btn{flex:none}}.card{text-align:left;background:#fff;border:3px solid #0000;border-radius:18px;flex-direction:column;gap:8px;padding:16px;display:flex;position:relative;box-shadow:0 4px #0000001f}.card.on{border-color:var(--orange);background:var(--cream)}.card .meta{color:var(--ink-soft);font-size:.95rem}.chip{background:var(--soft);border-radius:999px;align-items:center;gap:.35em;padding:.2em .7em;font-size:.9rem;font-weight:600;display:inline-flex}.chip.good{color:#0b5d33;background:#d8f8e6}.chip.warn{color:#7a4b00;background:#fff1cc}.note{color:#5b4300;background:#fff6d6;border-radius:14px;padding:10px 14px}.swatch{border:4px solid #fff;border-radius:50%;width:64px;height:64px;box-shadow:0 3px 8px #0003}.avatar-img{aspect-ratio:1;object-fit:contain;background:linear-gradient(#bff3e6,#f4fff9);border-radius:14px;width:100%}label.field{gap:6px;font-weight:600;display:grid}input[type=range]{width:100%;accent-color:var(--teal);height:32px}input[type=text]{font:inherit;border:2px solid #cfe5e0;border-radius:12px;padding:.6em .8em;font-size:1.1rem}.toggle{background:#fff;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;min-height:52px;padding:8px 12px;font-weight:600;display:flex}.toggle input{width:28px;height:28px;accent-color:var(--teal)}table.stats{border-collapse:collapse;width:100%}table.stats th,table.stats td{text-align:left;border-bottom:1px solid #e3ece9;padding:8px}.game{background:#9bd7e8;position:fixed;inset:0}.game canvas{touch-action:none;outline:none;width:100%;height:100%;position:absolute;inset:0}.hud{padding:calc(10px + var(--safe-t)) calc(10px + var(--safe-r)) 0 calc(10px + var(--safe-l));pointer-events:none;z-index:5;justify-content:space-between;align-items:flex-start;gap:8px;display:flex;position:absolute;top:0;left:0;right:0}.hud>*{pointer-events:auto}.pill{background:#fffdf4f0;border-radius:999px;align-items:center;gap:8px;min-height:48px;padding:6px 14px;font-size:1.1rem;font-weight:700;display:inline-flex;box-shadow:0 4px #00000029}.progress{background:#d9ece7;border-radius:99px;width:clamp(80px,18vw,200px);height:12px;overflow:hidden}.progress>i{background:linear-gradient(90deg, var(--teal), var(--turq));height:100%;display:block}.coin-ico{background:radial-gradient(circle at 35% 30%,#fff3b0,#ffc21a 45%,#c98a00);border-radius:50%;width:26px;height:26px;box-shadow:inset 0 0 0 3px #e5a100}.controls{bottom:calc(14px + var(--safe-b));left:calc(14px + var(--safe-l));right:calc(14px + var(--safe-r));pointer-events:none;z-index:4;justify-content:space-between;align-items:flex-end;display:flex;position:absolute}.controls>*{pointer-events:auto}.pad{touch-action:none;-webkit-user-select:none;user-select:none;background:#fffdf4e6;border:none;border-radius:50%;width:84px;height:84px;font-size:2rem;font-weight:700;box-shadow:0 5px #0003}.pad.jump{background:linear-gradient(#ffe066, var(--sun));width:100px;height:100px;box-shadow:0 5px 0 var(--orange-dark);font-size:1.1rem}@media (max-height:520px){.pad{width:68px;height:68px}.pad.jump{width:80px;height:80px}}.guide{left:calc(12px + var(--safe-l));top:calc(74px + var(--safe-t));z-index:6;align-items:flex-end;gap:10px;max-width:min(520px,100% - 24px);animation:.25s ease-out both rise;display:flex;position:absolute}@media (orientation:landscape){.guide{left:auto;right:calc(12px + var(--safe-r));flex-direction:row-reverse}.guide .bubble{border-radius:20px 20px 6px}.game.has-q .guide{right:auto;left:calc(12px + var(--safe-l));flex-direction:row}.game.has-q .guide .bubble{border-radius:20px 20px 20px 6px}}@media (max-height:520px){.guide{max-width:min(460px,54%)}.guide img{width:54px!important;height:54px!important}.guide .bubble{padding:9px 13px;font-size:.98rem}}.guide img{filter:drop-shadow(0 6px 8px #00000040);flex:none;width:76px;height:76px}.bubble{box-shadow:var(--shadow);background:#fff;border-radius:20px 20px 20px 6px;padding:12px 16px;font-size:1.12rem;font-weight:500;line-height:1.35}.bubble .who{color:var(--teal-dark);text-transform:uppercase;letter-spacing:.06em;font-size:.8rem;font-weight:700;display:block}.qcard{right:calc(14px + var(--safe-r));top:calc(74px + var(--safe-t));width:min(440px,100% - 28px);max-height:calc(100% - 90px - var(--safe-t) - var(--safe-b));z-index:7;background:linear-gradient(160deg, #3fe0cc, var(--turq-deep));color:#fff;border-radius:26px;padding:16px;animation:.3s ease-out both rise;position:absolute;overflow-y:auto;box-shadow:0 14px 40px #00323c59,inset 0 0 0 3px #ffffff73}@media (orientation:landscape) and (max-width:1100px),(orientation:landscape) and (max-height:620px){.qcard{width:min(440px,46%);max-height:none;padding:calc(72px + var(--safe-t)) calc(16px + var(--safe-r)) calc(16px + var(--safe-b)) 16px;border-radius:26px 0 0 26px;top:0;bottom:0;right:0}.game.has-q .guide{max-width:calc(100% - min(440px,46%) - 24px)}}.game.has-q .hud{z-index:8}@media (max-height:600px),(orientation:portrait){.game.has-q .guide{display:none}}.qcard .qtitle{text-transform:uppercase;letter-spacing:.06em;opacity:.9;font-size:.95rem;font-weight:700}.qcard .qtext{text-shadow:0 3px #003c4659;margin:4px 0 12px;font-size:clamp(1.7rem,4.4vw,2.5rem);font-weight:700;line-height:1.1}.qcard .qtext.long{font-size:clamp(1.25rem,3vw,1.6rem)}.qcard .qpic{background:#fff;border-radius:16px;margin:0 0 10px;padding:6px}.qcard .qpic svg{max-height:150px!important}.qcard .qtext.story{font-size:clamp(1.05rem,2.2vw,1.35rem);font-weight:600;line-height:1.35}.answers{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px;display:grid}.answer{min-height:72px;color:var(--ink);background:linear-gradient(#fffef6,#ffeeb5);border:none;border-radius:18px;font-size:2rem;font-weight:700;position:relative;box-shadow:0 5px #d99a00}.answer .key{color:var(--ink-soft);font-size:.8rem;position:absolute;top:6px;left:10px}.answer.tried{color:#7a8689;background:#e9eeee;text-decoration:line-through;box-shadow:0 3px #b9c3c4}.answer.right{box-shadow:0 5px 0 var(--good);background:linear-gradient(#e7fff1,#a8f0c8)}.qtools{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.hintbox{color:var(--ink);background:#fffffff2;border-radius:16px;margin-top:12px;padding:12px}.hintbox p{margin:.2em 0 .5em;font-size:1.1rem}.feedback{color:var(--ink);background:#fff;border-radius:16px;margin-top:12px;padding:12px 14px;font-size:1.25rem;font-weight:700}.feedback.good{color:#0b5d33;background:#e5fff0}.feedback.try{color:#6b4500;background:#fff4dc}.builder{color:var(--ink);background:#fffffff2;border-radius:18px;gap:10px;padding:12px;display:grid}.builder .value{text-align:center;font-size:2.6rem;font-weight:700}.builder .stacks{flex-wrap:wrap;justify-content:center;gap:10px;min-height:40px;display:flex}.overlay{z-index:20;padding:calc(16px + var(--safe-t)) calc(16px + var(--safe-r)) calc(16px + var(--safe-b)) calc(16px + var(--safe-l));-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0628228c;place-items:center;display:grid;position:absolute;inset:0}.overlay .panel{width:min(560px,100%);max-height:100%;overflow-y:auto}.overlay .panel .actions{background:var(--paper);border-radius:0 0 var(--radius) var(--radius);margin:14px -20px -20px;padding:12px 20px 20px;position:sticky;bottom:-20px;box-shadow:0 -8px 14px -10px #00000040}.loading{z-index:30;color:#fff;text-align:center;background:radial-gradient(circle at 50% 30%,#5fe0c4,#0f6e5c);place-items:center;display:grid;position:absolute;inset:0}.loadbar{background:#ffffff4d;border-radius:99px;width:min(320px,70vw);height:16px;margin:14px auto;overflow:hidden}.loadbar>i{background:var(--sun);height:100%;transition:width .2s;display:block}.rotate{left:50%;bottom:calc(132px + var(--safe-b));text-align:center;z-index:8;pointer-events:none;justify-content:center;width:max-content;max-width:calc(100% - 28px);font-size:.95rem;position:absolute;transform:translate(-50%)}.hud .lvname{text-overflow:ellipsis;white-space:nowrap;max-width:34vw;font-size:.95rem;overflow:hidden}@media (max-width:560px),(max-height:600px) and (max-width:900px){.hud .lvname{display:none}}@keyframes rise{0%{opacity:0;transform:translateY(14px)}}@media (orientation:portrait){.qcard{width:auto;max-height:62%;padding:16px calc(16px + var(--safe-r)) calc(16px + var(--safe-b)) calc(16px + var(--safe-l));border-radius:26px 26px 0 0;inset:auto 0 0;box-shadow:0 -10px 30px #00323c4d,inset 0 0 0 3px #ffffff73}.guide{bottom:auto;top:calc(74px + var(--safe-t))}.qcard .qtext{font-size:2rem}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.reduced *{transition:none!important;animation:none!important}.practice-card .qcard{border-radius:26px;width:auto;max-height:none;padding:16px;position:static}.stream-start{z-index:50;text-align:center;color:#fff;background:linear-gradient(160deg,#3fe0cc,#0e6f7a);place-content:center;gap:16px;padding:24px;display:grid;position:fixed;inset:0}.stream-start p{max-width:34ch;margin:0 auto;font-size:1.1rem}.stream-ui{z-index:20;pointer-events:none;position:fixed;inset:0}.stream-live{color:#fff;letter-spacing:.04em;background:#0f1428c7;border-radius:999px;align-items:center;gap:8px;padding:6px 16px;font-size:.95rem;font-weight:800;display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%)}.stream-live .dot{background:#ff3b3b;border-radius:50%;width:11px;height:11px;animation:1.2s infinite pulse}@keyframes pulse{50%{opacity:.35}}.stream-stats{flex-wrap:wrap;justify-content:center;gap:8px;max-width:calc(100% - 24px);display:flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.stream-stats span{color:#fff;background:#0f1428b8;border-radius:999px;padding:5px 12px;font-size:.9rem;font-weight:700}.stream-count{color:#3a2300;background:radial-gradient(circle at 35% 30%,#ffe27a,#ffb31a);border-radius:50%;place-items:center;width:150px;height:150px;animation:.35s ease-out pop;display:grid;position:absolute;top:30%;left:50%;transform:translate(-50%,-50%);box-shadow:0 12px 40px #00000059,inset 0 0 0 6px #fff9}.stream-count .small{margin-bottom:-18px;font-size:.95rem;font-weight:800}.stream-count .big{font-size:4.2rem;font-weight:800}@keyframes pop{0%{transform:translate(-50%,-50%)scale(.6)}}.stream-thought{color:#13323a;background:#fff;border-radius:18px;max-width:min(460px,100% - 28px);padding:10px 14px;font-weight:600;position:absolute;bottom:96px;left:14px;box-shadow:0 8px 26px #00000040}.stream-thought .who{color:#0e8c9b;text-transform:uppercase;letter-spacing:.05em;font-size:.8rem;font-weight:800;display:block}.stream-ticker{background:linear-gradient(90deg,#ffc40000,#ffc400eb 12% 88%,#ffc40000);align-items:center;height:46px;display:flex;position:absolute;bottom:52px;left:0;right:0;overflow:hidden}.stream-ticker span{white-space:nowrap;color:#1b2340;will-change:transform;font-size:1.45rem;font-weight:900}.stream-ticker b{color:#b3261e}.stream-round{text-align:center;color:#fff;text-shadow:0 4px #0000004d;background:#0a1e288c;place-content:center;display:grid;position:absolute;inset:0}.stream-round .small{color:#ffd84a;font-size:2rem;font-weight:800}.stream-round .big{font-size:4.5rem;font-weight:900}.stream-saved{color:#fff;text-align:center;background:#1b7a4a;border-radius:14px;max-width:90vw;padding:10px 18px;font-weight:800;position:absolute;top:56px;left:50%;transform:translate(-50%)}.field{flex-direction:column;gap:4px;min-width:0;margin-bottom:8px;font-weight:600;display:flex}.field input,.field select,.panel textarea,.qlist input{font:inherit;color:var(--ink,#1b2340);box-sizing:border-box;background:#fff;border:2px solid #cfe5e0;border-radius:12px;width:100%;min-width:0;padding:.5em .7em;font-size:1rem}.panel textarea{resize:vertical}.qlist{gap:10px;margin:0;padding-left:1.6em;display:grid}.qlist li{gap:6px;display:grid}.qlist .row{flex-wrap:wrap;gap:6px}.qlist .mini{flex:180px;align-items:center;gap:6px;min-width:0;font-weight:700;display:flex}