#result { display: grid; gap: 16px; }
.nm-side { display: grid; gap: 4px; padding-top: 12px; border-top: 1px dashed var(--line); text-align: center; }
.nm-side p { margin: 0; }
.nm-title { font-weight: 600; overflow-wrap: anywhere; }
.nm-score { color: var(--accent); font-size: 2.2rem; }
.nm-pyramid { display: grid; gap: 4px; justify-items: center; padding: 8px 0; }
.nm-row { display: flex; justify-content: center; gap: 2px; }
.nm-row span { display: grid; place-items: center; width: min(1.25rem, calc((100vw - 96px) / 16)); height: 1.6rem; font-size: .8rem; font-variant-numeric: tabular-nums; border-radius: 4px; background: var(--bg); border: 1px solid var(--line); }
.nm-letters span { font-weight: 600; border-color: transparent; background: transparent; }
.nm-last span { background: var(--accent); color: var(--on-accent); border-color: var(--accent); font-weight: 600; }
