:root{--sd-cell:#f8f5ed;--sd-line:var(--ink);--sd-frame:var(--ink);--sd-hover:#efe9dc;--sd-peer:#f0ebdf;--sd-given:var(--ink);--sd-num:color-mix(in oklab, var(--acc-sudoku) 86%, var(--ink));--sd-same:color-mix(in oklab, var(--acc-sudoku) 20%, #f8f5ed);--sd-note:var(--ink-soft)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--sd-cell:#201e1a;--sd-line:color-mix(in oklab, var(--ink) 50%, #201e1a);--sd-frame:color-mix(in oklab, var(--ink) 78%, #201e1a);--sd-hover:#2a2722;--sd-peer:#27241f;--sd-given:#d6cfbf;--sd-num:color-mix(in oklab, var(--acc-sudoku) 88%, var(--ink));--sd-same:color-mix(in oklab, var(--acc-sudoku) 24%, #201e1a);--sd-note:var(--ink-soft)}}:root[data-theme=dark]{--sd-cell:#201e1a;--sd-line:color-mix(in oklab, var(--ink) 50%, #201e1a);--sd-frame:color-mix(in oklab, var(--ink) 78%, #201e1a);--sd-hover:#2a2722;--sd-peer:#27241f;--sd-given:#d6cfbf;--sd-num:color-mix(in oklab, var(--acc-sudoku) 88%, var(--ink));--sd-same:color-mix(in oklab, var(--acc-sudoku) 24%, #201e1a);--sd-note:var(--ink-soft)}.page-game .game{--board-gutter:clamp(6px, 1.6vw, 24px)}@media (orientation:portrait) and (min-height:561px){.page-game .game__board{width:min(var(--board), calc(100dvh - 322px - var(--notes-above,0px)))}}.sd-board{--frame:2px;--line:1px;--box:1.5px;--tile:calc((100cqw - 2 * var(--frame)) / var(--n));aspect-ratio:1;width:100%;padding:var(--frame);box-sizing:border-box;background:var(--sd-frame);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:pan-y;position:relative;container-type:inline-size}.sd-panel{grid-template-rows:repeat(var(--n), 1fr);gap:var(--line);background:var(--sd-line);width:100%;height:100%;display:grid}.sd-row{grid-template-columns:repeat(var(--n), 1fr);gap:var(--line);min-height:0;display:grid}.sd-row[data-box-end]{margin-bottom:var(--box)}.sd-tile[data-box-end]{margin-right:var(--box)}.sd-tile{isolation:isolate;cursor:pointer;background:var(--sd-cell);transition:background-color .16s var(--ease-out);place-items:center;display:grid;position:relative;overflow:hidden}.sd-tile[data-peer]{background-color:var(--sd-peer)}.sd-tile[data-same]{background-color:var(--sd-same)}.sd-tile[data-given]{cursor:default}.sd-tile[data-selected]{box-shadow:inset 0 0 0 2px var(--ink);z-index:2}.sd-tile:focus-visible{outline:2px solid var(--focus);outline-offset:-5px;z-index:2}@media (hover:hover){.sd-board:not(:-webkit-any([data-solved],[data-static])) .sd-tile:not(:-webkit-any([data-given],[data-selected],[data-same])):hover{background-color:var(--sd-hover)}.sd-board:not(:is([data-solved],[data-static])) .sd-tile:not(:is([data-given],[data-selected],[data-same])):hover{background-color:var(--sd-hover)}}.sd-num{font-family:var(--serif);font-weight:430;font-size:max(.75rem, calc(var(--tile) * .62));color:var(--sd-num);font-variant-numeric:lining-nums tabular-nums;line-height:1}.sd-tile[data-given] .sd-num{color:var(--sd-given);font-weight:600}.sd-tile[data-clash]{box-shadow:inset 0 0 0 3px var(--alarm)}.sd-tile[data-clash]:not([data-given]){background-image:repeating-linear-gradient(-45deg, color-mix(in oklab, var(--alarm) 40%, transparent) 0 1.5px, transparent 1.5px 6px)}.sd-tile[data-clash] .sd-num{color:var(--alarm);animation:sd-clash .36s var(--ease-out)}@keyframes sd-clash{25%{translate:-8%}50%{translate:7%}75%{translate:-4%}}.sd-notes{grid-template-columns:repeat(var(--cols,3), 1fr);font-family:var(--sans);font-size:max(.5rem, calc(var(--tile) * .27));color:var(--sd-note);font-variant-numeric:tabular-nums;grid-auto-rows:1fr;place-items:center;font-weight:500;line-height:1;display:grid;position:absolute;top:6%;bottom:6%;left:6%;right:6%}.sd-board[data-size="4"] .sd-notes{font-size:max(.625rem, calc(var(--tile) * .22))}.sd-notes i{font-style:normal}.sd-notes i[data-same]{color:var(--sd-num);font-weight:700}.sd-board[data-hinting] .sd-tile:not([data-hint]):before{content:"";z-index:1;background:color-mix(in oklab, var(--paper) 62%, transparent);pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.sd-board .sd-tile[data-hint=target]{box-shadow:inset 0 0 0 3px var(--ink);z-index:2;outline:0;animation:1.3s ease-in-out infinite sd-hint}.sd-board .sd-tile[data-hint=because]:after{content:"";border:1.5px dashed var(--ink);pointer-events:none;position:absolute;top:4px;bottom:4px;left:4px;right:4px}@keyframes sd-hint{50%{box-shadow:inset 0 0 0 5px var(--ink)}}.sd-tile>.fx-ghost{position:absolute}.sd-tile>.sd-notes.fx-ghost{top:6%;bottom:6%;left:6%;right:6%}.sd-tile>.fx-sweep{z-index:-1;transform-origin:0;background:color-mix(in oklab, var(--acc-sudoku) 24%, transparent);top:0;bottom:0;left:0;right:0}.sd-tile>.fx-sweep[data-axis=col]{transform-origin:50% 0}.sd-tile>.fx-wave{z-index:-1;background:color-mix(in oklab, var(--acc-sudoku) 30%, transparent);top:0;bottom:0;left:0;right:0}.sd-board[data-solved] .sd-tile{cursor:default}.sd-board[data-static]{touch-action:auto;pointer-events:none}.plate .sd-board,.thumb .sd-board{--frame:1.5px;--box:1px}.thumb__print>.sd-board.sd-board,.hero__sheet>.sd-board.sd-board,.plate__board>.sd-board.sd-board{filter:none}.sd-controls{gap:8px;display:grid}.game{--tools-extra:62px}.sd-controls[hidden]{display:none}.sd-pad{grid-template-columns:repeat(var(--n,9), 1fr);gap:4px;display:grid}.sd-pad:empty{min-height:52px}.sd-pad .btn{min-width:0;min-height:52px;font-family:var(--serif);font-variant-numeric:lining-nums tabular-nums;padding:0;font-size:1.625rem;font-weight:500;position:relative}.sd-pad .btn[aria-pressed=true]{background:var(--ink);color:var(--paper)}.sd-controls[data-notes] .sd-pad .btn span{font-family:var(--sans);font-size:.9375rem;position:absolute;top:6px;left:7px}.sd-pad .btn[data-done]{color:var(--ink-soft);background:var(--panel)}.sd-pad .btn[data-done]:after{content:"";border-bottom:2px solid;border-left:2px solid;width:8px;height:4px;position:absolute;bottom:8px;right:5px;transform:rotate(-45deg)}.sd-tools{flex-wrap:wrap;gap:8px;display:flex}.sd-tools .tool{letter-spacing:0;flex-direction:column;gap:2px;min-height:52px;padding:4px 2px;font-size:.875rem;font-weight:500}@media (max-width:389px){.sd-tools .tool{padding-inline-start:0;padding-inline-end:0;font-size:.8125rem}}.sd-tools .tool[aria-pressed=true]{background:var(--ink);color:var(--ground)}.week .week__day[data-done=true] .week__tile{background:linear-gradient(var(--sd-given), var(--sd-given)) 33% 0 / 1.5px 100% no-repeat, linear-gradient(var(--sd-given), var(--sd-given)) 67% 0 / 1.5px 100% no-repeat, linear-gradient(var(--sd-given), var(--sd-given)) 0 33% / 100% 1.5px no-repeat, linear-gradient(var(--sd-given), var(--sd-given)) 0 67% / 100% 1.5px no-repeat, var(--sd-same)}.dialog__body .help-example{justify-self:center;width:min(250px,66vw)}.sd-figure{grid-template-columns:1fr 1fr;gap:12px;max-width:460px;margin:8px 0;display:grid}.sd-figure figcaption{color:var(--ink-soft);grid-column:1/-1;font-size:.875rem}
