:root{--st-cell:#f8f5ed;--st-line:var(--ink);--st-frame:var(--ink);--st-region:var(--ink);--st-star:var(--acc-starlit);--st-star-line:var(--ink);--st-dot:color-mix(in oklab, var(--ink) 62%, transparent);--st-hover-ink:7%;--st-t0:#eaddc2;--st-t1:#d1dad5;--st-t2:#e9d4c7;--st-t3:#dad6da;--st-t4:#d9dbcc;--st-t5:#d7dada;--st-t6:#e4d4d5;--st-t7:#e0dcd3;--st-t8:#f8f5ed}@supports (color:color(display-p3 0 0 0)){:root{--st-t0:color(display-p3 .910261 .869727 .772633);--st-t1:color(display-p3 .826316 .852418 .836855);--st-t2:color(display-p3 .900156 .835366 .787133);--st-t3:color(display-p3 .852194 .83981 .855163);--st-t4:color(display-p3 .851589 .859426 .804495);--st-t5:color(display-p3 .845264 .855715 .855492);--st-t6:color(display-p3 .882805 .831843 .835555);--st-t7:color(display-p3 .874833 .862517 .829418)}}@supports (color:lab(0% 0 0)){:root{--st-t0:lab(88.7593% 1.37347 15.103);--st-t1:lab(86.1695% -3.58197 1.17776);--st-t2:lab(86.4767% 5.85526 9.29958);--st-t3:lab(86.0481% 1.99884 -1.65002);--st-t4:lab(86.971% -2.91646 7.33178);--st-t5:lab(86.8962% -1.20297 -.36279);--st-t6:lab(86.13% 6.01512 1.48017);--st-t7:lab(87.8171% .207335 5.05229)}}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--st-cell:#201e1a;--st-line:color-mix(in oklab, var(--ink) 42%, #201e1a);--st-frame:color-mix(in oklab, var(--ink) 78%, #201e1a);--st-region:color-mix(in oklab, var(--ink) 78%, #201e1a);--st-star:var(--acc-starlit);--st-star-line:#ece6d9;--st-dot:color-mix(in oklab, var(--ink) 62%, transparent);--st-hover-ink:9%;--st-t0:#4d422a;--st-t1:#333e3d;--st-t2:#4c382d;--st-t3:#3e3a42;--st-t4:#3e4134;--st-t5:#363b3e;--st-t6:#433438;--st-t7:#3a3730;--st-t8:#201e1a}@supports (color:color(display-p3 0 0 0)){:root:not([data-theme=light]){--st-t0:color(display-p3 .296069 .260433 .177191);--st-t1:color(display-p3 .20919 .24329 .239125);--st-t2:color(display-p3 .284785 .222009 .182319);--st-t3:color(display-p3 .240062 .229836 .256109);--st-t4:color(display-p3 .243426 .252692 .207301);--st-t5:color(display-p3 .214469 .231323 .242914);--st-t6:color(display-p3 .252148 .204422 .218156);--st-t7:color(display-p3 .224185 .214318 .192265)}}@supports (color:lab(0% 0 0)){:root:not([data-theme=light]){--st-t0:lab(28.6786% 2.18369 16.4176);--st-t1:lab(25.3162% -5.03658 -.800908);--st-t2:lab(25.4758% 7.83803 10.4562);--st-t3:lab(25.1901% 2.73204 -4.03606);--st-t4:lab(26.7271% -3.34141 7.47732);--st-t5:lab(24.5063% -1.81568 -2.784);--st-t6:lab(23.3248% 7.61472 .0935912);--st-t7:lab(23.0323% .474378 4.41049)}}}:root[data-theme=dark]{--st-cell:#201e1a;--st-line:color-mix(in oklab, var(--ink) 42%, #201e1a);--st-frame:color-mix(in oklab, var(--ink) 78%, #201e1a);--st-region:color-mix(in oklab, var(--ink) 78%, #201e1a);--st-star:var(--acc-starlit);--st-star-line:#ece6d9;--st-dot:color-mix(in oklab, var(--ink) 62%, transparent);--st-hover-ink:9%;--st-t0:#4d422a;--st-t1:#333e3d;--st-t2:#4c382d;--st-t3:#3e3a42;--st-t4:#3e4134;--st-t5:#363b3e;--st-t6:#433438;--st-t7:#3a3730;--st-t8:#201e1a}@supports (color:color(display-p3 0 0 0)){:root[data-theme=dark]{--st-t0:color(display-p3 .296069 .260433 .177191);--st-t1:color(display-p3 .20919 .24329 .239125);--st-t2:color(display-p3 .284785 .222009 .182319);--st-t3:color(display-p3 .240062 .229836 .256109);--st-t4:color(display-p3 .243426 .252692 .207301);--st-t5:color(display-p3 .214469 .231323 .242914);--st-t6:color(display-p3 .252148 .204422 .218156);--st-t7:color(display-p3 .224185 .214318 .192265)}}@supports (color:lab(0% 0 0)){:root[data-theme=dark]{--st-t0:lab(28.6786% 2.18369 16.4176);--st-t1:lab(25.3162% -5.03658 -.800908);--st-t2:lab(25.4758% 7.83803 10.4562);--st-t3:lab(25.1901% 2.73204 -4.03606);--st-t4:lab(26.7271% -3.34141 7.47732);--st-t5:lab(24.5063% -1.81568 -2.784);--st-t6:lab(23.3248% 7.61472 .0935912);--st-t7:lab(23.0323% .474378 4.41049)}}.board{--frame:2px;--line:1px;--region:3px;aspect-ratio:1;width:100%;padding:var(--frame);background:var(--st-frame);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;position:relative}.board__grid{grid-template-rows:repeat(var(--n), 1fr);gap:var(--line);background:var(--st-line);width:100%;height:100%;display:grid}.board__row{grid-template-columns:repeat(var(--n), 1fr);gap:var(--line);display:grid}.board__seams{inset:calc(var(--frame) - var(--line) / 2);width:calc(100% - 2 * var(--frame) + var(--line));height:calc(100% - 2 * var(--frame) + var(--line));pointer-events:none;position:absolute;overflow:hidden}.board__seams path{fill:none;stroke:var(--st-region);stroke-width:var(--region);stroke-linecap:square}.cell{--tint:var(--st-cell);cursor:pointer;background:var(--tint);transition:background-color .2s var(--ease-out);place-items:center;display:grid;position:relative;overflow:hidden}.cell[data-glaze="0"]{--tint:var(--st-t0)}.cell[data-glaze="1"]{--tint:var(--st-t1)}.cell[data-glaze="2"]{--tint:var(--st-t2)}.cell[data-glaze="3"]{--tint:var(--st-t3)}.cell[data-glaze="4"]{--tint:var(--st-t4)}.cell[data-glaze="5"]{--tint:var(--st-t5)}.cell[data-glaze="6"]{--tint:var(--st-t6)}.cell[data-glaze="7"]{--tint:var(--st-t7)}.cell[data-glaze="8"]{--tint:var(--st-t8)}.cell:focus-visible{outline:2px solid var(--focus);outline-offset:-4px;z-index:2}.board[data-pointer] .cell:focus-visible{outline:none}@media (hover:hover){.board:not(:-webkit-any([data-solved],[data-static])) .cell[data-kind=empty]:hover{background-color:color-mix(in oklab, var(--tint), var(--ink) var(--st-hover-ink))}.board:not(:is([data-solved],[data-static])) .cell[data-kind=empty]:hover{background-color:color-mix(in oklab, var(--tint), var(--ink) var(--st-hover-ink))}}.cell[data-press]{animation:press .24s var(--ease-out)}@keyframes press{40%{scale:.94}}.star{width:74%;height:74%;overflow:visible}.star__body{fill:var(--st-star);stroke:var(--st-star-line);stroke-width:1.35px;stroke-linejoin:round}.cell[data-press] .star{animation:star-in .32s var(--ease-out)}@keyframes star-in{0%{opacity:.2;scale:.6}}.st-dot,.cell[data-kind=auto]:after{aspect-ratio:1;background:var(--st-dot);width:16%;animation:st-dot-in .16s var(--ease-out);border-radius:50%}.cell[data-kind=auto]:after{content:"";opacity:.6;width:10%}@keyframes st-dot-in{0%{scale:.3}}.board[data-settled] .star{animation:none}.cell[data-crowded]{background-image:repeating-linear-gradient(-45deg, color-mix(in oklab, var(--alarm) 40%, transparent) 0 1.5px, transparent 1.5px 6px)}.cell[data-clash]{box-shadow:inset 0 0 0 3px var(--alarm)}.cell[data-clash] .star__body{stroke:var(--alarm);fill:color-mix(in oklab, var(--alarm) 16%, var(--st-cell))}.cell[data-clash] .star{animation:clash .36s var(--ease-out)}@keyframes clash{25%{translate:-8%}50%{translate:7%}75%{translate:-4%}}.board[data-hinting] .cell:not([data-hint]):before{content:"";background:color-mix(in oklab, var(--paper) 62%, transparent);pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.board .cell[data-hint=target]{box-shadow:inset 0 0 0 3px var(--ink);z-index:1;animation:1.3s ease-in-out infinite hint}.cell[data-hint=because]{outline:1.5px dashed var(--ink);outline-offset:-5px}@keyframes hint{50%{box-shadow:inset 0 0 0 5px var(--ink)}}.board[data-celebrate] .cell:after{content:"";background:var(--st-star);opacity:0;animation:swell .72s var(--ease-out) both;animation-delay:calc(var(--d) * 55ms);pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.board[data-celebrate] .star{animation:star-bow .6s var(--ease-out) both;animation-delay:calc(var(--d) * 55ms + 80ms)}@keyframes swell{35%{opacity:.4}}@keyframes star-bow{50%{scale:1.16}}.board[data-solved] .cell{cursor:default}.board[data-static]{touch-action:auto;pointer-events:none}.plate .board,.thumb .board{--frame:1.5px;--region:2.5px}.thumb__print>.board[role],.hero__sheet>.board[role],.plate__board>.board[role]{filter:none}