.nono-board{--n:5;grid-template-columns:max-content repeat(var(--n), minmax(0, 1fr));width:min(100%, calc(var(--n) * 40px + 110px));touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;margin:0 auto;display:grid;container-type:inline-size}.nono-board .corner{border-right:2px solid var(--line-strong);border-bottom:2px solid var(--line-strong)}.nono-board .cclue,.nono-board .rclue{font-variant-numeric:tabular-nums;color:var(--text);font-weight:600;line-height:1.15;font-size:clamp(10px, calc(100cqw / (var(--n) + 3) * .48), 16px);display:flex}.nono-board .cclue{border-bottom:2px solid var(--line-strong);border-right:1px solid var(--border);background:var(--panel);flex-direction:column;justify-content:flex-end;align-items:center;padding:4px 0}.nono-board .rclue{border-right:2px solid var(--line-strong);border-bottom:1px solid var(--border);background:var(--panel);white-space:nowrap;justify-content:flex-end;align-items:center;gap:.45em;padding:0 6px 0 8px}.nono-board .cclue.done,.nono-board .rclue.done{color:var(--muted);opacity:.45}.nono-board .cclue.hot,.nono-board .rclue.hot{background:var(--accent-soft)}.nono-board .cclue.b5{border-right:2px solid var(--line-strong)}.nono-board .rclue.b5{border-bottom:2px solid var(--line-strong)}.nono-board .cell{aspect-ratio:1;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--panel);min-width:0;color:var(--muted);font-size:calc(100cqw / (var(--n) + 3) * .6);cursor:pointer;justify-content:center;align-items:center;line-height:1;display:flex}.nono-board .cell.b5c{border-right:2px solid var(--line-strong)}.nono-board .cell.b5r{border-bottom:2px solid var(--line-strong)}.nono-board .cell.lastc{border-right:2px solid var(--line-strong)}.nono-board .cell.lastr{border-bottom:2px solid var(--line-strong)}.nono-board .cell.hot{background:var(--accent-softer)}.nono-board .cell.fill{background:var(--line-strong)}.nono-board .cell.cross:after{content:"✕"}.nono-board.solved .cell.fill{background:var(--ok)}.nono-board.solved .cell.cross:after{content:""}.nono-board.solved .cclue,.nono-board.solved .rclue{color:var(--ok);opacity:1}