.kakuro{color:#233e36;width:min(100%,560px);margin:0 auto;font-size:15px}.kakuro-stats{font-variant-numeric:tabular-nums;flex-wrap:wrap;justify-content:space-between;gap:12px;padding:10px 0 14px;display:flex}.kakuro-stats strong{font-size:1.3em}.kakuro-grid{aspect-ratio:1;background:#3e5c4f;border-radius:12px;gap:3px;padding:6px;display:grid}.kakuro-block,.kakuro-clue{background:#58776a;border-radius:4px;position:relative}.kakuro-clue{color:#fffaf0;font-variant-numeric:tabular-nums;background:linear-gradient(to top right,#58776a calc(50% - 1px),#c5d3c3 calc(50% - 1px) calc(50% + 1px),#58776a calc(50% + 1px));font:600 clamp(10px,2.4vw,15px)/1 system-ui,sans-serif}.kakuro-across{position:absolute;top:10%;right:10%}.kakuro-down{position:absolute;bottom:10%;left:10%}.kakuro-cell{color:#24453a;cursor:pointer;touch-action:manipulation;background:#fbf8ec;border:0;border-radius:4px;min-width:0;min-height:0;padding:0;font:700 clamp(18px,5vw,30px)/1 system-ui,sans-serif}.kakuro-cell.in-run{background:#eef3df}.kakuro-cell.is-selected{background:#f6dc9b;box-shadow:inset 0 0 0 3px #d18a1f}.kakuro-cell.is-wrong{color:#a8342b;background:#f6dcd5}.kakuro-cell.is-wrong.is-selected{background:#f1c8bc}.kakuro-cell:focus-visible{outline-offset:1px;outline:3px solid #de861b}.kakuro-pad{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin:16px 0 10px;display:grid}.kakuro-pad button,.kakuro-actions button{color:#244a38;cursor:pointer;touch-action:manipulation;background:#edf2e6;border:1px solid #9bab99;border-radius:8px;min-height:46px;font:600 18px system-ui}.kakuro-actions button{padding:9px 15px;font-size:15px}.kakuro-pad button:disabled,.kakuro-actions button:disabled{opacity:.55;cursor:default}.kakuro-pad button:focus-visible,.kakuro-actions button:focus-visible{outline-offset:3px;outline:3px solid #de861b}.kakuro-status{min-height:3em;line-height:1.5}@media (max-width:600px){.kakuro-grid{gap:2px;padding:4px}}
