*{box-sizing:border-box}body{margin:0;background:#f2f5ed;color:#294b43;font-family:Arial,Helvetica,sans-serif;font-size:14px;text-align:center}main{width:min(100%,520px);margin:auto;padding:26px 16px 18px}h1{font-size:19px;letter-spacing:-.4px;margin:0 0 7px}.hint{font-size:12px;color:#63736a;margin:0 0 16px;line-height:1.5}.toolbar{display:flex;justify-content:center;align-items:center;gap:9px;flex-wrap:wrap;margin:13px 0}.toolbar button,.pad button{min-height:36px;background:#fffdf8;border:1px solid #c6d3c2;border-radius:6px;padding:7px 13px;font-weight:600;color:#345447;cursor:pointer}.toolbar button.active{background:#296653;color:white;border-color:#296653}.counter{font-size:12px;margin-right:10px;font-weight:bold}button{font-family:inherit;touch-action:manipulation;-webkit-tap-highlight-color:transparent;cursor:pointer}button:focus-visible{outline:3px solid #ad7b2d;outline-offset:2px;z-index:2}button:disabled{cursor:default}#board{margin:0 auto;display:grid;width:min(100%,350px);gap:5px;user-select:none;-webkit-user-select:none}.cell{border:1px solid #c9d5c3;background:#fffef8;color:#335648;padding:0;aspect-ratio:1;font-size:22px;border-radius:5px;font-weight:600;display:flex;justify-content:center;align-items:center;min-width:0}.cell.selected{background:#d8e6c7;outline:2px solid #567c4b;outline-offset:-2px}.cell.error{background:#f3d6ce;color:#953d31}#status{font-size:12px;min-height:33px;margin:13px auto 0;color:#46614f;line-height:1.5;max-width:400px}.pad{display:flex;justify-content:center;gap:5px;flex-wrap:wrap;margin:14px auto 0}.pad button{padding:7px;min-width:30px} .small{font-size:11px;color:#647566}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:440px){main{padding:17px 12px 12px}#board{width:min(100%,302px)}h1{font-size:17px}.hint{font-size:11px;margin-bottom:12px}.toolbar{margin:10px 0;gap:7px}.toolbar button{padding:6px 10px;min-height:34px;font-size:11px}.cell{font-size:20px}#status{font-size:11px;margin-top:10px}.pad{margin-top:10px;gap:4px}.pad button{min-width:28px;min-height:32px;padding:5px;font-size:13px}}
main{padding:17px 12px 12px}.daily-label{font-size:10px;letter-spacing:.5px;color:#52684e;margin:0 0 6px}h1{font-size:17px;margin-bottom:5px}.hint{margin-bottom:10px}#status{min-height:30px}.rollover{background:#fff4d5;padding:8px;font-size:11px}.rollover button{background:white;color:#38533b;border:1px solid #9aab8f;border-radius:4px}.cell:focus-visible{outline-offset:-3px}.hint-button{font-size:11px} @media(max-width:440px){main{padding:11px 12px 8px}#board{max-width:280px}.hint{font-size:10px;margin-bottom:8px}.toolbar{margin:8px 0}.daily-label{font-size:9px}#status{margin-top:8px;font-size:10px;min-height:28px}}