:root[data-game=kropki]{--brand-100:#ede9fe;--brand-300:#c4b5fd;--brand-400:#8b5cf6;--brand-text:#000}.kropki-frame{width:min(100%, 420px, var(--kropki-board-max));flex-shrink:0;min-width:245px}.kropki-board{flex-shrink:0;width:100%}.kropki-cell{fill:#f0f0f0}.dark .kropki-cell{fill:#29313f}