.play-area{--board-ink:var(--sp-ink);--board-line:#8a939e;--board-heavy:var(--sp-ink);--board-select:#fde68a;--board-peer:var(--sp-zebra);--board-same:var(--sp-green-tint);--board-cage:#4a5563;--board-wrong:#c62828;gap:var(--sp-space-5);align-items:start;display:grid}@media (width>=900px){.play-area{gap:var(--sp-space-6);grid-template-columns:372px minmax(0,1fr)}.play-area .play-controls{grid-area:1/1}}.play-stage h2{font-size:var(--sp-display-4);color:#fff;line-height:1}.play-stage .stage-bar{align-items:flex-start;gap:var(--sp-space-2);flex-direction:column}.play-stage .stage-info{min-height:1.5em;line-height:1.5}@media (width<=699px){.play-stage .stage-info{min-height:3em}}.board-wrap{padding:var(--sp-space-5) var(--sp-space-2);color:var(--sp-ink);box-shadow:var(--sp-shadow-preview);background:#fff;overflow-x:auto;container-type:inline-size}@media (width<=599px){.play-stage .board-wrap{margin-inline:calc(-1 * var(--sp-space-4));padding-inline:6px}}.play-controls{gap:var(--sp-space-4);padding:var(--sp-space-5);border:1px solid var(--sp-line);border-radius:var(--sp-radius-md);background:var(--sp-surface);display:grid}@media (width>=600px){.play-controls{padding:26px}}.play-controls .actions,.play-controls .checks,.play-controls .field{margin:0}.play-controls fieldset{border:0;min-width:0;margin:0;padding:0}.play-controls legend{font-weight:700;font-size:var(--sp-text-small);margin-bottom:var(--sp-space-2)}.play-controls label{font-weight:700;font-size:var(--sp-text-small)}.play-controls .checks label{font-weight:400}.play-controls select{font:inherit;width:100%;min-height:var(--sp-control-h);border:var(--sp-border-field) solid var(--sp-field-border);border-radius:var(--sp-radius-sm);appearance:none;background:var(--sp-surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9'%3E%3Cpath d='M1 1l6 6 6-6' stroke='%2317202B' stroke-width='2' fill='none'/%3E%3C/svg%3E") no-repeat right 14px center;color:var(--sp-ink);cursor:pointer;padding:11px 40px 11px 13px;font-size:1.0625rem}.mode{border:var(--sp-border-field) solid var(--sp-field-border);border-radius:var(--sp-radius-sm);grid-template-columns:1fr 1fr;display:grid;overflow:hidden}.mode label{cursor:pointer;justify-content:center;align-items:center;min-height:48px;font-weight:700;display:flex}.mode label+label{border-left:var(--sp-border-field) solid var(--sp-field-border)}.mode input{opacity:0;pointer-events:none;position:absolute}.mode label:has(input:checked){background:var(--sp-green);color:#fff}.mode label:has(input:focus-visible){outline:3px solid var(--sp-focus);outline-offset:-3px}.play-controls .actions .button:not(.primary){grid-column:1/-1}.play-status{min-height:1.6em;margin:0;font-weight:700}.play-status:empty{display:none}.play-status.good{color:var(--sp-green-dark)}.play-status.bad{color:var(--sp-error)}.another{gap:var(--sp-space-2);grid-template-columns:1fr auto;display:grid}#nn-board,.nono-grid{--cell-min:18px;--cell:clamp(var(--cell-min), calc((100cqi - .25rem) / (var(--n,15) + var(--depth,3) * .62 + .4)), 34px)}@media (pointer:coarse){#nn-board,.nono-grid{--cell-min:28px}}#nn-board{min-height:calc(var(--n,15) * var(--cell) * 1.45);align-content:center;display:grid}.nono-grid{grid-template-columns:auto repeat(var(--n), var(--cell));-webkit-user-select:none;user-select:none;font-variant-numeric:tabular-nums;width:max-content;margin-inline:auto;display:grid}.nono-clue{font-size:calc(var(--cell) * .55);color:var(--board-ink);line-height:1.15}.nono-clue.col{flex-direction:column;justify-content:flex-end;align-items:center;padding-bottom:.3em;display:flex}.nono-clue.row{justify-content:flex-end;align-items:center;gap:.45em;padding-right:.45em;display:flex}.nono-clue.band{background:var(--sp-zebra)}.nono-clue.done{color:#9aa0a6}.nono-cell{width:var(--cell);height:var(--cell);border:0;border-right:1px solid var(--board-line);border-bottom:1px solid var(--board-line);cursor:pointer;touch-action:none;background:#fff;border-radius:0;margin:0;padding:0;position:relative}.nono-cell.edge-l{border-left:2px solid var(--board-heavy)}.nono-cell.edge-t{border-top:2px solid var(--board-heavy)}.nono-cell.edge-r{border-right:2px solid var(--board-heavy)}.nono-cell.edge-b{border-bottom:2px solid var(--board-heavy)}.nono-cell[data-state=filled]{background:var(--board-ink)}.nono-cell[data-state=marked]:after{content:"";background:linear-gradient(45deg,#0000 44%,#6b7178 44% 56%,#0000 56%),linear-gradient(-45deg,#0000 44%,#6b7178 44% 56%,#0000 56%);position:absolute;inset:22%}.nono-cell:focus-visible{outline:3px solid var(--sp-focus);outline-offset:-3px;z-index:1}.nono-cell.wrong{box-shadow:inset 0 0 0 3px var(--board-wrong)}.is-solved .nono-cell{cursor:default}.is-solved .nono-cell[data-state=marked]:after{display:none}#ks-board,.killer-board{--cell:clamp(30px, calc((100cqi - .5rem) / 9), 56px)}#ks-board{min-height:calc(9 * var(--cell) + 4px)}.killer-board{isolation:isolate;grid-template-columns:repeat(9, var(--cell));border:2px solid var(--board-heavy);-webkit-user-select:none;user-select:none;width:max-content;margin-inline:auto;display:grid;position:relative}.k-cell{width:var(--cell);height:var(--cell);font:inherit;color:var(--board-ink);cursor:pointer;background:#fff;border:1px solid #c4c7cc;border-top:0;border-left:0;border-radius:0;margin:0;padding:0;position:relative}.k-cell.box-r{border-right:2px solid var(--board-heavy)}.k-cell.box-b{border-bottom:2px solid var(--board-heavy)}.k-cell.peer{background:var(--board-peer)}.k-cell.same{background:var(--board-same)}.k-cell.selected{background:var(--board-select)}.k-cell:focus-visible{outline:3px solid var(--sp-focus);outline-offset:-3px;z-index:3}.cage-lines{z-index:1;pointer-events:none;width:100%;height:100%;stroke:var(--board-cage);fill:none;position:absolute;inset:0}.k-cell .sum{z-index:2;font-size:calc(var(--cell) * .24);background:inherit;padding:0 1px;font-weight:700;line-height:1;position:absolute;top:1px;left:2px}.k-cell .value{font-size:calc(var(--cell) * .55);color:var(--sp-focus);font-weight:700}.k-cell .notes{font-size:calc(var(--cell) * .2);color:var(--sp-ink-2);grid-template-columns:repeat(3,1fr);line-height:1;display:grid;position:absolute;inset:18% 6% 6%}.k-cell .notes span{justify-content:center;align-items:center;display:flex}.k-cell.wrong .value{color:var(--board-wrong);-webkit-text-decoration:underline wavy;text-decoration:underline wavy}.keypad{gap:var(--sp-space-2);grid-template-columns:repeat(3,1fr);display:grid}.keypad [data-digit="0"]{grid-column:1/-1}.keypad .button{min-width:0;min-height:52px;padding:0;font-size:1.25rem}.keypad [data-digit="0"]{font-size:var(--sp-text-small)}.is-solved .k-cell{cursor:default}.book-plug{gap:var(--sp-space-5);max-width:760px;margin:var(--sp-space-9) 0 0;padding:var(--sp-space-5);border-radius:var(--sp-radius-md);background:var(--sp-ink);color:#fff;grid-template-columns:120px minmax(0,1fr);align-items:center;display:grid}.book-plug img{border-radius:3px;width:100%;height:auto;box-shadow:0 6px 18px #00000059}.book-plug h2{font-size:var(--sp-display-4);margin-bottom:var(--sp-space-2)}.book-plug p{margin:var(--sp-space-2) 0 0;color:#ffffffe0}.book-plug a{color:var(--sp-sun);font-weight:700}@media (width<=480px){.book-plug{gap:var(--sp-space-4);padding:var(--sp-space-4);grid-template-columns:88px minmax(0,1fr)}}