.sudoku{container:sudoku / inline-size;--sudoku-cols:2;--sudoku-grid:73;--sudoku-gutter:6;--sudoku-col-gap:14;--sudoku-row-gap:5;--sudoku-key:55;--sudoku-key-cols:3}.sudoku[data-sudoku-layout="4"]{--sudoku-grid:82;--sudoku-col-gap:6;--sudoku-row-gap:12;--sudoku-key:78;--sudoku-key-cols:2}.sudoku[data-sudoku-layout="2"]{--sudoku-cols:1;--sudoku-grid:108;--sudoku-row-gap:8;--sudoku-key:84;--sudoku-key-cols:2}.sudoku[data-sudoku-layout="1"],.sudoku[data-sudoku-layout="large"]{--sudoku-cols:1;--sudoku-grid:150;--sudoku-gutter:0;--sudoku-key:120;--sudoku-key-cols:1}.sudoku[data-sudoku-layout="large"]{--sudoku-grid:180}.sudoku__layout,.sudoku__panel{display:grid;gap:var(--space-3);align-content:start}.sudoku__layout{gap:var(--space-4)}.sudoku__layout > *{min-width:0;margin:0}.sudoku__actions{display:flex;gap:var(--space-3);align-items:center}.sudoku__new{flex:1 1 auto;padding-inline:var(--space-4);text-wrap:balance}.sudoku__print{padding-inline:var(--space-4)}.sudoku__fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2) var(--space-3)}.sudoku__fields[data-sudoku-menus="3"] > :last-child{grid-column:1 / -1}.sudoku__status{min-height:3em;line-height:1.5}.sudoku .select:focus-visible,.sudoku .tool-more > summary:focus-visible{outline:3px solid var(--ring);outline-offset:2px}.sudoku__sheet{container:sudoku-sheet / inline-size;display:grid;gap:var(--space-2);width:100%;max-width:34rem;justify-self:center}.sudoku__paper{--mm:calc(min(100vw,34rem) / 250);display:grid;justify-content:center;align-content:start;aspect-ratio:215.9 / 279.4;padding-top:calc(15 * var(--mm));overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);box-shadow:var(--shadow-1);color:var(--ink)}@supports (width:1cqw){.sudoku__paper{--mm:calc(100cqw / 215.9)}}.sudoku__page{display:grid;grid-template-rows:minmax(calc(11 * var(--mm)),auto) minmax(0,1fr) calc(5 * var(--mm));width:calc(184 * var(--mm));height:calc(248 * var(--mm))}.sudoku__head{display:flex;gap:calc(4 * var(--mm));align-items:end;justify-content:space-between;min-width:0;padding-bottom:calc(2.5 * var(--mm));line-height:1}.sudoku__head p,.sudoku__foot{margin:0}.sudoku__title{flex:1 1 0;overflow-wrap:anywhere;font-family:var(--font-display);font-size:calc(var(--sudoku-title,6) * var(--mm));font-weight:700;line-height:1.15}.sudoku__name{display:flex;flex:none;gap:calc(4 * var(--mm));font-size:calc(3.6 * var(--mm))}.sudoku__name span{width:calc(58 * var(--mm));padding-bottom:calc(0.8 * var(--mm));border-bottom:calc(0.3 * var(--mm)) solid var(--ink)}.sudoku__name span + span{width:calc(34 * var(--mm))}.sudoku__grids,.sudoku__keys{display:grid;margin:0;padding:0;list-style:none}.sudoku__grids{grid-template-columns:repeat(var(--sudoku-cols),max-content);gap:calc(var(--sudoku-row-gap) * var(--mm)) calc(var(--sudoku-col-gap) * var(--mm));place-content:center}.sudoku__grids .sudoku__item{display:grid;grid-template-columns:calc(var(--sudoku-gutter) * var(--mm)) calc(var(--sudoku-grid) * var(--mm))}.sudoku__num{color:var(--ink-muted);font-size:calc(3.6 * var(--mm));font-weight:700;line-height:1.2}.sudoku__keys .sudoku__num{font-size:var(--step--1)}.sudoku:is([data-sudoku-layout="1"],[data-sudoku-layout="large"]) .sudoku__num{display:none}.sudoku__svg{grid-column:2;display:block;width:100%;height:auto;aspect-ratio:1}.sudoku__thin,.sudoku__thick{fill:none;stroke:var(--ink)}.sudoku__svg text{fill:var(--ink);font-family:var(--font-body);font-variant-numeric:lining-nums tabular-nums;font-weight:600;text-anchor:middle}.sudoku__svg .sudoku__filled text{fill:var(--ink-muted);font-weight:400}.sudoku__keys .sudoku__clues text{font-weight:800}.sudoku__foot{align-self:end;overflow:hidden;color:var(--ink-muted);font-size:calc(2.8 * var(--mm));line-height:1.2;text-align:center;white-space:nowrap}.sudoku__caption{color:var(--ink-muted);font-size:var(--step--1);text-align:center}.sudoku__paper[data-sudoku-busy] .sudoku__grids{opacity:0.45}.sudoku .tool-more{border-top:1px solid var(--line)}.sudoku .tool-more > summary{display:flex;gap:var(--space-2);align-items:center;justify-content:space-between;min-height:var(--tap);border-radius:var(--radius-sm);color:var(--ink-muted);cursor:pointer;list-style:none}.sudoku .tool-more > summary::-webkit-details-marker{display:none}.sudoku .tool-more > summary:hover{color:var(--ink)}.sudoku .tool-more[open] .sudoku__chevron{transform:rotate(180deg)}.sudoku .tool-more__body{grid-template-columns:minmax(0,1fr);gap:var(--space-3);padding-block:var(--space-2) var(--space-3)}@media screen{.sudoku[data-sudoku-show="on"] .sudoku__answers{display:block;padding-top:var(--space-4);border-top:1px solid var(--line)}.sudoku__keys{grid-template-columns:repeat(auto-fill,minmax(min(100%,9rem),1fr));gap:var(--space-4)}.sudoku[data-sudoku-layout="1"] .sudoku__keys,.sudoku[data-sudoku-layout="large"] .sudoku__keys{max-width:22rem}}.sudoku__answers-title{margin:0 0 var(--space-3);font-family:var(--font-display);font-size:var(--step-1);font-weight:700}.sudoku__answers-code{margin-left:var(--space-3);color:var(--ink-muted);font-family:var(--font-body);font-size:var(--step--1);font-weight:400}@container sudoku (min-width:30rem){.sudoku__new{padding-inline:var(--space-6)}.sudoku__print{padding-inline:var(--space-5)}.sudoku__fields[data-sudoku-menus="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}.sudoku__fields[data-sudoku-menus="3"] > :last-child{grid-column:auto}.sudoku__status{min-height:1.5em}.sudoku .tool-more__body{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--space-5)}}@container sudoku (min-width:52rem){.sudoku__layout{grid-template-columns:minmax(0,19rem) minmax(0,1fr);grid-template-rows:auto auto 1fr;column-gap:var(--space-6)}.sudoku__layout > *{grid-column:1}.sudoku__layout > .sudoku__sheet{grid-column:2;grid-row:1 / span 3}.sudoku__layout > .sudoku__answers{grid-column:1 / -1}.sudoku__actions{flex-direction:column;align-items:stretch}.sudoku__fields[data-sudoku-menus],.sudoku .tool-more__body{grid-template-columns:minmax(0,1fr)}.sudoku__fields[data-sudoku-menus] > :last-child{grid-column:auto}.sudoku__status{min-height:3em}}@media (prefers-reduced-motion:no-preference){.sudoku__chevron{transition:transform 0.16s var(--ease)}.sudoku__grids{transition:opacity 0.12s}.sudoku__grids[data-sudoku-fresh]{animation:sudoku-fresh 0.26s var(--ease) both}@keyframes sudoku-fresh{from{opacity:0;transform:scale(0.97)}}}@media print{.sudoku,.sudoku__sheet{container-type:normal}.sudoku__layout,.sudoku__sheet{display:block;max-width:none}html[data-print="tool"] .tool[data-tool="sudoku"]{margin-top:0}.sudoku__paper{--mm:1mm;aspect-ratio:auto;padding:0;overflow:visible;border:0;border-radius:0;box-shadow:none;break-inside:avoid}.sudoku__grids{opacity:1;animation:none}.sudoku__answers{break-before:page}.sudoku[data-sudoku-answers="off"] .sudoku__answers{display:none}.sudoku__answers-title{font-size:6mm}.sudoku__answers-code{font-size:3.6mm}.sudoku__keys{grid-template-columns:repeat(var(--sudoku-key-cols),calc(var(--sudoku-key) * 1mm));gap:8mm;justify-content:center}.sudoku__keys .sudoku__item{break-inside:avoid}.sudoku__keys .sudoku__num{font-size:3.6mm}}.sudoku__actions{flex-direction:row-reverse;justify-content:flex-end;align-items:center}