@font-face{font-family:ABeeZee;src:url(/assets/ABeeZee.ttf) format("truetype");font-display:swap}@font-face{font-family:Grundschrift;src:url(/assets/UrffGrundschrift.ttf) format("truetype");font-display:swap}:root{font-family:ABeeZee,system-ui,sans-serif;color:#3e4238;background:#faf8f3;font-synthesis:none;--paper:#faf8f3;--ink:#3e4238;--muted:#84847a;--line:#e6e5da;--green:#547347;--purple:#8871a6;--radius:18px}*{box-sizing:border-box}body{margin:0}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{cursor:pointer}button{touch-action:manipulation}button:disabled{cursor:default}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #8670a5;outline-offset:4px}button{transition:background .18s,transform .18s,box-shadow .18s}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.45}button svg{flex-shrink:0}::selection{background:#dcd0ec}h1,h2,h3,p{margin:0}button{color:inherit}svg{vertical-align:middle}.app{min-height:100vh;display:grid;grid-template-columns:282px minmax(0,1fr)}.sidebar{background:#f2f1e8;border-right:1px solid #e3e2d7;padding:30px 24px 20px;display:flex;flex-direction:column;gap:0;position:sticky;top:0;height:100vh;min-height:775px;z-index:5}.brand{display:flex;align-items:center;gap:9px;text-decoration:none;margin-bottom:39px;white-space:nowrap}.brand-monster{width:49px;height:49px;flex-shrink:0;transform:rotate(-8deg)}.brand>div{font-size:23px;letter-spacing:-1.1px;font-weight:800;line-height:1.25}.brand>div>span{color:#658653}.brand small{display:block;font-size:8px;font-weight:400;letter-spacing:1.4px;color:#858779;margin-top:6px}.sidebar-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.sidebar-heading>span{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:700;letter-spacing:.1px}.sidebar-heading svg{color:#87887a}.setting-section{padding-bottom:23px;margin-bottom:23px;border-bottom:1px solid #dddfd2}.setting-section h2{font-size:13px;font-weight:600;margin-bottom:6px;letter-spacing:.05px}.setting-section>p{font-size:10.5px;color:#848579;line-height:1.6;margin-bottom:14px}.operation-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.operation{position:relative;min-height:73px;border:1.5px solid #dddcd4;border-radius:12px;background:#faf9f4;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:11px;box-shadow:0 2px #e1e0d6}.operation-symbol{font-family:system-ui,sans-serif;font-size:29px;font-weight:500;line-height:1.1}.operation.purple{color:#77618f}.operation.pink{color:#b57d85}.operation.teal{color:#5b9690}.operation.orange{color:#b98e59}.operation.selected.purple{background:#e7deed;border-color:#9c84b4;box-shadow:0 2px #ccbcd9}.operation.selected.pink{background:#f1e1e2;border-color:#bc8993;box-shadow:0 2px #dcbfc5}.operation.selected.teal{background:#dfede7;border-color:#78a39a;box-shadow:0 2px #b9d4c7}.operation.selected.orange{background:#f5e9d5;border-color:#c5a470;box-shadow:0 2px #ddceb2}.operation:hover{filter:brightness(.98);transform:translateY(-1px)}.selection-check{position:absolute;right:7px;top:7px;display:grid;place-items:center;width:16px;height:16px;background:#9c83b4;color:#fff;border-radius:50%}.pink .selection-check{background:#bc8993}.teal .selection-check{background:#78a39a}.orange .selection-check{background:#b79360}.range-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.range-button{display:flex;align-items:center;justify-content:center;gap:5px;position:relative;min-height:39px;font-size:11px;border:1px solid #deded3;border-radius:8px;background:#faf9f4;color:#777c6e}.range-button strong{font-weight:600;font-size:13px}.range-button.selected{border-color:#8aa175;background:#e3ead9;color:#587148}.range-button svg{position:absolute;right:7px}.range-button.selected strong{margin-right:8px}.range-button:hover{background:#e9eedf}.range-note{display:flex;align-items:center;gap:6px;margin-top:11px;font-size:10px;color:#7c8473}.tiny-dot{width:5px;height:5px;background:#879b72;border-radius:50%}.options-section{border-bottom:0;margin-bottom:0;padding-bottom:22px}.options-section h2{margin-bottom:16px}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:17px;font-size:11px}.toggle-row small{display:block;font-size:9px;color:#83877a;margin-top:5px}.toggle{width:35px;height:21px;border:0;padding:3px;border-radius:15px;background:#d1d4c6;flex-shrink:0;min-width:35px;position:relative}.toggle span{display:block;width:15px;height:15px;border-radius:50%;background:#fffdf5;box-shadow:0 1px 3px #3e423826;transition:transform .2s}.toggle.is-on{background:#8da574}.toggle.is-on span{transform:translate(14px)}.toggle:before{content:"";position:absolute;top:-11px;right:-5px;bottom:-11px;left:-5px}.font-setting>span{font-size:11px;display:block;margin-bottom:9px}.font-segment{display:flex;padding:4px;border-radius:8px;background:#e7e8de;gap:2px}.font-segment button{flex:1;border:0;background:transparent;border-radius:5px;font-size:10px;padding:8px 3px;color:#7c8172}.font-segment button.active{background:#fcfbf6;color:#4f5947;box-shadow:0 1px 4px #52664413}.sidebar-tip{margin-top:5px;padding:15px 12px 17px;background:#e9ecdf;border:1px solid #dce2cf;border-radius:12px;display:flex;gap:9px;position:relative}.tip-icon{color:#8e9a68;margin-top:1px}.sidebar-tip strong{font-size:11px;font-weight:600;color:#606f4e}.sidebar-tip p{font-size:10px;line-height:1.8;color:#808773;margin-top:5px}.tip-doodle{position:absolute;bottom:11px;right:10px;color:#98a379;font-size:23px}.sidebar-bottom{margin-top:auto;padding-top:25px;display:flex;flex-direction:column;gap:17px;color:#858b7b}.sidebar-bottom>span{font-size:9px;display:flex;align-items:center;gap:6px;white-space:nowrap}.privacy-dot{height:5px;width:5px;border-radius:50%;background:#8da579}.sidebar-bottom button{display:flex;align-items:center;gap:7px;background:none;border:0;padding:0;font-size:10px;text-align:left}.sidebar-bottom button>svg:last-child{margin-left:auto}.mobile-close,.mobile-settings{display:none!important}.workspace{min-width:0}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e8e7de;padding:0 40px;background:#faf8f3}.breadcrumb{display:flex;align-items:center;gap:12px;font-size:10px;color:#919287}.breadcrumb>svg{color:#b6b6a8}.breadcrumb strong{color:#646a5c;font-weight:400}.topbar-actions{display:flex;align-items:center;gap:15px}.icon-button{background:none;border:0;border-radius:8px;padding:9px;display:grid;place-items:center;color:#85897a;min-width:38px;min-height:38px}.icon-button:hover{background:#eeeee4}.subtle-button{display:flex;align-items:center;gap:7px;border:1px solid #dfdfd2;background:#fafaf3;padding:8px 11px;border-radius:7px;color:#737b68;font-size:10px;min-height:34px}.subtle-button:hover{background:#eeeee3}.sound-button{position:relative}.sound-button:after{content:"";width:1px;height:18px;background:#e2e3d7;position:absolute;right:-7px}.workspace main{padding:36px 40px 0;max-width:1500px;margin:auto}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:29px}.eyebrow{display:flex;align-items:center;gap:6px;font-size:9px;letter-spacing:1.45px;color:#8d9680;margin-bottom:12px}.eyebrow>span{width:5px;height:5px;border-radius:50%;background:#8a9e74}h1{font-size:clamp(22px,2.1vw,33px);letter-spacing:-1.05px;line-height:1.3;font-weight:500;white-space:nowrap}h1>span{color:#6c865a}.page-heading p{font-size:11px;line-height:1.6;color:#929084;margin-top:10px}.mobile-break{display:none}.collection-button{display:flex;align-items:center;gap:11px;background:#f3f0e8;border:1px solid #e3dfd2;border-radius:11px;padding:12px 13px;flex-shrink:0;color:#6e735f}.collection-button:hover{background:#ebeede;border-color:#b7c3a6}.collection-icon{position:relative;width:33px;height:35px;display:grid;place-items:center;color:#8b9673}.collection-icon>span{position:absolute;right:-1px;top:0;background:#dce5cc;color:#5d7548;min-width:15px;height:15px;font-size:8px;display:grid;place-items:center;border-radius:50%;border:2px solid #f3f0e8}.collection-button>span:nth-child(2){font-size:11px;text-align:left}.collection-button small{display:block;font-size:8px;color:#999a89;margin-top:5px}.collection-button>svg{margin-left:6px;color:#969e85}.workbench{background:#fffdf7;border:1px solid #e4e2d6;border-radius:19px;overflow:hidden;box-shadow:0 4px #eeeade80,0 12px 35px #6e694609}.workbench-header{display:flex;align-items:center;justify-content:space-between;padding:18px 25px 8px;position:relative;z-index:2}.live-badge{display:flex;gap:7px;align-items:center;padding:7px 10px;border:1px solid #e1e6d4;background:#f0f4e7;color:#768363;font-size:9px;border-radius:7px}.live-badge>span{width:5px;height:5px;border-radius:50%;background:#94a878;box-shadow:0 0 0 3px #94a87810}.stars{display:flex;align-items:center;gap:11px}.stars>span{font-size:9px;color:#929383}.stars>div{display:flex;gap:6px}.stars svg{color:#dedbca;transition:color .25s,transform .3s}.stars svg.earned{color:#dab357;filter:drop-shadow(0 2px 0 #ba8e2120);animation:star-pop .5s ease}.machine-scene{position:relative;aspect-ratio:1672/941;margin:3px 11px -2px;isolation:isolate}.machine-art{position:absolute;width:100%;height:100%;display:block;object-fit:contain;mix-blend-mode:multiply;pointer-events:none}.scene-annotation{position:absolute;left:5%;top:5.2%;font-family:Grundschrift,ABeeZee,sans-serif;font-size:clamp(12px,1.1vw,17px);line-height:1.2;color:#889b78;transform:rotate(-8deg);max-width:16%;text-align:center}.scene-annotation svg{display:block;width:48px;height:35px;margin:8px 0 0 35%;transform:rotate(8deg)}.scene-annotation svg path{stroke:#99aa83;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.number-window{position:absolute;top:36.6%;height:20.4%;width:12.5%;display:grid;place-items:center;font-family:Grundschrift,ABeeZee,sans-serif;font-size:clamp(38px,5.7vw,89px);color:#443b2e;line-height:1;overflow:hidden}.window-one{left:20.5%}.window-operation{left:35.55%;font-family:ABeeZee,sans-serif;font-size:clamp(30px,4.6vw,68px);color:#927398}.window-two{left:50.65%}.number-window>span{position:relative;margin-top:5px}.answer-display{position:absolute;left:21.3%;top:65.8%;width:40.2%;height:8.6%;display:flex;align-items:center;justify-content:center;gap:12px;font-family:Grundschrift,ABeeZee,sans-serif;font-size:clamp(21px,2.8vw,41px);color:#635b46;line-height:1}.equation{white-space:nowrap}.equals{margin-left:8px;color:#9e9275}.answer-display input{border:0;border-bottom:2px dashed #c4baa0;border-radius:0;width:1.8em;min-width:48px;height:90%;padding:0 0 1px;background:transparent;text-align:center;color:#72578e;font-size:inherit;font-family:inherit;outline-offset:0;caret-color:#9479a4;line-height:1;box-shadow:none}.answer-display input::placeholder{color:#b6a18d;opacity:.9}.answer-display input:focus{outline:none;border-bottom-color:#9274ac;background:#e5d7ed33;border-radius:4px 4px 0 0}.answer-display input[readonly]{color:#63814b;border-bottom:0}.answer-check{color:#84a261;width:clamp(12px,1.5vw,24px)}.machine-red-button{position:absolute;left:35.4%;top:86.25%;width:11.9%;height:7.9%;border:0;border-radius:50%;background:transparent;color:#fff6dc;font-size:clamp(10px,1.15vw,17px);font-weight:600;letter-spacing:.2px;text-shadow:0 1px 2px #842d10;transform:rotate(-.5deg);padding:0;display:flex;align-items:center;justify-content:center;outline-offset:5px!important}.machine-red-button>span{margin-top:-8%}.machine-red-button:hover:not(:disabled){background:#ffefb922;box-shadow:0 0 20px #fcd26466}.machine-red-button:active:not(:disabled){transform:translateY(2px);background:#8e230822}.is-spinning .signal-glow{position:absolute;left:39.3%;top:10%;width:6.5%;height:9%;border-radius:50%;background:#ff913370;filter:blur(7px);animation:signal .4s infinite alternate}.is-spinning .number-window:not(.window-operation)>span{animation:roll .16s linear infinite}.is-spinning .machine-red-button{background:#ffde8a35;opacity:1}.monster-chamber{position:absolute;left:70.6%;width:23.35%;top:28.2%;height:47.8%;display:flex;align-items:flex-end;justify-content:center}.mystery-monster{height:100%;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;padding-top:15px}.mystery-shape{display:block;position:relative;width:52%;height:47%;background:#c2a36936;border:2px dashed #b99d6359;border-radius:45% 45% 28% 32%;transform:rotate(-5deg);animation:monster-idle 4s ease-in-out infinite}.mystery-shape:before,.mystery-shape:after{content:"";position:absolute;top:-10%;width:22%;height:25%;background:#d3b876;border-radius:50% 50% 0 0;opacity:.22;z-index:-1}.mystery-shape:before{left:8%;transform:rotate(-25deg)}.mystery-shape:after{right:8%;transform:rotate(25deg)}.mystery-eye{position:absolute;width:22%;height:15%;border-radius:50%;background:#fff6d9b3;top:31%;display:grid;place-items:center}.mystery-eye:after{content:"";width:27%;height:45%;background:#b8a06a;border-radius:50%}.mystery-eye.left{left:24%}.mystery-eye.right{right:24%}.mystery-shape b{position:absolute;left:0;right:0;top:51%;text-align:center;font-size:clamp(24px,4vw,52px);font-weight:400;font-family:Grundschrift,ABeeZee,sans-serif;color:#b19454;opacity:.7}.mystery-caption{font-size:clamp(9px,1vw,14px);line-height:1.55;text-align:center;color:#a68a55}.reward-monster{position:absolute;width:88%;height:90%;bottom:5%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 4px 3px #69533422);animation:monster-reveal .65s cubic-bezier(.2,.9,.3,1.2) both;transform-origin:center bottom}.monster-name{position:absolute;bottom:-10%;left:-8%;right:-8%;text-align:center;font-size:clamp(9px,1vw,14px);font-family:Grundschrift,ABeeZee,sans-serif;color:#697b4b;background:#fff9e4e6;border-radius:20px;padding:5px 9px;animation:fade-in .5s .2s both}.reveal-button{border:1px solid #8fa563;background:#e0ecc4;color:#61763f;display:flex;align-items:center;gap:5px;padding:7px 9px;border-radius:7px;font-size:clamp(8px,.85vw,12px);box-shadow:0 2px #b2bf8a}.confetti{position:absolute;left:70%;top:27%;width:24%;height:44%;pointer-events:none;overflow:visible}.confetti i{position:absolute;left:calc(10% + mod(var(--i) * 19,80)*1%);left:calc(8% + var(--i) * 5.6%);top:10%;width:6px;height:11px;border-radius:2px;background:var(--color);animation:confetti-drop 1.8s ease-out both;animation-delay:calc(var(--i) * 35ms);transform:rotate(calc(var(--i) * 35deg))}.instruction{margin:7px 25px 17px;display:flex;align-items:center;justify-content:center;gap:10px;min-height:34px;color:#8b8778;font-size:11px;text-align:center}.instruction strong{color:#b47b6b;font-weight:400}.instruction-icon{display:grid;place-items:center;width:21px;height:21px;border-radius:50%;background:#edece0;color:#8e927a;font-size:10px;flex-shrink:0}.instruction.success{color:#69834f}.instruction.success .instruction-icon{background:#e5eed7;color:#799a55}.instruction.retry{color:#b28b62;animation:gentle-shake .4s}.instruction.retry .instruction-icon{background:#f3e9d6;color:#ac885c}.instruction button{display:flex;align-items:center;gap:5px;border:0;background:#e6eed9;color:#667d4c;padding:8px 12px;font-size:10px;border-radius:7px;white-space:nowrap}.number-pad{display:flex;align-items:center;justify-content:center;gap:9px;margin:0 auto 22px;padding:0 25px}.number-pad button{height:46px;width:48px;min-width:0;display:grid;place-items:center;border:1px solid #dbdccf;border-bottom:3px solid #d8dbca;background:linear-gradient(#fafbf5,#f2f3e9);border-radius:10px;font-size:21px;color:#626b53;font-family:Grundschrift,ABeeZee,sans-serif;box-shadow:0 2px 3px #6e76510a}.number-pad button:hover:not(:disabled){border-color:#a4b18e;background:#e8eede;transform:translateY(-2px);box-shadow:0 4px 4px #6e76510e}.number-pad button:active:not(:disabled){transform:translateY(1px);border-bottom-width:1px}.number-pad .delete-key{margin-left:7px;width:47px;background:#f1eee6;color:#97907d;border-color:#e0dbcf}.workbench-bottom{border-top:1px solid #eceadd;background:#faf9f2;display:flex;align-items:center;justify-content:space-between;padding:13px 23px;gap:15px}.hint-button,.new-task-button{border:0;background:transparent;display:flex;align-items:center;gap:7px;padding:5px 0;font-size:10px;color:#9a8f69;min-height:26px}.hint-button:hover,.hint-button.active{color:#758755}.hint-button>svg:last-child{color:#b4ad94;margin-left:2px}.hint-button.active>svg:last-child{transform:rotate(180deg)}.new-task-button{color:#889079}.new-task-button:hover{color:#52683e}.keyboard-note{font-size:9px;color:#a2a291}kbd{font:inherit;background:#efeee5;border:1px solid #e5e3d5;border-radius:4px;padding:3px 5px;margin-left:3px}.hint-panel{display:flex;gap:13px;background:#f4f2df;border-top:1px solid #e3dfbf;padding:20px 25px;animation:fade-in .25s ease}.hint-bulb{color:#a4995b}.hint-panel strong{font-size:12px;color:#867c4a;font-weight:400}.hint-panel p{font-size:11px;line-height:1.8;margin-top:5px;color:#938769}.counting-dots{display:flex;gap:6px;max-width:440px;flex-wrap:wrap;margin-top:12px}.counting-dots>span{width:17px;height:17px;border-radius:50%;background:#b7a4c8;display:grid;place-items:center;color:#a58a84}.counting-dots .second-group{background:#88b6ab}.counting-dots .crossed{background:#dfd8c8}.below-workbench{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:21px 4px 27px;font-size:10px;color:#96988a}.below-workbench>span{display:flex;align-items:center;gap:7px}.below-workbench>span>svg{color:#a4a88f}.session-counter{display:flex;align-items:center;gap:5px;font-size:9px}.counter-dot{width:5px;height:5px;background:#92a17d;border-radius:50%;margin-right:3px}.session-counter strong{color:#7f8f6c;font-weight:400}footer{border-top:1px solid #e5e5d9;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 0 22px;font-size:8px;color:#a2a195}footer a{text-decoration:none;color:#8c9280}footer a:hover{text-decoration:underline}footer button{border:0;background:none;font-size:inherit;padding:0;color:inherit}.footer-divider{margin:0 8px}footer button:hover{text-decoration:underline}.modal{border:1px solid #dddccb;background:#fffdf5;border-radius:22px;padding:27px 30px;max-width:560px;width:calc(100% - 32px);max-height:85vh;color:var(--ink);box-shadow:0 25px 100px #3f4a3133}.modal::backdrop{background:#3f493a66;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.modal-top h2{font-size:23px;font-weight:400;letter-spacing:-.5px}.modal-description{font-size:12px;line-height:1.8;margin:10px 0 23px;color:#90917f}.collection-modal{max-width:780px}.collection-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.collection-card{height:155px;border:1px dashed #e0ddcd;border-radius:12px;background:#f8f6ed;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;padding:10px;overflow:hidden}.collection-card.unlocked{background:radial-gradient(ellipse at 50% 30%,#ffefc7,#f6f5e6);border:1px solid #d7dfc6}.collection-card img{height:95px;max-width:90%;object-fit:contain;filter:drop-shadow(0 2px 2px #6d604322)}.collection-card strong{font-size:10px;color:#828a6d;font-weight:400;text-align:center}.collection-card>span:last-child{font-size:8px;color:#aaab98;display:flex;align-items:center;gap:4px}.locked-monster{display:grid;place-items:center;height:85px;width:55px;font-family:Grundschrift,ABeeZee,sans-serif;font-size:47px;color:#d4cdb7}.collection-summary{display:flex;align-items:center;justify-content:center;gap:7px;padding-top:22px;font-size:11px;color:#959780}.collection-summary svg{color:#c5ae70}.collection-summary strong{font-weight:400;color:#7b8965}.help-steps{list-style:none;padding:0;margin:20px 0}.help-steps li{display:flex;gap:14px;margin-bottom:22px}.help-steps li>span{width:29px;height:29px;display:grid;place-items:center;border-radius:50%;background:#e6ecd9;color:#7b9261;flex-shrink:0;font-size:12px}.help-steps strong{font-size:13px;color:#61794b;font-weight:400}.help-steps p{font-size:12px;line-height:1.8;color:#888a79;margin-top:6px}.modal-note{display:flex;align-items:center;gap:10px;padding:15px;border-radius:10px;background:#f3f0e2;font-size:11px;color:#969273}.privacy-content{font-size:12px;color:#8a8c7c;line-height:1.9}.privacy-content h3{font-size:14px;font-weight:400;color:#6c7e56;margin:24px 0 10px}.privacy-content p{margin-bottom:12px}.privacy-content a{color:#6c7e56}.handwriting .number-window,.handwriting .answer-display,.handwriting .number-pad button{font-family:Grundschrift,sans-serif}.app:not(.handwriting) .number-window:not(.window-operation){font-family:ABeeZee,sans-serif;font-size:clamp(35px,5.1vw,79px)}.app:not(.handwriting) .answer-display{font-family:ABeeZee,sans-serif;font-size:clamp(19px,2.1vw,34px)}.app:not(.handwriting) .number-pad button{font-family:ABeeZee,sans-serif;font-size:18px}@keyframes roll{0%{transform:translateY(-16px);filter:blur(1px)}50%{transform:translateY(14px);filter:blur(2px)}to{transform:translateY(-16px);filter:blur(1px)}}@keyframes signal{0%{opacity:.3}to{opacity:1;box-shadow:0 0 30px #ffc542}}@keyframes monster-idle{0%,to{transform:rotate(-5deg) translateY(0)}50%{transform:rotate(3deg) translateY(-4px)}}@keyframes monster-reveal{0%{opacity:0;transform:translateY(35px) scale(.6)}60%{opacity:1;transform:translateY(-10px) scale(1.04)}to{transform:none;opacity:1}}@keyframes star-pop{0%{transform:scale(.4)}65%{transform:scale(1.3)}to{transform:scale(1)}}@keyframes confetti-drop{0%{opacity:0;transform:translateY(-10px) rotate(0)}15%{opacity:1}90%{opacity:.8}to{opacity:0;transform:translateY(170px) rotate(200deg)}}@keyframes gentle-shake{0%,to{transform:translate(0)}25%{transform:translate(-3px)}75%{transform:translate(3px)}}@keyframes fade-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media(min-width:1550px){.workspace main{padding-top:43px}.page-heading{margin-bottom:35px}.topbar{height:85px}.sidebar{padding-top:35px}.machine-scene{max-width:1160px;margin-inline:auto}.number-window{font-size:90px}.app:not(.handwriting) .number-window:not(.window-operation){font-size:78px}.workbench-header{padding:22px 30px 8px}.instruction{font-size:12px;margin-bottom:22px}.number-pad{margin-bottom:26px}.number-pad button{height:50px;width:53px}.workbench-bottom{padding:15px 27px}}@media(max-width:1200px){.app{grid-template-columns:245px minmax(0,1fr)}.sidebar{padding:25px 20px;min-height:760px}.brand{gap:7px;margin-bottom:32px}.brand>div{font-size:20px}.brand small{font-size:7px;letter-spacing:1.1px}.brand-monster{width:42px;height:42px}.workspace main{padding:29px 26px 0}.topbar{padding:0 26px;height:67px}.page-heading{gap:12px;align-items:flex-start}.page-heading h1{font-size:24px;white-space:normal;max-width:450px}.page-heading p{font-size:10px;max-width:340px}.collection-button{padding:9px 10px;gap:7px;margin-top:24px}.collection-button small{display:none}.collection-button>span:nth-child(2){font-size:10px}.collection-button>svg{width:13px;margin-left:0}.collection-icon{width:26px}.number-pad{gap:7px}.number-pad button{width:40px;height:43px}.keyboard-note{display:none}.number-window{font-size:5.8vw}.app:not(.handwriting) .number-window:not(.window-operation){font-size:5.1vw}.scene-annotation{font-size:12px}.instruction{font-size:10px;margin-inline:15px}.workbench-header{padding-inline:18px}.stars{gap:7px}.stars svg{width:18px;height:18px}.stars>div{gap:4px}.stars>span{font-size:8px}.workbench-bottom{padding-inline:18px}.sidebar-tip{padding:13px 9px;gap:7px}.sidebar-tip p{font-size:9px}footer{font-size:7px}.sidebar-bottom{padding-top:21px}.setting-section{margin-bottom:21px;padding-bottom:21px}.options-section{margin-bottom:0}.below-workbench{font-size:9px}}@media(max-width:960px)and (min-width:761px){.app{grid-template-columns:222px minmax(0,1fr)}.sidebar{padding-inline:16px}.workspace main{padding-inline:20px}.topbar{padding-inline:20px}.breadcrumb{font-size:9px;gap:7px}.topbar-actions{gap:8px}.collection-button{padding:8px}.collection-button>span:nth-child(2){display:none}.page-heading h1{font-size:23px}.instruction{font-size:9px;gap:6px}.number-pad{gap:5px;padding-inline:15px}.number-pad button{height:38px;border-radius:8px}.number-pad .delete-key{margin-left:2px}.workbench-header{padding:15px 15px 7px}.live-badge{font-size:8px;padding:6px 7px}.stars>span{display:none}.scene-annotation{font-size:10px}.scene-annotation svg{width:30px;height:24px;margin-top:4px}.workbench-bottom button{font-size:9px}.below-workbench>span{font-size:8px}.below-workbench{gap:8px}.session-counter{font-size:8px}footer{flex-direction:column;align-items:flex-start;gap:10px}.number-window{font-size:5.2vw}.app:not(.handwriting) .number-window:not(.window-operation){font-size:4.6vw}.window-operation{font-size:4vw}.answer-display{gap:7px}.app:not(.handwriting) .answer-display{font-size:2.3vw}.machine-red-button{font-size:10px}.mystery-caption{font-size:9px}}@media(max-width:760px){.app{display:block}.sidebar{display:none;position:fixed;inset:0 auto 0 0;width:300px;height:100dvh;min-height:0;overflow-y:auto;box-shadow:200px 0 0 600px #3e423866;padding:25px;z-index:20}.sidebar.mobile-open{display:flex;animation:fade-in .2s ease}.sidebar-heading{margin-bottom:21px}.brand{margin-bottom:25px}.mobile-close{display:grid!important}.mobile-settings{display:flex!important}.topbar{height:61px;padding:0 20px}.breadcrumb>span,.breadcrumb>svg{display:none}.breadcrumb strong{font-size:12px;font-weight:500;color:#6b7d59}.topbar-actions{gap:10px}.sound-button,.fullscreen-button{display:none}.mobile-settings{font-size:10px;padding:7px 9px}.workspace main{padding:27px 18px 0}.page-heading{margin-bottom:23px;align-items:center;gap:10px}.eyebrow{font-size:8px;letter-spacing:1px;margin-bottom:10px}.page-heading h1{font-size:25px;line-height:1.35;letter-spacing:-.7px;max-width:none}.page-heading p{font-size:10px;line-height:1.7;max-width:330px;margin-top:9px}.mobile-break{display:block}.collection-button{margin-top:0;align-self:center;padding:8px;border-radius:9px}.collection-button>span:nth-child(2),.collection-button>svg{display:none}.collection-icon{width:28px;height:31px}.workbench{border-radius:14px}.workbench-header{padding:15px 14px 4px;gap:8px}.live-badge{font-size:8px;padding:6px 7px;border-radius:6px}.stars>span{display:none}.stars>div{gap:5px}.stars svg{width:17px;height:17px}.machine-scene{margin:10px 2px 3px}.scene-annotation{font-size:11px;max-width:16%}.scene-annotation svg{width:32px;height:23px;margin-top:5px}.number-window{font-size:8.7vw}.app:not(.handwriting) .number-window:not(.window-operation){font-size:8.4vw}.window-operation{font-size:7vw}.answer-display{font-size:5vw;gap:8px}.app:not(.handwriting) .answer-display{font-size:3.9vw}.answer-display input{min-width:0;border-bottom-width:1px}.equals{margin-left:4px}.machine-red-button{font-size:2.1vw}.mystery-monster{gap:7px;padding-top:5px}.mystery-caption{font-size:2.1vw}.mystery-shape b{font-size:7vw}.monster-name{font-size:2.4vw;padding:3px 4px;bottom:-10%}.reveal-button{padding:5px;font-size:1.7vw;gap:3px}.reveal-button svg{width:11px;height:11px}.instruction{font-size:10px;line-height:1.7;gap:7px;min-height:41px;margin:10px 14px 13px}.instruction-icon{width:19px;height:19px;font-size:9px}.instruction button{padding:6px 8px;font-size:9px;gap:4px}.instruction.success{flex-wrap:wrap}.number-pad{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;max-width:430px;padding:0 17px;margin-bottom:17px}.number-pad button{width:100%;height:43px;font-size:21px;border-radius:8px}.number-pad .delete-key{width:auto;margin-left:0;grid-column:span 2}.number-pad button:nth-child(1){grid-column:1;grid-row:2}.number-pad button:nth-child(2){grid-column:1;grid-row:1}.number-pad button:nth-child(3){grid-column:2;grid-row:1}.number-pad button:nth-child(4){grid-column:3;grid-row:1}.number-pad button:nth-child(5){grid-column:4;grid-row:1}.number-pad button:nth-child(6){grid-column:5;grid-row:1}.number-pad button:nth-child(7){grid-column:6;grid-row:1}.number-pad button:nth-child(8){grid-column:2;grid-row:2}.number-pad button:nth-child(9){grid-column:3;grid-row:2}.number-pad button:nth-child(10){grid-column:4;grid-row:2}.workbench-bottom{padding:10px 13px;gap:10px}.workbench-bottom button{font-size:9px;gap:5px;min-height:30px}.hint-button svg{width:15px}.new-task-button svg{width:13px}.keyboard-note{display:none}.below-workbench{padding:20px 2px 23px;align-items:flex-start;font-size:8px;gap:12px}.below-workbench>span{line-height:1.5;max-width:160px}.below-workbench>span svg{flex-shrink:0;width:12px}.session-counter{font-size:8px;white-space:nowrap;gap:4px;padding-top:2px}footer{flex-direction:column;align-items:flex-start;font-size:7px;padding-top:16px;gap:10px;line-height:1.8}.footer-divider{margin-inline:4px}.hint-panel{padding:16px 14px;gap:9px}.hint-panel strong{font-size:11px}.hint-panel p{font-size:10px}.collection-grid{grid-template-columns:repeat(3,1fr);gap:8px}.collection-card{height:137px;padding:7px}.collection-card img{height:80px}.collection-card strong{font-size:9px}.collection-card>span:last-child{font-size:7px}.modal{padding:19px 18px;border-radius:17px}.modal-top h2{font-size:20px}.modal-description{font-size:11px;margin-bottom:18px}.collection-summary{font-size:10px;flex-wrap:wrap;line-height:1.7;padding-top:18px}.help-steps p,.privacy-content{font-size:11px}.sidebar .sidebar-tip{margin-top:4px}.sidebar .sidebar-bottom{margin-top:20px;padding-top:0}.sidebar .setting-section{margin-bottom:20px;padding-bottom:20px}.sidebar .options-section{margin-bottom:0;padding-bottom:10px}}@media(max-width:380px){.workspace main{padding-inline:12px}.topbar{padding-inline:15px}.page-heading h1{font-size:22px}.page-heading p{font-size:9px}.eyebrow{font-size:7px;letter-spacing:.8px}.live-badge{font-size:7px}.stars>div{gap:3px}.stars svg{width:15px}.number-pad{gap:6px;padding-inline:13px}.instruction{font-size:9px}.workbench-bottom{padding-inline:11px}.workbench-bottom button{font-size:8px}.below-workbench{gap:7px}.below-workbench>span{font-size:7px;max-width:140px}.session-counter{font-size:7px}.collection-grid{grid-template-columns:repeat(2,1fr)}}.brand small,.setting-section>p,.toggle-row small,.sidebar-tip p,.sidebar-bottom,.range-note,.font-segment button,.breadcrumb,.eyebrow,.page-heading p,.collection-button small,.stars>span,.instruction,.keyboard-note,.new-task-button,.below-workbench,.session-counter,footer,footer a,.modal-description,.collection-card strong,.collection-card>span:last-child,.collection-summary,.help-steps p,.privacy-content{color:#616852}.operation.pink,.operation.selected.pink{color:#964e5d}.operation.teal,.operation.selected.teal{color:#33685f}.operation.orange,.operation.selected.orange{color:#87612d}.operation.purple,.operation.selected.purple{color:#705584}.range-button{color:#69725e}.range-button.selected{color:#4e683d}.subtle-button,.collection-button{color:#657056}.live-badge{color:#60744c}.instruction-icon{color:#697057}.instruction strong{color:#9c5d4c}.instruction.retry{color:#956635}.instruction.success,.instruction.success button{color:#57713b}.hint-button{color:#7d704a}.hint-button:hover,.hint-button.active{color:#60733f}.hint-panel p,.modal-note{color:#776a48}.hint-panel strong{color:#736535}.session-counter strong{color:#62764c}.collection-summary strong,.privacy-content h3,.privacy-content a{color:#5f7448}.breadcrumb strong{color:#5d704d}.mystery-caption{color:#806731}.monster-name{color:#526a35}.scene-annotation{left:2%;top:7%;width:13%;max-width:13%;color:#647d50}.scene-annotation>span{display:block}.scene-annotation svg{margin-left:60%;stroke:#647d50}.machine-red-button>span{background:#8c261b;border-radius:20px;padding:3px 10px;text-shadow:none;line-height:1.1}.machine-red-button:after{content:"";position:absolute;left:0;right:0;top:50%;height:max(100%,44px);transform:translateY(-50%)}.app:not(.handwriting) .answer-display.large-equation,.app.handwriting .answer-display.large-equation{font-size:clamp(13px,1.6vw,26px);gap:6px}.answer-display input{flex-shrink:0}.sidebar-backdrop{display:none}.icon-button,.subtle-button,.font-segment button,.sidebar-bottom button,.hint-button,.new-task-button,.range-button{min-height:44px}@media(min-width:761px){.sidebar{height:auto;min-height:100vh;align-self:start;padding-bottom:20px}.sidebar-bottom{padding-top:24px}.workspace main{padding-top:30px}.page-heading{margin-bottom:24px}.machine-scene{max-width:940px;margin-inline:auto}.workbench-header{padding-top:15px}.instruction{margin-bottom:12px}.number-pad{margin-bottom:17px}.workbench-bottom{padding-block:8px}}@media(max-width:760px){.sidebar-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;border:0;background:#3e423866;z-index:19;cursor:default}.sidebar{box-shadow:8px 0 35px #3f4a3120}.mobile-settings{min-height:38px}.icon-button{min-width:44px}.sidebar .font-segment button,.sidebar .sidebar-bottom button{min-height:38px}.machine-scene{width:112%;margin-left:-11%;margin-right:0}.scene-annotation{display:none}.app:not(.handwriting) .number-window:not(.window-operation){font-size:9.4vw}.app:not(.handwriting) .answer-display{font-size:4.7vw}.app:not(.handwriting) .answer-display.large-equation,.app.handwriting .answer-display.large-equation{font-size:clamp(12px,3.5vw,16px);gap:5px}.machine-red-button{font-size:2.5vw}.machine-red-button>span{padding:2px 6px}.number-pad button{min-height:44px}.number-pad button:nth-child(-n+10){grid-row:auto;grid-column:auto}.workbench-bottom{padding-block:6px}.hint-button,.new-task-button{min-height:38px}}@media(min-width:761px){.sidebar{height:100dvh;min-height:0;overflow-y:auto;overscroll-behavior:contain}.sidebar>*{flex-shrink:0}.machine-scene{width:min(calc(100% - 22px),940px,max(420px,calc((100dvh - 414px) * 1.776833)));margin-inline:auto;container-type:inline-size}.number-window{font-size:9.5cqw}.app:not(.handwriting) .number-window:not(.window-operation){font-size:8.3cqw}.window-operation{font-size:7.2cqw}.answer-display{font-size:4.4cqw;gap:1.2cqw}.app:not(.handwriting) .answer-display{font-size:3.5cqw}.app:not(.handwriting) .answer-display.large-equation,.app.handwriting .answer-display.large-equation{font-size:2.5cqw;gap:.6cqw}.answer-display input{min-width:0}.equals{margin-left:.8cqw}.answer-check{width:2.5cqw}.machine-red-button{font-size:clamp(10px,1.8cqw,17px)}.scene-annotation{font-size:clamp(9px,1.6cqw,15px)}.scene-annotation svg{width:5cqw;height:3.7cqw;margin-top:.8cqw}.mystery-monster{gap:1.4cqw;padding-top:1.6cqw}.mystery-shape b{font-size:5.5cqw}.mystery-caption,.monster-name{font-size:clamp(9px,1.5cqw,14px)}.reveal-button{min-height:44px;font-size:clamp(9px,1.3cqw,12px)}.number-pad button{min-width:44px;min-height:44px}}@media(min-width:761px){.topbar{height:56px}.workspace main{padding-top:16px}.page-heading{margin-bottom:14px;align-items:center}.page-heading h1{font-size:clamp(20px,2vw,28px);white-space:normal}.eyebrow{margin-bottom:6px}.page-heading p{margin-top:5px}.collection-button{margin-top:0;padding-block:8px}.workbench-header{padding-block:10px 5px}.instruction{margin-block:5px 8px;min-height:44px}.instruction button{min-height:44px}.number-pad{margin-bottom:10px}.number-pad button{height:44px}.workbench-bottom{padding-block:4px}.below-workbench{padding-block:10px}footer{padding-block:10px;line-height:1.5}.sidebar{padding-block:12px}.brand{margin-bottom:8px}.sidebar-heading{margin-bottom:10px}.setting-section{margin-bottom:10px;padding-bottom:10px}.setting-section>p{margin-bottom:6px}.operation{min-height:52px}.operation-grid,.range-grid{gap:7px}.options-section{margin-bottom:0}.options-section h2{margin-bottom:8px}.toggle-row{margin-bottom:10px}.sidebar-tip{padding-block:10px}.sidebar-tip p{line-height:1.6;margin-top:3px}.sidebar-bottom{padding-top:10px;gap:4px}}.heading-copy{min-width:0}.retry-monster-name{color:#705584;background:#f1e8f7ed}.retry-monster{width:96%;object-position:center}.heading-actions{display:flex;align-items:center;justify-content:flex-end;gap:16px;flex-shrink:0}.heading-actions .collection-button{margin-top:0}@media(min-width:761px)and (max-width:1200px){.heading-actions{gap:10px;flex-wrap:wrap;max-width:230px}}@media(max-width:760px){.page-heading{flex-wrap:wrap}.heading-copy{width:100%}.heading-actions{width:100%;justify-content:space-between;gap:10px}.heading-actions .mobile-settings{min-height:44px}.instruction{display:grid;grid-template-columns:19px minmax(0,1fr);grid-template-rows:minmax(51px,auto) 44px;column-gap:7px;row-gap:6px;min-height:101px}.instruction-icon{grid-column:1;grid-row:1}.instruction>span:nth-child(2){grid-column:2;grid-row:1}.instruction>button{grid-column:1 / -1;grid-row:2;justify-self:center;min-height:44px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}