.confetti{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-confetti);display:block;pointer-events:none}.puzzle-grid{display:block;background:var(--paper);touch-action:none;user-select:none;-webkit-user-select:none}.puzzle-grid__line{stroke:none}.puzzle-grid__square .puzzle-grid__shape{fill:transparent;stroke:var(--grid-line);stroke-width:1;shape-rendering:crispEdges}.puzzle-grid__square--activated .puzzle-grid__shape{fill:var(--ink);stroke:var(--ink)}.puzzle-grid__square--x .puzzle-grid__shape{fill:transparent}.puzzle-grid__given-halo{fill:none;pointer-events:none}.puzzle-grid__square--inferred .puzzle-grid__shape{opacity:.35}.puzzle-grid__violation-halo{fill:var(--violation);opacity:0;transition:opacity .12s ease;pointer-events:none}.puzzle-grid__square--violation .puzzle-grid__violation-halo{opacity:.3}.puzzle-grid__square .puzzle-grid__hit-area{fill:transparent;stroke:none;pointer-events:all}.puzzle-grid__square:not(.puzzle-grid__square--readonly) .puzzle-grid__hit-area{cursor:pointer}.puzzle-grid__square--readonly .puzzle-grid__hit-area{cursor:default}.puzzle-grid__cross{pointer-events:none}.puzzle-grid__cross-line{stroke:var(--x-mark);stroke-width:max(1.25px,calc(var(--cell-size) * .05));stroke-linecap:round}.puzzle-grid--solved .puzzle-grid__square--activated .puzzle-grid__shape{fill:var(--solved);stroke:var(--solved)}.board{position:relative;background:var(--paper);border-radius:var(--radius)}.board__grid{position:absolute;left:var(--gutter-row);top:var(--gutter-col)}.board__clues{position:absolute;pointer-events:none}.board__clues--cols{left:calc(var(--gutter-row) + var(--pad));top:0;width:calc(var(--cell) * var(--cols));height:var(--gutter-col)}.board__clues--rows{left:0;top:calc(var(--gutter-col) + var(--pad));width:var(--gutter-row);height:calc(var(--cell) * var(--rows))}.board__rules{position:absolute;left:var(--gutter-row);top:var(--gutter-col);pointer-events:none}.board__rule{stroke:var(--grid-rule);stroke-linecap:butt;stroke-width:max(1.5px,calc(var(--cell) * .055));shape-rendering:crispEdges}.clue-col{position:absolute;bottom:0;width:var(--cell);display:flex;flex-direction:column;align-items:center;justify-content:flex-end}.clue-row{position:absolute;right:0;height:var(--cell);display:flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:.34em}.clue{font-size:var(--clue-size);line-height:1.22;color:var(--text);font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.clue--done{color:var(--text-dim)}:root{--paper: #f8f5ef;--paper-sunk: #efe9df;--text: #3a332b;--text-dim: #a89c88;--ink: #26211c;--solved: #2f7a4e;--x-mark: #9d9182;--grid-line: #ded5c6;--violation: #c0492c;--grid-rule: #b3a692;--line: #ddd3c3;--radius: 10px;color-scheme:light;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--paper-sunk);color:var(--text)}#root{display:flex;justify-content:center;padding:24px 16px 48px}.modes{display:flex;align-items:center;gap:10px;padding:6px 14px;border:1px solid var(--line);border-radius:999px;background:var(--paper);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim)}.modes input[type=range]{width:96px;accent-color:var(--ink)}.modes__label--on{color:var(--text);font-weight:600}.app{display:flex;flex-direction:column;align-items:center;gap:16px;width:100%}.app__title{margin:0;font-size:15px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim)}.controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;font-size:13px}.controls__group{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px;max-width:100%;padding:6px 10px;border:1px solid var(--line);border-radius:14px;background:var(--paper)}.shelf{display:grid;grid-template-columns:repeat(auto-fit,minmax(76px,96px));gap:10px;justify-content:center;width:100%}.tile{aspect-ratio:1;display:flex;align-items:center;justify-content:center;padding:0;font-size:34px;line-height:1;border:1px solid var(--line);border-radius:12px;background:var(--paper);color:var(--text-dim);cursor:pointer}.tile:hover{border-color:var(--text-dim)}.tile:focus-visible{outline:2px solid var(--text-dim);outline-offset:2px}.tile--solved{border-color:var(--solved)}.play-area{position:relative;display:flex;justify-content:center;max-width:100%}.reveal{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none;font-size:72vmin;line-height:1;animation:reveal 5s linear forwards}@keyframes reveal{0%{opacity:0;transform:scale(.7)}5%{opacity:1;transform:scale(1)}85%{opacity:1;transform:scale(1.05)}to{opacity:0;transform:scale(1.12)}}button{font:inherit;color:inherit;padding:4px 10px;border:1px solid var(--line);border-radius:7px;background:transparent;cursor:pointer}button:hover:not(:disabled){border-color:var(--text-dim)}button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--paper)}.readout{display:flex;flex-wrap:wrap;gap:14px;font-size:12px;color:var(--text-dim);font-variant-numeric:tabular-nums}.readout strong{color:var(--text);font-weight:600}.hint{font-size:12px;color:var(--text-dim)}