.multiply-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.multiply-top h3{margin:0}.multiply-timer{white-space:nowrap;color:#4235ff;background:#f1f5ff;border:1px solid #c9d7ff;border-radius:9px;padding:9px 12px;font-weight:700;font-variant-numeric:tabular-nums}.multiply-timer.urgent{color:#b42338;background:#fff0f2;border-color:#ffc4cd}.multiply-grid{display:grid;grid-template-rows:repeat(var(--multiply-rows,6), minmax(36px,auto));grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:6px 22px;width:calc(100% - 80px);max-width:560px;margin:0 auto}.multiply-grid.single{grid-template-rows:none;grid-auto-flow:row;max-width:290px}.multiply-row{display:grid;grid-template-columns:minmax(0,1fr) 76px 18px;align-items:center;gap:7px;min-width:0;position:relative;align-self:start;font-variant-numeric:tabular-nums}.multiply-equation{text-align:right;margin:0;font-size:19px;white-space:nowrap}.multiply-row input{box-sizing:border-box;width:76px;min-width:0;height:36px;margin:0;text-align:center;padding:5px;font-size:19px;border-radius:10px}.multiply-mark{width:18px;font-weight:700}.multiply-row.correct input{background:#ecfcf5;color:#163b30}.multiply-row.wrong input{background:#fff0f2;color:#85213b}.multiply-correction{position:absolute;left:calc(100% + 7px);white-space:nowrap;font-size:14px;color:#c82741}.multiply-actions{display:flex;justify-content:center;gap:12px;margin-top:22px}.multiply-help{font-size:13px}.multiply-row input:focus{outline:3px solid #9f91ff;outline-offset:1px}.multiply-admin-fields{display:flex;gap:18px;flex-wrap:wrap}.multiply-admin-fields label{flex:1;min-width:110px}#multiplication-student{padding:20px}#multiply-status{min-height:1.5em}.multiply-mark{color:#07895d}.wrong .multiply-mark{color:#d82e4d}@media(max-width:560px){.multiply-grid{width:100%;gap:5px 10px}.multiply-equation{font-size:15px}.multiply-row{gap:3px;grid-template-columns:minmax(0,1fr) 49px 12px}.multiply-row input{width:49px;height:34px;font-size:16px}.multiply-mark{width:12px;font-size:13px}.multiply-correction{font-size:11px}.multiply-top{flex-wrap:wrap}#multiplication-student{padding:12px}.multiply-grid .multiply-row.wrong{padding-bottom:17px}.multiply-correction{left:auto;right:15px;bottom:0;text-align:right}}

.multiply-mode-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.multiply-mode-tabs button[aria-pressed="true"]{background:#5942ed;color:white}.multiply-mixed-controls{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin-top:16px}.multiply-mixed-controls label{max-width:140px}.multiply-mixed-controls input[type="checkbox"]{width:auto;margin-right:8px}
