.CK42Fa_wrap,.CK42Fa_examples{--t0:color-mix(in oklab, var(--tangerine) 54%, #fff);--t1:color-mix(in oklab, var(--grass) 39%, #fff);--t2:color-mix(in oklab, var(--teal) 45%, #fff);--t3:color-mix(in oklab, var(--slate) 41%, #fff);--t4:color-mix(in oklab, var(--grape) 41%, #fff);--t5:color-mix(in oklab, var(--bubblegum) 52%, #fff);--open:#ede7de;--edge:#1b1612;--seam:#1b16121f;--hairline:color-mix(in srgb, var(--ink) 16%, var(--card));--clash:#e5301f;--clash-text:#c4271a;--hatch:#e5301f57}:root[data-theme=dark] .CK42Fa_wrap,:root[data-theme=dark] .CK42Fa_examples{--clash-text:#ff8a7a}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .CK42Fa_wrap,:root:not([data-theme=light]) .CK42Fa_examples{--clash-text:#ff8a7a}}.CK42Fa_wrap{--cell:max(30px, min(88px, round(down, 540px / var(--n), 1px), round(down, (100vw - 20px) / var(--n), 1px), round(down, (var(--fit-h,100svh) - 177px) / var(--n), 1px)));--side:calc(var(--n) * var(--cell) + 4px);grid-template-columns:var(--side);justify-content:center;gap:12px;margin:0 -4px;padding:6px 0 24px;display:grid}.CK42Fa_wrap,.CK42Fa_mini{--inset:max(2px, round(var(--cell) * .065, 1px));--round:round(var(--cell) * .16, 1px)}.CK42Fa_bar{justify-content:space-between;align-items:center;gap:10px;height:44px;display:flex}.CK42Fa_clock{border:1.5px solid var(--hair);background:var(--card);height:44px;color:var(--ink);cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:0 16px 0 12px;display:inline-flex}.CK42Fa_clock:disabled{cursor:default}.CK42Fa_clock:not(:disabled):hover{border-color:var(--line)}.CK42Fa_clockIcon{color:var(--ink-2);display:inline-flex}.CK42Fa_clockIcon svg{width:16px;height:16px}.CK42Fa_time{min-width:3.3ch;font-family:var(--font-display);font-variant-numeric:tabular-nums;letter-spacing:-.01em;font-size:20px;font-weight:800}.CK42Fa_progress{background:var(--paper-2);height:44px;color:var(--ink-2);white-space:nowrap;border-radius:999px;align-items:center;gap:9px;padding:0 16px 0 13px;font-size:14px;font-weight:700;display:inline-flex}.CK42Fa_glyph{flex:none;width:20px;height:20px}.CK42Fa_glyph rect{stroke:var(--line);stroke-width:1.5px}.CK42Fa_count b{font-family:var(--font-display);font-variant-numeric:tabular-nums;color:var(--ink);font-size:17px;font-weight:800}.CK42Fa_stage{justify-items:center;display:grid}.CK42Fa_board{border:var(--border);background:var(--card);width:max-content;box-shadow:var(--shadow);border-radius:12px;position:relative;overflow:hidden}.CK42Fa_grid{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;cursor:crosshair;position:relative}.CK42Fa_grid:focus{outline:none}.CK42Fa_wrap[data-done] .CK42Fa_grid{cursor:default}.CK42Fa_row{grid-template-columns:repeat(var(--n), var(--cell));display:grid}.CK42Fa_cell{height:var(--cell);background:var(--card);box-shadow:inset -1px 0 0 var(--hairline), inset 0 -1px 0 var(--hairline);-webkit-tap-highlight-color:transparent;transition:background-color .4s;position:relative}.CK42Fa_row .CK42Fa_cell:last-child{box-shadow:inset 0 -1px 0 var(--hairline)}.CK42Fa_row:last-child .CK42Fa_cell{box-shadow:inset -1px 0 0 var(--hairline)}.CK42Fa_row:last-child .CK42Fa_cell:last-child{box-shadow:none}@media (hover:hover){.CK42Fa_wrap:not([data-done]) .CK42Fa_cell:hover{background:color-mix(in srgb, var(--ink) 5%, var(--card))}}.CK42Fa_pressed{background:color-mix(in srgb, var(--ink) 10%, var(--card))}.CK42Fa_plots{z-index:1;pointer-events:none;position:absolute;inset:0}.CK42Fa_plot,.CK42Fa_preview{left:calc(var(--c) * var(--cell) + var(--inset));top:calc(var(--r) * var(--cell) + var(--inset));width:calc(var(--w) * var(--cell) - 2 * var(--inset));height:calc(var(--h) * var(--cell) - 2 * var(--inset));box-sizing:border-box;border-radius:var(--round);pointer-events:none;position:absolute}.CK42Fa_plot{border:2px solid var(--edge);background-color:var(--tint,var(--open));background-image:linear-gradient(to right, var(--seam) 1px, transparent 1px), linear-gradient(to bottom, var(--seam) 1px, transparent 1px);background-size:var(--cell) var(--cell);background-position:calc(var(--cell) - var(--inset) - 2.5px) 0, 0 calc(var(--cell) - var(--inset) - 2.5px);box-shadow:0 2px #1b161233}.CK42Fa_plot[data-status=empty],.CK42Fa_plot[data-status=crowded]{box-shadow:none;border-style:dashed}.CK42Fa_plot[data-status=size]:after,.CK42Fa_plot[data-status=shape]:after{content:"";border-radius:calc(var(--round) - 2px);background:repeating-linear-gradient(135deg, var(--hatch) 0 3px, transparent 3px 8px);position:absolute;inset:0}.CK42Fa_plot[data-fresh]{animation:CK42Fa_plot-in .22s var(--ease-pop)}@keyframes CK42Fa_plot-in{0%{opacity:.4;scale:.9}}.CK42Fa_preview{z-index:2;border:2px dashed var(--edge);background:color-mix(in srgb, var(--tint,var(--open)) 80%, transparent)}.CK42Fa_badge{z-index:5;left:calc((var(--c) + var(--w) / 2) * var(--cell));top:calc(var(--r) * var(--cell) + var(--inset));background:var(--ink);min-width:30px;height:26px;color:var(--card);box-shadow:0 0 0 2px var(--card);font-family:var(--font-display);font-variant-numeric:tabular-nums;pointer-events:none;border-radius:999px;place-items:center;padding:0 9px;font-size:15px;font-weight:800;line-height:1;display:grid;position:absolute;translate:-50% -50%}.CK42Fa_badge[data-at=below]{top:calc((var(--r) + var(--h)) * var(--cell) - var(--inset))}.CK42Fa_badge[data-at=inside-top]{top:calc(var(--r) * var(--cell) + var(--inset) + 6px);translate:-50%}.CK42Fa_badge[data-at=inside-bottom]{top:calc((var(--r) + var(--h)) * var(--cell) - var(--inset) - 6px);translate:-50% -100%}.CK42Fa_clues{z-index:3;pointer-events:none;position:absolute;inset:0}.CK42Fa_clue{left:calc(var(--c) * var(--cell));top:calc(var(--r) * var(--cell));width:var(--cell);height:var(--cell);color:var(--ink);place-items:center;display:grid;position:absolute}.CK42Fa_clue[data-covered]{color:var(--edge)}.CK42Fa_mark{font-family:var(--font-display);font-variant-numeric:tabular-nums;letter-spacing:-.02em;place-items:center;font-weight:800;line-height:1;display:grid}.CK42Fa_mark[data-shape=any]{font-size:calc(var(--cell) * .46)}.CK42Fa_mark:not([data-shape=any]){box-sizing:border-box;border-radius:calc(var(--cell) * .1);font-size:calc(var(--cell) * .3);border:2px solid}.CK42Fa_mark[data-shape=square]{width:56%;height:56%}.CK42Fa_mark[data-shape=wide]{width:76%;height:46%}.CK42Fa_mark[data-shape=tall]{width:46%;height:76%}.CK42Fa_mark[data-shape=tall][data-digits="2"]{font-size:calc(var(--cell) * .24);letter-spacing:-.05em}.CK42Fa_clue[data-trouble]{color:#c4271a}.CK42Fa_cursor,.CK42Fa_corner{z-index:6;left:calc(var(--c) * var(--cell));top:calc(var(--r) * var(--cell));width:var(--cell);height:var(--cell);pointer-events:none;border-radius:6px;position:absolute}.CK42Fa_cursor{box-shadow:inset 0 0 0 3px var(--focus), inset 0 0 0 5px #ffffffd9;transition:left 80ms,top 80ms}.CK42Fa_corner{box-shadow:inset 0 0 0 2px var(--focus), inset 0 0 0 4px #ffffffd9}.CK42Fa_wrap[data-done] .CK42Fa_cell{background:color-mix(in srgb, var(--lilac) 45%, var(--card))}:root[data-theme=dark] .CK42Fa_wrap[data-done] .CK42Fa_cell{background:color-mix(in srgb, var(--lilac) 24%, var(--card))}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .CK42Fa_wrap[data-done] .CK42Fa_cell{background:color-mix(in srgb, var(--lilac) 24%, var(--card))}}.CK42Fa_wrap[data-done] .CK42Fa_board:after{content:"";z-index:7;box-shadow:inset 0 0 0 4px var(--lilac), inset 0 0 0 5.5px var(--edge);pointer-events:none;border-radius:10px;position:absolute;inset:0}.CK42Fa_won .CK42Fa_plot{animation:CK42Fa_settle .5s var(--ease-out) calc(var(--order) * 60ms) both}.CK42Fa_won:after{animation:CK42Fa_mat-in .5s var(--ease-out) calc(var(--n) * .12s + .25s) both}@keyframes CK42Fa_settle{35%{filter:brightness(1.07);translate:0 -3px;box-shadow:0 5px #1b161238}}@keyframes CK42Fa_mat-in{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.CK42Fa_won .CK42Fa_plot,.CK42Fa_won:after{animation-delay:0s}}.CK42Fa_paused{z-index:8;background:var(--paper-2);place-content:center;justify-items:center;gap:12px;display:grid;position:absolute;inset:0}.CK42Fa_paused b{font-family:var(--font-display);font-size:28px}.CK42Fa_status{text-align:center;justify-content:center;align-items:center;min-height:20px;margin:-4px 0;font-size:14px;font-weight:700;display:flex}.CK42Fa_troubleLine{color:var(--clash-text);align-items:center;gap:8px;display:inline-flex}.CK42Fa_troubleMark{background:repeating-linear-gradient(135deg, var(--clash) 0 2px, transparent 2px 5px);width:14px;height:14px;box-shadow:inset 0 0 0 1.5px var(--clash);border-radius:3px;flex:none}.CK42Fa_keys{grid-template-columns:1fr 1fr;justify-self:center;gap:8px;width:min(100%,420px);display:grid}.CK42Fa_key{background:var(--key);height:52px;color:var(--ink);cursor:pointer;box-shadow:inset 0 -3px 0 var(--key-edge);touch-action:manipulation;border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:0 12px;font-size:15px;font-weight:700;transition:background .2s,transform 60ms;display:inline-flex}.CK42Fa_key svg{flex:none;width:20px;height:20px}.CK42Fa_key:active:not(:disabled){box-shadow:inset 0 -1px 0 var(--key-edge);transform:translateY(2px)}.CK42Fa_key:disabled{cursor:default;opacity:.5}.CK42Fa_after{justify-content:center;display:flex}@media (max-height:700px){.CK42Fa_wrap{--cell:max(30px, min(88px, round(down, 540px / var(--n), 1px), round(down, (100vw - 20px) / var(--n), 1px), round(down, (var(--fit-h,100svh) - 162px) / var(--n), 1px)));padding-bottom:8px}}@media (max-height:480px){.CK42Fa_wrap{--cell:max(25px, min(88px, round(down, 540px / var(--n), 1px), round(down, (100vw - 20px) / var(--n), 1px), round(down, (var(--fit-h,100svh) - 152px) / var(--n), 1px)));padding-bottom:4px}.CK42Fa_bar,.CK42Fa_clock,.CK42Fa_progress{height:38px}}.CK42Fa_examples{gap:18px;display:grid}.CK42Fa_example{justify-items:start;gap:8px;display:grid}.CK42Fa_mini{--cell:46px;--n:var(--cols);box-shadow:var(--shadow-sm)}.CK42Fa_mini .CK42Fa_grid{cursor:default}.CK42Fa_mini .CK42Fa_plot[data-beat]{animation:CK42Fa_plot-in .4s var(--ease-pop) calc(.35s + var(--beat) * .2s) both}.CK42Fa_kinds{gap:10px;display:flex}.CK42Fa_kind{--cell:46px;width:var(--cell);height:var(--cell);border:1.5px solid var(--hair);background:var(--card);color:var(--ink);border-radius:10px;place-items:center;display:grid}.CK42Fa_kind .CK42Fa_mark[data-shape=any]{font-size:22px}.CK42Fa_exampleText{color:var(--ink-2);font-size:14.5px}@media (hover:none),(pointer:coarse){.CK42Fa_keysOnly{display:none}}