.g-kakuro{--kk-line:var(--c-border-strong);--kk-wall:color-mix(in srgb, var(--c-text) 10%, var(--c-surface-2));--kk-white:var(--c-surface);--kk-run:color-mix(in srgb, var(--c-brand) 12%, var(--c-surface));--kk-active:color-mix(in srgb, var(--c-brand) 24%, var(--c-surface));--kk-bad:color-mix(in srgb, var(--c-warn) 18%, var(--c-surface));--kk-gap:1px;gap:var(--sp-3)}.g-kakuro .kk-viewport{overscroll-behavior-x:contain;scrollbar-width:thin;direction:rtl;width:100%;padding-block:4px;overflow:auto hidden}.g-kakuro .kk-grid{grid-template-columns:repeat(var(--kk-n,5), 1fr);gap:var(--kk-gap);width:max(calc(var(--kk-n,5) * var(--tap) + (var(--kk-n,5) + 1) * var(--kk-gap)), min(100%, calc(var(--kk-n,5) * var(--kk-max,56px) + (var(--kk-n,5) + 1) * var(--kk-gap))));padding:var(--kk-gap);border-radius:var(--r-md);background:var(--kk-line);-webkit-user-select:none;user-select:none;touch-action:manipulation;direction:rtl;margin-inline:auto;display:grid}.g-kakuro[data-size="5"]{--kk-max:62px}.g-kakuro[data-size="7"]{--kk-max:56px}.g-kakuro[data-size="9"]{--kk-max:50px}.g-kakuro .kk-wall{aspect-ratio:1;background:var(--kk-wall);min-width:0}.g-kakuro .kk-clueart{width:100%;height:100%;display:block}.g-kakuro .kk-diag{stroke:color-mix(in srgb, var(--c-text) 34%, transparent);stroke-width:2.5px}.g-kakuro .kk-sum{fill:var(--c-text-dim);font-family:var(--font-num);font-size:38px;font-weight:var(--fw-bold);text-anchor:middle;dominant-baseline:central}.g-kakuro .kk-clue.is-live-across .kk-sum--across,.g-kakuro .kk-clue.is-live-down .kk-sum--down{fill:var(--c-brand)}.g-kakuro .kk-clue.is-live-across,.g-kakuro .kk-clue.is-live-down{background:color-mix(in srgb, var(--c-brand) 16%, var(--kk-wall))}.g-kakuro .kk-cell{aspect-ratio:1;min-width:var(--tap);min-height:var(--tap);background:var(--kk-white);color:var(--c-text);font:inherit;border:0;place-items:center;padding:0;line-height:1;display:grid;position:relative}.g-kakuro .kk-cell.is-run{background:var(--kk-run)}.g-kakuro .kk-cell.is-active{background:var(--kk-active)}.g-kakuro .kk-cell.is-bad{background:var(--kk-bad);color:var(--c-warn)}.g-kakuro .kk-cell.is-hint{outline:3px dashed var(--c-brand);outline-offset:-3px}.g-kakuro .kk-cell:focus-visible{outline:3px solid var(--c-focus);outline-offset:-3px;z-index:1}.g-kakuro .kk-digit{font-family:var(--font-num);font-size:clamp(16px,4.6vw,22px);font-weight:var(--fw-bold);grid-area:1/1}.g-kakuro .kk-cell.is-bad .kk-digit{text-underline-offset:3px;-webkit-text-decoration:underline wavy;text-decoration:underline wavy}.g-kakuro .kk-marks{width:100%;height:100%;color:var(--c-text-faint);font-family:var(--font-num);grid-area:1/1;grid-template-columns:repeat(3,1fr);padding:2px;font-size:9px;font-style:normal;line-height:1;display:grid}.g-kakuro .kk-marks i{visibility:hidden;place-items:center;font-style:normal;display:grid}.g-kakuro .kk-marks i.is-on{visibility:visible}.g-kakuro .kk-cell.has-digit .kk-marks{display:none}.g-kakuro.is-solved .kk-cell{background:color-mix(in srgb, var(--c-good) 16%, var(--c-surface));color:var(--c-text)}.g-kakuro .kk-runbar{min-height:1.4em;padding-block:var(--sp-1);padding-inline:var(--sp-3);border-radius:var(--r-full);background:var(--c-brand-soft);color:var(--c-brand-ink);font-size:var(--fs-sm);font-weight:var(--fw-semi);text-align:center;margin:0}.g-kakuro .kk-controls{align-items:center;gap:var(--sp-2);flex-direction:column;width:100%;display:flex}.g-kakuro .kk-pad{gap:var(--sp-2);grid-template-columns:repeat(5,minmax(0,1fr));width:min(100%,330px);display:grid}.g-kakuro .kk-key{min-width:var(--tap);min-height:var(--tap);border:1px solid var(--c-border);border-radius:var(--r-md);background:var(--c-surface);color:var(--c-text);font-family:var(--font-num);font-size:var(--fs-lg);font-weight:var(--fw-bold);place-items:center;padding:0;display:grid}.g-kakuro .kk-key--erase{color:var(--c-text-dim)}.g-kakuro .kk-key:disabled{opacity:.45}.g-kakuro .kk-controls.is-pencil .kk-key[data-digit]{border-style:dashed;border-color:var(--c-brand);color:var(--c-brand)}.g-kakuro .kk-pencil{align-items:center;gap:var(--sp-2);min-height:var(--tap);padding-block:var(--sp-1);padding-inline:var(--sp-4);border:1px solid var(--c-border);border-radius:var(--r-full);background:var(--c-surface);color:var(--c-text-dim);font-size:var(--fs-sm);font-weight:var(--fw-semi);display:inline-flex}.g-kakuro .kk-pencil[aria-pressed=true]{border-color:var(--c-brand);background:var(--c-brand-soft);color:var(--c-brand-ink)}.g-kakuro .kk-pencil:disabled{opacity:.45}.g-kakuro .kk-icon{width:20px;height:20px}.g-kakuro .kk-note{max-width:36ch;color:var(--c-text-faint);font-size:var(--fs-xs);text-align:center;margin:0}.g-kakuro .kk-sr{white-space:nowrap;clip-path:inset(50%);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.g-kakuro .kk-cell,.g-kakuro .kk-key,.g-kakuro .kk-wall{transition:none}.g-kakuro .kk-cell:active,.g-kakuro .kk-key:active{transform:none}.g-kakuro.is-motion .kk-cell,.g-kakuro.is-motion .kk-wall{transition:background var(--dur-fast) var(--ease)}.g-kakuro.is-motion .kk-key{transition:background var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease), transform var(--dur-fast) var(--ease)}.g-kakuro.is-motion .kk-key:active:not(:disabled){transform:scale(.94)}