.board-wrap{display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.check{display:flex;align-items:center;gap:10px;min-height:44px;cursor:pointer}.check input{width:22px;height:22px;margin:0;flex:none;accent-color:var(--color-accent)}.ng-scroll{max-width:100%;overflow-x:auto;padding-bottom:var(--space-1);-webkit-overflow-scrolling:touch}.ng{--cell: clamp(28px, calc((min(100vw, 720px) - 32px - 90px) / var(--n)), 36px);display:grid;width:max-content;grid-template-columns:auto repeat(var(--n),var(--cell));grid-template-rows:auto repeat(var(--n),var(--cell));background:var(--color-surface);border:2px solid var(--board-frame);border-radius:var(--radius-sm);user-select:none;-webkit-user-select:none}.ng-corner{border-right:2px solid var(--board-frame);border-bottom:2px solid var(--board-frame)}.ng-clue{display:flex;gap:3px;font-family:var(--font-body);font-size:clamp(.62rem,calc(var(--cell) * .42),.85rem);font-weight:600;line-height:1;color:var(--color-text);padding:4px;background:var(--color-surface-2)}.ng-clue--col{flex-direction:column;align-items:center;justify-content:flex-end;border-bottom:2px solid var(--board-frame);padding-bottom:5px}.ng-clue--row{align-items:center;justify-content:flex-end;border-right:2px solid var(--board-frame);padding-right:5px;white-space:nowrap}.ng-clue--done{color:var(--color-text-muted);font-weight:400}.ng-cell{width:var(--cell);height:var(--cell);border:0;border-right:1px solid var(--color-border);border-bottom:1px solid var(--color-border);padding:0;background:var(--color-surface);color:var(--color-text-muted);font-size:calc(var(--cell) * .6);line-height:1;display:flex;align-items:center;justify-content:center;touch-action:none;position:relative}.ng-cell.br{border-right:2px solid var(--board-frame)}.ng-cell.bb{border-bottom:2px solid var(--board-frame)}.ng-cell.fill{background:var(--piece-dark-fill)}.ng-cell.cross:after{content:"×"}.ng-cell.last{outline:2px solid var(--color-accent);outline-offset:-2px;z-index:1}.ng-cell:focus-visible{outline:3px solid var(--color-focus);outline-offset:-3px;z-index:1}.ng--done .ng-cell{cursor:default}.ng--done .ng-cell.fill{background:var(--color-accent-strong)}.ng-modes{display:flex;gap:var(--space-2)}.ng-mode--on{background:var(--color-accent);color:var(--color-accent-contrast);border-color:var(--color-accent)}.chip strong{font-weight:600;font-variant-numeric:tabular-nums}