#newgame-scope #board.arithmetic-board{display:block;width:100%}.arithmetic{max-width:560px;margin:auto;direction:ltr}.arith-target{text-align:center;margin:0 auto 22px;padding:15px;border-radius:16px;background:#f8e9bd;color:#604519;border:1px solid #e2cb8b}.arith-target small{display:block;font-size:13px;margin-bottom:6px}.arith-target strong{font-size:34px;font-weight:750}.arith-rack{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin:14px 0 20px}.arith-rack button{min-width:55px;min-height:52px;padding:8px 14px;border-radius:12px;border:1px solid #91b7a8;background:#fff;color:#174f43;font:700 25px/1.2 system-ui;cursor:pointer;box-shadow:0 3px 0 #154e4310}.arith-rack button:disabled{background:#edf1ee;color:#7a8c84;box-shadow:none;opacity:.6;cursor:default}.arith-rack button:focus-visible{outline:3px solid #c7893e;outline-offset:3px}.arith-stack{min-height:90px;padding:16px;border:1px dashed #91b7a8;border-radius:14px;background:#f4f9f6;display:grid;gap:10px;margin:12px 0}.arith-expression{padding:12px;border-radius:10px;background:#fff;border:1px solid #d4e2da;display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:18px;overflow-wrap:anywhere}.arith-expression:last-child,.arith-expression:nth-last-child(2){border-color:#4b8a73}.arith-value{font-weight:750;color:#1c604d;white-space:nowrap}.arith-label{font-size:13px;color:#527467;text-align:center}.arithmetic-preview #board{display:block}.lesson .arithmetic{margin-top:18px}@media(max-width:600px){.arith-rack{gap:7px}.arith-rack button{min-width:49px;min-height:49px;padding:8px 11px}.arith-stack{padding:10px}.arith-expression{font-size:16px;padding:10px}.arith-target{margin-bottom:15px}}

.lesson [data-board-slot=board]{overflow:auto;padding:12px 0;direction:ltr}.lesson [data-board-slot=board] table{border-collapse:separate;border-spacing:0;width:auto;margin:auto}.lesson [data-board-slot=board] th{padding:4px;text-align:center}.lesson [data-board-slot=board] td{padding:0}.lesson .cell{width:44px;min-height:44px;border:1px solid #b7c9c1;background:white;border-radius:0;font:700 17px system-ui;padding:0;cursor:pointer}.lesson .cell.filled{background:#216e61;color:white}.lesson .rect-grid{display:grid;width:max-content;margin:auto}.lesson .selected{outline:3px solid #c7893e;outline-offset:-3px}.lesson [data-board-slot=board]>svg{display:block;width:min(100%,300px);min-width:240px;margin:auto}.lesson [data-board-slot=board] svg line{stroke:#216e61;stroke-width:4}.lesson [data-board-slot=board] svg circle{fill:white;stroke:#216e61;stroke-width:2}.lesson [data-board-slot=board] svg circle.selected{fill:#f4d6b0}.lesson [data-board-slot=board] svg text{fill:#173f3b;text-anchor:middle;font-size:18px;pointer-events:none}.lesson [data-board-slot=status]{min-height:1.5em;margin:14px 0}.lesson [data-board-slot=moves]{text-align:center;font-size:13px}.lesson .cell:focus-visible{outline:3px solid #c7893e;outline-offset:-3px}