.board-preview{container-type:inline-size;inline-size:100%;min-inline-size:0;aspect-ratio:1;color:#171a20;font-family:inherit;font-variant-numeric:tabular-nums;line-height:1;letter-spacing:normal;text-align:center;user-select:none}.board-preview *,.board-preview :after,.board-preview :before{box-sizing:border-box}.board-preview-stage{display:grid;place-items:center;inline-size:100%;block-size:100%}.bp-sudoku{grid-template-columns:repeat(4,minmax(0,1fr));inline-size:100%;border:2px solid #303845;background:#fff}.bp-sudoku,.bp-sudoku-cell{display:grid;aspect-ratio:1}.bp-sudoku-cell{place-items:center;border-inline-end:1px solid #c8cdd5;border-block-end:1px solid #c8cdd5;font-size:clamp(16px,11cqi,30px);color:#929aa7}.bp-sudoku-cell.is-given{background:#f4f5f7;color:#171a20;font-weight:600}.bp-sudoku-cell.is-selected{background:#eaf0fd;box-shadow:inset 0 0 0 2px #2458bf}.bp-sudoku-cell:nth-child(4n+2){border-inline-end:2px solid #303845}.bp-sudoku-cell:nth-child(n+5):nth-child(-n+8){border-block-end:2px solid #303845}.bp-sudoku-cell:nth-child(4n){border-inline-end:0}.bp-sudoku-cell:nth-child(n+13){border-block-end:0}.bp-sliding{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(3px,2.5cqi,7px);inline-size:100%}.bp-slide-cell,.bp-sliding{display:grid;aspect-ratio:1}.bp-slide-cell{place-items:center;min-inline-size:0;border:1px solid #bfc7d4;background:#f4f5f7;color:#525b6b;font-size:clamp(20px,14cqi,38px);font-weight:600}.bp-slide-cell.is-movable{background:#edf2fd;border-color:#819acb;color:#171a20}.bp-slide-cell.is-blank{background:#fff;border:1px dashed #c8cdd5}.bp-lights{gap:clamp(3px,3cqi,8px);inline-size:100%;padding:clamp(5px,4cqi,10px);background:#294940}.bp-light,.bp-lights{display:grid;aspect-ratio:1}.bp-light{place-items:center;min-inline-size:0;background:#3a5d51;border:1px solid #52705c;color:#79612e}.bp-light.is-on{background:#eacf89;border-color:#edda9b}.bp-light>i{display:block;inline-size:8%;min-inline-size:3px;aspect-ratio:1;border-radius:50%;background:#77917d}.bp-light.is-on>i{position:relative;inline-size:29%;aspect-ratio:.9;border:clamp(1px,.7cqi,2px) solid;border-radius:50% 50% 35% 35%;background:transparent}.bp-light.is-on>i:after{content:"";position:absolute;inset-inline-start:22%;inset-block-end:-30%;inline-size:56%;block-size:20%;border-block:1px solid currentColor}.bp-pairs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(3px,3cqi,8px);inline-size:100%}.bp-pairs-full{inline-size:78%}.bp-card-back{display:block;min-inline-size:0;aspect-ratio:.8;background:#dbe5c6;border:1px solid #8e9d7b}.bp-make24{inline-size:100%}.bp-number-goal{display:block;margin-block-end:10cqi;color:#525b6b;font-size:clamp(10px,5.5cqi,15px)}.bp-number-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(3px,2.5cqi,7px)}.bp-number-cards>span{display:grid;place-items:center;aspect-ratio:.75;border:1px solid #bfc7d4;background:#f4f5f7;font-size:clamp(17px,11cqi,30px);font-weight:600}.bp-operators{margin-block-start:9cqi;font-size:clamp(14px,9cqi,24px);color:#525b6b;white-space:nowrap}.bp-color-mix{inline-size:100%}.bp-color-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7cqi}.bp-color-comparison>div{min-inline-size:0}.bp-color-comparison>div>span{display:block;inline-size:100%;aspect-ratio:1.1;border:1px solid #d7dbe0}.bp-color-comparison small{display:block;margin-block-start:5cqi;font-size:clamp(9px,5cqi,13px);color:#525b6b;white-space:nowrap}.bp-color-sources{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8cqi;margin-block-start:12cqi}.bp-color-sources>span:first-child,.bp-color-sources>span:last-child{display:block;block-size:10cqi;border:1px solid #d7dbe0}.bp-color-sources>span:nth-child(2){font-size:clamp(10px,5.5cqi,14px);color:#525b6b;white-space:nowrap}