body{margin:0;padding:0;display:flex;justify-content:center;align-items:center;height:100vh;background-color:#f0f0f0}canvas{background-color:#fff;display:block;width:100%;max-width:600px;aspect-ratio:1 / 1;padding:50px}#ui-layer{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.button{position:absolute;pointer-events:auto;padding:10px 20px;background-color:#4caf50;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:16px}#matching-button{bottom:20px;left:50%;transform:translate(-50%)}#accept-button{bottom:80px;left:50%;transform:translate(-50%);background-color:#008cba;display:none}