[hidden]{display:none!important}button{transition:none}.division-compare .fruit-token:disabled{opacity:1}body[data-lesson="03"] .stage{min-height:0}button.active:hover{background:#146c64;color:#fff}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #ed9360;outline-offset:3px}
.inquiry{display:flex;gap:10px;align-items:center;flex-wrap:wrap;background:#ffffffc4;border:1px solid #bacdcb;border-radius:12px;padding:12px;margin-bottom:12px;font-size:16px}
.inquiry input[type=number]{width:90px}.inquiry output{flex:1;min-width:180px}.inquiry button{min-height:44px}
.experiment-log{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;font-size:15px;margin:8px 0}.experiment-log span{background:#fff;padding:8px 12px;border:1px solid #b9c8d2;border-radius:8px}
.division-workspace{background:#fff9f2;border:1px solid #dccdbb;border-radius:14px;padding:16px}.division-question{text-align:center;font-size:22px;margin:0 0 16px}.dishes{display:grid;grid-template-columns:repeat(auto-fit,minmax(148px,1fr));gap:12px;align-items:stretch}.dish{min-height:148px;background:#fffbea;border:2px solid #7aa78c;border-radius:18px;padding:10px;cursor:pointer;position:relative}.dish.full{border-color:#178365;background:#eef9e7}.dish strong{font-size:15px;display:block;text-align:center;margin-bottom:10px}.fruit-grid{display:flex;flex-wrap:wrap;justify-content:center;align-content:flex-start;gap:6px}.fruit-token{padding:0;min-width:34px;min-height:34px;width:34px;height:34px;border:0;background:transparent;display:inline-flex;align-items:center;justify-content:center;touch-action:none}.fruit-token svg{width:32px;height:32px;pointer-events:none}.fruit-token:hover{background:#ffe3ae}.fruit-token.selected{outline:3px solid #db8351;border-radius:50%}.fruit-bank{margin-top:16px;padding:14px;border:2px dashed #d9b28a;border-radius:14px;min-height:92px}.fruit-bank strong{display:block;text-align:center;margin-bottom:10px}.division-actions{margin-top:12px;justify-content:center}.division-compare{display:grid;grid-template-columns:1fr 1fr;gap:16px}.division-compare article{border:1px solid #bbc9bd;border-radius:14px;padding:16px;background:#fffcf2}.division-compare h2{font-size:19px;margin-top:0}.division-compare .dishes{grid-template-columns:repeat(auto-fit,minmax(106px,1fr));gap:8px}.division-compare .dish{min-height:104px;padding:8px}.division-compare .fruit-token{min-width:24px;min-height:24px;width:24px;height:24px}.division-compare .fruit-token svg{width:24px;height:24px}.meaning-fields{font-size:18px;line-height:2.5}.meaning-fields select{width:70px}.feedback{padding:10px;min-height:42px;font-size:16px;color:#426678}.projection-panel{background:#fffdf8;border:1px solid #dccac1;border-radius:12px;padding:12px;display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap}.projection-panel svg{width:130px;height:130px;flex-shrink:0}.projection-panel .choices{display:flex;gap:7px;flex-wrap:wrap}.projection-panel p{max-width:550px;margin:7px 0}.side button{min-height:44px}.drag-ghost{position:fixed;pointer-events:none;z-index:20;width:40px;height:40px}.stage svg [data-cell]{touch-action:none}.stage svg [data-point],.stage svg [data-corner]{stroke-width:6px}.formula label{font-size:17px}.formula input{width:72px}.count-strip{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:8px}.count-strip button{min-width:65px}
@media(max-width:760px){header h1{letter-spacing:0}header{gap:8px}header a{font-size:13px}button{min-height:44px}.toolbar .spacer{display:none}.inquiry{font-size:14px;gap:8px}.inquiry output{flex-basis:100%}.status{font-size:15px;padding:10px 3px}.division-question{font-size:19px}.division-workspace{padding:10px}.division-compare{grid-template-columns:1fr}.dishes{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.dish{padding:8px;min-height:126px}.fruit-grid{gap:3px}.fruit-token{width:36px;height:36px;min-width:36px;min-height:36px}.division-compare .dishes{grid-template-columns:repeat(3,minmax(0,1fr))}.division-compare article{padding:10px}.division-compare .dish strong{font-size:13px}.formula{letter-spacing:0;padding:12px 2px}.canvas-stage{height:380px;min-height:380px}.projection-panel{gap:8px}.projection-panel svg{width:105px;height:105px}.side{gap:6px}.side button{flex:1;min-width:80px}.side hr,.side .hint{display:none}.experiment-log{font-size:13px}.inquiry input[type=number]{width:68px}}