.nm-page{max-width:980px;margin:0 auto;padding:42px 18px 70px;color:#2f343b}
.nm-head{text-align:center;margin-bottom:24px}.nm-head h1{margin:0 0 8px;font-size:34px;font-weight:800}.nm-head p{margin:0;color:#6b7280;font-size:16px}
.nm-card{background:#fff;border:1px solid #d9dde3;border-radius:22px;padding:28px;box-shadow:0 10px 30px rgba(31,41,55,.07)}
.nm-status{text-align:center;min-height:28px;margin-bottom:18px;font-weight:700;color:#4b5563;font-size:18px}
.nm-board{position:relative;width:100%;height:560px;background:#f4f5f6;border:1px solid #d7dadd;border-radius:18px;overflow:hidden}
.nm-cell{position:absolute;display:flex;align-items:center;justify-content:center;border:2px solid #7b8087;background:#fff;color:#252a30;border-radius:14px;font-size:38px;font-weight:800;cursor:pointer;user-select:none;transition:transform .12s,background .12s,border-color .12s,opacity .12s}
.nm-cell:hover{transform:scale(1.025)}.nm-cell.hidden-number{color:transparent}.nm-cell.correct{background:#e9f5ec;border-color:#5f9b6e}.nm-cell.wrong{background:#fbe9e9;border-color:#b95d5d}
.nm-actions{text-align:center;margin-top:22px}.nm-btn{border:1px solid #6b7077;background:#343941;color:#fff;border-radius:11px;padding:12px 28px;font-size:16px;font-weight:700;cursor:pointer}.nm-btn:hover{background:#272c32}
@media(max-width:700px){.nm-page{padding:25px 10px}.nm-card{padding:14px}.nm-board{height:480px}.nm-cell{font-size:30px;border-radius:12px}}