/* Number Pens: thin lines inside a pen, thick lines around it, the target in the corner. */
#np-grid { gap: 0; padding: 10px; }
#np-grid .lt-cell { border-radius: 0; box-shadow: none; border: 1px solid color-mix(in srgb, var(--text) 14%, transparent); }
#np-grid .lt-cell.pt { border-top: 3px solid var(--text); }
#np-grid .lt-cell.pb { border-bottom: 3px solid var(--text); }
#np-grid .lt-cell.pl { border-left: 3px solid var(--text); }
#np-grid .lt-cell.pr { border-right: 3px solid var(--text); }
#np-grid .lt-cell:first-child { border-top-left-radius: 12px; }
#np-grid .lt-deco { position: absolute; top: 2px; left: 4px; font: 800 clamp(9px, 2.6vw, 13px) var(--body); color: #D9772B; line-height: 1; pointer-events: none; }
:root[data-theme="dark"] #np-grid .lt-deco { color: #FFB877; }
#np-grid .lt-cell.solved .lt-deco { color: #fff; }
#np-grid .lt-v { margin-top: 6px; }