body{margin:0}canvas{display:block}#container{position:absolute}#points-counter{position:absolute;top:10px;left:10px;z-index:1;background-color:#ffffff80;padding:5px 10px;border-radius:5px}#total-points{padding:10px}#container-popup{display:none}#win-popup{display:flex;flex-direction:column;position:absolute;top:10%;left:50%;transform:translate(-50%);background-color:#fffc;padding:15px;border-radius:10px;z-index:100;text-align:center}#win-popup img{width:200px;height:auto;margin-bottom:10px}#container-popup-lose{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:999}#lose-popup{display:flex;flex-direction:column;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;padding:20px;border-radius:10px;text-align:center}#lose-popup img{width:200px;height:auto;margin-bottom:20px}#reset-button{background-color:#4caf50;color:#fff;padding:10px 20px;border:none;border-radius:5px;cursor:pointer}#reset-button:hover{background-color:#45a049}#reset-button-lose{background-color:#4caf50;color:#fff;padding:10px 20px;border:none;border-radius:5px;cursor:pointer}#reset-button-lose:hover{background-color:#45a049}#instructions-popup{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#ffffffe6;padding:20px;border-radius:10px;box-shadow:0 0 10px #0003;z-index:1000;display:flex;flex-direction:column;align-items:center}#instructions-popup h2{margin-top:0}#instructions-popup p{margin-bottom:10px}#close-instructions{display:block;padding:5px 10px;background-color:#007bff;color:#fff;border:none;border-radius:5px;cursor:pointer}#close-instructions:hover{background-color:#0056b3}