.ng{display:grid;gap:10px;justify-items:center}.ng-boardbox{position:relative;width:100%;display:grid;justify-items:center}.ng-board{display:grid;grid-template-columns:repeat(var(--cols),1fr);width:100%;max-width:480px;border:2px solid var(--cell-strong);border-radius:8px;overflow:hidden;background:var(--cell);container-type:inline-size;touch-action:manipulation}.ng-cell{position:relative;aspect-ratio:1;display:grid;place-items:center;min-width:0;border-right:1px solid var(--cell-line);border-bottom:1px solid var(--cell-line);background:var(--cell);color:var(--accent);cursor:pointer;font-size:calc(100cqw / var(--cols) * .56);font-weight:600;line-height:1;font-variant-numeric:tabular-nums}.ng-cell.ng-br{border-right:2px solid var(--cell-strong)}.ng-cell.ng-bb{border-bottom:2px solid var(--cell-strong)}.ng-cell.ng-lc{border-right:0}.ng-cell.ng-lr{border-bottom:0}.ng-cell.ng-given{color:var(--text);font-weight:750}.ng-cell.ng-hl{background:var(--cell-alt)}.ng-cell.ng-same{background:var(--accent-soft)}.ng-cell.ng-sel{background:color-mix(in srgb,var(--accent) 30%,var(--cell))}.ng-cell.ng-err{color:var(--danger);background:color-mix(in srgb,var(--danger) 12%,var(--cell))}.ng-cell.ng-err.ng-sel{background:color-mix(in srgb,var(--danger) 26%,var(--cell))}.ng-cell.ng-won{animation:ng-pop .5s ease-out}.ng-cell.ng-block{cursor:default}@keyframes ng-pop{0%{background:var(--accent-soft)}to{background:var(--cell)}}.ng-v{position:relative;z-index:1}.ng-notes{position:absolute;inset:2px;display:grid;grid-template-columns:repeat(var(--nc, 3),1fr);font-size:calc(100cqw / var(--cols) * .21);color:var(--muted);font-weight:600;pointer-events:none}.ng-notes span{display:grid;place-items:center;line-height:1}.ng-notes span.ng-nhl{color:var(--accent-text);background:var(--accent);border-radius:3px}.ng-overlay{position:absolute;inset:0;z-index:5;display:grid;place-content:center;justify-items:center;gap:10px;background:color-mix(in srgb,var(--surface) 82%,transparent);color:var(--text);font-weight:600;border-radius:8px}.ng-spinner{width:34px;height:34px;border-radius:50%;border:4px solid var(--accent-soft);border-top-color:var(--accent);animation:ng-spin .8s linear infinite}@keyframes ng-spin{to{transform:rotate(360deg)}}.ng-helper{width:100%;max-width:480px;min-height:1.4em;font-size:.9rem;color:var(--muted);text-align:center}.ng-helper b{color:var(--text)}.ng-helper .ng-combo{display:inline-block;margin:2px 3px;padding:1px 7px;border-radius:999px;background:var(--surface-2);color:var(--text);font-variant-numeric:tabular-nums}.ng-helper .ng-combo.ng-out{opacity:.4;text-decoration:line-through}.ng-pad{width:100%;max-width:480px;display:grid;gap:8px}.ng-digits{display:grid;grid-template-columns:repeat(var(--n, 9),1fr);gap:5px}.ng-dig{appearance:none;border:1px solid var(--border);background:var(--surface);color:var(--accent);border-radius:10px;font:inherit;font-size:1.35rem;font-weight:700;min-height:50px;padding:2px 0;cursor:pointer;display:grid;place-items:center;line-height:1.05;touch-action:manipulation}.ng-dig small{font-size:.62rem;color:var(--muted);font-weight:600;min-height:.8em}.ng-dig:hover{background:var(--surface-2)}.ng-dig:active{transform:scale(.95)}.ng-dig.ng-used{opacity:.35}.ng-dig.ng-notemode{color:var(--muted);font-size:1.05rem;border-style:dashed}.ng-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.ng-act{appearance:none;border:1px solid var(--border);background:var(--surface-2);color:var(--text);border-radius:10px;font:inherit;font-size:.8rem;font-weight:600;min-height:48px;cursor:pointer;display:grid;place-items:center;gap:0;padding:4px}.ng-act-i{font-size:1.15rem;line-height:1}.ng-act[aria-pressed=true]{background:var(--accent);color:var(--accent-text);border-color:var(--accent)}@media (max-width: 420px){.ng-dig{min-height:44px;font-size:1.15rem;border-radius:8px}.ng-digits{gap:3px}}