.number-cell.correct,.number-cell.wrong{outline:0;border-width:3px;box-shadow:0 4px 0 rgba(0,0,0,.18)}
.number-cell.correct{background:#c9f3d5;border-color:#157347;color:#063d24}
.number-cell.wrong{background:#ffdadd;border-color:#a52a37;color:#6f0c18}
.number-cell.correct::after,.number-cell.wrong::after{right:2px;top:2px;display:grid;place-items:center;width:clamp(21px,2.2vw,28px);height:clamp(21px,2.2vw,28px);border:3px solid #fff;border-radius:50%;color:#fff;font-size:clamp(12px,1.25vw,16px);font-weight:950;line-height:1;box-shadow:0 2px 4px rgba(0,0,0,.2)}
.number-cell.correct::after{content:"✓";background:#157347}
.number-cell.wrong::after{content:"×";background:#a52a37}
@media(max-width:500px){.number-cell.correct::after,.number-cell.wrong::after{right:-1px;top:-1px;width:20px;height:20px;border-width:2px;font-size:12px}}
#result-save-status{color:#555b6b;font-size:13px;font-weight:700;margin:8px 0 0}
#signed-in-score-note{margin:20px 0 0;color:#3039a1;font-weight:750}
#guest-score-entry[hidden],#signed-in-score-note[hidden],#save-score[hidden]{display:none}

.account-notice, .pending-results { max-width: 1100px; margin: 16px auto; padding: 0 16px; font-size: 1rem; }
.account-notice { color: #171821; padding: 16px; background: #f7f4ed; border: 2px solid #171821; border-radius: 16px; }
.account-notice div { display: flex; flex-wrap: wrap; gap: 12px; }
.account-notice button, .pending-results button { min-height: 44px; padding: 10px 16px; border: 2px solid #171821; border-radius: 12px; background: #cafa70; color: #171821; font: inherit; cursor: pointer; }
.account-notice[hidden], .pending-results [hidden] { display: none; }