.minus-page{min-height:100vh}
.minus-page .app{max-width:920px}
.minus-page header{align-items:center}
.minus-page .brand svg{fill:#234ee8;stroke:white}
.minus-back{margin-left:auto;text-decoration:none}
.minus-practice{max-width:760px;margin:0 auto}
.minus-settings{display:grid;grid-template-columns:1fr;gap:14px;margin:20px 0 4px}
.minus-setting{display:grid;grid-template-columns:minmax(190px,.8fr) minmax(0,1.2fr);align-items:center;gap:14px;padding:14px 16px;border:1px solid #dce3f0;border-radius:14px;background:#f8faff}
.minus-setting-label{font-size:.9rem;font-weight:700;color:#43536b}
.minus-toggle{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.minus-toggle button{min-height:42px;padding:8px 10px;border:1px solid #cfd9e9;border-radius:10px;background:white;color:#53647b;font-weight:650}
.minus-toggle button[aria-pressed="true"]{background:#e7eeff;border-color:#234ee8;color:#234ee8;box-shadow:inset 0 0 0 1px #234ee8}
.minus-stage{min-height:330px;margin-top:18px}
.minus-problem{width:230px;padding:20px 10px 6px;font-variant-numeric:tabular-nums}
.minus-problem-row{display:grid;grid-template-columns:42px 1fr;align-items:center}
.minus-problem-operator{font-size:2.4rem;color:#344962;text-align:center}
.minus-problem-number{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;font-size:5rem;font-weight:680;letter-spacing:-.06em;line-height:1.05}
.minus-problem-rule{border-top:4px solid #344962;margin:7px 0 12px 42px}
.minus-answer-row{display:grid;grid-template-columns:42px 1fr}
.minus-answer-box{min-height:84px;width:100%;border:0;border-radius:0;background:transparent;color:#234ee8;display:grid;align-items:center;font-size:4rem;font-weight:700;line-height:1}
.minus-answer-box.correct,.minus-answer-box.wrong{background:transparent}
.minus-feedback{min-height:52px;display:flex;align-items:center;justify-content:center;text-align:center;font-weight:650;color:#65738b}
.minus-feedback.good{color:#15724b}.minus-feedback.bad{color:#b1372b;font-size:1.15rem}
.minus-keypad{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;max-width:600px;margin:0 auto}
.minus-keypad button{min-height:58px;padding:9px;border:1px solid #d2dbea;border-bottom:3px solid #c3cfe2;border-radius:12px;background:#f8faff;color:#243550;font-size:1.55rem;font-weight:650}
.minus-keypad button:active{transform:translateY(2px);border-bottom-width:1px}
.minus-keypad .key-action{font-size:1.05rem;color:#4d5f78}
.minus-keypad .enter{background:#234ee8;color:white;border-color:#1635a1}
.minus-next{width:100%;max-width:600px;margin:12px auto 0}
.minus-stats{max-width:760px;margin:18px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.minus-stat{padding:18px;background:white;border:1px solid #dce3f0;border-radius:16px;text-align:center}
.minus-stat strong{display:block;font-size:2rem}.minus-stat span{font-size:.82rem;color:#65738b}
#minus-loading{text-align:center;padding:20vh 20px;color:#65738b}
@media(max-width:650px){
  .minus-setting{grid-template-columns:1fr}
  .minus-problem{width:205px}
  .minus-problem-number{font-size:4.3rem}
  .minus-answer-box{font-size:3.5rem}
  .minus-stats{gap:8px}
  .minus-stat{padding:14px 8px}
}

/* The two answer fields show the selected entry order directly. */
.answer-digits{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;width:100%;height:100%;gap:0}
.answer-digit{width:1.05em;height:1.18em;display:grid;place-items:center;justify-self:center;border:3px solid transparent;border-radius:11px;font-size:1em;font-weight:700;line-height:1}
.answer-digit.position-ones:only-child{grid-column:2}
.answer-digit.active{background:#eaf8f0;border-color:#20a765;color:#15724b;box-shadow:0 0 0 2px #b8e8cc}
.answer-digit.pending{background:#edf0f3;border-color:#aeb7c2;color:#7b8797}
.answer-digit.filled{background:#eef2ff;border-color:#5372e5;color:#234ee8}
.number-digit{display:grid;place-items:center;min-width:0}
.minus-answer-box.correct .answer-digit.filled{background:#eaf8f0;border-color:#15724b;color:#15724b}
.minus-answer-box.wrong .answer-digit.filled{background:#fff0ed;border-color:#b1372b;color:#b1372b}
@media(max-width:650px){
  .answer-digit{font-size:.9em}
}

/* Confirmation mode is a sibling of the other practice settings. */