.ks-root{--ks-pen:color-mix(in srgb, var(--game) 84%, var(--ink));--ks-hair:color-mix(in srgb, var(--ink) 26%, transparent);--ks-press:3px 3px 0 var(--ink);width:100%;max-width:820px;margin-inline:auto;container-type:inline-size}.ks-root .ka-dialog-stats{grid-template-columns:repeat(4,minmax(0,1fr))}.ks-short{display:none}@container (width<=480px){.ks-root .ka-shell{gap:10px}.ks-root .ka-bar{flex-wrap:nowrap;gap:8px}.ks-root .ka-stats{flex-wrap:nowrap;gap:6px}.ks-root .ka-stat{min-width:58px;padding:5px 9px 6px}.ks-root .ka-stat dd{font-size:16px}.ks-root .ka-actions{flex-wrap:nowrap;gap:6px}.ks-root .ka-actions .ka-btn:not(.ka-btn--icon){padding:0 14px}.ks-long{display:none}.ks-short{display:inline}.ks-root .ka-dialog-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}.ks{width:100%;container-type:inline-size}.ks-layout{--board:min(100cqi - 6px, 504px);justify-content:center;justify-items:center;gap:16px;display:grid}@supports (width:round(down, 100px, 9px)){.ks-layout{--board:round(down, min(100cqi - 6px, 504px), 9px)}}@container (width>=700px){.ks-layout{--board:min(100cqi - 274px, 504px);grid-template-columns:auto 240px;align-items:start;gap:28px}@supports (width:round(down, 100px, 9px)){.ks-layout{--board:round(down, min(100cqi - 274px, 504px), 9px)}}}.ks-board{box-sizing:content-box;width:var(--board);aspect-ratio:1;border:3px solid var(--ink);background:var(--white);box-shadow:var(--hard);touch-action:manipulation;-webkit-tap-highlight-color:transparent;border-radius:14px;outline:none;grid-template-rows:repeat(9,1fr);grid-template-columns:repeat(9,1fr);display:grid;position:relative;overflow:hidden;container-type:inline-size}@container (width>=700px){.ks-board{box-shadow:var(--hard-lg);border-radius:16px}}.ks-row{display:contents}.ks-cell{cursor:pointer;min-width:0;transition:background-color .14s var(--ease-out);font-family:var(--font-display);letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--ink);background:0 0;place-items:center;padding-top:1.11111cqi;font-size:5.77778cqi;font-weight:800;line-height:1;display:grid;position:relative}.ks-cell:before{content:"";background:var(--sun);opacity:0;pointer-events:none;position:absolute;inset:0}@media (hover:hover){.ks-board:not(.is-paused):not(.is-loading):not(.is-won) .ks-cell:hover{box-shadow:inset 0 0 0 999px color-mix(in srgb, var(--ink) 5%, transparent)}}.ks-cell.is-peer{background:var(--cream)}.ks-cell.is-cage{background:color-mix(in srgb, var(--game) 18%, var(--white))}.ks-cell.is-same{background:color-mix(in srgb, var(--game) 26%, var(--white))}.ks-cell.is-sel{background:var(--sun)}.ks-cell.is-clash{background:color-mix(in srgb, var(--cherry) 24%, var(--white))}.ks-cell.is-sel.is-clash{background:color-mix(in srgb, var(--cherry) 38%, var(--sun))}.ks-cell.is-user{color:var(--ks-pen);font-weight:700}.ks-cell.is-wrong{color:var(--bad)}.ks-cell.is-hint:after{content:"";border-style:solid;border-width:0 7px 7px 0;border-color:transparent var(--game) transparent transparent;pointer-events:none;width:0;height:0;position:absolute;top:3px;right:3px}.ks-digit{display:block;position:relative}.ks-cell.is-user .ks-digit{animation:ks-in .24s var(--ease-squish)}@keyframes ks-in{0%{opacity:0;transform:scale(.4,.6)}}.ks-notes{width:100%;height:100%;font-family:var(--font-body);letter-spacing:0;color:color-mix(in srgb, var(--ink-2) 55%, var(--ink-3));grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);margin-top:-1.11111cqi;padding:30% 12% 10%;font-size:2.22222cqi;font-weight:700;line-height:1;display:grid;position:relative}.ks-notes i{border-radius:3px;place-items:center;font-style:normal;display:grid}.ks-notes i.is-hl{color:var(--ink);background:var(--sun);font-weight:800}.ks-cell.is-sel .ks-notes i.is-hl{background:var(--white)}.ks-lines{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.ks-lines line{stroke:var(--ks-hair);stroke-width:1px;vector-effect:non-scaling-stroke;shape-rendering:crispedges}.ks-lines .thick line{stroke:var(--ink);stroke-width:2.5px;shape-rendering:auto}.ks-lines .ks-cages{fill:none;stroke:var(--ink);stroke-width:1.5px;stroke-dasharray:3 2.6;stroke-linecap:butt;vector-effect:non-scaling-stroke;opacity:.78}.ks-sum{z-index:2;background:inherit;font-family:var(--font-body);letter-spacing:-.01em;color:var(--ink);pointer-events:none;transition:color .16s var(--ease-out);border-radius:0 0 4px;padding:0 2px 1px 1px;font-size:max(9px,2.55556cqi);font-weight:800;line-height:1.05;position:absolute;top:1px;left:1px}.ks-row:first-child .ks-cell:first-child .ks-sum{top:3px;left:4px}.ks-sum.is-done{color:color-mix(in srgb, var(--ink-3) 70%, var(--white))}.ks-sum.is-bad{color:var(--white);background:var(--bad);border-radius:3px 0 4px}.ks-ring{z-index:3;width:11.1111%;height:11.1111%;box-shadow:inset 0 0 0 2.5px var(--ink);transform:translate(calc(var(--c) * 100%), calc(var(--r) * 100%));transition:transform .16s var(--ease-spring), opacity .15s var(--ease-out);opacity:0;pointer-events:none;border-radius:4px;position:absolute;top:0;left:0}.ks-ring[data-on]{opacity:1}.ks-cell.is-pop-a:before{animation:ks-flash-a .64s var(--ease-out) var(--delay,0s) both}.ks-cell.is-pop-b:before{animation:ks-flash-b .64s var(--ease-out) var(--delay,0s) both}.ks-cell.is-pop-a .ks-digit{animation:ks-bump-a .46s var(--ease-squish) var(--delay,0s) both}.ks-cell.is-pop-b .ks-digit{animation:ks-bump-b .46s var(--ease-squish) var(--delay,0s) both}@keyframes ks-flash-a{25%{opacity:.85}to{opacity:0}}@keyframes ks-flash-b{25%{opacity:.85}to{opacity:0}}@keyframes ks-bump-a{35%{transform:translateY(-8%)scale(1.26,1.14)}65%{transform:scale(.96,1.04)}}@keyframes ks-bump-b{35%{transform:translateY(-8%)scale(1.26,1.14)}65%{transform:scale(.96,1.04)}}.ks-cell.is-shake-a .ks-digit{animation:.32s ease-out ks-shake-a}.ks-cell.is-shake-b .ks-digit{animation:.32s ease-out ks-shake-b}@keyframes ks-shake-a{20%,60%{transform:translate(-3px)rotate(-6deg)}40%,80%{transform:translate(3px)rotate(6deg)}}@keyframes ks-shake-b{20%,60%{transform:translate(-3px)rotate(-6deg)}40%,80%{transform:translate(3px)rotate(6deg)}}.ks-board.is-won .ks-cell{cursor:default}.ks-board.is-loading .ks-cell{cursor:progress;animation:1.2s ease-in-out infinite ks-breathe}@keyframes ks-breathe{50%{background:var(--cream)}}.ks-board.is-paused .ks-cell>*{visibility:hidden}.ks-board.is-loading .ks-lines .ks-cages{display:none}.ks-board.is-paused .ks-cell{cursor:default;background:0 0}.ks-paused{z-index:4;background:var(--cream);animation:ks-fade .18s var(--ease-out);place-content:center;justify-items:center;gap:14px;display:grid;position:absolute;inset:0}.ks-paused p{font-family:var(--font-display);letter-spacing:-.04em;color:var(--ink);margin:0;font-size:34px;font-weight:800;line-height:1}@keyframes ks-fade{0%{opacity:0}}.ks-pad{width:calc(var(--board) + 6px);gap:12px;display:grid}@container (width>=700px){.ks-pad{gap:16px;width:240px}}.ks-tools{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.ks-tool,.ks-key{border:var(--edge);background:var(--white);color:var(--ink);box-shadow:var(--hard-sm);cursor:pointer;transition:transform .14s var(--ease-spring), box-shadow .14s var(--ease-spring), background-color .14s, opacity .2s var(--ease-out)}.ks-tool:hover:not(:disabled),.ks-key:hover:not(:disabled){box-shadow:var(--ks-press);transform:translate(-1px,-1px)}.ks-tool:active:not(:disabled),.ks-key:active:not(:disabled){box-shadow:0 0 0 var(--ink);transition-duration:60ms;transform:translate(2px,2px)}.ks-tool{height:52px;font:750 12px/1 var(--font-body);border-radius:14px;align-content:center;justify-items:center;gap:3px;padding:0;display:grid;position:relative}.ks-tool:disabled{opacity:.4;cursor:not-allowed}.ks-tool[aria-pressed=true]{background:var(--sun)}.ks-badge{border:2px solid var(--ink);font:800 10px/1.1 var(--font-body);background:var(--white);color:var(--ink-2);border-radius:999px;padding:1px 5px 2px;position:absolute;top:-8px;right:2px;transform:rotate(6deg)}.ks-tool[aria-pressed=true] .ks-badge{background:var(--ink);color:var(--white)}.ks-digits{grid-template-columns:repeat(9,1fr);gap:5px;display:grid}@container (width>=700px){.ks-digits{grid-template-columns:repeat(3,1fr);gap:10px}}.ks-key{min-width:0;height:56px;color:var(--ks-pen);border-radius:12px;align-content:center;justify-items:center;gap:2px;padding:0;display:grid}@container (width>=700px){.ks-key{aspect-ratio:1;border-radius:16px;height:auto}}.ks-key b{font-family:var(--font-display);letter-spacing:-.02em;font-size:26px;font-weight:800;line-height:1}@container (width>=700px){.ks-key b{font-size:34px}}.ks-key small{font-family:var(--font-body);font-variant-numeric:tabular-nums;color:var(--ink-3);font-size:10px;font-weight:700}.ks-key.is-cur{background:var(--sun)}.ks-key:disabled{cursor:default;opacity:.35;background:var(--cream);box-shadow:0 0 0 var(--ink);transform:translate(2px,2px)}.ks-key:disabled b{color:var(--ink-3)}.ks-digits.is-notes .ks-key{background:var(--cream)}.ks-digits.is-notes .ks-key.is-cur{background:var(--sun)}.ks-digits.is-notes .ks-key b{font-family:var(--font-body);color:var(--ink-2);font-size:20px;font-weight:700}@container (width>=700px){.ks-digits.is-notes .ks-key b{font-size:24px}}.ks-switch{color:var(--ink-2);font:700 14px/1 var(--font-body);cursor:pointer;background:0 0;border:0;justify-self:start;align-items:center;gap:10px;padding:6px 2px;display:inline-flex}.ks-switch:hover:not(:disabled){color:var(--ink)}.ks-switch:disabled{cursor:default;opacity:.5}.ks-check{justify-items:start;gap:2px;display:grid}.ks-check-note{color:var(--ink-3);text-wrap:pretty;margin:0;padding-left:54px;font-size:12.5px;font-weight:600;line-height:1.35}.ks-switch-track{border:var(--edge);background:var(--white);width:42px;height:24px;box-shadow:var(--hard-sm);transition:background-color .18s var(--ease-out);border-radius:999px;position:relative}.ks-switch-track span{border:2px solid var(--ink);background:var(--ink);width:14px;height:14px;transition:transform .22s var(--ease-spring), background-color .18s var(--ease-out);border-radius:50%;position:absolute;top:2.5px;left:2.5px}.ks-switch[aria-checked=true] .ks-switch-track{background:var(--game)}.ks-switch[aria-checked=true] .ks-switch-track span{background:var(--white);transform:translate(18px)}.ks-note{color:var(--ink-3);margin:0;font-size:14px;font-weight:600}.ks-help{border:var(--edge);background:var(--cream);border-radius:14px;align-content:start;gap:7px;min-height:66px;padding:9px 11px 10px;display:grid}.ks-help.is-idle{align-content:center}.ks-help-head{color:var(--ink-2);margin:0;font-size:13px;font-weight:700;line-height:1.3}.ks-help-head b{font-family:var(--font-display);color:var(--ink);letter-spacing:-.02em;font-size:17px;font-weight:800}.ks-help-empty{color:var(--ink-3);font-weight:600}.ks-combos{flex-wrap:wrap;gap:5px;max-height:88px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.ks-combos li{border:2px solid var(--ink);background:var(--white);box-shadow:1.5px 1.5px 0 var(--ink);font-family:var(--font-display);font-variant-numeric:tabular-nums;color:var(--ks-pen);border-radius:8px;gap:4px;padding:2px 6px 3px;font-size:14px;font-weight:800;line-height:1.1;display:inline-flex}.ks-combos li span{text-align:center;min-width:.62em}.ks-combos li span.is-placed{color:var(--ink);text-decoration:underline 2px var(--sun);text-underline-offset:2px}.ks-combos li.is-out{color:var(--ink-3);border-color:color-mix(in srgb, var(--ink) 30%, transparent);box-shadow:none;background:0 0;text-decoration:line-through 1.5px}.ks-combos li.is-out span.is-placed{color:var(--ink-3);text-decoration:none}.ks-touch{display:none}@media (hover:none){.ks-keys{display:none}.ks-touch{display:inline}}:focus-visible.ks-key,:focus-visible.ks-tool,:focus-visible.ks-switch{outline:3px solid var(--ink);outline-offset:3px}