.pd1{padding:5px}.pd1x{padding-left:5px;padding-right:5px}.pd1l{padding-left:5px}.pd1r{padding-right:5px}.pd1y{padding-top:5px;padding-bottom:5px}.pd1t{padding-top:5px}.pd1b{padding-bottom:5px}.mg1{margin:5px}.mg1x{margin-left:5px;margin-right:5px}.mg1l{margin-left:5px}.mg1r{margin-right:5px}.mg1y{margin-top:5px;margin-bottom:5px}.mg1t{margin-top:5px}.mg1b{margin-bottom:5px}.pd2{padding:16px}.pd2x{padding-left:16px;padding-right:16px}.pd2l{padding-left:16px}.pd2r{padding-right:16px}.pd2y{padding-top:16px;padding-bottom:16px}.pd2t{padding-top:16px}.pd2b{padding-bottom:16px}.mg2{margin:16px}.mg2x{margin-left:16px;margin-right:16px}.mg2l{margin-left:16px}.mg2r{margin-right:16px}.mg2y{margin-top:16px;margin-bottom:16px}.mg2t{margin-top:16px}.mg2b{margin-bottom:16px}.pd3{padding:32px}.pd3x{padding-left:32px;padding-right:32px}.pd3l{padding-left:32px}.pd3r{padding-right:32px}.pd3y{padding-top:32px;padding-bottom:32px}.pd3t{padding-top:32px}.pd3b{padding-bottom:32px}.mg3{margin:32px}.mg3x{margin-left:32px;margin-right:32px}.mg3l{margin-left:32px}.mg3r{margin-right:32px}.mg3y{margin-top:32px;margin-bottom:32px}.mg3t{margin-top:32px}.mg3b{margin-bottom:32px}.mg-auto{margin-left:auto;margin-right:auto}.mg0{margin:0}.pd0{padding:0}.block{display:block}.inline{display:inline-block}.iblock{display:inline-block;vertical-align:middle}.ibblock{display:inline-block;vertical-align:baseline}.itblock{display:inline-block;vertical-align:top}.hide,.hide1,.hide2{display:none}.hidden{visibility:hidden}.fleft{float:left}.fright{float:right}.fcenter{float:center}.fix:before,.fix:after{content:" ";display:table}.fix:after{clear:both}.overhide{overflow:hidden}.overscroll{overflow:scroll}.overscroll-y{overflow-y:scroll}.relative{position:relative}.absolute{position:absolute}.pointer{cursor:pointer;color:#08c}.spin-90{transform:rotate(90deg)}.bold{font-weight:700}.em{font-style:italic}.alignleft{text-align:left}.alignright{text-align:right}.aligncenter{text-align:center}.indent{text-indent:2em}.wordbreak{word-break:break-all}.elli{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.under-line{text-decoration:underline}.under-line.dashed{text-decoration-style:dashed}.font12{font-size:12px}img{max-width:100%}canvas{position:fixed;left:0;top:0;z-index:-1}.logo{height:80px}.avatar{height:60px;border-radius:60px;border:4px solid #08c}.wrap{max-width:600px;margin:0 auto;padding:20px}.content{line-height:2}.color-red{color:red}.font14{font-size:14px}.color-blue{color:#08c}.games-grid{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;margin-top:20px}.game-card-link{text-decoration:none;color:inherit}.game-card{border-radius:8px;padding:20px;width:200px;text-align:center;transition:transform .2s}.game-card:hover{transform:scale(1.05);border:1px solid #ddd;box-shadow:0 4px 8px #0000001a}.game-logo{width:100px;height:100px;margin-bottom:10px}.logo{max-width:50%;max-height:150px}.game-container{text-align:center;font-family:Arial,sans-serif}.grid{display:grid;grid-template-columns:repeat(4,100px);grid-template-rows:repeat(4,100px);gap:10px;justify-content:center;margin:20px auto;width:fit-content}.tile{display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;border-radius:6px}.tile-0{background-color:#cdc1b4;color:#776e65}.tile-2{background-color:#eee4da;color:#776e65}.tile-4{background-color:#ede0c8;color:#776e65}.tile-8{background-color:#f2b179;color:#fff}.tile-16{background-color:#f59563;color:#fff}.tile-32{background-color:#f67c5f;color:#fff}.tile-64{background-color:#f65e3b;color:#fff}.tile-128{background-color:#edcf72;color:#fff}.tile-256{background-color:#edcc61;color:#fff}.tile-512{background-color:#edc850;color:#fff}.tile-1024{background-color:#edc53f;color:#fff}.tile-2048{background-color:#edc22e;color:#fff}.controls{margin:20px auto;width:fit-content}.arrow-btn{padding:15px 20px;margin:5px;font-size:18px}.new-game-btn{margin-top:20px;padding:10px 20px}.numpad{display:inline-block;border:2px solid #ccc;border-radius:8px;padding:10px;background:#f9f9f9}.numpad .numpad-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.numpad .numpad-button{width:50px;height:50px;font-size:18px;border:1px solid #ddd;border-radius:4px;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.numpad .numpad-button:hover{background:#e0e0e0}.numpad .numpad-button:active{background:#d0d0d0}.numpad .enter{background:#4caf50;color:#fff}.numpad .enter:hover{background:#45a049}.numpad .enter:active{background:#388e3c}.numpad .clear{background:#f44336;color:#fff}.numpad .clear:hover{background:#da190b}.numpad .clear:active{background:#b71c1c}.simple-math{padding:20px;max-width:400px}.simple-math .level-selector label{margin-right:10px}.simple-math .level-selector .ant-select{width:120px}.simple-math .score{margin-bottom:20px;font-size:18px}.simple-math .best-score{font-size:18px}.simple-math .problem .equation{margin-bottom:10px;font-size:24px}.simple-math .problem .answer-input{margin-bottom:20px}.simple-math .message{margin-top:20px}.simple-add{padding:20px;max-width:600px}.simple-add .level{font-size:18px;font-weight:700}.simple-add .score{font-size:18px}.simple-add .problem .equation{font-size:32px;text-align:center}.simple-add .problem .visualization{margin:20px 0;display:flex;justify-content:center}.simple-add .problem .visualization .circles{position:relative;width:400px;height:200px}.simple-add .problem .visualization .circles .circle{position:absolute;border:2px solid #1890ff;border-radius:50%;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;padding:10px}.simple-add .problem .visualization .circles .circle.left{left:0;top:50%;transform:translateY(-50%);width:120px;height:120px}.simple-add .problem .visualization .circles .circle.right{right:0;top:50%;transform:translateY(-50%);width:120px;height:120px}.simple-add .problem .visualization .circles .circle.merged{left:50%;top:50%;transform:translate(-50%,-50%);width:160px;height:160px;opacity:0;z-index:1}.simple-add .problem .visualization .circles .circle .square{width:15px;height:15px;background-color:#52c41a;margin:2px;border-radius:2px}.simple-add .problem .visualization .circles.animate .circle.left,.simple-add .problem .visualization .circles.animate .circle.right{animation:fade-out 1s ease-in-out forwards}.simple-add .problem .visualization .circles.animate .circle.merged{animation:fade-in 1s ease-in-out 1s forwards}.simple-add .problem .answer-input{margin-bottom:20px}.simple-add .message{margin-top:20px}@-moz-keyframes fade-out{0%{opacity:1}to{opacity:0}}@-webkit-keyframes fade-out{0%{opacity:1}to{opacity:0}}@-o-keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@-moz-keyframes fade-in{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@-webkit-keyframes fade-in{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@-o-keyframes fade-in{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes fade-in{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.simple-minus{padding:20px;max-width:500px}.simple-minus .level{font-size:18px;font-weight:700}.simple-minus .score{font-size:18px}.simple-minus .problem .equation{font-size:32px;font-weight:700;margin-bottom:20px}.simple-minus .problem .visualization{margin-bottom:30px;min-height:120px;display:flex;justify-content:center;align-items:center}.simple-minus .problem .subtraction-animation{display:flex;justify-content:center;align-items:center;width:100%}.simple-minus .problem .original-squares{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.simple-minus .problem .original-squares .square{width:35px;height:35px;background-color:#4a90e2;border-radius:4px;display:flex;justify-content:center;align-items:center;transition:all .5s ease}.simple-minus .problem .original-squares .square:not(.to-remove){background-color:#4a90e2;border:2px solid #357abd}.simple-minus .problem .original-squares .square.to-remove{background-color:transparent;border:2px dashed #e74c3c}.simple-minus .answer-input{margin-bottom:20px}.simple-minus .answer-input .ant-input{font-size:18px;padding:10px;text-align:center}.simple-minus .submit-btn{margin-top:10px;width:100%;height:40px;font-size:16px}.simple-minus .answer-input-field{text-align:center;font-size:1.5rem;height:60px}.simple-minus .message{margin-top:20px;font-size:16px}.simple-minus .animate .original-squares .square.to-remove{opacity:0;transform:scale(0);transition:all .8s cubic-bezier(.25,.46,.45,.94)}.sum-match .grid{display:inline-block;border:2px solid #d9d9d9;border-radius:8px;padding:10px;background:#fafafa;max-width:100%;overflow-x:auto}.sum-match .grid .row{display:flex;flex-wrap:wrap;justify-content:center}.sum-match .grid .row .cell{width:50px;height:50px;margin:2px;font-size:20px;font-weight:700;border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .3s;flex-shrink:0}.sum-match .grid .row .cell:hover{background-color:#e6f7ff}.sum-match .grid .row .cell.selected{background-color:#1890ff;color:#fff}.sum-match .grid .row .cell.removed{background-color:#f5f5f5;color:#bfbfbf;cursor:not-allowed}@media(max-width:768px){.sum-match .grid{padding:5px}.sum-match .grid .row .cell{width:40px;height:40px;font-size:16px;margin:1px}}@media(max-width:480px){.sum-match .grid{padding:2px}.sum-match .grid .row .cell{width:30px;height:30px;font-size:14px;margin:1px}}.sum-match .target{font-size:24px;font-weight:700;color:#1890ff}.sum-match .score{font-size:18px;color:#52c41a}.sum-match .message{margin-top:20px}.minus-match .grid{display:inline-block;border:2px solid #d9d9d9;border-radius:8px;padding:10px;background:#fafafa;max-width:100%;overflow-x:auto}.minus-match .grid .row{display:flex;flex-wrap:wrap;justify-content:center}.minus-match .grid .row .cell{width:50px;height:50px;margin:2px;font-size:20px;font-weight:700;border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .3s;flex-shrink:0}.minus-match .grid .row .cell:hover{background-color:#e6f7ff}.minus-match .grid .row .cell.selected{background-color:#1890ff;color:#fff}.minus-match .grid .row .cell.removed{background-color:#f5f5f5;color:#bfbfbf;cursor:not-allowed}@media(max-width:768px){.minus-match .grid{padding:5px}.minus-match .grid .row .cell{width:40px;height:40px;font-size:16px;margin:1px}}@media(max-width:480px){.minus-match .grid{padding:2px}.minus-match .grid .row .cell{width:30px;height:30px;font-size:14px;margin:1px}}.minus-match .target{font-size:24px;font-weight:700;color:#1890ff}.minus-match .score{font-size:18px;color:#52c41a}.minus-match .message{margin-top:20px}