.ng{grid-template-columns:minmax(0,1fr);grid-template-areas:"size""board""info""controls""actions"}.ng-size{grid-area:size}.ng-wrap{grid-area:board;min-width:0}.ng-info{grid-area:info;gap:10px;min-width:0;display:grid}.ng-controls{grid-area:controls;gap:10px;display:grid}.ng-actions{flex-wrap:wrap;grid-area:actions;gap:10px;display:flex}.ng-actions .btn{flex:auto}@media (width>=1024px){.ng{grid-template:"board size""board info""board controls""board actions""board."1fr/minmax(0,1fr) minmax(300px,400px);align-items:start;gap:20px 48px}}.ng-board{grid-template-columns:auto calc(var(--c) * var(--n) + 4px);grid-template-rows:auto calc(var(--c) * var(--n) + 4px);font-size:max(10px, calc(var(--c) * .46));font-variant-numeric:tabular-nums;-webkit-user-select:none;user-select:none;justify-content:center;display:grid}.ng-cols{grid-area:1/2;grid-template-columns:repeat(var(--n), var(--c));align-items:end;padding-inline:2px;display:grid}.ng-cc{flex-direction:column;justify-content:flex-end;align-items:center;gap:.18em;padding-bottom:.35em;font-weight:600;line-height:1;display:flex}.ng-rows{grid-area:2/1;grid-template-rows:repeat(var(--n), var(--c));padding-block:2px;display:grid}.ng-rc{justify-content:flex-end;align-items:center;gap:.4em;padding-inline-end:.45em;font-weight:600;line-height:1;display:flex}.ng-ok{color:var(--faint);font-weight:400}.ng-grid{grid-area:2/2;grid-template-columns:repeat(var(--n), var(--c));grid-template-rows:repeat(var(--n), var(--c));border:2px solid var(--ink);background:var(--panel);touch-action:none;border-radius:2px;display:grid}.ng-cell{border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--panel);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:0;margin:0;padding:0;position:relative}.ng-cell:nth-child(n){min-width:0;min-height:0}.ng-r5{border-right:2px solid var(--muted)}.ng-b5{border-bottom:2px solid var(--muted)}.ng-cell:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;z-index:1}.ng-f{background:var(--ink)}.ng-x:before,.ng-x:after{content:"";background:var(--faint);height:1.5px;position:absolute;top:50%;left:22%;right:22%}.ng-x:before{transform:rotate(45deg)}.ng-x:after{transform:rotate(-45deg)}.ng-w{box-shadow:inset 0 0 0 2px var(--accent)}.ng-w.ng-f{background:var(--accent-text)}.ng--done .ng-f{background:var(--accent)}.ng--done .ng-x:before,.ng--done .ng-x:after{display:none}.ng--done .ng-cell{cursor:default}.ng-buttons{grid-template-columns:1fr 1fr;gap:10px;display:grid}