body { font-family: Arial, sans-serif; background-color: #f0f0f0; text-align: center; padding: 20px; } #game-container { background-color: white; border: 1px solid #ccc; border-radius: 10px; padding: 20px; max-width: 600px; margin: 0 auto; } .puzzle { margin: 20px 0; } .hidden { display: none; } function checkCode() { const codeInput = document.getElementById('code-input').value; if (codeInput === '1234') { document.getElementById('puzzle-1').classList.add('hidden'); document.getElementById('success-message').classList.remove('hidden'); } else { alert('Wrong code. Try again!'); } }