@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:600;src:url(/releases/b6aa5d4300a59ed7e8a7bcb4ade9e0a11082a5b1/assets/nunito-latin-600-normal-Br8yIETf.woff2)format("woff2"),url(/releases/b6aa5d4300a59ed7e8a7bcb4ade9e0a11082a5b1/assets/nunito-latin-600-normal-Cd0eNu1l.woff)format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(/releases/b6aa5d4300a59ed7e8a7bcb4ade9e0a11082a5b1/assets/nunito-latin-800-normal-Dz8SOQK_.woff2)format("woff2"),url(/releases/b6aa5d4300a59ed7e8a7bcb4ade9e0a11082a5b1/assets/nunito-latin-800-normal-D-J0wlBY.woff)format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:900;src:url(/releases/b6aa5d4300a59ed7e8a7bcb4ade9e0a11082a5b1/assets/nunito-latin-900-normal-BVB1fGs6.woff2)format("woff2"),url(/releases/b6aa5d4300a59ed7e8a7bcb4ade9e0a11082a5b1/assets/nunito-latin-900-normal-CVn49sIn.woff)format("woff")}:root{color:#294e40;font-synthesis:none;--ink:#294e40;--muted:#63715d;--tomato:#b7462e;--paper:#fffdf4;background:#f8f5e9;font-family:Nunito,sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{cursor:default}button:focus-visible{outline-offset:5px;outline:4px solid #235d88}#app{max-width:1300px;margin:auto;padding:26px 48px 20px}.site-header{border-bottom:1px solid #d9ddcb;justify-content:space-between;align-items:center;padding-bottom:25px;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand img{transform:rotate(-8deg)}h1{letter-spacing:-1.2px;margin:0;font-size:30px;font-weight:900}.brand-note{color:var(--muted);font-size:14px;font-weight:800}.header-tools{align-items:center;gap:24px;display:flex}.help-button{min-width:44px;min-height:44px;color:var(--ink);background:#fffdf3;border:1.5px solid #9caa8d;border-radius:11px;align-items:center;gap:9px;padding:8px 12px;font-size:13px;font-weight:800;display:flex}.help-button>span:first-child{border:1.5px solid;border-radius:50%;width:20px;height:20px;line-height:18px}.help-button:hover{background:#e4ebd8}.guide{border:2px solid var(--ink);background:var(--paper);width:510px;max-width:calc(100% - 32px);max-height:calc(100dvh - 40px);color:var(--ink);border-radius:23px;padding:29px}.guide::backdrop{background:#213a2c99}.guide h2{margin:5px 0 13px;font-size:32px;font-weight:900}.guide p,.guide li{font-size:15px;line-height:1.55}.guide ol{padding-left:20px}.guide li{margin:10px 0;padding-left:5px}.fraction-example{background:#f1edd9;border-radius:14px;align-items:center;gap:22px;padding:12px 18px;display:flex}.fraction-example .fraction{font-size:39px}.fraction-example p{margin:8px 0;font-size:14px}.guide .keyboard-note{color:#626f58;font-size:12px}.guide form{margin-top:22px}.lesson-heading{justify-content:space-between;align-items:center;gap:24px;padding:28px 0 25px;display:flex}.eyebrow{letter-spacing:1.7px;margin:0 0 7px;font-size:11px;font-weight:900}.lesson-heading .eyebrow{color:#51644e;align-items:center;gap:7px;display:flex}.lesson-dot{background:#c86c43;border-radius:50%;width:7px;height:7px}.lesson-heading h2{letter-spacing:-1.5px;margin:0;font-size:39px;font-weight:900;line-height:1.15}.intro{color:var(--muted);margin:7px 0 0;font-size:15px}.lesson-tracker{width:234px}.tracker-copy{justify-content:space-between;align-items:center;margin-bottom:8px;font-size:13px;font-weight:800;display:flex}.tracker-copy p{margin:0}.star-count{background:#f8e9b9;border-radius:100px;align-items:center;gap:7px;padding:6px 11px;display:flex}.star-count svg{fill:#d39424;stroke:#91611f;stroke-width:1.4px;width:19px}.progress-dots{justify-content:space-between;align-items:center;margin:0;padding:0;list-style:none;display:flex;position:relative}.progress-dots:before{content:"";background:#d3d9c5;height:2px;position:absolute;left:0;right:0}.progress-dots li{color:#6d785e;background:#f8f5e9;border:1.5px solid #d1d8c3;border-radius:50%;place-items:center;width:32px;height:32px;font-size:12px;font-weight:900;display:grid;position:relative}.progress-dots .current{color:#fff;background:#345f48;border-color:#345f48;outline:3px solid #e1e6d3}.progress-dots .done{background:#f5d67e;border-color:#c6a04f}.progress-dots svg{fill:#a76d26;width:19px}.kitchen{border:2px solid var(--ink);border-radius:23px;overflow:hidden;box-shadow:0 5px #dce0cb;container-type:inline-size}.stage{-webkit-user-select:none;user-select:none;background:#e7ebd9;position:relative}.stage.dragging,.stage.dragging *{cursor:grabbing!important}#kitchen-canvas{width:100%;height:calc(300px + 35cqw)}canvas{display:block}.kitchen-sign{letter-spacing:1.3px;background:#f8f5e8;border:1px solid #9fae8d;border-radius:7px;align-items:center;gap:7px;padding:6px 10px;font-size:10px;font-weight:900;display:flex;position:absolute;top:4%;left:3.4%;transform:rotate(-2deg)}.sun-mark{color:#b56c2e;font-size:20px;line-height:1}.order{border:2px solid var(--ink);background:var(--paper);border-radius:22px;width:34%;padding:20px 23px 23px;position:absolute;top:18px;left:45%;transform:rotate(1.2deg);box-shadow:3px 4px #aab89550}.order:before{content:"";border-right:2px solid var(--ink);border-bottom:2px solid var(--ink);background:var(--paper);width:24px;height:24px;position:absolute;bottom:-13px;left:44%;transform:rotate(45deg)}.order .eyebrow{color:#6c7860;margin-bottom:9px;font-size:10px}.request{flex-wrap:wrap;align-items:center;gap:14px;margin:0;font-size:23px;font-weight:800;line-height:1.3;display:flex}.fraction{color:var(--tomato);text-align:center;flex-direction:column;align-items:stretch;min-width:30px;font-size:33px;font-weight:900;line-height:1.05;display:inline-flex}.fraction span:first-child{border-bottom:2px solid var(--tomato);margin-bottom:3px;padding-bottom:4px}.request-end{width:100%;font-size:19px}.pizza-board{touch-action:none;cursor:grab;z-index:2;border-radius:50%;position:absolute}.plate-target{touch-action:none;z-index:1;border-radius:50%;place-items:center;display:grid;position:absolute}.plate-empty{pointer-events:none;color:#617d6b;text-align:center;font-size:18px;font-weight:800}.plate-caption{pointer-events:none;text-align:center;width:100%;font-size:14px;font-weight:900;position:absolute;bottom:-53px}.slice-key.held{visibility:hidden}.slice-key{pointer-events:auto;background:0 0;border:0;border-radius:50%;place-items:center;width:44px;height:44px;padding:0;display:grid;position:absolute;transform:translate(-50%,-50%)}.pip-label{display:none}.pip-label span{letter-spacing:1px;font-size:10px;font-weight:800;display:block}.pizza-tip{text-align:center;color:#705e40;width:100%;margin:0;font-size:12px;font-weight:800;position:absolute;bottom:10px;left:0}.serving-bar{background:var(--paper);border-top:2px solid #294e40;justify-content:space-between;align-items:center;gap:20px;padding:23px 34px;display:flex}.plate-readout .eyebrow{color:#68725a;font-size:10px}.plate-count{letter-spacing:-.4px;margin:3px 0 0;font-size:21px;font-weight:900}.serving-actions{align-items:center;gap:25px;display:flex}.primary{border:2px solid var(--ink);background:var(--tomato);color:#fffdf5;min-width:174px;min-height:52px;box-shadow:0 4px 0 var(--ink);border-radius:13px;justify-content:center;align-items:center;gap:18px;padding:12px 23px;font-size:17px;font-weight:900;display:inline-flex}.primary:hover{background:#9e3b26}.primary:disabled{opacity:.55;box-shadow:none}.primary:active{box-shadow:0 1px 0 var(--ink);transform:translateY(3px)}.primary span{font-size:23px;line-height:1}.next{background:#38664b}.next:hover{background:#2c533c}.clear{color:#56624e;white-space:nowrap;background:0 0;border:0;min-width:110px;min-height:48px;padding:5px 0;font-size:14px;font-weight:800}.clear span{vertical-align:-2px;margin-right:5px;font-size:21px}.clear:hover:not(:disabled){color:#233c2e;text-decoration:underline}.clear:disabled{opacity:.45}.feedback{color:#52634a;background:#f0f2e3;border-top:1px solid #e5e4d2;justify-content:center;align-items:center;gap:9px;min-height:55px;padding:12px 22px;display:flex}.feedback p{margin:0;font-size:14px;font-weight:600}.feedback-mark{border:1.5px solid;border-radius:50%;flex:none;place-items:center;width:18px;height:18px;font-size:12px;font-weight:900;display:grid}.feedback[data-result=correct]{color:#2a5137;background:#dcebd3}.feedback[data-result=too-few],.feedback[data-result=too-many]{color:#6b512c;background:#fff0cd}.page-footer{color:#69715c;justify-content:space-between;align-items:center;gap:15px;margin-top:21px;font-size:12px;display:flex}.page-footer span:last-child{letter-spacing:1.5px;font-size:9px;font-weight:900}.restart{color:#52634a;background:0 0;border:0;min-width:100px;min-height:44px;font-size:12px;font-weight:800}.restart:hover{text-decoration:underline}.restart span{margin-right:4px;font-size:18px}.completion{background:#e5edda;grid-template-columns:.8fr 1.2fr;align-items:center;gap:35px;min-height:630px;padding:65px 7%;display:grid}.completion-art{position:relative}.completion-art img{width:100%;max-width:340px}.celebration-spark{color:#b98025;font-size:50px;position:absolute}.spark-one{top:10%;left:0}.spark-two{font-size:30px;top:60%;right:0}.earned-stars{gap:7px;margin:20px 0;display:flex}.earned-stars svg{fill:#f4c958;stroke:#a77b2d;stroke-width:1.3px;width:43px}.completion h2{letter-spacing:-1.5px;margin:0 0 20px;font-size:49px;font-weight:900;line-height:1.1}.completion-copy>p:not(.eyebrow){color:#51624b;font-size:17px;line-height:1.6}.completion .replay{margin-top:15px}.completion-copy .completion-note{margin-top:23px;font-size:13px!important}.reward{background:#fff0b1;border:2px solid #916622;border-radius:12px;padding:8px 16px;font-size:19px;font-weight:900;animation:.35s ease-out reward-pop;position:absolute;bottom:7%;left:65%;transform:rotate(-5deg);box-shadow:0 3px #c3a76d}.reward span{color:#9f6e21;margin-right:5px}@keyframes reward-pop{0%{opacity:0;transform:translateY(10px)scale(.8)rotate(-5deg)}to{opacity:1;transform:translateY(0)scale(1)rotate(-5deg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media (width<=1000px){#app{padding:22px 28px}.brand-note{font-size:12px}.order{padding:14px 17px 18px}.request{gap:10px;font-size:19px}.request-end{font-size:16px}.fraction{font-size:28px}}@media (width<=700px){#app{padding:18px 16px}.site-header{padding-bottom:17px}.brand{gap:7px}.brand img{width:39px;height:39px}h1{letter-spacing:-1px;font-size:24px}.brand-note{display:none}.header-tools{gap:0}.help-word{display:none}.help-button{justify-content:center;padding:10px}.lesson-heading{padding:21px 0 20px;display:block}.lesson-heading h2{font-size:33px}.intro{font-size:13px}.lesson-tracker{align-items:center;gap:16px;width:100%;margin-top:17px;display:flex}.tracker-copy{flex-shrink:0;gap:12px;margin:0;font-size:12px}.star-count{gap:3px;padding:4px 7px}.star-count svg{width:15px}.progress-dots{flex:1}.progress-dots li{width:23px;height:23px;font-size:10px}.progress-dots svg{width:15px}.page-footer{justify-content:space-between;font-size:11px}.page-footer span:last-child{display:none}}@container (width<=650px){#kitchen-canvas{height:calc(400px + min(600px,200cqw - 120px))}.kitchen-sign,.pip-label{display:none}.order{border-radius:17px;width:61%;padding:14px 14px 16px;top:16px;left:12px;right:auto;transform:rotate(-1deg)}.order:before{width:16px;height:16px;bottom:36px;left:auto;right:-9px;transform:rotate(-45deg)}.order .eyebrow{letter-spacing:1px;font-size:8px}.request{gap:9px;font-size:18px}.request-end{font-size:15px}.fraction{min-width:25px;font-size:27px}.pizza-tip{width:100%;font-size:11px;bottom:11px;left:0}.serving-bar{padding:17px 18px 21px;display:block}.plate-count{font-size:20px}.serving-actions{justify-content:space-between;gap:12px;margin-top:12px}.clear{min-width:96px;font-size:13px}.primary{gap:12px;min-width:145px;padding:11px 17px;font-size:16px}.feedback{align-items:flex-start;padding:13px 17px}.feedback p{font-size:13px}.feedback-mark{margin-top:1px}.reward{padding:5px 9px;font-size:14px;inset:154px 10px auto auto}.completion{text-align:center;flex-direction:column;gap:8px;min-height:0;padding:26px 20px;display:flex}.completion-art{width:170px}.completion h2{font-size:35px}.completion-copy>p:not(.eyebrow){font-size:15px}.completion-copy .eyebrow{font-size:9px}.earned-stars{justify-content:center;margin:15px 0}.earned-stars svg{width:34px}}