.mul-original,.mul-challenge{display:flex;flex-direction:column;align-items:center;gap:20px}.mul-original input{max-width:320px;text-align:center;font-size:32px}.mul-board{--mul-columns:5;--mul-cell:clamp(34px,4.5vw,60px);position:relative;flex-shrink:0}.mul-line{display:grid;grid-template-columns:repeat(var(--mul-columns),var(--mul-cell));position:relative;align-items:center;min-height:var(--mul-cell);gap:3px}.mul-digit,.mul-cell{font-family:Crusoe,Marelle,sans-serif;font-size:clamp(25px,3.3vw,40px);text-align:center;line-height:1.3}.mul-cell{width:100%;min-width:0;height:var(--mul-cell);border:1px solid #cbd1c6;border-radius:8px;background:#fffdf9;color:var(--ink);padding:2px}.mul-cell.selected{outline:3px solid #8b6ca5}.mul-cell.locked{opacity:1;background:#e6efd9;color:var(--ink)}.mul-digit.active{background:#fff1a9;border-radius:7px}.mul-line-label{position:absolute;left:-28px;font-size:28px}.mul-multiplier{border-bottom:2px solid var(--ink);margin-bottom:4px}.mul-carry{min-height:25px}.mul-carry .mul-cell{height:25px;max-width:28px;justify-self:center;font-size:19px;border-radius:50%}.mul-carry.spent .mul-cell{text-decoration:line-through;opacity:.5}.mul-add-carry .mul-cell{border-color:#b99ccb;color:#76528b}.mul-product{margin-bottom:4px}.mul-total{border-top:2px solid var(--ink);padding-top:5px}.mul-correction{display:flex;align-items:center;justify-content:center;gap:clamp(20px,5vw,70px);margin:auto;padding:10px 30px}.mul-tools{max-width:400px;display:flex;flex-direction:column;align-items:center;gap:10px}.mul-guide{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}.mul-guide p{font-size:20px;margin:0;line-height:1.5}.mul-guide input{width:120px;text-align:center;font-size:28px}.mul-table-popup{padding:20px;background:#fffdf9;border:1px solid #d5d1c9;border-radius:20px;box-shadow:0 4px 16px #364b4218}.mul-pad{display:grid;grid-template-columns:repeat(3,48px);gap:5px}.mul-pad button{background:#fffefb;border:1px solid #d6d7ca;border-radius:9px;font-size:25px;min-height:38px}.mul-choices{display:grid;grid-template-columns:repeat(3,90px);gap:14px}.mul-choices button{border-radius:50%;height:75px;background:#e7def2;border:1px solid #d2c7de;font-size:28px}.mul-choices .earned{background:#f1d77a;opacity:1;color:#8a6b1c}.mul-error{animation:mul-shake .22s ease-in-out}@keyframes mul-shake{25%,75%{transform:translateX(-4px)}50%{transform:translateX(4px)}}@media(prefers-reduced-motion:reduce){.mul-error{animation:none}}@media(max-width:650px){.mul-correction{flex-direction:column;gap:15px;padding:8px}.mul-pad{grid-template-columns:repeat(6,40px)}.mul-board{--mul-cell:36px}.mul-guide p{font-size:17px}}
.mul-carry .mul-line-label{font-size:15px;left:-35px;color:#786487}.mul-board{max-width:100%}.mul-tools{min-width:0}.mul-guide{max-width:100%}.mul-table-popup{box-sizing:border-box}.mul-challenge{margin:auto}.mul-original input{width:min(100%,320px);box-sizing:border-box}@media(max-width:650px){.mul-board{--mul-cell:clamp(23px,8vw,36px)}.mul-correction{padding-inline:24px}.mul-table-popup{padding:12px}.mul-pad{grid-template-columns:repeat(6,minmax(0,36px));max-width:100%}.mul-guide p{font-size:16px}.mul-cell,.mul-digit{font-size:26px}.mul-choices{grid-template-columns:repeat(3,70px)}}
.mul-cell:disabled{opacity:1;background:#f6f3f7;color:#8c9290;cursor:default}.mul-cell.available{background:#fff;border-color:#8f7aaa;color:var(--ink)}.mul-cell.locked{background:#f0edf1;color:var(--ink)}.mul-product.spent{opacity:.52}.mul-hidden-carry{height:25px;display:block}.mul-carry.spent .mul-cell{opacity:.5;text-decoration:line-through}
@media(max-width:650px){.mul-board{--mul-cell:28px}.mul-line{gap:2px}.mul-carry{min-height:19px}.mul-hidden-carry{height:19px}.mul-carry .mul-cell{height:19px;font-size:15px}.mul-cell,.mul-digit{font-size:23px}.mul-product{margin-bottom:2px}.mul-correction{gap:8px}.mul-guide{gap:6px}.mul-guide input{height:36px;font-size:24px}.mul-guide p{font-size:15px;line-height:1.3}.mul-pad button{min-height:30px;font-size:22px}.mul-tools .btn{padding:8px 14px;font-size:18px}}
.mul-cell.mul-addend-active:disabled{background:#fff1a9;color:var(--ink)}.mul-product.spent:has(.mul-addend-active){opacity:1}
.mul-carry-pointer{position:relative;justify-self:center;width:28px;display:flex;align-items:center;justify-content:center}.mul-carry-arrow{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);height:26px;line-height:26px;font-family:Arial,sans-serif;font-size:26px;color:#796094;pointer-events:none}.mul-carry-pointer .mul-cell{outline:2px solid #9c86b0;outline-offset:2px}
.mul-line.mul-carry{padding-top:20px}.mul-carry-arrow{height:20px;line-height:20px;font-size:23px}
.mul-cell.mul-carry-highlight,.mul-cell.mul-carry-highlight:disabled{background:#fff1a9;color:#354e43;outline:3px solid #d4ae43;outline-offset:2px;opacity:1}
.mul-pad [data-mul-key]{touch-action:none;user-select:none;cursor:grab}.mul-pad [data-mul-key="⌫"]{cursor:pointer}.mul-drag-ghost{position:fixed;z-index:10000;pointer-events:none;transform:translate(-50%,-65%);display:grid;place-items:center;width:46px;height:46px;border-radius:10px;background:#fffefb;border:2px solid #957eaa;box-shadow:0 4px 12px #364b4220;color:#354e43;font-family:Crusoe,sans-serif;font-size:30px}.mul-cell.mul-drop-target,#mul-micro.mul-drop-target{outline:3px solid #8b6ca5;background:#eee6f5}
