*{font-family:Rokkitt,Tahoma,Geneva,Verdana,sans-serif}body{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;background:#f0f2f5;margin:0}.sudoku-container{display:grid;grid-template-columns:repeat(9,1fr);width:360px;height:360px;border:3px solid #8c8c8c;background-color:#fff;border-radius:8px;padding:4px;gap:2px;box-shadow:0 2px 8px #00000026;position:relative}.cell{width:36px;height:36px;text-align:center;font-size:1.5em;border:1px solid #d9d9d9;background-color:#fff;box-sizing:border-box;font-weight:700;color:#595959;border-radius:4px;transition:all .2s ease;caret-color:transparent;cursor:pointer}.cell:focus{outline:none;background-color:#e6f7ff;border:2px solid #1890ff;box-shadow:0 0 4px #1890ff80}.filled{background-color:#d9f7be!important}.buttons{margin-top:20px;display:flex;justify-content:center;gap:20px;width:100%}.buttons button{padding:10px 24px;font-size:1.5em;border-radius:6px;background:#1890ff;color:#fff;cursor:pointer;border:none;transition:all .3s ease}.buttons button:hover{background:#40a9ff;box-shadow:0 4px 8px #1890ff33}.buttons button:active{background:#096dd9;box-shadow:inset 0 2px 4px #0003}.cell:nth-child(3n){border-right:3px solid #595959}.cell:nth-child(n+19):nth-child(-n+27),.cell:nth-child(n+46):nth-child(-n+54),.cell:nth-child(n+73):nth-child(-n+81){border-bottom:3px solid #595959}.notification{display:none;position:fixed;top:20px;left:50%;transform:translate(-50%);background:#fff;color:#333;padding:15px 20px;border-radius:8px;box-shadow:0 4px 8px #0003;font-size:16px;font-weight:700;z-index:1000;text-transform:uppercase}.notification .close-btn{margin-left:0;cursor:pointer;background:none;border:none;font-size:16px;font-weight:700;color:red}