.sdk-root{--sdk-pen:color-mix(in srgb, var(--game) 84%, var(--ink));--sdk-hair:color-mix(in srgb, var(--ink) 26%, transparent);--sdk-press:3px 3px 0 var(--ink);width:100%;max-width:820px;margin-inline:auto;container-type:inline-size}.sdk-root .ka-dialog-stats{grid-template-columns:repeat(4,minmax(0,1fr))}.sdk-short{display:none}@container (width<=480px){.sdk-root .ka-shell{gap:10px}.sdk-root .ka-bar{flex-wrap:nowrap;gap:8px}.sdk-root .ka-stats{flex-wrap:nowrap;gap:6px}.sdk-root .ka-stat{min-width:58px;padding:5px 9px 6px}.sdk-root .ka-stat dd{font-size:16px}.sdk-root .ka-actions{flex-wrap:nowrap;gap:6px}.sdk-root .ka-actions .ka-btn:not(.ka-btn--icon){padding:0 14px}.sdk-long{display:none}.sdk-short{display:inline}.sdk-root .ka-dialog-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}.sdk{width:100%;container-type:inline-size}.sdk-layout{--board:min(100cqi - 6px, 504px);justify-content:center;justify-items:center;gap:16px;display:grid}@supports (width:round(down, 100px, 9px)){.sdk-layout{--board:round(down, min(100cqi - 6px, 504px), 9px)}}@container (width>=700px){.sdk-layout{--board:min(100cqi - 274px, 504px);grid-template-columns:auto 240px;align-items:start;gap:28px}@supports (width:round(down, 100px, 9px)){.sdk-layout{--board:round(down, min(100cqi - 274px, 504px), 9px)}}}.sdk-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){.sdk-board{box-shadow:var(--hard-lg);border-radius:16px}}.sdk-row{display:contents}.sdk-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;font-size:6.66667cqi;font-weight:800;line-height:1;display:grid;position:relative}.sdk-cell:before{content:"";background:var(--sun);opacity:0;pointer-events:none;position:absolute;inset:0}@media (hover:hover){.sdk-board:not(.is-paused):not(.is-loading):not(.is-won) .sdk-cell:hover{box-shadow:inset 0 0 0 999px color-mix(in srgb, var(--ink) 5%, transparent)}}.sdk-cell.is-peer{background:var(--cream)}.sdk-cell.is-same{background:color-mix(in srgb, var(--game) 26%, var(--white))}.sdk-cell.is-sel{background:var(--sun)}.sdk-cell.is-clash{background:color-mix(in srgb, var(--cherry) 24%, var(--white))}.sdk-cell.is-sel.is-clash{background:color-mix(in srgb, var(--cherry) 38%, var(--sun))}.sdk-cell.is-given{color:var(--ink);font-weight:800}.sdk-cell.is-user{color:var(--sdk-pen);font-weight:700}.sdk-cell.is-wrong{color:var(--bad)}.sdk-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}.sdk-digit{display:block;position:relative}.sdk-cell.is-user .sdk-digit{animation:sdk-in .24s var(--ease-squish)}@keyframes sdk-in{0%{opacity:0;transform:scale(.4,.6)}}.sdk-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);padding:7%;font-size:2.77778cqi;font-weight:700;line-height:1;display:grid;position:relative}.sdk-notes i{border-radius:3px;place-items:center;font-style:normal;display:grid}.sdk-notes i.is-hl{color:var(--ink);background:var(--sun);font-weight:800}.sdk-cell.is-sel .sdk-notes i.is-hl{background:var(--white)}.sdk-lines{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.sdk-lines line{stroke:var(--sdk-hair);stroke-width:1px;vector-effect:non-scaling-stroke;shape-rendering:crispedges}.sdk-lines .thick line{stroke:var(--ink);stroke-width:2.5px;shape-rendering:auto}.sdk-ring{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}.sdk-ring[data-on]{opacity:1}.sdk-cell.is-pop-a:before{animation:sdk-flash-a .64s var(--ease-out) var(--delay,0s) both}.sdk-cell.is-pop-b:before{animation:sdk-flash-b .64s var(--ease-out) var(--delay,0s) both}.sdk-cell.is-pop-a .sdk-digit{animation:sdk-bump-a .46s var(--ease-squish) var(--delay,0s) both}.sdk-cell.is-pop-b .sdk-digit{animation:sdk-bump-b .46s var(--ease-squish) var(--delay,0s) both}@keyframes sdk-flash-a{25%{opacity:.85}to{opacity:0}}@keyframes sdk-flash-b{25%{opacity:.85}to{opacity:0}}@keyframes sdk-bump-a{35%{transform:translateY(-8%)scale(1.26,1.14)}65%{transform:scale(.96,1.04)}}@keyframes sdk-bump-b{35%{transform:translateY(-8%)scale(1.26,1.14)}65%{transform:scale(.96,1.04)}}.sdk-cell.is-shake-a .sdk-digit{animation:.32s ease-out sdk-shake-a}.sdk-cell.is-shake-b .sdk-digit{animation:.32s ease-out sdk-shake-b}@keyframes sdk-shake-a{20%,60%{transform:translate(-3px)rotate(-6deg)}40%,80%{transform:translate(3px)rotate(6deg)}}@keyframes sdk-shake-b{20%,60%{transform:translate(-3px)rotate(-6deg)}40%,80%{transform:translate(3px)rotate(6deg)}}.sdk-board.is-won .sdk-cell{cursor:default}.sdk-board.is-loading .sdk-cell{cursor:progress;animation:1.2s ease-in-out infinite sdk-breathe}@keyframes sdk-breathe{50%{background:var(--cream)}}.sdk-board.is-paused .sdk-cell>*{visibility:hidden}.sdk-board.is-paused .sdk-cell{cursor:default;background:0 0}.sdk-paused{z-index:3;background:var(--cream);animation:sdk-fade .18s var(--ease-out);place-content:center;justify-items:center;gap:14px;display:grid;position:absolute;inset:0}.sdk-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 sdk-fade{0%{opacity:0}}.sdk-pad{width:calc(var(--board) + 6px);gap:12px;display:grid}@container (width>=700px){.sdk-pad{gap:16px;width:240px}}.sdk-tools{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.sdk-tool,.sdk-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)}.sdk-tool:hover:not(:disabled),.sdk-key:hover:not(:disabled){box-shadow:var(--sdk-press);transform:translate(-1px,-1px)}.sdk-tool:active:not(:disabled),.sdk-key:active:not(:disabled){box-shadow:0 0 0 var(--ink);transition-duration:60ms;transform:translate(2px,2px)}.sdk-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}.sdk-tool:disabled{opacity:.4;cursor:not-allowed}.sdk-tool[aria-pressed=true]{background:var(--sun)}.sdk-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)}.sdk-tool[aria-pressed=true] .sdk-badge{background:var(--ink);color:var(--white)}.sdk-digits{grid-template-columns:repeat(9,1fr);gap:5px;display:grid}@container (width>=700px){.sdk-digits{grid-template-columns:repeat(3,1fr);gap:10px}}.sdk-key{min-width:0;height:56px;color:var(--sdk-pen);border-radius:12px;align-content:center;justify-items:center;gap:2px;padding:0;display:grid}@container (width>=700px){.sdk-key{aspect-ratio:1;border-radius:16px;height:auto}}.sdk-key b{font-family:var(--font-display);letter-spacing:-.02em;font-size:26px;font-weight:800;line-height:1}@container (width>=700px){.sdk-key b{font-size:34px}}.sdk-key small{font-family:var(--font-body);font-variant-numeric:tabular-nums;color:var(--ink-3);font-size:10px;font-weight:700}.sdk-key.is-cur{background:var(--sun)}.sdk-key:disabled{cursor:default;opacity:.35;background:var(--cream);box-shadow:0 0 0 var(--ink);transform:translate(2px,2px)}.sdk-key:disabled b{color:var(--ink-3)}.sdk-digits.is-notes .sdk-key{background:var(--cream)}.sdk-digits.is-notes .sdk-key.is-cur{background:var(--sun)}.sdk-digits.is-notes .sdk-key b{font-family:var(--font-body);color:var(--ink-2);font-size:20px;font-weight:700}@container (width>=700px){.sdk-digits.is-notes .sdk-key b{font-size:24px}}.sdk-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}.sdk-switch:hover:not(:disabled){color:var(--ink)}.sdk-switch:disabled{cursor:default;opacity:.5}.sdk-check{justify-items:start;gap:2px;display:grid}.sdk-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}.sdk-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}.sdk-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}.sdk-switch[aria-checked=true] .sdk-switch-track{background:var(--game)}.sdk-switch[aria-checked=true] .sdk-switch-track span{background:var(--white);transform:translate(18px)}.sdk-note{color:var(--ink-3);margin:0;font-size:14px;font-weight:600}.sdk-touch{display:none}@media (hover:none){.sdk-keys{display:none}.sdk-touch{display:inline}}:focus-visible.sdk-key,:focus-visible.sdk-tool,:focus-visible.sdk-switch{outline:3px solid var(--ink);outline-offset:3px}